/* ============================================================
   贵妇SPA · 院线护肤品牌官网主题
   暖米白 + 浅香槟金 + 浅茶棕 · PC 优先 · 轻奢温润
   ============================================================ */
:root{
  --bg:#F6F1E9;
  --bg-soft:#FBF7F1;
  --paper:#FFFFFF;
  --champagne:#C9A86A;
  --champagne-soft:#E4D2B0;
  --champagne-deep:#A98B54;
  --tea:#8B7355;
  --tea-deep:#5E4F3E;
  --ink:#2C2822;
  --ink-sub:#7B6F5F;
  --line:rgba(201,168,106,.34);
  --line-soft:rgba(139,115,85,.14);
  --radius:24px;
  --radius-sm:16px;
  --shadow:0 22px 60px rgba(94,79,62,.09);
  --shadow-soft:0 10px 34px rgba(94,79,62,.06);
  --container:1440px;
  --font:"Noto Sans SC","PingFang SC","Microsoft YaHei",-apple-system,sans-serif;
  --display:"Jost","Noto Sans SC","PingFang SC",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.85;font-weight:300;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
::selection{background:var(--champagne-soft);color:var(--tea-deep)}

/* 细腻肌理底纹 */
body.spa::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
}

.container{max-width:var(--container);margin:0 auto;padding:0 60px;position:relative;z-index:1}

