:root{
  --black:#070707;
  --black-2:#0d0d0d;
  --cream:#f1ead9;
  --paper:#e9e1ce;
  --ink:#101010;
  --muted:#b5ad9b;
  --yellow:#f0c43f;
  --red:#8f1417;
  --hair:rgba(241,234,217,.16);
  --display:'Barlow Condensed','Arial Narrow',sans-serif;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',Arial,sans-serif;
  --mono:'IBM Plex Mono',monospace;
  --hand:'Caveat','Segoe Print',cursive;
  --page:min(1380px,calc(100vw - 48px));
  --header-h:72px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--cream);font-family:var(--sans);overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{display:block;max-width:100%;height:auto}
::selection{background:var(--yellow);color:var(--ink)}

:where(a,button):focus-visible{outline:2px solid var(--yellow);outline-offset:5px}

.grain{position:fixed;inset:0;z-index:10000;pointer-events:none;opacity:.10;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.cursor{display:none;position:fixed;left:0;top:0;width:26px;height:26px;border:1px solid rgba(240,196,63,.7);border-radius:50%;z-index:10001;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s,border .2s;mix-blend-mode:difference}
.cursor span{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--yellow);left:50%;top:50%;transform:translate(-50%,-50%)}
.cursor.big{width:58px;height:58px;background:rgba(240,196,63,.12);border-color:var(--yellow)}
@media (hover:hover) and (pointer:fine){.cursor{display:block}body{cursor:none}a,button{cursor:none}}

.utility{font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
.handwritten{font-family:var(--hand);font-size:clamp(24px,2.6vw,42px);line-height:1;color:var(--yellow);font-weight:600}
.editorial-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:18px;width:var(--page);margin:0 auto;position:relative}
.site{position:relative;z-index:1}

