/* Review 26: Home/About use the approved solution/catalog visual system.
   Existing full-frame geometry, content, rails, orbit and milestones remain. */
@font-face{font-family:DAOEditorial;src:url('/assets/fonts/BeVietnamPro-Black.ttf') format('truetype');font-weight:900;font-display:swap}
body:is([data-page=home],[data-page=about]) #main{--brand-red:var(--cms-brand-brandRed,#df2911);--brand-deep:var(--cms-brand-brandDeep,#c9230d);--brand-paper:var(--cms-brand-audience,#f6f2ea);--brand-lilac:var(--cms-brand-brandLilac,#e8dff4);--brand-ink:var(--cms-brand-ink,#151614);--dao-orange:var(--cms-brand-brandRed,#df2911);--dao-ink:var(--cms-brand-ink,#151614);--dao-warm:var(--cms-brand-audience,#f6f2ea);--dao-muted:#55594d}
body:is([data-page=home],[data-page=about]) #main :is(h1,h2,h3){font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-weight:900;letter-spacing:-.045em;-webkit-text-stroke:0}
body:is([data-page=home],[data-page=about]) #main h2{line-height:1.16}
body:is([data-page=home],[data-page=about]) #main .brand-title-accent{color:var(--brand-deep)}
body:is([data-page=home],[data-page=about]) #main .dao-kicker{display:inline-flex;align-items:center;min-height:32px;padding:8px 15px;border:0;border-radius:99px;background:var(--brand-red);color:var(--cms-brand-daoPaper,#fff);font-size:12px;line-height:1.35;letter-spacing:.035em;font-weight:700;margin-bottom:16px}
body:is([data-page=home],[data-page=about]) #main :is(a,button,[tabindex]):focus-visible{outline:3px solid var(--brand-deep);outline-offset:5px}
body:is([data-page=home],[data-page=about]) #main :is(.rail-controls,.timeline-controls) button{width:48px;height:48px;min-width:48px;background:var(--cms-brand-daoPaper,#fff);border:1px solid #d8d3ca;color:var(--brand-ink);transition:background .2s,color .2s,border-color .2s}
body:is([data-page=home],[data-page=about]) #main :is(.rail-controls,.timeline-controls) button:not(:disabled):hover{background:var(--brand-red);border-color:var(--brand-red);color:var(--cms-brand-daoPaper,#fff)}
body:is([data-page=home],[data-page=about]) #main :is(.rail-controls,.timeline-controls) button:disabled{opacity:.35}
body:is([data-page=home],[data-page=about]) #main :is(.news-pagination,.who-pagination,.solution-pagination) button[aria-current=true] span{background:var(--brand-red)}
body:is([data-page=home],[data-page=about]) #main :is(.news-pagination,.who-pagination,.solution-pagination) button span{background:#c5bdb1}

/* Original photography opens each page, with the same display face as catalogs. */
body[data-page=home] #main .hero-caption h1{font-size:clamp(60px,7.6vw,130px);line-height:1.1;letter-spacing:-.055em;overflow-wrap:anywhere}
body[data-page=home] #main .hero-cta{background:var(--brand-red);color:var(--cms-brand-daoPaper,#fff);border-color:var(--brand-red);font-size:16px;min-height:54px;padding:16px 25px;font-weight:700}
body[data-page=about] #main .page-banner h1{font-size:clamp(56px,6.7vw,114px);line-height:1.1;letter-spacing:-.055em}

