:root{--color-glow:#bb47ff}.hero{position:relative;padding-top:60px;padding-bottom:55px;overflow:clip}.hero-stage{perspective:1000px}.hero-art.centerpiece{position:relative;width:min(530px,100%);max-width:530px;animation:portrait-float 9s ease-in-out infinite;will-change:transform}.hero-art.centerpiece svg{transform:rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));transition:transform .55s ease-out;filter:drop-shadow(0 0 45px #7f3fa530)}.hero-art.centerpiece::before,.hero-art.centerpiece::after{position:absolute;z-index:2;pointer-events:none;font-size:clamp(2.5rem,5vw,5rem);color:#edcd87;text-shadow:0 0 25px #a86dc677}.hero-art.centerpiece::before{content:'✦';top:26%;left:-7%;animation:star-drift 12s ease-in-out infinite}.hero-art.centerpiece::after{content:'☾';top:60%;right:-8%;animation:star-drift 10s ease-in-out infinite reverse}.hero .hero-title{font-size:clamp(3.2rem,10.5vw,9.5rem);line-height:1.12;position:relative;z-index:3;background:linear-gradient(110deg,#ffe9b5 10%,#e0b367 45%,#f6ddb1 80%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;margin-top:-15px}.hero-copy{max-width:640px}.hero .primary{border-radius:20px 5px 20px 5px;padding:18px 32px}.section-links a{border:1px solid #c79a5544;border-radius:30px;padding:9px 16px;background:#120a1877}.section-links a:hover{background:#49254988;transform:translateY(-3px)}.section-links{gap:12px}.hero-foot{font-size:.8rem}.wonder-band{position:relative;z-index:1;overflow:hidden;border-block:1px solid #d5b27266;background:#251333cc;padding:20px 0;transform:rotate(-1.5deg);margin:20px 0 60px}.wonder-track{display:flex;width:max-content;animation:word-drift 42s linear infinite}.wonder-track span{font-family:'Berkshire Swash',Georgia,serif;font-size:clamp(1.65rem,3vw,3rem);white-space:nowrap;color:#e9c88a;padding-right:1rem}.about{gap:9vw;background:transparent;padding-block:90px 120px}.about>div:first-child{position:sticky;top:65px;align-self:start}.about-copy{background:linear-gradient(135deg,#21102dec,#090611e8);padding:38px;border:1px solid #d4ad614d;border-radius:10px 60px 10px 10px;box-shadow:0 25px 70px #0003}.about h2{font-size:clamp(2.8rem,4.8vw,5rem)}.about-copy h3{color:#f4d68e}.invitation{background:radial-gradient(ellipse at 50% 50%,#4d245c88,transparent 70%);text-align:center;border:0;position:relative}.invitation h2{font-family:'Berkshire Swash',Georgia,serif;font-size:clamp(3rem,7.5vw,7rem);line-height:1.2;letter-spacing:-.02em}.invitation>p:not(.eyebrow){max-width:540px;margin:32px auto 20px;color:#d0bfa3}.experience{background:transparent}.experience .section-heading h2{font-size:clamp(2.8rem,5vw,5rem)}.steps{display:grid;gap:15px}.steps li{background:#160c20c9;border:1px solid #c79a554d;border-radius:8px 28px 8px 8px;padding:24px;transition:transform .3s,border-color .3s}.steps li:hover{transform:translateX(8px);border-color:#e4c07c}.steps li>span{font-family:'Berkshire Swash',Georgia,serif;font-size:2.4rem}.portrait-feature{transform:rotate(4deg);margin-top:50px}.portrait-feature figcaption{background:#1f1026;padding:20px;border:1px solid #c79a554d;border-radius:0 0 8px 8px}.colors{border-radius:80px 12px 80px 12px;background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,var(--color-glow) 16%,transparent),transparent 65%),#120a1de8;transition:background .6s;border:1px solid #c79a5555}.color-explorer{align-items:center;grid-template-columns:1fr 1.15fr;gap:6vw}.swatches{position:relative;display:block;width:min(360px,100%);aspect-ratio:1;margin:25px auto}.swatches::before{content:'';position:absolute;inset:16%;border:1px dashed #d4b06b66;border-radius:50%;box-shadow:0 0 55px #a256aa22}.swatches::after{content:'Find your\a color';white-space:pre;position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-family:'Berkshire Swash',Georgia,serif;font-size:2.2rem;line-height:1.15;color:#e9ca8a;pointer-events:none}.swatch{position:absolute;left:var(--orbit-x);top:var(--orbit-y);transform:translate(-50%,-50%);padding:10px;border-radius:16px;z-index:1;background:#120a1d66;transition:background .3s}.swatch>span{width:44px;height:44px;box-shadow:0 0 22px color-mix(in srgb,var(--swatch) 25%,transparent)}.swatch.selected{background:#31213dbb}.color-story{border-radius:40px 8px 40px 8px;border-color:color-mix(in srgb,var(--color-glow) 40%,transparent);min-height:310px;padding:36px;background:#080510c9;box-shadow:0 20px 50px #0003;transition:border-color .5s}.color-story h3{font-size:clamp(2rem,3.2vw,3rem);color:var(--color-glow);transition:color .5s}.color-story.color-changed{animation:color-arrive .5s ease both}.highlights{background:transparent;padding-block:130px}.photo-grid{gap:50px;padding:35px 25px}.photo-grid figure{padding:12px;background:#170e21;border:1px solid #c79a5560;border-radius:120px 120px 12px 12px;box-shadow:0 24px 50px #0005;transform:rotate(-5deg);transition:transform .45s}.photo-grid figure:nth-child(2){transform:translateY(40px) rotate(3deg)}.photo-grid figure:nth-child(3){transform:rotate(6deg)}.photo-grid figure:hover{transform:translateY(-12px) rotate(0)}.photo-grid img{box-shadow:none;border-color:#c79a5550}.photo-grid figcaption{padding:20px 10px 12px}.together{border-radius:50% 50% 0 0 / 12% 12% 0 0;padding-top:130px;background:#25102bd4}.together h2{font-family:'Berkshire Swash',Georgia,serif;font-size:clamp(3rem,6vw,6rem)}.questions{background:transparent;padding-block:120px}.faq-list details{background:#120b1ca6;padding:24px;margin-bottom:12px;border:1px solid #c79a5540;border-radius:12px}.faq-list details[open]{border-color:#c79a5590;background:#211129c9}.closing{border-radius:70px 70px 0 0;background:radial-gradient(ellipse at 50% 70%,#793c6444,transparent 75%),#15091de3}.closing h2{font-family:'Berkshire Swash',Georgia,serif;font-size:clamp(3.4rem,7.5vw,7rem)}.button{transition:transform .3s,box-shadow .3s}.button:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 10px 35px #c79a5530}.motion-control{position:fixed;bottom:16px;left:18px;z-index:12;border:1px solid #c79a5555;border-radius:30px;padding:9px 14px;background:#100819ed;color:#e3c995;font-size:.8rem}.scroll-progress{position:fixed;inset:0 auto auto 0;height:2px;background:linear-gradient(90deg,#14e873,#bb47ff,#f0d08a);width:100%;transform:scaleX(var(--scroll-progress,0));transform-origin:left;z-index:20;pointer-events:none}.is-visible.reveal{animation:section-arrive .85s cubic-bezier(.22,.7,.26,1) both}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important}.motion-paused .hero-art svg{transform:none}.motion-paused .reveal{opacity:1!important;transform:none!important}
@keyframes portrait-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes star-drift{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-18px) rotate(8deg)}}@keyframes word-drift{to{transform:translateX(-50%)}}@keyframes section-arrive{from{opacity:.25;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes color-arrive{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.hero{padding-top:40px;overflow:hidden}.hero-art.centerpiece{max-width:350px;margin-top:20px}.hero-art.centerpiece::before{left:0}.hero-art.centerpiece::after{right:0}.hero .hero-title{font-size:clamp(2.6rem,11vw,4.5rem);margin-top:0}.hero-copy{padding-inline:4px}.hero .primary{font-size:.9rem}.section-links{gap:10px}.section-links a{font-size:.8rem;padding:8px 13px}.about{padding-block:55px 70px}.about>div:first-child{position:static}.about-copy{padding:26px;border-radius:8px 40px 8px 8px}.about h2{font-size:2.6rem}.invitation h2{font-size:clamp(2.6rem,10vw,4rem)}.colors{border-radius:45px 8px 45px 8px}.color-explorer{grid-template-columns:1fr}.swatches{width:280px;max-width:90%;margin-block:30px}.swatch>span{width:34px;height:34px}.swatch{font-size:.8rem;padding:7px;min-width:60px}.swatches::after{font-size:1.8rem}.color-story{min-height:0;padding:26px}.highlights{padding-block:80px}.photo-grid{gap:18px;padding:25px 0 30px;grid-template-columns:repeat(3,minmax(0,1fr))}.photo-grid figure{padding:5px;border-radius:70px 70px 8px 8px}.photo-grid figure:nth-child(2){transform:translateY(20px) rotate(2deg)}.photo-grid figcaption{padding:12px 4px 8px}.photo-grid figcaption span{font-size:.75rem}.together{padding-top:80px}.questions{padding-block:75px}.closing{border-radius:45px 45px 0 0}.motion-control{font-size:.75rem;bottom:10px;left:10px}.portrait-feature{margin-top:25px}.wonder-band{margin-bottom:25px}.section{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.hero-art.centerpiece svg{transform:none!important}.reveal{opacity:1!important;transform:none!important}}
html.motion-paused{scroll-behavior:auto}.wonder-band:hover .wonder-track{animation-play-state:paused}