/* Seven full compositions; document flow remains the default and the fallback. */
:root{--chapter-h:calc(100dvh - var(--header));--chapter-pad:clamp(28px,4.3vh,44px)}
html.chapter-experience{scroll-behavior:auto;scroll-padding-top:var(--header)}
html.chapter-mode{scroll-snap-type:y mandatory}
html.chapter-flow{scroll-snap-type:y proximity}
html.is-turning{scroll-snap-type:none!important}
.chapter{min-height:var(--chapter-h);height:auto;position:relative;isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;padding:var(--chapter-pad) 0 60px;display:flex;flex-direction:column;justify-content:center;overflow:clip}
.chapter>.container{position:relative;z-index:2;width:calc(100% - 184px);max-width:1256px}
.chapter .eyebrow{margin-bottom:16px;letter-spacing:.14em}
.chapter h2{font-size:clamp(36px,3.3vw,46px);line-height:1.36}
.chapter .section-heading{margin-bottom:26px;gap:50px}
.chapter .section-intro{font-size:14px;line-height:1.9}
.chapter-scroll{scrollbar-width:thin;scrollbar-color:#8196a580 transparent;overscroll-behavior:contain;scroll-margin-top:calc(var(--header) + 20px)}
.chapter-mode .chapter-scroll{overflow-y:auto}
.chapter-scroll:focus-visible{outline-offset:-5px}
.chapter-mode .about-copy{max-height:calc(var(--chapter-h) - 112px)}
.chapter-mode .request-area{max-height:calc(var(--chapter-h) - 144px)}
.chapter-mode .scene-panel{max-height:calc(var(--chapter-h) - 174px)}

/* 00 / City atmosphere. */
.hero.chapter{padding:0;justify-content:space-between}
.hero.chapter .hero-content{padding-top:clamp(48px,9vh,90px);margin-bottom:32px}
.hero.chapter h1{font-size:clamp(52px,4.6vw,68px)}
.hero.chapter .hero-description{font-size:15px;max-width:550px}
.hero.chapter .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;padding-top:20px;padding-bottom:40px;margin-top:auto}
.hero.chapter .hero-sensing{left:76%;top:46%;width:340px;height:340px}
.hero.chapter .hero-note{right:92px;bottom:12px}

