*{box-sizing:border-box}html,body{margin:0;background:#080704;color:#f7efdb}body{font-family:Arial,Helvetica,sans-serif}main{min-height:100svh;display:flex;flex-direction:column;justify-content:center}.desktop{display:block}.art{position:relative;width:100%;aspect-ratio:1671/941;background:url("assets/hero-concept.png") center/100% 100% no-repeat}.hotspot{position:absolute;display:block;border-radius:20px}.hotspot:focus-visible{outline:3px solid #f4c668;outline-offset:2px}.mail{left:75.5%;top:43%;width:18%;height:6%}.channel{left:75%;top:76%;width:19%;height:6%}.qr{left:79.5%;top:55%;width:10%;height:19%}.imprint{left:73.5%;top:87.5%;width:9%;height:5%}.privacy{left:83.5%;top:87.5%;width:10%;height:5%}.notice{font-size:11px;text-align:center;margin:8px 12px;color:#bdb3a0}.mobile{display:none}@media(max-width:700px){main{justify-content:flex-start}.desktop{display:none}.mobile{display:block;width:100%}.mobile-brand{background:#f7efdb;text-align:center;padding:13px 20px 9px}.mobile-brand .wordmark{display:block;width:min(84%,350px);height:auto;margin:0 auto}.mobile-brand p{color:#080704;letter-spacing:.23em;font-size:10px;font-weight:600;margin:6px 0 4px}.mobile-brand .wave{display:block;width:90px;max-width:28%;height:auto;margin:0 auto}.mobile-photo{aspect-ratio:430/900;height:auto;background-image:url("assets/mobile-product-v11.jpg");background-position:center center;background-size:100% 100%;background-repeat:no-repeat}.mobile-copy{text-align:center;padding:24px 18px 12px;background:linear-gradient(#1d100a,#080704)}.mobile-copy h1{font-family:Georgia,serif;font-size:clamp(24px,7vw,34px);font-weight:400;line-height:1.16;letter-spacing:.025em;margin:0}.mobile-copy h1 em{font-weight:400}.gold-rule{height:1px;width:115px;background:#c79032;margin:18px auto}.coming{font-family:Georgia,serif;font-size:clamp(13px,4vw,17px);letter-spacing:.14em;line-height:1.55;margin:0}.origin{font-family:Georgia,serif;font-style:italic;font-size:15px;margin:20px 0 0}.origin span{display:block;font-family:Arial,sans-serif;font-size:9px;font-style:normal;letter-spacing:.2em;margin-top:7px}.mobile-actions{padding:16px 22px 24px;text-align:center}.mobile-actions p{font-family:Georgia,serif;letter-spacing:.09em;font-size:13px;margin:15px 0 10px}.mobile-actions>a{display:block;width:min(100%,360px);margin:0 auto 18px;border:1px solid #c79032;border-radius:25px;padding:14px 12px;text-align:center;color:#f4c668;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.09em}.mobile-actions nav{display:flex;gap:25px;justify-content:center;padding:10px 0}.mobile-actions nav a{color:#f7efdb;font-size:12px}.notice{font-size:10px;line-height:1.5;padding:0 12px 12px}}
/* Functional QR overlay: actual encoded QR asset, not AI image pixels */
.qr-visible{position:absolute;left:77.2%;top:53.8%;width:9.7%;height:auto;aspect-ratio:1;display:block;background:#fff;padding:0.45%;border-radius:6px;object-fit:contain;pointer-events:none}