@property --reveal{syntax: "<number>"; inherits: true; initial-value: 0;}.st{--stage-h: max(calc(100svh - var(--header-h)), 600px);position:relative;background:var(--paper);transition:--reveal .64s var(--ease-in-out)}.st.is-scrub{transition:none}.st-inner{position:relative;height:var(--stage-h);max-height:1040px;padding:clamp(28px,5vh,56px) var(--page-gutter) clamp(24px,4vh,40px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(250px,.62fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"head shirt aside" "head sides aside";column-gap:clamp(20px,3vw,56px)}.st-head{grid-area:head;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.st-title{margin:0;display:grid;gap:.12em;font-size:clamp(56px,min(7.6vw,13vh),132px);line-height:.9;letter-spacing:-.04em;font-variation-settings:"wdth" 84,"wght" 640}.st-side{display:block;transition:opacity .2s linear}.st-side-front{opacity:calc(1 - var(--reveal) * .8)}.st-side-back{opacity:calc(.2 + var(--reveal) * .8)}.st-l{display:block;overflow:hidden;padding-block:.08em .06em;margin-block:-.08em -.06em}.st-l>span{display:block}.st-lead{max-width:34ch;margin:24px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}.st-shirts{grid-area:shirt;position:relative;min-height:0;container-type:size}.st-shirt{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}.st-shirt.is-active{opacity:1;visibility:visible;transition:opacity .28s ease,visibility 0s}.st-box{position:relative;width:min(100cqw,100cqh);aspect-ratio:1}.st-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.st-back{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc((1 - var(--reveal)) * 100%) 0 0)}.st-edge{position:absolute;top:8%;bottom:8%;left:0;width:1px;background:var(--ink);pointer-events:none;transform:translate(calc(var(--reveal) * min(100cqw,100cqh)));opacity:clamp(0,calc(min(var(--reveal),1 - var(--reveal))*10),1)}.st-sides{grid-area:sides;justify-self:center;display:flex;gap:4px;padding:4px;margin-top:12px;background:#f1f1ef;border-radius:999px}.st-side-button{min-height:40px;padding:0 18px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.st-side-button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #00000014,0 0 0 1px #0000000a}.st-aside{grid-area:aside;display:flex;flex-direction:column;justify-content:flex-end;gap:28px;padding-bottom:4px}.st-infos{display:grid}.st-info{grid-area:1 / 1}.st-name{margin:0 0 10px;font-family:Archivo,sans-serif;font-size:clamp(22px,1.8vw,30px);line-height:1.08;letter-spacing:-.02em;font-variation-settings:"wdth" 88,"wght" 600;text-wrap:balance}.st-price{margin:0 0 14px;font-size:17px;font-variant-numeric:tabular-nums}.st-facts{margin:0 0 22px;font-size:13px;line-height:1.6;color:var(--muted)}.st-cta{width:100%}.st-picks{display:flex;gap:6px}.st-pick{position:relative;width:64px;height:64px;padding:6px;border-radius:12px;background:#f4f4f2;opacity:.6;transition:opacity .2s ease,box-shadow .2s ease}.st-pick img{width:100%;height:100%;object-fit:contain}.st-pick[aria-pressed=true]{opacity:1;box-shadow:inset 0 0 0 1.5px var(--ink)}@media(hover:hover)and (pointer:fine){.st-pick:hover{opacity:1}.st-side-button[aria-pressed=false]:hover{color:var(--ink)}}@media(prefers-reduced-motion:no-preference){.st-intro .st-l>span{animation:st-rise .9s var(--ease-out) both}.st-intro .st-side-front .st-l:nth-child(2)>span{animation-delay:60ms}.st-intro .st-side-back .st-l:nth-child(1)>span{animation-delay:.12s}.st-intro .st-side-back .st-l:nth-child(2)>span{animation-delay:.18s}.st-intro .st-shirts{animation:st-shirt 1s var(--ease-out) .12s both}.st-intro .st-lead,.st-intro .st-aside,.st-intro .st-sides{animation:st-fade .6s ease .42s both}@keyframes st-rise{0%{transform:translateY(105%)}}@keyframes st-shirt{0%{opacity:0;transform:translateY(24px) scale(.97)}}@keyframes st-fade{0%{opacity:0}}}@media(max-width:1100px)and (min-width:761px){.st-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head aside" "shirt shirt" "sides sides";row-gap:20px;height:auto;min-height:var(--stage-h)}.st-shirts{height:56vw}.st-title{font-size:clamp(48px,8vw,84px)}}@media(max-width:760px){.st-inner{height:auto;max-height:none;padding:24px var(--page-gutter) 40px;display:flex;flex-direction:column}.st-title{font-size:clamp(44px,13.4vw,64px);gap:.06em}.st-side{display:flex;flex-wrap:wrap;column-gap:.24em}.st-lead{margin-top:14px;font-size:13px}.st-shirts{height:min(92vw,470px);margin-top:8px}.st-sides{margin-top:4px;align-self:center}.st-aside{gap:22px;margin-top:26px}.st-name{font-size:24px}.st-picks{order:-1;justify-content:center}}@media(prefers-reduced-motion:reduce){.st{transition:--reveal 1ms linear}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/motion.css.map */