@font-face{font-family:Cinzel;src:url('assets/cinzel.ttf') format('truetype');font-display:swap}@font-face{font-family:Cormorant;src:url('assets/cormorant.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#202020;color:#f5efe5;font-family:Futura,'Century Gothic',Arial,sans-serif;font-size:16px;line-height:1.6}header{height:94px;max-width:1280px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #484848}.brand{font-family:Cinzel,Georgia,serif;font-size:24px;letter-spacing:.16em;color:inherit;text-decoration:none}.preview{font-size:9px;letter-spacing:.2em;color:#c4c4c4;border:1px solid #484848;padding:5px 9px}main{max-width:1160px;margin:auto;min-height:630px;padding:62px 6% 72px}h1,h2,h3{font-family:Cormorant,Georgia,serif;line-height:1.12;font-weight:400;margin:0}h1{font-size:clamp(42px,6vw,72px);max-width:650px;letter-spacing:-.035em}h2{font-size:clamp(32px,4vw,48px)}h3{font-size:30px}.eyebrow{color:#d9c6a6;font-size:11px;letter-spacing:.22em;text-transform:uppercase;margin:0 0 24px}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.intro p{color:#c4c4c4;max-width:420px;margin:26px 0}.intro .hero{aspect-ratio:4/5;background:#202020;overflow:hidden;position:relative}.hero img{width:100%;height:100%;object-fit:cover}.hero::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 75px #20202044}.intro small{display:block;color:#c4c4c4;margin-top:18px;font-size:12px}button,.link{font:inherit;cursor:pointer;border-radius:0}button.primary,.link{background:#d9c6a6;color:#202020;border:1px solid #d9c6a6;padding:15px 26px;font-size:13px;letter-spacing:.06em;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:22px}button.primary:hover,.link:hover{background:#f5efe5}button:disabled{opacity:.4;cursor:not-allowed}.text-button{background:none;color:#c4c4c4;border:0;padding:12px 0;font-size:13px;text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:3px solid #d9c6a6;outline-offset:5px}.steps{display:flex;gap:7px;margin-bottom:36px;max-width:500px}.steps span{height:3px;flex:1;background:#484848}.steps .active{background:#d9c6a6}.question{max-width:850px;margin:auto}.question .sub{color:#c4c4c4;margin:18px 0 28px;max-width:620px}.options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:30px 0 32px}.option{position:relative;cursor:pointer}.option input{position:absolute;opacity:0;left:17px;top:23px}.option>span{display:block;border:1px solid #484848;padding:19px 23px;min-height:105px;transition:background .15s}.option input:checked+span{background:#303030;border-color:#d9c6a6}.option .name{display:block;color:#f5efe5;font-size:16px}.option .detail{display:block;color:#c4c4c4;font-size:12px;margin-top:4px}.option:hover>span{border-color:#d9c6a6}.option input:checked+span .name::after{content:' ✓';color:#d9c6a6}.controls{display:flex;justify-content:space-between;align-items:center}.controls .primary{min-width:172px}.results-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:38px}.results-head p{color:#c4c4c4;max-width:620px}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#262626;border:1px solid #484848;display:flex;flex-direction:column}.card img{width:100%;aspect-ratio:1;object-fit:cover}.card .body{padding:24px;display:flex;flex-direction:column;flex:1}.card .label{font-size:10px;letter-spacing:.15em;color:#d9c6a6;margin:0 0 10px}.card p{font-size:14px;color:#c4c4c4}.card .notes{border-top:1px solid #484848;padding-top:17px;font-size:12px;line-height:1.8;margin-bottom:24px}.notes strong{display:block;color:#f5efe5;font-size:10px;letter-spacing:.1em}.card .links{margin-top:auto;display:grid;gap:9px}.card .link{padding:12px;font-size:11px}.card .other{color:#c4c4c4;font-size:12px;text-underline-offset:4px}.empty{border:1px solid #484848;padding:40px;margin:30px 0}.empty p{max-width:600px;color:#c4c4c4}.privacy-note{font-size:11px;color:#c4c4c4;max-width:750px;margin:35px 0 0}footer{max-width:1280px;margin:auto;border-top:1px solid #484848;padding:28px 6%;color:#c4c4c4}footer>span{font-size:10px;letter-spacing:.18em}footer p{font-size:11px;margin-bottom:5px}footer small{font-size:10px;display:block;max-width:700px}.selection-note{font-size:12px;color:#d9c6a6;margin:0 0 20px}.full{grid-column:1/-1}.no-image{aspect-ratio:1;display:grid;place-items:center;color:#c4c4c4;font-family:Georgia,serif;font-size:32px;padding:25px;background:#262626}.noscript{padding:40px} @media(max-width:750px){header{height:76px}.brand{font-size:19px}.preview{font-size:8px;padding:4px 6px}main{padding:36px 6% 48px;min-height:600px}.intro{grid-template-columns:1fr;gap:36px}.intro .hero{aspect-ratio:5/4;order:2}.intro p{margin:22px 0}.options{gap:10px}.option>span{padding:16px;min-height:116px}.option .name{font-size:14px}.option .detail{font-size:11px}.results-head{display:block}.results-grid{grid-template-columns:1fr}.card{display:grid;grid-template-columns:1fr}.card img{max-height:370px}.results-head .text-button{margin-top:10px}.empty{padding:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1:focus,h2:focus{outline:none}
.card .image-caption{font-size:10px;color:#c4c4c4;margin:0 0 20px}
.format-icon{width:58px;height:58px;color:#d9c6a6;display:block;margin:0 0 18px}.option>span{border-radius:8px}.option input:checked+span{box-shadow:inset 0 0 0 1px #d9c6a6}
/* Website palette and mobile-first adaptive paths */
@font-face{font-family:Cormorant;src:url('assets/cormorant-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--bg:#202020;--accent:#d9c6a6;--text:#f5efe5}body{background:var(--bg);color:var(--text);font-family:'Larsseit','Avenir Next',Avenir,'Segoe UI',Arial,sans-serif}h1,h2,h3{font-family:Cormorant,Georgia,serif;font-weight:600;color:var(--accent)}header,footer{border-color:#484848}.brand{color:var(--accent)}.preview{color:var(--accent);border-color:#484848}.eyebrow{color:var(--accent)}.intro p,.question .sub,.results-head p,.card p{color:var(--text)}.steps span{background:#484848}.steps .active{background:var(--accent)}button.primary,.link{background:var(--accent);border-color:var(--accent);color:#202020;border-radius:6px;min-height:48px}button.primary:hover,.link:hover{background:#ead9bd}.text-button{color:var(--accent);min-height:44px}.option>span{border-color:#484848;background:#262626}.option input:checked+span{background:#303030;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.option:hover>span{border-color:var(--accent)}.option .name{color:var(--text)}.option .detail{color:#ddd4c7}.format-icon{color:var(--accent)}.card{background:#262626;border-color:#484848}.card .label,.card .other{color:var(--accent)}.card .image-caption,.privacy-note,footer{color:#c4c4c4}.card .notes{border-color:#484848}.step-meta{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.step-meta>span{font-size:12px;color:#c4c4c4;white-space:nowrap}fieldset{border:0;padding:0;margin:0;min-width:0}.branch-summaries{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0 0 32px}.branch-summary{border:1px solid #484848;padding:20px;border-radius:8px}.branch-summary h2{font-size:25px}.branch-summary p{font-size:13px;margin:10px 0}.branch-summary .no-match{color:#ead4b6}.match-reasons p{font-size:12px}.match-reasons strong{display:block;color:var(--accent);font-size:11px;letter-spacing:.04em}.option .name{overflow-wrap:anywhere}.card .link{letter-spacing:.02em}.option input:checked+span .name::after{color:var(--accent)}main{padding-bottom:calc(48px + env(safe-area-inset-bottom))}header{padding-top:env(safe-area-inset-top)}
@media(max-width:600px){header{padding-left:20px;padding-right:20px}.brand{font-size:18px;letter-spacing:.11em}.preview{font-size:7px;letter-spacing:.12em}main{padding:30px 20px 48px}h1{font-size:40px;line-height:1.06;letter-spacing:-.025em}.question .sub{font-size:14px;line-height:1.6;margin-bottom:22px}.options{grid-template-columns:1fr;gap:10px;margin:22px 0 28px}.format-options{grid-template-columns:1fr 1fr}.format-options .option:last-child:nth-child(odd){grid-column:1/-1}.option>span{min-height:83px;padding:17px}.format-options .option>span{min-height:155px}.format-icon{height:46px;width:46px;margin-bottom:13px}.option .name{font-size:15px}.option .detail{font-size:12px;line-height:1.45}.controls{gap:16px}.controls .primary{min-width:0;flex:0 1 180px}.steps{margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:.16em}.intro .hero{aspect-ratio:1.15}.intro .primary{width:100%;max-width:350px}.intro{gap:28px}.branch-summaries{grid-template-columns:1fr}.results-grid{grid-template-columns:1fr}.card .body{padding:23px}.card img{max-height:none;aspect-ratio:1;object-fit:cover}.card h2{font-size:34px}.card p{font-size:14px}.card .notes{font-size:13px}.match-reasons p{font-size:13px}.card .image-caption{font-size:11px}.privacy-note{font-size:12px}.results-head p{font-size:14px}footer{padding:25px 20px}.branch-summary .text-button{padding-bottom:0}}
header .brand{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.intro .hero{aspect-ratio:2/3;background:#202020;max-height:650px}.hero img{object-fit:contain;display:block}.hero::after{display:none}@media(max-width:600px){.intro .hero{aspect-ratio:2/3;max-height:none;width:100%}}
.card .links .other{display:flex;align-items:center;min-height:44px;line-height:1.4}.card .also-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:12px 0 0}
.notes details{margin-top:8px}.notes summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;color:var(--accent);font-size:12px}.notes summary::after{content:'+'}.notes details[open] summary::after{content:'−'}.notes details p{font-size:12px;color:#ddd4c7;margin-top:0}.notes summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* Preserve full product photography across portrait and square assets. */
.card img{object-fit:contain;background:#202020}@media(max-width:600px){.card img{object-fit:contain}}

/* Neutral site surfaces: the page and framing match Dark Wick #202020. */
html,body,header,main,footer,.intro .hero{background:#202020}.option>span,.card,.no-image{background:#262626}.option input:checked+span{background:#303030;border-color:#d9c6a6;box-shadow:inset 0 0 0 1px #d9c6a6}.branch-summary{background:#202020}

/* Platform-independent line icons, never emoji glyphs. */
.nav-icon{display:inline-block;width:17px;height:17px;flex:0 0 17px;vertical-align:-3px}.card .other{gap:8px}.text-button .nav-icon{margin-inline:3px}

/* Phone hero: the existing CTA floats above the original photograph. */
.intro-mobile-helper{display:none!important}
@media(max-width:750px){
 .intro{gap:0;isolation:isolate;--hero-overlap:calc(31.77vw - 8px)}
 .intro-copy{position:relative;z-index:2;pointer-events:none}
 .intro-copy button,.intro-copy a{pointer-events:auto}
 .intro-copy>small{display:none}
 .intro .hero{position:relative;z-index:1;margin-top:calc(-1 * var(--hero-overlap));aspect-ratio:2/3;width:100%;max-height:none;pointer-events:none}
 .intro .hero::after{display:block;content:'';position:absolute;inset:0;box-shadow:none;background:linear-gradient(to bottom,#202020 0%,rgba(32,32,32,.84) 7%,rgba(32,32,32,.28) 17%,rgba(32,32,32,0) 23%);pointer-events:none}
 .intro .intro-mobile-helper{display:block!important;order:3;margin:18px 0 0;color:#c4c4c4;font-size:12px}
}
@media(max-width:600px){.intro{--hero-overlap:calc(36.1vw - 22.44px)}}

.note-search-label{display:block;color:var(--accent);font-size:13px;margin:18px 0}.note-search-label input{display:block;width:100%;min-height:48px;margin-top:8px;border:1px solid #666;border-radius:6px;padding:12px;background:#262626;color:#f5efe5;font:inherit;font-size:16px}.option[hidden]{display:none}.option:has(input:disabled){cursor:not-allowed}.option input:disabled+span{opacity:.55}

.direct-shop-card{text-decoration:none}.direct-shop-card>span{height:100%;border-style:dashed}.direct-shop-cue{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;margin-top:15px;min-height:24px}.direct-shop-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}

.note-route-link{display:block;margin:-8px 0 16px;font-size:12px;letter-spacing:0;text-align:left}

.discovery-coming-soon{margin:36px auto 0;padding:28px 16px 12px;border-top:1px solid #484848;text-align:center;max-width:560px}.discovery-coming-soon h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:28px;line-height:1.2;color:#d9c6a6;margin:0 0 8px}.discovery-coming-soon p{margin:0;color:#c4c4c4;font-size:11px;letter-spacing:.16em;text-transform:uppercase}

.route-tile{padding:0;background:none;border:0;text-align:left;color:inherit;font:inherit;min-width:0}.route-tile>span{height:100%;padding:24px}.route-tile .name{font-size:20px}.route-tile .detail{font-size:13px;line-height:1.6;max-width:290px}.route-options{align-items:stretch}@media(max-width:600px){.route-options{grid-template-columns:1fr}.route-tile>span{display:grid;grid-template-columns:46px 1fr;column-gap:18px;padding:20px}.route-tile .format-icon{grid-row:1/3;margin:0}.route-tile .name{font-size:18px}.route-tile .detail{grid-column:2;font-size:12px}}

footer .site-version{margin-top:16px;font-size:11px;color:#c4c4c4;letter-spacing:.04em}

.note-options{max-height:58vh;max-height:58svh;overflow-y:auto;overscroll-behavior:contain;padding:5px 8px 5px 5px;border-block:1px solid #484848;scrollbar-color:#d9c6a6 #262626}.note-options .option>span{min-height:76px;padding:12px 15px}.note-options .name{font-size:14px}.note-options .detail{font-size:11px;line-height:1.4}#note-search-status{font-size:12px;color:#c4c4c4;line-height:1.6}@media(max-width:600px){.note-options{grid-template-columns:1fr;margin-top:14px}.note-options .option>span{min-height:70px}}
