:root{--paper:#fff!important;--ink:#171614;--paper:#faf8f3;--stone:#d7d0c7;--taupe:#71685e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em;line-height:.92}.magazine{min-height:100vh}.eyebrow{color:var(--taupe);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.magazine-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.2rem clamp(1.25rem,5vw,5rem);border-bottom:1px solid var(--stone);font-size:14px;letter-spacing:.12em;text-transform:uppercase}.magazine-header button{justify-self:end;border:0;border-bottom:1px solid;background:none;padding:.25rem 0;text-transform:uppercase}.magazine-toolbar{padding:clamp(2rem,5vw,5rem);border-bottom:1px solid var(--stone)}.magazine-toolbar h1{margin-top:.8rem;font-size:clamp(3rem,7vw,6rem)}.magazine-toolbar input{width:min(420px,100%);margin-top:2rem;padding:.9rem 1rem;border:1px solid var(--ink);border-radius:0;background:transparent}.magazine-categories{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.magazine-categories button{border:1px solid var(--stone);background:transparent;padding:.55rem .8rem;text-transform:capitalize}.magazine-categories .is-active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.magazine-state{padding:4rem;text-align:center}.magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--stone)}.magazine-grid article{background:var(--paper)}.magazine-card{width:100%;border:0;background:transparent;padding:clamp(1rem,2vw,1.5rem);text-align:left}.magazine-card>span{display:block;aspect-ratio:4/5;overflow:hidden;background:#eee9df}.magazine-card img,.magazine-modal>img{display:block;width:100%;height:100%;object-fit:cover}.magazine-card img{transition:transform .3s ease}.magazine-card:hover img{transform:scale(1.025)}.magazine-card small{display:block;margin-top:1rem;color:var(--taupe);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.magazine-card h2{margin-top:.65rem;font-size:clamp(1.8rem,3vw,3rem)}.magazine-card p{margin-top:.8rem;color:var(--taupe);font-size:.9rem}.magazine-login{display:grid;min-height:100vh;place-items:center;padding:1.5rem}.magazine-login section{width:min(480px,100%)}.magazine-login h1{margin-top:1rem;font-size:clamp(3.5rem,9vw,6rem)}.magazine-login section>p:not(.eyebrow){margin:1.6rem 0;color:var(--taupe);line-height:1.65}.magazine-login form{display:grid;gap:1rem;margin:2rem 0}.magazine-login label{display:grid;gap:.45rem;font-size:14px}.magazine-login input{padding:.85rem;border:1px solid var(--stone);background:white}.magazine-login form button{margin-top:.5rem;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:.9rem;text-transform:uppercase;letter-spacing:.1em}.magazine-login a{border-bottom:1px solid;font-size:14px}.magazine-modal{position:fixed;z-index:10;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);background:var(--paper);overflow:auto}.magazine-modal>img{min-height:100%;max-height:100vh}.magazine-modal>div{align-self:center;padding:clamp(2rem,5vw,6rem)}.magazine-modal h2{margin-top:1rem;font-size:clamp(3rem,5vw,5rem)}.magazine-modal h2+p{margin-top:1.5rem;color:var(--taupe);line-height:1.7}.magazine-modal strong{display:block;margin-top:1.5rem;font-size:1.2rem}.magazine-modal h3{margin-top:2.5rem;font-size:14px;letter-spacing:.12em;text-transform:uppercase}.stock-list{display:grid;gap:1px;margin-top:1rem;background:var(--stone)}.stock-list span{display:flex;justify-content:space-between;gap:1rem;padding:.8rem;background:var(--paper);font-size:15px}.stock-list b{font-weight:400}.modal-close{position:fixed;z-index:1;right:1.5rem;top:1.5rem;border:1px solid var(--ink);background:var(--paper);padding:.65rem .9rem;text-transform:uppercase;font-size:13px;letter-spacing:.1em}@media(max-width:760px){.magazine-header{grid-template-columns:1fr auto}.magazine-header p{display:none}.magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.magazine-modal{grid-template-columns:1fr}.magazine-modal>img{height:65vh}.magazine-modal>div{padding:2rem}.modal-close{top:1rem;right:1rem}}@media(max-width:460px){.magazine-grid{grid-template-columns:1fr}}