/* Full, balanced Collection entry with tactile cloth and a calm one-screen apparel page. */
.collection-index{height:100svh;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.collection-index>main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
.collection-home.collection-index>.site-nav{flex:0 0 58px;height:58px;min-height:58px!important}
.collection-index .collection-intro{height:66px;min-height:66px;flex:0 0 66px;padding:5px 12px}
.collection-index .collection-intro h1{margin:0 0 2px;font-size:clamp(26px,2.4vw,32px)!important}
.collection-index .collection-intro p{font-size:clamp(13px,1vw,15px);line-height:1.15;margin:0}
.collection-index .collection-scenes{flex:1 1 auto;height:auto!important;min-height:0;max-height:650px;width:min(100%,1580px);max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.5vw,22px);padding:0 clamp(16px,3.5vw,52px) 10px;margin:auto}
.collection-index .collection-scene{height:100%;min-height:0;aspect-ratio:auto;border:1px solid #b69e70;box-shadow:0 10px 25px rgba(27,39,29,.18);overflow:hidden}
.collection-index .collection-nine img{width:100%;height:100%;object-fit:cover;object-position:50% 47%}
.collection-index .collection-publications .publication-covers{inset:0 0 54px;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.7vw,42px);padding:14px;background-color:#3c4a37;background-image:linear-gradient(135deg,rgba(26,43,34,.56),rgba(47,60,42,.3)),url('/assets/rooted-known-heritage-tartan-v633.webp');background-position:center;background-size:cover}
.collection-index .collection-publications .publication-covers img{position:relative;inset:auto;width:auto;height:92%;max-width:46%;max-height:none;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(16,24,19,.5));transition:transform .35s ease}
.collection-index .collection-publications:hover .publication-covers img:first-child{transform:translateY(-4px)}
.collection-index .collection-publications:hover .publication-covers img:last-child{transform:translateY(4px)}
.collection-index .collection-caption{z-index:2;min-height:54px;padding:7px 14px;background:rgba(31,49,38,.96);font-size:clamp(16px,1.4vw,20px)}
.collection-index .collection-caption small{font-size:clamp(9px,.8vw,11px)}
.collection-index .collection-footer{flex:0 0 auto;padding:5px 12px 7px;gap:2px}
.collection-index .collection-footer .collection-gather-link{font-size:.72rem}
.collection-index .collection-footer .collection-gather-link small{font-size:.6rem}

