:root{--bar:46px}html{scroll-behavior:smooth}body{background:#111}.page{overflow:clip}.site-nav{min-height:92px;max-width:1680px}.site-nav .wordmark{font-weight:650;font-size:27px;letter-spacing:-.055em;white-space:nowrap}.site-nav nav{gap:25px}.site-nav nav>a{font-size:11px}.direct-home{padding-top:0}.direct-intro{display:grid;grid-template-columns:1.12fr 1fr;gap:8%;align-items:end;padding:30px 0 48px}.direct-identity .micro{font-size:9px;color:#999;letter-spacing:.09em}.direct-identity h1{font-size:clamp(100px,12.8vw,196px);line-height:.86;letter-spacing:-.075em;font-weight:500;white-space:nowrap;margin-top:28px}.direct-introduction>p:first-child{font-size:clamp(26px,3.1vw,43px);line-height:1.08;letter-spacing:-.035em}.direct-introduction .direct-intro-note{font-size:13px;line-height:1.5;color:#999;margin-top:18px}.direct-introduction>a{display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid #777;padding-bottom:8px;margin-top:22px;font-size:10px}.direct-introduction>a>span{font-size:19px;transition:transform .4s}.direct-introduction>a:hover>span{transform:translateY(4px)}.direct-selected{scroll-margin-top:calc(var(--bar) + 25px)}.direct-section-head{display:flex;align-items:center;gap:20px;border-top:1px solid #444;padding:19px 0 25px;font-size:10px}.direct-section-head h2{font-size:12px;font-weight:500}.direct-section-head>span{color:#888;font-size:9px}.direct-section-head>a{margin-left:auto;color:#aaa;border-bottom:1px solid #555;padding-bottom:3px}.direct-work-grid{gap:58px 28px}.direct-work-grid .project-card,.direct-work-grid .project-card:nth-child(n){margin:0;padding:0;max-width:none;width:100%;grid-column:auto}.direct-work-grid .project-stage{aspect-ratio:1.58;border-radius:0;background:#191919;overflow:clip;transform:none!important}.direct-work-grid .project-stage>img{transition:transform .6s cubic-bezier(.16,1,.3,1);transform:scale(1)}.direct-work-grid .project-card:hover .project-stage>img{transform:scale(1.018)}.direct-work-grid .project-number,.direct-work-grid .hover-description{display:none}.direct-work-grid .motion-badge{font-size:8px;left:12px;bottom:12px;border-radius:2px}.direct-work-grid .card-caption{padding-top:16px}.direct-work-grid .card-caption h2{font-size:clamp(24px,2.7vw,38px);letter-spacing:-.04em}.direct-work-grid .card-caption p{font-size:11px;line-height:1.45;margin-top:6px}.direct-work-grid .card-arrow{font-size:27px}.direct-work-grid .roll-title>span{transform:none!important;transition:none}.direct-work-grid .roll-title>span:last-child{display:none}.direct-home .more-link{margin-top:48px;font-size:12px;padding-block:20px}.direct-practice{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid #444;margin-top:100px;padding:32px 0 0}.direct-practice .micro{font-size:8px;letter-spacing:.07em;color:#888}.direct-practice h2{font-size:clamp(37px,4.6vw,68px);font-weight:450;line-height:1.02;letter-spacing:-.055em;margin-top:24px}.direct-practice>div>p{font-size:18px;line-height:1.5;letter-spacing:-.015em;color:#ccc;max-width:500px;padding-top:27px}.direct-practice-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:26px}.direct-practice-links a{font-size:10px;border-bottom:1px solid #666;padding-bottom:7px}.direct-home .contact-block{margin-top:100px}.contact-line h2{font-size:clamp(45px,6vw,88px)}.name-nowrap,.wordmark{white-space:nowrap}.project-cursor{display:none!important}.project-card{cursor:pointer}.project-card .project-stage{transform:none!important}.project-card:hover .hover-description{display:none}.reader-progress{height:1px}.back-top{width:38px;height:38px}.route-veil{display:none!important}
@media(max-width:950px){.site-nav nav{gap:17px}.direct-intro{gap:6%;padding-top:26px}.direct-identity h1{font-size:14vw}.direct-introduction>p:first-child{font-size:29px}.direct-introduction .direct-intro-note{font-size:11px}.direct-work-grid{gap:44px 24px}.direct-practice>div>p{font-size:16px}}
@media(max-width:680px){:root{--bar:56px}.site-nav{min-height:82px;align-items:center;gap:15px}.site-nav .wordmark{font-size:25px}.site-nav nav{gap:12px;max-width:240px;flex-wrap:wrap;justify-content:flex-end}.site-nav nav>a{font-size:9px}.site-nav nav>a.nav-about{display:block}.site-nav .contact-link{display:none}.direct-intro{display:block;padding:24px 0 34px}.direct-identity .micro{font-size:7px;letter-spacing:.08em}.direct-identity h1{font-size:29vw;margin-top:23px}.direct-introduction{margin-top:29px}.direct-introduction>p:first-child{font-size:28px;line-height:1.05}.direct-introduction>p:first-child>br{display:none}.direct-introduction .direct-intro-note{font-size:11px;line-height:1.5;margin-top:13px}.direct-introduction .direct-intro-note>br{display:none}.direct-introduction>a{font-size:10px;margin-top:17px;padding-bottom:6px;gap:23px}.direct-section-head{padding:17px 0 20px;font-size:9px;gap:12px}.direct-section-head h2{font-size:11px}.direct-section-head>span{font-size:8px}.direct-section-head>a{font-size:9px}.direct-work-grid{display:grid;grid-template-columns:1fr;gap:35px}.direct-work-grid .project-stage{aspect-ratio:1.5}.direct-work-grid .card-caption{padding-top:13px}.direct-work-grid .card-caption h2{font-size:27px}.direct-work-grid .card-caption p{font-size:10px}.direct-work-grid .card-arrow{font-size:25px}.direct-home .more-link{margin-top:35px;font-size:11px}.direct-practice{display:block;margin-top:65px;padding-top:26px}.direct-practice h2{font-size:42px;margin-top:20px}.direct-practice h2>br{display:none}.direct-practice>div>p{font-size:16px;padding-top:22px;line-height:1.5}.direct-practice-links{gap:15px 24px;margin-top:23px}.direct-practice-links a{font-size:10px}.direct-home .contact-block{margin-top:65px}.direct-home .contact-line h2{font-size:53px}}