@font-face{font-family:'Spectral';src:url(spectral.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Host Grotesk';src:url(hostgrotesk.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

:root{
--brim-paper:#f6f1e4;
--brim-card:#fffdf7;
--brim-ink:#14261d;
--brim-text:#22312a;
--brim-mute:#5d6b60;
--brim-line:#ddd5c2;
--brim-moss:#3f6a46;
--brim-deep:#0b1811;
--brim-kick:#44693a;
--brim-star:#a8782c;
--brim-knob:#14261d;
--brim-knobink:#f6f1e4;
--brim-shade:0 1px 2px rgba(20,38,29,.06),0 8px 24px rgba(20,38,29,.07);
--brim-round:14px;
--brim-gap:1.5rem;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--brim-paper);color:var(--brim-text);
font-family:'Host Grotesk',ui-sans-serif,system-ui,sans-serif;
font-size:17px;line-height:1.62;font-weight:400;
-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
ul,ol{margin:0;padding:0}
h1,h2,h3,h4{margin:0;font-family:'Spectral',Georgia,serif;font-weight:600;
line-height:1.14;letter-spacing:-.012em;color:var(--brim-ink)}
p{margin:0}
table{border-collapse:collapse;width:100%}
address{font-style:normal}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--brim-kick);outline-offset:3px;border-radius:4px}

.eyesoff{display:none}

.skiptohats{position:absolute;left:-9999px;top:0;z-index:60;
background:var(--brim-ink);color:var(--brim-paper);padding:.7rem 1.1rem;
border-radius:0 0 8px 0;text-decoration:none}
.skiptohats:focus{left:0}

.brimwrap{width:100%;max-width:72.5rem;margin:0 auto;padding:0 1.6rem}

