@font-face{font-family:Lora;src:url('assets/Lora-variable.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:Work Sans;src:url('assets/WorkSans-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--sage:#c6d6d1;--white:#fafaf7;--gutter:clamp(28px,5.2vw,100px)}
*{box-sizing:border-box}
html{background:#26313f}
body{margin:0;color:var(--white);font-family:'Work Sans',sans-serif;-webkit-font-smoothing:antialiased}
body::selection{background:#b0c2c1;color:#26313f}
a{color:inherit;text-decoration:none}
.film{position:fixed;inset:0;overflow:hidden;background:#26313f}
.film>img,.film>video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 47%}
.film>video{opacity:0;transition:opacity 1s ease}
.film>video.is-ready{opacity:1}
.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,28,40,.47) 0%,rgba(24,33,46,.08) 31%,rgba(20,29,41,.36) 54%,rgba(16,26,39,.87) 100%),linear-gradient(90deg,rgba(24,33,46,.30),transparent 76%)}
.page{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:0 var(--gutter)}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-top:clamp(30px,4.1vh,54px)}
.logo{width:216px;height:auto;display:block}
.status{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.status-line{width:26px;height:1px;background:var(--sage)}
main{flex:1;display:flex;align-items:flex-end;padding:160px 0 74px}
.intro{animation:appear 1.25s .12s both}
.eyebrow{font-size:10px;font-weight:450;letter-spacing:.2em;text-transform:uppercase;margin:0 0 28px;color:#e0e8e6}
h1{font-family:Lora,Georgia,serif;font-size:clamp(48px,5.7vw,96px);line-height:1.11;letter-spacing:-.052em;font-weight:400;margin:0;text-wrap:balance;text-shadow:0 2px 26px rgba(9,17,27,.14)}
h1 em{font-style:normal;color:var(--sage)}
.description{font-size:15px;font-weight:350;letter-spacing:.015em;margin:27px 0 0;color:#e8eceb}
footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:24px 0 32px;border-top:1px solid rgba(238,245,242,.25);animation:appear 1.2s .3s both}
.contact{display:inline-flex;align-items:center;gap:35px;font-size:12px;letter-spacing:.03em;min-height:44px}
.contact span{position:relative}
.contact span:after{content:'';position:absolute;height:1px;left:0;right:0;bottom:-5px;background:var(--sage);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.contact:hover span:after{transform:scaleX(1)}
.contact svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .3s}
.contact:hover svg{transform:translate(2px,-2px)}
.film-details{display:flex;align-items:center;gap:28px}
.location{font-size:10px;letter-spacing:.06em;color:#d9e0df}
.motion{width:44px;height:44px;border:1px solid rgba(238,245,242,.4);border-radius:50%;background:transparent;color:var(--white);display:grid;place-items:center;cursor:pointer;transition:background .25s,border-color .25s}
.motion[hidden]{display:none}
.motion:hover{background:rgba(238,245,242,.13);border-color:var(--white)}
.motion svg{width:20px;height:20px;grid-area:1/1;fill:none;stroke:currentColor;stroke-width:1.5}
.pause-icon,.is-playing .play-icon{display:none}
.is-playing .pause-icon{display:block}
a:focus-visible,button:focus-visible{outline:2px solid var(--sage);outline-offset:7px}
@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){main{padding-bottom:95px}}
@media(max-width:760px){.masthead{align-items:flex-start;padding-top:32px;gap:20px}.logo{width:170px}.status{font-size:8px;letter-spacing:.12em;gap:8px;padding-top:8px}.status-line{width:12px}.film>img,.film>video{object-position:50% 35%}.shade{background:linear-gradient(180deg,rgba(19,28,40,.52) 0%,rgba(24,33,46,.07) 31%,rgba(16,26,39,.45) 49%,rgba(16,26,39,.94) 100%)}main{padding:240px 0 46px}h1{font-size:clamp(38px,7.4vw,55px);line-height:1.16;letter-spacing:-.05em}.eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:23px}.description{font-size:13px;line-height:1.6;margin-top:23px}footer{padding:16px 0 21px;gap:14px}.contact{font-size:10px;gap:13px}.contact svg{width:14px;height:14px}.film-details{gap:12px}.location{font-size:8px;letter-spacing:.02em}.motion{width:44px;height:44px}}
@media(max-width:380px){:root{--gutter:22px}.logo{width:149px}.status{font-size:7px}.location{display:none}h1{font-size:36px}.eyebrow{font-size:7px}}
@media(max-height:680px) and (min-width:761px){main{padding:95px 0 38px}h1{font-size:58px}.eyebrow{margin-bottom:18px}.description{margin-top:20px}.masthead{padding-top:26px}footer{padding:15px 0 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}