:root{--ink:#171713;--cream:#f4efe4;--lime:#dfff45;--coral:#ff6542;--plum:#5a234d;--line:#cfc8ba;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.5}a{color:inherit}.shell{padding-left:6vw;padding-right:6vw}.topline{height:30px;background:var(--ink);color:var(--cream);display:flex;justify-content:space-between;align-items:center;padding:0 3.5vw;font-size:9px;letter-spacing:.14em}.site-header{height:82px;padding:0 3.5vw;display:flex;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(244,239,228,.95);backdrop-filter:blur(12px);z-index:20}.logo{display:flex;gap:10px;align-items:center;text-decoration:none;margin-right:auto}.logo>span{width:39px;height:39px;border:1px solid;border-radius:50%;display:grid;place-items:center;font:italic 25px var(--serif)}.logo b{font-size:9px;line-height:1.1;text-transform:uppercase;letter-spacing:.1em}.menu{display:none}.site-header nav{display:flex;align-items:center;gap:27px}.site-header nav>a,.nav-group>button{font:500 12px var(--sans);text-decoration:none;background:none;border:0;padding:12px 0;cursor:pointer}.nav-group{position:relative}.dropdown{display:none;position:absolute;top:40px;left:-18px;background:var(--cream);border:1px solid var(--line);width:190px;padding:10px;box-shadow:0 14px 30px rgba(0,0,0,.08)}.dropdown a{display:block;padding:10px;text-decoration:none;font-size:12px}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{display:block}.contact-button{margin-left:auto;background:var(--ink);color:var(--cream);padding:13px 18px;text-decoration:none;font-size:11px;letter-spacing:.08em}.hero{min-height:680px;padding-top:7vw;padding-bottom:6vw;display:grid;grid-template-columns:1.45fr .55fr;gap:6vw;align-items:center}.overline,.index,.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase}.hero h1,h2{font:400 clamp(58px,9vw,130px)/.84 var(--serif);letter-spacing:-.04em;margin:25px 0}.hero h1 em,h2 em{color:var(--coral);font-weight:400}.hero-copy{font-size:20px;line-height:1.6;max-width:640px}.portrait{margin:0;transform:rotate(2deg)}.portrait>div{aspect-ratio:3/4;background:var(--plum);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;border:10px solid var(--cream);outline:1px solid var(--ink)}.portrait span{font:italic 34px var(--serif)}.portrait small{font-size:10px;letter-spacing:.1em;margin-top:8px}.portrait figcaption{font-size:9px;text-align:right;margin-top:10px;text-transform:uppercase;letter-spacing:.1em}.ticker{overflow:hidden;border-block:1px solid var(--ink);background:var(--lime);padding:16px 0;white-space:nowrap}.ticker div{font-size:11px;letter-spacing:.11em;word-spacing:16px;animation:scroll 45s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}.intro,.motivation{padding-top:105px;padding-bottom:120px;display:grid;grid-template-columns:170px 1fr;gap:5vw}.intro>div,.motivation>div{max-width:900px}.intro h2,.motivation h2,.section-title h2,.proof h2,.page-hero h1{font-size:clamp(48px,7vw,96px)}.lede{font-size:23px;line-height:1.45}.intro div>p:not(.lede){font-size:17px;line-height:1.8;max-width:720px}.text-link{display:inline-block;margin-top:20px;font-size:13px}.numbers{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--ink);background:var(--ink);gap:1px}.numbers article{background:var(--cream);padding:40px 3vw;display:flex;flex-direction:column}.numbers strong{font:400 58px var(--serif)}.numbers span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;max-width:160px}.services,.career-section{padding-top:105px;padding-bottom:120px}.section-title{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end;margin:55px 0 75px}.section-title p,.proof-intro{color:#6e6a61;line-height:1.7}.service-list article{display:grid;grid-template-columns:65px 1fr 1fr;gap:4vw;padding:31px 0;border-top:1px solid var(--line)}.service-list article:last-child{border-bottom:1px solid var(--line)}.service-list span{font-size:10px}.service-list h3{font:400 32px var(--serif);margin:0}.service-list p{margin:0;color:#6e6a61}.proof{background:var(--plum);color:var(--cream);padding:105px 0}.proof .index{color:var(--lime)}.proof-intro{color:#d5c8d0;max-width:620px}.brands{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid #855377;border-left:1px solid #855377}.brands a{min-height:90px;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid #855377;border-bottom:1px solid #855377;padding:18px;font:400 20px var(--serif);text-decoration:none}.brands a:hover{text-decoration:underline}.guidance{background:var(--coral);padding:65px 0}.guidance blockquote{font:400 clamp(28px,4vw,54px)/1.05 var(--serif);max-width:1050px;margin:25px 0 18px}.guidance cite{font-size:12px;font-style:normal;text-transform:uppercase;letter-spacing:.12em}.motivation p{max-width:580px}.button{display:inline-block;background:var(--ink);color:var(--cream);padding:15px 20px;text-decoration:none;font-size:12px;margin-top:15px}.page-hero{padding-top:90px;padding-bottom:90px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:1000px}.page-hero>p:last-child{font-size:19px;max-width:720px}.content-section{padding-top:85px;padding-bottom:100px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.content-grid h2{font-size:clamp(42px,5vw,72px)}.content-grid p,.content-grid li{line-height:1.8}.timeline article{display:grid;grid-template-columns:130px 1fr 160px;gap:5vw;padding:35px 0;border-top:1px solid var(--line)}.timeline article:last-child{border-bottom:1px solid var(--line)}.timeline time,.timeline article>span{font-size:10px;letter-spacing:.1em}.timeline h3{font:400 34px var(--serif);margin:0}.timeline b{font-size:11px;text-transform:uppercase}.timeline p{color:#6e6a61;line-height:1.7}.company-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.company-links a{border:1px solid var(--line);padding:8px 10px;font-size:10px;text-decoration:none}.case-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.case-card{background:var(--cream);padding:45px;display:grid;grid-template-columns:100px 1fr 220px;gap:5vw}.case-card h2{font-size:clamp(35px,4vw,60px);margin:0}.case-card p{color:#6e6a61}.case-card ul{padding-left:18px}.case-card li{margin:7px 0}.case-visual{aspect-ratio:4/3;background:var(--ink);color:var(--cream);display:grid;place-items:center;text-align:center;padding:20px;font-size:10px;letter-spacing:.12em}.personal-list{list-style:none;padding:0}.personal-list li{padding:18px 0;border-top:1px solid var(--line)}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink);margin-top:55px}.contact-options a{background:var(--lime);padding:35px;text-decoration:none}.contact-options small{display:block;text-transform:uppercase;letter-spacing:.12em}.contact-options strong{display:block;font:400 27px var(--serif);margin-top:20px}.site-footer{background:var(--ink);color:var(--cream);padding:40px 4vw;display:grid;grid-template-columns:1fr 1fr auto;gap:5vw;font-size:11px}.site-footer div{display:flex;flex-direction:column;gap:8px}.site-footer p{margin:0}.back-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);border:1px solid var(--ink);text-decoration:none;z-index:15}@media(max-width:780px){.topline span:nth-child(3){display:none}.site-header nav{display:none}.site-header nav.is-open{display:flex;position:absolute;top:82px;left:0;right:0;background:var(--cream);padding:22px 6vw;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.menu{display:block;border:0;background:none;margin-right:15px}.contact-button{font-size:0}.contact-button::after{content:"Contact";font-size:11px}.dropdown{position:static;box-shadow:none;border:0;background:transparent;padding-left:15px}.hero{grid-template-columns:1fr;padding-top:75px}.portrait{width:min(75%,320px)}.intro,.motivation{grid-template-columns:1fr;padding-top:75px;padding-bottom:80px}.numbers{grid-template-columns:1fr 1fr}.services,.career-section{padding-top:75px;padding-bottom:85px}.section-title,.content-grid{grid-template-columns:1fr;gap:25px}.service-list article{grid-template-columns:35px 1fr}.service-list p{grid-column:2}.brands{grid-template-columns:1fr 1fr}.case-card{grid-template-columns:1fr;padding:30px}.case-visual{max-width:350px}.timeline article{grid-template-columns:1fr;gap:10px}.contact-options{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;gap:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}
