:root{color:#11100f;background:#f2f0eb;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#f2f0eb;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.home-page{min-height:100vh;background:#f2f0eb}.site-header{width:min(100% - 64px,1600px);height:92px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(17,16,15,.2)}.wordmark{display:flex;align-items:baseline;gap:12px}.wordmark span{font-size:22px;line-height:1;font-weight:850;letter-spacing:-.05em}.wordmark small,.site-header nav,.eyebrow,.section-heading p,.project-card__meta p,.home-footer,.detail-header p{font-size:12px;line-height:1.4;font-weight:650;letter-spacing:.14em}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a{transition:opacity .18s ease}.site-header nav a:hover,.site-header nav a:focus-visible{opacity:.5}.hero{width:min(100% - 64px,1600px);min-height:600px;margin:0 auto;padding:90px 0 54px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid rgba(17,16,15,.2)}.eyebrow{margin:0 0 48px;color:#5b4ee6}.hero h1{max-width:1240px;margin:0;font-size:clamp(60px,8.1vw,132px);line-height:.98;font-weight:820;letter-spacing:-.07em}.hero h1 span{display:block}.hero__footer{margin-top:72px;display:flex;justify-content:space-between;gap:24px;font-size:15px;line-height:1.5}.hero__footer p{margin:0}.works{width:min(100% - 64px,1600px);margin:0 auto;padding:94px 0 120px}.section-heading{margin-bottom:38px;display:flex;align-items:flex-end;justify-content:space-between}.section-heading h2{margin:0;font-size:clamp(30px,3.4vw,54px);line-height:1;letter-spacing:-.05em}.section-heading p{margin:0;color:#6f6b65}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.project-card__link{display:block}.project-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#17161a}.project-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .25s ease}.project-card__media--motion img{object-fit:cover}.project-card__number{position:absolute;top:20px;left:20px;min-width:44px;padding:9px 10px 8px;color:#11100f;background:#f2f0eb;font-size:12px;line-height:1;font-weight:800;text-align:center}.project-card__meta{padding:18px 0 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(17,16,15,.3)}.project-card__meta p{margin:0 0 8px;color:#6f6b65}.project-card__meta h3{margin:0;font-size:clamp(22px,2vw,32px);line-height:1.2;font-weight:720;letter-spacing:-.03em}.project-card__meta .project-card__year{margin:2px 0 0;color:#11100f}.project-card__link:hover .project-card__media img,.project-card__link:focus-visible .project-card__media img{transform:scale(1.025)}.home-footer{width:min(100% - 64px,1600px);margin:0 auto;padding:28px 0 36px;display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgba(17,16,15,.2);color:#6f6b65}.home-footer p{margin:0}.detail-page{min-height:100vh;background:#000;color:#fff}.detail-header{width:min(100% - 64px,1440px);margin:0 auto;padding:32px 0 42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;border-bottom:1px solid #2a2a2a}.detail-header__back{width:max-content;padding:7px 0;color:#c8c8c8;font-size:13px;font-weight:600;letter-spacing:.08em;transition:color .18s ease}.detail-header__back:hover,.detail-header__back:focus-visible{color:#fff}.detail-header__title{text-align:center}.detail-header__title h1{margin:0 0 9px;font-size:20px;line-height:1.25;font-weight:650}.detail-header p{margin:0;color:#777}.detail-header__count{justify-self:end;padding-top:7px}.project-stream{width:min(100% - 64px,1188px);margin:0 auto;padding:44px 0 96px;display:flex;flex-direction:column;gap:24px}.project-frame{width:100%;margin:0;background:#0b0b0b;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.75,.2,1)}.project-frame.is-loaded{opacity:1;transform:translateY(0)}.project-frame img{width:100%;height:auto}.project-stream--motion{max-width:1280px;gap:32px}.project-frame--motion{background:#050505}.detail-footer{width:min(100% - 64px,1440px);margin:0 auto;min-height:300px;padding:74px 0 80px;display:flex;align-items:flex-start;justify-content:space-between;gap:32px;border-top:1px solid #2a2a2a}.detail-footer p{margin:0;font-size:clamp(48px,7vw,110px);line-height:.95;font-weight:760;letter-spacing:-.07em}.detail-footer a{padding:10px 0;color:#aaa;font-size:13px;font-weight:650;letter-spacing:.08em}@media(max-width:760px){.site-header,.hero,.works,.home-footer,.detail-header,.project-stream,.detail-footer{width:calc(100% - 32px)}.site-header{height:72px}.site-header nav{gap:18px}.wordmark small{display:none}.hero{min-height:540px;padding:64px 0 36px}.eyebrow{margin-bottom:34px}.hero h1{font-size:clamp(44px,13.4vw,58px);line-height:1.01;overflow-wrap:anywhere}.hero__footer{margin-top:58px;flex-direction:column;gap:6px;font-size:13px}.works{padding:64px 0 80px}.section-heading{margin-bottom:28px}.project-grid{grid-template-columns:1fr;gap:50px}.project-card__media{aspect-ratio:4 / 3}.project-card__media img{object-fit:cover}.project-card:first-child .project-card__media img{object-position:center}.project-card__number{top:12px;left:12px}.project-card__meta{padding:15px 0 21px}.project-card__meta h3{font-size:22px}.home-footer{padding:22px 0 28px;flex-direction:column;gap:7px}.detail-header{padding:22px 0 28px;grid-template-columns:1fr auto;gap:28px}.detail-header__title{grid-column:1 / -1;grid-row:2;text-align:left}.detail-header__title h1{font-size:18px}.detail-header__count{grid-column:2;grid-row:1}.project-stream{padding:20px 0 64px;gap:12px}.project-stream--motion{gap:16px}.detail-footer{min-height:230px;padding:56px 0 64px;flex-direction:column}.detail-footer p{font-size:54px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card__media img,.project-frame{transition:none}}