@font-face{font-family:'IBM Plex Sans';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/IBMPlexSans-Regular.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:600;font-style:normal;font-display:swap;src:url(fonts/IBMPlexSans-SemiBold.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:700;font-style:normal;font-display:swap;src:url(fonts/IBMPlexSans-Bold.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/IBMPlexMono-Regular.woff2) format('woff2')}

:root{--container:70rem}
h1,h2,h3{font-family:var(--font-display);font-weight:700}
h1{font-size:clamp(2.5rem,1.6rem + 3.6vw,4rem)}
h2{font-size:var(--t-xl)}
.muted{color:var(--ink-muted)}

/* header — transparent over the hero, solid on plain pages */
.site-header{padding-block:var(--s-md)}
.site-header.over{position:absolute;inset-inline:0;inset-block-start:0;z-index:5}
.site-header.solid{background:var(--n-950)}
.site-header .center{display:flex;align-items:center;justify-content:space-between;gap:var(--s-md)}
.logo{block-size:2.25rem;inline-size:auto;border-radius:0}
.logo .s,.logo .u,.logo .w{fill:#f6f2f0}
.logo .l{fill:var(--brand-500)}
.logo .w{font-family:var(--font-display);font-weight:700}
.site-header a{color:#f6f2f0;text-decoration:none}
.site-header .nav{font-weight:600;font-size:var(--t-sm);padding:var(--s-xs) var(--s-md);border-radius:var(--r-full);border:1px solid rgba(246,242,240,.35);background:rgba(15,13,13,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.site-header .nav:hover{border-color:rgba(246,242,240,.7)}
.site-header :focus-visible{outline:3px solid #fff;outline-offset:3px}

/* hero — looping shop video under a dark veil */
.hero{position:relative;overflow:hidden;isolation:isolate;background:var(--n-1000);color:#f6f2f0;min-height:80svh;display:flex;align-items:center}
@media (min-width:48rem){.hero{min-height:90svh}}
.bg{position:absolute;inset:0;z-index:-2;background:var(--n-1000) url('/media/poster.jpg') center/cover no-repeat}
.bg video{inline-size:100%;block-size:100%;object-fit:cover;display:block;border-radius:0}
.veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,13,13,.5) 0%,rgba(15,13,13,.3) 45%,rgba(15,13,13,.8) 100%)}
@media (max-width:43.75rem){.veil{background:linear-gradient(180deg,rgba(15,13,13,.62) 0%,rgba(15,13,13,.5) 45%,rgba(15,13,13,.86) 100%)}}
.hero-inner{inline-size:100%;display:grid;gap:var(--s-lg);padding-block:6rem 8rem;align-content:center}
.hero-mark{inline-size:5rem;block-size:5rem;border-radius:0;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
.hero-mark .s,.hero-mark .u{fill:#f6f2f0}.hero-mark .l{fill:var(--brand-500)}
.hero h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.5)}
.lede{font-size:var(--t-lg);line-height:1.35;max-width:34ch;color:#f1ebe8;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.hero .mission{font-size:var(--t-base);line-height:1.5;max-width:46ch;color:#e2d9d5;border-inline-start:3px solid var(--accent-500);padding-inline-start:var(--s-md)}
.hero .btn{justify-self:start}
.hero :focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.bg video{display:none}}

/* facts strip — overlaps the hero edge, rest elevation */
.facts{position:relative;z-index:2;margin-block-start:-3.5rem}
.facts-card{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);background:var(--surface-raised);border-radius:var(--r-lg);box-shadow:var(--e4)}
.facts-card li{padding:var(--s-lg);font-size:var(--t-lg);font-weight:600;line-height:1.25;letter-spacing:var(--track-tight);color:var(--ink-strong)}
.facts-card li+li{border-block-start:1px solid var(--line)}
@media (min-width:48rem){
  .facts-card{grid-template-columns:repeat(3,minmax(0,1fr))}
  .facts-card li{padding:var(--s-xl)}
  .facts-card li+li{border-block-start:0;border-inline-start:1px solid var(--line)}
}

/* about */
.section{padding-block:var(--s-4xl)}
.about-grid{display:grid;gap:var(--s-lg);grid-template-columns:minmax(0,1fr);align-items:start}
.about-card{background:var(--surface-raised);border-radius:var(--r-lg);box-shadow:var(--e3);padding:var(--s-xl);border-inline-start:4px solid var(--accent-500)}
.about-card p{font-size:var(--t-md);line-height:1.6;max-width:var(--measure)}
@media (min-width:48rem){.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--s-2xl)}}

/* careers band */
.careers{background:var(--n-1000);color:var(--n-25);padding-block:var(--s-2xl)}
.careers .center{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-lg)}
.careers h2{color:var(--brand-400)}
.careers p{font-size:var(--t-md);margin-block-start:var(--s-xs);color:var(--n-200)}
.careers .btn--light{--btn-bg:var(--brand-500);--btn-ink:var(--n-1000)}
.careers .btn--light:hover{--btn-bg:var(--brand-400)}
.btn{text-decoration:none;--btn-ink:var(--n-1000)}
.btn:hover{--btn-ink:var(--n-1000)}
.btn:hover{text-decoration:none}
.btn--light{--btn-bg:var(--n-25);--btn-ink:var(--n-1000)}
.btn--light:hover{--btn-bg:var(--n-100)}
.careers :focus-visible{outline-color:var(--n-25)}

/* contact */
.contact{background:var(--surface-sunken)}
.contact .center{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-sm) var(--s-xl)}
.contact-mail{font-size:var(--t-lg);font-weight:600;color:var(--ink-strong);padding-block:var(--s-xs)}

.site-footer{padding-block:var(--s-lg);font-size:var(--t-sm)}
.site-footer .center{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-xs) var(--s-xl)}

.notfound{padding-block:var(--s-4xl)}
.notfound p{margin-block:var(--s-md) var(--s-lg);font-size:var(--t-md)}

p,li,h1,h2{hyphens:manual}
/* footer corner: employee portal */
.portal{font-weight:600;color:var(--ink,inherit);text-decoration:none;border-bottom:2px solid var(--brand-500,#caa23b);padding-bottom:.1rem}
.portal:hover{color:var(--brand-600,#a9842a)}
.portal:focus-visible{outline:3px solid var(--brand-500,#caa23b);outline-offset:3px}