@font-face{font-family:Cormorant;src:url('/assets/cormorant-garamond.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:light;--ivory:#f7f2e9;--burgundy:#642d40;--rose:#986371;--ink:#422d32;--muted:#776267;--line:rgba(100,45,64,.17)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ivory)}body{font-family:Manrope,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:2px solid var(--burgundy);outline-offset:6px}::selection{background:#e8c6cd;color:var(--burgundy)}
.launch-page{max-width:1440px;margin-inline:auto}.story{min-height:100svh;display:flex;flex-direction:column;padding:14px clamp(24px,6vw,88px) 25px}.brand-header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:148px}.brand{display:block;flex-shrink:0;width:148px;height:148px;margin-left:-15px}.brand-logo{display:block;width:100%;height:100%;mix-blend-mode:darken}.launch-status{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px 16px;font-size:9px;font-weight:600;letter-spacing:.19em;color:var(--burgundy);white-space:nowrap}.launch-status>span{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--rose)}
.introduction{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 0 62px}.eyebrow{display:flex;align-items:center;gap:12px;justify-content:center;margin:0 0 29px;font-size:9px;font-weight:600;letter-spacing:.23em;color:var(--burgundy)}.small-line{width:25px;height:1px;background:var(--rose)}h1{font:500 clamp(68px,8.2vw,118px)/.94 Cormorant,Georgia,serif;letter-spacing:-.045em;color:var(--burgundy);margin:0;max-width:100%;text-wrap:balance}h1>span{display:block}h1 em{font-weight:400;color:var(--rose)}.description{max-width:440px;margin:29px 0 29px;color:var(--muted);font-size:13px;line-height:1.95;text-wrap:pretty}.follow-actions{display:flex;flex-direction:column;align-items:center;gap:15px}.follow-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:0 23px;min-height:55px;background:var(--burgundy);color:#fff8f0;text-decoration:none;font-size:11px;font-weight:500;letter-spacing:.01em;transition:background .2s ease,transform .2s ease}.follow-button:hover{background:#4c2030;transform:translateY(-2px)}.follow-button svg{flex-shrink:0}.button-arrow{margin-left:17px;transition:transform .2s ease}.follow-button:hover .button-arrow{transform:translate(2px,-2px)}.instagram-handle{color:var(--muted);font-size:11px;letter-spacing:.015em;text-underline-offset:5px;text-decoration-color:#bca4a7;transition:color .2s ease}.instagram-handle:hover{color:var(--burgundy)}.story-bottom{flex-shrink:0}.categories{display:flex;justify-content:center;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:21px 0;color:var(--burgundy);font-size:9px;font-weight:600;letter-spacing:.19em}.category-dot{color:var(--rose);font-size:17px;line-height:9px;font-weight:400}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:21px;color:var(--muted);font-size:10px;line-height:1.7}footer small{font-size:inherit}footer>span{text-align:right}.introduction{animation:reveal .65s ease-out both}@keyframes reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.story{padding-top:28px;padding-bottom:30px}.brand{width:170px;height:170px}.description{font-size:14px}.introduction{padding-bottom:80px}}
@media(max-width:760px){.story{padding:8px 28px 22px}.brand-header{min-height:126px}.brand{width:128px;height:128px;margin-left:-14px}.launch-status{font-size:8px;gap:8px;letter-spacing:.12em;padding:10px 12px}.introduction{padding:42px 0 55px}.eyebrow{font-size:8px;letter-spacing:.19em;margin-bottom:29px}h1{font-size:clamp(64px,11vw,84px);line-height:.94;max-width:600px}h1>span:first-child{max-width:460px;margin-inline:auto}.description{font-size:12px;max-width:325px;margin:28px 0}.follow-button{min-height:54px}.categories{gap:15px;font-size:8px;padding:19px 0;letter-spacing:.17em}footer{font-size:9px;gap:14px;padding-top:18px}footer>span{max-width:160px}}
@media(max-width:430px){h1>span:first-child{max-width:310px}h1{font-size:clamp(61px,16vw,70px)}.introduction{padding-top:30px;padding-bottom:46px}.brand{width:120px;height:120px}.brand-header{min-height:120px}.description{max-width:280px}.categories{gap:12px}footer{font-size:8px}footer>span{max-width:133px}}
@media(max-width:350px){.story{padding-inline:21px}.brand{width:110px;height:110px}.launch-status{font-size:7px;padding:9px}.eyebrow{font-size:7px}h1{font-size:58px}.categories{font-size:7px;gap:11px}.follow-button{padding-inline:19px;font-size:10px}.button-arrow{margin-left:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Original light composition, with restrained animation only. */
.introduction{animation:none}
.brand-header{animation:soft-entrance .9s ease-out both}
.brand-logo{animation:logo-drift 8s ease-in-out 1s infinite}
.eyebrow{animation:soft-entrance .9s ease-out .12s both}
.small-line{transform-origin:left;animation:line-reveal 1.2s ease-out .3s both}
 h1>span{animation:title-entrance 1.2s cubic-bezier(.16,1,.3,1) .2s both}
 h1>span+span{animation-delay:.38s}
.description{animation:soft-entrance 1s ease-out .52s both}
.follow-actions{animation:soft-entrance 1s ease-out .68s both}
.story-bottom{animation:soft-entrance 1s ease-out .82s both}
.launch-status>span{animation:status-glow 4s ease-in-out infinite}
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;padding:2px 5px;background:none;border:0;color:var(--muted);font:inherit;font-size:9px;cursor:pointer;white-space:nowrap}
.motion-toggle[hidden]{display:none}
.motion-toggle:focus-visible{outline:2px solid var(--burgundy);outline-offset:4px}
.motion-toggle:hover{color:var(--burgundy)}
.motion-icon{width:7px;height:8px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.motion-toggle[aria-pressed=true] .motion-icon{width:0;height:0;border:0;border-left:6px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important}
@keyframes soft-entrance{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:none}}
@keyframes title-entrance{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes line-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes logo-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes status-glow{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(152,99,113,0)}50%{opacity:.65;box-shadow:0 0 0 5px rgba(152,99,113,.09)}}
@media(max-width:560px){footer{flex-wrap:wrap;column-gap:12px;row-gap:8px}.motion-toggle{order:3;flex-basis:100%;font-size:8px}footer>span{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-toggle{display:none}}

/* Readable supporting typography at desktop and phone sizes. */
:root{--muted:#665158}
.launch-status{font-size:11px;letter-spacing:.13em}
.eyebrow{font-size:11px;letter-spacing:.15em}
.description{font-size:16px;line-height:1.85;max-width:500px}
.follow-button{font-size:14px;min-height:58px;padding-inline:25px}
.instagram-handle{font-size:13px}
.categories{font-size:11px;letter-spacing:.14em}
footer{font-size:12px;line-height:1.75}
.motion-toggle{font-size:11px;min-height:36px}
@media(max-width:760px){
 .launch-status{font-size:10px;letter-spacing:.1em}
 .eyebrow{font-size:10px;letter-spacing:.12em}
 .description{font-size:15px;max-width:340px;line-height:1.8}
 .follow-button{font-size:13px;min-height:56px;padding-inline:22px}
 .instagram-handle{font-size:12px}
 .categories{font-size:10px;letter-spacing:.1em;gap:13px}
 footer{font-size:11px;align-items:flex-start;flex-wrap:wrap;gap:9px 14px}
 footer>span{max-width:none}
 .motion-toggle{font-size:11px;flex-basis:100%;order:3}
}
@media(max-width:430px){
 footer{justify-content:center;text-align:center}
 footer small,footer>span{flex-basis:100%;text-align:center;margin:0}
 .description{max-width:295px}
 .launch-status{padding:10px;font-size:10px}
}
@media(max-width:350px){
 .launch-status{font-size:9px;letter-spacing:.07em;padding:9px}
 .eyebrow{font-size:9px;letter-spacing:.08em}
 .description{font-size:14px}
 .follow-button{font-size:12px;padding-inline:18px}
 .categories{font-size:9px;gap:10px}
}

/* Highlight the headline without hiding or changing its words. */
h1 em{
 display:inline-block;
 animation:beautiful-float 5s ease-in-out 1.5s infinite;
}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 h1 em{
  background-image:linear-gradient(110deg,#986371 0%,#986371 34%,#ce9aa4 46%,#642d40 57%,#986371 70%,#986371 100%);
  background-size:280% 100%;
  background-position:100% 50%;
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  animation:beautiful-shimmer 6s ease-in-out 1s infinite,beautiful-float 5s ease-in-out 1.5s infinite;
 }
}
@keyframes beautiful-shimmer{
 0%,18%{background-position:100% 50%}
 72%,100%{background-position:0% 50%}
}
@keyframes beautiful-float{
 0%,100%{transform:translateY(0)}
 50%{transform:translateY(-3px)}
}
@media(prefers-reduced-motion:reduce){
 h1 em{animation:none!important;background:none;color:var(--rose);transform:none}
}
@media(forced-colors:active){h1 em{background:none;color:CanvasText}}

/* A visible, staggered wave across the complete headline. */
h1 .headline-word{display:inline-block;animation:headline-wave 6s ease-in-out infinite;will-change:transform}
h1 .word-one{animation-delay:.9s}
h1 .word-two{animation-delay:1.45s}
h1 .word-three{animation-delay:2s}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 h1 em.headline-word{animation:headline-wave 6s ease-in-out 1.45s infinite,beautiful-shimmer 6s ease-in-out 1s infinite}
}
@keyframes headline-wave{
 0%,12%,65%,100%{transform:translateY(0)}
 33%{transform:translateY(-10px)}
 48%{transform:translateY(2px)}
}
@media(max-width:430px){
 @keyframes headline-wave{0%,12%,65%,100%{transform:translateY(0)}33%{transform:translateY(-7px)}48%{transform:translateY(1px)}}
}
@media(prefers-reduced-motion:reduce){h1 .headline-word{animation:none!important;transform:none;will-change:auto}}

/* Italic glyphs extend past their text box. Avoid text clipping on the final l. */
h1 em.headline-word{
 background:none;
 background-clip:border-box;
 -webkit-background-clip:border-box;
 color:var(--rose);
 -webkit-text-fill-color:currentColor;
 padding-inline:.04em .18em;
 margin-inline:-.04em -.18em;
 overflow:visible;
 animation:headline-wave 6s ease-in-out 1.45s infinite,beautiful-colour 6s ease-in-out 1s infinite;
}
@keyframes beautiful-colour{
 0%,100%{color:#986371}
 50%{color:#793f54}
}
@media(prefers-reduced-motion:reduce){h1 em.headline-word{animation:none!important;color:var(--rose);transform:none}}
@media(forced-colors:active){h1 em.headline-word{color:CanvasText;animation:none!important}}

/* Phone layout: three deliberate title lines and generous touch targets. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.story{min-height:100vh;min-height:100svh}
img{max-width:100%}
@media(max-width:760px){
 .story{
  padding-top:max(8px,env(safe-area-inset-top));
  padding-bottom:max(22px,env(safe-area-inset-bottom));
  padding-left:max(24px,env(safe-area-inset-left));
  padding-right:max(24px,env(safe-area-inset-right));
 }
 .brand-header{gap:12px;min-height:116px}
 .brand{width:116px;height:116px;margin-left:-12px}
 .launch-status{font-size:10px;letter-spacing:.08em;padding:11px 12px;gap:8px}
 .introduction{width:100%;min-width:0;padding:30px 0 38px}
 .eyebrow{font-size:10px;letter-spacing:.1em;line-height:1.7;gap:9px;margin-bottom:26px}
 .small-line{flex-shrink:0;width:20px}
 h1{font-size:clamp(56px,16vw,84px);line-height:1.05;width:100%;max-width:600px;letter-spacing:-.04em}
 h1>span:first-child{display:flex;flex-direction:column;align-items:center;max-width:none}
 h1 .headline-word{max-width:100%}
 h1 em.headline-word{margin-inline:0;padding-inline:.05em .18em}
 .description{width:100%;max-width:340px;font-size:15px;line-height:1.8;margin:24px 0 27px}
 .follow-actions{width:100%}
 .follow-button{width:min(100%,330px);min-height:56px;gap:12px;font-size:13px;padding-inline:18px}
 .button-arrow{margin-left:auto}
 .categories{gap:12px;font-size:10px;letter-spacing:.08em;line-height:1.8;padding:18px 0}
 footer{justify-content:center;text-align:center;gap:8px 12px;font-size:11px;padding-top:16px}
 footer small,footer>span{flex-basis:100%;max-width:none;margin:0;text-align:center}
 .motion-toggle{min-height:44px;flex-basis:100%;font-size:11px;order:3}
}
@media(max-width:350px){
 .story{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
 .brand{width:106px;height:106px}
 .brand-header{min-height:106px}
 .launch-status{font-size:9px;letter-spacing:.04em;padding:10px;gap:7px}
 .eyebrow{font-size:9px;letter-spacing:.06em}
 h1{font-size:56px}
 .description{font-size:14px}
 .follow-button{font-size:12px;gap:10px;padding-inline:16px}
 .categories{gap:10px;font-size:9px}
}
@media(max-height:540px) and (orientation:landscape) and (max-width:960px){
 .brand-header{min-height:92px}
 .brand{width:92px;height:92px}
 .introduction{padding-block:22px 30px}
 h1{font-size:58px;line-height:1.04}
 .eyebrow{margin-bottom:21px}
}
@media(hover:none){.follow-button:hover{transform:none}.follow-button:hover .button-arrow{transform:none}}