@font-face{font-family:Manrope;src:url(assets/body.woff2) format('woff2');font-weight:400 800;font-display:swap}@font-face{font-family:Fraunces;src:url(assets/display.woff2) format('woff2');font-weight:400 500;font-display:swap}
:root{--ink:#233c34;--muted:#657168;--paper:#faf9f4;--moss:#e4e9db;--teal:#286f70;--rust:#a04f33;--line:#d5dacd;--pad:clamp(22px,5vw,84px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 Manrope,sans-serif}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:0}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon{width:22px;height:22px;flex:none}h1,h2,h3,p{margin:0}em{font-family:Fraunces,serif;font-weight:400;font-style:italic}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--rust);outline-offset:6px}[hidden]{display:none!important}.skip{position:fixed;top:-80px;z-index:100;background:white;padding:14px}.skip:focus{top:0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;line-height:1.5}.topline{height:33px;background:var(--moss);padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.6px}.topline a{display:flex;align-items:center;gap:10px}.topline svg{width:15px;height:15px}.header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;background:#faf9f4f2;backdrop-filter:blur(16px);height:88px;padding:0 var(--pad);border-bottom:1px solid var(--line)}.brand img{width:155px;height:auto;mix-blend-mode:multiply}.header nav{display:flex;gap:35px}.header nav a{font-size:13px;font-weight:600;position:relative}.header nav a:after{content:'';height:1px;position:absolute;bottom:-5px;left:0;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;gap:20px;align-items:center}.icon-button{display:grid;place-items:center;width:42px;height:42px;background:transparent;border:1px solid var(--line);border-radius:50%}.icon-button svg{width:19px;height:19px}.shop-link{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.menu-toggle{display:none}.mobile-menu{position:fixed;inset:88px 0 0;z-index:29;background:var(--paper);padding:50px var(--pad);height:calc(100dvh - 88px);overflow:auto}.mobile-menu nav{display:flex;flex-direction:column;gap:24px}.mobile-menu nav>a{font:36px/1.2 Fraunces,serif}.mobile-menu .menu-phone{font:15px Manrope;margin-top:30px}
.hero{overflow:hidden;position:relative;padding:42px var(--pad) 30px;background:linear-gradient(180deg,var(--paper) 70%,#eef0e6)}.hero-heading{text-align:center;position:relative;z-index:2}.hero-heading .eyebrow{color:var(--muted)}h1{font:400 clamp(72px,9.6vw,154px)/1.13 Fraunces,serif;letter-spacing:-5px;margin:14px 0 4px}h1 em{color:var(--teal)}.heading-flight{width:75px;height:58px;stroke:var(--rust);margin-left:12px;vertical-align:top;transform:rotate(-15deg);stroke-width:1.3}.hero-scene{display:grid;grid-template-columns:1fr 1.8fr 1fr;align-items:center;gap:18px;max-width:1500px;margin:auto;min-height:440px}.hero-copy{position:relative;z-index:3;padding-top:10px}.hero-copy p{max-width:245px;font-size:15px;line-height:1.85;margin:20px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:15px 24px;font-size:12px;font-weight:700;transition:background .25s,transform .25s}.button.primary{background:var(--teal);color:white;border-radius:3px}.button.primary:hover{background:#204f50;transform:translateY(-3px)}.hero-copy .button{padding:15px 18px;gap:14px;font-size:11px}.text-link{display:inline-flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);background:none;font-size:12px;font-weight:600}.text-link:hover{color:var(--rust);border-color:var(--rust)}.hero-copy>.text-link{margin-top:12px}.hero-note{margin-top:33px;color:var(--muted);font-size:12px;line-height:1.6}.hero-note em{font-size:20px;color:var(--ink)}.book-world{height:445px;position:relative;perspective:1200px;isolation:isolate}.scene-word{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font:italic 150px Fraunces;color:#d7ddcd;letter-spacing:-9px;z-index:-3;pointer-events:none}.scene-paper{position:absolute;width:230px;height:260px;top:70px;left:calc(50% - 90px);background:linear-gradient(135deg,#fff 20%,#e9e9df);border:1px solid #e5e7dc;box-shadow:0 15px 35px #233c3409;z-index:-2;transform:rotate(22deg);border-radius:0 0 70% 0;animation:paper-turn 9s ease-in-out infinite}.paper-two{transform:rotate(-28deg);left:calc(50% - 160px);animation-delay:-4s}.stage-book{position:absolute;display:block;padding:0;background:none;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,.8,.2,1),opacity .4s;filter:drop-shadow(12px 20px 13px #26382827)}.stage-book img{width:100%;height:auto;border-radius:1px 4px 4px 1px}.front{width:210px;left:calc(50% - 105px);top:35px;z-index:4;transform:rotate(-7deg) rotateY(-17deg);animation:book-float 7s ease-in-out infinite}.front:before{content:'';position:absolute;left:0;top:0;width:9px;height:100%;background:linear-gradient(90deg,#0004,transparent);z-index:2;pointer-events:none}.book-pages{position:absolute;inset:3px -15px 3px 5px;background:repeating-linear-gradient(90deg,#e5e1ce 0 1px,#fffdf4 1px 3px);transform:translateZ(-12px);border-radius:3px;box-shadow:2px 1px 0 #d4cfbd}.front:hover{animation-play-state:paused;transform:rotate(-3deg) rotateY(-25deg) translateY(-12px)}.back-left{width:144px;top:123px;left:calc(50% - 224px);z-index:2;transform:rotate(-21deg) rotateY(15deg);animation:side-float 8s ease-in-out infinite}.back-right{width:148px;top:133px;left:calc(50% + 83px);z-index:1;transform:rotate(18deg) rotateY(-18deg);animation:side-float 8s ease-in-out -3s infinite}.back-left:hover,.back-right:hover{animation-play-state:paused;translate:0 -14px}.floating-caption{position:absolute;bottom:35px;left:0;width:100%;text-align:center;font:italic 17px Fraunces;color:var(--muted)}#motion-toggle{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:none;color:var(--muted);font-size:10px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;padding:6px}.hero-picks{padding-left:24px;border-left:1px solid var(--line);position:relative;z-index:5}.feature-controls{margin-top:20px}.feature-controls>button{display:flex;align-items:center;gap:13px;width:100%;background:none;border-bottom:1px solid var(--line);text-align:left;padding:15px 0;line-height:1.5;font-size:13px;transition:padding .3s,color .3s}.feature-controls>button>span:nth-child(2){flex:1}.pick-number{font:italic 15px Fraunces;color:#879380}.feature-controls small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.feature-controls svg{width:16px;height:16px;opacity:0;transform:translateX(-8px);transition:.3s}.feature-controls [aria-pressed=true]{color:var(--rust);padding-left:8px}.feature-controls [aria-pressed=true] svg{opacity:1;transform:none}.feature-label{margin-top:20px}.feature-label strong{display:none}.feature-label .text-link{font-size:10px}.chapter-line{display:flex;justify-content:space-between;padding:22px var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.2px}.chapter-line i{font-style:normal;padding:0 18px;color:var(--rust)}.chapter-line>span:first-child{color:var(--muted)}
.section{padding:90px var(--pad)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}h2{font:400 clamp(36px,4.5vw,67px)/1.13 Fraunces,serif;letter-spacing:-1.8px}h2 em{color:var(--teal)}.section-heading h2{margin-top:16px}.section-heading p{font-size:12px;color:var(--muted);padding-bottom:6px}.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);margin-bottom:40px}.tabs{display:flex;gap:30px}.tabs button{background:none;padding:14px 0;font-size:12px;border-bottom:2px solid transparent;color:var(--muted)}.tabs button.active{border-color:var(--teal);color:var(--ink);font-weight:700}.catalog-search{display:flex;align-items:center;gap:10px}.catalog-search svg{width:17px}.catalog-search input{border:0;background:none;max-width:175px;font-size:12px;padding:8px;outline-offset:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 32px}.product-visual{position:relative;display:flex;align-items:center;justify-content:center;height:340px;background:#ecefe6;overflow:hidden;border-radius:4px;perspective:900px}.product:nth-child(3n+2) .product-visual{background:#f0e9df}.product:nth-child(3n) .product-visual{background:#e7edeb}.product-visual:before{content:'';position:absolute;inset:auto 12% 35px;height:12px;background:#43544118;filter:blur(9px);border-radius:100%}.product-visual img{max-width:70%;max-height:76%;width:auto;height:auto;object-fit:contain;box-shadow:8px 12px 15px #233c3420;transition:transform .65s cubic-bezier(.22,.8,.2,1),box-shadow .65s}.product-visual:hover img{transform:translateY(-10px) rotateY(-15deg) rotate(-3deg);box-shadow:16px 20px 25px #233c342b}.product-visual>button{position:absolute;inset:0;background:none}.quick-label{position:absolute;bottom:18px;right:18px;display:grid;place-items:center;width:40px;height:40px;background:var(--paper);border-radius:50%;transition:transform .3s}.quick-label svg{width:18px;height:18px}.product-visual:hover .quick-label{transform:rotate(-30deg)}.product-info{display:flex;justify-content:space-between;gap:15px;margin-top:18px}.product h3{font-size:14px;font-weight:650;line-height:1.4;max-width:210px}.product-title{font:inherit;text-align:left;background:none;padding:0;line-height:inherit}.product-title:hover{color:var(--rust)}.product-meta{font-size:10px;color:var(--muted);margin-top:6px}.product-price{white-space:nowrap;font-size:13px;font-weight:600}.catalog-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-top:45px;font-size:12px;color:var(--muted)}
.story{background:var(--moss);position:relative;overflow:hidden}.story-top{display:flex;justify-content:space-between;gap:20px}.story-tag{font-size:11px}.story h2{margin:42px 0;font-size:clamp(38px,5.25vw,80px);line-height:1.2;max-width:1300px}.story-bottom{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:40px}.story-sign{display:flex;align-items:center;gap:25px}.story-sign img{width:145px;mix-blend-mode:multiply}.story-sign span{font-size:11px;line-height:1.8;border-left:1px solid #c4cdb9;padding-left:25px}.story-bottom p{max-width:525px;font-size:14px;color:#536257}.story-words{display:flex;gap:35px;margin-top:45px;padding-top:25px;border-top:1px solid #c4cdb9;font-size:11px;letter-spacing:.7px}.story-words span:before{content:'↗';margin-right:13px;color:var(--rust)}.visit{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.visit-visual{position:relative}.photo-open{position:relative;padding:0;background:none;width:100%;overflow:hidden;border-radius:5px}.photo-open>img{width:100%;aspect-ratio:4/4.4;object-fit:cover;object-position:center;transition:transform 1s}.photo-open:hover>img{transform:scale(1.04)}.photo-label{position:absolute;bottom:0;left:0;right:0;padding:50px 25px 25px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(transparent,#183629b8);color:white;font-size:12px}.visit-visual blockquote{margin:0;position:relative;background:var(--paper);padding:25px 30px 0 0;font:italic 22px/1.5 Fraunces;max-width:430px}.visit-visual cite{display:block;font:10px Manrope;color:var(--muted);margin-top:15px}.visit-copy h2{margin:20px 0 28px}.visit-copy p{font-size:14px;color:var(--muted);margin:14px 0;max-width:420px}.visit-places{display:flex;gap:18px;margin:25px 0 35px;color:var(--teal);font-size:10px}.visit-places span{border-bottom:1px solid var(--line);padding-bottom:6px}.visit-detail{display:table;margin-top:14px;font-size:10px}.newsletter{border-top:1px solid var(--line);background:#f1e9df;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px}.newsletter h2{margin-top:18px}.newsletter h2 em{color:var(--rust)}.newsletter-intro p{font-size:12px;margin-top:25px;color:var(--muted)}.newsletter-paper{background:#fffdf8;padding:45px 35px;position:relative;transform:rotate(-2deg);box-shadow:10px 15px 0 #e4d9ca;border:1px solid #e3d8c9}.postmark{position:absolute;right:28px;top:-25px;border:1px solid var(--rust);padding:10px;font-size:8px;letter-spacing:1px;line-height:1.5;text-align:center;color:var(--rust);background:#fffdf8;transform:rotate(10deg)}#newsletter-form>label{font-size:11px}.email-row{display:flex;border-bottom:1px solid var(--ink);margin:12px 0 20px}.email-row input{width:100%;min-width:0;border:0;background:none;font-size:20px;padding:12px 0}.email-row button{background:none;width:50px;flex:none}.email-row svg{width:24px;height:24px}.consent{display:flex;gap:10px;align-items:center}.consent input{accent-color:var(--teal)}.form-note{display:block;font-size:10px;color:var(--muted);margin-top:14px}.footer{padding:60px var(--pad) 20px;background:var(--paper)}.footer-top{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:35px}.footer-top>p{font:32px/1.3 Fraunces;letter-spacing:-.5px}.footer-top>div{display:flex;flex-direction:column;align-items:start;gap:12px}.footer-phone{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.footer-contact{background:none;padding:0;font-size:12px;border-bottom:1px solid var(--line)}.footer-top>div>span{font-size:10px;color:var(--muted);margin-top:6px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin-top:55px;padding-top:20px;font-size:9px;color:var(--muted)}
dialog{border:0;border-radius:5px;color:var(--ink);background:var(--paper);padding:0;max-height:90dvh;max-width:calc(100vw - 30px);overflow:auto}dialog::backdrop{background:#20382bd1;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:18px;top:18px;z-index:3;background:var(--paper)}.product-dialog[open]{display:grid;grid-template-columns:1fr 1fr;width:850px}.product-dialog-image{background:var(--moss);display:grid;place-items:center;padding:50px}.product-dialog-image img{width:auto;height:auto;max-height:390px;box-shadow:10px 15px 20px #233c342a}.product-dialog-copy{padding:75px 45px 50px}.product-dialog-copy h2{font-size:38px;margin:18px 0}.product-dialog-copy p{font-size:13px;color:var(--muted);margin-bottom:20px}.product-dialog-copy strong{display:block;font-size:21px;margin-bottom:24px}.contact-dialog{width:540px;padding:50px}.contact-dialog h2{font-size:38px;margin:20px 0 25px}.contact-dialog label{display:block;font-size:12px;margin:14px 0}.contact-dialog input,.contact-dialog textarea{display:block;width:100%;border:1px solid var(--line);background:white;padding:12px;margin-top:6px;border-radius:2px}.photo-dialog{width:950px}.photo-dialog>img{width:100%;height:auto}#empty-state{padding:30px;color:var(--muted)}.book-switch{animation:book-enter .9s cubic-bezier(.22,.8,.2,1),book-float 7s .9s ease-in-out infinite}.motion-paused *{animation-play-state:paused!important}.motion-paused .stage-book,.motion-paused .product-visual img{transition:none}
@keyframes book-float{0%,100%{transform:translateY(0) rotate(-7deg) rotateY(-17deg)}50%{transform:translateY(-13px) rotate(-4deg) rotateY(-10deg)}}@keyframes side-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes paper-turn{0%,100%{translate:0 0}50%{translate:8px -10px;rotate:5deg}}@keyframes book-enter{0%{opacity:.15;transform:translateX(90px) rotate(15deg) rotateY(-40deg)}100%{opacity:1;transform:translateX(0) rotate(-7deg) rotateY(-17deg)}}
@media(min-width:1500px){.hero-scene{min-height:490px}.book-world{height:480px}.front{width:240px;left:calc(50% - 120px)}.back-left{width:165px;left:calc(50% - 255px)}.back-right{width:165px;left:calc(50% + 110px)}}
@media(max-width:1100px){.header nav{gap:20px}.header-actions{gap:12px}.hero-scene{grid-template-columns:1fr 1.65fr .95fr;gap:8px}.hero-copy p{font-size:13px}.hero-picks{padding-left:15px}.feature-controls>button{font-size:11px}.feature-controls small{font-size:9px}.front{width:185px;left:calc(50% - 92px);top:55px}.back-left{width:120px;left:calc(50% - 180px)}.back-right{width:120px;left:calc(50% + 65px)}.hero-copy .button{font-size:10px;gap:6px;padding:12px}.visit,.newsletter{gap:40px}.product-visual{height:290px}.heading-flight{width:55px}.product-grid{gap:35px 22px}}
@media(max-width:1000px){html{scroll-padding-top:88px}.header nav{display:none}.header{height:76px}.brand img{width:132px}.menu-toggle{display:grid}.mobile-menu{inset:76px 0 0;height:calc(100dvh - 76px)}.topline{height:29px}.topline>a{display:none}.topline{justify-content:center}.header-actions{gap:10px}.hero{padding-top:32px}h1{font-size:clamp(62px,10.5vw,88px);letter-spacing:-3px}.heading-flight{width:42px;height:40px;margin-left:5px}.hero-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-scene{grid-template-columns:1fr 1.4fr;gap:30px}.hero-copy{order:1}.book-world{order:2;height:370px}.hero-picks{order:3;grid-column:1/-1;display:flex;align-items:center;gap:15px;border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.hero-picks>.eyebrow{display:none}.feature-controls{display:flex;gap:20px;margin:0;flex:1}.feature-controls>button{border:0;padding:8px 0;font-size:11px}.feature-controls [aria-pressed=true]{padding-left:0}.feature-controls svg{display:none}.feature-label{margin:0}.feature-label .text-link{font-size:10px;max-width:110px;line-height:1.5}.front{width:185px;left:calc(50% - 92px);top:30px}.back-left{width:105px;left:calc(50% - 165px);top:100px}.back-right{width:110px;left:calc(50% + 58px);top:110px}.scene-word{font-size:100px;letter-spacing:-5px}.scene-paper{width:170px;height:220px;left:calc(50% - 75px);top:45px}.paper-two{left:calc(50% - 110px)}.floating-caption{font-size:14px;bottom:35px}.hero-note{margin-top:22px}.chapter-line>span:first-child{display:none}.chapter-line{justify-content:center;font-size:9px}.chapter-line i{padding:0 12px}.section{padding:65px var(--pad)}.section-heading{align-items:start}.section-heading p{max-width:170px;font-size:11px}.product-grid{grid-template-columns:repeat(2,1fr)}.story-bottom{grid-template-columns:1fr 1.1fr;gap:25px}.story-sign{display:block}.story-sign span{display:block;border:0;padding:15px 0 0}.story-words{gap:20px;font-size:9px}.visit{gap:30px}.visit-copy h2{font-size:36px}.visit-copy p{font-size:12px}.visit-copy .button{font-size:10px;padding:14px}.visit-places{gap:10px;font-size:9px}.visit-visual blockquote{font-size:18px}.newsletter{gap:30px}.newsletter h2{font-size:36px}.newsletter-paper{padding:35px 22px}.footer-top{grid-template-columns:1fr 1.2fr}.footer-top>p{font-size:28px}.footer-top>div{grid-column:2}.product-dialog-copy{padding:70px 30px 35px}.product-dialog-image{padding:30px}}
@media(max-width:700px){.header-actions .search-toggle{display:none}.shop-link{font-size:11px;gap:7px}.shop-link .icon{width:18px}.header{height:72px}.brand img{width:125px}.icon-button{width:38px;height:38px}.mobile-menu{inset:72px 0 0;height:calc(100dvh - 72px)}.mobile-menu nav>a{font-size:31px}.hero{padding-top:28px}.hero-heading .eyebrow{font-size:7px;letter-spacing:1px;max-width:270px;display:block;margin:auto}h1{font-size:clamp(47px,12.5vw,68px);letter-spacing:-2.5px;margin-top:14px;white-space:nowrap}.heading-flight{display:none}.hero-scene{display:flex;flex-direction:column;gap:0}.book-world{order:1;width:100%;height:365px;margin-top:12px}.front{width:180px;left:calc(50% - 90px);top:20px}.back-left{width:105px;left:calc(50% - 163px);top:100px}.back-right{width:105px;left:calc(50% + 60px);top:110px}.scene-word{font-size:105px}.hero-copy{order:3;width:100%;text-align:center;margin-top:22px;padding-top:0}.hero-copy>.eyebrow,.hero-note{display:none}.hero-copy p{font-size:13px;max-width:330px;margin:0 auto 20px;line-height:1.8}.hero-copy .button{font-size:11px;padding:15px 20px;gap:15px}.hero-copy>.text-link{display:table;margin:10px auto 0;font-size:10px}.hero-picks{order:2;width:100%;display:block;padding-top:10px}.feature-controls{gap:12px}.pick-number{display:none}.feature-controls>button{font-size:10px;align-items:start;flex:1;min-width:0;position:relative;padding:10px 0}.feature-controls small{font-size:8px;line-height:1.6}.feature-controls [aria-pressed=true]:before{content:'';height:2px;position:absolute;top:0;left:0;width:100%;background:var(--rust)}.feature-label{text-align:center;margin-top:10px}.feature-label .text-link{max-width:none;font-size:10px}.chapter-line{padding:17px 15px;font-size:8px;letter-spacing:.5px}.chapter-line i{padding:0 8px}.section{padding:55px var(--pad)}h2{font-size:38px;letter-spacing:-1.3px}.section-heading{display:block;margin-bottom:25px}.section-heading p{max-width:none;margin-top:20px;line-height:1.7}.catalog-tools{display:block;margin-bottom:25px}.tabs{gap:22px}.tabs button{font-size:10px}.catalog-search{border-top:1px solid var(--line);padding:5px 0}.catalog-search input{max-width:none;width:100%}.product-grid{gap:30px 15px}.product-visual{height:220px}.product-visual img{max-width:74%;max-height:77%}.product-info{display:block;margin-top:12px}.product h3{font-size:12px;line-height:1.5}.product-price{display:block;margin-top:8px;font-size:12px}.product-meta{font-size:9px}.quick-label{width:29px;height:29px;bottom:10px;right:10px}.quick-label svg{width:14px;height:14px}.catalog-bottom{display:block;margin-top:30px;font-size:10px}.catalog-bottom .text-link{display:table;margin-top:10px;font-size:11px}.story-top{display:block}.story-tag{display:block;margin-top:10px;font-size:10px}.story h2{font-size:39px;margin:25px 0 30px}.story h2 br{display:none}.story-bottom{display:flex;flex-direction:column;align-items:start;gap:25px}.story-sign{display:flex;gap:18px}.story-sign img{width:120px}.story-sign span{padding:0;font-size:10px}.story-bottom p{font-size:12px}.story-words{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px;font-size:9px}.story-words span:before{margin-right:6px}.visit{display:flex;flex-direction:column;gap:38px}.visit-visual,.visit-copy{width:100%}.photo-open>img{aspect-ratio:4/3.5}.visit-visual blockquote{font-size:21px;padding-top:20px}.visit-copy h2{font-size:40px}.visit-copy p{font-size:13px}.visit-copy .button{font-size:11px;padding:15px 20px}.visit-places{font-size:10px;gap:20px}.newsletter{display:block}.newsletter h2{font-size:40px}.newsletter-paper{margin-top:45px;padding:35px 25px}.email-row input{font-size:18px}.footer{padding-top:45px}.footer-top{display:flex;flex-direction:column;gap:28px}.footer-top>p{font-size:31px}.footer-bottom{flex-wrap:wrap;font-size:8px;margin-top:35px;gap:12px}.footer-bottom>span:nth-child(2){order:3;width:100%}.product-dialog[open]{display:block;width:440px}.product-dialog-image{height:280px;padding:35px}.product-dialog-image img{max-height:220px;max-width:80%;width:auto}.product-dialog-copy{padding:30px}.product-dialog-copy h2{font-size:32px}.contact-dialog{padding:40px 25px}.contact-dialog h2{font-size:32px}.dialog-close{right:12px;top:12px}}
@media(max-width:360px){.header{padding:0 18px}.brand img{width:111px}.header-actions{gap:8px}.front{width:160px;left:calc(50% - 80px)}.back-left{width:93px;left:calc(50% - 143px)}.back-right{width:93px;left:calc(50% + 50px)}.book-world{height:340px}.product-visual{height:190px}.tabs{gap:15px}.tabs button{font-size:9px}.story h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene-paper{display:none}}
.header nav{gap:45px;align-items:center}.header nav a{font-size:14px;line-height:1.4}.header nav a span{display:block;font-size:7px;letter-spacing:1.4px;color:var(--muted);margin-bottom:5px}.header .shop-link{border:1px solid var(--teal);padding:9px 17px;border-radius:30px;color:var(--teal)}.hero{height:calc(100svh - 121px);min-height:540px;display:flex;flex-direction:column;padding-top:30px;padding-bottom:25px}.hero-heading{flex:none}.hero-scene{width:100%;flex:1;min-height:0}.book-world{height:100%;max-height:460px;min-height:300px}.hero-copy .button{background:none;color:var(--ink);padding:0 0 10px;border-bottom:1px solid var(--ink);border-radius:0;justify-content:space-between;width:100%;font:400 22px/1.25 Fraunces;gap:10px;text-align:left;max-width:255px;min-height:0}.hero-copy .button svg{width:35px;height:35px;background:var(--rust);color:white;border-radius:50%;padding:8px}.hero-copy .button:hover{background:none;color:var(--rust);transform:none}.hero-copy>.text-link{border:0;color:var(--muted);font-size:10px}.front{top:calc(50% - 160px)}.back-left{top:calc(50% - 80px)}.back-right{top:calc(50% - 70px)}.square-book{top:calc(50% - 120px)}.hero-note{margin-top:25px}.story-words span:before{content:'';display:inline-block;width:9px;height:9px;border-top:1px solid var(--rust);border-right:1px solid var(--rust);transform:rotate(-5deg)}
@media(min-width:1500px){.front{top:calc(50% - 180px)}.square-book{top:calc(50% - 130px)}}
@media(max-width:1100px){.header nav{gap:25px}.hero-copy .button{font-size:20px}.front{top:calc(50% - 150px)}.square-book{top:calc(50% - 115px)}}
@media(max-width:1000px){.hero{height:calc(100svh - 105px);min-height:620px;padding-top:25px}.hero-heading{margin-bottom:10px}.hero-scene{grid-template-rows:1fr auto}.hero-picks{padding-top:10px;align-self:end}.book-world{min-height:300px}.hero-copy .button{font-size:22px}.hero-note{margin-top:22px}.front{top:calc(50% - 145px)}.square-book{top:calc(50% - 110px)}}
@media(max-width:700px){.hero{height:calc(100svh - 101px);min-height:0;padding-top:18px;padding-bottom:16px}.hero-heading{margin-bottom:0}h1{margin-bottom:0}.hero-scene{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(160px,1fr) 75px 120px;gap:0}.book-world{height:100%;min-height:0;max-height:none;margin:0;order:0}.hero-picks{order:0;align-self:center}.hero-copy{order:0;margin-top:0}.hero-copy p{font-size:11px;line-height:1.7;max-width:310px;margin-bottom:10px}.hero-copy .button{font-size:22px;min-height:0;max-width:285px;width:auto;gap:18px;padding-bottom:8px}.hero-copy .button svg{width:30px;height:30px}.hero-copy>.text-link{font-size:9px;margin-top:4px;padding:0}.front{width:min(175px,23svh);left:50%;margin-left:calc(min(175px,23svh) / -2);top:calc(50% - min(130px,17svh))}.back-left{width:min(100px,14svh);left:calc(50% - min(150px,21svh));top:calc(50% - 50px)}.back-right{width:min(100px,14svh);left:calc(50% + min(65px,8svh));top:calc(50% - 45px)}.square-book{top:calc(50% - min(100px,13svh))}.floating-caption{bottom:22px;font-size:12px}#motion-toggle{bottom:0;font-size:8px}.scene-paper{height:160px;width:140px;top:calc(50% - 85px)}.scene-word{font-size:100px}.feature-controls>button{font-size:9px}.feature-controls small{font-size:8px}.feature-label{margin-top:4px}.feature-label .text-link{font-size:9px;padding:3px 0}.header .shop-link{padding:7px 10px;font-size:10px}.header-actions{gap:8px}}
@media(max-height:740px) and (min-width:801px){.hero{min-height:0;padding-top:15px;padding-bottom:12px}h1{font-size:90px;margin-top:8px}.book-world{min-height:280px}.hero-note{display:none}.hero-copy p{margin:10px 0 16px}.hero-picks .feature-controls{margin-top:8px}.feature-controls>button{padding:10px 0}.feature-label{margin-top:10px}.front{width:165px;left:calc(50% - 82px);top:calc(50% - 125px)}.back-left{width:110px;left:calc(50% - 170px);top:calc(50% - 55px)}.back-right{width:110px;left:calc(50% + 60px);top:calc(50% - 50px)}}
@media(max-height:720px) and (max-width:700px){.hero-scene{grid-template-rows:minmax(140px,1fr) 65px 100px}.hero{padding-top:12px;padding-bottom:10px}h1{font-size:46px;margin-top:8px}.hero-heading .eyebrow{font-size:6px}.floating-caption{display:none}.hero-copy p{font-size:10px;margin-bottom:8px}.hero-copy .button{font-size:20px}.scene-word{font-size:85px}.feature-controls small{font-size:7px}.feature-controls>button{font-size:8px}.book-world{min-height:0}.front{top:calc(50% - 100px)}}
.book-pages{inset:3px -13px 3px auto;width:15px;transform:none;z-index:0}.front>img{position:relative;z-index:1}.front:before{z-index:2}
@media(max-width:700px){.book-world{grid-row:1}.hero-picks{grid-row:2}.hero-copy{grid-row:3}}
@media(max-width:700px){.hero-scene{grid-template-rows:minmax(150px,1fr) 95px 115px}.hero-picks{align-self:stretch}.floating-caption{display:none}#motion-toggle{bottom:6px}.hero-copy p{font-size:10px}.feature-label{margin-top:6px}}
@media(max-height:720px) and (max-width:700px){.hero-scene{grid-template-rows:minmax(130px,1fr) 85px 100px}.front{top:calc(50% - 95px)}.feature-label{margin-top:0}.hero-copy p{font-size:9px}.hero-copy .button{font-size:19px}}
@media(max-width:700px){h1{font-size:11vw}#motion-toggle{top:5px;bottom:auto;right:0;left:auto;transform:none;font-size:7px}.hero-picks{padding-top:7px}.feature-controls>button{padding-bottom:6px}.feature-label .text-link{padding:0}.hero-copy{align-self:center}}

@media(min-width:1001px){.header{display:grid;grid-template-columns:1fr auto 1fr;gap:30px}.header>.brand{grid-column:2;grid-row:1}.header>nav{grid-column:1;grid-row:1;justify-self:start;gap:30px}.header-actions{grid-column:3;grid-row:1;justify-self:end}.header nav a{font-size:12px}}
@media(min-width:701px) and (max-width:1000px){.hero{min-height:0}.hero-scene{grid-template-columns:1fr 1.5fr}.front{width:220px;left:calc(50% - 110px);top:calc(50% - 170px)}.back-left{width:135px;left:calc(50% - 195px)}.back-right{width:135px;left:calc(50% + 75px)}.book-world{min-height:300px;max-height:none}.floating-caption{bottom:32px}.hero-picks .feature-controls>button{font-size:13px}.hero-picks .feature-controls small{font-size:10px}}
.scene-paper{top:calc(50% - 120px)}
.header{display:flex;gap:35px;background:#faf9f4ed}.header>.brand{margin-right:auto}.header>nav{gap:30px}.header nav a{font-size:14px}.header-actions{margin-left:10px}.hero{isolation:isolate;display:block;min-height:0;padding:25px var(--pad) 30px;background:#f7f6ed url(assets/story-landscape.webp) center/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 85% 22%,#fff9e1b3,transparent 42%),radial-gradient(ellipse at 15% 15%,#fffdf7,transparent 50%);animation:story-light 14s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-scene{height:100%;display:grid;grid-template-columns:.85fr 1.45fr;grid-template-rows:1fr auto;gap:0 30px;position:relative}.hero-copy{grid-column:1;grid-row:1/3;align-self:center;max-width:460px;z-index:4;padding:0}.hero-heading{text-align:left;margin:0}.hero-heading .eyebrow{font-size:10px;color:#537266;max-width:none;margin:0}.hero h1{font-size:clamp(58px,6.3vw,100px);line-height:1.09;letter-spacing:-3.8px;margin:22px 0 0;white-space:normal}.heading-flight{display:none}.hero-copy p{max-width:310px;margin:28px 0;font-size:15px;line-height:1.8}.hero-copy .button{max-width:300px;font-size:25px}.hero-copy>.text-link{display:table;font-size:12px;margin-top:15px}.hero-note{margin-top:35px;font-size:12px}.book-world{grid-column:2;grid-row:1;order:0;min-height:0;max-height:none;height:100%;align-self:stretch}.front{width:min(300px,32svh);left:50%;margin-left:calc(min(300px,32svh) / -2);top:calc(50% - min(215px,23svh));filter:drop-shadow(15px 25px 18px #26382835)}.back-left{width:min(210px,24svh);left:calc(50% - min(320px,35svh));top:calc(50% - 105px)}.back-right{width:min(205px,23svh);left:calc(50% + min(130px,14svh));top:calc(50% - 100px)}.square-book{top:calc(50% - min(165px,18svh))}.scene-paper,.scene-word,.floating-caption{display:none}#motion-toggle{top:12px;right:0;bottom:auto;left:auto;transform:none;font-size:10px;color:#4c675c;padding:5px 8px}.hero-picks{grid-column:2;grid-row:2;border:0;padding:12px 0 0;display:block;align-self:end;z-index:5}.hero-picks>.eyebrow{display:none}.feature-controls{display:flex;gap:22px;margin:0;border-top:1px solid #8fa59b66}.feature-controls>button{flex:1;min-width:0;border:0;padding:14px 0;font-size:12px;position:relative;align-items:start}.feature-controls small{font-size:10px}.feature-controls>button>span{flex:1}.feature-controls svg{display:none}.feature-controls [aria-pressed=true]{padding-left:0;color:#86472f}.feature-controls [aria-pressed=true]:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:var(--rust)}.feature-label{margin:0;text-align:center}.feature-label .text-link{font-size:11px;padding:4px 0}.hero-picks .feature-controls>button{font-size:12px}.hero-picks .feature-controls small{font-size:10px}@keyframes story-light{from{opacity:.6;transform:translateX(0)}to{opacity:1;transform:translateX(-3%)}}
@media(min-width:1500px){.front{width:330px;margin-left:-165px;top:calc(50% - 240px)}.back-left{width:230px;left:calc(50% - 350px)}.back-right{width:225px;left:calc(50% + 145px)}}
@media(min-width:701px) and (max-width:1000px){.header>nav{display:none}.hero-scene{grid-template-columns:.85fr 1.15fr;gap:20px}.hero h1{font-size:64px;letter-spacing:-3px}.hero-copy p{font-size:14px;max-width:245px}.hero-copy .button{font-size:23px}.front{width:225px;margin-left:-112px;top:calc(50% - 170px)}.back-left{width:135px;left:calc(50% - 200px);top:calc(50% - 60px)}.back-right{width:135px;left:calc(50% + 83px);top:calc(50% - 55px)}.hero-picks .feature-controls>button{font-size:10px}.hero-picks .feature-controls small{font-size:9px}.feature-controls{gap:12px}.hero-note{display:none}}
@media(max-width:700px){.header{gap:10px}.header>.brand{margin-right:auto}.header-actions{margin-left:0}.header>nav{display:none}.hero{padding:16px var(--pad);background-position:64% center}.hero-scene{display:grid;grid-template-columns:1fr;grid-template-rows:105px minmax(150px,1fr) 90px 100px;gap:0}.hero-copy{display:contents}.hero-heading{grid-row:1;grid-column:1;align-self:center;z-index:4;text-align:left}.hero-heading .eyebrow{font-size:7px;letter-spacing:1.4px}.hero h1{font-size:clamp(41px,10.2vw,65px);line-height:1.12;letter-spacing:-2px;margin-top:8px}.hero h1 br{display:none}.hero-copy p{display:none}.hero-copy .button{grid-row:4;grid-column:1;align-self:center;justify-self:start;max-width:300px;font-size:23px;margin:0 0 15px;width:auto;gap:18px;padding-bottom:8px}.hero-copy>.text-link{grid-row:4;grid-column:1;align-self:end;justify-self:start;font-size:10px;margin:0;z-index:4}.hero-note{display:none}.book-world{grid-column:1;grid-row:2;min-height:0;height:100%;margin:0}.hero-picks{grid-column:1;grid-row:3;padding:8px 0 0;align-self:stretch}.front{width:min(195px,24svh);left:50%;margin-left:calc(min(195px,24svh) / -2);top:calc(50% - min(145px,18svh))}.back-left{width:min(117px,15svh);left:calc(50% - min(170px,22svh));top:calc(50% - 45px)}.back-right{width:min(115px,15svh);left:calc(50% + min(70px,9svh));top:calc(50% - 35px)}.square-book{top:calc(50% - min(100px,13svh))}#motion-toggle{top:0;right:0;font-size:8px}.feature-controls{gap:12px}.hero-picks .feature-controls>button{font-size:10px;padding:12px 0}.hero-picks .feature-controls small{font-size:8px}.feature-label{text-align:left}.feature-label .text-link{font-size:10px;padding:0}.hero{height:calc(100svh - 101px)}}
@media(max-width:360px){.hero h1{font-size:35px}.hero-scene{grid-template-rows:90px minmax(130px,1fr) 80px 90px}.hero-picks .feature-controls>button{font-size:9px;padding:8px 0}.hero-picks .feature-controls small{font-size:7px}.front{width:min(160px,24svh);margin-left:calc(min(160px,24svh) / -2);top:calc(50% - 110px)}.hero-copy .button{font-size:22px}}
@media(max-height:740px) and (min-width:1001px){.hero h1{font-size:65px}.hero-copy p{margin:15px 0;font-size:13px}.hero-note{display:none}.front{width:220px;margin-left:-110px;top:calc(50% - 160px)}.back-left{width:150px;left:calc(50% - 235px);top:calc(50% - 70px)}.back-right{width:150px;left:calc(50% + 95px);top:calc(50% - 65px)}}
/* A curved, tactile visual language across the complete bookshop. */
.header{transition:box-shadow .4s,background .4s}.header.scrolled{box-shadow:0 10px 35px #294d3810;background:#faf9f4f5}.header:after{content:'';position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--teal);transform:scaleX(var(--reading-progress,0));transform-origin:left}.header nav a{padding:10px 15px;border-radius:50px;transition:background .3s,color .3s,translate .3s}.header nav a:after{display:none}.header nav a:hover,.header nav a:focus-visible{background:#e1ebe1;color:var(--teal);translate:0 -2px}.header>nav{gap:5px}.brand img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.brand:hover img{transform:rotate(-4deg) translateY(-3px)}.header .shop-link{position:relative;overflow:hidden;background:#f5f7ee;transition:background .35s,box-shadow .35s,translate .35s}.header .shop-link:hover{background:var(--teal);color:white;box-shadow:0 8px 18px #286f7025;translate:0 -2px}.icon-button{transition:background .3s,transform .4s,border-color .3s}.icon-button:hover{background:var(--moss);transform:rotate(-8deg);border-color:var(--teal)}
.button.primary{border-radius:60px;position:relative;isolation:isolate;overflow:hidden;transition:box-shadow .35s,transform .4s;background:var(--teal);color:white;padding:16px 26px}.button.primary:before{content:'';position:absolute;inset:-40% -10%;background:#174e4e;z-index:-1;transform:translateY(105%) rotate(-12deg);border-radius:50%;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.button.primary:hover:before{transform:translateY(0) rotate(0)}.button.primary:hover{background:var(--teal);color:white;box-shadow:0 12px 24px #286f7028;transform:translateY(-3px)}.button.primary:active{transform:translateY(0) scale(.98)}.hero-copy .button{padding:16px 22px;border:0;max-width:330px;min-height:62px;font:600 15px Manrope;background:var(--teal);color:white;gap:22px}.hero-copy .button svg{background:#ffffff20;width:34px;height:34px;padding:8px;color:white;transition:transform .4s,background .4s}.hero-copy .button:hover svg{transform:translateX(4px) rotate(-35deg);background:#ffffff35}.text-link{border:0;position:relative;gap:13px}.text-link .icon{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.text-link:hover .icon{transform:translateX(6px) rotate(-30deg)}.text-link:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--teal);transform:scaleX(0);transform-origin:right;transition:transform .4s}.text-link:hover:after{transform:scaleX(1);transform-origin:left}.hero-copy>.text-link:after{display:none}.feature-controls>button{transition:color .3s,transform .35s}.feature-controls>button:hover{transform:translateY(-4px);color:var(--teal)}
.product-visual{border-radius:47% 47% 14px 14px;background:linear-gradient(145deg,#eef3e7,#dce5d4);transition:border-radius .7s cubic-bezier(.2,.8,.2,1),box-shadow .6s;isolation:isolate}.product:nth-child(3n+2) .product-visual{border-radius:43% 56% 18px 18px;background:linear-gradient(135deg,#f4ebdf,#e6d9c7)}.product:nth-child(3n) .product-visual{border-radius:56% 43% 18px 18px;background:linear-gradient(140deg,#e7f1ec,#d3e3df)}.product-visual:after{content:'';position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 30%,#fff7 48%,transparent 65%);transform:translateX(-85%);transition:transform .9s;pointer-events:none;z-index:1}.product-visual:hover{border-radius:35% 35% 28px 28px;box-shadow:0 16px 28px #294d3810}.product-visual:hover:after{transform:translateX(85%)}.product-visual img{transform:rotateY(var(--book-turn,0deg)) rotateX(var(--book-tip,0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.product-visual:hover img{transform:translateY(-12px) rotateY(var(--book-turn,-12deg)) rotateX(var(--book-tip,0deg)) rotate(-3deg)}.quick-label{background:#fffdf4e6;box-shadow:0 4px 14px #294d3810;z-index:2}.product-info{padding:0 6px}.product h3{font-size:15px}.catalog-tools{border:0;background:#edf0e5;border-radius:50px;padding:6px 18px;gap:18px}.tabs{gap:8px}.tabs button{padding:10px 18px;border-radius:30px;border:0;transition:background .3s,color .3s,box-shadow .3s}.tabs button.active{background:var(--paper);box-shadow:0 3px 10px #294d380d}.tabs button:hover{background:#faf9f499}.catalog-search input{font-size:13px}.story{border-radius:80px 80px 0 0;background:radial-gradient(ellipse at 90% 20%,#f2f2dc,transparent 50%),var(--moss);margin-top:10px}.story-words{border:0;gap:15px;flex-wrap:wrap}.story-words span{padding:12px 20px;border:1px solid #becbb4;border-radius:50px;background:#ffffff25}.photo-open{border-radius:48% 48% 32px 32px;transition:border-radius .8s}.photo-open:hover{border-radius:35% 35% 32px 32px}.photo-open>img{transition:transform 1.1s}.visit-visual blockquote{padding:30px 0 0;font-size:24px}.visit-places span{border:0;padding:8px 13px;background:#edf1e7;border-radius:20px}.newsletter{border:0;border-radius:0 90px 0 0;background:radial-gradient(ellipse at 0% 100%,#e5d2be,transparent 55%),#f1e9df}.newsletter-paper{border-radius:8px 36px 8px 8px;transform:rotate(-3deg);transition:transform .6s,box-shadow .6s}.newsletter-paper:hover,.newsletter-paper:focus-within{transform:rotate(0);box-shadow:6px 9px 0 #e4d9ca}.email-row button svg{transition:transform .4s}.email-row button:hover svg{transform:translateX(5px) rotate(-30deg)}.footer{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 10%,#e9eddb,transparent 65%),var(--paper)}.footer-flourish{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 45px;margin-bottom:45px;border-bottom:1px solid var(--line)}.footer-flourish>span{font:400 clamp(55px,9.5vw,148px)/1.12 Fraunces;letter-spacing:-5px;color:var(--teal)}.footer-flourish svg{width:100px;height:100px;stroke:var(--rust);stroke-width:1.2;flex:none;animation:flower-sway 8s ease-in-out infinite}.footer-top>p{font:19px/1.6 Manrope;letter-spacing:0}.footer-top>p em{font-size:26px}.footer-contact{border:0;background:var(--moss);padding:9px 16px;border-radius:25px;transition:background .3s,translate .3s}.footer-contact:hover{background:#d3dfcc;translate:3px 0}.chapter-line{background:#edf0e3;overflow:hidden}.chapter-line>span:last-child{animation:chapter-breathe 9s ease-in-out infinite}.hero:before{animation:story-light 14s ease-in-out infinite alternate}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@keyframes flower-sway{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes chapter-breathe{0%,100%{transform:translateX(-9px)}50%{transform:translateX(9px)}}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.product-visual{animation:shelf-rise both;animation-timeline:view();animation-range:entry 5% entry 95%}.product:nth-child(2n) .product-visual{animation-name:shelf-rise-other}.story h2{animation:story-open both;animation-timeline:view();animation-range:entry 0% entry 100%}.photo-open{animation:photo-unfold both;animation-timeline:view();animation-range:entry 0% cover 35%}.newsletter-paper{animation:letter-arrive both;animation-timeline:view();animation-range:entry 0% entry 100%}.footer-flourish>span{animation:footer-rise both;animation-timeline:view();animation-range:entry 0% entry 100%}}}
@keyframes shelf-rise{from{transform:translateY(40px) rotate(-4deg);border-radius:60% 35% 18px 18px}to{transform:translateY(0) rotate(0)}}@keyframes shelf-rise-other{from{transform:translateY(55px) rotate(4deg);border-radius:35% 60% 18px 18px}to{transform:translateY(0) rotate(0)}}@keyframes story-open{from{transform:translateX(-35px);clip-path:inset(-.2em 45% -.2em -.2em)}to{transform:translateX(0);clip-path:inset(-.2em)}}@keyframes photo-unfold{from{border-radius:50% 50% 45% 45%;transform:scale(.94)}to{border-radius:35% 35% 32px 32px;transform:scale(1)}}@keyframes letter-arrive{from{transform:translateY(40px) rotate(7deg)}to{transform:translateY(0) rotate(-3deg)}}@keyframes footer-rise{from{transform:translateY(35px);letter-spacing:0}to{transform:translateY(0);letter-spacing:-5px}}
@media(max-width:1000px){.header>nav{display:none}.hero-copy .button{font-size:13px;padding:15px 18px;gap:13px}.story{border-radius:55px 55px 0 0}.footer-flourish{padding-bottom:30px;margin-bottom:35px}.footer-flourish svg{width:75px;height:75px}}
@media(max-width:700px){.hero-copy .button{font-size:12px;padding:12px 18px;min-height:48px;max-width:290px;gap:22px;margin-bottom:18px}.hero-copy .button svg{width:28px;height:28px;padding:7px}.catalog-tools{padding:10px 12px;border-radius:25px}.tabs{gap:2px;justify-content:space-between}.tabs button{font-size:10px;padding:9px 10px}.catalog-search{border:0;padding:8px 5px 0}.catalog-search input{font-size:12px}.product h3{font-size:13px}.product-visual{border-radius:48% 48% 12px 12px}.story{border-radius:36px 36px 0 0}.story-words{gap:8px}.story-words span{font-size:10px;padding:9px 12px}.photo-open{border-radius:45% 45% 24px 24px}.visit-visual blockquote{font-size:22px}.newsletter{border-radius:0 50px 0 0}.footer-flourish{gap:10px;padding-bottom:25px}.footer-flourish>span{font-size:clamp(40px,11vw,65px);letter-spacing:-2px}.footer-flourish svg{width:48px;height:65px}.footer-top>p{font-size:17px}.footer-top>p em{font-size:23px}.header nav a{padding:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.product-visual img{transform:none!important}}
@media(max-width:700px){.footer-flourish>span{font-size:clamp(34px,10vw,60px);letter-spacing:-2px}}

/* Keep motion inside its allocated space; image and title never collide. */
.product-visual,.product:nth-child(2n) .product-visual{animation:none;transform:none;padding:34px 28px 72px;position:relative}
.product-visual img{max-width:72%;max-height:100%;object-fit:contain;position:relative;z-index:2;transform:rotateY(var(--book-turn,0deg)) rotateX(var(--book-tip,0deg))}
.product-visual:hover img{transform:translateY(-5px) rotateY(var(--book-turn,0deg)) rotateX(var(--book-tip,0deg)) rotate(-2deg)}
.product-visual:before{inset:10% -12% 18%;height:auto;background:radial-gradient(ellipse at 35% 35%,#ffffff85,transparent 63%);filter:none;transform:rotate(-20deg);border-radius:47% 53% 60% 40%;animation:cover-light 12s ease-in-out infinite alternate;z-index:0}
.product-visual:after{z-index:3}.product-visual>button{z-index:4}.quick-label{right:18px;bottom:15px;width:42px;height:42px;z-index:5;pointer-events:none;border:1px solid #ffffffb3;transition:background .35s,color .35s,transform .45s}
.product-visual:hover .quick-label{background:var(--teal);color:white;transform:rotate(-35deg)}
.product-info{margin-top:22px;position:relative;z-index:1;align-items:flex-start}.product-info>div{min-width:0}.product-price{flex:none;white-space:nowrap}.product-grid{row-gap:56px}.product-title:hover{text-decoration:none!important;color:var(--teal)}
.hero-flight{position:absolute;right:8%;top:13%;width:clamp(180px,23vw,360px);height:auto;stroke:var(--teal);stroke-width:1.8;opacity:.7;z-index:1;pointer-events:none;overflow:visible}.flight-trail{stroke-dasharray:2 8;stroke-width:1;opacity:.38}.flying-bird{animation:bird-flight 9s ease-in-out infinite;transform-origin:168px 60px}.bird-two{animation-delay:-4s;animation-duration:12s;stroke:var(--rust);transform-origin:251px 88px}
.visit-visual{position:relative}.photo-open{box-shadow:14px 14px 0 #e3eadb,27px 27px 0 #eef1e8}.newsletter-paper .postmark{border-radius:50%;width:110px;height:110px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);top:-47px;right:25px;background:#fffdf4;outline:1px dashed #a04f3355;outline-offset:-8px;font-size:9px;letter-spacing:1px}
@keyframes cover-light{from{transform:translate(-9px,8px) rotate(-20deg) scale(.9)}to{transform:translate(15px,-10px) rotate(15deg) scale(1.16)}}
@keyframes bird-flight{0%,100%{transform:translate(-25px,5px) rotate(-8deg)}50%{transform:translate(28px,-18px) rotate(7deg)}}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.product{animation:book-arrive both;animation-timeline:view();animation-range:entry 0% entry 100%}}}
@keyframes book-arrive{from{opacity:.8;clip-path:inset(12% 0 0);scale:.96}to{opacity:1;clip-path:inset(0);scale:1}}
@media(max-width:1000px){.hero-flight{right:6%;top:16%;width:230px}.product-visual{padding:25px 20px 65px}}
@media(max-width:700px){.hero-flight{right:4%;top:17%;width:150px;opacity:.6}.product-visual{padding:20px 12px 52px}.product-visual img{max-width:88%}.quick-label{width:33px;height:33px;bottom:10px;right:10px}.product-grid{row-gap:32px}.product-info{margin-top:15px;gap:7px}.product-price{font-size:11px}.photo-open{box-shadow:7px 7px 0 #e3eadb,14px 14px 0 #eef1e8}.newsletter-paper .postmark{width:85px;height:85px;top:-34px;right:15px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.product,.flying-bird,.product-visual:before{animation:none!important}.product{clip-path:none;scale:1}.product-visual img,.product-visual:hover img{transform:none!important}}
.hero-flight{top:0;z-index:0;width:240px}.hero-scene{position:relative;z-index:1}@media(max-width:1000px){.hero-flight{top:3%;width:190px}}@media(max-width:700px){.hero-flight{display:none}}

.hero #motion-toggle{top:10px;right:var(--pad);left:auto;bottom:auto;transform:none;z-index:5;max-width:120px}@media(max-width:700px){.hero #motion-toggle{top:5px;font-size:9px;padding:5px}}
/* Editorial chapters, with scroll-linked compositions and room for the content. */
.catalog{position:relative;background:radial-gradient(ellipse at 0 35%,#e7efdf70,transparent 40%),radial-gradient(ellipse at 100% 80%,#f1e4d070,transparent 40%)}
.catalog:before{content:'';position:absolute;right:0;top:50px;width:160px;height:180px;background:repeating-radial-gradient(ellipse at 100% 0,transparent 0 16px,#286f7013 17px 18px,transparent 19px 29px);border-radius:0 0 0 100%;pointer-events:none}.catalog>*{position:relative}
.story{border-radius:0!important;margin:0;background:radial-gradient(ellipse at 15% 60%,#dfe9d6,transparent 53%),repeating-linear-gradient(115deg,transparent 0 48px,#ffffff38 49px 50px),#eef0e6;position:relative;padding-top:75px;padding-bottom:75px;overflow:hidden}
.story-top{margin-bottom:45px}.story-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,6vw,90px);align-items:center}.story-body{position:relative;padding:40px;background:#fffdf6;box-shadow:12px 12px 0 #d2ddc64d;rotate:1deg;transition:rotate .6s}.story-body:hover{rotate:0deg}.story h2{font-size:clamp(35px,3.7vw,59px);line-height:1.22;letter-spacing:-1.6px;animation:none!important;clip-path:none!important;transform:none!important;margin:0 0 30px}.story h2 br{display:none}.story h2 em{display:block;margin-top:12px}.story-bottom{display:flex;flex-direction:column-reverse;gap:28px;margin-top:0}.story-bottom>p{width:100%;max-width:none;font-size:14px;line-height:1.85}.story-sign{gap:20px}.story-sign img{width:100px}.story-words{margin-top:30px;gap:12px;display:flex}.story-words span{background:none;border:0;border-radius:0;padding:0;font-size:10px}.story-words span:before{display:none}
.story-art{height:490px;position:relative;isolation:isolate}.story-orbit{position:absolute;inset:0;width:100%;height:100%;stroke:var(--teal);stroke-width:1;opacity:.3;transform:rotate(calc(var(--section-progress,0)*18deg));transition:transform .1s linear}.story-orbit path:last-child{stroke:var(--rust);stroke-dasharray:3 8}.story-art-word{position:absolute;left:0;top:10px;font:400 clamp(45px,5vw,75px)/1.05 Fraunces;color:var(--teal);z-index:3;letter-spacing:-2px}.story-art-word em{color:var(--rust)}.story-cover{position:absolute;width:42%;max-height:300px;object-fit:contain;top:145px;filter:drop-shadow(12px 18px 12px #233c3425);transition:transform .1s linear}.cover-a{left:10%;transform:translateY(calc((1 - var(--section-progress,0))*45px)) rotate(calc(-24deg + var(--section-progress,0)*14deg))}.cover-b{right:7%;transform:translateY(calc((1 - var(--section-progress,0))*-25px)) rotate(calc(28deg - var(--section-progress,0)*18deg))}.story-art-note{position:absolute;left:8%;bottom:0;font-size:11px;letter-spacing:.4px;color:var(--muted)}
.visit{background:radial-gradient(ellipse at 90% 20%,#edf0df88,transparent 55%)}.photo-open{animation:none!important;transform:translateY(calc((1 - var(--section-progress,0))*24px)) scale(calc(.94 + var(--section-progress,0)*.06));border-radius:35% 35% 28px 28px;transition:transform .1s linear}.visit-visual blockquote{position:relative;margin-top:30px;padding:25px 25px 0;border-left:2px solid #c6d4bc}.newsletter{border-radius:0!important;background:repeating-linear-gradient(0deg,transparent 0 33px,#a04f3309 34px 35px),radial-gradient(ellipse at 10% 60%,#eadbc7,transparent 60%),#f4eee4}.newsletter-paper{animation:none!important;transform:translateY(calc((1 - var(--section-progress,0))*32px)) rotate(calc(7deg - var(--section-progress,0)*10deg));transition:transform .1s linear}.newsletter-paper:focus-within{transform:none}.newsletter-intro{position:relative}.newsletter-intro:before{content:'';position:absolute;left:-30px;top:-40px;width:110px;height:110px;border:1px solid #a04f3326;border-radius:50%;box-shadow:12px 8px 0 -1px #f4eee4,12px 8px 0 0 #a04f3326;pointer-events:none}.footer-flourish{position:relative}.footer-flourish:after{content:'';position:absolute;right:130px;bottom:50px;width:15%;height:50px;border-top:1px dashed #286f7050;border-radius:50%;transform:rotate(-12deg)}
.product{animation:none!important;clip-path:none!important;scale:1}.product-visual{background-image:radial-gradient(ellipse at 35% 20%,#ffffff70,transparent 70%),linear-gradient(145deg,#eef3e7,#dce5d4)}
@media(max-width:1000px){.story-layout{grid-template-columns:.8fr 1.2fr;gap:25px}.story-art{height:400px}.story-body{padding:28px}.story-cover{top:130px}.story h2{font-size:36px}.story-words{flex-direction:column}.story-art-word{font-size:47px}}
@media(max-width:700px){.story{padding-top:45px;padding-bottom:55px}.story-layout{grid-template-columns:1fr;gap:28px}.story-art{height:340px;max-width:400px;width:100%;margin:auto}.story-art-word{font-size:49px;left:4%}.story-cover{top:105px;width:37%;max-height:205px}.cover-a{left:20%}.cover-b{right:7%}.story-art-note{left:4%;bottom:0;font-size:10px}.story-top{margin-bottom:20px}.story-body{padding:26px 22px;box-shadow:7px 7px 0 #d2ddc64d;rotate:0deg}.story h2{font-size:34px}.story-bottom>p{font-size:13px}.story-words{gap:8px;flex-direction:row;flex-wrap:wrap}.story-words span{font-size:9px}.visit-visual blockquote{padding-left:17px;font-size:21px}.newsletter-intro:before{left:-15px;top:-22px;width:70px;height:70px}.footer-flourish:after{display:none}}
@media(prefers-reduced-motion:reduce){.story-cover,.story-orbit,.photo-open,.newsletter-paper{transform:none!important}.cover-a{rotate:-10deg}.cover-b{rotate:10deg}}
.story-cover{top:185px;max-height:260px}@media(max-width:1000px){.story-cover{top:160px;max-height:210px}}@media(max-width:700px){.story-cover{top:140px;max-height:170px}}

/* The opening scene uses the actual remaining viewport, in either orientation. */
.hero{height:calc(100svh - var(--chrome-height,121px));min-height:0;padding-top:30px;padding-bottom:22px}.hero-scene{min-height:0;max-height:100%;grid-template-rows:minmax(0,1fr) auto}.hero-copy{min-width:0;max-height:100%}.book-world{container-type:size;min-height:0;overflow:visible}.front{--cover-width:min(300px,48cqh,40cqw);width:var(--cover-width);margin-left:calc(var(--cover-width) / -2);left:50%;top:50%;translate:0 -50%}.back-left{--side-width:min(195px,33cqh,26cqw);width:var(--side-width);left:50%;margin-left:calc(var(--side-width) * -1.5);top:55%;translate:0 -50%}.back-right{--side-width:min(190px,33cqh,26cqw);width:var(--side-width);left:50%;margin-left:calc(var(--side-width) * .55);top:55%;translate:0 -50%}.square-book{top:50%}.hero h1{font-size:clamp(48px,min(6.3vw,11svh),100px)}.hero-copy p{font-size:clamp(12px,1.55svh,15px);margin:clamp(12px,2.7svh,28px) 0}.hero-note{margin-top:clamp(15px,3svh,35px)}.hero-picks{min-height:0}.hero-flight{top:20px}
@media(max-width:1000px){.hero{height:calc(100svh - var(--chrome-height,105px))}.hero h1{font-size:clamp(43px,min(8vw,9svh),64px)}}
@media(max-width:700px){.hero{height:calc(100svh - var(--chrome-height,101px));padding:24px var(--pad) 14px}.hero-scene{grid-template-rows:clamp(68px,11svh,105px) minmax(0,1fr) 90px 90px}.hero h1{font-size:clamp(31px,9.8vw,65px)}.front{--cover-width:min(195px,47cqh,45cqw)}.back-left,.back-right{--side-width:min(117px,32cqh,27cqw)}.hero-copy .button{margin-bottom:18px}.hero #motion-toggle{top:2px}.hero-picks .feature-controls>button{padding:10px 0;font-size:9px}.hero-picks .feature-controls small{font-size:8px}}
@media(max-height:580px){.topline{height:24px}.header{height:64px}.header .brand img{width:115px}.hero{padding:22px var(--pad) 14px}.hero-scene{display:grid;grid-template-columns:.85fr 1.15fr;grid-template-rows:minmax(0,1fr) 60px;column-gap:20px}.hero-copy{display:block;grid-column:1;grid-row:1/3;align-self:center}.hero-heading{display:block;text-align:left}.hero h1{font-size:clamp(29px,min(6vw,9svh),50px);margin-top:8px;line-height:1.05}.hero h1 br{display:block}.hero-heading .eyebrow{font-size:6px;letter-spacing:.8px}.hero-copy p,.hero-note,.hero-copy>.text-link{display:none}.hero-copy .button{display:inline-flex;margin:18px 0 0;font-size:11px;padding:10px 15px;min-height:40px;gap:12px;max-width:100%}.hero-copy .button svg{width:22px;height:22px;padding:5px}.book-world{grid-column:2;grid-row:1;height:100%;min-height:0}.hero-picks{grid-column:2;grid-row:2;padding:0;align-self:end}.hero-picks .feature-controls>button{font-size:8px;padding:5px 0}.hero-picks .feature-controls small{display:none}.feature-label .text-link{font-size:8px}.feature-controls{gap:10px}.feature-label{margin-top:2px}.hero #motion-toggle{font-size:8px;top:1px}.hero-flight{display:none}.mobile-menu{top:64px;height:calc(100dvh - 64px)}}
@media(prefers-reduced-motion:reduce){.stage-book{animation:none!important}}
@keyframes side-float{0%,100%{translate:0 -50%}50%{translate:0 calc(-50% - 12px)}}
@media(max-width:700px) and (min-height:581px){.hero-scene{grid-template-rows:clamp(68px,11svh,105px) minmax(0,1fr) 105px 95px}.hero-picks{display:grid;grid-template-rows:1fr auto;gap:4px;padding-bottom:4px}.feature-label{margin:0}.hero-copy .button{align-self:start;margin:7px 0 0}.hero-copy>.text-link{align-self:end}}@media(max-width:360px){.hero-picks .feature-controls small{font-size:7px}.hero-picks .feature-controls>button{font-size:8px}}
@media(max-width:700px) and (min-height:581px){.front{--cover-width:min(195px,56cqh,55cqw)}}
@media(min-width:701px) and (max-width:1000px) and (min-height:581px){.front{--cover-width:min(300px,48cqh,65cqw)}}

/* Keep newsletter access and the flight illustration on every screen. */
.hero-flight{display:block;top:0;right:0;width:240px;z-index:0;opacity:.75}
@media(max-width:1000px){.topline>span{display:none}.topline>a{display:flex;justify-content:center;min-height:29px}.hero-flight{display:block;top:0;right:-8px;width:200px}}
@media(max-width:700px){.topline{letter-spacing:.25px;font-size:10px}.hero-flight{display:block;top:0;right:-8px;width:150px;opacity:.8}.flying-bird{animation-name:bird-flight-compact}}
@media(max-height:580px){.topline>a{min-height:24px}.hero-flight{display:block;top:-12px;right:-8px;width:125px}.flying-bird{animation-name:bird-flight-compact}}
@keyframes bird-flight-compact{0%,100%{transform:translate(-12px,4px) rotate(-8deg)}50%{transform:translate(12px,-10px) rotate(7deg)}}
@media(max-width:700px) and (min-height:581px){.hero-flight{top:-32px;right:-8px}}

/* The complete illustrated scene belongs below the header: never crop its top with cover. */
.hero{background-size:100% 100%;background-position:center bottom}

/* A measured inner frame keeps every cover clear of the curved corners and action. */
.product-visual,.product:nth-child(2n) .product-visual{height:clamp(270px,27vw,390px);display:flex;align-items:center;justify-content:center;padding:32px 30px 66px;overflow:hidden;border-radius:38px 38px 18px 18px}
.product:nth-child(3n+2) .product-visual{border-radius:48px 24px 18px 18px}
.product:nth-child(3n) .product-visual{border-radius:24px 48px 18px 18px}
.product-visual img{width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;object-fit:contain;flex:0 1 auto}
.product-visual:hover{border-radius:28px 28px 18px 18px}
.catalog{position:relative;background:radial-gradient(ellipse at 0% 25%,#e4eddf99,transparent 38%),radial-gradient(ellipse at 100% 65%,#e5efeb88,transparent 35%),var(--paper)}
.motion-ready .product{--fan-angle:-3deg;transform:translateY(calc((1 - var(--arrival,1))*52px)) rotate(calc((1 - var(--arrival,1))*var(--fan-angle))) scale(calc(.91 + var(--arrival,1)*.09));transform-origin:50% 85%;will-change:auto}
.motion-ready .product:nth-child(3n+2){--fan-angle:2deg}
.motion-ready .product:nth-child(3n){--fan-angle:4deg}
.motion-ready .section-heading h2{transform:translateX(calc((1 - var(--arrival,1))*-42px));clip-path:inset(-.2em calc((1 - var(--arrival,1))*55% - .2em) -.2em -.2em)}
.motion-ready .section-heading>p{transform:translateY(calc((1 - var(--arrival,1))*38px))}
.motion-ready .story-body{transform:translateX(calc((1 - var(--arrival,1))*48px)) rotate(calc((1 - var(--arrival,1))*3deg))}
.motion-ready .story-words span{transform:translateY(calc((1 - var(--arrival,1))*22px));transition:transform .25s}
.motion-ready .visit-copy>*{transform:translateX(calc((1 - var(--arrival,1))*40px));opacity:calc(.65 + var(--arrival,1)*.35)}
.motion-ready .visit-places span{transform:rotate(calc((1 - var(--arrival,1))*-9deg)) scale(calc(.8 + var(--arrival,1)*.2))}
.motion-ready .newsletter-intro h2{transform:translateY(calc((1 - var(--arrival,1))*40px)) rotate(calc((1 - var(--arrival,1))*-2deg))}
.motion-ready .newsletter-paper .postmark{transform:rotate(calc(-28deg + var(--section-progress,1)*40deg))}
.motion-ready .footer-flourish>span{transform:translateX(calc((1 - var(--arrival,1))*-45px));letter-spacing:calc(4px - var(--arrival,1)*9px)}
.motion-ready .product:focus-within,.motion-ready .visit-copy>*:focus-within{transform:none;opacity:1}
@media(max-width:700px){.product-visual,.product:nth-child(2n) .product-visual{height:clamp(225px,56vw,330px);padding:24px 18px 55px;border-radius:25px 25px 14px 14px}.product:nth-child(3n+2) .product-visual{border-radius:32px 18px 14px 14px}.product:nth-child(3n) .product-visual{border-radius:18px 32px 14px 14px}.product-visual img{max-width:100%;max-height:100%}.motion-ready .product{--fan-angle:-2deg}.motion-ready .story-body{transform:translateY(calc((1 - var(--arrival,1))*32px))}.motion-ready .footer-flourish>span{letter-spacing:-2px;transform:translateY(calc((1 - var(--arrival,1))*30px))}}
@media(prefers-reduced-motion:reduce){.motion-ready .product,.motion-ready .section-heading h2,.motion-ready .section-heading>p,.motion-ready .story-body,.motion-ready .story-words span,.motion-ready .visit-copy>*,.motion-ready .visit-places span,.motion-ready .newsletter-intro h2,.motion-ready .footer-flourish>span{transform:none!important;clip-path:none!important;opacity:1!important}.motion-ready .newsletter-paper .postmark{transform:rotate(12deg)}}

/* The navigation is the opening edge of the illustrated paper landscape. */
.header,.header.scrolled{isolation:isolate;background:radial-gradient(ellipse at 86% 50%,#dce9e1b3,transparent 43%),radial-gradient(ellipse at 10% 20%,#eadfc399,transparent 42%),#faf9f4f5;border-bottom-color:#c3d3c8}
.header:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.42;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%2386a99b' stroke-width='1'%3E%3Cpath d='M-50 76Q180 30 360 68T730 65T1090 69T1490 48'/%3E%3Cpath d='M-50 83Q180 37 360 75T730 72T1090 76T1490 55'/%3E%3Cpath d='M430 89q30-40 70-28q-20 25-70 28M1020 90q-10-39-51-49q3 31 51 49'/%3E%3C/g%3E%3C/svg%3E") center bottom/100% 100% no-repeat;animation:header-paper-drift 16s ease-in-out infinite alternate}
.header nav a{padding:7px 0}.header nav a:after{height:2px;bottom:2px;border-radius:2px;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.header .shop-link{background:#faf9f4b3;box-shadow:inset 0 0 0 1px #fff8}.header .icon-button{background:#faf9f4a6;transition:transform .4s,background .4s}.header .icon-button:hover{transform:rotate(-8deg);background:#fffdf5}
@keyframes header-paper-drift{from{transform:translateX(-1%)}to{transform:translateX(1%)}}
@media(prefers-reduced-motion:reduce){.header:before{animation:none}.header .icon-button:hover{transform:none}}
.header{overflow:clip}.header>nav{gap:30px}main{overflow-x:clip}

/* An illustrated book-world overlay, measured below the visible header. */
.mobile-menu{top:var(--menu-top,101px);height:calc(100dvh - var(--menu-top,101px));padding:clamp(20px,3.5dvh,38px) var(--pad) 22px;isolation:isolate;background:radial-gradient(ellipse at 90% 80%,#cde4de99,transparent 65%),radial-gradient(ellipse at 4% 15%,#f0e5cf,transparent 55%),#f8f7ef;display:flex;flex-direction:column;gap:18px;overflow:auto}
.mobile-menu:before{content:'';position:absolute;inset:0;z-index:-1;background:url(assets/story-landscape.webp) center/100% 100% no-repeat;opacity:.42;pointer-events:none}
.mobile-menu nav{gap:0;flex:none;position:relative;z-index:2}
.mobile-menu nav>.eyebrow{color:var(--teal);margin-bottom:16px;letter-spacing:1.7px}
.mobile-menu nav>a{font:400 clamp(27px,4dvh,42px)/1.12 Fraunces,serif;padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #93aea344;animation:menu-page-in .65s cubic-bezier(.16,1,.3,1) both;transition:padding .35s,color .35s}
.mobile-menu nav>a:nth-of-type(2){animation-delay:.07s}.mobile-menu nav>a:nth-of-type(3){animation-delay:.14s}.mobile-menu nav>a:nth-of-type(4){animation-delay:.21s}
.mobile-menu nav>a svg{width:34px;height:34px;padding:8px;border-radius:50%;background:#fffdf68c;flex:none;transition:transform .4s,background .4s}
.mobile-menu nav>a:hover{padding-left:8px;color:var(--teal)}.mobile-menu nav>a:hover svg{transform:rotate(-35deg);background:#e1eade}
.menu-art{flex:1;min-height:115px;max-height:310px;position:relative;pointer-events:none;display:flex;align-items:center;isolation:isolate}
.menu-art>span{font:400 clamp(32px,5dvh,58px)/1.1 Fraunces,serif;color:var(--teal);position:relative;z-index:2}.menu-art>span em{color:var(--rust)}
.menu-orbit{position:absolute;inset:0;width:100%;height:100%;stroke:#719b89;stroke-dasharray:3 7;opacity:.5;animation:menu-orbit-drift 12s ease-in-out infinite alternate}
.menu-cover{position:absolute;right:7%;top:50%;width:auto;max-width:30%;height:auto;max-height:min(23dvh,200px);box-shadow:8px 12px 20px #23433825;transform:translateY(-50%) rotate(-12deg);animation:menu-cover-float 7s ease-in-out infinite}
.menu-cover-b{right:0;max-width:27%;max-height:min(18dvh,160px);transform:translateY(-35%) rotate(12deg);animation-name:menu-cover-float-right;animation-delay:-3s}
.mobile-menu>.menu-phone{font:12px/1.5 Manrope,sans-serif;margin:0;display:flex;align-items:center;gap:12px;flex:none;padding:14px 17px;border-radius:20px;background:#fffdf5ba;border:1px solid #c2d1c3;box-shadow:0 8px 22px #233c3406}
.menu-phone>svg{width:24px;height:24px;flex:none}.menu-phone>svg:last-child{margin-left:auto;width:20px;height:20px}.menu-phone small{display:block;font-size:16px;font-weight:700;color:var(--ink)}
@keyframes menu-page-in{from{transform:translateX(35px);clip-path:inset(-.2em -.2em 80% -.2em)}to{transform:none;clip-path:inset(-.2em)}}
@keyframes menu-cover-float{0%,100%{transform:translateY(-50%) rotate(-12deg)}50%{transform:translateY(calc(-50% - 9px)) rotate(-7deg)}}
@keyframes menu-cover-float-right{0%,100%{transform:translateY(-35%) rotate(12deg)}50%{transform:translateY(calc(-35% + 7px)) rotate(17deg)}}
@keyframes menu-orbit-drift{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
@media(min-width:701px){.mobile-menu{padding-left:8vw;padding-right:8vw}.mobile-menu nav{max-width:680px;width:100%;margin:auto}.menu-art{width:100%;max-width:680px;margin:auto;min-height:180px}.mobile-menu>.menu-phone{max-width:680px;width:100%;margin:auto}}
@media(max-height:580px) and (min-aspect-ratio:1/1){.mobile-menu{padding:12px var(--pad);display:grid;grid-template-columns:1.2fr 1fr;gap:10px 28px}.mobile-menu nav{grid-row:1/3}.mobile-menu nav>.eyebrow{margin-bottom:6px;font-size:8px}.mobile-menu nav>a{font-size:24px;padding:8px 0}.mobile-menu nav>a svg{width:26px;height:26px;padding:6px}.menu-art{min-height:110px}.menu-art>span{font-size:28px}.menu-cover{max-height:95px}.menu-cover-b{max-height:80px}.mobile-menu>.menu-phone{padding:9px 12px;font-size:10px;align-self:end}.menu-phone small{font-size:13px}}
@media(prefers-reduced-motion:reduce){.mobile-menu nav>a,.menu-cover,.menu-orbit{animation:none!important;clip-path:none!important}.mobile-menu nav>a{transform:none!important}}

@media(max-height:580px) and (max-aspect-ratio:1/1){.mobile-menu{padding:12px var(--pad);gap:10px}.mobile-menu nav>.eyebrow{margin-bottom:8px}.mobile-menu nav>a{font-size:24px;padding:9px 0}.menu-art{min-height:80px;max-height:90px}.menu-art>span{font-size:28px}.menu-cover{max-height:80px}.menu-cover-b{max-height:65px}.mobile-menu>.menu-phone{padding:9px 12px}}
.mobile-menu{overflow-x:hidden}

/* Reserve ink space for italic overhangs and allow text columns to shrink safely. */
h1,h2,h3{padding-inline-end:.18em} .section-heading>div,.story-body,.visit-copy,.newsletter-intro,.product-info>div,.product-dialog-copy{min-width:0} .section-heading>div{flex:1} .section-heading>p{flex-shrink:0} .mobile-menu nav>a{overflow-wrap:anywhere}

@media(max-width:700px){.newsletter h2{font-size:clamp(32px,8.5vw,40px)}}

/* Keep the header ornament in its own lower strip, clear of navigation and branding. */
.header:before{inset:auto 0 2px 28%;height:12px;opacity:.32;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 24' preserveAspectRatio='none'%3E%3Cpath d='M-20 17C160 17 170 4 340 4S530 21 700 17S870 6 1020 6' fill='none' stroke='%2386a99b' stroke-width='1'/%3E%3C/svg%3E") center/100% 100% no-repeat;animation:header-paper-drift 16s ease-in-out infinite alternate}
.header>nav{gap:8px}.header nav a{padding:9px 15px;line-height:1.5;border-radius:24px}.header nav a:hover,.header nav a:focus-visible{background:#dfe9dc;box-shadow:inset 0 0 0 1px #b9cbb766;translate:0 -1px}
@media(max-width:1000px){.header:before{left:35%;height:9px;bottom:2px}}
@media(prefers-reduced-motion:reduce){.header:before{animation:none}}