.page-experience{--xp-navy:#061d3e;--xp-accent:#92dcff;color:#24374c;background:#fff}
.xp-hero{background:var(--xp-navy);color:#fff;overflow:hidden}
.xp-hero-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-top:64px;padding-bottom:64px}
.xp-heading{position:relative;z-index:2}
.xp-heading h1{color:#fff;font-size:clamp(38px,4.7vw,66px);max-width:840px}
.xp-breadcrumb{color:#cfdfed;font-size:12px;display:inline-block;margin-bottom:24px}
.xp-heading .eyebrow{color:var(--xp-accent);margin-bottom:20px}
.xp-intro{font-size:18px;line-height:1.8;color:#dce7f4;max-width:640px;margin-bottom:28px}
.xp-visual{margin:0;min-width:0;position:relative}
.xp-visual img{display:block;width:100%;height:420px;object-fit:cover}
.xp-visual figcaption{padding:12px 16px;background:#f3f6fa;color:#24374c;font-size:11px}
.xp-credit{font-size:10px;line-height:1.7;color:#596b7d;padding-top:12px;text-align:right}
.xp-credit a{text-decoration:underline;text-underline-offset:3px}
.xp-content{padding-bottom:60px}
.xp-section{padding:64px 0;border-bottom:1px solid #d5dfeb}
.xp-section .eyebrow{color:#48637b}
.xp-section h2{font-size:clamp(29px,3.2vw,43px);max-width:850px;margin-bottom:30px}
.xp-section h3{font-size:24px;line-height:1.3}
.xp-section p{line-height:1.9;max-width:820px}
.xp-two,.xp-section.xp-editorial{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.xp-three{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.xp-card{border-top:3px solid var(--xp-accent);padding:24px 0 18px}
.xp-card p{font-size:16px;margin-bottom:0}
.xp-two+p{margin-top:32px}
.xp-large{font-size:24px;line-height:1.55!important;color:var(--xp-navy)}
.xp-callout{background:#eef5fa;padding:36px;border-left:4px solid var(--xp-accent)}
.xp-section.xp-callout{margin-top:50px;margin-bottom:20px}
.xp-timeline{counter-reset:xpstep;list-style:none;padding:0;margin:0;max-width:900px}
.xp-timeline li{counter-increment:xpstep;position:relative;padding:4px 0 34px 76px;border-left:1px solid #adc8dd;margin-left:24px}
.xp-timeline li:last-child{border-left:0;padding-bottom:0}
.xp-timeline li:before{content:counter(xpstep,decimal-leading-zero);position:absolute;left:-25px;top:0;width:49px;height:49px;border-radius:50%;background:var(--xp-navy);color:var(--xp-accent);display:grid;place-items:center;font-weight:600}
.xp-numbered{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.xp-numbered .xp-card>span{font:44px Georgia,serif;color:#476c88;display:block;margin-bottom:24px}
.xp-table-wrap{overflow-x:auto;border:1px solid #d5dfeb}
.xp-table-wrap table{border-collapse:collapse;width:100%;min-width:440px;font-size:16px}
.xp-table-wrap th{text-align:left;background:var(--xp-navy);color:#fff;padding:20px 24px}
.xp-table-wrap td{border-bottom:1px solid #d5dfeb;padding:22px 24px;vertical-align:top}
.xp-table-wrap tr:nth-child(even) td{background:#f3f6fa}
.xp-table-wrap td:first-child{font-weight:600;color:var(--xp-navy);width:30%}
.xp-interview details{padding:26px 0}
.xp-interview summary{font-size:23px}
.xp-specs{margin:0}
.xp-specs>div{display:grid;grid-template-columns:180px 1fr;gap:32px;border-top:1px solid #d5dfeb;padding:26px 0}
.xp-specs dt{font-size:24px;color:var(--xp-navy);font-weight:600}
.xp-specs dd{margin:0;font-size:18px;line-height:1.8}
.xp-next{background:#eef5fa;padding:48px 0}
.xp-next-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}
.xp-next h2{font-size:32px;max-width:740px}
.xp-next p{margin:0;font-size:13px;color:#596b7d}
.xp-next .button{flex-shrink:0;max-width:330px;text-align:center}
.xp-panorama .xp-hero{position:relative;isolation:isolate}
.xp-panorama .xp-hero-inner{display:block;min-height:620px;display:flex;align-items:center}
.xp-panorama .xp-heading{max-width:760px}
.xp-panorama .xp-visual{position:absolute;inset:0;z-index:-2}
.xp-panorama .xp-visual img{height:100%;object-position:center}
.xp-panorama .xp-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061d3efa 5%,#061d3ede 43%,#061d3e40);z-index:-1}
.xp-skyline .xp-hero-inner{grid-template-columns:1fr;gap:36px;padding-bottom:0}
.xp-skyline .xp-heading{max-width:850px}
.xp-skyline .xp-visual img{height:280px;object-position:50% 55%}
.xp-heritage .xp-hero{background:#eef5fa;color:var(--xp-navy)}
.xp-heritage .xp-heading h1,.xp-heritage .xp-heading .eyebrow{color:var(--xp-navy)}
.xp-heritage .xp-intro,.xp-heritage .xp-breadcrumb{color:#48637b}
.xp-heritage .xp-visual{grid-column:1;grid-row:1;padding:14px;background:white;box-shadow:12px 14px 0 #d5e6f3;transform:rotate(-2deg)}
.xp-heritage .xp-heading{grid-column:2;grid-row:1}
.xp-heritage .xp-visual img{height:auto;max-height:440px;object-fit:contain}
.xp-wide .xp-hero-inner{grid-template-columns:1fr;gap:38px;text-align:center}
.xp-wide .xp-heading h1,.xp-wide .xp-intro{margin-left:auto;margin-right:auto}
.xp-wide .xp-visual img{height:auto;max-height:420px;aspect-ratio:1771/751}
.xp-editorial .xp-hero-inner{grid-template-columns:1.2fr .8fr}
.xp-editorial .xp-visual img{height:490px;border-radius:120px 0 0 0}
.xp-editorial .xp-heading h1{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(42px,5vw,72px)}
.xp-reverse .xp-visual{grid-column:1;grid-row:1}
.xp-reverse .xp-heading{grid-column:2;grid-row:1}
.xp-reverse .xp-visual img{height:490px;border-radius:0 90px 0 0}
.xp-feature .xp-hero-inner{grid-template-columns:1fr 1.3fr;gap:30px}
.xp-feature .xp-visual img{height:520px;border-left:5px solid var(--xp-accent)}
.xp-feature .xp-heading h1{font-size:clamp(38px,4vw,57px)}
.xp-home .xp-hero{background:#eef5fa}
.xp-home .xp-heading h1{color:var(--xp-navy)}
.xp-home .xp-heading .eyebrow,.xp-home .xp-intro,.xp-home .xp-breadcrumb{color:#48637b}
.xp-home .xp-visual img{border-radius:180px 180px 0 0;height:450px}
.xp-home .xp-card{background:#f3f6fa;padding:32px}
.xp-connect .xp-hero{background-color:var(--xp-navy);background-image:radial-gradient(#92dcff30 1px,transparent 1px);background-size:24px 24px}
.xp-connect .xp-hero-inner{grid-template-columns:1.4fr .6fr}
.xp-connect .xp-visual img{height:320px;border:5px solid #92dcff80;border-radius:50%;aspect-ratio:1}

.xp-about-hero{padding:85px 0;background:#061d3e;color:white}
.xp-about-hero h1{font-size:clamp(42px,6vw,80px);color:white}
.xp-about-hero .eyebrow{color:#92dcff}
.xp-about-hero p{max-width:700px;font-size:21px;color:#dce7f4}
.xp-contact-intro{padding-top:65px;padding-bottom:35px}
.xp-contact-intro h1{font-size:clamp(40px,5vw,66px)}
.xp-contact-intro p{font-size:19px;max-width:720px;color:#596b7d}
.xp-contact-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:65px;align-items:start;padding-bottom:75px}
.xp-contact-note{background:#061d3e;padding:34px;color:#dce7f4}
.xp-contact-note h2{color:white;font-size:30px}
.xp-contact-note .eyebrow,.xp-contact-note .text-link{color:#92dcff}
.xp-contact-form{min-width:0}
@media(max-width:900px){.xp-contact-grid{grid-template-columns:1fr;gap:30px}.xp-about-hero{padding:50px 0}}

.xp-owner-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}
.xp-owner-portrait{margin:0;width:100%;max-width:420px;justify-self:end;border-bottom:4px solid #92dcff}
.xp-owner-portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}
.xp-owner-portrait figcaption{padding:18px 20px;background:#0d2a4a;color:white;font-size:20px}
.xp-owner-portrait figcaption span{display:block;font-size:12px;color:#92dcff;margin-top:3px}
.xp-page-business-electricity .xp-visual{max-width:1120px;width:100%}
.xp-page-business-electricity .xp-visual img{height:auto;aspect-ratio:3/2;object-fit:contain}
@media(max-width:900px){.xp-owner-layout{grid-template-columns:1fr;gap:32px}.xp-owner-portrait{justify-self:start;max-width:400px}}
.page-experience .button{white-space:normal}
.utility-page{background:#fff;color:#061d3e}
.utility-hero{padding:64px 0 70px;background:#061d3e;color:#fff;border-bottom:8px solid #92dcff}
.utility-hero a{color:#92dcff;text-decoration:underline}
.utility-page .utility-label{font-size:12px;font-weight:700;letter-spacing:.13em;line-height:1.6;margin:22px 0 14px}
.utility-hero .utility-label{color:#92dcff}
.utility-hero h1{font-size:clamp(40px,5.5vw,72px);line-height:1.07;max-width:950px;margin:0 0 24px}
.utility-hero p:not(.utility-label){max-width:710px;font-size:20px;line-height:1.6;color:#e0eaf4}
.utility-hero span{display:block;margin-top:24px;color:#c5d8e9;font-size:14px}
.utility-reading{max-width:1100px}
.utility-section table th,.utility-section table td{padding:16px 14px;text-align:left;border-bottom:1px solid #c5d8e9;font-size:15px;line-height:1.5;vertical-align:top}
.utility-section table thead{background:#061d3e;color:#fff}
.utility-section table tbody tr:nth-child(even){background:#eaf6ff}
.utility-section table tbody th{font-weight:700}
.utility-section [role=region]:focus-visible{outline:3px solid #075b8d;outline-offset:4px}
.utility-jumps{display:flex;gap:12px;flex-wrap:wrap;padding:28px 0;border-bottom:1px solid #d6e1ec}
.utility-jumps a{background:#eaf6ff;padding:11px 17px;border-radius:4px;font-weight:700}
.utility-section{padding:48px 0;border-bottom:1px solid #d6e1ec;scroll-margin-top:120px}
.utility-section h2,.utility-help h2{font-size:clamp(28px,3.5vw,42px);line-height:1.18;margin:0 0 24px;max-width:860px}
.utility-section h3{font-size:22px;line-height:1.3;margin:0 0 12px}
.utility-section p,.utility-section li{font-size:17px;line-height:1.8;margin-bottom:18px}
.utility-section a{color:#075b8d;text-decoration:underline;text-underline-offset:4px}
.utility-section ul,.utility-section ol{padding-left:25px}
.utility-section li{margin-bottom:10px}
.utility-split{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:30px 0}
.utility-split>div{border-top:4px solid #92dcff;background:#f0f7fb;padding:28px}
.utility-note{background:#061d3e;color:#fff;padding:32px;margin:30px 0}
.utility-note a{color:#92dcff}
.utility-directory{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;margin-top:34px}
.utility-entry{border-top:1px solid #c5d8e9;padding:30px 0}
.utility-entry>span{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;color:#47647e;margin-bottom:14px}
.utility-entry a{display:inline-block;font-size:15px;margin:0 18px 8px 0}
.utility-section .utility-source{font-size:14px;color:#47647e;margin-top:25px}
.utility-help{background:#eaf6ff;padding:52px 0 62px}
.utility-help p:not(.utility-label){max-width:700px;margin:20px 0 25px;line-height:1.8}
body:has(.utility-page)>.cta{display:none}
@media(max-width:700px){.utility-hero{padding:38px 0 44px}.utility-split,.utility-directory{grid-template-columns:1fr}.utility-section{padding:34px 0}.utility-note{padding:24px}.utility-jumps a{font-size:14px}}

.page-experience .xp-hero :focus-visible{outline-color:#92dcff}
body:has(.page-experience)>.cta{display:none}
@media(max-width:900px){
.xp-hero-inner,.xp-editorial .xp-hero-inner,.xp-feature .xp-hero-inner,.xp-connect .xp-hero-inner{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:40px}
.xp-heading,.xp-heritage .xp-heading,.xp-reverse .xp-heading{grid-column:auto;grid-row:auto}
.xp-visual,.xp-heritage .xp-visual,.xp-reverse .xp-visual{grid-column:auto;grid-row:auto}
.xp-heritage .xp-visual{transform:none;box-shadow:none}
.xp-visual img,.xp-editorial .xp-visual img,.xp-reverse .xp-visual img,.xp-feature .xp-visual img{height:340px}
.xp-panorama .xp-hero-inner{min-height:540px}
.xp-panorama .xp-visual img{height:100%}
.xp-three,.xp-numbered{grid-template-columns:1fr;gap:12px}
.xp-two,.xp-section.xp-editorial{grid-template-columns:1fr;gap:28px}
.xp-next-inner{display:block}.xp-next .button{margin-top:26px}
.xp-connect .xp-visual{max-width:320px;justify-self:center}
.xp-section{padding:40px 0}.xp-section.xp-callout,.xp-callout{padding:28px}
}
@media(max-width:600px){
.xp-heading h1{font-size:39px}.xp-intro{font-size:16px}
.xp-panorama .xp-hero:after{background:#061d3edb}
.xp-specs>div{grid-template-columns:1fr;gap:8px}
.xp-timeline li{padding-left:48px}
.xp-visual img,.xp-editorial .xp-visual img,.xp-reverse .xp-visual img,.xp-feature .xp-visual img{height:270px}
.xp-home .xp-visual img{height:320px}
.xp-skyline .xp-visual img{height:200px}
.xp-hero h1 br{display:none}
.xp-credit{text-align:left}
}