:root{--cream:#f6eddf;--light:#fffaf3;--ink:#35231e;--wine:#792837;--muted:#907467;--gold:#bc946a}
body{background:var(--cream);font-family:Manrope,Arial,sans-serif}::selection{background:#792837;color:#fffaf3}
.header{height:94px;position:sticky;top:0;background:#f6eddfed;backdrop-filter:blur(18px);z-index:40;transition:box-shadow .3s;height:94px;border-color:#35231e18;max-width:none}
.header.scrolled{box-shadow:0 8px 40px #35231e0b}.brand{font-size:30px}.header-nav{display:flex;gap:32px;font-size:11px;color:#725b50}.header-nav a{padding:12px 0;transition:color .2s}.header-nav a:hover{color:var(--wine)}.header-link{padding:12px 18px;border:1px solid #79283738;border-radius:99px;font-size:10px}.header-link span{font-size:16px;margin-left:10px}
.hero{max-width:1440px;grid-template-columns:1.08fr 1fr;align-items:center;gap:70px;padding:64px 7vw 92px;min-height:730px;background:radial-gradient(ellipse at 80% 40%,#dcc0a72b,transparent 65%)}
.hero-copy{grid-column:1;grid-row:1}.hero-art,.hero-art.reveal.visible{grid-column:2;grid-row:1;transform:none;margin:0;min-height:565px}.hero h1{font-size:clamp(75px,7.2vw,112px);line-height:.9;letter-spacing:-.055em;margin:30px 0 28px}.hero h1 i{white-space:nowrap}.eyebrow{font-size:9px;letter-spacing:.22em;line-height:1.8}.hero-sub{font-size:13px;max-width:355px;line-height:1.9}.primary-button{border-radius:4px;font-size:11px;padding:18px 24px;margin-top:20px;gap:42px;box-shadow:0 8px 24px #79283712}.primary-button:focus-visible,.outline-button:focus-visible,.envelope:focus-visible,a:focus-visible{outline:3px solid #bc946a;outline-offset:5px}.micro{margin:22px 0;font-size:21px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;max-width:390px;margin-top:28px}.hero-tags span{font-size:9px;border:1px solid #a4806035;border-radius:99px;padding:8px 11px;color:#876d5d}.hero-bottom{font-size:8px;letter-spacing:.22em;bottom:27px}.hero-bottom span:last-child{font-size:20px}
.halo{width:min(380px,85%);border-color:#bc946a40;box-shadow:0 0 0 28px #bc946a14,0 0 0 56px #bc946a09}.product-slider .product-photo{width:min(320px,74%);transform:rotate(5deg);filter:drop-shadow(18px 28px 20px #44231835);transition:transform .6s}.product-photo:hover{transform:rotate(0deg) translateY(-7px)}.product-photo img{border-radius:10px}.product-photo figcaption{font-size:8px;letter-spacing:.16em;margin-top:24px}.stamp{right:-8px;bottom:54px;width:108px;height:108px;background:#792837;font-size:32px;box-shadow:0 12px 24px #79283720}.stamp span{font-size:7px}.floating-heart{font-size:34px}.heart-one{top:12%;left:0}.heart-two{bottom:15%;left:4%;font-size:22px}
.marquee{padding:19px 0;background:#792837;font-size:18px;letter-spacing:.3em}.section{padding:110px 7vw;scroll-margin-top:94px}.section-number{display:block;font-size:9px;letter-spacing:.2em;color:#ac8f7a;margin-bottom:26px}.section-heading{margin-bottom:48px}.section h2{font-size:clamp(54px,5.5vw,80px);font-weight:500;line-height:.96;letter-spacing:-.045em}.section-heading .eyebrow{margin-bottom:16px}.ingredient-grid{max-width:1100px;gap:20px}.ingredient{border-radius:8px;padding:36px 32px 32px;background:linear-gradient(135deg,#fffaf3b0,#eee0ce50);border:1px solid #ae8e6e3b;min-height:300px;transition:transform .35s,box-shadow .35s}.ingredient:hover{transform:translateY(-6px);box-shadow:0 20px 36px #4423180b}.ingredient h3{font-size:36px}.ingredient p{font-size:11px;max-width:245px}.percentage{font-size:95px}.ingredient-note{font-size:9px;line-height:1.8;margin:27px auto 0;max-width:530px}.ingredient-icon{font-size:24px}
.letter-section{background:#ebdac8;gap:70px;padding-top:110px;padding-bottom:110px;border-top:1px solid #bc946a26;border-bottom:1px solid #bc946a26}.letter-intro{max-width:500px;margin-left:0}.letter-intro>p:last-child{font-size:12px;max-width:340px}.envelope-area{padding-top:15px}.envelope{width:min(365px,95%);height:240px;transform:rotate(-5deg);filter:drop-shadow(0 25px 18px #6d372b23)}.envelope:hover{transform:rotate(-2deg) translateY(-7px)}.envelope-paper{font-size:30px}.wax{background:#792837;border:3px double #d4b792;width:66px;height:66px}.tap-hint{font-size:10px;letter-spacing:.04em;margin-top:32px}.letter-content{border:1px solid #d9bea4;border-radius:6px;padding:48px 30px;max-width:720px}.letter-script{font-size:53px}.letter-content>p:not(.eyebrow):not(.letter-script){max-width:400px;margin:18px auto}
.fortune{background:#672431;overflow:hidden}.fortune .section-number{color:#cba695}.fortune .small-crown{display:block;margin-bottom:17px}.fortune:before,.fortune:after{font-family:Georgia,serif;content:'♡';font-size:280px;opacity:.045;left:-40px;top:60px}.fortune:after{left:auto;right:-40px;top:auto;bottom:-50px}.fortune-inner>p:not(.eyebrow){font-size:12px;max-width:360px}.fortune-result{font-size:32px;line-height:1.4;min-height:130px;display:flex;align-items:center;justify-content:center;padding:28px 15px;margin:34px auto}.outline-button{border-radius:4px;padding:17px 26px;font-size:11px;min-height:48px}.contact{padding:105px 22px;background:radial-gradient(ellipse at 50% 100%,#ead2ba60,transparent 65%)}.rose-symbol{font-size:42px;display:block;margin-bottom:26px}.contact h2{margin:24px 0}.contact-inner>p:not(.eyebrow){font-size:12px;max-width:370px}.telegram-button{margin-top:28px}.telegram-note{margin-top:18px!important}.footer{padding:35px 7vw;background:#efe2d2}.footer .brand{font-size:25px}.footer p{font-size:19px}.grain{opacity:.055;z-index:45}
@media(min-width:1500px){.hero{padding-left:100px;padding-right:100px}}
@media(max-width:1000px){.hero{gap:30px;padding:60px 5vw 80px;min-height:660px}.hero h1{font-size:clamp(62px,8vw,88px)}.hero-art,.hero-art.reveal.visible{min-height:490px}.header-nav{gap:20px}.stamp{width:88px;height:88px;font-size:27px;right:-7px;bottom:50px}.section{padding:85px 5vw}.ingredient{padding:28px 22px;min-height:280px}.ingredient h3{font-size:32px}.percentage{font-size:80px}.letter-section{gap:35px}.header{padding:0 5vw}}
@media(max-width:650px){.header{height:76px;padding:0 18px}.brand{font-size:24px}.brand small{font-size:7px;letter-spacing:4px}.brand-crown{font-size:23px}.header-nav{display:none}.header-link{font-size:9px;padding:10px 12px;letter-spacing:0}.header-link span{margin-left:4px}.hero{display:flex;flex-direction:column;padding:44px 22px 61px;gap:22px;min-height:unset;text-align:center}.hero-copy{order:1;width:100%}.hero h1{font-size:clamp(64px,15vw,92px);margin:23px 0 23px;line-height:.91}.hero .eyebrow{font-size:8px;letter-spacing:.17em}.hero-sub{font-size:12px;max-width:310px;margin:0 auto}.primary-button{min-height:50px;margin-top:21px;padding:15px 22px}.micro{font-size:19px;margin:19px 0}.hero-tags{justify-content:center;margin:20px auto 0;gap:6px}.hero-tags span{font-size:8px;padding:7px 9px}.hero-art,.hero-art.reveal.visible{order:2;width:100%;min-height:410px;transform:none;margin-top:5px}.product-slider .product-photo{width:min(245px,68%);transform:rotate(4deg)}.product-photo figcaption{font-size:7px;margin-top:17px}.halo{width:min(295px,80%);box-shadow:0 0 0 22px #bc946a14,0 0 0 43px #bc946a09}.stamp{right:3%;bottom:25px;width:84px;height:84px;font-size:25px}.stamp span{font-size:6px}.heart-one{left:5%;top:11%;font-size:30px}.heart-two{left:7%;bottom:18%}.hero-bottom{bottom:18px;left:24px;right:24px;font-size:7px}.marquee{font-size:15px;padding:15px 0}.section{padding:66px 22px;scroll-margin-top:76px}.section-number{font-size:8px;margin-bottom:20px}.section h2{font-size:clamp(43px,11vw,65px);line-height:1}.section-heading{margin-bottom:30px}.section-heading .eyebrow{font-size:8px}.ingredient-grid{grid-template-columns:1fr;gap:12px}.ingredient{min-height:unset;padding:25px 27px}.percentage{font-size:73px}.ingredient h3{font-size:32px;margin:8px 0}.ingredient p{font-size:11px;max-width:100%;margin-bottom:0}.ingredient-icon{right:25px;top:23px}.ingredient-note{font-size:8px}.letter-section{grid-template-columns:1fr;text-align:center;gap:33px}.letter-intro{margin:0 auto}.letter-intro>p:last-child{margin:auto;font-size:12px}.envelope-area{padding-top:12px}.envelope{width:min(310px,93%);height:210px}.envelope-paper{height:145px;font-size:26px;padding-top:30px}.tap-hint{margin-top:25px}.letter-content{padding:34px 19px}.letter-content h3{font-size:39px}.letter-script{font-size:44px}.fortune-result{font-size:27px;min-height:140px;margin:27px 0}.fortune-inner>p:not(.eyebrow){font-size:12px}.fortune:before,.fortune:after{font-size:190px}.contact{padding:72px 22px}.rose-symbol{font-size:34px;margin-bottom:20px}.footer{flex-direction:column;gap:17px;padding:33px 20px}.footer p{margin:0}.footer>span{font-size:8px}.envelope.open .envelope-paper{transform:translateY(-45px)}}
@media(max-width:360px){.header-link{padding:9px;font-size:8px}.brand{font-size:22px}.hero{padding-left:16px;padding-right:16px}.hero h1{font-size:62px}.hero-art,.hero-art.reveal.visible{min-height:370px}.hero-tags span{font-size:7px}.section{padding-left:18px;padding-right:18px}.section h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){.product-photo:hover,.envelope:hover{transform:none}.marquee div{animation:none}}