/* ============================================================
   株式会社RAY — Corporate / Recruit Site
   thedrake.ca (Locomotive) DNA × ナイトレジャー
   写真主役・暖かい夜・ネオンゴールド
   ============================================================ */

/* ---------- reset ---------- */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
ul,ol{list-style:none}

/* ---------- tokens ---------- */
:root{
  --ink:#150f0b;
  --ink-soft:#1e1610;
  --ink-card:#221a13;
  --paper:#ede4d4;
  --paper-dim:rgba(237,228,212,.56);
  --paper-faint:rgba(237,228,212,.15);
  --cream:#f1ebdd;
  --cream-ink:#1a140e;
  --cream-ink-dim:#6f6353;
  --cream-line:rgba(26,20,14,.14);
  --gold:#cda968;
  --gold-soft:#e3c88f;
  --gold-deep:#a07f44;
  --amber:#e0913f;

  --f-mincho:"Shippori Mincho B1",serif;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --f-sans:"Noto Sans JP",sans-serif;
  --f-cormorant:"Cormorant Garamond",serif;

  --ease-spring:linear(0,.012 .9%,.049 2%,.409 9.3%,.513 11.9%,.606 14.7%,.691 17.9%,.762 21.3%,.82 25%,.868 29.1%,.907 33.6%,.937 38.7%,.976 51.3%,.994 68.8%,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:.2s;--t:.4s;--t-slow:.8s;--t-reveal:1s;

  --gutter:clamp(22px,5vw,90px);
  --maxw:1380px;
}

body{background:var(--ink);color:var(--paper);font-family:var(--f-sans);font-weight:300;
  line-height:1.85;letter-spacing:.02em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
.mono{font-family:var(--f-mono);font-weight:400;letter-spacing:.16em;text-transform:uppercase;font-size:11px}
.container{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter);width:100%}
::selection{background:var(--gold);color:var(--ink)}

.grain{position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;z-index:3;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- image placeholder system (fallback gradient under url) ---------- */
[data-img]{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--ink-card);position:relative}
[data-img="message"]{background-image:url('../images/message.jpg'),radial-gradient(120% 100% at 70% 20%,rgba(205,169,104,.28),transparent 60%),linear-gradient(160deg,#2a1d14,#140d09)}
[data-img="about"]{background-image:url('../images/about.jpg'),radial-gradient(120% 100% at 30% 30%,rgba(224,145,63,.26),transparent 60%),linear-gradient(160deg,#2a1c12,#15100c)}
[data-img="store-shinjuku"]{background-image:url('../images/store-shinjuku.jpg'),linear-gradient(160deg,#3a1820,#150d0c)}
[data-img="store-roppongi"]{background-image:url('../images/store-roppongi.jpg'),linear-gradient(160deg,#1b2140,#0e0f1a)}
[data-img="store-nagoya"]{background-image:url('../images/store-nagoya.jpg'),linear-gradient(160deg,#3a2613,#16100a)}
[data-img="store-sapporo"]{background-image:url('../images/store-sapporo.jpg'),linear-gradient(160deg,#10302a,#0b1714)}
[data-img="store-kitashinchi"]{background-image:url('../images/store-kitashinchi.jpg'),linear-gradient(160deg,#2e1838,#140d18)}
[data-img="store-nakasu"]{background-image:url('../images/store-nakasu.jpg'),linear-gradient(160deg,#3a2113,#16100a)}
[data-img="recruit"]{background-image:url('../images/recruit.jpg'),radial-gradient(110% 90% at 60% 0%,rgba(224,145,63,.3),transparent 60%),linear-gradient(180deg,#291c12,#120c08)}
[data-img="powder"]{background-image:url('../images/powder.jpg'),linear-gradient(160deg,#f3ece0,#d8cdbb)}
[data-img="dorm"]{background-image:url('../images/dorm.jpg'),linear-gradient(160deg,#eef0f2,#d7dce0)}
[data-img="champagne"]{background-image:url('../images/champagne.jpg'),radial-gradient(100% 100% at 50% 40%,rgba(224,145,63,.3),transparent 60%),linear-gradient(160deg,#241a12,#120c08)}

/* ============ LOADER ============ */
.loader{position:fixed;inset:0;z-index:2000;background:var(--ink);display:flex;align-items:center;justify-content:center;
  transition:opacity .9s ease,visibility 0s linear .9s}
.loader-inner{display:flex;flex-direction:column;align-items:center;gap:16px}
.loader-grp{font-family:var(--f-mono);font-size:11px;letter-spacing:.5em;color:var(--gold);opacity:0;animation:fadeIn .6s ease .5s forwards;padding-left:.5em}
.loader-name{font-family:var(--f-cormorant);font-size:clamp(64px,12vw,120px);font-weight:500;letter-spacing:.4em;color:var(--paper);padding-left:.4em;opacity:0;transform:translateY(14px);animation:fadeIn .9s var(--ease-out) .25s forwards}
.loader-line{width:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:loaderLine 1.1s var(--ease-out) .5s forwards}
.loader-en{font-family:var(--f-cormorant);font-style:italic;font-size:14px;letter-spacing:.2em;color:var(--gold-soft);opacity:0;animation:fadeIn .8s ease .8s forwards}
@keyframes loaderLine{to{width:220px}}
@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}
body.is-loaded .loader{opacity:0;visibility:hidden;pointer-events:none}

/* ============ HEADER ============ */
.header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;
  padding:22px var(--gutter);transition:padding var(--t) var(--ease-out),background var(--t) ease,backdrop-filter var(--t) ease;
  opacity:0;transform:translateY(-14px)}
body.is-loaded .header{opacity:1;transform:translateY(0);transition:opacity .9s ease .2s,transform .9s var(--ease-out) .2s,padding var(--t) var(--ease-out),background var(--t) ease}
.header.is-compact{padding-top:13px;padding-bottom:13px;background:rgba(21,15,11,.74);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--paper-faint)}
.logo{display:inline-flex;align-items:baseline;gap:9px;line-height:1;z-index:2}
.logo-name{font-family:var(--f-cormorant);font-size:28px;font-weight:500;letter-spacing:.4em;padding-left:.4em}
.logo-grp{font-family:var(--f-mono);font-size:10px;font-weight:500;letter-spacing:.28em;color:var(--gold)}
.nav{display:flex;gap:30px}
.nav a{position:relative;font-size:13px;font-weight:400;letter-spacing:.08em;color:var(--paper-dim);transition:color var(--t) ease;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform var(--t) var(--ease-spring)}
.nav a:hover{color:var(--paper)}
.nav a:hover::after{transform:scaleX(1);transform-origin:left}
.header.is-light{color:var(--cream-ink)}
.header.is-light .logo{color:var(--cream-ink)}
.header.is-light .nav a{color:var(--cream-ink-dim)}
.header.is-light .nav a:hover{color:var(--cream-ink)}

/* ============ BUTTON ============ */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--f-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:0 30px;height:54px;border:1px solid var(--gold);color:var(--paper);overflow:hidden;border-radius:2px;transition:color var(--t) var(--ease-spring);isolation:isolate;white-space:nowrap}
.btn::before{content:"";position:absolute;inset:0;background:var(--gold);z-index:-1;transform:translateY(101%);transition:transform var(--t) var(--ease-spring)}
.btn:hover{color:var(--ink)}
.btn:hover::before{transform:translateY(0)}
.btn .btn-ar{transition:transform var(--t) var(--ease-spring)}
.btn:hover .btn-ar{transform:translateX(5px)}
.btn-nav{height:42px;padding:0 20px;font-size:11px}
.btn.-ghost{border-color:var(--paper-faint);color:var(--paper)}
.btn.-ghost::before{background:var(--paper)}
.btn-big{height:74px;padding:0 46px;font-size:13px;letter-spacing:.18em}
.header.is-light .btn.-alt{color:var(--cream-ink);border-color:var(--cream-ink)}
.header.is-light .btn.-alt::before{background:var(--cream-ink)}
.header.is-light .btn.-alt:hover{color:var(--cream)}

.burger{display:none;flex-direction:column;gap:6px;width:34px;height:34px;align-items:center;justify-content:center;z-index:2}
.burger span{display:block;width:24px;height:1.5px;background:currentColor;transition:transform var(--t) var(--ease-out),opacity var(--t) ease}
body.menu-open .burger span:nth-child(1){transform:translateY(3.75px) rotate(45deg)}
body.menu-open .burger span:nth-child(2){transform:translateY(-3.75px) rotate(-45deg)}

.m-menu{position:fixed;inset:0;z-index:900;background:var(--ink);display:flex;flex-direction:column;justify-content:center;padding:0 var(--gutter);opacity:0;visibility:hidden;transition:opacity var(--t) ease,visibility 0s linear var(--t)}
body.menu-open .m-menu{opacity:1;visibility:visible;transition:opacity var(--t) ease}
.m-nav{display:flex;flex-direction:column;gap:2px}
.m-nav a{font-family:var(--f-mincho);font-size:clamp(24px,6.4vw,38px);font-weight:600;color:var(--paper);display:flex;align-items:baseline;gap:16px;padding:6px 0;transition:color var(--t) ease}
.m-nav a:hover{color:var(--gold)}
.m-no{font-family:var(--f-mono);font-size:12px;color:var(--gold)}
.m-foot{position:absolute;bottom:36px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:var(--paper-dim)}
.m-foot a:hover{color:var(--gold)}

/* ============ REVEAL / STAGGER / SEPARATOR ============ */
.reveal-up{opacity:0;transform:translateY(38px);transition:opacity var(--t-reveal) ease,transform var(--t-reveal) var(--ease-spring)}
.reveal-up.is-inview{opacity:1;transform:translateY(0)}
.stagger .w{display:block;transform:translateY(110%);opacity:0;transition:transform 1s var(--ease-spring),opacity .7s ease}
.stagger.is-inview .w{transform:translateY(0);opacity:1}
.stagger.is-inview .w:nth-child(2){transition-delay:.12s}
.stagger.is-inview .w:nth-child(3){transition-delay:.24s}
.sep{display:block;height:1px;background:currentColor;opacity:.4;transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease-spring)}
.anim-sep.is-inview,.sep.is-inview{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .reveal-up,.stagger .w{opacity:1;transform:none}.sep{transform:scaleX(1)}
}

/* ============ SECTION base ============ */
.section{position:relative;padding-block:clamp(86px,12vh,160px);overflow:hidden}
.section.-dark{background:var(--ink);color:var(--paper)}
.section.-cream{background:var(--cream);color:var(--cream-ink)}
.sec-head{display:flex;align-items:center;gap:20px;margin-bottom:clamp(44px,6vw,80px)}
.sec-no{color:var(--gold);font-size:12px;letter-spacing:.1em}
.sec-head .sep{flex:0 0 60px;color:currentColor}
.sec-label{opacity:.66}
.section.-cream .sec-no,.sec-stores.-dark .sec-no{color:var(--gold)}
.section.-cream .sec-no{color:var(--gold-deep)}

.big-statement{font-family:var(--f-mincho);font-weight:700;font-size:clamp(44px,9vw,116px);line-height:1.12;letter-spacing:.03em}
.big-statement .accent{color:var(--gold-soft)}
.big-statement.-ink{color:var(--cream-ink)}
.about-title{font-family:var(--f-mincho);font-weight:700;font-size:clamp(34px,5.4vw,72px);line-height:1.16;letter-spacing:.03em}
.about-title .w{display:block}
.about-title.-ink{color:var(--cream-ink)}
.about-title .accent{color:var(--gold-soft)}

/* ============ HERO (full-bleed image, text over dress — faces clear) ============ */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gutter) clamp(24px,3vh,42px);background:var(--ink)}
.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url('../images/hero.jpg') center 12%/cover no-repeat,radial-gradient(80% 70% at 75% 24%,rgba(224,145,63,.28),transparent 60%),linear-gradient(180deg,#1a1109,#0c0805);transform:scale(1.06);transition:transform 2.4s var(--ease-out),opacity 1.6s ease;opacity:0}
body.is-loaded .hero-bg{transform:scale(1);opacity:1}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,9,5,.4) 0%,rgba(13,9,5,.04) 22%,rgba(13,9,5,.04) 48%,rgba(13,9,5,.52) 76%,rgba(13,9,5,.92) 100%)}
.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,1.8vw,22px)}
.hero-content-main{max-width:var(--maxw);margin-inline:auto;width:100%}
.hero-eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:18px;text-shadow:0 1px 14px rgba(0,0,0,.7)}
.hero-eyebrow .mono{color:var(--gold-soft)}
.hero-eyebrow-en{font-family:var(--f-cormorant);font-style:italic;font-size:17px;letter-spacing:.1em;color:rgba(255,255,255,.82)}
.hero-title{font-family:var(--f-mincho);font-weight:700;font-size:clamp(42px,6.6vw,96px);line-height:1.08;letter-spacing:.04em;color:#fff;text-shadow:0 2px 26px rgba(0,0,0,.6)}
.hero-title .w{display:block}
.hero-title .accent{color:var(--gold-soft)}
.hero-lede{margin-top:20px;font-size:15px;line-height:2;color:rgba(255,255,255,.88);font-weight:300;text-wrap:pretty;max-width:42em;text-shadow:0 1px 16px rgba(0,0,0,.6)}
.hero-cta{margin-top:28px;display:flex;gap:16px;flex-wrap:wrap}
.hero-foot{max-width:var(--maxw);margin-inline:auto;width:100%;display:flex;justify-content:flex-end}
.hero-cities{color:rgba(255,255,255,.62);font-size:10px;text-shadow:0 1px 12px rgba(0,0,0,.6)}

/* ============ PHILOSOPHY ============ */
.philo-body{margin-top:clamp(36px,5vw,64px)}
.lead{font-family:var(--f-mincho);font-size:clamp(20px,2.6vw,32px);font-weight:500;line-height:1.7;color:var(--paper);margin-bottom:clamp(40px,6vw,64px);letter-spacing:.04em}
.philo-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px)}
.philo-cols p{font-size:14.5px;line-height:2.25;color:var(--paper-dim);text-wrap:pretty}

/* ============ MESSAGE ============ */
.message-grid{display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,5vw,80px);align-items:stretch}
.message-media{position:relative;min-height:520px}
.m-img{position:absolute;inset:0;border-radius:3px}
.m-img-cap{position:absolute;left:0;bottom:-26px;color:var(--paper-dim)}
.message-pull{font-family:var(--f-mincho);font-weight:700;font-size:clamp(34px,5vw,64px);line-height:1.18;letter-spacing:.03em;margin-bottom:clamp(32px,4vw,48px)}
.message-pull .w{display:block}
.message-pull .accent{color:var(--gold-soft)}
.message-text p{font-size:14.5px;line-height:2.3;color:var(--paper-dim);text-wrap:pretty;margin-bottom:22px}
.message-sign{display:flex;flex-direction:column;gap:8px;margin-top:34px;padding-top:28px;border-top:1px solid var(--paper-faint)}
.sign-role{color:var(--gold);font-size:10px}
.sign-name{font-family:var(--f-mincho);font-size:28px;font-weight:600;color:var(--paper);letter-spacing:.1em}

/* ============ ABOUT ============ */
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,80px);align-items:end;margin-bottom:clamp(40px,5vw,60px)}
.about-text{font-size:14.5px;line-height:2.3;color:var(--cream-ink-dim);text-wrap:pretty}
.about-figure{margin-bottom:clamp(48px,6vw,80px)}
.a-img{aspect-ratio:21/9;border-radius:3px}
.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cream-line);border:1px solid var(--cream-line)}
.num{background:var(--cream);padding:clamp(28px,3.5vw,46px) clamp(18px,2.6vw,34px);display:flex;flex-direction:column;gap:12px}
.num-val{font-family:var(--f-cormorant);font-size:clamp(52px,7vw,96px);font-weight:500;line-height:.9;color:var(--gold-deep);letter-spacing:.01em}
.num-label{color:var(--cream-ink-dim);font-size:10px}

/* ============ STORES (carousel) ============ */
.sec-stores{position:relative;padding-block:clamp(86px,12vh,150px);overflow:hidden}
.sec-stores.-dark{background:var(--ink)}
.stores-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:clamp(40px,5vw,64px)}
.stores-title{font-family:var(--f-mincho);font-weight:700;font-size:clamp(34px,5.4vw,76px);line-height:1.16;letter-spacing:.03em}
.stores-title .w{display:block}
.stores-title .accent{color:var(--gold-soft)}
.stores-sub{color:var(--paper-dim);font-size:14px;max-width:24em;padding-bottom:8px}
.carousel{position:relative}
.carousel-track{display:flex;gap:clamp(18px,2vw,30px);padding-left:max(var(--gutter),calc((100vw - var(--maxw))/2 + var(--gutter)));padding-right:var(--gutter);scroll-padding-left:max(var(--gutter),calc((100vw - var(--maxw))/2 + var(--gutter)));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:6px}
.carousel-track::-webkit-scrollbar{display:none}
.store-card{flex:0 0 clamp(280px,38vw,520px);scroll-snap-align:start}
.store-img{aspect-ratio:4/5;border-radius:3px;overflow:hidden;transition:transform .8s var(--ease-out)}
.store-card:hover .store-img{transform:scale(1.03)}
.store-info{padding-top:24px;border-top:1px solid var(--paper-faint);margin-top:22px;position:relative}
.store-info::before{content:"";position:absolute;top:-1px;left:0;width:54px;height:1px;background:var(--accent,var(--gold))}
.store-no{color:var(--gold);font-size:10px;display:block;margin-bottom:14px}
.store-name{font-family:var(--f-mincho);font-size:clamp(19px,2vw,26px);font-weight:600;letter-spacing:.03em;margin-bottom:12px;line-height:1.4}
.store-desc{font-size:13.5px;line-height:2.05;color:var(--paper-dim);text-wrap:pretty}
.carousel-nav{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:clamp(34px,4vw,52px)}
.carousel-progress{flex:1;max-width:280px;height:1px;background:var(--paper-faint);position:relative}
.carousel-progress span{position:absolute;left:0;top:0;height:100%;background:var(--gold);width:18%;transition:left .4s var(--ease-out),width .4s var(--ease-out)}
.carousel-btns{display:flex;gap:12px}
.car-btn{width:54px;height:54px;border:1px solid var(--paper-faint);border-radius:50%;font-family:var(--f-mono);font-size:16px;color:var(--paper);transition:all var(--t) var(--ease-spring)}
.car-btn:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.car-btn:disabled{opacity:.3;cursor:default}
.car-btn:disabled:hover{background:none;color:var(--paper);border-color:var(--paper-faint)}

/* ============ TREATMENT ============ */
.sec-treatment{position:relative}
.treatment-light{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(56% 50% at 80% 8%,rgba(224,145,63,.14),transparent 60%)}
.sec-treatment .container{position:relative;z-index:2}
.treatment-intro{margin-top:clamp(28px,4vw,44px);font-size:14.5px;line-height:2.2;color:var(--paper-dim);text-wrap:pretty;max-width:42em}
.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.4vw,32px);margin-top:clamp(44px,6vw,72px)}
.pay-card{background:var(--ink-card);border:1px solid var(--paper-faint);border-radius:4px;padding:clamp(28px,3vw,46px)}
.pay-tag{color:var(--gold);display:block;margin-bottom:26px}
.pay-hero{display:flex;flex-direction:column;gap:18px;padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--paper-faint)}
.pay-num{font-family:var(--f-cormorant);font-size:clamp(56px,7vw,92px);font-weight:500;line-height:1;color:var(--gold-soft)}
.pay-num small{font-family:var(--f-sans);font-size:20px;font-weight:400;letter-spacing:.05em;margin-left:8px}
.pay-unit{color:var(--paper-dim);font-size:10px}
.pay-list{display:flex;flex-direction:column;gap:16px}
.pay-list li{display:grid;grid-template-columns:96px 1fr;gap:16px;font-size:13.5px;line-height:1.7;color:var(--paper-dim);align-items:baseline}
.pay-k{color:var(--gold);font-size:9.5px;padding-top:2px}
.treatment-fig{margin:clamp(40px,5vw,64px) 0 0}
.tf-img{aspect-ratio:21/9;border-radius:3px;overflow:hidden}
.treatment-fig figcaption{margin-top:14px;color:var(--paper-dim)}
@media (max-width:680px){.tf-img{aspect-ratio:4/3}}

/* ============ BENEFITS ============ */
.benefits-figs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);margin-top:clamp(36px,4vw,56px)}
.bf-fig{margin:0}
.bf-img{aspect-ratio:4/5;border-radius:3px;overflow:hidden}
.bf-fig figcaption{margin-top:14px;color:var(--cream-ink-dim)}
.benefits-list{margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--cream-line)}
.bf-row{display:grid;grid-template-columns:64px 1fr;gap:clamp(16px,3vw,40px);padding:clamp(22px,2.6vw,34px) 4px;border-bottom:1px solid var(--cream-line);align-items:baseline}
.bf-row dt{color:var(--gold-deep);font-size:12px}
.bf-row h3{font-family:var(--f-mincho);font-size:clamp(18px,2vw,24px);font-weight:600;color:var(--cream-ink);margin-bottom:8px;letter-spacing:.03em}
.bf-row p{font-size:13.5px;line-height:1.95;color:var(--cream-ink-dim);text-wrap:pretty}

