.about-page{--about-sand:#d5bd87;--about-dark:#0c303d;--about-paper:#edf3f3}
.about-main .eyebrow{color:#087f91;font-size:11px;letter-spacing:.18em;margin-bottom:20px}
.about-main figure{margin:0}.about-main figcaption{font-size:12px;line-height:1.6;color:#546c75;margin-top:12px}
.about-hero{background:var(--about-dark);color:white;padding:34px 0 60px}
.about-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}
.about-breadcrumb{font-size:12px;color:#b8cbd0;margin-bottom:44px}.about-breadcrumb a:hover{text-decoration:underline}
.about-main .about-hero .eyebrow{color:var(--about-sand)}
.about-page .about-main h1{font-size:clamp(38px,4.5vw,65px);line-height:1.07;letter-spacing:-.04em;font-weight:600;color:white}
.about-hero-copy>p{font-size:18px;max-width:510px;margin-top:26px;color:#d9e6e9}
.about-signature{margin:26px 0 30px;display:grid;gap:3px;font-size:14px}.about-signature span{font-size:12px;color:#a9c4cb}
.about-portrait img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:3px}
.about-main .about-portrait figcaption{color:#bcd0d5;border-top:1px solid #49616b;padding-top:12px}
.about-facts{display:grid;grid-template-columns:repeat(3,1fr);padding:32px 0;border-bottom:1px solid #ccdadc;gap:28px}
.about-facts>div{padding-left:26px;border-left:2px solid var(--about-sand);display:grid;gap:5px}.about-facts strong{font-size:18px;color:#0c303d}.about-facts span{font-size:13px;color:#546c75}
.about-section{padding-top:90px;padding-bottom:90px}
.about-main h2{font-size:clamp(29px,3.1vw,43px)!important;line-height:1.17!important;color:#087e90;font-weight:400!important;letter-spacing:-.025em!important}
.about-main p{color:#546c75;font-size:16px}.about-main .about-hero-copy>p{color:#d9e6e9}.about-main p+p{margin-top:18px}
.about-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:85px}
.about-main .about-emphasis{color:#123b48;border-left:2px solid var(--about-sand);padding-left:20px;margin-top:28px;font-weight:600}
.about-workshop{background:var(--about-paper);padding:64px 0}
.about-split{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}
.about-split img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.about-link{color:#007b8d;font-size:14px;font-weight:600;display:inline-block;margin-top:24px}
.about-section-head{max-width:660px;margin-bottom:46px}
.about-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.about-timeline li{padding:26px 24px 0 0;border-top:2px solid #d5bd87;position:relative}
.about-timeline li:before{content:'';position:absolute;top:-6px;left:0;width:10px;height:10px;border-radius:50%;background:#008398}
.about-timeline li>span{display:block;font-size:28px;color:#087e90;margin-bottom:16px}
.about-main .about-timeline h3{font-size:18px;font-weight:600;margin-bottom:12px}.about-timeline p{font-size:14px}
.about-location{background:var(--about-paper);padding:70px 0}
.about-location-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:35px}
.about-location-photo img{width:100%;height:auto;max-height:520px;object-fit:cover;object-position:center 55%}
.about-location-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:100px;margin-top:35px}
.about-location-bottom h3{margin-bottom:14px}.about-location-bottom address{font-style:normal;border-left:2px solid #d5bd87;padding-left:30px;color:#123b48;line-height:1.8}
.about-location-bottom address span{display:block;font-size:13px;margin-top:10px}.about-location-bottom address a{display:block;margin-top:12px}
.about-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}
.about-service-grid article{border-top:1px solid #bbd0d5;padding-top:20px}.about-number{font-size:12px;color:#008398;display:block;margin-bottom:20px}.about-service-grid h3{margin-bottom:18px}.about-service-grid p{font-size:15px}
.about-contact{background:#0c303d;padding:70px 0;color:white;border-top:3px solid #d5bd87}.about-main .about-contact .eyebrow{color:#d5bd87}.about-main .about-contact h2{color:white}.about-main .about-contact p{color:#c9dce1;max-width:580px}
.about-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.about-phone{color:#b0e8ee;font-size:23px}.about-contact-name{display:block;margin-top:24px;font-size:12px;color:#b8cdd3}
@media(max-width:900px){.about-hero-grid{gap:30px}.about-intro,.about-split,.about-location-heading,.about-location-bottom{gap:35px}.about-timeline{grid-template-columns:repeat(2,1fr);row-gap:35px}.about-service-grid{gap:22px}}
@media(max-width:600px){.about-page .wrap{width:calc(100% - 40px)}.about-hero{padding:24px 0 30px}.about-hero-grid{grid-template-columns:1fr;gap:34px}.about-breadcrumb{margin-bottom:30px}.about-hero-copy>p{font-size:16px}.about-portrait{max-width:430px}.about-facts{grid-template-columns:1fr;padding:28px 0;gap:24px}.about-facts>div{padding-left:18px}.about-section{padding-top:50px;padding-bottom:50px}.about-intro,.about-split,.about-location-heading,.about-location-bottom,.about-service-grid{grid-template-columns:1fr;gap:28px}.about-workshop,.about-location,.about-contact{padding:45px 0}.about-main h2{font-size:30px!important}.about-timeline{grid-template-columns:1fr;gap:0}.about-timeline li{border-top:0;border-left:1px solid #d5bd87;padding:0 0 30px 24px}.about-timeline li:before{top:10px;left:-5px}.about-timeline li>span{margin-bottom:7px}.about-location-bottom address{padding-left:20px}.about-actions{align-items:flex-start;flex-direction:column;gap:18px}.about-service-grid{margin-top:28px}.about-contact{padding-bottom:60px}}

/* Personal panoramic image with unobstructed branding. */
.about-hero { padding-top: 0; padding-bottom: 50px; }
.about-hero-panorama { display: block; width: 100%; background: #0c303d; padding-top: 0; }
.about-hero-panorama img { display: block; width: 100%; height: auto; max-height: none; object-fit: cover; object-position: center top; }
.about-hero-grid { display: block; padding-top: 38px; }
.about-hero-copy { display: grid; grid-template-columns: 1.1fr 1fr; column-gap: 80px; align-items: start; }
.about-breadcrumb { grid-column: 1 / -1; margin-bottom: 24px; }
.about-hero-copy > .eyebrow { grid-column: 1; }
.about-hero-copy h1 { grid-column: 1; grid-row: 3 / 6; }
.about-hero-copy > p { grid-column: 2; grid-row: 2 / 4; margin-top: 0; }
.about-signature { grid-column: 2; margin: 20px 0; }
.about-hero-copy > .button { grid-column: 2; justify-self: start; }
@media(max-width:600px) {
 .about-hero { padding-bottom: 34px; }
 .about-hero-panorama img { max-height: none; }
 .about-hero-grid { padding-top: 24px; }
 .about-hero-copy { display: block; }
 .about-hero-copy > p { margin-top: 22px; }
 .about-signature { margin: 22px 0; }
}

/* Keep the enlarged portrait clear of the mobile header. */
@media(max-width:600px) {
 .about-hero-landscape { height: 76px; }
}

/* Only the generated scenery is shown; the portrait remains the original image. */
.about-hero-landscape { position: relative; height: 90px; overflow: hidden; }
.about-hero-landscape img { position: absolute; width: 100%; max-width: none; height: auto; left: 0; top: calc(100% - 21vw); }
@media(max-width:600px) { .about-hero-landscape { height: 76px; } }

/* Blend only the scenery at the join, above the portrait. */
.about-hero { --landscape-join: 12px; }
.about-hero-landscape { height: calc(90px + var(--landscape-join)); margin-bottom: calc(-1 * var(--landscape-join)); }
.about-hero-landscape img { top: calc(100% - 21vw - var(--landscape-join)); }
.about-hero-panorama img { mask-image: linear-gradient(to bottom, transparent, #000 var(--landscape-join)); }
@media(max-width:600px) {
 .about-hero { --landscape-join: 3px; }
 .about-hero-landscape { height: calc(76px + var(--landscape-join)); }
}

.about-hero-copy h1 .about-heading-gold { color: var(--about-sand); }

/* Compact family archive with uniform, uncropped image frames. */
.about-history-gallery {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 22px;
 margin-top: 36px;
 align-items: start;
}
.about-history-gallery .about-history-photo { margin: 0; min-width: 0; }
.about-history-photo img {
 display: block;
 width: 100%;
 height: auto;
 aspect-ratio: 3 / 2;
 object-fit: contain;
 background: #f7f6f1;
 border: 1px solid #d2dcd9;
 padding: 7px;
 box-sizing: border-box;
}
.about-history-photo figcaption { margin-top: 13px; font-size: 12px; line-height: 1.65; }
.about-history-photo figcaption strong { display: block; color: #123b48; font-size: 14px; font-weight: 600; }
.about-history-photo figcaption span { display: block; margin-top: 5px; }
@media(max-width:900px) {
 .about-history-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 20px; }
}
@media(max-width:480px) {
 .about-history-gallery { grid-template-columns: 1fr; max-width: 290px; margin-left: auto; margin-right: auto; gap: 28px; }
}

.about-main .about-history-heading.eyebrow { margin: 34px 0 14px; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.about-history-heading + .about-history-gallery { margin-top: 0; }

/* Keep the arrival arrow inline despite the address text styling. */
.about-location-bottom address .link-text-arrow { display: inline-block; margin-top: 0; font-size: inherit; }