.image-slot{background:#dfded6;border:1px solid #cbc9bf;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#65685c;min-width:0;isolation:isolate}
.image-slot[aria-label*="ABT-"]{background-position:center;background-repeat:no-repeat;background-size:cover;border:0}
.image-slot[aria-label*="ABT-"]>*{display:none}
.image-slot[aria-label*="ABT-"]:before,.image-slot[aria-label*="ABT-"]:after{content:none}
.image-slot[aria-label*="ABT-001"]{background-image:url("assets/about/ABT-001.webp?v=d1334a250999")}
.image-slot[aria-label*="ABT-002"]{background-image:url("assets/about/ABT-002.webp?v=8b533a178580")}
.image-slot[aria-label*="ABT-003"]{background-image:url("assets/about/ABT-003.webp?v=419bc4fe02da")}
.image-slot[aria-label*="ABT-004"]{background-image:url("assets/about/ABT-004.webp?v=b449b3dfc5a2")}
.image-slot:before,.image-slot:after{content:"";position:absolute;background:#c9c7bc;opacity:.8;pointer-events:none}
.image-slot:before{left:25px;right:25px;top:27px;height:1px}
.image-slot:after{top:27px;bottom:25px;right:25px;width:1px}
.slot-id{position:absolute;top:38px;left:26px;color:#515c3b;font-family:Manrope,sans-serif;font-size:12px;letter-spacing:.21em;font-weight:600}
.slot-core{display:grid;gap:12px;justify-items:center;padding:24px;max-width:100%}
.slot-cross{font-size:33px;font-weight:200;line-height:1;color:#8b8e81}
.slot-title{font-size:12px;font-weight:600;letter-spacing:.17em;text-align:center;line-height:1.5}
.slot-details{position:absolute;bottom:22px;left:26px;right:26px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;letter-spacing:.05em;line-height:1.5}

/* V1.15 About Deephouse */
.about-hero{display:grid;grid-template-columns:52% 48%;gap:0;align-items:center;padding-top:clamp(30px,4vw,66px);padding-bottom:clamp(30px,4vw,66px);border-bottom:1px solid var(--line)}.about-eyebrow{padding-right:clamp(24px,4vw,80px)}.about-eyebrow .chapter-label{margin-bottom:64px}.about-hero h1{font-size:clamp(43px,4.6vw,75px);line-height:1.15;letter-spacing:-.044em;word-spacing:.11em}.about-lead{font-size:16px;line-height:1.85;color:var(--muted);max-width:430px;margin-top:24px}.about-hero-image{aspect-ratio:3/4;max-height:720px}.about-statement{display:grid;grid-template-columns:12% 59% 29%;gap:0;align-items:start}.about-index{font-size:10px;color:var(--muted);letter-spacing:.13em;line-height:1.8}.about-index i{display:block;width:1px;height:90px;background:var(--line);margin-top:12px}.about-statement>p{font-size:15px;line-height:1.85;color:var(--muted);padding-left:30px;border-left:1px solid var(--line);margin-top:12px}.about-journey{background:#eeede8}.about-section-intro{margin-bottom:55px}.about-section-intro .display-heading{max-width:900px}.about-timeline{border-top:1px solid #c8c7bd}.about-timeline article{display:grid;grid-template-columns:30% 70%;gap:0;padding:36px 0;border-bottom:1px solid #c8c7bd;align-items:start}.about-year{font-family:Manrope,Arial,sans-serif;color:var(--olive);font-weight:300;font-size:clamp(39px,5vw,76px);letter-spacing:-.05em;line-height:1}.about-timeline h3{font-size:clamp(20px,2.5vw,34px);font-family:Manrope,sans-serif;font-weight:300;margin:0 0 13px;letter-spacing:-.04em}.about-timeline p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.75;max-width:530px}.about-timeline .eyebrow{margin:0 0 15px}.about-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.about-half{aspect-ratio:4/5}.about-block-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 0 14px}.about-block-title h3{font:300 clamp(30px,4vw,56px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:0}.about-block-title span{color:var(--olive);font-size:12px}.about-two-grid article>p{color:var(--muted);font-size:15px;line-height:1.7;max-width:390px;margin:20px 0 3px}.about-philosophy{background:#eeede8}.about-philosophy-grid{display:grid;grid-template-columns:45% 55%;align-items:center;gap:0}.about-philosophy-grid>div:first-child{padding-right:clamp(26px,5vw,80px)}.about-philosophy p:not(.eyebrow),.about-vision p{font-size:15px;color:var(--muted);line-height:1.85;max-width:480px;margin-top:24px}.about-wide{aspect-ratio:16/9}.about-vision-grid{display:grid;grid-template-columns:66% 34%;align-items:start}.about-vision-grid>div{padding-left:30px;border-left:1px solid var(--line)}.about-contact{background:#252720;color:var(--paper)}.about-contact-grid{display:grid;grid-template-columns:60% 40%;gap:20px;align-items:center}.about-contact .display-heading em{color:#b6bca1}.about-contact-grid>div:last-child{padding-left:30px}.about-contact-grid p:not(.eyebrow){font-size:15px;line-height:1.8;color:#d7d9ce;max-width:420px}.about-contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.about-contact-links .text-link{color:var(--paper)}
@media(max-width:760px){.about-hero{grid-template-columns:1fr;gap:36px}.about-eyebrow{padding-right:0}.about-eyebrow .chapter-label{margin-bottom:35px}.about-hero-image{max-height:none;aspect-ratio:4/5}.about-statement{grid-template-columns:40px 1fr}.about-statement>p{grid-column:2;border:0;padding:0;margin-top:28px}.about-journey .display-heading{font-size:clamp(37px,9vw,56px)}.about-timeline article{grid-template-columns:1fr;gap:20px}.about-two-grid{gap:14px}.about-philosophy-grid,.about-vision-grid,.about-contact-grid{grid-template-columns:1fr;gap:32px}.about-philosophy-grid>div:first-child{padding:0}.about-vision-grid>div,.about-contact-grid>div:last-child{border:0;padding:0}}
@media(max-width:480px){.about-two-grid{grid-template-columns:1fr;gap:65px}.about-hero h1{font-size:clamp(40px,9vw,54px)}}

/* V1.16 refinement — About-specific grid precision */
.primary-nav a[aria-current="page"]{color:var(--olive);font-weight:700}
.about-hero{grid-template-columns:minmax(0,52%) minmax(0,48%);column-gap:0;align-items:center;min-height:0;padding-top:clamp(55px,6vw,90px);padding-bottom:clamp(55px,6vw,90px)}
.about-eyebrow{padding-right:clamp(28px,5vw,80px);min-width:0}
.about-hero-image{width:100%;height:auto;aspect-ratio:3/4;max-height:none;min-width:0}
.about-hero .chapter-label{margin-bottom:clamp(36px,5vw,70px)}
.about-statement{grid-template-columns:minmax(75px,12%) minmax(0,57%) minmax(0,31%);align-items:start}
.about-statement .display-heading{min-width:0}
.about-statement>p{margin:0 0 0 24px;padding-left:22px;font-size:15px;line-height:1.8}
.about-timeline article{column-gap:clamp(24px,4vw,65px);grid-template-columns:minmax(150px,26%) minmax(0,1fr);padding:clamp(28px,3vw,44px) 0}
.about-timeline .about-year{display:block;line-height:1.2;letter-spacing:-.045em;padding-top:0}
.about-timeline .eyebrow{margin:0 0 16px;line-height:1.5}
.about-timeline h3{line-height:1.2}
.about-journey .about-section-intro{margin-bottom:clamp(42px,5vw,70px)}
.about-specialisations .about-two-grid{gap:26px}
.about-half{width:100%;aspect-ratio:4/5}
.about-wide{width:100%;aspect-ratio:16/9}
.about-vision-grid{grid-template-columns:minmax(0,66%) minmax(0,34%)}
.about-contact-grid{grid-template-columns:minmax(0,60%) minmax(0,40%);gap:0}
.about-contact-grid>div:last-child{padding-left:35px}
@media(max-width:760px){.about-hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px;gap:40px}.about-eyebrow{padding-right:0}.about-hero-image{aspect-ratio:4/5;max-width:100%}.about-statement{grid-template-columns:40px minmax(0,1fr)}.about-statement>p{grid-column:2;margin:25px 0 0;padding:0;border:0}.about-timeline article{grid-template-columns:1fr;gap:20px}.about-contact-grid,.about-vision-grid{grid-template-columns:1fr;gap:30px}.about-contact-grid>div:last-child{padding-left:0}.about-half{aspect-ratio:4/5}}
@media(max-width:480px){.about-two-grid{grid-template-columns:1fr;gap:58px}.about-statement{grid-template-columns:28px minmax(0,1fr)}}

/* V1.18 — Align About page with the established Concetto/Mobiletto visual system. */
.about-hero .chapter-label{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:.24em;color:var(--muted);font-weight:500;line-height:1.6;margin:0 0 75px}
.about-hero .chapter-rule{display:block;height:1px;background:var(--line);flex:1 1 auto;max-width:150px;min-width:25px}
.about-hero{padding-top:clamp(38px,4vw,66px);padding-bottom:clamp(38px,4vw,66px);align-items:center}
.about-hero-image{align-self:center;aspect-ratio:3/4}
.about-hero .eyebrow,.about-section-intro .eyebrow,.about-vision .eyebrow,.about-contact .eyebrow{font-size:10px;letter-spacing:.24em;line-height:1.6}
.about-lead,.about-statement>p,.about-timeline p:not(.eyebrow),.about-two-grid article>p,.about-philosophy p:not(.eyebrow),.about-vision p,.about-contact-grid p:not(.eyebrow){font-family:Inter,Arial,sans-serif}
@media(max-width:760px){.about-hero{padding-top:40px;padding-bottom:40px;gap:36px}.about-hero .chapter-label{margin-bottom:38px}.about-hero-image{aspect-ratio:4/5}}
@media(max-width:360px){.about-wide .slot-core{gap:4px}.about-wide .slot-cross{font-size:20px}.about-wide .slot-title{font-size:8px}.about-wide .slot-details{font-size:7px}}

/* Keep the paired dark-section CTAs aligned and their arrows legible. */
.about-contact-links .text-link{width:min(100%,270px);justify-content:space-between}
.about-contact-links .circle-arrow{color:var(--paper);border-color:#a5a79d;flex:none}

/* Responsive images replace the former eager CSS backgrounds. */
.image-slot[aria-label*="ABT-"]{background-image:none}.image-slot[aria-label*="ABT-"]>img.responsive-image{display:block}