.new-direction{--paper:#faf9f1;--ink:#411632;--blue:#313cd2;background:var(--paper)}
.new-direction h1,.new-direction h2{font-family:var(--sans);font-weight:600;letter-spacing:-.055em;line-height:1.06;margin:0}
.new-direction h1 em,.new-direction h2 em{font-family:var(--serif);font-weight:500}
.opening{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:660px;padding:50px 5.5%;gap:4%;position:relative;isolation:isolate;background:radial-gradient(ellipse at 72% 54%,#fbe5ee,transparent 64%)}
.opening:before,.closing:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px}
.opening h1{font-size:clamp(46px,5.9vw,90px);color:var(--blue)}
.opening-promise{font-size:clamp(18px,2vw,25px);line-height:1.45;margin:28px 0 14px;max-width:470px}
.opening-tools{font-size:15px;line-height:1.6;max-width:320px;margin:0 0 22px}
.smallprint{font-size:12px!important;line-height:1.6;margin-top:15px!important}
.opening-art img{width:100%;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 92%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 92%,transparent);-webkit-mask-composite:source-in}
.kicker{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 25px}
.invitation{padding:88px 25px 55px;text-align:center}
.invitation h2,.together h2{font-size:clamp(35px,4.5vw,64px)}
.invitation>p:not(.kicker),.together>p:not(.kicker){font-size:18px;line-height:1.65;margin:25px auto;max-width:600px}
.chapter-nav{display:flex;justify-content:center;gap:0;margin:38px auto 0;max-width:660px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.chapter-nav a{padding:17px 24px;text-decoration:none;font-size:14px;flex:1;white-space:nowrap}
.chapter-nav a:hover{background:#f8e2ef}
.chapter{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:64px 8%;min-height:640px;border-bottom:1px solid var(--ink);scroll-margin-top:25px}
.chapter-copy{max-width:470px}.chapter h2{font-size:clamp(38px,4.5vw,68px)}
.chapter-copy>p:not(.kicker){font-size:18px;line-height:1.7;max-width:410px;margin:27px 0 30px}
.chapter-visual{display:flex;justify-content:center;align-items:center;min-width:0;height:520px}
.chapter-visual .device{height:100%;width:auto;object-fit:contain;max-width:100%}
.reverse .chapter-visual{grid-column:2;grid-row:1}.reverse .chapter-copy{grid-column:1;grid-row:1}
.pink-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 25px;background:#f8e2ef;border:1.5px solid var(--ink);border-radius:40px;font-size:14px;font-weight:600;text-decoration:none}
.pink-button:hover{background:var(--ink);color:var(--paper)}
.little-star{font-size:.65em;vertical-align:middle;display:inline-block}
.screen-shell{height:475px;aspect-ratio:375/812;border:6px solid #252225;border-radius:31px;overflow:hidden;box-shadow:0 16px 23px #41163220;position:relative;background:#fff}
.screen-shell img{width:100%;height:100%;object-fit:cover}
.focus-screen{aspect-ratio:375/819}.focus-screen img{max-width:none;width:auto;height:100%;object-fit:initial}
.rest-chapter{background:radial-gradient(ellipse at 68% 55%,#fce8f0,transparent 66%)}
.together{text-align:center;padding:85px 25px;border-bottom:1px solid var(--ink)}
.together>span{display:block;font-size:45px;line-height:1;margin-bottom:25px;color:var(--blue)}
.closing{text-align:center;padding:85px 25px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,#f7deec,transparent 75%);border-bottom:1px solid var(--ink)}
.closing h2{font-size:clamp(64px,10vw,130px)}.closing>p{font-size:18px;line-height:1.65;margin:20px auto;max-width:550px}.closing .closing-promise{font-size:23px;font-weight:600;margin-bottom:12px}.closing .store-button{margin:16px 0 0}
@media(max-width:760px){.opening{grid-template-columns:1fr;text-align:center;min-height:0;padding:43px 6% 24px;gap:15px}.opening h1{font-size:clamp(44px,12vw,67px)}.opening-promise{margin:23px auto 12px;font-size:20px}.opening-tools{margin:0 auto 17px;font-size:14px;max-width:285px}.opening .store-button{margin:8px 0 0}.opening-art{max-width:390px;margin:auto;width:100%}.invitation{padding:60px 6% 28px}.invitation h2,.together h2{font-size:36px}.invitation>p:not(.kicker),.together>p:not(.kicker){font-size:16px}.chapter-nav a{font-size:12px;padding:13px 6px}.chapter{display:flex;flex-direction:column;gap:30px;padding:50px 7%;text-align:center;min-height:0}.chapter-copy{order:0}.chapter-visual{order:1;height:435px;width:100%}.chapter h2{font-size:clamp(37px,10.4vw,49px)}.chapter-copy>p:not(.kicker){font-size:17px;margin:22px auto 25px}.kicker{font-size:11px;margin-bottom:21px}.screen-shell{height:415px}.together{padding:60px 7%}.closing{padding:65px 6%}.closing h2{font-size:clamp(55px,15vw,83px)}.closing>p{font-size:17px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}