.hero.presentation-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding-block:38px 66px}
.presentation-hero .hero-copy{display:block;order:0;width:100%;max-width:1040px;min-width:0;margin:0 auto}
.presentation-hero .hero-chip{max-width:650px;margin:0 auto 23px}
.presentation-hero h1{font-size:clamp(32px,3.35vw,49px);line-height:1.14;letter-spacing:-1.8px;text-align:center;max-width:1040px;margin:0 auto}
.presentation-hero .hero-lead{font-size:14px;line-height:1.85;max-width:780px;margin:21px auto 0;text-align:center}
.presentation-hero .vsl-stage{order:1;min-width:0;width:min(100%,1020px);align-self:center;margin:30px auto 0}
.vsl-frame{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(198,201,200,.48);background:#000;box-shadow:0 24px 80px #0005,0 0 0 8px #ffffff03}
.vsl-note{margin:15px auto 0;font-size:9px;line-height:1.8;letter-spacing:.7px;color:var(--muted);text-align:center}
.presentation-hero .hero-actions{order:2;display:flex;flex-direction:column;align-items:center;width:100%;margin:28px auto 0}
.presentation-hero .hero-actions .chip-button{min-width:320px;width:auto;max-width:calc(100% - 24px);justify-content:center;margin-inline:12px}
.presentation-hero .cta-help{max-width:560px;margin:15px auto 0;text-align:center;font-size:10px}
@media(max-width:1000px){.hero.presentation-hero{padding-block:38px 58px}.presentation-hero h1{font-size:clamp(32px,4.4vw,43px);letter-spacing:-1.3px}.presentation-hero .hero-lead{max-width:700px}.portfolio-grid{columns:2}}
@media(max-width:700px){.hero.presentation-hero{padding-block:31px 42px}.presentation-hero .hero-copy{display:block;order:0}.presentation-hero .hero-chip{margin-bottom:22px}.presentation-hero h1{font-size:clamp(27px,7.25vw,38px);line-height:1.18;letter-spacing:-1.15px}.presentation-hero .hero-lead{font-size:12px;line-height:1.85;margin-top:18px;max-width:440px}.presentation-hero .vsl-stage{order:1;margin-top:24px;width:100%}.vsl-frame{box-shadow:0 16px 45px #0005,0 0 0 4px #ffffff03}.vsl-note{font-size:8px;letter-spacing:.2px;margin-top:12px}.presentation-hero .hero-actions{order:2;margin-top:24px}.presentation-hero .hero-actions .chip-button{width:calc(100% - 24px);min-width:0;max-width:360px}.presentation-hero .cta-help{font-size:9px;max-width:340px}}
.portfolio-section{border-top:1px solid var(--soft);scroll-margin-top:36px}
.portfolio-heading{max-width:850px;margin-bottom:42px}
.portfolio-heading h2{font-size:clamp(32px,4vw,54px);line-height:1.16}
.portfolio-heading h2 span{color:var(--muted)}
.portfolio-heading .copy{max-width:590px;margin-top:24px;font-size:14px}
.portfolio-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.portfolio-filter{background:transparent;border:1px solid var(--soft);border-radius:2px;color:var(--body);padding:10px 17px;font:500 10px/1.6 var(--mono);letter-spacing:.4px;transition:background .18s,color .18s,border-color .18s}
.portfolio-filter[aria-pressed=true]{background:var(--white);border-color:var(--white);color:var(--bg)}
.portfolio-filter:hover{border-color:var(--white)}
.portfolio-grid{columns:3;column-gap:22px}
.portfolio-piece{display:inline-block;vertical-align:top;break-inside:avoid;width:100%;margin:0 0 24px}
.portfolio-open{display:block;width:100%;position:relative;overflow:hidden;border:1px solid var(--soft);padding:0;background:#16181b;text-align:left;color:var(--white)}
.portfolio-open img{width:100%;height:auto;display:block;transition:transform .35s}
.portfolio-open:hover img{transform:scale(1.025)}
.portfolio-expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:31px;height:31px;border:1px solid #fafafa80;background:#101215d9;font-size:18px}
.portfolio-piece figcaption{padding:13px 1px 0;display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.8;color:var(--muted)}
.portfolio-piece figcaption strong{font-weight:500;color:var(--white)}
.portfolio-viewer{width:min(1320px,94vw);max-width:none;max-height:94dvh;border:1px solid var(--soft);padding:0;background:var(--bg);color:var(--white);overflow:hidden}
.portfolio-viewer::backdrop{background:#000e}
.portfolio-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 22px;border-bottom:1px solid var(--soft);font-size:11px}
.portfolio-close,.portfolio-prev,.portfolio-next{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid var(--soft);background:none;color:var(--white);font-size:24px}
.portfolio-close:hover,.portfolio-prev:hover,.portfolio-next:hover{background:#ffffff12}
.portfolio-viewer-image{display:flex;align-items:center;justify-content:center;overflow:auto;background:#08090b;max-height:calc(94dvh - 145px)}
.portfolio-viewer-image img{max-width:100%;width:auto;height:auto;max-height:calc(94dvh - 145px);object-fit:contain}
.portfolio-viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;border-top:1px solid var(--soft);font-size:10px}
.portfolio-position{color:var(--muted)}
.portfolio-original{text-decoration:underline;text-underline-offset:4px;margin-left:auto}
html.portfolio-opened{overflow:hidden}
@media(max-width:700px){.portfolio-heading{margin-bottom:28px}.portfolio-heading .copy{font-size:13px}.portfolio-filters{gap:8px;margin-bottom:24px}.portfolio-filter{font-size:9px;padding:9px 12px}.portfolio-grid{column-gap:14px}.portfolio-piece{margin-bottom:18px}.portfolio-piece figcaption{display:block;font-size:9px;padding-top:10px}.portfolio-piece figcaption span{display:block}.portfolio-expand{width:26px;height:26px;right:8px;bottom:8px;font-size:15px}.portfolio-viewer{width:96vw}.portfolio-viewer-head,.portfolio-viewer-foot{padding:10px 12px;gap:10px}.portfolio-viewer-head{font-size:10px}.portfolio-original{font-size:9px}.portfolio-close,.portfolio-prev,.portfolio-next{width:32px;height:32px;font-size:20px}}
@media(max-width:420px){.portfolio-grid{columns:1}.portfolio-piece figcaption{display:flex}}
@media(prefers-reduced-motion:reduce){.portfolio-open img,.portfolio-filter{transition:none}}
.portfolio-heading{max-width:1000px}
.portfolio-heading .copy{max-width:750px}
.portfolio-intro-bar{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:23px 0;border-block:1px solid var(--soft);margin-bottom:36px;font-size:11px;color:var(--muted)}
.portfolio-book-open{display:flex;align-items:center;justify-content:center;gap:18px;padding:13px 18px;background:transparent;border:1px solid var(--line);color:var(--white);font:500 10px/1.6 var(--mono);letter-spacing:.4px;flex-shrink:0}
.portfolio-book-open:hover{background:#ffffff10}
.portfolio-controls{display:flex;align-items:center;gap:18px;margin-bottom:32px}
.portfolio-controls label{font-size:9px;letter-spacing:1px;color:var(--muted)}
.portfolio-controls select{appearance:auto;background:#181b1f;color:var(--white);border:1px solid var(--soft);border-radius:2px;padding:12px 40px 12px 14px;font:500 11px/1.6 var(--mono);max-width:100%}
.portfolio-controls select:focus-visible{outline:2px solid var(--white);outline-offset:4px}
.portfolio-count{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap}
.portfolio-piece figcaption{display:block;padding:14px 2px 0}
.portfolio-piece figcaption strong{display:block;font-size:13px;margin-bottom:3px}
.portfolio-piece figcaption span{display:block;font-size:10px}
.portfolio-more{display:flex;justify-content:center;margin-top:24px}
.portfolio-load-more{gap:22px!important;width:auto!important;font-size:10px!important}
.portfolio-viewer-image{display:block;height:calc(94dvh - 155px);max-height:calc(94dvh - 155px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#8a8d91 #15171a}
.portfolio-viewer-image img{width:min(100%,1200px);height:auto;max-height:none;object-fit:contain;margin-inline:auto}
.portfolio-viewer-image.is-fit{display:flex;justify-content:center;align-items:flex-start}
.portfolio-viewer-image.is-fit img{width:auto;max-width:100%;max-height:calc(94dvh - 155px)}
.portfolio-fit{background:transparent;color:var(--white);border:1px solid var(--soft);padding:7px 11px;font:500 9px/1.6 var(--mono)}
.portfolio-original{font-size:9px}
@media(max-width:700px){.portfolio-intro-bar{display:block;font-size:10px;padding-block:20px;margin-bottom:28px}.portfolio-book-open{margin-top:18px;width:100%;font-size:9px}.portfolio-controls{display:grid;grid-template-columns:1fr auto;gap:10px}.portfolio-controls label{grid-column:1/-1;font-size:8px}.portfolio-controls select{font-size:10px;width:100%;padding:12px 10px;min-width:0}.portfolio-count{font-size:9px}.portfolio-piece figcaption strong{font-size:12px}.portfolio-piece figcaption span{font-size:9px}.portfolio-viewer-head{min-height:55px}.portfolio-viewer-foot{flex-wrap:wrap;min-height:90px}.portfolio-viewer-image,.portfolio-viewer-image.is-fit img{height:calc(94dvh - 155px);max-height:calc(94dvh - 155px)}.portfolio-viewer-image img{height:auto;max-height:none}.portfolio-position{margin-right:auto}.portfolio-original{order:2;margin:0;flex:1 1 auto}.portfolio-fit{order:1}.portfolio-next{order:3}}
@media(max-width:700px){.portfolio-viewer-foot{display:grid;grid-template-columns:32px 1fr 1fr 32px;gap:9px}.portfolio-prev{grid-area:1/1}.portfolio-position{grid-area:1/2/2/4;margin:0;text-align:center}.portfolio-next{grid-area:1/4;order:0}.portfolio-fit{grid-area:2/1/3/3;order:0}.portfolio-original{grid-area:2/3/3/5;order:0;text-align:right;margin:0}}

/* Keep copy readable and avoid isolated final words at every breakpoint. */
p,li,summary,figcaption,.copy,.bf-offer-list li>span:last-child{text-wrap:pretty}
h1,h2,h3,.lesson-title{text-wrap:balance}
@media(max-width:700px){.site-header .header-nav{width:100%;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:center;gap:10px 16px}.site-header{justify-content:center}}