/* Corrections from the supplied Figma frame and interaction references. */
.hero-stage{padding-bottom:3.2vw;max-width:none}
.hero-wrap{padding:0}
.hero{border-radius:0;aspect-ratio:1920/719}
.opening{padding:3.698% 0 0 6.042%;width:44.688%}
.hero h1{font-size:3.64583cqw;line-height:1.142857}
.problem{font-size:1.25cqw;line-height:1.2;margin-top:3.02cqw;width:28.44cqw}
.problem .answer{margin-bottom:1.72cqw}
.partnership{left:56.71875%;top:69.54%;width:35.052%;font-size:1.25cqw;line-height:1.2}

/* A true horizontal comparison, with a draggable divider and scroll control. */
.intro-grid h2{line-height:1.38}
.comparison-scroll{height:calc(34vw + 55vh)}
.comparison-sticky{top:28px}
.comparison-labels{font-size:clamp(14px,1.042vw,20px);margin-bottom:18px}
.comparison-labels button{color:#111;text-transform:uppercase;font-weight:500}
.compare-instruction,.compare-progress{display:none}
.comparison{aspect-ratio:1661/649;min-height:0;--divider:100%;isolation:isolate;overflow:hidden;touch-action:pan-y}
.growth-lead{top:10%;font-size:1.445cqw;padding:.5em 1.15em;font-weight:400;background:#1c1c1c}
.before-view{opacity:1;clip-path:inset(0 calc(100% - var(--divider)) 0 0);z-index:1}
.after-view{opacity:1;transform:none;clip-path:inset(0 0 0 var(--divider));z-index:2}
.connections{filter:none;transform:none;opacity:1}
.vendor{height:14.18%;top:33.9%;left:6.62%;width:24.08%;font-size:1.445cqw;background:var(--cream);border-color:#7c7c7c;border-radius:.72cqw;color:#73776c;opacity:1;filter:blur(var(--edge-blur,0px));transform:scale(var(--edge-scale,1));line-height:1.2}
.vendor strong{font-weight:400}
.vendor span{color:#969a8c;font-size:1.204cqw;margin-top:.5em}
.vendor-1,.vendor-4{left:39.19%}.vendor-2,.vendor-5{left:71.64%}
.vendor-3,.vendor-4,.vendor-5{top:71.34%}
.partner-owner{top:22.34%;font-size:1.445cqw;line-height:1.2}
.partner-owner strong{font-weight:500;margin-bottom:.5em}
.partner-owner span{font-size:1.204cqw}
.after-connectors{left:6.4%;width:87.2%;top:36.4%;height:8.01%}
.service-grid{left:8.11%;right:8.11%;top:49.15%;bottom:11.71%;grid-template-columns:repeat(4,1fr);gap:3.08% 1.03%}
.service{padding:0 3.8% 0 6.7%;font-size:1.445cqw;font-weight:500;line-height:1.2;border-radius:.72cqw;gap:5%;overflow:visible}
.service-icon{width:29.3%;flex:none;aspect-ratio:1;border-radius:7.778%;position:relative;overflow:hidden;container-type:inline-size}
.service-icon.lime{background:#e4ff9b}.service-icon.orange{background:#ff9f76}.service-icon.purple{background:#e2b0f4}.service-icon.blue{background:#58b0f4}
.service-icon img{position:absolute;display:block;max-width:none;height:auto}
.tile-media-outer{position:absolute;left:15.56%;top:17.78%;width:67.78%;height:65.56%;border:8.889cqw solid #ff9f76;border-radius:7.778cqw;filter:blur(2.963cqw)}
.tile-media-inner{position:absolute;left:30%;top:33.33%;width:38.89%;height:34.44%;border:8.889cqw solid #ff9f76;border-radius:6.667cqw;filter:blur(2.963cqw)}
.tile-arrow,.tile-target{inset:0;width:100%}
.tile-star{left:13.52%;top:14.21%;width:71.85%}
.tile-play{left:17.78%;top:13.33%;width:72.22%}
.tile-pie{left:10%;top:10%;width:78.89%}
.tile-wedge{left:49%;top:9%;width:39%}
.tile-static-top{position:absolute;left:25.56%;top:14.44%;width:47.77%;height:48.89%;border-radius:7.778cqw;background:#e2b0f4;filter:blur(2.222cqw)}
.tile-static-line,.tile-static-short{position:absolute;left:25.56%;top:67.78%;width:37.77%;height:7.78%;border-radius:7.778cqw;background:#e2b0f4;filter:blur(2.222cqw)}
.tile-static-short{top:77.78%;width:24.44%}
.tile-browser-one,.tile-browser-two,.tile-browser-three{position:absolute;left:17.78%;top:26.67%;width:61.11%;height:8.89%;border-radius:2.222cqw;background:#e2b0f4;filter:blur(3.333cqw)}
.tile-browser-two{top:46.67%;width:42.22%;height:7.78%;border-radius:3.333cqw}.tile-browser-three{top:65.56%;width:46.67%;height:7.78%;border-radius:3.333cqw}
.compare-divider{position:absolute;z-index:4;left:clamp(24px,var(--divider),calc(100% - 24px));top:0;bottom:0;width:1px;background:#282d24;pointer-events:none;opacity:.75;transform:translateX(-50%)}
.compare-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #282d24;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:23px;box-shadow:0 3px 14px #0000000d}
.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:5;cursor:ew-resize;touch-action:pan-y;direction:rtl;-webkit-appearance:none;appearance:none;background:transparent}
.compare-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:44px;height:100%;background:transparent}
.compare-range::-moz-range-thumb{width:44px;height:100%;background:transparent;border:0}
.comparison:has(.compare-range:focus-visible){outline:2px solid #59752c;outline-offset:5px}
.comparison:has(.compare-range:focus-visible) .compare-divider span{background:var(--lime)}

/* Original square portrait, original blue envelope; only the paper moves. */
.founder{grid-template-columns:43.3% 50.4%;gap:6.3%;align-items:stretch;padding-block:7.5vw 8vw}
.founder-intro{display:flex;min-height:43.75vw;align-items:start}
.founder-intro h2{line-height:1.38}.founder-quote-break{display:block}
.founder-credit{margin:1.8vw 0 0;font-size:1.25vw;line-height:1.2}
.founder-credit span{padding:0}
.founder-portrait{position:relative;width:17.1354vw;height:17.1354vw;flex:none;border-radius:1.2283vw;margin: auto 0 0 .46875vw;overflow:hidden;background-size:305.07% 119.28%;background-position:82.64% 99.17%}
.founder-portrait img{position:absolute;left:-8.39%;top:-5.75%;width:112.04%;max-width:none;height:112.04%;object-fit:fill;object-position:initial;mix-blend-mode:normal}
.envelope-scene{position:relative;padding:0;margin:0;width:100%;min-width:0;min-height:43.75vw;perspective:none;isolation:isolate}
.envelope-art{position:absolute;left:-2.56%;top:1.14%;width:109.41%;height:auto;max-width:none;object-fit:initial;transform:none;z-index:0}
.letter{position:relative;left:13.45%;width:76.73%;padding:1.98vw 2.0833vw 2.45vw;min-height:40.05vw;background:#f2f3e9;border-radius:1.0417vw;box-shadow:none;transform:none;transition:transform .95s cubic-bezier(.22,1,.36,1),clip-path .95s cubic-bezier(.22,1,.36,1);clip-path:inset(0 0 0 0 round 1.0417vw);z-index:1}
.letter .eyebrow{font-size:.8333vw;font-weight:400;line-height:1.2;margin-bottom:1.6vw;padding-bottom:.85vw;border-bottom:1px solid #bfc1b4;letter-spacing:0}
.letter-copy{font-size:1.25vw;line-height:1.2}
.letter-copy p{margin-bottom:1.25vw}
.signature{position:relative;display:block;width:27.6%;height:2.0833vw;object-fit:cover;object-position:center;margin:1.6vw 0 0 auto;mix-blend-mode:multiply;z-index:1}
.js .envelope-scene:not(.is-visible) .letter{transform:translateY(17%);clip-path:inset(0 0 17% 0 round 1.0417vw)}
.envelope-scene.is-visible .letter{transform:none;clip-path:inset(0 0 0 0 round 1.0417vw)}

/* Exact Figma coordinates converted to percentages of an 812 × 353 map. */
.offers .eyebrow{margin-bottom:2.6042vw}
.offer h2{min-height:2.4em}
.offer-description{min-height:2.4em;margin:1.3vw 0 3.2vw;line-height:1.2;max-width:90%}
.offer-diagram.offer-map{display:block;position:relative;container-type:inline-size;aspect-ratio:812/353;height:auto;min-height:0;width:100%;max-width:none;padding:0;isolation:isolate;margin-bottom:2.97vw;border-radius:1.0417vw;font-size:2.9557cqw}
.map-owner{position:absolute;left:5.17%;top:35.7%;font-size:2.9557cqw;line-height:1.2}
.map-owner strong{font-weight:500}
.map-owner span{display:block;font-size:2.2167cqw;margin-top:.72em}
.map-brace-full{position:absolute;left:25.6158%;top:12.18%;width:6.4039%;height:auto}
.lever{position:absolute;display:flex;align-items:center;justify-content:center;isolation:isolate;text-align:center;font-size:2.9557cqw;line-height:1.1;white-space:nowrap;height:12.748%;width:25.862%}
.lever:before{content:'';position:absolute;inset:0;border-radius:2.7709cqw;filter:blur(1.2315cqw);z-index:-1;background-repeat:no-repeat;background-size:100% 100%}
.lever.media:before{background-image:var(--figma-media)}
.lever.creative:before{background-image:var(--figma-creative)}
.lever.team:before{background:#fff}
.lever.team{color:#7c7c7c}
.map-full .lever{left:38.3005%;top:24.0793%}
.map-full .lever-1,.map-full .lever-3,.map-full .lever-5{left:66.0099%}
.map-full .lever-2,.map-full .lever-3{top:43.6261%}
.map-full .lever-4,.map-full .lever-5{top:63.1728%}
.map-team-label,.map-lean-label{position:absolute;left:4.6798%;top:25.4958%;font-size:2.9557cqw;line-height:1.2;font-weight:500}
.map-lean-label{top:62.6062%}
.team-brace,.lean-brace{position:absolute;left:28.6946%;top:13.0312%;width:6.4039%;height:33.4278%}
.lean-brace{top:53.966%}
.map-brace{display:block;width:100%;height:100%}.map-brace img{display:block;width:100%;height:auto}.map-brace img+img{transform:scaleY(-1);margin-top:-1px}
.map-creative .lever-0{left:39.9015%;top:22.9462%}.map-creative .lever-1{left:67.6108%;top:22.9462%}
.map-creative .lever-2{left:40.0246%;top:54.1076%}
.map-creative .lever-3{left:67.8571%;top:54.1076%;width:14.7783%}.map-creative .lever-3:before{background-image:var(--figma-creative-small)}
.map-creative .lever-4{left:83.7438%;top:54.1076%;width:9.7291%}.map-creative .lever-4:before{background-image:var(--figma-creative-tiny)}
.map-creative .lever-5{left:40.0246%;top:72.5212%}.map-creative .lever-6{left:67.8571%;top:72.5212%;width:25.6158%}

/* Smaller projects in three depth planes, all following one shared pointer. */
.portfolio-scene{height:43vw;min-height:460px;margin-top:1.8vw;perspective:1400px;overflow:visible}
.project{width:12%;will-change:transform}
.project-button{border-radius:4px;box-shadow:0 10px 25px #0000000a;transform:translate3d(var(--hover-x,0px),var(--hover-y,0px),0);transition:box-shadow .35s}
.project-button:hover{box-shadow:0 18px 38px #00000017}
.project-0{left:17%;top:18%;width:15%;--layer:5}.project-1{left:40%;top:9%;width:10%;--layer:2}
.project-2{left:50%;top:41%;width:14%;--layer:5}.project-3{left:70%;top:13%;width:11%;--layer:4}
.project-4{left:77%;top:62%;width:13%;--layer:6}.project-5{left:57%;top:3%;width:7.5%;--layer:1}
.project-6{left:10%;top:72%;width:14%;--layer:3}.project-7{left:32%;top:61%;width:7%;--layer:1}
.project-caption{font-size:12px;padding:24px 10px 10px}

/* Continuous movement, including while the pointer is over the cards. */
.testimonial-track{scroll-snap-type:none;scroll-behavior:auto;overflow-anchor:none}
.testimonial{scroll-snap-align:none}
.carousel-pause{font-size:15px}

@media(min-width:2200px){.page-content{max-width:none}}
@media(max-width:1100px) and (min-width:801px){.founder-intro,.envelope-scene{min-height:48vw}.letter-copy{font-size:1.35vw}.letter{min-height:44vw}.founder-credit{font-size:1.5vw}.offer-description{max-width:100%}}
@media(max-width:800px){
 .hero-stage{top:-100px}.hero{min-height:660px;aspect-ratio:auto}.hero-wrap{padding:0}.opening{padding:36px 6vw 0;width:90%}.hero h1{font-size:clamp(38px,5.5vw,58px)}.problem{font-size:20px;width:min(340px,90%);margin-top:36px}.problem .answer{margin-bottom:24px}.partnership{left:auto;right:6vw;top:auto;bottom:38px;width:55%;font-size:20px}
 .intro-grid h2{line-height:1.2}.comparison-scroll{height:calc(410px + 40vh)}.comparison{height:410px;aspect-ratio:auto}.comparison-labels{font-size:13px}.growth-lead{font-size:15px}.vendor{font-size:15px}.vendor span{font-size:12px}.partner-owner{font-size:17px}.partner-owner span{font-size:13px}.service{font-size:13px;padding:0 6%;gap:3%}.service-icon{width:31%;min-width:28px}.service-grid{left:4%;right:4%}.compare-divider span{width:38px;height:38px}
 .founder{grid-template-columns:1fr;gap:60px;padding-block:80px 100px}.founder-intro{display:grid;grid-template-columns:1fr 150px;min-height:0;align-items:center;gap:25px}.founder-intro h2{grid-column:1/-1;line-height:1.3}.founder-quote-break{display:inline}.founder-credit{font-size:18px;margin:0}.founder-portrait{width:150px;height:150px;margin:0;border-radius:12px}.envelope-scene{width:100%;max-width:650px;margin:auto;min-height:0;padding:0 9% 9%}.envelope-art{left:-2%;top:0;width:104%;height:100%;object-fit:fill}.letter{left:0;width:100%;min-height:0;padding:30px;border-radius:16px}.letter-copy{font-size:18px;line-height:1.3}.letter-copy p{margin-bottom:22px}.letter .eyebrow{font-size:12px;margin-bottom:24px;padding-bottom:16px}.signature{height:32px;width:30%;margin-top:22px}.js .envelope-scene:not(.is-visible) .letter{transform:translateY(12%);clip-path:inset(0 0 12% 0 round 16px)}
 .offers .eyebrow{margin-bottom:30px}.offer h2{min-height:0}.offer-description{min-height:0;max-width:100%;margin:24px 0 36px;line-height:1.3}.offer-diagram.offer-map{border-radius:16px;margin-bottom:28px}
 .portfolio-scene{height:58vw;min-height:400px}.project-0{width:18%;left:13%}.project-1{width:12%}.project-2{width:18%;left:48%}.project-3{width:14%;left:73%}.project-4{width:15%;left:79%}.project-5{width:9%}.project-6{width:18%;left:8%}.project-7{width:9%;left:31%}
}
@media(max-width:560px){
 .hero-stage{top:calc(100svh - 872px);padding-bottom:0}.hero{min-height:790px;border-radius:0}.opening{padding:32px 6vw 0;width:100%}.hero h1{font-size:clamp(36px,9.7vw,49px)}.partnership{left:6vw;right:6vw;width:auto;font-size:20px;bottom:38px}
 .comparison-scroll{height:calc(545px + 40vh)}.comparison{height:545px}.comparison-labels{font-size:11px}.growth-lead{top:6%;font-size:14px}.vendor{width:42%;height:15%;left:5%;top:28%;font-size:14px;padding:8px}.vendor span{font-size:11px}.vendor-1{left:53%;top:28%}.vendor-2{left:5%;top:51%}.vendor-3{left:53%;top:51%}.vendor-4{left:5%;top:74%}.vendor-5{left:53%;top:74%}.partner-owner{top:19%;font-size:16px;padding:0 18px}.partner-owner span{font-size:12px;max-width:235px;margin:auto}.after-connectors{top:31%;height:5%;left:7%;width:86%}.service-grid{top:38%;bottom:8%;grid-template-columns:1fr 1fr;left:5%;right:5%;gap:8px}.service{font-size:13px;padding:0 8%;gap:6%}.service-icon{width:35%;min-width:0}.compare-divider{left:clamp(18px,var(--divider),calc(100% - 18px))}.compare-divider span{width:32px;height:32px;font-size:18px}
 .founder-intro{grid-template-columns:1fr 105px}.founder-credit{font-size:16px}.founder-portrait{width:105px;height:105px;border-radius:8px}.envelope-scene{padding:0 3% 10%;margin:0;width:100%}.envelope-art{left:0;width:100%}.letter{padding:25px 21px}.letter-copy{font-size:17px;line-height:1.3}.letter-copy p{margin-bottom:20px}.letter .eyebrow{font-size:11px}.signature{width:32%;height:29px}
 .offer-diagram.offer-map{min-height:230px;aspect-ratio:auto;height:230px}.map-owner{font-size:14px;left:5%;top:36%;max-width:25%}.map-owner span{font-size:11px;max-width:75px;line-height:1.25}.map-brace-full{top:12%;height:76%;width:6.4%;object-fit:fill}.lever{font-size:12px;white-space:normal;line-height:1.1}.map-full .lever{width:26.5%;height:15%;left:38%}.map-full .lever-1,.map-full .lever-3,.map-full .lever-5{left:67%}.map-full .lever-2,.map-full .lever-3{top:45%}.map-full .lever-4,.map-full .lever-5{top:66%}.lever:before{filter:blur(4px);border-radius:20px}.map-team-label,.map-lean-label{font-size:14px;left:5%;width:20%}.map-creative .lever{height:15%;font-size:11px}.map-brace img{height:50%;object-fit:fill}.map-creative .lever-4{font-size:10px}
 .portfolio-scene{display:block;height:108vw;min-height:360px;padding:0;margin-top:35px}.project{position:absolute;will-change:auto}.project:nth-child(even){margin:0}.project-0{left:10%;top:12%;width:26%}.project-1{left:43%;top:3%;width:17%}.project-2{left:43%;top:48%;width:27%}.project-3{left:70%;top:20%;width:22%}.project-4{left:77%;top:69%;width:20%}.project-5{left:67%;top:2%;width:13%}.project-6{left:4%;top:76%;width:28%}.project-7{display:block;left:15%;top:52%;width:15%}.project-caption{font-size:9px;padding:14px 5px 6px;opacity:0}.project-button:focus-visible .project-caption{opacity:1}.carousel-controls{gap:5px}.carousel-pause{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .hero-stage{position:relative;top:0}.comparison-scroll{height:auto}.comparison-sticky{position:relative;top:0}.js .envelope-scene:not(.is-visible) .letter,.envelope-scene.is-visible .letter{transform:none;clip-path:none}.project-button{transform:none!important}.testimonial-track{scroll-behavior:auto}
}