.motion-manifesto{background:#f4f7fb;position:relative;z-index:1}.manifesto-screen{height:75svh;min-height:440px;overflow:hidden;position:relative;display:flex;align-items:center;isolation:isolate;background:#f4f7fb;transform-origin:center top}.motion-label,.motion-note{position:absolute;left:6vw;font-size:9px;letter-spacing:.15em;color:#63808a}.motion-label{top:38px}.motion-note{bottom:28px}.travel-sentence{font-size:clamp(55px,10vw,145px);line-height:1.15;font-weight:500;letter-spacing:-.065em;white-space:nowrap;flex-shrink:0;margin:0;padding:0 12vw}.travel-sentence em{font-style:normal;color:#6b8b9a}.travel-sentence .letter{display:inline-block}.motion-offer{position:relative;background:#173c51;color:#edf4f5}.offer-screen{height:100svh;min-height:720px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 75%,#6e99a944,transparent 65%),#173c51;isolation:isolate}.offer-title{position:absolute;top:7vh;left:0;right:0;text-align:center;z-index:4;pointer-events:none}.offer-title h2{font-size:clamp(35px,4vw,57px);font-weight:500;letter-spacing:-.055em;line-height:1.03;margin:16px 0}.offer-title h2 span{color:#a0bbc6}.offer-title .eyebrow{font-size:8px;color:#bbced5}.motion-deck{position:absolute;top:33%;left:0;width:100%;height:420px;perspective:1600px}.motion-card{position:absolute;left:50%;margin-left:-155px;top:0;width:310px;height:390px;transform-origin:center 130%;z-index:1}.card-two{z-index:2}.card-three{z-index:3}.card-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d}.card-face{position:absolute;inset:0;border-radius:15px;backface-visibility:hidden;padding:26px;display:flex;flex-direction:column;box-shadow:0 18px 40px #051a2933;overflow:hidden;color:#18394c;border:1px solid #ffffff70}.card-front{background:#e7f1f5}.card-two .card-front{background:#d1e3eb}.card-three .card-front{background:#dde9fb}.card-back{transform:rotateY(180deg);background:#f4f7fb}.card-kicker,.card-foot{font-size:8px;letter-spacing:.12em;color:#59737f}.card-face h3{font-size:38px;font-weight:500;letter-spacing:-.06em;line-height:1;margin:21px 0 17px}.card-face img{display:block;width:100%;height:135px;object-fit:cover;object-position:top;border-radius:2px}.card-face p{font-size:12px;line-height:1.6;margin:16px 0}.card-face a{margin-top:auto;padding-top:10px;border-top:1px solid #35566a22;font-size:10px}.card-statement{height:135px;display:flex;align-items:center;font-size:29px;line-height:1.15;letter-spacing:-.05em;color:#8e846e}.card-back h3{font-size:50px;margin-top:50px}.card-back p{font-size:14px}.card-foot{margin-top:auto}.deck-navigation{position:absolute;bottom:28px;left:6vw;right:6vw;display:flex;align-items:center;gap:20px;z-index:5}.deck-navigation button{font:inherit;font-size:10px;color:#e9f0f2;border:0;background:none;padding:9px 0;cursor:pointer}.deck-navigation span{height:1px;background:#9fb6c044;flex:1}.deck-hint{left:auto;right:6vw;bottom:65px;color:#a9c2cc;font-size:8px}.offer-curtain{position:absolute;inset:0;background:#f4f7fb;z-index:6;pointer-events:none;opacity:0}.motion-contact{background:radial-gradient(ellipse at 95% 65%,#b9d2fb55,transparent 55%),linear-gradient(#f4f7fb,#dcebf3);position:relative;overflow:hidden}.contact-screen{padding:100px 24px 80px;text-align:center;min-height:75svh;display:flex;align-items:center;justify-content:center;flex-direction:column}.contact-screen h2{font-size:clamp(72px,12vw,175px);line-height:.87;letter-spacing:-.07em;font-weight:500;margin:32px 0}.contact-screen h2 em{font-style:normal;color:#708e9b}.motion-cta{font-size:18px;display:flex;align-items:center;gap:70px;border-bottom:1px solid #57798766;padding:18px 0}.motion-cta span{font-size:30px}.contact-caption{font-size:12px;color:#5f7b88;margin:30px 0 0}.motion-footer{padding:28px 6vw;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #32566a22;font-size:11px;color:#577482}.motion-footer>a:first-child{font-size:22px;font-weight:600;letter-spacing:-.05em;color:#163c51}.anchor-point{position:absolute;top:0}
/* Readable baseline, also used for reduced motion. */
html:not(.offer-motion) .travel-sentence{white-space:normal;padding:50px 6vw;font-size:clamp(42px,6vw,90px)}html:not(.offer-motion) .offer-screen{height:auto;padding:70px 24px}html:not(.offer-motion) .offer-title{position:relative;top:auto}html:not(.offer-motion) .motion-deck{position:relative;top:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:20px;height:auto;margin:45px 0}html:not(.offer-motion) .motion-card{position:relative;left:auto;margin:0;transform:none}html:not(.offer-motion) .deck-navigation,html:not(.offer-motion) .deck-hint{display:none}html:not(.offer-motion) .card-back{display:none}
@media(max-width:750px){.manifesto-screen{height:55svh;min-height:330px}.motion-label,.motion-note{left:24px;font-size:7px}.offer-title h2{font-size:40px}.contact-screen{padding:70px 24px 60px;min-height:0}.contact-screen h2{font-size:78px}.motion-footer{padding:25px 24px;flex-wrap:wrap}.contact-caption{font-size:11px}.motion-card{width:310px;max-width:100%}.card-face img{height:135px}}
@media(prefers-reduced-motion:reduce){.card-flip{transform:none!important}}

.process-title{display:none}.offer-motion .process-title{display:block;position:absolute;top:24px;left:0;right:0;opacity:0} @media(min-width:751px) and (max-height:780px){.offer-screen{min-height:620px}.motion-deck{top:29%;transform:scale(.88);transform-origin:center top}.offer-title{top:4vh}.offer-title h2{font-size:40px}}
/* V5: a spacious stage, one arc of movement, and deliberate colour contrast. */
.motion-manifesto,.manifesto-screen{background:#f3f7fc}.manifesto-screen{height:100svh;min-height:500px}.travel-sentence{padding:0;font-size:clamp(72px,11.5vw,165px);letter-spacing:-.065em;color:#192b39}.travel-sentence em{color:#2656d8}.motion-label,.motion-note{font-size:10px;letter-spacing:.11em}
.motion-offer{background:#14283b}.offer-screen{background:#14283b;min-height:660px}.offer-title{top:9vh}.offer-title h2{font-size:clamp(44px,4.5vw,68px);line-height:1.01;font-weight:500}.offer-title h2 span{color:#9db7d5}.offer-title .eyebrow{font-size:9px;letter-spacing:.17em;color:#bad0e2}.motion-deck{top:37%;height:420px}.card-face{border:0;border-radius:12px;box-shadow:0 14px 28px #0000001a;padding:27px}.card-front{background:#2455df;color:#fff}.card-one .card-front .card-kicker,.card-one .card-front a{color:#e2ebff}.card-front a{border-color:#ffffff40}.card-two .card-front{background:#edf3fc;color:#14283b}.card-three .card-front{background:#f3a461;color:#3e281d}.card-three .card-kicker,.card-three .card-statement{color:#5b3826}.card-face h3{font-size:39px;letter-spacing:-.06em}.card-face img{height:133px}.card-back{background:#f3f7fc}.card-two .card-back{background:#d7e5ff}.card-three .card-back{background:#f3f7fc}.card-statement{font-size:32px}.deck-navigation button{font-size:11px}.deck-hint{font-size:9px}.offer-curtain{background:#f3f7fc}.motion-contact{background:radial-gradient(ellipse at 90% 100%,#a9c6ff38,transparent 65%),#f3f7fc}.contact-screen h2{color:#192b39}.contact-screen h2 em{color:#2656d8}
@media(min-width:751px) and (max-height:800px){.offer-title{top:6vh}.offer-title h2{font-size:46px}.motion-deck{top:34%;transform:scale(.84);transform-origin:center top}}
@media(min-width:751px) and (max-width:1050px){.motion-deck{transform:scale(.75);transform-origin:center top}}
html:not(.offer-motion) .manifesto-screen{height:auto;min-height:55svh}html:not(.offer-motion) .motion-card{height:auto;min-height:390px}html:not(.offer-motion) .card-flip{height:auto}html:not(.offer-motion) .card-face{position:relative;min-height:390px}html:not(.offer-motion) .card-back{display:flex;transform:none;margin-top:12px;min-height:255px}html:not(.offer-motion) .card-back h3{font-size:36px;margin-top:22px}html:not(.offer-motion) .motion-deck{transform:none}html:not(.offer-motion) .process-title{display:none}

.offer-motion .motion-contact{margin-top:0;z-index:1}.offer-motion .contact-screen{min-height:100svh;box-sizing:border-box}

/* Reading pause and reflected light are tied to the same scroll timeline. */
.travel-sentence{letter-spacing:-.035em;word-spacing:.1em}.travel-sentence em{margin-left:.22em}
.card-face{box-shadow:inset 0 1px 1px #ffffffb3,inset 1px 0 1px #ffffff65,inset 0 -2px 2px #0c182a40,0 14px 28px #0000001a;border:1px solid #ffffff55;--shine:-140%}
.card-face::after{content:"";position:absolute;inset:-40%;pointer-events:none;background:linear-gradient(112deg,transparent 32%,#ffffff08 40%,#ffffff65 48%,#ffffff0a 56%,transparent 65%);transform:translateX(var(--shine));z-index:3}
.card-face::before{content:"";position:absolute;inset:2px;border:1px solid #ffffff25;border-radius:10px;pointer-events:none}
.contact-line{display:block;overflow:hidden;padding:.09em .04em;margin:-.09em -.04em}.contact-word{display:inline-block;transform-origin:center top}.contact-line em{font-style:normal}

/* Touch screens keep the same reversible choreography in a smaller stage. */
@media(max-width:750px){.offer-motion .offer-screen{height:100svh;min-height:540px}.offer-motion .offer-title{top:7svh}.offer-motion .offer-title h2{font-size:36px}.offer-motion .motion-deck{top:31%;transform:scale(.68);transform-origin:center top}.offer-motion .deck-navigation{bottom:20px;left:24px;right:24px}.offer-motion .deck-hint{bottom:55px}.offer-motion .manifesto-screen{height:100svh;min-height:400px}.offer-motion .travel-sentence{font-size:clamp(64px,15vw,110px)}.offer-motion .contact-screen h2{font-size:clamp(58px,16vw,100px)}}
@media(max-width:750px) and (max-height:650px){.offer-motion .motion-deck{transform:scale(.56);top:30%}.offer-motion .offer-title h2{font-size:30px}.offer-motion .offer-screen{min-height:440px}}

@media(max-width:750px) and (min-height:651px){.offer-motion .motion-deck{transform:scale(.88);top:29%}}