.about-page { color:#f8f7fb; font-weight:500; }
.about-wrap { width:min(1080px,calc(100% - 3rem)); margin-inline:auto; }
.about-page h1,.about-page h2,.about-page h3 { font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif; text-wrap:balance; }
.about-page h1 { font-size:clamp(2.2rem,1.1rem + 3vw,3.6rem); line-height:1.08; letter-spacing:-.055em; margin:.8rem 0 1.2rem; font-weight:800; }
.about-page h1 em { font-style:normal; color:#fecd66; }
.about-page h2 { font-size:clamp(1.5rem,1rem + 1.3vw,2.1rem); line-height:1.2; letter-spacing:-.035em; font-weight:750; margin:0 0 .8rem; }
.about-page p { text-wrap:pretty; line-height:1.7; font-size:.95rem; color:#c6c3cb; margin:0; }
.about-page .about-eyebrow { font-size:.68rem; color:#c6a5e7; font-weight:750; letter-spacing:.09em; text-transform:uppercase; }
.about-intro { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:3rem; padding-block:3.5rem 2.5rem; }
.about-lead { max-width:50ch; }.about-signature { display:block; margin-top:1.2rem; font-size:.75rem; color:#e0d4ed; }
.about-photo-placeholder,.about-action-placeholder { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:.6rem; color:#e3d2f5; text-align:center; border:1px dashed #745a8a; border-radius:24px; padding:1.5rem; background:radial-gradient(ellipse at top right,#39214c,#18131e); }
.about-photo-placeholder { aspect-ratio:4/3; }.about-action-placeholder { aspect-ratio:3/2; }
.about-real-photo { position:relative; display:block; padding:0; overflow:hidden; border:1px solid #ffffff25; }
.about-real-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.about-photo-placeholder.about-real-photo img { object-position:center 72%; }
.about-action-placeholder.about-real-photo img { object-position:center; }
.about-photo-placeholder > span,.about-action-placeholder > span { font-size:2.5rem; color:#fecd66; line-height:1; }
.about-photo-placeholder strong,.about-action-placeholder strong { font-size:1rem; font-weight:650; }
.about-photo-placeholder small,.about-action-placeholder small { font-size:.7rem; color:#bcaacb; line-height:1.6; }
.about-story { display:grid; grid-template-columns:.8fr 1.2fr; gap:3rem; align-items:center; border-block:1px solid #ffffff20; padding-block:1.8rem; }
.about-story > p { max-width:62ch; }
.about-values { padding-block:2.5rem; }.about-values > h2 { margin-bottom:1.2rem; }
.about-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.about-cards article { padding:1.4rem; background:#17141b; border:1px solid #ffffff1f; border-radius:20px; }
.about-cards article > span { color:#c5a0e7; font-size:.65rem; font-weight:750; letter-spacing:.04em; }
.about-cards h3 { color:#fecd66; font-size:1.15rem; line-height:1.3; letter-spacing:-.025em; margin:.8rem 0 .65rem; font-weight:750; }
.about-cards p { font-size:.85rem; line-height:1.7; }
.about-process { display:grid; grid-template-columns:1fr 1.2fr; align-items:center; gap:3rem; padding-bottom:2.5rem; }
.about-process h2 { margin-top:.65rem; }
.about-process ol { list-style:none; counter-reset:steps; margin:1rem 0 0; padding:0; }
.about-process li { counter-increment:steps; position:relative; padding:.75rem 0 .75rem 2.7rem; border-bottom:1px solid #ffffff18; }
.about-process li::before { content:counter(steps,decimal-leading-zero); position:absolute; left:0; top:.85rem; color:#fecd66; font-size:.7rem; font-weight:750; }
.about-process li strong { display:block; font-weight:650; font-size:.95rem; }.about-process li span { display:block; font-size:.85rem; color:#c6c3cb; line-height:1.7; margin-top:.15rem; }
.about-finish { display:flex; justify-content:space-between; align-items:center; gap:1.5rem; padding:1.7rem 2rem; margin-bottom:3rem; border:1px solid #57416e; background:#241831; border-radius:24px; }
.about-finish h2 { font-size:1.6rem; margin-bottom:.3rem; }
.about-contact-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:.85rem 1.3rem; border-radius:999px; background:#fecd66; color:#241831; font-weight:750; font-size:.9rem; text-decoration:none; text-align:center; flex-shrink:0; }
.about-contact-button:hover { background:#ffdf99; }.about-contact-button:focus-visible { outline:3px solid #fff; outline-offset:4px; }
@media(max-width:760px) { .about-wrap { width:calc(100% - 2rem); }.about-intro { grid-template-columns:1fr; gap:1.5rem; padding-block:2rem; }.about-photo-placeholder { aspect-ratio:16/9; }.about-story { grid-template-columns:1fr; gap:.75rem; }.about-cards { grid-template-columns:1fr; gap:.7rem; }.about-cards article { padding:1.2rem; }.about-values { padding-block:2rem; }.about-process { grid-template-columns:1fr; gap:1.4rem; }.about-action-placeholder { aspect-ratio:16/8; }.about-finish { flex-direction:column; align-items:flex-start; padding:1.5rem; }.about-contact-button { width:100%; } }