.calm-hero{--calm-track:320vh;--calm-bg:#f2efea;--calm-ink:#1a1a1a;--calm-muted:#6b6560;position:relative;background:var(--calm-bg);color:var(--calm-ink)}.calm-hero__track{position:relative;height:var(--calm-track)}.calm-hero__grid{position:sticky;top:0;height:100vh;height:100dvh;display:block;overflow:hidden}.calm-hero__visual{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#d9d3cb}.calm-hero__visual canvas,.calm-hero__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.calm-hero__poster[hidden]{display:none}.calm-hero__copy{position:absolute;left:7vw;top:50%;transform:translateY(-50%);width:min(34vw,520px);min-height:11em;z-index:2}.calm-hero__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.calm-hero__copy[data-calm-stage="0"] .calm-hero__stage[data-stage="0"],.calm-hero__copy[data-calm-stage="1"] .calm-hero__stage[data-stage="1"],.calm-hero__copy[data-calm-stage="2"] .calm-hero__stage[data-stage="2"],.calm-hero__copy[data-calm-stage="3"] .calm-hero__stage[data-stage="3"]{opacity:1;transform:none;pointer-events:auto}.calm-hero__eyebrow{font-size:.9rem;letter-spacing:0;color:var(--calm-muted);margin:0 0 .8em}.calm-hero__title{font-size:clamp(1.6rem,3.2vw,2.6rem);line-height:1.3;font-weight:600;margin:0 0 .6em}.calm-hero__body{font-size:clamp(.95rem,1.15vw,1.1rem);line-height:1.9;color:#3a3633;margin:0;max-width:30em}.calm-hero__cta{display:flex;gap:.8em;margin-top:1.6em;flex-wrap:wrap}.calm-hero__btn{display:inline-block;padding:.85em 1.6em;border:1px solid var(--calm-ink);border-radius:999px;text-decoration:none;color:var(--calm-ink);font-size:.95rem}.calm-hero__btn--primary{background:var(--calm-ink);color:#fff}.calm-hero__hint{position:absolute;left:7vw;bottom:3vh;z-index:2;font-size:.75rem;color:var(--calm-muted);letter-spacing:.05em}.calm-hero[data-calm-mode=static] .calm-hero__track,.calm-hero:not([data-calm-mode]) .calm-hero__track{height:auto}.calm-hero[data-calm-mode=static] .calm-hero__grid,.calm-hero:not([data-calm-mode]) .calm-hero__grid{position:relative;height:auto;padding:8vh 6vw}.calm-hero[data-calm-mode=static] .calm-hero__stage,.calm-hero:not([data-calm-mode]) .calm-hero__stage{position:relative;opacity:1;transform:none;pointer-events:auto;margin-bottom:2.5em}.calm-hero[data-calm-mode=static] .calm-hero__hint,.calm-hero:not([data-calm-mode]) .calm-hero__hint{display:none}@supports (animation-timeline: scroll()){.calm-hero[data-calm-mode=sequence]{timeline-scope:--calm}.calm-hero[data-calm-mode=sequence] .calm-hero__track{view-timeline-name:--calm;view-timeline-axis:block}.calm-hero[data-calm-mode=sequence] .calm-hero__stage{animation:calm-stage linear both;animation-timeline:--calm;animation-range:contain 0% contain 100%;transition:none}.calm-hero[data-calm-mode=sequence] .calm-hero__copy[data-calm-stage] .calm-hero__stage{opacity:0;transform:none}.calm-hero__stage[data-stage="0"]{--in:0%;--out:var(--calm-s1,20%)}.calm-hero__stage[data-stage="1"]{--in:var(--calm-s1,20%);--out:var(--calm-s2,36%)}.calm-hero__stage[data-stage="2"]{--in:var(--calm-s2,36%);--out:var(--calm-s3,88%)}.calm-hero__stage[data-stage="3"]{--in:var(--calm-s3,88%);--out:100%}.calm-hero[data-calm-mode=sequence] .calm-hero__stage{animation-range:contain var(--in) contain var(--out)}.calm-hero[data-calm-mode=sequence] .calm-hero__stage[data-stage="0"]{animation-name:calm-stage-first}.calm-hero[data-calm-mode=sequence] .calm-hero__stage[data-stage="3"]{animation-name:calm-stage-last}@keyframes calm-stage{0%{opacity:0;transform:translateY(12px)}8%{opacity:1;transform:none}92%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@keyframes calm-stage-first{0%{opacity:1;transform:none}42%{opacity:1;transform:none}64%{opacity:0;transform:translateY(-10px)}to{opacity:0;transform:translateY(-10px)}}@keyframes calm-stage-last{0%{opacity:0;transform:translateY(12px)}8%{opacity:1;transform:none}to{opacity:1;transform:none}}}@media(max-width:767px){.calm-hero{--calm-track:260vh}.calm-hero__copy{left:6vw;right:6vw;top:auto;bottom:9vh;transform:none;width:auto;min-height:10em}.calm-hero__title{font-size:1.35rem}.calm-hero__body{font-size:.92rem;line-height:1.8}.calm-hero__hint{left:5vw}}.calm-hero__stage[data-stage="0"] .calm-hero__title{font-size:clamp(3rem,6vw,6.5rem);line-height:1;letter-spacing:-.02em;font-weight:600;margin:0 0 .2em}.calm-hero__stage[data-stage="0"] .calm-hero__eyebrow{font-size:.95rem;letter-spacing:.2em}.calm-hero__stage[data-stage="0"] .calm-hero__body{font-size:clamp(1rem,1.3vw,1.2rem)}@media(max-width:767px){.calm-hero__stage[data-stage="0"] .calm-hero__title{font-size:clamp(3.2rem,16vw,5rem)}}.calm-hero__copy[data-calm-stage="0"]{left:0;right:0;top:5vh;transform:none;width:auto;min-height:0;text-align:center}.calm-hero__copy[data-calm-stage="0"] .calm-hero__stage[data-stage="0"]{position:relative;inset:auto;align-items:center}.calm-hero__stage[data-stage="0"] .calm-hero__body{max-width:28em;margin-left:auto;margin-right:auto}.calm-hero__stage[data-stage="0"] .calm-hero__eyebrow{letter-spacing:0}@media(max-width:767px){.calm-hero__copy[data-calm-stage="0"]{top:4vh;bottom:auto}.calm-hero__copy[data-calm-stage="0"]:before{display:none}}.calm-hero__title,.calm-hero__body{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}.calm-hero__title{font-size:clamp(1.5rem,2.6vw,2.3rem)}.calm-hero{--calm-ink:#f4efe8;--calm-muted:rgba(244,239,232,.72)}.calm-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#120e0a94,#120e0a5c 28%,#120e0a00 58%);opacity:1;transition:opacity .6s ease}.calm-hero__copy[data-calm-stage="0"]~.calm-hero__visual .calm-hero__shade{opacity:0}.calm-hero__copy{color:var(--calm-ink);width:min(36vw,560px);left:8vw}.calm-hero__copy:before{content:"";position:absolute;left:-2.4em;top:-1.5em;bottom:-1.5em;width:1px;background:#f4efe859}.calm-hero__copy[data-calm-stage="0"]:before{display:none}.calm-hero__eyebrow{font-family:-apple-system,Helvetica Neue,Arial,sans-serif;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--calm-muted);margin:0 0 1.4em}.calm-hero__title{font-family:Shippori Mincho,Hiragino Mincho ProN,Yu Mincho,serif;font-weight:400;font-size:clamp(1.9rem,3.4vw,3.2rem);line-height:1.5;letter-spacing:.06em;color:var(--calm-ink);margin:0 0 .8em}.calm-hero__body{font-size:clamp(.92rem,1.05vw,1.02rem);line-height:2.1;letter-spacing:.02em;color:var(--calm-muted);max-width:26em}.calm-hero__tag{display:inline-block;margin-top:2.2em;padding:.55em 1.1em;border:1px solid rgba(244,239,232,.4);border-radius:999px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--calm-muted)}.calm-hero__cta{margin-top:2em}.calm-hero__btn{border-color:#f4efe88c;color:var(--calm-ink)}.calm-hero__btn--primary{background:var(--calm-ink);color:#1a1a1a;border-color:var(--calm-ink)}.calm-hero__hint{color:var(--calm-muted);left:8vw}.calm-hero__copy[data-calm-stage="0"]{color:#1a1a1a;--calm-muted:#6b6560}.calm-hero__logo{display:block;height:clamp(3.2rem,6.2vw,6.4rem);width:auto;margin:0 auto .55em}.calm-hero__stage[data-stage="0"] .calm-hero__eyebrow{letter-spacing:.14em}.calm-hero__stage>*{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * .11s)}.calm-hero__copy[data-calm-stage="0"] .calm-hero__stage[data-stage="0"]>*,.calm-hero__copy[data-calm-stage="1"] .calm-hero__stage[data-stage="1"]>*,.calm-hero__copy[data-calm-stage="2"] .calm-hero__stage[data-stage="2"]>*,.calm-hero__copy[data-calm-stage="3"] .calm-hero__stage[data-stage="3"]>*{opacity:1;transform:none}.calm-hero[data-calm-mode=static] .calm-hero__stage>*{opacity:1;transform:none}@media(max-width:767px){.calm-hero__shade{background:linear-gradient(to top,#120e0a9e,#120e0a59 38%,#120e0a00 62%)}.calm-hero__copy{width:auto;left:7vw;right:7vw}.calm-hero__copy:before{display:none}.calm-hero__title{font-size:1.55rem}}.calm-hero__stage{align-items:flex-start}.calm-hero__copy[data-calm-stage="0"] .calm-hero__stage[data-stage="0"]{align-items:center}.calm-hero__logo{height:clamp(3.6rem,7.4vw,7.6rem)}.calm-hero__stage[data-stage="0"] .calm-hero__body{position:static;text-align:center;max-width:none;color:#3a3633;font-size:clamp(.85rem,.95vw,.95rem);margin-top:.2em}.calm-hero__copy[data-calm-stage="0"]{top:3.5vh}.calm-hero__logo{height:clamp(3rem,5.6vw,5.8rem);margin-bottom:.35em}.calm-hero__stage[data-stage="0"] .calm-hero__eyebrow{margin-bottom:.9em}.calm-hero__tagline{position:absolute;left:0;right:0;bottom:7vh;z-index:2;margin:0;text-align:center;font-size:clamp(.9rem,1.05vw,1.05rem);letter-spacing:.04em;color:#3a3633;opacity:0;transform:translateY(10px);transition:opacity .7s ease .25s,transform .7s ease .25s;pointer-events:none}.calm-hero[data-calm-mode=static] .calm-hero__tagline{position:static;opacity:1;transform:none;margin:1em 0 0}@media(max-width:767px){.calm-hero__tagline{bottom:6vh;padding:0 8vw;font-size:.9rem}}.calm-hero__copy{width:min(44vw,640px)}.calm-hero__title{font-size:clamp(1.7rem,3vw,2.9rem);overflow-wrap:normal;word-break:keep-all;white-space:nowrap}.calm-hero__title br{display:inline}@media(max-width:767px){.calm-hero__title{white-space:normal;font-size:1.5rem}}.calm-hero[data-calm-mode=static] .calm-hero__copy,.calm-hero:not([data-calm-mode]) .calm-hero__copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:min(100%,760px);min-height:0;margin:0 auto;transform:none}.calm-hero:not([data-calm-mode]) .calm-hero__stage>*{opacity:1;transform:none}.calm-hero__btn:focus-visible{outline:2px solid #8ab4ff;outline-offset:3px}.calm-hero__tag{border:0;padding:0;border-radius:0;margin-top:2em;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--calm-muted)}.calm-hero__tagline{top:auto;bottom:auto;color:#141210;font-weight:500;font-size:clamp(.95rem,1.15vw,1.12rem);letter-spacing:.05em;text-shadow:none}.calm-hero__copy[data-calm-stage="0"]~.calm-hero__tagline{opacity:1;transform:none}@supports (top: 1px){.calm-hero__tagline{position:absolute;left:0;right:0;top:clamp(9rem,20vh,15rem)}}@media(max-width:767px){.calm-hero__tagline{top:auto;bottom:8vh;padding:0 8vw;font-size:.92rem}}.calm-hero[data-calm-mode=sequence] .calm-hero__stage[data-stage="0"]{animation:none!important;transform:none}.calm-hero[data-calm-mode=sequence] .calm-hero__stage[data-stage="0"]>*{opacity:1!important;transform:none!important;transition:none!important}.calm-hero[data-calm-mode=sequence] .calm-hero__tagline{transition:none!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/calm-hero.css.map */