
:root {
  --black:#1d1b19;
  --ink:#25201d;
  --cream:#f7f3ee;
  --paper:#fffaf4;
  --rose:#c8a997;
  --rose-dark:#a97863;
  --muted:#6f6660;
  --line:rgba(38,29,24,.16);
  --max:1680px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;letter-spacing:0;line-height:1.8;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
.site-header{position:sticky;top:0;z-index:80;height:92px;padding:0 clamp(22px,6vw,120px);display:flex;align-items:center;gap:34px;background:rgba(247,243,238,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand{width:168px;display:grid;line-height:1.05}.brand-en{font-family:Georgia,serif;font-weight:800;font-size:26px;letter-spacing:.08em}.brand-zh{font-size:11px;letter-spacing:.32em;color:var(--rose-dark)}
.nav{margin-left:auto;display:flex;gap:26px;align-items:center;font-weight:700;font-size:15px;white-space:nowrap}.nav a{position:relative;padding:30px 0}.nav a.active:after,.nav a:hover:after{content:"";position:absolute;left:50%;bottom:19px;width:22px;height:2px;background:var(--rose);transform:translateX(-50%)}
.menu-toggle{display:none}.book-pill,.btn,button{border-radius:6px;border:1px solid var(--rose);padding:12px 26px;font-weight:800;background:var(--rose);color:#1e1713;cursor:pointer}.book-pill{background:var(--black);color:#fff;border-color:transparent;border-radius:999px}
.home-hero{min-height:calc(100vh - 92px);background:linear-gradient(90deg,rgba(20,17,16,.92),rgba(20,17,16,.72) 38%,rgba(20,17,16,.12) 72%),url('/work06/assets/hero.webp?v=20260801-work06-image-dimensions-v1') center/cover no-repeat;display:flex;align-items:center;padding:120px clamp(28px,7vw,160px)}.hero-copy{max-width:760px;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,0));padding:38px 34px 38px 0}.eyebrow{margin:0 0 20px;color:var(--rose);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}h1,h2,h3{font-family:"Noto Serif TC",Georgia,serif;line-height:1.12;margin:0}h1{font-size:clamp(38px,4.1vw,72px);letter-spacing:.02em}h2{font-size:clamp(28px,2.5vw,44px)}h3{font-size:clamp(21px,1.45vw,26px)}p{font-size:17px;color:var(--muted);max-width:780px}.home-hero p{color:rgba(255,255,255,.86)}.hero-sub{font-size:clamp(18px,1.45vw,24px);margin:22px 0 20px;font-weight:800}.hero-actions,.center{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.center{justify-content:center;margin-top:42px}.btn.ghost{background:rgba(0,0,0,.22);color:#fff;border-color:rgba(255,255,255,.55)}.btn.primary{background:var(--rose);color:#1e1713}.btn.light{background:var(--paper);color:var(--ink);border-color:var(--line)}.btn.dark-btn{background:var(--black);color:#fff}.mini-link{display:inline-block;margin-top:20px;color:var(--rose-dark);font-weight:900;border-bottom:1px solid currentColor}
.section,.split-section,.price-band,.booking-split,.form-section{max-width:var(--max);margin:0 auto;padding:120px clamp(22px,4vw,70px)}.lookbook{max-width:none;margin:0;background:var(--black);color:#fff;padding:120px max(clamp(22px,6vw,120px),calc((100vw - var(--max))/2 + 70px))}.lookbook .section-head,.lookbook .magazine-wall{max-width:var(--max);margin-left:auto;margin-right:auto}.lookbook .section-head h2{color:#fff}.lookbook .section-head p{color:rgba(255,255,255,.72)}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.split-image{height:720px;overflow:hidden}.split-copy p+p{margin-top:18px}.text-link{font-weight:900;color:var(--rose-dark);border-bottom:1px solid currentColor}.dark{max-width:none;background:var(--black);color:#fff;padding-inline:max(clamp(22px,6vw,120px),calc((100vw - var(--max))/2 + 70px));padding-block:130px}.dark p{color:rgba(255,255,255,.74)}.section-head{text-align:center;display:grid;place-items:center;margin-bottom:62px}.section-head p{margin:22px auto 0}
.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature-list article{background:var(--paper);border:1px solid var(--line);padding:38px;min-height:260px}.feature-list span{color:var(--rose-dark);font-weight:900;letter-spacing:.16em}
.service-grid,.cards.three,.stylist-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.stylist-strip,.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two,.stylist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}.card{background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:.25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(34,25,18,.12)}.card>img{height:360px;object-position:center 28%}.card-body{padding:34px}.card-label{display:block;color:var(--rose-dark);font-size:14px;font-weight:900;letter-spacing:.16em;margin-bottom:16px}.card p{font-size:16px;margin:14px 0 0}.dark .card h3{color:var(--ink)}.dark .card p{color:var(--muted)}.stylist-grid .card>img{height:520px}.service-grid .card>img{height:430px}
.filter-pills{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.filter-pills span{border:1px solid var(--line);background:rgba(255,255,255,.55);padding:9px 16px;border-radius:999px;font-size:14px;color:var(--muted)}.lookbook .filter-pills span{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:rgba(255,255,255,.8)}.filter-pills.wide{margin:0 0 42px}
.magazine-wall{columns:3;column-gap:22px}.gallery-grid{columns:4;column-gap:22px}.magazine-wall figure,.gallery-grid figure{margin:0 0 22px;position:relative;overflow:hidden;background:#171312;cursor:zoom-in;border:0;box-shadow:0 22px 58px rgba(0,0,0,.26);break-inside:avoid}.magazine-wall figure img{height:auto;width:100%;object-fit:contain;object-position:center;padding:0;background:#171312}.gallery-grid figure img{height:auto;width:100%;object-fit:contain;object-position:center;padding:0;background:#171312}.magazine-wall figure::after,.gallery-grid figure::after{content:"";position:absolute;inset:auto 0 0 0;height:44%;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,0));pointer-events:none}figcaption{position:absolute;left:18px;bottom:18px;z-index:2;color:#fff;font-weight:900;text-shadow:none;background:rgba(24,19,17,.78);border-left:3px solid var(--rose);padding:8px 12px;line-height:1.2;backdrop-filter:blur(10px)}
.price-band{text-align:center;background:var(--paper);border-block:1px solid var(--line);max-width:none}.price-row{max-width:1280px;margin:38px auto;display:grid;grid-template-columns:repeat(4,1fr);background:var(--black);color:#fff}.price-row div{padding:42px 24px;border-right:1px solid rgba(255,255,255,.12)}.price-row span{display:block;color:var(--rose);font-weight:900}.price-row strong{font-family:Georgia,serif;font-size:30px;color:var(--rose)}.note,.narrow{max-width:980px;margin-inline:auto}
.booking-split{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}.booking-split>div:first-child{min-height:620px;overflow:hidden}.booking-panel{background:var(--black);color:#fff;padding:64px}.booking-panel p,.booking-panel li{color:rgba(255,255,255,.75)}form{display:grid;gap:16px;margin-top:26px}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:inherit;border-radius:6px;padding:16px 18px;font:inherit}textarea{min-height:130px}.wide-form-wrap{max-width:1320px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.wide-form{background:var(--paper);padding:54px;border:1px solid var(--line)}.wide-form input,.wide-form select,.wide-form textarea{border-color:var(--line);background:#fff;color:var(--ink)}.page-hero{min-height:520px;padding:128px clamp(26px,8vw,160px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(120deg,#171313,#2a201d)}.page-hero h1,.page-hero p{color:#fff}.page-hero p:last-child{font-size:18px;color:rgba(255,255,255,.76)}.price-table{max-width:1180px;margin:auto;border-top:1px solid var(--line)}.price-table div{display:grid;grid-template-columns:1fr 1.5fr auto;gap:22px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}.price-table strong{font-size:21px}.price-table em{font-style:normal;font-family:Georgia,serif;color:var(--rose-dark);font-size:24px;font-weight:800}.float-book{position:fixed;right:34px;bottom:34px;z-index:60;background:var(--rose);color:#1d1512;padding:16px 22px;border-radius:999px;font-weight:900;box-shadow:0 18px 48px rgba(0,0,0,.22)}
.site-footer{background:var(--black);color:#fff;padding:70px clamp(24px,6vw,120px);display:grid;gap:24px}.footer-brand strong{font-family:Georgia,serif;font-size:28px;letter-spacing:.08em}.footer-brand span{display:block;color:var(--rose);letter-spacing:.3em;font-size:12px}.footer-info,.footer-links{display:flex;gap:20px;flex-wrap:wrap;color:rgba(255,255,255,.72)}.site-footer small{color:rgba(255,255,255,.45);border-top:1px solid rgba(255,255,255,.12);padding-top:24px}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.84);z-index:120;display:none;align-items:center;justify-content:center;padding:40px}.lightbox.open{display:flex}.lightbox img{max-width:min(980px,88vw);max-height:86vh;width:auto;height:auto;object-fit:contain}.lightbox button{position:absolute;top:24px;right:24px}
@media(max-width:1180px){.site-header{height:auto;min-height:84px;flex-wrap:wrap;padding-block:14px}.menu-toggle{display:block;margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--ink)}.nav{order:4;width:100%;display:none;overflow:auto;gap:22px}.site-header.menu-open .nav{display:flex}.book-pill{margin-left:0}.home-hero{min-height:780px;background-position:72% center}.split-section,.booking-split,.wide-form-wrap{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.magazine-wall,.gallery-grid{columns:2}.price-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{overflow-x:hidden}h1{font-size:34px}h2{font-size:26px}h3{font-size:22px}p{font-size:16px}.hero-sub{font-size:17px}.home-hero{padding:70px 22px;min-height:720px;background-color:#0f0e0d;background-size:cover,auto 92%;background-position:center,72% bottom;background-repeat:no-repeat}.hero-copy{padding:28px 0}.service-grid,.cards.two,.cards.three,.stylist-strip,.stylist-grid,.feature-list,.price-row{grid-template-columns:1fr}.magazine-wall,.gallery-grid{columns:1}.section,.split-section,.lookbook,.price-band,.booking-split,.form-section{padding:76px 20px}.split-image,.booking-split>div:first-child{height:460px;min-height:0}.card>img,.service-grid .card>img,.stylist-grid .card>img{height:360px}.float-book{right:18px;bottom:18px}.brand{width:140px}.brand-en{font-size:21px}.price-table div{grid-template-columns:1fr}}
