/* The globe stands directly on the page, with its own spherical shading. */
.history-globe{background:none;border:0;box-shadow:none;border-radius:0;color:#254e62;padding:0 0 16px;overflow:visible}
.globe-topline{color:#527888;font-size:12px;padding-inline:20px;font-weight:500}
.globe-topline i{background:#368a92;box-shadow:0 0 0 4px #408c9310}
.globe-caption strong{color:#204b61;font-size:22px;font-weight:650}
.globe-caption>span{color:#577b8a;font-size:13px;font-weight:500}
.globe-countries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:540px;margin:0 auto}
.globe-countries button{font-size:13px;font-weight:550;min-height:46px;padding:9px 8px;border:1px solid #d0e2e8;border-radius:12px;background:#f3f9fb;color:#386779;line-height:1.7}
.globe-countries button:hover,.globe-countries button[aria-pressed=true]{color:#fff;background:#24566d;border-color:#24566d;box-shadow:0 5px 14px #1f526515}
.globe-countries button:focus-visible{outline-color:#2c718d}
.globe-footnote{color:#698795;font-size:12px;font-weight:450}
/* Small, consistent increases in text size and weight, keeping the current layout. */
body{font-weight:450}
p,small,dt,dd,label{font-weight:450}
.site-header .primary-nav{font-size:15px;font-weight:550;gap:27px}
.site-header .header-contact{font-size:14px;font-weight:550}
.site-header .brand b{font-size:28px;font-weight:700}
.site-header .brand small{font-size:11px;font-weight:500}
.menu-toggle{font-size:13px;font-weight:550}
.hero-description{font-size:15px;font-weight:450;line-height:2}
.hero-copy .eyebrow,.eyebrow{font-size:13px;font-weight:550}
.rich-copy,.section-copy .rich-copy,.section-copy>p:not(.eyebrow){font-size:16px;font-weight:450;line-height:2.15}
.heading-description,.product-copy p,.cooperation-copy>p:not(.eyebrow){font-size:14px;font-weight:450;line-height:2.1}
.text-link,.button{font-size:14px;font-weight:550}
.about-meta p,.about-meta span:not(.meta-separator){font-size:12px;font-weight:500}
.product-details,.bakh-call-label,.bakh-call-action{font-size:13px;font-weight:500}
.faq-item summary,.faq-item>p{font-size:14px;font-weight:450;line-height:2.1}
.history-body{font-size:15px;font-weight:450;line-height:2.15}
.history-signature,.history-heading .eyebrow{font-size:13px;font-weight:500}
.contact-copy>p:not(.eyebrow),.form-panel .form-intro,.form-panel label{font-size:14px;font-weight:450;line-height:2}
.contact-details dt{font-size:14px;font-weight:650}
.contact-details dd,.contact-details small,.form-panel .form-note{font-size:13px;font-weight:450;line-height:2.1}
.footer-brand small,.footer-bottom,.footer-top>p,.carousel-footer>p,.stack-figure figcaption{font-size:13px;font-weight:450}
.scroll-cue,.replay,.skip-intro{font-size:12px;font-weight:500}
@media(max-width:800px){
 .site-header .primary-nav{font-size:14px;gap:17px}.site-header .header-contact{font-size:13px}.site-header .brand b{font-size:26px}.site-header .brand small{font-size:10px}.menu-toggle{font-size:12px}
 .hero-description{font-size:14px}.hero-copy .eyebrow{font-size:13px}
 .rich-copy,.section-copy .rich-copy,.section-copy>p:not(.eyebrow){font-size:15px}
 .history-globe{padding:0 0 12px}.globe-countries{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.globe-countries button{font-size:12px;min-height:46px}
 .globe-caption strong{font-size:21px}.globe-topline{font-size:11px;padding-inline:6px}.globe-footnote{font-size:11px}.history-body{font-size:15px}
 .bakh-call-label,.bakh-call-action{font-size:12px}.contact-copy>p:not(.eyebrow){font-size:14px}
 .footer-brand small,.footer-bottom,.carousel-footer>p,.stack-figure figcaption{font-size:12px}
}
@media(max-width:360px){.site-header{gap:10px;padding-inline:12px}.site-header .header-contact{font-size:12px}.site-header .brand small{font-size:9px}.globe-countries{grid-template-columns:repeat(2,minmax(0,1fr))}}

.globe-countries button:hover,.globe-countries button[aria-pressed=true]{background:#dff3fc;border-color:#50bbed;color:#195775;box-shadow:0 4px 12px #50bbed18}
@media(min-width:361px) and (max-width:800px){.globe-countries button:last-child{grid-column:2}}

/* Mobile reading rhythm: gentle landing points without trapping long content. */
.history-toggle{display:none}
@media(max-width:800px){
 .history-body.history-collapsible:not(.is-expanded) p:nth-of-type(n+2){display:none}
 .history-toggle{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:20px;padding:10px 18px;border:1px solid #cfe2e9;border-radius:12px;color:#24566d;background:#f3f9fb;font:600 13px/1.8 inherit;cursor:pointer}
 .history-toggle:hover,.history-toggle[aria-expanded="true"]{background:#e7f6fc;border-color:#75c8ea}
 .history-toggle:focus-visible{outline:2px solid #2c718d;outline-offset:3px}
}

/* Content-sized sections. Scrolling stays native, including long contact forms. */
html{scroll-snap-type:none;scroll-padding-top:16px}
.sugar-intro,main>.section{scroll-snap-align:none;scroll-snap-stop:normal}
.bakh-site main>.section{display:block;min-height:0;height:auto;padding:40px 0;scroll-margin-top:0;border:0}
.bakh-site main>.section>.section-container{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.bakh-site main .about-grid,.bakh-site main .bakh-history{padding:32px;border:1px solid #dce9ef;border-radius:24px;box-shadow:0 12px 36px #173d4a06}
.bakh-site .about-section{background:#fff;padding-top:40px}
.bakh-site .about-grid{grid-template-columns:1fr 1fr;gap:36px;background:#f8fbfd}
.bakh-site .about-grid .pack-stage{--bw:220px!important;min-height:0;height:calc(var(--bw)*.42*var(--stack-count,4)*1.15 + 106px)}
.bakh-site .about-grid .section-copy h2{font-size:clamp(28px,2.5vw,36px);line-height:1.65}
.bakh-site .about-grid .rich-copy{margin-top:18px}
.bakh-site .about-meta{margin-top:20px;gap:20px}
.bakh-site .about-grid .section-copy>.button{margin-top:22px}
.bakh-site .products-section{background:#eef6fa}
.bakh-site .heading-split{margin-bottom:26px;gap:40px}
.bakh-site .heading-split h2{font-size:34px;line-height:1.65}
.bakh-site .product-image{aspect-ratio:1.55}
.bakh-site .product-copy{padding:18px}
.bakh-site .product-copy p{font-size:13px;line-height:2}
.bakh-site .product-details{margin-top:12px;padding-top:10px}
.bakh-site .history-section{background:#fff}
.bakh-site main .bakh-history{margin-top:0;background:#f8fbfd}
.bakh-site .history-heading{margin-bottom:24px;gap:20px}
.bakh-site .history-heading h2{font-size:32px}
.bakh-site .history-grid{grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.bakh-site .history-rule{margin-bottom:18px}
.bakh-site .history-body{line-height:2.1}
.bakh-site .history-body p+p{margin-top:16px}
.bakh-site .history-signature{margin-top:20px}
.bakh-site .history-globe canvas{max-width:400px;margin-inline:auto}
.bakh-site .globe-caption{margin-bottom:16px}
.bakh-site .globe-countries{gap:8px}
.bakh-site .globe-countries button{font-size:12px;padding:7px 5px;min-height:42px}
.bakh-site .story-section{background:#fff;padding-top:0}
.bakh-site .story-grid{gap:40px;padding:30px;border:1px solid #dce9ef;border-radius:24px;background:#f8fbfd}
.bakh-site .story-visual{padding:0}
.bakh-site .story-visual>img{border-radius:18px;aspect-ratio:1.4;box-shadow:none}
.bakh-site .story-visual figcaption{bottom:12px;border-radius:0 10px 10px 0}
.bakh-site .visual-orbit{display:none}
.bakh-site .story-grid .section-copy h2{font-size:32px}
.bakh-site main>.cooperation-section{background:#edf5f8;padding-block:28px 0}
.bakh-site .cooperation-card{min-height:0;padding:28px 36px;grid-template-columns:.65fr 1.35fr;gap:30px;border-radius:24px}
.bakh-site .cooperation-art{height:190px;transform:scale(.68);transform-origin:center}
.bakh-site .cooperation-copy h2{font-size:30px;line-height:1.65}
.bakh-site .cooperation-copy>p:not(.eyebrow){margin-top:12px}
.bakh-site .cooperation-copy .eyebrow{margin-bottom:12px}
.bakh-site .cooperation-copy .button{margin-top:18px}
.bakh-site main>.contact-section{background:#edf5f8;padding-top:28px}
.bakh-site .contact-grid{grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.bakh-site .contact-copy{padding:24px;border:1px solid #d9e7ee;border-radius:20px;background:#fff}
.bakh-site .contact-copy h2{font-size:30px;white-space:normal;line-height:1.65}
.bakh-site .contact-copy .eyebrow{margin-bottom:10px}
.bakh-site .contact-copy>p:not(.eyebrow){margin-top:12px}
.bakh-site .contact-phones>a.bakh-call-card,.bakh-site .contact-more>a.bakh-call-card{padding:14px 10px;gap:6px}
.bakh-site .bakh-call-number{color:#193e51;font-size:21px}
.bakh-site .contact-details{max-width:none;margin-top:18px;padding-top:18px}
.bakh-site .contact-details>div+div{margin-top:14px}
.bakh-site .form-panel{padding:24px;box-shadow:none;border-radius:20px}
.bakh-site .form-panel label{margin-bottom:16px}
.bakh-site .form-panel .form-intro{margin-bottom:18px}
.bakh-site .faq-section{background:#fff;padding-block:32px}
.bakh-site .faq-grid{gap:40px;padding:28px;border:1px solid #dce9ef;border-radius:24px}
.bakh-site .faq-grid .section-heading h2{font-size:30px}
.bakh-site .faq-item summary{min-height:64px;padding:14px 2px}
@media(max-width:1000px) and (min-width:801px){
 .bakh-site .history-grid{grid-template-columns:1fr 1fr;gap:22px}
 .bakh-site .contact-grid{gap:20px}.bakh-site .contact-copy,.bakh-site .form-panel{padding:18px}
 .bakh-site .bakh-call-number{font-size:18px}
}
@media(max-width:800px){
 .bakh-site main>.section{padding:22px 0}
 .bakh-site main>.section>.section-container{width:calc(100% - 28px)}
 .bakh-site main .about-grid,.bakh-site main .bakh-history,.bakh-site .story-grid{padding:22px 18px;border-radius:20px}
 .bakh-site .about-grid,.bakh-site .history-grid,.bakh-site .story-grid,.bakh-site .contact-grid{grid-template-columns:1fr;gap:24px}
 .bakh-site .about-grid .pack-stage{--bw:205px!important}
 .bakh-site .heading-split{grid-template-columns:1fr;gap:18px;margin-bottom:20px}
 .bakh-site .heading-split h2,.bakh-site .history-heading h2,.bakh-site .story-grid .section-copy h2{font-size:28px}
 .bakh-site .history-heading{gap:12px;align-items:start;margin-bottom:20px}
 .bakh-site .history-year{padding-right:12px}.bakh-site .history-year strong{font-size:28px}
 .bakh-site .history-year span{font-size:9px}
 .bakh-site .product-image{aspect-ratio:1.4}
 .bakh-site .history-globe canvas{max-width:340px}
 .bakh-site .globe-countries{grid-template-columns:repeat(3,minmax(0,1fr))}
 .bakh-site .globe-countries button:last-child{grid-column:2}
 .bakh-site .story-section{padding-top:0}
 .bakh-site .story-visual{order:2}
 .bakh-site main>.cooperation-section{padding-bottom:0}
 .bakh-site .cooperation-card{grid-template-columns:1fr;padding:24px;gap:0;border-radius:20px}
 .bakh-site .cooperation-art{display:none}
 .bakh-site .cooperation-copy h2{font-size:25px}
 .bakh-site main>.contact-section{padding-top:18px}
 .bakh-site .contact-copy,.bakh-site .form-panel{padding:20px 16px}
 .bakh-site .contact-copy h2{font-size:28px}
 .bakh-site .contact-grid{gap:18px}
 .bakh-site .contact-details{display:block}
 .bakh-site .bakh-call-number{font-size:19px}
 .bakh-site .faq-grid{padding:22px 18px;grid-template-columns:1fr;gap:18px;border-radius:20px}
 .bakh-site .faq-grid .section-heading h2{font-size:28px}
}
@media(max-width:360px){.bakh-site .bakh-call-number{font-size:17px}.bakh-site .about-meta{gap:12px}.bakh-site .about-meta span:not(.meta-separator),.bakh-site .about-meta p{font-size:11px}}
@media print{.bakh-site main>.section{padding:20px 0}.bakh-site main .about-grid,.bakh-site main .bakh-history{box-shadow:none}}