/* ---------- 通用排版 ---------- */
.kicker{display:inline-block;font-family:var(--display);font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:var(--champagne-deep);font-weight:400}
.kicker.light{color:var(--champagne-soft)}
h1,h2,h3,h4{font-weight:400;line-height:1.3;letter-spacing:.02em}
.sec-head{max-width:720px;margin-bottom:56px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head h2{font-size:40px;margin:18px 0 16px;color:var(--ink);font-weight:400}
.sec-head p{color:var(--ink-sub);font-size:15px;line-height:1.9}

/* ---------- 按钮 ---------- */
.btn-solid,.btn-line{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 34px;border-radius:40px;font-size:14px;letter-spacing:.08em;transition:.35s cubic-bezier(.16,1,.3,1);white-space:nowrap}
.btn-solid{background:var(--tea-deep);color:#F6F1E9;border:1px solid var(--tea-deep);box-shadow:0 14px 30px rgba(94,79,62,.18)}
.btn-solid:hover{background:var(--champagne-deep);border-color:var(--champagne-deep);transform:translateY(-2px)}
.btn-solid.light{background:var(--bg-soft);color:var(--tea-deep);border-color:var(--bg-soft)}
.btn-solid.light:hover{background:#fff;color:var(--tea-deep)}
.btn-solid.copied{background:var(--champagne-deep)}
.btn-line{background:transparent;color:var(--tea-deep);border:1px solid var(--line)}
.btn-line:hover{border-color:var(--champagne);background:rgba(201,168,106,.08);transform:translateY(-2px)}
.btn-ghost-light{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 34px;border-radius:40px;font-size:14px;letter-spacing:.08em;background:transparent;color:var(--champagne-soft);border:1px solid rgba(201,168,106,.55);transition:.35s cubic-bezier(.16,1,.3,1);white-space:nowrap}
.btn-ghost-light:hover{background:rgba(201,168,106,.16);color:#fff;transform:translateY(-2px)}

/* ---------- 导航 ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:80;transition:.4s ease}
.nav-inner{max-width:var(--container);margin:0 auto;padding:0 60px;height:86px;display:flex;align-items:center;gap:40px}
.nav.solid{background:rgba(246,241,233,.9);backdrop-filter:saturate(150%) blur(14px);-webkit-backdrop-filter:saturate(150%) blur(14px);box-shadow:0 1px 0 var(--line-soft)}
.nav-logo{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:20px;letter-spacing:.14em;color:var(--tea-deep);font-weight:500}
.nav-logo img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.nav-menu{display:flex;gap:38px;margin-left:auto}
.nav-menu a{position:relative;font-size:14px;color:var(--ink-sub);letter-spacing:.06em;padding:6px 0;transition:.3s}
.nav-menu a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--champagne);transition:width .35s ease}
.nav-menu a:hover{color:var(--tea-deep)}
.nav-menu a:hover::after{width:100%}
.nav-cta{height:44px;padding:0 26px;border-radius:40px;border:1px solid var(--line);display:flex;align-items:center;font-size:13px;color:var(--tea-deep);letter-spacing:.08em;transition:.3s}
.nav-cta:hover{background:var(--tea-deep);color:#F6F1E9;border-color:var(--tea-deep)}
.nav-toggle{display:none;background:none;border:none;font-size:22px;color:var(--tea-deep)}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:86px}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-veil{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--bg) 0%,rgba(246,241,233,.92) 32%,rgba(246,241,233,.55) 55%,rgba(246,241,233,.12) 100%)}
.hero-inner{position:relative;z-index:2;width:100%}
.hero-copy{max-width:620px;padding:40px 0}
.hero-copy .kicker{margin-bottom:26px}
.hero-copy h1{font-size:64px;line-height:1.18;color:var(--tea-deep);letter-spacing:.04em;font-weight:300}
.hero-copy p{margin:26px 0 38px;font-size:16px;color:var(--ink-sub);max-width:480px;line-height:1.95}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-marks{display:flex;gap:56px;margin-top:64px}
.hero-marks b{display:block;font-family:var(--display);font-size:34px;font-weight:400;color:var(--champagne-deep);letter-spacing:.04em}
.hero-marks span{font-size:13px;color:var(--ink-sub);letter-spacing:.06em}
.hero-scroll{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:2;font-size:11px;letter-spacing:.3em;color:var(--ink-sub);display:flex;flex-direction:column;align-items:center;gap:10px}
.hero-scroll span{width:1px;height:44px;background:linear-gradient(var(--champagne),transparent);animation:scrollLine 2s ease-in-out infinite}
@keyframes scrollLine{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}

/* ---------- 品牌理念 ---------- */
.story{padding:150px 0 130px}
.story-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.story-copy h2{font-size:40px;color:var(--tea-deep);margin:20px 0 28px;font-weight:300}
.story-copy p{color:var(--ink-sub);margin-bottom:20px;font-size:15px;line-height:2}
.story-sign{font-family:var(--display);font-size:15px;letter-spacing:.14em;color:var(--champagne-deep);margin-top:16px}
.story-media{position:relative;border-radius:var(--radius);overflow:hidden}
.story-media img{width:100%;height:520px;object-fit:cover}
.story-frame{position:absolute;inset:18px;border:1px solid rgba(255,255,255,.55);border-radius:var(--radius-sm);pointer-events:none}

/* ---------- 核心单品 ---------- */
.series{padding:120px 0;background:var(--bg-soft);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.series-tabs{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px}
.series-tabs a{padding:11px 26px;border-radius:40px;font-size:13px;color:var(--ink-sub);border:1px solid var(--line-soft);transition:.3s;letter-spacing:.04em}
.series-tabs a:hover{border-color:var(--line);color:var(--tea-deep)}
.series-tabs a.on{background:var(--tea-deep);color:#F6F1E9;border-color:var(--tea-deep)}
.pseries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.pcard{display:block;background:var(--paper);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.pcard-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#F2EADD}
.pcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.pcard:hover .pcard-media img{transform:scale(1.05)}
.pcard-tag{position:absolute;top:16px;left:16px;font-size:11px;letter-spacing:.1em;color:var(--tea-deep);background:rgba(251,247,241,.85);padding:5px 12px;border-radius:30px;backdrop-filter:blur(4px)}
.pcard-body{padding:24px 22px 26px}
.pcard-brand{font-size:12px;letter-spacing:.1em;color:var(--champagne-deep);margin-bottom:8px}
.pcard-name{font-size:17px;color:var(--ink);font-weight:400;line-height:1.5;height:50px;overflow:hidden}
.pcard-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft)}
.pcard-price{font-family:var(--display);font-size:16px;color:var(--tea-deep);letter-spacing:.03em}
.pcard-more{font-size:12px;color:var(--ink-sub);letter-spacing:.06em;display:inline-flex;align-items:center;gap:5px;transition:.3s}
.pcard-more span{transition:transform .3s}
.pcard:hover .pcard-more{color:var(--champagne-deep)}
.pcard:hover .pcard-more span{transform:translateX(4px)}
.series-more{text-align:center;margin-top:56px}
.empty-note{text-align:center;color:var(--ink-sub);padding:60px 0}

/* ---------- 门店赋能 ---------- */
.coop{padding:140px 0}
.coop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.coop-card{padding:44px 34px;background:var(--paper);border-radius:var(--radius);border:1px solid var(--line-soft);transition:.45s cubic-bezier(.16,1,.3,1)}
.coop-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft);border-color:var(--line)}
.coop-ico{width:56px;height:56px;border-radius:50%;background:rgba(201,168,106,.1);display:flex;align-items:center;justify-content:center;color:var(--champagne-deep);margin-bottom:26px}
.coop-ico svg{width:30px;height:30px}
.coop-card h3{font-size:19px;color:var(--tea-deep);margin-bottom:12px;font-weight:400}
.coop-card p{font-size:14px;color:var(--ink-sub);line-height:1.9}

/* ---------- 原料与检测 ---------- */
.proof{padding:130px 0;background:var(--bg-soft);border-top:1px solid var(--line-soft)}
.proof-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}
.proof-media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft)}
.proof-media img{width:100%;height:600px;object-fit:cover}
.proof-copy h2{font-size:40px;color:var(--tea-deep);margin:20px 0 36px;font-weight:300}
.proof-list{list-style:none;display:flex;flex-direction:column;gap:26px}
.proof-list li{display:flex;gap:22px;align-items:flex-start}
.proof-list b{font-family:var(--display);font-size:22px;color:var(--champagne);font-weight:400;line-height:1.2;min-width:38px}
.proof-list h4{font-size:16px;color:var(--tea-deep);margin-bottom:6px;font-weight:500}
.proof-list p{font-size:13.5px;color:var(--ink-sub);line-height:1.85}

