*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#f2f0e9;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:fixed;z-index:50;top:0;width:100%;padding:22px 2.5vw;display:flex;justify-content:space-between;mix-blend-mode:difference}.logo{font-family:Georgia,serif;font-size:28px;font-weight:900;letter-spacing:-2px}nav{display:flex;gap:24px;font-size:9px;letter-spacing:.18em}.hero{height:100svh;min-height:650px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero-bg{position:absolute;inset:-4%;background:url("https://i.ytimg.com/vi/PWazz8DACHY/maxresdefault.jpg") center/cover;filter:saturate(.8) contrast(1.08)}.veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.2) 50%,#090909)}.hero-copy{position:relative;width:100%;padding:0 2.5vw 4vh}.hero-copy>p,.label{font-size:9px;letter-spacing:.2em}.hero h1{font-size:clamp(90px,18vw,270px);line-height:.63;letter-spacing:-.09em;margin:5vh 0 6vh}.hero h1 span{display:block;font-family:Georgia,serif;font-weight:400;font-style:italic;margin-left:18vw}.hero-foot{border-top:1px solid #777;padding-top:15px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em}.category-index{background:#eeeae0;color:#111}.category-index a{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;padding:1.5vw 3vw;border-bottom:1px solid #999;transition:.25s}.category-index a:hover{background:#d7ff3f}.category-index span{font-size:10px}.category-index h2{font-size:clamp(50px,8vw,120px);letter-spacing:-.07em;line-height:.8;margin:0}.category-index b{font-size:30px}.featured{padding:9vw 2vw}.feature-card{height:82vh;display:block;position:relative;overflow:hidden;margin-top:25px}.feature-img{position:absolute;inset:0;background:url("https://i.ytimg.com/vi/PWazz8DACHY/maxresdefault.jpg") center/cover;transition:.7s}.feature-card:hover .feature-img{transform:scale(1.025)}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 65%)}.award{position:absolute;z-index:2;right:25px;top:25px;border:1px solid #ddd;padding:15px;font-size:10px;line-height:1.5;letter-spacing:.12em}.feature-title{position:absolute;z-index:2;left:25px;right:25px;bottom:25px}.feature-title p{font-size:10px;letter-spacing:.15em}.feature-title h2{font-size:clamp(70px,13vw,190px);line-height:.65;letter-spacing:-.08em;margin:20px 0}.feature-title i,.section-intro i,.film i,.contact i{font-family:Georgia,serif;font-weight:400}.feature-title span{font-size:10px}.secondary-feature{margin-top:12px;background:#d7ff3f;color:#111;padding:35px;display:flex;justify-content:space-between;align-items:end}.secondary-feature span,.secondary-feature p{font-size:9px;letter-spacing:.15em}.secondary-feature h3{font-size:clamp(45px,7vw,105px);margin:10px 0 0;letter-spacing:-.06em}.section-intro{padding:10vw 3vw 5vw}.section-intro h2{font-size:clamp(65px,11vw,165px);line-height:.75;letter-spacing:-.08em;margin:6vw 0 3vw}.section-intro>p{max-width:480px;margin-left:auto;line-height:1.5}.visuals{background:#e9e5dc;color:#111}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #999}.archive-card{display:block;border-right:1px solid #999;border-bottom:1px solid #999;padding:12px;min-width:0}.archive-image{height:42vw;max-height:590px;background:#b9b6ae center/cover;position:relative;overflow:hidden}.archive-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.4),transparent 40%)}.num,.pending{position:absolute;z-index:2;top:12px;font-size:9px;letter-spacing:.14em}.num{left:12px;color:#fff}.pending{right:12px;background:#111;color:#fff;padding:6px}.archive-copy{padding:14px 2px 20px}.archive-copy p,.archive-copy span{font-size:9px;letter-spacing:.13em}.archive-copy h3{font-size:clamp(28px,4vw,62px);line-height:.85;letter-spacing:-.05em;margin:10px 0}.archive-card:hover .archive-copy h3{text-decoration:underline}.film{padding:10vw 3vw;background:#d7ff3f;color:#111}.film-layout{display:grid;grid-template-columns:2fr 1fr;align-items:end;margin-top:7vw}.film h2{font-size:clamp(85px,15vw,220px);line-height:.65;letter-spacing:-.09em;margin:20px 0}.film-layout>div>p,.film-layout span{font-size:9px;letter-spacing:.15em}.film-note{padding:30px 0}.film-note strong{font-size:20px}.film-note p{line-height:1.5;margin-top:30px}.branded{background:#0b0b0b}.dark{padding-bottom:3vw}.brand-list{border-top:1px solid #555}.brand-card{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;padding:25px 3vw;border-bottom:1px solid #555}.brand-card:hover{background:#222}.brand-card>span,.brand-card p{font-size:9px;letter-spacing:.14em}.brand-card p{margin:0 0 8px}.brand-card h3{font-size:clamp(27px,4vw,55px);margin:0;letter-spacing:-.04em}.contact{min-height:95vh;background:#eeeae0;color:#111;padding:8vw 3vw 25px;display:flex;flex-direction:column}.contact>p{font-size:9px;letter-spacing:.18em}.contact h2{font-size:clamp(75px,14vw,205px);line-height:.68;letter-spacing:-.09em;margin:auto 0}.contact>a{font-size:clamp(17px,2vw,30px);border-bottom:2px solid;align-self:flex-start;margin:50px 0 70px}.contact footer{border-top:1px solid #999;padding-top:15px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em}@media(max-width:700px){header{padding:18px}nav{gap:9px;font-size:7px}.hero-copy{padding:0 18px 28px}.hero h1{font-size:25vw;margin:10vh 0 8vh}.hero h1 span{margin-left:5vw}.category-index a{grid-template-columns:35px 1fr 25px;padding:18px}.category-index h2{font-size:14vw}.featured{padding:25vw 12px}.feature-card{height:70vh}.award{font-size:7px}.feature-title{left:14px;bottom:15px}.feature-title h2{font-size:20vw}.secondary-feature{padding:22px 15px}.section-intro{padding:25vw 18px 12vw}.section-intro h2{font-size:18vw;margin:15vw 0 8vw}.archive-grid{grid-template-columns:1fr}.archive-image{height:72vw}.archive-copy h3{font-size:11vw}.film{padding:25vw 18px}.film-layout{grid-template-columns:1fr}.film h2{font-size:22vw}.brand-card{grid-template-columns:35px 1fr 25px;padding:20px 18px}.contact{padding:22vw 18px 20px}.contact h2{font-size:20vw}.contact footer{gap:10px;flex-wrap:wrap}}

