/* ===== EDITABLE SITE SETTINGS ===== */
:root{
 --bg:#fff;
 --text:#111;
 --pad:30px;
 --nav-size:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:11px}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.header{height:60px;padding:18px var(--pad);display:grid;grid-template-columns:1fr auto;align-items:start;position:relative;z-index:5;font-size:var(--nav-size)}
.header nav{display:flex;gap:55px}
.home{height:calc(100vh - 60px);min-height:600px;position:relative;overflow:hidden}
.home-title{position:absolute;top:24%;left:var(--pad);font-size:clamp(32px,5.5vw,86px);letter-spacing:-.055em}
.strip{position:absolute;left:0;right:0;top:50%;transform:translateY(-20%);display:flex;align-items:center;gap:42px;padding:0 5vw;overflow-x:auto;scrollbar-width:none}
.strip::-webkit-scrollbar{display:none}
.strip a{flex:0 0 auto}
.strip img{height:230px;width:auto;max-width:none;transition:transform .45s ease}
.strip a:nth-child(2) img{height:190px}.strip a:nth-child(3) img{height:255px}.strip a:nth-child(4) img{height:215px}.strip a:nth-child(5) img{height:240px}
.strip a:hover img{transform:translateY(-8px)}
.home-foot{position:absolute;bottom:22px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between}
.page-head{padding:110px var(--pad) 130px;display:flex;justify-content:space-between;align-items:flex-end}
.page-head h1{font-size:clamp(48px,9vw,145px);font-weight:400;letter-spacing:-.07em;line-height:.8;margin:0}
.photo-grid{padding:0 var(--pad) 180px}
.photo-grid figure{margin:0 0 150px}.photo-grid img{width:100%;height:auto}
.photo-grid figcaption{padding-top:7px}.photo-grid .wide{width:82%}.photo-grid .medium{width:58%}.photo-grid .small{width:38%}.photo-grid .right{margin-left:auto}
.films{padding:0 var(--pad) 180px}.films article{margin-bottom:160px}.films article img{width:78%;max-height:75vh;object-fit:cover}.films article:nth-child(even) img{margin-left:auto;width:62%}
.films article>div{display:grid;grid-template-columns:50px 1fr auto;align-items:baseline;padding-top:10px}.films h2{font-size:22px;font-weight:400;margin:0}
.about{min-height:calc(100vh - 60px);padding-bottom:30px;display:flex;flex-direction:column}.about .page-head{padding-bottom:80px}.about-statement{font-size:clamp(38px,6vw,95px);line-height:.95;letter-spacing:-.055em;max-width:1200px;margin:auto var(--pad)}.about-links{display:flex;gap:30px;padding:0 var(--pad);margin-top:100px}
@media(max-width:700px){:root{--pad:14px}.header{height:54px;padding-top:14px}.header nav{gap:16px}.home{height:calc(100svh - 54px)}.home-title{top:18%;font-size:12vw}.strip{gap:18px;top:48%;padding-left:14px}.strip img,.strip a:nth-child(n) img{height:165px}.page-head{padding:80px var(--pad) 90px;display:block}.page-head span{display:block;margin-top:20px}.photo-grid figure,.photo-grid .wide,.photo-grid .medium,.photo-grid .small{width:100%;margin:0 0 75px}.films article{margin-bottom:90px}.films article img,.films article:nth-child(even) img{width:100%;margin-left:0}.films article>div{grid-template-columns:30px 1fr;gap:5px}.films article>div>span:last-child{grid-column:2}.about-links{margin-top:70px}}






/* Homepage video tiles — smaller and show the entire 16:9 frame */
.strip .video-tile {
  display: flex;
  flex: 0 0 auto;
  width: min(28vw, 430px);
  height: 62%;
  align-self: center;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #000;
}
.strip .video-tile video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 700px) {
  .strip .video-tile {
    width: 72vw;
    height: 48%;
  }
}


