:root{font-family:Arial,Helvetica,sans-serif;color:#0a0d0e;background:#f7f7f5;font-synthesis:none}
*{box-sizing:border-box}
html{min-width:320px}
body{margin:0}
.hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#e7e8e7}
.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;z-index:-2}
.topbar{position:absolute;z-index:2;top:0;right:0;left:0;display:flex;align-items:center;justify-content:flex-end;gap:clamp(.55rem,1.5vw,1.5rem);min-height:70px;padding:.85rem clamp(1rem,5.5vw,6rem);font-size:clamp(.85rem,1.06vw,1.1rem);white-space:nowrap}
.topbar a{color:inherit;text-decoration:none}
.topbar a:hover{text-decoration:underline;text-underline-offset:.2em}
.topbar a:focus-visible{outline:3px solid #167d78;outline-offset:4px}
.divider{color:#555}
.copy{position:absolute;top:14%;right:6%;max-width:42%;text-align:left}
h1{margin:0;font-size:clamp(2rem,4.6vw,6rem);line-height:1.05;letter-spacing:-.058em;white-space:nowrap}
h1 span{color:#167d78}
.copyright{position:absolute;bottom:2.1%;left:3%;font-size:clamp(.68rem,.74vw,.85rem);color:#434748}
@media(max-width:1150px){
  .copy{top:16%;right:4%}
  h1{font-size:clamp(1.85rem,4.45vw,3.5rem)}
}
@media(max-width:850px){
  .hero::after{content:"";position:absolute;inset:45% 0 0;z-index:-1;background:linear-gradient(transparent,rgba(0,0,0,.12) 42%,rgba(0,0,0,.72))}
  .scene{object-position:40% center}
  .topbar{min-height:64px;justify-content:center;flex-wrap:wrap;gap:.15rem .6rem;padding:.65rem 1rem;background:linear-gradient(rgba(247,247,245,.94),rgba(247,247,245,.72));font-size:clamp(.8rem,2vw,1rem)}
  .copy{top:auto;right:1rem;bottom:11%;left:1rem;max-width:none;text-align:center;color:white}
  h1{font-size:clamp(2rem,6vw,3.4rem);white-space:normal;text-shadow:0 2px 12px rgba(0,0,0,.42)}
  h1 span{color:#56bbb4}
  .copyright{left:1rem;bottom:1.3rem;color:#f3f3f1;text-shadow:0 1px 5px #000;font-size:.7rem}
}
@media(max-width:480px){
  .topbar{font-size:clamp(.75rem,3.1vw,.88rem);gap:.1rem .45rem;padding-inline:.5rem}
  .copy{bottom:12%}
  h1{font-size:clamp(1.9rem,8.1vw,2.8rem)}
}
@media(max-width:360px){.topbar{font-size:.74rem}.divider{display:none}.topbar a{flex-basis:100%;text-align:center}}