@font-face{font-family:'Cormorant';src:url('./fonts/CormorantGaramond_400Regular.ttf');font-weight:400;font-style:normal}
@font-face{font-family:'Cormorant';src:url('./fonts/CormorantGaramond_400Regular_Italic.ttf');font-weight:400;font-style:italic}
@font-face{font-family:'Cormorant';src:url('./fonts/CormorantGaramond_500Medium.ttf');font-weight:500;font-style:normal}
@font-face{font-family:'Cormorant';src:url('./fonts/CormorantGaramond_600SemiBold.ttf');font-weight:600;font-style:normal}
@font-face{font-family:'Inter';src:url('./fonts/Inter_400Regular.ttf');font-weight:400}
@font-face{font-family:'Inter';src:url('./fonts/Inter_500Medium.ttf');font-weight:500}
@font-face{font-family:'JB';src:url('./fonts/JetBrainsMono_400Regular.ttf');font-weight:400}

:root{
  --carbon:#0B0B0C; --carbon2:#0d0d10; --panel:#141417; --panel2:#0E0E11;
  --ivory:#EFE9DB; --soft:#D8D1C2; --muted:#A8A095; --faint:#6f6a61;
  --bronze:#C5A059; --bronzeDim:#9C8262; --gold:#E7D29C;
  --verd:#5B8A72; --gem:#5FBF9A;
  --line:rgba(170,142,104,0.20); --lineSoft:rgba(170,142,104,0.10);
  --glass:rgba(240,233,221,0.045); --glassBorder:rgba(197,160,89,0.30);
  --hi:inset 0 1px 0 rgba(245,236,216,0.10);
  --elev:0 34px 70px -36px rgba(0,0,0,0.9);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:linear-gradient(180deg,#0d0d10,#0B0B0C 38%,#090909);color:var(--ivory);
  font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased}
body::after{content:'';position:fixed;inset:0;background-image:var(--grain);background-size:180px 180px;
  opacity:.045;mix-blend-mode:overlay;pointer-events:none;z-index:999}
.wrap{max-width:1180px;margin:0 auto;padding:0 64px}
a{color:inherit;text-decoration:none}

/* header */
.hdr{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:20px 64px;background:rgba(11,11,12,0.7);backdrop-filter:blur(12px) saturate(1.1);border-bottom:1px solid var(--lineSoft)}
.hdr .logo{height:46px;opacity:.97}
.nav{display:flex;align-items:center;gap:30px}
.nav a{font-size:13px;letter-spacing:.6px;color:#C9C2B4;opacity:.86;transition:.2s}
.nav a:hover{color:var(--gold);opacity:1}
.pill{border:1px solid var(--bronzeDim);color:var(--gold);padding:9px 17px;border-radius:2px;font-size:12px;letter-spacing:1.3px;
  box-shadow:var(--hi),0 0 0 0 rgba(197,160,89,0);transition:.25s}
.pill:hover{box-shadow:var(--hi),0 0 22px -4px rgba(197,160,89,.5);border-color:var(--bronze)}
.lang{color:var(--faint);letter-spacing:1px}

/* shared */
.kick{font-family:'JB';font-size:12px;letter-spacing:3px;color:var(--bronze);display:flex;align-items:center;gap:10px;margin-bottom:22px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--gem);display:inline-block;box-shadow:0 0 12px rgba(95,191,154,.65)}
.sech{font-family:'Cormorant';font-weight:500;font-size:46px;line-height:1.1;color:var(--ivory);letter-spacing:.3px}
.lead{font-size:17px;line-height:1.68;color:var(--muted);max-width:560px;margin-top:18px}
.sec{position:relative;padding:120px 0;overflow:hidden}
.sec::before{content:'';position:absolute;top:-10%;right:-5%;width:60%;height:70%;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(197,160,89,0.07),rgba(11,11,12,0) 70%)}
.sec.alt{background:linear-gradient(180deg,rgba(20,20,23,0),rgba(20,20,23,0.6) 50%,rgba(20,20,23,0));border-top:1px solid var(--lineSoft);border-bottom:1px solid var(--lineSoft)}
.sec.alt::before{right:auto;left:-5%;background:radial-gradient(ellipse at center,rgba(91,138,114,0.06),rgba(11,11,12,0) 70%)}
.btn{display:inline-block;font-weight:500;font-size:13px;letter-spacing:1.2px;color:var(--gold);
  border:1px solid var(--bronze);padding:14px 28px;border-radius:2px;background:rgba(197,160,89,0.05);box-shadow:var(--hi);transition:.25s}