/* ---------- 实景案例 ---------- */
.cases{padding:140px 0}
.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.case-card{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:3/4;cursor:default}
.case-card img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.case-card:hover img{transform:scale(1.06)}
.case-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 22px 20px;font-size:13px;letter-spacing:.06em;color:#fff;background:linear-gradient(transparent,rgba(46,40,34,.72))}

/* ---------- 招商加盟 ---------- */
.join{position:relative;padding:140px 0;background:linear-gradient(135deg,#4A3E31,#2C2822);color:#F3EBDF;overflow:hidden}
.join::before{content:"";position:absolute;top:-20%;right:-10%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,106,.28),transparent 70%)}
.join-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;position:relative;z-index:1}
.join-copy h2{font-size:38px;margin:20px 0 22px;font-weight:300;line-height:1.4;color:#FBF7F1}
.join-copy p{color:rgba(243,235,223,.72);font-size:15px;line-height:1.95;max-width:520px}
.join-actions{display:flex;align-items:center;gap:20px;margin-top:36px;flex-wrap:wrap}
.join-wx{font-family:var(--display);letter-spacing:.1em;font-size:14px;color:var(--champagne-soft)}
.join-list{list-style:none;display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(201,168,106,.28)}
.join-list li{display:flex;align-items:center;gap:20px;padding:22px 4px;border-bottom:1px solid rgba(201,168,106,.28);font-size:15px;letter-spacing:.05em;color:#F3EBDF}
.join-list li span{font-family:var(--display);font-size:13px;color:var(--champagne);letter-spacing:.1em}

/* ---------- 页脚 ---------- */
.site-footer{background:#2C2822;color:rgba(243,235,223,.66);padding:80px 0 0}
.foot-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;padding-bottom:60px}
.foot-logo{font-family:var(--display);font-size:22px;letter-spacing:.16em;color:#F3EBDF;margin-bottom:18px}
.foot-brand p{font-size:13.5px;line-height:2;max-width:340px}
.foot-links{display:flex;gap:70px;justify-content:flex-end}
.foot-links h4{font-size:13px;letter-spacing:.16em;color:var(--champagne-soft);margin-bottom:18px;font-weight:500}
.foot-links a{display:block;font-size:13.5px;margin-bottom:12px;color:rgba(243,235,223,.6);transition:.3s}
.foot-links a:hover{color:var(--champagne-soft)}
.foot-bottom{max-width:var(--container);margin:0 auto;padding:26px 60px;border-top:1px solid rgba(243,235,223,.1);display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em;color:rgba(243,235,223,.4);flex-wrap:wrap;gap:8px}

/* ============================================================
   单品详情页
   ============================================================ */
.pd{padding:130px 0 120px}
.pd-crumb{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--ink-sub);letter-spacing:.04em;margin-bottom:44px}
.pd-crumb a{transition:.3s}
.pd-crumb a:hover{color:var(--champagne-deep)}
.pd-crumb em{color:var(--tea-deep);font-style:normal}
.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}

/* 左侧大图（随滚动吸附） */
.pd-media{position:sticky;top:120px}
.pd-stage{border-radius:var(--radius);overflow:hidden;background:#F2EADD;box-shadow:var(--shadow-soft)}
.pd-main{width:100%;aspect-ratio:1/1;object-fit:cover}
.pd-thumbs{display:flex;gap:14px;margin-top:16px;flex-wrap:wrap}
.pd-thumb{width:78px;height:78px;border-radius:14px;overflow:hidden;border:1px solid var(--line-soft);background:none;padding:0;transition:.3s;opacity:.7}
.pd-thumb img{width:100%;height:100%;object-fit:cover}
.pd-thumb.on,.pd-thumb:hover{border-color:var(--champagne);opacity:1}

/* 右侧信息 */
.pd-head .kicker{margin-bottom:18px}
.pd-name{font-size:38px;color:var(--tea-deep);line-height:1.35;font-weight:300;margin-bottom:26px}
.pd-price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding-bottom:26px;border-bottom:1px solid var(--line-soft)}
.pd-price .now{font-family:var(--display);font-size:32px;color:var(--champagne-deep);letter-spacing:.02em}
.pd-price .cur{font-size:12px;color:var(--ink-sub)}
.pd-price .ws{font-size:13px;color:var(--tea);background:rgba(201,168,106,.12);padding:4px 12px;border-radius:20px}
.pd-specs{margin:24px 0 30px;display:flex;flex-direction:column;gap:12px}
.pd-specs>div{display:flex;gap:20px;font-size:14px}
.pd-specs .k{flex:0 0 56px;color:var(--ink-sub);letter-spacing:.05em}
.pd-specs .v{color:var(--ink)}
.pd-actions{display:flex;gap:14px;flex-wrap:wrap}

.pd-sec{padding-top:38px;margin-top:38px;border-top:1px solid var(--line-soft)}
.pd-sec h2{display:flex;align-items:center;gap:14px;font-size:21px;color:var(--tea-deep);margin-bottom:22px;font-weight:500;letter-spacing:.04em}
.pd-sec h2 .bar{width:4px;height:20px;border-radius:3px;background:linear-gradient(var(--champagne),var(--champagne-deep))}
.pd-sec>p{color:var(--ink-sub);font-size:14.5px;line-height:2}
.pd-steps{list-style:none;display:flex;flex-direction:column;gap:22px}
.pd-steps li{display:flex;gap:20px}
.pd-steps b{font-family:var(--display);font-size:20px;color:var(--champagne);font-weight:400;min-width:34px;line-height:1.3}
.pd-steps h4{font-size:15px;color:var(--tea-deep);margin-bottom:5px;font-weight:500}
.pd-steps p{font-size:13.5px;color:var(--ink-sub);line-height:1.85}
.pd-chips{list-style:none;display:flex;flex-wrap:wrap;gap:12px}
.pd-chips li{padding:9px 20px;border-radius:30px;border:1px solid var(--line);font-size:13px;color:var(--tea);background:rgba(201,168,106,.06)}
.pd-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pd-badges .badge{padding:18px 16px;border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--line-soft);text-align:center}
.pd-badges b{display:block;font-size:13px;color:var(--tea-deep);font-weight:500;margin-bottom:4px}
.pd-badges span{font-size:11.5px;color:var(--ink-sub)}
.pd-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.pd-tiers .tier{padding:22px 18px;border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--line-soft)}
.pd-tiers .tier span{display:block;font-size:12px;color:var(--ink-sub);margin-bottom:8px;letter-spacing:.05em}
.pd-tiers .tier b{font-size:16px;color:var(--champagne-deep);font-weight:500}
.pd-note{font-size:12.5px;color:var(--ink-sub);margin-top:6px}
.pd-sample{background:linear-gradient(135deg,#FBF7F1,#F4EBDD);border-radius:var(--radius);padding:34px 30px;border:1px solid var(--line);margin-top:38px}
.pd-related{padding-top:90px}

.pd-empty{min-height:70vh;display:flex;align-items:center;justify-content:center;padding-top:86px}
.pd-empty-inner{text-align:center}
.pd-empty-inner h1{font-size:30px;color:var(--tea-deep);margin:18px 0 30px;font-weight:300}

/* ---------- 滚动渐显 ---------- */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
[data-reveal].in{opacity:1;transform:none}

/* ---------- 响应式 ---------- */
@media (max-width:1200px){
  .container,.nav-inner{padding-left:36px;padding-right:36px}
  .hero-copy h1{font-size:54px}
  .pseries-grid{grid-template-columns:repeat(3,1fr);gap:24px}
  .coop-grid{grid-template-columns:repeat(2,1fr)}
  .case-grid{grid-template-columns:repeat(2,1fr)}
  .story-inner,.proof-inner,.join-inner{gap:56px}
  .pd-grid{gap:48px}
}
@media (max-width:900px){
  body{font-size:14px}
  .nav-menu{position:fixed;top:86px;right:24px;left:24px;flex-direction:column;gap:0;background:rgba(251,247,241,.98);border-radius:var(--radius);padding:14px 22px;box-shadow:var(--shadow);display:none}
  .nav-menu.open{display:flex}
  .nav-menu a{padding:14px 0;border-bottom:1px solid var(--line-soft)}
  .nav-cta{display:none}
  .nav-toggle{display:block;margin-left:auto}
  .hero-copy h1{font-size:44px}
  .hero-veil{background:linear-gradient(180deg,rgba(246,241,233,.7),rgba(246,241,233,.95))}
  .story-inner,.proof-inner,.join-inner,.pd-grid{grid-template-columns:1fr}
  .pd-media{position:static}
  .story-media img,.proof-media img{height:400px}
  .sec-head h2,.story-copy h2,.proof-copy h2,.join-copy h2{font-size:30px}
  .hero-marks{gap:34px}
  .pd-badges{grid-template-columns:repeat(2,1fr)}
  .foot-inner{grid-template-columns:1fr;gap:36px}
  .foot-links{justify-content:flex-start}
  .foot-bottom{padding-left:36px;padding-right:36px}
}
@media (max-width:600px){
  .container,.nav-inner{padding-left:20px;padding-right:20px}
  .hero-copy h1{font-size:34px}
  .hero-marks{flex-direction:column;gap:16px;margin-top:40px}
  .pseries-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .case-grid{grid-template-columns:1fr}
  .coop-grid{grid-template-columns:1fr}
  .pd-name{font-size:28px}
  .pd-tiers{grid-template-columns:1fr}
  .sec-head h2,.story-copy h2,.proof-copy h2,.join-copy h2,.jr-copy h2{font-size:26px}
}

/* ============================================================
   招商专题页（B 端加盟）
   ============================================================ */
.jr-hero{position:relative;min-height:66vh;display:flex;align-items:center;padding-top:86px;overflow:hidden;text-align:center}
.jr-hero-bg{position:absolute;inset:0;z-index:0}
.jr-hero-bg img{width:100%;height:100%;object-fit:cover}
.jr-hero-veil{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(246,241,233,.72),rgba(246,241,233,.9) 55%,var(--bg))}
.jr-hero-inner{position:relative;z-index:2;padding:40px 0}
.jr-hero-inner .kicker{margin-bottom:22px}
.jr-hero-inner h1{font-size:52px;line-height:1.25;color:var(--tea-deep);font-weight:300;letter-spacing:.03em}
.jr-hero-inner p{margin:24px auto 36px;max-width:560px;color:var(--ink-sub);font-size:16px;line-height:1.95}
.jr-hero-inner .hero-actions{justify-content:center}

.jr-section{padding:120px 0}
.jr-section.alt{background:var(--bg-soft);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.jr-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.jr-split.reverse .jr-media{order:2}
.jr-media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft)}
.jr-media img{width:100%;height:500px;object-fit:cover}
.jr-copy h2{font-size:38px;color:var(--tea-deep);margin:18px 0 22px;font-weight:300;line-height:1.4}
.jr-copy>p{color:var(--ink-sub);font-size:15px;line-height:2;margin-bottom:26px}
.jr-list{list-style:none;display:flex;flex-direction:column;gap:20px}
.jr-list li{display:flex;gap:18px;align-items:baseline;padding-bottom:18px;border-bottom:1px solid var(--line-soft)}
.jr-list b{flex:0 0 88px;font-size:15px;color:var(--champagne-deep);font-weight:500;letter-spacing:.04em}
.jr-list span{font-size:14px;color:var(--ink-sub);line-height:1.8}

