:root{--color-background: #0B1115;--color-surface: #161D22;--color-accent: #69B7C3;--color-text: #F4F6F7;--color-secondary: #AEB8BC;--color-border: #303C43;--color-border-strong: var(--color-border);--color-header: var(--color-background);--color-surface-subtle: var(--color-surface);--color-button-background: #FFFFFF;--color-button-hover: color-mix(in srgb, var(--color-text) 90%, var(--color-secondary));--font-body: "DM Sans", ui-sans-serif, system-ui, sans-serif;--font-heading: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--radius: 8px;--transition: .18s ease;--section-space: clamp(64px, 7.2vw, 104px)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}::-moz-selection{background:var(--color-accent);color:var(--color-background)}::selection{background:var(--color-accent);color:var(--color-background)}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-family:var(--font-heading);font-weight:500}h1,h2{line-height:1.1;letter-spacing:-.055em;text-wrap:balance}h1{font-size:clamp(52px,5.3vw,76px)}h2{font-size:clamp(34px,3.5vw,50px)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{display:block;flex-shrink:0}[id]{scroll-margin-top:16px}:is(a,button):focus-visible{outline:2px solid var(--color-accent);outline-offset:5px;border-radius:4px}:is(main,section,article)[tabindex="-1"]:focus{outline:none}.container{width:min(1224px,calc(100% - 96px));margin-inline:auto}.section{padding-block:var(--section-space)}.skip-link{position:fixed;z-index:50;top:12px;left:20px;transform:translateY(-180%);padding:12px 18px;border-radius:5px;background:var(--color-text);color:var(--color-background)}.skip-link:focus{transform:translateY(0)}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--color-secondary);font-size:11px;font-weight:600;line-height:1.7;letter-spacing:.12em}.status-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--color-accent)}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--color-text);font-size:14px;text-decoration:underline;text-decoration-color:var(--color-border-strong);text-underline-offset:6px;transition:color var(--transition)}.text-link:hover{color:var(--color-accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:14px 20px;border:1px solid transparent;border-radius:5px;font-size:14px;font-weight:700;line-height:1.5;transition:background var(--transition),transform var(--transition)}.button-primary{color:var(--color-background);background:var(--color-button-background)}.button-primary:hover{background:var(--color-button-hover);transform:translateY(-2px)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin:26px 0 44px}.section-heading>p{color:var(--color-secondary);font-size:15px;max-width:330px;padding-bottom:5px}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--color-border);background:var(--color-header)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:88px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--color-text);font-family:var(--font-heading);font-size:29px;font-weight:600;line-height:1;letter-spacing:-.065em;white-space:nowrap}.brand-tech{margin-left:3px;font-weight:400;color:var(--color-text)}.hero-period{color:var(--color-accent)}.brand-mark{width:44px;height:44px;color:var(--color-text)}.brand-frame{opacity:.45}.brand-node{fill:var(--color-accent)}.brand-mark-small{width:36px;height:36px}.site-nav{display:flex;align-items:center;gap:32px;font-size:14px;color:var(--color-secondary)}.site-nav>a{display:inline-flex;align-items:center;min-height:44px;transition:color var(--transition)}.site-nav>a:hover{color:var(--color-text)}.site-nav .nav-contact{gap:16px;padding:9px 18px;color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:5px}.site-nav .nav-contact:hover{color:var(--color-accent);border-color:var(--color-accent)}.menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--color-border-strong);border-radius:5px;background:transparent;color:var(--color-text)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;min-height:650px;padding-block:74px}.hero-copy{position:relative;z-index:1}.hero h1{margin-block:25px}.hero-description{max-width:550px;font-size:17px;line-height:1.85;color:var(--color-secondary)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:32px}.hero-actions .text-link{color:var(--color-text);font-size:13px}.hero-actions .text-link:hover{color:var(--color-accent)}.hero-origin{display:flex;align-items:center;gap:12px;margin-top:45px;color:var(--color-secondary);font-size:12px}.hero-origin>span{width:25px;height:1px;flex-shrink:0;background:var(--color-border-strong)}.territory-panel{min-width:0}.art-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:13px;border-top:1px solid var(--color-border);color:var(--color-secondary);font-family:monospace;font-size:10px;letter-spacing:.08em}.territory-graphic{width:100%;height:auto}.territory-flow{stroke-linecap:round}.territory-caption{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-secondary)}.territory-caption strong{color:var(--color-text);font-weight:400}.featured-section{padding-block:42px var(--section-space);border-top:1px solid var(--color-border)}.featured-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px}.featured-heading h2{margin-top:12px;font-size:clamp(30px,3vw,40px)}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.featured-project{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-subtle);transition:border-color var(--transition),transform var(--transition)}.featured-project:hover{border-color:var(--color-accent);transform:translateY(-3px)}.featured-art{position:relative;border-bottom:1px solid var(--color-border)}.featured-art figcaption{position:absolute;left:20px;bottom:12px;color:var(--color-secondary);font-size:10px}.project-illustration{width:100%;height:auto;color:var(--color-secondary)}.featured-project-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:24px}.project-sector{color:var(--color-secondary);font-size:12px}.featured-project-title{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:6px 0 12px}.featured-project-title h3{font-size:29px;letter-spacing:-.045em}.featured-project-title>svg{color:var(--color-secondary)}.featured-project:hover .featured-project-title>svg{color:var(--color-accent)}.project-summary{color:var(--color-secondary);font-size:14px;line-height:1.8;margin-bottom:24px}.project-status{display:inline-flex;align-items:flex-start;gap:8px;color:var(--color-secondary);font-size:12px;line-height:1.7}.project-status>span{width:5px;height:5px;flex:0 0 5px;margin-top:7px;border-radius:50%;background:var(--color-accent)}.featured-project .project-status{width:100%;border-top:1px solid var(--color-border);padding-top:14px;margin-top:auto}.project-credit{color:var(--color-secondary);font-size:12px;line-height:1.8}.featured-project .project-credit{margin-top:14px}.solutions-section{border-block:1px solid var(--color-border);background:var(--color-surface-subtle)}.solutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.solution{min-width:0;border-top:1px solid var(--color-secondary);padding-top:25px}.solution-top{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--color-secondary)}.solution-top>span{color:var(--color-secondary);font-family:monospace;font-size:12px}.solution h3{font-size:24px;line-height:1.25;letter-spacing:-.04em;margin:29px 0 14px}.solution>p{max-width:330px;color:var(--color-secondary);font-size:15px}.solution .solution-detail{margin-top:24px;font-size:13px}.solutions-link{margin-top:36px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:28px}.about-grid h2{font-size:clamp(34px,3.2vw,46px)}.origin-signature{display:flex;align-items:center;gap:12px;margin-top:34px;color:var(--color-secondary);font-family:monospace;font-size:11px;letter-spacing:.08em}.origin-signature>span{width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.about-copy p{margin-bottom:18px;font-size:15px;color:var(--color-secondary)}.about-copy .about-intro{font-size:20px;line-height:1.6;color:var(--color-text)}.about-copy .text-link{margin-top:6px}.project-collection{border-top:1px solid var(--color-border)}.project-details{display:grid;gap:32px}.project-detail{display:grid;grid-template-columns:.95fr 1.05fr;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:var(--color-surface-subtle)}.project-detail:nth-child(2n) .project-detail-art{order:2;border-right:0;border-left:1px solid var(--color-border)}.project-detail-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:24px;border-right:1px solid var(--color-border);background:var(--color-surface)}.project-detail-art .project-illustration{max-width:500px;background:transparent}.project-detail-art figcaption{position:absolute;left:24px;right:24px;bottom:20px;color:var(--color-secondary);font-size:11px;line-height:1.7}.project-detail-body{padding:clamp(28px,3vw,44px)}.project-detail-body h3{font-size:38px;letter-spacing:-.045em;line-height:1.15;margin:8px 0 14px}.project-detail-body h4{font:500 14px/1.6 var(--font-body);color:var(--color-text);margin:24px 0 6px}.project-detail-body>p:not(.project-sector,.project-credit){font-size:15px;color:var(--color-secondary)}.project-detail-body .project-credit{margin-top:24px;padding-top:18px;border-top:1px solid var(--color-border)}.contact-section{background:var(--color-background);border-block:1px solid var(--color-border)}.contact-inner{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:90px;padding-block:86px}.contact-inner h2{margin:24px 0}.contact-inner p{color:var(--color-secondary);font-size:15px}.contact-card{min-width:0;border:1px solid var(--color-border-strong);border-radius:var(--radius);padding:30px;background:var(--color-surface)}.contact-icon{margin-bottom:22px;color:var(--color-secondary)}.contact-card .contact-label{font-size:11px;letter-spacing:.1em;margin-bottom:12px}.contact-email{display:flex;align-items:center;gap:12px;color:var(--color-text);font-family:var(--font-heading);font-size:clamp(22px,2vw,28px);letter-spacing:-.04em;overflow-wrap:anywhere}a.contact-email{color:var(--color-text)}a.contact-email:hover{color:var(--color-accent)}.contact-card>p:not(.contact-label){margin:16px 0 22px;font-size:14px}.contact-pending{display:inline-flex;align-items:center;gap:8px;color:var(--color-secondary);font-size:13px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:40px}.site-footer p{color:var(--color-secondary);font-size:12px;margin-top:12px}.site-footer>div:last-child{text-align:right}@media(prefers-reduced-motion:no-preference){.hero-copy{animation:enter .5s ease-out both}.territory-flow{stroke-dasharray:1;animation:connect 1.6s ease-out both}.territory-node{animation:breathe 6s ease-in-out infinite}@keyframes enter{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes connect{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes breathe{0%,to{opacity:.4}50%{opacity:1}}}@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:26px}.hero h1{font-size:60px}.hero-actions{gap:18px}.featured-grid{gap:16px}.featured-project-body{padding:20px}.about-grid,.contact-inner{gap:45px}.solutions-grid{gap:26px}}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:44px;padding-block:60px}.hero-copy{max-width:700px}.hero h1{font-size:72px}.territory-panel{width:100%;max-width:560px;justify-self:center}.territory-graphic{max-height:360px}.hero-actions{gap:24px}.featured-project-title h3{font-size:25px}.featured-project .project-sector{font-size:11px}.about-grid{grid-template-columns:1fr;gap:32px}.about-grid h2 br:last-child{display:none}.origin-signature{margin-top:24px}.project-detail{grid-template-columns:.85fr 1fr}.project-detail-body{padding:28px}.contact-inner{gap:32px}.contact-card{padding:24px}}@media(max-width:760px){html{scroll-padding-top:90px}.header-inner{min-height:74px}.menu-toggle{display:flex}.site-nav{display:none;position:absolute;top:74px;left:0;right:0;padding:18px 32px 24px;border-bottom:1px solid var(--color-border-strong);background:var(--color-surface)}.site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:6px}.site-nav>a{padding-block:8px}.site-nav .nav-contact{justify-content:space-between;margin-top:8px}.featured-heading,.section-heading{flex-direction:column;align-items:flex-start;gap:20px}.featured-heading{gap:12px}.section-heading{margin-bottom:34px}.section-heading>p{max-width:100%}.section-heading>p br{display:none}.featured-grid{grid-template-columns:1fr;gap:20px}.featured-project{display:grid;grid-template-columns:.8fr 1fr}.featured-art{display:flex;align-items:center;border-bottom:0;border-right:1px solid var(--color-border);background:var(--color-surface)}.featured-art figcaption{font-size:9px}.featured-project-body{padding:24px}.featured-project-title h3{font-size:29px}.featured-project .project-sector{font-size:12px}.solutions-grid{gap:22px}.solution h3{font-size:21px}.solution .solution-detail{display:none}.project-detail{grid-template-columns:1fr}.project-detail-art{min-height:290px;border-right:0;border-bottom:1px solid var(--color-border)}.project-detail-art .project-illustration{max-width:400px}.project-detail:nth-child(2n) .project-detail-art{order:0;border-left:0}.contact-inner{grid-template-columns:1fr;padding-block:64px}.contact-card{width:100%;max-width:460px}}@media(max-width:560px){.container{width:calc(100% - 40px)}.brand{font-size:26px;gap:7px}.brand-mark{width:38px;height:38px}.eyebrow{font-size:10px;letter-spacing:.08em}.hero{padding-block:48px;gap:36px}.hero h1{font-size:clamp(36px,10.8vw,56px)}.hero-description{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch;gap:14px}.hero-actions .text-link{justify-content:center}.hero-origin{align-items:flex-start;margin-top:30px;font-size:11px}.hero-origin>span{margin-top:10px}.territory-graphic{max-height:290px}.art-caption{font-size:8px}.territory-caption{font-size:11px}.featured-section{padding-top:34px}.featured-heading h2{font-size:31px}.featured-project{display:flex}.featured-art{border-right:0;border-bottom:1px solid var(--color-border)}.featured-art .project-illustration{max-height:240px}.featured-art figcaption{font-size:10px}.featured-project-body{padding:24px}.solutions-grid{grid-template-columns:1fr;gap:34px}.solution{padding-top:22px}.solution h3{font-size:25px;margin-top:22px}.solution>p{max-width:100%}.solution .solution-detail{display:block;margin-top:14px;font-size:13px}.about-copy .about-intro{font-size:19px}.project-detail-art{min-height:230px;padding:12px 18px 30px}.project-detail-art figcaption{font-size:10px;left:20px;right:20px;bottom:16px}.project-detail-body{padding:26px 24px}.project-detail-body h3{font-size:34px}.contact-email{font-size:clamp(20px,6.3vw,26px)}.site-footer{flex-direction:column;align-items:flex-start}.site-footer>div:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
