:root{--bg:#faf8f5;--bg-tint:#f3eee6;--surface:#fff;--ink:#1d1a17;--muted:#6d655b;--line:#1d1a171a;--accent:#a67c3d;--accent-soft:#efe3cf;--nav-hover:#000;--placeholder:#e9e3d9;--shadow:0 1px 2px #281e0a0f, 0 12px 32px -12px #281e0a2e;--font-sans:"Inter", "Noto Sans HK", system-ui, -apple-system, "Segoe UI", "PingFang HK", "Microsoft JhengHei", sans-serif;--font-serif:"Cormorant Garamond", "Noto Serif HK", "Songti TC", "PMingLiU", Georgia, serif;--maxw:1280px;--g:max(18px, calc((100vw - var(--maxw)) / 2 + 18px));--row:260px;--gap:8px;--p:0;--H0:312px;--H1:68px;--range:244;--av0:152px;--av1:44px;--avt0:28px;--avt1:12px;--nm-t0:196px;--nm-t1:20px;--nm-fs0:32px;--nm-fs1:20px;--sl-t0:238px;--nav-t0:270px;--nav-t1:15px;--lang-t0:18px;--lang-t1:19px}@media (max-width:860px){:root{--row:190px;--H0:266px;--H1:100px;--range:166;--av0:112px;--av1:38px;--avt0:22px;--avt1:9px;--nm-t0:146px;--nm-t1:15px;--nm-fs0:28px;--nm-fs1:19px;--sl-t0:184px;--nav-t0:216px;--nav-t1:54px;--lang-t0:14px;--lang-t1:14px}}@media (max-width:520px){:root{--row:150px;--gap:6px}}@media (min-width:1500px){:root{--row:300px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141311;--bg-tint:#1a1815;--surface:#1f1d19;--ink:#f1ece4;--muted:#a39b8f;--line:#f1ece41f;--accent:#d2ad73;--accent-soft:#3a3125;--nav-hover:#fff;--placeholder:#26231f;--shadow:0 1px 2px #0006, 0 12px 32px -12px #0009}}:root:lang(zh-CN){--font-sans:"Inter", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif:"Cormorant Garamond", "Noto Serif SC", "Songti SC", "SimSun", Georgia, serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--H1) + 12px);-webkit-text-size-adjust:100%;text-autospace:normal;background:var(--bg)}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.7}body:before{content:"";z-index:-1;background:radial-gradient(60% 70% at 50% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(35% 45% at 90% 15%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%);pointer-events:none;height:620px;position:absolute;inset:0 0 auto}img,video{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}h1,h2,h3,p,figure,ol,ul,blockquote{margin:0}ol,ul{padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}::selection{background:var(--accent-soft)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 18px}main{padding-top:var(--H0)}.site-header{z-index:50;height:calc(var(--H0) + (var(--H1) - var(--H0)) * var(--p));pointer-events:none;position:fixed;inset:0 0 auto}.site-header>*{pointer-events:auto}.header-bg{opacity:var(--p);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(16px);backdrop-filter:saturate(1.6)blur(16px);border-bottom:1px solid var(--line);pointer-events:none;position:absolute;inset:0}.brand-avatar{--S:calc(var(--av0) + (var(--av1) - var(--av0)) * var(--p));width:var(--S);height:var(--S);top:calc(var(--avt0) + (var(--avt1) - var(--avt0)) * var(--p));left:calc((1 - var(--p)) * (50% - var(--S) / 2) + var(--p) * var(--g));padding:calc(4px - 2px * var(--p));background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 25%, var(--bg)) 55%, var(--accent));box-shadow:0 10px 30px -10px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:50%;transition:transform .4s cubic-bezier(.2,.7,.2,1);position:absolute}.brand-avatar:hover{transform:scale(1.04)}.brand-avatar img{object-fit:cover;border:2px solid var(--bg);border-radius:50%;width:100%;height:100%}.brand-name{white-space:nowrap;font-family:var(--font-serif);letter-spacing:.01em;font-weight:600;line-height:1.1;font-size:calc(var(--nm-fs0) + (var(--nm-fs1) - var(--nm-fs0)) * var(--p));top:calc(var(--nm-t0) + (var(--nm-t1) - var(--nm-t0)) * var(--p));left:calc((1 - var(--p)) * 50% + var(--p) * (var(--g) + var(--av1) + 14px));transform:translateX(calc((1 - var(--p)) * -50%));position:absolute;pointer-events:none!important}.brand-slogan{top:var(--sl-t0);white-space:nowrap;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);opacity:calc(1 - var(--p) * 2.5);font-size:12px;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.nav{top:calc(var(--nav-t0) + (var(--nav-t1) - var(--nav-t0)) * var(--p));background:color-mix(in srgb, var(--surface) calc(60% * (1 - var(--p))), transparent);border:1px solid color-mix(in srgb, var(--line) calc(100% * (1 - var(--p))), transparent);border-radius:999px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav a{white-space:nowrap;color:var(--muted);border-radius:999px;padding:6px 15px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;transition:color .25s,background-color .25s;position:relative}.nav a:hover{color:var(--nav-hover)}.nav a.active,.nav a.active:hover{color:var(--nav-hover);background:var(--accent-soft)}.lang{top:calc(var(--lang-t0) + (var(--lang-t1) - var(--lang-t0)) * var(--p));right:var(--g);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:999px;padding:3px;display:flex;position:absolute}.lang button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:2px 11px;font-size:12px;font-weight:600;transition:all .25s}.lang button[aria-pressed=true]{background:var(--ink);color:var(--bg)}@media (max-width:860px){.nav{width:max-content;max-width:calc(100vw - 2 * var(--g))}.nav a{padding:6px 13px}.brand-slogan{letter-spacing:.18em;font-size:11px}}.nav-scroll{scrollbar-width:none;gap:4px;min-width:0;display:flex;position:relative;overflow-x:auto}.nav-scroll::-webkit-scrollbar{display:none}.nav-scroll.fade-l{-webkit-mask-image:linear-gradient(90deg,#0000,#000 36px);mask-image:linear-gradient(90deg,#0000,#000 36px)}.nav-scroll.fade-r{-webkit-mask-image:linear-gradient(270deg,#0000,#000 36px);mask-image:linear-gradient(270deg,#0000,#000 36px)}.nav-scroll.fade-l.fade-r{-webkit-mask-image:linear-gradient(90deg,#0000,#000 36px calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#0000,#000 36px calc(100% - 36px),#0000)}.section{padding:clamp(56px,9vw,120px) 0;scroll-margin-top:-56px}.section--tint{background:var(--bg-tint)}.section-head{margin-bottom:clamp(28px,4vw,52px)}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:600}h2{font-family:var(--font-serif);letter-spacing:-.01em;font-size:clamp(36px,5vw,60px);font-weight:600;line-height:1.1}h3{font-family:var(--font-serif);font-size:clamp(24px,2.4vw,30px);font-weight:600;line-height:1.2}:lang(zh) h2,:lang(zh) h3,:lang(zh) .brand-name{letter-spacing:.04em}:lang(zh) .brand-name{font-family:var(--font-serif)}:lang(zh) .eyebrow,:lang(zh) .brand-slogan{letter-spacing:.3em}.about{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(28px,6vw,88px);display:grid}.about-quote{font-family:var(--font-serif);padding-top:56px;font-size:clamp(26px,3vw,38px);font-weight:500;line-height:1.4;position:relative}.about-quote:before{content:"“";color:var(--accent);opacity:.55;font-size:120px;line-height:1;position:absolute;top:-18px;left:-4px}.about-body{color:var(--muted);gap:18px;padding-top:6px;display:grid}.about-body p:first-child{color:var(--ink)}.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(36px,5vw,64px);display:grid}.facts li{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:2px;padding:22px 24px;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s;display:flex}.facts li:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.facts strong{font-family:var(--font-serif);font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.15}.facts span{color:var(--muted);font-size:14px}@media (max-width:860px){.about,.facts{grid-template-columns:1fr}.facts li{flex-direction:row;align-items:baseline;gap:12px;padding:16px 20px}}.tabs{background:var(--surface);border:1px solid var(--line);border-radius:999px;gap:2px;margin-bottom:24px;padding:4px;display:inline-flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 20px;font-size:15px;font-weight:500;transition:all .25s}.tabs button small{opacity:.7;margin-left:4px;font-size:12px}.tabs button[aria-selected=true]{background:var(--ink);color:var(--bg)}.tabpanel{animation:.5s cubic-bezier(.2,.7,.2,1) fade-up}.tabpanel[hidden]{display:none}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .25s,background-color .25s,color .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn--ghost:hover{border-color:var(--ink)}.more{justify-content:center;margin-top:28px;display:flex}.gallery{gap:var(--gap);flex-wrap:wrap;display:flex}.gallery:after{content:"";flex-grow:1000000}.gallery--tall{--row:360px}.gallery--studio{--row:200px}.gallery--studio:after{display:none}@media (max-width:860px){.gallery--tall{--row:280px}.gallery--studio{--row:150px}}@media (max-width:520px){.gallery--tall{--row:220px}.gallery--studio{--row:110px}}.tile{background:var(--placeholder);aspect-ratio:var(--ar);flex:calc(var(--ar) * 100) 1 calc(var(--ar) * var(--row));isolation:isolate;border:0;border-radius:10px;min-width:0;padding:0;position:relative;overflow:hidden}.tile img,.rail-card button img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s,transform .9s cubic-bezier(.2,.7,.2,1);transform:scale(1.04)}.tile.is-loaded img,.rail-card button.is-loaded img{opacity:1;transform:none}.tile:after{content:"";opacity:0;background:linear-gradient(#0000 55%,#00000059);transition:opacity .35s;position:absolute;inset:0}@media (hover:hover){.tile:hover img{transition-duration:.6s;transform:scale(1.06)}.tile:hover:after{opacity:1}}.play{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14121080;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;transition:transform .35s cubic-bezier(.2,.7,.2,1),background-color .35s;display:grid;position:absolute;top:50%;left:50%}.play svg{margin-left:3px}.tile--video:hover .play{background:var(--accent);transform:scale(1.12)}.rail-block+.rail-block{margin-top:clamp(40px,5vw,64px)}.rail-block h3{margin-bottom:18px}.rail-wrap{position:relative}.rail{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-x:contain;gap:16px;margin:0 -18px;padding:4px 18px 18px;scroll-padding-inline:18px;display:flex;overflow-x:auto}.rail-card{scroll-snap-align:start;flex:none}.rail-card button{--h:clamp(220px, 28vw, 360px);height:var(--h);aspect-ratio:var(--ar);background:var(--placeholder);box-shadow:var(--shadow);border:0;border-radius:14px;padding:0;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:block;overflow:hidden}.rail-card button:hover{transform:translateY(-4px)}.rail-card figcaption{color:var(--muted);max-width:32ch;margin-top:12px;font-size:14px}.rail-btn{z-index:2;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);width:44px;height:44px;box-shadow:var(--shadow);border-radius:50%;place-items:center;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:calc(clamp(220px,28vw,360px)/2 - 22px)}.rail-btn:hover{transform:scale(1.08)}.rail-btn--prev{left:-12px}.rail-btn--next{right:-12px}.rail-btn:disabled{opacity:0;pointer-events:none}.rail-wrap.no-overflow .rail-btn{display:none}@media (hover:none){.rail-btn{display:none}}.recommend{background:var(--surface);border:1px solid var(--line);border-radius:24px;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);padding:clamp(26px,4vw,52px);display:grid}.recommend-who h3{font-size:clamp(34px,4vw,48px)}.recommend-who p{background:var(--accent-soft);border-radius:999px;margin-top:14px;padding:4px 14px;font-size:14px;display:inline-block}.timeline{gap:20px;padding-left:30px;display:grid;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:12px;bottom:12px;left:5px}.timeline li{position:relative}.timeline li:before{content:"";background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:11px;height:11px;position:absolute;top:.62em;left:-30px}@media (max-width:860px){.recommend{grid-template-columns:1fr}}.contact{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(20px,3vw,36px);display:grid}.contact-cards{gap:16px;display:grid}.map{border:1px solid var(--line);background:var(--placeholder);border-radius:22px;height:clamp(280px,38vw,420px);margin-top:clamp(20px,3vw,36px);overflow:hidden}.map iframe{border:0;width:100%;height:100%;display:block}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:clamp(22px,3vw,34px)}.card h3{margin-bottom:10px}.card address{color:var(--muted);margin-bottom:20px;font-style:normal}.card--qr{align-items:center;gap:22px;display:flex}.card--qr img{border-radius:12px;flex:none;width:132px;height:132px}.card--qr p{color:var(--muted);font-size:15px}@media (max-width:860px){.contact{grid-template-columns:1fr}}.site-footer{max-width:var(--maxw);color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin:0 auto;padding:28px 18px 40px;font-size:14px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--ink)}.reveal{opacity:0;transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.reveal.in:nth-child(2){transition-delay:80ms}.reveal.in:nth-child(3){transition-delay:.16s}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}}.lb{--lb-dim:1;color:#fff;background:rgba(10, 9, 8, calc(.94 * var(--lb-dim)));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);touch-action:none;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.lb[open]{animation:.28s both lb-in}.lb.closing{animation:.2s both lb-out}.lb::backdrop{background:0 0}@keyframes lb-in{0%{opacity:0}}@keyframes lb-out{to{opacity:0}}.lb-stage{grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;padding:0 clamp(8px,7vw,96px);display:grid;position:absolute;inset:56px 0 64px}.lb-media{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:6px;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;box-shadow:0 30px 80px -20px #000000b3}video.lb-media{background:#000}.lb-btn{z-index:2;color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;transition:background-color .2s,transform .2s;display:grid;position:absolute}.lb-btn:hover{background:#fff3}.lb-close{top:14px;right:14px}.lb-nav{margin-top:-23px;top:50%}.lb-nav:hover{transform:scale(1.08)}.lb-prev{left:16px}.lb-next{right:16px}.lb-bar{justify-content:space-between;align-items:baseline;gap:16px;padding:14px clamp(18px,4vw,40px) 20px;font-size:15px;display:flex;position:absolute;inset:auto 0 0}.lb-caption{min-width:0;font-family:var(--font-serif);flex:1;font-size:22px;font-weight:500}.lb-counter{white-space:nowrap;letter-spacing:.08em;opacity:.65;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:13px}@media (max-width:700px){.lb-nav{margin:0;top:auto;bottom:10px}.lb-prev{left:auto;right:72px}.lb-next{right:16px}.lb-stage{padding:0 8px;inset:56px 0 72px}.lb-bar{padding-right:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}