/* Featured mountain/skier landscape */
.photo-grid .feature-landscape{
  width:94%;
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:700px){
  .photo-grid .feature-landscape{
    width:100%;
    margin:0 0 75px;
  }
}

/* Contact links */
.site-contact{
  margin:40px 0 18px 24px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  font-size:10px;
  line-height:1.35;
  letter-spacing:.04em;
  text-transform:none;
}
.site-contact a{
  color:inherit;
  text-decoration:none;
}
.site-contact a:hover{
  text-decoration:underline;
}

/* Film portfolio */
.film-page{padding:110px 24px 80px}
.film-project{width:min(1180px,92%);margin:0 auto 120px}
.film-project:nth-child(even){width:min(980px,82%)}
.film-embed{width:100%;aspect-ratio:16/9;background:#000}
.film-embed iframe{display:block;width:100%;height:100%}
.film-meta{margin-top:12px}
.film-meta h2{margin:0;font-size:12px;font-weight:400;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:700px){.film-page{padding:90px 14px 50px}.film-project,.film-project:nth-child(even){width:100%;margin-bottom:70px}}

/* Coffee clip: rotated landscape and sized with the homepage sequence */
.strip a:has(source[src="videos/homepage-clip-04.mp4"]){
  width:min(25vw,390px);
  height:54%;
}
.strip a:has(source[src="videos/homepage-clip-04.mp4"]) video{
  width:100%;
  height:100%;
  object-fit:contain;
}
@media(max-width:700px){
  .strip a:has(source[src="videos/homepage-clip-04.mp4"]){
    width:66vw;
    height:43%;
  }
}

/* About photos — original About layout preserved */
.about-photos-below{
  width:min(1100px,90%);
  margin:70px auto 110px;
  display:flex;
  align-items:flex-start;
  gap:6vw;
}
.about-photos-below figure{margin:0}
.about-photos-below figure:first-child{width:34%}
.about-photos-below figure:last-child{width:58%;margin-top:85px}
.about-photos-below img{display:block;width:100%;height:auto}
@media(max-width:700px){
  .about-photos-below{display:block;width:calc(100% - 28px);margin:50px auto 75px}
  .about-photos-below figure:first-child{width:68%}
  .about-photos-below figure:last-child{width:100%;margin:40px 0 0}
}

/* About page: photo teaser below the original statement */
.about-photos-below{
  margin-top:38px;
  transform:translateY(24px);
}
@media(min-width:701px){
  .about-photos-below{
    height:34vh;
    min-height:220px;
    overflow:hidden;
    align-items:flex-start;
  }
  .about-photos-below figure:first-child{width:31%}
  .about-photos-below figure:last-child{width:55%;margin-top:70px}
}
@media(max-width:700px){
  .about-photos-below{
    margin-top:28px;
    max-height:310px;
    overflow:hidden;
    transform:none;
  }
}

/* About revision: show both photos in full and bring them closer to the statement */
.about-photos-below{
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  margin-top:18px !important;
  transform:none !important;
}
@media(min-width:701px){
  .about-photos-below{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
}
@media(max-width:700px){
  .about-photos-below{
    max-height:none !important;
    overflow:visible !important;
    margin-top:18px !important;
  }
}

.about-reference{padding-bottom:90px}
.about-reference .page-head{margin-bottom:24px}
.about-reference-statement{width:min(1050px,88%);margin:0 0 28px 6%;font-size:clamp(34px,4.25vw,66px);line-height:1.03;letter-spacing:-.035em;font-weight:400}
.about-reference-images{width:88%;margin:0 auto;display:grid;grid-template-columns:.86fr 1.14fr;gap:18px;align-items:end}
.about-reference-images figure{margin:0}
.about-reference-images img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:800px){.about-reference-statement{width:calc(100% - 28px);margin:0 14px 24px;font-size:clamp(30px,8vw,48px);line-height:1.04}.about-reference-images{width:calc(100% - 28px);grid-template-columns:1fr;gap:18px}.about-reference-images figure:first-child{width:72%}}