/* Shared editorial service, contact and dealer concept. */
.content-page-about{scroll-behavior:smooth;scroll-padding-top:28px}:where(.content-page-about) .skip-service{position:absolute;left:16px;top:-80px;padding:12px;background:white;z-index:50}:where(.content-page-about) .skip-service:focus{top:8px}:where(.content-page-about) .service-shell{width:min(1460px,91.6%);margin-inline:auto}:where(.content-page-about) .service-hero{display:grid;grid-template-columns:44% 56%;min-height:max(610px,calc(100svh - 132px));background:#f3f3f3}:where(.content-page-about) .hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:65px 11% 65px 9.5%;background:white}:where(.content-page-about) .eyebrow{font-size:16px;font-weight:450;letter-spacing:0;line-height:1.5;margin-bottom:22px;color:#626262}:where(.content-page-about) .hero-copy h1{font-size:clamp(46px,5.2vw,80px);font-weight:650;line-height:1.04;letter-spacing:-.045em;margin-bottom:30px}:where(.content-page-about) .hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.75;color:#505050;max-width:410px}:where(.content-page-about) .service-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:56px;border:0;background:var(--accent);color:#102b25;font-size:16px;font-weight:550;padding:15px 21px}:where(.content-page-about) .service-primary span{font-size:24px;line-height:1;transition:transform 180ms}:where(.content-page-about) .service-primary:hover span{transform:translateX(4px)}:where(.content-page-about) .service-primary:hover{background:#36ccb0}:where(.content-page-about) .hero-copy .service-primary{margin-top:32px}:where(.content-page-about) .hero-phone{font-size:14px;color:#626262;margin-top:20px;line-height:1.6}:where(.content-page-about) .hero-image{position:relative;overflow:hidden;min-height:0}:where(.content-page-about) .hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 50%}:where(.content-page-about) .hero-image>span{position:absolute;bottom:25px;left:28px;right:28px;font-size:14px;color:white;text-shadow:0 1px 6px #0009}:where(.content-page-about) .service-jump{display:grid;grid-template-columns:repeat(3,1fr);padding-block:30px;gap:32px;border-bottom:1px solid var(--line)}:where(.content-page-about) .service-jump a{display:flex;align-items:center;gap:20px;font-size:16px;min-height:48px;font-weight:550}:where(.content-page-about) .service-jump a>span:first-child{font-size:13px;color:#777;font-weight:400}:where(.content-page-about) .service-jump a>span:last-child{margin-left:auto;color:#087461}:where(.content-page-about) .service-jump a:hover{color:#087461}:where(.content-page-about) .service-row{display:grid;grid-template-columns:.95fr 1.25fr .7fr;gap:clamp(28px,4vw,66px);padding-block:100px;align-items:start}:where(.content-page-about) .service-heading h2{font-size:clamp(30px,2.5vw,38px);line-height:1.17}:where(.content-page-about) .service-body>p{font-size:18px;line-height:1.8;color:#505050}:where(.content-page-about) .plain-list{padding:0;margin:25px 0;list-style:none}:where(.content-page-about) .plain-list li{font-size:16px;padding:12px 0;border-bottom:1px solid var(--line);line-height:1.6}:where(.content-page-about) .plain-list li:first-child{border-top:1px solid var(--line)}:where(.content-page-about) .service-body .direction-link{margin-top:2px}:where(.content-page-about) .direction-link .arrow-box{font-size:20px;transition:background 180ms}:where(.content-page-about) .service-tip{padding-left:25px;border-left:2px solid #dadada;margin-top:3px}:where(.content-page-about) .service-tip h3{font-size:16px;letter-spacing:0;font-weight:550;margin-bottom:14px}:where(.content-page-about) .service-tip p{font-size:16px;line-height:1.75;color:#626262}:where(.content-page-about) .service-dark{background:#181818;color:#fff;padding-block:85px}:where(.content-page-about) .repair-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}:where(.content-page-about) .service-dark .eyebrow{color:#aaa}:where(.content-page-about) .service-dark h2{font-size:clamp(32px,3vw,44px);line-height:1.16;margin-bottom:26px}:where(.content-page-about) .repair-layout>div>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#c8c8c8;max-width:540px}:where(.content-page-about) .service-dark .direction-link{margin-top:30px}:where(.content-page-about) .service-dark .arrow-box{border-color:#6c6c6c}:where(.content-page-about) .service-dark .direction-link:hover .arrow-box{color:#181818}:where(.content-page-about) .repair-list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:28px 34px}:where(.content-page-about) .repair-list>div{border-top:1px solid #555;padding-top:18px}:where(.content-page-about) .repair-list dt{font-size:20px;font-weight:550;margin-bottom:9px}:where(.content-page-about) .repair-list dd{font-size:16px;line-height:1.7;color:#bbb;margin:0}:where(.content-page-about) .repair-note{font-size:16px!important;margin-top:32px;line-height:1.75!important}:where(.content-page-about) .process-details{margin-top:30px;border-block:1px solid var(--line)}:where(.content-page-about) .process-details summary{display:flex;gap:20px;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding:18px 0;font-size:16px;font-weight:500}:where(.content-page-about) .process-details summary::-webkit-details-marker{display:none}:where(.content-page-about) .process-details summary>span{font-size:24px;font-weight:350}:where(.content-page-about) .process-details[open] summary>span{transform:rotate(45deg)}:where(.content-page-about) .process-details ol{padding-left:21px;margin:0 0 22px;color:#505050}:where(.content-page-about) .process-details li{font-size:16px;line-height:1.7;margin-top:12px}:where(.content-page-about) .personal-service{display:grid;grid-template-columns:260px 1fr;gap:70px;align-items:center;padding:48px 60px;background:#f3f3f3;margin-bottom:100px}:where(.content-page-about) .personal-service>img{width:260px;height:280px;object-fit:cover;filter:grayscale(1)}:where(.content-page-about) .personal-service h2{font-size:38px;line-height:1.18;margin-bottom:22px}:where(.content-page-about) .personal-service p:not(.eyebrow){font-size:18px;line-height:1.75;color:#505050;max-width:670px}:where(.content-page-about) .personal-links{display:flex;align-items:center;flex-wrap:wrap;gap:22px 42px;margin-top:24px}:where(.content-page-about) .personal-links>a:last-child{font-size:16px}:where(.content-page-about) .personal-links .direction-link{margin-top:0}:where(.content-page-about) .faq-surface{background:#f3f3f3;padding-block:85px}:where(.content-page-about) .faq-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:100px}:where(.content-page-about) .faq-layout h2{font-size:38px;margin-bottom:24px}:where(.content-page-about) .faq-layout>div>p:not(.eyebrow){font-size:18px;line-height:1.75;color:#626262;max-width:350px}:where(.content-page-about) .faq-item{border-bottom:1px solid #ccc}:where(.content-page-about) .faq-item:first-child{border-top:1px solid #ccc}:where(.content-page-about) .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:26px;list-style:none;padding:23px 0;cursor:pointer;font-size:18px;font-weight:550;line-height:1.55}:where(.content-page-about) .faq-item summary::-webkit-details-marker{display:none}:where(.content-page-about) .faq-item summary span{font-size:26px;font-weight:350;flex-shrink:0}:where(.content-page-about) .faq-item[open] summary span{transform:rotate(45deg)}:where(.content-page-about) .faq-item>p{font-size:18px;line-height:1.8;padding-bottom:25px;color:#505050}:where(.content-page-about) .dealer-reference{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-block:42px}:where(.content-page-about) .dealer-reference>p{font-size:16px;color:#626262}:where(.content-page-about) .dealer-reference .direction-link{margin:0}:where(.content-page-about) .service-footer{display:grid;grid-template-columns:1.3fr .7fr .9fr 1fr;gap:40px;align-items:start;padding:50px 4.2%;background:#111314;color:#fff;font-size:16px}:where(.content-page-about) .service-footer p{font-size:14px;color:#bbb;line-height:1.8;margin:0}:where(.content-page-about) .service-footer .logo+p{max-width:210px;margin-top:20px}:where(.content-page-about) .service-footer nav,:where(.content-page-about) .service-footer>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:13px}:where(.content-page-about) .service-footer a:not(.logo){font-size:14px}:where(.content-page-about) .service-footer a:hover{color:var(--accent)}
/* Contact: one form, chosen subject, no duplicate data entry. */
:where(.content-page-about) .contact-main,:where(.content-page-about) .dealer-main{padding-top:66px}:where(.content-page-about) .contact-intro{max-width:760px;margin-bottom:58px}:where(.content-page-about) .contact-intro h1{font-size:clamp(38px,4.7vw,66px);line-height:1.1;letter-spacing:-.045em;margin-bottom:26px}:where(.content-page-about) .contact-intro>p:not(.eyebrow){color:#626262;font-size:18px;line-height:1.8;max-width:650px}:where(.content-page-about) .contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;padding-bottom:85px;align-items:start}:where(.content-page-about) .contact-aside{border-top:1px solid var(--line);padding-top:26px}:where(.content-page-about) .contact-aside h2{font-size:22px;margin-bottom:24px}:where(.content-page-about) .contact-aside>a:not(.direction-link){display:block;font-size:18px;margin-bottom:10px;overflow-wrap:anywhere}:where(.content-page-about) .contact-aside>p{font-size:16px;color:#626262;line-height:1.8;margin-top:25px}:where(.content-page-about) .contact-aside .direction-link{margin-top:24px}:where(.content-page-about) .contact-aside .contact-help{font-size:16px;border-top:1px solid var(--line);padding-top:24px;margin-top:30px;max-width:340px}:where(.content-page-about) .service-form{min-width:0}:where(.content-page-about) .form-preview{font-size:13px;line-height:1.6;padding:13px 16px;background:#f3f3f3;margin-bottom:25px;color:#626262}:where(.content-page-about) .service-form label{display:block;font-size:16px;font-weight:500;margin:20px 0 9px}:where(.content-page-about) .service-form label span{font-size:14px;color:#626262;font-weight:400}:where(.content-page-about) .service-form input,:where(.content-page-about) .service-form select,:where(.content-page-about) .service-form textarea,:where(.content-page-about) .dealer-search input{width:100%;max-width:100%;min-width:0;background:#fff;border:1px solid #bdbdbd;border-radius:0;min-height:52px;padding:12px 14px;font:inherit;font-size:16px;color:#181818}:where(.content-page-about) .service-form textarea{resize:vertical;line-height:1.7;min-height:150px}:where(.content-page-about) .service-form input:focus,:where(.content-page-about) .service-form select:focus,:where(.content-page-about) .service-form textarea:focus,:where(.content-page-about) .dealer-search input:focus{outline:2px solid #07826e;outline-offset:2px}:where(.content-page-about) .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}:where(.content-page-about) .field-hint{font-size:14px;line-height:1.7;color:#626262;margin-top:10px}:where(.content-page-about) .form-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:24px}:where(.content-page-about) .form-bottom>span{font-size:14px;color:#626262}:where(.content-page-about) .form-bottom button{min-width:240px}:where(.content-page-about) #request-review{border:1px solid #bdbdbd;padding:25px;margin-top:30px;scroll-margin-top:25px}:where(.content-page-about) #request-review h2{font-size:24px;margin-bottom:24px}:where(.content-page-about) #request-summary{margin:0}:where(.content-page-about) #request-summary>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:13px 0;border-top:1px solid #dedede;font-size:16px}:where(.content-page-about) #request-summary dt{color:#626262}:where(.content-page-about) #request-summary dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}:where(.content-page-about) #request-review>p{font-size:14px;line-height:1.7;color:#626262;margin-top:20px}:where(.content-page-about) .dealer-search{display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:10px 32px;align-items:center;padding-bottom:35px}:where(.content-page-about) .dealer-search label{grid-column:1/-1;font-size:16px}:where(.content-page-about) .dealer-search p{justify-self:end;font-size:16px;color:#626262}:where(.content-page-about) .dealer-entry{display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:40px;padding-block:38px;border-top:1px solid var(--line)}:where(.content-page-about) .dealer-entry .eyebrow{font-size:14px;margin-bottom:12px}:where(.content-page-about) .dealer-entry h2{font-size:24px;line-height:1.35}:where(.content-page-about) .dealer-entry>p{font-size:16px;line-height:1.8;color:#626262}:where(.content-page-about) .dealer-entry>div:last-child{display:flex;align-items:flex-start;flex-direction:column;gap:9px}:where(.content-page-about) .dealer-entry a{font-size:16px;overflow-wrap:anywhere}:where(.content-page-about) .dealer-entry .direction-link{margin-top:6px}:where(.content-page-about) #dealer-empty{font-size:18px;padding:30px 0}:where(.content-page-about) .dealer-main .dealer-reference{border-top:1px solid var(--line);margin-top:30px}:where(.content-page-about) .cart-empty .primary{margin-top:24px}
@media(max-width:1023px){:where(.content-page-about) .hero-copy{padding:45px 9.5%}:where(.content-page-about) .hero-copy h1{font-size:54px}:where(.content-page-about) .hero-copy .service-primary{gap:16px;padding-inline:16px;font-size:15px}:where(.content-page-about) .service-row{grid-template-columns:.9fr 1.2fr;gap:35px}:where(.content-page-about) .service-tip{grid-column:2;margin-top:-6px}:where(.content-page-about) .repair-layout{gap:50px}:where(.content-page-about) .faq-layout{gap:50px}:where(.content-page-about) .service-footer{grid-template-columns:1fr 1fr;gap:35px}:where(.content-page-about) .contact-layout{gap:50px}:where(.content-page-about) .personal-service{padding:40px;gap:40px}:where(.content-page-about) .service-jump{gap:20px}:where(.content-page-about) .service-jump a{gap:12px}:where(.content-page-about) .dealer-entry{gap:25px}:where(.content-page-about) .contact-aside>a:not(.direction-link){font-size:16px}}
@media(max-width:767px){:where(.content-page-about) .service-shell{width:calc(100% - 40px)}:where(.content-page-about) .service-hero{grid-template-columns:1fr;min-height:0}:where(.content-page-about) .hero-copy{padding:45px 20px 38px}:where(.content-page-about) .hero-copy h1{font-size:48px;line-height:1.07;margin-bottom:23px}:where(.content-page-about) .hero-copy .eyebrow{margin-bottom:19px}:where(.content-page-about) .hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:500px}:where(.content-page-about) .hero-copy .service-primary{font-size:16px;margin-top:26px;gap:30px}:where(.content-page-about) .hero-phone{margin-top:15px}:where(.content-page-about) .hero-image{height:350px}:where(.content-page-about) .hero-image img{object-position:center}:where(.content-page-about) .hero-image>span{left:20px;bottom:18px;font-size:13px}:where(.content-page-about) .service-jump{display:flex;flex-direction:column;gap:0;padding-block:12px}:where(.content-page-about) .service-jump a{padding:15px 0;font-size:16px;min-height:58px}:where(.content-page-about) .service-jump a+a{border-top:1px solid #e5e5e5}:where(.content-page-about) .service-jump a>span:first-child{margin-right:10px}:where(.content-page-about) .service-row{grid-template-columns:1fr;gap:26px;padding-block:50px}:where(.content-page-about) .service-heading h2{font-size:32px;line-height:1.18}:where(.content-page-about) .service-heading .eyebrow{margin-bottom:17px}:where(.content-page-about) .service-tip{grid-column:1;margin-top:0;padding-left:20px}:where(.content-page-about) .service-body>p{line-height:1.75}:where(.content-page-about) .plain-list{margin-block:20px}:where(.content-page-about) .service-dark{padding-block:48px}:where(.content-page-about) .repair-layout{grid-template-columns:1fr;gap:36px}:where(.content-page-about) .service-dark h2{font-size:32px;line-height:1.18}:where(.content-page-about) .repair-list{gap:22px}:where(.content-page-about) .repair-list dt{font-size:18px}:where(.content-page-about) .repair-list dd{font-size:16px}:where(.content-page-about) .service-dark .direction-link{font-size:16px;gap:12px}:where(.content-page-about) .repair-note{margin-top:25px}:where(.content-page-about) .personal-service{grid-template-columns:1fr;padding:28px;gap:25px;margin-bottom:50px}:where(.content-page-about) .personal-service img{width:120px;height:130px}:where(.content-page-about) .personal-service h2{font-size:30px}:where(.content-page-about) .personal-service h2 br{display:none}:where(.content-page-about) .personal-service .eyebrow{margin-bottom:17px}:where(.content-page-about) .personal-links{gap:20px;margin-top:22px;align-items:flex-start;flex-direction:column}:where(.content-page-about) .faq-surface{padding-block:48px}:where(.content-page-about) .faq-layout{grid-template-columns:1fr;gap:30px}:where(.content-page-about) .faq-layout h2{font-size:32px;margin-bottom:18px}:where(.content-page-about) .faq-layout>div>p:not(.eyebrow){max-width:none}:where(.content-page-about) .faq-layout .eyebrow{margin-bottom:17px}:where(.content-page-about) .faq-item summary{font-size:18px;padding:20px 0;gap:20px}:where(.content-page-about) .faq-item p{font-size:18px;line-height:1.7}:where(.content-page-about) .dealer-reference{flex-direction:column;align-items:flex-start;gap:14px;padding-block:30px}:where(.content-page-about) .service-footer{padding:35px 20px;gap:32px 24px;grid-template-columns:1fr 1fr}:where(.content-page-about) .service-footer nav{gap:15px}:where(.content-page-about) .service-footer>div:last-child{grid-column:1/-1}:where(.content-page-about) .review-bar{font-size:12px;padding-inline:20px;gap:16px}:where(.content-page-about) .review-bar>span:last-child{font-size:11px;text-align:right}:where(.content-page-about) .contact-main,:where(.content-page-about) .dealer-main{padding-top:36px}:where(.content-page-about) .contact-intro h1{font-size:40px;line-height:1.15;margin-bottom:22px}:where(.content-page-about) .contact-intro{margin-bottom:36px}:where(.content-page-about) .contact-layout{display:flex;flex-direction:column;gap:40px;padding-bottom:45px}:where(.content-page-about) .service-form{order:-1;width:100%}:where(.content-page-about) .contact-aside{width:100%}:where(.content-page-about) .contact-aside .contact-help{max-width:none}:where(.content-page-about) .form-grid{gap:0 20px}:where(.content-page-about) .form-bottom{align-items:stretch;flex-direction:column;gap:16px}:where(.content-page-about) .form-bottom button{width:100%;min-width:0}:where(.content-page-about) .form-preview{margin-bottom:24px}:where(.content-page-about) #request-review{padding:20px}:where(.content-page-about) #request-summary>div{grid-template-columns:1fr;gap:6px}:where(.content-page-about) .dealer-search{grid-template-columns:1fr;gap:10px}:where(.content-page-about) .dealer-search p{justify-self:start;font-size:14px;margin-top:5px}:where(.content-page-about) .dealer-entry{grid-template-columns:1fr;gap:20px;padding-block:28px}:where(.content-page-about) .dealer-entry h2{font-size:24px}:where(.content-page-about) .dealer-entry .eyebrow{margin-bottom:8px}:where(.content-page-about) .service-footer p{font-size:14px}:where(.content-page-about) .service-footer .logo img{width:110px}}
@media(max-width:767px){:where(.content-page-about) .form-grid{grid-template-columns:1fr}:where(.content-page-about) .hero-image{height:290px}:where(.content-page-about) .repair-list{grid-template-columns:1fr}:where(.content-page-about) .repair-list>div{padding-top:15px}:where(.content-page-about) .repair-list dt{margin-bottom:5px}:where(.content-page-about) .service-primary{gap:18px}:where(.content-page-about) .service-footer{grid-template-columns:1fr 1fr}:where(.content-page-about) .service-footer a:not(.logo){font-size:14px}}
@media(max-width:359px){:where(.content-page-about) .service-shell{width:calc(100% - 32px)}:where(.content-page-about) .hero-copy{padding-inline:16px}:where(.content-page-about) .hero-copy h1{font-size:44px}:where(.content-page-about) .hero-copy .service-primary{gap:20px;padding-inline:16px;font-size:15px}:where(.content-page-about) .service-footer{padding-inline:16px}:where(.content-page-about) .service-footer>div:first-child{grid-column:1/-1}:where(.content-page-about) .service-footer nav{grid-column:1}:where(.content-page-about) .service-footer>div:last-child{grid-column:1/-1}:where(.content-page-about) .personal-service{padding:25px}:where(.content-page-about) .contact-intro h1{font-size:36px}:where(.content-page-about) .service-heading h2,:where(.content-page-about) .service-dark h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.content-page-about{scroll-behavior:auto}:where(.content-page-about) .service-primary:hover span{transform:none}}

/* Service uses the accepted homepage type, spacing and button language. */
.content-page-about .site-header{position:absolute;inset:0 0 auto;z-index:5}
.content-page-about .service-shell{width:min(1440px,91.6%)}
:where(.content-page-about) .service-cinema{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;background:#333;color:#fff;overflow:hidden;padding:150px 4.2% 72px}
:where(.content-page-about) .cinema-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 62%}
:where(.content-page-about) .cinema-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 75%),linear-gradient(90deg,rgba(0,0,0,.35),transparent 70%)}
:where(.content-page-about) .cinema-copy{width:100%;max-width:600px;text-align:left}
:where(.content-page-about) .cinema-copy>p:first-child{font-size:16px;line-height:1.5;font-weight:500;margin:0 0 25px;color:#eee}
:where(.content-page-about) .cinema-copy h1{font-size:clamp(42px,3.8vw,58px);font-weight:650;letter-spacing:-.05em;line-height:1.12;margin:0 0 27px;text-wrap:balance}
:where(.content-page-about) .cinema-copy .cinema-description{font-size:18px;line-height:1.7;max-width:400px;color:#eee;margin:0 0 32px}
:where(.content-page-about) .cinema-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 26px}
.content-page-about .primary{display:inline-flex;justify-content:center;align-items:center;background:var(--accent);color:#0b2923;font-size:16px;font-weight:600;line-height:1.4;min-height:52px;padding:0 29px;border:0;transition:background .15s}
.content-page-about .primary:hover{background:#38ceb0}
.content-page-about .direction-link{display:inline-flex;align-items:center;gap:12px;border:0;padding:6px 0;min-height:48px;font-size:16px;font-weight:550;text-decoration:none;width:fit-content}
.content-page-about .arrow-box{display:inline-grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #99aaa4;background:transparent;transition:background-color 220ms ease,border-color 220ms ease}
.content-page-about .arrow-box svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform 220ms cubic-bezier(.2,.65,.3,1)}
.content-page-about .direction-link:hover .arrow-box,.content-page-about .direction-link:focus-visible .arrow-box{background:var(--accent);border-color:var(--accent);color:#101010;transform:none}
.content-page-about .direction-link:hover .arrow-box svg,.content-page-about .direction-link:focus-visible .arrow-box svg{transform:translateX(3px)}
:where(.content-page-about) .cinema-actions .direction-link{color:#fff;margin:0}
:where(.content-page-about) .cinema-actions .arrow-box{border-color:#bbb}

/* Open content, using the homepage's category and personal-advice layouts. */
:where(.content-page-about) .clear-services,:where(.content-page-about) .advice-section,:where(.content-page-about) .clear-faq{padding-block:104px}
:where(.content-page-about) .clear-services{scroll-margin-top:28px}
:where(.content-page-about) .service-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px}
:where(.content-page-about) .service-column{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
:where(.content-page-about) .service-symbol{margin-bottom:24px}:where(.content-page-about) .service-symbol svg{width:32px;height:32px;stroke-width:1.5}
:where(.content-page-about) .service-column h2{font-size:24px;font-weight:650;line-height:1.3;letter-spacing:-.025em;margin:0 0 22px}
:where(.content-page-about) .service-column p{font-size:18px;line-height:1.75;color:#505050;margin:0 0 22px}
:where(.content-page-about) .service-column .direction-link{margin-top:auto}
:where(.content-page-about) .personal-advice{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100vh;min-height:100svh;background:#181818;color:#fff;overflow:hidden}
:where(.content-page-about) .advice-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:60% center}
:where(.content-page-about) .advice-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.66)),linear-gradient(0deg,rgba(0,0,0,.18),transparent 75%)}
:where(.content-page-about) .advice-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(64px,8vw,128px);align-items:center}
:where(.content-page-about) .advice-panel{max-width:540px}
:where(.content-page-about) .advice-heading{margin-bottom:30px}
:where(.content-page-about) .advice-heading .eyebrow{font-size:18px;font-weight:550;line-height:1.5;color:var(--accent);margin:0 0 18px}
:where(.content-page-about) .advice-heading h2,:where(.content-page-about) .section-heading h2{font-size:clamp(34px,3.2vw,46px);font-weight:650;line-height:1.16;letter-spacing:-.04em;margin:0;text-wrap:balance}
:where(.content-page-about) .advice-copy>p{font-size:18px;line-height:1.75;color:#eee;margin:0 0 30px;max-width:450px}
:where(.content-page-about) .advice-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
:where(.content-page-about) .advice-contact{display:flex;flex-direction:column;align-items:flex-start;gap:40px;margin:0}
:where(.content-page-about) .advice-contact a{display:inline-flex;align-items:center;font-size:18px;line-height:1.75;min-height:44px;font-weight:400}
:where(.content-page-about) .advice-contact p{font-size:18px;line-height:1.75;color:#eee;margin:0}
:where(.content-page-about) .advice-contact a:hover{color:var(--accent)}
:where(.content-page-about) .section-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:46px;text-align:left}
:where(.content-page-about) .section-heading>p{font-size:18px;line-height:1.7;color:#505050;max-width:470px}
:where(.content-page-about) .clear-faq-list{width:100%}:where(.content-page-about) .clear-faq .faq-item summary{font-size:18px;font-weight:550;padding-block:23px}:where(.content-page-about) .clear-faq .faq-item>p{font-size:18px;line-height:1.75}
@media(max-width:1023px){
 :where(.content-page-about) .clear-services,:where(.content-page-about) .advice-section,:where(.content-page-about) .clear-faq{padding-block:76px}
 :where(.content-page-about) .service-columns{gap:32px}
 :where(.content-page-about) .section-heading{align-items:start;flex-direction:column;gap:24px}
}
@media(max-width:1023px){:where(.content-page-about) .advice-layout{grid-template-columns:1fr;gap:40px}:where(.content-page-about) .advice-contact{gap:24px}:where(.content-page-about) .advice-panel{max-width:600px}}
@media(max-width:767px){
 .content-page-about .service-shell{width:calc(100% - 48px)}
 :where(.content-page-about) .service-cinema{padding:130px 24px 48px}
 :where(.content-page-about) .cinema-copy{max-width:430px}
 :where(.content-page-about) .cinema-copy h1{font-size:42px;line-height:1.12;margin:0 0 22px}
 :where(.content-page-about) .cinema-copy>p:first-child{font-size:16px;margin-bottom:16px}
 :where(.content-page-about) .cinema-copy .cinema-description{font-size:18px;line-height:1.65;margin:0 0 24px;max-width:345px}
 :where(.content-page-about) .cinema-image{object-position:58% center}
 :where(.content-page-about) .cinema-actions{gap:12px 18px}.content-page-about .primary{padding-inline:24px}
 :where(.content-page-about) .cinema-actions .direction-link{gap:9px}:where(.content-page-about) .cinema-actions .arrow-box{width:30px;height:30px;flex-basis:30px}
 :where(.content-page-about) .clear-services,:where(.content-page-about) .advice-section,:where(.content-page-about) .clear-faq{padding-block:64px}
 :where(.content-page-about) .service-columns{grid-template-columns:1fr;gap:56px}:where(.content-page-about) .service-column p{max-width:600px}
 :where(.content-page-about) .service-column .direction-link{margin-top:0}
 :where(.content-page-about) .section-heading{gap:22px;margin-bottom:34px}
 :where(.content-page-about) .section-heading h2,:where(.content-page-about) .advice-heading h2{font-size:34px;line-height:1.2}
 :where(.content-page-about) .advice-heading{margin-bottom:32px}:where(.content-page-about) .advice-heading .eyebrow{margin-bottom:14px}
 :where(.content-page-about) .advice-image{object-position:62% center}
 :where(.content-page-about) .advice-shade{background:rgba(0,0,0,.72)}
 :where(.content-page-about) .advice-copy>p{max-width:none}
}
@media(max-width:359px){.content-page-about .service-shell{width:calc(100% - 40px)}:where(.content-page-about) .service-cinema{padding-inline:20px;padding-bottom:32px}:where(.content-page-about) .cinema-copy h1{font-size:36px}:where(.content-page-about) .cinema-actions{gap:10px 16px}.content-page-about .primary{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.content-page-about .arrow-box,.content-page-about .arrow-box svg{transition:none!important;transform:none!important}}

/* About VMAX follows the accepted homepage/service grid, type and interactions. */
.content-page-about .about-hero .cinema-image { object-position:58% center; }
.content-page-about .about-hero .cinema-shade {
 background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.28) 58%,rgba(0,0,0,.12)),linear-gradient(90deg,rgba(0,0,0,.3),transparent 80%);
}
.content-page-about .cinema-description { max-width:470px; }
:where(.content-page-about) .about-intro,:where(.content-page-about) .about-contact { padding-block:112px; }
:where(.content-page-about) .about-editorial { display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,7vw,112px);align-items:start; }
.content-page-about :is(.about-intro,.about-founder,.about-values,.about-contact) h2 {
 font-size:clamp(34px,3.2vw,46px);line-height:1.16;font-weight:650;letter-spacing:-.04em;text-wrap:balance;
}
.content-page-about .eyebrow { font-size:16px;line-height:1.5;font-weight:500;margin:0 0 20px; }
:where(.content-page-about) .about-copy { max-width:680px; }
:where(.content-page-about) .about-copy p,:where(.content-page-about) .about-contact p { font-size:18px;line-height:1.75;color:#505050; }
:where(.content-page-about) .about-copy p + p { margin-top:22px; }
:where(.content-page-about) .about-copy .direction-link { margin-top:28px; }
:where(.content-page-about) .about-tools { margin:64px 0 0; }
:where(.content-page-about) .about-tools img { width:100%;height:auto;max-height:620px;object-fit:cover;object-position:center 56%;background:#f3f3f3; }
:where(.content-page-about) .about-tools figcaption { font-size:16px;line-height:1.6;color:#626262;margin-top:16px; }
:where(.content-page-about) .about-founder { background:#f3f3f3;padding-block:112px; }
:where(.content-page-about) .founder-layout { display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(64px,8vw,128px);align-items:start; }
:where(.content-page-about) .founder-portrait { max-width:460px; }
:where(.content-page-about) .founder-portrait>img { width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:30% center; }
:where(.content-page-about) .founder-contact { display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:22px; }
:where(.content-page-about) .founder-contact a,:where(.content-page-about) .about-contact-details a { font-size:18px;line-height:1.75;min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere; }
:where(.content-page-about) .founder-contact a:hover,:where(.content-page-about) .about-contact-details a:hover { color:#087461; }
:where(.content-page-about) .founder-heading { margin-bottom:32px; }
:where(.content-page-about) .about-values { padding-block:112px;background:#111314;color:#fff; }
:where(.content-page-about) .about-values .eyebrow { color:var(--accent); }
:where(.content-page-about) .values-intro { max-width:410px;margin-top:28px;color:#ccc;font-size:18px;line-height:1.75; }
:where(.content-page-about) .values-list article { padding:28px 0;border-bottom:1px solid #3a3a3a; }
:where(.content-page-about) .values-list article:first-child { padding-top:0; }
:where(.content-page-about) .values-list article:last-child { padding-bottom:0;border:0; }
:where(.content-page-about) .values-list h3 { font-size:24px;font-weight:650;line-height:1.3;margin-bottom:12px; }
:where(.content-page-about) .values-list p { font-size:18px;line-height:1.75;color:#ccc;max-width:580px; }
:where(.content-page-about) .about-contact { display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,7vw,112px);align-items:center; }
:where(.content-page-about) .about-contact h2 { margin-bottom:24px; }
:where(.content-page-about) .about-contact>div>p:not(.eyebrow) { max-width:480px; }
:where(.content-page-about) .about-contact .primary { margin-top:30px; }
:where(.content-page-about) .about-contact-details { display:flex;flex-direction:column;gap:28px; }
:where(.content-page-about) .about-contact-details p { margin:0; }
@media(max-width:1023px) {
 :where(.content-page-about) .about-intro,:where(.content-page-about) .about-founder,:where(.content-page-about) .about-values,:where(.content-page-about) .about-contact { padding-block:80px; }
 :where(.content-page-about) .about-editorial,:where(.content-page-about) .about-contact { gap:40px; }
 :where(.content-page-about) .founder-layout { grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:40px; }
 :where(.content-page-about) .founder-contact a { font-size:16px; }
 :where(.content-page-about) .about-tools img { max-height:480px; }
}
@media(max-width:767px) {
 :where(.content-page-about) .about-intro,:where(.content-page-about) .about-founder,:where(.content-page-about) .about-values,:where(.content-page-about) .about-contact { padding-block:64px; }
 :where(.content-page-about) .about-editorial,:where(.content-page-about) .founder-layout,:where(.content-page-about) .about-contact { grid-template-columns:1fr;gap:32px; }
 .content-page-about .about-hero .cinema-image { object-position:55% center; }
 :where(.content-page-about) .about-tools { margin-top:40px; }
 :where(.content-page-about) .about-tools img { aspect-ratio:4/3;max-height:none;object-fit:cover; }
 :where(.content-page-about) .founder-portrait { max-width:460px; }
 :where(.content-page-about) .founder-portrait>img { aspect-ratio:1; }
 :where(.content-page-about) .founder-contact { margin-top:18px; }
 :where(.content-page-about) .founder-contact a { font-size:18px; }
 :where(.content-page-about) .founder-heading { margin-bottom:26px; }
 :where(.content-page-about) .about-copy p + p { margin-top:20px; }
 :where(.content-page-about) .values-intro { margin-top:22px; }
 :where(.content-page-about) .about-contact-details { gap:20px; }
}
@media(max-height:600px) and (min-width:768px) {
 :where(.content-page-about) .about-hero { padding-top:calc(var(--site-header-height) + 24px);padding-bottom:28px; }
 :where(.content-page-about) .about-hero .cinema-copy>p:first-child { margin-bottom:12px; }
 :where(.content-page-about) .about-hero .cinema-copy h1 { font-size:38px;margin-bottom:16px; }
 :where(.content-page-about) .about-hero .cinema-description { margin-bottom:18px; }
}

/* Keep Pietro beside the biography; the grid contains the sticky movement. */
@media(min-width:768px) and (min-height:650px) {
 :where(.content-page-about) .founder-portrait {
  position:sticky;
  top:calc(var(--site-header-height) + 24px);
  align-self:start;
  /* Preserve the portrait ratio and leave room for both contact links. */
  max-width:min(460px,calc((100svh - var(--site-header-height) - 162px) * .8));
 }
}

/* Keep the introduction beside the values, within the dark section. */
@media(min-width:768px) and (min-height:650px) {
 :where(.content-page-about) .about-values .about-editorial > div:first-child {
  position:sticky;
  top:calc(var(--site-header-height) + 24px);
  align-self:start;
 }
}