.btn:hover{background:rgba(197,160,89,0.12);box-shadow:var(--hi),0 0 28px -6px rgba(197,160,89,.45)}
.ghost{font-size:14px;letter-spacing:.5px;color:var(--soft);opacity:.85}
.ghost:hover{color:var(--gem)}

/* glass panels — shared look */
.door,.jcard,.pcard,.pillar{background:var(--glass);border:1px solid var(--glassBorder);
  box-shadow:var(--elev),var(--hi);backdrop-filter:blur(3px);border-radius:5px;transition:.28s}
.door:hover,.jcard:hover,.pcard:hover,.pillar:hover{border-color:var(--bronze);transform:translateY(-3px);
  box-shadow:0 40px 80px -36px rgba(0,0,0,.95),var(--hi)}

/* hero */
.hero{position:relative;height:680px;overflow:hidden;border-bottom:1px solid var(--lineSoft)}
.hero .glow{position:absolute;inset:0;background:
  radial-gradient(circle at 72% 2%,rgba(197,160,89,0.20),rgba(11,11,12,0) 44%),
  radial-gradient(circle at 8% 80%,rgba(91,138,114,0.08),rgba(11,11,12,0) 40%)}
.hero .statue{position:absolute;top:0;right:0;width:48%;height:100%;
  background:url('./assets/substrate/statue.jpg') center 12%/cover no-repeat}
.hero .statue:after{content:'';position:absolute;inset:0;background:
  linear-gradient(to right,#0B0B0C 0%,rgba(11,11,12,0.45) 32%,rgba(11,11,12,0) 76%),
  linear-gradient(to bottom,rgba(11,11,12,0.4) 0%,rgba(11,11,12,0) 30%,rgba(11,11,12,0) 56%,#0B0B0C 97%)}
.hero .inner{position:relative;z-index:3;max-width:1180px;margin:0 auto;padding:0 64px;height:100%;display:flex;flex-direction:column;justify-content:center}
.hero h1{font-family:'Cormorant';font-weight:500;font-size:66px;line-height:1.05;color:var(--ivory);max-width:660px;text-shadow:0 2px 30px rgba(0,0,0,.5)}
.hero h1 .it{font-style:italic}
.hero .sub{font-size:17px;line-height:1.6;color:var(--muted);max-width:460px;margin-top:24px}
.hero .cta{display:flex;align-items:center;gap:26px;margin-top:38px}

/* corner-bracket window */
.win{position:relative}
.win .brk{position:absolute;width:20px;height:20px;border:1px solid var(--bronze);opacity:.55}
.win .tl{top:0;left:0;border-right:0;border-bottom:0}
.win .tr{top:0;right:0;border-left:0;border-bottom:0}
.win .bl{bottom:0;left:0;border-right:0;border-top:0}
.win .br{bottom:0;right:0;border-left:0;border-top:0}

/* before/after */
.ba{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--glassBorder);border-radius:5px;overflow:hidden;box-shadow:var(--elev)}
.ba .col{position:relative;height:440px}
.ba .col img{width:100%;height:100%;object-fit:cover;display:block}
.ba .before img{filter:grayscale(0.92) brightness(0.55) contrast(0.88)}
.ba .after img{filter:saturate(1.08) brightness(0.95)}
.ba .after:after{content:'';position:absolute;inset:0;background:
  radial-gradient(circle at 50% 28%,rgba(197,160,89,0.16),rgba(11,11,12,0) 56%),
  linear-gradient(to bottom,rgba(11,11,12,0) 52%,rgba(11,11,12,0.88))}
.ba .tag{position:absolute;top:18px;left:18px;z-index:2;font-family:'JB';font-size:11px;letter-spacing:2.5px;color:var(--soft)}
.ba .mid{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,rgba(95,191,154,0),var(--verd),rgba(95,191,154,0));z-index:3;transform:translateX(-0.5px);box-shadow:0 0 16px rgba(95,191,154,.4)}
.ba-cap{text-align:center;font-family:'Cormorant';font-style:italic;font-size:27px;color:var(--soft);margin-top:28px}

/* doors */
.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:16px}
.door{position:relative;min-height:320px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:30px}
.door .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.55;transition:.4s}
.door:hover .bg{opacity:.7;transform:scale(1.04)}
.door:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(11,11,12,0.15),rgba(11,11,12,0.9))}
.door .c{position:relative;z-index:2}
.door h3{font-family:'Cormorant';font-weight:500;font-size:31px;color:var(--ivory);margin-bottom:8px}
.door p{font-size:14px;line-height:1.55;color:var(--muted);margin-bottom:16px}
.door .go{font-family:'JB';font-size:11px;letter-spacing:2px;color:var(--gold)}

