@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');:root{--bg:#101213;--surface:#1c2020;--paper:#eae7df;--muted:#b4b5ad;--gold:#c59c65;--line:#454947}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button{font:inherit}header{position:sticky;top:0;z-index:20;height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#101213f2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{font:800 1.65rem/.86 'Barlow Condensed',sans-serif;letter-spacing:.03em}.brand>span{color:var(--gold)}.brand small{display:block;margin-top:.5rem;font:600 .5rem 'DM Sans',sans-serif;letter-spacing:.21em;color:var(--muted)}nav{display:flex;align-items:center;gap:2rem}nav a,.menu{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav-cta{border:1px solid var(--gold);padding:.7rem 1rem}.menu{display:none;background:none;color:var(--paper);border:1px solid var(--line);padding:.55rem .85rem}.hero{position:relative;min-height:740px;padding:8rem 4vw 3rem;overflow:hidden;background:radial-gradient(ellipse at 78% 30%,#4c3b2e 0%,#252727 32%,#101213 72%)}.hero:before{content:'';position:absolute;right:8vw;top:11%;width:min(43vw,620px);aspect-ratio:1;border-radius:50%;border:5vw solid #c59c650a;box-shadow:0 0 0 1px #c59c6535,0 0 0 11vw #c59c6505}.eyebrow,.section-head>span,.statement>span,.about span,.contact>span{color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.2em}.hero h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;line-height:.85;letter-spacing:-.025em}.hero h1{position:relative;margin:2.5rem 0 4rem;font-size:clamp(6rem,15vw,16rem);font-weight:800}.hero h1 em,.contact h2 em{color:var(--gold);font-style:normal}.hero-row{position:relative;display:flex;align-items:end;justify-content:space-between;gap:3rem}.hero-row p{font-size:1.15rem;max-width:560px;color:#d5d3cd}.button{display:inline-block;background:var(--gold);color:#111;padding:1rem 1.5rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.13em;font-weight:700;white-space:nowrap}.button:hover{background:#dbb686;color:#111}.hero-foot{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);margin-top:5rem;padding-top:1.3rem;font-size:.67rem;font-weight:700;letter-spacing:.15em;color:var(--muted)}.statement{padding:8rem 4vw;background:#d9d5ca;color:#16191a;display:grid;grid-template-columns:1fr 2fr;gap:3rem}.statement>span{color:#77572f}.statement p{font:700 clamp(2.6rem,5vw,5.5rem)/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0}.work,.services{padding:7rem 4vw}.section-head{display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:end;gap:2rem;margin-bottom:3rem}.section-head h2{font-size:clamp(4.5rem,8vw,9rem);margin:0}.section-head p{color:var(--muted);font-size:.92rem}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.work-grid article{min-width:0}.record-art{aspect-ratio:1.1;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 70% 30%,#6e3933,#261919 48%,#101213 80%)}.record-art span{font:800 clamp(10rem,23vw,27rem)/1 'Barlow Condensed',sans-serif;color:#ffffff14;transform:rotate(-10deg)}.art-two{background:radial-gradient(circle at 75% 20%,#585849,#202522 50%,#0d100f 90%)}.art-three{background:radial-gradient(circle at 20% 80%,#755948,#262728 55%,#101213 90%)}.record-meta{display:flex;justify-content:space-between;color:var(--gold);font-size:.65rem;font-weight:700;letter-spacing:.16em;margin-top:1.5rem}.work h3{font-size:clamp(2.5rem,4vw,4.4rem);margin:1rem 0}.work-grid p{color:var(--muted);max-width:310px}.work-grid article>a,.all-credits{display:inline-block;margin-top:1rem;border-bottom:1px solid var(--gold);padding-bottom:.3rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.player{margin-top:4rem;padding:1.2rem;max-width:600px;background:#eeeae1;color:#262828}.player>span{display:block;margin-bottom:.8rem;color:#6b5140;font-size:.65rem;font-weight:700;letter-spacing:.15em}.player iframe{display:block}.all-credits{margin-top:2.5rem}.services{background:#222727}.services .section-head{grid-template-columns:1fr 2fr}.service-list>div{display:grid;grid-template-columns:70px 1fr 1fr;gap:2rem;align-items:start;border-top:1px solid var(--line);padding:1.7rem 0}.service-list>div:last-child{border-bottom:1px solid var(--line)}.service-list b{color:var(--gold);font-size:.7rem}.service-list h3{font-size:clamp(2.5rem,5vw,5rem);margin:0}.service-list p{color:var(--muted);margin:0;max-width:340px}.service-note{color:var(--muted);font-size:.82rem;margin-top:2rem}.about{display:grid;grid-template-columns:220px 1fr;gap:7vw;align-items:center;padding:7rem 4vw;background:#d9d5ca;color:#181b1b}.about img{width:220px;aspect-ratio:1;object-fit:cover;border-radius:50%;filter:grayscale(1)}.about span{color:#77572f}.about h2{font-size:clamp(5rem,9vw,10rem);margin:1.5rem 0}.about p{max-width:660px;font-size:1.1rem}.about a{border-bottom:1px solid #77572f}.contact{padding:8rem 4vw 9rem}.contact h2{font-size:clamp(5rem,10vw,11rem);margin:2rem 0}.contact p{max-width:530px;color:var(--muted)}.contact .button{margin-top:2rem}.email{display:block;margin-top:1.5rem;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding:2.5rem 4vw;border-top:1px solid var(--line);font-size:.78rem}footer strong{font:800 1.5rem 'Barlow Condensed',sans-serif}footer small{color:var(--muted)}@media(max-width:900px){.menu{display:block}nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--bg);padding:1.5rem 4vw;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero-row{display:block}.hero-row .button{margin-top:2rem}.section-head{grid-template-columns:1fr 2fr}.section-head p{grid-column:2}.work-grid{grid-template-columns:1fr 1fr}.work-grid article:last-child{grid-column:1/3;max-width:50%}}@media(max-width:650px){header{height:70px}nav{top:70px}.brand{font-size:1.35rem}.hero{min-height:650px;padding:6rem 5vw 3rem}.hero h1{font-size:clamp(5rem,19vw,9rem)}.hero-foot{display:block}.hero-foot span{display:block;margin-top:.5rem}.statement,.work,.services,.about,.contact{padding:5rem 5vw}.statement,.section-head,.services .section-head{display:block}.statement p,.section-head h2{margin-top:1rem}.work-grid{display:block}.work-grid article{margin-bottom:3rem}.work-grid article:last-child{max-width:none}.service-list>div{grid-template-columns:35px 1fr;gap:1rem}.service-list p{grid-column:2}.about{display:block}.about img{width:120px}.contact h2{font-size:5.3rem}footer{display:block}footer a,footer small{display:block;margin-top:1rem}}

