:root { --ink:#11110f; --paper:#f5f0e8; --orange:#ff5a1f; --acid:#c8fa28; --muted:#6a675f; --line:rgba(17,17,15,.18); --radius:1.25rem; --shadow:8px 8px 0 var(--ink); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.45; overflow-x:hidden; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; text-decoration-thickness:1px; text-underline-offset:3px; }
button, select { font:inherit; }
button { cursor:pointer; }
:focus-visible { outline:3px solid var(--acid); outline-offset:4px; }
.container { width:min(100% - 2.5rem, 1260px); margin-inline:auto; }
.skip-link { position:fixed; z-index:100; left:1rem; top:-5rem; background:var(--acid); color:var(--ink); padding:.65rem .9rem; font-weight:700; }
.skip-link:focus { top:1rem; }.skip-link:focus-visible { outline-color:var(--ink); }
.masthead-strip { background:var(--ink); color:var(--paper); font-size:.68rem; letter-spacing:.11em; text-transform:uppercase; }
.masthead-strip .container { min-height:2.1rem; align-items:center; display:flex; justify-content:space-between; gap:1rem; }
.site-header { position:sticky; top:0; z-index:20; background:rgba(245,240,232,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
.header-inner { min-height:5rem; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; }
.wordmark { font-size:1.25rem; line-height:.78; text-decoration:none; font-weight:900; letter-spacing:-.09em; }
.wordmark > span { display:block; margin-left:.55rem; font-size:.76em; letter-spacing:-.06em; }.wordmark-dot { color:var(--orange); display:inline!important; margin:0!important; }
.main-menu, .footer-menu { margin:0; padding:0; display:flex; list-style:none; gap:1.3rem; }.main-menu a { font-size:.77rem; font-weight:700; text-decoration:none; }.mobile-nav { display:none; }
.header-cta, .button { display:inline-flex; align-items:center; justify-content:center; gap:.35rem; background:var(--orange); border:2px solid var(--ink); color:var(--ink); padding:.74rem 1rem; font-weight:800; text-decoration:none; text-transform:uppercase; font-size:.78rem; letter-spacing:.035em; box-shadow:3px 3px 0 var(--ink); transition:transform .15s ease, box-shadow .15s ease; }
.header-cta { font-size:.68rem; padding:.55rem .7rem; }.button:hover, .header-cta:hover { transform:translate(2px,2px); box-shadow:1px 1px 0 var(--ink); }.button--outline { background:transparent; }.button--dark { background:var(--ink); color:var(--paper); border-color:var(--ink); box-shadow:3px 3px 0 var(--paper); }.button--small { font-size:.68rem; padding:.52rem .65rem; }
.hero { display:grid; grid-template-columns:minmax(0,1.04fr) minmax(300px,.96fr); min-height:calc(100vh - 7.1rem); align-items:stretch; gap:3rem; padding-block:clamp(3rem,7vw,7rem); }.hero-copy { align-self:center; }.eyebrow { margin:0 0 .9rem; font-size:.7rem; letter-spacing:.13em; text-transform:uppercase; font-weight:800; }.status-dot { display:inline-block; width:.55rem; height:.55rem; border-radius:100%; background:var(--acid); margin-right:.35rem; }
h1,h2,h3,p { margin-top:0; } h1,h2 { font-size:clamp(3rem,7vw,7.4rem); line-height:.82; letter-spacing:-.085em; font-weight:900; } h2 { font-size:clamp(2.55rem,5.2vw,5.9rem); }.hero h1 { margin-bottom:1.5rem; }.hero-intro { font-size:clamp(1.05rem,1.8vw,1.42rem); max-width:37rem; }.hero-actions { display:flex; gap:1.25rem; align-items:center; margin:2rem 0; }.text-link { font-weight:800; text-decoration:none; border-bottom:1px solid currentColor; padding-bottom:.15rem; }.hero-caption { font-size:.68rem; letter-spacing:.13em; font-weight:800; }
.hero-art { background:var(--ink); min-height:33rem; position:relative; overflow:hidden; color:var(--paper); padding:1rem; display:flex; flex-direction:column; justify-content:space-between; }.art-topline,.art-bottomline { display:flex; justify-content:space-between; gap:1rem; font-size:.62rem; letter-spacing:.08em; font-weight:700; }.art-type { position:absolute; top:18%; left:-.08em; font-size:clamp(5rem,10vw,10rem); line-height:.74; font-weight:900; letter-spacing:-.11em; transform:rotate(-7deg); color:var(--orange); }.art-type span { color:var(--acid); display:block; margin-left:.5em; }.record { position:absolute; width:min(72%,26rem); aspect-ratio:1; right:-10%; bottom:8%; border-radius:50%; background:repeating-radial-gradient(circle, #111 0 9px, #242420 10px 12px); box-shadow:0 0 0 13px #181816; display:grid; place-items:center; }.record-label { width:36%; aspect-ratio:1; border-radius:50%; display:grid; place-content:center; text-align:center; background:var(--orange); color:var(--ink); }.record-label span { font-size:2.8rem; font-weight:900; line-height:.7; }.record-label small { font-size:.45rem; font-weight:800; }.art-sticker { position:absolute; top:59%; left:8%; background:var(--acid); color:var(--ink); padding:.8rem; font-size:.76rem; line-height:1; font-weight:900; transform:rotate(-11deg); }.art-sticker span { display:block; text-align:right; font-size:1.4rem; }.barcode { letter-spacing:.03em; }
.proof-band { background:var(--orange); padding:3rem 0; }.proof-inner { display:grid; grid-template-columns:1.3fr .7fr auto; align-items:end; gap:2rem; }.proof-band h2 { font-size:clamp(2.35rem,5vw,5rem); margin:0; }.proof-band p:not(.eyebrow) { max-width:25rem; margin:0; font-weight:700; }.round-link { width:3.2rem; height:3.2rem; display:grid; place-items:center; border:2px solid var(--ink); border-radius:50%; font-size:1.5rem; text-decoration:none; }
.section { padding-block:clamp(4.5rem,9vw,8rem); }.section-heading { display:grid; grid-template-columns:1.15fr .85fr; gap:2rem; align-items:end; margin-bottom:3rem; }.section-heading h2 { margin-bottom:0; }.section-heading > p { max-width:27rem; margin:0 0 .4rem auto; font-size:1.05rem; }.text-orange { color:var(--orange); }.text-green { color:#6d8e00; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.service-card { min-height:30rem; padding:1.25rem; display:flex; flex-direction:column; border:2px solid var(--ink); background:#e6ded1; }.service-card--mix_stems { background:var(--ink); color:var(--paper); }.service-card--mastering { background:var(--acid); }.card-topline { display:flex; justify-content:space-between; gap:.5rem; font-size:.62rem; font-weight:800; letter-spacing:.08em; }.service-wave { height:4rem; display:flex; align-items:center; gap:.16rem; margin:1.5rem 0 auto; }.service-wave i { width:5%; background:currentColor; display:block; }.service-wave i:nth-child(1),.service-wave i:nth-child(11){height:25%}.service-wave i:nth-child(2),.service-wave i:nth-child(10){height:53%}.service-wave i:nth-child(3),.service-wave i:nth-child(9){height:75%}.service-wave i:nth-child(4),.service-wave i:nth-child(8){height:42%}.service-wave i:nth-child(5),.service-wave i:nth-child(7){height:92%}.service-wave i:nth-child(6){height:65%}.service-card h3 { font-size:2rem; line-height:.92; letter-spacing:-.06em; margin:.75rem 0; }.service-card h3 a { text-decoration:none; }.service-card p { margin-bottom:1.4rem; }.service-price { margin-top:auto; font-size:2.25rem; font-weight:900; letter-spacing:-.07em; }.service-price span { font-size:.8rem; letter-spacing:0; font-weight:600; }.service-card .button { margin:1rem 0 .55rem; align-self:flex-start; }.service-card small { font-size:.7rem; }.availability-band { margin-top:1rem; background:var(--ink); color:var(--paper); padding:1.25rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; }.availability .eyebrow { margin-bottom:.3rem; }.availability-label { font-size:1.1rem; font-weight:800; margin:0; }.availability small { display:block; margin-top:.4rem; color:#c4c1ba; max-width:44rem; }.availability-controls { display:flex; gap:.6rem; align-items:center; margin:.5rem 0; }.availability-controls label { font-size:.78rem; }.availability select { background:var(--paper); border:1px solid var(--paper); color:var(--ink); padding:.35rem; }
.artists-section { background:#dfd7ca; overflow:hidden; }.carousel-heading-end { max-width:27rem; margin-left:auto; }.carousel-controls { display:flex; gap:.5rem; }.carousel-controls button { border:2px solid var(--ink); background:transparent; width:2.8rem; height:2.8rem; font-size:1.2rem; }.carousel-controls button:disabled { opacity:.4; cursor:not-allowed; }.carousel-help,.carousel-counter { font-size:.78rem; }.artist-track { display:flex; gap:1rem; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; list-style:none; padding:0 max(1.25rem, calc((100vw - 1260px)/2)) 1.5rem; margin:0; scrollbar-color:var(--ink) transparent; }.artist-card { flex:0 0 clamp(10.5rem,20vw,16rem); scroll-snap-align:start; }.artist-portrait { min-height:16rem; height:clamp(16rem,31vw,24rem); position:relative; display:grid; place-items:center; overflow:hidden; background:var(--ink); color:var(--acid); }.artist-card--1 .artist-portrait { background:var(--orange); color:var(--ink); }.artist-card--2 .artist-portrait { background:var(--acid); color:var(--ink); }.artist-card--3 .artist-portrait { background:#3d3c36; color:var(--paper); }.artist-portrait img { width:100%; height:100%; object-fit:cover; }.artist-initials { position:relative; z-index:2; font-weight:900; font-size:clamp(3.5rem,8vw,6rem); letter-spacing:-.12em; }.artist-pattern { position:absolute; inset:8%; border:2px solid currentColor; border-radius:50%; box-shadow:0 0 0 18px transparent, 0 0 0 20px currentColor; opacity:.35; }.artist-number { position:absolute; right:.65rem; top:.5rem; color:inherit; font-weight:800; font-size:.74rem; }.artist-info h3 { margin:.8rem 0 0; font-size:1.35rem; letter-spacing:-.05em; }.artist-info p,.artist-info a { font-size:.8rem; }.artist-info p { margin:.1rem 0; }.artist-info a { font-weight:700; }.carousel-counter { margin-top:0; }
.selection-section { background:var(--ink); color:var(--paper); }.selection-section .text-green { color:var(--acid); }.featured-playlist { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:clamp(1.5rem,4vw,4rem); align-items:center; margin-bottom:3rem; padding:clamp(1.25rem,3vw,2.5rem); border:1px solid #6b6a63; }.featured-playlist__copy h3 { margin:.25rem 0 1rem; font-size:clamp(2.1rem,4vw,4.6rem); line-height:.88; letter-spacing:-.07em; }.featured-playlist__copy p:last-child { max-width:28rem; color:#c4c1ba; }.featured-playlist .media-player { min-height:0; }.featured-playlist .media-player iframe { min-height:352px; }.track-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }.track-card { border:1px solid #6b6a63; padding:1rem; }.track-title { display:flex; gap:1rem; align-items:start; margin-bottom:1.5rem; }.track-title > span { color:var(--acid); font-size:.72rem; font-weight:800; }.track-title h3 { margin:0; font-size:1.6rem; letter-spacing:-.05em; }.track-title p { color:#c4c1ba; margin:.15rem 0; }.media-player { border-top:1px solid #6b6a63; padding-top:1rem; min-height:10rem; }.media-placeholder { display:grid; grid-template-columns:auto 1fr; gap:.5rem 1rem; align-items:center; }.media-placeholder p { font-weight:800; margin:0; }.media-play { grid-row:span 2; width:3.5rem; height:3.5rem; display:grid; place-items:center; border:1px solid var(--acid); color:var(--acid); border-radius:50%; font-size:1.7rem; }.media-placeholder small { grid-column:2; color:#c4c1ba; }.media-player iframe { width:100%; min-height:152px; border:0; }.media-external { margin:.8rem 0 0; font-size:.78rem; }.selection-empty { min-height:18rem; grid-column:1/-1; display:flex; align-items:center; gap:2rem; border:1px solid #6b6a63; padding:2rem; }.selection-disc { width:8rem; aspect-ratio:1; border-radius:50%; background:repeating-radial-gradient(circle,#111 0 5px,#30302c 6px 8px); display:grid; place-items:center; }.selection-disc span { width:43%; aspect-ratio:1; background:var(--orange); color:var(--ink); border-radius:50%; display:grid; place-items:center; font-size:1.7rem; font-weight:900; }
.case-studies-section { background:#ded6c9; }.case-studies-section .text-orange { color:#7a2408; }.case-study-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }.case-study-card { position:relative; display:flex; flex-direction:column; min-width:0; padding:clamp(1.25rem,3vw,2.25rem); border:2px solid var(--ink); background:var(--paper); box-shadow:5px 5px 0 var(--ink); }.case-study-card:nth-child(even) { background:var(--acid); }.case-study-index { align-self:flex-end; font-size:clamp(3rem,7vw,6rem); line-height:.75; font-weight:900; letter-spacing:-.1em; color:var(--orange); }.case-study-card h3 { margin:.3rem 0 .8rem; font-size:clamp(2.25rem,4vw,4.5rem); line-height:.85; letter-spacing:-.075em; }.case-study-lead { max-width:38rem; font-size:1.08rem; font-weight:800; }.case-study-story { border-top:1px solid var(--line); padding-top:1rem; }.case-study-story p:last-child { margin-bottom:0; }.case-study-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1.5rem; padding-top:1rem; border-top:1px solid var(--line); }.case-study-facts h4,.case-study-evidence h4 { margin:0 0 .5rem; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; }.case-study-facts ul { margin:0; padding-left:1.1rem; }.case-study-evidence { margin-top:auto; padding-top:1.5rem; }.case-study-evidence ul { list-style:none; margin:0; padding:0; }.case-study-evidence li { padding:.8rem 0; border-top:1px solid var(--line); }.case-study-evidence p { margin:0 0 .35rem; font-size:.85rem; }.case-study-evidence time { display:block; margin-top:.35rem; color:var(--muted); font-size:.75rem; }.case-study-evidence a { font-size:.78rem; font-weight:800; }
.process-grid { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,1fr); border-top:2px solid var(--ink); }.process-grid li { min-height:15rem; padding:1.2rem 1.2rem 1.2rem 0; border-right:1px solid var(--line); }.process-grid li+li { padding-left:1.2rem; }.process-grid li:last-child { border:0; }.step-number { font-size:.75rem; font-weight:800; color:var(--orange); }.process-grid h3 { font-size:1.65rem; line-height:.94; letter-spacing:-.05em; margin:2.4rem 0 .7rem; }.testimonial-section { background:var(--orange); }.testimonial-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.testimonial-grid figure { background:var(--paper); padding:1.3rem; margin:0; min-height:15rem; display:flex; flex-direction:column; }.quote-mark { font-size:4rem; line-height:.6; }.testimonial-grid blockquote { font-size:1.15rem; font-weight:700; margin:1.3rem 0 auto; }.testimonial-grid figcaption { border-top:1px solid var(--line); padding-top:.7rem; font-size:.78rem; font-weight:800; }.testimonial-empty { border-top:2px solid var(--ink); padding-top:1.2rem; }.faq-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:4rem; }.faq-list { border-top:2px solid var(--ink); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { cursor:pointer; list-style:none; padding:1.15rem 2.2rem 1.15rem 0; position:relative; font-weight:800; font-size:1.1rem; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { position:absolute; right:.2rem; font-size:1.4rem; }.faq-list details[open] summary span { transform:rotate(45deg); }.faq-list details p { max-width:45rem; padding-bottom:1rem; margin:0; }.contact-section { background:var(--acid); padding:clamp(4rem,10vw,9rem) 0; }.contact-section h2 { font-size:clamp(3.4rem,9vw,9rem); margin:.25rem 0 3rem; }.contact-bottom { display:grid; grid-template-columns:1fr auto; gap:2rem; align-items:end; }.contact-bottom > p { max-width:27rem; font-size:1.1rem; margin:0; }.contact-actions { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; }.contact-section :focus-visible,.service-card--mastering :focus-visible,.artist-card--2 :focus-visible { outline-color:var(--ink); outline-offset:4px; }.site-footer { background:var(--ink); color:var(--paper); padding:2rem 0 max(1.4rem, env(safe-area-inset-bottom)); }.footer-top,.footer-bottom { display:flex; justify-content:space-between; gap:2rem; align-items:start; }.footer-top { padding-bottom:3rem; }.footer-top p { margin:0; }.footer-bottom { padding-top:1rem; border-top:1px solid #5c5b55; font-size:.75rem; }.footer-menu { flex-wrap:wrap; }.footer-menu a { color:var(--paper); }
.content-page,.shop-page,.single-service { min-height:60vh; padding-block:4rem; }.entry { max-width:50rem; }.entry h1,.shop-intro h1 { font-size:clamp(3rem,6vw,6rem); }.entry-content > * { max-width:45rem; }.entry-content a { color:var(--orange); }.shop-intro { display:grid; grid-template-columns:1fr 1fr; gap:1rem 3rem; padding-bottom:3rem; border-bottom:2px solid var(--ink); }.shop-intro .eyebrow { grid-column:1/-1; margin:0; }.shop-intro h1,.shop-intro p { margin:0; }.woocommerce .products { margin-top:2rem!important; }.woocommerce ul.products li.product { width:calc(33.333% - 1rem)!important; margin:0 1.5rem 1.5rem 0!important; background:#e6ded1; padding:1rem; border:2px solid var(--ink); }.woocommerce ul.products li.product:nth-child(3n) { margin-right:0!important; }.woocommerce ul.products li.product a img { display:none!important; }.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size:1.45rem!important; color:var(--ink); }.woocommerce ul.products li.product .price { color:var(--ink)!important; font-weight:800; }.woocommerce a.button { border-radius:0!important; background:var(--orange)!important; color:var(--ink)!important; }.service-product__meta { display:flex; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; }.service-product__grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; }.service-product__visual { min-height:30rem; display:flex; justify-content:center; align-items:center; flex-direction:column; background:var(--orange); border:2px solid var(--ink); }.service-product__visual span { font-size:clamp(7rem,18vw,14rem); font-weight:900; line-height:.7; letter-spacing:-.15em; }.service-product__visual p { font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; font-weight:800; }.single-service .summary { float:none!important; width:auto!important; }.single-service .product_title { font-size:clamp(2.7rem,5vw,5rem); line-height:.85; letter-spacing:-.08em; }.single-service .price { color:var(--ink)!important; font-size:2rem!important; font-weight:900; }.single-service .quantity .qty { min-height:2.8rem; border:2px solid var(--ink); }.service-assurance { border-top:1px solid var(--line); margin-top:2rem; padding-top:1rem; font-size:.82rem; }.mobile-purchase-bar { display:none; }
@media (max-width: 800px) { .primary-nav { display:none; }.mobile-nav { display:block; position:relative; }.mobile-nav summary { list-style:none; cursor:pointer; font-size:.72rem; font-weight:900; text-transform:uppercase; }.mobile-nav summary::-webkit-details-marker { display:none; }.mobile-nav summary span { display:inline-block; font-size:1.1rem; line-height:.6; }.mobile-nav[open] summary span { transform:rotate(45deg); }.mobile-nav nav { position:fixed; z-index:21; top:calc(4.3rem + env(safe-area-inset-top)); left:max(1rem, env(safe-area-inset-left)); right:max(1rem, env(safe-area-inset-right)); max-height:calc(100dvh - 5.3rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)); overflow-y:auto; padding:1rem; background:var(--paper); border:2px solid var(--ink); box-shadow:var(--shadow); }.mobile-menu { list-style:none; padding:0; margin:0; }.mobile-menu li + li { border-top:1px solid var(--line); }.mobile-menu a { display:block; padding:.8rem 0; text-decoration:none; font-weight:800; }.header-inner { min-height:4.3rem; }.hero { grid-template-columns:1fr; min-height:0; gap:2rem; }.hero-art { min-height:24rem; }.proof-inner,.section-heading,.faq-section,.shop-intro,.service-product__grid { grid-template-columns:1fr; }.contact-bottom { grid-template-columns:1fr; }.featured-playlist { grid-template-columns:1fr; }.proof-inner { align-items:start; }.section-heading > p,.carousel-heading-end { margin-left:0; }.service-grid,.process-grid,.testimonial-grid,.case-study-grid { grid-template-columns:1fr; }.service-card { min-height:23rem; }.availability-band { align-items:start; flex-direction:column; }.artist-track { padding-left:1.25rem; }.track-grid { grid-template-columns:1fr; }.process-grid li,.process-grid li+li { padding:1.2rem 0; border-right:0; border-bottom:1px solid var(--line); min-height:0; }.process-grid h3 { margin-top:1rem; }.contact-actions { align-items:flex-start; flex-direction:column; }.footer-top,.footer-bottom { flex-direction:column; }.woocommerce ul.products li.product { width:100%!important; margin-right:0!important; }.site-footer { padding-bottom:max(5rem, calc(1.4rem + env(safe-area-inset-bottom))); }.mobile-purchase-bar { display:block; position:fixed; z-index:19; bottom:0; left:0; right:0; padding:1rem calc(1.25rem + env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) calc(1.25rem + env(safe-area-inset-left)); background:var(--orange); color:var(--ink); border-top:2px solid var(--ink); text-align:center; text-decoration:none; font-size:.78rem; font-weight:900; text-transform:uppercase; } }
.instrumentals-section,.beatstars-page { background:var(--ink); color:var(--paper); }.instrumentals-promo { display:grid; grid-template-columns:1.15fr .85fr; gap:2rem; align-items:end; }.instrumentals-promo > div:last-child { max-width:32rem; }.beatstars-player,.beatstars-empty { border:2px solid var(--paper); padding:clamp(1.25rem,4vw,3rem); min-height:22rem; display:grid; align-content:center; gap:1rem; }.beatstars-player iframe { width:100%; min-height:560px; border:0; background:var(--paper); }.beatstars-player .button { justify-self:start; }.beatstars-empty h2 { font-size:clamp(2.3rem,5vw,5rem); margin-bottom:1rem; }.beatstars-page .text-green,.instrumentals-section .text-green { color:var(--acid); }
@media (max-width: 800px) { .instrumentals-promo { grid-template-columns:1fr; }.beatstars-player iframe { min-height:460px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; }.button,.header-cta,.faq-list summary span { transition:none; }.artist-track { scroll-behavior:auto; } }
.studio-project { margin:0 0 1.5rem; padding:clamp(1.25rem,3vw,2rem); border:1px solid rgba(255,255,255,.16); background:var(--ink); color:var(--paper); }.studio-project__header { display:grid; grid-template-columns:1fr auto; gap:.5rem 1rem; align-items:end; }.studio-project__header .eyebrow,.studio-project__header h2 { grid-column:1; margin:0; }.studio-project__header h2 { font-size:clamp(2rem,4vw,4rem); }.studio-project__status { grid-column:2; grid-row:1 / span 2; align-self:center; padding:.45rem .7rem; border:1px solid currentColor; color:var(--acid); }.studio-project section { margin-top:1.5rem; }.studio-project dl { display:grid; grid-template-columns:minmax(9rem,.35fr) 1fr; gap:.5rem 1rem; }.studio-project dt { color:#b8b5ae; }.studio-project dd { margin:0; }.studio-project__downloads ul { display:flex; flex-wrap:wrap; gap:.75rem; padding:0; list-style:none; }.studio-project__correction form { display:grid; gap:.75rem; max-width:46rem; }.studio-project__correction input[type=file] { padding:.8rem; border:1px solid var(--paper); color:var(--paper); }.studio-project .button--outline { border-color:var(--paper); color:var(--paper); box-shadow:3px 3px 0 var(--paper); }
@media (max-width:42rem) { .studio-project__header { grid-template-columns:1fr; }.studio-project__status { grid-column:1; grid-row:auto; justify-self:start; }.studio-project dl { grid-template-columns:1fr; } }