*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg:#050505;--bg-soft:#0d0d0f;--card:#141416;--text:#f5f5f5;--muted:#a7a7a7;--line:rgba(255,255,255,.12);--accent:#e6b450;--accent-2:#fff3c7;--radius:22px;--max:1180px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.6}img{width:100%;display:block}a{color:inherit;text-decoration:none}.section{padding:110px 0}.alt{background:var(--bg-soft)}.container{width:min(92%,var(--max));margin:0 auto}.site-header{position:fixed;top:0;left:0;width:100%;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:22px 5%;background:rgba(5,5,5,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.logo{font-size:.86rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;line-height:1}.site-nav{display:flex;gap:26px;color:var(--muted);font-size:.92rem}.site-nav a:hover{color:var(--text)}.nav-toggle{display:none;background:transparent;border:0;cursor:pointer}.nav-toggle span{display:block;width:26px;height:2px;background:var(--text);margin:6px 0}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:150px}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(230,180,80,.22),transparent 30%),linear-gradient(to bottom,rgba(5,5,5,.45),var(--bg)),url("images/bts-field-camera.jpg") center/cover;opacity:.72;transform:scale(1.02)}.hero-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800;margin-bottom:14px}h1{font-size:clamp(3.5rem,8vw,8rem);line-height:.9;letter-spacing:-.08em;margin-bottom:20px}h2{font-size:clamp(2rem,4vw,4.3rem);line-height:1;letter-spacing:-.055em;margin-bottom:22px}h3{font-size:1.45rem;line-height:1.1;margin-bottom:10px}.hero-copy h2{color:var(--accent-2);font-size:clamp(1.2rem,2.2vw,2rem);letter-spacing:-.03em}.hero-text,.section-heading p,.about-copy p,.card-content p,.contact-card p,.social-preview p{color:var(--muted);max-width:720px}.button-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 20px;font-weight:800;border:1px solid var(--line);transition:.25s ease}.btn.primary{background:var(--accent);color:#111;border-color:var(--accent)}.btn.secondary{background:var(--text);color:#111;border-color:var(--text)}.btn.ghost{color:var(--text)}.btn:hover{transform:translateY(-2px);opacity:.9}.video-card,.reel-card,.work-card,.contact-card{background:rgba(20,20,22,.78);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}.video-label{padding:14px 18px;color:var(--muted);border-bottom:1px solid var(--line);font-size:.88rem}.vimeo-embed{background:#000}.section-heading{margin-bottom:46px}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}.about-copy h2{text-transform:uppercase;letter-spacing:.08em;font-weight:900}.about-copy p+p{margin-top:18px}.about-image img{border-radius:var(--radius);border:1px solid var(--line);aspect-ratio:4/5;object-fit:cover;object-position:center}.skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.skills span,.role-list span{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;padding:9px 13px;color:var(--muted);font-size:.9rem}.reel-stack{display:grid;gap:34px}.reel-stack .reel-card{max-width:980px;margin:0 auto;width:100%}.card-content{padding:26px}.tag{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900;margin-bottom:8px}.filter-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.filter{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:10px 15px;cursor:pointer;transition:.2s ease}.filter:hover,.filter.active{color:#111;background:var(--accent);border-color:var(--accent)}.work-video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.work-card.hide{display:none}.social-preview{min-height:100%;padding:34px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at top right,rgba(230,180,80,.16),transparent 34%),rgba(255,255,255,.03)}.social-preview h3{font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.045em}.role-list{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.coming-badge{margin-top:28px;width:fit-content;border:1px solid rgba(230,180,80,.5);color:var(--accent-2);border-radius:999px;padding:10px 14px;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:900}.bts-heading{display:flex;align-items:center;gap:18px;margin-bottom:24px}.bts-heading .eyebrow{display:none}.bts-heading h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.18em;margin:0;white-space:nowrap}.bts-heading:after{content:"";height:1px;flex:1;background:rgba(230,180,80,.42)}.bts-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:14px}.bts-item{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:var(--card)}.bts-item.tall{grid-row:span 2}.bts-item.wide{grid-column:span 2}.bts-item img{height:100%;object-fit:cover;filter:contrast(1.04) saturate(.94);transition:.45s ease}.bts-item:hover img{transform:scale(1.035)}.contact-section{background:radial-gradient(circle at 50% 0%,rgba(230,180,80,.16),transparent 34%),var(--bg)}.contact-card{padding:clamp(30px,6vw,70px);text-align:center}.contact-card h2{max-width:880px;margin-left:auto;margin-right:auto}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px}.contact-links a:not(.btn){border:1px solid var(--line);border-radius:999px;padding:12px 18px;color:var(--muted)}.site-footer{padding:30px 5%;text-align:center;color:var(--muted);border-top:1px solid var(--line)}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.nav-toggle{display:block}.site-nav{position:fixed;top:87px;right:5%;left:5%;flex-direction:column;background:rgba(13,13,15,.98);border:1px solid var(--line);border-radius:18px;padding:22px;display:none}.site-nav.open{display:flex}.hero-grid,.about-grid,.work-video-grid{grid-template-columns:1fr}.logo{font-size:.78rem;letter-spacing:.18em}.bts-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}.bts-item.wide{grid-column:span 1}}@media(max-width:620px){.section{padding:80px 0}.hero{padding-top:125px}.logo{font-size:.72rem;letter-spacing:.12em}.button-row,.contact-links{flex-direction:column;align-items:stretch}.btn,.contact-links a:not(.btn){width:100%}.bts-grid{grid-template-columns:1fr;grid-auto-rows:260px}.bts-item.tall{grid-row:span 1}.bts-heading{display:block}.bts-heading:after{display:none}}

