/* About page follows the customer's September 29 layout; chrome is shared. */
body:has(.tw-about) #main > .ct-container-full, body:has(.tw-about) #main > .ct-container { width:100%; max-width:none; padding:0; }
body:has(.tw-about) #main > [data-vertical-spacing] { padding-block:0; }
body:has(.tw-about) .hero-section { display:none; }
body:has(.tw-about) .entry-content { margin:0; }
.entry-content > .tw-about { width:100%; max-width:none; }
.tw-about { --tw4-navy:#082448; --tw4-gold:#cba85e; --tw4-muted:#4b6080; color:var(--tw4-navy); background:#fff; font-family:Arial,Helvetica,sans-serif; }
.tw-about .tw4-shell { width:min(100% - 7rem,1600px); }
.tw-about,.tw-about * { box-sizing:border-box; }
.tw-about .wp-block-group,.tw-about .wp-block-image,.tw-about p { margin:0; }
.tw-about h1,.tw-about h2,.tw-about h3 { margin:0; font-family:inherit; color:var(--tw4-navy); }
.tw-about a { color:inherit; text-decoration:none; }
.tw-about a:focus-visible { outline:3px solid var(--tw4-gold); outline-offset:4px; }
.tw-about p { color:#4b6080; font-size:clamp(1rem,1.12vw,1.25rem); line-height:1.42; }
.tw-about-hero { position:relative; overflow:hidden; background:#f3f8fb; }
.tw-about .tw-about-hero-inner { position:relative; min-height:clamp(360px,31vw,600px); }
.tw-about-breadcrumbs { display:flex; align-items:center; gap:.55rem; padding-top:.4rem; margin:0; font-size:.82rem; line-height:1.3; color:#4b6080; }
.tw-about-breadcrumbs a:hover { text-decoration:underline; }
.tw-about .tw-about-hero-copy { width:49%; padding:1.25rem 2.5rem 2rem 1rem; }
.tw-about-h1 { font-size:clamp(2.2rem,3.5vw,3.85rem); font-weight:800; line-height:1.07; letter-spacing:-.025em; }
.tw-about .tw-about-lead { color:var(--tw4-navy); font-size:clamp(1.15rem,1.55vw,1.8rem); line-height:1.25; margin-top:1.2rem; }
.tw-about .tw-about-intro { margin-top:.7rem; max-width:48ch; font-size:clamp(.875rem,1.12vw,1.25rem); }
.tw-about .tw-about-hero-action { margin-top:1rem; }
.tw-about .tw-about-hero-image { position:absolute; top:0; right:0; width:calc(50% + 60px); height:100%; clip-path:polygon(0 0,100% 0,100% 100%,17% 100%); }
.tw-about-hero-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:57% center; }
.tw-about-benefits { background:#f7fafc; padding-block:2rem; }
.tw-about-benefits-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.tw-about .tw-about-benefit { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:start; gap:1.2rem; padding-inline:1.5rem; border-left:1px solid #dce5ec; }
.tw-about-icon { display:inline-flex; color:var(--tw4-navy); }
.tw-about-icon svg { display:block; width:44px; height:44px; stroke-width:1.5; }
.tw-about h3 { font-size:clamp(1rem,1.2vw,1.3rem); line-height:1.25; font-weight:700; }
.tw-about .tw-about-benefit p { margin-top:.5rem; font-size:clamp(.9rem,1vw,1.08rem); }
.tw-about-directions { padding-block:2.5rem; }
.tw-about-directions-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:3rem; align-items:stretch; }
.tw-about-title { font-size:clamp(1.75rem,2.55vw,2.85rem); line-height:1.1; font-weight:800; letter-spacing:-.025em; }
.tw-about .tw-about-directions-lead { margin-top:.7rem; }
.tw-about .tw-about-direction-list { margin-top:1rem; }
.tw-about .tw-about-direction { display:grid; grid-template-columns:30% minmax(0,1fr) 25px; align-items:center; gap:1.6rem; padding-block:.75rem; border-bottom:1px solid #dce5ec; }
.tw-about .tw-about-direction:first-child { padding-top:0; }
.tw-about .tw-about-direction:last-child { border-bottom:0; padding-bottom:0; }
.tw-about-direction-image img { display:block; width:100%; aspect-ratio:2.35; object-fit:cover; border-radius:6px; }
.tw-about .tw-about-direction-copy p { margin-top:.4rem; font-size:clamp(.95rem,1.05vw,1.15rem); }
.tw-about-direction-copy a:hover { text-decoration:underline; text-underline-offset:3px; }
.tw-about .tw-about-direction-arrow a { display:flex; align-items:center; justify-content:center; min-height:44px; color:#c19543; font-size:1.8rem; }
.tw-about-logistics-image { min-height:100%; }
.tw-about-logistics-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; border-radius:6px; }
.tw-about-process { padding-block:2rem 2.5rem; background:#f3f8fb; }
.tw-about .tw-about-steps { margin-top:1.5rem; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem; }
.tw-about-step-top { display:grid; grid-template-columns:44px 42px minmax(0,1fr); align-items:center; gap:1.2rem; }
.tw-about .tw-about-step-number { display:grid; place-items:center; width:44px; height:44px; border:1px solid #d8a343; border-radius:50%; background:#fff; color:var(--tw4-navy); font-weight:700; font-size:.95rem; }
.tw-about-step-top svg { width:38px; height:38px; }
.tw-about-step-line { display:block; height:1px; background:#d8a343; }
.tw-about .tw-about-step-copy { margin-top:.6rem; padding-left:calc(44px + 1.2rem); }
.tw-about .tw-about-step-copy p { margin-top:.5rem; font-size:clamp(.9rem,1vw,1.08rem); }
@media(max-width:1100px) {
  .tw-about .tw-about-hero-copy { padding-right:2rem; }
  .tw-about .tw-about-benefit { grid-template-columns:38px minmax(0,1fr); gap:.8rem; padding-inline:1rem; }
  .tw-about-benefit svg { width:36px; height:36px; }
  .tw-about-directions-grid { gap:2rem; }
  .tw-about .tw-about-direction { gap:1rem; }
  .tw-about .tw-about-steps { gap:1.5rem; }
}
@media(max-width:800px) {
  .tw-about .tw4-shell { width:calc(100% - 2rem); }
  .tw-about .tw-about-hero-inner { min-height:0; }
  .tw-about .tw-about-hero-copy { width:100%; padding:2rem 0; }
  .tw-about .tw-about-hero-image { position:static; width:100%; height:auto; clip-path:none; }
  .tw-about-hero-image img { height:260px; object-position:center; }
  .tw-about-hero { display:flex; flex-direction:column-reverse; }
  .tw-about .tw-about-lead br { display:none; }
  .tw-about-benefits-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem 0; }
  .tw-about-directions-grid { grid-template-columns:1fr; }
  .tw-about-logistics-image img { max-height:380px; aspect-ratio:1.7; }
  .tw-about .tw-about-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; }
}
@media(max-width:480px) {
  .tw-about .tw-about-benefit { padding-inline:.75rem; grid-template-columns:30px minmax(0,1fr); gap:.6rem; }
  .tw-about-benefit svg { width:28px; height:28px; }
  .tw-about-benefit br,.tw-about-direction-copy br,.tw-about-step-copy br { display:none; }
  .tw-about-benefit h3 { font-size:.95rem; }
  .tw-about .tw-about-benefit p { font-size:.83rem; }
  .tw-about .tw-about-direction { grid-template-columns:27% minmax(0,1fr) 20px; gap:.75rem; }
  .tw-about-direction-image img { aspect-ratio:1.15; }
  .tw-about-direction h3 { font-size:.95rem; }
  .tw-about .tw-about-direction-copy p { font-size:.85rem; }
  .tw-about .tw-about-steps { grid-template-columns:1fr; gap:1.6rem; }
  .tw-about .tw-about-step-copy { padding-left:calc(44px + 1.2rem); }
}