:root{--red:#ef0028;--red-hover:#c90025;--ink:#101116;--muted:#414955;--cloud:#f5f5f6;--line:#dadde1;--container:87.2vw;--font-sans:Arial,Helvetica,sans-serif;--font-serif:Georgia,"Times New Roman",serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:white;color:var(--ink);font:13px/1.4 var(--font-sans);-webkit-font-smoothing:antialiased}
button,select{font:inherit}
button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ff7388;outline-offset:3px}
a{color:inherit}.container{width:var(--container);max-width:1250px;margin:0 auto}
.arrivals-hero{height:clamp(154px,12.3vw,225px);min-height:154px;position:relative;isolation:isolate;overflow:hidden;background:#1a1010;color:#fff}
.hero-photo{position:absolute;z-index:-2;inset:-6px;background-image:url('../hero-books1.webp');background-position:center center;background-size:cover;animation:heroDrift 18s ease-in-out infinite alternate;will-change:transform}


.hero-photobooks{position:absolute;z-index:-2;inset:-6px;background-image:url('../browse-books.png');background-position:center center;background-size:cover;animation:heroDrift 18s ease-in-out infinite alternate;will-change:transform}



.arrivals-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,6,6,.86) 0%,rgba(12,7,5,.82) 31%,rgba(10,6,5,.38) 56%,rgba(8,7,5,.04) 93%);z-index:-1}
.hero-sheen{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.045) 49%,transparent 60%);background-size:260% 100%;animation:lightSweep 16s linear infinite}
.hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;padding-bottom:1px}
.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:clamp(9px,.78vw,12px);margin-bottom:9px;color:#f0f0f0}
.breadcrumbs a{text-decoration:none;color:#fff;opacity:.77;transition:opacity .25s}.breadcrumbs a:hover{opacity:1}
.breadcrumbs span[aria-hidden]{opacity:.55}
.arrivals-hero h1{font-size:clamp(28px,3.52vw,53px);font-weight:760;letter-spacing:-.035em;line-height:1.07;margin:0 0 2px;max-width:780px}
.hero-tagline{font:clamp(14px,1.44vw,22px)/1.16 var(--font-serif);margin:0 0 5px}
.hero-description{font:clamp(11px,1.03vw,16px)/1.23 var(--font-serif);margin:0;max-width:540px}
.arrivals-section{padding:12px 0 13px;background:linear-gradient(125deg,#fff 0%,#fff 52%,#fafafa 100%)}
.section-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:16px}
.heading-wrap{display:flex;flex-direction:column;gap:3px;flex:none}
.heading-wrap h2{margin:0;font-size:clamp(21px,1.95vw,30px);line-height:1.1;font-weight:800;letter-spacing:-.035em}
.heading-underline{display:block;width:23px;height:2px;background:var(--red);border-radius:1px;transform-origin:left;animation:underlineGrow .75s ease both}
.catalog-controls{display:flex;align-items:center;gap:9px;white-space:nowrap}
.catalog-controls label{color:#303542;font-size:11px}
.catalog-controls select{border:1px solid #dfe2e7;background:#fff;color:#222831;min-height:26px;width:110px;padding:3px 27px 3px 9px;border-radius:3px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23373e49' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 7px center;background-size:13px;background-repeat:no-repeat;cursor:pointer;font-size:11px}
.view-switch{display:flex;align-items:center;gap:3px;margin-left:3px}
.view-control{width:31px;height:26px;display:grid;place-items:center;background:#fff;color:#59616e;border:1px solid #dfe1e5;border-radius:3px;transition:background .22s,color .22s,transform .22s,border-color .22s}
.view-control:hover{transform:translateY(-2px);border-color:var(--red)}.view-control.is-active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 3px 9px #ed00252b}
.view-control svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.books-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 13px}
.book-card{min-width:0;position:relative;display:flex;align-items:center;gap:13px;min-height:139px;padding:8px 15px 8px 16px;border-radius:4px;overflow:hidden;background:linear-gradient(110deg,#f3f3f4 0%,#fafafa 46%,#f2f2f3 100%);box-shadow:0 1px 0 rgba(0,0,0,.015);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.book-card::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--red);transform:scaleY(0);transform-origin:center;transition:transform .25s ease}
.book-card:hover{transform:translateY(-3px);box-shadow:0 11px 24px rgba(0,0,0,.09);background:#f9f9f9}
.book-card:hover::before{transform:scaleY(1)}
.book-art{width:118px;height:124px;flex:0 0 118px;display:flex;align-items:center;justify-content:flex-end;min-width:0;perspective:700px}
.book-art img{width:auto;max-width:110px;height:123px;object-fit:contain;filter:drop-shadow(1px 4px 4px rgba(0,0,0,.18));transform-origin:center;transition:transform .38s cubic-bezier(.2,.8,.3,1),filter .38s}
.book-card:hover .book-art img{transform:perspective(600px) rotateY(-5deg) translateY(-3px) scale(1.037);filter:drop-shadow(2px 8px 8px rgba(0,0,0,.19))}
.book-details{min-width:0;flex:1;align-self:center;padding:1px 13px 0 0;display:flex;flex-direction:column;align-items:flex-start}
.book-details h3{font-size:clamp(11px,.98vw,14px);line-height:1.2;letter-spacing:-.012em;margin:0 0 8px;font-weight:760;max-width:100%}
.book-author,.book-meta{font-size:clamp(10px,.86vw,12px);color:#3d4551;line-height:1.3;margin:0 0 2px}
.book-meta{white-space:nowrap}.book-meta span{padding:0 5px;color:#868d96}
.book-price{font-size:clamp(11px,.99vw,15px);font-weight:800;margin:7px 0 5px}
.book-link{background:var(--red);border:0;color:white;width:min(146px,100%);min-width:100px;min-height:25px;border-radius:3px;font-size:clamp(10px,.86vw,12px);font-weight:600;display:flex;justify-content:center;align-items:center;gap:11px;box-shadow:0 2px 0 rgba(114,0,11,.10);transition:background .25s,box-shadow .25s,transform .25s;white-space:nowrap}
.book-link svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.book-link:hover{background:var(--red-hover);box-shadow:0 5px 12px rgba(239,0,40,.23);transform:translateY(-1px)}.book-link:hover svg{transform:translateX(4px)}
.new-badge{position:absolute;z-index:2;top:7px;left:7px;background:var(--red);color:#fff;border-radius:2px;padding:2px 5px;line-height:1.25;font-size:10px;font-weight:700;box-shadow:0 2px 5px #70001626}
.favorite{position:absolute;z-index:2;top:7px;right:7px;width:25px;height:25px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:var(--red);box-shadow:0 2px 7px rgba(0,0,0,.035);transition:transform .2s,background .2s;display: none;}
.favorite:hover{transform:scale(1.12)}.favorite svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:fill .2s}
.favorite[aria-pressed="true"] svg{fill:var(--red)}.favorite.heart-pop{animation:heartPop .32s ease}
/* Interactive full-width list view */
.books-grid.list-mode{grid-template-columns:1fr;gap:11px}
.books-grid.list-mode .book-card{min-height:145px;padding-right:25px}
.books-grid.list-mode .book-art{width:125px;flex-basis:125px;height:129px}
.books-grid.list-mode .book-art img{height:128px;max-width:120px}
.books-grid.list-mode .book-details{padding:0}
.books-grid.list-mode .book-details h3{font-size:16px;margin-bottom:5px}
.books-grid.list-mode .book-author,.books-grid.list-mode .book-meta{font-size:12px}
.books-grid.list-mode .book-price{font-size:15px}
.books-grid.list-mode .book-link{width:160px}
/* Footer */
.site-footer{padding:12px 0 13px;background:linear-gradient(180deg,#f8f9fa,#fff);border-top:1px solid #e7e8eb}
.footer-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:0;align-items:center}
.footer-brand{display:flex;align-items:center;gap:15px;padding-right:24px}
.brand-logo{display:flex;flex-direction:column;line-height:.84;flex-shrink:0;letter-spacing:-.08em;min-width:68px}
.brand-logo strong{font-size:27px;font-weight:900}.brand-logo small{font-size:8px;letter-spacing:.03em;line-height:1.4;font-weight:900}
.footer-brand p{font:12px/1.2 var(--font-serif);border-left:1px solid #d4d6db;padding-left:14px;margin:0}
.footer-feature{text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:17px;border-left:1px solid #d4d6db;padding:0 25px 0 37px;min-height:35px;transition:color .2s}
.footer-feature strong{font:700 12px/1.2 var(--font-serif);display:block}
.footer-feature span{font:10px/1.1 var(--font-serif);color:#626976;display:block;max-width:230px;margin-top:2px}
.footer-feature svg{width:18px;height:18px;min-width:18px;stroke:#172031;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s,stroke .22s}
.footer-feature:hover{color:var(--red)}.footer-feature:hover svg{transform:translateX(5px);stroke:var(--red)}
/* Accessible book details modal */
.book-dialog{padding:0;max-width:min(680px,calc(100vw - 32px));width:100%;border:none;border-radius:11px;background:white;box-shadow:0 24px 80px #0006;color:var(--ink)}
.book-dialog::backdrop{background:rgba(4,7,12,.67);backdrop-filter:blur(4px)}
.dialog-inner{padding:37px;display:grid;grid-template-columns:185px 1fr;gap:36px;position:relative;align-items:center}
.dialog-cover{text-align:center}.dialog-cover img{max-height:270px;max-width:100%;width:auto;box-shadow:8px 14px 20px #0002}
.dialog-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:33px;height:33px;border:0;border-radius:50%;background:#f0f0f2}
.dialog-close svg{width:17px;height:17px;stroke:#282b31;stroke-width:1.8;stroke-linecap:round;fill:none}
.dialog-label{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.18em}
.dialog-copy h2{font-size:clamp(25px,3vw,32px);line-height:1.08;margin:9px 0 10px;letter-spacing:-.03em}.dialog-author,.dialog-meta{color:#505662;margin:0 0 5px}
.dialog-price{font-size:20px;font-weight:800;margin:13px 0}.dialog-note{font:14px/1.55 var(--font-serif);color:#414653;margin:0 0 18px}
.dialog-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:white;text-decoration:none;border-radius:4px;padding:10px 15px;font-weight:600}
.dialog-cta:hover{background:var(--red-hover)}.dialog-cta svg{width:16px;height:16px;fill:none;stroke:white;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Reveal motion only when supported and JavaScript runs */
.has-js .book-card.reveal-pending{opacity:0;transform:translateY(18px)}
.has-js .book-card.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
@keyframes heroDrift{from{transform:scale(1.005) translateX(0)}to{transform:scale(1.045) translateX(-5px)}}
@keyframes lightSweep{from{background-position:130% 0}to{background-position:-150% 0}}
@keyframes underlineGrow{from{transform:scaleX(.1)}to{transform:scaleX(1)}}
@keyframes heartPop{40%{transform:scale(1.28)}100%{transform:scale(1)}}
/* Tablet */
@media (max-width:1050px){.book-card{gap:9px;padding:8px 10px 8px 10px}.book-art{flex-basis:112px;width:112px}.book-details{padding-right:8px}.book-details h3{font-size:11.5px}.book-link{min-width:100px}.footer-feature{padding:0 15px 0 22px}}
@media (max-width:890px){.books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.book-card{padding:10px;gap:14px}.book-art{width:132px;flex-basis:132px}.book-art img{height:123px}.book-details h3{font-size:13px}.book-price{font-size:13px}.book-link{min-height:29px}.arrivals-hero{height:190px}.hero-content{padding-top:1px}.arrivals-hero h1{font-size:clamp(27px,4.1vw,40px)}.footer-grid{grid-template-columns:1.2fr 1fr}.footer-brand{grid-column:1 / -1;padding:0 0 13px;margin-bottom:12px;border-bottom:1px solid #d9dbdf}.footer-feature:first-of-type{border-left:0;padding-left:0}}
@media (max-width:600px){:root{--container:calc(100% - 34px)}.arrivals-hero{height:212px}.hero-photo{background-position:64% center}.arrivals-hero::after{background:linear-gradient(90deg,rgba(5,4,4,.94),rgba(5,4,4,.77) 67%,rgba(8,5,5,.37))}.breadcrumbs{font-size:10px;margin-bottom:13px}.arrivals-hero h1{font-size:clamp(27px,7.2vw,38px);max-width:390px;line-height:1.04;margin-bottom:7px}.hero-tagline{font-size:16px;margin-bottom:8px}.hero-description{font-size:12.5px;line-height:1.4;max-width:300px}.desktop-break{display:none}.arrivals-section{padding-top:20px;padding-bottom:20px}.section-bar{align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:15px}.heading-wrap h2{font-size:25px}.catalog-controls{margin-left:auto;gap:6px}.catalog-controls select{width:108px}.books-grid{grid-template-columns:1fr;gap:12px}.book-card{min-height:157px;padding:10px 13px;gap:17px}.book-art{height:137px;flex-basis:124px;width:124px}.book-art img{max-width:113px;height:132px}.book-details{padding-right:18px}.book-details h3{font-size:14px;margin-bottom:10px}.book-author,.book-meta{font-size:11.5px}.book-price{font-size:14px;margin:10px 0 7px}.book-link{width:150px;min-height:31px;font-size:11px}.favorite{width:28px;height:28px}.new-badge{font-size:10px}.site-footer{padding:21px 0}.footer-grid{grid-template-columns:1fr}.footer-brand{padding:0 0 19px;margin-bottom:0}.footer-feature{border-left:none;border-bottom:1px solid #e0e0e2;padding:18px 0;min-height:60px}.footer-feature strong{font-size:14px}.footer-feature span{font-size:12px;margin-top:4px;max-width:270px}.footer-feature:last-child{border-bottom:0}.books-grid.list-mode .book-card{min-height:145px}.books-grid.list-mode .book-art{width:115px;flex-basis:115px;height:125px}.books-grid.list-mode .book-art img{height:120px}.dialog-inner{grid-template-columns:1fr;gap:17px;padding:28px 24px 25px}.dialog-cover img{max-height:200px}.dialog-copy h2{font-size:26px}.dialog-note{font-size:13px}}
@media (max-width:370px){.book-card{gap:8px}.book-art{width:103px;flex-basis:103px}.book-art img{max-width:97px}.book-details h3{font-size:12.5px}.book-details{padding-right:10px}.book-link{width:130px}.catalog-controls{gap:5px}.catalog-controls label{font-size:10px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.has-js .book-card.reveal-pending{opacity:1;transform:none}}