/* Company introductions: original collage/story and verified metric records. */
body[data-page=home] #main .illustrated-intro{background:var(--cms-brand-daoPaper,#fff)}
body[data-page=home] #main .intro-visual{border-radius:3px 3px 48px 3px;background:var(--brand-paper)}
body[data-page=home] #main .project-collage{background:var(--brand-paper)}
body[data-page=home] #main .intro-content h2{font-size:clamp(44px,4.8vw,70px);line-height:1.16;max-width:12ch;margin-bottom:24px}
body[data-page=home] #main .intro-content h2 .brand-title-accent{white-space:nowrap}
body[data-page=home] #main .intro-content p{font-size:19px;line-height:1.7;color:#55594d}
body[data-page=home] #main .intro-content .link{border:0;background:var(--brand-red);color:var(--cms-brand-daoPaper,#fff);font-size:16px;min-height:52px;padding:15px 24px;border-radius:99px}
body[data-page=home] #main .impact-stats{background:var(--brand-red);border-radius:3px 3px 30px 3px;padding-block:26px}
body[data-page=home] #main .impact-stat strong{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,sans-serif);font-weight:900;font-size:clamp(38px,4.1vw,60px);line-height:1.14;letter-spacing:-.06em}
body[data-page=home] #main .impact-stat span{font-size:13px;line-height:1.55;letter-spacing:.015em;margin-top:10px}
body[data-page=about] #main .dao-company-lead{background:var(--brand-paper)}
body[data-page=about] #main :is(.dao-company-lead,.partners-heading) .dao-kicker{background:var(--brand-red);color:var(--cms-brand-daoPaper,#fff);min-height:32px;padding:8px 15px;font-size:12px;line-height:1.35;margin-bottom:16px}
body[data-page=about] #main .dao-company-lead h2{font-size:clamp(34px,4.4vw,66px);line-height:1.16;max-width:none}
body[data-page=about] #main .dao-company-lead h2 .brand-title-accent{white-space:nowrap}
body[data-page=about] #main .dao-company-lead>p{font-size:18px;line-height:1.8;color:#4f5448}
body[data-page=about] #main .dao-company-numbers{border-radius:3px 3px 30px 3px;padding-block:27px;background:var(--cms-brand-daoPaper,#fff)}
body[data-page=about] #main .dao-company-numbers strong{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,sans-serif);font-weight:900;color:var(--brand-deep);font-size:clamp(38px,4.1vw,60px);line-height:1.14}
body[data-page=about] #main .dao-company-numbers span{font-size:14px;line-height:1.6;color:#55594d;margin-top:10px}

/* One red expertise stage, with continuous white sleeves and relevant artwork. */
body[data-page=home] #main .section.home-solutions{--brand-solution-art:clamp(152px,calc(var(--dao-view) - 600px),300px);background:var(--brand-red);color:var(--cms-brand-daoPaper,#fff)}
body[data-page=home] #main .home-solutions .dao-kicker{background:var(--cms-brand-daoPaper,#fff);color:var(--brand-deep);margin-bottom:14px}
body[data-page=home] #main .home-solutions .section-top h2{font-size:clamp(46px,4.8vw,72px);line-height:1.15;color:var(--cms-brand-daoPaper,#fff)}
body[data-page=home] #main .solution-rail{grid-template-rows:var(--brand-solution-art) auto auto auto auto;scrollbar-width:none;padding-bottom:10px;scroll-snap-type:x mandatory;gap:0 22px}
body[data-page=home] #main .solution-rail::-webkit-scrollbar{display:none}
body[data-page=home] #main .dao-solution-card:nth-child(n){--card-surface:var(--cms-brand-daoPaper,#fff);display:grid;grid-template-rows:subgrid;grid-row:1/span 5;background:var(--cms-brand-daoPaper,#fff);color:var(--brand-ink);border-radius:3px 3px 30px 3px;overflow:hidden}
body[data-page=home] #main .solution-card-art{grid-row:1;height:100%;background:transparent}
body[data-page=home] #main .solution-card-index{font-size:12px;line-height:1.5;color:#65685c}
body[data-page=home] #main .solution-card-copy{display:contents}
body[data-page=home] #main .dao-solution-card:nth-child(n) .dao-service-unit{grid-row:2;align-self:start;justify-self:start;display:inline-flex;padding:8px 12px;background:var(--brand-paper);color:var(--brand-deep);border:0;border-radius:99px;font-size:12px;line-height:1.45;font-weight:700;letter-spacing:.02em;margin:18px 25px 16px;max-width:calc(100% - 50px);white-space:normal}
body[data-page=home] #main .solution-card-copy h3{grid-row:3;font-size:clamp(27px,2.35vw,35px);line-height:1.2;letter-spacing:-.04em;margin:0 25px 16px;min-height:0;max-width:none;text-wrap:pretty;overflow-wrap:anywhere;align-self:start}
body[data-page=home] #main .dao-solution-card:nth-child(n) .solution-card-copy p{grid-row:4;font-size:16px;line-height:1.65;color:#505548;margin:0 25px 22px;align-self:start}
body[data-page=home] #main .solution-explore{grid-row:5;align-self:end;justify-self:start;margin:0 25px 24px;background:var(--brand-red);border:0;color:var(--cms-brand-daoPaper,#fff);padding:13px 20px;min-height:48px;border-radius:99px;font-size:14px;line-height:1.5;font-weight:700;gap:18px;white-space:normal}
body[data-page=home] #main .dao-solution-card:focus-visible{outline:3px solid var(--cms-brand-daoPaper,#fff);outline-offset:5px}
body[data-page=home] #main .home-solutions .solution-pagination button[aria-current=true] span{background:var(--cms-brand-daoPaper,#fff)}
body[data-page=home] #main .home-solutions .solution-pagination button span{background:#ffffff6b}