/* ============ SUPPORT ============ */
.support-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:clamp(36px,5vw,80px);align-items:start}
.support-big{font-family:var(--f-mincho);font-weight:700;font-size:clamp(30px,4vw,56px);line-height:1.22;letter-spacing:.03em;margin-bottom:26px}
.support-big .w{display:block}
.support-big .accent{color:var(--gold-soft)}
.support-lead p{font-size:14px;line-height:2.2;color:var(--paper-dim);text-wrap:pretty}
.support-list{display:flex;flex-direction:column}
.support-list li{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--paper-faint);align-items:baseline}
.support-list li:last-child{border-bottom:1px solid var(--paper-faint)}
.sp-no{color:var(--gold);font-size:12px}
.support-list h3{font-family:var(--f-mincho);font-size:18px;font-weight:600;margin-bottom:8px;letter-spacing:.03em}
.support-list p{font-size:13.5px;line-height:1.95;color:var(--paper-dim);text-wrap:pretty}

/* ============ CAREER ============ */
.career-intro{margin-top:clamp(24px,3vw,36px);font-size:14.5px;line-height:2.2;color:var(--cream-ink-dim);text-wrap:pretty;max-width:40em}
.career-steps{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(40px,5vw,64px);align-items:stretch}
.career-steps li{flex:1 1 150px;background:var(--cream);border:1px solid var(--cream-line);border-radius:3px;padding:24px 22px;display:flex;flex-direction:column;gap:14px;position:relative;transition:transform var(--t) var(--ease-spring),border-color var(--t) ease}
.career-steps li:hover{transform:translateY(-4px);border-color:var(--gold-deep)}
.cs-no{color:var(--gold-deep);font-size:11px}
.cs-name{font-family:var(--f-mincho);font-size:clamp(17px,1.6vw,21px);font-weight:600;color:var(--cream-ink);letter-spacing:.03em}
.career-steps .cs-goal{background:var(--cream-ink);border-color:var(--cream-ink)}
.career-steps .cs-goal .cs-no{color:var(--gold-soft)}
.career-steps .cs-goal .cs-name{color:var(--cream)}
.career-foot{margin-top:clamp(32px,4vw,48px);font-size:14px;line-height:2.1;color:var(--cream-ink-dim);text-wrap:pretty}

