/* V1 Atelier · base: language, shell, header, search, footer, cookie, type, layout */
en,zh{display:contents}
html[data-lang="en"] zh{display:none}
html[data-lang="zh"] en{display:none}
:root{--wrap:1240px;--pad:clamp(20px,4vw,56px);--sec:clamp(72px,10vw,136px);--hd:76px}
body{font-family:var(--en);overflow-x:hidden}
html[data-lang="zh"] body{font-family:var(--cn)}
#site-header,#site-footer{display:contents}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--pad)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--porcelain);padding:10px 18px;border-radius:999px;font-size:13px;transition:top .2s}
.skip:focus{top:12px}

/* design-preview strip (remove by setting PREVIEW=false in js/site.js) */
.pv{background:var(--ink);color:#D8D2CA;font-size:12px;letter-spacing:.04em}
.pv .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:7px}
.pv button{background:none;border:0;color:inherit;cursor:pointer;font-size:18px;line-height:1;padding:2px 6px}
.pv[hidden]{display:none}

/* header */
.hd{position:sticky;top:0;z-index:40;background:rgba(247,245,241,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--hd)}
.hd .brand{display:block;flex:none}
.hd .brand .logo{width:190px;color:var(--ink)}
.hd nav{display:flex;gap:clamp(18px,2.4vw,34px);font-size:13.5px}
.hd nav a{color:var(--grey);padding:6px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.hd nav a:hover,.hd nav a[aria-current="page"]{color:var(--ink);border-color:var(--ink)}
.tools{display:flex;gap:12px;align-items:center}
.ibtn{background:none;border:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:background .2s}
.ibtn:hover{background:var(--stone-soft)}
.ibtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.hd .btn{padding:9px 22px}
.burger{display:none}
@media(max-width:1080px){
  .hd nav,.hd .tools .btn{display:none}
  .burger{display:grid}
  .hd .brand .logo{width:150px}
}

/* mobile menu */
.mm{position:fixed;inset:0;z-index:60;background:var(--porcelain);padding:calc(var(--hd) + 8px) var(--pad) 32px;display:none;flex-direction:column;overflow-y:auto}
.mm.open{display:flex}
.mm .x{position:absolute;right:calc(var(--pad) - 8px);top:20px}
.mm a.l{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);font-family:var(--en);font-weight:300;font-size:28px}
.mm a.l small{font-family:var(--cn);font-size:14px;letter-spacing:.2em;color:var(--grey)}
.mm .foot{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:16px}

/* search overlay */
.sx{position:fixed;inset:0;z-index:70;background:rgba(35,31,32,.46);display:none;align-items:flex-start;justify-content:center;padding:clamp(24px,8vh,96px) var(--pad)}
.sx.open{display:flex}
.sx .box{background:var(--porcelain);width:min(720px,100%);border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(35,31,32,.5)}
.sx form{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}
.sx input{flex:1;font:inherit;font-size:18px;font-weight:300;border:0;background:none;color:var(--ink);padding:6px 0}
.sx input:focus{outline:none}
.sx .res{max-height:min(56vh,460px);overflow-y:auto}
.sx .res a{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:14px 22px;border-bottom:1px solid var(--line);align-items:baseline}
.sx .res a:hover,.sx .res a.hl{background:var(--stone-soft)}
.sx .res small{font-family:var(--en);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--sand-text)}
.sx .res b{font-weight:400}
.sx .res span.s{display:block;font-size:13px;color:var(--grey);margin-top:2px}
.sx .empty{padding:28px 22px;color:var(--grey);font-size:14px}
.sx .hint{display:flex;flex-wrap:wrap;gap:8px;padding:16px 22px}
.sx .hint a{border:1px solid var(--line);border-radius:999px;padding:3px 14px;font-size:13px;display:inline-block}
.sx .hint a:hover{border-color:var(--ink)}

/* type + layout */
.sec{padding-block:var(--sec)}
.sec.tint{background:var(--stone-soft)}
.sec.stone{background:var(--stone)}
.sec.white{background:var(--white)}
.sec.tight{padding-block:clamp(48px,6vw,88px)}
.eyebrow{display:flex;gap:16px;align-items:center;margin-bottom:22px}
.eyebrow::before{content:"";display:block;width:40px;height:1px;background:var(--sand);flex:none}
.h1{font-family:var(--en);font-weight:300;font-size:clamp(36px,5.2vw,68px);line-height:1.06;letter-spacing:-.005em}
.h2{font-family:var(--en);font-weight:300;font-size:clamp(28px,3.8vw,48px);line-height:1.14}
.h3{font-family:var(--en);font-weight:300;font-size:clamp(20px,2.2vw,28px);line-height:1.25}
html[data-lang="zh"] .h1,html[data-lang="zh"] .h2,html[data-lang="zh"] .h3{font-family:var(--cn);letter-spacing:.04em}
.zhsub{font-family:var(--cn);letter-spacing:.3em;color:var(--grey);margin-top:14px}
.lead{font-size:16.5px;line-height:1.8;max-width:58ch}
.fine{font-size:12.5px;color:var(--grey)}
.row-between{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.maxw{max-width:62ch}
.rule{height:1px;background:var(--ink);border:0;margin:0}

/* page head (inner pages) */
.ph0{padding:clamp(40px,6vw,88px) 0 clamp(32px,4vw,56px);border-bottom:1px solid var(--line)}
.ph0 .crumb{display:flex;gap:10px;align-items:center;margin-bottom:34px;flex-wrap:wrap}
.ph0 .crumb a:hover{color:var(--ink)}
.ph0 .crumb i{font-style:normal;opacity:.5}
.ph0 .wrap{display:flex;flex-direction:column}
.ph0 .lead{margin-top:22px}

/* footer */
.ft{border-top:1px solid var(--ink);padding:64px 0 36px;background:var(--porcelain)}
.ft .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:36px}
.ft .logo{width:180px;color:var(--ink)}
.ft p.t{margin-top:18px;font-size:13px;color:var(--grey);max-width:30ch}
.ft h4{font-family:var(--en);font-weight:400;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--grey);margin-bottom:14px}
.ft ul{display:flex;flex-direction:column;gap:7px;font-size:13.5px}
.ft a:hover{color:var(--sage-deep)}
.ft .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;margin-top:16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--grey)}
.ft .legal nav{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:900px){.ft .wrap{grid-template-columns:1fr 1fr}.ft .wrap>div:first-child{grid-column:1/-1}}

/* cookie banner (GDPR: non-essential declined by default) */
.ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:80;max-width:560px;background:var(--white);border:1px solid var(--ink);padding:20px 22px;display:none;flex-direction:column;gap:14px;box-shadow:0 20px 40px -24px rgba(35,31,32,.5)}
.ck.open{display:flex}
.ck p{font-size:13px;line-height:1.6}
.ck .b{display:flex;gap:10px;flex-wrap:wrap}
.ck .btn{padding:9px 20px;font-size:12.5px}
@media(min-width:700px){.ck{left:24px;right:auto;bottom:24px}}

/* toast */
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--porcelain);padding:12px 22px;border-radius:999px;font-size:13px;z-index:90;transition:.3s}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* reveal */
.rv{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s ease}
.rv.in{opacity:1;transform:none}
@media print{.hd,.ft,.ck,.pv,.sx{display:none}.rv{opacity:1;transform:none}}