/* 01 / Photographic depth and a real reading surface. */
.about.chapter{background:#122333;color:#f2f5f6}
.about-background,.about-shade{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.about-background img{width:100%;height:100%;object-fit:cover;object-position:70% 52%;transform:scale(1.035)}
.about-shade{background:linear-gradient(90deg,#0c1a2ac4,#10233344 62%,#101d2b92),linear-gradient(0deg,#101d2bf2,transparent 68%)}
.about-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:72px}
.about h2{font-size:clamp(42px,4.1vw,58px);max-width:570px;line-height:1.45;letter-spacing:.035em;margin-bottom:36px;text-shadow:0 2px 25px #07111c50}
.about .eyebrow{color:#c2d1dc}.about .section-index{color:#ee999c}
.about .text-link{color:#eff5f7;border-color:#abc2d080}
.about .about-copy{max-width:600px;padding:34px 36px;background:linear-gradient(145deg,#142839f5,#101d2bf5);border:1px solid #9cb6c552;border-top:2px solid #a7565c;box-shadow:0 26px 90px #04101a40;backdrop-filter:blur(8px)}
.about .legal-name{font-size:18px;color:#f4f7f8;line-height:1.7;margin-bottom:23px}
.about-copy>p:not(.legal-name){font-size:15px;line-height:2.05;color:#d3dfe7}
.about-copy>p+p:not(.legal-name){margin-top:19px}
.about .working-methods{gap:13px 18px;margin-top:25px;padding-top:22px;border-color:#8fa9b547}
.about .working-methods li{color:#e4edf2;font-size:12px}
.about .working-methods li:before{background:#d6868c}
.about-image-note{position:absolute;left:92px;bottom:18px;z-index:2;font-size:9px;color:#c9d7df}

/* 02 / Four independent editorial plates on a mineral-white structure. */
.industries.chapter{background:linear-gradient(120deg,#eeede6 0%,#f7f6f0 52%,#e4ebea 100%)}
.industry-structure{position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(#6d858710 1px,transparent 1px),linear-gradient(90deg,#6d858710 1px,transparent 1px);background-size:140px 140px;mask-image:linear-gradient(135deg,#000,transparent 72%)}
.industry-structure:after{content:'';position:absolute;right:-60px;top:8%;width:660px;height:660px;border:1px solid #79989b24;border-radius:50%;box-shadow:0 0 0 80px #0000,0 0 0 81px #79989b17,0 0 0 160px #0000,0 0 0 161px #79989b0e}
.industries .section-heading{margin-bottom:28px}
.industry-grid{grid-template-columns:1fr 1fr;gap:16px;border:0}
.industry:nth-child(n){padding:26px 28px;grid-template-columns:42px 1fr;gap:17px;border:1px solid #c6d0cc;background:#fffdf7d9;min-height:206px;box-shadow:0 8px 28px #24403505;overflow:hidden}
.industry-visual{position:absolute;right:-5px;top:0;width:40%;height:100%;z-index:-1;pointer-events:none;opacity:.62;background-position:center;background-size:cover;mask-image:linear-gradient(90deg,transparent,#000 80%)}
.industry[data-visual="sensing"] .industry-visual{background-image:linear-gradient(#e9eff130,#f6f4ea8c),url('assets/solution-dock.webp');background-position:66% center}
.industry[data-visual="network"] .industry-visual{background-image:url('assets/industry-network.svg')}
.industry[data-visual="urban"] .industry-visual{background-image:linear-gradient(#eceae888,#f5f4ea75),url('assets/hero-city.webp');background-position:82% center}
.industry[data-visual="energy"] .industry-visual{background-image:url('assets/industry-energy.svg')}
.industry:before{z-index:0}.industry-number,.industry>div{position:relative;z-index:1}
.industry-number{font-size:29px;color:#81908e;line-height:1.35}
.industry h3{font-size:21px;line-height:1.5;font-weight:500;max-width:95%}
.industry-en{font-size:9px;margin:5px 0 14px;letter-spacing:.06em;max-width:85%}
.industry-description{font-size:14px;line-height:1.8;max-width:87%;min-height:50px;color:#50626c}
.industry-bottom{margin-top:20px;font-size:11px;gap:10px}
.industry-note{color:#566972}
.industry:after{left:0;right:0;bottom:0;height:2px}

/* 03 / Compact editorial scheme, without shrinking the body copy. */
.solution.chapter .section-heading{margin-bottom:20px}
.solution.chapter h2{font-size:40px;line-height:1.32}
.solution-lead{max-width:480px;font-size:14px;line-height:1.85;padding-bottom:0}
.solution .business-label{margin-bottom:8px;font-size:16px}
.solution-grid{gap:36px;grid-template-columns:1.08fr 1fr;align-items:start}
.solution-figure>img{height:clamp(230px,calc(var(--chapter-h)*.36),330px)}
.solution-figure figcaption{padding-top:10px;font-size:11px;line-height:1.6}
.capability,.capability:first-child,.capability:last-child{padding:8px 0;grid-template-columns:28px 1fr;gap:12px;border-bottom:1px solid #ffffff22}
.capability:first-child{padding-top:0}.capability:last-child{border-bottom:0;padding-bottom:0}
.capability>div{display:grid;grid-template-columns:142px 1fr;gap:12px;align-items:start}
.capability h3{font-size:17px;line-height:1.7;margin:0}.capability p{font-size:13px;line-height:1.7}
.workflow-heading{padding-top:18px;margin-bottom:12px}.workflow-heading h3{font-size:20px;line-height:1.4}
.workflow li,.workflow li:first-child{padding:13px 18px}.workflow li:first-child{padding-left:0}
.workflow-label{font-size:14px;display:block;line-height:1.5}.workflow-number{margin-bottom:4px;font-size:10px}.workflow li:not(:last-child):after{bottom:15px}
.solution-end{margin-top:14px}.solution-end>p{font-size:12px}.solution-end .text-link{font-size:12px;padding-block:5px;line-height:1.4}.solution-end .text-link span{line-height:1}

/* 04 is composed as one scene stage; responsive details follow below. */

/* 05 / Computing composition with room for the two business directions. */
.future-grid{gap:70px;align-items:center}.future-heading h2{font-size:42px}
.future-heading>p:not(.eyebrow){font-size:14px;line-height:1.95;margin-top:25px}
.future-art{max-width:540px;margin-top:28px}
.future-direction{padding:26px 22px}.future-title h3{font-size:28px}
.future-direction>p:not(.future-en){font-size:14px}.future-focus{margin-top:18px}.future-direction .text-link{margin-top:10px;font-size:12px}

/* 06 / The footer belongs to the last chapter. Expanded summaries scroll here. */
.contact.chapter{padding:0;justify-content:space-between}
.contact.chapter>.container{padding-block:26px;flex:1;display:flex;align-items:center}
.contact-grid{width:100%;gap:68px;align-items:center}
.contact h2{font-size:44px}.contact-intro>p:not(.eyebrow){margin-top:22px;font-size:14px;line-height:1.9}
.cooperation-path{margin-top:28px}.cooperation-path li{padding:13px 0;grid-template-columns:36px 92px 1fr;gap:10px}
.path-label{font-size:15px}.path-description{font-size:12px;line-height:1.65}
.request-area{padding:23px 26px 19px}.request-area h3{font-size:24px}
.local-notice{font-size:12px;line-height:1.8;margin-top:10px;margin-bottom:15px}
.form-field{margin-bottom:12px}.form-field label{margin-bottom:5px;font-size:12px}
input,select{min-height:43px;padding:8px 12px;font-size:14px}textarea{min-height:100px;padding:9px 12px;font-size:14px;line-height:1.7}
.request-area .button{min-height:45px;margin-top:2px}
.request-status{margin-top:10px;font-size:12px;min-height:21px}
.summary-area{margin-top:18px;padding-top:16px}.summary-area textarea{min-height:175px}
.contact .footer{padding:12px 0 10px;background:#142331;flex:none}
.contact .footer>.container{width:calc(100% - 184px);max-width:1256px}
.contact .footer-top{padding-bottom:8px;gap:20px;align-items:center}
.contact .footer-brand{font-size:18px}.contact .footer-top>div>p{display:none}.contact .footer nav{display:none}
.contact .footer-bottom{padding-top:7px;font-size:9px}.contact .footer-bottom>p:last-child{display:none}
@media(min-width:960px) and (min-height:620px){.contact .footer-bottom{padding-right:100px}}
.contact .back-top{font-size:11px;margin-right:90px}

/* Persistent chapter navigation, never a separate eighth slide. */
.chapter-rail{position:fixed;z-index:25;right:19px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px;align-items:center}
.chapter-rail button{width:44px;height:36px;padding:0;background:transparent;color:#677b89;position:relative;font-size:9px;letter-spacing:.05em}
.chapter-rail button:before{content:'';display:block;width:7px;height:7px;border:1px solid currentColor;border-radius:50%;margin:auto;transition:background .3s,transform .3s}
.chapter-rail button[aria-current="step"]:before{background:currentColor;transform:scale(1.4)}
.chapter-rail button:after{content:attr(data-label);position:absolute;right:45px;top:5px;white-space:nowrap;font-size:11px;opacity:0;translate:5px 0;transition:opacity .3s,translate .3s;padding:2px 9px;background:#ffffffed;color:#263c4c;border:1px solid #cbd6dc66}
.chapter-rail button:hover:after,.chapter-rail button:focus-visible:after{opacity:1;translate:0 0}
[data-chapter-theme="dark"] .chapter-rail button{color:#d2dfe6}
.chapter-controls{position:fixed;right:22px;bottom:17px;z-index:26;display:grid;grid-template-columns:38px 59px 38px;align-items:center;gap:2px;background:#ffffffed;color:#243b4b;border:1px solid #a4b7c54f;backdrop-filter:blur(12px);box-shadow:0 3px 18px #101d2b0b;transition:opacity .25s}
.chapter-controls button{width:38px;height:41px;color:inherit;background:transparent;font-size:19px}
.chapter-controls button:hover{background:#9fb8c51c}.chapter-controls button:disabled{opacity:.28}
.chapter-counter{text-align:center;font-size:10px;letter-spacing:.03em;line-height:1.4;font-variant-numeric:tabular-nums}
.chapter-counter strong{font-weight:500;font-size:17px;display:block}
[data-chapter-theme="dark"] .chapter-controls{background:#142b3de8;color:#e2edf3;border-color:#a5bcc549}
.chapter-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.chapter-controls.is-editing{opacity:0;pointer-events:none}
.chapter-mode .chapter{scroll-margin-top:0}
.chapter-mode .chapter:focus{outline:none}

@media(min-width:960px) and (max-height:810px){.chapter{--chapter-pad:28px;padding-bottom:48px}.chapter .eyebrow{margin-bottom:12px;font-size:10px}.chapter .section-heading{margin-bottom:20px}.about-grid{gap:46px}.about .about-copy{padding:27px 30px}.about-copy>p:not(.legal-name){line-height:1.95}.about .working-methods{margin-top:20px;padding-top:18px}.industry:nth-child(n){padding:22px 24px;min-height:192px}.industry h3{font-size:20px}.industry-description{font-size:14px}.industry-en{margin-bottom:11px}.industry-bottom{margin-top:16px}.industry-grid{gap:14px}.solution.chapter h2{font-size:36px}.solution-grid{gap:28px}.capability>div{grid-template-columns:133px 1fr;gap:8px}.capability,.capability:first-child,.capability:last-child{padding-block:6px}.capability:first-child{padding-top:0}.capability:last-child{padding-bottom:0}.capability h3{font-size:16px}.workflow-heading{padding-top:14px;margin-bottom:10px}.workflow li,.workflow li:first-child{padding-block:11px}.workflow-label{font-size:13px}.solution-end{margin-top:10px}.scene-panel,.scene-figure,.scene-figure img{min-height:360px}.scene-details{padding:22px 24px}.scene-facts{margin-top:16px;padding-top:14px}.scene-facts>div+div{margin-top:13px}.scene-tab{min-height:60px}.future-art{max-width:470px;margin-top:24px}.future-heading h2{font-size:38px}.future-direction{padding:22px 18px}.future-grid{gap:46px}.contact.chapter>.container{padding-block:22px}.contact-grid{gap:46px}.contact h2{font-size:40px}.cooperation-path{margin-top:22px}.cooperation-path li{padding-block:11px}}
@media(max-width:959px),(max-height:619px){.chapter{padding-top:50px;padding-bottom:72px;min-height:var(--chapter-h)}.chapter>.container{width:calc(100% - 56px)}.chapter .section-heading{display:block;margin-bottom:28px}.chapter .section-intro,.solution-lead{max-width:600px;margin-top:22px}.about-grid{grid-template-columns:1fr;gap:32px}.about h2{font-size:42px;max-width:none}.about .about-copy{max-width:none;padding:28px 30px}.about-image-note{left:28px}.industry-grid{grid-template-columns:1fr 1fr}.industry:nth-child(n){grid-template-columns:32px 1fr;gap:10px;padding:24px 20px;min-height:230px}.industry h3{font-size:19px}.industry-description{max-width:100%}.industry-en{font-size:8px}.industry-bottom{flex-wrap:wrap}.solution-grid{grid-template-columns:1fr;gap:28px}.solution-figure>img{height:340px}.capabilities{display:block}.capability,.capability:first-child,.capability:last-child{padding-block:15px}.capability>div{grid-template-columns:150px 1fr}.workflow{grid-template-columns:repeat(3,1fr)}.workflow li:nth-child(3){border-right:0}.workflow li:nth-child(-n+3){border-bottom:1px solid #ffffff24}.workflow-heading{padding-top:28px}.scenes-grid{display:block}.scene-panel{display:block;min-height:0}.scene-figure{height:auto;min-height:0}.scene-figure img{height:300px;min-height:0}.scene-tab{min-height:48px;font-size:14px}.scene-details{padding:25px}.scene-facts{display:grid;grid-template-columns:1fr 1fr}.scene-facts>div+div{margin-top:0}.future-grid{grid-template-columns:1fr;gap:30px}.future-heading h2{font-size:38px}.future-art{max-width:530px}.contact-grid{grid-template-columns:1fr;gap:34px}.contact.chapter>.container{padding-block:50px 64px}.contact .footer>.container{width:calc(100% - 56px)}.chapter-scroll{max-height:none!important;overflow:visible}.chapter-rail{display:none}.chapter-controls{right:14px;bottom:12px;grid-template-columns:44px 49px 44px}.chapter-controls button{width:44px;height:44px}.contact .back-top{margin-right:0}.contact .footer{padding-block:24px 18px}.contact .footer-top{display:flex}.contact .footer-top>div{width:auto}}
@media(max-width:639px){.chapter>.container{width:calc(100% - 40px)}.chapter{padding-top:48px;padding-bottom:72px}.chapter h2{font-size:32px;line-height:1.5}.chapter .eyebrow{font-size:9px;letter-spacing:.07em}.hero.chapter .hero-content{padding-top:66px}.hero.chapter h1{font-size:40px}.hero.chapter .hero-description{font-size:14px}.hero.chapter .hero-bottom{padding-bottom:36px;margin-top:45px}.hero.chapter .hero-note{right:20px;bottom:10px;font-size:8px}.hero.chapter .hero-sensing{width:180px;height:180px;left:90%;top:23%}.about h2{font-size:38px}.about-grid{gap:30px}.about .about-copy{padding:24px 23px}.about .legal-name{font-size:17px;line-height:1.8}.about-copy>p:not(.legal-name){font-size:15px;line-height:2}.about-image-note{left:20px;font-size:8px}.industry-grid{grid-template-columns:1fr;gap:14px}.industry:nth-child(n){min-height:0;padding:25px 22px;grid-template-columns:32px 1fr;gap:10px}.industry-number{font-size:26px}.industry h3{font-size:20px;max-width:100%}.industry-description{font-size:14px;max-width:95%}.industry-visual{width:42%;opacity:.42}.industry-bottom{font-size:11px;margin-top:18px}.solution.chapter h2{font-size:34px}.solution .business-label{font-size:16px}.solution-lead{font-size:14px}.solution-figure>img{height:270px}.capability>div{display:block}.capability h3{font-size:18px;margin-bottom:5px}.capability p{font-size:14px}.workflow-heading h3{font-size:21px}.workflow-label{font-size:14px}.workflow li,.workflow li:first-child{padding:15px 13px}.solution-end{display:block;margin-top:22px}.solution-end .text-link{margin-top:10px}.scene-figure img{height:235px}.scene-details{padding:25px 22px}.scene-details>p{font-size:14px}.scene-facts{display:block}.scene-facts>div+div{margin-top:17px}.scene-facts dd{font-size:14px}.scene-action{font-size:12px}.future-heading h2{font-size:33px}.future-direction{padding:25px 12px}.future-art{margin-top:26px}.future-direction>p:not(.future-en){font-size:14px}.contact h2{font-size:36px}.contact-intro>p:not(.eyebrow){font-size:14px}.contact.chapter>.container{padding-block:48px 72px}.cooperation-path li{grid-template-columns:32px 84px 1fr;gap:9px}.path-label{font-size:15px}.path-description{font-size:11px}.request-area{padding:25px 22px}.request-area h3{font-size:25px}.local-notice{font-size:12px}.form-field{margin-bottom:17px}input,select,textarea{font-size:16px}textarea{min-height:122px}.request-area .button{font-size:14px;min-height:49px}.contact .footer>.container{width:calc(100% - 40px)}.contact .footer-brand{font-size:19px}.contact .footer-bottom{display:block;padding-top:12px;padding-bottom:48px}.contact .footer-top{padding-bottom:14px}.chapter-controls{box-shadow:0 4px 20px #101d2b16}}
@media(prefers-reduced-motion:reduce){.chapter *{scroll-behavior:auto!important}.about-background img{transform:none}.chapter-rail button:after{translate:0 0}.chapter-controls{backdrop-filter:none}}

/* In document-flow layouts the controls live in the header, above the text. */
@media(max-width:959px){.chapter-controls{top:15px;bottom:auto;right:68px;z-index:45;grid-template-columns:44px 30px 44px;gap:0;box-shadow:none}.chapter-counter strong{font-size:14px}.chapter-counter{font-size:8px}.chapter-controls.is-editing{opacity:0}}
@media(max-width:379px){.brand,.brand img{width:132px}.brand span{font-size:8px;letter-spacing:.14em}}
@media(max-width:339px){.brand,.brand img{width:110px}}
@media(min-width:1200px) and (max-height:619px){.chapter-controls{top:21px;bottom:auto;left:288px;right:auto;z-index:45;box-shadow:none}}
@media(min-width:960px) and (max-width:1199px) and (max-height:619px){.desktop-nav,.header-cta{display:none}.header-inner{justify-content:space-between}.menu-toggle{display:block}.chapter-controls{top:21px;bottom:auto;right:100px;z-index:45;box-shadow:none}.mobile-nav{position:fixed;top:var(--header);left:0;right:0;height:calc(100dvh - var(--header));padding:18px 28px 24px;overflow:auto}.mobile-nav a{display:flex;padding:15px 5px;border-bottom:1px solid var(--line);font-size:18px}}
body.menu-open .chapter-controls{display:none}

/* Contact fields remain inside the existing reading surface. */
#request-fields{border:0;padding:0;margin:0;min-width:0}
.form-contact-row{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}
.request-area .submit-label{font-size:inherit;line-height:inherit;transform:none!important}
.request-status{overflow-wrap:anywhere}.request-status[data-state="error"]{color:#a22b32}
.request-status[data-state="success"]{color:#315b47}
#request-form[aria-busy="true"]{opacity:.8}
#request-fields:disabled input,#request-fields:disabled textarea,#request-fields:disabled select{cursor:wait;opacity:.85}
@media(max-width:639px){.form-contact-row{grid-template-columns:1fr;gap:0}}

/* One continuous document movement; titles stay readable throughout. */
.chapter .title-line-text{transition:none;transform:none;opacity:1}

/* 04 / A single stage owns the menu, image and reading surface. */
.scenes.chapter{--scene-stage-h:clamp(408px,calc(var(--chapter-h) - 216px),500px);background:#dce5eb}
.scenes.chapter>.container{max-width:1200px}
.scenes.chapter .section-heading{gap:40px;margin-bottom:24px}
.scenes.chapter .section-intro{max-width:365px;color:#3e5668}
.scenes .scene-atmosphere{background:radial-gradient(ellipse at 78% 8%,#f7fafbcc,transparent 60%),radial-gradient(ellipse at 0% 100%,#667e957a,transparent 67%),linear-gradient(130deg,#d1dce5,#ecf1f3 62%,#b4c5d3)}
.scenes .scene-atmosphere:before{background-image:linear-gradient(#4c708022 1px,transparent 1px),linear-gradient(90deg,#4c708022 1px,transparent 1px),linear-gradient(#4c70800d 1px,transparent 1px),linear-gradient(90deg,#4c70800d 1px,transparent 1px);background-size:160px 160px,160px 160px,32px 32px,32px 32px;mask-image:linear-gradient(130deg,#000,transparent 86%);opacity:1}
.scenes .scene-atmosphere:after{background-position:calc(100% + 95px) 10%;background-size:1000px auto;opacity:.48;mask-image:linear-gradient(90deg,transparent 22%,#000)}
.scenes .scene-stage{display:grid;grid-template-columns:182px minmax(0,1fr);gap:0;align-items:stretch;min-height:var(--scene-stage-h);background:#f8fafb;border:1px solid #8da3b5;border-radius:7px;box-shadow:0 24px 70px #1d3b5426,0 3px 8px #1d3b540a;overflow:hidden}
.scene-stage .scene-tabs{display:flex;flex-direction:column;align-items:stretch;padding:18px 12px;background:linear-gradient(155deg,#233f54,#142b3e);border:0;border-right:1px solid #c2cfd8;min-width:0}
.scene-stage .scene-tab{flex:1;min-height:60px;padding:12px 13px;font-size:15px;gap:14px;background:transparent;color:#d0dde6;border-color:#bdcddc26}
.scene-stage .scene-tab:last-of-type{border-bottom:0}
.scene-stage .scene-tab .tab-number{color:#91a8b9;font-size:10px}
.scene-stage .scene-tab .tab-arrow{font-size:17px;opacity:.5}
.scene-stage .scene-tab[aria-selected="true"]{background:#405a6d;color:#fff;border-radius:3px}
.scene-stage .scene-tab[aria-selected="true"] .tab-number{color:#edafb0}
.scene-stage .scene-tab[aria-selected="true"] .tab-arrow{opacity:1}
.scene-stage .scene-tab:hover:not([aria-selected="true"]){background:#d1e2ed14;color:#fff}
.scene-stage .scene-tab:focus-visible{outline-offset:-3px}
.scene-stage .scene-panel{display:grid;grid-template-columns:1.48fr 1fr;align-items:stretch;height:var(--scene-stage-h);max-height:none;min-height:0;background:#f8fafb;border:0;box-shadow:none}
.scene-stage .scene-figure{height:100%;min-height:0;min-width:0;border-right:1px solid #c4d1db}
.scene-stage .scene-figure img{height:100%;min-height:0;object-fit:cover}
.scene-stage .scene-details{padding:28px 26px;align-self:center;min-width:0}
.scene-stage .scene-title-row{gap:10px}.scene-stage .scene-title-row h3{font-size:28px}
.scene-stage .scene-title-row .micro-label{font-size:9px;letter-spacing:.06em}
.scene-stage .scene-counter{font-size:10px;white-space:nowrap}
.scene-stage .scene-details>p{font-size:14px;line-height:1.9;margin-top:18px;color:#4d6272}
.scene-stage .scene-facts{display:block;margin:22px 0 10px;padding-top:18px;border-color:#c7d2da}
.scene-stage .scene-facts>div+div{margin-top:18px}.scene-stage .scene-facts dd{font-size:14px;line-height:1.85}
.scene-stage .scene-action{gap:20px;font-size:12px;margin-top:8px;min-height:44px}
@media(min-width:960px) and (max-height:810px){.scenes.chapter .section-heading{margin-bottom:22px}.scene-stage .scene-details{padding:23px 24px}.scene-stage .scene-facts{margin-top:18px;padding-top:15px}.scene-stage .scene-facts>div+div{margin-top:14px}}
@media(max-width:1199px) and (min-width:960px){.scenes .scene-stage{grid-template-columns:156px minmax(0,1fr)}.scene-stage .scene-panel{grid-template-columns:1.1fr 1fr}.scene-stage .scene-tabs{padding:16px 8px}.scene-stage .scene-tab{padding:12px 10px;gap:10px;font-size:14px}.scene-stage .scene-details{padding:22px}.scene-stage .scene-title-row h3{font-size:24px}.scene-stage .scene-counter{display:none}}
@media(max-width:959px){.scenes.chapter{--scene-stage-h:auto}.scenes.chapter .section-heading{margin-bottom:27px}.scenes.chapter .section-intro{margin-top:18px;max-width:560px}.scenes .scene-stage{display:block;min-height:0;border-radius:6px}.scene-stage .scene-tabs{display:flex;flex-direction:row;overflow-x:auto;padding:0;border-right:0;border-bottom:1px solid #9bb0c1;scrollbar-width:thin;scrollbar-color:#748f9e transparent}.scene-stage .scene-tab{width:auto;flex:0 0 auto;min-height:57px;padding:13px 17px;border:0;border-right:1px solid #bdcddc26;gap:9px;white-space:nowrap;font-size:14px}.scene-stage .scene-tab[aria-selected="true"]{border-radius:0}.scene-stage .scene-tab .tab-arrow{display:none}.scene-stage .scene-panel{display:block;height:auto;max-height:none;overflow:visible}.scene-stage .scene-figure{height:auto;border:0;border-bottom:1px solid #c4d1db}.scene-stage .scene-figure img{height:330px;min-height:0}.scene-stage .scene-details{padding:29px 30px}.scene-stage .scene-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px}.scene-stage .scene-facts>div+div{margin-top:0}.scenes .scene-atmosphere:after{background-size:850px auto;background-position:100px 0}}
@media(max-width:639px){.scenes.chapter>.container{width:calc(100% - 32px)}.scenes.chapter .section-intro{font-size:14px;line-height:1.9}.scene-stage .scene-tab{min-height:56px;padding:12px 16px}.scene-stage .scene-figure img{height:240px}.scene-stage .scene-details{padding:25px 23px 29px}.scene-stage .scene-title-row h3{font-size:27px}.scene-stage .scene-details>p{font-size:14px}.scene-stage .scene-facts{display:block;margin-top:20px}.scene-stage .scene-facts>div+div{margin-top:17px}.scene-stage .scene-action{font-size:12px}.scenes .scene-atmosphere:before{background-size:100px 100px,100px 100px,25px 25px,25px 25px}.scenes .scene-atmosphere:after{opacity:.35;background-size:650px auto;background-position:80px -30px}}
@media(max-width:959px){.scene-stage .scene-details{display:flex;flex-direction:column;min-height:390px}.scene-stage .scene-action{align-self:flex-start;margin-top:auto}}
@media(max-width:639px){.scene-stage .scene-details{min-height:clamp(420px,calc(700px - 72vw),490px)}.scene-stage .scene-action{margin-top:auto}}