/* Audience sleeves keep their aligned rows and the existing eight direct actions. */
body[data-page=home] #main .section.who-we-work{background:var(--brand-paper)}
body[data-page=home] #main .who-heading h2{font-size:clamp(42px,4.8vw,70px);line-height:1.17}
body[data-page=home] #main .who-grid{grid-template-rows:auto auto auto auto}
body[data-page=home] #main .who-card:nth-child(n){--who-label:var(--cms-brand-daoPaper,#fff);background:var(--cms-brand-daoPaper,#fff);border-radius:3px 3px 28px 3px;overflow:hidden;padding-bottom:16px;grid-row:1/span 4}
body[data-page=home] #main .who-card h3{background:transparent;font-size:clamp(24px,1.95vw,30px);line-height:1.22;letter-spacing:-.04em;padding:20px 18px 15px;min-height:2.9em;text-wrap:pretty;align-items:flex-start}
body[data-page=home] #main .who-links{display:contents}
body[data-page=home] #main .who-links a{background:var(--brand-paper);color:var(--brand-deep);border:1px solid #e3ded4;font-size:16px;line-height:1.45;min-height:46px;padding:11px 15px;font-weight:700;justify-self:start;align-self:start;margin:0 18px 9px;max-width:calc(100% - 36px)}

/* Music shelves match their respective directory cards. */
body[data-page=home] #main .home-artists{background:var(--cms-brand-daoPaper,#fff)}
body[data-page=home] #main .home-releases{background:var(--brand-lilac)}
body[data-page=home] #main :is(.home-artists,.home-releases,.home-news) .section-top h2{font-size:clamp(42px,4.8vw,70px);line-height:1.16;max-width:17ch}
body[data-page=home] #main :is(.home-artists,.home-releases) .section-actions>.link,
body[data-page=home] #main .home-news .section-top>.link{background:var(--brand-red);border:0;color:var(--cms-brand-daoPaper,#fff);font-size:15px;line-height:1.4;padding:14px 22px;min-height:50px;border-radius:99px}
body[data-page=home] #main .artist-card{background:var(--brand-paper);border-radius:3px 3px 28px 3px;overflow:hidden}
body[data-page=home] #main .artist-photo{border-radius:0}
body[data-page=home] #main .artist-photo:after{display:none}
body[data-page=home] #main .artist-photo>img{filter:none}
body[data-page=home] #main .artist-caption{padding:20px 18px;align-items:center;min-height:76px}
body[data-page=home] #main .artist-card:nth-child(n) .artist-caption h3{padding:0;background:none;border-radius:0;font-size:clamp(23px,2vw,30px);line-height:1.22;letter-spacing:-.035em;max-width:100%;color:var(--brand-ink)}
body[data-page=home] #main .release-card .cover{border-radius:3px 3px 23px 3px}
body[data-page=home] #main .release-card h3{font-size:clamp(22px,1.95vw,29px);line-height:1.24;margin:16px 0 6px;text-wrap:pretty}
body[data-page=home] #main .release-card p{font-size:16px;line-height:1.55;color:#59535f;margin:0}
body[data-page=home] #main .release-card .play{width:48px;height:48px;background:var(--brand-red);color:var(--cms-brand-daoPaper,#fff);right:14px;bottom:14px}

