.twsh-so{--font-sans:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:"Cormorant Garamond","Times New Roman",Georgia,serif;font-family:var(--font-sans);line-height:1.55}.twsh-so[data-scheme=dark]{--tx:#f6efe1;--tx-soft:rgba(246,239,225,.7);--tx-muted:rgba(246,239,225,.5);--accent:#d4af69;--rule:rgba(246,239,225,.18);--btn-o-line:rgba(246,239,225,.4);--cta:#d9822b;--cta-ink:#1a1a1a;--card-line:rgba(246,239,225,.16);--card-bg:rgba(246,239,225,.04)}.twsh-so[data-scheme=light]{--tx:#12262e;--tx-soft:#33474e;--tx-muted:#5f7077;--accent:#d9822b;--rule:rgba(18,38,46,.18);--btn-o-line:rgba(18,38,46,.4);--cta:#d9822b;--cta-ink:#fbf8f1;--card-line:rgba(18,38,46,.16);--card-bg:rgba(18,38,46,.03)}.twsh-so{color:var(--tx)}.twsh-so *{box-sizing:border-box}.twsh-so h2,.twsh-so h3,.twsh-so p{margin:0;color:inherit}.twsh-so a{text-decoration:none}.twsh-so img{display:block;max-width:100%}.twsh-so .so{position:relative;height:520vh;background:var(--so-bg)}.twsh-so .so-stage{position:sticky;top:0;height:100vh;overflow:hidden}.twsh-so .so-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 90% at 68% 40%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 62%)}.twsh-so .so-grid{position:relative;height:100%;max-width:1240px;margin:0 auto;padding:0 clamp(24px,4vw,48px);display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(28px,4vw,64px)}.twsh-so .so-eyebrow{display:block;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.twsh-so .so-h2{font-family:var(--font-display);font-weight:600;font-size:clamp(34px,4.2vw,54px);line-height:1.02;letter-spacing:-.028em;margin:10px 0 0;text-wrap:balance}.twsh-so .so-h2 em{font-style:italic;color:var(--accent)}.twsh-so .so-steps{position:relative;min-height:min(206px,32vh);margin-top:clamp(16px,2.5vh,44px)}.twsh-so .so-step{position:absolute;top:0;right:0;bottom:0;left:0;animation:twsSoStep 1s linear both paused}.twsh-so .so-step.is-last{animation-name:twsSoStepLast}.twsh-so .so-stage-n{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.2em;color:var(--accent)}.twsh-so .so-step h3{font-family:var(--font-display);font-size:clamp(24px,2.4vw,32px);font-weight:600;line-height:1.1;letter-spacing:normal;margin:12px 0}.twsh-so .so-step p{font-family:var(--font-sans);font-size:16px;line-height:1.62;color:var(--tx-soft);max-width:44ch}.twsh-so .so-btns{display:flex;gap:0;margin-top:clamp(14px,2.5vh,38px);flex-wrap:wrap}.twsh-so .so-btn{font-family:var(--font-sans);font-weight:600;font-size:14px;padding:14px 24px;border:1.5px solid var(--cta)}.twsh-so .so-btn.p{background:var(--cta);color:var(--cta-ink)}.twsh-so .so-btn.o{background:transparent;color:var(--tx);border-color:var(--btn-o-line);border-left:0}.twsh-so .so-btn.o:hover{background:color-mix(in srgb,var(--tx) 8%,transparent)}.twsh-so .so-art{position:relative;height:min(74vh,600px);perspective:1500px;display:grid;place-items:center}.twsh-so .so-shadow{position:absolute;bottom:9%;left:50%;width:46%;height:26px;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 50%,#0000009e,#0000 72%);filter:blur(5px);animation:twsSoShadow 1s linear both paused}.twsh-so .so-sheet{position:absolute;width:min(38%,240px);aspect-ratio:210/297;background:#fbf8f1;box-shadow:0 18px 40px -18px #000000b3;padding:9% 11%}.twsh-so .so-lines{height:100%;background:repeating-linear-gradient(#dfd7c6 0 1.5px,transparent 1.5px 11px);opacity:.85}.twsh-so .so-sheet.a{animation:twsSoSheetA 1s linear both paused}.twsh-so .so-sheet.b{animation:twsSoSheetB 1s linear both paused}.twsh-so .so-sheet.c{animation:twsSoSheetC 1s linear both paused;box-shadow:0 22px 44px -18px #000000bf}.twsh-so .so-marks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.twsh-so .so-marks path{stroke-dasharray:420;animation:twsSoDraw 1s linear both paused}.twsh-so .so-book{position:relative;width:min(44%,286px);aspect-ratio:2/3;transform-style:preserve-3d;animation:twsSoLift 1s linear both paused}.twsh-so .so-cover{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform-style:preserve-3d;animation:twsSoCover 1s linear both paused}.twsh-so .so-cover img{width:100%;height:100%;object-fit:cover;box-shadow:0 3px 6px #0006,0 34px 54px -18px #000c}.twsh-so .so-cover .spine{position:absolute;inset:0 auto 0 0;width:7%;background:linear-gradient(90deg,#0000006b,#0000 74%);pointer-events:none}.twsh-so .so-cover .edge{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px #ffffff24;pointer-events:none}.twsh-so .so-rail{position:absolute;left:0;right:0;bottom:0;border-top:1px solid var(--rule)}.twsh-so .so-rail-in{max-width:1240px;margin:0 auto;padding:0 clamp(24px,4vw,48px);display:grid;grid-template-columns:repeat(4,1fr)}.twsh-so .so-rail-in span{padding:15px 0;font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tx-muted)}.twsh-so .so-bar{display:block;height:2px;background:var(--cta);transform-origin:left center;animation:twsSoGrow 1s linear both paused}@keyframes twsSoStep{0%{opacity:0;transform:translateY(22px)}16%,84%{opacity:1;transform:none}to{opacity:0;transform:translateY(-22px)}}@keyframes twsSoStepLast{0%{opacity:0;transform:translateY(22px)}16%,to{opacity:1;transform:none}}@keyframes twsSoSheetA{0%{opacity:0;transform:translate3d(-14%,8%,60px) rotate(-13deg)}22%{opacity:1;transform:translate3d(-30%,-6%,60px) rotate(-11deg)}62%{opacity:1;transform:translate3d(-2%,1%,10px) rotate(-2deg)}to{opacity:0;transform:translateZ(-30px) rotate(0)}}@keyframes twsSoSheetB{0%{opacity:0;transform:translate3d(10%,10%,30px) rotate(9deg)}24%{opacity:1;transform:translate3d(26%,-2%,30px) rotate(8deg)}62%{opacity:1;transform:translate3d(2%,0,6px) rotate(1deg)}to{opacity:0;transform:translateZ(-30px) rotate(0)}}@keyframes twsSoSheetC{0%{opacity:0;transform:translate3d(0,16%,0) rotate(3deg)}26%{opacity:1;transform:translate3d(-4%,6%,0) rotate(4deg)}62%{opacity:1;transform:translate3d(0,2%,0) rotate(0)}to{opacity:0;transform:translateZ(-30px) rotate(0)}}@keyframes twsSoDraw{0%{stroke-dashoffset:420}to{stroke-dashoffset:0}}@keyframes twsSoCover{0%{transform:rotateY(-118deg)}to{transform:rotateY(0)}}@keyframes twsSoLift{0%{opacity:0;transform:translateY(26px) scale(.94)}18%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes twsSoShadow{0%{opacity:0;transform:translate(-50%) scaleX(.5)}to{opacity:1;transform:translate(-50%) scaleX(1)}}@keyframes twsSoGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:860px){.twsh-so .so-stage{padding:clamp(24px,4vh,48px) 0}.twsh-so .so-grid{grid-template-columns:1fr;gap:0;padding:0 24px;align-content:center}.twsh-so .so-copy{display:contents}.twsh-so .so-eyebrow{order:1;text-align:center;white-space:nowrap;font-size:clamp(7px,2.25vw,10px);letter-spacing:.18em}.twsh-so .so-h2{order:2;text-align:center;margin:12px auto 0;font-size:min(9.2vw,40px);max-width:10em}.twsh-so .so-art{order:3;height:min(31vh,270px);margin:clamp(16px,3.2vh,34px) 0 0}.twsh-so .so-steps{order:4;margin-top:clamp(18px,4vh,38px);min-height:min(190px,26vh)}.twsh-so .so-step{text-align:left;padding:13px 13px 15px;border:1px solid var(--card-line);background:var(--card-bg)}.twsh-so .so-stage-n{font-size:11px;letter-spacing:.16em}.twsh-so .so-step h3{font-size:19px;line-height:1.14;margin:6px 0 7px}.twsh-so .so-step p{font-size:13px;line-height:1.5;max-width:none}.twsh-so .so-btns{order:5;margin-top:16px;flex-wrap:nowrap}.twsh-so .so-btn{flex:1 1 0;text-align:center;font-size:11px;padding:11px 10px;line-height:1.35}.twsh-so .so-sheet{width:auto;height:80%}.twsh-so .so-book{width:auto;height:100%}.twsh-so .so-rail{display:none}}@media(max-width:420px){.twsh-so .so-step{padding:11px 11px 13px}.twsh-so .so-step h3{font-size:17px}.twsh-so .so-step p{font-size:12px}.twsh-so .so-btn{font-size:10px;padding:10px 7px}}@media(max-width:420px)and (max-height:620px){.twsh-so .so-art{height:min(27vh,240px)}}@media(prefers-reduced-motion:reduce){.twsh-so .so{height:auto}.twsh-so .so-stage{position:static;height:auto;padding:clamp(56px,7vw,96px) 0}.twsh-so .so-steps{position:static;min-height:0}.twsh-so .so-step{position:static;animation:none;opacity:1;transform:none;margin-bottom:26px}.twsh-so .so-sheet{display:none}.twsh-so .so-book,.twsh-so .so-cover,.twsh-so .so-shadow{animation:none;opacity:1;transform:none}.twsh-so .so-marks path{animation:none;stroke-dashoffset:0}.twsh-so .so-bar{animation:none;transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/tws-solo.css.map */