:root{
  color-scheme: dark;
  --bg:#030806;
  --bg-2:#061411;
  --surface:rgba(5,22,18,.78);
  --surface-2:rgba(8,30,25,.84);
  --surface-3:rgba(11,40,33,.72);
  --surface-glass:rgba(6,20,17,.58);
  --ink:#f4ead9;
  --ink-2:#d8cdbb;
  --muted:#a79b88;
  --gold:#c99743;
  --gold-2:#f0ce76;
  --gold-3:#8b6227;
  --ember:#e77822;
  --blood:#7e211d;
  --line:rgba(202,154,65,.24);
  --line-strong:rgba(240,206,118,.52);
  --shadow:0 14px 34px rgba(0,0,0,.24);
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:16px;
  --radius-sm:12px;
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,Segoe UI,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{min-height:100%;background:var(--bg)}
body{min-height:100%;margin:0;font-family:var(--sans);font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg);overflow-x:hidden}
body.modal-open{overflow:hidden}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.46}
a{color:inherit;text-decoration:none}
::selection{background:rgba(232,151,55,.32);color:var(--ink)}
.atmosphere{position:fixed;inset:0;z-index:-4;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(21,65,53,.32),transparent 42%),linear-gradient(180deg,#020504,#06110e 56%,#020504)}
.deep-bg{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(2,7,6,.2),rgba(2,7,6,.82)),url('./ember-threads.webp');background-size:cover;background-position:50% 50%;opacity:.72}
.grain{position:absolute;inset:0;opacity:.05;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:4px 4px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.shell{position:relative;z-index:1;width:min(100% - 32px,1720px);margin:0 auto;padding:12px 0 46px}
.site-header{
  position:sticky;
  top:12px;
  z-index:50;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  grid-template-areas:
    ". brand actions"
    "nav nav nav";
  gap:7px 18px;
  align-items:start;
  padding:10px 22px 11px;
  border:1px solid var(--line);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(7,24,20,.94),rgba(5,17,14,.92));
  box-shadow:0 6px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04);
}
.site-header::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:25px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(240,206,118,.03),transparent);
  opacity:.3;
}
.brand-lockup{
  grid-area:brand;
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-self:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  padding:0;
  border:0;
  background:transparent;
  text-align:center;
  color:inherit;
}
.brand-copy{display:grid;gap:2px;justify-items:center;min-width:0}
.brand-name{
  display:inline-block;
  max-width:100%;
  position:relative;
  isolation:isolate;
  font-family:var(--serif);
  font-size:clamp(1.8rem,2.55vw,3rem);
  line-height:.92;
  letter-spacing:.01em;
  color:var(--ink);
  overflow-wrap:anywhere;
  -webkit-text-fill-color:var(--ink);
  text-shadow:
    0 1px 0 rgba(0,0,0,.42),
    0 0 18px rgba(240,206,118,.08);
  transition:color .26s ease,text-shadow .26s ease;
}
.brand-lockup:hover .brand-name,
.brand-lockup:focus-visible .brand-name{
  color:#f8efdd;
  -webkit-text-fill-color:#f8efdd;
  text-shadow:
    0 1px 0 rgba(0,0,0,.42),
    0 0 22px rgba(240,206,118,.13);
}
.brand-sub{display:none!important}
.site-nav{
  grid-area:nav;
  position:relative;
  z-index:1;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.site-nav > a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 11px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--muted);
  transition:border-color .18s ease,background-color .18s ease,color .18s ease;
}
.site-nav > a:hover{
  color:var(--ink);
  background:rgba(255,255,255,.025);
  border-color:rgba(240,206,118,.16);
}
.site-nav > a.active{
  color:var(--ink);
  border-color:rgba(240,206,118,.24);
  background:rgba(255,255,255,.03);
}
.header-actions{
  grid-area:actions;
  position:relative;
  z-index:2;
  justify-self:end;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
body.auth-pending .header-actions > *{
  visibility:hidden;
  pointer-events:none;
}
.hero-stage{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(260px,.62fr);
  gap:clamp(26px,4vw,54px);
  align-items:center;
  padding:clamp(28px,3.8vw,50px);
  border-color:rgba(240,206,118,.15);
  background:linear-gradient(135deg,rgba(5,28,23,.72),rgba(2,10,8,.54));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.hero-stage.is-text-only{grid-template-columns:minmax(0,1fr)}
.hero-stage.panel::before{opacity:.18}
.hero-stage.panel::after{display:none}
.hero-copy{
  display:grid;
  gap:14px;
  align-content:start;
  max-width:820px;
}
.hero-copy h1{
  max-width:780px;
  font-size:clamp(2.65rem,4vw,4.35rem);
  letter-spacing:0;
}
.hero-text{
  max-width:760px;
  display:grid;
  gap:12px;
  color:var(--ink-2);
  font-size:1.02rem;
  line-height:1.72;
}
.hero-media{
  display:grid;
  align-items:stretch;
  justify-items:center;
}
.hero-frame{
  width:min(100%,460px);
  min-height:0;
  height:auto;
  border:1px solid rgba(240,206,118,.14);
  border-radius:10px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(10,26,22,.82),rgba(5,12,10,.95));
  display:grid;
  place-items:center;
}
.hero-image{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:clamp(300px,32vw,378px);
  display:block;
  object-fit:contain;
}
.hero-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  padding:32px;
  color:var(--muted);
  text-align:left;
  font-size:1rem;
  line-height:1.7;
}
.hero-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:4px;
}
.hero-caption{
  width:min(100%,460px);
  margin-top:10px;
  color:var(--muted);
  font-size:.92rem;
  text-align:center;
}
.home-band{
  display:grid;
  gap:14px;
  min-width:0;
}
.path-grid,.trust-band,.faq-grid,.service-guide,.admin-queue,.status-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.path-card,.trust-card,.faq-grid details,.service-guide article,.queue-line{
  min-width:0;
  padding:16px;
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  background:rgba(255,255,255,.028);
}
.path-card{
  min-height:148px;
  color:inherit;
  text-align:left;
}
.path-card:hover{border-color:var(--line-strong);background:rgba(201,151,67,.07)}
.path-card strong,.trust-card span,.service-guide strong{
  display:block;
  font-family:var(--serif);
  font-size:1.42rem;
  font-weight:500;
  line-height:1.1;
}
.path-card span,.trust-card p,.service-guide p,.faq-grid p{
  display:block;
  margin-top:8px;
  color:var(--ink-2);
}
.trust-band{grid-template-columns:repeat(3,minmax(0,1fr))}
.trust-card{min-height:140px}
.trust-card span{color:var(--gold-2)}
.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.faq-grid summary{
  cursor:pointer;
  color:var(--gold-2);
  font-weight:800;
}
.home-contact{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:22px;
}
.home-contact>*{position:relative;z-index:1}
.home-contact h2{font-size:1.75rem}
.service-guide{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-bottom:14px;
}
.service-guide span{
  display:inline-grid;
  place-items:center;
  width:32px;
  height:32px;
  margin-bottom:10px;
  border:1px solid rgba(240,206,118,.28);
  border-radius:50%;
  color:var(--gold-2);
}
.editorial-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border-top:1px solid rgba(240,206,118,.16);
  border-bottom:1px solid rgba(240,206,118,.16);
}
.editorial-card{
  min-height:0;
  padding:22px 20px;
  display:grid;
  grid-template-rows:auto;
  gap:12px;
  border:0;
  border-right:1px solid rgba(240,206,118,.12);
  border-radius:0;
  background:transparent;
  text-align:left;
  color:inherit;
}
.editorial-card:last-child{border-right:0}
.editorial-card:hover{background:rgba(255,255,255,.022)}
.editorial-card-media{
  display:none;
  border-radius:8px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(11,28,24,.88),rgba(4,11,9,.94));
}
.editorial-card-copy{
  display:grid;
  gap:10px;
  align-content:start;
}
.editorial-card-copy h3{font-size:1.55rem}
.editorial-card-copy p{color:var(--ink-2)}
.editorial-card-foot{
  color:var(--gold-2);
  font-weight:700;
  font-size:.95rem;
}
.media-preview-card{
  padding:16px;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.024);
  display:grid;
  gap:14px;
}
.media-preview-frame{
  min-height:180px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(240,206,118,.18);
  background:linear-gradient(180deg,rgba(11,28,24,.88),rgba(4,11,9,.94));
  display:grid;
  place-items:center;
}
.media-preview-frame.is-landscape{min-height:150px}
.media-preview-image{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:280px;
  display:block;
  object-fit:contain;
}
.media-preview-empty{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  padding:18px;
  color:var(--muted);
  text-align:center;
  line-height:1.6;
}
.media-field{
  display:grid;
  gap:16px;
}
.featured-checklist{
  display:grid;
  gap:10px;
  max-height:320px;
  overflow:auto;
  padding-right:4px;
}
.featured-option{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:flex-start;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.02);
}
.featured-option input{
  width:18px;
  height:18px;
  margin-top:2px;
}
.featured-option strong{display:block}
.featured-option span{display:block;color:var(--muted);font-size:.9rem}
.entry-button,.admin-shortcut,.primary,.secondary,.plain,.danger,.icon-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:var(--ink);
  transition:border-color .18s ease,background-color .18s ease,color .18s ease;
}
.entry-button{
  padding:0 18px;
  background:linear-gradient(180deg,rgba(240,206,118,.18),rgba(201,151,67,.06));
  border-color:rgba(240,206,118,.38);
  color:var(--gold-2);
  font-weight:700;
}
.admin-shortcut{padding:0 16px;color:var(--ink);font-weight:600}
.entry-button:hover,.primary:hover,.secondary:hover,.plain:hover,.admin-shortcut:hover,.icon-button:hover{
  border-color:var(--line-strong);
  background:rgba(255,255,255,.05);
}
.profile-control{position:relative;display:flex;align-items:center}
.profile-toggle{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.03);
  color:var(--ink);
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease;
}
.profile-toggle:hover,.profile-control.open .profile-toggle{
  border-color:var(--line-strong);
  background:rgba(255,255,255,.05);
}
.profile-avatar{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:.92rem;
  font-weight:800;
  color:var(--gold-2);
}
.profile-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:min(240px,calc(100vw - 32px));
  padding:10px;
  border:1px solid rgba(240,206,118,.18);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(7,24,20,.98),rgba(4,15,12,.98));
  box-shadow:0 12px 28px rgba(0,0,0,.24);
}
.profile-menu-head{
  display:grid;
  gap:2px;
  padding:8px 10px 10px;
  border-bottom:1px solid rgba(240,206,118,.12);
}
.profile-menu-head strong{font-size:.98rem;font-weight:700}
.profile-menu-head span{color:var(--muted);font-size:.84rem}
.profile-menu-list{display:grid;gap:4px;padding-top:8px}
.profile-menu-item{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--ink);
  text-align:left;
}
.profile-menu-item:hover{
  border-color:rgba(240,206,118,.16);
  background:rgba(255,255,255,.04);
}
.profile-menu-item-danger{color:#ffd6ca}
.mobile-nav-actions{display:none}
.menu-button{
  grid-area:menu;
  display:none;
  position:relative;
  z-index:2;
  width:40px;
  height:40px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.03);
}
.menu-button span{display:block;width:18px;height:2px;margin:4px auto;border-radius:99px;background:var(--gold-2);transition:.18s}
.menu-open .menu-button span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-open .menu-button span:nth-child(2){opacity:0}
.menu-open .menu-button span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.notice{position:fixed;z-index:120;right:22px;bottom:22px;max-width:min(440px,calc(100vw - 44px));padding:14px 16px;border:1px solid var(--line-strong);border-radius:16px;background:rgba(5,17,14,.94);box-shadow:0 8px 18px rgba(0,0,0,.22);color:var(--ink)}.notice.success{border-color:rgba(142,196,128,.65)}.notice.warning{border-color:rgba(240,206,118,.65)}.notice.danger{border-color:rgba(181,60,50,.72)}
main{padding-top:12px;outline:0}.panel,.content-card,.route-card,.client-card,.admin-card,.gate-card,.material-page,.service-step,.inquiry-card{position:relative;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(145deg,rgba(9,34,28,.9),rgba(3,13,11,.88));box-shadow:0 6px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden}.panel::before,.content-card::before,.route-card::before,.client-card::before,.admin-card::before,.gate-card::before,.material-page::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.02),transparent 26%,rgba(232,120,32,.02));opacity:.34}.panel::after,.content-card::after,.route-card::after,.client-card::after,.admin-card::after,.gate-card::after,.material-page::after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;border:1px solid rgba(255,255,255,.03)}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.05;margin:0}p{margin:0}.subtle,.muted{color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold-2);font-size:.74rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase}.eyebrow::before{content:"";width:22px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack{display:grid;gap:12px}.primary,.secondary,.plain,.danger{padding:0 18px}.primary{border-color:rgba(240,206,118,.42);background:rgba(240,206,118,.1);color:var(--gold-2);font-weight:700}.secondary{background:rgba(255,255,255,.03)}.plain{background:transparent}.danger{border-color:rgba(151,48,42,.55);background:rgba(126,33,29,.16);color:#ffd6ca}.linkish{border:0;background:transparent;color:var(--gold-2);padding:0;font-weight:700}.icon-button{width:42px;padding:0;display:grid;place-items:center}.home-layout{display:grid;gap:18px}.route-card,.content-card,.client-card,.admin-card,.inquiry-card,.update,.action-line,.dlist>div{content-visibility:auto;contain-intrinsic-size:220px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:6px 0 14px}.section-title h2{font-size:clamp(1.95rem,3vw,2.85rem)}.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.content-card{min-height:360px;padding:16px;display:grid;grid-template-rows:190px auto;gap:14px;text-align:left;color:inherit;border-radius:var(--radius-lg)}.content-card:hover{border-color:var(--line-strong)}.content-card-media{border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(11,28,24,.88),rgba(4,11,9,.94))}.content-card-copy{display:grid;gap:10px;align-content:start}.content-card .tag{align-self:flex-start;padding:6px 10px;border:1px solid rgba(240,206,118,.2);border-radius:999px;background:rgba(255,255,255,.03);color:var(--gold-2);font-size:.73rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.content-card h2{font-size:1.56rem}.content-card p{color:var(--ink-2)}.content-card .card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;color:var(--gold-2);font-weight:700}.card-placeholder{width:100%;height:100%;display:grid;place-items:end start;padding:18px;color:var(--ink);background:linear-gradient(180deg,rgba(10,26,22,.82),rgba(5,12,10,.96))}.card-placeholder strong{display:block;font-family:var(--serif);font-size:1.38rem;max-width:220px}.card-placeholder span{display:block;margin-top:6px;color:var(--muted);font-size:.9rem}.card-image{width:100%;height:100%;display:block;object-fit:cover}.draft-mark{color:var(--ember)}.price{color:var(--gold-2)!important;font-weight:800}.section-hero{padding:clamp(28px,4vw,56px);margin-bottom:14px}.section-hero .top{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}.section-hero .top.has-cover{grid-template-columns:minmax(0,1fr) minmax(260px,.58fr)}.section-cover,.material-cover{border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(11,28,24,.88),rgba(4,11,9,.94))}.section-cover{min-height:240px}.material-cover{margin:22px 0 24px;aspect-ratio:16/10}.section-hero h1{font-size:clamp(3rem,6vw,6.4rem);letter-spacing:-.045em}.section-hero p{max-width:760px;margin-top:12px;color:var(--ink-2);font-size:1.04rem}.material-page{padding:clamp(28px,5vw,74px)}.material-page>*{position:relative;z-index:1}.material-page h1{max-width:980px;margin:16px 0 18px;font-size:clamp(3rem,6vw,6.8rem);letter-spacing:-.045em}.material-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.pill{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--muted);font-size:.84rem}.material-body{max-width:820px;color:var(--ink-2);font-size:1.08rem}.material-body p{margin:0 0 1em}.material-aside,.service-step{margin-top:24px;padding:18px;border-radius:var(--radius-md)}.service-step{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:rgba(240,206,118,.06);border-color:rgba(240,206,118,.24)}.backline{margin-bottom:18px}.gate{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.48fr);gap:14px}.gate-card{padding:clamp(28px,5vw,66px)}.gate-card>*{position:relative;z-index:1}.gate-card h1{font-size:clamp(3.1rem,6vw,6.8rem);letter-spacing:-.045em}.gate-card p{max-width:760px;margin-top:14px;color:var(--ink-2)}.gate-side{display:grid;gap:12px}.choice{position:relative;z-index:1;min-height:136px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,255,255,.03);text-align:left;color:inherit}.choice:hover{border-color:var(--line-strong)}.choice strong{display:block;font-family:var(--serif);font-size:1.65rem;font-weight:500}.choice span{display:block;margin-top:6px;color:var(--muted)}.client-layout{display:grid;gap:14px}.client-hero{padding:clamp(24px,4vw,50px)}.client-hero>*{position:relative;z-index:1}.client-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.client-hero h1{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.04em}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.metric{position:relative;padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.028);overflow:hidden}.metric::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(240,206,118,.04),transparent 48%);pointer-events:none}.metric b{position:relative;display:block;font-size:1.45rem;line-height:1;color:var(--gold-2)}.metric span{position:relative;display:block;margin-top:8px;color:var(--muted);font-size:.87rem}.metric.is-busy b{min-height:20px}.client-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.42fr);gap:14px}.cards-list{display:grid;gap:10px}.client-card{padding:18px}.client-card>*{position:relative;z-index:1}.client-card h2,.client-card h3{font-size:1.45rem}.client-card p{color:var(--ink-2);margin-top:6px}.link-card{width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.timeline{display:grid;gap:10px}.update{padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(255,255,255,.028)}.update p{margin-top:6px;color:var(--ink-2)}.update small{color:var(--muted)}.preview-ribbon{padding:12px 14px;border:1px solid rgba(240,206,118,.38);border-radius:var(--radius-md);background:rgba(201,151,67,.08);color:var(--gold-2)}.is-busy{pointer-events:none}.skeleton-stack{display:grid;gap:10px;margin-top:12px}.skeleton-line{display:block;height:12px;border-radius:999px;background:rgba(255,255,255,.1)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.featured-grid{grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,.88fr));align-items:stretch}
.section-role{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:start;margin:0 0 14px;padding:0 2px;color:var(--ink-2)}
.section-role span{color:var(--gold-2);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.section-role p{max-width:760px}
.section-grid-questions .content-card{min-height:0}
.section-grid-services .content-card{border-color:rgba(240,206,118,.22)}
button:focus-visible,a:focus-visible,.content-card-main:focus-visible,.link-card:focus-visible,.choice:focus-visible,.profile-button:focus-visible,.menu-button:focus-visible{outline:2px solid rgba(240,206,118,.72);outline-offset:3px}
.client-map{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:8px 0 2px;
}
.client-map button{min-height:38px}
.client-section{scroll-margin-top:150px}
.client-section.full{grid-column:1/-1}
.client-section-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
  margin-bottom:12px;
}
.client-section-head p{margin-top:4px}
.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));position:relative;z-index:1}
.status-grid>div{
  min-width:0;
  padding:15px;
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  background:rgba(255,255,255,.028);
}
.status-grid span,.queue-line span{
  display:block;
  color:var(--gold-2);
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.status-grid strong,.queue-line strong{display:block;margin-top:7px}
.status-grid p,.queue-line em{display:block;margin-top:6px;color:var(--muted);font-style:normal}
.client-history{margin-top:12px}
.inquiry-card.is-closed{opacity:.66}
.featured-grid .content-card{min-height:300px;grid-template-rows:150px auto;border-radius:12px}
.featured-grid .content-card.is-featured{grid-column:span 1;min-height:390px;grid-template-rows:235px auto}
.featured-grid .content-card.is-featured h2{font-size:1.85rem}
.content-card:not(.is-featured) .card-placeholder span{display:none}
.content-card:not(.is-featured) .card-placeholder strong{font-size:1.16rem}
.admin-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px}.admin-sidebar{position:sticky;top:174px;align-self:start;max-height:calc(100vh - 194px);padding:16px;overflow:auto}.admin-sidebar h2{position:relative;z-index:1;font-size:1.8rem}.search{position:relative;z-index:1;width:100%;height:44px;margin:12px 0;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);outline:0}.search:focus{border-color:var(--line-strong)}.client-list{position:relative;z-index:1;display:grid;gap:8px}.client-row{width:100%;padding:13px;border:1px solid transparent;border-radius:14px;background:rgba(255,255,255,.022);text-align:left;color:inherit}.client-row:hover,.client-row.active{border-color:var(--line-strong);background:rgba(201,151,67,.075)}.client-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-row span{color:var(--muted);font-size:.86rem}.admin-main{display:grid;gap:14px}.admin-head{padding:24px}.admin-head>*{position:relative;z-index:1}.admin-head-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.admin-head h1{font-size:clamp(3rem,5.6vw,6.7rem);letter-spacing:-.045em}.admin-toolbar{display:grid;gap:8px;justify-items:end}.tool-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.selected-client{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:16px;padding:15px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.027)}.selected-client h2{font-size:1.65rem}.selected-client span{color:var(--muted)}.selected-note{grid-column:1/-1;margin-top:2px;padding:12px;border-left:2px solid var(--line-strong);background:rgba(255,255,255,.025);color:var(--ink-2)}.workbench{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-card{padding:18px}.admin-card>*{position:relative;z-index:1}.admin-card h2{font-size:1.45rem}.admin-card-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px}.mini-select{height:38px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);padding:0 12px}.admin-queue{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.queue-list{display:grid;gap:8px;margin-top:12px}.queue-card{min-height:220px}.queue-line{padding:12px}.action-list{display:grid;gap:8px;margin-top:12px}.action-line{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.028);color:inherit;text-align:left}.action-line:hover{border-color:var(--line-strong);background:rgba(201,151,67,.07)}.action-line strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-line span{color:var(--muted);font-size:.86rem;text-align:right}.access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.access-box{padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.028)}.access-box b{display:block;color:var(--gold-2);font-size:1.28rem}.access-box span{color:var(--muted);font-size:.88rem}.full{grid-column:1/-1}.inquiry-card{padding:14px}.inquiry-card h3{font-size:1.25rem}.inquiry-card p{color:var(--ink-2);margin-top:6px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold-2)}
.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:rgba(1,4,3,.66)}.modal-card{position:relative;width:min(720px,100%);max-height:min(86vh,900px);display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:24px;background:linear-gradient(150deg,rgba(8,30,25,.98),rgba(3,11,9,.98));box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}.modal-card.wide{width:min(1120px,100%)}.modal-card.compact{width:min(520px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 17px 15px 22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}.modal-head h2{font-size:1.55rem}.modal-close{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.03)}.modal-close svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}.modal-close:hover{border-color:var(--line-strong);background:rgba(201,151,67,.08)}.modal-body{padding:20px;overflow:auto}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button{flex:1;min-height:42px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.028);color:var(--ink-2)}.tabs button.active{border-color:var(--line-strong);background:rgba(201,151,67,.09);color:var(--gold-2)}.form{display:grid;gap:14px}.form label{display:grid;gap:7px}.form label span,.label{color:var(--muted);font-size:.92rem}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);padding:12px 13px;outline:0}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(240,206,118,.07)}.form textarea{resize:vertical;min-height:110px}.form details{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.022)}.form summary{cursor:pointer;color:var(--gold-2);font-weight:800}.form-feedback{padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);color:var(--ink-2);font-size:.94rem;line-height:1.55}.form-feedback.is-muted{color:var(--muted)}.form-feedback.is-warning{border-color:rgba(240,206,118,.45);background:rgba(201,151,67,.08);color:var(--gold-2)}.form-feedback.is-success{border-color:rgba(142,196,128,.55);background:rgba(40,86,49,.18);color:#d3f0cd}.form-feedback.is-danger{border-color:rgba(181,60,50,.72);background:rgba(126,33,29,.18);color:#ffd6ca}.form-note{margin:-2px 0 0;color:var(--muted);font-size:.91rem;line-height:1.5}.form-note:empty{display:none}.form-note.is-warning{color:var(--gold-2)}.form-note.is-success{color:#d3f0cd}.form-note.is-danger{color:#ffd6ca}.copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px}.copy input{height:43px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);padding:0 12px}.detail{display:grid;gap:14px}.detail h1,.detail h2,.detail h3{margin-top:0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dlist{display:grid;gap:10px}.dlist>div{padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.027)}.dlist strong{display:block}.dlist em{display:block;color:var(--muted);font-style:normal;font-size:.88rem}.empty{padding:18px;border:1px dashed var(--line);border-radius:var(--radius-sm);color:var(--muted);text-align:center}.loading{display:grid;place-items:center;gap:12px;min-height:220px;color:var(--muted)}.spinner{width:34px;height:34px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--gold-2);animation:spin .82s linear infinite}.item-editor{display:grid;gap:12px;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.12)}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.toggle-line{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.toggle-line input{width:auto!important}.toggle-line span{color:var(--ink-2)!important;font-size:.92rem!important}.editor-preview-card{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018))}.editor-preview-card .label{display:block;margin-bottom:8px;color:var(--muted);font-size:.82rem}.editor-preview-card .tag{display:inline-flex;margin-bottom:8px;padding:5px 9px;border:1px solid rgba(240,206,118,.2);border-radius:999px;color:var(--gold-2);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.editor-preview-card h3{font-size:1.35rem}.editor-preview-card p{margin-top:8px;color:var(--ink-2)}@keyframes spin{to{transform:rotate(360deg)}}
.footer{margin-top:30px;padding:22px;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.footer b{color:var(--gold-2);font-family:var(--serif);font-weight:500;font-size:1.2rem}
.community-block{position:relative;z-index:1;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.community-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
.community-head h2{font-size:1.65rem}
.community-list{display:grid;gap:12px}
.community-item{padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.026)}
.community-item-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.community-author{color:var(--gold-2);font-weight:800}
.community-item p{color:var(--ink-2);line-height:1.62}
.community-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.community-online{color:#d3f0cd}
.community-offline{color:var(--muted)}
.questions-feed{margin-top:20px}
.question-item h3{font-size:1.35rem;margin:6px 0 10px}
.profile-hero{display:flex;align-items:center;gap:18px}
.profile-avatar-large{width:74px;height:74px;font-size:2rem}
.community-admin-card .detail-grid{margin-top:12px}
@media (max-height:820px) and (min-width:861px){
  .shell{padding-top:8px}
  .site-header{top:8px;gap:5px 18px;padding:8px 20px 9px;border-radius:22px}
  .site-header::before{border-radius:21px}
  .brand-name{font-size:clamp(1.7rem,2.25vw,2.65rem)}
  .site-nav > a{min-height:30px;padding:0 10px}
  main{padding-top:10px}
  .home-layout{gap:14px}
  .hero-stage{gap:clamp(22px,3.4vw,46px);padding:clamp(24px,3vw,38px)}
  .hero-copy{gap:12px}
  .hero-copy h1{font-size:clamp(2.45rem,3.55vw,3.8rem)}
  .hero-text{font-size:1rem;line-height:1.64}
  .hero-frame{min-height:0;height:auto}
  .hero-image{max-height:clamp(270px,29vw,348px)}
}
@media (max-width:1240px){.content-grid,.editorial-grid,.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stage{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr)}.client-grid,.admin-grid,.gate{grid-template-columns:1fr}.admin-sidebar{position:relative;top:auto;max-height:none}.workbench,.admin-queue{grid-template-columns:1fr}.admin-head-top,.selected-client{grid-template-columns:1fr}.admin-toolbar{justify-items:start}.tool-group{justify-content:flex-start}}
@media (max-width:860px){
  body{font-size:15px}
  .shell{width:min(100% - 18px,1720px);padding-top:8px}
  .deep-bg{opacity:.64}
  .grain{opacity:.03}
  .site-header{
    top:8px;
    grid-template-columns:minmax(0,1fr) 44px;
    grid-template-areas:
      "brand menu"
      "nav nav";
    gap:10px;
    padding:12px 14px;
    border-radius:22px;
  }
  .header-actions{display:none}
  .menu-button{display:grid;position:relative;top:auto;right:auto;justify-self:end;align-self:start}
  .brand-lockup{width:100%;max-width:none;padding:0}
  .brand-name{display:block;font-size:clamp(1.7rem,7vw,2.55rem);line-height:.94;text-align:center}
  .site-nav{
    display:none;
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    padding-top:4px;
  }
  .site-nav > a{
    width:100%;
    justify-content:center;
    min-height:38px;
    border-color:rgba(240,206,118,.12);
    background:rgba(255,255,255,.025);
  }
  .menu-open .site-nav{display:grid}
  .mobile-nav-actions{
    grid-column:1/-1;
    display:grid;
    gap:8px;
    padding-top:8px;
    border-top:1px solid rgba(240,206,118,.12);
  }
  .mobile-nav-profile{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:10px;
    align-items:center;
    padding:4px 2px 2px;
  }
  .mobile-nav-profile .profile-avatar{
    width:40px;
    height:40px;
    border:1px solid rgba(240,206,118,.12);
    background:rgba(255,255,255,.03);
  }
  .mobile-nav-copy{display:grid}
  .mobile-nav-copy strong{font-size:.95rem}
  .mobile-nav-copy span{color:var(--muted);font-size:.84rem}
  .mobile-nav-block{display:grid;gap:8px}
  .mobile-nav-button{
    width:100%;
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border:1px solid rgba(240,206,118,.12);
    border-radius:14px;
    background:rgba(255,255,255,.025);
    color:var(--ink);
    text-align:left;
  }
  .mobile-nav-button-primary{
    background:linear-gradient(180deg,rgba(240,206,118,.18),rgba(201,151,67,.06));
    border-color:rgba(240,206,118,.32);
    color:var(--gold-2);
    font-weight:700;
  }
  .mobile-nav-button.active{
    border-color:rgba(240,206,118,.24);
    background:rgba(255,255,255,.04);
    color:var(--ink);
  }
  .mobile-nav-button-danger{color:#ffd6ca}
  .hero-stage,.media-field{grid-template-columns:1fr}
  .hero-stage{padding:24px 20px}
  .hero-copy,.hero-copy h1,.hero-text{max-width:100%;min-width:0}
  .hero-copy h1{font-size:clamp(2rem,9vw,3.1rem);overflow-wrap:anywhere}
  .hero-text{font-size:1rem;line-height:1.7}
  .hero-actions .primary,.hero-actions .secondary,.hero-actions .plain{width:100%}
  .hero-frame{width:100%;height:auto;min-height:0}
  .hero-image{max-height:72vh}
  .content-grid,.metrics,.login-choices,.access-grid,.detail-grid{grid-template-columns:1fr}
  .editorial-grid,.path-grid,.trust-band,.faq-grid,.service-guide,.status-grid{grid-template-columns:1fr}
  .section-title{align-items:flex-start;display:grid}
  .section-hero .top,.client-top,.service-step,.home-contact,.client-section-head,.admin-card-head{grid-template-columns:1fr}
  .home-contact{align-items:start}
  .client-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .client-map button{width:100%}
  .modal{padding:10px;place-items:end center}
  .modal-card{max-height:90vh;border-radius:22px}
  .modal-body{padding:18px}
  .copy{grid-template-columns:1fr}
  .admin-head h1,.client-hero h1,.section-hero h1,.material-page h1,.gate-card h1{letter-spacing:-.035em}
  .footer{display:grid}
  .content-card{min-height:260px}
  .section-role{grid-template-columns:1fr;gap:4px;margin-bottom:12px}
}
@media (max-width:520px){
  .brand-lockup{max-width:none;padding:0}
  .brand-name{font-size:clamp(1.14rem,6vw,1.48rem);line-height:1.06}
  .site-header{padding:11px 12px}
  .menu-button{width:38px;height:38px}
  .content-card,.panel,.client-card,.admin-card,.gate-card,.material-page{border-radius:20px}
  .metrics{gap:8px}
  .metric{padding:14px}
  .section-hero,.material-page,.gate-card,.client-hero{padding:22px 18px}
  .tool-group .primary,.tool-group .secondary,.tool-group .plain,.tool-group .danger{width:100%}
  .client-map{grid-template-columns:1fr}
  .path-card,.trust-card,.faq-grid details,.service-guide article,.queue-line{padding:14px}
  .admin-head h1,.client-hero h1{font-size:clamp(2.25rem,10vw,3.2rem);overflow-wrap:anywhere}
}
.content-grid,.featured-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.content-card,.featured-grid .content-card,.featured-grid .content-card.is-featured{
  min-height:0;
  grid-template-rows:auto;
  gap:12px;
  padding:16px;
  border-radius:16px;
}
.content-card.has-cover,.featured-grid .content-card.has-cover,.featured-grid .content-card.is-featured.has-cover{grid-template-rows:auto auto}
.content-card.no-cover,.featured-grid .content-card.no-cover,.featured-grid .content-card.is-featured.no-cover{padding:18px;min-height:172px}
.content-card.no-cover .content-card-media{display:none}
.content-card-media{min-height:0;border-radius:12px;display:grid;place-items:center}
.content-card-media .card-image{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:190px;
  object-fit:contain;
}
.content-card .tag{
  width:max-content;
  max-width:100%;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--gold-2);
  font-size:.68rem;
  letter-spacing:.12em;
}
.content-card h2,.featured-grid .content-card.is-featured h2{font-size:clamp(1.28rem,2vw,1.56rem)}
.content-card p{font-size:.98rem;line-height:1.55}
.content-card .card-foot{margin-top:2px;font-size:.92rem}
.content-card-main{
  position:relative;
  z-index:1;
  width:100%;
  min-height:inherit;
  display:grid;
  grid-template-rows:inherit;
  gap:inherit;
  padding:0;
  border:0;
  border-radius:inherit;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.content-card-admin-edit{
  position:absolute;
  z-index:3;
  top:10px;
  right:10px;
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  border-color:rgba(240,206,118,.22);
  background:rgba(3,13,11,.78);
  color:var(--gold-2);
  font:inherit;
  font-size:.82rem;
  font-weight:700;
  opacity:.74;
}
.content-card-admin-edit:hover,.content-card-admin-edit:focus-visible{opacity:1;background:rgba(201,151,67,.12)}
.section-title{align-items:center;margin:2px 0 12px}
.section-title h2{font-size:clamp(1.65rem,2.4vw,2.35rem)}
.section-hero,.gate-card{padding:clamp(24px,3.2vw,46px)}
.section-hero h1,.gate-card h1{font-size:clamp(2.7rem,5vw,5.4rem)}
.section-hero p,.gate-card p{font-size:1rem;line-height:1.62}
.section-cover,.material-cover{display:grid;place-items:center;min-height:0;aspect-ratio:auto}
.section-cover .card-image,.material-cover .card-image{
  width:auto;
  max-width:100%;
  height:auto;
  object-fit:contain;
}
.section-cover .card-image{max-height:360px}
.material-cover .card-image{max-height:560px}
@media (max-width:860px){
  .content-grid,.featured-grid{grid-template-columns:1fr}
  .content-card,.featured-grid .content-card,.featured-grid .content-card.is-featured{min-height:0;padding:15px;border-radius:16px}
  .content-card.has-cover,.featured-grid .content-card.has-cover,.featured-grid .content-card.is-featured.has-cover{grid-template-rows:auto auto}
  .content-card.no-cover,.featured-grid .content-card.no-cover,.featured-grid .content-card.is-featured.no-cover{min-height:0}
  .content-card-media .card-image{max-height:170px}
  .section-cover .card-image,.material-cover .card-image{max-height:none;width:100%}
}
@media (prefers-reduced-motion:reduce){
  .brand-name{animation:none;background-position:50% 50%}
}

/* Premium public look: calmer editorial layout, fewer heavy cards. */
html,body{overflow-x:clip}
main,section,article,div,h1,h2,h3,p,button,a{min-width:0}
.home-layout{gap:clamp(28px,4vw,54px)}
.hero-stage{
  grid-template-columns:minmax(0,1fr) minmax(380px,.52fr);
  gap:clamp(36px,5vw,76px);
  padding:clamp(38px,5vw,76px);
  border-radius:18px;
  border-color:rgba(240,206,118,.12);
  background:linear-gradient(135deg,rgba(5,30,24,.72),rgba(2,9,7,.34));
  box-shadow:0 18px 54px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
}
.hero-stage.panel::before,.hero-stage.panel::after{display:none}
.hero-copy{gap:18px;max-width:780px}
.hero-copy h1{
  max-width:13.8ch;
  font-size:clamp(2.55rem,3.55vw,4rem);
  line-height:1.03;
  overflow-wrap:normal;
}
.hero-text{max-width:680px;font-size:1.03rem;line-height:1.78}
.hero-actions{gap:12px;margin-top:6px}
.hero-actions .primary,.hero-actions .secondary{min-width:164px}
.hero-frame{
  width:min(100%,540px);
  aspect-ratio:4/3;
  border-radius:12px;
  border-color:rgba(240,206,118,.18);
  background:#010302;
}
.hero-image{width:100%;height:100%;max-height:none;object-fit:cover}
.hero-caption{width:min(100%,540px);font-size:.9rem}
.section-title{margin:0 0 12px}
.section-title h2{font-size:clamp(1.85rem,2.35vw,2.55rem)}
.start-band .section-title{display:flex}
.path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.path-card{
  min-height:118px;
  padding:22px 0 0;
  border:0;
  border-top:1px solid rgba(240,206,118,.22);
  border-radius:0;
  background:transparent;
}
.path-card:hover{background:transparent;border-color:rgba(240,206,118,.54)}
.path-card strong{font-size:1.65rem}
.path-card span{max-width:360px;color:var(--muted)}
.trust-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  padding:18px 0;
  border-top:1px solid rgba(240,206,118,.14);
  border-bottom:1px solid rgba(240,206,118,.14);
}
.trust-strip .trust-card{
  min-height:0;
  padding:0 22px;
  border:0;
  border-right:1px solid rgba(240,206,118,.12);
  border-radius:0;
  background:transparent;
}
.trust-strip .trust-card:first-child{padding-left:0}
.trust-strip .trust-card:last-child{padding-right:0;border-right:0}
.trust-strip .trust-card span{
  font-family:var(--sans);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.trust-strip .trust-card p{margin-top:4px;color:var(--ink-2)}
.editorial-featured{
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.68fr);
  grid-auto-rows:minmax(136px,auto);
  gap:14px;
}
.editorial-featured .content-card{
  border-radius:14px;
  border-color:rgba(240,206,118,.16);
  background:rgba(4,20,16,.52);
  box-shadow:none;
}
.editorial-featured .content-card::before,.editorial-featured .content-card::after{display:none}
.editorial-featured .content-card.is-featured{
  grid-row:span 2;
  min-height:320px;
  padding:22px;
}
.editorial-featured .content-card.is-featured h2{font-size:clamp(1.8rem,2.4vw,2.55rem)}
.editorial-featured .content-card.is-secondary{min-height:0;padding:18px}
.faq-band{gap:10px}
.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.faq-grid details{
  padding:14px 0;
  border:0;
  border-top:1px solid rgba(240,206,118,.16);
  border-radius:0;
  background:transparent;
}
.faq-grid summary{color:var(--ink);font-weight:800}
.faq-grid summary::marker{color:var(--gold-2)}
.home-contact{
  padding:26px 0 0;
  border:0;
  border-top:1px solid rgba(240,206,118,.18);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.home-contact::before,.home-contact::after{display:none}
.site-footer{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:start;
  padding:26px 0 4px;
  border-top:1px solid rgba(240,206,118,.14);
  color:var(--muted);
}
.site-footer strong{display:block;color:var(--ink);font-family:var(--serif);font-size:1.35rem;font-weight:500}
.site-footer p{margin-top:6px}
.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px}
.site-footer .linkish{font-size:.94rem}
.section-services .section-hero{
  padding:clamp(30px,4vw,48px);
  margin-bottom:10px;
  border-radius:18px;
}
.section-services .section-hero h1{font-size:clamp(3rem,4.2vw,4.9rem)}
.section-services .section-hero p{max-width:640px}
.section-services .section-role{margin:2px 0 8px}
.premium-process{
  position:relative;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:8px 0 22px;
  padding:14px 0;
  border-top:1px solid rgba(240,206,118,.14);
  border-bottom:1px solid rgba(240,206,118,.14);
}
.premium-process article{
  padding:0 22px;
  border:0;
  border-right:1px solid rgba(240,206,118,.12);
  border-radius:0;
  background:transparent;
}
.premium-process article:first-child{padding-left:0}
.premium-process article:last-child{padding-right:0;border-right:0}
.premium-process span{width:26px;height:26px;margin-bottom:8px;font-size:.85rem}
.premium-process strong{font-size:1.28rem}
.premium-process p{font-size:.96rem;line-height:1.55}
.section-grid-services{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.content-card.card-services{
  min-height:0;
  padding:22px;
  border-radius:14px;
  border-color:rgba(240,206,118,.18);
  background:linear-gradient(145deg,rgba(6,31,25,.7),rgba(3,12,10,.58));
  box-shadow:0 12px 28px rgba(0,0,0,.14);
}
.content-card.card-services::before,.content-card.card-services::after{display:none}
.content-card.card-services h2{font-size:clamp(1.45rem,2.2vw,1.95rem)}
.content-card.card-services p{max-width:620px}
.service-card-action{
  position:relative;
  z-index:2;
  justify-self:start;
  min-height:38px;
  margin-top:14px;
  padding:0 16px;
  border:1px solid rgba(240,206,118,.32);
  border-radius:999px;
  background:rgba(240,206,118,.08);
  color:var(--gold-2);
  font-weight:800;
}
.service-card-action:hover{background:rgba(201,151,67,.14)}

@media (max-width:1240px){
  .hero-stage{grid-template-columns:minmax(0,1fr) minmax(320px,.58fr)}
  .editorial-featured{grid-template-columns:1fr}
  .editorial-featured .content-card.is-featured{grid-row:auto}
}
@media (max-width:860px){
  .shell{width:min(100% - 18px,1720px);overflow:hidden}
  .home-layout{gap:28px}
  .hero-stage{
    grid-template-columns:1fr;
    gap:22px;
    padding:24px 20px 26px;
    border-radius:18px;
  }
  .hero-copy{gap:14px}
  .hero-copy h1{
    max-width:100%;
    font-size:clamp(1.86rem,7.2vw,2.42rem);
    line-height:1.08;
    overflow-wrap:anywhere;
  }
  .hero-text{font-size:.98rem;line-height:1.68}
  .hero-actions .primary,.hero-actions .secondary{width:100%}
  .hero-media{width:100%;max-width:100%;justify-items:stretch}
  .hero-frame,.hero-caption{width:100%;max-width:100%;justify-self:stretch}
  .hero-frame{max-height:320px}
  .path-grid,.trust-strip,.faq-grid,.premium-process,.section-grid-services{grid-template-columns:1fr}
  .path-card{min-height:0;padding:16px 0 0}
  .trust-strip{gap:10px;padding:14px 0}
  .trust-strip .trust-card,.trust-strip .trust-card:first-child,.trust-strip .trust-card:last-child{
    padding:0;
    border-right:0;
  }
  .premium-process article,.premium-process article:first-child,.premium-process article:last-child{
    padding:12px 0;
    border-right:0;
    border-bottom:1px solid rgba(240,206,118,.1);
  }
  .premium-process article:last-child{border-bottom:0}
  .section-title{display:grid;gap:6px}
  .section-title p{max-width:100%}
  .section-services .section-hero h1{font-size:clamp(2.35rem,9vw,3.1rem)}
  .site-footer{grid-template-columns:1fr}
  .site-footer nav{justify-content:flex-start}
}
@media (max-width:430px){
  .hero-copy h1{font-size:clamp(1.78rem,7vw,2.12rem)}
  .hero-frame{max-height:260px}
  .hero-caption{font-size:.86rem}
  .path-card strong{font-size:1.42rem}
  .content-card.card-services{padding:18px}
}

/* Visible background texture: keep it quiet, but let the site breathe. */
body{
  background:
    linear-gradient(180deg,rgba(2,8,6,.68),rgba(2,8,6,.48) 34%,rgba(2,8,6,.32) 66%,rgba(2,8,6,.58));
}
.atmosphere{
  z-index:0;
  background:
    linear-gradient(180deg,rgba(2,6,5,.28),rgba(2,8,6,.34) 42%,rgba(2,6,5,.78)),
    radial-gradient(ellipse at 50% 0%,rgba(31,86,70,.3),transparent 48%),
    linear-gradient(180deg,#020504,#07150f 58%,#020504);
}
.deep-bg{
  background-image:
    linear-gradient(180deg,rgba(2,7,6,.16),rgba(2,7,6,.5) 38%,rgba(2,7,6,.32) 70%,rgba(2,7,6,.66)),
    url('./ember-threads.webp');
  background-position:50% 0;
  opacity:.78;
  filter:contrast(1.05) saturate(1.02);
  transform:scale(1.02);
}
.grain{opacity:.062}
.shell{z-index:1}
.site-header{
  background:linear-gradient(180deg,rgba(7,24,20,.88),rgba(5,17,14,.78));
  backdrop-filter:blur(12px) saturate(1.08);
}
.hero-stage{
  background:linear-gradient(135deg,rgba(5,30,24,.66),rgba(2,9,7,.38));
  box-shadow:0 18px 54px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.028);
}
.section-hero{
  background:linear-gradient(145deg,rgba(9,34,28,.82),rgba(3,13,11,.68));
}
.editorial-featured .content-card,
.content-card.card-services{
  background:linear-gradient(145deg,rgba(6,31,25,.68),rgba(3,12,10,.54));
}
.home-contact,.site-footer{
  background:linear-gradient(180deg,transparent,rgba(2,8,6,.16));
}
@media (max-width:860px){
  .site-header{background:linear-gradient(180deg,rgba(7,24,20,.9),rgba(5,17,14,.8))}
  .hero-stage{background:linear-gradient(145deg,rgba(5,30,24,.74),rgba(2,9,7,.5))}
  .deep-bg{opacity:.72;filter:contrast(1.03) saturate(1)}
}

/* Cleanup pass: remove decorative labels and make public sections direct. */
.eyebrow,.trust-strip,.section-role,.content-card .tag{display:none!important}
.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:clamp(18px,3vw,34px) 0 clamp(16px,2.5vw,28px);
  padding:0 2px clamp(10px,1.4vw,16px);
  border-bottom:1px solid rgba(240,206,118,.18);
}
.section-head h1{
  font-size:clamp(2.25rem,4.6vw,4.7rem);
  letter-spacing:0;
}
.section-head .secondary{min-height:38px}
.public-section{display:grid;gap:0}
.section-grid{margin-top:0}
.gate-closed{
  min-height:min(56vh,520px);
  display:grid;
  place-items:center;
}
.gate-card.compact{
  width:min(680px,100%);
  padding:clamp(26px,4vw,46px);
}
.gate-card.compact h1{
  font-size:clamp(2.05rem,4.2vw,4rem);
  letter-spacing:0;
}
@media (max-width:860px){
  .path-grid{grid-template-columns:1fr}
  .section-head{
    display:grid;
    gap:12px;
    align-items:start;
    margin:20px 0 16px;
  }
  .section-head h1{font-size:clamp(2.15rem,10vw,3.35rem)}
  .gate-closed{min-height:48vh;place-items:start}
}

/* Emergency cleanup: no giant home material block, no duplicated section title block. */
.home-layout{gap:clamp(18px,2.4vw,30px)}
.hero-featured{
  display:grid;
  gap:8px;
  max-width:720px;
  margin-top:8px;
  padding-top:14px;
  border-top:1px solid rgba(240,206,118,.16);
}
.hero-featured-title{
  color:var(--gold-2);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hero-featured-list{
  display:grid;
  gap:8px;
}
.hero-featured-item{
  position:relative;
  border:1px solid rgba(240,206,118,.14);
  border-radius:10px;
  background:rgba(3,13,11,.34);
  overflow:hidden;
}
.hero-featured-main{
  width:100%;
  display:grid;
  gap:3px;
  padding:10px 12px;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
}
.hero-featured-main strong{
  max-width:calc(100% - 78px);
  font-family:var(--serif);
  font-size:clamp(1.04rem,1.25vw,1.24rem);
  font-weight:500;
  line-height:1.12;
}
.hero-featured-main p{
  max-width:680px;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.45;
}
.hero-featured-edit{
  position:absolute;
  right:8px;
  top:8px;
  min-height:28px;
  padding:0 9px;
  border:1px solid rgba(240,206,118,.2);
  border-radius:999px;
  background:rgba(3,13,11,.82);
  color:var(--gold-2);
  font-size:.78rem;
  font-weight:700;
}
.home-materials{
  display:grid;
  gap:12px;
  padding:18px 0 0;
  border-top:1px solid rgba(240,206,118,.16);
}
.home-materials h2{
  font-size:clamp(1.45rem,2vw,2rem);
  letter-spacing:0;
}
.home-material-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:10px;
}
.home-material{
  position:relative;
  min-height:0;
  border:1px solid rgba(240,206,118,.16);
  border-radius:10px;
  background:rgba(4,20,16,.42);
  overflow:hidden;
}
.home-material-main{
  width:100%;
  min-height:0;
  display:grid;
  gap:6px;
  padding:14px 16px;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
}
.home-material-main span{
  color:var(--gold-2);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.home-material-main strong{
  font-family:var(--serif);
  font-size:clamp(1.22rem,1.55vw,1.55rem);
  font-weight:500;
  line-height:1.1;
}
.home-material-main p{
  max-width:760px;
  color:var(--ink-2);
  font-size:.95rem;
  line-height:1.55;
}
.home-material-edit{
  position:absolute;
  right:10px;
  top:10px;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(240,206,118,.2);
  border-radius:999px;
  background:rgba(3,13,11,.78);
  color:var(--gold-2);
  font-size:.8rem;
  font-weight:700;
}
.public-section{padding-top:clamp(10px,1.6vw,18px)}
.section-head{display:none!important}
.section-tools{
  display:flex;
  justify-content:flex-end;
  margin:0 0 8px;
}
.section-tools .plain{
  min-height:32px;
  padding:0 12px;
  border:1px solid rgba(240,206,118,.18);
  border-radius:999px;
  color:var(--gold-2);
  font-size:.86rem;
}
.section-grid{margin-top:0!important}
@media (max-width:860px){
  .hero-featured{margin-top:4px;padding-top:12px}
  .hero-featured-main strong{max-width:100%;padding-right:72px}
  .hero-featured-main p{font-size:.88rem}
  .home-material-list{grid-template-columns:1fr}
  .home-material-main{padding:13px 14px}
  .public-section{padding-top:8px}
  .section-tools{justify-content:flex-start}
}
.hero-stage.has-media{
  grid-template-columns:minmax(0,1fr) minmax(260px,360px);
}
.hero-media{justify-items:center}
.hero-frame{
  width:min(100%,360px);
  max-height:460px;
  aspect-ratio:3/4;
}
.hero-image{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 36%;
}
.section-grid .content-card.no-cover{
  min-height:0;
  padding:18px;
}
.section-grid .content-card-main{
  min-height:0;
}
.section-grid .content-card-copy{
  gap:8px;
}
@media (min-width:861px){
  .section-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
}
@media (max-width:860px){
  .hero-stage.has-media{grid-template-columns:1fr}
  .hero-frame{width:min(100%,340px);max-height:440px}
  .section-grid .content-card.no-cover{padding:15px}
}

/* Home first screen: tighter block, larger portrait, no tiny desktop scroll. */
@media (min-width:861px){
  body[data-route="home"] .shell{
    padding-bottom:14px;
  }
  body[data-route="home"] main{
    padding-top:8px;
  }
  body[data-route="home"] .home-layout{
    gap:0;
  }
  body[data-route="home"] .hero-stage{
    min-height:min(612px,calc(100svh - 148px));
    padding:clamp(28px,4.4vh,42px) clamp(38px,4.4vw,72px);
    gap:clamp(42px,6vw,94px);
  }
  body[data-route="home"] .hero-stage.has-media{
    grid-template-columns:minmax(0,1fr) minmax(410px,500px);
  }
  body[data-route="home"] .hero-copy{
    gap:clamp(12px,2vh,17px);
    max-width:720px;
  }
  body[data-route="home"] .hero-copy h1{
    max-width:12.8ch;
    font-size:clamp(2.85rem,3.95vw,4.55rem);
  }
  body[data-route="home"] .hero-text{
    max-width:690px;
    font-size:clamp(.98rem,1vw,1.04rem);
    line-height:1.67;
  }
  body[data-route="home"] .hero-actions{
    margin-top:3px;
  }
  body[data-route="home"] .hero-frame{
    width:min(100%,500px);
    height:clamp(438px,59svh,548px);
    max-height:calc(100svh - 236px);
    aspect-ratio:auto;
  }
}

@media (max-width:860px){
  body[data-route="home"] .shell{
    padding-bottom:18px;
  }
  body[data-route="home"] main{
    padding-top:8px;
  }
  body[data-route="home"] .home-layout{
    gap:0;
  }
  body[data-route="home"] .hero-stage{
    min-height:0;
    padding:22px 18px;
    gap:18px;
  }
  body[data-route="home"] .hero-frame{
    width:min(100%,360px);
    max-height:430px;
  }
}

/* Admin editor and trebnik workspace additions. */
.admin-editor{
  --admin-gap:12px;
  --admin-panel:rgba(255,255,255,.032);
  --admin-panel-strong:rgba(255,255,255,.052);
  display:grid;
  gap:var(--admin-gap);
  color:var(--ink);
}
.admin-editor *,
.admin-trebnik *{
  min-width:0;
}
.admin-editor__layout{
  display:grid;
  grid-template-columns:minmax(210px,250px) minmax(0,1fr);
  gap:var(--admin-gap);
  align-items:start;
}
.admin-editor__sidebar{
  position:sticky;
  top:112px;
  display:grid;
  gap:10px;
  max-height:calc(100svh - 132px);
  padding:12px;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--admin-panel);
}
.admin-editor__sidebar-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.admin-editor__sidebar-title{
  margin:0;
  font-size:1.1rem;
  line-height:1.15;
}
.admin-editor__page-list{
  display:grid;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
}
.admin-editor__page-link{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  min-height:38px;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:10px;
  background:rgba(255,255,255,.02);
  color:var(--ink-2);
  text-align:left;
  text-decoration:none;
}
.admin-editor__page-list button{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:4px;
  align-items:center;
  min-height:48px;
  padding:9px 10px;
  border:1px solid transparent;
  border-radius:10px;
  background:rgba(255,255,255,.02);
  color:var(--ink-2);
  text-align:left;
}
.admin-editor__page-list button strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-editor__page-list button span{
  color:var(--muted);
  font-size:.78rem;
  line-height:1.25;
}
.admin-editor__page-list button:hover,
.admin-editor__page-list button.active{
  border-color:var(--line-strong);
  background:rgba(201,151,67,.085);
  color:var(--gold-2);
}
.admin-editor__page-link:hover,
.admin-editor__page-link.is-active{
  border-color:var(--line-strong);
  background:rgba(201,151,67,.085);
  color:var(--gold-2);
}
.admin-editor__page-name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-editor__page-meta{
  color:var(--muted);
  font-size:.78rem;
}
.admin-editor__main{
  display:grid;
  gap:var(--admin-gap);
}
.admin-editor__topbar{
  position:sticky;
  top:12px;
  z-index:12;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(10,31,27,.96),rgba(6,18,16,.96));
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}
.admin-editor__title{
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:1.34rem;
  line-height:1.16;
}
.admin-editor__top-actions{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.admin-editor__panel{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--admin-panel);
}
.admin-editor__panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
}
.admin-editor__panel-title{
  margin:0;
  font-size:1.18rem;
  line-height:1.2;
}
.admin-editor__panel-note{
  margin:3px 0 0;
  color:var(--muted);
  font-size:.9rem;
}
.admin-editor__form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.admin-editor__field{
  display:grid;
  gap:6px;
}
.admin-editor__field.is-wide{
  grid-column:1/-1;
}
.admin-editor__label{
  color:var(--muted);
  font-size:.86rem;
}
.admin-editor__input,
.admin-editor__textarea,
.admin-editor__select{
  width:100%;
  min-height:38px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  padding:9px 10px;
  color:var(--ink);
  outline:0;
}
.admin-editor__textarea{
  min-height:96px;
  resize:vertical;
}
.admin-editor__input:focus,
.admin-editor__textarea:focus,
.admin-editor__select:focus{
  border-color:var(--line-strong);
  box-shadow:0 0 0 3px rgba(240,206,118,.075);
}
.admin-editor__save-state{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:6px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:var(--muted);
  font-size:.86rem;
  line-height:1;
  white-space:nowrap;
}
.admin-editor__save-state::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
}
.admin-editor__save-state.is-saving{
  color:var(--gold-2);
}
.admin-editor__save-state.is-saved{
  border-color:rgba(142,196,128,.45);
  background:rgba(40,86,49,.16);
  color:#d3f0cd;
}
.admin-editor__save-state.is-error{
  border-color:rgba(181,60,50,.68);
  background:rgba(126,33,29,.2);
  color:#ffd6ca;
}
.admin-trebnik{
  display:grid;
  gap:10px;
}
.admin-trebnik__toolbar{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.admin-trebnik__table{
  display:grid;
  gap:6px;
}
.admin-trebnik__row{
  display:grid;
  grid-template-columns:minmax(180px,1.6fr) minmax(120px,.8fr) minmax(90px,.5fr) auto;
  gap:8px;
  align-items:center;
  min-height:42px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--admin-panel);
}
.admin-trebnik__row.is-head{
  min-height:34px;
  background:transparent;
  color:var(--muted);
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.admin-trebnik__row:hover:not(.is-head){
  border-color:var(--line-strong);
  background:var(--admin-panel-strong);
}
.admin-trebnik__cell{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-trebnik__cell.is-actions{
  display:flex;
  gap:6px;
  justify-content:flex-end;
  overflow:visible;
}
.admin-trebnik__status{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-height:26px;
  padding:5px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-size:.78rem;
}
.admin-trebnik__status.is-live{
  border-color:rgba(142,196,128,.45);
  color:#d3f0cd;
}
.admin-trebnik__status.is-draft{
  border-color:rgba(240,206,118,.42);
  color:var(--gold-2);
}
.admin-trebnik__compact-list{
  display:grid;
  gap:6px;
}
.admin-trebnik__compact-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--admin-panel);
}
.home-featured-inline{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:18px;
  max-width:720px;
}
.home-featured-inline a{
  display:grid;
  gap:4px;
  min-height:72px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  color:inherit;
  text-decoration:none;
}
.home-featured-inline a:hover{
  border-color:var(--line-strong);
  background:rgba(201,151,67,.07);
}
.home-featured-inline span{
  color:var(--gold-2);
  font-size:.78rem;
  font-weight:800;
}
.home-featured-inline strong{
  font-family:var(--serif);
  font-size:1.08rem;
  font-weight:500;
  line-height:1.12;
}

