@font-face{font-family:Lausanne;src:url('assets/fonts/lausanne-100.otf') format('opentype');font-weight:100;font-display:swap}
@font-face{font-family:Lausanne;src:url('assets/fonts/lausanne-400.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Lausanne;src:url('assets/fonts/lausanne-600.otf') format('opentype');font-weight:600;font-display:swap}
@font-face{font-family:Lausanne;src:url('assets/fonts/lausanne-800.otf') format('opentype');font-weight:800;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/inter-400-latin.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/inter-700-latin.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--paper:#fff;--ink:#111;--bone:#f6f6f4;--graphite:#3a3a3a;--steel:#767676;--line:#e6e6e6;--gutter:96px;--section-space:96px;--brand-gradient:linear-gradient(90deg,#ffd400 0%,#ff7300 48%,#ff1e1e 100%);--logo-cell:116px;--logo-gap:48px;--quote-width:480px;--quote-gap:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/26px Lausanne,Arial,sans-serif;-webkit-font-smoothing:antialiased}p,h1,h2,h3,figure,blockquote{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:6px}button{border:0;background:none;color:inherit}h1,h2,h3{font-weight:600}h2{font-size:48px;line-height:52px;letter-spacing:-.035em}h3{font-size:32px;line-height:36px;letter-spacing:-.02em}p{color:var(--graphite)}[hidden]{display:none!important}.container{width:calc(100% - var(--gutter)*2);max-width:1440px;margin-inline:auto}.section{padding-block:var(--section-space);scroll-margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);padding:14px 28px;font-size:15px;font-weight:600;line-height:20px;white-space:nowrap;min-height:48px;flex-shrink:0;transition:background-color .18s}.button:hover{background:#3a3a3a}.gradient-rule{height:3px;width:100%;background:var(--brand-gradient)}.visually-hidden,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{z-index:50;top:12px;left:12px;width:auto;height:auto;padding:12px 20px;clip-path:none;background:#111;color:#fff}.brand-home{display:block;flex:none}.brandmark{--wordmark-width:190px;display:inline-flex;align-items:baseline;white-space:nowrap;font-size:37.255px;line-height:57.745px;letter-spacing:-.03em}.brandmark-okto{font-weight:800;background:linear-gradient(90deg,#ffd400 0%,#ff7300 36.058%,#ff1e1e 61.538%,#ff1e1e 84.615%);background-size:var(--wordmark-width) 100%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent}.brandmark-name{font-weight:100;color:var(--ink)}
.site-header{padding-block:24px;position:relative;z-index:10}.header-inner{display:flex;align-items:center;gap:24px}.desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:32px;width:620px}.desktop-nav>a:not(.button){font-size:17px;line-height:26px}.desktop-nav>a:first-child{width:78px}.desktop-nav>a:nth-child(2),.desktop-nav>a:nth-child(3){width:48px}.desktop-nav>a:not(.button):hover{text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none;font-size:14px;line-height:20px;letter-spacing:.16em;padding:8px 0}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#fff;padding:32px var(--gutter) 48px;min-height:calc(100svh - 95px);display:flex;flex-direction:column;gap:32px;border-bottom:1px solid var(--line);font-size:32px;line-height:36px}.mobile-menu .button{align-self:flex-start}
.hero{padding:80px 0 96px}.hero-grid{display:grid;grid-template-columns:680fr 504fr;gap:64px;align-items:center}.hero-copy{display:flex;flex-direction:column;gap:32px}.hero h1:not(.okto-type-chapter){font-size:96px;line-height:94px;letter-spacing:-.035em}.hero-promise{display:flex;flex-direction:column;gap:32px;align-items:flex-start}.hero-promise>p:not(.okto-type-body){font-size:22px;line-height:32px;letter-spacing:-.01em;max-width:680px}.artwork{position:relative;min-width:0;overflow:hidden;isolation:isolate}.artwork>.native-art{transform:scale(var(--art-scale,1));transform-origin:0 0}.client-strip-wrap{position:relative;margin-top:64px}.marquee{overflow:hidden;position:relative}.marquee-track{display:flex;width:max-content;will-change:transform}.marquee-cycle{display:flex;flex:none}.client-marquee{height:48px}.client-marquee .marquee-track{animation:logos-scroll 40s linear infinite}.client-marquee .marquee-cycle{gap:var(--logo-gap);padding-right:var(--logo-gap)}.client-cell{width:var(--logo-cell);height:48px;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}.client-logo-canvas{width:116px;height:40px;display:flex;align-items:center;justify-content:center;flex:none}.client-logo-image{display:block;position:relative;flex:none}.client-logo-image>img{display:block;max-width:none}.motion-toggle{position:absolute;right:0;top:-28px;font-size:12px;line-height:20px;padding:2px 6px;background:#fff;color:var(--graphite);opacity:0;transition:opacity .15s}.motion-toggle:focus-visible,.client-strip-wrap:hover>.motion-toggle,.testimonials:hover>.motion-toggle{opacity:1}.testimonials{position:relative;padding-block:64px;background:var(--bone)}.testimonials>.motion-toggle{top:28px;right:var(--gutter);background:var(--bone)}.testimonial-marquee .marquee-track{margin-left:-408px;animation:quotes-scroll 32s linear infinite}.testimonial-marquee .marquee-cycle{gap:var(--quote-gap);padding-right:var(--quote-gap)}.testimonial-card{width:var(--quote-width);padding:24px;background:#fff;border-radius:10px;display:flex;flex-direction:column;gap:16px;flex:none}.testimonial-header{height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px}.testimonial-person{width:240px;flex:none}.testimonial-person p{font-size:14px;line-height:20px}.testimonial-logo{width:96px;height:48px;display:flex;align-items:center;justify-content:flex-end;flex:none}.testimonial-logo img{display:block;max-width:none;object-fit:contain}.testimonial-adg-mask{display:block;width:95.7554px;height:28.5401px;mask-size:96px 28.58px;mask-position:-.203px -.018px;mask-repeat:no-repeat}.testimonial-card blockquote{font-size:16px;line-height:24px;color:var(--graphite);min-height:130px}.testimonial-rule{height:1px;background:var(--line);width:100%}.testimonial-stars{display:flex;gap:8px;height:20px}.testimonial-stars>img{width:21px;height:20px;flex:none}.marquee.is-reduced-motion{overflow-x:auto;scrollbar-width:thin}.marquee.is-reduced-motion .marquee-track{animation:none!important;margin-left:0;transform:none!important}.marquee.is-reduced-motion .marquee-cycle[aria-hidden]{display:none}.marquee.is-reduced-motion .marquee-cycle{padding-right:0}
@keyframes logos-scroll{to{transform:translateX(calc(-8*(var(--logo-cell) + var(--logo-gap))))}}@keyframes quotes-scroll{to{transform:translateX(calc(-3*(var(--quote-width) + var(--quote-gap))))}}
.sprint-intro{display:grid;grid-template-columns:528fr 624fr;gap:96px}.sprint-intro>div:first-child>p{margin-top:24px;max-width:480px}.sprint-collaboration h3{margin-top:24px}.sprint-collaboration p{margin-top:24px}.phases{margin-top:64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.phase{min-width:0}.phase-copy{margin-top:32px}.phase h3:not(.okto-type-subsection){min-height:72px}.phase p{margin-top:24px}.deliverable-list{margin-top:96px;border-top:1px solid var(--line)}.deliverable{display:grid;grid-template-columns:548fr 636fr;gap:64px;align-items:center;padding-block:96px;border-bottom:1px solid var(--line)}.deliverable:last-child{border-bottom:0}.deliverable.image-left{grid-template-columns:636fr 548fr}.deliverable.image-left .artwork{grid-column:1;grid-row:1}.deliverable.image-left .deliverable-copy{grid-column:2;grid-row:1}.deliverable-copy p{margin-top:24px}.asset-inventory{font-size:17px;line-height:26px}.work h2{margin-bottom:32px}.case-tabs{display:flex;gap:32px;align-items:flex-start;margin-bottom:32px}.case-tabs button{position:relative;padding:0 0 10px;text-align:left;font-size:17px;line-height:26px;color:var(--graphite);font-weight:400;white-space:nowrap}.case-tabs button:nth-child(1){width:104px}.case-tabs button:nth-child(2){width:84px}.case-tabs button:nth-child(3){width:151px}.case-tabs button:nth-child(4){width:66px}.case-tabs [aria-selected=true]{color:var(--ink)}.case-tabs [aria-selected=true]::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--brand-gradient)}.case-panel{display:grid;grid-template-columns:560fr 624fr;gap:64px;align-items:center;min-width:0}.case-art{overflow:hidden;position:relative}.case-art>img{position:absolute;max-width:none;height:auto;display:block}.case-copy p{max-width:600px;margin-top:24px}.continuation-intro{margin-top:32px}.continuation-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:32px}.continuation-grid article{border-top:1px solid var(--line);padding-top:24px}.continuation-grid article p{margin-top:24px;max-width:560px}.snapshot{background:var(--bone)}.snapshot .container>p:not(.snapshot-note){max-width:720px;margin-top:32px}#snapshot-form{display:flex;align-items:flex-start;gap:16px;margin-top:32px}#website{width:min(790px,100%);min-width:0;border:0;padding:16px 24px;background:#fff;border-radius:0;font-size:17px;line-height:26px;color:var(--ink);height:58px}#website::placeholder{color:var(--steel)}.snapshot-note{margin-top:16px;font-size:14px;line-height:20px;color:var(--steel)}.snapshot-status{margin-top:24px;max-width:790px}.snapshot-status a,.snapshot-copy{text-decoration:underline;text-underline-offset:4px}.snapshot-copy{padding:0;font-size:14px;line-height:20px}.faq article{border-top:1px solid var(--line);padding-top:32px}.faq article+article{margin-top:32px}.faq p{max-width:920px;margin-top:32px}.contact .container{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}.contact h2:not(.okto-type-chapter){font-size:72px;line-height:70px;letter-spacing:-.035em}.contact p:not(.okto-type-body){font-size:22px;line-height:32px;letter-spacing:-.01em;max-width:680px}.site-footer{background:var(--ink);color:#fff}.site-footer .container{container-type:inline-size}.footer-powered{color:#b0b0b0;font-size:14px;line-height:20px;letter-spacing:.16em}.footer-legal{display:grid;grid-template-columns:repeat(4,255px);gap:32px;margin-top:48px;color:#b0b0b0;font-size:14px;line-height:20px;letter-spacing:.16em}.footer-legal p{color:inherit}.footer-legal button{text-align:left;padding:0;letter-spacing:inherit;font-size:inherit;line-height:inherit}.footer-legal a:hover,.footer-legal button:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.footer-brand{--wordmark-width:100cqw;display:flex;font-size:calc(100cqw * .19608);line-height:1.55;margin-top:48px}.footer-brand .brandmark-name{color:#fff}.footer-brand .brandmark-okto{background-image:linear-gradient(90deg,#ffd400 0%,#ff7300 25%,#ff1e1e 51%,#ff1e1e 100%)}dialog{border:1px solid var(--line);background:#fff;color:var(--ink);padding:32px;max-width:calc(100vw - 48px);width:480px}dialog::backdrop{background:rgb(0 0 0/.35)}.cookie-content{display:flex;flex-direction:column;gap:24px}.cookie-content h2{font-size:32px;line-height:36px}.cookie-content .button{align-self:flex-start}
@media(max-width:1200px) and (min-width:901px){:root{--gutter:64px}.hero h1:not(.okto-type-chapter){font-size:clamp(54px,6.67vw,80px);line-height:.98}.hero-grid{gap:48px}.hero-promise>p:not(.okto-type-body){font-size:20px;line-height:30px}.sprint-intro{gap:64px}.phases{gap:32px}.phase h3:not(.okto-type-subsection){font-size:28px;line-height:32px}.deliverable{gap:48px}.case-panel{gap:48px}.footer-legal{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.desktop-nav{width:auto;margin-left:auto;gap:24px}}
@media(max-width:900px){:root{--gutter:24px;--section-space:64px;--logo-cell:96px;--logo-gap:32px;--quote-width:320px;--quote-gap:16px}.site-header{padding-block:24px}.brandmark{--wordmark-width:150px;font-size:30px;line-height:46.5px}.brandmark-okto{background-image:linear-gradient(90deg,#ffd400 0%,#ff7300 25%,#ff1e1e 51%,#ff1e1e 100%)}.header-inner{justify-content:space-between}.desktop-nav{display:none}.menu-toggle{display:block}.hero{padding:48px 0 64px}.hero-grid{grid-template-columns:1fr;gap:48px}.hero h1:not(.okto-type-chapter){font-size:clamp(36px,11.795vw,46px);line-height:1;letter-spacing:-.035em}.hero-promise>p:not(.okto-type-body){font-size:20px;line-height:28px;font-weight:600;letter-spacing:0}.client-strip-wrap{margin-top:32px}.client-logo-canvas{transform:scale(.827586207)}.testimonials{padding-block:64px}.testimonial-marquee .marquee-track{margin-left:-312px}.testimonial-header{height:60px}.testimonial-person{width:160px}.testimonial-card blockquote{min-height:192px}h2{font-size:36px;line-height:40px}h3{font-size:32px;line-height:36px}.sprint-intro{grid-template-columns:1fr;gap:32px}.sprint-intro>div:first-child>p{max-width:none}.phases{grid-template-columns:minmax(0,1fr);gap:64px}.phase h3:not(.okto-type-subsection){min-height:72px}.deliverable-list{margin-top:48px}.deliverable{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding-block:48px}.deliverable-copy p{margin-top:24px}.desktop-linebreak{display:none}.asset-inventory{margin-top:0}.case-tabs{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:16px}.case-tabs button:nth-child(n){width:100%}.case-panel{grid-template-columns:1fr;gap:32px}.case-copy p{margin-top:24px}.continuation-grid{grid-template-columns:1fr;gap:32px}#snapshot-form{flex-direction:column;align-items:flex-start}#website{width:100%}.faq h3:not(.okto-type-subsection){font-size:20px;line-height:28px;letter-spacing:0}.contact h2:not(.okto-type-chapter){font-size:36px;line-height:40px}.contact p:not(.okto-type-body){max-width:342px}.footer-legal{grid-template-columns:1fr;gap:16px;margin-top:32px}.footer-brand{--wordmark-width:100cqw;margin-top:32px;font-size:calc(100cqw * .19608);line-height:1.55}.motion-toggle{font-size:12px}.cookie-content h2{font-size:28px;line-height:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none!important}.marquee{overflow-x:auto}.marquee-track{margin-left:0!important}.marquee-cycle[aria-hidden]{display:none}.button,.motion-toggle{transition:none}}