@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#f5f2eb;--ink:#1c1e1b;--orange:#fa592c;--line:#dcd9d1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.announcement{height:32px;background:var(--ink);color:#e9e7df;display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:9px;letter-spacing:1.6px}.announcement span:last-child{color:#bdbeb5;letter-spacing:.5px}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5}.logo{display:flex;align-items:center;gap:11px;font:900 32px/.85 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.5px}.logo small{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:7px}.mark{display:inline-flex;background:var(--ink);color:var(--paper);width:46px;height:46px;align-items:center;justify-content:center;font:900 43px 'Barlow Condensed',sans-serif;position:relative;border-radius:2px}.mark span{position:absolute;font:13px Arial;right:2px;top:2px;color:var(--orange)}nav{display:flex;gap:32px;font-size:12px;font-weight:600}nav a:hover{color:var(--orange)}.dot{display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%;vertical-align:top}.tools{display:flex;gap:20px}.tools button{background:none;border:0;padding:8px;position:relative}.shelf-button{display:flex;align-items:center;gap:5px}.shelf-button span{font-size:10px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:565px;background:var(--ink);color:var(--paper);overflow:hidden}.hero-copy{padding:62px 0 25px 10%}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700}.hero .eyebrow{color:#cccfc4;font-size:9px;display:flex;align-items:center;gap:9px}.hero .eyebrow>span{width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font:800 clamp(65px,7.4vw,113px)/.88 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-2px;margin:34px 0 25px}h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:13px;color:#bcbeb5;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{border:0;padding:17px 21px;display:inline-flex;align-items:center;gap:28px;font-size:12px;font-weight:700}.orange{background:var(--orange);color:#171914}.button:hover{background:#ff7850}.button span{font-size:18px}.text-link{font-size:10px;border-bottom:1px solid #777c70;padding-bottom:4px}.hero-note{margin-top:56px;padding-top:18px;border-top:1px solid #41443c;font-size:8px;letter-spacing:1.1px;display:flex;justify-content:space-between;max-width:480px;gap:12px;color:#a7ac9e}.hero-art{position:relative;background:radial-gradient(ellipse at 50% 40%,#434c3d,transparent 65%);isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0;opacity:.09;background-image:radial-gradient(#e8e9db 1px,transparent 1px);background-size:6px 6px;z-index:-1}.orbit{width:520px;height:520px;border:1px solid #585d4e;border-radius:50%;position:absolute;top:30px;left:30px;opacity:.5}.orbit:after{content:'';position:absolute;inset:28px;border:1px solid #585d4e;border-radius:50%}.hero-book{position:absolute;width:195px;box-shadow:9px 20px 22px #0009;border-left:5px solid #ffffff40;top:105px;object-fit:cover}.book-one{left:4%;transform:rotate(-15deg);top:119px}.book-two{left:31%;transform:rotate(5deg);z-index:2;width:211px;top:71px}.book-three{left:59%;transform:rotate(18deg);top:147px;z-index:3;width:178px}.art-label{position:absolute;top:32px;right:10%;font:600 12px/1.2 'Barlow Condensed';letter-spacing:2px;color:#a6ac99}.seal{position:absolute;bottom:70px;left:13%;border-radius:50%;background:var(--orange);color:var(--ink);width:111px;height:111px;transform:rotate(-12deg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;z-index:4;box-shadow:0 4px 10px #0003}.seal b{font:800 25px/.85 'Barlow Condensed';text-align:center;margin:5px}.seal>span{font-size:5px;letter-spacing:1px}.art-bottom{position:absolute;bottom:31px;right:10%;font-size:8px;letter-spacing:1.6px;color:#a7ac9e}.publisher-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 5%;border-bottom:1px solid var(--line)}.publisher-strip>span{font-size:8px;letter-spacing:1.4px;max-width:120px;line-height:1.6;color:#73776c}.publisher-strip a{font:900 31px/.85 'Barlow Condensed';letter-spacing:-1px}.publisher-strip a:hover{color:var(--orange)}.publisher-strip a small{font-size:9px;letter-spacing:1px;display:block;text-align:center;margin-top:3px}.publisher-strip .image-brand{font-size:27px;text-transform:lowercase;font-family:Georgia;font-weight:900}.image-brand span{display:block;text-align:center;font:8px Arial;letter-spacing:3px;margin-top:5px}.section{padding:70px 5%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-head .eyebrow{color:#787c71;font-size:9px}h2{font:700 clamp(34px,4vw,54px)/1.02 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-.6px;margin:15px 0 0}h2>span{color:var(--orange);margin-left:18px;font:36px Arial}.section-head p{font-size:11px;color:#767a6e;line-height:1.8}.catalog-bar{display:flex;align-items:center;justify-content:space-between;margin:30px 0 26px;gap:16px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{border:1px solid transparent;background:none;border-radius:2px;font-size:11px;padding:9px 13px}.filters button.active{background:var(--ink);color:var(--paper)}.filters button:hover{border-color:var(--ink)}select{border:0;border-bottom:1px solid var(--line);background:none;font-size:11px;padding:10px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product{position:relative}.product-image{height:290px;background:#e9e5db;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-image>button[data-product]{border:0;background:none;width:100%;height:100%;padding:22px}.product-image img{height:100%;max-width:100%;object-fit:contain;box-shadow:6px 10px 10px #0003;transition:transform .25s}.product-image:hover img{transform:translateY(-5px) rotate(-2deg)}.badge{position:absolute;top:12px;left:12px;z-index:1;background:var(--paper);padding:5px 7px;font-size:7px;letter-spacing:1px;font-weight:700}.save{position:absolute;right:9px;bottom:10px;border:0;background:var(--paper);width:31px;height:31px;display:grid;place-items:center;border-radius:50%}.save svg{height:15px;width:15px}.save.selected{background:var(--orange)}.product small{display:block;font-size:8px;color:#75796f;letter-spacing:1.3px;margin:17px 0 8px;text-transform:uppercase}.product h3{font-size:14px;margin:0 0 6px;line-height:1.3}.product h3 button{border:0;background:none;text-align:left;padding:0;font-weight:700}.product p{font-size:11px;color:#777b70;margin:0 0 13px}.product .status{font-size:9px;border-top:1px solid var(--line);padding-top:12px;color:#777b70;display:flex;justify-content:space-between}.reading-room{margin:12px 5% 0;background:#e7e8dd;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.reading-intro .eyebrow{font-size:8px;color:#6e7563}.reading-intro h2{font-size:47px}.reading-intro h2 i{font-style:normal;color:#606f4d}.reading-intro p{line-height:1.8;color:#656c5c;max-width:350px;font-size:12px;margin:21px 0}.guide-list{display:flex;flex-direction:column;justify-content:center}.guide-list button{display:flex;align-items:center;gap:19px;text-align:left;background:none;border:0;border-bottom:1px solid #c6cbb9;padding:23px 0}.guide-list button:first-child{border-top:1px solid #c6cbb9}.guide-no{font:500 15px 'Barlow Condensed';color:#8d9681}.guide-list small{font-size:7px;letter-spacing:1.3px;color:#77816c;display:block}.guide-list strong{font:600 26px 'Barlow Condensed';display:block;margin:4px 0}.guide-list em{font-style:normal;font-size:10px;color:#747d69}.guide-list b{margin-left:auto;font:23px Arial}.guide-list button:hover b{color:var(--orange)}.cards-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:85px;padding-bottom:85px}.cards-art{height:325px;background:#e8e3da;position:relative;overflow:hidden;background-image:radial-gradient(#bdb7ab 1px,transparent 1px);background-size:9px 9px}.collector-card{width:180px;height:253px;position:absolute;border-radius:8px;box-shadow:8px 14px 15px #0004;display:flex;flex-direction:column;justify-content:space-between;padding:16px;border:6px solid #fff9;left:50%;top:35px}.card-back{transform:translateX(-85%) rotate(-15deg);background:#252f28;color:#dde2ca;text-align:center}.card-back>b{font:900 130px 'Barlow Condensed';line-height:1}.collector-card>span{font-size:6px;letter-spacing:1px}.collector-card>small{font-size:5px;letter-spacing:1px}.card-front{transform:translateX(-5%) rotate(12deg);background:var(--orange);color:#2e271e}.star{font:110px/.9 Georgia;text-align:center;color:#f5e5b8}.card-front>b{font:800 25px/.9 'Barlow Condensed'}.cards-copy{max-width:430px}.cards-copy .eyebrow{font-size:9px}.cards-copy p{font-size:12px;line-height:1.9;color:#767a6e;max-width:350px}.card-types{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 15px}.card-types button{background:none;border:1px solid #c9cbbf;padding:10px;font-size:9px}.card-types button:hover{background:var(--ink);color:var(--paper)}.cards-copy>small{font-size:9px;color:#7d8177}.about{border-top:1px solid var(--line);padding:45px 5%;display:flex;align-items:center;gap:35px}.about>.mark{flex-shrink:0;width:70px;height:70px;font-size:63px}.about h2{font-size:30px;margin:10px 0}.about .eyebrow{font-size:8px}.about p{font-size:11px;line-height:1.8;color:#787c71;max-width:650px}.about-sign{margin-left:auto;flex-shrink:0;font-size:12px;color:#73796a;transform:rotate(-7deg)}.about-sign i{font:italic 27px Georgia;color:var(--ink)}footer{background:var(--ink);color:var(--paper);padding:38px 5%;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}footer>.logo{display:block;font-size:29px}footer>.logo small{font-size:7px}footer>span{text-align:right;font-size:9px;letter-spacing:2px;color:#a0a594}footer>div{display:flex;gap:24px;font-size:10px}footer button{border:0;background:none;padding:0;color:inherit;font-size:10px}footer>small{font-size:9px;color:#989d8e;text-align:right}dialog{border:0;padding:45px;width:min(700px,92vw);max-height:87vh;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #0008}dialog::backdrop{background:#10140edb;backdrop-filter:blur(4px)}.close{position:absolute;right:14px;top:10px;font-size:28px;background:none;border:0}.modal-product{display:grid;grid-template-columns:180px 1fr;gap:30px}.modal-product>img{width:100%;box-shadow:4px 8px 15px #0003}.modal-product h2{font-size:34px}.modal-product p,#modal-body>p{font-size:13px;line-height:1.8;color:#676e60}#modal-body h3{font-size:16px;margin:25px 0 8px}#modal-body ul,#modal-body ol{padding-left:20px;line-height:1.8;font-size:13px;color:#606855}#modal-body .guide-option{display:block;width:100%;text-align:left;padding:17px;border:1px solid var(--line);background:none;margin:10px 0}.guide-option:hover{border-color:var(--orange)!important}.guide-option b{display:block;margin-bottom:5px}.guide-option span{font-size:12px;color:#6f7763}#modal-body .eyebrow{color:#737d66}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--ink);color:var(--paper);padding:15px 25px;z-index:10;transition:transform .2s;font-size:12px;border:1px solid #626b55}#toast.show{transform:translateX(-50%) translateY(0)}#search-area{margin-bottom:25px;display:flex;align-items:center;gap:15px}#search-area[hidden]{display:none}#search-area label{font-size:11px}#search{padding:12px;flex:1;min-width:0;border:1px solid var(--line);background:#fff8}#clear-search{border:0;background:none;font-size:11px}.shelf-row{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.shelf-row img{width:45px}.shelf-row span{flex:1}.shelf-row button{border:0;background:none;color:#6c7461;font-size:11px}.format-table{width:100%;border-collapse:collapse;font-size:12px;margin:20px 0}.format-table th,.format-table td{text-align:left;padding:13px 8px;border-bottom:1px solid var(--line);vertical-align:top}.format-table th{background:#e8e8dc}button:hover{transition:all .15s}@media(min-width:1500px){.hero-copy{padding-left:14%}.hero{min-height:650px}.hero-art{padding-right:10%}.hero-book{width:230px}.book-two{width:245px}.book-three{width:210px}}@media(max-width:1000px){nav{gap:15px}.hero-copy{padding-top:45px}.hero-book{width:160px}.book-two{width:180px;left:25%;top:90px}.book-three{width:150px;left:53%;top:180px}.hero-actions{gap:16px;align-items:start;flex-direction:column}.hero-note{font-size:6px;margin-top:30px}.hero{min-height:550px}.product-image{height:240px}.reading-room{padding:35px;gap:35px}.reading-intro h2{font-size:39px}.section{padding-top:55px;padding-bottom:55px}.cards-section{gap:35px}.collector-card{width:150px;height:225px}.card-back>b{font-size:100px}.card-front>b{font-size:22px}.publisher-strip>span:last-child{display:none}}@media(max-width:650px){.announcement{height:29px;font-size:7px;letter-spacing:.8px}.announcement span:last-child{font-size:7px}header{height:78px;flex-wrap:wrap;padding-bottom:7px}.logo{font-size:27px;gap:7px}.mark{width:35px;height:35px;font-size:33px}.logo small{font-size:7px;letter-spacing:2.4px;margin-top:5px}nav{order:3;width:100%;justify-content:center;gap:27px;font-size:10px}.tools{gap:5px}.tools button{padding:5px}.tools svg{width:19px;height:19px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:34px 7% 0}.hero .eyebrow{font-size:7px}h1{font-size:80px;margin:27px 0 19px}.hero p{font-size:11px}.hero-actions{flex-direction:row;align-items:center;gap:19px}.button{padding:13px 15px;font-size:10px;gap:15px}.text-link{font-size:8px}.hero-note{margin-top:28px;font-size:6px}.hero-art{height:350px}.hero-book{top:45px;width:145px}.book-one{left:12%;top:57px}.book-two{left:35%;top:28px;width:155px}.book-three{left:62%;top:80px;width:130px}.orbit{width:360px;height:360px;top:0}.seal{width:85px;height:85px;bottom:35px;left:10%;font-size:6px}.seal b{font-size:19px}.seal>span{font-size:4px}.art-bottom{font-size:6px;right:6%;bottom:25px}.art-label{font-size:8px;top:15px;right:6%}.publisher-strip{padding:22px 5%;gap:20px;flex-wrap:wrap;justify-content:space-around}.publisher-strip>span{max-width:60px;font-size:6px}.publisher-strip a{font-size:24px}.publisher-strip .image-brand{font-size:21px}.publisher-strip a small{font-size:7px}.section{padding:40px 5%}.section-head{display:block}.section-head .eyebrow{font-size:7px}h2{font-size:39px}.section-head p{font-size:10px;margin-top:13px}.catalog-bar{margin:20px 0;display:block}.filters{gap:1px}.filters button{font-size:9px;padding:8px}.catalog-bar select{margin-top:10px;font-size:10px}.product-grid{grid-template-columns:repeat(2,1fr);gap:25px 15px}.product-image{height:235px}.product-image>button[data-product]{padding:22px 20px}.badge{font-size:6px;top:8px;left:8px}.product small{font-size:7px;margin-top:12px}.product h3{font-size:12px}.product p{font-size:10px}.product .status{font-size:8px}.reading-room{padding:28px;grid-template-columns:1fr;gap:25px;margin-top:0}.reading-intro h2{font-size:37px}.reading-intro p{font-size:11px}.guide-list button{padding:19px 0}.guide-list strong{font-size:24px}.guide-list em{font-size:9px}.cards-section{grid-template-columns:1fr;gap:30px}.cards-art{height:295px}.collector-card{width:165px;height:235px;top:25px}.cards-copy h2{font-size:42px}.about{gap:20px;flex-wrap:wrap;padding:30px 5%}.about>.mark{width:44px;height:44px;font-size:42px}.about>div{flex:1}.about h2{font-size:27px}.about p{font-size:10px}.about-sign{display:none}footer{padding:30px 5%;gap:25px 10px}footer>span{font-size:6px}footer>div{gap:13px;flex-wrap:wrap}footer>div a,footer button{font-size:9px}footer>small{font-size:7px;line-height:1.7}dialog{padding:35px 25px}.modal-product{grid-template-columns:100px 1fr;gap:20px}.modal-product h2{font-size:27px}.modal-product p{font-size:11px}.modal-product .button{font-size:9px;padding:10px}#search-area{flex-wrap:wrap}#search-area label{width:100%}.format-table{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Softer shapes, precise icons, and a little collector energy. */
:root{--ease-out:cubic-bezier(.2,.75,.25,1)}
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;background:var(--orange);z-index:20;transform:scaleX(0);transform-origin:left;pointer-events:none}
header{transition:box-shadow .3s,background .3s}
.mark{border-radius:9px}
.button{border-radius:10px;transition:background .2s,transform .35s var(--ease-out),box-shadow .35s}
.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0002}
.button:active{transform:translateY(0)}
.arrow-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;display:inline-block;flex-shrink:0;vertical-align:middle;transition:transform .35s var(--ease-out)}
.button:hover .arrow-icon,.guide-list button:hover .arrow-icon,.card-types button:hover .arrow-icon{transform:translate(2px,-2px)}
.text-link{display:inline-flex;align-items:center;gap:6px}
.text-link .arrow-icon{width:14px;height:14px}.text-link:hover .arrow-icon{transform:translateX(4px)}
h2>span .arrow-icon{height:30px;width:30px;margin-bottom:6px}
.art-bottom{display:flex;align-items:center;gap:10px}.art-bottom .arrow-icon{width:14px;height:14px}
.product-image{border-radius:15px;transition:background .4s,box-shadow .4s}
.product-image:hover{background:#e0ddcf;box-shadow:0 14px 30px #1c1e1b0c}
.product-image img{transition:transform .65s var(--ease-out),box-shadow .65s}
.product-image:hover img{transform:translateY(-8px) rotate(-2deg) scale(1.025);box-shadow:9px 17px 16px #0003}
.badge{border-radius:5px}.filters button{border-radius:8px;transition:background .25s,color .25s,border-color .25s}
.product .status{align-items:center}.status>span:last-child{display:flex;align-items:center;gap:6px}.status .arrow-icon{height:12px;width:12px}
.reading-room{border-radius:22px;overflow:hidden}.guide-list button{transition:padding .35s var(--ease-out),color .3s}.guide-list button:hover{padding-left:8px;color:#4d6138}
.guide-list b .arrow-icon{height:24px;width:24px}
.cards-art{border-radius:20px}.card-types button{border-radius:8px;display:inline-flex;align-items:center;gap:9px;transition:background .25s,color .25s,transform .3s}.card-types .arrow-icon{height:13px;width:13px}.card-types button:hover{transform:translateY(-3px)}
.collector-card{transition:transform .75s var(--ease-out)}.cards-art:hover .card-back{transform:translateX(-94%) rotate(-20deg)}.cards-art:hover .card-front{transform:translateX(1%) rotate(16deg) translateY(-6px)}
dialog{border-radius:20px}dialog[open]{animation:dialog-in .3s var(--ease-out)}dialog::backdrop{animation:backdrop-in .25s ease}.close{border-radius:50%;width:33px;height:33px;display:grid;place-items:center;line-height:1;transition:background .2s,transform .3s}.close:hover{background:#e5e2d8;transform:rotate(90deg)}
#modal-body .guide-option{border-radius:11px;transition:border-color .25s,background .25s,transform .3s}#modal-body .guide-option:hover{background:#eae9df;transform:translateX(3px)}
#search{border-radius:9px}#toast{border-radius:11px}.shelf-row button .arrow-icon{width:13px;height:13px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease-out) var(--reveal-delay,0ms),transform .8s var(--ease-out) var(--reveal-delay,0ms)}
.reveal.is-visible,.reveal:focus-within{opacity:1;transform:translateY(0)}
.hero-art{--scroll-shift:0px;--scroll-turn:0deg}
.hero-book{translate:0 var(--scroll-shift);rotate:var(--scroll-turn);border-radius:3px;will-change:translate;animation:book-drift 7s ease-in-out infinite}
.book-two{animation-delay:-2.4s;animation-duration:8s}.book-three{animation-delay:-4.5s;animation-duration:7.5s}
.hero .seal{animation:seal-arrive .9s var(--ease-out) both}
.hero-copy h1{animation:headline-in .8s var(--ease-out) both}.hero-copy p{animation:headline-in .8s .12s var(--ease-out) both}.hero-actions{animation:headline-in .8s .2s var(--ease-out) both}
.motion-paused .hero-book{animation-play-state:paused}
@keyframes book-drift{0%,100%{translate:0 var(--scroll-shift)}50%{translate:0 calc(var(--scroll-shift) - 12px)}}
@keyframes headline-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes seal-arrive{from{opacity:0;scale:.75}to{opacity:1;scale:1}}
@keyframes dialog-in{from{opacity:0;translate:0 15px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:650px){.reading-room{border-radius:16px;padding:26px}.product-image{border-radius:12px}.button{border-radius:9px}.card-types .arrow-icon{height:11px;width:11px}.art-bottom .arrow-icon{width:10px;height:10px}.hero-book{animation-duration:9s}.cards-art{border-radius:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}.hero-book{translate:none;rotate:none;will-change:auto}}