/* Product-first Miggis, 24 September 2026. Original brand assets only. */
.home-page{background:#fff;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}.home-page .header{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #e8e8e9;color:#303033}.home-page .header-inner{min-height:66px;width:min(1100px,92%);gap:25px}.home-page .header .brand-logo{width:126px}.home-page .nav{font-size:12px;gap:35px}.home-page .nav .contact-link{border:0;padding:0}.home-page .menu-button{font-size:12px;padding:7px 13px;border-color:#d4d4d6}.product-home h1,.product-home h2,.product-home h3{font-family:inherit;font-weight:650;letter-spacing:-.045em}.studio-strip{text-align:center;background:#f5f5f7;font-size:12px;line-height:1.5;padding:15px 20px;color:#4a4a4f}.studio-strip a{color:#286448;margin-left:9px;white-space:nowrap}.app-jumpnav{display:flex;justify-content:center;gap:35px;padding:20px;overflow-x:auto;font-size:12px;scrollbar-width:none}.app-jumpnav a{white-space:nowrap}.product-stages{display:grid;gap:12px}.home-stage{background:#faf7f1;color:#49362c;text-align:center;overflow:hidden;position:relative;padding-top:44px}.stage-heading{position:relative;z-index:2;padding-inline:22px}.house-wordmark{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.house-wordmark img{width:50px;height:50px;object-fit:contain}.house-wordmark>span{font-family:Georgia,serif;font-size:25px;font-weight:700;letter-spacing:-.02em;text-align:left;line-height:1.15}.house-wordmark small{display:block;font-size:11px;font-style:italic;color:#936033;font-weight:400;margin-top:3px}.home-stage h2{font-size:clamp(42px,5vw,70px);line-height:1.04;letter-spacing:-.04em;font-family:Georgia,serif;font-weight:500}.stage-heading>p:not(.product-name):not(.stage-availability){font-size:22px;line-height:1.4;letter-spacing:-.025em;margin:19px auto 0}.product-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:17px;margin-top:23px}.product-button{display:inline-flex;justify-content:center;align-items:center;background:#49362c;color:#fff;border:1px solid #49362c;border-radius:30px;padding:12px 22px;font-size:14px;line-height:1.35;transition:background .2s,box-shadow .2s}.product-button:hover{background:#644a3a;text-decoration:none;box-shadow:0 2px 10px #49362c16}.product-button.outlined{color:#6e492d;background:transparent;border-color:#936033}.product-button.outlined:hover{background:#936033;color:white}.stage-availability{font-size:12px;color:#7b6b5d;margin-top:18px!important}.device-gallery{display:flex;justify-content:center;align-items:flex-start;gap:28px;margin:36px auto 0;height:500px;max-width:1040px;position:relative;isolation:isolate;text-decoration:none!important}.device-gallery:before{content:"";position:absolute;left:8%;right:8%;top:40%;height:60%;background:radial-gradient(ellipse,#ba926f35,transparent 68%);z-index:-1}.app-device{width:220px;background:#292620;border:6px solid #302d28;border-radius:35px;padding:0;overflow:hidden;box-shadow:0 20px 35px #573b2a25;flex-shrink:0}.app-device img{width:100%;height:auto;display:block}.device-center{width:245px;z-index:2;border-color:#443b30}.device-left{transform:translateY(48px) rotate(-6deg)}.device-right{transform:translateY(48px) rotate(6deg)}.screen-source{font-size:10px;color:#8a7866;padding:15px 0 18px;background:#faf7f1;position:relative;margin:0!important;z-index:3}.ayra-stage{background:#090d1c;text-align:center;color:#f0edff;padding:60px 0 26px;overflow:hidden}.product-name{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0 0 10px}.ayra-stage .product-name{letter-spacing:.22em;font-size:18px}.ayra-stage h2{font-size:clamp(42px,5vw,66px);line-height:1.04}.ayra-stage .stage-heading>p:not(.product-name){color:#c7c8df;font-size:21px}.ayra-stage .product-button{color:#131528;background:#dfd6ff;border-color:#dfd6ff}.product-link{font-size:16px;display:inline-flex;align-items:center;gap:6px;color:var(--app-accent,#c9bcf7)}.product-link>span{font-size:22px;line-height:1}.ayra-stage-art{display:block;width:min(450px,76vw);margin:3px auto -22px}.ayra-stage-art img{width:100%;height:auto}.product-phase{font-size:11px;line-height:1.6;letter-spacing:.01em;color:var(--app-muted,#babdd6);margin:0!important}.product-tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 12px}.product-tile{padding:44px 20px 22px;min-height:570px;text-align:center;overflow:hidden;position:relative;display:flex;flex-direction:column}.tile-heading{position:relative;z-index:2}.product-tile .product-name{font-size:18px;margin-bottom:12px;color:var(--app-ink)}.product-tile h2{font-size:clamp(30px,3.1vw,44px);line-height:1.06;margin:0 auto;max-width:420px;color:var(--app-ink)}.product-tile .tile-sub{font-size:17px;letter-spacing:-.02em;margin:16px auto 15px;max-width:360px;color:var(--app-muted)}.product-tile .product-link{font-size:14px}.tile-art-link{margin:auto;display:flex;align-items:center;justify-content:center;min-height:285px;width:100%;max-width:460px;transition:transform .35s ease}.tile-art-link:hover{transform:scale(1.025)}.product-tile .app-brand-art{margin:8px 0;min-height:0;justify-content:center;max-width:100%}.product-tile .verdora-art img{width:270px;height:232px}.product-tile.brand-verdora{border:0!important;background:#f0f6ed}.product-tile.brand-migginav{background:#eaeee3}.product-tile.brand-migginav .app-brand-art img{width:min(100%,420px);height:auto;border-radius:0}.product-tile.brand-nightlux{--app-bg:#f5f7fa;--app-ink:#0b2330;--app-muted:#526175;--app-accent:#35556a;--app-line:#e1e6ec;background:linear-gradient(#f0f3f8,#fff)}.product-tile .nightlux-art img{width:260px;height:260px;border-radius:0;mix-blend-mode:multiply}.product-tile.brand-zugwagen{background:#fff4e8}.product-tile .zuggefaehrte-art{width:390px;max-width:100%;margin:0}.product-tile .product-phase{padding-top:10px}.studio-story{text-align:center;background:#fff;padding:100px 0 90px}.studio-story .product-name{font-size:16px;color:#77777c;font-weight:500;margin-bottom:20px}.studio-story h2{font-size:clamp(40px,4.8vw,64px);line-height:1.08}.story-summary{max-width:650px;margin:26px auto 0;font-size:21px;line-height:1.55;letter-spacing:-.025em;color:#6a6a70}.studio-signature{width:150px;margin:18px auto}.studio-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:950px;margin:45px auto 0}.studio-principles h3{font-size:21px;margin-bottom:12px;letter-spacing:-.03em}.studio-principles p{font-size:14px;color:#77777c;max-width:230px;margin:auto;line-height:1.6}.studio-connect{background:#f5f5f7;padding:80px 0 90px}.connect-intro{text-align:center;margin-bottom:40px}.connect-intro h2{font-size:clamp(35px,4vw,54px);line-height:1.1}.connect-intro>p{font-size:19px;color:#6e6e73;margin-top:20px}.connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;max-width:1050px;margin:auto}.connect-panel{border-radius:20px;background:#fff;overflow:hidden;scroll-margin-top:85px}.connect-panel summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px;cursor:pointer;list-style:none;font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.035em}.connect-panel summary::-webkit-details-marker{display:none}.connect-panel summary small{display:block;font-size:12px;font-weight:400;color:#77777c;letter-spacing:0;margin-bottom:12px}.details-plus{display:grid;place-items:center;border-radius:50%;background:#eeeef0;width:32px;height:32px;font-size:24px;font-weight:400;flex-shrink:0;transition:transform .2s}.connect-panel[open] .details-plus{transform:rotate(45deg)}.connect-content{padding:0 30px 30px}.connect-content>p{color:#6e6e73;font-size:13px;line-height:1.7;margin-bottom:25px}.connect-content .form{grid-template-columns:1fr;gap:19px}.connect-content .form .field,.connect-content .form .full{grid-column:1}.connect-content .field{font-size:12px}.connect-content input,.connect-content select,.connect-content textarea{border-radius:9px;background:#fafafa;border-color:#d5d5d8}.connect-content .button{background:#193e32;border-radius:30px;justify-self:start}.connect-content .privacy{font-size:11px}.home-page .footer{background:#f5f5f7;color:#66666c;padding-top:0}.home-page .footer .wrap{width:min(1050px,88%)}.home-page .footer-top{border-top:1px solid #d5d5d8;padding-top:32px;gap:30px}.home-page .footer .brand-logo{width:160px}.home-page .footer .brand-logo img{filter:none;opacity:1}.home-page .footer p{font-size:11px}.home-page .footer nav{font-size:11px}.home-page .footer-bottom{color:#77777c;border-color:#d5d5d8;font-size:10px}.product-home :is(section,div)[id]{scroll-margin-top:80px}
@media(max-width:1000px){.app-jumpnav{gap:25px}.product-tile{min-height:540px}.product-tile h2{font-size:34px}.product-tile .tile-sub{font-size:16px}.tile-art-link{max-width:360px}.product-tile .zuggefaehrte-art{width:330px}.connect-panel summary{padding:25px;font-size:21px}}
@media(max-width:740px){.home-page .header-inner{min-height:60px}.home-page .header .brand-logo{width:115px}.home-page .nav{background:#fffffff5}.home-page .nav .contact-link{padding:0}.studio-strip{font-size:11px;padding:12px 22px}.app-jumpnav{justify-content:flex-start;padding:17px 22px;gap:27px;font-size:11px}.home-stage{padding-top:30px}.house-wordmark{margin-bottom:18px}.house-wordmark>span{font-size:22px}.house-wordmark img{width:45px;height:45px}.home-stage h2{font-size:clamp(37px,9.7vw,58px)}.stage-heading>p:not(.product-name):not(.stage-availability){font-size:18px;max-width:280px;margin-top:18px}.product-actions{gap:12px;margin-top:20px}.product-button{font-size:12px;padding:11px 17px}.stage-availability{font-size:10px}.device-gallery{gap:13px;width:100%;height:360px;margin-top:30px}.app-device{width:155px;border-width:4px;border-radius:24px}.device-center{width:177px}.device-left{transform:translateY(38px) rotate(-7deg)}.device-right{transform:translateY(38px) rotate(7deg)}.screen-source{font-size:9px;padding:12px}.ayra-stage{padding-top:40px}.ayra-stage h2{font-size:43px}.ayra-stage .stage-heading>p:not(.product-name){font-size:18px;max-width:280px}.ayra-stage .product-name{font-size:15px}.ayra-stage-art{width:330px;max-width:92vw;margin:10px auto -15px}.ayra-stage .product-phase{padding:0 25px;font-size:10px}.product-tile-grid{grid-template-columns:1fr;padding:0 10px;gap:10px}.product-stages{gap:10px}.product-tile{min-height:510px;padding:35px 20px 20px}.product-tile h2{font-size:34px;max-width:310px}.tile-art-link{min-height:265px}.product-tile .verdora-art img{width:240px;height:210px}.product-tile .nightlux-art img{width:230px;height:230px}.product-tile .product-name{font-size:16px}.studio-story{padding:65px 0}.studio-story h2{font-size:40px}.story-summary{font-size:18px;line-height:1.55}.studio-story .product-name{font-size:12px}.studio-principles{grid-template-columns:1fr;gap:28px;margin-top:30px}.studio-principles p{max-width:250px}.studio-connect{padding:55px 0}.connect-intro h2{font-size:34px}.connect-intro>p{font-size:16px}.connect-grid{grid-template-columns:1fr;gap:15px}.connect-panel summary{padding:25px}.connect-content{padding:0 25px 25px}.home-page .footer-top{padding-top:27px}.home-page .footer .brand-logo{width:160px}}
@media(prefers-reduced-motion:reduce){.tile-art-link,.product-button,.details-plus{transition:none}.tile-art-link:hover{transform:none}}
/* Shared precision for app detail pages, retaining approved brand colours. */
.app-page{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}.app-page .header-inner{min-height:72px;width:min(1100px,92%)}.app-page .header .brand-logo{width:145px}.app-page .nav{font-size:12px;gap:30px}.app-page .project-hero{text-align:center;padding-top:30px;padding-bottom:60px}.app-page .breadcrumb{text-align:left;margin-bottom:35px}.app-page .project-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.04em}.app-page .project-hero .lead{margin-inline:auto;max-width:720px;font-size:24px;line-height:1.4}.app-page .project-hero .app-brand-art{justify-content:center;margin:24px auto 14px}.app-page .project-hero .hb-brand{justify-content:center}.app-page .project-detail h2{font-size:clamp(28px,3.3vw,44px);line-height:1.17;letter-spacing:-.035em}.app-page .project-detail p{font-size:16px;line-height:1.7}.app-page .project-bottom h2{font-size:clamp(30px,3.5vw,46px)}
@media(max-width:740px){.app-page .header-inner{min-height:65px}.app-page .header .brand-logo{width:125px}.app-page .project-hero .lead{font-size:20px}.app-page .project-hero{padding-bottom:40px}}
/* Subtle scroll-linked product movement. Default remains fully visible. */
@media(prefers-reduced-motion:no-preference){
.device-gallery,.ayra-stage-art{transform:translateY(var(--scene-y,0px)) scale(var(--scene-scale,1));transform-origin:center center}
.tile-art-link{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease}
.tile-art-link:hover{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.025)}
.product-button:active{transform:scale(.97)}
}
@media(prefers-reduced-motion:reduce){.device-gallery,.ayra-stage-art,.tile-art-link,.tile-art-link:hover{transform:none!important}}

@media(prefers-reduced-motion:no-preference){.device-left{transform:translateX(calc(var(--device-spread,0px) * -1)) translateY(48px) rotate(-6deg)}.device-right{transform:translateX(var(--device-spread,0px)) translateY(48px) rotate(6deg)}}

/* Brand introduction precedes the individual products. */
.miggis-intro{position:relative;text-align:center;background:#f7f8f3;color:#193e32;padding:48px 24px 36px;overflow:hidden}.intro-inner{max-width:900px;margin:auto}.intro-kicker{font-size:11px;letter-spacing:.21em;font-weight:600;color:#697560}.intro-wordmark{position:relative;width:min(440px,80vw);aspect-ratio:1335/490;overflow:hidden;margin:25px auto 30px}.intro-wordmark img{position:absolute;width:115.96%;max-width:none;height:auto;left:-8.24%;top:-53.88%}.miggis-intro h1{font-size:clamp(40px,5.1vw,68px);font-weight:650;line-height:1.06;letter-spacing:-.05em}.miggis-intro h1 span{color:#68795b}.intro-personal{max-width:550px;margin:25px auto 0;font-size:19px;line-height:1.55;letter-spacing:-.02em;color:#66705f}.intro-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;margin-top:26px}.intro-actions .product-button{background:#193e32;border-color:#193e32}.intro-actions .product-button:hover{background:#2e5340}.intro-story-link{font-size:15px;color:#315c43}.intro-origin{font-size:11px;color:#7a8271;margin-top:30px!important}.intro-scroll{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;border:1px solid #cbd3c2;border-radius:50%;font-size:20px;color:#6b795e;margin-top:22px}.intro-scroll:hover{text-decoration:none;background:#e9eedf}
@media(max-width:740px){.miggis-intro{padding:35px 22px 28px}.intro-wordmark{width:min(320px,83vw);margin:25px auto}.miggis-intro h1{font-size:clamp(34px,9vw,50px)}.intro-personal{font-size:16px;max-width:330px;margin-top:22px}.intro-actions{gap:17px;margin-top:24px}.intro-story-link{font-size:13px}.intro-origin{margin-top:25px!important}}

/* Miggi mascot: small companion at welcome and conversation points. */
.miggi-mascot{display:block;width:112px;height:auto;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 8px 8px #152c1812)}
.mascot-welcome{display:flex;align-items:center;justify-content:center;gap:17px;margin:27px auto 0;text-align:left}.mascot-welcome .miggi-mascot{width:240px}.mascot-welcome p{margin:0;font-size:13px;line-height:1.6;color:#66705f}.mascot-welcome strong{display:block;font-size:17px;color:#193e32;font-weight:600;letter-spacing:-.02em}.mascot-welcome span{display:block;max-width:180px}.connect-intro>.miggi-mascot{width:150px;margin:0 auto 18px}.project-bottom .miggi-mascot{width:125px;margin:0 auto 22px}.project-bottom{text-align:center}
@media(max-width:740px){.mascot-welcome{gap:10px;margin-top:23px}.mascot-welcome .miggi-mascot{width:180px}.mascot-welcome strong{font-size:15px}.mascot-welcome p{font-size:12px}.connect-intro>.miggi-mascot,.project-bottom .miggi-mascot{width:110px}}
@media(prefers-reduced-motion:no-preference){.mascot-welcome .miggi-mascot{animation:miggi-hello 1.1s cubic-bezier(.22,1,.36,1) both;transform-origin:50% 90%}@keyframes miggi-hello{0%{opacity:0;transform:translateY(15px) rotate(-7deg)}65%{opacity:1;transform:translateY(0) rotate(3deg)}100%{transform:rotate(0)}}}
