.hero-banner{pointer-events:none;background:#f6f4fa;grid-area:banner;width:100%;min-width:0;height:clamp(104px,10vw,144px);position:relative;overflow:hidden}.hero-banner-pattern{display:block}.hero-banner-picture{opacity:0;position:absolute;inset:0}.hero-banner-picture[data-loaded=true]{opacity:1}.hero-banner-picture img{object-fit:cover;object-position:var(--banner-position);width:100%;height:100%;display:block}@media (width<=768px){.hero-banner{justify-self:center;width:100cqw;height:clamp(80px,22vw,112px)}.hero-banner-picture img{object-position:var(--banner-mobile-position)}}:root{color:#171717;font-synthesis:none;--muted:#555;--line:#e5e7eb;--navy:#142b43;--teal:#123f53;--slate:#283f52;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,Noto Sans JP,Apple SD Gothic Neo,Yu Gothic,Malgun Gothic,sans-serif;font-weight:400;line-height:1.65}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{min-width:280px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--navy);outline-offset:5px}figure,h1,h2,h3,h4,p{margin:0}::selection{background:#dce8f0}.page-width{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}.header{justify-content:space-between;align-items:center;gap:32px;min-height:132px;display:flex}.brand{flex-shrink:0;align-items:center;gap:15px;min-height:44px;display:inline-flex}.brand-name{flex-direction:column;gap:2px;font-weight:600;line-height:1.5;display:flex}.brand-name>span:first-child{letter-spacing:-.4px;font-size:17px}.brand-name>span:last-child{letter-spacing:1.3px;font-size:11px;font-weight:500}.brand-mark{letter-spacing:-9px;padding-right:10px;font-size:40px;font-weight:600;line-height:1;transform:translateY(-5px)}.brand-mark span{display:inline-block;transform:translateY(6px)}.header nav{align-items:center;gap:32px;font-size:14px;font-weight:500;display:flex}.header nav>a{white-space:nowrap;align-items:center;min-height:44px;display:flex}.header nav>a:hover,.explore-link:hover{text-underline-offset:6px;text-decoration:underline}.language-switch{flex-shrink:0;align-items:center;display:flex}.language-switch button{min-width:44px;min-height:44px;color:var(--muted);padding:0;font-size:14px}.language-switch button[aria-pressed=true]{color:#171717;text-underline-offset:7px;font-weight:600;text-decoration:underline}.language-switch>span{color:#777;font-size:12px}.skip-link{background:var(--navy);color:#fff;z-index:10;padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:16px}#root{container-type:inline-size}.hero{grid-template-columns:40% 60%;grid-template-areas:"banner banner""copy video";align-items:start;row-gap:48px;padding-block:40px 84px;display:grid}.hero-copy{grid-area:copy;min-width:0;padding-right:24px}.hero h1{letter-spacing:-2.3px;margin:0 0 24px;font-size:clamp(38px,4.1vw,58px);font-weight:600;line-height:1.35}.title-dot{color:var(--navy)}.intro{white-space:pre-line;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere;max-width:430px;font-size:17px;line-height:1.9}.explore-link{border-bottom:1px solid #a8aeb6;align-items:center;gap:40px;min-height:48px;margin-top:32px;font-size:15px;display:inline-flex}.explore-link span{font-size:22px}.hero-art{grid-area:video;width:100%;min-width:0;position:relative}.hero-video-frame{aspect-ratio:16/9;background:#132a40;width:100%;position:relative}.hero-feature{width:100%;height:100%;display:block;position:relative}.hero-feature:focus-visible{outline-offset:-5px;outline-color:#dce7ed}.hero-feature>video,.hero-feature>img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.work-section{padding-top:46px}.section-heading{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.section-heading h2{letter-spacing:-.3px;align-items:baseline;gap:18px;font-size:21px;font-weight:600;line-height:1.5;display:flex}.section-index{color:var(--muted);letter-spacing:0;flex-shrink:0;font-size:13px;font-weight:400}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;margin-top:32px;display:grid}.project-card{min-width:0}.project-card>a{display:block}.project-image{position:relative;overflow:hidden}.preview-media{aspect-ratio:16/9;background:#f3f4f6;position:relative;overflow:hidden}.preview-media img,.preview-media video,.media-fallback{object-fit:cover;width:100%;height:100%;display:block}.preview-media video{opacity:0;pointer-events:none;position:absolute;inset:0}.preview-media video.is-playing{opacity:1}.media-fallback{letter-spacing:2px;color:var(--muted);place-items:center;font-size:13px;display:grid}.project-open{background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:16px;right:16px}.project-card>a:hover .project-caption h3{text-underline-offset:5px;text-decoration:underline}.project-caption{justify-content:space-between;align-items:baseline;gap:16px;margin-top:18px;display:flex}.project-caption h3{overflow-wrap:anywhere;font-size:20px;font-weight:500}.project-year{color:var(--muted);flex-shrink:0;font-size:14px}.project-role{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:15px}.empty-state{color:var(--muted);padding:64px 0;font-size:16px}.philosophy{text-align:center;max-width:820px;margin-inline:auto;padding:160px 0 144px}.philosophy h2{letter-spacing:-1.4px;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;margin-top:0;font-size:clamp(29px,3.3vw,44px);font-weight:400;line-height:1.5}.philosophy-note{color:var(--muted);text-wrap:pretty;word-break:keep-all;overflow-wrap:anywhere;max-width:580px;margin:22px auto 0;font-size:17px;line-height:1.9}#works,#graphics{border-top:1px solid var(--line)}.contact-section{border-top:1px solid var(--line);margin-top:120px;padding-top:56px}.contact-main{grid-template-columns:1fr;gap:28px;padding-bottom:96px;display:grid}.contact-main h2{letter-spacing:-1.3px;word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(28px,3.2vw,42px);font-weight:400;line-height:1.5}.contact-links{width:100%;max-width:480px;margin:0;padding:0;list-style:none}.contact-links li{border-bottom:1px solid var(--line)}.contact-address{overflow-wrap:anywhere;min-width:0}.contact-links a>[aria-hidden]{flex-shrink:0}.contact-links a,.contact-disabled{justify-content:space-between;align-items:center;gap:16px;min-height:56px;font-size:17px;display:flex}.contact-disabled{color:var(--muted);cursor:default}.contact-disabled>span{font-size:14px}.contact-links a:hover{text-underline-offset:5px;text-decoration:underline}.experience-section{border-top:1px solid var(--line);padding-top:48px;padding-bottom:96px}.timeline-scroll{margin-top:40px;padding-top:6px;padding-bottom:14px;overflow-x:auto}.timeline{margin:0;padding:0;list-style:none;display:flex}.timeline-year{border-top:1px solid var(--line);flex:1 0 260px;min-width:0;padding:28px 32px 0 0;position:relative}.timeline-year:before{content:"";background:#555;border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:0}.timeline-year h3{letter-spacing:-1px;font-size:32px;font-weight:400;line-height:1.4}.experience-entry{margin-top:26px}.experience-entry h4{overflow-wrap:anywhere;font-size:18px;font-weight:500}.experience-entry p{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:15px}.footer{border-top:1px solid var(--line);background:#fff}.footer-bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:24px 0;font-size:13px;display:flex}.footer-bottom a{align-items:center;gap:12px;min-height:44px;display:inline-flex}.motion-toggle{border-bottom:1px solid var(--line);min-height:44px;margin-top:16px;font-size:14px}html[lang=ja] .intro{word-break:normal}@media (width<=1100px){.page-width{width:calc(100% - 80px)}.header nav{gap:24px}.hero h1{font-size:42px}.intro{font-size:16px}.section-heading{flex-wrap:wrap;gap:10px 24px}}@media (width<=768px){.page-width{width:calc(100% - 48px)}.header{flex-wrap:wrap;gap:14px;min-height:110px;padding-block:24px}.header nav{gap:20px}.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""video""banner";gap:20px;padding-top:40px;padding-bottom:64px}.hero-copy{padding:0}.hero h1{margin-top:18px;margin-bottom:20px;font-size:46px}.intro{max-width:540px;font-size:17px}.explore-link{margin-top:22px}.hero-art{justify-self:center;width:calc(100cqw - 16px);max-width:none;margin-top:48px}.project-grid{grid-template-columns:1fr;row-gap:40px}.section-heading{flex-direction:column;align-items:flex-start;gap:10px}.section-heading h2{font-size:20px}.philosophy{padding:112px 0 104px}.philosophy h2{letter-spacing:-.7px}.contact-section{margin-top:0;padding-top:40px}.contact-main{grid-template-columns:1fr;gap:32px;padding-bottom:64px}.contact-links{width:100%;max-width:480px}.experience-section{margin-top:88px;padding-top:40px;padding-bottom:64px}.year-tabs{gap:24px;margin-top:26px;padding:6px 6px 10px;display:flex;overflow-x:auto}.year-tabs button{font-variant-numeric:tabular-nums;white-space:nowrap;min-height:44px;color:var(--muted);border-bottom:2px solid var(--line);flex:0 0 72px;padding:4px 8px;font-size:22px}.year-tabs button[aria-selected=true]{color:var(--navy);border-color:var(--teal);font-weight:600}.timeline-scroll{margin-top:16px;overflow:visible}.timeline{flex-direction:column}.timeline-year{border:0;flex:auto;margin:0;padding:0}.timeline-year:last-child{padding-bottom:0}.timeline-year:before,.timeline-year h3{display:none}.experience-entry{margin-top:24px}.experience-entry:first-of-type{margin-top:16px}.experience-entry p{white-space:pre-line}}@media (width<=560px){.header{gap:18px}.header nav{flex-wrap:wrap;justify-content:flex-start;gap:8px 20px;width:100%;font-size:14px}.language-switch{margin-left:auto}.language-switch>span{display:none}.hero{gap:20px;padding-top:32px}.hero h1{letter-spacing:-1.7px;font-size:42px}.intro{font-size:16px}.work-section{padding-top:32px}.section-heading h2{gap:12px;font-size:19px}.project-caption h3{font-size:19px}.philosophy-note{font-size:16px}.footer-bottom{gap:8px 20px}}@media (width<=360px){.page-width{width:calc(100% - 36px)}.header nav{column-gap:12px}.hero h1{font-size:38px}.project-caption{gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}