/* 星系包装 · 明亮的母公司品牌官网 */
:root { --ink:#202124; --muted:#686a6e; --paper:#f5f6f8; --line:#e5e6e8; --orange:#d9471c; --orange-dark:#b93611; --accent:#ed6a36; --container:1280px; --radius:20px; --radius-small:9px; }
body { color:var(--ink); background:#fff; }
h1,h2,h3 { letter-spacing:-.025em; }
.container { width:min(var(--container),calc(100% - 96px)); }
.section { padding-block:88px; }
.eyebrow { color:#74777b; font-size:10px; letter-spacing:.13em; font-weight:500; }
.eyebrow::before { display:none; }
.section-heading { justify-content:center; text-align:center; align-items:center; flex-direction:column; gap:15px; margin-bottom:42px; }
.section-heading h2 { font-size:clamp(28px,2.6vw,38px); margin-top:9px; font-weight:600; line-height:1.5; }
.section-heading h2::after { content:""; display:block; width:44px; height:3px; margin:20px auto 0; background:var(--orange); }
.section-heading .text-link { font-size:12px; color:#666a70; gap:9px; }
.section-intro { color:#737c84; font-size:13px; line-height:1.9; text-align:center; margin:-18px auto 32px; max-width:680px; }
.text-link { font-size:13px; gap:12px; font-weight:500; }
.text-link .icon { color:var(--orange); width:17px; height:17px; }
.btn { border-radius:8px; min-height:47px; font-weight:500; font-size:13px; padding:11px 24px; gap:20px; }
.btn .arrow-up,.text-link .arrow-up,.portal-arrow .arrow-up { transform:none; }
.btn-primary { background:var(--orange); }
.btn-primary:hover { background:var(--orange-dark); }
.btn:hover { transform:none; }

/* White primary navigation. */
.site-header { background:#fff; border-bottom:1px solid var(--line); }
.header-inner { height:82px; }
.site-header .brand-name { color:#222427; font-size:22px; font-weight:700; }
.site-header .brand-english { color:#777b81; }
.brand-mark { width:29px; height:41px; }
.nav { gap:31px; }
.nav-link { color:#33363a; font-size:14px; font-weight:400; padding-block:28px; }
.nav-link::after { bottom:0; }
.nav-link[aria-current="page"]::after { width:30px; }
.nav-link:hover,.nav-link[aria-current="page"] { color:var(--orange); }
.nav-cta { background:#fff; color:var(--ink); border:1px solid #d4d7db; font-size:12px; padding:8px 16px; min-height:38px; margin-left:8px; }
.nav-cta:hover { color:var(--orange); background:#fff; border-color:var(--orange); }
.nav-cta .icon { width:16px; height:16px; }
.menu-toggle { color:var(--ink); background:#fff; border-color:#dce0e5; border-radius:8px; }

/* Large photographic carousel; titles remain real selectable text. */
.corporate-hero { position:relative; isolation:isolate; overflow:hidden; color:var(--ink); background:#f0f3f3; width:min(1800px,calc(100% - 32px)); margin:16px auto 0; border-radius:20px; aspect-ratio:2.2/1; min-height:520px; height:auto; max-height:680px; touch-action:pan-y; }
.hero-carousel-images { position:absolute; inset:0; z-index:-2; background:#f1f3f3; }
.corporate-hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.corporate-hero-image[data-carousel-layout="product"] { left:auto; right:0; width:58%; object-fit:contain; object-position:center; }
.hero-carousel-image { opacity:0; transition:opacity .85s ease; }
.hero-carousel-image.is-active { opacity:1; }
.corporate-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#ffffffe0 0%,#ffffffa3 25%,#ffffff29 53%,#fff0 77%),linear-gradient(0deg,#ffffff59,transparent 23%); }
.corporate-hero[data-layout="product"], .corporate-hero[data-layout="product"] .hero-carousel-images { background:#f5f3ef; }
.corporate-hero[data-layout="product"]::before { background:linear-gradient(90deg,#f5f3ef 0%,#f5f3ef 34%,#f5f3ef00 49%); }
.corporate-hero > .container { width:min(1240px,calc(100% - 104px)); }
.corporate-hero-content { position:absolute; inset:0; padding-top:clamp(58px,5.6vw,100px); padding-bottom:105px; }
.corporate-kicker { display:flex; align-items:center; gap:11px; font-size:10px; letter-spacing:.14em; color:#575c63; }
.corporate-kicker i { display:block; width:24px; height:2px; background:var(--orange); }
.corporate-hero h1 { margin-top:25px; font-size:clamp(42px,4.1vw,61px); line-height:1.4; font-weight:600; min-height:2.8em; }
.corporate-hero-content > p { max-width:430px; font-size:13px; line-height:2; color:#555b61; margin-top:19px; min-height:52px; }
.corporate-hero-actions { display:flex; align-items:center; gap:29px; margin-top:27px; flex-wrap:wrap; }
.hero-text-link { display:inline-flex; align-items:center; gap:10px; font-size:12px; padding:12px 0; }
.hero-text-link .icon { color:var(--orange); width:16px; height:16px; }
.corporate-hero-bottom { position:absolute; bottom:22px; left:0; right:0; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.scroll-cue { display:flex; align-items:center; gap:9px; color:#666b70; font-size:10px; }
.scroll-cue > span { display:grid; place-items:center; width:30px; height:30px; border:1px solid #bdc2c8; border-radius:50%; }
.scroll-cue .icon { width:13px; height:13px; transform:rotate(90deg); }
.concept-caption { font-size:9px; color:#656c71; line-height:1.6; letter-spacing:.02em; }
.corporate-hero-bottom > .concept-caption { text-align:right; max-width:265px; background:#ffffffe0; color:#58616a; padding:3px 8px; border-radius:5px; }
.hero-carousel-controls { display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:16px; color:var(--ink); flex:0 0 auto; }
.hero-carousel-controls button { background:transparent; color:#4f565d; border:1px solid transparent; padding:0; display:grid; place-items:center; border-radius:8px; transition:background .2s; }
.hero-carousel-controls button:hover { background:#fff9; }
.carousel-arrow,.carousel-pause { width:33px; height:33px; }
.hero-carousel-controls .icon { width:15px; height:15px; }
.carousel-prev .icon { transform:rotate(180deg); }
.carousel-pages { display:flex; gap:4px; }
.carousel-pages button { width:30px; height:30px; font-size:10px; }
.carousel-pages button[aria-pressed="true"] { background:var(--orange); color:white; }
.carousel-count { font-size:9px; color:#72777d; margin-left:3px; white-space:nowrap; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* Optical background, tint and rim are separate from readable foreground. */
.glass-panel { position:relative; isolation:isolate; overflow:hidden; border:1px solid #ffffffc9; background:#ffffffa6; -webkit-backdrop-filter:blur(14px) saturate(1.2); backdrop-filter:blur(14px) saturate(1.2); box-shadow:0 12px 32px #26374d12,inset 0 1px 0 #fffc,inset 0 -1px 0 #ffffff5c; }
.glass-panel > :not(.glass-layer) { position:relative; z-index:3; }
.glass-panel.glass-ready { background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; }
.glass-layer { position:absolute; inset:0; border-radius:inherit; pointer-events:none; }
.glass-effect { z-index:0; -webkit-backdrop-filter:blur(12px) saturate(1.25); backdrop-filter:blur(12px) saturate(1.25); }
.glass-tint { z-index:1; background:linear-gradient(125deg,#ffffffb5,#ffffff80 50%,#ffffffa3); }
.glass-rim { z-index:2; border:1px solid #ffffffe6; box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 1px #ffffff70,inset 0 0 12px #fff3; background:linear-gradient(133deg,#fff6,transparent 18%,transparent 78%,#fff4); }
.glass-filter-defs { position:absolute; width:0; height:0; pointer-events:none; overflow:hidden; }

/* Image-backed parent and subsidiary entry points. */
.business-portal { padding-top:65px; scroll-margin-top:100px; }
.portal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.portal-card { position:relative; display:block; overflow:hidden; aspect-ratio:.94; border-radius:22px; min-width:0; background:#e7ecef; box-shadow:0 4px 20px #24344408; }
.portal-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .65s ease; }
.portal-card:hover .portal-image { transform:scale(1.035); }
.portal-copy { position:absolute; bottom:18px; left:18px; right:18px; min-height:176px; padding:22px 24px; border-radius:18px; }
.portal-copy .eyebrow { color:#5a626b; font-size:9px; letter-spacing:.04em; }
.portal-copy h3 { font-size:25px; font-weight:600; margin-top:9px; }
.portal-copy p { margin-top:10px; color:#4c545e; font-size:12px; line-height:1.85; max-width:calc(100% - 24px); }
.portal-copy .portal-arrow { position:absolute; right:19px; bottom:20px; color:var(--orange); }
.portal-arrow .icon { width:20px; height:20px; }
.portal-symbol { display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:10px; color:var(--orange); background:#ffffff75; margin-bottom:10px; }
.portal-symbol .icon { width:22px; height:22px; }
.portal-card > .scene-label { top:17px; right:17px; }

/* Large application stories. */
.applications { background:#f6f7f8; }
.applications-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.application-card { position:relative; display:block; overflow:hidden; aspect-ratio:1.14; border-radius:22px; min-width:0; background:#e9ecef; }
.application-card > img { width:100%; height:100%; object-fit:cover; transition:transform .65s; }
.application-card:hover > img { transform:scale(1.025); }
.scene-label { position:absolute; top:20px; right:20px; font-size:9px; line-height:1.5; padding:5px 9px; border-radius:6px; color:#5a6067; background:#ffffffbf; z-index:4; }
.application-copy { position:absolute; left:22px; right:22px; bottom:22px; border-radius:18px; padding:23px 27px; }
.application-copy h3 { font-size:25px; font-weight:600; }
.application-copy p { font-size:12px; margin-top:8px; color:#505962; line-height:1.9; }
.application-copy .text-link { margin-top:7px; font-size:11px; }
.home-products .product-grid { gap:28px; }
.product-media { border-radius:17px; background:#f3f5f7; }
.product-badge { border-radius:7px; background:#ffffffe6; color:#535c66; }
.product-title { font-size:20px; font-weight:500; }
.product-info-top > span { font-size:8px; color:#7b828a; }
.product-description { font-size:12px; color:#727980; }
.home-products .catalog-note { margin-top:30px; background:transparent; border-left:0; padding:0; text-align:center; color:#848a91; font-size:11px; }

/* Packaging process and company introduction. */
.workshop-story { background:#f5f6f8; }
.workshop-grid { display:grid; grid-template-columns:1.12fr 1fr; align-items:center; gap:65px; }
.workshop-visual { min-width:0; margin:0; }
.workshop-visual img { width:100%; aspect-ratio:1.42; object-fit:cover; border-radius:20px; }
.workshop-visual figcaption { text-align:right; margin-top:10px; color:#858c93; font-size:10px; line-height:1.7; }
.workshop-copy h2 { font-size:clamp(29px,3vw,39px); line-height:1.55; font-weight:600; margin-top:17px; }
.workshop-copy p { font-size:14px; color:var(--muted); line-height:2; margin-top:22px; }
.workshop-copy .text-link,.workshop-copy .btn { margin-top:27px; }
.workshop-steps { display:flex; flex-wrap:wrap; gap:12px 20px; padding-top:24px; margin-top:24px; border-top:1px solid #dfe4e9; }
.workshop-steps li { font-size:11px; color:#687582; display:flex; gap:7px; align-items:center; }
.workshop-steps span { color:var(--orange); font-size:10px; }
.group-overview { scroll-margin-top:100px; }
.group-overview-grid { display:grid; grid-template-columns:1fr 1.08fr; gap:75px; align-items:center; }
.group-overview-copy h2 { font-size:clamp(30px,3vw,40px); line-height:1.55; margin-top:17px; font-weight:600; }
.group-overview-copy > p { font-size:14px; color:var(--muted); line-height:2.1; margin-top:22px; }
.group-overview-copy > .text-link { margin-top:24px; }
.group-foundation { display:flex; flex-wrap:wrap; gap:10px; align-items:center; border-top:1px solid var(--line); margin-top:27px; padding-top:20px; }
.group-foundation > span:first-child { color:var(--orange); font-size:10px; padding:1px 7px; background:#fff0e9; border-radius:4px; }
.group-foundation strong { font-size:15px; font-weight:600; }
.group-foundation > span:last-child { font-size:10px; color:#858a91; margin-left:auto; }
.group-overview-visual { margin:0; min-width:0; }
.group-overview-visual img { width:100%; aspect-ratio:1.42; object-fit:cover; border-radius:20px; }
.group-overview-visual figcaption { display:flex; justify-content:space-between; gap:15px; color:#868c93; font-size:9px; margin-top:12px; }
.cta-section { background:#f5f6f8; padding:0; }
.cta-band { padding:55px 0; color:var(--ink); border-radius:0; background:transparent; }
.cta-band::after { display:none; }
.cta-band h2 { font-size:31px; font-weight:600; }
.cta-band p { color:#747b83; font-size:13px; }
.cta-band .eyebrow { margin-bottom:16px; }
.cta-band .btn { background:#fff; color:var(--ink); border:1px solid #bac0c7; }
.cta-band .btn:hover { color:var(--orange); border-color:var(--orange); }
.section-soft + .cta-section { padding-top:0; }

/* One bright corporate language across all six pages. */
.page-hero { min-height:355px; padding:31px 0 55px; background:#f1f3f5; isolation:isolate; }
.page-hero-image { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:65% center; }
.page-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#fffffff5,#ffffffe3 31%,#ffffff75 64%,#ffffff26); }
.page-hero::after { display:none; }
.page-hero h1 { font-size:clamp(36px,4vw,51px); font-weight:600; margin-top:14px; color:var(--ink); }
.page-hero p { color:#5f6872; font-size:13px; max-width:550px; line-height:2; }
.page-hero .eyebrow { color:#747c85; }
.breadcrumbs { color:#7e858e; font-size:10px; margin-bottom:32px; }
.page-concept-label { position:absolute; right:48px; bottom:17px; font-size:9px; color:#656f79; padding:4px 7px; border-radius:4px; background:#ffffff8c; }
.page-content { padding-block:65px 85px; }
.filter-button { border-radius:8px; color:#5c6570; }
.filter-button[aria-pressed="true"] { background:var(--orange); }
.intro-photo { object-fit:cover; border-radius:20px; }
.intro-copy h2,.about-story h2 { font-size:35px; font-weight:600; line-height:1.55; }
.intro-copy p,.about-story p { color:var(--muted); line-height:2.1; }
.service-concept { min-width:0; margin:0; }
.service-concept figcaption { color:#8b929a; font-size:9px; text-align:right; margin-top:10px; }
.option-card { border-radius:17px; border-color:#e5e8ec; }
.option-card h3,.step h3 { font-weight:600; }
.readiness-panel { border-radius:18px; background:white; }
.organization-parent { color:var(--ink); background:#f8f9fb; border:1px solid #e1e5eb; border-top:3px solid var(--orange); border-radius:16px; }
.organization-parent small { color:#7c838b; }
.organization-parent h2 { font-weight:600; }
.organization-child { background:#f8f9fb; border-radius:14px; }
.company-card,.company-expanded .company-card { padding:0; border-radius:18px; background:white; border-color:#e2e6eb; }
.company-card:hover { transform:none; }
.company-cover { position:relative; aspect-ratio:1.8; overflow:hidden; width:100%; background:#e8ecf0; }
.company-cover img { width:100%; height:100%; object-fit:cover; }
.company-cover .concept-caption { position:absolute; bottom:13px; right:16px; color:white; font-size:9px; text-shadow:0 1px 4px #000; }
.company-card-content { padding:33px; }
.company-icon { background:#f2f4f6; border-radius:12px; color:#687b8b; }
.company-card h3 { font-weight:600; }
.company-card p { max-width:100%; color:#69727c; }
.company-card-bottom > span { color:#8d949d; }
.website-status,.website-status code { color:#7b858f; }
.about-image { border-radius:20px; }
.about-image-caption { border-radius:12px; color:#3e4852; background:#ffffffd9; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.about-image-caption span { color:#7a8793; }
.value h3 { font-weight:600; }
.business-card { border-radius:16px; }
.business-card:first-child { color:var(--ink); background:#f5f7fa; border-top:3px solid var(--orange); }
.business-card:first-child small { color:#7c858e; }
.business-card:first-child p { color:#67727d; }
.contact-intro h2 { font-weight:600; margin-top:14px; }
.contact-panel { border-radius:19px; background:#f6f7f9; border-color:#e5e8ec; }
.contact-icon { background:#f2f4f7; color:#637b8d; }
.contact-selected,.preview-notice,.qr-placeholder { border-radius:12px; }
.contact-method p,.contact-method a { overflow-wrap:anywhere; }
.site-footer { color:var(--ink); background:#f5f6f8; border-top-color:#e1e4e9; }
.footer-main { padding-block:50px 42px; }
.footer-description { color:#7e8791; }
.footer-column a,.footer-column > p { color:#68717b; }
.footer-column small { color:#8a939d; }
.footer-bottom { border-top-color:#dfe3e9; color:#858d96; }

@media (min-width:1025px) {
  .corporate-hero[data-layout="product"] h1 { max-width:42%; }
  .corporate-hero[data-layout="product"] .corporate-hero-content > p { max-width:37%; }
}
@media (max-width:1120px) {
  .container { width:calc(100% - 64px); }
  .nav { gap:22px; }
  .nav-link { font-size:13px; }
  .site-header .brand-name { font-size:20px; }
  .corporate-hero > .container { width:calc(100% - 80px); }
  .corporate-hero-bottom > .concept-caption { max-width:190px; font-size:8px; }
  .portal-grid { gap:17px; }
  .portal-copy { left:13px; right:13px; bottom:13px; padding:20px; }
  .portal-copy h3 { font-size:23px; }
  .portal-copy p { font-size:11px; }
  .portal-card { aspect-ratio:.84; }
  .workshop-grid,.group-overview-grid { gap:42px; }
  .group-foundation > span:last-child { flex-basis:100%; margin-left:0; }
}
/* Keep the complete photograph below the copy on tablets and phones. A shared
   3:2 frame prevents a height jump when the 2:1 scenes and 3:2 product alternate. */
@media (max-width:1024px) {
  .corporate-hero { display:grid; grid-template-areas:"copy" "image" "controls"; grid-template-columns:minmax(0,1fr); aspect-ratio:auto; height:auto; min-height:0; max-height:none; background:#fff; }
  .corporate-hero::before { display:none; }
  .hero-carousel-images { grid-area:image; position:relative; inset:auto; z-index:0; width:100%; aspect-ratio:3/2; background:#f4f4f1; }
  .corporate-hero-image, .corporate-hero-image[data-carousel-layout="product"] { inset:0; left:0; right:auto; width:100%; height:100%; object-fit:contain; object-position:center; }
  .corporate-hero .corporate-hero-content { grid-area:copy; position:relative; inset:auto; width:100%; margin:0; padding:38px clamp(24px,5vw,52px) 30px; background:#fff; min-height:400px; }
  .corporate-hero h1 { font-size:clamp(37px,5vw,49px); margin-top:20px; min-height:2.8em; }
  .corporate-hero-content > p { max-width:580px; min-height:5.7em; font-size:13px; line-height:1.9; margin-top:18px; }
  .corporate-hero-actions { margin-top:24px; }
  .corporate-hero .corporate-hero-bottom { grid-area:controls; position:relative; inset:auto; width:100%; margin:0; padding:14px 20px 16px; display:flex; align-items:center; justify-content:center; flex-direction:column; flex-wrap:nowrap; gap:10px; background:#f6f5f2; }
  .corporate-hero-bottom > .concept-caption { display:block; flex-basis:auto; max-width:100%; font-size:9px; text-align:center; }
  .scroll-cue { display:none; }
}
@media (max-width:920px) {
  .section { padding-block:65px; }
  .header-inner { height:74px; }
  .nav { top:100%; background:white; }
  .nav-link { padding-block:13px; }
  .nav-cta { margin-top:10px; }
  .portal-grid { grid-template-columns:1fr; gap:20px; }
  .portal-card { aspect-ratio:2.2; }
  .portal-copy { width:44%; right:auto; top:15px; bottom:15px; min-height:0; display:flex; flex-direction:column; justify-content:center; }
  .portal-copy h3 { font-size:26px; }
  .portal-copy p { max-width:90%; font-size:12px; }
  .portal-symbol { margin-bottom:0; }
  .portal-image { object-position:60% center; }
  .applications-grid { gap:18px; }
  .application-card { aspect-ratio:.82; }
  .application-copy { left:14px; right:14px; bottom:14px; padding:21px; }
  .application-copy h3 { font-size:24px; }
  .workshop-grid,.group-overview-grid { gap:35px; }
  .workshop-copy h2,.group-overview-copy h2 { font-size:30px; }
  .workshop-copy p,.group-overview-copy > p { font-size:12px; }
  .group-overview-visual img,.workshop-visual img { aspect-ratio:.95; }
  .intro-copy h2,.about-story h2 { font-size:30px; }
  .company-card-content { padding:29px; }
  .page-hero { min-height:345px; }
  .page-concept-label { right:32px; }
}
@media (max-width:680px) {
  :root { --radius:16px; }
  .container { width:calc(100% - 40px); }
  .header-inner { height:68px; }
  .site-header .brand-name { font-size:19px; }
  .brand-mark { width:27px; height:37px; }
  .nav { top:100%; padding-inline:20px; }
  .corporate-hero { width:calc(100% - 20px); margin-top:10px; border-radius:17px; }
  .corporate-hero .corporate-hero-content { min-height:360px; padding:32px 20px 28px; }
  .corporate-kicker { font-size:8px; letter-spacing:.09em; gap:8px; }
  .corporate-kicker i { width:17px; }
  .corporate-hero h1 { font-size:clamp(34px,9.1vw,47px); margin-top:20px; min-height:2.9em; line-height:1.45; }
  .corporate-hero-content > p { max-width:100%; font-size:12px; margin-top:16px; min-height:5.7em; line-height:1.9; }
  .corporate-hero-actions { margin-top:23px; gap:21px; }
  .corporate-hero-actions .btn { font-size:12px; padding:11px 18px; gap:15px; }
  .hero-text-link { font-size:11px; gap:7px; }
  .corporate-hero-bottom > .concept-caption { font-size:8px; }
  .hero-carousel-controls { padding:7px 10px; gap:7px; border-radius:14px; }
  .carousel-count { display:none; }
  .carousel-arrow,.carousel-pause { width:32px; height:32px; }
  .carousel-pages button { width:29px; height:29px; }
  .section { padding-block:52px; }
  .section-heading { align-items:center; text-align:center; margin-bottom:30px; gap:13px; }
  .section-heading h2 { font-size:28px; line-height:1.45; margin-top:8px; }
  .section-heading h2::after { width:36px; height:2px; margin-top:16px; }
  .section-heading .text-link { font-size:11px; }
  .section-intro { font-size:12px; margin-top:-12px; margin-bottom:26px; }
  .eyebrow { font-size:9px; }
  .portal-grid { gap:18px; }
  .portal-card { aspect-ratio:.98; border-radius:19px; }
  .portal-copy { top:auto; width:auto; left:14px; right:14px; bottom:14px; padding:21px; min-height:166px; border-radius:16px; display:block; }
  .portal-copy .eyebrow { font-size:8px; }
  .portal-copy h3 { font-size:25px; margin-top:7px; }
  .portal-copy p { font-size:12px; margin-top:9px; max-width:calc(100% - 20px); }
  .portal-copy .portal-arrow { right:18px; bottom:20px; }
  .portal-symbol { display:none; }
  .applications-grid { grid-template-columns:1fr; gap:18px; }
  .application-card { aspect-ratio:.92; border-radius:19px; }
  .application-copy { padding:22px; border-radius:16px; }
  .application-copy h3 { font-size:25px; }
  .application-copy p { font-size:12px; }
  .scene-label { top:15px; right:15px; font-size:8px; }
  .home-products .product-grid { gap:26px 14px; }
  .product-media { border-radius:13px; }
  .product-title { font-size:16px; }
  .product-info-top > span { font-size:7px; line-height:1.7; }
  .product-description { font-size:11px; line-height:1.9; }
  .home-products .catalog-note { font-size:10px; text-align:left; }
  .workshop-grid,.group-overview-grid { grid-template-columns:1fr; gap:28px; }
  .workshop-visual img,.group-overview-visual img { aspect-ratio:1.3; border-radius:17px; }
  .workshop-visual figcaption { font-size:8px; }
  .workshop-copy h2,.group-overview-copy h2 { font-size:29px; margin-top:13px; line-height:1.55; }
  .workshop-copy p,.group-overview-copy > p { font-size:13px; margin-top:18px; }
  .workshop-steps { gap:12px 16px; }
  .group-overview-visual figcaption { font-size:8px; flex-wrap:wrap; gap:5px; }
  .group-foundation { margin-top:22px; }
  .group-foundation > span:last-child { font-size:9px; }
  .cta-band { padding:38px 0; align-items:flex-start; gap:22px; }
  .cta-band h2 { font-size:27px; }
  .cta-band p { font-size:12px; }
  .page-hero { min-height:330px; padding-block:24px 48px; }
  .page-hero::before { background:linear-gradient(90deg,#fffffff2,#ffffffc7 70%,#ffffff85); }
  .page-hero-image { object-position:66% center; }
  .page-hero h1 { font-size:36px; margin-top:12px; }
  .page-hero p { max-width:100%; font-size:12px; line-height:2; margin-top:16px; }
  .breadcrumbs { font-size:9px; margin-bottom:27px; }
  .page-concept-label { right:20px; bottom:13px; font-size:8px; }
  .page-content { padding-block:38px 55px; }
  .intro-copy h2,.about-story h2 { font-size:29px; }
  .intro-photo,.about-image { border-radius:17px; }
  .company-card-content { padding:27px; }
  .company-cover { aspect-ratio:1.5; }
  .company-card h3 { font-size:26px; }
  .company-card p { font-size:12px; }
  .company-card-bottom { gap:12px; }
  .company-card-bottom > span { font-size:8px; }
  .organization-parent { width:230px; }
  .organization-child h3 { font-size:19px; }
  .footer-main { padding-block:38px 30px; }
  .footer-description { font-size:11px; }
}
@media (max-width:370px) {
  .corporate-kicker { font-size:7px; }
  .corporate-hero h1 { font-size:32px; }
  .corporate-hero-content > p { font-size:11px; }
  .corporate-hero-actions { gap:15px; }
  .corporate-hero-actions .btn { padding-inline:14px; font-size:11px; gap:11px; }
  .hero-text-link { font-size:10px; }
  .portal-copy { min-height:163px; padding:18px; }
  .portal-copy h3 { font-size:23px; }
  .portal-copy p { font-size:11px; }
  .application-copy { padding:19px; }
  .application-copy h3 { font-size:23px; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel-image,.portal-image,.application-card > img { transition:none; } }
@media (prefers-reduced-transparency:reduce) {
  .glass-panel,.glass-panel.glass-ready { background:#fffffff2; }
  .glass-effect,.glass-tint { display:none; }
}