/* Four complete stories retain large images, native swiping and pagination. */
body[data-page=home] #main .closing-news .section.home-news{background:var(--cms-brand-daoPaper,#fff)}
body[data-page=home] #main .home-news-grid .news-card:nth-child(n){padding:0 0 24px;background:var(--brand-paper);border-radius:3px 3px 28px 3px;overflow:hidden}
body[data-page=home] #main .home-news-grid .news-card:nth-child(n)>img{margin:0;border-radius:0;filter:none}
body[data-page=home] #main .home-news-grid .news-card:nth-child(n) .news-meta{margin:0;padding:18px 18px 14px;font-size:12px;line-height:1.5;letter-spacing:.01em;align-items:center}
body[data-page=home] #main .home-news-grid .news-meta span:first-child{font-size:11px;line-height:1.4;font-weight:700;background:var(--cms-brand-daoPaper,#fff);color:var(--brand-deep);padding:7px 11px}
body[data-page=home] #main .home-news-grid .news-card:nth-child(n) h3{padding:0 18px;font-size:clamp(23px,1.85vw,29px);line-height:1.3;letter-spacing:-.035em;align-self:start;color:inherit}
body[data-page=home] #main .home-news-grid .news-card:first-child{background:var(--brand-red);color:var(--cms-brand-daoPaper,#fff)}
body[data-page=home] #main .home-news-grid .news-card:first-child .news-meta{color:var(--cms-brand-daoPaper,#fff)}

/* About values keep the original portrait and three principles. */
body[data-page=about] #main .dao-values{background:var(--cms-brand-daoPaper,#fff)}
body[data-page=about] #main .dao-values>figure{border-radius:0 0 48px 0}
body[data-page=about] #main .dao-values figcaption{background:var(--cms-brand-daoPaper,#fff);color:var(--brand-ink);font-size:14px;line-height:1.4;padding:11px 18px;border-radius:99px;transform:rotate(-3deg);letter-spacing:.02em}
body[data-page=about] #main .dao-values-copy h2{font-size:clamp(38px,3.8vw,58px);line-height:1.17;max-width:14ch}
body[data-page=about] #main .dao-values-copy article{border:0;padding-block:18px;gap:16px}
body[data-page=about] #main .dao-values-copy article:nth-child(n) .value-index{background:var(--brand-red);color:var(--cms-brand-daoPaper,#fff);width:36px;height:36px;font-size:12px;line-height:1.5}
body[data-page=about] #main .dao-values-copy h3{font-size:26px;line-height:1.25;letter-spacing:-.035em;margin:0 0 10px;text-wrap:pretty}
body[data-page=about] #main .dao-values-copy p{font-size:17px;line-height:1.7;color:#55594d}

/* Existing seven-logo orbit: brighter selection, matching detail sleeve/action. */
body[data-page=about] #main .section.dao-ecosystem{background:#eee7f5}
body[data-page=about] #main :is(.ecosystem-heading,.dao-history-heading,.partners-heading) h2{font-size:clamp(40px,4.6vw,68px);line-height:1.17;letter-spacing:-.045em;text-wrap:pretty}
body[data-page=about] #main .orbit-ring{border-color:#bfb1ce}
body[data-page=about] #main .orbit-ring-outer{border-color:#bfb1ce80}
body[data-page=about] #main .orbit-ring-inner{border-color:#df29114d}
body[data-page=about] #main .orbit-core{background:var(--brand-red);box-shadow:0 0 0 12px #df29110b}
body[data-page=about] #main .orbit-node{border:1px solid #d5cbdc;background:var(--cms-brand-daoPaper,#fff);box-shadow:0 6px 18px #3e254908}
body[data-page=about] #main .orbit-node[aria-selected=true]{background:var(--brand-red);border-color:var(--brand-red);box-shadow:0 0 0 5px #df291114,0 8px 24px #6c241b12}
body[data-page=about] #main .orbit-node[aria-selected=true] :is(.orbit-brand>img,.orbit-lockup img){filter:brightness(0) invert(1)}
body[data-page=about] #main .orbit-node[aria-selected=true] .orbit-lockup>span{color:var(--cms-brand-daoPaper,#fff)}
body[data-page=about] #main .orbit-details{background:var(--cms-brand-daoPaper,#fff);border-radius:3px 3px 30px 3px}
body[data-page=about] #main .orbit-panel{padding:30px}
body[data-page=about] #main .orbit-panel-index{font-size:13px;line-height:1.5;letter-spacing:.04em;color:var(--brand-deep);margin-bottom:24px}
body[data-page=about] #main .orbit-panel h3{font-size:clamp(29px,2.6vw,42px);line-height:1.22;text-wrap:pretty;overflow-wrap:anywhere}
body[data-page=about] #main .orbit-panel p{font-size:17px;line-height:1.65;color:#55594d}
body[data-page=about] #main :is(.orbit-panel-link,.ecosystem-find-link){background:var(--brand-red);color:var(--cms-brand-daoPaper,#fff);border:0;font-size:15px;min-height:50px;padding:14px 22px;border-radius:99px}
body[data-page=about] #main .ecosystem-find-link{background:var(--cms-brand-daoPaper,#fff);color:var(--brand-deep);border:1px solid #d5cbdc}

