/* Atmosphere and depth, without changing the continuous landing structure. */
:root{--campaign-grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.07' filter='url(%23grain)'/%3E%3C/svg%3E")}
.landing-page>header{background-image:linear-gradient(115deg,#ffffff06,transparent 45%),var(--campaign-grain);box-shadow:0 8px 35px #1a06192b}
.landing-page main.landing-flow>section{isolation:isolate}
.landing-page .landing-flow .ref-red{background-color:#fb433c;background-image:radial-gradient(ellipse at 15% 8%,#ff927b70,transparent 43%),radial-gradient(ellipse at 90% 85%,#9d00264a,transparent 60%),repeating-linear-gradient(128deg,#fff1 0px,#fff1 1px,transparent 1px,transparent 36px),var(--campaign-grain)}
.landing-page .landing-flow section.landing-hero{background-color:#fa433b;background-image:radial-gradient(ellipse at 12% 8%,#ff9b7777,transparent 48%),radial-gradient(ellipse at 60% 100%,#c5003855,transparent 65%),repeating-linear-gradient(128deg,#ffffff0d 0px,#ffffff0d 1px,transparent 1px,transparent 38px),var(--campaign-grain)}
.landing-hero-copy:before{content:'IDEAL';position:absolute;left:-18px;top:20px;font:900 clamp(130px,19vw,300px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-8px;-webkit-text-stroke:1px #fff2;color:transparent;z-index:-1;pointer-events:none;transform:rotate(-7deg)}
.landing-hero-copy:after{content:'';position:absolute;left:-40px;bottom:10px;width:170px;height:170px;border:1px solid #ffffff28;border-radius:50%;box-shadow:0 0 0 30px #ffffff06,0 0 0 60px #ffffff04;z-index:-1;pointer-events:none}
.landing-hero-visual{background:#c70b2e;box-shadow:-30px 0 70px #8c00202b}
.landing-hero-visual:after{content:'';position:absolute;inset:16px;border:1px solid #ffddd733;pointer-events:none;z-index:1}
.landing-hero-visual>small,.landing-visual-caption{z-index:2}
.landing-page .landing-flow .ref-products:before{content:'HER + HIM';position:absolute;right:-25px;top:20px;font:900 clamp(110px,19vw,280px)/1 'Barlow Condensed',Impact,sans-serif;color:#ffffff0b;letter-spacing:-6px;transform:rotate(-8deg);z-index:-1;pointer-events:none}
.landing-page .landing-flow .product-card{background:#ff77622b;border-color:#ffffff6b;box-shadow:12px 15px 0 #9d10301a;backdrop-filter:blur(3px)}
.landing-page .landing-flow .product-card.him{background:#fff8ef;background-image:radial-gradient(ellipse at 50% 10%,#d5dfed99,transparent 65%),var(--campaign-grain)}
.landing-page .landing-flow .product-visual{background-image:radial-gradient(ellipse at 50% 60%,#ffceb142,transparent 65%)}
.landing-page .landing-flow .product-card.him .product-visual{background-image:radial-gradient(ellipse at 50% 60%,#91b5ea44,transparent 70%)}
.landing-page .landing-flow .ref-white{background-color:#faf6ef;background-image:radial-gradient(ellipse at 0% 0%,#f8c6b733,transparent 48%),radial-gradient(ellipse at 100% 100%,#c2c3ba22,transparent 60%),var(--campaign-grain)}
.landing-page .landing-flow .ref-features:before{content:'';position:absolute;right:-150px;top:70px;width:370px;height:370px;border:1px solid #c7474522;border-radius:50%;box-shadow:0 0 0 45px #c7474505,0 0 0 90px #c7474504;z-index:-1;pointer-events:none}
.landing-page .landing-flow .ref-feature-photo{box-shadow:18px 18px 0 #ff493f18;border:1px solid #d8c5bf}
.landing-page .landing-flow .ref-feature-grid{position:relative}
.landing-page .landing-flow .ref-black{background-color:#121014;background-image:radial-gradient(ellipse at 90% 0%,#65182c44,transparent 55%),radial-gradient(ellipse at 10% 100%,#47233a33,transparent 60%),repeating-linear-gradient(130deg,#ffffff05 0px,#ffffff05 1px,transparent 1px,transparent 6px),var(--campaign-grain)}
.landing-page .landing-flow .landing-lifestyle{background-image:radial-gradient(ellipse at 0% 50%,#8a162d33,transparent 65%),var(--campaign-grain)}
.landing-page .landing-lifestyle>div:first-child{position:relative;isolation:isolate}
.landing-lifestyle>div:first-child:before{content:'ELIGE';position:absolute;left:-25px;top:30px;font:900 clamp(110px,17vw,240px)/1 'Barlow Condensed',Impact,sans-serif;-webkit-text-stroke:1px #ff65541c;color:transparent;letter-spacing:-5px;z-index:-1;transform:rotate(-9deg);pointer-events:none}
.landing-page .landing-flow .ref-compare:before{content:'';position:absolute;right:-160px;bottom:-160px;width:650px;height:650px;border:1px solid #ffffff2b;border-radius:50%;box-shadow:0 0 0 45px #ffffff07,0 0 0 90px #ffffff05;z-index:-1;pointer-events:none}
.landing-page .landing-flow .ref-compare table{border:1px solid #ffffff45;box-shadow:14px 14px 0 #9e173326}
.landing-page .landing-flow .ref-facts article{box-shadow:7px 10px 0 #ff493f1c;border:1px solid #ffe1d9;background:#fffaf3;background-image:var(--campaign-grain)}
.landing-page .landing-flow .ref-contact-card:after{content:'✦';position:absolute;right:5%;top:50px;font:150px/1 Georgia,serif;color:#ff493f14;transform:rotate(-14deg);pointer-events:none;z-index:-1}
.landing-page .landing-flow .ref-gr{background-image:radial-gradient(ellipse at 20% 10%,#79384a55,transparent 65%),repeating-linear-gradient(130deg,#ffffff09 0px,#ffffff09 1px,transparent 1px,transparent 6px),var(--campaign-grain);box-shadow:13px 13px 0 #ff493f16}
.landing-page .landing-flow .ref-company{border-block:1px solid #ffffff12}
.landing-page .landing-flow .ref-company:before{content:'IDEAL GLOBAL';position:absolute;left:0;right:0;bottom:-12px;font:900 clamp(70px,13vw,200px)/1 'Barlow Condensed',Impact,sans-serif;color:#ffffff04;letter-spacing:-4px;z-index:-1;pointer-events:none;white-space:nowrap}
.landing-page .landing-flow .ref-talk{background-color:#f4433c;background-image:radial-gradient(ellipse at 50% 50%,#ffb68733,transparent 65%),repeating-radial-gradient(circle at 95% 50%,transparent 0px,transparent 44px,#ffffff14 45px,transparent 46px),var(--campaign-grain)}
.landing-page .landing-flow .landing-contact:before{content:'';position:absolute;left:50%;top:50%;width:400px;height:400px;border:1px solid #ff655421;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 35px #ff655406,0 0 0 70px #ff655404;z-index:-1;pointer-events:none}
.landing-page .landing-flow~footer{background-image:linear-gradient(120deg,#471a2d33,transparent 60%),var(--campaign-grain)}
@media(max-width:600px){.landing-hero-copy:before{top:18px;left:0;font-size:37vw;letter-spacing:-4px}.landing-hero-copy:after{width:100px;height:100px;left:-30px;bottom:15px}.landing-hero-visual:after{inset:12px}.landing-page .landing-flow .ref-products:before{font-size:26vw;top:35px;right:-10px;letter-spacing:-2px}.landing-page .landing-flow .product-card{box-shadow:6px 8px 0 #9d10301a}.landing-page .landing-flow .ref-feature-photo{box-shadow:10px 10px 0 #ff493f18}.landing-page .landing-flow .ref-features:before{width:220px;height:220px;right:-130px;top:60px}.landing-lifestyle>div:first-child:before{font-size:34vw;left:0;top:20px;letter-spacing:-3px}.landing-page .landing-flow .ref-compare:before{width:380px;height:380px;right:-220px;bottom:-80px}.landing-page .landing-flow .ref-compare table{box-shadow:7px 7px 0 #9e173326}.landing-page .landing-flow .ref-contact-card:after{font-size:95px;right:-10px;top:45px}.landing-page .landing-flow .ref-gr{box-shadow:9px 9px 0 #ff493f16}.landing-page .landing-flow .ref-company:before{font-size:19vw;letter-spacing:-2px}.landing-page .landing-flow .landing-contact:before{width:270px;height:270px}}
