/* Portal-specific cinematic story. All motion can be paused and honors reduced motion. */
.signature-film{background:#247d86;container-type:size}.cinema-poster,.cinema-poster img,.cinema-film{position:absolute;inset:0;width:100%;height:100%}.cinema-poster img{object-fit:cover;filter:brightness(1.08) saturate(1.12)}.cinema-film{opacity:0;transition:opacity 1.1s ease;pointer-events:none;overflow:hidden}.film-visible .cinema-film{opacity:1}.cinema-film iframe{position:absolute;top:50%;left:50%;width:100cqw;height:56.25cqw;min-width:177.778cqh;min-height:100cqh;transform:translate(-50%,-50%);border:0;filter:brightness(1.16) saturate(1.18)}.signature-film .cinema-shade{background:linear-gradient(0deg,#104a6430,transparent 38%);pointer-events:none}.signature-film .cinema-copy{bottom:100px;text-shadow:0 1px 4px #06374788,0 2px 16px #06374744}.signature-film .film-kicker{font-size:12px;letter-spacing:.2em;font-weight:600;margin-bottom:29px}.signature-film .cinema-bottom{max-width:100%}.signature-film .cinema-bottom>p{font-size:19px;line-height:1.75}.signature-film .cinema-bottom>a{letter-spacing:0;font-size:14px}.film-tools{position:absolute;right:6%;bottom:27px;display:flex;align-items:center;gap:19px;color:#fff;font-size:11px;z-index:2}.film-tools button{background:#176b8288;border:1px solid #ffffff80;color:#fff;border-radius:30px;padding:9px 16px;min-height:40px;font-size:11px;backdrop-filter:blur(8px)}.film-tools a{border-bottom:1px solid #ffffff99;padding:8px 0;text-shadow:0 1px 4px #063747}.film-status{position:absolute;left:6%;bottom:31px;color:white;font-size:11px;margin:0;max-width:54%}.signature-intro .intro-signoff{font-size:14px;color:#79706c;margin-top:22px;line-height:1.9}.brand-universe{background:#fbf7f3}.brand-head-note{max-width:395px}.brand-head-note>p{font-size:15px}.story-motion-toggle{margin-top:18px;border:1px solid #c5bbb4;border-radius:25px;background:transparent;font-size:11px;padding:8px 15px;min-height:40px;color:#514c47}.story-mosaic{gap:30px}.story-mosaic .universe-card{display:flex;flex-direction:column;border-radius:6px;min-height:0;isolation:isolate}.story-mosaic .universe-info{padding:34px 36px 25px}.story-mosaic .universe-info small{color:inherit;opacity:.8;font-size:10px;letter-spacing:.075em}.story-mosaic .universe-info h3{font-size:36px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;line-height:1.4;margin-top:12px}.story-mosaic .universe-info p{font-size:15px;line-height:1.8;margin:15px 0 21px}.story-mosaic .universe-info>span{font-size:12px;border-bottom:1px solid #0003;padding-bottom:5px}.story-mosaic .universe-card:hover .universe-info>span{border-bottom-color:currentColor}.story-mosaic .universe-coffee .universe-info>span{border-color:#fff5}.story-coming{display:inline-block;border:1px solid currentColor;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:500;letter-spacing:0;white-space:nowrap;opacity:.8}.brand-scene{position:relative;overflow:hidden;height:330px;margin-top:auto;isolation:isolate;--scene-play:paused}.brand-scene[data-visible=true]{--scene-play:running}.brand-scene *,.brand-scene *:before,.brand-scene *:after{animation-play-state:var(--scene-play)!important}.scenes-paused .brand-scene{--scene-play:paused!important}.scene-label{position:absolute;left:24px;bottom:15px;font-size:8px;letter-spacing:.16em;font-weight:650;z-index:5;opacity:.75}.story-mosaic .brand-scene img{width:auto;height:auto;object-fit:contain;transition:none}.story-mosaic .universe-card:hover img{transform:none}.universe-coco{background:#fbe4ec;color:#672e4e}.brand-scene.ride-story{background:#54b4d7;height:auto;aspect-ratio:1.5}.ride-horizon{display:none}.ride-road{position:absolute;bottom:0;left:0;right:0;height:10%;z-index:3;background:url('couple-coast-1280.webp') 0 100%/100% 1000%;animation:signature-pair-road 1.7s linear infinite}.riding-pair{position:absolute;inset:-1.2%;animation:signature-pair-ride 1.1s ease-in-out infinite}.story-mosaic .brand-scene .story-riders{width:100%;height:100%;object-fit:cover}.ride-story .ride-breeze{z-index:4;top:32%}.ride-story .breeze-two{top:39%}.riding-note{position:absolute;left:24px;top:25px;font-size:15px;z-index:5;color:#634451;background:#fff7e9e8;padding:10px 17px;border-radius:50% 50% 50% 8%;transform:rotate(-7deg);animation:signature-note 4s ease-in-out infinite}.ride-breeze{position:absolute;left:13%;height:3px;width:60px;background:#fff9;top:55%;border-radius:5px;animation:signature-breeze 1.6s linear infinite}.breeze-two{top:64%;left:10%;width:38px;animation-delay:-.6s}.ride-story .scene-label{color:#fff;opacity:.95;text-shadow:0 1px 3px #253946}.universe-sweet{background:#ffe5a6;color:#603322}.sweet-story{background:radial-gradient(ellipse at 62% 60%,#fff3d8 0 21%,#f5c7a8 22% 22.5%,transparent 23%),#ffdf9b}.sweet-orbit{position:absolute;width:440px;height:440px;border:1px dashed #ba854477;border-radius:50%;top:-85px;left:15%;animation:signature-turn 50s linear infinite}.orbit-two{width:345px;height:345px;top:-38px;left:25%;animation-direction:reverse}.story-mosaic .brand-scene .story-scoop{position:absolute;left:47%;bottom:28px;height:285px;width:191px;filter:drop-shadow(10px 13px 1px #b7793622);z-index:2;animation:signature-scoop 5s ease-in-out infinite}.scoop-shadow{position:absolute;left:46%;bottom:16px;width:190px;height:20px;border-radius:50%;background:#8d5b2922;filter:blur(4px);animation:signature-shadow 5s ease-in-out infinite}.sweet-doodle{position:absolute;z-index:3;font-size:45px;color:#d78759;animation:signature-turn 24s linear infinite}.doodle-one{left:30px;bottom:52px}.doodle-two{right:25px;top:45px;font-size:32px;animation-direction:reverse}.sweet-handwriting{position:absolute;left:30px;top:43px;font-family:Georgia,serif;font-style:italic;font-size:30px;line-height:1.12;transform:rotate(-9deg);z-index:3}.sweet-handwriting i{font-size:23px}.universe-seed{background:#f8d857;color:#523521}.seed-story-scene{background:repeating-linear-gradient(90deg,#f5cc47 0 25px,#f9d855 25px 50px)}.story-peanut{position:absolute;bottom:-45px;width:150px;transform-origin:50% 90%;filter:drop-shadow(7px 7px 0 #78512014)}.story-peanut svg{display:block;width:100%;height:auto}.peanut-one{left:26%;animation:signature-peanut-one 4s ease-in-out infinite}.peanut-two{right:12%;bottom:-38px;animation:signature-peanut-two 4s ease-in-out infinite}.peanut-eyes{transform-box:fill-box;transform-origin:center;animation:signature-blink 6s infinite}.seed-sun{position:absolute;top:26px;right:24px;font-size:62px;color:#fff2ae;animation:signature-turn 32s linear infinite;line-height:1}.seed-note{position:absolute;left:25px;top:28px;font:italic 28px/1.1 Georgia,serif;z-index:2;transform:rotate(-6deg)}.seed-note i{font-size:22px}.universe-coffee{background:#344b3e;color:#fff8df}.coffee-story{background:#344b3e}.coffee-window-art{width:43%;height:92%;position:absolute;right:15px;bottom:-15px;border-radius:150px 150px 0 0;overflow:hidden;border:10px solid #bcbba3;background:#e9e3c9}.window-sun{position:absolute;width:58px;height:58px;right:24px;top:30px;border-radius:50%;background:#e3a867;animation:signature-sun 9s ease-in-out infinite}.window-sea{position:absolute;inset:50% -80px 0;background:repeating-linear-gradient(0deg,#669a9a 0 18px,#76a6a3 18px 20px);transform:rotate(-7deg);animation:signature-sea 6s ease-in-out infinite}.window-curtain{position:absolute;top:0;left:-20px;width:60px;height:100%;background:repeating-linear-gradient(90deg,#fff8e2dd 0 12px,#e9e4ccee 12px 19px);transform-origin:top;animation:signature-curtain 5s ease-in-out infinite}.coffee-script{position:absolute;top:25px;left:27px;font:italic 26px/1.15 Georgia,serif;transform:rotate(-5deg);z-index:1;color:#f1e5b8}.coffee-script i{font-size:21px}.story-cup{position:absolute;width:61%;max-width:345px;left:11%;bottom:25px;filter:drop-shadow(4px 10px 4px #18221a33)}.coffee-steam{stroke-dasharray:65 100;animation:signature-steam 5s ease-in-out infinite}.coffee-story .scene-label{color:#f8edcc}.story-mosaic .universe-tour{grid-column:span 2;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;background:#e1efeb;color:#264d51;min-height:430px}.map-story{height:430px;width:100%;margin:0;background:#cce7e6}.postcard-map{width:100%;height:100%;display:block}.postcard-shore{fill:#f8f3db;stroke:#8bb9a6;stroke-width:2;filter:drop-shadow(0 7px 0 #81b7ae44)}.postcard-route{fill:none;stroke:#df937e;stroke-width:4;stroke-linecap:round;stroke-dasharray:3 10;animation:signature-trail 18s linear infinite}.postcard-pins text{fill:#315a58;font-weight:750;font-size:18px;letter-spacing:-.03em;paint-order:stroke;stroke:#f5f2dc;stroke-width:5px;stroke-linejoin:round}.postcard-pin{fill:#df776d;stroke:#fff9ee;stroke-width:3}.map-halo{fill:#e7927b55;transform-box:fill-box;transform-origin:center;animation:signature-pin 4s ease-out infinite}.island-name{fill:#69896d;font-size:28px;font-weight:800;letter-spacing:6px}.island-en{fill:#7e9380;font-size:8px;letter-spacing:2px}.map-cloud{animation:signature-cloud 13s ease-in-out infinite}.map-waves{animation:signature-waves 6s ease-in-out infinite}.tiny-boat{transform-box:fill-box;transform-origin:center;animation:signature-boat 4s ease-in-out infinite}.map-compass{fill:#548781;font-size:17px}.story-mosaic .universe-info .map-art-note{display:block;font-size:10px;margin:22px 0 0;letter-spacing:0;color:#617e7a}.signature-manifesto{background:#283a39}.signature-manifesto .eyebrow{color:#eaa097}.signature-manifesto h2 em{color:#edaaa1}.signature-manifesto .manifesto-three p{color:#d1d8d4}.signature-outro{background:#df817e}.signature-outro h2{line-height:1.3}.signature-outro .btn{color:#61423c}.signature .media-credit{font-size:10px;line-height:1.8;margin:20px auto;color:#777}.media-credit a{text-decoration:underline}
@keyframes signature-pair-road{to{background-position:-100% 100%}}
@keyframes signature-pair-ride{0%,100%{translate:0 0}50%{translate:0 -2px}}
@keyframes signature-note{50%{translate:0 -5px;rotate:3deg}}
@keyframes signature-breeze{0%{translate:20px 0;opacity:0}30%{opacity:.9}100%{translate:-45px 0;opacity:0}}
@keyframes signature-turn{to{rotate:360deg}}
@keyframes signature-scoop{0%,100%{translate:0 0;rotate:7deg}50%{translate:0 -15px;rotate:-7deg}}
@keyframes signature-shadow{50%{scale:.8;opacity:.5}}
@keyframes signature-peanut-one{0%,100%{rotate:-13deg;translate:0 0}50%{rotate:2deg;translate:0 -10px}}
@keyframes signature-peanut-two{0%,100%{rotate:13deg;translate:0 -10px}50%{rotate:-2deg;translate:0 0}}
@keyframes signature-blink{0%,44%,48%,100%{scale:1 1}46%{scale:1 .08}}
@keyframes signature-sun{50%{translate:0 -9px}}
@keyframes signature-sea{50%{translate:15px 5px}}
@keyframes signature-curtain{50%{rotate:-8deg}}
@keyframes signature-steam{0%{stroke-dashoffset:130;opacity:0}30%,70%{opacity:.75}100%{stroke-dashoffset:-45;opacity:0}}
@keyframes signature-trail{to{stroke-dashoffset:-130}}
@keyframes signature-pin{0%,100%{scale:.7;opacity:.4}50%{scale:1.35;opacity:.75}}
@keyframes signature-cloud{50%{translate:-20px 0}}
@keyframes signature-waves{50%{translate:12px 0;opacity:.6}}
@keyframes signature-boat{50%{translate:4px -5px;rotate:-4deg}}

@media(max-width:1000px) and (min-width:761px){.story-mosaic .universe-info{padding:26px}.story-mosaic .universe-info h3{font-size:30px}.story-mosaic .universe-info p{font-size:13px}.story-peanut{width:120px}.peanut-one{left:15%}.peanut-two{right:7%}.sweet-handwriting{font-size:24px;left:20px}.story-mosaic .brand-scene .story-scoop{left:43%;width:170px}.riding-note{font-size:12px;left:14px}.story-mosaic .universe-tour{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.signature-film{min-height:590px;height:calc(91svh - 95px)}.signature-film .cinema-copy{left:24px;right:24px;bottom:105px}.signature-film .film-kicker{font-size:9px;letter-spacing:.15em;margin-bottom:24px}.signature-film .cinema-copy h1 span{font-size:clamp(38px,12.5vw,90px)}.signature-film .cinema-bottom{margin-top:25px}.signature-film .cinema-bottom>p{font-size:15px;line-height:1.8}.signature-film .cinema-bottom>a{font-size:11px;margin-top:23px}.film-tools{left:24px;right:24px;bottom:21px;justify-content:space-between;font-size:10px;gap:12px}.film-tools button{font-size:10px;min-height:39px;padding:8px 12px}.film-status{left:24px;bottom:66px;max-width:calc(100% - 48px);font-size:9px}.signature-intro{padding:75px 0}.signature-intro h2{font-size:clamp(34px,10vw,48px);line-height:1.3}.signature-intro .intro-bottom{align-items:start;gap:12px}.signature-intro .intro-bottom p{font-size:14px}.signature-intro .intro-signoff{font-size:12px!important;margin-top:20px}.signature-intro .round-link{flex-shrink:0;width:36px;height:36px;font-size:20px}.brand-universe .section-head{display:block}.brand-universe h2{font-size:35px;line-height:1.3}.brand-head-note{margin-top:22px}.brand-head-note>p{font-size:13px}.story-motion-toggle{font-size:10px;margin-top:15px}.story-mosaic{gap:24px}.story-mosaic .universe-info{padding:26px 25px 24px}.story-mosaic .universe-info small{font-size:9px;letter-spacing:.06em}.story-mosaic .universe-info h3{font-size:30px;margin-top:12px;gap:10px}.story-mosaic .universe-info p{font-size:13px;line-height:1.85;margin-top:14px;margin-bottom:19px}.story-mosaic .universe-info>span{font-size:11px}.story-coming{font-size:8px;padding:4px 7px}.brand-scene{height:280px}.riding-note{left:14px;top:12px;font-size:10px;padding:7px 11px}.story-mosaic .brand-scene .story-scoop{width:150px;height:239px;left:48%;bottom:25px}.sweet-handwriting{font-size:25px;left:20px;top:37px}.sweet-handwriting i{font-size:20px}.scoop-shadow{left:43%;width:170px}.doodle-one{font-size:34px;left:22px}.doodle-two{font-size:22px;right:20px;top:25px}.story-peanut{width:131px;bottom:-51px}.peanut-one{left:17%}.peanut-two{right:8%;bottom:-45px}.seed-note{left:20px;top:23px;font-size:24px}.seed-note i{font-size:20px}.seed-sun{font-size:45px;right:22px;top:24px}.story-cup{width:69%;left:6%;bottom:23px}.coffee-script{font-size:24px;left:23px;top:22px}.coffee-script i{font-size:19px}.scene-label{left:20px;bottom:13px;font-size:7px}.story-mosaic .universe-tour{grid-column:auto;display:flex;flex-direction:column-reverse;min-height:0;align-items:stretch}.story-mosaic .universe-tour .universe-info{width:auto}.map-story{height:330px}.story-mosaic .universe-info .map-art-note{font-size:9px;margin-top:18px}.signature-manifesto h2{font-size:34px;line-height:1.4}.signature-manifesto .manifesto-three h3{font-size:21px}.signature-manifesto .manifesto-three p{font-size:13px}.signature-outro h2{font-size:33px;line-height:1.4}.signature-outro>p{font-size:8px;letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-scene{--scene-play:paused!important}.cinema-film{transition:none}.brand-scene *,.brand-scene *:before,.brand-scene *:after{animation:none!important}.coffee-steam{stroke-dasharray:none;opacity:.45}}