/* Nocturne — engraved brass, clothbound editions, walnut & laid paper */
body{background:radial-gradient(ellipse at 78% 12%,#453239 0,transparent 54%),#1d1820}.site-header{background:#1e1921f5;color:#f3e8d5;border-color:#715445}.site-header .brand-mark{background:#362630;border-color:#aa8660;color:#e9c394}.site-header .brand-tag{color:#c7b4a7}.site-header .btn-ghost{background:#302631;color:#ebd8c7;border-color:#695353}.main-shell{max-inline-size:77rem}.room-header,.library header,.gate-hero,.desk-note{color:#f5e7cc}.room-header{padding:.5rem 0 1rem}.room-header h1,.gate-hero h1,.library h2,.desk-note h2{font-family:var(--font-serif);font-weight:600;letter-spacing:.08em;margin:.3em 0}.room-header h1,.gate-hero h1{font-size:clamp(2rem,1.55rem + 2vw,3.2rem)}.room-header p:last-child{color:#d3c4b8;margin:.3rem 0}.room-header .eyebrow,.gate-hero .eyebrow,.library small,.desk-note small{color:#ebc394;letter-spacing:.17em;font:600 .75rem Georgia,serif}.gate-hero,.desk-scene{background:linear-gradient(90deg,#190f1deb,rgba(29,18,30,.72) 35%,transparent 65%),url(/nocturne.svg) center center/cover;border:1px solid #856446;box-shadow:0 18px 35px #0e091050,inset 0 0 0 5px #9e78552b}.gate-hero{padding:clamp(1.5rem,5vw,4rem);min-height:19rem;display:grid;align-content:center}.gate-hero .hero-desc{max-width:24em;color:#ead8c7;margin:0}.gate-card{border-radius:5px}.catalogue{color:#e5d4be;margin:.15rem 0 1rem}.catalogue summary,.book-tools summary{cursor:pointer;width:fit-content;padding:.45rem 0}.directory-search{background:var(--bg-surface);color:var(--fg-primary);padding:1rem;border-radius:5px}.survey-grid{display:block}.desk-scene{position:relative;isolation:isolate;display:flex;align-items:end;justify-content:space-between;min-height:clamp(23rem,39vw,33rem);padding:2rem 43% 1.2rem 3%;gap:1rem;border-radius:5px;overflow:visible}.desk-note{align-self:start;max-width:16rem;margin-top:1rem;text-shadow:0 2px 7px #27171a}.desk-note h2,.library h2{font-size:clamp(1.5rem,1.2rem + 1vw,2.2rem)}.desk-note p,.desk-note span{font-size:.88rem}.desk-note span{color:#edc99f}.folio{min-width:0;--cloth:#65313f}.tone-1{--cloth:#36474b}.tone-2{--cloth:#514157}.tone-3{--cloth:#3f5148}.binding{position:relative;isolation:isolate;display:block;inline-size:100%;min-height:13rem;padding:.55rem .55rem .55rem .95rem;cursor:pointer;transform-origin:left center;border:1px solid #b38c5c;border-radius:3px 5px 5px 3px;color:#f7e2ba;background:linear-gradient(90deg,#1a1118a1,transparent 5%,#fff1 7%,#170a1033 9%,transparent 12%),repeating-linear-gradient(43deg,transparent 0 2px,#f7d8ab0a 2px 3px),var(--cloth);box-shadow:3px 2px 0 #c6b598,5px 3px 0 #847561,7px 4px 0 #39292a,8px 9px 14px #130c10a8;transition:translate .22s}.binding:hover,.binding:focus-visible{translate:0 -.35rem;outline:2px solid #e1b780;outline-offset:3px}.cover-ink{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.4rem;min-height:12rem;padding:.8rem .45rem;border:3px double #d8b77a98;text-align:center}.cover-ink i,.cover-ink small{font:normal .64rem/1.5 Georgia,serif;letter-spacing:.12em}.cover-ink b{font:2.25rem Georgia,serif;color:#e5b980}.cover-ink strong{font:600 1.12rem/1.5 var(--font-serif);text-wrap:balance}.silk{position:absolute;right:1.15rem;top:-.1rem;width:.7rem;height:1.8rem;background:#b85869;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.desk-scene .folio{flex:0 0 clamp(10rem,17vw,14rem);transform:rotate(-4deg);z-index:2}.desk-scene .binding{transform:perspective(700px) rotateX(12deg);box-shadow:4px 4px #c6b598,6px 6px #75614d,10px 14px 15px #2413199c}.book-tools{color:#f1dac0;background:#2e2329;padding:.45rem .65rem;border:1px solid #645044;margin-top:.65rem;font:.78rem/1.4 var(--font-sans);border-radius:2px}.book-tools button{background:transparent;border:0;text-decoration:underline;text-underline-offset:.2em;color:#f1dac0;font:inherit;cursor:pointer;padding:.5rem}.book-tools small{display:block;color:#d1bfa8}.book-tools label{display:block;padding:.5rem 0}.library{margin-top:1.75rem;border:7px ridge #614335;background:linear-gradient(#19131b,#33232b);box-shadow:inset 0 12px 25px #100d12;padding:1.25rem clamp(.8rem,3vw,2.5rem) 1.5rem}.library header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #8b69564d;padding-bottom:.7rem}.library header span{color:#d6bea1;font-size:.85rem}.library-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(10.8rem,100%),1fr));gap:1.2rem;align-items:end;padding:1.5rem 0 .7rem;border-bottom:12px ridge #83573d;color:#eedac3}.library .folio{max-width:15rem}.library .binding{min-height:15rem}.library .cover-ink{min-height:14rem}.library .book-tools{background:#251d23}.runner-header,.analytics-header{color:#f3e6d4}.runner-header .runner-lead,.analytics-header .eyebrow,.runner-header .eyebrow{color:#d3bba4}.kpi-card{color:var(--fg-primary)}#survey-fill-form{position:relative;border-radius:4px 11px 11px 4px;padding:clamp(1rem,4vw,3rem);border-left:8px solid #714253;background:linear-gradient(90deg,#97765d30,transparent 5%),var(--bg-prose);box-shadow:3px 2px #b5a58b,6px 4px #83735e,9px 7px #493142}.section-banner::before{content:'✧　 N O C T U R N E　 ✧';color:var(--fg-muted);font:small-caps .72rem Georgia,serif}.section-banner{margin-top:.8rem}.section-heading{font-family:var(--font-serif);margin:.4rem 0}.question-card{border-radius:2px}.btn-ghost:not(.site-header .btn-ghost){background:var(--bg-surface)}.analytics-header .eyebrow{color:#efd1b0}.tablist{background:var(--bg-surface)}.survey-section{transform-origin:left center}
@media(max-width:760px){.desk-scene{padding:1rem 29% 1rem 5%;min-height:26rem;flex-wrap:wrap;background-position:62% center}.desk-note{margin:0;max-width:100%}.desk-note p{margin:.3rem 0}.desk-scene .folio{flex-basis:10rem;margin:0 auto}.desk-scene .binding,.desk-scene .cover-ink{min-height:9rem}.cover-ink b{font-size:1.5rem}.library-row{grid-template-columns:repeat(auto-fit,minmax(min(8.8rem,100%),1fr))}.gate-hero{background-position:66% center}.runner-sticky-bar{position:static}}
@media(prefers-reduced-motion:reduce){.binding{transition:none}.binding:hover{translate:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
.book-board{position:relative;perspective:1000px}.flyleaf{position:absolute;inset:2px -2px -2px 1px;border-radius:3px;background:linear-gradient(90deg,#aa9680,#f2e4cf 8%,#e8d9be 95%,#c4b099);color:#6b4a42;display:flex;align-items:center;justify-content:center;gap:.7rem;flex-direction:column;text-align:center;padding:1rem;font-family:var(--font-serif);border:1px solid #ae9979;box-shadow:3px 3px #c1ac8c}.flyleaf i{font:italic 1.1rem Georgia,serif}.flyleaf small{font: .65rem Georgia,serif;letter-spacing:.15em}.book-board .binding{backface-visibility:hidden}.book-board:has(.binding:disabled){z-index:3}.desk-scene .flyleaf{transform:perspective(700px) rotateX(12deg)}

/* Salon: moonlight stays behind the window; amber light falls across the desk. */
:root{--salon-page:#ece3d5;--salon-ink:#3e302c;--salon-muted:#695448;--salon-film:linear-gradient(90deg,#170e11cf,#29171734 49%,transparent 82%);--lamp-halo:.95;--lamp-filter:none}
:root[data-salon=moon]{--salon-page:#181820;--salon-ink:#f3e6d1;--salon-muted:#c3b8b6;--salon-film:linear-gradient(90deg,#100e18da,#19182c52 56%,#14152262);--lamp-halo:0;--lamp-filter:brightness(.53) saturate(.55) hue-rotate(343deg)}
body{background:radial-gradient(ellipse at 86% 0,#b0987921,transparent 56%),var(--salon-page)}.room-header,.runner-header,.analytics-header,.catalogue{color:var(--salon-ink)}.room-header p:last-child,.room-header .eyebrow,.runner-header .runner-lead,.runner-header .eyebrow,.analytics-header .eyebrow{color:var(--salon-muted)}
.gate-hero,.desk-scene{position:relative;isolation:isolate;background:var(--salon-film),url('/salon.webp') center 63%/cover no-repeat,#282329;border-radius:3px;border:1px solid #8d7453;box-shadow:0 14px 30px -20px #191017b3}
.gate-hero::before,.desk-scene::before{content:'';position:absolute;inset:7px;pointer-events:none;border:1px solid #d4b77b54;background:radial-gradient(ellipse at 80% 91%,#ffbe6045,transparent 22%),radial-gradient(ellipse at 81% 52%,#f9be732e,transparent 27%);opacity:var(--lamp-halo);transition:opacity .4s}
.gate-hero{min-height:clamp(21rem,39vw,31rem);padding:clamp(1.6rem,5vw,4.8rem);align-content:end}.gate-hero h1{font-size:clamp(2.4rem,5.3vw,5rem);letter-spacing:.12em;color:#fff0d7;text-shadow:0 3px 18px #170d12}.gate-hero .eyebrow,.desk-note small{color:#f1c992;letter-spacing:.22em}.gate-hero .hero-desc{font-family:var(--font-serif);line-height:1.85;color:#f3e2cb}.gate-hero>p,.gate-hero>h1,.desk-note{position:relative}.gate-hero .hero-desc{max-width:52%}
.salon-lamp{position:absolute;right:11%;bottom:4%;width:clamp(6rem,14%,11.6rem);padding:0;border:0;background:none;color:#f8e8c8;cursor:pointer;z-index:3;touch-action:manipulation;text-align:center}.salon-lamp img{display:block;width:100%;filter:var(--lamp-filter);transition:filter .4s;position:relative}.salon-lamp::before{content:'';position:absolute;inset:-22% -48% 18%;border-radius:50%;background:radial-gradient(ellipse,#ffd98955 1%,#fab05438 25%,transparent 69%);opacity:var(--lamp-halo);transition:opacity .4s}.lamp-tag{display:block;margin:-.5rem auto 0;position:relative;width:max-content;border:1px solid #b2986c;border-radius:2px;background:#281e1bea;color:#f5dbb2;font: .72rem/1.7 var(--font-serif);letter-spacing:.12em;padding:.12rem .66rem}.salon-lamp:is(:hover,:focus-visible) .lamp-tag{background:#f9e4bd;color:#37281b}.salon-lamp:focus-visible{outline:2px solid #f7e2bb;outline-offset:4px}
.library{border:1px solid #816448;outline:1px solid #b39a734f;outline-offset:-6px;background:linear-gradient(180deg,#332a27eb,#1f1a19f7),url('/salon.webp') left center/cover}.library-row{border-image:linear-gradient(#32241c,#ac8056 15%,#89603d 22%,#3e291c 60%,#734d32 76%,#261b17) 1}.cover-ink{position:relative;background:radial-gradient(ellipse at 30% 0%,#ffe7a910,transparent 70%)}.cover-ink:before,.cover-ink:after{content:'❧';position:absolute;color:#dbb8789e;font:1.1rem Georgia,serif;top:.2rem;left:.2rem}.cover-ink:after{left:auto;top:auto;bottom:.2rem;right:.2rem;transform:rotate(180deg)}.cover-ink b{border:1px solid #c7a97985;border-radius:50%;width:1.65em;height:1.65em;display:grid;place-content:center}.silk{background:linear-gradient(90deg,#6b2e40,#ba6977,#793649)}.gate-card{border:1px solid var(--border-subtle);border-top:2px solid #af8a58;box-shadow:0 9px 25px -22px #332523}.gate-card-title{font-family:var(--font-serif);letter-spacing:.06em}.gate-card .badge{font: .76rem Georgia,var(--font-serif);letter-spacing:.15em}.desk-scene{align-items:end;padding-bottom:1.5rem}.desk-note{align-self:center}.desk-note p{color:#f5e6d1}.desk-scene .book-tools{box-shadow:0 5px 14px #120c0db0}
@media(max-width:760px){.gate-hero,.desk-scene{background-position:58% center}.gate-hero{min-height:24rem;padding:1.5rem}.gate-hero .hero-desc{max-width:60%}.salon-lamp{right:4%;bottom:6%;width:clamp(5.6rem,21vw,8rem)}.desk-scene{min-height:27rem;display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:1.4rem 29% 1.45rem 6%}.desk-note{align-self:start}.desk-scene .folio{flex:0 0 auto;width:min(100%,10.5rem);margin:1rem 0 0}.desk-scene .salon-lamp{bottom:9%}.gate-hero h1{font-size:clamp(2.1rem,8vw,3rem)}}
@media(prefers-reduced-motion:reduce){.salon-lamp img,.salon-lamp::before,.desk-scene::before,.gate-hero::before{transition:none}}

@media(max-width:760px){.salon-lamp::before{inset:-18% -12% 20% -40%}}