/* ============================================================
   corner-sub.css — 子頁共用骨架（about / tailor / corporate…）
   深色霧林底＋玻璃導覽＋段落/時間軸/據點卡等子頁組件
   ============================================================ */

body{background:#12100C;color:var(--paper)}
main{position:relative;z-index:1}

/* 底圖：與首頁同一套會呼吸的霧林 */
.page-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:#0d0f0e;pointer-events:none}
.pb-forest{position:absolute;inset:-8%;background:url("assets/photos/forest-bg.jpg") center/cover no-repeat;will-change:transform;animation:forestDrift 46s ease-in-out infinite alternate}
.pb-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,13,12,.5) 0%,rgba(11,13,12,.72) 60%,rgba(11,13,12,.82) 100%)}
.pb-fog{position:absolute;inset:-22%;background:url("assets/photos/fog-layer.jpg") center/cover no-repeat;mix-blend-mode:screen;opacity:.34;filter:blur(11px) saturate(0);will-change:transform;animation:fogDrift 26s linear infinite alternate}
@keyframes forestDrift{from{transform:scale(1.05) translate(-1.4%,0.6%)}to{transform:scale(1.12) translate(1.6%,-1.4%)}}
@keyframes fogDrift{from{transform:translate(-9%,1%) scale(1.14)}to{transform:translate(9%,-4%) scale(1.24)}}
@media(prefers-reduced-motion:reduce){.pb-forest,.pb-fog{animation:none}}

/* 玻璃 nav（子頁常駐深色蘊底） */
nav.scrolled{background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
nav .nav-links.liquid-glass{border-radius:999px;padding:9px 10px 9px 30px;gap:28px;background:rgba(16,13,10,.46)}
nav .nav-links a{color:var(--paper-dim)}
nav .nav-links a:hover{color:var(--gold-bright)}
nav .nav-cta{border-radius:999px;height:36px;padding:0 22px}

/* 段落骨架 */
.sec{padding:15vh 0;position:relative}
.sec .wrap{max-width:1080px}
.sec-head .lead{color:var(--paper-dim)}
.h2cn{color:var(--paper-dim)}
.kicker{color:var(--gold-bright)}
.display{color:#FBF6EC!important;text-shadow:0 2px 26px rgba(0,0,0,.5)}
.display .gd{color:var(--gold-bright)!important}
.display.one-line{white-space:nowrap;font-size:clamp(30px,4.6vw,58px)}
.vlabel{position:absolute;left:26px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;
  font-family:"Cormorant Garamond",serif;font-size:12px;letter-spacing:.5em;color:rgba(245,238,228,.28);text-transform:uppercase}

/* 內文 */
.prose{max-width:38em;font-size:15.5px;line-height:2.3;letter-spacing:.06em;color:var(--paper-dim)}
.prose p{margin-bottom:1.6em}
.prose em{font-style:normal;color:var(--paper)}
.todo{display:inline-block;padding:2px 10px;border:1px dashed rgba(201,166,120,.55);color:var(--gold-bright);font-size:13px;letter-spacing:.12em;border-radius:4px}

/* slogan 收尾 */
.slogan{margin-top:72px;padding-top:40px;border-top:1px solid rgba(201,166,120,.35)}
.slogan p{font-family:"Noto Serif TC",serif;font-weight:500;font-size:clamp(22px,2.6vw,32px);letter-spacing:.34em;color:#F7F1E6}
.slogan span{display:block;margin-top:12px;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:16px;letter-spacing:.14em;color:var(--gold-bright)}

/* 時間軸（沿革／作業流程共用） */
.timeline{position:relative;margin-top:var(--s5);padding-left:36px}
.timeline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:1px;
  background:linear-gradient(rgba(201,166,120,0),rgba(201,166,120,.6) 12%,rgba(201,166,120,.6) 88%,rgba(201,166,120,0))}
.tl-node{position:relative;padding:0 0 46px}
.tl-node::before{content:"";position:absolute;left:-32px;top:9px;width:9px;height:9px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 12px rgba(201,166,120,.6)}
.tl-node .year{font-family:"Cormorant Garamond",serif;font-size:22px;letter-spacing:.08em;color:var(--gold-bright)}
.tl-node h3{font-family:"Noto Serif TC",serif;font-weight:500;font-size:19px;letter-spacing:.14em;margin:8px 0 6px;color:#F7F1E6}
.tl-node p{font-size:14px;line-height:2;letter-spacing:.05em;color:var(--paper-dim);max-width:34em}

/* 資訊表 */
.info-table{margin-top:var(--s5);border-top:1px solid rgba(245,238,228,.25)}
.info-table .row{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:18px 4px;
  border-bottom:1px solid rgba(245,238,228,.14);font-size:14.5px;letter-spacing:.08em}
.info-table .row span:first-child{color:var(--paper-dim)}
.info-table a{color:var(--paper);border-bottom:1px solid rgba(201,166,120,.45)}

/* 據點／服務雙卡 */
.offices{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:34px}
.office{border:1px solid rgba(245,238,228,.16);border-radius:10px;padding:32px 32px 26px;background:rgba(16,13,10,.28)}
.office .of-en{font-family:"Cormorant Garamond",serif;font-size:12.5px;letter-spacing:.3em;color:var(--gold-bright);text-transform:uppercase}
.office h3{font-family:"Noto Serif TC",serif;font-weight:500;font-size:21px;letter-spacing:.18em;margin:10px 0 18px;color:#F7F1E6}
.office .of-row{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:10px 0;border-top:1px solid rgba(245,238,228,.1);font-size:14px;letter-spacing:.06em}
.office .of-row span:first-child{color:var(--paper-dim)}
.office a{color:var(--paper);border-bottom:1px solid rgba(201,166,120,.45)}
.office .of-body{font-size:14px;line-height:2.1;letter-spacing:.05em;color:var(--paper-dim);border-top:1px solid rgba(245,238,228,.1);padding-top:14px}

/* CTA 收尾區 */
.sub-cta{margin-top:var(--s5);display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.sub-cta .btn-primary{display:inline-flex;align-items:center;background:var(--gold);color:#1a1410;
  padding:15px 34px;letter-spacing:.2em;font-size:13.5px;border-radius:999px}
.sub-cta .btn-primary:hover{background:var(--gold-deep);color:#FBF6EE}
.sub-cta .lnk{font-size:13px;letter-spacing:.18em;color:var(--paper-dim);border-bottom:1px solid rgba(201,166,120,.5);padding-bottom:4px}
.sub-cta .lnk:hover{color:var(--gold-bright)}

/* 頁尾 */
.subfoot{position:relative;z-index:1;border-top:1px solid rgba(245,238,228,.14);padding:44px 0 40px;
  font-size:12px;letter-spacing:.1em;color:rgba(245,238,228,.45);text-align:center;line-height:2.2}

@media(max-width:760px){
  .sec{padding:10vh 0}
  .info-table .row{grid-template-columns:1fr;gap:4px}
  .offices{grid-template-columns:1fr}
  .vlabel{display:none}
}