:root{--red:#f50f3b;--ink:#0b0b0e;--white:#fafafa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:var(--white)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:5px}.skip{position:fixed;z-index:100;top:-100px;left:15px;background:white;color:black;padding:15px}.skip:focus{top:15px}.journey{height:440svh;position:relative}.stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:clip;isolation:isolate;background:var(--ink);--fg:#fafafa;color:var(--fg)}header{position:absolute;left:5%;right:5%;top:0;height:95px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #8884;z-index:20}.brand{position:relative;width:110px;height:80px;display:block}.brand img{width:110px;height:80px;object-fit:contain;position:absolute;inset:0}.black-logo{opacity:0}header nav{display:flex;align-items:center;gap:35px;font-size:12px}.talk{display:flex;gap:34px;background:var(--red);color:white;padding:15px 22px}.amp{position:absolute;right:7%;top:12%;font-size:min(62vw,700px);line-height:.8;color:var(--red);opacity:.075;z-index:-1;will-change:transform}.red-line{position:absolute;left:0;bottom:15%;height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:.28;transform:rotate(-15deg);z-index:-1}.copy{position:absolute;left:7%;top:23%;width:52%;z-index:6;will-change:transform,opacity;pointer-events:none}.copy:not(.arrival){opacity:0}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.5;font-weight:400;margin:0 0 28px}h1,h2,h3{font-weight:400;margin:0}h1{font-size:clamp(55px,6.2vw,96px);line-height:.98;letter-spacing:-4px}h1 span,h2 span{color:var(--red)}.description{font-size:13px;line-height:1.8;color:#bfc0c8;max-width:330px;margin-top:27px}.ddif-copy,.cohorts-copy{width:34%}.copy h2{font-size:clamp(40px,4.8vw,74px);line-height:1.05;letter-spacing:-2.8px}.project{position:absolute;left:0;top:0;margin:0;width:50%;transform-origin:center;will-change:transform,opacity;box-shadow:0 28px 65px #0006;border:1px solid #8885;background:#24242a;overflow:hidden;border-radius:5px;z-index:3}.project img{width:100%;height:auto;display:block}.browser{height:22px;background:#25252b;display:flex;align-items:center;gap:5px;padding:0 10px;color:#bbb;font-size:8px}.browser i{display:block;width:4px;height:4px;background:#8e8e96;border-radius:50%}.browser span{margin-left:10px}.project figcaption{display:flex;justify-content:space-between;gap:10px;padding:15px;background:#fafafa;color:#36363c;font-size:10px;line-height:1.4}.project figcaption b{font-weight:500}.resolution{width:86%;top:21%}.resolution h2{font-size:clamp(36px,4.3vw,66px)}.stage-bottom{position:absolute;left:5%;right:5%;bottom:26px;display:flex;justify-content:space-between;align-items:center;z-index:20;gap:20px;font-size:10px;letter-spacing:1px}.scroll-cue{display:flex;gap:20px;align-items:center}.scroll-cue span{font-size:20px}.chapters{display:flex;gap:6px}.chapters button{background:transparent;border:0;padding:12px 10px;opacity:.5;font-size:10px;border-bottom:2px solid transparent}.chapters button[aria-current]{opacity:1;border-color:var(--red)}.motion{background:transparent;border:0;font-size:10px;padding:12px 0}.progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left}.method{background:#fafafa;color:#111116;padding:105px 7%;scroll-margin-top:30px}.method-top{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end}.method h2{font-size:clamp(38px,4vw,66px);line-height:1.1;letter-spacing:-2px}.method-top p{font-size:15px;line-height:1.9;color:#626269;margin:0}.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:80px;border-top:1px solid #ddd;padding-top:40px}.offers article>span{font-size:10px;letter-spacing:1.5px;color:#666}.offers h3{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:24px 0 20px}.offers p{font-size:13px;line-height:1.8;color:#626269}#contact{padding:95px 7% 35px}#contact h2{font-size:clamp(45px,6vw,86px);line-height:1.06;letter-spacing:-3px}.contact-link{display:flex;justify-content:space-between;max-width:360px;margin:40px 0 80px;padding:20px 0;border-bottom:1px solid #8888;font-size:15px}.prototype-label{font-size:10px;color:#a5a5ae;letter-spacing:1px}
@media(max-width:700px){.journey{height:360svh}.stage{min-height:700px}header{height:76px}.brand,.brand img{height:64px;width:86px}header nav{gap:15px}header nav>a:first-child{display:none}.talk{font-size:11px;padding:12px 16px;gap:23px}.copy{top:16%;width:88%;left:6%}h1{font-size:clamp(41px,9vw,62px);letter-spacing:-2px;line-height:1}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:18px}.description{font-size:11px;line-height:1.5;max-width:240px;margin-top:18px}.copy h2{font-size:40px;letter-spacing:-1.7px}.ddif-copy,.cohorts-copy{width:88%}.resolution{top:16%}.resolution h2{font-size:34px}.browser{height:16px;font-size:6px}.project figcaption{font-size:8px;padding:8px}.stage-bottom{gap:8px;bottom:14px;font-size:8px;flex-wrap:wrap}.scroll-cue{gap:8px}.chapters{gap:0}.chapters button{padding:12px 8px;font-size:9px}.motion{font-size:9px}.method{padding:65px 7%}.method-top{grid-template-columns:1fr;gap:30px}.method h2{font-size:39px}.method-top p{font-size:14px}.offers{grid-template-columns:1fr;gap:30px;margin-top:45px}.offers article+article{border-top:1px solid #ddd;padding-top:30px}.offers h3{margin:18px 0 12px}#contact{padding-top:65px}.amp{font-size:120vw;top:30%}}
body.reduced .journey{height:auto}body.reduced .stage{height:auto;min-height:0;position:relative;background:#fafafa!important;color:#111!important;padding:105px 6% 90px;display:grid;grid-template-columns:1fr 1fr;gap:20px}body.reduced .copy,body.reduced .amp,body.reduced .red-line,body.reduced .chapters,body.reduced .scroll-cue,body.reduced .progress{display:none}body.reduced .resolution{display:block;position:relative;left:auto;top:auto;width:auto;grid-column:1/-1;transform:none!important;opacity:1!important;margin:30px 0}body.reduced .project{position:relative;width:100%!important;left:auto;top:auto;transform:none!important;opacity:1!important;box-shadow:none}body.reduced .white-logo{opacity:0!important}body.reduced .black-logo{opacity:1!important}body.reduced .stage-bottom{justify-content:flex-end}body.reduced .project figcaption{flex-wrap:wrap}@media(max-width:700px){body.reduced .stage{grid-template-columns:1fr}body.reduced .project{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Version two: independent depth planes and a held narrative. */
.journey{height:540svh}.stage{perspective:1400px}.rear-type{position:absolute;left:24%;top:12%;font-size:clamp(100px,16vw,240px);line-height:.85;letter-spacing:-10px;font-weight:700;white-space:nowrap;color:#91919a;opacity:.075;z-index:-1;pointer-events:none;will-change:transform,opacity}.foreground{position:absolute;left:0;top:0;margin:0;z-index:8;border:1px solid #ffffff3d;box-shadow:0 35px 90px #0008;will-change:transform,opacity;pointer-events:none;background:#eeeeee;overflow:hidden}.foreground img{width:100%;height:100%;object-fit:cover;display:block}.foreground figcaption{position:absolute;bottom:0;left:0;right:0;padding:10px;background:#101015e8;color:white;font-size:8px;letter-spacing:1px}.product-layer{aspect-ratio:4/5}.portrait-layer{aspect-ratio:4/5}.portrait-layer img{object-position:62% center}.identity-layer{position:absolute;left:0;top:0;background:#13151b;padding:12px;z-index:5;pointer-events:none;border:1px solid #8884;will-change:transform,opacity}.identity-layer img{width:100%;display:block}.copy{z-index:12}.stage-bottom{background:linear-gradient(transparent,#0b0b0e22);padding-top:8px}.ddif-copy,.cohorts-copy{width:32%}.project{border-radius:3px}.project figcaption{padding:10px}.resolution h2{font-size:clamp(40px,4.8vw,72px)}body.reduced .rear-type,body.reduced .foreground,body.reduced .identity-layer{display:none}@media(max-width:700px){.journey{height:430svh}.rear-type{font-size:100px;letter-spacing:-6px;top:35%}.ddif-copy,.cohorts-copy{width:88%}.foreground figcaption{font-size:6px;padding:6px}.identity-layer{padding:6px}.resolution h2{font-size:37px}}

/* Shaped Great Vibes calligraphy; real vector glyphs preserve the fine strokes. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.calligraphy{display:block;letter-spacing:0;line-height:1.1;margin-top:.04em;max-width:100%}
.calligraphy svg{display:block;max-width:100%;height:auto;overflow:visible}
.ink-stroke{stroke-dasharray:1;stroke-dashoffset:0;fill-opacity:1}
.arrival .calligraphy{max-width:95%}.journey{height:600svh}
@media(max-width:700px){.journey{height:490svh}.arrival .calligraphy{max-width:92%}.resolution .calligraphy{max-width:100%}}

/* Consistent, font-independent directional icons for contact actions. */
.cta-arrow{display:block;width:26px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}
.talk{align-items:center}.talk .cta-arrow{width:22px;height:17px}.contact-link{align-items:center}
.talk:hover .cta-arrow,.talk:focus-visible .cta-arrow,.contact-link:hover .cta-arrow,.contact-link:focus-visible .cta-arrow{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.cta-arrow{transition:none}.talk:hover .cta-arrow,.talk:focus-visible .cta-arrow,.contact-link:hover .cta-arrow,.contact-link:focus-visible .cta-arrow{transform:none}}

.partners{padding:65px 0 55px;background:#0b0b0e;border-bottom:1px solid #ffffff20;overflow:hidden}
.partners-heading{margin:0 7% 42px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.partners-heading h2{font:400 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#c1c1c8}
.partners-toggle{background:none;border:1px solid #ffffff35;border-radius:24px;padding:9px 15px;font-size:10px;color:#c1c1c8}
.partners-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
.partners-track{display:flex;width:max-content;animation:partner-drift 38s linear infinite}
.partners-group{list-style:none;display:flex;align-items:center;margin:0;padding:0;flex-shrink:0}
.partner-logo{width:250px;height:112px;display:flex;align-items:center;justify-content:center;flex:none;padding:0 18px}
.partner-logo svg{display:block;max-width:100%;max-height:96px;height:auto}
.partners:hover .partners-track,.partners:focus-within .partners-track,.partners.is-paused .partners-track{animation-play-state:paused}
@keyframes partner-drift{to{transform:translateX(-50%)}}
@media(max-width:700px){.partners{padding:45px 0 38px}.partners-heading{margin-bottom:28px;gap:18px}.partners-heading h2{font-size:9px;letter-spacing:1.3px;max-width:180px}.partners-toggle{white-space:nowrap}.partner-logo{width:205px;height:95px;padding:0 20px}.partner-logo svg{max-height:80px}}
body.reduced .partners-track{animation:none;width:auto}body.reduced .partners-group{flex-wrap:wrap;justify-content:center;width:100%}body.reduced .partners-repeat{display:none}body.reduced .partners-window{mask-image:none}
@media(prefers-reduced-motion:reduce){.partners-track{animation:none;width:auto}.partners-group{flex-wrap:wrap;justify-content:center;width:100%}.partners-repeat{display:none}.partners-window{mask-image:none}}
