@font-face{font-family:Inter;src:url(inter-200.ttf) format('truetype');font-weight:200;font-display:swap}
@font-face{font-family:Inter;src:url(inter-300.ttf) format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Inter;src:url(inter-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(inter-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Lausanne;src:url(lausanne-200.woff2) format('woff2');font-weight:200 300;font-display:swap}
@font-face{font-family:Lausanne;src:url(lausanne-400.otf) format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Lausanne;src:url(lausanne-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Nunito;src:url(nunito-600.ttf) format('truetype');font-weight:600;font-display:swap}
:root{--paper:#fff;--ink:#181b18;--u:calc(100vw / 1440);--gutter:11.458333vw;--ease:cubic-bezier(.4,0,.2,1)}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:clip}body{margin:0}h1,h2,p{margin:0}img{display:block;max-width:100%}video{display:block;width:100%;height:100%;object-fit:cover}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}main{overflow:clip}::selection{background:#e5ed9d;color:#181b18}
.skip-link{position:fixed;z-index:200;left:16px;top:-60px;background:#fff;padding:12px 18px;font-size:16px}.skip-link:focus{top:12px}.page-inset{padding-inline:var(--gutter)}
.hero{height:100svh;min-height:560px;background:#d7d0b6;position:relative;overflow:hidden}.hero-film{object-position:center center}
/* Current Alex board: readable copy stays in document flow. */
.case-intro{padding:calc(39 * var(--u)) calc(64 * var(--u)) calc(110 * var(--u))}.case-services{width:calc(632 * var(--u));color:#121212}.services-label{margin-bottom:5px}.case-intro h1{margin-top:calc(88 * var(--u))}.intro-rule{height:1px;background:#dedede;margin-top:calc(-.6875 * var(--u))}.intro-content{display:grid;grid-template-columns:1fr 1fr;gap:calc(48 * var(--u));margin-top:calc(24.6875 * var(--u));align-items:start}.intro-copy.okto-copy-lead{max-width:calc(574 * var(--u));margin-top:2px}.intro-copy .intro-heading{font-weight:700;margin-bottom:1.38em}.chapter-copy{width:calc(523 * var(--u));max-width:100%}.chapter-copy p+p{margin-top:1.38em}
.wide-film{width:100%;aspect-ratio:1440/544;background:#e5e0d2;overflow:hidden}
#chapter-one{position:relative;padding-top:calc(93 * var(--u));padding-bottom:calc(236.586 * var(--u))}#statement-one{margin-left:var(--gutter)}.intro-phone-field{position:relative;margin-top:calc(181 * var(--u));height:calc(619.415 * var(--u))}.intro-phone{position:absolute;width:calc(193.85028 * var(--u));height:calc(421.4556 * var(--u));border-radius:calc(27.968 * var(--u));overflow:hidden;transform-origin:center;will-change:transform}.intro-phone img{width:100%;height:100%;object-fit:cover}.intro-phone:nth-child(1){left:calc(250 * var(--u));top:calc(35.597 * var(--u))}.intro-phone:nth-child(2){left:calc(498.7164 * var(--u));top:calc(197.959 * var(--u))}.intro-phone:nth-child(3){left:calc(747.4331 * var(--u));top:0}.intro-phone:nth-child(4){left:calc(996.15 * var(--u));top:calc(83.351 * var(--u))}
.scroll-scene{position:relative;background:transparent}.scene-stage{position:relative;background:transparent}.website-world,.campaign-world{position:relative;width:1440px;height:900px;transform-origin:0 0}.film-mask{overflow:hidden;background:#e8e9e4}.film-mask video{max-width:none}#website-film{position:absolute;left:285.096px;top:242.626px;width:733.362px;height:326.9px;border-radius:0}#website-laptop-art{position:absolute;left:210.09375px;top:170px;width:883.36816px;height:508.35425px;max-width:none}#website-mobile{position:absolute;left:975.39844px;top:295.4414px;width:204.60167px;height:427.36887px}#website-mobile>img{width:100%;height:100%;max-width:none}.mobile-site-film{position:absolute;left:3.04%;top:15.32%;width:93.93%;height:83.56%;border-radius:0 0 26px 26px;overflow:hidden}.mobile-site-film video{object-fit:cover}.mobile-campaign-logo{position:absolute;left:19%;top:38%;width:62%;height:auto}.mobile-site-film span{position:absolute;top:50%;left:0;width:100%;text-align:center;font-family:Nunito,sans-serif;font-weight:600;font-size:12.244px;color:#fff}
.statement-two{margin-top:calc(-111.805 * var(--u));padding-top:0;padding-bottom:calc(158.4 * var(--u));position:relative}.motion-ready .statement-two{margin-top:calc(65.385 * var(--u) - max(0px,50svh - 272.81 * var(--u)))}.campaign-story{padding-top:calc(131 * var(--u));padding-bottom:0;position:relative}.motion-ready .campaign-story{margin-top:0}
.campaign-world{height:auto;min-height:700px}.campaign-world #campaign-film{display:none}#campaign-field{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:60px 6%}.field-phone{position:relative;aspect-ratio:170/369.602;border-radius:24.527px;overflow:hidden;background:#e8e9e4;isolation:isolate}.field-phone .field-photo,.field-phone>.site-motion{position:absolute;left:-2%;top:-2%;width:104%;height:104%;object-fit:cover;max-width:none}.field-phone .phone-scrim{opacity:1}.phone-scrim{position:absolute;left:0;right:0;top:58.06%;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.5));pointer-events:none}.phone-logo{position:absolute;left:18%;top:73.05%;width:64%;height:10.42%;object-fit:contain;pointer-events:none}.phone-copy{position:absolute;left:0;top:84%;width:100%;padding:0 4px;font:600 9.867px/1.08 Nunito,sans-serif;text-align:center;white-space:pre-line;color:white;pointer-events:none}.island{position:absolute;left:39.55%;top:1.37%;width:20.9%;height:2.975%;border-radius:99px;background:#000;pointer-events:none}.field-phone.fr-laughing .phone-scrim{top:34.6%;height:41.94%;bottom:auto;background:linear-gradient(rgba(0,0,0,.45),transparent)}.field-phone.fr-laughing .phone-logo{left:23.53%;top:48.7%;width:52.94%;height:4.33%}.field-phone.fr-laughing .phone-copy{top:56.41%}
.motion-ready .scroll-scene{margin-top:calc(-1 * max(0px,50svh - 270 * var(--u)))}.motion-ready .website-scene{height:220svh}.motion-ready .campaign-scene{height:388svh}.motion-ready .scene-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:transparent}.motion-ready .website-world,.motion-ready .campaign-world{position:absolute;height:900px;min-height:0;max-width:none}.motion-ready #website-laptop-art{opacity:0}.motion-ready #website-mobile{opacity:0}.motion-ready #website-film{left:0;top:180px;width:1440px;height:540px}.motion-ready #campaign-field{display:block;position:absolute;inset:0;padding:0}.motion-ready .field-phone{position:absolute;width:170px;height:369.602px;aspect-ratio:auto;will-change:transform}.motion-ready #campaign-film{display:block;position:absolute;left:0;top:180px;width:1440px;height:540px;z-index:3}.motion-ready #campaign-film .island,.motion-ready #campaign-film .phone-scrim,.motion-ready #campaign-film .phone-logo,.motion-ready #campaign-film .phone-copy{opacity:0}
.project-scope{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;padding-top:120px;padding-bottom:calc(240 * var(--u))}.scope-copy{text-align:center}.scope-copy h2{margin-bottom:24px}.scope-copy ul{list-style:none;margin:0;padding:0;max-width:none}.project-scope>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
html:not(.motion-ready) .website-world{width:100%;height:auto;aspect-ratio:1440/900}html:not(.motion-ready) #website-laptop-art{left:14.5898%;top:18.8889%;width:61.345%;height:56.484%}html:not(.motion-ready) #website-film{left:19.7983%;top:26.9584%;width:50.9279%;height:36.3222%}html:not(.motion-ready) #website-mobile{left:67.736%;top:32.827%;width:14.2084%;height:47.4854%}html:not(.motion-ready) .campaign-world{width:100%}
@media(max-width:759px){
 :root{--gutter:24px}.hero{min-height:520px}.case-intro{padding:40px 24px 64px}.case-services{width:100%}.case-intro h1{margin-top:56px}.intro-rule{margin-top:20px}.intro-content{display:block;margin-top:24px}.intro-copy.okto-copy-lead{margin-top:40px;max-width:100%}.intro-copy .intro-heading{margin-bottom:1.38em}.chapter-copy{width:100%;max-width:100%}.wide-film{aspect-ratio:16/9}#chapter-one{padding:64px 24px 100px}#statement-one{margin:0}.intro-phone-field{margin-top:64px;height:calc(90px + (100vw - 48px) * 1.87)}.intro-phone{width:43%;height:auto;aspect-ratio:193.85028/421.4556;border-radius:24px}.intro-phone:nth-child(1){left:0;top:0}.intro-phone:nth-child(2){left:55%;top:58px}.intro-phone:nth-child(3){left:0;top:calc(20px + (100vw - 48px) * .935)}.intro-phone:nth-child(4){left:55%;top:calc(90px + (100vw - 48px) * .935)}.statement-two{margin-top:calc(-111.805 * var(--u));padding-top:0;padding-bottom:72px}.motion-ready .statement-two{margin-top:calc(56px - max(0px,50svh - 339.5 * (100vw / 760)))}.campaign-story{padding-top:72px}.motion-ready .scroll-scene{margin-top:calc(-1 * max(0px,50svh - 142.5 * (100vw / 760)))}.motion-ready .website-scene{height:200svh}.motion-ready .campaign-scene{height:406svh}.mobile-site-film span{font-size:12.244px}.field-phone{border-radius:24.527px}#campaign-field{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 24px}.field-phone .phone-copy{font-size:8px}.project-scope{grid-template-columns:1fr;padding-top:80px;padding-bottom:100px;gap:52px}.project-scope>img{max-width:540px;margin:auto}.motion-ready .field-phone .phone-copy{font-size:9.867px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.intro-phone{transform:none!important;will-change:auto}.site-motion{object-fit:cover}}
/* Figma export render bounds include the original device shadows. */
#website-laptop-art>img{position:absolute;left:0;top:-3.606%;width:100%;height:108.85%;max-width:none}
#website-mobile>img{position:absolute;left:-10.513%;top:-2.685%;width:121.03%;height:110.74%;max-width:none}
.mobile-site-film{border-radius:0 0 26.302px 26.302px}
#website-mobile{overflow:hidden;border-radius:30.837px;box-shadow:0 10.884px 21.768px rgba(0,0,0,.18)}
.split-phone{background:#1a1a1a}.split-panel{position:absolute;left:0;width:100%;height:50%;overflow:hidden}.split-top{top:0}.split-bottom{top:50%}.split-drift{position:absolute;inset:0;transform-origin:center}.split-panel img{width:100%;height:100%;object-fit:cover;max-width:none}.split-couple .split-top img{position:absolute;width:223%;height:148.28%;left:-53.03%;top:-5.17%}.intro-phone .split-logo{position:absolute;left:32%;top:88.5%;width:36%;height:5.86%;object-fit:contain}
@media(prefers-reduced-motion:reduce){.split-drift{transform:none!important}}

/* Alex's supplied result reference: a single shared text/artwork grid. */
.campaign-signoff{width:calc(523 * var(--u));max-width:100%;height:auto;margin-top:calc(90 * var(--u))}
.case-results{padding-top:calc(163 * var(--u));padding-bottom:calc(160 * var(--u))}
.result-primary-value{display:inline-block;font-size:calc(232 * var(--u));font-weight:700;line-height:1.05;letter-spacing:-.055em;background:linear-gradient(100deg,#7626ff 0%,#f3299d 100%);color:#7626ff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.result-primary-caption{margin-top:calc(24 * var(--u))}
.results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(34 * var(--u));margin-top:calc(108 * var(--u))}
.result-item{border-top:1px solid #5d625c;padding-top:calc(20 * var(--u))}
[data-okto-case][data-okto-case] .result-value{text-transform:none}
.result-caption{overflow-wrap:anywhere;hyphens:auto;margin-top:12px}
@media(max-width:759px){
 .campaign-signoff{width:100%;margin-top:48px}.case-results{padding-top:88px;padding-bottom:16px}.result-primary-value{font-size:clamp(86px,24vw,150px);line-height:1.05;letter-spacing:-.055em}.result-primary-caption{margin-top:16px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;margin-top:56px}.result-item{padding-top:16px}.result-caption{margin-top:12px}
}

/* Keep editorial role sizes in the synchronized shared sheets; composition only here. */
.case-intro .h3-cap{overflow-wrap:anywhere;white-space:normal}

[data-okto-case][data-okto-case] .result-caption{color:var(--okto-muted)}

/* Individual campaign artwork exports retain the current source crops/marks. */
.field-phone .field-artwork-image{width:100%;height:100%;max-width:none;object-fit:fill}

.motion-ready .field-static-only{display:none}.field-static-only .field-photo{object-position:37.7965% center}