:root{--navy:#032750;--navy-deep:#021f43;--orange:#c24100;--red:#b4232b;--blue:#06478b;--ink:#26262b;--muted:#62636b;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline-offset:3px;outline:3px solid #ffbf47;box-shadow:0 0 0 6px #032750}.skip-link{z-index:1000;color:#032750;background:#fff;padding:.75rem 1rem;font-weight:800;position:fixed;top:0;left:1rem;transform:translateY(-150%);box-shadow:0 2px 8px #0000004d}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{width:min(92%,1420px);margin-inline:auto}.demo-note{color:#563d00;text-align:center;background:#fff5d6;padding:.42rem 4%;font-size:.78rem;line-height:1.4}.alert-ribbon{color:#fff;background:#c83339;align-items:stretch;gap:2rem;min-height:74px;padding-left:max(4%,50% - 710px);font-size:1.05rem;display:flex}.alert-ribbon>*{align-items:center;margin:0;display:flex}.alert-kind{background:var(--red);letter-spacing:-.02em;padding:1rem 3rem 1rem 1rem;font-size:1.18rem;font-weight:800}.alert-kind span{border:2px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;margin-right:.7rem;font-size:1.8rem;display:inline-grid}.alert-ribbon a{white-space:nowrap;text-decoration:underline}.site-header{color:#fff;background:var(--navy-deep);border-bottom:6px solid #fff}.header-top{grid-template-columns:1fr auto;align-items:center;min-height:220px;padding:2rem 0 1rem;display:grid;position:relative}.brand{align-items:center;gap:1rem;width:max-content;display:flex}.brand-logo{object-fit:contain;background:#fff;border-radius:50%;flex:none;width:100px;height:100px}.brand strong{letter-spacing:-.08em;font-size:2rem;display:block}.brand small{text-transform:uppercase;font-size:.85rem;font-weight:800;line-height:1.12;display:block}.header-tools{align-self:start;align-items:center;gap:1.35rem;padding-top:.5rem;font-size:1rem;display:flex}.header-tools button{color:#fff;cursor:pointer;background:0 0;border:0}.emergency{grid-column:2;align-self:end;align-items:center;gap:.8rem;font-size:1rem;font-weight:800;display:flex}.emergency>span{background:var(--red);border-radius:50%;place-items:center;width:70px;height:70px;font-size:3rem;display:grid}.emergency b{display:block}.emergency em{letter-spacing:.02em;font-size:2rem;font-style:normal;display:block}.main-nav{white-space:nowrap;align-items:flex-end;gap:clamp(1.2rem,2.4vw,3.2rem);min-height:74px;display:flex;overflow-x:auto}.main-nav a{text-transform:uppercase;border-bottom:4px solid #0000;padding:1.3rem 0 .85rem;font-size:1rem;font-weight:700}.main-nav a.active{border-color:var(--orange)}.hero{color:#fff;background:linear-gradient(90deg,#0000 35%,#00000075 69%,#000000b8),url(/prociv/hero-firefighters.jpg) 50%/cover;justify-content:flex-end;align-items:center;min-height:690px;display:flex;position:relative}.hero-copy{text-align:center;width:min(44%,680px);margin-right:max(5%,50% - 710px);padding:3rem 0}.kicker{text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem;font-weight:700}.hero h1{text-transform:uppercase;letter-spacing:-.06em;margin:0;font-size:clamp(3.7rem,6vw,6.3rem);line-height:.92}.hero-copy>p:not(.kicker){max-width:570px;margin:2rem auto;font-size:1.45rem;line-height:1.35}.actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.button{text-transform:uppercase;text-align:center;justify-content:center;align-items:center;min-height:50px;padding:1rem 1.35rem;font-size:.82rem;font-weight:800;display:inline-flex}.button-orange{background:var(--orange);color:#fff}.button-ghost{color:#fff;border:2px solid #fff}.button-blue{color:#fff;background:#12266b}.alerts{color:#fff;z-index:1;background:linear-gradient(125deg,#012b58f5,#07488bed),url(/prociv/background-alerts.png) 50%/cover;border-radius:22px;margin-top:-58px;padding:2.3rem 3rem;position:relative}.section-head{border-bottom:1px solid;align-items:center;gap:2rem;margin-bottom:1.3rem;padding-bottom:1.2rem;display:flex}.section-head h2{text-transform:uppercase;letter-spacing:-.06em;margin:0;font-size:clamp(1.8rem,3vw,3rem)}.section-head p{margin:0;font-size:.95rem}.section-head a{white-space:nowrap;margin-left:auto;font-weight:700}.alert-list{grid-template-columns:repeat(3,1fr);display:grid}.alert-list article{border-left:1px solid #ffffffb3;grid-template-columns:70px 1fr auto;align-items:center;gap:1rem;padding:1rem 2rem;display:grid}.alert-list article:first-child{border-left:0}.alert-list img{object-fit:contain;width:58px;max-height:60px}.alert-list p{margin:0;line-height:1.35}.status{color:#111;padding:.35rem .75rem;font-size:.85rem}.red{color:#fff;background:#fa3035}.yellow{background:#ffc927}.green{color:#fff;background:#4c9c2e}.quick{padding:6rem 0 4.5rem}.quick h2{color:#152c68;text-transform:uppercase;letter-spacing:-.08em;margin:0 0 2.3rem;font-size:clamp(2.5rem,5vw,4.4rem)}.quick-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem 2rem;display:grid}.quick-grid a{border:2px solid #d5d5d5;border-radius:14px;align-items:center;gap:1.1rem;min-height:105px;padding:1.1rem 1.3rem;font-size:1.25rem;font-weight:700;display:flex}.quick-grid a span{color:var(--orange);text-align:center;width:50px;font-size:2.9rem}.operations{color:#fff;background:linear-gradient(#003267e8,#003267e8),url(/prociv/background-operations.png) 50%/cover;border-radius:18px;padding:2.4rem 3rem 2rem}.operations .section-head{align-items:end}.operations .section-head h2{font-size:clamp(2rem,4vw,3.7rem)}.operations-grid{grid-template-columns:repeat(3,1fr);display:grid}.operations-grid article{border-left:1px solid #ffffffbf;min-height:280px;padding:1.6rem 3rem}.operations-grid article:first-child{border:0;padding-left:0}.operations h3,.monitoring h3{text-transform:uppercase;margin:0 0 1rem;font-size:1.25rem}.operations-grid b{color:var(--orange);letter-spacing:-.08em;font-size:5.8rem;line-height:.9}.operations-grid p{font-size:1.25rem;line-height:1.25}.operations-grid a{margin-top:1rem;display:inline-block}.monitoring{color:#14275f;background:#d9ddf0;border-radius:18px;margin-top:3rem;padding:2.3rem 3rem}.monitoring-grid{grid-template-columns:1.1fr .8fr .9fr;gap:2rem;display:grid}.map-placeholder{color:#fff;background:linear-gradient(#03235033,#03235033),url(/prociv/background-monitoring.png) 35% 45%/cover;border-radius:20px;align-items:end;min-height:280px;padding:1rem;font-size:1.3rem;font-weight:700;display:flex}.monitoring article{padding:1rem 0}.monitoring article>b{color:var(--orange);letter-spacing:-.08em;font-size:4.7rem}.monitoring article>p{font-size:1.2rem;line-height:1.35}.monitoring .button{margin:.3rem .4rem .3rem 0}.volcanoes{border-left:1px solid #aab3ce;padding-left:2rem!important}.volcanoes p{margin:0 0 1rem;position:relative}.volcanoes p span{color:#4a9f36;font-size:1.7rem;position:absolute;top:.1rem;right:0}.volcanoes>a{margin-top:1.2rem;display:inline-block}.news-area{grid-template-columns:1fr 1fr;gap:4rem;padding:4rem 0;display:grid}.news{border:2px solid #d8ddea;border-radius:20px;padding:1.8rem 2.2rem}.news .section-head h2{color:#162b68}.news article{border-top:1px solid #d8ddea;grid-template-columns:190px 1fr;gap:1.1rem;padding:1rem 0;display:grid}.news article img{object-fit:cover;width:100%;height:105px}.news time{color:#73747b;margin-bottom:.4rem;font-size:.85rem;display:block}.news article a{font-size:1.02rem;line-height:1.25}.burn{color:#fff;background:linear-gradient(#0000000a 55%,#f66220f5 55%),url(/prociv/controlled-burn.jpg) top/100% no-repeat;grid-template-rows:1fr auto;min-height:470px;display:grid;position:relative}.burn>div{justify-content:space-between;align-items:start;padding:1.5rem 2rem;display:flex}.burn h2{text-transform:uppercase;letter-spacing:-.07em;margin:0;font-size:clamp(2.2rem,4vw,4.2rem);line-height:.92}.burn p{margin:0;padding:1.5rem 2rem 2rem;font-size:1.15rem;line-height:1.4}.app-promo{color:#fff;background:linear-gradient(#00366ce8,#00366ce8),url(/prociv/background-app.jpg) 50%/cover}.app-content{grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:2rem;min-height:340px;display:grid}.app-content h2{margin:0;font-size:clamp(2.1rem,4vw,3.8rem);line-height:1}.app-content p{margin:0;font-size:1.1rem}.app-content h3{margin:.45rem 0;font-size:1.2rem}.app-description{max-width:31ch;line-height:1.4}.app-visuals{justify-content:center;align-items:center;gap:.65rem;min-height:300px;display:flex}.app-icon{border-radius:24%;flex:none;width:115px;height:115px;box-shadow:0 9px 20px #001b3c}.app-screens{align-items:center;gap:.35rem;display:flex}.app-screens img{border-radius:13px;width:102px;height:auto;box-shadow:0 9px 15px #001b3c}.app-screens img:first-child{transform:translateY(-10px)}.store-links{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.store-links a{color:#fff;background:#161616;border:1px solid #ffffffb8;border-radius:7px;grid-template-rows:auto auto;grid-template-columns:24px 1fr;column-gap:.35rem;min-width:145px;padding:.42rem .75rem;line-height:1.05;display:grid}.store-links a>span{grid-row:1/3;align-self:center;font-size:1.5rem}.store-links small{letter-spacing:.05em;font-size:.54rem}.store-links strong{font-size:1rem}.footer{color:#fff;background:linear-gradient(#021f43fa,#021f43fa),url(/prociv/background-footer.jpg) 50%/cover;padding:4rem 0 1.5rem}.footer-grid{grid-template-columns:1.8fr repeat(3,1fr);gap:2rem;display:grid}.footer-brand{align-items:start}.footer-brand .brand-logo{width:90px;height:90px}.footer-brand p{margin:0;font-size:1.05rem;line-height:1.65}.footer-brand p a{margin:0;text-decoration:underline;display:inline}.footer h3{text-transform:uppercase;margin:0 0 1rem;font-size:1.1rem}.footer-section{min-width:0}.footer-links{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.footer-links li{margin:0}.footer-links a{color:#e9edf7;align-items:center;min-height:1.5rem;line-height:1.35;display:inline-flex}.footer-links a:hover{color:#fff;text-decoration:underline}.legal{color:#dce5f1;border-top:1px solid #fff9;justify-content:space-between;gap:2rem;margin-top:3.2rem;padding-top:1.2rem;font-size:.85rem;display:flex}@media (min-width:1001px){.footer-departments .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}}@media (max-width:1000px){.header-top{min-height:180px}.hero{min-height:600px}.hero-copy{width:55%}.quick-grid{grid-template-columns:repeat(2,1fr)}.alert-list article{grid-template-columns:52px 1fr;padding:1rem}.alert-list .status{grid-column:2;justify-self:start}.monitoring-grid{grid-template-columns:1fr 1fr}.volcanoes{border-top:1px solid #aab3ce;border-left:0;grid-column:1/-1;padding:1.5rem 0 0!important}.news-area{gap:2rem}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}}@media (max-width:680px){.brand-logo{width:62px;height:62px}.shell{width:min(92%,560px)}.alert-ribbon{padding:0;display:block}.alert-ribbon>*{padding:.8rem 1rem}.alert-kind{font-size:1rem}.site-header{border-bottom-width:4px}.header-top{grid-template-columns:1fr auto;min-height:auto;padding:1.1rem 0}.brand-mark{border-width:3px;width:62px;height:62px}.brand-mark i{border-bottom-width:25px;border-left-width:14px;border-right-width:14px}.brand-mark i:after{border-bottom-width:16px;border-left-width:9px;border-right-width:9px;top:10px;left:-9px}.brand strong{font-size:1.35rem}.brand small{font-size:.57rem}.header-tools{display:none}.emergency{grid-area:1/2}.emergency>span{width:42px;height:42px;font-size:1.6rem}.emergency b{display:none}.main-nav{gap:1.3rem;min-height:53px}.main-nav a{padding:1rem 0 .6rem;font-size:.75rem}.hero{background:linear-gradient(#0000002e,#000000b3),url(/prociv/hero-firefighters.jpg) 44%/cover;justify-content:center;min-height:560px}.hero-copy{width:94%;margin:0;padding:8rem 1rem 2rem}.hero h1{font-size:3.35rem}.hero-copy>p:not(.kicker){font-size:1.1rem}.alerts{border-radius:0;width:100%;margin-top:0;padding:1.7rem 1.2rem}.section-head{flex-wrap:wrap;gap:.7rem}.section-head h2{font-size:2rem}.section-head p{order:3;width:100%}.alert-list,.operations-grid,.monitoring-grid,.news-area,.app-content,.footer-grid{grid-template-columns:1fr}.alert-list article{border:0;border-top:1px solid #ffffffb3;grid-template-columns:55px 1fr auto;padding:1rem 0}.alert-list .status{grid-column:auto}.quick{padding:3.4rem 0}.quick-grid{grid-template-columns:1fr;gap:.8rem}.quick-grid a{min-height:75px;font-size:1.05rem}.operations{padding:1.7rem 1.3rem}.operations-grid article{border:0;border-top:1px solid #ffffffbf;min-height:0;padding:1.5rem 0}.operations-grid article:first-child{padding:1rem 0}.monitoring{padding:1.7rem 1.3rem}.monitoring-grid{gap:0}.map-placeholder{min-height:210px}.volcanoes{grid-column:auto}.news-area{padding:2.8rem 0}.news{padding:1.2rem}.news article{grid-template-columns:112px 1fr}.news article img{height:80px}.burn{min-height:430px}.app-content{text-align:center;padding:3rem 0}.phones{order:3}.footer{padding-top:2.5rem}.footer-grid>div:last-child{grid-column:auto}.legal{line-height:1.7;display:block}.legal span{margin:.5rem 0;display:block}}.menu-toggle{display:none}@media (max-width:680px){.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #fffc;grid-column:1/-1;justify-self:start;align-items:center;gap:.5rem;margin-top:.8rem;padding:.55rem .75rem;font-weight:800;display:inline-flex}.main-nav{white-space:normal;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding-bottom:1rem;display:none;overflow:visible}.main-nav.main-nav-open{display:flex}.main-nav a{width:100%;padding:.85rem 0;font-size:.9rem}}@media (min-width:681px){.menu-toggle{display:none}}.red{background:#b4232b}.green{background:#276738}