:root{--black:#090909;--white:#f2f2f0;--lime:#b7b7b3;--gray:#8d8d89;--line:rgba(255,255,255,.11)}
.section-pad{padding-left:clamp(22px,4vw,64px);padding-right:clamp(22px,4vw,64px)}
.topbar{height:72px;padding-left:clamp(22px,4vw,64px);padding-right:clamp(22px,4vw,64px)}
.brand img{width:152px}nav{gap:24px;font-size:10px}.nav-cta{padding:9px 13px;border-color:rgba(255,255,255,.45)}
nav a:hover,.nav-cta span,.hero h1 em{color:#aaa}
.hero{min-height:88svh;padding-top:118px}.eyebrow,.section-label{font-size:9px}.eyebrow span{width:5px;height:5px;background:#aaa;box-shadow:none}
.hero::before{content:"";position:absolute;inset:-35%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,255,255,.19) 0%,rgba(255,255,255,.065) 27%,transparent 62%);filter:blur(14px);transform:translate3d(-38%,-22%,0) rotate(-14deg) scale(.9);animation:hero-light 7s cubic-bezier(.45,0,.55,1) infinite alternate}.hero::after{content:"";position:absolute;z-index:0;pointer-events:none;width:28%;height:185%;top:-45%;left:-34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),rgba(255,255,255,.03),transparent);filter:blur(22px);transform:rotate(20deg);animation:hero-beam 6.5s ease-in-out infinite}.hero>*{position:relative;z-index:1}.hero .ticker{position:absolute;z-index:2}@keyframes hero-light{0%{transform:translate3d(-38%,-22%,0) rotate(-14deg) scale(.9);opacity:.65}45%{opacity:1}100%{transform:translate3d(36%,23%,0) rotate(12deg) scale(1.18);opacity:.82}}@keyframes hero-beam{0%{left:-34%;opacity:0}14%{opacity:.85}52%{opacity:1}86%{opacity:.65}100%{left:112%;opacity:0}}
h1{font-size:clamp(46px,7.2vw,108px);line-height:.88;margin:4vh 0 3vh}.hero-bottom{margin-bottom:42px}.hero-bottom p{font-size:clamp(14px,1.2vw,18px);max-width:420px}
h1 .hero-dot{color:#8e8e8a;font-size:.55em;vertical-align:.16em}.hero-bottom p strong{display:block;margin-top:12px;color:var(--white);font-size:.88em;line-height:1.45}
.round-link{width:44px;height:44px;font-size:18px;border-color:rgba(255,255,255,.45)}.round-link:hover{background:#ddd;border-color:#ddd;color:#090909}
.hero-bottom{justify-content:flex-end}
.ticker{height:22px;line-height:22px;background:#d8d8d4;font-size:9px}.ticker div{line-height:22px}
.ticker .ticker-track{display:flex;width:max-content;line-height:22px;will-change:transform;animation:ticker-loop 18s linear infinite}.ticker-track span{display:block;flex:none;min-width:max-content;padding-right:1.2em}@keyframes ticker-loop{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.intro{padding-top:82px;padding-bottom:82px}.section-label{margin-bottom:52px}.intro-copy{font-size:clamp(29px,4vw,58px);max-width:1050px}.facts{margin-top:65px}.facts div{padding-top:15px;padding-bottom:15px}.facts strong{font-size:15px}.facts span{font-size:9px}
.clients{padding-top:82px;padding-bottom:82px;overflow:hidden}.clients-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,8vw,130px);align-items:start}.clients-copy h2{font-size:clamp(30px,3.7vw,54px);line-height:.98;letter-spacing:-.045em;text-transform:uppercase;margin:0}.clients-copy h2 span{color:#888}.clients-copy p{font-size:clamp(14px,1.35vw,18px);line-height:1.5;color:var(--gray);margin:0;max-width:530px}.clients-copy strong{display:block;color:var(--white);margin-top:14px}.logo-marquee{width:calc(100% + 8vw);margin-left:-4vw;margin-top:70px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.logo-track{display:flex;width:max-content;animation:client-scroll 28s linear infinite}.logo-slot{width:clamp(180px,20vw,290px);height:112px;display:grid;place-items:center;border-right:1px solid var(--line);color:#747470;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;filter:grayscale(1)}.logo-slot img{max-width:58%;max-height:42px;object-fit:contain;filter:grayscale(1) contrast(1.15)}.logo-marquee:hover .logo-track{animation-play-state:paused}@keyframes client-scroll{to{transform:translateX(-50%)}}
.logo-slot,.logo-slot img{transition:filter .3s ease,transform .3s ease}.logo-slot img{max-width:68%;max-height:52px;filter:grayscale(1) brightness(1.45) contrast(1.1)}.logo-slot:hover{filter:none}.logo-slot:hover img{filter:none;transform:scale(1.06)}
.review-badges{margin-top:48px;display:flex;align-items:center;justify-content:space-between;gap:35px}.review-badges>p{margin:0;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--gray)}.review-badges>div{display:flex;gap:12px}.review-badge{width:210px;min-height:96px;border:1px solid var(--line);padding:13px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;transition:background .25s,border-color .25s}.review-badge img{display:block;max-width:145px;height:48px;object-fit:contain;object-position:left center;filter:grayscale(1) brightness(1.75) contrast(1.15);transition:filter .25s}.review-badge span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--gray)}.review-badge:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.28)}.review-badge:hover img{filter:none}
.seo-story{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:minmax(300px,.9fr) 1.1fr;gap:clamp(45px,7vw,110px);align-items:start}.seo-visual{position:sticky;top:30px}.seo-visual img{display:block;width:100%;height:auto;filter:grayscale(1);border:1px solid #d2d2ce}.seo-content .section-label{margin-bottom:35px}.seo-content h2{font-size:clamp(34px,4.3vw,64px);line-height:.96;letter-spacing:-.05em;text-transform:uppercase;margin:0 0 38px}.seo-content>p{font-size:14px;line-height:1.65;color:#666;max-width:660px}.seo-content .seo-lead{font-size:clamp(17px,1.5vw,21px);color:#222;line-height:1.5}.seo-points{margin:42px 0;border-top:1px solid #c9c9c5}.seo-points div{display:grid;grid-template-columns:35px 180px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid #c9c9c5;align-items:start}.seo-points span{font-size:9px;color:#777}.seo-points strong{font-size:13px}.seo-points p{font-size:12px;line-height:1.45;color:#777;margin:0}.small-button{display:inline-flex;gap:28px;align-items:center;border:1px solid #222;border-radius:100px;padding:10px 14px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;transition:.25s}.small-button:hover{background:#111;color:#fff}
.services{padding-top:88px;padding-bottom:95px}.section-head h2{font-size:clamp(42px,5.8vw,82px);margin-bottom:62px}.section-head em{color:#8d8d89}
.service{grid-template-columns:42px minmax(240px,1.2fr) 1fr;padding:20px 0;position:relative;z-index:1;cursor:default}.service .num{font-size:9px}.service h3{font-size:clamp(21px,2.15vw,32px)}.service p{font-size:12px;max-width:410px}.service:hover{color:#c7c7c4;padding-left:7px;background:rgba(255,255,255,.025)}
.manifesto{background:#d7d7d3;padding-top:78px;padding-bottom:82px}.big-copy{font-size:clamp(52px,8.5vw,122px)}.big-copy em{-webkit-text-stroke:1px var(--black)}
.steps{margin-top:72px}.steps span{margin-bottom:28px;font-size:9px}.steps strong{font-size:19px}.steps p{font-size:12px}
.blog{padding-top:88px;padding-bottom:90px}.post{min-height:230px;padding:22px 0;border-top:1px solid #c9c9c5;display:flex;flex-direction:column;align-items:flex-start;transition:.25s}.post:hover{padding-left:8px;border-color:#555}.meta{font-size:9px;margin-top:0}.post h3{font-size:clamp(18px,1.6vw,24px)}.read{font-size:9px;margin-top:auto;padding-top:28px}
.contact{padding-top:78px;padding-bottom:82px}.contact-inner p{font-size:clamp(18px,1.8vw,26px)}.contact-inner a{font-size:clamp(45px,7.5vw,108px);padding-bottom:15px}.contact-inner a:hover{color:#bbb}.contact-note{font-size:13px;max-width:360px}
.footer{padding-top:32px;padding-bottom:32px;font-size:9px}.footer img{width:145px}.footer a:hover{color:#bbb}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-brand span{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#777}
.footer{grid-template-columns:1.15fr .65fr 1.45fr auto}.company-info{font-style:normal;display:flex;flex-direction:column;color:#888;line-height:1.75}.company-info strong{color:var(--white);font-size:10px;margin-bottom:5px}.company-info a{width:max-content}
@media(max-width:800px){.hero{min-height:82svh;padding-top:105px}.intro,.clients,.seo-story,.services,.blog,.contact{padding-top:68px;padding-bottom:68px}.clients-copy,.seo-story{grid-template-columns:1fr;gap:35px}.seo-visual{position:static}.seo-points div{grid-template-columns:28px 1fr}.seo-points p{grid-column:2}.logo-marquee{margin-top:48px}.logo-slot{height:90px}.service{grid-template-columns:30px 1fr;padding:18px 0}.service p{grid-column:2}.manifesto{padding-top:65px;padding-bottom:70px}.posts{gap:44px}.post-art{aspect-ratio:1.65}.footer{grid-template-columns:1fr 1fr}.company-info{grid-column:1/-1;grid-row:2}.footer .back-top{grid-column:2;grid-row:1;text-align:right}}
@media(max-width:800px){.review-badges{align-items:flex-start;flex-direction:column}.review-badges>div{width:100%;display:grid;grid-template-columns:1fr 1fr}.review-badge{width:100%;min-height:90px}.review-badge img{max-width:120px;height:42px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none}}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track{animation:none}}
@media(prefers-reduced-motion:reduce){.hero::before{animation:none;transform:translate3d(0,0,0);opacity:.65}.hero::after{animation:none;display:none}}
.blog-hero{min-height:72svh;padding-top:145px;padding-bottom:75px;display:flex;flex-direction:column;justify-content:flex-end}.blog-hero .eyebrow{margin-bottom:auto}.blog-hero h1{font-size:clamp(54px,8vw,118px);margin:70px 0 38px}.blog-hero h1 em{color:#aaa}.blog-intro{font-size:clamp(15px,1.4vw,20px);line-height:1.5;color:var(--gray);max-width:560px;margin:0 0 0 auto}.blog-archive{padding-top:85px;padding-bottom:100px}.archive-head{display:flex;justify-content:space-between;border-bottom:1px solid #c9c9c5}.archive-head .section-label{margin-bottom:18px}.archive-count{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#777;margin:0}.archive-post{display:grid;grid-template-columns:45px 1fr 35px;gap:25px;padding:30px 0;border-bottom:1px solid #c9c9c5;transition:.25s}.archive-post:hover{padding-left:8px;background:rgba(0,0,0,.018)}.archive-num{font-size:9px;color:#888}.archive-post .meta{margin:0 0 10px}.archive-post h2{font-size:clamp(24px,3vw,42px);line-height:1;letter-spacing:-.04em;margin:0 0 12px;max-width:850px}.archive-post p{font-size:12px;line-height:1.5;color:#777;margin:0;max-width:560px}.archive-arrow{font-size:18px}.blog-page .footer{background:#090909}
@media(max-width:800px){.blog-hero{min-height:68svh;padding-top:110px;padding-bottom:55px}.blog-intro{margin-left:0}.blog-archive{padding-top:65px;padding-bottom:70px}.archive-post{grid-template-columns:28px 1fr 20px;gap:10px;padding:24px 0}}
.contacts-hero{min-height:72svh;padding-top:145px;padding-bottom:72px;display:flex;flex-direction:column;justify-content:flex-end}.contacts-hero .eyebrow{margin-bottom:auto}.contacts-hero h1{font-size:clamp(58px,9vw,132px);margin:65px 0 32px}.contacts-hero h1 em{color:#aaa}.contacts-intro{font-size:clamp(15px,1.4vw,20px);line-height:1.5;color:var(--gray);max-width:580px;margin:0 0 0 auto}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);padding-top:0;padding-bottom:0}.contact-option{min-height:245px;padding:27px 25px;border-right:1px solid #c9c9c5;display:flex;flex-direction:column;position:relative;transition:.25s}.contact-option:first-child{border-left:1px solid #c9c9c5}.contact-option:hover{background:#e5e5e1}.contact-option>span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#777}.contact-option strong{font-size:clamp(28px,3vw,44px);letter-spacing:-.045em;margin-top:auto}.contact-option small{font-size:11px;color:#777;margin-top:8px}.contact-option i{position:absolute;right:25px;top:25px;font-style:normal;font-size:18px}.contact-form-section{padding-top:95px;padding-bottom:100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(55px,8vw,130px)}.form-heading h2{font-size:clamp(40px,5.2vw,76px);line-height:.92;letter-spacing:-.05em;text-transform:uppercase;margin:0 0 32px}.form-heading em{color:#999}.form-heading>p:last-child{font-size:13px;line-height:1.6;color:var(--gray);max-width:390px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:28px 22px}.field{display:flex;flex-direction:column;gap:9px}.field-full{grid-column:1/-1}.field label{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#aaa}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.25);border-radius:0;padding:10px 0;background:transparent;color:var(--white);font:14px Arial,sans-serif;outline:none}.field select option{background:#111}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#fff}.privacy-check{display:flex;gap:10px;align-items:flex-start;color:#999;font-size:10px;line-height:1.4}.privacy-check input{accent-color:#aaa}.form-submit{border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;border-radius:100px;padding:13px 17px;text-transform:uppercase;letter-spacing:.13em;font-size:9px;display:flex;justify-content:space-between;cursor:pointer;transition:.25s}.form-submit:hover{background:#fff;color:#111}.location{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(45px,7vw,100px)}.location-copy h2{font-size:clamp(42px,5.5vw,80px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 38px}.location-copy address{font-style:normal;font-size:12px;line-height:1.7;color:#777}.location-copy address strong{color:#222}.location-copy>a{display:inline-block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid;margin-top:30px;padding-bottom:4px}.map-wrap{min-height:430px;filter:grayscale(1);border:1px solid #c9c9c5}.map-wrap iframe{width:100%;height:100%;min-height:430px;border:0;display:block}
@media(max-width:800px){.contacts-hero{min-height:68svh;padding-top:110px;padding-bottom:55px}.contacts-intro{margin-left:0}.contact-options{grid-template-columns:1fr}.contact-option,.contact-option:first-child{min-height:170px;border-left:0;border-right:0;border-bottom:1px solid #c9c9c5}.contact-form-section,.location{grid-template-columns:1fr;gap:48px;padding-top:68px;padding-bottom:68px}.contact-form{grid-template-columns:1fr}.field{grid-column:1}.map-wrap,.map-wrap iframe{min-height:330px}}
.map-placeholder{background:#171717;color:#eee;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.3s}.map-placeholder span{font-size:clamp(34px,5vw,72px);font-weight:700;line-height:.85;letter-spacing:-.06em}.map-placeholder small{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#999;margin-top:35px}.map-placeholder:hover{background:#222}.privacy-check a{text-decoration:underline;color:#ddd}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.legal-page{background:var(--white);color:var(--black)}.legal-page .topbar{position:relative;background:#090909}.legal-page .topbar nav a{color:#f2f2f0}.legal-page .topbar nav a:hover{color:#bbb}.legal-page .topbar .nav-cta{color:#f2f2f0;border-color:rgba(255,255,255,.45)}.legal-page .topbar .nav-cta span{color:#bbb}.legal-page .footer{background:#090909;color:#fff}.legal-hero{padding-top:90px;padding-bottom:75px}.legal-hero .eyebrow{color:#777}.legal-hero h1{font-size:clamp(50px,8vw,112px);margin:55px 0 30px}.legal-hero p:last-child{font-size:13px;color:#777}.legal-content{padding-top:20px;padding-bottom:100px;display:grid;grid-template-columns:240px minmax(0,760px);gap:clamp(45px,8vw,130px);justify-content:center}.legal-index{position:sticky;top:30px;align-self:start;border-top:1px solid #ccc;padding-top:16px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#777;line-height:1.8}.legal-copy section{padding:35px 0;border-top:1px solid #ccc}.legal-copy h2{font-size:clamp(25px,3vw,40px);letter-spacing:-.035em;margin:0 0 20px}.legal-copy h3{font-size:15px;margin:24px 0 8px}.legal-copy p,.legal-copy li{font-size:13px;line-height:1.7;color:#555}.legal-copy ul{padding-left:18px}.legal-copy a{text-decoration:underline}.legal-note{background:#e4e4e0;padding:18px;border-left:2px solid #777}.legal-date{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#777}
@media(max-width:800px){.legal-hero{padding-top:65px;padding-bottom:50px}.legal-content{grid-template-columns:1fr;padding-bottom:70px}.legal-index{position:static}.map-placeholder{min-height:330px}}
.latest-work{padding-top:88px;padding-bottom:95px;overflow:hidden}.latest-work-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.latest-work-head h2{font-size:clamp(42px,5.8vw,82px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase;margin:0}.latest-work-head h2 em{color:#8d8d89}.work-controls{display:flex;gap:7px;padding-bottom:5px}.work-control{width:34px;height:34px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;color:var(--white);font-size:13px;cursor:pointer;transition:.25s}.work-control:hover{background:var(--white);color:var(--black)}.work-carousel{margin-top:60px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.work-carousel::-webkit-scrollbar{display:none}.work-track{display:flex;gap:14px}.work-card{flex:0 0 calc((100% - 28px)/3);min-height:270px;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;scroll-snap-align:start;transition:background .25s,color .25s,transform .25s}.work-card:hover{background:#d7d7d3;color:var(--black);transform:translateY(-4px)}.work-number{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--gray)}.work-card h3{font-size:clamp(22px,2.2vw,32px);line-height:1.02;letter-spacing:-.04em;margin:45px 0 30px;max-width:390px}.work-domain{margin-top:auto;padding-top:17px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.work-card:hover .work-domain{border-color:rgba(0,0,0,.22)}.work-domain i{font-size:17px;font-style:normal}
.work-controls[hidden]{display:none}.work-control:disabled{opacity:.28;cursor:default}.work-control:disabled:hover{background:transparent;color:var(--white)}
@media(max-width:800px){.latest-work{padding-top:68px;padding-bottom:68px}.latest-work-head{align-items:flex-end}.latest-work-head .section-label{margin-bottom:35px}.work-carousel{width:calc(100% + 22px);margin-top:42px}.work-card{flex-basis:82vw;min-height:235px}.work-card h3{font-size:24px}.work-control{width:30px;height:30px}}