/* ===== HOW IT WORKS ===== */
.files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);}
@media (max-width:860px){.files{grid-template-columns:minmax(0,1fr);}}

.process{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(30px,4vw,66px);align-items:start;}
@media (max-width:980px){.process{grid-template-columns:minmax(0,1fr);}}
.process__aside{position:sticky;top:calc(var(--head-h) + 44px);display:flex;flex-direction:column;gap:20px;}
@media (max-width:980px){.process__aside{position:static;}}

.board{position:relative;aspect-ratio:4/3;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line-2);
    box-shadow:var(--sh-pop);background:radial-gradient(120% 90% at 50% 18%,#131A21,#090D12 72%);padding:clamp(14px,2vw,26px);}
.board__grid{position:absolute;inset:clamp(14px,2vw,26px);display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(8,1fr);gap:4px;}
.board__grid > span{border-radius:2px;background:var(--sand);box-shadow:inset 0 0 0 1px var(--sand-edge);}
.board__grid > span.r{background:var(--asphalt);box-shadow:none;}
.board__grid > span.p{background:var(--park);box-shadow:inset 0 0 0 1px var(--park-hi);}
.board__grid > span.s{background:var(--sold);box-shadow:inset 0 0 0 1px var(--sold-line);}
.board__grid > span.h{background:#C9A765;}
.board__grid > span.b{background:#8FAEDC;}
.board__grid > span.w3{grid-column:span 3;}
.board__grid > span.w10{grid-column:span 10;}
.board__grid > span.h2{grid-row:span 2;}
.board__cap{position:absolute;left:clamp(16px,2.2vw,30px);bottom:clamp(14px,2vw,24px);z-index:3;font-family:var(--mono);
    font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);padding:7px 12px;border-radius:999px;
    background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}

.clock{display:inline-flex;align-items:baseline;gap:10px;padding:14px 20px;border-radius:var(--r-lg);
    border:1px solid rgba(216,178,106,.32);background:rgba(216,178,106,.08);}
.clock b{font-family:var(--display);font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1;color:var(--accent-hi);}
.clock span{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);}

.split2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.6vw,38px);}
@media (max-width:760px){.split2{grid-template-columns:minmax(0,1fr);}}
#files{scroll-margin-top:calc(var(--head-h) + 40px);}