:root{--cream:#f4e6d5;--light:#fff6eb;--ink:#301b18;--wine:#7d202d;--red:#a52d3d;--gold:#bd8955;--muted:#8c7168}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}.grain{pointer-events:none;position:fixed;inset:0;z-index:20;opacity:.12;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='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.header{height:90px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b88b7547;position:relative;z-index:4}.brand{display:flex;align-items:center;gap:10px;font-family:'Cormorant Garamond',serif;font-weight:700;font-size:28px;line-height:.77;letter-spacing:-1.1px}.brand small{display:block;text-align:center;font-size:10px;letter-spacing:5px;margin-top:10px}.brand-crown{color:var(--wine);font-size:28px}.header-link{font-size:12px;font-weight:700;letter-spacing:.06em}.header-link span{color:var(--wine);font-size:20px;margin-left:5px}.hero{min-height:690px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1450px;margin:auto;padding:65px max(7vw,24px) 100px;gap:30px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.25em;font-weight:800;color:var(--wine)}.line{display:inline-block;width:22px;height:1px;background:var(--wine);vertical-align:middle;margin-right:9px}.hero h1,.section h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.055em}.hero h1{font-size:clamp(64px,7.4vw,119px);line-height:.89;margin:31px 0 29px}.hero h1 em,.section h2 em{color:var(--wine);font-weight:500}.hero h1 i{font-family:'Marck Script',cursive;color:var(--wine);font-size:.75em;font-weight:400}.hero-sub{max-width:420px;font-size:15px;line-height:1.9;color:#655048}.hero-sub strong{color:var(--wine)}.primary-button{display:inline-flex;gap:35px;justify-content:space-between;align-items:center;padding:19px 23px;background:var(--wine);color:white;font-weight:700;font-size:12px;letter-spacing:.04em;margin-top:24px;transition:transform .25s,background .25s}.primary-button:hover{transform:translateY(-3px);background:#59121e}.primary-button span{font-size:21px;font-weight:400}.micro{font-family:'Marck Script',cursive;font-size:20px;color:#97786b;margin-top:27px}.hero-art{min-height:580px;display:flex;justify-content:center;align-items:center;position:relative}.halo{position:absolute;width:min(470px,100%);aspect-ratio:1;border:1px solid #b885645e;border-radius:50%;box-shadow:0 0 0 34px #c79c7130,0 0 0 70px #c79c7114}.product-photo{margin:0;position:relative;width:min(340px,72%);transform:rotate(6deg);filter:drop-shadow(20px 30px 20px #4423185e)}.product-photo img{width:100%;border-radius:8px}.product-photo figcaption{font-size:9px;letter-spacing:.18em;text-align:center;margin-top:16px;color:var(--muted)}.stamp{position:absolute;right:0;bottom:60px;width:116px;height:116px;border-radius:50%;background:var(--wine);border:3px double #e8c49e;color:#fff0d9;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:36px;line-height:.9;transform:rotate(-14deg)}.stamp span{font-family:Manrope,sans-serif;font-size:8px;letter-spacing:.1em;line-height:1.5;text-align:center;margin-top:8px}.floating-heart{position:absolute;color:var(--wine);font-size:45px;animation:float 5s ease-in-out infinite}.heart-one{top:9%;left:8%}.heart-two{bottom:15%;left:7%;animation-delay:-2s}.hero-bottom{position:absolute;bottom:35px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#9c786c}.hero-bottom span:last-child{font-size:25px}.marquee{overflow:hidden;background:var(--wine);color:#f8e8d6;padding:17px 0;font-family:'Cormorant Garamond',serif;font-size:23px;letter-spacing:.25em;white-space:nowrap}.marquee div{width:max-content;animation:slide 34s linear infinite}.section{padding:115px 6vw}.section-heading{text-align:center;margin:0 auto 60px}.section h2{font-size:clamp(49px,6vw,82px);line-height:1;margin:18px 0}.ingredient-grid{max-width:1140px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ingredient{padding:40px 32px 43px;border:1px solid #bd997e87;background:#fff5e96b;min-height:290px;position:relative}.ingredient-icon{position:absolute;right:30px;top:28px;color:var(--wine);font-size:27px}.percentage{font-family:'Cormorant Garamond',serif;font-size:88px;line-height:1;color:var(--wine)}.percentage span{font-size:34px}.ingredient h3{font-family:'Cormorant Garamond',serif;font-size:37px;margin:14px 0 7px}.ingredient p{font-size:12px;line-height:1.85;color:#80675c}.ingredient-note{text-align:center;color:var(--muted);font-size:10px;margin-top:24px}.letter-section{background:#ead1bc;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;position:relative}.letter-intro{max-width:540px;margin-left:auto}.letter-intro>p:last-child,.fortune-inner>p:not(.eyebrow),.contact-inner>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#7c6058;max-width:460px}.envelope-area{text-align:center}.envelope{position:relative;width:min(370px,90%);height:250px;border:0;background:none;perspective:800px;filter:drop-shadow(0 20px 20px #6d372b37);transition:transform .3s}.envelope:hover{transform:translateY(-7px)}.envelope-back{position:absolute;inset:0;background:#f9e7d3;border:1px solid #b88e7c;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.envelope-paper{position:absolute;left:12%;right:12%;top:25px;height:155px;background:#fff9f0;padding-top:40px;font-family:'Marck Script',cursive;font-size:29px;color:var(--wine);transition:transform .7s;z-index:1}.envelope-flap{position:absolute;inset:0;background:#e5bfa5;clip-path:polygon(0 0,100% 0,50% 60%);z-index:2;transform-origin:top;transition:transform .6s;backface-visibility:hidden}.wax{position:absolute;top:51%;left:50%;transform:translate(-50%,-50%);width:57px;height:57px;background:var(--wine);color:#eac8a4;border-radius:50%;z-index:3;display:grid;place-items:center;font-family:'Cormorant Garamond',serif;font-size:35px;box-shadow:0 2px 8px #4d17154a;transition:opacity .4s}.envelope.open .envelope-flap{transform:rotateX(180deg);z-index:0}.envelope.open .envelope-paper{transform:translateY(-55px)}.envelope.open .wax{opacity:0}.tap-hint{font-size:11px;color:#815f53;margin-top:20px}.letter-content{grid-column:1/-1;max-width:690px;width:100%;margin:0 auto;padding:43px 30px;background:#fff8ed;text-align:center;box-shadow:0 18px 50px #6537231f;animation:appear .6s ease}.letter-content[hidden]{display:none}.letter-heart{font-size:36px;color:var(--wine)}.letter-content h3{font-family:'Cormorant Garamond',serif;font-size:clamp(37px,5vw,57px);font-weight:500;line-height:1;margin:12px 0}.letter-script{font-family:'Marck Script',cursive;font-size:48px;color:var(--wine);margin:10px 0}.letter-content>p:not(.eyebrow):not(.letter-script){font-size:13px;line-height:1.8;color:#765e52}.signature{font-family:'Marck Script',cursive;color:var(--wine);font-size:24px;display:block;margin-top:23px}.fortune{background:var(--wine);color:#fff2e4;text-align:center;position:relative}.fortune:before,.fortune:after{content:'✿';position:absolute;font-size:160px;opacity:.07;top:10%;left:2%}.fortune:after{left:auto;right:2%;bottom:5%;top:auto}.fortune-inner{max-width:600px;margin:auto}.fortune .eyebrow{color:#e2bd99}.fortune h2 em{color:#f2bfae}.fortune-inner>p:not(.eyebrow){color:#e2c1b7;margin:20px auto}.small-crown{font-size:33px;color:#d8ac79}.fortune-result{border-top:1px solid #d5a78b70;border-bottom:1px solid #d5a78b70;min-height:100px;padding:30px 15px;font-family:'Marck Script',cursive;font-size:clamp(24px,4vw,35px);margin:35px auto;transition:opacity .2s}.outline-button{border:1px solid #f1d8bc;background:transparent;color:#f1d8bc;padding:17px 25px;font-size:12px;font-weight:700;transition:.25s}.outline-button:hover{background:#f1d8bc;color:var(--wine)}.contact{text-align:center;background:radial-gradient(circle at 50% 20%,#fff7ea 0%,#f4e6d5 60%)}.contact-inner{max-width:600px;margin:auto}.contact h2{margin:18px 0}.contact-inner>p:not(.eyebrow){margin:0 auto}.rose-symbol{font-size:70px;color:var(--wine)}.telegram-note{font-size:10px!important;color:#95766a!important;margin-top:18px!important}.footer{padding:38px 6vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b88b7547;gap:20px}.footer p{font-family:'Marck Script',cursive;color:var(--wine);font-size:20px}.footer>span{font-size:9px;letter-spacing:.1em;color:#9d8276}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:translateY(0)}.hero-art.reveal.visible{transform:none}.petal-layer{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}.petal{position:absolute;top:-30px;width:13px;height:18px;background:#9f263a;border-radius:85% 0 75% 0;animation:petalFall var(--duration) linear forwards;opacity:.8}@keyframes petalFall{to{transform:translate(var(--drift),110vh) rotate(700deg);opacity:0}}@keyframes slide{to{transform:translateX(-50%)}}@keyframes float{50%{transform:translateY(-20px)}}@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;padding-left:5vw;padding-right:5vw}.hero h1{font-size:clamp(58px,8vw,86px)}.hero-art{min-height:440px}.stamp{right:-12px;bottom:25px;width:90px;height:90px;font-size:27px}.ingredient{padding:28px 20px}.letter-section{gap:25px}}@media(max-width:650px){.header{height:72px;padding:0 20px}.brand{font-size:23px}.brand small{font-size:8px;letter-spacing:4px}.header-link{font-size:10px}.hero{display:flex;flex-direction:column;text-align:center;padding:65px 20px 80px;gap:10px;min-height:unset}.hero-copy{order:1}.hero h1{font-size:clamp(65px,14vw,94px);margin:23px 0}.hero-sub{font-size:13px;margin:0 auto;max-width:350px}.hero-art{order:2;min-height:470px;width:100%;margin-top:30px}.product-photo{width:min(270px,72%)}.halo{width:300px}.stamp{right:4%;bottom:25px}.micro{font-size:18px}.hero-bottom{bottom:18px;left:25px;right:25px}.section{padding:75px 22px}.section h2{font-size:clamp(46px,11vw,65px)}.section-heading{margin-bottom:35px}.ingredient-grid{grid-template-columns:1fr;gap:12px}.ingredient{min-height:unset;padding:23px 28px}.percentage{font-size:68px}.ingredient h3{font-size:32px;margin:7px 0}.ingredient p{margin:5px 0}.letter-section{grid-template-columns:1fr;text-align:center;gap:30px}.letter-intro{margin:auto}.letter-intro>p:last-child{margin:auto}.envelope{height:210px}.footer{flex-direction:column;text-align:center;padding:40px 15px;gap:10px}.footer p{margin:5px}.fortune-result{min-height:130px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* HERO PRODUCT SLIDER v2 */
.hero-art{transform:translateY(-40px)}
.hero-art.reveal.visible{transform:translateY(-40px)}
.product-slider{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0}
.product-slider .product-photo{width:min(340px,72%);transition:opacity .3s ease,filter .3s ease}
.product-slider .product-photo.changing{opacity:0;filter:blur(5px)}
.slider-arrow{position:absolute;z-index:6;top:45%;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #7d202d55;border-radius:50%;background:#fff6ebef;color:#7d202d;font-size:18px;box-shadow:0 5px 18px #44231825;transition:background .2s,transform .2s}
.slider-arrow:hover{background:white;transform:scale(1.08)}
.slider-prev{left:0}.slider-next{right:0}
.slider-dots{position:absolute;bottom:-34px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:5}
.slider-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#c8a69a;transition:background .2s,transform .2s}
.slider-dot.active{background:var(--wine);transform:scale(1.3)}
@media(max-width:650px){.hero-art{margin-top:0;min-height:425px;transform:translateY(-24px)}.hero-art.reveal.visible{transform:translateY(-24px)}.product-slider .product-photo{width:min(270px,73%)}.slider-arrow{width:35px;height:35px;font-size:15px}.slider-prev{left:0}.slider-next{right:0}.slider-dots{bottom:-28px}}
@media(prefers-reduced-motion:reduce){.product-slider .product-photo{transition:none}}
