body #capabilities.capabilities-simple{display:block;padding:64px 5vw;background:#f8f5ed;color:#07576b}
body #capabilities.capabilities-simple>h2{margin:0;font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.035em}
.capability-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px;margin:34px 0 28px}
.capability-summary article{border-top:1px solid #a9bcb9;padding-top:18px}
body #capabilities .capability-summary h3{margin:0 0 12px;font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.015em}
body #capabilities .capability-summary p{margin:0;font-size:15px;line-height:1.6;color:#315961}
.capability-contact{display:inline-flex;gap:20px;align-items:center;min-height:44px;font-size:15px;font-weight:600;border-bottom:1px solid #07576b}
@media(max-width:1050px){.capability-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body #capabilities.capabilities-simple{padding:44px 5vw}.capability-summary{grid-template-columns:1fr;gap:22px;margin-top:26px}}

body #top.editorial-hero h1{text-transform:uppercase;font-size:clamp(38px,4.5vw,72px)}
@media(max-width:600px){body #top.editorial-hero h1{font-size:clamp(32px,9vw,42px)}}

/* One existing iframe, in mobile reading order; desktop stays copy-left/game-right. */
@media(min-width:901px){body #top.editorial-hero .opening{grid-column:1;grid-row:1}body #top.editorial-hero .editorial-hero-visual{grid-column:2;grid-row:1}}
@media(max-width:900px){body #top.editorial-hero .story-stage{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-top:0}body #top.editorial-hero .editorial-hero-visual{margin:0;width:100%;order:0}body #top.editorial-hero .opening{order:1;width:100%}}

@media(max-width:1000px) and (max-height:500px) and (pointer:coarse){body #top.editorial-hero .story-stage{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-top:0}body #top.editorial-hero .editorial-hero-visual{margin:0;width:100%;order:0}body #top.editorial-hero .opening{order:1;width:100%}}

.capability-icon{display:block;box-sizing:content-box;width:26px;height:26px;padding:9px;margin-bottom:14px;background:#07576b;color:#fff;border-radius:9px}
#conversation-dialog{box-sizing:border-box;width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:32px;border:1px solid #a9bcb9;background:#f8f5ed;color:#07576b;border-radius:12px}
#conversation-dialog::backdrop{background:rgba(4,32,40,.72)}
#conversation-dialog h2{font-size:clamp(26px,4vw,36px);margin:0 36px 24px 0;line-height:1.1}
#conversation-dialog .inquiry{margin:0;width:100%;max-width:none}
.conversation-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;background:transparent;color:#07576b;font-size:30px;cursor:pointer}
#conversation-dialog :focus-visible{outline:3px solid #07576b;outline-offset:3px}
html.conversation-open{overflow:hidden}
@media(max-width:600px){#conversation-dialog{padding:24px 18px}#conversation-dialog .inquiry-grid{grid-template-columns:1fr}}

/* Local review: restrained shared musical feedback, without extra destinations. */
body [data-ui-note]{transition:transform .16s ease;transform-origin:center}
body .capability-summary [data-ui-note]{cursor:pointer}
body .capability-contact{position:relative;text-decoration:none}
body .capability-contact::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#07576b;transform:scaleX(0);transform-origin:left;transition:transform .16s}
@media(hover:hover){body [data-ui-note]:hover{transform:scale(1.025)}}
body [data-ui-note]:focus-visible,body [data-ui-note].note-pressed{transform:scale(1.025);outline:3px solid #168b83;outline-offset:4px}
body .capability-contact:is(:hover,:focus-visible,.note-pressed)::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){body [data-ui-note],body .capability-contact::after{transition:none}body [data-ui-note]:is(:hover,:focus-visible,.note-pressed){transform:none}}
@media(hover:hover){body #top.editorial-hero .hero-actions .button.light[data-ui-note]:hover{transform:scale(1.025)}}
body #top.editorial-hero .hero-actions .button.light[data-ui-note]:is(:focus-visible,.note-pressed){transform:scale(1.025)}
@media(prefers-reduced-motion:reduce){body #top.editorial-hero .hero-actions .button.light[data-ui-note]:is(:hover,:focus-visible,.note-pressed){transform:none}}