:root{--ink:#13263e;--paper:#fbfaf6;--muted:#526176;--accent:#a63e2e;--line:#d7dcdf;--pale:#edf0fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft JhengHei","PingFang TC",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}img{display:block;max-width:100%;height:auto}p,figure{margin:0}p{line-height:1.9}h1,h2{margin:0;font-weight:900;letter-spacing:-.04em;text-wrap:balance}h1{font-size:clamp(36px,3.9vw,58px);line-height:1.4}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(29px,2.8vw,39px);line-height:1.45}.wrap{max-width:1280px;width:calc(100% - 96px);margin:auto}.skip-link{position:fixed;top:-100px;left:16px;z-index:9;background:var(--ink);color:white;padding:12px 22px}.skip-link:focus{top:12px}main:focus{outline:none}header{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:112px;border-bottom:1px solid var(--line)}.brand img{width:246px;height:82px;object-fit:contain}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}nav a{padding:14px 0}#language{border:1px solid var(--ink);border-radius:40px;min-width:48px;min-height:44px;background:transparent;color:var(--ink);font-weight:700}#language:hover{background:var(--ink);color:white}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:80px;padding:75px 0 65px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--muted);margin-bottom:22px}.intro{font-size:18px;color:var(--muted);margin:24px 0 30px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;min-height:50px;padding:14px 24px;border-radius:50px;background:var(--ink);color:white;font-size:15px;font-weight:700}.button:hover{text-decoration:none;background:#294266}.studio-portrait{width:100%;max-width:380px;justify-self:center;text-align:center}.mascot-window{position:relative;aspect-ratio:1.04;overflow:hidden;background:white;border:1px solid #e1e5ee;border-radius:22px;box-shadow:10px 12px 0 var(--pale)}.mascot-window img{position:absolute;max-width:none;width:264.828%;left:-25.862%;top:-37.5%;height:auto}figcaption{font-size:14px;font-weight:700;color:var(--muted);margin-top:24px}.divider{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:17px;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;padding:70px 0}.about p:not(.eyebrow){font-size:17px;color:var(--muted)}.about p+p{margin-top:20px}.contact{display:flex;justify-content:space-between;align-items:center;gap:35px;background:var(--ink);color:var(--paper);padding:43px;border-radius:20px;margin-bottom:50px}.contact .eyebrow{color:#c7d0e7;margin-bottom:14px}.contact h2{font-size:30px}.contact p:not(.eyebrow){font-size:14px;margin-top:13px;color:#d4dceb}.email{font-size:clamp(17px,1.9vw,25px);line-height:1.7;font-weight:700;overflow-wrap:anywhere}.email span{color:#ffaf9e;margin-left:10px}.endline{font-size:clamp(30px,4.1vw,56px);font-weight:900;letter-spacing:-1.5px;padding-bottom:38px}.endline span{color:var(--accent)}footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:17px;padding:24px 0 30px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer a{padding:10px 0;font-size:12px}.noscript{padding:22px;max-width:900px;margin:auto}body.en h1{line-height:1.12;font-size:clamp(45px,4.6vw,66px)}body.en h2{line-height:1.22}
@media(max-width:950px){.wrap{width:calc(100% - 56px)}.hero{gap:35px}.about{gap:35px}.contact{padding:30px}.brand img{width:220px;height:74px}}
@media(max-width:720px){header{min-height:96px;gap:17px}.brand img{width:200px;height:67px}nav{gap:17px;font-size:13px}.hero{grid-template-columns:1fr;gap:40px;padding:46px 0}.hero-copy{max-width:580px}.studio-portrait{max-width:300px}.about{grid-template-columns:1fr;gap:24px;padding:48px 0}.contact{flex-direction:column;align-items:start;gap:22px}.email{font-size:24px}.intro{font-size:17px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}header{flex-wrap:wrap;justify-content:center;padding:14px 0;gap:4px}.brand img{width:240px;height:80px}nav{width:100%;justify-content:space-between;padding:0 6px}h1{font-size:33px}.hero{padding-top:40px}.eyebrow{font-size:10px;letter-spacing:1.1px}.divider{font-size:9px;letter-spacing:.3px;gap:14px}.studio-portrait{max-width:270px}.contact{padding:27px 22px}.contact h2{font-size:26px}.email{font-size:20px}.endline{font-size:31px}.about p:not(.eyebrow){font-size:16px}body.en h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}