.soa-renovation { --ink:#515151; --paper:#ffffff; --teal:#51a9ab; background:var(--paper)!important; color:var(--ink); font-family:'Open Sans',Arial,sans-serif; }
.soa-renovation * { box-sizing:border-box; }
.renovation-hero { max-width:1240px; margin:auto; padding:96px 60px 88px; display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:70px; }
.soa-renovation .renovation-eyebrow { display:flex; align-items:center; gap:10px; color:var(--teal); text-transform:uppercase; letter-spacing:2px; font-size:11px; font-weight:700; margin:0 0 30px; padding:0; }
.renovation-eyebrow>span { width:8px; height:8px; background:#2ea3f2; border-radius:50%; flex-shrink:0; }
.soa-renovation h1 { color:var(--ink); font-family:'Archivo Black',Helvetica,Arial,sans-serif; font-size:clamp(42px,4.1vw,61px); font-weight:400; letter-spacing:.5px; line-height:1.25; margin:0 0 28px; padding:0; }
.soa-renovation h1 em { color:var(--teal); }
.renovation-copy>p { max-width:490px; font-size:15px; line-height:1.85; color:#666666; padding:0; margin-bottom:22px; }
.soa-renovation .renovation-intro { color:var(--ink); font-size:19px; line-height:1.55; font-weight:600; margin-bottom:14px; }
.renovation-actions { display:flex; align-items:center; gap:28px; flex-wrap:wrap; margin:32px 0 22px; }
.renovation-actions a { font-size:13px; font-weight:700; }
.renovation-primary { display:inline-flex; align-items:center; gap:22px; padding:17px 21px; border-radius:5px; background:var(--teal); color:#fff!important; transition:background .2s; }
.renovation-primary:hover { background:var(--teal); }
.renovation-secondary { color:var(--ink); border-bottom:1px solid #cccccc; padding:8px 0; }
.soa-renovation a:focus-visible { outline:3px solid #2ea3f2; outline-offset:5px; }
.soa-renovation .renovation-note { font-size:11px; color:#666666; }
.renovation-art { position:relative; padding:20px; }
.renovation-orbit { position:absolute; inset:0 -10px; border-radius:50%; border:1px solid #dddddd; transform:rotate(-15deg); }
.renovation-card { position:relative; background:#ededed; color:var(--ink); padding:28px; border-radius:150px 150px 10px 10px; min-height:450px; box-shadow:0 24px 45px -30px #00000022; transform:rotate(3deg); }
.renovation-card-top { display:flex; justify-content:space-between; padding:30px 12px 0; font-size:8px; letter-spacing:1.4px; }
.renovation-compass { display:block; width:100%; max-width:260px; margin:8px auto 0; }
.soa-renovation .renovation-card p { color:var(--ink); font-family:'Archivo Black',Helvetica,Arial,sans-serif; font-size:37px; line-height:1.12; text-align:center; margin:0 0 28px; padding:0; }
.renovation-card-bottom { display:flex; justify-content:space-between; border-top:1px solid #cccccc; padding-top:16px; font-size:10px; }
.renovation-sticker { position:absolute; right:-14px; bottom:72px; display:flex; flex-direction:column; align-items:center; justify-content:center; width:122px; height:122px; border-radius:50%; background:#51a9ab; color:#ffffff; text-align:center; font-size:10px; line-height:1.6; font-weight:700; letter-spacing:1px; transform:rotate(-12deg); }
.renovation-sticker span { font-size:28px; line-height:1.2; margin-top:5px; }
.renovation-footer-note { border-top:1px solid #ededed; max-width:1120px; margin:auto; padding:30px 0 38px; display:flex; align-items:center; gap:30px; }
.renovation-small { font-size:9px; letter-spacing:1.8px; color:var(--teal); }
.soa-renovation .renovation-footer-note p { margin:0; padding:0; font-family:'Archivo Black',Helvetica,Arial,sans-serif; font-size:23px; color:var(--ink); }
.renovation-footer-note a { margin-left:auto; font-size:12px; color:var(--ink); font-weight:600; }
@media(max-width:980px) { .renovation-hero { padding:60px 32px; gap:30px; } .renovation-card { padding:22px; min-height:390px; } .renovation-sticker { right:-4px; width:104px; height:104px; } .renovation-footer-note { margin:0 32px; flex-wrap:wrap; gap:14px; } }
@media(max-width:640px) { .renovation-hero { grid-template-columns:1fr; padding:48px 26px 42px; gap:22px; } .soa-renovation h1 { font-size:44px; letter-spacing:0; } .renovation-copy>p { font-size:14px; } .soa-renovation .renovation-intro { font-size:18px; } .renovation-art { width:100%; max-width:350px; margin:auto; } .renovation-card-top { padding-top:24px; } .renovation-card { min-height:390px; } .renovation-compass { max-width:230px; } .renovation-actions { gap:22px; } .renovation-footer-note { margin:0 26px; display:block; padding:26px 0 32px; } .renovation-footer-note p { padding:12px 0!important; } .renovation-footer-note a { display:inline-block; padding:8px 0; } }
@media(max-width:640px) { .renovation-orbit { inset:0; transform:none; } .renovation-sticker { top:10px; bottom:auto; right:0; width:90px; height:90px; font-size:8px; } .renovation-card-top>span:last-child { visibility:hidden; } }