/* ---------- DESKTOP TYPOGRAPHY / SCALE REFRESH ---------- These adjustments apply only to the desktop experience. The mobile interface keeps its own sizing and layout below the mobile breakpoint. */ @media (min-width: 701px) { .menubar { font-size: clamp(9px, .94cqw, 12.5px); } .menubar-left, .menubar-right { gap: 1.25cqw; } .menubar-logo-img { height: 2.35cqw; min-height: 16px; max-height: 22px; } .dock { gap: 1.3cqw; padding: 1.25cqw 1.65cqw 1.05cqw; border-radius: 20px; } .dock-icon { width: 6.05cqw; min-width: 34px; max-width: 56px; } .dock-icon::after { font-size: 11.5px; padding: 5px 10px; } .desktop-icons { gap: 1.8cqw 1.15cqw; } .d-icon { width: 14.2cqw; min-width: 64px; gap: .72cqw; padding: .8cqw .45cqw; } .d-icon[data-icon="file"] { gap: 1.3cqw; } .d-icon-glyph { width: 7.45cqw; min-width: 36px; } .d-icon-label, .d-icon-trash .d-icon-label { font-size: clamp(10px, 1.1cqw, 12.8px); } .d-icon-trash { gap: .72cqw; width: 13cqw; min-width: 60px; padding: .8cqw .45cqw; } .d-icon-trash .d-icon-glyph { width: 6.8cqw; min-width: 32px; } .app-window { width: min(calc(var(--w) + 3%), 90%); height: min(calc(var(--h) + 3%), 88%); } .win-titlebar { height: 6.35cqw; min-height: 32px; padding: 0 1.55cqw; } .win-title { font-size: clamp(11px, 1.27cqw, 13.8px); } .win-controls { gap: .45cqw; } .win-dot { width: 1.25cqw; height: 1.25cqw; min-width: 8px; min-height: 8px; } .finder-toolbar { min-height: 3.7cqw; padding: 0 1.65cqw; } .ft-title { font-size: clamp(13px, 1.52cqw, 17px); } .ft-nav svg, .ft-actions svg { width: 1.65cqw; min-width: 15px; } .finder-content { padding: 2cqw; } .file-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 3.1cqw 1.8cqw; } .file-item { gap: 1cqw; padding: .9cqw .55cqw; } .file-glyph { width: 7.9cqw; min-width: 66px; max-width: 98px; } .file-name { font-size: clamp(10px, 1.08cqw, 12.6px); } .file-ext { font-size: clamp(7px, .84cqw, 9.2px); } .file-meta { font-size: clamp(8px, .88cqw, 10.2px); } .win-doc-body { font-size: clamp(12px, 1.38cqw, 15.5px); } .win-doc-body h1, .win-doc-body h2 { font-size: clamp(18px, 2.4cqw, 25px); } .contact-label { font-size: clamp(9px, 1.04cqw, 11.5px); } .contact-value { font-size: clamp(13px, 1.52cqw, 17.5px); } }
Portfolio interactivo de diseño gráfico especializado en marcas de streetwear y fashion. Enciende la televisión para entrar en el escritorio del portfolio, donde encontrarás las carpetas WORKS, ABOUT, ARCHIVE y CONTACT.

Daniel Gomez — Fashion & Streetwear Designer

0%
Televisión CRT retro, marco decorativo translúcido azul, apagada

TURN ON THE SYSTEM