.legal-hero{position:relative;overflow:hidden;padding:clamp(76px,10vw,138px) 0 92px;background:radial-gradient(circle at 82% 18%,rgba(230,200,93,.19),transparent 32%),linear-gradient(145deg,#061f16,#0a4a34);color:#fff}
.legal-hero::after{content:"FARAON";position:absolute;right:-.04em;bottom:-.28em;color:rgba(255,255,255,.035);font:700 clamp(120px,22vw,330px)/1 "Cormorant Garamond",serif;pointer-events:none}
.legal-hero .container{position:relative;z-index:1}.legal-hero .tag{color:#efd36f}.legal-hero h1{max-width:900px;margin:20px 0 18px;font:600 clamp(54px,8vw,104px)/.95 "Cormorant Garamond",serif;letter-spacing:-.045em}.legal-hero p{max-width:760px;margin:0;color:#cfddd0;font-size:18px;line-height:1.75}
.legal-content{padding:clamp(72px,9vw,120px) 0;background:#f7f5ed}.legal-layout{max-width:1060px}.legal-layout>header{display:grid;grid-template-columns:74px minmax(0,1fr);gap:26px;align-items:start;margin-bottom:48px}.legal-layout>header>span{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#e6c85d;color:#152618;font-weight:800}.legal-layout h2{margin:0 0 12px;color:#15331f;font:600 clamp(34px,5vw,58px)/1.05 "Cormorant Garamond",serif}.legal-layout header p{max-width:720px;margin:0;color:#687267;line-height:1.8}
.legal-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}.legal-detail{padding:26px 28px;border:1px solid #d9dfd1;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(22,48,27,.055)}.legal-detail:nth-child(n+3){grid-column:1/-1}.legal-detail dt{margin-bottom:9px;color:#967319;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.legal-detail dd{margin:0;color:#203628;font-size:16px;line-height:1.72}
.legal-layout aside{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:34px;padding:24px 28px;border-radius:18px;background:#123b27;color:#fff}.legal-layout aside strong{margin-right:auto;color:#efd36f;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.legal-layout aside a{color:#fff;font-weight:700}.legal-layout aside a:hover{color:#efd36f}
@media(max-width:680px){.legal-content{padding:62px 0}.legal-layout>header{grid-template-columns:1fr}.legal-details{grid-template-columns:1fr}.legal-detail:nth-child(n+3){grid-column:auto}.legal-layout aside{display:grid}.legal-layout aside strong{margin:0}}