
/* V6 responsive navigation + about page */
html{scroll-padding-top:90px}body{overflow-x:hidden}img{max-width:100%;height:auto}.premium-nav,.nav-links,.header-row{min-width:0}
@media(max-width:900px){.premium-nav{max-height:calc(100dvh - 85px);max-height:calc(100vh - 85px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.premium-nav.open{display:block!important}.premium-nav details>summary{cursor:pointer;touch-action:manipulation}.premium-nav details[open]>.dropdown,.premium-nav details[open]>.mega{position:static!important;max-width:100%;width:100%;box-shadow:none;visibility:visible;opacity:1;transform:none}.premium-nav a,.premium-nav summary{min-height:44px;display:flex;align-items:center}.mobile-dock{padding-bottom:env(safe-area-inset-bottom,0px);z-index:9999}.mobile-dock a{min-height:52px;touch-action:manipulation}body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}
@media(min-width:901px){.mobile-dock{display:none!important}}
.about-kicker{font-size:12px;font-weight:800;letter-spacing:.17em;color:#ad8153}.page-hero:has(+.section .about-intro){padding:58px 0;background:linear-gradient(110deg,#073d45,#14616a);color:white}.page-hero:has(+.section .about-intro) h1{font-size:clamp(34px,5vw,62px);margin:8px 0}.page-hero:has(+.section .about-intro) p{color:#e6f1f0}.about-intro{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.45fr);gap:clamp(26px,5vw,76px);align-items:start}.about-portrait{position:relative;overflow:hidden;border-radius:24px;background:#f4f0eb;box-shadow:0 18px 48px #003a4319}.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 25%}.portrait-note{padding:18px 24px;background:#083e45;color:#fff;font-weight:700;text-align:center}.about-story h2,.about-services h2,.about-contact h2{font-size:clamp(28px,3.5vw,44px);line-height:1.15;color:#073d45;margin:10px 0 22px}.about-story p{line-height:1.85;color:#42535a}.about-story .about-lead{font-size:19px;color:#0e5259;font-weight:600}.about-story blockquote{border-left:3px solid #c5a173;padding:18px 24px;margin:30px 0;background:#f7f4ef;color:#214c50;font-style:italic;border-radius:0 16px 16px 0}.about-story blockquote small{display:block;margin-top:12px;font-style:normal}.about-milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:50px 0;padding:26px;background:#f7f4f0;border-radius:20px}.about-milestones>div{display:grid;gap:8px;padding:8px 16px;border-right:1px solid #ddd3c7}.about-milestones>div:last-child{border:0}.about-milestones strong{font-size:23px;color:#0a4a52}.about-milestones span{font-size:13px;line-height:1.5}.about-services{text-align:center;padding:24px 0 55px}.about-services>p{max-width:740px;margin:0 auto 30px;color:#51656a}.about-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.about-service-grid a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;padding:24px;border:1px solid #e5e6e4;border-radius:18px;text-decoration:none;background:#fff;transition:transform .2s,box-shadow .2s}.about-service-grid a:hover{transform:translateY(-4px);box-shadow:0 14px 30px #002f3a16}.about-service-grid a span{font-size:29px;color:#ad8153}.about-service-grid a strong{color:#0b434a;font-size:17px}.about-service-grid a small{color:#5b686c;line-height:1.6}.about-contact{background:#083f47;color:white;padding:32px;border-radius:22px;display:flex;justify-content:space-between;align-items:center;gap:22px}.about-contact h2{color:white}.about-contact p{color:#dbe8e9}.about-contact>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.about-contact a{display:inline-flex;min-height:44px;align-items:center;padding:10px 17px;border-radius:10px;background:#fff;color:#083f47;text-decoration:none;font-weight:700}@media(max-width:900px){.about-intro{grid-template-columns:1fr}.about-portrait{max-width:440px;margin:auto}.about-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-milestones{grid-template-columns:repeat(2,1fr)}.about-milestones>div:nth-child(2){border:0}.about-contact{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.about-service-grid{grid-template-columns:1fr}.about-milestones{grid-template-columns:1fr}.about-milestones>div{border-right:0;border-bottom:1px solid #ddd3c7}.about-milestones>div:last-child{border:0}.about-contact a{flex:1;justify-content:center}.about-contact>div:last-child{width:100%}}
