/* Glass, depth and motion extend the existing Geist typography. */
.header{width:calc(100% - 48px);max-width:1800px;margin:18px auto -100px;top:16px;height:82px;border:1px solid #ffffffd9;border-radius:24px;background:#ffffffaa;box-shadow:0 10px 45px #12315c0d,inset 0 1px #fff;backdrop-filter:blur(22px) saturate(150%);padding:0 28px}.header.is-scrolled{height:70px;background:#ffffffd9}.header nav{padding:7px;border:1px solid #fff9;border-radius:30px;background:#eef3fa70;gap:2px}.header nav a{padding:10px 16px;border-radius:22px;transition:background .3s}.header nav a:hover{background:#fff}.header-cta{background:linear-gradient(135deg,#3165ff,#1441db);box-shadow:0 5px 16px #225aff25}.mobile-nav{top:105px;left:24px;right:24px;background:#fffffff2;backdrop-filter:blur(22px);border-radius:20px;z-index:45}.editorial-hero{height:100svh;min-height:850px;max-height:1120px;background:radial-gradient(ellipse at 50% 55%,#e9f4fe 0,transparent 51%),#fafaf8;--hero-scroll:0px}.hero-edition{top:140px}.hero-name{top:190px;left:3%;right:3%;display:block;text-align:center;white-space:nowrap;font-size:clamp(56px,13.3vw,270px);letter-spacing:-.07em;z-index:1;transform:translateY(calc(var(--hero-scroll)*-.13))}.hero-name>span{display:inline-block}.portrait-scene{top:140px;width:850px;height:1275px;z-index:3;transform:translate(-50%,calc(var(--hero-scroll)*.07));mask-image:linear-gradient(#000 0%,#000 40%,transparent 65%)}.hero-manifesto{top:55%;max-width:380px}.hero-explorer{top:56%}.hero-manifesto h2{font-size:clamp(28px,2.4vw,43px)}.continuity-lines{display:none}.glass-card{background:linear-gradient(135deg,#ffffffc9,#f4f8ffb0);border:1px solid #fff;box-shadow:0 18px 60px #17396712,inset 0 1px #fff;backdrop-filter:blur(18px)}
.platform{background:radial-gradient(ellipse at 72% 35%,#ddeaff,transparent 56%),#f7faff}.platform-stage{height:auto;min-height:620px;padding:35px 36px 0;display:grid;grid-template-columns:.8fr 1.35fr;gap:25px 35px;background:linear-gradient(135deg,#fff9,#edf4ffbb);border:1px solid white;box-shadow:0 30px 75px #2b5bb820,inset 0 1px 2px #fff;border-radius:28px;color:#142640;overflow:visible}.platform-topline{position:static;grid-column:1/-1;color:#46608b}.platform-topline>span:last-child{border-color:#cbdaf1}.platform-detail{position:static;width:auto;padding:35px 0 30px}.platform-detail .eyebrow{color:#3464bc}.platform-detail h3{font-size:38px;color:#142640}.platform-detail>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#657892}.platform-detail .text-link{color:#2458df}.stage-tags span{color:#446082;border-color:#b9cbe6;background:#fff8}.screen-composition{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;align-self:center;border:1px solid white;border-radius:16px;background:white;padding:0;overflow:hidden;box-shadow:0 22px 45px #28477c20;transform:perspective(1600px) rotateY(-5deg) rotateX(2deg)!important;cursor:zoom-in;transition:transform .6s}.screen-composition:hover{transform:perspective(1600px) rotateY(0) rotateX(0)!important}.screen-composition img{width:100%;height:100%;display:block;object-fit:cover;filter:none;opacity:1;transform:none!important}.screen-caption{display:flex;justify-content:space-between;gap:12px;padding:15px 20px;font-size:12px;color:#627b9d;border-top:1px solid #e5ecf7;text-align:left}.screen-caption b{color:#265cff;font-weight:500;white-space:nowrap}.floating-note{display:none}.journey-controls{position:static;grid-column:1/-1;background:transparent;bottom:auto;left:auto;right:auto;border-top:1px solid #cbd9ec}.journey-step{color:#657c9b;padding:20px 12px}.journey-step strong{color:inherit}.journey-step.is-active{color:#235bdf;background:#ffffff80}.journey-step small{color:#647998}.journey-step i{background:#265cff}.platform-foot{padding-left:10px}.platform-values article{background:#ffffff6b;border:1px solid white;border-radius:18px;padding:28px;box-shadow:0 10px 35px #28457108}
.work-journal{display:grid;grid-template-columns:1.08fr 1fr;gap:9%;align-items:center}.journal-film{height:680px;border-radius:24px;position:relative;overflow:hidden;background:#fff;mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent)}.journal-reel{animation:journal-drift 36s linear infinite;display:flex;flex-direction:column;width:100%;will-change:transform}.journal-film:hover .journal-reel,.journal-film:focus-within .journal-reel,.journal-film:focus .journal-reel{animation-play-state:paused}.reel-set{display:flex;flex-direction:column;gap:18px;padding-bottom:18px}.journal-photo{padding:0;background:none;border:0;display:block;position:relative;cursor:zoom-in;overflow:hidden;border-radius:14px;width:100%;aspect-ratio:4/3}.journal-photo img{width:100%;height:100%;object-fit:cover;display:block}.journal-photo>span{position:absolute;right:18px;bottom:18px;background:#ffffffb8;backdrop-filter:blur(12px);border:1px solid white;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:23px}.film-label{position:absolute;bottom:35px;left:30px;background:#ffffffad;backdrop-filter:blur(16px);padding:13px 18px;border:1px solid white;border-radius:20px;font-size:9px;letter-spacing:.12em;pointer-events:none}.journal-story h3{font-size:clamp(32px,3.2vw,49px);line-height:1.12;letter-spacing:-.045em;font-weight:450;margin:25px 0}.journal-story h3 em{color:var(--blue);font-style:normal}.journal-story>p:not(.eyebrow){font-size:16px;color:#6c7d94;line-height:1.9}.journal-host{padding:25px 0;margin:20px 0;border-top:1px solid #dce4ef;border-bottom:1px solid #dce4ef}.journal-host>span{font-size:10px;letter-spacing:.12em;color:#6b83a5}.journal-host p{font-size:14px;line-height:1.9;margin:10px 0 0}.journal-controls{display:flex;align-items:center;gap:22px;margin-bottom:26px}.journal-controls button{height:44px;width:44px;border:1px solid #d5dfec;border-radius:50%;background:#ffffffb0;cursor:pointer;font-size:22px}.journal-controls button:disabled{opacity:.3;cursor:default}.journal-controls span{font-size:12px;color:#7286a2}.journal-archive{margin-top:45px;border-top:1px solid #dce4ef;border-bottom:1px solid #dce4ef}.journal-archive summary{padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:20px;cursor:pointer}.journal-archive summary span{font-size:12px;color:#265cff}.journal-archive #journal-index{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:10px 0 30px}.journal-archive button{border:1px solid #e1e7f0;border-radius:14px;padding:0 0 20px;background:white;text-align:left;cursor:pointer;overflow:hidden}.journal-archive button img{width:100%;height:140px;object-fit:cover}.journal-archive button strong,.journal-archive button span{display:block;padding:10px 16px 0}.journal-archive button strong{font-size:16px}.journal-archive button span{font-size:12px;color:#74859c}.work-bridge{border-bottom:0}
.library-art{border-radius:24px;perspective:1200px;background:radial-gradient(ellipse at 50% 35%,#fff8,transparent),#e7edf4;box-shadow:inset 0 0 0 1px #fff}.featured-book{transform:rotateY(-18deg) rotateZ(-3deg);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);box-shadow:25px 35px 30px #25395624}.featured-book:after{content:'';position:absolute;left:0;top:0;bottom:0;width:15px;background:linear-gradient(90deg,#10294535,transparent);pointer-events:none}.library-art:hover .featured-book{transform:rotateY(8deg) rotateZ(0) translateY(-9px)}.library-watermark{bottom:45px;opacity:.7;transform:translateY(calc(var(--book-scroll,0px)*-.04))}.library-art:after{content:'';width:65%;height:1px;position:absolute;bottom:70px;background:linear-gradient(90deg,transparent,#8ca6bf,transparent)}.book-index{padding:8px 20px;background:#fff7;border:1px solid #fff;border-radius:22px;backdrop-filter:blur(14px);box-shadow:0 20px 50px #223c610a}.book-index button{transition:padding .35s,color .35s}.book-index button.selected{padding-left:10px}.library-content{min-width:0}
.video-gallery{margin-top:80px}.video-gallery h3{font-size:42px;letter-spacing:-.04em;margin:12px 0 0;font-weight:450}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.video-play{position:relative;width:100%;aspect-ratio:1.85;background:radial-gradient(ellipse at 80% 10%,#3d65a4,#142b4a 65%);border:1px solid #b7c8e5;border-radius:18px;color:white;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;overflow:hidden}.video-number{position:absolute;left:20px;top:-15px;font-size:130px;letter-spacing:-.09em;opacity:.12}.video-play .play-glyph{width:66px;height:66px;border:1px solid #ffffff85;background:#ffffff15;backdrop-filter:blur(12px);border-radius:50%;display:grid;place-items:center;font-size:30px;transition:transform .4s,background .4s}.video-play:hover .play-glyph{transform:scale(1.1);background:#ffffff30}.video-play>span:last-child{font-size:9px;letter-spacing:.15em}.video-grid article>p{font-size:10px;margin-top:23px}.video-grid h4{font-weight:450;font-size:23px;line-height:1.3;letter-spacing:-.025em;margin:12px 0}.video-grid article>a{font-size:12px;color:#265cff}.video-frame{width:100%;aspect-ratio:16/9;border:0;display:block}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:8%;text-align:left;background:radial-gradient(ellipse at 85% 45%,#dce9ff,#f5f7fa 65%);padding:100px max(35px,calc((100% - 1240px)/2));align-items:center}.contact>div.reveal{max-width:none;margin:0}.contact h2{font-size:clamp(42px,4.3vw,65px)}.contact .contact-links{align-items:flex-start}.contact-form{padding:38px;border-radius:26px;position:relative}.contact-form h3{font-size:34px;letter-spacing:-.04em;font-weight:450;line-height:1.18;margin:18px 0 30px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#425873;margin-bottom:19px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #cfdaeb;border-radius:10px;background:#ffffffa8;padding:13px 14px;font:inherit;font-size:15px;color:#15273d;min-width:0}.contact-form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form .button{font-size:14px;border:0;cursor:pointer}.form-help,#contact-status{font-size:12px;color:#607897;line-height:1.7;margin-top:17px}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.contact-fallback{font-size:13px}.contact .social-links{justify-content:flex-start;flex-wrap:wrap}.gallery-dialog:has(.video-frame){width:1100px}.gallery-dialog-top{font-size:12px;letter-spacing:.04em}.gallery-dialog-top>span{max-width:85%}
@keyframes journal-drift{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@media(min-width:1800px){.portrait-scene{width:960px;height:1440px;top:165px}.hero-name{top:215px}.hero-manifesto{top:54%}.hero-explorer{top:55%}}
@media(max-width:1100px){.header{padding:0 20px}.header nav a{padding:9px 10px;font-size:11px}.hero-name{top:190px;font-size:13.3vw}.portrait-scene{top:160px;width:670px;height:1005px}.hero-manifesto{top:52%;width:27%}.hero-explorer{top:54%;width:25%}.platform-stage{grid-template-columns:1fr;gap:0;min-height:0}.platform-detail{padding:20px 0;width:100%;max-width:700px}.platform-detail h3{font-size:36px}.screen-composition{max-width:900px;margin-bottom:25px}.journey-controls{width:100%}.work-journal{gap:6%;grid-template-columns:1fr 1fr}.journal-film{height:600px}.contact{gap:5%}.contact-form{padding:28px}.form-grid{grid-template-columns:1fr;gap:0}}
@media(max-width:800px){.header nav{display:none}.header .menu-toggle{display:flex;margin-left:auto}.header-cta{display:none}.hero-name{font-size:13.2vw;top:185px}.portrait-scene{width:590px;height:885px;top:170px}.hero-manifesto{top:54%;width:30%}.hero-explorer{top:56%;width:27%}.hero-manifesto h2{font-size:26px}.contact{grid-template-columns:1fr;gap:45px}.contact-form{max-width:650px;width:100%}.work-journal{grid-template-columns:1fr;gap:35px}.journal-film{height:530px;max-width:650px}.journal-story h3{max-width:650px}.journal-archive #journal-index{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.header{top:10px;margin:10px 12px -78px;width:calc(100% - 24px);height:68px;padding:0 16px;border-radius:20px}.header.is-scrolled{height:64px}.header .brand{font-size:12px}.editorial-hero{height:1210px;min-height:0;max-height:none}.hero-edition{top:105px;left:6%}.hero-name{display:block;left:2%;right:2%;top:170px;font-size:13vw;white-space:nowrap;letter-spacing:-.075em;line-height:1;z-index:1}.hero-name>span:last-child{text-align:center}.portrait-scene{top:152px;width:530px;height:795px;mask-image:linear-gradient(#000 0%,#000 42%,transparent 69%);z-index:3}.hero-manifesto{top:650px;left:7%;width:86%;display:grid}.hero-manifesto h2{font-size:30px}.hero-explorer{top:950px;left:7%;right:7%;width:auto}.hero-lenses{gap:12px}.hero-lenses button{font-size:14px}.lens-detail>p{font-size:14px}.mobile-nav{top:90px;left:12px;right:12px}.platform-stage{padding:24px 18px 0;border-radius:22px}.platform-topline{font-size:9px}.platform-detail h3{font-size:33px}.platform-detail>p:not(.eyebrow){font-size:15px}.screen-caption{font-size:10px;padding:12px}.screen-composition{transform:none!important;border-radius:12px}.journey-controls{display:grid;grid-template-columns:repeat(2,1fr)}.journey-step{padding:16px 10px}.journey-step small{font-size:10px}.platform-values article{padding:23px}.journal-film{height:470px}.journal-story h3{font-size:37px}.film-label{font-size:7px;left:16px;padding:10px}.journal-archive summary{font-size:17px;display:block}.journal-archive summary span{display:block;margin-top:12px}.journal-archive #journal-index{grid-template-columns:1fr}.journal-archive button img{height:190px}.video-grid{grid-template-columns:1fr}.video-gallery h3{font-size:35px}.video-gallery{margin-top:50px}.contact{padding:65px 24px}.contact-form{padding:25px 20px}.contact-form h3{font-size:32px}.contact-links a{overflow-wrap:anywhere}.gallery-dialog-top>span{font-size:10px}.library-art{height:465px}}
@media(prefers-reduced-motion:reduce){.hero-name{transform:none!important}.portrait-scene{transform:translateX(-50%)!important}.journal-reel{animation:none}.reel-set[aria-hidden]{display:none}.journal-film{overflow:auto;mask-image:none}.library-art:hover .featured-book,.featured-book{transform:none!important}.library-watermark{transform:none}.screen-composition{transform:none!important}}
.journal-film.offscreen .journal-reel{animation-play-state:paused}.gallery-dialog [hidden]{display:none!important}
.contact-form input:focus-visible,.contact-form textarea:focus-visible,.contact-form select:focus-visible{outline:3px solid #709aff;outline-offset:3px}.contact-links{justify-content:flex-start}

/* Two independently anchored words frame the portrait at every viewport size. */
.editorial-hero{--hero-progress:0}
.hero-name{left:0;right:0;width:100%;height:1em;line-height:1;transform:none!important;letter-spacing:-.07em}
.hero-name>span{position:absolute;display:block;white-space:nowrap;animation:none!important;will-change:transform}
.hero-name .name-first{right:calc(100% - var(--first-edge,44%));transform:translate(calc(var(--hero-progress)*-30px),calc(var(--hero-progress)*-48px))}
.hero-name .name-last{left:var(--last-edge,54%);transform:translate(calc(var(--hero-progress)*30px),calc(var(--hero-progress)*-48px))}
.hero-enter .portrait-scene,.portrait-scene{animation:none;transform:translate(-50%,calc(var(--hero-progress)*42px)) scale(calc(1 + var(--hero-progress)*.035));transform-origin:50% 20%}
.hero-enter .editorial-portrait{animation:portrait-reveal 1.1s ease-out both}
@keyframes portrait-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-name>span{transform:none!important;will-change:auto}.hero-enter .editorial-portrait{animation:none}.hero-enter .portrait-scene{transform:translateX(-50%)!important}}

/* Tactile feedback for the stewardship problem selector. */
.problem-options button{position:relative;transition:background .25s,color .25s,box-shadow .25s;transform-origin:center}
.problem-options button:hover,.problem-options button:focus-visible{background:#edf3ff;box-shadow:0 6px 18px #2458df14;color:#214dd2}
.problem-options button:focus-visible{outline:2px solid #4778f5;outline-offset:2px}
.problem-answer{transform-origin:50% 60%}
@media(prefers-reduced-motion:reduce){.problem-options button{transition:none}}

/* Reserved screen space; real screens can be added independently to each tab. */
.screen-composition[disabled]{opacity:1;cursor:default;transform:none!important;background:#ffffff80;border:1px solid #d9e3f1;box-shadow:inset 0 1px 0 #fff,0 18px 45px #28477c09}
.screen-placeholder{display:flex;min-height:390px;aspect-ratio:16/10;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:32px;color:#8c9bb0;font-size:13px;letter-spacing:.02em;background:linear-gradient(145deg,#ffffffb0,#f0f5fc60)}
.screen-placeholder-label{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#607b9f}
.screen-composition [hidden]{display:none!important}
@media(max-width:680px){.screen-placeholder{min-height:230px;padding:24px}}

/* Clear visual identities for the three stewardship values. */
.value-identity{margin-bottom:24px}
.value-label{display:block;font-size:clamp(30px,2.6vw,42px);line-height:1.1;font-weight:500;letter-spacing:-.04em;color:var(--blue)}

/* Frame the supplied Business Athletes artwork without its outer white margins. */
.header .brand{flex-shrink:0}
.header-business-mark{position:relative;display:block;width:184px;height:68px;overflow:hidden;mix-blend-mode:multiply}
.header-business-mark img{position:absolute;width:347px;height:208px;max-width:none;left:-83px;top:-69px}
@media(max-width:680px){.header-business-mark{width:156px;height:58px}.header-business-mark img{width:295px;height:177px;left:-70px;top:-59px}}

/* Product identity belongs to the stewardship platform section. */
.platform-product-brand{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%;margin:0 auto 30px;text-align:left;color:#182536;font-size:19px;font-weight:650;line-height:1.05;letter-spacing:-.025em}
.platform-product-brand .brand-mark{width:58px;height:54px}
.platform-product-brand .brand-mark img{width:226px;height:226px;left:-11px;top:-87px}
.platform-product-brand small{display:block;font-size:8px;font-weight:500;letter-spacing:.17em;margin-top:8px}
@media(max-width:680px){.platform-product-brand{font-size:17px;gap:10px;margin-bottom:26px}}

/* Five dimensions arrive in sequence, once, when the card enters view. */
.dimensions-card{overflow:hidden;transition:translate .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .45s}
.dimensions-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffffa6 49%,transparent 72%);opacity:0;transform:translateX(-100%)}
.dimensions-card.is-visible::after{animation:dimension-light 1.1s .15s ease-out both}
.dimensions-card.is-visible .pillar-list span{animation:dimension-arrive .6s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s;transition:background .25s,color .25s}
.dimensions-card .pillar-list span:nth-child(2){animation-delay:.24s}
.dimensions-card .pillar-list span:nth-child(3){animation-delay:.33s}
.dimensions-card .pillar-list span:nth-child(4){animation-delay:.42s}
.dimensions-card .pillar-list span:nth-child(5){animation-delay:.51s}
@keyframes dimension-arrive{0%{opacity:0;transform:translateY(14px) scale(.9)}70%{opacity:1;transform:translateY(-2px) scale(1.025)}100%{opacity:1;transform:none}}
@keyframes dimension-light{0%{opacity:0;transform:translateX(-100%)}25%{opacity:.75}100%{opacity:0;transform:translateX(100%)}}
@media(hover:hover){.dimensions-card:hover{translate:0 -5px;border-color:#bed0f3;box-shadow:0 18px 45px #265cff12}.dimensions-card .pillar-list span:hover{background:#dce8ff;color:#204fc7}}
@media(prefers-reduced-motion:reduce){.dimensions-card{transition:none;translate:none!important}.dimensions-card::after{display:none}.dimensions-card.is-visible .pillar-list span{animation:none;transition:none}}

/* Diagnostic card: reveal the framework, then respond to each chosen cause. */
.diagnostic{overflow:hidden;transition:translate .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .45s}
.diagnostic::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffffa6 49%,transparent 72%);opacity:0;transform:translateX(-100%)}
.diagnostic.is-visible::after{animation:dimension-light 1.1s .25s ease-out both}
.diagnostic .equation>span{display:inline-block}
.diagnostic.is-visible .equation>span{animation:dimension-arrive .65s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s}
.diagnostic.is-visible .equation>span:nth-of-type(2){animation-delay:.28s}
.diagnostic.is-visible .equation>span:nth-of-type(3){animation-delay:.41s}
.diagnostic-options button{font-size: 16px;transition:background .25s,color .25s,box-shadow .25s}
.diagnostic-options button:focus-visible{outline:2px solid #4778f5;outline-offset:3px}
@media(hover:hover){.diagnostic:hover{translate:0 -5px;border-color:#bed0f3;box-shadow:0 18px 45px #265cff12}.diagnostic-options button:hover{box-shadow:0 5px 12px #265cff20}}
@media(prefers-reduced-motion:reduce){.diagnostic{transition:none;translate:none!important}.diagnostic::after{display:none}.diagnostic.is-visible .equation>span{animation:none}.diagnostic-options button{transition:none}}


/* Display the four experience statistics in one row */
.experience {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
    align-items: start;
}

.experience > div {
    min-width: 0;
}

.experience-counter {
    font-size: 48px;
    display: inline-block;
}

.experience > div p {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 10px;
}

/* Responsive layout for tablets and mobile */
@media (max-width: 800px) {
    .experience {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }
}

@media (max-width: 480px) {
    .experience {
        grid-template-columns: 1fr;
    }
}

/* Turn insight into commitment: three steps reveal, then a line connects the outcome. */
.conversation-card{overflow:hidden;transition:translate .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .45s}
.conversation-card.is-visible .conversation-tools>div{animation:commitment-step-in .65s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s}
.conversation-card.is-visible .conversation-tools>div:nth-child(2){animation-delay:.3s}
.conversation-card.is-visible .conversation-tools>div:nth-child(3){animation-delay:.45s}
.conversation-card>p{position:relative}
.conversation-card>p::before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#265cff,#7baaff 65%,#c8dcff);transform:scaleX(0);transform-origin:left;pointer-events:none}
.conversation-card.is-visible>p::before{animation:commitment-connect .85s .5s cubic-bezier(.22,1,.36,1) both}
.conversation-tools>div strong{transition:color .3s}
@keyframes commitment-step-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes commitment-connect{to{transform:scaleX(1)}}
@media(hover:hover){.conversation-card:hover{translate:0 -5px;border-color:#bed0f3;box-shadow:0 18px 45px #265cff12}.conversation-tools>div:hover strong{color:#265cff}}
@media(prefers-reduced-motion:reduce){.conversation-card{transition:none;translate:none!important}.conversation-card.is-visible .conversation-tools>div{animation:none}.conversation-card.is-visible>p::before{animation:none;transform:scaleX(1)}.conversation-tools>div strong{transition:none}}

/* Stable number spacing while the experience counter animates. */
.experience-counter{display:inline-block;min-width:3ch;font-variant-numeric:tabular-nums;transform-origin:left center}

/* Original video thumbnails, with readable play controls above the image. */
.video-play{isolation:isolate;aspect-ratio:16/9}
.video-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s ease}
.video-play::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07172c08 20%,#07172c30 55%,#07172c99);z-index:-1;pointer-events:none}
.video-play .video-number{display:none}
.video-play .play-glyph{background:#10244180;box-shadow:0 4px 24px #0003}
.video-play>span:last-child{text-shadow:0 1px 5px #000}
.video-play:hover .video-thumbnail{transform:scale(1.035)}
.video-play:focus-visible{outline:3px solid #265cff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.video-thumbnail{transition:none}.video-play:hover .video-thumbnail{transform:none}}

/* Final footer credit. */
footer{flex-wrap:wrap}
footer .powered-by{flex:1 0 100%;width:100%;margin:0;padding-top:18px;border-top:1px solid var(--line);text-align:center;font-size:12px;line-height:1.6}
footer .powered-by strong{font-weight:550;color:var(--ink)}

/* Shared page edges: navigation, section content, hero copy and footer. */
:root{--page-gutter:max(100px,calc((100% - 1400px)/2))}
.header{width:calc(100% - 2 * var(--page-gutter));max-width:none;margin-inline:auto}
.section{max-width:none;width:100%;padding-inline:var(--page-gutter)}
.clients-heading{max-width:none;padding-inline:0}
.hero-edition{left:var(--page-gutter);right:var(--page-gutter)}
.hero-manifesto{left:var(--page-gutter)}
.hero-explorer{right:var(--page-gutter)}
.quote-section{width:calc(100% - 2 * var(--page-gutter));max-width:none;margin-inline:auto;padding-inline:clamp(24px,5vw,90px)}
footer{padding-inline:var(--page-gutter)}
@media(max-width:680px){
  :root{--page-gutter:20px}
  .hero-manifesto{width:calc(100% - 2 * var(--page-gutter))}
  .hero-explorer{left:var(--page-gutter);right:var(--page-gutter)}
  .mobile-nav{left:var(--page-gutter);right:var(--page-gutter)}
}

/* Moving testimonials with readable sample labels and optional motion. */
.quote-section.testimonials{padding:56px 0;background:radial-gradient(ellipse at 85% 0%,#1e365b,transparent 65%),#101b35}
.testimonials-heading{padding:0 clamp(24px,4vw,64px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}
.testimonials-heading .eyebrow{color:#aabfdf;margin-bottom:16px}
.testimonials-heading h2{font-size:clamp(30px,3vw,52px);line-height:1.08;letter-spacing:-.045em;margin:0;font-weight:450}
.testimonials-heading h2 span{color:#aabfdf}
.testimonials-toggle{flex-shrink:0;border:1px solid #ffffff45;border-radius:30px;color:#e2ecff;background:#ffffff0a;padding:12px 18px;font:inherit;font-size:13px;cursor:pointer}
.testimonials-toggle:hover{background:#ffffff18}
.testimonials-toggle[hidden]{display:none}
.testimonials-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.testimonials-track{display:flex;width:max-content}
.testimonials-ready .testimonials-track{animation:testimonials-drift 48s linear infinite}
.testimonials-group{display:flex;gap:24px;padding-right:24px}
.testimonial-card{width:clamp(300px,30vw,460px);display:flex;flex-direction:column;padding:30px;border:1px solid #ffffff20;background:linear-gradient(140deg,#ffffff10,#ffffff04);border-radius:20px;min-height:330px}
.testimonial-type{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#aabfdf;margin:0 0 28px}
.sample-badge{font-size:9px;letter-spacing:.1em;border:1px solid #ffffff35;padding:4px 7px;border-radius:5px;color:#cedaf0}
.quote-section .testimonial-card blockquote{font-size:clamp(23px,2vw,30px);line-height:1.35;font-weight:400;margin:0 0 30px;letter-spacing:-.035em}
.testimonial-person{margin-top:auto;display:grid;gap:6px}
.testimonial-person strong{font-size:15px;font-weight:550;color:white}
.testimonial-person>span{font-size:12px;color:#aabfdf}
.testimonial-card>a,.testimonial-sample-note{font-size:11px;color:#aabfdf;margin:18px 0 0;line-height:1.5}
.testimonials-window:hover .testimonials-track,.testimonials-window:focus-within .testimonials-track,.testimonials-paused .testimonials-track,.testimonials-offscreen .testimonials-track{animation-play-state:paused}
.testimonials-window:focus-visible,.testimonials-toggle:focus-visible{outline:2px solid #aabfdf;outline-offset:4px}
@keyframes testimonials-drift{to{transform:translateX(-50%)}}
@media(max-width:680px){.quote-section.testimonials{padding:36px 0}.testimonials-heading{align-items:flex-start;flex-direction:column;padding:0 24px;gap:20px}.testimonial-card{width:280px;min-height:360px;padding:26px}.testimonials-group{gap:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.testimonials-ready .testimonials-track{animation:none}.testimonials-window{overflow-x:auto;mask-image:none;scroll-snap-type:x mandatory}.testimonials-group{padding:0 24px}.testimonials-group[aria-hidden]{display:none}.testimonial-card{scroll-snap-align:center}.testimonials-toggle{display:none}}

/* Optional testimonial media retain the existing card dimensions and typography. */
.testimonials[hidden]{display:none}.testimonial-card{overflow-wrap:anywhere}.testimonial-card blockquote{white-space:pre-wrap}.testimonial-photo{width:52px;height:52px;object-fit:cover;border-radius:50%;margin-bottom:6px}.testimonial-logo{width:64px;height:36px;object-fit:contain;flex-shrink:0}

.testimonials-group{flex-shrink:0}.testimonials-static .testimonials-track{animation:none;transform:none;width:auto;justify-content:center}.testimonials-static .testimonials-group[aria-hidden]{display:none}

.screen-composition{aspect-ratio:16/10;min-height:390px}
#platform-screen{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;display:block;object-fit:cover;object-position:center}
.screen-placeholder{position:absolute;inset:0;min-height:0;aspect-ratio:auto}
@media(max-width:680px){.screen-composition{min-height:230px}}