:root{
  --bone:#F4EDE0;--wax:#EAE0CB;--ink:#221D14;
  --gold:#B08D3F;--gold-hi:#DCBE6E;--gold-lo:#8A6B2A;
  --sindoor:#973525;--smoke:#7B7261;
  --hairline:rgba(34,29,20,.15);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bone);color:var(--ink);font-family:'Karla',sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.dev{font-family:'Tiro Devanagari Hindi',serif}
.serif{font-family:'Fraunces',serif;font-weight:500}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.foil{background:linear-gradient(105deg,var(--gold-lo),var(--gold) 30%,var(--gold-hi) 50%,var(--gold) 70%,var(--gold-lo));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 8s ease-in-out infinite}
@keyframes sheen{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
@media (prefers-reduced-motion:reduce){.foil,.glow{animation:none!important}.rv{opacity:1!important;transform:none!important;transition:none!important}}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.kicker{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-lo)}
.btn{display:inline-block;padding:14px 30px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;border:1px solid var(--ink);transition:background .25s,color .25s}
.btn:hover{background:var(--ink);color:var(--gold-hi)}
.btn.solid{background:var(--ink);color:var(--gold-hi)}
.btn.solid:hover{background:transparent;color:var(--ink)}
.btn.ghost-light{border-color:var(--gold-hi);color:var(--gold-hi)}
.btn.ghost-light:hover{background:var(--gold-hi);color:var(--ink)}

/* nav */
nav{position:sticky;top:0;z-index:50;background:rgba(244,237,224,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--hairline)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.nav-logo{font-family:'Fraunces',serif;font-weight:500;font-size:17px;letter-spacing:.3em;text-indent:.3em}
.nav-links{display:flex;gap:28px;align-items:center;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--smoke)}
.nav-links a:hover{color:var(--ink)}
.nav-links a.on{color:var(--ink);border-bottom:1px solid var(--gold)}
.nav-cta{padding:9px 18px;border:1px solid var(--gold-lo);color:var(--gold-lo);font-size:11px;letter-spacing:.18em;text-transform:uppercase;transition:all .25s}
.nav-cta:hover{background:var(--gold-lo);color:var(--bone)}
@media(max-width:820px){.nav-links a:not(.nav-cta){display:none}}

/* landing hero */
.hero{min-height:92vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;padding:80px 24px}
.glow{position:absolute;width:72vmin;height:72vmin;border-radius:50%;background:radial-gradient(circle,rgba(216,185,106,.30),rgba(216,185,106,.10) 42%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-56%);animation:breathe 5s ease-in-out infinite;pointer-events:none}
@keyframes breathe{0%,100%{opacity:.7}50%{opacity:1}}
.hero .dev-mark{font-size:clamp(40px,7vw,72px);line-height:1;position:relative}
.hero h1{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(40px,8vw,88px);letter-spacing:.2em;text-indent:.2em;line-height:1.08;margin-top:10px;position:relative}
.hero .sub{font-family:'Fraunces',serif;font-style:italic;font-weight:300;font-size:clamp(19px,3vw,26px);margin-top:22px;color:#3d3728;position:relative}
.hero .line{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--smoke);margin-top:16px;position:relative}
.hero .ctas{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap;justify-content:center;position:relative}

/* subpage hero */
.page-hero{padding:110px 24px 70px;text-align:center;border-bottom:1px solid var(--hairline)}
.page-hero h1{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(34px,5.6vw,54px);margin-top:14px;line-height:1.12}
.page-hero .dev-sub{font-size:20px;color:var(--gold-lo);margin-top:8px}
.page-hero p{color:var(--smoke);max-width:560px;margin:16px auto 0}

section{padding:110px 0}
@media(max-width:760px){section{padding:72px 0}}
.sec-head{text-align:center;max-width:640px;margin:0 auto 64px}
.sec-head h2{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(30px,4.6vw,44px);margin-top:12px;line-height:1.15}
.sec-head p{color:var(--smoke);margin-top:14px}

