@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;700&display=swap');
:root{--ink:#13120f;--paper:#efede6;--olive:#50503d;--red:#f24c3d;--line:rgba(19,18,15,.22);--pad:clamp(20px,4vw,64px);--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.site-header{height:80px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--paper)}.wordmark{font-family:var(--serif);font-size:1.55rem}.site-header nav{display:flex;gap:34px}.site-header nav a{font-size:.93rem}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.menu{display:none;border:0;background:none;width:44px;height:44px}.menu span{display:block;width:22px;height:1px;background:var(--ink);margin:6px auto}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:600;display:block;margin-bottom:14px}.hero{min-height:calc(100vh - 80px);display:grid;grid-template-columns:1.12fr .88fr;border-bottom:1px solid var(--line)}.hero-copy{padding:var(--pad);display:flex;flex-direction:column;justify-content:space-between;background:var(--olive);color:#f4f0e6}.intro{font-size:.82rem}.display{font-family:var(--serif);font-size:clamp(4.5rem,10vw,10rem);font-weight:400;line-height:.78;letter-spacing:-.055em;margin:40px 0}.display em{display:block;font-weight:400;margin-left:12%;color:#dcd7c8}.hero-bottom{display:grid;grid-template-columns:1fr 1.5fr;gap:32px;align-items:end}.hero-bottom p{margin:0;max-width:52ch}.cta{display:inline-flex;align-items:center;gap:12px;margin-top:24px;background:var(--red);color:white;padding:13px 18px;width:max-content;font-size:.86rem}.cta:after{content:'↗';transition:transform .2s}.cta:hover:after{transform:translate(3px,-3px)}.hero-media{position:relative;min-height:620px;overflow:hidden}.hero-media img{filter:saturate(.78)}.media-label{position:absolute;right:20px;bottom:20px;background:var(--paper);padding:10px 13px;font-size:.76rem}.statement{padding:clamp(80px,13vw,190px) var(--pad);display:grid;grid-template-columns:1fr 2.2fr;gap:40px;border-bottom:1px solid var(--line)}.statement h2{font-family:var(--serif);font-weight:400;font-size:clamp(3.8rem,8vw,8.5rem);line-height:.88;letter-spacing:-.045em;margin:0}.statement h2 em{color:var(--red);font-weight:400}.film{margin:0 var(--pad) clamp(80px,10vw,150px);aspect-ratio:16/8;background:#111;position:relative;overflow:hidden}.film img{opacity:.75;transition:transform .8s,opacity .3s}.film:hover img{transform:scale(1.025);opacity:.9}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:1px solid white;color:white;display:grid;place-items:center;font-size:1.1rem;backdrop-filter:blur(6px)}.page-head{padding:clamp(80px,12vw,170px) var(--pad) clamp(60px,8vw,110px);border-bottom:1px solid var(--line)}.page-head h1{font-family:var(--serif);font-size:clamp(4.5rem,12vw,11rem);font-weight:400;line-height:.82;letter-spacing:-.055em;margin:18px 0 0}.page-head p{font-size:clamp(1.15rem,2vw,1.8rem);max-width:650px;margin:0}.work-list{padding:0 var(--pad)}.work-row{display:grid;grid-template-columns:80px 1.1fr 1fr 34px;gap:30px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.work-row:hover{padding-left:14px}.work-row .num{font-size:.77rem}.work-row h2{font-family:var(--serif);font-size:clamp(2rem,4vw,4.2rem);font-weight:400;line-height:.96;margin:0}.work-row p{margin:0;max-width:48ch}.work-row .arrow{font-size:1.4rem;transition:transform .2s}.work-row:hover .arrow{transform:translate(4px,-4px)}.project-hero{min-height:78vh;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.project-title{padding:var(--pad);display:flex;flex-direction:column;justify-content:flex-end;background:var(--olive);color:#f3f0e8}.project-title h1{font-family:var(--serif);font-size:clamp(4rem,9vw,9rem);font-weight:400;line-height:.84;letter-spacing:-.05em;margin:25px 0 10px}.project-title p{font-size:clamp(1.1rem,1.8vw,1.5rem);max-width:45ch}.project-image{min-height:540px;background:#222}.project-image.placeholder{display:grid;place-items:center;color:#aaa;font-family:var(--serif);font-size:clamp(3rem,7vw,7rem);padding:30px;text-align:center;background:#181713}.case-body{padding:clamp(70px,10vw,150px) var(--pad);max-width:1440px;margin:auto}.case-block{display:grid;grid-template-columns:1fr 2fr;gap:clamp(35px,8vw,130px);padding:50px 0;border-top:1px solid var(--line)}.case-block h2{font-family:var(--serif);font-size:clamp(2rem,3.6vw,4rem);font-weight:400;line-height:1;margin:0}.case-block p{font-size:clamp(1.05rem,1.45vw,1.3rem);max-width:760px;margin:0;white-space:pre-line}.gallery{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;margin:30px 0 100px}.gallery img{max-height:760px}.next{display:flex;justify-content:space-between;align-items:center;padding:50px var(--pad);border-top:1px solid var(--line);font-family:var(--serif);font-size:clamp(2rem,4vw,4rem)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;border-bottom:1px solid var(--line)}.about-image{min-height:720px}.about-copy{padding:clamp(50px,8vw,120px) var(--pad)}.about-copy h1{font-family:var(--serif);font-size:clamp(4rem,8vw,8rem);font-weight:400;line-height:.85;margin:0 0 55px;letter-spacing:-.05em}.about-copy p{font-size:clamp(1.05rem,1.45vw,1.3rem);max-width:710px}.about-copy .question{font-family:var(--serif);font-size:clamp(2.3rem,5vw,5.5rem);line-height:.95;margin:70px 0}.contact-page{min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:space-between;padding:var(--pad);background:var(--olive);color:#f4f0e6}.contact-page h1{font-family:var(--serif);font-weight:400;font-size:clamp(4.3rem,12vw,12rem);line-height:.82;letter-spacing:-.06em;margin:50px 0}.contact-page .email{font-size:clamp(1.4rem,3vw,3.2rem);border-bottom:1px solid currentColor;width:max-content;max-width:100%}.contact-links{display:flex;gap:28px;margin-top:60px}footer{background:#100e0c;color:#eee9df;padding:clamp(50px,8vw,110px) var(--pad) 30px;display:grid;grid-template-columns:1fr 1fr;gap:60px;position:relative}footer>div>a,footer>div>span:not(.eyebrow){font-family:var(--serif);font-size:clamp(1.6rem,3vw,3.2rem)}footer .social{display:flex;gap:24px;margin-top:20px;font-size:.9rem}footer small{grid-column:1/-1;margin-top:70px;color:#8f8a82}@media(max-width:800px){.site-header{height:68px}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:24px var(--pad);flex-direction:column;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu{display:block}.hero,.project-hero,.about-grid{grid-template-columns:1fr}.hero-copy{min-height:610px}.hero-media{min-height:68vh}.display{font-size:clamp(4.2rem,21vw,7rem)}.hero-bottom{grid-template-columns:1fr}.statement{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px}.statement h2{font-size:clamp(3.6rem,17vw,6rem)}.film{aspect-ratio:4/3}.work-row{grid-template-columns:45px 1fr 24px;gap:16px}.work-row p{grid-column:2/-1}.project-title{min-height:500px}.project-image{min-height:62vh}.case-block{grid-template-columns:1fr;gap:22px}.gallery{grid-template-columns:1fr}.about-image{min-height:65vh;order:2}.about-copy{order:1}.contact-page{min-height:calc(100vh - 68px)}footer{grid-template-columns:1fr}.page-head h1{font-size:clamp(4rem,23vw,7rem)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Work index — intentionally scoped so no other page changes. */
.is-work-page{background:#e8e8e8}
.is-work-page .site-header{height:31px;padding:0 9px;background:#eeeeee;border:0}
.is-work-page .site-header .wordmark{font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:400}
.is-work-page .site-header nav,.is-work-page .site-header .menu,.is-work-page>footer{display:none}
.is-work-page #app{padding:0 8px 8px;background:#e8e8e8}
.portfolio-panel{background:#3f3b3c;color:#f7f5f5;font-family:Inter,Arial,sans-serif}
.portfolio-intro{background:#000;padding:48px clamp(24px,3.25vw,64px) 72px;border-bottom:1px solid #d9d6d6}
.portfolio-intro h1{margin:0 0 32px;font-family:Inter,Arial,sans-serif;font-size:clamp(4rem,7vw,8.5rem);font-weight:300;line-height:1.05;letter-spacing:-.055em}
.portfolio-intro p{margin:0;max-width:46ch;font-size:clamp(1rem,1.65vw,1.6rem);font-weight:400;line-height:1.45;letter-spacing:-.025em}
.portfolio-row{display:flex;min-height:clamp(220px,17vw,330px);padding:48px clamp(24px,3.25vw,64px);flex-direction:column;justify-content:center;border-bottom:1px solid #aaa6a7;transition:background-color 180ms ease}
.portfolio-row:last-child{border-bottom:0}
.portfolio-row h2{margin:0 0 20px;max-width:32ch;font-family:Inter,Arial,sans-serif;font-size:clamp(1.75rem,3.3vw,3.75rem);font-weight:700;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
.portfolio-row p{margin:0;max-width:80ch;font-size:clamp(1rem,1.15vw,1.25rem);font-weight:300;font-style:normal;line-height:1.5;letter-spacing:-.02em;color:#f1eeee}
.portfolio-row:hover,.portfolio-row:focus-visible{background:#E65B4F}
.portfolio-row:focus-visible{outline:2px solid #f15045;outline-offset:-2px}
@media(max-width:600px){.portfolio-intro{padding:40px 24px 52px}.portfolio-intro h1{font-size:3.75rem;margin-bottom:24px}.portfolio-row{min-height:220px;padding:40px 24px}.portfolio-row h2{font-size:1.75rem;margin-bottom:18px}.portfolio-row p{font-size:1rem}}

/* Harsukh flagship film: full-width, uncropped 16:9 player. */
.harsukh-hero{display:block;min-height:0}
.harsukh-hero .project-title{min-height:clamp(560px,72vh,850px);padding:clamp(48px,7vw,100px) var(--pad);position:relative;isolation:isolate;overflow:hidden;background:#34352d}
.harsukh-hero .project-title:before{content:'';position:absolute;z-index:-2;inset:0;background:#000 url('/assets/harsukh-hero-background.jpg') center/cover no-repeat;transform:scale(1.002);transition:transform 1100ms cubic-bezier(.2,.65,.3,1)}
.harsukh-hero .project-title:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,5,6,.82) 0%,rgba(7,8,9,.55) 48%,rgba(7,8,9,.22) 100%)}
.harsukh-hero .project-title:hover:before{transform:scale(1.035)}
.harsukh-hero .project-title h1{max-width:10ch;text-shadow:0 2px 30px rgba(0,0,0,.2)}
.harsukh-hero .project-title>p{max-width:34ch}
.harsukh-film{padding:clamp(20px,3.125vw,60px);background:#111}
.harsukh-film iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;background:#000}

.harsukh-video-cover{display:block;position:relative;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#000;cursor:pointer}
.harsukh-video-cover img{width:100%;height:100%;object-fit:contain}
.harsukh-video-cover span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:90px;height:64px;border-radius:14px;background:#202020dd;color:#fff;font-size:32px;transition:background .2s}
.harsukh-video-cover:hover span{background:#f00}
.harsukh-video-cover:focus-visible{outline:3px solid #E65B4F;outline-offset:4px}

/* Harsukh case study — evidence-led editorial sequence. */
.harsukh-meta{display:grid;gap:7px;margin-top:clamp(32px,5vw,70px);font-family:var(--sans);font-size:clamp(.75rem,1vw,.95rem);line-height:1.45;color:#e5e1d7}
.media-caption,.case-media figcaption,.proof-section figcaption,.people-proof>p{margin:14px 0 0;font-size:.78rem;letter-spacing:.02em;color:#8d8a83}
.harsukh-film .media-caption{color:#aaa7a0}
.harsukh-case{background:#080808;color:#f2f0eb;--line:#ffffff24;font-family:Inter,var(--sans)}
.harsukh-hero{background:#080808;border:0}
.harsukh-hero .harsukh-film{max-width:1200px;margin:0 auto;padding:clamp(40px,7vw,100px) var(--pad);background:#080808}
.harsukh-film-inline{max-width:1200px;margin:0 auto;padding:clamp(40px,7vw,100px) var(--pad);background:#080808}
.harsukh-case .harsukh-copy h2,.harsukh-case .system-section h2,.harsukh-case .proof-result h2,.harsukh-case .harsukh-closing h2,.harsukh-case .timeline-grid h3,.harsukh-case .metric strong{font-family:Inter,var(--sans);font-weight:300;letter-spacing:-.055em}
.harsukh-case .harsukh-copy p{color:#c7c4be}
.harsukh-case .case-kicker,.harsukh-case figcaption,.harsukh-case .people-proof>p{color:#aaa7a1}
.harsukh-case .system-section,.harsukh-case .proof-result{background:#7fc8a9;color:#080808;max-width:none;--line:#00000033}
.harsukh-case .system-section .case-kicker,.harsukh-case .proof-result .case-kicker,.harsukh-case .timeline-grid span{color:#243c32}
.harsukh-case .metric{border-color:#00000033}
.harsukh-case+.next{background:#080808;color:#f2f0eb;border-color:#ffffff24;font-family:Inter,var(--sans);font-weight:300}
.harsukh-copy{max-width:1180px;margin:0 auto;padding:clamp(85px,12vw,170px) var(--pad);display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.35fr);column-gap:clamp(40px,8vw,130px)}
.harsukh-copy .case-kicker{grid-row:1/4;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:600}
.harsukh-copy h2,.system-section h2,.proof-result h2,.harsukh-closing h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
.harsukh-copy h2{font-size:clamp(2.8rem,5.7vw,6.5rem);line-height:.96;margin:0 0 36px}
.harsukh-copy p{grid-column:2;margin:0 0 20px;max-width:720px;font-size:clamp(1.05rem,1.45vw,1.32rem);line-height:1.6}
.harsukh-opening{padding-top:clamp(110px,15vw,210px)}
.proof-section,.case-media,.people-proof,.system-section,.proof-result{max-width:1440px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.proof-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;margin-bottom:18px}
.proof-label-after{margin-top:clamp(70px,10vw,140px)}
.before-figure,.after-figure,.case-media,.people-proof figure{margin-top:0;margin-bottom:0}
.before-figure{width:min(420px,50%)}
.before-figure img{height:auto;object-fit:contain}
.after-figure img,.case-media img{height:auto;max-height:none;object-fit:contain}
.case-media{padding-bottom:clamp(60px,9vw,125px)}
.media-wide img{width:100%;max-height:88vh;object-fit:contain;background:#111}
.media-contained{max-width:1120px}
.people-proof{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,44px);align-items:end;padding-bottom:clamp(80px,12vw,170px)}
.people-proof figure{height:min(72vw,940px);overflow:hidden;background:#ddd}
.people-proof img{object-fit:cover;object-position:center top}
.people-proof>p{grid-column:1/-1}
.system-section{padding-top:clamp(80px,11vw,150px);padding-bottom:clamp(90px,13vw,180px);border-top:1px solid var(--line)}
.system-section>h2{max-width:950px;font-size:clamp(3.4rem,7vw,8rem);line-height:.92;margin:28px 0 clamp(60px,9vw,120px)}
.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.timeline-grid>div{padding:28px 28px 28px 0;border-right:1px solid var(--line)}
.timeline-grid>div+div{padding-left:28px}
.timeline-grid>div:last-child{border-right:0}
.timeline-grid span{font-size:.72rem;color:#77736c}
.timeline-grid h3{font-family:var(--serif);font-size:clamp(2rem,3.3vw,3.8rem);font-weight:400;line-height:1;margin:36px 0 18px}
.timeline-grid p{font-size:1rem;max-width:25ch;margin:0}
.proof-result{padding-top:clamp(90px,13vw,180px);padding-bottom:clamp(90px,13vw,180px);display:grid;grid-template-columns:1.5fr .65fr .65fr;gap:clamp(30px,5vw,80px);align-items:end;background:#4b4938;color:#f6f1e7;max-width:none}
.proof-result h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.95;margin:28px 0 30px}
.proof-result p{max-width:650px;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.6}
.metric{border-top:1px solid #ffffff55;padding-top:20px}
.metric strong{display:block;font-family:var(--serif);font-size:clamp(3.2rem,6vw,7rem);font-weight:400;line-height:1}
.metric span{display:block;margin-top:12px;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem}
.harsukh-closing{position:relative;min-height:85vh;background:#0d0c0b;color:#fff;overflow:hidden}
.harsukh-closing img{position:absolute;inset:0;opacity:.42;object-fit:cover}
.harsukh-closing:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090807e6 0%,#09080766 62%,transparent)}
.harsukh-closing>div{position:relative;z-index:1;min-height:85vh;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--pad);max-width:1050px}
.harsukh-closing h2{font-size:clamp(3.6rem,8vw,9rem);line-height:.9;margin:0 0 32px}
.harsukh-closing p{font-size:clamp(1.1rem,2vw,1.8rem);margin:0 0 4vw}
@media(max-width:800px){.harsukh-hero .project-title{min-height:620px}.harsukh-hero .project-title:before{background-position:center}.harsukh-copy{grid-template-columns:1fr}.harsukh-copy .case-kicker{grid-row:auto;margin-bottom:28px}.harsukh-copy p{grid-column:1}.before-figure{width:76%}.people-proof{grid-template-columns:1fr}.people-proof figure{height:125vw}.people-proof>p{grid-column:1}.timeline-grid{grid-template-columns:1fr}.timeline-grid>div,.timeline-grid>div+div{padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}.proof-result{grid-template-columns:1fr}.metric{margin-top:30px}.harsukh-closing,.harsukh-closing>div{min-height:72vh}}

/* Almaymaar case study — black editorial canvas with evidence at full scale. */
.almaymaar-hero,.almaymaar-case,.almaymaar-next{background:#080808;color:#f2f0eb}
.almaymaar-title{padding:clamp(90px,13vw,200px) var(--pad) clamp(70px,10vw,140px);max-width:1450px}
.almaymaar-opening-image{display:block;width:100%;height:auto;object-fit:contain}
.almaymaar-opening{position:relative;isolation:isolate}
.almaymaar-opening-caption{position:absolute;inset:auto 0 0;padding:clamp(24px,4vw,64px) var(--pad);padding-top:clamp(65px,12vw,190px);background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff;text-shadow:0 2px 8px #000;font-family:Inter,var(--sans)}
.almaymaar-opening-caption .case-kicker{font-size:clamp(18px,2vw,30px);color:#fff}
.almaymaar-opening-caption p{font-size:clamp(13px,1.35vw,20px);line-height:1.5;margin:16px 0 0;max-width:1100px;color:#f2f0eb}
@media(max-width:600px){.almaymaar-opening-caption{padding:48px 20px 16px}.almaymaar-opening-caption p{margin-top:8px;font-size:12px;line-height:1.4}}
.almaymaar-title>.almaymaar-meta{margin-top:18px;margin-bottom:38px;padding-top:0;border-top:0}
.almaymaar-title h1{max-width:1120px;margin:24px 0 38px;font-family:Inter,var(--sans);font-size:clamp(3.8rem,8.6vw,9rem);font-weight:300;line-height:.94;letter-spacing:-.06em}
.almaymaar-title>p{max-width:680px;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.45;color:#c5c2bc}
.almaymaar-meta{display:flex;flex-wrap:wrap;gap:12px 48px;margin-top:60px;padding-top:22px;border-top:1px solid #ffffff2e;font-size:.76rem;color:#aaa7a1}
.almaymaar-reel{display:block;position:relative;margin:0 var(--pad);height:min(84vh,980px);overflow:hidden;background:#171717}
.almaymaar-reel img{object-fit:cover;object-position:center 48%;opacity:.7;transform:scale(1.06);transition:transform .8s,opacity .3s}
.almaymaar-reel:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#000b)}
.almaymaar-reel:hover img{transform:scale(1.02);opacity:.85}
.reel-play{position:absolute;z-index:1;left:clamp(24px,4vw,64px);bottom:clamp(24px,4vw,64px);font-size:clamp(1.1rem,2vw,1.7rem);border-bottom:1px solid currentColor;padding-bottom:6px}
.almaymaar-intro{padding:clamp(110px,15vw,220px) var(--pad);max-width:1380px}
.almaymaar-intro>p:first-child{max-width:670px;color:#aaa7a1;font-size:1rem;line-height:1.6}
.almaymaar-intro h2{font-family:Inter,var(--sans);font-size:clamp(4rem,9vw,9.5rem);font-weight:300;line-height:.94;letter-spacing:-.06em;margin:clamp(70px,10vw,140px) 0 35px}
.almaymaar-intro .answer{max-width:750px;font-size:clamp(1.2rem,2.2vw,2rem);color:#aaa7a1}.almaymaar-intro em{color:#f2f0eb}
.almaymaar-before,.almaymaar-grid-proof{padding:clamp(90px,12vw,180px) var(--pad);border-top:1px solid #ffffff24}
.almaymaar-section-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;margin-bottom:clamp(60px,9vw,120px)}
.almaymaar-section-head>span,.chapter-copy>span,.grid-legend span{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:#8f8c87}
.almaymaar-section-head h2{font-family:Inter,var(--sans);font-size:clamp(2.8rem,5.7vw,6.6rem);font-weight:300;line-height:.96;letter-spacing:-.05em;margin:0;max-width:900px}
.before-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,44px);align-items:start}.before-pair figure{margin:0;background:#111}.before-pair img{height:auto;object-fit:contain}
.almaymaar-caption{margin-top:16px;color:#77746f;font-size:.78rem}
.almaymaar-copy{padding:clamp(90px,13vw,190px) var(--pad);display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;border-top:1px solid #ffffff24}
.almaymaar-copy>div{max-width:820px}.almaymaar-copy p,.chapter-copy p,.almaymaar-shift p{font-size:clamp(1.08rem,1.55vw,1.38rem);line-height:1.65;color:#c7c4be;margin:0 0 24px}
.almaymaar-system{padding:clamp(100px,14vw,210px) var(--pad);background:#f4c542;color:#080808}
.almaymaar-system>h2{max-width:1150px;font-family:Inter,var(--sans);font-size:clamp(3.6rem,7.8vw,8.5rem);font-weight:300;line-height:.94;letter-spacing:-.06em;margin:30px 0 clamp(70px,10vw,140px)}
.system-questions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #0005;border-bottom:1px solid #0005}
.system-questions>div{min-height:300px;padding:25px 35px 35px 0;border-right:1px solid #0005;display:flex;flex-direction:column;justify-content:space-between}.system-questions>div+div{padding-left:35px}.system-questions>div:last-child{border-right:0}
.system-questions span{font-size:.72rem}.system-questions h3{font-size:clamp(1.7rem,3vw,3.2rem);font-weight:400;line-height:1.05;margin:0;max-width:12ch}.almaymaar-system>p{margin:34px 0 0;max-width:620px}
.almaymaar-chapter{padding:clamp(100px,14vw,210px) var(--pad);border-top:1px solid #ffffff24}.chapter-copy{max-width:930px;margin:0 auto clamp(70px,10vw,150px)}
.chapter-copy h2,.almaymaar-shift h2,.almaymaar-result h2,.almaymaar-closing h2{font-family:Inter,var(--sans);font-weight:300;letter-spacing:-.055em}
.chapter-copy h2{font-size:clamp(3.7rem,7.2vw,8rem);line-height:.95;margin:28px 0 48px}.chapter-copy blockquote{font-size:clamp(2rem,4vw,4.4rem);line-height:1.1;letter-spacing:-.035em;margin:80px 0 0;padding-left:24px;border-left:3px solid #ef5a43;color:#f1efe9}
.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.5vw,22px);align-items:stretch}.triptych img{height:auto;aspect-ratio:3/4;object-fit:cover}
.almaymaar-wide{margin:0}.almaymaar-wide img,.almaymaar-grid-proof figure img{height:auto;max-height:none;object-fit:contain}
.almaymaar-grid-proof figure{margin:0 auto;max-width:1200px}.grid-legend{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;border-top:1px solid #ffffff32}
.grid-legend>div{padding:25px 25px 25px 0;border-right:1px solid #ffffff32}.grid-legend>div+div{padding-left:25px}.grid-legend>div:last-child{border-right:0}
.grid-legend h3{font-size:clamp(1.35rem,2.2vw,2.5rem);font-weight:400;margin:25px 0 8px}.grid-legend p{margin:0;color:#8f8c87}.system-signoff{font-family:var(--serif);font-style:italic;font-size:clamp(2.4rem,5vw,5.5rem);margin:90px 0 0;text-align:center;color:#ef5a43}
.almaymaar-shift{padding:clamp(100px,14vw,210px) var(--pad);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(50px,8vw,120px);align-items:center;border-top:1px solid #ffffff24}.almaymaar-shift h2{font-size:clamp(3.4rem,6vw,6.5rem);line-height:.96;margin:30px 0 44px}.almaymaar-shift figure{margin:0}.almaymaar-shift img{height:auto;object-fit:contain}
.almaymaar-result{padding:clamp(110px,16vw,230px) var(--pad);background:#f4c542;color:#080808}.almaymaar-result strong{display:block;font-family:Inter,var(--sans);font-size:clamp(5.2rem,15vw,16rem);font-weight:300;line-height:.82;letter-spacing:-.075em;margin:70px 0 55px}.almaymaar-result h2{font-size:clamp(2.5rem,4vw,4.7rem);margin:0 0 35px}.almaymaar-result p{max-width:680px;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6}
.almaymaar-closing{min-height:100vh;padding:clamp(100px,13vw,190px) var(--pad);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,130px);align-items:center}.almaymaar-closing>div>p{max-width:600px;color:#aaa7a1;font-size:clamp(1rem,1.4vw,1.25rem)}.almaymaar-closing h2{font-size:clamp(3.4rem,6.8vw,7.5rem);line-height:.94;margin:55px 0}.closing-lines{display:grid;border-top:1px solid #ffffff32;margin:0 0 50px}.closing-lines span{padding:20px 0;border-bottom:1px solid #ffffff32;font-size:clamp(1.3rem,2.2vw,2.3rem)}.almaymaar-closing img{height:auto;max-height:86vh;object-fit:contain}.almaymaar-next{border-color:#ffffff32}
@media(max-width:800px){.almaymaar-title h1{font-size:3.9rem}.almaymaar-reel{height:62vh;margin:0 16px}.almaymaar-section-head,.almaymaar-copy,.almaymaar-shift,.almaymaar-closing{grid-template-columns:1fr}.almaymaar-section-head{gap:25px}.before-pair{gap:8px}.system-questions,.grid-legend{grid-template-columns:1fr}.system-questions>div,.system-questions>div+div{min-height:220px;padding:24px 0;border-right:0;border-bottom:1px solid #0005}.grid-legend>div,.grid-legend>div+div{padding:24px 0;border-right:0;border-bottom:1px solid #ffffff32}.triptych{gap:5px}.chapter-copy blockquote{margin-top:55px}.almaymaar-shift figure{order:-1}.almaymaar-closing img{order:-1}}

/* Downtown Lahore — destination board opening. */
.downtown-board{min-height:clamp(440px,58vw,760px);padding:clamp(42px,7vw,105px) var(--pad);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 45%,#202020 0%,#111 63%,#090909 100%);color:#f4f3ef;overflow:hidden;position:relative}
.downtown-board:before{content:'';position:absolute;inset:0;opacity:.18;background-image:radial-gradient(#fff 0.5px,transparent .7px);background-size:13px 13px;pointer-events:none}
.board-meta{display:flex;justify-content:space-between;margin-bottom:22px;font-family:monospace;font-size:clamp(.62rem,1vw,.82rem);letter-spacing:.34em;text-transform:uppercase;color:#8e8e8b}.board-meta b{display:inline-block;width:7px;height:7px;margin:0 9px;border-radius:50%;background:#4e9d65;box-shadow:0 0 12px #4e9d65}
.flap-line{position:relative;display:flex;flex-wrap:wrap;gap:clamp(10px,1.2vw,22px);align-items:center}.flap-word{display:flex;gap:clamp(3px,.5vw,8px)}
.flap-line-second{margin-top:clamp(10px,1.2vw,18px)}
.flap-word i{display:grid;place-items:center;width:clamp(38px,5.7vw,88px);height:clamp(58px,8vw,112px);position:relative;overflow:hidden;border-radius:3px;background:linear-gradient(#282828 49.2%,#111 49.5%,#111 50.5%,#252525 50.8%);box-shadow:0 8px 15px #0008;font-family:'Courier New',monospace;font-style:normal;font-size:clamp(2.1rem,4.5vw,4.8rem);font-weight:700;line-height:1;text-shadow:0 2px #000;transition:transform .35s ease,background .35s ease}
.flap-word i:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#000c;box-shadow:0 1px #ffffff0a}
.downtown-board:hover .flap-word i{transform:translateY(-2px);background:linear-gradient(#303030 49.2%,#111 49.5%,#111 50.5%,#292929 50.8%)}
.board-rule{height:1px;margin-top:clamp(28px,4vw,52px);background:linear-gradient(90deg,transparent,#ffffff36 12%,#ffffff36 88%,transparent)}.downtown-board>p{margin:18px 0 0;text-align:right;text-transform:uppercase;letter-spacing:.22em;font-family:monospace;font-size:.68rem;color:#767674}
.downtown-title{padding:clamp(90px,13vw,190px) var(--pad) clamp(110px,15vw,220px);background:#090909;color:#f5f4ef;border-top:1px solid #242424}
.downtown-title h1{margin:40px 0 45px;font-family:Inter,var(--sans);font-size:clamp(5rem,14vw,15rem);font-weight:300;line-height:.78;letter-spacing:-.078em}.downtown-title>p{margin:0;max-width:650px;font-size:clamp(1.2rem,2.2vw,2rem);color:#aaa7a1}
.downtown-body{max-width:none;margin:0;background:#090909;color:#f5f4ef;border-top:1px solid #ffffff24}.downtown-body .case-block{border-color:#ffffff28}.downtown-body .case-block p{color:#b9b6b0}.downtown-next{background:#090909;color:#f5f4ef;border-color:#ffffff28}
@media(max-width:800px){.downtown-board{min-height:520px}.board-meta{gap:20px;line-height:1.5}.flap-line{gap:13px}.flap-word i{width:clamp(31px,9.6vw,48px);height:clamp(48px,14vw,70px);font-size:clamp(1.6rem,8vw,2.6rem)}.downtown-title h1{font-size:clamp(4.5rem,20vw,7rem)}}
/* Downtown film narrative: ink and ochre. */
.dt-case{background:#080808;color:#f3eee4}.dt-copy{display:grid;grid-template-columns:1fr 2fr;gap:clamp(25px,7vw,110px);padding:clamp(75px,11vw,160px) var(--pad);max-width:1500px;margin:auto}.dt-copy>span{font-size:14px;color:#ef5a43}.dt-copy h2,.dt-super h2{font-family:Inter,var(--sans);font-weight:300;font-size:clamp(2.6rem,5.5vw,6rem);line-height:1.03;letter-spacing:-.045em;margin:0 0 36px}.dt-copy p{font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.7;max-width:720px;color:#cecfc8}.dt-copy blockquote{font-size:clamp(1.8rem,3.2vw,3.5rem);line-height:1.25;margin:35px 0;color:#ef5a43;letter-spacing:-.025em}.dt-copy .dt-credit{font-size:14px;color:#a7aaa5;margin-top:35px}.dt-images{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 var(--pad)}.dt-images img{height:auto;object-fit:contain;align-self:start}.dt-super{background:#ef5a43;color:#080808;padding:clamp(65px,10vw,145px) var(--pad);margin-top:clamp(65px,9vw,125px)}.dt-super h2{font-size:clamp(3rem,7.8vw,8rem);max-width:1300px;margin:0}.dt-process{padding:clamp(55px,7vw,110px) var(--pad);font-size:clamp(1.3rem,3vw,3rem);line-height:1.6;color:#ef5a43}.dt-process span{color:#727e80}.dt-film,.dt-broadcast,.dt-finale{margin:0;padding:0 var(--pad)}.dt-film iframe{width:100%;aspect-ratio:16/9;display:block;border:0;background:#000}.dt-film figcaption,.dt-broadcast figcaption{font-size:14px;color:#b6b9b1;margin:16px 0}.dt-broadcast{max-width:1000px;margin:auto}.dt-broadcast img,.dt-finale img{height:auto;object-fit:contain}.dt-finale{margin-top:24px}.dt-end h2{color:#ef5a43}@media(max-width:700px){.dt-copy{grid-template-columns:1fr}.dt-images{grid-template-columns:1fr;gap:18px}.dt-super h2{font-size:clamp(2.6rem,10vw,4rem)}}


.portfolio-row{position:relative;padding-right:clamp(225px,23vw,350px)}
.portfolio-meta{position:absolute;right:clamp(24px,3.25vw,64px);top:50%;transform:translateY(-50%);display:grid;gap:6px;max-width:190px;text-align:right;font-family:monospace;font-size:12px;line-height:1.4;letter-spacing:.035em;color:#ef705f;transition:color 180ms ease}
.portfolio-meta>span:last-child{font-size:16px}
.portfolio-row:hover .portfolio-meta,.portfolio-row:focus-visible .portfolio-meta{color:#181313}
@media(max-width:700px){.portfolio-row{padding-right:24px}.portfolio-meta{position:static;transform:none;order:-1;text-align:left;max-width:none;display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}.portfolio-meta>span:last-child{font-size:14px}}

.portfolio-row p{font-size:13px;font-style:italic;font-weight:300;line-height:1.6;letter-spacing:0}
.chakor-case{--lilac:#aad5bc}.chakor-case .crafe-super{background:#8fc7e8}.imarat-case{--lilac:#ddc197}.imarat-case .crafe-super{background:#7fc8a9}.property-case .crafe-super{color:#111b17}.property-film{margin:0;padding:0 var(--pad) clamp(65px,8vw,115px)}.property-film iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;background:#111}.property-film figcaption{margin-top:16px;color:#aaa;font-size:14px}.property-short{max-width:550px;margin:auto}.property-short iframe{aspect-ratio:9/16}
.property-hero{margin:0;width:100%;background:#080808}
.property-hero img{display:block;width:100%;height:auto;aspect-ratio:1847/851;object-fit:cover}
.kia-case{--lilac:#b7ced4;background:#080808}.kia-case .crafe-super{background:#e5e5e5}.kia-case .crafe-super{color:#10191c}.kia-hero{width:100%;height:auto;object-fit:contain}.kia-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,28px);padding:0 var(--pad) clamp(65px,8vw,110px)}.kia-pair img{width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;background:#080808}.kia-film,.kia-final{margin:0;padding:0 var(--pad) clamp(65px,8vw,110px)}.kia-film iframe{width:100%;height:auto;aspect-ratio:16/9;border:0;display:block}.kia-film figcaption,.kia-proof figcaption{font-size:14px;color:#aaa;margin-top:16px}.kia-final img,.kia-proof img{height:auto;object-fit:contain}.kia-proof{max-width:1200px;margin:0 auto;padding:clamp(65px,8vw,110px) var(--pad)}@media(max-width:700px){.kia-pair{grid-template-columns:1fr}.kia-case .crafe-title h1{font-size:clamp(3rem,12vw,5rem)}}
.crafe-case{background:#080808;color:#f2f0eb;--lilac:#c7b4e2}.crafe-hero{height:auto;width:100%;max-height:75vh;object-fit:cover}.crafe-title{padding:clamp(65px,10vw,150px) var(--pad)}.crafe-title>span,.crafe-copy>span{font-size:14px;color:var(--lilac)}.crafe-title h1{font:300 clamp(3.5rem,10vw,11rem)/1.02 Inter,var(--sans);letter-spacing:-.055em;margin:30px 0}.crafe-title p{font-size:clamp(1.3rem,2.3vw,2rem);max-width:700px}.crafe-title small{display:block;margin-top:45px;color:#aaa;font-size:14px}.crafe-copy{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:clamp(70px,11vw,160px) var(--pad);max-width:1440px;margin:auto}.crafe-copy h2,.crafe-watch h2{font:300 clamp(2.6rem,5vw,5.5rem)/1.04 Inter,var(--sans);letter-spacing:-.045em;margin:0 0 35px}.crafe-copy p,.crafe-watch p{font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.7;color:#c5c2bc;max-width:740px}.crafe-super{padding:clamp(70px,11vw,160px) var(--pad);background:var(--lilac);color:#19141f}.crafe-super h2{font:300 clamp(2.8rem,6.4vw,7rem)/1.06 Inter,var(--sans);letter-spacing:-.045em;margin:0;max-width:1300px}.crafe-super p{font-size:clamp(1.2rem,2.5vw,2.2rem);max-width:850px;line-height:1.5;margin:40px 0 0}.crafe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,30px);padding:0 var(--pad)}.crafe-grid img{height:auto;object-fit:contain;align-self:start}.crafe-reveal{padding-top:clamp(65px,9vw,125px)}.crafe-watch{padding:clamp(75px,12vw,170px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,120px);align-items:center}.crafe-watch iframe{width:100%;max-width:470px;aspect-ratio:9/16;height:auto;border:0;justify-self:center;background:#111}.crafe-watch a{display:inline-block;color:var(--lilac);border-bottom:1px solid currentColor;margin-top:25px}.crafe-campaign{margin:0;padding:0 var(--pad) clamp(70px,10vw,140px)}.crafe-campaign img{height:auto;object-fit:contain}.crafe-campaign figcaption{font-size:14px;color:#aaa;margin-top:16px}@media(max-width:700px){.crafe-copy,.crafe-watch{grid-template-columns:1fr}.crafe-grid{grid-template-columns:1fr 1fr}.crafe-grid img:last-child{grid-column:1/-1;width:65%;justify-self:center}.crafe-title h1{font-size:clamp(3rem,13vw,5rem)}}
.downtown-board{background:#090909 url('/assets/downtown-video-cover.png') center/cover no-repeat}.downtown-board>*{visibility:hidden}

.property-theme{margin:0 var(--pad) clamp(65px,9vw,125px)}.property-theme img{display:block;width:100%;height:auto;object-fit:contain}

.property-video-cover{position:relative;display:block;width:100%;padding:0;border:0;background:#111;cursor:pointer}.property-video-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.property-video-cover span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#000b;color:#fff;font-size:28px}

.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:80px}.site-header .wordmark{font-family:Inter,Arial,sans-serif;font-size:1.25rem;font-weight:500}.site-header nav a{font-family:Inter,Arial,sans-serif;font-size:.9rem}.site-header+main{padding-top:80px}.is-original-home .site-header{display:flex}.is-work-page{padding-top:31px}.is-work-page .site-header+main{padding-top:0}
@media(max-width:800px){.site-header{height:68px}.site-header+main{padding-top:68px}.is-work-page{padding-top:31px}.is-work-page .site-header+main{padding-top:0}}
/* Encina-inspired site header treatment */
.site-header{height:110px;padding:0 3.2vw;background:#eeeeee;border-bottom:0;box-shadow:none}
.site-header .wordmark{font-family:Inter,Arial,sans-serif;font-size:clamp(22px,1.55vw,32px);font-weight:600;letter-spacing:-.04em;color:#666}
.site-header nav a{font-family:Inter,Arial,sans-serif;color:#666;font-size:clamp(14px,1vw,18px);font-weight:500}
.menu{display:none;width:48px;height:48px}
.menu span{width:28px;height:3px;background:#222;margin:5px auto}
.site-header+main{padding-top:110px}
@media(max-width:800px){.site-header{height:72px;padding:0 28px}.site-header+main{padding-top:72px}.menu{display:block}.menu span{width:28px;height:3px}}

/* Encina-style expandable navigation */
.site-header nav{display:none;position:fixed;top:110px;left:0;right:0;min-height:min(560px,calc(100vh - 110px));padding:58px 3.2vw 82px;background:#eeeeee;color:#666;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;border:0;z-index:99}
.site-header nav.open{display:flex}
.site-header nav a{font-size:clamp(42px,4vw,68px);font-weight:600;line-height:1.08;letter-spacing:-.045em}
.site-header nav a:hover{text-decoration:none;color:#222}.site-header nav a:nth-child(2):hover{color:#f2b705}.site-header nav a:nth-child(3){color:#666}.site-header nav a:nth-child(3):hover{color:#a5a886}
.menu{display:block;position:relative;z-index:101;cursor:pointer;padding:0;border:0;background:transparent}
.menu span{transition:transform .24s ease,opacity .18s ease}
.menu[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu[aria-expanded=true] span:nth-child(2){opacity:0}
.menu[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.is-work-page .site-header{height:110px;padding:0 3.2vw;background:#eeeeee}
.is-work-page .site-header .wordmark{font-size:clamp(22px,1.55vw,32px);font-weight:600;color:#666}
.is-work-page .site-header nav{display:none}
.is-work-page .site-header nav.open{display:flex}
.is-work-page .site-header .menu{display:block}
.is-work-page .site-header+main{padding-top:110px}
@media(max-width:800px){.site-header nav{top:72px;min-height:calc(100vh - 72px);padding:42px 28px 70px}.site-header nav a{font-size:clamp(38px,12vw,58px)}.is-work-page .site-header{height:72px;padding:0 28px}.is-work-page .site-header+main{padding-top:72px}}

.about-page{background:#050608;color:#f4f3ef;padding:72px var(--pad) 0;overflow:hidden}
.about-page .about-writing{display:flow-root;font-family:Inter,Arial,sans-serif;font-size:clamp(17px,1.4vw,21px);line-height:1.55;max-width:none}
.about-writing h1{font-size:clamp(52px,6vw,88px);line-height:1.02;letter-spacing:-.055em;font-weight:700;margin:0 0 40px}
.about-writing p{margin:0 0 1.25em;max-width:none}
.about-highlight,.about-question{color:inherit;font-weight:700}
.about-question{font-size:1.3em;line-height:1.2;letter-spacing:-.025em}
.about-signoff{padding-top:1em;padding-bottom:2em}
.about-signoff span{font-size:.58em;line-height:1.35}
.about-portrait{float:right;position:relative;width:48%;margin:0 calc(-1 * var(--pad) - 2vw) 0 0;shape-outside:polygon(29% 0,100% 0,100% 100%,0 100%,0 72%,23% 64%,24% 25%);shape-margin:16px;pointer-events:none}
.about-portrait img{display:block;width:100%;height:auto;max-width:none;filter:none;opacity:1}
@media(max-width:700px){.about-page{padding:40px 24px 0}.about-writing h1{font-size:44px;margin-bottom:30px}.about-page .about-writing{font-size:17px}.about-portrait{width:54%;margin-right:-36px;shape-margin:12px}.about-question{font-size:1.15em}}
@media(max-width:450px){.about-portrait{width:66%;shape-outside:polygon(35% 0,100% 0,100% 100%,0 100%,0 72%,27% 55%,27% 25%)} }
.site-header .wordmark{transition:color .2s ease}.site-header .wordmark:hover{color:#f24c3d}

/* Responsive compositions. Desktop remains the source of truth above 1100px. */
@media (min-width:701px) and (max-width:1100px){
  :root{--pad:clamp(34px,5vw,52px)}
  .project-hero{grid-template-columns:.9fr 1.1fr;min-height:clamp(600px,72vh,760px)}
  .project-title{min-height:0;padding:var(--pad)}
  .project-title h1{font-size:clamp(4.4rem,8.8vw,6.8rem)}
  .project-image{min-height:clamp(600px,72vh,760px)}
  .case-block{grid-template-columns:.72fr 1.45fr;gap:clamp(34px,6vw,72px)}
  footer{grid-template-columns:1fr 1fr;gap:40px}

  .portfolio-intro{padding:58px var(--pad) 72px}
  .portfolio-intro h1{font-size:clamp(4.8rem,9vw,6.6rem)}
  .portfolio-row{min-height:clamp(210px,26vw,270px);padding:42px var(--pad);padding-right:clamp(220px,28vw,300px)}
  .portfolio-row h2{font-size:clamp(2.2rem,4.7vw,3.3rem)}
  .portfolio-meta{right:var(--pad)}

  .harsukh-hero .project-title{min-height:clamp(610px,76vh,760px);padding:64px var(--pad)}
  .harsukh-copy{grid-template-columns:minmax(135px,.5fr) minmax(0,1.35fr);column-gap:clamp(42px,7vw,80px)}
  .harsukh-copy .case-kicker{grid-row:1/4;margin:0}
  .harsukh-copy p{grid-column:2}
  .people-proof{grid-template-columns:1fr 1fr}
  .people-proof figure{height:min(68vw,700px)}
  .people-proof>p{grid-column:1/-1}
  .timeline-grid{grid-template-columns:repeat(3,1fr)}
  .timeline-grid>div,.timeline-grid>div+div{padding:24px 20px;border-right:1px solid var(--line);border-bottom:0}
  .timeline-grid>div:first-child{padding-left:0}
  .timeline-grid>div:last-child{border-right:0;padding-right:0}
  .proof-result{grid-template-columns:1.3fr .7fr .7fr}

  .almaymaar-reel{height:auto;aspect-ratio:16/10;margin:0 var(--pad)}
  .almaymaar-section-head,.almaymaar-copy{grid-template-columns:.42fr 1.58fr;gap:42px}
  .almaymaar-shift{grid-template-columns:.9fr 1.1fr;gap:45px}
  .almaymaar-shift figure{order:initial}
  .system-questions,.grid-legend{grid-template-columns:repeat(3,1fr)}
  .system-questions>div,.system-questions>div+div{min-height:260px;padding:24px 22px;border-right:1px solid #0005;border-bottom:0}
  .system-questions>div:first-child{padding-left:0}
  .grid-legend>div,.grid-legend>div+div{padding:23px 18px;border-right:1px solid #ffffff32;border-bottom:0}
  .grid-legend>div:first-child{padding-left:0}
  .almaymaar-closing{grid-template-columns:.85fr 1.15fr;gap:45px;min-height:auto}
  .almaymaar-closing img{order:initial}
}

@media (max-width:700px){
  :root{--pad:24px}
  body{font-size:15px;overflow-x:hidden}
  .site-header nav{padding-left:24px;padding-right:24px;gap:8px}
  .site-header nav a{min-height:48px;display:flex;align-items:center}
  .menu{min-width:48px;min-height:48px}
  .project-hero{display:flex;min-height:0;flex-direction:column}
  .project-title{min-height:clamp(440px,115vw,520px);padding:44px 24px}
  .project-title h1{font-size:clamp(3.9rem,18vw,5.2rem)}
  .project-image{min-height:clamp(360px,96vw,470px)}
  .case-body{padding:74px 24px}
  .case-block{padding:38px 0;gap:20px}
  .gallery{gap:12px;margin-bottom:72px}
  .next{gap:28px;padding:36px 24px;font-size:clamp(1.45rem,7vw,2.1rem)}
  .next span:last-child{text-align:right}
  footer{padding:64px 24px 28px;gap:48px}
  footer small{margin-top:30px}

  .portfolio-intro{padding:54px 24px 62px}
  .portfolio-intro h1{font-size:clamp(3.6rem,17vw,4.5rem);line-height:.95}
  .portfolio-row{min-height:230px;padding:38px 24px;padding-right:24px}
  .portfolio-row h2{font-size:clamp(1.9rem,9vw,2.45rem);line-height:1.08}
  .portfolio-meta{margin-bottom:22px}

  .harsukh-hero .project-title{min-height:clamp(560px,145vw,650px);padding:42px 24px;background-position:center}
  .harsukh-hero .project-title:after{background:linear-gradient(180deg,rgba(4,5,6,.24),rgba(4,5,6,.86) 82%)}
  .harsukh-copy{padding:84px 24px}
  .harsukh-copy h2{font-size:clamp(2.8rem,13vw,4rem)}
  .before-figure{width:82%}
  .after-figure{width:92%;margin-left:auto}
  .people-proof{gap:14px}
  .people-proof figure{height:118vw}
  .system-section>h2{font-size:clamp(3rem,14vw,4.7rem)}
  .timeline-grid h3{font-size:clamp(2.2rem,10vw,3rem)}
  .proof-result h2{font-size:clamp(3rem,13vw,4.4rem)}
  .harsukh-closing,.harsukh-closing>div{min-height:76svh}
  .harsukh-closing h2{font-size:clamp(3.2rem,14vw,4.7rem)}

  .almaymaar-opening{min-height:510px;overflow:hidden}
  .almaymaar-opening-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
  .almaymaar-opening-caption{padding:120px 24px 28px;background:linear-gradient(transparent 10%,rgba(0,0,0,.92))}
  .almaymaar-opening-caption .case-kicker{font-size:20px}
  .almaymaar-opening-caption p{font-size:12px;line-height:1.45}
  .almaymaar-title{padding:82px 24px 70px}
  .almaymaar-title h1{font-size:clamp(3.4rem,16vw,4.4rem);margin-bottom:28px}
  .almaymaar-title>p{font-size:1.12rem}
  .almaymaar-meta{gap:10px 24px;margin-top:42px}
  .almaymaar-reel{height:auto;aspect-ratio:4/5;margin:0 16px}
  .almaymaar-reel img{object-position:center}
  .almaymaar-intro,.almaymaar-before,.almaymaar-grid-proof,.almaymaar-copy,.almaymaar-system,.almaymaar-chapter,.almaymaar-shift,.almaymaar-result,.almaymaar-closing{padding-left:24px;padding-right:24px}
  .almaymaar-intro h2{font-size:clamp(3.5rem,16vw,4.6rem)}
  .almaymaar-section-head h2,.chapter-copy h2,.almaymaar-shift h2,.almaymaar-closing h2{font-size:clamp(3rem,13.5vw,4.2rem)}
  .before-pair{grid-template-columns:1.05fr .95fr;gap:7px}
  .triptych{grid-template-columns:repeat(3,1fr);gap:5px}
  .system-questions>div,.system-questions>div+div{min-height:190px}
  .chapter-copy blockquote{font-size:clamp(1.8rem,8vw,2.5rem);padding-left:16px}
  .almaymaar-closing{min-height:auto}
  .almaymaar-closing img{width:88%;margin:0 0 44px auto}

  .dt-copy,.crafe-copy,.crafe-watch{padding-left:24px;padding-right:24px}
  .dt-images{grid-template-columns:1fr 1fr;gap:8px;padding:0 16px}
  .dt-images img:nth-child(3):last-child{grid-column:1/-1;width:70%;justify-self:center}
  .dt-copy h2,.crafe-copy h2,.crafe-watch h2{font-size:clamp(2.55rem,12vw,3.75rem)}
  .dt-process{font-size:clamp(1.2rem,6vw,1.75rem)}
  .dt-broadcast{width:88%}
  .crafe-title{padding-left:24px;padding-right:24px}
  .crafe-grid{gap:8px;padding:0 16px}
  .crafe-watch iframe{width:84%}
  .kia-pair{grid-template-columns:1fr 1fr;gap:8px;padding-left:16px;padding-right:16px}
  .kia-proof{width:90%}
  .property-film{padding-left:16px;padding-right:16px}
  .property-short{width:78%;padding-left:0;padding-right:0}
}

@media (max-width:450px){
  .about-page{padding:42px 24px 0}
  .about-writing h1{font-size:clamp(42px,12vw,50px);margin-bottom:30px}
  .about-page .about-writing{font-size:15.5px;line-height:1.58}
  .about-writing p{margin-bottom:1.35em}
  .about-portrait{width:70%;margin-right:-42px;shape-margin:9px}
  .about-signoff span{font-size:.7em}
  .property-video-cover span,.harsukh-video-cover span{width:58px;height:44px;font-size:21px}
}

@media (hover:none),(pointer:coarse){
  .portfolio-row:hover{background:#3f3b3c}
  .portfolio-row:active{background:#E65B4F}
  .portfolio-row:hover .portfolio-meta{color:#ef705f}
  .portfolio-row:active .portfolio-meta{color:#181313}
  .almaymaar-reel img,.harsukh-hero .project-title:before{transition:none}
  .almaymaar-reel:hover img{transform:scale(1.06);opacity:.7}
}