:root { --ink:#101110; --paper:#f1f0ea; --acid:#d8ff4f; --muted:#8e918a; --line:rgba(16,17,16,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; overflow-x:hidden; }
main{display:flex;flex-direction:column}.hero{order:1}.capabilities{order:2}#examples{order:3}.work--static{order:4}.localization{order:5}.context{order:6}.pilot{order:7}.contact{order:8}.about{order:9}.lightbox{order:99}
.noise { position:fixed; inset:0; opacity:.035; pointer-events:none; z-index:100; 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='.8'/%3E%3C/svg%3E"); }
.shell { width:min(1400px,calc(100% - 80px)); margin:0 auto; }
.nav { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.wordmark { color:var(--ink); text-decoration:none; font-size:18px; font-weight:700; letter-spacing:-.035em; }.wordmark span{color:#6a7338}
.nav__right { display:flex; align-items:center; gap:32px; font-size:14px; }
.availability { display:flex; align-items:center; gap:9px; color:#62655f; }.availability i{width:7px;height:7px;background:#64a537;border-radius:50%;box-shadow:0 0 0 4px rgba(100,165,55,.12)}
.nav__link { color:var(--ink); text-decoration:none; border-bottom:1px solid; padding-bottom:4px; }
.hero { padding:76px 0 90px; min-height:calc(100vh - 88px); display:flex; flex-direction:column; }
.eyebrow,.section-index,.loop__label { font-family:"DM Mono",monospace; text-transform:uppercase; letter-spacing:.07em; font-size:16px; }
.hero h1 { font-size:clamp(62px,7vw,106px); line-height:.94; letter-spacing:-.065em; margin:42px 0 54px; font-weight:600; max-width:1250px; }.hero h1 em,.contact h2 em{font-weight:400;color:#777b73;font-style:normal}
.hero__bottom { display:flex; justify-content:flex-end; align-items:center; gap:10vw; }.hero__intro{font-size:18px;line-height:1.55;max-width:490px;margin:0}
.hero__message{display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;gap:22px}.hero__message p{margin:0}.hero__problem{font-size:27px;line-height:1.42;letter-spacing:-.025em;padding:20px 0}.hero__problem strong{background:var(--acid);font-weight:650;padding:0 .1em}.hero__solution{font-size:21px;line-height:1.55;background:#deddd5;padding:25px}.hero__solution b{display:inline-block;background:var(--ink);color:white;padding:2px 8px;margin-right:4px;font-weight:600}.circle-link { height:136px;width:136px;align-self:flex-start;margin-top:34px;border-radius:50%;background:var(--acid);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none;text-align:center;font-size:13px;font-weight:650;text-transform:uppercase;transition:.25s transform}.circle-link:hover{transform:rotate(-5deg) scale(1.05)}.circle-link b{font-size:23px}.creative-tests{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:56px}.test-card{height:150px;position:relative;background:#ccc;overflow:hidden}.test-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.6);opacity:.48}.test-card i{position:absolute;inset:0;display:grid;place-items:center;font:300 76px Manrope;color:#1d1e1b;font-style:normal}.test-card--winner{outline:6px solid var(--acid);outline-offset:-6px}.test-card--winner img{filter:none;opacity:1}.test-card--winner span{position:absolute;left:10px;bottom:10px;background:var(--acid);padding:5px 9px;font:600 12px "DM Mono";text-transform:uppercase}.test-card--winner em{position:absolute;right:12px;top:8px;color:var(--acid);text-shadow:0 2px 12px #000;font:700 28px "DM Mono";font-style:normal}
.hero__note { margin-top:auto; padding-top:40px; display:grid;grid-template-columns:1fr 2fr; align-items:start; border-top:1px solid var(--line); }.hero__note span{font-family:"DM Mono";font-size:13px}.hero__note p{margin:0;max-width:750px;font-size:16px;line-height:1.65;color:#52554f}
.statement { padding:150px 0; }.statement p{font-size:clamp(38px,5vw,76px);line-height:1.08;letter-spacing:-.055em;margin:0;max-width:1200px}.statement span{background:var(--acid);padding:0 .12em}
.work,.capabilities { padding:130px 0; border-top:1px solid var(--line); }.section-head{display:grid;grid-template-columns:260px 1fr;gap:50px;margin-bottom:80px}.section-head h2{font-size:clamp(45px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:0 0 32px;font-weight:600;max-width:1000px}.section-head>div>p{max-width:820px;line-height:1.65;color:#41443f;font-size:22px}.marker{font-weight:650;background:var(--acid);padding:0 .12em}
.video-stage{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:end}.variation-stack{display:grid;grid-template-columns:1fr 1fr;gap:20px}.media-card__label{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.media-card__label span{font-size:13px;font-weight:600}.media-card__label small{font:10px "DM Mono";text-transform:uppercase;color:#777}
.video-placeholder{aspect-ratio:9/16;max-height:680px;background:#111;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;color:white;overflow:hidden}.media-card--featured .video-placeholder{margin:auto}.video-placeholder:before{content:"";position:absolute;width:80%;height:40%;background:var(--acid);filter:blur(90px);opacity:.22;transform:rotate(-30deg)}.video-placeholder>span{position:absolute;top:20px;left:20px;font:10px "DM Mono";opacity:.55}.video-placeholder p{font:12px "DM Mono";text-align:center;line-height:1.7;z-index:1;text-transform:uppercase;letter-spacing:.08em}.placeholder-orbit{width:42%;aspect-ratio:1;border:1px solid rgba(216,255,79,.6);border-radius:50%;position:absolute;animation:orbit 9s linear infinite}.placeholder-orbit:after{content:"";position:absolute;width:8px;height:8px;background:var(--acid);border-radius:50%;top:10%;left:10%}@keyframes orbit{to{transform:rotate(360deg)}}.video-placeholder--alt{background:#31352c}.video-placeholder--alt2{background:#b7b9ae;color:#111}.media-hint{text-align:right;font-size:11px;color:#72756e;font-family:"DM Mono";margin-top:16px}
.work--static{padding-bottom:160px}.static-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.static-card{aspect-ratio:4/5;padding:24px;display:flex;flex-direction:column;justify-content:space-between;font:10px "DM Mono";text-transform:uppercase}.static-card b{font:500 clamp(24px,3vw,46px)/.94 Manrope;letter-spacing:-.06em}.static-card--one{background:#141514;color:white}.static-card--two{background:var(--acid)}.static-card--three{background:#d5d3cb;border:1px solid #bbbdb5}
.video-families{display:grid;gap:100px}.video-family{min-width:0}.family-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:18px;border-bottom:2px solid var(--ink);margin-bottom:24px}.family-head span{font:600 16px "DM Mono";text-transform:uppercase;letter-spacing:.06em}.family-head p{font-size:18px;color:#40433e;margin:0}.video-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.video-row--three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1020px}.video-tile{margin:0;min-width:0;display:flex;flex-direction:column}.video-tile video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#111;border:0}.video-tile--source{padding:8px;background:var(--acid)}.video-tile figcaption{order:-1;display:flex;justify-content:space-between;align-items:center;padding:0 2px 14px;font-size:17px}.video-tile figcaption b{font-weight:650}.video-tile figcaption span{font:13px "DM Mono";text-transform:uppercase;color:#5c5f59}.video-tile--source figcaption{padding:4px 4px 14px}.media-hint{margin-top:30px;font-size:15px}
.image-gallery{columns:3;column-gap:18px}.image-tile{display:block;width:100%;break-inside:avoid;margin:0 0 18px;padding:0;border:0;background:#d8d7d0;cursor:zoom-in;text-align:left;color:var(--ink);overflow:hidden}.image-tile--source{padding:8px;background:var(--acid)}.image-tile img{display:block;width:100%;height:auto;transition:transform .45s ease}.image-tile:hover img{transform:scale(1.015)}.image-tile span{display:flex;padding:15px;justify-content:space-between;font:14px "DM Mono";text-transform:uppercase}.image-tile--source span{padding-bottom:7px}.localization{border-top:1px solid var(--line)}.localization-levels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;max-width:900px}.localization-levels p{margin:0;padding:22px;background:#deddd5;display:flex;flex-direction:column;gap:10px}.localization-levels b{font-size:18px}.localization-levels span{font-size:16px;line-height:1.5}.localization-set{margin-top:90px}.localization-pair{display:grid;grid-template-columns:minmax(0,310px) 110px minmax(0,310px);align-items:center;justify-content:center;gap:26px}.localization-pair--landscape{grid-template-columns:minmax(0,490px) 110px minmax(0,490px)}.localization-pair--landscape .video-tile video{aspect-ratio:16/9}.translation-mark{font:600 16px "DM Mono";display:flex;align-items:center;justify-content:center;gap:10px}.translation-mark i{font-style:normal;color:#76812e;font-size:26px}.lightbox{width:min(1200px,94vw);height:min(90vh,900px);padding:46px;background:#111;border:0}.lightbox::backdrop{background:rgba(10,11,10,.86);backdrop-filter:blur(6px)}.lightbox img{display:block;width:100%;height:100%;object-fit:contain}.lightbox button{position:absolute;right:14px;top:8px;color:white;background:transparent;border:0;font-size:30px;font-weight:200;cursor:pointer}
.capabilities{background:var(--ink);color:white;padding-left:70px;padding-right:70px;border-top:0}.capabilities .section-index{color:var(--acid)}.capabilities .section-head>div>p{color:#c8cbc4}.capabilities .capability-list{border-top:1px solid #73766f}.capability{display:grid;grid-template-columns:1fr 1.2fr 40px;gap:36px;align-items:center;padding:38px 0;border-bottom:1px solid #444741}.capability h3{font-size:30px;margin:0;letter-spacing:-.03em}.capability p{font-size:19px;color:#c8cbc4;line-height:1.55;margin:0;max-width:650px}.capability b{text-align:right;font-size:22px;color:var(--acid);font-weight:400}
.loop{background:var(--ink);color:white;padding:70px;max-width:1400px}.loop__label{color:#95988f;margin-bottom:56px}.loop__steps{display:flex;align-items:center;justify-content:space-between;font-size:clamp(30px,4vw,62px);letter-spacing:-.05em}.loop__steps i{font-style:normal;color:var(--acid)}
.context{padding:150px 0}.context__grid{display:grid;grid-template-columns:260px 1fr;gap:50px}.context__copy h2{font-size:clamp(40px,4.2vw,62px);line-height:1.08;letter-spacing:-.05em;margin:0 0 40px;max-width:1000px}.context__copy p{font-size:21px;line-height:1.65;max-width:820px;color:#454842}
.about{padding:130px 0 150px}.about__card{background:#d8d7d0;padding:70px;display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:70px}.about__identity{display:flex;flex-direction:column;align-items:flex-start;gap:42px}.about__identity img{display:block;width:min(260px,100%);aspect-ratio:1;border-radius:50%;object-fit:cover}.about__copy h2{font-size:clamp(64px,8vw,120px);letter-spacing:-.075em;line-height:.84;margin:0 0 60px}.about__copy>p{font-size:21px;line-height:1.65;max-width:820px}.about__copy .proof{font-size:21px;color:#343732;border-left:3px solid var(--acid);padding-left:22px;margin-top:42px}.about__contacts{display:flex;gap:28px;margin-top:34px}.about__contacts a{color:var(--ink);font-size:18px;text-underline-offset:5px}
.contact{background:var(--ink);color:white;padding:80px 70px 36px;max-width:1400px}.contact .section-index{color:#b4b7af}.contact__main{padding:100px 0}.contact h2{font-size:clamp(44px,6vw,86px);line-height:1;letter-spacing:-.06em;margin:0 0 40px}.contact__main>p{font-size:20px;line-height:1.65;color:#c3c6bf;max-width:800px}.contact__actions{display:grid;gap:0;width:min(540px,100%);margin-top:52px}.contact__button{display:flex;justify-content:space-between;align-items:center;padding:18px 0;color:white;text-decoration:none;border-bottom:2px solid var(--acid);font-size:18px}.contact__button span{color:var(--acid);font-size:22px}.contact footer{padding-top:30px;border-top:1px solid #343634;display:flex;justify-content:space-between;font:10px "DM Mono";color:#787b75;text-transform:uppercase}
.reveal{opacity:1;transform:none}
.test-explainer{margin:46px 0 14px;font:600 14px "DM Mono";text-transform:uppercase;letter-spacing:.02em}.creative-tests{margin-top:0}
.more-examples{border-top:1px solid var(--line);padding-top:28px}.more-examples summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:20px;font-weight:650}.more-examples summary::-webkit-details-marker{display:none}.more-examples summary span{font-size:30px;font-weight:300;transition:transform .2s}.more-examples[open] summary span{transform:rotate(45deg)}.more-examples .video-family{margin-top:70px}.more-examples .video-family+.video-family{margin-top:100px}
.image-gallery{columns:auto;display:block}.image-tile{margin:0}.static-case{margin-bottom:22px}.static-case__head{display:flex;justify-content:space-between;align-items:center;padding:0 0 14px;font-size:17px}.static-case__head span{font:14px "DM Mono";text-transform:uppercase}.static-case--slot{display:grid;grid-template-columns:1.08fr 1fr;gap:18px}.static-case--slot .static-case__head{grid-column:1/-1}.static-case--slot>.image-tile img{height:405px;object-fit:contain}.slot-variations{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}.slot-variations>.image-tile:not(.image-tile--horizontal) img{height:214px;object-fit:contain}.slot-variations .image-tile--horizontal{grid-column:1/-1}.slot-variations .image-tile--horizontal img{height:185px;object-fit:contain}.static-case--fitness{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;align-items:start}.static-case--fitness .image-tile img{height:360px;object-fit:contain}.more-static{border-top:1px solid var(--line);padding-top:22px}.more-static summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:17px;font-weight:650}.more-static summary::-webkit-details-marker{display:none}.more-static summary span{font-size:25px}.more-static[open] summary span{transform:rotate(45deg)}.more-static .image-tile{margin-top:24px;max-width:420px}.more-static .image-tile img{max-height:520px;object-fit:contain}
.pilot{padding:140px 0;border-top:1px solid var(--line)}.pilot-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pilot-steps article{background:#deddd5;padding:32px;min-height:300px}.pilot-steps article>span{font:600 14px "DM Mono";color:#6a7338}.pilot-steps h3{font-size:27px;line-height:1.12;letter-spacing:-.035em;margin:55px 0 22px}.pilot-steps p{font-size:17px;line-height:1.6;color:#454842;margin:0}.engagement{margin-top:18px;background:var(--ink);color:white;padding:50px}.engagement h3{font-size:30px;margin:0 0 38px}.engagement ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:0 38px}.engagement li{display:flex;flex-direction:column;gap:10px;padding:25px 0;border-top:1px solid #444741}.engagement li b{font-size:20px}.engagement li span{font-size:16px;line-height:1.5;color:#c8cbc4}
.engagement-options{display:grid;grid-template-columns:1.35fr 1fr;border-top:1px solid #555851}.engagement-options details{min-width:0;padding:0 34px 0 0}.engagement-options details+details{padding-left:34px;border-left:1px solid #555851}.engagement-options summary{position:relative;list-style:none;cursor:pointer;padding:30px 42px 30px 0;display:flex;flex-direction:column;gap:14px}.engagement-options summary::-webkit-details-marker{display:none}.engagement-options summary b{font-size:22px;line-height:1.2}.engagement-options summary>span{font-size:17px;line-height:1.55;color:#d0d3cc}.engagement-options summary i{position:absolute;right:4px;top:26px;color:var(--acid);font:300 30px Manrope;font-style:normal;transition:transform .2s}.engagement-options details[open] summary i{transform:rotate(45deg)}.engagement-options ol{list-style:none;counter-reset:stage;margin:0 0 30px;padding:0}.engagement-options ol li{counter-increment:stage;display:grid;grid-template-columns:32px 150px 1fr;gap:14px;padding:18px 0;border-top:1px solid #444741}.engagement-options ol li:before{content:"0" counter(stage);font:13px "DM Mono";color:var(--acid)}.engagement-options ol b{font-size:16px}.engagement-options ol span,.engagement-options details>p{font-size:15px;line-height:1.55;color:#bfc2bb}.engagement-options details>p{margin:0 0 30px;padding-top:20px;border-top:1px solid #444741}
@media(min-width:761px) and (max-height:900px){.hero{padding:42px 0 46px}.hero h1{font-size:clamp(56px,5.6vw,82px);margin:28px 0 30px;max-width:1120px}.hero__problem{font-size:22px;padding:14px 0}.hero__solution{font-size:18px;padding:20px}.test-explainer{margin-top:24px}.test-card{height:100px}.test-card i{font-size:58px}.circle-link{width:94px;height:94px;margin-top:20px;font-size:10px}.capabilities{padding-top:64px;padding-bottom:64px}.capabilities .section-head{margin-bottom:42px}.capabilities .section-head h2{font-size:clamp(45px,4.1vw,58px);max-width:950px}.capability{padding:24px 0}.capability h3{font-size:26px}.capability p{font-size:17px}.work{padding-top:90px;padding-bottom:90px}.work--static{padding-bottom:100px}.pilot{padding:90px 0}.pilot .section-head{margin-bottom:55px}.pilot .section-head h2{font-size:clamp(44px,4.4vw,62px)}.pilot-steps article{min-height:260px}.pilot-steps h3{margin-top:38px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.nav{height:68px}.nav__right{gap:14px;font-size:11px}.hero{padding-top:50px;min-height:auto}.hero h1{font-size:14vw;line-height:.98;margin:35px 0 42px}.hero__bottom{justify-content:space-between;gap:20px}.hero__intro{font-size:16px}.circle-link{width:84px;height:84px;flex:none}.hero__note{margin-top:70px;grid-template-columns:40px 1fr}.statement{padding:110px 0}.section-head,.context__grid,.about__card{grid-template-columns:1fr}.section-index{margin-bottom:35px}.work,.capabilities{padding:90px 0}.section-head{margin-bottom:50px}.section-head>div>p{font-size:17px}.video-families{gap:70px}.family-head{align-items:start;gap:20px}.family-head p{text-align:right}.video-row,.video-row--three{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;margin-right:-18px}.video-tile{flex:0 0 68vw;scroll-snap-align:start}.image-gallery{columns:1}.localization-set{margin-top:60px}.localization-pair,.localization-pair--landscape{grid-template-columns:1fr 48px 1fr;gap:8px}.localization-pair .video-tile{min-width:0;flex:auto}.translation-mark{font-size:9px;gap:3px;flex-direction:column}.static-grid{grid-template-columns:1fr 1fr}.static-card:first-child{grid-column:1/-1}.capability{grid-template-columns:35px 1fr 20px;gap:10px}.capability p{grid-column:2/4;margin-top:10px}.loop{padding:45px 24px;width:calc(100% - 36px)}.loop__steps{flex-wrap:wrap;gap:15px}.context{padding:110px 0}.about__card{padding:35px 24px}.about__copy h2{margin-top:25px}.contact{width:calc(100% - 20px);padding:50px 24px 30px}.contact__main{padding:75px 0}.contact footer{gap:20px}.contact footer span:last-child{text-align:right}.lightbox{padding:36px 10px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.placeholder-orbit{animation:none}}
@media(max-width:760px){.capabilities{padding:72px 24px}.hero__message{grid-template-columns:1fr}.hero__problem{font-size:22px}.hero__solution{font-size:18px}.circle-link{width:112px;height:112px;justify-self:start;font-size:13px}.test-explainer{margin-top:38px;font-size:11px;line-height:1.5}.creative-tests{display:flex;overflow:hidden;gap:7px;margin-top:0}.test-card{flex:1;height:92px}.test-card i{font-size:46px}.test-card--winner span{font-size:8px;left:5px;bottom:5px}.localization-levels{grid-template-columns:1fr}.about__contacts,.contact__details{flex-direction:column;gap:14px}.family-head span{font-size:14px}.family-head p{font-size:15px}.video-tile figcaption{font-size:16px}.video-tile figcaption span{font-size:11px}.capability{grid-template-columns:1fr 20px;gap:12px}.capability h3{font-size:25px}.capability p{grid-column:1/3;font-size:17px}.context__grid{gap:0}.about__card{gap:40px}.about__identity img{width:190px}.static-case--slot,.static-case--fitness{grid-template-columns:1fr}.static-case--slot .static-case__head{grid-column:auto}.static-case--slot>.image-tile img,.static-case--fitness .image-tile img{height:auto;max-height:360px}.slot-variations>.image-tile:not(.image-tile--horizontal) img{height:220px}.slot-variations .image-tile--horizontal img{height:auto;max-height:260px}.pilot{padding:90px 0}.pilot-steps{grid-template-columns:1fr}.pilot-steps article{min-height:0}.pilot-steps h3{margin-top:36px}.engagement{padding:34px 24px}.engagement-options{grid-template-columns:1fr}.engagement-options details{padding:0}.engagement-options details+details{padding:0;border-left:0;border-top:1px solid #555851}.engagement-options summary b{font-size:20px}.engagement-options ol li{grid-template-columns:28px 1fr}.engagement-options ol li span{grid-column:2}}