:root {
  --paper: #f8f5ed;
  --paper-deep: #eee9dd;
  --ink: #302118;
  --muted: #776c60;
  --line: #d8d0c0;
  --green: #526a50;
  --green-dark: #344638;
  --green-light: #dfe5d6;
  --coral: #e97759;
  --gold: #d8ad68;
}

/* RfaSound independent visual identity */
.rfasound-page{--rb:#050612;--rp:#ff2bd6;--rc:#26e8ff;--rw:#f8f5ff;--rm:#9a9bb6;background:var(--rb);color:var(--rw);min-height:100vh;overflow:hidden}
.rfa-header{align-items:center;backdrop-filter:blur(18px);background:#050612c9;border-bottom:1px solid #ffffff17;display:grid;grid-template-columns:1fr auto 1fr;height:78px;padding:0 clamp(22px,5vw,76px);position:absolute;top:0;width:100%;z-index:20}
.rfa-parent-link{color:var(--rm);font-size:9px;font-weight:700;letter-spacing:.18em}.rfa-parent-link span{color:var(--rc);font-size:14px;margin-right:8px}
.rfa-logo{font-size:25px;font-weight:300;letter-spacing:-.05em}.rfa-logo b{font-weight:800;text-shadow:0 0 20px #ff2bd6b8}
.rfa-header nav{display:flex;gap:28px;justify-self:end}.rfa-header nav a{color:#c9c9d8;font-size:11px;font-weight:650;letter-spacing:.08em}
.rfa-hero{align-items:center;display:flex;min-height:820px;padding:120px clamp(24px,7vw,110px) 80px;position:relative}
.rfa-hero:after{background:linear-gradient(0deg,var(--rb),transparent);bottom:0;content:"";height:250px;left:0;position:absolute;width:100%;z-index:3}
.rfa-hero-glow{background:radial-gradient(circle at 78% 44%,#26e8ff2e,transparent 27%),radial-gradient(circle at 87% 22%,#ff2bd638,transparent 24%),linear-gradient(115deg,#070817 12%,#121024 52%,#09091a);inset:0;position:absolute}
.night-drive{inset:0;overflow:hidden;position:absolute}.city{bottom:38%;height:28%;opacity:.74;position:absolute;width:45%}
.city:before{background:repeating-linear-gradient(90deg,transparent 0 17px,#26e8ffb8 18px 20px,transparent 21px 34px),repeating-linear-gradient(0deg,#0d1023 0 22px,#15182e 23px 38px);clip-path:polygon(0 100%,0 28%,9% 28%,9% 8%,17% 8%,17% 44%,26% 44%,26% 20%,35% 20%,35% 53%,47% 53%,47% 6%,56% 6%,56% 35%,68% 35%,68% 15%,78% 15%,78% 48%,88% 48%,88% 0,100% 0,100% 100%);content:"";inset:0;position:absolute}.city-left{left:0}.city-right{right:0;transform:scaleX(-1)}
.horizon-line{background:linear-gradient(90deg,transparent,var(--rp),var(--rc),transparent);bottom:39%;box-shadow:0 0 25px var(--rp);height:1px;left:22%;position:absolute;width:78%}
.road{background:linear-gradient(90deg,transparent,#1a182fe6);bottom:-10%;height:55%;position:absolute;width:54%}.road-left{clip-path:polygon(100% 0,100% 100%,0 100%);left:0}.road-right{clip-path:polygon(0 0,100% 100%,0 100%);right:0;transform:scaleX(-1)}
.road-center{background:linear-gradient(var(--rc),transparent);bottom:-5%;box-shadow:0 0 18px var(--rc);clip-path:polygon(48% 0,52% 0,62% 100%,38% 100%);height:45%;left:70%;opacity:.75;position:absolute;width:80px}
.light-trail{border-radius:999px;bottom:23%;height:3px;position:absolute;transform:rotate(-7deg)}.trail-one{background:var(--rp);box-shadow:0 0 22px var(--rp);right:3%;width:34%}.trail-two{background:var(--rc);bottom:18%;box-shadow:0 0 22px var(--rc);right:12%;width:24%}
.rfa-hero-copy{max-width:760px;position:relative;z-index:5}.rfa-hero-copy>p,.rfa-section-title>p,.visuals-copy>p{color:var(--rc);font-size:10px;font-weight:750;letter-spacing:.26em;margin:0 0 25px}
.rfa-hero-copy h1{font-size:clamp(68px,8.2vw,126px);font-weight:760;letter-spacing:-.075em;line-height:.91;margin:0}.rfa-hero-copy h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px #f8f5ffc7;text-shadow:0 0 34px #ff2bd638}
.rfa-hero-copy>span{color:#bbb9ce;display:block;font-size:14px;line-height:2;margin-top:38px}.rfa-hero-actions{align-items:center;display:flex;gap:28px;margin-top:38px}
.neon-button{align-items:center;background:linear-gradient(115deg,var(--rp),#9d3cff);border:1px solid #ffffff38;border-radius:999px;box-shadow:0 10px 35px #ff2bd63d;display:inline-flex;font-size:12px;font-weight:750;gap:32px;min-height:54px;padding:0 24px;transition:.18s}.neon-button:hover{box-shadow:0 0 38px #ff2bd67a;transform:translateY(-2px)}.neon-button i{font-size:18px;font-style:normal}.rfa-text-link{border-bottom:1px solid #ffffff6b;color:#d1cfdf;font-size:11px;padding-bottom:4px}
.rfa-now-playing{backdrop-filter:blur(16px);background:#080918b8;border:1px solid #26e8ff3d;bottom:100px;display:grid;grid-template-columns:auto 1fr auto;padding:22px 24px;position:absolute;right:clamp(24px,7vw,110px);width:min(350px,30vw);z-index:5}.rfa-now-playing>span{color:var(--rp);font-size:7px;font-weight:800;grid-column:span 3;letter-spacing:.22em;margin-bottom:12px}.rfa-now-playing strong{font-size:15px}.rfa-now-playing small{color:var(--rm);font-size:9px}.rfa-now-playing>b{color:var(--rm);font-size:8px}.rfa-progress{background:#ffffff26;grid-column:span 2;height:1px;margin:9px 12px 0 0}.rfa-progress i{background:var(--rc);box-shadow:0 0 8px var(--rc);display:block;height:1px;width:34%}
.rfa-releases,.rfa-streaming{padding:120px clamp(24px,7vw,110px)}.rfa-section-title{align-items:end;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:55px}.rfa-section-title>p{grid-column:span 2;margin-bottom:0}.rfa-section-title h2,.visuals-copy h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.06em;line-height:1.05;margin:0}.rfa-section-title>span,.visuals-copy>span{color:var(--rm);font-size:13px;line-height:1.9}
.release-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.release-card{background:#0c0d1d;border:1px solid #ffffff17;min-width:0;padding:18px 18px 28px;transition:.2s}.release-card:hover{border-color:#26e8ff80;transform:translateY(-5px)}
.release-art{aspect-ratio:1;background:radial-gradient(circle at 70% 27%,#ffffff52,transparent 5%),linear-gradient(145deg,#342055,#101227 58%,#071720);overflow:hidden;padding:22px;position:relative}.release-card--cyan .release-art{background:linear-gradient(145deg,#062838,#0b1023 55%,#18254e)}.release-card--pink .release-art{background:linear-gradient(145deg,#3b123c,#151126 58%,#080914)}
.release-art:before{border:1px solid var(--rp);border-radius:50%;box-shadow:0 0 45px #ff2bd670;content:"";height:58%;position:absolute;right:-8%;top:15%;width:58%}.release-card--cyan .release-art:before{border-color:var(--rc);box-shadow:0 0 45px #26e8ff61}.release-art span,.release-art b{font-size:9px;letter-spacing:.13em;position:relative;z-index:2}.release-art b{bottom:20px;font-size:42px;left:22px;position:absolute}.release-art i{background:linear-gradient(90deg,var(--rp),transparent);bottom:22%;box-shadow:0 0 20px var(--rp);height:2px;left:0;position:absolute;transform:rotate(-14deg);width:110%}
.release-card>small{color:var(--rc);display:block;font-size:8px;letter-spacing:.15em;margin-top:24px;text-transform:uppercase}.release-card h3{font-size:27px;margin:12px 0}.release-card p{color:var(--rm);font-size:12px;line-height:1.7;min-height:42px}.release-link{display:block;font-size:9px;font-weight:750;letter-spacing:.16em;margin-top:25px}
.rfa-visuals{align-items:center;background:#090a18;display:grid;gap:8vw;grid-template-columns:1.2fr .8fr;padding:100px clamp(24px,7vw,110px)}.visuals-stage{aspect-ratio:16/10;background:radial-gradient(circle at 60% 35%,#ff2bd64d,transparent 22%),linear-gradient(140deg,#11142c,#1d0e2a 48%,#071b25);border:1px solid #ffffff1f;box-shadow:0 34px 70px #0006;overflow:hidden;padding:26px;position:relative}.visuals-stage:after{background:repeating-linear-gradient(90deg,transparent 0 44px,#26e8ff26 45px 46px);bottom:-20%;clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);content:"";height:74%;left:18%;position:absolute;width:64%}.visuals-label{color:var(--rm);font-size:8px;letter-spacing:.17em}.visuals-play{align-items:center;border:1px solid #ffffff99;border-radius:50%;display:flex;font-size:20px;height:76px;justify-content:center;left:50%;padding-left:5px;position:absolute;top:50%;transform:translate(-50%,-50%);width:76px;z-index:2}.visuals-stage strong{bottom:25px;font-size:clamp(24px,3vw,46px);left:25px;letter-spacing:-.04em;line-height:.95;position:absolute;z-index:2}.visuals-copy>span{display:block;margin:28px 0 36px}.neon-button--outline{background:transparent;border-color:#26e8ff66;box-shadow:none}
.rfa-streaming{background:#070814}.platform-grid{border-top:1px solid #ffffff1f;display:grid;grid-template-columns:repeat(2,1fr)}.platform-grid a{align-items:center;border-bottom:1px solid #ffffff1f;display:grid;gap:20px;grid-template-columns:45px 1fr auto;min-height:105px;padding:0 24px;transition:.18s}.platform-grid a:nth-child(odd){border-right:1px solid #ffffff1f}.platform-grid a:hover{background:#26e8ff0d}.platform-grid small{color:var(--rp);font-size:8px}.platform-grid strong{font-size:23px}.platform-grid i{color:var(--rc);font-style:normal}
.rfa-footer{background:#03040c;border-top:1px solid #ffffff17;color:var(--rw)}.rfa-footer p{color:var(--rm)}.rfa-footer>a{color:var(--rm);font-size:8px;justify-self:end;letter-spacing:.15em}
@media(max-width:900px){.rfa-header{grid-template-columns:1fr auto}.rfa-header nav{display:none}.rfa-logo{justify-self:end}.rfa-hero{min-height:740px}.rfa-now-playing{width:330px}.release-grid{grid-template-columns:repeat(2,1fr)}.release-card:last-child{grid-column:span 2}.rfa-visuals{gap:55px;grid-template-columns:1fr}}
@media(max-width:620px){.rfa-header{height:66px;padding:0 17px}.rfa-parent-link{font-size:7px}.rfa-logo{font-size:21px}.rfa-hero{align-items:flex-start;min-height:700px;padding:126px 19px 70px}.rfa-hero-copy h1{font-size:clamp(54px,18vw,78px)}.rfa-hero-copy>span{font-size:12px;margin-top:28px}.rfa-hero-copy>span br{display:none}.rfa-hero-actions{align-items:flex-start;flex-direction:column;gap:20px;margin-top:28px}.rfa-now-playing{bottom:45px;left:19px;right:auto;width:calc(100% - 38px)}.city{bottom:31%;width:72%}.horizon-line{bottom:32%;left:0;width:100%}.road{height:34%}.road-center{bottom:0;height:31%;left:54%}.rfa-releases,.rfa-streaming{padding:82px 18px}.rfa-section-title{align-items:start;grid-template-columns:1fr}.rfa-section-title>p{grid-column:span 1}.release-grid{grid-template-columns:1fr}.release-card:last-child{grid-column:span 1}.rfa-visuals{padding:82px 18px}.platform-grid{grid-template-columns:1fr}.platform-grid a:nth-child(odd){border-right:0}.rfa-footer{padding:50px 20px}.rfa-footer>a{justify-self:start}}

/* Admin v2: fast publishing workspace */
.admin-main{display:grid;gap:28px;padding:42px clamp(22px,4vw,58px)}
.admin-top{align-items:center}.admin-top>.admin-primary-button{height:max-content}
.admin-quick-actions{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}
.admin-quick-actions>a{align-items:center;background:#fffdf8;border:1px solid var(--line);border-radius:18px;display:flex;font-size:13px;font-weight:760;justify-content:space-between;min-height:76px;padding:18px 20px;transition:.18s}
.admin-quick-actions>a:hover{border-color:var(--coral);transform:translateY(-2px)}
.admin-quick-actions .rfa-action{background:#111225;border-color:#26e8ff42;color:#fff}
.admin-stats-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}
.admin-stats-grid button{background:#fffdf8;border:1px solid var(--line);border-radius:18px;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;min-height:116px;padding:21px;text-align:left}
.admin-stats-grid button:nth-child(1){border-top:4px solid #5f805c}.admin-stats-grid button:nth-child(2){border-top:4px solid #98938d}.admin-stats-grid button:nth-child(3){border-top:4px solid #5682b5}
.admin-stats-grid small{color:var(--muted);font-size:11px}.admin-stats-grid strong{font-size:38px;margin-top:8px}
.admin-editor,.admin-list{border-radius:24px;margin:0;padding:clamp(22px,3vw,38px)}
.admin-editor-layout{display:grid;gap:32px;grid-template-columns:minmax(0,1fr) 330px}
.admin-editor-layout form{display:block}.admin-fieldset{border:0;border-bottom:1px solid var(--line);display:grid;gap:18px;grid-template-columns:1fr 1fr;margin:0 0 25px;padding:0 0 25px}.admin-fieldset legend{font-size:13px;font-weight:800;margin-bottom:20px;width:100%}
.admin-fieldset .field{margin:0}.admin-editor .field-wide{grid-column:1/-1}.checkbox-field{align-items:center;display:flex!important;flex-direction:row!important;gap:10px;padding-top:29px}.checkbox-field input{height:18px;width:18px}.checkbox-field span{margin:0!important}
.admin-seo{background:var(--paper);border-radius:14px;margin:0 0 22px;padding:17px}.admin-seo summary{cursor:pointer;font-size:13px;font-weight:750}.admin-seo .field{margin-top:16px}
.crop-controls{background:var(--paper);border:1px solid var(--line);border-radius:14px;display:grid;gap:12px;padding:16px}.crop-controls>p{font-size:12px;font-weight:800;margin:0}.crop-controls label{align-items:center;display:grid!important;gap:10px;grid-template-columns:42px 1fr}.crop-controls label span{font-size:10px!important;margin:0!important}.crop-controls input{accent-color:var(--coral);width:100%}.crop-controls small{color:var(--muted);font-size:9px}
.admin-live-preview{align-self:start;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:18px;position:sticky;top:22px}.admin-live-preview>span{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.18em}.preview-image{align-items:center;aspect-ratio:16/9;background:linear-gradient(140deg,#f1c9b8,#f8e8d7);background-position:center;background-size:cover;border-radius:13px;display:flex;justify-content:center;margin:15px 0 18px;overflow:hidden}.preview-image.is-square{aspect-ratio:1}.preview-image b{color:#7d3f2f;font-size:13px}.preview-image img{height:100%;object-fit:cover;transition:transform .12s;width:100%}.admin-live-preview small{color:var(--coral);font-size:10px;font-weight:750}.admin-live-preview h3{font-size:23px;line-height:1.35;margin:8px 0}.admin-live-preview p{color:var(--muted);font-size:12px;line-height:1.8}.placement-preview,.placement-labels{display:flex;flex-wrap:wrap;gap:5px}.placement-preview span,.placement-labels span{background:#ece7dc;border-radius:999px;color:#5b5147;font-size:9px;font-weight:700;padding:5px 8px}
.admin-filters{display:grid;gap:9px;grid-template-columns:2fr repeat(5,1fr);margin-bottom:16px}.admin-filters input,.admin-filters select,.admin-filters button{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ink);font:inherit;font-size:11px;min-height:42px;padding:0 10px}.admin-filters button{cursor:pointer}
.bulk-actions{align-items:center;background:#fff2eb;border:1px solid #e9c1b4;border-radius:12px;display:flex;gap:10px;margin-bottom:13px;padding:12px 14px}.bulk-actions strong{font-size:11px;margin-right:auto}.bulk-actions button{background:white;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:10px;padding:8px 10px}.bulk-actions .danger{color:#ad3d2f}
.admin-table-head,.admin-table article{align-items:center;display:grid;gap:12px;grid-template-columns:28px minmax(220px,2fr) 85px minmax(130px,1fr) 85px minmax(190px,auto)}
.admin-table-head{border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em;padding:11px 14px}.admin-table article{padding:16px 14px}.admin-work-title{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-work-title small{color:var(--coral)}.admin-work-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-status{border-radius:999px;font-size:9px;font-weight:800;padding:6px 8px;text-align:center}.status-published{background:#e1eddf;color:#3f683c}.status-draft{background:#ebe9e6;color:#69645e}.status-scheduled{background:#e0ecf8;color:#365f8a}.admin-table time{color:var(--muted);font-size:10px}.row-actions{align-items:center;display:flex;gap:6px;justify-content:flex-end}.row-actions button,.row-actions a{background:transparent;border:0;color:var(--green);cursor:pointer;font-size:10px;padding:5px}.row-actions .danger{color:#b34a3b}
.form-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end}.form-actions p{color:var(--green);font-size:11px;margin-right:auto}
@media(max-width:1100px){.admin-quick-actions{grid-template-columns:repeat(2,1fr)}.admin-editor-layout{grid-template-columns:1fr}.admin-live-preview{position:static}.admin-filters{grid-template-columns:repeat(3,1fr)}.admin-filters input{grid-column:span 2}.admin-table-head{display:none}.admin-table article{grid-template-columns:26px 1fr auto}.admin-table article>.admin-status{grid-column:3}.admin-table article>.placement-labels,.admin-table article>time,.admin-table article>.row-actions{grid-column:2/-1}.admin-table article>.row-actions{justify-content:flex-start}}
@media(max-width:700px){.admin-main{padding:22px 14px}.admin-quick-actions{grid-template-columns:1fr 1fr}.admin-stats-grid{grid-template-columns:repeat(3,1fr)}.admin-stats-grid button{min-height:92px;padding:14px}.admin-stats-grid strong{font-size:27px}.admin-editor,.admin-list{border-radius:18px;padding:19px}.admin-fieldset{grid-template-columns:1fr}.admin-editor .field-wide{grid-column:1}.admin-filters{grid-template-columns:1fr 1fr}.admin-filters input{grid-column:1/-1}.form-actions{align-items:stretch;flex-direction:column}.form-actions p{margin:0}.admin-table article{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px}.bulk-actions{align-items:stretch;flex-wrap:wrap}.bulk-actions strong{width:100%}}

/* XServer-only setup and login screens. Public pages above remain the Sites source styles. */
.setup-body,.login-body{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:linear-gradient(145deg,#f5e9d7,#f7d6cb)}
.setup-card,.login-card{width:min(780px,100%);padding:clamp(28px,6vw,65px);border-radius:32px;background:#fffdf8;box-shadow:0 18px 55px rgba(73,48,36,.12)}
.login-card{width:min(470px,100%);padding:42px}.setup-card h1,.login-card h1{font-size:clamp(32px,5vw,52px);line-height:1.15}
.setup-form,.login-form{display:grid;gap:18px}.setup-form label,.login-form label{display:grid;gap:7px;font-size:13px;font-weight:800}.setup-form input,.login-form input{min-height:48px;border:1px solid var(--line);border-radius:10px;background:white;padding:0 13px}.setup-form small{color:var(--muted);font-weight:400}
.setup-form fieldset{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:10px 0;padding:25px;border:1px solid var(--line);border-radius:18px}.setup-form legend{padding:0 8px;font-weight:900}.login-form>a{text-align:center;font-size:13px;text-decoration:underline}
.alert{margin:0 0 20px;padding:13px 16px;border-radius:12px;font-size:14px}.alert.success{background:#e5f1e5;color:#315c38}.alert.error{background:#f8dfd9;color:#8c3327}
@media(max-width:620px){.setup-form fieldset{grid-template-columns:1fr}.setup-card,.login-card{padding:28px 20px}}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-geist-sans), "Yu Gothic", "Hiragino Kaku Gothic ProN",
    sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

.site-header {
  align-items: center;
  background: color-mix(in srgb, var(--paper) 92%, transparent);
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr auto 1fr;
  height: 84px;
  left: 0;
  padding: 0 clamp(24px, 5vw, 76px);
  position: sticky;
  top: 0;
  z-index: 40;
  backdrop-filter: blur(14px);
}

.brand {
  align-items: center;
  display: inline-flex;
  font-size: 22px;
  font-weight: 750;
  gap: 12px;
  letter-spacing: 0.04em;
  width: max-content;
}

.brand-mark {
  display: inline-block;
  height: 32px;
  position: relative;
  width: 32px;
}

.brand-mark::before,
.brand-mark::after {
  background: var(--green);
  content: "";
  left: 14px;
  position: absolute;
  width: 2px;
}

.brand-mark::before {
  height: 29px;
  top: 2px;
}

.brand-mark::after {
  height: 16px;
  top: 3px;
  transform: rotate(-43deg);
  transform-origin: bottom;
}

.brand-mark i {
  background: var(--green);
  border-radius: 90% 10% 90% 10%;
  height: 10px;
  position: absolute;
  transform: rotate(24deg);
  width: 15px;
}

.brand-mark i:nth-child(1) {
  left: 0;
  top: 2px;
}

.brand-mark i:nth-child(2) {
  left: 17px;
  top: 11px;
  transform: rotate(204deg);
}

.brand-mark i:nth-child(3) {
  height: 7px;
  left: 2px;
  top: 17px;
  width: 11px;
}

.brand-mark i:nth-child(4) {
  background: var(--coral);
  border-radius: 50%;
  height: 5px;
  left: 26px;
  top: 1px;
  width: 5px;
}

.brand-mark > img {
  border-radius: inherit;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.brand-mark.has-image::before,
.brand-mark.has-image::after { display: none; }

.brand-asset-field { align-content: start; }
.brand-asset-row { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
.brand-asset-row > button { background: transparent; border: 0; color: var(--coral); font-size: 11px; font-weight: 750; padding: 0; }
.brand-asset-preview { align-items: center; background: #eee7d9; border: 1px solid var(--line); border-radius: 14px; display: flex; height: 58px; justify-content: center; overflow: hidden; width: 58px; }
.brand-asset-preview img { height: 100%; object-fit: cover; width: 100%; }
.brand-asset-preview i { color: var(--muted); font-size: 10px; font-style: normal; }

.site-header nav {
  display: flex;
  font-size: 14px;
  font-weight: 650;
  gap: 30px;
  letter-spacing: 0.04em;
}

.site-header nav a {
  position: relative;
}

.site-header nav a::after {
  background: var(--coral);
  bottom: -9px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms ease;
  width: 100%;
}

.site-header nav a:hover::after,
.site-header nav a:focus-visible::after {
  transform: scaleX(1);
}

.new-tab-mark{font-size:.72em;margin-left:4px}.mobile-nav{display:none}

.header-cta {
  border: 1px solid var(--ink);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  justify-self: end;
  padding: 10px 18px;
  transition: 180ms ease;
}

.header-cta:hover {
  background: var(--ink);
  color: var(--paper);
}

.hero {
  display: grid;
  grid-template-columns: minmax(430px, 0.9fr) minmax(520px, 1.1fr);
  min-height: calc(100vh - 84px);
  overflow: hidden;
}

.hero-copy {
  align-self: center;
  padding: 80px 40px 78px clamp(28px, 6vw, 96px);
  position: relative;
  z-index: 2;
}

.eyebrow,
.section-kicker {
  align-items: center;
  color: var(--green);
  display: flex;
  font-size: 11px;
  font-weight: 750;
  gap: 10px;
  letter-spacing: 0.2em;
  margin: 0 0 30px;
}

.eyebrow span {
  background: var(--coral);
  border-radius: 50%;
  height: 7px;
  width: 7px;
}

.hero h1 {
  font-size: clamp(60px, 6vw, 100px);
  font-weight: 760;
  letter-spacing: -0.075em;
  line-height: 1.08;
  margin: 0;
}

.hero-lead {
  color: #54483e;
  font-size: 16px;
  font-weight: 540;
  letter-spacing: 0.025em;
  line-height: 2;
  margin: 38px 0 0;
}

.hero-actions {
  align-items: center;
  display: flex;
  gap: 26px;
  margin-top: 38px;
}

.button {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 14px;
  font-weight: 750;
  gap: 34px;
  justify-content: center;
  letter-spacing: 0.04em;
  min-height: 58px;
  padding: 0 28px;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.button:hover {
  box-shadow: 0 14px 30px rgb(48 33 24 / 0.15);
  transform: translateY(-2px);
}

.button-primary {
  background: var(--coral);
  color: #fffaf3;
}

.button span {
  font-size: 20px;
}

.text-link {
  border-bottom: 1px solid var(--ink);
  font-size: 13px;
  font-weight: 650;
  padding-bottom: 3px;
}

.hero-tags {
  display: flex;
  gap: 17px;
  margin-top: 56px;
}

.hero-tags span {
  color: #887b6e;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.18em;
}

.hero-gallery {
  background:
    radial-gradient(circle at 65% 44%, rgb(255 255 255 / 0.6), transparent 30%),
    linear-gradient(140deg, #e8eadf, #d9dfcf 45%, #f2ddbe);
  min-height: 690px;
  overflow: hidden;
  position: relative;
}

.organic-shape {
  border-radius: 55% 45% 65% 35% / 45% 50% 50% 55%;
  filter: blur(1px);
  position: absolute;
}

.shape-one {
  background: rgb(255 248 229 / 0.62);
  height: 460px;
  right: -60px;
  top: 30px;
  transform: rotate(15deg);
  width: 430px;
}

.shape-two {
  background: rgb(82 106 80 / 0.12);
  bottom: -190px;
  height: 500px;
  left: -50px;
  transform: rotate(-20deg);
  width: 620px;
}

.hero-card {
  background: rgb(250 248 241 / 0.92);
  border: 1px solid rgb(255 255 255 / 0.8);
  border-radius: 20px;
  box-shadow: 0 28px 60px rgb(72 66 50 / 0.14);
  position: absolute;
}

.hero-card-main {
  height: 420px;
  left: 10%;
  overflow: hidden;
  padding: 20px;
  top: 12%;
  transform: rotate(-2deg);
  width: 53%;
}

.mini-label {
  color: var(--green);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.17em;
}

.tree-scene {
  background: linear-gradient(#efe6ce, #cbd3bd);
  border-radius: 13px;
  height: calc(100% - 72px);
  margin-top: 14px;
  overflow: hidden;
  position: relative;
}

.tree-crown {
  background: var(--green);
  border-radius: 48% 52% 46% 54%;
  height: 145px;
  left: calc(50% - 84px);
  position: absolute;
  top: 58px;
  width: 175px;
  z-index: 2;
}

.tree-crown::before,
.tree-crown::after {
  background: #647b5d;
  border-radius: 50%;
  content: "";
  height: 115px;
  position: absolute;
  top: 30px;
  width: 115px;
}

.tree-crown::before {
  left: -45px;
}

.tree-crown::after {
  right: -40px;
}

.tree-trunk {
  background: #81634b;
  bottom: 43px;
  height: 110px;
  left: calc(50% - 10px);
  position: absolute;
  width: 20px;
}

.tree-ground {
  background: #91a17a;
  border-radius: 50% 50% 0 0;
  bottom: -55px;
  height: 135px;
  left: -15%;
  position: absolute;
  width: 130%;
}

.scene-sun {
  background: var(--coral);
  border-radius: 50%;
  height: 42px;
  position: absolute;
  right: 28px;
  top: 26px;
  width: 42px;
}

.hero-card-main p {
  font-size: 12px;
  font-weight: 650;
  margin: 13px 0 0;
}

.hero-card-code {
  background: var(--green-dark);
  color: #eaf0df;
  height: 230px;
  padding: 24px;
  right: 7%;
  top: 25%;
  transform: rotate(3deg);
  width: 31%;
}

.hero-card-code span {
  color: #c5d1b8;
  font-size: 8px;
  letter-spacing: 0.15em;
}

.hero-card-code code {
  display: block;
  font-size: 14px;
  line-height: 1.9;
  margin-top: 29px;
}

.hero-card-sound {
  align-items: center;
  bottom: 12%;
  display: flex;
  gap: 20px;
  height: 106px;
  padding: 20px;
  right: 13%;
  transform: rotate(-1deg);
  width: 37%;
}

.sound-bars {
  align-items: center;
  display: flex;
  gap: 3px;
  height: 44px;
}

.sound-bars i {
  animation: pulse 1.5s ease-in-out infinite alternate;
  background: var(--coral);
  border-radius: 4px;
  display: block;
  height: 30%;
  width: 3px;
}

.sound-bars i:nth-child(2n) {
  animation-delay: -0.8s;
  height: 72%;
}

.sound-bars i:nth-child(3n) {
  animation-delay: -0.35s;
  height: 100%;
}

@keyframes pulse {
  to {
    transform: scaleY(0.45);
  }
}

.hero-card-sound span {
  font-size: 13px;
  font-weight: 750;
}

.floating-leaf {
  background: var(--green);
  border-radius: 100% 0 100% 0;
  height: 72px;
  opacity: 0.8;
  position: absolute;
  width: 34px;
}

.leaf-a {
  left: 3%;
  top: 17%;
  transform: rotate(-38deg);
}

.leaf-b {
  bottom: 6%;
  left: 23%;
  transform: rotate(58deg) scale(0.7);
}

.leaf-c {
  right: 2%;
  top: 7%;
  transform: rotate(18deg) scale(0.6);
}

.works-section,
.channels-section {
  padding: 120px clamp(24px, 6vw, 96px);
}

.works-section {
  background: #fbf9f3;
}

.section-heading {
  align-items: end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 52px;
}

.section-heading .section-kicker {
  margin-bottom: 16px;
}

.section-heading h2,
.rfa-copy h2,
.about-section h2 {
  font-size: clamp(38px, 4.4vw, 64px);
  letter-spacing: -0.055em;
  line-height: 1.14;
  margin: 0;
}

.section-heading > p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.8;
  margin: 0 0 4px;
}

.works-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.work-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 22px;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  min-height: 370px;
  overflow: hidden;
  transition: transform 220ms ease, box-shadow 220ms ease;
}

.work-card:hover {
  box-shadow: 0 24px 50px rgb(62 48 36 / 0.12);
  transform: translateY(-4px);
}

.work-card--wide {
  grid-column: span 2;
  grid-template-columns: 1.35fr 0.65fr;
  min-height: 440px;
}

.work-visual {
  min-height: 100%;
  overflow: hidden;
  position: relative;
}

.uploaded-visual {
  background-color: var(--green-light);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.creative-visual {
  background:
    radial-gradient(circle at 78% 24%, rgb(233 119 89 / 0.55) 0 8%, transparent 9%),
    linear-gradient(145deg, #dfe5d6, #efe4cf);
  overflow: hidden;
  position: relative;
}

.creative-frame {
  background: #f8f5ed;
  border: 1px solid rgb(48 33 24 / 0.18);
  border-radius: 14px;
  box-shadow: 0 18px 35px rgb(48 33 24 / 0.15);
  height: 55%;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 58%;
}

.creative-frame--back {
  transform: translate(-62%, -58%) rotate(-8deg);
}

.creative-frame--front {
  align-items: center;
  background: linear-gradient(145deg, var(--green), var(--green-dark));
  color: var(--paper);
  display: flex;
  justify-content: center;
  transform: translate(-40%, -42%) rotate(5deg);
}

.creative-frame--front i {
  font-size: 28px;
  font-style: normal;
}

.creative-spark {
  color: var(--coral);
  font-size: 26px;
  position: absolute;
}

.spark-one {
  left: 13%;
  top: 16%;
}

.spark-two {
  bottom: 12%;
  right: 11%;
}

.work-info {
  display: flex;
  flex-direction: column;
  padding: 38px;
  position: relative;
}

.work-info > span {
  color: var(--green);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.12em;
}

.work-info h3 {
  font-size: clamp(24px, 2.4vw, 38px);
  letter-spacing: -0.04em;
  line-height: 1.25;
  margin: 24px 0 13px;
}

.work-info p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.75;
  margin: 0;
}

.work-link-icon {
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  bottom: 30px;
  display: flex;
  height: 48px;
  justify-content: center;
  position: absolute;
  right: 30px;
  transition: 180ms ease;
  width: 48px;
}

.work-card:hover .work-link-icon,
.work-card:focus-visible .work-link-icon {
  background: var(--ink);
  color: var(--paper);
}

.work-info i {
  font-size: 18px;
  font-style: normal;
}

.map-visual {
  background:
    linear-gradient(120deg, rgb(255 255 255 / 0.5), transparent 60%),
    #d9dfcf;
}

.map-island {
  background: #708066;
  border-radius: 70% 30% 60% 40%;
  position: absolute;
  transform: rotate(-17deg);
}

.island-one {
  height: 160px;
  left: 12%;
  top: 20%;
  width: 230px;
}

.island-two {
  background: #9aaa86;
  height: 115px;
  left: 33%;
  top: 43%;
  width: 195px;
}

.island-three {
  background: #bac5a8;
  height: 90px;
  left: 15%;
  top: 60%;
  width: 145px;
}

.map-pin {
  background: var(--coral);
  border: 4px solid #f5ede1;
  border-radius: 50% 50% 50% 0;
  height: 27px;
  position: absolute;
  transform: rotate(-45deg);
  width: 27px;
  z-index: 2;
}

.pin-one {
  left: 28%;
  top: 35%;
}

.pin-two {
  left: 45%;
  top: 58%;
}

.phone-shell {
  background: #fbfaf5;
  border: 5px solid var(--ink);
  border-radius: 30px;
  bottom: -38px;
  box-shadow: 0 22px 40px rgb(51 65 52 / 0.22);
  color: var(--ink);
  display: flex;
  flex-direction: column;
  height: 330px;
  padding: 48px 25px;
  position: absolute;
  right: 11%;
  transform: rotate(7deg);
  width: 170px;
}

.phone-shell::before {
  background: var(--ink);
  border-radius: 999px;
  content: "";
  height: 5px;
  left: calc(50% - 25px);
  position: absolute;
  top: 14px;
  width: 50px;
}

.phone-shell span {
  background: linear-gradient(140deg, #cbd8bd, #78906d);
  border-radius: 15px;
  height: 145px;
  margin-bottom: 22px;
}

.phone-shell b {
  font-size: 17px;
}

.phone-shell small {
  color: var(--muted);
  font-size: 8px;
  margin-top: 5px;
  text-transform: uppercase;
}

.editorial-visual {
  background: #e9e0cc;
}

.editorial-sun {
  background: var(--coral);
  border-radius: 50%;
  height: 80px;
  position: absolute;
  right: 15%;
  top: 14%;
  width: 80px;
}

.editorial-mountain {
  bottom: -15%;
  clip-path: polygon(0 100%, 45% 0, 100% 100%);
  position: absolute;
}

.mountain-back {
  background: #a8b295;
  height: 72%;
  left: -10%;
  width: 85%;
}

.mountain-front {
  background: #5d7358;
  height: 55%;
  right: -15%;
  width: 90%;
}

.editorial-line {
  border: 1px solid rgb(255 249 236 / 0.55);
  border-radius: 50%;
  height: 170px;
  left: -10%;
  position: absolute;
  top: 32%;
  transform: rotate(-12deg);
  width: 130%;
}

.line-two {
  top: 39%;
  transform: rotate(-7deg);
}

.music-visual {
  align-items: center;
  background: #26372f;
  color: #f7f0df;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.album-art {
  background:
    radial-gradient(circle at 70% 28%, #df7b5e 0 9%, transparent 10%),
    linear-gradient(135deg, #5d7258, #d9b275);
  border: 1px solid rgb(255 255 255 / 0.25);
  border-radius: 9px;
  box-shadow: 0 24px 40px rgb(0 0 0 / 0.25);
  display: flex;
  flex-direction: column;
  height: 175px;
  justify-content: end;
  padding: 19px;
  transform: rotate(-4deg);
  width: 175px;
}

.album-art span {
  font-size: 15px;
  font-weight: 300;
}

.album-art strong {
  font-size: 29px;
}

.waveform {
  align-items: center;
  display: flex;
  gap: 3px;
  height: 35px;
  margin-top: 26px;
  width: 70%;
}

.waveform i {
  background: #e4d6b8;
  border-radius: 4px;
  flex: 1;
  opacity: 0.75;
}

.music-visual small {
  font-size: 8px;
  letter-spacing: 0.15em;
  margin-top: 8px;
  opacity: 0.7;
  text-transform: uppercase;
}

.tool-visual {
  align-items: center;
  background: linear-gradient(130deg, #d8dfcb, #b9c6ad);
  display: flex;
  justify-content: center;
}

.tool-window {
  background: #25342c;
  border: 1px solid rgb(255 255 255 / 0.2);
  border-radius: 14px;
  box-shadow: 0 26px 50px rgb(44 58 46 / 0.26);
  color: #dce6d4;
  min-height: 240px;
  padding: 23px 28px;
  position: relative;
  transform: rotate(-2deg);
  width: 63%;
  z-index: 2;
}

.window-dots {
  color: var(--coral);
  font-size: 8px;
  letter-spacing: 3px;
}

.tool-window code {
  display: block;
  font-size: 15px;
  line-height: 1.95;
  margin-top: 31px;
}

.tool-window em {
  color: #9eb391;
  font-style: normal;
}

.tool-window b {
  color: #f0b77e;
}

.tool-leaf {
  background: var(--green);
  border-radius: 100% 0;
  height: 150px;
  opacity: 0.45;
  position: absolute;
  width: 70px;
}

.leaf-one {
  left: 8%;
  top: 8%;
  transform: rotate(-33deg);
}

.leaf-two {
  bottom: 3%;
  right: 5%;
  transform: rotate(47deg) scale(0.7);
}

.video-section {
  align-items: center;
  background: #e8eadf;
  display: grid;
  gap: clamp(55px, 8vw, 120px);
  grid-template-columns: minmax(360px, 0.82fr) minmax(480px, 1.18fr);
  min-height: 690px;
  overflow: hidden;
  padding: 110px clamp(24px, 6vw, 96px);
}

.video-copy h2 {
  font-size: clamp(38px, 4.4vw, 64px);
  letter-spacing: -0.055em;
  line-height: 1.14;
  margin: 0;
}

.video-copy > p:not(.section-kicker) {
  color: #5e594f;
  font-size: 14px;
  line-height: 2;
  margin: 28px 0 26px;
  max-width: 580px;
}

.video-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 34px;
}

.video-topics span {
  background: rgb(248 245 237 / 0.78);
  border: 1px solid #cbd1c1;
  border-radius: 999px;
  color: var(--green-dark);
  font-size: 10px;
  font-weight: 700;
  padding: 9px 13px;
}

.video-stage {
  min-height: 470px;
  position: relative;
}

.video-window {
  background: var(--paper);
  border: 1px solid rgb(255 255 255 / 0.8);
  border-radius: 24px;
  box-shadow: 0 32px 70px rgb(52 70 56 / 0.18);
  overflow: hidden;
  position: relative;
  transform: rotate(1.2deg);
  z-index: 2;
}

.video-screen {
  align-items: center;
  background:
    radial-gradient(circle at 75% 22%, rgb(233 119 89 / 0.9) 0 7%, transparent 7.5%),
    linear-gradient(135deg, #344638, #60745c);
  display: flex;
  height: 315px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.video-badge {
  color: #dce5d4;
  font-size: 9px;
  font-weight: 750;
  left: 24px;
  letter-spacing: 0.18em;
  position: absolute;
  top: 22px;
}

.video-diagram {
  align-items: center;
  display: flex;
  gap: 24px;
}

.video-diagram i {
  background: #f6f0e3;
  border-radius: 15px;
  color: var(--ink);
  font-size: 14px;
  font-style: normal;
  font-weight: 750;
  padding: 25px 30px;
}

.video-diagram b {
  color: var(--gold);
  font-size: 28px;
}

.play-mark {
  align-items: center;
  background: var(--coral);
  border-radius: 50%;
  bottom: 22px;
  color: white;
  display: flex;
  height: 52px;
  justify-content: center;
  position: absolute;
  right: 24px;
  width: 52px;
}

.video-meta {
  display: flex;
  flex-direction: column;
  padding: 25px 28px 30px;
}

.video-meta small {
  color: var(--green);
  font-size: 8px;
  font-weight: 750;
  letter-spacing: 0.14em;
}

.video-meta strong {
  font-size: 22px;
  margin: 10px 0 8px;
}

.video-meta > span {
  color: var(--muted);
  font-size: 11px;
}

.video-note-card {
  background: var(--coral);
  border-radius: 14px;
  bottom: -30px;
  box-shadow: 0 18px 40px rgb(62 48 36 / 0.18);
  color: #fff8ed;
  font-size: 9px;
  left: -32px;
  letter-spacing: 0.15em;
  line-height: 1.8;
  padding: 20px 24px;
  position: absolute;
  transform: rotate(-7deg);
  z-index: 3;
}

.video-note-card b {
  font-size: 17px;
}

.video-leaf {
  background: var(--green);
  border-radius: 100% 0 100% 0;
  height: 110px;
  position: absolute;
  right: -30px;
  top: -30px;
  transform: rotate(25deg);
  width: 54px;
}

.rfa-section {
  align-items: center;
  background: var(--green-dark);
  color: #f7f2e8;
  display: grid;
  gap: 70px;
  grid-template-columns: 0.45fr 0.8fr 1.3fr;
  min-height: 650px;
  overflow: hidden;
  padding: 100px clamp(24px, 6vw, 96px);
  position: relative;
}

.rfa-orbit {
  height: 340px;
  position: relative;
  width: 240px;
}

.rfa-orbit::before,
.rfa-orbit::after {
  border: 1px solid rgb(227 214 182 / 0.28);
  border-radius: 50%;
  content: "";
  inset: 0;
  position: absolute;
}

.rfa-orbit::after {
  inset: 42px -48px;
}

.rfa-orbit span {
  background: var(--coral);
  border-radius: 50%;
  height: 18px;
  left: 25px;
  position: absolute;
  top: 30px;
  width: 18px;
}

.rfa-orbit span:nth-child(2) {
  background: var(--gold);
  left: auto;
  right: -22px;
  top: 60%;
}

.rfa-orbit span:nth-child(3) {
  background: #899c79;
  left: 40%;
  top: auto;
  bottom: -8px;
}

.rfa-copy {
  position: relative;
  z-index: 2;
}

.rfa-copy .section-kicker {
  color: #c3cfb4;
  margin-bottom: 18px;
}

.rfa-copy > p:not(.section-kicker) {
  color: #cbd2c4;
  font-size: 13px;
  line-height: 2;
  margin: 26px 0 34px;
}

.rfa-intro {
  color: #fff4dd;
  display: block;
  font-size: 15px;
  line-height: 1.8;
  margin-top: 24px;
}

.rfa-platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -12px 0 30px;
}

.rfa-platforms span {
  border: 1px solid rgb(227 214 182 / 0.3);
  border-radius: 999px;
  color: #cbd2c4;
  font-size: 8px;
  font-weight: 750;
  letter-spacing: 0.1em;
  padding: 7px 10px;
}

.button-light {
  background: #f2ebdc;
  color: var(--green-dark);
}

.rfa-player {
  align-items: center;
  background: #f4ede0;
  border-radius: 22px;
  box-shadow: 0 30px 70px rgb(0 0 0 / 0.25);
  color: var(--ink);
  display: grid;
  gap: 30px;
  grid-template-columns: 200px 1fr auto;
  min-height: 250px;
  padding: 28px;
  transform: rotate(1.5deg);
}

.record {
  align-items: center;
  background:
    radial-gradient(circle, var(--paper) 0 8%, #1f2520 9% 20%, #455544 21% 22%, #1f2520 23% 42%, #455544 43% 44%, #1f2520 45%);
  border-radius: 50%;
  box-shadow: 0 14px 30px rgb(0 0 0 / 0.25);
  display: flex;
  height: 190px;
  justify-content: center;
  width: 190px;
}

.record span {
  color: var(--ink);
  font-size: 10px;
  font-weight: 800;
  position: relative;
  z-index: 2;
}

.player-meta {
  display: flex;
  flex-direction: column;
}

.player-meta small {
  color: var(--green);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.12em;
}

.player-meta strong {
  font-size: 35px;
  margin: 20px 0 28px;
}

.player-line {
  background: #d6cec0;
  height: 2px;
  position: relative;
}

.player-line i {
  background: var(--coral);
  display: block;
  height: 2px;
  width: 35%;
}

.player-meta > span {
  color: var(--muted);
  font-size: 9px;
  margin-top: 10px;
}

.rfa-player button {
  background: var(--coral);
  border: 0;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  font-size: 17px;
  height: 58px;
  width: 58px;
}

.channels-section {
  background: #f6f2e8;
}

.channel-list {
  border-top: 1px solid var(--line);
}

.channel-list a {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 20px;
  grid-template-columns: 70px 1fr 1fr auto;
  min-height: 100px;
  padding: 0 18px;
  transition: background 180ms ease, padding 180ms ease;
}

.channel-list a:hover {
  background: #ebe7dc;
  padding-left: 26px;
}

.channel-index {
  color: var(--coral);
  font-size: 10px;
  font-weight: 750;
}

.channel-list strong {
  font-size: 25px;
}

.channel-list small {
  color: var(--muted);
}

.channel-list i {
  font-size: 21px;
  font-style: normal;
}

.about-section {
  align-items: start;
  background: #e8e5d9;
  display: grid;
  gap: 60px;
  grid-template-columns: 90px 1fr 1fr;
  padding: 120px clamp(24px, 8vw, 130px);
}

.about-section .brand-mark {
  transform: scale(2);
  transform-origin: top left;
}

.about-section .section-kicker {
  margin-bottom: 20px;
}

.about-section > p {
  color: var(--muted);
  font-size: 15px;
  line-height: 2.2;
  margin: 41px 0 0;
  max-width: 520px;
}

footer {
  align-items: center;
  background: var(--paper);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  min-height: 180px;
  padding: 45px clamp(24px, 6vw, 96px);
}

footer > p {
  color: var(--muted);
  font-size: 12px;
}

footer > span {
  font-size: 9px;
  justify-self: end;
  letter-spacing: 0.12em;
}

/* Contact and privacy */
.contact-page{min-height:100vh}
.contact-hero{align-items:center;background:linear-gradient(120deg,#f8f5ed 0 58%,#e7eadf 58%);display:grid;grid-template-columns:1fr 1fr;min-height:440px;padding:70px clamp(24px,7vw,108px)}.contact-hero h1{font-size:clamp(58px,7vw,96px);letter-spacing:-.07em;line-height:1;margin:0}.contact-hero>div>p:last-child{color:var(--muted);font-size:15px;line-height:2;margin-top:30px}
.contact-hero-art{height:300px;position:relative}.contact-envelope{background:#fffaf1;border:1px solid #c8bfae;border-radius:18px;box-shadow:0 28px 60px #45563e26;height:185px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(3deg);width:290px}.contact-envelope:before,.contact-envelope:after{border-top:1px solid #c8bfae;content:"";height:100px;position:absolute;top:51px;width:170px}.contact-envelope:before{left:-5px;transform:rotate(29deg)}.contact-envelope:after{right:-5px;transform:rotate(-29deg)}.contact-envelope i{background:var(--coral);border-radius:50%;height:38px;left:calc(50% - 19px);position:absolute;top:72px;width:38px;z-index:2}.contact-envelope b{bottom:18px;color:var(--green);font-size:8px;left:22px;letter-spacing:.2em;position:absolute}.contact-leaf{background:var(--green);border-radius:100% 0;height:110px;position:absolute;width:55px}.contact-leaf-one{left:15%;top:5%;transform:rotate(-22deg)}.contact-leaf-two{bottom:2%;right:12%;transform:rotate(55deg) scale(.75)}.contact-dot{background:var(--coral);border-radius:50%;height:22px;position:absolute;right:19%;top:12%;width:22px}
.contact-content{display:grid;gap:clamp(50px,8vw,120px);grid-template-columns:minmax(250px,.65fr) minmax(540px,1.35fr);padding:110px clamp(24px,7vw,108px)}.contact-content aside h2{font-size:40px;letter-spacing:-.05em;margin:0 0 42px}.contact-note{border-top:1px solid var(--line);display:grid;gap:18px;grid-template-columns:30px 1fr;padding:22px 0}.contact-note>span{color:var(--coral);font-size:10px;font-weight:800}.contact-note strong{font-size:14px}.contact-note p{color:var(--muted);font-size:12px;line-height:1.9;margin:10px 0 0}
.contact-form{background:#fffdf8;border:1px solid var(--line);border-radius:28px;box-shadow:0 28px 70px #453a2d0d;padding:clamp(28px,4vw,50px)}.contact-form-heading{align-items:end;display:grid;grid-template-columns:1fr auto;margin-bottom:36px}.contact-form-heading>span{color:var(--coral);font-size:9px;font-weight:800;grid-column:1/-1;letter-spacing:.2em;margin-bottom:10px}.contact-form-heading h2{font-size:34px;letter-spacing:-.04em;margin:0}.contact-form-heading p{color:var(--muted);font-size:10px;margin:0}.contact-form b{color:var(--coral)}.contact-fields{display:grid;gap:22px 16px;grid-template-columns:1fr 1fr}.contact-fields label{display:flex;flex-direction:column;gap:9px}.contact-fields label>span{font-size:12px;font-weight:750}.contact-fields .field-wide{grid-column:1/-1}.contact-fields input,.contact-fields select,.contact-fields textarea{background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;font-size:14px;outline:none;padding:14px 15px;transition:.16s}.contact-fields textarea{line-height:1.7;resize:vertical}.contact-fields input:focus,.contact-fields select:focus,.contact-fields textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px #e9775917}.contact-fields small{color:var(--muted);font-size:9px}.contact-honeypot{height:0!important;left:-9999px;overflow:hidden;position:absolute!important;width:0}.contact-consent{align-items:flex-start;display:flex;font-size:11px;gap:10px;line-height:1.7;margin:26px 0}.contact-consent input{margin-top:4px}.contact-consent a{border-bottom:1px solid var(--ink)}.contact-submit-row{align-items:center;display:flex;gap:22px}.contact-submit-row .button{border:0;cursor:pointer;flex:none}.contact-submit-row .button:disabled{cursor:wait;opacity:.65}.contact-result{font-size:11px;line-height:1.7;margin:0}.contact-result.is-success{color:#3f683c}.contact-result.is-error{color:#a94133}.contact-footer>div{display:flex;gap:20px}.contact-footer>div a{color:var(--muted);font-size:10px}
.policy-page{min-height:100vh}.policy-page article{margin:0 auto;max-width:820px;padding:90px 28px 130px}.policy-page h1{font-size:clamp(48px,7vw,82px);letter-spacing:-.065em;margin:0 0 30px}.policy-lead{color:var(--muted);font-size:15px;line-height:2;margin-bottom:60px}.policy-page article section{border-top:1px solid var(--line);padding:30px 0}.policy-page article h2{font-size:19px;margin:0 0 12px}.policy-page article section p{color:var(--muted);font-size:13px;line-height:2;margin:0}.policy-page article section a{border-bottom:1px solid var(--ink)}.policy-page article>small{color:var(--muted)}
.admin-inquiries{background:#fffdf8;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,38px)}.inquiry-list{display:grid;gap:12px}.inquiry-list article{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px}.inquiry-list article.is-new{border-left:4px solid var(--coral)}.inquiry-meta,.inquiry-sender,.inquiry-actions{align-items:center;display:flex;gap:12px}.inquiry-meta{justify-content:space-between}.inquiry-meta span{color:var(--coral);font-size:9px;font-weight:800;letter-spacing:.08em}.inquiry-meta time{color:var(--muted);font-size:9px}.inquiry-list h3{font-size:18px;margin:13px 0 8px}.inquiry-list article>p{color:var(--muted);font-size:12px;line-height:1.8;white-space:pre-wrap}.inquiry-sender{font-size:11px}.inquiry-sender a{color:var(--green);text-decoration:underline}.inquiry-actions{justify-content:flex-end;margin-top:15px}.inquiry-actions button{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;font-size:10px;padding:8px 10px}
.admin-settings,.admin-pages{background:#fffdf8;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,38px)}.settings-lead{color:var(--muted);font-size:12px;line-height:1.8;margin:-8px 0 24px}.navigation-editor{display:grid;gap:10px}.navigation-row{align-items:end;background:var(--paper);border:1px solid var(--line);border-radius:14px;display:grid;gap:10px;grid-template-columns:30px minmax(130px,.7fr) minmax(230px,1.4fr) auto auto auto;padding:13px}.navigation-order{align-self:center;color:var(--coral);font-size:12px;font-weight:800;text-align:center}.navigation-row label{display:flex;flex-direction:column;gap:6px}.navigation-row label>span{font-size:9px;font-weight:750}.navigation-row input[type=text],.navigation-row input:not([type]){background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--ink);font:inherit;font-size:12px;min-height:40px;padding:0 10px}.navigation-check{align-items:center!important;align-self:center;flex-direction:row!important;gap:6px!important;white-space:nowrap}.navigation-check input{height:17px;width:17px}.navigation-actions{align-items:center;align-self:center;display:flex;gap:5px}.navigation-actions button{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--green);cursor:pointer;height:34px;padding:0 9px}.navigation-actions button:disabled{cursor:not-allowed;opacity:.35}.navigation-actions .danger{color:#ad3d2f}.settings-actions{align-items:center;display:flex;gap:14px;margin-top:18px}.settings-actions p{color:var(--green);font-size:11px;margin-right:auto}
.settings-subsection{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.general-settings-form>.settings-subsection:first-child{border-top:0;margin-top:0;padding-top:0}.settings-subsection h3{font-size:18px;margin:0 0 20px}.settings-field-grid{display:grid;gap:15px;grid-template-columns:1fr 1fr}.settings-field-grid .field{margin:0}.settings-field-grid .field-wide{grid-column:1/-1}.navigation-settings{margin-top:38px}.category-image-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.category-image-grid article{background:var(--paper);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:10px}.category-image-grid article.is-rfa{background:#0d0e1c;border-color:#26e8ff42;color:#fff}.category-image-preview{aspect-ratio:16/9;background-position:center;background-size:cover;border-radius:9px;margin-bottom:10px;overflow:hidden}.category-image-preview.is-square{aspect-ratio:1}.category-image-grid small{color:var(--muted);font-size:8px}.category-image-grid .is-rfa small{color:#a8a8ba}.category-image-grid strong{font-size:12px;margin:3px 0 10px}.category-image-upload{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--green);cursor:pointer;font-size:9px;font-weight:750;padding:8px;text-align:center}.category-image-upload input{display:none}.category-image-grid article>button{background:transparent;border:0;color:var(--coral);cursor:pointer;font-size:8px;margin-top:7px}.visual-editorial{background:radial-gradient(circle at 70% 26%,#e97759 0 7%,transparent 7.5%),linear-gradient(145deg,#f3d5c6,#e6dfc8 55%,#9caf8d)}.visual-creative{background:linear-gradient(135deg,#f3cab8 0 48%,#49674f 48% 52%,#f8e8d7 52%)}.visual-map{background:radial-gradient(circle at 35% 40%,#e97759 0 6%,transparent 6.5%),radial-gradient(ellipse at 62% 60%,#6f8c65 0 22%,transparent 22.5%),#e8dcc2}.visual-tool{background:repeating-linear-gradient(0deg,#354a39 0 5px,#405c45 5px 6px);box-shadow:inset 0 0 0 12px #e5d6bf}.visual-music{background:radial-gradient(circle at 70% 30%,#26e8ff55,transparent 22%),linear-gradient(145deg,#351247,#101225 58%,#061b25)}
@media(max-width:1100px){.category-image-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.settings-field-grid{grid-template-columns:1fr}.settings-field-grid .field-wide{grid-column:1}.category-image-grid{grid-template-columns:repeat(2,1fr)}.settings-actions{align-items:stretch;flex-direction:column}.settings-actions p{margin:0}.navigation-settings{margin-top:30px}}
.admin-top-actions{align-items:center;display:flex;gap:10px}.static-page-admin-layout{display:grid;gap:24px;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr)}.static-page-editor{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px}.static-page-editor-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.static-page-editor-heading h3,.static-page-list h3{font-size:17px;margin:0}.static-page-fields{display:grid;gap:14px;grid-template-columns:1fr 1fr}.slug-field{align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;overflow:hidden}.slug-field>span{background:#eee8dc;color:var(--muted);font-size:11px;padding:12px}.slug-field input{border:0!important;border-radius:0!important;min-width:0}.static-page-list{display:flex;flex-direction:column;gap:10px}.static-page-list>article{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:15px}.static-page-list h4{font-size:13px;margin:8px 0 4px}.static-page-list small{color:var(--muted);font-size:9px}.static-page-list .row-actions{flex-wrap:wrap;justify-content:flex-end}
.static-page{background:var(--paper);min-height:100vh}.static-page>article{margin:0 auto;max-width:920px;padding:clamp(75px,10vw,125px) 28px 130px}.static-page h1{font-size:clamp(52px,8vw,92px);letter-spacing:-.065em;line-height:1.05;margin:18px 0 28px}.static-page-lead{color:var(--muted);font-size:clamp(15px,2vw,19px);line-height:1.9;margin:0 0 70px;max-width:720px}.static-page-body{background:#fffdf8;border:1px solid var(--line);border-radius:24px;padding:clamp(25px,5vw,58px)}.static-page-body h2{border-top:1px solid var(--line);font-size:27px;margin:50px 0 18px;padding-top:35px}.static-page-body h2:first-child{border-top:0;margin-top:0;padding-top:0}.static-page-body h3{font-size:19px;margin:34px 0 12px}.static-page-body p,.static-page-body li{color:var(--muted);font-size:14px;line-height:2}.static-page-body ul{padding-left:1.3em}
.admin-checks{background:#fffdf8;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,38px)}.check-summary{align-items:stretch;display:grid;gap:12px;grid-template-columns:150px 150px 1fr;margin-bottom:12px}.check-summary>div{background:var(--paper);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;padding:16px}.check-summary>div.has-issues{background:#fff2eb;border-color:#e9b19f}.check-summary strong{font-size:28px}.check-summary span{color:var(--muted);font-size:10px}.check-summary>button{align-self:center;justify-self:end}.check-message{color:var(--muted);font-size:11px;line-height:1.7}.check-list{display:grid;gap:9px;margin-top:18px}.check-list article{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;display:grid;gap:14px;grid-template-columns:76px 1fr auto;padding:15px}.check-list strong{display:block;font-size:13px}.check-list p{color:var(--muted);font-size:10px;margin:5px 0}.check-list small{color:var(--muted);font-size:9px}.link-state{border-radius:999px;font-size:9px;font-weight:800;padding:7px 9px;text-align:center}.link-state--unchecked{background:#e8e5df;color:#615d57}.link-state--warning{background:#fff0ca;color:#806019}.link-state--broken,.link-state--invalid{background:#f7dcd5;color:#923e30}.check-actions{display:flex;gap:7px}.check-actions a,.check-actions button{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--green);cursor:pointer;font-size:9px;padding:8px}.work-link-indicator{font-size:9px;font-weight:700}.work-link-indicator--ok{color:#4f754b}.work-link-indicator--warning,.work-link-indicator--unchecked{color:#9a6c18}.work-link-indicator--broken,.work-link-indicator--invalid{color:#b04436}.backup-tools{border-top:1px solid var(--line);display:grid;gap:14px;margin-top:30px;padding-top:28px}.backup-tools>div:first-child>span{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.16em}.backup-tools h3{font-size:19px;margin:7px 0}.backup-tools p{color:var(--muted);font-size:11px;line-height:1.7;margin:0}.backup-actions{align-items:end;display:flex;flex-wrap:wrap;gap:12px}.backup-file{display:flex;flex:1;flex-direction:column;gap:6px;min-width:230px}.backup-file span{font-size:9px;font-weight:750}.backup-file input{background:var(--paper);border:1px solid var(--line);border-radius:10px;font-size:10px;padding:10px}.restore-message{color:var(--green)!important}
@media(max-width:760px){.check-summary{grid-template-columns:1fr 1fr}.check-summary>button{grid-column:1/-1;justify-self:stretch}.check-list article{align-items:start;grid-template-columns:70px 1fr}.check-actions{grid-column:2;flex-wrap:wrap}.backup-actions{align-items:stretch;flex-direction:column}.backup-file{min-width:0}.backup-actions .admin-primary-button,.backup-actions .admin-ghost-button{justify-content:center;text-align:center}}
@media(max-width:980px){.static-page-admin-layout{grid-template-columns:1fr}.static-page-list{order:-1}.static-page-list>article{align-items:flex-start}}
@media(max-width:620px){.admin-top-actions{align-items:stretch;flex-direction:column;width:100%}.admin-top-actions a{justify-content:center;text-align:center}.static-page-fields{grid-template-columns:1fr}.static-page-editor{padding:18px 14px}.static-page-editor-heading{align-items:flex-start;flex-direction:column;gap:12px}.static-page-list>article{align-items:stretch;flex-direction:column}.static-page-list .row-actions{justify-content:flex-start}.static-page>article{padding:65px 18px 80px}.static-page-body{border-radius:18px}}

@media (max-width: 1080px) {
  .site-header {
    grid-template-columns: 1fr auto;
  }

  .site-header nav {
    display: none;
  }

  .mobile-nav{display:block;justify-self:end;position:relative}.mobile-nav>summary{align-items:center;border:1px solid var(--line);border-radius:50%;cursor:pointer;display:flex;height:42px;justify-content:center;list-style:none;width:42px}.mobile-nav>summary::-webkit-details-marker{display:none}.mobile-nav>summary span{background:var(--ink);height:1px;position:absolute;transition:.16s;width:17px}.mobile-nav>summary span:first-child{transform:translateY(-5px)}.mobile-nav>summary span:last-child{transform:translateY(5px)}.mobile-nav[open]>summary span:first-child{transform:rotate(45deg)}.mobile-nav[open]>summary span:nth-child(2){opacity:0}.mobile-nav[open]>summary span:last-child{transform:rotate(-45deg)}.mobile-nav nav{background:#fffdf8;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 42px #3021181f;display:grid;gap:0;max-height:calc(100vh - 100px);min-width:250px;overflow:auto;padding:10px;position:absolute;right:0;top:50px}.mobile-nav nav a{border-radius:10px;font-size:13px;padding:13px 14px}.mobile-nav nav a:hover{background:var(--paper)}.mobile-nav nav a::after{display:none}

  .hero {
    grid-template-columns: minmax(410px, 1.08fr) minmax(330px, 0.92fr);
    min-height: clamp(560px, calc(100vh - 84px), 680px);
  }

  .hero-copy {
    align-self: center;
    min-height: 0;
    padding: 64px 34px 64px clamp(28px, 5vw, 64px);
  }

  .hero h1 {
    font-size: clamp(54px, 7vw, 76px);
  }

  .hero-lead {
    line-height: 1.85;
    margin-top: 28px;
  }

  .hero-actions {
    margin-top: 30px;
  }

  .hero-tags {
    margin-top: 40px;
  }

  .hero-gallery {
    min-height: 560px;
  }

  .hero-card-main {
    height: 350px;
    left: 7%;
    top: 12%;
    width: 62%;
  }

  .hero-card-code {
    height: 190px;
    padding: 19px;
    right: 4%;
    top: 31%;
    width: 38%;
  }

  .hero-card-code code {
    font-size: 12px;
    margin-top: 21px;
  }

  .hero-card-sound {
    bottom: 10%;
    right: 8%;
    width: 46%;
  }

  .rfa-section {
    gap: 50px;
    grid-template-columns: 0.7fr 1.3fr;
  }

  .video-section {
    gap: 55px;
    grid-template-columns: 0.85fr 1.15fr;
  }

  .rfa-orbit {
    display: none;
  }

  .rfa-player {
    grid-template-columns: 150px 1fr;
  }

  .record {
    height: 145px;
    width: 145px;
  }

  .rfa-player button {
    bottom: 30px;
    position: absolute;
    right: 30px;
  }
}

@media(max-width:900px){.contact-hero{background:linear-gradient(180deg,#f8f5ed 0 52%,#e7eadf 52%);grid-template-columns:1fr;padding-top:65px}.contact-content{grid-template-columns:1fr}.contact-content aside{max-width:620px}.contact-footer{grid-template-columns:1fr}}
@media(max-width:900px){.navigation-row{align-items:center;grid-template-columns:28px 1fr 1fr}.navigation-url{grid-column:3}.navigation-check{grid-row:2}.navigation-actions{grid-column:2/-1;grid-row:2;justify-self:end}}
@media(max-width:620px){.contact-hero{min-height:560px;padding:58px 20px 35px}.contact-hero h1{font-size:58px}.contact-hero>div>p:last-child br{display:none}.contact-hero-art{height:250px}.contact-envelope{height:155px;width:240px}.contact-envelope:before,.contact-envelope:after{top:40px;width:142px}.contact-envelope i{top:58px}.contact-content{padding:72px 17px}.contact-form{border-radius:20px;padding:25px 18px}.contact-form-heading{align-items:start;grid-template-columns:1fr}.contact-form-heading p{margin-top:8px}.contact-fields{grid-template-columns:1fr}.contact-fields .field-wide{grid-column:1}.contact-submit-row{align-items:stretch;flex-direction:column}.contact-submit-row .button{width:100%}.contact-footer{padding:45px 20px}.contact-footer>div{flex-direction:column;gap:10px}.inquiry-meta,.inquiry-sender{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:620px){.navigation-row{grid-template-columns:24px 1fr}.navigation-row>label,.navigation-url{grid-column:2}.navigation-check{grid-column:2;grid-row:auto}.navigation-actions{grid-column:2;grid-row:auto;justify-self:start}.settings-actions{align-items:stretch;flex-direction:column}.settings-actions p{margin:0}.settings-actions button{width:100%}}

@media (max-width: 760px) {
  .site-header {
    height: 68px;
    padding: 0 18px;
  }

  .brand {
    font-size: 17px;
    gap: 8px;
  }

  .brand-mark {
    transform: scale(0.8);
    transform-origin: center;
  }

  .header-cta {
    display: none;
  }

  .hero {
    display: block;
    isolation: isolate;
    min-height: 590px;
    overflow: hidden;
    position: relative;
  }

  .hero::before {
    background:
      linear-gradient(
        90deg,
        rgb(248 245 237 / 0.97) 0%,
        rgb(248 245 237 / 0.9) 48%,
        rgb(248 245 237 / 0.5) 76%,
        rgb(248 245 237 / 0.2) 100%
      ),
      linear-gradient(
        0deg,
        rgb(248 245 237 / 0.9) 0%,
        transparent 32%,
        rgb(248 245 237 / 0.18) 100%
      );
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
  }

  .hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: auto;
    padding: 48px 22px 42px;
    width: min(91%, 520px);
    z-index: 2;
  }

  .eyebrow {
    font-size: 9px;
    margin-bottom: 22px;
  }

  .hero h1 {
    font-size: clamp(46px, 15vw, 64px);
    text-shadow: 0 2px 24px rgb(248 245 237 / 0.75);
  }

  .hero-lead {
    font-size: 14px;
    line-height: 1.8;
    margin-top: 24px;
    max-width: 390px;
  }

  .desktop-only {
    display: none;
  }

  .hero-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 17px;
    margin-top: 26px;
  }

  .button {
    gap: 25px;
    min-height: 54px;
  }

  .hero-tags {
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-top: 28px;
  }

  .hero-gallery {
    display: block;
    inset: 0;
    min-height: 0;
    position: absolute;
    z-index: 0;
  }

  .hero-gallery::after {
    background:
      radial-gradient(circle at 84% 20%, rgb(233 119 89 / 0.2), transparent 22%),
      linear-gradient(135deg, transparent 35%, rgb(52 70 56 / 0.08));
    content: "";
    inset: 0;
    position: absolute;
  }

  .hero-card-main {
    height: 360px;
    left: 43%;
    opacity: 0.88;
    top: 13%;
    transform: rotate(3deg);
    width: 70%;
  }

  .hero-card-code {
    height: 154px;
    opacity: 0.92;
    right: -8%;
    top: 53%;
    transform: rotate(-3deg);
    width: 43%;
  }

  .hero-card-code code {
    font-size: 10px;
    line-height: 1.65;
    margin-top: 14px;
  }

  .hero-card-sound {
    bottom: 4%;
    height: 80px;
    opacity: 0.9;
    right: 7%;
    width: 42%;
  }

  .hero-card-sound span {
    display: none;
  }

  .floating-leaf {
    opacity: 0.42;
  }

  .works-section,
  .channels-section {
    padding: 68px 18px;
  }

  .video-section {
    grid-template-columns: 1fr;
    padding: 82px 18px 100px;
  }

  .video-copy h2 {
    font-size: 38px;
  }

  .video-stage {
    min-height: 390px;
  }

  .video-screen {
    height: 245px;
  }

  .video-diagram {
    gap: 10px;
  }

  .video-diagram i {
    font-size: 11px;
    padding: 19px 16px;
  }

  .video-diagram b {
    font-size: 20px;
  }

  .video-note-card {
    bottom: -18px;
    left: -4px;
  }

  .section-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 36px;
  }

  .section-heading h2,
  .rfa-copy h2,
  .about-section h2 {
    font-size: 38px;
  }

  .works-grid {
    grid-template-columns: 1fr;
  }

  .work-card,
  .work-card--wide {
    grid-column: span 1;
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .work-visual {
    min-height: 310px;
  }

  .work-info {
    min-height: 240px;
    padding: 29px 25px;
  }

  .work-info a {
    bottom: 25px;
    right: 25px;
  }

  .rfa-section {
    gap: 55px;
    grid-template-columns: 1fr;
    padding: 88px 18px;
  }

  .rfa-player {
    gap: 22px;
    grid-template-columns: 95px 1fr;
    min-height: 190px;
    padding: 20px;
  }

  .record {
    height: 95px;
    width: 95px;
  }

  .player-meta strong {
    font-size: 25px;
    margin: 14px 0 20px;
  }

  .rfa-player button {
    bottom: 17px;
    height: 45px;
    right: 17px;
    width: 45px;
  }

  .channel-list a {
    gap: 10px;
    grid-template-columns: 42px 1fr auto;
    min-height: 88px;
    padding: 0 8px;
  }

  .channel-list strong {
    font-size: 20px;
  }

  .channel-list small {
    display: none;
  }

  .about-section {
    gap: 32px;
    grid-template-columns: 1fr;
    padding: 88px 24px;
  }

  .about-section .brand-mark {
    transform: scale(1.4);
  }

  .about-section > p {
    margin-top: 5px;
  }

  footer {
    align-items: start;
    gap: 24px;
    grid-template-columns: 1fr;
    min-height: 220px;
  }

  footer > span {
    justify-self: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

/* Admin */
.admin-shell {
  background: #f3f0e8;
  display: grid;
  grid-template-columns: 260px 1fr;
  min-height: 100vh;
}

.admin-sidebar {
  align-self: start;
  background: var(--green-dark);
  color: #f5efe2;
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow-y: auto;
  padding: 34px 26px;
  position: sticky;
  top: 0;
  z-index: 30;
}

.admin-brand {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 750;
  gap: 10px;
}

.admin-sidebar .brand-mark::before,
.admin-sidebar .brand-mark::after,
.admin-sidebar .brand-mark i {
  background: #c7d2bb;
}

.admin-sidebar .brand-mark i:nth-child(4) {
  background: var(--coral);
}

.admin-nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 72px;
}

.admin-nav-label {
  color: #9cad96;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.2em;
  margin: 0 0 13px 14px;
}

.admin-nav a {
  border-radius: 10px;
  color: #bec9b7;
  font-size: 13px;
  font-weight: 650;
  padding: 13px 14px;
}

.admin-nav a.is-active {
  background: rgb(255 255 255 / 0.1);
  color: #fff9ed;
}

.admin-user {
  border-top: 1px solid rgb(255 255 255 / 0.14);
  display: flex;
  flex-direction: column;
  margin-top: auto;
  padding-top: 22px;
}

.admin-user small {
  color: #9cad96;
  font-size: 9px;
}

.admin-user strong {
  font-size: 13px;
  margin: 7px 0 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-user a {
  color: #c7d2bb;
  font-size: 11px;
  text-decoration: underline;
}

.admin-mobile-nav {
  display: none;
}

.admin-main {
  padding: 52px clamp(30px, 5vw, 78px) 100px;
}

.admin-top {
  align-items: end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 42px;
}

.admin-top p,
.admin-section-title span {
  color: var(--green);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.18em;
  margin: 0 0 12px;
}

.admin-top h1 {
  font-size: 43px;
  letter-spacing: -0.055em;
  margin: 0;
}

.admin-stats {
  display: flex;
  gap: 12px;
}

.admin-stats > span {
  align-items: center;
  background: #fffdf7;
  border: 1px solid var(--line);
  border-radius: 13px;
  display: flex;
  gap: 18px;
  padding: 12px 17px;
}

.admin-stats small {
  color: var(--muted);
  font-size: 10px;
}

.admin-stats strong {
  font-size: 21px;
}

.admin-editor,
.admin-list {
  background: #fffdf7;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 34px;
}

.admin-list {
  margin-top: 20px;
}

.admin-section-title {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  margin-bottom: 28px;
  padding-bottom: 23px;
}

.admin-section-title span {
  display: block;
  margin-bottom: 8px;
}

.admin-section-title h2 {
  font-size: 24px;
  letter-spacing: -0.035em;
  margin: 0;
}

.admin-ghost-button {
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--ink);
  cursor: pointer;
  font-size: 11px;
  padding: 9px 14px;
}

.admin-editor form {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.field {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.field-wide {
  grid-column: span 2;
}

.field > span {
  color: #594d43;
  font-size: 11px;
  font-weight: 700;
}

.field > small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  margin-top: 7px;
}

.field input,
.field select,
.field textarea {
  background: #f8f6f0;
  border: 1px solid #ddd5c8;
  border-radius: 10px;
  color: var(--ink);
  font: inherit;
  font-size: 13px;
  min-height: 46px;
  outline: none;
  padding: 11px 13px;
  transition: border 160ms ease, box-shadow 160ms ease;
}

.field textarea {
  min-height: 96px;
  resize: vertical;
}

.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgb(82 106 80 / 0.12);
}

.form-actions {
  align-items: center;
  display: flex;
  gap: 20px;
  margin-top: 4px;
}

.form-actions p {
  color: var(--green);
  font-size: 12px;
  margin: 0;
}

.admin-primary-button {
  background: var(--coral);
  border: 0;
  border-radius: 999px;
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-weight: 750;
  min-width: 180px;
  padding: 15px 22px;
}

.admin-primary-button span {
  color: inherit;
  display: inline;
  font-size: 16px;
  margin-left: 20px;
}

.admin-empty {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.8;
  padding: 30px 0;
  text-align: center;
}

.admin-table article {
  align-items: center;
  border-bottom: 1px solid #e4ded3;
  display: grid;
  gap: 16px;
  grid-template-columns: 12px minmax(230px, 1fr) 80px 90px auto;
  min-height: 80px;
}

.admin-table article:last-child {
  border-bottom: 0;
}

.status-dot {
  background: #aaa;
  border-radius: 50%;
  height: 7px;
  width: 7px;
}

.status-dot--published {
  background: #6d8a66;
  box-shadow: 0 0 0 4px rgb(109 138 102 / 0.14);
}

.admin-table article > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.admin-table small,
.admin-status,
.admin-order {
  color: var(--muted);
  font-size: 10px;
}

.admin-table strong {
  font-size: 14px;
}

.row-actions {
  display: flex;
  gap: 6px;
}

.row-actions button {
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  cursor: pointer;
  font-size: 10px;
  padding: 8px 10px;
}

.row-actions button.danger {
  color: #aa4d3d;
}

.admin-denied {
  align-items: center;
  background: var(--paper);
  display: flex;
  justify-content: center;
  min-height: 100vh;
  padding: 24px;
  text-align: center;
}

.admin-denied > div {
  max-width: 560px;
}

.admin-denied h1 {
  font-size: clamp(34px, 5vw, 58px);
  letter-spacing: -0.055em;
}

.admin-denied p {
  color: var(--muted);
}

.admin-denied a {
  border-bottom: 1px solid var(--ink);
  display: inline-block;
  margin-top: 22px;
}

@media (max-width: 820px) {
  .admin-shell {
    grid-template-columns: 1fr;
  }

  .admin-sidebar {
    align-items: center;
    flex-direction: row;
    height: 68px;
    justify-content: space-between;
    overflow: visible;
    padding: 0 18px;
    position: sticky;
    top: 0;
  }

  .admin-nav,
  .admin-user {
    display: none;
  }

  .admin-mobile-nav {
    display: block;
    position: relative;
  }

  .admin-mobile-nav summary {
    align-items: center;
    border: 1px solid rgb(255 255 255 / 0.18);
    border-radius: 999px;
    color: #f5efe2;
    cursor: pointer;
    display: flex;
    font-size: 11px;
    font-weight: 750;
    gap: 10px;
    list-style: none;
    padding: 10px 13px;
  }

  .admin-mobile-nav summary::-webkit-details-marker {
    display: none;
  }

  .admin-mobile-nav summary i,
  .admin-mobile-nav summary i::before,
  .admin-mobile-nav summary i::after {
    background: currentColor;
    content: "";
    display: block;
    height: 1px;
    position: relative;
    transition: transform .16s ease;
    width: 15px;
  }

  .admin-mobile-nav summary i::before,
  .admin-mobile-nav summary i::after {
    position: absolute;
  }

  .admin-mobile-nav summary i::before { transform: translateY(-5px); }
  .admin-mobile-nav summary i::after { transform: translateY(5px); }
  .admin-mobile-nav[open] summary i { background: transparent; }
  .admin-mobile-nav[open] summary i::before { transform: rotate(45deg); }
  .admin-mobile-nav[open] summary i::after { transform: rotate(-45deg); }

  .admin-mobile-nav nav {
    background: var(--green-dark);
    border: 1px solid rgb(255 255 255 / 0.14);
    border-radius: 15px;
    box-shadow: 0 18px 45px rgb(25 31 23 / 0.3);
    display: grid;
    max-height: calc(100vh - 84px);
    min-width: min(310px, calc(100vw - 32px));
    overflow-y: auto;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 48px;
  }

  .admin-mobile-nav nav a {
    border-radius: 9px;
    color: #d3ddcd;
    font-size: 12px;
    font-weight: 650;
    padding: 12px 13px;
  }

  .admin-mobile-nav nav a:hover,
  .admin-mobile-nav nav a:focus-visible {
    background: rgb(255 255 255 / 0.1);
    color: #fff9ed;
  }

  .admin-main section[id],
  .admin-main[id] {
    scroll-margin-top: 84px;
  }

  .admin-main {
    padding: 36px 16px 72px;
  }

  .admin-top {
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
  }

  .admin-top h1 {
    font-size: 36px;
  }

  .admin-editor,
  .admin-list {
    border-radius: 15px;
    padding: 24px 18px;
  }

  .admin-editor form {
    grid-template-columns: 1fr;
  }

  .field-wide {
    grid-column: span 1;
  }

  .form-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-table article {
    gap: 10px;
    grid-template-columns: 10px 1fr auto;
    padding: 16px 0;
  }

  .admin-status,
  .admin-order {
    display: none;
  }
}

/* Final admin layout overrides */
.admin-main .admin-editor-layout form{display:block;grid-template-columns:none}
.admin-main .admin-fieldset{display:grid;grid-template-columns:1fr 1fr}
.admin-main .admin-fieldset .field-wide{grid-column:1/-1}
.admin-main .admin-table article{grid-template-columns:28px minmax(220px,2fr) 85px minmax(130px,1fr) 85px minmax(190px,auto)}
.admin-main .admin-table .admin-status{display:block}
.works-more{margin:42px auto 0;width:max-content}

.archive-page{background:var(--paper);min-height:100vh}
.archive-header{align-items:center;border-bottom:1px solid var(--line);display:flex;height:76px;justify-content:space-between;padding:0 clamp(22px,5vw,76px)}
.archive-brand{font-size:17px;font-weight:800}.archive-header nav{display:flex;gap:24px;font-size:12px;font-weight:700}
.archive-hero{padding:clamp(65px,10vw,125px) clamp(22px,7vw,110px) 70px}.archive-hero>p{color:var(--coral);font-size:10px;font-weight:800;letter-spacing:.2em}.archive-hero h1{font-size:clamp(58px,8vw,110px);letter-spacing:-.07em;margin:18px 0}.archive-hero>span{color:var(--muted);font-size:14px}
.archive-filters{display:flex;flex-wrap:wrap;gap:8px;padding:0 clamp(22px,7vw,110px) 38px}.archive-filters a{background:#fff;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:750;padding:9px 13px}
.archive-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:0 clamp(22px,7vw,110px) 110px}.archive-card{background:#fffdf8;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s}.archive-card:hover{box-shadow:0 20px 50px #4f38201a;transform:translateY(-4px)}.archive-card.is-rfa{background:#0c0d1d;border-color:#26e8ff3d;color:#fff}.archive-image{align-items:flex-start;aspect-ratio:16/9;background-position:center;background-size:cover;display:flex;padding:16px}.archive-image span{background:#fffdfa;border-radius:999px;color:#3d2d22;font-size:8px;font-weight:800;letter-spacing:.12em;padding:7px 9px}.archive-card.is-rfa .archive-image{aspect-ratio:1}.archive-card.is-rfa .archive-image span{background:#0b0c1bd9;color:#26e8ff}.archive-card>div:last-child{padding:22px}.archive-card small{color:var(--coral);font-size:9px;font-weight:800}.archive-card h2{font-size:23px;line-height:1.35;margin:9px 0}.archive-card p{color:var(--muted);font-size:12px;line-height:1.8;min-height:44px}.archive-card.is-rfa p{color:#9a9bb6}.archive-card b{font-size:10px}.visual-editorial{background:linear-gradient(145deg,#f4cbb9,#f7e9d6)}.visual-map{background:linear-gradient(145deg,#dfe5d6,#8ba48b)}.visual-tool{background:linear-gradient(145deg,#373d32,#82916c)}.visual-creative{background:linear-gradient(145deg,#e97759,#d8ad68)}.visual-music{background:radial-gradient(circle at 72% 32%,#ff2bd65c,transparent 22%),linear-gradient(145deg,#11142c,#061c25)}.archive-empty{grid-column:1/-1;padding:50px;text-align:center}
@media(max-width:1000px){.admin-main .admin-fieldset{grid-template-columns:1fr}.admin-main .admin-fieldset .field-wide{grid-column:1}.admin-main .admin-table article{grid-template-columns:26px 1fr auto}.admin-main .admin-table article>.admin-status{grid-column:3}.admin-main .admin-table article>.placement-labels,.admin-main .admin-table article>time,.admin-main .admin-table article>.row-actions{grid-column:2/-1}.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.archive-header nav a:last-child{display:none}.archive-hero{padding-top:65px}.archive-grid{grid-template-columns:1fr;padding-bottom:70px}.archive-card.is-rfa .archive-image{aspect-ratio:16/9}.archive-filters{overflow:auto;flex-wrap:nowrap}.archive-filters a{white-space:nowrap}}

/* v2.1 empty states and readable RfaSound layout */
.home-empty{grid-column:1/-1;padding:54px 28px;border:1px dashed var(--line);border-radius:22px;background:#fffdf8;text-align:center}
.home-empty h3,.rfa-empty h3{margin:0 0 8px;font-size:22px}.home-empty p,.rfa-empty p{margin:0;color:var(--muted);font-size:13px}
.rfa-player-empty{grid-template-columns:160px 1fr}.rfa-player-empty .player-meta strong{font-size:clamp(22px,2.4vw,34px)}
.rfa-classic{min-height:100vh;background:#111729;color:#f8f3e8}.rfa-classic .site-header{color:var(--ink)}
.rfa-classic .rfa-hero{position:relative;min-height:620px;padding:118px clamp(24px,10vw,160px);overflow:hidden;background:radial-gradient(circle at 80% 30%,#9d4053 0,transparent 35%),linear-gradient(140deg,#10182c,#202444 55%,#131524)}
.rfa-classic .rfa-hero:after{content:"";position:absolute;right:-8%;bottom:-35%;width:640px;height:640px;border:1px solid rgba(236,113,89,.5);border-radius:50%;box-shadow:0 0 90px rgba(236,113,89,.2)}
.rfa-classic .rfa-hero>p:first-child{font:700 12px monospace;letter-spacing:.22em;color:#f19782}.rfa-classic .rfa-hero h1{position:relative;z-index:1;margin:30px 0;font-size:clamp(52px,8vw,105px);line-height:1.02}.rfa-classic .rfa-hero h1 span{color:#f07b66}.rfa-classic .rfa-hero>p:last-child{max-width:600px;color:#d4d7e3}.rfa-classic .rfa-wave{color:#f07b66;font-size:34px;letter-spacing:9px}
.rfa-classic .section{padding:clamp(70px,8vw,115px) clamp(24px,8vw,130px)}.rfa-classic .section-kicker{color:#f19782}.rfa-classic .section-heading h2{color:#fff}
.rfa-classic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.rfa-classic-card{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(220px,1.15fr);min-height:280px;overflow:hidden;border:1px solid #343b55;border-radius:24px;background:#1b2137;color:#fff;transition:.2s}.rfa-classic-card:hover{transform:translateY(-4px);border-color:#f07b66}.rfa-classic-image{display:flex;align-items:flex-start;min-height:250px;padding:18px;background:radial-gradient(circle at 70% 30%,rgba(240,123,102,.55),transparent 28%),linear-gradient(145deg,#11142c,#18314a);background-position:center;background-size:cover}.rfa-classic-image span{padding:6px 9px;border-radius:999px;background:rgba(8,10,24,.8);color:#f19782;font-size:9px;font-weight:800;letter-spacing:.1em}.rfa-classic-card>div:last-child{display:flex;flex-direction:column;padding:28px}.rfa-classic-card small{color:#f19782;font-size:10px;font-weight:800}.rfa-classic-card h3{margin:12px 0 8px;font-size:25px}.rfa-classic-card p{margin:0;color:#c3c7d6;font-size:13px}.rfa-classic-card b{margin-top:auto;padding-top:18px;font-size:11px}.rfa-empty{grid-column:1/-1;padding:54px 28px;border:1px dashed #3d455f;border-radius:22px;background:#171d31;text-align:center}.rfa-empty p{color:#b7bdcf}
@media(max-width:900px){.rfa-classic-grid{grid-template-columns:1fr}.rfa-classic-card{grid-template-columns:minmax(160px,.75fr) 1.25fr}}
@media(max-width:620px){.rfa-player-empty{grid-template-columns:100px 1fr}.rfa-player-empty .record{height:94px;width:94px}.rfa-classic .rfa-hero{min-height:520px;padding-top:90px}.rfa-classic .rfa-wave{font-size:20px;letter-spacing:4px}.rfa-classic-card{grid-template-columns:1fr}.rfa-classic-image{aspect-ratio:16/9;min-height:0}}