/* HBYT_ABOUT_FACTORY_20260908_V1 — scoped to the About page and home About image. */
.hbyt-about-factory-shell{padding-top:100px;background:#fff;color:#182230}
.hbyt-about-factory-shell *{box-sizing:border-box}
.hbyt-about-factory-shell .hbyt-af-width{width:min(1200px,88%);margin:0 auto}
.hbyt-about-factory-shell .hbyt-af-topline{border-bottom:1px solid #e8ebed}
.hbyt-about-factory-shell .hbyt-af-topline-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}
.hbyt-about-factory-shell .woocommerce-breadcrumb{margin:0;padding:0;font-size:14px}
.hbyt-about-factory-shell .hbyt-af-shortcuts{display:flex;gap:26px;font-size:13px;line-height:1.5}
.hbyt-about-factory-shell .hbyt-af-shortcuts a{color:#182230;text-decoration:none;padding:10px 0}
.hbyt-about-factory-shell .hbyt-af-shortcuts a:hover,.hbyt-about-factory-shell .hbyt-af-shortcuts a:focus{color:var(--hbyt-theme-color,#d75f28);text-decoration:underline}
.hbyt-about-factory-shell .hbyt-af-title{padding-top:42px;padding-bottom:24px;scroll-margin-top:116px}
.hbyt-about-factory-shell .hbyt-af-title h1{margin:0;color:#182230;font-size:clamp(34px,3.1vw,46px);line-height:1.15;letter-spacing:-.025em;font-weight:700}
.hbyt-about-factory-shell .hbyt-af-eyebrow{margin:0 0 12px;color:#b94d1e;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.13em;text-transform:uppercase}
.hbyt-about-factory-shell .hbyt-af-intro,.hbyt-about-factory-shell .hbyt-af-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center;max-width:1364px;margin:0 auto;padding:48px max(30px,6%) }
.hbyt-about-factory-shell .hbyt-af-intro{padding-top:8px;align-items:start}
.hbyt-about-factory-shell .hbyt-af-intro figure{order:1}
.hbyt-about-factory-shell .hbyt-af-intro .hbyt-af-copy{order:2}
.hbyt-about-factory-shell .hbyt-af-copy{min-width:0}
.hbyt-about-factory-shell .hbyt-af-copy p{margin:0 0 18px;font-size:16px;line-height:1.85;color:#53616e;overflow-wrap:break-word}
.hbyt-about-factory-shell .hbyt-af-copy p:last-child{margin-bottom:0}
.hbyt-about-factory-shell .hbyt-af-copy strong{color:#182230;font-weight:700}
.hbyt-about-factory-shell .hbyt-af-copy h2{margin:0 0 20px;color:#182230;font-size:30px;font-weight:700;line-height:1.24;letter-spacing:-.02em}
.hbyt-about-factory-shell .hbyt-af-copy h3{margin:0 0 16px;color:#182230;font-size:24px;font-weight:700;line-height:1.3;letter-spacing:-.01em}
.hbyt-about-factory-shell .hbyt-af-subsection{margin-top:27px;padding-top:25px;border-top:1px solid #dce1e6}
.hbyt-about-factory-shell figure{margin:0;min-width:0}
.hbyt-about-factory-shell figure img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover;aspect-ratio:1.4;background:#edf0f1}
.hbyt-about-factory-shell .hbyt-af-intro img{aspect-ratio:1.18;object-position:48% center}
.hbyt-about-factory-shell #hbyt-af-factory img{aspect-ratio:1.08}
.hbyt-about-factory-shell figcaption{margin:0;padding:11px 0 0;color:#63707c;font-size:12px;line-height:1.5}
.hbyt-about-factory-shell .hbyt-af-tint{background:#f5f6f7}
.hbyt-about-factory-shell .hbyt-af-reverse figure{order:1}
.hbyt-about-factory-shell .hbyt-af-reverse .hbyt-af-copy{order:2}
.hbyt-about-factory-shell #hbyt-af-factory,.hbyt-about-factory-shell #hbyt-af-contact{scroll-margin-top:112px}
.hbyt-about-factory-shell .hbyt-af-contact{max-width:1364px;margin:0 auto;padding:44px max(30px,6%);display:flex;justify-content:space-between;gap:36px;align-items:center;background:#182230;color:#fff}
.hbyt-about-factory-shell .hbyt-af-contact>div{max-width:740px}
.hbyt-about-factory-shell .hbyt-af-contact h2{margin:0 0 12px;color:#fff;font-size:30px;line-height:1.25;font-weight:700}
.hbyt-about-factory-shell .hbyt-af-contact p{margin:0;color:#d5dce2;font-size:15px;line-height:1.8}
.hbyt-about-factory-shell .hbyt-af-contact-actions{display:flex;flex-direction:column;gap:12px;align-items:center;flex-shrink:0}
.hbyt-about-factory-shell .hbyt-af-cta{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:13px 24px;background:var(--hbyt-theme-color,#d75f28);color:var(--hbyt-theme-contrast,#fff);text-decoration:none;font-size:15px;font-weight:700;line-height:1.4;white-space:nowrap}
.hbyt-about-factory-shell .hbyt-af-cta:hover,.hbyt-about-factory-shell .hbyt-af-cta:focus{text-decoration:underline}
.hbyt-about-factory-shell .hbyt-af-email{color:#fff;text-decoration:none;font-size:14px;line-height:1.5}
.hbyt-about-factory-shell .hbyt-af-email:hover,.hbyt-about-factory-shell .hbyt-af-email:focus{text-decoration:underline}
#index-body .i-about .about-right .hbyt-home-factory-image{display:block}
#index-body .i-about .about-right .hbyt-home-factory-image img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}
@media(max-width:1100px){.hbyt-about-factory-shell{padding-top:80px}.hbyt-about-factory-shell .hbyt-af-copy p{font-size:15px}.hbyt-about-factory-shell .hbyt-af-copy h2{font-size:28px}}
@media(max-width:767px){
 .hbyt-about-factory-shell{padding-top:48px}
 .hbyt-about-factory-shell .hbyt-af-width{width:88%}
 .hbyt-about-factory-shell .hbyt-af-topline-inner{display:block;padding:10px 0 0}
 .hbyt-about-factory-shell .hbyt-af-shortcuts{gap:28px;margin-top:4px}
 .hbyt-about-factory-shell .hbyt-af-shortcuts a{min-height:44px;padding:12px 0}
 .hbyt-about-factory-shell .hbyt-af-title{padding-top:28px;padding-bottom:24px;scroll-margin-top:56px}
 .hbyt-about-factory-shell .hbyt-af-intro,.hbyt-about-factory-shell .hbyt-af-story{grid-template-columns:minmax(0,1fr);gap:24px;padding:34px 6%}
 .hbyt-about-factory-shell .hbyt-af-intro{padding-top:0}
 .hbyt-about-factory-shell .hbyt-af-intro .hbyt-af-copy,.hbyt-about-factory-shell .hbyt-af-reverse .hbyt-af-copy{order:1}
 .hbyt-about-factory-shell .hbyt-af-intro figure,.hbyt-about-factory-shell .hbyt-af-reverse figure{order:2}
 .hbyt-about-factory-shell figure img,.hbyt-about-factory-shell .hbyt-af-intro img,.hbyt-about-factory-shell #hbyt-af-factory img{aspect-ratio:1.5}
 .hbyt-about-factory-shell .hbyt-af-copy p{font-size:16px;line-height:1.8}
 .hbyt-about-factory-shell .hbyt-af-copy h2{font-size:27px}
 .hbyt-about-factory-shell .hbyt-af-copy h3{font-size:23px}
 .hbyt-about-factory-shell #hbyt-af-factory,.hbyt-about-factory-shell #hbyt-af-contact{scroll-margin-top:55px}
 .hbyt-about-factory-shell .hbyt-af-contact{display:block;padding:34px 6%}
 .hbyt-about-factory-shell .hbyt-af-contact h2{font-size:28px}
 .hbyt-about-factory-shell .hbyt-af-contact-actions{align-items:flex-start;margin-top:24px}
}