*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #061110;--bg-soft: #0d1c1a;--surface: rgba(9, 27, 24, .76);--surface-strong: rgba(14, 38, 34, .92);--line: rgba(131, 252, 220, .14);--line-strong: rgba(255, 182, 66, .22);--text: #f4f8f7;--muted: #9cb6b1;--teal: #23b0a7;--teal-soft: #66e0d0;--orange: #ffad38;--orange-strong: #ff6a3a;--shadow: 0 24px 70px rgba(0, 0, 0, .34);--radius: 28px;--radius-sm: 18px;--container: 1180px;--page-background: radial-gradient(circle at top left, rgba(35, 176, 167, .14), transparent 28%), radial-gradient(circle at 80% 15%, rgba(255, 173, 56, .16), transparent 22%), linear-gradient(180deg, #04100f 0%, #071918 55%, #051111 100%);--header-bg: rgba(5, 16, 15, .62);--header-border: rgba(255, 255, 255, .04);--hero-noise-opacity: .18;--hero-video-opacity: .35;--hero-video-overlay: linear-gradient(180deg, rgba(4, 16, 15, .55) 0%, rgba(4, 16, 15, .78) 58%, rgba(4, 16, 15, .94) 100%), radial-gradient(circle at 50% 20%, rgba(35, 176, 167, .1), transparent 38%);--card-border: rgba(255, 255, 255, .07);--panel-border: rgba(131, 252, 220, .14);--metric-border: rgba(255, 255, 255, .06);--button-ghost-bg: rgba(255, 255, 255, .02);--button-ghost-border: rgba(255, 255, 255, .08);--field-bg: rgba(0, 0, 0, .22);--field-border: rgba(255, 255, 255, .09);--method-bg: linear-gradient(180deg, rgba(7, 17, 16, .82), rgba(8, 22, 21, .96));--section-border: rgba(255, 255, 255, .04);--footer-border: rgba(255, 255, 255, .05);--tile-bg: rgba(255, 255, 255, .03);--theme-toggle-bg: rgba(255, 255, 255, .05);--theme-toggle-border: rgba(255, 255, 255, .1);--theme-toggle-color: var(--text)}:root[data-theme=light]{--bg: #f3f2e8;--bg-soft: #fffdf5;--surface: rgba(255, 252, 243, .84);--surface-strong: rgba(255, 250, 240, .96);--line: rgba(23, 118, 107, .12);--line-strong: rgba(255, 145, 64, .18);--text: #153531;--muted: #54706b;--teal: #159388;--teal-soft: #12786f;--orange: #e38527;--orange-strong: #e36133;--shadow: 0 24px 70px rgba(42, 72, 66, .12);--page-background: radial-gradient(circle at top left, rgba(35, 176, 167, .1), transparent 28%), radial-gradient(circle at 80% 15%, rgba(255, 173, 56, .14), transparent 20%), linear-gradient(180deg, #f7f4ea 0%, #f3efe3 55%, #eeece3 100%);--header-bg: rgba(247, 244, 234, .78);--header-border: rgba(21, 53, 49, .08);--hero-noise-opacity: .06;--hero-video-opacity: .2;--hero-video-overlay: linear-gradient(180deg, rgba(247, 244, 234, .35) 0%, rgba(247, 244, 234, .6) 58%, rgba(243, 239, 227, .9) 100%), radial-gradient(circle at 50% 20%, rgba(35, 176, 167, .08), transparent 38%);--card-border: rgba(21, 53, 49, .08);--panel-border: rgba(21, 120, 111, .16);--metric-border: rgba(21, 53, 49, .08);--button-ghost-bg: rgba(255, 255, 255, .55);--button-ghost-border: rgba(21, 53, 49, .12);--field-bg: rgba(255, 255, 255, .64);--field-border: rgba(21, 53, 49, .12);--method-bg: linear-gradient(180deg, rgba(245, 241, 232, .92), rgba(238, 236, 227, .98));--section-border: rgba(21, 53, 49, .06);--footer-border: rgba(21, 53, 49, .08);--tile-bg: rgba(255, 255, 255, .44);--theme-toggle-bg: rgba(255, 255, 255, .72);--theme-toggle-border: rgba(21, 53, 49, .14);--theme-toggle-color: #153531}html{scroll-behavior:smooth}body{background:var(--page-background);color:var(--text);font-family:Manrope,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img,video{display:block;max-width:100%}.site-shell{position:relative}.container{margin:0 auto;max-width:var(--container);padding:0 24px}.brand-text,.eyebrow,h1,h2,h3,.button,.hero-metrics strong,.timeline-item span{font-family:Space Grotesk,sans-serif}.header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--header-bg);border-bottom:1px solid var(--header-border);left:0;position:sticky;top:0;width:100%;z-index:20}.nav-wrap{align-items:center;display:flex;justify-content:space-between;min-height:72px;gap:18px}.brand{align-items:center;display:inline-flex;gap:12px}.brand-mark{border-radius:14px;box-shadow:0 8px 28px #00000047;height:42px;width:42px}.brand-text{font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:lowercase}.nav{align-items:center;display:flex;gap:20px}.nav a{color:var(--muted);font-size:.92rem;font-weight:500;transition:color .2s ease}.nav a:hover{color:var(--teal-soft)}.theme-toggle{align-items:center;background:var(--theme-toggle-bg);border:1px solid var(--theme-toggle-border);border-radius:999px;color:var(--theme-toggle-color);cursor:pointer;display:inline-flex;gap:8px;min-height:40px;padding:0 14px;transition:transform .2s ease,background-color .2s ease,border-color .2s ease;white-space:nowrap}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle i{height:16px;width:16px}.theme-toggle span{font-size:.85rem;font-weight:600}.hero{overflow:clip;padding:88px 0 56px;position:relative}.hero-video-wrap{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.hero-video{height:100%;object-fit:cover;opacity:var(--hero-video-opacity);width:100%}.hero-video-overlay{background:var(--hero-video-overlay);inset:0;position:absolute}.hero-grid{align-items:center;display:grid;gap:40px;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);position:relative;z-index:2}.hero-noise{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-position:center;background-size:56px 56px;inset:0;-webkit-mask-image:radial-gradient(circle at center,black 55%,transparent 92%);mask-image:radial-gradient(circle at center,black 55%,transparent 92%);opacity:var(--hero-noise-opacity);pointer-events:none;position:absolute;z-index:1}.hero-orb{border-radius:999px;filter:blur(16px);position:absolute;z-index:1}.hero-orb-a{background:#23b0a72e;height:320px;left:-90px;top:140px;width:320px}.hero-orb-b{background:#ff6a3a26;height:280px;right:-50px;top:60px;width:280px}.hero-copy,.hero-panel,.project-card,.manifesto-card,.insight-card,.timeline-item,.contact-card,.section-heading{opacity:0;transform:translateY(24px);transition:transform .6s ease,opacity .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.eyebrow{color:var(--teal-soft);font-size:.85rem;font-weight:700;letter-spacing:.2em;margin-bottom:16px;text-transform:uppercase}.hero-copy h1{font-size:clamp(2.6rem,5.8vw,5.4rem);letter-spacing:-.04em;line-height:1;max-width:12ch}.hero-copy h1 span{color:var(--orange);display:inline-block;text-shadow:0 0 28px rgba(255,173,56,.18)}.hero-text,.section-text,.project-card p,.contact-copy p,.panel-card p,.footer-text,.contact-card label{color:var(--muted)}.hero-text{font-size:1.08rem;margin-top:22px;max-width:56ch}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.button{align-items:center;border:1px solid transparent;border-radius:999px;cursor:pointer;display:inline-flex;gap:10px;font-size:.95rem;font-weight:700;justify-content:center;min-height:50px;padding:0 24px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-primary{background:linear-gradient(135deg,var(--orange),var(--orange-strong));box-shadow:0 12px 30px #ff6d3a38;color:#081010}.button-ghost{background:var(--button-ghost-bg);border-color:var(--button-ghost-border);color:var(--text)}.button-sm{min-height:42px;padding:0 18px;font-size:.88rem}.button:disabled{opacity:.7;cursor:not-allowed;transform:none}.hero-metrics{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px}.hero-metrics article{background:var(--tile-bg);border:1px solid var(--metric-border);border-radius:var(--radius-sm);min-height:110px;padding:18px}.hero-metrics strong{color:var(--orange);display:block;font-size:1.8rem;margin-bottom:6px}.hero-metrics span{color:var(--muted);font-size:.88rem;line-height:1.3}.panel-card{background:linear-gradient(180deg,#0c221ef5,#071211f5),linear-gradient(135deg,rgba(35,176,167,.12),transparent 35%);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;position:relative}:root[data-theme=light] .panel-card{background:linear-gradient(180deg,#fffcf3f5,#f7f2e8f5),linear-gradient(135deg,rgba(35,176,167,.08),transparent 35%)}.panel-card:after{background:linear-gradient(135deg,rgba(255,173,56,.18),transparent 60%);border-radius:inherit;content:"";inset:1px;pointer-events:none;position:absolute}.panel-card-top{align-items:center;display:flex;justify-content:flex-start;gap:10px;color:var(--teal-soft);font-size:.88rem;margin-bottom:16px}.status-dot{background:var(--teal-soft);border-radius:50%;box-shadow:0 0 14px #66e0d080;display:inline-block;height:8px;width:8px}.panel-card h2{font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.1;margin-bottom:14px;max-width:12ch}.panel-card p{font-size:.95rem;line-height:1.6}.panel-cta{margin-top:22px}.section{padding:88px 0}.section-heading{margin-bottom:32px;max-width:800px}.section-heading h2{font-size:clamp(1.8rem,3.6vw,3.2rem);letter-spacing:-.03em;line-height:1.1}.section-text{font-size:1.05rem;margin-top:16px;max-width:58ch}.project-grid{display:grid;gap:20px;grid-template-columns:repeat(12,minmax(0,1fr))}.project-card{display:flex;flex-direction:column;gap:14px;min-height:100%;background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.project-card-featured{background:linear-gradient(180deg,#112c27f5,#081816f5),radial-gradient(circle at top right,rgba(255,173,56,.14),transparent 25%);border-color:var(--line-strong);grid-column:span 6}.project-grid .project-card:not(.project-card-featured){grid-column:span 6}.project-topline{align-items:center;display:flex;justify-content:space-between}.project-topline a,.muted-label{color:var(--muted);font-size:.85rem}.project-topline a{text-decoration:underline;text-decoration-color:#ffffff2e;text-underline-offset:4px;transition:color .2s ease}.project-topline a:hover{color:var(--teal-soft)}.pill{background:#66e0d014;border:1px solid rgba(102,224,208,.2);border-radius:999px;color:var(--teal-soft);display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:6px 12px;text-transform:uppercase}.pill-live{background:#ffad381f;border-color:#ffad383d;color:#ffd084}.project-logo{height:64px;object-fit:contain;object-position:left center;width:fit-content}.project-logo-small{height:80px}.project-card h3{font-size:1.3rem;margin-bottom:4px}.project-card p{font-size:.95rem;line-height:1.6}.project-card ul{display:grid;gap:8px;list-style:none;margin-top:auto}.project-card li{color:var(--muted);font-size:.88rem;padding-left:16px;position:relative;line-height:1.4}.project-card li:before{color:var(--orange);content:"•";left:0;position:absolute;font-weight:700}.method{background:var(--method-bg);border-bottom:1px solid var(--section-border);border-top:1px solid var(--section-border)}.timeline{display:grid;gap:20px}.timeline-item{align-items:flex-start;display:grid;gap:18px;grid-template-columns:64px 1fr}.timeline-item span{align-items:center;background:linear-gradient(135deg,#ffad3833,#23b0a724);border:1px solid rgba(255,255,255,.08);border-radius:16px;color:var(--text);display:inline-flex;font-size:1.3rem;font-weight:700;height:64px;justify-content:center;width:64px}.timeline-item h3{font-size:1.2rem;margin-bottom:8px}.timeline-item p{color:var(--muted);font-size:.95rem;line-height:1.6}.contact-grid{align-items:start;display:grid;gap:32px;grid-template-columns:1fr minmax(320px,440px)}.contact-copy h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1;margin-bottom:16px}.contact-copy p{font-size:1.02rem;line-height:1.6}.contact-links{display:flex;flex-direction:column;gap:12px;margin-top:24px}.contact-links a{align-items:center;color:var(--text);display:inline-flex;gap:10px;font-size:.95rem;transition:color .2s ease}.contact-links a:hover{color:var(--teal-soft)}.contact-links i{height:18px;width:18px;color:var(--teal)}.contact-card{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:16px;padding:28px}.contact-card label{display:grid;gap:8px;font-size:.92rem;font-weight:600;color:var(--text)}.contact-card input,.contact-card textarea{background:var(--field-bg);border:1px solid var(--field-border);border-radius:16px;color:var(--text);min-height:52px;padding:14px 18px;transition:border-color .2s ease,box-shadow .2s ease}.contact-card textarea{min-height:140px;resize:vertical}.contact-card input:focus,.contact-card textarea:focus{border-color:#66e0d075;box-shadow:0 0 0 4px #66e0d014;outline:none}.form-feedback{color:var(--muted);font-size:.88rem;min-height:1.2em;line-height:1.4}.footer{border-top:1px solid var(--footer-border);padding:32px 0 40px}.footer-wrap{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-title{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;margin-bottom:6px}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--muted);font-size:.88rem;transition:color .2s ease}.footer-links a:hover{color:var(--teal-soft)}@media(max-width:1080px){.hero-grid,.contact-grid{grid-template-columns:1fr}.project-card-featured,.project-grid .project-card:not(.project-card-featured){grid-column:span 6}}@media(max-width:760px){.container{padding:0 18px}.nav-wrap{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 0;min-height:auto}.nav{flex-wrap:wrap;gap:10px 16px}.theme-toggle{align-self:flex-start}.hero{padding-top:56px}.hero-metrics{grid-template-columns:1fr}.hero-metrics article{min-height:auto;padding:16px}.project-grid{grid-template-columns:1fr}.project-card-featured,.project-grid .project-card:not(.project-card-featured){grid-column:auto}.timeline-item{grid-template-columns:1fr}.timeline-item span{height:56px;width:56px;font-size:1.1rem}.footer-wrap{flex-direction:column;gap:14px}.section{padding:64px 0}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
