*{box-sizing:border-box}
:root{
  --navy:#061f43;
  --navy-2:#0c3567;
  --blue:#113f74;
  --gold:#c99a43;
  --gold-2:#e5bd6f;
  --cream:#f8f1e4;
  --cream-2:#fffaf1;
  --ink:#08264e;
  --muted:#5e6570;
  --white:#fff;
  --shadow:0 22px 60px rgba(6,31,67,.14);
}
html{scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.eyebrow{display:inline-block;font:800 13px/1 "Montserrat",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(6,31,67,.08)}
.nav-wrap{height:88px;display:flex;align-items:center;gap:26px}
.brand{display:flex;flex-direction:column;align-items:center;min-width:175px}
.brand img{width:150px;height:52px;object-fit:contain}
.brand-tagline{margin-top:-8px;font:700 10px/1 "Montserrat",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.main-nav{display:flex;gap:22px;align-items:center;margin-left:auto}
.main-nav a{font-weight:700;font-size:14px;color:#173a64;position:relative}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--gold);transition:.25s}
.main-nav a:hover:after{right:0}
.nav-actions{display:flex;gap:10px}
.menu-toggle{display:none;border:0;background:none;font-size:27px;color:var(--navy);cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:15px 25px;font:800 14px/1 "Montserrat",sans-serif;letter-spacing:.02em;transition:.2s;white-space:nowrap}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.btn:hover{transform:translateY(-2px)}
.btn-small{padding:12px 18px;font-size:12px}
.btn-gold{background:linear-gradient(135deg,#f2ce82,#c89135);color:var(--navy);box-shadow:0 10px 28px rgba(190,133,43,.2)}
.btn-outline{border:1px solid rgba(6,31,67,.18);color:var(--navy);background:white}
.btn-light{background:white;color:var(--navy)}
.hero{position:relative;overflow:hidden;background-image:linear-gradient(rgba(255,250,241,.42),rgba(255,250,241,.42)),url("assets/brand/landscape-gold.png");background-size:cover;background-position:center center;background-repeat:no-repeat;min-height:690px}
.hero:after{content:"";position:absolute;right:-80px;top:-220px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(232,185,101,.3),rgba(232,185,101,0) 68%)}
.hero-lineart{display:none}
.hero-glow{position:absolute;left:47%;top:85px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(255,255,255,0) 66%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:43% 57%;align-items:center;min-height:690px}
.hero-copy{padding:76px 0 70px}
.hero h1{font:900 clamp(50px,4.9vw,76px)/.98 "Montserrat",sans-serif;letter-spacing:-.035em;margin:18px 0 24px;color:var(--navy)}
.hero h1 span{color:var(--gold)}
.hero-lead{max-width:560px;font-size:20px;line-height:1.55;color:#34485f;margin:0 0 30px}
.hero-actions{display:flex;gap:20px;align-items:center}
.btn-hero{padding:18px 28px}
.text-link{font-weight:800;color:var(--navy)}
.text-link span{color:var(--gold);margin-left:4px}
.hero-points{display:flex;gap:24px;margin-top:42px}
.hero-points>div{display:flex;gap:10px;align-items:center;font:700 13px/1.15 "Montserrat",sans-serif}
.circle-icon{width:44px;height:44px;border:1px solid rgba(201,154,67,.65);border-radius:50%;display:grid;place-items:center;background:#fff8e9}
.circle-icon svg{width:22px;height:22px;fill:none;stroke:var(--gold);stroke-width:1.7}
.hero-showcase{position:relative;min-height:610px;display:flex;align-items:flex-end;justify-content:center}
.hero-stage{position:absolute;left:-5%;right:-5%;bottom:12px;filter:drop-shadow(0 28px 28px rgba(53,31,8,.17))}
.hero-stage img{width:100%;height:540px;object-fit:contain;object-position:center bottom}
.hero-script{position:absolute;right:15px;top:66px;z-index:3;font:400 24px/1.1 "Pacifico",cursive;color:var(--navy);transform:rotate(-4deg);text-align:right}
.hero-script em{font-size:30px;color:var(--gold);font-style:normal}
.section-cream{background:var(--cream-2)}
.about{padding:105px 0}
.about-grid{display:grid;grid-template-columns:40% 60%;gap:75px;align-items:start}
.about-kicker h2{font:800 44px/1.08 "Montserrat",sans-serif;margin:16px 0;color:var(--navy);max-width:430px}
.gold-rule{width:90px;height:4px;border-radius:4px;background:var(--gold);margin-top:24px}
.about-copy{border-left:1px solid rgba(201,154,67,.35);padding-left:52px}
.about-copy p{font-size:18px;color:#46566a;margin:0 0 22px}
.about-copy strong{color:var(--navy)}
.about-signature{display:block;font:800 20px/1.2 "Montserrat",sans-serif;color:var(--gold)!important;margin-top:28px}
.lines{padding:105px 0 115px;background:white}
.section-title{text-align:center;max-width:760px;margin:0 auto 52px}
.section-title h2{font:800 46px/1.08 "Montserrat",sans-serif;color:var(--navy);margin:14px 0}
.section-title p{font-size:18px;color:#667181;margin:0}
.line-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.line-card{position:relative;min-height:470px;border-radius:28px;overflow:hidden;padding:40px;box-shadow:var(--shadow);display:grid;grid-template-columns:42% 58%;align-items:center;border:1px solid rgba(6,31,67,.06)}
.line-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.52));pointer-events:none}
.line-card>*{position:relative;z-index:2}
.line-vitamins{background:linear-gradient(135deg,#fff6ec,#f6e9d8)}
.line-kids{background:linear-gradient(135deg,#fff6fa,#ffe0ea)}
.line-drinks{background:linear-gradient(135deg,#f7efe5,#f2ddc4)}
.line-creamy{background:linear-gradient(135deg,#fff9ed,#f4eadb)}
.line-number{font:800 12px/1 "Montserrat",sans-serif;color:var(--gold);letter-spacing:.17em}
.line-copy h3{font:800 34px/1.02 "Montserrat",sans-serif;margin:14px 0;color:var(--navy)}
.line-copy p{color:#556477;font-size:16px}
.line-copy a{display:inline-flex;margin-top:18px;font:800 14px/1 "Montserrat",sans-serif;color:var(--navy);border-bottom:2px solid var(--gold);padding-bottom:6px}
.line-copy a span{margin-left:8px;color:var(--gold)}
.line-products{height:345px;position:relative}
.line-products img{position:absolute;bottom:0;width:52%;max-height:335px;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(38,29,17,.16));transition:.25s}
.line-products img:nth-child(1){left:-3%;transform:rotate(-5deg) scale(.9)}
.line-products img:nth-child(2){left:27%;z-index:3}
.line-products img:nth-child(3){right:-3%;transform:rotate(5deg) scale(.9)}
.line-card:hover .line-products img:nth-child(2){transform:translateY(-8px)}
.kids-products img{max-height:330px}
.essence{padding:105px 0 115px;background:linear-gradient(135deg,#061f43,#0c3567);position:relative;overflow:hidden}
.essence:after{content:"";position:absolute;right:-140px;top:-160px;width:540px;height:540px;border-radius:50%;border:1px solid rgba(229,189,111,.18);box-shadow:0 0 0 80px rgba(229,189,111,.04),0 0 0 160px rgba(229,189,111,.025)}
.section-title.inverse h2,.section-title.inverse p{color:white}
.section-title.inverse .eyebrow{color:var(--gold-2)}
.essence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:2}
.essence-grid article{padding:34px 28px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.05);min-height:275px}
.essence-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f1c96f,#b9852e);margin-bottom:24px}
.essence-icon svg{width:28px;height:28px;fill:none;stroke:var(--navy);stroke-width:1.7}
.essence-grid h3{font:800 21px/1.15 "Montserrat",sans-serif;color:white;margin:0 0 13px}
.essence-grid p{color:#d9e1eb;font-size:15px;margin:0}
.moments{padding:95px 0;background:linear-gradient(115deg,#fff,#fff9ed)}
.moments-grid{display:grid;grid-template-columns:42% 58%;gap:30px;align-items:center}
.moments-copy h2{font:800 46px/1.08 "Montserrat",sans-serif;margin:14px 0 20px;color:var(--navy)}
.moments-copy p{font-size:18px;color:#596778;max-width:520px}
.moment-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.moment-tags span{border:1px solid rgba(201,154,67,.4);background:white;border-radius:999px;padding:10px 14px;font-weight:700;font-size:13px}
.moments-products{height:430px;position:relative}
.moments-products img{position:absolute;bottom:0;object-fit:contain;filter:drop-shadow(0 20px 18px rgba(43,26,8,.16))}
.mp-1{left:2%;width:35%;transform:rotate(-6deg) scale(.9)}
.mp-2{left:22%;width:38%;z-index:3}
.mp-3{left:51%;width:34%;z-index:2}
.mp-4{right:-1%;width:34%;transform:rotate(5deg) scale(.9)}
.paths{padding:105px 0;background:#f8f4ec}
.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.path-card{padding:42px;border-radius:26px;min-height:360px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:.25s}
.path-card:hover{transform:translateY(-4px)}
.path-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;top:-70px;border:1px solid rgba(255,255,255,.16)}
.path-shop{background:linear-gradient(135deg,#061f43,#0c3567);color:white}
.path-rep{background:linear-gradient(135deg,#fffaf1,#efdfbd);color:var(--navy)}
.path-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--gold);margin-bottom:22px}
.path-icon svg{width:30px;height:30px;fill:none;stroke:var(--navy);stroke-width:1.8}
.path-card small{font:800 11px/1 "Montserrat",sans-serif;letter-spacing:.15em;color:var(--gold)}
.path-rep small{color:#98702b}
.path-card h3{font:800 36px/1 "Montserrat",sans-serif;margin:15px 0}
.path-card p{font-size:17px;max-width:470px;color:inherit;opacity:.82}
.path-card strong{position:absolute;bottom:36px;left:42px;font:800 15px/1 "Montserrat",sans-serif}
.path-card strong span{color:var(--gold);margin-left:8px}
.final-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#061f43,#0c3567);padding:78px 0;color:white}
.final-landscape{display:none}
.final-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;position:relative;z-index:2}
.final-cta h2{font:800 43px/1.05 "Montserrat",sans-serif;margin:13px 0}
.final-cta h2 span{color:var(--gold-2)}
.final-cta p{color:#dce4ee;max-width:670px;font-size:17px}
.final-actions{display:flex;flex-direction:column;gap:12px}
footer{background:#04172f;color:white}
.footer-main{padding:60px 0}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:45px;align-items:start}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start}
.footer-brand img{width:190px;height:72px;object-fit:contain;object-position:left center}
.footer-col{display:flex;flex-direction:column;gap:10px}
.footer-col strong{font:800 13px/1 "Montserrat",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-2);margin-bottom:7px}
.footer-col a{font-size:14px;color:#dce3ec}
.footer-message{font:700 19px/1.35 "Montserrat",sans-serif;color:#dce3ec}
.footer-message span,.footer-message strong{display:block}
.footer-message strong{color:var(--gold-2)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:18px 0;font:700 10px/1.3 "Montserrat",sans-serif;letter-spacing:.08em}
.footer-bottom .shell{display:flex;justify-content:space-between;gap:20px;color:#aeb9c8}
.footer-bottom b{color:var(--gold-2)}

@media (max-width:1080px){
  .main-nav{display:none}
  .menu-toggle{display:block;margin-left:auto}
  .nav-actions{display:none}
  .site-header.menu-open .main-nav{
    display:flex;position:absolute;top:88px;left:0;right:0;background:white;padding:22px 30px 28px;
    flex-direction:column;align-items:flex-start;border-bottom:1px solid rgba(6,31,67,.08);box-shadow:0 20px 30px rgba(6,31,67,.08)
  }
  .hero-grid{grid-template-columns:1fr 1.15fr}
  .line-grid{grid-template-columns:1fr}
  .line-card{min-height:430px}
  .essence-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
  .footer-message{display:none}
}
@media (max-width:760px){
  .shell{width:min(100% - 28px,1180px)}
  .nav-wrap{height:74px}
  .brand{min-width:130px;align-items:flex-start}
  .brand img{width:125px;height:46px}
  .brand-tagline{font-size:8px;margin-left:12px}
  .site-header.menu-open .main-nav{top:74px}
  .hero{min-height:auto}
  .hero-grid{grid-template-columns:1fr;padding-top:0}
  .hero-copy{padding:58px 0 22px;text-align:center}
  .hero h1{font-size:50px}
  .hero-lead{font-size:17px;margin-left:auto;margin-right:auto}
  .hero-actions{justify-content:center;flex-direction:column}
  .hero-points{justify-content:center;gap:14px}
  .hero-points>div{flex-direction:column;gap:7px;font-size:11px}
  .hero-showcase{min-height:430px}
  .hero-stage{left:-8%;right:-8%;bottom:0}
  .hero-stage img{height:390px}
  .hero-script{top:20px;right:10px;font-size:18px}
  .hero-script em{font-size:22px}
  .about{padding:72px 0}
  .about-grid{grid-template-columns:1fr;gap:30px}
  .about-kicker h2{font-size:36px}
  .about-copy{border-left:0;border-top:1px solid rgba(201,154,67,.35);padding:28px 0 0}
  .about-copy p{font-size:16px}
  .lines,.essence,.paths{padding:72px 0}
  .section-title{margin-bottom:35px}
  .section-title h2{font-size:36px}
  .section-title p{font-size:16px}
  .line-card{grid-template-columns:1fr;min-height:610px;padding:30px}
  .line-copy{text-align:center}
  .line-products{height:350px;margin-top:10px}
  .essence-grid{grid-template-columns:1fr}
  .essence-grid article{min-height:auto}
  .moments{padding:70px 0}
  .moments-grid{grid-template-columns:1fr}
  .moments-copy{text-align:center}
  .moments-copy h2{font-size:37px}
  .moments-copy p{margin-left:auto;margin-right:auto}
  .moment-tags{justify-content:center}
  .moments-products{height:340px}
  .path-grid{grid-template-columns:1fr}
  .path-card{min-height:330px;padding:32px}
  .path-card strong{left:32px}
  .final-grid{grid-template-columns:1fr;text-align:center}
  .final-cta h2{font-size:36px}
  .final-actions{align-items:center}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1;align-items:center;text-align:center}
  .footer-bottom .shell{flex-direction:column;text-align:center}
}
@media (max-width:480px){
  .hero h1{font-size:43px}
  .hero-points{gap:8px}
  .circle-icon{width:38px;height:38px}
  .line-card{padding:24px;min-height:570px}
  .line-copy h3{font-size:32px}
  .line-products{height:320px}
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .footer-col{align-items:center}
}