/* Small material and interaction details live on the content, not in extra panels. */

/* A satin finish catches the light across the fixed homepage signature. */
.hero-copy h1 em{width:fit-content;position:relative;color:#ff755d;text-shadow:none;filter:drop-shadow(0 3px 0 #6d2019) drop-shadow(0 6px 15px #09060660)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .hero-copy h1 em{background:linear-gradient(110deg,#f86147 10%,#ff9778 29%,#fff2d9 38%,#ffb69b 44%,#ed523e 57%,#ff795b 80%);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:signature-light 9s ease-in-out infinite}
 .five-number{background:linear-gradient(140deg,#fff7e6 15%,#d29b76 42%,#fff4df 49%,#a46548 72%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px #0008)}
 .home-beat-rail h2 em,.shop-heading h1 em,.hub-hero h1 em,.manifesto h2 em{background:linear-gradient(115deg,#7b2118 5%,#bf3823 38%,#8d2920 52%,#cf5835 65%,#8c251a 85%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}
}
.hero-tag{position:relative;overflow:hidden;border:1px solid #ead2b477;box-shadow:inset 0 1px 0 #fff2;color:#fff0dd}
.hero-tag:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#ffecd63d 50%,transparent 70%);transform:translateX(-110%);animation:tag-light 10s ease-in-out infinite;pointer-events:none}
.hero-number{color:#f4c5a7;text-shadow:0 1px 0 #6c3622}

/* Video stills acquire a light pass and a luminous play control on interaction. */
.card-image:before{content:'';position:absolute;inset:-20%;z-index:1;background:linear-gradient(112deg,transparent 38%,#fff4dc35 48%,#fff9ed0c 54%,transparent 62%);transform:translateX(-110%);pointer-events:none;transition:transform .85s var(--ease-out)}
.card-image:is(:hover,:focus-visible):before{transform:translateX(110%)}
.card-image .play-icon{z-index:2;background:linear-gradient(135deg,#30221bcc,#120e0ddd);border-color:#f0cba9aa;box-shadow:inset 0 1px 0 #fff3,0 3px 15px #0003}
.play-icon:before{content:'';position:absolute;inset:-5px;border:1px solid #f2be974d;border-top-color:#fff0d1;border-radius:50%;opacity:0;transform:rotate(-40deg) scale(.9);transition:opacity .3s,transform .55s}
.card-image:is(:hover,:focus-visible) .play-icon:before{opacity:1;transform:rotate(35deg) scale(1)}
.card-image:is(:hover,:focus-visible) .play-icon{background:linear-gradient(135deg,#ed6740,#a3231b);box-shadow:0 0 22px #df674363,inset 0 1px 0 #fff5}
.card-tag{z-index:2;border:1px solid #c9a17b75;border-radius:2px;background:#171313dc;backdrop-filter:blur(5px);color:#f6e2cc}
.card-title{text-underline-offset:5px;text-decoration-thickness:1px;text-decoration-color:#b7342355}
.card-title:is(:hover,:focus-visible){text-decoration-line:underline}
.save-video{transition:color .25s,transform .3s var(--ease-out)}
.save-video.is-saved{transform:scale(1.12);text-shadow:0 2px 9px #c4312329}
.five-card:before{content:'';position:absolute;inset:10px;border-top:1px solid #ebc5a685;border-right:1px solid #ebc5a600;z-index:1;pointer-events:none;transform:scaleX(.22);transform-origin:left;transition:transform .55s,border-color .55s}
.five-card:is(:hover,:focus-visible):before{transform:scaleX(1);border-right-color:#ebc5a685}
.five-card>div>span{display:inline-block;transition:transform .35s}
.five-card:is(:hover,:focus-visible)>div>span{transform:translateX(4px)}
body:has(.nav[data-tab="rising"].active) #feed-title{position:relative;width:fit-content}
body:has(.nav[data-tab="rising"].active) #feed-title:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:3px;transform:rotate(-2deg);background:linear-gradient(90deg,#ad2d20,#e8754f 58%,#ad2d2010);border-radius:50%}

/* A warm light follows a fine pointer; this also has a static keyboard treatment. */
:is(.directory-card,.article-card,.kit-capture,.resource-callout){--spot-x:50%;--spot-y:35%}
.directory-card:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(180px circle at var(--spot-x) var(--spot-y),#ffdfb562,transparent 75%);opacity:0;pointer-events:none;transition:opacity .3s}
.directory-card:is(:hover,:focus-within):after{opacity:1}
.directory-card .producer-body,.directory-card .producer-portrait{position:relative;z-index:1}
.producer-portrait:after{content:'';position:absolute;inset:0;border:1px solid #caa48470;border-radius:inherit;background:linear-gradient(125deg,transparent 37%,#fff1d42c 47%,transparent 56%);background-size:250% 100%;background-position:110% 50%;pointer-events:none;transition:background-position .8s}
.directory-card:is(:hover,:focus-within) .producer-portrait:after{background-position:-60% 50%}
.producer-store{box-shadow:inset 0 1px 0 #b8997740,0 4px 9px #21160f15}
.producer-store span{transition:transform .3s}

/* The Playbook is a real object: a small cover, paper edges, and a red bookmark. */
.playbook-word{position:relative;display:inline-block}
.playbook-word:after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#b12a1e,#da794b 65%,#d5ab7780);transform:rotate(-1.5deg);transform-origin:left}
.resource-callout{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:25px;padding:28px 30px;background:radial-gradient(250px circle at var(--spot-x) var(--spot-y),#fff2dbe6,transparent 80%),#ece1d1;box-shadow:0 5px 0 -2px #d7c4ab,0 10px 0 -5px #e1d3c0,inset 0 1px 0 #fffb}
.resource-cover{position:relative;transform:rotate(-5deg);transition:transform .4s var(--ease-out);box-shadow:4px 4px 0 #cec0aa,8px 9px 15px #54321b1a}
.resource-cover img{display:block;width:100%;height:auto}
.resource-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 28%,#fff8e638 44%,transparent 59%);pointer-events:none}
.resource-callout:is(:hover,:focus-within) .resource-cover{transform:rotate(0) translateY(-2px)}
.resource-copy{min-width:0}
.resource-copy .eyebrow{color:#963523;font-weight:700}
.resource-copy h3{line-height:1}
.article-card{border-top:2px solid #bd8a68;background:radial-gradient(220px circle at var(--spot-x) var(--spot-y),#fff7e980,transparent 80%),linear-gradient(130deg,#ede5d9,#f8f4ed)}
.article-card:after{right:18px;top:0;width:14px;height:35px;border:0;border-radius:0;background:linear-gradient(90deg,#a4291e,#dc6841,#a4291e);box-shadow:1px 2px 3px #74371820;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);transition:height .35s}
.article-card:is(:hover,:focus-visible):after{height:47px;transform:none}
.article-card .article-number{font-size:34px;color:#9b573b;text-shadow:0 1px 0 #fff}
.article-card small{border-top:1px solid #c4ad9270;width:100%;padding-top:14px;letter-spacing:.6px;transition:color .3s}
.article-card:is(:hover,:focus-visible) small{color:#772718}

/* Real lead offers get a gilded edge, while their buttons remain the focal point. */
.kit-capture{background:radial-gradient(240px circle at var(--spot-x) var(--spot-y),#ffe1b97a,transparent 85%),#fff9ee}
.kit-capture:after{content:'';position:absolute;inset:7px;border:1px solid #b8894b24;border-radius:0 19px 0 0;pointer-events:none}
.kit-free-label{padding:5px 8px;border:1px solid #a7553045;background:linear-gradient(115deg,#f1d0a947,#fff8e8,#f1d0a947);border-radius:2px;letter-spacing:1.1px}
.network-teaser button{position:relative;min-height:44px;padding:10px 0;border-bottom:1px solid #b63d28}
.network-teaser button>span{transition:transform .3s}
.network-teaser button:is(:hover,:focus-visible)>span{transform:translate(3px,-3px)}

/* A compact reminder leads into the first-visit release-kit signup. */
.home-release-kit{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 4.5%;padding:27px 0;border-bottom:1px solid #cdbba6}
.home-kit-copy{min-width:0}
.home-release-kit h2{font:700 34px/1.05 var(--display);text-transform:uppercase;margin:0 0 8px;color:#221c18}
.home-release-kit h2>span{color:var(--red)}
.home-kit-copy p{font-size:16px;line-height:1.6;color:#625649;margin:0}
.home-release-kit .home-kit-cta{flex-shrink:0;min-width:275px;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:15px 22px;font-size:19px;font-weight:700;line-height:1.35;box-shadow:0 8px 22px #a2312320,inset 0 1px 0 #fff5}
.primary.mailing-list-cta{text-align:left;gap:20px;justify-content:space-between}.mailing-list-cta>span:first-child{min-width:0}.mailing-list-cta small{display:block;font-size:14px;line-height:1.5;font-weight:500;letter-spacing:0;text-transform:none;margin-top:3px}.mailing-list-cta>.cta-arrow{flex-shrink:0}
.network-offer-header>div{min-width:0}
#network-dialog.kit-offer{width:calc(100% - 28px);max-width:540px;padding:32px;max-height:90dvh}
.kit-offer .join-mark{display:none}
.kit-offer .network-offer-header{display:flex;align-items:center;gap:22px;padding-right:18px;margin:0 0 22px}
#network-kit-cover{width:72px;height:auto;flex:0 0 72px;box-shadow:4px 4px 0 #a685622e,8px 8px 15px #0003;transform:rotate(-5deg)}
#network-dialog.kit-offer .eyebrow{font-size:12px;line-height:1.45;letter-spacing:.7px;color:#efaa84;margin:0 0 8px}
#network-dialog.kit-offer h2{font-size:44px;line-height:.98}
#network-dialog.kit-offer #network-intro{font-size:16px;line-height:1.6;color:#e4d9cb;margin:0 0 22px}
.kit-offer #network-form .form-row{display:block}
.kit-offer #network-form label:not(.consent):not(.honeypot){display:block}
.kit-offer #network-form input:not([type="checkbox"]),.kit-offer #network-form select{margin:7px 0 15px;padding:11px 12px;min-height:46px}
.kit-offer #network-form .consent{margin:4px 0 12px;font-size:14px;line-height:1.5}
.kit-offer #network-note{font-size:13px;line-height:1.5;margin:0 0 18px;color:#c6baac}
.kit-offer #network-form>.primary{width:100%;min-height:56px;justify-content:space-between;font-size:18px;padding:14px 18px}
.kit-offer #network-status:empty{display:none}
@media(max-width:700px){.home-release-kit{align-items:stretch;flex-direction:column;gap:18px;margin:0 5%;padding:24px 0}.home-release-kit h2{font-size:32px}.home-release-kit .home-kit-cta{width:100%;min-width:0;min-height:56px;font-size:18px}}
@media(max-width:480px){#network-dialog.kit-offer{padding:27px 22px;max-height:90dvh}.kit-offer .network-offer-header{gap:16px;padding-right:8px;margin-bottom:18px}#network-kit-cover{width:58px;flex-basis:58px}#network-dialog.kit-offer h2{font-size:38px}#network-dialog.kit-offer .eyebrow{font-size:12px;padding-right:10px}#network-dialog.kit-offer #network-intro{margin-bottom:18px}}

/* Merch keeps its existing footprint and becomes a stitched, foil-printed panel. */
.merch-art{background:repeating-linear-gradient(115deg,#ffffff03 0 1px,transparent 1px 4px),radial-gradient(ellipse at 100% 0%,#593d2d,#24201d 65%);color:#f6e5cb;border:1px solid #78614b;box-shadow:8px 10px 0 #d1c0aa,inset 0 0 0 7px #1b1714}
.merch-art:before{content:'';position:absolute;inset:14px;border:1px dashed #b1916a6e;border-radius:0 30px 0 0;pointer-events:none}
.merch-art:after{color:#e7b98c12}
.merch-art>span{position:relative;color:#f5dfbf;text-shadow:0 2px 0 #0d0c0a,0 -1px 0 #fff2}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .merch-art em{background:linear-gradient(110deg,#d09966 18%,#fff2cd 40%,#edc49a 48%,#b48056 67%,#f2d4a6 84%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;animation:signature-light 10s ease-in-out infinite}
}
.merch-art small{color:#e0c19a;z-index:1}
#merch-empty{position:relative;border-top:3px solid #b14228;border-radius:3px 23px 3px 3px;background:linear-gradient(110deg,#e9ddc9,#f5eee3);box-shadow:inset 0 1px 0 #fff}
.shop-heading h1 em{font-style:normal}

/* Polished dialog edges and focused fields carry the finish into actual actions. */
dialog:not(#player):not(#artist-dialog){border:1px solid #937052;border-top:3px solid #cc5c3c;border-radius:4px 25px 4px 4px;background:radial-gradient(ellipse at 100% 0%,#35241c,#151313 40%);box-shadow:0 30px 100px #0007}
dialog input:not([type="checkbox"]):focus-visible,dialog select:focus-visible,dialog textarea:focus-visible{border-color:#e3ae86;outline-color:#d97953;box-shadow:0 0 0 4px #cb61361a}
dialog .close{border:1px solid #a7866355;border-radius:50%;background:#1e1916;transition:color .2s,border-color .2s}
dialog .close:is(:hover,:focus-visible){color:#ffc6a4;border-color:#c28c66}

@keyframes signature-light{0%,18%{background-position:100% 50%}70%,100%{background-position:0% 50%}}
@keyframes tag-light{0%,65%{transform:translateX(-110%)}95%,100%{transform:translateX(110%)}}
[data-motion-scene]:not(.motion-visible) :is(.hit-bling-word,.hit-sparkle,.hero-copy h1 em,.merch-art em),[data-motion-scene]:not(.motion-visible) .hero-tag:after{animation-play-state:paused}
@media(max-width:900px){.resource-callout{grid-template-columns:68px minmax(0,1fr);gap:20px}.resource-callout>.primary{grid-column:2;justify-self:start}.resource-cover{grid-row:1/3}.resource-copy h3{font-size:30px}}
@media(max-width:760px){.resource-callout{padding:24px 20px;grid-template-columns:64px minmax(0,1fr);gap:18px}.resource-cover{grid-row:auto}.resource-callout>.primary{grid-column:1/-1;width:100%;justify-content:space-between;min-height:52px}.resource-copy h3{font-size:28px}.resource-copy p:not(.eyebrow){font-size:11px}.resource-copy .eyebrow{font-size:8px;letter-spacing:1px}.merch-art{box-shadow:5px 7px 0 #d1c0aa}.five-card:is(:hover,:focus-visible){transform:none}}
@media(prefers-reduced-motion:reduce){.hero-copy h1 em,.hero-tag:after,.merch-art em{animation:none!important}.hero-tag:after{display:none}.card-image:before,.producer-portrait:after{transition:none;display:none}.resource-cover,.five-card>div>span,.save-video{transition:none}}
@media(forced-colors:active){.hero-copy h1 em,.five-number,.home-beat-rail h2 em,.shop-heading h1 em,.hub-hero h1 em,.manifesto h2 em,.merch-art em,.hit-bling-word{background:none;color:CanvasText;-webkit-text-stroke:0;filter:none}.hit-sparkle{display:none}}