@font-face{font-family:Archivo;src:url(/_f/archivo.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"Archivo Cond";src:url(/_f/archivo-cond.woff2) format("woff2");font-weight:500 900;font-display:swap}
@font-face{font-family:Afb;src:local(Arial),local("Liberation Sans"),local(Helvetica);size-adjust:101.6%;ascent-override:86.4%;descent-override:20.7%;line-gap-override:0%}

:root{
  --accent:#ff4f1a;
  --paper:light-dark(#f3f2ed,#1f1f1c);
  --ink:light-dark(#121211,#eeede7);
  --band:light-dark(#0b0b0a,#050505);
  --snow:#f3f2ed;
  --mute:color-mix(in oklab,var(--ink) 72%,var(--paper));
  --tint:color-mix(in oklab,var(--ink) 7%,var(--paper));
  
  --on:color(from var(--accent) srgb-linear clamp(0,(.1791 - (.2126*r + .7152*g + .0722*b))*1e6,1) clamp(0,(.1791 - (.2126*r + .7152*g + .0722*b))*1e6,1) clamp(0,(.1791 - (.2126*r + .7152*g + .0722*b))*1e6,1));
  --deep:oklch(from var(--accent) min(l,.48) c h);
  
  --ledge:color-mix(in oklab,var(--on) 60%,var(--accent));
  --lift:oklch(from var(--accent) max(l,.72) c h);
  --sel:light-dark(oklch(from var(--accent) min(l,.86) c h),oklch(from var(--accent) max(l,.42) c h));
  
  --edge:light-dark(oklch(from var(--accent) .18 0 0/calc(clamp(0,(l - .86)*40,1)*clamp(0,(.12 - c)*25,1))),oklch(from var(--accent) .93 0 0/calc(clamp(0,(.36 - l)*40,1)*clamp(0,(.12 - c)*25,1))));
  --sans:Archivo,Afb,Arial,sans-serif;
  --cond:"Archivo Cond","Arial Narrow",Archivo,Afb,sans-serif;
  --m:clamp(1rem,3.4vw,3rem);
  --gap:clamp(.75rem,1.7vw,1.5rem);
  --cols:12;
  --u:.5rem;
  --line:2px solid var(--ink);
  --guide:color-mix(in oklab,var(--ink) 10%,#0000);
  --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light dark;
  accent-color:var(--accent);
  caret-color:var(--deep);
  scrollbar-color:var(--ink) var(--paper);
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
@media (width<48rem){:root{--cols:6}}

*,::before,::after{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font:400 1rem/1.5 var(--sans);font-kerning:normal;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;hanging-punctuation:first allow-end last}
::selection{background:var(--sel);color:var(--on)}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{text-wrap:balance}
p,li,blockquote{text-wrap:pretty}
button,input,select{font:inherit;color:inherit;border-radius:0}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.masthead :focus-visible,.colophon :focus-visible{outline-color:var(--snow)}

.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip{position:absolute;z-index:9;left:var(--m);top:0;padding:1rem 1.25rem;background:var(--accent);color:var(--on);font-weight:700;text-decoration:none;translate:0 -110%}
.skip:focus{translate:0}


.masthead,main,.colophon{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gap);padding-inline:var(--m)}
main>*,.catalog,.results,.grid,.intro,.product,.lines,.line,.pager,.prose{grid-column:1/-1;display:grid;grid-template-columns:subgrid}
main{flex:1;align-content:start;overflow:clip;padding-block:calc(var(--u)*6) calc(var(--u)*12)}


.intro-title,.page-title,.product-title,.product-price,.card-link::before,.line-total,.subtotal strong,.thanks-total strong{text-box:trim-both cap alphabetic}
.page-title,.product-title{word-spacing:.12em}
.intro-title{word-spacing:.06em}


.buy-qty-label,.ship-to label,.stock,.badge,.results-count,.pager-status,.subtotal span,.thanks-total span{font:600 .75rem/1rem var(--sans);letter-spacing:.07em;text-transform:uppercase;font-feature-settings:"case"}


.masthead{background:var(--band) linear-gradient(var(--band) 5px,var(--snow) 5px 6px,var(--band) 6px);color:var(--snow);align-items:center;min-height:4rem;padding-top:6px;font-size:.9375rem;font-weight:500;box-shadow:0 1px 0 light-dark(#0000,#3b3b37)}
.masthead a{text-decoration:none}
.masthead a:hover{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px}
.brand{grid-column:1/4;font-weight:800;font-size:1.125rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav{grid-column:4/9;display:flex;flex-wrap:wrap;gap:0 1.5rem;white-space:nowrap}
.nav:not(:has(a)),.colophon-nav:not(:has(a)){display:none}
.search{grid-column:9/12}
.search input{width:100%;height:2.5rem;padding:0;background:none;border:0;border-bottom:1px solid color-mix(in oklab,var(--snow) 45%,var(--band));color:var(--snow);caret-color:var(--lift);outline-offset:0}
.search input::placeholder{color:color-mix(in oklab,var(--snow) 70%,var(--band));opacity:1}
.search input:focus{border-bottom-color:var(--snow)}
.search input::-webkit-search-cancel-button{filter:invert(1)}
.cart-link{grid-column:12;justify-self:end;font-weight:700}


.is-home main{padding-top:0;container-type:inline-size}
.intro{padding-bottom:calc(var(--u)*7);row-gap:calc(var(--u)*6);margin-bottom:calc(var(--u)*2);background:linear-gradient(to right,var(--guide) 0 1px,#0000 1px calc(100% - var(--gap) - 1px),var(--guide) 0 calc(100% - var(--gap)),#0000 0) 0 0/calc((100% + var(--gap))/var(--cols)) 100%}
.intro-title{grid-column:1/-1;grid-row:2;margin:0 0 0 -.04em;overflow-wrap:break-word;font:800 max(2rem,min(22rem,max(min(22.5cqi,calc(1.86cqi/var(--t,.34))),min(12.5cqi,calc(3.3cqi/var(--t,.34))))))/.92 var(--sans);letter-spacing:-.065em}
.intro-tagline{grid-column:9/-1;grid-row:1;margin:0;padding:1.25rem 1.25rem 4rem;background:var(--accent);color:var(--on);box-shadow:inset 0 -2px var(--edge),inset 2px 0 var(--edge),inset -2px 0 var(--edge);font-size:1.25rem;line-height:1.3;font-weight:500;letter-spacing:-.005em}
.intro:not(:has(.intro-tagline)){padding-top:calc(var(--u)*6)}
.intro:not(:has(.intro-tagline)) .intro-title{grid-row:1}

@property --t{syntax:"<number>";inherits:false;initial-value:.34}
@supports (timeline-scope:--n){
  body{timeline-scope:--name}
  .brand::after{content:"";display:inline-block;view-timeline:--name inline;view-timeline-inset:0 calc(100% - 1000px)}
  .intro-title{animation:fit linear both;animation-timeline:--name}
  @keyframes fit{from{--t:1}to{--t:0}}
}


.grid{list-style:none;margin:0;padding:0;row-gap:calc(var(--u)*7)}
.card{grid-column:span 3;position:relative;padding-top:1rem}
.card::before{content:"";position:absolute;inset:0 0 auto;height:.75rem;background:var(--ink);scale:1 .25;transform-origin:0 0}
.card:is(:hover,:has(:focus-visible))::before{scale:1}
.card-link{display:grid;grid-template-columns:1fr auto;align-items:last baseline;text-decoration:none;height:100%;align-content:start;outline:0}
.card-link::before{content:counter(list-item,decimal-leading-zero);content:counter(list-item,decimal-leading-zero)/"";font:800 clamp(3.25rem,6.2vw,6.25rem)/1 var(--cond);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-left:-.03em}
.card-price{grid-area:1/2;margin:0;font:700 clamp(1.125rem,1.5vw,1.5rem)/1 var(--cond);font-variant-numeric:tabular-nums}
.card-media{grid-area:2/1/3/-1;align-self:start;margin:1rem 0 0;aspect-ratio:3/4;overflow:hidden;background:var(--tint);position:relative;container-type:inline-size}
.card-media img{width:100%;height:100%;object-fit:cover}
.card-title{grid-area:3/1/4/-1;align-self:start;margin:.75rem 0 0;font-size:1.0625rem;line-height:1.25;font-weight:600;letter-spacing:-.01em;text-wrap:pretty}
.card-link:is(:hover,:focus-visible) .card-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
.card-initial{position:absolute;left:-.06em;bottom:-.2em;font:900 150cqi/.9 var(--cond);letter-spacing:-.04em;color:var(--ink)}
.badge{grid-area:2/1/3/-1;align-self:start;justify-self:start;margin:1rem 0 0;padding:.5rem .75rem .4375rem;background:var(--ink);color:var(--paper);z-index:1}

.is-sold-out.card::before{background:repeating-linear-gradient(90deg,var(--ink) 0 6px,#0000 0 10px);scale:1 .25}

.is-sold-out .card-link::before,.is-sold-out .card-initial,.product:has(:disabled) :is(.product-price,.card-initial){color:var(--paper);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}
.is-sold-out .card-initial,.product:has(:disabled) .card-initial{-webkit-text-stroke-width:6px}
.is-sold-out .card-price{color:var(--mute)}
.is-sold-out img{filter:grayscale(1) contrast(.9);opacity:.7}
.is-sold-out .card-media.is-empty{background:repeating-linear-gradient(-45deg,var(--tint) 0 8px,var(--paper) 0 16px)}

.pager{grid-column:1/-1;margin-top:calc(var(--u)*8);padding-top:1rem;border-top:var(--line);align-items:baseline;font-weight:700;font-size:1.25rem}
.pager a{text-decoration:none}
.pager a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.2em}
.pager-prev{grid-column:1/4}
.pager-prev::before{content:"← "}
.pager-status{grid-column:4/10}
.pager-next{grid-column:10/-1;justify-self:end}
.pager-next::after{content:" →"}


.page-title{grid-column:1/-1;margin:0 0 calc(var(--u)*7) -.03em;font:800 clamp(2.75rem,7.4vw,7.5rem)/.9 var(--sans);letter-spacing:-.05em}
.results-count{grid-column:1/4;margin:0 0 calc(var(--u)*4);padding-top:.5rem;border-top:1px solid var(--ink)}


.product{row-gap:calc(var(--u)*5)}
.product-media{grid-column:1/8;align-self:start;display:grid;gap:var(--gap);counter-reset:fig}
.product-hero,.product-more li{position:relative;counter-increment:fig}
.product-hero{margin:0;aspect-ratio:3/4;background:var(--tint);overflow:hidden;container-type:inline-size}
.product-hero img{width:100%;height:100%;object-fit:cover}

.product-hero:has(img)::after,.product-more li::after{content:counter(fig,decimal-leading-zero);content:counter(fig,decimal-leading-zero)/"";position:absolute;left:0;bottom:0;padding:.5rem .75rem 0 0;background:var(--paper);font:800 1.75rem/1 var(--cond);font-variant-numeric:tabular-nums;text-box:trim-end cap alphabetic}
.product-more{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.product-more img{aspect-ratio:3/4;object-fit:cover;width:100%;background:var(--tint)}
.product-info{grid-column:8/-1;align-self:start;position:sticky;top:calc(var(--u)*3);container-type:inline-size;border-top:var(--line);padding-top:1.25rem}
.product-title{margin:0 0 0 -.02em;font:800 clamp(2.5rem,5.2vw,4.5rem)/.92 var(--sans);letter-spacing:-.045em}
.product-price{margin:calc(var(--u)*7) 0 0 -.03em;font:800 min(33cqi,15rem)/.9 var(--cond);font-variant-numeric:tabular-nums;letter-spacing:-.015em}
.stock{margin:1.5rem 0 0;display:flex;gap:.5rem;align-items:center}
.stock::before{content:"";width:.625rem;height:.625rem;background:var(--ink)}
.product-info:has(:disabled) .stock::before{background:none;box-shadow:inset 0 0 0 2px var(--ink)}
.buy{margin-top:calc(var(--u)*4);display:grid;grid-template-columns:5.5rem 1fr;gap:.5rem var(--gap)}
.buy-qty-label{grid-column:1/-1}
input[type=number]{-moz-appearance:textfield;appearance:textfield;width:100%;height:3.5rem;padding:0 .75rem;background:var(--paper);border:var(--line);font:800 1.75rem/1 var(--cond);font-variant-numeric:tabular-nums}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]:disabled{border-style:dashed;color:var(--mute)}
.buy-button,.checkout-button{display:flex;justify-content:space-between;align-items:center;width:100%;height:3.5rem;padding:0 1.25rem;border:0;background:var(--accent);color:var(--on);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;text-align:left;box-shadow:inset 0 0 0 2px var(--edge),inset 0 0 0 var(--ledge)}
.buy-button::after,.checkout-button::after{content:"→";font-size:1.375rem;font-weight:600}
.buy-button:hover,.checkout-button:hover{box-shadow:inset 0 0 0 2px var(--edge),inset 0 -.375rem 0 var(--ledge)}
.buy-button:hover::after,.checkout-button:hover::after{translate:.25rem}
.buy-button:active,.checkout-button:active{box-shadow:inset 0 0 0 2px var(--edge),inset 0 -2px 0 var(--ledge)}
.buy-button:disabled{background:none;color:var(--ink);cursor:not-allowed;box-shadow:inset 0 0 0 2px var(--ink);text-decoration:line-through 2px}
.buy-button:disabled::after{content:none}
.product .prose{display:block;margin-top:calc(var(--u)*6);max-width:36em;font-size:1.0625rem}


.prose>*{margin:0 0 1.5rem}
.prose :is(p,li){font-variant-numeric:oldstyle-nums proportional-nums}
.prose h2,.prose h3{margin:2.5rem 0 1rem;padding-top:.625rem;border-top:var(--line);font-size:1rem;line-height:1.5;font-weight:700;letter-spacing:0}
.prose h3{border-top-width:1px}
.prose ul,.prose ol{padding:0;list-style:none}
.prose li{padding-left:1.5rem;position:relative}
.prose li+li{margin-top:.25rem}
.prose ul>li::before{content:"–";position:absolute;left:0}
.prose ol{counter-reset:o}
.prose ol>li{counter-increment:o;padding-left:2.25rem}
.prose ol>li::before{content:counter(o,decimal-leading-zero);position:absolute;left:0;font:800 1.25rem/1.25 var(--cond);font-variant-numeric:tabular-nums}
.prose a{text-decoration-thickness:1px;text-underline-offset:.2em}
.prose a:hover{background:var(--sel);color:var(--on);text-decoration:none}
.prose blockquote{font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.12;font-weight:600;letter-spacing:-.03em}
.prose blockquote p{margin:0}
.prose hr{border:0;border-top:var(--line)}
.prose code{font:.9em ui-monospace,monospace;background:var(--tint);padding:.1em .3em}
.prose table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
.prose th,.prose td{text-align:left;padding:.5rem .75rem .5rem 0;border-bottom:1px solid var(--ink);vertical-align:top}
.prose th{border-bottom-width:2px;font-weight:700}
.prose img{height:auto;background:var(--tint)}
.prose strong{font-weight:700}

.page .prose{row-gap:1.5rem;font-size:1.125rem;line-height:1.55}
.page .prose>*{grid-column:4/10;margin:0}
.page .prose>p:first-child{font-size:clamp(1.25rem,2vw,1.625rem);line-height:1.3;letter-spacing:-.01em}

.page .prose>h2,.page .prose>h3{grid-column:1/4;margin:calc(-.625rem - 2px) 0 0;font-size:1rem;line-height:1.744rem}
.page .prose>blockquote{grid-column:4/-1;margin-block:1rem}


.lines{list-style:none;margin:0;padding:0;border-top:var(--line);counter-reset:l}
.line{counter-increment:l;grid-template-rows:auto 1fr;align-items:start;padding-block:1rem;border-bottom:1px solid var(--ink);row-gap:.75rem}
.line::before{content:counter(l,decimal-leading-zero);content:counter(l,decimal-leading-zero)/"";grid-column:1;grid-row:1/3;font:800 2rem/1 var(--cond);font-variant-numeric:tabular-nums;text-box:trim-both cap alphabetic}
.line-img{grid-column:2;grid-row:1/3;width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--tint)}
.line-img.is-empty{display:grid;place-items:end start;overflow:hidden;font:900 5.5rem/.8 var(--cond);padding-left:.125rem}
.line-info{grid-column:3/7;grid-row:1;display:grid;gap:.5rem}
.line-title{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;text-decoration:none;text-box:trim-start cap alphabetic}
.line-title:hover{text-decoration:underline;text-decoration-thickness:2px}
.line-unit{font:500 .9375rem/1.2 var(--sans);font-variant-numeric:tabular-nums;color:var(--mute)}
.line-qty{grid-column:7/10;grid-row:1;display:flex;gap:.75rem;align-items:center}
.line-qty input{width:4.5rem;height:3rem;font-size:1.5rem}
.line-qty button,.line-remove button,.ship-to button{padding:.5rem 0;background:none;border:0;font-weight:600;text-decoration:underline;text-underline-offset:.25em;cursor:pointer}
.line-qty button:hover,.line-remove button:hover,.ship-to button:hover{text-decoration-thickness:3px}
.ship-to{margin:0;display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;align-items:center}
.ship-to label{grid-column:1/-1}
.ship-to select{min-width:0;height:3rem;padding:0 .75rem;background:var(--paper);border:var(--line);font-size:1.125rem;font-weight:600}
.line-remove{grid-column:3/7;grid-row:2;align-self:end}
.line-remove button{padding-bottom:0}
.line-total{grid-column:10/-1;grid-row:1;justify-self:end;margin:0;font:800 2rem/1 var(--cond);font-variant-numeric:tabular-nums}
.summary{grid-column:7/-1;margin-top:calc(var(--u)*6);display:grid;gap:1rem;align-content:start}
.subtotal,.thanks-total{margin:0;display:flex;justify-content:space-between;align-items:baseline;border-top:var(--line);padding-top:1rem}
.subtotal strong,.thanks-total strong{font:800 clamp(3.5rem,7vw,6.5rem)/1 var(--cond);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.summary-note{margin:0;color:var(--mute);font-size:.875rem}
.price-note{margin-top:calc(var(--u)*2);color:var(--mute);font-size:.875rem}
.checkout{margin:.5rem 0 0}
.continue{justify-self:start;font-weight:700;text-underline-offset:.25em;text-decoration-thickness:2px}
.continue::after{content:" →"}
.continue:hover{text-decoration-thickness:4px}
.notice{grid-column:1/-1;margin:0 0 calc(var(--u)*4);padding:.875rem 1.25rem;background:var(--ink);color:var(--paper);font-weight:600}
.empty{margin:0;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.15;font-weight:600;letter-spacing:-.025em;max-width:22ch;text-box:trim-start cap alphabetic}


main:has(.missing,.cart>.empty,.results>.empty){padding-bottom:0;align-content:stretch;container-type:inline-size;--z:min(56vw,54rem)}
.cart:has(>.empty),.results:has(>.empty),.missing{grid-template-rows:auto auto auto auto 1fr;align-items:start;row-gap:0}
.cart:has(>.empty)>:not(h1),.results>.empty,.missing>:not(h1){margin:0 0 1.5rem}
.cart:has(>.empty)::before,.results:has(>.empty)::before,.missing::before{content:"0";content:"0"/"";grid-column:1/7;grid-row:2/-1;margin:calc(var(--z)*.014) 0 calc(var(--z)*-.2) -.035em;font:900 var(--z)/1 var(--cond);letter-spacing:-.01em;text-box:trim-both cap alphabetic}
.cart:has(>.empty)>:not(h1),.results>.empty{grid-column:7/-1}
.cart:has(>.empty) .notice{justify-self:start;text-box:trim-both cap alphabetic;padding-block:1.125rem}
.cart:has(>.empty) .continue{margin-top:.5rem}
.missing>*{grid-column:1/7}
.missing .page-title{grid-column:1/-1;margin-bottom:calc(var(--u)*4)}
.missing p{font-size:1.375rem;line-height:1.3;max-width:30ch}
.missing::before{content:"404";content:"404"/"";--z:77cqi;grid-column:1/-1;grid-row:-2;align-self:end;margin:calc(var(--u)*8) 0 calc(var(--z)*-.16) -.0156em}


.thanks>*{grid-column:1/8}
.thanks .page-title{grid-column:1/-1}
.thanks-lead{margin:0 0 calc(var(--u)*6);font-size:1.375rem;line-height:1.3;max-width:34ch}
.thanks-items{list-style:none;margin:0 0 1.5rem;padding:0;border-top:var(--line);font-variant-numeric:tabular-nums}
.thanks-items li{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--ink);font-weight:500}
.thanks-total{margin-bottom:2rem;flex-wrap:wrap}
.thanks-total small{flex-basis:100%;margin-top:.75rem;color:var(--mute);font-size:.875rem}


.colophon{background:var(--band);color:var(--snow);padding-block:calc(var(--u)*5) calc(var(--u)*6);row-gap:1.5rem;font-size:.875rem;position:relative;margin-top:-1px;box-shadow:0 -1px 0 light-dark(#0000,#3b3b37)}
.colophon-nav{grid-column:1/7;display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;font-weight:600}
.colophon-made{grid-column:7/-1;margin:0}
.colophon a{text-underline-offset:.25em}
.colophon-nav a{text-decoration:none}
.colophon-nav a:hover{text-decoration:underline}


@media (48rem<=width<72rem){
  .card{grid-column:span 4}
  .masthead{padding-bottom:.5rem}
  .nav{grid-column:1/-1;grid-row:2;flex-wrap:wrap}
  .search{grid-column:7/12}
  .intro-tagline{grid-column:7/-1}
  .line-img{grid-column:2/4}
  .line-info,.line-remove{grid-column:4/7}
  .line-title{font-size:1.125rem}
  .product-media{grid-column:1/7}.product-info{grid-column:7/-1}
  .summary{grid-column:6/-1}
  .page .prose>*{grid-column:4/-1}
 .results:has(>.empty)::before,.cart:has(>.empty)::before{grid-row:-2;align-self:end}
}

@media (width<48rem){
  
  .masthead{grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;row-gap:0;min-height:0;padding-block:calc(6px + .25rem) .375rem}
  .brand{grid-column:1;line-height:1.75rem}
  .cart-link{grid-column:2;grid-row:1}
  .nav{grid-column:1/-1;grid-row:2;gap:0 1rem;font-size:.8125rem;line-height:1.5rem}
  .search{grid-column:1/-1;grid-row:3}
  .search input{height:2rem}
  .intro-tagline{grid-column:2/-1;font-size:1.125rem;padding-bottom:2.5rem}
  .card{grid-column:span 3}
  .card-title{font-size:.9375rem}
  .pager{font-size:1rem}
  .pager-prev{grid-column:1/3}.pager-status{grid-column:3/5;text-align:center}.pager-next{grid-column:5/-1}
  .results-count{grid-column:1/4}
  .product-media,.product-info{grid-column:1/-1}
  .product-info{position:static}
  .is-product main{padding-top:calc(var(--u)*3)}
  .product-media{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--m)*-1);padding-inline:var(--m);scroll-padding-inline:var(--m);scrollbar-width:none}
  .product-hero,.product-more li{flex:0 0 84%;scroll-snap-align:start}
  .product-more{display:contents}
  .product-media:not(:has(li)) .product-hero{flex-basis:100%}
  .page .prose>*,.page .prose>h2,.page .prose>h3,.page .prose>blockquote{grid-column:1/-1}
  .page .prose>:is(h2,h3){margin-top:1rem}
  .line{grid-template-rows:auto auto 1fr;padding-block:.75rem;row-gap:.5rem}
  .line::before{display:none}
  .line-img{grid-column:1/3;grid-row:1/4}
  .line-img.is-empty{font-size:8rem}
  .line-info,.line-remove,.line-qty,.line-total{grid-column:3/-1}
  .line-title{font-size:1.125rem}
  .line-remove{grid-row:2;align-self:start}
  .line-qty,.line-total{grid-row:3;align-self:last baseline}
  .line-total{font-size:1.625rem}
  .summary,.thanks>*,.missing>*{grid-column:1/-1}
  main:has(.cart>.empty,.results>.empty){--z:26rem}
  .cart:has(>.empty)>:not(h1),.results>.empty{grid-column:1/-1}
  .cart:has(>.empty)::before,.results:has(>.empty)::before{grid-column:1/-1;grid-row:-2;align-self:end;margin-top:calc(var(--u)*4)}
  .colophon-nav,.colophon-made{grid-column:1/-1}
}


@supports not (color:color(from red srgb r g b)){
  :root{--on:var(--paper);--sel:var(--ink);--lift:var(--snow);--edge:#0000}
  .intro-tagline,.buy-button,.checkout-button,.skip{background:var(--ink);color:var(--paper);box-shadow:inset 0 -.5rem 0 var(--accent)}
  .buy-button:hover,.checkout-button:hover{box-shadow:inset 0 -.875rem 0 var(--accent)}
}


@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  img[data-vt]{view-transition-name:attr(data-vt type(<custom-ident>),none)}
  ::view-transition-group(*){animation-duration:.35s;animation-timing-function:var(--ease)}
  .card::before{transition:scale .2s var(--ease)}
  .buy-button,.checkout-button{transition:box-shadow .15s}
  .buy-button::after,.checkout-button::after{transition:translate .2s var(--ease)}
  .intro-tagline{transition:clip-path .7s cubic-bezier(.7,0,.2,1);clip-path:inset(0)}
  @starting-style{.intro-tagline{clip-path:inset(0 100% 0 0)}}
  @supports (animation-timeline:view()){
    .card-media img{animation:settle linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
    @keyframes settle{from{scale:1.12}}
  }
}
.brand-logo{display:block;width:auto;height:auto;max-height:2.75rem;max-width:min(18rem,55vw);padding:.3rem .55rem;background:var(--paper)}

/* The bar across a preview of an unsaved look. Only preview stylesheets
   carry it, so it stays the same over every theme. */
.sc-preview {
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.25rem 1rem;
  margin: 0;
  padding: 0.625rem 1rem;
  background: #141210;
  color: #f7f5f0;
  font: 500 0.875rem/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: 0;
  text-transform: none;
}
.sc-preview p { margin: 0; }
.sc-preview b { font-weight: 700; }
.sc-preview a { color: #f7f5f0; font-weight: 700; text-decoration: underline; text-underline-offset: 0.2em; }
/* On the sample store, the look it's in is plain. */
.sc-preview [aria-current] { text-decoration: none; }