/* assets/editorial-pages.css */
/* Agency, journal and contact extend the shared BelgaSoft editorial system. */
.bs-editorial-agency .bs-service-cover{background:var(--ink)}
.bs-editorial-contact .bs-service-cover{background:var(--purple)}
.bs-about-content p{font-size:16px;line-height:1.8;color:var(--muted)}
.bs-about-content h2{font:clamp(42px,4.9vw,76px)/1.12 var(--display);letter-spacing:-.025em}
.bs-about-content h3{font:29px/1.2 var(--display);margin-bottom:20px}
.bs-about-content .bs-section-label{font-size:10px;color:var(--ink)}
.bs-about-story,.bs-about-principles,.bs-about-method{width:min(1500px,calc(100% - 112px));margin:auto;padding-block:95px}
.bs-about-story{scroll-margin-top:120px}
.bs-about-story>.wp-block-columns{grid-template-columns:36% 1fr}
.bs-about-content .bs-about-year{font:clamp(120px,15vw,210px)/1 var(--display);color:var(--purple);letter-spacing:-.04em}
.bs-about-date .bs-section-label{margin-top:20px!important;max-width:220px}
.bs-about-story-copy>p{margin-top:24px!important;max-width:660px}
.bs-about-principles{padding-top:0}
.bs-about-principles>.wp-block-columns,.bs-about-method>.wp-block-columns{grid-template-columns:repeat(3,1fr);align-items:start;gap:5%}
.bs-about-principles .wp-block-column{border-top:1px solid var(--line);padding-top:22px}
.bs-about-content .bs-about-index{font:48px/1 var(--sans);font-weight:300;color:#b8b8ae;margin-bottom:30px!important}
.bs-about-proof{background:#eae5ff;padding:75px max(56px,calc((100% - 1500px)/2))}
.bs-about-proof-art{aspect-ratio:1.05;background:var(--purple);color:var(--paper);padding:9%;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-2deg)}
.bs-about-content .bs-about-proof-title{font:clamp(48px,6vw,90px)/1.08 var(--display);color:var(--paper);letter-spacing:-.02em}
.bs-about-proof-art .bs-section-label{color:var(--lime);margin-bottom:0!important}
.bs-about-proof-copy>p:not(.bs-section-label){margin-top:22px!important}
.bs-about-content .bs-about-link{font-size:13px;margin-top:30px!important;color:var(--purple)}
.bs-about-link a{border-bottom:1px solid #4828f560;padding-bottom:5px}
.bs-about-method>.wp-block-columns{margin-top:50px}
.bs-about-method .wp-block-column{border-top:1px solid var(--line);padding-top:25px}
.bs-journal-cover{padding-block:55px 65px;border-bottom:1px solid var(--line)}
.bs-journal-cover .bs-cover-label{display:table;padding:5px 14px 9px;background:var(--lime);color:var(--ink);font:36px/1.1 var(--display);transform:rotate(-1.7deg);letter-spacing:-.02em;margin-bottom:35px}
.category .bs-journal-cover .bs-cover-title{overflow-wrap:anywhere}
.bs-journal-cover .bs-cover-title{font:clamp(75px,10vw,155px)/1.07 var(--display);letter-spacing:-.035em}
.bs-journal-cover>p:last-child{font-size:18px;line-height:1.7;color:var(--muted);max-width:620px;margin-top:30px}
.bs-journal-body{padding-bottom:100px}
.bs-journal .articles-grid{gap:60px 35px}
.bs-journal .article-preview:first-child{grid-column:1/-1}
.bs-journal .article-preview:first-child>a{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;align-items:center}
.bs-journal .article-preview:first-child .article-preview-copy{padding-block:25px}
.bs-journal .article-preview:first-child h2{font-size:clamp(32px,3.8vw,55px)}
.bs-journal-art{background:var(--purple);color:var(--paper);padding:30px;aspect-ratio:1.65;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:clip}
.bs-journal-art>span{font-size:9px;letter-spacing:.14em;position:relative;z-index:1}
.bs-journal-art>strong{font:clamp(42px,5vw,74px)/1.08 var(--display);letter-spacing:-.025em;max-width:90%;position:relative;z-index:1}
.bs-journal-art>b{position:absolute;right:20px;top:0;font:150px/1 var(--sans);opacity:.18}
.bs-journal-art-2{background:var(--lime);color:var(--ink)}
.bs-journal-art-3{background:#eae5ff;color:var(--purple)}
.bs-journal-single .article-hero{max-width:1200px}
.bs-journal-single .entry-title{font-size:clamp(45px,6vw,88px)}
.bs-journal-single .article-lead{max-width:850px}
.bs-article-layout{display:grid;grid-template-columns:260px minmax(0,800px);gap:7%;padding-block:30px 95px;align-items:start}
.bs-article-aside{position:sticky;top:135px}
.bs-article-aside nav{border-top:1px solid var(--line);padding-top:23px}
.bs-article-aside .eyebrow{font-size:10px;margin-bottom:20px}
.bs-article-aside a{display:block;font-size:12px;line-height:1.6;color:var(--muted);padding-block:10px}
.bs-article-aside a:hover{color:var(--purple)}
.bs-article-layout .prose{margin:0;width:100%;font-size:18px}
.bs-article-layout h2{scroll-margin-top:135px}
.bs-article-layout .prose>h2:first-child{margin-top:0}
.bs-contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;padding-block:85px 100px;align-items:start}
.bs-contact-intro h2{font:clamp(36px,3.6vw,53px)/1.15 var(--display);margin-bottom:25px;letter-spacing:-.02em}
.bs-contact-intro p{font-size:16px;line-height:1.8;color:var(--muted);margin-top:20px}
.bs-contact-details{margin-top:40px;border-top:1px solid var(--line)}
.bs-contact-details>p{padding-block:23px;border-bottom:1px solid var(--line)}
.bs-contact-details>p>span{display:block;font-size:9px;letter-spacing:.14em;margin-bottom:10px;color:var(--muted)}
.bs-contact-details a{font-size:clamp(16px,1.8vw,25px);color:var(--purple);overflow-wrap:anywhere}
.bs-contact-address{padding-top:28px}
.bs-contact-address h3{font:24px/1.2 var(--display);margin-bottom:12px}
.bs-contact-address address{font-style:normal;font-size:14px;line-height:1.8;color:var(--muted)}
.bs-contact-inline{padding:40px;background:#eeeee8}
.bs-contact-inline>h2{font:clamp(40px,4.5vw,65px)/1.1 var(--display);letter-spacing:-.02em;margin-block:20px 35px}
.bs-contact-inline>.eyebrow{font-size:10px}
.bs-contact-widget .form-result[hidden],.bs-contact-widget form[hidden]{display:none}
.bs-contact-inline .project-choices span{font-size:11px}
.bs-contact-inline .form-note{font-size:11px;line-height:1.6}
.bs-contact-widget .form-result h3{font:42px/1.1 var(--display)}
.bs-contact-widget .form-result .result-copy{margin-block:20px;font-size:15px;line-height:1.7}
@media(max-width:700px){.bs-contact-inline .form-grid{grid-template-columns:1fr;gap:0}}
@media(max-width:1100px){.bs-about-story,.bs-about-principles,.bs-about-method{width:calc(100% - 64px)}.bs-about-proof{padding:60px 32px}.bs-about-content p{font-size:15px}.bs-about-content h2{font-size:43px}.bs-about-content h3{font-size:25px}.bs-contact-layout{gap:6%;grid-template-columns:1fr 1.2fr}.bs-contact-inline{padding:30px 25px}.bs-article-layout{grid-template-columns:200px minmax(0,1fr);gap:5%}.bs-article-layout .prose{font-size:17px}}
@media(max-width:700px){.bs-about-story,.bs-about-principles,.bs-about-method{width:calc(100% - 40px);padding-block:50px}.bs-about-principles{padding-top:0}.bs-about-content .wp-block-columns{grid-template-columns:1fr;gap:35px}.bs-about-content h2{font-size:38px}.bs-about-content h3{font-size:26px}.bs-about-content .bs-about-year{font-size:130px}.bs-about-content .bs-about-index{margin-bottom:20px!important}.bs-about-proof{padding:45px 20px}.bs-about-proof-art{aspect-ratio:1.25}.bs-about-content .bs-about-proof-title{font-size:54px}.bs-about-method>.wp-block-columns{margin-top:35px}.bs-journal-cover{padding-block:35px 40px}.bs-journal-cover .bs-cover-label{font-size:28px}.bs-journal-cover .bs-cover-title{font-size:75px}.bs-journal-cover>p:last-child{font-size:16px}.bs-journal-body{padding-bottom:55px}.bs-journal .article-preview:first-child>a{display:block}.bs-journal .article-preview:first-child h2,.article-preview-copy h2{font-size:30px}.bs-journal .articles-grid{gap:40px}.bs-journal-art{padding:25px}.bs-journal-art>strong{font-size:50px}.bs-article-layout{display:block;padding-block:0 50px}.bs-article-aside{position:static;margin-bottom:40px}.bs-article-aside a{font-size:13px;padding-block:7px}.bs-article-layout .prose{font-size:16px}.bs-journal-single .entry-title{font-size:40px}.bs-contact-layout{display:flex;flex-direction:column;gap:40px;padding-block:45px}.bs-contact-info,.bs-contact-inline{width:100%}.bs-contact-inline{padding:30px 22px}.bs-contact-inline>h2{font-size:43px}.bs-contact-inline .project-choices span{font-size:10px}}

/* Contact test transport: keep the shared form's editorial layout. */
.bs-contact-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bs-contact-form .form-error{padding:14px 18px;border-left:3px solid #b83c56;background:#fff0f3;color:#721b30;font-size:15px;line-height:1.5}
.bs-contact-form button[disabled]{opacity:.65;cursor:wait}

/* Personal presentation, following the agency's editorial rhythm. */
.bs-founder{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;align-items:start;padding-block:70px 95px;scroll-margin-top:135px;border-top:1px solid var(--line)}
.bs-founder-art{aspect-ratio:1;background:var(--purple);color:var(--paper);padding:8%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.bs-founder-art>.eyebrow{font-size:9px;color:var(--lime);line-height:1.6}
.bs-founder-art>strong{font:clamp(31px,3.2vw,55px)/1.15 var(--display);letter-spacing:-.02em;position:relative;z-index:1}
.bs-founder-art>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:8px;letter-spacing:.08em}
.bs-founder-art>div>span{border:1px solid #ffffff70;padding:7px 9px}
.bs-founder-art b{font:65px/1 var(--sans);margin-left:auto;color:var(--lime)}
.bs-founder-portrait{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center}
.bs-about-content .bs-founder-signature{padding-top:20px;font-size:14px;line-height:1.6;color:var(--ink)}
.bs-founder-signature strong,.bs-founder-signature span{display:block}
.bs-founder-signature span{font-size:12px;color:var(--muted);margin-top:4px}
.bs-founder-copy>.eyebrow{font-size:10px;color:var(--purple);margin-bottom:22px}
.bs-about-content .bs-founder-copy h2{font-size:clamp(38px,4.3vw,65px);line-height:1.1;margin-bottom:28px}
.bs-about-content .bs-founder-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;margin-top:20px}
.bs-founder-copy .text-link{margin-top:30px;font-size:13px}
.bs-legal-details{margin-block:25px}.bs-legal-details dt{font-weight:600;margin-top:20px}.bs-legal-details dd{margin:7px 0 0;white-space:normal;overflow-wrap:anywhere}.bs-legal-details em{color:var(--muted)}
@media(max-width:700px){.bs-founder{grid-template-columns:1fr;gap:35px;padding-block:45px 55px}.bs-founder-visual{width:100%;max-width:430px}.bs-founder-art>strong{font-size:46px}.bs-about-content .bs-founder-copy h2{font-size:38px}.bs-about-content .bs-founder-copy>p:not(.eyebrow){font-size:15px}.bs-founder-art>.eyebrow{font-size:8px}}

/* assets/launch-quality.css */
/* Contact and keyboard refinements. The original animation styles remain intact. */
.bs-contact-widget{min-width:0}
.bs-contact-widget .form-required{font-size:12px;color:#62625e;margin-bottom:18px}
.bs-contact-widget .form-note{font-size:12px;line-height:1.65;color:#62625e}
.bs-contact-widget .form-note a{text-decoration:underline;text-underline-offset:3px}
.bs-contact-widget .project-choices label{min-width:0}
.bs-contact-widget .project-choices span{min-height:44px;display:flex;align-items:center;line-height:1.45}
.bs-contact-widget .form-error{padding:14px 18px;border-left:3px solid #b83c56;background:#fff0f3;color:#721b30;font-size:15px;line-height:1.5;margin-top:18px}
.bs-contact-widget [hidden]{display:none!important}
.bs-contact-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bs-contact-widget .form-result h3:focus{outline:none}
.bs-contact-widget button[disabled]{opacity:.65;cursor:wait}
.dialog-close{width:44px;height:44px;top:12px;right:12px}
.dialog-inner>.eyebrow{padding-right:36px}
.nav-panel .panel-grid a:focus-visible{outline-offset:-4px}
.closing :focus-visible{outline-color:var(--lime)}
.bs-service-cover :focus-visible{outline-color:var(--lime)}
.bs-editorial-commerce .bs-service-cover :focus-visible{outline-color:var(--purple)}
.bs-not-found-actions{display:flex;flex-wrap:wrap;gap:16px}
.bs-contact-inline,.bs-contact-info{min-width:0}
.bs-contact-inline{scroll-margin-top:110px}
main[tabindex="-1"]:focus{outline:none}
@media(max-width:700px){
  .bs-contact-widget input:not([type=radio]),.bs-contact-widget textarea{font-size:16px;min-height:48px}
  .bs-contact-widget .form-grid{grid-template-columns:1fr;gap:18px}
  .bs-contact-widget .project-choices span,.bs-contact-inline .project-choices span{font-size:12px;padding:11px 10px}
  .bs-contact-widget form>label,.bs-contact-widget .form-grid>label,.bs-contact-widget legend{font-size:12px}
  .bs-contact-widget .form-required{margin-bottom:16px}
  .bs-contact-widget .form-result .result-copy{overflow-wrap:anywhere}
  .menu-toggle{width:44px;height:44px}
  .nav-contact{min-width:44px;min-height:44px}
  .nav-panel{max-height:calc(100dvh - 72px);overscroll-behavior:contain}
  .panel-bottom a{min-height:44px;display:flex;align-items:center;font-size:12px}
  .bs-cover-back{min-height:44px;display:inline-flex;align-items:center;margin-bottom:12px}
  .bs-contact-details a{display:inline-block;padding-block:5px}
}
@media(max-width:360px){.bs-contact-widget .project-choices{grid-template-columns:1fr}}
@media(max-width:380px){.hero-title{font-size:clamp(44px,15.7vw,60px)}}
@media(prefers-reduced-motion:reduce){.bs-scene,.reveal,.showcase,.expertise-row{opacity:1!important;visibility:visible!important;transform:none!important}}

