@font-face{font-family:Cinzel;src:url(media/title.woff2)}@font-face{font-family:Proxima;src:url(media/body.woff2)}@font-face{font-family:Din;src:url(media/nav.woff2)}
*{box-sizing:border-box}body{margin:0;background:#090909;color:white;font:16px/1.4 Proxima,Arial,sans-serif}a{color:inherit}header,footer{background:#090909}header{height:89px;padding:0 5.65%;display:flex;align-items:center;justify-content:space-between}header a{text-decoration:none}.brand,h1,h2,.card span{font-family:Cinzel,Georgia,serif;font-weight:400}.brand{font-size:30px}nav{display:flex;gap:12px;font:16px Din,Arial,sans-serif}nav a{padding:10px}nav a:hover,nav [aria-current]{color:#aaa}h1,h2,p{margin:0}h1{font-size:40px}footer{text-align:center;padding:22px;font-size:12px}.hero{height:913px;text-align:center;background:url(media/home.jpg) center/cover;padding:253px 12px 0}.hero p{font-size:20px;line-height:22px}.hero h1{font-size:clamp(48px,8vw,100px);letter-spacing:.2em;line-height:1.35}.work,.project{padding:120px 5.86% 80px}.intro,.details{display:grid;grid-template-columns:1fr 1fr;gap:6.25vw}.intro h1{font-size:60px;max-width:480px}.intro p{padding-top:12px;font-size:20px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px;margin-top:80px}.card{display:block;text-decoration:none}.cover-frame {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.cover-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
nav a { transition: color .4s ease; }
.card:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
@media (prefers-reduced-motion: no-preference) {
  .cover-frame img { transition: transform 2.2s cubic-bezier(.14,.4,.09,.99); }
  .card:focus-visible img { transform: scale(1.1); }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .card:hover img { transform: scale(1.1); }
}.card span{display:block;font-size:24px;margin-top:16px}.motion{background:#151515 url(media/waves.jpg) center/cover fixed}.ambient{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}.bio,.contact{max-width:980px;margin:auto;padding:118px 0 90px}.bio h1,.contact h1{text-align:center;margin-bottom:50px}.biogrid{display:grid;grid-template-columns:50% 1fr;gap:24px;padding-right:24px}.biogrid img{width:100%;aspect-ratio:3/4;object-fit:cover}.contact{padding:95px 14px}.contact h1{margin-bottom:75px}.contactgrid{display:grid;grid-template-columns:35% 1fr;gap:12%}.contactgrid p{line-height:1.85}.contactgrid p:first-child{margin-bottom:22px}form{padding:22px;border:1px solid #aaa}label{display:grid;gap:5px;margin-bottom:16px}.names{display:flex;gap:12px}.names label{width:50%}input,textarea,button{font:inherit;color:inherit}input,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #aaa;padding:6px}button{background:white;color:#111;border:0;padding:10px;width:100%;cursor:pointer}small{display:block;margin-top:8px}.portfolio-page{background:#151418 linear-gradient(#09090bbd,#09090bcc) center/cover fixed}.portfolio-page .work{background:linear-gradient(110deg,rgba(9,9,11,.76),rgba(9,9,11,.68)),url(media/project-bg.jpg) center/cover fixed}.video-page .details{display:block;max-width:780px}.project{padding-top:60px}.details{margin-bottom:60px;overflow-wrap:anywhere}.details h2{font-size:24px;margin:22px 0 8px}.details p{font-size:20px}.description{padding-top:12px}.sheet,.still,.project video{display:block;width:100%;height:auto}.still{margin-top:22px}.paging{display:flex;justify-content:space-between;gap:10px;margin-top:40px}
@media(max-width:740px){header{height:72px;padding:0 5%}.brand{font-size:24px}nav{gap:2px;font-size:15px}nav a{padding:8px}.hero{height:calc(100svh - 72px);min-height:480px;padding-top:26vh}.hero h1{font-size:clamp(35px,9vw,64px);letter-spacing:.12em}.work,.project,.bio,.contact{padding:54px 6%}.intro,.details,.biogrid,.contactgrid{grid-template-columns:1fr;gap:24px}.intro h1{font-size:40px}.cards{grid-template-columns:1fr;gap:36px;margin-top:40px}.bio h1,.contact h1{margin-bottom:32px}.biogrid{padding:0}.biogrid img{max-height:60vh}.details h1{font-size:34px}.intro p,.details p{font-size:18px}.details{margin-bottom:36px}.card span{font-size:21px}.paging{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ambient{display:none}.card img{transition:none}}