/* DOMSTADT 110 / LYROX — MAXIMUM 14.0. Broad editorial portal with restrained touch-safe motion. */
:root{--max-red:#e51d44;--max-ink:#151a26;--max-line:#e0e4ea;--max-ease:cubic-bezier(.16,.85,.19,1)}
.container{width:calc(100% - clamp(24px,3.05vw,112px));max-width:3200px;margin-inline:auto}
/* Give content real room on wide screens. Keep readable individual text blocks. */
.nav-row{gap:clamp(10px,1.2vw,26px)}.site-nav{gap:clamp(12px,1.22vw,25px);margin-left:auto}.site-nav a{font-size:clamp(9px,.55vw,12px);letter-spacing:.07em}.nav-play{min-height:45px;padding-inline:15px}
.hero-layout{grid-template-columns:minmax(0,1.09fr) minmax(360px,.91fr);gap:clamp(30px,4vw,110px)}.hero-copy>p{max-width:820px}.hero h1{max-width:1250px}.hero-scene{width:min(100%,850px)}
.feature-layout{gap:clamp(13px,1vw,23px)}.feature-card{padding:clamp(24px,2vw,48px)}.feature-card p{max-width:740px}.feature-card h3{font-size:clamp(36px,3vw,72px)}.section-top>p{max-width:660px}.news-grid{gap:clamp(14px,1vw,25px)}.news-card{min-width:0}.portal-hub .editorial-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,.85vw,22px)}.editorial-card.wide{grid-column:span 2}.editorial-card{min-height:315px}.page-hero .page-word{max-width:1650px}.page-intro{max-width:1050px}.page-subtitle{max-width:1250px}.station-grid,.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.faq{max-width:1700px}.page-hero .container{grid-template-columns:minmax(0,1fr) minmax(240px,.27fr)}
/* New cross-site quick navigation */
.max-shortcuts{background:#fff;color:#1d2631;border-bottom:1px solid #d9dfe6;position:relative;z-index:5}.max-shortcuts-inner{display:flex;align-items:center;gap:clamp(9px,1vw,25px);min-height:78px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.max-shortcuts-inner::-webkit-scrollbar{display:none}.max-shortcuts strong{font:900 19px var(--display);letter-spacing:.015em;margin-right:auto;flex-shrink:0}.max-shortcuts strong span{color:#d61c3b}.max-shortcuts a{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:41px;padding:10px 13px;border-radius:8px;color:#374153;background:#f1f3f6;border:1px solid #e8ebf0;font-size:11px;font-weight:900;letter-spacing:.025em;transition:background .2s,transform .2s}.max-shortcuts a:first-of-type{background:#d51d3c;color:#fff;border-color:#d51d3c}.max-shortcuts a:hover{transform:translateY(-2px);background:#ffe9ed;color:#a9092c}
/* New immersive wide sections */
.max-section{padding:clamp(74px,6.2vw,138px) 0;color:#182130;background:#f5f6f9;position:relative;overflow:hidden;isolation:isolate}.max-section-light{background:#f5f6f9}.max-section-dark{background:radial-gradient(ellipse at 83% 15%,#d4264b22,transparent 43%),#101520;color:#fff}.max-section-dark:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(100deg,transparent,#000 35%,#000)}
.max-heading{display:flex;align-items:end;justify-content:space-between;gap:clamp(20px,4vw,110px);margin-bottom:clamp(28px,3.1vw,65px)}.max-heading>div{min-width:0}.max-heading h2{font:900 clamp(45px,5.3vw,114px)/.92 var(--display);text-transform:uppercase;letter-spacing:-.025em;margin:14px 0 0;overflow-wrap:anywhere}.max-heading h2 em{font-style:normal;color:#dd2648}.max-heading>p{font-size:clamp(14px,1vw,18px);line-height:1.75;color:#647184;max-width:690px;flex:0 1 37%}.max-section-dark .max-heading>p{color:#a9b5c6}.max-kicker{font-size:11px;font-weight:950;letter-spacing:.17em;color:#e33856}
.max-showcase{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:clamp(12px,1vw,24px)}.max-showcase-main,.max-peek{display:block;min-width:0;border:1px solid #354152;border-radius:18px;overflow:hidden;color:#fff;background:#171e2c;position:relative}.max-image-frame{height:clamp(360px,34vw,690px);position:relative;overflow:hidden;background:#111923}.max-image-frame>img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s var(--max-ease)}.max-showcase-main:hover .max-image-frame>img,.max-peek:hover img{transform:scale(1.04)}.max-screen-label{position:absolute;left:18px;top:18px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#fff;background:#111b2cc9;padding:11px 13px;border:1px solid #ffffff3f;border-radius:6px}.max-showcase-caption{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:clamp(23px,2vw,43px)}.max-showcase-caption h3{font:900 clamp(35px,3vw,72px)/.99 var(--display);margin:9px 0 12px}.max-showcase-caption p{color:#b8c2d0;line-height:1.65;max-width:720px}.max-showcase-caption>b{color:#ff718a;white-space:nowrap;font-size:12px}.max-showcase-side{display:grid;grid-template-rows:1fr 1fr;gap:clamp(12px,1vw,24px)}.max-peek{display:flex;flex-direction:column;justify-content:end;min-height:340px;padding:clamp(22px,2vw,39px);transition:border-color .3s}.max-peek>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:.45;transition:transform .8s var(--max-ease)}.max-peek:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d1322 10%,#0d132200 83%);pointer-events:none}.max-peek>div:last-child{z-index:2;position:relative;display:grid;gap:10px}.max-peek small{font-size:10px;letter-spacing:.15em;color:#fa6c83;font-weight:900}.max-peek strong{font:900 clamp(26px,2.25vw,48px)/1 var(--display);max-width:520px}.max-peek span{font-size:11px;letter-spacing:.09em;color:#fff;font-weight:900}.max-peek-graphic{position:absolute;inset:0;font-size:125px;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 64% 30%,#e6214847,transparent 58%),linear-gradient(120deg,#1f2b3f,#0d1526)}.max-peek-graphic span{position:absolute;font-size:170px;color:#ffffff10;transform:translate(95px,-85px)}.max-peek-graphic i{position:absolute;width:180px;height:180px;border:1px dashed #ffffff55;border-radius:50%;animation:max-orbit 17s linear infinite}
/* Content cards and magazine */
.max-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,.9vw,24px)}.max-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1vw,24px)}.max-magazine{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1vw,24px)}.max-card{min-width:0;border-radius:15px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:315px;padding:clamp(20px,1.55vw,42px);color:#1c2533;background:#fff;border:1px solid #e0e5ec;box-shadow:0 9px 33px #121b2b09;transition:transform .38s var(--max-ease),box-shadow .38s,border-color .3s}.max-card:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#cf173b,#fc6178);transform:scaleX(0);transform-origin:left;transition:transform .42s}.max-card:hover,.max-card:focus-visible{transform:translateY(-7px);border-color:#e896a5;box-shadow:0 25px 65px #222b4020}.max-card:hover:before{transform:scaleX(1)}.max-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#be1b3d;font-size:10px;font-weight:950;letter-spacing:.13em}.max-card-top span:last-child{font-size:22px}.max-card h3{font:900 clamp(26px,2vw,46px)/1.02 var(--display);letter-spacing:-.018em;text-transform:uppercase;margin:clamp(24px,2vw,45px) 0 15px}.max-card p{color:#697485;font-size:clamp(13px,.84vw,16px);line-height:1.72;max-width:620px}.max-card-foot{margin-top:auto;padding-top:23px;font-size:11px;font-weight:950;letter-spacing:.08em;color:#c71b3c;display:flex;align-items:center;justify-content:space-between}.max-section-dark .max-card{background:#192233;border-color:#333e4e;color:#fff}.max-section-dark .max-card p{color:#bbc6d4}.max-section-dark .max-card-foot{color:#ff758e}
/* Clickable visual scenario walkthrough */
.max-story{display:grid;grid-template-columns:minmax(215px,26%) minmax(0,1fr);border:1px solid #414b60;border-radius:17px;overflow:hidden;min-height:470px;background:#1a2433}.max-story-tabs{background:#0c111c;display:flex;flex-direction:column;border-right:1px solid #30394a}.max-story-tab{flex:1;text-align:left;padding:22px clamp(17px,2vw,42px);border:0;border-bottom:1px solid #30394a;background:transparent;color:#aeb9c7;font:900 clamp(12px,.98vw,19px) Arial,sans-serif;letter-spacing:.06em;display:flex;align-items:center;gap:16px;transition:background .2s,color .2s}.max-story-tab b{font:900 23px var(--display);color:#ee3656}.max-story-tab.is-active{background:#d41a40;color:white}.max-story-tab.is-active b{color:#fff}.max-story-tab:hover:not(.is-active){background:#253146;color:#fff}.max-story-display{padding:clamp(35px,4.5vw,105px);display:flex;flex-direction:column;align-items:start;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 88% 25%,#e5224830,transparent 35%)}.max-story-display:after{content:'';position:absolute;width:480px;height:480px;right:-120px;top:-190px;border:1px solid #ffffff17;border-radius:50%;pointer-events:none}.max-story-display>span{color:#ff8296;font-size:11px;font-weight:900;letter-spacing:.14em}.max-story-display h3{font:900 clamp(43px,5vw,105px)/.92 var(--display);margin:19px 0}.max-story-display p{max-width:700px;color:#bec9d7;line-height:1.72;font-size:clamp(15px,1vw,19px)}.max-story-wave{font-size:24px;color:#ec3156;letter-spacing:.28em;margin:20px 0 27px;animation:max-wave 3s ease-in-out infinite}
/* Directory, search, planning */
.max-searchline{display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid #dce2e9;border-radius:15px;padding:17px 20px;margin-bottom:23px}.max-searchline>label{font-size:11px;letter-spacing:.12em;color:#ba153a;font-weight:950}.max-searchline input,.max-searchline select{flex:1 1 240px;min-height:47px;padding:11px 16px;border:1px solid #dce3eb;border-radius:9px;font:600 15px Arial,sans-serif;color:#182333;background:#f9fafc;min-width:0}.max-searchline output{white-space:nowrap;font-size:12px;font-weight:950;color:#374454;margin-left:auto}.max-borough-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.max-borough{border:1px solid #e0e5ec;background:#fff;border-radius:14px;padding:clamp(22px,2vw,42px);min-width:0;display:flex;flex-direction:column;min-height:235px}.max-borough h3{font:900 clamp(25px,2vw,43px) var(--display);color:#192333;margin-bottom:20px}.max-borough p{font-size:14px;line-height:1.7;color:#667282;flex:1}.max-borough small{font-size:10px;font-weight:900;letter-spacing:.13em;color:#c92142;padding-top:18px}.max-borough[hidden],.max-scenario[hidden]{display:none!important}.max-scenario-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.max-scenario{background:#fff;border:1px solid #e0e5ea;border-radius:14px;min-width:0;min-height:244px;padding:clamp(20px,1.65vw,39px);display:flex;flex-direction:column;box-shadow:0 6px 25px #17212b0c;transition:transform .25s,box-shadow .25s}.max-scenario:hover{transform:translateY(-4px);box-shadow:0 17px 43px #17212b1a}.max-scenario-top{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#929aa7;font-weight:900;font-size:11px;letter-spacing:.1em}.max-priority{padding:7px 9px;border-radius:7px;font-size:9px;letter-spacing:.04em;color:#a40f2c;background:#ffe4e9}.max-priority.p2{background:#fff1d7;color:#a05e0a}.max-priority.p3{background:#e8f0f6;color:#49657c}.max-scenario h3{font:900 clamp(24px,1.7vw,39px)/1.05 var(--display);margin:25px 0 12px;overflow-wrap:anywhere}.max-scenario p{font-size:13px;color:#6b7787;line-height:1.6}.max-scenario a{font-size:10px;font-weight:950;color:#ce1f43;letter-spacing:.08em;margin-top:auto;padding-top:27px}.max-zero{background:#fff;border-radius:12px;padding:22px;color:#566374}.max-roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.max-road-item{border:1px solid #dfe5ec;border-radius:14px;background:white;padding:clamp(21px,1.65vw,39px);min-height:260px}.max-road-status{display:inline-block;font-weight:950;font-size:10px;letter-spacing:.12em;padding:8px 12px;border-radius:6px;background:#f5e9ed;color:#8e5361}.max-road-status.is-live{background:#e3f5e9;color:#277448}.max-road-item h3{font:900 clamp(25px,1.8vw,43px)/1.05 var(--display);margin:25px 0 14px}.max-road-item p{font-size:14px;line-height:1.7;color:#677486}.max-section-dark .max-road-item{background:#202938;color:#fff;border-color:#374357}.max-section-dark .max-road-item p{color:#b4c1cf}
/* New page micro polish */
.subpage .page-hero{padding-top:clamp(66px,6vw,136px)}.subpage .page-hero-icon{max-width:455px}.page-hero .page-word{font-size:clamp(69px,9.15vw,210px)}.page-main .container{max-width:3200px}.page-main .page-section{margin-bottom:clamp(70px,6vw,135px)}.page-main .editorial-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,.9vw,23px)}.page-main .editorial-card.wide{grid-column:span 2}.page-main .station-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Motion: visible on powerful devices but never required for function */
@keyframes max-orbit{to{transform:rotate(360deg)}}@keyframes max-wave{50%{opacity:.5;letter-spacing:.33em;transform:translateY(-3px)}}
.max-card,.max-scenario,.max-road-item,.max-borough{animation:max-appear .55s var(--max-ease) both}@keyframes max-appear{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.max-card-grid>:nth-child(4n+2),.max-scenario-grid>:nth-child(4n+2){animation-delay:.06s}.max-card-grid>:nth-child(4n+3),.max-scenario-grid>:nth-child(4n+3){animation-delay:.12s}.max-card-grid>:nth-child(4n+4),.max-scenario-grid>:nth-child(4n+4){animation-delay:.18s}
@media(max-width:1700px){.site-nav{position:absolute;display:none;top:100%;left:0;right:0;height:auto;padding:16px clamp(14px,3vw,62px) 26px;background:#121622;box-shadow:0 24px 50px #0008;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{height:48px;font-size:12px;border-bottom:1px solid #ffffff1d}.site-nav a::after{display:none}.menu-toggle{display:flex}.nav-play{margin-left:auto}.motion-switch{margin-left:0}}
@media(max-width:1600px){.max-card-grid,.max-magazine,.max-scenario-grid,.max-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-hub .editorial-grid,.page-main .editorial-grid,.page-main .station-grid,.station-grid,.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-main .editorial-card.wide{grid-column:span 2}.max-showcase{grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr)}.max-image-frame{height:440px}}
@media(max-width:1180px){.max-heading{align-items:start;flex-direction:column}.max-heading>p{max-width:790px;flex:auto}.max-showcase{grid-template-columns:1fr}.max-showcase-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.max-peek{min-height:310px}.max-card-grid,.max-magazine,.max-scenario-grid,.max-roadmap,.max-borough-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-hub .editorial-grid,.page-main .editorial-grid,.page-main .station-grid,.station-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.max-three{grid-template-columns:repeat(2,minmax(0,1fr))}.page-hero .container{grid-template-columns:minmax(0,1fr) minmax(150px,.26fr)}}
@media(max-width:760px){.container{width:calc(100% - 28px)}.max-shortcuts-inner{gap:8px;min-height:65px}.max-shortcuts strong{font-size:16px}.max-shortcuts a{min-height:38px;font-size:10px}.max-section{padding:66px 0}.max-heading h2{font-size:clamp(43px,11vw,75px)}.max-showcase-caption{display:block}.max-showcase-caption>b{display:block;margin-top:19px}.max-showcase-side{grid-template-columns:1fr;grid-template-rows:auto}.max-peek{min-height:265px}.max-image-frame{height:clamp(210px,65vw,390px)}.max-card-grid,.max-magazine,.max-scenario-grid,.max-roadmap,.max-borough-grid,.max-three{grid-template-columns:1fr}.max-card{min-height:225px}.max-card h3{margin:23px 0 12px;font-size:clamp(29px,8vw,44px)}.max-story{grid-template-columns:1fr}.max-story-tabs{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid #414b60}.max-story-tab{flex:0 0 auto;padding:15px 17px;font-size:11px;min-height:55px}.max-story-display{padding:32px 23px;min-height:375px}.max-story-display h3{font-size:clamp(46px,12vw,75px)}.max-story-wave{font-size:16px;letter-spacing:.05em}.max-searchline{padding:14px}.max-searchline input,.max-searchline select{flex-basis:100%}.max-borough{min-height:190px}.portal-hub .editorial-grid,.page-main .editorial-grid,.page-main .station-grid,.station-grid,.gallery-grid{grid-template-columns:1fr}.page-main .editorial-card.wide{grid-column:auto}.page-hero .container{grid-template-columns:1fr}.page-hero .page-word{font-size:clamp(58px,13vw,99px)}.max-section .max-card{animation:none}}
@media(max-width:390px){.max-shortcuts strong{font-size:14px}.max-shortcuts a{padding:7px 9px}.max-story-tab{padding:12px 13px}}
@media(hover:none){.max-card:hover,.max-scenario:hover{transform:none}.max-peek:hover img,.max-showcase-main:hover .max-image-frame>img{transform:none}}
@media(prefers-reduced-motion:reduce){.max-peek-graphic i,.max-story-wave,.max-card,.max-scenario,.max-road-item,.max-borough{animation:none!important}.max-card,.max-peek,.max-image-frame>img{transition:none!important}}
html.motion-off .max-peek-graphic i,html.motion-off .max-story-wave,html.motion-off .max-card,html.motion-off .max-scenario,html.motion-off .max-road-item,html.motion-off .max-borough{animation:none!important}html.motion-off .max-card,html.motion-off .max-peek,html.motion-off .max-image-frame>img{transition:none!important}