:root{--yellow:#f9c93a;--ink:#000;--gray:#504e4e;--line:#dedbd3;font-family:Urbanist,Arial,sans-serif;color:var(--ink);background:white;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #504e4e;outline-offset:5px}button:disabled{cursor:wait;opacity:.65}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-180%);z-index:20;background:var(--yellow);padding:14px}.skip-link:focus{transform:none}
header,footer{display:flex;justify-content:space-between;align-items:center}header{padding:10px 5vw;gap:24px;border-bottom:1px solid var(--line)}.brand{display:block;width:clamp(220px,29vw,345px);line-height:0}.brand img{display:block;width:100%;height:auto}.edition{font-size:15px;color:var(--gray)}
.workspace{display:grid;grid-template-columns:1.08fr 1fr;min-height:calc(100svh - 177px);max-width:1440px;margin:auto}.art{background:#faf5e7;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 40px 50px;overflow:hidden;border-right:1px solid var(--line)}.label{position:absolute;left:32px;top:26px;font-size:15px}.art canvas{display:block;width:min(100%,510px);height:auto;box-shadow:0 16px 40px #5c482318;transform:rotate(-2deg)}.art-caption{font-size:15px;margin-top:30px;color:var(--gray)}
.intro{padding:50px clamp(28px,5vw,80px);align-self:center}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:600;margin:0 0 22px;color:var(--gray)}h1{font-family:Lora,Georgia,serif;font-size:clamp(40px,4.4vw,65px);line-height:1.12;letter-spacing:-1.8px;font-weight:500;margin:0 0 25px;text-wrap:balance}h1 span{color:#a77600}.description{font-size:19px;line-height:1.55;color:var(--gray);margin-bottom:30px}.primary{background:var(--yellow);color:var(--ink);border:1px solid var(--yellow);border-radius:3px;padding:17px 22px;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:600;min-height:58px;transition:background .18s,transform .18s}.primary:hover{background:#ebbb2e}.primary:active{transform:translateY(1px)}.secondary{background:transparent;border:0;border-bottom:1px solid var(--gray);padding:12px 0;margin-top:12px;font-size:16px;min-height:46px}.secondary:hover{border-color:#a77600;color:#805b00}#status{font-size:15px;color:var(--gray);line-height:1.5;min-height:45px;margin:17px 0}details{border-top:1px solid var(--line);padding-top:17px;font-size:16px;line-height:1.6}summary{cursor:pointer;font-weight:500}details a{text-underline-offset:3px}footer{gap:18px;padding:22px 5vw;font-size:13px;border-top:1px solid var(--line)}footer a{text-decoration:none}footer span{font-size:12px;letter-spacing:1px}
#ar{position:fixed;inset:0;background:#171717;z-index:10}#ar[hidden]{display:none}#camera{position:absolute;inset:0;overflow:hidden;isolation:isolate}.hud{position:absolute;z-index:3;top:max(20px,env(safe-area-inset-top));left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.hud span,.hud button{background:#171717e8;color:white;border:1px solid #ffffff55;border-radius:5px;padding:13px 17px;font-size:15px}.hud button{min-height:46px}#guide{position:absolute;top:23%;left:33%;width:34%;height:52%;border:2px dashed var(--yellow);border-radius:8px;pointer-events:none}.camera-tip{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:20px;right:20px;text-align:center;color:white;background:#171717e8;padding:13px;font-size:15px;border-radius:5px;pointer-events:none}.found #guide{opacity:0}.found #tracking{color:var(--yellow)}
@media(max-width:700px){header{padding:7px 22px}.brand{width:245px;max-width:100%}.edition{display:none}.workspace{grid-template-columns:1fr;min-height:0}.art{border-right:0;border-bottom:1px solid var(--line);padding:44px 24px 20px}.art canvas{width:218px}.label{font-size:13px;left:22px;top:17px}.art-caption{margin-top:20px;font-size:14px}.intro{padding:27px 24px 30px}.eyebrow{margin-bottom:12px;font-size:11px;letter-spacing:1.2px}h1{font-size:38px;letter-spacing:-1px;margin-bottom:18px}.description{font-size:17px;margin:14px 0 22px}.primary{font-size:17px}footer{align-items:flex-start;font-size:13px;padding:20px 24px;flex-direction:column;gap:8px}.hud{left:12px;right:12px}.hud span{font-size:14px}}@media(prefers-reduced-motion:reduce){.art canvas{transform:none}button{transition:none}}[hidden]{display:none!important}#collection{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;width:min(100%,390px);margin-top:8px}#collection button{padding:0;background:white;border:2px solid transparent;border-radius:3px;overflow:hidden;min-height:44px}#collection button[aria-pressed=true]{border-color:#000;outline:2px solid var(--yellow)}#collection img{width:100%;aspect-ratio:1;object-fit:cover;display:block}blockquote{font-family:Lora,Georgia,serif;font-size:18px;line-height:1.6;margin:20px 0;border-left:3px solid var(--yellow);padding-left:18px}.voice-buttons{display:flex;flex-wrap:wrap;gap:9px}.small-button{padding:11px 13px;border:1px solid #504e4e;border-radius:3px;background:white;color:black;min-height:44px;font-weight:600}.small-button:disabled{cursor:default}.small-button:hover:enabled{background:var(--yellow)}.privacy,#voice-status{font-size:13px;line-height:1.5;color:var(--gray)}#voice-status{min-height:20px}.ar-voice{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;padding:14px;background:#171717ed;color:white;border-radius:5px;z-index:3}.ar-voice .privacy{color:#ddd;margin-bottom:0}.ar-voice p{margin-top:0}.art canvas{max-height:52vh;object-fit:contain;width:auto;max-width:100%}.art{padding-top:55px}.art-caption{margin:18px 0 12px}#guide{top:20%;height:45%}@media(max-width:700px){.art canvas{width:215px;height:auto}.art{padding-bottom:22px}#collection{width:310px;max-width:100%}.intro{padding-top:25px}h1{font-size:36px}.ar-voice{font-size:14px}.small-button{font-size:14px}}
/* Extend the artwork panel to the viewport edge on wide displays.
   Shadows do not change layout width; clipping keeps the other edges clean. */
@media (min-width:1441px){
  .art{
    box-shadow:0 0 0 100vmax #faf5e7;
    clip-path:inset(0 0 0 -100vmax);
  }
}