*{box-sizing:border-box}html{background:#101510;color:#f4f4ef;font-family:Arial,Helvetica,sans-serif}body{margin:0}.hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:flex;flex-direction:column}.film,.shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.film{object-fit:cover;object-position:center}.shade{z-index:-1;background:linear-gradient(90deg,rgba(5,12,10,.65),rgba(5,12,10,.08) 85%),linear-gradient(0deg,rgba(5,10,8,.75),transparent 70%,rgba(5,10,8,.35))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 5vw}.logo{width:clamp(190px,20vw,290px);height:auto;filter:drop-shadow(0 2px 12px #0006)}.contact{position:relative;display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border:1px solid #ffffff60;border-radius:50%;background:#10151038;backdrop-filter:blur(12px);color:#fff;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}.contact svg{width:26px;height:26px}.contact:hover{background:#ffffff20;border-color:#fff;transform:translateY(-2px)}.contact-label{position:absolute;right:calc(100% + 14px);font-size:14px;letter-spacing:.06em;opacity:0;transition:opacity .2s}.contact:hover .contact-label,.contact:focus-visible .contact-label{opacity:1}.statement{margin-top:auto;padding:80px 5vw 9vh}h1{margin:0;font-size:clamp(64px,8.7vw,140px);font-weight:400;line-height:.99;letter-spacing:-.065em;text-shadow:0 3px 28px #0002}h1 span{color:#d4ddcb}.playback{position:absolute;right:5vw;bottom:42px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;background:#10151038;color:#fff;cursor:pointer;backdrop-filter:blur(12px)}.playback[hidden]{display:none}.playback svg{width:20px;height:20px}.playback .pause-icon{display:none}.playback.is-playing .pause-icon{display:block}.playback.is-playing .play-icon{display:none}a:focus-visible,button:focus-visible{outline:2px solid #efffc9;outline-offset:6px}@media(max-width:600px){.topbar{padding:27px 7vw}.logo{width:185px}.contact{width:48px;height:48px}.contact-label{display:none}.statement{padding:80px 7vw 18svh}h1{font-size:clamp(46px,12vw,72px);line-height:1.04;letter-spacing:-.058em}.film{object-position:56% center}.shade{background:linear-gradient(0deg,#050c0aea,rgba(5,12,10,.1) 85%),linear-gradient(90deg,#050c0a55,transparent)}.playback{right:7vw;bottom:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-height:500px) and (min-width:601px){.topbar{padding-top:20px;padding-bottom:20px}.statement{padding-top:30px;padding-bottom:30px}h1{font-size:60px}}
/* Fit the complete composition to the visible viewport, including mobile browser chrome. */
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
.hero{height:100vh;height:100dvh;min-height:0}
.topbar{flex:0 0 auto;padding:max(env(safe-area-inset-top),clamp(18px,4dvh,40px)) max(env(safe-area-inset-right),5vw) 18px max(env(safe-area-inset-left),5vw)}
.logo{min-width:0;max-width:calc(100% - 84px)}
.statement{flex:0 0 auto;padding:0 max(env(safe-area-inset-right),5vw) max(80px,9dvh) max(env(safe-area-inset-left),5vw)}
h1{font-size:min(8.7vw,17dvh,140px)}
.playback{right:max(env(safe-area-inset-right),5vw);bottom:max(calc(env(safe-area-inset-bottom) + 16px),4dvh)}
@media(max-width:600px){
  .topbar{gap:18px;padding: max(calc(env(safe-area-inset-top) + 12px),3dvh) max(env(safe-area-inset-right),7vw) 16px max(env(safe-area-inset-left),7vw)}
  .logo{width:185px;max-width:calc(100% - 66px)}
  .statement{padding:0 max(env(safe-area-inset-right),7vw) max(88px,18dvh) max(env(safe-area-inset-left),7vw)}
  h1{font-size:min(12vw,14dvh,72px)}
  .playback{right:max(env(safe-area-inset-right),7vw);bottom:max(calc(env(safe-area-inset-bottom) + 16px),3dvh)}
}
@media(max-height:500px){
  .topbar{padding-top:max(calc(env(safe-area-inset-top) + 8px),12px);padding-bottom:8px}
  .logo{width:190px}
  .contact{width:44px;height:44px}
  .statement{padding-top:0;padding-bottom:max(calc(env(safe-area-inset-bottom) + 20px),6dvh);padding-right:90px}
  h1{font-size:min(8vw,17dvh,60px);line-height:1}
  .contact-label{display:none}
  .playback{bottom:max(calc(env(safe-area-inset-bottom) + 12px),4dvh)}
}