@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body,h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}img,svg{max-width:100%;display:block}button,input{font:inherit}}@layer base{:root{color-scheme:dark;--ink:#102d46;--paper:#efe7d8;--muted:#b8b5ae;--muted-light:#5a5750;--accent-on-light:#9a563f;--line:#efe7d833;--acid:#d98b68;--clay-deep:#b9684f;--pad:clamp(1.25rem, 4vw, 4.5rem);--display:"Archivo Narrow", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--body:"Helvetica Neue", Helvetica, Arial, sans-serif}body{background:var(--ink);min-width:320px;color:var(--paper);font-family:var(--body);font-size:1rem;line-height:1.5;overflow-x:hidden}body:before{z-index:20;pointer-events:none;opacity:.035;content:"";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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--acid);outline-offset:5px}::selection{background:var(--acid);color:var(--ink)}}@layer components{.skip-link{z-index:50;background:var(--acid);color:var(--ink);padding:.7rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{z-index:10;padding:1.75rem var(--pad);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.15em;grid-template-columns:1fr auto 1fr;align-items:center;font-size:.73rem;display:grid;position:absolute;inset:0 0 auto}.wordmark{font:800 1.5rem/1 var(--display);letter-spacing:-.05em}.wordmark span{color:var(--acid)}nav{gap:clamp(1.5rem,4vw,4rem);display:flex}nav a,.footer-bottom a{transition:color .2s}nav a:hover,.footer-bottom a:hover{color:var(--acid)}.location{color:var(--muted);justify-self:end}.hero{min-height:100svh;padding:8rem var(--pad) 2rem;isolation:isolate;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero:after{inset:auto var(--pad) 0;border-bottom:1px solid var(--line);content:"";position:absolute}.eyebrow{letter-spacing:.19em;text-transform:uppercase;font-size:.69rem;font-weight:600}.hero-eyebrow{align-items:center;gap:.7rem;margin:auto 0 1.5rem;display:flex}.hero-eyebrow span{aspect-ratio:1;background:var(--acid);width:.45rem;box-shadow:0 0 18px var(--acid);border-radius:50%}.hero h1{z-index:2;font:800 clamp(6.1rem, 20vw, 18rem)/.7 var(--display);letter-spacing:-.045em;text-transform:uppercase;position:relative}.hero h1 span{display:block}.hero h1>span:first-child{transform:translateY(-.07em)}.hero h1 .outline{color:#0000;-webkit-text-stroke:clamp(1px, .15vw, 3px) var(--paper);text-indent:14vw}.hero-bottom{justify-content:space-between;align-items:end;margin-top:auto;padding-top:3rem;display:flex}.hero-bottom p{color:var(--muted);font-size:clamp(.95rem,1.3vw,1.25rem)}.round-link{aspect-ratio:1;border:1px solid var(--line);text-align:center;text-transform:uppercase;letter-spacing:.16em;border-radius:50%;place-content:center;gap:.8rem;width:6.5rem;font-size:.65rem;transition:background .3s,color .3s,transform .3s;display:grid}.round-link svg{fill:none;stroke:currentColor;width:1rem;margin:auto}.round-link:hover{background:var(--acid);color:var(--ink);transform:rotate(-8deg)}.hero-orbit{z-index:-1;aspect-ratio:1;opacity:.68;width:min(64vw,55rem);position:absolute;top:50%;right:-8vw;transform:translateY(-50%)}.orbit{border:1px solid #d98b683d;border-radius:50%;position:absolute;inset:10%}.orbit-one{transform:rotate(36deg)scaleY(.36)}.orbit-two{transform:rotate(-36deg)scaleY(.36)}.orbit-dot{aspect-ratio:1;background:var(--acid);border-radius:50%;width:1rem;position:absolute;top:24%;right:18%;box-shadow:0 0 42px 8px #d98b685c}.section{padding:clamp(6rem, 12vw, 11rem) var(--pad)}.section-heading{margin-bottom:clamp(3rem,7vw,7rem)}.section-heading .eyebrow{color:var(--muted);margin-bottom:2rem}.section h2{font:700 clamp(3.5rem, 8vw, 8rem)/.9 var(--display);letter-spacing:-.035em;text-transform:uppercase}.section h2 em{color:var(--acid);font-weight:inherit;font-style:normal}.music-section{background:var(--paper);color:var(--ink)}.music-section .eyebrow{color:var(--muted-light)}.music-section h2 em{color:var(--accent-on-light)}.record-grid{grid-template-columns:minmax(18rem,1.2fr) 1fr;align-items:end;gap:clamp(3rem,8vw,9rem);display:grid}.featured-release{margin:0}.featured-release .cover{aspect-ratio:5/3;background:#d9d2c4;border-radius:.5rem;display:block;overflow:hidden;box-shadow:0 1.3rem 3rem #00000047}.featured-release img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.featured-release:hover img{transform:scale(1.04)}.featured-release figcaption{grid-template-columns:1fr auto;align-items:end;gap:.75rem 1.5rem;margin-top:1.15rem;display:grid}.release-label{flex-direction:column;gap:.55rem;display:flex}.release-label .kicker{color:var(--muted-light)}.release-title{font:700 clamp(1.6rem, 3.2vw, 2.6rem)/1 var(--display);letter-spacing:-.02em}.release-meta{color:var(--muted-light);white-space:nowrap;font-size:.75rem}.release-preview{width:100%;height:2.4rem;color:var(--ink);accent-color:var(--accent-on-light);grid-column:1/-1}.music-copy>p:not(.kicker){max-width:32rem;margin:1rem 0 2.5rem;font-size:clamp(1.2rem,2vw,1.75rem);line-height:1.25}.kicker{text-transform:uppercase;letter-spacing:.17em;font-size:.7rem;font-weight:700}.platform-list{border-top:1px solid #0b0b0b40}.platform-list a{border-bottom:1px solid #0b0b0b40;justify-content:space-between;align-items:center;padding:1.1rem 0;font-size:1.25rem;transition:padding .2s;display:flex}.platform-list a:hover{padding-left:.75rem}.platform-list small{width:2.5rem;color:var(--muted-light);font-size:.6rem;display:inline-block}.work-section{padding-bottom:clamp(7rem,12vw,12rem)}.split-heading{grid-template-columns:1.4fr .6fr;display:grid}.split-heading .eyebrow{grid-column:1/-1}.split-heading>p:last-child{max-width:25rem;color:var(--muted);align-self:end;font-size:1.1rem}.project-card{display:block}.project-preview{background:var(--clay-deep);color:var(--ink);padding:clamp(1rem,5vw,5rem) clamp(1rem,8vw,8rem);overflow:hidden}.browser-chrome{background:#e9e9e4;border-radius:.65rem .65rem 0 0;align-items:center;gap:.35rem;height:2.4rem;padding:0 .8rem;display:flex}.browser-chrome span{aspect-ratio:1;background:#a7aaa3;border-radius:50%;width:.45rem}.browser-chrome small{color:#555751;margin:auto;padding-right:2.5rem}.dashboard-mockup{background:#f6f6f2;grid-template-columns:16% 1fr;min-height:clamp(14rem,34vw,32rem);display:grid;box-shadow:0 1rem 3rem #00000038}.project-shot{background:#f6f6f2;min-height:clamp(14rem,34vw,32rem);position:relative;overflow:hidden;box-shadow:0 1rem 3rem #00000038}.project-shot picture,.project-shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.project-shot-fallback{opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.project-card:hover .project-shot-fallback{opacity:1}.mock-sidebar{color:#fff;background:#111511;flex-direction:column;gap:1.4rem;padding:1.5rem 17%;display:flex}.mock-sidebar b{margin-bottom:1rem;font-size:clamp(.7rem,1.4vw,1.25rem)}.mock-sidebar i{background:#464b46;border-radius:1rem;width:70%;height:.35rem;display:block}.mock-content{padding:6%}.mock-top{justify-content:space-between;align-items:center;font-weight:700;display:flex}.mock-top button,.mock-top .mock-button{color:#fff;background:#1c4f2d;border:0;border-radius:.3rem;padding:.5rem .8rem;font-size:clamp(.35rem,.7vw,.65rem)}.mock-stats{grid-template-columns:repeat(3,1fr);gap:3%;margin:7% 0;display:grid}.mock-stats i{background:linear-gradient(140deg,#fff 50%,#eef5eb);border:1px solid #dcddd8;border-radius:.35rem;height:clamp(2.5rem,7vw,6rem)}.mock-table{gap:.55rem;display:grid}.mock-table span{background:#e5e6e1;border-radius:.2rem;height:clamp(.8rem,2vw,1.8rem)}.project-meta{grid-template-columns:1.4fr 1fr auto;align-items:end;gap:2rem;padding-top:1.5rem;display:grid}.project-meta>div{align-items:baseline;gap:1rem;display:flex}.project-meta span,.project-meta p{color:var(--muted);font-size:.75rem}.project-meta h3{font:700 clamp(2rem, 4vw, 4rem)/1 var(--display);letter-spacing:-.02em}.project-meta .visit{color:var(--paper);text-transform:uppercase;letter-spacing:.12em}.project-card .project-preview{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-preview{transform:scale(.99)}.about-section{border-top:1px solid var(--line)}.about-section>.eyebrow{color:var(--muted);margin-bottom:5rem}.about-grid{grid-template-columns:1.35fr .65fr;gap:4rem;display:grid}.about-grid>*{min-width:0}.about-lead{flex-direction:column;gap:clamp(2.5rem,5vw,4rem);display:flex}.about-grid h2 span{color:var(--paper);-webkit-text-stroke:0}.about-portrait{width:min(100%,15rem);margin:0}.about-portrait img{aspect-ratio:4/5;object-fit:cover;opacity:.92;border-radius:.35rem;width:100%;height:auto;display:block}.about-copy{align-self:end}.about-copy p{font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.3}.about-copy p+p{color:var(--acid);margin-top:1.5rem}footer{padding:clamp(5rem, 10vw, 9rem) var(--pad) 2rem;background:var(--acid);color:var(--ink)}.footer-lead{justify-content:space-between;align-items:end;padding-bottom:clamp(5rem,10vw,10rem);display:flex}.footer-lead p{font:700 clamp(3rem, 8vw, 8rem)/.88 var(--display);letter-spacing:-.035em;text-transform:uppercase}.footer-lead>a{border-bottom:2px solid;justify-content:space-between;width:clamp(10rem,20vw,18rem);padding-bottom:.75rem;font-size:clamp(1rem,1.6vw,1.3rem);display:flex}.footer-bottom{text-transform:uppercase;letter-spacing:.14em;border-top:1px solid #0b0b0b4d;grid-template-columns:1fr auto 1fr;padding-top:1.5rem;font-size:.7rem;display:grid}.footer-bottom ul{gap:2rem;display:flex}.footer-bottom>a{justify-self:end}.error-page{min-height:100svh;padding:var(--pad);place-items:center;display:grid}.error-page main{width:min(100%,55rem)}.error-page h1{font:800 clamp(4rem, 12vw, 10rem)/.8 var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:2rem 0}.text-link{border-bottom:1px solid var(--acid);padding-bottom:.35rem;display:inline-block}@media (width<=760px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.location{display:block}.hero{min-height:46rem}.hero h1{font-size:clamp(5.2rem,27vw,9rem)}.hero h1 .outline{text-indent:7vw}.hero-orbit{width:100vw;right:-35vw}.round-link{width:5.4rem}.record-grid,.split-heading,.about-grid{grid-template-columns:1fr}.record-grid{gap:3rem}.split-heading>p:last-child{margin-top:2rem}.project-preview{padding-inline:.8rem}.project-meta{grid-template-columns:1fr;gap:.75rem}.project-meta p{font-size:.9rem}.about-section>.eyebrow{margin-bottom:3rem}.footer-lead{display:block}.footer-lead>a{margin-top:4rem}.footer-bottom{grid-template-columns:1fr auto;row-gap:1.5rem}.footer-bottom ul{grid-row:2}.footer-bottom>a{grid-area:2/2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@font-face{font-family:Archivo Narrow;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/archivo-narrow-600.woff2)format("woff2")}@font-face{font-family:Archivo Narrow;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/archivo-narrow-700.woff2)format("woff2")}@font-face{font-family:Archivo Narrow;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/archivo-narrow-700.woff2)format("woff2")}