/* Approved V8 column page. The shared site owns typography, brand and shell. */
.mc-page{color:var(--surface-black);background:var(--surface-white);font-family:inherit;font-size:17px;line-height:1.7}
.mc-page *, .mc-page *::before, .mc-page *::after{box-sizing:border-box}
.mc-page h1,.mc-page h2,.mc-page h3,.mc-page p,.mc-page figure{margin:0}
.mc-page button,.mc-page a{font:inherit}
.mc-page button{cursor:pointer}
.mc-page a{text-decoration:none}
.mc-page :is(a,button,summary):focus-visible{outline:2px solid var(--brand-red);outline-offset:5px}
.mc-wrap{width:min(1328px,calc(100% - 96px));margin-inline:auto}
.mc-section{padding-block:76px;scroll-margin-top:100px}
.mc-section + .mc-section{border-top:1px solid var(--line-on-light)}
.mc-heading{margin-bottom:34px;max-width:980px}
.mc-eyebrow{color:var(--gold-on-light);font-size:12px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px!important}
.mc-page h2{font-family:inherit;font-size:clamp(28px,2.7vw,40px);font-weight:650;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}
.mc-page h3{font-family:inherit;font-size:23px;font-weight:600;line-height:1.4;letter-spacing:-.012em;text-wrap:balance}
.mc-lead{max-width:760px;margin-top:18px!important;color:var(--text-gray-on-light);font-size:18px;line-height:1.7}
.mc-note{max-width:850px;color:var(--text-gray-on-light);font-size:15px;line-height:1.7;margin-top:20px!important}
.mc-page .mc-frame{display:block;width:100%;aspect-ratio:var(--mc-source-ratio,3/2);overflow:hidden;background:color-mix(in srgb,var(--surface-black) 3%,var(--surface-white))}
.mc-page .mc-frame>img{display:block;width:100%;height:100%;object-fit:cover}
.mc-image-link{position:relative;display:block;color:inherit}
.mc-zoom{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;background:#09090ac9;color:var(--surface-white);border:1px solid #ffffff65;font-size:22px;line-height:1;pointer-events:none}
.mc-photo figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;padding-top:14px;line-height:1.5}
.mc-photo figcaption strong{font-size:17px;font-weight:600}
.mc-photo figcaption>span{color:var(--text-gray-on-light);font-size:13px}
.mc-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--brand-red);font-size:16px;font-weight:600;line-height:1.55;border-bottom:1px solid transparent}
.mc-text-link:hover{border-bottom-color:currentColor}
.mc-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--surface-black);color:var(--surface-white)}
.mc-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#09090a 0%,#09090af5 29%,#09090ac2 44%,#09090a30 65%,#09090a08 100%)}
.mc-hero-inner{width:min(1200px,calc(100% - 96px));position:relative;z-index:1;display:flex;align-items:center;min-height:480px;pointer-events:none}
.mc-hero-copy{width:min(100%,620px);min-width:0;padding-block:47px;pointer-events:none}
.mc-hero-copy>*{pointer-events:auto}
.mc-hero-kicker{color:var(--brand-gold);font-size:12px;font-weight:700;letter-spacing:.1em;line-height:1.7;margin-bottom:16px!important}
.mc-page .mc-hero-title{font-family:inherit;font-size:clamp(34px,3.5vw,50px);font-weight:650;line-height:1.12;letter-spacing:-.035em;text-wrap:balance;margin-bottom:12px}
.mc-page .mc-hero-slogan{font-family:Georgia,"Times New Roman",serif;color:var(--brand-gold);font-size:clamp(29px,2.9vw,42px);font-style:italic;font-weight:400;line-height:1.2;letter-spacing:-.025em;margin-bottom:22px}
.mc-page[data-lang=zh] .mc-hero-slogan{font-family:inherit;font-size:clamp(25px,2.5vw,36px);font-style:normal;line-height:1.4}
.mc-hero-lead{color:var(--text-gray-on-dark);font-size:17px;line-height:1.7;max-width:520px;text-wrap:pretty}
.mc-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.mc-hero .button,.mc-final-inquiry .button{min-height:50px;padding:13px 20px;font-size:15px;font-weight:600;line-height:1.5;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.mc-hero .button.ghost{color:var(--surface-white);border-color:#ffffff70;background:#09090a26}
.mc-hero .button.ghost:hover{background:#ffffff14}
.mc-hero-facts{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:24px 0 0;list-style:none;color:var(--text-gray-on-dark);font-size:13px}
.mc-hero-facts li+li{position:relative}
.mc-hero-facts li+li::before{content:"";position:absolute;left:-12px;top:.55em;height:8px;width:1px;background:var(--line-on-dark-strong)}
.mc-hero-media{position:absolute;inset:0 0 0 auto;width:64%;mask-image:linear-gradient(90deg,transparent,#000 22%)}
.mc-page .mc-hero-frame{height:100%;aspect-ratio:4/3;background:var(--surface-black)}
.mc-hero-frame>img{object-position:55% center}
.mc-hero-media:focus-visible{outline-color:var(--brand-gold);outline-offset:-6px}
.mc-hero-caption{position:absolute;right:16px;bottom:14px;z-index:2;max-width:80%;padding:5px 9px;color:var(--surface-white);background:#09090ac9;font-size:12px;line-height:1.5;pointer-events:none}
.mc-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
.mc-page .mc-case-frame{aspect-ratio:3/2}
.mc-project-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:20px}
.mc-project-meta>div{min-width:0;max-width:390px}
.mc-project-tag{margin-top:8px!important;font-size:13px;line-height:1.6;letter-spacing:.02em;color:var(--text-gray-on-light)}
.mc-gallery-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;flex-shrink:0;border:1px solid var(--brand-red);padding:9px 13px;color:var(--brand-red);font-size:14px;font-weight:600;line-height:1.5}
.mc-gallery-link:hover{background:var(--brand-red);color:var(--surface-white)}
.mc-site-gallery{margin-top:44px}
.mc-site-gallery>h3{margin-bottom:22px}
.mc-site-grid,.mc-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.mc-page .mc-site-frame{aspect-ratio:4/3}
.mc-sample-gallery{margin-top:58px;padding-top:40px;border-top:1px solid var(--line-on-light)}
.mc-sample-gallery>header{max-width:760px;margin-bottom:28px}
.mc-sample-gallery>header p{margin-top:12px;color:var(--text-gray-on-light);font-size:17px;line-height:1.7}
.mc-sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px}
.mc-page .mc-sample-frame{aspect-ratio:2/3}
.mc-page .mc-sample-frame>img{object-fit:contain}
.mc-sample-grid .mc-photo{min-width:0}
.mc-sample-grid .mc-zoom{top:12px;bottom:auto}
.mc-sample-grid figcaption{display:block}
.mc-sample-grid figcaption>span{display:block;margin-top:5px}
.mc-forms,.mc-construction{background:color-mix(in srgb,var(--surface-white) 96%,var(--surface-black))}
.mc-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.mc-page .mc-form-frame{aspect-ratio:360/760;background:#f7f6f2}
.mc-page .mc-diagram-frame>img{object-fit:contain}
.mc-form-grid .mc-diagram{width:min(100%,280px);margin-inline:auto}
.mc-lighting-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:start;gap:28px}
.mc-page .mc-lighting-photo-frame{aspect-ratio:4/3}
.mc-lighting-photo-frame>img{object-position:center 43%}
.mc-page .mc-lighting-diagram-frame{aspect-ratio:480/350;background:#f7f6f2}
.mc-lighting-concept h3{margin-top:18px}
.mc-lighting-concept .mc-note{margin-top:8px!important}
.mc-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}
.mc-material-card{display:grid;grid-template-columns:minmax(140px,210px) minmax(0,1fr);align-items:center;gap:26px}
.mc-material-copy p,.mc-construction-card p{font-size:17px;line-height:1.7;color:var(--text-gray-on-light);max-width:500px;margin-top:12px}
.mc-material-copy .mc-text-link,.mc-construction-card .mc-text-link{margin-top:14px}
.mc-page .mc-reference-frame{aspect-ratio:4/3}
.mc-page .mc-reference-aluminum .mc-reference-frame>img{object-fit:contain;background:#fff}
.mc-material-photo figcaption{color:var(--text-gray-on-light);font-size:13px;line-height:1.6;margin-top:10px}
.mc-construction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}
.mc-construction-card{display:grid;grid-template-columns:1fr;gap:26px;align-content:start}
.mc-construction-layers{display:flex;flex-wrap:wrap;gap:6px 0;list-style:none;margin:14px 0 0;padding:0;font-size:16px;line-height:1.65;color:var(--surface-black)}
.mc-construction-layers li{display:inline-flex;align-items:center}
.mc-construction-layers li+li::before{content:"→";margin-inline:10px;color:var(--text-gray-on-light)}
.mc-page .mc-construction-frame{aspect-ratio:7/4;background:#f7f6f2}
.mc-production{background:var(--surface-white)}
.mc-page .mc-process-frame{aspect-ratio:4/3}
.mc-process-frame>img{filter:grayscale(1)}
.mc-production-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:30px 0 0;padding:0;list-style:none}
.mc-production-steps li{border-top:1px solid var(--line-on-light-strong);padding-top:14px;font-size:16px;font-weight:500}
.mc-questions{max-width:1050px}
.mc-question{border-top:1px solid var(--line-on-light);padding-block:22px}
.mc-question:last-child{border-bottom:1px solid var(--line-on-light)}
.mc-question summary{display:flex;align-items:start;gap:20px;list-style:none;cursor:pointer;min-height:44px}
.mc-question summary::-webkit-details-marker{display:none}
.mc-question-number{color:var(--brand-red);font-size:14px;font-weight:650;padding-top:5px;flex-shrink:0}
.mc-question summary h3{font-size:21px;flex:1}
.mc-question-toggle{position:relative;width:24px;height:28px;flex-shrink:0;margin-top:2px}
.mc-question-toggle::before,.mc-question-toggle::after{content:"";position:absolute;left:4px;top:13px;width:16px;height:1px;background:currentColor}
.mc-question:not([open]) .mc-question-toggle::after{transform:rotate(90deg)}
.mc-answer{padding:12px 44px 0;max-width:940px}
.mc-answer p{font-size:17px;line-height:1.75;color:var(--text-gray-on-light)}
.mc-answer-links{display:flex;flex-wrap:wrap;gap:4px 26px;margin-top:8px}
.mc-final-inquiry{background:color-mix(in srgb,var(--brand-gold) 8%,var(--surface-white))}
.mc-inquiry-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.mc-inquiry-inner>div{max-width:900px}
.mc-inquiry-inner p{max-width:850px;margin-top:18px;font-size:16px;line-height:1.7;color:var(--text-gray-on-light)}
.mc-final-inquiry .button{flex-shrink:0}
.mc-lightbox{border:0;padding:0;width:min(1440px,94vw);max-width:94vw;height:min(940px,94dvh);max-height:94dvh;background:var(--surface-black);color:var(--surface-white)}
.mc-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.mc-lightbox::backdrop{background:#000d}
.mc-lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid var(--line-on-dark)}
.mc-lightbox-header h2{font-size:18px;line-height:1.4}
.mc-lightbox button{min-height:44px;padding:10px 14px;border:1px solid var(--line-on-dark-strong);background:transparent;color:var(--surface-white);font-size:14px;line-height:1.5}
.mc-lightbox button:hover:not(:disabled){background:var(--surface-gray)}
.mc-lightbox button:disabled{opacity:.45;cursor:default}
.mc-lightbox :is(a,button):focus-visible{outline-color:var(--brand-gold);outline-offset:3px}
.mc-page .mc-lightbox-figure{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;min-height:0;padding:18px 22px 12px}
.mc-page .mc-lightbox-frame{height:100%;aspect-ratio:4/3;background:var(--surface-black)}
.mc-page .mc-lightbox-frame>img{object-fit:contain}
.mc-lightbox-frame>img[hidden]{display:none}
.mc-lightbox-figure figcaption{min-height:24px;color:var(--text-gray-on-dark);font-size:14px;line-height:1.6}
.mc-lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px 18px}
.mc-lightbox-controls p{font-size:14px;white-space:nowrap}
@media(max-width:1200px){.mc-project-meta{flex-direction:column;gap:16px}.mc-project-meta>div{max-width:none}.mc-material-card,.mc-construction-card{grid-template-columns:1fr;gap:20px}.mc-material-photo{max-width:290px}.mc-construction-card>.mc-diagram{max-width:400px}}
@media(max-width:1000px){.mc-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-wrap{width:calc(100% - 64px)}.mc-section{padding-block:64px}.mc-hero-copy{width:min(100%,580px)}.mc-hero-media{width:85%}.mc-hero::after{background:linear-gradient(90deg,#09090aee 0%,#09090ad8 40%,#09090a70 74%,#09090a35 100%)}.mc-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.mc-lighting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.mc-lighting-grid>.mc-photo{grid-column:1/-1;max-width:640px}.mc-site-grid,.mc-process-grid{gap:18px}.mc-inquiry-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.mc-sample-gallery{margin-top:40px;padding-top:30px}.mc-sample-grid{grid-template-columns:1fr;gap:30px}.mc-wrap{width:calc(100% - 40px)}.mc-section{padding-block:48px;scroll-margin-top:82px}.mc-heading{margin-bottom:26px}.mc-page h2{font-size:29px;line-height:1.3}.mc-page h3{font-size:22px}.mc-lead{font-size:17px;margin-top:14px!important}.mc-hero-inner{width:calc(100% - 48px);min-height:550px;align-items:flex-end}.mc-hero-copy{padding:116px 0 34px}.mc-hero-media{width:100%;mask-image:none}.mc-hero-frame>img{object-position:58% top}.mc-hero::after{background:linear-gradient(180deg,#09090a15 0%,#09090a94 19%,#09090ae6 38%,#09090af7 75%,#09090a 100%)}.mc-page .mc-hero-title{font-size:36px;line-height:1.15;max-width:400px}.mc-page .mc-hero-slogan{font-size:30px;line-height:1.3}.mc-page[data-lang=zh] .mc-hero-slogan{font-size:26px;line-height:1.4}.mc-hero-lead{font-size:16px;line-height:1.7}.mc-hero-actions{gap:10px;margin-top:22px}.mc-hero .button{min-height:46px;font-size:14px}.mc-hero-facts{gap:6px 19px;margin-top:20px;font-size:12px}.mc-hero-facts li+li::before{display:none}.mc-hero-caption{top:12px;bottom:auto;right:12px;font-size:11px}.mc-case-grid,.mc-site-grid,.mc-process-grid,.mc-material-grid,.mc-construction-grid{grid-template-columns:1fr;gap:32px}.mc-project-meta{padding-top:16px;gap:14px}.mc-gallery-link{min-height:46px}.mc-site-gallery{margin-top:36px}.mc-material-card{grid-template-columns:minmax(120px,40%) minmax(0,1fr);gap:20px}.mc-material-copy h3{font-size:21px}.mc-material-copy p{font-size:16px}.mc-material-copy .mc-text-link{font-size:15px}.mc-construction-card{grid-template-columns:1fr;gap:20px}.mc-construction-card>.mc-diagram{width:100%;max-width:500px}.mc-production-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mc-question{padding-block:20px}.mc-question summary{gap:13px}.mc-question summary h3{font-size:19px;line-height:1.5}.mc-question-number{padding-top:6px}.mc-answer{padding:12px 0 0 31px}.mc-answer p{font-size:16px}.mc-final-inquiry .button{width:100%}.mc-lightbox{width:100%;max-width:100%;height:100dvh;max-height:100dvh}.mc-lightbox-header{padding:12px 14px;gap:12px}.mc-lightbox-header h2{font-size:16px}.mc-page .mc-lightbox-figure{padding:12px 14px 8px}.mc-lightbox-controls{padding:10px 14px 14px;gap:10px}.mc-lightbox-controls button{padding:10px;font-size:13px}.mc-lightbox-figure figcaption{font-size:13px}}
@media(max-width:560px){.mc-form-grid{grid-template-columns:1fr;gap:26px}.mc-form-grid .mc-diagram{max-width:280px}.mc-lighting-grid{grid-template-columns:1fr;gap:28px}.mc-lighting-grid>.mc-photo{grid-column:auto}.mc-lighting-concept>.mc-diagram{max-width:480px}.mc-material-card{grid-template-columns:1fr;gap:18px}.mc-material-photo{max-width:260px}.mc-hero-actions{display:grid;grid-template-columns:1fr}.mc-hero .button{width:100%}}
@media(prefers-reduced-motion:reduce){.mc-page *, .mc-page *::before, .mc-page *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}