@charset "UTF-8";
:root{--bg:#0b0b0b;--panel:#151515;--fg:#f6f6f4;--muted:#aaa;--line:#333;--accent:#bff267;--max:1240px;color-scheme:dark;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;font-weight:500}h1{font-size:clamp(42px,6vw,80px);letter-spacing:-.045em}h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.02em}h3{font-size:24px}.wrap{max-width:var(--max);width:calc(100% - 80px);margin-inline:auto}.eyebrow{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.lede{font-size:18px;max-width:660px;color:#bbb}.muted{color:var(--muted)}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.site-header{position:sticky;top:0;z-index:30;background:#fff;color:#141414;box-shadow:0 1px 0 #ddd}.header-inner{max-width:1440px;width:calc(100% - 80px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:86px}.brand img{width:128px;height:auto;filter:invert(1)}.nav{display:flex;gap:32px;align-items:center}.nav a{font-size:15px;padding-block:27px;position:relative}.nav a[aria-current=page]::after{content:"";position:absolute;bottom:20px;left:0;right:0;height:2px;background:#141414}.nav a:hover{color:#555}.menu-toggle{display:none;background:none;border:1px solid #ccc;padding:7px 13px;color:#141414}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;background:var(--fg);border:1px solid var(--fg);color:#0b0b0b;font-size:15px;line-height:1.5;min-height:48px}.button:hover{background:#ddd;border-color:#ddd}.button.outline{background:none;color:var(--fg);border-color:#777}.button.outline:hover{background:#242424}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.hero{min-height:650px;height:calc(100svh - 86px);max-height:1000px;position:relative;isolation:isolate;display:flex;align-items:center;background:#000;overflow:hidden}.hero-art{position:absolute;z-index:-1;inset:0;background:url('../images/studio/hero.jpg') right center/auto 100% no-repeat;opacity:.82}.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#000 38%,transparent 68%)}.hero .eyebrow{color:#bbb}.hero h1{font-size:clamp(80px,10vw,150px);letter-spacing:.025em;line-height:.92;margin-bottom:35px}.hero p.hero-copy{font-size:18px;color:#bbb;max-width:410px}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.16em;color:#aaa}.section{padding-block:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-head h2{margin-bottom:0}.text-link{border-bottom:1px solid #888;font-size:15px;padding-bottom:4px;white-space:nowrap}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.intro-grid .text p{color:#aaa}.wide-photo{width:100%;aspect-ratio:4/3;object-fit:cover}.services-line{border-block:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;gap:18px;font-size:16px;flex-wrap:wrap;color:#b8b8b8}.cases-feature{padding-block:0}.case-feature{padding-block:80px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.case-feature:nth-of-type(even) .case-image{order:2}.case-feature:nth-of-type(even) .case-copy{order:1}.case-feature .case-image img{width:100%;aspect-ratio:4/3;object-fit:cover}.case-copy p{color:#aaa}.case-copy h3{font-size:clamp(34px,4vw,58px);margin-bottom:24px}.case-copy h3 span{display:block;font-size:.62em;line-height:1.5;margin-top:12px}.project-meta{font-size:14px;color:#999;list-style:none;padding:0;line-height:2}.banner-feature{padding-block:64px;border-top:1px solid var(--line)}.banner-feature img{width:100%;height:auto}.banner-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px}.banner-caption p{margin:0;color:#aaa}.cta-strip{padding-block:70px;border-top:1px solid var(--line)}.cta-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-strip h2{margin-bottom:12px}.cta-strip p{color:#aaa;margin:0}.site-footer{border-top:1px solid #333;background:#111;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1.1fr;gap:70px}.footer-grid img{width:160px;margin-bottom:24px}.footer-grid p,.footer-grid li{font-size:14px;color:#aaa}.footer-grid h3{font-size:16px;letter-spacing:.08em}.footer-grid ul{padding:0;list-style:none}.footer-grid li{margin:7px 0}.footer-bottom{font-size:12px;color:#888;border-top:1px solid #333;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:20px}
.page-title{padding-block:80px 50px;border-bottom:1px solid var(--line)}.page-title h1{margin-bottom:20px}.page-hero{height:400px;position:relative;background:#161616;display:flex;align-items:center}.page-hero img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.38)}.page-hero .wrap{position:relative}.page-hero h1{margin:0}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.copy p{color:#bbb;white-space:pre-line}.copy h3{margin-top:35px}.portrait{aspect-ratio:4/5;object-fit:cover;object-position:center}.small-label{font-size:14px;color:#aaa;display:block;margin-top:12px}.list-columns{list-style:none;padding:0;columns:2;column-gap:60px}.list-columns li{break-inside:avoid;padding:12px 0;border-bottom:1px solid #292929;color:#bbb;font-size:16px}.tag-list{display:flex;gap:10px;flex-wrap:wrap}.tag{padding:7px 15px;border:1px solid #393939;color:#bbb;font-size:14px}.room-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.room-gallery img{width:100%;aspect-ratio:3/2;object-fit:cover}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.gallery-grid figure{margin:0}.gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-grid figcaption{font-size:16px;padding-top:12px;color:#bbb}.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.partner-grid h3{font-size:22px}.partner-grid ul{list-style:none;padding:0;color:#aaa}.partner-grid li{padding:6px 0}.photo-open{padding:0;border:0;background:none;color:inherit;width:100%;display:block;cursor:zoom-in}.photo-open:focus-visible{outline-offset:5px}.gallery-section{border-top:1px solid var(--line)}
.price-intro{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:65px}.plan-card{border:1px solid #3c3c3c;padding:32px}.plan-card h2{font-size:28px;margin-bottom:20px}.plan-card strong{font-size:50px;line-height:1;display:block;font-weight:500}.plan-card strong small{font-size:16px;color:#aaa}.plan-card p{color:#aaa;margin:20px 0 0}.plan-card.pro{background:#171c14;border-color:#647748}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:320px}th,td{padding:18px 20px;border-bottom:1px solid #333}th{font-weight:500;color:#999;font-size:15px}td{font-size:17px}td:not(:first-child){font-variant-numeric:tabular-nums}.price-block{margin-bottom:70px}.price-block h2{font-size:30px}.price-block .muted{font-size:15px}.notes{padding:30px 35px;background:#151515;border-left:2px solid #888}.notes h3{font-size:20px}.notes ul{padding-left:22px;color:#bbb;margin-bottom:0}.faq details{border-bottom:1px solid #333;padding:24px 0}.faq summary{font-size:19px;cursor:pointer}.faq details p{color:#aaa;max-width:900px;margin:18px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-block:55px}.step{border-top:1px solid #666;padding-top:25px}.step .number{font-size:14px;color:#888;letter-spacing:.1em}.step h3{margin:16px 0}.step p{color:#aaa;font-size:16px}.booking-card{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#151515;border:1px solid #333;padding:55px}.booking-card h2{font-size:34px}.booking-card p{color:#aaa}.wechat-search{background:#fff;color:#171717;padding:35px}.wechat-search .eyebrow{color:#777}.wechat-search strong{font-size:28px;display:block;line-height:1.4}.wechat-search ol{color:#666;padding-left:23px;margin-bottom:0}.wechat-search .button{background:#111;color:#fff;margin-top:20px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-info{padding-top:5px}.contact-item{border-top:1px solid #333;padding:25px 0}.contact-item h2{font-size:20px;color:#888;margin-bottom:12px}.contact-item p{font-size:20px;line-height:1.8;margin:0}.map-card{background:#151515;border:1px solid #333;padding:32px}.map-card img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:25px}.map-card p{color:#aaa}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#f4f4f4;color:#111;padding:12px 24px;z-index:100;max-width:calc(100% - 40px);box-shadow:0 4px 30px #0007}.lightbox{width:min(1100px,calc(100% - 32px));max-height:calc(100svh - 32px);background:#101010;color:white;border:1px solid #666;padding:20px}.lightbox::backdrop{background:#000d}.lightbox img{max-height:75svh;max-width:100%;width:auto;margin:auto;object-fit:contain}.lightbox figcaption{text-align:center;padding:12px;font-size:16px}.lightbox figure{margin:0}.dialog-close{display:block;margin-left:auto;background:none;border:1px solid #777;color:#fff;padding:5px 15px;margin-bottom:15px}.lightbox-nav{display:flex;justify-content:center;gap:15px;margin-top:10px}.lightbox-nav button{background:#222;border:1px solid #555;color:white;padding:7px 18px}.form-label{font-size:14px;color:#999}.hidden{display:none!important}
@media(min-width:1600px){.hero-art{background-size:auto 115%;background-position:right center}}
@media(max-width:1050px){.nav{gap:20px}.wrap,.header-inner{width:calc(100% - 48px)}.intro-grid,.case-feature,.split-section{gap:40px}.footer-grid{gap:35px}.hero-art{background-position:calc(100% + 160px) center}.booking-card{padding:35px;gap:35px}.gallery-grid{gap:20px}.case-copy h3{font-size:38px}.contact-layout{gap:35px}}
@media(max-width:760px){.wrap,.header-inner{width:calc(100% - 36px)}.header-inner{min-height:72px}.brand img{width:104px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:14px 24px 24px;box-shadow:0 10px 20px #0003;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 0;font-size:16px}.nav a[aria-current=page]::after{bottom:5px;right:auto;width:28px}.hero{height:calc(88svh - 72px);min-height:560px;max-height:780px}.hero-art{background-size:auto 85%;background-position:calc(100% + 250px) bottom;opacity:.64}.hero-art::after{background:linear-gradient(90deg,#000b,transparent),linear-gradient(0deg,transparent,#0009)}.hero h1{font-size:84px;line-height:1.05;margin-bottom:28px}.hero p.hero-copy{font-size:16px;max-width:270px}.hero-bottom{font-size:11px;letter-spacing:.08em}.section{padding-block:65px}.section-head{margin-bottom:30px;align-items:start;gap:20px}.section-head h2{font-size:30px}.intro-grid,.split-section,.case-feature,.footer-grid,.booking-card,.contact-layout{grid-template-columns:1fr;gap:30px}.intro-grid .wide-photo{aspect-ratio:3/2}.case-feature{padding-block:48px}.case-feature:nth-of-type(even) .case-image,.case-feature:nth-of-type(even) .case-copy{order:initial}.case-feature .case-image img{aspect-ratio:3/2}.case-copy h3{font-size:38px;margin-bottom:20px}.case-copy h3 span{font-size:25px}.banner-feature{padding-block:48px}.banner-caption{flex-direction:column;align-items:start;gap:14px}.banner-feature img{min-height:0}.cta-strip .wrap{display:block}.cta-strip .button{margin-top:24px}.footer-grid{gap:30px}.footer-grid img{width:130px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.page-title{padding-block:55px 35px}.page-hero{height:290px}.page-hero h1{font-size:42px}.gallery-grid{grid-template-columns:1fr 1fr;gap:20px 14px}.gallery-grid figcaption{font-size:14px}.partner-grid,.price-intro{grid-template-columns:1fr;gap:28px}.room-gallery{gap:14px}.list-columns{columns:1}.portrait{max-height:600px;aspect-ratio:4/4}.plan-card{padding:25px}.plan-card strong{font-size:42px}.price-intro{margin-bottom:50px}.price-block{margin-bottom:50px}th,td{padding:15px 13px}.steps{grid-template-columns:1fr;gap:25px;margin-block:35px}.booking-card{padding:25px}.wechat-search{padding:25px}.contact-item p{font-size:18px}.map-card{padding:24px}.lightbox{padding:12px}.notes{padding:22px}.services-line{justify-content:flex-start;gap:18px 25px}.lede{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.booking-qr { margin:0 0 28px; text-align:center; }
.booking-qr img { width:210px; height:210px; object-fit:contain; background:#fff; border-radius:8px; padding:8px; margin:0 auto 12px; }
.booking-qr figcaption { color:#b7b7b7; font-size:14px; }