@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--edge:20px;--border:#ffffff28;font-family:Inter,system-ui,sans-serif;background:#0a0a0a;color:#fff;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
body,h1,h2,p,ul{margin:0}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid #fff;outline-offset:4px}
::selection{background:#fff3}
.skip{position:fixed;top:10px;left:10px;z-index:100;padding:10px;background:#111;transform:translateY(-200%)}
.skip:focus{transform:none}
.backdrop,.backdrop>*{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
.backdrop{overflow:hidden;background:#0a0a0a}
.backdrop>*{object-fit:cover;transition:opacity .5s}
.backdrop video{opacity:0}
.backdrop.ready video{opacity:1}
.backdrop.ready img{opacity:0}
.backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0009,#0004 43%,#0009)}
.bar,main{position:relative}
.bar{position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px var(--edge);border-bottom:1px solid var(--border);background:#090b0d30;backdrop-filter:blur(10px)}
.brand{justify-self:start;display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:20px;letter-spacing:-.04em}
.bar nav{display:flex;gap:32px;font-size:14px;color:#fffd}
.bar nav a:hover,.services a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.nav-cta{justify-self:end;grid-column:3}
.screen{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;gap:52px;padding:96px var(--edge) 48px}
.topline,.baseline{display:flex;flex-direction:column;gap:32px;align-items:flex-start}
.intro,.detail,.services,.badge{text-shadow:0 2px 12px #000a}
.intro{max-width:340px;font-size:18px;line-height:1.55}
.services{display:grid;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#fffe}
.badge{width:fit-content;margin-bottom:20px;padding:6px 12px;border-left:2px solid;background:#fff3;backdrop-filter:blur(12px);font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.15em}
h1,h2{font-size:clamp(38px,8.8vw,72px);line-height:1.05;font-weight:400;letter-spacing:-.055em;text-shadow:0 4px 20px #0009}
.glass{background:#ffffff1f;border:1px solid var(--border);backdrop-filter:blur(12px)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:500;transition:background .3s}
.button.glass:hover{background:#fff4}
.button.solid{background:#fff;color:#101010}
.button.solid:hover{background:#ffffffd9}
.button.nav-cta{border-radius:6px;white-space:nowrap}
.contact{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px}
.contact strong,.contact small{display:block}
.contact strong{font-size:14px;font-weight:500}
.contact small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#fffc;margin:6px 0 12px}
.monogram{display:grid;place-content:center;grid-auto-flow:column;width:80px;height:96px;flex:none;border-radius:8px;background:#193c2f;color:white;font-size:25px;font-weight:700;letter-spacing:-.06em}
.monogram span{color:#ffae78}
.spacer{height:80vh}
.detail{margin-top:24px;max-width:440px;color:#fffd;line-height:1.6}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.panel{list-style:none;width:min(100%,448px);padding:0 22px;border-radius:16px;background:#ffffff19}
.panel li{display:flex;gap:20px;padding:20px 0}
.panel li+li{border-top:1px solid var(--border)}
.panel li>span{padding-top:4px;font-size:11px;color:#fffb;letter-spacing:.15em}
.panel a{font-size:17px;font-weight:500}
.panel b{display:inline-block;color:#fff9;transition:transform .3s,color .3s}
.panel a:hover b,.panel a:focus-visible b{transform:translateX(3px);color:#fff}
.panel p{margin-top:6px;color:#fffc;font-size:14px;line-height:1.5}
.motion [data-reveal]{transition:transform .7s ease-out,opacity .7s ease-out;transition-delay:var(--delay,0ms)}
.motion [data-reveal]:not(.visible):not(:focus-within){opacity:0;transform:translateY(32px)}
@media(min-width:640px){:root{--edge:32px}.screen{padding-top:112px}.topline{flex-direction:row;justify-content:space-between}.intro{text-align:right;font-size:20px}}
@media(min-width:768px){:root{--edge:48px}.screen{padding-bottom:64px}.baseline{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:48px}}
@media(max-width:767px){.bar nav{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.motion [data-reveal]:not(.visible){opacity:1;transform:none}}
h1,h2{font-size:48px;letter-spacing:-.025em}
.screen{gap:32px}
.intro{max-width:20rem;line-height:1.625}
.badge{background:#ffffff26}
@media(min-width:640px){h1,h2{font-size:60px}}
@media(min-width:1024px){h1,h2{font-size:72px}.bar nav{gap:40px}}
@media(max-width:420px){.monogram{width:64px;height:80px}}
@media(max-width:350px){h1,h2{font-size:42px}}