/* One-click collection journey: books beside the six friends, then family story above the shop. */
.collection-index{height:100svh;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.collection-home.collection-index>.site-nav{height:64px;min-height:64px!important;flex:0 0 64px;padding:5px clamp(14px,3vw,42px)}
.collection-index>main{flex:0 0 auto;display:flex;flex-direction:column;min-height:0}
.collection-index .collection-intro{height:76px;min-height:76px;padding:7px 12px}
.collection-index .collection-intro h1{font-size:clamp(25px,2.6vw,34px)!important;margin:0 0 4px}
.collection-index .collection-intro p{font-size:clamp(14px,1.2vw,17px);line-height:1.15}
.collection-index .collection-scenes{height:min(50svh,460px);min-height:300px;max-width:1450px;width:100%;box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px clamp(12px,3vw,38px);margin:0 auto}
.collection-index .collection-scene{height:100%;min-height:0;aspect-ratio:auto}
.collection-index .collection-footer{padding:8px 12px;gap:2px}
.collection-index .collection-footer .collection-gather-link{font-size:.76rem}
.collection-index .collection-footer .collection-gather-link small{font-size:.63rem}

/* The click from the six-friend card lands on a single-screen family-to-shirt layout. */
.shirt-page{height:100svh;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.shirt-page>.site-nav{height:62px;min-height:62px!important;flex:0 0 62px}
.shirt-page>main{width:100%;max-width:none;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:0 12px;box-sizing:border-box}
.shirt-page .wear-story{width:100%;max-width:980px;flex:0 0 auto;margin:0 auto;padding:5px 0 0;display:flex;justify-content:center}
.shirt-page .wear-story-copy{display:none!important}
.shirt-page .family-triptych-panel{width:min(900px,94vw);margin:0 auto;align-self:center;flex:0 0 auto;border:1px solid #c9b998;box-shadow:0 5px 15px rgba(47,54,43,.12)}
.shirt-page .family-triptych-image{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;object-position:center}
.shirt-page .family-triptych-panel figcaption.family-triptych-captions{position:static;left:auto;bottom:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;width:100%;padding:0;background:#f7f2e8;border-top:1px solid #d1c4a9}
.shirt-page .family-triptych-captions span{display:block;padding:7px 5px;text-align:center;font:500 15px/1.1 'EB Garamond',Georgia,serif;letter-spacing:.14em}
.shirt-page .family-triptych-captions span+span{border-left:1px solid #d1c4a9}
.shirt-page .family-triptych-captions span:nth-child(1){color:#a95842}
.shirt-page .family-triptych-captions span:nth-child(2){color:#6d7254}
.shirt-page .family-triptych-captions span:nth-child(3){color:#767ba5}
.shirt-page .shirt-options{width:min(1220px,100%);max-width:1220px;flex:0 0 auto;margin:8px auto 0;padding:8px 12px 10px;box-sizing:border-box}
.shirt-page .shirt-options-intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:5px 12px;margin:0 auto 7px;padding:0;max-width: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:1/-1;font-size:19px!important;line-height:1.05;margin:0;text-align:center}
.shirt-page .shirt-options-intro .why-words,.shirt-page .shirt-options-intro .garment-notes{position:relative;margin:0 4px;justify-self:start}
.shirt-page .shirt-options-intro .why-words>summary,.shirt-page .shirt-options-intro .garment-notes>summary{min-height:33px;padding:5px 9px;font-size:12px}
.shirt-page .shirt-options-intro .word-switch{grid-column:2;grid-row:2;margin:0;justify-self:end}
.shirt-page .shirt-options-intro .word-switch button{min-width:79px;min-height:34px;padding:6px 10px;font-size:13px}
.shirt-page .shirt-options-intro .why-words p,.shirt-page .shirt-options-intro .garment-notes>div{position:absolute!important;top:calc(100% + 5px);left:0;z-index:20;width:min(420px,88vw);max-height:42svh;overflow:auto;margin:0}
.shirt-page #shirt-interest-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;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}
.shirt-page #shirt-interest-form .shirt-card .tee-art{width:min(100%,128px)!important;height:auto!important;aspect-ratio:2/3!important;align-self:center}
.shirt-page #shirt-interest-form .shirt-card .sleeve-art{width:min(100%,128px)!important;height:auto!important;aspect-ratio:3/4;object-fit:contain!important;padding:5px;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:7px 8px!important}
.shirt-page #shirt-interest-form .shirt-card-copy>strong{font-size:17px;line-height:1.05}
.shirt-page #shirt-interest-form .shirt-card-copy>small{font-size:10px;line-height:1.2;white-space:normal}
.shirt-page #shirt-interest-form .shirt-card-hint{font-size:9px!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:10px;line-height:1.2}
.shirt-page #shirt-interest-form .shirt-request{grid-column:1/-1;margin:3px auto 0;display:flex;align-items:center;justify-content:center;gap:8px}
.shirt-page #shirt-interest-form .shirt-request[hidden]{display:none!important}
.shirt-page #shirt-interest-form .shirt-request label{font-size:12px}
.shirt-page #shirt-interest-form .shirt-request select,.shirt-page #shirt-interest-form .shirt-request button{min-height:34px;padding:5px 9px;font-size:12px}

@media(max-width:760px){
 .collection-home.collection-index>.site-nav{height:54px;min-height:54px!important;flex-basis:54px;padding:4px 10px}
 .collection-index .collection-intro{height:64px;min-height:64px;padding:5px 7px}
 .collection-index .collection-intro h1{font-size:23px!important;margin-bottom:3px}
 .collection-index .collection-intro p{font-size:12px;max-width:none}
 .collection-index .collection-scenes{height:clamp(150px,24svh,205px);min-height:150px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}
 .collection-index .collection-scene{height:100%;aspect-ratio:auto}
 .collection-index .collection-nine img{object-fit:contain;object-position:center;background:#20382d}
 .collection-index .collection-caption{min-height:45px;padding:5px 7px;font-size:15px}
 .collection-index .collection-caption small{font-size:8px;letter-spacing:.04em}
 .collection-index .collection-publications .publication-covers{bottom:45px;padding:4px;gap:5px}
 .collection-index .collection-publications .publication-covers img{height:76%;max-width:43%;max-height:none}
 .collection-index .collection-nine-mark{right:5px!important;top:5px!important}
 .collection-index .collection-footer{padding:6px 8px}
 .shirt-page>.site-nav{height:54px;min-height:54px!important;flex-basis:54px}
 .shirt-page>main{padding:0 7px}
 .shirt-page .wear-story{padding-top:4px}
 .shirt-page .family-triptych-panel{width:min(520px,96vw)}
 .shirt-page .family-triptych-panel figcaption.family-triptych-captions{padding:0}
 .shirt-page .family-triptych-captions span{padding:6px 3px;font-size:12px;letter-spacing:.1em}
 .shirt-page .shirt-options{margin-top:5px;padding:6px 7px 8px}
 .shirt-page .shirt-options-intro{grid-template-columns:minmax(0,1fr) auto;gap:4px 5px;margin-bottom:5px}
 .shirt-page .shirt-options-intro h2{font-size:15px!important}
 .shirt-page .shirt-options-intro .why-words,.shirt-page .shirt-options-intro .garment-notes{margin:0 1px}
 .shirt-page .shirt-options-intro .why-words>summary,.shirt-page .shirt-options-intro .garment-notes>summary{min-height:29px;padding:4px 6px;font-size:10px;gap:5px}
 .shirt-page .shirt-options-intro .word-switch button{min-width:56px;min-height:30px;padding:5px 7px;font-size:11px}
 .shirt-page #shirt-interest-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .shirt-page #shirt-interest-form .shirt-card .tee-art{width:min(100%,76px)!important}
 .shirt-page #shirt-interest-form .shirt-card .sleeve-art{width:min(100%,76px)!important}
 .shirt-page #shirt-interest-form .shirt-card-copy{padding:5px!important}
 .shirt-page #shirt-interest-form .shirt-card-copy>strong{font-size:14px}
 .shirt-page #shirt-interest-form .shirt-card-copy>small{font-size:9px}
 .shirt-page #shirt-interest-form .shirt-card-hint{font-size:8px!important}
}
@media(max-height:720px){
 .shirt-page>.site-nav{height:50px;min-height:50px!important;flex-basis:50px}
 .shirt-page .family-triptych-panel{width:min(690px,90vw)}
 .shirt-page .shirt-options{margin-top:4px;padding:5px 8px}
 .shirt-page .shirt-options-intro h2{font-size:16px!important}
 .shirt-page #shirt-interest-form .shirt-card .tee-art{width:min(100%,96px)!important}
 .shirt-page #shirt-interest-form .shirt-card .sleeve-art{width:min(100%,96px)!important}
}