/* Tunnel case-study system v1 — based on the approved ESSC sample.
   Shared anatomy and rhythm; original artwork and project controls stay local. */
html:has(body.project-system){scroll-behavior:auto}
body.project-system{--paper:#fcfcfa;--ink:#fff;background:var(--case-primary);color:#fff}
body.project-system header,body.project-system header.dark{height:78px;background:var(--case-primary);color:#fff;align-items:center;border-bottom:1px solid #ffffff20;backdrop-filter:none;opacity:1;z-index:40}
body.project-system header.menu-open{height:100svh;background:var(--case-primary)}
body.project-system #main{padding-top:78px}
body.project-system #site-footer{position:relative;inset:auto;margin:0;padding:22px 24px;min-height:65px;background:var(--case-primary);color:#fff;border-top:1px solid #ffffff26;opacity:1;align-items:center}
body.project-system #footer-note{position:static;transform:none}
.tunnel-case{--case-paper:#fcfcfa;background:var(--case-paper);color:var(--case-primary);padding-top:0!important;overflow:clip;font-family:Ubuntu,Arial,sans-serif}
.tunnel-case *{box-sizing:border-box;min-width:0}
.tunnel-case h1,.tunnel-case h2,.tunnel-case h3,.tunnel-case p,.tunnel-case figure{font-weight:400}
.tunnel-case h2{font-size:clamp(25px,2.8vw,40px);line-height:1.16;letter-spacing:-.035em}
.tunnel-case h3{font-size:clamp(19px,1.8vw,25px);line-height:1.25;letter-spacing:-.025em}
.tunnel-case p{font-size:15px;line-height:1.7}
.tunnel-case button,.tunnel-case a{color:inherit}
.tunnel-case button:focus-visible,.tunnel-case a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.tunnel-case img{max-width:100%;display:block}
.tunnel-case section[id]{scroll-margin-top:98px}
.tc-kicker{font-size:10px;line-height:1.6;letter-spacing:.05em}
.tc-hero{min-height:calc(100svh - 78px);background:var(--case-primary);color:#fff;display:grid;grid-template-rows:auto 1fr auto auto;padding:25px 4vw 22px}
.tc-topline{display:flex;justify-content:space-between;gap:30px;font-size:11px;line-height:1.5}
.tc-hero-art{display:flex;align-items:center;justify-content:center;padding:30px 0 40px;min-height:420px}
.tc-master-symbol{width:clamp(310px,35vw,480px);height:clamp(290px,43svh,440px);object-fit:contain}
/* Hide the PDF page edge outside the supplied And T logo artwork. */
img[src*="assets/and-t/signature-white.png"],img[src*="assets/and-t/signature-black.png"]{height:auto!important;aspect-ratio:auto!important;clip-path:inset(3px)}
.tc-white-symbol{filter:brightness(0) invert(1)}
.tc-pending-name{font-size:clamp(32px,5vw,64px);font-weight:300;letter-spacing:-.035em}
.tc-hero-bottom{display:grid;grid-template-columns:1fr 1.25fr;gap:8vw;align-items:end}
.tunnel-case .tc-hero h1{font-size:clamp(30px,3.2vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0}
.tunnel-case .tc-hero-title>p{font-size:11px;line-height:1.6;margin:18px 0 0;opacity:.75}
.tc-facts{display:grid;grid-template-columns:1fr .7fr 1.8fr;gap:24px;margin:0}
.tc-facts dt,.tc-credits dt{font-size:10px;line-height:1.5;opacity:.6;margin-bottom:10px}
.tc-facts dd{font-size:13px;line-height:1.7;margin:0}
.tc-discover{display:flex;justify-content:space-between;width:100%;margin-top:30px;padding:15px 0 0;border-top:1px solid #ffffff30;font-size:11px!important;text-align:left}
.tc-discover span{font-size:18px}
.tc-idea{padding:85px 6vw 35px;background:#fff url('assets/tunnel/pattern-repeat.svg?v=single-stroke1') center top/1600px auto repeat;color:var(--case-primary)}
.tc-idea-intro{display:grid;grid-template-columns:1fr 2.5fr;gap:50px;margin-bottom:55px}
.tc-idea-intro h2{margin:0 0 28px}
.tc-idea-intro p{font-size:16px;line-height:1.7;max-width:650px;margin:0 0 18px}
.tc-source{display:inline-block;font-size:11px;border-bottom:1px solid currentColor;margin-top:4px;padding-bottom:4px}
.tunnel-case .tc-concept-block{margin:0 0 35px;padding:35px 0;background:transparent;color:var(--case-primary);gap:35px}
.tunnel-case .tc-concept-block h2{font-size:clamp(25px,2.5vw,36px)}
.tunnel-case .tc-concept-block p{font-size:14px;line-height:1.7}
.tc-concept-block img{border-radius:8px}
.tc-concept-block .sv-symbol-stage,.tc-concept-block .hf-signature-image,.tc-concept-block .at-signature-stage,.tc-concept-block .hm-mark-stage{background:var(--case-primary);border:0;border-radius:10px;min-height:310px;padding:35px;display:grid;place-items:center}
.tc-concept-block .sv-symbol-stage>img{mix-blend-mode:normal;filter:brightness(0) invert(1);height:260px;width:260px;object-fit:contain}
.tc-concept-block .sv-symbol-caption{font-size:10px;color:#ffffffb0;line-height:1.6;text-align:center;margin-top:20px}
.tc-concept-block .sv-symbol-text,.tc-concept-block .hf-signature-copy,.tc-concept-block .at-signature-copy,.tc-concept-block .hm-mark-copy{padding:20px 0}
.tc-concept-block .sv-symbol-text>img,.tc-concept-block .hf-signature-copy>img{width:130px;max-height:70px;object-fit:contain;margin-top:25px}
.tunnel-case .tc-concept-block .sv-section-label{display:none}
.tunnel-case .sv-symbol-section.tc-concept-block{grid-template-columns:1fr 1fr}
.tc-concept-block.sv-elements{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:0}
.tc-concept-block.sv-elements img{width:100%;height:220px;object-fit:contain}
.tc-concept-block.sv-elements figcaption{font-size:10px;display:flex;justify-content:space-between;gap:15px;padding-top:12px}
.tc-concept-block .hm-mode-info{background:#fff;border:1px solid #0a224015;border-radius:10px;padding:25px;min-height:260px}
.tc-concept-block .hm-mode-info img{height:200px;width:200px;object-fit:contain}
.tc-concept-block .hm-figure>button,.tc-concept-block .hf-figure>button{border-radius:10px;overflow:hidden}
.tc-concept-block .hm-mark-stage img{height:280px;width:280px;object-fit:contain}
.tc-concept-block .hm-container-copy{padding:20px 0}
.tc-concept-block .hm-container-image img{height:auto;object-fit:contain}
.tc-concept-block .hm-section-head,.tc-concept-block .hf-section-head,.tc-concept-block .at-section-head{margin-bottom:30px}
.tc-concept-block .hf-signature-image img{width:255px;height:255px;object-fit:contain}
.tc-concept-block .hf-pattern-canvas button{height:auto;aspect-ratio:2}
.tc-concept-block .hf-pattern-canvas img{height:100%;object-fit:contain}
.tc-concept-block .hf-construction img{height:125px;object-fit:contain}
.tc-concept-block .at-signature-stage img{width:280px;height:280px;object-fit:contain}
.tc-concept-block .at-detail-controls{margin-bottom:25px}
.tc-concept-block .at-detail-image button{height:auto;aspect-ratio:1.8}
.tc-concept-block .at-detail-image img{height:100%;object-fit:contain}
.tc-concept-block.ax-legend{grid-template-columns:1fr 1.3fr}
.tc-concept-block.ax-legend figure img{height:auto;max-height:410px;object-fit:contain}
.tc-concept-block.ax-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:0}
.tc-concept-block.ax-story-grid img{height:auto;border-radius:10px}
.tc-concept-block.ea-concept .ea-equation{background:var(--case-primary);border-radius:10px;color:#fff;padding:20px 0}
.tc-concept-block.ea-concept .ea-section-head{margin-bottom:30px}
.tc-concept-block.ea-concept .ea-idea-detail{min-height:150px;padding-top:30px}
.tc-concept-block.ea-concept .ea-idea-detail h3{font-size:25px}
.tc-concept-block.ea-concept .ea-idea-detail p{color:var(--case-primary)}
.tc-gallery{width:88%;max-width:1540px;margin:0 auto;padding:80px 0 35px}
.tc-section-heading{display:grid;grid-template-columns:1fr 2.5fr;gap:50px;margin-bottom:45px}
.tc-section-heading h2{font-size:clamp(26px,2.5vw,36px);margin:0 0 18px}
.tc-section-heading p{font-size:14px;max-width:520px;margin:0}
.tunnel-case .tc-gallery>.tc-gallery-block{width:100%;padding:40px 0;margin:0;max-width:none;background:transparent;color:var(--case-primary);gap:30px}
.tunnel-case .tc-gallery h2{font-size:clamp(25px,2.5vw,36px);line-height:1.16;letter-spacing:-.035em}
.tunnel-case .tc-gallery h3{font-size:22px;line-height:1.25}
.tunnel-case .tc-gallery p{font-size:14px;line-height:1.7}
.tc-gallery figure{margin:0;min-width:0}
.tc-gallery .tc-image-frame,.tc-gallery .tc-media>button{display:block;border:0;border-radius:10px;overflow:hidden;padding:0;width:100%;cursor:zoom-in}
.tc-gallery figure img{display:block;width:100%;height:auto;object-fit:contain}
.tc-gallery figure figcaption{font-size:10px;line-height:1.5;padding:12px 0 24px;opacity:.65}
.tc-gallery .tc-media{margin-bottom:14px}
.tc-media video,.tc-gallery video{display:block;width:100%;max-height:90svh;object-fit:contain;border-radius:10px;overflow:hidden}
.tc-media-row{display:grid;gap:14px;margin-bottom:14px;align-items:start}
.tc-media-pair{grid-template-columns:1fr 1fr}
.tc-media-grid{grid-template-columns:repeat(3,1fr)}
.tc-gallery .sv-section-head,.tc-gallery .hm-section-head,.tc-gallery .hf-section-head,.tc-gallery .at-section-head,.tc-gallery .ax-head,.tc-gallery .ea-section-head,.tc-gallery .ea-film-heading{margin-bottom:35px;padding:0;gap:35px}
.tc-gallery .sv-section-head p,.tc-gallery .hm-section-head p,.tc-gallery .hf-section-head p,.tc-gallery .at-section-head p,.tc-gallery .ax-head p,.tc-gallery .ea-section-head p{font-size:14px}
.tc-gallery .sv-landscape-copy,.tc-gallery .sv-live>div,.tc-gallery .at-outside-copy{position:static;inset:auto;padding:25px 0 0;background:none;color:var(--case-primary)}
.tc-gallery .sv-landscape-copy h2,.tc-gallery .sv-live h2,.tc-gallery .at-outside-copy h2{font-size:30px}
.tc-gallery .sv-landscape .sv-figure img,.tc-gallery .sv-live img,.tc-gallery .at-outside img,.tc-gallery .ea-earth .ea-photo img{height:auto;max-height:none;object-fit:contain}
.tc-gallery .sv-app-grid,.tc-gallery .hm-application-grid,.tc-gallery .at-application-grid,.tc-gallery .hf-object-grid,.tc-gallery .ea-object-grid,.tc-gallery .ea-stationery-grid{gap:20px 14px}
.tc-gallery .sv-duo,.tc-gallery .sv-motion-grid,.tc-gallery .hm-film-grid,.tc-gallery .hf-paper-pair,.tc-gallery .ax-world-pair,.tc-gallery .at-photo-grid{gap:14px}
.tc-gallery .sv-release-grid{gap:20px 14px}
.tc-gallery .sv-release-grid img{object-fit:contain}
.tc-gallery .hf-photo-pair{padding:0;gap:14px}
.tc-gallery .hf-photo-pair .hf-figure:nth-child(2){margin-top:0}
.tc-gallery .hf-photo-pair img{max-height:none;aspect-ratio:auto;height:auto;object-fit:contain}
.tc-gallery .hf-editorial-posters{padding:0;gap:14px}
.tc-gallery .hf-editorial-posters img,.tc-gallery .hf-object-wide img{max-height:none}
.tc-gallery .hf-object-light img{object-fit:contain;aspect-ratio:auto;height:auto}
.tc-gallery .ax-object{gap:30px}
.tc-gallery .ax-object>figure:last-child{grid-column:1/-1}
.tc-gallery .ea-earth-caption{position:static;padding:18px 0 0;color:var(--case-primary);text-shadow:none}
.tc-gallery .ea-equation-result{color:#fff}
.tc-gallery .ea-signature-grid{gap:14px}
.tc-gallery .ea-signature-grid figure{border-radius:10px}
.tc-gallery .ea-pattern,.tc-gallery .ea-typography{border-radius:10px;min-height:330px}
.tc-gallery .ea-typography>p{font-size:100px;line-height:1}
.tc-gallery .ea-typography>div{font-size:15px}
.tc-gallery .ea-iconography{padding:35px 0;gap:35px}
.tc-gallery .ea-iconography p{font-size:25px}
.tc-gallery .ea-movie>div{border-radius:10px}
.tc-gallery .ea-identity-film .ea-movie{max-width:850px;margin:auto}
.tc-gallery .ea-posters{gap:14px}
.tc-gallery .hm-occasion-grid,.tc-gallery .hm-season-grid{gap:14px}
.tc-gallery .hm-seasons .hm-section-head{margin-bottom:30px}
.tc-gallery .hm-season-grid img{height:auto;object-fit:contain}
.tc-gallery .hm-character-book img{max-height:none;object-fit:contain}
.tc-gallery .at-signature-world{margin-top:30px}
.tc-gallery .at-pattern-film{align-items:center}
.tc-gallery .at-pattern-film p{margin:20px 0 0}
.tc-gallery .at-colour-line{border-radius:0 0 10px 10px;overflow:hidden}
.tc-gallery .at-sound,.tc-gallery .hf-sound,.tc-gallery .sv-sound{font-size:11px;padding:10px 16px}
.tc-credits{padding:45px 6vw 60px;border-top:1px solid #0d245425;display:grid;grid-template-columns:1fr 2.5fr;gap:30px 50px}
.tc-credits h2{font-size:21px;letter-spacing:-.02em;margin:0}
.tc-credits dl{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0}
.tc-credits dd{margin:0;font-size:13px;line-height:1.6}
.tc-credits>a{grid-column:2;font-size:10px;width:max-content;opacity:.65}
.tc-more{padding:55px 6vw 65px;background:#f0f1ed;border-top:1px solid #0d245415}
.tc-more-heading{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:30px}
.tc-more-heading h2{font-size:25px;margin:0}
.tc-more-heading a{font-size:12px}
.tc-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tc-next-card .thumb{display:block;clip-path:url(#project-tunnel);-webkit-clip-path:url(#project-tunnel);border-radius:0;aspect-ratio:1;background:var(--project-color)}
.tc-next-caption{display:flex;justify-content:space-between;margin-top:14px;font-size:15px}
.tc-next-service{display:block;font-size:11px;opacity:.6;margin-top:6px}
.tc-outro{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--case-primary);color:#fff;padding:45px 6vw}
.tunnel-case .tc-outro p{font-size:13px;opacity:.65;margin:0}
.tc-outro a{font-size:clamp(20px,2.3vw,32px);letter-spacing:-.025em}
.tc-outro a span{margin-left:30px}
.tc-new-concepts{display:grid;gap:35px}
.tc-concept-study{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center}
.tc-concept-study figure{margin:0}
.tunnel-case.essc-case .ec-section-heading h2{font-size:clamp(26px,2.5vw,36px)}
@media(max-width:800px){
 body.project-system header,body.project-system header.dark{height:70px}
 body.project-system header.menu-open{height:100svh}
 body.project-system #main{padding-top:70px}
 body.project-system #site-footer{font-size:9px;padding:20px 14px}
 body.project-system #footer-note{display:none}
 .tc-hero{min-height:calc(100svh - 70px);padding:20px 6vw}
 .tc-topline{font-size:9px;gap:25px}
 .tc-topline>span{max-width:150px}
 .tc-topline>span:last-child{text-align:right}
 .tc-hero-art{min-height:330px;padding:25px 0 30px}
 .tc-master-symbol{width:280px;height:260px}
 .tc-hero-bottom{grid-template-columns:1fr;gap:30px}
 .tunnel-case .tc-hero h1{font-size:33px}
 .tunnel-case .tc-hero-title>p{font-size:10px;margin-top:14px}
 .tc-facts{grid-template-columns:1fr .8fr 1.5fr;gap:12px}
 .tc-facts dt{font-size:9px;margin-bottom:6px}
 .tc-facts dd{font-size:11px}
 .tc-discover{margin-top:25px;font-size:10px!important}
 .tc-idea{padding:55px 6vw 28px;background-size:1150px auto}
 .tc-idea-intro,.tc-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:35px}
 .tc-idea-intro h2{font-size:29px;margin-bottom:22px}
 .tunnel-case.essc-case .ec-idea-intro h2{font-size:29px}
 .tunnel-case.essc-case .ec-section-heading h2{font-size:28px}
 .tc-idea-intro p{font-size:14px}
 .tunnel-case .tc-concept-block{padding:25px 0;margin-bottom:20px;gap:25px}
 .tunnel-case .sv-symbol-section.tc-concept-block,.tunnel-case .tc-concept-block.ax-legend{grid-template-columns:1fr}
 .tunnel-case .tc-concept-block.sv-elements{grid-template-columns:1fr;gap:25px}
 .tc-concept-block.sv-elements img{height:200px}
 .tc-concept-block .sv-symbol-stage,.tc-concept-block .hf-signature-image,.tc-concept-block .at-signature-stage,.tc-concept-block .hm-mark-stage{min-height:270px;padding:25px}
 .tc-concept-block .hm-mode-info{padding:20px;grid-template-columns:1fr;gap:20px}
 .tc-concept-block .hm-mode-info img{height:160px;width:160px;margin:auto}
 .tc-concept-block .hf-construction{flex-direction:column;align-items:start;gap:15px}
 .tc-concept-block .hf-construction img{width:100%;height:auto}
 .tc-concept-block .hf-pattern-canvas button{aspect-ratio:1.3}
 .tc-concept-block.ax-story-grid{grid-template-columns:1fr}
 .tc-concept-block .at-detail-image button{aspect-ratio:auto}
 .tc-concept-block.ea-concept .ea-equation{grid-template-columns:1fr 1fr;gap:20px}
 .tc-concept-block.ea-concept .ea-equation-sign{display:none}
 .tc-concept-block.ea-concept .ea-equation>button,.tc-concept-block.ea-concept .ea-equation-result{padding:15px 10px;gap:15px}
 .tc-concept-block.ea-concept .ea-equation img{height:90px;width:100px}
 .tc-concept-block.ea-concept .ea-input-name,.tc-concept-block.ea-concept .ea-equation-result>span:last-child{font-size:15px}
 .tc-gallery{width:92%;padding-top:55px}
 .tc-section-heading{padding:0 2vw}
 .tc-section-heading h2{font-size:28px}
 .tunnel-case .tc-gallery>.tc-gallery-block{padding:25px 0;gap:25px}
 .tunnel-case .tc-gallery h2{font-size:28px}
 .tunnel-case .tc-gallery p{font-size:13px}
 .tc-gallery .tc-image-frame,.tc-gallery .tc-media>button,.tc-gallery video{border-radius:7px}
 .tc-gallery figure figcaption{font-size:9px;padding:9px 0 18px}
 .tc-gallery .sv-landscape-copy h2,.tc-gallery .sv-live h2,.tc-gallery .at-outside-copy h2{font-size:26px}
 .tc-gallery .ea-earth-caption{font-size:9px;gap:15px}
 .tc-media-row{gap:9px}
 .tc-media-pair,.tc-media-grid,.tc-concept-study{grid-template-columns:1fr}
 .tc-gallery .hf-photo-pair{grid-template-columns:1fr}
 .tc-gallery .ea-iconography{display:grid;grid-template-columns:1fr;gap:25px}
 .tc-gallery .ea-iconography p{font-size:22px}
 .tc-gallery .ea-pattern,.tc-gallery .ea-typography{min-height:240px;padding:25px}
 .tc-credits{padding:35px 6vw 45px;grid-template-columns:1fr;gap:25px}
 .tc-credits dl{grid-template-columns:1fr;gap:23px}
 .tc-credits>a{grid-column:auto}
 .tc-more{padding:40px 6vw}
 .tc-more-heading h2{font-size:22px}
 .tc-more-heading a{font-size:10px;white-space:nowrap}
 .tc-more-grid{grid-template-columns:1fr;gap:28px}
 .tc-outro{display:block;padding:35px 6vw}
 .tunnel-case .tc-outro p{font-size:12px;margin-bottom:18px}
 .tc-outro a{font-size:24px}
 .tc-outro a span{margin-left:15px}
}
/* Every photographic panel is filled, across legacy and new presentations.
   Use the actual photo ratio by default; intentional editorial grids share a ratio.
   Absolute positioning prevents an intrinsic ratio from leaving space in a taller frame. */
.tunnel-case .tc-filled-frame{position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;border:0!important;overflow:hidden!important;aspect-ratio:var(--case-frame-ratio,1.5)!important;border-radius:10px}
.tunnel-case .tc-filled-frame>img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;aspect-ratio:auto!important;object-fit:cover!important;clip-path:none!important}
.tunnel-case.hormoz-case .tc-filled-frame>img{transform:scale(1.007)}
.tunnel-case .ea-object-grid .tc-filled-frame{aspect-ratio:1!important}
.tunnel-case .ec-gallery-pair .tc-filled-frame{aspect-ratio:1.45!important}
.tunnel-case .ec-gallery-objects .tc-filled-frame{aspect-ratio:.9!important}
.tunnel-case .hf-pattern-canvas .tc-filled-frame{aspect-ratio:2!important}
.tunnel-case .at-detail-image .tc-filled-frame{aspect-ratio:1.8!important}
.tunnel-case .ec-reference-images img{object-fit:cover}
@media(max-width:800px){
 .tunnel-case .tc-filled-frame{border-radius:7px}
 .tunnel-case .ec-gallery-pair .tc-filled-frame{aspect-ratio:var(--case-frame-ratio,1.45)!important}
 .tunnel-case .ec-gallery-pair .ec-photo-sign .tc-filled-frame{aspect-ratio:1.45!important}
 .tunnel-case .hf-pattern-canvas .tc-filled-frame{aspect-ratio:1.3!important}
}
/* Kenshi uses original three-part concept references within the shared anatomy. */
.tunnel-case .tc-gallery>.tc-media-row.tc-gallery-block{padding:0;gap:14px;margin:0 0 14px}
.tunnel-case .tc-gallery>.tc-section-heading.tc-gallery-block{padding:0;gap:50px;margin:0 0 45px}
.tc-media-row .tc-media{margin-bottom:0}
.tunnel-case[data-case=kenshi] .tc-new-concepts{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tunnel-case[data-case=kenshi] .tc-concept-study{display:block}
.tunnel-case[data-case=kenshi] .tc-concept-study h3{font-size:19px;margin:24px 0 13px;line-height:1.3}
.tunnel-case[data-case=kenshi] .tc-concept-study p{font-size:13px;line-height:1.75;margin:0;max-width:350px}
.tunnel-case[data-case=kenshi] .tc-concept-study .tc-filled-frame{background:#231f20}
.tunnel-case[data-case=kenshi] .tc-gallery .tc-section-heading:not(:first-child){margin-top:55px}
@media(max-width:800px){
 .tunnel-case .tc-gallery>.tc-media-row.tc-gallery-block{gap:9px;margin-bottom:12px}
 .tunnel-case .tc-gallery>.tc-section-heading.tc-gallery-block{gap:22px;margin-bottom:35px}
 .tunnel-case[data-case=kenshi] .tc-new-concepts{grid-template-columns:1fr;gap:35px}
 .tunnel-case[data-case=kenshi] .tc-concept-study h3{margin-top:20px}
 .tunnel-case[data-case=kenshi] .tc-gallery .tc-section-heading:not(:first-child){margin-top:35px}
}
@media(prefers-reduced-motion:reduce){.tunnel-case *{animation:none!important;transition:none!important}}

/* Logo components occupy one shared slot before the project overview. */
.tc-logo-concepts{padding:10px 0 65px;margin-bottom:55px;border:0}
.tc-logo-concepts>.tc-kicker{display:block;margin-bottom:30px}
.tc-logo-concepts-grid{display:grid;grid-template-columns:repeat(var(--concept-columns),minmax(0,1fr));gap:32px;max-width:1120px;margin:0 auto}
.tc-logo-concept{margin:0;min-width:0;text-align:center}
.tc-logo-concept-art{height:190px;display:grid;place-items:center}
.tc-logo-concept-art img{width:180px;height:180px;max-width:100%;object-fit:contain;border-radius:0}
.tc-logo-concept figcaption{font-size:14px;line-height:1.6;margin-top:16px}
.tc-logo-concept figcaption p{font-size:13px;max-width:240px;margin:8px auto 0}
@media(max-width:800px){.tc-logo-concepts{padding-bottom:40px;margin-bottom:35px}.tc-logo-concepts-grid{grid-template-columns:repeat(min(var(--concept-columns),2),minmax(0,1fr));gap:28px 18px}.tc-logo-concept-art{height:150px}.tc-logo-concept-art img{width:150px;height:150px}}

/* Playback chrome sits below the media, with no tint over its first frame. */
.tunnel-case [hidden]{display:none!important}
.tunnel-case .tc-video-controls{display:flex;align-items:center;gap:18px;padding:12px 0;font-size:11px;color:inherit;flex-wrap:wrap}
.tunnel-case .tc-video-controls button,.tunnel-case [data-loop-toggle]{background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;padding:5px 0;font:inherit;font-size:11px;cursor:pointer}
.tunnel-case .tc-video-controls input{flex:1;min-width:90px;max-width:400px;accent-color:currentColor}
.tunnel-case .tc-video-controls [data-video-time]{font-variant-numeric:tabular-nums;white-space:nowrap}
.tunnel-case .tc-loop-image>img{display:block;width:100%;height:auto;border-radius:10px}
.tunnel-case .tc-loop-image>figcaption{padding-top:12px;font-size:11px}
@media(max-width:600px){.tunnel-case .tc-video-controls{gap:12px}.tunnel-case .tc-video-controls input{min-width:70px}.tunnel-case .tc-loop-image>img{border-radius:7px}}

/* Shared media frames: equal row heights, no inherited internal padding. */
.tc-gallery .tc-motion-frame{position:relative;width:100%;aspect-ratio:var(--case-frame-ratio,16 / 9);overflow:hidden;border:0;outline:0;box-shadow:none;background:transparent;border-radius:10px}
.tunnel-case .tc-motion-frame>video,.tunnel-case .tc-motion-frame>img{position:absolute!important;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
.tunnel-case .tc-motion-frame>video{transform:scale(1.006);transform-origin:center}
.tc-gallery .sv-nature-motion{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;padding:0!important}
.tc-gallery .sv-nature-motion>.sv-motion{padding:0!important;margin:0!important;min-width:0}
.tc-gallery .sv-nature-motion>.sv-figure{height:auto;display:block}
.tc-gallery .tc-row-frame{max-width:none;max-height:none}
.tunnel-case:not(.tc-show-media-captions) :is(.tc-gallery,.ec-gallery) figure>figcaption{display:none!important}
.tunnel-case :is(.tc-gallery,.ec-gallery) figcaption:empty{display:none}
/* Legacy photo-overlay shadows must not enter reveal masks. */
#main :is(h1,h2,h3,p,.pr-track){text-shadow:none!important}
#main :is(h1,h2,h3)>.pr-track{background:transparent!important;box-shadow:none!important}
@media(max-width:800px){.tc-gallery .sv-nature-motion{grid-template-columns:1fr}.tc-gallery .tc-motion-frame{border-radius:7px}}