/* about page - mockup 05 dark editorial */
.a5-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:48px;align-items:center;padding:26px 0 46px}
.a5-hero::before{content:'';position:absolute;inset:-40px -60px;background:url(/assets/pack-aboutdesk-20261021a-p20261025e.webp) center/cover no-repeat;opacity:.14;pointer-events:none}
.a5-hero>*{position:relative}
.a5-kick{margin:0 0 6px;font-size:15px;letter-spacing:.14em;color:#c9b795}
.a5-hero h1{font-size:clamp(40px,5.2vw,64px);font-weight:900;line-height:1.1;margin:0 0 10px;color:#fff}
.a5-sub{margin:0 0 18px;font-size:21px;font-weight:700;color:#e2543e}
.a5-bio{margin:0 0 10px;font-size:19px;line-height:1.8;color:#e9dfc8;max-width:56ch}
.a5-quote{margin:26px 0 0;padding:18px 22px;border-inline-start:4px solid #d8402f;background:#221a13;border-radius:6px}
.a5-quote p{margin:0;font-size:22px;line-height:1.6;font-style:italic;color:#f3ecdc}
.a5-quote small{display:block;margin-top:8px;font-size:13px;letter-spacing:.1em;color:#c9b795;font-style:normal}
.a5-photo{margin:0}
.a5-photo img{display:block;width:100%;height:auto;filter:grayscale(.35) contrast(1.05) brightness(.92);-webkit-mask-image:radial-gradient(ellipse 88% 88% at 50% 46%,#000 58%,transparent 78%);mask-image:radial-gradient(ellipse 88% 88% at 50% 46%,#000 58%,transparent 78%)}
.a5-sec{padding:34px 0 6px}
.a5-sec h2{font-size:30px;font-weight:800;color:#fff;margin:0 0 6px;text-align:center}
.a5-sec .a5-lead{text-align:center;color:#c9b795;margin:0 0 26px}
.a5-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.a5-card{background:#1d1712;border:1px solid #3a2f24;border-radius:12px;padding:24px 20px;display:flex;flex-direction:column;gap:10px}
.a5-ic{width:46px;height:46px;border-radius:50%;background:#3a1512;border:1px solid #7c2a1e;display:flex;align-items:center;justify-content:center}
.a5-ic svg{width:22px;height:22px;stroke:#e2543e;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.a5-card h3{margin:0;font-size:21px;color:#fff}
.a5-card p{margin:0;font-size:16.5px;line-height:1.7;color:#d8ccb4;flex:1}
.a5-card a{color:#e2543e;font-weight:700;text-decoration:none;font-size:16px}
.a5-card a:hover{text-decoration:underline}
.a5-method{margin:44px -20px 0;padding:52px 20px;background:linear-gradient(#16120ecc,#16120ee8),url(/assets/pack-aboutdesk-20261021a-p20261025e.webp) center 32%/cover no-repeat;text-align:center}
.a5-method h2{font-size:30px;font-weight:800;color:#fff;margin:0 0 14px}
.a5-method p{max-width:60ch;margin:0 auto 12px;font-size:19px;line-height:1.85;color:#e9dfc8}
.a5-method a{display:inline-block;margin-top:12px;color:#e2543e;font-weight:700;text-decoration:none}
.a5-method a:hover{text-decoration:underline}
.a5-qa{margin-top:36px;background:#1d1712;border:1px solid #3a2f24;border-radius:12px;padding:24px 26px}
.a5-qa h3{margin:0 0 10px;font-size:20px;color:#e2543e}
.a5-qa p{margin:0;font-size:17.5px;line-height:1.8;color:#d8ccb4}
.a5-beliefs .a5-card{padding:0;flex-direction:column}
.a5-beliefs details{background:#1d1712;border:1px solid #3a2f24;border-radius:12px;margin:0 0 12px}
.a5-beliefs summary{cursor:pointer;list-style:none;font-weight:700;font-size:18px;line-height:1.5;padding:16px 20px;position:relative;color:#f3ecdc}
.a5-beliefs summary::-webkit-details-marker{display:none}
.a5-beliefs summary:after{content:'+';position:absolute;inset-inline-end:18px;top:14px;font-size:24px;color:#e2543e;line-height:1}
.a5-beliefs details[open] summary:after{content:'\2212'}
.a5-beliefs summary:focus-visible{outline:3px solid #e2543e;outline-offset:2px}
.a5-beliefs details p{margin:0;padding:0 20px 16px;font-size:16.5px;line-height:1.75;color:#d8ccb4}
.a5-close{padding:44px 0 10px;text-align:center}
.a5-close .big{font-size:26px;font-weight:800;line-height:1.5;color:#fff;max-width:34ch;margin:0 auto 18px}
.a5-close .links a{color:#e2543e;font-weight:700;text-decoration:none;margin:0 10px}
.a5-close .links a:hover{text-decoration:underline}
@media(max-width:760px){
.a5-hero{display:flex;flex-direction:column;gap:8px;padding-top:10px}
.a5-photo{order:-1;max-width:340px;margin:0 auto}
.a5-hero h1{font-size:38px}
.a5-cards{grid-template-columns:1fr}
.a5-method{margin:36px -20px 0;padding:40px 20px}
.a5-close .big{font-size:22px}
}
body{overflow-x:hidden;overflow-x:clip}
@media(max-width:760px){.a5-hero::before{inset:0}}

.a5-hero[data-portrait-hidden="true"]{grid-template-columns:minmax(0,1fr)}