/* GrowStone home v5: light glass, 3D, motion */
html{background:#FBF8F3}
body.home{--bg:#FBF8F3;--slab:#F3ECE1;--line:rgba(130,95,65,.16);--ink:#2A2420;--mut:#7B6F63;--rose:#D29A7B;--rock:#9C5F44;--gold:#B8935A;--glass:rgba(255,255,255,.58);--serif:'Sora',system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.2,1);
--jl:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='56'><path d='M28 4 35 21 52 28 35 35 28 52 21 35 4 28 21 21Z' fill='none' stroke='%23B8935A' stroke-width='1.2'/><circle cx='28' cy='28' r='4' fill='none' stroke='%23B8935A' stroke-width='1.2'/><circle cx='0' cy='0' r='3' fill='%23B8935A'/><circle cx='56' cy='0' r='3' fill='%23B8935A'/><circle cx='0' cy='56' r='3' fill='%23B8935A'/><circle cx='56' cy='56' r='3' fill='%23B8935A'/></svg>");
background:none;padding:0;color:var(--ink);overflow-x:hidden}
.home p{color:var(--mut)}.home h1,.home h2{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;line-height:.98}.home h2{font-size:clamp(2.4rem,5.6vw,4.4rem)}.home h3{font-family:'Sora',sans-serif}
.home em{font-style:italic;color:var(--rock)}
.aur{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.aur i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:dr 22s ease-in-out infinite alternate}
.aur i:nth-child(1){width:46vw;height:46vw;background:#F6D5C0;left:-12vw;top:-10vw}.aur i:nth-child(2){width:40vw;height:40vw;background:#EEDFB9;right:-10vw;top:30vh;animation-delay:-8s}.aur i:nth-child(3){width:36vw;height:36vw;background:#F3C9C3;left:25vw;bottom:-14vw;animation-delay:-14s}
@keyframes dr{to{transform:translate(8vw,6vh) scale(1.2)}}
.home .glass{background:var(--glass);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.85);border-radius:24px;box-shadow:0 24px 60px -28px rgba(120,80,50,.28),inset 0 1px 0 rgba(255,255,255,.9)}
.home .alt{background:none}.home .sec{padding:clamp(70px,10vw,130px) 0}
/* preloader */
.pre{position:fixed;inset:0;z-index:200;background:#FBF8F3;display:grid;place-items:center;transition:transform 1s cubic-bezier(.7,0,.2,1),border-radius 1s;border-radius:0 0 50% 50%/0 0 12% 12%}.pre.out{transform:translateY(-105%)}
.pre .mk{width:78px;height:78px;border-radius:40px 40px 6px 6px;background:var(--ink);color:#FBF8F3;display:grid;place-items:center;font:600 2rem var(--serif);animation:pp 1.1s var(--ease) both}.pre:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;border:1px solid var(--gold);animation:pr 1.6s ease-out infinite}
@keyframes pp{from{transform:scale(.4);opacity:0}}@keyframes pr{from{transform:scale(.6);opacity:1}to{transform:scale(1.8);opacity:0}}
/* header */
.home .hd{top:0;left:0;right:0;margin:14px auto 0;width:min(1120px,calc(100% - 24px));height:62px;padding:0 9px 0 18px;border-radius:999px;background:var(--glass);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 40px -18px rgba(100,70,40,.3)}.home .hd.hide{transform:translateY(-130%)}
.home .logo{font-family:var(--serif);font-size:1.45rem;font-weight:600;letter-spacing:0}.home .mark{background:var(--ink);border-radius:50% 50% 5px 5px;width:34px;height:34px;font-family:var(--serif);font-size:1.1rem}
.home nav a{border:0;border-radius:999px;padding:9px 16px;font-size:.85rem}.home nav a:hover,.home nav a.on{background:rgba(184,147,90,.16);color:var(--ink)}
.home .btn{border-radius:999px;background:var(--ink);padding:16px 34px;position:relative;overflow:hidden;box-shadow:0 14px 30px -12px rgba(42,36,32,.5)}.home .btn:hover{background:var(--rock)}.home .btn.sm{padding:12px 24px}
.home .btn.line{background:rgba(255,255,255,.5);border:1px solid rgba(42,36,32,.25);box-shadow:none;backdrop-filter:blur(8px)}.home .btn.line:hover{background:var(--ink);color:#fff}
.prog{background:linear-gradient(90deg,var(--gold),var(--rose))}
@keyframes fl{to{margin-top:-14px}}
/* marquee */
.home .marq{background:none;color:var(--ink);padding:26px 0;border-block:1px solid var(--line);font:italic 500 clamp(1.7rem,3.5vw,2.6rem) var(--serif)}.home .marq span:before{background:var(--gold);width:9px;height:9px}
/* statement */
.scrub{font:500 clamp(2rem,5vw,4rem)/1.12 var(--serif);max-width:1020px;margin:auto;text-align:center;color:var(--ink)}.scrub span{opacity:.16;transition:opacity .3s}.scrub span.on{opacity:1}
/* collections */
.home .head{align-items:end}.home .head p{font-size:1rem}
.home .arches{gap:18px}.home .ac{padding:12px 12px 20px;border-radius:30px;text-align:center;transition:transform .4s var(--ease),box-shadow .4s}.home .ac:hover{box-shadow:0 40px 70px -30px rgba(120,80,50,.4)}
.home .ac .af{border:0;border-radius:999px 999px 18px 18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.home .ac img{transition:transform 1.1s var(--ease)}.home .ac:hover img{transform:scale(1.1)}
.home .ac h3{font:500 1.7rem var(--serif);letter-spacing:0;margin-top:16px}.ac .no{display:block;font-size:.7rem;letter-spacing:.2em;color:var(--gold);margin-top:14px;font-weight:700}.ac .go{font-size:.78rem;color:var(--mut);opacity:0;transform:translateY(6px);transition:.4s;display:block}.ac:hover .go{opacity:1;transform:none}
.home .pc{padding:10px;border-radius:26px}.home .ph{border-radius:18px;background:var(--slab)}.home .pc h3{font-size:.98rem}.home .chip{background:rgba(255,255,255,.7);border-color:rgba(255,255,255,.9)}
.home .big span{font-family:var(--serif);font-weight:500;-webkit-text-stroke:1px rgba(184,147,90,.55);letter-spacing:-.02em}
/* stones */
.home .stone{border-radius:28px;padding:12px;background:var(--glass);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(14px);transition:transform .4s,box-shadow .4s}.home .stone .sw{border-radius:20px;height:240px}.home .stone h3{font:500 1.8rem var(--serif);letter-spacing:0}
/* process */
.mand{width:min(300px,70vw);aspect-ratio:1;border-radius:50%;margin:34px 0 0;background:var(--jl) center/38px;-webkit-mask:radial-gradient(circle,#000 30%,transparent 72%);mask:radial-gradient(circle,#000 30%,transparent 72%);transform:rotate(var(--rot,0deg))}
.home .stp{background:var(--glass);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);border-radius:28px;padding:34px;margin-bottom:22px;min-height:0;opacity:.45;transform:scale(.97);transition:.6s var(--ease);box-shadow:0 24px 60px -30px rgba(120,80,50,.3)}.home .stp.on{opacity:1;transform:none}.home .stp:before,.sline,.story-r:before{display:none}.home .story-r{padding-left:0}.home .stp h3{font:500 clamp(2rem,4vw,3rem) var(--serif);letter-spacing:0}.home .stp span{color:var(--gold);letter-spacing:.2em}
/* DYO + VIP */
.home .dyo{border-radius:36px;background:var(--glass);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.9)}.home .chips span{border-radius:999px;background:rgba(255,255,255,.75);border-color:rgba(255,255,255,.9);animation:fl 4s ease-in-out infinite alternate}.chips span:nth-child(2n){animation-delay:-2s}.chips span:nth-child(3n){animation-delay:-1s}
.home .vipband{background:none;padding:clamp(40px,6vw,80px) 0;border:0}.home .vipband .wrap{background:radial-gradient(circle at 80% 20%,rgba(201,162,77,.35),transparent 50%),linear-gradient(135deg,#2E2620,#1B1612);border-radius:40px;padding:clamp(30px,6vw,80px);color:#F3EADA;box-shadow:0 50px 90px -40px rgba(30,20,10,.7)}.home .vipband h2{color:#E8C979}.home .vipband p{color:#C9BBA4}.home .vipband .btn{background:linear-gradient(135deg,#E8C979,#B8935A);color:#1B1612}
.home .faq details{border-radius:20px}.home .faq summary{font-size:1rem}
.home .cta{background:none;color:var(--ink)}.home .cta .wrap{background:linear-gradient(135deg,#F4D2BB,#EBCFA0);border-radius:44px;padding:clamp(48px,8vw,100px) 22px}.home .cta h2{color:var(--ink)}.home .cta p{color:#6B5C4E}.home .cta .btn{background:var(--ink);color:#fff}
.home .qbox{border-radius:36px;background:var(--glass)}.home form.quote input,.home form.quote textarea{border-radius:14px;background:rgba(255,255,255,.8);border-color:rgba(255,255,255,.9)}
.home footer{border-radius:40px 40px 0 0;background:#2A2420}
.home .float a{backdrop-filter:blur(10px)}
/* reveal */
.js .rv{opacity:0;transform:translateY(46px) scale(.97);filter:blur(8px);transition:opacity 1s var(--ease),transform 1.1s var(--ease),filter 1s;transition-delay:calc(var(--d,0)*90ms)}.js .rv.in{opacity:1;transform:none;filter:none}
.js .sp .w>span{transform:translateY(115%);transition:transform 1.1s var(--ease);transition-delay:calc(var(--i)*80ms)}.js .sp.in .w>span{transform:none}.w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .05em .12em}.w>span{display:inline-block}
@media(max-width:860px){
.home .hd{height:58px}.home nav{position:absolute;top:68px;left:0;right:0;bottom:auto;inset:68px 0 auto 0;height:auto;flex-direction:column;padding:12px 22px;border-radius:26px;background:var(--glass);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.9);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.35s}.home nav.open{opacity:1;visibility:visible;transform:none}.home nav a{font-size:1.15rem;padding:14px 4px;border-radius:0;border-bottom:1px solid var(--line)}
.home .arches{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -22px;padding:6px 22px 20px;scrollbar-width:none}.arches::-webkit-scrollbar{display:none}.home .ac{flex:0 0 72%;scroll-snap-align:center}
.home .stp{padding:26px;opacity:1;transform:none}.mand{margin:22px 0 0;width:200px}
.home .float{background:rgba(251,248,243,.8);backdrop-filter:blur(20px)}.home .float a{border-radius:999px}.home .float .qb{background:var(--ink);color:#fff}
.home .stone .sw{height:170px}.home .vipband .wrap{border-radius:30px}}
@media(prefers-reduced-motion:reduce){.js .rv,.js .sp .w>span{opacity:1;transform:none;filter:none}.aur i,.marq div{animation:none}}

/* ===== hero slider: clean, no controls ===== */
.hs{padding:92px 0 clamp(36px,5vw,64px)}
.hs-wrap{width:min(1440px,calc(100% - 32px));margin:0 auto}
.hs-stage{position:relative;aspect-ratio:1584/672;border-radius:30px;overflow:hidden;background:#EBD9C6;isolation:isolate;
box-shadow:0 50px 90px -40px rgba(120,70,40,.55),0 0 0 1px rgba(255,255,255,.9),0 0 0 7px rgba(255,255,255,.45),0 0 0 8px rgba(184,147,90,.32)}
.hs-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 0s 1s}
.hs-slide.on{opacity:1;visibility:visible;z-index:2;transition:opacity 1s ease,visibility 0s}
.hs-slide img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none}
.hs-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-top:clamp(28px,4vw,52px)}
.hs-txt{flex:1 1 560px;max-width:860px}
.hs h1{font-size:clamp(2.1rem,4.2vw,3.7rem);font-weight:400;letter-spacing:-.035em;line-height:1.02;margin:2px 0 0}
.hs h1 .w:last-of-type>span{font-style:italic;color:var(--rock)}
.hs .eyebrow{background:var(--glass);border-color:rgba(255,255,255,.9);color:var(--rock);letter-spacing:.18em;margin-bottom:20px}
.hs p{font-size:1.02rem;max-width:520px;margin-top:16px}
.hs .btns{display:flex;gap:12px;flex-wrap:wrap;animation:none}
@media(max-width:700px){
.hs{padding-top:80px}.hs-wrap{width:100%}
.hs-stage{border-radius:0;box-shadow:0 24px 50px -28px rgba(120,70,40,.5)}
.hs-intro{flex-direction:column;align-items:flex-start;gap:24px;padding:0 20px}.hs-txt{flex:none}}
@media(prefers-reduced-motion:reduce){.hs-slide{transition-duration:.01s!important}}