/* INTRO */
.intro{position:fixed;inset:0;z-index:9999;background:#000;display:grid;place-items:center;overflow:hidden;transition:opacity 1s ease,visibility 1s ease}
body.ready .intro{opacity:0;visibility:hidden;pointer-events:none}
.intro-stage{width:min(900px,90vw);height:min(540px,76vh);position:relative;display:grid;place-items:center}
.intro-type{position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(72px,12vw,168px);font-weight:800;letter-spacing:-.02em;color:var(--cream);line-height:.8;z-index:4}
.intro-caret{display:inline-block;width:4px;height:.8em;background:var(--cream);margin-left:9px;animation:blink .8s steps(1) infinite;vertical-align:-.04em}
@keyframes blink{50%{opacity:0}}
.intro-signature{position:absolute;width:min(600px,74vw);top:52%;left:51%;transform:translate(-50%,-50%) rotate(-4deg);overflow:visible;z-index:3}
.sig,.intro-stroke path{fill:none;stroke:var(--yellow);stroke-linecap:round;stroke-linejoin:round;stroke-width:13;stroke-dasharray:900;stroke-dashoffset:900;filter:drop-shadow(0 0 8px rgba(240,196,63,.15))}
body.intro-sign .sig{animation:signature 1.3s cubic-bezier(.4,0,.2,1) forwards}
body.intro-sign .sig-h2{animation-delay:.12s}body.intro-sign .sig-o{animation-delay:.22s}body.intro-sign .sig-w{animation-delay:.32s}body.intro-sign .sig-tail{animation-delay:.42s}
@keyframes signature{to{stroke-dashoffset:0}}
.intro-stroke{position:absolute;width:min(530px,68vw);top:68%;left:50%;transform:translate(-50%,-50%) rotate(-2deg);z-index:2}
body.intro-sign .intro-stroke path{animation:signature .9s ease .55s forwards}
.intro-sketch,.intro-star,.intro-dots{position:absolute;opacity:0;transition:opacity .55s ease,transform .8s ease}
body.intro-pattern .intro-sketch,body.intro-pattern .intro-star,body.intro-pattern .intro-dots{opacity:1;transform:scale(1) rotate(var(--r,0deg))}
.intro-sketch{border:3px solid var(--yellow);border-radius:50%;transform:scale(.7);filter:drop-shadow(0 0 8px rgba(240,196,63,.1))}
.intro-sketch-a{width:250px;height:250px;left:-1%;top:2%;border-right-color:transparent;border-bottom-color:transparent;--r:-18deg}
.intro-sketch-b{width:190px;height:190px;right:1%;bottom:2%;border-left-color:transparent;border-top-color:transparent;--r:24deg}
.intro-star{right:18%;top:16%;font-size:68px;color:var(--yellow);transform:scale(.4) rotate(-18deg)}
.intro-dots{left:16%;bottom:11%;width:130px;height:80px;background:radial-gradient(circle,var(--yellow) 1.5px,transparent 2px);background-size:17px 17px;transform:translateY(12px)}

/* HEADER */
.header{position:fixed;left:0;right:0;top:0;height:var(--header-h);padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:9000;opacity:0;transform:translateY(-110%);transition:opacity .5s ease,transform .5s ease;background:linear-gradient(to bottom,rgba(7,7,7,.88),rgba(7,7,7,0));pointer-events:none}
body.ready .header.visible{opacity:1;transform:none;pointer-events:auto}
.logo{font-family:var(--display);font-size:24px;font-weight:800;letter-spacing:.01em;flex:0 0 auto}.logo span{font-weight:200}
.chapter-nav{display:flex;gap:28px}.chapter-nav a{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(241,234,217,.5);transition:color .2s}.chapter-nav b{font-weight:400;color:rgba(240,196,63,.7);margin-right:5px}.chapter-nav a.active,.chapter-nav a:hover{color:var(--cream)}
.header-tools{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.lang-switch{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:rgba(241,234,217,.38)}
.lang-btn{appearance:none;border:0;background:none;padding:7px 2px;cursor:pointer;font-family:inherit;font-size:10px;letter-spacing:.08em;color:rgba(241,234,217,.38);transition:color .2s ease}
.lang-btn:hover,.lang-btn.active{color:var(--yellow)}
.index-toggle{display:none;background:none;border:0;padding:8px 0;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.mobile-index{position:fixed;inset:0;z-index:8900;background:rgba(7,7,7,.97);backdrop-filter:blur(18px);padding:110px 24px 30px;display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}
.mobile-index.open{opacity:1;visibility:visible;pointer-events:auto}
.mobile-index a{font-family:var(--display);font-size:clamp(42px,12vw,72px);font-weight:300;line-height:.9;border-bottom:1px solid var(--hair);padding:12px 0}

/* HERO */
.hero{min-height:100svh;background:radial-gradient(circle at 68% 38%,rgba(126,17,21,.25),transparent 24%),radial-gradient(circle at 88% 46%,rgba(18,68,152,.18),transparent 25%),#070707;overflow:hidden;position:relative;padding-top:var(--header-h)}
.hero-grid{min-height:calc(100svh - var(--header-h));grid-template-rows:auto 1fr auto;row-gap:24px;align-items:center;padding:36px 0 48px}
.hero-kicker{grid-column:1/6;grid-row:1;align-self:start;margin:0;color:var(--muted);z-index:8}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--yellow);margin-right:9px;vertical-align:1px}
.hero-lockup{grid-column:1/7;grid-row:2;align-self:center;margin:0;display:flex;flex-direction:column;gap:clamp(8px,1.4vw,20px);line-height:.72;letter-spacing:-.045em;z-index:6;pointer-events:none;min-width:0}
.hero-yasin{display:block;font-family:var(--display);font-size:clamp(112px,15.5vw,238px);font-weight:900;color:var(--cream);white-space:nowrap}
.hero-show{display:block;font-family:var(--display);font-size:clamp(92px,12.2vw,188px);font-weight:200;letter-spacing:.035em;color:var(--yellow);margin-left:.10em;white-space:nowrap}
.hero-copy{grid-column:1/5;grid-row:3;align-self:end;z-index:8;max-width:470px}.hero-copy p{font-family:var(--serif);font-size:clamp(24px,2.25vw,36px);line-height:1.14;margin:0 0 26px;color:var(--paper);max-width:13ch}
.text-link{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(240,196,63,.8);padding-bottom:7px}.text-link span:last-child{color:var(--yellow)}
.hero-art{grid-column:7/13;grid-row:1/4;align-self:center;justify-self:end;width:100%;max-width:min(46vw,660px);height:min(68vh,660px);position:relative;z-index:4;overflow:hidden;transform-style:preserve-3d;will-change:transform}
.hero-art::before{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(90deg,rgba(7,7,7,1) 0%,rgba(7,7,7,.82) 9%,rgba(7,7,7,.28) 28%,rgba(7,7,7,0) 52%),linear-gradient(0deg,rgba(7,7,7,.38),transparent 28%)}
.hero-person{position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:5;object-fit:cover;object-position:center 38%;filter:saturate(.93) contrast(1.02);clip-path:none}
.hero-orbit,.hero-sun,.hero-vortex{display:none}
.hero-scribble{position:absolute;width:250px;left:2%;bottom:9%;z-index:7;fill:none;stroke:var(--yellow);stroke-width:3;stroke-linecap:round;opacity:.85}
.hero-note{grid-column:7/10;grid-row:3;align-self:end;justify-self:end;margin:0;max-width:11ch;text-align:right;line-height:1.06;z-index:8;transform:rotate(-4deg)}
.hero-coordinate{grid-column:10/13;grid-row:3;align-self:end;justify-self:end;text-align:right;margin:0;color:var(--muted);z-index:8}
.scroll-cue{position:absolute;left:24px;bottom:22px;display:flex;align-items:center;gap:8px;color:rgba(241,234,217,.56);z-index:12}.scroll-cue span:first-child{color:rgba(240,196,63,.88)}

/* OPENING STATEMENT */
.anti-portfolio{min-height:105svh;background:#070707;display:grid;align-items:center;overflow:hidden}
.anti-inner{grid-template-rows:auto auto auto;row-gap:clamp(22px,4vh,48px);align-content:center;padding:14vh 0}
.anti-index{grid-column:1/4;grid-row:1;color:var(--muted)}
.anti-words{grid-column:2/12;grid-row:2;display:flex;flex-direction:column;gap:.05em;font-family:var(--display);font-weight:900;font-size:clamp(76px,12.2vw,190px);line-height:.80;letter-spacing:-.035em;min-width:0}
.anti-line{position:relative;display:block;width:max-content;max-width:100%}
.anti-line-2{margin-left:1.05ch}.anti-line-3{margin-left:.25ch}
.word-strike{position:absolute;left:-8%;top:49%;width:122%;height:56%;overflow:visible;transform:translateY(-50%);z-index:2;pointer-events:none}
.word-strike path{fill:none;stroke:var(--yellow);stroke-width:28;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200}
.anti-portfolio.in-view .word-strike path{animation:markStrike .9s ease .35s forwards}@keyframes markStrike{to{stroke-dashoffset:0}}
html[lang="tr"] .strike-en{display:none}html[lang="en"] .strike-tr{display:none}
.anti-hand{grid-column:8/13;grid-row:3;justify-self:end;margin:0 1vw 0 0;transform:rotate(-5deg);font-size:clamp(38px,5vw,72px);z-index:5}

/* WORK INTRO */
.work-intro{min-height:100svh;background:var(--black);display:grid;align-items:center;border-top:1px solid var(--hair)}
.work-intro-grid{min-height:100svh;grid-template-rows:auto 1fr;row-gap:clamp(18px,3vh,30px);align-items:center;padding:10vh 0 8vh}
.work-number{grid-column:1/4;grid-row:1;color:var(--muted)}
.work-intro h2{grid-column:1/8;grid-row:2;justify-self:center;align-self:center;width:max-content;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.08em;font-family:var(--display);font-weight:800;font-size:clamp(82px,10.2vw,154px);line-height:.84;margin:0;letter-spacing:-.04em;text-align:center}
.work-intro h2 em{font-family:var(--serif);font-weight:500;font-style:italic;font-size:.58em;line-height:.9;margin:0;color:var(--yellow)}
.work-intro p{grid-column:9/13;grid-row:2;align-self:center;font-family:var(--serif);font-size:clamp(24px,2.25vw,34px);line-height:1.12;margin:0;color:var(--paper);max-width:13ch;padding:0}

/* PROJECT SHARED */
.chapter-project{min-height:100svh;position:relative;overflow:hidden}
.project-grid,.kelam-grid,.gok-grid{min-height:84svh;padding:8vh 0;position:relative;z-index:2}
.project-taxonomy{font-family:var(--mono);font-size:10px;letter-spacing:.08em;line-height:1.7;text-transform:uppercase;color:rgba(241,234,217,.68);max-width:46ch}
.project-body,.kelam-body,.gok-body{font-family:var(--serif);font-size:clamp(24px,2.25vw,35px);line-height:1.14;margin:0}
.reveal-mask{clip-path:inset(0 100% 0 0);transition:clip-path 1.15s cubic-bezier(.2,.8,.2,1)}.reveal-mask.mask-visible{clip-path:inset(0 0 0 0)}

/* RAYET */
.rayet{background:radial-gradient(circle at 74% 48%,rgba(180,26,31,.33),transparent 28%),linear-gradient(120deg,#170404 0%,#44090b 47%,#120304 100%)}
.rayet-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 45%),radial-gradient(circle at 78% 64%,rgba(240,196,63,.1),transparent 20%)}
.rayet .project-grid{grid-template-rows:auto auto auto;row-gap:34px;align-content:center}
.rayet .project-heading{grid-column:1/7;grid-row:1;align-self:center;z-index:6;min-width:0}
.rayet .project-heading h3{font-family:var(--display);font-size:clamp(118px,16.2vw,250px);font-weight:800;line-height:.80;letter-spacing:-.04em;margin:8px 0 24px}
.rayet .project-taxonomy{margin:0;max-width:42ch}
.rayet-image{grid-column:8/13;grid-row:1/3;width:min(82%,520px);aspect-ratio:4/5;justify-self:center;align-self:center;overflow:hidden;transform:rotate(2.5deg);box-shadow:0 35px 80px rgba(0,0,0,.45);border:1px solid rgba(241,234,217,.16);z-index:3}.rayet-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.06)}
.rayet .project-body{grid-column:2/6;grid-row:2;align-self:start;max-width:15ch;z-index:7}
.rayet-note{grid-column:9/13;grid-row:3;align-self:start;justify-self:end;margin:0;max-width:13ch;text-align:right;line-height:1.05;transform:rotate(-4deg);z-index:7}
.next-room{grid-column:1/4;grid-row:3;align-self:start;color:rgba(241,234,217,.55);z-index:7}

/* KELAM */
.kelam{background:var(--paper);color:var(--ink)}
.kelam-grid{grid-template-rows:auto auto auto;row-gap:clamp(18px,3vh,32px);align-content:center}
.kelam-index{grid-column:1/4;grid-row:1;color:rgba(16,16,16,.55)}
.kelam-title{grid-column:1/8;grid-row:2;align-self:end;font-family:var(--display);font-weight:300;font-size:clamp(108px,15.8vw,216px);line-height:.78;letter-spacing:-.055em;margin:0;color:var(--ink)}
.kelam-study{grid-column:9/13;grid-row:2;align-self:center;justify-self:end;width:92%;position:relative;box-shadow:0 18px 48px rgba(16,16,16,.16)}.kelam-study img{width:100%;aspect-ratio:1.05;object-fit:cover}.kelam-study span{display:block;margin-top:8px;color:rgba(16,16,16,.55)}
.kelam-quote{grid-column:1/5;grid-row:3;align-self:start;max-width:360px}.kelam-quote span{display:block;font-family:var(--serif);font-style:italic;font-size:clamp(60px,7.2vw,112px);line-height:.82}.kelam-quote small{display:block;font-family:var(--serif);font-size:clamp(22px,1.9vw,29px);line-height:1.15;margin:18px 0 0 4vw;max-width:15ch}
.kelam-body{grid-column:6/10;grid-row:3;align-self:start;max-width:13ch}
.kelam-note{grid-column:10/13;grid-row:3;align-self:end;justify-self:end;margin:0;color:#b28200;transform:rotate(-4deg);max-width:11ch;text-align:right}

/* GOKBORU */
.gokboru{background:#071013;color:var(--cream)}
.gok-sky{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(75,115,164,.25),transparent 16%),radial-gradient(circle at 35% 70%,rgba(27,66,45,.23),transparent 28%),linear-gradient(#06121e 0%,#09151a 48%,#070b0b 100%)}.gok-sky::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(241,234,217,.45) 1px,transparent 1.4px);background-size:110px 110px;opacity:.25}
.gok-mountains{position:absolute;left:0;right:0;bottom:0;height:43%;background:linear-gradient(150deg,transparent 0 18%,#0b1715 18% 36%,transparent 36%),linear-gradient(210deg,transparent 0 22%,#0d1b18 22% 45%,transparent 45%),linear-gradient(165deg,transparent 0 31%,#08100f 31% 65%,transparent 65%);opacity:.96}
.gok-grid{grid-template-rows:auto auto auto;row-gap:clamp(14px,2vh,22px);align-content:center;padding:7vh 0}
.gok-index{grid-column:1/4;grid-row:1;color:rgba(241,234,217,.55)}
.gok-caption{grid-column:9/13;grid-row:1;justify-self:end;text-align:right;color:rgba(241,234,217,.48);max-width:18ch}
.gokboru h3{grid-column:1/8;grid-row:2;align-self:end;font-family:var(--display);font-size:clamp(108px,15vw,214px);font-weight:800;line-height:.76;letter-spacing:-.04em;margin:0;text-shadow:0 18px 55px rgba(0,0,0,.4);z-index:4}
.gok-postcard{grid-column:9/13;grid-row:2;align-self:center;justify-self:end;width:84%;transform:rotate(4deg);box-shadow:0 22px 60px rgba(0,0,0,.45);z-index:4;border:1px solid rgba(241,234,217,.14)}.gok-postcard img{width:100%;aspect-ratio:.9;object-fit:cover}
.gok-body{grid-column:1/6;grid-row:3;align-self:start;max-width:17ch;z-index:5}
.gok-taxonomy{grid-column:6/9;grid-row:3;align-self:start;margin:0;max-width:24ch;z-index:5}
.gok-note{grid-column:9/13;grid-row:3;align-self:end;justify-self:end;margin:0;max-width:11ch;text-align:right;transform:rotate(-4deg);z-index:5}


/* RREM'S CAFE */
.rrems{background:radial-gradient(circle at 78% 30%,rgba(36,97,138,.24),transparent 26%),linear-gradient(135deg,#081522 0%,#10253a 45%,#07111d 100%);color:var(--cream)}
.rrems-glow{position:absolute;inset:0;background:radial-gradient(circle at 22% 78%,rgba(218,161,26,.13),transparent 26%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 55%);pointer-events:none}
.rrems-grid{min-height:100svh;grid-template-rows:auto 1fr auto;padding:7vh 0 6vh;row-gap:18px;align-items:center;z-index:2}
.rrems-index{grid-column:1/4;grid-row:1;color:rgba(241,234,217,.56)}
.rrems-heading{grid-column:1/6;grid-row:2;align-self:center;z-index:3}.rrems-mark{width:112px;height:64px;object-fit:contain;object-position:left center;margin-bottom:18px}.rrems-heading h3{font-family:var(--display);font-size:clamp(94px,12vw,178px);font-weight:800;line-height:.74;letter-spacing:-.045em;margin:0 0 24px}.rrems-heading h3 em{font-family:var(--serif);font-size:.42em;font-weight:500;color:#d9a522;letter-spacing:.01em}.rrems-heading .project-taxonomy{max-width:36ch}
.rrems-body{grid-column:1/5;grid-row:3;align-self:end;margin:0;font-family:var(--serif);font-size:clamp(23px,2vw,31px);line-height:1.12;max-width:17ch;color:var(--paper)}
.rrems-gallery{grid-column:6/13;grid-row:1/4;align-self:center;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:center;padding-left:1vw;z-index:2}.rrems-card{margin:0;overflow:hidden;border:1px solid rgba(217,165,34,.22);box-shadow:0 22px 65px rgba(0,0,0,.42);background:#07111d}.rrems-card img{width:100%;height:100%;aspect-ratio:.72;object-fit:cover}.rrems-card.r1{transform:translateY(5vh) rotate(-2deg)}.rrems-card.r2{transform:translateY(-4vh) rotate(1.5deg)}.rrems-card.r3{transform:translateY(4vh) rotate(-1deg)}.rrems-card.r4{transform:translateY(-2vh) rotate(2deg)}
.rrems-note{position:absolute;right:4vw;bottom:4vh;transform:rotate(-5deg);font-size:clamp(28px,3vw,44px);color:#d9a522;z-index:4}

/* SELECTED WORK / BRAND WIDGETS */
.selected-work{min-height:auto;background:radial-gradient(circle at 82% 12%,rgba(240,196,63,.08),transparent 24%),#0b0b0a;color:var(--cream);overflow:hidden;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.selected-work-grid{min-height:auto;grid-template-rows:auto auto auto auto auto;row-gap:clamp(18px,2.6vh,30px);padding:8vh 0 7vh;align-items:start}
.selected-index{grid-column:1/4;grid-row:1;color:var(--muted)}
.selected-work h2{grid-column:1/6;grid-row:2;font-family:var(--display);font-size:clamp(86px,10.5vw,154px);line-height:.78;font-weight:800;letter-spacing:-.04em;margin:1vh 0 0}.selected-work h2 em{font-family:var(--serif);font-size:.58em;font-weight:400;color:var(--yellow)}
.selected-copy{grid-column:8/13;grid-row:2;align-self:center;margin:0;font-family:var(--serif);font-size:clamp(23px,2vw,31px);line-height:1.12;max-width:17ch;color:var(--paper)}
.brand-ribbon{grid-column:1/13;grid-row:3;display:flex;align-items:center;gap:clamp(12px,1.5vw,22px);padding:14px 0;border-top:1px solid rgba(240,196,63,.22);border-bottom:1px solid rgba(240,196,63,.22);overflow:hidden;white-space:nowrap;font-family:var(--display);font-size:clamp(18px,1.8vw,28px);font-weight:600;letter-spacing:.035em;color:var(--yellow)}
.brand-ribbon i{font-family:var(--serif);font-style:normal;font-size:.72em;color:rgba(241,234,217,.28)}
.selected-gallery{grid-column:1/13;grid-row:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);align-items:start;padding:1vh 0 2vh}
.selected-card{margin:0;min-width:0;padding:10px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(241,234,217,.12);box-shadow:0 22px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.selected-card:hover{transform:translateY(-6px);border-color:rgba(240,196,63,.38);box-shadow:0 30px 74px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.07)}
.selected-media{width:100%;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 50% 40%,#191919,#080808 72%);border:1px solid rgba(255,255,255,.035)}
.widget-tall .selected-media{aspect-ratio:4/5}.widget-wide{grid-column:span 2}.widget-wide .selected-media{aspect-ratio:16/10}.widget-story .selected-media{aspect-ratio:4/5}
.selected-media img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:saturate(.96) contrast(1.02);transition:transform .45s ease}
.selected-card:hover .selected-media img{transform:scale(1.012)}
.selected-card figcaption{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 6px 4px}
.selected-card figcaption strong{font-family:var(--display);font-size:clamp(20px,1.8vw,28px);line-height:.9;font-weight:800;letter-spacing:.025em;color:var(--yellow)}
.selected-card figcaption span{font-family:var(--mono);font-size:8px;line-height:1.35;letter-spacing:.07em;text-align:right;color:rgba(241,234,217,.5);max-width:18ch}
.selected-note{grid-column:8/13;grid-row:5;justify-self:end;margin:0;transform:rotate(-4deg)}

/* ARCHIVE / COMPLETE VISUAL MEMORY */
.archive{min-height:auto;background:linear-gradient(145deg,#120c19,#09070c 54%,#090909);overflow:hidden}
.archive-grid{min-height:auto;grid-template-rows:auto auto auto auto;row-gap:clamp(18px,2.4vh,28px);padding:8vh 0 6vh;align-items:start}
.archive-index{grid-column:1/4;grid-row:1;color:var(--muted)}
.archive h2{grid-column:1/8;grid-row:2;font-family:var(--display);font-weight:300;font-size:clamp(104px,15.5vw,220px);line-height:.76;letter-spacing:-.055em;margin:1vh 0 0}
.archive-copy{grid-column:9/13;grid-row:2;align-self:center;margin:0;font-family:var(--serif);font-size:clamp(23px,2.1vw,33px);line-height:1.1;color:var(--paper);max-width:16ch}
.archive-collage{grid-column:1/13;grid-row:3;display:block;columns:4;column-gap:clamp(12px,1.4vw,20px);padding:1vh 0 2vh}
.archive-card{display:inline-block;width:100%;break-inside:avoid;position:relative;margin:0 0 clamp(12px,1.4vw,20px);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));padding:8px 8px 14px;border-radius:20px;box-shadow:0 18px 54px rgba(0,0,0,.42);border:1px solid rgba(241,234,217,.1);transition:transform .35s ease,border-color .35s ease;min-width:0;overflow:hidden}
.archive-card:hover{transform:translateY(-4px);border-color:rgba(240,196,63,.3)}
.archive-card img{display:block;width:100%;height:auto;object-fit:contain;border-radius:14px;background:#080808}
.archive-card figcaption{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:10px;padding:0 3px;font-family:var(--mono);letter-spacing:.07em}
.archive-card figcaption strong{font-family:var(--display);font-size:clamp(16px,1.4vw,22px);line-height:.95;color:var(--yellow);letter-spacing:.02em}
.archive-card figcaption span{font-size:7px;text-align:right;color:rgba(241,234,217,.42)}
.archive-years{grid-column:1/13;grid-row:4;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid var(--hair);padding-top:13px;color:rgba(241,234,217,.5)}
.archive-note{position:absolute;right:5vw;bottom:4.5vh;transform:rotate(-4deg);margin:0;z-index:4}


/* WORK INDEX — unified selected work + archive */
.work-index{min-height:auto;background:linear-gradient(180deg,#090909 0%,#0b0a0d 48%,#080808 100%);color:var(--cream);overflow:hidden;border-top:1px solid var(--hair)}
.work-index-grid{grid-template-rows:auto auto auto auto auto;row-gap:clamp(20px,3vh,36px);padding:9vh 0 7vh;align-items:start}
.work-index-kicker{grid-column:1/4;grid-row:1;color:var(--muted)}
.work-index h2{grid-column:1/8;grid-row:2;font-family:var(--display);font-weight:800;font-size:clamp(100px,14vw,208px);line-height:.74;letter-spacing:-.05em;margin:1vh 0 0}
.work-index-copy{grid-column:9/13;grid-row:2;align-self:end;margin:0 0 .7em;font-family:var(--serif);font-size:clamp(23px,2.15vw,34px);line-height:1.08;color:var(--paper);max-width:17ch}
.work-index-categories{grid-column:1/13;grid-row:3;display:flex;align-items:center;gap:clamp(10px,1.2vw,18px);padding:12px 0;border-top:1px solid rgba(241,234,217,.12);border-bottom:1px solid rgba(241,234,217,.12);color:rgba(241,234,217,.52);white-space:nowrap;overflow:hidden}
.work-index-categories i{font-family:var(--serif);font-style:normal;color:var(--yellow);opacity:.75}
.work-index-gallery{grid-column:1/13;grid-row:4;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(34px,4.4vw,70px) clamp(14px,1.8vw,28px);align-items:start;padding:2vh 0 4vh}
.work-entry{grid-column:span 4;margin:0;min-width:0;border-top:1px solid rgba(241,234,217,.18);padding-top:11px;transition:transform .35s ease}
.work-entry-wide{grid-column:span 7}.work-entry-side{grid-column:span 5}.work-entry-horizontal{grid-column:span 7}.work-entry-third{grid-column:span 4}
.work-entry:hover{transform:translateY(-4px)}
.work-entry header{display:grid;grid-template-columns:auto minmax(0,auto) 1fr;align-items:baseline;gap:8px 12px;margin:0 0 13px}
.work-entry .work-no{font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:rgba(241,234,217,.34)}
.work-entry h3{font-family:var(--display);font-size:clamp(22px,2vw,31px);font-weight:800;line-height:.9;letter-spacing:.02em;color:var(--yellow);margin:0;white-space:nowrap}
.work-entry header p{justify-self:end;text-align:right;font-family:var(--mono);font-size:7px;line-height:1.45;letter-spacing:.075em;color:rgba(241,234,217,.42);margin:0;max-width:23ch;text-transform:uppercase}
.work-media{position:relative;width:100%;overflow:hidden;background:#0b0b0b;border:1px solid rgba(241,234,217,.08);box-shadow:0 16px 44px rgba(0,0,0,.22)}
.work-media img{display:block;width:100%;height:auto;object-fit:contain;filter:saturate(.96) contrast(1.02);transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.work-entry:hover .work-media img{transform:scale(1.012);filter:saturate(1) contrast(1.025)}
.work-media-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:transparent;border:0;box-shadow:none;align-items:start}
.work-media-pair img{width:100%;height:auto;background:#0b0b0b;border:1px solid rgba(241,234,217,.08);box-shadow:0 16px 44px rgba(0,0,0,.18)}
.kelam-index-panel{min-height:330px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:var(--paper);color:var(--ink);border:1px solid rgba(241,234,217,.08)}
.kelam-index-panel span{font-family:var(--serif);font-style:italic;font-size:clamp(58px,6vw,94px);line-height:.86}.kelam-index-panel small{margin-top:18px;font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#806c26}
.work-index-footer{grid-column:1/13;grid-row:5;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:13px;border-top:1px solid rgba(241,234,217,.12);color:rgba(241,234,217,.42)}
.work-index-note{position:absolute;right:2vw;bottom:2vh;margin:0;transform:rotate(-4deg);font-size:clamp(28px,3vw,42px);z-index:3}

/* ABOUT */
.about{min-height:100svh;background:var(--black);display:grid;align-items:center}
.about-grid{min-height:100svh;grid-template-rows:auto auto auto auto;row-gap:clamp(22px,3.4vh,32px);padding:8vh 0 6vh;align-items:start}
.about-index{grid-column:1/5;grid-row:1;color:var(--muted)}
.about h2{grid-column:1/7;grid-row:2;font-family:var(--display);font-size:clamp(88px,12.5vw,192px);line-height:.76;font-weight:800;letter-spacing:-.04em;margin:2vh 0 0}
.about-intro{grid-column:8/13;grid-row:2;align-self:center;margin:0;font-family:var(--serif);font-size:clamp(30px,3.3vw,50px);line-height:1.03}
.about-facts{grid-column:8/13;grid-row:3;margin:0;border-top:1px solid var(--hair)}.about-facts div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--hair)}.about-facts dt,.about-facts dd{font-family:var(--mono);font-size:10px;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;margin:0}.about-facts dt{color:var(--yellow)}.about-facts dd{color:rgba(241,234,217,.7)}
.about-side-note{grid-column:2/7;grid-row:3;align-self:center;margin:0;transform:rotate(-4deg)}

/* CONTACT */
.contact{min-height:100svh;background:#030303;position:relative;overflow:hidden;display:grid;align-items:center}
.curtain{position:absolute;top:0;bottom:0;width:50%;background:radial-gradient(ellipse at center,#260507 0%,#100202 52%,#030303 90%);opacity:.48;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.curtain-left{left:0;transform-origin:left}.curtain-right{right:0;transform-origin:right}.contact.in-view .curtain-left{transform:translateX(-18%)}.contact.in-view .curtain-right{transform:translateX(18%)}
.contact-grid{min-height:100svh;grid-template-rows:auto auto auto;row-gap:22px;padding:8vh 0 6vh;align-content:center;z-index:2}
.contact-index{grid-column:1/4;grid-row:1;color:var(--muted)}
.contact h2{grid-column:1/13;grid-row:2;font-family:var(--display);font-size:clamp(92px,13.4vw,196px);font-weight:800;line-height:.76;letter-spacing:-.045em;margin:2vh 0 0;max-width:100%}
.contact-note{grid-column:2/7;grid-row:3;align-self:start;font-size:clamp(40px,5vw,72px);transform:rotate(-4deg);margin:0;z-index:4}
.contact-links{grid-column:8/13;grid-row:3;margin:0;border-top:1px solid var(--hair)}
.contact-links a,.contact-link{display:grid;grid-template-columns:1fr auto;gap:30px;padding:16px 0;border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase}.contact-links span{color:rgba(241,234,217,.55)}.contact-links b{font-weight:400}.contact-links a:hover b,.contact-links a:hover span{color:var(--yellow)}.contact-link.is-pending{opacity:.42;cursor:default}.contact-link.is-pending b{font-size:9px;color:var(--muted)}
.closing-mark{position:absolute;left:0;bottom:4vh;width:min(360px,31vw);margin:0;fill:none;stroke:rgba(240,196,63,.8);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-5deg)}
.footer{display:flex;justify-content:space-between;gap:20px;padding:22px 28px 30px;background:#030303;color:rgba(241,234,217,.38);border-top:1px solid rgba(241,234,217,.06)}

/* REVEALS */
.reveal-split > .anti-line{opacity:0;transform:translateY(.3em);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.anti-portfolio.in-view .reveal-split > .anti-line{opacity:1;transform:none}.anti-portfolio.in-view .reveal-split > .anti-line:nth-child(2){transition-delay:.12s}.anti-portfolio.in-view .reveal-split > .anti-line:nth-child(3){transition-delay:.24s}

/* TABLET */
@media (max-width:1180px){
  :root{--page:min(1380px,calc(100vw - 36px))}
  .chapter-nav{display:none}.index-toggle{display:block}
  .editorial-grid{column-gap:12px}
  .hero-lockup{grid-column:1/8}.hero-yasin{font-size:clamp(104px,15vw,190px)}.hero-show{font-size:clamp(86px,11.5vw,148px)}
  .hero-art{grid-column:7/13;max-width:min(48vw,620px);height:60vh}.hero-person{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}
  .hero-copy{grid-column:1/6}.hero-note{grid-column:7/10;font-size:clamp(22px,2.6vw,32px)}.hero-coordinate{grid-column:10/13}
  .anti-words{grid-column:1/13;font-size:clamp(72px,11vw,150px)}.anti-hand{grid-column:7/13}
  .work-intro h2{grid-column:1/8;font-size:clamp(74px,10vw,134px)}.work-intro p{grid-column:9/13;max-width:12ch;font-size:clamp(22px,2.2vw,30px)}
  .rayet .project-heading{grid-column:1/7}.rayet-image{grid-column:8/13;width:88%}.rayet .project-body{grid-column:1/6}.rayet-note{grid-column:8/13}
  .rrems-heading{grid-column:1/6}.rrems-gallery{grid-column:6/13;gap:7px}.rrems-body{grid-column:1/5}.rrems-mark{width:96px}.rrems-heading h3{font-size:clamp(82px,11vw,142px)}
  .selected-work h2{grid-column:1/7}.selected-copy{grid-column:8/13}.selected-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.widget-wide{grid-column:span 2}.selected-card figcaption{align-items:flex-start;flex-direction:column}.selected-card figcaption span{text-align:left}.archive-collage{columns:3}.archive-note{right:3vw;bottom:3.5vh;font-size:30px}
  .kelam-grid{min-height:auto;grid-template-rows:auto auto auto auto;row-gap:24px;padding:8vh 0}.kelam-title{grid-column:1/8}.kelam-study{grid-column:9/13;width:100%}.kelam-quote{grid-column:1/7}.kelam-body{grid-column:8/13;max-width:14ch}.kelam-note{grid-column:8/13;grid-row:4;justify-self:end;text-align:right}
  .gok-grid{min-height:auto;grid-template-rows:auto auto auto auto;row-gap:20px;padding:7vh 0}.gokboru h3{grid-column:1/8}.gok-postcard{grid-column:9/13;width:84%}.gok-body{grid-column:1/6;max-width:17ch}.gok-taxonomy{grid-column:6/9;max-width:22ch}.gok-note{grid-column:9/13;grid-row:4;justify-self:end;text-align:right}
  .about h2{grid-column:1/7}.about-intro,.about-facts{grid-column:8/13}
  .contact h2{grid-column:1/13;font-size:clamp(84px,12.6vw,150px)}.contact-note{grid-column:1/6}.contact-links{grid-column:7/13}.closing-mark{width:min(300px,32vw);bottom:3vh}
}

/* MOBILE */
@media (max-width:760px){
  :root{--page:calc(100vw - 28px);--header-h:62px}
  .header{height:var(--header-h);padding:0 16px}.logo{font-size:22px}.header-tools{gap:12px}.lang-switch{gap:5px}.lang-btn{font-size:9px;padding:7px 1px}
  .editorial-grid{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:8px}

  .hero{min-height:100svh;padding-top:var(--header-h)}
  .hero-grid{min-height:auto;grid-template-rows:auto auto auto auto auto;row-gap:20px;align-items:start;padding:28px 0 54px}
  .hero-kicker{grid-column:1/6;grid-row:1}
  .hero-lockup{grid-column:1/7;grid-row:2;margin-top:3vh;gap:8px}.hero-yasin{font-size:28vw}.hero-show{font-size:20vw;margin-left:11vw}
  .hero-art{grid-column:3/7;grid-row:3;height:34vh;max-width:none;margin:0}.hero-person{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
  .hero-copy{grid-column:1/7;grid-row:4;margin:0;max-width:100%}.hero-copy p{font-size:21px;line-height:1.12;max-width:14ch;margin-bottom:22px}
  .hero-note{grid-column:1/7;grid-row:5;justify-self:start;text-align:left;max-width:14ch;margin:0;font-size:18px;transform:none}.hero-coordinate{display:none}
  .scroll-cue{left:14px;top:calc(100svh - 34px);bottom:auto;font-size:9px}

  .anti-portfolio{min-height:92svh}.anti-inner{grid-template-rows:auto auto auto;row-gap:20px;padding:11vh 0}
  .anti-index{grid-column:1/6}.anti-words{grid-column:1/7;font-size:18.5vw;line-height:.84;gap:.08em}.anti-line-2{margin-left:.35ch}.anti-line-3{margin-left:.12ch}.word-strike{left:-6%;width:118%;height:54%}.word-strike path{stroke-width:20}.anti-hand{grid-column:2/7;grid-row:3;justify-self:start;margin:1vh 0 0;font-size:34px}

  .work-intro{min-height:100svh}.work-intro-grid{min-height:100svh;grid-template-rows:auto 1fr auto;row-gap:18px;padding:9vh 0 7vh}.work-number{grid-column:1/6;grid-row:1}.work-intro h2{grid-column:1/7;grid-row:2;align-self:center;justify-self:center;font-size:18.5vw;gap:.08em;align-items:center;text-align:center}.work-intro p{grid-column:1/7;grid-row:3;justify-self:center;text-align:center;max-width:15ch;font-size:23px}

  .chapter-project{min-height:auto}.project-grid,.kelam-grid,.gok-grid{min-height:auto;padding:8vh 0 9vh}
  .rayet .project-grid{grid-template-rows:auto auto auto auto auto;row-gap:24px;align-content:start}.rayet .project-heading{grid-column:1/7;grid-row:1}.rayet .project-heading h3{font-size:24vw;line-height:.84;margin:6px 0 18px}.rayet-image{grid-column:2/7;grid-row:2;width:94%;justify-self:end}.rayet .project-body{grid-column:1/7;grid-row:3;font-size:23px;max-width:16ch}.rayet-note{grid-column:2/7;grid-row:4;justify-self:start;text-align:left;transform:none}.next-room{grid-column:1/7;grid-row:5;margin-top:2vh}

  .rrems-grid{min-height:auto;grid-template-rows:auto auto auto auto;row-gap:20px;padding:8vh 0}.rrems-index{grid-column:1/6;grid-row:1}.rrems-heading{grid-column:1/7;grid-row:2}.rrems-mark{width:82px;height:auto;margin-bottom:12px}.rrems-heading h3{font-size:22vw;line-height:.78;margin-bottom:16px}.rrems-body{grid-column:1/7;grid-row:3;font-size:22px;max-width:18ch}.rrems-gallery{grid-column:1/7;grid-row:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:1vh 0}.rrems-card.r1,.rrems-card.r2,.rrems-card.r3,.rrems-card.r4{transform:none}.rrems-card img{aspect-ratio:.78}.rrems-note{display:none}

  .selected-work{min-height:auto}.selected-work-grid{min-height:auto;grid-template-rows:auto auto auto auto auto auto;row-gap:16px;padding:8vh 0}.selected-index{grid-column:1/6;grid-row:1}.selected-work h2{grid-column:1/7;grid-row:2;font-size:21vw;margin:1vh 0}.selected-copy{grid-column:1/7;grid-row:3;font-size:22px;max-width:18ch}.brand-ribbon{grid-column:1/7;grid-row:4;gap:10px;font-size:19px;overflow-x:auto;scrollbar-width:none}.brand-ribbon::-webkit-scrollbar{display:none}.selected-gallery{grid-column:1/7;grid-row:5;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:1vh 0}.selected-card{padding:7px;border-radius:20px}.selected-media{border-radius:14px}.widget-wide{grid-column:span 2}.widget-wide .selected-media{aspect-ratio:16/10}.selected-card figcaption{padding:10px 3px 3px;align-items:flex-start;flex-direction:column;gap:5px}.selected-card figcaption strong{font-size:19px}.selected-card figcaption span{text-align:left;font-size:7px}.selected-note{grid-column:1/7;grid-row:6;justify-self:start;transform:none;font-size:28px}

  .kelam-grid{grid-template-rows:auto auto auto auto auto;row-gap:22px;align-content:start}.kelam-index{grid-column:1/6;grid-row:1}.kelam-title{grid-column:1/7;grid-row:2;font-size:23vw;line-height:.82;margin:2vh 0 0}.kelam-study{grid-column:3/7;grid-row:3;width:96%}.kelam-quote{grid-column:1/7;grid-row:4}.kelam-quote span{font-size:16vw}.kelam-quote small{font-size:20px;margin:14px 0 0 6vw}.kelam-body{grid-column:1/7;grid-row:5;font-size:23px;max-width:16ch}.kelam-note{display:none}

  .gok-grid{grid-template-rows:auto auto auto auto auto;row-gap:18px;align-content:start}.gok-index{grid-column:1/6;grid-row:1}.gok-caption{display:none}.gokboru h3{grid-column:1/7;grid-row:2;font-size:22vw;line-height:.82;margin:1.5vh 0 0}.gok-postcard{grid-column:3/7;grid-row:3;width:88%}.gok-body{grid-column:1/7;grid-row:4;font-size:22px;max-width:18ch}.gok-taxonomy{grid-column:1/7;grid-row:5;max-width:28ch}.gok-note{display:none}

  .archive{min-height:auto}.archive-grid{min-height:auto;grid-template-rows:auto auto auto auto auto;row-gap:16px;padding:7vh 0 5vh}.archive-index{grid-column:1/6;grid-row:1}.archive h2{grid-column:1/7;grid-row:2;font-size:23vw;margin:1.5vh 0 0}.archive-copy{grid-column:1/7;grid-row:3;font-size:22px;max-width:18ch}.archive-collage{grid-column:1/7;grid-row:4;width:100%;columns:2;column-gap:9px;padding:.5vh 0}.archive-card{padding:5px 5px 10px;border-radius:14px;margin-bottom:9px}.archive-card img{width:100%;height:auto;border-radius:10px}.archive-card figcaption{margin-top:7px;gap:5px}.archive-card figcaption strong{font-size:15px}.archive-card figcaption span{font-size:6px}.archive-years{grid-column:1/7;grid-row:5;grid-template-columns:1fr 1fr;row-gap:7px;padding-top:9px}.archive-note{display:none}

  .about{min-height:100svh}.about-grid{min-height:100svh;grid-template-rows:auto auto auto auto auto;row-gap:18px;padding:7vh 0 5vh}.about-index{grid-column:1/6}.about h2{grid-column:1/7;grid-row:2;font-size:20vw;margin:2vh 0 0}.about-intro{grid-column:1/7;grid-row:3;font-size:30px;line-height:1.02}.about-facts{grid-column:1/7;grid-row:4}.about-facts div{grid-template-columns:82px 1fr;gap:12px;padding:10px 0}.about-side-note{grid-column:1/7;grid-row:5;margin-top:0;transform:none;font-size:28px}

  .contact{min-height:100svh}.contact-grid{min-height:100svh;grid-template-rows:auto auto auto 1fr;row-gap:18px;padding:8vh 0 6vh}.contact-index{grid-column:1/6;grid-row:1}.contact h2{grid-column:1/7;grid-row:2;font-size:20.5vw;line-height:.82;margin:3vh 0 0}.contact-note{grid-column:2/7;grid-row:3;font-size:38px}.contact-links{grid-column:1/7;grid-row:4;align-self:center;margin-top:1vh}.closing-mark{position:absolute;left:0;bottom:2vh;width:46vw;margin:0}.footer{flex-direction:column;padding:18px 16px 26px}
}


@media (max-width:1180px){
  .work-index h2{grid-column:1/8}.work-index-copy{grid-column:8/13;max-width:15ch}
  .work-index-gallery{gap:34px 16px}.work-entry-wide,.work-entry-horizontal{grid-column:span 7}.work-entry-side{grid-column:span 5}.work-entry-third{grid-column:span 4}
  .work-entry header{grid-template-columns:auto 1fr;gap:6px 10px}.work-entry header p{grid-column:2;justify-self:start;text-align:left}.work-entry h3{white-space:normal}
}
@media (max-width:760px){
  .work-index-grid{grid-template-rows:auto auto auto auto auto auto;row-gap:16px;padding:8vh 0 6vh}
  .work-index-kicker{grid-column:1/6;grid-row:1}.work-index h2{grid-column:1/7;grid-row:2;font-size:23vw;margin:1.5vh 0 0}.work-index-copy{grid-column:1/7;grid-row:3;font-size:22px;max-width:18ch;margin:0}
  .work-index-categories{grid-column:1/7;grid-row:4;gap:9px;overflow-x:auto;scrollbar-width:none}.work-index-categories::-webkit-scrollbar{display:none}
  .work-index-gallery{grid-column:1/7;grid-row:5;grid-template-columns:1fr;gap:38px;padding:1.5vh 0 3vh}.work-entry,.work-entry-wide,.work-entry-side,.work-entry-horizontal,.work-entry-third{grid-column:1;margin:0}
  .work-entry header{grid-template-columns:auto 1fr;gap:5px 9px;margin-bottom:10px}.work-entry h3{font-size:25px}.work-entry header p{grid-column:2;font-size:7px;max-width:26ch}.work-media-pair{gap:6px}.kelam-index-panel{min-height:260px;padding:22px}.kelam-index-panel span{font-size:18vw}
  .work-index-footer{grid-column:1/7;grid-row:6;grid-template-columns:1fr 1fr;row-gap:7px}.work-index-note{display:none}
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .intro{display:none}
  body.ready .header.visible{opacity:1;transform:none;pointer-events:auto}
  .reveal-mask{clip-path:none}
  .reveal-split > .anti-line{opacity:1;transform:none}
}


/* =========================================================
   V6 — BRAND ROOMS / ENTITY SEO / CLEAN WORK INDEX
   ========================================================= */
.footer-person-link{margin-left:auto;color:var(--yellow)}
.entity-profile-link{margin-top:18px;font-size:9px}
.about-identity{grid-column:8/13;grid-row:2;align-self:center;display:flex;flex-direction:column;align-items:flex-start}.about-identity .about-intro{grid-column:auto;grid-row:auto}

.commercial-divider{min-height:72svh;background:#0b0b0b;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);display:grid;align-items:center;overflow:hidden}
.commercial-divider-grid{padding:10vh 0;align-items:end}.commercial-divider-grid>span{grid-column:1/4;color:var(--muted)}
.commercial-divider h2{grid-column:1/9;font-family:var(--display);font-size:clamp(84px,11vw,166px);line-height:.78;letter-spacing:-.04em;margin:3vh 0 0}.commercial-divider h2 em{font-family:var(--serif);font-size:.52em;font-weight:400;color:var(--yellow)}
.commercial-divider p{grid-column:9/13;align-self:end;font-family:var(--serif);font-size:clamp(24px,2.1vw,34px);line-height:1.1;color:var(--paper);max-width:16ch;margin:0 0 .4em}

.brand-room{min-height:auto;position:relative;overflow:hidden;border-top:1px solid rgba(241,234,217,.12)}
.brand-room-grid{padding:10vh 0 8vh;grid-template-rows:auto auto auto auto;row-gap:clamp(24px,4vh,52px);align-items:start;z-index:2}
.brand-room-index{grid-column:1/4;grid-row:1;color:rgba(241,234,217,.55)}
.brand-room-heading{grid-column:1/7;grid-row:2;align-self:center;min-width:0}.brand-room-heading h3{font-family:var(--display);font-size:clamp(90px,12.4vw,188px);font-weight:800;line-height:.74;letter-spacing:-.045em;margin:0 0 30px}.brand-room-heading h3 em{font-family:var(--serif);font-weight:500;font-size:.72em;color:var(--yellow)}
.brand-room-body{font-family:var(--serif);font-size:clamp(24px,2.15vw,34px);line-height:1.13;max-width:18ch;margin:24px 0 0;color:var(--paper)}
.brand-room-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.brand-room-links a{border:1px solid rgba(241,234,217,.18);padding:10px 12px;transition:.2s}.brand-room-links a:hover{border-color:var(--yellow);color:var(--yellow)}
.brand-room-hero{grid-column:8/13;grid-row:2;margin:0;width:min(92%,560px);justify-self:end;align-self:center;box-shadow:0 28px 80px rgba(0,0,0,.35);border:1px solid rgba(241,234,217,.16);overflow:hidden}.brand-room-hero img{width:100%;height:auto;object-fit:cover}
.embed-heading{grid-column:1/13;grid-row:3;display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid rgba(241,234,217,.15);padding-top:22px}.embed-heading .handwritten{font-size:clamp(25px,2.5vw,40px);transform:rotate(-3deg)}
.instagram-wall{grid-column:1/13;grid-row:4;display:grid;gap:14px;align-items:start;min-width:0}.instagram-wall-three{grid-template-columns:repeat(3,minmax(0,1fr))}.instagram-wall-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.instagram-slot{min-width:0;min-height:520px;border-radius:20px;border:1px solid rgba(241,234,217,.13);background:rgba(0,0,0,.17);padding:10px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}.instagram-slot blockquote.instagram-media{margin:0!important;min-width:0!important;width:100%!important;max-width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important}.instagram-slot blockquote>a{display:flex;align-items:center;justify-content:center;min-height:480px;width:100%;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(241,234,217,.58);border:1px dashed rgba(241,234,217,.18)}

.hyperpower-room{background:radial-gradient(circle at 84% 24%,rgba(165,176,105,.18),transparent 23%),linear-gradient(135deg,#11150d,#181c12 46%,#080a07);color:#eee9da}.hyperpower-room .brand-room-heading h3 em{color:#bec68d}.hyperpower-room .brand-room-links a:hover{border-color:#bec68d;color:#bec68d}.hyperpower-room .embed-heading .handwritten{color:#bec68d}.brand-room-glow{position:absolute;width:42vw;height:42vw;border-radius:50%;right:-15vw;top:12vh;background:radial-gradient(circle,rgba(204,214,144,.12),transparent 65%);filter:blur(12px)}

.pensan-room{background:#f2ede2;color:#141414}.pensan-room .brand-room-index,.pensan-room .project-taxonomy{color:rgba(20,20,20,.58)}.pensan-room .brand-room-heading h3 em{color:#ff5c1d}.pensan-room .brand-room-body{color:#292929}.pensan-room .brand-room-links a{border-color:rgba(20,20,20,.22)}.pensan-room .brand-room-links a:hover{border-color:#ff5c1d;color:#d84409}.pensan-room .brand-room-hero{border-color:rgba(20,20,20,.15)}.pensan-room .embed-heading{border-color:rgba(20,20,20,.15)}.pensan-room .embed-heading .handwritten{color:#ff5c1d}.pensan-room .instagram-slot{background:#fff;border-color:rgba(20,20,20,.12)}.pensan-room .instagram-slot blockquote>a{color:rgba(20,20,20,.58);border-color:rgba(20,20,20,.18)}
.pensan-pattern{position:absolute;inset:0;opacity:.18;background-image:radial-gradient(circle at 20% 20%,#ff5c1d 0 2px,transparent 2.5px),radial-gradient(circle at 78% 36%,#ef2d8c 0 2px,transparent 2.5px),radial-gradient(circle at 42% 82%,#1479ff 0 2px,transparent 2.5px);background-size:84px 84px,96px 96px,110px 110px}

.greyfurt-room{background:linear-gradient(120deg,#ef5c23 0%,#dd4616 52%,#15100c 52%,#090807 100%);color:#fff7e9}.greyfurt-room .brand-room-heading{grid-column:1/8}.greyfurt-heading h3{font-size:clamp(72px,9.3vw,142px)}.greyfurt-heading h3 em{color:#1b0b06}.greyfurt-room .brand-room-body{max-width:21ch}.greyfurt-brand-card{grid-column:9/13;grid-row:2;align-self:center;min-height:520px;background:#f6e8ca;color:#12100e;padding:34px;position:relative;display:flex;flex-direction:column;justify-content:center;box-shadow:0 30px 80px rgba(0,0,0,.38);transform:rotate(1.5deg);overflow:hidden}.greyfurt-brand-card::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#f15c22;right:-80px;bottom:-80px;box-shadow:inset -25px -15px 0 rgba(120,30,5,.12)}.greyfruit-small,.greyfruit-sign{position:relative;z-index:2;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.greyfurt-brand-card strong{position:relative;z-index:2;font-family:var(--display);font-size:clamp(72px,8vw,120px);line-height:.72;margin:50px 0 10px}.greyfurt-brand-card em{position:relative;z-index:2;font-family:var(--serif);font-size:clamp(42px,4vw,62px);color:#ee5521}.greyfruit-sign{margin-top:auto}.spotify-panel{grid-column:1/13;grid-row:3;border-top:1px solid rgba(255,247,233,.2);padding-top:22px;display:grid;grid-template-columns:3fr 8fr;gap:30px;align-items:start}.spotify-panel iframe{background:#111;min-height:352px}.greyfurt-orb{position:absolute;width:55vw;height:55vw;border-radius:50%;left:-25vw;bottom:-34vw;border:1px solid rgba(255,255,255,.14)}

.web-room{min-height:auto;background:#080b14;border-top:1px solid rgba(241,234,217,.12)}.web-room-grid{padding:10vh 0 9vh;grid-template-rows:auto auto auto auto;row-gap:26px}.web-room-index{grid-column:1/4;color:var(--muted)}.web-room h3{grid-column:1/8;font-family:var(--display);font-size:clamp(96px,13.5vw,196px);font-weight:800;line-height:.74;letter-spacing:-.045em;margin:2vh 0}.web-room h3 em{font-family:var(--serif);font-weight:400;font-size:.62em;color:#7da4ff}.web-room-copy{grid-column:9/13;align-self:center;font-family:var(--serif);font-size:clamp(24px,2vw,32px);line-height:1.13;max-width:16ch;color:var(--paper);margin:0}.websites-list{grid-column:1/13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:2vh}.website-card{min-height:300px;padding:18px 20px 22px;border:1px solid rgba(241,234,217,.15);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));display:flex;flex-direction:column;transition:.3s;overflow:hidden;position:relative}.website-card::after{content:"↗";position:absolute;right:20px;bottom:18px;font-family:var(--display);font-size:54px;font-weight:200;color:rgba(125,164,255,.25);transition:.3s}.website-card:hover{transform:translateY(-5px);border-color:#7da4ff}.website-card:hover::after{color:#7da4ff;transform:translate(3px,-3px)}.browser-dots{display:flex;gap:5px;padding-bottom:12px;border-bottom:1px solid rgba(241,234,217,.12)}.browser-dots i{width:6px;height:6px;border-radius:50%;background:rgba(241,234,217,.28)}.website-card b{font-family:var(--display);font-size:clamp(40px,4vw,58px);line-height:.85;margin:auto 0 10px;color:#f3eddc}.website-card small{font-family:var(--mono);font-size:8px;letter-spacing:.09em;color:rgba(241,234,217,.47)}.website-card strong{font-family:var(--mono);font-size:8px;letter-spacing:.06em;color:#7da4ff;margin-top:20px;font-weight:400}

.brand-solo-stack{background:#090909;padding:0}.solo-case{min-height:86svh;width:var(--page);margin:0 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:center;padding:9vh 0;border-top:1px solid rgba(241,234,217,.13)}.solo-case-copy{grid-column:1/6}.solo-case-copy h3{font-family:var(--display);font-size:clamp(100px,12vw,178px);line-height:.75;letter-spacing:-.04em;margin:18px 0 26px}.solo-case-copy>p{font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--yellow)}.solo-case-copy small{display:block;font-family:var(--serif);font-size:clamp(24px,2.2vw,34px);line-height:1.13;color:var(--paper);max-width:17ch;margin-top:26px}.solo-case figure{grid-column:7/13;margin:0;max-height:70svh;overflow:hidden;justify-self:end;box-shadow:0 28px 70px rgba(0,0,0,.35)}.solo-case figure img{width:100%;max-height:70svh;object-fit:contain;background:#0c0c0c}.solo-tecno{--case-accent:#6f8cff}.solo-technoxtr{--case-accent:#e44b41}.solo-akmer{--case-accent:#e43a3a}.solo-ara{--case-accent:#e32d42}.solo-case .solo-case-copy>p{color:var(--case-accent)}

.case-index-list{grid-column:1/13;grid-row:4;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(241,234,217,.15);margin-top:1vh}.case-index-list a{display:grid;grid-template-columns:42px minmax(0,1fr) auto 26px;gap:12px;align-items:center;padding:18px 12px;border-bottom:1px solid rgba(241,234,217,.11);transition:.2s}.case-index-list a:nth-child(odd){border-right:1px solid rgba(241,234,217,.11)}.case-index-list a:hover{background:rgba(240,196,63,.06)}.case-index-list span{font-family:var(--mono);font-size:8px;color:rgba(241,234,217,.35)}.case-index-list b{font-family:var(--display);font-size:clamp(22px,2vw,30px);line-height:.9}.case-index-list small{font-family:var(--mono);font-size:7px;letter-spacing:.07em;color:rgba(241,234,217,.42);text-align:right}.case-index-list i{font-family:var(--display);font-size:22px;color:var(--yellow);font-style:normal}

.career-track{grid-column:1/13;grid-row:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:5vh;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.career-track article{min-height:230px;padding:24px 20px 22px;border-right:1px solid var(--hair);display:flex;flex-direction:column}.career-track article:last-child{border-right:0}.career-time{font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--yellow)}.career-track h3{font-family:var(--display);font-size:clamp(28px,2.4vw,38px);line-height:.9;margin:38px 0 14px}.career-track p{font-family:var(--serif);font-size:19px;line-height:1.18;color:rgba(241,234,217,.7);margin:auto 0 0}.about-grid{grid-template-rows:auto auto auto auto auto;padding-bottom:8vh}.about-side-note{grid-row:3}.about-facts{grid-row:3}.career-track{grid-row:4}

/* Dedicated person page */
.entity-page{min-height:100vh;background:radial-gradient(circle at 77% 16%,rgba(143,20,23,.24),transparent 20%),#070707;color:var(--cream)}
.entity-header{position:relative;width:var(--page);height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hair)}.entity-header nav{display:flex;gap:20px;font-family:var(--mono);font-size:9px;letter-spacing:.08em}.entity-header nav a{color:rgba(241,234,217,.62)}.entity-header nav a:hover{color:var(--yellow)}
.entity-main{width:var(--page);margin:0 auto;padding:8vh 0 10vh}.entity-kicker{color:var(--muted);margin:0 0 6vh}.entity-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:end;padding-bottom:8vh;border-bottom:1px solid var(--hair)}.entity-title{grid-column:1/9;font-family:var(--display);font-size:clamp(96px,13vw,198px);font-weight:800;line-height:.72;letter-spacing:-.05em;margin:0}.entity-title span,.entity-title em{display:block}.entity-title em{font-family:var(--serif);font-weight:400;color:var(--yellow)}.entity-role{grid-column:9/13;font-family:var(--serif);font-size:clamp(25px,2.3vw,36px);line-height:1.08;margin:0}.entity-profile-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;padding:8vh 0;border-bottom:1px solid var(--hair)}.entity-bio{grid-column:1/7}.entity-bio h2,.entity-links h2,.entity-proof h2{font-family:var(--mono);font-size:10px;letter-spacing:.09em;color:var(--yellow);font-weight:400}.entity-bio p{font-family:var(--serif);font-size:clamp(29px,3vw,46px);line-height:1.06;max-width:18ch}.entity-facts{grid-column:8/13;margin:0}.entity-facts div{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--hair)}.entity-facts dt,.entity-facts dd{font-family:var(--mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase;margin:0}.entity-facts dt{color:var(--yellow)}.entity-facts dd{color:rgba(241,234,217,.7)}.entity-links{padding:7vh 0;border-bottom:1px solid var(--hair)}.entity-link-list{display:grid;grid-template-columns:1fr 1fr;margin-top:24px}.entity-link-list a{display:flex;justify-content:space-between;padding:16px;border-top:1px solid var(--hair);font-family:var(--mono);font-size:9px;letter-spacing:.07em}.entity-link-list a:hover{background:rgba(240,196,63,.05);color:var(--yellow)}.entity-proof{padding:7vh 0 0;max-width:820px}.entity-proof p{font-family:var(--serif);font-size:clamp(25px,2.5vw,38px);line-height:1.12}.entity-proof .handwritten{display:block;margin-top:30px}.entity-footer{width:var(--page);margin:0 auto;padding:24px 0 34px;border-top:1px solid var(--hair);display:flex;justify-content:space-between;color:rgba(241,234,217,.5)}

@media (max-width:980px){
  .instagram-wall-three,.instagram-wall-four{grid-template-columns:repeat(2,minmax(0,1fr))}.websites-list{grid-template-columns:repeat(2,minmax(0,1fr))}.career-track{grid-template-columns:1fr 1fr}.career-track article:nth-child(2){border-right:0}.career-track article:nth-child(-n+2){border-bottom:1px solid var(--hair)}
}
@media (max-width:760px){
  .footer-person-link{margin-left:0}.about-identity{grid-column:1/7;grid-row:3}.about-identity .about-intro{font-size:30px}.about-facts{grid-row:4}.about-side-note{grid-row:5}.career-track{grid-column:1/7;grid-row:6;grid-template-columns:1fr;margin-top:3vh}.about-grid{grid-template-rows:auto auto auto auto auto auto}.career-track article{min-height:170px;border-right:0;border-bottom:1px solid var(--hair)}.career-track article:last-child{border-bottom:0}.career-track h3{font-size:32px;margin:24px 0 10px}.career-track p{font-size:18px}
  .commercial-divider{min-height:auto}.commercial-divider-grid{padding:9vh 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.commercial-divider-grid>span{grid-column:1/6}.commercial-divider h2{grid-column:1/7;font-size:19vw}.commercial-divider p{grid-column:1/7;font-size:22px;margin-top:18px;max-width:18ch}
  .brand-room-grid{grid-template-rows:auto auto auto auto auto;row-gap:22px;padding:8vh 0}.brand-room-index{grid-column:1/6;grid-row:1}.brand-room-heading,.greyfurt-room .brand-room-heading{grid-column:1/7;grid-row:2}.brand-room-heading h3,.greyfurt-heading h3{font-size:21vw;line-height:.78}.brand-room-body{font-size:22px;max-width:18ch}.brand-room-hero{grid-column:2/7;grid-row:3;width:96%;justify-self:end}.embed-heading{grid-column:1/7;grid-row:4;align-items:flex-start;flex-direction:column}.instagram-wall{grid-column:1/7;grid-row:5;grid-template-columns:1fr;gap:16px}.instagram-slot{min-height:480px}.instagram-slot blockquote>a{min-height:440px}.greyfurt-brand-card{grid-column:1/7;grid-row:3;min-height:420px;transform:none}.greyfurt-brand-card strong{font-size:22vw}.spotify-panel{grid-column:1/7;grid-row:4;grid-template-columns:1fr;gap:14px}.greyfurt-room{background:linear-gradient(180deg,#e95721 0%,#d74413 47%,#13100d 47%,#080706 100%)}
  .web-room-grid{grid-template-rows:auto auto auto auto}.web-room-index{grid-column:1/6}.web-room h3{grid-column:1/7;font-size:22vw}.web-room-copy{grid-column:1/7;font-size:22px;max-width:18ch}.websites-list{grid-column:1/7;grid-template-columns:1fr}.website-card{min-height:240px}.website-card b{font-size:52px}
  .solo-case{min-height:auto;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:8vh 0}.solo-case-copy{grid-column:1/7}.solo-case-copy h3{font-size:22vw}.solo-case-copy small{font-size:22px}.solo-case figure{grid-column:2/7;margin-top:26px;max-height:none}.solo-case figure img{max-height:none}
  .case-index-list{grid-column:1/7;grid-row:5;grid-template-columns:1fr}.case-index-list a:nth-child(odd){border-right:0}.case-index-list a{grid-template-columns:34px minmax(0,1fr) 24px}.case-index-list small{display:none}.work-index-footer{grid-row:6}
  .entity-header{height:62px}.entity-header nav{gap:10px}.entity-header nav a:nth-child(2){display:none}.entity-main{padding-top:5vh}.entity-hero{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.entity-title{grid-column:1/7;font-size:21vw}.entity-role{grid-column:1/7;margin-top:24px;font-size:28px}.entity-profile-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.entity-bio{grid-column:1/7}.entity-bio p{font-size:30px}.entity-facts{grid-column:1/7;margin-top:42px}.entity-facts div{grid-template-columns:86px 1fr;gap:12px}.entity-link-list{grid-template-columns:1fr}.entity-footer{flex-direction:column;gap:8px}
}


/* v7 expanded series + previews */
.expanded-series-grid .series-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:18px}
.expanded-series-grid .series-card{position:relative;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;min-height:180px}
.expanded-series-grid .series-card img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/5}
.expanded-series-grid .series-card figcaption{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);padding:6px 10px;border-radius:999px;font-size:11px;letter-spacing:.16em;color:#fff}
.greyfurt-grid-expanded .embed-heading,.greyfurt-grid-expanded .instagram-wall{grid-column:1/-1}
.instagram-wall-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.video-slot,.youtube-slot{border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;min-height:520px;background:#0e0e0e}
.video-slot iframe{display:block;border:0;min-height:520px}
.website-preview-card{display:flex;flex-direction:column;gap:10px}
.website-preview-frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#101114;aspect-ratio:16/10}
.website-preview-frame iframe{width:100%;height:100%;border:0;background:#fff}
.website-preview-fallback{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.55);color:#fff;padding:6px 10px;border-radius:999px;font-size:10px;letter-spacing:.16em}
.website-card-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-weight:700}
.website-card-link:hover{text-decoration:underline}
.greyfruit-small{display:block;margin-bottom:8px}
@media (max-width: 980px){
  .expanded-series-grid .series-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .instagram-wall-two{grid-template-columns:1fr}
  .video-slot,.video-slot iframe{min-height:340px}
}
@media (max-width: 640px){
  .expanded-series-grid .series-gallery{grid-template-columns:1fr 1fr;gap:12px}
}


/* v8: series sections in Rrem's-like wide composition */
@media (min-width: 981px){
  .rayet .expanded-series-grid,.kelam.expanded-series-grid,.gokboru .expanded-series-grid{align-items:center}
  .rayet .project-heading{grid-column:1/5;grid-row:1}
  .rayet .project-body{grid-column:1/4;grid-row:2;max-width:12ch;align-self:start}
  .rayet .series-gallery{grid-column:6/13;grid-row:1 / span 3;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:center}
  .rayet .series-card:nth-child(1){transform:translateY(36px)}
  .rayet .series-card:nth-child(2){transform:translateY(82px)}
  .rayet .series-card:nth-child(3){transform:translateY(24px)}
  .rayet .series-card:nth-child(4){transform:translateY(68px)}
  .rayet .series-card:nth-child(5){transform:translateY(18px)}
  .rayet .series-card:nth-child(6){transform:translateY(58px)}
  .rayet-note{grid-column:10/13;grid-row:3;justify-self:end}
  .next-room{grid-column:1/4;grid-row:3;align-self:end}

  .kelam .kelam-index{grid-column:1/4;grid-row:1}
  .kelam .kelam-title{grid-column:1/5;grid-row:2;margin:0}
  .kelam .kelam-quote{grid-column:1/4;grid-row:3}
  .kelam .kelam-body{grid-column:1/4;grid-row:4;max-width:12ch}
  .kelam .kelam-study{grid-column:6/8;grid-row:2 / span 3;width:100%;max-width:none}
  .kelam .series-gallery{grid-column:8/13;grid-row:2 / span 3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:center}
  .kelam .series-card:nth-child(1){transform:translateY(76px)}
  .kelam .series-card:nth-child(2){transform:translateY(24px)}
  .kelam .series-card:nth-child(3){transform:translateY(86px)}
  .kelam .series-card:nth-child(4){transform:translateY(42px)}
  .kelam-note{grid-column:10/13;grid-row:5;justify-self:end;text-align:right}
  .kelam .series-hero{border-radius:18px;overflow:hidden}
  .kelam .series-hero img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
  .kelam .series-hero .utility{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.55);padding:6px 10px;border-radius:999px}

  .gokboru .gok-index{grid-column:1/4;grid-row:1}
  .gokboru h3{grid-column:1/5;grid-row:2;margin:0}
  .gok-body{grid-column:1/4;grid-row:3;max-width:12ch}
  .gok-taxonomy{grid-column:1/4;grid-row:4;max-width:18ch}
  .gokboru .series-gallery{grid-column:6/13;grid-row:2 / span 3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:center}
  .gokboru .series-card:nth-child(1){transform:translateY(70px)}
  .gokboru .series-card:nth-child(2){transform:translateY(18px)}
  .gokboru .series-card:nth-child(3){transform:translateY(54px)}
  .gok-note{grid-column:10/13;grid-row:4;justify-self:end;text-align:right}
  .gok-caption{grid-column:1/4;grid-row:5}
}
.minimal-sites{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.minimal-card{min-height:190px;padding:18px 18px 20px}
.minimal-card::after{font-size:44px;right:18px;bottom:14px}
.minimal-card b{font-size:clamp(32px,3.4vw,48px);margin:22px 0 10px}
.minimal-card small{margin-top:auto}
.minimal-card strong{margin-top:12px}
@media (max-width: 980px){
  .rayet .series-gallery,.kelam .series-gallery,.gokboru .series-gallery{grid-column:1/7!important;grid-row:auto!important}
  .rayet .series-card,.kelam .series-card,.gokboru .series-card{transform:none!important}
  .kelam .kelam-study{grid-column:1/7;grid-row:auto;width:100%}
  .minimal-sites{grid-template-columns:1fr}
}

/* v9 — Rayet/Kelam use the exact Rrem's gallery/card proportions */
.series-rrems-layout{min-height:100svh;grid-template-rows:auto 1fr auto;padding:7vh 0 6vh;row-gap:18px;align-items:center}
.series-rrems-heading{grid-column:1/6;grid-row:2;align-self:center;z-index:3}
.series-rrems-body{grid-column:1/5;grid-row:3;align-self:end}
.series-rrems-gallery{
  grid-column:6/13;grid-row:1/4;align-self:center;
  display:grid;grid-auto-flow:column;
  grid-template-columns:none;
  grid-auto-columns:calc((100% - 30px)/4);
  gap:10px;align-items:center;padding-left:1vw;
  overflow-x:auto;overflow-y:visible;
  scrollbar-width:none;-ms-overflow-style:none;
  padding-top:7vh;padding-bottom:7vh;
}
.series-rrems-gallery::-webkit-scrollbar{display:none}
.series-rrems-card{margin:0;overflow:hidden;border:1px solid rgba(217,165,34,.22);box-shadow:0 22px 65px rgba(0,0,0,.42);background:#07111d;min-width:0}
.series-rrems-card img{display:block;width:100%;height:100%;aspect-ratio:.72;object-fit:cover}
.series-rrems-card figcaption{position:absolute;left:8px;bottom:8px;padding:5px 8px;background:rgba(0,0,0,.58);color:#fff;border-radius:999px;font-family:var(--mono);font-size:8px;letter-spacing:.08em;z-index:2}
.series-rrems-card{position:relative}
.series-rrems-card.r1{transform:translateY(5vh) rotate(-2deg)}
.series-rrems-card.r2{transform:translateY(-4vh) rotate(1.5deg)}
.series-rrems-card.r3{transform:translateY(4vh) rotate(-1deg)}
.series-rrems-card.r4{transform:translateY(-2vh) rotate(2deg)}

/* Rayet keeps its own typography/colors, only layout/gallery mirrors Rrem's */
.rayet .series-rrems-heading{grid-column:1/6;grid-row:2}
.rayet .series-rrems-heading h3{font-size:clamp(94px,12vw,178px);line-height:.74;margin:0 0 24px}
.rayet .series-rrems-body{grid-column:1/5;grid-row:3;max-width:17ch}
.rayet .rayet-note{position:absolute;right:4vw;bottom:4vh;grid-column:auto;grid-row:auto;align-self:auto;justify-self:auto;font-size:clamp(28px,3vw,44px);color:#d9a522;transform:rotate(-5deg)}
.rayet .next-room{display:none}

/* Kelam mirrors Rrem's composition but keeps the paper world */
.kelam .series-rrems-layout{color:var(--ink)}
.kelam .kelam-index{grid-column:1/4;grid-row:1;color:rgba(16,16,16,.55)}
.kelam .kelam-series-heading{grid-column:1/6;grid-row:2}
.kelam .kelam-title{grid-column:auto;grid-row:auto;font-family:var(--display);font-size:clamp(94px,12vw,178px);line-height:.74;margin:0 0 18px;color:var(--ink)}
.kelam .kelam-series-heading .project-taxonomy{color:rgba(16,16,16,.58)}
.kelam .compact-kelam-quote{grid-column:auto;grid-row:auto;max-width:none;margin-top:20px}
.kelam .compact-kelam-quote span{font-size:clamp(42px,4vw,68px)}
.kelam .compact-kelam-quote small{font-size:clamp(18px,1.45vw,23px);margin:10px 0 0 1.5vw}
.kelam .series-rrems-body{grid-column:1/5;grid-row:3;color:var(--ink);max-width:17ch}
.kelam .series-rrems-card{border-color:rgba(16,16,16,.15);box-shadow:0 22px 55px rgba(16,16,16,.18);background:#e9e0d2}
.kelam .kelam-note{position:absolute;right:4vw;bottom:4vh;grid-column:auto;grid-row:auto;align-self:auto;justify-self:auto;font-size:clamp(28px,3vw,44px);color:#b28200;transform:rotate(-5deg)}

@media (max-width:980px){
  .series-rrems-layout{min-height:auto;grid-template-rows:auto auto auto auto;padding:8vh 0;row-gap:20px}
  .series-rrems-heading,.rayet .series-rrems-heading,.kelam .kelam-series-heading{grid-column:1/7;grid-row:2}
  .series-rrems-body,.rayet .series-rrems-body,.kelam .series-rrems-body{grid-column:1/7;grid-row:3;max-width:18ch}
  .series-rrems-gallery{grid-column:1/7;grid-row:4;grid-auto-columns:calc((100% - 10px)/2);padding:4vh 0 5vh;overflow-x:auto}
  .series-rrems-card.r1,.series-rrems-card.r2,.series-rrems-card.r3,.series-rrems-card.r4{transform:none}
  .rayet .rayet-note,.kelam .kelam-note{display:none}
}

/* v10 — dedicated Yasin Taha Atbaş personality / entity page */
.personality-body{margin:0;background:#070707;color:var(--cream)}
.personality-page{min-height:100vh;background:radial-gradient(circle at 78% 12%,rgba(226,177,43,.13),transparent 24%),radial-gradient(circle at 16% 36%,rgba(47,92,126,.18),transparent 28%),#070707;overflow:hidden}
.personality-header{position:relative;z-index:10;width:var(--page);height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hair)}
.personality-header nav{display:flex;gap:22px;font-family:var(--mono);font-size:9px;letter-spacing:.09em}
.personality-header nav a{color:rgba(241,234,217,.58);transition:.2s}.personality-header nav a:hover{color:var(--yellow)}
.personality-main{width:var(--page);margin:0 auto}
.personality-hero{min-height:calc(100svh - 76px);position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;gap:18px;align-items:center;padding:6vh 0 8vh}
.personality-kicker{grid-column:1/8;grid-row:1;color:var(--muted);align-self:start}
.personality-name{grid-column:1/9;grid-row:2;position:relative;z-index:3;align-self:center}
.personality-name h1{font-family:var(--display);font-size:clamp(108px,15.2vw,224px);line-height:.68;letter-spacing:-.055em;font-weight:900;margin:0}
.personality-name h1 span,.personality-name h1 em{display:block}.personality-name h1 em{font-family:var(--serif);font-weight:400;color:var(--yellow);font-size:.72em}
.personality-name>p{font-family:var(--mono);font-size:10px;line-height:1.65;letter-spacing:.09em;margin:34px 0 0;color:rgba(241,234,217,.62)}
.personality-portrait{grid-column:8/13;grid-row:1/3;align-self:end;position:relative;margin:0;min-height:76vh;display:flex;align-items:flex-end;justify-content:center}
.personality-portrait::after{content:"";position:absolute;inset:10% 5% 2%;border:1px solid rgba(240,196,63,.16);border-radius:50% 50% 44% 56%;transform:rotate(-8deg)}
.personality-orbit{position:absolute;width:85%;aspect-ratio:1;border:1px solid rgba(240,196,63,.2);border-radius:50%;top:12%;right:-7%;box-shadow:0 0 80px rgba(240,196,63,.07)}
.personality-portrait img{position:relative;z-index:2;max-width:100%;max-height:78vh;object-fit:contain;filter:drop-shadow(0 28px 45px rgba(0,0,0,.45))}
.personality-portrait figcaption{position:absolute;z-index:4;right:0;bottom:0;color:rgba(241,234,217,.46)}
.personality-scribble{position:absolute;right:31%;bottom:10vh;z-index:5;color:var(--yellow);font-size:clamp(30px,3vw,48px);transform:rotate(-7deg);line-height:.9}
.personality-statement{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;padding:12vh 0;border-top:1px solid var(--hair)}
.personality-statement>span{grid-column:1/3;color:var(--yellow)}
.personality-statement h2{grid-column:1/8;font-family:var(--display);font-size:clamp(80px,10vw,156px);line-height:.76;letter-spacing:-.045em;margin:4vh 0 0}
.personality-statement h2 em{font-family:var(--serif);font-weight:400;color:var(--yellow);font-size:.64em}
.personality-statement-copy{grid-column:9/13;align-self:end}
.personality-statement-copy p{font-family:var(--serif);font-size:clamp(22px,1.8vw,30px);line-height:1.15;margin:0 0 24px;color:rgba(241,234,217,.8)}
.personality-principles{padding:10vh 0;border-top:1px solid var(--hair)}
.personality-principles>span,.personality-worlds-head>span,.personality-experience>span,.personality-links>span,.personality-closing>span{color:var(--yellow)}
.personality-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.personality-principle-grid article{min-height:360px;border:1px solid var(--hair);padding:24px;display:flex;flex-direction:column;background:rgba(255,255,255,.015)}
.personality-principle-grid article>b{font-family:var(--mono);font-size:9px;color:var(--yellow);font-weight:400}
.personality-principle-grid h3{font-family:var(--display);font-size:clamp(58px,5vw,82px);line-height:.8;margin:70px 0 24px}
.personality-principle-grid p{font-family:var(--serif);font-size:22px;line-height:1.15;margin:auto 0 0;color:rgba(241,234,217,.7);max-width:18ch}
.personality-worlds{padding:11vh 0;border-top:1px solid var(--hair)}
.personality-worlds-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:end;margin-bottom:42px}
.personality-worlds-head>span{grid-column:1/4}.personality-worlds-head h2{grid-column:1/9;font-family:var(--display);font-size:clamp(84px,10vw,154px);line-height:.74;letter-spacing:-.045em;margin:3vh 0 0}.personality-worlds-head h2 em{font-family:var(--serif);font-weight:400;color:var(--yellow);font-size:.66em}.personality-worlds-head .text-link{grid-column:10/13;justify-self:end;margin-bottom:12px}
.personality-world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.personality-world{position:relative;display:block;overflow:hidden;min-height:520px;border:1px solid var(--hair);background:#111;color:#fff}
.personality-world img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .6s ease,filter .6s ease}.personality-world::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.82))}.personality-world:hover img{transform:scale(1.035)}
.personality-world>span{position:absolute;z-index:2;left:18px;bottom:46px;font-family:var(--display);font-size:42px;font-weight:800;line-height:.85}.personality-world>small{position:absolute;z-index:2;left:18px;bottom:20px;font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:rgba(255,255,255,.7)}
.personality-experience{padding:11vh 0;border-top:1px solid var(--hair)}
.personality-timeline{margin-top:38px;border-top:1px solid var(--hair)}
.personality-timeline article{display:grid;grid-template-columns:110px 1.2fr 1fr;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--hair)}
.personality-timeline span{font-family:var(--mono);font-size:9px;color:var(--yellow);letter-spacing:.1em}.personality-timeline h3{font-family:var(--display);font-size:clamp(34px,3.5vw,52px);margin:0;line-height:.9}.personality-timeline p{font-family:var(--serif);font-size:20px;line-height:1.15;margin:0;color:rgba(241,234,217,.68)}
.personality-links{padding:10vh 0;border-top:1px solid var(--hair)}
.personality-closing{position:relative;padding:14vh 0 12vh;border-top:1px solid var(--hair)}
.personality-closing h2{font-family:var(--display);font-size:clamp(100px,14vw,210px);line-height:.68;letter-spacing:-.05em;margin:6vh 0 2vh}.personality-closing h2 em{font-family:var(--serif);font-weight:400;color:var(--yellow);font-size:.68em}.personality-closing .handwritten{font-size:clamp(34px,4vw,58px);color:var(--yellow);transform:rotate(-5deg);display:inline-block}.personality-mail{position:absolute;right:0;bottom:12vh;font-family:var(--mono);font-size:11px;letter-spacing:.08em;border-bottom:1px solid var(--yellow);padding-bottom:5px;color:var(--cream)}
@media(max-width:980px){
  .personality-header{height:64px}.personality-header nav a:nth-child(-n+3){display:none}
  .personality-hero{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto auto auto;min-height:auto;padding:5vh 0 8vh}.personality-kicker{grid-column:1/7;grid-row:1}.personality-name{grid-column:1/7;grid-row:2;margin-top:5vh}.personality-name h1{font-size:24vw}.personality-portrait{grid-column:1/7;grid-row:3;min-height:60vh;margin-top:-4vh}.personality-scribble{right:4%;bottom:8vh}
  .personality-statement{grid-template-columns:repeat(6,minmax(0,1fr));padding:9vh 0}.personality-statement>span,.personality-statement h2,.personality-statement-copy{grid-column:1/7}.personality-statement h2{font-size:20vw}.personality-statement-copy{margin-top:44px}
  .personality-principle-grid{grid-template-columns:1fr}.personality-principle-grid article{min-height:280px}.personality-principle-grid h3{margin-top:46px}
  .personality-worlds-head{grid-template-columns:repeat(6,minmax(0,1fr))}.personality-worlds-head>span,.personality-worlds-head h2{grid-column:1/7}.personality-worlds-head .text-link{grid-column:1/7;justify-self:start}.personality-world-grid{grid-template-columns:1fr 1fr}.personality-world{min-height:430px}
  .personality-timeline article{grid-template-columns:72px 1fr}.personality-timeline p{grid-column:2}.personality-mail{position:static;display:inline-block;margin-top:40px}.personality-closing h2{font-size:22vw}
}
@media(max-width:620px){.personality-world-grid{grid-template-columns:1fr}.personality-world{min-height:520px}.personality-portrait{min-height:52vh}.personality-scribble{font-size:30px}}

/* final personal profile + real photos */
.about-photo-wall{grid-column:1/13;grid-row:4;display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:1vh}
.about-photo{position:relative;margin:0;border:1px solid rgba(241,234,217,.12);background:rgba(255,255,255,.03);overflow:hidden;min-height:280px}
.about-photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.about-photo figcaption{position:absolute;left:14px;bottom:14px;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.58);backdrop-filter:blur(8px)}
.about-photo-main{transform:rotate(-1.3deg)}
.about-photo-live{transform:rotate(1.4deg);align-self:end}
.about-grid{grid-template-rows:auto auto auto auto auto auto}
.career-track{grid-row:5}

.personality-realframes{padding:11vh 0;border-top:1px solid var(--hair)}
.personality-realframes-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:end;margin-bottom:34px}
.personality-realframes-head>span{grid-column:1/4;color:var(--yellow)}
.personality-realframes-head h2{grid-column:1/8;font-family:var(--display);font-size:clamp(84px,10vw,154px);line-height:.74;letter-spacing:-.045em;margin:2vh 0 0}
.personality-realframes-head h2 em{font-family:var(--serif);font-weight:400;color:var(--yellow);font-size:.66em}
.personality-realframes-head p{grid-column:9/13;font-family:var(--serif);font-size:clamp(21px,1.7vw,28px);line-height:1.15;color:rgba(241,234,217,.76);margin:0 0 10px}
.personality-frame-grid{display:grid;grid-template-columns:1.06fr 1.06fr .88fr;gap:16px;align-items:end}
.personality-frame{position:relative;margin:0;overflow:hidden;border:1px solid var(--hair);background:#0f0f0f;min-height:620px}
.personality-frame img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.personality-frame figcaption{position:absolute;left:16px;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.75));backdrop-filter:blur(8px)}
.personality-frame figcaption strong{font-family:var(--display);font-size:30px;line-height:.88;color:#fff}
.personality-frame-note{min-height:620px;border:1px solid var(--hair);padding:24px;display:flex;flex-direction:column;background:rgba(255,255,255,.02)}
.personality-frame-note h3{font-family:var(--display);font-size:clamp(58px,5vw,82px);line-height:.8;margin:72px 0 24px}
.personality-frame-note p{font-family:var(--serif);font-size:22px;line-height:1.15;margin:auto 0 0;color:rgba(241,234,217,.72)}
.frame-day{transform:rotate(-1.2deg)}
.frame-event{transform:rotate(1.4deg)}

.personality-hero .personality-portrait::before{content:"PERSON / VERIFIED VISUAL";position:absolute;left:0;top:6%;z-index:5;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:rgba(241,234,217,.5);transform:rotate(-90deg) translateX(-100%);transform-origin:left top}

@media(max-width:980px){
  .about-photo-wall{grid-column:1/7;grid-row:5;grid-template-columns:1fr 1fr}
  .career-track{grid-row:6}
  .personality-realframes-head{grid-template-columns:repeat(6,minmax(0,1fr))}
  .personality-realframes-head>span,.personality-realframes-head h2,.personality-realframes-head p{grid-column:1/7}
  .personality-realframes-head h2{font-size:20vw}
  .personality-frame-grid{grid-template-columns:1fr;gap:14px}
  .personality-frame,.personality-frame-note{min-height:auto}
  .personality-frame-note h3{margin-top:36px}
}
@media(max-width:620px){
  .about-photo-wall{grid-template-columns:1fr}
  .about-photo-main,.about-photo-live,.frame-day,.frame-event{transform:none}
  .about-photo{min-height:220px}
}

/* v12 — client-facing personal profile; single stadium image */
.about-photo-single{grid-template-columns:1fr;max-width:900px;justify-self:end;width:100%}
.about-photo-single .about-photo-live{transform:none;max-height:560px}
.about-photo-single .about-photo-live img{aspect-ratio:16/9;object-position:center 48%}

.personality-client-grid{display:grid;grid-template-columns:1.05fr 1.95fr;gap:18px;align-items:stretch}
.personality-client-photo{margin:0;overflow:hidden;border:1px solid var(--hair);background:#0d0d0d;min-height:680px}
.personality-client-photo img{width:100%;height:100%;object-fit:cover;object-position:center 46%;display:block}
.personality-client-services{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.personality-client-services article{min-height:330px;padding:24px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);display:flex;flex-direction:column;background:rgba(255,255,255,.015)}
.personality-client-services article>span{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--yellow)}
.personality-client-services h3{font-family:var(--display);font-size:clamp(48px,4vw,68px);line-height:.82;margin:56px 0 18px}
.personality-client-services p{font-family:var(--serif);font-size:20px;line-height:1.16;margin:auto 0 0;color:rgba(241,234,217,.72);max-width:20ch}
.personality-client-intro .personality-realframes-head p{max-width:18ch}
.personality-portrait img{object-fit:cover;object-position:center 40%;width:100%;height:76vh;max-height:none}
.personality-portrait{overflow:hidden}
.personality-portrait::after{display:none}
.personality-orbit{opacity:.48}

@media(max-width:980px){
  .personality-client-grid{grid-template-columns:1fr}
  .personality-client-photo{min-height:520px}
  .personality-client-services{grid-template-columns:1fr 1fr}
  .about-photo-single{max-width:none}
}
@media(max-width:620px){
  .personality-client-services{grid-template-columns:1fr}
  .personality-client-services article{min-height:250px}
  .personality-client-photo{min-height:440px}
  .about-photo-single .about-photo-live img{aspect-ratio:4/5}
}