@font-face{font-family:Manrope;src:url('assets/Manrope-Bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/Montserrat-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/Montserrat-Semibold.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Newsreader;src:url('assets/Newsreader-Italic.woff2') format('woff2');font-style:italic;font-display:swap}
:root{--blue:#163BCE;--ice:#DEEAF2;--orange:#F04B32;--orange-text:#F04B32;--orange-text-dark:#F04B32;--ink:#27212E;--gutter:clamp(24px,4vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ice);color:var(--blue);font-family:Montserrat,sans-serif;font-size:16px}a{color:inherit;text-underline-offset:6px}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}button{font:inherit}img{max-width:100%;height:auto}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:white;z-index:10}.skip:focus{top:15px}.opening{min-height:690px;height:min(64vw,1000px);position:relative;background:#cde6f6 url('assets/hero-glass.webp') center center/cover no-repeat}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:clamp(24px,2.5vw,42px) var(--gutter);position:relative;z-index:2}.brand{display:block;width:clamp(105px,10vw,160px);line-height:0}.nav nav{display:flex;gap:clamp(25px,3vw,55px)}.nav nav a{font-size:clamp(14px,1.2vw,18px);font-weight:600;text-decoration:none}.nav nav a:hover{text-decoration:underline}.menu-toggle{display:none}.hero-copy{position:absolute;left:var(--gutter);top:24%;width:49%}h1,h2,p{margin:0}h1{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-.04em;font-size:clamp(64px,8.8vw,142px);line-height:.97}em{font-family:Newsreader,Georgia,serif;font-weight:400;font-style:italic;color:var(--orange-text);letter-spacing:-.03em}h1 em{display:block;font-size:1.15em;line-height:.99;white-space:nowrap}.hero-copy>p{font-size:clamp(19px,2.25vw,34px);font-weight:600;line-height:1.45;margin-top:clamp(26px,3vw,48px);letter-spacing:-.03em}.actions{display:flex;gap:30px;align-items:center;margin-top:clamp(25px,3vw,48px);flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:55px;padding:17px 31px;background:var(--orange);color:#19192b;text-decoration:none;border-radius:999px;font-size:clamp(16px,1.35vw,21px);font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.16)}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:clamp(16px,1.25vw,20px);font-weight:600;text-decoration:none}.text-link span{font-size:28px;transition:transform .2s}.text-link:hover span{transform:translateX(5px)}.start{padding:40px var(--gutter);background:radial-gradient(ellipse at top,#fff,#f7fafc);display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:40px;align-items:center;box-shadow:0 -10px 45px #e5f3ff33}.start h2{font-family:Manrope;font-size:clamp(24px,2.5vw,38px);line-height:1.2;letter-spacing:-.04em}.start a{font-size:16px;font-weight:600;display:flex;justify-content:space-between;gap:15px;border-left:1px solid #163bce30;padding-left:35px;text-decoration:none}.start a:hover{text-decoration:underline}.section{padding:clamp(70px,8vw,135px) var(--gutter)}.profile{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;background:radial-gradient(ellipse at 15% 25%,#f9fdff 0,transparent 60%),linear-gradient(120deg,#e5f1f7,#ccdfed)}.profile-name{padding-top:12px}.profile-name img{width:clamp(230px,29vw,440px);display:block}.profile-name p{margin-top:28px;font-size:16px;line-height:1.7}.eyebrow{font-size:14px;line-height:1.5;font-weight:600;margin-bottom:25px}.profile h2,.contact h2{font-family:Manrope;font-size:clamp(48px,5.7vw,87px);line-height:1.04;letter-spacing:-.04em}.profile h2 em{font-size:1.18em}.profile-copy>p:not(.eyebrow){font-size:17px;line-height:1.85;color:var(--ink);max-width:600px;margin-top:25px}.method{position:relative;background:#1035bc url('assets/method-glass.webp') center center/cover no-repeat;min-height:650px;height:65vw;max-height:1000px}.method-copy{position:absolute;left:var(--gutter);top:15%;width:48%}.method h2{color:white;font-family:Manrope;font-size:clamp(64px,8.8vw,138px);line-height:.96;letter-spacing:-.04em}.method h2 em{font-size:1.18em;color:var(--orange-text-dark)}.method p{color:white;font-size:clamp(20px,2.15vw,33px);line-height:1.55;margin-top:35px;letter-spacing:-.035em}.method-signature{position:absolute;bottom:7%;left:var(--gutter);width:clamp(90px,10vw,150px)}.paths{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:linear-gradient(145deg,#f7fcff,#dae9f4)}.paths article{scroll-margin-top:40px}.paths h2{font-family:Manrope;font-size:clamp(25px,3vw,45px);letter-spacing:-.04em;line-height:1.2}.paths h2 em{font-size:1.3em;display:inline-block;margin-top:5px}.paths article>p:not(.eyebrow){font-size:17px;line-height:1.85;color:var(--ink);margin:28px 0}.paths .text-link{font-size:16px;border-bottom:1px solid #163bce66;padding-bottom:10px}.contact{display:flex;justify-content:space-between;align-items:center;gap:50px;background:radial-gradient(ellipse at 80% 65%,#f6fcff 0,transparent 47%),linear-gradient(150deg,#bed9ef,#e7f3fc 48%,#b9d7ed);border-top:1px solid #fff8}.contact h2{font-size:clamp(65px,8vw,124px)}.contact h2 em{font-size:1.2em}.contact p:not(.eyebrow){font-size:19px;line-height:1.7;margin-top:30px}.contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding-right:6vw}.contact-action .button{min-width:210px}.email{font-size:16px}footer{display:flex;justify-content:space-between;align-items:center;padding:28px var(--gutter);gap:20px;background:#eff6fa;font-size:14px}footer>a:first-child{line-height:0}footer img{width:85px}
@media(min-width:1800px){.hero-copy{top:22%}}
@media(max-width:1000px){.opening{height:760px;background-position:48% center}.hero-copy{top:25%;width:53%}h1{font-size:8.6vw}.hero-copy>p{font-size:23px}.nav nav{gap:20px}.actions{gap:20px}.start{grid-template-columns:1fr 1fr;gap:24px}.start h2{grid-column:1/-1}.start a{border:0;padding:0}.method{height:750px}.method-copy{width:48%}.method h2{font-size:8.5vw}.profile{gap:7%}.profile-copy>p:not(.eyebrow){font-size:16px}.contact-action{padding-right:0}}
@media(max-width:650px){html{scroll-padding-top:18px}.nav{padding-top:22px;align-items:flex-start}.brand{width:100px}.menu-toggle{display:flex;gap:14px;align-items:center;min-height:44px;border:1px solid #163bce40;border-radius:24px;padding:8px 16px;color:var(--blue);background:#e5f3fcdf;font-size:15px}.nav nav{position:absolute;top:90px;left:var(--gutter);right:var(--gutter);padding:22px;background:#edf7fe;box-shadow:0 15px 35px #14397b20;display:none;border-radius:15px;flex-direction:column;gap:25px}.nav nav.is-open{display:flex}.nav nav a{font-size:16px}.hero-copy{position:relative;top:auto;left:auto;width:auto;margin:30px var(--gutter) 0}.hero-copy h1{font-size:clamp(52px,12.7vw,82px)}.hero-copy h1 em{font-size:1.15em}.hero-copy>p{font-size:18px;margin-top:22px;line-height:1.5;letter-spacing:-.035em}.actions{margin-top:22px;gap:20px}.actions .button{padding:14px 21px;min-height:48px;font-size:15px}.actions .text-link{font-size:14px;gap:10px}.actions .text-link span{font-size:24px}.start{padding-top:32px;padding-bottom:32px;grid-template-columns:1fr;gap:25px}.start h2{font-size:27px}.start a{font-size:15px;border-top:1px solid #163bce22;padding-top:16px}.section{padding-top:65px;padding-bottom:65px}.profile{grid-template-columns:1fr;gap:45px}.profile-name img{width:265px}.profile h2{font-size:46px}.profile h2 em{font-size:1.12em}.profile-name p{font-size:15px}.method{height:auto;min-height:0;padding:56px var(--gutter) 380px;background:#0636c5 url('assets/method-glass-m.webp') 60% bottom/auto 430px no-repeat}.method-copy{position:static;width:auto}.method h2{font-size:65px;line-height:.98}.method h2 br{display:none}.method h2 em{display:block}.method p{font-size:18px;margin-top:25px}.method-signature{bottom:25px;width:80px}.paths{grid-template-columns:1fr;gap:60px}.paths h2{font-size:30px}.paths article+article{border-top:1px solid #163bce33;padding-top:50px}.contact{display:block}.contact h2{font-size:75px}.contact p:not(.eyebrow){font-size:17px}.contact-action{margin-top:35px}.contact-action .button{min-width:180px}.email{font-size:15px}footer{flex-wrap:wrap;font-size:13px}footer span{max-width:170px;line-height:1.7}footer>a:last-child{width:100%;text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Brand punctuation: the textual period remains available to assistive technology. */
.brand-stop{display:inline-block;position:relative;width:.22em;color:transparent!important;font-style:normal;letter-spacing:0;white-space:nowrap}
.brand-stop::after{content:"";position:absolute;width:.145em;height:.145em;left:.035em;bottom:.105em;background:var(--orange)}
.eyebrow::before{content:"";display:inline-block;width:8px;height:8px;margin-right:12px;background:var(--orange);vertical-align:1px}
.nav nav a::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;background:var(--orange);vertical-align:2px}
.start h2::before{content:"";display:inline-block;width:.19em;height:.19em;margin-right:.3em;background:var(--orange);vertical-align:.08em}
.text-link:focus-visible{outline-color:var(--orange)}

.hero-copy>.eyebrow{font-size:14px;line-height:1.5;margin:0 0 18px;letter-spacing:0}
.hero-copy>.hero-description{font-size:clamp(18px,1.65vw,26px);line-height:1.5;letter-spacing:-.025em;max-width:570px;margin-top:28px}
.nav nav .nav-secondary{font-weight:400;font-size:14px}
.education h1{font-size:clamp(44px,5.6vw,88px);letter-spacing:-.04em;line-height:1.06}
.education h1 em{white-space:normal;font-size:1.15em}
@media(max-width:650px){.hero-copy>.eyebrow{font-size:13px;margin-bottom:14px}.hero-copy>.hero-description{font-size:17px;margin-top:20px}.opening{height:auto;min-height:0;padding-bottom:350px;background:#d4eaf7 url('assets/hero-glass-m.webp') 62% bottom/auto 360px no-repeat}.actions{gap:14px}.actions .button{font-size:14px;padding:14px 18px}.education h1{font-size:clamp(41px,10.4vw,63px)}.education .opening{height:840px}.nav nav .nav-secondary{font-size:15px}}

.workflow{background:radial-gradient(ellipse at 20% 10%,#f8fcff,transparent 65%),linear-gradient(130deg,#dcecf7,#c3ddef)}
.workflow h2{font-family:Manrope;font-size:clamp(42px,5vw,76px);line-height:1.08;letter-spacing:-.04em}.workflow h2 em{font-size:1.15em}
.workflow ol{list-style:none;padding:0;margin:60px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:35px;counter-reset:steps}
.workflow li{border-top:1px solid #163bce44;padding-top:25px;counter-increment:steps}.workflow li::before{content:counter(steps,decimal-leading-zero);font-size:14px;color:var(--blue)}
.workflow h3{font-family:Manrope;font-size:clamp(20px,1.8vw,28px);letter-spacing:-.035em;margin:22px 0 15px}.workflow p{font-size:16px;line-height:1.8;color:var(--ink)}
@media(max-width:1000px){.workflow ol{grid-template-columns:1fr 1fr}}@media(max-width:650px){.workflow ol{grid-template-columns:1fr;gap:30px;margin-top:35px}.hero-copy>.eyebrow{max-width:290px}}

.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;background:radial-gradient(ellipse at 0 20%,#fff,transparent 65%),linear-gradient(145deg,#eef7fc,#dcebf6)}
.faq h2{font-family:Manrope;font-size:clamp(36px,4vw,62px);line-height:1.12;letter-spacing:-.04em}.faq h2 em{font-size:1.15em}
.faq details{border-top:1px solid #163bce35}.faq details:last-child{border-bottom:1px solid #163bce35}.faq summary{cursor:pointer;position:relative;list-style:none;font-size:17px;font-weight:600;line-height:1.5;padding:24px 35px 24px 0}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"";position:absolute;right:4px;top:32px;width:9px;height:9px;background:var(--orange);transition:transform .2s}.faq details[open] summary::after{transform:rotate(45deg)}.faq summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.faq details p{font-size:16px;line-height:1.85;color:var(--ink);padding:0 20px 25px 0}
@media(max-width:850px){.faq{grid-template-columns:1fr;gap:35px}.faq summary{font-size:16px}}

/* 24/09/2026: ritratto, qualifiche, quattro fronti, percorsi educazione finanziaria */
.profile-wordmark{margin-bottom:34px}
.profile-photo{display:block;width:100%;max-width:420px;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:18px;box-shadow:0 24px 50px #14397b24;background:#cfe1ee}
.profile .profile-name .profile-wordmark{width:clamp(200px,22vw,340px)}
.profile-copy a{font-weight:600}
.credentials{list-style:none;padding:0;margin:30px 0 0;max-width:420px;display:grid;gap:14px}
.credentials li{border-left:3px solid var(--orange);padding:4px 0 4px 16px;font-size:15px;line-height:1.55;color:var(--ink)}
.credentials strong{display:block;color:var(--blue);font-weight:600}
.paths-four{row-gap:clamp(60px,6vw,100px)}
.paths-four article{display:flex;flex-direction:column;align-items:flex-start}
.paths-four .text-link{margin-top:auto}
.edu-teaser{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:end;background:#163BCE;color:#fff}
.edu-teaser h2{font-family:Manrope;font-size:clamp(40px,4.6vw,70px);line-height:1.08;letter-spacing:-.04em}.edu-teaser h2 em{font-size:1.15em}
.edu-teaser p:not(.eyebrow){font-size:18px;line-height:1.8;max-width:600px;margin-bottom:28px}
.edu-teaser .text-link{border-bottom:1px solid #ffffff80;padding-bottom:10px}
.edu-teaser a:focus-visible{outline-color:#fff}
.audiences{background:linear-gradient(145deg,#f7fcff,#dae9f4)}
.audiences h2{font-family:Manrope;font-size:clamp(42px,5vw,76px);line-height:1.08;letter-spacing:-.04em}.audiences h2 em{font-size:1.15em}
.audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(35px,4vw,60px) 8%;margin-top:60px}
.audience-grid article{border-top:1px solid #163bce44;padding-top:28px;display:flex;flex-direction:column;align-items:flex-start}
.audience-grid h3{font-family:Manrope;font-size:clamp(22px,2vw,30px);letter-spacing:-.035em;margin:0 0 16px}
.audience-grid p{font-size:17px;line-height:1.8;color:var(--ink);margin:0 0 24px}
.audience-grid .text-link{margin-top:auto;font-size:16px;border-bottom:1px solid #163bce66;padding-bottom:10px}
.faq details p a{font-weight:600}
@media(max-width:850px){.edu-teaser{grid-template-columns:1fr;gap:30px}}
@media(max-width:650px){.profile-photo{max-width:320px}.profile .profile-name .profile-wordmark{width:230px}.audience-grid{grid-template-columns:1fr;margin-top:35px}.audiences h2{font-size:44px}.edu-teaser h2{font-size:42px}.edu-teaser p:not(.eyebrow){font-size:16px}.education .opening{height:auto}}
.paths-four article>p:not(.eyebrow){margin:0 0 20px}.paths-four h2{margin-bottom:28px}.paths-four .text-link{margin-top:8px}
@media(max-width:650px){.education .profile h2{font-size:40px}}
.photo-band{line-height:0;background:#dcebf6}
.band-photo{display:block;width:100%;height:clamp(320px,52vw,720px);object-fit:cover;object-position:50% 35%}
.edu-teaser{grid-template-columns:minmax(220px,.7fr) 1.3fr;align-items:center}
.edu-teaser-photo .profile-photo{max-width:360px;box-shadow:0 24px 50px #00000040;background:#1035bc}
.edu-teaser h2{margin-bottom:28px}
@media(max-width:850px){.edu-teaser{grid-template-columns:1fr}.edu-teaser-photo .profile-photo{max-width:300px}}
@media(max-width:650px){.band-photo{height:300px}}

/* 26/09/2026: sito a più pagine (header comune, hero compatto, blocchi SEO) */
body{position:relative}
.nav{position:absolute;top:0;left:0;right:0;z-index:5}
.nav nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px}
.nav nav .lang{border:1px solid #163bce55;border-radius:999px;padding:3px 10px;font-size:13px}
.nav nav .lang::before{display:none}
.opening h1.seo{font-size:clamp(44px,5.3vw,84px);line-height:1.05;letter-spacing:-.04em}
.opening h1.seo em{font-size:1.12em;white-space:normal}
.opening.compact{height:auto;min-height:0;padding:clamp(150px,13vw,200px) var(--gutter) clamp(80px,8vw,120px)}
.opening.compact .hero-copy{position:static;width:min(58%,820px)}
.lead{font-size:clamp(18px,1.5vw,22px);line-height:1.6;font-weight:600}
.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;background:#fff}
.intro h2,.situations h2,.stats h2,.certs h2,.service h2,.topics h2{font-family:Manrope;font-size:clamp(36px,4vw,62px);line-height:1.1;letter-spacing:-.04em}
.intro h2 em,.situations h2 em,.certs h2 em,.service h2 em,.topics h2 em{font-size:1.12em}
.intro p:not(.eyebrow),.service p:not(.eyebrow),.topics>p{font-size:17px;line-height:1.85;color:var(--ink);margin-top:20px;max-width:680px}
.situations{background:linear-gradient(145deg,#f7fcff,#dae9f4)}
.grid-3{list-style:none;padding:0;margin:55px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.grid-3 li{border-top:1px solid #163bce44;padding-top:24px}
.grid-3 h3{font-family:Manrope;font-size:clamp(19px,1.6vw,24px);letter-spacing:-.03em;margin:0 0 12px;line-height:1.25}
.grid-3 p{font-size:16px;line-height:1.75;color:var(--ink);margin:0}
.grid-3 a.text-link{margin-top:16px;font-size:15px}
.stats{background:#163BCE;color:#fff}
.stats h2{color:#fff}
.stats dl{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:50px 0 0}
.stats dt{font-family:Manrope;font-weight:700;font-size:clamp(44px,5vw,76px);letter-spacing:-.04em;line-height:1}
.stats dd{margin:12px 0 0;font-size:16px;line-height:1.6;opacity:.92}
.stats .eyebrow{color:#fff}
.service{display:grid;grid-template-columns:1fr 1fr;gap:7%;border-top:1px solid #163bce22;background:#f7fbfe;scroll-margin-top:30px}
.service:nth-of-type(even){background:linear-gradient(145deg,#eef7fc,#dcebf6)}
.service h3{font-family:Manrope;font-size:20px;letter-spacing:-.03em;margin:28px 0 10px}
.service ul{margin:0;padding-left:20px;color:var(--ink)}
.service li{font-size:16px;line-height:1.75;margin:6px 0}
.service li::marker{color:var(--orange)}
.service .text-link{margin-top:28px}
.certs{background:#fff}
.cert-strip{list-style:none;padding:0;margin:45px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:28px;align-items:start}
.cert-strip li{display:flex;flex-direction:column;align-items:flex-start;gap:14px;border-top:1px solid #163bce22;padding-top:22px}
.cert-logo{height:34px;display:flex;align-items:center}
.cert-logo img{height:30px;width:auto;max-width:150px;filter:brightness(0);opacity:.62}
.cert-logo .wordmark{font-family:Manrope;font-weight:700;font-size:24px;letter-spacing:.02em;color:#27212E;opacity:.62}
.cert-strip p{font-size:14px;line-height:1.55;color:var(--ink);margin:0}
.cert-strip strong{display:block;color:var(--blue);font-weight:600}
.topics{background:#fff}
.chips{list-style:none;padding:0;margin:35px 0 0;display:flex;flex-wrap:wrap;gap:12px}
.chips li{border:1px solid #163bce40;border-radius:999px;padding:9px 18px;font-size:15px;font-weight:600;background:#f3f9fd}
.faq-list h3{font-family:Manrope;font-size:20px;letter-spacing:-.03em;margin:40px 0 6px}
.faq-list h3:first-child{margin-top:0}
.faq-more{margin-top:30px}
footer{align-items:flex-start;flex-wrap:wrap}
.footer-brand{display:flex;gap:22px;align-items:flex-start}
.footer-brand p{margin:0;line-height:1.7}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 22px}
.footer-links a,footer .top{text-decoration:none;font-weight:600}
.footer-links a:hover,footer .top:hover{text-decoration:underline}
@media(max-width:1000px){.grid-3{grid-template-columns:1fr 1fr}.stats dl{grid-template-columns:1fr 1fr}.cert-strip{grid-template-columns:repeat(3,1fr)}.opening.compact .hero-copy{width:70%}}
@media(max-width:850px){.intro,.service{grid-template-columns:1fr;gap:10px}}
@media(max-width:650px){.opening.compact{padding:110px var(--gutter) 330px}.opening.compact .hero-copy{width:auto;margin:0}.grid-3,.cert-strip{grid-template-columns:1fr 1fr;gap:26px}.grid-3{grid-template-columns:1fr}.stats dl{grid-template-columns:1fr 1fr;gap:26px 18px}.nav nav .lang{align-self:flex-start}.footer-brand{flex-direction:column}}
@media(max-width:650px){.opening:not(.compact){padding-top:96px}}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.paths .path-title{font-family:Manrope;font-size:clamp(25px,3vw,45px);letter-spacing:-.04em;line-height:1.2;margin:0 0 28px}
.paths .path-title em{font-size:1.3em;display:inline-block;margin-top:5px}
@media(max-width:650px){.paths .path-title{font-size:30px}}
.opening.compact{background-size:135% auto;background-position:left 58%}
.opening.compact .hero-copy{width:min(52%,760px)}
.opening.compact h1.seo{font-size:clamp(40px,4.6vw,72px)}
@media(max-width:1000px){.opening.compact{background-size:cover;background-position:62% center}.opening.compact .hero-copy{width:62%}}
@media(max-width:650px){.opening.compact{background:#d4eaf7 url('/assets/hero-glass-m.webp') 62% bottom/auto 300px no-repeat;padding-bottom:300px}}
.opening.compact{background-size:122% auto}
@media(max-width:650px){.opening.compact .hero-copy{width:auto}}