:root{--ink:#12110f;--paper:#f2efe7;--red:#d9432e;--line:rgba(18,17,15,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:absolute;z-index:5;width:100%}.wordmark{display:flex;align-items:center;color:inherit;text-decoration:none;font-weight:600;letter-spacing:-.05em;font-size:18px}.wordmark .cap{margin:0 3px;padding:5px 6px;background:var(--ink);color:var(--paper);border-radius:50%}nav{display:flex;align-items:center;gap:32px}nav a,.search-button{color:inherit;text-decoration:none;font:500 13px "DM Sans";background:none;border:0;cursor:pointer}.search-button{display:flex;gap:7px;align-items:center}.search-button i{width:14px;height:14px;border:1.5px solid;border-radius:50%;position:relative}.search-button i:after{content:"";position:absolute;width:5px;height:1.5px;background:var(--ink);right:-4px;bottom:-2px;transform:rotate(45deg)}.bag span{border:1px solid;border-radius:50%;padding:2px 6px;margin-left:4px}.hero{min-height:100vh;padding:120px 4vw 54px;display:grid;grid-template-columns:1fr 1.5fr 1fr;grid-template-rows:auto 1fr auto;align-items:center;gap:20px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.17em;font-weight:600}.hero>.eyebrow{align-self:start;padding-top:22px}.hero-art{grid-column:2;grid-row:1/4;display:flex;align-items:center;justify-content:center}.hero-art img{width:min(760px,57vw);mix-blend-mode:multiply}.hero-copy{max-width:410px;align-self:center}.hero h1,.section-heading h2{font:400 clamp(52px,6vw,96px)/.92 "Libre Caslon Display",serif;letter-spacing:-.05em;margin:0}.hero-copy p{font:400 16px/1.6 "DM Sans";max-width:360px;margin:26px 0}.button{display:inline-flex;gap:28px;background:var(--ink);color:var(--paper);padding:17px 21px;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.08em;transition:.25s}.button:hover{background:var(--red);transform:translateY(-2px)}.scroll-note{font-size:10px;text-transform:uppercase;letter-spacing:.15em;align-self:end}.scroll-note span{font-size:16px;margin-left:8px}.marquee{overflow:hidden;background:var(--ink);color:var(--paper);padding:15px 0;white-space:nowrap;font-size:11px;letter-spacing:.14em}.marquee div{width:max-content;animation:marquee 25s linear infinite}.marquee span{color:var(--red);padding:0 34px}@keyframes marquee{to{transform:translateX(-50%)}}
.collection{padding:120px 4vw}.section-heading{display:flex;align-items:end;justify-content:space-between;padding-bottom:54px;border-bottom:1px solid var(--line)}.section-heading h2{font-size:clamp(52px,7vw,100px);margin-top:15px}.section-heading>p{max-width:390px;line-height:1.6}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;padding-top:60px}.cover{aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:space-between;padding:10%;box-shadow:0 18px 32px rgba(0,0,0,.16);transition:.35s}.book-card:hover .cover{transform:translateY(-8px) rotate(-1deg)}.cover span{font:400 clamp(30px,4vw,62px)/.9 "Libre Caslon Display"}.cover small{max-width:160px;letter-spacing:.15em;line-height:1.4}.cover-one{background:#b94c37;color:#f7ebd2}.cover-two{background:#1e4873;color:#f2cf85}.cover-three{background:#d2caa8;color:#1b332a}.genre{margin:26px 0 8px;font-size:9px;letter-spacing:.17em}.book-card h3{font:400 27px "Libre Caslon Display";margin:0}.author{margin:7px 0 22px;font-size:12px;color:#666}.book-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:12px}.book-meta button{border:0;background:none;font:600 11px "DM Sans";text-transform:uppercase;cursor:pointer}.book-meta button:hover{color:var(--red)}.manifesto{background:#c9be9c;padding:120px 12vw;display:grid;grid-template-columns:1fr 2.5fr 1fr;gap:5vw}.manifesto blockquote{font:400 clamp(42px,5.5vw,82px)/1.05 "Libre Caslon Display";margin:0}.manifesto>div{align-self:end;font-size:13px;line-height:1.6}footer{background:var(--ink);color:var(--paper);padding:70px 4vw 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.footer-mark{font-size:30px}footer p{font-size:11px;text-transform:uppercase;letter-spacing:.1em}footer p:last-child{text-align:right}.search-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;background:var(--paper);padding:15vh 10vw;color:var(--ink)}.search-dialog::backdrop{background:var(--paper)}.search-dialog label{display:block;font:400 clamp(40px,6vw,90px) "Libre Caslon Display"}.search-dialog input{width:100%;font:400 clamp(28px,5vw,70px) "Libre Caslon Display";background:none;border:0;border-bottom:1px solid;padding:30px 0;outline:none}.search-dialog p{color:#777}.close-search{position:absolute;right:5vw;top:35px;border:0;background:none;font-size:40px;cursor:pointer}
@media(max-width:850px){.site-header{height:70px}.site-header nav a:not(.bag),.search-button span{display:none}nav{gap:18px}.hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-top:100px;text-align:center}.hero>.eyebrow{display:none}.hero-art{grid-column:1;grid-row:auto}.hero-art img{width:100%}.hero-copy{margin:auto}.scroll-note{display:none}.section-heading{display:block}.section-heading>p{margin-top:25px}.book-grid{grid-template-columns:1fr;gap:70px}.cover{max-width:450px;margin:auto}.manifesto{grid-template-columns:1fr;padding:80px 7vw}.manifesto>div{max-width:480px}footer{grid-template-columns:1fr;gap:25px}footer p:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.inner-header{position:relative}.site-header nav .active{border-bottom:1px solid}.store-page{min-height:80vh}.store-intro{padding:110px 4vw 90px;display:grid;grid-template-columns:2fr 1fr;align-items:end;border-bottom:1px solid var(--line)}.store-intro .eyebrow{grid-column:1/-1}.store-intro h1{font:400 clamp(60px,9vw,138px)/.84 "Libre Caslon Display",serif;letter-spacing:-.055em;margin:25px 0 0}.store-intro h1 em{color:var(--red);font-weight:400}.store-intro>p:last-child{max-width:390px;font-size:16px;line-height:1.6}.catalog-tools{padding:50px 4vw;display:grid;grid-template-columns:1fr 2fr auto;gap:30px;align-items:end;border-bottom:1px solid var(--line)}.catalog-tools label{font:400 26px/1.1 "Libre Caslon Display",serif;max-width:270px}.catalog-tools input{background:none;border:0;border-bottom:1px solid;padding:14px 2px;font:15px "DM Sans";outline:none}.catalog-tools input:focus{border-color:var(--red)}.catalog-tools p{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.catalog-grid{padding:70px 4vw 120px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:75px 4vw}.catalog-card h2{font:400 30px "Libre Caslon Display";margin:0}.catalog-card h2 a,.book-meta a{color:inherit;text-decoration:none}.catalog-cover{display:block;aspect-ratio:3/4;overflow:hidden;background:#dad1b8;box-shadow:0 16px 28px rgba(0,0,0,.14);transition:.25s}.catalog-cover:hover{transform:translateY(-7px) rotate(-.7deg)}.catalog-cover img,.product-cover>img{width:100%;height:100%;object-fit:cover}.type-cover{height:100%;padding:11%;display:flex;flex-direction:column;justify-content:space-between;color:#f4eedf;background:linear-gradient(145deg,#1e4873,#142334)}.type-cover strong{font:400 clamp(30px,4vw,62px)/.95 "Libre Caslon Display"}.type-cover small,.type-cover span{font-size:9px;letter-spacing:.14em;text-transform:uppercase}.catalog-status,.catalog-error{grid-column:1/-1;padding:60px;text-align:center}.catalog-error h1,.catalog-error h2{font:400 50px "Libre Caslon Display"}.catalog-error button{border:1px solid;padding:12px 20px;background:none;cursor:pointer}.product-page{padding:70px 7vw 120px;min-height:80vh}.back-link{color:inherit;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.14em}.product-layout{display:grid;grid-template-columns:minmax(280px,520px) 1fr;gap:9vw;margin-top:50px;align-items:start}.product-cover{aspect-ratio:3/4;box-shadow:0 20px 50px rgba(0,0,0,.2)}.product-copy{padding-top:25px}.product-copy h1{font:400 clamp(52px,7vw,102px)/.9 "Libre Caslon Display";letter-spacing:-.05em;margin:20px 0}.subtitle{font:italic 25px "Libre Caslon Display"}.product-author{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.synopsis{font:400 19px/1.7 "Libre Caslon Display";max-width:650px;margin:45px 0}.purchase-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:auto 1fr;gap:18px 30px;align-items:center}.purchase-box>strong{font:400 28px "Libre Caslon Display"}.purchase-box label{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.purchase-box select{display:block;width:100%;margin-top:7px;background:none;border:1px solid var(--line);padding:10px}.purchase-box .button{grid-column:1/-1;border:0;text-align:left;justify-content:space-between;cursor:pointer}.purchase-box .button:disabled{opacity:.4;cursor:not-allowed}.purchase-box small,.purchase-box #checkout-status{grid-column:1/-1}.purchase-box small{color:#69655e}.purchase-box #checkout-status{font-size:13px;margin:0}
@media(max-width:850px){.inner-header nav a:not(.active):not(.bag){display:none}.store-intro{grid-template-columns:1fr;padding-top:75px}.store-intro>p:last-child{margin-top:35px}.catalog-tools{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr;gap:70px}.catalog-card{max-width:500px;margin:auto;width:100%}.product-layout{grid-template-columns:1fr}.product-cover{max-width:480px;margin:auto}.product-page{padding-inline:5vw}}

/* coming-soon additions */
.soon{max-width:760px;margin:0 auto;padding:96px 24px;text-align:center}
.soon h2,.soon h1{font:400 clamp(36px,6vw,64px) "Libre Caslon Display",serif;margin:12px 0 20px}
.soon p{font-size:18px;line-height:1.6}
.soon a{text-decoration:underline}
