/* Контакти (варіант B «Дві ноди») + 404 (варіант B «Космонавт») */
.ph{color:var(--gray);font-style:italic}
.n2 em,.n2-strip em{font-style:normal}

/* contacts: two halves */
.n2{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - var(--hdr,72px))}
.n2-half{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:520px;border-right:1px solid var(--line)}
.n2-half:last-of-type{border-right:0}
.n2-img{position:absolute;inset:0;background:center/cover no-repeat;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.n2-half:hover .n2-img{transform:scale(1.06)}
.n2-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.1) 30%,rgba(5,5,5,.92))}
.n2-in{position:relative;padding:28px 22px;display:flex;flex-direction:column;gap:14px}
.n2-in .big{font-size:clamp(40px,5vw,84px)}
.n2-go{font:700 12px/1 var(--mono);letter-spacing:.16em;color:var(--acid);text-transform:uppercase}
.n2 .chero-hud{position:absolute;top:18px;left:22px;right:auto}
.n2-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font:900 clamp(48px,11vw,200px)/.85 var(--display);letter-spacing:-.02em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(244,244,244,.55);pointer-events:none;white-space:nowrap;z-index:2}
.n2-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.n2-strip a{display:flex;flex-direction:column;gap:8px;padding:24px 22px;border-right:1px solid var(--line)}
.n2-strip a:last-child{border-right:0}
.n2-strip a:hover{background:#000}
.n2-strip .k{font-size:10px;letter-spacing:.16em;color:var(--gray);text-transform:uppercase}
.n2-strip b{font:800 clamp(16px,1.4vw,22px)/1.1 var(--display);text-transform:uppercase;overflow-wrap:anywhere}

/* 404: lost in space */
.e4b{min-height:calc(100svh - var(--hdr,72px))}
.e4b-l{display:flex;flex-direction:column;justify-content:center;gap:24px}
.e4b-l h1{font:900 clamp(44px,5vw,88px)/.9 var(--display);text-transform:uppercase;margin:0}
.e4b-r{position:relative;overflow:hidden;min-height:420px}
.e4-astro{position:absolute;inset:-4%;background:30% center/cover no-repeat;transition:translate .6s cubic-bezier(.2,.7,.2,1)}
.e4b-t{position:absolute;right:22px;bottom:22px;top:auto!important;left:auto!important}
.t-list{display:flex;flex-direction:column}
.t-list a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 24px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);transition:background .18s,color .18s}
.t-list .k{font-size:11px;letter-spacing:.16em;color:var(--gray);text-transform:uppercase}
.t-list b{font:800 clamp(16px,1.6vw,22px)/1 var(--display);text-transform:uppercase}
.t-list a:hover{background:var(--acid);color:#000}
.t-list a:hover .k,.t-list a:hover b{color:#000}
.t-list a:hover .ar{filter:invert(1)}

/* «скоро» for sections that are not built yet */
.soon{min-height:calc(78svh - var(--hdr,72px));display:flex;align-items:center}
.soon-in{display:flex;flex-direction:column;gap:22px;max-width:900px;padding-block:60px}
.soon-h{font:900 clamp(72px,16vw,220px)/.85 var(--display);text-transform:uppercase;margin:0}
.soon-h .acid-t{animation:blink 1s steps(1) infinite}
.soon-btns{display:flex;flex-wrap:wrap;gap:10px}

@media (max-width:980px){
  .n2{display:flex;flex-direction:column;min-height:0}
  .n2-title{position:static;order:-1;transform:none;font-size:17vw;padding:22px 16px 8px}
  .n2-half{min-height:62svh;border-right:0;border-bottom:1px solid var(--line)}
  .n2-in{padding:22px 16px}
  .n2 .chero-hud{left:16px}
  .n2-strip{grid-template-columns:1fr}
  .n2-strip a{border-right:0;border-bottom:1px solid var(--line);padding:18px 16px}
  .e4b{display:flex;flex-direction:column}
  .e4b-r{min-height:320px;order:-1}
  .t-list a{grid-template-columns:minmax(0,1fr) 20px;row-gap:4px;padding:14px 0}
  .t-list .k,.t-list b{grid-column:1}.t-list .ar{grid-column:2;grid-row:1/3}
}
@media (max-width:600px){ .soon-btns .btn{width:100%} }