:root { --graphite:#111310; --paper:#f0f1e9; --olive:#a6ae72; --olive-dark:#7c8550; --line:rgba(17,19,16,.16); --muted:#6c7167; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--paper); }
body { margin:0; background:var(--paper); color:var(--graphite); font-family:Inter,Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; }

.brand-intro { position:fixed; inset:0; z-index:100; overflow:hidden; pointer-events:none; background:var(--paper); animation:intro-shell 2.7s ease forwards; }
.brand-intro::after { content:''; position:absolute; inset:0; border:clamp(10px,1.5vw,24px) solid var(--olive); opacity:.78; animation:intro-frame 2.7s cubic-bezier(.76,0,.24,1) forwards; }
.brand-intro img { position:absolute; left:50%; top:50%; width:100vw; height:100svh; max-width:none; object-fit:contain; transform:translate(-50%,-50%); animation:intro-logo 2.7s ease forwards; }
@keyframes intro-shell { 0%,58% { opacity:1; visibility:visible; } 94% { opacity:0; visibility:visible; } 100% { opacity:0; visibility:hidden; } }
@keyframes intro-logo { 0%,58% { opacity:1; transform:translate(-50%,-50%) scale(1); } 100% { opacity:0; transform:translate(-50%,-50%) scale(.96); } }
@keyframes intro-frame { 0%,42% { opacity:.78; } 82%,100% { opacity:0; } }

.site-header { position:sticky; top:0; z-index:30; height:82px; padding:0 clamp(22px,5vw,76px); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); background:rgba(240,241,233,.9); backdrop-filter:blur(16px); }
.wordmark { display:inline-flex; align-items:center; gap:12px; width:max-content; text-transform:uppercase; }
.wordmark-symbol { width:42px; height:42px; display:grid; place-items:center; background:var(--graphite); color:var(--olive); font-size:13px; font-weight:800; letter-spacing:-.04em; }
.wordmark span:last-child { display:grid; gap:3px; }.wordmark b { font-size:13px; letter-spacing:.2em; }.wordmark small { color:var(--olive-dark); font-size:8px; letter-spacing:.24em; }
.desktop-nav { display:flex; gap:32px; font-size:12px; text-transform:uppercase; letter-spacing:.1em; }.desktop-nav a { position:relative; }.desktop-nav a::after { content:''; position:absolute; left:0; bottom:-7px; width:0; height:1px; background:var(--olive-dark); transition:width .2s ease; }.desktop-nav a:hover::after { width:100%; }
.system-link { justify-self:end; border-bottom:1px solid var(--graphite); padding:8px 0; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }.system-link span { color:var(--olive-dark); margin-left:8px; }

