/* Bronvex's doorway: typographic hierarchy and two deliberate surfaces. */
.portal-creative .gateway-hero{padding:40px 0 23px}
.portal-creative .gateway-copy h1{font-size:clamp(56px,6.6vw,99px);line-height:1.1;letter-spacing:-.065em}
.portal-creative .gateway-copy h1 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.065em;padding-bottom:.07em}
.portal-creative .gateway-introduction{margin-top:18px}
.portal-creative .gateway-intro{max-width:60ch;font-size:15px}
.portal-creative .gateway-section-label{padding-block:21px 19px}
.portal-creative .studio-path{padding:0;gap:0;overflow:hidden;grid-template-columns:minmax(0,1.45fr) minmax(295px,.8fr);background:#101b30;border:0;border-radius:20px;box-shadow:0 17px 32px -24px #14233c6e}
.portal-creative .studio-overview{display:grid;grid-template-areas:'top' 'title' 'action' 'copy';padding:30px 36px 27px}
.portal-creative .studio-overview>.path-top{grid-area:top;font-size:10px;letter-spacing:.06em}
.portal-creative .studio-overview .path-heading{display:contents}
.portal-creative .studio-overview .path-heading h2{grid-area:title;margin:23px 0 0;line-height:.88;letter-spacing:-.075em}
.portal-creative .path-brand-name{display:block;font:500 15px/1.5 'DM Sans',sans-serif;letter-spacing:.015em;margin-bottom:11px}
.portal-creative .path-studio-name{display:block;font-family:Manrope,sans-serif;font-size:clamp(74px,9.2vw,132px);font-weight:400;line-height:1.08;padding-bottom:.055em}
.portal-creative .studio-overview .path-destination{grid-area:action;margin-top:21px}
.portal-creative .studio-overview .path-heading>p{grid-area:copy;max-width:41ch;margin-top:23px;font-size:14px;line-height:1.85;color:#dce5f5}
.portal-creative .studio-path .path-action{min-width:235px;border-radius:7px;color:#132443}
.portal-creative .studio-map{margin:0;padding:31px 28px 25px;border:0;background:#2355e8}
.portal-creative .map-caption{margin-bottom:25px;color:#e9efff;font-size:11px}
.portal-creative .map-links>a{min-height:91px;padding:13px 0;transition:padding .25s,color .25s}
.portal-creative .map-links>a:hover{padding-inline:6px}
.portal-creative .map-link-copy strong{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.035em}
.portal-creative .map-link-copy>span{font-size:11px;line-height:1.7}
.portal-creative .path-assurance{margin:0;padding:17px 36px;border:0;border-top:1px solid #ffffff21;background:#101b30;color:#dce5f5;font-size:11px}
.portal-creative .shop-path{margin-top:2px;background:#e9eef7;border-radius:16px;padding:25px 32px}
.portal-creative .shop-path .path-heading h2{font-size:34px;letter-spacing:-.05em}
.portal-creative .gateway-signature{padding-block:22px}
.portal-creative .portal-header{border-bottom-color:#dbe2ed}
@media(max-width:1000px){
 .portal-creative .studio-path{grid-template-columns:minmax(0,1.1fr) minmax(265px,.8fr)}
 .portal-creative .studio-overview{padding-inline:28px}
 .portal-creative .studio-map{padding-inline:24px}
 .portal-creative .path-studio-name{font-size:102px}
}
@media(max-width:760px){
 .portal-creative .studio-path{grid-template-columns:1fr}
 .portal-creative .studio-map{padding:20px 25px 17px}
 .portal-creative .map-caption{margin-bottom:8px}
 .portal-creative .map-links>a{min-height:45px}
 .portal-creative .map-link-copy strong{font:500 13px/1.5 'DM Sans',sans-serif;letter-spacing:0}
 .portal-creative .path-assurance{padding:16px 25px}
}
@media(max-width:680px){
 .portal-creative .gateway-hero{padding:29px 0 14px}
 .portal-creative .gateway-copy h1{font-size:clamp(43px,11.5vw,67px);line-height:1.08}
 .portal-creative .gateway-copy h1 em{display:block;padding-top:2px}
 .portal-creative .gateway-intro{font-size:14px;line-height:1.8}
 .portal-creative .gateway-section-label{padding-block:18px}
 .portal-creative .studio-overview{padding:23px 25px 22px}
 .portal-creative .studio-overview .path-heading h2{margin-top:22px}
 .portal-creative .path-brand-name{font-size:13px;margin-bottom:8px}
 .portal-creative .path-studio-name{font-size:80px}
 .portal-creative .studio-overview .path-destination{margin-top:19px}
 .portal-creative .studio-overview .path-heading>p{font-size:13px;margin-top:19px;line-height:1.8}
 .portal-creative .studio-path .path-action{min-width:0}
 .portal-creative .shop-path{padding:23px 25px}
 .portal-creative .shop-path .path-heading h2{font-size:31px}
}
@media(max-width:360px){
 .portal-creative .studio-overview{padding-inline:21px}
 .portal-creative .path-studio-name{font-size:70px}
 .portal-creative .studio-map,.portal-creative .path-assurance{padding-inline:21px}
 .portal-creative .studio-overview>.path-top{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.portal-creative .map-links>a{transition:none}}
@media(forced-colors:active){.portal-creative .studio-path,.portal-creative .studio-map,.portal-creative .path-assurance{background:Canvas;color:CanvasText;border:1px solid CanvasText}.portal-creative .studio-overview .path-heading>p{color:CanvasText}}
