#page-story>.story-portrait-hero{height:210svh;min-height:0;padding:0!important;overflow:visible!important;background:#f5f3ee!important;position:relative;isolation:isolate}
#page-story .story-portrait-grid{position:sticky!important;top:0!important;height:100svh;min-height:0;width:100%;max-width:none;padding:0 7%;display:block!important;overflow:hidden;isolation:isolate}
#page-story .story-opening-copy{position:absolute!important;left:9%;top:20%;width:44%;z-index:4;transform:translateY(calc(var(--exit,0)*-70px))!important;opacity:calc(1 - var(--exit,0));pointer-events:none}
#page-story .story-portrait-hero h1{position:relative;left:0!important;margin:0!important;max-width:100%;line-height:1!important}
#page-story .story-portrait-hero h1>span{display:block;font:400 clamp(38px,4.2vw,72px)/1.07 var(--display)!important;letter-spacing:-.04em;max-width:12ch;transform:none!important}
#page-story .story-portrait-hero h1>em{display:block;font:italic 400 clamp(44px,4.7vw,77px)/1 var(--display)!important;margin-top:20px;color:#252525!important;transform:none!important}
#page-story .story-portrait-hero .story-why{display:block!important;position:relative!important;left:0!important;top:0!important;margin:-18px 0 0 clamp(84px,8vw,130px)!important;padding:0!important;font:italic 400 clamp(135px,17.5vw,280px)/.82 var(--display)!important;letter-spacing:-.07em;background:none!important;color:#2343d6!important;-webkit-text-fill-color:#2343d6!important;animation:none!important}
#page-story .story-portrait-hero .lede{transform:none!important;color:#343330!important;font:400 15px/1.85 var(--sans)!important;max-width:38ch;margin:14px 0 0!important;opacity:1}
#page-story .story-pink-portrait{position:absolute!important;right:0;bottom:76px;width:64%!important;max-width:none!important;margin:0!important;z-index:2;mix-blend-mode:multiply;transform:translate3d(var(--portrait-x,0px),calc(var(--portrait-scroll,0)*var(--portrait-drop,70px)),0) scale(calc(1 + var(--portrait-scroll,0)*var(--portrait-grow,.12)))!important;transform-origin:70% 100%;opacity:1!important;animation:none!important}
#page-story .story-pink-portrait svg{width:100%;height:calc(100svh - 140px);min-height:0;object-fit:contain;display:block}
.journey-halo{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 77% 46%,#c8cfe18a 0%,#e3d9d64d 26%,transparent 58%)}
.journey-halo:before{content:'';position:absolute;width:88vw;height:88vw;border-radius:50%;left:38%;top:-35%;background:conic-gradient(from 210deg,transparent 0deg,#b7b3a05c 45deg,#fffef7 85deg,transparent 138deg,#bdc8e733 200deg,transparent 300deg);transform:rotate(calc(var(--hero-p,0)*55deg));}
.journey-halo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#f5f3ee 0%,transparent 30%)}
.journey-hero-veil{position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(105deg,#f5f3ee 25%,#f5f3eeef 45%,#f5f3ee00 62%);transform:translateX(-115%)}
#page-story.journey-enter .journey-hero-veil{animation:veilJourney 2.6s cubic-bezier(.22,.65,.3,1) both}
#page-story.journey-enter .story-pink-portrait svg{animation:portraitJourney 2.7s cubic-bezier(.22,.65,.3,1) both}
#page-story.journey-enter .story-opening-copy h1>span{animation:wordsJourney 1.6s .2s both}
#page-story.journey-enter .story-opening-copy h1>em{animation:wordsJourney 1.8s .55s both}
#page-story.journey-enter .story-opening-copy .lede{animation:wordsJourney 1.6s 1s both}
@keyframes veilJourney{from{transform:translateX(50%)}to{transform:translateX(-115%)}}
@keyframes portraitJourney{from{opacity:0;clip-path:ellipse(12% 64% at 77% 50%);scale:1.045}50%{opacity:1}to{opacity:1;clip-path:ellipse(95% 100% at 62% 50%);scale:1}}
@keyframes wordsJourney{from{opacity:0;translate:0 22px;clip-path:inset(0 100% -25% 0)}to{opacity:1;translate:0 0;clip-path:inset(0 -10% -25% 0)}}
.journey-scroll-cue{position:absolute;left:7%;bottom:25px;font:10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#6d6b65;display:flex;align-items:center;gap:18px;z-index:5;opacity:calc(1 - var(--exit,0))}
.journey-scroll-cue:before{content:'';height:1px;width:55px;background:#8b8880}
#page-story #storySequence{margin-top:0!important}
@media(max-width:800px){#page-story>.story-portrait-hero{height:auto;min-height:0}
#page-story .story-portrait-grid{position:relative!important;height:auto;min-height:0;padding:140px 6% 45px;display:flex!important;flex-direction:column}
#page-story .story-opening-copy{position:relative!important;left:auto;top:auto;width:100%;transform:none!important;opacity:1}
#page-story .story-portrait-hero h1>span{font-size:42px!important;max-width:none}
#page-story .story-portrait-hero h1>em{font-size:40px!important;margin-top:15px}
#page-story .story-portrait-hero .story-why{display:inline!important;font-size:105px!important;margin-left:10px!important}
#page-story .story-portrait-hero .lede{font-size:15px!important;line-height:1.8!important;margin-top:23px!important;max-width:none}
#page-story .story-pink-portrait{position:relative!important;right:auto;bottom:auto;width:112%!important;margin:10px -6% 0!important;transform:none!important}
#page-story .story-pink-portrait svg{height:auto;min-height:0;width:100%}
.journey-scroll-cue{bottom:18px;left:6%;font-size:9px}
.journey-halo:before{width:180vw;height:180vw;top:22%;left:10%}}
@media(prefers-reduced-motion:reduce){#page-story>.story-portrait-hero{height:auto}
#page-story .story-portrait-grid{position:relative!important}
#page-story.journey-enter .story-pink-portrait svg,#page-story.journey-enter .story-opening-copy h1>span,#page-story.journey-enter .story-opening-copy h1>em,#page-story.journey-enter .story-opening-copy .lede{animation:none!important}
.journey-hero-veil{display:none}}
.journey-halo:before{background:radial-gradient(ellipse at 55% 45%,#c7cfe15c,transparent 58%),radial-gradient(ellipse at 35% 72%,#e4d4ce50,transparent 52%);border-radius:0}
#page-story .story-pink-portrait{mask-image:linear-gradient(to right,transparent 0%,black 10%,black 96%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 96%,transparent 100%)}
#page-story .story-pink-portrait svg{mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent,black 1.5%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 1.5%)}
@media(max-width:800px){#page-story .story-portrait-hero .story-why{margin:0 0 0 14px!important;font-size:112px!important}}
#page-story .story-portrait-hero .story-why{transform:translate(10%,-18%)!important}
#page-story .story-portrait-hero h1>span{max-width:none;white-space:nowrap}
#page-story .story-portrait-hero .lede{position:relative;top:-12px}
#page-story .story-pink-portrait{mask-image:none;-webkit-mask-image:none;mix-blend-mode:multiply!important}
#page-story .story-pink-portrait svg{mask-image:none;-webkit-mask-image:none;mix-blend-mode:normal}
@media(max-width:800px){#page-story .story-portrait-hero h1>span{white-space:normal}
#page-story .story-portrait-hero .story-why{display:inline-block!important;transform:translate(10%,-18%)!important}}
#page-story .story-portrait-hero .story-why{width:max-content}
#page-story .story-pink-portrait{mask-image:linear-gradient(to right,transparent,black 14%,black 87%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 14%,black 87%,transparent)}
#page-story .story-pink-portrait svg{mask-image:linear-gradient(to bottom,transparent,black 14%,black 97%,transparent),radial-gradient(ellipse 19% 24% at 43% 23%,black 77%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 14%,black 97%,transparent),radial-gradient(ellipse 19% 24% at 43% 23%,black 77%,transparent 100%);mask-composite:add;-webkit-mask-composite:source-over}