/* Distinct hero compositions. Additional blocks remain stored when switching layouts. */
.hero .hero-extra,.hero .hero-display{display:none}
.hero:is(.hero-panel,.hero-type,.hero-collage){--hero-space:clamp(28px,5.7vw,100px);position:relative;isolation:isolate;min-height:720px;height:calc(100svh - var(--recruit-nav-height));padding:110px var(--hero-space) 45px;background:var(--mist);color:var(--ink);align-items:center;overflow:hidden}
.hero:is(.hero-panel,.hero-type,.hero-collage):after{display:none}
.hero:is(.hero-panel,.hero-type,.hero-collage) .hero-script{display:none}
.hero:is(.hero-panel,.hero-type,.hero-collage) .hero-copy{margin:0;max-width:none;text-align:left;color:inherit}
.hero:is(.hero-panel,.hero-type,.hero-collage) h1{font-size:clamp(36px,4.2vw,66px);line-height:1.4;letter-spacing:.02em}
.hero:is(.hero-panel,.hero-type,.hero-collage) .hero-actions{flex-wrap:wrap;gap:18px 28px}
.hero:is(.hero-panel,.hero-type,.hero-collage) .hero-scroll{left:var(--hero-space);bottom:20px;color:var(--ink)}
/* 4 / Paper and portrait: no image behind the copy. */
.hero.hero-panel{background:#fff;padding-right:55%;}
.hero.hero-panel .hero-copy{width:100%}
.hero.hero-panel .hero-image{inset:98px 24px 24px 49%;width:auto;height:auto;margin:0;clip-path:none;border-radius:180px 0 0 0}
.hero.hero-panel .hero-image img{object-position:60% center}
.hero.hero-panel .eyebrow{padding-left:30px;position:relative}
.hero.hero-panel .eyebrow:before{content:'';width:18px;height:2px;background:var(--blue);position:absolute;left:0;top:.7em}
/* 5 / Masthead: display type, broad landscape, a compact reading column. */
.hero.hero-type{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:auto minmax(0,1fr);gap:32px 5%;padding-top:110px;padding-bottom:55px;background:#fff;align-items:stretch}
.hero.hero-type .hero-display{display:block;grid-column:1/-1;grid-row:1;position:relative;z-index:2;margin:0;font-family:var(--wp--custom--recruit-english,Arial,sans-serif);font-weight:900;font-style:normal;font-size:clamp(50px,8.6vw,155px);line-height:1;letter-spacing:-.035em;overflow-wrap:anywhere;color:var(--blue)}
.hero.hero-type .hero-image{position:relative;inset:auto;grid-column:1;grid-row:2;width:100%;height:100%;min-height:360px;margin:0;clip-path:none;border-radius:0}
.hero.hero-type .hero-image img{object-position:60% center}
.hero.hero-type .hero-copy{grid-column:2;grid-row:2;align-self:center;width:100%;padding:20px 0}
.hero.hero-type h1{font-size:clamp(30px,3.15vw,48px)}
.hero.hero-type .hero-lead{font-size:14px}
.hero.hero-type .hero-actions .wp-block-button__link{min-width:170px;padding:18px 22px}
/* 6 / Collage: three independently editable photographs. */
.hero.hero-collage{padding-right:58%;background:var(--mist)}
.hero.hero-collage:before{content:'';position:absolute;inset:14% -13% -35% 54%;z-index:-1;border:1px solid color-mix(in srgb,var(--blue) 20%,transparent);border-radius:50%;transform:rotate(-25deg)}
.hero.hero-collage .hero-copy{width:100%}
.hero.hero-collage h1{font-size:clamp(34px,3.8vw,60px)}
.hero.hero-collage .hero-image{inset:130px 5% 24% 48%;width:auto;height:auto;clip-path:none;border-radius:4px 85px 4px 4px;margin:0}
.hero.hero-collage .hero-image img{object-position:60% center}
.hero.hero-collage .hero-extra{display:block;position:absolute;overflow:hidden;margin:0;width:22%;height:27%;z-index:1;box-shadow:0 18px 35px #102c4014}
.hero.hero-collage .hero-extra img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
.hero.hero-collage .hero-extra-one{left:43%;bottom:5%;transform:rotate(-5deg);border:7px solid #fff}
.hero.hero-collage .hero-extra-two{right:3%;bottom:3%;transform:rotate(5deg);border:7px solid #fff}
.hero.hero-no-photo:is(.hero-panel,.hero-type,.hero-collage) .hero-image{display:none}
@media(min-width:1001px) and (max-height:850px){.hero:is(.hero-panel,.hero-type,.hero-collage){min-height:620px}.hero:is(.hero-panel,.hero-collage) h1{font-size:clamp(32px,3.6vw,54px)}.hero.hero-type .hero-display{font-size:7vw}.hero.hero-type .hero-image{min-height:300px}.hero.hero-type h1{font-size:32px}.hero:is(.hero-panel,.hero-type,.hero-collage) .hero-lead{font-size:13px}}
@media(max-width:1000px){
 .hero:is(.hero-panel,.hero-type,.hero-collage){height:auto;min-height:0;padding:110px 28px 48px;display:grid;grid-template-columns:1fr;gap:30px}
 .hero:is(.hero-panel,.hero-type,.hero-collage) .hero-copy{width:100%;grid-column:1;grid-row:1;max-width:650px}
 .hero:is(.hero-panel,.hero-type,.hero-collage) h1{font-size:clamp(32px,5.8vw,48px)}
 .hero:is(.hero-panel,.hero-type,.hero-collage) .hero-image{position:relative;inset:auto;width:100%;height:400px;grid-column:1;grid-row:2;margin:0;min-height:0}
 .hero.hero-panel .hero-image{border-radius:100px 0 0 0}
 .hero.hero-type .hero-display{grid-row:1;font-size:clamp(43px,9vw,88px);grid-column:1}
 .hero.hero-type .hero-image{grid-row:2;height:330px}
 .hero.hero-type .hero-copy{grid-row:3;padding:0}
 .hero.hero-collage{grid-template-columns:1fr 1fr;gap:25px 18px}
 .hero.hero-collage .hero-copy{grid-column:1/-1}
 .hero.hero-collage .hero-image{grid-column:1/-1;height:350px;border-radius:4px 70px 4px 4px}
 .hero.hero-collage .hero-extra{position:relative;inset:auto;width:100%;height:200px;grid-row:3;box-sizing:border-box;margin-top:-75px}
 .hero.hero-collage .hero-extra-one{grid-column:1}.hero.hero-collage .hero-extra-two{grid-column:2}
 .hero:is(.hero-panel,.hero-type,.hero-collage) .hero-scroll{display:none}
}
@media(max-width:600px){
 .hero:is(.hero-panel,.hero-type,.hero-collage){padding:100px 24px 32px}
 .hero:is(.hero-panel,.hero-type,.hero-collage) h1{font-size:34px}
 .hero:is(.hero-panel,.hero-type,.hero-collage) .hero-image{height:280px}
 .hero.hero-type .hero-image{height:240px}
 .hero.hero-collage .hero-extra{height:135px;border-width:4px;margin-top:-45px}
 .hero:is(.hero-panel,.hero-type,.hero-collage) .hero-lead{font-size:13px}
 .hero:is(.hero-panel,.hero-type,.hero-collage) .hero-actions .wp-block-button__link{min-width:170px}
}
/* Match the editor canvas to the front end, overriding the older fixed full-photo preview. */
.editor-styles-wrapper .hero:is(.hero-panel,.hero-type,.hero-collage){height:auto!important;min-height:720px!important;padding:110px var(--hero-space) 55px!important}
.editor-styles-wrapper .hero.hero-panel{padding-right:55%!important}
.editor-styles-wrapper .hero.hero-collage{padding-right:58%!important}
.editor-styles-wrapper .hero:is(.hero-panel,.hero-type,.hero-collage)>.hero-copy{width:100%;max-width:none}
.editor-styles-wrapper .hero.hero-panel>.hero-image{inset:98px 24px 24px 49%!important;width:auto!important;height:auto!important}
.editor-styles-wrapper .hero.hero-type>.hero-image{position:relative!important;inset:auto!important;width:100%!important;height:100%!important}
.editor-styles-wrapper .hero.hero-collage>.hero-image{inset:130px 5% 24% 48%!important;width:auto!important;height:auto!important}
@media(max-width:1000px){
 .editor-styles-wrapper .hero:is(.hero-panel,.hero-type,.hero-collage){min-height:0!important;padding:100px 24px 32px!important}
 .editor-styles-wrapper .hero:is(.hero-panel,.hero-type,.hero-collage)>.hero-image{position:relative!important;inset:auto!important;width:100%!important;height:280px!important}
}
@media(prefers-reduced-motion:reduce){.hero .hero-extra img{transition:none}}
/* 7–10 / Reference-inspired compositions, using the site's own editable content. */
.hero:is(.hero-orbit,.hero-impact,.hero-geometry,.hero-frame){--hero-space:clamp(24px,5.7vw,90px);position:relative;isolation:isolate;height:calc(100svh - var(--recruit-nav-height));min-height:780px;padding:115px var(--hero-space) 45px;color:var(--ink);background:#fff;overflow:hidden}
.hero:is(.hero-orbit,.hero-impact,.hero-geometry,.hero-frame):after,.hero:is(.hero-orbit,.hero-impact,.hero-geometry,.hero-frame) .hero-script{display:none}
.hero:is(.hero-orbit,.hero-impact,.hero-geometry,.hero-frame) .hero-copy{color:inherit;max-width:none;margin:0;width:100%;text-align:left}
.hero:is(.hero-orbit,.hero-impact,.hero-geometry,.hero-frame) .hero-image{clip-path:none;margin:0;overflow:hidden}
.hero:is(.hero-orbit,.hero-impact,.hero-geometry,.hero-frame) .hero-extra{margin:0;overflow:hidden}
.hero:is(.hero-orbit,.hero-impact,.hero-geometry,.hero-frame) .hero-extra img{height:100%;width:100%;object-fit:cover}
.hero:is(.hero-orbit,.hero-impact,.hero-geometry,.hero-frame) .hero-actions{flex-wrap:wrap;gap:16px 24px}
.hero:is(.hero-orbit,.hero-impact,.hero-geometry,.hero-frame) .hero-scroll{display:none}
/* 7 / Circular stage and vertical copy. */
.hero.hero-orbit{background:color-mix(in srgb,var(--mist) 80%,#f8f0df);padding-bottom:200px;display:flex;align-items:center;justify-content:center}
.hero.hero-orbit .hero-image{inset:115px auto auto 22%;width:56%;height:58%;border-radius:48% 48% 44% 44%;}
.hero.hero-orbit .hero-image img{object-position:65% 45%;filter:brightness(.94)}
.hero.hero-orbit .hero-extra{display:block;position:absolute;width:26%;height:38%;border-radius:50%;top:240px;z-index:1;border:12px solid color-mix(in srgb,var(--mist) 80%,#f8f0df)}
.hero.hero-orbit .hero-extra-one{left:-6%;transform:rotate(-8deg)}
.hero.hero-orbit .hero-extra-two{right:-6%;transform:rotate(8deg)}
.hero.hero-orbit .hero-copy{position:static;display:flex;flex-direction:column;align-items:center;z-index:3}
.hero.hero-orbit .eyebrow{position:absolute;top:115px;left:0;width:100%;max-width:none;text-align:center;z-index:4;padding:12px 20px;color:var(--ink);background:#ffffffde}
.hero.hero-orbit h1{position:relative;writing-mode:vertical-rl;text-orientation:upright;font-size:clamp(28px,2.8vw,42px);line-height:1.8;letter-spacing:.08em;background:#fffffff0;padding:24px 18px;margin:68px auto 0;max-height:380px;box-shadow:0 15px 50px #102c4010}
.hero.hero-orbit .hero-lead{position:absolute;left:var(--hero-space);bottom:45px;width:44%;font-size:14px;line-height:1.9;margin:0}
.hero.hero-orbit .hero-actions{position:absolute;right:var(--hero-space);bottom:52px;max-width:43%;margin:0}
/* 8 / Oversized masthead intersecting a full-width image. */
.hero.hero-impact{padding:0;background:#fff}
.hero.hero-impact .hero-display{display:block;position:absolute;z-index:4;top:110px;left:3%;right:3%;margin:0;font-family:var(--wp--custom--recruit-english,Arial,sans-serif);font-weight:900;font-style:normal;font-size:clamp(70px,11vw,190px);line-height:.95;letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere;pointer-events:none}
.hero.hero-impact .hero-image{inset:200px 0 0;width:100%;height:auto;border-radius:0}
.hero.hero-impact .hero-image img{object-position:65% 50%}
.hero.hero-impact .hero-copy{position:absolute;left:var(--hero-space);bottom:34px;width:43%;padding:28px 32px;background:#fffffff2;backdrop-filter:blur(12px);border-left:4px solid var(--blue)}
.hero.hero-impact h1{font-size:clamp(28px,2.9vw,43px);line-height:1.45;letter-spacing:.03em}
.hero.hero-impact h1 br{display:none}
.hero.hero-impact .eyebrow{font-size:11px;margin-bottom:14px}
.hero.hero-impact .hero-lead{font-size:12px;margin-top:16px}
.hero.hero-impact .hero-actions{margin-top:18px}
.hero.hero-impact .hero-actions .wp-block-button__link{min-width:165px;padding:16px 20px;font-size:12px}
.hero.hero-impact .hero-actions .text-link a{font-size:12px}
/* 9 / Technical grid, staggered polygon photographs and geometric accents. */
.hero.hero-geometry{background-color:#fff;background-image:linear-gradient(color-mix(in srgb,var(--blue) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--blue) 10%,transparent) 1px,transparent 1px);background-size:24px 24px;padding-right:57%}
.hero.hero-geometry:before{content:'';position:absolute;left:44%;top:22%;width:70px;height:70px;background:var(--blue);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);opacity:.7}
.hero.hero-geometry .hero-copy{position:relative;z-index:3}
.hero.hero-geometry h1{font-size:clamp(34px,4.2vw,64px);line-height:1.45;background:#ffffffab}
.hero.hero-geometry .hero-lead{font-size:14px;background:#ffffffd9;padding:12px 0}
.hero.hero-geometry .hero-image{inset:90px 7% auto auto;width:40%;height:53%;clip-path:polygon(24% 0,76% 0,100% 50%,76% 100%,24% 100%,0 50%);z-index:1}
.hero.hero-geometry .hero-image img{object-position:65% center}
.hero.hero-geometry .hero-extra-one{display:block;position:absolute;right:2%;bottom:18px;width:34%;height:43%;clip-path:polygon(24% 0,76% 0,100% 50%,76% 100%,24% 100%,0 50%);z-index:2}
.hero.hero-geometry .hero-extra-two{display:block;position:absolute;left:45%;bottom:30px;width:16%;height:25%;border-radius:50% 50% 8px 50%;z-index:1;transform:rotate(-12deg)}
/* 10 / Architectural lines and a user-controlled photographic gallery. */
.hero.hero-frame{--frame-rail:7%;display:block;padding:110px var(--frame-rail) 0;background:#fff;min-height:850px}
.hero.hero-frame:before{content:'';position:absolute;inset:100px var(--frame-rail) 0;border-left:1px solid var(--ink);border-right:1px solid var(--ink);pointer-events:none;z-index:4}
.hero.hero-frame .hero-image,.hero.hero-frame .hero-extra{display:block;position:absolute;inset:145px var(--frame-rail) 225px;width:auto;height:auto;border-radius:0;z-index:0;opacity:0;transition:opacity .8s ease;clip-path:none}
.hero.hero-frame .hero-image{opacity:1}
.hero.hero-frame.gallery-ready .hero-image,.hero.hero-frame.gallery-ready .hero-extra{opacity:0}
.hero.hero-frame.gallery-ready .is-current{opacity:1;z-index:1}
.hero.hero-frame .hero-image img{object-position:65% center}
.hero.hero-frame .hero-display{display:block;position:absolute;z-index:3;top:99px;left:18%;right:18%;margin:0;padding:8px 20px;background:#fff;border:1px solid var(--ink);text-align:center;font-family:var(--wp--custom--recruit-english,Arial,sans-serif);font-size:clamp(30px,4.8vw,70px);font-weight:900;line-height:1;letter-spacing:.015em;overflow-wrap:anywhere}
.hero.hero-frame .hero-copy{position:absolute;left:var(--frame-rail);right:var(--frame-rail);bottom:0;width:auto;height:225px;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:10px 35px;padding:28px 35px 24px;background:#fff}
.hero.hero-frame .eyebrow{grid-column:1;grid-row:1;margin:0;font-size:11px}
.hero.hero-frame h1{grid-column:1;grid-row:2/4;font-size:clamp(24px,2.8vw,40px);line-height:1.35}
.hero.hero-frame h1 br{display:none}
.hero.hero-frame .hero-lead{grid-column:2;grid-row:1/3;font-size:12px;margin:0}
.hero.hero-frame .hero-actions{grid-column:2;grid-row:3;margin:0;gap:15px}
.hero.hero-frame .hero-actions .wp-block-button__link{min-width:165px;padding:13px 18px;font-size:12px}
.hero.hero-frame .hero-actions .text-link a{font-size:12px}
.hero-gallery-controls{position:absolute;bottom:245px;right:calc(var(--frame-rail) + 20px);display:flex;align-items:center;gap:10px;z-index:5;background:#fff;border:1px solid var(--ink);padding:5px 10px;color:var(--ink)}
.hero-gallery-controls button{border:0;background:transparent;color:inherit;width:40px;height:40px;font-size:29px;line-height:1;cursor:pointer;transition:background .2s}
.hero-gallery-controls button:hover{background:var(--mist)}
.hero-gallery-controls button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.hero-gallery-status{font-size:12px;letter-spacing:.12em;min-width:58px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:1000px){
 .hero:is(.hero-orbit,.hero-impact,.hero-geometry,.hero-frame){height:auto;min-height:0;padding:110px 24px 35px}
 .hero.hero-orbit{min-height:850px;display:block}
 .hero.hero-orbit .hero-image{inset:155px 12% auto;width:76%;height:360px}
 .hero.hero-orbit .hero-extra{top:330px;width:30%;height:230px;border-width:7px}
 .hero.hero-orbit h1{font-size:30px;margin:80px auto 0;height:300px;padding:16px 12px}
 .hero.hero-orbit .hero-lead{position:relative;inset:auto;margin:85px auto 0;width:auto;text-align:center;font-size:13px}
 .hero.hero-orbit .hero-actions{position:relative;inset:auto;max-width:none;margin:24px auto 0;justify-content:center}
 .hero.hero-impact{padding:100px 0 0}
 .hero.hero-impact .hero-display{position:relative;inset:auto;font-size:11vw;margin:0 20px -25px;min-height:65px}
 .hero.hero-impact .hero-image{position:relative;inset:auto;width:100%;height:430px}
 .hero.hero-impact .hero-copy{position:relative;inset:auto;margin:-90px 24px 30px;width:calc(100% - 48px);max-width:630px;padding:25px;box-sizing:border-box}
 .hero.hero-geometry{display:grid;grid-template-columns:1fr 1fr;gap:25px 18px}
 .hero.hero-geometry .hero-copy{grid-column:1/-1;width:100%}
 .hero.hero-geometry h1{font-size:clamp(34px,5vw,48px)}
 .hero.hero-geometry .hero-image{position:relative;inset:auto;grid-column:1;grid-row:2;width:100%;height:330px}
 .hero.hero-geometry .hero-extra-one{position:relative;inset:auto;grid-column:2;grid-row:2;width:100%;height:330px;margin-top:80px}
 .hero.hero-geometry .hero-extra-two{display:none}
 .hero.hero-geometry:before{left:auto;right:30px;top:120px;width:45px;height:45px}
 .hero.hero-frame{--frame-rail:24px;padding:100px 24px 0;display:grid;grid-template-columns:1fr;grid-template-rows:auto 380px auto}
 .hero.hero-frame:before{inset:100px 24px 0}
 .hero.hero-frame .hero-display{position:relative;inset:auto;grid-column:1;grid-row:1;margin:0 20px -12px;font-size:clamp(30px,6vw,56px)}
 .hero.hero-frame .hero-image,.hero.hero-frame .hero-extra{position:relative;inset:auto;grid-column:1;grid-row:2;width:100%;height:100%;margin:0}
 .hero.hero-frame .hero-copy{position:relative;inset:auto;grid-column:1;grid-row:3;width:100%;height:auto;display:block;padding:25px;box-sizing:border-box}
 .hero.hero-frame .hero-copy>*+*{margin-top:18px}
 .hero.hero-frame h1{font-size:32px}
 .hero.hero-frame .hero-actions{margin-top:22px}
 .hero-gallery-controls{position:relative;inset:auto;grid-column:1;grid-row:2;align-self:end;justify-self:end;margin:15px}
}
@media(max-width:600px){
 .hero.hero-orbit{min-height:0;padding-top:100px;padding-bottom:35px}
 .hero.hero-orbit .eyebrow{top:100px;font-size:9px;padding:10px 12px}
 .hero.hero-orbit h1{font-size:27px;line-height:1.7;height:280px;margin-top:65px}
 .hero.hero-orbit .hero-image{top:150px;height:300px;left:5%;width:90%}
 .hero.hero-orbit .hero-extra{top:375px;width:34%;height:140px}
 .hero.hero-orbit .hero-lead{margin-top:80px;font-size:12px}
 .hero.hero-orbit .hero-actions{gap:14px}
 .hero.hero-impact .hero-image{height:355px}
 .hero.hero-impact .hero-display{font-size:12vw;line-height:.95;margin-bottom:-18px}
 .hero.hero-impact .hero-copy{margin-top:-40px;padding:22px 20px}
 .hero.hero-impact h1{font-size:28px}
 .hero.hero-geometry .hero-image,.hero.hero-geometry .hero-extra-one{height:215px}
 .hero.hero-geometry .hero-extra-one{margin-top:55px}
 .hero.hero-geometry h1{font-size:34px}
 .hero.hero-geometry .hero-lead{font-size:12px;text-wrap:pretty}
 .hero.hero-frame{grid-template-rows:auto 300px auto}
 .hero.hero-frame .hero-display{font-size:30px;margin-inline:12px;padding:10px}
 .hero.hero-frame .hero-copy{padding:24px 18px}
 .hero.hero-frame h1{font-size:28px}
 .hero.hero-frame .hero-actions{gap:15px}
 .hero.hero-frame .hero-actions .text-link a{font-size:11px}
}
/* Explicit editor resets against the legacy full-photo preview rules. */
.editor-styles-wrapper .hero:is(.hero-orbit,.hero-impact,.hero-geometry,.hero-frame){height:850px!important;min-height:850px!important;padding:115px var(--hero-space) 45px!important}
.editor-styles-wrapper .hero:is(.hero-orbit,.hero-impact,.hero-geometry,.hero-frame)>.hero-copy{max-width:none}
.editor-styles-wrapper .hero.hero-orbit>.hero-copy{position:static!important;width:100%!important}
.editor-styles-wrapper .hero.hero-orbit>.hero-image{inset:115px auto auto 22%!important;width:56%!important;height:58%!important}
.editor-styles-wrapper .hero.hero-impact>.hero-image{inset:200px 0 0!important;width:100%!important;height:auto!important}
.editor-styles-wrapper .hero.hero-impact>.hero-copy{position:absolute!important;left:var(--hero-space);bottom:34px;width:43%!important}
.editor-styles-wrapper .hero.hero-geometry{padding-right:57%!important}
.editor-styles-wrapper .hero.hero-geometry>.hero-image{inset:90px 7% auto auto!important;width:40%!important;height:53%!important}
.editor-styles-wrapper .hero.hero-geometry>.hero-copy{width:100%!important}
.editor-styles-wrapper .hero.hero-frame>.hero-image{inset:145px var(--frame-rail) 225px!important;width:auto!important;height:auto!important}
.editor-styles-wrapper .hero.hero-frame>.hero-copy{position:absolute!important;width:auto!important}
.editor-styles-wrapper .hero.hero-frame .hero-extra{display:none}
@media(max-width:1000px){
 .editor-styles-wrapper .hero:is(.hero-orbit,.hero-impact,.hero-geometry,.hero-frame){height:auto!important;min-height:0!important;padding:110px 24px 35px!important}
 .editor-styles-wrapper .hero.hero-orbit>.hero-image{inset:155px 12% auto!important;width:76%!important;height:360px!important}
 .editor-styles-wrapper .hero.hero-impact>.hero-image{position:relative!important;inset:auto!important;width:100%!important;height:430px!important}
 .editor-styles-wrapper .hero.hero-impact>.hero-copy{position:relative!important;inset:auto!important;width:calc(100% - 48px)!important}
 .editor-styles-wrapper .hero.hero-geometry>.hero-image{position:relative!important;inset:auto!important;width:100%!important;height:330px!important}
 .editor-styles-wrapper .hero.hero-frame>.hero-image{position:relative!important;inset:auto!important;width:100%!important;height:100%!important}
 .editor-styles-wrapper .hero.hero-frame>.hero-copy{position:relative!important;inset:auto!important;width:100%!important}
}
@media(prefers-reduced-motion:reduce){.hero.hero-frame .hero-image,.hero.hero-frame .hero-extra{transition:none}}
/* Keep gallery UI exclusive to its own composition. */
.hero:not(.hero-frame) .hero-gallery-controls{display:none}
.hero.hero-impact{display:block}
@media(max-width:1000px){
 .hero.hero-impact{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
 .hero.hero-impact>*{flex-shrink:0}
 .hero.hero-impact .hero-display{order:-1;width:calc(100% - 40px);box-sizing:border-box}
 .hero.hero-impact .hero-copy{order:1}
}
/* Revised desktop balance: taller circle, portrait-friendly frame. */
@media(min-width:1001px){
 .hero.hero-orbit{height:max(900px,calc(100svh - 80px));min-height:900px;overflow:visible;clip-path:inset(0 0 -80px);padding-bottom:100px}
 .hero.hero-orbit .hero-image{inset:180px auto -70px 28%;width:44%;height:auto;border-radius:49% 49% 46% 46%;z-index:0}
 .hero.hero-orbit .hero-image img{object-position:65% 42%}
 .hero.hero-orbit .eyebrow{top:120px;background:transparent;padding:8px 20px}
 .hero.hero-orbit h1{position:absolute;top:255px;left:50%;transform:translateX(-50%);margin:0;max-height:none;font-size:clamp(30px,2.8vw,42px)}
 .hero.hero-orbit .hero-extra{width:27%;height:36%;border-width:10px}
 .hero.hero-orbit .hero-extra-one{left:-3%;top:245px;transform:rotate(-12deg)}
 .hero.hero-orbit .hero-extra-two{right:-3%;top:355px;transform:rotate(12deg)}
 .hero.hero-orbit .hero-lead{left:3%;bottom:65px;width:24%;font-size:13px;text-wrap:pretty}
 .hero.hero-orbit .hero-actions{right:3%;bottom:55px;width:23%;max-width:none;flex-direction:column;align-items:center;gap:12px}
 .hero.hero-orbit+.nav-section{z-index:2;background:transparent}
 .hero.hero-orbit+.nav-section .nav-grid{background:transparent}
 .hero.hero-frame{--frame-rail:5%;height:max(900px,calc(100svh - 65px));min-height:900px;padding:115px 5% 45px}
 .hero.hero-frame:before{inset:115px 5% 45px;border:1px solid var(--ink)}
 .hero.hero-frame .hero-image,.hero.hero-frame .hero-extra{inset:115px 5% 45px 46%;width:auto;height:auto;border-left:1px solid var(--ink)}
 .hero.hero-frame .hero-image img,.hero.hero-frame .hero-extra img{object-position:center 35%}
 .hero.hero-frame .hero-display{top:145px;left:7%;right:56%;padding:25px 20px;font-size:clamp(46px,4.7vw,78px);line-height:1.08;text-align:left;overflow-wrap:normal;word-break:normal}
 .hero.hero-frame .hero-copy{left:7%;right:56%;bottom:75px;width:auto;height:auto;border:0;padding:0;display:block;background:transparent}
 .hero.hero-frame .eyebrow{font-size:11px;margin-bottom:18px}
 .hero.hero-frame h1{font-size:clamp(28px,2.6vw,40px);line-height:1.5;margin:0}
 .hero.hero-frame .hero-lead{font-size:13px;line-height:1.9;margin-top:22px}
 .hero.hero-frame .hero-actions{margin-top:24px;gap:14px 22px}
 .hero.hero-frame .hero-gallery-controls{bottom:65px;right:calc(5% + 20px)}
 .editor-styles-wrapper .hero.hero-orbit{height:920px!important;min-height:920px!important;overflow:visible}
 .editor-styles-wrapper .hero.hero-orbit>.hero-image{inset:180px auto -70px 28%!important;width:44%!important;height:auto!important}
 .editor-styles-wrapper .hero.hero-frame{height:920px!important;min-height:920px!important}
 .editor-styles-wrapper .hero.hero-frame>.hero-image{inset:115px 5% 45px 46%!important;width:auto!important;height:auto!important}
 .editor-styles-wrapper .hero.hero-frame>.hero-copy{left:7%;right:56%;bottom:75px;width:auto!important}
}
/* On smaller screens keep the frame layout; make the circular photo less wide. */
@media(max-width:1000px){
 .hero.hero-orbit .hero-image{top:175px;left:20%;width:60%;height:410px;border-radius:49%}
 .hero.hero-orbit .hero-extra-one{top:330px;left:-5%}
 .hero.hero-orbit .hero-extra-two{top:390px;right:-5%}
 .hero.hero-orbit .hero-lead{margin-top:115px}
 .editor-styles-wrapper .hero.hero-orbit>.hero-image{inset:175px auto auto 20%!important;width:60%!important;height:410px!important}
}
@media(max-width:600px){
 .hero.hero-orbit .hero-image{top:150px;left:15%;width:70%;height:370px}
 .hero.hero-orbit .hero-extra{width:30%;height:145px}
 .hero.hero-orbit .hero-extra-one{top:350px;left:-5%}
 .hero.hero-orbit .hero-extra-two{top:395px;right:-5%}
 .hero.hero-orbit .hero-lead{margin-top:115px}
 .editor-styles-wrapper .hero.hero-orbit>.hero-image{inset:150px auto auto 15%!important;width:70%!important;height:370px!important}
}
@media(min-width:1001px){
 .hero.hero-orbit{overflow-x:clip;overflow-y:visible}
 .hero.hero-frame .hero-image,.hero.hero-frame .hero-extra{background:var(--mist)}
 .hero.hero-frame .hero-image img,.hero.hero-frame .hero-extra img{object-fit:contain;object-position:center}
}
@media(min-width:1001px){
 .hero.hero-orbit{height:max(820px,calc(100svh - 80px));min-height:820px}
 .hero.hero-frame{height:max(820px,calc(100svh - 65px));min-height:820px}
 .hero.hero-frame .hero-image img,.hero.hero-frame .hero-extra img{animation:none;transform:none}
}
/* Frame: a single outline, quiet texture and adjustable full-bleed portraits. */
@media(min-width:1001px){
 .hero.hero-frame .hero-display{border:0;background:transparent;padding:0;font-size:clamp(52px,5.4vw,88px);top:155px;line-height:1.04;letter-spacing:-.01em}
 .hero.hero-frame:after{content:'';display:block;position:absolute;inset:115px 54% 45px 5%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 0 50%,transparent 49%,#3766b810 49.2%,#3766b810 49.5%,transparent 49.7%),radial-gradient(ellipse at 0 50%,transparent 63%,#3766b80b 63.2%,#3766b80b 63.5%,transparent 63.7%),radial-gradient(#3766b810 .7px,transparent .9px);background-size:auto,auto,22px 22px}
 .hero.hero-frame .hero-image img,.hero.hero-frame .hero-extra img{object-fit:cover;object-position:var(--sbd-frame-x,50%) var(--sbd-frame-y,50%);animation:none;transform:none}
 .hero.hero-frame .hero-image img{object-position:var(--sbd-frame-x,75%) var(--sbd-frame-y,50%)}
 /* Circle: all photographs stop before navigation; eyebrow becomes a small editorial heading. */
 .hero.hero-orbit{overflow:hidden;clip-path:none}
 .hero.hero-orbit .hero-image{top:145px;bottom:35px;height:auto}
 .hero.hero-orbit .eyebrow{top:auto;bottom:195px;left:3%;width:24%;padding:16px 0 0;text-align:left;font-size:clamp(14px,1.12vw,18px);font-weight:700;letter-spacing:.045em;line-height:1.7;white-space:normal;background:transparent;margin:0;color:var(--ink)}
 .hero.hero-orbit .eyebrow:before{content:'';position:absolute;top:0;left:0;width:40px;height:2px;background:var(--blue)}
 .hero.hero-orbit .hero-lead{bottom:65px;width:24%;font-size:13px;line-height:1.95}
 .hero.hero-orbit+.nav-section,.hero.hero-orbit+.nav-section .nav-grid{background:var(--mist)}
 .editor-styles-wrapper .hero.hero-orbit>.hero-image{inset:145px auto 35px 28%!important;height:auto!important}
}
@media(max-width:1000px){
 .hero.hero-orbit .eyebrow{position:relative;inset:auto;order:2;width:auto;max-width:520px;margin:115px 0 0;padding:18px 20px 0;font-size:15px;line-height:1.7;background:transparent;text-align:center}
 .hero.hero-orbit .eyebrow:before{content:'';position:absolute;top:0;left:calc(50% - 20px);width:40px;height:2px;background:var(--blue)}
 .hero.hero-orbit h1{order:1}
 .hero.hero-orbit .hero-lead{order:3;margin-top:18px}
 .hero.hero-orbit .hero-actions{order:4}
}
@media(max-width:600px){.hero.hero-orbit .eyebrow{font-size:14px;margin-top:105px;max-width:300px}}
.sbd-frame-x-0{--sbd-frame-x:0%}.sbd-frame-y-0{--sbd-frame-y:0%}
.sbd-frame-x-5{--sbd-frame-x:5%}.sbd-frame-y-5{--sbd-frame-y:5%}
.sbd-frame-x-10{--sbd-frame-x:10%}.sbd-frame-y-10{--sbd-frame-y:10%}
.sbd-frame-x-15{--sbd-frame-x:15%}.sbd-frame-y-15{--sbd-frame-y:15%}
.sbd-frame-x-20{--sbd-frame-x:20%}.sbd-frame-y-20{--sbd-frame-y:20%}
.sbd-frame-x-25{--sbd-frame-x:25%}.sbd-frame-y-25{--sbd-frame-y:25%}
.sbd-frame-x-30{--sbd-frame-x:30%}.sbd-frame-y-30{--sbd-frame-y:30%}
.sbd-frame-x-35{--sbd-frame-x:35%}.sbd-frame-y-35{--sbd-frame-y:35%}
.sbd-frame-x-40{--sbd-frame-x:40%}.sbd-frame-y-40{--sbd-frame-y:40%}
.sbd-frame-x-45{--sbd-frame-x:45%}.sbd-frame-y-45{--sbd-frame-y:45%}
.sbd-frame-x-50{--sbd-frame-x:50%}.sbd-frame-y-50{--sbd-frame-y:50%}
.sbd-frame-x-55{--sbd-frame-x:55%}.sbd-frame-y-55{--sbd-frame-y:55%}
.sbd-frame-x-60{--sbd-frame-x:60%}.sbd-frame-y-60{--sbd-frame-y:60%}
.sbd-frame-x-65{--sbd-frame-x:65%}.sbd-frame-y-65{--sbd-frame-y:65%}
.sbd-frame-x-70{--sbd-frame-x:70%}.sbd-frame-y-70{--sbd-frame-y:70%}
.sbd-frame-x-75{--sbd-frame-x:75%}.sbd-frame-y-75{--sbd-frame-y:75%}
.sbd-frame-x-80{--sbd-frame-x:80%}.sbd-frame-y-80{--sbd-frame-y:80%}
.sbd-frame-x-85{--sbd-frame-x:85%}.sbd-frame-y-85{--sbd-frame-y:85%}
.sbd-frame-x-90{--sbd-frame-x:90%}.sbd-frame-y-90{--sbd-frame-y:90%}
.sbd-frame-x-95{--sbd-frame-x:95%}.sbd-frame-y-95{--sbd-frame-y:95%}
.sbd-frame-x-100{--sbd-frame-x:100%}.sbd-frame-y-100{--sbd-frame-y:100%}
.hero.hero-orbit .eyebrow{text-wrap:balance;word-break:normal;overflow-wrap:normal}
@media(min-width:1201px){.hero.hero-orbit .eyebrow{bottom:165px}}
.hero.hero-orbit .eyebrow{word-break:keep-all}
@media(min-width:1001px) and (max-width:1200px){.hero.hero-orbit .eyebrow{bottom:215px}}