/* Prateek's layout adjustments layered on top of the reference styling. */
.name { font-size:min(11.45vw,19.5vh); letter-spacing:-.02em; }
.phrase { font-size:min(3.4vw,5.8vh); }
.who { letter-spacing:.025em; }
.signature-tab { position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:30;padding:20px 9px;background:#edeae2;color:#141626;font:700 14px 'Big Shoulders',sans-serif;writing-mode:vertical-rl;letter-spacing:.12em;text-decoration:none;border-radius:8px 0 0 8px;box-shadow:0 9px 22px #0002; }
.signature-tab:hover { background:#f2ce69; }
.proj .cover img { object-fit:cover;object-position:center center!important; }
@media(max-width:760px){ .name{ font-size:min(11.5vw,13vh); } .phrase{font-size:min(4.1vw,4.7vh)} .signature-tab{font-size:10px;padding:11px 4px;top:70%} }
@media(prefers-reduced-motion:reduce){ .signature-tab{transition:none} }
/* Keep the longer name comfortably inside the selected-state frame. */
.name {font-size:min(8.65vw,16vh)!important;}
@media(max-width:760px){.name{font-size:min(10.25vw,11.6vh)!important;}}
/* Touch devices have no pointer: hide the simulated designer-cursor. */
@media (hover:none),(pointer:coarse){.cursor{display:none!important;}}