/* September 2026 review: responsive editorial layout over the approved Canva content. */
:root{--page-gutter:clamp(22px,6vw,96px)}
.site-header{padding-inline:var(--page-gutter)}
.hero--slim{max-width:1440px;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr auto auto 1fr;column-gap:3vw;padding:48px var(--page-gutter);text-align:left;min-height:660px}
.wordmark__tag--h1{grid-column:1;grid-row:2;font-size:clamp(64px,7.5vw,108px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:7ch;text-wrap:balance}
.hero__lede{grid-column:1;grid-row:3;margin:28px 0 0;max-width:38ch;font-size:17px;line-height:1.7}
.hero__ctas{grid-column:1;grid-row:4;justify-content:flex-start;align-self:start;margin:28px 0 0;gap:16px}
.hero--slim .hero__img{grid-column:2;grid-row:1/5;align-self:center;width:100%;max-height:620px;object-fit:contain;margin:0}
.hero__ctas .pill,.hero__secondary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:14px 20px;border:1px solid var(--brown);border-radius:0;box-shadow:none;font:12px 'DM Sans',var(--sans);letter-spacing:.02em;text-transform:none;text-decoration:none}
.hero__ctas .pill{background:var(--brown);color:var(--blue)}
.hero__secondary{background:transparent}
.hero__ctas a:hover{background:var(--blue);color:var(--brown)}
.example{padding:64px var(--page-gutter)}
.example__frame{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;align-items:center}
.example__label,.step__n--label{position:static;text-align:left;font:11px 'DM Sans',var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0;padding:0}
.example__label{grid-column:1/-1}
.example__h{font-size:clamp(44px,6vw,80px);letter-spacing:-.035em;text-align:left;padding:0;line-height:1.1}
.example__p{grid-column:2;grid-row:2;font-size:17px;text-align:left;margin:0;max-width:34ch;padding:0}
.example__frame>img{grid-column:1/-1;width:100%;margin-top:12px;max-height:620px;object-fit:contain}
.remblock{max-width:1440px;padding:100px var(--page-gutter);display:grid;grid-template-columns:1.1fr 1fr;gap:24px 70px;text-align:left}
.remblock .step__n--label{grid-column:1/-1}
.remblock__h{font-size:clamp(36px,4.5vw,62px);letter-spacing:-.025em;line-height:1.12}
.remblock__p{margin:0;align-self:center;font-size:17px;max-width:40ch}
.claim{position:relative;background:var(--brown);color:var(--blue);padding:80px var(--page-gutter);text-align:left;display:grid;grid-template-columns:1fr 160px;gap:22px 60px;border:0}
.claim>.step__n--label,.claim__h,.claim__sub,.claim__flow{grid-column:1;margin:0}
.claim__h{font-size:clamp(42px,6vw,80px);letter-spacing:-.025em}
.claim__sub{font:18px 'DM Sans',var(--sans);text-transform:none;letter-spacing:0}
.claim__flow{font:14px var(--sans);letter-spacing:.02em;line-height:2}
.claim__flow span{color:var(--blue)}
.claim__mark{grid-column:2;grid-row:1/5;width:150px;margin:0;align-self:center;color:var(--blue)}
.step{max-width:1440px;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr);align-items:center;gap:40px;padding:72px var(--page-gutter);border-bottom:1px solid var(--band)}
.band--row{background:transparent;padding:0;gap:24px}
.band--row .step__h{font-size:clamp(30px,3.2vw,46px);letter-spacing:-.025em;line-height:1.15}
.band--row .step__n{display:block;font:11px 'DM Sans',var(--sans);letter-spacing:.15em;margin:0 0 20px;text-transform:uppercase}
.step__p{font-size:16px;max-width:32ch}
.step__duo{align-items:end}
.step__duo--white img{max-height:540px;width:100%;object-fit:contain}
.videosec{display:grid;grid-template-columns:1fr 1fr;gap:24px 80px;max-width:1180px;margin:auto;padding:80px var(--page-gutter);text-align:left;align-items:center}
.videosec__h{font-size:clamp(56px,7vw,88px);letter-spacing:-.035em;align-self:end;margin:0}
.videosec .hero__video{grid-column:2;grid-row:1/3;max-width:300px}
.videosec__p{align-self:start;font-size:16px;line-height:1.8;margin:0;max-width:29ch}
.videosec__p a{display:inline-block;margin-top:16px;text-underline-offset:5px}
.newsletter.newsletter{padding:64px var(--page-gutter)}
.insta{padding:50px var(--page-gutter);border-top:1px solid rgb(43 20 3 / 20%)}
.site-footer{padding-inline:var(--page-gutter)}
/* Navigation remains usable without JavaScript; Escape restores focus. */
html:not(.nav-js) .site-header{height:auto;min-height:72px;flex-wrap:wrap;padding-block:16px}
html:not(.nav-js) .site-header .burger{display:none}
html:not(.nav-js) .site-header .menu{display:flex;flex-basis:100%;gap:8px 24px;justify-content:flex-start}
.site-header .menu a{border-top:0}
@media(min-width:1001px){
 .site-header .header-note{display:none}
 .nav-js .site-header .burger{display:none}
 .nav-js .site-header .menu{position:static;display:flex;flex-direction:row;width:auto;gap:28px;padding:0;box-shadow:none}
 .site-header .menu a{border:0;font-size:11px;padding:20px 0}
 .site-header .menu a:hover{text-decoration:underline;text-underline-offset:6px}
}
@media(max-width:1000px){
 .hero--slim{min-height:560px;padding-block:40px;grid-template-columns:1fr 1fr}
 .wordmark__tag--h1{font-size:clamp(54px,8vw,80px)}
 .hero__ctas{align-items:flex-start;flex-direction:column}
 .step{grid-template-columns:1fr;gap:30px;padding-block:48px}
 .band--row{grid-template-columns:1fr 1fr;gap:30px;align-items:center}
 .step__duo{max-width:700px;margin:auto;width:100%}
}
@media(max-width:600px){
 .hero--slim{display:flex;flex-direction:column;padding:38px var(--page-gutter) 0;min-height:0;gap:0}
 .wordmark__tag--h1{font-size:clamp(58px,16vw,86px);max-width:8ch}
 .hero__lede{font-size:15px;margin-top:22px}
 .hero__ctas{flex-direction:row;gap:10px;margin-top:24px}
 .hero__ctas .pill,.hero__secondary{padding:12px 13px;gap:10px;font-size:11px}
 .hero--slim .hero__img{width:100%;max-height:460px;margin:20px auto 0}
 .example{padding-block:38px}
 .example__frame{grid-template-columns:1fr;gap:18px}
 .example__h{font-size:48px}
 .example__p{grid-column:1;grid-row:3;font-size:16px}
 .example__frame>img{margin:0}
 .remblock{grid-template-columns:1fr;padding-block:56px;gap:24px}
 .remblock__p{font-size:16px}
 .claim{grid-template-columns:1fr;gap:24px;padding-block:48px}
 .claim__mark{grid-column:1;grid-row:auto;width:68px;margin-top:8px}
 .claim__h{font-size:48px}
 .claim__flow{font-size:12px}
 .claim__flow span{margin:0 .15em}
 .band--row{grid-template-columns:1fr;gap:18px}
 .band--row .step__h{font-size:36px}
 .step__p{max-width:100%}
 .step{padding-block:38px;gap:24px}
 .videosec{grid-template-columns:1fr;padding-block:48px;gap:24px}
 .videosec .hero__video{grid-column:1;grid-row:2;width:100%;max-width:300px;margin:0 auto}
 .videosec__h{font-size:56px}
 .videosec__p{max-width:none}
 .newsletter.newsletter{padding-block:40px}
 .insta{padding-block:36px}
}