/* Shared case hero geometry, based on the approved Skanda introduction. */
.work-feature:is(#work-net,#work-skanda,#work-explainer,#work-borg,#work-tall,#work-great,#work-guld) :is(.case-hero,#randorff-net-case .case-hero,#randorff-skanda-case .case-hero){
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;
  align-items:center!important;height:auto!important;min-height:100svh!important;box-sizing:border-box;
  aspect-ratio:auto!important;padding:70px 0!important;overflow:visible!important;
}
.work-feature > .site-wrap.case-hero{width:min(94%,1600px)!important;max-width:1600px!important;margin:0 auto!important;}
.work-feature:is(#work-net,#work-skanda,#work-explainer,#work-borg,#work-tall,#work-great,#work-guld) .case-hero > .case-hero-media{
  grid-column:1!important;grid-row:1!important;order:0!important;position:relative;
  width:100%!important;height:min(610px,calc(100svh - 140px))!important;min-height:360px!important;max-height:none!important;
  aspect-ratio:auto!important;overflow:hidden!important;align-self:center!important;margin:0!important;padding:0!important;
}
.work-feature:is(#work-net,#work-skanda,#work-explainer,#work-borg,#work-tall,#work-great,#work-guld) .case-hero > .case-hero-copy{
  grid-column:2!important;grid-row:1!important;order:1!important;min-width:0;box-sizing:border-box;
  align-self:center!important;display:flex;flex-direction:column;align-items:flex-start;
  padding:clamp(25px,3.1vw,54px)!important;margin:0!important;
}
.work-feature .case-hero .case-hero-media > img{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover!important;}
.work-feature .case-hero .case-hero-copy :is(h1,h2){font-size:clamp(40px,4.15vw,64px)!important;line-height:.94!important;letter-spacing:-.04em;margin:0 0 30px!important;max-width:none!important;}
.work-feature .case-hero .case-hero-copy > :is(.eyebrow,.case-index){font-size:11px!important;line-height:1.5;letter-spacing:.08em;margin:0 0 28px!important;}
.work-feature .case-hero .case-hero-copy > p:not(.eyebrow):not(.case-index){font-size:13px!important;line-height:1.65!important;margin:0 0 1.15em!important;max-width:600px;}
.work-feature .case-hero .feature-more-toggle{margin-top:28px!important;}
/* Keep the existing animated artwork inside the shared image frame. */
#work-guld .case-hero .story-05-paisley{width:100%!important;height:100%!important;max-width:none!important;margin:0!important;aspect-ratio:auto!important;}
#work-great .case-hero .great-dane-logo-stage{height:100%;min-height:0;box-sizing:border-box;}
#work-tall .case-hero-media :is(#randorff-stories-app,#story-03,.article-hero-frame,.tsr-hero-animation){width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;}
@media(max-width:900px){
 .work-feature:is(#work-net,#work-skanda,#work-explainer,#work-borg,#work-tall,#work-great,#work-guld) :is(.case-hero,#randorff-net-case .case-hero,#randorff-skanda-case .case-hero){grid-template-columns:1fr!important;min-height:100svh!important;align-content:center;padding:70px 0 0!important;}
 .work-feature:is(#work-net,#work-skanda,#work-explainer,#work-borg,#work-tall,#work-great,#work-guld) .case-hero > .case-hero-media{grid-column:1!important;grid-row:1!important;height:auto!important;min-height:0!important;aspect-ratio:1.45!important;}
 .work-feature:is(#work-net,#work-skanda,#work-explainer,#work-borg,#work-tall,#work-great,#work-guld) .case-hero > .case-hero-copy{grid-column:1!important;grid-row:2!important;padding:32px 26px 40px!important;}
 .work-feature .case-hero .case-hero-copy :is(h1,h2){font-size:clamp(38px,9vw,58px)!important;}
 .work-feature .case-hero .case-hero-media > :is(img,.story-05-paisley,.great-dane-logo-stage,#randorff-stories-app){position:absolute;inset:0;}
}
@media(max-width:700px){.work-feature > .site-wrap.case-hero{width:calc(100% - 48px)!important;}}

/* TSR: flag in the hero, animated identity after the case statement. */
#work-tall .case-hero .tsr-flag-hero{background:#00667E;display:flex;align-items:center;justify-content:center;}
#work-tall .case-hero .tsr-flag-hero > img{position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:46%!important;height:auto!important;object-fit:contain!important;object-position:center;}
#work-tall .tsr-case-animation{width:100%;margin:48px auto 0;overflow:hidden;}
#work-tall .tsr-case-animation #randorff-stories-app,
#work-tall .tsr-case-animation #story-03{display:block;width:100%;}
#work-tall .tsr-case-animation .story-03-animated-hero{width:100%;aspect-ratio:21/9!important;height:auto!important;}
@media(max-width:700px){#work-tall .tsr-case-animation{width:100%;margin-top:32px;}}
/* One shared gap from the hero to the opening three-column narrative. */
.work-feature{--case-hero-narrative-gap:0px;}
.work-feature:is(#work-borg,#work-tall,#work-great,#work-guld).is-expanded > .feature-more{
  margin-top:var(--case-hero-narrative-gap)!important;padding-top:0!important;
}
.work-feature:is(#work-borg,#work-tall,#work-great,#work-guld) > .feature-more > .feature-more-grid{
  margin-top:0!important;padding-top:0!important;border-top:0;
}
.work-feature:is(#work-net,#work-skanda) .grid.net-case-main{row-gap:0!important;}
.work-feature:is(#work-net,#work-skanda).is-expanded :is(#randorff-net-case,#randorff-skanda-case) .net-case-details{
  margin-top:var(--case-hero-narrative-gap)!important;padding-top:0!important;
}
.work-feature:is(#work-net,#work-skanda) .net-case-rest > .net-narrative{margin-top:0!important;padding-top:0!important;}
@media(max-width:900px){.work-feature{--case-hero-narrative-gap:0px;}}
/* Guldbæk artwork follows the full frame width, with vertical cropping only. */
#work-guld .case-hero .story-05-paisley img{
  position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;
}

/* The hero owns its viewport spacing in both collapsed and expanded cases. */
.work-feature:is(#work-net,#work-skanda,#work-explainer,#work-borg,#work-tall,#work-great,#work-guld).is-case-visible{
  padding-top:0!important;padding-bottom:0!important;min-height:100svh!important;
}
/* Great Dane: smaller animated ink mark on the supplied paper texture. */
#work-great .case-hero .great-dane-live-main{
  background:#f6f3e7 url('../great-dane/paper-texture.jpg?v=527e8b81f561') center/cover no-repeat;
  isolation:isolate;
}
#work-great .case-hero .great-dane-logo-stage{padding:0;background:transparent;mix-blend-mode:multiply;}
#work-great .case-hero .great-dane-rum-logo{width:62%;height:72%;max-width:460px;}
#work-great .case-hero .great-dane-rum-logo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;}

/* Lift pure black to charcoal before multiplying the logo over the paper. */
#work-great .case-hero .great-dane-rum-logo img{filter:contrast(.666667) brightness(1.2);}
/* Slightly lighter shared case surface, scoped away from artwork cards. */
.work-feature:is(#work-net,#work-skanda,#work-explainer,#work-borg,#work-tall,#work-great,#work-guld),
:is(#work-net,#work-skanda) :is(#randorff-net-case,#randorff-skanda-case){
  background-color:#FCFCFB!important;
}
/* Embedded cases need the same closing-button breathing room as other cases. */
.work-feature:is(#work-net,#work-skanda).is-expanded :is(#randorff-net-case,#randorff-skanda-case) .net-case-details{
  padding-bottom:var(--case-space-large,96px)!important;
}

/* Keep the illustration on the case baseline and align the control with page content. */
#work-explainer .explainer-finale > .case-close-button{
  left:max(3%,calc((100% - 1600px)/2));
}
@media(max-width:700px){#work-explainer .explainer-finale > .case-close-button{left:24px;}}

/* The final open case meets the footer without the Work-list spacer. */
.work-list:has(#work-skanda.is-case-visible){padding-bottom:0!important;}