:root{--ink:#020b12;--paper:#f3f1e9;--accent:#20d5f0;--muted:#9aafbe;--line:#9bc3db28;--pad:clamp(24px,4vw,76px)}body{font-family:Studio,"PingFang TC","Microsoft JhengHei",sans-serif;background:var(--ink)}h1,h2,.project-title{font-family:Georgia,"Songti TC","Noto Serif TC",serif}em{font-family:inherit;font-style:normal}.header{height:112px;background:linear-gradient(#01080bc2,transparent);border:0;backdrop-filter:none;gap:26px}.brand>span{font-size:24px}.brand-small{font-size:9px;letter-spacing:.02em;white-space:nowrap}.desktop-nav{margin-left:auto;gap:38px;letter-spacing:.13em}.header-contact,.primary-action,.brief-open,.brief-submit{background:linear-gradient(110deg,#34dce9,#08a9ee);border:1px solid #55dff2;color:#00121d;border-radius:40px;font-weight:600}.header-contact{padding:14px 25px;gap:24px}.language-toggle{font-size:12px;letter-spacing:.1em;border-bottom:1px solid #5a7f91;padding:10px 2px}.hero{height:clamp(640px,46vw,820px);min-height:640px;max-height:none}.hero-scene{position:absolute;inset:0;z-index:-2}.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:50% 53%}.hero:after{background:linear-gradient(90deg,#01080ed9,transparent 65%),linear-gradient(0deg,#020b1244,transparent 25%)}.hero-content{padding:155px var(--pad) 28px;max-width:800px}.hero .eyebrow{color:#33e2ef;letter-spacing:.4em;font-size:12px}.hero h1{font-size:clamp(54px,4.8vw,82px);line-height:1.17;letter-spacing:.09em;margin:18px 0 14px;max-width:700px}.hero-description{font-size:16px;letter-spacing:.2em;line-height:1.8;color:#deddd5}.hero-description:before{content:'';display:inline-block;width:34px;border-top:1px solid #bcb9a9;margin:0 18px 5px 0}.hero-actions{display:flex;gap:18px;margin-top:36px;pointer-events:auto}.primary-action,.secondary-action{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 30px;font-size:15px;letter-spacing:.12em}.secondary-action{border:1px solid #23d8e8;border-radius:40px;background:#010b1380}.primary-action:hover,.header-contact:hover{filter:brightness(1.14)}.secondary-action:hover{background:#15c9e122}.hero-signature{font-size:10px;letter-spacing:.32em;border-left:1px solid #a7aaa0;padding:13px 24px;margin-top:33px;color:#9aabae}.hero-side{position:absolute;right:7%;top:39%;font:12px/2 Georgia,serif;letter-spacing:.32em;color:#d5c9c0}.concept-note{position:absolute;right:var(--pad);bottom:20px;color:#98afbd;font-size:10px;letter-spacing:.12em}.work{padding-top:30px;padding-bottom:55px;border-top:1px solid var(--line)}.section-heading{display:flex;gap:24px;align-items:center;margin-bottom:26px}.section-heading>.eyebrow{display:none}.section-heading h2{font-size:25px;letter-spacing:.2em;white-space:nowrap}.section-heading h2:after{content:'SELECTED WORKS';font:10px Studio,sans-serif;letter-spacing:.3em;margin-left:24px;color:var(--muted)}.work-controls{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:12px;letter-spacing:.2em}.work-controls button{border:1px solid #92a9b655;border-radius:50%;width:42px;height:42px;font-size:20px}.work-controls button:disabled{opacity:.25;cursor:default}.project-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}.project-grid::-webkit-scrollbar{display:none}.project,.project-offset,.project-last{flex:0 0 calc((100% - 36px)/3);margin:0!important;scroll-snap-align:start;position:relative}.project .project-image,.project-wide .project-image,[data-project="89"] .project-image,[data-project="116"] .project-image{aspect-ratio:1.85}.project-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#01070bd9)}.project-image img{filter:saturate(.8)}.project-caption{position:absolute;bottom:22px;left:22px;right:22px;z-index:2;display:block;padding:0}.project-title{font-size:18px;letter-spacing:.06em;line-height:1.5;display:block}.project-type{display:none}.project-open{z-index:3;width:30px;height:30px;right:15px;bottom:15px;font-size:18px;background:#07152080;color:white;border:1px solid #ffffff50}.project-index{font-size:10px;padding:5px 9px;top:14px;left:14px}.intro{background:#06131e;border-top:1px solid var(--line)}.intro h2{font-size:clamp(34px,3.8vw,64px);line-height:1.5;letter-spacing:.06em}.intro h2 em,.contact h2 em{color:#58d6ee}.studio{background:#081925;color:var(--paper);gap:8vw}.studio h2{line-height:1.5;font-size:clamp(35px,3.7vw,62px)}.studio h2 em{color:#53cde4}.studio-copy>p+p,details p{color:#a6bac7}.capabilities details,.capabilities details:last-child{border-color:#7aa3ba55}summary>span:first-child{color:#4dcbe9}.play{border-block:1px solid var(--line)}.contact h2{font-size:clamp(45px,6vw,96px);line-height:1.4;letter-spacing:.04em}.footer-wordmark{font-size:14vw;color:#dce5e9}.project-detail-copy h2{line-height:1.4}dialog{background:#071722}.image-comparison{background:#04111b}.project-detail-image{background:#020a11}.project-gallery img{object-fit:contain;height:auto}.form-note{line-height:1.8}html[lang=en] .hero h1{font-size:clamp(42px,4.1vw,68px);letter-spacing:-.03em}html[lang=en] .hero-description{letter-spacing:.01em;font-size:14px}
@media(max-width:1000px){.desktop-nav{gap:18px}.header{gap:18px}.brand>span{font-size:20px}.hero h1{font-size:60px}.hero-side{display:none}.project{flex-basis:calc((100% - 18px)/2)}.project-title{font-size:16px}}
@media(max-width:760px){.header{height:90px;gap:15px}.brand-small{font-size:7px;letter-spacing:0}.brand>span{font-size:18px}.header-contact{display:none}.language-toggle{margin-left:auto}.menu-toggle{margin-left:0}.hero{height:740px;min-height:740px}.hero-content{padding-top:144px}.hero h1{font-size:clamp(40px,9vw,62px);letter-spacing:.07em;line-height:1.3}.hero .eyebrow{font-size:9px;letter-spacing:.2em}.hero-scene img{object-position:62% center}.hero:after{background:linear-gradient(90deg,#01080ee6,#01080e50),linear-gradient(0deg,#020b1255,transparent)}.hero-description{font-size:12px;letter-spacing:.08em}.hero-description:before{width:18px;margin-right:10px}.hero-actions{gap:12px;flex-wrap:wrap;margin-top:28px}.primary-action,.secondary-action{padding:12px 20px;font-size:12px;letter-spacing:.05em;min-height:46px}.hero-signature{font-size:8px;letter-spacing:.2em;margin-top:28px}.hero-side{display:none}.work{padding-top:26px}.section-heading{gap:10px}.section-heading h2{font-size:21px;letter-spacing:.1em}.section-heading h2:after{display:none}.work-controls{gap:8px}.work-controls button{width:38px;height:38px}.work-controls>span{font-size:10px}.project{flex-basis:88%}.project-caption{bottom:24px}.project-title{font-size:17px}.project-grid{display:flex}.section-pad{padding-top:65px;padding-bottom:65px}.work.section-pad{padding-top:28px;padding-bottom:35px}.intro h2{font-size:32px}.studio h2{font-size:35px}.contact h2{font-size:40px}.mobile-nav{top:90px;background:#061722}.play h2{font-size:34px;line-height:1.3}html[lang=en] .hero h1{font-size:42px;line-height:1.2}.brand .brand-symbol{width:36px;height:36px}}

#services{scroll-margin-top:40px}.project-caption{right:52px}.section-heading h2:after{white-space:nowrap}@media(min-width:1001px){.hero{min-height:680px}.hero-content{padding-top:160px}.hero h1{font-size:clamp(62px,4.8vw,82px)}}@media(prefers-reduced-motion:reduce){.project-grid{scroll-behavior:auto}}

.hero-content{max-width:900px}.hero h1{font-size:clamp(46px,4.3vw,74px);letter-spacing:.055em;max-width:850px}@media(max-width:760px){.hero h1{font-size:clamp(30px,7.5vw,53px);line-height:1.5;letter-spacing:.02em}html[lang=en] .hero h1{font-size:clamp(28px,6.5vw,42px)}}