@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;500;700&family=Oxanium:wght@400;500;600;700&display=swap');
:root{--ink:#0a0b0d;--paper:#f0ece2;--mist:#b9b2a5;--line:rgba(240,236,226,.22);--red:#d34b31;--gold:#f3d681}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:500 16px/1.5 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.1;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.site-header{min-height:116px;padding:16px 5vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;z-index:2;border-bottom:1px solid var(--line);background:rgba(10,11,13,.82);backdrop-filter:blur(12px)}.mark{display:block;width:min(154px,44vw)}.mark img{display:block;width:100%;height:auto}.nav-links{display:flex;justify-content:center;gap:clamp(12px,2.2vw,28px);flex-wrap:wrap;font:700 11px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.nav-links a{opacity:.7;padding:3px 0}.nav-links a:hover,.nav-links a[aria-current='page']{opacity:1;color:var(--gold)}.hero{min-height:calc(100svh - 116px);display:grid;place-items:center;padding:40px 5vw;isolation:isolate;position:relative;background-image:linear-gradient(90deg,rgba(4,5,9,.76),rgba(4,5,9,.3) 50%,rgba(4,5,9,.7)),linear-gradient(0deg,rgba(4,5,9,.86),transparent 66%),url('dave-aguilar-portada.png');background-size:cover;background-position:52% center}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at center,transparent 10%,rgba(0,0,0,.42))}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:680px;transform:translateY(clamp(80px,15vh,180px))}.eyebrow,.index{font:700 12px "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mist)}.hero-bottom{display:flex;flex-direction:column;align-items:center;gap:19px;border-top:1px solid var(--line);padding-top:18px;width:min(100%,540px)}.hero-bottom p{max-width:460px;margin:0;font-size:17px;line-height:1.5;color:var(--mist);font-weight:700}.scroll{font:700 11px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.page{min-height:calc(100svh - 116px);padding:clamp(56px,10vw,150px) 5vw;background-size:cover;background-position:center}.page-shell{width:min(1180px,100%);margin:auto}.page-head{display:grid;grid-template-columns:1fr 5fr;gap:20px;margin-bottom:64px}.page-title{font:700 clamp(42px,7vw,92px)/.9 "Oxanium",sans-serif;letter-spacing:-.06em;text-transform:uppercase;margin:0;max-width:820px}.bio-page{background-image:linear-gradient(90deg,rgba(10,11,13,.97),rgba(10,11,13,.72)),url('dave-aguilar-visual-rojo.jpeg')}.music-page{background-image:linear-gradient(90deg,rgba(10,11,13,.93),rgba(10,11,13,.67)),url('dave-aguilar-visual-lobo.jpeg')}.platforms-page{background-image:linear-gradient(90deg,rgba(10,11,13,.95),rgba(10,11,13,.64)),url('dave-aguilar-visual-glitch.jpeg')}.bio-layout{display:grid;grid-template-columns:minmax(200px,31vw) minmax(0,1fr);gap:clamp(30px,8vw,130px);align-items:center}.portrait{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:center;border:1px solid var(--line)}.bio{max-width:760px;margin:0;font:600 clamp(23px,3vw,42px)/1.12 "Oxanium",sans-serif;letter-spacing:-.055em}.bio em{color:var(--red);font-style:normal}.releases{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.release{background:var(--ink);padding:26px;min-height:370px;display:flex;flex-direction:column;justify-content:space-between;transition:background .25s}.release:hover{background:#1a191c}.cover{display:block;width:100%;aspect-ratio:1;object-fit:cover}.release h3{font:600 25px "Oxanium",sans-serif;letter-spacing:-.05em;margin:19px 0 5px;text-transform:uppercase}.release p{color:var(--mist);font:11px "DM Mono",monospace;letter-spacing:.07em;text-transform:uppercase;margin:0}.listen{display:inline-flex;gap:9px;margin-top:26px;font:700 11px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.listen:hover{color:var(--red)}.playlist{width:min(100%,510px);margin:clamp(44px,7vw,90px) auto 0;padding:3px;background:linear-gradient(135deg,#f3d681,#c98e67 53%,#f6e8c0)}.playlist-label{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;background:#f5f2ea;color:#28231e;font:11px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.playlist iframe{display:block;width:100%;height:470px;border:0;background:#f5f2ea}.platforms{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.platform{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.platform:nth-child(odd){padding-right:30px}.platform:nth-child(even){padding-left:30px}.platform-brand{display:flex;align-items:center;gap:15px}.brand-icon{width:42px;height:42px;flex:none;fill:currentColor;stroke:currentColor}.brand-icon.youtube{fill:#ff2d20;stroke:none}.brand-icon.youtube path{fill:#fff}.platform-name{font:600 clamp(20px,2.1vw,32px) "Oxanium",sans-serif;letter-spacing:-.055em;text-transform:uppercase}.arrow{font:12px "DM Mono",monospace;color:var(--red)}.platform:hover{color:var(--red)}.coming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.coming-card{min-height:230px;padding:30px;background:#111216;display:flex;flex-direction:column;justify-content:space-between}.coming-card h2{font:600 clamp(28px,3vw,45px)/.96 "Oxanium",sans-serif;text-transform:uppercase;margin:0}.coming-card p{color:var(--mist);margin:0;max-width:380px}.contact-page{min-height:calc(100svh - 116px);display:flex;flex-direction:column;justify-content:space-between;background:#d5cdbd;color:#111;padding-bottom:3vw}.contact-page .eyebrow{color:#39352e}.contact-page h1{font:600 clamp(20px,3.2vw,48px)/.98 "Oxanium",sans-serif;letter-spacing:-.045em;text-transform:uppercase;margin:0;max-width:640px}.contact-page h1 a{border-bottom:1px solid #111}.contact-footer{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(0,0,0,.28);padding-top:17px;font:11px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.socials{display:flex;gap:18px}.socials a:hover{color:var(--red)}@media(max-width:700px){.site-header{min-height:126px}.nav-links{font-size:10px;gap:12px}.hero{min-height:calc(100svh - 126px)}.hero-content{transform:translateY(90px)}.hero-bottom p{font-size:16px}.page,.contact-page{min-height:calc(100svh - 126px)}.page-head{grid-template-columns:1fr;margin-bottom:40px}.bio-layout,.releases,.platforms,.coming-grid{grid-template-columns:1fr}.portrait{max-width:390px}.platform:nth-child(n){padding-left:0;padding-right:0}.contact-footer{align-items:start;gap:25px;flex-direction:column}}