@charset "UTF-8";
/* Layout concept: Swiss editorial grid. Oversized grotesk type, near-monochrome paper, the work itself carries the color.
   12-col grid; left column holds small labels, right columns hold content. */
@font-face{font-family:"Thmanyah Sans";src:url("../fonts/thmanyah-sans-regular.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("../fonts/thmanyah-sans-medium.woff") format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("../fonts/thmanyah-sans-bold.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("../fonts/thmanyah-sans-black.woff") format("woff");font-weight:900;font-display:swap}

:root{
  --paper:#F2F2EF;
  --white:#FFFFFF;
  --ink:#0E0E0E;
  --grey:#8A8A86;
  --ghost:#E3E3DF;
  --line:#CFCFCA;
  --signal:#F83E35;
  --peach:#F6E4D8;
  --blush:#FBEFE8;
  --font:"Thmanyah Sans","Helvetica Neue",Helvetica,Arial,"Geeza Pro",sans-serif;
  --pad-l:max(20px,env(safe-area-inset-left,0px));
  --pad-r:max(20px,env(safe-area-inset-right,0px));
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
[dir="rtl"] body{line-height:1.75}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:500;line-height:.95;letter-spacing:-.035em;text-wrap:balance}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{letter-spacing:0;line-height:1.15}
p{margin:0}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
::selection{background:var(--signal);color:#fff}
.red{color:var(--signal)}
.plus{color:var(--signal);font-weight:400}

.wrap{padding-left:var(--pad-l);padding-right:var(--pad-r);max-width:1600px;margin-inline:auto}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px}
.lbl{font-size:.8rem;color:var(--grey);line-height:1.4}
.idx{font-variant-numeric:tabular-nums}
.ul{background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/100% 1px;padding-bottom:2px;transition:background-size .3s}
[dir="rtl"] .ul{background-position:100% 100%}
.ul:hover{background-size:0 1px}
.arrow{display:inline-block;transition:transform .25s}
[dir="rtl"] .arrow{transform:scaleX(-1)}
a:hover .arrow{transform:translate(3px,-3px)}
[dir="rtl"] a:hover .arrow{transform:scaleX(-1) translate(3px,-3px)}

/* Image frames: real image over a toned, labelled placeholder */
.ph{position:relative;overflow:hidden;background:var(--tone,#DADAD5);max-width:100%}
.ph::before{content:attr(data-cap);position:absolute;inset:auto auto 10px 10px;font-size:.72rem;color:rgba(14,14,14,.45);z-index:0}
[dir="rtl"] .ph::before{inset:auto 10px 10px auto}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.r45{aspect-ratio:4/5}.r34{aspect-ratio:3/4}.r11{aspect-ratio:1}.r32{aspect-ratio:3/2}.r169{aspect-ratio:16/9}.r21{aspect-ratio:21/9}

/* Header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--paper)}
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--paper);mix-blend-mode:normal}
.hdr .grid{padding-block:16px;align-items:start;font-size:.92rem}
.hdr .brand{grid-column:1/4;font-weight:700;display:flex;align-items:center;gap:10px}
.hdr .brand img{width:30px;height:auto;transition:transform .4s}
.hdr .brand:hover img{transform:rotate(-8deg)}
.hdr nav{grid-column:5/9;display:flex;gap:18px}
.hdr nav a{color:var(--grey);transition:color .2s}
.hdr nav a:hover,.hdr nav a[aria-current="page"]{color:var(--ink)}
.hdr .clock{grid-column:9/11;color:var(--grey);line-height:1.3;font-size:.82rem}
.hdr .right{grid-column:11/13;display:flex;justify-content:flex-end;gap:14px;align-items:center}
.lang{font-size:.82rem;border:1px solid var(--ink);border-radius:999px;padding:3px 11px;transition:background .2s,color .2s}
.lang:hover{background:var(--signal);border-color:var(--signal);color:#fff}
@media (max-width:900px){.hdr .clock{display:none}.hdr .brand{grid-column:1/6}.hdr nav{grid-column:6/11;justify-content:center}.hdr .right{grid-column:11/13}.hdr .cta-top{display:none}}
@media (max-width:560px){.hdr .grid{grid-template-columns:1fr auto;row-gap:10px}.hdr .brand{grid-column:1}.hdr .right{grid-column:2}.hdr nav{grid-column:1/-1;justify-content:flex-start;gap:16px}}

/* Generic sections */
.sec{padding-block:120px}
.sec-tight{padding-block:64px}
.sec-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;margin-bottom:40px;align-items:end}
.sec-head .lbl{grid-column:1/4}
.sec-head h2{grid-column:4/13;font-size:clamp(2.4rem,6vw,5.5rem)}
@media (max-width:760px){.sec{padding-block:72px}.sec-head .lbl,.sec-head h2{grid-column:1/-1}.sec-head .lbl{margin-bottom:12px}}
.rule{border:0;border-top:1px solid var(--line);margin:0}

/* HOME hero */
.hero{position:relative;padding-top:24px;overflow:hidden}
.hero-top{align-items:end;padding-bottom:28px}
.hero-top .lbl{grid-column:1/4}
.hero-top .avail{grid-column:1/4;display:flex;gap:8px;align-items:center;font-size:.9rem}
.hero-top .avail i{width:8px;height:8px;border-radius:50%;background:#19B562}
.hero-top .lead{grid-column:7/12;font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.35}
[dir="rtl"] .hero-top .lead{line-height:1.6}
.hero-stage{position:relative}
.hero-photo{width:min(42vw,560px);margin-inline-start:auto;margin-inline-end:6vw;--tone:#EDEDEA;border-radius:4px}
.hero-name{position:absolute;inset:auto 0 -.12em 0;font-weight:500;font-size:clamp(4rem,16.5vw,17rem);line-height:.82;letter-spacing:-.055em;color:var(--signal);z-index:2;pointer-events:none;padding-inline-start:var(--pad-l);white-space:nowrap}
[dir="rtl"] .hero-name{letter-spacing:0;line-height:1.05;inset:auto 0 0 0;font-size:clamp(4rem,17vw,17rem);font-weight:700}
.hero-name span{display:block}
.hero-name span+span{padding-inline-start:.6em}
@media (max-width:760px){.hero-top .lead{grid-column:1/-1;margin-top:20px}.hero-top .avail{grid-column:1/-1}.hero-photo{width:78vw;margin-inline-end:0}}

.tagline-row{padding-block:24px;align-items:start;border-bottom:1px solid var(--line)}
.tagline-row .lbl{grid-column:1/4}
.tagline-row .t{grid-column:4/7;font-weight:700}
.tagline-row .svc{grid-column:7/10}
.tagline-row .loc{grid-column:10/13}
@media (max-width:760px){.tagline-row{row-gap:14px}.tagline-row>*{grid-column:span 6!important}}

/* Ghost services */
.ghost{padding-block:64px 24px}
.ghost a{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;font-size:clamp(3rem,11vw,10.5rem);font-weight:700;line-height:.9;letter-spacing:-.05em;color:var(--ghost);transition:color .35s}
[dir="rtl"] .ghost a{letter-spacing:0;line-height:1.25}
.ghost a .idx{font-size:.8rem;font-weight:400;letter-spacing:0;color:var(--grey);padding-top:.8em}
.ghost a:hover,.ghost a.on{color:var(--ink)}
.ghost a:hover .idx{color:var(--signal)}

/* Selected work */
.works{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;row-gap:72px}
.work{display:grid;gap:14px;min-width:0}
.work .ph{transition:transform .5s}
.work:hover .ph img{transform:scale(1.035)}
.work .meta{display:grid;grid-template-columns:auto 1fr auto;gap:16px;font-size:.92rem;align-items:baseline}
.work .meta .n{color:var(--grey)}
.work .meta b{font-weight:500;transition:color .25s}
.work:hover .meta b{color:var(--signal)}
.work .ph,.wrow .peek,.cs-cover{--tone:var(--peach)}
.work .meta .f{color:var(--grey)}
.w-a{grid-column:1/8}.w-b{grid-column:9/13;margin-top:180px}
.w-c{grid-column:3/7}.w-d{grid-column:8/13}
.w-e{grid-column:1/6}.w-f{grid-column:7/13;margin-top:120px}
.w-g{grid-column:2/8}.w-h{grid-column:9/12;margin-top:80px}
@media (max-width:760px){.works{row-gap:44px}.works>.work{grid-column:1/-1!important;margin-top:0!important}}

/* Big numbers */
.nums{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px}
.nums .lbl{grid-column:1/4}
.nums .row{grid-column:4/13;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.nums .row.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.num{display:grid;gap:14px;align-content:start;min-width:0}
.num .k{font-size:.82rem;color:var(--grey)}
.num b .plus{font-size:.6em;vertical-align:.45em;margin-inline-start:.05em}
.num b{font-size:clamp(3rem,6.5vw,6.2rem);font-weight:500;letter-spacing:-.05em;line-height:.9;font-variant-numeric:tabular-nums}
[dir="rtl"] .num b{letter-spacing:-.02em}
.num p{font-size:.86rem;max-width:18em}
@media (max-width:900px){.nums .lbl,.nums .row{grid-column:1/-1}.nums .lbl{margin-bottom:28px}.nums .row,.nums .row.three{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}}

/* Process */
.steps{border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;padding-block:22px 26px;border-bottom:1px solid var(--line);align-items:start}
.step:hover .big{color:var(--signal)}
.step .big{transition:color .3s;grid-column:1/4;font-size:clamp(5rem,13vw,11rem);font-weight:700;line-height:.78;letter-spacing:-.06em}
[dir="rtl"] .step .big{letter-spacing:0;line-height:.95}
.step h3{grid-column:4/7;font-size:1rem;font-weight:700;letter-spacing:0;line-height:1.4}
.step p{grid-column:7/11;font-size:.95rem}
.step .ph{grid-column:11/13;aspect-ratio:4/3}
@media (max-width:760px){.step{row-gap:10px}.step .big{grid-column:1/4}.step h3{grid-column:4/13}.step p{grid-column:4/13}.step .ph{display:none}}

/* FAQ */
.faq{grid-column:4/13;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:3em 1fr auto;gap:12px;padding-block:20px;font-size:clamp(1.1rem,1.8vw,1.45rem);align-items:baseline}
.faq summary::-webkit-details-marker{display:none}
.faq summary .idx{font-size:.8rem;color:var(--signal)}
.faq summary .pm{font-size:1.4rem;line-height:1;transition:transform .3s}
.faq details[open] .pm{transform:rotate(45deg);color:var(--signal)}
.faq details p{padding:0 3em 24px;max-width:46em;color:#3A3A38}
[dir="rtl"] .faq details p{padding:0 3em 24px 0}
@media (max-width:760px){.faq{grid-column:1/-1}}

/* Footer */
.ftr{background:var(--ink);color:var(--paper);margin-top:40px;overflow:hidden}
.ftr .wrap{padding-block:72px 28px}
.ftr .lbl{color:#8B8B86}
.ftr-big{display:block;font-size:clamp(3.4rem,12vw,12rem);font-weight:700;line-height:.86;letter-spacing:-.055em;margin-block:18px 56px}
[dir="rtl"] .ftr-big{letter-spacing:0;line-height:1.15}
.ftr-big .arrow{font-weight:400;color:var(--signal)}
.ftr-mark{width:56px;height:auto;margin-bottom:24px}
.ftr-big:hover{color:var(--signal)}
.ftr-big:hover .arrow{color:#fff}
.ftr .grid{row-gap:28px;align-items:start}
.ftr .c1{grid-column:1/4}.ftr .c2{grid-column:4/7}.ftr .c3{grid-column:7/10}.ftr .c4{grid-column:10/13}
.ftr .c2 .email{user-select:all;direction:ltr;unicode-bidi:isolate}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ftr-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #2A2A28;margin-top:56px;padding-top:18px;font-size:.82rem;color:#8B8B86}
@media (max-width:760px){.ftr .c1,.ftr .c2,.ftr .c3,.ftr .c4{grid-column:span 6}}

/* PAGE heads */
.phead{padding-block:72px 40px}
.phead .grid{align-items:end}
.phead .lbl{grid-column:1/4}
.phead h1{grid-column:1/-1;font-size:clamp(3.6rem,12vw,11rem);font-weight:500;letter-spacing:-.055em;line-height:.85}
[dir="rtl"] .phead h1{letter-spacing:0;line-height:1.1;font-weight:700}
.phead .intro{grid-column:7/12;margin-top:36px;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.4}
[dir="rtl"] .phead .intro{line-height:1.7}
@media (max-width:760px){.phead .intro{grid-column:1/-1}}

/* Filters + work index */
.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:40px}
.filters button{font:inherit;font-size:.9rem;background:none;border:1px solid var(--line);border-radius:999px;padding:6px 16px;cursor:pointer;color:var(--ink)}
.filters button[aria-pressed="true"]{background:var(--signal);border-color:var(--signal);color:#fff}
.windex{border-top:1px solid var(--line)}
.wrow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;padding-block:18px;border-bottom:1px solid var(--line);align-items:center;position:relative}
.wrow .idx{grid-column:1/2;color:var(--grey);font-size:.85rem}
.wrow h3{grid-column:2/7;font-size:clamp(1.8rem,4.2vw,3.6rem);font-weight:500;transition:transform .35s}
.wrow .f{grid-column:7/10;color:var(--grey)}
.wrow .y{grid-column:10/12;color:var(--grey);font-variant-numeric:tabular-nums}
.wrow .go{grid-column:12/13;justify-self:end;font-size:1.3rem}
.wrow:hover h3{transform:translateX(12px);color:var(--signal)}
.wrow h3{transition:transform .35s,color .25s}
[dir="rtl"] .wrow:hover h3{transform:translateX(-12px)}
.wrow .peek{position:absolute;width:220px;aspect-ratio:4/5;inset-inline-end:16%;top:50%;transform:translateY(-50%) scale(.9);opacity:0;pointer-events:none;transition:opacity .25s,transform .35s;z-index:3}
.wrow:hover .peek{opacity:1;transform:translateY(-50%) scale(1)}
@media (max-width:760px){.wrow .idx{grid-column:1/3}.wrow h3{grid-column:3/12}.wrow .f{grid-column:3/9;font-size:.85rem}.wrow .y{grid-column:9/12;font-size:.85rem}.wrow .go{grid-column:12/13;grid-row:1}.wrow .peek{display:none}}

/* ABOUT */
.about-hero{align-items:start;row-gap:32px}
.about-hero .ph{grid-column:1/6;--tone:#D6D6D1}
.about-hero .txt{grid-column:7/12;display:grid;gap:18px;font-size:1.05rem}
.about-hero .txt .first{font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.15;letter-spacing:-.02em}
[dir="rtl"] .about-hero .txt .first{line-height:1.5;letter-spacing:0}
.about-hero .txt .q{font-size:1.25rem;font-weight:500;border-inline-start:2px solid var(--signal);padding-inline-start:18px}
@media (max-width:860px){.about-hero .ph,.about-hero .txt{grid-column:1/-1}.about-hero .ph{max-width:460px}}
.table{border-top:1px solid var(--line)}
.trow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;padding-block:22px;border-bottom:1px solid var(--line);align-items:start}
.trow .when{grid-column:1/4;color:var(--grey);font-size:.9rem;font-variant-numeric:tabular-nums}
.trow h3{grid-column:4/7;font-size:1.25rem;letter-spacing:-.01em;line-height:1.25}
.trow h3 small{display:block;font-size:.85rem;color:var(--grey);font-weight:400;letter-spacing:0;margin-top:6px}
.trow p{grid-column:7/12;font-size:.95rem}
@media (max-width:760px){.trow .when,.trow h3,.trow p{grid-column:1/-1}.trow{row-gap:8px}}
.tools{grid-column:4/13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.tools div{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:1.05rem}
.tools div span{color:var(--grey);font-size:.85rem}
@media (max-width:760px){.tools{grid-column:1/-1;grid-template-columns:1fr 1fr;column-gap:20px}}

/* CONTACT */
.contact .left{grid-column:1/5;display:grid;gap:28px;align-content:start}
.contact .left .email{font-size:clamp(1.2rem,2.2vw,1.8rem);direction:ltr;unicode-bidi:isolate;user-select:all;word-break:break-all}
.contact .form{grid-column:6/13;background:var(--white);padding:16px;min-height:520px}
.contact .form iframe{width:100%;min-height:560px;border:0}
.btn{display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:.92rem;border:1px solid var(--ink);border-radius:999px;padding:9px 18px;cursor:pointer;background:none;color:var(--ink);transition:background .2s,color .2s;justify-self:start}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn.solid{background:var(--signal);border-color:var(--signal);color:#fff}
.btn.solid:hover{background:var(--ink);border-color:var(--ink)}
@media (max-width:860px){.contact .left,.contact .form{grid-column:1/-1}}

/* CASE STUDY */
.cs-head{padding-block:56px 32px}
.cs-head .grid{row-gap:20px;align-items:start}
.cs-head .back{grid-column:1/4;color:var(--grey);font-size:.9rem;display:flex;gap:8px}
.cs-head .back:hover{color:var(--ink)}
.cs-head .n{grid-column:1/4;font-size:clamp(2rem,4vw,3.4rem);color:var(--line);font-weight:400;letter-spacing:-.03em;line-height:1}
.cs-head .t{grid-column:4/13}
.cs-head .t .lbl{margin-bottom:10px;display:block}
.cs-head h1{font-size:clamp(3.6rem,11vw,10rem);font-weight:500;letter-spacing:-.055em;line-height:.85}
[dir="rtl"] .cs-head h1{letter-spacing:0;line-height:1.1;font-weight:700}
.cs-head .desc{grid-column:4/11;font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.35;margin-top:12px}
[dir="rtl"] .cs-head .desc{line-height:1.7}
@media (max-width:760px){.cs-head .back,.cs-head .n,.cs-head .t,.cs-head .desc{grid-column:1/-1}}
.cs-meta{padding-block:28px;align-items:start;row-gap:20px}
.cs-meta .lbl.h{grid-column:1/4}
.cs-meta .m{grid-column:span 2;font-size:.92rem;min-width:0}
.cs-meta .m .lbl{display:block}
@media (max-width:900px){.cs-meta .lbl.h{grid-column:1/-1}.cs-meta .m{grid-column:span 4}}
@media (max-width:520px){.cs-meta .m{grid-column:span 6}}
.cs-cover{--tone:#CBD0F0}
.cs-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
@media (max-width:640px){.cs-trio{grid-template-columns:1fr 1fr}.cs-trio>:nth-child(3){display:none}}

.chap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;padding-block:96px 0;scroll-margin-top:70px}
.chap .side{grid-column:1/4;position:sticky;top:80px;align-self:start;display:grid;gap:6px}
.chap .side .idx{font-size:.85rem;color:var(--signal)}
.chap .side h2{font-size:1.05rem;font-weight:700;letter-spacing:0;line-height:1.3}
.chap .main{grid-column:4/13;min-width:0}
.chap .lede{font-size:clamp(1.8rem,3.6vw,3.2rem);line-height:1.05;letter-spacing:-.03em;max-width:20em}
[dir="rtl"] .chap .lede{line-height:1.45;letter-spacing:0}
.chap .lede em{font-style:normal;color:var(--grey)}
.chap .body{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));column-gap:20px;margin-top:40px}
.chap .body .cols{grid-column:4/10;display:grid;gap:14px;font-size:1rem;max-width:38em}
@media (max-width:860px){.chap .side,.chap .main{grid-column:1/-1}.chap .side{position:static;margin-bottom:24px;grid-auto-flow:column;justify-content:start;gap:12px;align-items:baseline}.chap .body .cols{grid-column:1/-1}}
.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;margin-top:48px}
.kv>div{border-top:1px solid var(--ink);padding-top:14px;min-width:0}
.kv ul{list-style:none;margin:10px 0 0;padding:0;display:grid}
.kv li{padding-block:9px;border-bottom:1px solid var(--line);display:flex;gap:14px}
.kv li .idx{color:var(--grey);font-size:.82rem;padding-top:3px}
@media (max-width:640px){.kv{grid-template-columns:1fr;row-gap:32px}}

.words{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:44px;font-size:clamp(2.2rem,6vw,5rem);font-weight:700;letter-spacing:-.05em;line-height:1}
[dir="rtl"] .words{letter-spacing:0;line-height:1.4}
.words span:nth-child(even){color:var(--ghost)}
.mood{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:12px;margin-top:48px}
.mood .a{grid-column:1/5;aspect-ratio:4/5}.mood .b{grid-column:5/10;aspect-ratio:5/4;align-self:end}
.mood .c{grid-column:1/3;aspect-ratio:1}.mood .d{grid-column:3/7;aspect-ratio:2/1}.mood .e{grid-column:7/10;aspect-ratio:3/2}
.pal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.pal div{aspect-ratio:3/2;padding:12px;display:flex;align-items:flex-end;font-size:.78rem;font-variant-numeric:tabular-nums;max-width:100%}
@media (max-width:640px){.mood{grid-template-columns:1fr 1fr}.mood>*{grid-column:auto!important;aspect-ratio:1!important}.pal{grid-template-columns:1fr 1fr}}
.dirs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:64px}
.dir{display:grid;gap:12px;align-content:start;min-width:0}
.dir .top{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;border-top:1px solid var(--line);padding-top:10px}
.dir.pick .top{border-top:2px solid var(--signal);font-weight:700}
.dir .top .st{color:var(--grey);font-weight:400}
.dir.pick .top .st{color:var(--signal);font-weight:700}
.dir h4{font-size:1.4rem;letter-spacing:-.02em;line-height:1.1}
.dir p{font-size:.92rem;color:#4A4A47}
.dir:not(.pick) .ph{filter:grayscale(1);opacity:.7}
@media (max-width:760px){.dirs{grid-template-columns:1fr;gap:40px}}

.tabs{display:flex;gap:24px;margin:44px 0 20px;border-bottom:1px solid var(--line)}
.tabs button{font:inherit;font-size:1rem;background:none;border:0;padding:0 0 12px;cursor:pointer;color:var(--grey);border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--signal)}
.tabs sup{font-size:.7rem;margin-inline-start:3px}
.gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gal button,.strip button{all:unset;cursor:zoom-in;display:block;min-width:0}
.gal button:focus-visible,.strip button:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.gal button:hover img,.strip button:hover img{transform:scale(1.03)}
.set{margin-bottom:36px}
.set .h{display:flex;justify-content:space-between;font-size:.88rem;margin-bottom:10px}
.set .h span:last-child{color:var(--grey)}
.strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.strip button{flex:0 0 min(240px,62vw);scroll-snap-align:start}
@media (max-width:640px){.gal{grid-template-columns:1fr 1fr;gap:8px}}

.quote{margin-top:72px;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));column-gap:20px}
.quote p{grid-column:1/9;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.1;letter-spacing:-.03em}
[dir="rtl"] .quote p{line-height:1.5;letter-spacing:0}
.quote .who{grid-column:1/9;margin-top:20px;font-size:.9rem;color:var(--grey)}
.credits{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));column-gap:20px;border-top:1px solid var(--line)}
.credits .r{grid-column:1/-1;display:grid;grid-template-columns:subgrid;padding-block:14px;border-bottom:1px solid var(--line);align-items:baseline}
.credits .r .role{grid-column:1/4;color:var(--grey);font-size:.9rem}
.credits .r .name{grid-column:4/10;font-size:1.15rem}
.credits .r.me .name{font-weight:700}
.credits .r.me .name::after{content:" ●";color:var(--signal);font-size:.7em}
.deliv{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.deliv span{border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-size:.88rem}
@media (max-width:640px){.credits .r .role{grid-column:1/-1}.credits .r .name{grid-column:1/-1}}

.next{display:block;margin-top:120px;border-top:1px solid var(--ink);padding-block:22px 40px}
.next .lbl{display:flex;justify-content:space-between}
.next h2{font-size:clamp(3.6rem,13vw,12rem);font-weight:500;letter-spacing:-.055em;line-height:.85;margin-top:24px;transition:color .3s}
[dir="rtl"] .next h2{letter-spacing:0;line-height:1.15;font-weight:700}
.next:hover h2{color:var(--signal)}

.soon{border-top:1px solid var(--line);padding-top:24px;margin-top:56px;display:grid;gap:18px;justify-items:start}

/* Progress */
.progress{position:fixed;inset:env(safe-area-inset-top,0px) 0 auto;height:2px;background:var(--signal);transform-origin:0 0;transform:scaleX(var(--p,0));z-index:70}
[dir="rtl"] .progress{transform-origin:100% 0}

/* Lightbox */
.lb{position:fixed;inset:0;z-index:100;background:rgba(14,14,14,.94);display:grid;place-items:center;padding:56px var(--pad-r) 80px var(--pad-l)}
.lb .ph{width:min(520px,100%);aspect-ratio:4/5;--tone:#262624}
.lb .ph::before{color:rgba(255,255,255,.4)}
.lb .x{position:absolute;top:max(14px,env(safe-area-inset-top,0px));inset-inline-end:var(--pad-r);color:#fff;background:none;border:0;font:inherit;font-size:.95rem;cursor:pointer}
.lb .ui{position:absolute;bottom:max(20px,env(safe-area-inset-bottom,0px));inset-inline:0;display:flex;justify-content:center;gap:24px;color:#fff;font-size:.9rem;font-variant-numeric:tabular-nums;align-items:center}
.lb .ui button{background:none;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:999px;padding:6px 16px;font:inherit;cursor:pointer}

/* Motion */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}