/* Studio sleeve treatment */
:root{--bg:#0b0d0d;--surface:#171a19;--paper:#dedbd1;--gold:#bd9470;--line:#45413b}
body{background-color:#0b0d0d;background-image:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 4px)}
header{background:#101111f2}
.brand{font-size:1.48rem;letter-spacing:.025em;white-space:nowrap}
.brand small{font-size:.55rem;letter-spacing:.34em;margin-top:.55rem}
.hero{background:linear-gradient(90deg,#0b0d0d 0%,#0b0d0df2 40%,#0b0d0d55 100%),url('assets/oily-logo-hero.png') right 48%/70% auto no-repeat,#0b0d0d}
.hero:before{border:0;box-shadow:none;border-radius:0;width:100%;height:100%;top:0;right:0;background:repeating-linear-gradient(110deg,transparent 0 13px,#e3bb8630 13px 14px,transparent 14px 49px);opacity:.2;pointer-events:none}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 47%,transparent 0%,#0b0d0dad 74%),repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 5px);mix-blend-mode:screen;opacity:.4}
.hero>*{position:relative;z-index:1}.hero h1{text-shadow:4px 5px 0 #000,0 0 30px #000}
.statement{background:#c5bbac;background-image:repeating-linear-gradient(105deg,#33271710 0 1px,transparent 1px 5px)}
.work{background:linear-gradient(#141616d9,#141616e8),repeating-linear-gradient(70deg,#fff2 0 1px,transparent 1px 19px)}
.work-grid article{background:#1c1d1b;border:1px solid #655745;padding:1rem 1rem 1.5rem;box-shadow:9px 9px 0 #0008}
.record-art{aspect-ratio:1;background:#0c0c0c;display:block}
.record-art img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) contrast(1.1)}
.work-grid article:first-child{border-color:#ac6c51;box-shadow:9px 9px 0 #64372d66}
.work-grid article:first-child .record-art img{filter:none}
.player{max-width:700px;border:1px solid #79614d;box-shadow:8px 8px 0 #0009}.preorder{display:inline-block;margin-top:1rem;border-bottom:1px solid #77572f;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.services{background:#20201e;background-image:repeating-linear-gradient(90deg,#fff1 0 1px,transparent 1px 7px)}
.about{background:#beb6a7;background-image:repeating-linear-gradient(102deg,#2e211210 0 1px,transparent 1px 8px)}
.contact{background:radial-gradient(ellipse at 80% 50%,#4a3027,#0b0d0d 65%)}
@media(max-width:650px){.brand{font-size:1.05rem}.brand small{font-size:.45rem}.hero{background:linear-gradient(#0b0d0dc9,#0b0d0de9),url('assets/oily-logo-hero.png') center 20%/130% auto no-repeat,#0b0d0d}.work-grid article{margin-bottom:2rem}}

.additional-credits{margin:5rem 0 3rem;border-top:1px solid #79614d;padding-top:2rem}.additional-credits h3{font:800 clamp(2.6rem,5vw,5rem) 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 1.5rem}.additional-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#655745;border:1px solid #655745}.additional-grid>div{background:#191a19;padding:1.5rem;min-height:240px}.additional-grid span{font-size:.68rem;color:#c59c65;letter-spacing:.15em;font-weight:800}.additional-grid h4{font:800 2rem 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:1rem 0}.additional-grid p{color:#c5c0b9;line-height:1.55}.additional-grid a{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #c59c65}@media(max-width:800px){.additional-grid{grid-template-columns:1fr}.additional-grid>div{min-height:0}}

.additional-intro{max-width:760px;color:#c5c0b9;line-height:1.6;margin:-.5rem 0 2rem}.additional-grid p a{font-size:inherit;text-transform:none;letter-spacing:normal}

.additional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:800px){.additional-grid{grid-template-columns:1fr}}

.additional-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-frame{aspect-ratio:16/9;background:#050505;margin:1rem 0}.video-frame iframe{width:100%;height:100%;border:0;display:block}.additional-grid>div{min-width:0}.additional-grid .video-credit p{margin-top:1rem}@media(max-width:900px){.additional-grid{grid-template-columns:1fr}}

/* Ignacio's Quemasantos mixing session is the hero image. */
.hero{background:linear-gradient(90deg,#0b0d0deb 0%,#0b0d0dc9 43%,#0b0d0d7d 100%),url('assets/quemasantos-mix-console.png') center center/cover no-repeat,#0b0d0d}
@media(max-width:650px){.hero{background:linear-gradient(180deg,#0b0d0de8 0%,#0b0d0dbb 65%,#0b0d0de8 100%),url('assets/quemasantos-mix-console.png') 54% center/cover no-repeat,#0b0d0d}}