:root{--ink: #101111;--ink-soft: #1a1b1b;--paper: #efede6;--paper-deep: #dcd9cf;--fog: #a9aaa5;--line: rgba(16, 17, 17, .18);--light-line: rgba(255, 255, 255, .18);--brass: #b28b56;--accent: #7f2d2d;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Inter", Arial, sans-serif;--mono: "JetBrains Mono", monospace;--header: 76px;--player: 88px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.has-player{padding-bottom:var(--player)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{color:inherit}:focus-visible{outline:2px solid var(--brass);outline-offset:4px}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:10px 14px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:fixed;z-index:40;inset:0 0 auto;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,70px);color:#fff;background:#0c0d0de0;border-bottom:1px solid var(--light-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wordmark{display:flex;align-items:baseline;gap:14px}.wordmark span{font:500 21px/1 var(--serif);letter-spacing:.06em}.wordmark small,.desktop-nav a,.mobile-nav a,.kicker,.eyebrow,.button,.text-button,.card-meta,.project-index,.filter-button,.track-number,.footer-links,.copyright{font-size:10px;line-height:1;font-weight:500;letter-spacing:.19em;text-transform:uppercase}.wordmark small{color:#a7a8a5}.desktop-nav{display:flex;gap:clamp(24px,3vw,50px)}.desktop-nav a{position:relative;padding:8px 0;color:#d4d4d1}.desktop-nav a:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:var(--brass);transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}.menu-button,.mobile-nav{display:none}#app{min-height:100vh}.home-hero{position:relative;min-height:100svh;padding:calc(var(--header) + 9vh) clamp(22px,5vw,80px) 7vh;display:grid;grid-template-columns:minmax(0,.93fr) minmax(340px,.7fr);align-items:end;overflow:hidden;color:#fff;background:#111;isolation:isolate}.home-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#080909f5,#08090999 48%,#08090959),linear-gradient(0deg,rgba(8,9,9,.95),transparent 60%),url(https://jonathoncox.com/wp-content/uploads/2024/07/IMG_1721-2-1.png) 67% 42% / cover no-repeat;filter:grayscale(1) contrast(1.1)}.home-hero:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.24;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");pointer-events:none}.hero-copy{max-width:800px;padding-bottom:3vh}.eyebrow,.kicker{margin:0 0 24px;color:var(--brass)}.hero-title{margin:0;max-width:770px;font:400 clamp(68px,8.2vw,136px) / .77 var(--serif);letter-spacing:-.055em}.hero-title span{display:block;margin-left:.72em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7);font-style:italic}.hero-bottom{display:flex;align-items:center;gap:35px;margin-top:clamp(40px,6vh,72px)}.hero-bottom p{max-width:430px;margin:0;color:#c7c7c3;font:400 clamp(19px,1.5vw,24px) / 1.45 var(--serif)}.button,.round-play,.text-button,.filter-button{border:0;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;color:var(--ink);background:var(--paper)}.button.dark{color:#fff;background:var(--ink)}.button.outline{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.42)}.round-play{flex:0 0 64px;width:64px;height:64px;display:grid;place-items:center;color:#fff;background:var(--accent);border-radius:50%;box-shadow:0 0 0 1px #ffffff73;transition:transform .18s ease}.round-play:hover{transform:scale(1.06)}.hero-aside{width:min(100%,350px);justify-self:end;align-self:center;padding:22px;border:1px solid rgba(255,255,255,.3);background:#0a0b0b85;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-aside img{aspect-ratio:1;object-fit:cover}.hero-aside-row{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-top:17px}.hero-aside h2{margin:3px 0 0;font:500 29px/1 var(--serif)}.hero-aside .card-meta{color:var(--brass)}.hero-aside a{font-size:22px}.scroll-note{position:absolute;right:27px;bottom:38px;display:flex;align-items:center;gap:12px;color:#aaa;font:9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl}.scroll-note:after{content:"";width:1px;height:42px;background:var(--brass)}.manifesto{display:grid;grid-template-columns:.42fr 1fr;gap:8vw;padding:clamp(90px,13vw,190px) clamp(25px,7vw,115px);background:var(--paper)}.manifesto h2{margin:0;max-width:900px;font:400 clamp(46px,6.2vw,92px) / .96 var(--serif);letter-spacing:-.035em}.manifesto h2 em{color:var(--accent);font-weight:400}.manifesto-side{padding-top:12px}.manifesto-side p:last-child{max-width:310px;color:#666762;font-size:14px;line-height:1.8}.featured-section{padding:clamp(80px,9vw,140px) clamp(22px,5vw,80px);color:#fff;background:var(--ink)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:60px}.section-head h1,.section-head h2{margin:0;font:400 clamp(47px,6vw,86px) / .92 var(--serif);letter-spacing:-.03em}.section-head p{max-width:430px;margin:0;color:#9fa09c;font-size:13px;line-height:1.75}.project-grid{border-top:1px solid var(--light-line)}.project-row{position:relative;min-height:250px;display:grid;grid-template-columns:.12fr .5fr 1fr .25fr;align-items:center;gap:30px;padding:32px 0;border-bottom:1px solid var(--light-line);overflow:hidden}.project-row:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--row-accent) 25%,transparent));transition:opacity .24s ease}.project-row:hover:before{opacity:1}.project-row>*{position:relative}.project-index{color:#747572}.project-thumb{width:min(100%,205px);aspect-ratio:1;object-fit:cover;filter:saturate(.68);transition:transform .35s ease,filter .35s ease}.project-row:hover .project-thumb{transform:scale(1.025);filter:saturate(1)}.project-row h3{margin:7px 0 10px;font:400 clamp(34px,4.2vw,68px) / .92 var(--serif)}.project-row p{margin:0;color:#9fa09c;font:italic 19px/1.35 var(--serif)}.project-arrow{justify-self:end;width:54px;height:54px;display:grid;place-items:center;border:1px solid #4c4d4b;border-radius:50%;font-size:20px}.archive-band{position:relative;padding:clamp(90px,11vw,165px) clamp(25px,7vw,115px);overflow:hidden;background:#c9c8c1}.archive-band:after{content:"JWC";position:absolute;right:-.03em;bottom:-.24em;color:#ffffff42;font:600 min(37vw,520px)/1 var(--serif);pointer-events:none}.archive-band .section-head,.archive-band .album-strip{position:relative;z-index:1}.archive-band .section-head p{color:#555651}.album-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.album-card{position:relative;min-width:0}.album-card .art-wrap{position:relative;overflow:hidden;background:#777}.album-card img{aspect-ratio:1;object-fit:cover;transition:transform .35s ease,filter .35s ease}.album-card:hover img{transform:scale(1.035);filter:brightness(.74)}.album-card-play{position:absolute;right:15px;bottom:15px;width:50px;height:50px;display:grid;place-items:center;color:#fff;background:var(--accent);border:0;border-radius:50%;opacity:0;transform:translateY(5px);transition:.18s ease;cursor:pointer}.album-card:hover .album-card-play,.album-card-play:focus-visible{opacity:1;transform:none}.album-card h3{margin:17px 0 4px;font:500 24px/1 var(--serif)}.album-card p{margin:0;color:#62635f;font-size:11px;letter-spacing:.06em}.about-teaser{min-height:720px;display:grid;grid-template-columns:.9fr 1.1fr;color:#fff;background:var(--ink)}.about-image{min-height:560px;background:linear-gradient(0deg,rgba(10,11,11,.5),transparent),url(https://jonathoncox.com/wp-content/uploads/2024/07/img_1757-559x559.jpg) center 28% / cover no-repeat;filter:grayscale(1)}.about-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(60px,8vw,135px)}.about-copy blockquote{margin:0 0 42px;font:400 clamp(40px,5vw,74px) / 1 var(--serif);letter-spacing:-.03em}.about-copy blockquote em{color:var(--brass);font-weight:400}.about-copy>p:not(.eyebrow){max-width:520px;margin:0 0 35px;color:#aaa;font-size:14px;line-height:1.8}.page{min-height:100vh;padding-top:var(--header)}.page-hero{padding:clamp(80px,9vw,135px) clamp(25px,6vw,95px) 70px;color:#fff;background:var(--ink)}.page-hero .section-head{margin:0}.library-page{padding:0 clamp(22px,5vw,80px) clamp(100px,12vw,170px);background:var(--paper)}.filters{display:flex;flex-wrap:wrap;gap:8px;padding:28px 0 45px;border-bottom:1px solid var(--line)}.filter-button{padding:12px 15px;color:#666762;background:transparent;border:1px solid transparent}.filter-button.active{color:var(--ink);border-color:var(--ink)}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:65px 24px;padding-top:55px}.library-grid .album-card{--accent: #303333}.library-grid .album-card h3{font-size:clamp(23px,2.2vw,32px)}.library-grid .album-card p{line-height:1.5}.album-actions{display:flex;align-items:center;gap:13px;margin-top:13px}.text-button{padding:0;color:#555;background:none}.text-button:hover{color:var(--accent)}.work-detail{--detail-accent: var(--accent);min-height:100vh;color:#fff;background:var(--ink)}.detail-hero{min-height:calc(100svh - var(--header));display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,.65fr);align-items:center;gap:clamp(50px,8vw,130px);padding:calc(var(--header) + 7vh) clamp(25px,7vw,115px) 8vh;background:radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--detail-accent) 42%,transparent),transparent 32%),var(--ink)}.detail-copy h1{margin:8px 0 23px;font:400 clamp(68px,9vw,142px) / .78 var(--serif);letter-spacing:-.055em}.detail-lede{max-width:660px;margin:0 0 40px;color:#b6b6b2;font:italic clamp(25px,2.5vw,38px) / 1.3 var(--serif)}.detail-actions{display:flex;gap:13px}.detail-art{position:relative}.detail-art:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid color-mix(in srgb,var(--detail-accent) 70%,white)}.detail-art img{position:relative;aspect-ratio:1;object-fit:cover;box-shadow:0 30px 70px #0006}.detail-story{display:grid;grid-template-columns:.55fr 1fr;gap:10vw;padding:clamp(90px,13vw,190px) clamp(25px,7vw,115px);color:var(--ink);background:var(--paper)}.detail-story h2{margin:0;font:400 clamp(45px,6vw,88px)/.96 var(--serif)}.detail-story-text>p{margin:0 0 60px;color:#4d4e4b;font:400 clamp(21px,2vw,28px)/1.55 var(--serif)}.motifs{display:grid;gap:0;border-top:1px solid var(--line)}.motif{display:grid;grid-template-columns:.35fr 1fr;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}.motif h3{margin:0;font:600 19px/1 var(--serif)}.motif p{margin:0;color:#6c6d68;font-size:13px;line-height:1.6}.track-section{padding:clamp(80px,9vw,135px) clamp(25px,7vw,115px);color:#fff;background:#161717}.track-section .section-head{margin-bottom:35px}.track-list{border-top:1px solid var(--light-line)}.track-row{width:100%;min-height:68px;display:grid;grid-template-columns:56px 1fr auto 45px;align-items:center;gap:18px;padding:0;color:#deded9;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--light-line);cursor:pointer;transition:background .16s ease}.track-row:hover,.track-row.is-current{background:color-mix(in srgb,var(--detail-accent) 23%,transparent)}.track-number{color:#797a77;text-align:center}.track-title{font:400 20px/1.2 var(--serif)}.track-time{color:#858683;font:10px/1 var(--mono)}.track-play{color:#fff;font-size:11px}.filmography-page,.about-page{padding:clamp(100px,10vw,150px) clamp(25px,7vw,115px);color:var(--ink);background:var(--paper)}.filmography-page h1,.about-page h1{margin:0 0 70px;font:400 clamp(65px,9vw,130px)/.8 var(--serif);letter-spacing:-.05em}.film-list{border-top:1px solid var(--line)}.film-row{display:grid;grid-template-columns:90px 1fr .6fr;gap:30px;padding:27px 0;border-bottom:1px solid var(--line)}.film-row span{color:#73746f;font:10px/1.5 var(--mono)}.film-row h2{margin:0;font:500 clamp(24px,3vw,38px)/1 var(--serif)}.film-row p{margin:0;color:#646560;font-size:12px;line-height:1.6}.about-page{display:grid;grid-template-columns:.8fr 1fr;gap:9vw}.about-page figure{margin:0}.about-page figure img{filter:grayscale(1)}.about-page figcaption{margin-top:12px;color:#72736f;font:9px/1 var(--mono);text-transform:uppercase}.about-page h1{margin-bottom:45px}.about-page .about-body{max-width:680px}.about-page .about-body>p{color:#555651;font:400 clamp(21px,2.2vw,30px)/1.55 var(--serif)}.contact-box{margin-top:55px;padding-top:28px;border-top:1px solid var(--line)}.contact-box a{display:inline-block;margin-top:10px;font:400 clamp(29px,3.5vw,51px)/1 var(--serif);border-bottom:1px solid}.site-footer{min-height:310px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:50px;padding:65px clamp(25px,5vw,80px);color:#9c9d99;background:#0a0b0b;border-top:1px solid #272828}.footer-mark{margin:0 0 13px;color:#fff;font:500 47px/1 var(--serif)}.site-footer p{max-width:350px;font-size:12px;line-height:1.6}.footer-links{display:flex;gap:30px;color:#d1d1ce}.copyright{grid-column:1 / -1;margin:0}.player{position:fixed;z-index:70;inset:auto 0 0;height:var(--player);display:grid;grid-template-columns:minmax(230px,.8fr) 170px minmax(220px,1.2fr) 75px;align-items:center;gap:25px;padding:10px clamp(16px,3vw,48px);color:#fff;background:#080909f5;border-top:1px solid #373838;box-shadow:0 -15px 40px #00000029;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player[hidden]{display:none}.player-track{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;padding:0;color:#fff;text-align:left;background:none;border:0;cursor:pointer}.player-track img{width:58px;height:58px;object-fit:cover}.player-track span{min-width:0}.player-track strong,.player-track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track strong{font:500 18px/1.1 var(--serif)}.player-track small{margin-top:6px;color:#858683;font-size:9px;letter-spacing:.11em;text-transform:uppercase}.transport{display:flex;align-items:center;justify-content:center;gap:18px}.transport button,.queue-button,.icon-button{border:0;color:#fff;background:none;cursor:pointer}.transport button{width:32px;height:32px;font-size:25px}.transport .play-pause{width:42px;height:42px;display:grid;place-items:center;color:var(--ink);background:var(--paper);border-radius:50%;font-size:12px}.timeline{display:grid;grid-template-columns:38px minmax(80px,1fr) 38px;align-items:center;gap:10px;color:#787976;font:9px/1 var(--mono)}.timeline input{width:100%;height:3px;margin:0;accent-color:var(--brass);cursor:pointer}.queue-button{display:flex;flex-direction:column;align-items:center;gap:2px}.queue-button span{font-size:25px;transform:rotate(180deg)}.queue-button small{color:#81827f;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.queue-drawer{position:fixed;z-index:65;right:24px;bottom:calc(var(--player) + 16px);width:min(430px,calc(100vw - 32px));max-height:min(650px,calc(100vh - var(--player) - 110px));overflow:hidden;color:#fff;background:#181919;border:1px solid #3b3c3b;box-shadow:0 25px 70px #0006;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s ease}.queue-drawer.open{transform:none;opacity:1;pointer-events:auto}.queue-head{display:flex;align-items:center;justify-content:space-between;padding:25px;border-bottom:1px solid var(--light-line)}.queue-head .kicker{margin-bottom:7px}.queue-head h2{margin:0;font:500 26px/1 var(--serif)}.icon-button{width:38px;height:38px;font-size:26px}.queue-list{max-height:500px;overflow:auto;padding:0 16px 16px}.queue-list .track-row{grid-template-columns:38px 1fr auto;min-height:58px}.queue-list .track-play{display:none}.not-found{min-height:85vh;display:grid;place-items:center;padding-top:var(--header);text-align:center}.not-found h1{margin:0 0 20px;font:400 80px/1 var(--serif)}@media(max-width:980px){.home-hero{grid-template-columns:1fr;align-items:end}.hero-aside{display:none}.project-row{grid-template-columns:50px 180px 1fr 60px}.library-grid,.album-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.about-teaser{grid-template-columns:.8fr 1.2fr}.player{grid-template-columns:minmax(190px,1fr) 150px minmax(170px,.8fr) 52px;gap:12px}}@media(max-width:760px){:root{--header: 64px;--player: 72px}.site-header{padding:0 19px}.wordmark span{font-size:19px}.wordmark small,.desktop-nav{display:none}.menu-button{display:flex;align-items:center;gap:10px;padding:10px 0;color:#d2d2cf;background:none;border:0;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.menu-button i,.menu-button i:before{display:block;width:19px;height:1px;background:currentColor}.menu-button i{position:relative}.menu-button i:before{content:"";position:absolute;top:5px}.mobile-nav{position:fixed;z-index:39;inset:var(--header) 0 auto;display:grid;padding:25px 20px;color:#fff;background:#111;border-bottom:1px solid #333}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:18px 0;border-bottom:1px solid #2b2c2b}.home-hero{min-height:91svh;padding:calc(var(--header) + 9vh) 22px 7vh}.home-hero:before{background:linear-gradient(0deg,#080909fa,#08090914 70%),linear-gradient(90deg,rgba(8,9,9,.6),transparent),url(https://jonathoncox.com/wp-content/uploads/2024/07/IMG_1721-2-1.png) 61% 20% / auto 70% no-repeat,#111}.hero-title{font-size:clamp(61px,20vw,92px);line-height:.8}.hero-title span{margin-left:.26em}.hero-bottom{align-items:end;gap:18px;margin-top:35px}.hero-bottom p{font-size:17px}.round-play{flex-basis:56px;width:56px;height:56px}.scroll-note{display:none}.manifesto,.detail-story{grid-template-columns:1fr;gap:40px;padding:90px 22px}.manifesto h2{font-size:48px}.featured-section,.archive-band,.track-section{padding:80px 22px}.section-head{display:block;margin-bottom:40px}.section-head p{margin-top:22px}.project-row{min-height:0;grid-template-columns:39px 86px minmax(0,1fr) 34px;gap:12px;padding:19px 0}.project-thumb{width:86px}.project-row h3{font-size:27px;line-height:.94}.project-row p{display:none}.project-arrow{width:31px;height:31px;font-size:13px}.album-strip,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-strip{gap:30px 13px}.album-card h3{margin-top:12px;font-size:21px}.album-card-play{width:44px;height:44px;opacity:1;transform:none}.about-teaser,.about-page{grid-template-columns:1fr}.about-image{min-height:82vw}.about-copy{padding:80px 22px}.page-hero{padding:80px 22px 50px}.library-page{padding:0 22px 100px}.library-grid{gap:45px 13px;padding-top:38px}.filters{padding:20px 0 30px;overflow-x:auto;flex-wrap:nowrap}.filter-button{flex:none}.detail-hero{min-height:auto;grid-template-columns:1fr;gap:65px;padding:calc(var(--header) + 65px) 22px 90px}.detail-copy h1{font-size:clamp(67px,22vw,104px)}.detail-art{width:86%;justify-self:center;order:-1}.detail-story h2{font-size:52px}.motif{grid-template-columns:1fr;gap:9px}.track-row{grid-template-columns:37px 1fr auto 26px;gap:8px}.track-title{font-size:17px}.filmography-page,.about-page{padding:100px 22px}.filmography-page h1,.about-page h1{margin-bottom:50px;font-size:65px}.film-row{grid-template-columns:55px 1fr;gap:15px;padding:22px 0}.film-row p{grid-column:2}.site-footer{grid-template-columns:1fr;gap:30px}.footer-links{flex-direction:column;gap:18px}.copyright{grid-column:auto}.player{grid-template-columns:minmax(0,1fr) 120px 36px;gap:8px;padding:7px 11px}.player-track{grid-template-columns:50px minmax(0,1fr);gap:9px}.player-track img{width:50px;height:50px}.player-track strong{font-size:16px}.transport{gap:5px}.transport button{font-size:21px}.transport .play-pause{width:38px;height:38px}.timeline{display:none}.queue-button{width:34px;padding:0}.queue-button small{display:none}.queue-drawer{right:8px;bottom:calc(var(--player) + 8px);width:calc(100vw - 16px)}}@media(max-width:390px){.hero-title{font-size:58px}.hero-bottom p{font-size:15px}.project-row{grid-template-columns:30px 74px minmax(0,1fr) 26px;gap:9px}.project-thumb{width:74px}.project-row h3{font-size:23px}.player{grid-template-columns:minmax(0,1fr) 107px 30px}.player-track{grid-template-columns:44px minmax(0,1fr)}.player-track img{width:44px;height:44px}}.longform-article{color:var(--ink);background:var(--paper)}.article-hero{min-height:100svh;display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);padding-top:var(--header);color:#fff;background:#090a0a}.article-hero-art{position:relative;min-height:760px;overflow:hidden;background-position:center;background-size:cover}.article-hero-art:before{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(90deg,transparent 55%,#090a0a 100%),linear-gradient(0deg,rgba(6,7,7,.78),transparent 48%)}.article-hero-art:after{position:absolute;z-index:2;right:28px;bottom:28px;width:42px;height:42px;content:"";border-right:8px solid var(--yellow);border-bottom:8px solid var(--yellow)}.article-hero-art img{height:100%;object-fit:cover;opacity:0}.article-hero-copy{align-self:center;padding:clamp(70px,8vw,135px) clamp(28px,7vw,115px) clamp(70px,8vw,120px) clamp(35px,5vw,80px)}.article-hero-copy .eyebrow{color:var(--yellow)}.article-hero-copy h1{max-width:930px;margin:34px 0 30px;font:600 clamp(64px,7.6vw,126px)/.84 var(--sans);letter-spacing:-.075em;text-transform:uppercase}.article-deck{max-width:720px;margin:0;color:#c2c3bf;font:400 clamp(21px,2.1vw,30px)/1.42 var(--serif)}.article-meta{display:flex;flex-wrap:wrap;gap:14px 35px;margin-top:42px;padding-top:22px;color:#989995;border-top:1px solid var(--light-line);font:8px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}.article-hero-actions{display:flex;align-items:center;gap:30px;margin-top:42px}.article-hero-actions>a{color:#d3d4d0;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.article-chapters{position:sticky;z-index:10;top:var(--header);display:flex;align-items:center;gap:clamp(18px,3vw,48px);min-height:68px;padding:0 clamp(25px,7vw,115px);overflow-x:auto;color:#fff;background:var(--red);border-bottom:1px solid rgba(255,255,255,.24);scrollbar-width:none}.article-chapters::-webkit-scrollbar{display:none}.article-chapters span,.article-chapters a{flex:0 0 auto;font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.article-chapters span{padding-right:28px;color:var(--yellow);border-right:1px solid rgba(255,255,255,.35)}.article-chapters a{padding:26px 0}.article-body{background:linear-gradient(90deg,transparent calc(7vw - 1px),rgba(16,17,17,.07) calc(7vw - 1px),rgba(16,17,17,.07) 7vw,transparent 7vw),var(--paper)}.article-section{display:grid;grid-template-columns:minmax(145px,.27fr) minmax(0,1fr);gap:clamp(38px,7vw,125px);max-width:1500px;margin:0 auto;padding:clamp(90px,10vw,165px) clamp(25px,8vw,135px);border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--header) + 80px)}.article-section-index{padding-top:14px}.article-section-index>span{display:block;color:var(--red);font:600 clamp(38px,4vw,58px)/1 var(--sans);letter-spacing:-.06em}.article-section-index p{margin:17px 0 0;font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.article-section-copy{max-width:930px}.article-section-copy>h2{max-width:1000px;margin:0 0 60px;font:600 clamp(48px,6.2vw,90px)/.9 var(--sans);letter-spacing:-.065em;text-transform:uppercase}.article-section-copy>p{max-width:800px;margin:0 0 28px;color:#4f504c;font:400 clamp(21px,1.8vw,27px)/1.62 var(--serif)}.article-section-copy>p:first-of-type{color:var(--ink);font-size:clamp(25px,2.3vw,34px);line-height:1.45}.article-section-copy>p:first-of-type:first-letter{float:left;margin:7px 10px 0 0;color:var(--red);font:600 3.6em/.7 var(--sans)}.article-section-copy>blockquote{position:relative;max-width:900px;margin:75px 0 15px;padding:40px 0 40px clamp(28px,4vw,60px);color:var(--ink);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font:italic 500 clamp(34px,4.2vw,60px)/1.05 var(--serif)}.article-section-copy>blockquote:before{position:absolute;top:31px;left:0;color:var(--red);content:"“";font:600 55px/1 var(--serif)}.theme-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:75px}.theme-score-card{min-height:335px;padding:28px;color:#fff;background:var(--ink);border-bottom:6px solid var(--yellow)}.theme-score-card:nth-child(2n){border-color:var(--red)}.theme-score-card>span,.theme-score-card .theme-palette{color:#a7a8a4;font:8px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase}.theme-score-card h3{margin:26px 0 8px;font:600 37px/.95 var(--sans);letter-spacing:-.055em;text-transform:uppercase}.theme-score-card>p:last-child{margin:24px 0 0;color:#bdbeba;font:400 18px/1.45 var(--serif)}.theme-glyph{height:75px;display:flex;align-items:center;gap:15px;margin:27px 0;border-top:1px solid #454646;border-bottom:1px solid #454646}.theme-glyph i{width:17px;height:17px;display:block;background:var(--yellow);border-radius:50%}.theme-glyph i:nth-child(2){transform:translateY(13px)}.theme-glyph i:nth-child(3){transform:translateY(-8px)}.theme-glyph i:nth-child(4){transform:translateY(19px)}.theme-score-card:nth-child(2n) .theme-glyph i{background:var(--red)}.studio-rig{margin-top:75px;color:#fff;background:var(--ink);border-left:8px solid var(--red)}.studio-rig-head,.studio-rig>div:not(.studio-rig-head){display:grid;grid-template-columns:.55fr 1fr;gap:25px;padding:23px 30px;border-bottom:1px solid #3a3b3b}.studio-rig-head{color:var(--ink);background:var(--yellow)}.studio-rig-head span,.studio-rig-head b,.studio-rig>div span{font-size:8px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.studio-rig>div span{color:#8f908c}.studio-rig strong{font:500 clamp(18px,2vw,25px)/1.15 var(--sans)}.article-featured-cue{width:min(100%,760px);display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:22px;margin-top:70px;padding:20px;color:#fff;text-align:left;background:var(--ink);border:0;border-right:7px solid var(--yellow);cursor:pointer}.cue-disc{width:70px;height:70px;display:grid;place-items:center;background:var(--red);border-radius:50%}.cue-disc i{font-style:normal}.article-featured-cue small,.article-featured-cue time{color:#999a96;font:8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.article-featured-cue strong{display:block;margin-top:8px;font:600 clamp(22px,2.5vw,34px)/1 var(--sans);letter-spacing:-.04em;text-transform:uppercase}.article-listening-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:65px}.article-cue-card{position:relative;min-height:330px;display:flex;flex-direction:column;align-items:flex-start;padding:30px;color:#fff;text-align:left;background:var(--ink);border:0;border-bottom:7px solid var(--red);cursor:pointer}.article-cue-card:nth-child(2n){color:var(--ink);background:var(--yellow);border-color:var(--ink)}.article-cue-number{font:9px/1 var(--mono)}.article-cue-play{position:absolute;top:24px;right:24px;width:45px;height:45px;display:grid;place-items:center;color:var(--ink);background:var(--yellow);border-radius:50%}.article-cue-card:nth-child(2n) .article-cue-play{color:#fff;background:var(--red)}.article-cue-card small{margin-top:52px;color:var(--red);font-size:8px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.article-cue-card:nth-child(2n) small{color:#70401f}.article-cue-card strong{max-width:90%;margin-top:12px;font:600 clamp(26px,3vw,42px)/.96 var(--sans);letter-spacing:-.055em;text-transform:uppercase}.article-cue-card p{max-width:360px;margin:22px 0 30px;color:#b1b2ae;font:400 17px/1.4 var(--serif)}.article-cue-card:nth-child(2n) p{color:#4b4331}.article-cue-card i{margin-top:auto;font:8px/1 var(--mono);font-style:normal}.article-finale{min-height:86vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(90px,11vw,180px) clamp(25px,8vw,135px);color:#fff;background-position:center;background-size:cover}.article-finale .eyebrow{color:var(--yellow)}.article-finale blockquote{max-width:1100px;margin:45px 0 55px;font:600 clamp(57px,8.2vw,125px)/.88 var(--sans);letter-spacing:-.07em;text-transform:uppercase}.article-next{display:grid;grid-template-columns:1fr .6fr;gap:8vw;padding:clamp(80px,10vw,155px) clamp(25px,8vw,135px);background:var(--yellow)}.article-next .eyebrow{color:var(--red)}.article-next h2{margin:30px 0 0;font:600 clamp(47px,6.5vw,95px)/.89 var(--sans);letter-spacing:-.065em;text-transform:uppercase}.article-next>div:last-child{align-self:end}.article-next>div:last-child p{margin:0 0 35px;font:400 clamp(20px,2vw,28px)/1.45 var(--serif)}@media(max-width:900px){.article-hero{grid-template-columns:1fr}.article-hero-art{min-height:55svh}.article-hero-art:before{background:linear-gradient(0deg,#090a0a 0,transparent 50%)}.article-hero-copy{padding:45px 20px 80px}.article-hero-copy h1{font-size:clamp(52px,14vw,82px)}.article-chapters{padding:0 20px}.article-section{grid-template-columns:1fr;gap:32px;padding:85px 20px}.article-section-index{display:flex;align-items:center;gap:16px;padding:0 0 20px;border-bottom:1px solid var(--line)}.article-section-index>span{font-size:35px}.article-section-index p{margin:0}.article-section-copy>h2{margin-bottom:42px;font-size:clamp(43px,12vw,65px)}.article-section-copy>p{font-size:21px}.article-section-copy>p:first-of-type{font-size:26px}.theme-score-grid,.article-listening-grid,.article-next{grid-template-columns:1fr}}@media(max-width:520px){.article-hero-art{min-height:48svh}.article-hero-actions{align-items:flex-start;flex-direction:column}.article-section-copy>blockquote{font-size:34px}.studio-rig-head,.studio-rig>div:not(.studio-rig-head){grid-template-columns:1fr;gap:9px}.article-featured-cue{grid-template-columns:58px 1fr}.cue-disc{width:54px;height:54px}.article-featured-cue time{display:none}.article-finale blockquote{font-size:54px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ink: #090a0a;--ink-soft: #151616;--paper: #f3efe6;--paper-deep: #ded8ca;--red: #ce382b;--yellow: #f2c94c;--ivory: #f6f1e7;--brass: var(--yellow);--accent: var(--red)}.site-header{height:82px;background:#070808f0;border-bottom:0}.site-header:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,var(--red) 0 18%,var(--ivory) 18% 82%,var(--yellow) 82%);opacity:.9}.wordmark{align-items:center;gap:13px}.wordmark>strong{color:var(--ivory);font:700 27px/.8 var(--sans);letter-spacing:-.12em}.wordmark>strong span{color:var(--red);font:inherit;letter-spacing:inherit}.wordmark-copy{display:flex;flex-direction:column;gap:5px;padding-left:13px;border-left:1px solid #474846;color:#fff;font:500 15px/1 var(--sans)!important;letter-spacing:.03em!important}.wordmark-copy small{font-size:7px;letter-spacing:.16em;text-transform:uppercase}.desktop-nav{gap:clamp(20px,2.3vw,38px)}.desktop-nav a{font-weight:600;letter-spacing:.13em}.desktop-nav a:after{height:3px;background:var(--red)}.hq-hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);grid-template-rows:1fr auto;overflow:hidden;padding:calc(var(--header) + 8vh) clamp(28px,5vw,80px) 6vh;color:var(--ivory);background:linear-gradient(90deg,#090a0a 0% 51%,#090a0acc 62%,#090a0a1f),#090a0a;isolation:isolate}.hq-hero:before{content:"JWC";position:absolute;z-index:-1;left:-.04em;bottom:-.2em;color:#ffffff07;font:700 min(42vw,610px)/.8 var(--sans);letter-spacing:-.12em}.hq-portrait{position:absolute;z-index:-2;top:var(--header);right:0;bottom:0;width:56%;background:linear-gradient(90deg,#090a0a 0%,transparent 34%),linear-gradient(0deg,#090a0a 0%,transparent 28%),url(https://jonathoncox.com/wp-content/uploads/2024/07/img_1757-559x559.jpg) 50% 42% / cover no-repeat;filter:grayscale(1) contrast(1.08)}.hq-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 50%,rgba(206,56,43,.18));mix-blend-mode:screen}.hq-color-rule{position:absolute;top:22%;left:clamp(28px,5vw,80px);display:flex;gap:5px}.hq-color-rule i{display:block;width:50px;height:5px}.hq-color-rule i:nth-child(1){background:var(--red)}.hq-color-rule i:nth-child(2){width:22px;background:var(--ivory)}.hq-color-rule i:nth-child(3){width:12px;background:var(--yellow)}.hq-intro{align-self:center;max-width:850px;padding:12vh 0 11vh}.hq-intro .eyebrow{color:var(--yellow)}.hq-intro h1{margin:0;font:600 clamp(63px,7.1vw,112px)/.82 var(--sans);letter-spacing:-.075em;text-transform:uppercase}.hq-intro h1 em{display:inline-block;margin-top:.12em;color:transparent;-webkit-text-stroke:1px rgba(246,241,231,.82);font:italic 400 clamp(55px,6.7vw,105px)/.9 var(--serif);letter-spacing:-.04em;text-transform:none}.hq-deck{max-width:540px;margin:39px 0 0;color:#b7b5ae;font:400 clamp(18px,1.6vw,24px)/1.5 var(--serif)}.hq-actions{display:flex;align-items:center;gap:29px;margin-top:39px}.button.yellow{background:var(--yellow)}.button.red{color:#fff;background:var(--red)}.hq-text-link{display:inline-flex;align-items:center;gap:16px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.hq-text-link span{color:var(--yellow);font-size:19px}.hq-current{position:absolute;z-index:3;right:clamp(25px,5vw,75px);bottom:6vh;width:min(510px,38vw);min-height:178px;display:grid;grid-template-columns:178px 1fr;color:var(--ivory);background:#0f1010eb;border-top:5px solid var(--red);box-shadow:0 20px 55px #00000059;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.hq-current>img{height:100%;object-fit:cover}.hq-current-copy{padding:23px 25px}.hq-current-copy .card-meta{color:var(--yellow)}.hq-current-copy h2{margin:9px 0 5px;font:600 29px/1 var(--sans)}.hq-current-copy>p{margin:0;color:#a9aaa6;font:400 14px/1.4 var(--serif)}.hq-current-copy>div{display:flex;align-items:center;gap:13px;margin-top:16px}.mini-play{width:31px;height:31px;display:grid;place-items:center;padding:0;color:#fff;background:var(--red);border:0;border-radius:50%;font-size:9px;cursor:pointer}.hq-current-copy a{font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.hq-location{position:absolute;left:clamp(28px,5vw,80px);bottom:24px;margin:0;color:#646561;font:8px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}.hq-location span{margin:0 9px;color:var(--red)}.hq-news,.hq-projects,.hq-journal,.hq-archive{padding:clamp(90px,10vw,155px) clamp(25px,6vw,95px)}.hq-news{color:var(--ink);background:var(--paper)}.hq-section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px;padding-bottom:18px;border-bottom:1px solid var(--line)}.hq-section-label .eyebrow{margin:0;color:var(--red)}.hq-section-label>span{color:#777873;font:9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.news-feature{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1fr);gap:clamp(50px,8vw,130px);align-items:center}.news-art{position:relative;max-width:570px}.news-art:before{content:"";position:absolute;inset:20px -20px -20px 20px;background:var(--red)}.news-art:after{content:"";position:absolute;right:-45px;bottom:-45px;width:90px;height:90px;border-right:12px solid var(--yellow);border-bottom:12px solid var(--yellow)}.news-art img{position:relative;z-index:1;aspect-ratio:1;object-fit:cover}.news-art span{position:absolute;z-index:2;right:-6px;bottom:23px;padding:9px 12px;color:var(--ink);background:var(--yellow);font-size:8px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.news-copy .card-meta{color:var(--red)}.news-copy h2{max-width:850px;margin:17px 0 33px;font:600 clamp(45px,5.3vw,78px)/.93 var(--sans);letter-spacing:-.06em;text-transform:uppercase}.news-copy h2 em{display:block;color:var(--red);font:italic 400 .9em/1 var(--serif);letter-spacing:-.035em;text-transform:none}.news-copy>p{max-width:660px;color:#5b5c57;font:400 clamp(18px,1.7vw,24px)/1.55 var(--serif)}.news-actions{display:flex;align-items:center;gap:25px;margin-top:35px}.text-play{padding:0;color:inherit;background:none;border:0;font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.hq-projects{color:#fff;background:var(--ink)}.hq-projects .section-head h2{font-family:var(--sans);font-weight:600;letter-spacing:-.055em;text-transform:uppercase}.hq-project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:52px 22px}.hq-project-card{grid-column:span 4;display:block}.hq-project-card.lead{grid-column:span 8;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:end}.hq-project-image{position:relative;overflow:hidden;background:#222}.hq-project-image:after{content:"";position:absolute;right:0;bottom:0;left:0;height:5px;background:linear-gradient(90deg,var(--red) 0 70%,var(--yellow) 70%);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}.hq-project-card:hover .hq-project-image:after{transform:scaleX(1)}.hq-project-image img{aspect-ratio:1;object-fit:cover;filter:saturate(.76);transition:.35s ease}.hq-project-card:hover img{filter:saturate(1);transform:scale(1.025)}.hq-project-image>span{position:absolute;right:13px;top:13px;width:41px;height:41px;display:grid;place-items:center;color:var(--ink);background:var(--yellow);font:600 10px/1 var(--mono)}.hq-project-copy{padding-top:18px}.hq-project-copy .card-meta{color:var(--red)}.hq-project-copy h3{margin:12px 0;font:600 clamp(28px,3vw,47px)/.93 var(--sans);letter-spacing:-.045em;text-transform:uppercase}.hq-project-copy p{margin:0;color:#999a96;font:italic 18px/1.35 var(--serif)}.hq-project-copy b,.journal-card b{display:inline-block;margin-top:23px;color:var(--yellow);font-size:8px;letter-spacing:.13em;text-transform:uppercase}.all-projects-link{margin-top:75px;padding-top:25px;text-align:right;border-top:1px solid var(--light-line)}.all-projects-link a{font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.all-projects-link span{margin-left:18px;color:var(--red);font-size:19px}.hq-journal{color:var(--ink);background:var(--paper)}.hq-journal .section-head h2,.hq-archive .section-head h2{font-family:var(--sans);font-weight:600;letter-spacing:-.055em;text-transform:uppercase}.dark-link{color:var(--ink)}.dark-link span{color:var(--red)}.journal-grid,.journal-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.journal-card{position:relative;padding-top:43px;border-top:6px solid var(--ink)}.journal-card:nth-child(2){border-color:var(--red)}.journal-card:nth-child(3){border-color:var(--yellow)}.journal-card img{aspect-ratio:16/8;object-fit:cover;filter:grayscale(.6) contrast(1.05)}.journal-number{position:absolute;top:16px;right:0;color:#7a7b76;font:9px/1 var(--mono)}.journal-card .card-meta{margin-top:20px;color:var(--red)}.journal-card h3{margin:14px 0;font:600 clamp(24px,2.4vw,34px)/1 var(--sans);letter-spacing:-.04em;text-transform:uppercase}.journal-card>p:not(.card-meta){color:#656661;font:400 16px/1.5 var(--serif)}.journal-card b{color:var(--red)}.hq-archive{color:#fff;background:linear-gradient(120deg,rgba(206,56,43,.11),transparent 30%),#121313}.hq-archive .hq-section-label{border-color:var(--light-line)}.hq-archive .hq-section-label .eyebrow{color:var(--yellow)}.hq-archive .section-head p{color:#a1a29e}.hq-archive .album-strip{margin-bottom:50px}.hq-signoff{min-height:720px;display:grid;align-items:center;padding:clamp(80px,9vw,135px) clamp(25px,7vw,115px);color:#fff;background:linear-gradient(90deg,#080909fa,#08090973),url(https://jonathoncox.com/wp-content/uploads/2024/07/IMG_1721-2-1.png) 75% 45% / cover no-repeat}.hq-signoff>div{max-width:850px}.hq-signoff blockquote{margin:0 0 40px;font:600 clamp(48px,6vw,88px)/.95 var(--sans);letter-spacing:-.055em;text-transform:uppercase}.hq-signoff blockquote em{color:var(--yellow);font:italic 400 .95em/1 var(--serif);text-transform:none}.hq-signoff a{display:inline-block;color:var(--red);font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.project-media{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:25px;padding:clamp(80px,9vw,135px) clamp(25px,7vw,115px);color:#fff;background:#090a0a}.project-watch{min-height:600px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(30px,4vw,60px);background-position:center;background-size:cover;border-bottom:7px solid var(--red)}.project-watch h2{max-width:680px;margin:0 0 35px;font:600 clamp(43px,5vw,75px)/.92 var(--sans);letter-spacing:-.06em;text-transform:uppercase}.media-play{display:inline-flex;align-items:center;gap:16px;font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.media-play i{width:57px;height:57px;display:grid;place-items:center;color:var(--ink);background:var(--yellow);border-radius:50%;font-style:normal}.highlight-card{padding:clamp(32px,4vw,55px);color:var(--ink);background:var(--yellow)}.highlight-card .eyebrow{color:var(--red)}.highlight-card>h2{margin:0 0 50px;font:600 clamp(45px,4vw,67px)/.9 var(--sans);letter-spacing:-.055em;text-transform:uppercase}.highlight-tracks{border-top:2px solid var(--ink)}.highlight-tracks button{width:100%;min-height:84px;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:14px;padding:0;color:var(--ink);text-align:left;background:transparent;border:0;border-bottom:1px solid rgba(9,10,10,.35);cursor:pointer}.highlight-tracks button>span{font:9px/1 var(--mono)}.highlight-tracks button>b{font:600 18px/1.1 var(--sans);text-transform:uppercase}.highlight-tracks button>i{font-style:normal;font-size:10px}.highlight-card>.text-play{margin-top:35px}.detail-hero{border-bottom:1px solid #242525}.detail-copy .eyebrow{color:var(--yellow)}.detail-copy h1{font-family:var(--sans);font-weight:600;letter-spacing:-.07em;text-transform:uppercase}.detail-art:before{border-color:var(--red)}.detail-story h2,.track-section .section-head h2{font-family:var(--sans);font-weight:600;letter-spacing:-.055em;text-transform:uppercase}.project-journal{display:grid;grid-template-columns:.4fr 1fr;gap:7vw;padding:clamp(90px,11vw,165px) clamp(25px,7vw,115px);color:var(--ink);background:var(--paper)}.project-journal .eyebrow{color:var(--red)}.project-journal h2{grid-column:2;margin:0;font:600 clamp(46px,6vw,88px)/.92 var(--sans);letter-spacing:-.06em;text-transform:uppercase}.project-journal>p:not(.eyebrow){grid-column:2;max-width:760px;margin:0;color:#585954;font:400 clamp(20px,2vw,29px)/1.5 var(--serif)}.project-journal>a{grid-column:2;color:var(--red);font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.journal-page{color:var(--ink);background:var(--paper)}.journal-hero{min-height:78vh;display:grid;grid-template-columns:1fr .55fr;align-content:center;gap:20px 10vw;padding:calc(var(--header) + 8vh) clamp(25px,7vw,115px) 9vh;color:#fff;background:linear-gradient(90deg,#080909fa,#08090959),url(https://jonathoncox.com/wp-content/uploads/2024/07/IMG_1721-2-1.png) 75% 45% / cover no-repeat}.journal-hero .eyebrow{grid-column:1 / -1;color:var(--yellow)}.journal-hero h1{margin:0;font:600 clamp(72px,10vw,145px)/.72 var(--sans);letter-spacing:-.08em;text-transform:uppercase}.journal-hero h1 em{color:var(--red);font:italic 400 .8em/1 var(--serif);text-transform:none}.journal-hero>p:last-child{align-self:end;max-width:480px;color:#bbbcb7;font:400 20px/1.5 var(--serif)}.journal-page-grid{padding:clamp(90px,10vw,155px) clamp(25px,6vw,95px)}.journal-statement{padding:clamp(90px,12vw,180px) clamp(25px,7vw,115px);color:#fff;background:var(--red)}.journal-statement span{font:8px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}.journal-statement blockquote{max-width:1080px;margin:42px 0 0;font:600 clamp(48px,7vw,100px)/.91 var(--sans);letter-spacing:-.06em;text-transform:uppercase}.player{border-top:3px solid var(--red)}.transport .play-pause{background:var(--yellow)}.queue-drawer{border-top:5px solid var(--red)}@media(max-width:980px){.hq-current{width:min(510px,46vw)}.hq-project-card{grid-column:span 6}.hq-project-card.lead{grid-column:1 / -1}}@media(max-width:760px){.site-header{height:var(--header)}.wordmark>strong{font-size:23px}.wordmark-copy{font-size:13px!important}.wordmark-copy small{display:none}.hq-hero{min-height:100svh;display:block;padding:calc(var(--header) + 43vh) 20px 34px;background:#090a0a}.hq-portrait{top:var(--header);bottom:auto;width:100%;height:55vh;background:linear-gradient(0deg,#090a0a 0%,transparent 48%),linear-gradient(90deg,rgba(9,10,10,.25),transparent),url(https://jonathoncox.com/wp-content/uploads/2024/07/img_1757-559x559.jpg) center 30% / cover no-repeat}.hq-color-rule{top:calc(var(--header) + 31px);left:20px}.hq-intro{position:relative;z-index:1;padding:0}.hq-intro .eyebrow{margin-bottom:15px}.hq-intro h1{font-size:clamp(42px,13vw,61px)}.hq-intro h1 em{font-size:.95em}.hq-deck{max-width:340px;margin-top:22px;font-size:16px}.hq-actions{margin-top:25px}.hq-actions .hq-text-link{display:none}.hq-current{position:relative;right:auto;bottom:auto;width:100%;min-height:112px;grid-template-columns:112px 1fr;margin-top:32px;border-top-width:4px}.hq-current-copy{padding:15px 16px}.hq-current-copy h2{margin-top:6px;font-size:22px}.hq-current-copy>p{display:none}.hq-current-copy>div{margin-top:11px}.hq-location{display:none}.hq-news,.hq-projects,.hq-journal,.hq-archive{padding:80px 20px}.hq-section-label{align-items:end}.hq-section-label>span{max-width:145px;text-align:right;line-height:1.5}.news-feature{grid-template-columns:1fr;gap:65px}.news-art{width:calc(100% - 20px)}.news-art:after{right:-25px;bottom:-25px;width:55px;height:55px;border-width:8px}.news-copy h2{font-size:42px}.news-actions{align-items:flex-start;flex-direction:column}.hq-projects .section-head h2,.hq-journal .section-head h2,.hq-archive .section-head h2{font-size:44px}.hq-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:43px 13px}.hq-project-card,.hq-project-card.lead{grid-column:auto;display:block}.hq-project-card.lead{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.hq-project-copy h3{font-size:24px}.hq-project-copy p{display:none}.hq-project-copy b{margin-top:15px}.all-projects-link{text-align:left}.journal-grid,.journal-page-grid{grid-template-columns:1fr;gap:55px}.journal-card h3{font-size:31px}.hq-signoff{min-height:650px;padding:80px 20px;background-position:60% center}.hq-signoff blockquote{font-size:45px}.project-media{grid-template-columns:1fr;padding:70px 20px}.project-watch{min-height:500px;padding:28px}.project-watch h2{font-size:43px}.highlight-card{padding:35px 28px}.project-journal{grid-template-columns:1fr;gap:30px;padding:90px 20px}.project-journal h2,.project-journal>p:not(.eyebrow),.project-journal>a{grid-column:auto}.project-journal h2{font-size:45px}.journal-hero{min-height:75vh;grid-template-columns:1fr;padding:calc(var(--header) + 70px) 20px 70px;background-position:58% center}.journal-hero h1{font-size:67px}.journal-hero>p:last-child{align-self:auto}.journal-page-grid{padding:80px 20px}.journal-statement{padding:90px 20px}.journal-statement blockquote{font-size:45px}}@media(max-width:390px){.hq-hero{padding-top:calc(var(--header) + 40vh)}.hq-intro h1{font-size:41px}.hq-project-grid{grid-template-columns:1fr}.hq-project-card.lead{grid-column:auto;display:block}}