*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.65 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#111;background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
ul{list-style:none}
li{margin-bottom:6px}

/* header (same on every page) */
.top{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px 40px;padding:40px 40px 24px;border-bottom:2px solid #111}
.name{font-weight:800;text-transform:uppercase;letter-spacing:-.03em;line-height:.9;font-size:clamp(36px,6vw,80px);text-decoration:none}
.nav{display:flex;gap:28px;flex-wrap:wrap;padding-bottom:6px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.nav a{text-decoration:none;color:#999}
.nav a:hover,.nav a.on{color:#111}

/* page body (same width and gutters on every page) */
.page{max-width:1200px;margin:0 auto;padding:56px 40px 96px}
.center{text-align:center}

/* one section style used everywhere */
h1,h2{font-size:28px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.1;margin-bottom:4px}
.sub{color:#888;margin-bottom:16px}
.m{color:#888}
hr{border:0;border-top:1px solid #111;margin:56px 0}

/* media */
.reel{position:relative;aspect-ratio:16/9;background:#eee}
.reel iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.block{width:46%}
.block img,.block .reel{width:100%;margin-bottom:16px}
.block p{margin-bottom:4px}
.block.right{margin-left:auto;text-align:right}

/* about */
.intro{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:start}
.headshot{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:46% 25%}
.intro h1{margin-bottom:16px}
.intro p{max-width:60ch;margin-bottom:14px}
.intro ul{margin-top:20px}

@media (max-width:680px){
  .top{padding:24px 16px 16px}
  .page{padding:40px 16px 72px}
  h1,h2{font-size:22px}
  hr{margin:40px 0}
  .block,.block.right{width:100%;margin:0 auto;text-align:center}
  .intro{grid-template-columns:1fr;gap:28px}
  .headshot{max-width:280px}
}
.sub-list{margin-top:16px}