:root{--ink:#11100e;--paper:#f1eee7;--accent:#e52b27;--safe-top:max(18px,env(safe-area-inset-top));--safe-bottom:max(18px,env(safe-area-inset-bottom))}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow:hidden}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:calc(62px + var(--safe-top));padding:var(--safe-top) 20px 0;display:flex;align-items:center;justify-content:space-between;color:#fff;mix-blend-mode:difference;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;pointer-events:auto}.brand img{display:block;width:68px;height:auto}.brand span{padding-left:10px;border-left:1px solid currentColor;font-size:8px;font-weight:700;letter-spacing:.2em}.count{margin:0;font-size:10px;letter-spacing:.12em}.count b{font-size:16px}.count span{opacity:.55}.gallery{height:100dvh;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.gallery::-webkit-scrollbar{display:none}.artwork{position:relative;flex:0 0 100vw;height:100dvh;min-height:620px;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-rows:minmax(290px,52dvh) 1fr;background:var(--paper);overflow:hidden}.visual{position:relative;overflow:hidden;background:#222}.visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 30%,rgba(0,0,0,.12))}.visual img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.91) contrast(1.04);transform:scale(1.015);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.artwork.is-active .visual img{transform:scale(1.07)}.artwork--red .visual img{object-position:center}.artwork--brown .visual img{object-position:center 38%}.number{position:absolute;z-index:2;right:18px;bottom:-16px;color:rgba(255,255,255,.22);font:italic 90px/1 Georgia,serif;letter-spacing:-.08em}.details{position:relative;padding:25px 22px calc(90px + var(--safe-bottom));display:flex;flex-direction:column;align-items:flex-start}.details::before{content:"";position:absolute;top:0;left:22px;width:40px;height:3px;background:var(--accent)}.eyebrow{margin:0 0 10px;font-size:9px;font-weight:700;letter-spacing:.2em}.details h1{margin:0;font:clamp(38px,11vw,58px)/.84 Georgia,"Times New Roman",serif;letter-spacing:-.055em}.artist{margin:9px 0 0;color:var(--accent);font:italic 20px/1.1 Georgia,serif}.description{max-width:430px;margin:14px 0 20px;color:#5b5750;font-size:12px;line-height:1.55}.cta{margin-top:auto;width:100%;min-height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.16em;transition:background .2s,transform .2s}.cta:active{transform:scale(.985);background:var(--accent)}.cta i{width:30px;height:30px;border:1px solid rgba(255,255,255,.4);border-radius:50%;position:relative}.cta i::before,.cta i::after{content:"";position:absolute;top:50%;left:50%;background:#fff;transform:translate(-50%,-50%)}.cta i::before{width:10px;height:1px}.cta i::after{width:1px;height:10px}.progress{position:fixed;z-index:21;left:22px;right:22px;bottom:var(--safe-bottom);height:50px;pointer-events:none}.bars{display:flex;gap:5px}.bars a{height:2px;flex:1;background:rgba(17,16,14,.17);pointer-events:auto;transition:background .25s}.bars a.active{background:var(--accent)}.progress p{margin:8px 0 0;font-size:7px;font-weight:700;letter-spacing:.18em;color:#7f7a72}.progress p span{display:inline-block;margin-left:8px;animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{50%{transform:translateX(6px)}}@media(min-width:760px){.artwork{grid-template-columns:minmax(50%,1.18fr) minmax(390px,.82fr);grid-template-rows:1fr}.visual{height:100dvh}.details{padding:clamp(120px,16vh,180px) clamp(42px,6vw,92px) calc(86px + var(--safe-bottom))}.details h1{font-size:clamp(54px,5.2vw,82px)}.description{margin-top:25px;font-size:14px}.cta{max-width:420px}.number{font-size:150px}.progress{left:auto;right:clamp(42px,6vw,92px);width:min(420px,34vw)}.topbar{padding-left:34px;padding-right:34px}}@media(max-height:700px) and (max-width:759px){.artwork{grid-template-rows:minmax(250px,45dvh) 1fr}.details{padding-top:20px}.details h1{font-size:36px}.description{margin:9px 0 12px;line-height:1.35}.cta{min-height:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual img,.bars a{transition:none}.progress p span{animation:none}}

/* Stable header, navigation dock and native surface AR */
.topbar{color:var(--ink);background:var(--paper);mix-blend-mode:normal}.brand img{filter:invert(1)}.cta{font-family:inherit;border:0;cursor:pointer;text-align:left;margin-bottom:52px}.cta:disabled{cursor:wait;opacity:.58}.progress{height:50px;padding-top:8px;background:var(--paper)}.ar-engine{position:fixed;left:0;bottom:0;width:1px;height:1px;opacity:.001;pointer-events:none}.native-ar-button{width:1px;height:1px;border:0;opacity:0}.ar-loader{position:fixed;z-index:80;inset:0;display:grid;grid-template-rows:52dvh 1fr;background:#111;color:#fff;opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s}.ar-loader.show{opacity:1;visibility:visible}.ar-loader>img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.62)}.ar-loader>div{position:relative;margin-top:-38px;padding:0 24px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.ar-loader p{margin:0 0 10px;color:#d9a857;font-size:9px;font-weight:700;letter-spacing:.2em}.ar-loader h2{margin:0;font:40px/.9 Georgia,serif;letter-spacing:-.04em}.ar-loader span{margin-top:16px;color:#c9c5bc;font-size:13px;line-height:1.5}.ar-loader b{height:2px;margin-top:auto;background:linear-gradient(90deg,var(--accent) 0 36%,#ffffff24 36%);animation:loaderPulse 1.4s ease-in-out infinite}.ar-loader small{margin-top:10px;color:#aaa69d;font-size:8px;letter-spacing:.14em}.toast{position:fixed;z-index:90;left:50%;bottom:max(22px,env(safe-area-inset-bottom));padding:11px 16px;background:#111;color:#fff;font-size:10px;letter-spacing:.06em;opacity:0;transform:translate(-50%,12px);transition:.25s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes loaderPulse{50%{opacity:.35}}
@media(min-width:760px){.cta{margin-bottom:58px}.ar-loader{grid-template-columns:1.1fr .9fr;grid-template-rows:1fr}.ar-loader>div{margin:0;padding:18vh 7vw 8vh;justify-content:center}.ar-loader h2{font-size:64px}.ar-loader b{margin-top:44px}}

/* Proportional vertical rhythm */
.details h1{line-height:.96}.cta{margin-bottom:24px}.progress{bottom:calc(var(--safe-bottom) + 38px)}
@media(min-width:760px){.details h1{line-height:.94}.cta{margin-bottom:24px}.progress{bottom:calc(var(--safe-bottom) + 38px)}}