@font-face{font-family:'DM Serif Display';src:url('/assets/dm-serif-display.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url('/assets/dm-serif-display-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
/* Reference-led masthead: inset bar, centered navigation, quiet sales action. */
.header{position:relative;z-index:20;background:#fff;border:1px solid #e8e7e0;border-radius:20px;margin:24px 48px 0;box-shadow:0 4px 16px rgb(24 24 24/.025)}
.header .nav{display:grid;grid-template-columns:1fr auto 1fr;min-height:80px;padding-inline:32px;gap:24px;max-width:none}
.header .brand{font-size:22px;justify-self:start}.header .brand-mark{transform:skewY(-22deg)}
.header .desktop-nav{margin:0;gap:4px;padding:4px;align-items:center;background:#f5f4f0;border-radius:999px}
.header .desktop-nav a{font-size:14px;padding:12px 20px;border-radius:999px;line-height:20px;color:#5e5e56;transition:background 160ms var(--ease),color 160ms var(--ease)}
.header .desktop-nav a:hover,.header .desktop-nav a[aria-current]{background:#e9e7df;color:#181818}
.header .nav-contact{display:flex;justify-self:end;border:1px solid #d5d5cc;border-radius:999px;padding:12px 24px;min-height:44px;font-size:14px;line-height:20px;background:#fff}
.header .nav-contact:hover{background:#181818;border-color:#181818;color:#fff}
.home-page .header{position:absolute;top:0;left:0;right:0}
.hero-landscape{position:relative;isolation:isolate;min-height:1024px;background:#f5f4f0;color:#181818;overflow:hidden;border-radius:0 0 32px 32px}
.hero-scenery{position:absolute;z-index:-1;left:0;right:0;bottom:-1px;height:950px;pointer-events:none;overflow:hidden}
.hero-scenery img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;mask-image:linear-gradient(to bottom,transparent,#000 18%);transform-origin:50% 100%}
.hero-content{position:relative;padding-top:192px;text-align:center}
.hero-landscape .hero-copy{padding:0;max-width:1100px;margin-inline:auto;z-index:1}
.hero-kicker{display:flex;justify-content:center;align-items:center;gap:10px;margin:0!important;color:#5b6250!important;font-size:14px!important;line-height:20px!important;font-weight:500;max-width:none!important}
.hero-kicker>span{width:6px;height:6px;background:#92975c;border-radius:50%}
.hero-landscape h1{font-family:'DM Serif Display',Georgia,serif;font-size:96px;line-height:1.04;font-weight:400;margin:24px auto 0;max-width:100%;width:auto;text-wrap:balance}
.hero-landscape .hero-line{display:block;color:#21251c;will-change:auto}
.hero-landscape .hero-line-accent{font-style:italic;color:#a64731}
.hero-landscape .hero-description{font-size:18px;line-height:28px;max-width:680px;margin:24px auto 0;color:#55574e}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:32px}
.hero-landscape .hero-primary{background:#242b1d;color:#fff;border-radius:999px;min-height:52px;padding:12px 28px;margin:0;font-size:14px;line-height:24px}
.hero-landscape .hero-primary:hover{background:#3d4731;transform:translateY(-2px)}
.hero-starting{font-size:14px;color:#595d51}.hero-starting strong{font-weight:700;color:#242b1d}
.hero-footnote{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:center;gap:32px;color:#fff;font-size:12px;line-height:20px;text-shadow:0 1px 8px #18200c}
.hero-footnote span+span:before{content:'·';margin-right:32px}
.home-page .servers{padding-top:80px}
.tagline h2 span{transition:none}.control-type span{animation:none}
@media(min-width:1600px){.hero-landscape{min-height:1120px}.hero-scenery{height:1100px}.hero-content{padding-top:208px}.hero-landscape h1{font-size:112px}}
@media(max-width:1100px){.header{margin-inline:32px}.header .nav{padding-inline:24px;gap:16px}.header .desktop-nav a{padding-inline:16px}.hero-landscape h1{font-size:88px}.hero-landscape{min-height:960px}.hero-scenery{height:850px}.hero-content{padding-top:176px}}
@media(max-width:800px){.header{margin:16px 24px 0;border-radius:16px}.header .nav{grid-template-columns:1fr auto;min-height:72px;gap:24px}.header .desktop-nav{display:none}.header .nav-contact{display:none}.header .mobile-menu{display:block;font-size:14px}.header .mobile-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:44px}.header .mobile-menu summary::-webkit-details-marker{display:none}.header .mobile-menu summary span{font-size:24px}.header .mobile-menu[open] summary span{transform:rotate(45deg)}.header .mobile-menu nav{position:absolute;top:80px;left:0;right:0;background:#fff;color:#181818;padding:16px 24px;display:flex;flex-direction:column;border:1px solid #e8e7e0;border-radius:16px;box-shadow:0 10px 24px rgb(0 0 0/.08)}.header .mobile-menu nav a{padding-block:12px}.hero-content{padding-top:152px}.hero-landscape h1{font-size:76px}.hero-landscape{min-height:920px}.hero-scenery{height:760px}.hero-footnote{font-size:12px;gap:16px}.hero-footnote span+span:before{margin-right:16px}}
@media(max-width:540px){.header{margin:12px 16px 0;border-radius:16px}.header .nav{padding-inline:16px;min-height:64px}.header .brand{font-size:20px}.header .mobile-menu nav{top:72px}.hero-landscape{min-height:800px;border-radius:0 0 24px 24px}.hero-content{padding-top:128px;padding-inline:20px}.hero-kicker{font-size:12px!important;line-height:20px!important}.hero-landscape h1{font-size:52px;line-height:1.08;margin-top:24px}.hero-landscape .hero-description{font-size:14px;line-height:24px;max-width:360px;margin-top:24px}.hero-description br{display:none}.hero-actions{margin-top:24px;gap:16px;flex-direction:column}.hero-landscape .hero-primary{min-height:48px;font-size:14px;padding-inline:28px}.hero-starting{font-size:12px}.hero-scenery{height:450px;left:-32%;right:-32%;width:164%}.hero-scenery img{object-position:60% bottom;mask-image:linear-gradient(to bottom,transparent,#000 24%)}.hero-footnote{bottom:24px;font-size:10px;gap:12px}.hero-footnote span+span:before{margin-right:12px}.hero-footnote span:last-child{display:none}.home-page .servers{padding-top:64px}}
@media(max-width:360px){.hero-landscape h1{font-size:44px}.hero-landscape{min-height:780px}.hero-content{padding-inline:16px}.hero-scenery{height:420px}.hero-landscape .hero-description{font-size:14px}}
@media(min-width:541px){.hero-scenery{bottom:-80px}}
@media(max-width:540px){.hero-landscape h1{font-size:48px}}
@media(max-width:360px){.hero-landscape h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.hero-scenery img,.hero-line{transform:none!important}.hero-landscape .hero-primary:hover{transform:none}}