@import url('planning-motion.css?v=highfive-2');
:root{--plan-scale:1;--pin-top:194px}
.planning-page{color:#171717}
.main-nav a{display:inline-block}
.planning-layout{display:grid;grid-template-columns:calc(244px * var(--plan-scale)) minmax(0,1fr);column-gap:calc(354px * var(--plan-scale));margin-left:12.1354167%;margin-right:11.71875%;padding-top:calc(194px * var(--plan-scale));align-items:start}
.planning-index{position:sticky;top:var(--pin-top);display:flex;flex-direction:column;gap:calc(16px * var(--plan-scale));padding-top:calc(16px * var(--plan-scale));z-index:3;align-self:start}
.planning-index a{font-size:calc(18px * var(--plan-scale));line-height:1.2;font-weight:600;color:#b0b0b0;white-space:nowrap;transition:color .3s;width:fit-content}
.planning-index a.active{color:#171717}
.planning-index a:not(.active):hover{color:#737373}
.planning-sections{min-width:0}
.planning-section{position:relative;padding-bottom:calc(180px * var(--plan-scale));scroll-margin-top:var(--pin-top)}
.planning-section:last-child{min-height:calc(100svh - var(--pin-top));padding-bottom:calc(80px * var(--plan-scale))}
.planning-panel{position:relative;top:0;padding-bottom:1px}
.planning-copy{display:flex;flex-direction:column;gap:calc(40px * var(--plan-scale));margin-bottom:calc(80px * var(--plan-scale))}
.planning-heading{display:flex;flex-direction:column;gap:calc(24px * var(--plan-scale))}
.planning-kicker{font-size:calc(20px * var(--plan-scale));line-height:1.2;font-weight:600;color:var(--pink)}
.planning-copy h2{font-size:calc(48px * var(--plan-scale));font-weight:600;line-height:1.2;letter-spacing:-.02em;white-space:nowrap}
.planning-copy>p{font-size:calc(20px * var(--plan-scale));font-weight:400;line-height:1.5;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:break-word}
.plan-art{position:relative;width:100%;overflow:clip}
.greeting-art{aspect-ratio:864/440;background:#f5f5f5}
.artboard{position:absolute;left:0;top:0;width:864px;height:440px;transform:scale(var(--art-scale,1));transform-origin:0 0}
.greeting-hand{position:absolute;width:191.537px;height:179.456px}
.greeting-hand img{position:absolute;left:-7.125px;top:-7.125px}
.hand-left{left:202.76px;top:126.54px}
.hand-right{left:470.3px;top:125.75px}
.spark{position:absolute;left:403.8px;top:176.84px;width:78.375px;height:78.375px;z-index:0}.spark-shape{position:absolute;right:0;top:0;width:66px;height:66px;transform:scaleX(-1);mask:url("assets/branding/imgStar7.svg") center/100% 100% no-repeat;-webkit-mask:url("assets/branding/imgStar7.svg") center/100% 100% no-repeat}.greeting-hand{z-index:1}
.challenge-art{aspect-ratio:864/384.388}
.challenge-strip{position:absolute;inset:0;display:grid;grid-template-columns:287.418fr 287.418fr 289.165fr}
.challenge-slot{position:relative;overflow:clip}
.challenge-slot img{display:block;width:100%;height:100%;object-fit:cover}
.challenge-slot:last-child img{position:absolute;left:0;top:0;height:100.68%;object-fit:fill}
.plan-photo{aspect-ratio:864/470}
.plan-photo img{position:absolute;display:block;max-width:none;object-fit:fill}
.photo-3 img{width:102.25%;height:105.79%;left:-1.13%;top:-5.8%}
.photo-4 img{width:110.32%;height:113.62%;left:-5.16%;top:-13.62%}
.photo-5 img{width:100%;height:122.53%;left:0;top:-.09%}
.plan-photo:after{position:absolute;inset:0;content:'';pointer-events:none;background:#ffffff0d}
.photo-4:after{background:linear-gradient(#0000000d,#0000000d),linear-gradient(#ffffff14,#ffffff14)}
.friend-art{aspect-ratio:864/528;background:#f5f5f5}
.friend-art .artboard{height:528px}
.friend-body{position:absolute;left:-225px;top:28px}
.friend-feature{position:absolute}
@media(max-width:900px) and (min-width:701px){.planning-index a{font-size:12px}.planning-copy>p{font-size:13px}.planning-copy>p br{display:none}.planning-layout{column-gap:calc(320px * var(--plan-scale))}}
@media(max-width:700px){
.planning-layout{display:block;margin:0 24px;padding-top:108px}
.planning-index{position:sticky;top:72px;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:16px 0 22px;background:#fff;z-index:20}
.planning-index a{font-size:clamp(10px,2.65vw,14px);line-height:1.35;white-space:normal}
.planning-section{min-height:calc(100svh - 130px);padding:26px 0 80px;scroll-margin-top:220px}
.planning-section:last-child{min-height:calc(100svh - 130px)}
.planning-panel{top:0}
.planning-copy{gap:24px;margin-bottom:32px}
.planning-heading{gap:16px}
.planning-kicker{font-size:13px}
.planning-copy h2{font-size:clamp(24px,5.8vw,36px);white-space:normal}
.planning-copy>p{font-size:14px;line-height:1.6}
.planning-copy>p br{display:none}
}
@media(prefers-reduced-motion:reduce){.planning-index a{transition:none}.planning-panel{position:relative;top:0}}