body[data-page="home"] .studio-hero { border-bottom:0; grid-template-rows:1fr; }
body[data-page="home"] .studio-hero-portrait { background:var(--surface); grid-row:1; }
.studio-hero-portrait::before { display:none; }
.preview-principle { margin:0; padding:42px max(24px,calc((100vw - 1128px)/2)); background:var(--brand-green-deep); color:white; }
.preview-principle p { max-width:1000px; margin:0 auto; font-family:var(--font-heading); font-size:clamp(20px,2vw,27px); line-height:1.55; }
:is(#home-news, #news.edu-home-band) { background:#f5f7f6; color:var(--ink); padding-block:34px; }
:is(#home-news, #news.edu-home-band) .edu-wrap { grid-template-columns:190px minmax(0,1fr); align-items:start; gap:35px; }
:is(#home-news, #news.edu-home-band) .edu-news-band-label { padding-top:20px; }
:is(#home-news, #news.edu-home-band) .edu-news-band-label a { color:var(--ink); font-family:var(--font-heading); font-size:36px; line-height:1.2; }
:is(#home-news, #news.edu-home-band) .edu-news-band-label::after { content:""; display:block; width:58px; height:5px; background:var(--brand-green); margin-top:24px; }
:is(#home-news, #news.edu-home-band) .edu-news-stream { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; overflow:visible; }
:is(#home-news, #news.edu-home-band) .edu-news-stream a.edu-home-news-item { display:flex; flex-direction:column; align-items:stretch; gap:15px; color:var(--ink); padding:0; border:0; font-size:20px; line-height:1.35; }
:is(#home-news, #news.edu-home-band) .edu-home-news-item img { width:100%; height:125px; object-fit:cover; object-position:center 25%; border-radius:9px; }
:is(#home-news, #news.edu-home-band) .edu-news-item-copy { gap:10px; }
:is(#home-news, #news.edu-home-band) time { color:#59635e; font-size:15px; }
:is(#home-news, #news.edu-home-band) .edu-news-item-copy>span { font-family:var(--font-heading); font-weight:500; }
:is(#home-news, #news.edu-home-band) a:hover .edu-news-item-copy>span { color:var(--brand-green); text-decoration:underline; }
@media(max-width:1000px) { :is(#home-news, #news.edu-home-band) .edu-wrap { grid-template-columns:145px minmax(0,1fr); gap:24px; } :is(#home-news, #news.edu-home-band) .edu-news-stream { gap:20px; } :is(#home-news, #news.edu-home-band) .edu-news-stream a.edu-home-news-item { font-size:18px; } }
@media(max-width:760px) { body[data-page="home"] .studio-hero-portrait { grid-row:auto; } :is(#home-news, #news.edu-home-band) .edu-wrap { grid-template-columns:1fr; } :is(#home-news, #news.edu-home-band) .edu-news-band-label { padding-top:0; } :is(#home-news, #news.edu-home-band) .edu-news-band-label::after { margin-top:14px; } :is(#home-news, #news.edu-home-band) .edu-news-stream { grid-template-columns:1fr; gap:30px; } :is(#home-news, #news.edu-home-band) .edu-home-news-item img { height:auto; aspect-ratio:16/9; } }


:is(#home-news, #news.edu-home-band) .edu-home-news-item img { object-position:center 48%; }

/* Approved site design — 30 September 2026. */
body[data-page="home"] .studio-hero-copy { justify-content:flex-start; padding-top:clamp(30px,4vw,62px); padding-bottom:48px; }
body[data-page="home"] .studio-role-line { margin-top:0; }
body[data-page="home"] .studio-role-line,
body[data-page="home"] .studio-hero h1,
body[data-page="home"] .studio-hero h1 span,
body[data-page="home"] #first-steps-title,
body[data-page="home"] #help-title,
body[data-page="home"] .home-help-kicker { color:#111; transition:color .2s ease; }
body[data-page="home"] .studio-role-line:hover,
body[data-page="home"] .studio-hero h1:hover,
body[data-page="home"] .studio-hero h1:hover span { color:var(--brand-green); }
:is(#home-news, #news.edu-home-band) { padding-block:36px; }
:is(#home-news, #news.edu-home-band) .edu-wrap { width:min(1240px,calc(100% - 48px)); grid-template-columns:minmax(130px,1fr) 946px; gap:28px; }
:is(#home-news, #news.edu-home-band) .edu-news-stream { grid-template-columns:repeat(4,220px); gap:22px; }
:is(#home-news, #news.edu-home-band) .edu-news-stream a.edu-home-news-item { width:220px; font-size:clamp(17px,1.45vw,21px); }
:is(#home-news, #news.edu-home-band) .edu-home-news-item img { width:220px; height:240px; max-width:none; aspect-ratio:auto; object-fit:contain; object-position:center; background:#fff; border-radius:6px; }
:is(#home-news, #news.edu-home-band) .edu-news-band-label a { font-size:clamp(28px,2.5vw,36px); }
body[data-page="home"] #help { padding-top:clamp(44px,calc(10vw - 38px),100px); }
body[data-page="home"] #help .uab-story { align-items:start; }
body[data-page="home"] #help .story-copy>p:first-child { margin-top:0; }
body[data-page="home"] #reconstruction { background:#fff; color:#111; padding-block:64px; }
body[data-page="home"] #reconstruction .svc3d-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center; }
#reconstruction .svc3d-content { grid-column:1; grid-row:1; }
#reconstruction .svc3d-visual { grid-column:2; grid-row:1; }
body[data-page="home"] #reconstruction h2,
body[data-page="home"] #reconstruction .svc3d-content>p,
body[data-page="home"] #reconstruction .calm-reconstruction-link,
body[data-page="home"] #reconstruction .svc3d-arrow { color:#111; }
#reconstruction .calm-reconstruction-link { border-color:#cbd5ce; }
body[data-page="home"] #reviews,
body[data-page="home"] #operate { border-top:8px solid var(--brand-green); padding-block:64px; }
body[data-page="home"] #contacts { background:#f0f4f1; color:#111; border-top:6px solid var(--brand-green); padding-block:32px; }
#contacts .calm-contacts-grid { gap:48px; grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr); }
#contacts h2 { color:#111; font-size:clamp(25px,2.3vw,34px); margin-block:0 12px; }
#contacts p { color:#37453d; margin-block:0; font-size:16px; }
#contacts .calm-chapter { color:var(--brand-green); margin-bottom:8px; }
#contacts .calm-contact-actions { gap:4px; }
#contacts .calm-contact-actions>a:not(.btn) { padding-block:8px; color:#153b27; border-bottom:1px solid #c5d1c9; }
#contacts .calm-primary-action { background:var(--brand-green); color:#fff; padding-block:12px; min-height:0; }
@media(max-width:1199px) {
 :is(#home-news, #news.edu-home-band) .edu-wrap { grid-template-columns:1fr; }
 :is(#home-news, #news.edu-home-band) .edu-news-band-label { padding-top:0; }
 :is(#home-news, #news.edu-home-band) .edu-news-band-label::after { margin-top:12px; }
 :is(#home-news, #news.edu-home-band) .edu-news-stream { justify-content:space-between; }
}
@media(max-width:999px) { :is(#home-news, #news.edu-home-band) .edu-news-stream { grid-template-columns:repeat(2,220px); justify-content:space-evenly; gap:30px 22px; } }
@media(max-width:760px) {
 body[data-page="home"] .studio-hero-copy { padding-top:30px; }
 body[data-page="home"] #help .uab-story { grid-template-columns:1fr; }
 body[data-page="home"] #reconstruction .svc3d-grid { grid-template-columns:1fr; gap:30px; }
 #reconstruction .svc3d-content { grid-column:1; grid-row:1; }
 #reconstruction .svc3d-visual { grid-column:1; grid-row:2; }
 body[data-page="home"] #help,body[data-page="home"] #reconstruction,body[data-page="home"] #reviews,body[data-page="home"] #operate { padding-block:40px; }
 #contacts .calm-contacts-grid { grid-template-columns:1fr; gap:22px; }
}
@media(max-width:510px) { :is(#home-news, #news.edu-home-band) .edu-news-stream { grid-template-columns:220px; justify-content:center; } }
@media(prefers-reduced-motion:reduce) { body[data-page="home"] .studio-role-line,body[data-page="home"] .studio-hero h1,body[data-page="home"] .studio-hero h1 span { transition:none; } }

/* Approved site design — 30 September 2026. */
:is(#home-news, #news.edu-home-band) { background:#f7f8f9; padding-block:48px; }
:is(#home-news, #news.edu-home-band) .edu-news-band-label { padding-top:0; }
:is(#home-news, #news.edu-home-band) .edu-news-band-label h2 { margin:0; color:#111; font-family:var(--font-heading); font-size:34px; line-height:1.2; }
:is(#home-news, #news.edu-home-band) .edu-news-band-label::after { display:none; }
.preview-heading-rule { display:block; width:48px; height:4px; margin:20px 0; background:var(--brand-green); }
:is(#home-news, #news.edu-home-band) .edu-news-band-label p { font-size:18px; line-height:1.5; font-weight:400; margin:0 0 22px; }
:is(#home-news, #news.edu-home-band) .edu-news-band-label .preview-all-news { display:inline-flex; align-items:center; gap:12px; padding:11px 17px; border-radius:5px; background:var(--brand-green); color:white; font-family:var(--font-body); font-size:18px; font-weight:600; }
:is(#home-news, #news.edu-home-band) .edu-home-news-item img { width:220px; height:165px; object-fit:cover; border-radius:8px; background:transparent; }
:is(#home-news, #news.edu-home-band) .edu-home-news-item:nth-child(1) img { object-position:center; }
:is(#home-news, #news.edu-home-band) .edu-home-news-item:nth-child(2) img { object-position:center; }
:is(#home-news, #news.edu-home-band) .edu-home-news-item:nth-child(3) img { object-position:center 38%; }
:is(#home-news, #news.edu-home-band) .edu-home-news-item:nth-child(4) img { object-position:center 28%; }
:is(#home-news, #news.edu-home-band) time::before { content:'•'; margin-right:9px; }
body[data-page="home"] .first-steps-list strong { color:#111; }
.preview-organ-highlight { color:#f6d35a; font-weight:700; }
#first-steps-title::after,#help-title::after,#reconstruction-title::after,#reviews-title::after,#operate-title::after { content:''; display:block; width:48px; height:4px; background:var(--brand-green); margin-top:20px; }
@media(max-width:1199px) { :is(#home-news, #news.edu-home-band) .edu-news-band-label { max-width:540px; } :is(#home-news, #news.edu-home-band) .edu-news-band-label h2 { font-size:30px; } }
@media(max-width:510px) { :is(#home-news, #news.edu-home-band) .edu-news-band-label p { font-size:17px; } }

/* Approved site design — 30 September 2026. */
.preview-organ-highlight,body[data-page="home"] .calm-fact strong { color:var(--brand-gold); }
body[data-page="home"] .home-close-plan { background:var(--brand-green-deep); padding-block:42px; }
body[data-page="home"] .home-close-plan .close-plan-grid { display:block; max-width:1048px; }
body[data-page="home"] #close-plan-title { max-width:none; color:var(--brand-gold); font-family:var(--font-heading); font-size:clamp(20px,2vw,27px); line-height:1.55; margin:0 0 12px; }
body[data-page="home"] .home-close-plan p { max-width:1000px; color:white; font-size:18px; line-height:1.6; margin:0; }
body[data-page="home"] #operate .uab-story { align-items:center; }
body[data-page="home"] #operate .preview-robot-photo { grid-column:1; grid-row:1; background:#f1f4f4; min-height:0; }
body[data-page="home"] #operate .story-copy { grid-column:2; grid-row:1; }
body[data-page="home"] #operate .preview-robot-photo img { height:510px; min-height:0; object-fit:cover; object-position:center 65%; filter:none; }
.preview-robot-photo figcaption { padding:10px 16px; font-size:14px; color:#35443c; background:#f1f4f4; }
.preview-robot-photo figcaption a { text-decoration:underline; }
body[data-page="home"] #reconstruction .calm-reconstruction-link:hover,
body[data-page="home"] #reconstruction .calm-reconstruction-link:focus-visible { color:var(--brand-gold-text, oklch(55% .11 83)); border-color:var(--brand-gold); }
.preview-news-extra { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; padding-block:22px; font-size:16px; }
.preview-news-extra a { color:var(--brand-green); text-decoration:underline; text-underline-offset:4px; }
.about-profile-details .about-detail h4 { color:#111; font-family:var(--font-heading); font-weight:800; }
.about-competencies { padding-block:60px; border-top:0; background:var(--brand-green-deep); }
.about-competencies-head { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:start; }
.about-competencies-head h2 { max-width:none; font-size:clamp(28px,2.5vw,36px); line-height:1.22; color:white; margin:0; }
.about-competencies-head h2::after { content:''; display:block; width:48px; height:4px; background:var(--brand-gold); margin-top:20px; }
.about-competencies-head p { margin:0; max-width:none; color:#fff; font-size:18px; }
.about-competency-grid { margin-top:36px; gap:0 48px; }
.about-competency,.about-competency-featured { display:block; grid-column:auto; padding-block:28px; }
.about-competency h3,.about-competency-featured h3 { max-width:none; color:var(--brand-gold); font-size:clamp(21px,1.8vw,26px); line-height:1.3; margin:0 0 16px; }
.about-competency p { color:#fff; font-size:17px; line-height:1.6; }
.about-competency-link { margin-top:18px; color:white; }
.about-competency-link:hover { color:var(--brand-gold); }
@media(max-width:820px) {
 .about-competencies-head,.about-competency-grid { grid-template-columns:1fr; gap:0; }
 .about-competencies-head p { margin-top:24px; }
 .about-competencies { padding-block:40px; }
 body[data-page="home"] #operate .uab-story { grid-template-columns:1fr; }
 body[data-page="home"] #operate .preview-robot-photo { grid-column:1; grid-row:1; }
 body[data-page="home"] #operate .story-copy { grid-column:1; grid-row:2; }
 body[data-page="home"] #operate .preview-robot-photo img { height:400px; }
}

/* Approved site design — 30 September 2026. */
body[data-page="home"] #operate .preview-robot-photo { background:white; }
body[data-page="home"] #operate .preview-robot-photo img { height:auto; min-height:0; aspect-ratio:2/1; object-fit:contain; object-position:center; }
.edu-page .edu-subnav a { font-size:calc(.92rem + 4pt); color:#111; font-weight:700; text-decoration:none; transition:color .18s ease; }
.edu-page .edu-subnav a:hover,.edu-page .edu-subnav a:focus-visible { color:var(--brand-green); text-decoration:none; }
.edu-page .edu-subnav { border-top:4px solid var(--brand-green); border-bottom:1px solid var(--line); gap:12px 30px; padding-block:18px; }
.edu-page main>.edu-section { border-top:6px solid var(--brand-green); }
.edu-page main>.edu-section h2::after { content:''; display:block; width:48px; height:4px; background:var(--brand-green); margin-top:20px; }
@media(max-width:760px) { .edu-page .edu-subnav a { font-size:calc(.84rem + 4pt); } }
@media(prefers-reduced-motion:reduce) { .edu-page .edu-subnav a { transition:none; } }