:root{--paper:#f3f0e8;--ink:#25271f;--lime:#d9f18c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #bbbdb2;background:transparent;color:inherit;border-radius:30px;padding:10px 17px}button:hover{background:var(--lime);color:var(--ink)}button:focus-visible,a:focus-visible{outline:3px solid #88a12b;outline-offset:3px}header{height:103px;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.wordmark{text-decoration:none;color:inherit;font-family:Georgia,serif;font-size:40px;letter-spacing:-3px;line-height:.8}.wordmark span{display:block;font-family:Arial,sans-serif;letter-spacing:3px;font-size:9px;margin-top:10px}.headnote{font-size:10px;letter-spacing:1.7px;line-height:1.7;margin-right:auto;margin-left:65px}.headnote b{font-weight:400;color:#797b70}header button{font-size:12px}main{height:calc(100dvh - 143px);min-height:550px;position:relative;margin:0 17px;background:#27291f;border-radius:5px;overflow:hidden}#panorama{position:absolute;inset:0}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(14,20,15,.65),transparent 48%),linear-gradient(0deg,rgba(9,14,10,.9),transparent 37%)}.intro{position:absolute;top:40px;left:34px;color:white;max-width:300px;pointer-events:none}.intro button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.eyebrow span{margin-left:45px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,4.5vw,66px);line-height:1.04;letter-spacing:-2px;margin:26px 0 18px}.intro p{font-size:12px;line-height:1.8;color:#e6e7df}.rule{width:35px;height:1px;background:#a2a698;margin:23px 0}.location{font-size:11px;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;background:var(--lime);border-radius:50%}.quiet{font-size:10px;border:0;padding:12px 0;border-radius:0;color:#dfebbd}.quiet:hover{background:transparent;color:white}.view-tools{position:absolute;right:25px;top:28px;display:flex;gap:6px}.view-tools button{background:#f3f0e8e8;border:0;padding:0;width:38px;height:38px;font-size:18px}.explorer{position:absolute;bottom:22px;left:30px;right:30px;color:white}.explorer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.explorer-head>div:first-child{display:flex;align-items:center;gap:18px}#count{color:#c6c9bd;font-size:10px}.tabs{display:flex;gap:5px}.tabs button{border-color:#ffffff50;font-size:10px;padding:7px 12px}.tabs .active{background:var(--paper);color:var(--ink)}#scenes{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 9px;scrollbar-width:thin;scrollbar-color:#b0ba91 #ffffff20}.scene{flex:0 0 135px;height:95px;border-radius:5px;padding:0;position:relative;overflow:hidden;border:1px solid #ffffff55;text-align:left}.scene img{width:100%;height:100%;object-fit:cover}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 70%)}.scene .caption{position:absolute;z-index:1;bottom:10px;left:10px;font-size:10px;color:white}.scene .num{position:absolute;top:8px;left:10px;color:white;font-size:9px;z-index:1}.scene.selected{outline:2px solid var(--lime);outline-offset:1px}.scene.selected .caption{color:var(--lime)}footer{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;font-size:8px;letter-spacing:1.3px}footer span:nth-child(2){letter-spacing:.2px;color:#77796f}#status{position:absolute;top:82px;right:25px;font-size:11px;background:#f3f0e8ec;border-radius:16px;padding:8px 12px;max-width:240px}#status:empty{display:none}dialog{border:0;border-radius:12px;padding:30px;max-width:470px;width:calc(100% - 28px);background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #0005}dialog::backdrop{background:#10180ea8;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top button{border:0;font-size:24px;padding:0 8px}h2{font-family:Georgia,serif;font-size:30px;font-weight:400;letter-spacing:-1px}dialog p{font-size:12px;line-height:1.65;color:#666b5d}label{display:block;font-size:11px;margin:16px 0}input{display:block;margin-top:8px;padding:12px;width:100%;border:1px solid #c3c6b9;background:white;border-radius:5px;color:var(--ink);font:inherit}.primary{background:var(--ink);color:white;width:100%;border:0;margin-top:5px}.small{font-size:10px!important}.actions{display:flex;gap:10px}.actions button{font-size:11px}#links{margin-top:16px;max-height:150px;overflow:auto}.link-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;border-top:1px solid #d9dbd0;padding:9px 0}.link-row button{font-size:10px;padding:4px 9px}#map{max-width:650px}#map img{width:100%;max-height:65vh;object-fit:contain;margin-top:15px}#crosshair{position:absolute;top:50%;left:50%;color:white;font-size:30px;pointer-events:none;transform:translate(-50%,-50%)}.pnlm-controls-container{display:none}.custom-link{height:32px;width:32px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #d9f18c44;display:flex;align-items:center;justify-content:center;color:#263017;font-size:18px;cursor:pointer}.custom-link span{position:absolute;bottom:42px;white-space:nowrap;padding:7px 10px;background:var(--paper);font-size:12px;border-radius:4px}.pnlm-hotspot-base.pnlm-scene{background-color:#f3f0e8cc;border-radius:50%;box-shadow:0 0 0 4px #ffffff25} @media(max-width:650px){header{height:82px;padding:0 21px}.wordmark{font-size:32px}.headnote{display:none}header button{font-size:10px;padding:8px 12px}main{margin:0 8px;height:calc(100dvh - 112px);min-height:560px}.intro{top:23px;left:21px;max-width:230px}h1{font-size:40px;margin:18px 0 12px}.intro p{font-size:11px}.intro .rule{margin:17px 0}.view-tools{right:16px;top:auto;bottom:196px;gap:4px}.view-tools button{width:34px;height:34px}.explorer{left:16px;right:16px;bottom:15px}.explorer-head{align-items:start;gap:12px;flex-direction:column}.explorer-head>div:first-child{gap:12px}.scene{flex-basis:115px;height:83px}footer{height:30px;padding:0 15px}footer span:nth-child(2){display:none}#status{top:auto;bottom:243px;right:16px}.eyebrow{font-size:9px}.shade{background:linear-gradient(90deg,#0e140fa8,transparent 90%),linear-gradient(0deg,#090e0af2,transparent 45%)}}

/* Grail Art House: original wordmark, typography and monochrome palette. */
@font-face{font-family:Space Grotesk;src:url('assets/space-grotesk.woff') format('woff');font-weight:300 700;font-display:swap}@font-face{font-family:Archivo Black;src:url('assets/archivo-black.woff') format('woff');font-weight:400;font-display:swap}
:root{--paper:#fff;--ink:#1c1c1c;--lime:#fff}body{font-family:'Space Grotesk',sans-serif}header{background:#171717;color:#fafafa;height:112px}.wordmark{width:132px;line-height:1}.wordmark img{display:block;width:100%;height:auto}.headnote b{color:#bdbdbd}.back-link{color:white;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border:1px solid #aaa;padding:14px 22px;border-radius:100px}.back-link:hover{background:white;color:#171717}main{height:calc(100dvh - 152px);margin:0;border-radius:0;background:#171717}h1,h2{font-family:'Archivo Black',sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:-.025em}h1{font-size:clamp(34px,4vw,60px);line-height:1.13}.intro{max-width:370px}.intro p{font-size:14px;color:#eee}.quiet{color:#fff}.rule{background:#aaa}.shade{background:linear-gradient(90deg,#000a,transparent 58%),linear-gradient(0deg,#000e,transparent 40%)}button{border-color:#aaa}button:focus-visible,a:focus-visible{outline-color:#fff}.view-tools button,#status{background:#fffffff2}.scene{border-radius:0}.scene.selected{outline-color:white}.scene.selected .caption{color:white}#scenes{scrollbar-color:#aaa #ffffff20}#count{color:#ddd}footer span:nth-child(2),dialog p{color:#555}dialog{border-radius:0}dialog::backdrop{background:#000a}.custom-link{color:#171717;box-shadow:0 0 0 5px #ffffff44}.pnlm-hotspot-base.pnlm-scene{background-color:#ffffffdd}.primary:focus-visible,dialog button:focus-visible{outline-color:#171717}[hidden]{display:none!important}
@media(max-width:650px){header{height:86px;padding:0 20px}.wordmark{width:100px}.back-link{font-size:10px;padding:11px 14px}main{height:calc(100dvh - 116px);margin:0}.intro{max-width:275px}h1{font-size:36px}.shade{background:linear-gradient(90deg,#000a,transparent 95%),linear-gradient(0deg,#000e,transparent 45%)}}
.intro{max-width:460px}h1{font-size:clamp(28px,3vw,44px)}@media(max-width:650px){.intro{max-width:280px}h1{font-size:28px}.intro p{font-size:12px}}