/* Align SVGs to the contact value, not to its two-line label block. */
[data-contact-row]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:22px;row-gap:6px}
[data-contact-row] .contact-identity,[data-contact-row] .contact-label{display:contents}
[data-contact-row] .contact-label small{grid-column:2;grid-row:1;margin:0}
[data-contact-row] .contact-row-value{grid-column:2;grid-row:2;min-width:0}
[data-contact-row] .contact-icon{grid-column:1;grid-row:2;align-self:center}
[data-contact-row]>.icon{grid-column:3;grid-row:2;align-self:center}

/* V11: the same upward reveal/easing as the urban chapters, on a separate
   layer from the existing scroll parallax. The active photo stays centered. */
.hero-image-motion{position:absolute;inset:0;transform-origin:50% 50%}
.hero-slide{position:absolute;inset:0;opacity:0;z-index:0;transform:translate3d(calc(var(--hero-direction,1)*18px),32px,0) scale(1.045) rotate(calc(var(--hero-direction,1)*1deg));transform-origin:50% 50%;transition:transform .9s var(--ease),opacity .72s var(--ease);pointer-events:none}
.hero-slide.is-active{opacity:1;transform:none;z-index:2}
.hero-slide.is-leaving{opacity:0;transform:translate3d(calc(var(--hero-direction,1)*-12px),-24px,0) scale(1.015);z-index:1}
.hero-art .hero-slide .hero-portrait{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;transform-origin:center;translate:none}
.hero-art{touch-action:pan-y pinch-zoom;pointer-events:auto;z-index:0}
.hero-art-shade,.hero-glow,.vertical-label{pointer-events:none}.hero-art-shade{z-index:3}.vertical-label{z-index:4}
.hero-slide picture{display:contents}
.hero-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;z-index:3;pointer-events:none;transition:opacity .72s var(--ease)}
.hero-video-playing .hero-background-video{opacity:1}
.hero-video-playing .hero-slide{opacity:0}
.hero-carousel-controls{position:absolute;right:24px;bottom:116px;z-index:5;display:flex;align-items:center;gap:2px;padding:2px 5px;border:1px solid #d5f90045;border-radius:30px;background:#0a100de8;color:var(--paper);max-width:100%;backdrop-filter:blur(14px)}
.hero-carousel-controls button{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit}
.hero-carousel-controls button:hover{background:#d5f9001c;color:var(--lime)}
.hero-photo-dots{display:flex;align-items:center;min-width:0}
.hero-carousel-controls .hero-photo-dot{width:28px}
.hero-photo-dot span{display:block;width:6px;height:6px;border-radius:10px;background:#97a38c;transition:width .3s,background .3s}
.hero-photo-dot[aria-pressed=true] span{width:18px;background:var(--lime)}
.hero-photo-count{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline:7px}
.hero-carousel-controls .hero-video-control{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:44px;padding:0 8px;font-size:10px}
.hero-video-control[aria-pressed=true]{background:#d5f90021;color:var(--lime)}
.hero-video-control[data-needs-gesture=true]{border:1px solid var(--lime);color:var(--lime)}
.hero-video-control[hidden]{display:none!important}

/* The reel uses real document scrolling, never wheel/touch interception. */
.reel-sticky{isolation:isolate}
#music.scroll-cinema.reel-word-positioned>.urban-chapter-art .urban-wordwall{visibility:hidden}
/* V15: the clipping layer reaches the original chapter bounds ABOVE the heading.
   Only its vertical parent becomes sticky; framing is measured from the original. */
.reel-word-layer{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.reel-pinned-word{display:none;position:absolute;left:-4%;top:0;z-index:0;pointer-events:none;white-space:nowrap;text-transform:uppercase;font-family:var(--head);font-weight:900;font-stretch:62.5%;font-size:clamp(100px,20vw,330px);letter-spacing:-.05em;line-height:1;color:transparent;-webkit-text-stroke:1px #c3d4aa22;opacity:.9;transform:translate3d(0,0,0)}
.scroll-cinema.reel-word-positioned .reel-pinned-word{display:block}
.reel-sticky>.section-heading,.reel-sticky>.reel-bar,.reel-sticky>.releases-grid,.reel-sticky>.reel-footer{position:relative;z-index:1}
@media(max-width:600px){.reel-pinned-word{font-size:115px}}
.scroll-cinema .reel-shell{height:calc(var(--reel-stage-height,520px) + var(--reel-travel,1500px))!important}
html[data-urban-ready=true] .scroll-cinema .reel-sticky,.scroll-cinema .reel-sticky{position:sticky!important;top:var(--reel-top,76px)!important}
.scroll-cinema .reel-hint .reel-desktop-hint{display:inline}
.scroll-cinema .reel-hint .reel-touch-hint{display:none}
.reel-measuring .release-card{display:block!important;visibility:hidden;position:absolute;top:0;left:0;width:100%;animation:none!important;transform:none!important}
.reel-stacked .reel-shell{height:auto!important}
.reel-stacked .reel-sticky{position:relative!important;top:auto!important}
.reel-stacked .releases-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;min-height:0!important}
.reel-stacked .release-card{display:block;scroll-margin-top:80px}
.reel-stacked .reel-footer{display:none}
/* V13: pin the original complete heading, never a duplicate or screenshot. */
.has-reel .reel-sticky>.section-heading{margin:0 0 16px;padding:0!important;gap:18px;align-items:end;opacity:1!important;translate:none!important;transform:none!important}
.has-reel .reel-sticky>.section-heading h2{font-size:clamp(36px,4.2vw,60px);margin-top:8px;padding-bottom:0;line-height:1.05}
.has-reel .reel-sticky>.section-heading .section-intro{font-size:13px;line-height:1.45;margin:0;max-width:340px}
.has-reel .reel-sticky>.section-heading .eyebrow{font-size:9px}
.scroll-cinema .release-card .artwork{max-width:calc(var(--reel-poster-max,100000px)*16/9)}
/* Desktop audio is a corner overlay. Clear its width only in the rows below
   the poster, instead of shrinking the entire featured-video stage. */
@media(min-width:1000px){.scroll-cinema .release-info,.scroll-cinema .reel-footer{padding-inline-end:var(--reel-audio-clearance,0px)}}
/* First-line baseline aligns with the initial c even when the address wraps.
   The envelope drawing ends at y=14 in its 16-unit viewBox, so compensate the
   2-unit transparent lower margin without resizing the icon or changing text. */
.contact-email .contact-icon,.contact-email .contact-row-value{align-self:first baseline}
.contact-email .contact-icon{translate:0 12.5%}
@media(max-width:999px){
 .scroll-cinema .reel-bar{margin-bottom:12px;min-height:44px}
 .scroll-cinema .reel-tabs{padding-block:0}
 .scroll-cinema .release-info{padding-top:12px;gap:8px}
 .scroll-cinema .release-info h3{font-size:clamp(28px,6vw,40px);margin-top:3px}
 .scroll-cinema .release-actions{gap:20px}
 .scroll-cinema .reel-footer{margin-top:10px;gap:12px;min-height:44px}
 .scroll-cinema .reel-hint{font-size:8px;margin:0}
 .scroll-cinema .reel-sticky{padding-top:8px;padding-bottom:8px}
 .scroll-cinema .releases-grid{overflow:visible}
}
@media(max-width:600px){
 [data-contact-row]{column-gap:12px}
 .has-reel .reel-sticky>.section-heading{margin-bottom:12px;display:block}
 .has-reel .reel-sticky>.section-heading h2{font-size:clamp(32px,9.4vw,42px);margin-top:7px}
 .has-reel .reel-sticky>.section-heading .section-intro{font-size:12px;line-height:1.4;margin-top:9px;max-width:none}
 .hero-background-video{object-fit:cover}
 /* Restore the original mobile title-over-photo composition, without the old
    right offsets. Extra copy grows in normal flow; controls do not cover CTAs. */
 html .hero.wrap{display:flex;flex-direction:column;justify-content:flex-start;gap:0;min-height:925px!important;padding:0;--hero-photo-height:610px}
 .hero .hero-copy{display:block;position:relative;z-index:1;width:100%;padding:36px 0 26px}
 .hero .hero-eyebrow{margin:0 0 37px;font-size:8px}
 .hero h1{margin:0 0 0 -3px;padding-bottom:0;overflow:clip;text-shadow:0 2px 22px #0005}
 /* V12: only the photo bleeds to the screen edges; copy and controls keep
    their existing safe gutters and remain over the carousel. */
 html .hero .hero-art{position:absolute;inset:6px auto auto calc(50% - 50vw);width:100vw;height:var(--hero-photo-height);min-width:0;border-radius:0;overflow:hidden}
 html .hero-art .hero-slide .hero-portrait{inset:0;width:100%;height:100%;object-position:50% 50%;object-fit:cover;translate:none!important}
 .hero .hero-art-shade{background:linear-gradient(90deg,#090b0cde,#090b0c35 58%,#090b0c00),linear-gradient(0deg,var(--bg) 1%,#090b0c00 33% 87%,#090b0c35)}
 .hero .hero-description{margin-top:295px;max-width:330px}
 .hero .hero-buttons{margin-top:24px}
 .hero .artist-player{width:100%;margin-top:20px}
 .hero .hero-bottom{position:relative;inset:auto;min-width:0;margin-top:10px;padding-bottom:26px}
 .hero .hero-carousel-controls{position:absolute;inset:calc(var(--hero-photo-height) - 126px) 0 auto auto;max-width:100%;flex-wrap:wrap;justify-content:center;gap:0}
 .hero-carousel-controls .hero-photo-dot{width:18px}
 .hero-photo-count{margin-inline:4px}
 .scroll-cinema .reel-footer{flex-wrap:nowrap}
 .scroll-cinema .reel-hint{display:none}
}
@media(max-width:360px){.hero-carousel-controls button{width:36px;height:40px}.hero-carousel-controls .hero-photo-dot{width:14px}.hero-photo-count{font-size:9px;margin-inline:3px}.hero .hero-eyebrow{font-size:7px}}
@media print{.hero-carousel-controls{display:none!important}.scroll-cinema .reel-shell{height:auto!important}.scroll-cinema .reel-sticky{position:static!important}.hero-art{display:none!important}}