@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Playfair+Display:ital@1&display=swap');
:root{--black:#050505;--white:#f2f2ef;--gray:#92928d;--line:#282828}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}img{display:block;width:100%}
.site-header{position:absolute;z-index:20;width:100%;padding:27px 4vw;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.22em}.brand{display:flex;align-items:center}.brand-logo{display:block;width:152px;height:62px;object-fit:contain;object-position:left center}nav{display:flex;gap:34px}.menu{display:none;background:none;color:#fff;border:0;letter-spacing:.2em}
.hero{height:96vh;min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background:url("assets/concept-reference.png") center/cover no-repeat;filter:saturate(.45) contrast(1.15);transform:scale(1.04)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.62) 40%,rgba(0,0,0,.12) 75%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 48%)}.hero-copy{position:relative;z-index:2;margin-left:4vw}.eyebrow{font-size:9px;letter-spacing:.34em;color:#b9b9b5;font-weight:500}.hero h1{font-size:clamp(60px,8.5vw,138px);font-weight:300;line-height:.82;letter-spacing:.13em;margin:28px 0}.tag{letter-spacing:.45em;font-size:14px;margin:0 0 42px}.btn{border:1px solid #aaa;padding:16px 22px;display:inline-flex;gap:35px;font-size:9px;letter-spacing:.24em}.btn:hover{background:#fff;color:#000}.scroll{position:absolute;right:3vw;bottom:28px;font-size:8px;letter-spacing:.3em;z-index:3}
section:not(.hero){padding:100px 4vw}.section-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:35px;border-bottom:1px solid var(--line);margin-bottom:45px}.section-head h2,.reel h2,.about h2,.contact h2{font-size:clamp(38px,5vw,72px);line-height:1;letter-spacing:.01em;font-weight:300;margin:18px 0 0}.intro{color:#777;font-size:10px;letter-spacing:.18em}
.feature{height:72vh;min-height:580px;position:relative;overflow:hidden;margin-bottom:3px}.feature img{height:100%;object-fit:cover;object-position:center 32%;transition:transform 1.2s ease}.feature:hover img{transform:scale(1.025)}.feature-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),transparent 62%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%)}.feature-copy{position:absolute;left:4%;bottom:9%;max-width:600px}.feature-copy.right{left:auto;right:5%;text-align:right}.num,.card-info span{font-size:9px;letter-spacing:.25em}.feature-copy h3{font-size:clamp(40px,6vw,88px);line-height:.88;font-weight:300;letter-spacing:.04em;margin:16px 0}.feature-copy em{font-family:"Playfair Display",serif;font-weight:400}.feature-copy p{color:#ccc}.feature-copy a,.card-info a,.about-copy a{display:inline-block;margin-top:16px;font-size:9px;letter-spacing:.22em;border-bottom:1px solid #777;padding-bottom:7px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:3px}.card{background:#0c0c0c;display:grid;grid-template-columns:minmax(230px,.65fr) 1fr;min-height:620px}.card img{height:620px;object-fit:contain;background:#070707}.card-info{padding:55px 40px;align-self:end}.card-info h3{font-size:38px;font-weight:300;letter-spacing:.08em;margin:14px 0}.card-info p{color:#777}
.second{margin-top:3px}.second img{object-position:center 50%}.second .feature-gradient{background:linear-gradient(270deg,rgba(0,0,0,.75),transparent 60%)}
.project-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:3px}.project-strip article{background:#0b0b0b;padding:18px}.project-strip article>span{font-size:9px;color:#777}.placeholder{height:280px;margin:16px 0;background:linear-gradient(135deg,#222,#090909);display:grid;place-items:center;text-align:center;font-size:15px;letter-spacing:.16em;color:#777}.placeholder small{font-size:8px;color:#555}.project-strip h4{font-size:9px;letter-spacing:.22em;font-weight:400}
.reel{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center;background:#090909}.reel h2 i{font-family:"Playfair Display",serif;font-weight:400}.reel-copy>p:last-child{color:#777;line-height:1.8;max-width:430px}.reel-frame{aspect-ratio:16/9;border:1px solid #333;background:radial-gradient(circle,#202020,#080808 60%);display:grid;place-items:center;position:relative}.reel-frame>span{font-size:35px}.reel-frame small{position:absolute;bottom:20px;left:20px;font-size:8px;letter-spacing:.2em;color:#666}

.collab{padding:34px 2.2% 42px!important;border-top:1px solid #1d1d1d;border-bottom:1px solid #1d1d1d;background:#030303}
.collab-title-row{display:flex;align-items:center;gap:24px;margin-bottom:28px}.collab-title-row .eyebrow{margin:0;white-space:nowrap;color:#a8a8a8}.collab-title-row span{height:1px;background:#282828;flex:1}
.brand-strip{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));align-items:stretch;border-top:1px solid #161616;border-bottom:1px solid #161616}
.brand-mark{min-height:88px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px 12px;color:#bdbdbd;border-right:1px solid #202020;font-size:clamp(10px,.9vw,14px);font-weight:700;letter-spacing:.08em;transition:color .2s ease,background .2s ease;white-space:nowrap}.brand-mark:last-child{border-right:0}.brand-mark:hover{color:#fff;background:#0b0b0b}.adidas{text-transform:lowercase;font-size:18px;letter-spacing:-.03em}.finishline{font-style:italic}.tnt{font-size:16px;border-radius:0}.walmart{font-size:14px;letter-spacing:-.01em}.breyers{font-family:"Playfair Display",serif;font-style:italic;font-size:18px;text-transform:none;letter-spacing:0}.soyummy{font-size:14px}.dive,.rocky{font-size:11px;letter-spacing:.12em}
@media(max-width:850px){.collab{padding:28px 5% 34px!important}.collab-title-row{margin-bottom:20px}.brand-strip{grid-template-columns:repeat(3,1fr)}.brand-mark{min-height:76px;border-bottom:1px solid #202020;font-size:10px}.adidas,.breyers{font-size:15px}}.menu{display:block}.site-header.open nav{display:flex;position:absolute;top:75px;left:4vw;right:4vw;background:#090909;padding:28px;flex-direction:column}.hero-art{background-position:65% center}.hero h1{letter-spacing:.08em}.section-head{display:block}.intro{margin-top:25px}.duo{grid-template-columns:1fr}.card{grid-template-columns:1fr;min-height:0}.card img{height:520px}.card-info{padding:30px}.project-strip{grid-template-columns:1fr}.reel,.about{grid-template-columns:1fr}.feature{height:70vh}.feature-copy.right{left:5%;right:auto;text-align:left}.second .feature-gradient{background:linear-gradient(90deg,rgba(0,0,0,.75),transparent 65%)}footer{gap:20px;flex-direction:column}}

@media(max-width:850px){.collab{padding:28px 5% 34px!important}.collab-title-row{margin-bottom:20px}.brand-strip{grid-template-columns:repeat(3,1fr)}.brand-mark{min-height:76px;border-bottom:1px solid #202020;font-size:10px}.adidas,.breyers{font-size:15px}}.about-image{height:440px;background-position:center center}}

@media(max-width:850px){.collab{padding:28px 5% 34px!important}.collab-title-row{margin-bottom:20px}.brand-strip{grid-template-columns:repeat(3,1fr)}.brand-mark{min-height:76px;border-bottom:1px solid #202020;font-size:10px}.adidas,.breyers{font-size:15px}}.collab-heading{grid-template-columns:1fr;gap:22px;margin-bottom:42px}.collab-heading h2{font-size:44px}.brand-wall{grid-template-columns:repeat(2,1fr)}.brand-wall span{min-height:110px;font-size:14px}}

/* V6 consolidation: preserve V5; restore the approved BTS About image and compact client strip. */
.about{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);
  gap:5vw;
  align-items:center;
  background:#050505;
}
.about-image{
  min-height:620px;
  background:
    linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.08)),
    url("assets/new-take-vision-crew.jpg") center center/cover no-repeat;
  filter:grayscale(1) contrast(1.08);
}
.about-copy{max-width:620px}
.about-copy>p:not(.eyebrow){color:#8f8f8f;line-height:1.8;max-width:560px}
.collab{padding:28px 2.2% 34px!important}
.collab-title-row{margin-bottom:18px}
.brand-strip{grid-template-columns:repeat(9,minmax(0,1fr))}
.brand-mark{min-height:76px;color:#dedede}
@media(max-width:850px){
  .about{grid-template-columns:1fr;gap:38px}
  .about-image{min-height:0;height:58vw;max-height:520px;background-position:center center}
  .brand-strip{grid-template-columns:repeat(3,1fr)}
}

/* V7: ONLY the GRIT + PIE IN THE SKY presentation changes. */
.film-pair{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
  margin-bottom:3px;
  background:#090909;
}
.film-editorial{
  display:grid;
  grid-template-columns:minmax(250px,.56fr) minmax(250px,.44fr);
  min-height:720px;
  background:#0a0a0a;
  overflow:hidden;
}
.film-poster{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px 0 42px 4vw;
  background:#070707;
}
.film-poster img{
  width:100%;
  height:640px;
  object-fit:contain;
  object-position:center;
  display:block;
}
.film-meta{
  align-self:end;
  padding:0 3.2vw 80px 2.6vw;
}
.film-meta span{
  font-size:9px;
  letter-spacing:.25em;
  color:#d0d0d0;
}
.film-meta h3{
  font-size:clamp(38px,3.2vw,64px);
  line-height:1;
  font-weight:300;
  letter-spacing:.08em;
  margin:26px 0 20px;
  white-space:nowrap;
}
.film-meta p{color:#777;font-size:16px}
.film-meta a{
  display:inline-block;
  margin-top:20px;
  font-size:9px;
  letter-spacing:.22em;
  border-bottom:1px solid #777;
  padding-bottom:7px;
}
@media(max-width:1150px){
  .film-pair{grid-template-columns:1fr}
  .film-editorial{grid-template-columns:minmax(280px,.7fr) 1fr;min-height:620px}
  .film-poster img{height:540px}
}
@media(max-width:650px){
  .film-editorial{grid-template-columns:1fr;min-height:auto}
  .film-poster{padding:34px 8vw 10px}
  .film-poster img{height:auto;max-height:620px}
  .film-meta{padding:34px 8vw 55px}
  .film-meta h3{white-space:normal}
}

/* V8 additive update: sports multi-image editorial + fashion motion section. */
.sports-editorial{background:#050505;padding:3px 0;margin:0}
.sports-lead{position:relative;min-height:78vh;overflow:hidden;margin:0 3px 3px}
.sports-lead>img{width:100%;height:78vh;object-fit:cover;display:block}
.sports-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.08) 58%,rgba(0,0,0,.1))}
.sports-title{position:absolute;left:6vw;bottom:8vh;z-index:2}
.sports-title span{font-size:9px;letter-spacing:.3em}
.sports-title h3{font-size:clamp(56px,7vw,120px);line-height:.82;font-weight:300;letter-spacing:.02em;margin:24px 0 0}
.sports-title em{font-family:serif;font-weight:400}
.sports-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:42vw;gap:3px}
.sports-grid figure{margin:0;overflow:hidden;background:#111}
.sports-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.sports-grid figure:hover img{transform:scale(1.025)}
.sports-grid .sports-tall{grid-row:span 2}
.sports-grid .sports-wide{grid-column:span 2}
.fashion-editorial{background:#080808;padding:9vw 3vw 3vw}
.fashion-heading{display:grid;grid-template-columns:.7fr 1.3fr 1fr;gap:5vw;align-items:end;margin-bottom:5vw}
.fashion-heading h2{font-size:clamp(54px,7vw,118px);line-height:.83;font-weight:300;margin:0;letter-spacing:.01em}
.fashion-heading h2 i{font-family:serif;font-weight:400}
.fashion-heading>p:last-child{color:#888;line-height:1.8;max-width:430px}
.fashion-films{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:3px;min-height:78vh}
.fashion-film{position:relative;overflow:hidden;background:#111;min-height:72vh}
.fashion-film video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block}
.fashion-film:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 38%)}
.fashion-label{position:absolute;left:28px;bottom:25px;z-index:2;display:flex;gap:18px;align-items:center;font-size:9px;letter-spacing:.2em}
.fashion-label span{color:#888}
@media(max-width:900px){
 .sports-grid{grid-template-columns:1fr 1fr;grid-auto-rows:70vw}
 .sports-grid .sports-tall{grid-row:span 1}
 .sports-grid .sports-wide{grid-column:span 1}
 .fashion-heading{grid-template-columns:1fr}
 .fashion-films{grid-template-columns:1fr 1fr}
 .fashion-main{grid-column:span 2}
}
@media(max-width:600px){
 .sports-lead,.sports-lead>img{min-height:68vh;height:68vh}
 .sports-grid{grid-template-columns:1fr;grid-auto-rows:125vw}
 .sports-grid .sports-wide{grid-column:auto}
 .fashion-editorial{padding:18vw 0 0}
 .fashion-heading{padding:0 7vw}
 .fashion-films{grid-template-columns:1fr}
 .fashion-main{grid-column:auto}
 .fashion-film{min-height:110vw}
}

/* V9: sports is one rotating cinematic slideshow, not a separate photo mosaic. */
.sports-slider{background:#050505;padding:3px;margin:0}
.sports-slides{position:relative;height:min(82vw,900px);min-height:650px;overflow:hidden;background:#080808}
.sports-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1s ease;pointer-events:none}
.sports-slide.is-active{opacity:1}
.sports-slide img{width:100%;height:100%;display:block;object-fit:cover}
.sports-slider .sports-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.06) 60%,rgba(0,0,0,.12));pointer-events:none}
.sports-slider .sports-title{z-index:3}
.sports-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(0,0,0,.18);color:#fff;font-size:30px;font-weight:200;line-height:40px;cursor:pointer;backdrop-filter:blur(5px);transition:background .25s,border-color .25s}
.sports-arrow:hover{background:rgba(0,0,0,.48);border-color:#fff}
.sports-prev{left:24px}
.sports-next{right:24px}
.sports-dots{position:absolute;z-index:4;right:28px;bottom:26px;display:flex;gap:8px}
.sports-dots button{width:24px;height:2px;padding:0;border:0;background:rgba(255,255,255,.35);cursor:pointer;transition:background .25s,width .25s}
.sports-dots button.is-active{width:42px;background:#fff}
.sports-slider + .sports-grid,.sports-editorial .sports-grid{display:none!important}
@media(max-width:600px){
  .sports-slides{height:135vw;min-height:520px}
  .sports-arrow{width:38px;height:38px;font-size:24px}
  .sports-prev{left:12px}
  .sports-next{right:12px}
  .sports-dots{right:16px;bottom:16px}
}
@media(prefers-reduced-motion:reduce){
  .sports-slide{transition:none}
}

/* V12: real visible media for project cards 04/05/06. */
.project-strip-live .project-media{
  position:relative;
  display:block;
  width:100%;
  height:clamp(300px,29vw,520px);
  overflow:hidden;
  background:#111;
  text-decoration:none;
}
.adidas-project-slider img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .8s ease;
}
.adidas-project-slider img.is-active{opacity:1}
.project-media-title{
  position:absolute;
  left:28px;
  bottom:26px;
  z-index:3;
  font-size:11px;
  letter-spacing:.22em;
  color:#fff;
  text-shadow:0 2px 20px #000;
}
.project-link-card{
  background:
    radial-gradient(circle at 70% 20%,rgba(255,255,255,.09),transparent 35%),
    linear-gradient(135deg,#202020,#0b0b0b 70%);
}
.project-link-card:after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.08);
  transition:background .3s ease;
}
.project-link-card:hover:after{background:rgba(255,255,255,.035)}
.project-link-copy{
  position:absolute;
  left:9%;
  right:9%;
  bottom:10%;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:12px;
  color:#fff;
}
.project-link-copy small{font-size:9px;letter-spacing:.28em;color:#777}
.project-link-copy strong{font-size:clamp(26px,2.4vw,46px);font-weight:300;letter-spacing:.12em}
.project-link-copy em{font-style:normal;font-size:9px;letter-spacing:.22em;color:#aaa}
.daebak-card{background:linear-gradient(145deg,#1e1e1e,#090909 72%)}
.soyummy-card{background:linear-gradient(145deg,#232323,#0a0a0a 72%)}

/* V13: muted autoplay YouTube previews for Daebak Show and So Yummy only. */
.youtube-preview-card{position:relative;cursor:pointer;background:#0a0a0a}
.youtube-preview-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;transform:scale(1.01)}
.youtube-preview-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.54),rgba(0,0,0,.06) 60%,rgba(0,0,0,.16));pointer-events:none}
.youtube-preview-card .project-link-copy{z-index:2}
.youtube-preview-card:focus-visible{outline:1px solid rgba(255,255,255,.8);outline-offset:3px}

/* V14 preview fixes: preserve campaign composition and avoid local YouTube embed errors. */
.project-strip-live .project-media{height:auto!important;aspect-ratio:16/9;}
.adidas-project-slider img{object-fit:contain!important;background:#0b0b0b;}
.youtube-card-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.youtube-preview-card iframe{display:none!important;}
.youtube-preview-card:before{content:"WATCH PREVIEW ↗";position:absolute;right:28px;bottom:26px;z-index:4;color:#fff;font-size:9px;letter-spacing:.22em;padding:12px 14px;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.3);}

/* V23 surgical hero correction — restore the clean approved concept layout.
   Do not overlay duplicate title/copy on top of the project artwork. */
.hero-copy{display:none!important}
.hero-art{transform:none!important;background-position:center top!important}

/* TOP REBUILD V2 — no project imagery is cropped from the old mockup. */
.clean-header{position:absolute;z-index:100;top:0;right:0;width:52%;height:78px;display:flex;align-items:center;justify-content:flex-end;padding:0 4vw;background:linear-gradient(90deg,transparent,rgba(0,0,0,.86) 35%,#000)}
.clean-header nav{display:flex;gap:38px}.clean-header a{color:#fff;font-size:10px;letter-spacing:.22em}
.clean-hero{height:430px!important;min-height:430px!important;padding:0!important;display:block!important;position:relative!important;overflow:hidden!important;background:#000!important}
.clean-logo{position:absolute;z-index:5;left:0;top:0;width:37%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}
.clean-logo img{width:min(500px,90%);height:auto;max-height:90%;object-fit:contain}
.clean-camera{position:absolute;right:0;top:0;width:70%;height:100%;background:url("assets/clean-camera.jpg") center/cover no-repeat}
.clean-camera:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.94) 8%,rgba(0,0,0,.48) 24%,transparent 52%)}
.clean-grid{padding:0!important;margin:0!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:245px 220px!important;gap:0!important;background:#050505!important;position:relative!important;z-index:10!important}
.clean-card{position:relative!important;display:block!important;overflow:hidden!important;min-width:0!important;background:#080808!important;border-right:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.clean-card img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;position:static!important;transform:none!important}
.clean-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.76),transparent 70%)}
.clean-card span{position:absolute;z-index:3;left:25px;bottom:22px;display:flex;flex-direction:column;gap:7px;text-shadow:0 2px 12px #000}
.clean-card small{font-size:9px;letter-spacing:.2em}.clean-card b{font-size:15px;letter-spacing:.18em;font-weight:500}.clean-card em{font-size:9px;letter-spacing:.2em;font-style:normal;color:#ddd}
.clean-card.fashion{grid-column:1/5!important;grid-row:1!important}.clean-card.grit{grid-column:5/9!important;grid-row:1!important}.clean-card.adidas{grid-column:9/13!important;grid-row:1!important}
.clean-card.daebak{grid-column:1/4!important;grid-row:2!important}.clean-card.soyummy{grid-column:4/7!important;grid-row:2!important}.clean-card.beautiful{grid-column:7/10!important;grid-row:2!important}.clean-card.pie{grid-column:10/13!important;grid-row:2!important}
.clean-card.fashion img{object-position:50% 23%!important}.clean-card.grit img{object-position:center 18%!important}.clean-card.adidas img{object-position:center 30%!important}.clean-card.beautiful img{object-position:46% 48%!important}.clean-card.pie img{object-position:center 48%!important}
.clean-filter{height:64px;display:flex;align-items:center;gap:40px;padding:0 4vw;background:#050505;border-bottom:1px solid #222;font-size:9px;letter-spacing:.2em;color:#777;white-space:nowrap;position:relative;z-index:10}
.clean-filter .active{color:#fff;border-bottom:1px solid #fff;padding-bottom:7px}.clean-filter .view{margin-left:auto;color:#aaa}
#work.work{position:relative!important;z-index:1!important;clear:both!important;margin:0!important}
@media(max-width:850px){.clean-header{width:72%}.clean-header nav{gap:18px}.clean-hero{height:390px!important;min-height:390px!important}.clean-logo{width:45%}.clean-logo img{width:95%}.clean-camera{width:72%}.clean-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:repeat(4,220px)!important}.clean-card.fashion,.clean-card.grit,.clean-card.adidas,.clean-card.daebak,.clean-card.soyummy,.clean-card.beautiful,.clean-card.pie{grid-column:auto!important;grid-row:auto!important}.clean-card.pie{grid-column:1/3!important}.clean-filter{overflow-x:auto;gap:25px}}

/* V7 — supplied logo artwork in collaborations strip */
.brand-strip-logos .brand-mark{display:flex;align-items:center;justify-content:center;overflow:hidden}
.brand-strip-logos .brand-mark img{display:block;width:82%;height:74px;object-fit:contain;filter:none;opacity:1}

/* V11 — small Instagram link in footer */
.footer-instagram{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:14px;color:#fff;opacity:.8;vertical-align:middle;transition:opacity .2s ease}
.footer-instagram:hover{opacity:1}
.footer-instagram svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.footer-instagram svg circle:last-child{fill:currentColor;stroke:none}

/* V12 — Pie in the Sky lower editorial title: prevent right-edge cropping only. */
.pie h2,.pie .title,.pie-project h2,.pie-project .title{
  font-size:clamp(42px,5vw,82px)!important;
  line-height:.96!important;
  letter-spacing:.08em!important;
  white-space:normal!important;
  overflow:visible!important;
  max-width:100%!important;
}
.pie,.pie-project{overflow:visible!important}

/* V12 — small Instagram icon beside CONTACT in top navigation. */
.top-instagram{display:inline-flex!important;align-items:center;justify-content:center;width:20px;height:20px;color:#fff;opacity:.82;margin-left:2px}
.top-instagram:hover{opacity:1}
.top-instagram svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.top-instagram svg circle:last-child{fill:currentColor;stroke:none}


/* V13 — MOBILE ONLY HERO. Desktop remains exactly V12. */
@media (max-width:700px){
  .clean-hero{
    height:390px!important;
    min-height:390px!important;
    background:#000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
  }
  .clean-camera{display:none!important}
  .clean-logo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#000!important;
  }
  .clean-logo img{
    width:min(280px,64vw)!important;
    max-width:64vw!important;
    height:auto!important;
    max-height:240px!important;
    object-fit:contain!important;
  }
  .clean-header{
    width:100%!important;
    right:0!important;
    justify-content:center!important;
    padding:0 18px!important;
    background:linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.72) 65%,transparent)!important;
  }
  .clean-header nav{
    width:100%!important;
    justify-content:center!important;
    gap:24px!important;
  }
}


/* V14 — mobile-only Daebak thumbnail framing; desktop unchanged. */
@media (max-width:700px){
  .clean-card.daebak img{
    object-position:18% center!important;
  }
}