.tsew{position:relative;min-height:calc(100vh - var(--hdr) - 34px);min-height:calc(100svh - var(--hdr) - 34px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(20px,4vw,70px);padding:clamp(30px,5vh,60px) var(--gut) clamp(80px,11vh,120px);background:var(--paper);overflow:hidden;color:var(--ink)}.tsew:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,rgba(87,91,62,.035) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(87,91,62,.03) 0 1px,transparent 1px 4px)}.tsew:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 70% at 72% 45%,rgba(225,208,158,.22),transparent 70%)}.tsew>*{position:relative;z-index:1}.th-copy{display:grid;gap:clamp(18px,2.4vw,30px);align-content:center;padding-left:clamp(0px,2vw,30px)}.th-copy .lbl{display:inline-flex;align-items:center;gap:10px;justify-self:start;border:1px solid rgba(87,91,62,.35);border-radius:40px;padding:8px 14px 8px 10px;color:var(--olive);opacity:0;transition:opacity 1.6s .2s}.tsew.go .th-copy .lbl{opacity:1}.tsew h1{margin-bottom:clamp(6px,1.4vw,22px);font-size:clamp(58px,8.4vw,150px);line-height:.9;letter-spacing:-.03em;font-weight:300}.tsew h1 .ln{display:block;clip-path:inset(-10% calc(100% - var(--r,0px)) -20% -2%);will-change:clip-path}.tsew h1 .l1{font-family:var(--sans);font-weight:500;font-size:clamp(13px,1.05vw,16px);letter-spacing:.42em;text-transform:uppercase;line-height:1;margin-bottom:.5em;color:var(--olive)}.tsew h1 .l1>span{display:inline-block;padding:.5em 0}.tsew h1 .l2{font-size:1.18em;line-height:.86;margin-left:-.04em}.tsew h1 em{color:var(--olive)}.th-copy p{font-family:var(--serif);font-size:clamp(19px,1.6vw,23px);line-height:1.45;color:var(--ink-2);max-width:30ch;opacity:0;transform:translateY(10px);transition:opacity 1.6s,transform 1.6s var(--ease)}.th-copy .ctas{display:flex;gap:26px;align-items:center;flex-wrap:wrap;opacity:0;transform:translateY(10px);transition:opacity 1.6s .25s,transform 1.6s .25s var(--ease)}.tsew.go .th-copy p{opacity:1;transform:none;transition-delay:1.3s}.tsew.go .th-copy .ctas{opacity:1;transform:none;transition-delay:1.6s}.th-arch{margin:0;justify-self:center;display:grid;gap:16px;width:min(40vw,48vh);will-change:transform;transition:transform 1.2s var(--ease)}.th-arch .arch{aspect-ratio:3/4.35;background:var(--ivory);opacity:0;transform:translateY(18px);transition:opacity 1.8s 1.2s,transform 2s 1.2s var(--ease)}.tsew.go .th-arch .arch{opacity:1;transform:none}.th-arch .arch img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity 1.8s ease,transform 7s linear}.th-arch .arch img.on{opacity:1;transform:scale(1)}.th-arch figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-2);opacity:0;transition:opacity 1.6s}.tsew.sewn .th-arch figcaption{opacity:1}.th-arch .no{font-family:var(--serif);font-style:italic;font-size:16px;letter-spacing:0;text-transform:none;color:var(--olive)}.th-arch .cap{transition:opacity .8s}.th-arch .cap.out{opacity:0}.th-thread{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.th-thread .t1{fill:none;stroke:url(#thG);stroke-width:1.3;stroke-linecap:round}.th-thread .t2{fill:none;stroke:var(--olive);stroke-width:1.4;stroke-dasharray:7 7;opacity:0;transition:opacity 2s}.tsew.sewn .th-thread .t2{opacity:.55}.th-thread .needle{transition:opacity 1s}.tsew.sewn .th-thread .needle{opacity:0}@media(max-width:860px){.tsew{grid-template-columns:minmax(0,1fr);align-content:start;gap:34px;padding-top:28px;padding-bottom:70px}.tsew h1{font-size:clamp(52px,15vw,84px)}.th-arch{width:min(76vw,44vh)}}@media(prefers-reduced-motion:reduce){.tsew h1 .ln{clip-path:none}.th-copy p,.th-copy .ctas,.th-arch .arch,.th-arch figcaption,.th-copy .lbl{opacity:1;transform:none}}.th-copy .lbl:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brass);box-shadow:0 0 0 3px #ccbb8740;animation:thPulse 2.4s ease-in-out infinite}@keyframes thPulse{50%{box-shadow:0 0 0 6px #ccbb8700}}.th-arch{position:relative}.th-stamp{position:absolute;left:-52px;top:14%;width:118px;height:118px;border-radius:50%;background:var(--paper);box-shadow:0 14px 30px -18px #1f23178c,0 0 0 1px #ccbb8799;display:grid;place-items:center;z-index:3;opacity:0;transform:scale(.7) rotate(-30deg);transition:opacity 1.2s,transform 1.6s var(--ease)}.tsew.sewn .th-stamp{opacity:1;transform:none}.th-stamp svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:spin 30s linear infinite;fill:var(--board);font-family:var(--sans);font-size:8.6px;font-weight:500;letter-spacing:2.6px;text-transform:uppercase}.th-stamp b{width:52%;height:52%;border-radius:50%;background:var(--brass);color:var(--board);display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-weight:400;font-size:22px;box-shadow:0 10px 24px -12px #1f231799}@keyframes spin{to{transform:rotate(360deg)}}.th-tick{position:absolute;left:0;right:0;bottom:0;height:44px;border-top:1px solid var(--line);overflow:hidden;display:flex;align-items:center;opacity:0;transition:opacity 2s .4s}.tsew.sewn .th-tick{opacity:1}.th-tick .tt{display:flex;width:max-content;animation:tick 48s linear infinite}.th-tick .tt>div{display:flex;align-items:center;gap:28px;padding-right:28px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}.th-tick i{font-style:normal;color:var(--brass);font-size:9px}@keyframes tick{to{transform:translate(-50%)}}.tsew:hover .th-tick .tt{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.th-stamp svg,.th-tick .tt,.th-copy .lbl:before{animation:none}.th-stamp,.th-tick{opacity:1;transform:none}}.hdr .hsnd{color:currentColor;opacity:.75;transition:opacity .4s}.hdr .hsnd:hover,.hdr .hsnd[aria-pressed=true]{opacity:1}@media(max-width:760px){.hdr .hsnd{display:none}}@media(max-width:860px){.th-stamp{width:84px;height:84px;left:-14px;top:-18px}.th-stamp svg{font-size:10.6px;letter-spacing:2px}.th-stamp b{font-size:17px}.th-copy .ctas{flex-direction:column;align-items:stretch;gap:18px}.th-copy .ctas .btn{white-space:nowrap;justify-content:center;text-align:center}.th-copy .ctas .ulink{align-self:center}.th-tick{bottom:auto;top:auto;position:relative;grid-column:1/-1;margin:0 calc(var(--gut) * -1)}.tsew{padding-bottom:30px}}.still *,.still *:before,.still *:after{transition:none!important;animation-delay:0s!important}.still .rv{opacity:1!important;transform:none!important}
/*# sourceMappingURL=/cdn/shop/t/15/assets/thread.css.map */