/* Access to shopping stays visible throughout the approved photographic story. */
.skip-link{position:fixed;z-index:100;inset-block-start:8px;inset-inline-start:16px;padding:14px 20px;border-radius:14px;background:#fff;color:#183454;transform:translateY(-160%);box-shadow:0 3px 14px #172b4030}
.skip-link:focus{transform:none}
.story-copy:focus-within{opacity:1!important;visibility:visible!important;transform:none!important}
.story-copy .story-actions{display:flex}
.story-shop{flex-shrink:0;min-height:44px;background:#245fd2;color:#fff;border:0;box-shadow:0 4px 14px #142c4920}
.story-footer{gap:16px;background:#f3f7fbd9!important}
.story-footer .scene-caption{font-size:11px;color:#334e67;max-width:310px;text-align:start}
.story-copy{padding:24px;background:#f8fbf2a8!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-radius:24px;box-shadow:0 8px 28px #182f4314!important}
.story-copy h1{line-height:1.12}
.story-copy p,.story-copy .eyebrow{color:#183343}
html[data-theme=dark] .story-copy{background:#152235b3!important}
html[data-theme=dark] .story-copy h1{color:#f1f7ff;text-shadow:none}
html[data-theme=dark] .story-copy p,html[data-theme=dark] .story-copy .eyebrow{color:#e5edf7}
.bundle-comparison{font-size:12px!important;font-weight:400;letter-spacing:0;max-width:330px;line-height:1.7!important;margin-top:12px}
/* Restore the original glass backplate; keep contrast on the controls themselves. */
.site-header{background:#f5f9ff52!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-header nav{background:#ffffff66}
.site-header .cart-toggle,.site-header .lang{background:#ffffff66!important}
html[data-theme=dark] .site-header{background:#15223566!important}
html[data-theme=dark] .site-header nav{background:#152235aa}
html[data-theme=dark] .site-header .cart-toggle,html[data-theme=dark] .site-header .lang{background:#152235a6!important}
.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid #365dc8;outline-offset:3px;box-shadow:0 0 0 2px #fff}
html[data-theme=dark] .site-header a:focus-visible,html[data-theme=dark] .site-header button:focus-visible{outline-color:#b8ccff;box-shadow:0 0 0 2px #152235}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .site-header{background:#f5f9ffde!important}
 html[data-theme=dark] .site-header{background:#152235e8!important}
}
html[dir=rtl] .story-copy{direction:rtl;text-align:right}
html[dir=rtl] .story-copy h1{letter-spacing:0;line-height:1.35;font-weight:600;font-size:clamp(32px,4.2vw,60px)}
html[dir=rtl] .story-copy p{line-height:1.8}
html[dir=rtl] .eyebrow{letter-spacing:0}
html[data-theme=dark] .story-footer{background:#152235e8!important}
html[data-theme=dark] .story-footer .scene-caption{color:#e5edf7}
html[data-theme=dark] .story-shop{background:#3975e4;color:#fff}
.card-qr::after,.bundle-qr::after{content:'';position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
.card-qr,.bundle-qr{overflow:visible}
section[id],#bundle{scroll-margin-top:100px}
@media(max-width:650px){
 .story{height:240svh}
 .story-copy{top:140px!important;left:6%!important;width:88%!important;padding:14px 18px}
 .story-copy h1{font-size:clamp(30px,8.4vw,40px);margin:8px 0 12px;max-width:360px}
 .story-copy p{font-size:14px;line-height:1.65;max-width:340px;min-height:0}
 .story-copy .story-actions{display:flex;margin:18px 0 0}
 .story-actions .pill{padding:12px 20px;font-size:13px;min-height:44px}
 .story-footer{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:12px 5% max(12px,env(safe-area-inset-bottom))}
 .story-footer .scene-caption{grid-column:1/-1;max-width:none;font-size:10px;line-height:1.5;margin:0}
 .story-footer .scroll-hint{font-size:8px;letter-spacing:.4px;line-height:1.5}
 .story-footer .progress{margin-top:6px}
 .story-shop{font-size:12px;padding:12px 16px}
 section[id],#bundle{scroll-margin-top:138px}
 html[dir=rtl] .story-copy h1{font-size:clamp(28px,8vw,37px);line-height:1.35}
 .site-header{gap:6px!important}
 .site-header .brand img{width:76px;height:42px}
 .site-header .cart-toggle{font-size:11px}
}
@media(max-width:650px) and (max-height:700px){
 .story-copy{top:132px!important;padding-top:10px}
 .story-copy h1{font-size:30px;line-height:1.1;margin:8px 0}
 .story-copy p{font-size:12px;line-height:1.6}
 .story-copy .story-actions{margin-top:10px}
 html[dir=rtl] .story-copy h1{font-size:29px;line-height:1.3}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .story{height:auto!important}
 .story-pin{position:relative;height:max(680px,100svh)!important;min-height:680px!important}
 .story-copy{opacity:1!important;visibility:visible!important;transform:none!important;will-change:auto}
 .story-copy .reduced-story{font-size:12px;line-height:1.7;margin-top:12px}
 .story-footer .progress,.story-footer .scroll-hint{display:none}
 .story-footer .story-shop{grid-column:1/-1;justify-self:start}
 .story-copy .story-actions{display:flex}
 .journey-film{will-change:auto}
 #motionCanvas{display:none}
 .pill,.skip-link,.site-header nav a{transition:none}
}

.order-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:decimal;padding:18px 0 24px;margin:0 0 24px;border-bottom:1px solid var(--line)}
.order-guide li{display:list-item;margin-inline-start:28px;padding-inline-start:4px;font-size:13px;line-height:1.6;color:var(--ink)}
.order-guide li::marker{color:#3c4b92;font-weight:700;font-size:16px}
html[data-theme=dark] .order-guide li{color:#e5edf7}
html[data-theme=dark] .order-guide li::marker{color:#c4d1f9}
@media(max-width:650px){.order-guide{grid-template-columns:1fr 1fr;gap:18px 12px}.order-guide li{font-size:12px}}