:root { --ink:#171714; --paper:#efeadc; --acid:#c9e246; --rust:#d55432; --tan:#c9b28a; --line:rgba(23,23,20,.25); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Mono", monospace; font-size:14px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease; }.reveal.is-visible { opacity:1; transform:none; }
.site-grain { pointer-events:none; position:fixed; inset:0; z-index:10; opacity:.1; 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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"); }
.site-header { position:relative; z-index:4; width:100%; padding:26px clamp(20px,5vw,72px); display:flex; justify-content:flex-end; align-items:flex-start; color:var(--paper); background:var(--ink); }
.wordmark { color:inherit; text-decoration:none; font:700 18px/.82 "Oswald",sans-serif; letter-spacing:-.8px; }
.site-nav { display:flex; gap:clamp(14px,2vw,30px); font-size:11px; text-transform:uppercase; }
.site-nav a { color:inherit; text-decoration:none; border-bottom:1px solid transparent; padding-bottom:4px; }
.site-nav a:hover { border-color:currentColor; }
.menu-toggle { display:none; }
.hero { background:var(--ink); color:var(--paper); }.hero-photo { line-height:0; background:#050505; }.hero-photo img { display:block; width:100%; height:auto; }.hero-copy { width:100%; min-height:385px; padding:56px 24px 66px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; border-bottom:1px solid rgba(239,234,220,.2); }
.eyebrow,.section-kicker { text-transform:uppercase; letter-spacing:.06em; font-size:10px; line-height:1.5; }
.eyebrow span { color:var(--acid); padding:0 7px; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-family:"Oswald",sans-serif; text-transform:uppercase; font-weight:600; }
.hero-logo { display:block; width:100%; max-width:515px; filter:drop-shadow(0 18px 35px rgba(0,0,0,.7)); }.genre { margin:22px 0 10px; font:400 clamp(17px,2vw,25px)/1 "Instrument Serif",serif; } h1 em,h2 em { color:var(--acid); font-family:"Instrument Serif",serif; font-weight:400; text-transform:none; letter-spacing:-.05em; }.genre span { color:var(--acid); padding:0 8px; }.hero-single { margin:0 0 24px; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }.hero-single strong { display:inline-block; padding-left:8px; color:var(--acid); font-weight:500; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; }.button { display:inline-flex; gap:24px; align-items:center; padding:15px 18px; text-decoration:none; text-transform:uppercase; letter-spacing:.04em; font-size:10px; transition:transform .2s, background .2s; }
.button:hover { transform:translate(-3px,-3px); }.button--light { color:var(--ink); background:var(--acid); }.button--dark { color:var(--paper); background:var(--ink); }.button--ghost { color:var(--paper); border:1px solid rgba(239,234,220,.55); }
.scroll-cue { display:none; }
.ticker { overflow:hidden; white-space:nowrap; color:var(--ink); background:var(--acid); border-bottom:1px solid var(--ink); font:600 17px/1 "Oswald",sans-serif; letter-spacing:.03em; text-transform:uppercase; }.ticker div { display:inline-flex; align-items:center; gap:24px; min-width:max-content; padding:14px 0; animation:ticker 24s linear infinite; }.ticker i { color:var(--rust); font-style:normal; font-size:13px; } @keyframes ticker { to { transform:translateX(-50%); } }
.section-pad { padding:120px clamp(20px,10vw,150px); }.section-kicker { color:var(--rust); margin-bottom:48px; }
h2 { font-size:clamp(55px,7.6vw,118px); line-height:.83; letter-spacing:-.06em; margin:0; }.intro { font:400 clamp(21px,2.1vw,31px)/1.05 "Instrument Serif",serif; max-width:370px; }
.music-copy { max-width:420px; margin:26px 0 0; font:400 20px/1.2 "Instrument Serif",serif; }
.music { background:var(--paper); }.music-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(50px,10vw,170px); align-items:end; }.release-card { border-top:1px solid var(--ink); padding-top:18px; display:grid; grid-template-columns:1fr 1fr; gap:25px; }.record-art { aspect-ratio:1; position:relative; overflow:hidden; padding:19px; background:var(--rust); color:var(--paper); font-family:"Oswald",sans-serif; line-height:.8; }.record-art:before { content:""; position:absolute; width:78%; height:78%; left:35%; top:24%; border-radius:50%; background:var(--ink); box-shadow:0 0 0 18px var(--rust),0 0 0 21px var(--ink),0 0 0 39px var(--rust); }.record-art span { font-size:clamp(16px,2vw,28px); position:relative; z-index:1; }.record-art strong { position:absolute; z-index:1; bottom:16px; right:17px; color:var(--acid); font-size:clamp(29px,4vw,58px); text-align:right; }.record-art i { position:absolute; z-index:2; width:12px; height:12px; border-radius:50%; background:var(--acid); left:calc(74% - 6px); top:calc(63% - 6px); }.release-info { display:flex; flex-direction:column; align-items:flex-start; }.release-info .eyebrow { color:var(--rust); }.release-info h3 { font-size:clamp(40px,5vw,70px); line-height:.9; margin:13px 0; }.release-info p:not(.eyebrow) { font-size:11px; }.text-link { color:var(--ink); display:inline-block; text-decoration:none; font-size:11px; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid var(--ink); margin-top:auto; }.text-link span { color:var(--rust); padding-left:9px; }.placeholder-note { color:#665e50; font-size:10px; line-height:1.5; margin-top:30px; }
.about { color:var(--paper); background:var(--ink); }.about .section-kicker { color:var(--acid); }.about-grid { display:grid; grid-template-columns:1.4fr .6fr; gap:70px; }.bio { border-left:1px solid var(--acid); padding-left:25px; align-self:end; }.bio p { font:400 23px/1.14 "Instrument Serif",serif; margin-bottom:34px; }.about .text-link { color:var(--paper); border-color:var(--paper); }.about .text-link span { color:var(--acid); }
.sound-points { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:90px; border-top:1px solid rgba(239,234,220,.32); border-bottom:1px solid rgba(239,234,220,.32); }.sound-points span { padding:20px 16px 20px 0; text-transform:uppercase; font-size:10px; letter-spacing:.06em; }.sound-points span + span { padding-left:16px; border-left:1px solid rgba(239,234,220,.32); }
.shop { background:var(--paper); }.shop-grid { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:clamp(45px,11vw,160px); }.shop-poster { min-height:440px; position:relative; display:flex; flex-direction:column; justify-content:space-between; padding:24px; overflow:hidden; color:var(--paper); background:var(--rust); border:1px solid var(--ink); }.shop-poster:before,.shop-poster:after { content:""; position:absolute; border:1px solid rgba(23,23,20,.8); border-radius:50%; width:520px; aspect-ratio:1; }.shop-poster:before { right:-230px; top:-260px; }.shop-poster:after { left:-350px; bottom:-330px; }.shop-poster p,.shop-poster span,.shop-poster i { position:relative; z-index:1; margin:0; }.shop-poster p { font:600 clamp(35px,5vw,75px)/.79 "Oswald",sans-serif; letter-spacing:-.06em; }.shop-poster span { align-self:flex-end; color:var(--acid); font:600 clamp(28px,4vw,58px)/.78 "Oswald",sans-serif; letter-spacing:-.05em; text-align:right; }.shop-poster i { position:absolute; font-style:normal; font-size:150px; color:var(--tan); right:30%; top:32%; }.shop-bottom { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--ink); margin-top:26px; padding-top:18px; gap:25px; }.shop-bottom p { margin:0; max-width:430px; font-size:10px; line-height:1.5; color:#665e50; }
.product-card { background:var(--ink); border:1px solid var(--ink); }.product-card img { display:block; width:100%; aspect-ratio:1.1 / 1; object-fit:cover; object-position:center; }.product-info { padding:20px; color:var(--paper); }.product-info .eyebrow { margin:0 0 12px; color:var(--acid); }.product-info h3 { margin:0; font-size:clamp(30px,4vw,50px); line-height:.9; letter-spacing:-.05em; }.product-price { margin:16px 0 4px; color:var(--acid); font:400 27px/1 "Instrument Serif",serif; }.product-info span { color:#a9a69b; font-size:9px; text-transform:uppercase; letter-spacing:.05em; }.shop-bottom { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--ink); margin-top:26px; padding-top:18px; gap:25px; }.shop-bottom p { margin:0; max-width:430px; font-size:10px; line-height:1.5; color:#665e50; }
.members { background:var(--tan); }.band-photo { position:relative; margin:0 0 80px; overflow:hidden; background:var(--ink); }.band-photo img { display:block; width:100%; aspect-ratio:2.35 / 1; object-fit:cover; }.band-photo:after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 0 1px rgba(23,23,20,.65),inset 0 -110px 90px -65px rgba(0,0,0,.88); pointer-events:none; }.band-photo figcaption { position:absolute; z-index:1; bottom:16px; left:18px; color:var(--paper); text-transform:uppercase; letter-spacing:.08em; font-size:9px; }.members-top { display:flex; justify-content:space-between; align-items:end; margin-bottom:60px; }.members-top .section-kicker { margin:0 0 8px; }.member { min-height:122px; border-top:1px solid var(--ink); display:grid; grid-template-columns:70px 1fr 1fr 35px; gap:15px; align-items:center; position:relative; transition:background .2s,padding .2s; }.member:last-child { border-bottom:1px solid var(--ink); }.member:hover { background:var(--acid); padding-left:14px; }.member-number { font-size:10px; }.member h3 { margin:0; cursor:pointer; font-size:clamp(28px,4vw,54px); line-height:1; letter-spacing:-.04em; }.member > p { margin:0; font-size:11px; }.member-mark { font:italic 56px "Instrument Serif",serif; text-align:right; }.member-bio { grid-column:2 / 4; padding-bottom:20px; }.member-bio summary { width:max-content; list-style:none; cursor:pointer; padding:7px 0; border-bottom:1px solid currentColor; text-transform:uppercase; letter-spacing:.05em; font-size:10px; }.member-bio summary::-webkit-details-marker { display:none; }.member-bio summary span { padding-left:16px; font-size:14px; }.member-bio[open] summary span { display:inline-block; transform:rotate(45deg); }.member-bio div { max-width:720px; margin-top:20px; padding-left:18px; border-left:1px solid var(--rust); }.member-bio div p { font:400 18px/1.2 "Instrument Serif",serif; margin:0 0 15px; }.member-bio div p:last-child { margin-bottom:0; }.member h3::after { content:"Read bio ↗"; display:block; margin-top:8px; color:var(--rust); font:500 9px/1 "DM Mono",monospace; letter-spacing:.06em; text-transform:uppercase; opacity:.75; }.member:hover h3::after { opacity:1; }.member-bio summary { display:none; }
.live { background:var(--acid); }.live-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(50px,12vw,190px); align-items:end; }.booking-box { background:var(--paper); padding:clamp(30px,5vw,70px); }.booking-box h3 { font-size:clamp(45px,6vw,85px); line-height:.84; letter-spacing:-.06em; margin:24px 0; }.booking-box > p:not(.eyebrow) { font:400 20px/1.1 "Instrument Serif",serif; max-width:275px; margin-bottom:38px; }
.contact { min-height:600px; background:var(--rust); color:var(--paper); }.contact .section-kicker { color:var(--ink); }.contact > p:not(.placeholder-note) { margin:44px 0 10px; font-size:11px; text-transform:uppercase; }.contact-placeholder { color:var(--acid); font:clamp(20px,3.8vw,60px)/1 "Oswald",sans-serif; text-decoration:none; border-bottom:2px solid var(--acid); overflow-wrap:anywhere; }.contact-placeholder span { font-family:"DM Mono",monospace; font-size:.5em; vertical-align:middle; }.contact .placeholder-note { color:var(--paper); } footer { display:flex; padding:30px clamp(20px,5vw,72px); background:var(--ink); color:var(--paper); justify-content:space-between; align-items:flex-end; } footer p { margin:0; font-size:9px; text-transform:uppercase; color:#a9a69b; }
@media (max-width:700px) { .site-header { padding-top:20px; }.site-nav { position:absolute; top:0; right:0; width:100%; padding:88px 20px 28px; background:var(--ink); display:none; flex-direction:column; gap:20px; font-size:12px; }.site-nav.open { display:flex; }.menu-toggle { display:block; border:0; background:transparent; padding:8px 0 8px 15px; position:relative; z-index:2; }.menu-toggle span { display:block; width:26px; height:1px; background:var(--paper); margin:6px 0; }.hero-copy { min-height:0; padding:38px 20px 46px; }.hero-logo { max-width:320px; }.section-pad { padding:85px 20px; }.music-grid,.about-grid,.live-grid,.shop-grid { grid-template-columns:1fr; }.release-card { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:15px; }.about-grid { gap:50px; }.bio { padding-left:18px; }.bio p { font-size:21px; }.sound-points { grid-template-columns:1fr; margin-top:60px; }.sound-points span + span { padding-left:0; border-left:0; border-top:1px solid rgba(239,234,220,.32); }.shop-poster { min-height:330px; }.shop-bottom { display:block; }.shop-bottom .button { margin-top:20px; }.band-photo { margin-bottom:55px; }.band-photo img { aspect-ratio:auto; }.members-top { display:block; }.members-top .section-kicker { margin-bottom:40px; }.member { grid-template-columns:34px 1fr 25px; padding:17px 0; min-height:0; }.member h3 { font-size:35px; }.member p { grid-column:2; }.member-mark { grid-column:3; grid-row:1 / span 2; font-size:42px; }.live-grid { gap:45px; } footer { display:grid; gap:22px; align-items:start; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; } .reveal { opacity:1; transform:none; } }
.signup { color:var(--paper); background:var(--rust); }.signup .section-kicker { color:var(--acid); }.signup-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(50px,12vw,190px); align-items:start; }.signup .intro { max-width:330px; }.signup-form { display:grid; gap:12px; max-width:520px; }.signup-form > label,.sms-preview > label { font-size:10px; text-transform:uppercase; letter-spacing:.06em; }.signup-form input[type="email"],.signup-form input[type="tel"] { width:100%; border:0; border-bottom:1px solid rgba(239,234,220,.75); border-radius:0; padding:13px 0; background:transparent; color:var(--paper); font:14px "DM Mono",monospace; outline:0; }.signup-form input::placeholder { color:rgba(239,234,220,.62); }.signup-form input:focus { border-color:var(--acid); }.consent { display:flex; gap:10px; align-items:flex-start; margin:6px 0 13px; font-size:10px; line-height:1.5; }.consent input { margin:2px 0 0; accent-color:var(--acid); }.sms-preview { margin-top:6px; padding-top:20px; border-top:1px solid rgba(239,234,220,.35); }.sms-preview small { color:var(--acid); margin-left:8px; }.signup-form input:disabled { cursor:not-allowed; opacity:.55; }.consent--disabled { color:rgba(239,234,220,.65); }.signup .button { justify-self:start; margin-top:6px; }.form-note { margin:0; color:rgba(239,234,220,.78); font-size:9px; line-height:1.5; }.form-note.is-visible { color:var(--acid); }
.name-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.name-fields label { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.06em; }.name-fields input { width:100%; border:0; border-bottom:1px solid rgba(239,234,220,.75); border-radius:0; padding:13px 0; background:transparent; color:var(--paper); font:14px "DM Mono",monospace; outline:0; }.name-fields input:focus { border-color:var(--acid); }
footer a { color:inherit; text-decoration:none; } footer p a { border-bottom:1px solid currentColor; padding-bottom:2px; }
.legal-page { background:var(--paper); color:var(--ink); }.legal-header { display:flex; justify-content:space-between; align-items:flex-start; padding:28px clamp(20px,5vw,72px); border-bottom:1px solid var(--line); }.legal-header .wordmark { color:var(--ink); }.legal-content { max-width:850px; padding:100px clamp(20px,10vw,150px); }.legal-content h1 { color:var(--ink); font-size:clamp(65px,10vw,140px); }.legal-content h1 em { color:var(--rust); }.legal-updated { margin:35px 0; font-size:10px; text-transform:uppercase; letter-spacing:.06em; }.legal-notice { padding:18px; margin:0 0 55px; border-left:3px solid var(--rust); background:#e1d8c7; font:400 19px/1.2 "Instrument Serif",serif; }.legal-content section { max-width:690px; margin:0 0 42px; }.legal-content section h2 { font:500 31px/1 "Oswald",sans-serif; letter-spacing:-.03em; margin-bottom:11px; }.legal-content section p { font:400 18px/1.45 "Instrument Serif",serif; margin:0; }
@media (max-width:700px) { .signup-grid { grid-template-columns:1fr; } .legal-content { padding:70px 20px; } }
@media (max-width:450px) { .name-fields { grid-template-columns:1fr; gap:12px; } }

/* Targeted refinements: larger signup controls, photo-ready member bios, and uncropped merch. */
.signup-form { max-width:610px; gap:18px; }
.signup-form > label,.sms-preview > label,.name-fields label { font-size:11px; }
.signup-form input[type="email"],.signup-form input[type="tel"],.name-fields input { min-height:58px; padding:18px 0; font-size:17px; border-bottom-width:2px; }
.consent { gap:14px; margin:10px 0 17px; font-size:12px; line-height:1.6; }
.consent input { width:20px; height:20px; flex:0 0 20px; margin:0; }
.signup .button { padding:19px 24px; font-size:11px; }
.form-note { font-size:10px; }
.product-card img { height:auto; aspect-ratio:auto; object-fit:contain; background:#242421; }
.members-intro { margin:14px 0 0; max-width:320px; font:400 19px/1.2 "Instrument Serif",serif; }
.member-mark { display:none; }
.member.has-member-photo .member-mark { display:block; width:64px; height:64px; overflow:hidden; border-radius:50%; border:1px solid var(--ink); }
.member.has-member-photo .member-mark img { display:block; width:100%; height:100%; object-fit:cover; }
.member-portrait { width:min(100%, 360px); margin:0 0 22px; overflow:hidden; background:var(--ink); }
.member-portrait img { display:block; width:100%; aspect-ratio:1 / 1; object-fit:cover; }
@media (max-width:700px) { .member.has-member-photo .member-mark { width:48px; height:48px; } }
.booking-management { display:grid; gap:5px; margin:-16px 0 34px; color:var(--ink); text-transform:uppercase; letter-spacing:.07em; }
.booking-management span { color:#665e50; font-size:9px; }
.booking-management strong { color:var(--rust); font:500 clamp(13px,1.25vw,17px)/1 "DM Mono",monospace; }
.shows { background:var(--paper); }.shows-intro { display:grid; grid-template-columns:1fr 1fr; gap:clamp(45px,10vw,160px); align-items:end; }.shows-intro .eyebrow { margin:0 0 22px; color:var(--rust); }.shows-copy { max-width:495px; padding-bottom:7px; }.shows-copy p { margin:0 0 18px; font:400 20px/1.2 "Instrument Serif",serif; }.shows-copy p:last-child { margin-bottom:0; }.shows-copy .shows-tagline { color:var(--rust); font:500 12px/1.3 "DM Mono",monospace; text-transform:uppercase; letter-spacing:.06em; }.event-card { display:grid; grid-template-columns:minmax(160px,.62fr) minmax(220px,1fr) minmax(180px,.8fr) auto; gap:clamp(20px,3vw,48px); align-items:end; margin-top:80px; padding:clamp(28px,4.5vw,58px); color:var(--paper); background:var(--ink); border:1px solid var(--ink); }.event-card__label { align-self:start; color:var(--acid); font-size:10px; line-height:1.5; letter-spacing:.07em; text-transform:uppercase; }.event-card__date { font:500 clamp(25px,3vw,48px)/.94 "Oswald",sans-serif; text-transform:uppercase; letter-spacing:-.04em; }.event-card__details h3 { margin:0 0 14px; font-size:clamp(30px,3.3vw,52px); line-height:.88; letter-spacing:-.05em; }.event-card__details h3 em { color:var(--acid); font-family:"Instrument Serif",serif; font-weight:400; text-transform:none; }.event-card__details p { margin:0; color:#d5d0c2; font-size:10px; line-height:1.5; text-transform:uppercase; letter-spacing:.05em; }.event-card__details p span { padding:0 6px; color:var(--acid); }.event-card .button { justify-self:start; white-space:nowrap; }
@media (max-width:900px) { .event-card { grid-template-columns:1fr 1fr; }.event-card .button { grid-column:1 / -1; } }
@media (max-width:700px) { .shows-intro,.event-card { grid-template-columns:1fr; }.shows-copy { padding:0; }.event-card { gap:26px; margin-top:55px; }.event-card .button { grid-column:auto; } }
.guest-list-details { grid-column:4; justify-self:start; }.guest-list-details summary { list-style:none; }.guest-list-details summary::-webkit-details-marker { display:none; }.guest-list-details summary.button { cursor:pointer; }.guest-list-details[open] { grid-column:1 / -1; width:100%; }.guest-list-details[open] summary { width:max-content; }.guest-list-details[open] summary span { display:inline-block; transform:rotate(180deg); }.guest-list-form { display:grid; gap:22px; margin-top:22px; padding-top:30px; border-top:1px solid rgba(239,234,220,.32); }.guest-list-form__fields { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px; }.guest-list-form label { display:grid; gap:9px; color:var(--paper); font-size:10px; letter-spacing:.06em; text-transform:uppercase; }.guest-list-form input { width:100%; min-width:0; border:0; border-bottom:1px solid rgba(239,234,220,.75); border-radius:0; padding:12px 0; color:var(--paper); background:transparent; font:14px "DM Mono",monospace; outline:0; }.guest-list-form input:focus { border-color:var(--acid); }.field-optional { color:rgba(239,234,220,.62); font-size:9px; letter-spacing:.04em; }.guest-list-form__note { max-width:800px; margin:0; color:#d5d0c2; font:400 18px/1.25 "Instrument Serif",serif; }.guest-list-form .button { justify-self:start; border:0; cursor:pointer; font-family:"DM Mono",monospace; }
.event-card__date { font-size:clamp(20px,2.1vw,34px); white-space:nowrap; letter-spacing:-.035em; }
@media (max-width:900px) { .guest-list-form__fields { grid-template-columns:1fr 1fr; } }
@media (max-width:700px) { .guest-list-form { grid-column:auto; }.guest-list-form__fields { grid-template-columns:1fr; } }
@media (max-width:700px) { .signup-form { max-width:none; }.signup-form input[type="email"],.signup-form input[type="tel"],.name-fields input { min-height:56px; font-size:16px; } }

/* Hidden until official account URLs are supplied. */
.social-links { display:flex; align-items:center; gap:10px; }
.social-links[hidden] { display:none; }
.social-link { display:grid; width:28px; height:28px; place-items:center; color:inherit; border:1px solid currentColor; border-radius:50%; }
.social-link svg { width:13px; height:13px; fill:currentColor; }
.social-link svg rect,.social-link svg circle { fill:none; stroke:currentColor; stroke-width:1.8; }
.social-link svg .social-dot { fill:currentColor; stroke:0; }
.social-link:hover { color:var(--acid); }
.social-links--header { margin-left:18px; }
.social-links--footer { color:var(--paper); }
.signup-form-heading { margin:0 0 2px; color:var(--acid); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.signup-form .button:disabled { opacity:.72; cursor:not-allowed; transform:none; }
.signup-action-copy { max-width:455px; margin:0; font:400 24px/1.08 "Instrument Serif",serif; }
.signup-form .button { width:max-content; }
.management-credit { display:grid; gap:5px; margin-top:34px; color:var(--paper); text-transform:uppercase; letter-spacing:.07em; }
.management-credit span { color:rgba(239,234,220,.7); font-size:9px; }
.management-credit strong { color:var(--acid); font:500 clamp(13px,1.25vw,17px)/1 "DM Mono",monospace; }
.product-info .product-price { display:inline; margin:0; color:var(--acid); font:400 .7em/1 "Instrument Serif",serif; white-space:nowrap; }
.product-status { margin:17px 0 20px; color:var(--acid); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.product-info .button { margin:0 0 20px; }
.merch-signup { margin:0; color:#a9a69b; font-size:10px; line-height:1.55; }
.merch-signup a { color:var(--paper); text-decoration:none; border-bottom:1px solid var(--acid); padding-bottom:2px; }
.hoodie-inquiry { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1fr); gap:clamp(35px,7vw,100px); margin-top:42px; padding:clamp(28px,5vw,56px); color:var(--paper); background:var(--ink); }
.hoodie-inquiry__heading .eyebrow { color:var(--acid); margin-bottom:18px; }.hoodie-inquiry__heading h3 { margin:0 0 20px; font-size:clamp(44px,5vw,76px); line-height:.83; letter-spacing:-.06em; }.hoodie-inquiry__heading p:not(.eyebrow) { max-width:275px; font:400 20px/1.13 "Instrument Serif",serif; }
.hoodie-inquiry__form { display:grid; gap:22px; }.inquiry-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.inquiry-fields label { display:grid; gap:9px; color:var(--paper); font-size:10px; letter-spacing:.06em; text-transform:uppercase; }.inquiry-fields input,.inquiry-fields select,.inquiry-fields textarea { width:100%; border:0; border-bottom:1px solid rgba(239,234,220,.75); border-radius:0; padding:12px 0; color:var(--paper); background:transparent; font:14px "DM Mono",monospace; outline:0; }.inquiry-fields select { color:var(--paper); }.inquiry-fields option { color:var(--ink); background:var(--paper); }.inquiry-fields textarea { resize:vertical; }.inquiry-fields input:focus,.inquiry-fields select:focus,.inquiry-fields textarea:focus { border-color:var(--acid); }.inquiry-message { grid-column:1 / -1; }.hoodie-inquiry__form .button { justify-self:start; }.inquiry-status { min-height:1.5em; margin:0; color:var(--acid); font-size:10px; line-height:1.5; }.inquiry-status.is-error { color:#ff9f88; }
.hoodie-inquiry__form button.button { border:0; cursor:pointer; font-family:"DM Mono",monospace; }
.contact-form { display:grid; max-width:710px; gap:22px; margin-top:38px; padding:clamp(25px,4vw,46px); color:var(--paper); border:1px solid rgba(239,234,220,.42); }
.contact-form__fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.contact-form__fields label { display:grid; gap:9px; color:var(--paper); font-size:10px; letter-spacing:.06em; text-transform:uppercase; }.contact-form__fields input,.contact-form__fields select,.contact-form__fields textarea { width:100%; border:0; border-bottom:1px solid rgba(239,234,220,.75); border-radius:0; padding:12px 0; color:var(--paper); background:transparent; font:14px "DM Mono",monospace; outline:0; }.contact-form__fields option { color:var(--ink); background:var(--paper); }.contact-form__fields textarea { resize:vertical; }.contact-form__fields input:focus,.contact-form__fields select:focus,.contact-form__fields textarea:focus { border-color:var(--acid); }.contact-form__message { grid-column:1 / -1; }.contact-form .button { justify-self:start; border:0; cursor:pointer; font-family:"DM Mono",monospace; }
@media (max-width:700px) { .contact-form__fields { grid-template-columns:1fr; }.contact-form__message { grid-column:auto; } }
.legal-page--privacy .legal-content section { max-width:720px; margin-bottom:48px; }.legal-page--privacy .legal-content section p { margin:0 0 18px; line-height:1.6; }.legal-page--privacy .legal-content section p:last-child { margin-bottom:0; }.legal-page--privacy .legal-content ul { margin:0 0 20px; padding-left:22px; font:400 18px/1.6 "Instrument Serif",serif; }.legal-page--privacy .legal-content li { padding-left:4px; margin:0 0 5px; }.legal-page--privacy .legal-content a { color:var(--rust); text-decoration-color:currentColor; text-underline-offset:3px; }.legal-page--privacy .legal-content > p { max-width:720px; margin-bottom:18px; font:400 18px/1.6 "Instrument Serif",serif; }
@media (max-width:700px) { .legal-page--privacy .legal-content section { margin-bottom:38px; }.legal-page--privacy .legal-content section p,.legal-page--privacy .legal-content ul,.legal-page--privacy .legal-content > p { font-size:17px; line-height:1.55; } }
@media (max-width:700px) { .hoodie-inquiry { grid-template-columns:1fr; }.inquiry-fields { grid-template-columns:1fr; }.inquiry-message { grid-column:auto; } }