@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+TC:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f7f3e9;font-synthesis:none;text-rendering:optimizelegibility;background:#101718;font-family:Space Grotesk,Noto Sans TC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#101718;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.page-width{width:min(100%,1440px);margin-inline:auto}.section-pad{padding:9rem clamp(1.25rem,5vw,6.5rem)}.site-header{z-index:10;color:#f7f3e9;mix-blend-mode:screen;justify-content:space-between;align-items:center;padding:1.35rem clamp(1.25rem,5vw,6.5rem);display:flex;position:fixed;inset:0 0 auto}.brand{letter-spacing:.1em;gap:.25rem;line-height:.8;display:grid}.brand span{font-size:1.3rem;font-weight:700}.brand small,.eyebrow,.section-label,.hero-footer,.project-caption span,.tag-list span,.footer{letter-spacing:.12em;text-transform:uppercase;font:.65rem DM Mono,monospace}.brand small{letter-spacing:.25em;margin-left:.1rem;font-size:.43rem}.main-nav{align-items:center;gap:2rem;font-size:.82rem;display:flex}.main-nav a{opacity:.85;align-items:center;gap:.35rem;display:inline-flex}.main-nav a:hover{opacity:1}.nav-cta{border-bottom:1px solid;padding-bottom:.35rem}.menu-button{color:inherit;cursor:pointer;background:0 0;border:0;display:none}.hero{align-items:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-media{filter:saturate(.72);background:url(https://images.unsplash.com/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=2200&q=88) 50%/cover;position:absolute;inset:0;transform:scale(1.02)}.hero-overlay{background:linear-gradient(90deg,#080e0fcc,#080e0f2e 75%),linear-gradient(#0000 35%,#080e0fd1);position:absolute;inset:0}.hero-content{z-index:1;padding:0 clamp(1.25rem,5vw,6.5rem) 8rem;position:relative}.eyebrow,.section-label{color:#c3c9b9;margin:0 0 1.5rem}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:.01em;font-family:Noto Serif TC,serif;font-weight:500}h1{max-width:760px;margin-bottom:1.6rem;font-size:clamp(3.3rem,8vw,8rem);line-height:.98}h2{font-size:clamp(2.5rem,5vw,5.6rem);line-height:1.08}em{color:#d4aa75;font-style:normal}.hero-copy{color:#ecede7;max-width:34rem;font-size:1.08rem;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.6rem;margin-top:2.5rem;display:flex}.button{border:1px solid;align-items:center;gap:.65rem;padding:1rem 1.2rem;transition:transform .2s,background .2s,color .2s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button-light:hover{color:#101718;background:#f7f3e9}.under-link{border-bottom:1px solid;align-items:center;gap:.45rem;padding-bottom:.35rem;font-size:.8rem;display:inline-flex}.hero-footer{z-index:1;color:#c3c9b9;justify-content:space-between;display:flex;position:absolute;bottom:1.4rem;left:clamp(1.25rem,5vw,6.5rem);right:clamp(1.25rem,5vw,6.5rem)}.statement{color:#101718;background:#f7f3e9}.two-column{grid-template-columns:1.1fr .9fr;align-items:start;gap:8vw;display:grid}.two-column h2{margin:0}.body-copy{color:#52605d;max-width:37rem;line-height:1.85}.body-copy .lead{color:#101718;font:1.35rem/1.65 Noto Serif TC,serif}.services{color:#101718;background:#d9dfd5}.services h2{margin-bottom:4rem}.service-list{border-top:1px solid #10171840}.service-row{border-bottom:1px solid #10171840;grid-template-columns:4rem 1fr 1.5rem;align-items:start;gap:2rem;padding:2.3rem 0;display:grid}.service-row>span{color:#6a7771;padding-top:.5rem;font:.7rem DM Mono,monospace}.service-row h3{margin-bottom:.55rem;font-size:clamp(1.7rem,3vw,3.2rem);font-weight:500}.service-row p{color:#52605d;max-width:43rem;margin:0;line-height:1.75}.service-row svg{margin-top:.5rem}.service-row.featured{color:#f7f3e9;background:#101718;margin:0 -2rem;padding-inline:2rem}.service-row.featured>span,.service-row.featured p{color:#b8c0b7}.tag-list{flex-wrap:wrap;gap:.45rem;margin-top:1.4rem;display:flex}.tag-list span{color:#d4aa75;border:1px solid #d4aa7580;padding:.45rem .6rem}.work{color:#101718;background:#f7f3e9}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:4rem;display:flex}.section-heading h2{margin:0}.section-heading>p{color:#6a7771;letter-spacing:.1em;text-transform:uppercase;font:.7rem DM Mono,monospace}.work-grid{grid-template-columns:repeat(2,1fr);gap:4rem 1.5rem;display:grid}.project-card{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.project-image{aspect-ratio:4/5;filter:saturate(.72);background-position:50%;background-size:cover;transition:filter .3s,transform .3s;position:relative}.project-card.wide .project-image{aspect-ratio:16/10}.project-card:hover .project-image{filter:saturate();transform:translateY(-5px)}.project-number{color:#f7f3e9;font:.65rem DM Mono,monospace;position:absolute;top:1rem;left:1rem}.play-button{color:#f7f3e9;border:1px solid #f7f3e9bf;border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;display:grid;position:absolute;bottom:1rem;right:1rem}.project-caption{grid-template-columns:1fr auto;align-items:center;gap:.45rem 1rem;padding-top:.9rem;display:grid}.project-caption span{color:#6a7771;grid-column:1/-1;font-size:.58rem}.project-caption strong{font-weight:500}.about{color:#101718;background:#c0cbbd}.about .body-copy .lead{font-size:1.45rem}.contact{color:#f7f3e9;background:#101718}.contact-inner{grid-template-columns:1.1fr .9fr;align-items:end;gap:8vw;display:grid}.contact h2{margin-bottom:0}.contact-side{max-width:28rem}.contact-side p{color:#c3c9b9;margin-bottom:2rem;line-height:1.8}.footer{color:#89958d;background:#101718;justify-content:space-between;gap:1rem;padding:1.5rem clamp(1.25rem,5vw,6.5rem);display:flex}.footer a:hover{color:#f7f3e9}.modal{z-index:20;background:#060a0aeb;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.modal-close{color:#f7f3e9;cursor:pointer;background:0 0;border:0;position:absolute;top:1.2rem;right:1.4rem}.modal-card{color:#101718;background:#f7f3e9;width:min(100%,960px)}.modal-card img{object-fit:cover;width:100%;max-height:65vh;display:block}.modal-card>div{padding:1.4rem 1.5rem 1.6rem}.modal-card span{color:#68746e;letter-spacing:.1em;text-transform:uppercase;font:.65rem DM Mono,monospace}.modal-card h3{margin:.5rem 0;font:1.8rem Noto Serif TC,serif}.modal-card p{color:#68746e;margin:0}@media (width<=760px){.section-pad{padding:5.5rem 1.25rem}.site-header{padding:1.2rem 1.25rem}.menu-button{display:block}.main-nav{opacity:0;pointer-events:none;background:#101718f5;border:1px solid #f7f3e933;gap:0;padding:.4rem;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:4.5rem;left:1.25rem;right:1.25rem;transform:translateY(-8px)}.main-nav.is-open{opacity:1;pointer-events:auto;transform:none}.main-nav a{border-bottom:1px solid #f7f3e91a;padding:.85rem .8rem}.main-nav a:last-child{border-bottom:0}.hero{min-height:45rem}.hero-content{padding:0 1.25rem 7rem}h1{font-size:clamp(3rem,15vw,5rem)}.hero-footer{font-size:.55rem;left:1.25rem;right:1.25rem}.hero-footer span:last-child{display:none}.two-column,.contact-inner{grid-template-columns:1fr;gap:3rem}.service-row{grid-template-columns:2.5rem 1fr 1rem;gap:.7rem}.service-row.featured{margin:0 -1.25rem;padding-inline:1.25rem}.work-grid{grid-template-columns:1fr;gap:3rem}.project-card .project-image,.project-card.wide .project-image{aspect-ratio:16/10}.section-heading{flex-direction:column;align-items:start}.footer{flex-direction:column;align-items:start;font-size:.55rem}}