/* About belongs to the parent studio's established iron-and-brass design. */
.about-page { width:min(1200px,calc(100% - 2rem)); margin:114px auto 70px; }
.about-intro { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(200px,.75fr); align-items:center; gap:60px; padding:52px; border:1px solid #8f7959; border-top:0; background:linear-gradient(110deg,#101616f5,#111615e8); }
.about-kicker { color:#c6a578; font:600 10px/1.7 "Segoe UI",sans-serif; letter-spacing:2px; text-transform:uppercase; margin:0 0 14px; }
.about-intro h1 { color:#edddc4; font:400 clamp(42px,5.6vw,74px)/1.05 Georgia,serif; letter-spacing:-.035em; margin:0 0 20px; }
.about-principle { color:#d2b48c; font:italic 22px/1.5 Georgia,serif; margin:0 0 22px; }
.about-lede { color:#c7bdae; font:15px/1.85 "Segoe UI",sans-serif; max-width:570px; margin:0; }
.about-crest { width:100%; max-width:300px; aspect-ratio:1; object-fit:contain; justify-self:center; }
.about-collections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #78654b; border-top:0; }
.about-collection { display:flex; flex-direction:column; align-items:flex-start; padding:42px 48px; background:#101515f5; }
.about-collection + .about-collection { border-left:1px solid #78654b; background:linear-gradient(135deg,#24231df5,#111714fa); }
.about-collection h2 { font:400 42px/1.1 Georgia,serif; color:#e8d7bd; margin:0 0 14px; }
.about-motto { color:#cfb78e; font:italic 17px/1.6 Georgia,serif; margin:0 0 24px; }
.about-collection > p:not([class]) { color:#bdb7aa; font:14px/1.85 "Segoe UI",sans-serif; margin:0 0 20px; }
.about-destination { display:inline-flex; gap:30px; padding:12px 0 5px; margin-top:auto; border-bottom:1px solid #a98c61; color:#f0d2a5; text-decoration:none; font:600 12px/1.7 "Segoe UI",sans-serif; }
.about-destination:hover { color:#fff2d8; }
.about-connection { position:relative; padding:38px 48px; margin-top:24px; border:1px solid #78654b; background:#111616f5; }
.about-connection h2 { font:400 30px/1.3 Georgia,serif; color:#ddc9ac; margin:0 0 20px; }
.about-connection > p:last-child { color:#bdb7aa; font:14px/1.85 "Segoe UI",sans-serif; max-width:850px; margin:0; }
.about-page a:focus-visible { outline:3px solid #e6b765; outline-offset:4px; }
.about-preview { margin-top:70px; }
@media(max-width:720px) {
 .about-page { margin-top:96px; }
 .about-intro { grid-template-columns:1fr; padding:30px 25px; gap:26px; }
 .about-crest { max-width:155px; justify-self:start; }
 .about-principle { font-size:20px; }
 .about-lede { font-size:14px; }
 .about-collections { grid-template-columns:1fr; }
 .about-collection { padding:32px 25px; }
 .about-collection + .about-collection { border-left:0; border-top:1px solid #78654b; }
 .about-collection h2 { font-size:36px; }
 .about-connection { padding:28px 25px; }
 .about-connection h2 { font-size:28px; }
 .about-preview { margin-top:50px; }
}