/* Phase 4A: five scoped hero compositions; existing site styles are unchanged. */
.hero-system{background:#f1f8f7;color:var(--navy);overflow:clip}
.hero-system [hidden]{display:none!important}
.hero-system .hero-stage{position:relative}
.hero-system .hero-slide{background:#073448;color:white;overflow:hidden}
.hero-system .hero-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intro scene" "actions scene";column-gap:clamp(32px,5vw,72px);align-items:center;min-height:584px;padding-block:42px}
.hero-system .hero-intro{grid-area:intro;align-self:end;min-width:0}
.hero-system .hero-title{font-size:max(.75rem,clamp(2.2rem,3.25vw,3rem));line-height:1.16;letter-spacing:-.035em;max-width:590px;margin:0;text-wrap:balance}
.hero-system .hero-title span{display:block;color:#68ded5;margin-top:4px}
.hero-system .eyebrow{font-size:max(.75rem,.65rem);letter-spacing:.15em;color:#b1dedc;margin-bottom:17px;display:block;font-weight:650}
.hero-system .hero-description{font-size:max(.75rem,1rem);line-height:1.8;max-width:490px;margin:20px 0 0;color:#dfedee;text-wrap:pretty}
.hero-system .hero-actions{grid-area:actions;align-self:start;padding-top:25px;min-width:0}
.hero-system .hero-actions .actions{margin:0;gap:12px}
.hero-system .btn{font-size:max(.75rem,.82rem);padding:13px 17px;max-width:100%;min-height:48px;gap:8px}
.hero-system .btn.primary{background:#ff795a;color:#073448;border-color:#ff795a}
.hero-system .hero-secondary{color:white;background:transparent;border-color:#6d939c}
.hero-system .hero-secondary .icon{width:17px;height:17px}
.hero-system .hero-availability{display:flex;align-items:center;gap:7px;color:#b4d2d5;font-size:max(.75rem,.7rem);margin:14px 0 0;max-width:none;line-height:1.6}
.hero-system .hero-availability .icon{width:15px;height:15px}
.hero-system .hero-scene{grid-area:scene;position:relative;min-width:0;align-self:center}
.hero-system .hero-photo-frame{width:82%;max-width:382px;aspect-ratio:4/5;overflow:hidden;margin-inline-start:auto;border-radius:22px 22px 8px 22px;background:#e6ebed;box-shadow:0 15px 45px #001c3224}
.hero-system .hero-photo-frame>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-height:none}
.hero-system .hero-identity{background:white;color:#143b49;border:1px solid #e0e9e8;border-radius:12px;padding:18px 20px;box-shadow:0 9px 28px #021f3020;max-width:260px}
.hero-system .hero-identity>span{font-size:max(.75rem,.63rem);color:#527780;letter-spacing:.07em;display:block;margin-bottom:6px}
.hero-system .hero-identity h2{font-size:max(.75rem,1.12rem);letter-spacing:-.01em;line-height:1.4}
.hero-system .hero-identity p{font-size:max(.75rem,.75rem);line-height:1.6;color:#4e6974;margin:7px 0 0}
.hero-system .hero-profile-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:max(.75rem,.75rem);color:#087e86;font-weight:650;margin-top:6px}
.hero-system .hero-profile-link .icon{width:16px;height:16px}
.hero-system .hero-portrait .hero-identity{position:absolute;inset-inline-start:0;bottom:16px;width:235px}
/* 02: the service links carry the content hierarchy. */
.hero-system .hero-expertise{background:linear-gradient(120deg,#f5faf8,#e9f4f1);color:#073448}
.hero-system .hero-expertise .hero-composition{padding-block:34px;min-height:606px}
.hero-system .hero-expertise .eyebrow,.hero-system .hero-expertise .hero-title span{color:#086b70}
.hero-system .hero-expertise .hero-description{color:#476571;font-size:max(.75rem,.94rem);margin-top:17px}
.hero-system .hero-expertise .hero-title{font-size:max(.75rem,clamp(2.1rem,3.05vw,2.8rem))}
.hero-system .hero-expertise .hero-secondary{color:#073448;border-color:#8fb9b7;background:transparent}
.hero-system .hero-expertise .hero-availability{color:#466772}
.hero-system .hero-service-links{display:grid;gap:0;margin-top:16px;max-width:455px;border-block:1px solid #cdddde}
.hero-system .hero-service-links>a{display:flex;align-items:center;gap:13px;padding:9px 2px;min-height:47px;border-bottom:1px solid #d9e5e4;color:#234b57;font-size:max(.75rem,.82rem);font-weight:650;text-decoration:none}
.hero-system .hero-service-links>a:last-child{border:0}.hero-system .hero-service-links .icon:first-child{color:#087e86;width:21px;height:21px}.hero-system .hero-service-links .icon:last-child{width:16px;height:16px;margin-inline-start:auto}
.hero-system .hero-expertise-frame{position:relative;width:85%;max-width:367px;aspect-ratio:4/5;margin-inline:auto;background:#dce9e5;border:9px solid #d1e6df;border-radius:8px 65px 8px 8px;overflow:hidden}
.hero-system .hero-expertise-frame>img{display:block;width:100%;height:100%;object-fit:contain}
.hero-system .hero-expertise .hero-identity{position:relative;box-shadow:none;width:85%;max-width:367px;margin:14px auto 0;border:0;padding:12px 16px;background:#fff}
/* 03: real place and separate portrait; no synthetic treatment scene. */
.hero-system .hero-place{background:#0a4858}
.hero-system .hero-place .hero-composition{column-gap:44px;min-height:590px}
.hero-system .hero-place-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:max(.75rem,.78rem);color:#b7e5df;margin-top:14px}
.hero-system .hero-place-link .icon{width:17px;height:17px}
.hero-system .hero-room{margin:0;background:#f3f6f4;border:1px solid #86aaa3;border-radius:15px;overflow:hidden}
.hero-system .hero-room>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 79%;height:auto}
.hero-system .hero-room figcaption{color:#476772;background:#fff;font-size:max(.75rem,.69rem);display:flex;align-items:center;gap:8px;padding:10px 14px;min-height:44px}
.hero-system .hero-room figcaption .icon{width:16px;height:16px}
.hero-system .hero-room-person{display:flex;align-items:stretch;gap:0;margin:15px 0 0 auto;background:white;border-radius:12px;overflow:hidden;width:88%;border:1px solid #cbdfe0}
.hero-system .hero-room-person>img{display:block;width:96px;height:120px;object-fit:contain;background:#e9eeee;flex-shrink:0}
.hero-system .hero-room-person .hero-identity{border:0;box-shadow:none;padding:13px 15px;border-radius:0;max-width:none;flex:1}
.hero-system .hero-room-person .hero-identity>span{display:none}.hero-system .hero-room-person .hero-profile-link{min-height:36px;margin-top:3px}
/* 04: an editorial profile composition, using the full approved portrait. */
.hero-system .hero-profile{background:#f4f4e9;color:#143b49}
.hero-system .hero-profile .eyebrow{color:#567c76}.hero-system .hero-profile .hero-title span{color:#08756f}
.hero-system .hero-profile .hero-description{color:#4c686b}
.hero-system .hero-profile .hero-secondary{color:#073448;border-color:#8cacaa}
.hero-system .hero-profile .hero-availability{color:#4c6c70}
.hero-system .hero-profile-note{border-inline-start:2px solid #84b9ae;padding:10px 15px;margin-top:21px;display:flex;align-items:center;gap:10px;color:#48716c;font-size:max(.75rem,.76rem)}
.hero-system .hero-profile-note .icon{width:20px;height:20px}
.hero-system .hero-editorial-frame{width:78%;max-width:350px;aspect-ratio:4/5;overflow:hidden;border:1px solid #c9dbd3;border-radius:150px 150px 10px 10px;margin:auto;background:#e7ecea}
.hero-system .hero-editorial-frame>img{display:block;width:100%;height:100%;object-fit:contain}
.hero-system .hero-profile .hero-identity{position:relative;width:78%;max-width:350px;padding:17px 0 0;margin:auto;border:0;box-shadow:none;background:none;border-radius:0;border-top:2px solid #54847b;margin-top:16px}
.hero-system .hero-profile .hero-identity>span{display:none}
.hero-system .hero-profile .hero-identity h2{font-size:max(.75rem,1.4rem)}
/* 05: three genuine profiles, with a mobile row that invites exploration. */
.hero-system .hero-choose{background:linear-gradient(105deg,#082f42,#074956)}
.hero-system .hero-choose .hero-composition{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);column-gap:35px;min-height:588px}
.hero-system .hero-choose .hero-title{font-size:max(.75rem,clamp(2rem,3.05vw,2.85rem))}
.hero-system .hero-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-block:8px;scrollbar-width:thin;scrollbar-color:#77a4a4 transparent}
.hero-system .hero-choice{display:block;min-width:0;background:white;color:#173b49;border-radius:10px;overflow:hidden;text-decoration:none;border:1px solid #d2e6e3;transition:transform .2s ease}
.hero-system .hero-choice>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#e7edef}
.hero-system .hero-choice>div{padding:13px 11px 7px}
.hero-system .hero-choice h2{font-size:max(.75rem,.84rem);letter-spacing:0;line-height:1.5}
.hero-system .hero-choice p{font-size:max(.75rem,.67rem);color:#526f78;line-height:1.6;margin:7px 0 0;min-height:3.3em}
.hero-system .hero-choice span{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px;border-top:1px solid #e0ebe8;margin-top:11px;color:#087e86;font-size:max(.75rem,.7rem);font-weight:650}
.hero-system .hero-choice span .icon{width:15px;height:15px}
.hero-system .hero-choice-hint{display:none}
/* Manual by default; rotation is an explicit optional action. */
.hero-system .hero-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;background:#f2f8f7;color:#274e59;padding-block:12px}
.hero-system .hero-controls-label{font-size:max(.75rem,.73rem);letter-spacing:.02em;font-weight:650}
.hero-system .hero-pager,.hero-system .hero-steps{display:flex;align-items:center;gap:5px}
.hero-system .hero-pager button{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:1px solid transparent;border-radius:50%;background:none;color:#456775;cursor:pointer;font:650 .75rem/1 Arial,sans-serif}
.hero-system .hero-pager button[aria-current=true]{background:#073448;border-color:#073448;color:white}
.hero-system .hero-pager .hero-prev,.hero-system .hero-pager .hero-next{border-color:#cbdedb;background:#fff}
.hero-system .hero-pager .icon{width:18px;height:18px}
.hero-system .hero-prev .icon{transform:rotate(180deg)}
[dir=rtl] .hero-system .hero-prev .icon{transform:none}
.hero-system .hero-rotation{border:0;background:transparent;color:#456775;display:flex;align-items:center;gap:8px;min-height:44px;padding:7px;cursor:pointer;font:inherit;font-size:max(.75rem,.72rem)}
.hero-system .hero-rotation .icon{width:17px;height:17px}
.hero-system .hero-rotation[aria-pressed=true]{color:#08756f}
.hero-system .hero-rotation:disabled{opacity:.6;cursor:default}
.hero-system .hero-enter{animation:hero-fade .24s ease-out both}
.hero-system a:focus-visible,.hero-system button:focus-visible,.hero-system .hero-choice-grid:focus-visible{outline:3px solid #2ec8be;outline-offset:4px;box-shadow:0 0 0 2px white}
.hero-system .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes hero-fade{from{opacity:.45;translate:0 5px}to{opacity:1;translate:0 0}}
[dir=rtl] .hero-system .hero-title{letter-spacing:0;line-height:1.55;font-size:max(.75rem,clamp(2rem,2.95vw,2.7rem))}
[dir=rtl] .hero-system .eyebrow,[dir=rtl] .hero-system .hero-identity>span{letter-spacing:0}
[dir=rtl] .hero-system .hero-description{line-height:1.95}
[dir=rtl] .hero-system .hero-room-person{margin-inline-start:auto;margin-inline-end:0}
[dir=rtl] .hero-system .hero-choice h2{font-size:max(.75rem,.82rem)}
@media(hover:hover){.hero-system .hero-choice:hover{transform:translateY(-4px)}.hero-system .hero-service-links>a:hover{color:#087e86;background:#e3f0ec}.hero-system .hero-secondary:hover{background:#ffffff12}.hero-system .hero-expertise .hero-secondary:hover,.hero-system .hero-profile .hero-secondary:hover{background:#dcebe4}.hero-system .hero-pager button:hover{border-color:#78a7a4}.hero-system .hero-profile-link:hover{color:#065b62}}
@media(max-width:960px){.hero-system .hero-composition{column-gap:28px;min-height:540px;padding-block:32px}.hero-system .hero-title{font-size:max(.75rem,2.15rem)}.hero-system .hero-description{font-size:max(.75rem,.93rem)}.hero-system .hero-photo-frame{width:88%}.hero-system .hero-portrait .hero-identity{width:215px;padding:14px 16px;bottom:8px}.hero-system .hero-identity h2{font-size:max(.75rem,1rem)}.hero-system .hero-choose .hero-composition{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}.hero-system .hero-choice-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 2px 15px}.hero-system .hero-choice{flex:0 0 165px;scroll-snap-align:start}.hero-system .hero-choice-hint{display:flex;align-items:center;gap:8px;font-size:max(.75rem,.67rem);color:#c2dedb;margin:6px 0 0}.hero-system .hero-choice-hint .icon{width:16px;height:16px}.hero-system .hero-place .hero-composition{gap:25px}.hero-system .hero-room-person{width:100%}.hero-system .hero-room-person>img{width:85px;height:107px}.hero-system .hero-room-person .hero-identity{padding:9px 12px}.hero-system .hero-room-person .hero-identity p{font-size:max(.75rem,.67rem)}.hero-system .hero-room-person .hero-profile-link{font-size:max(.75rem,.68rem)}.hero-system .hero-controls-label{display:none}}
@media(max-width:640px){.hero-system .hero-composition,.hero-system .hero-choose .hero-composition,.hero-system .hero-place .hero-composition,.hero-system .hero-expertise .hero-composition{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "scene" "actions";row-gap:24px;min-height:0;padding:30px 20px 27px}.hero-system .hero-title,.hero-system .hero-choose .hero-title,.hero-system .hero-expertise .hero-title{font-size:max(.75rem,2rem);line-height:1.18;max-width:450px}.hero-system .hero-description,.hero-system .hero-expertise .hero-description{font-size:max(.75rem,.89rem);line-height:1.75;max-width:none;margin-top:15px}.hero-system .eyebrow{font-size:max(.75rem,.6rem);margin-bottom:13px;letter-spacing:.11em}.hero-system .hero-actions{padding:0}.hero-system .hero-actions .actions{display:grid;grid-template-columns:1fr;gap:10px}.hero-system .btn{width:100%;font-size:max(.75rem,.83rem);padding:13px 14px;min-height:49px}.hero-system .hero-availability{font-size:max(.75rem,.65rem);margin-top:12px;justify-content:center}.hero-system .hero-photo-frame{max-width:256px;width:72%;margin-inline-start:auto;margin-inline-end:6px;border-radius:16px}.hero-system .hero-portrait .hero-scene{max-width:400px;width:100%;margin:auto}.hero-system .hero-portrait .hero-identity{width:205px;bottom:8px;inset-inline-start:0;padding:13px 15px}.hero-system .hero-identity>span{font-size:max(.75rem,.57rem)}.hero-system .hero-identity h2{font-size:max(.75rem,1rem)}.hero-system .hero-identity p{font-size:max(.75rem,.7rem)}.hero-system .hero-expertise-frame{max-width:240px;width:72%;border-width:6px;margin-inline-start:auto;margin-inline-end:0;aspect-ratio:4/5}.hero-system .hero-expertise .hero-scene{max-width:390px;width:100%;margin:auto}.hero-system .hero-expertise .hero-identity{position:absolute;bottom:12px;inset-inline-start:0;width:195px;margin:0;padding:14px;box-shadow:0 5px 24px #07344814;border:1px solid #dce9e5}.hero-system .hero-service-links{margin-top:15px;max-width:none}.hero-system .hero-service-links>a{font-size:max(.75rem,.8rem);min-height:46px;padding:8px 2px}.hero-system .hero-room>img{aspect-ratio:4/3;object-position:50% 78%}.hero-system .hero-room figcaption{font-size:max(.75rem,.63rem);padding:9px 11px}.hero-system .hero-room-person{width:100%;margin-top:12px}.hero-system .hero-room-person>img{width:85px;height:107px}.hero-system .hero-room-person .hero-identity{padding:10px 13px}.hero-system .hero-room-person .hero-identity h2{font-size:max(.75rem,1rem)}.hero-system .hero-room-person .hero-profile-link{min-height:36px}.hero-system .hero-place-link{font-size:max(.75rem,.76rem);margin-top:9px}.hero-system .hero-editorial-frame{max-width:242px;width:75%;margin:auto}.hero-system .hero-profile .hero-identity{max-width:280px;width:90%;padding-top:13px;margin-top:13px;text-align:center}.hero-system .hero-profile .hero-identity h2{font-size:max(.75rem,1.2rem)}.hero-system .hero-profile-note{font-size:max(.75rem,.72rem);padding:8px 12px;margin-top:14px}.hero-system .hero-choice-grid{gap:12px;padding:5px 2px 13px}.hero-system .hero-choice{flex:0 0 61%;max-width:215px}.hero-system .hero-choice h2{font-size:max(.75rem,1rem)}.hero-system .hero-choice p{font-size:max(.75rem,.75rem);min-height:2.8em}.hero-system .hero-choice span{font-size:max(.75rem,.74rem)}.hero-system .hero-choice>div{padding:13px 14px 7px}.hero-system .hero-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:2px 15px;padding:12px 12px;min-height:76px}.hero-system .hero-pager{gap:3px;flex:0 0 auto}.hero-system .hero-steps{gap:1px}.hero-system .hero-pager button{width:38px;min-width:38px;height:44px;border-radius:10px}.hero-system .hero-rotation{justify-content:center;font-size:max(.75rem,.68rem)}.hero-system .hero-rotation .icon{width:15px;height:15px}[dir=rtl] .hero-system .hero-title{font-size:max(.75rem,1.85rem);line-height:1.6}[dir=rtl] .hero-system .hero-description{font-size:max(.75rem,.9rem);line-height:1.9}[dir=rtl] .hero-system .hero-choice h2{font-size:max(.75rem,1rem)}}
@media(max-width:374px){.hero-system .hero-composition,.hero-system .hero-choose .hero-composition,.hero-system .hero-place .hero-composition,.hero-system .hero-expertise .hero-composition{padding-inline:16px;row-gap:22px}.hero-system .hero-title,.hero-system .hero-expertise .hero-title,.hero-system .hero-choose .hero-title{font-size:max(.75rem,1.83rem)}.hero-system .hero-description{font-size:max(.75rem,.87rem)}.hero-system .hero-portrait .hero-identity,.hero-system .hero-expertise .hero-identity{width:183px;padding:12px}.hero-system .hero-identity h2{font-size:max(.75rem,.93rem)}.hero-system .hero-identity p{font-size:max(.75rem,.64rem)}.hero-system .hero-pager button{width:36px;min-width:36px}.hero-system .hero-choice{flex-basis:73%}[dir=rtl] .hero-system .hero-title{font-size:max(.75rem,1.75rem)}}
@media(prefers-reduced-motion:reduce){.hero-system .hero-enter{animation:none}.hero-system .hero-choice{transition:none}.hero-system .hero-choice:hover{transform:none}.hero-system .hero-choice-grid{scroll-behavior:auto}}

/* Phase 2: 15 stories, with education alongside existing team profiles. */
.story-section-heading{padding-block:38px 30px}.story-section-heading>p{font-size:max(.75rem,12px);font-weight:700;letter-spacing:.06em;color:#087970;margin:0 0 10px}.story-section-heading>h2{font-size:max(.75rem,clamp(24px,2.8vw,38px));line-height:1.4;margin:0 0 10px;color:#073448}.story-section-heading>span{font-size:max(.75rem,14px);color:#547077}
.hero-system .hero-treatment-story .hero-composition{min-height:630px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:52px;padding-block:42px}
.hero-system .hero-treatment-story{background:#073b40}.hero-system .hero-treatment-story.story-1{background:#142f3c}.hero-system .hero-treatment-story.story-2{background:#24493c}
.hero-system .hero-treatment-story .hero-title{font-size:max(.75rem,clamp(27px,3vw,43px));line-height:1.25}.hero-system .hero-treatment-story .hero-title span{color:#c5e7bd}.hero-system .hero-treatment-story .hero-description{max-width:620px;font-size:max(.75rem,16px);line-height:1.8}
.hero-system .hero-fact{margin-top:22px;padding:15px 18px;border-inline-start:3px solid #c6d5a1;background:#ffffff09;border-radius:0 12px 12px 0;max-width:620px}.hero-fact p{font-size:max(.75rem,18px);line-height:1.65;margin:0 0 7px;color:white}.hero-fact small{display:block;font-size:max(.75rem,11px);color:#bdd5cd;line-height:1.6}
.hero-system .story-photo{margin:0;position:relative;align-self:stretch;min-height:420px;border-radius:24px;overflow:hidden;background:#ffffff12}.hero-system .story-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-system .story-photo figcaption{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(transparent,#03242dcc);color:white;padding:30px 18px 16px;font-size:max(.75rem,11px)}
.hero-system .hero-treatment-story .btn.primary{background:#e6efda;border-color:#e6efda;color:#123c3d}.story-detail{margin-top:14px;max-width:620px;font-size:max(.75rem,12px);line-height:1.8;color:#d5e6de}.story-detail summary{cursor:pointer;min-height:36px;padding-block:6px}.story-detail p{margin:6px 0 0}
.hero-system .hero-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding-block:18px}.hero-system .hero-pager{display:flex;min-width:0;max-width:100%;flex:1 1 600px;justify-content:center;gap:6px}.hero-system .hero-steps{display:flex;overflow-x:auto;min-width:0;max-width:100%;gap:3px;scrollbar-width:thin}.hero-system .hero-pager button{flex:0 0 36px;width:36px;min-width:36px;height:40px}.hero-system .hero-count{font-size:max(.75rem,13px);font-weight:700;direction:ltr;white-space:nowrap}.hero-system .hero-controls-label{display:none}
[dir=rtl] .hero-system .hero-treatment-story .hero-title{font-size:max(.75rem,clamp(27px,3vw,40px));line-height:1.6;letter-spacing:0}[dir=rtl] .hero-fact{border-radius:12px 0 0 12px}
@media(max-width:760px){.hero-system .hero-treatment-story .hero-composition{display:grid;grid-template-columns:1fr;grid-template-areas:"intro" "scene" "actions";min-height:0;padding:28px 22px;row-gap:22px}.hero-system .story-photo{min-height:250px;max-height:310px;aspect-ratio:4/3;width:100%}.hero-system .hero-treatment-story .hero-title{font-size:max(.75rem,29px)}.hero-system .hero-treatment-story .hero-description{font-size:max(.75rem,15px)}.hero-system .hero-fact p{font-size:max(.75rem,17px)}.hero-system .hero-pager{flex-basis:100%}.hero-system .hero-steps{max-width:calc(100vw - 135px)}.story-section-heading{padding-block:28px 22px}[dir=rtl] .hero-system .hero-treatment-story .hero-title{font-size:max(.75rem,28px)}}
