/* Owner-selected About concept: Founder's Letter. Scoped to /about. */
@font-face{font-family:Electric Grotesk;src:url('../fonts/homepage/familjengrotesk-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Electric Grotesk;src:url('../fonts/homepage/familjengrotesk-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Electric Grotesk;src:url('../fonts/homepage/familjengrotesk-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:About Serif;src:url('../fonts/homepage/dm-serif-display-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:About Serif;src:url('../fonts/homepage/dm-serif-display-italic.woff') format('woff');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Electric Notes;src:url('../fonts/homepage/caveat-variable.woff') format('woff');font-weight:400 700;font-display:swap}
body.studio-site main.electric-about{--ea-ink:#261336;--ea-muted:#615168;--ea-purple:#7512eb;--ea-peach:#ffeadb;--ea-lavender:#e8dfff;--ea-white:#fffdf9;--rev-ink:var(--ea-ink);--rev-muted:var(--ea-muted);--rev-purple:var(--ea-purple);--rev-line:#d8c8e9;background:var(--ea-peach)!important;font-family:Electric Grotesk,Arial,sans-serif;font-size:18px;line-height:1.5;color:var(--ea-ink)!important}
.electric-about *{box-sizing:border-box}.electric-about .ea-shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}.electric-about figure{margin:0}.electric-about picture,.electric-about picture img{display:block}.electric-about svg{width:20px;height:20px;flex-shrink:0}.electric-about a{text-decoration:none}.electric-about :is(a,summary){scroll-margin-top:100px}
body.studio-site main.electric-about :is(h1,h2,h3,p){margin:0;text-transform:none}
body.studio-site main.electric-about :is(h1,h2){font-family:About Serif,Georgia,serif!important;font-weight:400!important;letter-spacing:-.045em!important;text-wrap:pretty;line-height:1.02!important;color:var(--ea-ink)!important}
body.studio-site main.electric-about h1{font-size:clamp(3rem,5.7vw,5.15rem)!important;max-width:780px;overflow-wrap:normal}
body.studio-site main.electric-about h2{font-size:clamp(2.65rem,5vw,4.55rem)!important}
body.studio-site main.electric-about h3{font-family:Electric Grotesk,Arial,sans-serif!important;font-weight:600!important;font-size:1.4rem;line-height:1.22!important;letter-spacing:-.025em}
body.studio-site main.electric-about :is(h1,h2) em{font-family:About Serif,Georgia,serif!important;font-style:italic!important;font-weight:400;color:var(--ea-purple)!important}
body.studio-site main.electric-about :is(p,li,figcaption){font-family:Electric Grotesk,Arial,sans-serif;font-size:1.125rem;line-height:1.5;color:var(--ea-muted)!important}
body.studio-site main.electric-about .ea-label{font:600 .875rem/1.4 Electric Grotesk,Arial,sans-serif!important;letter-spacing:.09em!important;text-transform:uppercase;color:#6d35b3!important;margin:0 0 20px}
body.studio-site main.electric-about .ea-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;max-width:100%;padding:13px 24px;border:1px solid var(--ea-purple)!important;border-radius:5px;background:var(--ea-purple)!important;color:white!important;font:600 1rem/1.4 Electric Grotesk,Arial,sans-serif;text-align:center;text-decoration:none;transition:background .18s,transform .18s}
body.studio-site main.electric-about .ea-button--quiet{background:transparent!important;border-color:#b69adb!important;color:var(--ea-purple)!important}
body.studio-site main.electric-about .ea-button:hover{background:#6010c0!important;color:white!important;transform:translateY(-1px)}
.electric-about .ea-button svg{stroke:currentColor;fill:none}.electric-about .ea-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.electric-about .ea-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--ea-purple);font-size:1rem;font-weight:600;text-underline-offset:5px}.electric-about .ea-link:hover{text-decoration:underline}
body.studio-site main.electric-about>.site-breadcrumb{width:min(1280px,calc(100% - 112px));padding-block:16px 0;min-height:42px;font-size:.875rem}
.electric-about .site-breadcrumb :is(a,span){font-family:Electric Grotesk,Arial,sans-serif}
body.studio-site main.electric-about .ea-hero{padding:38px 0 52px;background:var(--ea-peach)!important}
.electric-about .ea-hero-grid{display:grid;grid-template-columns:.74fr 1.25fr;gap:68px;align-items:center}
.electric-about .ea-portrait{position:relative;max-width:430px;margin-left:25px}
.electric-about .ea-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 38%;border-radius:6px}
.electric-about .ea-portrait figcaption{margin-top:12px;font-size:1rem;line-height:1.4}.electric-about .ea-portrait figcaption strong{color:var(--ea-ink)}.electric-about .ea-portrait figcaption span{display:block;font-size:.9375rem}
body.studio-site main.electric-about .ea-note{position:absolute;top:34%;left:-72px;font:500 1.6rem/1.05 Electric Notes,cursive!important;color:var(--ea-purple)!important;transform:rotate(-7deg);text-align:left}
.electric-about .ea-hero-copy>p:not(.ea-label){max-width:650px;margin-top:26px}.electric-about .ea-hero-copy .ea-actions{margin-top:25px}.electric-about .ea-hero-copy .ea-intro{font-size:1.2rem}
body.studio-site main.electric-about :is(.ea-story,.ea-process,.ea-faq){background:var(--ea-white)!important}
.electric-about .ea-story{padding-block:56px}.electric-about .ea-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.electric-about .ea-story-grid>div:last-child{padding-top:0}.electric-about .ea-story-grid p+p{margin-top:20px}
body.studio-site main.electric-about .ea-work{background:var(--ea-lavender)!important;padding-block:48px 38px}
.electric-about .ea-work header{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:26px}.electric-about .ea-work header>.ea-link{margin-top:15px}.electric-about .ea-work .ea-label{margin-bottom:12px!important}
.electric-about .ea-projects{display:grid;grid-template-columns:1fr 1fr;gap:24px}.electric-about .ea-project{min-width:0;border-radius:5px;overflow:hidden}.electric-about .ea-project>a{display:block}.electric-about .ea-project picture{background:#fff;border:1px solid #dbcce9}.electric-about .ea-project img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top;transition:transform .25s}.electric-about .ea-project>a:hover img{transform:scale(1.012)}
body.studio-site main.electric-about .ea-project-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f3edff!important;padding:18px 18px 20px;min-height:103px}.electric-about .ea-project-caption p{font-size:1rem!important;line-height:1.4!important;margin-top:5px!important}.electric-about .ea-project-caption svg{color:var(--ea-purple)}
.electric-about .ea-process{padding-block:58px}.electric-about .ea-process-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:70px}.electric-about .ea-process ol{list-style:none;padding:0;margin:0}.electric-about .ea-process li{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:23px 0;border-bottom:1px solid #d9c5ef}.electric-about .ea-process li:first-child{padding-top:0}.electric-about .ea-process li:last-child{border-bottom:0;padding-bottom:0}.electric-about .ea-process li p{font-size:1.0625rem!important;line-height:1.45!important;margin-top:7px!important}
body.studio-site main.electric-about .ea-number{font:400 4rem/1 About Serif,Georgia,serif;color:#9a63d4!important;letter-spacing:-.05em}.electric-about .ea-process-note{margin-top:42px!important;font:500 1.8rem/1.15 Electric Notes,cursive!important;color:#7414d7!important;transform:rotate(-5deg);max-width:340px}
body.studio-site main.electric-about .ea-local{background:var(--ea-peach)!important;padding-block:40px}.electric-about .ea-local-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:54px;align-items:center}.electric-about .ea-local img{display:block;width:100%;height:auto;aspect-ratio:1.2;object-fit:cover;object-position:40% center;border-radius:6px}.electric-about .ea-local figcaption{font-size:.9375rem;margin-top:10px}.electric-about .ea-local h2{font-size:clamp(2.5rem,4vw,3.8rem)!important}.electric-about .ea-local h2+p{margin-top:23px!important}.electric-about .ea-local p+p{margin-top:17px!important}.electric-about .ea-local .ea-link{margin-top:10px}
.electric-about .ea-faq{padding-block:45px}.electric-about .ea-faq-grid{display:grid;grid-template-columns:.6fr 1fr;gap:70px}.electric-about .ea-faq details{border:1px solid #e4dbe9;border-bottom:0}.electric-about .ea-faq details:last-child{border-bottom:1px solid #e4dbe9}.electric-about .ea-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;padding:17px 22px;font-size:1.0625rem;font-weight:600;line-height:1.4;list-style:none;cursor:pointer}.electric-about .ea-faq summary::-webkit-details-marker{display:none}.electric-about .ea-faq details p{padding:0 22px 22px;font-size:1rem!important;line-height:1.5!important}.electric-about .ea-faq details p a{text-decoration:underline;color:var(--ea-purple)}.electric-about .ea-faq-symbol{font-size:1.6rem;font-weight:400;color:var(--ea-purple)!important}.electric-about .ea-faq details[open] .ea-faq-symbol{transform:rotate(45deg)}
body.studio-site main.electric-about .ea-final{background:var(--ea-lavender)!important;padding-block:40px}.electric-about .ea-final>.ea-shell{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center}.electric-about .ea-final h2{font-size:clamp(2.5rem,4.15vw,3.9rem)!important}.electric-about .ea-final .ea-actions{margin-top:22px}.electric-about .ea-final .ea-label{margin-bottom:15px!important}.electric-about .ea-final .ea-button{padding-inline:18px!important;gap:14px;min-height:50px!important;font-size:.9375rem!important}
/* Shared navigation remains intact. The retained footer fits the editorial page. */
body.studio-site:has(.electric-about) .footer{font-family:Electric Grotesk,Arial,sans-serif;padding-top:32px!important;padding-bottom:16px!important}body.studio-site:has(.electric-about) .footer :is(.footer-grid,.footer-contact-row){padding-block:20px!important;margin-block:0!important;gap:25px!important}body.studio-site:has(.electric-about) .footer :is(p,a,small,span){font-size:.875rem;line-height:1.45}body.studio-site:has(.electric-about) .footer .brand img{width:185px}body.studio-site:has(.electric-about) .footer .footer-column a{min-height:32px}body.studio-site:has(.electric-about) .footer .footer-bottom{padding-top:18px;margin-top:12px}
@media(max-width:1180px){.electric-about .ea-shell,body.studio-site main.electric-about>.site-breadcrumb{width:calc(100% - 64px)}.electric-about .ea-hero-grid{gap:42px}.electric-about .ea-portrait{margin-left:0}.electric-about .ea-note{display:none}.electric-about :is(.ea-story-grid,.ea-process-grid,.ea-faq-grid){gap:42px}.electric-about .ea-process li{grid-template-columns:62px 1fr;gap:16px}.electric-about .ea-final>.ea-shell{gap:35px}.electric-about .ea-project-caption{min-height:120px!important}}
@media(max-width:900px){body.studio-site main.electric-about h1{font-size:clamp(3rem,6vw,4rem)!important}.electric-about .ea-hero-grid{grid-template-columns:.75fr 1.15fr;gap:30px}.electric-about .ea-hero-copy>p:not(.ea-label){margin-top:20px}.electric-about .ea-hero-copy .ea-actions{gap:12px}.electric-about .ea-label{font-size:.8125rem!important}.electric-about .ea-local-grid{gap:32px}.electric-about .ea-local img{aspect-ratio:.9}.electric-about .ea-final>.ea-shell{grid-template-columns:1fr 1fr}.electric-about .ea-faq-grid{grid-template-columns:.55fr 1fr}}
@media(max-width:700px){.electric-about .ea-shell,body.studio-site main.electric-about>.site-breadcrumb{width:calc(100% - 40px)}body.studio-site main.electric-about>.site-breadcrumb{padding-top:13px;min-height:36px}.electric-about .ea-hero-grid{grid-template-columns:1fr;gap:28px}.electric-about .ea-hero-copy{order:-1;text-align:center}.electric-about .ea-hero-copy>p:not(.ea-label){max-width:540px;margin-inline:auto}.electric-about .ea-hero-copy .ea-actions{justify-content:center}.electric-about .ea-portrait{width:min(280px,78%);margin-inline:auto;text-align:left}.electric-about .ea-portrait img{aspect-ratio:4/4.5}.electric-about .ea-portrait figcaption{text-align:center}.electric-about .ea-note{display:block!important;left:-40px!important;top:38%!important;font-size:1.2rem!important}.electric-about .ea-note{display:none!important}body.studio-site main.electric-about .ea-hero{padding:24px 0 30px}body.studio-site main.electric-about h1{font-size:clamp(3rem,10vw,4.4rem)!important;line-height:1.02!important}body.studio-site main.electric-about h2{font-size:clamp(2.5rem,8.9vw,3.65rem)!important}body.studio-site main.electric-about :is(p,li){font-size:1rem}.electric-about .ea-hero-copy .ea-intro{font-size:1.0625rem}.electric-about .ea-label{font-size:.75rem!important;margin-bottom:14px!important}.electric-about .ea-actions{gap:12px}.electric-about .ea-button{min-height:50px!important;font-size:.9375rem!important;padding:12px 18px!important;gap:12px}.electric-about :is(.ea-story-grid,.ea-process-grid,.ea-local-grid,.ea-faq-grid,.ea-final>.ea-shell){grid-template-columns:1fr;gap:28px}.electric-about .ea-story{padding-block:35px}.electric-about .ea-story-grid h2 br{display:none}.electric-about .ea-story-grid>div:first-child{text-align:center}.electric-about .ea-story-grid p+p{margin-top:16px}.electric-about .ea-work{padding-block:35px!important}.electric-about .ea-work header{display:block;text-align:center;margin-bottom:22px}.electric-about .ea-work header>.ea-link{margin-top:10px}.electric-about .ea-projects{grid-template-columns:1fr;gap:20px}.electric-about .ea-project-caption{padding:16px!important;min-height:0!important}.electric-about .ea-project-caption p{font-size:.9375rem!important}.electric-about .ea-project-caption h3{font-size:1.3rem!important}.electric-about .ea-project img{aspect-ratio:1.6}.electric-about .ea-process{padding-block:35px}.electric-about .ea-process-grid>div{text-align:center}.electric-about .ea-process-note{display:none}.electric-about .ea-process li{grid-template-columns:52px 1fr;gap:15px;padding-block:20px}.electric-about .ea-process li h3{font-size:1.3rem!important}.electric-about .ea-process li p{font-size:1rem!important}.electric-about .ea-number{font-size:3.25rem!important}.electric-about .ea-local{padding-block:30px!important}.electric-about .ea-local-grid>div{order:-1}.electric-about .ea-local .ea-label{text-align:center}.electric-about .ea-local h2{text-align:center}.electric-about .ea-local img{aspect-ratio:1.65}.electric-about .ea-local figcaption{font-size:.8125rem}.electric-about .ea-faq{padding-block:35px}.electric-about .ea-faq-grid>div:first-child{text-align:center}.electric-about .ea-faq h2 br{display:none}.electric-about .ea-faq summary{font-size:1rem;padding:14px 16px;gap:16px}.electric-about .ea-faq details p{padding:0 16px 18px}.electric-about .ea-final{padding-block:34px!important}.electric-about .ea-final>.ea-shell{gap:20px;text-align:center}.electric-about .ea-final .ea-actions{justify-content:center;margin-top:20px}.electric-about .ea-final h2 br{display:none}body.studio-site:has(.electric-about) .footer .footer-column a{min-height:44px}}
@media(max-width:360px){body.studio-site main.electric-about h1{font-size:2.85rem!important}.electric-about .ea-hero-copy .ea-actions{flex-direction:column}.electric-about .ea-hero-copy .ea-button{width:100%}.electric-about .ea-shell,body.studio-site main.electric-about>.site-breadcrumb{width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){.electric-about *{transition:none!important;scroll-behavior:auto!important}}

/* Match the selected mockup’s fuller display type and keep proof intact. */
body.studio-site main.electric-about :is(h1,h2){letter-spacing:-.055em!important}
body.studio-site main.electric-about h1{font-size:clamp(3rem,5.9vw,5.5rem)!important;line-height:1.02!important}
body.studio-site main.electric-about h2{font-size:clamp(2.65rem,5.1vw,4.85rem)!important}
body.studio-site main.electric-about .ea-hero-grid{align-items:start}
body.studio-site main.electric-about .ea-project img{object-fit:contain;object-position:center;background:#f3edff}
body.studio-site main.electric-about .ea-process-note{color:#7414d7!important}
body.studio-site main.electric-about .ea-story-grid p+p{margin-top:20px}
body.studio-site main.electric-about .ea-local h2{font-size:clamp(2.4rem,3.7vw,3.4rem)!important}
body.studio-site main.electric-about .ea-final h2{font-size:clamp(2.45rem,3.9vw,3.6rem)!important}
body.studio-site main.electric-about .ea-faq details{border-radius:0}
@media(max-width:900px){body.studio-site main.electric-about h1{font-size:clamp(2.6rem,5.2vw,3.4rem)!important}.electric-about .ea-title-break{display:none}}
@media(max-width:700px){body.studio-site main.electric-about h1{font-size:clamp(2.7rem,8.5vw,3.7rem)!important;line-height:1.04!important}body.studio-site main.electric-about h2{font-size:clamp(2.35rem,8vw,3.4rem)!important}}
body.studio-site .ea-footer{width:min(1280px,calc(100% - 112px));margin-inline:auto;padding:30px 0 20px;font:400 .9375rem/1.5 Electric Grotesk,Arial,sans-serif;color:#62516e;background:#fff}
.ea-footer-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:40px}.ea-footer img{display:block;width:190px;height:auto}.ea-footer p{margin:10px 0;max-width:300px}.ea-footer a{color:#7512eb;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.ea-footer a:hover{text-decoration:underline}.ea-footer nav>div{display:flex;align-items:start;justify-content:flex-end;flex-wrap:wrap;gap:0 25px}.ea-footer nav a{color:#62516e}.ea-footer-bottom{margin-top:18px;border-top:1px solid #e6deee;display:flex;justify-content:space-between;gap:20px;padding-top:16px;font-size:.8125rem}
@media(max-width:1100px){body.studio-site .ea-footer{width:calc(100% - 64px)}.ea-footer-grid{grid-template-columns:1fr 1fr;gap:20px 35px}.ea-footer nav{grid-column:1/-1}.ea-footer nav>div{justify-content:flex-start}}
@media(max-width:700px){body.studio-site .ea-footer{width:calc(100% - 40px);padding-block:25px}.ea-footer-grid{grid-template-columns:1fr;gap:14px}.ea-footer nav>div{gap:0 24px}.ea-footer-bottom{flex-direction:column;gap:8px}}