@media (max-width:1100px){
  .admin-editor__layout{
    grid-template-columns:1fr;
  }
  .admin-editor__sidebar,
  .admin-editor__topbar{
    position:relative;
    top:auto;
    max-height:none;
  }
  .admin-editor__page-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .admin-trebnik__row{
    grid-template-columns:minmax(160px,1.3fr) minmax(110px,.8fr) auto;
  }
  .admin-trebnik__cell.is-priority{
    display:none;
  }
}

@media (max-width:680px){
  .admin-editor{
    --admin-gap:10px;
  }
  .admin-editor__sidebar,
  .admin-editor__panel{
    padding:10px;
    border-radius:14px;
  }
  .admin-editor__page-list,
  .admin-editor__form-grid{
    grid-template-columns:1fr;
  }
  .admin-editor__topbar,
  .admin-editor__panel-head,
  .admin-trebnik__toolbar{
    grid-template-columns:1fr;
    display:grid;
  }
  .admin-editor__top-actions{
    justify-content:flex-start;
  }
  .admin-editor__title{
    white-space:normal;
    font-size:1.18rem;
  }
  .admin-editor__save-state{
    width:max-content;
    max-width:100%;
  }
  .admin-trebnik__row,
  .admin-trebnik__compact-item{
    grid-template-columns:1fr;
    align-items:start;
  }
  .home-featured-inline{
    grid-template-columns:1fr;
  }
  .admin-trebnik__row.is-head{
    display:none;
  }
  .admin-trebnik__cell{
    white-space:normal;
  }
  .admin-trebnik__cell.is-actions{
    justify-content:flex-start;
  }
}

