/* Chi siamo only. Typography/fonts, gutters and assets are owned by the theme. */
.ds-about {
 --ds-about-blue: #1e5f9e;
 --ds-about-body: #4b5b69;
 --ds-about-line: #dce5ed;
 color: #172a3d;
 font-family: inherit;
 overflow-wrap: anywhere;
}
.ds-about .ds-about-shell {
 width: min(calc(100% - var(--ds-page-gutter, 20px) * 2), var(--ds-content-max-width, 1400px));
 margin-inline: auto;
}
.ds-about h1, .ds-about h2, .ds-about h3, .ds-about p, .ds-about figure { margin: 0; }
.ds-about h1, .ds-about h2, .ds-about h3 { color: inherit; font-weight: 700; letter-spacing: -.035em; }
.ds-about h2 { font-size: clamp(2rem, 3.1vw, 2.8rem) !important; line-height: 1.12 !important; margin-bottom: 0 !important; }
.ds-about h3 { font-size: 1.375rem !important; line-height: 1.25 !important; margin-bottom: 0 !important; }
.ds-about p { line-height: 1.65; }
.ds-about a { color: inherit; text-underline-offset: 4px; touch-action: manipulation; }
.ds-about img { display: block; max-width: 100%; height: auto; }
.ds-about a:focus-visible, .ds-about video:focus-visible { outline: 3px solid #1e5f9e; outline-offset: 5px; }
.ds-about .ds-about-expertise a:focus-visible { outline-color: #fff; }
.ds-about [id] { scroll-margin-top: 12rem; }
.ds-about .ds-about-address { font-style: normal; }
.ds-about .ds-about-hero > *, .ds-about .ds-about-expertise-grid > * { min-width: 0; }
.ds-about .ds-about-hero { display:grid;grid-template-columns:1.02fr 1fr;gap:64px;padding-block:32px 54px;align-items:center }
.ds-about .ds-about-eyebrow { font-size:.8125rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ds-about-blue);margin-bottom:18px }
body.page:not(.home):not(.woocommerce-page) .ds-about h1 { font-size:clamp(2.8rem,4.5vw,4.75rem);line-height:1.055;letter-spacing:-.055em;text-wrap:balance }
.ds-about .ds-about-lead { color:var(--ds-about-body);font-size:1.125rem;max-width:530px;margin-top:26px }
.ds-about .ds-about-actions { display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px }
.ds-about .ds-about-button { display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;border-radius:8px;padding:15px 21px;background:var(--ds-color-action-hover, #c93400);color:white;font-size:.9375rem;font-weight:700;text-decoration:none;line-height:1.4 }
.ds-about .ds-about-button:hover { background:#c93400 }
.ds-about .ds-about-text-link { font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:14px;min-height:44px;color:var(--ds-about-blue) }
.ds-about .ds-about-text-link:hover { text-decoration:underline }
.ds-about .ds-about-hero-note { font-size:.875rem;color:#68717c;margin-top:24px }
.ds-about .ds-about-hero-image { align-self:stretch;position:relative;min-height:510px;border-radius:14px;overflow:hidden;background:#dae6ef }
.ds-about .ds-about-hero-image img { width:100%;height:100%;position:absolute;object-fit:cover;object-position:53% center }
.ds-about .ds-about-hero-image:after { content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0b2741d9);pointer-events:none }
.ds-about .ds-about-hero-image figcaption { position:absolute;z-index:1;bottom:30px;left:30px;right:30px;color:white;display:grid;gap:4px }
.ds-about .ds-about-hero-image figcaption span { font-size:.8125rem }
.ds-about .ds-about-hero-image figcaption strong { font-size:1.0625rem }
.ds-about .ds-about-facts { display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ds-about-line);border-radius:12px;background:#f3f6f9;padding:28px 0 }
.ds-about .ds-about-facts>div { display:grid;gap:6px;padding:0 36px }
.ds-about .ds-about-facts>div+div { border-left:1px solid var(--ds-about-line) }
.ds-about .ds-about-facts strong { font-size:1.3rem;letter-spacing:-.025em }
.ds-about .ds-about-facts span { font-size:.9375rem;color:var(--ds-about-body) }
.ds-about .ds-about-section { padding-block:92px }
.ds-about .ds-about-intro { display:grid;grid-template-columns:1fr 1fr;gap:100px }
.ds-about .ds-about-prose p { font-size:1.0625rem;color:var(--ds-about-body) }
.ds-about .ds-about-prose p+p { margin-top:20px }
.ds-about .ds-about-soft { background:#f3f6f9 }
.ds-about .ds-about-section-head { display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:42px }
.ds-about .ds-about-section-head>p { max-width:380px;color:var(--ds-about-body) }
.ds-about .ds-about-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:40px }
.ds-about .ds-about-steps article { border-top:2px solid #aec7df;padding-top:26px }
.ds-about .ds-about-step-number { display:block;color:var(--ds-about-blue);font-size:.875rem;font-weight:600;margin-bottom:24px }
.ds-about .ds-about-steps h3 { max-width:270px;margin-bottom:16px }
.ds-about .ds-about-steps p { color:var(--ds-about-body) }
.ds-about .ds-about-showroom { display:grid;grid-template-columns:1.15fr 1fr;gap:76px;align-items:center }
.ds-about .ds-about-video-wrap { overflow:hidden;border-radius:12px;background:#f3f6f9 }
.ds-about .ds-about-video-wrap video { display:block;width:100%;aspect-ratio:16/9;background:#092945 }
.ds-about .ds-about-video-wrap>p { font-size:.875rem;padding:16px 20px;color:var(--ds-about-body) }
.ds-about .ds-about-showroom-copy>p:not(.ds-about-eyebrow) { color:var(--ds-about-body);margin-top:22px }
.ds-about .ds-about-address { display:grid;gap:4px;border-left:3px solid var(--ds-color-action-hover, #c93400);padding-left:20px;margin-block:26px 14px;line-height:1.65 }
.ds-about .ds-about-address span { font-size:.9375rem;color:var(--ds-about-body) }
.ds-about .ds-about-expertise { background:#092945;color:white }
.ds-about .ds-about-expertise .ds-about-eyebrow { color:#93c6ef }
.ds-about .ds-about-expertise .ds-about-section-head>p { color:#c6d6e3 }
.ds-about .ds-about-expertise-grid { display:grid;grid-template-columns:1fr 1fr;gap:64px }
.ds-about .ds-about-expertise-grid>img { width:100%;height:100%;object-fit:cover;border-radius:10px;min-height:420px;object-position:42% center }
.ds-about .ds-about-service-list>a { padding:21px 0;display:flex;justify-content:space-between;align-items:center;gap:22px;text-decoration:none;border-top:1px solid #ffffff30 }
.ds-about .ds-about-service-list>a:last-child { border-bottom:1px solid #ffffff30 }
.ds-about .ds-about-service-list>a:first-child { padding-top:0;border-top:0 }
.ds-about .ds-about-service-list>a:hover h3 { color:#a3d5fc }
.ds-about .ds-about-service-list span { float:left;width:32px;font-size:.8125rem;color:#9fb8cb;padding-top:4px }
.ds-about .ds-about-service-list h3 { font-size:1.25rem;margin-left:32px }
.ds-about .ds-about-service-list p { margin:7px 0 0 32px;font-size:.9375rem;color:#c6d6e3;max-width:430px }
.ds-about .ds-about-service-list b { font-size:1.5rem;font-weight:400;color:#a3d5fc }
.ds-about .ds-about-values { display:grid;grid-template-columns:1fr 1fr;gap:100px }
.ds-about .ds-about-values>div>p:not(.ds-about-eyebrow) { color:var(--ds-about-body);max-width:360px;margin-top:24px }
.ds-about .ds-about-value-list { display:grid;grid-template-columns:1fr 1fr;gap:36px }
.ds-about .ds-about-value-list h3 { font-size:1.1875rem;margin-bottom:12px }
.ds-about .ds-about-value-list p { font-size:.9375rem;color:var(--ds-about-body) }
.ds-about .ds-about-value-list a { display:inline-block;margin-top:12px;color:var(--ds-about-blue);font-size:.875rem;font-weight:600 }
.ds-about .ds-about-contact { background:#edf4fa;border:1px solid #dce7f0;border-radius:14px;padding:52px 56px;display:flex;gap:44px;align-items:center;justify-content:space-between;margin-bottom:90px }
.ds-about .ds-about-contact p:not(.ds-about-eyebrow) { color:var(--ds-about-body);margin-top:20px }
.ds-about .ds-about-contact-actions { display:flex;flex-direction:column;align-items:start;gap:16px;flex-shrink:0 }
.ds-about .ds-about-contact-actions>a:not(.ds-about-button) { font-size:1rem;text-decoration:none }
.ds-about .ds-about-contact-actions>a:nth-child(2) { font-size:1.5rem;font-weight:700 }
.ds-about .ds-about-contact .ds-about-eyebrow { margin-bottom:12px }
@media(min-width:1700px) {
.ds-about .ds-about-hero { gap:90px }
.ds-about .ds-about-hero-image { min-height:565px }
}
@media(max-width:1100px) {
.ds-about .ds-about-hero { gap:35px }
.ds-about .ds-about-hero-image { min-height:490px }
.ds-about .ds-about-intro,
.ds-about .ds-about-values { gap:50px }
.ds-about .ds-about-showroom { gap:40px }
.ds-about .ds-about-expertise-grid { gap:38px }
.ds-about .ds-about-contact { padding:40px }
.ds-about .ds-about-facts>div { padding-inline:24px }
}
@media(max-width:760px) {
.ds-about .ds-about-hero { grid-template-columns:1fr;gap:30px;padding-block:24px 30px }
body.page:not(.home):not(.woocommerce-page) .ds-about .ds-about-hero h1 { font-size:clamp(2.6rem,9vw,3.75rem) }
.ds-about .ds-about-lead { font-size:1.0625rem;margin-top:22px }
.ds-about .ds-about-hero-image { min-height:0;aspect-ratio:1.25 }
.ds-about .ds-about-hero-image figcaption { left:22px;bottom:22px }
.ds-about .ds-about-eyebrow { font-size:.8125rem;margin-bottom:14px }
.ds-about .ds-about-actions { gap:12px;margin-top:25px }
.ds-about .ds-about-hero-note { margin-top:16px }
.ds-about .ds-about-facts { grid-template-columns:1fr;padding:0 22px }
.ds-about .ds-about-facts>div { padding:20px 0;gap:4px }
.ds-about .ds-about-facts>div+div { border-left:0;border-top:1px solid var(--ds-about-line) }
.ds-about .ds-about-facts strong { font-size:1.2rem }
.ds-about .ds-about-section { padding-block:58px }
.ds-about .ds-about-intro,
.ds-about .ds-about-showroom,
.ds-about .ds-about-expertise-grid,
.ds-about .ds-about-values { grid-template-columns:1fr;gap:30px }
.ds-about .ds-about-section-head { display:block;margin-bottom:30px }
.ds-about .ds-about-section-head>p { margin-top:20px;max-width:none }
.ds-about .ds-about-steps { grid-template-columns:1fr;gap:28px }
.ds-about .ds-about-steps article { padding-top:20px }
.ds-about .ds-about-step-number { margin-bottom:14px }
.ds-about .ds-about-steps h3 { max-width:none;margin-bottom:10px }
.ds-about .ds-about-expertise-grid>img { min-height:0;height:auto;aspect-ratio:1.6 }
.ds-about .ds-about-service-list>a:first-child { padding-top:10px }
.ds-about .ds-about-value-list { gap:30px 22px }
.ds-about .ds-about-contact { padding:30px 24px;display:block;margin-bottom:58px }
.ds-about .ds-about-contact h2 { font-size:2rem }
.ds-about .ds-about-contact-actions { margin-top:26px }
}
@media(max-width:380px) {
.ds-about .ds-about-value-list { grid-template-columns:1fr }
body.page:not(.home):not(.woocommerce-page) .ds-about .ds-about-hero h1 { font-size:2.6rem }
.ds-about .ds-about-button { padding-inline:16px;gap:15px }
}
@media(min-width:761px) {
.ds-about .ds-about-hero-copy { padding-block:14px }
}
.ds-about .ds-about-contact-actions > a:not(.ds-about-button) { min-height: 44px; display: inline-flex; align-items: center; }
.ds-about .ds-about-button { color: #fff; }
.ds-about .ds-about-expertise h2, .ds-about .ds-about-expertise h3 { color: #fff; }
.ds-about .ds-about-steps h3 { margin-bottom: 16px !important; }
.ds-about .ds-about-value-list h3 { margin-bottom: 12px !important; }
.ds-about .ds-about-hero h1 { line-height: 1.055 !important; }

.ds-about h1 span { color: var(--ds-about-blue); }
.ds-about .ds-about-button:hover { background: #a82c00; }
.ds-about .ds-about-service-list h3 { font-size: 1.25rem !important; }
.ds-about .ds-about-value-list h3 { font-size: 1.1875rem !important; }
@media (max-width: 760px) {
 .ds-about .ds-about-contact h2 { font-size: 2rem !important; }
 .ds-about .ds-about-hero h1 span br { display: none; }
}

/* EWWW wraps Media Library images in picture elements. Keep the original crop. */
.ds-about .ds-about-hero-image picture { display: block; position: absolute; inset: 0; }
.ds-about .ds-about-expertise-grid > picture { display: block; min-width: 0; }
.ds-about .ds-about-expertise-grid > picture img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; min-height: 420px; object-position: 42% center; }
@media (max-width: 760px) {
 .ds-about .ds-about-expertise-grid > picture img { min-height: 0; height: auto; aspect-ratio: 1.6; }
}
