:root{color-scheme:dark;--bg:#111210;--surface:#1c1e19;--text:#f3f4ed;--muted:#a2a69b;--line:#35382f;--accent:#cefa69;--space:clamp(22px,5vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,p{margin:0}img{display:block;width:100%;object-fit:cover}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--accent);color:#111;padding:16px}.skip:focus{top:12px}.header{display:flex;align-items:center;justify-content:space-between;padding:22px var(--space);border-bottom:1px solid var(--line);gap:22px}.brand{font-size:31px;font-weight:800;letter-spacing:-2px}.brand sup{font-size:15px;margin-left:4px}.header nav{display:flex;gap:40px}.header nav a{font-size:14px}.header nav sup{font-size:12px;color:var(--muted);margin-left:7px}.header a:hover,.text-link:hover{color:var(--accent)}.contact-link{font-size:14px}.hero{padding:34px var(--space) 0}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1.3px;color:var(--muted)}.hero-top i{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(76px,17.1vw,290px);letter-spacing:-.075em;line-height:.96;font-weight:900;margin:26px 0 30px}.hero h1 sup{font-size:.16em;letter-spacing:0;vertical-align:top;display:inline-block;margin:9px 0 0 16px;color:var(--accent)}.hero-stage{height:clamp(400px,40vw,660px);position:relative;overflow:hidden;background:#201610}.hero-stage>img{height:100%;object-position:50% 48%;filter:saturate(.55)}.hero-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 35%,#000b)}.stage-top,.stage-bottom{position:absolute;z-index:1;left:32px;right:32px;display:flex;justify-content:space-between;gap:20px}.stage-top{top:25px;font-size:12px;letter-spacing:1.5px}.stage-bottom{bottom:34px;align-items:end}.stage-bottom p{font-size:15px;margin-bottom:18px}.stage-bottom h2{font-size:clamp(45px,5.5vw,86px);line-height:.95;letter-spacing:-3px}.stage-bottom em{font-style:normal;color:var(--accent)}.play-link{display:flex;align-items:center;gap:16px;font-size:14px}.play-link small{display:block;margin-top:8px;font-size:12px;letter-spacing:1px;color:#ddd}.play-icon{display:grid;place-items:center;width:60px;height:60px;border:1px solid #fff8;border-radius:50%;font-size:30px;transition:background .2s}.play-link:hover .play-icon{background:var(--accent);color:var(--bg);border-color:var(--accent)}.hero-bottom{padding:24px 0;border-bottom:1px solid var(--line)}.section{padding:110px var(--space)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:54px}.eyebrow{font-size:12px;color:var(--accent);letter-spacing:1.8px;margin-bottom:24px}.section h2{font-size:clamp(30px,3.4vw,56px);line-height:1.3;letter-spacing:-1.8px;font-weight:500}.text-link{font-size:14px;border-bottom:1px solid #74796a;padding-bottom:10px;display:inline-block}.live-row{display:grid;grid-template-columns:60px 1fr 80px 40px;gap:20px;align-items:center;border-top:1px solid var(--line);padding:34px 10px;transition:background .2s,padding .2s}.live-row:last-child{border-bottom:1px solid var(--line)}.live-row:hover{background:var(--surface);padding-left:22px}.row-no,.year{font-family:monospace;color:var(--muted);font-size:14px}.live-row h3{font-size:clamp(20px,2.1vw,34px);font-weight:500;letter-spacing:-.5px}.live-row p{font-size:14px;color:var(--muted);margin-top:12px}.row-arrow{font-size:32px;color:var(--accent)}.works{background:#e9ece3;color:#171914}.works .eyebrow{color:#555d44}.section-note{color:#64695e;font-size:14px}.work-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:65px}.work-card.offset{padding-top:100px}.work-image{position:relative;overflow:hidden;background:#20211e;aspect-ratio:1.4}.work-image img{height:100%;transition:transform .6s}.work-card:hover img{transform:scale(1.035)}.image-open{position:absolute;right:16px;bottom:16px;width:44px;height:44px;display:grid;place-items:center;background:#e9ece3;color:#171914;border-radius:50%;font-size:24px}.work-caption{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:22px 0;border-bottom:1px solid #b9bfb1}.work-caption h3{font-size:18px;font-weight:500}.work-caption span{font-size:12px;color:#59614e}.about{display:grid;grid-template-columns:.8fr 1fr;gap:10vw;align-items:center;padding-top:140px;padding-bottom:140px}.portrait img{aspect-ratio:4/5;object-position:center 30%;filter:grayscale(1)}.portrait>span{display:block;font:12px monospace;letter-spacing:1px;margin-top:18px;color:var(--muted)}.about-copy h2{margin-bottom:32px}.about-copy h2 span{color:var(--accent)}.intro{font-size:16px;line-height:2}.muted{color:var(--muted);margin-top:16px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 38px}.tags span{border:1px solid var(--line);padding:8px 13px;border-radius:30px;font-size:14px;color:#c0c5b8}.contact{background:var(--accent);color:#17200b;padding-top:75px;padding-bottom:36px}.contact .eyebrow{color:#4b6025}.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact h2{font-size:clamp(42px,6.5vw,104px);letter-spacing:-4px;line-height:1.18}.mail-circle{flex-shrink:0;border:1px solid #637b3e;border-radius:50%;width:140px;height:140px;font-size:76px;display:grid;place-items:center;transition:background .2s,color .2s}.mail-circle:hover{background:#17200b;color:var(--accent)}.email{display:inline-block;margin-top:36px;font-size:clamp(19px,2.1vw,34px);border-bottom:1px solid #6b8047;padding-bottom:8px}.contact-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #91b24f;margin-top:60px;padding-top:28px;font-size:14px}.contact-bottom>div{display:flex;gap:30px}footer{padding:30px var(--space);display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font-size:12px}footer .brand{color:var(--text);font-size:25px}dialog{border:1px solid var(--line);padding:55px 20px 20px;background:var(--bg);color:var(--text);max-width:95vw;max-height:95dvh}dialog::backdrop{background:#000d}dialog img{max-height:72dvh;width:auto;max-width:85vw;object-fit:contain;margin:auto}dialog p{text-align:center;padding-top:18px;font-size:14px}.gallery-close{position:absolute;right:20px;top:12px;min-height:34px;border:0;background:none;color:white;cursor:pointer}body:has(dialog[open]){overflow:hidden}.works a:focus-visible,.contact a:focus-visible{outline-color:#17200b}@media(min-width:1800px){body{max-width:2000px;margin:auto}}@media(max-width:760px){.header{padding-top:18px;padding-bottom:18px}.brand{font-size:26px}.header nav{gap:18px}.header nav sup{display:none}.contact-link{display:none}.hero{padding-top:24px}.hero-top{font-size:12px;letter-spacing:.5px}.hero-top p:last-child{display:none}.hero h1{font-size:17vw;margin:26px 0}.hero h1 sup{margin-left:6px}.hero-stage{height:480px}.hero-stage>img{object-position:61% center}.stage-top,.stage-bottom{left:20px;right:20px}.stage-top span:last-child{display:none}.stage-bottom{display:block;bottom:24px}.stage-bottom h2{font-size:56px}.play-link{margin-top:24px}.play-icon{width:44px;height:44px}.hero-bottom p{max-width:205px;line-height:1.7;font-size:12px}.hero-bottom a{white-space:nowrap;font-size:12px;padding-top:4px}.section{padding:70px var(--space)}.section-head{align-items:start;margin-bottom:35px;flex-direction:column;gap:20px}.eyebrow{margin-bottom:18px;letter-spacing:1px}.live-row{grid-template-columns:24px 1fr 28px;gap:12px;padding:25px 0}.live-row .year{display:none}.live-row h3{font-size:20px}.live-row p{font-size:14px;line-height:1.7}.work-grid{grid-template-columns:1fr;gap:35px}.work-card.offset{padding-top:0}.work-caption{padding:18px 0}.about{grid-template-columns:1fr;gap:42px}.portrait{max-width:420px}.about-copy h2{font-size:34px}.contact h2{letter-spacing:-2px}.mail-circle{width:70px;height:70px;font-size:40px}.contact-bottom{flex-direction:column;margin-top:45px}.contact-bottom>div{gap:22px}footer{flex-wrap:wrap;gap:20px}footer .brand{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}