/* V3 product presentation: original assets, monochrome surfaces, blue actions. */
:root{color-scheme:dark;--gold:#2997ff;--muted:#a1a1a6;--line:#ffffff26;--ink:#f5f5f7;background:#000;color:#f5f5f7}html,body{background:#000;color:#f5f5f7}body{-webkit-font-smoothing:antialiased}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #2997ff;outline-offset:5px}button:active{filter:brightness(.86)}
.top{height:64px;max-width:none;padding:8px max(24px,calc((100vw - 1160px)/2));gap:28px;background:#080808e8;border-bottom:1px solid #ffffff1b;backdrop-filter:blur(18px);z-index:30}.brand img{filter:none;width:108px;height:45px;opacity:1}.product-nav{margin-left:auto;display:flex;gap:26px;align-items:center}.product-nav a{color:#bbb;font-size:13px;text-decoration:none}.product-nav a:hover{color:white}.version-switch{position:static;display:flex;gap:3px;padding:0;border:0;border-radius:0;box-shadow:none;background:none;backdrop-filter:none;margin-left:8px}.version-switch a{font-size:12px;padding:7px 8px;border-radius:6px;color:#8b8b90}.version-switch a[aria-current=page]{background:#28282b;color:#fff}.scan-cta{border:0;background:#0071e3;color:white;font-size:13px;border-radius:99px;padding:10px 18px;margin:0}.scan-cta:hover{background:#0077ed}
.product-hero{overflow:hidden;padding-bottom:110px;background:#000}.product-stage{height:430px;position:relative;isolation:isolate;max-width:1440px;margin:auto;overflow:hidden}.hero-lettering{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);font-size:clamp(250px,35vw,500px);font-weight:800;letter-spacing:-.07em;line-height:1;user-select:none;background:linear-gradient(180deg,#77777d 0%,#29292d 47%,#111 100%);background-clip:text;-webkit-text-fill-color:transparent}.hero-deck{position:absolute;inset:0;perspective:1600px}.hero-card{position:absolute;left:50%;top:48%;width:226px;padding:0;border:0;border-radius:12px;background:transparent;transform:translate(-50%,-50%) var(--pose);transform-style:preserve-3d;animation:card-arrival 1.2s cubic-bezier(.2,.65,.2,1) both;animation-delay:var(--delay,0s);transition:filter .3s;z-index:var(--z);filter:drop-shadow(0 20px 18px #0009)}.hero-card img{display:block;width:100%;height:auto;border-radius:12px;transition:transform .35s cubic-bezier(.2,.65,.2,1),filter .35s;box-shadow:0 0 0 1px #ffffff28}.hero-card:hover img,.hero-card:focus-visible img{transform:translateY(-22px) scale(1.06);filter:brightness(1.08)}.hero-card:focus-visible{z-index:9;outline-offset:10px}.card-a{--pose:translate(-337px,27px) rotate(-23deg) rotateY(13deg);--z:1;--delay:.08s}.card-b{--pose:translate(-169px,-7px) rotate(-11deg) rotateY(8deg);--z:2;--delay:.04s}.card-c{--pose:translate(0,-15px) rotate(2deg);--z:4;width:258px}.card-d{--pose:translate(171px,0) rotate(12deg) rotateY(-8deg);--z:3;--delay:.06s}.card-e{--pose:translate(335px,30px) rotate(23deg) rotateY(-13deg);--z:1;--delay:.1s}
.product-heading{width:min(1120px,calc(100% - 80px));margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;column-gap:60px;row-gap:15px}.product-heading>p{grid-column:1/-1;font-size:23px;font-weight:600;margin:0;letter-spacing:-.035em}.product-heading h1{font-family:inherit;font-weight:700;font-size:clamp(56px,6vw,78px);line-height:1.08;letter-spacing:-.045em;color:#f5f5f7;margin:0;word-break:keep-all}.product-subline{align-self:end;padding:0 0 5px}.product-subline p{font-size:22px;line-height:1.55;color:#a1a1a6;letter-spacing:-.03em;margin:0 0 22px}.text-link{display:inline-flex;align-items:center;gap:13px;color:#2997ff;font-size:17px;text-decoration:none}.text-link:hover{text-decoration:underline}.text-link span{display:grid;place-items:center;width:25px;height:25px;border:1px solid currentColor;border-radius:50%;font-size:17px}
.section-title{width:min(1120px,calc(100% - 80px));margin:0 auto 55px}.section-title>p{font-size:20px;font-weight:600;color:#a1a1a6;margin:0 0 18px;letter-spacing:-.025em}.section-title h2{font-size:clamp(43px,5.3vw,70px);line-height:1.14;letter-spacing:-.045em;font-weight:700;margin:0;color:#f5f5f7;word-break:keep-all}.section-title h2 span{color:#86868b}.section-summary{max-width:700px;margin:42px auto 0;color:#86868b;font-size:21px;font-weight:600;line-height:1.7;letter-spacing:-.025em;word-break:keep-all}.section-summary strong{color:#f5f5f7;font-weight:600}.design-statement{padding:110px 0 130px;background:#101010}.panorama-frame{position:relative;width:min(1280px,calc(100% - 80px));height:550px;margin:auto;border-radius:26px;overflow:hidden;background:#1c1c1e}.panorama-frame>img{width:100%;height:100%;object-fit:cover;object-position:center 43%;display:block}.panorama-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0007,transparent 60%),linear-gradient(0deg,#0006,transparent 60%);pointer-events:none}.panorama-copy{position:absolute;left:55px;bottom:45px;z-index:1}.panorama-copy p{color:white;font-size:34px;line-height:1.35;letter-spacing:-.045em;font-weight:700;margin:0;text-shadow:0 2px 15px #0009}
.card-reader{padding:120px 0 100px;background:#000;scroll-margin-top:64px}.reader-tabs{width:min(1120px,calc(100% - 80px));margin:0 auto 22px;display:flex;align-items:center;gap:27px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid #ffffff29}.reader-tabs button{flex:none;background:none;color:#96969b;font-size:15px;font-weight:600;border:0;border-bottom:2px solid transparent;padding:14px 0 17px;white-space:nowrap;border-radius:0}.reader-tabs button[aria-selected=true]{color:#f5f5f7;border-bottom-color:#f5f5f7}.reader-tabs button:hover{color:white}.reader-stage{width:min(1120px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:290px minmax(210px,auto);gap:0 65px;border-radius:26px;background:#151515;padding:45px 65px;overflow:hidden}.reader-card-wrap{grid-column:1;grid-row:1/3;display:grid;place-items:center}.reader-card{position:relative;width:100%;max-width:330px;border-radius:14px;overflow:hidden;box-shadow:0 25px 55px #0008}.reader-card>img{display:block;width:100%;height:auto}.reader-focus{position:absolute;left:var(--fx);top:var(--fy);width:var(--fw);height:var(--fh);border:2px solid #fff;border-radius:7px;box-shadow:0 0 0 800px #0008;transition:left .55s,top .55s,width .55s,height .55s;pointer-events:none}.reader-macro{grid-column:2;grid-row:1;display:grid;place-items:center;overflow:hidden;min-width:0}.reader-macro>img{width:100%;height:250px;object-fit:contain;filter:drop-shadow(0 15px 18px #0008)}#element-crop{width:100%;height:245px;background-image:url('/assets/cards/L3-1-R.webp');background-repeat:no-repeat;border-radius:12px}.reader-copy{grid-column:2;grid-row:2;align-self:center;min-width:0;padding-top:22px}.reader-copy h3{font-size:29px;line-height:1.3;font-weight:650;letter-spacing:-.04em;margin:0 0 17px;color:#f5f5f7;word-break:keep-all}.reader-copy p{font-size:17px;line-height:1.7;color:#a1a1a6;margin:0;word-break:keep-all}.reader-copy>span{display:block;margin-top:21px;font-size:13px;color:#7e7e84}.reader-hint{text-align:center;margin:24px 24px 0;color:#86868b;font-size:14px;line-height:1.5}
.seasons-feature{padding:100px 0 120px;background:#101010}.season-row{width:min(1080px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.season-row figure{margin:0;text-align:center}.season-row img{width:100%;height:230px;object-fit:contain;display:block;filter:drop-shadow(0 12px 16px #0009)}.season-row figcaption{display:flex;align-items:center;flex-direction:column;gap:9px;margin-top:26px}.season-row strong{font-size:24px;letter-spacing:-.025em}.season-row span{font-size:15px;color:#a1a1a6}
.map-feature{padding:120px 0 100px;background:#000;scroll-margin-top:64px;overflow:hidden}.map-feature .section-title{margin-bottom:0}#peninsula-scene{position:relative;inset:auto;transform:none;width:min(1200px,100%);height:680px;margin:0 auto;touch-action:pan-y}.card-map-hint{left:50%;bottom:0;transform:translateX(-50%);background:#1d1d1f;border:0;color:#a1a1a6;padding:11px 18px;font-size:13px;border-radius:99px;white-space:nowrap}.map-card-access:focus{background:#0071e3;color:#fff;left:25%;bottom:55px;z-index:4}.level-summary{display:grid;grid-template-columns:repeat(3,1fr);width:min(1020px,calc(100% - 80px));margin:65px auto 0;gap:45px}.level-summary>div{padding:20px 0;border-top:1px solid #ffffff35}.level-summary strong{font-size:65px;line-height:1;letter-spacing:-.06em;font-weight:600}.level-summary p{font-size:15px;color:#a1a1a6;margin:14px 0 0;line-height:1.5}
main{max-width:1200px;background:#000}#atlas{scroll-margin-top:65px}.atlas-intro{padding:80px 0 55px;border:0}.intro-copy h1{color:#f5f5f7;font-size:50px}.intro-copy h1 em,.intro-copy>p:not(.eyebrow){color:#a1a1a6}.intro-copy .eyebrow{display:none}.hero-scan{color:#2997ff}.collection-seal{background:none}.collection-seal strong{color:#f5f5f7}.collection-seal>span:first-child,#progress-label{color:#a1a1a6}progress,progress::-webkit-progress-bar{background:#333}progress::-webkit-progress-value{background:#2997ff}.atlas{border-color:#ffffff26}.section-heading h2{color:#f5f5f7}.section-heading>p,.collection-status{color:#a1a1a6}.collection-status.error{color:#ffb4a6}.filter-tabs{background:#222}.filter-tabs button{color:#bbb}.filter-tabs button[aria-pressed=true]{background:#f5f5f7;color:#111}.filter-tabs span{color:inherit}.search-wrap input{background:#222;color:#fff;border:1px solid #ffffff20}.search-wrap input::placeholder{color:#999}.level-controls button{color:#a1a1a6}.level-controls button[aria-pressed=true]{background:#f5f5f7;color:#111}.card-image{background:#19191b}.card-tile.owned .card-image{background:#252527}.card-tile{color:#f5f5f7}.card-tile.unowned img{filter:grayscale(1) brightness(.4);opacity:.85}.card-tile.unowned:hover img{filter:grayscale(1) brightness(.55)}.card-tile.unowned strong,.card-tile small{color:#96969b}.collected-stamp{background:#f5f5f7;color:#111}.subtle{color:#2997ff;border-color:#444}.empty{color:#a1a1a6}footer{color:#86868b;border-color:#ffffff25}
.story-dialog{background:#18181a;color:#f5f5f7;border:1px solid #ffffff26}.story-dialog .dialog-top{color:#a1a1a6}.story-dialog .close,.scan-page .story-dialog .close{background:#333338;color:#eee}.story-heading{border-color:#ffffff25}.story-heading h2{color:#f5f5f7}.city,.english,.note{color:#a1a1a6}.result-label{color:#2997ff}.tag{background:#2b2b30;color:#ddd}.description{color:#d1d1d5}.again{background:#0071e3;color:#fff}.scan-page,.scan-page .scan-dialog,.scan-page .dialog-top{background:#000}body.scan-page>.product-hero,body.scan-page>.design-statement,body.scan-page>.card-reader,body.scan-page>.seasons-feature,body.scan-page>.map-feature{display:none}
@keyframes card-arrival{from{opacity:0;transform:translate(-50%,0) rotate(0) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) var(--pose)}}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){.product-stage{view-timeline-name:--product;view-timeline-axis:block}.hero-deck{animation:deck-exit linear both;animation-timeline:--product;animation-range:exit 0% exit 100%}@keyframes deck-exit{to{transform:translateY(-75px) scale(.93)}}}}
@media(max-width:1000px){.top{gap:18px}.product-nav{gap:18px}.product-nav a{font-size:12px}.hero-card{width:190px}.card-a{--pose:translate(-270px,25px) rotate(-23deg)}.card-b{--pose:translate(-139px,-7px) rotate(-11deg)}.card-c{width:225px}.card-d{--pose:translate(139px,0) rotate(12deg)}.card-e{--pose:translate(270px,25px) rotate(23deg)}.reader-stage{gap:0 40px;padding:35px 40px}.reader-tabs{gap:22px}.reader-tabs button{font-size:14px}}
@media(max-width:760px){.top{height:60px;padding:7px 18px;gap:12px}.brand img{width:88px;height:40px}.product-nav{display:none}.version-switch{margin-left:auto;gap:0}.version-switch a{font-size:12px;padding:6px 8px}.scan-cta{padding:9px 13px;font-size:12px}.product-hero{padding-bottom:75px}.product-stage{height:340px}.hero-lettering{font-size:260px;top:48%}.hero-card{width:135px;border-radius:7px;top:48%}.hero-card img{border-radius:7px}.card-a{--pose:translate(-157px,23px) rotate(-25deg)}.card-b{--pose:translate(-82px,-1px) rotate(-12deg)}.card-c{width:159px;--pose:translate(0,-7px) rotate(2deg)}.card-d{--pose:translate(82px,5px) rotate(13deg)}.card-e{--pose:translate(157px,26px) rotate(25deg)}.product-heading{width:calc(100% - 48px);grid-template-columns:1fr;gap:15px}.product-heading>p{font-size:18px}.product-heading h1{font-size:52px;line-height:1.12;letter-spacing:-.04em}.product-subline{padding-top:5px}.product-subline p{font-size:17px;line-height:1.5;margin:0 0 20px}.text-link{font-size:16px}.text-link span{width:23px;height:23px}.section-title{width:calc(100% - 48px);margin-bottom:35px}.section-title>p{font-size:17px;margin-bottom:15px}.section-title h2{font-size:39px;line-height:1.2;letter-spacing:-.04em}.section-summary{font-size:17px;line-height:1.7;width:calc(100% - 48px);margin-top:30px;font-weight:500}.section-summary strong{font-weight:600}.design-statement{padding:75px 0 80px}.panorama-frame{width:calc(100% - 32px);height:470px;border-radius:20px}.panorama-frame>img{object-position:50% 50%}.panorama-copy{left:25px;bottom:28px}.panorama-copy p{font-size:25px;line-height:1.45}.card-reader{padding:80px 0;scroll-margin-top:60px}.reader-tabs{width:calc(100% - 48px);gap:23px;margin-bottom:18px}.reader-tabs button{font-size:14px;padding:12px 0 15px}.reader-stage{width:calc(100% - 32px);padding:28px 24px;grid-template-columns:42% 58%;grid-template-rows:230px auto;gap:0;border-radius:20px}.reader-card-wrap{grid-row:1;grid-column:1;padding-right:7px}.reader-card{border-radius:7px}.reader-focus{border-width:1.5px;border-radius:4px}.reader-macro{grid-row:1;grid-column:2;padding-left:18px}.reader-macro>img{height:210px;max-width:100%}#element-crop{height:190px;border-radius:7px}.reader-copy{grid-column:1/-1;grid-row:2;padding-top:23px;min-height:220px}.reader-copy h3{font-size:26px;line-height:1.35;margin-bottom:14px}.reader-copy p{font-size:16px;line-height:1.7}.reader-copy>span{font-size:12px;margin-top:17px}.reader-hint{font-size:13px;margin:20px 24px 0}.seasons-feature{padding:75px 0 80px}.season-row{width:calc(100% - 48px);grid-template-columns:repeat(2,1fr);gap:38px 30px}.season-row img{height:180px}.season-row figcaption{margin-top:15px;gap:6px}.season-row strong{font-size:21px}.season-row span{font-size:14px}.map-feature{padding:80px 0 70px;scroll-margin-top:60px}#peninsula-scene{inset:auto;transform:none;width:100%;height:550px;margin-top:-10px}.card-map-hint{font-size:11px;bottom:5px;padding:10px 13px;max-width:95%}.level-summary{width:calc(100% - 48px);gap:18px;margin-top:38px}.level-summary strong{font-size:44px}.level-summary p{font-size:12px;line-height:1.65;margin-top:10px}main{padding:0 24px}.atlas-intro{padding:60px 0 35px}.intro-copy h1{font-size:31px}.intro-copy>p:not(.eyebrow){font-size:14px}.section-heading h2{font-size:28px}.section-heading>p{font-size:11px}.filter-tabs button{font-size:12px;padding:11px 8px}.search-wrap input{font-size:16px}.card-grid{gap:25px 17px}.card-image{padding:13px}.mobile-nav{background:#242426ed;border:1px solid #ffffff24;box-shadow:0 5px 30px #0009}.mobile-nav a{color:#a1a1a6}.mobile-nav a[aria-current=page]{background:#ffffff15;color:#f5f5f7}.scan-page>.mobile-nav{background:#242426ed}.scan-page>.mobile-nav a[aria-current=page]{color:#f5f5f7}.story-heading h2{font-size:29px}footer{margin-inline:24px}}
@media(max-width:360px){.top{gap:7px;padding-inline:14px}.version-switch a{padding:6px}.product-heading h1{font-size:47px}.section-title h2{font-size:35px}.reader-stage{padding-inline:20px}.reader-copy h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.hero-card,.hero-deck{animation:none}.hero-card img,.reader-focus{transition:none}.hero-card:hover img{transform:none}}@media(prefers-reduced-transparency:reduce){.top{background:#080808;backdrop-filter:none}.mobile-nav{background:#242426;backdrop-filter:none}}

.reader-tabs{position:sticky;top:64px;z-index:12;background:#000;padding-top:8px}#element-crop{height:auto}
@media(max-width:760px){.reader-tabs{top:60px}#element-crop{height:auto}}

/* Scroll reveals remain progressive: without JavaScript every section is visible. */
@media(prefers-reduced-motion:no-preference){
 .hero-deck{animation:none}
 .scroll-reveal{opacity:0;transform:translateY(64px);transition:opacity .85s ease,transform 1.05s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
 .scroll-reveal.is-revealed,.scroll-reveal:focus-within{opacity:1;transform:translateY(0)}
 .reader-card-wrap.scroll-reveal{transform:translateY(65px) rotate(-7deg) scale(.92)}
 .reader-card-wrap.is-revealed{transform:translateY(0) rotate(0) scale(1)}
 .reader-macro{--reveal-delay:160ms}.reader-copy{--reveal-delay:260ms}
 .season-row figure:nth-child(2),.level-summary>div:nth-child(2){--reveal-delay:120ms}
 .season-row figure:nth-child(3),.level-summary>div:nth-child(3){--reveal-delay:240ms}
 .season-row figure:nth-child(4){--reveal-delay:360ms}
 .panorama-frame>img{transform:translateY(var(--landscape-y,0px)) scale(var(--landscape-scale,1));will-change:transform}
 .panorama-copy{--reveal-delay:180ms}
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){.scroll-reveal{transform:translateY(40px)}.scroll-reveal.is-revealed{transform:translateY(0)}}

.scroll-sequence{--sequence-height:calc(100svh - 84px);height:calc(var(--sequence-distance) + var(--sequence-height));padding:0;overflow:visible;position:relative}
.scroll-sequence .sequence-sticky{position:sticky;top:64px;height:var(--sequence-height);padding:18px 0 0;box-sizing:border-box;overflow:hidden;background:#000}
.scroll-sequence .section-title{margin-bottom:14px}.scroll-sequence .section-title>p{display:none}.scroll-sequence .section-title h2{font-size:32px;line-height:1.15}.scroll-sequence .section-title h2 br{display:none}.scroll-sequence .section-title h2 span{margin-left:.3em}
.scroll-sequence .reader-tabs{position:static;padding-top:0;margin-bottom:14px}.scroll-sequence .reader-tabs button{padding-top:8px;padding-bottom:12px}
.scroll-sequence .reader-stage{height:calc(var(--sequence-height) - 145px);min-height:300px;padding:24px 55px;grid-template-rows:48% 52%;box-sizing:border-box}
.scroll-sequence .reader-card-wrap{min-height:0}.scroll-sequence .reader-card{height:100%;width:auto;aspect-ratio:650/900;max-width:100%}.scroll-sequence .reader-card>img{height:100%;width:100%;object-fit:contain}
.scroll-sequence .reader-macro>img{height:100%;max-height:100%}.scroll-sequence .reader-macro{min-height:0}.scroll-sequence .reader-copy{padding-top:12px;min-height:0}.scroll-sequence .reader-copy h3{font-size:27px;margin-bottom:10px}.scroll-sequence .reader-copy p{font-size:16px;line-height:1.6}.scroll-sequence .reader-copy>span{margin-top:12px}.scroll-sequence .reader-hint{margin-top:12px}
.scroll-sequence .scroll-reveal{opacity:1;transform:none;transition:none}
.scroll-sequence #peninsula-scene{height:calc(var(--sequence-height) - 172px);min-height:240px;margin-top:0}.scroll-sequence .level-summary{margin-top:12px;gap:25px}.scroll-sequence .level-summary>div{padding:10px 0}.scroll-sequence .level-summary strong{font-size:32px}.scroll-sequence .level-summary p{display:inline;margin-left:14px;font-size:13px}
@media(max-width:760px){
 .scroll-sequence{--sequence-height:calc(100svh - 155px)}.scroll-sequence .sequence-sticky{top:60px;padding-top:12px}
 .scroll-sequence .section-title h2{font-size:25px}.scroll-sequence .section-title{margin-bottom:10px}
 .scroll-sequence .reader-stage{height:calc(var(--sequence-height) - 130px);padding:16px 22px;grid-template-rows:44% 56%;min-height:310px}
 .scroll-sequence .reader-copy h3{font-size:22px;line-height:1.25;margin-bottom:9px}.scroll-sequence .reader-copy p{font-size:14px;line-height:1.55}.scroll-sequence .reader-copy>span{font-size:11px;margin-top:8px}.scroll-sequence .reader-hint{font-size:11px;margin-top:9px}
 .scroll-sequence .reader-tabs{margin-bottom:10px}.scroll-sequence .reader-macro #element-crop{max-height:100%}
 .scroll-sequence #peninsula-scene{height:calc(var(--sequence-height) - 135px);min-height:230px}.scroll-sequence .level-summary{margin-top:8px}.scroll-sequence .level-summary strong{font-size:25px}.scroll-sequence .level-summary p{display:block;margin:5px 0 0;font-size:11px}.scroll-sequence .card-map-hint{bottom:0}
}
.scroll-sequence .reader-card{width:100%;height:auto;max-width:230px;aspect-ratio:650/900}.scroll-sequence .reader-card>img{width:100%;height:auto;display:block}
@media(max-width:760px){.scroll-sequence .reader-card{max-width:110px}}
.scroll-sequence .reader-macro>img{height:clamp(110px,calc(48svh - 133px),300px);max-height:none;object-fit:contain}
@media(max-width:760px){.scroll-sequence .reader-macro>img{height:clamp(100px,calc(44svh - 140px),240px)}}
/* V3 guide is reachable from navigation without adding a landing section. */
@media(max-width:1000px){.product-nav{gap:14px}.product-nav a{font-size:11px}.top{gap:13px}}
@media(max-width:760px){.mobile-nav a{font-size:12px;gap:5px}.mobile-nav a>span{font-size:20px}}