:root{--red:#9e0802;--cream:#f6efdf;--ink:#3b2b1e;--gold:#ad884d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font:14px Arial,sans-serif}button,a,select{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}#ui{position:relative;z-index:3;min-height:100svh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;height:100px;margin:0 5%;border-bottom:1px solid #b5a07d40}.brand{display:flex;gap:14px;align-items:center;text-decoration:none}.brand img{width:52px;height:52px;object-fit:contain}.brand>span{font:18px Georgia,serif;letter-spacing:3px;color:var(--red)}.brand small{display:block;font:7px Arial,sans-serif;letter-spacing:3px;margin-top:7px;color:#8a775a}.private{font-size:8px;letter-spacing:1.6px;color:#9a8465;border:1px solid #b8a17b60;padding:10px 14px;border-radius:20px}#intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:0 auto;padding:50px 6%;width:100%;max-width:1500px;align-items:center;flex:1}.copy{padding:15px 0}.eyebrow{font-size:9px;letter-spacing:2.5px;color:var(--red);margin:0 0 25px}h1{font:normal clamp(52px,5.7vw,85px)/1.03 Georgia,serif;letter-spacing:-3px;margin:0 0 25px}h1 em{font-weight:normal;color:var(--red)}.lead{color:#8b7659;line-height:1.9;font-size:13px}ol{padding:0;margin:26px 0;list-style:none;display:flex;flex-direction:column;gap:13px}li{display:flex;gap:13px;align-items:center;font-size:11px;color:#735b40}li b{font-size:8px;letter-spacing:1px;color:#ad8b55}#start{border:0;background:var(--red);color:#fff5e1;padding:18px 24px;width:290px;max-width:100%;border-radius:2px;font-weight:600;font-size:12px}.camera-note{font-size:9px;color:#9a876a;line-height:1.6;max-width:320px;margin:12px 0 19px}.links{display:flex;gap:22px;font-size:11px;color:var(--red)}.links a{text-decoration:none;border-bottom:1px solid #ab7b4d55;padding-bottom:5px}.qr-card{display:flex;gap:15px;align-items:center;margin-top:30px}#qr{width:88px;height:88px;line-height:0;background:white}#qr svg{width:100%;height:100%}.qr-card p{font-size:8px;letter-spacing:1.3px;line-height:1.8}.qr-card span{font-size:9px;letter-spacing:0;color:#9a876a}.qr-card button{display:block;background:none;border:0;padding:0;font-size:10px;letter-spacing:0;color:var(--red);margin-top:5px}.poster-display{padding:18px 15px;text-align:center;position:relative}.poster-display:before{content:'';position:absolute;inset:0;background:url('assets/brand-background.png') center/cover;border-radius:220px 220px 0 0;z-index:-1;opacity:.05}.poster-display img{display:block;width:100%;max-width:440px;height:auto;max-height:650px;object-fit:contain;margin:auto;box-shadow:0 16px 45px #58351e23;border:1px solid #c9b78e75;transform:rotate(2deg);transition:transform .4s}.poster-display a:hover img{transform:rotate(0)}.poster-display>span{display:block;font-size:8px;letter-spacing:2px;color:#9b805a;margin-top:30px}footer{display:flex;justify-content:space-between;align-items:center;padding:24px 6%;background:url('assets/brand-background.png') center/cover,var(--red);color:#f1dcc0;font-size:8px;letter-spacing:2px}footer button{border:0;background:none;color:inherit;font-size:10px}#ar-container{position:fixed;inset:0;overflow:hidden;z-index:0;background:transparent}#ar-container video{z-index:0!important}#ar-container canvas{z-index:1!important;pointer-events:none}#ar-container>div{pointer-events:none}body.scanning{background:transparent}body.scanning #ui{pointer-events:none}body.scanning header{height:78px;margin:0;padding:0 5%;border:0;background:#fff6e9e8}body.scanning header a,body.scanning button{pointer-events:auto}body.scanning #intro,body.scanning footer,body.scanning .private{display:none}#close-camera{background:var(--red);color:#fff3df;border:0;border-radius:4px;font-size:10px;padding:12px 15px}.tracking-status{position:fixed;top:95px;left:50%;transform:translateX(-50%);background:#fff5e7ed;max-width:90%;width:max-content;border:1px solid #bd9c71;padding:12px 18px;border-radius:30px;display:flex;gap:10px;align-items:center;color:#6c4d30;font-size:11px;box-shadow:0 3px 14px #0002}#status-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#b08a4c}body[data-state=tracking] #status-dot{background:#4b8041}#viewfinder{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(65vw,290px,42vh)}.frame{aspect-ratio:3/4;border:1px solid #fff7e9a0;border-radius:5px;box-shadow:0 0 0 1px #58331d55}#scan-hint{font-size:11px;line-height:1.7;text-align:center;color:white;text-shadow:0 1px 4px #000;background:#37251bb5;border-radius:5px;padding:10px}body[data-state=tracking] #viewfinder{display:none}.camera-controls{display:flex;gap:6px;justify-content:center;position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:96%;padding:9px;background:#fff5e8eb;border-radius:7px;border:1px solid #c4a778}.camera-controls button{border:1px solid #b9a17a70;color:#765333;background:#fff9ee90;padding:11px 14px;border-radius:3px;font-size:10px}#message{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);max-width:92%;width:max-content;z-index:20;background:#3b281e;color:#fff1db;font-size:12px;line-height:1.6;padding:14px 20px;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .2s}#message.show{opacity:1}dialog{background:var(--cream);color:var(--ink);border:1px solid #b89b70;padding:30px;max-width:470px;width:90%;border-radius:6px}dialog::backdrop{background:#352319b0;backdrop-filter:blur(5px)}dialog h2{font:normal 28px Georgia,serif;color:var(--red)}dialog img{width:120px;float:left;margin:0 20px 12px 0}dialog p{font-size:12px;line-height:1.9;color:#826b4e}dialog a{font-size:12px;color:var(--red)}#close-help{float:right;background:none;border:0;font-size:25px;color:var(--red)}[hidden]{display:none!important}@media(max-width:700px){header{height:78px}.brand img{width:40px;height:40px}.brand>span{font-size:13px;letter-spacing:2px}.brand small{font-size:6px;letter-spacing:2px}.private{font-size:6px;letter-spacing:.5px;padding:8px}#intro{display:flex;flex-direction:column;gap:25px;padding:32px 7% 35px}.copy{padding:0;width:100%}.eyebrow{font-size:8px;margin-bottom:16px}h1{font-size:53px;letter-spacing:-2px;margin-bottom:18px}.lead{font-size:11px}ol{gap:11px;margin:20px 0}li{font-size:10px}#start{width:100%;padding:16px}.camera-note{font-size:9px}.links{justify-content:space-between;font-size:10px}.qr-card{display:none}.poster-display{width:90%;padding:15px 12px}.poster-display img{max-width:300px}.poster-display>span{font-size:7px;margin-top:25px}footer{padding:21px 6%;font-size:6px;letter-spacing:1px}footer button{font-size:9px}.camera-controls button{font-size:9px;padding:11px}body.scanning .brand small{font-size:6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}