/* ============ COMPLIANCE ============ */
.compliance-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:clamp(36px,5vw,80px);align-items:start}
.compliance-big{font-family:var(--f-mincho);font-weight:700;font-size:clamp(30px,4vw,58px);line-height:1.2;letter-spacing:.03em}
.compliance-big .w{display:block}
.compliance-big .accent{color:var(--gold-soft)}
.compliance-list{display:flex;flex-direction:column}
.compliance-list li{padding:22px 0;border-top:1px solid var(--paper-faint);display:flex;gap:20px}
.compliance-list li:last-child{border-bottom:1px solid var(--paper-faint)}
.compliance-list li::before{content:"";flex:0 0 8px;height:8px;margin-top:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(205,169,104,.7)}
.compliance-list p{font-size:14px;line-height:1.95;color:var(--paper-dim);text-wrap:pretty}

/* ============ HISTORY ============ */
.history-list{margin-top:clamp(36px,4vw,56px);border-top:1px solid var(--cream-line)}
.history-list li{display:grid;grid-template-columns:140px 1fr;gap:clamp(20px,4vw,60px);padding:clamp(22px,2.4vw,32px) 4px;border-bottom:1px solid var(--cream-line);align-items:baseline;transition:padding-left var(--t) var(--ease-spring)}
.history-list li:hover{padding-left:14px}
.hy-year{font-family:var(--f-cormorant)!important;font-size:30px!important;font-weight:500;letter-spacing:.04em!important;text-transform:none!important;color:var(--gold-deep)}
.hy-text{font-size:15px;line-height:1.7;color:var(--cream-ink)}