/* Same four milestone records and images, now with the shared sleeve and pills. */
body[data-page=about] #main .section.dao-history{background:var(--brand-paper)}
body[data-page=about] #main .timeline-stage{background:var(--cms-brand-daoPaper,#fff);border-radius:3px 3px 32px 3px;box-shadow:none}
body[data-page=about] #main .dao-year-tabs:before{display:none}
body[data-page=about] #main .dao-year-tabs button{background:var(--cms-brand-daoPaper,#fff);color:var(--brand-ink);border:1px solid #d6d1c8;font-size:16px;line-height:1.4;min-height:48px;padding:12px 24px}
body[data-page=about] #main .dao-year-tabs button[aria-selected=true]{background:var(--brand-red);color:var(--cms-brand-daoPaper,#fff);border-color:var(--brand-red);box-shadow:none}
body[data-page=about] #main .dao-year-tabs button>span{display:none}
body[data-page=about] #main .dao-year{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,sans-serif);font-weight:900;color:var(--brand-deep);line-height:1.12}
body[data-page=about] #main .dao-year-panel h3{font-size:clamp(28px,2.6vw,38px);line-height:1.25;letter-spacing:-.035em;text-wrap:pretty}
body[data-page=about] #main .dao-year-panel p{font-size:18px;line-height:1.7;color:#55594d}
body[data-page=about] #main .dao-year-panel figure{background:var(--cms-brand-brandLilac,#e8dff4)}
body[data-page=about] #main .founding-mark{background:var(--cms-brand-brandLilac,#e8dff4)}
body[data-page=about] #main .milestone-partner{background:var(--brand-paper)}

/* All 23 partner identities and the existing careers/contact ending remain. */
body[data-page=about] #main .dao-partners{background:var(--cms-brand-daoPaper,#fff)}
body[data-page=about] #main .partner-logo{background:var(--brand-paper);border-radius:3px 3px 20px 3px}
body[data-page=about] #main .partner-logo figcaption{font-size:9px;line-height:1.3;color:#55594d}
body[data-page=about] #main .partners-heading>p{font-size:18px;line-height:1.75;color:#55594d}
body[data-page=about] #main .dao-careers{background:var(--brand-paper)}
body[data-page=about] #main .dao-careers .dao-kicker{background:var(--cms-brand-daoPaper,#fff);color:var(--brand-deep)}
body[data-page=about] #main .dao-careers h2{font-size:clamp(42px,4.6vw,70px);line-height:1.18;letter-spacing:-.05em;margin-bottom:24px}
body[data-page=about] #main .dao-careers p{font-size:18px;line-height:1.75;color:#55594d}
body[data-page=about] #main .dao-careers .btn{background:var(--brand-red);color:var(--cms-brand-daoPaper,#fff);border:0;font-size:16px;line-height:1.5;min-height:52px;padding:15px 24px}
body:is([data-page=home],[data-page=about]) #main .cta.compact-cta{background:var(--brand-red)}
body:is([data-page=home],[data-page=about]) #main .cta.compact-cta h2{font-size:clamp(36px,4.2vw,62px);line-height:1.18;letter-spacing:-.045em;color:var(--cms-brand-daoPaper,#fff)}
body:is([data-page=home],[data-page=about]) #main .cta.compact-cta .btn{background:var(--cms-brand-daoPaper,#fff);color:var(--brand-ink);border:0;font-size:16px;line-height:1.5;min-height:52px;padding:15px 25px;border-radius:99px}

