:root{--header-height:104px}html{scroll-padding-top:calc(var(--header-height) + 22px)}
.header{position:fixed;top:0;height:var(--header-height);padding:0 clamp(24px,5.5vw,84px);background:#000;border-bottom:1px solid #ffffff22;z-index:30}.brand{display:flex;width:210px;height:82px;align-items:center;justify-content:center;overflow:visible;flex:0 0 auto}.brand img{display:block;width:210px;height:auto;object-fit:contain;clip-path:none}.header nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(28px,3vw,48px);color:#fff;font-size:16px;font-weight:600;line-height:1;letter-spacing:.015em}.header nav a{display:flex;align-items:center;height:44px;padding:0 4px;text-shadow:0 1px 8px #000}
.intro{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#050505}
.intro-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.intro-edge{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.32) 0%,transparent 12%,transparent 88%,rgba(0,0,0,.32) 100%),linear-gradient(180deg,rgba(0,0,0,.24) 0%,transparent 16%,transparent 78%,rgba(0,0,0,.58) 100%);box-shadow:inset 0 0 90px rgba(0,0,0,.2)}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.project{height:610px}.project:nth-child(2){margin-top:40px}.project:nth-child(3){margin-top:80px}.project h3{font-size:clamp(34px,3.2vw,52px)}.project-copy{left:27px}.project-top{padding:23px}.project-top span:last-child{display:none}.project-copy p{font-size:10px}
@media(max-width:900px){:root{--header-height:120px}.header{display:grid;grid-template-columns:1fr;grid-template-rows:72px 40px;justify-items:center;align-content:center;padding:4px 5%}.brand{width:184px;height:72px}.brand img{width:184px}.header nav{width:100%;height:40px;align-self:center;justify-content:center;gap:42px;font-size:15px;line-height:1}.header nav a{height:40px;padding:0 6px}.intro{height:auto;min-height:0;padding-top:var(--header-height);background:#000}.intro-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}.intro-edge{inset:var(--header-height) 0 0;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 12%,transparent 88%,rgba(0,0,0,.18)),linear-gradient(180deg,rgba(0,0,0,.16),transparent 18%,transparent 80%,rgba(0,0,0,.38));box-shadow:inset 0 0 34px rgba(0,0,0,.12)}.project-grid{grid-template-columns:1fr;gap:25px}.project,.project:nth-child(2),.project:nth-child(3){margin-top:0;height:min(130vw,680px)}.project h3{font-size:54px}.project-top span:last-child{display:block}.project-copy{left:27px}}
@media(max-width:360px){.brand,.brand img{width:172px}.header nav{gap:30px;font-size:14.5px}}