:root{--porcelain:#F4F8F8;--teal:#1FA3A4;--teal-deep:#0D6E70;--navy:#17205C;--brass:#F0B52B;--ink:#0E1432;--mist:#D5E8E8;--pipe-x:44px;--display:"Fredoka", system-ui, sans-serif;--body:"Atkinson Hyperlegible", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--porcelain);color:var(--ink);font:1.125rem/1.6 var(--body)}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--brass);outline-offset:3px;border-radius:4px}.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.top{background:var(--navy);color:#fff}.top .wrap{display:flex;align-items:center;gap:24px;min-height:64px}.mark{font:600 1.35rem/1 var(--display);text-decoration:none;letter-spacing:.01em}.mark span{color:var(--brass)}.mark small{display:block;margin-top:5px;font:.8rem/1 var(--body);letter-spacing:.04em;opacity:.85}.top nav{margin-left:auto;display:flex;gap:22px;font-size:1rem}.top nav a{text-decoration:none;opacity:.85}.top nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}.top .call{background:var(--brass);color:var(--navy);font:600 1rem/1 var(--display);padding:11px 16px;border-radius:999px;text-decoration:none;white-space:nowrap}@media(max-width:880px){.top nav{display:none}.top .call{margin-left:auto}}.hero{background:var(--teal);color:var(--navy);position:relative;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;padding-block:72px 0}.hero-copy{padding-bottom:80px;position:relative}.eyebrow{font:600 .95rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;margin:0 0 22px}.hero h1{font:700 clamp(2.6rem,6.2vw,5rem)/.98 var(--display);margin:0 0 26px;letter-spacing:-.01em}.hero h1 em{font-style:normal;color:#fff}.hero p.lede{font-size:1.25rem;max-width:34ch;margin:0 0 34px}.phones{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;flex-direction:column;gap:4px;text-decoration:none;padding:14px 22px;border-radius:18px;font:700 1.5rem/1 var(--display)}.btn small{font:.85rem/1 var(--body);opacity:.8}.btn-navy{background:var(--navy);color:#fff}.btn-line{border:3px solid var(--navy);color:var(--navy)}.btn:hover{transform:translateY(-2px)}.hero-copy::after{content:"";position:absolute;left:6px;bottom:0;width:16px;height:52px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#C98A10,var(--brass) 40%,#FFE08A 55%,var(--brass) 70%)}.hero-art{position:relative;align-self:stretch;min-height:460px}.hero-art .photo{position:absolute;right:0;bottom:0;width:88%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:28px 28px 0 0;box-shadow:0 -10px 0 0 var(--navy)}main{position:relative}.pipe{position:absolute;top:0;bottom:0;left:max(22px,calc((100% - 1180px)/2 + 6px));width:16px;border-radius:8px;background:var(--mist);z-index:0}.pipe-fill{position:absolute;inset:0 0 auto 0;height:calc(var(--flow,0) * 100%);background:linear-gradient(90deg,#C98A10,var(--brass) 40%,#FFE08A 55%,var(--brass) 70%);border-radius:8px}.sec{position:relative;z-index:1;padding:104px 0 24px var(--pipe-x)}.sec-head{position:relative;display:flex;align-items:baseline;gap:18px;margin-bottom:40px}.sec-head::before{content:"";position:absolute;left:calc(-1 * var(--pipe-x));top:.55em;width:28px;height:28px;border-radius:6px;background:var(--navy);box-shadow:inset 0 0 0 6px var(--navy),inset 0 0 0 9px var(--brass)}.sec-head::after{content:"";position:absolute;left:calc(-1 * var(--pipe-x) + 22px);top:calc(.55em + 9px);width:calc(var(--pipe-x) - 30px);height:10px;background:var(--brass);border-radius:0 5px 5px 0}.sec h2{font:700 clamp(2rem,4vw,3rem)/1.05 var(--display);color:var(--navy);margin:0}.sec-head p{margin:0;color:var(--teal-deep);font-weight:700}@media(max-width:720px){.sec-head{flex-direction:column;gap:8px}}.fuel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fuel{background:#fff;border-radius:22px;padding:28px;border:2px solid var(--mist)}.fuel h3{font:600 1.45rem/1.15 var(--display);color:var(--navy);margin:0 0 6px}.fuel .tag{display:inline-block;font:600 .8rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:14px}.fuel ul{margin:0;padding:0;list-style:none}.fuel li{padding:9px 0;border-top:1px solid var(--mist);font-size:1.02rem}.fuel li:first-child{border-top:0}.fuel.wide{grid-column:span 3;display:grid;grid-template-columns:1fr 2fr;gap:28px;background:var(--navy);color:#fff;border-color:var(--navy)}.fuel.wide h3{color:#fff}.fuel.wide .tag{color:var(--brass)}.fuel.wide ul{columns:2;column-gap:32px}.fuel.wide li{border-color:rgba(255,255,255,.15);break-inside:avoid}@media(max-width:900px){.fuel-grid{grid-template-columns:1fr}.fuel.wide{grid-column:auto;grid-template-columns:1fr}.fuel.wide ul{columns:1}}.work{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:14px}.work figure{margin:0;position:relative;border-radius:18px;overflow:hidden;background:var(--mist)}.work figure.tall{grid-row:span 2}.work figure.big{grid-row:span 2;grid-column:span 2}.work img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work figure:hover img{transform:scale(1.04)}.work figcaption{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(23,32,92,.88);color:#fff;font-size:.9rem;line-height:1.3;padding:8px 12px;border-radius:12px}@media(max-width:900px){.work{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}.work figure.big{grid-column:span 2}}.aims{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:var(--teal);border-radius:26px;overflow:hidden}.aims div{padding:30px 24px;color:var(--navy);border-left:2px solid rgba(23,32,92,.18)}.aims div:first-child{border-left:0}.aims strong{display:block;font:600 1.3rem/1.15 var(--display);margin-bottom:8px}.aims span{font-size:1rem}@media(max-width:900px){.aims{grid-template-columns:1fr}.aims div{border-left:0;border-top:2px solid rgba(23,32,92,.18)}.aims div:first-child{border-top:0}}.notes{columns:3 280px;column-gap:20px}.note{break-inside:avoid;margin:0 0 20px;background:#fff;border-radius:22px;padding:26px 26px 20px;border:2px solid var(--mist)}.note p{margin:0 0 14px;font-size:1.1rem}.note.feature{background:var(--brass);border-color:var(--brass);color:var(--navy)}.note.feature p{font:600 1.45rem/1.25 var(--display)}.note cite{font-style:normal;font-size:.9rem;color:var(--teal-deep);font-weight:700}.note.feature cite{color:var(--navy)}.quals{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.qual h3{font:600 1.2rem/1.2 var(--display);color:var(--navy);margin:0 0 10px;padding-bottom:10px;border-bottom:4px solid var(--brass)}.qual ul{list-style:none;padding:0;margin:0;font-size:1rem}.qual li{padding:5px 0}.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.badges span{background:#fff;border:2px solid var(--navy);color:var(--navy);font:600 .95rem/1 var(--display);padding:10px 14px;border-radius:999px}@media(max-width:900px){.quals{grid-template-columns:1fr 1fr}}@media(max-width:560px){.quals{grid-template-columns:1fr}}.contact{padding-bottom:96px}.outlet{background:var(--navy);color:#fff;border-radius:30px;padding:48px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px}.outlet h3{font:700 clamp(2rem,4vw,3.2rem)/1 var(--display);margin:0 0 14px}.outlet .num{display:block;font:700 clamp(1.9rem,4.4vw,3rem)/1.1 var(--display);color:var(--brass);text-decoration:none}.outlet .num+.num{margin-top:6px}.outlet .wa{display:inline-block;margin-top:14px;color:#fff;font-weight:700;font-size:1.1rem}.outlet dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 18px;font-size:1.05rem}.outlet dt{color:var(--brass);font-weight:700}.outlet dd{margin:0}@media(max-width:800px){.outlet{grid-template-columns:1fr;padding:30px}}footer{background:var(--ink);color:#b9c2d8;font-size:.95rem;padding:28px 0}footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}@media(max-width:880px){.hero .wrap{grid-template-columns:1fr;padding-top:48px;gap:0}.hero-copy{padding-bottom:40px}.hero-copy::after{display:none}.hero-art{min-height:360px}.hero-art .photo{width:100%;aspect-ratio:auto;height:100%}:root{--pipe-x:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work img,.btn{transition:none}.pipe-fill{height:100%}}.prose{max-width:68ch;padding-bottom:96px}.prose h2,.prose h3{font-family:var(--display);color:var(--navy)}.prose p a{color:var(--teal-deep);font-weight:700}.prose .btn{margin-top:12px}