/* ============ RECRUIT CTA ============ */
.sec-recruit-cta{position:relative;padding-block:clamp(110px,16vh,200px);overflow:hidden}
.recruit-media{position:absolute;inset:0;z-index:0}
.recruit-bg{position:absolute;inset:0}
.recruit-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,9,5,.78),rgba(13,9,5,.62) 40%,rgba(13,9,5,.9))}
.recruit-inner{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}
.recruit-eyebrow{color:var(--gold);display:block;margin-bottom:26px}
.recruit-big{font-family:var(--f-mincho);font-weight:700;font-size:clamp(36px,6.4vw,98px);line-height:1.1;letter-spacing:.03em;color:#fff}
.recruit-big .w{display:block}
.recruit-big .accent{color:var(--gold-soft)}
.recruit-detail{margin-top:clamp(40px,5vw,60px);width:100%;max-width:680px;text-align:left}
.rd-row{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14);align-items:baseline}
.rd-k{color:var(--gold);font-size:10px;padding-top:2px}
.rd-v{font-size:14px;line-height:1.8;color:rgba(255,255,255,.85)}
.recruit-cta-btns{margin-top:clamp(40px,5vw,56px);display:flex;gap:16px;flex-wrap:wrap;justify-content:center}

/* ============ COMPANY ============ */
.company-table{border-top:1px solid var(--cream-line);margin-top:clamp(36px,4vw,52px)}
.ct-row{display:grid;grid-template-columns:220px 1fr;gap:30px;padding:20px 4px;border-bottom:1px solid var(--cream-line);align-items:baseline}
.ct-row dt{color:var(--gold-deep);font-size:10.5px;padding-top:3px}
.ct-row dd{font-size:15px;line-height:1.9;color:var(--cream-ink);font-weight:400}
.ct-row dd a{border-bottom:1px solid var(--gold-deep);transition:opacity var(--t) ease}
.ct-row dd a:hover{opacity:.6}

