/* One consistent image system. Photos fill the frame; interface previews stay complete. */
.catalog-section{margin-block:72px}
.catalog-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;margin:0 4px 28px}
.catalog-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:0;letter-spacing:-.045em}
.catalog-heading>p{font-size:17px;line-height:1.7;color:#65717b;max-width:510px;margin:0}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.catalog-card{border:1px solid #e4e7e9;background:#f7f7f6;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;min-width:0;scroll-margin-top:24px}
.catalog-card:nth-child(4n+2),.catalog-card:nth-child(4n+3){background:#faf3f1}
.ref-visual{margin:0;padding:16px 16px 0;min-width:0}
.image-frame{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:22px;background:#eceeed;isolation:isolate}
main .image-frame>img{position:static;display:block;width:100%;max-width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:inherit;transform:none!important;margin:0}
.screen-visual .image-frame{background:#edeff0;padding:12px}
main .screen-visual .image-frame>img{object-fit:contain;border-radius:14px}
.image-frame.image-frame-screen{background:#edeff0;padding:12px}
main .image-frame.image-frame-screen>img{object-fit:contain;border-radius:14px}
.ref-visual figcaption{font-size:11px;line-height:1.5;color:#707a82;margin:9px 5px 0;min-height:17px}
.catalog-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:18px 30px 30px}
.catalog-brand{height:59px;width:100%;display:flex;align-items:center;margin-bottom:8px}
.catalog-brand>span{color:#bc001c;font-size:11px;font-weight:700;letter-spacing:.13em;line-height:1.65;max-width:320px}
main .catalog-card .subbrand-logo{display:block;position:static;width:290px!important;max-width:100%;height:auto!important;min-height:0;aspect-ratio:auto!important;object-fit:contain;margin:0;border-radius:0}
main .catalog-card .subbrand-logo[src^="unext-consulting"]{width:348px!important}
main .catalog-card .subbrand-logo[src^="unext-go"]{width:252px!important}
main .catalog-card .subbrand-logo[src^="unext-rent"]{width:280px!important}
main .catalog-card .subbrand-logo[src^="unfallx-brand"]{width:236px!important}
.catalog-copy h3{font-size:clamp(28px,2.9vw,40px);line-height:1.1;letter-spacing:-.035em;margin:0 0 18px}
.catalog-copy>p{font-size:16px;line-height:1.7;color:#5f6c75;max-width:550px;margin:0 0 26px}
.catalog-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:auto;width:100%}
.catalog-actions .button{background:#fff;border-color:#ccd1d5;min-height:48px}
.catalog-secondary{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.catalog-card:hover{border-color:#bdc5cb}
.project-jumpnav{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 42px}
.project-jumpnav a{display:flex;align-items:center;padding:12px 18px;border:1px solid #dde2e6;border-radius:40px;min-height:46px;font-size:13px;font-weight:700;background:#fff}
.project-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px;align-items:center;border-radius:28px;background:#f4f5f5;overflow:hidden;padding:28px}
.project-story.reverse{background:#faf1ef}
.story-copy{padding:16px}
.story-copy h2{font-size:clamp(30px,3.4vw,47px);line-height:1.1;letter-spacing:-.04em}
.story-copy>p:not(.eyebrow),.story-copy li{color:#5c6974;line-height:1.75;font-size:16px}
.story-copy ul{padding:0 0 0 18px;display:grid;gap:10px;margin:24px 0}
.story-copy li::marker{color:#df001b}
.project-story .ref-visual{padding:0}
.project-story .image-frame{aspect-ratio:16/10}
.project-story .ref-visual figcaption{margin:14px 4px 0}
.project-story .ref-visual figcaption a{display:inline-flex;min-height:44px;align-items:center;margin-left:12px;color:#212c35;font-weight:bold;text-decoration:underline;text-underline-offset:4px}
.project-story:has(img[src="unext-go-web-concept.webp"]){align-items:start}
.project-story:has(img[src="unext-go-web-concept.webp"]) .image-frame{aspect-ratio:auto;padding:12px}
.project-story:has(img[src="unext-go-web-concept.webp"]) img{height:auto}
.project-disclosure{padding:20px 26px;border:1px solid #dce2e6;border-radius:18px;background:#fafafa;font-size:13px;line-height:1.7;color:#65727d;margin:24px 0}
.flow-section{padding:38px;border-radius:28px;background:#f5f5f4}
.flow-list{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.flow-list>li{border-top:1px solid #ced5d9;padding-top:22px}
.flow-list span{font-weight:bold;color:#dd001b;font-size:13px}
.flow-list h3{font-size:23px;line-height:1.2;margin:18px 0 12px}
.flow-list p{font-size:15px;line-height:1.65;color:#64717c}
.platform-plan{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:40px;border:1px solid #e2e6e9;border-radius:28px}
.platform-plan h2{font-size:40px;line-height:1.12}
.platform-plan p{color:#66737d;line-height:1.7}
.platform-stack{display:grid;gap:14px}
.platform-stack article{padding:24px;background:#f4f5f5;border-radius:20px}
.platform-stack article:nth-child(2){background:#faedeb}
.platform-stack span{font-size:11px;letter-spacing:.12em;color:#d0001b;font-weight:bold}
.platform-stack h3{font-size:24px;line-height:1.2;margin:15px 0 12px}
.platform-stack p{margin:0;font-size:15px}
.go-roadmap ol{grid-template-columns:repeat(3,minmax(0,1fr))}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.topic-grid article{border-radius:26px;overflow:hidden;background:#f4f5f5;display:flex;flex-direction:column}
.topic-grid article>div{padding:24px}
.topic-grid h3{font-size:28px;line-height:1.15;letter-spacing:-.025em}
.topic-grid p{color:#63717a;line-height:1.7;font-size:16px}
.topic-grid .ref-visual{padding:12px 12px 0}
.assessor-hero{background:#f0f2f2!important;border:1px solid #e1e5e8}
.assessor-hero figure{align-self:center}
main .service-hero .subbrand-logo[src^="unfallx-brand"]{width:250px;max-width:100%;height:auto!important;aspect-ratio:auto!important}
main .subbrand-logo[src^="unext-rent"]{width:347px;max-width:100%;height:auto!important;aspect-ratio:auto!important}
.service-hero .ref-visual{padding:18px}
.service-hero .ref-visual figcaption{margin:10px 4px 0;line-height:1.5}
.service-hero .ref-visual img{width:100%;height:100%;object-fit:cover;transform:none}
.service-hero .screen-visual img{object-fit:contain}
.education-page .course-grid article:has(.ref-visual){padding:14px 14px 26px;overflow:hidden}
.education-page .course-grid article>.ref-visual{width:100%;padding:0;margin-bottom:22px}
.education-page .course-grid article:has(.ref-visual)>:not(.ref-visual){margin-left:12px;margin-right:12px}
.education-page .course-grid article:has(.ref-visual) h3{margin-top:16px}
.education-page .course-grid article:has(.ref-visual) .button{margin-top:auto}
.refined-home .hero:has(.hero-image) .hero-copy{padding-top:45px;padding-bottom:80px}
.refined-home .company .text-link{font-size:13px;margin-top:18px}
@media(min-width:1001px){.project-story.reverse>.story-copy{order:2}.project-story.reverse>.ref-visual{order:1}}
@media(max-width:1100px){.catalog-copy{padding:16px 24px 26px}.catalog-copy h3{font-size:32px}.project-story{padding:22px;gap:14px}.story-copy{padding:8px}.topic-grid{gap:18px}.platform-plan{gap:28px;padding:30px}.flow-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .catalog-section{margin-block:44px}.catalog-heading{grid-template-columns:1fr;gap:15px;margin:0 4px 22px}.catalog-heading h2{font-size:34px}.catalog-heading>p{font-size:16px;line-height:1.65}
 .catalog-grid{grid-template-columns:1fr;gap:24px}.catalog-card{border-radius:24px}.catalog-card .ref-visual{padding:12px 12px 0}.image-frame{border-radius:19px}.screen-visual .image-frame{padding:9px}.ref-visual figcaption{font-size:10px;margin-top:8px}
 .catalog-copy{padding:12px 22px 25px}.catalog-brand{height:52px;margin-bottom:9px}.catalog-copy h3{font-size:30px;line-height:1.12;margin-bottom:15px}.catalog-copy>p{font-size:16px;line-height:1.65;margin-bottom:22px}.catalog-actions{gap:8px}.catalog-actions .button{width:100%;min-height:49px;font-size:14px}.catalog-secondary{justify-content:center;width:100%}
 .project-jumpnav{gap:8px;margin:22px 0 30px}.project-jumpnav a{font-size:12px;padding:10px 14px;flex:1 1 130px;justify-content:center;text-align:center}
 .project-story{grid-template-columns:1fr;padding:16px;gap:22px;border-radius:24px}.story-copy{padding:10px 8px 0}.story-copy h2{font-size:32px}.story-copy>p:not(.eyebrow),.story-copy li{font-size:16px}.project-story .ref-visual{order:0}.story-copy{order:1}.project-story .ref-visual figcaption a{margin-left:0;display:flex}.project-story .ref-visual figcaption{font-size:11px}
 .project-disclosure{padding:18px 20px}.flow-section{padding:28px 24px}.flow-section h2{font-size:32px}.flow-list{grid-template-columns:1fr;gap:20px}.flow-list>li{padding-top:18px}.flow-list h3{margin:10px 0;font-size:23px}
 .platform-plan{grid-template-columns:1fr;gap:24px;padding:26px 22px;border-radius:24px}.platform-plan h2{font-size:32px}.platform-stack article{padding:22px}.platform-stack h3{font-size:23px}
 .go-roadmap ol,.topic-grid{grid-template-columns:1fr}.topic-grid article>div{padding:24px}.topic-grid h3{font-size:28px}
 .refined-home .hero:has(.hero-image) .hero-copy{padding:30px 24px 12px}.refined-home .hero:has(.hero-image) h1{font-size:clamp(33px,8.8vw,44px);line-height:1.06;letter-spacing:-.04em}.refined-home .hero:has(.hero-image) .lead{font-size:16px;line-height:1.65}.refined-home .hero .actions .button{min-height:50px}
 .refined-home .planet-scene{aspect-ratio:1.3}.refined-home .hero-bottom{font-size:8px;padding:5px 24px 20px;letter-spacing:.1em}
 .service-hero .ref-visual{padding:14px}.service-hero{border-radius:24px}.service-hero h1{letter-spacing:-.04em}
}
@media(max-width:360px){.catalog-heading h2{font-size:31px}.catalog-copy{padding-inline:20px}.catalog-copy h3{font-size:28px}.catalog-actions .button{padding-inline:12px}.project-story{padding:14px}.story-copy h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.catalog-card{transition:none}}