/* V1 ORIGINAL HOMEPAGE HERO — preserved exactly */
.hero{height:100svh;min-height:650px;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.hero-media{position:absolute;inset:0;background:url('https://images.squarespace-cdn.com/content/v1/654d023bf5e24c4f0a6ace42/4e45bd0f-46c3-403b-91f4-42a2dd029410/sheesh.jpg') center 34%/cover no-repeat;transform:scale(1.03)}
.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.15) 45%,rgba(0,0,0,.88))}
.hero-copy{position:relative;width:100%;padding:0 3vw 5vh}
.eyebrow{font-size:10px;letter-spacing:.18em}
.hero h1{font-size:clamp(70px,13.5vw,210px);line-height:.72;letter-spacing:-.085em;margin:22px 0 40px;font-weight:900}
.hero h1 em{font-family:Georgia,serif;font-weight:400}
.hero-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #aaa;padding-top:16px}
.hero-bottom p{max-width:520px;font-size:14px;line-height:1.5;margin:0}
.circle{border:1px solid;border-radius:50%;width:105px;height:105px;display:grid;place-items:center;font-size:10px;transition:.3s}
.circle:hover{background:#fff;color:#000}
@media(max-width:700px){
 .hero-copy{padding:0 18px 28px}
 .hero h1{font-size:20vw}
 .hero-bottom p{width:65%;font-size:12px}
 .circle{width:78px;height:78px}
}

/* Larger TIMVF festival laurels/banner */
.award{
  right:32px;
  top:32px;
  padding:26px 30px;
  font-size:16px;
  line-height:1.42;
  letter-spacing:.13em;
  border:2px solid #f2f0e9;
  min-width:310px;
  text-align:center;
  background:rgba(0,0,0,.24);
  backdrop-filter:blur(3px);
}
.award strong{
  display:block;
  margin-top:10px;
  font-size:19px;
  letter-spacing:.12em;
}
@media(max-width:700px){
  .award{
    right:14px;
    top:14px;
    min-width:0;
    width:245px;
    padding:17px 18px;
    font-size:11px;
  }
  .award strong{font-size:13px}
}

.film-link{display:block;color:inherit}
.film-thumb{margin-top:4vw;width:100%;height:min(54vw,720px);background:url("bad-luck-mike-thumbnail.png") center/cover no-repeat;filter:grayscale(1);transition:.45s}
.film-link:hover .film-thumb{filter:grayscale(0)}
.film-watch{display:inline-block;margin-top:35px;border-bottom:1px solid;font-size:10px;letter-spacing:.16em;padding-bottom:5px}

/* Separate LA Shorts laurel layer over the untouched Bad Luck Mike thumbnail */
.film-thumb{position:relative}
.la-shorts-overlay{
  position:absolute;
  z-index:3;
  top:24px;
  right:24px;
  width:min(28%,360px);
  height:auto;
  object-fit:contain;
  pointer-events:none;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.28));
}
@media(max-width:700px){
  .la-shorts-overlay{top:12px;right:12px;width:38%}
}

