/* Be Solid V2: original spatial composition and conceptual maturity curve. */
.cinema{position:relative;min-height:740px;height:calc(100svh - 84px);max-height:1000px;overflow:hidden;background:#081822;color:#ffffff;isolation:isolate}
.header{height:84px;background:var(--ivory)}.brand{width:173px}.header nav{font-size:13px}.header-contact{font-size:13px}
.cinema-world{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 70% 40%,#1c3945 0%,#0b1b26 45%,#06151e 85%)}
.world-poster{position:absolute;width:72%;height:100%;right:-7%;object-fit:cover;opacity:.88;mask-image:linear-gradient(90deg,transparent,#000 35%);transition:opacity .7s}
#structure-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1s}.world-ready #structure-canvas{opacity:1}.world-ready .world-poster{opacity:0}
.cinema-shade{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#06151e9c 0%,#06151e55 30%,transparent 58%),linear-gradient(0deg,#06151e 0%,transparent 25%)}
.cinema-copy{padding:clamp(80px,13vh,150px) var(--gutter) 0;max-width:1400px;pointer-events:none}.cinema-copy a{pointer-events:auto}.cinema .eyebrow{font-size:10px;letter-spacing:.19em;color:#bbccd0;margin-bottom:40px;gap:12px}.live-dot{width:5px;height:5px;background:#72c6bd;border-radius:50%;box-shadow:0 0 12px #72c6bd66}
.cinema h1{position:relative;font-weight:400;font-size:clamp(58px,7.25vw,112px);line-height:1.06;letter-spacing:-.065em;margin:0 0 30px;white-space:nowrap}.cinema h1 span{color:#c3d7d5}.cinema-intro{max-width:465px;font-size:16px;line-height:1.75;letter-spacing:-.014em;color:#b9cbd1;margin:0 0 31px}.cinema-cta{border-radius:99px;background:#ffffff;color:#142b39;font-size:13px;padding:17px 22px;gap:32px}.cinema-cta:hover{background:white}.cinema-cta:after{display:none}
.cinema-caption{position:absolute;right:var(--gutter);bottom:170px;font-size:9px;letter-spacing:.15em;color:#a8c5cc;display:flex;align-items:center;gap:15px;pointer-events:none}.cinema-caption i{display:block;width:42px;height:1px;background:#87c0bf66}
.cinema-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;min-height:105px;border-top:1px solid #accbd522;display:flex;align-items:center;gap:24px}.cinema-bottom>a{display:flex;align-items:center;gap:15px;font-size:12px;color:#d5e0df}.scroll-orbit{width:33px;height:43px;border:1px solid #aec6cd55;border-radius:50%;display:grid;place-items:center;font-size:17px}.cinema-bottom>p{font-size:9px;letter-spacing:.15em;margin-left:auto;color:#91abb6}.motion-toggle{background:transparent;border:1px solid #aec6cd44;color:#bdd1d6;border-radius:100px;padding:9px 13px;cursor:pointer;display:flex;gap:8px;align-items:center;font-size:10px}.motion-toggle>span:first-child{font-size:12px}
.maturity{padding:108px var(--gutter) 56px;background:#0b1a24;color:#ecf1ee;position:relative;overflow:hidden;border-top:1px solid #ffffff09;scroll-margin-top:0}.maturity:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 50%,#16858a0d,transparent 60%)}.maturity-heading,.maturity-figure,.maturity-stages,.stage-panels,.maturity-foot{position:relative;max-width:1320px;margin-left:auto;margin-right:auto}.maturity .eyebrow{color:#a4c0c9;font-size:10px;letter-spacing:.17em;gap:22px;margin-bottom:30px}.chapter-index{color:#668b9d}.maturity h2{font-weight:400;font-size:clamp(38px,5.1vw,76px);letter-spacing:-.05em;line-height:1.13}.maturity h2 em{font-style:normal;color:#8accc2}.maturity-intro{max-width:570px;margin:25px 0 0;color:#aabec6;font-size:15px;line-height:1.85}.maturity-figure{margin-top:40px;margin-bottom:35px}.maturity-chart{display:block;width:100%;height:auto;overflow:visible}.maturity-figure figcaption{font-size:10px;line-height:1.6;color:#819daa;margin-top:8px;text-align:right}.maturity-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.stage-choice{display:flex;align-items:center;gap:14px;min-height:73px;text-align:left;border:0;border-top:1px solid #9ec0c833;border-bottom:1px solid #9ec0c833;background:transparent;color:#91aab5;padding:20px 18px;font-size:17px;cursor:pointer;transition:color .25s,background .25s,border-color .25s}.stage-choice:first-child{padding-left:0}.stage-number{font-size:10px;color:#678b9e}.stage-arrow{margin-left:auto;font-size:18px;opacity:0}.stage-choice.active{border-top-color:#79c4bb;color:#eef5ef;background:linear-gradient(#16858a12,transparent)}.stage-choice.active .stage-number{color:#9ad8cd}.stage-choice.active .stage-arrow{opacity:1}.stage-choice:hover{color:#edf3ee}.stage-panels{min-height:142px;padding:32px 0}.stage-panel{display:grid;grid-template-columns:1fr 1fr;gap:10%}.stage-panel h3{font-size:25px;font-weight:400;line-height:1.35;margin:0;letter-spacing:-.035em}.stage-panel p{color:#aabec6;font-size:14px;line-height:1.85;max-width:550px;margin:0}.stage-panel:not([hidden]){animation:stage-in .4s both}@keyframes stage-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.maturity-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #aac4ce24;padding-top:25px}.maturity-foot p{font-size:12px;line-height:1.7;color:#809fac;margin:0}.maturity-foot a{font-size:12px;display:flex;gap:20px;color:#d3e4df;align-items:center}.maturity-foot a>span{font-size:18px}.result-curve{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .1s linear}
@media(min-width:1600px){.cinema-copy{padding-top:150px}.cinema-intro{font-size:18px;max-width:520px}.cinema-caption{bottom:190px}}
@media(max-width:1000px){.cinema{min-height:710px}.cinema h1{font-size:7.7vw}.cinema-copy{padding-top:110px}.cinema-intro{max-width:440px}.cinema-caption{bottom:150px}.cinema-bottom>p{display:none}.motion-toggle{margin-left:auto}.stage-choice{font-size:15px;padding:20px 10px;gap:10px}.stage-panel h3{font-size:23px}.maturity{padding-top:80px}}
@media(max-width:760px){.header{height:76px}.header nav{top:76px}.brand{width:150px}.cinema{height:830px;max-height:none;min-height:0}.cinema-copy{padding-top:44px}.cinema .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:26px}.cinema h1{font-size:clamp(35px,8.3vw,61px);line-height:1.13;margin-bottom:22px}.cinema-intro{font-size:14px;line-height:1.75;max-width:430px}.cinema-cta{min-height:46px;padding:14px 19px;font-size:12px}.cinema-world{inset:275px -20% 50px}.world-poster{width:100%;right:0;mask-image:linear-gradient(0deg,transparent,#000 30%,#000 70%,transparent)}.cinema-shade{background:linear-gradient(#081822 0%,#081822 29%,#08182200 47%,#06151e00 77%,#06151e 93%)}.cinema-caption{right:var(--gutter);bottom:112px;font-size:7px;gap:10px}.cinema-caption i{width:20px}.cinema-bottom{min-height:87px}.cinema-bottom>a{font-size:11px;gap:10px}.scroll-orbit{width:28px;height:36px}.motion-toggle{font-size:9px;padding:8px 10px;gap:5px}.maturity{padding-top:65px;padding-bottom:35px}.maturity .eyebrow{font-size:8px;letter-spacing:.1em;gap:12px;margin-bottom:25px}.maturity h2{font-size:clamp(32px,7.8vw,50px);line-height:1.16}.maturity-intro{font-size:13px;margin-top:21px;line-height:1.85}.maturity-figure{margin:35px -13px 26px}.maturity-chart{min-height:200px}.maturity-figure figcaption{text-align:left;font-size:9px;padding:0 13px;margin-top:5px}.maturity-stages{grid-template-columns:repeat(2,1fr);gap:0 16px}.stage-choice{min-height:62px;padding:16px 8px;font-size:14px}.stage-choice:nth-child(3){padding-left:0}.stage-number{font-size:9px}.stage-panel{grid-template-columns:1fr;gap:14px}.stage-panels{min-height:190px;padding:25px 0}.stage-panel h3{font-size:22px}.stage-panel p{font-size:13px;line-height:1.8}.maturity-foot{align-items:flex-start;flex-direction:column;gap:14px;padding-top:20px}.maturity-foot p,.maturity-foot a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.result-curve{stroke-dashoffset:0!important}.world-poster{transition:none}.stage-panel{animation:none!important}}
@media(min-width:1001px){.cinema h1{font-size:clamp(64px,6.35vw,104px)}.maturity{padding-top:76px}.maturity-heading{display:grid;grid-template-columns:1.25fr 1fr;column-gap:8%;align-items:end}.maturity-heading>.eyebrow{grid-column:1/-1;margin-bottom:25px}.maturity h2{font-size:clamp(42px,4.25vw,64px)}.maturity-intro{font-size:14px;margin:0 0 3px}.maturity-figure{margin-top:32px}}
@media(max-width:760px){.maturity-chart g[font-size="11"]{font-size:25px;letter-spacing:.7px}.maturity-chart g[font-size="15"]{font-size:29px}.maturity-figure figcaption{font-size:10px;line-height:1.7}.maturity-foot p{font-size:12px}}
.world-ready #structure-canvas,.world-ready .world-poster{transition:none}