/* standard */
.std{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}
.seal{width:210px;height:210px;border-radius:50%;border:1px solid var(--bronze);display:flex;flex-direction:column;
  align-items:center;justify-content:center;margin:0 auto;position:relative;
  background:radial-gradient(circle at 50% 35%,rgba(197,160,89,0.12),rgba(11,11,12,0) 70%);
  box-shadow:0 0 60px -10px rgba(197,160,89,.25),var(--hi)}
.seal:before{content:'';position:absolute;inset:14px;border-radius:50%;border:1px solid var(--lineSoft)}
.seal .na{font-family:'Cormorant';font-weight:600;font-size:40px;color:var(--gold);letter-spacing:1px}
.seal .v{font-family:'JB';font-size:9px;letter-spacing:2px;color:var(--bronzeDim);margin-top:6px}

/* drop */
.drop{position:relative;border-radius:5px;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;border:1px solid var(--glassBorder);box-shadow:var(--elev)}
.drop .bg{position:absolute;inset:0;background:url('./assets/substrate/warm.jpg') center/cover;opacity:.72}
.drop:after{content:'';position:absolute;inset:0;background:
  radial-gradient(circle at 78% 30%,rgba(197,160,89,0.14),rgba(11,11,12,0) 50%),
  linear-gradient(to right,rgba(11,11,12,0.94) 32%,rgba(11,11,12,0.15))}
.drop .c{position:relative;z-index:2;padding:52px;max-width:560px}

/* manifest — layered substrate */
.manifest{text-align:center}
.manifest::after{content:'';position:absolute;inset:0;z-index:0;background:url('./assets/substrate/carved.jpg') center/cover;opacity:.07;filter:grayscale(.4)}
.manifest .wrap{position:relative;z-index:2}
.manifest .line{font-family:'Cormorant';font-weight:400;font-size:42px;line-height:1.75;color:var(--soft)}
.manifest .line .g{color:var(--gem);font-size:17px;vertical-align:middle;margin:0 16px;text-shadow:0 0 12px rgba(95,191,154,.6)}

/* O voice + journal */
.ov{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:center}
.ov .oq{font-family:'Cormorant';font-style:italic;font-size:31px;line-height:1.4;color:var(--ivory)}
.ov .org{height:66px;margin-bottom:22px;opacity:.95;filter:drop-shadow(0 0 18px rgba(197,160,89,.3))}
.jcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.jcard{overflow:hidden}
.jcard .ji{height:130px;background-size:cover;background-position:center;opacity:.82;transition:.4s}
.jcard:hover .ji{opacity:1}
.jcard .jt{padding:16px;font-family:'Cormorant';font-size:21px;line-height:1.25;color:var(--ivory)}
.jcard .jm{padding:0 16px 16px;font-family:'JB';font-size:10px;letter-spacing:2px;color:var(--bronzeDim)}

/* dna band */
.dna{text-align:center;background:var(--panel2)}
.dna::after{content:'';position:absolute;inset:0;background:url('./assets/substrate/statue.jpg') center 20%/cover;opacity:.08;filter:grayscale(.3)}
.dna .wrap{position:relative;z-index:2;padding-top:30px;padding-bottom:30px}
.dna h2{font-family:'Cormorant';font-weight:500;font-size:54px;color:var(--ivory)}
.dna p{font-size:16px;color:var(--muted);max-width:520px;margin:18px auto 30px}

/* ecosystem map (home) */
.ecomap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 32px;margin-top:18px}
.ecol h4{font-family:'JB';font-size:11px;letter-spacing:2px;color:var(--bronze);padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.ecol ul{list-style:none}
.ecol li{font-size:14px;color:var(--soft);padding:5px 0;opacity:.9}
.ecol li:hover{color:var(--gold)}

/* footer */
.footer{position:relative;background:var(--panel2);border-top:1px solid var(--line);padding:66px 0 40px;overflow:hidden}
.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,rgba(197,160,89,0),var(--bronzeDim),rgba(197,160,89,0))}
.footer .slogan{font-family:'Cormorant';font-style:italic;font-size:32px;color:var(--soft)}
.footer .frow{display:flex;justify-content:space-between;align-items:flex-start;margin-top:36px;flex-wrap:wrap;gap:30px}
.footer .fl a{display:block;font-size:14px;color:var(--muted);padding:6px 0}
.footer .fl a:hover{color:var(--gold)}
.footer .fcol h5{font-family:'JB';font-size:10px;letter-spacing:2px;color:var(--bronzeDim);margin-bottom:14px}
.footer .copy{margin-top:46px;font-family:'JB';font-size:10px;letter-spacing:1.5px;color:var(--faint)}