/* Clean arcane home design: vector logo, stable header, no phantom buttons. */
:root{
  --logo-mark:url("/static/zapiski-logo-mark.svg");
}
.shell{
  width:100%;
  max-width:1920px;
  padding:0 0 42px;
}
.site-header{
  top:0;
  grid-template-columns:minmax(500px,.95fr) minmax(470px,1fr) auto;
  grid-template-areas:"brand nav actions";
  align-items:center;
  gap:32px;
  padding:21px 92px;
  border:0;
  border-bottom:1px solid rgba(201,151,67,.36);
  border-radius:0;
  background:linear-gradient(180deg,rgba(2,8,7,.96),rgba(3,12,10,.9));
  box-shadow:0 14px 34px rgba(0,0,0,.2);
}
.site-header::before{
  inset:auto 0 0;
  height:1px;
  border-radius:0;
  background:linear-gradient(90deg,transparent,rgba(240,206,118,.46),transparent);
  opacity:.58;
}
.brand-lockup{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:15px;
  width:auto;
  max-width:none;
  color:inherit;
  text-align:left;
}
.brand-mark{
  display:block;
  flex:0 0 auto;
  width:66px;
  height:66px;
  background:var(--gold-2);
  -webkit-mask:var(--brand-logo-url,var(--logo-mark)) center/contain no-repeat;
  mask:var(--brand-logo-url,var(--logo-mark)) center/contain no-repeat;
  filter:drop-shadow(0 0 8px rgba(240,206,118,.26));
  opacity:.92;
}
.brand-copy{
  justify-items:start;
  gap:4px;
  text-align:left;
}
.brand-name{
  display:block;
  white-space:nowrap;
  font-size:2.42rem;
  line-height:1.02;
}
.brand-sub{
  display:block!important;
  max-width:560px;
  color:rgba(240,206,118,.68);
  font-size:.74rem;
  font-weight:800;
  line-height:1.25;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.brand-sub[hidden]{
  display:none!important;
}
.site-nav{
  justify-content:center;
  gap:30px;
  flex-wrap:nowrap;
}
.site-nav > a{
  position:relative;
  min-height:40px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:rgba(244,234,217,.72);
  font-size:1.02rem;
  white-space:nowrap;
}
.site-nav > a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,var(--gold),var(--gold-2));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease;
}
.site-nav > a:hover,
.site-nav > a.active{
  border-color:transparent;
  background:transparent;
  color:var(--gold-2);
}
.site-nav > a:hover::after,
.site-nav > a.active::after{
  transform:scaleX(1);
}
.admin-shortcut,
.entry-button{
  min-height:54px;
  border-radius:6px;
  border-color:rgba(201,151,67,.62);
  background:rgba(4,13,11,.42);
  color:var(--gold-2);
  font-weight:700;
}
@media (min-width:861px){
  .header-actions{
    min-width:226px;
  }
}
.admin-shortcut::before{
  content:none;
  display:none;
}
main{
  padding-top:0;
}
body[data-route="home"] .shell{
  padding-bottom:0;
}
@media (min-width:861px){
  body[data-route="home"]{
    height:100svh;
    min-height:100svh;
    overflow:hidden;
  }
  body[data-route="home"] .shell{
    height:100svh;
    min-height:0;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    overflow:hidden;
  }
  body[data-route="home"] main{
    min-height:0;
    overflow:hidden;
  }
}
body[data-route="home"] .home-layout{
  min-height:calc(100svh - 118px);
  gap:0;
}
body[data-route="home"] .hero-stage{
  position:relative;
  min-height:calc(100svh - 118px);
  grid-template-columns:minmax(0,.92fr) minmax(520px,.7fr);
  gap:72px;
  align-items:center;
  padding:82px 132px 76px;
  border:0;
  border-radius:0;
  background:
    radial-gradient(circle at 30% 52%,rgba(201,151,67,.08),transparent 30%),
    linear-gradient(90deg,rgba(4,18,15,.92),rgba(2,7,6,.78) 48%,rgba(2,7,6,.94)),
    radial-gradient(ellipse at 8% 100%,rgba(232,120,32,.16),transparent 44%);
  box-shadow:none;
  overflow:hidden;
}
body[data-route="home"] .hero-stage::before{
  display:none;
  content:none;
}
body[data-route="home"] .hero-stage.panel::before{
  display:none;
}
body[data-route="home"] .hero-stage.panel::after{
  display:none;
}
body[data-route="home"] .hero-copy,
body[data-route="home"] .hero-media{
  position:relative;
  z-index:1;
}
@media (min-width:861px){
  body[data-route="home"] .home-layout{
    height:100%;
    min-height:0;
    overflow:hidden;
  }
  body[data-route="home"] .hero-stage{
    height:100%;
    min-height:0;
  }
  body[data-route="home"] .hero-copy,
  body[data-route="home"] .hero-media{
    transform:translateY(-56px);
  }
}
body[data-route="home"] .hero-copy{
  gap:20px;
  max-width:760px;
}
.hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  width:max-content;
  max-width:100%;
  color:var(--gold-2);
  font-size:.84rem;
  font-weight:800;
  line-height:1.3;
  letter-spacing:.3em;
  text-transform:uppercase;
}
.hero-kicker::before{
  content:"";
  width:28px;
  height:1px;
  background:linear-gradient(90deg,var(--gold-2),transparent);
}
body[data-route="home"] .hero-copy h1{
  max-width:9.5ch;
  color:#efe3cf;
  font-size:6.5rem;
  line-height:.9;
  letter-spacing:0;
  text-shadow:0 12px 34px rgba(0,0,0,.28);
}
body[data-route="home"] .hero-text{
  max-width:660px;
  color:rgba(244,234,217,.76);
  font-size:1.2rem;
  line-height:1.58;
}
.hero-actions:empty{
  display:none!important;
}
body[data-route="home"] .hero-actions{
  gap:24px;
  margin-top:8px;
}
body[data-route="home"] .hero-actions .primary,
body[data-route="home"] .hero-actions .secondary{
  min-height:58px;
  min-width:230px;
  border-radius:6px;
  border-color:rgba(201,151,67,.62);
  color:var(--gold-2);
  background:rgba(4,13,11,.46);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-route="home"] .hero-actions .secondary{
  min-width:auto;
  border-color:transparent;
  border-bottom-color:rgba(201,151,67,.7);
  background:transparent;
}
.hero-media{
  justify-items:center;
}
body[data-route="home"] .hero-frame{
  position:relative;
  width:min(100%,660px);
  height:500px;
  max-height:calc(100svh - 230px);
  min-height:390px;
  aspect-ratio:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
}
.hero-frame::before,
.hero-frame::after{
  display:none;
  content:none;
}
.hero-frame::before{
  inset:7px;
  border-radius:18px;
}
.hero-frame::after{
  inset:18px;
  border-radius:12px;
  opacity:.5;
}
.hero-frame-inner{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:0;
  background:#010302;
}
body[data-route="home"] .hero-image{
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:50% 36%;
  filter:grayscale(1) contrast(1.08) brightness(.9);
}
.hero-frame-mark{
  display:none;
}
.hero-frame-mark.is-top{
  top:7px;
  left:50%;
  transform:translate(-50%,-50%) scale(.5);
}
.hero-frame-mark.is-right{
  top:50%;
  right:7px;
  transform:translate(50%,-50%) scale(.5);
}
.hero-frame-mark.is-bottom{
  bottom:7px;
  left:50%;
  transform:translate(-50%,50%) scale(.5);
}
.hero-frame-mark.is-left{
  top:50%;
  left:7px;
  transform:translate(-50%,-50%) scale(.5);
}