/* LA Shorts overlay placement — bottom right, away from faces */
.la-shorts-overlay{
  top:auto !important;
  bottom:24px !important;
  right:24px !important;
  width:min(24%,320px);
}
@media(max-width:700px){
  .la-shorts-overlay{
    top:auto !important;
    bottom:12px !important;
    right:12px !important;
    width:34%;
  }
}

/* Final adjustment: smaller LA Shorts 2023 overlay, bottom-right */
.la-shorts-overlay{
  top:auto !important;
  bottom:16px !important;
  right:16px !important;
  width:min(15%,190px) !important;
  height:auto !important;
}
@media(max-width:700px){
  .la-shorts-overlay{
    bottom:9px !important;
    right:9px !important;
    width:22% !important;
  }
}



.video-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:5vw}
.video-modal.open{display:flex}
.video-shell{width:min(1200px,92vw);aspect-ratio:16/9;background:#000}
.video-shell iframe{width:100%;height:100%;border:0;display:block}
.video-close{position:absolute;top:22px;right:28px;border:0;background:none;color:#fff;font:300 42px/1 Arial,sans-serif;cursor:pointer}
body.video-open{overflow:hidden}

/* Mobile contact/footer clipping fix */
@media (max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  .contact{overflow:hidden}
  .contact h2{
    font-size:clamp(50px,15vw,88px)!important;
    line-height:.80!important;
    max-width:100%;
  }
  .contact a{
    display:block;
    max-width:100%;
    font-size:clamp(16px,5vw,24px)!important;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}
.camp-card-image{background:linear-gradient(135deg,#21130f,#7b3324 45%,#d78b4f);position:relative}.camp-card-image:after{content:'CAMP FLOG GNAW 2025';position:absolute;left:20px;bottom:20px;font-weight:800;font-size:clamp(18px,2.2vw,34px);letter-spacing:-.04em;color:#fff;max-width:70%}

/* IMPACT + credibility — early proof section */
.impact{background:#d7ff3f;color:#111;padding:8vw 3vw 0}
.impact-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid rgba(0,0,0,.45);padding-bottom:18px}
.impact-head p{font-size:9px;letter-spacing:.18em;margin:0}
.impact-grid{display:grid;grid-template-columns:repeat(2,1fr)}
.impact-stat{min-height:28vw;padding:3vw 2vw 3vw 0;border-bottom:1px solid rgba(0,0,0,.45);display:flex;flex-direction:column;justify-content:flex-end}
.impact-stat:nth-child(odd){border-right:1px solid rgba(0,0,0,.45)}
.impact-stat:nth-child(even){padding-left:3vw}
.impact-stat strong{font-size:clamp(72px,13vw,190px);line-height:.72;letter-spacing:-.085em;font-weight:900}
.impact-stat span{font-size:11px;letter-spacing:.18em;margin-top:24px;font-weight:700}
.impact-stat p{font-size:9px;letter-spacing:.14em;margin:9px 0 0}
.impact-accolade strong{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(48px,8vw,118px);line-height:.8}
.credibility{background:#eeeae0;color:#111;padding:5vw 3vw 7vw}
.cred-block{display:grid;grid-template-columns:minmax(150px,1fr) 3fr;gap:4vw;padding:30px 0;border-bottom:1px solid #999}
.cred-names{font-size:clamp(22px,3.1vw,48px);line-height:1.08;letter-spacing:-.035em;font-weight:700}
@media(max-width:700px){
 .impact{padding:22vw 18px 0}
 .impact-head{align-items:start;gap:20px}
 .impact-grid{grid-template-columns:1fr}
 .impact-stat,.impact-stat:nth-child(even){min-height:52vw;padding:35px 0;border-right:0!important}
 .impact-stat strong{font-size:22vw}
 .impact-accolade strong{font-size:15vw}
 .impact-stat span{margin-top:18px}
 .credibility{padding:14vw 18px 20vw}
 .cred-block{grid-template-columns:1fr;gap:20px;padding:26px 0}
 .cred-names{font-size:7.5vw}
}

/* Film projects in development */
.film-development{margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:minmax(130px,.35fr) 1fr;gap:24px;align-items:start}
.film-development span{font-size:11px;letter-spacing:.18em;font-weight:700}
.film-development p{margin:0;max-width:680px;font-size:18px;line-height:1.45}
@media(max-width:700px){.film-development{grid-template-columns:1fr;gap:10px}.film-development p{font-size:16px}}

/* Direct section links */
#featured, #impact, #press, #clients, #visuals, #film, #branded { scroll-margin-top: 90px; }