.jr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.jr-card{position:relative;padding:44px 34px;background:var(--paper);border-radius:var(--radius);border:1px solid var(--line-soft);transition:.45s cubic-bezier(.16,1,.3,1)}
.jr-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft);border-color:var(--line)}
.jr-no{font-family:var(--display);font-size:30px;color:var(--champagne-soft);letter-spacing:.04em;display:block;margin-bottom:20px}
.jr-card h3{font-size:19px;color:var(--tea-deep);margin-bottom:12px;font-weight:400}
.jr-card p{font-size:14px;color:var(--ink-sub);line-height:1.9}

.jr-materiel{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.jr-mcard{padding:38px 30px;background:var(--paper);border-radius:var(--radius);border:1px solid var(--line-soft);transition:.4s}
.jr-mcard:hover{border-color:var(--line);box-shadow:var(--shadow-soft)}
.jr-mcard h4{font-size:17px;color:var(--tea-deep);margin-bottom:10px;font-weight:500}
.jr-mcard p{font-size:13.5px;color:var(--ink-sub);line-height:1.85}

.jr-band{position:relative;padding:96px 0;background:linear-gradient(135deg,#4A3E31,#2C2822);color:#F3EBDF;overflow:hidden}
.jr-band::before{content:"";position:absolute;top:-30%;left:-6%;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,106,.26),transparent 70%)}
.jr-band-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:1;flex-wrap:wrap}
.jr-band-inner h2{font-size:34px;margin:16px 0 12px;font-weight:300;color:#FBF7F1}
.jr-band-inner p{color:rgba(243,235,223,.72);font-size:14.5px;line-height:1.9;max-width:520px}
.jr-band-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.jr-wx{font-family:var(--display);letter-spacing:.1em;font-size:14px;color:var(--champagne-soft)}

.jr-formwrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.jr-form-intro h2{font-size:38px;color:var(--tea-deep);margin:18px 0 22px;font-weight:300;line-height:1.4}
.jr-form-intro p{color:var(--ink-sub);font-size:15px;line-height:2;margin-bottom:24px}
.jr-form-tips{list-style:none;display:flex;flex-direction:column;gap:10px;color:var(--tea);font-size:14px}

.jr-form-card{background:var(--paper);border-radius:var(--radius);padding:44px 40px;box-shadow:var(--shadow-soft);border:1px solid var(--line-soft)}
.jr-field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.jr-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.jr-field>span{font-size:13px;color:var(--ink-sub);letter-spacing:.05em}
.jr-field input,.jr-field textarea{border:1px solid var(--line-soft);border-radius:12px;padding:13px 16px;font-size:14px;font-family:inherit;color:var(--ink);background:#FDFBF7;transition:.25s;resize:vertical}
.jr-field input:focus,.jr-field textarea:focus{outline:none;border-color:var(--champagne);box-shadow:0 0 0 3px rgba(201,168,106,.14);background:#fff}
.jr-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.jr-submit{width:100%;height:54px;margin-top:6px}
.jr-form-note{font-size:12px;color:var(--ink-sub);margin-top:16px;text-align:center;line-height:1.7}
.jr-error{padding:12px 16px;border-radius:12px;background:rgba(169,68,66,.08);color:#A94442;font-size:13px;margin-bottom:20px;border:1px solid rgba(169,68,66,.18)}
.jr-success{text-align:center;padding:30px 10px}
.jr-success-ico{width:64px;height:64px;border-radius:50%;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--champagne-deep);background:rgba(201,168,106,.14)}
.jr-success h3{font-size:22px;color:var(--tea-deep);margin-bottom:12px;font-weight:500}
.jr-success p{color:var(--ink-sub);font-size:14px;line-height:1.9;margin-bottom:24px}

@media (max-width:1200px){
  .jr-split,.jr-formwrap{gap:48px}
  .jr-hero-inner h1{font-size:44px}
  .jr-cards,.jr-materiel{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .jr-split,.jr-formwrap{grid-template-columns:1fr}
  .jr-split.reverse .jr-media{order:0}
  .jr-media img{height:360px}
  .jr-copy h2,.jr-form-intro h2,.jr-band-inner h2{font-size:28px}
  .jr-hero-inner h1{font-size:34px}
  .jr-band-inner{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
  .jr-cards,.jr-materiel,.jr-field-row{grid-template-columns:1fr}
  .jr-hero-inner h1{font-size:28px}
  .jr-form-card{padding:30px 22px}
}