:root{color-scheme:light dark;--teal:#5d9090;--deep:#4a7576;--ink:#231815;--gray:#373433;--paper:#f7f7f2;--line:#d8dcd5;--muted:#626862}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #d0a84a;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}p{line-height:1.85}h2{font-size:clamp(32px,3.4vw,53px);line-height:1.4;font-weight:600;letter-spacing:-1.5px}h3{font-weight:600}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}.header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #eceee8}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:600;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:5px}.brand img{width:66px;height:66px}.header nav{display:flex;align-items:center;gap:30px;font-size:13px}.header nav>a{padding:12px 0}.header nav>a:hover{color:var(--deep)}.header nav .nav-contact{background:var(--ink);color:white;padding:14px 20px;margin-left:6px}.nav-contact span{padding-left:18px}.menu{display:none}.hero{padding:26px 5% 0;background:var(--teal);color:#fff}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.7px}.hero-top{border-bottom:1px solid #ffffff42;padding-bottom:22px}.dot{display:inline-block;width:7px;height:7px;background:#e4f2dc;border-radius:50%;margin-right:12px}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;padding:58px 0 52px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.7px;line-height:1.8}.hero-copy .eyebrow{font-size:13px;letter-spacing:3px;color:#f0f5e9}h1{font-size:clamp(55px,6.3vw,98px);letter-spacing:-4px;line-height:1.18;font-weight:600;margin:24px 0 27px}.outline-text{-webkit-text-stroke:1px white;color:transparent}.hero-description{font-size:15px;color:#f2f6ef;line-height:1.9;margin-bottom:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:210px;gap:36px;padding:17px 22px;font-size:13px;transition:background .2s,transform .2s}.light{background:#fff;color:var(--ink)}.button:hover{background:#e5eeeb;transform:translateY(-2px)}.hero-art{background:var(--paper);color:var(--gray);padding:18px 22px 19px;transform:rotate(2deg);box-shadow:18px 20px 0 #4a757670}.art-label,.art-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.art-label{padding-bottom:14px;border-bottom:1px solid var(--line)}.art-caption{padding-top:17px;border-top:1px solid var(--line)}.logo-stage{background:#fff;isolation:isolate;height:340px;overflow:hidden;display:flex;align-items:center;justify-content:center}.logo-stage img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;transform:scale(1.12)}.hero-bottom{padding:22px 0;border-top:1px solid #ffffff42;font-size:11px;letter-spacing:.7px}.hero-bottom a span{padding-left:24px}.discipline{padding:24px 5%;display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);align-items:center;font-size:12px;letter-spacing:1.8px;color:var(--deep);overflow:hidden}.discipline b{font-size:22px;font-weight:400}.section{padding:78px 6% 88px;scroll-margin-top:10px}.section-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.6px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:46px;color:var(--deep)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:4px 0}.intro{font-size:20px;line-height:1.9;margin-bottom:22px}.muted{color:var(--muted);font-size:14px;line-height:2}.values{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:28px;padding-top:22px;font-size:16px}.values small{font-size:9px;letter-spacing:1px;color:var(--deep)}.services{background:#e9efeb}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-heading>p{font-size:14px;color:var(--muted)}.service-row{display:grid;grid-template-columns:36px 1fr 1.35fr 48px;gap:28px;border-top:1px solid #c9d4cc;padding:36px 0;align-items:start}.service-row:last-child{border-bottom:1px solid #c9d4cc}.service-no{font-size:12px;color:var(--deep);padding-top:5px}.service-row .eyebrow{color:var(--deep);font-size:9px}.service-row h3{font-size:25px;line-height:1.5;margin-top:9px}.service-row p{font-size:13px;color:#505b54}.tags{display:flex;gap:6px 12px;flex-wrap:wrap;margin-top:15px;font-size:10px;color:var(--deep)}.tags span{padding:5px 9px;border:1px solid #b8c9bd}.service-row>a{border:1px solid #aabfb1;border-radius:50%;height:44px;display:grid;place-items:center;font-size:20px;transition:background .2s}.service-row>a:hover{background:var(--teal);color:white}.process-section{display:grid;grid-template-columns:1fr 1fr;background:#272a27;color:white}.process-image{position:relative;min-height:640px}.process-image img{width:100%;height:100%;object-fit:cover;position:absolute;filter:brightness(.8)}.process-image>span{position:absolute;bottom:30px;left:10%;font-size:10px;letter-spacing:2px}.process-copy{padding:65px 12%}.process-copy>.eyebrow{color:#a3bfba;margin-bottom:20px}.process-copy h2{font-size:40px}.process-copy ol{list-style:none;margin:30px 0 0;padding:0}.process-copy li{display:flex;gap:20px;padding:18px 0;border-top:1px solid #ffffff2b}.process-copy li>span{font-size:10px;color:#adc6c0;padding-top:5px}.process-copy h3{font-size:15px;margin-bottom:4px}.process-copy p{font-size:12px;color:#bcc6bd}.identity-grid{display:grid;grid-template-columns:.9fr 1fr;gap:10%;align-items:center}.identity-poster{background:#fff;height:480px;overflow:hidden;border:1px solid var(--line)}.identity-poster img{width:100%;height:100%;object-fit:cover;object-position:center top}.identity-details>.eyebrow{color:var(--deep);font-size:9px}.identity-details h3{font-size:27px;line-height:1.7;margin:21px 0}.swatches{display:flex;gap:24px;margin-top:32px}.swatches>div{flex:1}.swatches i{display:block;height:55px;margin-bottom:12px}.swatches span{font-size:11px}.swatches small{display:block;font-size:9px;margin-top:5px;color:var(--muted)}.image-note{font-size:10px;color:var(--muted);margin-top:25px}.pricing{background:#eeeee7}.price-tabs{display:flex;border-bottom:1px solid #c6ccc5;gap:25px}.price-tabs button{padding:17px 8px 16px;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font-size:15px;position:relative;bottom:-1px}.price-tabs button[aria-selected=true]{border-color:var(--deep);color:var(--deep);font-weight:600}.price-panel[hidden]{display:none}.price-intro{display:flex;justify-content:space-between;align-items:center;padding:28px 0 10px}.price-intro>span{font-size:10px;letter-spacing:2px;color:var(--deep)}.price-intro p{font-size:12px;color:var(--muted)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px;margin:10px 0 24px}.price-item{border-bottom:1px solid #d2d6ce;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:25px 0}.price-item>span{font-size:12px}.price-item strong{font-size:23px;letter-spacing:-1px;white-space:nowrap;font-weight:500}.price-item small{font-size:10px;letter-spacing:0;font-weight:400;color:var(--muted);padding-left:5px}.package-row{display:flex;align-items:center;justify-content:space-between;background:#e0e7df;padding:23px 27px;margin-top:10px}.package-row span{font-size:15px}.package-row p{font-size:12px;color:var(--muted);margin-top:6px}.package-row strong{font-size:29px;font-weight:500;margin-left:20px;white-space:nowrap}.custom-summary{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:30px 0 5px;padding:26px;background:var(--deep);color:white}.custom-summary h3{font-size:24px;margin:12px 0}.custom-summary p{font-size:12px}.custom-summary>strong{font-size:42px;white-space:nowrap;font-weight:500}.custom-summary small{font-size:12px;display:block;text-align:right}.price-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:23px}.price-footer p{max-width:75%;font-size:11px;color:var(--muted)}.text-link{white-space:nowrap;border-bottom:1px solid var(--deep);padding-bottom:8px;font-size:12px;color:var(--deep)}.contact-section{background:var(--deep);color:white;padding:48px 6% 0;overflow:hidden;scroll-margin-top:0}.contact-section .section-label{color:#e0ebe2;border-color:#ffffff42}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;padding-bottom:75px}.contact-grid .eyebrow{font-size:10px;color:#d1dfd8}.contact-grid h2{margin:18px 0 33px}.contact-details{padding-top:5px}.contact-details>div{padding:18px 0;border-bottom:1px solid #ffffff42}.contact-details>div:first-child{padding-top:0}.contact-details span{display:block;font-size:10px;color:#d1dfd8;margin-bottom:9px}.contact-details a{font-size:clamp(14px,1.6vw,22px);line-height:1.8;overflow-wrap:anywhere}.contact-details p{font-size:13px}.copy-address{border:0;border-bottom:1px solid #ffffff70;background:transparent;color:white;padding:8px 0 4px;font-size:11px;margin-top:8px}.copy-address span{display:inline;padding-left:10px}.contact-details .copy-status{font-size:11px}.copy-status:empty{display:none}.big-word{font-size:clamp(62px,16.6vw,270px);line-height:.82;letter-spacing:-.065em;font-weight:600;white-space:nowrap;color:#b6cfbf;padding-top:14px;margin-left:-.015em}.big-word span{font-size:22px;letter-spacing:0;vertical-align:top;margin-left:8px}footer{padding:25px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:var(--muted)}footer a{color:var(--ink)}
@media(min-width:1600px){.header,.hero{padding-left:max(6%,calc((100vw - 1440px)/2));padding-right:max(6%,calc((100vw - 1440px)/2))}.section{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}.hero-grid{padding-top:80px;padding-bottom:80px}.logo-stage{height:430px}}
@media(max-width:1050px){.header nav{gap:18px;font-size:12px}.brand{font-size:18px;gap:2px}.brand img{width:55px;height:55px}.header nav .nav-contact{padding:13px}.hero-grid{gap:5%}.logo-stage{height:290px}.art-caption{font-size:8px}.service-row{grid-template-columns:25px .9fr 1.3fr 40px;gap:18px}.price-grid{grid-template-columns:repeat(2,1fr)}.identity-grid{gap:6%}.identity-poster{height:430px}.swatches{gap:15px}}
@media(max-width:760px){html{scroll-padding-top:77px}.header{height:76px;padding:0 5%}.brand{font-size:17px}.brand small{font-size:8px}.brand img{width:54px;height:54px}.menu{display:flex;gap:20px;align-items:center;background:none;border:1px solid var(--line);padding:9px 12px;font-size:12px}.menu span{font-size:18px}.header nav{display:none;position:absolute;left:0;right:0;top:76px;background:white;padding:15px 6% 24px;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column;gap:4px;align-items:stretch}.header nav>a{padding:13px 0}.header nav .nav-contact{margin:8px 0 0;padding:13px}.hero{padding:23px 6% 0}.hero-top{font-size:8px;letter-spacing:.8px;padding-bottom:20px}.hero-grid{grid-template-columns:1fr;padding:35px 0 40px;gap:42px}.hero-copy .eyebrow{font-size:11px;letter-spacing:2px}h1{font-size:clamp(52px,11vw,80px);letter-spacing:-2px;margin:20px 0 22px}.hero-description{font-size:13px;margin-bottom:25px}.button{font-size:12px;padding:15px 19px;min-width:190px}.hero-art{margin:0 5px;transform:rotate(1.5deg);padding:15px 18px;box-shadow:10px 12px 0 #4a757670}.logo-stage{height:270px}.logo-stage img{object-fit:contain;transform:scale(1.3)}.art-label,.art-caption{font-size:8px}.hero-bottom{font-size:8px;letter-spacing:0;gap:14px;padding:20px 0}.hero-bottom a{white-space:nowrap}.hero-bottom a span{padding-left:8px}.discipline{font-size:9px;gap:22px;padding:21px 6%;white-space:nowrap;justify-content:flex-start}.discipline b{font-size:17px}.section{padding:47px 6% 54px}.section-label{font-size:9px;letter-spacing:1px;margin-bottom:32px;padding-bottom:18px}.about-grid{grid-template-columns:1fr;gap:25px}h2{font-size:32px;letter-spacing:-1px}.intro{font-size:17px;margin-bottom:16px}.muted{font-size:12px;line-height:1.95}.values{font-size:14px}.values small{font-size:8px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:12px;margin-top:20px}.service-row{grid-template-columns:24px 1fr 36px;gap:12px;padding:27px 0}.service-row>div:nth-child(3){grid-column:2;grid-row:2}.service-row>a{grid-column:3;grid-row:1;width:35px;height:35px;font-size:17px}.service-row h3{font-size:23px;margin-top:5px}.service-row p{font-size:12px}.tags{font-size:9px;gap:6px}.process-section{grid-template-columns:1fr}.process-image{min-height:290px}.process-copy{padding:39px 6% 36px}.process-copy h2{font-size:32px}.process-copy li{padding:17px 0}.identity-grid{grid-template-columns:1fr;gap:32px}.identity-poster{height:350px}.identity-poster img{object-fit:cover;object-position:center top}.identity-details h3{font-size:24px;margin:17px 0}.swatches{gap:16px;margin-top:23px}.swatches i{height:45px}.price-tabs{gap:15px}.price-tabs button{font-size:13px;padding:15px 0}.price-intro{display:block;padding:25px 0 7px}.price-intro p{margin-top:9px}.price-grid{grid-template-columns:1fr;margin:0 0 20px}.price-item{padding:20px 0}.price-item>span{font-size:13px}.price-item strong{font-size:25px}.package-row{padding:20px 16px;gap:10px}.package-row span{font-size:14px}.package-row p{font-size:10px}.package-row strong{font-size:23px;margin-left:5px}.custom-summary{display:block;padding:23px 20px}.custom-summary h3{font-size:23px}.custom-summary>strong{display:block;margin-top:20px;font-size:38px}.custom-summary small{display:inline;margin-left:8px}.price-footer{display:block}.price-footer p{max-width:none;margin-bottom:20px}.text-link{display:inline-block}.contact-section{padding:40px 6% 0}.contact-grid{grid-template-columns:1fr;gap:40px;padding-bottom:50px}.contact-grid h2{font-size:34px}.contact-details a{font-size:19px}.contact-details>div{padding:20px 0}.contact-details span{font-size:10px}.contact-details p{font-size:12px}.big-word{font-size:16.1vw;letter-spacing:-.065em;line-height:.88}.big-word span{font-size:12px;margin-left:5px}footer{padding:22px 6%;flex-wrap:wrap;gap:13px;font-size:8px}footer>span{display:none}footer p{max-width:75%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Dedicated web composition for the brand identity. */
.identity-showcase{min-width:0;background:#fff;border:1px solid #d8dcd5;display:flex;flex-direction:column;min-height:480px}
.identity-showcase-top{margin:0 28px;padding:23px 0 18px;border-bottom:1px solid #d8dcd5;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#4a7576}
.identity-showcase-top>span:first-child{font-size:20px;letter-spacing:3px;font-weight:600}
.identity-showcase-top>span:last-child{font-size:8px;letter-spacing:1.4px}
.identity-mark{height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.identity-mark img{width:380px;height:380px;max-width:none;object-fit:contain;flex-shrink:0}
.identity-showcase-bottom{background:#4a7576;color:#fff;padding:24px 29px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto}
.identity-showcase-bottom>span:first-child{font-size:12px;line-height:1.9;letter-spacing:2px}
.identity-showcase-bottom strong{font-size:20px;font-weight:500;letter-spacing:3px}
.identity-infinity{font-family:Georgia,serif;font-size:75px;line-height:.8;font-weight:400;color:#c4d8cc}
@media(max-width:760px){.identity-showcase{min-height:405px}.identity-showcase-top{margin:0 20px;padding:21px 0 17px}.identity-showcase-top>span:first-child{font-size:16px;letter-spacing:2px}.identity-showcase-top>span:last-child{font-size:7px;letter-spacing:.8px}.identity-mark{height:250px}.identity-mark img{width:330px;height:330px}.identity-showcase-bottom{padding:20px}.identity-showcase-bottom strong{font-size:18px}.identity-infinity{font-size:65px}}

/* Original studio photography supplied by Lifeline's media team. */
.studio-section{background:#e9efeb}
.studio-overview{margin:0 0 35px}
.studio-overview>a{position:relative;display:block;overflow:hidden;background:#232925}
.studio-overview img{width:100%;height:clamp(300px,39vw,540px);object-fit:cover;object-position:center 57%}
.studio-overview-label{position:absolute;bottom:23px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;color:white;font-size:11px;letter-spacing:2px;text-shadow:0 1px 6px #000}
.studio-overview-label>span{font-size:24px}
.studio-overview figcaption{font-size:12px;color:#4a7576;padding-top:13px}
.studio-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.studio-shot{margin:0;min-width:0}
.studio-shot>a{display:block;position:relative;overflow:hidden;background:#232925}
.studio-shot img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;transition:transform .35s ease}
.studio-shot>a:hover img{transform:scale(1.035)}
.studio-shot>a>span{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;color:white;background:#23181590;border:1px solid #ffffff60}
.studio-shot figcaption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:12px;font-size:13px}
.studio-shot figcaption small{font-size:8px;letter-spacing:1px;color:#4a7576}
.studio-credit{border-top:1px solid #c9d4cc;margin-top:36px;padding-top:20px;color:#626862;font-size:11px}
.process-image img{filter:none;object-position:center 40%}
.process-image>span{background:#231815a8;padding:9px 12px;letter-spacing:1px}
@media(max-width:760px){.studio-overview{margin-bottom:26px}.studio-overview img{height:auto;aspect-ratio:3/2;object-fit:cover}.studio-overview-label{left:15px;right:15px;bottom:15px;font-size:8px;letter-spacing:1.3px}.studio-overview figcaption{font-size:10px;padding-top:10px}.studio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.studio-shot img{aspect-ratio:4/5}.studio-shot figcaption{font-size:12px;display:block;padding-top:9px}.studio-shot figcaption small{display:block;font-size:7px;margin-top:4px;letter-spacing:.8px}.studio-shot>a>span{width:25px;height:25px;right:8px;bottom:8px;font-size:13px}.studio-credit{margin-top:28px;font-size:10px}.process-image{min-height:430px}.process-image>span{font-size:10px;left:6%;bottom:22px}}

/* Pair foregrounds and surfaces explicitly, including inherited heading colors. */
.about,.identity{background:var(--paper);color:var(--ink)}
.section h2,.section h3,.intro,.values,.studio-shot figcaption,.swatches span,.price-item,.package-row{color:var(--ink);-webkit-text-fill-color:currentColor}
.menu{color:inherit}
.logo-stage,.identity-mark,.identity-showcase,.brand img{color-scheme:only light}
.logo-stage img,.identity-mark img,.brand img{filter:none;mix-blend-mode:normal}

/* Native dark palette: photos and the original brand colors stay unchanged. */
:root[data-theme="dark"]{color-scheme:dark;--paper:#171d1b;--ink:#f0f3ed;--gray:#d4ded8;--muted:#b9c6bf;--deep:#a5cfca;--line:#46534d}
:root[data-theme="dark"] body,:root[data-theme="dark"] .about,:root[data-theme="dark"] .identity,:root[data-theme="dark"] footer{background:#171d1b;color:#f0f3ed}
:root[data-theme="dark"] .header,:root[data-theme="dark"] .header nav{background:#1d2622;color:#f0f3ed;border-color:#46534d}
:root[data-theme="dark"] .header nav .nav-contact{background:#a5cfca;color:#13231f}
:root[data-theme="dark"] .header nav>a:hover{color:#c9e7df}
:root[data-theme="dark"] .header nav .nav-contact:hover{background:#c9e7df;color:#13231f}
:root[data-theme="dark"] .menu{color:#f0f3ed;border-color:#64776d}
:root[data-theme="dark"] .brand img{background:#fff;border-radius:2px}
:root[data-theme="dark"] .hero{background:#315354;color:#fff}
:root[data-theme="dark"] .hero-art{background:#202c26;color:#e1e8df}
:root[data-theme="dark"] .hero-art .art-label,:root[data-theme="dark"] .hero-art .art-caption{border-color:#53665b}
:root[data-theme="dark"] .logo-stage,:root[data-theme="dark"] .identity-mark,:root[data-theme="dark"] .identity-showcase{background:#fff}
:root[data-theme="dark"] .light{background:#f0f3ed;color:#18221d}
:root[data-theme="dark"] .button:hover{background:#dcebe3;color:#18221d}
:root[data-theme="dark"] .skip{background:#f0f3ed;color:#18221d}
:root[data-theme="dark"] .discipline{background:#171d1b;color:#a5cfca;border-color:#46534d}
:root[data-theme="dark"] .services,:root[data-theme="dark"] .studio-section{background:#202b25;color:#f0f3ed}
:root[data-theme="dark"] .service-row,:root[data-theme="dark"] .service-row:last-child,:root[data-theme="dark"] .studio-credit{border-color:#4d5e53}
:root[data-theme="dark"] .service-row p{color:#c0ccc4}
:root[data-theme="dark"] .tags{color:#b3d5c4}
:root[data-theme="dark"] .tags span,:root[data-theme="dark"] .service-row>a{border-color:#667d6d}
:root[data-theme="dark"] .service-row>a:hover{background:#a5cfca;color:#13231f}
:root[data-theme="dark"] .studio-overview figcaption,:root[data-theme="dark"] .studio-shot figcaption small{color:#a5cfca}
:root[data-theme="dark"] .studio-credit{color:#b9c6bf}
:root[data-theme="dark"] .identity-showcase{border-color:#637568}
:root[data-theme="dark"] .identity-showcase-top{color:#355b5b;border-color:#d8dcd5}
:root[data-theme="dark"] .identity-showcase-bottom{background:#315354;color:#fff}
:root[data-theme="dark"] .identity-infinity{color:#c4d8cc}
:root[data-theme="dark"] .pricing{background:#1d2721;color:#f0f3ed}
:root[data-theme="dark"] .price-tabs,:root[data-theme="dark"] .price-item{border-color:#4d5e53}
:root[data-theme="dark"] .price-tabs button{color:#b9c6bf}
:root[data-theme="dark"] .price-tabs button[aria-selected=true]{color:#b3d9d0;border-color:#b3d9d0}
:root[data-theme="dark"] .package-row{background:#2c3d32;color:#f0f3ed}
:root[data-theme="dark"] .custom-summary{background:#315354;color:#fff}
:root[data-theme="dark"] .custom-summary h3{color:#fff}
:root[data-theme="dark"] .contact-section{background:#315354;color:#fff}
:root[data-theme="dark"] .process-section{background:#202822;color:#fff}
:root[data-theme="dark"] .process-copy p{color:#c2cec5}
:root[data-theme="dark"] footer{color:#b9c6bf}
:root[data-theme="dark"] footer a{color:#f0f3ed}
.appearance-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);font-size:inherit;padding:8px 10px;white-space:nowrap;min-height:34px}
.appearance-toggle:hover{border-color:var(--deep)}

/* Four selected views; additional studio details open on request. */
.studio-shot-work img{object-position:center 40%}
.studio-more{margin-top:32px;border-top:1px solid var(--line)}
.studio-more summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;padding:20px 0;color:var(--deep);font-size:13px;cursor:pointer;min-height:60px}
.studio-more summary::-webkit-details-marker{display:none}
.studio-more summary::after{content:'＋';font-size:21px;line-height:1}
.studio-more[open] summary::after{content:'−'}
.studio-more summary:focus-visible{outline:3px solid #d0a84a;outline-offset:5px}
.studio-more summary small{font-size:10px;opacity:.85;margin-left:10px}
.studio-less-label,.studio-more[open] .studio-more-label{display:none}
.studio-more[open] .studio-less-label{display:inline}
.studio-gallery-more{grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 0 5px}
@media(max-width:760px){.studio-gallery-featured .studio-shot-work{grid-column:1/-1}.studio-gallery-featured .studio-shot-work img{aspect-ratio:3/2}.studio-gallery-featured .studio-shot-work figcaption{display:flex}.studio-gallery-more{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-more{margin-top:26px}.studio-more summary{font-size:12px;padding:17px 0}}

/* Project participation takes the place of studio and brand detail on the home page. */
.works-section{background:#e9efeb;color:var(--ink)}
.work-project-heading{margin-bottom:30px}
.work-context{color:var(--deep);margin-bottom:16px}
.work-english{font-size:12px;letter-spacing:.7px;color:var(--muted);margin-top:16px}
.work-credits{padding:24px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:36px}
.work-credits>p{font-size:11px;color:var(--muted);margin-bottom:22px}
.work-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0;padding:0}
.work-flow li{display:flex;gap:12px;min-width:0}
.work-flow li+li{border-left:1px solid var(--line);padding-left:22px}
.work-step{font-size:10px;color:var(--deep);padding-top:5px;letter-spacing:1px}
.work-flow h3{font-size:18px;line-height:1.5;font-weight:500;margin-bottom:8px;letter-spacing:.3px}
.work-flow p{font-size:11px;line-height:1.8;color:var(--muted)}
.work-covers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.work-cover{margin:0;min-width:0}
.work-cover img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}
.work-cover figcaption{font-size:13px;line-height:1.7;padding-top:15px;color:var(--ink)}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.detail-back{display:inline-block;font-size:12px;color:var(--deep);margin-bottom:35px;border-bottom:1px solid var(--deep);padding-bottom:8px}
.detail-page .detail-title{font-size:clamp(32px,3.4vw,53px);line-height:1.4;font-weight:600;letter-spacing:-1.5px;margin:0;color:var(--ink);-webkit-text-fill-color:currentColor}
:root[data-theme="dark"] .works-section{background:#202b25;color:#f0f3ed}
@media(max-width:760px){.work-project-heading{margin-bottom:24px}.work-project-heading h2{font-size:29px;letter-spacing:-1px}.work-english{font-size:10px;letter-spacing:.3px;margin-top:12px}.work-context{font-size:9px;margin-bottom:12px}.work-credits{padding:20px 0 24px;margin-bottom:28px}.work-credits>p{font-size:10px;margin-bottom:22px}.work-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.work-flow li{gap:9px}.work-flow li+li{border:0;padding-left:0}.work-flow h3{font-size:16px;margin-bottom:6px}.work-flow p{font-size:10px}.work-step{font-size:8px;padding-top:5px}.work-covers{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.work-cover figcaption{font-size:11px;padding-top:10px}.footer-links{gap:18px}.detail-page .detail-title{font-size:32px;letter-spacing:-1px}.detail-back{margin-bottom:28px}}

/* Filing information remains readable in both appearance modes. */
footer{flex-wrap:wrap}
footer .icp-record{flex:0 0 100%;max-width:none;margin:0;padding-top:14px;border-top:1px solid var(--line);font-size:10px;line-height:1.8}
footer .icp-record a{color:var(--muted)}
footer .icp-record a:hover{text-decoration:underline;text-underline-offset:3px}

/* Studio location opens the owner-provided Amap place link. */
.contact-details .studio-map-link{display:inline-block;margin-bottom:4px;border-bottom:1px solid #ffffff70;line-height:1.8}
.contact-details .studio-map-link:hover{border-bottom-color:currentColor}
.contact-details .map-hint{font-size:10px;color:#d1dfd8;margin:0 0 15px;line-height:1.7}
