.MainName{position:absolute;right:5vw;top:15vh;text-align:right;font-family:var(--Display)}
.MainTitle{font-weight:900;font-style:italic;font-size:clamp(84px,15vw,220px);line-height:.8;text-shadow:6px 6px 0 var(--Deep)}
.MainRole{font-weight:700;letter-spacing:.32em;color:var(--Cyan);font-size:clamp(13px,1.4vw,18px);margin-top:14px}

.MainStats{display:flex;justify-content:flex-end;gap:clamp(18px,3vw,44px);margin-top:28px}
.MainStat b{display:block;font-weight:800;font-style:italic;font-size:clamp(34px,4.2vw,58px);line-height:1}
.MainStat small{display:block;font-weight:700;letter-spacing:.28em;color:var(--Ice);font-size:12px;margin-top:2px}
.MainStat:first-child b{color:var(--White);text-shadow:4px 4px 0 var(--Deep)}
.MainStat:not(:first-child) b{color:var(--Ice)}

.WorkClock{display:flex;flex-direction:column;align-items:flex-end;gap:3px;margin-top:22px}
.ClockRow{display:flex;align-items:baseline;justify-content:flex-end;gap:10px}
.ClockRow small{font-weight:700;font-size:11px;letter-spacing:.24em;color:var(--Cyan)}
.ClockRow b{font-weight:800;font-style:italic;font-size:18px;letter-spacing:.04em}
.ClockStatus{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-style:italic;font-size:15px;letter-spacing:.14em;color:var(--Ice);margin-bottom:4px}
.ClockStatus::before{content:"";width:8px;height:8px;background:#7d8aa6;transform:rotate(45deg)}
.ClockStatus.Working{color:var(--White)}
.ClockStatus.Working::before{background:var(--Green)}

.Menu{position:absolute;left:0;bottom:11vh;display:flex;flex-direction:column;gap:2px;transform:rotate(-7deg);transform-origin:left bottom}
.MenuItem{position:relative;display:block;font-family:var(--Display);font-weight:800;font-style:italic;font-size:clamp(36px,5vw,68px);line-height:1.05;text-transform:uppercase;padding:0 64px 0 var(--Gutter);color:rgba(207,228,255,.72);transition:color .15s ease,transform .25s var(--Snap);isolation:isolate}
.MenuItem::before{content:"";position:absolute;inset:6% 0;background:var(--White);clip-path:var(--Slant);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--Snap);z-index:-1}
.MenuItem::after{content:"";position:absolute;left:0;right:22px;bottom:4%;height:8px;background:var(--Cyan);clip-path:polygon(0 0,100% 0,96% 100%,0 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--Snap) .04s;z-index:-2}
.MenuItem.Active{color:var(--Deep);transform:translateX(18px)}
.MenuItem.Active::before,.MenuItem.Active::after{transform:scaleX(1)}
.MenuItem:focus-visible{outline:none}
.MenuItem small{font-size:.3em;letter-spacing:.2em;margin-left:14px;vertical-align:middle;opacity:0;transition:opacity .2s ease}
.MenuItem.Active small{opacity:1}

@media(max-width:760px){
	#ScreenMain.Shown{display:flex;flex-direction:column;justify-content:space-between;gap:30px;padding:106px 0 96px;overflow-y:auto;overflow-x:hidden}
	.MainName{position:static;padding:0 20px}
	.MainTitle{font-size:clamp(56px,min(20vw,10vh),100px)}
	.MainStats{gap:16px;margin-top:12px}
	.MainStat b{font-size:clamp(26px,8vw,36px)}
	.MainStat small{font-size:10px;letter-spacing:.2em}
	.WorkClock{margin-top:10px;gap:0}
	.ClockRow b{font-size:14px}
	.ClockRow small{font-size:9px}
	.ClockStatus{font-size:13px}
	.Menu{position:static;flex-shrink:0;gap:0;transform:rotate(-3deg);transform-origin:left center}
	.MenuItem{font-size:clamp(30px,min(9.5vw,5.2vh),50px);line-height:1.02;padding-right:44px}
}

@media(max-height:620px) and (min-width:761px){
	.MainName{top:12vh}
	.MainTitle{font-size:clamp(70px,11vw,150px)}
	.MenuItem{font-size:clamp(30px,4vw,48px)}
}