/* Four user-pinned directions. Shared content and behavior live in ../styles.css and ../app.js. */
:root{--page:#050506;--ink:#f5f3f0;--muted:#c7c5cb;--red:#ed1235;--gold:#ff9b12}
body{background:var(--page)}
.comparison-bar{display:flex;align-items:center;justify-content:center;gap:28px;min-height:56px;padding:6px 24px;background:#171719;color:#dddce0;border-bottom:1px solid #333137;position:relative;z-index:10;font-size:12px}
.comparison-label{color:#b7b4be}
.theme-options{display:flex;gap:5px;align-items:center}
.theme-options button{border:1px solid transparent;background:transparent;color:#d2cfd7;border-radius:6px;padding:10px 15px;min-height:40px;white-space:nowrap;font-size:12px;line-height:1.35}
.theme-options button:hover{background:#2b292e;color:#fff}
.theme-options button[aria-pressed=true]{background:#f2f0eb;color:#171719}
.theme-options button:focus-visible{outline-offset:2px}
.site-header{height:88px;max-width:1440px;padding:0 48px}
.scene{max-width:none;margin:0;overflow:hidden}
.scene-picture{left:0;right:0;bottom:auto;height:660px}
.scene-picture img{object-position:center;object-fit:cover}
.scene-picture .cinema-scene{display:none}
.scene-picture:after{background:linear-gradient(180deg,rgba(5,5,6,.52) 0%,rgba(5,5,6,.12) 31%,rgba(5,5,6,.02) 48%,rgba(5,5,6,.86) 84%,#050506 100%)}
.hero{padding:64px 0 0}
.hero-copy{position:relative;z-index:1}
h1{font-size:clamp(42px,5.3vw,76px);line-height:1.06;letter-spacing:-.025em}
.cinema-break{display:none}
.hero-subtitle{font-size:25px;margin-top:20px}
.gift-selector{max-width:1140px;gap:24px;margin-top:168px}
.choice-caption{font-size:12px;color:#e8e5eb}
.purchase{margin-top:23px;gap:5px}
.terms-button{color:#d6d2d9}
.experience{min-height:0;padding:98px 24px 66px;background:var(--page)}
.experience h2{font-size:clamp(36px,4vw,56px);letter-spacing:-.02em}
.experience p{font-size:20px;margin:20px auto 27px;color:var(--muted)}
.experience .button{min-width:245px;background:transparent;border:1px solid #625b64;color:#f5f3f0;min-height:50px;font-size:16px}
.experience .button:hover{background:#272329}
.upcoming{padding-top:52px;padding-bottom:72px}
.section-header h2{font-size:30px}
.poster{border-radius:12px}
.site-footer{margin-left:auto;margin-right:auto;color:#b1adb6}

/* Photography: a genuine landscape frame, never stretched down the page. */
[data-theme=photo] .scene-picture{height:680px;max-width:1600px;margin:auto}
[data-theme=photo] .hero-copy{text-shadow:0 3px 16px #030616}
[data-theme=photo] .experience{padding-top:78px}

/* Gradients: the five tier colors spread through one continuous field. */
[data-theme=gradients]{--page:#080a1b;--muted:#c9cae4}
[data-theme=gradients] .scene-picture{display:none}
[data-theme=gradients] .scene{background:linear-gradient(180deg,#080a1b 0%,rgba(8,10,27,.12) 40%,rgba(8,10,27,.35) 70%,#080a1b 94%),linear-gradient(112deg,#258cb7 0%,#5050a8 23%,#972d8d 49%,#b54361 72%,#c58741 100%)}
[data-theme=gradients] .hero{padding-top:69px}
[data-theme=gradients] .hero-copy{text-shadow:none}
[data-theme=gradients] .gift-selector{margin-top:75px;max-width:1230px;gap:25px}
[data-theme=gradients] .gift-art{filter:drop-shadow(0 18px 28px rgba(4,5,21,.36))}
[data-theme=gradients] .gift-option[aria-checked=true] .gift-art{filter:drop-shadow(0 21px 28px rgba(4,5,21,.7))}
[data-theme=gradients] .experience{background:none;padding-top:92px}
[data-theme=gradients] .experience p{color:#e5dfea}
[data-theme=gradients] .site-footer{border-color:#303049}

/* Cinematic: a wide red panorama, quiet black ground and an asymmetric title. */
[data-theme=cinematic]{--page:#050505;--muted:#c0b9b9}
[data-theme=cinematic] .site-header{border-bottom:1px solid #292326}
[data-theme=cinematic] .hero{padding-top:54px}
[data-theme=cinematic] .hero-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;max-width:1220px;margin:auto;padding:0 36px;text-align:left;text-shadow:none}
[data-theme=cinematic] h1{font-size:clamp(52px,5.5vw,80px);max-width:700px;line-height:1.02}
[data-theme=cinematic] .cinema-break{display:block}
[data-theme=cinematic] .hero-subtitle{font-size:24px;line-height:1.4;max-width:230px;margin:0 0 6px;color:#cfc6c6}
[data-theme=cinematic] .scene-picture{top:203px;height:405px;max-width:1600px;margin:auto}
[data-theme=cinematic] .scene-picture .photo-scene{display:none}
[data-theme=cinematic] .scene-picture .cinema-scene{display:block;object-position:50% 53%}
[data-theme=cinematic] .scene-picture:after{background:linear-gradient(180deg,#050505 0%,rgba(5,5,5,.02) 23%,rgba(5,5,5,.06) 47%,#050505 100%)}
[data-theme=cinematic] .gift-selector{max-width:1080px;margin-top:169px;gap:25px}
[data-theme=cinematic] .purchase .button{background:#dc1535;color:#fff}
[data-theme=cinematic] .purchase .button:hover{background:#c90c2b}
[data-theme=cinematic] .experience{padding-top:83px;padding-bottom:71px}
[data-theme=cinematic] .experience h2{font-size:clamp(36px,4.3vw,61px)}
[data-theme=cinematic] .upcoming{border-top:1px solid #292326;padding-top:51px}

/* Light: the black card objects stand against a warm paper-colored gallery. */
[data-theme=light]{--page:#f5f2ed;--ink:#221f23;--muted:#635b64;--gold:#a4480b;color-scheme:light}
[data-theme=light] .site-header{border-bottom:1px solid #d9d3cc}
[data-theme=light] .scene-picture{display:none}
[data-theme=light] .hero{padding-top:68px;background:linear-gradient(180deg,#f5f2ed 28%,#e8e2ee 67%,#f5f2ed 100%)}
[data-theme=light] .hero-copy{text-shadow:none}
[data-theme=light] h1{font-size:clamp(44px,5.4vw,78px)}
[data-theme=light] .hero-subtitle{color:#655c65}
[data-theme=light] .gift-selector{margin-top:74px;max-width:1180px;gap:28px}
[data-theme=light] .gift-art{filter:drop-shadow(0 18px 14px rgba(43,31,50,.16))}
[data-theme=light] .gift-option[aria-checked=true] .gift-art{filter:drop-shadow(0 20px 18px rgba(43,31,50,.25))}
[data-theme=light] .choice-caption{color:#514751;text-shadow:none}
[data-theme=light] .choice-dot{border-color:#665964}
[data-theme=light] .gift-option[aria-checked=true] .choice-dot{background:#29232b;border-color:#29232b}
[data-theme=light] .gift-option[aria-checked=true] .choice-dot:after{background:#fff}
[data-theme=light] .purchase .button{background:rgba(31,223,103,.1);color:#177a3e;border:1px solid rgba(23,122,62,.55)}
[data-theme=light] .purchase .button:hover{background:rgba(31,223,103,.2);border-color:#177a3e;color:#0f5f2f}
[data-theme=light] .terms-button{color:#5c525c}
[data-theme=light] .experience{padding-top:90px;padding-bottom:67px}
[data-theme=light] .experience .button{color:#cf1432;border-color:#c7bfc7}
[data-theme=light] .experience .button:hover{background:#e8e1e7}
[data-theme=light] .upcoming{border-top:1px solid #d9d3cc;padding-top:52px}
[data-theme=light] .arrow{border-color:#a69ba6}
[data-theme=light] .arrow:hover:not(:disabled){background:#e6dfe7}
[data-theme=light] .view-all:hover{color:#201c20}
[data-theme=light] .price-pill{background:#ffaf45;color:#321a04}
[data-theme=light] .show-rail{scrollbar-color:#908290 #e7e1e8}
[data-theme=light] .show-rail::-webkit-scrollbar-thumb{background:#908290}
[data-theme=light] .show-rail::-webkit-scrollbar-track{background:#e7e1e8}
[data-theme=light] .site-footer{color:#665c66;border-color:#d9d3cc}
[data-theme=light] .site-footer a:hover{color:#201c20}
[data-theme=light] dialog{background:#f5f2ed;border-color:#c7bdc8;color:#241f25}
[data-theme=light] dialog p{color:#635b64}
[data-theme=light] .dialog-button{background:#dc1535;color:#fff}

@media(min-width:1601px){[data-theme=photo] .scene-picture:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#050506,transparent 10%,transparent 90%,#050506);pointer-events:none}}
@media(max-width:1250px){.site-footer{margin-left:40px;margin-right:40px}}
@media(max-width:1050px) and (min-width:701px){.site-header{padding:0 28px}.gift-selector{gap:18px}.hero h1{font-size:58px}.gift-selector{margin-top:154px}[data-theme=cinematic] .hero-copy{gap:30px}[data-theme=cinematic] h1{font-size:64px}[data-theme=cinematic] .hero-subtitle{font-size:20px}[data-theme=cinematic] .scene-picture{top:175px}[data-theme=cinematic] .gift-selector{margin-top:155px}[data-theme=light] .gift-selector,[data-theme=gradients] .gift-selector{gap:17px}}
@media(max-width:700px){
 .comparison-bar{min-height:56px;padding:6px 8px;gap:0;justify-content:center}
 .comparison-label{display:none}.theme-options{gap:1px;width:100%;justify-content:center}.theme-options button{padding:10px 9px;font-size:10px;min-height:40px}
 .site-header{height:68px;padding:0 20px}.brand img{width:175px}.site-nav{top:68px}.scene{margin:0}
 .hero{padding-top:42px}.hero h1{font-size:42px;line-height:1.08;max-width:470px}.hero-subtitle{font-size:19px;margin-top:15px}
 [data-theme=photo] .scene-picture{height:465px}.scene-picture img{object-position:50% 50%}.scene-picture:after{background:linear-gradient(180deg,rgba(5,5,6,.4),rgba(5,5,6,.16) 37%,#050506 96%)}
 .gift-selector{margin-top:79px;gap:22px;padding:14px calc((100% - 190px)/2) 15px}.gift-option{flex-basis:190px}.gift-art{aspect-ratio:400/612}
 .purchase{margin-top:19px;gap:3px}.mobile-amounts{margin-top:5px}.mobile-amounts button{min-height:44px}.button{min-height:52px}.terms-button{min-height:42px}
 .experience{padding:61px 22px 47px;min-height:0}.experience h2{font-size:34px;max-width:430px}.experience p{font-size:17px;margin:19px auto 25px}.experience .button{min-width:238px;font-size:16px}
 [data-theme=photo] .experience{padding-top:62px}.upcoming{padding:38px 22px 45px}.section-header h2{font-size:25px}.section-header{gap:10px}.site-footer{margin:0 22px;padding-bottom:26px}
 [data-theme=gradients] .hero{padding-top:44px}[data-theme=gradients] .gift-selector{margin-top:44px;gap:22px}[data-theme=gradients] .scene{background:linear-gradient(180deg,#080a1b 0%,rgba(8,10,27,.12) 38%,rgba(8,10,27,.35) 68%,#080a1b 94%),linear-gradient(112deg,#258cb7,#5050a8 25%,#972d8d 52%,#b54361 77%,#c58741)}[data-theme=gradients] .experience{padding-top:61px}
 [data-theme=cinematic] .hero{padding-top:34px}[data-theme=cinematic] .hero-copy{display:block;padding:0 24px;text-align:left}[data-theme=cinematic] h1{font-size:48px;margin:0;max-width:500px}[data-theme=cinematic] .hero-subtitle{font-size:17px;max-width:none;margin-top:18px}[data-theme=cinematic] .scene-picture{top:167px;height:255px}[data-theme=cinematic] .scene-picture .cinema-scene{object-position:50% 50%}[data-theme=cinematic] .gift-selector{margin-top:92px;gap:22px}[data-theme=cinematic] .experience{padding-top:60px;padding-bottom:48px}[data-theme=cinematic] .experience h2{font-size:35px}[data-theme=cinematic] .upcoming{border:0;padding-top:32px}
 [data-theme=light] .hero{padding-top:44px}[data-theme=light] h1{font-size:43px}[data-theme=light] .gift-selector{margin-top:45px;gap:22px}[data-theme=light] .mobile-amounts button{background:#ede7ef;border-color:#a49aa8;color:#392f3d}[data-theme=light] .mobile-amounts button[aria-pressed=true]{background:#29232b;color:#fff;border-color:#29232b}[data-theme=light] .experience{padding-top:63px;padding-bottom:46px}[data-theme=light] .upcoming{padding-top:37px}[data-theme=light] .site-nav{background:#f5f2ed;border-color:#d9d3cc}
}
@media(prefers-reduced-motion:no-preference){.gift-art{transition:filter 240ms ease}.gift-option{transition:transform 280ms cubic-bezier(.16,1,.3,1)}}