/* Preserve the AITENICA identity: Manrope, navy, pale blue and warm accent.
   Editorial text with contextual screen fragments; no invented metrics or diagrams. */
.draft-banner{padding:7px 18px;text-align:center;background:#fff0e3;color:#653d20;font-size:.8125rem;line-height:1.5}
.hero-inner-page h1{max-width:1020px;font-size:clamp(2.45rem,4.8vw,4.25rem);line-height:1.1}
.hero-inner-page .intro,.project-intro{max-width:850px}
.project-intro{font-size:1.0625rem;line-height:1.65}
.project-intro a,.client-site{text-decoration:underline;text-underline-offset:4px}
.client-site{display:inline-block;padding-block:8px;font-weight:600;font-size:.9375rem}
.opening-result{max-width:940px;border-left:3px solid #ffa366;margin-top:28px;padding:3px 0 3px 25px}
.opening-result p{margin:0;font-size:1.0625rem;line-height:1.65}
.context-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:72px}
.context-grid h2{max-width:430px}
.copy p{font-size:1.0625rem;line-height:1.65}
.tinted{background:#f5f9ff}
.illustrated{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);align-items:center;gap:90px}
.illustrated .copy{max-width:650px}
.illustrated h2{max-width:570px}
blockquote{margin:22px 0;padding:4px 0 4px 22px;border-left:3px solid #b8cae9;color:#091b50}
blockquote p:last-child{margin-bottom:0}
.case-figure{margin:0;min-width:0;width:100%}
.screenshot-button{display:block;width:100%;padding:0;border:1px solid #d4deeb;border-radius:18px;overflow:hidden;background:#fff;cursor:zoom-in;text-align:left;color:#091b50}
.image-window{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:var(--crop-ratio);isolation:isolate;background:#e8f1e2}
.image-window img{display:block;width:100%;max-width:none;height:auto;position:absolute;inset:0 auto auto 0;transform:translateY(var(--offset))}
.zoom-label{display:block;padding:9px 13px;font-size:.75rem;color:#394762;background:#fff;text-align:right}
.case-figure figcaption{margin-top:14px;color:var(--muted);font-size:.8125rem;line-height:1.55}
.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:36px;align-items:start}
.screen-grid h3{font-size:1.35rem;line-height:1.25;margin-bottom:16px}
.media-note{font-size:.8125rem;color:#394762;margin-top:24px}
.results-section{background:#f5f9ff}
.outcomes{list-style:none;padding:0;margin:0 0 28px}
.outcomes li{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #d7e0ee;font-size:1.0625rem;line-height:1.65}
.outcomes strong{display:block;color:#091b50}
.image-dialog{width:min(800px,calc(100% - 24px));max-height:92dvh;padding:0 22px 22px;border:0;border-radius:16px;color:#091b50;background:#f5f9ff}
.image-dialog::backdrop{background:#091b50cc}
.dialog-toolbar{position:sticky;top:0;background:#f5f9ff;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;z-index:3}
.dialog-toolbar p{font-size:.875rem;margin:0}
.dialog-toolbar .button{min-height:44px;padding:10px 16px;background:white}
#large-caption{font-size:.875rem;margin:18px 0 0;line-height:1.6}
.screenshot-button:focus-visible{outline:3px solid #2855d8;outline-offset:4px}
@media(max-width:1100px){.illustrated{grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:44px}.context-grid{gap:40px}.screen-grid{gap:22px}}
@media(max-width:850px){.context-grid{grid-template-columns:1fr;gap:10px}.context-grid h2{max-width:650px}.illustrated{grid-template-columns:minmax(0,1fr) minmax(0,290px);gap:30px}.screen-grid{grid-template-columns:1fr;gap:32px}.screen-grid>div{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:32px}.screen-grid h3{font-size:1.45rem}.screen-grid .case-figure{max-width:450px}}
@media(max-width:680px){.hero-inner-page h1{font-size:2.55rem}.illustrated{grid-template-columns:1fr;gap:24px}.illustrated .case-figure{max-width:390px;margin-inline:auto}.screen-grid>div{display:block}.screen-grid .case-figure{max-width:450px;margin-inline:auto}.screen-grid h3{font-size:1.4rem}.copy p,.project-intro,.opening-result p,.outcomes li{font-size:1rem}.opening-result{padding-left:18px}.draft-banner{font-size:.75rem}.image-dialog{padding-inline:12px}.dialog-toolbar p{font-size:.75rem}.dialog-toolbar .button{font-size:.875rem;padding-inline:12px}}
@media print{.draft-banner,.image-dialog,.zoom-label{display:none}.context-grid,.illustrated{display:block}.case-figure{max-width:300px;break-inside:avoid}.screen-grid{display:block}.screen-grid>div{break-inside:avoid;margin-bottom:24px}}

/* Match the corresponding RahunokGO outcome heading and process subheadings. */
.results-section .context-grid h2{font-size:clamp(1.8rem,3vw,2.5rem)}
@media(min-width:851px) and (max-width:1100px){.screen-grid h3{font-size:1.25rem}}
@media(min-width:851px) and (max-width:950px){.screen-grid h3{font-size:1.45rem}}

.client-context{max-width:850px;margin-top:32px}.client-context h2{font-size:1.25rem;margin-bottom:12px}.client-context>p{font-size:1.0625rem;line-height:1.65}.client-site-row{margin-top:12px}.client-site{font-size:inherit;overflow-wrap:anywhere}.dashboard-figure{max-width:1000px;margin:36px auto 0}.results-section h3{font-size:1.5rem;line-height:1.3;margin:0 0 16px}.results-section p+h3{margin-top:36px}.image-dialog{width:min(1200px,calc(100% - 24px))}.image-dialog #large-view{max-width:100%;margin-inline:auto}@media(max-width:680px){.client-context>p{font-size:1rem}.hero-inner-page h1{font-size:clamp(2rem,9vw,2.55rem)}.dashboard-figure{margin-top:26px}}