@font-face{font-family:BoftFallback;src:local("Arial");font-display:swap}
:root{color-scheme:dark;--background:#191715;--pink:#ffacf0;--purple:#7c31ff;--ink:#faf5f1;--muted:#aaa3a2;--warm:0}
*{box-sizing:border-box}
.button-icon{display:block;flex:none;width:22px;height:22px}.header-location .button-icon{width:17px;height:17px}.button>span{white-space:nowrap}
html{background:var(--background);scrollbar-color:#73636e #191715}
body{margin:0;background:var(--background);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--pink);outline-offset:6px}button,summary{cursor:pointer}
.header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:calc(100% - 64px);max-width:1180px;min-height:62px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 16px 10px 25px;border:1px solid #fff2;border-radius:22px;background:rgba(43,38,40,.52);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);box-shadow:inset 0 1px 0 #ffffff0b,0 8px 40px #00000017}
.brand{display:inline-flex;align-items:center;color:var(--pink);height:36px}.brand span{font-size:31px;line-height:1;font-weight:900;letter-spacing:-2.4px;font-style:italic;display:block;transform:rotate(-5deg)}
.header nav{display:flex;align-items:center;gap:27px;font-size:14px}.header-location{display:inline-flex;align-items:center;gap:9px;border-radius:14px;padding:11px 17px;background:transparent;border:1px solid #9a7b91}.header-location:hover{background:transparent;border-color:var(--pink)}
.products{position:relative}.products summary{list-style:none;display:flex;align-items:center;gap:8px;padding:11px 0}.products summary::-webkit-details-marker{display:none}.products svg,.scroll-cue svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.products[open] summary>svg{transform:rotate(180deg)}
.scroll-story{height:220svh;position:relative}.hero{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;isolation:isolate}.ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 51%,#7134931b 0,transparent 57%)}.ambient:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 49%,#e18a5930 0,transparent 58%);opacity:var(--warm)}
.hero-content{height:100%;width:min(1100px,100%);margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:125px 28px 36px;text-align:center;position:relative}
.headline{position:relative;height:1.08em;font-size:clamp(58px,7.5vw,106px);line-height:1.06;letter-spacing:-.057em;font-weight:750;margin:0;z-index:2;white-space:nowrap}.title{position:absolute;inset:0;display:block;will-change:transform,opacity,filter}.title-phone{color:var(--ink)}.title-print{color:var(--pink);opacity:0;transform:translateY(26px)}
.images{position:relative;width:100%;height:100%;min-height:0;margin:0 auto;isolation:isolate;mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}
.hand{position:absolute;top:0;left:50%;height:110%;width:auto;max-width:none;object-fit:contain;will-change:transform,opacity,filter;transform-origin:50% 65%;user-select:none;pointer-events:none}.hand-phone{transform:translateX(-47%) scale(.96);opacity:1}.hand-print{transform:translateX(-45%) translateY(26px) rotate(3deg) scale(.93);opacity:0}
.hero-bottom{position:relative;z-index:3;padding-top:10px}.subtitle{font-size:18px;line-height:1.55;color:#d7ceca;margin:0 0 18px;letter-spacing:-.015em}.mobile-break{display:none}.actions{display:flex;align-items:flex-start;justify-content:center;gap:16px}.action{width:254px}.button{border-radius:18px;display:flex;align-items:center;justify-content:center;gap:11px;min-height:56px;padding:16px 22px;font-size:15px;font-weight:500;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--pink);color:#2b1d28}.button-primary:hover{background:#ffbaf3}.button-secondary{background:transparent;border:1px solid #ba8bac;color:#ffcef5}.button-secondary:hover{background:transparent;border-color:var(--pink)}.button-note{display:block;margin-top:10px;font-size:12px;line-height:1.5;color:var(--muted)}
.scroll-cue{position:absolute;right:32px;bottom:8px;display:flex;align-items:center;gap:10px;padding:10px;border:0;background:none;color:#a999a3;font-size:11px;letter-spacing:.05em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.hero-content{padding-top:140px;padding-bottom:48px}.headline{font-size:112px}.subtitle{font-size:20px}}
@media(max-height:780px) and (min-width:701px){.hero-content{padding-top:105px;padding-bottom:25px}.hero{min-height:620px}.headline{font-size:76px}.subtitle{margin-bottom:17px;font-size:17px}.button{min-height:50px;padding:13px 20px}.button-note{margin-top:8px}}
@media(max-width:700px){.header{top:12px;width:calc(100% - 28px);min-height:57px;padding:9px 10px 9px 18px;border-radius:19px}.brand span{font-size:28px}.header nav{gap:16px;font-size:12px}.header-location{padding:9px 12px;gap:9px}.hero{min-height:620px}.hero-content{padding:112px 18px 50px}.headline{font-size:clamp(38px,8.4vw,58px);letter-spacing:-.055em}.images{margin-top:12px}.hand{height:112%}.subtitle{font-size:16px;line-height:1.45;margin-bottom:16px}.mobile-break{display:block}.actions{gap:10px}.action{width:50%;max-width:240px}.button{padding:15px 10px;font-size:13px;gap:11px;border-radius:17px;min-height:51px}.button-note{font-size:10px;padding:0 7px;max-width:190px;margin:9px auto 0;line-height:1.45}.scroll-cue{right:50%;transform:translateX(50%);bottom:9px;font-size:10px;gap:7px;padding:7px}.scroll-cue svg{height:15px}.scroll-story{height:210svh}}
@media(max-width:370px){.header{width:calc(100% - 20px)}.header nav{gap:12px}.hero-content{padding-left:12px;padding-right:12px}.headline{font-size:37px}.subtitle{font-size:15px}.button{font-size:12px;gap:7px}.header-location{padding:9px 10px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:100svh}.title-phone,.hand-phone{display:none}.title-print{opacity:1;transform:none}.hand-print{opacity:1;transform:translateX(-45%)}.scroll-cue,.button{transition:none}.ambient:after{opacity:1}}
@media(min-width:701px) and (max-height:620px){.scroll-story{height:1500px}.hero{height:680px;min-height:680px;top:calc(100svh - 680px)}.hero-content{padding-top:108px}}
