@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&family=Source+Serif+4:ital,wght@0,500;1,500&display=swap');
:root{--paper:#f1efe9;--ink:#121212;--muted:#6a6862;--line:#cbc8bf;--blue:#1847d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,a{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{text-decoration:none}.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{text-align:left;font-weight:700;letter-spacing:-.03em}.brand span{display:block;font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.04em;margin-top:4px}.header nav{display:flex;gap:36px}.header nav button,.footer button{font-size:13px}.menuBtn,.mobileNav{display:none}.hero{padding:12vh 4vw 7vh;min-height:730px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.sectionIntro>span,.pageHero>span,.statement>span,.aboutTease span,.caseHero span,.caseBody span,.caseFacts span,.contactPage>span,.capabilities>span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(58px,8.6vw,145px);line-height:.88;letter-spacing:-.075em;max-width:1450px;margin:56px 0}.hero h1 em{font-family:'Source Serif 4',serif;font-weight:500}.heroBottom{display:flex;align-items:flex-end;justify-content:space-between}.heroBottom p{font-size:20px;line-height:1.5;max-width:590px}.roundLink{display:flex;align-items:center;gap:30px;border:1px solid var(--ink);border-radius:100px;padding:18px 24px}.roundLink svg{width:18px}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;white-space:nowrap}.marquee div{animation:move 28s linear infinite;font-size:11px;letter-spacing:.16em}@keyframes move{to{transform:translateX(-50%)}}.selected{padding:12vh 4vw}.sectionIntro{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:start;margin-bottom:80px}.sectionIntro h2,.aboutTease h2{font-size:clamp(44px,5vw,80px);line-height:.98;letter-spacing:-.06em}.sectionIntro p{font-size:16px;line-height:1.7;color:var(--muted)}.featuredGrid,.archive{display:grid;grid-template-columns:1fr 1fr;gap:7vw 2vw}.projectCard{cursor:pointer}.projectCard.wide:nth-child(odd){grid-column:span 2}.projectVisual{height:34vw;min-height:370px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.projectCard:hover .projectVisual{transform:scale(.985)}.projectVisual>span,.caseVisual>span{font-size:clamp(70px,12vw,190px);font-weight:700;letter-spacing:-.1em;mix-blend-mode:multiply}.visualMeta{position:absolute;left:22px;bottom:20px;font-size:10px;line-height:1.7;text-transform:uppercase;letter-spacing:.12em}.projectInfo{display:flex;justify-content:space-between;padding:18px 0 0;border-top:1px solid var(--ink);margin-top:12px}.projectInfo h3{font-size:24px;letter-spacing:-.04em;margin-bottom:8px}.projectInfo p{color:var(--muted);max-width:550px;line-height:1.5;font-size:13px}.projectInfo svg{width:20px}.textLink{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--ink);padding:14px 0;margin-top:70px;font-size:14px}.textLink svg{width:17px}.blue{background:#a9c3ff}.red{background:#ef5c4f}.black{background:#191919;color:#f5f2e9}.cream{background:#e1d4c1}.yellow{background:#f0d458}.lime{background:#c9ef3b}.orange{background:#e98a50}.brown{background:#a98b72}.maroon{background:#803d3d;color:white}.purple{background:#ae9ce9}.pink{background:#efb8d2}.green{background:#7dc998}.red2{background:#d85146}.navy{background:#294774;color:white}.sand{background:#d5c2a5}.cyan{background:#65c5cf}.teal{background:#5eaaa0}.gold{background:#d3a94e}.terminal{background:#202821;color:#bcffcc}.ink{background:#303238;color:white}.statement{margin:4vh 4vw 12vh;padding:8vh 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}blockquote{font-family:'Source Serif 4',serif;font-size:clamp(38px,6vw,92px);line-height:1.04;letter-spacing:-.045em;margin:50px 0 100px;max-width:1300px}.three,.capGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.three b,.capGrid b{font-size:11px;color:var(--muted)}.three h3,.capGrid h3{font-size:21px;margin:24px 0 12px}.three p,.capGrid p{color:var(--muted);line-height:1.6}.aboutTease{padding:10vh 4vw 14vh;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.portraitMark{aspect-ratio:1;background:#1847d1;color:white;display:flex;align-items:center;justify-content:center;font-size:15vw;font-weight:700;letter-spacing:-.12em;position:relative}.portraitMark span{position:absolute;bottom:25px;left:25px;color:white}.aboutTease p{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.contactStrip{background:#121212;color:#f1efe9;padding:12vh 4vw}.contactStrip span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#999}.contactStrip h2{font-size:clamp(50px,7vw,110px);line-height:.95;letter-spacing:-.07em;max-width:1200px;margin:50px 0}.contactStrip button{display:flex;gap:12px;align-items:center;border-bottom:1px solid white;padding:14px 0}.page{padding-top:1px}.pageHero{padding:12vh 4vw 8vh}.pageHero h1{font-size:clamp(58px,8vw,130px);line-height:.93;letter-spacing:-.075em;max-width:1400px;margin:45px 0}.pageHero>p{font-size:19px;line-height:1.7;max-width:720px;color:var(--muted)}.filters{display:flex;gap:8px;padding:0 4vw 5vh;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:40px;padding:10px 16px;font-size:12px}.filters button.active{background:var(--ink);color:white}.archive{padding:0 4vw 14vh}.archive .projectCard.wide{grid-column:auto}.projectPage{padding:0 4vw 12vh}.caseHero{display:flex;justify-content:space-between;align-items:flex-end;padding:12vh 0 7vh}.caseHero h1{font-size:clamp(70px,11vw,180px);letter-spacing:-.09em;line-height:.84;margin:36px 0}.caseHero p{font-family:'Source Serif 4',serif;font-size:27px;max-width:760px}.caseHero>a,.caseActions a,.caseActions button{display:flex;align-items:center;gap:12px;border-bottom:1px solid;padding:14px 0;white-space:nowrap}.caseVisual{height:70vh;min-height:600px;display:flex;align-items:center;justify-content:center;position:relative}.caseVisual small{position:absolute;left:25px;bottom:22px;text-transform:uppercase;letter-spacing:.12em}.caseBody{display:grid;grid-template-columns:1fr 2fr;padding:11vh 0;border-bottom:1px solid var(--line)}.caseBody h2{font-size:clamp(38px,5vw,74px);letter-spacing:-.055em;line-height:1.05}.caseBody p{font-size:18px;color:var(--muted);line-height:1.7;max-width:800px}.caseFacts{display:grid;grid-template-columns:repeat(3,1fr);padding:8vh 0;border-bottom:1px solid var(--line)}.caseFacts span{display:block;margin-bottom:24px}.caseFacts p{margin:7px 0}.caseQuote{padding:13vh 5vw}.caseQuote p{font-family:'Source Serif 4',serif;font-size:clamp(45px,7vw,110px);line-height:1;letter-spacing:-.05em}.caseActions{display:flex;gap:40px;align-items:center;flex-wrap:wrap}.aboutHero h1{max-width:1450px}.aboutBody{display:grid;grid-template-columns:1fr 2fr;padding:8vh 4vw 13vh;gap:8vw}.bigInitial{font-size:32vw;font-weight:700;letter-spacing:-.14em;line-height:.75;color:var(--blue)}.aboutCopy p{font-size:19px;line-height:1.75;color:var(--muted)}.aboutCopy .lead{font-size:34px;line-height:1.4;color:var(--ink);letter-spacing:-.03em}.capabilities{padding:11vh 4vw;border-top:1px solid var(--line)}.capGrid{margin-top:65px}.toolLine{padding:30px 4vw;border-top:1px solid var(--line);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.contactPage{min-height:calc(100vh - 92px);padding:13vh 4vw;display:flex;flex-direction:column}.contactPage h1{font-size:clamp(60px,9vw,145px);line-height:.9;letter-spacing:-.08em;max-width:1400px;margin:50px 0}.contactPage>p{font-size:20px;line-height:1.6;max-width:700px;color:var(--muted)}.contactPage>a{font-size:30px;display:flex;align-items:center;gap:12px;margin-top:50px}.contactLinks{display:flex;gap:30px;margin-top:auto}.contactLinks a{display:flex;align-items:center;gap:8px}footer{padding:35px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid var(--line);font-size:11px}footer>button{text-align:left;font-weight:700}footer div{display:flex;justify-content:center;gap:28px}footer>span{text-align:right;color:var(--muted)}
@media(max-width:800px){.header{height:76px}.header nav{display:none}.menuBtn{display:block}.mobileNav{display:flex;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:30px 4vw;flex-direction:column;align-items:flex-start;gap:22px;border-bottom:1px solid var(--line)}.hero{padding-top:8vh;min-height:670px}.hero h1{font-size:16vw;margin:40px 0}.heroBottom{display:block}.heroBottom p{font-size:16px}.roundLink{margin-top:30px;width:max-content}.sectionIntro,.aboutTease,.aboutBody,.caseBody{grid-template-columns:1fr}.sectionIntro{gap:20px;margin-bottom:50px}.featuredGrid,.archive{grid-template-columns:1fr;gap:65px}.projectCard.wide:nth-child(odd){grid-column:auto}.projectVisual{height:100vw;min-height:0}.three,.capGrid,.caseFacts{grid-template-columns:1fr;gap:45px}.aboutTease{gap:60px}.portraitMark{font-size:42vw}.pageHero h1{font-size:16vw}.caseHero{display:block}.caseHero>a{width:max-content;margin-top:35px}.caseHero h1{font-size:20vw}.caseHero p{font-size:21px}.caseVisual{height:72vw;min-height:390px}.caseBody{gap:40px}.caseActions{align-items:flex-start;flex-direction:column;gap:12px}.aboutBody{gap:70px}.bigInitial{font-size:80vw}.aboutCopy .lead{font-size:26px}.contactPage h1{font-size:16vw}.contactPage>a{font-size:20px}.contactLinks{margin-top:80px}footer{grid-template-columns:1fr;gap:24px}footer div{justify-content:flex-start}footer>span{text-align:left}}

/* Static HTML additions */
.header .brand{display:block}.header nav a,.mobileNav a{font-size:13px}.menuBtn{font-size:22px}.projectCard{display:block}.projectCard[hidden]{display:none}.filters button{cursor:pointer}.caseActions .back-link{border:0}.footer-brand{font-weight:700}.contactStrip a{display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid white;padding:14px 0}.textLink{width:max-content}.projectInfo>span{font-size:20px}.mobileNav.open{display:flex}@media(max-width:800px){.mobileNav{display:none}.mobileNav.open{display:flex}}


/* V4 modern editorial upgrade — still 100% static HTML/CSS/JS */
:root{--paper:#f4f1eb;--ink:#11110f;--muted:#716f69;--line:#d5d0c7;--blue:#1748d4;--soft-blue:#dce6ff;--ease:cubic-bezier(.2,.8,.2,1)}
body{overflow-x:hidden}.scrollProgress{position:fixed;z-index:100;left:0;top:0;height:3px;width:0;background:var(--blue);pointer-events:none}.header{position:sticky;top:0;background:rgba(244,241,235,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header nav{align-items:center}.navCta{border:1px solid var(--ink);border-radius:100px;padding:10px 17px;transition:.25s}.navCta:hover{background:var(--ink);color:var(--paper)}.header a{transition:opacity .2s}.header nav>a:not(.navCta):hover{opacity:.5}
.modernHero{position:relative;overflow:hidden;min-height:calc(100vh - 92px)}.heroNoise{position:absolute;inset:0;pointer-events:none;opacity:.16;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.modernHero:after{content:"";position:absolute;width:38vw;height:38vw;border-radius:50%;background:radial-gradient(circle,var(--soft-blue),transparent 68%);right:-10vw;top:-12vw;filter:blur(20px);z-index:-1}.hero h1 em,.pageHero h1 em,.contactPage h1 em{font-family:'Source Serif 4',serif;font-weight:500}.heroActions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.quietLink{font-size:13px;border-bottom:1px solid var(--line);padding:10px 0}.heroIndex{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:70px;border-top:1px solid var(--line);padding-top:16px}.heroIndex span{font-size:10px;letter-spacing:.13em;color:var(--muted)}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in-view{opacity:1;transform:none}.tilt{transform-style:preserve-3d;will-change:transform}.projectVisual{transition:transform .55s var(--ease),box-shadow .55s var(--ease)}.projectCard:hover .projectVisual{transform:translateY(-4px) scale(.99);box-shadow:0 25px 55px rgba(20,20,18,.12)}.cardBadge{position:absolute;top:20px;right:20px;border:1px solid rgba(0,0,0,.25);border-radius:100px;padding:8px 12px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.25);backdrop-filter:blur(10px)}.creatorVisual{background:linear-gradient(135deg,#171717 0%,#2239a8 50%,#f04f43 125%);color:#fff;overflow:hidden}.creatorVisual:after{content:"";position:absolute;inset:-50%;background:conic-gradient(from 90deg,transparent,rgba(255,255,255,.14),transparent 28%);animation:spin 16s linear infinite}.creatorWords{display:flex;flex-direction:column;position:relative;z-index:2;line-height:.76;transform:rotate(-4deg)}.creatorWords span{font-size:clamp(45px,8vw,130px);font-weight:700;letter-spacing:-.08em}.playOrb{position:absolute;right:28px;bottom:25px;z-index:3;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);backdrop-filter:blur(10px);font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}
.discipline{padding:10vh 4vw 13vh;border-top:1px solid var(--line)}.disciplineTitle{display:grid;grid-template-columns:1fr 3fr;gap:40px;margin-bottom:70px}.disciplineTitle>span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.disciplineTitle h2{font-size:clamp(48px,6vw,90px);line-height:.95;letter-spacing:-.065em}.disciplineGrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.disciplineItem{padding:28px 24px 35px 0;border-right:1px solid var(--line);min-height:300px;display:flex;flex-direction:column}.disciplineItem:not(:first-child){padding-left:24px}.disciplineItem:last-child{border-right:0}.disciplineItem b{font-size:11px;color:var(--muted)}.disciplineItem h3{font-size:28px;margin:42px 0 16px;letter-spacing:-.05em}.disciplineItem p{color:var(--muted);line-height:1.6}.disciplineItem span{font-size:12px;margin-top:auto}.contactStripActions{display:flex;gap:35px;flex-wrap:wrap}.contactStripActions a{width:max-content}
.contentHero{min-height:78vh}.contentHero h1 em{font-family:'Source Serif 4',serif;font-weight:500}.contentHeroMeta{display:flex;gap:10px;flex-wrap:wrap;margin-top:50px}.contentHeroMeta span{border:1px solid var(--line);border-radius:100px;padding:10px 14px;font-size:10px;letter-spacing:.1em}.contentShowcase,.creatorProjects,.contentServices{padding:10vh 4vw 13vh;border-top:1px solid var(--line)}.contentFeature{display:grid;grid-template-columns:1.4fr 1fr;gap:7vw;align-items:center}.contentCanvas{aspect-ratio:4/3;position:relative;display:flex;align-items:center;justify-content:center;padding:7%}.contentFeature>div:last-child>span,.contentServices>span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.contentFeature h2,.contentServices h2{font-size:clamp(44px,5.6vw,88px);line-height:.98;letter-spacing:-.065em;margin:36px 0}.contentFeature p{font-size:18px;color:var(--muted);line-height:1.75}.contentPillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:11vh;border:1px solid var(--line)}.contentPillars article{background:var(--paper);padding:35px;min-height:280px}.contentPillars b{font-size:11px;color:var(--muted)}.contentPillars h3{font-size:24px;margin:55px 0 15px}.contentPillars p{color:var(--muted);line-height:1.6}.creatorProjectGrid{display:grid;grid-template-columns:1fr 1fr}.creatorProject{min-height:390px;padding:40px;border-top:1px solid var(--line);display:flex;flex-direction:column;transition:.35s var(--ease)}.creatorProject:nth-child(odd){border-right:1px solid var(--line)}.creatorProject:hover{background:var(--ink);color:var(--paper)}.creatorProject>span{font-size:11px;letter-spacing:.12em}.creatorProject h3{font-family:'Source Serif 4',serif;font-size:clamp(30px,3.2vw,52px);line-height:1.08;margin:50px 0}.creatorProject b{font-size:12px;margin-top:auto}.serviceTicker{display:flex;gap:10px;flex-wrap:wrap;margin:55px 0}.serviceTicker span{border:1px solid var(--ink);border-radius:100px;padding:13px 18px;font-size:11px;letter-spacing:.08em}.contentLinks{display:flex;gap:35px}.contentLinks a{border-bottom:1px solid;padding:13px 0}
.identityFacts{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;border-top:1px solid var(--line)}.identityFacts div{padding:25px 20px 25px 0;border-bottom:1px solid var(--line)}.identityFacts div:nth-child(odd){border-right:1px solid var(--line)}.identityFacts div:nth-child(even){padding-left:25px}.identityFacts span,.contactGrid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}.identityFacts b{font-size:14px}.contactOptions{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.contactPage .primaryContact{font-size:clamp(24px,4vw,52px);border-bottom:2px solid;padding:14px 0}.contactOptions>a:last-child{font-size:14px;border-bottom:1px solid;padding:10px 0}.contactGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:90px}.contactGrid>div{background:var(--paper);padding:28px}.contactGrid p{line-height:1.6;color:var(--muted);margin:0}.magnetic{transition:transform .25s var(--ease)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:980px){.disciplineGrid,.contentPillars{grid-template-columns:1fr 1fr}.disciplineItem:nth-child(2){border-right:0}.disciplineItem:nth-child(-n+2){border-bottom:1px solid var(--line)}.contentFeature{grid-template-columns:1fr}.contactGrid{grid-template-columns:1fr}}
@media(max-width:800px){.modernHero{min-height:calc(100svh - 76px)}.heroIndex{grid-template-columns:1fr 1fr}.heroActions{align-items:flex-start;flex-direction:column;gap:15px}.disciplineTitle{grid-template-columns:1fr}.disciplineGrid,.contentPillars,.creatorProjectGrid,.identityFacts{grid-template-columns:1fr}.disciplineItem,.disciplineItem:not(:first-child){padding:26px 0;border-right:0;border-bottom:1px solid var(--line);min-height:240px}.contentPillars article{min-height:240px}.creatorProject:nth-child(odd){border-right:0}.contentFeature h2{margin-top:30px}.contentLinks{flex-direction:column;align-items:flex-start}.identityFacts div:nth-child(odd){border-right:0}.identityFacts div:nth-child(even){padding-left:0}.contactGrid{margin-top:65px}.creatorWords span{font-size:15vw}.playOrb{width:50px;height:50px}}