@font-face{font-family:Space Grotesk;src:url("assets/space-grotesk.ttf") format("truetype");font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--paper:#f2f0f6;--muted:#b8b6c2;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--accent:38,228,255;--gutter:clamp(23px,5.7vw,100px);font-family:"Space Grotesk",Arial,sans-serif;background:#0c0c10;color:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body,h1,h2,p,figure{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button,a{color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #c3f6fa;outline-offset:4px}button{background:none;border:0}button[hidden],[hidden]{display:none!important}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;left:16px;top:10px;padding:10px 16px;background:white;color:#17131c;z-index:20}
.journey{height:245vh;height:245svh;position:relative}.screen{position:sticky;top:0;height:100vh;height:100svh;min-height:540px;overflow:hidden;isolation:isolate;background:#0a0a0f;--accent:38,228,255;--mx:0px;--my:0px}.atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 76% 43%,rgba(var(--accent),.17),transparent 43%),radial-gradient(ellipse at 55% -30%,#34313e,transparent 57%),linear-gradient(128deg,#101016,#0a0a0e 42%,#111119 83%,#0c0c12)}.atmosphere::after,.notes::before{content:"";position:absolute;inset:0;background-image:url("assets/grain.svg");opacity:.14;pointer-events:none}
.shell{margin:auto;padding:0 var(--gutter);width:min(100%,1720px);height:100%;display:grid;grid-template-rows:clamp(60px,9vh,98px) minmax(0,1fr) auto}.small-type,.eyebrow,.num,.help,.stage-tag{font:500 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}.small-type{font-size:10px;letter-spacing:.15em}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;gap:12px;z-index:4}.wordmark,header nav,.retail{display:inline-flex;align-items:center}.wordmark{gap:16px}.wordmark img{width:37px;height:37px;object-fit:contain}.wordmark .small-type{color:#dddbe4;font-size:9px;line-height:1.5;letter-spacing:.2em}.brand-divider{width:1px;height:25px;background:#ffffff38}header nav{gap:30px;font-size:13px}.index-link{color:#c1becb}.retail{gap:17px;border:1px solid #ffffff38;border-radius:22px;padding:9px 14px;font-size:12px}.retail:hover,.inspect:hover,.other-detail:hover{background:#ffffff12;border-color:#ffffff80}.retail span,.product-link span,.text-link span{display:inline-block;transition:transform .2s}.retail:hover span,.product-link:hover span,.text-link:hover span{transform:translate(2px,-2px)}
.exhibit{display:grid;grid-template-columns:36% 64%;min-height:0;align-items:stretch}.copy{position:relative;align-self:center;z-index:3;padding:4% 0 6%;pointer-events:none}.copy a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:10px;color:#d1cddd;font-size:9px}.live-dot{width:7px;height:7px;display:inline-block;border-radius:100%;background:rgb(var(--accent));box-shadow:0 0 13px rgba(var(--accent),.62)}.slash{color:#797483;margin:0 2px}#counter{color:rgb(var(--accent));font-variant-numeric:tabular-nums;letter-spacing:.08em}h1{font-size:clamp(63px,min(8.8vw,13vh),155px);font-weight:500;line-height:.87;letter-spacing:-.086em;margin:clamp(16px,3.1vh,35px) 0 clamp(13px,2.8vh,31px)}#family{display:block}#edition,.period{display:inline-block}.period{color:rgb(var(--accent));margin-left:.005em}#edition{background:linear-gradient(160deg,#fff 9%,#d9d5e1 34%,#a7a3b5 64%,#c8c5cf);background-clip:text;-webkit-background-clip:text;color:transparent}.description{color:#c1beca;max-width:33ch;font-size:clamp(14px,1.12vw,19px);line-height:1.57;text-wrap:pretty}.product-link{display:inline-flex;align-items:center;gap:19px;padding:8px 0;margin-top:clamp(12px,2.6vh,27px);border-bottom:1px solid rgba(var(--accent),.6);font-size:clamp(12px,1vw,15px);font-weight:600}.product-link span{color:rgb(var(--accent))}
.stage{position:relative;min-width:0;min-height:0;isolation:isolate;touch-action:pan-y;align-self:stretch}.stage-light{position:absolute;inset:-4% -10% -5% -20%;pointer-events:none;background:radial-gradient(ellipse at 64% 53%,rgba(var(--accent),.16),transparent 40%),radial-gradient(ellipse at 52% 74%,rgba(210,223,255,.055),transparent 34%)}.ring{position:absolute;left:1%;top:47%;width:96%;transform:translate(var(--mx),calc(-50% + var(--my)));opacity:.96;pointer-events:none;transition:opacity .4s}.ring img{display:block;width:100%;height:auto;max-height:57vh;max-height:57svh}.floor{pointer-events:none;position:absolute;left:6%;right:-4%;top:72%;height:13%;border-radius:50%;background:radial-gradient(ellipse at 53% 47%,#242331 0%,#15151c 45%,#191922 61%,transparent 72%);transform:translateY(-14%);opacity:.85}.floor::after{content:"";position:absolute;inset:7% 5% 6%;border:1px solid rgba(var(--accent),.16);border-top-color:rgba(var(--accent),.36);border-bottom-color:#ffffff0d;border-radius:50%;box-shadow:0 2px 0 #000,0 6px 6px #0005}.floor i{position:absolute;inset:27% 20%;border-radius:50%;background:#0202038c;filter:blur(7px)}
.photography{position:absolute;inset:0 -3% 0 -5%;overflow:hidden;pointer-events:none;perspective:1300px}.mount{--x:0%;--yaw:0deg;--roll:0deg;--scale:1;position:absolute;top:49%;left:12%;width:77%;opacity:0;transform:translate(calc(var(--x) + var(--mx)),calc(-50% + var(--my))) rotateY(var(--yaw)) rotateZ(var(--roll)) scale(var(--scale));transform-origin:center;pointer-events:none;will-change:transform}.mount.is-front{opacity:1}.mount img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 12px #000a);transform:rotate(-8deg);transform-origin:50% 55%;transition:transform .7s cubic-bezier(.2,.75,.12,1)}.mount:nth-child(2) img{transform:rotate(-7deg)}.mount:nth-child(3) img{transform:rotate(-5deg)}.stage-tag{position:absolute;right:2%;top:11%;color:#b1adb9;font-size:8px;display:flex;align-items:center;gap:9px;pointer-events:none}.stage-tag i{width:19px;height:1px;background:#8f8a9b}.stage-tools{position:absolute;right:2%;bottom:8%;z-index:4;display:flex;gap:6px}.inspect,.other-detail{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;color:#eeedf3;background:#14141dd9;border:1px solid #ffffff40;border-radius:24px;padding:8px 14px;font-size:12px;font-weight:500}.lens-icon{width:12px;height:12px;border-radius:100%;border:1.5px solid currentColor;display:inline-block;position:relative;margin-right:1px}.lens-icon::after{content:"";position:absolute;width:5px;height:1.5px;background:currentColor;bottom:-1px;right:-4px;transform:rotate(45deg)}.stage.inspecting .ring{opacity:.2}.stage.inspecting .mount:not(.is-front){visibility:hidden}.stage.inspecting .mount.is-front img{transform:translate(var(--close-x),var(--close-y)) scale(1.76) rotate(-4deg);filter:drop-shadow(0 20px 20px #000b)}.inspect[aria-pressed=true]{border-color:rgba(var(--accent),.7)}.feature{position:absolute;left:5%;bottom:8%;display:grid;align-content:center;gap:3px;z-index:3;border-left:2px solid rgb(var(--accent));padding:7px 13px;background:#0a0a0eea}.feature .small-type{font-size:8px;color:rgb(var(--accent))}.feature strong{font-weight:500;font-size:13px}
.selection{padding-bottom:clamp(17px,3.4vh,43px);z-index:4}.selection-title{display:flex;align-items:center;gap:16px;color:#b3adbd;margin-bottom:12px}.selection-title .small-type,.help{font-size:8px;letter-spacing:.16em}.rules{height:1px;flex:1;background:linear-gradient(90deg,#ffffff24,#ffffff10)}.help span{padding-left:4px;color:#dfdce7}.rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.5vw,28px)}.pick{position:relative;isolation:isolate;display:flex;align-items:center;text-align:left;gap:clamp(11px,1.5vw,24px);padding:clamp(11px,1.7vh,21px) clamp(11px,1.25vw,24px);color:#c1bdc9;border:1px solid #ffffff22;border-radius:6px;min-height:55px;background:linear-gradient(125deg,#ffffff04,transparent);transition:background-color .2s,border-color .2s}.pick[aria-pressed=true]{border-color:rgba(var(--accent),.52);background:linear-gradient(120deg,rgba(var(--accent),.13),rgba(var(--accent),.025));color:#fff}.pick:hover{background-color:#ffffff08}.pick .num{align-self:center;font-size:9px;color:#aba6b6;letter-spacing:.02em}.pick[aria-pressed=true] .num{color:rgb(var(--accent))}.pick-copy{display:grid;gap:2px}.pick strong{font-weight:500;font-size:clamp(15px,1.3vw,22px);letter-spacing:-.04em;line-height:1.1}.pick small{font-size:10px;color:#aaa6b6;line-height:1.4}.indicator{width:6px;height:6px;border-radius:100%;margin-left:auto;border:1px solid #ffffff46}.pick[aria-pressed=true] .indicator{background:rgb(var(--accent));border-color:transparent;box-shadow:0 0 9px rgba(var(--accent),.4)}
.notes{background:#141419;position:relative;border-top:1px solid #ffffff25;isolation:isolate}.notes::before{z-index:-1}.notes-wrap{max-width:1720px;margin:auto;padding:clamp(65px,9vw,150px) var(--gutter);display:grid;grid-template-columns:1fr 1.15fr;gap:7%}.chapter{color:#c6c1cc;display:flex;align-items:center;gap:12px}.chapter span{color:#918b99}.chapter i{width:20px;height:1px;background:#8bdeea}.editorial h2{font-size:clamp(50px,5.5vw,105px);line-height:.94;letter-spacing:-.075em;font-weight:500;margin:27px 0 18px}.editorial em{font-family:Georgia,serif;letter-spacing:-.07em;font-weight:400;color:#c0dfe5}.editorial p{max-width:30ch;line-height:1.55;font-size:15px;color:var(--muted)}.text-link{font-size:13px;font-weight:500;display:inline-block;border-bottom:1px solid #aaa3b7;padding:5px 0;margin-top:25px}.text-link span{margin-left:8px}.ledger details{border-top:1px solid #ffffff30}.ledger details:last-child{border-bottom:1px solid #ffffff30}.ledger summary{display:flex;gap:23px;align-items:center;padding:20px 0;font-size:clamp(21px,2vw,34px);font-weight:500;letter-spacing:-.045em;cursor:pointer;list-style:none}.ledger summary::-webkit-details-marker{display:none}.ledger .num{font-size:9px;color:#bdb6c9}.toggle{width:24px;height:24px;border:1px solid #ffffff3e;border-radius:100%;margin-left:auto;position:relative}.toggle::before,.toggle::after{content:"";position:absolute;left:6px;right:6px;height:1px;top:10px;background:#c7c3cd}.toggle::after{transform:rotate(90deg)}details[open] .toggle::after{transform:rotate(0)}.entry{padding:0 0 23px 37px}.entry p{font-size:13px;color:#c1bacb}.entry dl{margin:16px 0 0}.entry dl div{padding:7px 0;font-size:13px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff12}.entry dt{color:#aaa6b4}.entry dd{font-weight:500;margin:0;text-align:right}.entry .text-link{margin-top:10px;font-size:12px}footer{padding:24px var(--gutter) calc(24px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:10px;color:#c5c1cd;font-size:12px;border-top:1px solid #ffffff16}.footer-slash{color:#706a7e;margin:0 6px}
.stage.inspecting::after{content:"";pointer-events:none;position:absolute;z-index:2;left:50%;top:49%;width:24px;height:24px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.64);border-radius:50%;box-shadow:0 0 0 1px #12101954,0 0 0 5px rgba(var(--accent),.12)}
@media(max-width:760px){
  :root{--gutter:clamp(18px,5.2vw,32px)}.shell{grid-template-rows:58px minmax(0,1fr) auto}.screen{min-height:510px}.journey{height:224vh;height:224svh}.wordmark{gap:11px}.wordmark img{width:29px;height:29px}.brand-divider{height:19px}.wordmark .small-type{font-size:8px}.index-link{display:none}.retail{font-size:11px;min-height:40px;gap:11px}
  .exhibit{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.copy{padding:clamp(16px,3.8vh,42px) 0 0}.eyebrow{font-size:8px;gap:8px}.live-dot{width:5px;height:5px}h1{font-size:clamp(46px,12.8vw,83px);line-height:.94;letter-spacing:-.081em;margin:12px 0 10px}#family{display:inline}.description{font-size:clamp(12px,3.43vw,15px);line-height:1.45;max-width:37ch}.product-link{font-size:12px;margin-top:5px;padding:6px 0;gap:14px}
  .stage{margin:0 calc(-1 * var(--gutter));overflow:hidden}.ring{width:min(107%,64vh);width:min(107%,64svh);left:50%;top:46%;transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my)))}.ring img{max-height:100%;width:100%}.photography{inset:0}.mount{width:min(79%,50vh);width:min(79%,50svh);left:50%;margin-left:calc(-1 * min(39.5%,25svh));top:47%}.stage-light{inset:0 -2%}.stage-tag{top:8%;right:var(--gutter);font-size:7px}.floor{left:7%;right:6%;top:69%;height:13%}.stage-tools{bottom:5px;right:var(--gutter)}.inspect,.other-detail{min-height:40px;font-size:11px;padding:7px 12px}.feature{left:var(--gutter);bottom:48px;max-width:calc(100% - 2 * var(--gutter));padding:4px 9px}.feature strong{font-size:12px}.feature .small-type{font-size:7px}
  .selection{padding:10px 0 max(14px,env(safe-area-inset-bottom))}.selection-title{margin-bottom:8px;gap:9px}.rail{gap:6px}.pick{min-height:53px;padding:9px 7px;gap:6px;border-radius:5px}.pick .num{font-size:8px;align-self:flex-start}.pick strong{font-size:clamp(13px,3.7vw,18px)}.pick small{font-size:8px}.indicator{display:none}.notes-wrap{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:60px}.editorial h2{margin:16px 0;font-size:52px}.editorial p{max-width:36ch;font-size:14px}.editorial .text-link{margin-top:12px}.ledger summary{font-size:23px}footer{font-size:10px}
}
@media(min-width:761px) and (max-height:660px){.shell{grid-template-rows:55px minmax(0,1fr) auto}.screen{min-height:410px}.copy{padding:0}h1{font-size:clamp(53px,11vh,81px);margin:12px 0}.description{font-size:13px}.selection{padding-bottom:12px}.selection-title{margin-bottom:6px}.stage-tools{bottom:4%}.product-link{margin-top:6px}}
@media(max-width:760px) and (max-height:640px){.shell{grid-template-rows:46px minmax(0,1fr) auto}.copy{padding-top:10px}h1{font-size:43px;margin:6px 0}.selection{padding:4px 0 8px}.selection-title{margin-bottom:4px}.pick{min-height:45px}.stage-tools{bottom:1px}.product-link{margin:0}.stage-tag{display:none}}
@media(max-height:510px){.screen{position:relative;height:auto;min-height:0}.journey{height:auto}.shell{grid-template-rows:50px auto auto}.exhibit{min-height:350px}.stage{min-height:215px}.help{display:none}}
@media(prefers-reduced-motion:reduce){.journey{height:auto}.screen{position:relative}.mount img,.retail span,.product-link span,.text-link span,.ring,.pick{transition:none}.help{display:none}}

.site-resources{display:flex;gap:10px 22px;flex-wrap:wrap}
.site-resources a:hover{text-decoration:underline}
@media(max-width:760px){footer{flex-wrap:wrap}.site-resources{gap:8px 15px}}
@media(min-width:783px){.admin-bar .screen{top:32px;height:calc(100svh - 32px)}}
@media(min-width:601px) and (max-width:782px){.admin-bar .screen{top:46px;height:calc(100svh - 46px)}}

/* Give the RGB glyphs a complete line box; retain the approved composition. */
h1{line-height:1.04;letter-spacing:-.075em}#edition{line-height:1.08;padding:.025em .075em .07em 0;margin-right:-.075em;background-image:linear-gradient(150deg,#fff 8%,#d6e8ed 38%,#91b7c0 68%,#c9e1e7)}.period{line-height:1.08}.ring img{filter:hue-rotate(-42deg)}.collection-link{color:#d0e7ec}
@media(max-width:760px){header nav{gap:14px}.collection-link{font-size:11px}h1{line-height:1.1;margin-bottom:5px}#edition{line-height:1.12;padding-bottom:.07em}.description{max-width:37ch}}
