.m18{--m18-bl:#9a7414;--m18-hint:#fff6d8;--m18-hint-line:#f1d27a;--m18-acc:#7c5d08;--m18-ease:cubic-bezier(.2,.8,.2,1);overflow-x:clip}html[data-theme=dark] .m18{--m18-bl:#f1c74a;--m18-hint:#2a2a1e;--m18-hint-line:#8a7a3a;--m18-acc:#f1c74a}.m18 [data-mo=motivation]{--mc:var(--m-motivation)}.m18 [data-mo=clarity]{--mc:var(--m-clarity)}.m18 [data-mo=love]{--mc:var(--m-love)}.m18 [data-mo=gratitude]{--mc:var(--m-gratitude)}.m18 [data-mo=pride]{--mc:var(--m-pride)}.m18 .m18-bolt{display:inline-block;width:.7em;height:1em;flex:none;fill:var(--bolt,#f1c74a)}.m18 .m18-lockup{display:inline-flex;align-items:baseline;gap:.28em;line-height:1;white-space:nowrap}.m18 .m18-lockup .mo{font:700 16px/1 var(--font-brand);letter-spacing:-.02em}.m18 .m18-lockup .of{font:italic 400 19px/1 var(--font-display);letter-spacing:-.01em}.m18 .m18-lockup .m18-bolt{width:10px;height:14px;align-self:center}.m18 .m18-st{--sbg:#28448b;--sfg:#f2eee4;--sbolt:#ffbd0f;position:relative;display:block;width:100%;aspect-ratio:545/692;border-radius:11.9%/9.4%;background:var(--sbg);color:var(--sfg);container-type:inline-size;overflow:hidden}.m18 .m18-st:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#ffffff29,#fff0 34% 70%,#ffffff12)}.m18 .m18-st-t{position:absolute;left:50%;top:42%;width:80%;transform:translate(-50%,-50%) scaleX(.95);text-align:center;font:400 var(--fs,20cqw)/.88 "Instrument Serif",Georgia,serif;letter-spacing:-.005em;text-wrap:balance;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;color:var(--sfg)}.m18 .m18-st-b{position:absolute;left:50%;top:81%;height:9%;width:auto;transform:translate(-50%);fill:var(--sbolt)}.m18 .m18-st[data-c=motivation]{--sbg:#28448b}.m18 .m18-st[data-c=pride]{--sbg:#182247;--sbolt:#d6aa45}.m18 .m18-st[data-c=clarity]{--sbg:#044d37}.m18 .m18-st[data-c=inspiration]{--sbg:#5f224e}.m18 .m18-st[data-c=gratitude]{--sbg:#556f27}.m18 .m18-st[data-c=love]{--sbg:#9f1025}.m18 .m18-st[data-c=friendship]{--sbg:#026673}.m18 .m18-st[data-c=calm]{--sbg:#7e5f85}.m18 .m18-st[data-c=joy]{--sbg:#ab4105}.m18 .m18-st[data-c=all-black]{--sbg:#0e0e0e}.m18 .m18-st[data-c=all-black] .m18-st-t{top:50%;font:700 var(--fs,13cqw)/1.02 var(--font-brand);letter-spacing:.02em;transform:translate(-50%,-50%)}.m18 .m18-st[data-c=all-black] .m18-st-b{display:none}.m18 .m18-st[data-o="1"]{--sbg:#e7c981;--sfg:#141a28;--sbolt:#141a28}.m18 .m18-hero{padding-block:clamp(20px,4vw,56px) clamp(36px,5vw,64px)}.m18 .m18-hero h1{margin-top:18px;color:var(--ink);max-width:16ch}.m18 .m18-hero .m18-lead{margin-top:16px;max-width:52ch;color:var(--ink-2)}.m18 .m18-ask{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin:clamp(28px,4vw,44px) 0 16px}.m18 .m18-ask p{color:var(--ink)}.m18 .m18-doors{display:flex;gap:12px;height:clamp(460px,66vh,640px)}.m18 .m18-door{position:relative;flex:1 1 0;min-width:0;border-radius:28px;overflow:hidden;isolation:isolate;color:#fff;text-decoration:none;background:var(--mc);box-shadow:var(--shadow);transition:flex-grow .7s var(--m18-ease),box-shadow .3s ease}.m18 .m18-door img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform 1.4s var(--m18-ease)}.m18 .m18-door:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 34%,color-mix(in srgb,var(--mc) 62%,transparent) 64%,var(--mc) 100%)}.m18 .m18-door-in{position:absolute;z-index:2;left:0;bottom:0;width:100%;padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px}.m18 .m18-door .m18-feel{font:600 12px/1.2 var(--font-brand);letter-spacing:.14em;text-transform:uppercase;color:#fff}.m18 .m18-door .m18-lockup{flex-wrap:wrap;row-gap:4px;white-space:normal;color:#fff}.m18 .m18-door-x{display:grid;grid-template-rows:1fr;transition:grid-template-rows .55s var(--m18-ease)}.m18 .m18-door-x>div{overflow:hidden;min-width:0}.m18 .m18-door .m18-say{display:block;font:400 var(--type-quote)/1.08 var(--font-display);letter-spacing:-.01em;color:#fff;text-wrap:balance}.m18 .m18-door .m18-go{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font:600 15px/1 var(--font-brand);color:#fff}.m18 .m18-door .m18-go i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);font-style:normal;transition:transform .25s ease,background .25s ease}.m18 .m18-door:hover img,.m18 .m18-door:focus-visible img{transform:scale(1.04)}.m18 .m18-door:hover .m18-go i,.m18 .m18-door:focus-visible .m18-go i{transform:translate(3px);background:#ffffff29}.m18 .m18-door:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.m18 .m18-door.is-on{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--bolt),var(--shadow)}@media(min-width:960px){.m18 .m18-door-x{grid-template-rows:0fr}.m18 .m18-door .m18-say,.m18 .m18-door .m18-go{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .45s var(--m18-ease)}.m18 .m18-door .m18-say{min-width:300px}.m18 .m18-doors:not(:hover):not(:focus-within) .m18-door.is-on,.m18 .m18-door:hover,.m18 .m18-door:focus-visible{flex-grow:3.4}.m18 .m18-doors:not(:hover):not(:focus-within) .m18-door.is-on .m18-door-x,.m18 .m18-door:hover .m18-door-x,.m18 .m18-door:focus-visible .m18-door-x{grid-template-rows:1fr}.m18 .m18-doors:not(:hover):not(:focus-within) .m18-door.is-on :is(.m18-say,.m18-go),.m18 .m18-door:hover :is(.m18-say,.m18-go),.m18 .m18-door:focus-visible :is(.m18-say,.m18-go){opacity:1;transform:none;transition-delay:.18s}}@media(max-width:959px){.m18 .m18-doors{height:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:6px var(--gutter) 16px;scroll-padding-inline:var(--gutter)}.m18 .m18-doors::-webkit-scrollbar{display:none}.m18 .m18-door{flex:0 0 min(78%,340px);aspect-ratio:4/5;scroll-snap-align:start}}.m18 .m18-stage{padding-block:clamp(24px,4vw,48px) clamp(48px,7vw,88px);scroll-margin-top:72px}.m18 .m18-switch{display:flex;gap:4px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none;margin:0 0 18px;padding:4px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.m18 .m18-switch::-webkit-scrollbar{display:none}.m18 .m18-switch button{-webkit-appearance:none;appearance:none;border:0;background:none;border-radius:999px;min-height:44px;padding:0 16px;display:inline-flex;gap:8px;align-items:center;font:600 15px/1 var(--font-brand);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:background .25s ease,color .25s ease}.m18 .m18-switch button i{width:10px;height:10px;border-radius:50%;background:var(--mc);flex:none}.m18 .m18-switch button[aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #00000024}.m18 .m18-panel{scroll-margin-top:72px}.m18 .m18-panel+.m18-panel{margin-top:40px}.m18.js .m18-panel+.m18-panel{margin-top:0}.m18.js .m18-panel:not(.is-on){display:none}.m18.js .m18-panel.is-on .m18-pblock{animation:m18in .6s var(--m18-ease) both}.m18.js .m18-panel.is-on .m18-tools{animation:m18in .6s .08s var(--m18-ease) both}@keyframes m18in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.m18 .m18-pblock{position:relative;isolation:isolate;overflow:hidden;background:var(--mc);color:#fff;border-radius:28px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:580px;box-shadow:var(--shadow-lg)}.m18 .m18-pimg{position:relative;min-height:320px;background:#0000001f}.m18 .m18-pimg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}.m18 .m18-pimg .m18-st{position:absolute;right:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);width:clamp(88px,10vw,124px);transform:rotate(5deg);filter:drop-shadow(0 1px 1px rgba(0,0,0,.25)) drop-shadow(0 10px 16px rgba(0,0,0,.28))}.m18 .m18-ptxt{position:relative;padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;gap:18px;justify-content:center}.m18 .m18-ptxt:before{content:"";position:absolute;z-index:-1;inset:-20% -30% auto 35%;height:120%;background:radial-gradient(closest-side,rgba(255,255,255,.12),transparent);pointer-events:none}.m18 .m18-ptxt h2{color:#fff}.m18 .m18-psub{color:#fff;max-width:44ch}.m18 .m18-lines{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:10px}.m18 .m18-lines li{display:flex;gap:12px;align-items:baseline;font:600 var(--type-h5)/1.4 var(--font-brand);color:#fff}.m18 .m18-lines .m18-bolt{width:10px;height:14px;transform:translateY(2px)}.m18 .m18-habit{border-top:1px solid rgba(255,255,255,.32);padding-top:16px;display:grid;gap:6px;max-width:46ch}.m18 .m18-habit .k{font:600 12px/1.2 var(--font-brand);letter-spacing:.14em;text-transform:uppercase;color:#fff}.m18 .m18-habit .v{color:#fff}.m18 .m18-pcta{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:4px}.m18 .m18-pcta .btn{background:var(--cream,#f6f2ea);color:#141a28;box-shadow:0 12px 26px -14px #0009}.m18 .m18-pcta .btn .p{opacity:.75;font-variant-numeric:tabular-nums}.m18 .m18-pcta a.m18-more{color:#fff;font:600 15px/1.2 var(--font-brand);text-underline-offset:4px}.m18 .m18-tools-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin:clamp(24px,3vw,36px) 0 14px}.m18 .m18-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.m18 .m18-tools .pcard{min-width:0}.m18 .m18-tools .art.m18-art{background:var(--paper-2);display:grid;place-items:center;padding:7%}.m18 .m18-mini{display:flex;gap:12px;justify-content:center;align-items:center;width:100%;max-width:260px}.m18 .m18-mini .m18-st{width:38%;filter:drop-shadow(0 8px 12px rgba(14,20,34,.3))}.m18 .m18-mini .m18-st:nth-child(1){transform:rotate(-6deg)}.m18 .m18-mini .m18-st:nth-child(2){transform:rotate(5deg) translateY(-8px)}.m18 .m18-sheet{width:60%;aspect-ratio:3/4;background:#fcf9f2;color:#283044;border-radius:6px;transform:rotate(-3deg);box-shadow:0 18px 30px -18px #0e14228c;padding:12% 10%;display:flex;flex-direction:column;gap:10px}.m18 .m18-sheet b{font:400 clamp(20px,2vw,24px)/1.05 var(--font-display);color:#283044}.m18 .m18-sheet i{display:block;height:1px;background:#e7e0d1}.m18 .m18-sheet small{font:600 12px/1.2 var(--font-brand);letter-spacing:.14em;text-transform:uppercase;color:#736d5f}@media(max-width:959px){.m18 .m18-pblock{grid-template-columns:1fr;min-height:0}.m18 .m18-pimg{aspect-ratio:4/3;min-height:0}.m18 .m18-tools{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:min(76%,300px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) 10px;scroll-padding-inline:var(--gutter)}.m18 .m18-tools::-webkit-scrollbar{display:none}.m18 .m18-tools>.pcard{scroll-snap-align:start}}@media(max-width:600px){.m18 .m18-ptxt{padding:26px 22px 30px}.m18 .m18-pblock{border-radius:24px}.m18 .m18-psub{-webkit-hyphens:auto;hyphens:auto}.m18 .m18-switch{margin-inline:calc(var(--gutter) * -1);border-radius:0;border-inline:0;width:auto;padding-inline:var(--gutter)}}
/*# sourceMappingURL=/cdn/shop/t/299/assets/mh18-moments.css.map */