:root{
  --green:#14523e;
  --green-dark:#0c3a2b;
  --green-deep:#082b20;
  --green-light:#1d6e54;
  --gold:#c9a24b;
  --gold-light:#e3c98a;
  --leaf:#9bc53d;
  --cream:#f7f1e8;
  --ink:#172420;
  --grey:#5d6b66;
  --white:#ffffff;
  --border:#e7e1d4;
  --radius:16px;
  --radius-sm:12px;
  --shadow-sm:0 6px 18px rgba(23,36,32,.05);
  --shadow-md:0 22px 48px rgba(12,58,43,.12);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter','Noto Sans SC','Noto Sans KR',sans-serif;color:var(--ink);background:var(--white);line-height:1.6}
h1,h2,h3,.serif{font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans KR',serif}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 32px}
.eyebrow{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:14px;display:inline-flex;align-items:center;gap:12px}
.eyebrow::before,.eyebrow::after{content:"";width:26px;height:1px;background:var(--gold);opacity:.65}
.section-title{font-size:clamp(34px,4.4vw,54px);font-weight:600;line-height:1.12;letter-spacing:-.01em;margin-bottom:18px}
.section-sub{color:var(--grey);font-size:17px;line-height:1.65;max-width:680px}
section{padding:96px 0}
section[id],header[id]{scroll-margin-top:84px}
.note{font-size:12px;color:var(--grey);opacity:.8}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(8,43,32,.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,162,75,.25)}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 32px;height:72px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.brand-mark{width:44px;height:44px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;padding:3px}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.brand-text{display:flex;flex-direction:column;line-height:1.2}
.brand-text b{font-size:15px;letter-spacing:1px}
.brand-text span{font-size:11px;color:var(--gold-light);letter-spacing:2px}
.nav-links{display:flex;gap:22px;align-items:center}
.nav-links a{color:rgba(255,255,255,.85);font-size:14px;font-weight:500;transition:color .2s;white-space:nowrap}
.nav-links a:hover{color:var(--gold-light)}
.nav-login{border:1px solid rgba(255,255,255,.38);padding:8px 16px;border-radius:22px;font-size:13px}
.nav-login:hover{border-color:var(--gold-light);color:var(--gold-light)}
.lang-toggle{display:flex;border:1px solid rgba(255,255,255,.32);border-radius:20px;overflow:hidden}
.lang-toggle button{background:none;border:none;color:rgba(255,255,255,.7);padding:6px 0;width:38px;font-size:12.5px;cursor:pointer;font-family:inherit;white-space:nowrap;text-align:center}
.lang-toggle button.active{background:var(--gold);color:var(--green-dark);font-weight:600}
.nav-cta{background:var(--gold);color:var(--green-dark)!important;padding:9px 20px;border-radius:24px;font-weight:600!important;white-space:nowrap}
.nav-cta:hover{background:var(--gold-light)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.nav-toggle span{width:24px;height:2px;background:#fff;border-radius:2px;transition:.25s}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* HERO (shared) */
.hero{display:flex;flex-direction:column;justify-content:center;align-items:stretch;position:relative;padding:150px 0 90px}
.hero>.container{width:100%}
.hero.company{min-height:88vh;
  background:linear-gradient(100deg,rgba(8,43,32,.95) 32%,rgba(8,43,32,.74) 60%,rgba(8,43,32,.42)),
  url('/assets/hero-company-poster.jpg') center 40%/cover}
.hero.bodaiju{padding:120px 0 90px;
  background:linear-gradient(100deg,rgba(8,43,32,.96) 30%,rgba(8,43,32,.72) 58%,rgba(8,43,32,.35)),
  url('/assets/hero-bodaiju-poster.jpg') center 55%/cover}
.hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.hero.company .container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:920px}
.hero.company .lede{margin-left:auto;margin-right:auto;max-width:640px}
.hero.company .btn-row{justify-content:center}
.hero.company .zh-name{font-size:30px}




/* Booked-unit toast bar (real SAM data) */
.booked-bar{position:absolute;left:50%;bottom:22px;z-index:3;display:inline-flex;align-items:center;gap:10px;max-width:92vw;white-space:nowrap;padding:10px 20px;border-radius:40px;background:rgba(8,43,32,.55);border:1px solid rgba(201,162,75,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:rgba(255,255,255,.92);font-size:13.5px;box-shadow:0 10px 30px rgba(0,0,0,.25);pointer-events:none;opacity:0;transform:translate(-50%,26px) scale(.9);transition:opacity .32s,transform .32s cubic-bezier(.2,1.4,.4,1)}
.booked-bar.show{opacity:1;transform:translate(-50%,0) scale(1)}
.booked-bar .bb-dot{flex:none;width:7px;height:7px;border-radius:50%;background:#ff6b57;animation:uPulse 1.8s ease-out infinite}
.booked-bar b{color:#fff}
.booked-bar .bp-status{color:#ffb3a7}
@media (max-width:760px){.booked-bar{font-size:12px;padding:8px 14px}}
/* Bodaiju thank-you bubbles */
.bubble.t1{top:14%;left:4%;animation-delay:2s}
.bubble.t2{top:10%;right:8%;animation-delay:6s}
.bubble.t3{bottom:16%;left:40%;top:auto;animation-delay:10s}
.bubble.t4{bottom:8%;right:28%;top:auto;animation-delay:14s}
/* Real-availability urgency strip */
.urgency{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:20px;padding:12px 18px;border:1px solid rgba(201,162,75,.5);background:rgba(201,162,75,.13);border-radius:12px;color:#f3e3bd;font-size:13.5px;line-height:1.5;max-width:560px}
.urgency .dot{flex:none;width:8px;height:8px;border-radius:50%;background:#ff6b57;box-shadow:0 0 0 0 rgba(255,107,87,.5);animation:uPulse 1.8s ease-out infinite}
.urgency .upd{color:rgba(255,255,255,.55);font-size:11.5px;letter-spacing:.4px}
@keyframes uPulse{0%{box-shadow:0 0 0 0 rgba(255,107,87,.5)}70%{box-shadow:0 0 0 9px rgba(255,107,87,0)}100%{box-shadow:0 0 0 0 rgba(255,107,87,0)}}
/* Welcome speech bubbles */
.hero-bubbles{position:absolute;inset:0;z-index:1;pointer-events:none}
.bubble{position:absolute;background:rgba(255,255,255,.95);color:#0b3b2c;font-weight:600;font-size:15px;padding:9px 16px;border-radius:16px;opacity:0;transform:translateY(12px) scale(.9);animation:bubblePop 16s ease-in-out infinite;box-shadow:0 6px 24px rgba(0,0,0,.28);white-space:nowrap;font-family:'Noto Sans SC','Noto Sans KR',sans-serif}
.bubble:after{content:'';position:absolute;bottom:-7px;left:22px;border:8px solid transparent;border-top-color:rgba(255,255,255,.95);border-bottom:0}
.bubble.b1{top:26%;left:6%;animation-delay:0s}
.bubble.b2{top:40%;right:7%;animation-delay:4s}
.bubble.b3{top:58%;left:9%;animation-delay:8s}
.bubble.b4{top:68%;right:10%;animation-delay:12s}
@keyframes bubblePop{0%{opacity:0;transform:translateY(12px) scale(.9)}3%{opacity:1;transform:translateY(0) scale(1)}12%{opacity:1;transform:translateY(-6px)}20%{opacity:0;transform:translateY(-14px) scale(.95)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.bubble{animation:none;opacity:0}}
@media (max-width:760px){.bubble{font-size:12.5px;padding:7px 12px}.bubble.b1{top:16%}.bubble.b2{top:28%}.bubble.b3{top:74%}.bubble.b4{top:84%}}
/* Music toggle */
.bgm-toggle{position:fixed;bottom:24px;left:24px;z-index:60;width:46px;height:46px;border-radius:50%;border:1px solid rgba(201,162,75,.6);background:rgba(8,43,32,.85);color:#e8c87a;font-size:19px;cursor:pointer;backdrop-filter:blur(6px);box-shadow:0 4px 18px rgba(0,0,0,.3);transition:transform .25s,background .25s}
.bgm-toggle:hover{transform:scale(1.08)}
.bgm-toggle.on{background:#c9a24b;color:#08291e;animation:bgmPulse 2.4s ease-in-out infinite}
@keyframes bgmPulse{0%,100%{box-shadow:0 0 0 0 rgba(201,162,75,.45)}50%{box-shadow:0 0 0 12px rgba(201,162,75,0)}}
/* HERO video backgrounds */
.hero-media{position:absolute;inset:0;overflow:hidden;z-index:0}
.hero-video{width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:scale(1.02)}
.hero.bodaiju .hero-video{object-position:center 55%}
.hero-veil{position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,43,32,.92) 30%,rgba(8,43,32,.64) 58%,rgba(8,43,32,.32))}
.hero.company .hero-veil{background:linear-gradient(180deg,rgba(8,43,32,.8),rgba(8,43,32,.52) 48%,rgba(8,43,32,.86))}
.hero .container{position:relative;z-index:2}
@media (prefers-reduced-motion:reduce){.hero-video{display:none}}
.projects-intro{background:#fff;text-align:center;padding:96px 0}
.projects-intro .section-sub{margin:0 auto}
.projects-intro .proj-links{display:flex;justify-content:center;gap:16px;margin-top:30px;flex-wrap:wrap}
.proj-pill{display:inline-flex;align-items:center;gap:10px;border:1.5px solid var(--green);color:var(--green);border-radius:30px;padding:12px 26px;font-weight:600;font-size:14.5px;transition:all .2s}
.proj-pill:hover{background:var(--green);color:#fff}
.hero h1,.hero .h1{font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans KR',serif;font-size:clamp(44px,5.6vw,76px);color:#fff;font-weight:600;line-height:1.04;margin-bottom:8px}
.hero .zh-name{display:block;color:var(--gold-light);font-size:34px;margin-top:8px;font-weight:500}
.hero p.lede{color:rgba(255,255,255,.86);font-size:18px;max-width:540px;margin:22px 0 36px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,162,75,.15);border:1px solid rgba(201,162,75,.5);color:var(--gold-light);font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:8px 18px;border-radius:24px;margin-bottom:26px}
.btn-row{display:flex;gap:16px;flex-wrap:wrap}
.hero-trust{margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.16);max-width:760px;margin-left:auto;margin-right:auto}
.hero-trust-cap{color:rgba(255,255,255,.62);font-size:11.5px;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}
.hero-creds{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 30px}
.hcred{display:flex;flex-direction:column;align-items:center;min-width:118px}
.hcred b{color:var(--gold-light);font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans KR',serif;font-size:27px;font-weight:700;line-height:1}
.hcred span{color:rgba(255,255,255,.72);font-size:12px;letter-spacing:.4px;margin-top:7px;text-align:center;line-height:1.35}
.btn{padding:15px 34px;border-radius:30px;font-weight:600;font-size:15px;transition:all .2s;display:inline-block}
.btn-gold{background:var(--gold);color:var(--green-dark)}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 10px 24px rgba(201,162,75,.35)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.6);color:#fff}
.btn-ghost:hover{border-color:var(--gold-light);color:var(--gold-light)}
.hero-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);border-radius:18px;padding:34px}
.hero-card h3{color:var(--gold-light);font-size:22px;margin-bottom:18px}
.hero-card ul{list-style:none}
.hero-card li{color:rgba(255,255,255,.9);font-size:14.5px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px}
.hero-card li:last-child{border-bottom:none}
.hero-card li b{color:#fff;font-weight:600;text-align:right}
.hero-note{color:rgba(255,255,255,.5);font-size:11.5px;margin-top:14px}

/* STATS BAND */
.stats{background:var(--green-deep);padding:0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 auto}
.stat{padding:44px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}
.stat:last-child{border-right:none}
.stat .num{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:700;color:var(--gold-light)}
.stat .label{color:rgba(255,255,255,.78);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;margin-top:6px}

/* MEET YOUR AGENT (video) */
.agent-video{background:linear-gradient(165deg,var(--green-deep),var(--green-dark));color:#fff;position:relative;overflow:hidden}
.agent-video::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,rgba(201,162,75,.18),transparent 46%);pointer-events:none}
.agent-video .container{position:relative;display:grid;grid-template-columns:1fr .82fr;gap:64px;align-items:center}
.agent-video .eyebrow{color:var(--gold-light)}
.agent-video .section-title{color:#fff}
.agent-video .section-sub{color:rgba(255,255,255,.8)}
.agent-points{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.agent-points li{display:flex;align-items:flex-start;gap:12px;color:rgba(255,255,255,.86);font-size:15.5px;line-height:1.55}
.agent-points .tick{color:var(--gold-light);font-weight:700;font-size:17px;flex:none;line-height:1.5}
.agent-points b{color:var(--gold-light);font-weight:600}
.agent-stage{display:flex;flex-direction:column;align-items:center}
.agent-frame{position:relative;width:100%;max-width:330px;aspect-ratio:9/16;border-radius:22px;overflow:hidden;border:1px solid rgba(227,201,138,.35);box-shadow:0 30px 70px rgba(0,0,0,.45);background:#000}
.agent-frame video{width:100%;height:100%;object-fit:cover;display:block}
.agent-caption{margin-top:18px;text-align:center;font-size:12.5px;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.62)}
.agent-caption b{color:var(--gold-light);font-weight:600}

/* ABOUT (image + text) */
.about{background:var(--cream)}
.about .container{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-img{border-radius:18px;overflow:hidden;box-shadow:0 30px 60px rgba(12,58,43,.18);position:relative}
.about-img img{height:540px;width:100%;object-fit:cover}
.about-img .tag{position:absolute;bottom:20px;left:20px;background:var(--green-dark);color:var(--gold-light);padding:10px 20px;border-radius:10px;font-size:12.5px;letter-spacing:1px}
.feature-list{margin-top:30px;display:grid;gap:18px}
.feature{display:flex;gap:16px;align-items:flex-start}
.feature .dot{flex:none;width:42px;height:42px;border-radius:12px;background:var(--green);color:var(--gold-light);display:flex;align-items:center;justify-content:center;font-size:18px}
.feature h4{font-family:'Inter','Noto Sans SC','Noto Sans KR',sans-serif;font-size:16px;font-weight:600;margin-bottom:3px}
.feature p{color:var(--grey);font-size:14px}

/* TEAM EXTRAS */
.about .container.team-extra{display:block;margin-top:56px}
.leader-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.leader{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px}
.leader img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:top;flex:none}
.leader .avatar{width:72px;height:72px;border-radius:50%;background:var(--green);color:var(--gold-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;flex:none;font-family:'Cormorant Garamond',serif}
.leader > div:last-child{min-width:0}
.leader b{display:block;font-size:15.5px;white-space:nowrap}
.leader span{font-size:12.5px;color:var(--grey);line-height:1.45;display:block;margin-top:2px}
.vision-card{background:#fff;border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:16px;padding:22px 24px;margin-top:20px}
.vision-card h4{font-family:'Inter','Noto Sans SC','Noto Sans KR',sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.vision-card p{font-size:13px;color:var(--grey);line-height:1.55}

/* LOCATION */
.location{background:#fff}
.location .container{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.loc-list{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.loc-item{display:flex;gap:10px;align-items:flex-start;font-size:14.5px}
.loc-item .pin{color:var(--gold);flex:none}
.loc-img{border-radius:18px;overflow:hidden;box-shadow:0 30px 60px rgba(12,58,43,.16);position:relative}
.loc-img img{height:480px;width:100%;object-fit:cover}
.loc-img .tag{position:absolute;bottom:20px;left:20px;background:var(--green-dark);color:var(--gold-light);padding:10px 20px;border-radius:10px;font-size:12.5px;letter-spacing:1px}
.km-badge{display:inline-block;background:var(--green);color:#fff;border-radius:12px;padding:18px 26px;margin-top:28px}
.km-badge .big{font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:700;color:var(--gold-light);line-height:1.1}
.km-badge .small{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.8)}

/* RESIDENCES */
.residences{background:var(--cream)}
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.res-card{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--border);transition:all .25s;box-shadow:var(--shadow-sm);padding:32px 28px;display:flex;flex-direction:column}
.res-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--gold)}
.res-card .type{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600}
.res-card .avail-tag{display:inline-block;margin-top:12px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#fdf3e0;color:#b07d18;border:1px solid #ecd9ae}
.res-card h3{font-size:26px;margin:6px 0 2px}
.res-card .size{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--green);font-weight:600}
.res-card p{color:var(--grey);font-size:14px;margin:12px 0 0;flex:1 0 auto}
.res-meta{display:flex;gap:14px;font-size:13px;color:var(--ink);border-top:1px solid var(--border);padding-top:16px;margin-top:16px}

/* PLATFORM / ROOMGURU */
.platform{background:linear-gradient(160deg,var(--green-deep),var(--green));color:#fff}
.platform .section-title{color:#fff}
.platform .section-sub{color:rgba(255,255,255,.85)}
.plat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}
.plat-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:32px 28px;transition:all .25s}
.plat-card:hover{background:rgba(201,162,75,.12);border-color:rgba(201,162,75,.5);transform:translateY(-4px)}
.plat-card .icon{font-size:30px;margin-bottom:18px}
.plat-card h3{color:var(--gold-light);font-size:22px;margin-bottom:10px}
.plat-card p{color:rgba(255,255,255,.86);font-size:15px}
.proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px;text-align:center}
.proof .big{font-family:'Cormorant Garamond',serif;font-size:52px;font-weight:700;color:var(--gold-light)}
.proof .cap{font-size:13.5px;color:rgba(255,255,255,.75);max-width:260px;margin:6px auto 0}

/* USP */
.usp{background:#fff}
.usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.usp-card{border:1px solid var(--border);border-radius:16px;padding:28px 24px;text-align:center;transition:all .25s}
.usp-card:hover{border-color:var(--gold);box-shadow:0 14px 30px rgba(12,58,43,.1)}
.usp-card .icon{font-size:26px;margin-bottom:12px}
.usp-card h4{font-family:'Inter','Noto Sans SC','Noto Sans KR',sans-serif;font-size:15px;font-weight:600;margin-bottom:6px}
.usp-card p{font-size:13px;color:var(--grey);line-height:1.55}

/* GALLERY */
.gallery{background:var(--cream)}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:16px;margin-top:48px}
.gal-grid img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.gal-grid .wide{grid-column:span 2}
.gal-grid .tall{grid-row:span 2}

/* FLOOR PLANS IN UNIT CARDS */
.res-grid{grid-template-columns:repeat(4,1fr)}
.res-card .fp{display:block;margin:-32px -28px 18px;background:#f4efe4;border-bottom:1px solid var(--border);aspect-ratio:4/3;overflow:hidden;position:relative}
.res-card .fp img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .35s}
.res-card:hover .fp img{transform:scale(1.05)}
.res-card .fp .zoom{position:absolute;top:10px;right:10px;background:rgba(8,43,32,.82);color:var(--gold-light);font-size:11px;letter-spacing:1px;padding:4px 10px;border-radius:20px}
.res-themes{margin-top:42px;display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}
.res-themes .lbl{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--grey)}
.theme-pill{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:30px;padding:11px 24px;font-size:14px;box-shadow:var(--shadow-sm)}
.theme-pill .sw{width:18px;height:18px;border-radius:50%;flex:none}
.theme-pill b{color:var(--green);font-weight:600}

/* INTERIORS */
.interiors{background:#fff}
.int-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.int-card{border-radius:16px;overflow:hidden;position:relative;box-shadow:var(--shadow-sm);background:#000}
.int-card img{width:100%;height:300px;object-fit:cover;transition:transform .45s;display:block}
.int-card:hover img{transform:scale(1.06)}
.int-card .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(8,43,32,.9));color:#fff;padding:34px 20px 16px;font-size:14px;font-weight:500}

/* DOWNLOADS & MATERIALS */
.materials{background:var(--cream)}
.brochure-cta{display:flex;align-items:center;gap:20px;background:linear-gradient(120deg,var(--green),var(--green-light));color:#fff;border-radius:16px;padding:22px 28px;margin:44px 0 26px;box-shadow:var(--shadow-md);transition:transform .2s}
.brochure-cta:hover{transform:translateY(-3px)}
.brochure-cta .ic{width:50px;height:50px;flex:none;border-radius:12px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:24px}
.brochure-cta .txt{flex:1;min-width:0}
.brochure-cta .txt b{display:block;font-size:18px}
.brochure-cta .txt span{font-size:13px;color:rgba(255,255,255,.82)}
.brochure-cta .go{background:var(--gold);color:var(--green-dark);padding:11px 24px;border-radius:30px;font-weight:600;font-size:14px;white-space:nowrap}
.mat-gate{background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:30px 28px;margin:44px 0 26px;box-shadow:var(--shadow-sm)}
.mat-gate h4{font-size:20px;margin-bottom:6px;color:var(--green-dark)}
.mat-gate p{font-size:14px;color:var(--grey);margin-bottom:16px}
.mat-gate .row{display:flex;gap:12px;flex-wrap:wrap}
.mat-gate input{flex:1;min-width:200px;padding:12px 16px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit}
.mat-gate button{background:var(--green);color:#fff;border:none;padding:12px 26px;border-radius:30px;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit}
.mat-gate button:hover{background:var(--green-light)}
.mat-gate .gate-msg{font-size:13px;margin-top:10px;display:none}
.form .form-msg{font-size:14px;margin-top:12px;display:none}
.vr-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 16px}
.vr-tab{border:1px solid var(--border);border-radius:20px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;background:#fff;color:var(--grey);font-family:inherit;transition:all .2s}
.vr-tab:hover{border-color:var(--green);color:var(--green)}
.vr-tab.active{background:var(--green);color:#fff;border-color:var(--green)}
.vr-stage{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);background:#0c0c0c}
.vr-stage iframe,.vr-stage video{width:100%;height:min(72vh,640px);display:block;border:0}
.roov-3d{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:var(--green);border:1.5px solid var(--green);border-radius:20px;padding:7px 16px;transition:background .2s,color .2s}
.roov-3d:hover{background:var(--green);color:#fff}
.mat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mat-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:all .25s}
.mat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--gold)}
.mat-card .preview{aspect-ratio:4/3;background:#f4efe4;overflow:hidden;position:relative}
.mat-card .preview img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.mat-card:hover .preview img{transform:scale(1.05)}
.mat-card .preview .badge{position:absolute;top:10px;left:10px;background:rgba(8,43,32,.85);color:var(--gold-light);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:20px}
.mat-card .body{padding:16px 20px 18px;display:flex;flex-direction:column;flex:1}
.mat-card .body .cat{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600}
.mat-card .body h4{font-family:'Inter','Noto Sans SC','Noto Sans KR',sans-serif;font-size:15.5px;font-weight:600;margin:3px 0}
.mat-card .dl{margin-top:auto;display:inline-flex;align-items:center;gap:7px;color:var(--green);font-weight:600;font-size:13px;padding-top:8px}
.mat-card:hover .dl{color:var(--gold)}

/* CALM BAND */
.calm{background:var(--green-deep);color:#fff;text-align:center;padding:96px 0}
.calm .quote{font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans KR',serif;font-size:clamp(32px,4vw,52px);font-weight:600;color:var(--gold-light);line-height:1.22;max-width:820px;margin:0 auto 18px}
.calm .sub{color:rgba(255,255,255,.72);font-size:15.5px;max-width:660px;margin:0 auto 30px}
.calm .pillars{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;color:rgba(255,255,255,.85);font-size:13.5px}
.calm .pillars span{display:flex;align-items:center;gap:8px}
.calm .pillars b{color:var(--gold-light)}

/* RETAIL / ION AXXES */
.retail{background:linear-gradient(160deg,#0a3328,var(--green-dark));color:#fff}
.retail .section-title{color:#fff}
.retail .section-sub{color:rgba(255,255,255,.78)}
.retail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;margin-top:10px}
.retail-img{border-radius:18px;overflow:hidden;position:relative;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.retail-img img{width:100%;height:430px;object-fit:cover}
.retail-img .tag{position:absolute;bottom:16px;left:16px;background:rgba(8,43,32,.9);color:var(--gold-light);padding:9px 18px;border-radius:10px;font-size:12px;letter-spacing:1px}
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.fact{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px 16px}
.fact .n{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:var(--gold-light);line-height:1.15}
.fact .t{font-size:12px;color:rgba(255,255,255,.8);margin-top:4px;line-height:1.4}
.chips-title{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-light);font-weight:600;margin-top:26px}
.tenant-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.chip{background:rgba(201,162,75,.14);border:1px solid rgba(201,162,75,.45);color:var(--gold-light);border-radius:20px;padding:7px 16px;font-size:12.5px}
.plot-head{font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans KR',serif;font-size:28px;color:#fff;margin-top:60px}
.plot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
.plot-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:26px 22px;transition:all .25s}
.plot-card:hover{background:rgba(201,162,75,.12);border-color:rgba(201,162,75,.5)}
.plot-card .pn{font-size:11px;letter-spacing:2px;color:var(--gold-light);text-transform:uppercase;font-weight:600}
.plot-card h4{font-family:'Inter','Noto Sans SC','Noto Sans KR',sans-serif;font-size:15.5px;font-weight:600;margin:6px 0;color:var(--gold-light)}
.plot-card p{font-size:13px;color:rgba(255,255,255,.82);line-height:1.55}
.why-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.why{background:rgba(255,255,255,.05);border-left:3px solid var(--gold);border-radius:0 12px 12px 0;padding:16px 18px;font-size:13.5px;color:rgba(255,255,255,.85)}
.retail-cta{margin-top:44px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.retail-note{font-size:12px;color:rgba(255,255,255,.55)}

/* TESTIMONIALS */
.testimonials{background:var(--cream)}
.testi-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:48px}
.testi{background:#fff;border-radius:16px;padding:32px;border:1px solid var(--border)}
.testi .flag{font-size:22px}
.testi p{font-size:15px;color:var(--ink);line-height:1.7;margin:14px 0 18px}
.testi .who b{display:block;font-size:14.5px}
.testi .who span{font-size:12.5px;color:var(--grey)}

/* DEVELOPER */
.developer{background:#fff}
.developer .container{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.dev-card{background:var(--cream);border-radius:16px;padding:30px;margin-top:24px;border-left:4px solid var(--gold)}
.dev-card h4{font-family:'Inter','Noto Sans SC','Noto Sans KR',sans-serif;font-size:15px;font-weight:600;margin-bottom:6px}
.dev-card p{font-size:14px;color:var(--grey)}
.partners-strip{margin-top:44px;padding-top:34px;border-top:1px solid var(--border);text-align:center}
.partners-head{font-size:12.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:26px}
.partners-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.partner{background:var(--cream);border:1px solid var(--border);border-radius:12px;padding:24px 18px;transition:all .2s}
.partner:hover{box-shadow:var(--shadow-sm);border-color:var(--gold-light)}
.partner b{display:block;font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans KR',serif;font-size:21px;font-weight:700;color:var(--green-dark);line-height:1.15}
.partner span{display:block;font-size:12px;color:var(--grey);margin-top:8px;line-height:1.4}

/* GROWTH ROW (developer section) */
.developer .container.growth-wrap{display:block;margin-top:56px}
.growth-head{font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans KR',serif;font-size:28px;font-weight:600;margin-bottom:22px}
.growth-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.growth{background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:28px 24px}
.growth .icon{font-size:24px;margin-bottom:10px}
.growth h4{font-family:'Inter','Noto Sans SC','Noto Sans KR',sans-serif;font-size:15px;font-weight:600;margin-bottom:8px;color:var(--green-dark)}
.growth p{font-size:14px;color:var(--grey);line-height:1.6}

/* CONTACT */
.contact{background:linear-gradient(rgba(8,43,32,.93),rgba(8,43,32,.93)),url('/assets/facilities-pool.jpg') center/cover;color:#fff}
.contact .container{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.contact .section-title{color:#fff}
.contact-info{margin-top:28px;display:grid;gap:14px;color:rgba(255,255,255,.85);font-size:15px}
.form{background:#fff;border-radius:18px;padding:40px;color:var(--ink);box-shadow:0 30px 70px rgba(0,0,0,.3)}
.form h3{font-size:26px;margin-bottom:22px}
.form input,.form select,.form textarea{width:100%;padding:13px 16px;border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:14px;margin-bottom:14px;background:#fbf9f4}
.form button{width:100%;background:var(--green);color:#fff;border:none;padding:15px;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s}
.form button:hover{background:var(--green-light)}

/* WHATSAPP FLOAT */
.wa-float{position:fixed;right:26px;bottom:26px;z-index:99;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.3);transition:transform .2s}
.wa-float:hover{transform:scale(1.08)}

/* FOOTER */
footer{background:var(--green-deep);color:rgba(255,255,255,.7);padding:60px 0 30px;font-size:14px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
footer h4{color:var(--gold-light);font-size:14px;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-family:'Inter','Noto Sans SC','Noto Sans KR',sans-serif}
footer a{display:block;padding:5px 0;color:rgba(255,255,255,.7)}
footer a:hover{color:var(--gold-light)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;text-align:center;font-size:12px;color:rgba(255,255,255,.45);line-height:1.7}

@media(max-width:960px){
  .hero .container,.about .container,.contact .container,.location .container,.developer .container{grid-template-columns:1fr}
  .agent-video .container{grid-template-columns:1fr;gap:34px}
  .res-grid{grid-template-columns:1fr 1fr}
  .leader-row{grid-template-columns:1fr}
  .retail-grid{grid-template-columns:1fr}
  .plot-grid{grid-template-columns:1fr 1fr}
  .fact-grid{grid-template-columns:1fr 1fr}
  .testi-grid{grid-template-columns:1fr}
  .plat-grid,.proof-row,.why-row,.growth-row{grid-template-columns:1fr}
  .partners-row{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .usp-grid{grid-template-columns:1fr 1fr}
  .int-grid{grid-template-columns:1fr 1fr}
  .mat-grid{grid-template-columns:1fr 1fr}
  .gal-grid{grid-template-columns:repeat(2,1fr)}
  .hero h1,.hero .h1{font-size:clamp(36px,7.5vw,52px)}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:1040px){
  .nav-toggle{display:flex}
  .nav-links{position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(8,43,32,.98);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,162,75,.25);padding:8px 24px 22px;display:none}
  .nav-links.open{display:flex}
  .nav-links a{padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px;white-space:normal}
  .nav-login{border:0;border-radius:0;padding:14px 4px}
  .nav-cta{text-align:center;margin-top:14px;padding:13px}
  .lang-toggle{align-self:flex-start;margin-top:16px}
}
/* INVESTMENT CASE */
.invest{background:var(--cream)}
.table-wrap{overflow-x:auto;margin-top:38px;-webkit-overflow-scrolling:touch}
.cmp-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);font-size:14px;min-width:860px}
.cmp-table th,.cmp-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}
.cmp-table thead th{background:var(--green-dark);color:var(--gold-light);font-family:'Inter','Noto Sans SC','Noto Sans KR',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.6px;text-transform:uppercase}
.cmp-table thead th.hl{background:var(--green)}
.cmp-table tbody th{font-weight:600;color:var(--ink);white-space:nowrap;font-family:'Inter','Noto Sans SC','Noto Sans KR',sans-serif;font-size:14px}
.cmp-table td.hl{background:rgba(201,162,75,.10);font-weight:600;color:var(--green-dark)}
.cmp-table tbody tr:last-child td,.cmp-table tbody tr:last-child th{border-bottom:none}
.invest-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.invest-stat{background:var(--green-deep);border-radius:var(--radius-sm);padding:26px 22px;color:#fff}
.invest-stat .num{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:700;color:var(--gold-light);line-height:1}
.invest-stat .lab{font-size:13.5px;color:rgba(255,255,255,.85);margin-top:11px;line-height:1.5}
.invest-stat .src{font-size:11px;color:rgba(255,255,255,.5);margin-top:9px}
.invest-note{font-size:12px;color:var(--grey);margin-top:22px;max-width:840px;line-height:1.6}
/* FOR INTERNATIONAL BUYERS */
.buyers{background:#fff}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:38px}
.step{background:var(--cream);border-radius:var(--radius-sm);padding:22px 18px;border-top:3px solid var(--gold)}
.step .n{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:700;color:var(--green);line-height:1}
.step h4{font-family:'Inter','Noto Sans SC','Noto Sans KR',sans-serif;font-size:15px;font-weight:600;margin:8px 0 6px}
.step p{font-size:13px;color:var(--grey);line-height:1.5}
.cost-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}
.cost{border:1px solid var(--border);border-radius:var(--radius-sm);padding:22px}
.cost .k{font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--gold);font-weight:600}
.cost .v{font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--green-dark);font-weight:700;margin:6px 0 8px;line-height:1}
.cost p{font-size:13px;color:var(--grey);line-height:1.5}
.medini-callout{margin-top:32px;background:linear-gradient(120deg,var(--green-dark),var(--green));color:#fff;border-radius:var(--radius);padding:34px 38px;display:flex;gap:26px;align-items:flex-start}
.medini-callout .ico{font-size:34px;flex:none;line-height:1}
.medini-callout h4{color:var(--gold-light);font-size:21px;font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans KR',serif;margin-bottom:8px}
.medini-callout p{color:rgba(255,255,255,.9);font-size:14.5px;line-height:1.6}
.buyers-note{font-size:12px;color:var(--grey);margin-top:24px;max-width:880px;line-height:1.6}
/* MM2H */
.mm2h{background:var(--cream)}
.mm2h-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.mtier{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:26px 24px;display:flex;flex-direction:column}
.mtier.pop{border:2px solid var(--gold);box-shadow:0 10px 30px rgba(0,0,0,.06)}
.mtier .tag{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);font-weight:700}
.mtier h3{font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans KR',serif;font-size:27px;color:var(--green-dark);margin:6px 0 12px}
.mtier ul{list-style:none;margin:0 0 14px;padding:0}
.mtier li{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--grey);padding:8px 0;border-bottom:1px dashed var(--border)}
.mtier li b{color:var(--green-dark);text-align:right;white-space:nowrap}
.mtier .feat{font-size:13px;color:var(--grey);line-height:1.55;margin-top:auto}
.mm2h-pvip{margin-top:26px;background:#fff;border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius-sm);padding:22px 26px}
.mm2h-pvip h4{font-family:'Inter','Noto Sans SC','Noto Sans KR',sans-serif;font-size:15.5px;font-weight:600;color:var(--green-dark);margin-bottom:6px}
.mm2h-pvip p{font-size:13.5px;color:var(--grey);line-height:1.6}
.mm2h-cta{margin-top:28px}
/* LEARN / INSIGHTS */
.learn{background:#fff}
.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.lcard{display:flex;flex-direction:column;background:var(--cream);border-radius:var(--radius-sm);padding:24px 22px;text-decoration:none;color:var(--ink);border:1px solid var(--border);transition:transform .2s,box-shadow .2s}
.lcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.ltag{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:8px}
.lcard h3{font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans KR',serif;font-size:20px;color:var(--green-dark);line-height:1.25;margin-bottom:8px}
.lcard p{font-size:13.5px;color:var(--grey);line-height:1.55;margin-bottom:14px}
.lmore{margin-top:auto;font-size:13px;font-weight:600;color:var(--green)}
/* FAQ */
.faq{background:var(--cream)}
.faq-list{margin-top:36px;max-width:920px}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:14px;overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:20px 24px;font-weight:600;font-size:16px;color:var(--ink);display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:var(--gold);font-size:26px;font-weight:400;flex:none;transition:transform .2s;line-height:1}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item .a{padding:0 24px 22px;color:var(--grey);font-size:14.5px;line-height:1.66}
.faq-item .a a{color:var(--green);text-decoration:underline;font-weight:600}
@media(max-width:900px){
  .invest-stats,.cost-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr 1fr}
  .mm2h-tiers{grid-template-columns:1fr}
  .learn-grid{grid-template-columns:1fr 1fr}
  .medini-callout{flex-direction:column;gap:14px}
}
@media(max-width:560px){
  .invest-stats,.cost-grid,.steps,.learn-grid{grid-template-columns:1fr}
}

/* DESIGN PASS: a11y + iconography */
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
a,button,summary,input,select,textarea{touch-action:manipulation}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
.icon{color:var(--green)}
.icon svg{width:30px;height:30px}
.usp-card .icon svg{width:26px;height:26px}
.growth .icon svg{width:24px;height:24px}
.plat-card .icon{color:var(--gold-light)}
.feature .dot svg{width:20px;height:20px}
.agent-points .tick svg{width:17px;height:17px;margin-top:3px}
.res-meta span{display:inline-flex;align-items:center;gap:6px}
.res-meta svg{width:15px;height:15px;color:var(--green);flex:none}
.proj-pill svg{width:18px;height:18px;flex:none}
.loc-item .pin svg{width:16px;height:16px;margin-top:2px}
.medini-callout .ico{color:var(--gold-light)}
.medini-callout .ico svg{width:30px;height:30px}
.brochure-cta .ic svg{width:24px;height:24px}
.testi .qmark{font-family:'Cormorant Garamond',serif;font-size:58px;line-height:.55;color:var(--gold);display:block;height:26px}
.contact-info div{display:flex;gap:11px;align-items:flex-start}
.contact-info svg{width:17px;height:17px;color:var(--gold-light);flex:none;margin-top:3px}
.stat .num,.proof .big,.invest-stat .num,.cost .v,.hcred b{font-variant-numeric:tabular-nums}
/* YOUR FRIEND CONCIERGE */
#cqw .cq-launch{position:fixed;right:26px;bottom:96px;z-index:99;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-light));border:none;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;transition:transform .2s}
#cqw .cq-launch:hover{transform:scale(1.07)}
#cqw .cq-launch svg{width:26px;height:26px;stroke:var(--green-dark)}
#cqw .cq-badge{position:absolute;top:-4px;right:-6px;background:#fff;color:var(--green);font-size:9px;font-weight:700;letter-spacing:.5px;border-radius:10px;padding:3px 7px;box-shadow:0 3px 8px rgba(0,0,0,.25)}
#cqw .cq{position:fixed;right:26px;bottom:168px;z-index:120;width:390px;max-width:calc(100vw - 32px);height:min(560px,calc(100vh - 200px));background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,.45);opacity:0;pointer-events:none;transform:translateY(14px);transition:opacity .25s,transform .25s}
#cqw .cq.open{opacity:1;pointer-events:auto;transform:none}
#cqw .cq-head{background:linear-gradient(135deg,var(--green-deep),var(--green));color:#fff;padding:16px 18px;display:flex;align-items:center;gap:12px}
#cqw .cq-avatar{width:40px;height:40px;border-radius:50%;background:rgba(201,162,75,.2);border:1px solid rgba(227,201,138,.5);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond','Noto Sans SC',serif;font-size:19px;font-weight:700;color:var(--gold-light);flex:none}
#cqw .cq-head .t{flex:1;min-width:0}
#cqw .cq-head b{display:block;font-family:'Cormorant Garamond','Noto Sans SC',serif;font-size:18px;letter-spacing:.3px}
#cqw .cq-head span{font-size:11px;color:rgba(255,255,255,.75);display:flex;align-items:center;gap:6px}
#cqw .cq-head span::before{content:"";width:7px;height:7px;border-radius:50%;background:#7ed957}
#cqw .cq-lang{display:flex;border:1px solid rgba(255,255,255,.35);border-radius:16px;overflow:hidden;flex:none}
#cqw .cq-lang button{background:none;border:none;color:rgba(255,255,255,.75);font-size:11.5px;padding:5px 10px;cursor:pointer;font-family:inherit}
#cqw .cq-lang button.on{background:var(--gold);color:var(--green-dark);font-weight:600}
#cqw .cq-x{background:none;border:none;color:rgba(255,255,255,.7);font-size:18px;cursor:pointer;padding:4px;line-height:1;flex:none}
#cqw .cq-x:hover{color:#fff}
#cqw .cq-body{flex:1;overflow-y:auto;padding:16px 14px;background:var(--cream);display:flex;flex-direction:column;gap:11px}
#cqw .cq-msg{max-width:84%;padding:11px 15px;border-radius:16px;font-size:13.5px;line-height:1.6;white-space:pre-line}
#cqw .cq-msg.bot{background:#fff;border:1px solid var(--border);border-bottom-left-radius:5px;align-self:flex-start;color:var(--ink)}
#cqw .cq-msg.bot b{color:var(--green);font-weight:600}
#cqw .cq-msg.user{background:var(--green);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}
#cqw .cq-msg a{color:var(--green);font-weight:600;text-decoration:underline;word-break:break-all}
#cqw .cq-msg.user a{color:#fff}
#cqw .cq-typing{align-self:flex-start;background:#fff;border:1px solid var(--border);border-radius:16px;border-bottom-left-radius:5px;padding:13px 16px;display:flex;gap:5px}
#cqw .cq-typing i{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:cqbl 1.2s infinite}
#cqw .cq-typing i:nth-child(2){animation-delay:.2s}
#cqw .cq-typing i:nth-child(3){animation-delay:.4s}
@keyframes cqbl{0%,60%,100%{opacity:.25}30%{opacity:1}}
#cqw .cq-chips{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start;max-width:95%}
#cqw .cq-chips button{background:#fff;border:1.5px solid var(--gold);color:var(--green-dark);border-radius:18px;padding:7px 14px;font-size:12.5px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}
#cqw .cq-chips button:hover{background:var(--gold);color:#fff}
#cqw .cq-foot{padding:11px 13px;background:#fff;border-top:1px solid var(--border);display:flex;gap:9px}
#cqw .cq-foot input{flex:1;border:1px solid var(--border);border-radius:22px;padding:10px 15px;font-size:13.5px;font-family:inherit;background:#fbf9f4}
#cqw .cq-foot button{background:var(--green);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}
#cqw .cq-foot button:hover{background:var(--green-dark)}
#cqw .cq-foot svg{width:17px;height:17px}
#cqw .cq-note{text-align:center;font-size:10px;color:var(--grey);padding:0 14px 9px;background:#fff}
@media(max-width:480px){#cqw .cq{right:16px;bottom:160px}#cqw .cq-launch{right:20px;bottom:94px}}

/* ============================================================
   MOBILE COMPACT PASS (17 Jul 2026) — applies ≤760px only.
   Desktop layout untouched. Goals: kill horizontal overflow,
   cut page length ~50%, turn stacked card grids into
   side-swipe carousels, tidy floating buttons.
   ============================================================ */
@media(max-width:760px){
  html,body{overflow-x:hidden}
  section{padding:52px 0}
  .projects-intro{padding:52px 0}
  .container{padding:0 20px}
  .section-title{font-size:clamp(26px,7.4vw,32px);margin-bottom:12px}
  .section-sub{font-size:15px}
  .eyebrow{font-size:11.5px;letter-spacing:2px;margin-bottom:10px}
  section[id],header[id]{scroll-margin-top:66px}

  /* --- swipe carousels: card grids become one-row snap scrollers --- */
  .invest-stats,.plat-grid,.testi-grid,.growth-row,.partners-row,.leader-row,.learn-grid,
  .res-grid,.int-grid,.mat-grid,.gal-grid,.mm2h-tiers,.cost-grid,.steps,.plot-grid{
    display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;
    gap:12px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;padding-bottom:14px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .invest-stats::-webkit-scrollbar,.plat-grid::-webkit-scrollbar,.testi-grid::-webkit-scrollbar,
  .growth-row::-webkit-scrollbar,.partners-row::-webkit-scrollbar,.leader-row::-webkit-scrollbar,
  .learn-grid::-webkit-scrollbar,.res-grid::-webkit-scrollbar,.int-grid::-webkit-scrollbar,
  .mat-grid::-webkit-scrollbar,.gal-grid::-webkit-scrollbar,.mm2h-tiers::-webkit-scrollbar,
  .cost-grid::-webkit-scrollbar,.steps::-webkit-scrollbar,.plot-grid::-webkit-scrollbar{display:none}
  .invest-stats>*,.plat-grid>*,.testi-grid>*,.growth-row>*,.partners-row>*,.leader-row>*,
  .learn-grid>*,.res-grid>*,.int-grid>*,.mat-grid>*,.mm2h-tiers>*,.cost-grid>*,.steps>*,.plot-grid>*{
    flex:0 0 82%;max-width:340px;scroll-snap-align:center}
  .invest-stats{margin-top:26px}.plat-grid{margin-top:26px}.testi-grid{margin-top:26px}
  .learn-grid{margin-top:24px}.res-grid{margin-top:26px}.int-grid{margin-top:26px}
  .mat-grid{margin-top:0}.gal-grid{margin-top:26px}
  /* gallery = filmstrip of natural-width images */
  .gal-grid img{flex:0 0 auto;width:auto;max-width:none;height:220px;border-radius:12px}
  .int-card img{height:200px}
  .int-card .cap{padding:24px 14px 12px;font-size:13px}
  .res-card{padding:22px 20px}
  .res-card .fp{margin:-22px -20px 14px}
  .res-card h3{font-size:22px}
  .res-card p{font-size:13px}
  .res-themes{margin-top:10px;gap:10px}
  .theme-pill{padding:9px 16px;font-size:12.5px}

  /* --- comparison table: swipes inside its own frame, first column stays pinned --- */
  .table-wrap{margin-top:26px}
  .cmp-table{min-width:720px;font-size:13px}
  .cmp-table th,.cmp-table td{padding:12px}
  .cmp-table tbody th{position:sticky;left:0;background:#fff;z-index:2;box-shadow:2px 0 6px rgba(23,36,32,.08)}
  .cmp-table thead th:first-child{position:sticky;left:0;background:var(--green-dark);z-index:3}

  /* --- heroes: shorter, calmer --- */
  .hero{padding:96px 0 48px}
  .hero.company{min-height:auto}
  .hero.bodaiju{padding:96px 0 48px}
  .hero .container{gap:24px}
  .hero h1,.hero .h1{font-size:clamp(30px,8.8vw,38px)}
  .hero .zh-name{font-size:19px;margin-top:5px}
  .hero.company .zh-name{font-size:19px}
  .hero p.lede{font-size:14.5px;margin:14px 0 20px}
  .hero-badge{font-size:10.5px;letter-spacing:1.2px;padding:6px 13px;margin-bottom:16px}
  .btn{padding:12px 24px;font-size:14px}
  .hero-trust{margin-top:22px;padding-top:15px}
  .hero-trust-cap{font-size:10px;letter-spacing:1.4px;margin-bottom:12px}
  .hero-creds{gap:12px 18px}
  .hcred{min-width:0;flex:1 1 38%}
  .hcred b{font-size:19px}
  .hcred span{font-size:10.5px;margin-top:3px}
  .hero-card{padding:20px}
  .hero-card h3{font-size:17px;margin-bottom:8px}
  .hero-card li{font-size:12.5px;padding:7px 0}
  .hero-card li>span{flex:none;white-space:nowrap}
  .hero-note{font-size:10.5px;margin-top:10px}
  .urgency{font-size:12px;padding:10px 12px;margin-top:14px;gap:6px 10px}
  .hero-bubbles{display:none}   /* decorative pop-up bubbles are clutter at phone size */
  .booked-bar{display:none}     /* booked-unit toast: desktop only */

  /* --- stats band --- */
  .stat{padding:20px 12px}
  .stat .num{font-size:27px}
  .stat .label{font-size:10px;letter-spacing:.8px;margin-top:4px}

  /* --- agent video --- */
  .agent-video .container{gap:22px}
  .agent-frame{max-width:230px;border-radius:16px}
  .agent-caption{margin-top:10px;font-size:11px;letter-spacing:1px}
  .agent-points{gap:10px;margin-top:18px}
  .agent-points li{font-size:13.5px;gap:9px}

  /* --- about / developer / location imagery --- */
  .about .container,.developer .container,.location .container,.contact .container{gap:28px}
  .about-img img{height:230px}
  .loc-img img{height:230px}
  .retail-img img{height:230px}
  .about .container.team-extra{margin-top:28px}
  .developer .container.growth-wrap{margin-top:28px}
  .feature-list{margin-top:20px;gap:13px}
  .feature .dot{width:34px;height:34px;border-radius:9px}
  .feature .dot svg{width:16px;height:16px}
  .feature h4{font-size:14.5px}
  .feature p{font-size:13px}
  .leader{padding:14px 16px;gap:12px}
  .leader img,.leader .avatar{width:54px;height:54px}
  .leader b{font-size:14px;white-space:normal}
  .leader span{font-size:11.5px}
  .vision-card{padding:16px 18px;margin-top:2px}
  .dev-card{padding:18px 20px;margin-top:16px}
  .growth{padding:20px 18px}
  .partners-strip{margin-top:26px;padding-top:22px}
  .partner{padding:18px 16px}
  .growth-head{font-size:23px;margin-bottom:14px}
  .plot-head{font-size:23px;margin-top:36px}

  /* --- platform proof row: three tiles on one line --- */
  .proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
  .proof .big{font-size:21px}
  .proof .cap{font-size:10px;margin-top:4px}
  .plat-card{padding:22px 20px}
  .plat-card h3{font-size:19px}
  .plat-card p{font-size:13.5px}
  .plat-card .icon{font-size:24px;margin-bottom:10px}

  /* --- USP: tight 2-column mosaic --- */
  .usp-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
  .usp-card{padding:16px 12px}
  .usp-card .icon{margin-bottom:8px}
  .usp-card .icon svg{width:20px;height:20px}
  .usp-card h4{font-size:12.5px}
  .usp-card p{font-size:11px}

  /* --- testimonials / calm --- */
  .testi{padding:22px 20px}
  .testi p{font-size:13.5px;margin:10px 0 12px}
  .calm{padding:56px 0}
  .calm .quote{font-size:26px}
  .calm .sub{font-size:13.5px;margin-bottom:20px}
  .calm .pillars{gap:8px;flex-direction:column;align-items:center;font-size:12.5px}

  /* --- learn cards --- */
  .lcard{padding:18px 18px}
  .lcard h3{font-size:18px}
  .lcard p{font-size:12.5px;margin-bottom:10px}

  /* --- 3D showcase / materials (Bodaiju page) --- */
  .vr-tabs{gap:6px;margin:20px 0 12px}
  .vr-tab{padding:7px 12px;font-size:11.5px}
  .vr-stage iframe,.vr-stage video{height:min(60vh,440px)}
  .brochure-cta{flex-wrap:wrap;padding:18px 20px;gap:14px;margin:26px 0 18px}
  .brochure-cta .txt b{font-size:16px}
  .mat-gate{padding:20px 18px;margin:26px 0 18px}
  .medini-callout{padding:22px 20px}

  /* --- contact + footer --- */
  .form{padding:22px 18px}
  .form h3{font-size:20px;margin-bottom:14px}
  .form input,.form select,.form textarea{padding:11px 14px;margin-bottom:10px}
  .contact-info{margin-top:18px;font-size:14px;gap:10px}
  footer{padding:38px 0 20px;font-size:13px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
  .foot-grid>div:first-child{grid-column:1/-1}
  .foot-grid>div:nth-child(2){grid-column:1/-1;column-count:2;column-gap:20px}
  .foot-grid>div:nth-child(2) h4{column-span:all}
  footer a{break-inside:avoid}
  footer h4{margin-bottom:8px;font-size:11.5px;letter-spacing:1.4px}
  footer a{padding:3px 0;font-size:12.5px}
  .foot-bottom{padding-top:16px;font-size:10.5px}

  /* --- floating controls: one tidy stack, smaller footprint --- */
  .wa-float{width:48px;height:48px;right:14px;bottom:14px}
  .wa-float svg{width:24px;height:24px}
  #cqw .cq-launch{width:48px;height:48px;right:14px;bottom:74px}
  #cqw .cq-launch svg{width:21px;height:21px}
  #cqw .cq-badge{font-size:8px;padding:2px 6px}
  #cqw .cq{right:10px;bottom:132px;height:min(500px,calc(100vh - 170px))}
  .bgm-toggle{width:38px;height:38px;left:14px;bottom:14px;font-size:15px}

  /* --- nav brand fits one line --- */
  .brand-text b{font-size:12.5px;letter-spacing:.6px}
  .brand-text span{font-size:9px;letter-spacing:1.2px}
  .brand-mark{width:38px;height:38px}
}

/* ===== Mobile nav language toggle (17 Jul 2026) ===== */
.lang-mini{display:none}
@media(max-width:1040px){
  .lang-mini{display:flex;align-items:center;border:1px solid rgba(255,255,255,.35);border-radius:18px;overflow:hidden;margin-left:auto;margin-right:8px;flex:none}
  .lang-mini button{background:none;border:none;color:rgba(255,255,255,.78);padding:6px 9px;font-size:11.5px;line-height:1;cursor:pointer;font-family:inherit}
  .lang-mini button.active{background:var(--gold);color:var(--green-dark);font-weight:700}
  .nav-inner .brand{min-width:0;margin-right:8px}
}
@media(max-width:520px){
  .brand-text span{display:none}
  .brand-text b{font-size:11.5px;letter-spacing:.4px;white-space:nowrap}
  .lang-mini button{padding:6px 7px;font-size:11px}
  .nav-inner{padding:0 14px}
}
@media(max-width:360px){
  .brand-text{display:none}
}

/* ===== Founder intro bubble (17 Jul 2026) ===== */
#gw{position:fixed;left:24px;bottom:86px;z-index:98;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(16px) scale(.92);pointer-events:none;transition:opacity .4s,transform .45s cubic-bezier(.2,1.3,.4,1)}
#gw.show{opacity:1;transform:none;pointer-events:auto}
.gw-bubble{position:relative;width:76px;height:76px;border-radius:50%;border:2.5px solid var(--gold);padding:0;background:#0c3a2b;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35);overflow:hidden;flex:none;transition:transform .2s}
.gw-bubble:hover{transform:scale(1.06)}
.gw-bubble::after{content:"";position:absolute;inset:-2.5px;border-radius:50%;border:2.5px solid var(--gold);animation:gwPulse 2.2s ease-out infinite;pointer-events:none}
@keyframes gwPulse{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.35);opacity:0}100%{transform:scale(1.35);opacity:0}}
.gw-bubble img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.gw-play{position:absolute;right:2px;bottom:2px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:var(--green-dark);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.gw-play svg{width:13px;height:13px;margin-left:1px}
.gw-callout{order:2;position:relative;background:#fff;color:var(--ink);font-size:13px;line-height:1.45;font-weight:500;padding:11px 30px 11px 14px;border-radius:14px;border-bottom-left-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.22);max-width:230px}
.gw-x{position:absolute;top:6px;right:7px;background:none;border:0;color:#9aa5a0;font-size:12px;cursor:pointer;padding:3px;line-height:1}
.gw-x:hover{color:var(--ink)}
.gw-modal{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}
.gw-modal.open{opacity:1;pointer-events:auto}
.gw-backdrop{position:absolute;inset:0;background:rgba(8,27,20,.78);backdrop-filter:blur(4px)}
.gw-card{position:relative;width:min(340px,90vw);background:var(--green-deep);border:1px solid rgba(201,162,75,.4);border-radius:20px;padding:14px 14px 18px;box-shadow:0 40px 90px rgba(0,0,0,.5)}
.gw-card video{width:100%;aspect-ratio:9/16;border-radius:12px;background:#000;display:block;object-fit:cover}
.gw-close{position:absolute;top:-14px;right:-10px;width:34px;height:34px;border-radius:50%;background:#fff;border:0;color:var(--ink);font-size:15px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.gw-name{margin:12px 2px 0;color:#fff;font-size:13px}
.gw-name b{color:var(--gold-light)}
.gw-name span{display:block;font-size:11px;color:rgba(255,255,255,.65);margin-top:2px}
.gw-ctas{display:flex;gap:10px;margin-top:12px}
.gw-ctas .btn{flex:1;text-align:center;padding:11px 10px;font-size:13px}
@media(max-width:760px){
  #gw{left:12px;bottom:62px;gap:9px}
  .gw-bubble{width:64px;height:64px}
  .gw-callout{font-size:12px;max-width:200px;padding:9px 26px 9px 12px}
  .gw-card{width:min(330px,92vw);max-height:88vh;overflow:auto}
}
@media(prefers-reduced-motion:reduce){.gw-bubble::after{animation:none}}

/* ===== 3-step flow chips (17 Jul 2026) ===== */
.step-chip{display:inline-block;background:var(--green-dark);color:var(--gold-light);font-size:11px;letter-spacing:2.2px;text-transform:uppercase;font-weight:700;padding:7px 16px;border-radius:20px;margin-bottom:14px;border:1px solid rgba(201,162,75,.45)}
.calm .step-chip{background:rgba(201,162,75,.15)}
@media(max-width:760px){.step-chip{font-size:9.5px;letter-spacing:1.6px;padding:6px 12px;margin-bottom:10px}}

/* ===== Step bands + news strips (17 Jul 2026) ===== */
.step-band{background:linear-gradient(100deg,var(--green-deep),var(--green-dark) 60%,var(--green));border-top:1px solid rgba(201,162,75,.4);border-bottom:1px solid rgba(201,162,75,.4);padding:26px 0}
.step-band .container{display:flex;align-items:center;gap:22px}
.sb-num{font-family:'Cormorant Garamond',serif;font-size:64px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--gold);flex:none}
.sb-txt{display:flex;flex-direction:column;gap:2px}
.sb-step{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:700}
.sb-txt b{font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans KR',serif;font-size:clamp(24px,3vw,32px);color:#fff;font-weight:600;line-height:1.15}
.sb-sub{font-size:13.5px;color:rgba(255,255,255,.72)}
@media(max-width:760px){
  .step-band{padding:20px 0}
  .step-band .container{gap:14px}
  .sb-num{font-size:46px}
  .sb-txt b{font-size:21px}
  .sb-sub{font-size:12px}
}
.news-strip{margin-top:34px}
.ns-head{font-size:11.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.ns-head::after{content:"";flex:1;height:1px;background:var(--border)}
.ns-item{display:block;background:#fff;border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:12px;padding:14px 18px;margin-bottom:10px;transition:transform .15s,box-shadow .15s}
.ns-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.ns-date{display:block;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--grey);margin-bottom:4px}
.ns-txt{font-size:14px;line-height:1.55;color:var(--ink)}
.news-strip.dark .ns-head::after{background:rgba(255,255,255,.18)}
.news-strip.dark .ns-head{color:var(--gold-light)}
.news-strip.dark .ns-item{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);border-left-color:var(--gold)}
.news-strip.dark .ns-date{color:rgba(255,255,255,.6)}
.news-strip.dark .ns-txt{color:rgba(255,255,255,.9)}
@media(max-width:760px){.ns-txt{font-size:13px}.ns-item{padding:12px 14px}}

/* ===== Research-house front page v2 (18 Jul 2026) — masthead + video as one ===== */
.front{position:relative;padding:96px 0 44px;color:#fff;overflow:hidden;background:var(--green-deep)}
.front .hero-media{position:absolute;inset:0;z-index:0}
.front .hero-media img.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.front .hero-veil{background:linear-gradient(90deg,rgba(7,20,17,.86) 0%,rgba(7,20,17,.52) 42%,rgba(7,20,17,.22) 74%,rgba(7,20,17,.34) 100%),linear-gradient(180deg,rgba(7,20,17,.68) 0%,rgba(7,20,17,.24) 26%,rgba(7,20,17,.14) 60%,rgba(7,20,17,.56) 100%)}
.front-in{position:relative;z-index:2}
.masthead{text-align:center;padding:16px 0 22px;border-bottom:1px solid rgba(201,162,75,.4);margin-bottom:8px}
.mh-name{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,4.4vw,52px);font-weight:700;letter-spacing:4px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.mh-sub{color:var(--gold-light);font-size:13px;letter-spacing:2px;margin-top:6px}
.mh-date{color:rgba(255,255,255,.6);font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;margin-top:9px}
.feat-body{padding:48px 0 46px;max-width:660px}
.feat-body h1{font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans KR',serif;font-size:clamp(36px,4.2vw,56px);color:#fff;font-weight:600;line-height:1.05;margin-bottom:6px;text-shadow:0 2px 16px rgba(0,0,0,.4)}
.feat-body .zh-name{display:block;color:var(--gold-light);font-size:17px;margin-top:14px;font-weight:500}
.feat-body .lede{color:rgba(255,255,255,.88);font-size:15px;line-height:1.75;margin:22px 0 34px}
.feat-body .hero-badge{margin-bottom:24px}
.feat-trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);font-size:12px;color:rgba(255,255,255,.72)}
.feat-trust b{color:var(--gold-light);font-weight:700;margin-right:5px}
.xa-panel{background:rgba(7,29,22,.38);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(201,162,75,.45);border-radius:16px;padding:18px 22px 14px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.xa-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-bottom:1px solid rgba(201,162,75,.3);padding-bottom:12px;margin-bottom:4px}
.xa-head b{font-size:13px;letter-spacing:2.6px;text-transform:uppercase;color:var(--gold);font-weight:800}
.xa-head span{font-size:12px;color:rgba(255,255,255,.62)}
.xa-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
.xa-item{display:flex;align-items:center;gap:13px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);transition:opacity .15s}
.xa-item:hover{opacity:.82}
.xa-item:nth-last-child(-n+2){border-bottom:none}
.xa-thumb{width:52px;height:52px;border-radius:10px;object-fit:cover;flex:none;border:1px solid rgba(201,162,75,.35)}
.xa-mid{display:flex;flex-direction:column;gap:2px;min-width:0}
.xa-tag{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-light);font-weight:700}
.xa-item b{font-size:13.5px;line-height:1.35;color:#fff;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.55)}
.xa-date{font-size:10.5px;color:rgba(255,255,255,.45)}
.xa-all{display:inline-block;margin:10px 0 4px;font-size:12.5px;font-weight:700;color:var(--gold-light);letter-spacing:.4px}
.xa-all:hover{text-decoration:underline}
@media(max-width:960px){.xa-grid{grid-template-columns:1fr}.xa-item:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.xa-item:last-child{border-bottom:none}}
@media(max-width:760px){
  .front{padding:82px 0 30px}
  .masthead{padding:8px 0 15px}
  .mh-name{font-size:23px;letter-spacing:2.5px}
  .mh-sub{font-size:10.5px;letter-spacing:1px}
  .mh-date{font-size:9.5px}
  .feat-body{padding:20px 0 18px}
  .feat-body .lede{font-size:13.5px;margin:10px 0 16px}
  .feat-trust{gap:6px 13px;font-size:10.5px;padding-top:11px;margin-top:13px}
  .xa-panel{padding:14px 15px 10px;margin-left:-6px;margin-right:-6px}
  .xa-thumb{width:44px;height:44px;border-radius:8px}
  .xa-item{gap:10px;padding:9px 0}
  .xa-item b{font-size:12.5px}
}


/* ===== Stats band compaction (18 Jul 2026) ===== */
@media(min-width:761px) and (max-width:1100px){
  .stats-grid{grid-template-columns:repeat(4,1fr)}
  .stat{padding:24px 12px;border-right:1px solid rgba(255,255,255,.08)}
  .stat:last-child{border-right:none}
  .stat .num{font-size:28px}
  .stat .label{font-size:10px;letter-spacing:1px;margin-top:4px}
}
@media(max-width:760px){
  .stat{padding:16px 10px}
  .stat .num{font-size:23px}
  .stat .label{font-size:9px;letter-spacing:.6px;margin-top:3px}
}

/* ===== Net yield simulator (18 Jul 2026) ===== */
.ysim{background:#fff}
.ys-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;margin-top:34px;align-items:start}
.ys-controls{background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:24px 26px}
.ys-row{margin-bottom:20px}
.ys-row:last-child{margin-bottom:0}
.ys-row label{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:8px;gap:12px}
.ys-row label b{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--green-dark);font-variant-numeric:tabular-nums;white-space:nowrap}
.ys-row small{display:block;font-size:11px;color:var(--grey);margin-top:6px;line-height:1.5}
.ys-row input[type=range]{width:100%;accent-color:var(--gold);height:26px;cursor:pointer}
.ys-out{background:linear-gradient(160deg,var(--green-deep),var(--green-dark));border-radius:16px;padding:24px 26px;color:#fff;position:sticky;top:88px}
.ys-big{text-align:center;border-bottom:1px solid rgba(201,162,75,.35);padding-bottom:16px;margin-bottom:14px}
.ys-big .k{display:block;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-light);margin-bottom:6px}
.ys-big b{font-family:'Cormorant Garamond',serif;font-size:52px;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.ys-line{display:flex;justify-content:space-between;gap:14px;font-size:13.5px;color:rgba(255,255,255,.85);padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.14)}
.ys-line b{font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}
.ys-line.minus b{color:#f0b9a8}
.ys-line.net{border-bottom:none;padding-top:10px}
.ys-line.net span{font-weight:700;color:#fff}
.ys-line.net b{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--gold-light)}
.ys-cta{display:block;text-align:center;margin-top:16px}
@media(max-width:900px){.ys-grid{grid-template-columns:1fr}.ys-out{position:static}}
@media(max-width:760px){
  .ys-controls{padding:18px}
  .ys-out{padding:18px}
  .ys-big b{font-size:40px}
  .ys-row label b{font-size:17px}
}

/* ===== Bodaiju visual peek strip ===== */
.peek-wrap{margin-top:24px}
.peek{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.peek::-webkit-scrollbar{display:none}
.peek img{height:170px;width:auto;border-radius:12px;flex:0 0 auto;scroll-snap-align:start;border:1px solid rgba(201,162,75,.35)}
.peek-note{margin-top:8px;color:rgba(255,255,255,.6)}
@media(max-width:760px){.peek img{height:128px;border-radius:10px}.peek{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}

/* ===== Scarcity pill in urgency strip ===== */
.upill{display:inline-flex;align-items:center;background:#ffb020;color:#3a2500;font-weight:800;font-size:12.5px;padding:6px 12px;border-radius:20px;letter-spacing:.2px;box-shadow:0 4px 14px rgba(255,176,32,.35);animation:upillGlow 2s ease-in-out infinite}
@keyframes upillGlow{0%,100%{box-shadow:0 4px 14px rgba(255,176,32,.35)}50%{box-shadow:0 4px 22px rgba(255,176,32,.65)}}
.ulink{font-size:12.5px;font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:3px}
.ulink:hover{color:var(--gold-light)}
@media(prefers-reduced-motion:reduce){.upill{animation:none}}

/* ===== Founder bubble: quiet mode + cover entry point (18 Jul 2026) ===== */
#gw.quiet .gw-callout{display:none}
#gw.quiet .gw-bubble{width:60px;height:60px}
#gw.quiet .gw-bubble::after{animation:none;opacity:0}
.feat-founder{display:inline-flex;align-items:center;gap:10px;margin-top:28px;background:rgba(255,255,255,.1);border:1px solid rgba(201,162,75,.5);border-radius:26px;padding:7px 16px 7px 8px;cursor:pointer;font-family:inherit;transition:background .2s,transform .2s}
.feat-founder:hover{background:rgba(201,162,75,.22);transform:translateY(-1px)}
.feat-founder img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1.5px solid var(--gold)}
.feat-founder span{color:var(--gold-light);font-size:13px;font-weight:600;letter-spacing:.3px}
@media(max-width:760px){#gw.quiet .gw-bubble{width:52px;height:52px}.feat-founder{margin-top:13px}.feat-founder span{font-size:12px}}

/* ===== Exclusive Analysis relocated to learn hub (18 Jul 2026) ===== */
.learn .xa-panel{background:var(--green-deep);backdrop-filter:none;-webkit-backdrop-filter:none;margin-top:34px;box-shadow:var(--shadow-md)}
.feat-analysis{display:block;margin-top:12px;color:var(--gold-light);font-size:12.5px;font-weight:600;letter-spacing:.3px}
.feat-analysis:hover{text-decoration:underline}
@media(max-width:760px){.learn .xa-panel{margin-left:-6px;margin-right:-6px;margin-top:24px}.feat-analysis{font-size:11.5px}}

/* ===== Yield simulator mode toggle + benchmark (18 Jul 2026) ===== */
.ys-mode{display:flex;gap:8px;margin-bottom:20px}
.ys-mode button{flex:1;border:1.5px solid var(--border);background:#fff;color:var(--grey);border-radius:24px;padding:10px 12px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .18s;line-height:1.3}
.ys-mode button.on{background:var(--green);border-color:var(--green);color:#fff}
.ys-bench{background:rgba(201,162,75,.16);border:1px solid rgba(201,162,75,.5);border-radius:10px;color:var(--gold-light);font-size:11.5px;line-height:1.55;padding:9px 12px;margin-bottom:14px;text-align:center}
@media(max-width:760px){.ys-mode button{font-size:11px;padding:9px 8px}.ys-bench{font-size:10.5px}}

/* ===== Deep CTA bar (18 Jul 2026) ===== */
.deep-cta{position:relative;display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,rgba(201,162,75,.28),rgba(201,162,75,.10) 55%,rgba(201,162,75,.22));border:1.5px solid rgba(201,162,75,.65);border-radius:16px;padding:16px 18px;overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 12px 34px rgba(0,0,0,.25);transition:transform .2s,border-color .2s,box-shadow .2s}
.deep-cta:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 18px 44px rgba(201,162,75,.25)}
.deep-cta::after{content:"";position:absolute;top:0;bottom:0;width:60px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-20deg);animation:dcShine 3.6s ease-in-out infinite;left:-80px}
@keyframes dcShine{0%,55%{left:-80px}85%,100%{left:110%}}
.dc-ico{flex:none;width:46px;height:46px;border-radius:12px;background:var(--gold);color:var(--green-deep);display:flex;align-items:center;justify-content:center}
.dc-ico svg{width:24px;height:24px}
.dc-txt{flex:1;min-width:0}
.dc-txt b{display:block;color:#fff;font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans KR',serif;font-size:19px;font-weight:600;line-height:1.2}
.dc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.dc-chips i{font-style:normal;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--gold-light);border:1px solid rgba(201,162,75,.5);border-radius:12px;padding:3px 9px;background:rgba(8,43,32,.35)}
.dc-go{flex:none;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(201,162,75,.6);color:var(--gold-light);display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .2s,transform .2s}
.deep-cta:hover .dc-go{background:var(--gold);color:var(--green-deep);transform:translateX(3px)}
@media(max-width:760px){
  .deep-cta{padding:13px 14px;gap:12px}
  .dc-ico{width:40px;height:40px;border-radius:10px}
  .dc-txt b{font-size:16.5px}
  .dc-chips i{font-size:9px;padding:2px 7px}
  .dc-go{width:32px;height:32px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){.deep-cta::after{animation:none}}

/* ===== Medini listen bar (18 Jul 2026) ===== */
.listen-bar{margin:30px 0 8px;cursor:pointer;background:linear-gradient(120deg,rgba(20,82,62,.10),rgba(201,162,75,.14) 60%,rgba(20,82,62,.08));border-color:var(--green)}
.listen-bar .dc-txt b{color:var(--green-dark)}
.listen-bar .dc-chips i{color:var(--green);border-color:rgba(20,82,62,.35);background:rgba(20,82,62,.06);text-transform:none;letter-spacing:.2px;font-size:11.5px}
.listen-bar .dc-go{border-color:var(--green);color:var(--green);background:rgba(20,82,62,.08)}
.listen-bar:hover .dc-go{background:var(--green);color:#fff}
.lb-face{position:relative;overflow:hidden;background:var(--green-dark);padding:0}
.lb-face img{width:100%;height:100%;object-fit:cover;object-position:top}
.lb-play{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;border-radius:50%;background:var(--gold);color:var(--green-deep);display:flex;align-items:center;justify-content:center}
.lb-play svg{width:10px;height:10px;margin-left:1px}

/* ===== RoomGuru listen bar (dark section variant) ===== */
.rg-listen{margin:28px 0 6px}
.rg-listen .dc-txt b{color:#fff}

/* ===== Nav logo squeeze fix (18 Jul 2026) ===== */
.brand-mark{flex:none}
@media(max-width:1040px){
  .brand{flex:1 1 auto;min-width:0}
  .brand-text{min-width:0;overflow:hidden}
  .brand-text b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:420px){.brand-text b{font-size:10.5px;letter-spacing:.3px}}

/* ===== HOOK CHIPS + ONE-LINE COLLAPSE + STICKY MOBILE CTA (18 Jul 2026) — keep at END of file ===== */
.hook-chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 2px}
.hook-chips span{font-size:12.5px;font-weight:600;letter-spacing:.2px;color:#eadfc4;background:rgba(20,82,62,.55);border:1px solid rgba(227,201,138,.35);border-radius:999px;padding:6px 12px;white-space:nowrap}
.hook-chips .hot{color:#1c1204;background:linear-gradient(135deg,#ffb020,#e3c98a);border-color:transparent;box-shadow:0 3px 12px rgba(255,176,32,.35)}
@media(max-width:760px){
  .hook-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-right:-18px;padding-right:18px}
  .hook-chips::-webkit-scrollbar{display:none}
  .rm-c{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
  .rm-c.rm-open{display:block;-webkit-line-clamp:none}
  .rm-t{display:inline-block;background:none;border:0;padding:2px 0 0;margin:0 0 2px;font:inherit;font-size:13px;font-weight:700;color:var(--gold-light,#e3c98a);cursor:pointer}
  .mcta{position:fixed;left:0;right:0;bottom:0;z-index:97;display:none;align-items:center;gap:10px;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:rgba(8,43,32,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(227,201,138,.3);box-shadow:0 -6px 24px rgba(0,0,0,.35)}
  .mcta.on{display:flex;animation:mctaUp .35s ease}
  @keyframes mctaUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
  .mcta-txt{flex:1;min-width:0;line-height:1.4}
  .mcta-txt b{display:block;font-size:13.5px;color:#ffb020;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mcta-txt span{display:block;font-size:12px;color:#dfe9e2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mcta-btn{flex:none;background:#25d366;color:#08301d;font-weight:800;font-size:14px;border-radius:999px;padding:11px 16px;text-decoration:none;box-shadow:0 4px 14px rgba(37,211,102,.4)}
  .mcta-x{position:absolute;top:-11px;right:10px;width:22px;height:22px;border-radius:50%;border:0;background:#dfe9e2;color:#0c3a2b;font-size:14px;line-height:22px;padding:0;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3)}
  body.mcta-on .wa-float{opacity:0;pointer-events:none}
  body.mcta-on #gw{bottom:120px}
}

/* ===== CNA FOUNDER CREDENTIAL (18 Jul 2026) ===== */
.masthead{position:relative}
.cna-badge{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:7px 14px;border-radius:999px;background:rgba(8,43,32,.55);border:1px solid rgba(227,201,138,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#f2e9d4;font-size:12.5px;font-weight:600;letter-spacing:.3px;text-decoration:none;transition:transform .2s,background .2s}
.cna-badge:hover{background:rgba(8,43,32,.8);transform:translateY(-1px)}
.cb-dot{width:8px;height:8px;border-radius:50%;background:#e0231c;box-shadow:0 0 8px rgba(224,35,28,.8);animation:cbPulse 2s infinite}
@keyframes cbPulse{0%,100%{opacity:1}50%{opacity:.45}}
@media(min-width:981px){.cna-badge{position:absolute;top:4px;right:0;margin-top:0}}
.leader-press{display:block;margin-top:7px;font-size:12.5px;line-height:1.55;color:var(--green,#14523e);text-decoration:none;border-left:3px solid #e0231c;padding-left:10px;font-weight:500}
.leader-press:hover{text-decoration:underline}
@media(max-width:760px){.cna-badge{font-size:11.5px;padding:6px 12px}}

/* ===== CNA PRESS PHOTO CARD (18 Jul 2026) ===== */
.press-card{display:block;max-width:560px;margin:18px 0 6px;border-radius:14px;overflow:hidden;background:rgba(8,43,32,.5);border:1px solid rgba(227,201,138,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-decoration:none;transition:transform .2s,box-shadow .2s}
.press-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.35)}
.pc-tag{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:11.5px;font-weight:700;letter-spacing:1.5px;color:#f2e9d4}
.press-card img{display:block;width:100%;height:auto}
.pc-cap{display:block;padding:11px 14px 13px;line-height:1.5}
.pc-cap b{display:block;font-size:14px;color:#fff;margin-bottom:3px}
.pc-cap span{display:block;font-size:11.5px;color:rgba(242,233,212,.85)}
@media(max-width:760px){.press-card{margin:14px 0 4px}.pc-cap b{font-size:13px}}

/* ===== FENG SHUI PALETTE (18 Jul 2026) — Metal white/platinum base · Forest-green authority · Fire crimson CTAs, rose-gold details. Keep at END. ===== */
:root{--gold:#b76e79;--gold-light:#e8c2c6;--cream:#f7f8f8;--crimson:#c0242e;--crimson-dark:#9e1c25}
body{background:#f7f8f8}
/* Fire — CTAs & urgency */
.btn-gold{background:linear-gradient(135deg,#d0313b,var(--crimson-dark));color:#fff}
.btn-gold:hover{background:var(--crimson-dark);color:#fff;box-shadow:0 10px 24px rgba(192,36,46,.38)}
.upill{background:linear-gradient(135deg,#d0313b,#b3202a);color:#fff;box-shadow:0 4px 14px rgba(192,36,46,.4)}
@keyframes upillGlow{0%,100%{box-shadow:0 4px 14px rgba(192,36,46,.35)}50%{box-shadow:0 4px 24px rgba(192,36,46,.7)}}
.mcta-txt b{color:#ff97a0}
/* Rose-gold details (was brass gold) */
.step-band{border-top-color:rgba(183,110,121,.45);border-bottom-color:rgba(183,110,121,.45)}
.feat-founder{border-color:rgba(183,110,121,.55)}
.press-card{border-color:rgba(183,110,121,.5)}
.peek img{border-color:rgba(183,110,121,.4)}
.bgm-toggle{border-color:rgba(183,110,121,.6);color:#e8c2c6}
.deep-cta{background:linear-gradient(120deg,rgba(183,110,121,.22),rgba(183,110,121,.08) 55%,rgba(183,110,121,.18));border-color:rgba(183,110,121,.6)}
.deep-cta:hover{border-color:var(--gold);box-shadow:0 18px 44px rgba(183,110,121,.28)}
.listen-bar{background:linear-gradient(120deg,rgba(20,82,62,.08),rgba(183,110,121,.14) 60%,rgba(20,82,62,.06));border-color:var(--green)}
/* Metal — flip RoomGuru platform section to platinum */
.platform{background:linear-gradient(160deg,#f1f4f3,#e3e8e7);color:#20312b}
.platform .section-title{color:var(--green-dark)}
.platform .section-sub{color:#54645e}
.plat-card{background:#fff;border-color:#dee4e2;box-shadow:0 6px 18px rgba(12,58,43,.06)}
.plat-card:hover{background:#fff;border-color:rgba(183,110,121,.55)}
.plat-card h3{color:var(--green-dark)}
.plat-card p{color:#4a5a54}
.proof .big{color:var(--crimson)}
.proof .cap{color:#54645e}
.rg-listen .dc-txt b{color:var(--green-dark)}
.rg-listen .dc-txt span{color:#54645e}
.platform .news-strip.dark .ns-head{color:var(--green)}
.platform .news-strip.dark .ns-head::after{background:rgba(12,58,43,.18)}
.platform .news-strip.dark .ns-item{background:#fff;border-color:#dee4e2;border-left-color:var(--gold)}
.platform .news-strip.dark .ns-date{color:#7a8781}
.platform .news-strip.dark .ns-txt{color:#2c3a35}

/* Licence line (RoomGuru platform, feng shui palette) */
.lic-line{margin-top:26px;text-align:center;font-size:12.5px;font-weight:600;letter-spacing:.4px;color:var(--green-dark);background:#fff;border:1px solid rgba(183,110,121,.45);border-radius:999px;display:table;padding:8px 18px;margin-left:auto;margin-right:auto}

/* ===== FOUNDER MARKET VIEW BAND (18 Jul 2026) ===== */
.founder-view{background:linear-gradient(150deg,var(--green-deep),var(--green-dark) 70%,var(--green));color:#fff;padding:80px 0;border-top:1px solid rgba(183,110,121,.35);border-bottom:1px solid rgba(183,110,121,.35)}
.fv-wrap{display:flex;align-items:center;gap:48px}
.fv-media{flex:none;width:230px;text-align:center}
.fv-media>img{width:200px;height:200px;object-fit:cover;border-radius:50%;border:3px solid rgba(183,110,121,.55);box-shadow:0 14px 40px rgba(0,0,0,.4)}
.fv-cna{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(183,110,121,.5);color:#f2e9d4;font-size:11.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none}
.fv-cna:hover{background:rgba(255,255,255,.14)}
.fv-body{flex:1;min-width:0}
.fv-eyebrow{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-light);font-weight:600;margin-bottom:18px}
.fv-quote{font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans KR',serif;font-size:30px;line-height:1.32;font-weight:600;color:#fff;margin:0 0 20px;position:relative}
.fv-statement{font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.86);margin:0 0 20px;max-width:640px}
.fv-attr{font-size:13.5px;color:rgba(255,255,255,.8)}
.fv-attr b{color:var(--gold-light);font-weight:700}
.fv-attr a{color:#ff97a0;text-decoration:none;font-weight:600}
.fv-attr a:hover{text-decoration:underline}
@media(max-width:820px){
  .founder-view{padding:52px 0}
  .fv-wrap{flex-direction:column;gap:26px;text-align:center}
  .fv-media{width:auto}
  .fv-media>img{width:150px;height:150px}
  .fv-quote{font-size:24px}
  .fv-statement{font-size:14.5px;text-align:left}
  .fv-attr{text-align:left}
}

/* ===== 5-STEP JOURNEY (18 Jul 2026, feng shui palette) ===== */
.journey{background:#fff;padding:88px 0}
.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:46px}
.jstep{position:relative;text-align:center;padding:0 6px}
.jstep .jnum{width:54px;height:54px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:27px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--green),var(--green-dark));border:2px solid var(--gold);box-shadow:0 8px 20px rgba(12,58,43,.18)}
.jstep b{display:block;font-size:16px;color:var(--green-dark);margin-bottom:8px}
.jstep span{display:block;font-size:13px;color:var(--grey);line-height:1.55}
.jstep:not(:last-child)::after{content:"→";position:absolute;top:14px;right:-12px;color:var(--gold);font-size:22px;opacity:.6}
@media(max-width:820px){
  .journey{padding:56px 0}
  .journey-grid{grid-template-columns:1fr;gap:20px;max-width:430px;margin-left:auto;margin-right:auto}
  .jstep{display:grid;grid-template-columns:54px 1fr;column-gap:16px;text-align:left;align-items:center}
  .jstep .jnum{margin:0;grid-row:1/3;align-self:start}
  .jstep b{grid-column:2;margin-bottom:3px}
  .jstep span{grid-column:2}
  .jstep:not(:last-child)::after{display:none}
}

/* ===== ART-DIRECTED FRONT HERO (21 Jul 2026 v2 — sea in distance, desktop+mobile) ===== */
.front .hero-media{background:#0a1a16 center 42%/cover no-repeat;background-image:url(/assets/hero-front.jpg?v=20k)}
@media(max-width:760px){.front .hero-media{background-image:url(/assets/hero-front-mobile.jpg?v=20k);background-position:center top}.front .hero-veil{background:linear-gradient(180deg,rgba(7,20,17,.82) 0%,rgba(7,20,17,.44) 26%,rgba(7,20,17,.28) 56%,rgba(7,20,17,.58) 100%)}}

/* ===== CINEMATIC FRONT HERO LOOP (25 Jul 2026) — still image paints first, clip fades in ===== */
.front .hero-media{overflow:hidden}
.front .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:scale(1.03);opacity:0;transition:opacity 1.1s ease;pointer-events:none;z-index:0}
.front .hero-video.is-on{opacity:1}
@media(max-width:760px){.front .hero-video{object-position:center top}}
@media (prefers-reduced-motion:reduce){.front .hero-video{display:none}}

/* ===== MOBILE HERO reverted to full-bleed dusk cityscape (22 Jul 2026 v2) ===== */
.front-photo{display:none}