/* Grid24 frames the fictional experiences; each concept owns its own interior palette. */
.concept-page{background:var(--paper)}.concept-rail{padding-top:112px;padding-bottom:1.3rem;display:flex;justify-content:space-between;gap:1rem;font-size:.63rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.concept-rail a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid currentColor}.concept-rail a:hover{color:#8a3143}.concept-stage{padding:clamp(1rem,2.5vw,2.5rem) var(--pad) clamp(3rem,5vw,6rem);background:var(--concept-bg);overflow:hidden}.concept-finance{--concept-bg:#152631;--concept-text:#d7e9e7;--concept-accent:#9de9d1}.concept-education{--concept-bg:#e0ebee;--concept-text:#1d4779;--concept-accent:#1b5c9d}.concept-hospitality{--concept-bg:#d4c9b7;--concept-text:#2d493c;--concept-accent:#3a5c4b}.concept-automotive{--concept-bg:#25272a;--concept-text:#e8e9e7;--concept-accent:#b8cbd0}.concept-fashion{--concept-bg:#e7d7d0;--concept-text:#34262c;--concept-accent:#a75e67}.concept-technology{--concept-bg:#d9e7ed;--concept-text:#1e4662;--concept-accent:#4686b4}
.concept-stage .world-detail{width:min(100%,1650px);height:min(78svh,900px);min-height:570px;margin:auto;transform:none;opacity:1;box-shadow:0 22px 55px #17151a38}.world-detail [class$='site']{position:absolute;inset:0;overflow:hidden}.concept-stage .world-index{top:3%}.concept-stage .world-detail .finance-platform,.concept-stage .world-detail .school-site,.concept-stage .world-detail .hotel-site,.concept-stage .world-detail .auto-site,.concept-stage .world-detail .fashion-site,.concept-stage .world-detail .tech-site{inset:9% 3% 6%}.concept-stage .world-detail h2{font-size:clamp(3.3rem,6vw,8rem)}.concept-stage .world-detail .school-copy h2{font-size:clamp(3.3rem,6.5vw,8rem)}.concept-stage .world-detail .hotel-copy h2{font-size:clamp(4rem,7vw,9rem)}.concept-stage .world-detail .auto-copy h2{font-size:clamp(3.5rem,5vw,7rem)}.concept-stage .world-detail .fashion-copy h2{font-size:clamp(4rem,7.3vw,9rem)}
.concept-summary{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:2rem;align-items:end;padding-block:clamp(5rem,10vw,11rem);color:var(--concept-text);background:var(--concept-bg);max-width:none}.concept-small{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;align-self:start}.concept-summary h2{font-size:clamp(3.3rem,6vw,8rem);line-height:.94;letter-spacing:-.075em}.concept-summary p{max-width:35ch;font-size:clamp(.95rem,1.4vw,1.35rem);line-height:1.5}.concept-feature{max-width:none;padding-bottom:clamp(5rem,9vw,10rem);background:var(--concept-bg);color:var(--concept-text)}.concept-feature>div{min-height:clamp(480px,65svh,800px);overflow:hidden}.concept-next{display:flex;justify-content:space-between;gap:2rem;padding-block:2rem 5rem;background:var(--paper)}.concept-next a{display:flex;align-items:center;min-height:50px;border-bottom:1px solid var(--red);font-size:.79rem;font-weight:600}.concept-next a:hover{color:#8a3143}
.finance-feature{padding:clamp(1.5rem,5vw,6rem);background:#0a1a25;border:1px solid #568291}.feature-overline,.feature-foot{font-size:.62rem;letter-spacing:.15em;color:#88b8ba}.feature-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;min-height:55vh}.feature-grid strong{display:block;max-width:9ch;font-size:clamp(4rem,8vw,10rem);line-height:.88;letter-spacing:-.08em;font-weight:400}.feature-grid p{max-width:35ch;margin-top:2rem;color:#a5c0c8}.feature-bars{height:360px;display:flex;align-items:end;gap:3%;padding:4%;border:1px solid #467485;background:repeating-linear-gradient(0deg,#ffffff18 0 1px,transparent 1px 20%)}.feature-bars i{flex:1;height:var(--bar);background:linear-gradient(#9dedcb,#265c64);transform-origin:bottom;transition:transform .8s var(--ease)}.feature-bars i:nth-child(1){--bar:28%}.feature-bars i:nth-child(2){--bar:37%}.feature-bars i:nth-child(3){--bar:32%}.feature-bars i:nth-child(4){--bar:52%}.feature-bars i:nth-child(5){--bar:46%}.feature-bars i:nth-child(6){--bar:58%}.feature-bars i:nth-child(7){--bar:72%}.feature-bars i:nth-child(8){--bar:81%}.finance-feature:hover .feature-bars i{transform:scaleY(.85)}
.school-feature{display:grid;grid-template-columns:.42fr .58fr;background:#f4f8f3}.school-feature-copy{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,6rem)}.school-feature-copy span{font-size:.62rem;letter-spacing:.14em}.school-feature-copy strong{font-size:clamp(4rem,7vw,9rem);line-height:.9;letter-spacing:-.08em;font-weight:400}.school-feature-copy p{max-width:27ch;font-size:1.1rem}.school-feature img{height:100%;width:100%;object-fit:cover;object-position:70% center}
.hotel-feature{position:relative;background:#1e3529;color:#f7ecdc}.hotel-feature img{width:100%;height:100%;min-height:640px;object-fit:cover;filter:brightness(.74)}.hotel-feature>div{position:absolute;inset:8%;display:flex;flex-direction:column;justify-content:space-between}.hotel-feature span{font-size:.65rem;letter-spacing:.15em}.hotel-feature strong{font:400 clamp(5rem,9vw,12rem)/.89 Georgia,serif;letter-spacing:-.07em}.hotel-feature p{max-width:30ch;font-size:1.15rem}
.auto-feature{position:relative;background:#0b0d0f;color:#e6eaeb}.auto-feature-rail{position:absolute;z-index:2;left:3%;right:3%;top:4%;display:flex;justify-content:space-between;font-size:.63rem;letter-spacing:.14em}.auto-feature img{height:100%;width:100%;min-height:640px;object-fit:cover;object-position:50% 55%}.auto-feature strong{position:absolute;left:4%;bottom:7%;font-size:clamp(3.5rem,7vw,9rem);line-height:.9;letter-spacing:-.075em;font-weight:400}
.fashion-feature{display:grid;grid-template-columns:.55fr .45fr;background:#f5ece7}.fashion-feature>div{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,6rem)}.fashion-feature span{font-size:.63rem;letter-spacing:.15em}.fashion-feature strong{font:400 clamp(4.4rem,7vw,9rem)/.9 Georgia,serif;letter-spacing:-.075em}.fashion-feature p{max-width:30ch;font-size:1.1rem}.fashion-feature img{width:100%;height:100%;max-height:850px;object-fit:cover;object-position:center 27%}
.tech-feature{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:clamp(2rem,5vw,6rem);background:radial-gradient(circle at 39% 45%,#b6d7eb,#edf7fb 70%)}.tech-feature>span{position:absolute;left:4%;top:6%;font-size:.63rem;letter-spacing:.15em}.tech-feature-core{height:min(48vw,450px);max-width:430px;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;background:linear-gradient(145deg,#cbeafd,#5a9bc0);border:1px solid #71abc5;box-shadow:22px 26px 0 #285a7f44;transform:perspective(900px) rotateY(-12deg) rotateX(6deg)}.tech-feature-core i{width:100%;height:1px;background:#faffff}.tech-feature-core strong{font-size:clamp(2rem,3.5vw,4rem);line-height:.95;font-weight:400}.tech-feature-copy strong{font-size:clamp(4rem,7vw,9rem);line-height:.9;letter-spacing:-.08em;font-weight:400}.tech-feature-copy p{max-width:30ch;margin-top:2rem;font-size:1.1rem}
@media(max-width:850px){.concept-summary{grid-template-columns:1fr 1fr}.concept-small{grid-column:1/-1}.concept-stage .world-detail{min-height:500px}.feature-grid{grid-template-columns:1fr}.feature-bars{height:260px}.school-feature-copy strong,.fashion-feature strong{font-size:5vw}}
@media(max-width:620px){.concept-rail{padding-top:86px;font-size:.48rem;letter-spacing:.08em}.concept-rail span{max-width:20ch;text-align:right}.concept-stage{padding:1rem .7rem 2.5rem}.concept-stage .world-detail{width:100%;height:68svh;min-height:490px;max-height:650px}.concept-stage .world-detail h2{font-size:clamp(2.5rem,9vw,4.5rem)}.concept-stage .world-detail .school-copy h2{font-size:clamp(2.7rem,10vw,4.5rem)}.concept-stage .world-detail .hotel-copy h2{font-size:clamp(3.1rem,11vw,5rem)}.concept-stage .world-detail .auto-copy h2{font-size:clamp(2.6rem,9vw,4rem)}.concept-stage .world-detail .fashion-copy h2{font-size:clamp(3.2rem,11vw,5rem)}.concept-summary{grid-template-columns:1fr;gap:1.2rem;padding-block:5rem}.concept-summary h2{font-size:clamp(3.3rem,12vw,5rem)}.concept-summary p{font-size:1rem}.concept-feature{padding-bottom:5rem}.concept-feature>div{min-height:480px}.concept-next{gap:1rem;flex-wrap:wrap;padding-block:1.5rem 4rem}.concept-next a{font-size:.68rem}.feature-grid strong,.school-feature-copy strong,.fashion-feature strong,.tech-feature-copy strong{font-size:3.5rem}.finance-feature{padding:1.5rem}.feature-grid{gap:1.5rem}.feature-grid p{font-size:.85rem}.feature-bars{height:220px}.school-feature,.fashion-feature,.tech-feature{display:flex;flex-direction:column}.school-feature-copy,.fashion-feature>div{min-height:320px;padding:2rem}.school-feature img,.fashion-feature img{height:330px}.hotel-feature img,.auto-feature img{min-height:520px}.hotel-feature strong{font-size:3.8rem}.hotel-feature p{font-size:.85rem}.auto-feature strong{font-size:3.4rem}.auto-feature-rail span{display:none}.tech-feature{padding:5rem 2rem 2rem}.tech-feature-core{width:75%;height:270px;align-self:center;padding:1.5rem}.tech-feature-copy strong{font-size:3.5rem}}
@media(prefers-reduced-motion:reduce){.concept-page .world-detail *{transition:none!important}.feature-bars i{transition:none}}
.concept-stage .concept-nav-mark{font-size:inherit;letter-spacing:inherit;opacity:.72}