/* Code-painted artwork ships pre-rendered. Labels and economics stay real text. */
#view-learn .learn-hero,.rewards-guide { width:min(1320px,calc(100% - 48px)); }
#view-learn .learn-hero { padding:62px 0 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px 58px;text-align:left;align-items:end; }
#view-learn .learn-hero .eyebrow { grid-column:1/-1;justify-content:flex-start;margin:0;font:10px var(--mono);letter-spacing:.16em;color:var(--acid); }
#view-learn .learn-hero h1 { font-size:clamp(42px,4.8vw,68px);line-height:1.08;letter-spacing:-.045em; }
#view-learn .learn-hero p { max-width:440px;margin:0;font-size:16px;line-height:1.7; }
.learn-hero-intro { padding-bottom:3px; }
.learn-hero-actions { display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:23px; }
.learn-hero-actions .button { min-height:46px;padding:12px 19px;font-size:13px; }
.learn-studio-link { border:0;background:transparent;padding:10px 0;color:var(--paper);font-size:13px;cursor:pointer; }
.learn-studio-link span { color:var(--acid);margin-left:8px; }
.learn-studio-link:hover { color:var(--acid); }
.learn-mood-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; }
.learn-mood { min-width:0;margin:0; }
.learn-mood-art { position:relative;isolation:isolate;overflow:hidden;border-radius:14px;background:var(--panel-2);aspect-ratio:10/7; }
.learn-mood-art img { display:block;width:100%;height:100%;object-fit:cover; }
.learn-chart-label { position:absolute;left:57.2%;top:17.3%;width:30%;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#ecdfbb;font:700 clamp(11px,1.25vw,17px)/1.2 var(--mono);letter-spacing:.12em;transform:rotate(1.43deg); }
.learn-mood-eth .learn-chart-label span { color:#e99c80; }
.learn-mood-stock .learn-chart-label span { color:#c6df9c; }
.learn-mood figcaption { padding:23px 2px 0; }
.learn-mood figcaption small,.rewards-story small { color:var(--acid);font:10px var(--mono);letter-spacing:.12em; }
.learn-mood h2 { font-size:clamp(20px,2vw,27px);font-weight:550;letter-spacing:-.025em;line-height:1.25;margin:11px 0; }
.learn-mood p { max-width:550px;font-size:14px;line-height:1.7;color:var(--muted);margin:0; }
.learn-denomination-note { display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:center;padding:28px 0;margin-top:30px;border-block:1px solid var(--line); }
.learn-denomination-note strong { font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.025em; }
.learn-denomination-note p { max-width:650px;font-size:13px;line-height:1.7;color:var(--muted);margin:0; }
.learn-story-heading { padding-top:64px; }
.rewards-guide { padding-bottom:76px; }
.rewards-story { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none; }
.rewards-story li { min-width:0; }
.rewards-story img { display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;background:var(--panel-2); }
.rewards-story-copy { padding:21px 2px 0; }
.rewards-story h2 { font-size:21px;font-weight:550;letter-spacing:-.025em;line-height:1.25;margin:12px 0; }
.rewards-story p { margin:0;color:var(--muted);font-size:14px;line-height:1.65; }
.rewards-return { display:flex;align-items:center;justify-content:center;gap:20px;border-bottom:1px solid var(--line);margin:28px 0 56px;padding:0 12px 28px; }
.rewards-return>span { color:var(--acid);font-size:24px; }
.rewards-return p { font-size:13px;line-height:1.6;color:#bfceb3;margin:0;text-align:center; }
.rewards-section-head { display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:23px; }
.rewards-section-head h2,.rewards-value h2 { font-size:clamp(30px,3.5vw,43px);font-weight:500;line-height:1.08;letter-spacing:-.04em;margin:12px 0 0; }
.rewards-section-head>p { color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 3px; }
.rewards-fee-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; }
.rewards-fee-card { padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--panel); }
.rewards-fee-card>header { display:flex;justify-content:space-between;align-items:center;gap:20px; }
.rewards-fee-card h3 { font-size:22px;font-weight:500;letter-spacing:-.03em;margin:0; }
.rewards-fee-card header p { color:var(--muted);font-size:13px;margin:7px 0 0; }
.rewards-fee-total { font:500 62px/1 var(--sans);letter-spacing:-.05em;color:var(--paper); }
.rewards-fee-total>span { font-size:30px;margin-left:2px; }
.rewards-split-bar { display:grid;height:12px;gap:4px;margin-top:28px;border-radius:4px;overflow:hidden; }
.rewards-token-split { grid-template-columns:2fr 1fr; }
.rewards-nft-split { grid-template-columns:1fr 2fr; }
.rewards-split-bar.rewards-nft-split>span:nth-child(2) { position:relative;isolation:isolate;overflow:hidden;background:#ff780a;box-shadow:0 0 12px #ff780a66; }
.rewards-nft-split>span:nth-child(2)::before { content:"";position:absolute;inset:-12px -45%;background:radial-gradient(ellipse at 30% 50%,#ffe694dd,transparent 36%),radial-gradient(ellipse at 70% 50%,#ff3900bb,transparent 43%);animation:burn-bar-flow 5s ease-in-out infinite alternate;pointer-events:none; }
.rewards-nft-split>span:nth-child(2)::after { content:"";position:absolute;inset:0;background:#ffca61;opacity:.12;animation:burn-bar-pulse 3s ease-in-out infinite;pointer-events:none; }
@keyframes burn-bar-flow { from {transform:translateX(-12%);} to {transform:translateX(12%);} }
@keyframes burn-bar-pulse { 0%,100% {opacity:.08;} 50% {opacity:.38;} }
@media(prefers-reduced-motion:reduce) { .rewards-nft-split>span:nth-child(2)::before,.rewards-nft-split>span:nth-child(2)::after {animation:none;} }
.rewards-split-bar>span:first-child { background:#c6dfa0; }
.rewards-split-bar>span:last-child { background:#748678; }
.rewards-split-labels { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0; }
.rewards-split-labels>div:last-child { text-align:right; }
.rewards-nft-labels { grid-template-columns:repeat(2,minmax(0,1fr)); }
.rewards-nft-labels dd small { display:block;margin-top:4px; }
.rewards-split-labels dt { font-size:13px;color:#c8d3be; }
.rewards-split-labels dd { margin:8px 0 0;font-size:24px;font-weight:550; }
.rewards-split-labels dd small { font-size:12px;color:var(--muted);font-weight:400; }
.rewards-fee-note { color:var(--muted);font-size:13px;line-height:1.65;border-top:1px solid var(--line);margin:22px 0 0;padding-top:20px; }
.rewards-value { display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:64px 0;border-bottom:1px solid var(--line); }
.rewards-value h2 em { font-family:var(--serif);font-weight:400;color:var(--acid); }
.rewards-value>div>p { max-width:475px;color:var(--muted);font-size:14px;line-height:1.75;margin:22px 0 0; }
.rewards-weight { padding:28px;border:1px solid #bdd5a132;border-radius:16px;background:#202b20; }
.rewards-weight-example { display:flex;justify-content:space-between;align-items:center;gap:15px; }
.rewards-weight-example strong { font-size:clamp(28px,3.2vw,44px);line-height:1;letter-spacing:-.04em;font-weight:500; }
.rewards-weight-example strong span { display:block;margin-top:13px;font-size:12px;letter-spacing:0;font-weight:400;color:#d1dcc5; }
.rewards-weight-example>span { font-size:24px;color:var(--acid); }
.rewards-weight .rewards-details { margin-top:22px;border-bottom:0;border-top:1px solid var(--line); }
.rewards-details { border-bottom:1px solid var(--line); }
.rewards-details summary { cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;color:var(--paper);font-size:15px;line-height:1.5;transition:color .15s; }
.rewards-details summary::-webkit-details-marker { display:none; }
.rewards-details summary:after { content:'+';flex:0 0 20px;text-align:center;color:var(--acid);font-size:23px; }
.rewards-details[open] summary:after { content:'−'; }
.rewards-details summary:hover { color:var(--acid); }
.rewards-details summary:focus-visible { outline:2px solid var(--acid);outline-offset:5px;border-radius:4px; }
.rewards-details>div { padding-bottom:22px;max-width:840px; }
.rewards-details p { margin:0 0 12px;font-size:14px;line-height:1.7;color:#c2cdb9; }
.rewards-details p:last-child { margin-bottom:0; }
.rewards-details p.rewards-detail-note { color:var(--muted);font-size:12px; }
.rewards-weight .rewards-details summary { padding:19px 0 0;font-size:13px; }
.rewards-weight .rewards-details[open]>div { padding:17px 0 0; }
.rewards-faq { margin:10px 0 44px; }
.rewards-cta { display:flex;justify-content:space-between;align-items:center;gap:25px;padding:38px;border-radius:16px;background:var(--panel-2); }
.rewards-cta h2 { margin:14px 0 0;font-size:36px;font-weight:500;letter-spacing:-.035em; }
.rewards-cta p { margin:10px 0 0;font-size:14px;color:#b9c9ac;line-height:1.6; }
.rewards-cta .button { white-space:nowrap; }
@media(max-width:1000px) {
  #view-learn .learn-hero { gap:20px 28px;grid-template-columns:1.15fr 1fr; }
  #view-learn .learn-hero p { font-size:14px; }
  .learn-hero-actions { gap:6px 16px; }
  .rewards-value { gap:30px; }
}
@media(max-width:650px) {
  #view-learn .learn-hero,.rewards-guide { width:calc(100% - 32px); }
  #view-learn .learn-hero { padding:35px 0 28px;grid-template-columns:minmax(0,1fr);gap:19px; }
  #view-learn .learn-hero h1 { font-size:clamp(39px,8.6vw,55px); }
  #view-learn .learn-hero p { font-size:14px; }
  .learn-mood-grid,.learn-denomination-note { grid-template-columns:minmax(0,1fr); }
  .learn-mood-grid { gap:30px; }
  .learn-chart-label { font-size:clamp(10px,3vw,17px); }
  .learn-mood figcaption { padding-top:17px; }
  .learn-denomination-note { gap:12px;padding:24px 0; }
  .learn-denomination-note strong { font-size:22px; }
  .learn-story-heading { padding-top:40px; }
  .rewards-story { gap:30px;grid-template-columns:minmax(0,1fr); }
  .rewards-story-copy { padding-top:16px; }
  .rewards-story h2 { font-size:22px; }
  .rewards-story p { font-size:14px; }
  .rewards-story small { font-size:9px; }
  .rewards-return { margin-bottom:36px;gap:10px; }
  .rewards-section-head { display:block; }
  .rewards-section-head>p { margin-top:16px; }
  .rewards-fee-grid,.rewards-value { grid-template-columns:minmax(0,1fr); }
  .rewards-fee-card { padding:24px; }
  .rewards-value { padding:40px 0; }
  .rewards-weight { padding:24px; }
  .rewards-details summary { font-size:14px; }
  .rewards-cta { align-items:start;flex-direction:column;padding:24px; }
  .rewards-cta h2 { font-size:26px; }
}
@media(max-width:370px) {
  .rewards-split-labels dd small { display:block;margin-top:4px; }
}