@import url('/portfolio.css');
@import url('/header.css');
@import url('/vendor/lenis-1.3.26.css');
@import url('/motion.css');
html.lenis{scroll-behavior:auto!important}
@font-face{font-family:Prata;src:url('/assets/Prata-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-cyrillic-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;src:url('/assets/inter-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2190-21FF}
:root{--bg:#10110f;--ink:#efeee7;--muted:#a3a49a;--warm:#c8b697;--line:#ffffff24;--gutter:clamp(22px,4.4vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.65 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{font:inherit}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible,button:focus-visible,video:focus-visible{outline:2px solid var(--warm);outline-offset:7px}::selection{background:#c8b697;color:#10110f}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Prata,Georgia,serif;font-weight:400;line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(48px,6.9vw,116px)}h2{font-size:clamp(35px,4.5vw,74px)}h3{font-size:clamp(25px,2.35vw,40px)}p{max-width:65ch}.warm{color:var(--warm)}.muted{color:var(--muted)}.eyebrow{font:400 10px/1.6 Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}.section{padding:115px var(--gutter)}.skip{position:fixed;z-index:50;top:-100px;padding:15px;background:var(--ink);color:var(--bg)}.skip:focus{top:10px}header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 var(--gutter);border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--bg)}.wordmark{display:block;font-family:Montserrat,Arial,sans-serif;font-weight:300;font-size:29px;letter-spacing:.12em;line-height:1}.spark{font-family:Arial,sans-serif;color:var(--warm);display:inline-block;font-size:26px;margin-left:10px}.brand small{display:block;font-size:6.8px;letter-spacing:.23em;margin-top:9px}.brand{flex:none}header nav{display:flex;gap:32px;font-size:12px;color:#d3d4cb}header nav a:hover{color:var(--warm)}.header-cta{border-bottom:1px solid var(--warm);padding:12px 0;font-size:12px}.header-cta span{margin-left:30px}.mobile-nav{display:none}.hero{padding:72px var(--gutter) 0}.hero-copy{position:relative;z-index:1}.hero h1{margin:30px 0 32px;max-width:1100px;letter-spacing:-.065em}.hero .eyebrow{display:flex;align-items:center;gap:10px}.dot{width:5px;height:5px;background:var(--warm);border-radius:100%;box-shadow:0 0 15px #c8b69788}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:45px}.hero-bottom p{font-size:13px;line-height:1.8;color:#bfc0b7;margin-left:51%}.text-link{display:inline-flex;align-items:center;gap:35px;padding-bottom:9px;border-bottom:1px solid #7f8074;font-size:11px;flex:none}.text-link:hover{color:var(--warm);border-color:var(--warm)}.hero-visual{height:clamp(340px,42vw,680px);position:relative;overflow:hidden;background:#080907}.hero-visual img{object-position:center 54%;transition:transform 1.5s}.hero-visual:hover img{transform:scale(1.025)}.image-note{position:absolute;bottom:27px;left:30px;font-size:9px;letter-spacing:.18em;color:#d0c7b8}.visual-number{position:absolute;bottom:27px;right:30px;font-size:10px;color:var(--warm)}.hero-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:#999b91;padding:20px 0;border-bottom:1px solid var(--line)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:40px}.intro>.eyebrow{grid-column:1/-1}.intro h2{font-size:clamp(36px,4.3vw,68px);line-height:1.2}.intro-aside{max-width:330px;margin:15px 0 0 auto;display:flex;gap:27px;color:#b4b5aa;font-size:14px}.asterisk{color:var(--warm);font-size:42px;line-height:1}.section-head{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:25px 0 50px}.section-head>.muted{font-size:11px}.work{padding-top:0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px 35px}.work-card:nth-child(even){padding-top:130px}.work-image{height:clamp(270px,40vw,640px);position:relative;overflow:hidden;background:#181a16}.work-image img{transition:transform .8s ease,filter .8s;filter:grayscale(1)}.work-card:hover img,.work-card:focus-visible img{transform:scale(1.035);filter:grayscale(0)}.circle-arrow{position:absolute;right:22px;bottom:22px;width:45px;height:45px;border:1px solid #ffffff66;border-radius:100%;display:grid;place-content:center;background:#11111122;backdrop-filter:blur(8px);transition:background .25s,color .25s}.work-card:hover .circle-arrow{background:var(--ink);color:var(--bg)}.card-label{display:flex;gap:18px;padding:25px 0;border-top:1px solid var(--line);margin-top:20px;align-items:flex-start}.card-label h3{font-size:clamp(23px,2.1vw,34px)}.card-label p{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:12px}.index{color:var(--warm);font-size:9px;padding-top:6px}.view{font-size:9px;margin-left:auto;padding-top:8px;white-space:nowrap}.process{background:#191b17}.process h2{margin:35px 0 70px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.process-grid article{border-top:1px solid #ffffff35;padding-top:20px}.process-grid article>span{font-size:9px;letter-spacing:.1em;color:var(--warm)}.process-grid h3{font-size:27px;line-height:1.2;margin:26px 0 20px;letter-spacing:-.025em}.process-grid p{font-size:13px;color:#aeb0a5}.contact-band{padding:100px var(--gutter);background:#e5e0d4;color:#25271f}.contact-band .eyebrow{color:#646557}.contact-band h2{margin:34px 0 55px;font-size:clamp(38px,5.5vw,90px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-bottom p{font-size:13px;color:#66675e}.pill{display:inline-flex;gap:80px;align-items:center;border:1px solid #797b6c;border-radius:100px;padding:20px 27px;font-size:12px;transition:color .25s,background .25s}.pill:hover{background:#24271e;color:#eeeae0}.pill span{font-size:22px;line-height:1}footer{padding:65px var(--gutter) 30px}.footer-logo .wordmark{font-size:clamp(32px,9.5vw,155px);letter-spacing:.09em}.footer-logo .spark{font-size:.8em}.footer-links{display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);margin-top:55px;padding-top:24px;font-size:9px;color:var(--muted);flex-wrap:wrap}.footer-links span{margin-left:auto}.footer-links a:hover{color:var(--ink)}.case-opening{padding-top:55px;padding-bottom:70px}.back{color:var(--muted)}.case-meta{display:flex;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--warm);margin:60px 0 27px}.case-opening h1{font-size:clamp(45px,6.8vw,105px);max-width:1200px}.case-lead{font-size:clamp(17px,1.5vw,24px);max-width:600px;color:#b4b6aa;margin:35px 0}.case-cover{margin:0 var(--gutter)}.case-cover>img{height:65vw;max-height:850px;object-position:center 50%}.case-cover figcaption{display:flex;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:.06em;color:var(--muted);padding:20px 0;border-bottom:1px solid var(--line)}.story,.deliverables{display:grid;grid-template-columns:1fr 2fr;gap:65px}.story p:not(.eyebrow),.direction p:not(.eyebrow),.deliverables p:not(.eyebrow){font-size:17px;line-height:1.9;color:#aaad9f;margin-top:35px;max-width:650px}.direction{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#191b17}.direction h2{margin-top:30px}.detail-image{overflow:hidden}.detail-image img{aspect-ratio:4/5;object-fit:cover;object-position:center;transform:scale(1.12)}.detail-image figcaption{position:relative;padding:16px;background:#191b17;font-size:10px;color:var(--muted)}.deliverables ul{list-style:none;padding:0;margin:45px 0}.deliverables li{padding:20px 0;border-top:1px solid var(--line);display:flex;gap:25px;align-items:center;font-size:17px}.deliverables li:last-child{border-bottom:1px solid var(--line)}.deliverables li>span:first-child{font-size:10px;color:var(--warm)}.deliverables li>span:last-child{margin-left:auto;color:var(--warm)}.next-case{display:block}.next-case h2{margin-top:24px}.next-case:hover h2{color:var(--warm)}.contact-page{min-height:75vh}.contact-page h1{margin-top:38px;font-size:clamp(45px,6.4vw,103px)}.contact-options{margin:80px 0 60px}.contact-options>a{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding:35px 0}.contact-options>a:last-child{border-bottom:1px solid var(--line)}.contact-options span{min-width:100px;font-size:9px;letter-spacing:.15em;color:var(--warm)}.contact-options h2{font-size:clamp(17px,3.1vw,50px);letter-spacing:-.04em;overflow-wrap:anywhere}.contact-options b{margin-left:auto;font-size:30px;font-weight:300}.brief{display:grid;grid-template-columns:1fr 2fr;gap:40px}.brief>p:last-child{max-width:650px;color:var(--muted)}.legal{max-width:1100px;margin:auto}.legal h1{font-size:clamp(34px,4vw,62px);margin:45px 0;overflow-wrap:anywhere}.legal h2,.legal h3{font-size:27px;margin:35px 0 20px}.legal p,.legal li{color:#b9bbae;margin:20px 0;font-size:14px}.legal a{text-decoration:underline}.motion video{width:100%;display:block;margin-top:30px;max-height:75vh;background:#000}
@media(min-width:1700px){body{max-width:2100px;margin:auto}}@media(max-width:1100px){.hero-bottom p{margin-left:0}.view{display:none}.wordmark{font-size:24px}header nav{gap:22px}.header-cta span{margin-left:12px}.process-grid{gap:25px}.intro{gap:35px}.story,.deliverables{grid-template-columns:1fr 2fr;gap:30px}.card-label{gap:12px}}@media(max-width:760px){.section{padding-top:75px;padding-bottom:75px}header{height:86px;gap:16px}.wordmark{font-size:22px}.brand small{font-size:5.5px}.spark{font-size:21px;margin-left:6px}header>nav,.header-cta{display:none}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;list-style:none;font-size:11px;letter-spacing:.07em;padding:12px 0}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary:after{content:none;color:var(--warm);font-size:19px}.mobile-nav[open] summary:after{content:none}.mobile-nav nav{position:absolute;top:85px;left:0;right:0;display:flex;flex-direction:column;padding:28px var(--gutter);background:#1a1c17;border-bottom:1px solid var(--line);gap:17px;box-shadow:0 30px 40px #0008}.hero{padding-top:45px}.hero h1{font-size:clamp(38px,7.8vw,60px);margin-top:27px;letter-spacing:-.06em}.hero .eyebrow{font-size:8px;letter-spacing:.1em}.hero-bottom{align-items:flex-start;flex-direction:column;margin-bottom:30px;gap:25px}.hero-bottom p{font-size:12px}.hero-visual{height:440px}.hero-visual img{object-position:center}.hero-caption{font-size:6px;gap:15px}.image-note{font-size:7px;left:18px}.visual-number{right:18px}.intro{display:block}.intro h2{font-size:clamp(30px,6.7vw,47px);margin-top:30px;line-height:1.25}.intro-aside{max-width:100%;margin-top:40px;font-size:13px}.section-head{flex-direction:column;gap:15px;padding-bottom:30px}.work{padding-top:0}.work-grid{gap:40px;grid-template-columns:1fr}.work-card:nth-child(even){padding-top:0}.work-image{height:auto;aspect-ratio:4/5}.card-label h3{font-size:29px}.card-label p{font-size:8px}.view{display:block;font-size:8px}.process h2{margin-bottom:40px}.process-grid{grid-template-columns:1fr;gap:36px}.process-grid h3{margin:20px 0 15px}.contact-band{padding:75px var(--gutter)}.contact-band h2{font-size:clamp(30px,7.4vw,53px);margin-bottom:35px}.contact-bottom{flex-direction:column;align-items:flex-start;gap:35px}.pill{gap:75px;padding:17px 24px}.footer-links{margin-top:30px;gap:17px;font-size:8px}.footer-links span{margin-left:0}footer{padding-top:45px}.footer-logo .wordmark{font-size:8.7vw}.case-opening{padding-top:35px;padding-bottom:45px}.case-meta{margin-top:45px;font-size:8px;flex-direction:column;gap:10px}.case-opening h1{font-size:clamp(37px,8.4vw,64px)}.case-lead{font-size:17px;margin:25px 0 30px}.case-cover>img{height:auto;aspect-ratio:4/5}.case-cover figcaption{font-size:8px;gap:15px}.story,.deliverables{grid-template-columns:1fr;gap:30px}.story p:not(.eyebrow),.direction p:not(.eyebrow),.deliverables p:not(.eyebrow){font-size:15px;margin-top:25px}.direction{grid-template-columns:1fr;gap:45px}.deliverables li{font-size:14px;gap:15px}.deliverables .text-link{font-size:10px;white-space:normal}.contact-page h1{font-size:clamp(37px,8vw,62px)}.contact-options{margin-top:55px}.contact-options>a{flex-wrap:wrap;gap:12px;position:relative;padding:27px 0}.contact-options span{width:100%;font-size:8px}.contact-options h2{font-size:clamp(17px,4.2vw,29px);max-width:calc(100% - 30px)}.contact-options b{position:absolute;right:0;bottom:22px;font-size:23px}.brief{grid-template-columns:1fr;gap:20px}.legal{overflow-wrap:anywhere}.legal h1{font-size:34px}.legal h2{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-visual:hover img,.work-card:hover img{transform:none}}

/* Original Highlights identity */
.brand .wordmark{width:216.53px;height:auto;object-fit:contain}.brand small{text-align:center;font-size:6.4px;margin-top:7px}.footer-logo .wordmark{width:100%;max-width:1100px;height:auto;object-fit:contain;object-position:left}.hero h1{font-size:clamp(46px,6.2vw,104px);letter-spacing:-.035em;line-height:1.16}.case-opening h1{font-size:clamp(43px,6.1vw,98px);letter-spacing:-.025em;line-height:1.16}.contact-page h1{font-size:clamp(43px,5.9vw,98px);line-height:1.16}.card-label h3{line-height:1.3;letter-spacing:-.015em}.intro h2{line-height:1.3}.contact-options h2{font-family:Inter,Arial,sans-serif;font-weight:400}.process-grid h3{line-height:1.3}@media(max-width:760px){.brand .wordmark{width:179.05px}.brand small{font-size:5.3px}.hero h1{font-size:clamp(34px,7.1vw,54px);letter-spacing:-.035em}.case-opening h1,.contact-page h1{font-size:clamp(33px,7.6vw,58px)}.card-label h3{font-size:26px}.intro h2{font-size:clamp(28px,6.1vw,44px)}.footer-logo .wordmark{width:100%;height:auto}.view{display:none}}

/* Touch devices show the original colors without requiring hover. */
@media(max-width:760px),(hover:none),(pointer:coarse){.work-image img,.work-card:hover img{filter:none;transform:none}}
