/* Quartermaster: an editorial shop shell around the WooCommerce catalogue. */
.supply-official-logo{width:255px;height:255px;border-radius:50%;box-shadow:0 12px 40px #0006}@media(max-width:900px){.supply-official-logo{width:180px;height:180px}}@media(max-width:700px){.supply-official-logo{display:none}}
.supply-container{width:min(100% - 10%,1240px);margin-inline:auto}
.supply-page{background:#f0eddf;min-height:70vh}
.supply-hero{position:relative;isolation:isolate;overflow:hidden;height:auto;padding:0;border:0;backdrop-filter:none;background:#1c211b;color:#f4eedf}
.supply-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#151b17f5 0%,#18211bdc 52%,#171b17a8 100%),url('war-table-square-wide.webp') center 53%/cover}
.supply-hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 49px,#e6d39f22 50px),repeating-linear-gradient(90deg,transparent 0 49px,#e6d39f22 50px);pointer-events:none}
.supply-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:40px;align-items:end;min-height:500px;padding-block:80px 75px}
.supply-hero .eyebrow{color:#e1c784;margin:0 0 18px}
.supply-hero h1{font:600 clamp(66px,9vw,128px)/.8 var(--display);text-transform:uppercase;letter-spacing:.008em;margin:0 0 30px;max-width:9ch;text-wrap:balance}
.supply-hero h1 span{color:#e7cb91}
.supply-hero-copy>p:not(.eyebrow){max-width:590px;font-size:clamp(17px,1.8vw,20px);line-height:1.55;color:#e3dfd1;margin:0}
.supply-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:32px}
.supply-hero-actions .join{background:#e6ca91;color:#1c211b;border-radius:0;font-weight:700}
.supply-hero-actions .join:hover{background:#f6dfb0}
.supply-hero-actions>a:not(.join){font-weight:700;color:#f4e6c8;text-decoration-color:#dec78f}
.supply-hero-stamp{display:grid;place-items:center;align-content:center;gap:8px;aspect-ratio:1;border:1px solid #e0c58a88;border-radius:50%;transform:rotate(8deg);color:#e0c58a;text-align:center;box-shadow:inset 0 0 0 9px #1117,inset 0 0 0 10px #e0c58a66}
.supply-hero-stamp span,.supply-hero-stamp small{font:500 10px/1.3 var(--mono);letter-spacing:.14em}
.supply-hero-stamp strong{font:600 82px/.9 var(--display)}
.supply-status{background:#d9c495;color:#29291e;border-block:1px solid #bd9e5e}
.supply-status>.supply-container{display:flex;gap:16px;align-items:baseline;padding-block:13px;font-size:14px}
.supply-status strong{font-weight:800;white-space:nowrap}
.supply-collection{padding-block:74px 95px}
.supply-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:31px}
.supply-heading .eyebrow{margin:0;color:#816737}
.supply-heading h2{font:600 clamp(45px,6vw,74px)/.9 var(--display);text-transform:uppercase;margin:9px 0 0;max-width:13ch;text-wrap:balance}
.supply-heading>p{max-width:380px;margin:0;color:#5c5c4f;line-height:1.6}
.supply-prelaunch{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:350px;background:#e4decb;border:1px solid #c2b693}
.supply-prelaunch-mark{display:flex;flex-direction:column;justify-content:space-between;padding:25px 30px;background:#343e32;color:#ddc891;font:600 clamp(90px,13vw,175px)/.85 var(--display)}
.supply-prelaunch-mark span{font:500 12px/1.3 var(--mono);letter-spacing:.15em}
.supply-prelaunch>div:last-child{align-self:center;padding:clamp(28px,5vw,65px)}
.supply-prelaunch .eyebrow{margin:0 0 10px;color:#76613c}
.supply-prelaunch h3{font:600 clamp(38px,4.5vw,62px)/.94 var(--display);text-transform:uppercase;max-width:14ch;margin:0 0 19px}
.supply-prelaunch p:not(.eyebrow){max-width:56ch;line-height:1.65;color:#55584b}
.supply-prelaunch-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px}
.supply-prelaunch-actions a{font-weight:700;text-decoration:none;border-bottom:1px solid #8b744b;padding-bottom:5px}
.supply-prelaunch-actions a:hover{text-decoration:underline}
.supply-trail{padding-bottom:90px}
.supply-trail>.eyebrow{margin:0 0 13px;color:#816737}
.supply-trail>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.supply-trail a{display:grid;grid-template-columns:1fr auto;gap:9px;background:#2e382c;color:#f3ebd7;padding:26px;text-decoration:none;min-height:130px}
.supply-trail a:hover{background:#46543e}
.supply-trail a span{grid-column:1/-1;color:#ddc48c;font:500 11px var(--mono);letter-spacing:.13em}
.supply-trail a strong{font:600 clamp(31px,3vw,42px)/1 var(--display);text-transform:uppercase}
.supply-trail a b{font-weight:400}
.supply-product{padding-block:36px 90px}.supply-back{margin-bottom:25px;font-size:14px;font-weight:700}
.supply-product .woocommerce-breadcrumb{margin-bottom:28px}
.supply-page .woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0 0;padding:0}
.supply-page .woocommerce ul.products:before,.supply-page .woocommerce ul.products:after{display:none}
.supply-page .woocommerce ul.products li.product{float:none;width:auto;margin:0;padding:0 0 20px;background:#faf8ee;border:1px solid #c7bea4;display:flex;flex-direction:column}
.supply-page .woocommerce ul.products li.product a img{display:block;aspect-ratio:1;object-fit:cover;margin:0 0 16px;background:#e8e3d2}
.supply-page .woocommerce ul.products li.product .woocommerce-loop-product__title,.supply-page .woocommerce ul.products li.product .price,.supply-page .woocommerce ul.products li.product .button{margin-inline:18px}
.supply-page .woocommerce ul.products li.product .woocommerce-loop-product__title{font:600 30px/1 var(--display);text-transform:uppercase;padding:0;margin-bottom:7px}
.supply-page .woocommerce ul.products li.product .price{color:#425139;font-weight:700}
.supply-page .woocommerce ul.products li.product .button{margin-top:auto;align-self:start}
.supply-page .woocommerce-ordering select{min-height:45px;padding:9px;border:1px solid #a89b7b;background:#fffdf6;color:#27291f}
.supply-page .woocommerce-result-count{margin-block:10px;color:#616353}
.supply-product .woocommerce div.product .product_title{font:600 clamp(48px,6vw,80px)/.9 var(--display);text-transform:uppercase}
.supply-product .woocommerce div.product p.price{font-size:24px;font-weight:700}
.supply-product .woocommerce div.product .woocommerce-tabs{padding-top:30px}
.supply-product .woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;border-bottom:1px solid #bcb196}
.supply-product .woocommerce div.product .woocommerce-tabs ul.tabs:before,.supply-product .woocommerce div.product .woocommerce-tabs ul.tabs li:after,.supply-product .woocommerce div.product .woocommerce-tabs ul.tabs li:before{display:none}
.supply-product .woocommerce div.product .woocommerce-tabs ul.tabs li{border:0;background:transparent;padding:0 16px 0 0;margin:0 12px 0 0}
.supply-product .woocommerce div.product .woocommerce-tabs ul.tabs li a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:900px){.supply-hero-grid{grid-template-columns:minmax(0,1fr) 180px;min-height:450px}.supply-hero-stamp strong{font-size:60px}.supply-prelaunch{grid-template-columns:220px minmax(0,1fr)}.supply-page .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.supply-container{width:min(100% - 10%,600px)}.supply-hero-grid{grid-template-columns:1fr;min-height:0;padding-block:65px 60px}.supply-hero h1{font-size:clamp(66px,17vw,100px)}.supply-hero-stamp{display:none}.supply-status>.supply-container{display:block}.supply-status strong{display:block}.supply-collection{padding-block:52px 65px}.supply-heading{display:block}.supply-heading>p{margin-top:17px}.supply-prelaunch{grid-template-columns:1fr}.supply-prelaunch-mark{min-height:150px;flex-direction:row;align-items:end;font-size:120px}.supply-prelaunch-mark span{padding-bottom:8px}.supply-trail{padding-bottom:65px}.supply-trail>div{grid-template-columns:1fr}}
@media(max-width:480px){.supply-page .woocommerce ul.products{grid-template-columns:1fr}.supply-hero-actions{align-items:start;flex-direction:column}.supply-prelaunch-mark{min-height:120px;font-size:95px}.supply-prelaunch>div:last-child{padding:25px}.supply-trail a{min-height:108px}}
@media(prefers-reduced-motion:reduce){.supply-hero{scroll-behavior:auto}}
