:root{
  --blue:#008fb1;
  --text:#4a4a4a;
  --black:#000;
  --red:#bc0000;
  --orange:#f47c20;
  --paper:#fff;
  --font:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:var(--blue);font-family:var(--font);font-stretch:condensed;color:var(--text);}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
.stage{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:7.8vmin;}
.card{position:relative;background:var(--paper);width:min(84.5vw,1224px);aspect-ratio:1224/797;box-shadow:0 0 0 1px rgba(0,0,0,.02);overflow:hidden;}
.masthead{position:absolute;left:11.6%;right:11.3%;top:8.1%;height:25%;}
h1{position:absolute;left:1.5%;top:0;margin:0;color:var(--black);font-size:clamp(50px,6.7vw,96px);font-weight:700;line-height:.98;letter-spacing:.01em;white-space:nowrap;}
.rule{position:absolute;height:7px;background:var(--blue);top:39.3%;}
.rule-left{left:0;width:35.2%;}.rule-right{left:38.5%;right:0;}
.tagline{position:absolute;right:0;top:40.5%;margin:0;color:var(--black);font-size:clamp(30px,4vw,58px);font-weight:700;line-height:1;white-space:nowrap;}
.services{position:absolute;left:14.1%;top:29.3%;width:29%;font-size:clamp(18px,2vw,30px);font-weight:500;line-height:1.17;}
.services ul{margin:0;padding:0;list-style:none}.services li{position:relative;padding-left:2.6em;margin:.12em 0}.services li::before{content:"•";position:absolute;left:.3em;top:-.05em;font-size:1.28em;color:#555;line-height:1;}
.logo{position:absolute;left:10.7%;bottom:9.8%;width:35.6%;height:auto;}
.intro{position:absolute;right:13.6%;top:29.3%;width:42%;text-align:center;font-size:clamp(20px,2.28vw,34px);font-weight:500;line-height:1.2;}
.intro p{margin:0 0 1.38em}.intro p:last-child{margin-bottom:0}
.contact{position:absolute;right:13.6%;bottom:12.4%;width:42%;text-align:center;font-style:normal;font-size:clamp(17px,1.75vw,27px);font-weight:500;line-height:1.13;display:flex;flex-direction:column;align-items:center;}
.bottom-rule{position:absolute;left:11.6%;right:11.3%;bottom:10.5%;height:7px;background:var(--blue);}
.copyright{position:absolute;left:11.6%;bottom:6.9%;margin:0;font-size:clamp(13px,1.28vw,20px);font-weight:500;color:#333;}
@media (max-width: 760px){
  .stage{padding:0;background:#fff}.card{width:100%;min-height:100svh;aspect-ratio:auto;padding:44px 28px 34px;overflow:visible;display:flex;flex-direction:column;align-items:stretch;gap:28px;box-shadow:none}.masthead,.services,.logo,.intro,.contact,.bottom-rule,.copyright{position:static;width:auto;left:auto;right:auto;top:auto;bottom:auto}.masthead{height:auto;display:block;order:1}h1{position:static;font-size:58px;line-height:.95;white-space:normal}.rule{position:static;height:5px;margin:11px 0 8px}.rule-left{width:48%;display:inline-block}.rule-right{display:none}.tagline{position:static;font-size:35px;line-height:1.05;white-space:normal}.intro{order:2;font-size:25px;line-height:1.25;text-align:left}.intro br{display:none}.intro p{margin-bottom:1em}.services{order:3;font-size:23px;line-height:1.22}.services li{padding-left:1.6em}.logo{order:4;width:min(84%,360px);align-self:center}.contact{order:5;font-size:21px;line-height:1.22;text-align:left;align-items:flex-start}.bottom-rule{order:6;height:5px;margin-top:4px}.copyright{order:7;font-size:15px}
}