:root{--color-primary:#fba64b;--color-primary-dark:#d87817;--color-secondary:#4766eb;--color-secondary-dark:#2d46bd;--color-background:#fffaf4;--color-surface:#fff;--color-text:#172033;--color-text-muted:#5f6878;--color-border:#e5e7eb;--color-blue-soft:#eef2ff;--color-orange-soft:#fff0dc;--color-green-soft:#e8f5ef;--color-navy:#111b34;--shadow:0 20px 60px rgba(31,42,73,.09);--radius-sm:14px;--radius:24px;--radius-lg:40px;--container:min(1180px,calc(100% - 2rem));--font:Inter,ui-rounded,"Avenir Next",Avenir,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.nav-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.container{width:var(--container);margin-inline:auto}.section{padding:5.5rem 0;position:relative}.section--blue{background:var(--color-blue-soft)}.section--orange{background:var(--color-orange-soft)}.section--dark{background:var(--color-navy);color:#fff}.section__header{max-width:760px;margin-bottom:2.5rem}.section__eyebrow,.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-secondary-dark);font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin:0 0 1rem}.section__eyebrow:before,.eyebrow:before{content:"";width:1.6rem;height:2px;background:currentColor}.section__title{font-size:clamp(2rem,5vw,4rem);line-height:1.06;letter-spacing:-.045em;margin:0 0 1.25rem}.section__body{font-size:clamp(1.05rem,2vw,1.22rem);color:var(--color-text-muted);max-width:65ch}.skip-link{position:fixed;left:1rem;top:1rem;padding:.8rem 1rem;background:#fff;z-index:9999;transform:translateY(-180%);border-radius:8px}.skip-link:focus{transform:none}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:1000}.scroll-progress__bar{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transform:scaleX(var(--scroll-progress,0));transform-origin:left}.site-header{position:fixed;inset:0 0 auto;z-index:900;padding:.8rem 0;transition:padding .3s}.site-header:before{content:"";position:absolute;inset:0;background:rgba(255,250,244,.88);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:.3s}.site-header.is-scrolled{padding:.45rem 0}.site-header.is-scrolled:before{border-color:rgba(23,32,51,.08);box-shadow:0 8px 30px rgba(23,32,51,.05)}.nav{position:relative;width:var(--container);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.7rem}.logo{display:inline-flex;align-items:center;gap:.65rem;font-weight:900;font-size:1.25rem;letter-spacing:-.04em;z-index:2}.logo__mark{display:grid;grid-template-columns:repeat(2,10px);gap:3px;transform:rotate(-5deg)}.logo__mark i{display:block;width:10px;height:10px;border-radius:3px;background:var(--color-primary)}.logo__mark i:nth-child(2),.logo__mark i:nth-child(3){background:var(--color-secondary)}.nav__links{display:flex;align-items:center;gap:1.2rem;list-style:none;padding:0;margin:0;font-size:.88rem;font-weight:650}.nav__links a{padding:.55rem .1rem;position:relative}.nav__links a:after{content:"";position:absolute;inset:auto 0 .2rem;height:2px;background:var(--color-secondary);transform:scaleX(0);transition:.2s}.nav__links a:hover:after,.nav__links a[aria-current=page]:after{transform:scaleX(1)}.language{border:1px solid var(--color-border);background:#fff;border-radius:999px;padding:.45rem .7rem;font-size:.75rem;font-weight:750}.nav-toggle{display:none;border:0;background:#fff;border-radius:12px;width:46px;height:46px;position:relative;z-index:2;box-shadow:0 3px 16px rgba(0,0,0,.08)}.nav-toggle span,.nav-toggle:before,.nav-toggle:after{content:"";position:absolute;width:20px;height:2px;background:var(--color-text);left:13px;transition:.25s}.nav-toggle:before{top:15px}.nav-toggle span{top:22px}.nav-toggle:after{top:29px}.nav-toggle[aria-expanded=true]:before{transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span{opacity:0}.nav-toggle[aria-expanded=true]:after{transform:translateY(-7px) rotate(-45deg)}
.hero{min-height:94vh;display:grid;align-items:center;padding:9rem 0 5rem;position:relative;overflow:hidden}.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,6vw,6rem)}.hero h1{font-size:clamp(3.1rem,7vw,6.8rem);line-height:.94;letter-spacing:-.065em;margin:.4rem 0 1.5rem;max-width:10ch}.hero__lead{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--color-text-muted);max-width:58ch}.button-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.75rem 1.2rem;border-radius:999px;font-weight:780;border:2px solid transparent;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--color-secondary);color:#fff;box-shadow:0 10px 30px rgba(71,102,235,.22)}.button--primary:hover{background:var(--color-secondary-dark)}.button--secondary{border-color:var(--color-text);background:transparent}.button--light{background:#fff;color:var(--color-text)}.button--small{min-height:42px;padding:.5rem 1rem;font-size:.9rem}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.mosaic-scene{aspect-ratio:1/1;position:relative;max-width:580px;margin:auto}.tile{position:absolute;border-radius:30% 70% 58% 42%/42% 40% 60% 58%;box-shadow:var(--shadow);animation:float 7s ease-in-out infinite}.tile--one{inset:6% 35% 48% 5%;background:var(--color-primary);transform:rotate(-8deg)}.tile--two{inset:12% 3% 29% 46%;background:var(--color-secondary);border-radius:50% 30% 35% 65%}.tile--three{inset:55% 42% 5% 12%;background:#fff}.tile--four{inset:68% 8% 4% 63%;background:#bfd4ff;border-radius:50%}.scene-people{position:absolute;inset:25% 13% 18% 16%;display:flex;align-items:end;justify-content:center;gap:8%;z-index:2}.person{width:28%;height:55%;position:relative;background:#fff7ed;border-radius:55px 55px 20px 20px;border:3px solid rgba(23,32,51,.12)}.person:before{content:"";position:absolute;width:55%;aspect-ratio:1;border-radius:50%;background:#a96947;left:22%;top:-30%}.person:nth-child(2){height:72%;background:#dae3ff}.person:nth-child(2):before{background:#6f4432}.scene-line{position:absolute;inset:10%;border:2px dashed rgba(255,255,255,.75);border-radius:50%;transform:rotate(25deg)}.hero__note{position:absolute;right:2%;bottom:7%;background:#fff;padding:.7rem 1rem;border-radius:16px;box-shadow:var(--shadow);font-weight:700;font-size:.86rem}.hero__scroll{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}
.audience-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.2rem}.audience-card{grid-column:span 4;min-height:480px;border-radius:var(--radius-lg);padding:1.6rem;display:flex;flex-direction:column;overflow:hidden;position:relative;border:1px solid rgba(23,32,51,.08);transition:.35s}.audience-card:nth-child(1){background:#fff0dc;transform:translateY(1.8rem)}.audience-card:nth-child(2){background:#edf1ff}.audience-card:nth-child(3){background:#e8f5ef;transform:translateY(1rem)}.audience-card:hover{transform:translateY(-5px)}.audience-card__art{height:180px;position:relative}.mini-figure{position:absolute;width:65px;height:105px;border-radius:40px 40px 18px 18px;background:var(--color-secondary);bottom:12px;left:30%;transform:rotate(-3deg)}.mini-figure:before{content:"";position:absolute;width:48px;height:48px;border-radius:50%;background:#9b6247;top:-32px;left:8px}.mini-figure+ .mini-figure{left:54%;height:80px;background:var(--color-primary);transform:scale(.82) rotate(5deg)}.audience-card__tag{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.audience-card h3{font-size:1.7rem;line-height:1.15;letter-spacing:-.03em;margin:.6rem 0}.audience-card p{color:var(--color-text-muted)}.text-link{margin-top:auto;font-weight:800;display:inline-flex;align-items:center;gap:.45rem}.text-link:after{content:"→";transition:.2s}.text-link:hover:after{transform:translateX(4px)}
.journey{background:var(--color-navy);color:#fff}.journey .section__body{color:#bdc6dc}.journey-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:5rem;align-items:start}.journey-stage{position:sticky;top:7rem;height:calc(100vh - 9rem);min-height:520px;border-radius:var(--radius-lg);background:linear-gradient(145deg,#26365d,#131d36);overflow:hidden}.journey-visual{position:absolute;inset:0;padding:3rem;display:grid;place-items:center;opacity:0;transform:scale(.96);transition:.65s}.journey-visual.is-active{opacity:1;transform:none}.journey-visual__number{font-size:clamp(8rem,22vw,18rem);font-weight:900;color:rgba(255,255,255,.05);position:absolute;right:0;bottom:-12%;line-height:1}.journey-visual__shape{width:58%;aspect-ratio:1;border-radius:40% 60% 70% 30%;background:var(--scene-color,var(--color-primary));display:grid;place-items:center;box-shadow:0 30px 100px rgba(0,0,0,.25)}.journey-visual__icon{font-size:4rem}.journey-copy{padding:8vh 0}.journey-scene{min-height:78vh;display:flex;flex-direction:column;justify-content:center;opacity:.42;transition:.4s;border-left:2px solid rgba(255,255,255,.15);padding-left:2rem}.journey-scene.is-active{opacity:1;border-color:var(--color-primary)}.journey-scene__step{color:var(--color-primary);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.journey-scene h3{font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.04em;margin:.8rem 0 1.2rem}.journey-scene p{font-size:1.08rem;color:#c7cede;max-width:48ch}.journey-progress{position:absolute;left:2rem;right:2rem;bottom:2rem;display:flex;gap:.5rem}.journey-progress i{height:3px;flex:1;background:rgba(255,255,255,.16);border-radius:3px}.journey-progress i.is-active{background:var(--color-primary)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.info-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:1.6rem;min-height:245px;transition:.3s}.info-card:hover{border-color:#bdc7f7;box-shadow:var(--shadow);transform:translateY(-4px)}.info-card__icon{width:50px;height:50px;border-radius:16px;background:var(--color-blue-soft);display:grid;place-items:center;color:var(--color-secondary);font-weight:900;margin-bottom:2rem}.info-card:nth-child(2n) .info-card__icon{background:var(--color-orange-soft);color:var(--color-primary-dark)}.info-card h3{font-size:1.3rem;line-height:1.2;margin:.4rem 0}.info-card p{color:var(--color-text-muted);margin-bottom:0}.process{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:1rem;counter-reset:step}.process:before{content:"";height:2px;position:absolute;left:8%;right:8%;top:29px;background:var(--color-border)}.process__step{position:relative;counter-increment:step}.process__number{width:58px;height:58px;border-radius:18px;background:var(--color-secondary);color:#fff;display:grid;place-items:center;font-weight:900;position:relative}.process__number:before{content:counter(step)}.process__step h3{font-size:1rem;line-height:1.3}.process__step p{font-size:.9rem;color:var(--color-text-muted)}
.faq-list{width:100%;max-width:none;border-top:1px solid var(--color-border)}.faq-item{border-bottom:1px solid var(--color-border)}.faq-question{width:100%;display:flex;justify-content:space-between;gap:1rem;text-align:left;border:0;background:transparent;padding:1.4rem 0;font-weight:800;font-size:1.05rem;cursor:pointer}.faq-question:after{content:"+";font-size:1.5rem;line-height:1;color:var(--color-secondary);transition:.25s}.faq-question[aria-expanded=true]:after{transform:rotate(45deg)}.faq-answer{overflow:hidden}.js-enabled .faq-answer{max-height:0;transition:max-height .35s ease}.faq-answer__inner{padding:0 3rem 1.4rem 0;color:var(--color-text-muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.principle{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:1.6rem}.principle span{display:block;color:var(--color-primary);font-size:2rem;font-weight:900}.principle p{color:#c7cede}.motto{font-size:clamp(2.5rem,7vw,6.5rem);line-height:.95;letter-spacing:-.055em;margin:5rem 0 0;max-width:12ch}
.contact-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem}.contact-options{display:grid;gap:.7rem}.contact-option{width:100%;text-align:left;padding:1rem;border:1px solid var(--color-border);border-radius:16px;background:#fff;cursor:pointer;font-weight:750}.contact-option.is-active{border-color:var(--color-secondary);background:var(--color-blue-soft);color:var(--color-secondary-dark)}.form-card{background:#fff;border-radius:var(--radius-lg);padding:clamp(1.3rem,4vw,2.8rem);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:grid;gap:.35rem}.field--wide{grid-column:1/-1}.field label,.field legend{font-size:.88rem;font-weight:750}.field input,.field select,.field textarea{width:100%;border:1px solid #cdd1da;border-radius:12px;padding:.8rem;background:#fff;color:var(--color-text)}.field textarea{min-height:140px;resize:vertical}.check{display:flex;align-items:flex-start;gap:.7rem}.check input{width:20px;height:20px;margin-top:.2rem}.form-status{margin-top:1rem;padding:1rem;border-radius:12px;background:var(--color-green-soft);display:none}.form-status.is-visible{display:block}.form-note{font-size:.8rem;color:var(--color-text-muted)}
.contact-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem}.contact-options{display:grid;gap:.7rem}.contact-option{width:100%;text-align:left;padding:1rem;border:1px solid var(--color-border);border-radius:16px;background:#fff;cursor:pointer;font-weight:750}.contact-option.is-active{border-color:var(--color-secondary);background:var(--color-blue-soft);color:var(--color-secondary-dark)}.form-card{background:#fff;border-radius:var(--radius-lg);padding:clamp(1.3rem,4vw,2.8rem);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:grid;gap:.35rem}.field--wide{grid-column:1/-1}.field label,.field legend{font-size:.88rem;font-weight:750}.field input,.field select,.field textarea{width:100%;border:1px solid #cdd1da;border-radius:12px;padding:.8rem;background:#fff;color:var(--color-text)}.field textarea{min-height:140px;resize:vertical}.check{display:flex;align-items:flex-start;gap:.7rem}.check input{width:20px;height:20px;margin-top:.2rem}.form-status{margin-top:1rem;padding:1rem;border-radius:12px;background:var(--color-green-soft);display:none}.form-status.is-visible{display:block}.form-note{font-size:.8rem;color:var(--color-text-muted)}
.contact-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.contact-detail{background:var(--color-surface);border:1px solid rgba(23,32,51,.08);border-radius:var(--radius);padding:clamp(1.4rem,3vw,2rem);min-height:285px;box-shadow:0 12px 38px rgba(31,42,73,.06);transition:transform .25s,border-color .25s}.contact-detail:hover{transform:translateY(-4px);border-color:rgba(71,102,235,.35)}.contact-detail__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--color-blue-soft);color:var(--color-secondary);font-size:1.35rem;font-weight:900;margin-bottom:2rem}.contact-detail:nth-child(2) .contact-detail__icon{background:var(--color-orange-soft);color:var(--color-primary-dark)}.contact-detail:nth-child(3) .contact-detail__icon{background:var(--color-green-soft);color:#247a59}.contact-detail__label{margin:0;color:var(--color-text-muted);font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.contact-detail h3{font-size:clamp(1.25rem,2.5vw,1.7rem);line-height:1.2;margin:.45rem 0 .8rem;overflow-wrap:anywhere}.contact-detail>p:last-child{color:var(--color-text-muted);margin-bottom:0}.region-panel{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(1.5rem,5vw,4rem);padding:clamp(1.5rem,5vw,4rem);background:var(--color-blue-soft);border-radius:var(--radius-lg)}.region-panel .section__title{font-size:clamp(2rem,4.5vw,4rem)}.region-panel__mark{display:grid;grid-template-columns:repeat(2,48px);gap:8px;transform:rotate(-5deg)}.region-panel__mark i{width:48px;height:48px;border-radius:16px;background:var(--color-primary)}.region-panel__mark i:nth-child(2),.region-panel__mark i:nth-child(3){background:var(--color-secondary)}
.page-hero{padding:10rem 0 5rem;min-height:62vh;display:grid;align-items:center;position:relative;overflow:hidden}.page-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem}.page-hero h1{font-size:clamp(3rem,7vw,6.2rem);line-height:.96;letter-spacing:-.06em;margin:.5rem 0 1.4rem}.page-hero p{font-size:1.2rem;color:var(--color-text-muted);max-width:58ch}.page-hero__art{aspect-ratio:1;border-radius:36% 64% 52% 48%;background:linear-gradient(145deg,var(--color-primary),#ffd9aa);position:relative}.page-hero__art:after{content:"";position:absolute;inset:15% -8% -8% 20%;border-radius:55% 45% 35% 65%;background:var(--color-secondary);opacity:.9}.content-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}.content-grid h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.04em;margin-top:0}.prose{max-width:72ch}.prose h2{font-size:2.2rem}.prose h3{margin-top:2rem}.prose p,.prose li{color:var(--color-text-muted)}.notice{border-left:4px solid var(--color-primary);background:#fff;padding:1rem 1.2rem;border-radius:0 14px 14px 0}.qr-header{position:sticky;top:0;z-index:100;background:rgba(255,250,244,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border)}.qr-nav{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.qr-hero{padding:4rem 0 3rem}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem;list-style:none;padding:0}.check-list li{padding:1.2rem 1.2rem 1.2rem 3.2rem;background:#fff;border-radius:18px;position:relative}.check-list li:before{content:"✓";position:absolute;left:1.2rem;color:var(--color-secondary);font-weight:900}.site-footer{background:#0c1428;color:#fff;padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2rem}.footer-grid h3{font-size:.9rem}.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem;color:#bac3d8;font-size:.92rem}.footer-brand p{color:#bac3d8;max-width:36ch}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:3rem;padding-top:1.5rem;display:flex;justify-content:space-between;gap:1rem;color:#9da7be;font-size:.82rem}
@keyframes float{50%{transform:translateY(-10px) rotate(2deg)}}
.js-enabled [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.js-enabled [data-reveal="left"]{transform:translateX(-25px)}.js-enabled [data-reveal="right"]{transform:translateX(25px)}.js-enabled [data-reveal].is-visible{opacity:1;transform:none}.stagger>*{transition-delay:calc(var(--i,0)*90ms)}
@media(max-width:1050px){.nav__links{position:fixed;inset:0;background:var(--color-background);flex-direction:column;align-items:flex-start;justify-content:center;padding:6rem 2rem;font-size:1.35rem;transform:translateX(100%);transition:.35s;visibility:hidden}.nav__links.is-open{transform:none;visibility:visible}.nav-toggle{display:block}.language{margin-top:1rem}.hero__grid,.page-hero__grid{gap:2rem}.audience-card{grid-column:span 6}.audience-card:last-child{grid-column:4/span 6}.journey-layout{gap:2rem}.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.section{padding:4.2rem 0}.hero{min-height:auto;padding-top:7.5rem}.hero__grid,.page-hero__grid,.content-grid,.contact-wrap{grid-template-columns:1fr}.hero h1{font-size:clamp(3rem,14vw,4.7rem)}.mosaic-scene{width:min(100%,430px)}.hero__scroll{display:none}.audience-grid{display:block}.audience-card,.audience-card:nth-child(n),.audience-card:last-child{min-height:410px;margin-bottom:1rem;transform:none}.journey-layout{display:block}.journey-stage{display:none}.journey-copy{padding:0}.journey-scene{min-height:auto;opacity:1;padding:3.5rem 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.14)}.journey-scene:before{content:attr(data-scene);display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--scene-color,var(--color-primary));font-weight:900;font-size:1.5rem;margin-bottom:1.5rem}.card-grid,.principles,.check-list{grid-template-columns:1fr}.process{grid-template-columns:1fr;padding-left:1rem}.process:before{left:44px;right:auto;top:25px;bottom:25px;width:2px;height:auto}.process__step{display:grid;grid-template-columns:58px 1fr;column-gap:1rem}.process__step h3{margin-top:.3rem}.process__step p{grid-column:2}.form-grid{grid-template-columns:1fr}.field--wide{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-hero{padding:8rem 0 4rem}.page-hero__art{max-width:360px}.qr-nav .button{font-size:.8rem;padding:.45rem .8rem}.qr-hero{padding-top:3rem}}
@media(max-width:450px){.container{width:min(100% - 1.2rem,1180px)}.button-row{display:grid}.button{width:100%}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.form-card{border-radius:22px}.section__title{font-size:2.35rem}.audience-card{padding:1.2rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.js-enabled [data-reveal]{opacity:1;transform:none}.journey-visual{transition:none}}
.contact-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.contact-detail{background:var(--color-surface);border:1px solid rgba(23,32,51,.08);border-radius:var(--radius);padding:clamp(1.4rem,3vw,2rem);min-height:285px;box-shadow:0 12px 38px rgba(31,42,73,.06);transition:transform .25s,border-color .25s}.contact-detail:hover{transform:translateY(-4px);border-color:rgba(71,102,235,.35)}.contact-detail__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--color-blue-soft);color:var(--color-secondary);font-size:1.35rem;font-weight:900;margin-bottom:2rem}.contact-detail:nth-child(2) .contact-detail__icon{background:var(--color-orange-soft);color:var(--color-primary-dark)}.contact-detail:nth-child(3) .contact-detail__icon{background:var(--color-green-soft);color:#247a59}.contact-detail__label{margin:0;color:var(--color-text-muted);font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.contact-detail h3{font-size:clamp(1.25rem,2.5vw,1.7rem);line-height:1.2;margin:.45rem 0 .8rem;overflow-wrap:anywhere}.contact-detail>p:last-child{color:var(--color-text-muted);margin-bottom:0}.region-panel{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(1.5rem,5vw,4rem);padding:clamp(1.5rem,5vw,4rem);background:var(--color-blue-soft);border-radius:var(--radius-lg)}.region-panel .section__title{font-size:clamp(2rem,4.5vw,4rem)}.region-panel__mark{display:grid;grid-template-columns:repeat(2,48px);gap:8px;transform:rotate(-5deg)}.region-panel__mark i{width:48px;height:48px;border-radius:16px;background:var(--color-primary)}.region-panel__mark i:nth-child(2),.region-panel__mark i:nth-child(3){background:var(--color-secondary)}
@media(max-width:760px){.contact-details-grid{grid-template-columns:1fr}.contact-detail{min-height:0}.region-panel{grid-template-columns:1fr}.region-panel__mark{grid-template-columns:repeat(2,32px)}.region-panel__mark i{width:32px;height:32px;border-radius:11px}}
.contact-region{margin-top:1rem;background:rgba(255,255,255,.62)}.contact-region .section__title{margin-bottom:0;font-size:clamp(1.7rem,3.5vw,3rem)}
:root{--color-primary:#fca847;--color-secondary:#4966e8;--color-coral:#ff978f;--color-pink:#f35683;--color-sky:#59b9df;--color-lemon:#f5e57d;--color-background:#fff9f5;--color-blue-soft:#edf2ff;--color-orange-soft:#fff0e3}
.logo__mark{grid-template-columns:repeat(2,11px);gap:2px;transform:rotate(-4deg)}.logo__mark i{width:11px;height:11px;border-radius:2px}.logo__mark i:nth-child(1){background:var(--color-primary)}.logo__mark i:nth-child(2){background:var(--color-coral)}.logo__mark i:nth-child(3){background:var(--color-secondary)}.logo__mark i:nth-child(4){background:var(--color-pink)}
.brand-mosaic{margin:0;aspect-ratio:1/1;border-radius:36px;overflow:hidden;background:#fff;box-shadow:0 28px 80px rgba(41,59,120,.16);border:8px solid rgba(255,255,255,.9);transform:rotate(1.5deg)}.brand-mosaic:after{content:"";position:absolute;inset:0;border-radius:28px;box-shadow:inset 0 0 0 1px rgba(23,32,51,.07);pointer-events:none}.brand-mosaic__image{width:100%;height:auto;display:block;transform:translateY(-.4%)}.brand-mosaic .hero__note{right:1rem;bottom:1rem;background:var(--color-text);color:#fff}.hero:before{content:"";position:absolute;width:34rem;height:34rem;border-radius:50%;background:radial-gradient(circle,var(--color-lemon) 0,rgba(245,229,125,0) 68%);right:-12rem;top:-12rem;opacity:.36;pointer-events:none}.audience-card:nth-child(1){background:#fff0df}.audience-card:nth-child(2){background:#edf1ff}.audience-card:nth-child(3){background:#e8f7fb}.audience-card:nth-child(3) .mini-figure{background:var(--color-pink)}.journey-visual:nth-child(4n) .journey-visual__shape{background:var(--color-pink)}.section--orange{background:#fff0e8}.section--blue{background:#eef3ff}.info-card:nth-child(3n) .info-card__icon{background:#ffe9ef;color:#c93663}.contact-detail:nth-child(3) .contact-detail__icon{background:#e5f6fc;color:#207da2}
@media(max-width:760px){.brand-mosaic{width:min(100%,430px);margin-inline:auto;border-radius:26px}.brand-mosaic:after{border-radius:18px}}
.page-hero__art{overflow:hidden;background:var(--color-coral);border-radius:38% 62% 48% 52%;box-shadow:0 24px 70px rgba(71,102,235,.14);isolation:isolate}.page-hero__art:before{content:"";position:absolute;inset:-8%;background:linear-gradient(138deg,var(--color-coral) 0 24%,#fff 24.5% 27%,var(--color-secondary) 27.5% 49%,#fff 49.5% 52%,var(--color-lemon) 52.5% 68%,#fff 68.5% 71%,var(--color-sky) 71.5%);clip-path:polygon(0 0,100% 0,100% 76%,72% 100%,0 86%);z-index:-1}.page-hero__art:after{inset:28% -8% -12% 38%;border-radius:0;background:var(--color-pink);opacity:1;clip-path:polygon(32% 0,100% 22%,82% 100%,0 72%)}.site-header:before{background:rgba(255,249,245,.9)}.button--primary{background:var(--color-secondary);box-shadow:0 10px 30px rgba(73,102,232,.22)}.button--primary:hover{background:#314cc7}.motto{background:linear-gradient(100deg,#fff 0 42%,var(--color-lemon) 42% 62%,var(--color-coral) 62%);-webkit-background-clip:text;background-clip:text;color:transparent}.region-panel__mark i:nth-child(1){background:var(--color-primary)}.region-panel__mark i:nth-child(2){background:var(--color-coral)}.region-panel__mark i:nth-child(3){background:var(--color-secondary)}.region-panel__mark i:nth-child(4){background:var(--color-pink)}
.hero--video{color:#fff;background:var(--color-navy);min-height:100svh}.hero--video:before{display:none}.hero--video .hero__grid{grid-template-columns:minmax(0,760px);justify-content:start;position:relative;z-index:2}.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:0}.hero__video-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,18,38,.84) 0%,rgba(10,18,38,.68) 42%,rgba(10,18,38,.32) 72%,rgba(10,18,38,.42) 100%),linear-gradient(0deg,rgba(10,18,38,.42),transparent 45%)}.hero__content{padding:clamp(1.3rem,3vw,2.4rem) 0}.hero--video h1{max-width:11ch;text-shadow:0 3px 24px rgba(0,0,0,.18)}.hero--video .hero__lead{color:rgba(255,255,255,.88)}.hero--video .eyebrow{color:var(--color-lemon)}.hero--video .button--light{border:2px solid rgba(255,255,255,.7);background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(8px)}.hero--video .button--light:hover{background:#fff;color:var(--color-text)}.hero--video .hero__scroll{color:rgba(255,255,255,.75);z-index:2}
@media(max-width:760px){.hero--video{min-height:92svh}.hero__video{object-position:58% center}.hero__video-overlay{background:linear-gradient(90deg,rgba(10,18,38,.82),rgba(10,18,38,.48)),linear-gradient(0deg,rgba(10,18,38,.48),transparent 45%)}}
@media(prefers-reduced-motion:reduce){.hero__video{display:none}.hero--video{background:linear-gradient(135deg,rgba(17,27,52,.96),rgba(71,102,235,.78)),url('../images/mosaik-logo-mit-slogan.webp') center 20%/cover no-repeat}}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.flyer-page{background:#fffaf6}.flyer-language select{min-height:44px;border:1px solid var(--color-border);border-radius:999px;background:#fff;padding:.55rem 2.2rem .55rem .9rem;color:var(--color-text);font-weight:750;cursor:pointer}.flyer-hero{padding:clamp(4rem,9vw,8rem) 0 clamp(4rem,8vw,7rem);overflow:hidden;position:relative}.flyer-hero:before{content:"";position:absolute;width:32rem;height:32rem;border-radius:50%;right:-14rem;top:-13rem;background:var(--color-lemon);opacity:.35}.flyer-hero__grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(2rem,7vw,7rem)}.flyer-hero h1{font-size:clamp(3rem,7.5vw,6.7rem);line-height:.94;letter-spacing:-.06em;margin:.5rem 0 1.4rem;max-width:11ch}.flyer-hero__lead{font-size:clamp(1.2rem,2.2vw,1.55rem);color:var(--color-text-muted);max-width:55ch}.flyer-reassurance{max-width:58ch;border-left:4px solid var(--color-primary);padding:.85rem 1rem;background:#fff;border-radius:0 16px 16px 0;font-weight:680}.flyer-mosaic{aspect-ratio:1;position:relative;transform:rotate(4deg)}.flyer-mosaic i{position:absolute;border:6px solid #fff;box-shadow:var(--shadow)}.flyer-mosaic i:nth-child(1){inset:3% 42% 52% 3%;background:var(--color-coral);clip-path:polygon(0 0,100% 8%,78% 100%,6% 78%)}.flyer-mosaic i:nth-child(2){inset:2% 2% 46% 45%;background:var(--color-secondary);clip-path:polygon(22% 0,100% 0,88% 86%,8% 100%,0 30%)}.flyer-mosaic i:nth-child(3){inset:47% 46% 2% 2%;background:var(--color-sky);clip-path:polygon(0 8%,86% 0,100% 82%,28% 100%)}.flyer-mosaic i:nth-child(4){inset:51% 2% 2% 49%;background:var(--color-pink);clip-path:polygon(12% 0,100% 20%,82% 100%,0 78%)}.flyer-mosaic span{position:absolute;inset:32%;display:grid;place-items:center;border-radius:50%;background:var(--color-primary);color:#fff;font-size:4rem;font-weight:900;box-shadow:0 15px 35px rgba(252,168,71,.3)}.flyer-help{background:var(--color-blue-soft)}.flyer-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;counter-reset:none}.flyer-steps li{background:#fff;border-radius:20px;padding:1.15rem;min-height:170px;display:flex;flex-direction:column;gap:1rem}.flyer-steps span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--color-secondary);color:#fff;font-weight:900}.flyer-steps li:nth-child(2n) span{background:var(--color-primary);color:var(--color-text)}.flyer-cost__panel{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2rem;background:var(--color-orange-soft);border-radius:var(--radius-lg);padding:clamp(1.4rem,5vw,4rem)}.flyer-cost__panel h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.04em;margin:.2rem 0 1rem}.flyer-cost__icon{width:90px;height:90px;border-radius:28px;background:var(--color-primary);display:grid;place-items:center;font-size:2.5rem;font-weight:900}.flyer-trust{text-align:center}.flyer-trust .section__title{margin-inline:auto;max-width:16ch}.flyer-trust .section__eyebrow{color:var(--color-lemon)}.flyer-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:850px;margin:3rem auto 2rem;text-align:left}.flyer-contact{display:grid;gap:.25rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:1.4rem;transition:.25s}.flyer-contact:hover{background:rgba(255,255,255,.16);transform:translateY(-3px)}.flyer-contact span,.flyer-contact small{color:#bec8dd}.flyer-contact strong{font-size:clamp(1.05rem,2.2vw,1.4rem);overflow-wrap:anywhere}.flyer-region{color:#c6cede}.flyer-footer{background:#080f20;color:#aeb8cf;padding:1.3rem 0;font-size:.8rem}.flyer-footer .container{display:flex;justify-content:space-between;gap:1rem}html[dir=rtl] .flyer-reassurance{border-left:0;border-right:4px solid var(--color-primary);border-radius:16px 0 0 16px}html[dir=rtl] .flyer-contact{text-align:right}
.parent-hero{min-height:86svh;display:grid;align-items:end;padding:10rem 0 6rem;position:relative;overflow:hidden;background:linear-gradient(120deg,#fff9f5 0 58%,#eef3ff 58%)}.parent-hero:after{content:"";position:absolute;width:38vw;aspect-ratio:1;right:-4vw;top:16%;background:linear-gradient(145deg,var(--color-coral) 0 28%,#fff 28.5% 31%,var(--color-secondary) 31.5% 60%,#fff 60.5% 63%,var(--color-lemon) 63.5%);clip-path:polygon(18% 0,100% 12%,88% 78%,30% 100%,0 42%);transform:rotate(5deg)}.parent-hero__inner{position:relative;z-index:1}.parent-hero h1{font-size:clamp(3.2rem,8vw,7.5rem);line-height:.92;letter-spacing:-.065em;max-width:10ch;margin:.5rem 0 1.5rem}.parent-hero__inner>p:not(.eyebrow):not(.parent-hero__promise){font-size:clamp(1.15rem,2vw,1.4rem);color:var(--color-text-muted);max-width:58ch}.parent-hero__promise{margin-top:2rem;padding:1rem 1.2rem;max-width:54ch;background:#fff;border-radius:16px;border-left:4px solid var(--color-primary);box-shadow:0 10px 35px rgba(23,32,51,.06)}.parent-film{background:var(--color-navy);color:#fff}.parent-film .section__body{color:#bdc6dc}.parent-stage{background:#10192f}.parent-stage .journey-visual{padding:0}.scene-art{background-image:url('../illustrations/eltern-journey-storyboard.png');background-repeat:no-repeat;background-size:300% 400%;background-color:#e9e2d4}.scene-art--1{background-position:0 0}.scene-art--2{background-position:50% 0}.scene-art--3{background-position:100% 0}.scene-art--4{background-position:0 33.333%}.scene-art--5{background-position:50% 33.333%}.scene-art--6{background-position:100% 33.333%}.scene-art--7{background-position:0 66.666%}.scene-art--8{background-position:50% 66.666%}.scene-art--9{background-position:100% 66.666%}.scene-art--10{background-position:0 100%}.scene-art--11{background-position:50% 100%}.scene-art--12{background-position:100% 100%}.parent-stage .scene-art{background-size:300% 400%}.journey-scene__mobile-art{display:none}.parent-journey .journey-scene{min-height:82vh}.parent-journey .journey-scene h3{font-size:clamp(2rem,3.7vw,3.3rem)}.parent-journey .journey-scene__step{color:var(--color-lemon)}.parent-journey .journey-scene.is-active{border-color:var(--color-primary)}.parent-closing{background:linear-gradient(135deg,#fff0e3,#eef3ff)}.parent-closing .section__title{max-width:18ch}.parent-secondary-links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;font-weight:800}.parent-secondary-links a{border-bottom:2px solid var(--color-secondary)}
@media(max-width:760px){.parent-hero{min-height:auto;padding:8.5rem 0 4.5rem;background:#fff9f5}.parent-hero:after{width:16rem;right:-7rem;top:4rem;opacity:.22}.parent-hero h1{font-size:clamp(3rem,14vw,4.8rem)}.parent-journey .journey-scene{padding:3rem 0;min-height:0}.parent-journey .journey-scene:before{display:none}.journey-scene__mobile-art{display:block;width:100%;aspect-ratio:1.48/1;border-radius:22px;margin-bottom:1.5rem;box-shadow:0 18px 45px rgba(0,0,0,.2)}.parent-secondary-links{display:grid}}
.scene-art{background-image:url('../illustrations/eltern-journey-storyboard.webp')}
.parent-stage .journey-visual{inset:auto 0;top:50%;width:100%;height:auto;aspect-ratio:16/9;padding:0;background-size:300% 400%;background-repeat:no-repeat;opacity:0;transform:translateY(-50%) scale(.97);transform-origin:center;transition:opacity .55s ease,transform .7s ease}.parent-stage .journey-visual.is-active{opacity:1;transform:translateY(-50%) scale(1)}.parent-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(73,102,232,.16),transparent 65%);pointer-events:none}.parent-stage:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);border-radius:var(--radius-lg);pointer-events:none}.journey-scene__mobile-art{background-size:300% 400%;background-repeat:no-repeat;background-color:#171f36}
@media(max-width:760px){.journey-scene__mobile-art{aspect-ratio:16/9;background-size:300% 400%;background-repeat:no-repeat}}
.parent-stage .journey-visual{inset:auto;left:50%;top:50%;width:auto;height:94%;aspect-ratio:9/16;background-size:cover;background-position:center;background-repeat:no-repeat;transform:translate(-50%,-50%) scale(.98);border-radius:24px;box-shadow:0 22px 55px rgba(0,0,0,.32)}.parent-stage .journey-visual.is-active{transform:translate(-50%,-50%) scale(1)}
.scene-art--1{background-image:url('../illustrations/eltern-journey/desktop/scene-01.webp');background-position:center}.scene-art--2{background-image:url('../illustrations/eltern-journey/desktop/scene-02.webp');background-position:center}.scene-art--3{background-image:url('../illustrations/eltern-journey/desktop/scene-03.webp');background-position:center}.scene-art--4{background-image:url('../illustrations/eltern-journey/desktop/scene-04.webp');background-position:center}.scene-art--5{background-image:url('../illustrations/eltern-journey/desktop/scene-05.webp');background-position:center}.scene-art--6{background-image:url('../illustrations/eltern-journey/desktop/scene-06.webp');background-position:center}.scene-art--7{background-image:url('../illustrations/eltern-journey/desktop/scene-07.webp');background-position:center}.scene-art--8{background-image:url('../illustrations/eltern-journey/desktop/scene-08.webp');background-position:center}.scene-art--9{background-image:url('../illustrations/eltern-journey/desktop/scene-09.webp');background-position:center}.scene-art--10{background-image:url('../illustrations/eltern-journey/desktop/scene-10.webp');background-position:center}.scene-art--11{background-image:url('../illustrations/eltern-journey/desktop/scene-11.webp');background-position:center}.scene-art--12{background-image:url('../illustrations/eltern-journey/desktop/scene-12.webp');background-position:center}
@media(max-width:760px){.journey-scene__mobile-art{width:100%;height:auto;aspect-ratio:16/9;background-size:cover;background-position:center;border-radius:22px}.journey-scene__mobile-art.scene-art--1{background-image:url('../illustrations/eltern-journey/mobile/scene-01.webp')}.journey-scene__mobile-art.scene-art--2{background-image:url('../illustrations/eltern-journey/mobile/scene-02.webp')}.journey-scene__mobile-art.scene-art--3{background-image:url('../illustrations/eltern-journey/mobile/scene-03.webp')}.journey-scene__mobile-art.scene-art--4{background-image:url('../illustrations/eltern-journey/mobile/scene-04.webp')}.journey-scene__mobile-art.scene-art--5{background-image:url('../illustrations/eltern-journey/mobile/scene-05.webp')}.journey-scene__mobile-art.scene-art--6{background-image:url('../illustrations/eltern-journey/mobile/scene-06.webp')}.journey-scene__mobile-art.scene-art--7{background-image:url('../illustrations/eltern-journey/mobile/scene-07.webp')}.journey-scene__mobile-art.scene-art--8{background-image:url('../illustrations/eltern-journey/mobile/scene-08.webp')}.journey-scene__mobile-art.scene-art--9{background-image:url('../illustrations/eltern-journey/mobile/scene-09.webp')}.journey-scene__mobile-art.scene-art--10{background-image:url('../illustrations/eltern-journey/mobile/scene-10.webp')}.journey-scene__mobile-art.scene-art--11{background-image:url('../illustrations/eltern-journey/mobile/scene-11.webp')}.journey-scene__mobile-art.scene-art--12{background-image:url('../illustrations/eltern-journey/mobile/scene-12.webp')}}
.scene-art--1{background-image:url('../illustrations/eltern-journey/desktop/scene-01.webp');background-position:center}.scene-art--2{background-image:url('../illustrations/eltern-journey/desktop/scene-02.webp');background-position:center}.scene-art--3{background-image:url('../illustrations/eltern-journey/desktop/scene-03.webp');background-position:center}.scene-art--4{background-image:url('../illustrations/eltern-journey/desktop/scene-04.webp');background-position:center}.scene-art--5{background-image:url('../illustrations/eltern-journey/desktop/scene-05.webp');background-position:center}.scene-art--6{background-image:url('../illustrations/eltern-journey/desktop/scene-06.webp');background-position:center}.scene-art--7{background-image:url('../illustrations/eltern-journey/desktop/scene-07.webp');background-position:center}.scene-art--8{background-image:url('../illustrations/eltern-journey/desktop/scene-08.webp');background-position:center}.scene-art--9{background-image:url('../illustrations/eltern-journey/desktop/scene-09.webp');background-position:center}.scene-art--10{background-image:url('../illustrations/eltern-journey/desktop/scene-10.webp');background-position:center}.scene-art--11{background-image:url('../illustrations/eltern-journey/desktop/scene-11.webp');background-position:center}.scene-art--12{background-image:url('../illustrations/eltern-journey/desktop/scene-12-classroom.webp');background-position:center}@media(max-width:760px){.journey-scene__mobile-art.scene-art--1{background-image:url('../illustrations/eltern-journey/mobile/scene-01.webp')}.journey-scene__mobile-art.scene-art--2{background-image:url('../illustrations/eltern-journey/mobile/scene-02.webp')}.journey-scene__mobile-art.scene-art--3{background-image:url('../illustrations/eltern-journey/mobile/scene-03.webp')}.journey-scene__mobile-art.scene-art--4{background-image:url('../illustrations/eltern-journey/mobile/scene-04.webp')}.journey-scene__mobile-art.scene-art--5{background-image:url('../illustrations/eltern-journey/mobile/scene-05.webp')}.journey-scene__mobile-art.scene-art--6{background-image:url('../illustrations/eltern-journey/mobile/scene-06.webp')}.journey-scene__mobile-art.scene-art--7{background-image:url('../illustrations/eltern-journey/mobile/scene-07.webp')}.journey-scene__mobile-art.scene-art--8{background-image:url('../illustrations/eltern-journey/mobile/scene-08.webp')}.journey-scene__mobile-art.scene-art--9{background-image:url('../illustrations/eltern-journey/mobile/scene-09.webp')}.journey-scene__mobile-art.scene-art--10{background-image:url('../illustrations/eltern-journey/mobile/scene-10.webp')}.journey-scene__mobile-art.scene-art--11{background-image:url('../illustrations/eltern-journey/mobile/scene-11.webp')}.journey-scene__mobile-art.scene-art--12{background-image:url('../illustrations/eltern-journey/mobile/scene-12-classroom.webp')}}
.site-footer .footer-bottom{align-items:center;flex-wrap:wrap}.footer-credit{margin-left:auto;color:#c9d1e3}.footer-credit a{color:#fff;font-weight:800;letter-spacing:.02em;border-bottom:1px solid rgba(255,255,255,.35);transition:border-color .2s,color .2s}.footer-credit a:hover{color:var(--color-primary);border-color:var(--color-primary)}
@media(max-width:760px){.footer-credit{margin-left:0}}
.brand-logo-art{aspect-ratio:4/5;background-color:#fff;background-image:url('../images/mosaik-logo-mit-slogan.webp');background-repeat:no-repeat;background-position:center;background-size:91% auto;border-radius:38px;border:8px solid rgba(255,255,255,.86);box-shadow:0 28px 80px rgba(42,57,111,.2),0 0 0 1px rgba(23,32,51,.06);filter:saturate(1.04);transform:rotate(1.5deg);animation:brand-logo-float 7s ease-in-out infinite;overflow:hidden}.brand-logo-art:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 15% 20%,rgba(245,229,125,.38),transparent 27%),radial-gradient(circle at 86% 72%,rgba(89,185,223,.25),transparent 28%);clip-path:none;z-index:0;pointer-events:none}.brand-logo-art:after{display:none}.page-hero__art.brand-logo-art{aspect-ratio:4/5;background-color:#fff;background-image:url('../images/mosaik-logo-mit-slogan.webp');background-position:center;background-size:91% auto;border-radius:38px}.parent-hero__brand{position:absolute;z-index:1;right:max(2rem,6vw);top:15%;width:min(33vw,430px)}
@keyframes brand-logo-float{0%,100%{transform:translateY(0) rotate(1.5deg)}50%{transform:translateY(-10px) rotate(.3deg)}}
@media(max-width:760px){.page-hero__art.brand-logo-art{width:min(76vw,330px);justify-self:center}.parent-hero__brand{position:relative;right:auto;top:auto;width:min(78vw,330px);margin:2.5rem auto 0}.brand-logo-art{border-width:6px;border-radius:28px}}
@media(prefers-reduced-motion:reduce){.brand-logo-art{animation:none;transform:none}}
.parent-hero:after{display:none}.parent-hero{background:linear-gradient(120deg,#fff9f5 0%,#fff9f5 62%,#eef3ff 100%)}
.parent-hero__brand{right:max(1rem,calc((100vw - 1180px)/2));top:15%}.js-enabled .brand-logo-art[data-reveal]{opacity:0;animation:none;transform:translateY(34px) scale(.94) rotate(1.5deg);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.75,.25,1)}.js-enabled .brand-logo-art[data-reveal].is-visible{opacity:1;transform:translateY(0) scale(1) rotate(1.5deg);animation:brand-logo-entrance .9s cubic-bezier(.2,.75,.25,1) both,brand-logo-float 7s ease-in-out .9s infinite}
@keyframes brand-logo-entrance{0%{opacity:0;transform:translateY(34px) scale(.94) rotate(-1deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(1.5deg)}}
@media(max-width:1220px){.parent-hero__brand{right:1.25rem;width:min(31vw,390px)}}
@media(max-width:760px){.parent-hero__brand{right:auto;width:min(78vw,330px)}}
@media(prefers-reduced-motion:reduce){.js-enabled .brand-logo-art[data-reveal],.js-enabled .brand-logo-art[data-reveal].is-visible{opacity:1;transform:none;animation:none}}

/* Keep hero artwork in the document flow so it can never cover headings. */
.parent-hero{align-items:center}
.parent-hero__layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:clamp(2.5rem,6vw,6rem)}
.parent-hero__inner{min-width:0}
.parent-hero__brand{position:relative;inset:auto;width:min(100%,390px);justify-self:end}
@media(max-width:980px){
  .parent-hero__layout,.page-hero__grid{grid-template-columns:1fr}
  .parent-hero__brand,.page-hero__art.brand-logo-art{width:min(68vw,340px);justify-self:center;margin-top:1rem}
  .parent-hero h1{max-width:12ch}
  .page-hero{padding-bottom:4.5rem}
}
@media(max-width:760px){
  .parent-hero__layout{gap:1.5rem}
  .parent-hero__brand,.page-hero__art.brand-logo-art{width:min(78vw,330px);margin-top:.5rem}
}

/* FlyerQR: original brand mark with the same calm entrance used across the site. */
.flyer-hero__brand{width:min(100%,430px);justify-self:center;position:relative;z-index:1}
@media(max-width:700px){.flyer-hero__brand{display:block;width:min(78vw,330px);margin:1rem auto 0}}

/* Calm information cards replace the former quote-style side bars. */
.notice,.flyer-reassurance,.parent-hero__promise{position:relative;border:1px solid rgba(71,102,235,.12);border-left:1px solid rgba(71,102,235,.12);border-radius:18px;background:linear-gradient(135deg,#eef3ff,#f7f9ff);padding:1.05rem 1.25rem 1.05rem 3.65rem;box-shadow:0 12px 32px rgba(42,57,111,.07);font-style:normal}
.notice::before,.flyer-reassurance::before,.parent-hero__promise::before{content:"";position:absolute;left:1.15rem;top:1.05rem;width:1.75rem;height:1.75rem;background:url('../icons/info.svg') center/contain no-repeat;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
.flyer-page[dir=rtl] .flyer-reassurance,html[dir=rtl] .flyer-reassurance{border-right:1px solid rgba(71,102,235,.12);border-left:1px solid rgba(71,102,235,.12);border-radius:18px;padding:1.05rem 3.65rem 1.05rem 1.25rem}
.flyer-page[dir=rtl] .flyer-reassurance::before,html[dir=rtl] .flyer-reassurance::before{left:auto;right:1.15rem}
.tha-contact__card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.4rem;background:#fff;border:1px solid rgba(23,32,51,.08);border-radius:var(--radius);padding:clamp(1.3rem,3vw,2rem);box-shadow:var(--shadow)}.tha-contact__icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--color-blue-soft);color:var(--color-secondary);font-size:1.4rem;font-weight:900}.tha-contact__card h3{font-size:clamp(1.2rem,2.5vw,1.8rem);line-height:1.2;margin:.35rem 0;overflow-wrap:anywhere}.tha-contact__card h3 a{border-bottom:2px solid var(--color-primary)}.tha-contact__card p{margin:.25rem 0;color:var(--color-text-muted)}.tha-contact>.container>.form-note{margin-top:1rem}
@media(max-width:760px){.tha-contact__card{grid-template-columns:auto 1fr}.tha-contact__card .button{grid-column:1/-1;width:100%}}
@font-face{font-family:"Figtree";src:url('../fonts/Figtree-Variable.ttf') format('truetype');font-style:normal;font-weight:300 900;font-display:swap}
:root{--font:"Figtree",Inter,ui-rounded,"Avenir Next",Avenir,"Segoe UI",sans-serif}

/* One consistent four-tile Mosaik mark: navigation, footer and region panel. */
.logo__mark{grid-template-columns:repeat(2,12px);gap:2px;transform:rotate(-5deg)}
.logo__mark i{width:12px;height:12px;border-radius:4px}
.logo__mark i:nth-child(1),.region-panel__mark i:nth-child(1){background:var(--color-primary)}
.logo__mark i:nth-child(2),.region-panel__mark i:nth-child(2){background:var(--color-coral)}
.logo__mark i:nth-child(3),.region-panel__mark i:nth-child(3){background:var(--color-secondary)}
.logo__mark i:nth-child(4),.region-panel__mark i:nth-child(4){background:var(--color-pink)}

/* Schools & authorities – landing page v2 */
.institution-page{background:#fffaf6}.institution-hero{position:relative;overflow:hidden;padding:10rem 0 6rem;background:linear-gradient(135deg,#fffaf6 0 58%,#edf2ff 58%)}.institution-hero:before{content:"";position:absolute;width:36rem;height:36rem;border-radius:50%;right:-15rem;top:-18rem;background:radial-gradient(circle,var(--color-lemon),rgba(245,229,125,0) 68%);opacity:.5}.institution-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.72fr);align-items:center;gap:clamp(3rem,7vw,7rem)}.institution-hero__copy{position:relative;z-index:2}.institution-hero h1{max-width:13ch;margin:.45rem 0 1.5rem;font-size:clamp(3.2rem,6.4vw,6.3rem);line-height:.94;letter-spacing:-.062em}.institution-hero__lead{max-width:65ch;color:var(--color-text-muted);font-size:clamp(1.08rem,1.75vw,1.32rem)}.institution-hero__actions{margin-top:2rem}.institution-hero__actions .button{font-size:.93rem}.institution-click-note{display:flex;align-items:center;gap:.55rem;margin:1rem 0 0;color:var(--color-text-muted);font-size:.84rem;font-weight:750}.institution-click-note span{color:var(--color-pink);font-size:.62rem}.institution-hero__visual{position:relative;min-height:570px;display:grid;place-items:center}.institution-hero__logo{width:min(100%,390px);position:relative}.status-card{position:absolute;z-index:3;right:-1rem;bottom:1.5rem;width:min(88%,330px);padding:1.2rem;border:1px solid rgba(71,102,235,.14);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 25px 65px rgba(33,48,97,.18);backdrop-filter:blur(14px);transform:rotate(-2deg)}.status-card__head,.status-card__row{display:flex;align-items:center;gap:.65rem}.status-card__head{justify-content:space-between;margin-bottom:.75rem;padding-bottom:.7rem;border-bottom:1px solid var(--color-border)}.status-card__head span{color:var(--color-text-muted);font-size:.76rem}.status-card__row{padding:.43rem 0;font-size:.82rem}.status-card__row i{width:10px;height:10px;border-radius:50%}.status-card__row span{flex:1}.status-card__row strong{font-size:.72rem}.status-card__row .is-fit{background:#39a978}.status-card__row .is-unsure{background:var(--color-primary)}.status-card__row .is-sick{background:var(--color-pink)}
.institution-narrow{max-width:900px}.institution-intro{text-align:left}.institution-intro .section__body{max-width:75ch}.institution-challenges{background:#f5f6f8}.institution-solutions{background:#fff}.institution-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}.institution-card{position:relative;padding:clamp(1.5rem,3vw,2.25rem);border-radius:28px;box-shadow:0 13px 45px rgba(31,42,73,.06)}.institution-card h3{margin:1.45rem 0 .85rem;font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.15}.institution-card p{color:var(--color-text-muted)}.institution-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;font-weight:900}.problem-card{border:1px solid #e2e5ea;background:#fbfbfc}.problem-card .institution-card__icon{background:#eceef2;color:#687080}.solution-card{border:1px solid rgba(71,102,235,.1);background:linear-gradient(145deg,#fff4e8,#f1f4ff)}.solution-card:nth-child(2){background:linear-gradient(145deg,#eef4ff,#f9f7ff)}.solution-card:nth-child(3){background:linear-gradient(145deg,#fff2f5,#fff8ef)}.solution-card .institution-card__icon{background:var(--color-secondary);color:#fff}.solution-card:nth-child(2) .institution-card__icon{background:var(--color-primary);color:var(--color-text)}.solution-card:nth-child(3) .institution-card__icon{background:var(--color-pink)}.institution-claim-note{max-width:850px;margin:2rem auto 0}
.institution-audience{overflow:hidden}.institution-split{display:grid;grid-template-columns:1fr .86fr;align-items:center;gap:clamp(3rem,8vw,7rem)}.institution-split--reverse{grid-template-columns:.86fr 1fr}.institution-check-panel{padding:clamp(1.5rem,4vw,2.8rem);border:1px solid rgba(71,102,235,.12);border-radius:32px;background:linear-gradient(145deg,#fff,#edf3ff);box-shadow:0 20px 60px rgba(35,50,96,.09)}.institution-check-panel--formal{background:#fff}.institution-check-panel h3{margin-top:0;font-size:1.45rem}.institution-check-list{display:grid;gap:.9rem;margin:1.5rem 0 0;padding:0;list-style:none}.institution-check-list li{position:relative;padding-left:2rem;color:var(--color-text-muted)}.institution-check-list li:before{content:"✓";position:absolute;left:0;top:.05rem;display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--color-secondary);color:#fff;font-size:.7rem;font-weight:900}
.institution-family{background:linear-gradient(135deg,#fff5e9,#edf3ff)}.institution-family__grid{display:grid;grid-template-columns:.75fr 1fr;align-items:center;gap:clamp(3rem,8vw,7rem)}.system-orbit{position:relative;width:min(100%,440px);aspect-ratio:1;margin:auto;border:1px solid rgba(71,102,235,.2);border-radius:50%}.system-orbit:before,.system-orbit:after{content:"";position:absolute;inset:17%;border:1px dashed rgba(71,102,235,.23);border-radius:50%}.system-orbit:after{inset:34%;background:#fff;border-style:solid;box-shadow:0 16px 45px rgba(31,42,73,.1)}.system-orbit__center{position:absolute;z-index:2;inset:40%;display:grid;place-items:center;border-radius:50%;background:var(--color-secondary);color:#fff;font-weight:850}.system-orbit i{position:absolute;z-index:3;padding:.55rem .8rem;border-radius:999px;background:#fff;box-shadow:0 8px 25px rgba(31,42,73,.1);font-size:.76rem;font-style:normal;font-weight:800}.system-orbit i:nth-of-type(1){left:7%;top:20%}.system-orbit i:nth-of-type(2){right:7%;top:18%}.system-orbit i:nth-of-type(3){left:-2%;bottom:22%}.system-orbit i:nth-of-type(4){right:4%;bottom:18%}
.institution-principles .section__eyebrow{color:var(--color-lemon)}.institution-principles .section__body{color:#c5cde0}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.principle-grid article{padding:1.6rem;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.055)}.principle-grid span{color:var(--color-lemon);font-size:.8rem;font-weight:900}.principle-grid h3{margin:1rem 0 .6rem;font-size:1.3rem}.principle-grid p{color:#c5cde0;font-size:.93rem}.institution-promise{text-align:center;background:#fff}.institution-promise .container{max-width:950px}.institution-promise .section__eyebrow{justify-content:center}.institution-promise h2{margin:.5rem 0 1.5rem;font-size:clamp(3rem,7vw,6.6rem);line-height:.96;letter-spacing:-.06em}.institution-promise p{max-width:70ch;margin:1rem auto;color:var(--color-text-muted);font-size:1.12rem}
.institution-contact__grid{display:grid;grid-template-columns:.76fr 1.14fr;align-items:start;gap:clamp(3rem,7vw,6rem)}.institution-contact__links{display:grid;gap:.7rem;margin:2rem 0}.institution-contact__links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border:1px solid rgba(23,32,51,.12);border-radius:16px;background:rgba(255,255,255,.52);font-weight:800;transition:.25s}.institution-contact__links a:hover{transform:translateX(4px);background:#fff}.institution-contact__links span{color:var(--color-secondary)}.institution-form{padding:clamp(1.4rem,4vw,2.8rem);border:1px solid rgba(23,32,51,.08);border-radius:32px;background:#fff;box-shadow:0 24px 70px rgba(70,51,31,.12)}.institution-form__head h3{margin:.25rem 0 .5rem;font-size:2rem}.institution-form__head>p:last-child{color:var(--color-text-muted)}.institution-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.6rem 0}.institution-form label{display:grid;gap:.42rem}.institution-form label span{font-size:.8rem;font-weight:800}.institution-form input,.institution-form textarea{width:100%;border:1px solid var(--color-border);border-radius:13px;background:#fbfbfc;padding:.82rem .9rem;color:var(--color-text);outline:none;transition:.2s}.institution-form input:focus,.institution-form textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 4px rgba(71,102,235,.12)}.institution-form__wide{grid-column:1/-1}.institution-form small{color:var(--color-text-muted);font-weight:500}.institution-form__status{min-height:1.5rem;color:#247a59;font-weight:750}.institution-form__legal{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.72rem;line-height:1.5}
@media(max-width:980px){.institution-hero{background:linear-gradient(150deg,#fffaf6 0 68%,#edf2ff 68%)}.institution-hero__grid{grid-template-columns:1fr}.institution-hero__visual{min-height:500px;width:min(100%,620px);margin:auto}.institution-card-grid{grid-template-columns:1fr}.institution-card{min-height:0}.principle-grid{grid-template-columns:1fr 1fr}.institution-split,.institution-split--reverse,.institution-family__grid,.institution-contact__grid{grid-template-columns:1fr}.institution-split--reverse .institution-check-panel{order:2}.institution-contact__grid{gap:3rem}}
@media(max-width:620px){.institution-hero{padding:8rem 0 4rem}.institution-hero h1{font-size:clamp(3rem,13vw,4.5rem)}.institution-hero__actions{display:grid}.institution-hero__actions .button{width:100%}.institution-hero__visual{min-height:400px}.institution-hero__logo{width:min(88vw,310px)}.status-card{right:0;bottom:0;width:min(90%,300px)}.principle-grid{grid-template-columns:1fr}.system-orbit{width:min(88vw,360px)}.institution-form__grid{grid-template-columns:1fr}.institution-form__wide{grid-column:auto}.institution-promise h2{font-size:clamp(2.7rem,13vw,4.6rem)}}
.institution-contact__buttons{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 .9rem}.institution-contact__card{margin-top:2.2rem}.institution-contact__note{max-width:78ch;margin:1rem 0 0;color:var(--color-text-muted);font-size:.82rem}
@media(max-width:620px){.institution-contact__buttons{display:grid}.institution-contact__buttons .button{width:100%}.institution-contact__card{margin-top:1.6rem}}
.audience-contact__card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.4rem;background:#fff;border:1px solid rgba(23,32,51,.08);border-radius:var(--radius);padding:clamp(1.3rem,3vw,2rem);box-shadow:var(--shadow)}.audience-contact__card h3{font-size:clamp(1.2rem,2.5vw,1.8rem);line-height:1.2;margin:.35rem 0;overflow-wrap:anywhere}.audience-contact__card h3 a{border-bottom:2px solid var(--color-primary)}.audience-contact__card p{margin:.25rem 0;color:var(--color-text-muted)}
@media(max-width:760px){.audience-contact__card{grid-template-columns:auto 1fr}.audience-contact__card .button{grid-column:1/-1;width:100%}}
@media(max-width:900px){.flyer-steps{grid-template-columns:repeat(2,1fr)}.flyer-steps li:last-child{grid-column:1/-1}}
@media(max-width:700px){.flyer-hero__grid{grid-template-columns:1fr}.flyer-mosaic{display:none}.flyer-hero h1{font-size:clamp(3rem,14vw,4.7rem)}.flyer-steps,.flyer-contact-grid{grid-template-columns:1fr}.flyer-steps li,.flyer-steps li:last-child{grid-column:auto;min-height:0;display:grid;grid-template-columns:38px 1fr;align-items:center}.flyer-cost__panel{grid-template-columns:1fr}.flyer-cost__icon{width:64px;height:64px;border-radius:20px;font-size:1.8rem}.flyer-footer .container{flex-direction:column}.flyer-language select{max-width:145px}}

/* Bilingual QR-page language switch */
.flyer-language{display:flex;align-items:center;gap:.25rem;padding:.3rem;border:1px solid rgba(71,102,235,.16);border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 8px 24px rgba(31,42,73,.08);backdrop-filter:blur(12px)}
.flyer-language__option{display:flex;align-items:center;gap:.45rem;min-height:40px;padding:.45rem .8rem;border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:.82rem;font-weight:800;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s,transform .2s}
.flyer-language__option:hover{color:var(--color-secondary-dark);background:var(--color-blue-soft)}
.flyer-language__option:focus-visible{outline:3px solid rgba(71,102,235,.3);outline-offset:2px}
.flyer-language__option.is-active{background:var(--color-secondary);color:#fff;box-shadow:0 5px 14px rgba(71,102,235,.28)}
.flyer-language__option:active{transform:scale(.97)}
.flyer-language__flag{font-size:1.05rem;line-height:1}
@media(max-width:480px){.flyer-language__option{padding:.45rem .62rem}.flyer-language__option span:last-child{font-size:.75rem}}

/* Prevent long German hero copy and CTAs from overflowing narrow phones. */
@media(max-width:760px){
  .institution-hero__grid,.institution-hero__copy{min-width:0}
  .institution-hero__copy{width:100%}
  .institution-hero h1{max-width:100%;font-size:clamp(2.55rem,11.5vw,4.2rem);line-height:.98;letter-spacing:-.05em;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
  .institution-hero__lead{max-width:100%;overflow-wrap:break-word}
  .institution-hero__actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  .institution-hero__actions .button{width:100%;max-width:100%;padding-inline:1rem;white-space:normal;text-align:center;line-height:1.3}
  .institution-click-note{max-width:100%}
}
@media(max-width:390px){
  .institution-hero h1{font-size:clamp(2.25rem,11vw,2.75rem);letter-spacing:-.04em}
  .institution-hero__actions .button{font-size:.88rem}
}

/* Hero CTAs share the exact visual system used by “Zusammenarbeit anfragen”. */
.institution-hero__actions .button{min-height:50px;padding:.75rem 1.2rem;font-size:1rem;line-height:1.65;white-space:normal}
@media(min-width:621px) and (max-width:760px){
  .institution-hero__actions{display:flex;grid-template-columns:none}
  .institution-hero__actions .button{width:auto}
}
@media(max-width:620px){
  .institution-hero__actions{display:grid;grid-template-columns:1fr;gap:.8rem}
  .institution-hero__actions .button{width:100%;font-size:1rem}
}

/* Final briefing: calmer family CTA and clearer editorial sections. */
.family-cta{padding-block:4.5rem;background:linear-gradient(135deg,#fff1e2,#eef3ff)}
.family-cta__panel{padding:clamp(1.6rem,5vw,4rem);border:1px solid rgba(71,102,235,.12);border-radius:var(--radius-lg);background:rgba(255,255,255,.82);box-shadow:0 22px 65px rgba(31,42,73,.08)}
.family-cta__panel .section__title{max-width:15ch;font-size:clamp(2.2rem,4.5vw,4rem)}
.about-name{background:linear-gradient(135deg,#fff7ee,#eef3ff)}
.about-name__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2.5rem,7vw,7rem)}
.about-name__story{position:relative;padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(71,102,235,.12);border-radius:32px;background:#fff;box-shadow:0 20px 60px rgba(31,42,73,.08)}
.about-name__story:before{content:"";position:absolute;right:1.4rem;top:1.4rem;width:clamp(4rem,7vw,5.5rem);aspect-ratio:2430/2393;background:url('../images/mosaik-logo-ohne-slogan.webp') center/contain no-repeat;opacity:.95}
.about-name__story p{max-width:68ch;color:var(--color-text-muted)}
.about-name__story p:first-child{margin-top:0;padding-right:clamp(5.2rem,9vw,7rem);color:var(--color-text);font-size:1.2rem;font-weight:800}
.about-name__story p:last-child{margin-bottom:0;color:var(--color-text)}
.about-foundations{margin-top:4.5rem;padding-top:4rem;border-top:1px solid rgba(255,255,255,.14)}
.about-foundations .section__eyebrow{color:var(--color-lemon)}
.about-foundations .section__body{color:#c5cde0}

/* Schools & authorities: smaller headline, earlier logo and stronger card pairing. */
.institution-hero{padding:8.5rem 0 7.5rem}
.institution-hero__grid{align-items:start}
.institution-hero h1{font-size:clamp(2.8rem,4.9vw,5rem);line-height:.98;max-width:15ch}
.institution-hero__visual{min-height:540px;place-items:start center;padding-top:0}
.institution-hero__logo{width:min(100%,370px)}
.problem-card{overflow:hidden;border-color:rgba(57,169,120,.25);background:linear-gradient(145deg,#f2faf6,#fbfdfc)}
.problem-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#71c5a0}
.problem-card:nth-child(1) .institution-card__icon{background:var(--color-secondary);color:#fff}
.problem-card:nth-child(2) .institution-card__icon{background:var(--color-primary);color:var(--color-text)}
.problem-card:nth-child(3) .institution-card__icon{background:var(--color-pink);color:#fff}
@media(max-width:980px){
  .institution-hero{padding:8rem 0 6rem}
  .institution-hero__grid{gap:3.5rem}
  .institution-hero h1{font-size:clamp(2.65rem,7vw,4.5rem)}
  .institution-hero__visual{min-height:470px}
}
@media(max-width:760px){
  .family-cta{padding-block:3.5rem}
  .about-name__grid{grid-template-columns:1fr;gap:1.5rem}
  .about-foundations{margin-top:3.5rem;padding-top:3rem}
  .institution-hero{padding:7.5rem 0 5rem}
  .institution-hero h1{font-size:clamp(2.35rem,10.5vw,3.4rem);line-height:1}
  .institution-hero__visual{min-height:410px}
}

/* Requested visual refinements: institutional tile, parent CTA and classroom finale. */
.audience-card:nth-child(2) .mini-figure{background:#49a978}
.audience-card:nth-child(2) .mini-figure + .mini-figure{background:#fff;border:3px solid #49a978}
.journey-scene .journey-scene__cta{align-self:flex-start;margin-top:.25rem;box-shadow:0 12px 32px rgba(73,102,232,.34)}
.journey-scene:has(.journey-scene__cta) p{margin-bottom:.65rem}
.scene-art--12{background-image:url('../illustrations/eltern-journey/desktop/scene-12-classroom.webp')}.journey-scene__mobile-art.scene-art--12{background-image:url('../illustrations/eltern-journey/mobile/scene-12-classroom.webp')}
@media(max-width:450px){.journey-scene .journey-scene__cta{align-self:stretch}}
html[dir=rtl] .flyer-reassurance{border-left:0;border-right:4px solid var(--color-primary);border-radius:16px 0 0 16px}html[dir=rtl] .flyer-contact{text-align:right}

/* Unified official Mosaik logo (without slogan). */
.logo{font-size:0;line-height:0}
.logo__mark{display:block;flex:0 0 auto;width:58px;height:auto;aspect-ratio:2430/2393;background:url('../images/mosaik-logo-ohne-slogan.webp') center/contain no-repeat;transform:none}
.logo__mark i,.region-panel__mark i{display:none}
.footer-brand .logo__mark{width:76px}
.region-panel__mark{display:block;width:clamp(112px,13vw,160px);aspect-ratio:1784/2310;background:url('../images/mosaik-logo-mit-slogan.webp') center/contain no-repeat;transform:none}
.flyer-region-logo{width:clamp(118px,16vw,170px);aspect-ratio:1784/2310;margin:0 auto 1.5rem;background:url('../images/mosaik-logo-mit-slogan.webp') center/contain no-repeat}

/* The final homepage journey scene uses the new classroom artwork. */

@media(max-width:760px){
  .logo__mark{width:52px}
  .footer-brand .logo__mark{width:68px}
  .region-panel__mark{width:118px}
}