/* ecosystem page */
.ehero{position:relative;padding:124px 0 74px;border-bottom:1px solid var(--lineSoft);overflow:hidden}
.ehero .bg{position:absolute;inset:0;background:url('./assets/substrate/library.jpg') center/cover;opacity:.2}
.ehero::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(11,11,12,0.7),rgba(11,11,12,0.95)),radial-gradient(circle at 75% 10%,rgba(197,160,89,0.12),rgba(11,11,12,0) 50%)}
.ehero .c{position:relative;z-index:2}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.pillar{padding:28px}
.pillar h4{font-family:'Cormorant';font-size:27px;color:var(--gold);margin-bottom:8px}
.pillar p{font-size:14px;color:var(--muted);line-height:1.5}
.fam{position:relative;padding:66px 0;border-bottom:1px solid var(--lineSoft)}
.fam .fh{display:flex;align-items:baseline;gap:16px;margin-bottom:26px}
.fam .fh h3{font-family:'Cormorant';font-weight:500;font-size:33px;color:var(--ivory)}
.fam .fh .n{font-family:'JB';font-size:11px;letter-spacing:2px;color:var(--bronze)}
.plist{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pcard{padding:22px 24px;display:flex;flex-direction:column;gap:7px}
.pcard .pn{font-family:'Cormorant';font-size:24px;color:var(--ivory)}
.pcard .pd{font-size:13.5px;color:var(--muted);line-height:1.5}
.pcard .pt{margin-top:5px;display:flex;gap:8px;flex-wrap:wrap}
.tagp{font-family:'JB';font-size:9.5px;letter-spacing:1px;padding:4px 9px;border:1px solid var(--lineSoft);border-radius:2px;color:var(--bronzeDim)}
.tagp.ph{color:var(--verd);border-color:rgba(91,138,114,.32)}

/* ===== REFERENCE ADAPTATION — La Nobleza DNA, переведённая на наш бренд ===== */
@font-face{font-family:'Inter';src:url('./fonts/Inter_300Light.ttf');font-weight:300}
@font-face{font-family:'Inter';src:url('./fonts/Inter_200ExtraLight.ttf');font-weight:200}
body{font-weight:300}
.nav a,.lead,.sub,.door p,.pcard .pd,.footer .fl a,.dna p,.ehero .lead{font-weight:300}
.kick{font-weight:400}
/* больше воздуха */
.sec{padding:140px 0}
/* блоки-изображения: приглушённые по умолчанию → цвет + зум при активации (медленно, сдержанно) */
.door .bg,.jcard .ji,.drop .bg{filter:grayscale(0.94) brightness(0.6);
  transition:filter 1.1s cubic-bezier(.25,.46,.45,.94),transform 1.5s cubic-bezier(.25,.46,.45,.94),opacity .8s}
.door .bg{opacity:.5}
.door:hover .bg,.door.is-active .bg{filter:grayscale(0) brightness(1.02);transform:scale(1.06);opacity:.95}
.jcard:hover .ji{filter:grayscale(0) brightness(1);transform:scale(1.05)}
.drop:hover .bg{filter:grayscale(0.15) brightness(0.95);transform:scale(1.03)}
/* Verdigris просыпается ТОЛЬКО при активации — наш сдержанный твист */
.door,.jcard{transition:border-color .5s,transform .45s,box-shadow .55s}
.door:hover,.door.is-active{border-color:rgba(95,191,154,0.55);transform:translateY(-3px);
  box-shadow:0 46px 92px -38px rgba(0,0,0,.96),0 0 46px -16px rgba(95,191,154,.32),var(--hi)}
.door:hover .go,.door.is-active .go{color:var(--gem)}
.door:hover h3,.door.is-active h3{color:#fff}
.jcard:hover{border-color:rgba(95,191,154,0.45);box-shadow:0 44px 84px -38px rgba(0,0,0,.95),0 0 36px -18px rgba(95,191,154,.28),var(--hi)}
/* ритм: средняя дверь ниже + чуть выше карточки (галерейная композиция) */
.doors>a{min-height:380px}
.doors>a:nth-child(2){margin-top:44px}
/* мягкое золотое «пятно» за стандартом — глубина */
#standard::after{content:'';position:absolute;left:-4%;top:24%;width:440px;height:440px;
  background:radial-gradient(circle,rgba(197,160,89,0.12),rgba(11,11,12,0) 70%);filter:blur(50px);pointer-events:none;z-index:0}
#standard .wrap{position:relative;z-index:3}

/* ===== RUBENS + SCROLL-VARIETY (2026-06-28) ===== */
:root{
  --carbon:#0C0B0A; --warm:#15120E; --warm2:#1C1712;
  --ivory:#EFE9DB; --soft:#DAD2C2; --muted:#A89E8E; --faint:#746d61;
  --bronze:#C5A059; --bronzeDim:#9C8262; --gold:#E7D29C;
  --verd:#5B8A72; --gem:#5FBF9A; --wine:#5A2417; --cognac:#B76E2D;
  --line:rgba(184,150,100,0.20); --lineSoft:rgba(184,150,100,0.10);
  --glass:rgba(232,217,196,0.045); --glassBorder:rgba(197,160,89,0.27);
}
body{background:radial-gradient(120% 80% at 70% -10%,#17120c 0%,#0C0B0A 46%,#080706 100%)}
/* глобальный тёплый свет, который проступает в прозрачных секциях */
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(48% 38% at 74% 6%,rgba(197,160,89,0.11),rgba(12,11,10,0) 70%),
             radial-gradient(42% 36% at 10% 90%,rgba(91,138,114,0.05),rgba(12,11,10,0) 72%)}
.hdr,.hero,.sec,.footer,.ehero,.fam,.ticker{position:relative;z-index:1}
/* РИТМ ФОНОВ: прозрачно (над свечением) ↔ плотная тёплая полоса */
.sec{background:transparent}
.sec::before{display:none}
.sec.alt{background:linear-gradient(180deg,#120f0b,#15120e 50%,#110f0b);border-top:1px solid var(--lineSoft);border-bottom:1px solid var(--lineSoft)}
.door,.jcard,.pcard,.pillar{background:var(--glass);border-color:var(--glassBorder)}
/* ФИКС-ШАПКА: прозрачная на главной → матовое стекло при скролле / на внутренних */
.hdr{background:transparent;border-bottom:1px solid transparent;transition:background .5s,border-color .5s,padding .4s}
.hdr.docked,body:not([data-page="home"]) .hdr{background:rgba(12,11,10,0.82);backdrop-filter:blur(12px) saturate(1.1);border-bottom:1px solid var(--lineSoft);padding-top:14px;padding-bottom:14px}
/* БОКОВОЙ ПРОГРЕСС-РЕЛЬС */
.rail{position:fixed;left:26px;top:17vh;bottom:17vh;width:1px;background:rgba(184,150,100,0.16);z-index:45}
.rail i{position:absolute;left:0;top:0;width:100%;height:0;background:linear-gradient(to bottom,var(--verd),var(--bronze))}
.rail b{position:absolute;left:50%;top:0;width:7px;height:7px;border-radius:50%;background:var(--gem);transform:translate(-50%,-50%);box-shadow:0 0 12px rgba(95,191,154,.7)}
@media(max-width:1100px){.rail{display:none}}
/* БЕГУЩАЯ СТРОКА */
.ticker{overflow:hidden;border-top:1px solid var(--lineSoft);border-bottom:1px solid var(--lineSoft);background:#100E0B;padding:17px 0}
.ticker .track{display:inline-block;white-space:nowrap;animation:na-marquee 34s linear infinite;font-family:'JB';font-size:12px;letter-spacing:3px;color:var(--bronzeDim)}
.ticker .track span{margin:0 12px}
.ticker .track .g{color:var(--gem)}
@keyframes na-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker .track{animation:none}}
/* дроп — реальное фото */
.drop .bg{background:url('./assets/photos/p_chair.jpg') center/cover}

/* ===== ВИТРИНА — bento фото-клавиши (F2) ===== */
.vit{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:198px;gap:16px;margin-top:22px}
.vtile{position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--glassBorder);box-shadow:var(--elev);cursor:pointer;transition:border-color .5s,box-shadow .55s,transform .45s}
.vtile.lg{grid-column:span 2;grid-row:span 2}
.vtile.wide{grid-column:span 2}
.vtile .vbg{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(.95) brightness(.55);transition:filter 1.1s cubic-bezier(.25,.46,.45,.94),transform 1.5s cubic-bezier(.25,.46,.45,.94)}
.vtile:hover .vbg,.vtile.is-active .vbg{filter:grayscale(0) brightness(1.02);transform:scale(1.06)}
.vtile::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(11,10,9,.94),rgba(11,10,9,.05) 62%)}
.vtile:hover,.vtile.is-active{border-color:rgba(95,191,154,.5);transform:translateY(-4px);box-shadow:0 46px 90px -38px rgba(0,0,0,.96),0 0 44px -16px rgba(95,191,154,.30),var(--hi)}
.vtile .vc{position:absolute;left:0;right:0;bottom:0;padding:22px;z-index:2}
.vtile .vcat{font-family:'JB';font-size:10px;letter-spacing:2px;color:var(--bronze);display:block;margin-bottom:7px}
.vtile .vn{font-family:'Cormorant';font-weight:500;font-size:25px;color:var(--ivory);line-height:1.08}
.vtile.lg .vn{font-size:34px}
.vtile .vmeta{font-size:12.5px;color:var(--soft);margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s}
.vtile:hover .vmeta,.vtile.is-active .vmeta{opacity:.92;max-height:46px}
@media(max-width:900px){.vit{grid-template-columns:repeat(2,1fr)}.vtile.lg{grid-column:span 2;grid-row:span 1}}

/* ===== STICKY-HALF-SCROLL (F5) ===== */
.na-split{display:grid;grid-template-columns:5fr 7fr;gap:64px;max-width:1180px;margin:0 auto;padding:80px 64px}
.na-split__head{position:sticky;top:15vh;align-self:start;height:max-content}
.na-split__head .sech{font-size:52px}
.na-split__stream{display:flex;flex-direction:column;gap:64px;padding:30px 0 60px}
.na-card{position:relative;min-height:430px;border-radius:10px;overflow:hidden;border:1px solid var(--glassBorder);box-shadow:var(--elev);display:flex;flex-direction:column;justify-content:flex-end;padding:34px}
.na-card .nbg{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(.9) brightness(.58);transition:filter 1.1s cubic-bezier(.25,.46,.45,.94),transform 1.5s cubic-bezier(.25,.46,.45,.94)}
.na-card:hover .nbg{filter:grayscale(0) brightness(1);transform:scale(1.05)}
.na-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(11,10,9,.95),rgba(11,10,9,.2) 56%)}
.na-card:hover{border-color:rgba(95,191,154,.45)}
.na-card .nc{position:relative;z-index:2}
.na-card .nn{font-family:'Cormorant';font-weight:500;font-size:31px;color:var(--ivory)}
.na-card .nd{font-size:14px;color:var(--muted);margin-top:8px;max-width:440px;line-height:1.55}
.na-card .npr{font-family:'JB';font-size:12px;letter-spacing:1px;color:var(--bronze);margin-top:14px;display:inline-block}
@media(max-width:1023px){.na-split{grid-template-columns:1fr;gap:24px;padding:40px 32px}.na-split__head{position:static}}

