/* Sconce: a small hotel in the city's south-west corner. Petrol-blue joinery at dusk, cream paper,
   brass on the keys and coral only where a lamp is lit; Josefin Slab throughout. */
@font-face{font-family:"Josefin Slab";font-style:normal;font-weight:100 700;font-display:swap;src:url("/assets/fonts/specimen/josefin-slab-var.woff2") format("woff2")}
@font-face{font-family:"Josefin Slab";font-style:italic;font-weight:100 700;font-display:swap;src:url("/assets/fonts/specimen/josefin-slab-var-italic.woff2") format("woff2")}
.spec-sconce{--sn-petrol:#1F6470;--sn-cream:#F4EFE4;--sn-hollow:#174E59;--sn-hollow-2:#1B5966;--sn-joinery:#2A7582;--sn-coral:#FF8A66;--sn-window:#9CC7C9;--sn-brass:#C9A45E;--sn-brass-l:#F2DCA6;--sn-brass-d:#7B5F2C;--sn-paper:#FBF8F1;--sn-window-t:#C2E0E0;--sn-desk:#EFE8D9;--sn-line:#9cc7c973;--sn-serif:"Josefin Slab","Rockwell","Roboto Slab",Georgia,serif;--sn-m:clamp(16px,4.4vw,64px);--sn-g:clamp(16px,2.2vw,32px);--sn-nav:56px;--sn-counter:clamp(96px,13svh,150px);--sn-h:clamp(52px,min(calc((100svh - 172px - var(--sn-counter)) / 7.02),calc((100vw - 2 * var(--sn-m)) * .64 / 7.9)),112px);--sn-timber:cubic-bezier(.2,.7,.1,1);--sn-paperease:cubic-bezier(.3,.7,.2,1)}
.spec-sconce #spec-main,.spec-sconce #spec-main *{box-sizing:border-box}
body.spec-sconce{margin:0;background:var(--sn-petrol)}
.spec-sconce #spec-main{color:var(--sn-cream);font-family:var(--sn-serif);font-weight:460;font-size:clamp(1.0625rem,1.02rem + .18vw,1.1875rem);line-height:1.6;font-variant-numeric:lining-nums tabular-nums;-webkit-font-smoothing:antialiased}
:where(.spec-sconce #spec-main) :where(h1,h2,h3,p,ul,ol,dl,dd,figure){margin:0}
.spec-sconce #spec-main :where(ul,ol){padding:0;list-style:none}
:where(.spec-sconce #spec-main) a{color:inherit}
.spec-sconce #spec-main :focus-visible{outline:2px solid var(--sn-cream);outline-offset:3px;box-shadow:0 0 0 6px #ff8a6659}
.sn-defs{position:absolute;width:0;height:0;overflow:hidden}
.sn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sn-ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sn-nav{position:sticky;top:var(--bar-h,40px);z-index:60;height:var(--sn-nav);background:#1f6470f5;border-bottom:1px solid var(--sn-line)}
.sn-nav-in{max-width:1360px;height:100%;margin:0 auto;padding:0 var(--sn-m);display:flex;align-items:center;gap:24px}
.sn-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:.8125rem;letter-spacing:.3em;text-transform:uppercase;margin-right:auto;white-space:nowrap}
.sn-mark{width:24px;height:28px}
.sn-nav-list{display:flex;gap:clamp(14px,2vw,30px);align-items:center}
.sn-nav-list a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:1rem;padding:8px 0;white-space:nowrap}
.sn-nav-list a .sn-ico{width:16px;height:16px;color:var(--sn-window);transition:color .2s}
.sn-nav-list a:hover .sn-ico{color:var(--sn-coral)}
.sn-nav-ask a{border:1px solid var(--sn-line);border-radius:3px;padding:7px 12px}
.sn-menu,.sn-ask-m{display:none}
.sn-wall{position:relative;overflow-x:clip;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sn-g);grid-template-rows:minmax(calc(100svh - var(--bar-h,40px) - var(--sn-nav) - var(--sn-counter)),auto) var(--sn-counter);--sn-pad:max(var(--sn-m),calc(50vw - 680px + var(--sn-m)));padding-inline:var(--sn-pad);background:
radial-gradient(90% 70% at 88% 100%,#ff8a661a,transparent 60%),
linear-gradient(180deg,#0c282f59,transparent 38%),
repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 7px),
var(--sn-petrol)}
.sn-intro{grid-column:1 / 5;grid-row:1;align-self:end;padding:40px 0 calc(var(--sn-h) * .62);position:relative;z-index:4;pointer-events:none}
.sn-intro > *{pointer-events:auto}
.sn-h1{font-weight:300;font-size:clamp(2.5rem,1.1rem + 3.4vw,4.5rem);line-height:1.02;letter-spacing:-.012em}
.sn-l{display:block}
.sn-l:last-child{font-style:italic;font-weight:300}
.sn-sub{margin-top:22px;max-width:34ch;font-size:clamp(1.125rem,1.03rem + .38vw,1.375rem);font-weight:430;line-height:1.45;color:#f4efe4e6}
.sn-sub-short{display:none}
.sn-hint{font-style:italic;font-weight:440;font-size:1.0625rem;line-height:1.5;color:var(--sn-window-t)}
.sn-hint-top{margin-top:18px;max-width:30ch;padding-left:26px;position:relative}
.sn-hint-top::before{content:"";position:absolute;left:0;top:.38em;width:12px;height:18px;border-radius:6px;background:linear-gradient(90deg,#7B5F2C,#C9A45E 35%,#F2DCA6 50%,#C9A45E 65%,#6A5025)}
.sn-hint-touch,.sn-hint-nojs{display:none}
@media (hover:none){.sn-hint-fine{display:none} .sn-hint-touch{display:inline}}
.sn-board{grid-column:5 / 13;grid-row:1;align-self:end;justify-self:start;width:calc(var(--sn-h) * 7.9);display:flex;flex-direction:column;align-items:center;position:relative}
.sn-sconce{position:absolute;z-index:1;left:0;top:0;width:64px;height:120px;pointer-events:none;display:none;transform:scale(1.15);transform-origin:50% 0}
.sn-sconce i{position:absolute;display:block}
.sn-sc-wash{left:-170px;right:-170px;top:-130px;bottom:-260px;background:
radial-gradient(36% 20% at 50% 30%,#ffaa8257,#ff8a6600 100%),
radial-gradient(34% 34% at 50% 50%,#ff966e2e,#ff8a6600 100%);mix-blend-mode:screen}
.sn-sc-plate{left:26px;top:58px;width:12px;height:34px;border-radius:6px;background:linear-gradient(90deg,#5B4420,#C9A45E 40%,#F2DCA6 52%,#A8843F 75%,#4D3A1B);box-shadow:3px 5px 6px #04161b73}
.sn-sc-arm{left:30px;top:42px;width:4px;height:26px;background:linear-gradient(90deg,#6A5025,#F2DCA6 50%,#6A5025)}
.sn-sc-shade{left:6px;top:6px;width:52px;height:38px;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#781e0a14 0 1px,transparent 1px 5px),radial-gradient(70% 90% at 50% 100%,#FFE9DC,#FFB293 40%,#FF8A66 75%,#EE7853)}
.sn-sc-lip{left:4px;top:42px;width:56px;height:3px;border-radius:2px;background:#F07B57;box-shadow:0 2px 10px 3px #ffbe96b3}
@media (min-width:1024px) and (min-height:860px){.sn-sconce{display:block;left:clamp(160px,16vw,270px);top:30px}}
.sn-sign{display:inline-flex;align-items:center;gap:12px;height:32px;padding:0 20px 0 16px;margin-bottom:12px;position:relative;color:var(--sn-hollow);font-weight:600;font-size:.75rem;letter-spacing:.42em;text-transform:uppercase;white-space:nowrap;border-radius:2px;background:linear-gradient(180deg,#F6E4B4,#D9B872 42%,#B8914A 58%,#CDA964 100%);box-shadow:inset 0 1px 0 #fffae6b3,inset 0 -1px 0 #46321473,0 1px 0 #00000040,0 10px 18px -8px #00000080}
.sn-sign-t{text-shadow:0 1px 0 #fff5d78c;padding-left:.1em}
.sn-sign::before,.sn-sign::after{content:"";position:absolute;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF1C8,#8A6A30 70%);box-shadow:0 0 0 .5px #46321480}
.sn-sign::before{left:6px} .sn-sign::after{right:6px}
.sn-sign-mark{width:16px;height:19px}
.sn-cab{--H:var(--sn-h);position:relative;display:flex;gap:calc(var(--H) * .22);padding:0 calc(var(--H) * .04);background:repeating-linear-gradient(90deg,#ffffff05 0 2px,transparent 2px 5px,#00000005 5px 6px,transparent 6px 11px),var(--sn-joinery);box-shadow:0 0 0 1px #0c323a73,0 40px 60px -30px #04161bb3,-18px 0 40px -24px #04161b80,18px 0 40px -24px #04161b80}
.sn-bank{position:relative;display:grid;grid-template-columns:repeat(6,calc(var(--H) * .86));grid-auto-rows:calc(var(--H) * .88);column-gap:calc(var(--H) * .08);row-gap:calc(var(--H) * .72);padding:calc(var(--H) * .12) calc(var(--H) * .04) calc(var(--H) * 1.08)}
.sn-bank-h{grid-template-columns:repeat(2,calc(var(--H) * .86))}
.sn-bank-h::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--H) * -.2);width:calc(var(--H) * .18);background:linear-gradient(90deg,#246B77,#3A8A97 30%,#2C7986 70%,#1F5F6A);box-shadow:inset 1px 0 0 #ffffff26,2px 0 4px #04161b59,-2px 0 4px #04161b59}
.sn-spare{position:relative;display:block;background:linear-gradient(180deg,#113C45,var(--sn-hollow) 30%,var(--sn-hollow-2) 70%,#226B78 100%);box-shadow:inset 0 calc(var(--H) * .16) calc(var(--H) * .12) -4px #00000073}
.sn-card-t{position:absolute;inset:0;display:grid;place-items:center;font-style:italic;font-weight:560;font-size:max(10px,calc(var(--H) * .122));letter-spacing:-.01em;line-height:1;color:#123F49;white-space:nowrap;transform:perspective(60px) rotateX(-9deg)}
.sn-key-h .sn-card{left:6%;right:6%;height:30%;opacity:.95;background:linear-gradient(180deg,#E9E0CC,#F4EDDC 44%,#DCD2BC 45%,#EDE5D2 100%)}
.sn-cab::before{content:"";position:absolute;left:calc(var(--H) * -.07);right:calc(var(--H) * -.07);top:calc(var(--H) * -.14);height:calc(var(--H) * .14);background:linear-gradient(180deg,#3A8A97,#2C7986 30%,#256C78 100%);box-shadow:inset 0 1px 0 #ffffff38,0 3px 4px -1px #0000004d}
.sn-cab::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(165deg,#04181e42,#04181e00 45%),radial-gradient(60% 45% at 100% 100%,#ff966e29,#ff966e00)}
.sn-key{position:relative;display:block;overflow:hidden;outline-offset:2px;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;user-select:none;background:
repeating-linear-gradient(0deg,#f4efe40d 0 1px,transparent 1px 3px),
repeating-linear-gradient(90deg,#f4efe40d 0 1px,transparent 1px 3px),
linear-gradient(180deg,#113C45,var(--sn-hollow) 30%,var(--sn-hollow-2) 70%,#226B78 100%);box-shadow:inset 0 calc(var(--H) * .16) calc(var(--H) * .12) -4px #00000073,inset calc(var(--H) * .06) 0 calc(var(--H) * .08) -4px #00000047,inset calc(var(--H) * -.05) 0 calc(var(--H) * .06) -4px #00000033}
.sn-card{position:absolute;left:24%;right:24%;bottom:12%;height:26%;border-radius:1px;background:linear-gradient(180deg,#BDB4A0,#D6CDB9 44%,#B3A994 45%,#CBC1AC 100%);box-shadow:0 2px 3px #00000059;transform:perspective(60px) rotateX(9deg);transform-origin:50% 100%;opacity:.78}
.sn-key::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:max(var(--sn-kl,0),var(--sn-lit,0));transition:opacity .25s linear;background:radial-gradient(70% 60% at 50% 72%,#ffbea08c,#ff8a6647 45%,#ff8a6600 80%);mix-blend-mode:screen}
.sn-key:hover,.sn-key:focus-visible{--sn-lit:.55}
.spec-sconce #spec-main .sn-key:focus-visible{outline:2px solid var(--sn-cream);outline-offset:-2px;box-shadow:inset 0 0 0 4px #ff8a6673,inset 0 calc(var(--H) * .16) calc(var(--H) * .12) -4px #00000073;--sn-lit:1}
.sn-rail{position:absolute;left:0;right:0;height:calc(var(--H) * .6);top:calc(var(--H) * (1 + 1.6 * var(--i,0)));pointer-events:none;background:linear-gradient(180deg,#3B8B98,#2E7A87 6%,#2A7582 60%,#246B77 100%);box-shadow:inset 0 1px 0 #ffffff33,0 1px 0 #08242b80,0 5px 7px -3px #04161b8c}
.sn-rail:nth-of-type(2){--i:1} .sn-rail:nth-of-type(3){--i:2} .sn-rail:nth-of-type(4){--i:3}
.sn-counter{grid-column:1 / -1;grid-row:2;height:var(--sn-counter);position:relative;display:grid;grid-template-columns:subgrid;color:var(--sn-hollow)}
.sn-counter::before{content:"";position:absolute;inset:0 -100vw;z-index:0;background:
linear-gradient(180deg,#0a282e61 0,#0a282e00 7%),
linear-gradient(180deg,#E6DDCB,#F2ECDF 20%,#F7F3EA 44%,#CFC4AE 45%,#BDB19A 46.2%,#E7DFCD 47%,#E2D9C6 100%)}
.sn-counter::after{content:"";position:absolute;inset:56% -100vw 14%;z-index:0;border-block:1px solid #174e5929;box-shadow:inset 0 1px 0 #ffffff8c,0 1px 0 #ffffff8c}
.sn-counter.sn-clack::before{animation:sn-clack .14s linear}
@keyframes sn-clack{0%,100%{transform:none} 30%{transform:translateY(1px)} 65%{transform:translateY(-.5px)}}
.sn-desk{grid-column:5 / 13;position:relative;width:calc(var(--sn-h) * 7.9);height:100%}
.sn-mat{position:absolute;z-index:1;left:calc(var(--sn-h) * .3);width:calc(var(--sn-h) * 2.7);top:calc(var(--sn-counter) * .1);height:calc(var(--sn-counter) * .31);border-radius:2px;background:repeating-linear-gradient(90deg,#174e5909 0 1px,transparent 1px 4px),#E4D9C1;box-shadow:inset 0 0 0 1px #174e5940,inset 0 0 0 5px #E4D9C1,inset 0 0 0 6px #174e5924,0 1px 0 #ffffff99}
.sn-bell{position:absolute;z-index:4;left:calc(var(--sn-h) * 3.55);bottom:calc(var(--sn-counter) * .55 - 3px);transform:translateX(-50%);width:max(64px,calc(var(--sn-h) * .78));padding:0;border:0;background:none;cursor:pointer;min-height:44px;display:flex;align-items:flex-end}
.sn-bell svg{width:100%;height:auto;display:block;overflow:visible}
.sn-bell-knob{transition:transform .12s var(--sn-timber)}
.sn-bell:active .sn-bell-knob,.sn-bell.sn-ring .sn-bell-knob{transform:translateY(3px)}
.sn-deskcard{position:absolute;z-index:4;left:calc(var(--sn-h) * 4.3);top:calc(var(--sn-counter) * .1);width:max(170px,calc(var(--sn-h) * 2.2));padding:4px 12px 5px;border-radius:2px;background:var(--sn-paper);box-shadow:0 0 0 1px #174e5933,0 0 0 4px #D2B06A,0 0 0 5px #5a421c8c,0 3px 6px 4px #3c280a1f;display:flex;flex-direction:column;gap:1px;pointer-events:none}
.sn-dc-a{font-weight:600;font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sn-hollow);opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn-dc-b{font-style:italic;font-weight:400;font-size:1.0625rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sn-hollow)}
.sn-glow{position:absolute;z-index:2;right:calc(-60px - var(--sn-m));bottom:40%;width:calc(var(--sn-h) * 7);height:calc(var(--sn-h) * 4.6);pointer-events:none;background:radial-gradient(50% 50% at 78% 82%,#ff966e4d,#ff8a661a 50%,#ff8a6600 100%);mix-blend-mode:screen}
.sn-lamp{position:absolute;z-index:4;right:calc(16px - var(--sn-m));bottom:calc(var(--sn-counter) * .55 - 4px);width:clamp(140px,13vw,210px);aspect-ratio:200 / 250;pointer-events:none}
.sn-lamp-shade{position:absolute;left:0;right:0;top:0;height:44%;clip-path:polygon(19% 0,81% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#781e0a17 0 1px,transparent 1px 7px,#ffffff1f 7px 8px,transparent 8px 12px),radial-gradient(70% 90% at 50% 95%,#FFE6D8,#FFC0A4 30%,#FF9A78 60%,#F07B57 100%)}
.sn-lamp-shade::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5%;background:#c8503273}
.sn-lamp-stem{position:absolute;left:50%;width:7%;margin-left:-3.5%;top:43%;bottom:7%;background:linear-gradient(90deg,#6A5025,#C9A45E 35%,#FFE9BC 50%,#C9A45E 65%,#5B4420)}
.sn-lamp-stem::before{content:"";position:absolute;left:-90%;right:-90%;top:34%;height:9%;border-radius:40%;background:linear-gradient(90deg,#6A5025,#D9B872 45%,#FFF0CA 52%,#A8843F 80%)}
.sn-lamp-base{position:absolute;left:30%;right:30%;bottom:0;height:8%;border-radius:50% 50% 3px 3px / 70% 70% 3px 3px;background:linear-gradient(90deg,#5B4420,#C9A45E 40%,#FFE9BC 52%,#A8843F 75%,#4D3A1B);box-shadow:0 6px 10px -2px #3c1e0a59}
.sn-lamp::after{content:"";position:absolute;left:-40%;right:-40%;bottom:-12%;height:22%;background:radial-gradient(50% 50% at 50% 40%,#ffaa8280,#ffaa8200)}
.sn-keys{position:absolute;inset:0;z-index:3;pointer-events:none}
.sn-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.sn-tip{position:absolute;z-index:5;left:0;top:0;margin:0;translate:-50% 0;padding:5px 10px 5px 12px;border-radius:2px;pointer-events:none;white-space:nowrap;font-style:italic;font-weight:500;font-size:1rem;line-height:1.2;color:#123F49;background:var(--sn-paper);box-shadow:0 0 0 1px #174e5933,0 0 0 3px #D2B06A,0 6px 14px -4px #04161b99}
.sn-tip b{font-style:normal;font-weight:700;margin-right:6px;font-variant-numeric:lining-nums}
.sn-tip[hidden]{display:none}
.sn-wall{touch-action:pan-y}
.sn-wall.sn-carrying{cursor:grabbing}
.sn-wall.sn-over{cursor:grab}
.sn-poster,.sn-tags{display:none}
@media (scripting:none){.sn-wall .sn-board,.sn-wall .sn-cv,.sn-wall .sn-lamp,.sn-wall .sn-glow,.sn-wall .sn-deskcard,.sn-hint-js{display:none}
.sn-hint-nojs{display:block}
.sn-wall .sn-keys{position:relative;inset:auto;height:auto;margin:24px 0 0;grid-column:5 / 13;grid-row:1;align-self:end;pointer-events:auto;aspect-ratio:16 / 9;overflow:hidden}
.sn-wall .sn-poster{display:block;position:absolute;inset:0}
.sn-poster img{width:100%;height:100%;object-fit:cover;display:block}
.sn-wall .sn-keys::after{content:"";position:absolute;inset:0;background:#174e598c}
.sn-wall .sn-tags{display:grid;position:absolute;z-index:1;inset:auto 12px 12px;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.spec-sconce #spec-main .sn-tags a{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;min-height:44px;padding:6px 8px 6px 20px;position:relative;border-radius:3px;text-decoration:none;color:#123F49;font-size:.875rem;line-height:1.15;background:linear-gradient(180deg,#F6E4B4,#D3B06A);box-shadow:inset 0 1px 0 #fffae699,0 2px 4px #00000059}
.sn-tags a::before{content:"";position:absolute;left:7px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--sn-hollow)}
.sn-tags b{font-weight:600}
.spec-sconce #spec-main .sn-tag-h a{background:linear-gradient(180deg,#FFC4AC,#FF9A78);color:#0F3A44}
.sn-row:target .sn-row-no{text-shadow:0 0 18px #ff8a66e6}}
@media (scripting:none) and (max-width:1023px){.sn-wall .sn-keys{grid-column:1 / -1;grid-row:2;aspect-ratio:4 / 3} .sn-wall .sn-tags{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (scripting:none) and (max-width:760px){.sn-wall .sn-keys{aspect-ratio:auto;overflow:visible;display:flex;flex-direction:column;border-radius:3px;background:#174E59;box-shadow:inset 0 0 0 1px #9cc7c933} .sn-wall .sn-keys::after{display:none} .sn-wall .sn-poster{position:relative;inset:auto;aspect-ratio:4 / 5;max-height:min(60svh,480px);width:100%;overflow:hidden} .sn-poster img{object-position:50% 20%} .spec-sconce #spec-main .sn-wall .sn-tags{position:static;inset:auto;margin:0;padding:10px;grid-template-columns:repeat(2,minmax(0,1fr))} .sn-wall .sn-counter{position:relative}}
@media (scripting:none) and (min-width:520px) and (max-width:760px){.spec-sconce #spec-main .sn-wall .sn-tags{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sn-in{max-width:1360px;margin:0 auto;padding:0 var(--sn-m)}
.sn-sec{position:relative;padding:clamp(72px,9vw,168px) 0;scroll-margin-top:calc(var(--bar-h,40px) + var(--sn-nav))}
.sn-sec + .sn-sec::before,.sn-foot::before{content:"";position:absolute;top:0;left:max(var(--sn-m),calc(50vw - 680px + var(--sn-m)));right:max(var(--sn-m),calc(50vw - 680px + var(--sn-m)));height:1px;background:var(--sn-line)}
.sn-rooms{background:linear-gradient(180deg,#0a282e38,transparent 180px)}
.sn-head{max-width:62ch;margin-bottom:clamp(36px,4.4vw,72px)}
.sn-head-split{max-width:none;display:grid;gap:20px var(--sn-g)}
.sn-tag{display:flex;align-items:center;gap:12px;font-weight:600;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:22px;color:var(--sn-cream)}
.sn-fob{width:22px;height:34px;border-radius:11px;flex:none;position:relative;opacity:.8;background:radial-gradient(60% 45% at 42% 36%,#FFD2BF,#FF9C7C 45%,#FF8A66 70%,#D8603E);box-shadow:0 0 0 1.5px #C9A45E,0 0 16px #ff8a6666}
.sn-fob::before{content:"";position:absolute;left:50%;top:5px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#5A2A1A}
.sn-fob::after{content:"";position:absolute;inset:3px;border-radius:8px;border:1px solid #fbf6ecbf}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.sn-fob{animation:sn-fobglow linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
@keyframes sn-fobglow{from{opacity:.5}to{opacity:1}}}}
.sn-h2{font-weight:300;font-size:clamp(1.875rem,1.35rem + 2.15vw,3.25rem);line-height:1.06;letter-spacing:-.005em;text-wrap:balance}
.sn-h2:focus{outline:none}
.sn-lead{font-size:clamp(1.125rem,1.03rem + .38vw,1.375rem);font-weight:430;line-height:1.45;max-width:40ch}
.sn-head > .sn-lead,.sn-head > .sn-body{margin-top:22px}
.sn-body{max-width:62ch}
.sn-h3{font-weight:400;font-size:clamp(1.375rem,1.14rem + .95vw,1.875rem);line-height:1.15;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.sn-h3-n{font-weight:600;font-size:.8125rem;letter-spacing:.2em;text-transform:uppercase;font-style:normal;color:var(--sn-window-t)}
.sn-btag{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px 0 30px;position:relative;border:0;border-radius:3px;cursor:pointer;text-decoration:none;font:600 .8125rem/1.1 var(--sn-serif);letter-spacing:.14em;text-transform:uppercase;color:#123F49;white-space:nowrap;background:linear-gradient(180deg,#F6E4B4,#D9B872 44%,#BF9A52 58%,#D3B06A 100%);box-shadow:inset 0 1px 0 #fffae6b3,inset 0 -1px 0 #46321466,0 2px 0 #08242b59,0 8px 14px -8px #00000080;transition:transform .15s var(--sn-timber),filter .2s}
.sn-btag::before{content:"";position:absolute;left:11px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--sn-hollow);box-shadow:inset 0 1px 1px #00000099,0 1px 0 #fffae699}
.sn-btag:hover{filter:brightness(1.06)}
.sn-btag:active{transform:translateY(1px)}
.sn-btag .sn-ico{width:16px;height:16px}
.sn-btag b{font-weight:600}
.sn-reg-how{color:var(--sn-window-t);margin:-24px 0 36px;font-size:clamp(1.0625rem,1rem + .3vw,1.3125rem)}
.sn-reg,.sn-walk-grid,.sn-ask-grid{grid-template-columns:minmax(0,1fr)}
.sn-reg{display:grid;gap:clamp(56px,6vw,104px)}
.sn-reg-kind{display:grid;gap:24px var(--sn-g);align-items:start}
.sn-kind-fig{position:relative;margin:0;border-radius:2px;overflow:hidden;background:var(--sn-hollow);box-shadow:0 0 0 8px var(--sn-joinery),0 0 0 9px #08242b80,0 30px 50px -28px #000000b3}
.sn-kind-fig img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.sn-kind-cap{position:absolute;left:12px;bottom:10px;padding:4px 10px;border-radius:2px;background:#174e59c7;font-style:italic;font-size:.9375rem}
.sn-kind-note{color:var(--sn-window-t);font-style:italic;margin-top:6px;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem)}
.sn-reg-list{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,236px),1fr));gap:12px;padding:12px;border-radius:2px;background:repeating-linear-gradient(90deg,#ffffff05 0 2px,transparent 2px 6px),var(--sn-joinery);box-shadow:0 0 0 1px #0c323a73,0 26px 40px -26px #04161bb3}
.sn-row{position:relative;padding:16px 8px 0;border-radius:1px;background:linear-gradient(180deg,#0E353D,var(--sn-hollow) 40%,var(--sn-hollow-2));box-shadow:inset 0 14px 12px -6px #00000080;scroll-margin-top:calc(var(--bar-h,40px) + var(--sn-nav) + 40px)}
.sn-row-card{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);align-content:start;gap:4px 12px;min-height:100%;padding:14px 14px 16px 12px;border-radius:2px 2px 0 0;background:var(--sn-paper);color:var(--sn-hollow);box-shadow:0 -1px 0 #ffffff,0 -6px 10px -4px #00000059;transform:translateY(6px);transition:transform .35s var(--sn-timber),box-shadow .35s}
.sn-row:hover .sn-row-card,.sn-row:focus-within .sn-row-card,.sn-row:target .sn-row-card{transform:translateY(-6px);box-shadow:0 -1px 0 #ffffff,0 -12px 18px -6px #000000a6}
.sn-row-no{grid-row:1 / span 3;align-self:start;display:grid;place-items:center;width:30px;height:46px;margin-top:2px;border-radius:15px;font-weight:700;font-size:1rem;letter-spacing:0;color:#2A1A04;background:linear-gradient(90deg,#6A5025,#B8924F 28%,#F2DCA6 46%,#C9A45E 64%,#5E4620);box-shadow:inset 0 0 0 1px #3c280a66,0 2px 3px #00000040;text-shadow:0 1px 0 #fff4d680;position:relative;padding-top:8px}
.sn-row-no::before{content:"";position:absolute;top:6px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#3E2E12}
.sn-row:hover .sn-row-no,.sn-row:focus-within .sn-row-no,.sn-row:target .sn-row-no{box-shadow:inset 0 0 0 1px #3c280a66,0 0 14px #ff8a66b3}
.sn-row-name{justify-self:start;font-size:clamp(1.3125rem,1.14rem + .6vw,1.625rem);line-height:1.15;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .35s var(--sn-timber)}
.sn-row-name:hover,.sn-row-name:focus-visible{background-size:100% 1px}
.sn-row-name::after{content:"";position:absolute;inset:-16px -8px 0}
.sn-row-caps{font-weight:600;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:#2F6A74;line-height:1.35}
.sn-row-line{font-size:1.0625rem;line-height:1.45}
.sn-sheet{position:fixed;inset:var(--bar-h,40px) 0 0 0;z-index:800;display:grid;place-items:center;padding:clamp(16px,5vh,56px) clamp(16px,6vw,120px);background:#0a262db8;overscroll-behavior:contain}
.sn-sheet[hidden]{display:none}
.sn-sh-card{position:relative;width:min(1180px,100%);height:min(760px,100%);display:grid;grid-template-columns:7fr 5fr;overflow:hidden;border-radius:3px;color:var(--sn-cream);background:radial-gradient(80% 60% at 100% 100%,#ff8a6617,transparent 60%),var(--sn-petrol);box-shadow:0 0 0 1px #0c323a,0 0 0 7px var(--sn-joinery),0 0 0 8px #C9A45E99,0 40px 90px -20px #000000d9}
.sn-sh-card:focus{outline:none}
.sn-sh-fig{position:relative;margin:0;min-height:0;background:var(--sn-hollow);overflow:hidden}
.sn-sh-fig picture,.sn-sh-img{display:block;width:100%;height:100%}
.sn-sh-img{object-fit:cover}
.sn-sh-cap{position:absolute;left:16px;bottom:14px;padding:6px 12px;border-radius:2px;background:#174e59d9;font-style:italic;font-size:1rem}
.sn-sh-text{position:relative;min-height:0;overflow-y:auto;padding:clamp(18px,3vh,36px) clamp(20px,2.6vw,44px) 24px;display:flex;flex-direction:column}
.sn-sh-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.sn-sh-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--sn-line);border-radius:3px;background:#174e5980;color:var(--sn-cream);font:italic 460 1rem var(--sn-serif);cursor:pointer}
.sn-sh-back:hover{background:var(--sn-hollow)}
.sn-sh-no{font-weight:100;font-size:min(clamp(6rem,2rem + 11vw,15rem),19svh);line-height:.8;letter-spacing:-.03em;margin:0 calc(-1 * clamp(20px,2.6vw,44px)) 0 0;white-space:nowrap;text-align:right;transform:translateX(.1em);color:#FFF6EE;text-shadow:0 0 24px #ff8a664d}
.sn-sh-name{font-weight:400;font-style:italic;font-size:clamp(2rem,1.3rem + 2.2vw,3.5rem);line-height:1.05;margin-top:-.2em;position:relative}
.sn-sh-caps{font-weight:600;font-size:.8125rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sn-window-t);margin-top:14px}
.sn-sh-lines{margin-top:18px;border-top:1px solid var(--sn-line)}
.sn-sh-lines li{padding:7px 0 8px;line-height:1.42;border-bottom:1px solid var(--sn-line);max-width:52ch;line-height:1.5}
.sn-sh-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:18px}
.sn-sh-step{display:flex;gap:8px}
.sn-fobnum{position:absolute;z-index:6;pointer-events:none;font:700 12px/1 var(--sn-serif);color:#2A1A04;white-space:nowrap;translate:-50% -50%}
.sn-vt-room{view-transition-name:sn-room}
.sn-vt-num{view-transition-name:sn-num}
.sn-vt-dim{view-transition-name:sn-dim}
html.sn-vt::view-transition-old(root),html.sn-vt::view-transition-new(root){animation:none}
html.sn-vt::view-transition-group(*){animation-duration:.56s;animation-timing-function:cubic-bezier(.2,.7,.1,1)}
html.sn-vt-close::view-transition-group(*){animation-duration:.4s}
html.sn-vt-open::view-transition-old(sn-room),html.sn-vt-close::view-transition-new(sn-room){display:none}
html.sn-vt-open::view-transition-new(sn-room),html.sn-vt-close::view-transition-old(sn-room){animation:none}
.sn-btag-l{background:linear-gradient(180deg,#FBF8F1,#E9E1CF)}
.sn-btag-s{padding:0 12px 0 24px;font-size:.75rem;letter-spacing:.1em}
.sn-quiet{background:linear-gradient(180deg,#1A5864,#133D46)}
.sn-q-grid{display:grid;gap:clamp(36px,4vw,64px) var(--sn-g)}
.sn-q-win{position:relative;margin:0;overflow:hidden;border-radius:2px;background:#10323A;box-shadow:0 0 0 10px #2A7582,0 0 0 11px #0c323a80,0 30px 60px -30px #00000099}
.sn-q-pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.sn-q-pic{display:block;height:100%}
.sn-q-rain{position:absolute;inset:0 0 32% 38%;pointer-events:none;opacity:.55;transition:opacity 1.2s var(--sn-paperease);background:repeating-linear-gradient(103deg,transparent 0 13px,#e6f5fa29 13px 14px,transparent 14px 29px),repeating-linear-gradient(97deg,transparent 0 21px,#e6f5fa1a 21px 22px,transparent 22px 41px)}
.sn-q-shut .sn-q-rain{opacity:.12}
.sn-q-curtain{position:absolute;top:0;bottom:0;left:0;width:86%;transform:translateX(-104%);transition:transform .5s var(--sn-paperease);pointer-events:none;background:
repeating-linear-gradient(90deg,#78644600 0 18px,#78644629 30px,#ffffff38 42px,#7864460f 54px,#78644600 64px),
repeating-linear-gradient(0deg,#7864460f 0 1px,transparent 1px 3px),
repeating-linear-gradient(90deg,#7864460f 0 1px,transparent 1px 3px),
#f0e8d6f0;box-shadow:12px 0 30px #00000059}
.sn-q-curtain::after{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 20% 70%,#ffaa7838,transparent 70%)}
.sn-q-drawn .sn-q-curtain{transform:none}
.sn-q-cord{position:absolute;right:10px;top:0;height:58%;width:2px;background:var(--sn-window)}
.sn-q-cord::after{content:"";position:absolute;left:-5px;bottom:-14px;width:12px;height:16px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 35% 35%,#FFF1C8,#C9A45E 55%,#6A5025)}
.sn-caps{position:absolute;z-index:1;left:42%;right:5%;top:6%;height:60%;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;pointer-events:none}
.sn-cap{font-style:italic;font-size:clamp(1.0625rem,1rem + .3vw,1.3125rem);line-height:1.3;color:#FFF8EE;text-shadow:0 1px 2px #0a282ee6,0 0 16px #0a282ecc;animation:sn-drift 3s linear forwards}
@keyframes sn-drift{0%{opacity:0;translate:0 6px} 12%{opacity:var(--o,1)} 70%{opacity:var(--o,1)} 100%{opacity:0;translate:0 -12px}}
.sn-cap.sn-cap-stay{animation:none;opacity:1}
.sn-q-drawn .sn-cap{color:var(--sn-hollow);text-shadow:0 0 12px #f4efe4e6}
.sn-q-figcap{position:absolute;left:14px;bottom:12px;font-style:italic;font-size:.9375rem;padding:4px 10px;background:#174e59b3;border-radius:2px;z-index:1}
.sn-q-ctl{display:none;grid-template-columns:repeat(2,max-content);gap:10px;margin-bottom:32px}
.sn-q-live .sn-q-ctl{display:grid}
.sn-stop{background:linear-gradient(180deg,#FFB59A,#FF8A66 60%,#F07B57);color:#0F3A44;border-radius:22px}
.sn-sw b{font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;font-size:1rem}
.sn-latch{width:16px;height:5px;border-radius:3px;background:#6A5025;position:relative;transition:transform .24s var(--sn-timber)}
.sn-latch::after{content:"";position:absolute;left:-3px;top:-2px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF1C8,#8A6A30 70%)}
.sn-sw[aria-checked="true"] .sn-latch{transform:rotate(90deg)}
.sn-cordi{width:2px;height:20px;background:var(--sn-hollow);position:relative;transition:transform .3s var(--sn-timber);transform-origin:50% 0}
.sn-cordi::after{content:"";position:absolute;left:-4px;bottom:-6px;width:10px;height:10px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 35% 35%,#FFF1C8,#8A6A30 70%)}
.sn-sw[aria-pressed="true"] .sn-cordi{transform:translateY(4px)}
.sn-sw{padding-right:14px}
.sn-q-none{color:var(--sn-window-t);margin-bottom:20px}
.sn-resp{margin:0 0 44px;max-width:420px;background:var(--sn-paper);color:var(--sn-hollow);border-radius:2px;padding:14px 18px 14px;box-shadow:0 1px 0 #ffffff80 inset,0 16px 30px -18px #00000099;rotate:-.5deg}
.sn-resp-h{font-weight:600;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px}
.sn-resp-svg{display:block;width:100%;height:auto;overflow:visible}
.sn-mt-band{fill:none;stroke:#174e5926;stroke-width:14}
.sn-mt-hot{fill:none;stroke:#FF8A66;stroke-width:14;opacity:.55}
.sn-mt-tick{fill:none;stroke:#174E59;stroke-width:1.5;stroke-linecap:round}
.sn-mt-t{font:italic 460 15px var(--sn-serif);fill:var(--sn-hollow)}
.sn-needle{transform-origin:180px 170px;transform:rotate(78deg);transition:none}
.sn-needle path{fill:#174E59}
.sn-mt-hub{fill:url(#sn-g-dome);stroke:#7B5F2C;stroke-width:1}
.sn-resp-cap{font-size:1.125rem;margin-top:4px;line-height:1.35;min-height:2.7em}
.sn-pair{max-width:62ch;display:grid;gap:18px}
.sn-pair dt{font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);color:var(--sn-window-t)}
.sn-pair dd{margin:4px 0 0}
.sn-pill{position:fixed;right:16px;bottom:16px;z-index:700;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border:0;border-radius:24px;cursor:pointer;font:600 .8125rem var(--sn-serif);letter-spacing:.14em;text-transform:uppercase;color:#0F3A44;background:linear-gradient(180deg,#FFB59A,#FF8A66 60%,#F07B57);box-shadow:0 0 0 2px #f4efe499,0 10px 30px #ff8a6659,0 6px 16px #0000004d}
.sn-pill[hidden]{display:none}
.sn-ledger{background:radial-gradient(55% 45% at 82% 14%,#ffc9a6b3,#ffc9a600 70%),radial-gradient(90% 70% at 50% 60%,#f7ecd9,#f7ecd900 70%),linear-gradient(180deg,#EBDDC4,#E2D0B2)}
.sn-book{display:grid;gap:0;max-width:1080px;margin:0 auto}
.sn-leaf{display:grid;grid-template-columns:1fr 1fr;color:var(--sn-hollow);rotate:.6deg;margin-top:-12px;filter:drop-shadow(0 18px 24px #00000059)}
.sn-leaf:first-child{margin-top:0}
.sn-leaf:nth-child(even){rotate:-.6deg}
.sn-pg{position:relative;margin:0;min-height:100%;padding:clamp(28px,3.4vw,56px) clamp(24px,3.4vw,60px);background-color:var(--sn-cream)}
.sn-pg-l{border-radius:3px 0 0 3px;background-image:linear-gradient(90deg,transparent calc(100% - 28px),#0000001a),linear-gradient(90deg,transparent 58px,#1f64704d 58px 59px,transparent 59px);padding-left:clamp(76px,7vw,100px)}
.sn-pg-r{border-radius:0 3px 3px 0;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(270deg,transparent calc(100% - 28px),#0000001a),repeating-linear-gradient(180deg,transparent 0 31px,#9cc7c966 31px 32px)}
.sn-lf-time{position:absolute;left:clamp(14px,1.4vw,22px);top:clamp(30px,3.5vw,58px);width:48px;font-style:italic;font-size:1rem;line-height:1.2;color:var(--sn-joinery);text-align:right}
.sn-lf-h{font-weight:400;font-size:clamp(1.375rem,1.14rem + .95vw,1.875rem);line-height:1.15;margin:0 0 14px}
.sn-lf-p{line-height:32px;background:repeating-linear-gradient(180deg,transparent 0 31px,#9cc7c999 31px 32px)}
.sn-lf-sig{font-style:italic;margin-top:16px;font-size:1.25rem;text-align:right;padding-right:12%}
.sn-lf-pic{display:block;width:88%;rotate:-1.2deg;padding:8px 8px 22px;background:#FFFDF8;box-shadow:0 1px 2px #00000033,0 10px 18px -10px #00000059}
.sn-lf-pic img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}
.sn-pen{width:84%;height:auto;rotate:-1.2deg;fill:none;stroke:#1B4F5A;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sn-pen .sn-pen-thin{stroke-width:1.2;opacity:.75}
.sn-pen .sn-pen-card{stroke-width:1.6}
.sn-pen .sn-pen-route{stroke:#E4704B;stroke-width:3}
.sn-clip{position:absolute;z-index:2;left:50%;top:clamp(10px,1.6vw,26px);width:54px;height:26px;margin-left:-27px;border-radius:4px 4px 8px 8px;rotate:-1.2deg;background:linear-gradient(180deg,#F2DCA6,#C9A45E 45%,#8A6A30);box-shadow:inset 0 1px 0 #fffae6b3,0 3px 5px #0000004d}
.sn-clip::after{content:"";position:absolute;left:50%;top:7px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#FFF1C8,#6A5025 75%)}
.sn-book-ctl{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:40px}
.sn-book-ctl[hidden]{display:none}
.sn-pgno{font-style:italic;color:var(--sn-window-t);min-width:7.5em;text-align:center}
.sn-btag[disabled]{opacity:.45;cursor:default;filter:saturate(.4)}
.sn-book.sn-bookon{position:relative;display:block;aspect-ratio:1080 / 640;perspective:2600px}
.sn-bookon::before{content:"";position:absolute;inset:-14px -16px -18px;border-radius:6px;background:linear-gradient(90deg,#174E59,#1F6470 49.6%,#103C45 50%,#1F6470 50.4%,#174E59);box-shadow:0 30px 60px -20px #0000008c}
.sn-bookon .sn-leaf{position:absolute;inset:0;margin:0;rotate:none;filter:none;visibility:hidden;transform-style:preserve-3d}
.sn-bookon .sn-leaf.sn-cur,.sn-bookon .sn-leaf.sn-under{visibility:visible}
.sn-bookon .sn-leaf.sn-cur{z-index:2}
.sn-bookon .sn-leaf.sn-under{z-index:1}
.sn-bookon .sn-leaf.sn-top{z-index:3}
.sn-bookon .sn-pg{height:100%;overflow:hidden;backface-visibility:hidden}
.sn-bookon .sn-pg-l{transform-origin:100% 50%}
.sn-bookon .sn-pg-r{transform-origin:0 50%}
.sn-bookon .sn-pg::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0a282e80,#0a282e26);opacity:0;transition:opacity .35s}
.sn-bookon .sn-pg-l::after{background:linear-gradient(270deg,#0a282e80,#0a282e26)}
.sn-bookon .sn-fold-r{transform:rotateY(-90deg);transition:transform .35s cubic-bezier(.5,0,.9,.6)}
.sn-bookon .sn-fold-l{transform:rotateY(90deg);transition:transform .35s cubic-bezier(.5,0,.9,.6)}
.sn-bookon .sn-fold-r::after,.sn-bookon .sn-fold-l::after{opacity:1}
.sn-bookon .sn-pg.sn-unfold{transform:none;transition:transform .35s cubic-bezier(.1,.4,.5,1)}
.sn-downstairs{padding-bottom:clamp(72px,9vw,168px)}
.sn-dn{max-width:1360px;margin:0 auto;padding:0 var(--sn-m);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sn-g);align-items:start}
.sn-dn-fig{grid-column:1 / 9;grid-row:1;margin:0 0 0 calc(-1 * max(var(--sn-m),calc(50vw - 680px + var(--sn-m))))}
.sn-dn-fig img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}
.sn-menu-card{grid-column:8 / 12;grid-row:1;margin-top:clamp(40px,7vw,120px);position:relative;z-index:1;width:100%;max-width:440px;justify-self:center;background:var(--sn-paper);color:var(--sn-hollow);padding:40px 36px 36px;border-radius:2px;text-align:center;box-shadow:inset 0 0 0 10px var(--sn-paper),inset 0 0 0 11px #174e5980,inset 0 0 0 14px var(--sn-paper),inset 0 0 0 15px #174e5940,0 30px 50px -24px #00000099}
.sn-mc-mark svg{width:26px;height:30px}
.sn-svc{font-weight:600;font-size:.8125rem;letter-spacing:.24em;text-transform:uppercase;margin:22px 0 10px}
.sn-mc-mark + .sn-svc{margin-top:12px}
.sn-svc span{display:block;font-weight:400;font-style:italic;letter-spacing:0;text-transform:none;font-size:1rem;margin-top:2px;opacity:.85}
.sn-svc::after{content:"";display:block;width:28px;height:1px;margin:10px auto 0;background:#174e5966}
.sn-menu-card li{margin:5px 0;line-height:1.35}
.sn-menu-foot{margin-top:22px;font-size:1rem;line-height:1.45;padding-top:18px;border-top:1px solid #174e5940}
.sn-menu-cordial{margin-top:8px;padding-top:0;border:0}
.sn-walk-grid{display:grid;gap:40px var(--sn-g);align-items:start}
.sn-map{position:relative;margin:0;background:var(--sn-paper);border-radius:2px;padding:clamp(14px,2vw,28px);rotate:-.6deg;box-shadow:0 30px 50px -26px #00000099,0 0 0 1px #174e5926}
.sn-map::after{content:"";position:absolute;right:-22px;top:26px;width:150px;height:9px;rotate:32deg;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#2C2F2E 0 5%,#E8C9A0 5% 13%,#C9A45E 13% 90%,#F2DCA6 90% 93%,#8A6A30 93%);box-shadow:0 4px 6px #0000004d}
.sn-map-svg{display:block;width:100%;height:auto;color:#174E59}
.sn-m-pencil{fill:none;stroke:#2F5A62;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.sn-m-park{fill:#9cc7c947;stroke:none}
.sn-m-mkt{fill:none;stroke-width:2}
.sn-m-hatchbox{stroke:none;opacity:.5}
.sn-m-hl{stroke:#2F5A62;stroke-width:1}
.sn-m-inner{stroke-dasharray:4 5}
.sn-m-tram{stroke-width:1.2}
.sn-m-lane{stroke-dasharray:2 6;stroke-width:2}
.sn-m-tree{stroke-width:1.2}
.sn-m-lamps circle{fill:#F2DCA6;stroke:#7B5F2C;stroke-width:1}
.sn-m-route{fill:none;stroke:#F0764F;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.sn-m-route-b{stroke-width:2;stroke-dasharray:.02 .025;opacity:.8}
.sn-m-shade{fill:#FF8A66}
.sn-m-stem{stroke:#174E59;stroke-width:2}
.sn-m-marks circle{fill:var(--sn-paper);stroke:#174E59;stroke-width:1.4}
.sn-m-marks-t text{font:600 13px var(--sn-serif);fill:#174E59;text-anchor:middle;dominant-baseline:central}
.sn-m-label text{font:italic 400 19px var(--sn-serif);fill:#174E59;text-anchor:middle}
.sn-map-cap{margin-top:12px;color:var(--sn-hollow);font-style:italic;font-size:1rem;line-height:1.4}
.sn-route-io{transition:stroke-dashoffset 1.6s var(--sn-paperease)}
.sn-route-pre{stroke-dashoffset:1}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.sn-m-route:not(.sn-m-route-b){animation:sn-draw linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
@keyframes sn-draw{from{stroke-dashoffset:1} to{stroke-dashoffset:0}}}}
.sn-notes{display:grid;gap:22px}
.sn-notes li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:start}
.sn-notes b{font-weight:600;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:4px}
.sn-notes i{opacity:.92}
.sn-mk{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:.875rem;background:var(--sn-paper);color:var(--sn-hollow);box-shadow:0 0 0 1.5px #C9A45E}
.sn-house{background:#1B5A66}
.sn-slot-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.3vw,18px);padding:clamp(12px,1.3vw,18px);border-radius:2px;background:repeating-linear-gradient(90deg,#ffffff05 0 2px,transparent 2px 5px,#00000005 5px 6px,transparent 6px 11px),var(--sn-joinery);box-shadow:0 0 0 1px #0c323a73,0 40px 60px -30px #04161bb3,-18px 0 40px -24px #04161b80,18px 0 40px -24px #04161b80}
.sn-slot{position:relative;display:flex;padding:clamp(24px,2.6vw,38px) clamp(14px,1.7vw,26px) 0;background:linear-gradient(180deg,#0E353D,var(--sn-hollow) 34%,var(--sn-hollow-2) 72%,#226B78);box-shadow:inset 0 22px 18px -8px #00000085,inset 12px 0 16px -10px #00000059,inset -10px 0 14px -10px #00000040;perspective:1800px;perspective-origin:50% 78%}
.sn-slot::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(180deg,#04161b80,#04161b00 30%);transition:opacity .5s}
.sn-slot.sn-up{z-index:2}
.sn-slot.sn-up::after{opacity:.35}
.sn-nt{position:relative;flex:1;padding:26px 24px 30px;border-radius:1px 1px 0 0;background:linear-gradient(180deg,#EFE9DC,var(--sn-paper) 22%,var(--sn-paper) 60%,#F3EDE1);color:var(--sn-hollow);box-shadow:0 -1px 0 #fff,0 -8px 14px -6px #0000004d;transform-style:preserve-3d;transition:transform .5s var(--sn-timber),box-shadow .5s}
.sn-up .sn-nt{transform:translateY(-10px);box-shadow:0 -1px 0 #fff,0 22px 26px -12px #000000a6}
.sn-note-h{font-weight:400;font-size:1.5rem;line-height:1.15;margin-bottom:10px}
.sn-nt-x{line-height:1.55}
.sn-fold-b{all:unset;cursor:pointer}
.sn-fold-b::after{content:"";position:absolute;inset:0;z-index:5}
.spec-sconce #spec-main .sn-fold-b:focus-visible{outline:none}
.sn-slot:has(.sn-fold-b:focus-visible) .sn-nt{outline:2px solid var(--sn-coral);outline-offset:5px}
.sn-flap{position:absolute;inset:0;z-index:4;transform-origin:50% 100%;transform-style:preserve-3d;transition:transform .75s var(--sn-paperease);pointer-events:none}
.sn-flap > span{position:absolute;inset:0;backface-visibility:hidden;border-radius:1px}
.sn-flap-f{display:flex;flex-direction:column;gap:14px;padding:26px 24px;background:linear-gradient(180deg,#F1EBDE,var(--sn-paper) 24%,#F7F2E7 80%,#E2D9C5);box-shadow:inset 0 -1px 0 #c8bca2,inset 0 -8px 10px -8px #6b5a3a59}
.sn-flap-f b{align-self:start;padding-bottom:8px;font-weight:600;font-size:.6875rem;letter-spacing:.42em;text-transform:uppercase;border-bottom:1px solid #174e5966;box-shadow:0 3px 0 -2px #174e5933}
.sn-flap-f i{font-weight:400;font-size:1.5rem;line-height:1.15}
.sn-flap-f em{margin-top:auto;align-self:end;font-size:.9375rem;opacity:.7}
.sn-flap-b{transform:rotateX(180deg);background:linear-gradient(0deg,#EAE2D0,#C9BDA3 70%,#B5A88C);box-shadow:inset 0 -2px 0 #fffaf0}
.sn-up .sn-flap{transform:rotateX(-96deg)}
.sn-slot:not(.sn-up):hover .sn-nt{transform:translateY(-4px)}
.sn-ask{background:linear-gradient(180deg,var(--sn-petrol),#1B5966)}
.sn-ask-grid{display:grid;gap:48px var(--sn-g)}
.sn-hole{position:relative;padding:clamp(40px,5vw,72px) clamp(14px,3vw,44px) 0;border-radius:2px;background:repeating-linear-gradient(0deg,#f4efe40a 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#f4efe40a 0 1px,transparent 1px 3px),linear-gradient(180deg,#0F3840,var(--sn-hollow) 40%,#1B5966);box-shadow:0 0 0 14px var(--sn-joinery),0 0 0 15px #08242b66,inset 0 34px 30px -14px #0000008c,inset 16px 0 24px -14px #00000059;margin:14px 14px 0}
.sn-rc{position:relative;z-index:2;max-width:560px;margin:0 auto -48px;background:var(--sn-paper);color:var(--sn-hollow);border-radius:2px;padding:clamp(22px,3vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;box-shadow:0 1px 0 #ffffff99 inset,0 -14px 20px -10px #00000059,0 26px 40px -20px #00000099}
.sn-rc-t{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:2px solid var(--sn-hollow);padding-bottom:10px}
.sn-rc-t span{font-weight:600;font-size:.8125rem;letter-spacing:.42em;text-transform:uppercase}
.sn-rc-t i{font-size:1.25rem}
.sn-f{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;border:0;font-weight:600;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}
.sn-f em{font-weight:400;letter-spacing:.05em;text-transform:none;font-size:.9375rem}
.sn-f legend{padding:0;margin-bottom:8px}
.sn-f-w{grid-column:1 / -1}
.sn-in-t{width:100%;min-height:44px;border:0;border-bottom:1px solid #174e598c;border-radius:0;background:transparent;padding:6px 2px;color:var(--sn-hollow);font:italic 400 1.1875rem/1.4 var(--sn-serif);letter-spacing:0;text-transform:none}
textarea.sn-in-t{resize:vertical;min-height:80px;background:repeating-linear-gradient(180deg,transparent 0 30px,#174e594d 30px 31px);line-height:31px;border-bottom:0}
.sn-in-t::placeholder{color:#174e599e}
.spec-sconce #spec-main .sn-in-t:focus-visible{outline:2px solid var(--sn-hollow);outline-offset:2px;box-shadow:0 0 0 6px #ff8a664d}
.sn-step{display:flex;align-items:center;gap:8px}
.sn-nights{text-align:center;width:64px;-moz-appearance:textfield}
.sn-nights::-webkit-inner-spin-button,.sn-nights::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sn-stepb{width:44px;height:44px;flex:none;border:0;border-radius:3px;cursor:pointer;font:400 1.5rem/1 var(--sn-serif);color:#123F49;background:linear-gradient(180deg,#F6E4B4,#D9B872 44%,#BF9A52 58%,#D3B06A);box-shadow:inset 0 1px 0 #fffae6b3,0 2px 0 #08242b4d}
.sn-guests,.sn-kinds{flex-direction:row;flex-wrap:wrap;gap:8px}
.sn-guests legend,.sn-kinds legend{width:100%}
.sn-guests label,.sn-kinds label{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:22px;cursor:pointer;font:italic 400 1.0625rem var(--sn-serif);letter-spacing:0;text-transform:none;box-shadow:inset 0 0 0 1px #174e5966;transition:box-shadow .2s,background .2s}
.sn-guests input,.sn-kinds input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.sn-guests label:has(:checked),.sn-kinds label:has(:checked){background:#174e5914;box-shadow:inset 0 0 0 2px var(--sn-hollow)}
.sn-guests label:has(:focus-visible),.sn-kinds label:has(:focus-visible){outline:2px solid var(--sn-hollow);outline-offset:2px}
.sn-kf{width:10px;height:16px;border-radius:5px;flex:none;background:linear-gradient(90deg,#7B5F2C,#C9A45E 35%,#F2DCA6 50%,#C9A45E 65%,#6A5025);transition:box-shadow .25s}
.sn-kinds label:has(:checked) .sn-kf{background:radial-gradient(60% 45% at 42% 36%,#FFD2BF,#FF8A66 70%,#D8603E);box-shadow:0 0 10px 2px #ff8a668c}
.sn-kinds label i{font-style:italic}
.sn-guide{font-style:italic;font-size:1.125rem;line-height:1.45;padding:12px 14px;background:#174e590f;border-left:2px solid #C9A45E}
.sn-send-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.sn-send{background:linear-gradient(180deg,#F6E4B4,#D9B872 44%,#BF9A52 58%,#D3B06A)}
.sn-status{font-style:italic;font-size:1.0625rem;min-height:1.5em}
.sn-hole-rail{position:relative;z-index:1;height:64px;margin:0 calc(-1 * clamp(14px,3vw,44px)) 0;background:linear-gradient(180deg,#3B8B98,#2E7A87 6%,#2A7582 60%,#246B77);box-shadow:inset 0 1px 0 #ffffff33,0 5px 7px -3px #04161b8c}
.sn-hole-hook{position:absolute;right:16%;top:40px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF1C8,#C9A45E 60%,#6A5025);z-index:3}
.sn-hole-key{position:absolute;z-index:3;right:calc(16% - 16px);top:38px;width:32px;height:84px;transform-origin:50% 7%;opacity:0;filter:drop-shadow(2px 4px 3px #00000059)}
.sn-hole-key.sn-on{opacity:1;animation:sn-drop .22s cubic-bezier(.5,0,1,1)}
@keyframes sn-drop{from{translate:0 -40px}}
.sn-foot{position:relative;padding:80px 0 104px;text-align:center;background:#184F5A}
.sn-foot .sn-in{display:flex;flex-direction:column;align-items:center;gap:12px}
.sn-sign-foot{margin-bottom:18px}
.sn-foot-i{color:var(--sn-window-t)}
.sn-foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px;margin-top:18px}
.sn-foot-links a{display:inline-block;padding:10px 0;text-decoration:none;background:linear-gradient(var(--sn-line),var(--sn-line)) 0 calc(100% - 8px) / 100% 1px no-repeat}
@media (min-width:1024px){.sn-head-split{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}
.sn-head-split > :first-child{grid-column:1 / 7}
.sn-head-split > :last-child{grid-column:8 / 13}
.sn-q-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}
.sn-q-win{grid-column:1 / 6;aspect-ratio:2 / 3;max-height:860px;position:sticky;top:calc(var(--bar-h,40px) + var(--sn-nav) + 32px)}
.sn-q-text{grid-column:7 / 13}
.sn-walk-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
.sn-map{grid-column:1 / 9}
.sn-notes{grid-column:9 / 13;padding-top:24px}
.sn-ask-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}
.sn-ask-grid > .sn-head{grid-column:1 / 6}
.sn-hole{grid-column:6 / 13}}
@media (min-width:1024px) and (max-width:1180px){.sn-sh-card{grid-template-columns:55fr 45fr}
.sn-menu-card{grid-column:7 / 13}
.sn-dn-fig{grid-column:1 / 9}}
@media (min-width:761px) and (max-width:1023px){.sn-slot-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.sn-q-win{aspect-ratio:4 / 3}
.sn-q-pic img{object-position:50% 26%}
.sn-dn-fig{grid-column:1 / -1;margin-right:calc(-1 * var(--sn-m))}
.sn-menu-card{grid-column:3 / 11;grid-row:2;margin-top:-120px}}
@media (max-width:760px){.sn-head-split{display:block}
.sn-slot-list{grid-template-columns:1fr}
.sn-nt,.sn-flap-f{padding:22px 20px 26px}
.sn-head-split .sn-lead,.sn-head-split .sn-body{margin-top:20px}
.sn-reg-how{margin-top:-16px}
.sn-btag-l{background:none;box-shadow:inset 0 0 0 1px var(--sn-hollow)}
.sn-q-win{height:62svh}
.sn-q-ctl{display:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sn-q-live .sn-q-ctl{display:grid}
.sn-q-ctl .sn-btag{padding:0 10px 0 26px;min-height:48px;font-size:.75rem;letter-spacing:.1em;white-space:normal}
.sn-caps{left:30%}
.sn-leaf,.sn-leaf:nth-child(even){grid-template-columns:1fr}
.sn-pg-r{order:-1;border-radius:3px 3px 0 0;padding:36px 20px 16px;background-image:none}
.sn-pg-l{border-radius:0 0 3px 3px;background-image:linear-gradient(90deg,transparent 0 44px,#1f64704d 44px 45px,transparent 45px),repeating-linear-gradient(180deg,transparent 0 33px,#9cc7c98c 33px 34px);padding:20px 20px 28px 58px}
.sn-lf-time{left:0;width:40px;top:22px;font-size:.9375rem}
.sn-dn-fig{grid-column:1 / -1;margin-right:calc(-1 * var(--sn-m))}
.sn-dn-fig img{aspect-ratio:4 / 5}
.sn-menu-card{grid-column:1 / -1;grid-row:2;margin-top:-48px;padding:32px 22px 28px}
.sn-map{rotate:none;margin:0 -4px}
.sn-map::after{width:110px;right:-8px}
.sn-rc{grid-template-columns:1fr;margin-bottom:-40px}
.sn-hole{margin:10px 10px 0}}
@media (min-width:1024px) and (max-width:1279px){.sn-intro{grid-column:1 / 5}
.sn-board{grid-column:5 / 13}}
@media (max-width:1023px){.spec-sconce{--sn-h:clamp(46px,min(calc((100vw - 2 * var(--sn-m)) / 7.9),calc((100svh - 96px - var(--sn-counter) - 330px) / 7.02)),112px)}
.sn-wall{grid-template-rows:auto auto var(--sn-counter)}
.sn-intro{grid-column:1 / -1;grid-row:1;padding:36px 0 28px}
.sn-h1 .sn-l{display:inline}
.sn-board{grid-column:1 / -1;grid-row:2;justify-self:center}
.sn-counter{grid-row:3}
.sn-desk{grid-column:1 / -1;justify-self:center}
.sn-hint-top{margin-top:12px;max-width:none}}
@media (max-width:1023px) and (min-width:761px){.sn-lamp{width:88px}}
@media (max-width:760px){.spec-sconce{--sn-nav:48px;--sn-counter:64px;--sn-h:clamp(36px,min(calc((100vw - 2 * var(--sn-m)) / 5.84),calc((100svh - 88px - 64px - 250px) / 8.62)),70px)}
.sn-nav-in{gap:10px}
.sn-nav-list{display:none;position:absolute;top:100%;right:var(--sn-m);left:var(--sn-m);flex-direction:column;align-items:stretch;gap:0;padding:10px 16px 14px;background:var(--sn-hollow);box-shadow:inset 0 14px 16px -8px #00000073,0 12px 24px #0000004d;border:1px solid var(--sn-line);border-top:0}
.sn-nav.sn-open .sn-nav-list{display:flex}
.sn-nav-list li{border-bottom:1px solid var(--sn-line)}
.sn-nav-list li:last-child{border-bottom:0}
.sn-nav-list a{width:100%;justify-content:space-between;padding:12px 0;min-height:44px}
.sn-nav-ask a{border:0;padding:12px 0}
.sn-ask-m{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:.9375rem;white-space:nowrap}
.sn-nav-ask{display:none}
.sn-menu{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid var(--sn-line);border-radius:3px;background:none;color:var(--sn-cream);font:400 .9375rem var(--sn-serif);cursor:pointer;white-space:nowrap}
.sn-wall{grid-template-rows:auto auto auto}
.sn-intro{padding:18px 0 14px}
.sn-h1{font-size:clamp(1.75rem,1rem + 3.2vw,2.5rem)}
.sn-sub{margin-top:8px;font-size:1.0625rem;line-height:1.4}
.sn-sub-long{display:none}
.sn-sub-short{display:inline}
.sn-hint-top{margin-top:8px;font-size:1rem;line-height:1.35}
.sn-board{width:auto;justify-self:center}
.sn-sign{height:28px;font-size:.6875rem;letter-spacing:.34em;padding:0 14px 0 12px}
.sn-cab{flex-direction:column;gap:0}
.sn-bank{padding-bottom:calc(var(--H) * .72)}
.sn-bank-h{grid-template-columns:repeat(6,calc(var(--H) * .86));padding-top:0;padding-bottom:calc(var(--H) * 1.08)}
.sn-bank-h::before,.sn-spare-h,.sn-bank-h .sn-rail:nth-of-type(n+2){display:none}
.sn-bank-h .sn-rail{top:calc(var(--H) * .88)}
.sn-counter{position:sticky;bottom:0;display:block}
.sn-desk{width:auto;height:100%;justify-self:stretch}
.sn-mat{left:0;width:58%;top:6px;height:50px}
.sn-bell{left:auto;right:64px;transform:none;bottom:calc(var(--sn-counter) * .55 - 2px);width:52px}
.sn-deskcard{left:6px;top:9px;bottom:auto;width:calc(58% - 12px);padding:3px 8px;background:none;box-shadow:none;gap:0}
.sn-dc-a{font-size:.625rem;letter-spacing:.16em}
.sn-dc-b{font-size:1rem}
.sn-lamp{width:38px;right:10px;bottom:6px}
.sn-glow{display:none}
.sn-counter::after{display:none}
.sn-tip{font-size:.9375rem}}
@media (max-width:400px){.sn-brand-name{display:none}}
@media (max-width:760px) and (max-height:620px){.sn-h1{font-size:1.875rem}
.sn-hint-top{display:none}
.sn-counter{--sn-counter:56px;height:56px}}
@media (prefers-reduced-motion:reduce){.spec-sconce #spec-main *,.spec-sconce #spec-main *::before,.spec-sconce #spec-main *::after{transition:none !important;animation:none !important}}
@media (max-width:1023px){.sn-q-grid{grid-template-columns:minmax(0,1fr)}
.sn-q-text{display:contents}
.sn-q-text > .sn-head{order:-1;margin-bottom:0}
.sn-q-ctl,.sn-resp{margin-bottom:0}}
@media (max-width:760px){.sn-m-label text{font-size:30px}
.sn-m-marks circle{r:15px}
.sn-m-marks-t text{font-size:19px}}
@media (max-width:359px){.sn-q-ctl{grid-template-columns:minmax(0,1fr)}}

/* the building's light: night in the rooms, the lamp over the ledger, morning downstairs, sky for the walk */
.sn-light{color:var(--sn-hollow);--sn-line:#174e5933;--sn-window-t:#2A6470}
.sn-light .sn-tag{color:var(--sn-hollow)}
.sn-light.sn-sec::before,.sn-light + .sn-sec::before{display:none}
.spec-sconce #spec-main .sn-light :focus-visible{outline-color:var(--sn-hollow)}
.sn-downstairs{background:radial-gradient(70% 40% at 20% 0%,#fffaf0,#fffaf000 70%),linear-gradient(180deg,#F7F2E8,#EFE6D5)}
.sn-dn{position:relative}
.sn-dn::after{content:"";position:absolute;z-index:0;left:-100vw;right:-100vw;bottom:-96px;height:126px;background:linear-gradient(180deg,#0a282e33 0,#0a282e00 8%),linear-gradient(180deg,#D9CDB5,#E9E1CF 22%,#F3EEE3 46%,#CFC4AE 47%,#BDB19A 48.5%,#E0D7C4 49.5%,#D7CDB8 100%)}
.sn-dn-fig{position:relative;z-index:0}
.sn-menu-card{align-self:end;margin-bottom:-64px;z-index:2}
.sn-menu-card::after{content:"";position:absolute;left:14%;right:14%;bottom:-10px;height:12px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#3c2c1459,#3c2c1400);z-index:-1}
.sn-downstairs{padding-bottom:calc(clamp(72px,9vw,168px) + 72px)}
.sn-walk{background:radial-gradient(60% 50% at 80% 0%,#f4f8f6,#f4f8f600 70%),linear-gradient(180deg,#DDECEA,#C4DDDD)}
@media (min-width:761px){.sn-reg-kind{grid-template-columns:repeat(12,minmax(0,1fr))}
.sn-kind-fig{grid-column:1 / 6;position:sticky;top:calc(var(--bar-h,40px) + var(--sn-nav) + 28px)}
.sn-kind-fig img{aspect-ratio:4 / 5}
.sn-kind-body{grid-column:6 / 13}
.sn-reg-kind:nth-child(even) .sn-kind-fig{grid-column:8 / 13;grid-row:1}
.sn-reg-kind:nth-child(even) .sn-kind-body{grid-column:1 / 8;grid-row:1}}
@media (min-width:761px) and (max-width:1023px){.sn-sh-card{grid-template-columns:1fr;grid-template-rows:40% auto;overflow-y:auto}
.sn-sh-text{overflow:visible}
.sn-sh-no{font-size:min(10rem,18svh);margin-top:-.2em}}
@media (max-width:760px){.sn-sheet{padding:0}
.sn-sh-card{height:100%;border-radius:0;grid-template-columns:1fr;grid-template-rows:38svh auto;overflow-y:auto;box-shadow:none}
.sn-sh-text{overflow:visible;padding:14px 16px 0}
.sn-sh-no{font-size:6.5rem;margin:-.1em -16px 0 0}
.sn-sh-name{font-size:2.125rem}
.sn-sh-btns{position:sticky;bottom:0;margin:20px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--sn-cream);box-shadow:0 -10px 20px -10px #00000066;gap:8px}
.sn-sh-btns .sn-btag{flex:1 1 auto;justify-content:center}
.sn-reg-list{padding:8px;gap:8px}
.sn-card-t{display:none}
.sn-menu-card{margin-bottom:0}
.sn-dn::after{bottom:-60px;height:110px}}