.site-header { background:#09131f; }
.hero-stage { min-height:820px; position:relative; isolation:isolate; overflow:hidden; background:#06121f; }
.hero-media,.hero-shade { position:absolute; inset:0; z-index:-2; }
.hero-media img,.hero-media video { width:100%; height:100%; object-fit:cover; object-position:67% center; position:absolute; inset:0; }
.hero-shade { z-index:-1; background:linear-gradient(90deg,rgba(5,15,26,.96) 0%,rgba(5,15,26,.82) 34%,rgba(5,15,26,.25) 70%,rgba(5,15,26,.16)),linear-gradient(0deg,#09131f 0%,transparent 30%,rgba(5,15,26,.2)); }
.hero-content { position:relative; padding-top:88px; }
.hero-copy { max-width:730px; }
.hero-stage .eyebrow { font-size:11px; letter-spacing:.14em; color:#e7cb91; margin-bottom:28px; }
.hero-stage h1 { font-size:80px; line-height:1.025; letter-spacing:-.065em; text-shadow:0 5px 35px #05101b40; }
.hero-stage h1>span { color:#e6cd9c; }
.hero-stage .hero-description { margin-top:31px; max-width:490px; font-size:16px; line-height:1.8; color:#d0d7de; }
.hero-stage .hero-actions { margin-top:30px; gap:26px; }
.hero-stage .hero-note { color:#b2bfcb; margin-top:23px; }
.hero-stage .text-link { color:#e9e9e3; }
.hero-stage .motion-toggle { bottom:116px; right:0; background:#071725bf; backdrop-filter:blur(8px); }
.hero-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; border-top:1px solid #64717d73; margin-top:72px; padding-block:24px; color:#d5dce2; font:500 12px/1.5 var(--heading); }
.hero-principles>span { display:flex; gap:15px; align-items:center; }
.hero-principles i { font-style:normal; color:#d8bc82; font-size:10px; }
.implementation-intro { display:grid; grid-template-columns:1fr 1fr; gap:100px; padding-block:90px; }
.implementation-intro h2 { font-size:44px; }
.intro-copy { padding-top:35px; }
.intro-copy p { color:#b9c5ce; font-size:14px; margin-bottom:18px; }
.intro-copy p:first-child { color:#e5e8e8; font-size:17px; line-height:1.75; }
.intro-copy .text-link { margin-top:8px; }
.services-section { background:#101e2b; position:relative; isolation:isolate; overflow:hidden; }
.services-section:before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(#101e2bc4,#101e2bf2 85%),url('assets/mycel-roots.webp') center 35%/cover no-repeat; opacity:.65; }
.service-grid { gap:22px; }
.service-card,.service-card:nth-child(2) { background:#102131eb; padding:30px 32px; border-color:#3a4d5e; }
.service-card:nth-child(3),.service-card:nth-child(4) { background:#122330e8; }
.service-topline { margin-bottom:19px; }
.service-card h3 { font-size:31px; margin-bottom:17px; letter-spacing:-.04em; }
.service-card>p { font-size:13px; max-width:none; }
.service-card ul { margin-block:19px 23px; }
.service-card li { padding-block:5px; }
.service-bottom>.deliverable-label { color:#d4bd8c; font:500 9px/1.5 var(--heading); letter-spacing:.1em; margin-bottom:9px; }
.service-bottom p { font-size:12px; color:#c4cfd8; line-height:1.75; }
.services-next { display:flex; gap:30px; justify-content:space-between; align-items:center; margin-top:34px; }
.services-next p { color:#aebdc9; font-size:12px; line-height:1.9; }
.services-next strong { color:#e0e5e8; font-weight:400; }
.services-next .text-link { flex-shrink:0; }
.possibilities .section-heading>p { max-width:385px; }
.problem-label { display:block; margin-top:20px; }
.workflow-summary { margin-top:6px; line-height:1.8; }
.workflow-tabs button { padding-block:35px; }
.workflow-panel { padding:32px 36px; }
.workflow-step { padding-block:17px; }
.workflow-approval { margin-top:3px; }
.approach-section { position:relative; isolation:isolate; overflow:hidden; padding-top:50px; }
.approach-art { position:absolute; z-index:-1; width:58%; height:440px; right:-13%; top:0; mask-image:linear-gradient(90deg,transparent,#000 40%,#000),linear-gradient(#000,transparent); mask-composite:intersect; opacity:.38; pointer-events:none; }
.approach-art img { width:100%; height:100%; object-fit:cover; }
.approach-section .section-heading { position:relative; }
.approach-section .section-heading>p { padding:20px; background:#09131fd9; border-left:1px solid #665a43; }
.process-grid article { background:#09131fd9; }
.founder-image .image-caption { top:auto; bottom:38px; left:40px; font-size:30px; max-width:360px; z-index:1; }
.founder-image:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,14,21,.88),transparent 70%); }
.founder-image img { object-position:46% center; }
.founder-copy { padding-block:67px; }
.founder-copy h2 { font-size:40px; }
.closing-inner { padding-block:85px 120px; }
@media(min-width:1600px) { .hero-stage { min-height:880px; }.hero-stage h1 { font-size:88px; }.hero-content { padding-top:110px; } }
@media(max-width:1150px) {
 .hero-stage { min-height:780px; }.hero-content { padding-top:75px; }.hero-stage h1 { font-size:71px; }.hero-copy { max-width:675px; }.hero-stage .hero-description { font-size:15px; }
 .implementation-intro { gap:65px; }.implementation-intro h2 { font-size:39px; }.intro-copy p:first-child { font-size:16px; }.service-card { padding:27px; }.service-card h3 { font-size:29px; }.founder-copy h2 { font-size:35px; }
}
@media(max-width:900px) {
 .hero-stage { min-height:760px; }.hero-stage h1 { font-size:65px; }.hero-shade { background:linear-gradient(90deg,#05101aed,#05101a98 65%,#05101a50),linear-gradient(0deg,#09131f,transparent 40%); }.hero-media img,.hero-media video { object-position:60% center; }
 .hero-principles { font-size:11px; gap:15px; margin-top:65px; }.hero-principles>span { gap:10px; }.hero-stage .hero-description { max-width:470px; }
 .implementation-intro { gap:38px; padding-block:75px; }.implementation-intro h2 { font-size:36px; }.intro-copy { padding-top:30px; }.intro-copy p { font-size:12px; }.intro-copy p:first-child { font-size:14px; }
 .service-card,.service-card:nth-child(2) { padding:25px; }.service-card h3 { font-size:26px; }.service-card>p { font-size:12px; }.service-card li,.service-bottom p { font-size:11px; }.services-next { align-items:flex-start; }.services-next p { font-size:11px; }
 .founder-image .image-caption { left:28px; font-size:27px; }.founder-copy { padding-block:45px; }.founder-copy h2 { font-size:32px; }
}
@media(max-width:700px) {
 .hero-stage { min-height:0; }.hero-content { padding-top:51px; }.hero-copy { max-width:550px; }.hero-stage .eyebrow { font-size:9px; letter-spacing:.1em; margin-bottom:25px; }.hero-stage h1 { font-size:clamp(50px,13.5vw,72px); line-height:1.05; }
 .hero-media img,.hero-media video { object-position:58% center; }.hero-shade { background:linear-gradient(90deg,#06121fec,#06121fc2 62%,#06121f80),linear-gradient(0deg,#09131f 2%,transparent 70%); }
 .hero-stage .hero-description { font-size:13px; line-height:1.85; margin-top:27px; max-width:460px; }.hero-stage .hero-actions { gap:16px; flex-wrap:wrap; margin-top:26px; }.hero-stage .hero-actions .button { font-size:12px; padding:16px 18px; gap:25px; }.hero-stage .hero-actions .text-link { font-size:11px; }
 .hero-stage .hero-note { font-size:10px; margin-top:21px; max-width:260px; }.hero-stage .motion-toggle { position:relative; bottom:auto; right:auto; width:max-content; margin-top:33px; min-height:44px; background:#071725bd; font-size:10px; }
 .hero-principles { margin-top:25px; gap:0; padding-block:18px; font-size:10px; grid-template-columns:1fr; }.hero-principles>span { padding-block:6px; gap:14px; }.hero-principles i { font-size:9px; }
 .implementation-intro { grid-template-columns:1fr; gap:25px; padding-block:60px; }.implementation-intro h2 { font-size:35px; }.implementation-intro h2 br:last-child { display:none; }.intro-copy { padding:0; }.intro-copy p:first-child { font-size:15px; }.intro-copy p { font-size:12px; }
 .services-section .section { padding-block:60px; }.services-section .section-heading h2 { font-size:34px; }.service-grid { gap:18px; }.service-card,.service-card:nth-child(2) { padding:25px 23px; }.service-card h3 { font-size:28px; }.service-card>p { font-size:12px; }.service-card li { font-size:11px; }.service-card ul { margin-block:18px; }.service-bottom p { font-size:11px; }
 .services-next { display:block; margin-top:25px; }.services-next .text-link { margin-top:16px; font-size:12px; }.services-next p { font-size:11px; }
 .workflow-tabs button { padding:21px 20px; }.workflow-panel { padding:27px 23px; }.workflow-step { padding-block:15px; }.workflow-summary { font-size:12px; }.workflow-approval { padding:13px; }.approach-section { padding-top:10px; }.approach-art { width:120%; height:340px; right:-45%; top:-25px; opacity:.34; }.approach-section .section-heading>p { padding:15px 0 0; border:0; background:transparent; max-width:90%; }
 .founder-image { min-height:350px; }.founder-image img { object-position:center; }.founder-image .image-caption { font-size:27px; bottom:29px; left:25px; top:auto; }.founder-copy { padding:39px 25px 44px; }.founder-copy h2 { font-size:34px; }
 .closing-inner { padding-block:55px 100px; }
}
@media(max-width:360px) { .hero-stage h1 { font-size:46px; }.hero-stage .eyebrow { font-size:8px; }.hero-stage .hero-actions { gap:14px; }.hero-stage .hero-description { font-size:12px; }.service-card h3 { font-size:26px; }.hero-principles { font-size:10px; } }

