/* ═══ Projektseiten 10/2026 ═══ */
@font-face{font-family:"Instrument Serif";src:url('fonts/InstrumentSerif-Regular.ttf') format('truetype');font-style:normal;font-display:swap;}
@font-face{font-family:"Instrument Serif";src:url('fonts/InstrumentSerif-Italic.ttf') format('truetype');font-style:italic;font-display:swap;}

.cs-wrap{position:relative;z-index:10;background:#fff;padding-bottom:40px;}
.cs-chap{padding:110px 36px 28px;}
.cs-chap .ov-lbl{margin-bottom:14px;}
.cs-txt{max-width:480px;margin:0;}
.cs-cap{position:absolute;left:12px;bottom:10px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#fff;font-family:"Raleway",sans-serif;mix-blend-mode:difference;}
.cs-stats{display:grid;grid-template-columns:repeat(4,180px);margin:8px 0 40px;}
.cs-stats .tt-num{font-size:22px;}
.cs-stats .ov-lbl{margin:2px 0 0;}

/* 01 Identität: asymmetrisches Raster */
.cs-id{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;}
.cs-id img,.cs-id video{width:100%;height:100%;object-fit:cover;display:block;}
.cs-id-a{grid-column:1/8;aspect-ratio:4/3;}
.cs-id-b{grid-column:8/13;position:relative;background:#000;}
.cs-id-c{grid-column:1/6;aspect-ratio:4/5;}
.cs-id-d{grid-column:6/13;}

/* 02 Wand aus Posts */
.cs-wall{height:300vh;position:relative;}
.cs-wall-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0 36px;}
.cs-col{display:flex;flex-direction:column;gap:10px;will-change:transform;padding-top:90px;}
.cs-col:nth-child(even){padding-top:180px;}
.cs-post{margin:0;}
.cs-post img{width:100%;display:block;box-shadow:0 4px 24px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.08);border-radius:2px;}
.cs-post figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#b0b0b0;margin-top:6px;font-family:"Raleway",sans-serif;}
.cs-stories{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;padding:60px 36px 0;}
.cs-phone{aspect-ratio:9/16;border-radius:3px;overflow:hidden;background:#111;box-shadow:0 4px 24px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.08);}
.cs-phone video{width:100%;height:100%;object-fit:cover;display:block;}

/* 03 RA: seitliches Band mit drehenden Flyern */
.cs-ra{position:relative;}
.cs-ra-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;background:#f7f7f7;background-image:radial-gradient(circle,#d0d0d0 1px,transparent 1px);background-size:32px 32px;}
.cs-ra-track{display:flex;gap:36px;padding:0 36px;will-change:transform;}
.cs-flip{flex:0 0 min(46vw,640px);aspect-ratio:1920/1005;perspective:1600px;}
.cs-flip-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .15s linear;}
.cs-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:3px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.08);}
.cs-face img{width:100%;height:100%;object-fit:cover;display:block;}
.cs-back{transform:rotateY(180deg);}

/* 04 Art Direction: Magazin-Rhythmus */
.cs-art{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;}
.cs-art-i img{width:100%;height:100%;object-fit:cover;display:block;}
.cs-a0{grid-column:span 7;} .cs-a1{grid-column:span 5;} .cs-a2{grid-column:span 4;} .cs-a3{grid-column:span 4;}
.cs-a4{grid-column:span 4;} .cs-a5{grid-column:span 5;} .cs-a6{grid-column:span 7;}
.cs-special{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;align-items:start;}
.cs-special img{width:100%;display:block;}