/* Compact layout update */
.reel-stack {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 24px;
}

.reel-stack .reel-card {
  max-width: none;
  margin: 0;
}

.reel-stack .card-content {
  padding: 20px;
}

.reel-stack .card-content h3 {
  font-size: 1.25rem;
}

.reel-stack .card-content p {
  font-size: 0.92rem;
}

.work-video-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.work-card {
  border-radius: 18px;
}

.work-card .card-content {
  padding: 18px;
}

.work-card .card-content h3 {
  font-size: 1.12rem;
}

.work-card .card-content p {
  font-size: 0.88rem;
  line-height: 1.45;
}

.work-card .tag {
  font-size: 0.66rem;
}

.social-preview {
  padding: 22px;
}

.social-preview h3 {
  font-size: 1.45rem;
}

.social-preview p {
  font-size: 0.88rem;
  line-height: 1.45;
}

.role-list {
  margin: 16px 0;
}

.role-list span {
  font-size: 0.74rem;
  padding: 7px 9px;
}

.coming-badge {
  margin-top: 18px;
  font-size: 0.68rem;
  padding: 8px 11px;
}

@media (max-width: 1050px) {
  .work-video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .reel-stack,
  .work-video-grid {
    grid-template-columns: 1fr;
  }
}


/* Equal-height reel card update */
.reel-stack {
  align-items: stretch;
  gap: 20px;
}

.reel-stack .reel-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.reel-stack .vimeo-embed {
  flex: 0 0 auto;
}

.reel-stack .card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.reel-stack .card-content p:last-child {
  margin-top: auto;
}

#reels .section-heading {
  margin-bottom: 54px;
}


/* Reel card polish: force matched video/header/content alignment */
#reels .reel-stack {
  align-items: stretch;
}

#reels .reel-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#reels .reel-card .vimeo-embed {
  width: 100%;
  padding: 56.25% 0 0 0 !important;
  position: relative !important;
  flex: 0 0 auto;
}

#reels .reel-card .vimeo-embed iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#reels .reel-card .card-content {
  flex: 1;
  display: block;
  min-height: 170px;
  padding: 22px;
}

#reels .reel-card .card-content p:last-child {
  margin-top: 0;
}

#reels .reel-card .tag {
  margin-bottom: 8px;
}

#reels .reel-card h3 {
  margin-bottom: 12px;
}

#reels .reel-card .card-content p:not(.tag) {
  max-width: none;
}


.work-card .card-content{
  padding:16px 18px;
}
.work-card .card-content h3{
  margin-bottom:0;
}
.social-preview{
  padding:24px;
}
.social-preview h3{
  margin-bottom:12px;
}


/* Social card image backgrounds */
.social-card {
  position: relative;
  overflow: hidden;
}

.social-card .social-preview {
  position: relative;
  z-index: 2;
}

.social-card::before {
  content: "";
  position: absolute;
  inset: -20px;
  background-size: cover;
  background-position: center;
  filter: blur(18px);
  transform: scale(1.15);
  opacity: .45;
}

.social-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.60);
  z-index: 1;
}

.social-card[data-category="social"]:first-of-type::before {
  background-image: url("images/brett-bg.jpg");
}

.coming-soon::before {
  background-image: url("images/about-ski-photo.jpg");
}


/* Restore Brett card look */
.social-card:not(.coming-soon)::before,
.social-card:not(.coming-soon)::after{
  display:none !important;
}

/* Black Diamond logo watermark */
.coming-soon{
  position:relative;
  overflow:hidden;
}

.coming-soon::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("images/black-diamond-logo.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:42%;
  opacity:.12;
  filter:none;
  transform:none;
}

.coming-soon::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.15);
}


/* Larger Black Diamond watermark */
.coming-soon::before{
  background-size: 95% !important;
  opacity: 0.08 !important;
}


/* BTS group photo - wider crop and hide top portion */
.bts-item:first-child{
    grid-column: span 2;
    grid-row: span 1;
}

.bts-item:first-child img{
    object-fit: cover;
    object-position: center 85%;
}


/* Adjust BTS group photo upward to crop more from bottom */
.bts-item:first-child img{
    object-position: center 20% !important;
}