@media (max-width:1320px) and (min-width:861px){
  .site-header{
    grid-template-columns:minmax(430px,.92fr) minmax(420px,1fr) auto;
    gap:22px;
    padding:18px 36px;
  }
  .brand-mark{
    width:56px;
    height:56px;
  }
  .brand-name{
    font-size:2rem;
  }
  .site-nav{
    gap:20px;
  }
  .site-nav > a{
    font-size:.96rem;
  }
  body[data-route="home"] .hero-stage{
    grid-template-columns:minmax(0,.9fr) minmax(410px,.72fr);
    gap:48px;
    padding:64px 54px;
  }
  body[data-route="home"] .hero-copy h1{
    font-size:5rem;
  }
  body[data-route="home"] .hero-frame{
    height:460px;
  }
}

@media (max-width:860px){
  .shell{
    width:100%;
    padding-bottom:26px;
  }
  .site-header{
    top:0;
    grid-template-columns:minmax(0,1fr) 42px;
    grid-template-areas:
      "brand menu"
      "nav nav";
    gap:12px;
    padding:12px 14px;
    border-radius:0;
  }
  .brand-lockup{
    width:100%;
    justify-content:flex-start;
    gap:10px;
  }
  .brand-mark{
    width:46px;
    height:46px;
  }
  .brand-copy{
    justify-items:start;
  }
  .brand-name{
    max-width:calc(100vw - 116px);
    white-space:normal;
    text-align:left;
    font-size:1.48rem;
    line-height:1.04;
  }
  .brand-sub{
    font-size:.58rem;
    letter-spacing:.1em;
  }
  .site-nav{
    grid-template-columns:1fr;
    gap:7px;
  }
  .site-nav > a{
    min-height:40px;
    justify-content:flex-start;
    padding:0 10px;
    border:1px solid rgba(201,151,67,.16);
    border-radius:8px;
  }
  .site-nav > a::after{
    display:none;
  }
  body[data-route="home"] .home-layout,
  body[data-route="home"] .hero-stage{
    min-height:0;
  }
  body[data-route="home"] .hero-stage{
    width:100%;
    max-width:100%;
    grid-template-columns:minmax(0,1fr);
    gap:26px;
    padding:36px 18px 44px;
  }
  body[data-route="home"] .hero-stage::before{
    left:50%;
    top:32%;
    width:380px;
    height:380px;
    opacity:.07;
  }
  .hero-kicker{
    width:100%;
    font-size:.68rem;
    letter-spacing:.2em;
  }
  body[data-route="home"] .hero-copy{
    gap:14px;
    width:100%;
    max-width:100%;
    min-width:0;
  }
  body[data-route="home"] .hero-media{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  body[data-route="home"] .hero-copy h1{
    max-width:100%;
    font-size:3.55rem;
    line-height:.94;
    overflow-wrap:anywhere;
  }
  body[data-route="home"] .hero-text{
    width:100%;
    max-width:100%;
    font-size:1.02rem;
    line-height:1.6;
    overflow-wrap:break-word;
  }
  body[data-route="home"] .hero-text p{
    min-width:0;
    max-width:100%;
    overflow-wrap:break-word;
  }
  body[data-route="home"] .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  body[data-route="home"] .hero-actions .primary,
  body[data-route="home"] .hero-actions .secondary{
    width:100%;
    min-width:0;
    min-height:52px;
  }
  body[data-route="home"] .hero-frame{
    justify-self:center;
    width:min(100%,calc(100vw - 72px),420px);
    height:min(118vw,520px);
    min-height:0;
    max-height:none;
    padding:0;
  }
  .hero-frame::before{
    inset:5px;
  }
  .hero-frame::after{
    inset:14px;
  }
  .hero-frame-mark{
    width:46px;
    height:46px;
  }
}

@media (max-width:430px){
  .brand-mark{
    width:42px;
    height:42px;
  }
  .brand-name{
    font-size:1.18rem;
  }
  .brand-sub{
    font-size:.52rem;
  }
  body[data-route="home"] .hero-copy h1{
    font-size:3.05rem;
  }
  body[data-route="home"] .hero-frame{
    height:min(118vw,440px);
  }
}
