.about-page section{scroll-margin-top:100px}
.about-hero{position:relative;min-height:310px;overflow:hidden;border-radius:13px;background-image:linear-gradient(90deg,rgba(248,244,236,.99) 0%,rgba(248,244,236,.97) 31%,rgba(248,244,236,.62) 47%,rgba(248,244,236,0) 65%),url('assets/about-hero.webp?v=20261001');background-size:cover;background-position:center}
.about-hero-content{position:relative;z-index:1;max-width:770px;padding:32px 44px}
.about-hero h1{font-size:clamp(43px,4.3vw,60px);margin-bottom:10px}
.about-hero-content>p:not(.eyebrow){font-size:16px;max-width:630px;color:#344451;line-height:1.43;margin-bottom:15px}
.story-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:10px;margin-top:10px}
.story-image,.philosophy-image{position:relative;overflow:hidden;border-radius:12px;min-height:290px}
.story-image img,.philosophy-image img{width:100%;height:100%;object-fit:cover}
.story-copy{padding:18px 23px 15px}
.story-copy h2{font-size:clamp(32px,3.1vw,45px);margin-bottom:6px}
.story-copy p:not(.eyebrow){font-size:14px;line-height:1.4;margin-bottom:9px}
.story-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:13px}
.story-highlights>div{display:flex;align-items:center;gap:5px;color:#005b70;font-size:11px;font-weight:700;line-height:1.2}
.story-highlights .icon{width:30px;height:30px;padding:5px;border-radius:50%;background:#efe7da;color:#9a7054}
.values{margin-top:10px;padding:16px}
.values-heading{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:23px;padding:0 13px 9px}
.values-heading h2{font-size:clamp(32px,3vw,43px);margin:0}
.values-heading p{font-size:13px;margin:0;max-width:790px}
.value-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.value-card{min-height:155px;background:rgba(255,255,255,.86);border:1px solid #eae6e0;border-radius:12px;padding:15px 13px 13px;box-shadow:0 4px 10px rgba(31,47,54,.03)}
.value-card .icon{width:34px;height:34px;color:#087f96;margin-bottom:7px}
.value-card h3{font-size:12px;margin-bottom:7px}
.value-card p{font-size:12px;line-height:1.32;margin:0}
.difference{margin-top:10px;display:grid;grid-template-columns:1fr 1.04fr;gap:20px;padding:19px 24px}
.difference-intro h2{font-size:clamp(32px,2.7vw,39px);margin-bottom:9px}
.difference-intro p:not(.eyebrow){font-size:14px;max-width:580px;margin-bottom:18px}
.difference-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.difference-list>div{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.75);border:1px solid #ebe6de;border-radius:11px;padding:10px;min-height:72px}
.difference-list .icon{width:31px;height:31px;color:#087e95}
.difference-list span,.trust-grid span{display:block}
.difference-list strong,.trust-grid strong{display:block;font-size:12px;line-height:1.2;margin-bottom:3px}
.difference-list small,.trust-grid small{display:block;font-size:11px;line-height:1.25;color:var(--muted)}
.philosophy-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;margin-top:10px;height:245px}
.philosophy-image{min-height:0}
.philosophy-image img{object-position:center 30%}
.philosophy-copy{padding:20px 28px}
.philosophy-copy h2{font-size:clamp(32px,3vw,44px);margin-bottom:9px}
.philosophy-copy p:not(.eyebrow){font-size:14px;margin-bottom:10px}
.trust{display:grid;grid-template-columns:37% 1fr;gap:20px;margin-top:10px;padding:16px 20px;background:linear-gradient(110deg,#edf6f9,#f9fbfb)}
.trust h2{font-size:clamp(30px,2.7vw,39px);margin-bottom:6px}
.trust p:not(.eyebrow){font-size:13px;margin:0}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:stretch}
.trust-grid>div{display:flex;gap:8px;align-items:flex-start;background:rgba(255,255,255,.75);border:1px solid #e9eff0;border-radius:9px;padding:11px 9px}
.trust-grid .icon{width:29px;height:29px;color:#087e95}
.about-page .tour-banner h2{font-size:clamp(28px,2.8vw,38px)}
.topbar-divider{opacity:.6;margin:0 10px}.topbar-place a:hover{text-decoration:underline}
@media(max-width:1150px){.value-grid{grid-template-columns:repeat(3,1fr)}.value-card{min-height:125px}.story-highlights{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:1fr 1fr}.trust{grid-template-columns:1fr}.trust-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.about-hero{min-height:330px}.about-hero-content{max-width:62%;padding:28px}.about-hero h1{font-size:45px}.story-grid,.difference,.philosophy-grid{grid-template-columns:1fr}.story-image{min-height:300px}.philosophy-grid{height:auto}.philosophy-image{height:260px}.story-highlights{grid-template-columns:repeat(4,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.about-hero{min-height:0;display:flex;flex-direction:column;background:#f8f4ec}.about-hero::after{content:'';display:block;height:250px;background:url('assets/about-hero.webp?v=20261001') right center/cover no-repeat}.about-hero-content{max-width:100%;padding:29px 23px 24px}.about-hero h1{font-size:clamp(39px,9vw,54px)}.about-hero-content>p:not(.eyebrow){font-size:15px}.story-image{min-height:250px}.values-heading{display:block;padding:0 4px 12px}.values-heading h2{margin-bottom:8px}.difference{padding:19px}.difference-list{grid-template-columns:1fr 1fr}.trust{padding:18px}.topbar-divider{display:none}}
@media(max-width:520px){.value-grid{grid-template-columns:repeat(2,1fr)}.value-card{min-height:145px}.story-highlights{grid-template-columns:repeat(2,1fr)}.difference-list{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{display:block}.trust-grid .icon{margin-bottom:5px}}