/* collections rows */
.coll-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:44px 0}
.coll-row+.coll-row{border-top:1px solid var(--hairline)}
.coll-img{position:relative}
.coll-img img{width:100%;height:440px;object-fit:cover}
.coll-img::after{content:'';position:absolute;inset:14px;border:1px solid rgba(244,237,224,.55);pointer-events:none}
.coll-txt h3{font-family:'Fraunces',serif;font-weight:500;font-size:34px}
.coll-txt h3 span{font-size:20px;color:var(--gold-lo)}
.coll-txt .cd{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-lo);margin:6px 0 18px}
.coll-txt p{color:#4b4433;font-size:15.5px}
.coll-txt p+p{margin-top:12px}
.coll-txt a.more{display:inline-block;margin-top:22px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:4px;color:var(--gold-lo)}
.coll-txt a.more:hover{color:var(--ink)}
@media(max-width:820px){.coll-row{grid-template-columns:1fr;gap:28px}.coll-row.flip .coll-img{order:-1}.coll-img img{height:320px}}

/* range grid */
.range{background:var(--wax);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.range-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline)}
.item{background:var(--wax);padding:34px 28px;display:flex;flex-direction:column;gap:8px;transition:background .3s}
.item:hover{background:var(--bone)}
.item .dot{width:14px;height:14px;border-radius:50%;margin-bottom:8px}
.item h4{font-family:'Fraunces',serif;font-weight:500;font-size:22px}
.item h4 small{font-family:'Tiro Devanagari Hindi',serif;font-size:15px;color:var(--gold-lo);margin-left:6px}
.item .scent{font-size:14px;color:#4b4433;flex:1}
.item .spec{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--smoke);border-top:1px solid var(--hairline);padding-top:10px;margin-top:4px;line-height:2}
.item a.rq{margin-top:12px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lo)}
.item a.rq:hover{color:var(--ink)}
@media(max-width:820px){.range-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.range-grid{grid-template-columns:1fr}}

/* story */
.story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.story .seal-side{display:flex;justify-content:center}
.story .seal-side img{max-width:340px;width:100%}
.story h2{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(30px,4.4vw,42px);line-height:1.15;margin-top:12px}
.story p{color:#4b4433;margin-top:16px;font-size:15.5px}
.story .dev-inline{color:var(--gold-lo)}
@media(max-width:820px){.story{grid-template-columns:1fr;gap:36px}}

/* gifting band */
.gift{background:var(--ink);color:var(--bone)}
.gift .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}
.gift h2{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(30px,4.6vw,46px);line-height:1.15;margin-top:14px}
.gift p{color:rgba(244,237,224,.72);margin-top:16px;font-size:15.5px;max-width:480px}
.gift .kicker{color:var(--gold-hi)}
.gift-points{display:flex;flex-direction:column;border-top:1px solid rgba(244,237,224,.18)}
.gift-points div{padding:20px 0;border-bottom:1px solid rgba(244,237,224,.18)}
.gift-points b{display:block;font-family:'Fraunces',serif;font-weight:500;font-size:18px;color:var(--gold-hi)}
.gift-points span{font-size:14px;color:rgba(244,237,224,.65)}
@media(max-width:820px){.gift .wrap{grid-template-columns:1fr;gap:36px}}

/* enquire */
.enquire .box{max-width:620px;margin:0 auto;border:1px solid var(--hairline);background:var(--wax);padding:48px 40px}
.field{margin-bottom:22px}
.field label{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--smoke);margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;background:var(--bone);border:1px solid var(--hairline);padding:13px 14px;font-family:'Karla';font-size:15px;color:var(--ink);border-radius:0;appearance:none}
.field textarea{min-height:96px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold)}
.form-btn{width:100%;padding:16px;background:var(--ink);color:var(--gold-hi);border:1px solid var(--ink);font-family:'Karla';font-size:12px;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;transition:all .25s}
.form-btn:hover{background:transparent;color:var(--ink)}
.form-note{text-align:center;font-size:12.5px;color:var(--smoke);margin-top:14px}
.form-ok{display:none;text-align:center;font-family:'Fraunces',serif;font-size:19px;color:var(--gold-lo);margin-top:18px}

/* craft strip (story page) */
.craft-band{position:relative;height:46vh;min-height:300px;overflow:hidden}
.craft-band img{width:100%;height:100%;object-fit:cover}
.craft-band .veil{position:absolute;inset:0;background:linear-gradient(rgba(34,29,20,.12),rgba(34,29,20,.28))}
.craft-band .band-cap{position:absolute;left:0;right:0;bottom:24px;text-align:center;color:var(--bone);font-size:11px;letter-spacing:.32em;text-transform:uppercase}
.craft-steps{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--hairline)}
.cstep{padding:56px 36px;border-left:1px solid var(--hairline)}
.cstep:first-child{border-left:none}
.cstep .num{font-family:'Tiro Devanagari Hindi',serif;font-size:24px;color:var(--gold);display:block;margin-bottom:16px}
.cstep h4{font-family:'Fraunces',serif;font-weight:500;font-size:22px;margin-bottom:8px}
.cstep h4 small{font-family:'Tiro Devanagari Hindi',serif;font-size:15px;color:var(--gold-lo);margin-left:8px}
.cstep p{font-size:14.5px;color:#4b4433}
@media(max-width:820px){.craft-steps{grid-template-columns:1fr}.cstep{border-left:none;border-top:1px solid var(--hairline);padding:36px 8px}}

/* footer */
footer{border-top:1px solid var(--hairline);padding:64px 24px;text-align:center}
footer .f-dev{font-size:26px}
footer .f-links{display:flex;flex-wrap:wrap;gap:16px 26px;justify-content:center;margin-top:20px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--smoke)}
footer .f-links a:hover{color:var(--ink)}
footer .fine{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--smoke);margin-top:22px}

/* reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.rv.in{opacity:1;transform:none}
