.catalog-page{background:#d7dbdc}.catalog-page .topbar nav a[aria-current="page"]{background:rgba(255,255,255,.12)}
.catalog-hero{position:relative;min-height:690px;display:grid;grid-template-columns:1.4fr .8fr;gap:7vw;align-content:center;padding:120px 7vw 90px;color:var(--white);background:linear-gradient(118deg,#0a0d0f 0%,#161b1e 58%,#24313a 100%);overflow:hidden}.catalog-hero:after{content:"10";position:absolute;right:-.06em;bottom:-.24em;color:rgba(255,255,255,.035);font:600 40rem/.8 var(--sans);letter-spacing:-.12em}.catalog-hero>.path{grid-column:1/-1;position:relative;z-index:1;margin:0}.catalog-title{position:relative;z-index:1}.catalog-title>span{font:10px var(--mono);letter-spacing:.12em}.catalog-title h1{margin:1.5rem 0 0;font:500 clamp(4.3rem,8vw,9rem)/.77 var(--sans);letter-spacing:-.06em;text-transform:uppercase}.catalog-title h1 em{display:block;color:var(--silver);font:400 .92em/.9 var(--serif);text-transform:none}.catalog-intro{position:relative;z-index:1;align-self:end;max-width:460px;padding-top:2rem;border-top:1px solid #697177}.catalog-intro p:first-child{font:400 1.9rem/1.2 var(--serif)}.catalog-intro p:last-child{color:#bdc4c7}.catalog-statusbar{position:absolute;z-index:2;inset:auto 0 0;display:grid;grid-template-columns:1fr 1fr auto;border-top:1px solid #687075;background:#111416;font:10px var(--mono)}.catalog-statusbar span{padding:10px 18px;border-right:1px solid #687075}.catalog-statusbar .online:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#9cae91;box-shadow:0 0 7px #9cae91}
.purchase-note{display:grid;grid-template-columns:.55fr 1.4fr auto;gap:4vw;align-items:center;padding:2rem 7vw;color:var(--black);background:var(--silver);border-bottom:1px solid #737b7f}.purchase-note>span{font:10px var(--mono);letter-spacing:.1em}.purchase-note p{max-width:760px;margin:0}.purchase-note p strong{display:block;margin-bottom:.35rem;font-weight:800}.purchase-note .control{white-space:nowrap}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--black)}.book-card{display:grid;grid-template-columns:minmax(150px,260px) 1fr;gap:2.2rem;min-height:480px;padding:3rem 4vw;border-right:1px solid var(--black);border-bottom:1px solid var(--black);background:var(--white)}.book-card:nth-child(2n){border-right:0}.book-card:hover{background:#e7e9e8}.book-cover{align-self:start;box-shadow:10px 10px 0 #9ba4a8;transition:transform .18s}.book-cover:hover{transform:translateY(-4px)}.book-cover img{width:100%;height:auto;aspect-ratio:5/8;object-fit:cover}.book-data{display:flex;flex-direction:column;min-width:0}.book-data>span{color:var(--blue);font:600 9px var(--mono);letter-spacing:.08em}.book-data h2{margin:1rem 0;font:500 clamp(2.2rem,3.3vw,4.1rem)/.88 var(--serif)}.book-data>p{max-width:410px;margin:0;font-size:1rem}.book-action{display:grid;gap:.55rem;margin-top:auto;padding-top:1.4rem;border-top:1px solid var(--line);font:600 9px var(--mono);letter-spacing:.07em}.book-action>span{color:#70797d}.book-action a{width:max-content;color:var(--blue);text-decoration:none;border-bottom:1px solid var(--blue)}.book-action a:after{content:" →"}
.catalog-close{display:grid;grid-template-columns:.45fr 1.4fr 1fr auto;gap:3vw;align-items:center;padding:5rem 7vw;color:white;background:var(--blue)}.catalog-close>span{font:9px var(--mono)}.catalog-close h2{margin:0;font:400 clamp(2.8rem,5vw,5.6rem)/.9 var(--serif)}.catalog-close p{margin:0;color:#d9e0e4}
@media(max-width:1100px){.book-card{grid-template-columns:150px 1fr;gap:1.5rem;padding-inline:2.5vw}.book-data h2{font-size:2.4rem}}
@media(max-width:860px){.catalog-hero{grid-template-columns:1fr;min-height:760px;padding-inline:22px}.catalog-title h1{font-size:clamp(4rem,17vw,7rem)}.catalog-intro{align-self:start}.catalog-statusbar{grid-template-columns:1fr auto}.catalog-statusbar span:nth-child(2){display:none}.purchase-note{grid-template-columns:1fr;padding-inline:22px}.purchase-note .control{width:max-content}.catalog-grid{grid-template-columns:1fr}.book-card{grid-template-columns:150px 1fr;padding:2.5rem 22px;border-right:0}.catalog-close{grid-template-columns:1fr;padding-inline:22px}.catalog-close .control{width:max-content}}
@media(max-width:520px){.catalog-hero{min-height:680px}.catalog-title h1{font-size:4.2rem}.book-card{grid-template-columns:105px 1fr;gap:1.15rem;min-height:360px}.book-cover{box-shadow:6px 6px 0 #9ba4a8}.book-data h2{font-size:2rem}.book-data>p{font-size:.9rem}.book-action{margin-top:1.5rem}}