
.about-body { margin:0; background:#fff; color:#262724; font-family:'DM Sans',sans-serif; overflow-x:clip; }
.about-body .mega-menu { max-width:100vw; }
.about-body .mobile-menu:not(.open) { visibility:hidden; }
.about-page { --line:#e7e5e0; --muted:#72736e; }
.about-page * { box-sizing:border-box; }
.about-page figure { margin:0; }
.about-page img { display:block; width:100%; height:100%; object-fit:cover; }
.about-shell { width:min(1180px,calc(100% - 64px)); margin:auto; }
.about-kicker { display:block; color:#74766e; font-size:11px; letter-spacing:.16em; text-transform:uppercase; font-weight:600; }
.about-page h1,.about-page h2,.about-page h3,.about-quote,.history-year,.about-stat strong { font-family:'DM Serif Display',serif; font-weight:400; }
.about-page h1 { font-size:clamp(30px,3.4vw,46px); line-height:1.08; letter-spacing:-.025em; margin:20px 0 24px; }
.about-page h2 { font-size:clamp(25px,2.5vw,34px); line-height:1.15; margin:16px 0 22px; }
.about-page h3 { font-size:21px; line-height:1.25; margin:0 0 14px; }
.about-page p { color:#646760; font-size:15px; line-height:1.85; }
.about-hero { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; max-width:1340px; padding:64px 40px 70px; margin:auto; }
.about-hero__visual { order:2; position:relative; height:540px; }
.about-hero__visual img,.about-style__image img { border-radius:3px; }
.about-hero__meta { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding-top:26px; margin-top:30px; border-top:1px solid var(--line); }
.about-stat strong { display:block; font-size:28px; }
.about-stat span { display:block; font-size:11px; line-height:1.6; color:var(--muted); margin-top:6px; }
.about-intro { background:rgb(248 249 252 / 1); padding:64px 0; }
.about-intro__grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.about-page .about-quote { font-size:24px; line-height:1.45; color:#30342d; margin:20px 0; }
.about-copy p:first-child { margin-top:0; }
.about-history { padding:80px 0; }
.about-history__head { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; align-items:end; padding-bottom:28px; }
.history-row { display:grid; grid-template-columns:150px 1fr; gap:40px; padding:34px 0; border-top:1px solid var(--line); }
.history-year { font-size:34px; color:#6d2a23; line-height:1.1; }
.history-copy { max-width:800px; }
.history-copy p { margin:0; }
.about-band { display:grid; grid-template-columns:1fr 1fr; background:rgb(248 249 252 / 1); }
.about-band__image { min-height:420px; }
.about-band__content { padding:60px clamp(28px,5vw,80px); align-self:center; }
.about-values { padding:80px 0; }
.about-values__head { max-width:650px; margin-bottom:35px; }
.about-values__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; border-top:1px solid var(--line); }
.about-value { padding-top:30px; }
.about-value__nr { display:block; color:#6d2a23; font-size:12px; margin-bottom:22px; }
.about-style { padding:60px 0 80px; }
.about-style__grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.about-style__image { height:440px; position:relative; }
.about-style blockquote { margin:25px 0 0; padding-top:22px; border-top:1px solid var(--line); font-family:'DM Serif Display',serif; font-size:22px; line-height:1.5; }
.about-cta { background:rgb(248 249 252 / 1); text-align:center; padding:65px 24px; }
.about-cta__inner { max-width:700px; margin:auto; }
.about-btn { display:inline-flex; justify-content:center; align-items:center; min-height:50px; padding:14px 25px; margin-top:18px; background:#242821; color:#fff!important; text-decoration:none!important; font-size:12px; letter-spacing:.04em; border-radius:3px; }
.about-btn:hover { background:#42473d; }
.about-btn:focus-visible { outline:2px solid #6d2a23; outline-offset:4px; }
@media(max-width:900px) { .about-hero { gap:30px; padding:40px 24px; } .about-hero__visual { height:440px; } .about-intro__grid,.about-style__grid { gap:35px; } .about-history__head { gap:30px; } }
@media(max-width:700px) { .about-shell { width:calc(100% - 40px); } .about-hero { grid-template-columns:1fr; padding:30px 20px 40px; } .about-hero__visual { order:0; height:300px; } .about-hero__content { order:-1; } .about-hero__meta { margin-top:20px; } .about-intro__grid,.about-history__head,.about-band,.about-values__grid,.about-style__grid { grid-template-columns:1fr; gap:24px; } .about-intro,.about-history,.about-values,.about-style { padding:44px 0; } .history-row { grid-template-columns:1fr; gap:15px; padding:28px 0; } .history-year { font-size:28px; } .about-band__image { min-height:0; height:280px; } .about-band__content { padding:20px 24px 36px; } .about-style__image { height:320px; } .about-value { border-bottom:1px solid var(--line); padding:22px 0; } .about-values__grid { gap:0; } .about-cta { padding:44px 20px; } }

.about-page { padding-top:50px; }
@media(max-width:768px) { .about-page { padding-top:80px; } }
