.camera-story{position:relative;height:190svh;--camera-progress:0;--header-height:126px;background:#20262b}.camera-story .camera-hero{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));min-height:590px;max-height:1050px;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#111a22 0%,#202b34 55%,#303a40 100%)}.camera-hero .camera-ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 37%,#cdb65a1c,transparent 44%),radial-gradient(ellipse at 100% 100%,#b5bdc31c,transparent 60%);transform:translateY(calc(var(--camera-progress)*-20px));pointer-events:none}.camera-hero .hero-grid{opacity:.035;mask-image:none;background-size:100px 100px}.camera-hero .cinema-content{justify-content:center;padding-top:35px;padding-bottom:115px;pointer-events:none;z-index:3}.camera-copy{max-width:55%;pointer-events:auto;position:relative;z-index:3;transform:translateY(calc(var(--camera-progress)*-10px))}.camera-hero .camera-copy h1{font-size:clamp(42px,4.55vw,70px);line-height:1.13;letter-spacing:-.04em;max-width:710px;margin-bottom:23px;animation:none;text-wrap:normal}.camera-hero .hero-caption{font-size:10px;margin-bottom:25px;animation:none}.camera-copy>p{font-size:16px;line-height:1.9;color:#d0d8de;max-width:510px;margin:0 0 24px}.camera-hero .hero-actions{gap:12px;margin:0;animation:none;flex-wrap:wrap}.camera-hero .hero-actions .btn{font-size:12px;padding:16px 22px;gap:17px}.camera-hero .hero-bottom{pointer-events:auto;bottom:30px;padding-top:22px;right:0;left:0;max-width:100%;border-color:#ffffff20}.camera-hero .hero-trust{gap:35px;width:auto;display:flex}.camera-hero .hero-trust>span{font-size:10px;flex-direction:row}.camera-hero .hero-trust svg{width:19px;height:19px}.camera-stage{position:absolute;top:0;right:0;width:54%;height:100%;z-index:1;pointer-events:none;contain:layout style}.camera-stage canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .45s}.camera-stage.is-ready canvas{opacity:1}.camera-fallback{position:absolute;left:20%;top:15%;height:65%;width:60%;object-fit:cover;object-position:center;border-radius:22px;opacity:.7;mix-blend-mode:luminosity}.camera-stage.is-ready .camera-fallback{display:none}.camera-orbit{position:absolute;width:75%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-48%) rotateX(62deg) rotateZ(-20deg);border:1px solid #d7cf9a24;border-radius:50%;box-shadow:0 0 90px #e3c96708,inset 0 0 60px #e3c96705}.camera-orbit:after{content:'';position:absolute;inset:11%;border:1px dashed #cfccaa19;border-radius:50%}.camera-shadow{position:absolute;width:65%;height:11%;background:radial-gradient(ellipse,#0006,transparent 68%);left:20%;bottom:19%;filter:blur(13px);transform:scale(calc(1 - var(--camera-progress)*.12))}.camera-stage-label{position:absolute;bottom:108px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:9px;letter-spacing:.045em;color:#c7d0d0;z-index:3}.camera-dot{width:5px;height:5px;border-radius:50%;background:#e4ca73;box-shadow:0 0 0 5px #e4ca7312}.camera-scroll{position:absolute;right:50px;bottom:37px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.04em;color:#d4d9d8;z-index:5}.scroll-track{height:24px;width:15px;border:1px solid #b6c2c25e;border-radius:10px;display:block;padding-top:5px}.scroll-track i{display:block;width:2px;height:6px;background:#e4cd83;margin:auto;border-radius:3px}.camera-timeline{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff0b}.camera-timeline span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ac9760,#f2d674);transform:scaleX(var(--camera-progress));transform-origin:left}.camera-hero a:focus-visible{outline:2px solid #f3d571;outline-offset:5px}
@media(min-width:1500px){.camera-hero .camera-copy h1{font-size:74px}}
@media(max-width:1150px){.camera-copy{max-width:56%}.camera-hero .camera-copy h1{font-size:clamp(42px,4.6vw,60px)}.camera-hero .hero-actions .btn{padding:15px 17px;font-size:11px}.camera-scroll{right:32px}.camera-stage{width:51%}.camera-hero .hero-trust{gap:22px}.camera-hero .hero-trust>span{font-size:9px}.camera-stage-label{font-size:8px}}
@media(max-width:920px){.camera-story{height:165svh;--header-height:113px}.camera-story .camera-hero{height:calc(100svh - var(--header-height));min-height:620px}.camera-stage{width:55%;height:75%;top:10%;right:-3%}.camera-copy{max-width:60%}.camera-hero .camera-copy h1{font-size:clamp(37px,5.7vw,52px)}.camera-copy>p{font-size:14px}.camera-hero .hero-caption{font-size:9px}.camera-hero .cinema-content{padding-top:30px;padding-bottom:110px}.camera-hero .hero-trust{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.camera-hero .hero-trust>span{font-size:9px;gap:8px}.camera-scroll{right:22px;bottom:100px;font-size:8px}.camera-stage-label{bottom:15px;font-size:7px}.camera-shadow{bottom:16%}}
@media(max-width:560px){.camera-story{height:145svh;--header-height:122px}.camera-story .camera-hero{height:calc(100svh - var(--header-height));min-height:550px;max-height:850px}.camera-hero .cinema-content{display:block;padding-top:27px;padding-bottom:0}.camera-copy{max-width:100%;transform:none}.camera-hero .camera-copy h1{font-size:clamp(29px,8.2vw,41px);line-height:1.13;max-width:100%;margin-bottom:14px}.camera-hero .hero-caption{font-size:8px;margin-bottom:15px}.camera-copy>p{font-size:12px;line-height:1.7;margin:0 0 17px;max-width:335px}.camera-copy>p br{display:none}.camera-hero .hero-actions{flex-direction:row;gap:8px;align-items:stretch;margin:0;flex-wrap:nowrap}.camera-hero .hero-actions .btn{min-width:0;padding:12px 12px;gap:8px;font-size:10px;justify-content:center}.camera-hero .hero-actions .btn svg{width:14px;height:14px}.camera-stage{width:100%;height:46%;right:0;top:auto;bottom:67px}.camera-stage-label{bottom:6px;font-size:7px}.camera-shadow{bottom:11%;height:14%;width:58%;left:23%}.camera-orbit{width:65%;transform:translate(-50%,-35%) rotateX(65deg) rotateZ(-20deg)}.camera-hero .hero-bottom{bottom:18px;padding-top:13px}.camera-hero .hero-trust{gap:9px}.camera-hero .hero-trust>span,.camera-hero .hero-trust>span:last-child{font-size:8px;gap:5px;line-height:1.5;flex-direction:row;align-items:center;grid-column:auto}.camera-hero .hero-trust svg{width:15px;height:15px;flex-shrink:0}.camera-scroll{display:none}.camera-hero .hero-grid{background-size:65px 65px}}
@media(max-width:560px) and (max-height:740px){.camera-story .camera-hero{min-height:530px}.camera-hero .cinema-content{padding-top:20px}.camera-hero .camera-copy h1{font-size:29px}.camera-hero .hero-caption{margin-bottom:12px}.camera-copy>p{font-size:11px;line-height:1.65;margin-bottom:13px}.camera-stage{height:42%;bottom:60px}.camera-stage-label{display:none}.camera-hero .hero-actions .btn{padding:11px}.camera-hero .hero-bottom{bottom:15px}}
@media(max-width:920px) and (orientation:landscape){.camera-story{height:auto}.camera-story .camera-hero{position:relative;top:auto;height:560px;min-height:560px}.camera-copy{max-width:58%}.camera-stage{width:50%;height:95%;top:0;bottom:auto}.camera-hero .camera-copy h1{font-size:40px}.camera-copy>p{max-width:400px}.camera-hero .hero-actions{flex-wrap:wrap}.camera-hero .hero-bottom{bottom:25px}}
@media(prefers-reduced-motion:reduce){.camera-story{height:auto}.camera-story .camera-hero{position:relative;top:auto}.camera-copy,.camera-ambient,.camera-shadow{transform:none!important}.camera-stage canvas{transition:none}.camera-timeline{display:none}}

.camera-scroll{right:105px}.camera-story:not(.camera-interactive){height:auto}.camera-story:not(.camera-interactive) .camera-hero{position:relative;top:auto}.camera-story .camera-hero{min-height:0}
@media(max-width:560px){.camera-stage{top:255px;bottom:68px;height:auto}.camera-hero .hero-trust{width:calc(100% - 48px)}.camera-hero .hero-trust>span{font-size:7.5px}.camera-stage-label{bottom:4px}}
@media(max-width:560px) and (max-height:740px){.camera-stage{top:235px;bottom:65px;height:auto}}
@media(max-width:920px) and (orientation:landscape){.camera-stage{top:0;bottom:auto;height:95%}.camera-story .camera-hero{min-height:560px}}

/* Shorter mobile scroll distance for a quicker camera transition. */
@media(max-width:560px){.camera-story.camera-interactive{height:117svh}}
@media(max-width:920px) and (orientation:landscape),(prefers-reduced-motion:reduce){.camera-story.camera-interactive{height:auto}}

/* The camera always starts just below the mobile copy; no floating drift. */
@media(max-width:560px) and (orientation:portrait){.camera-stage{top:calc(var(--camera-copy-bottom,235px) + 14px);bottom:68px;height:auto}.camera-stage-label{bottom:2px;color:#dde1d8}.camera-orbit{border-color:#d7cf9a30}.camera-shadow{filter:blur(10px);opacity:.8}.camera-copy{transform:none}}

/* The grid reserves the longest word so only the gold word moves. */
.camera-hero .camera-copy h1>.hero-word{display:inline-grid;grid-template-columns:max-content;vertical-align:bottom;overflow:hidden;background:none;-webkit-text-fill-color:initial;line-height:inherit;padding-block:.06em;margin-block:-.06em}.hero-word-item{grid-area:1/1;display:block;white-space:nowrap;opacity:0;transform:translateY(.5em);transition:opacity .38s ease,transform .48s cubic-bezier(.2,.7,.2,1);background:linear-gradient(115deg,#fff2b5,#f0c849,#e5b72b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#f5d35c}.hero-word-item.is-active{opacity:1;transform:translateY(0)}.hero-word-item.is-leaving{opacity:0;transform:translateY(-.5em)}
@media(max-width:360px){.camera-hero .camera-copy h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.hero-word-item{transition:none}}

/* Automatic rotation: a normal single-screen hero, without pinned scrolling. */
.camera-story.camera-interactive,.camera-story{height:auto}.camera-story .camera-hero{position:relative;top:auto}.camera-hero .camera-timeline{display:none}.camera-copy,.camera-hero .camera-ambient,.camera-shadow{transform:none}.hero-word-item{transition:opacity .28s ease,transform .36s cubic-bezier(.2,.7,.2,1)}