@font-face{font-family:LandingTeko;src:url('/assets/hema/fonts/teko.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:LandingInter;src:url('/assets/hema/fonts/inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
.landing-page{--red:#c90f18;--paper:#eeeae7;--muted:#bdb8b4;--edge:#323232;--hema:#96b9ce;--eskrima:#d9969c;margin:0;background:#080808;color:var(--paper);font:16px/1.65 LandingInter,Arial,sans-serif;color-scheme:dark}
.landing-page *{box-sizing:border-box}
.landing-page a{color:inherit;text-underline-offset:5px}
.landing-page a:focus-visible{outline:2px solid #f2eeea;outline-offset:6px}
.landing-page .skip-link{position:absolute;left:20px;top:-150px;padding:13px 20px;background:#eee;color:#111;z-index:10}
.landing-page .skip-link:focus{top:15px}
.landing-page h1,.landing-page h2,.landing-page h3,.landing-page p{margin:0}
.landing-shell{width:min(100%,1560px);margin-inline:auto;padding-inline:clamp(22px,4.5vw,72px)}
.landing-header{background:#0c0c0c;border-bottom:1px solid var(--edge)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:102px;padding-block:19px}
.landing-brand{display:flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0}
.landing-brand img{width:auto;height:64px;object-fit:contain}
.landing-header nav{display:flex;gap:clamp(18px,2.2vw,34px);align-items:center;flex-wrap:wrap;justify-content:flex-end}
.landing-header nav>a{font:500 20px/1.1 LandingTeko,sans-serif;letter-spacing:.6px;text-transform:uppercase;text-decoration:none}
.landing-header nav>a:hover{color:#ee8d94}
.landing-languages{display:flex;border:1px solid #484848;flex-shrink:0}
.landing-languages a{padding:13px 14px;font:600 12px/1.2 LandingInter,sans-serif;text-decoration:none;min-width:44px;min-height:44px;text-align:center;display:grid;place-items:center}
.landing-languages a[aria-current=page]{background:var(--red);color:#fff}
.landing-hero{position:relative;overflow:hidden;isolation:isolate;min-height:430px;border-bottom:1px solid var(--edge);display:flex;align-items:center}
.landing-hero:before{content:'';position:absolute;z-index:-2;top:0;bottom:0;right:max(0px,calc((100vw - 1560px)/2));width:min(78vw,1160px);background:url('/assets/platform/landing/hema-equipment.webp') right bottom/auto 145% no-repeat;opacity:.82}
.landing-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#080808 15%,rgba(8,8,8,.75) 44%,rgba(8,8,8,.04) 100%)}
.hero-inner{padding-block:52px}
.landing-eyebrow{display:flex;gap:14px;align-items:center;font:12px/1.5 monospace;letter-spacing:2px;text-transform:uppercase;color:#df737b}
.landing-eyebrow:before{content:'';width:31px;height:2px;background:var(--red);flex-shrink:0}
.landing-hero h1{font:600 clamp(78px,7.5vw,132px)/.91 LandingTeko,'Arial Narrow',sans-serif;letter-spacing:.3px;margin:25px 0 25px;max-width:950px}
.landing-hero h1 span{color:var(--red)}
.landing-lead{font-size:clamp(17px,1.4vw,20px);line-height:1.65;color:#cbc5c0;max-width:49ch}
.landing-register{padding-top:35px;padding-bottom:20px;scroll-margin-top:25px}
.landing-section-heading{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:18px}
.landing-section-heading h2{font:500 clamp(31px,3vw,42px)/1 LandingTeko,sans-serif}
.landing-section-heading>span{font:11px/1.5 monospace;letter-spacing:1px;color:#aaa49e}
.landing-area{--edition:#bdb8b4;display:grid;grid-template-columns:58px 140px minmax(0,1fr) 100px;gap:28px;align-items:center;min-height:180px;padding:26px 0;border-bottom:1px solid var(--edge);text-decoration:none}
.landing-area.hema,.landing-sample.hema{--edition:var(--hema)}
.landing-area.eskrima,.landing-sample.eskrima{--edition:var(--eskrima)}
.area-number{font:500 59px/1 LandingTeko,sans-serif;color:var(--edition)}
.area-image{display:block;width:140px;height:100px;object-fit:cover;border-bottom:2px solid var(--edition)}
.area-copy h3{font:600 43px/1 LandingTeko,sans-serif;letter-spacing:.6px;color:var(--edition);margin-bottom:9px}
.area-copy p{font-size:15px;line-height:1.7;color:#c9c3be;max-width:78ch}
.area-action{font:500 19px/1.1 LandingTeko,sans-serif;letter-spacing:.5px;border-bottom:1px solid #aaa19a;padding-bottom:6px;justify-self:end}
.landing-area:hover .area-action{border-color:var(--edition);color:var(--edition)}
.landing-samples{padding-top:55px;padding-bottom:35px;scroll-margin-top:25px}
.section-description{color:#c8c2bc;font-size:16px;max-width:80ch}
.landing-language-note{margin-top:19px;display:flex;align-items:baseline;gap:18px;color:#b8b0a8;font-size:13px}
.landing-language-note>span{font:11px/1.5 monospace;letter-spacing:1px;white-space:nowrap;color:#d0c7bd}
.landing-sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:25px 0 19px}
.landing-sample{--edition:#aaa;position:relative;padding:24px 85px 24px 25px;border:1px solid #353535;border-top:2px solid var(--edition);background:#111;text-decoration:none}
.landing-sample:hover{background:#171717}
.sample-meta{font:11px/1.5 monospace;text-transform:uppercase;letter-spacing:.7px;color:#aaa39c}
.landing-sample h3{font:500 34px/1.1 LandingTeko,sans-serif;margin-top:12px}
.sample-free{position:absolute;right:20px;top:23px;font-size:11px;line-height:1.4;font-weight:600;padding:4px 9px;border:1px solid #416a54;border-radius:20px;background:#183d2c;color:#c7e9d4}
.landing-text-link{font-size:14px;color:#ccc4bc}
.landing-growth{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-top:27px;padding-bottom:44px}
.landing-growth h2{font:500 35px/1 LandingTeko,sans-serif;margin-bottom:10px}
.landing-growth p{color:#bab2aa;font-size:15px;max-width:75ch}
.landing-primary-link{display:inline-block;flex-shrink:0;max-width:100%;padding:17px 24px;background:var(--red);color:white;font:500 20px/1.1 LandingTeko,sans-serif;letter-spacing:.3px;text-decoration:none}
.landing-primary-link:hover{background:#e0202a}
.landing-services{padding:60px 0 65px;background:#0b0b0b;border-top:1px solid var(--edge)}
.landing-services h2{font:600 clamp(44px,4.5vw,70px)/1 LandingTeko,sans-serif;margin:17px 0 28px}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.service-card{background:#101010;border:1px solid #343434;min-width:0;display:flex;flex-direction:column}
.service-card>a{display:block;text-decoration:none;flex:1}
.service-card img{display:block;aspect-ratio:16/9;width:100%;height:auto;object-fit:cover}
.service-copy{padding:24px 26px 21px}
.service-copy h3{font:600 40px/1 LandingTeko,sans-serif}
.service-copy p{font-size:14px;color:#bdb5ad;margin:13px 0 21px}
.service-copy>span{display:inline-block;font:500 18px/1 LandingTeko,sans-serif;border-bottom:1px solid #77716b;padding-bottom:6px}
.service-card>a:hover .service-copy>span{border-color:var(--red)}
.service-credit{font-size:11px;line-height:1.6;color:#9e9790;padding:0 26px 22px}
.landing-footer{padding:30px 0;background:#080808;border-top:1px solid var(--edge)}
.footer-inner{display:flex;gap:25px;align-items:center;justify-content:space-between}
.footer-inner strong{font:500 28px/1 LandingTeko,sans-serif;display:block}
.footer-inner>div>span{font:11px/1.6 monospace;color:#aaa29b;display:block;margin-top:7px}
.footer-inner nav{display:flex;gap:17px;flex-wrap:wrap;justify-content:flex-end;font-size:12px;color:#bbb2aa}
@media(min-width:1800px){.landing-hero{min-height:490px}.landing-area{min-height:195px}.area-copy p{font-size:16px}}
@media(max-width:900px){.landing-area{grid-template-columns:45px 110px minmax(0,1fr);gap:20px}.area-image{width:110px;height:95px}.area-number{font-size:48px}.area-action{grid-column:3;justify-self:start}.landing-growth{align-items:flex-start;flex-direction:column;gap:22px}.landing-header nav{gap:18px}.landing-header nav>a{font-size:18px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-inner nav{justify-content:flex-start}}
@media(max-width:650px){.header-inner{min-height:88px;padding-block:15px;gap:17px;flex-wrap:wrap}.landing-brand img{width:auto;height:52px}.landing-header nav{width:100%;justify-content:space-between;gap:14px}.landing-header nav>a{font-size:17px}.landing-languages{margin-left:auto}.landing-languages a{min-width:40px;padding:12px 9px}.landing-hero{min-height:380px}.hero-inner{padding-block:38px}.landing-hero:before{inset:0 0 0 10%;width:auto;background-size:auto 115%;opacity:.5}.landing-hero:after{background:linear-gradient(90deg,rgba(8,8,8,.9),rgba(8,8,8,.25))}.landing-eyebrow{font-size:10px;letter-spacing:1.2px;gap:10px}.landing-eyebrow:before{width:21px}.landing-hero h1{font-size:clamp(53px,12.8vw,80px);margin:24px 0}.landing-lead{font-size:16px}.landing-register{padding-top:28px}.landing-section-heading{align-items:flex-start;gap:17px}.landing-section-heading h2{font-size:30px}.landing-section-heading>span{font-size:10px;max-width:15ch;text-align:right}.landing-area{grid-template-columns:35px 75px minmax(0,1fr);gap:12px 14px;padding:22px 0}.area-number{font-size:39px}.area-image{width:75px;height:65px}.area-copy{grid-column:2/-1;grid-row:2}.area-copy h3{font-size:35px}.area-copy p{font-size:14px}.area-action{grid-column:3;grid-row:1;justify-self:end;font-size:16px}.landing-area .area-number{align-self:start}.landing-samples{padding-top:37px}.section-description{font-size:15px}.landing-language-note{align-items:flex-start;flex-direction:column;gap:5px}.landing-sample-grid{grid-template-columns:1fr;gap:15px}.landing-sample{padding:21px 70px 21px 20px}.landing-sample h3{font-size:31px}.sample-free{right:14px;top:20px}.landing-growth{padding-top:17px;padding-bottom:34px}.landing-growth p{font-size:14px}.landing-primary-link{font-size:19px}.landing-services{padding:38px 0 42px}.landing-services h2{font-size:43px}.service-grid{grid-template-columns:1fr;gap:22px}.service-copy{padding:21px}.service-copy h3{font-size:36px}.service-credit{padding:0 21px 20px}.footer-inner nav{font-size:12px;gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Future areas remain discoverable without claiming reader availability. */
.landing-area.is-planned{--edition:#aaa39d;scroll-margin-top:24px}.landing-area.is-planned .area-image{filter:grayscale(.8) brightness(.65)}.landing-area.is-planned .area-copy h3{color:#b8b0a8}.area-state{display:inline-block;font:10px/1.5 monospace;letter-spacing:1px;color:#d5bf8a;border:1px solid #665735;padding:4px 8px;margin:0 0 12px}.landing-area.is-planned .area-copy p{color:#b5aea8}