:root{color-scheme:dark;font-family:Arial,sans-serif;background:#303432;color:#e7e1d4}*{box-sizing:border-box}body{margin:0;min-height:100dvh}header{position:relative;z-index:1;padding:28px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:15px;letter-spacing:.08em;pointer-events:none}header p{font-size:14px;margin:0;color:#b8bbae;letter-spacing:0}main{position:relative;z-index:1;padding:12px 5vw 28px}.intro{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px;pointer-events:none}h1{font-size:clamp(30px,4vw,56px);font-weight:400;line-height:1.05;margin:0;letter-spacing:-.04em}.intro p{font-size:14px;color:#b8bbae}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #d7d0bd66;background:#303432;padding:16px 24px;min-height:48px;border-radius:2px}button:hover{background:#454b45}button:focus-visible{outline:2px solid #f3edcc;outline-offset:4px}#wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 26px;direction:ltr}.product{position:relative;width:100%;aspect-ratio:1.3;border:0;border-bottom:1px solid #ffffff25;background:transparent;padding:0;display:flex;align-items:flex-end;text-align:left;touch-action:pan-y pinch-zoom}.product:hover{background:#ffffff04}.product .label{display:flex;width:100%;justify-content:space-between;gap:8px;padding:16px 6px;font-size:16px}.product .price{font-size:13px;color:#b6b9ac}.product img{position:absolute;width:88%;height:80%;left:6%;top:0;object-fit:contain;pointer-events:none}.webgl .product img{display:none}.status{font-size:12px;color:#a6aa9f;line-height:1.6;margin:24px 0 0}canvas{position:fixed;inset:0;display:block;pointer-events:none;width:100%;height:100%}#canvas-home{position:fixed;inset:0;z-index:0}dialog{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100dvh;margin:0;padding:0;border:0;background:#303432;color:#e7e1d4;overflow:auto}dialog:not([open]){display:none}dialog::backdrop{background:transparent}#canvas-focus{position:fixed;inset:0;pointer-events:none}.close{position:fixed;top:24px;right:24px;z-index:3;padding:8px 20px;font-size:24px;background:#303432e8}.close span{font-size:14px}.details{position:relative;z-index:2;margin:16vh 8vw 48px auto;width:30%;max-width:380px;direction:rtl;padding:24px 0;opacity:0;transition:opacity .18s ease-out}.details h2{font-size:clamp(40px,5vw,64px);font-weight:400;margin:0 0 24px;letter-spacing:-.04em}.details p{line-height:1.7;color:#bbbcae}.details .disclaimer{font-size:12px;color:#a6aa9f}dl>div{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff30;padding:16px 0}dt{color:#b8bbae;font-size:14px}dd{margin:0}#return{margin-top:16px}dialog[data-ready] .details{opacity:1}#focus-fallback{display:none;position:fixed;left:7%;top:18%;width:48%;pointer-events:none}.no-webgl #focus-fallback{display:block}
@media(max-width:700px){header{padding:20px;gap:12px;font-size:12px}header p{font-size:12px}main{padding:8px 20px 24px}.intro{display:block;margin-bottom:16px}h1{font-size:34px}.intro p{margin:12px 0;font-size:13px}#wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.product{aspect-ratio:.86}.product .label{font-size:14px;display:block;padding:12px 3px}.product .price{display:block;margin-top:5px;font-size:12px}.details{margin:48vh 20px 20px;width:auto;max-width:none;padding:20px;background:#303432f5}.details h2{font-size:44px;margin-bottom:12px}.details p{margin:10px 0}.close{right:16px;top:16px}.no-webgl #focus-fallback{width:85%;left:7.5%;top:7%}}
@media(max-height:500px) and (orientation:landscape){header{padding:16px 4vw}main{padding:8px 4vw}.intro h1{font-size:32px}.details{margin:80px 5vw 24px auto;width:36%;max-width:none;padding:12px;background:#303432ed}.details h2{font-size:32px}.details p{font-size:13px;line-height:1.5}.details dl>div{padding:10px 0}.close{top:12px;left:12px;right:auto}.no-webgl #focus-fallback{left:5%;top:18%;width:45%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
