/* The Sketchbook: twenty-five drawings by James Cennamo from Crossings */
:root{--gold-1:#fff3c4;--gold-2:#e7c46a;--gold-3:#a87a26;--gold-4:#f6dc8e;--gold-5:#6e4d12;
 --gilt:linear-gradient(135deg,#fff3c4 0%,#e7c46a 18%,#a87a26 40%,#f6dc8e 58%,#c29437 76%,#6e4d12 100%);
 --ivory:#fbf5e3;--ink:#2a1e1f}
.sk-main{background:#f4ecd9;display:block}
:root{--gilt-deep:linear-gradient(135deg,#9a6f1c 0%,#c99a3a 22%,#6e4d0c 46%,#b8862a 66%,#7a5612 84%,#4f3606 100%)}
.sk-main cite{font-style:italic}
.sk-hero h1,figcaption h2{font-variant-ligatures:none;font-feature-settings:'liga' 0,'dlig' 0,'clig' 0,'calt' 0,'salt' 0,'ss01' 0}
.sk-eyebrow,.sk-sub,.sk-intro{margin-left:auto!important;margin-right:auto!important;max-width:40rem}
.gold-text{background:var(--gilt);-webkit-background-clip:text;background-clip:text;color:transparent}

/* HERO */
.sk-hero{position:relative;overflow:hidden;text-align:center;padding:5rem 1.25rem 4rem;
 background:radial-gradient(ellipse at 50% 110%,#ffffff 0%,#f3f0dc 30%,#dfe9dc 70%,#cfe0d3 100%);color:#2a1e1f}
.sk-hero::before{content:"";position:absolute;inset:-40% -10% auto;height:180%;
 background:repeating-conic-gradient(from 270deg at 50% 100%,rgba(168,122,38,.16) 0deg 2.2deg,transparent 2.2deg 9deg);
 -webkit-mask:radial-gradient(ellipse at 50% 100%,#000 25%,transparent 70%);mask:radial-gradient(ellipse at 50% 100%,#000 25%,transparent 70%);pointer-events:none}
.sk-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;
 background:linear-gradient(#f4ecd9,#f4ecd9) top/100% 3px no-repeat,var(--gilt)}
.sk-hero>*{position:relative}
.hero-fan{width:min(260px,60vw);height:auto;aspect-ratio:2/1;display:block;margin:0 auto 1.2rem}
.sk-eyebrow{font-family:'Marcellus SC',serif;letter-spacing:.32em;font-size:.95rem;color:#6b1f24;margin:0 0 .8rem}
.sk-eyebrow cite{font-family:'EB Garamond',serif;letter-spacing:.04em;font-size:1.15em;text-transform:none;color:#6b1f24}
.sk-hero h1{font-family:'Cinzel Decorative','Cinzel',serif;font-weight:700;font-size:clamp(2.7rem,1.3rem + 5.6vw,5.6rem);letter-spacing:.09em;margin:0;line-height:1.05;
 background:var(--gilt-deep);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.8)) drop-shadow(0 2px 3px rgba(80,50,6,.25))}
.sk-sub{font-family:'Poiret One','EB Garamond',serif;letter-spacing:.14em;font-weight:400;font-size:clamp(1.3rem,1.1rem + .7vw,1.7rem);color:#3d3020;margin:.9rem 0 0;font-weight:600}
.crest-rule{display:block;width:min(300px,70vw);height:auto;aspect-ratio:220/70;margin:2rem auto}
.sk-intro{max-width:37rem;margin:0 auto;font-family:'EB Garamond',serif;font-size:1.3rem;line-height:1.72;color:#2a1e1f}
.sk-intro cite{color:#6b1f24}
.sk-contents{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;max-width:900px;margin:2.6rem auto 0;padding:0;list-style:none}
.sk-contents a{display:inline-flex;align-items:center;gap:.55rem;font-family:'Marcellus SC',serif;letter-spacing:.1em;font-size:.98rem;color:#2a1e1f;text-decoration:none;
 padding:.5rem .95rem;border:1px solid #a87a26;background:rgba(255,252,240,.75);transition:all .3s}
.sk-contents .num{font-family:'Cinzel',serif;color:#8a6212;font-size:.85rem}
.sk-contents a:hover,.sk-contents a:focus-visible{background:#e7c46a;color:#1a1208;border-color:#fff3c4}
.sk-contents a:hover .num{color:#6b1f24}


/* SALON WALL */
.salon{position:relative;background:linear-gradient(#c3dccf,#aecbbd);overflow:hidden}
.salon-crown{height:40px;background:linear-gradient(#fbf6e8,#e9e0c8);border-bottom:2px solid #c99a3a}
.salon-rail{height:18px;background:linear-gradient(#f8ecc4,#c99a3a 40%,#7a5612 60%,#e8cd84);box-shadow:0 4px 8px rgba(0,0,0,.22)}
.salon-head{text-align:center;padding:3rem 1.25rem .5rem}
.salon-head p{margin-left:auto!important;margin-right:auto!important;text-align:center;max-width:none}
.salon-kick{font-family:'Marcellus SC',serif;letter-spacing:.34em;color:#6b1f24;margin:0;font-size:.95rem}
.salon-head h2{font-family:'Cinzel',serif;font-weight:600;letter-spacing:.1em;font-size:clamp(1.8rem,1.2rem + 2.2vw,2.8rem);margin:.4rem 0;color:#1d3129}
.salon-hint{font-family:'EB Garamond',serif;font-style:italic;font-size:1.2rem;color:#24382f;margin:0}
.salon-wall{max-width:1220px;margin:0 auto;padding:2.4rem 2rem 4.5rem;display:grid;grid-template-columns:repeat(12,1fr);gap:2.6rem 2.2rem;align-items:start}
.w1{grid-column:1/6}.w2{grid-column:6/9;margin-top:4rem}.w3{grid-column:9/13}
.w4{grid-column:2/5}.w5{grid-column:5/10;margin-top:-1rem}.w6{grid-column:10/13;margin-top:2rem}
.hang{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;transition:transform .4s ease}
.hang:hover{transform:translateY(-4px)}.hang:focus-visible{outline:3px solid #6b1f24;outline-offset:8px}
.lamp{width:62%;height:15px;margin-bottom:6px;border-radius:0 0 40px 40px;background:linear-gradient(#f8ecc4,#b8862a 55%,#6e4d12);position:relative;box-shadow:0 3px 4px rgba(0,0,0,.25)}
.lamp::after{content:"";position:absolute;left:-10%;right:-10%;top:14px;height:170px;background:radial-gradient(ellipse at 50% 0,rgba(255,244,205,.7),transparent 70%);pointer-events:none}
.pf{display:block;position:relative;width:100%;padding:11px;background:var(--gilt);box-shadow:0 20px 32px -16px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.4)}
.pf .in{display:block;padding:clamp(12px,1.8vw,24px);background:#fcf8ec;box-shadow:inset 0 0 0 1px #c99a3a,inset 0 2px 10px rgba(0,0,0,.14)}
.pf img{display:block;width:100%;height:auto}
.plaque{margin-top:1rem;padding:.42rem 1rem;background:linear-gradient(#f8ecc4,#d4a64a 50%,#a87a26);color:#2a1a08;font-family:'Cinzel',serif;font-weight:600;font-size:.82rem;letter-spacing:.14em;text-align:center;box-shadow:0 3px 6px rgba(0,0,0,.3);border:1px solid #7a5612}
.plaque small{display:block;font-family:'Marcellus SC',serif;font-weight:400;letter-spacing:.2em;font-size:.68rem;opacity:.9}
.salon-wainscot{height:70px;background:linear-gradient(#fbf6e8,#efe5cc);border-top:3px solid #c99a3a;box-shadow:inset 0 10px 14px -10px rgba(0,0,0,.25)}
.back-wall{display:inline-block;margin-top:1rem;font-family:'Marcellus SC',serif;letter-spacing:.14em;font-size:.88rem;color:#6b5a3a;text-decoration:none}
.back-wall:hover{color:#6b1f24}
@media(max-width:820px){.salon-wall{grid-template-columns:1fr 1fr;gap:2.2rem 1.3rem;padding:1.6rem 1rem 3.5rem}.salon-wall>.hang{grid-column:auto!important;margin-top:0!important}.plaque{font-size:.72rem;padding:.4rem .6rem}}

/* PLATES */
.plate{position:relative;overflow:hidden;min-height:96vh;display:flex;align-items:center;justify-content:center;padding:5.5rem 1rem;scroll-margin-top:3rem;color:#2a1e1f}
.plate::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--gilt);opacity:.85}
.tone-emerald{background:radial-gradient(ellipse at 50% 40%,#fbfdf6 0%,#e3efe2 45%,#c9dfcf 100%)}
.tone-oxblood{background:radial-gradient(ellipse at 50% 40%,#fffaf6 0%,#f6e3e0 45%,#ebcdc9 100%)}
.tone-sapphire{background:radial-gradient(ellipse at 50% 40%,#fbfcff 0%,#e3eaf5 45%,#cbd8ec 100%)}
.tone-teal{background:radial-gradient(ellipse at 50% 40%,#f8fdfc 0%,#ddefed 45%,#c3e1de 100%)}
.tone-plum{background:radial-gradient(ellipse at 50% 40%,#fdf9fd 0%,#efe3f0 45%,#dccbe0 100%)}
.tone-midnight{background:radial-gradient(ellipse at 50% 40%,#fffdf6 0%,#f4ecd6 45%,#e6d8b4 100%)}
.rays{position:absolute;inset:0;pointer-events:none;
 background:repeating-conic-gradient(from 0deg at 50% 42%,rgba(168,122,38,.10) 0deg 1.6deg,transparent 1.6deg 7.5deg);
 -webkit-mask:radial-gradient(circle at 50% 42%,#000 10%,transparent 62%);mask:radial-gradient(circle at 50% 42%,#000 10%,transparent 62%)}
.plate figure{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;width:100%}

/* GILDED FRAME */
.sheet{all:unset;cursor:zoom-in;display:block;position:relative;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.sheet:hover{transform:translateY(-4px) scale(1.006)}
.sheet:focus-visible{outline:3px solid #fff3c4;outline-offset:14px}
.gilt{position:relative;display:block;padding:clamp(14px,2vw,22px);background:var(--gilt);
 box-shadow:0 0 0 1px #3a2708,0 0 0 5px rgba(58,39,8,.18),0 30px 60px -22px rgba(60,40,10,.55),0 0 50px rgba(168,122,38,.18)}
.gilt::before{content:"";position:absolute;inset:6px;border:1px solid rgba(58,39,8,.55);box-shadow:inset 0 0 0 1px rgba(255,243,196,.6);pointer-events:none}
.gilt-inner{display:block;padding:clamp(5px,.7vw,8px);background:#1a1208;box-shadow:inset 0 0 0 1px #f6dc8e}
.mat{display:block;padding:clamp(22px,3.6vw,46px);background:radial-gradient(ellipse at 50% 45%,#fffaf0 0%,#fbf3de 60%,#f1e5c4 100%);
 box-shadow:inset 0 2px 8px rgba(0,0,0,.18)}
.fillet{display:block;padding:3px;background:var(--gilt);box-shadow:0 2px 6px rgba(0,0,0,.2)}
.fillet img{display:block;max-height:min(58vh,640px);max-width:min(68vw,760px);width:auto;height:auto;background:#fbf6e8}
.corner{position:absolute;width:clamp(68px,8vw,108px);height:clamp(68px,8vw,108px);filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}
.ctl{top:-20px;left:-20px}.ctr{top:-20px;right:-20px;transform:scaleX(-1)}
.cbr{bottom:-20px;right:-20px;transform:scale(-1,-1)}.cbl{bottom:-20px;left:-20px;transform:scaleY(-1)}
.crest{position:absolute;left:50%;width:clamp(120px,15vw,190px);height:auto;aspect-ratio:220/70;transform:translateX(-50%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}
.crest.top{top:clamp(-30px,-2.4vw,-20px)}.crest.bottom{bottom:clamp(-30px,-2.4vw,-20px);transform:translateX(-50%) scaleY(-1)}

figcaption{text-align:center;margin-top:3.4rem;max-width:36rem}
.plate-no{margin:0;display:flex;align-items:center;justify-content:center;gap:1rem;font-family:'Marcellus SC',serif;letter-spacing:.34em;font-size:.92rem;color:#7a5612}
.plate-no::before,.plate-no::after{content:"";width:56px;height:6px;background:linear-gradient(#a87a26,#a87a26) center/100% 1px no-repeat,linear-gradient(#a87a26,#a87a26) center bottom/60% 1px no-repeat}
figcaption h2{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.8rem,1.3rem + 2vw,2.8rem);letter-spacing:.08em;margin:.5rem 0 .6rem;filter:drop-shadow(0 1px 0 rgba(255,255,255,.8));
 background:var(--gilt-deep);-webkit-background-clip:text;background-clip:text;color:transparent}
.line{font-family:'EB Garamond',serif;font-style:italic;font-size:clamp(1.22rem,1.1rem + .4vw,1.42rem);line-height:1.6;margin:.3rem 0;color:#2a1e1f}
.read-link{display:inline-block;margin-top:1.4rem;font-family:'Marcellus SC',serif;letter-spacing:.14em;font-size:.98rem;color:#4a1216;text-decoration:none;
 padding:.55rem 1.2rem;border:1px solid #a87a26;background:rgba(255,252,240,.7);box-shadow:0 0 0 3px rgba(168,122,38,.18);transition:all .3s}
.read-link cite{font-family:'EB Garamond',serif;font-size:1.1em;letter-spacing:.03em}
.read-link:hover,.read-link:focus-visible{background:#6b1f24;color:#fff8e6;border-color:#6b1f24}

.plate.reveal .sheet{opacity:0;transform:translateY(34px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.plate.reveal.in .sheet{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.plate.reveal .sheet{opacity:1;transform:none;transition:none}.sheet{transition:none}}

/* CLOSE */
.sk-close{position:relative;text-align:center;padding:5rem 1.25rem 6.5rem;background:radial-gradient(ellipse at 50% 0%,#fbf5e3 0%,#f1e3bf 100%);color:#2a1e1f;font-family:'EB Garamond',serif;font-size:1.25rem}
.sk-close .crest-rule{margin-top:0}
.sk-close p{margin-left:auto!important;margin-right:auto!important;max-width:40rem;text-align:center}
.sk-close{padding-bottom:7rem!important}
.sk-foot{height:8px;background:var(--gilt)}
.sk-credit{font-family:'Cinzel',serif;font-weight:500;letter-spacing:.16em;font-size:1.25rem;margin:0 0 .5rem;color:#4a1216}
.sk-back{display:inline-block;margin-top:2.2rem;font-family:'Marcellus SC',serif;letter-spacing:.16em;font-size:1.05rem;color:#fff8e6;text-decoration:none;
 padding:1rem 2rem;background:linear-gradient(#173f35,#0d2822);border:2px solid transparent;
 border-image:linear-gradient(135deg,#fff3c4,#a87a26,#f6dc8e,#6e4d12) 1;box-shadow:0 0 0 4px #f1e3bf,0 0 0 5px #a87a26,0 10px 24px -10px rgba(0,0,0,.5)}
.sk-back cite{font-family:'EB Garamond',serif;font-size:1.12em;letter-spacing:.03em}
.sk-back:hover{background:linear-gradient(#7a2329,#4a1216)}

.lightbox{position:fixed;inset:0;background:rgba(8,14,12,.94);display:none;align-items:center;justify-content:center;z-index:999;cursor:zoom-out;padding:2rem}
.lightbox.open{display:flex}
.lightbox img{max-width:94vw;max-height:90vh;background:#fbf6e8;padding:14px;border:6px solid transparent;border-image:linear-gradient(135deg,#fff3c4,#a87a26,#f6dc8e,#6e4d12) 1;box-shadow:0 20px 60px rgba(0,0,0,.7)}
.lightbox button{position:absolute;top:1rem;right:1.2rem;background:none;border:1px solid #e7c46a;color:#fff3c4;font-family:'Marcellus SC',serif;letter-spacing:.12em;padding:.45rem 1rem;cursor:pointer}

@media (max-width:640px){
 .sk-hero{padding:3.8rem 1.1rem 3.4rem}.sk-intro{font-size:1.2rem}
 .plate{min-height:auto;padding:4.2rem .9rem 4.6rem}
 .fillet img{max-width:calc(100vw - 132px);max-height:56vh}
 .ctl{top:-11px;left:-11px}.ctr{top:-11px;right:-11px}.cbr{bottom:-11px;right:-11px}.cbl{bottom:-11px;left:-11px}
 figcaption{margin-top:2.8rem}.plate-no::before,.plate-no::after{width:32px}
 .sk-contents a{font-size:.9rem;padding:.45rem .7rem}
}

/* ===== Site integration ===== */
html:has(.sk-main){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:has(.sk-main){scroll-behavior:auto}}
html.sk-noscroll{overflow:hidden}
.sk-main p{max-width:none}
.sk-main ~ .site-footer{margin-top:0}
.sk-main a{text-decoration:none}
.sk-main .sk-hero h1,.sk-main .plate-text h3{color:#6e4d0c!important;-webkit-text-fill-color:transparent}
.sk-main .sk-hero .sk-intro{max-width:38rem}
.tone-rose{background:radial-gradient(ellipse at 50% 30%,#fffaf6 0%,#f6e3e0 45%,#ebcdc9 100%)}

/* ===== Buttons ===== */
.hero-actions,.close-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2.2rem}
.sk-btn{display:inline-block;font-family:'Marcellus SC',serif;letter-spacing:.16em;font-size:1rem;padding:.95rem 1.7rem;cursor:pointer;transition:all .3s;border:1px solid #a87a26}
.sk-btn.gold{background:linear-gradient(135deg,#fff3c4,#e7c46a 30%,#b8862a 60%,#f0d58a);background-color:#d4a64a;color:#2a1a08;box-shadow:0 0 0 3px rgba(255,255,255,.6),0 0 0 4px #a87a26,0 10px 22px -10px rgba(80,50,6,.6)}
.sk-btn.gold:hover{filter:brightness(1.06);color:#2a1a08}
.sk-btn.line{background:rgba(255,252,240,.8);color:#4a1216}
.sk-btn.line:hover{background:#6b1f24;color:#fff8e6;border-color:#6b1f24}
.close-actions .sk-back{margin-top:0}

/* ===== The four doorways ===== */
.doors{background:linear-gradient(#f4ecd9,#efe4c8);padding:4.5rem 1.25rem 5rem;text-align:center}
.doors-head .kick,.salon-kick{font-family:'Marcellus SC',serif;letter-spacing:.34em;color:#6b1f24;margin:0 auto;font-size:.95rem;text-align:center}
.doors-head h2{font-family:'Cinzel',serif;font-weight:600;letter-spacing:.1em;font-size:clamp(1.8rem,1.2rem + 2.2vw,2.8rem);margin:.4rem 0 2.6rem;color:#2a1e1f!important}
.doors-row{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2.4vw,2.4rem);max-width:1180px;margin:0 auto}
.door{display:flex;flex-direction:column;align-items:center;padding:1.6rem 1rem 1.8rem;color:#2a1e1f;border:1px solid rgba(168,122,38,.55);box-shadow:inset 0 0 0 5px rgba(255,255,255,.45),0 18px 30px -22px rgba(60,40,10,.6);transition:transform .4s ease,box-shadow .4s ease}
.door:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 5px rgba(255,255,255,.45),0 26px 40px -22px rgba(60,40,10,.7)}
.door:focus-visible{outline:3px solid #6b1f24;outline-offset:6px}
.door .arch{position:relative;display:block;width:100%;max-width:220px;padding:9px;background:var(--gilt);background-color:#c99a3a;border-radius:999px 999px 4px 4px/300px 300px 4px 4px;box-shadow:0 16px 30px -16px rgba(0,0,0,.5)}
.door .arch::before{content:"";position:absolute;left:50%;top:-16px;transform:translateX(-50%);width:32px;height:32px;background:var(--gilt);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.door .arch-in{display:block;padding:5px;background:#1a1208;border-radius:inherit}
.door .arch-mat{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;background:#fcf8ec;border-radius:inherit;padding:30% 12% 12%;overflow:hidden}
.door .arch-mat img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.door-num{font-family:'Cinzel Decorative','Cinzel',serif;font-weight:700;font-size:2.4rem;line-height:1;margin-top:1.3rem;background:var(--gilt-deep);-webkit-background-clip:text;background-clip:text;color:#6e4d0c;-webkit-text-fill-color:transparent;font-variant-ligatures:none}
.door-part{font-family:'Marcellus SC',serif;letter-spacing:.3em;font-size:.98rem;color:#6b1f24;margin-top:.5rem}
.door-name{font-family:'Cinzel',serif;font-weight:600;letter-spacing:.08em;font-size:1.45rem;margin-top:.2rem}
.door-count{font-family:'EB Garamond',serif;font-style:italic;font-size:1.1rem;color:#4a3d2a;margin-top:.3rem}

/* ===== Grand salon wall (masonry) ===== */
.salon{position:relative;background:linear-gradient(#c3dccf,#aecbbd);overflow:hidden}
.salon-crown{height:40px;background:linear-gradient(#fbf6e8,#e9e0c8);border-bottom:2px solid #c99a3a}
.salon-rail{height:18px;background:linear-gradient(#f8ecc4,#c99a3a 40%,#7a5612 60%,#e8cd84);box-shadow:0 4px 8px rgba(0,0,0,.22)}
.salon-head{text-align:center;padding:3rem 1.25rem .5rem}
.salon-head h2{font-family:'Cinzel',serif;font-weight:600;letter-spacing:.1em;font-size:clamp(1.8rem,1.2rem + 2.2vw,2.8rem);margin:.4rem 0;color:#1d3129!important}
.salon-hint{font-family:'EB Garamond',serif;font-style:italic;font-size:1.2rem;color:#24382f;margin:0 auto;text-align:center}
.sk-main .salon-wall{display:block;grid-template-columns:none;max-width:1320px;margin:0 auto;padding:2.6rem 2rem 4.5rem;columns:5 210px;column-gap:2rem}
.hang{break-inside:avoid;display:flex;flex-direction:column;align-items:center;margin:0 0 2.4rem;color:inherit;transition:transform .4s ease}
.hang:nth-child(3n+2){padding-top:1.4rem}
.hang:hover{transform:translateY(-4px)}.hang:focus-visible{outline:3px solid #6b1f24;outline-offset:8px}
.lamp{width:62%;height:14px;margin-bottom:6px;border-radius:0 0 40px 40px;background:linear-gradient(#f8ecc4,#b8862a 55%,#6e4d12);position:relative;box-shadow:0 3px 4px rgba(0,0,0,.25)}
.lamp::after{content:"";position:absolute;left:-10%;right:-10%;top:13px;height:150px;background:radial-gradient(ellipse at 50% 0,rgba(255,244,205,.7),transparent 70%);pointer-events:none}
.pf{display:block;width:100%;padding:9px;background:var(--gilt);background-color:#c99a3a;box-shadow:0 18px 28px -16px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.4)}
.pf .in{display:block;padding:clamp(10px,1.4vw,18px);background:#fcf8ec;box-shadow:inset 0 0 0 1px #c99a3a,inset 0 2px 10px rgba(0,0,0,.14)}
.pf img{display:block;width:100%;height:auto}
.plaque{margin-top:.9rem;padding:.42rem .9rem;background:linear-gradient(#f8ecc4,#d4a64a 50%,#a87a26);background-color:#d4a64a;color:#2a1a08;font-family:'Cinzel',serif;font-weight:600;font-size:.82rem;letter-spacing:.12em;text-align:center;box-shadow:0 3px 6px rgba(0,0,0,.3);border:1px solid #7a5612}
.plaque small{display:block;font-family:'Marcellus SC',serif;font-weight:400;letter-spacing:.18em;font-size:.78rem}
.salon-wainscot{height:70px;background:linear-gradient(#fbf6e8,#efe5cc);border-top:3px solid #c99a3a;box-shadow:inset 0 10px 14px -10px rgba(0,0,0,.25)}

/* ===== Rooms ===== */
.room{position:relative}
.room-banner{position:relative;overflow:hidden;text-align:center;padding:5rem 1.25rem 3.5rem;border-bottom:1px solid rgba(168,122,38,.45)}
.room-banner .rays{background:repeating-conic-gradient(from 0deg at 50% 0%,rgba(168,122,38,.12) 0deg 1.8deg,transparent 1.8deg 8deg);-webkit-mask:radial-gradient(ellipse at 50% 0,#000 10%,transparent 70%);mask:radial-gradient(ellipse at 50% 0,#000 10%,transparent 70%)}
.room-banner>*{position:relative}
.room-num{font-family:'Cinzel Decorative','Cinzel',serif;font-weight:700;font-size:clamp(4rem,2.5rem + 6vw,8rem);line-height:.9;margin:0;background:var(--gilt-deep);-webkit-background-clip:text;background-clip:text;color:#6e4d0c;-webkit-text-fill-color:transparent;font-variant-ligatures:none;filter:drop-shadow(0 1px 0 rgba(255,255,255,.8))}
.room-part{font-family:'Marcellus SC',serif;letter-spacing:.38em;color:#6b1f24;margin:.6rem auto 0;font-size:1rem;text-align:center}
.room-banner h2{font-family:'Cinzel',serif;font-weight:600;letter-spacing:.12em;font-size:clamp(2.2rem,1.4rem + 3vw,3.6rem);margin:.3rem 0 0;color:#2a1e1f!important}
.room-chips{list-style:none;padding:0;margin:.4rem auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;max-width:900px}
.room-chips a{display:inline-block;font-family:'Marcellus SC',serif;letter-spacing:.08em;font-size:.95rem;color:#2a1e1f;padding:.45rem .85rem;border:1px solid #a87a26;background:rgba(255,252,240,.75);transition:all .3s}
.room-chips a:hover{background:#6b1f24;color:#fff8e6;border-color:#6b1f24}

/* ===== Plates: alternating gallery spreads ===== */
.sk-main .plate{min-height:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);max-width:1260px;margin:0 auto;padding:clamp(3.5rem,6vw,6.5rem) clamp(1.25rem,4vw,3rem);background:none;color:#2a1e1f;overflow:visible}
.sk-main .plate::after{left:15%;right:15%;height:1px;opacity:.55}
.sk-main .plate.side-right .plate-art{order:2}
.plate-art{display:flex;justify-content:center}
.sk-main .fillet img{max-height:min(66vh,660px);max-width:100%}
.plate-text{text-align:left;max-width:30rem}
.plate.side-right .plate-text{justify-self:end}
.sk-main .plate-no{justify-content:flex-start;font-size:.98rem;color:#7a5612}
.sk-main .plate-no::before{display:none}
.plate-text h3{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.9rem,1.3rem + 2vw,2.9rem);letter-spacing:.06em;line-height:1.15;margin:.5rem 0 1rem;background:var(--gilt-deep);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 0 rgba(255,255,255,.8))}
.label{font-family:'EB Garamond',serif;font-size:1.12rem;line-height:1.55;color:#3d3020;margin:0 0 1.2rem;padding-left:1rem;border-left:2px solid #a87a26}
.label span{display:block;font-family:'Marcellus SC',serif;letter-spacing:.24em;font-size:.82rem;color:#6b1f24;margin-bottom:.15rem}
.sk-main .plate-text .line{text-align:left;font-size:clamp(1.25rem,1.1rem + .45vw,1.45rem);color:#2a1e1f;margin:0 0 .4rem}
.sk-main .plate-text .read-link{margin-top:1.2rem;color:#4a1216}
.sk-main .plate-text .back-wall{display:block;margin-top:1rem;font-family:'Marcellus SC',serif;letter-spacing:.14em;font-size:.98rem;color:#5c4a2c}
.sk-main .plate-text .back-wall:hover{color:#6b1f24}
.sk-main a.read-link:hover{color:#fff8e6}
.sk-main a.sk-back{background-color:#173f35}
.sk-main a.sk-back:hover{color:#fff8e6}

/* ===== Slideshow viewer ===== */
.viewer{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;align-items:center;background:radial-gradient(ellipse at 50% 40%,#1f2a26 0%,#0c1210 70%);color:#f6ecd2}
.viewer[hidden]{display:none}
.v-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.4rem}
.v-count{font-family:'Marcellus SC',serif;letter-spacing:.24em;color:#e7c46a;font-size:.98rem}
.v-close{background:none;border:1px solid #e7c46a;color:#fff3c4;font-family:'Marcellus SC',serif;letter-spacing:.14em;font-size:.98rem;padding:.5rem 1.1rem;cursor:pointer}
.v-nav{background:none;border:1px solid rgba(231,196,106,.6);color:#f6dc8e;font-size:2.6rem;line-height:1;width:3.2rem;height:3.2rem;margin:0 1.2rem;cursor:pointer;transition:all .3s}
.v-nav:hover,.v-close:hover{background:#e7c46a;color:#1a1208}
.v-fig{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:100%;padding-bottom:1.5rem}
.v-frame{display:block;padding:10px;background:var(--gilt);background-color:#c99a3a;box-shadow:0 30px 60px rgba(0,0,0,.6)}
.v-frame img{display:block;max-width:min(78vw,1100px);max-height:68vh;width:auto;height:auto;background:#fcf8ec;padding:clamp(10px,2vw,24px)}
.v-fig figcaption{text-align:center;margin-top:1.4rem;max-width:44rem;padding:0 1rem}
.v-room{display:block;font-family:'Marcellus SC',serif;letter-spacing:.3em;font-size:.9rem;color:#e7c46a}
.v-title{display:block;font-family:'Cinzel',serif;font-weight:600;letter-spacing:.08em;font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);color:#f6dc8e;margin:.2rem 0 .3rem}
.v-lines{display:block;font-family:'EB Garamond',serif;font-style:italic;font-size:1.15rem;line-height:1.5;color:#f6ecd2}

/* ===== Responsive ===== */
@media(max-width:980px){.doors-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){
 .sk-main .plate{grid-template-columns:1fr;gap:2.4rem;padding:3.4rem 1rem 3.8rem}
 .sk-main .plate.side-right .plate-art{order:0}
 .plate-text,.plate.side-right .plate-text{justify-self:center;text-align:center;max-width:34rem}
 .sk-main .plate-no{justify-content:center}.sk-main .plate-no::before{display:block}
 .label{border-left:0;padding-left:0}
 .sk-main .plate-text .line{text-align:center}
 .sk-main .fillet img{max-height:56vh;max-width:calc(100vw - 132px)}
 .sk-main .salon-wall{columns:2;column-gap:1.2rem;padding:1.6rem 1rem 3.5rem}
 .hang:nth-child(3n+2){padding-top:0}
 .plaque{font-size:.8rem;padding:.4rem .5rem;letter-spacing:.05em}.plaque small{letter-spacing:.12em}
 .v-nav{position:absolute;bottom:1rem;margin:0;width:2.9rem;height:2.9rem;font-size:2.2rem}
 .v-prev{left:1rem}.v-next{right:1rem}
 .viewer{grid-template-columns:1fr}
 .v-frame img{max-width:88vw;max-height:58vh}
 .v-fig{padding-bottom:4.5rem}
}
@media(max-width:480px){.doors-row{grid-template-columns:1fr 1fr;gap:.8rem}.door{padding:1.1rem .5rem 1.2rem}.door-name{font-size:1.15rem}.door-num{font-size:1.9rem}}

/* ===== Dark theme ===== */
[data-theme="dark"] .sk-main{background:#0e1f1c}
[data-theme="dark"] .sk-main .sk-hero{background:radial-gradient(ellipse at 50% 115%,#1f5a4c 0%,#123a33 38%,#0b211d 75%);color:#f6ecd2}
[data-theme="dark"] .sk-main .sk-hero h1,[data-theme="dark"] .sk-main .plate-text h3{color:#e7c46a!important;background:var(--gilt);-webkit-background-clip:text;background-clip:text;filter:none}
[data-theme="dark"] .sk-main .sk-eyebrow,[data-theme="dark"] .sk-main .sk-eyebrow cite{color:#e7c46a}
[data-theme="dark"] .sk-main .sk-sub{color:#f3e7c7}
[data-theme="dark"] .sk-main .sk-intro{color:#f6ecd2}[data-theme="dark"] .sk-main .sk-intro cite{color:#f6dc8e}
[data-theme="dark"] .sk-main .sk-btn.line{background:rgba(0,0,0,.2);color:#f6dc8e;border-color:rgba(246,220,142,.7)}
[data-theme="dark"] .sk-main .sk-btn.line:hover{background:#e7c46a;color:#1a1208}
[data-theme="dark"] .sk-main .doors{background:linear-gradient(#13231f,#0f1c19)}
[data-theme="dark"] .sk-main .doors-head h2{color:#f6ecd2!important}
[data-theme="dark"] .sk-main .doors-head .kick,[data-theme="dark"] .sk-main .salon-kick,[data-theme="dark"] .sk-main .room-part,[data-theme="dark"] .sk-main .door-part{color:#e7c46a}
[data-theme="dark"] .sk-main .door{color:#f6ecd2;border-color:rgba(231,196,106,.45);box-shadow:inset 0 0 0 5px rgba(0,0,0,.18),0 18px 30px -22px rgba(0,0,0,.8)}
[data-theme="dark"] .sk-main .door-count{color:#e9dfc4}
[data-theme="dark"] .sk-main .door-num,[data-theme="dark"] .sk-main .room-num{background:var(--gilt);-webkit-background-clip:text;background-clip:text;color:#e7c46a;filter:none}
[data-theme="dark"] .sk-main .salon{background:linear-gradient(#173a33,#102b26)}
[data-theme="dark"] .sk-main .salon-crown,[data-theme="dark"] .sk-main .salon-wainscot{background:linear-gradient(#22332e,#162521)}
[data-theme="dark"] .sk-main .salon-head h2,[data-theme="dark"] .sk-main .room-banner h2{color:#f6ecd2!important}
[data-theme="dark"] .sk-main .salon-hint{color:#e9dfc4}
[data-theme="dark"] .sk-main .tone-emerald{background:radial-gradient(ellipse at 50% 20%,#1d5c4d 0%,#123c34 45%,#0a231e 100%)}
[data-theme="dark"] .sk-main .tone-rose{background:radial-gradient(ellipse at 50% 20%,#7a2329 0%,#521418 48%,#2c0a0d 100%)}
[data-theme="dark"] .sk-main .tone-sapphire{background:radial-gradient(ellipse at 50% 20%,#24477a 0%,#162f55 48%,#0b1830 100%)}
[data-theme="dark"] .sk-main .tone-plum{background:radial-gradient(ellipse at 50% 20%,#5e2f5f 0%,#3f1d42 48%,#220f25 100%)}
[data-theme="dark"] .sk-main .room-chips a{color:#f6ecd2;background:rgba(0,0,0,.2);border-color:rgba(231,196,106,.6)}
[data-theme="dark"] .sk-main .room-chips a:hover{background:#e7c46a;color:#1a1208}
[data-theme="dark"] .sk-main .plate{color:#f6ecd2}
[data-theme="dark"] .sk-main .plate-no{color:#e7c46a}
[data-theme="dark"] .sk-main .label{color:#efe4c6;border-color:#e7c46a}[data-theme="dark"] .sk-main .label span{color:#f6dc8e}
[data-theme="dark"] .sk-main .plate-text .line{color:#fbf3dc}
[data-theme="dark"] .sk-main a.read-link{color:#f6dc8e;background:rgba(0,0,0,.18);border-color:rgba(246,220,142,.7)}
[data-theme="dark"] .sk-main a.read-link:hover{background:#e7c46a;color:#1a1208}
[data-theme="dark"] .sk-main .plate-text .back-wall{color:#e9dfc4}[data-theme="dark"] .sk-main .plate-text .back-wall:hover{color:#f6dc8e}
[data-theme="dark"] .sk-main .sk-close{background:radial-gradient(ellipse at 50% 0%,#24352f 0%,#121d1a 100%);color:#f6ecd2}
[data-theme="dark"] .sk-main .sk-credit{color:#f6dc8e}
[data-theme="dark"] .sk-main a.sk-back{box-shadow:0 0 0 4px #121d1a,0 0 0 5px #a87a26,0 10px 24px -10px rgba(0,0,0,.5)}
.sk-main .plaque small{opacity:1}
.sk-main .fillet img{--cap:min(66vh,660px);width:min(calc(min(46vw,620px) - 150px),calc(var(--cap) * var(--r)));height:auto;max-height:none;max-width:none;aspect-ratio:var(--r)}
@media(max-width:820px){.sk-main .fillet img{--cap:56vh;width:min(calc(100vw - 132px),calc(var(--cap) * var(--r)))}}