.direction-index{--blue:#376bff}.site-header{height:100px}.brand-mark{display:none}.brand{font-size:13px;font-weight:400}#home{padding:0 3%}.index-paper{color:#131519;background:#f0f1f4;padding:35px 7% 45px}.index-top{color:#656971;justify-content:space-between;font-size:8px;display:flex}.index-intro{grid-template-columns:2fr 1fr;align-items:center;gap:12%;padding:75px 0 60px;display:grid}.index-intro h1{letter-spacing:-.075em;font-size:clamp(65px,7.8vw,120px);font-weight:400;line-height:1.03}.index-person .identity{display:block}.index-person .identity img{object-fit:contain;background:#d8dce3;width:145px;height:167px;margin-bottom:18px}.index-person .identity-name{font-size:13px}.index-person .identity .mono{color:#676c75;font-size:7px}.index-person p{white-space:pre-line;margin:25px 0 12px;font-size:12px;line-height:1.9}.index-person .demo-portrait{color:#72777f}.index-meta{grid-template-columns:1.1fr 1fr 1fr;gap:30px;margin-bottom:65px;display:grid}.index-meta .mono{color:#767b85;border-bottom:1px solid #cfd2d9;padding-bottom:18px;font-size:8px;display:block}.index-meta p{padding-top:19px;font-size:13px}.index-case{margin-inline:-3%;position:relative}.index-screen{color:#eee;background:#050609;width:100%;padding:0;display:block}.index-screen .spotlight-image{height:450px}.index-screen .feature-label{padding:24px}.index-disc{background:var(--blue);color:#fff;text-align:center;border-radius:50%;place-content:center;width:123px;height:123px;font-size:13px;line-height:1.8;transition:transform .3s;display:grid;position:absolute;top:-47px;right:35px}.index-disc:hover{transform:rotate(-10deg)}.index-secondary{justify-content:space-between;align-items:center;gap:30px;margin-top:40px;display:flex}.index-mini{text-align:left;align-items:center;gap:20px;width:53%;padding:0;display:flex}.index-mini .mini-poster{flex-shrink:0;width:130px;height:75px}.index-mini .feature-label{padding:0;display:block}.index-mini .feature-label .mono{color:#747a85;margin-bottom:5px;font-size:7px;display:block}.index-mini .feature-label strong{font-size:10px}.index-mini i{display:none}.index-secondary>p{font-size:13px;line-height:1.9}.index-secondary>p .mono{color:#727782;font-size:7px}.work-heading h2{letter-spacing:-.06em;font-size:clamp(37px,5vw,70px)}.work-heading h2 .blue{vertical-align:top;letter-spacing:0;margin-left:15px;font-size:14px}.category-grid{gap:35px}.category-card{border-top:1px solid var(--line);flex-basis:28%;padding-top:23px}.category-cover{filter:grayscale(.75);height:200px}.category-card:hover .category-cover{filter:none}.category-copy{padding-top:26px}.category-line h3{letter-spacing:-.07em;font-family:DM Sans;font-size:38px;font-weight:400}.cover-index{color:var(--muted);background:0 0;padding:0;font-size:9px;display:block;position:static}.category-cover .cover-index{color:#fff;background:#080a0fcc;padding:3px 7px;position:absolute;top:10px;left:10px}.about-identity h2{font-size:clamp(50px,6vw,90px);font-weight:400}.about-identity h2 em{font-style:normal}.contact-row{padding-block:21px}.contact-list{gap:0 35px}@media (width<=760px){.site-header{height:72px}#home{padding:0 4%}.index-paper{padding:26px 7% 30px}.index-top{font-size:6px}.index-intro{padding:45px 0 30px;display:block}.index-intro h1{font-size:16vw;line-height:1.04}.index-person{grid-template-columns:1.25fr 1fr;gap:10px;margin-top:30px;display:grid}.index-person .identity{gap:10px;display:flex}.index-person .identity img{flex-shrink:0;width:54px;height:72px;margin:0}.index-person .identity-name{font-size:9px}.index-person .identity .mono{font-size:5px}.index-person p{align-self:center;margin:0;font-size:9px}.index-person .demo-portrait{grid-column:1/-1;margin-top:7px;font-size:5px}.index-meta{grid-template-columns:1fr 1fr;gap:12px;margin-top:25px;margin-bottom:45px}.index-meta>div:last-child{display:none}.index-meta .mono{padding-bottom:12px;font-size:6px}.index-meta p{padding-top:12px;font-size:10px;line-height:1.7}.index-screen .spotlight-image{height:215px}.index-disc{width:75px;height:75px;font-size:10px;top:-27px;right:15px}.index-screen .feature-label{gap:8px;padding:16px 13px}.index-screen .feature-label>.mono{font-size:6px}.index-screen .feature-label strong{font-size:9px}.index-secondary{margin-top:25px;display:block}.index-mini{gap:14px;width:100%}.index-mini .mini-poster{width:90px;height:54px}.index-secondary>p{margin-top:25px;font-size:11px}.work-heading h2{font-size:38px}.work-heading h2 .blue{margin-left:8px;font-size:10px}.category-card{flex-basis:85%}.category-cover{height:185px}.about-identity h2{font-size:53px}}