:root{--bg:#111614;--text:#eeeee5;--muted:#b7bbb3;--line:#39413b;--accent:#d7ef7a;--gutter:clamp(22px,5vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:active,.pill:active{transform:scale(.98)}button{border:0}img{display:block;max-width:100%;object-fit:cover}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:fixed;left:20px;top:-100px;background:var(--accent);color:#111;padding:12px;z-index:100}.skip:focus{top:12px}.wrap{margin-inline:var(--gutter)}header{height:100px;display:flex;align-items:center;gap:32px;padding-inline:var(--gutter);background:var(--bg)}.brand{display:flex;gap:12px;align-items:center;font-size:17px;line-height:1.05;letter-spacing:.09em;font-weight:750;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.28em;margin-top:7px}.brand-mark{font-size:42px;letter-spacing:-.1em;font-weight:400;display:flex;align-items:center}.brand-mark span{font-size:25px;margin-top:-16px}nav{display:flex;gap:35px;margin-left:auto;font-size:13px}.sister{color:var(--muted)}.header-cta{font-size:13px;border-bottom:1px solid var(--accent);padding:10px 0;min-width:110px;display:flex;justify-content:space-between;margin-left:auto}.header-cta span{color:var(--accent)}.menu-toggle{display:none}.hero{position:relative;min-height:680px;height:calc(100svh - 100px);max-height:1000px;isolation:isolate}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-image{object-position:center 48%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(8,16,13,.72),rgba(8,16,13,.05)),linear-gradient(0deg,rgba(8,16,13,.84),transparent 75%)}.hero-copy{padding:75px var(--gutter) 110px;height:100%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.6;margin:0 0 30px;text-transform:uppercase}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:10px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,7.7vw,126px);font-weight:450;line-height:1.02;letter-spacing:-.065em;margin-bottom:45px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em}h1 em{color:var(--accent)}.hero-bottom{display:flex;align-items:center;gap:70px}.hero-bottom p{font-size:14px;line-height:1.8;margin:0;color:#e0e4dd}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #909c90;border-radius:40px;padding:17px 24px;min-height:56px;font-size:13px;transition:background .2s,color .2s}.pill:hover{background:var(--accent);color:#111;border-color:var(--accent)}.pill span{font-size:20px}.frame-footer{position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;border-top:1px solid #778074;padding:22px 0;font-size:9px;letter-spacing:.13em}.frame-footer button{background:none;font-size:11px;letter-spacing:.04em;min-height:44px}.intro{padding-block:120px;display:grid;grid-template-columns:1fr 1.6fr;gap:70px;border-bottom:1px solid var(--line)}h2{font-size:clamp(38px,4.3vw,70px);font-weight:450;line-height:1.1;letter-spacing:-.055em;margin-bottom:30px}.intro p:not(.eyebrow){max-width:540px;font-size:17px;color:var(--muted);margin-bottom:0}.work,.services{padding-block:100px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:50px}.section-heading h2{margin-bottom:0}.section-heading>p:not(.eyebrow){color:var(--muted);font-size:13px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:60px 28px}.project:nth-child(even){padding-top:85px}.project-image{position:relative;display:block;width:100%;background:#242a25;padding:0;overflow:hidden;aspect-ratio:1.55}.project-image img{width:100%;height:100%;transition:transform .5s,filter .5s;filter:brightness(.85)}.project-image:hover img{transform:scale(1.025);filter:brightness(1)}.play{position:absolute;right:22px;bottom:20px;width:45px;height:45px;display:grid;place-items:center;border:1px solid #ddd;border-radius:50%;color:#fff;font-size:23px}.image-label{position:absolute;bottom:29px;left:22px;color:#fff;font-size:9px;letter-spacing:.13em}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.project-caption h3{font-size:20px;font-weight:450;letter-spacing:-.035em;margin:0}.project-caption>span{font-size:9px;color:var(--muted);letter-spacing:.09em}.services{border-top:1px solid var(--line)}.services .section-heading{align-items:flex-start}.service{display:grid;grid-template-columns:.15fr 1fr 1fr;gap:35px;border-top:1px solid var(--line);padding:35px 0}.serial{font-size:11px;color:var(--accent)}.service h3{font-size:25px;font-weight:400;letter-spacing:-.035em;margin:0}.service p{color:var(--muted);font-size:14px;max-width:410px;margin:0}.bridge{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-block:1px solid var(--line);padding-block:60px}.bridge img{aspect-ratio:1.6;width:100%}.bridge h2{font-size:clamp(32px,3.5vw,56px)}.text-link{font-size:13px;padding-bottom:8px;border-bottom:1px solid var(--text)}.contact{padding-block:120px 90px}.contact h2{font-size:clamp(65px,9vw,140px);margin-bottom:40px}.contact h2 em{color:var(--accent)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-bottom p{font-size:14px;color:var(--muted)}.contact .pill{background:var(--accent);border-color:var(--accent);color:#141c13}.email{font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;gap:30px;align-items:center;padding-block:35px;font-size:11px;color:var(--muted)}footer .brand{margin-right:auto;color:var(--text)}dialog{width:min(960px,94vw);padding:24px;background:#131815;color:#f0f0e6;border:1px solid #586557}dialog::backdrop{background:#000d}dialog video{width:100%;max-height:70svh;background:#000;display:block}dialog p{font-size:12px;margin:16px 0 0;color:#bdc5bd}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-head h2{font-size:25px;margin:0}.close{background:none;padding:10px}.moments{--bg:#efece3;--text:#353b32;--muted:#62665b;--line:#c9cbbd;--accent:#ccd6af}.moments .hero{color:#fff}.moments .hero-shade{background:linear-gradient(90deg,#182419aa,#18241922),linear-gradient(0deg,#18241999,transparent)}.moments h1 em{color:#eee6c8}.moments .contact em{color:#576743}.moments .serial{color:#526640}.moments .header-cta{border-color:#65734e}.single{grid-template-columns:1fr}.single .project-image{aspect-ratio:2}.single .project-caption{justify-content:flex-start;gap:40px}@media(min-width:1600px){.wrap,header,.hero-copy{max-width:1800px}.wrap{margin-inline:auto;padding-inline:70px}}@media(max-width:800px){header{height:80px;gap:20px}.brand{font-size:14px}.brand-mark{font-size:33px}.brand small{font-size:8px}.menu-toggle{display:block;margin-left:auto;background:none;padding:12px 0;font-size:12px}.menu-toggle span{margin-left:10px}.header-cta{margin:0;min-width:85px;font-size:12px}nav{display:none;position:absolute;top:80px;left:0;right:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line);padding:24px var(--gutter);flex-direction:column;gap:5px}nav.open{display:flex}nav a{padding:12px 0;min-height:44px}.hero{height:calc(100svh - 80px);min-height:650px}.hero-copy{padding-top:40px;padding-bottom:120px}.hero h1{font-size:clamp(49px,9.5vw,75px);margin-bottom:35px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:25px}.hero .eyebrow{font-size:9px;letter-spacing:.12em}.frame-footer>span:first-child{max-width:140px;font-size:8px}.frame-footer>span:last-child{display:none}.intro{padding-block:70px;display:block}.intro>div{margin-top:40px}.work,.services{padding-block:70px}.section-heading{display:block;margin-bottom:35px}.section-heading>p:not(.eyebrow){margin-top:25px}.projects{grid-template-columns:1fr;gap:35px}.project:nth-child(even){padding-top:0}.project-caption{gap:10px}.project-caption h3{font-size:19px}.project-caption>span{font-size:8px}.service{grid-template-columns:30px 1fr;gap:15px;padding-block:26px}.service h3{font-size:23px}.service p{grid-column:2}.bridge{grid-template-columns:1fr;gap:30px;padding-block:40px}.bridge .eyebrow{margin-bottom:20px}.contact{padding-block:75px 60px}.contact-bottom{align-items:flex-start;flex-direction:column;margin-bottom:25px}.contact h2{font-size:65px}footer{flex-wrap:wrap;gap:20px}footer .brand{width:100%}.single .project-image{aspect-ratio:1.5}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}@media(prefers-contrast:more){:root{--muted:#e4e8df;--line:#a4b09e}.moments{--muted:#30342b;--line:#62675a}}
.bridge img{height:auto;aspect-ratio:1.6;object-fit:cover}
.production-logo{width:23px;height:47px;object-fit:contain;flex-shrink:0}.moments-logo{width:190px;height:auto;object-fit:contain}.language-switch{display:flex;align-items:center;gap:2px;margin-left:0;border:1px solid var(--line);padding:2px}.language-switch button{background:none;min-width:34px;min-height:36px;font-size:11px;padding:4px}.language-switch button[aria-pressed=true]{background:var(--accent);color:#192016}header nav{margin-left:0}html[lang=zh-Hans] h1,html[lang=zh-Hans] h2{letter-spacing:-.035em;line-height:1.18}html[lang=zh-Hans] em{font-family:inherit;font-style:normal}html[lang=zh-Hans] .hero h1{font-size:clamp(48px,7vw,110px)}html[lang=zh-Hans] .eyebrow{letter-spacing:.12em}@media(max-width:800px){header{gap:13px}.language-switch{margin-left:0}.language-switch button{min-width:28px;min-height:36px}.menu-toggle{margin-left:auto}.menu-toggle span{display:none}.moments-logo{width:155px}.header-cta{display:none}header .production-logo{width:18px;height:37px}.hero .eyebrow{max-width:290px}}@media(max-width:360px){header{gap:9px}.moments-logo{width:135px}.brand{gap:7px}.language-switch button{min-width:24px}.menu-toggle{font-size:11px}} 
@media(max-width:800px){html[lang=zh-Hans] .contact h2{font-size:clamp(40px,11vw,70px)}.language-switch button{min-width:32px;min-height:44px}}
.photo-gallery {display:grid;gap:16px;padding:0 16px 16px;max-height:70vh;overflow:auto;background:#101512;}
.photo-gallery[hidden],video[hidden]{display:none;}
.photo-gallery img {display:block;width:100%;height:auto;max-height:65vh;object-fit:contain;}
.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 36px;}
.portfolio-filters button,.show-more{border:1px solid var(--muted);border-radius:30px;padding:12px 20px;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:13px;}
.portfolio-filters button[aria-pressed="true"]{background:var(--text);color:var(--bg);border-color:var(--text);}
.portfolio-filters button:hover,.show-more:hover{opacity:.75;}
.show-more{display:block;margin:40px auto 0;}
.project[hidden],.show-more[hidden]{display:none;}
.gallery-link{display:inline-block;background:none;border:0;border-bottom:1px solid currentColor;color:inherit;padding:0 0 5px;margin-top:14px;font:inherit;font-size:12px;cursor:pointer;}
.project-image.portrait-film img{object-fit:cover;object-position:center 42%;background:#101512;}
@media(max-width:600px){.portfolio-filters{gap:7px;margin-bottom:25px}.portfolio-filters button{font-size:12px;padding:10px 14px}.project-caption{align-items:flex-start}.project-caption>span{max-width:90px;text-align:right;line-height:1.5}}

/* Approved wide-screen alignment; existing sizes and mobile rules retained. */
@media (min-width: 1600px) {
  header, .hero-copy {
    width: 100%;
    max-width: 1800px;
    margin-inline: auto;
    padding-inline: 70px;
  }
  .frame-footer {
    width: calc(min(100%, 1800px) - 140px);
    left: 0;
    right: 0;
    margin-inline: auto;
  }
}

/* Direct hero inquiry using the existing brand palette and content alignment. */
.hero-actions {display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:100%;}
.hero-actions .hero-primary {background:var(--accent);border-color:var(--accent);color:#111614;font-weight:600;gap:20px;}
.hero-actions .hero-primary:hover {filter:brightness(1.06);}
.hero-actions .hero-secondary {gap:20px;}
@media(max-width:800px) {
  .hero-actions {gap:12px;}
  .hero-actions .hero-secondary {border-color:transparent;padding-inline:0;min-height:44px;gap:16px;}
}