:root{color-scheme:light;--bg:#f4efe3;--panel:#fcf9f0;--panel-2:#e8ecd9;--border:#d8d4bf;--border-strong:#8a9275;--text:#283d34;--text-2:#4f6254;--text-3:#5e6b56;--accent:#38654c;--accent-text:#fffaf0;--accent-soft:#e1e8d7;--font-sans:system-ui,-apple-system,"Segoe UI","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;--font-serif:Georgia,"Noto Serif CJK SC","Songti SC",serif}
html[data-theme=dark]{color-scheme:dark;--bg:#17251e;--panel:#22352b;--panel-2:#2c4234;--border:#3c5143;--border-strong:#829580;--text:#f3eedc;--text-2:#c4cdbc;--text-3:#a5b69e;--accent:#c2d7a2;--accent-text:#17251e;--accent-soft:#354b39}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font-sans)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,video{ -webkit-tap-highlight-color:transparent}button{background:transparent;border:1px solid var(--border-strong);border-radius:999px;min-height:44px;padding:8px 17px}a:focus-visible,button:focus-visible,video:focus-visible,img[role=button]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:fixed;left:20px;top:-90px;background:var(--panel);padding:12px 20px;z-index:10}.skip:focus{top:12px}header{max-width:1320px;margin:auto;padding:24px 40px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:650;font-size:20px}nav{display:flex;gap:30px;margin-left:auto;color:var(--text-2)}nav a:hover{color:var(--accent)}.switches{display:flex;gap:8px}.switches #theme{width:44px;padding:5px;font-size:23px}.switches button{border-color:var(--border)}h1,h2,h3,p,figure{margin:0}h1,h2{font:500 60px/1.08 var(--font-serif);letter-spacing:-2px;text-wrap:balance}h1 em,h2 em{font-style:normal;color:var(--accent)}.eyebrow{font-size:16px;letter-spacing:.1em;color:var(--text-3);font-weight:600;line-height:1.6}.hero{padding-top:64px}.hero-copy{padding:0 24px;text-align:center}.hero h1{font-size:clamp(54px,6.6vw,94px);letter-spacing:-4px;margin:20px 0 24px}.hero-lead{font-size:21px;line-height:1.6;color:var(--text-2)}.actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px}.button{min-height:52px;padding:13px 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:600;line-height:1.5}.primary{background:var(--accent);color:var(--accent-text)}.button:hover{filter:brightness(.94)}.plain{border:1px solid var(--border-strong)}.hero-art{max-width:1520px;margin:54px auto 0;padding:0 24px}.hero-art img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 22px 45px #222c2118}.section{max-width:1200px;margin:0 auto;padding:105px 40px}.section h2{font-size:clamp(38px,4.6vw,64px)}.film-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:32px}.film-heading h2{margin-top:18px}.film-intro{max-width:360px;color:var(--text-2);font-size:20px}.film-duration{display:block;font-size:16px;color:var(--text-3);margin-top:22px}.film-frame{position:relative;border:1px solid var(--border);padding:12px;background:var(--panel);border-radius:24px;box-shadow:0 16px 45px #222c210c}.film-frame video{width:100%;aspect-ratio:16/9;display:block;border-radius:15px;background:var(--panel);object-fit:contain}.film-foot{font-size:16px;color:var(--text-3);text-align:center;margin-top:16px}.promise-section{border-top:1px solid var(--border)}.promise-section h2{margin:20px 0 48px}.promises{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.promises article{border-top:1px solid var(--border-strong);padding-top:20px}.promise-number{display:block;color:var(--text-3);margin-bottom:20px}.promises h3{font:500 29px/1.22 var(--font-serif);letter-spacing:-.6px;margin-bottom:18px}.promises p{color:var(--text-2);font-size:17px;line-height:1.7}.story-section{background:var(--panel-2);border-radius:28px;padding:64px 56px}.gallery-section{padding-top:110px;padding-bottom:110px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.example-label{color:var(--text-3)}.gallery-section h2{margin:20px 0 30px}.gallery-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.gallery-tabs button{border-color:var(--border);padding:9px 20px}.gallery-tabs [aria-selected=true]{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.gallery{border:1px solid var(--border);border-radius:24px;overflow:hidden;background:var(--panel);box-shadow:0 18px 45px #222c210c}.window-bar{display:flex;align-items:center;gap:16px;padding:14px 20px;color:var(--text-2);font-size:16px;border-bottom:1px solid var(--border)}.window-dots{letter-spacing:2px;color:var(--text-3)}.window-live{margin-left:auto}.gallery img{display:block;width:100%;height:auto;cursor:zoom-in}.gallery figcaption{padding:24px;display:flex;gap:20px;justify-content:space-between;align-items:baseline}.gallery figcaption strong{font-weight:600}.gallery figcaption span{color:var(--text-2);max-width:440px}.closing{margin:0 24px;border-radius:28px;background:#283d34;color:#f3eedc;padding:85px 24px;text-align:center}.closing .eyebrow{color:#c4cdbc}.closing h2{font-size:clamp(46px,5.2vw,74px);margin:20px 0 24px}.closing-lead{color:#c4cdbc;font-size:20px;margin-bottom:28px}.closing-cta{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:52px;padding:13px 24px;border-radius:999px;background:#c2d7a2;color:#17251e;font-weight:600;line-height:1.5}a.closing-cta:hover{filter:brightness(.94)}footer{max-width:1320px;margin:auto;display:flex;gap:28px;align-items:center;justify-content:space-between;padding:36px 40px 44px;color:var(--text-3)}footer .brand{font-size:18px;color:var(--text)}footer p{max-width:500px}dialog{max-width:95vw;width:1200px;max-height:94vh;padding:20px;border:1px solid var(--border);border-radius:20px;background:var(--panel);color:var(--text)}dialog::backdrop{background:#101c16bb}.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}dialog img{display:block;width:100%;height:auto}.viewer-top p{color:var(--text-2)}html[lang=zh-CN] h1,html[lang=zh-CN] h2{letter-spacing:0;line-height:1.25}html[lang=zh-CN] .hero h1{font-size:clamp(48px,5.7vw,80px)}html[lang=zh-CN] .eyebrow{letter-spacing:.08em}html[lang=zh-CN] .promises h3{font-size:27px;line-height:1.5;letter-spacing:0}
@media(min-width:1600px){.hero-art{padding:0 40px}}
@media(max-width:1000px){header{padding:22px 28px;gap:20px}nav{gap:20px}.section{padding:80px 32px}.hero{padding-top:48px}.hero-art{margin-top:44px}.promises{grid-template-columns:repeat(2,1fr);gap:36px}.promises h3{font-size:30px}.story-section{margin:0 24px;padding:52px 32px}.film-intro{max-width:310px}.film-heading{gap:30px}footer{padding:30px 28px;flex-wrap:wrap;gap:16px}footer p{max-width:450px}}
@media(max-width:700px){header{padding:18px 22px;flex-wrap:wrap;gap:16px}.brand{font-size:19px}nav{order:3;width:100%;justify-content:center;gap:24px;font-size:16px}.switches{margin-left:auto}.switches button{padding:8px 13px}.hero{padding-top:34px}.hero h1{font-size:clamp(45px,8.7vw,64px);letter-spacing:-2.1px;margin-top:18px;line-height:1.1}.hero-copy{padding:0 22px}.hero-lead{font-size:19px}.eyebrow{letter-spacing:.04em}.actions{gap:10px;flex-wrap:wrap;margin-top:24px}.button{padding:12px 20px}.hero-art{padding:0 16px;margin-top:36px}.hero-art img{height:330px;object-fit:cover;object-position:48% center;border-radius:20px}.section{padding:64px 22px}.section h2{font-size:42px;letter-spacing:-1.3px}.film-heading{display:block;margin-bottom:26px}.film-intro{margin-top:24px;max-width:none;font-size:18px}.film-duration{margin-top:14px}.film-frame{padding:7px;border-radius:17px}.film-frame video{border-radius:10px}.film-foot{text-align:left;margin-top:14px}.promise-section h2{margin-bottom:32px}.promises{gap:30px 22px}.promises h3{font-size:26px;letter-spacing:-.5px}.promises p{font-size:16px}.promise-number{margin-bottom:14px}.story-section{margin:0 16px;padding:38px 24px;border-radius:22px}.section-top{align-items:flex-start;flex-wrap:wrap;gap:8px}.gallery-tabs{gap:7px}.gallery-tabs button{padding:8px 15px}.gallery figcaption{display:block;padding:20px}.gallery figcaption span{display:block;margin-top:8px}.window-bar{padding:12px 14px;gap:8px}.window-dots{display:none}.gallery{border-radius:17px}.closing{margin:0 16px;padding:60px 24px;border-radius:22px}.closing h2{font-size:46px;letter-spacing:-1.5px}.closing-lead{font-size:18px}footer{padding:30px 22px;align-items:flex-start}footer p{width:100%}html[lang=zh-CN] .hero h1{font-size:clamp(42px,8vw,60px)}html[lang=zh-CN] .promises h3{font-size:24px}}
@media(max-width:440px){nav{gap:20px}.hero h1{font-size:clamp(30px,9vw,38px);letter-spacing:-1.3px}.hero h1 em{white-space:nowrap}.hero-art img{height:300px}.promises{grid-template-columns:1fr;gap:28px}.promises article{display:grid;grid-template-columns:45px 1fr;gap:0 12px}.promise-number{grid-row:1/3;margin-top:6px}.promises h3{font-size:29px;margin-bottom:12px}.promises p{grid-column:2}.section h2{font-size:38px}.closing h2{font-size:42px}.eyebrow{font-size:16px}.window-live{font-size:16px}.gallery-tabs button{padding:8px 14px}html[lang=zh-CN] .hero h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;padding:0 0 0 6px;border:2px solid var(--accent-text);background:var(--accent);color:var(--accent-text);box-shadow:0 4px 22px #10241933;font-size:38px;line-height:1}.film-play[hidden]{display:none}.film-play:hover{filter:brightness(1.12)}@media(max-width:700px){.film-play{width:64px;height:64px;font-size:30px}}