/* Home artist quick view follows the already approved Artists dialog. */
body[data-page=home] #detail{width:min(1080px,94vw);max-height:92svh;background:var(--cms-brand-audience,#f6f2ea);color:var(--cms-brand-ink,#151614);border-radius:4px 4px 32px 4px;overscroll-behavior:contain}
body[data-page=home] #detail::backdrop{background:#151614b3;backdrop-filter:blur(8px)}
body[data-page=home] #detail .modal-close{width:44px;height:44px;top:14px;right:14px;background:var(--cms-brand-daoPaper,#fff);border:1px solid #dedbd4;box-shadow:0 3px 15px #0001;z-index:3}
body[data-page=home] #detail :is(h2,h3){font-family:var(--cms-brand-display-font,DAOEditorial,DAO,sans-serif);font-weight:900;letter-spacing:-.045em;text-wrap:pretty;overflow-wrap:anywhere}
body[data-page=home] #detail .modal-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
body[data-page=home] #detail .modal-grid>img{height:100%;min-height:540px;max-height:760px;object-fit:cover;object-position:50% 25%}
body[data-page=home] #detail .modal-body{padding:54px 36px 32px;min-width:0}
body[data-page=home] #detail .modal-body>h2{font-size:clamp(38px,4vw,62px);line-height:1.15;margin:22px 0}
body[data-page=home] #detail .modal-body>p{font-size:16px;line-height:1.75;color:#4e5148}
body[data-page=home] #detail .eyebrow{font-size:11px;line-height:1.5;letter-spacing:.06em;color:var(--cms-brand-brandDeep,#c9230d)}
body[data-page=home] #detail .chips{gap:8px}
body[data-page=home] #detail .tag{font-size:11px;line-height:1.5;padding:8px 13px;background:var(--cms-brand-daoPaper,#fff);border-color:#d8d3c8}
body[data-page=home] #detail .channel-group>h3{font:700 12px/1.5 DAO,sans-serif;letter-spacing:.08em;color:#66675e}
body[data-page=home] #detail .profile-channels{gap:10px;flex-wrap:wrap}
body[data-page=home] #detail .link{font-size:14px;line-height:1.5;white-space:normal;border:0;border-radius:99px;padding:13px 19px;min-height:48px;background:var(--cms-brand-daoPaper,#fff);margin-top:8px;margin-right:6px}
body[data-page=home] #detail .featured-music{padding:30px 36px;border-color:#d8d3c8}
body[data-page=home] #detail .featured-music>h3{font-size:29px;line-height:1.2}
body[data-page=home] #detail .release-card h3{font-size:19px;line-height:1.25;margin-top:13px}
body[data-page=home] #detail .release-card p{font-size:14px;margin-top:5px}