/* ============ FOOTER ============ */
.footer{position:relative;background:var(--ink);color:var(--paper);padding-block:clamp(70px,9vw,110px) 40px;overflow:hidden}
.footer-light{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(70% 60% at 50% 120%,rgba(205,169,104,.14),transparent 60%)}
.footer .container{position:relative;z-index:2}
.footer-top{display:grid;grid-template-columns:1.3fr 2fr;gap:clamp(40px,6vw,90px);padding-bottom:clamp(44px,6vw,72px);border-bottom:1px solid var(--paper-faint)}
.footer-en{display:block;color:var(--gold)!important;margin-bottom:18px;font-family:var(--f-cormorant)!important;font-style:italic;font-size:17px!important;letter-spacing:.1em!important;text-transform:none!important}
.footer-logo{font-family:var(--f-cormorant);font-size:clamp(50px,7vw,92px);font-weight:500;letter-spacing:.16em;line-height:1;display:block}
.footer-grp{font-family:var(--f-mono);font-size:14px;letter-spacing:.3em;color:var(--gold);vertical-align:middle;margin-left:14px}
.footer-tag{font-family:var(--f-mincho);font-size:16px;color:var(--paper-dim);margin-top:24px;letter-spacing:.06em}
.footer-links{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:30px}
.fl-col{display:flex;flex-direction:column;gap:13px}
.fl-head{color:var(--gold);margin-bottom:6px}
.fl-col a,.fl-addr{font-size:13.5px;color:var(--paper-dim);transition:color var(--t) ease;line-height:1.7}
.fl-col a:hover{color:var(--paper)}
.footer-cities{color:var(--paper-dim);font-size:10px;padding-block:30px;opacity:.7;line-height:1.8}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:var(--paper-dim);font-size:10px;flex-wrap:wrap}

.progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold-deep),var(--gold-soft));z-index:1500;transition:width .1s linear}

/* ============ RESPONSIVE ============ */
@media (max-width:1024px){
  .nav,.btn-nav{display:none}
  .burger{display:flex}
  .philo-cols,.about-intro,.message-grid,.support-grid,.compliance-grid,.pay-grid{grid-template-columns:1fr}
  .message-media{min-height:380px}
  .numbers{grid-template-columns:1fr 1fr}
  .footer-top{grid-template-columns:1fr}
  .footer-links{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .section{padding-block:clamp(58px,8vh,84px)}
  .sec-message{padding-top:clamp(20px,3vh,34px)}
  .hero{padding-bottom:clamp(20px,3vh,34px)}
  .hero-bg{background-image:url('../images/hero-sp.jpg'),radial-gradient(90% 60% at 60% 30%,rgba(224,145,63,.34),transparent 60%),linear-gradient(180deg,#1a1109,#0c0805);background-position:center 6%}
  .recruit-bg{background-image:url('../images/recruit-sp.jpg'),url('../images/recruit.jpg'),radial-gradient(110% 90% at 60% 0%,rgba(224,145,63,.3),transparent 60%),linear-gradient(180deg,#291c12,#120c08)}
  .hero-title{font-size:clamp(38px,10.4vw,56px);line-height:1.14}
  .big-statement{font-size:clamp(36px,10vw,56px)}
  .about-title,.stores-title,.message-pull,.support-big,.compliance-big,.recruit-big{font-size:clamp(28px,7.4vw,42px)}
  .hero-foot{flex-direction:column;align-items:flex-start;gap:10px}
  .hero-cities{font-size:9px}
  .numbers{grid-template-columns:1fr 1fr}
  .pay-list li{grid-template-columns:80px 1fr;gap:12px}
  .bf-row{grid-template-columns:40px 1fr;gap:14px}
  .history-list li{grid-template-columns:80px 1fr;gap:18px}
  .ct-row,.rd-row{grid-template-columns:1fr;gap:6px;padding:16px 4px}
  .footer-links{grid-template-columns:1fr;gap:30px}
  .footer-bottom{flex-direction:column;gap:8px}
  .career-steps li{flex:1 1 100%}
  .store-card{flex:0 0 78vw}
  .benefits-figs{grid-template-columns:1fr;gap:24px}
}