:root{--cream:#f7f1e7;--ink:#171512;--brown:#945919;--muted:#62594e;--gold:#e5b75d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,'Times New Roman',serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #945919;outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;z-index:99;background:var(--cream);padding:12px}.skip:focus{top:12px}.header{height:clamp(86px,6.65vw,128px);padding:0 5.25%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #c5ae8e33;background:#f7f1e7ec;position:sticky;top:0;z-index:10;transition:height .4s,box-shadow .4s;backdrop-filter:blur(12px)}.header.scrolled{height:82px;box-shadow:0 3px 20px #6e4a1510}.brand{flex-shrink:0;text-align:center}.brand>span{font-family:'URW Chancery L','Brush Script MT','Segoe Script',cursive;font-style:italic;font-size:clamp(32px,3.5vw,65px);letter-spacing:-3px;line-height:1;position:relative;display:block}.brand svg{width:28px;height:38px;position:absolute;right:-16px;top:-10px;fill:#8a4e18;stroke:#8a4e18;stroke-width:1.5}.brand small{font-size:10px;letter-spacing:4px;display:block;margin-top:10px;margin-left:24px}.header nav{display:flex;align-items:center;gap:clamp(18px,2.3vw,42px);margin-left:4%}.header nav a,.header nav button{background:none;padding:10px 0;position:relative;font-size:clamp(16px,1.2vw,22px);white-space:nowrap}.header nav a:after,.header nav button:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--brown);transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav .active{color:var(--brown)}.header nav .active:after,.header nav a:hover:after,.header nav button:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:28px}.icon-button{background:none;display:grid;place-items:center;width:44px;height:44px}.search svg{width:28px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .3s}.search:hover svg{transform:scale(1.1)}.pill{background:linear-gradient(135deg,#eec879,#dfae51);border-radius:60px;display:inline-flex;align-items:center;justify-content:center;gap:26px;font-size:clamp(18px,1.3vw,24px);font-weight:600;padding:19px 34px;box-shadow:0 8px 24px #92601309;transition:transform .35s,box-shadow .35s}.pill span{font-size:32px;line-height:.7;font-weight:400;transition:transform .35s}.pill:hover{transform:translateY(-3px);box-shadow:0 10px 25px #92601326}.pill:hover span{transform:translateX(5px)}.menu{display:none}.hero{position:relative;min-height:calc(100svh - clamp(86px,6.65vw,128px));height:49.6vw;max-height:1100px;isolation:isolate;overflow:hidden}.scene{position:absolute;inset:0;z-index:-2;animation:scene-in 1.6s ease-out both}.environment{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.025) translate(var(--px,0px),var(--py,0px));transition:transform 1.2s ease-out}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f7f1e7 0%,#f7f1e7f2 16%,#f7f1e7b8 25%,#f7f1e720 40%,transparent 49%)}.hero-content{position:relative;margin-left:5.25%;padding-top:3.6vw;width:38%;z-index:2}.eyebrow{font-size:clamp(12px,1.08vw,20px);letter-spacing:clamp(4px,.5vw,9px);line-height:1.6;margin:0 0 16px}h1{font-size:clamp(48px,4.2vw,80px);font-weight:400;letter-spacing:-.045em;line-height:.95;margin:0}h1 span{display:block;white-space:nowrap}.accent{color:var(--brown)}.rule{width:80px;height:2px;background:var(--brown);margin:28px 0 18px}.description{font-size:clamp(17px,1.28vw,25px);line-height:1.3;color:#50483f;margin:0 0 24px}.explore{padding:23px 38px;gap:30px}.ritual{font-size:clamp(15px,1.13vw,21px);letter-spacing:2px;color:var(--muted);margin:24px 0 0;display:flex;gap:22px}.ritual span{color:#967957}.signature{font-size:clamp(10px,.75vw,14px);letter-spacing:4px;line-height:1.6;color:#866140;margin:7.5vw 0 25px}.quote{position:absolute;right:6.5%;top:3.3%;font-size:clamp(17px,1.2vw,23px);line-height:1.25;color:#7f481a;text-align:center}.quote span{display:block;width:52px;height:1px;background:#9a713e;margin:20px auto}.book{position:absolute;right:9%;top:18%;height:64%;width:25%;padding:0;background:none;transform:rotate(3deg) translate(var(--bx,0px),var(--by,0px));filter:drop-shadow(12px 16px 10px #24160d65);transition:transform 1.2s ease-out,filter .7s;animation:book-in 1.5s .4s both}.book img{width:100%;height:100%;object-fit:contain}.book:hover{transform:rotate(1deg) translateY(-7px);filter:drop-shadow(18px 23px 15px #24160d75)}.stone-note{position:absolute;right:3%;bottom:7%;font-size:clamp(15px,1.35vw,25px);font-style:italic;line-height:1.2;transform:rotate(7deg);color:#2e2319}.reveal{animation:reveal .9s both}.eyebrow.reveal{animation-delay:.1s}h1 span:nth-child(1){animation-delay:.2s}h1 span:nth-child(2){animation-delay:.3s}h1 span:nth-child(3){animation-delay:.4s}.rule.reveal{animation-delay:.5s}.description.reveal{animation-delay:.6s}.explore.reveal{animation-delay:.7s}.ritual.reveal{animation-delay:.8s}.signature.reveal{animation-delay:.9s}@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-in{from{opacity:0}to{opacity:1}}@keyframes book-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}dialog{width:min(600px,calc(100% - 32px));max-height:85svh;padding:48px;border:1px solid #ccb896;border-radius:4px;background:var(--cream);color:var(--ink);box-shadow:0 30px 100px #23160855}dialog::backdrop{background:#231b1266;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:12px;top:12px;font-size:30px}dialog h2{font-weight:400;font-size:42px;margin:12px 0 20px;line-height:1.05}dialog p{font-size:18px;line-height:1.6}dialog .eyebrow{font-size:11px}dialog input{width:100%;padding:14px;background:#fff9ef;border:1px solid #bba37f;font:inherit;font-size:18px}.preview{display:flex;gap:24px;align-items:center}.preview img{width:38%;height:240px;object-fit:contain}.preview h3{font-size:26px;font-weight:400}.preview p{font-size:16px}.preview .pill{font-size:16px;padding:14px 20px}.availability{font-size:14px!important;color:var(--muted)}.gallery-image{width:100%;height:auto;display:block}.search-result{display:block;border-bottom:1px solid #ccb896;padding:14px 0;background:none;text-align:left;width:100%}
@media(min-width:1921px){.hero-content{padding-top:70px}.signature{margin-top:120px}}@media(max-width:1250px){.header nav{gap:18px;margin-left:0}.header-actions{gap:12px}.buy{padding:17px 23px}.brand>span{font-size:38px}.brand small{font-size:8px;letter-spacing:3px}.hero{height:calc(100svh - 86px);min-height:650px}.hero-content{width:42%;padding-top:48px}h1{font-size:clamp(48px,4.8vw,63px)}.signature{margin-top:70px}.book{right:5%;width:29%;height:58%;top:25%}.quote{right:7%;top:5%}.stone-note{bottom:5%;right:3%}}
@media(max-width:1050px){.menu{display:flex;flex-direction:column;justify-content:center;gap:7px}.menu span{width:24px;height:1px;background:var(--ink);transition:transform .3s}.menu[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.header nav{position:absolute;top:100%;left:0;right:0;padding:24px 6%;background:var(--cream);display:flex;flex-wrap:wrap;justify-content:center;gap:15px 30px;border-bottom:1px solid #ccb896;visibility:hidden;opacity:0;transform:translateY(-8px);transition:.3s}.header nav.open{visibility:visible;opacity:1;transform:translateY(0)}.hero-content{margin-left:6%;width:48%}.description{font-size:18px}.scene:after{background:linear-gradient(90deg,#f7f1e7 0%,#f7f1e7e8 25%,#f7f1e799 40%,transparent 64%)}.book{right:3%;width:33%;top:30%;height:55%}.quote{right:6%;top:8%}.stone-note{display:none}}
@media(max-width:700px){.header,.header.scrolled{height:86px;padding:0 6%;gap:12px}.brand>span{font-size:34px}.brand small{font-size:7px;letter-spacing:2.7px}.brand svg{width:21px;right:-12px}.buy{display:none}.header-actions{gap:6px}.search svg{width:24px}.hero{height:auto;max-height:none;min-height:0;padding-bottom:420px}.hero-content{width:auto;margin:0;padding:36px 7% 0}.eyebrow{font-size:12px;letter-spacing:5px;margin-bottom:18px}h1{font-size:clamp(44px,9.7vw,67px);line-height:1.02}.rule{margin:25px 0 18px;width:58px}.description{font-size:18px;line-height:1.45;max-width:380px}.desktop-break{display:none}.explore{font-size:18px;padding:20px 29px}.ritual{font-size:15px;gap:18px;margin-top:22px}.signature{margin:25px 0 0;font-size:9px;letter-spacing:3px}.scene{top:auto;height:470px;bottom:0;inset-inline:0}.environment{object-position:58% center}.scene:after{background:linear-gradient(180deg,#f7f1e7 0%,#f7f1e7a6 10%,transparent 36%)}.book{height:285px;width:46%;right:4%;top:auto;bottom:45px}.quote{top:auto;bottom:330px;right:7%;font-size:17px}.quote span{margin-top:12px;width:35px}.hero-content:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at top left,#fffaf280,transparent 70%)}dialog{padding:35px 24px}dialog h2{font-size:35px}.preview{gap:15px}.preview img{height:200px}.preview h3{font-size:23px}}
@media(max-width:360px){.brand>span{font-size:29px}.brand small{font-size:6px}.header-actions{gap:0}.icon-button{width:39px}.hero-content{padding-inline:7%}h1{font-size:44px;letter-spacing:-.055em}.description{font-size:17px}.hero{padding-bottom:380px}.scene{height:425px}.book{height:255px;bottom:30px}.quote{bottom:300px;font-size:16px}.preview{flex-direction:column}.preview img{width:60%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.environment,.book{transform:none}}

/* Keep the overscan inside the atmospheric scene. */
.scene{overflow:hidden}
@media(max-width:700px){.hero{padding-bottom:470px}}
@media(max-width:360px){.hero{padding-bottom:425px}}