/* OPTION 6 — Warm blush, Fraunces + Mulish, rounded shapes, soft human feel */
:root{--bg:#fdf5ee;--dark:#1e1208;--blush:#e8a090;--warm:#f5ddd0;--muted:#7a5a4a;--white:#fffaf6;}
*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}
body{font-family:'Mulish',sans-serif;background:var(--bg);color:var(--dark);overflow-x:hidden;}
img{display:block;max-width:100%;}a{text-decoration:none;color:inherit;}
nav{position:fixed;top:0;left:0;right:0;z-index:99;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 5%;background:rgba(253,245,238,0.93);backdrop-filter:blur(10px);border-bottom:1px solid rgba(232,160,144,0.2);transition:box-shadow 0.3s;}
.logo{font-family:'Fraunces',serif;font-size:1.35rem;font-weight:300;letter-spacing:0.04em;}
nav ul{display:flex;gap:2rem;list-style:none;}
nav ul a{font-size:0.73rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);transition:color 0.3s;}
nav ul a:hover{color:var(--blush);}
.ncta{font-size:0.73rem;letter-spacing:0.1em;text-transform:uppercase;background:var(--blush);color:var(--white);padding:0.6rem 1.4rem;border-radius:100px;transition:background 0.3s;}
.ncta:hover{background:#c87860;}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding:8rem 5% 5rem;gap:4rem;align-items:center;background:var(--warm);}
.eyebrow{font-size:0.65rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--blush);margin-bottom:1.5rem;display:block;}
.h1{font-family:'Fraunces',serif;font-size:clamp(3rem,5.5vw,5rem);font-weight:300;line-height:1.05;margin-bottom:1.5rem;}
.h1 em{font-style:italic;color:var(--blush);}
.sub{font-size:0.95rem;line-height:1.8;color:var(--muted);max-width:420px;margin-bottom:2.5rem;}
.btn{display:inline-block;font-size:0.75rem;letter-spacing:0.1em;text-transform:uppercase;padding:0.9rem 2.2rem;transition:all 0.3s;border:1.5px solid transparent;border-radius:100px;}
.btn-blush{background:var(--blush);color:var(--white);border-color:var(--blush);}
.btn-blush:hover{background:#c87860;}
.btn-outline{background:transparent;color:var(--dark);border-color:var(--dark);}
.btn-outline:hover{background:var(--dark);color:var(--white);}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;}
.hero-img-wrap{position:relative;}
.hero-img{width:100%;max-width:380px;height:560px;object-fit:cover;object-position:top;border-radius:200px 200px 80px 80px;margin:0 auto;}
.hero-badge{position:absolute;bottom:2rem;right:0;background:var(--blush);color:var(--white);font-family:'Fraunces',serif;font-size:1rem;font-weight:300;text-align:center;line-height:1.2;padding:1rem;border-radius:50%;width:85px;height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.hero-badge span{font-size:0.5rem;font-family:'Mulish',sans-serif;letter-spacing:0.1em;text-transform:uppercase;}
.ticker{background:var(--blush);overflow:hidden;padding:0.75rem 0;white-space:nowrap;}
.ticker-inner{display:inline-flex;gap:2.5rem;animation:tick 20s linear infinite;}
.ticker-inner span{font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--white);}
@keyframes tick{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.about{padding:8rem 5%;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;background:var(--bg);}
.label{font-size:0.65rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--blush);margin-bottom:1rem;display:block;}
.sec-title{font-family:'Fraunces',serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;line-height:1.2;margin-bottom:1.5rem;}
.sec-title em{font-style:italic;color:var(--blush);}
.body-text{font-size:0.93rem;line-height:1.85;color:var(--muted);margin-bottom:2rem;}
.pills{display:flex;flex-direction:column;gap:0.7rem;list-style:none;}
.pills li{font-size:0.88rem;display:flex;align-items:center;gap:0.6rem;}
.pills li::before{content:'♡';color:var(--blush);font-size:0.75rem;}
.about-imgs{display:grid;grid-template-columns:1fr 1fr;gap:0.8rem;align-items:end;}
.about-imgs img{width:100%;object-fit:cover;border-radius:8px;}
.about-imgs img:first-child{height:230px;margin-top:2.5rem;}
.about-imgs img:last-child{height:290px;}
.banner{position:relative;height:500px;overflow:hidden;}
.banner img{width:100%;height:100%;object-fit:cover;}
.banner-ov{position:absolute;inset:0;background:linear-gradient(to right,rgba(30,18,8,0.82) 38%,transparent);display:flex;flex-direction:column;justify-content:center;padding:0 7%;gap:1.2rem;}
.banner-ov .sec-title{color:var(--white);}
.stats{background:var(--warm);padding:5rem 5%;display:flex;justify-content:center;gap:5rem;flex-wrap:wrap;}
.sn{font-family:'Fraunces',serif;font-size:3.8rem;font-weight:300;color:var(--blush);display:block;line-height:1;}
.sl{font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);margin-top:0.3rem;display:block;}
.gallery{padding:7rem 5%;background:var(--dark);}
.gallery .label{color:var(--blush);}
.gallery .sec-title{color:var(--white);margin-bottom:2.5rem;}
.gg{display:grid;grid-template-columns:repeat(3,1fr);gap:0.8rem;}
.gi{overflow:hidden;position:relative;border-radius:8px;}
.gi img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.gi:hover img{transform:scale(1.04);}
.gi:nth-child(1){height:300px;}
.gi:nth-child(2){height:300px;grid-row:span 2;}
.gi:nth-child(3){height:300px;}
.gi:nth-child(4){height:220px;}
.gi:nth-child(5){height:220px;}
.gtag{position:absolute;bottom:0.6rem;left:0.6rem;background:rgba(232,160,144,0.88);color:#fff;font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;padding:0.25rem 0.6rem;border-radius:100px;}
.shade{display:grid;grid-template-columns:1fr 1fr;background:var(--warm);}
.shade-img{overflow:hidden;}
.shade-img img{width:100%;height:100%;object-fit:cover;object-position:top;}
.shade-form{padding:6rem 5%;display:flex;flex-direction:column;justify-content:center;}
.swatches{display:flex;gap:0.45rem;margin-bottom:1.8rem;flex-wrap:wrap;}
.swatches span{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,0.7);box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.fg{display:flex;flex-direction:column;gap:0.4rem;margin-bottom:1rem;}
.fg label{font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);}
.fg select{appearance:none;background:var(--white);border:1.5px solid rgba(232,160,144,0.35);padding:0.8rem 1rem;font-family:'Mulish',sans-serif;font-size:0.88rem;color:var(--dark);cursor:pointer;border-radius:6px;}
.fg select:focus{outline:none;border-color:var(--blush);}
.btn-full{width:100%;text-align:center;margin-top:0.5rem;}
#result-6{margin-top:1.5rem;}
.result-card{background:var(--dark);color:var(--white);padding:2rem;text-align:center;border-radius:8px;animation:fadeUp 0.4s ease;}
.result-swatch{width:70px;height:70px;border-radius:50%;margin:0 auto 1rem;border:3px solid var(--blush);}
.result-name{font-family:'Fraunces',serif;font-size:1.6rem;font-weight:300;color:var(--blush);margin-bottom:0.4rem;}
.result-desc{font-size:0.85rem;color:rgba(255,255,255,0.6);line-height:1.6;margin-bottom:1.2rem;}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
footer{background:var(--dark);color:var(--white);padding:4rem 5% 2rem;}
.fg-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(232,160,144,0.2);margin-bottom:2rem;}
.flogo{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:300;color:var(--blush);display:block;margin-bottom:0.6rem;}
.ftagline{font-size:0.85rem;color:rgba(255,255,255,0.4);line-height:1.7;}
.fcol h4{font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--blush);margin-bottom:1rem;}
.fcol a{display:block;font-size:0.85rem;color:rgba(255,255,255,0.45);margin-bottom:0.5rem;transition:color 0.3s;}
.fcol a:hover{color:var(--blush);}
.fbot{display:flex;justify-content:space-between;font-size:0.7rem;color:rgba(255,255,255,0.22);flex-wrap:wrap;gap:0.5rem;}
@media(max-width:900px){nav ul{display:none;}.hero,.about,.shade{grid-template-columns:1fr;}.hero{padding-top:7rem;}.hero-img{max-width:260px;height:380px;}.gg{grid-template-columns:1fr 1fr;}.gi:nth-child(2){grid-row:auto;height:240px;}.gi:nth-child(1),.gi:nth-child(3),.gi:nth-child(4),.gi:nth-child(5){height:220px;}.shade-img{height:300px;}.fg-grid{grid-template-columns:1fr;}}