@media(hover:hover){
 body[data-page=home] #main :is(.intro-content .link,.hero-cta,.solution-explore):hover{background:var(--brand-deep);color:var(--cms-brand-daoPaper,#fff)}
 body[data-page=home] #main .who-links a:hover{background:var(--brand-red);border-color:var(--brand-red);color:var(--cms-brand-daoPaper,#fff)}
 body[data-page=home] #main .artist-card:hover .artist-caption h3{background:none;color:var(--brand-deep)}
 body[data-page=home] #main .home-news-grid .news-card:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
 body[data-page=about] #main .orbit-node:not([aria-selected=true]):hover{border-color:var(--brand-red);background:#fff6f2}
 body[data-page=about] #main .dao-careers .btn:hover,body[data-page=about] #main .orbit-panel-link:hover{background:var(--brand-deep);color:var(--cms-brand-daoPaper,#fff)}
 body[data-page=about] #main .ecosystem-find-link:hover{background:var(--brand-red);color:var(--cms-brand-daoPaper,#fff);border-color:var(--brand-red)}
}
@media(max-width:1100px){
 body[data-page=home] #main .intro-content h2{font-size:48px}
 body[data-page=home] #main .intro-content p{font-size:18px}
 body[data-page=home] #main .dao-solution-card:nth-child(n) .dao-service-unit{margin-inline:22px;max-width:calc(100% - 44px)}
 body[data-page=home] #main .solution-card-copy h3,body[data-page=home] #main .dao-solution-card:nth-child(n) .solution-card-copy p,body[data-page=home] #main .solution-explore{margin-inline:22px}
 body[data-page=home] #main .solution-card-copy h3{font-size:28px}
 body[data-page=about] #main .dao-company-lead>p{font-size:17px}
 body[data-page=about] #main .partners-heading>p{font-size:17px}
}
@media(min-width:761px) and (max-width:1100px){
 body[data-page=about] #main .dao-company-numbers strong{font-size:clamp(30px,3.5vw,38px)}
 body[data-page=home] #main .impact-stat strong{font-size:clamp(30px,3.5vw,38px)}
}
@media(max-width:760px){
 body[data-page=home] #main .hero-caption h1{font-size:clamp(44px,10.8vw,64px);line-height:1.15;max-width:100%}
 body[data-page=home] #main .hero-cta{font-size:15px;min-height:50px;padding:14px 22px}
 body[data-page=about] #main .page-banner h1{font-size:clamp(42px,10.5vw,64px);line-height:1.16}
 body:is([data-page=home],[data-page=about]) #main .dao-kicker{font-size:11px;min-height:30px;padding:7px 13px;margin-bottom:14px}
 body[data-page=home] #main .intro-content h2{font-size:42px;line-height:1.17;max-width:none;margin-bottom:20px}
 body[data-page=home] #main .section.illustrated-intro{padding-block:28px}
 body[data-page=home] #main .intro-content p{font-size:17px;line-height:1.7;margin-bottom:24px}
 body[data-page=home] #main .impact-stat strong{font-size:clamp(34px,8.5vw,46px)}
 body[data-page=home] #main .impact-stat span{font-size:11px;line-height:1.5;max-width:none}
 body[data-page=about] #main .section.dao-company-lead{padding-block:26px;gap:18px}
 body[data-page=about] #main :is(.dao-company-lead,.partners-heading) .dao-kicker{font-size:11px;padding:7px 13px;min-height:30px;margin-bottom:14px}
 body[data-page=about] #main .dao-company-lead h2{font-size:clamp(32px,8.2vw,40px);line-height:1.17}
 body[data-page=about] #main .dao-company-lead>p{font-size:17px;line-height:1.65}
 body[data-page=about] #main .dao-company-numbers{padding:12px 4px;gap:14px 0}
 body[data-page=about] #main .dao-company-numbers>div:nth-child(n){padding-inline:12px}
 body[data-page=about] #main .dao-company-numbers strong{font-size:32px}
 body[data-page=about] #main .dao-company-numbers span{font-size:12px;line-height:1.5;margin-top:8px}
 body[data-page=home] #main .home-solutions .section-top h2{font-size:42px}
 body[data-page=home] #main .solution-card-copy h3{font-size:29px;line-height:1.22;margin-bottom:14px}
 body[data-page=home] #main .dao-solution-card:nth-child(n) .solution-card-copy p{font-size:16px;line-height:1.6;margin-bottom:20px}
 body[data-page=home] #main .dao-solution-card:nth-child(n) .dao-service-unit{font-size:11px;line-height:1.45;padding:7px 11px;margin-bottom:14px}
 body[data-page=home] #main .solution-explore{font-size:14px;min-height:46px;padding:12px 18px;margin-bottom:22px}
 body[data-page=home] #main .who-heading h2{font-size:39px;line-height:1.18}
 body[data-page=home] #main .who-card figure{height:clamp(190px,calc(var(--dao-view) - 510px),330px)}
 body[data-page=home] #main .who-card h3{font-size:27px;line-height:1.23;padding:18px 18px 14px}
 body[data-page=home] #main .who-links a{font-size:16px;padding:11px 14px}
 body[data-page=home] #main :is(.home-artists,.home-releases,.home-news) .section-top h2{font-size:39px;line-height:1.18}
 body[data-page=home] #main :is(.home-artists,.home-releases) .section-actions>.link,body[data-page=home] #main .home-news .section-top>.link{font-size:14px;min-height:46px;padding:12px 19px}
 body[data-page=home] #main .artist-caption{padding:18px 16px;min-height:70px}
 body[data-page=home] #main .artist-card:nth-child(n) .artist-caption h3{font-size:25px;line-height:1.25}
 body[data-page=home] #main .release-card h3{font-size:24px;line-height:1.25;margin:14px 0 6px}
 body[data-page=home] #main .release-card p{font-size:16px}
 body[data-page=home] #main .home-news-grid .news-card:nth-child(n) h3{font-size:24px;line-height:1.3}
 body[data-page=home] #main .home-news-grid .news-card:nth-child(n) .news-meta{padding:17px 18px 13px;font-size:12px}
 body[data-page=about] #main .dao-values-copy{padding-block:24px}
 body[data-page=about] #main .dao-values-copy h2{font-size:36px;line-height:1.18;max-width:none;margin-bottom:18px}
 body[data-page=about] #main .dao-values-copy article{padding-block:14px;gap:14px}
 body[data-page=about] #main .dao-values-copy h3{font-size:24px;line-height:1.25}
 body[data-page=about] #main .dao-values-copy p{font-size:16px;line-height:1.65}
 body[data-page=about] #main :is(.ecosystem-heading,.dao-history-heading,.partners-heading) h2{font-size:38px;line-height:1.18}
 body[data-page=about] #main .orbit-map{height:clamp(230px,29svh,280px)}
 body[data-page=about] #main .orbit-panel{padding:20px}
 body[data-page=about] #main .orbit-panel-index{display:none}
 body[data-page=about] #main .orbit-panel h3{font-size:27px;line-height:1.25;margin-bottom:12px}
 body[data-page=about] #main .orbit-panel p{font-size:16px;line-height:1.6;margin-bottom:16px}
 body[data-page=about] #main :is(.orbit-panel-link,.ecosystem-find-link){font-size:14px;min-height:46px;padding:12px 19px}
 body[data-page=about] #main .dao-year-tabs button{font-size:15px;min-height:46px;padding:12px}
 body[data-page=about] #main .dao-year-panel h3{font-size:28px;line-height:1.27}
 body[data-page=about] #main .dao-year-panel p{font-size:16px;line-height:1.65}
 body[data-page=about] #main .partners-heading>p{font-size:16px;line-height:1.65}
 body[data-page=about] #main .partner-logo figcaption{font-size:8px}
 body[data-page=about] #main .closing-careers .dao-careers>div{padding-block:24px}
 body[data-page=about] #main .closing-careers .dao-careers h2{font-size:38px;line-height:1.18;margin-bottom:18px}
 body[data-page=about] #main .dao-careers p{font-size:17px;line-height:1.65;margin-bottom:22px}
 body[data-page=about] #main .dao-careers .btn{font-size:15px;line-height:1.5;min-height:48px;padding:13px 21px}
 body:is([data-page=home],[data-page=about]) #main .dao-closing-pair .cta.compact-cta h2{font-size:32px;line-height:1.18;margin-bottom:16px}
 body:is([data-page=home],[data-page=about]) #main .cta.compact-cta .btn{font-size:15px;min-height:48px;padding:13px 23px}
 body[data-page=home] #detail .modal-grid{grid-template-columns:minmax(0,1fr)}
 body[data-page=home] #detail .modal-grid>img{height:auto;min-height:0;max-height:none;aspect-ratio:4/5}
 body[data-page=home] #detail .modal-body{padding:30px 24px}
 body[data-page=home] #detail .modal-body>h2{font-size:42px}
 body[data-page=home] #detail .featured-music{padding:28px 24px}
 body[data-page=home] #detail .featured-music-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}
 body[data-page=home] #detail .featured-music-grid>.release-card{display:block;flex:0 0 68%;scroll-snap-align:start}
}
@media(max-width:380px){
 body[data-page=home] #main .impact-stat strong{font-size:28px}
 body[data-page=home] #main .intro-content h2,body[data-page=home] #main .home-solutions .section-top h2{font-size:39px}
 body[data-page=home] #main .who-heading h2{font-size:36px}
 body[data-page=home] #main .solution-card-copy h3{font-size:27px}
 body[data-page=about] #main .dao-values-copy h2,body[data-page=about] #main :is(.ecosystem-heading,.dao-history-heading,.partners-heading) h2{font-size:34px}
 body[data-page=about] #main .orbit-panel h3{font-size:25px}
 body[data-page=about] #main .dao-company-numbers strong{font-size:28px}
 body:is([data-page=home],[data-page=about]) #main .dao-closing-pair .cta.compact-cta h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){body:is([data-page=home],[data-page=about]) #main *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Preserve paragraph breaks authored in the company introduction. */
.dao-company-lead>p{white-space:pre-line}