/* ===== FINISH LAYER (2026-06-28): C-accents изумруд · reveal · grade · hero-zoom ===== */
/* Вариант C — изумруд точечно на премиум-секциях */
.sec.emerald{background:linear-gradient(180deg,#0b130e,#0f1d15 50%,#0b130e);border-top:1px solid rgba(91,138,114,.20);border-bottom:1px solid rgba(91,138,114,.20)}
.sec.emerald::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(58% 52% at 28% 16%,rgba(46,77,62,.55),rgba(11,11,10,0) 72%)}
.sec.emerald .wrap{position:relative;z-index:2}
.sec.emerald .kick{color:#A7B8A6}
.sec.emerald .seal{border-color:#9DBBA6;box-shadow:0 0 64px -10px rgba(95,191,154,.30),var(--hi)}
.sec.emerald .seal .na{color:#D6E7DA}
.sec.emerald .seal .v{color:#7FA48C}
/* reveal-on-scroll */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
/* единый тёплый грейд на «проявленных» фото */
.vtile:hover .vbg,.vtile.is-active .vbg,.door:hover .bg,.door.is-active .bg,.na-card:hover .nbg,.jcard:hover .ji,.drop:hover .bg{filter:grayscale(0) brightness(1.02) contrast(1.05) saturate(.95)}
/* hero camera-zoom */
.hero .statue{will-change:transform}
.hero .inner{will-change:transform,opacity}