:root{--cream:#f8f4ec;--paper:#fffdf8;--burgundy:#481b2b;--ink:#2c2024;--gold:#ad7735;--line:#ddcdb7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#110d13;font:16px/1.5 system-ui,Arial,sans-serif}a{color:inherit}button,input{font:inherit}button,a,summary{touch-action:manipulation}:focus-visible{outline:3px solid #ad7735;outline-offset:3px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:100;background:white;padding:12px}.search-header{background:linear-gradient(135deg,#fffefa 0%,var(--cream) 72%,#eee3d3 100%);border-bottom:1px solid var(--line);box-shadow:0 8px 30px #0002}.search-top{display:grid;grid-template-columns:minmax(190px,300px) minmax(290px,1fr) minmax(200px,270px);align-items:center;gap:clamp(16px,3vw,50px);max-width:1660px;margin:auto;padding:22px clamp(16px,3vw,48px)}.brand img{display:block;width:min(100%,290px);height:auto}.search-main{min-width:0}.intro{margin:0 0 8px;color:#76532e;font:700 11px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}.intro span{color:#bd8c45;margin:0 7px}.search-input{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #c7ac8a;border-radius:100px;box-shadow:0 8px 25px #4f29121a;padding:5px 5px 5px 18px}.search-input:focus-within{border-color:#7f3c4c;box-shadow:0 0 0 3px #ae7a4b44}.search-input svg{width:22px;min-width:22px;fill:none;stroke:#775650;stroke-width:1.8}.search-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#302128}.search-input button{border:0;border-radius:100px;background:var(--burgundy);color:#fff5e8;font-weight:750;padding:12px 19px;white-space:nowrap;cursor:pointer}.search-input button:hover{background:#713047}.engines{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;border:0;padding:8px 0 0;margin:0;font-size:12px}.engines legend{float:left;color:#765d4e;margin:3px 12px 0 0}.engines label{cursor:pointer;white-space:nowrap}.engines input{accent-color:#723149;vertical-align:middle}.engines .how{margin-left:auto;color:#6c3344;text-decoration:underline;text-underline-offset:2px}.visits{border-left:1px solid var(--line);padding-left:18px;font-size:12px}.visits strong{display:block;color:#673047;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.visits #visit-name{display:block;color:#816852;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visit-stats{display:flex;gap:12px;margin-top:6px;flex-wrap:wrap}.visit-stats span{white-space:nowrap}.visit-stats b{display:block;color:var(--burgundy);font:700 18px Georgia,serif}.visits small{color:#835b3d}.site-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:3px;min-height:55px;background:#171016;color:#eee0c6;border-bottom:1px solid #ab834a;padding:7px clamp(12px,3vw,45px);box-shadow:0 5px 18px #0008;overflow:visible}.site-nav>a,.site-nav summary{display:inline-flex;align-items:center;min-height:36px;white-space:nowrap;padding:8px 11px;border:1px solid #a87b493f;color:#edddbe;text-decoration:none;font:700 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.site-nav a:hover,.site-nav a[aria-current=page],.site-nav summary:hover{background:#64283a;border-color:#d8b473;color:white}.site-nav .email{margin-left:auto;font-size:10px;text-transform:none;letter-spacing:0}.site-nav details{position:relative}.site-nav summary{list-style:none;background:#3c1d2a}.site-nav summary::-webkit-details-marker{display:none}.nav-directory{position:absolute;right:0;top:calc(100% + 8px);display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:3px;width:min(660px,calc(100vw - 20px));max-height:min(68vh,600px);overflow:auto;background:#211720;border:1px solid #bd985c;box-shadow:0 15px 35px #000a;padding:14px}.nav-directory a{color:#f1dfc5;text-decoration:none;padding:9px;border:1px solid #97784955;font-size:12px}.view-head{display:flex;justify-content:space-between;align-items:end;gap:15px;padding:18px clamp(20px,4vw,65px);background:#20151e;color:#f9ead2;border-bottom:1px solid #8c663e}.view-head h1{font:normal clamp(23px,3vw,34px) Georgia,serif;margin:3px 0}.eyebrow{color:#d9b679;font:700 10px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}.view-head a{font-size:12px;color:#e7c48a}.view-head a:hover{color:white}#page-view{background:#0b0a0e}#page-frame{display:block;width:100%;height:85vh;min-height:640px;border:0;background:#0b0a0e}#google-view{background:#fff;min-height:65vh;padding:20px max(20px,calc((100vw - 1200px)/2));color:#28212b}#google-view[hidden],#page-view[hidden]{display:none}.google-note{font-size:13px;color:#605465;border-bottom:1px solid #ddd;padding-bottom:12px}.google-note a{color:#62243e}footer{display:flex;flex-wrap:wrap;gap:18px;padding:26px 4vw;color:#c8b7a2;font-size:12px}footer a{color:#d7bb8d}@media(max-width:1050px){.search-top{grid-template-columns:220px 1fr}.visits{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:10px 0 0;display:flex;gap:18px;align-items:center}.visit-stats{margin:0}.site-nav{overflow-x:auto}.site-nav details{position:static}.nav-directory{position:fixed;top:auto;right:10px}.site-nav .email{margin-left:0}}@media(max-width:680px){.search-top{grid-template-columns:1fr;gap:10px;padding:12px 16px}.brand img{width:230px}.search-input button{padding:11px 13px}.intro{font-size:10px}.visits{font-size:11px;flex-wrap:wrap;gap:6px 14px}.visits strong{font-size:10px}.visit-stats{width:100%}.visit-stats b{display:inline;font-size:15px}.engines .how{margin-left:0}.view-head{padding:15px 17px}#page-frame{min-height:78vh}.nav-directory{grid-template-columns:repeat(2,minmax(0,1fr));max-height:75vh;left:10px;width:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Refined shell treatment: warm paper above the existing wine-and-gold pages. */
.search-header{position:relative;background:radial-gradient(ellipse at 12% 0%,#ffffff 0%,transparent 48%),linear-gradient(110deg,#fffdf7 0%,#f5eee2 78%,#eee0cd 100%);box-shadow:0 12px 32px #0002}
.search-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent 3%,#a77637 29%,#efd3a0 50%,#a77637 72%,transparent 97%);pointer-events:none}
.search-top{grid-template-columns:minmax(220px,290px) minmax(350px,1fr) minmax(220px,280px);gap:clamp(25px,3.5vw,64px);padding-block:20px 22px}
.brand{display:inline-flex;align-items:center;border-radius:4px}.brand img{width:min(100%,290px);filter:drop-shadow(0 4px 7px #3b1e2214)}
.intro{font-family:Georgia,serif;font-size:11px;letter-spacing:.22em;color:#765535;margin-bottom:10px}
.search-input{border-radius:16px;padding:6px 6px 6px 19px;border-color:#cbb492;box-shadow:0 6px 20px #371c1514,inset 0 1px 0 #fff}
.search-input input{font-size:16px}.search-input input::placeholder{color:#86776e;opacity:1}
.search-input button{border-radius:11px;padding:13px 24px;background:linear-gradient(135deg,#62283c,#421927);box-shadow:inset 0 1px #ffffff31;color:#fff5e4;letter-spacing:.02em}
.search-input button:hover{background:linear-gradient(135deg,#7b354a,#582333)}
.engines{gap:7px 17px;padding-top:10px;color:#4d3741}.engines legend{color:#765d4e}.engines label span{border-bottom:1px solid transparent}.engines label:has(input:checked) span{font-weight:700;border-color:#a87948}.engines .how{color:#6b3446;text-decoration:none;border-bottom:1px solid #b0876f}
.visits{padding:13px 16px 12px;border:1px solid #d3bea0;border-radius:4px;background:linear-gradient(125deg,#fffaf0,#eee2d0);box-shadow:0 7px 20px #5b2c1912}
.visits strong{font-size:10px;color:#6a2d3f}.visits #visit-name{font:italic 13px Georgia,serif;color:#775d4b;margin-top:2px}
.visit-stats{justify-content:space-between;gap:9px;margin-top:10px}.visit-stats span{color:#6f6057;font-size:10px}.visit-stats b{color:#541e30;font-size:21px;line-height:1.2;margin-top:2px}
.site-nav{min-height:56px;background:linear-gradient(180deg,#241720,#160f16);border-bottom-color:#a47b47;padding-block:8px;gap:2px}
.site-nav>a,.site-nav summary{border:0;border-radius:2px;background:transparent;min-height:37px;padding:10px 12px;color:#e8d7bc;font-size:10px;letter-spacing:.09em}
.site-nav a:hover,.site-nav a[aria-current=page],.site-nav summary:hover{background:#673143;color:#fff5de;box-shadow:inset 0 -2px #e4bf75}
.site-nav details summary{background:#3a2431;color:#f1d6a2}.site-nav .email{border:1px solid #7b60468a;padding-inline:13px;color:#f1dcb7}
.view-head{min-height:64px;align-items:center;background:linear-gradient(90deg,#21151f,#291923 55%,#1b131b);padding:10px clamp(20px,4vw,65px);border-bottom-color:#927247}
.view-head>div{display:flex;align-items:baseline;gap:18px}.view-head h1{font-size:clamp(21px,2vw,27px);margin:0;color:#f6e9d2}.eyebrow{color:#d7b16c;font-size:9px;letter-spacing:.21em}.view-head a{color:#dbbd87;text-decoration:none;border-bottom:1px solid #9a794e;padding-bottom:2px;font-size:11px}.view-head a:hover{border-color:#f4d896}
#page-view{background:#0b0a0e}#google-view{background:#fffdf8;border-top:3px solid #b58a55}.google-note{color:#5e4c53}.google-note a{color:#632b40}
@media(max-width:1050px){.search-top{grid-template-columns:220px 1fr}.visits{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:8px 18px;padding:10px 14px}.visits #visit-name{margin:0}.visit-stats{margin:0}.site-nav .email{margin-left:0}}
@media(max-width:680px){.search-top{grid-template-columns:1fr;gap:13px;padding:17px 16px 20px}.brand img{width:230px}.intro{font-size:10px}.search-input{padding-left:13px}.search-input button{padding:11px 15px}.visits{grid-template-columns:1fr auto;gap:3px 12px}.visit-stats{grid-column:1/-1;justify-content:flex-start;gap:20px;margin-top:5px}.visit-stats b{display:inline;font-size:16px}.view-head{padding:12px 17px;align-items:flex-start}.view-head>div{display:block}.view-head h1{margin-top:2px}.view-head a{align-self:center;text-align:right;font-size:10px}}
/* Final composition and interaction details. */
.view-home .view-head{display:none}
.search-header::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.27;background-image:radial-gradient(#a782552b .65px,transparent .65px);background-size:18px 18px;mask-image:linear-gradient(90deg,#000,transparent 42%)}
.search-top{position:relative;z-index:1}
.brand{position:relative;padding:5px 0}.brand::after{content:"";position:absolute;left:3px;right:22%;bottom:0;height:1px;background:linear-gradient(90deg,#a97536,transparent)}
.search-input{min-height:62px;background:#fffdfa}.search-input svg{stroke:#724551}
.engines{display:flex;align-items:center;gap:6px;margin-top:4px}.engines legend{float:none;margin:0 12px 0 0;font-size:11px}
.engines label{display:inline-flex;align-items:center;border:1px solid #d6c6b2;border-radius:100px;padding:5px 12px;background:#ffffff87;color:#59414b;line-height:1.2;transition:background .18s,border-color .18s,box-shadow .18s}
.engines label:has(input:checked){background:#562336;color:#fff4df;border-color:#562336;box-shadow:0 3px 9px #51223424}
.engines label:has(input:checked) span{border:0}.engines input{margin:0 6px 0 0;accent-color:#d4aa6b}.engines .how{font-size:11px;margin-left:auto}
.site-nav .nav-home{color:#f4d59d}.nav-directory{border-radius:3px;background:linear-gradient(145deg,#31212c,#171017);padding:15px;gap:5px}.nav-directory a{border:1px solid #a6815144;border-radius:2px;transition:background .18s,border-color .18s}.nav-directory a:hover{background:#613044;border-color:#dbb971}
#page-view{border-top:1px solid #a78255}.view-home #page-view{border-top:0}
@media(max-width:680px){.engines{gap:6px}.engines legend{flex-basis:100%;margin:0}.engines label{padding:5px 9px}.engines .how{margin-left:0;padding:5px 0}.search-input{min-height:55px}.view-home #page-view{border-top:1px solid #9b7547}}
@media(prefers-reduced-motion:reduce){.engines label,.nav-directory a{transition:none}}
/* Safety mode for pages with viewport-driven art that cannot be measured intrinsically. */
#page-view[data-bounded="true"]{position:relative;border-top:2px solid #d5ac70}
#page-view[data-bounded="true"]::before{content:"Scroll inside this page, or use the direct-page link above.";display:block;padding:8px 4vw;background:#2b1c27;color:#f3dba9;font:12px system-ui,Arial,sans-serif}
#page-view[data-bounded="true"] #page-frame{overflow:auto}