.hero { min-height:calc(100svh - 82px); position:relative; padding:clamp(70px,10vw,140px) clamp(22px,5vw,76px) 72px; display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(40px,7vw,110px); align-items:center; overflow:hidden; }
.hero::before { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 49.93%,var(--line) 50%,transparent 50.07%),linear-gradient(var(--line) 1px,transparent 1px); background-size:100% 100%,100% 25%; opacity:.45; }
.hero-copy,.brand-stage { position:relative; z-index:1; }.eyebrow { margin:0 0 26px; display:flex; align-items:center; gap:10px; color:var(--olive-dark); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.16em; }.eyebrow span { width:28px; height:1px; background:currentColor; }
.hero h1 { margin:0; max-width:900px; font-size:clamp(48px,6.3vw,104px); line-height:.95; letter-spacing:-.065em; font-weight:600; }.hero h1 em { color:var(--olive-dark); font-style:normal; }
.hero-lead { max-width:640px; margin:36px 0 0; color:var(--muted); font-size:clamp(17px,1.6vw,22px); line-height:1.6; }.hero-actions { margin-top:40px; display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.primary-button { min-height:54px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:26px; background:var(--graphite); color:white; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; transition:background .2s ease,transform .2s ease; }.primary-button span { color:var(--olive); font-size:18px; }.primary-button:hover { background:var(--olive-dark); transform:translateY(-2px); }
.text-button { display:inline-flex; gap:14px; align-items:center; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.text-button span { color:var(--olive-dark); }
.brand-stage { padding:18px; border:1px solid var(--line); background:rgba(255,255,255,.2); }.brand-stage::before { content:''; position:absolute; width:84px; height:84px; right:-18px; top:-18px; border-top:18px solid var(--olive); border-right:18px solid var(--olive); }.brand-image-wrap { aspect-ratio:1/1; overflow:hidden; background:#fff; }.brand-image-wrap img { width:100%; height:100%; object-fit:cover; }
.brand-caption { display:flex; align-items:center; gap:10px; padding:16px 4px 0; color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.12em; }.brand-caption i { flex:1; height:1px; background:var(--line); }.hero-index { position:absolute; right:clamp(22px,5vw,76px); bottom:24px; color:var(--muted); font-size:9px; letter-spacing:.16em; }

.direction-section { padding:clamp(80px,10vw,150px) clamp(22px,5vw,76px); border-top:1px solid var(--line); }.section-heading { display:grid; grid-template-columns:.55fr 1.15fr .7fr; gap:44px; align-items:end; margin-bottom:58px; }.section-heading .eyebrow { align-self:start; }
.gallery-section { padding:clamp(80px,10vw,140px) clamp(22px,5vw,76px); border-top:1px solid var(--line); }.gallery-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.gallery-item { min-height:280px; margin:0; position:relative; overflow:hidden; background:#d8dacd; }.gallery-item-wide { grid-column:span 2; }.gallery-item img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .45s ease; }.gallery-item:hover img { transform:scale(1.025); }.gallery-item figcaption,.gallery-video-grid figcaption { padding:10px 12px; background:var(--graphite); color:rgba(240,241,233,.72); font-size:9px; text-transform:uppercase; letter-spacing:.09em; }.gallery-item figcaption { position:absolute; right:0; bottom:0; left:0; }.gallery-video-grid { margin-top:12px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.gallery-video-grid figure { margin:0; background:var(--graphite); }.gallery-video-grid video { width:100%; aspect-ratio:16/10; display:block; background:#090a08; object-fit:contain; }
.section-heading h2,.contact h2 { margin:0; font-size:clamp(42px,5vw,76px); line-height:.98; letter-spacing:-.055em; font-weight:600; }.section-heading>p:last-child { margin:0; color:var(--muted); line-height:1.6; }
.direction-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.direction-card { min-height:540px; padding:28px; display:flex; flex-direction:column; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.18); transition:background .2s ease,transform .2s ease; }.direction-card:hover { background:rgba(255,255,255,.55); transform:translateY(-5px); }
.card-topline { display:flex; justify-content:space-between; align-items:center; gap:16px; }.card-number { font-size:12px; color:var(--muted); }.status { display:inline-flex; align-items:center; gap:8px; color:var(--olive-dark); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }.status i { width:7px; height:7px; border-radius:50%; background:var(--olive-dark); box-shadow:0 0 0 4px rgba(124,133,80,.13); }.upcoming .status { color:var(--muted); }.upcoming .status i { background:transparent; border:1px solid var(--muted); box-shadow:none; }
.direction-card h3 { margin:78px 0 20px; max-width:340px; font-size:clamp(27px,2.3vw,38px); line-height:1.05; letter-spacing:-.04em; }.direction-card>p { margin:0; max-width:380px; color:var(--muted); line-height:1.65; }.direction-card ul { margin:34px 0; padding:0; list-style:none; border-top:1px solid var(--line); }.direction-card li { padding:12px 0; border-bottom:1px solid var(--line); color:#42473f; font-size:12px; text-transform:uppercase; letter-spacing:.06em; }.direction-card li::before { content:'—'; color:var(--olive-dark); margin-right:10px; }
.card-action { margin-top:auto; display:grid; gap:13px; }.card-action a { width:max-content; display:inline-flex; align-items:center; gap:16px; border-bottom:1px solid var(--graphite); padding-bottom:7px; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.card-action a span { color:var(--olive-dark); }.card-action small { color:var(--muted); line-height:1.45; }

.approach { padding:clamp(80px,9vw,140px) clamp(22px,5vw,76px); background:var(--graphite); color:var(--paper); }.eyebrow.light { color:var(--olive); }.approach-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(60px,12vw,180px); }.approach h2 { margin:0; font-size:clamp(46px,5.6vw,86px); line-height:.98; letter-spacing:-.055em; font-weight:500; }
.approach-points { border-top:1px solid rgba(255,255,255,.18); }.approach-points>div { display:grid; grid-template-columns:44px 1fr; gap:22px; padding:24px 0; border-bottom:1px solid rgba(255,255,255,.18); }.approach-points b { color:var(--olive); font-size:11px; }.approach-points p { display:grid; gap:7px; margin:0; }.approach-points strong { font-size:18px; }.approach-points span { color:rgba(240,241,233,.58); line-height:1.5; }

.contact { padding:clamp(80px,11vw,160px) clamp(22px,5vw,76px); display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(50px,10vw,160px); align-items:end; }.contact-action { display:grid; justify-items:start; gap:22px; }.contact-action p { margin:0; color:var(--muted); line-height:1.65; }.contact-email { border-bottom:1px solid var(--olive-dark); padding-bottom:4px; font-size:18px; font-weight:700; }.contact-action small { color:var(--muted); }
footer { min-height:160px; padding:36px clamp(22px,5vw,76px); display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px; align-items:center; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }footer p { margin:0; text-align:center; }footer>span { text-align:right; }.footer-mark { color:var(--graphite); }
.system-screen { min-height:100svh; padding:clamp(22px,5vw,76px); display:grid; grid-template-rows:auto 1fr auto; background:var(--graphite); color:var(--paper); }.system-wordmark { color:var(--paper); }.system-wordmark .wordmark-symbol { background:var(--paper); color:var(--olive-dark); }.system-panel { width:min(720px,100%); align-self:center; }.system-panel .eyebrow { color:var(--olive); }.lock-mark { width:68px; height:58px; margin:0 0 34px; display:grid; place-items:center; border:1px solid rgba(240,241,233,.3); }.lock-mark::before { content:''; width:20px; height:19px; margin-top:-24px; position:absolute; border:2px solid var(--olive); border-bottom:0; border-radius:12px 12px 0 0; }.lock-mark span { width:5px; height:12px; background:var(--olive); border-radius:4px; }.system-panel h1 { margin:0; font-size:clamp(44px,6vw,84px); line-height:.98; letter-spacing:-.055em; font-weight:500; }.system-panel>p:not(.eyebrow) { max-width:610px; margin:28px 0 38px; color:rgba(240,241,233,.6); font-size:17px; line-height:1.65; }.system-panel .primary-button { background:var(--paper); color:var(--graphite); }.system-panel .primary-button:hover { background:var(--olive); }.system-note { color:rgba(240,241,233,.38); text-transform:uppercase; letter-spacing:.12em; }

.crm-body { min-height:100svh; background:#141713; color:var(--paper); }
.crm-login[hidden],.crm-app[hidden] { display:none!important; }
.crm-login { min-height:100svh; padding:clamp(24px,5vw,72px); display:grid; grid-template-rows:auto 1fr; background:radial-gradient(circle at 82% 12%,rgba(166,174,114,.14),transparent 30%),var(--graphite); }
.login-card { width:min(520px,100%); align-self:center; justify-self:center; display:grid; gap:19px; padding:clamp(28px,5vw,52px); border:1px solid rgba(240,241,233,.18); background:rgba(240,241,233,.045); }
.login-card h1 { margin:0; font-size:clamp(38px,5vw,64px); line-height:.95; letter-spacing:-.055em; }.login-card>p:not(.eyebrow) { margin:0 0 10px; color:rgba(240,241,233,.58); line-height:1.55; }
.login-card label,.lead-form label { display:grid; gap:8px; color:rgba(240,241,233,.66); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.login-card input,.lead-form input,.lead-form select,.lead-form textarea { width:100%; border:1px solid rgba(240,241,233,.2); border-radius:0; padding:14px; background:#20241e; color:var(--paper); font:inherit; outline:none; }.login-card input:focus,.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus { border-color:var(--olive); }
.login-card .primary-button { border:0; background:var(--paper); color:var(--graphite); cursor:pointer; }.login-card small { color:rgba(240,241,233,.36); }.form-message { min-height:20px; color:#d19a82; font-size:12px; }
.login-secondary { justify-self:start; padding:0 0 3px; border:0; border-bottom:1px solid rgba(240,241,233,.25); background:none; color:rgba(240,241,233,.58); cursor:pointer; }
.crm-app { min-height:100svh; grid-template-columns:290px 1fr; }.crm-app:not([hidden]) { display:grid; }
.crm-sidebar { position:sticky; top:0; height:100svh; padding:28px 24px; display:flex; flex-direction:column; border-right:1px solid rgba(240,241,233,.12); background:var(--graphite); }.crm-sidebar nav { display:grid; gap:4px; margin-top:30px; overflow:auto; padding-right:4px; }.crm-sidebar nav button { width:100%; padding:13px 12px; border:0; border-left:2px solid transparent; background:none; color:rgba(240,241,233,.55); text-align:left; cursor:pointer; }.crm-sidebar nav button.active { border-left-color:var(--olive); background:rgba(166,174,114,.08); color:var(--paper); }.crm-sidebar nav button:disabled { cursor:not-allowed; opacity:.45; }.sidebar-navigation details { border-top:1px solid rgba(240,241,233,.09); }.sidebar-navigation summary { padding:14px 12px; color:var(--olive); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; cursor:pointer; list-style:none; }.sidebar-navigation summary::-webkit-details-marker { display:none; }.sidebar-navigation summary::after { content:'+'; float:right; color:rgba(240,241,233,.35); }.sidebar-navigation details[open] summary::after { content:'−'; }.sidebar-navigation details button { padding-left:24px; font-size:12px; }
.crm-user { margin-top:auto; display:grid; gap:6px; padding-top:20px; border-top:1px solid rgba(240,241,233,.14); }.crm-user b { font-size:13px; }.crm-user span { color:var(--olive); font-size:10px; text-transform:uppercase; letter-spacing:.09em; }.crm-user button { width:max-content; padding:7px 0; border:0; border-bottom:1px solid rgba(240,241,233,.35); background:none; color:rgba(240,241,233,.6); cursor:pointer; }
.crm-workspace { padding:clamp(28px,5vw,72px); background:var(--paper); color:var(--graphite); }.crm-workspace>header { display:flex; justify-content:space-between; align-items:end; gap:24px; }.crm-workspace>header small { color:var(--olive-dark); letter-spacing:.13em; }.crm-workspace>header h1 { margin:10px 0 0; font-size:clamp(38px,5vw,70px); letter-spacing:-.055em; }.crm-workspace button.primary-button { border:0; cursor:pointer; }.release-chip { margin-left:auto; display:grid; gap:3px; padding:10px 13px; border:1px solid var(--line); text-align:right; }.release-chip small { font-size:8px; }.release-chip b { font-size:13px; }
.crm-stats { display:grid; grid-template-columns:repeat(4,1fr); margin:46px 0; border-top:1px solid var(--line); border-left:1px solid var(--line); }.crm-stats article { min-height:150px; padding:20px; display:grid; grid-template:1fr auto/1fr auto; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.crm-stats article span { color:var(--muted); font-size:10px; }.crm-stats article b { grid-column:1/-1; font-size:42px; letter-spacing:-.05em; }.crm-stats article small { grid-column:1/-1; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; }
.crm-panel { margin-top:30px; border:1px solid var(--line); background:rgba(255,255,255,.24); }.panel-heading { padding:20px 22px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }.panel-heading h2 { margin:0; font-size:20px; }.panel-heading span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.1em; }.table-wrap { overflow:auto; }table { width:100%; border-collapse:collapse; }th,td { padding:17px 20px; border-bottom:1px solid var(--line); text-align:left; font-size:12px; }th { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.1em; }td b,td small { display:block; }td small { margin-top:5px; color:var(--muted); }.status-select { min-width:130px; border:1px solid var(--line); padding:8px; background:transparent; color:inherit; }.empty-row { padding:34px; color:var(--muted); text-align:center; }
.audit-list article { padding:15px 22px; display:grid; grid-template-columns:8px 1fr auto; gap:14px; align-items:center; border-bottom:1px solid var(--line); }.audit-list i { width:7px; height:7px; border-radius:50%; background:var(--olive-dark); }.audit-list div { display:grid; gap:4px; }.audit-list span,.audit-list time { color:var(--muted); font-size:11px; }
dialog { width:min(640px,calc(100% - 32px)); max-height:90svh; padding:0; border:1px solid rgba(240,241,233,.2); border-radius:0; background:var(--graphite); color:var(--paper); }dialog::backdrop { background:rgba(10,12,9,.72); backdrop-filter:blur(5px); }.lead-form { padding:0 26px 28px; display:grid; gap:17px; }.lead-form .panel-heading { margin:0 -26px 6px; }.lead-form .panel-heading button { border:0; background:none; color:var(--paper); font-size:26px; cursor:pointer; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.dialog-actions { display:flex; justify-content:flex-end; gap:12px; }.dialog-actions>button:not(.primary-button) { border:1px solid rgba(240,241,233,.2); padding:0 18px; background:none; color:var(--paper); cursor:pointer; }
.workspace-actions { display:flex; gap:12px; }.workspace-actions [hidden] { display:none!important; }
.crm-section-tabs { margin-top:38px; display:flex; gap:0; overflow-x:auto; border-bottom:1px solid var(--line); }.crm-section-tabs button { flex:0 0 auto; padding:15px 18px; border:0; border-bottom:2px solid transparent; background:none; color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.09em; cursor:pointer; }.crm-section-tabs button.active { border-bottom-color:var(--olive-dark); color:var(--graphite); }
[data-section-panel] { padding-top:34px; }[data-section-panel][hidden] { display:none!important; }.section-intro { max-width:780px; margin-bottom:34px; }.section-intro small { color:var(--olive-dark); letter-spacing:.12em; }.section-intro h2 { margin:10px 0 16px; font-size:clamp(38px,5vw,66px); letter-spacing:-.055em; }.section-intro p { margin:0; color:var(--muted); line-height:1.65; }
.channel-groups { display:grid; gap:14px; }.channel-group { border-top:1px solid var(--line); }.channel-group-heading { display:flex; justify-content:space-between; align-items:center; padding:9px 0; }.channel-group-heading h3 { margin:0; font-size:13px; }.channel-group-heading small { color:var(--olive-dark); font-size:8px; letter-spacing:.12em; }.channel-group-heading span { color:var(--muted); font-size:10px; }.channel-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.channel-card { min-height:84px; padding:12px 14px; display:grid; grid-template-columns:auto 1fr; gap:3px 8px; align-content:center; border:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.2); color:inherit; text-align:left; cursor:pointer; }.channel-card:hover,.channel-card.selected { background:rgba(166,174,114,.12); }.channel-card.selected { box-shadow:inset 0 -2px var(--olive-dark); }.channel-card b { font-size:14px; }.channel-card small,.channel-card em { grid-column:2; color:var(--muted); font-size:8px; font-style:normal; text-transform:uppercase; letter-spacing:.06em; }.connection-dot { width:7px; height:7px; margin-top:4px; border-radius:50%; background:#989d93; }.connection-connected { background:var(--olive-dark); }.connection-manual { background:#b58d47; }.channel-workbench { margin-top:26px; border:1px solid var(--line); background:rgba(255,255,255,.25); }.channel-summary { padding:16px 18px; display:flex; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); }.channel-summary p { max-width:680px; margin:0; color:var(--muted); line-height:1.5; }.channel-summary>div { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }.capability-tag { height:max-content; padding:5px 7px; background:rgba(124,133,80,.12); color:var(--olive-dark); font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.listing-filters { display:flex; gap:0; padding:0 18px; border-bottom:1px solid var(--line); }.listing-filters button { padding:11px 14px; border:0; border-bottom:2px solid transparent; background:none; color:var(--muted); cursor:pointer; }.listing-filters button.active { border-bottom-color:var(--olive-dark); color:var(--graphite); }.version-badge { display:inline-flex; padding:5px 8px; background:rgba(166,174,114,.18); color:var(--olive-dark); font-weight:800; }
.channel-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }.channel-intro .primary-button { flex:0 0 auto; }.channel-catalog { border-top:1px solid var(--line); }.channel-catalog>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 0; cursor:pointer; list-style:none; }.channel-catalog>summary::-webkit-details-marker { display:none; }.channel-catalog>summary span:first-child { display:grid; gap:3px; }.channel-catalog>summary b { font-size:13px; }.channel-catalog>summary small,.channel-catalog>summary span:last-child { color:var(--muted); font-size:9px; }.channel-catalog>summary::after { content:'+'; margin-left:12px; color:var(--olive-dark); font-size:18px; }.channel-catalog[open]>summary::after { content:'−'; }.channel-catalog-body { display:grid; gap:10px; padding-bottom:8px; }
.channel-workbench-actions { display:flex; align-items:center; gap:12px; }
.channel-focus { margin-bottom:8px; }.channel-card.channel-priority-0 { background:rgba(166,174,114,.1); }.channel-card.channel-priority-0 .connection-dot { background:#6f7845; box-shadow:0 0 0 3px rgba(111,120,69,.12); }.channel-future { opacity:.62; }.channel-card.channel-priority-3 { opacity:.38; filter:saturate(.25); }.channel-card.channel-priority-3:hover,.channel-card.channel-priority-3.selected { opacity:.72; filter:none; }
.production-flow { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.production-flow article { min-height:180px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.production-flow b { color:var(--olive-dark); }.production-flow span { font-size:20px; font-weight:700; }
.unified-label { margin-top:48px; display:grid; gap:4px; padding:16px 12px; border:1px solid rgba(240,241,233,.13); }.unified-label span { color:var(--olive); font-size:8px; letter-spacing:.15em; }.unified-label b { font-size:18px; }.unified-label small { color:rgba(240,241,233,.35); }.crm-sidebar .crm-user>small { color:rgba(240,241,233,.38); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.overview-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.overview-card { min-height:230px; padding:24px; display:grid; grid-template-rows:auto auto 1fr auto; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.overview-card>small { color:var(--olive-dark); font-size:9px; font-weight:800; letter-spacing:.13em; }.overview-card h3 { margin:14px 0 0; font-size:22px; }.overview-card strong { align-self:end; font-size:64px; font-weight:500; letter-spacing:-.06em; }.overview-card span { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.catalog-category-grid { margin-bottom:22px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.catalog-category-card { min-height:112px; padding:16px; display:grid; align-content:space-between; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.18); }.catalog-category-card small { color:var(--olive-dark); font-size:8px; letter-spacing:.1em; }.catalog-category-card b { font-size:17px; }.catalog-category-card span { color:var(--muted); font-size:10px; }.catalog-category-card.planned { opacity:.55; }.catalog-materials { display:flex; gap:5px; flex-wrap:wrap; }.catalog-materials span { padding:4px 6px; background:rgba(124,133,80,.12); color:var(--olive-dark); font-size:8px; }.catalog-template { color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.07em; }
.operational-note { margin-top:24px; display:grid; grid-template-columns:auto 1fr; gap:7px 20px; padding:20px 22px; border-left:3px solid var(--olive-dark); background:rgba(124,133,80,.08); }.operational-note b { grid-row:1/3; align-self:center; max-width:210px; }.operational-note span { font-weight:700; }.operational-note small { color:var(--muted); line-height:1.45; }
.mini-stats { display:grid; grid-template-columns:repeat(3,1fr); margin-bottom:24px; border-top:1px solid var(--line); border-left:1px solid var(--line); }.mini-stats article { padding:20px; display:flex; align-items:end; gap:14px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.mini-stats b { font-size:42px; line-height:1; }.mini-stats span { max-width:120px; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.supplier-grid { display:grid; grid-template-columns:repeat(3,1fr); }.supplier-grid article { min-height:130px; padding:20px 22px; display:grid; gap:7px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.supplier-grid article span { color:var(--olive-dark); font-size:9px; font-weight:800; letter-spacing:.12em; }.supplier-grid article small { color:var(--muted); }
.quality-tag,.role-tag { display:inline-flex; width:max-content; padding:5px 8px; background:rgba(106,111,101,.1); color:#565c51; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }.quality-approved,.quality-accepted { background:rgba(124,133,80,.16); color:var(--olive-dark); }.quality-quarantine,.quality-pending,.quality-hold { background:rgba(179,140,71,.14); color:#886728; }.quality-rejected,.quality-deviation { background:rgba(163,83,63,.13); color:#8c4938; }.role-tag { margin:2px; background:rgba(124,133,80,.12); color:var(--olive-dark); }
.table-action { border:0; border-bottom:1px solid var(--olive-dark); padding:4px 0; background:none; color:var(--olive-dark); font:inherit; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; cursor:pointer; }.protected-label { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.09em; }
.role-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.role-grid article { min-height:330px; padding:26px; display:flex; flex-direction:column; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.role-grid article>div>span { color:var(--olive-dark); font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.13em; }.role-grid h3 { margin:14px 0 8px; font-size:28px; }.role-grid article>div>small { color:var(--muted); }.role-grid ul { margin:26px 0; padding:0; list-style:none; }.role-grid li { padding:8px 0; border-bottom:1px solid var(--line); color:#555b51; font-size:11px; }.role-grid .table-action,.role-grid .protected-label { margin-top:auto; align-self:flex-start; }
.permission-grid { max-height:330px; overflow:auto; display:grid; grid-template-columns:1fr 1fr; margin-top:9px; border-top:1px solid rgba(240,241,233,.16); border-left:1px solid rgba(240,241,233,.16); }.permission-option { display:grid!important; grid-template-columns:auto 1fr; align-items:start; gap:10px!important; padding:13px!important; border-right:1px solid rgba(240,241,233,.16); border-bottom:1px solid rgba(240,241,233,.16); color:var(--paper)!important; text-transform:none!important; letter-spacing:0!important; cursor:pointer; }.permission-option input { width:auto!important; margin-top:3px; accent-color:var(--olive); }.permission-option span { display:grid; gap:3px; }.permission-option b { font-size:11px; }.permission-option small { color:rgba(240,241,233,.42); font-size:9px; word-break:break-word; }.field-caption { color:rgba(240,241,233,.66); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }.checkbox-line { grid-template-columns:auto 1fr!important; align-items:center; }.checkbox-line input { width:auto!important; accent-color:var(--olive); }.dialog-disclaimer { margin:0; padding:13px; border-left:2px solid var(--olive); background:rgba(166,174,114,.08); color:rgba(240,241,233,.56); font-size:11px; line-height:1.5; }
.release-list { border-top:1px solid var(--line); }.release-list article { min-height:130px; padding:24px 0; display:grid; grid-template-columns:100px 1fr 130px; gap:28px; border-bottom:1px solid var(--line); }.release-list article>span { color:var(--olive-dark); font-size:18px; font-weight:800; }.release-list h3 { margin:0 0 10px; font-size:24px; }.release-list p { margin:0; color:var(--muted); line-height:1.55; }.release-list time { color:var(--muted); font-size:11px; text-align:right; }.release-list article.current>span::after { content:'текущая'; display:block; width:max-content; margin-top:8px; padding:4px 6px; background:var(--olive-dark); color:var(--paper); font-size:7px; text-transform:uppercase; letter-spacing:.1em; }

@media (max-width:980px) { .site-header { grid-template-columns:1fr auto; }.desktop-nav { display:none; }.hero { grid-template-columns:1fr; }.hero-copy { padding-top:20px; }.brand-stage { width:min(640px,100%); }.section-heading { grid-template-columns:1fr 1.4fr; }.section-heading>p:last-child { grid-column:2; }.direction-grid { grid-template-columns:1fr; }.direction-card { min-height:440px; }.direction-card h3 { margin-top:48px; }.approach-grid,.contact { grid-template-columns:1fr; } }
@media (max-width:900px) { .gallery-grid { grid-template-columns:repeat(2,1fr); }.gallery-video-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px) { .site-header { height:72px; }.wordmark b { font-size:11px; }.wordmark small { font-size:7px; }.system-link { font-size:10px; }.system-link span { display:none; }.hero { min-height:auto; padding-top:62px; }.hero h1 { font-size:clamp(43px,13.4vw,64px); }.hero-lead { margin-top:26px; }.brand-stage { padding:10px; }.section-heading { grid-template-columns:1fr; gap:18px; }.section-heading>p:last-child { grid-column:auto; }.direction-card { min-height:480px; padding:23px; }.contact { align-items:start; }footer { grid-template-columns:1fr; }footer p,footer>span { text-align:left; } }
@media (max-width:620px) { .gallery-grid,.gallery-video-grid { grid-template-columns:1fr; }.gallery-item-wide { grid-column:auto; }.gallery-item { min-height:360px; } }
@media (max-width:900px) { .crm-app:not([hidden]) { grid-template-columns:1fr; }.crm-sidebar { position:static; height:auto; }.crm-sidebar nav { margin-top:28px; grid-template-columns:repeat(2,1fr); }.crm-user { margin-top:28px; }.crm-workspace>header { align-items:flex-start; flex-direction:column; }.crm-stats { grid-template-columns:repeat(2,1fr); } }
@media (max-width:900px) { .channel-grid { grid-template-columns:repeat(3,1fr); }.production-flow { grid-template-columns:repeat(2,1fr); } }
@media (max-width:900px) { .overview-grid { grid-template-columns:repeat(2,1fr); }.role-grid { grid-template-columns:1fr; }.supplier-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:900px) { .catalog-category-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px) { .crm-workspace { padding:24px 16px; }.crm-stats { grid-template-columns:1fr 1fr; }.form-grid { grid-template-columns:1fr; }.crm-sidebar nav { grid-template-columns:1fr; }.channel-grid,.production-flow,.overview-grid,.mini-stats,.supplier-grid,.catalog-category-grid { grid-template-columns:1fr; }.workspace-actions { width:100%; flex-wrap:wrap; }.workspace-actions .primary-button { width:100%; }.permission-grid { grid-template-columns:1fr; }.operational-note,.release-list article { grid-template-columns:1fr; }.operational-note b { grid-row:auto; }.release-list time { text-align:left; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }* { transition:none!important; }.brand-intro { display:none; } }