@charset "UTF-8";
:root{--bg:#10110f;--panel:#181a16;--text:#eeeee5;--muted:#999c91;--line:rgba(238,238,229,.17);--accent:#d3ed83;--gutter:clamp(24px,5vw,88px);--font:Arial,"Helvetica Neue","Microsoft JhengHei",sans-serif;--serif:Georgia,"Times New Roman","Microsoft JhengHei",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body,button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}button,a,summary{touch-action:manipulation}button:disabled{cursor:default}img,video,canvas{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h2{font-size:clamp(44px,5.4vw,80px);line-height:1.07;letter-spacing:-.055em}h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.065em}p{overflow-wrap:break-word}em{font-weight:400}a,button,summary{outline-offset:6px}a:focus-visible,button:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}.page-width{width:calc(100% - var(--gutter)*2);max-width:1600px;margin-inline:auto}.section-space{padding-block:120px}.eyebrow{font-size:11px;font-weight:400;letter-spacing:.13em;text-transform:uppercase;line-height:1.6}.muted{color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;flex:none}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:#111;padding:12px 20px}.skip-link:focus{top:15px}

.site-header{height:100px;padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid rgba(238,238,229,.12)}.wordmark{font-size:30px;font-weight:700;letter-spacing:-.085em;line-height:1}.wordmark-dot{color:var(--accent)}.desktop-nav{display:flex;gap:32px;font-size:12px}.desktop-nav a{position:relative}.desktop-nav a::after{content:"";position:absolute;height:1px;width:100%;background:currentColor;left:0;bottom:-5px;transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a:hover::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:28px}.language-switch{display:flex;align-items:center;gap:7px;font-size:11px;min-height:44px}.language-switch [data-lang-zh]{color:var(--muted)}html[lang=zh-Hant] .language-switch [data-lang-zh]{color:var(--text)}html[lang=zh-Hant] .language-switch [data-lang-en]{color:var(--muted)}.lang-slash{opacity:.3}.header-contact{display:flex;align-items:center;gap:28px;padding:11px 17px;border:1px solid var(--line);border-radius:3px;font-size:12px;transition:background .2s,color .2s}.header-contact:hover{background:var(--text);color:var(--bg)}.menu-toggle{display:none;width:40px;height:44px;padding:12px 6px}.menu-toggle span{display:block;height:1px;background:var(--text);margin:6px 0;transition:transform .2s}.mobile-nav{position:absolute;left:0;right:0;top:100%;background:#151710;border-bottom:1px solid var(--line);padding:25px var(--gutter);display:grid;gap:20px;font-size:22px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

.hero{min-height:770px;height:min(950px,100svh);position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding-top:100px}.hero-art{position:absolute;inset:0 0 0 27%;z-index:-3;overflow:hidden;background:#29251b}.hero-art video{height:100%;width:100%;object-fit:cover;object-position:51% center;opacity:.9;filter:saturate(.78)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#10110f 5%,rgba(16,17,15,.96) 22%,rgba(16,17,15,.57) 47%,rgba(16,17,15,.06) 77%),linear-gradient(0deg,#10110f 0%,rgba(16,17,15,.05) 25%,rgba(16,17,15,.08) 73%,rgba(16,17,15,.45) 100%)}.hero-content{padding-bottom:65px}.hero-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:32px;color:#c6c8ba}.hero h1{font-size:clamp(100px,11.5vw,178px);line-height:.92;letter-spacing:-.078em;max-width:900px}.hero h1>span{display:block}.hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.08em;color:var(--accent)}.hero-description{margin-top:30px;max-width:360px;font-size:14px;color:#bcbfb2;line-height:1.6}.hero-role{color:var(--text);font-size:15px;margin-bottom:6px}.text-link{display:inline-flex;gap:22px;align-items:center;font-size:12px}.round-arrow{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:19px;transition:background .2s,color .2s,transform .2s}.text-link:hover .round-arrow{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:rotate(-12deg)}.hero-link{margin-top:29px}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.06em}.hero-index{display:flex;align-items:center;gap:13px;color:#999e8f}.tiny-cross{font-size:25px;font-weight:200}.hero-credit{display:grid;grid-template-columns:auto auto;gap:2px 26px;margin-left:auto;margin-right:8vw}.hero-credit>span:first-child{color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.hero-credit strong{font-weight:400;grid-column:1}.hero-credit>span:last-child{grid-column:2;grid-row:1/3;font-size:20px;align-self:center}.motion-toggle{display:flex;gap:10px;align-items:center;min-height:44px;font-size:10px;letter-spacing:.03em}.motion-icon{font-size:16px;color:var(--accent)}.discipline-bar{border-bottom:1px solid var(--line);border-top:1px solid var(--line);min-height:85px;display:flex;align-items:center;justify-content:space-evenly;gap:20px;padding:20px var(--gutter);font-size:11px;letter-spacing:.13em;color:#b4b7aa}.discipline-bar i{font-size:23px;font-style:normal;font-weight:200;color:var(--accent)}

.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:55px}.section-heading .eyebrow{margin-bottom:25px;color:var(--muted)}.section-intro{max-width:270px;font-size:15px;color:var(--muted);margin-right:5%;padding-bottom:7px;line-height:1.65}.work-toolbar{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;gap:18px}.work-filters{display:flex;gap:28px}.work-filters button{font-size:12px;padding-block:16px;color:var(--muted);border-bottom:1px solid transparent;margin-bottom:-1px;transition:color .15s}.work-filters button[aria-pressed=true]{color:var(--text);border-bottom-color:var(--accent)}.work-filters button:hover{color:var(--text)}.work-count{font-size:10px;color:var(--muted);letter-spacing:.08em;white-space:nowrap}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 36px;align-items:start}.work-card{grid-column:span 7;display:block;min-width:0}.work-card:nth-child(4n+2),.work-card:nth-child(4n+3){grid-column:span 5}.work-card:nth-child(2n){margin-top:100px}.work-grid.is-filtered .work-card{grid-column:span 6;margin-top:0}.card-image{position:relative;overflow:hidden;background:#1d2019;aspect-ratio:1.38}.work-card:nth-child(4n+2) .card-image,.work-card:nth-child(4n+3) .card-image{aspect-ratio:1.06}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.2,1),filter .6s;filter:saturate(.85)}.work-card[data-project=unreal] .card-image img{object-position:center 49%}.work-card[data-project=glitch] .card-image img{object-position:center 46%}.work-card[data-project=exhibit] .card-image img{object-position:center 56%}.work-card[data-project=ink] .card-image img{object-fit:cover}.card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.3),transparent 40%);pointer-events:none}.work-card:hover img{transform:scale(1.035);filter:saturate(1)}.card-number{position:absolute;top:16px;left:18px;background:rgba(16,17,15,.5);backdrop-filter:blur(8px);padding:3px 8px;font-size:10px;letter-spacing:.08em;border:1px solid rgba(255,255,255,.15);z-index:1}.card-view{position:absolute;right:18px;bottom:18px;background:var(--text);color:var(--bg);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;z-index:1;font-size:22px;transform:translateY(65px);transition:transform .25s}.work-card:hover .card-view,.work-card:focus-visible .card-view{transform:translateY(0)}.card-info{padding:20px 0 0;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.card-info h3{font-size:clamp(23px,2.6vw,38px);line-height:1.18;letter-spacing:-.045em}.card-info .card-category{margin-top:9px;font-size:9px;letter-spacing:.1em;color:var(--muted)}.card-year{font-size:10px;color:var(--muted);padding-top:7px}

.playground{position:relative;min-height:650px;isolation:isolate;overflow:hidden;background:#070a09;border-block:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding-block:32px}.field-top,.field-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;position:relative;z-index:2}.field-top .eyebrow{color:var(--muted)}.field-live{font-size:9px;letter-spacing:.12em;display:flex;align-items:center;gap:9px}.field-title{text-align:center;position:relative;z-index:1;pointer-events:none;padding:110px 15px 90px}.field-title h2{font-size:clamp(48px,5.4vw,80px);text-shadow:0 2px 40px #000}.field-title p{font-size:12px;color:#b3b9a7;margin-top:23px}.field-canvas-wrap{position:absolute;inset:0;z-index:0;opacity:.85}.field-canvas-wrap canvas{width:100%;height:100%;touch-action:pan-y}.field-bottom p{font-size:11px;color:var(--muted);line-height:1.6}.field-controls{display:flex;gap:5px;padding:5px;border:1px solid #30352a;background:rgba(14,18,14,.82);border-radius:4px;backdrop-filter:blur(12px)}.field-controls button{font-size:11px;min-height:36px;padding:8px 13px;border-radius:2px}.field-mode[aria-pressed=true]{background:var(--accent);color:var(--bg)}.field-controls button:hover:not([aria-pressed=true]){background:#2a3021}.field-reset{border-left:1px solid #3a4031;margin-left:5px!important}.field-coordinates{font-family:monospace;font-size:10px;color:#a2ab95;min-width:130px;text-align:right}

.practice-section{display:grid;grid-template-columns:1fr 1.05fr;gap:100px}.practice-heading .eyebrow{color:var(--muted);margin-bottom:25px}.practice-heading h2{font-size:clamp(42px,4.7vw,69px)}.practice-heading>p:last-child{max-width:330px;margin-top:30px;font-size:14px}.practice-list{padding-top:45px}.practice-list details{border-top:1px solid var(--line);padding:23px 0}.practice-list details:last-child{border-bottom:1px solid var(--line)}.practice-list summary{display:flex;gap:22px;align-items:center;cursor:pointer;list-style:none}.practice-list summary::-webkit-details-marker{display:none}.service-number{font-size:10px;color:var(--muted)}.practice-list h3{font-size:clamp(20px,2.2vw,31px);letter-spacing:-.04em;line-height:1.25}.details-symbol{width:13px;height:13px;margin-left:auto;position:relative;flex-shrink:0}.details-symbol::before,.details-symbol::after{content:"";position:absolute;background:var(--muted);left:0;top:6px;width:13px;height:1px}.details-symbol::after{transform:rotate(90deg)}details[open] .details-symbol::after{display:none}.service-body{margin:21px 30px 0 36px;color:var(--muted);font-size:13px;max-width:440px}.service-tags{font-size:9px;letter-spacing:.06em;margin-top:20px;color:#bcc5a8}

.about-section{display:grid;grid-template-columns:.85fr 1fr;gap:12%;align-items:center;padding-block:30px 120px}.about-art{height:580px;position:relative;overflow:hidden}.about-art img{width:100%;height:100%;object-fit:cover;object-position:center 80%;filter:saturate(.65) brightness(.75);transform:scale(1.06)}.about-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 35%)}.image-note{position:absolute;bottom:25px;left:25px;right:20px;color:#e2e6d5;z-index:1;font-size:10px}.about-copy .eyebrow{color:var(--muted);margin-bottom:28px}.about-copy h2{font-size:clamp(43px,4.6vw,68px)}.about-lead{font-size:20px;line-height:1.5;letter-spacing:-.02em;margin-top:30px;max-width:490px}.about-copy>.muted{margin-top:20px;max-width:450px;font-size:14px;line-height:1.8}.about-copy .text-link{margin-top:28px}.about-location{display:flex;gap:11px;font-size:9px;letter-spacing:.1em;align-items:center;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:43px}.hk-clock{margin-left:auto;font-variant-numeric:tabular-nums}

.contact-section{border-top:1px solid var(--line);padding-top:85px;padding-bottom:80px}.contact-section>.eyebrow{color:var(--muted);margin-bottom:35px}.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-heading h2{font-size:clamp(74px,9.5vw,145px);line-height:1;letter-spacing:-.07em}.contact-heading h2 em{color:var(--accent)}.contact-arrow{font-size:clamp(100px,13vw,190px);line-height:1;color:var(--accent);font-weight:200;margin-right:5%}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:45px}.contact-bottom>p{font-size:14px;color:var(--muted)}.contact-actions{display:flex;gap:10px}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:18px 22px;font-size:12px;border:1px solid var(--line);border-radius:3px;transition:background .2s,color .2s}.button-primary{background:var(--accent);color:#171b0d;border-color:var(--accent)}.button-primary:hover{background:#e7ffaa}.button-secondary:hover{background:var(--text);color:var(--bg)}.email-line{display:flex;gap:20px;justify-content:flex-end;align-items:center;margin-top:23px;color:var(--muted);font-size:11px}.copy-email{font-size:10px;border-bottom:1px solid var(--line);min-height:32px}.copy-email:hover{color:var(--text)}.site-footer{border-top:1px solid var(--line);min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer .wordmark{font-size:27px}.site-footer p{font-size:10px;color:var(--muted);margin-left:auto;margin-right:8vw}.footer-links{display:flex;gap:25px;font-size:10px;color:var(--muted)}.footer-links a:hover{color:var(--text)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);padding:12px 20px;border:1px solid var(--line);background:var(--accent);color:#111;z-index:99;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s;max-width:calc(100% - 32px);text-align:center;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}

.project-header{position:relative}.project-back{font-size:11px;display:flex;gap:12px;align-items:center;margin-right:auto;margin-left:5vw;color:var(--muted)}.project-back:hover{color:var(--text)}.project-main{padding-top:70px}.project-top .eyebrow{color:var(--muted);margin-bottom:25px}.project-title{font-size:clamp(58px,7.8vw,112px);line-height:1.02;letter-spacing:-.065em;max-width:1100px}.project-subtitle{color:var(--muted);font-size:18px;margin-top:25px}.project-facts{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:35px;border-top:1px solid var(--line);padding-block:25px;margin-top:42px}.fact-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.fact-value{font-size:13px}.project-media{background:#050605;margin-top:15px;position:relative}.project-media video{width:100%;max-height:80svh;min-height:220px;object-fit:contain;margin:auto;background:#050605}.media-note{color:var(--muted);font-size:11px;margin-top:10px}.project-description{display:grid;grid-template-columns:.5fr 1fr;gap:12%;padding-block:65px 80px}.project-description h2{font-size:26px;letter-spacing:-.03em}.project-description>div>p:first-child{font-size:23px;letter-spacing:-.025em;line-height:1.6;max-width:760px}.project-description .project-credits{font-size:12px;color:var(--muted);line-height:1.8;margin-top:30px}.project-description .text-link{margin-top:25px}.project-gallery{border-top:1px solid var(--line);padding-block:45px 70px}.project-gallery>h2{font-size:28px;margin-bottom:30px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.gallery-item video{height:60svh;width:100%;object-fit:contain;background:#050605}.gallery-item h3{font-size:13px;margin-top:15px}.project-contact{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--line);padding-block:40px}.project-contact h2{font-size:30px;letter-spacing:-.04em;margin-bottom:8px}.project-contact p{font-size:13px;color:var(--muted)}.next-project{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:50px 65px}.next-project .eyebrow{color:var(--muted);margin-bottom:12px}.next-project h2{font-size:clamp(32px,4vw,56px);letter-spacing:-.045em}.next-project>span{color:var(--accent);font-size:60px}.next-project:hover h2{color:var(--accent)}

html[lang=zh-Hant] h1,html[lang=zh-Hant] h2,html[lang=zh-Hant] h3{letter-spacing:-.035em}html[lang=zh-Hant] h1 em,html[lang=zh-Hant] h2 em{font-family:var(--font);font-style:normal;letter-spacing:-.04em}html[lang=zh-Hant] .hero h1{font-size:clamp(82px,9.8vw,150px);line-height:1.12}html[lang=zh-Hant] .contact-heading h2{font-size:clamp(60px,7.5vw,115px);line-height:1.14}html[lang=zh-Hant] .hero-description{line-height:1.9}html[lang=zh-Hant] .eyebrow{letter-spacing:.12em}html[lang=zh-Hant] .project-title{font-size:clamp(48px,6.7vw,96px)}html[lang=zh-Hant] .section-intro{line-height:1.9}

.reduce-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reduce-motion .work-card:hover img{transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(min-width:1600px){.hero-content{padding-bottom:45px}.hero-description{margin-top:40px}.hero-eyebrow{margin-bottom:40px}.hero-link{margin-top:40px}}
@media(max-width:1100px){.site-header{gap:20px}.desktop-nav{gap:22px}.header-actions{gap:20px}.hero{min-height:730px}.hero h1{font-size:12.2vw}.hero-credit{margin-right:3vw}.practice-section{gap:55px}.about-section{gap:7%}.about-art{height:500px}.contact-bottom{align-items:flex-start}.contact-actions{flex-direction:column;min-width:245px}.email-line{flex-wrap:wrap}.section-intro{margin-right:0}.field-coordinates{display:none}.practice-list{padding-top:35px}.work-grid{gap:55px 28px}}
@media(max-width:760px){:root{--gutter:24px}.section-space{padding-block:76px}.site-header{height:80px;gap:15px}.desktop-nav{display:none}.wordmark{font-size:28px}.header-actions{gap:18px}.header-contact{display:none}.menu-toggle{display:block}.hero{height:820px;min-height:710px;max-height:1100px;padding-top:80px;align-items:flex-start}.hero-art{inset:0 0 0 0}.hero-art video{object-position:60% center;opacity:.75}.hero-shade{background:linear-gradient(90deg,rgba(16,17,15,.95),rgba(16,17,15,.5) 62%,rgba(16,17,15,.2)),linear-gradient(0deg,#10110f 0%,rgba(16,17,15,.05) 40%,rgba(16,17,15,.35) 100%)}.hero-content{padding-top:78px;padding-bottom:0}.hero-eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:32px}.hero h1{font-size:clamp(72px,13.7vw,106px);letter-spacing:-.08em;line-height:.98}.hero-description{margin-top:28px;font-size:13px;max-width:295px}.hero-role{font-size:14px}.hero-link{margin-top:30px}.hero-bottom{bottom:22px;display:grid;grid-template-columns:1fr auto;gap:20px}.hero-index{display:none}.hero-credit{margin:0;font-size:10px;gap:3px 18px}.hero-credit>span:last-child{display:none}.motion-toggle{font-size:10px}.discipline-bar{min-height:74px;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;padding-block:20px;font-size:8px;letter-spacing:.08em}.discipline-bar i{font-size:17px}.discipline-bar>span:nth-of-type(3),.discipline-bar>span:nth-of-type(4),.discipline-bar>i:nth-of-type(2),.discipline-bar>i:nth-of-type(3){display:none}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:23px}h2{font-size:44px;line-height:1.12}.section-intro{margin-top:25px;font-size:13px;max-width:280px}.section-intro br{display:none}.section-intro br::after{content:" "}.work-toolbar{margin-bottom:27px;gap:10px}.work-filters{gap:20px}.work-filters button{font-size:10px;padding-block:17px}.work-count{font-size:9px}.work-grid{display:block}.work-card,.work-grid.is-filtered .work-card{margin:0 0 42px!important}.work-card:last-child{margin-bottom:0!important}.card-image,.work-card:nth-child(4n+2) .card-image,.work-card:nth-child(4n+3) .card-image{aspect-ratio:1.23}.card-info{padding-top:15px}.card-info h3{font-size:26px}.card-category{font-size:8px!important}.card-view{width:35px;height:35px;font-size:20px;transform:none;right:13px;bottom:13px}.card-number{top:13px;left:13px;font-size:9px}.playground{min-height:600px;padding-block:25px}.field-top{align-items:flex-start}.field-top .eyebrow{font-size:9px}.field-live{font-size:7px;letter-spacing:.06em;gap:6px;text-align:right;max-width:130px}.field-title{padding:105px 18px 75px}.field-title h2{font-size:42px}.field-title p{font-size:11px}.field-bottom{display:flex;flex-direction:column;gap:25px;align-items:center}.field-bottom>p{font-size:10px;text-align:center}.field-bottom>p br{display:none}.field-controls button{font-size:10px;padding-inline:12px;min-height:38px}.practice-section{display:block}.practice-heading h2{font-size:44px}.practice-heading>p:last-child{max-width:350px;margin-top:22px}.practice-list{padding-top:35px}.practice-list details{padding-block:23px}.practice-list h3{font-size:23px}.service-body{font-size:13px;margin-left:34px}.service-tags{font-size:8px}.about-section{display:flex;flex-direction:column;gap:38px;padding-block:0 76px;align-items:stretch}.about-art{height:400px}.about-copy h2{font-size:44px}.about-copy .eyebrow{font-size:10px;margin-bottom:23px}.about-lead{font-size:19px;margin-top:25px}.about-copy>.muted{font-size:13px}.about-location{margin-top:30px}.contact-section{padding-top:60px}.contact-heading h2{font-size:clamp(56px,11.5vw,82px)}.contact-arrow{font-size:58px;align-self:flex-end;margin:0 0 5px}.contact-heading{gap:5px}.contact-bottom{display:block;margin-top:28px}.contact-bottom>p{font-size:13px}.contact-actions{margin-top:28px;flex-direction:row;min-width:0;gap:8px}.button-primary,.button-secondary{padding:15px 13px;gap:20px;font-size:10px;flex:1}.email-line{justify-content:flex-start;gap:15px;font-size:10px;margin-top:18px}.site-footer{min-height:145px;flex-wrap:wrap;padding-block:28px;gap:25px}.site-footer p{margin:0 0 0 auto}.footer-links{width:100%;justify-content:space-between;gap:10px;font-size:9px}.site-footer .wordmark{font-size:26px}.project-header .project-back{display:none}.project-header .header-contact{display:flex;gap:12px;padding:10px;font-size:10px}.project-header .header-actions{gap:14px}.project-main{padding-top:45px}.project-title{font-size:56px}.project-subtitle{font-size:15px;margin-top:20px}.project-facts{grid-template-columns:1fr 1fr;gap:20px;padding-block:22px;margin-top:30px}.project-facts>div:last-child{grid-column:span 2}.fact-value{font-size:12px}.fact-label{font-size:9px}.project-media video{max-height:72svh;min-height:0}.project-description{display:block;padding-block:40px 50px}.project-description h2{font-size:23px;margin-bottom:22px}.project-description>div>p:first-child{font-size:18px}.project-description .project-credits{font-size:11px;margin-top:22px}.gallery-grid{grid-template-columns:1fr;gap:30px}.gallery-item video{height:auto;max-height:75svh}.project-gallery{padding-block:35px 45px}.project-contact{display:block}.project-contact h2{font-size:26px}.project-contact .button-primary{margin-top:25px}.next-project{padding-block:35px 45px}.next-project>span{font-size:42px}.next-project h2{font-size:32px}html[lang=zh-Hant] .hero h1{font-size:clamp(60px,11.8vw,94px);line-height:1.2}html[lang=zh-Hant] .hero-content{padding-top:85px}html[lang=zh-Hant] .contact-heading h2{font-size:clamp(44px,9.2vw,66px)}html[lang=zh-Hant] .contact-arrow{font-size:50px}html[lang=zh-Hant] .field-title h2{font-size:38px}html[lang=zh-Hant] .project-title{font-size:44px}}
@media(max-width:380px){:root{--gutter:20px}.work-filters{gap:14px}.work-count{font-size:8px}.hero{height:760px}.hero h1{font-size:13.3vw}.header-actions{gap:12px}.contact-actions{flex-direction:column}.contact-actions a{justify-content:space-between}.field-controls button{padding-inline:9px}.hero-content{padding-top:65px}.contact-arrow{font-size:46px}.project-header .header-contact{display:none}}
/* Full-bleed footage avoids a visible seam at the start of the background. */
.hero-art{inset:0}.hero-art video{object-position:60% center}
.work-card[data-project=liquid-letter] .card-image,.work-card[data-project=butterfly-effect] .card-image{aspect-ratio:4/5}
.work-card[data-project=butterfly-effect] .card-image img{object-position:center 20%}
.work-card[data-project=energy-field] .card-image{aspect-ratio:16/9}
@media(min-width:761px) and (max-height:800px){.hero{min-height:700px}.hero-content{padding-bottom:65px}.hero h1{font-size:clamp(95px,10.4vw,146px)}.hero-eyebrow{margin-bottom:25px}.hero-description{margin-top:25px}.hero-link{margin-top:23px}html[lang=zh-Hant] .hero h1{font-size:clamp(82px,9vw,122px)}}
@media(max-width:760px){.section-intro br{display:block}.field-bottom>p br{display:block}}