:root{--bg:#080909;--panel:#0d0e0e;--line:#272929;--text:#f4f4ef;--muted:#8e9191;--violet:#3C1A47;--acid:#B6FF00}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}img{max-width:100%}a{color:inherit}
.nav{height:72px;padding:0 3.5vw;display:flex;align-items:center;gap:36px;position:absolute;top:0;left:0;width:100%;z-index:20;font-size:10px;letter-spacing:.14em}.nav a{text-decoration:none}.brand{font-size:26px;font-weight:900;letter-spacing:-.04em}.nav nav{display:flex;gap:25px}.contact-link{margin-left:auto;border:1px solid #777;padding:11px 15px;border-radius:4px}
.hero{min-height:100vh;display:grid;grid-template-columns:42% 58%;border-bottom:1px solid var(--line)}.hero-copy{padding:150px 3.5vw 70px;align-self:center}.kicker,small{font-size:9px;letter-spacing:.18em;color:#a3a6a6}.hero h1{font-size:clamp(66px,7vw,132px);line-height:.77;letter-spacing:-.065em;margin:30px 0}.hero h1 span{color:var(--acid)}.hero p{max-width:420px;color:var(--muted);line-height:1.6;font-size:14px}.primary{display:inline-block;margin-top:26px;background:var(--acid);color:#080808;text-decoration:none;padding:15px 18px;font-size:10px;font-weight:800;letter-spacing:.11em}.hero-image{margin:0;display:flex;align-items:center;position:relative;overflow:hidden;background:#111}.hero-image img{width:100%;height:auto;display:block}.hero-image figcaption{position:absolute;left:22px;bottom:20px;font-size:9px;letter-spacing:.16em;background:#080909cc;padding:9px 11px}
.work-index{padding:80px 3.5vw 100px}.index-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:14px}.index-head p{margin:0;color:var(--muted);font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.category-card{position:relative;display:block;min-height:39vw;overflow:hidden;background:#111;text-decoration:none}.category-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82);transition:.55s ease}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.82) 100%)}.category-card>div{position:absolute;left:24px;right:24px;bottom:22px;z-index:2}.category-card span{font-size:9px;letter-spacing:.16em;color:var(--acid)}.category-card h2{font-size:clamp(43px,5vw,88px);line-height:.8;letter-spacing:-.055em;margin:10px 0}.category-card p{font-size:10px;letter-spacing:.13em;color:#c4c4c4}.category-card:hover img{transform:scale(1.018);filter:saturate(1)}
.chapter{padding:90px 3.5vw 110px;border-top:1px solid var(--line)}.chapter-title{display:grid;grid-template-columns:1.8fr .7fr;gap:40px;align-items:end;margin-bottom:44px}.chapter-title h2{font-size:clamp(64px,7.5vw,140px);line-height:.75;letter-spacing:-.065em;margin:14px 0 0}.chapter-title p{color:var(--muted);line-height:1.55;font-size:13px;max-width:380px;margin:0 0 8px}.feature-photo{margin:0}.feature-photo img{width:100%;height:auto;display:block}.feature-photo figcaption{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 2px 27px;margin-bottom:30px}.feature-photo figcaption span{font-size:9px;letter-spacing:.16em;color:#777}.feature-photo figcaption b{font-size:11px;letter-spacing:.11em}
.justified{display:flex;flex-wrap:wrap;gap:10px}.jg-item{margin:0;overflow:hidden;line-height:0;cursor:zoom-in;background:#111}.jg-item img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s}.jg-item:hover img{transform:scale(1.01)}
.motion-head{display:grid;grid-template-columns:.55fr 1.35fr .8fr;gap:30px;align-items:end;border-top:1px solid var(--line);margin-top:72px;padding-top:42px}.motion-head h3{font-size:clamp(38px,4.5vw,78px);line-height:.82;letter-spacing:-.05em;margin:0}.motion-head p{color:var(--muted);font-size:12px;line-height:1.5}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.video-card{border:1px solid var(--line);background:#0b0c0c}.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe{border:0;width:100%;height:100%;display:block}.video-meta{display:flex;justify-content:space-between;padding:14px;font-size:9px;letter-spacing:.12em}.video-meta span{color:var(--acid)}
.nature-lead{display:grid;grid-template-columns:1.65fr .7fr;gap:12px;margin-bottom:12px}.nature-lead figure{margin:0}.nature-lead img{display:block;width:100%;height:auto}.nature-copy{border:1px solid var(--line);padding:clamp(26px,4vw,60px);display:flex;flex-direction:column;justify-content:center}.nature-copy h3,.animal-note h3{font-size:clamp(42px,4vw,72px);line-height:.83;letter-spacing:-.05em;margin:16px 0}.nature-copy p{color:var(--muted);line-height:1.55}.night-story{margin-top:85px;padding-top:35px;border-top:1px solid var(--line)}.night-title{display:grid;grid-template-columns:.5fr 1.4fr .8fr;gap:30px;align-items:end;margin-bottom:25px}.night-title h3{font-size:clamp(64px,8vw,145px);line-height:.73;letter-spacing:-.065em;margin:0;color:var(--acid)}.night-title p{color:var(--muted);font-size:12px;line-height:1.5}.night-main{margin:0 0 10px}.night-main img{width:100%;height:auto;display:block}
.animal-editorial{display:grid;grid-template-columns:1.05fr .95fr .7fr;gap:12px;align-items:start}.animal-editorial figure{margin:0}.animal-editorial img{display:block;width:100%;height:auto}.animal-main{grid-column:1/3}.animal-secondary{grid-column:3}.animal-note{grid-column:1;border:1px solid var(--line);padding:35px;align-self:stretch}.animal-lamb-1{grid-column:2}.animal-lamb-2{grid-column:3}.animal-note span{font-size:9px;letter-spacing:.16em;color:var(--acid)}
.emotion-hero{display:grid;grid-template-columns:1.45fr .75fr;gap:12px;margin-bottom:12px}.emotion-hero figure{margin:0}.emotion-hero img{width:100%;height:auto;display:block}.emotion-quote{border:1px solid var(--line);padding:clamp(28px,4vw,60px);display:flex;flex-direction:column;justify-content:center}.emotion-quote blockquote{font-size:clamp(30px,3.4vw,60px);line-height:.9;letter-spacing:-.045em;margin:20px 0 0}
.about{padding:95px 3.5vw;display:grid;grid-template-columns:.8fr .72fr 1fr;gap:42px;align-items:center;border-top:1px solid var(--line)}.about h2{font-size:clamp(55px,6vw,105px);line-height:.78;letter-spacing:-.06em;margin:14px 0}.about figure{margin:0}.about img{display:block;width:100%;height:auto}.about-copy p{font-size:17px;line-height:1.5;max-width:560px}.about-tags{margin-top:30px;color:var(--acid);font-size:9px;letter-spacing:.14em;line-height:1.8}
.contact{background:var(--acid);color:#090909;padding:70px 3.5vw;display:grid;grid-template-columns:.4fr 1.6fr .6fr;align-items:end}.contact small{color:#090909}.contact h2{font-size:clamp(62px,7vw,126px);line-height:.76;letter-spacing:-.065em;margin:0}.contact a{justify-self:end;background:#090909;color:#fff;padding:17px 22px;text-decoration:none;font-size:10px;letter-spacing:.12em}footer{height:88px;padding:0 3.5vw;display:flex;justify-content:space-between;align-items:center;color:#767a7a;font-size:9px;letter-spacing:.13em}footer b{font-size:24px;color:#fff}
.lightbox{position:fixed;inset:0;background:#000f;z-index:99;display:none;align-items:center;justify-content:center;padding:4vw}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:92vh}.lightbox button{position:absolute;right:24px;top:13px;background:transparent;border:0;color:#fff;font-size:44px;cursor:pointer}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-image{grid-row:1;margin-top:72px}.hero-copy{padding:65px 5vw}.hero h1{font-size:64px}.work-index,.chapter{padding:55px 5vw}.category-grid{grid-template-columns:1fr}.category-card{min-height:75vw}.chapter-title,.motion-head,.night-title,.about,.contact{grid-template-columns:1fr}.chapter-title h2{font-size:68px}.video-grid,.nature-lead,.emotion-hero{grid-template-columns:1fr}.animal-editorial{grid-template-columns:1fr 1fr}.animal-main,.animal-secondary,.animal-note,.animal-lamb-1,.animal-lamb-2{grid-column:auto}.animal-main{grid-column:1/-1}.contact{gap:28px}.contact h2{font-size:62px}.contact a{justify-self:start}.about{gap:28px}.motion-head{gap:18px}.night-title{gap:14px}.night-title h3{font-size:72px}}
@media(max-width:620px){.animal-editorial{grid-template-columns:1fr}.category-card{min-height:92vw}.feature-photo figcaption{display:block}.feature-photo figcaption b{display:block;margin-top:8px}.video-grid{grid-template-columns:1fr}.nav{padding:0 5vw}}

/* V6 — deliberate editorial spacing, karrigan hero, compact category layouts */
.hero{grid-template-columns:39% 61%}.hero-slider{position:relative;display:flex;align-items:center;background:#0b0d0e;overflow:hidden}.hero-slide{display:none;margin:0;width:100%;position:relative}.hero-slide.active{display:block}.hero-slide img{display:block;width:100%;height:auto}.hero-slide figcaption{position:absolute;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;gap:20px;background:#080909d9;padding:11px 13px;font-size:9px;letter-spacing:.13em}.hero-slide figcaption span{color:#aaa}.hero-arrows{position:absolute;right:18px;top:18px;display:flex;gap:6px}.hero-arrows button,.hero-dots button{background:#080909aa;color:white;border:1px solid #5a5a5a;cursor:pointer}.hero-arrows button{width:38px;height:38px}.hero-dots{display:flex;gap:8px;margin-top:35px}.hero-dots button{font-size:9px;padding:7px 9px;color:#777}.hero-dots button.active{color:#080808;background:#B6FF00;border-color:#B6FF00}
.esports-feature{display:grid;grid-template-columns:1.45fr .75fr;gap:12px}.esports-feature figure{margin:0;border:1px solid var(--line)}.esports-feature img{display:block;width:100%;height:auto}.esports-feature figcaption{padding:12px;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.12em}.esports-feature figcaption span{color:var(--acid)}.esports-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.esports-strip figure,.emotion-strip figure{margin:0}.esports-strip img,.emotion-strip img{width:100%;height:auto;display:block}.esports-strip figcaption,.emotion-strip figcaption{padding-top:8px;font-size:8px;letter-spacing:.13em;color:#aaa}
.nature-wide{margin:0;border-bottom:1px solid var(--line)}.nature-wide img{width:100%;height:auto;display:block}.nature-wide figcaption{display:flex;justify-content:space-between;padding:12px 2px 22px;font-size:9px;letter-spacing:.13em}.nature-wide figcaption span{color:var(--acid)}.nature-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.nature-duo figure,.meteor-grid figure{margin:0}.nature-duo img,.meteor-grid img{display:block;width:100%;height:auto}.nature-duo figcaption{font-size:8px;letter-spacing:.13em;color:#999;padding-top:8px}.meteor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.animals-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.animals-grid figure{margin:0;border-bottom:1px solid var(--line);padding-bottom:12px}.animals-grid img{width:100%;height:auto;display:block}.animals-grid figcaption{padding-top:9px;font-size:8px;letter-spacing:.14em;color:#999}
.emotion-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.about-personal{padding:95px 3.5vw;border-top:1px solid var(--line)}.about-kicker{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px;font-size:9px;letter-spacing:.14em;color:#888}.about-personal-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:18px;align-items:start}.about-photo{margin:0;background:#111}.about-photo img{display:block;width:100%;height:auto}.about-info{border:1px solid var(--line);padding:clamp(30px,4vw,70px);min-height:100%}.about-info h2{font-size:clamp(65px,8vw,145px);line-height:.73;letter-spacing:-.065em;margin:0 0 35px}.about-lead{font-size:18px!important;color:#e1e1dc!important}.about-info p{max-width:680px;color:var(--muted);font-size:14px;line-height:1.6}.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:45px;border:1px solid var(--line)}.about-facts>div{background:#0b0c0c;padding:18px}.about-facts span{display:block;font-size:8px;letter-spacing:.14em;color:#777;margin-bottom:7px}.about-facts b{font-size:10px;letter-spacing:.08em}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-slider{grid-row:1;margin-top:72px}.esports-feature,.about-personal-grid{grid-template-columns:1fr}.esports-strip{grid-template-columns:repeat(2,1fr)}.nature-duo,.animals-grid{grid-template-columns:1fr}.meteor-grid{grid-template-columns:1fr}.emotion-strip{grid-template-columns:repeat(2,1fr)}.about-facts{grid-template-columns:1fr}.about-personal{padding:55px 5vw}.about-info h2{font-size:72px}}

/* V7 — curated, not exhaustive */
.curated-hero,.curated-accent,.curated-pair figure,.emotion-feature figure,.emotion-secondary figure{margin:0}
.curated-hero img,.curated-accent img,.curated-pair img,.emotion-feature img,.emotion-secondary img{display:block;width:100%;height:auto}
.curated-hero{max-width:1180px;margin-left:auto;margin-right:auto}
.curated-hero figcaption,.curated-accent figcaption,.curated-pair figcaption{display:flex;justify-content:space-between;gap:24px;padding:12px 2px 28px;font-size:9px;letter-spacing:.13em;border-bottom:1px solid var(--line)}
.curated-hero figcaption span,.curated-accent figcaption span,.curated-pair figcaption span{color:var(--acid)}
.curated-pair{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:start;margin:78px 0}
.curated-tall{max-width:520px;justify-self:end}
.curated-wide{max-width:980px}
.curated-accent{width:min(560px,42vw);margin-left:7vw;margin-top:28px}
.motion-head{margin-top:95px}

.emotion-feature{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:stretch}
.emotion-main{max-width:1050px}
.emotion-copy{border:1px solid var(--line);padding:clamp(30px,4vw,70px);display:flex;flex-direction:column;justify-content:center}
.emotion-copy blockquote{font-size:clamp(34px,4.2vw,74px);line-height:.86;letter-spacing:-.05em;margin:22px 0 0}
.emotion-secondary{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;margin-top:60px;align-items:start}
.emotion-secondary figure:first-child{max-width:520px;justify-self:end}
.emotion-secondary figure:last-child{max-width:900px}
.emotion-secondary figcaption{padding-top:9px;font-size:8px;letter-spacing:.14em;color:#999}

@media(max-width:900px){
  .curated-pair,.emotion-feature,.emotion-secondary{grid-template-columns:1fr;gap:18px}
  .curated-tall,.curated-wide,.emotion-main,.emotion-secondary figure:first-child,.emotion-secondary figure:last-child{max-width:none;justify-self:stretch}
  .curated-accent{width:100%;margin-left:0}
  .curated-pair{margin:45px 0}
  .motion-head{margin-top:65px}
}

/* V8 — no repeated still photos; stronger editorial selection */
.type-index{padding-top:60px}.type-row{display:grid;grid-template-columns:60px 1.3fr 1fr auto;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none}.type-row span{font-size:9px;color:var(--acid);letter-spacing:.15em}.type-row h2{font-size:clamp(40px,5vw,78px);letter-spacing:-.055em;line-height:.82;margin:0}.type-row p{margin:0;color:var(--muted);font-size:11px;letter-spacing:.11em}.type-row i{font-style:normal;font-size:24px;color:#666;transition:.25s}.type-row:hover i{color:var(--acid);transform:translate(3px,3px)}
.esports-story-pair{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:start;margin:68px 0 0}.esports-story-pair figure{margin:0}.esports-story-pair img{display:block;width:100%;height:auto}.esports-story-pair figure:first-child{max-width:550px;justify-self:end}.esports-story-pair figcaption{padding-top:9px;font-size:8px;letter-spacing:.14em;color:#999}
.nature-solo{margin:65px 0 0 auto;max-width:900px}.nature-solo img{width:100%;height:auto;display:block}.nature-solo figcaption{padding-top:9px;font-size:8px;letter-spacing:.14em;color:#999}
.animals-grid{grid-template-columns:1.35fr .85fr}.animals-grid figure:first-child{grid-row:1 / span 2}.animals-grid figure:first-child img{width:100%;height:auto}.animals-grid figure:nth-child(2),.animals-grid figure:nth-child(3){align-self:start}
.crowd-wide{margin:70px 0 0}.crowd-wide img{display:block;width:100%;height:auto}.crowd-wide figcaption{padding-top:10px;font-size:8px;letter-spacing:.14em;color:#999}
@media(max-width:900px){.type-row{grid-template-columns:42px 1fr auto}.type-row p{display:none}.esports-story-pair{grid-template-columns:1fr;gap:18px;margin-top:45px}.esports-story-pair figure:first-child{max-width:none;justify-self:stretch}.animals-grid{grid-template-columns:1fr}.animals-grid figure:first-child{grid-row:auto}.nature-solo{max-width:none;margin-top:35px}}

/* V9 — match approved composition ratios */

/* NATURE: forest left / coast right, shared row height */
.nature-duo{
  display:grid;
  grid-template-columns:.72fr 1.08fr;
  gap:12px;
  align-items:stretch;
  margin-top:12px;
}
.nature-duo figure{
  margin:0;
  display:flex;
  flex-direction:column;
}
.nature-duo figure:first-child{order:1}
.nature-duo figure:last-child{order:2}
.nature-duo img{
  width:100%;
  height:clamp(430px,42vw,690px);
  object-fit:cover;
  display:block;
}
.nature-duo figure:first-child img{
  object-position:center center;
}
.nature-duo figure:last-child img{
  object-position:center center;
}
.nature-duo figcaption{
  font-size:8px;
  letter-spacing:.13em;
  color:#999;
  padding-top:8px;
}

/* ANIMALS: large cropped puffin left, two lamb frames stacked right */
.animals-grid{
  display:grid;
  grid-template-columns:1.42fr .9fr;
  grid-template-rows:1fr 1fr;
  gap:12px;
  align-items:stretch;
}
.animals-grid figure{
  margin:0;
  border-bottom:0;
  padding-bottom:0;
  position:relative;
}
.animals-grid figure:first-child{
  grid-column:1;
  grid-row:1 / span 2;
}
.animals-grid figure:nth-child(2){
  grid-column:2;
  grid-row:1;
}
.animals-grid figure:nth-child(3){
  grid-column:2;
  grid-row:2;
}
.animals-grid img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.animals-grid figure:first-child{
  min-height:clamp(520px,48vw,760px);
}
.animals-grid figure:first-child img{
  object-position:62% center;
}
.animals-grid figure:nth-child(2) img{
  object-position:center 55%;
}
.animals-grid figure:nth-child(3) img{
  object-position:center 52%;
}
.animals-grid figcaption{
  position:absolute;
  left:0;
  bottom:-18px;
  padding:0;
  font-size:8px;
  letter-spacing:.14em;
  color:#999;
}

/* add spacing after overlaid captions */
.chapter-animals{padding-bottom:135px}

@media(max-width:900px){
  .nature-duo{
    grid-template-columns:1fr;
  }
  .nature-duo img{
    height:auto;
    object-fit:contain;
  }
  .animals-grid{
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }
  .animals-grid figure:first-child,
  .animals-grid figure:nth-child(2),
  .animals-grid figure:nth-child(3){
    grid-column:1;
    grid-row:auto;
    min-height:0;
  }
  .animals-grid img{
    height:auto;
    object-fit:contain;
  }
  .animals-grid figcaption{
    position:static;
    padding-top:8px;
  }
}

/* V10 — remove remaining accidental black gaps */

/* Nature: no isolated third image below the duo. */
.nature-duo{
  margin-bottom:0 !important;
}
.night-story{
  margin-top:48px !important;
}

/* Animals: force the approved 1-large + 2-stacked composition to fully fill the grid. */
.chapter-animals .animals-grid{
  display:grid !important;
  grid-template-columns:1.42fr .9fr !important;
  grid-template-rows:1fr 1fr !important;
  gap:12px !important;
  height:clamp(620px,50vw,820px) !important;
  align-items:stretch !important;
}

.chapter-animals .animals-grid figure{
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  position:relative !important;
}

.chapter-animals .animals-grid figure:first-child{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  height:100% !important;
}

.chapter-animals .animals-grid figure:nth-child(2){
  grid-column:2 !important;
  grid-row:1 !important;
  height:100% !important;
}

.chapter-animals .animals-grid figure:nth-child(3){
  grid-column:2 !important;
  grid-row:2 !important;
  height:100% !important;
}

.chapter-animals .animals-grid figure:first-child img,
.chapter-animals .animals-grid figure:nth-child(2) img,
.chapter-animals .animals-grid figure:nth-child(3) img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.chapter-animals .animals-grid figure:first-child img{
  object-position:60% center !important;
}
.chapter-animals .animals-grid figure:nth-child(2) img{
  object-position:center 55% !important;
}
.chapter-animals .animals-grid figure:nth-child(3) img{
  object-position:center 52% !important;
}

/* Captions sit on image edges, not in extra layout space. */
.chapter-animals .animals-grid figcaption{
  position:absolute !important;
  left:10px !important;
  bottom:9px !important;
  padding:5px 7px !important;
  background:rgba(8,9,9,.72) !important;
  color:#eee !important;
  font-size:8px !important;
  letter-spacing:.14em !important;
  z-index:2 !important;
}

/* Keep normal mobile behavior. */
@media(max-width:900px){
  .chapter-animals .animals-grid{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    height:auto !important;
  }
  .chapter-animals .animals-grid figure:first-child,
  .chapter-animals .animals-grid figure:nth-child(2),
  .chapter-animals .animals-grid figure:nth-child(3){
    grid-column:1 !important;
    grid-row:auto !important;
    height:auto !important;
  }
  .chapter-animals .animals-grid figure:first-child img,
  .chapter-animals .animals-grid figure:nth-child(2) img,
  .chapter-animals .animals-grid figure:nth-child(3) img{
    height:auto !important;
    object-fit:contain !important;
  }
  .chapter-animals .animals-grid figcaption{
    position:static !important;
    background:transparent !important;
    padding:8px 0 0 !important;
    color:#999 !important;
  }
}

/* V11 — Charcoal Violet + Cyber Lime art direction */
body{
  background:
    radial-gradient(circle at 78% 8%, rgba(60,26,71,.10), transparent 28%),
    var(--bg);
}

/* Navigation stays restrained, with violet used as identity rather than fill. */
.nav{
  border-bottom:1px solid rgba(255,255,255,.04);
}
.nav a:hover{
  color:var(--acid);
}
.brand{
  position:relative;
}
.brand:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:100%;
  height:2px;
  background:var(--violet);
}

/* Hero: a subtle violet wash, not a purple background. */
.hero{
  position:relative;
  isolation:isolate;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:42%;
  background:linear-gradient(135deg, rgba(60,26,71,.22), rgba(60,26,71,0) 72%);
  z-index:-1;
  pointer-events:none;
}
.hero h1 span,
.chapter-title small,
.motion-head small,
.night-title small,
.about-kicker small{
  color:var(--acid);
}

/* Selected story index: violet lives in hover and separators. */
.type-row{
  position:relative;
  overflow:hidden;
}
.type-row:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(60,26,71,.26), transparent 68%);
  opacity:0;
  transition:.3s ease;
  z-index:-1;
}
.type-row:hover:before{
  opacity:1;
}
.type-row:hover h2{
  color:var(--acid);
}

/* Editorial section marker */
.chapter{
  position:relative;
}
.chapter:before{
  content:"";
  position:absolute;
  left:3.5vw;
  top:0;
  width:72px;
  height:3px;
  background:var(--violet);
}

/* Motion section gets the strongest violet use. */
.motion-head{
  background:linear-gradient(90deg, rgba(60,26,71,.30), rgba(60,26,71,.06) 65%, transparent);
  padding:32px 24px 30px;
  border-top:1px solid rgba(182,255,0,.16);
}
.video-card{
  background:linear-gradient(180deg, rgba(60,26,71,.13), #0b0c0c 35%);
}
.video-card:hover{
  border-color:rgba(182,255,0,.45);
}

/* Night section: tiny violet atmospheric cue. */
.night-story{
  position:relative;
  background:linear-gradient(180deg, rgba(60,26,71,.12), transparent 18%);
  padding-top:35px;
}

/* About: violet on information panel only. */
.about-info{
  background:linear-gradient(145deg, rgba(60,26,71,.20), rgba(13,14,14,.98) 48%);
}
.about-facts>div:hover{
  background:rgba(60,26,71,.20);
}

/* Contact keeps lime dominant, violet only in button hover. */
.contact a{
  transition:.25s ease;
}
.contact a:hover{
  background:var(--violet);
  color:var(--acid);
}

/* Small UI accents */
.hero-arrows button:hover,
.lightbox button:hover{
  color:var(--acid);
}
.hero-dots button.active{
  box-shadow:0 0 0 1px rgba(182,255,0,.22);
}

/* Keep image areas neutral so photography remains the main color. */
figure,
.video-frame{
  background:#090a0a;
}

@media(max-width:900px){
  .hero:before{width:100%;opacity:.6}
  .chapter:before{left:5vw}
  .motion-head{padding:24px 18px}
}

/* V13 — custom YouTube poster + proper HTTP embed */
.youtube-lite{position:relative;overflow:hidden;background:#060707}
.youtube-poster{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;margin:0;cursor:pointer;background:#060707;display:block;overflow:hidden}
.youtube-poster img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease,filter .3s ease}
.youtube-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,9,.03),rgba(8,9,9,.24));pointer-events:none}
.youtube-poster:hover img{transform:scale(1.015);filter:brightness(1.05)}
.custom-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,255,255,.82);background:rgba(8,9,9,.72);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800;letter-spacing:.14em;backdrop-filter:blur(7px);transition:.25s ease}
.youtube-poster:hover .custom-play{background:var(--acid);color:#080808;border-color:var(--acid);transform:translate(-50%,-50%) scale(1.06)}
.youtube-lite iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.local-video-note{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:rgba(8,9,9,.94);color:#fff}
.local-video-note b{font-size:16px;margin-bottom:10px}.local-video-note span{max-width:440px;color:#aaa;font-size:11px;line-height:1.55}.local-video-note a{margin-top:18px;background:var(--acid);color:#080808;padding:12px 16px;text-decoration:none;font-size:9px;font-weight:800;letter-spacing:.12em}


/* V14 — contact links */
.contact-socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.contact-socials a{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;padding:12px 16px!important;border:1px solid rgba(8,9,9,.34)!important;text-decoration:none!important;font-size:10px!important;letter-spacing:.12em!important}
.contact-socials a:hover{background:#3C1A47!important;color:#B6FF00!important}


/* V15 — selected event culture + emotion additions */
.event-notes-head{display:grid;grid-template-columns:.55fr 1.3fr .8fr;gap:30px;align-items:end;margin:92px 0 28px;padding-top:34px;border-top:1px solid var(--line)}
.event-notes-head h3{font-size:clamp(42px,5vw,88px);line-height:.8;letter-spacing:-.055em;margin:0}
.event-notes-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.55;max-width:390px}
.event-notes-grid{display:grid;grid-template-columns:.74fr 1.55fr;grid-template-rows:auto auto;gap:14px;align-items:stretch}
.event-note{margin:0;position:relative;overflow:hidden;background:#0a0b0b}
.event-note:nth-child(1){grid-column:2;grid-row:1}
.event-note:nth-child(2){grid-column:1;grid-row:1}
.event-note:nth-child(3){grid-column:1;grid-row:2}
.event-note:nth-child(4){grid-column:2;grid-row:2}
.event-note img{display:block;width:100%;height:clamp(430px,36vw,610px);object-fit:cover;transition:transform .4s ease}
.event-note:nth-child(1) img{object-position:center 44%}
.event-note:nth-child(2) img{object-position:center 28%}
.event-note:nth-child(3) img{object-position:center 44%}
.event-note:nth-child(4) img{object-position:center center}
.event-note:hover img{transform:scale(1.012)}
.event-note figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;gap:18px;padding:10px 11px;background:rgba(8,9,9,.78);backdrop-filter:blur(4px);font-size:8px;letter-spacing:.13em}
.event-note figcaption span{color:var(--acid)}
.event-note figcaption b{font-weight:700;color:#f2f2ed}

.emotion-portraits{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:74px;align-items:stretch}
.emotion-portraits figure{margin:0;position:relative;overflow:hidden;background:#0a0b0b}
.emotion-portraits img{display:block;width:100%;height:clamp(620px,58vw,900px);object-fit:cover}
.emotion-portraits figure:first-child img{object-position:center 38%}
.emotion-portraits figure:last-child img{object-position:center 38%}
.emotion-portraits figcaption{display:flex;justify-content:space-between;gap:24px;padding:11px 2px 0;font-size:8px;letter-spacing:.13em;color:#aaa}
.emotion-portraits figcaption span{color:var(--acid)}
.emotion-portraits figcaption b{color:#ddd}
.crowd-new figcaption{display:flex;justify-content:space-between;gap:20px}
.crowd-new figcaption span{color:var(--acid)}
.crowd-new figcaption b{color:#ddd}

@media(max-width:900px){
  .event-notes-head{grid-template-columns:1fr;gap:14px;margin-top:58px}
  .event-notes-grid{grid-template-columns:1fr 1fr}
  .event-note:nth-child(1),.event-note:nth-child(2),.event-note:nth-child(3),.event-note:nth-child(4){grid-column:auto;grid-row:auto}
  .event-note img{height:58vw}
  .emotion-portraits{margin-top:48px}
  .emotion-portraits img{height:75vw}
}
@media(max-width:620px){
  .event-notes-grid,.emotion-portraits{grid-template-columns:1fr}
  .event-note img,.emotion-portraits img{height:auto;object-fit:contain}
  .event-note figcaption{position:static;background:transparent;padding:9px 0 16px}
  .emotion-portraits figcaption,.crowd-new figcaption{display:block}
  .emotion-portraits figcaption b,.crowd-new figcaption b{display:block;margin-top:7px}
}


/* V17 — brand, full contact section, back-to-top */
.brand{
  letter-spacing:-.09em;
}

/* Full contact area */
.contact.contact-full{
  display:block;
  background:var(--acid);
  color:#090909;
  padding:58px 3.5vw 76px;
}
.contact-full .contact-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(8,9,9,.32);
}
.contact-full .contact-head small{
  color:#090909;
  font-weight:800;
}
.contact-full .contact-head p{
  margin:0;
  max-width:470px;
  text-align:right;
  font-size:9px;
  line-height:1.45;
  letter-spacing:.14em;
  font-weight:700;
}
.contact-full .contact-body{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:clamp(46px,7vw,130px);
  align-items:end;
  padding-top:48px;
}
.contact-full .contact-intro h2{
  font-size:clamp(62px,7vw,126px);
  line-height:.76;
  letter-spacing:-.065em;
  margin:0 0 30px;
}
.contact-full .contact-intro p{
  max-width:570px;
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:rgba(8,9,9,.68);
}
.contact-full .contact-list{
  border-top:1px solid rgba(8,9,9,.38);
}
.contact-full .contact-row{
  width:100%;
  min-height:92px;
  display:grid !important;
  grid-template-columns:110px 1fr auto;
  gap:20px;
  align-items:center;
  justify-self:stretch !important;
  padding:0 4px !important;
  border:0 !important;
  border-bottom:1px solid rgba(8,9,9,.38) !important;
  background:transparent !important;
  color:#090909 !important;
  text-decoration:none;
  transition:padding .25s ease, background .25s ease, color .25s ease;
}
.contact-full .contact-row span{
  font-size:8px;
  letter-spacing:.16em;
  font-weight:800;
  opacity:.62;
}
.contact-full .contact-row strong{
  font-size:clamp(17px,1.6vw,27px);
  letter-spacing:-.025em;
  font-weight:700;
  overflow-wrap:anywhere;
}
.contact-full .contact-row i{
  font-style:normal;
  font-size:20px;
  transition:transform .25s ease;
}
.contact-full .contact-row:hover{
  padding-left:15px !important;
  padding-right:15px !important;
  background:var(--violet) !important;
  color:var(--acid) !important;
}
.contact-full .contact-row:hover i{
  transform:translate(3px,-3px);
}

/* Floating back-to-top control */
.back-to-top{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:80;
  width:58px;
  height:58px;
  padding:0;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  background:rgba(8,9,9,.90);
  color:#fff;
  backdrop-filter:blur(8px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transform:translateY(12px);
  transition:opacity .25s ease, transform .25s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.back-to-top span{
  font-size:18px;
  line-height:1;
}
.back-to-top small{
  color:inherit;
  font-size:6px;
  letter-spacing:.13em;
}
.back-to-top.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.back-to-top:hover{
  background:var(--acid);
  color:#080808;
  border-color:var(--acid);
}

@media(max-width:900px){
  .contact.contact-full{padding:50px 5vw 60px}
  .contact-full .contact-head{align-items:flex-start}
  .contact-full .contact-head p{max-width:260px}
  .contact-full .contact-body{grid-template-columns:1fr;gap:38px;padding-top:38px}
  .contact-full .contact-intro h2{font-size:clamp(56px,15vw,88px)}
  .contact-full .contact-row{grid-template-columns:92px 1fr auto;min-height:78px}
  .back-to-top{right:16px;bottom:16px;width:52px;height:52px}
}
@media(max-width:620px){
  .contact-full .contact-head{display:block}
  .contact-full .contact-head p{text-align:left;margin-top:12px}
  .contact-full .contact-row{grid-template-columns:1fr auto;gap:5px 14px;padding:13px 0 !important}
  .contact-full .contact-row span{grid-column:1}
  .contact-full .contact-row strong{grid-column:1;font-size:18px}
  .contact-full .contact-row i{grid-column:2;grid-row:1 / span 2;align-self:center}
}