*{box-sizing:border-box}
:root{--ink:#1d1d1f;--mute:#6b6b70;--line:#e6e6e8;--bg:#fff}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:18px/1.65 "Proxima Nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit}
header.nav{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;z-index:2}
header.nav.solid{position:static;border-bottom:1px solid var(--line)}
header.nav a{text-decoration:none;letter-spacing:.18em;text-transform:uppercase;font-size:14px;font-weight:600}
header.nav .brand{font-size:19px;letter-spacing:.16em}
header.nav nav a{margin-left:28px}
.hero header.nav a{color:#fff}
.hero{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:#3a4a66 url(/images/michael-ulch-snowboard-breckridge-colorado.jpg) center/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18)}
.hero .in{position:relative;padding:0 20px}
.hero h1{margin:0;font-size:clamp(34px,7vw,74px);letter-spacing:.08em;text-transform:uppercase;font-weight:700;line-height:1.1}
.hero p{margin:14px 0 0;font:italic clamp(17px,2.4vw,24px)/1.4 Georgia,"Times New Roman",serif}
.services{max-width:900px;margin:0 auto;padding:80px 20px;text-align:center}
.services h2{font-size:15px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 22px}
.services p{color:#3c3c40;margin:0 auto;max-width:720px}
footer{border-top:1px solid var(--line);text-align:center;padding:40px 20px;color:var(--mute);font-size:15px}
main.wrap{max-width:720px;margin:0 auto;padding:56px 20px 80px}
.post-list article{padding:30px 0;border-bottom:1px solid var(--line);display:flex;gap:22px;align-items:flex-start}
.post-list article img{width:150px;height:105px;object-fit:cover;flex:none;border-radius:3px}
.post-list h2{margin:0 0 4px;font-size:24px;line-height:1.3}
.post-list h2 a{text-decoration:none}
time{color:var(--mute);font-size:14px;letter-spacing:.06em;text-transform:uppercase}
article.post h1{font-size:clamp(28px,5vw,40px);line-height:1.2;margin:6px 0 30px}
article.post img{max-width:100%;height:auto;display:block}
figure{margin:28px 0}
figcaption{color:var(--mute);font-size:14px;margin-top:6px}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}
.gallery img{width:100%;aspect-ratio:1;object-fit:cover}
.video{position:relative;padding-top:56.25%;margin:28px 0}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.back{display:inline-block;margin-top:40px;font-size:15px}
@media (max-width:600px){header.nav{padding:20px 16px}header.nav nav a{margin-left:16px}.post-list article{flex-direction:column}.post-list article img{width:100%;height:180px}}