@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@400;500;600;700&family=DM+Mono&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#101419;--paper:#f4f1e9;--blue:#1758e8;--red:#f13c2e;--fog:#c9ced2;--line:#abb1b3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 'Space Grotesk',Arial,sans-serif}.ticker{background:var(--blue);color:white;padding:8px 22px;display:flex;justify-content:space-between;gap:20px;font:400 .65rem 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase}.header{background:var(--paper);padding:17px clamp(16px,4vw,65px);display:flex;align-items:center;border-bottom:1px solid var(--ink);gap:30px;position:sticky;top:0;z-index:20}.brand{font:700 2rem/.8 'Archivo Narrow',sans-serif;letter-spacing:-.08em;text-decoration:none;color:var(--ink);text-transform:uppercase}.brand span{color:var(--blue)}.header nav{display:flex;gap:28px;margin:auto}.header nav a,.footer a{font:500 .69rem 'DM Mono',monospace;text-transform:uppercase;text-decoration:none;color:var(--ink)}.header nav a:hover,.footer a:hover{text-decoration:underline}.bag{border:1px solid var(--ink);background:var(--red);color:#fff;padding:9px 12px;font:500 .7rem 'DM Mono',monospace;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}.bag:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.hero{min-height:590px;display:grid;grid-template-columns:1.4fr .6fr;border-bottom:1px solid var(--ink);overflow:hidden}.hero-main{padding:clamp(60px,11vw,150px) clamp(20px,7vw,115px) 50px;position:relative}.hero-main:after{content:'16';position:absolute;right:-2vw;bottom:-9vw;font:700 clamp(15rem,33vw,34rem)/.7 'Archivo Narrow',sans-serif;letter-spacing:-.1em;color:#e0ddd5;z-index:-1}.kicker,.index{margin:0 0 18px;font:400 .67rem 'DM Mono',monospace;letter-spacing:.05em;text-transform:uppercase}.hero h1,.page-hero h1{margin:0;font:700 clamp(5rem,12vw,12rem)/.73 'Archivo Narrow',sans-serif;letter-spacing:-.08em;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--blue)}.hero-main>p{max-width:550px;margin:28px 0;font-size:1.1rem}.button,.add,.checkout-button{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:13px 16px;font:500 .72rem 'DM Mono',monospace;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--red);display:inline-flex;justify-content:center;transition:.16s}.button:hover,.checkout-button:hover{background:var(--blue);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.hero-side{background:var(--blue);color:#fff;padding:35px clamp(20px,4vw,55px);display:flex;flex-direction:column;justify-content:end}.hero-side h2{font:500 2.8rem/.85 'Archivo Narrow',sans-serif;text-transform:uppercase;margin:9px 0 24px;letter-spacing:-.06em}.hero-side p{font-size:.92rem;max-width:250px}.manifest{padding:clamp(55px,9vw,125px) clamp(20px,10vw,170px);background:var(--ink);color:#fff;display:grid;grid-template-columns:.6fr 1.4fr;gap:30px}.manifest .kicker{color:#7fa4ff}.manifest h2{margin:0;font:500 clamp(2.5rem,5vw,5.5rem)/.86 'Archivo Narrow',sans-serif;letter-spacing:-.07em;text-transform:uppercase}.manifest p:last-child{max-width:700px;font-size:1.05rem;margin:25px 0 0;color:#d8dde1}.catalog{padding:80px clamp(15px,4vw,66px)}.catalog-head{display:flex;justify-content:space-between;align-items:end;border-bottom:3px solid var(--ink);padding-bottom:16px;margin-bottom:28px;gap:30px}.catalog-head h2{font:700 clamp(3.8rem,7vw,7rem)/.76 'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.08em;margin:0}.catalog-head>p{max-width:330px;margin:0;font-size:.88rem}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 13px}.card{border-top:1px solid var(--ink);padding-top:9px;display:flex;flex-direction:column}.card:nth-child(4n+2){margin-top:37px}.card:nth-child(4n+4){margin-top:18px}.photo{border:0;background:var(--fog);padding:0;overflow:hidden;aspect-ratio:4/5;cursor:pointer}.photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.photo:hover img{transform:scale(1.035)}.card section{display:flex;flex-direction:column;padding:12px 3px;min-height:230px}.card .index{font-size:.6rem;margin-bottom:7px}.card h3{margin:0 0 8px;font:600 2.1rem/.83 'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.06em}.card section>p:not(.index){font-size:.78rem;margin:0}.card footer{margin-top:auto;padding-top:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card footer>b,.modal footer>b{font:600 1rem 'DM Mono',monospace}.details{border:0;background:transparent;padding:0;text-decoration:underline;font:.62rem 'DM Mono',monospace;cursor:pointer}.add{padding:8px 9px;margin-left:auto;box-shadow:2px 2px 0 var(--blue);font-size:.61rem}.add:hover{background:var(--red);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.materials{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.materials article{padding:47px clamp(20px,4vw,58px);min-height:290px;border-right:1px solid var(--ink)}.materials article:last-child{border-right:0}.materials article:nth-child(2){background:var(--blue);color:#fff}.materials h3{font:600 3rem/.8 'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.06em;margin:0 0 18px}.materials p{max-width:310px;font-size:.9rem}.footer{padding:38px clamp(20px,4vw,65px) 20px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.footer p{margin:0;max-width:330px}.footer nav{justify-self:end;display:flex;gap:17px;flex-wrap:wrap}.footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:13px;font:.62rem 'DM Mono',monospace}.cart{position:fixed;z-index:50;top:0;right:0;height:100dvh;width:min(460px,100%);background:var(--paper);border-left:2px solid var(--ink);padding:22px;transform:translateX(103%);transition:transform .26s;overflow:auto}.cart.open{transform:none}.cart-head{display:flex;align-items:start;justify-content:space-between;border-bottom:3px solid var(--ink);padding-bottom:17px}.cart h2{margin:6px 0 0;font:600 3.4rem/.78 'Archivo Narrow',sans-serif;letter-spacing:-.06em;text-transform:uppercase}.close{border:1px solid var(--ink);background:#fff;width:40px;height:40px;font-size:1.7rem;cursor:pointer}.close:hover{background:var(--red);color:#fff}.line{display:grid;grid-template-columns:70px 1fr auto;gap:11px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.line img{width:70px;height:88px;object-fit:cover}.line b,.line small,.line strong{display:block}.line b{font:600 1.35rem/.85 'Archivo Narrow',sans-serif;text-transform:uppercase}.line small{font-size:.64rem;line-height:1.35;margin:5px 0}.line strong{font:.7rem 'DM Mono',monospace}.line span{display:flex;gap:5px;align-items:center}.line button{width:26px;height:26px;border:1px solid var(--ink);background:#fff;font-size:1rem;cursor:pointer}.line output{min-width:15px;text-align:center;font-size:.8rem}.cart-foot{padding-top:16px;border-top:3px solid var(--ink)}.cart-foot p,.summary p{display:flex;justify-content:space-between;margin:7px 0}.cart-foot small{display:block;margin:12px 0;font:.62rem 'DM Mono',monospace}.checkout-button{width:100%;box-shadow:4px 4px 0 var(--blue)}.empty{font-size:.9rem}.notice{position:fixed;z-index:70;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 16px;background:var(--red);color:#fff;border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:500 .7rem 'DM Mono',monospace}dialog{width:min(970px,calc(100% - 24px));padding:0;border:2px solid var(--ink);background:var(--paper);max-height:calc(100dvh - 24px)}dialog::backdrop{background:rgba(16,20,25,.78)}dialog>.close{position:absolute;right:13px;top:13px;z-index:2}.modal{display:grid;grid-template-columns:1fr 1fr;min-height:540px}.modal-image{background:var(--fog)}.modal-image img{width:100%;height:100%;display:block;object-fit:cover}.modal section{padding:55px clamp(22px,5vw,62px);overflow:auto}.modal h2{font:600 clamp(3.3rem,6vw,5.8rem)/.75 'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.07em;margin:0 0 24px}.lead{font-size:1.02rem}.modal dl{margin:25px 0;border-top:1px solid var(--ink)}.modal dl div{display:grid;grid-template-columns:95px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.modal dt{font:.61rem 'DM Mono',monospace;text-transform:uppercase}.modal dd{margin:0;font-size:.81rem}.note{font-size:.76rem}.modal footer{display:flex;align-items:center;justify-content:space-between;gap:13px}.modal footer .add{margin:0}.page-hero{padding:clamp(65px,11vw,150px) clamp(20px,10vw,170px);background:var(--blue);color:#fff}.page-hero h1{max-width:900px}.page-hero p{max-width:650px;font-size:1.08rem;margin:27px 0 0}.page{max-width:960px;padding:75px 22px 110px;margin:auto}.page h2{font:600 clamp(2.5rem,5vw,5.2rem)/.78 'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.07em;margin:60px 0 18px}.page h3{font:500 .76rem 'DM Mono',monospace;text-transform:uppercase;margin:28px 0 8px}.page p,.page li{max-width:760px}.checkout{max-width:1170px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;padding:70px 22px 105px}.checkout h1{font:600 clamp(4rem,7vw,7.5rem)/.75 'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.08em;margin:0}.checkout>section>p{max-width:600px;margin:22px 0}.fields{border:0;border-top:2px solid var(--ink);padding:19px 0;margin:0}.fields legend{font:.65rem 'DM Mono',monospace;text-transform:uppercase;padding-bottom:11px}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fieldgrid .full{grid-column:1/-1}label{display:grid;gap:5px;font-size:.75rem;font-weight:600}input,select{border:1px solid var(--ink);background:#fff;padding:11px;outline-color:var(--blue)}.paypal{width:100%;background:#ffc439;color:#003087;border:1px solid #003087;padding:15px;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:4px 4px 0 #003087}.paypal:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 #003087}.checkout-message{min-height:20px;color:var(--red);font-size:.8rem}.summary{align-self:start;border:2px solid var(--ink);padding:25px;background:var(--fog);box-shadow:7px 7px 0 var(--blue)}.summary h2{margin:0 0 21px;font:600 2.5rem/.8 'Archivo Narrow',sans-serif;text-transform:uppercase}.summary [data-summary] p{font-size:.82rem}.summary hr{border:0;border-top:1px solid var(--ink);margin:18px 0}.sum.total{border-top:1px solid var(--ink);padding-top:11px;font-size:1.05rem}.thank{min-height:72vh;background:var(--ink);color:#fff;padding:clamp(70px,12vw,180px) clamp(20px,11vw,180px)}.thank .kicker{color:#7fa4ff}.thank h1{margin:0;font:600 clamp(4.2rem,10vw,10rem)/.73 'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.08em}.thank h1 span{color:var(--red)}.thank p{max-width:600px;font-size:1.08rem;margin:28px 0}.thank .button{background:var(--red);box-shadow:4px 4px 0 #fff}@media(max-width:880px){.header nav{display:none}.hero,.manifest,.checkout{grid-template-columns:1fr}.hero-side{min-height:250px}.grid{grid-template-columns:repeat(2,1fr)}.materials{grid-template-columns:1fr}.materials article{border-right:0;border-bottom:1px solid var(--ink)}.modal{grid-template-columns:1fr}.modal-image{min-height:320px;max-height:430px}.summary{order:-1}}@media(max-width:520px){.ticker{font-size:.55rem}.ticker span:last-child{display:none}.header{padding:16px}.hero-main{padding:75px 20px 45px}.hero h1{font-size:5rem}.catalog{padding:58px 13px}.catalog-head{display:block}.catalog-head>p{margin-top:15px}.grid{grid-template-columns:1fr;gap:25px}.card:nth-child(4n+2),.card:nth-child(4n+4){margin-top:0}.card section{min-height:205px}.materials article{padding:45px 21px}.footer{grid-template-columns:1fr}.footer nav{justify-self:start}.fieldgrid{grid-template-columns:1fr}.fieldgrid .full{grid-column:auto}.modal section{padding:42px 20px}.checkout{padding:55px 18px}.page{padding:58px 20px}.page-hero{padding:75px 20px}}
