:root{--red:#bd151e;--ink:#080808}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#050506;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,a{font:inherit}.image-page{min-height:100svh;background-image:var(--bg);background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative}.site-nav{position:fixed;z-index:50;left:0;right:0;top:0;padding:22px 3vw;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;text-shadow:0 2px 10px #000}.site-nav>*{pointer-events:auto}.wordmark{color:white;text-decoration:none;font:30px Georgia,serif;line-height:.9}.wordmark small{display:block;font:9px Arial;letter-spacing:.48em;text-indent:.48em;text-align:center;margin-top:10px}.wordmark i{display:block;width:180px;height:3px;background:var(--red);margin-top:8px;transform:rotate(-1deg)}.site-nav nav{display:flex;gap:34px}.site-nav nav a{color:#fff;text-decoration:none;font-size:12px;letter-spacing:.14em;padding:8px 2px;border-bottom:2px solid transparent}.site-nav nav a.active{border-color:var(--red)}
.entry-page{overflow:hidden;background:#050505}.entry-stage{min-height:100svh;background:linear-gradient(#0007,#0007),url('assets/entry.png') center/cover no-repeat;position:relative;display:grid;place-items:center}.entry-kicker{position:absolute;top:14%;letter-spacing:.35em;font-size:13px;color:#ddd}.entry-clean{text-align:center;position:relative;z-index:2}.entry-clean h1{margin:0;font:clamp(58px,8vw,124px)/.9 Georgia,serif}.entry-clean p{letter-spacing:1.2em;text-indent:1.2em;font-size:15px}.entry-clean i{display:block;width:300px;height:3px;background:var(--red);margin:18px auto}.spray-layer{position:absolute;width:min(1000px,76vw);z-index:3;clip-path:inset(0 100% 0 0);opacity:0;filter:drop-shadow(0 2px 4px #000)}.spray-layer.painting{animation:paintReveal 4.3s steps(80,end) forwards}.spray-can{position:absolute;z-index:5;width:135px;opacity:0;left:13%;top:35%;filter:drop-shadow(0 18px 24px #000);transform:rotate(-18deg)}.spray-can.painting{opacity:1;animation:canPath 4.3s linear forwards}.spray-mist{position:absolute;z-index:4;width:160px;height:70px;border-radius:50%;background:radial-gradient(ellipse at right,rgba(220,20,30,.6),rgba(220,20,30,0) 70%);opacity:0;filter:blur(9px)}.spray-mist.painting{opacity:.75;animation:mistPath 4.3s linear forwards}.entry-actions{position:absolute;bottom:7%;display:grid;gap:14px;z-index:8;text-align:center}.entry-actions button{border:1px solid #d33;background:#9f1118;color:white;padding:18px 82px;letter-spacing:.2em}.entry-actions .text-button{background:none;border:0;padding:4px}.entry-stage.running .entry-actions{opacity:0;pointer-events:none}@keyframes paintReveal{0%{opacity:1;clip-path:inset(0 100% 0 0)}100%{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes canPath{0%{left:12%;top:35%;transform:rotate(-20deg)}28%{left:38%;top:29%;transform:rotate(-8deg)}56%{left:65%;top:32%;transform:rotate(8deg)}78%{left:56%;top:55%;transform:rotate(18deg)}100%{left:76%;top:59%;transform:rotate(6deg);opacity:0}}@keyframes mistPath{0%{left:17%;top:38%}28%{left:43%;top:32%}56%{left:70%;top:35%}78%{left:61%;top:58%}100%{left:81%;top:62%;opacity:0}}
.hero-hotspot{position:absolute;z-index:5}.hero-collection{top:0;right:20%;width:15%;height:14%}.hero-tour{inset:15% 0 0 0}.collection-hotspots{position:absolute;left:3%;right:3%;top:30%;bottom:8%;display:grid;grid-template-columns:repeat(5,1fr);gap:2.4%}.collection-hotspots a{display:block}
.tour-page{overflow:hidden}.tour-scene{position:fixed;inset:0;background-size:cover;background-position:center;transition:background-image .65s ease,filter .45s,transform .45s}.tour-scene.night{filter:brightness(.6) saturate(1.12)}.tour-scene.black{filter:hue-rotate(145deg) saturate(1.25) brightness(.72)}.ambient-layer{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s}.tour-scene.atmosphere .ambient-layer{opacity:1}.rain-layer{background-image:linear-gradient(transparent 0,rgba(255,255,255,.22) 48%,transparent 100%);background-size:3px 48px;animation:rain .55s linear infinite;opacity:0}.tour-scene[data-room="tokyo"].atmosphere .rain-layer,.tour-scene[data-room="city"].atmosphere .rain-layer{opacity:.18}@keyframes rain{to{background-position:0 48px}}.steam-layer i{position:absolute;bottom:2%;width:180px;height:220px;background:radial-gradient(ellipse at bottom,rgba(255,255,255,.32),transparent 65%);filter:blur(14px);animation:steam 5s ease-in-out infinite}.steam-layer i:first-child{left:5%}.steam-layer i:last-child{right:8%;animation-delay:2s}@keyframes steam{0%,100%{transform:translateY(40px) scale(.7);opacity:0}45%{opacity:.65}100%{transform:translateY(-100px) scale(1.15);opacity:0}}.sky-layer i{position:absolute;width:9px;height:5px;border-top:2px solid white;border-radius:50%;top:23%;left:9%;animation:bird 12s linear infinite}.sky-layer i:nth-child(2){top:29%;left:15%;animation-delay:3s}.sky-layer i:nth-child(3){top:20%;left:22%;animation-delay:7s}@keyframes bird{to{transform:translateX(70vw)}}.light-layer i{position:absolute;width:5px;height:5px;border-radius:50%;background:#def;box-shadow:0 0 14px 5px #8cf;animation:traffic 7s linear infinite;top:30%;left:8%}.light-layer i:nth-child(2){top:22%;animation-delay:2s}.light-layer i:nth-child(3){top:38%;animation-delay:4s}@keyframes traffic{to{transform:translateX(78vw) translateY(-10vh)}}.focus-dim{position:absolute;inset:0;background:#000;opacity:0;transition:opacity .3s}.focus-dim.active{opacity:.48}.focus-ring{position:absolute;border:2px solid rgba(255,255,255,.7);box-shadow:0 0 70px 30px rgba(255,255,255,.22);opacity:0;transition:.3s}.focus-ring.active{opacity:1}.room-counter{position:fixed;right:4vw;top:13%;z-index:30;font-size:13px;letter-spacing:.18em}.tour-controls{position:fixed;left:3%;bottom:5%;z-index:35;background:rgba(8,8,9,.82);border:1px solid #ffffff24;border-radius:12px;padding:8px;display:flex;gap:2px}.tour-controls button{background:none;border:0;color:#fff;padding:12px 16px;font-size:11px;letter-spacing:.08em}.tour-controls button.active{color:#fff;background:#b4151e;border-radius:8px}.move-pad{position:fixed;right:3%;bottom:4%;z-index:35;width:100px;height:100px;border:1px solid #fff;border-radius:50%;display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden;background:#090909aa}.move-pad button{background:none;color:white;border:0}.room-nav{position:fixed;z-index:35;bottom:0;left:50%;transform:translateX(-50%);display:flex;background:#050506dd;border-radius:10px 10px 0 0;overflow:hidden}.room-nav button{border:0;background:none;color:#aaa;padding:12px 16px;font-size:10px;letter-spacing:.1em}.room-nav button.active{background:var(--red);color:#fff}.art-hotspots{position:fixed;inset:0;z-index:20;pointer-events:none}.art-hotspot{position:absolute;border:0;background:transparent;pointer-events:auto}.work-card{position:fixed;right:8%;top:44%;z-index:40;width:300px;background:rgba(10,10,11,.92);border:1px solid #ffffff35;border-radius:14px;padding:24px}.work-card button{position:absolute;right:10px;top:8px;background:none;border:0;color:white;font-size:22px}.work-card small{letter-spacing:.12em}.work-card h2{font:26px Georgia;margin:8px 0;color:#d51a24}.work-card p{line-height:1.5;color:#ddd}.work-card a{display:block;text-align:center;background:#b5151e;color:#fff;text-decoration:none;padding:14px;font-size:11px;letter-spacing:.12em}.frame-interactions button{position:fixed;z-index:20;background:transparent;border:0}.frame-interactions button[data-frame]{right:2.5%;width:20%;height:6%}.frame-interactions button[data-frame="Light Wood"]{top:12%}.frame-interactions button[data-frame="Black"]{top:18.5%}.frame-interactions button[data-frame="White"]{top:25%}.frame-interactions button[data-frame="Birch"]{top:31.5%}.frame-interactions button[data-frame="Dark Wood"]{top:38%}.frame-interactions button[data-frame="Custom Color"]{top:44.5%}#glassToggle{right:2.5%;top:49%;width:20%;height:10%}#matToggle{right:2.5%;top:60%;width:20%;height:13%}#viewSpace{right:2.5%;bottom:8%;width:20%;height:8%}.frame-toast{position:fixed;z-index:30;left:50%;bottom:4%;transform:translateX(-50%);background:#111d;border:1px solid #ffffff33;border-radius:999px;padding:12px 22px;opacity:0;transition:.25s}.frame-toast.show{opacity:1}
@media(max-width:900px){.image-page{background-size:contain;background-color:#050506}.site-nav{padding:16px 18px}.wordmark{font-size:24px}.wordmark i{width:140px}.site-nav nav{gap:18px}.site-nav nav a{font-size:10px}.tour-controls{left:2%;bottom:3%;max-width:75%;overflow:auto}.tour-controls button{padding:10px;font-size:9px;white-space:nowrap}.move-pad{width:86px;height:86px}.room-nav{max-width:90%;overflow:auto}.room-nav button{padding:10px 12px}.work-card{right:5%;top:38%;width:280px}.entry-clean h1{font-size:11vw}.spray-layer{width:88vw}.spray-can{width:100px}.entry-actions button{padding:16px 60px}.collection-hotspots{top:25%;bottom:22%}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.page-bg,.entry-bg,.scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.page-bg{position:fixed;z-index:0}.image-page>*:not(.page-bg){position:relative}.entry-bg{z-index:0;filter:brightness(.56)}.entry-stage>*:not(.entry-bg){position:absolute}.entry-clean{position:relative!important}.scene-bg{z-index:-1;transition:filter .45s,transform .45s,object-position .45s}.tour-scene.night .scene-bg{filter:brightness(.6) saturate(1.12)}.tour-scene.black .scene-bg{filter:hue-rotate(145deg) saturate(1.25) brightness(.72)}
/* Production view preserves each approved mockup exactly; interactions sit invisibly on top. */
.image-page .site-nav,.tour-page .site-nav,.room-counter{display:none!important}.page-bg,.scene-bg,.entry-bg{object-fit:contain;background:#050506}.top-hotspots{position:fixed;z-index:60;top:0;right:0;width:42%;height:12%;display:grid;grid-template-columns:repeat(3,1fr)}.top-hotspots a{display:block}.tour-controls,.move-pad{opacity:0;pointer-events:none}.tour-controls button,.move-pad button{pointer-events:auto}.scene-chooser-hit{position:fixed;z-index:60;right:2%;top:8%;width:20%;height:10%;border:0;background:transparent}.room-nav{display:none;bottom:auto;top:13%;right:3%;left:auto;transform:none;flex-direction:column;border:1px solid #ffffff33;border-radius:12px;background:#08090bed}.room-nav.open{display:flex}.room-nav button{min-width:190px;text-align:left}.work-card{display:none!important}.focus-dim{z-index:10}.focus-ring{z-index:11}.art-hotspots{z-index:20}
@media(max-width:900px){.page-bg,.scene-bg,.entry-bg{object-fit:contain}.top-hotspots{width:48%;height:13%}.scene-chooser-hit{top:9%;right:1%;width:24%;height:9%}}
.spray-layer{position:absolute;width:min(1000px,76vw);aspect-ratio:2/1;z-index:3;opacity:1;filter:drop-shadow(0 2px 4px #000);clip-path:none}.spray-word{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;clip-path:inset(0 100% 0 0);opacity:0}.spray-layer.painting .word-dalton{animation:wordPaint .75s steps(24,end) .05s forwards}.spray-layer.painting .word-cole{animation:wordPaint .75s steps(24,end) 1.08s forwards}.spray-layer.painting .word-young{animation:wordPaint .75s steps(24,end) 2.11s forwards}.spray-layer.painting .word-collection{animation:wordPaint .85s steps(28,end) 3.14s forwards}@keyframes wordPaint{to{opacity:1;clip-path:inset(0 0 0 0)}}
.spray-layer.painting{animation:none}