.feltsheet{padding:4.6rem 0}
.plainrow{background:var(--brim-paper)}
.feltrule{background:linear-gradient(180deg,#f1ead9,#f6f1e4)}
.nightrow{
background:var(--brim-deep);
--brim-text:#e4dfcf;
--brim-ink:#f6f1e4;
--brim-mute:#a3b5a4;
--brim-line:rgba(246,241,228,.16);
--brim-card:rgba(246,241,228,.055);
--brim-kick:#9ec49f;
--brim-star:#e0b463;
--brim-knob:#f6f1e4;
--brim-knobink:#0b1811;
--brim-shade:none;
color:var(--brim-text)}

.weavehead{font-size:clamp(1.72rem,1.1rem + 2.1vw,2.7rem)}
.weavelead{font-size:1.12rem;color:var(--brim-mute);max-width:56ch;margin-top:.9rem}
.feltkick{font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;
font-weight:700;color:var(--brim-kick);margin-bottom:.85rem}
.longweave p{margin-bottom:1.05rem}
.longweave h3{font-size:1.32rem;margin:2rem 0 .7rem}
.longweave ul{margin:0 0 1.2rem;padding-left:1.1rem;list-style:none}
.longweave ul li{position:relative;padding-left:.9rem;margin-bottom:.5rem}
.longweave ul li::before{content:"";position:absolute;left:0;top:.62em;
width:7px;height:7px;border-radius:50%;background:var(--brim-kick)}

.overbrim{background:var(--brim-deep);color:#d9d3c2;font-size:.82rem}
.overbrim > div{display:flex;gap:1.2rem;align-items:center;
justify-content:space-between;min-height:2.4rem;padding-top:.3rem;padding-bottom:.3rem}
.overbrim span{color:#b9c6b6}
.overbrim a{color:#9ec49f;text-decoration:none;font-weight:600}
.overbrim a:hover{text-decoration:underline}

.crownstrip{position:sticky;top:0;z-index:50;background:rgba(246,241,228,.94);
backdrop-filter:blur(10px);border-bottom:1px solid var(--brim-line)}
.mastcrown{display:flex;align-items:center;gap:1.4rem;min-height:4.6rem}
.mastcrown > a:first-child{display:flex;align-items:center;gap:.6rem;
text-decoration:none;flex:0 0 auto}
.mastcrown img{width:44px;height:44px}
.crownmenu{display:flex;gap:.3rem;margin-left:auto;align-items:center}
.crownlink{display:inline-block;padding:.55rem .7rem;text-decoration:none;
font-size:.95rem;font-weight:600;color:var(--brim-text);border-radius:8px}
.crownlink:hover{background:rgba(63,106,70,0.1);color:var(--brim-ink)}
.crownburger{display:none;margin-left:auto;background:none;border:1px solid var(--brim-line);
border-radius:10px;padding:.5rem .7rem;cursor:pointer}
.crownburger b{display:block;width:20px;height:2px;background:var(--brim-ink);
margin:4px 0;border-radius:2px}

.takeknob{display:inline-flex;align-items:center;justify-content:center;
gap:.45rem;padding:.82rem 1.35rem;border-radius:999px;border:0;cursor:pointer;
background:var(--brim-knob);color:var(--brim-knobink);text-decoration:none;
font-weight:700;font-size:.97rem;line-height:1.2;transition:transform .14s ease}
.takeknob:hover{transform:translateY(-2px)}
.softknob{display:inline-flex;align-items:center;justify-content:center;
gap:.45rem;padding:.78rem 1.3rem;border-radius:999px;cursor:pointer;
background:transparent;color:var(--brim-ink);text-decoration:none;
border:1.5px solid var(--brim-line);font-weight:700;font-size:.97rem;line-height:1.2}
.softknob:hover{border-color:var(--brim-kick);color:var(--brim-kick)}
.knobline{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}

.hatgrid{display:grid;gap:var(--brim-gap);
grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}
.hatcard{background:var(--brim-card);border:1px solid var(--brim-line);
border-radius:var(--brim-round);overflow:hidden;display:flex;flex-direction:column;
box-shadow:var(--brim-shade);transition:transform .16s ease,border-color .16s ease}
.hatcard:hover{transform:translateY(-3px);border-color:var(--brim-kick)}
.hatshot{position:relative;aspect-ratio:1/1;background:#efe8d6;overflow:hidden}
.hatshot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hatcard > div:last-child{padding:1.05rem 1.1rem 1.15rem;display:flex;
flex-direction:column;gap:.5rem;flex:1}
.hatname{font-size:1.02rem;line-height:1.28;font-family:'Spectral',Georgia,serif;
font-weight:600;color:var(--brim-ink)}
.hatname a{text-decoration:none}
.hatname a:hover{color:var(--brim-moss)}
.hattag{font-size:.83rem;color:var(--brim-mute);display:flex;
flex-wrap:wrap;gap:.35rem .7rem;align-items:center}
.sizedot{display:inline-flex;align-items:center;gap:.3rem;font-size:.79rem;
color:var(--brim-mute)}
.sizedot i{width:.5rem;height:.5rem;border-radius:50%;background:var(--brim-kick);
display:inline-block}

.costtick{display:flex;align-items:baseline;gap:.5rem;margin-top:auto}
.costtick b{font-size:1.22rem;font-family:'Spectral',Georgia,serif;
font-weight:600;color:var(--brim-ink)}
.costtick span{font-size:.79rem;color:var(--brim-mute)}
.barecost{font-size:1.22rem;font-family:'Spectral',Georgia,serif;
font-weight:600;color:inherit}
.lastcost{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;
justify-content:space-between;border-top:1px solid var(--brim-line);
margin-top:2.6rem;padding-top:1.6rem}

.starrun{display:inline-flex;align-items:center;gap:.28rem;font-size:.83rem;
color:var(--brim-mute)}
.starrun i{color:var(--brim-star);font-style:normal;letter-spacing:.04em}

.threadtrail{padding:1.15rem 0 0;font-size:.84rem;color:var(--brim-mute)}
.threadtrail ol{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none}
.threadtrail li::after{content:"/";margin-left:.4rem;color:var(--brim-line)}
.threadtrail li:last-child::after{content:""}
.threadtrail a{text-decoration:none;color:var(--brim-moss)}
.threadtrail a:hover{text-decoration:underline}
.trailhere{color:var(--brim-text)}

.tightweave{background:var(--brim-deep);color:#cfc9b8;padding:3.4rem 0 1.8rem;
--brim-ink:#f6f1e4;--brim-line:rgba(246,241,228,.14)}
.hemrun{display:grid;gap:2.2rem;grid-template-columns:1.5fr repeat(3,1fr)}
.hemcol h3{font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;
color:#9fb09e;margin-bottom:.9rem;font-family:'Host Grotesk',sans-serif;font-weight:700}
.hemcol ul{list-style:none}
.hemcol li{margin-bottom:.5rem}
.hemcol a{color:#dcd6c5;text-decoration:none;font-size:.92rem}
.hemcol a:hover{color:#9ec49f;text-decoration:underline}
.hemcol img{width:52px;height:52px;margin-bottom:.9rem}
.hemcol p{font-size:.9rem;color:#a9b3a6;margin-bottom:.8rem}
.strawrow{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:flex-start;
justify-content:space-between;border-top:1px solid var(--brim-line);
margin-top:2.6rem;padding-top:1.5rem;font-size:.82rem;color:#94a293}
.strawrow img{max-width:min(268px,100%);height:auto}
.hemcut{max-width:34rem}
.hemcut address{font-size:.82rem;color:#94a293;line-height:1.6}

@media (max-width:960px){
.hemrun{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
.feltsheet{padding:3.1rem 0}
.crownburger{display:block}
.crownmenu{display:none;position:absolute;left:0;right:0;top:100%;
background:var(--brim-paper);border-bottom:1px solid var(--brim-line);
flex-direction:column;align-items:stretch;padding:.7rem 1.6rem 1.2rem;gap:.15rem;
box-shadow:0 14px 30px rgba(20,38,29,.12)}
.crownmenu[data-open="1"]{display:flex}
.crownlink{padding:.7rem .5rem;font-size:1rem;border-bottom:1px solid var(--brim-line)}
.mastcrown{min-height:4rem;position:relative}
.hemrun{grid-template-columns:1fr;gap:1.7rem}
.overbrim > div{font-size:.76rem;gap:.7rem}
}

.snugcol{display:grid;gap:2.6rem;grid-template-columns:1fr 1.35fr;align-items:start}
.plaincol{max-width:46rem}

.frontbrim{padding:4rem 0 3.4rem;overflow:hidden}
.frontword{max-width:38rem}
.frontword h1{font-size:clamp(2.25rem,1.3rem + 3.4vw,3.7rem);margin-bottom:1.1rem}
.frontword > p{font-size:1.14rem;color:var(--brim-mute);max-width:34rem}
.frontshelf{display:grid;gap:.9rem;grid-template-columns:repeat(5,1fr);
margin-top:3.2rem}
.frontpick{display:flex;flex-direction:column;gap:.55rem;
background:var(--brim-card);border:1px solid var(--brim-line);
border-radius:var(--brim-round);padding:.6rem .6rem .7rem}
.frontpick > a{display:flex;flex-direction:column;gap:.55rem;text-decoration:none}
.frontpick > button{margin-top:auto;width:100%;padding:.45rem .7rem;font-size:.8rem}
.frontpick span{display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;
background:#efe8d6;position:relative}
.frontpick img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.frontpick b{font-size:.86rem;font-weight:600;line-height:1.3;
color:var(--brim-ink);padding:0 .15rem}
.frontpick em{font-size:.78rem;font-style:normal;color:var(--brim-mute);padding:0 .15rem}
.frontpick:hover{border-color:var(--brim-kick)}

.pledgestrip{display:grid;gap:1.2rem;grid-template-columns:repeat(4,1fr);
padding:2.5rem 0;border-top:1px solid var(--brim-line);
border-bottom:1px solid var(--brim-line)}
.promisecell h3{font-size:1.04rem;margin-bottom:.4rem}
.promisecell p{font-size:.9rem;color:var(--brim-mute)}
.promisecell svg{width:26px;height:26px;margin-bottom:.7rem;stroke:var(--brim-kick);
fill:none;stroke-width:1.6}

.pillbrim{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.7rem}
.pillpin{display:inline-block;text-decoration:none;font-size:.92rem;font-weight:600;
padding:.5rem 1rem;border-radius:999px;background:var(--brim-card);
border:1px solid var(--brim-line);color:var(--brim-text)}
.pillpin:hover{background:var(--brim-ink);color:var(--brim-paper);border-color:var(--brim-ink)}

.shelfboard{display:grid;gap:1.3rem;grid-template-columns:repeat(4,1fr);margin-top:2.4rem}
.shelfpane{position:relative;display:block;text-decoration:none;
border-radius:var(--brim-round);overflow:hidden;min-height:0;aspect-ratio:4/3;
background:#efe8d6}
.shelfpane img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shelfpane div{position:absolute;left:0;right:0;bottom:0;padding:2.6rem 1.1rem .95rem;
background:linear-gradient(180deg,rgba(11,24,17,0),rgba(11,24,17,.78) 40%,rgba(11,24,17,.92));
color:#fff}
.shelfpane b{display:block;font-family:'Spectral',Georgia,serif;
font-weight:600;font-size:1.08rem}
.panecount{font-size:.79rem;color:#eef2ec}
.shelfpane:hover img{transform:scale(1.04)}
.shelfpane img{transition:transform .3s ease}

.shelfweave{padding:3.9rem 0}
.shelflead{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;
justify-content:space-between;margin-bottom:2rem}
.shelflead a{font-size:.92rem;font-weight:700;color:var(--brim-moss);text-decoration:none}
.shelflead a:hover{text-decoration:underline}
.shelfsay{max-width:52ch;color:var(--brim-mute);margin-top:.7rem}

.duorow{display:grid;gap:1.5rem;grid-template-columns:1.25fr 1fr;margin-top:2.4rem}
.duobig,.duosmall{border-radius:var(--brim-round);padding:2.6rem 2.2rem;
display:flex;flex-direction:column;justify-content:flex-end;min-height:20rem;
text-decoration:none;position:relative;overflow:hidden}
.duobig{background:var(--brim-deep);color:#e4dfcf}
.duobig h3{color:#f6f1e4;font-size:1.7rem;margin-bottom:.6rem}
.duobig p{color:#a8bba9;max-width:32ch}
.duosmall{background:linear-gradient(150deg,#ece3ce,#f6f1e4);
border:1px solid var(--brim-line)}
.duosmall h3{font-size:1.5rem;margin-bottom:.6rem}
.duosmall p{color:var(--brim-mute);max-width:32ch}

.numberband{display:grid;gap:1.6rem;grid-template-columns:repeat(4,1fr);text-align:left}
.numbercount{font-family:'Spectral',Georgia,serif;font-weight:600;
font-size:clamp(1.9rem,1.2rem + 2vw,2.8rem);line-height:1;color:var(--brim-ink)}
.numberword{font-size:.87rem;color:var(--brim-mute);margin-top:.5rem;max-width:22ch}

.standrow{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2.5rem}
.standcell{border-top:2px solid var(--brim-kick);padding-top:1.2rem}
.standcell h3{font-size:1.14rem;margin-bottom:.5rem}
.standcell p{color:var(--brim-mute);font-size:.95rem}

.howtocol{display:grid;gap:2.8rem;grid-template-columns:1fr 1fr;align-items:start}
.howtolist{list-style:none;counter-reset:s;margin-top:1.6rem}
.howtolist li{counter-increment:s;position:relative;padding-left:3rem;
margin-bottom:1.5rem}
.howtolist li::before{content:counter(s);position:absolute;left:0;top:-.1rem;
width:2.1rem;height:2.1rem;border-radius:50%;background:var(--brim-ink);
color:var(--brim-paper);display:flex;align-items:center;justify-content:center;
font-weight:700;font-size:.9rem}
.howtolist b{display:block;font-family:'Spectral',Georgia,serif;
font-weight:600;font-size:1.08rem;color:var(--brim-ink);margin-bottom:.25rem}
.howtolist p{color:var(--brim-mute);font-size:.95rem}

.starbrim{display:grid;gap:2.6rem;grid-template-columns:1fr 1.1fr;align-items:center}
.starframe{position:relative;aspect-ratio:1/1;border-radius:var(--brim-round);
overflow:hidden;background:#efe8d6}
.starframe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.starsay{color:var(--brim-mute);margin:1rem 0 1.4rem;max-width:48ch}

.mindduo{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:2.3rem}
.mindlist{background:var(--brim-card);border:1px solid var(--brim-line);
border-radius:var(--brim-round);padding:1.8rem}
.mindlist h3{font-size:1.12rem;margin-bottom:1rem}
.mindlist ul{list-style:none}
.mindlist li{position:relative;padding-left:1.5rem;margin-bottom:.65rem;
font-size:.95rem;color:var(--brim-text)}
.mindlist li::before{position:absolute;left:0;top:0;font-weight:700;
color:var(--brim-kick);content:"+"}
.mindlist:last-child li::before{content:"\2212"}

.whystrip{max-width:44rem}
.whystrip p{margin-top:1rem;color:var(--brim-text)}

.readtable{margin:1.6rem 0 2rem;font-size:.93rem}
.readtable caption{text-align:left;font-size:.76rem;letter-spacing:.13em;
text-transform:uppercase;font-weight:700;color:var(--brim-kick);padding-bottom:.7rem}
.readtable th,.readtable td{text-align:left;padding:.62rem .8rem;
border-bottom:1px solid var(--brim-line);vertical-align:top}
.readtable th{font-weight:700;color:var(--brim-ink);font-size:.85rem}
.readtable tbody tr:last-child td{border-bottom:0}

.wornrow{display:grid;gap:1.4rem;grid-template-columns:repeat(3,1fr);margin-top:2.3rem}
.worncard{background:var(--brim-card);border:1px solid var(--brim-line);
border-radius:var(--brim-round);padding:1.7rem}
.worncard p{font-size:.97rem;margin-bottom:1rem}
.worncard b{font-size:.85rem;color:var(--brim-mute);font-weight:600}

.lastbrim{text-align:center}
.lastbrim h2{max-width:24ch;margin:0 auto}
.lastbrim p{color:var(--brim-mute);max-width:52ch;margin:1rem auto 0}
.offwego{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:1.8rem}

.hatspread{display:grid;gap:3rem;grid-template-columns:1.05fr 1fr;
align-items:start;padding:2rem 0 1rem}
.spreadshot{position:sticky;top:6rem}
.spreadshot > div{position:relative;aspect-ratio:1/1;border-radius:var(--brim-round);
overflow:hidden;background:#efe8d6;border:1px solid var(--brim-line)}
.spreadshot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shotcut{display:grid;gap:.6rem;grid-template-columns:repeat(5,1fr);margin-top:.7rem}
.shotcut button{position:relative;aspect-ratio:1/1;padding:0;overflow:hidden;
border:1px solid var(--brim-line);border-radius:9px;background:#efe8d6;cursor:pointer}
.shotcut button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shotcut button[data-open="1"]{border-color:var(--brim-ink);border-width:2px}
.spreadfacts h1{font-size:clamp(1.6rem,1.1rem + 1.7vw,2.3rem);margin-bottom:.8rem}
.spreadcopy{color:var(--brim-text);margin:1.2rem 0}
.factboard{margin:1.5rem 0;border-top:1px solid var(--brim-line)}
.factrule{display:grid;grid-template-columns:9.5rem 1fr;gap:1rem;
padding:.72rem 0;border-bottom:1px solid var(--brim-line);font-size:.92rem}
.factrule b{font-weight:600;color:var(--brim-mute);font-size:.85rem}
.spreadspecs{margin-top:2.6rem}
.colorline{display:grid;gap:.8rem;margin-top:1.4rem}
.colorline > div{display:flex;align-items:center;gap:.9rem;
border:1px solid var(--brim-line);border-radius:11px;padding:.6rem .8rem;
background:var(--brim-card)}
.colorline > div > span:first-child{position:relative;width:3rem;height:3rem;
border-radius:8px;overflow:hidden;background:#efe8d6;flex:0 0 auto}
.colorline > div > span:first-child img{position:absolute;inset:0;width:100%;height:100%;
object-fit:cover}
.colorline b{font-size:.92rem;font-weight:600;flex:1;color:var(--brim-ink)}
.alsohere{padding:3.4rem 0}

.brimgrid{display:grid;gap:1.4rem;grid-template-columns:repeat(3,1fr);margin-top:2.3rem}
.brimcard{display:flex;flex-direction:column;gap:.55rem;text-decoration:none;
background:var(--brim-card);border:1px solid var(--brim-line);
border-radius:var(--brim-round);padding:1.6rem}
.brimcard:hover{border-color:var(--brim-kick)}
.brimhead{font-family:'Spectral',Georgia,serif;font-weight:600;
font-size:1.14rem;line-height:1.26;color:var(--brim-ink)}
.brimbody{font-size:.93rem;color:var(--brim-mute)}
.brimtally{font-size:.77rem;letter-spacing:.1em;text-transform:uppercase;
font-weight:700;color:var(--brim-kick)}
.leafpage{padding:1.4rem 0 3.4rem}
.leafcopy{max-width:40rem}
.leafcopy h1{font-size:clamp(1.85rem,1.2rem + 2.2vw,2.6rem);margin-bottom:.2rem}
.leafcopy > .weavelead{margin-bottom:1.4rem}

.sortboard{max-width:44rem;margin-top:2rem}
.sortstep{border-top:1px solid var(--brim-line);padding:1.6rem 0}
.sortstep b{display:block;font-family:'Spectral',Georgia,serif;
font-weight:600;font-size:1.16rem;color:var(--brim-ink);margin-bottom:.9rem}
.sortopt{display:flex;flex-wrap:wrap;gap:.55rem}
.sortopt button{padding:.55rem 1.05rem;border-radius:999px;cursor:pointer;
background:var(--brim-card);border:1px solid var(--brim-line);font-size:.93rem;
font-weight:600;color:var(--brim-text)}
.sortopt button[data-open="1"]{background:var(--brim-ink);color:var(--brim-paper);
border-color:var(--brim-ink)}
.sortopt button i{font-style:normal;font-weight:500;opacity:.6;margin-left:.45rem}
.sortopt button[disabled]{opacity:.4;cursor:not-allowed}
.sortkick{font-size:.88rem;color:var(--brim-mute);margin-top:.7rem}
.sortout{margin-top:2.6rem;border-top:1px solid var(--brim-line);padding-top:2rem}
.hatpick{display:grid;gap:var(--brim-gap);
grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin-top:1.5rem}

@media (max-width:1040px){
.frontshelf{grid-template-columns:repeat(3,1fr)}
.frontshelf > div:nth-child(n+4){display:none}
.shelfboard{grid-template-columns:repeat(2,1fr)}
.pledgestrip{grid-template-columns:1fr 1fr;gap:1.6rem}
.numberband{grid-template-columns:1fr 1fr}
.standrow{grid-template-columns:1fr;gap:1.5rem}
.hatspread{grid-template-columns:1fr;gap:2rem}
.spreadshot{position:static}
.brimgrid{grid-template-columns:1fr 1fr}
.snugcol,.howtocol,.starbrim{grid-template-columns:1fr;gap:2rem}
.duorow{grid-template-columns:1fr}
.wornrow{grid-template-columns:1fr}
}
@media (max-width:760px){
.frontbrim{padding:2.6rem 0 2.4rem}
.frontshelf{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;
margin:2.2rem -1.6rem 0;padding:0 1.6rem .6rem;-webkit-overflow-scrolling:touch}
.frontshelf > div{flex:0 0 11rem;scroll-snap-align:start}
.frontshelf > div:nth-child(n+4){display:flex}
.mindduo,.brimgrid{grid-template-columns:1fr}
.duobig,.duosmall{padding:2rem 1.5rem;min-height:16rem}
.factrule{grid-template-columns:1fr;gap:.15rem}
.shotcut{grid-template-columns:repeat(4,1fr)}
.numberband{gap:1.3rem}
.shelfweave{padding:2.6rem 0}
}