.portal-independence{box-sizing:border-box;max-width:1160px;margin:22px auto;padding:20px 24px;border:1px solid #e6dcd3;border-radius:16px;background:linear-gradient(120deg,#fffdfa,#fbf7f2);color:#594334;text-align:start;box-shadow:0 4px 16px rgba(61,39,24,.035)}
.portal-independence>strong{display:block;margin:0 0 8px;color:#763f25;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.portal-independence p{margin:0 0 8px;font-size:13px;line-height:1.7;color:inherit}.portal-independence a{color:#8c3f20;font-weight:700;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.home-main>.portal-independence{margin-top:20px}.portal-independence:last-child{margin-bottom:0}
.footer-page-grid>.portal-independence{grid-column:1/-1;width:100%}
@media(max-width:700px){.portal-independence{margin:16px 14px;padding:15px}.portal-independence p{font-size:12px}.portal-independence>strong{font-size:12px}}

/* Home: a calm editorial note, not an orange warning panel. Full text stays visible. */
.home-main .portal-independence.is-home{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:17px;width:calc(100% - 32px);max-width:1160px;margin:18px auto;padding:20px 22px;border:1px solid #e5dcd3;border-radius:18px;background:linear-gradient(110deg,#fffdfa,#fbf7f2);color:#756457;box-shadow:0 4px 18px rgba(61,39,24,.035)}
.portal-independence-icon{display:grid;place-items:center;width:42px;height:46px;border:1px solid #eadbc9;border-radius:13px;background:#f3e9dc;color:#9b6739}
.portal-independence-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.portal-independence-copy{min-width:0}.portal-independence-copy>strong{display:block;margin-bottom:5px;color:#594334;font-size:12px;font-weight:800;line-height:1.4;letter-spacing:.025em}
.portal-independence.is-home .portal-independence-copy>p{margin:0;color:#756457;font-size:12px;line-height:1.7}
.portal-independence.is-home .portal-independence-contact{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:170px;padding:10px 12px;border:1px solid #e6d8ca;border-radius:10px;background:#fffdfa;color:#895434;font-size:11px;font-weight:700;line-height:1.4;text-decoration:none;transition:background .15s,border-color .15s}
.portal-independence-contact svg{flex:0 0 15px;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.portal-independence.is-home .portal-independence-contact:hover{background:#f5ebdf;border-color:#c9ad90}.portal-independence-contact:focus-visible{outline:3px solid #c9824c;outline-offset:3px}
@media(max-width:850px){.home-main .portal-independence.is-home{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px 13px;padding:17px}.portal-independence-icon{width:34px;height:38px;border-radius:11px}.portal-independence-icon svg{width:22px;height:22px}.portal-independence.is-home .portal-independence-contact{grid-column:2;justify-self:start;padding:7px 10px}}
@media(max-width:480px){.home-main .portal-independence.is-home{margin:14px auto;width:calc(100% - 28px);padding:15px;border-radius:15px;gap:10px}.portal-independence.is-home .portal-independence-copy>p{font-size:12px;line-height:1.65}.portal-independence-copy>strong{font-size:12px}}
@media(max-width:850px){.portal-independence.is-home .portal-independence-copy{display:contents}.portal-independence-copy>strong{grid-column:2;align-self:center;margin:0}.portal-independence.is-home .portal-independence-copy>p,.portal-independence.is-home .portal-independence-contact{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.portal-independence.is-home .portal-independence-contact{transition:none}}

/* A red highlight travels around the frame without covering the notice. */
@property --portal-notice-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.home-main .portal-independence.is-home{position:relative;isolation:isolate;border-color:#e3aaa4;box-shadow:0 4px 18px rgba(61,39,24,.035),0 0 12px rgba(185,39,34,.065)}
@supports (background:conic-gradient(from 0deg,transparent,red)) and ((mask-composite:exclude) or (-webkit-mask-composite:xor)){
 .home-main .portal-independence.is-home::before{content:"";position:absolute;inset:-1px;box-sizing:border-box;padding:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--portal-notice-angle),rgba(190,39,32,.08) 0deg,rgba(190,39,32,.08) 250deg,#c32b23 300deg,#ff6960 325deg,#b91c1c 345deg,rgba(190,39,32,.08) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:portal-notice-border-orbit 5s linear infinite}
}
@keyframes portal-notice-border-orbit{to{--portal-notice-angle:360deg}}
@media(prefers-reduced-motion:reduce){.home-main .portal-independence.is-home::before{animation:none;--portal-notice-angle:45deg}}
@media(forced-colors:active){.home-main .portal-independence.is-home{border-color:Highlight;box-shadow:none}.home-main .portal-independence.is-home::before{display:none}}

/* Keep the independence notice aligned with the hero copy and readable over the art. */
.home-cinematic .portal-independence.is-home{width:100%;max-width:none;margin:0;padding:16px 18px;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px 12px;border-radius:14px;border-color:#ad514b;background:linear-gradient(120deg,rgba(23,27,32,.96),rgba(19,25,32,.92));color:#e2d8d0;box-shadow:0 8px 24px #0002}
.home-cinematic .portal-independence-icon{width:30px;height:34px;border-radius:9px;border-color:#ffffff24;background:#ffffff09;color:#f4b09c}
.home-cinematic .portal-independence-icon svg{width:20px;height:20px}
.home-cinematic .portal-independence-copy{display:contents}
.home-cinematic .portal-independence-copy>strong{grid-column:2;align-self:center;margin:0;color:#fff0e6;font-size:11px}
.home-cinematic .portal-independence.is-home .portal-independence-copy>p{grid-column:1/-1;color:#e2d8d0;font-size:12px;line-height:1.65}
.home-cinematic .portal-independence.is-home .portal-independence-contact{grid-column:1/-1;justify-self:start;max-width:none;padding:0;border:0;border-radius:0;background:none;color:#ffc397;font-size:11px}
.home-cinematic .portal-independence.is-home .portal-independence-contact:hover{background:none;color:#fff0e6}
@media(max-width:480px){.home-cinematic .portal-independence.is-home{width:100%;margin:0;padding:15px}}
.portal-independence p strong{color:#4b3426;font-weight:800}.home-cinematic .portal-independence.is-home .portal-independence-copy>p strong{color:#fff3e8;font-weight:800}