/* ── Georgia Website: Sprache der Seite ── */
.gw2{position:relative;z-index:10;background:#0b0b0b;color:#efece6;font-family:"Instrument Serif",serif;}
.gw2-top{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;padding:120px 36px 0;font-family:"Raleway",sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#8a8780;}
.gw2-top a{color:#efece6;text-decoration:none;cursor:none;}
.gw2-top a:hover{opacity:.5;}
.gw2-h{font-weight:400;font-size:clamp(70px,15.5vw,250px);line-height:.92;letter-spacing:-.035em;margin:6vh 0 0;padding:0 28px;}
.gw2-h span{display:block;}
.gw2-h span:nth-child(2){padding-left:18vw;}
.gw2-h span:nth-child(3){text-align:right;margin-top:.1em;}
.gw2-h i{font-style:italic;}
.gw2-marq{overflow:hidden;white-space:nowrap;border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;margin-top:6vh;padding:14px 0;font-size:clamp(28px,4vw,56px);}
.gw2-marq div{display:inline-block;animation:gw2m 40s linear infinite;}
@keyframes gw2m{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.gw2-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding:10vh 36px;}
.gw2-intro p{font-size:clamp(22px,2.4vw,34px);line-height:1.18;margin:0;}
.gw2-meta{display:grid;grid-template-columns:1fr 1fr;align-content:end;gap:10px;font-family:"Raleway",sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#8a8780;}
.gw2-scroll{height:340vh;position:relative;}
.gw2-scroll-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;}
.gw2-frame{width:min(78vw,1100px);aspect-ratio:1440/900;overflow:hidden;border:1px solid #2a2a2a;background:#000;}
.gw2-strip{width:100%;display:block;will-change:transform;}
.gw2-side{position:absolute;left:36px;bottom:28px;display:flex;flex-direction:column;gap:4px;font-family:"Raleway",sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#8a8780;}
.gw2-ed{display:grid;grid-template-columns:repeat(12,1fr);gap:28px 3px;padding:12vh 0;}
.gw2-ed figure{margin:0;}
.gw2-ed img{width:100%;display:block;}
.gw2-ed figcaption{font-family:"Raleway",sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#8a8780;margin-top:8px;padding-left:8px;}
.gw2-ed .e1{grid-column:1/13;}
.gw2-ed .e2{grid-column:2/7;}
.gw2-ed .e3{grid-column:8/13;align-self:center;font-size:clamp(40px,6vw,96px);line-height:.9;font-style:italic;margin:0;padding-right:36px;}
.gw2-ed .e4{grid-column:1/9;}
.gw2-ed .e5{grid-column:9/13;align-self:end;}
.gw2-mob{height:260vh;position:relative;}
.gw2-mob-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:flex-end;justify-content:center;gap:3vw;padding-bottom:5vh;box-sizing:border-box;}
.gw2-ph{width:min(20vw,270px);aspect-ratio:390/844;overflow:hidden;border:1px solid #2a2a2a;border-radius:18px;background:#000;}
.gw2-ph:nth-child(2){transform:translateY(6vh);}
.gw2-ph img{width:100%;display:block;will-change:transform;}
.gw2-mob-t{position:absolute;left:36px;top:14vh;font-size:clamp(28px,3.4vw,52px);line-height:1;margin:0;}
.gw2-gal{padding:8vh 36px 14vh;}
.gw2-h2{font-weight:400;font-size:clamp(34px,5vw,80px);line-height:.95;margin:0 0 5vh;max-width:14ch;}
.gw2-gal-i{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.gw2-gal-i img{width:100%;display:block;}

/* ── Visual Experience: LED-Wand ── */
.vx{position:relative;z-index:10;background:#000;}
.vx-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#000;}
.vx-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.vx-hud{position:absolute;left:36px;right:36px;bottom:24px;display:flex;justify-content:space-between;font-family:"Raleway",sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.7);}
.vx-sticky::after{content:"";position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;}
.vx-sticky.flash::after{animation:vxf .18s ease-out;}
@keyframes vxf{0%{opacity:.6}100%{opacity:0}}

/* ── Graphic Selection: Plakate fliegen ── */
.gf{position:relative;z-index:10;background:#fff;}
.gf-sticky{position:sticky;top:0;height:100vh;overflow:hidden;}
.gf-p{position:absolute;left:50%;top:50%;max-height:78vh;max-width:78vw;box-shadow:0 4px 24px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.08);opacity:0;will-change:transform,opacity;}
.gf-n{position:absolute;right:36px;bottom:24px;font-family:"Raleway",sans-serif;font-size:10px;letter-spacing:.15em;color:#aaa;font-variant-numeric:tabular-nums;}
.gf-index{position:relative;z-index:10;background:#fff;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:0 0 40px;}
.gf-index img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;}

/* ── DANGEROUS Platzhalter ── */
.dg-ph{position:relative;z-index:10;background:#f7f7f7;background-image:radial-gradient(circle,#d0d0d0 1px,transparent 1px);background-size:32px 32px;min-height:70vh;padding:12vh 36px;}

/* ═══ Little Game ═══ */
.lg{position:relative;z-index:10;background:#fff;min-height:100vh;}
.lg-menu{padding:120px 36px 80px;}
.lg-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:40px;}
.lg-levels button{text-align:left;background:#f7f7f7;border:none;padding:28px 24px 34px;cursor:none;font-family:"Raleway",sans-serif;font-weight:100;font-size:clamp(22px,2.4vw,36px);letter-spacing:.05em;text-transform:uppercase;color:#2a2a2a;transition:background .3s;}
.lg-levels button:hover{background:#ececec;}
.lg-levels span{display:block;font-size:9px;letter-spacing:.15em;color:#b0b0b0;font-weight:400;margin-bottom:40px;}
.lg-levels em{display:block;font-style:normal;font-size:12px;letter-spacing:0;text-transform:none;color:#888;font-weight:300;margin-top:10px;}
.lg-bar{position:sticky;top:64px;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 36px;font-family:"Raleway",sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#b0b0b0;pointer-events:none;}
.lg-bar button{pointer-events:all;background:none;border:none;font:inherit;letter-spacing:inherit;text-transform:inherit;color:#2a2a2a;cursor:none;}
.lg-bar button:hover{opacity:.5;}
.lg-stage{position:relative;margin-top:-44px;}
.lg-sticky{position:sticky;top:0;height:100vh;overflow:hidden;}
.lg-cv{width:100%;height:100%;display:block;}
.lg-hint{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);font-family:"Raleway",sans-serif;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#b0b0b0;transition:color .3s;}
.lg-hint.on{color:#2a2a2a;}
.lg-zoom{background:#fff;}
.lg-z{position:absolute;left:50%;top:50%;width:min(70vh,80vw);aspect-ratio:4/5;background:#fff;padding:2.2%;box-shadow:0 4px 24px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.08);transform-origin:50% 50%;will-change:transform;}
.lg-z img{width:100%;height:100%;object-fit:cover;display:block;}
.lg-watch{display:flex;align-items:center;justify-content:center;}
.lg-line{font-family:"Raleway",sans-serif;font-weight:100;font-size:clamp(26px,4vw,58px);letter-spacing:.03em;text-transform:uppercase;text-align:center;max-width:16ch;line-height:1.15;margin:0;
  background:linear-gradient(to bottom,#3a3a3a 0%,#a0a0a0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.lg-line.in{animation:lgin .7s cubic-bezier(0.2,1,0.3,1);}
@keyframes lgin{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.lg-fake{position:absolute;right:36px;top:22vh;bottom:22vh;width:2px;background:#ececec;}
.lg-fake span{position:absolute;left:0;top:0;width:100%;background:#2a2a2a;transition:height .2s;}
.lg-fake em{position:absolute;right:10px;bottom:-22px;font-style:normal;font-family:"Raleway",sans-serif;font-size:9px;letter-spacing:.15em;color:#b0b0b0;}

@media (max-width:600px){
  .cs-chap{padding:80px 20px 20px;}
  .cs-stats{grid-template-columns:1fr 1fr;row-gap:16px;}
  .cs-id-a,.cs-id-b,.cs-id-c,.cs-id-d{grid-column:1/-1;}
  .cs-wall-sticky{grid-template-columns:repeat(3,1fr);padding:0 10px;gap:6px;}
  .cs-stories{grid-template-columns:repeat(4,1fr);padding:40px 10px 0;gap:6px;}
  .cs-flip{flex-basis:78vw;}
  .cs-art .cs-art-i{grid-column:span 6;}
  .cs-special{grid-template-columns:1fr 1fr;}
  .gw2-top{grid-template-columns:1fr;gap:6px;padding:100px 20px 0;}
  .gw2-h{padding:0 14px;}
  .gw2-intro{grid-template-columns:1fr;padding:8vh 20px;}
  .gw2-frame{width:92vw;}
  .gw2-ed .e1,.gw2-ed .e2,.gw2-ed .e3,.gw2-ed .e4,.gw2-ed .e5{grid-column:1/-1;padding:0 20px;}
  .gw2-ph{width:28vw;}
  .gw2-mob-t{left:20px;top:10vh;}
  .gw2-gal{padding:6vh 20px 10vh;}
  .gf-index{grid-template-columns:repeat(3,1fr);}
  .lg-menu{padding:100px 20px 60px;}
  .lg-levels{grid-template-columns:1fr;}
  .lg-bar{padding:12px 20px;}
  .lg-fake{right:16px;}
}
@media (prefers-reduced-motion:reduce){
  .gw2-marq div{animation:none;}
}

/* ═══ Georgia-Case v2 ═══ */
.gb-f{margin:0;position:relative;}
.gb-f img{width:100%;display:block;}
.gb-f figcaption{font-family:"Raleway",sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#b0b0b0;margin-top:8px;}
.gb-brand{display:grid;grid-template-columns:5fr 7fr;gap:48px;padding:0 36px;align-items:start;}
.gb-logo{background:#fff;}
.gb-side{display:grid;gap:48px;padding-top:20px;}
.gb-row3{display:grid;grid-template-columns:5fr 2fr 5fr;gap:48px;padding:72px 36px 0;align-items:end;}
.gb-wall{height:200vh;position:relative;margin-top:110px;}
.gb-wall-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#000;}
.gb-wall-sticky video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.gb-wall-cap{position:absolute;left:36px;right:36px;bottom:24px;display:flex;justify-content:space-between;font-family:"Raleway",sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.75);}
.gb-print{display:grid;grid-template-columns:repeat(12,1fr);gap:56px 24px;padding:0 36px;align-items:end;}
.gb-p1{grid-column:1/5;} .gb-p2{grid-column:5/10;} .gb-p9{grid-column:10/13;grid-row:1/3;align-self:start;}
.gb-p3{grid-column:1/4;} .gb-p4{grid-column:4/7;} .gb-p5{grid-column:7/10;}
.gb-p6{grid-column:1/5;} .gb-p7{grid-column:5/9;} .gb-p8{grid-column:9/13;}
.cs-story video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;border-radius:2px;background:#111;box-shadow:0 4px 24px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.08);}
.cs-ev{flex:0 0 auto;display:flex;gap:10px;}
.cs-fl{margin:0;}
.cs-fl img{height:min(60vh,600px);width:auto;display:block;border-radius:2px;box-shadow:0 4px 24px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.08);}
.cs-fl figcaption{font-family:"Raleway",sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#b0b0b0;margin-top:8px;}
.cs-ra-track{gap:72px;}
.cs-ra-n{position:absolute;right:36px;bottom:24px;font-family:"Raleway",sans-serif;font-size:10px;letter-spacing:.15em;color:#aaa;font-variant-numeric:tabular-nums;}

/* ═══ Little Game v2 ═══ */
.lg-bar.dark{color:#666;}
.lg-bar.dark button{color:#ddd;}
.lg-dark{position:relative;height:100vh;margin-top:-44px;background:#050505;overflow:hidden;touch-action:none;cursor:none;}
.lg-room{position:absolute;inset:0;}
.lg-it{position:absolute;left:0;top:0;width:min(15vw,190px);will-change:transform;}
.lg-it img{width:100%;display:block;box-shadow:0 10px 40px rgba(0,0,0,.6);}
.lg-shade{position:absolute;inset:0;pointer-events:none;transition:opacity .6s;}
.lg-dark.lit .lg-shade{opacity:0;}
.lg-dark.lit{background:#f7f7f7;}
.lg-msg{position:absolute;left:0;right:0;bottom:12vh;text-align:center;font-family:"Raleway",sans-serif;font-weight:100;font-size:clamp(20px,2.6vw,38px);letter-spacing:.05em;text-transform:uppercase;color:#cfcfcf;pointer-events:none;transition:color .6s;}
.lg-dark.lit .lg-msg{color:#2a2a2a;}
.lg-lights{position:absolute;right:36px;bottom:28px;background:none;border:1px solid #444;color:#aaa;font-family:"Raleway",sans-serif;font-size:9px;letter-spacing:.2em;text-transform:uppercase;padding:12px 18px;cursor:none;opacity:0;pointer-events:none;transition:opacity .8s;}
.lg-lights.on{opacity:1;pointer-events:all;}
.lg-dark.lit .lg-lights{border-color:#2a2a2a;color:#2a2a2a;}
.lg-zoom-st{position:relative;height:100vh;margin-top:-44px;overflow:hidden;background:#fff;touch-action:none;}
@media (max-width:600px){
  .gb-brand,.gb-row3{grid-template-columns:1fr;gap:32px;padding:0 20px;}
  .gb-row3{padding-top:40px;}
  .gb-print{grid-template-columns:1fr 1fr;gap:32px 12px;padding:0 20px;}
  .gb-print .gb-f{grid-column:auto;grid-row:auto;}
  .gb-wall-cap{left:20px;right:20px;flex-direction:column;gap:4px;}
  .cs-fl img{height:44vh;}
  .lg-it{width:26vw;}
}

/* ═══ Georgia-Case v3 ═══ */
.id-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;padding:0;}
.id-grid > div{background:#f4f3f0;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.id-grid img{display:block;max-width:100%;}
.id-logo{grid-column:1/6;aspect-ratio:1/1;}
.id-logo img{width:46%;}
.id-full{grid-column:6/13;background:#fff!important;}
.id-full img{width:62%;}
.id-coin{grid-column:1/4;aspect-ratio:1/1;}
.id-coin img{width:58%;}
.id-font{grid-column:4/10;background:#fff!important;}
.id-font img{width:64%;}
.id-sym{grid-column:10/13;background:#fff!important;}
.id-sym img{width:100%;}
.id-pal{grid-column:1/13;display:grid!important;grid-template-columns:repeat(4,1fr);height:34vh;background:none!important;}
.id-pal > div{display:flex;flex-direction:column;justify-content:space-between;padding:18px 20px;font-family:"Raleway",sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;}
.id-grad{display:flex;height:60vh;gap:3px;margin-top:3px;}
.id-grad > div{flex:1;overflow:hidden;transition:flex .8s cubic-bezier(0.2,1,0.3,1);}
.id-grad > div:hover{flex:3;}
.id-grad img{width:100%;height:100%;object-fit:cover;display:block;}
.rm{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:3px;}
.rm img{width:100%;height:100%;object-fit:cover;display:block;}
.rm-0{grid-row:1/3;}
.ob-stage{height:280vh;position:relative;}
.ob-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#0d0d0d;display:flex;align-items:center;justify-content:center;perspective:2200px;}
.ob{position:relative;width:min(62vw,880px);transform-style:preserve-3d;will-change:transform;}
.ob-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;transform:translateZ(2px);}
.ob-face img{width:100%;height:100%;object-fit:cover;display:block;}
.ob-back{transform:rotateY(180deg) translateZ(2px);}
.ob-gloss{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;}
.ob-edge{position:absolute;background:#d9d6cf;}
.ob-r{top:0;bottom:0;right:-2px;width:4px;transform:rotateY(90deg);}
.ob-l{top:0;bottom:0;left:-2px;width:4px;transform:rotateY(90deg);}
.ob-t{left:0;right:0;top:-2px;height:4px;transform:rotateX(90deg);}
.ob-bm{left:0;right:0;bottom:-2px;height:4px;transform:rotateX(90deg);}
.ob-shadow{position:absolute;left:50%;bottom:9vh;width:min(56vw,800px);height:40px;background:radial-gradient(ellipse at center,rgba(0,0,0,.65),rgba(0,0,0,0) 70%);filter:blur(6px);}
.ob-cap{position:absolute;left:36px;bottom:24px;font-family:"Raleway",sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#8a8780;}
.tl-row{display:flex;justify-content:center;align-items:center;gap:4vw;padding:6vh 36px 10vh;perspective:1400px;}
.tl{width:min(22vw,320px);transform:rotate(var(--r));transition:transform .5s cubic-bezier(0.2,1,0.3,1);transform-style:preserve-3d;}
.tl img{width:100%;display:block;box-shadow:0 2px 2px rgba(0,0,0,.08),0 18px 40px rgba(0,0,0,.22);}
.pr-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:56px 24px;padding:0 36px;align-items:end;}
.pr-grid figure{margin:0;}
.pr-grid img{width:100%;display:block;}
.pr-grid figcaption,.mc + .x{font-family:"Raleway",sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#b0b0b0;margin-top:8px;}
.pr-a{grid-column:1/6;} .pr-b{grid-column:6/13;} .pr-c{grid-column:1/5;} .pr-d{grid-column:5/13;}
.mc{display:grid;grid-template-columns:3fr 3fr 4fr 2fr;gap:24px;padding:72px 36px 0;align-items:end;}
.mc img{width:100%;display:block;}
.ra-pair{display:flex;flex-direction:column;gap:6px;}
.ra-pair img{width:100%;display:block;border-radius:2px;box-shadow:0 4px 24px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.08);}
.ws{display:grid;grid-template-columns:3fr 1fr;gap:24px;padding:0 36px 40px;align-items:start;}
.ws-desk,.ws-art{background:#111;border-radius:8px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.08);}
.ws-art{grid-column:1/2;margin-top:24px;}
.ws-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#1b1b1b;}
.ws-bar i{width:9px;height:9px;border-radius:50%;background:#3a3a3a;}
.ws-bar span{margin-left:12px;font-family:"Raleway",sans-serif;font-size:10px;letter-spacing:.08em;color:#888;}
.ws video{width:100%;display:block;}
.ws-side{grid-row:1/3;grid-column:2/3;position:sticky;top:90px;}
.ws-ph{border:9px solid #111;border-radius:36px;overflow:hidden;background:#000;aspect-ratio:390/844;box-shadow:0 4px 24px rgba(0,0,0,.18);}
.ws-ph video{width:100%;height:100%;object-fit:cover;}
@media (max-width:600px){
  .id-logo,.id-full,.id-coin,.id-font,.id-sym{grid-column:1/-1;}
  .id-pal{grid-template-columns:1fr 1fr;height:auto;}
  .id-pal > div{height:90px;}
  .id-grad{height:30vh;}
  .rm{grid-template-columns:1fr;} .rm-0{grid-row:auto;}
  .ob{width:86vw;}
  .tl-row{flex-direction:column;gap:24px;} .tl{width:70vw;}
  .pr-grid,.mc{grid-template-columns:1fr;padding:0 20px;gap:32px;}
  .pr-grid figure{grid-column:auto;}
  .ws{grid-template-columns:1fr;padding:0 20px 40px;}
  .ws-side{grid-row:auto;grid-column:auto;position:static;width:60%;margin:0 auto;}
}
.pc-stage{height:240vh;position:relative;}
.pc-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#f4f3f0;display:flex;align-items:center;justify-content:center;gap:8vw;perspective:2000px;}
.pc-sticky .ob.pc{width:min(26vw,360px);}
.pc-sticky .ob-face{box-shadow:0 2px 3px rgba(0,0,0,.08),0 24px 50px rgba(0,0,0,.22);}
.pc-sticky .ob-cap{color:#b0b0b0;}
@media (max-width:600px){.pc-sticky{gap:6vw}.pc-sticky .ob.pc{width:40vw;}}

/* ═══ Kollaps ═══ */
#cl-layer{position:fixed;inset:0;z-index:9000;background:#fff;cursor:none;overflow:hidden;}
#cl-layer .cl-card,#cl-layer .cl-txt{position:absolute;left:0;top:0;will-change:transform;user-select:none;}
.cl-card{border-radius:3px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.08);}
.cl-txt{color:#5a5a5a;white-space:nowrap;}
#cl-msg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;font-family:"Raleway",sans-serif;font-weight:100;font-size:clamp(48px,11vw,190px);line-height:.95;letter-spacing:.04em;text-transform:uppercase;opacity:0;transition:opacity 1.2s ease;
  background:linear-gradient(to bottom,#3a3a3a 0%,#a0a0a0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
#cl-msg.on{opacity:.22;}
#cl-hint{position:absolute;left:0;right:0;top:28px;text-align:center;font-family:"Raleway",sans-serif;font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:#b0b0b0;opacity:0;transition:opacity .8s;pointer-events:none;}
#cl-hint.on{opacity:1;}
#cl-bar{position:absolute;right:36px;top:22px;display:flex;gap:28px;}
#cl-bar button{background:none;border:none;font-family:"Raleway",sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:300;color:#2a2a2a;cursor:none;padding:0;}
#cl-bar button:hover{opacity:.5;}
#cl-layer.cl-back #cl-msg,#cl-layer.cl-back #cl-hint,#cl-layer.cl-back #cl-bar{opacity:0;transition:opacity .3s;}
body.cl-shake{animation:clshake .45s cubic-bezier(.36,.07,.19,.97);}
@keyframes clshake{10%,90%{transform:translate(-2px,0)}20%,80%{transform:translate(4px,1px)}30%,50%,70%{transform:translate(-8px,-2px)}40%,60%{transform:translate(8px,2px)}}
@media (max-width:600px){#cl-bar{right:20px;gap:18px;}}
@media (max-width:600px){
  .ov-cols{grid-template-columns:1fr 1fr!important;row-gap:16px;}
  .ov-cta{grid-template-columns:1fr 1fr!important;}
  .tt-corner .tt-row{grid-template-columns:1fr 1fr!important;}
}