/* About page */
.about-page .page-hero{padding:4rem 0}.about-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center}.about-hero-copy{min-width:0}.about-hero-copy p{max-width:680px;color:#c6d1db;font-size:1.05rem}.about-hero-image img{width:100%;height:360px;object-fit:cover;border-radius:22px;box-shadow:0 22px 55px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.12)}
.about-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:start}.about-intro h2{font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin:.45rem 0 1rem}.about-intro p{color:#5f6e7b;font-size:1.03rem}.about-principles{display:grid;gap:12px}.about-principle{background:#fff;border:1px solid #dde4ea;border-radius:16px;padding:18px 20px;box-shadow:0 8px 22px rgba(15,30,45,.06)}.about-principle h3{margin:0 0 .35rem;font-size:1.08rem}.about-principle p{margin:0;font-size:.94rem}
.about-gallery-section{padding:0 0 4.5rem}.about-gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px}.about-shot{position:relative;overflow:hidden;min-height:250px;border-radius:18px;background:#0d1b2a;box-shadow:0 12px 30px rgba(15,30,45,.12)}.about-shot:first-child{min-height:330px}.about-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,10,17,.84))}.about-shot span{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;color:#fff;font-weight:850;font-size:.94rem}
.about-cta{padding:3.2rem 0;background:linear-gradient(135deg,#111f2e,#07111c);color:#fff}.about-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.about-cta h2{font-size:clamp(2rem,4vw,3rem);margin:.3rem 0}.about-cta p{margin:0;color:#bdc9d4;max-width:720px}
@media(max-width:900px){.about-hero-grid,.about-intro{grid-template-columns:1fr}.about-hero-image img{height:300px}.about-gallery{grid-template-columns:1fr 1fr}.about-shot:first-child{grid-column:1/-1;min-height:300px}.about-cta-inner{display:block}.about-cta .btn{margin-top:1.2rem}}
@media(max-width:560px){.about-page .page-hero{padding:2.7rem 0}.about-page .page-hero h1{font-size:clamp(2.2rem,10vw,3.3rem)}.about-hero-image img{height:220px;border-radius:15px}.about-page .section{padding:3rem 0}.about-gallery-section{padding-bottom:3rem}.about-gallery{grid-template-columns:1fr;gap:10px}.about-shot:first-child{grid-column:auto;min-height:230px}.about-shot{min-height:190px;border-radius:14px}.about-principle{padding:15px 16px}.about-cta{padding:2.6rem 0}}
