:root{--ivory:#f2e8d5;--brass:#cfa968;--red:#d8362b;--ink:#0c0705}*{box-sizing:border-box}html{background:var(--ink);color:var(--ivory);font-family:Inter,system-ui,sans-serif}body{margin:0}#world{position:fixed;inset:0;width:100%;height:100%;display:block}body:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(75deg,rgba(8,4,2,.82) 0%,rgba(8,4,2,.42) 34%,transparent 62%);transition:opacity .8s}html.reading body:after,html.reading .panel{opacity:0!important}#track{height:1200vh;pointer-events:none}h1,h2{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;line-height:1.02;margin:0;letter-spacing:-.01em}h1{font-size:clamp(2.8rem,6vw,5.6rem)}h2{font-size:clamp(2.4rem,5vw,4.6rem)}.brand{text-decoration:none;color:var(--ivory);position:fixed;top:calc(22px + env(safe-area-inset-top,0px));left:clamp(18px,3vw,40px);z-index:5;display:flex;flex-direction:column;align-items:center;font-family:Cormorant Garamond,serif}.brand b{font:500 30px/1 Inter,sans-serif;letter-spacing:-.02em}.brand b i{font-style:normal;color:var(--red)}.brand span{font-size:10px;letter-spacing:.42em;margin-top:5px;font-family:Inter;padding-left:.42em}.panel{position:fixed;left:clamp(18px,6vw,96px);bottom:clamp(30px,12vh,120px);max-width:min(680px,calc(100vw - 36px));z-index:4;opacity:0;transform:translateY(22px);transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none;text-shadow:0 2px 26px rgba(0,0,0,.85)}.panel.on{opacity:1;transform:none;pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--brass);margin:0 0 16px}.panel p.lead{font-size:1.05rem;line-height:1.6;margin:18px 0 0;max-width:46ch;color:#efe4d0}.panel ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.92rem;color:#e7dac2}.panel ul li:before{content:"";display:inline-block;width:14px;height:1px;background:var(--brass);vertical-align:middle;margin-right:8px}.hint{font-size:12px;letter-spacing:.14em;color:var(--brass);margin-top:20px}.contact{margin-top:18px;font-size:.95rem;line-height:1.7}.contact a{color:var(--ivory);text-underline-offset:3px}nav.dir{position:fixed;right:clamp(14px,2.6vw,36px);top:50%;transform:translateY(-50%);z-index:5;border:1px solid rgba(207,169,104,.5);border-radius:999px;padding:18px 9px;background:#0c070580;backdrop-filter:blur(8px);display:flex;flex-direction:column-reverse;gap:12px}nav.dir button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;width:28px;height:28px;border-radius:50%;font:500 11px Inter;color:var(--brass);transition:.3s}nav.dir button:focus-visible{outline:2px solid var(--ivory)}nav.dir button.on{background:var(--brass);color:var(--ink)}nav.dir button span{position:absolute;right:42px;white-space:nowrap;font-size:12px;letter-spacing:.06em;color:var(--ivory);opacity:0;transition:.25s;text-shadow:0 1px 10px #000}nav.dir button:hover span,nav.dir button.on span{opacity:1}#loader{position:fixed;inset:0;z-index:9;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}#loader em{font:italic 400 1.7rem Cormorant Garamond,serif}#loader div{width:min(260px,60vw);height:1px;background:#cfa96840}#bar{display:block;height:1px;background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform .25s}#pct{font-size:11px;letter-spacing:.2em;color:var(--brass)}#bookinfo{position:fixed;left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));transform:translate(-50%,10px);z-index:6;text-align:center;opacity:0;transition:.5s;pointer-events:none;width:min(90vw,520px)}#bookinfo.on{opacity:1;transform:translate(-50%)}#bookinfo strong{font:400 1.6rem Cormorant Garamond,serif;display:block}#bookinfo small{color:var(--brass);letter-spacing:.1em}#snd,#catbtn{all:unset;cursor:pointer;position:fixed;top:calc(26px + env(safe-area-inset-top,0px));z-index:8;font:500 11px Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ivory);padding:8px 2px}#snd{right:clamp(150px,14vw,190px)}#catbtn{right:clamp(18px,3vw,40px);display:flex;align-items:center;gap:6px}#catbtn i{display:block;width:2px;height:12px;background:var(--brass)}#cat{position:fixed;inset:0;z-index:7;display:flex;align-items:flex-end;justify-content:center;background:#08040200;pointer-events:none;transition:background .6s}#cat.on{pointer-events:auto;background:#080402b8}.drawer{width:min(760px,calc(100vw - 32px));padding:36px 28px 0;perspective:1200px;background:linear-gradient(#3a1a0e,#1f0d07);border:1px solid #6f4a25;border-bottom:0;border-radius:8px 8px 0 0;transform:translateY(102%);transition:transform .9s cubic-bezier(.16,.8,.2,1);box-shadow:0 -24px 80px #000}#cat.on .drawer{transform:none}.card{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:70px 1fr;gap:0 14px;width:100%;background:#efe4cd;color:#2a1a10;padding:14px 18px 22px;margin-bottom:-16px;border-radius:5px 5px 0 0;border-top:2px solid #b8342a;box-shadow:0 -3px 8px #0006;transform-origin:bottom;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.card:hover,.card:focus-visible{transform:translateY(-12px) rotateX(-4deg)}.card small{grid-row:span 2;font:500 12px Courier New,monospace;color:#8a2a20;padding-top:5px}.card b{font:500 1.5rem Cormorant Garamond,serif}.card span{font:400 .82rem Inter,sans-serif;color:#5b4632}#loader svg.bm{width:30px;display:none}html[data-ui=engraved] #loader svg.bm{display:block}html[data-ui=engraved] #loader div{display:none}.cue i{display:inline-block;width:1px;height:22px;background:linear-gradient(var(--red),transparent);margin-right:12px;vertical-align:-6px;animation:drop 2.2s infinite cubic-bezier(.6,0,.2,1);transform-origin:top}@keyframes drop{0%{transform:scaleY(0)}55%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}#write{all:unset;cursor:pointer;margin-top:18px;display:inline-block;font:500 12px Inter;letter-spacing:.18em;text-transform:uppercase;padding:13px 22px;border:1px solid var(--brass);color:var(--ivory);transition:.3s}#write:hover{background:var(--brass);color:var(--ink)}#letter{position:fixed;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;background:#060302b3;opacity:0;pointer-events:none;transition:opacity .6s;padding:16px}#letter.on{opacity:1;pointer-events:auto}#letter form{position:relative;width:min(560px,100%);background:#f1e6cf;background-image:repeating-linear-gradient(transparent 0 37px,#a8865022 37px 38px);color:#2b1a10;padding:34px clamp(22px,5vw,46px) 30px;box-shadow:0 30px 90px #000;transform:translateY(30px) rotate(-.7deg);transition:transform .8s cubic-bezier(.16,.8,.2,1);font:400 1.3rem/2 Cormorant Garamond,serif}#letter.on form{transform:rotate(-.7deg)}.lhead{display:flex;justify-content:space-between;font:500 11px Inter;letter-spacing:.14em;text-transform:uppercase;color:#8a2a20;margin:0 0 18px;gap:12px;flex-wrap:wrap}.ldear{font-style:italic;margin:0}#letter label{display:block}#letter input{all:unset;border-bottom:1px solid #2b1a1066;font:italic 1.3rem Cormorant Garamond,serif;color:#7c1f18;min-width:0;width:min(250px,100%)}#letter input::placeholder{color:#7c1f1866}#lclose{all:unset;cursor:pointer;position:absolute;right:16px;top:8px;font-size:22px}.lfoot{display:flex;align-items:center;gap:16px;margin-top:14px}#lmsg{font:400 12px Inter;color:#6a5238}.seal{all:unset;cursor:pointer;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d8483a,#8d1c14);color:#f6d9b8;text-align:center;line-height:62px;font:500 13px/62px Cormorant Garamond,serif;box-shadow:0 3px 8px #0007,inset 0 0 0 5px #a52a20;flex:none;transition:transform .3s}.seal:hover{transform:scale(1.07) rotate(-6deg)}@media(pointer:fine){html[data-ui=engraved],html[data-ui=engraved] button,html[data-ui=engraved] a{cursor:none}}#cur{position:fixed;left:0;top:0;width:26px;height:26px;margin:-13px 0 0 -13px;border:1px solid var(--brass);border-radius:50%;z-index:30;pointer-events:none;transition:width .25s,height .25s,margin .25s,background .25s}#cur.big{width:54px;height:54px;margin:-27px 0 0 -27px;background:#d8362b22}@media(pointer:coarse){#cur{display:none}}html[data-tone=light] .panel{color:#22130b;text-shadow:0 0 22px #fff8ee,0 0 6px #fff8ee}html[data-tone=light] .panel p.lead,html[data-tone=light] .panel ul,html[data-tone=light] .contact a{color:#22130b}html[data-tone=light] .eyebrow,html[data-tone=light] .hint{color:#7a5a24}html[data-tone=light] body:after{background:radial-gradient(120% 90% at 0% 100%,rgba(250,244,232,.96) 0%,rgba(250,244,232,.72) 40%,transparent 70%)}html[data-tone=light] .brand,html[data-tone=light] .brand b,html[data-tone=light] .brand span,html[data-tone=light] #snd,html[data-tone=light] #catbtn{color:#22130b!important}html[data-tone=light] #dial text{fill:#22130b}html[data-tone=light] #write{color:#22130b;border-color:#7a5a24}nav.lift{position:fixed;right:clamp(14px,2.4vw,32px);top:50%;transform:translateY(-50%);z-index:5;width:196px;padding:12px 12px 14px;display:flex;flex-direction:column;gap:6px;border-radius:7px;background:linear-gradient(115deg,#6d5228,#b8924f 18%,#8a6a35 40%,#c7a25d 58%,#7e5f2f 82%,#a98545);box-shadow:0 18px 50px #000b,inset 0 0 0 1px #e8cf9a88,inset 0 0 0 4px #3a260f55;transition:opacity .9s,transform .9s}nav.lift .rv{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f6e6bf,#8a6a35 65%,#4d3715);box-shadow:0 1px 1px #0008,inset 0 0 0 .5px #3a260f}nav.lift .rv.a{left:6px;top:6px}nav.lift .rv.b{right:6px;top:6px}nav.lift .rv.c{left:6px;bottom:6px}nav.lift .rv.d{right:6px;bottom:6px}nav.lift .ind{align-self:center;display:flex;align-items:center;background:#0b0604;border-radius:4px;padding:3px 14px;margin:2px 0 6px;font:500 24px/1.2 Courier New,monospace;color:#ffb347;text-shadow:0 0 10px #ff9a2a,0 0 2px #ffcc88;box-shadow:inset 0 1px 5px #000,0 1px #e8cf9a55;width:76px;justify-content:center;text-align:center}nav.lift button{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;padding:2px 0;color:#1d1007}nav.lift button b{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 16px Inter,sans-serif;color:#2a1a0b;background:radial-gradient(circle at 35% 28%,#f6e6bf,#c9a564 58%,#8c6a33);box-shadow:0 2px 4px #0009,inset 0 0 0 2px #6d5228,inset 0 0 0 3px #e8cf9a;transition:.3s}nav.lift button b svg{width:20px;fill:none;stroke:#2a1a0b;stroke-width:1.5}nav.lift button span{display:flex;align-items:center;gap:5px;font:600 11.5px/1.15 Inter,sans-serif;text-shadow:0 1px 0 #e8cf9a66}nav.lift button span svg{flex:none;width:15px;height:15px;fill:none;stroke:#1d1007;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}nav.lift button:hover b{filter:brightness(1.12)}nav.lift button:active b{transform:scale(.93)}nav.lift button:focus{outline:none}nav.lift button:focus-visible b{outline:1.5px solid #fff3cf;outline-offset:3px}nav.lift button.on b{color:#4a1f00;transform:translateY(1px) scale(.965);background:radial-gradient(circle at 50% 46%,#ffe6ae,#ffbe63 42%,#e4902f 74%,#b5651b);box-shadow:inset 0 3px 6px #6a3206cc,inset 0 -1px 2px #ffe6ae88,inset 0 0 0 2px #8a5416,0 0 0 1.5px #3a260f,0 1px 0 2px #e8cf9a66,0 0 16px 3px #ffae4d55;text-shadow:0 0 7px #fff3cf}html[data-lift=true] #snd{right:clamp(18px,3vw,40px)}html.outside nav.lift,html.outside .panel,html.outside .brand,html.outside #snd{opacity:0!important;pointer-events:none}html.outside body:after{opacity:0}.brand,#snd{transition:opacity 1s}#cform{background:#1b0d07f0;color:var(--ivory);border:1px solid #b8924f;outline:1px solid #b8924f55;outline-offset:5px;box-shadow:0 26px 70px #000c;padding:22px clamp(20px,3vw,32px) 20px;font:400 13px Inter,sans-serif;line-height:1.3;width:min(440px,100%);text-shadow:none}.panel.roof{bottom:auto;top:50%;transform:translateY(calc(-50% + 22px))}.panel.roof.on{transform:translateY(-50%)}#cform h2{font-size:2.2rem;margin:0 0 12px}#cform .eyebrow{margin:0 0 6px}#cform .lfoot{display:flex;align-items:center;gap:14px;margin-top:4px}#cform textarea{resize:none}#cform label{display:block;margin-bottom:12px;color:#d9c7a6;font-size:12px;letter-spacing:.03em}#cform input,#cform textarea{all:unset;box-sizing:border-box;display:block;width:100%;margin-top:5px;padding:9px 11px;background:#0e0704;border:1px solid #6d5228;color:var(--ivory);font:400 14px Inter,sans-serif}#cform input:focus,#cform textarea:focus{border-color:#e8c27a;box-shadow:0 0 0 1px #e8c27a}#cform #lmsg{font-size:12px;color:#b9a585}.send{all:unset;cursor:pointer;padding:11px 26px;font:600 12px Inter;letter-spacing:.16em;text-transform:uppercase;color:#2a1a0b;background:linear-gradient(115deg,#b8924f,#e6c989,#b8924f);flex:none}.send:hover{filter:brightness(1.1)}.send:focus-visible{outline:2px solid #fff}@media(max-width:760px){nav.lift{top:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));right:10px;left:10px;width:auto;transform:none;flex-direction:row;justify-content:space-between;padding:8px 10px;gap:4px}nav.lift .ind{display:none}nav.lift button{flex-direction:column;gap:3px;flex:1;min-width:0}nav.lift button b{width:36px;height:36px}nav.lift button span{font-size:8.5px;text-align:center;justify-content:center}nav.lift button span svg{display:none}nav.lift:before,nav.lift:after{display:none}html[data-lift=true] .panel{bottom:calc(112px + env(safe-area-inset-bottom,0px))}.panel.roof{top:auto;transform:translateY(22px)}.panel.roof.on{transform:none}}html[data-lift=true] .panel{max-width:min(620px,calc(100vw - 260px))}@media(max-width:760px){html[data-lift=true] .panel{max-width:calc(100vw - 36px)}}html.snap,html.snap body{overflow:hidden;height:100%}html.snap #track{display:none}#cform .hp{position:absolute!important;left:-9999px;width:1px;height:1px}#bookclose{all:unset;cursor:pointer;position:fixed;z-index:6;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 28%,#f6e6bf,#c9a564 58%,#8c6a33);box-shadow:0 3px 8px #000a,inset 0 0 0 2px #6d5228,inset 0 0 0 3px #e8cf9a;opacity:0;pointer-events:none;transform:scale(.8);transition:opacity .35s,transform .35s,filter .2s}#bookclose.on{opacity:1;pointer-events:auto;transform:none}#bookclose:hover{filter:brightness(1.12)}#bookclose:active{transform:scale(.93)}#bookclose:focus-visible{outline:2px solid #fff3cf;outline-offset:3px}#bookclose svg{width:18px;fill:none;stroke:#2a1a0b;stroke-width:2.2;stroke-linecap:round}#tip{position:fixed;left:0;top:0;z-index:7;pointer-events:none;font:400 1.25rem Cormorant Garamond,serif;color:var(--ivory);background:#0c0705cc;border:1px solid rgba(207,169,104,.5);padding:4px 12px;opacity:0;transition:opacity .25s;white-space:nowrap}#tip.on{opacity:1}.brand b .bm{display:inline-block;width:.15em;height:1.02em;margin:0 .05em;vertical-align:-.03em;background:var(--red);clip-path:polygon(0 0,100% 0,100% 44%,50% 36%,0 44%,0 48%,0 48%,100% 48%,100% 100%,0 100%)}.brand .med{display:flex;align-items:center;gap:7px;color:var(--ivory);letter-spacing:.3em;padding-left:0}.brand .med u{display:block;width:14px;height:1px;background:var(--red)}#dial{display:none}html[data-ui=engraved] #dial{display:block;position:fixed;right:clamp(14px,2.4vw,34px);bottom:clamp(14px,3vh,28px);width:clamp(150px,15vw,220px);z-index:5;filter:drop-shadow(0 2px 14px #000)}html[data-ui=engraved] .needle{transform:rotate(calc(-90deg + var(--p,0) * 180deg));transition:none}html[data-ui=engraved] nav.dir{top:auto;bottom:clamp(14px,3vh,28px);right:clamp(14px,2.4vw,34px);transform:none;width:clamp(150px,15vw,220px);height:clamp(80px,9vw,130px);flex-direction:row;border:0;background:none;backdrop-filter:none;padding:0;gap:0;opacity:0;z-index:6}html[data-ui=engraved] nav.dir button{flex:1;height:100%;width:auto;border-radius:0}html[data-ui=engraved] .panel{transition:opacity .6s}html[data-ui=engraved] .panel h1,html[data-ui=engraved] .panel h2{transform:translateY(40%);opacity:0;clip-path:inset(0 0 100% 0);transition:transform 1.1s cubic-bezier(.16,.8,.2,1),opacity .8s,clip-path 1.1s cubic-bezier(.16,.8,.2,1)}html[data-ui=engraved] .panel.on h1,html[data-ui=engraved] .panel.on h2{transform:none;opacity:1;clip-path:inset(-10% 0 -20% 0)}html[data-ui=engraved] .eyebrow:after{content:"";display:block;height:1px;width:0;background:var(--brass);margin-top:12px;transition:width 1.4s .2s cubic-bezier(.16,.8,.2,1)}html[data-ui=engraved] .panel.on .eyebrow:after{width:74px}html[data-ui=engraved] body:after{background:radial-gradient(120% 90% at 0% 100%,rgba(8,4,2,.8) 0%,rgba(8,4,2,.3) 44%,transparent 66%)}#dbg{position:fixed;left:8px;top:8px;z-index:20;font:11px monospace;background:#000a;padding:3px 6px}#loader[hidden]{display:none}html.flat #world,html.flat nav.dir,html.flat #track{display:none}html.flat body:after{display:none}html.flat .panel{position:static;opacity:1;transform:none;max-width:none;padding:12vh 24px 0;text-shadow:none}@media(prefers-reduced-motion:reduce){.panel{transition:none}}@media(max-width:640px){nav.dir{top:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));right:50%;transform:translate(50%);flex-direction:row;padding:7px 12px}nav.dir button span{display:none}.panel{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}