.shirt-page{height:100svh;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.shirt-page>.site-nav{flex:0 0 54px;height:54px;min-height:54px!important}
.shirt-page>main{width:100%;max-width:none;flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:0;padding:0;box-sizing:border-box}
.shirt-page .wear-story{width:100vw;max-width:none;flex:0 0 auto;margin:0;padding:0;display:flex;justify-content:center}
.shirt-page .wear-story-copy{display:none!important}
.shirt-page .family-triptych-panel{width:100vw;max-width:none;margin:0;align-self:center;flex:0 0 auto;border:0;border-bottom:1px solid #c7b58c;box-shadow:none;overflow:hidden}
.shirt-page .family-triptych-image{display:block;width:100%;height:clamp(220px,37svh,370px);aspect-ratio:auto;object-fit:cover;object-position:center 48%}
.shirt-page .family-triptych-panel figcaption.family-triptych-captions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;width:100%;height:34px;padding:0;background:#f7f2e8;border:0}
.shirt-page .family-triptych-captions span{padding:5px;text-align:center;font:500 15px/1 'EB Garamond',Georgia,serif;letter-spacing:.14em}
.shirt-page .family-triptych-captions span+span{border-left:1px solid #d1c4a9}
.shirt-page .shirt-options{position:relative;isolation:isolate;overflow:hidden;width:min(1360px,100%);max-width:1360px;flex:1 1 auto;min-height:0;margin:0 auto;padding:7px clamp(10px,2vw,25px) 9px;box-sizing:border-box;background:#e7dcc7 url('/assets/nine-cedar-pinecone-table-v633.webp') center 68%/cover no-repeat;border:1px solid #a58b5e;border-top:0;box-shadow:inset 0 0 0 1px rgba(255,250,235,.45)}
.shirt-page .shirt-options::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(238,231,216,.93),rgba(238,231,216,.86) 48%,rgba(238,231,216,.93));pointer-events:none}
.shirt-page .shirt-options-intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:24px 24px;align-items:center;gap:2px clamp(10px,2vw,28px);max-width:none;margin:0 auto 5px;padding:0;border:0;background:transparent;box-shadow:none}
.shirt-page .shirt-options-intro>.shirt-eyebrow,.shirt-page .shirt-options-intro>p:not(.shirt-eyebrow){display:none!important}
.shirt-page .shirt-options-intro h2{grid-column:2;grid-row:1/3;margin:0;text-align:center;font:500 clamp(18px,1.8vw,25px)/1.05 'EB Garamond',Georgia,serif!important;letter-spacing:.035em;color:#344635}
.shirt-page .shirt-options-intro .why-words,.shirt-page .shirt-options-intro .garment-notes{position:relative;justify-self:start;margin:0}
.shirt-page .shirt-options-intro .why-words{grid-column:1;grid-row:1}
.shirt-page .shirt-options-intro .garment-notes{grid-column:1;grid-row:2}
.shirt-page .shirt-options-intro .why-words>summary,.shirt-page .shirt-options-intro .garment-notes>summary{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:156px;min-height:22px;padding:3px 9px;border:1px solid rgba(153,127,83,.64);border-radius:2px;background:rgba(250,247,238,.84);color:#554937;box-shadow:0 2px 5px rgba(55,47,34,.08);font:500 11px/1.1 'EB Garamond',Georgia,serif;letter-spacing:.04em;list-style:none;cursor:pointer}
.shirt-page .shirt-options-intro .why-words>summary::-webkit-details-marker,.shirt-page .shirt-options-intro .garment-notes>summary::-webkit-details-marker{display:none}
.shirt-page .shirt-options-intro .why-words>summary::after,.shirt-page .shirt-options-intro .garment-notes>summary::after{content:"＋";color:#9b774c;font:400 11px/1 Georgia,serif}
.shirt-page .shirt-options-intro .word-switch{grid-column:3;grid-row:1/3;display:flex;justify-self:end;align-self:center;width:max-content;max-width:100%;margin:0;gap:5px;overflow:visible;border:0;box-shadow:none;background:transparent}
.shirt-page .shirt-options-intro .word-switch button{position:relative;min-width:68px;min-height:42px;padding:6px 10px;border:1px solid rgba(72,61,46,.32);border-radius:5px;box-shadow:inset 0 1px 2px rgba(255,255,255,.58),0 3px 6px rgba(40,35,28,.16);font:600 13px/1 'EB Garamond',Georgia,serif;letter-spacing:.12em;text-shadow:0 1px 1px rgba(255,255,255,.35);transition:transform .18s,box-shadow .18s}
.shirt-page .shirt-options-intro .word-switch button[data-choose-word="LOVE"]{background:radial-gradient(ellipse at 30% 20%,#f1b09b,#dd8b75 60%,#c87563);color:#493328}
.shirt-page .shirt-options-intro .word-switch button[data-choose-word="JOY"]{background:radial-gradient(ellipse at 30% 20%,#969071,#747456 62%,#5a5d46);color:#fff8e8;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.shirt-page .shirt-options-intro .word-switch button[data-choose-word="PEACE"]{background:radial-gradient(ellipse at 30% 20%,#bdc1d8,#999fbe 62%,#7f85a4);color:#302f3a}
.shirt-page .shirt-options-intro .word-switch button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 2px rgba(255,255,255,.65),0 6px 10px rgba(40,35,28,.2)}
.shirt-page .shirt-options-intro .word-switch button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px rgba(255,250,236,.9),inset 0 1px 2px rgba(255,255,255,.58),0 3px 6px rgba(40,35,28,.16)}
.shirt-page .shirt-options-intro .why-words p,.shirt-page .shirt-options-intro .garment-notes>div{position:absolute!important;top:calc(100% + 4px);left:0;z-index:20;width:min(420px,88vw);max-height:36svh;overflow:auto;margin:0;padding:10px 12px;border:1px solid #c8b58e;border-radius:2px;background:#f7f1e4;color:#49503e;font:12px/1.45 Georgia,serif;text-align:left;box-shadow:0 8px 18px rgba(30,37,28,.2)}
.shirt-page .shirt-options-intro .garment-notes p{margin:.3rem 0}
.shirt-page #shirt-interest-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,1.2vw,15px);margin:0}
.shirt-page #shirt-interest-form>.shirt-group,.shirt-page #shirt-interest-form .shirt-grid{display:contents!important}
.shirt-page #shirt-interest-form .shirt-group>legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.shirt-page #shirt-interest-form .shirt-card{min-width:0;max-width:none;margin:0!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;border:1px solid rgba(153,127,83,.66);background:rgba(250,247,239,.9);box-shadow:0 5px 13px rgba(46,39,28,.15)}
.shirt-page #shirt-interest-form .shirt-card .tee-art{width:min(100%,164px)!important;height:auto!important;aspect-ratio:2/3!important;align-self:center;background-size:300% auto!important;background-repeat:no-repeat!important}
.shirt-page #shirt-interest-form .shirt-card .sleeve-art{width:min(100%,164px)!important;height:auto!important;aspect-ratio:3/4;object-fit:contain!important;padding:4px;align-self:center}
.shirt-page #shirt-interest-form .shirt-card-copy{width:100%;min-width:0;box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;gap:3px 5px;padding:6px 8px!important;background:rgba(249,246,237,.97)}
.shirt-page #shirt-interest-form .shirt-card-copy>strong{font:600 15px/1.05 'EB Garamond',Georgia,serif;letter-spacing:.04em}
.shirt-page #shirt-interest-form .shirt-card-copy>small{font-size:9px;line-height:1.2;white-space:normal}
.shirt-page #shirt-interest-form .shirt-card-hint{font-size:8px!important;white-space:nowrap}
.shirt-page .sweatshirt-variant-bank{display:none!important}
.shirt-page #shirt-interest-form .shirt-note{grid-column:1/-1;margin:0;text-align:center;font-size:9px;line-height:1.15}
.shirt-page #shirt-interest-form .shirt-request{grid-column:1/-1;margin:2px auto 0;display:flex;align-items:center;justify-content:center;gap:7px}
.shirt-page #shirt-interest-form .shirt-request[hidden]{display:none!important}
.shirt-page #shirt-interest-form .shirt-request label{font-size:11px}
.shirt-page #shirt-interest-form .shirt-request select,.shirt-page #shirt-interest-form .shirt-request button{min-height:30px;padding:4px 8px;font-size:11px}
@media(max-width:760px){
 .collection-home.collection-index>.site-nav{flex-basis:54px;height:54px;min-height:54px!important;padding:4px 10px}
 .collection-index .collection-intro{height:58px;min-height:58px;flex-basis:58px;padding:4px 7px}
 .collection-index .collection-intro h1{font-size:22px!important;margin-bottom:2px}
 .collection-index .collection-intro p{font-size:11px}
 .collection-index .collection-scenes{height:auto!important;min-height:0;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 7px 7px}
 .collection-index .collection-caption{min-height:42px;padding:4px 6px;font-size:13px}
 .collection-index .collection-caption small{font-size:7px}
 .collection-index .collection-publications .publication-covers{inset:0 0 42px;gap:4px;padding:4px;background-position:center;background-size:auto 100%}
 .collection-index .collection-publications .publication-covers img{height:82%;max-width:47%}
 .collection-index .collection-nine img{object-fit:cover}
 .collection-index .collection-footer{padding:4px}
 .shirt-page>.site-nav{flex-basis:48px;height:48px;min-height:48px!important}
 .shirt-page .family-triptych-image{height:clamp(125px,25svh,190px);object-position:center 46%}
 .shirt-page .family-triptych-panel figcaption.family-triptych-captions{height:28px}
 .shirt-page .family-triptych-captions span{padding:4px 2px;font-size:12px;letter-spacing:.1em}
 .shirt-page .shirt-options{padding:5px 6px 7px}
 .shirt-page .shirt-options-intro{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:24px 22px 22px;gap:2px 6px;margin-bottom:4px}
 .shirt-page .shirt-options-intro h2{grid-column:1/-1;grid-row:1;font-size:16px!important}
 .shirt-page .shirt-options-intro .why-words{grid-column:1;grid-row:2}
 .shirt-page .shirt-options-intro .garment-notes{grid-column:1;grid-row:3}
 .shirt-page .shirt-options-intro .why-words>summary,.shirt-page .shirt-options-intro .garment-notes>summary{min-width:128px;min-height:20px;padding:2px 6px;font-size:10px}
 .shirt-page .shirt-options-intro .word-switch{grid-column:2;grid-row:2/4;display:grid;grid-template-columns:repeat(3,43px);gap:3px}
 .shirt-page .shirt-options-intro .word-switch button{min-width:0;min-height:29px;padding:4px 2px;font-size:10px;letter-spacing:.07em}
 .shirt-page #shirt-interest-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .shirt-page #shirt-interest-form .shirt-card .tee-art{width:min(100%,88px)!important}
 .shirt-page #shirt-interest-form .shirt-card .sleeve-art{width:min(100%,88px)!important;padding:2px}
 .shirt-page #shirt-interest-form .shirt-card-copy{padding:4px 3px!important;grid-template-columns:1fr;gap:2px}
 .shirt-page #shirt-interest-form .shirt-card-copy>strong{grid-column:1;font-size:11px}
 .shirt-page #shirt-interest-form .shirt-card-copy>small{grid-column:1;grid-row:auto;font-size:7px;white-space:normal}
 .shirt-page #shirt-interest-form .shirt-card-hint{grid-column:1;grid-row:auto;justify-self:start;font-size:7px!important}
}
@media(max-height:760px) and (min-width:761px){
 .shirt-page .family-triptych-image{height:33svh}
 .shirt-page #shirt-interest-form .shirt-card .tee-art{width:min(100%,138px)!important}
 .shirt-page #shirt-interest-form .shirt-card .sleeve-art{width:min(100%,138px)!important}
}
@media(max-width:420px){
 .shirt-page #shirt-interest-form .shirt-card .tee-art{width:min(100%,70px)!important}
 .shirt-page #shirt-interest-form .shirt-card .sleeve-art{width:min(100%,70px)!important}
}
