/* Local review draft: editorial apparel page, with a single panoramic story and swipeable family panels. */
body.collection-home.shirt-page{height:auto!important;min-height:100vh!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;background:#f7f4ed!important;color:#383b32!important}
.shirt-page>.site-nav{height:58px!important;min-height:58px!important;background:#f7f4ed!important;border-bottom:1px solid #ded7c9!important}
.shirt-page>main{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;display:block!important;padding:0!important;background:#f7f4ed!important}
.shirt-page .wear-story{display:flex!important;flex-direction:column!important;align-items:center!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0 0 28px!important;margin:0 auto!important}
.shirt-page .nine-collection-label{order:0!important;border:0!important;padding:28px 16px 5px!important;color:#383b32!important;font:400 clamp(23px,3vw,34px)/1.1 'EB Garamond',Georgia,serif!important;letter-spacing:.22em!important;text-transform:uppercase!important}
.shirt-page .wear-story-copy{order:1!important;display:block!important;padding:0 18px 22px!important;text-align:center!important}
.shirt-page .wear-story-copy .shirt-eyebrow{margin:0 0 7px!important;color:#877756!important;font:600 10px/1.2 Arial,sans-serif!important;letter-spacing:.19em!important}
.shirt-page .wear-story-copy h1{margin:0!important;color:#343c32!important;font:400 clamp(34px,4vw,48px)/1.08 'EB Garamond',Georgia,serif!important;letter-spacing:.005em!important}
.shirt-page .wear-story-copy>p:last-of-type{margin:7px 0 0!important;color:#706d60!important;font:14px/1.5 Georgia,serif!important}
.shirt-page .wear-story-cta{display:none!important}
.shirt-page .family-triptych-panel{order:2!important;width:calc(100% - 44px)!important;max-width:1370px!important;max-height:none!important;overflow:hidden!important;margin:0 auto!important;padding:0!important;border:1px solid #ded5c3!important;border-radius:2px!important;background:#eee8dc!important;box-shadow:0 10px 30px #2b322419!important}
.shirt-page .family-triptych-image{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:3/1!important;object-fit:cover!important;background:#eee8dc!important}
.shirt-page .family-triptych-panel figcaption.family-triptych-captions{height:31px!important;background:#f7f4ed!important}
.shirt-page .family-triptych-captions span{color:#5e604f!important;font:italic 14px/1 'EB Garamond',Georgia,serif!important;letter-spacing:.18em!important}
.shirt-page .shirt-options-intro{display:none!important}
.shirt-page .family-story-rail{max-width:1370px;margin:0 auto;padding:30px 0 37px}
.shirt-page .family-story-rail-heading{text-align:center;padding:0 18px 16px}
.shirt-page .family-story-rail-heading span{color:#9a8053;font:600 10px/1.2 Arial,sans-serif;letter-spacing:.2em}
.shirt-page .family-story-rail-heading p{margin:6px 0 0;color:#68685c;font:italic 16px/1.35 'EB Garamond',Georgia,serif}
.shirt-page .family-story-track{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 22px 13px;scrollbar-color:#b9aa8e #e9e3d8;scrollbar-width:thin}
.shirt-page .family-story-card{flex:0 0 min(56vw,650px);min-width:300px;scroll-snap-align:center;margin:0;background:#eee9df;border:1px solid #ded4c1}
.shirt-page .family-story-crop{height:clamp(190px,30vw,360px);background-image:url('/assets/apparel-triptych-natural-v651.webp');background-repeat:no-repeat;background-size:300% 100%}
.shirt-page .family-story-love .family-story-crop{background-position:left center}
.shirt-page .family-story-joy .family-story-crop{background-position:center center}
.shirt-page .family-story-peace .family-story-crop{background-position:right center}
.shirt-page .family-story-card h2{text-align:center;margin:0;padding:11px 8px 12px;color:#59604f;font:italic 17px/1 'EB Garamond',Georgia,serif;letter-spacing:.17em}
.shirt-page .shirt-options{width:min(1100px,calc(100% - 44px))!important;max-height:none!important;overflow:visible!important;margin:0 auto 55px!important;padding:24px 20px 36px!important;border:0!important;border-top:1px solid #ded7c9!important;background:transparent!important;box-shadow:none!important}
.shirt-page .shirt-options-intro{display:block!important;margin:0 auto 22px!important;padding:0!important;text-align:center!important}
.shirt-page .shirt-options-intro h2{color:#343c32!important;font:400 clamp(32px,4vw,45px)/1.1 'EB Garamond',Georgia,serif!important}
.shirt-page .shirt-options-intro h2::after{font-size:10px!important;letter-spacing:.2em!important}
.shirt-page .shirt-options-intro>p:not(.shirt-eyebrow){display:block!important;margin:7px 0 0!important;color:#716e62!important;font:14px Georgia,serif!important}
.shirt-page .shirt-options-intro .why-words,.shirt-page .shirt-options-intro .garment-notes{display:inline-block!important;max-width:200px!important;margin:12px 8px 0!important}
.shirt-page .shirt-options-intro .why-words>summary,.shirt-page .shirt-options-intro .garment-notes>summary{min-height:30px!important;border:0!important;border-bottom:1px solid #b4a47f!important;background:transparent!important;box-shadow:none!important;color:#6b644f!important;font:italic 15px/1.2 'EB Garamond',Georgia,serif!important}
.shirt-page .shirt-options-intro .why-words>summary::after,.shirt-page .shirt-options-intro .garment-notes>summary::after{display:none!important}
.shirt-page #shirt-interest-form{height:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:18px!important}
.shirt-page #shirt-interest-form>.shirt-group,.shirt-page #shirt-interest-form .shirt-grid{display:contents!important}
.shirt-page #shirt-interest-form .shirt-card{height:auto!important;min-height:260px!important;padding:12px!important;background:#f3efe6!important;border:1px solid #ded5c3!important;box-shadow:0 5px 18px #2b32240c!important}
.shirt-page #shirt-interest-form .shirt-card .tee-art,.shirt-page #shirt-interest-form .shirt-card .sleeve-art{width:min(100%,190px)!important;height:clamp(190px,23vw,280px)!important;max-height:none!important;object-fit:contain!important}
.shirt-page #shirt-interest-form .shirt-card-copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-height:56px!important;margin-top:8px!important;border-top:1px solid #ded7c9!important}
.shirt-page #shirt-interest-form .shirt-card-copy>strong{font:600 16px/1.2 'EB Garamond',Georgia,serif!important;letter-spacing:.15em!important}
.shirt-page #shirt-interest-form .shirt-card-copy>small{display:block!important;color:#6d6d60!important;font:11px/1.4 Arial,sans-serif!important}
.shirt-page #shirt-interest-form .shirt-card-hint{display:none!important}
.shirt-page .sweatshirt-group{grid-column:1/-1!important}
.shirt-page #shirt-interest-form .sweatshirt-group .shirt-card{min-height:240px!important;max-width:320px!important;margin:auto!important}
@media(max-width:760px){.shirt-page>.site-nav{height:50px!important;min-height:50px!important}.shirt-page .nine-collection-label{padding-top:22px!important;font-size:19px!important}.shirt-page .wear-story-copy h1{font-size:34px!important}.shirt-page .wear-story-copy{padding-bottom:16px!important}.shirt-page .family-triptych-panel{width:calc(100% - 20px)!important}.shirt-page .family-triptych-image{aspect-ratio:3/1!important;object-fit:contain!important;object-position:center!important;background:#eee8dc!important}.shirt-page .family-triptych-panel figcaption.family-triptych-captions{height:25px!important}.shirt-page .family-triptych-captions span{font-size:10px!important}.shirt-page .family-story-rail{padding:24px 0 30px}.shirt-page .family-story-track{gap:12px;padding-left:10px;padding-right:10px}.shirt-page .family-story-card{flex-basis:85vw;min-width:0}.shirt-page .family-story-crop{height:58vw;max-height:320px}.shirt-page .shirt-options{width:calc(100% - 20px)!important;padding:20px 5px 30px!important}.shirt-page #shirt-interest-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.shirt-page #shirt-interest-form .shirt-card{min-height:220px!important;padding:6px!important}.shirt-page #shirt-interest-form .shirt-card .tee-art,.shirt-page #shirt-interest-form .shirt-card .sleeve-art{width:min(100%,150px)!important;height:190px!important}.shirt-page #shirt-interest-form .shirt-card-copy>small{font-size:10px!important}}
