/* DAO solution editorial system: a deliberate dark expertise canvas,
   strong Vietnamese display type and varied image-led compositions. */
@font-face{font-family:DAOEditorial;src:url('/assets/fonts/BeVietnamPro-Black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
html:has(#solution-content){scroll-padding-top:var(--header-height)}
#main #solution-content{--solution-tint:#c9b6ee;--solution-soft:var(--cms-brand-daoPaper,#fff);--solution-secondary:var(--cms-brand-audience,#f6f2ea);--solution-accent:#d62b12;--service-image-h:clamp(125px,17svh,165px);--solution-view:calc(100svh - var(--header-height) - 65px)}
body[data-review-page=recording] #main #solution-content{--solution-tint:#c9b6ee;--solution-soft:var(--cms-brand-daoPaper,#fff);--solution-secondary:var(--cms-brand-audience,#f6f2ea)}
body[data-review-page=publishing] #main #solution-content{--solution-tint:#ddebaf;--solution-soft:var(--cms-brand-daoPaper,#fff);--solution-secondary:var(--cms-brand-audience,#f6f2ea)}
body[data-review-page=production] #main #solution-content{--solution-tint:#ddebaf;--solution-soft:var(--cms-brand-daoPaper,#fff);--solution-secondary:var(--cms-brand-audience,#f6f2ea)}
body[data-review-page=media] #main #solution-content{--solution-tint:#c9b6ee;--solution-soft:var(--cms-brand-daoPaper,#fff);--solution-secondary:var(--cms-brand-audience,#f6f2ea)}
body[data-review-page=fan-commerce] #main #solution-content{--solution-tint:#c9b6ee;--solution-soft:var(--cms-brand-daoPaper,#fff);--solution-secondary:var(--cms-brand-audience,#f6f2ea)}
#main #solution-content .section{min-height:var(--solution-view);padding-block:clamp(28px,4.5svh,48px);display:flex;flex-direction:column;justify-content:center;gap:0;scroll-margin-top:65px}
#main #solution-content .audience{min-height:var(--solution-view)}
#main #solution-content .section :is(.block-tag,.eyebrow),#main #solution-content .audience-copy>.block-tag{display:inline-flex;align-items:center;gap:0;align-self:flex-start;min-height:20px;padding:0;background:none;color:var(--cms-brand-ink,#151614);border:0;border-radius:0;font-size:12px;line-height:1.4;letter-spacing:.025em;font-weight:700}
#main #solution-content .section :is(.block-tag,.eyebrow):before,#main #solution-content .audience-copy>.block-tag:before{content:'(';width:auto;height:auto;flex:none;margin-right:2px;background:none;border-radius:0}
#main #solution-content :is(.section-heading,.visual-heading){gap:16px 44px;margin-bottom:28px}
#main #solution-content :is(.section-heading,.visual-heading) h2{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-size:clamp(44px,4.8vw,72px);font-weight:900;line-height:1.04;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance;-webkit-text-stroke:0}
#main #solution-content .dao-emphasis,#main #solution-content .dao-copy-emphasis{color:var(--solution-accent)}
#main #solution-content .dao-copy-emphasis{color:#9e2c0d;font-weight:700}
#main #solution-content .expertise{background:var(--cms-brand-ink,#151614);color:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .expertise .section-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;max-width:1120px;width:100%;margin:0 auto 30px;text-align:center}
#main #solution-content .section-intro{font-size:18px;line-height:1.6;max-width:33em;color:#4a4d42}
/* Shared title/body rows keep long bilingual cards aligned while swiping. */
#main #solution-content .services-grid{display:grid;grid-template-columns:none;grid-template-rows:var(--service-image-h) auto auto;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:0 20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 0 8px;min-width:0}
#main #solution-content .services-grid::-webkit-scrollbar{display:none}
#main #solution-content .services-grid.services-four{grid-auto-columns:calc((100% - 54px)/4);column-gap:18px}
#main #solution-content .services-grid .service:nth-child(n){position:relative;display:grid;grid-row:1/span 3;grid-template-rows:subgrid;min-width:0;padding:0;border:0;background:var(--solution-tint);color:var(--cms-brand-ink,#151614);border-radius:3px;overflow:hidden;scroll-snap-align:start}
#main #solution-content .service-art{position:relative;grid-row:1;height:100%;padding:16px 16px 0;min-width:0;background:transparent;overflow:hidden}
#main #solution-content .service-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;border-radius:0}
#main #solution-content .service-art-cutout{padding:8px 28px 0}
#main #solution-content .service-art-cutout>img{object-fit:contain;border-radius:0}
#main #solution-content .service-art-cutout>img[src*="/solution-"]{transform:scale(1.7)}
#main #solution-content .service-symbol{position:absolute;right:16px;bottom:6px;display:grid;place-items:center;width:38px;height:38px;border-radius:0;background:var(--solution-tint);color:var(--cms-brand-ink,#151614)}
#main #solution-content .service .service-symbol .service-icon{display:block;width:29px;height:29px;margin:0;fill:currentColor;stroke:none;color:inherit}
#main #solution-content .service-copy{display:contents}
#main #solution-content .media-service-index{display:none}
#main #solution-content .service h3{grid-row:2;padding:22px 24px 14px;font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-size:clamp(22px,1.9vw,28px);font-weight:900;line-height:1.08;letter-spacing:-.025em;text-transform:uppercase;margin:0;text-wrap:pretty;-webkit-text-stroke:0}
#main #solution-content .service p{grid-row:3;padding:0 24px 26px;font-size:17px;line-height:1.5;margin:0;color:var(--cms-brand-ink,#151614)}
#main #solution-content :is(.service-pagination,.process-pagination,.related-pagination){display:flex;justify-content:center;gap:0;margin:10px 0 0}
#main #solution-content :is(.service-pagination,.process-pagination,.related-pagination)[hidden]{display:none}
#main #solution-content :is(.service-pagination,.process-pagination,.related-pagination) button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
#main #solution-content :is(.service-pagination,.process-pagination,.related-pagination) button span{width:7px;height:7px;border-radius:99px;background:#b5afa3;transition:width .18s,background .18s}
#main #solution-content :is(.service-pagination,.process-pagination,.related-pagination) button[aria-current=true] span{width:23px;background:var(--cms-brand-orange,#ef4d25)}
/* Each diagram retains its own composition and a restrained common palette. */
#main #solution-content .explanation{background:var(--solution-soft);padding-block:clamp(26px,3.6svh,40px)}
#main #solution-content .visual-heading>.block-tag{margin-bottom:18px}
#main #solution-content .diagram-tag{border-radius:0;padding:7px 10px;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.025em;background:var(--solution-tint);color:var(--cms-brand-ink,#151614)}
#main #solution-content .service-icon{fill:currentColor;stroke:none}
#main #solution-content .distribution-hub{background:#d63710;border-radius:3px;box-shadow:none}
#main #solution-content .distribution-outputs>div{border:0;border-radius:0;background:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .distribution-outputs .service-icon{color:#bb3512}
#main #solution-content .artist-satellites article{border-radius:0;padding:24px;background:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .artist-satellites:last-child article{background:var(--solution-tint)}
#main #solution-content .artist-centre{border-radius:0;overflow:hidden}
#main #solution-content .artist-satellites h3{font-size:23px;line-height:1.12;font-weight:700;letter-spacing:-.025em}
#main #solution-content .artist-satellites .service-icon{color:#b83210}
#main #solution-content .rights-pair article{border-radius:0;background:var(--solution-tint)}
#main #solution-content .rights-pair .recording-right{background:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .rights-pair h3{font-weight:700;letter-spacing:-.025em}
#main #solution-content .licensing-output{border:0;border-radius:0;background:var(--cms-brand-ink,#151614);color:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .licensing-output h3{color:inherit;font-weight:700}
#main #solution-content .licensing-output .diagram-tag{background:transparent;color:var(--cms-brand-daoPaper,#fff);border:1px solid #ffffff60}
#main #solution-content .production-map{gap:20px}
#main #solution-content .production-map li{min-height:0;padding:24px;background:var(--cms-brand-daoPaper,#fff);border-radius:0;overflow:hidden}
#main #solution-content .production-map li:nth-child(even){background:var(--solution-tint)}
#main #solution-content .production-map .stage-number{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-size:44px;font-weight:900;line-height:1;margin-bottom:18px;color:var(--solution-accent)}
#main #solution-content .stage-illustration{height:clamp(100px,17svh,170px);margin:0 0 20px;overflow:hidden;border-radius:0}
#main #solution-content .stage-illustration>img{width:100%;height:100%;object-fit:cover}
#main #solution-content .production-map li:last-child .stage-illustration>img{object-fit:contain}
#main #solution-content .production-map h3{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-size:23px;font-weight:900;line-height:1.1;letter-spacing:-.025em}
#main #solution-content .production-map p{font-size:16px;line-height:1.55}
#main #solution-content .fan-destinations article{border-radius:0;background:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .fan-destinations article:nth-child(even){background:var(--solution-tint)}
#main #solution-content .fan-destinations h3{font-weight:700;letter-spacing:-.025em}
#main #solution-content .fan-origin{border-radius:0;overflow:hidden}
#main #solution-content .portal-spotlight{border:0}
#main #solution-content .portal-preview{border-radius:0;overflow:hidden;box-shadow:none}
/* Imagery leads the portfolio; category tags and actions remain secondary. */
#main #solution-content .works{background:var(--cms-brand-daoPaper,#fff);padding-block:clamp(26px,3.6svh,40px)}
#main #solution-content .work-image{width:100%;max-width:100%;border-radius:0;background:#f2f0e8}
#main #solution-content .work-info{padding-top:16px}
#main #solution-content .work-info>span{display:inline-flex;align-items:center;max-width:100%;min-height:20px;padding:0;background:none;border:0;border-radius:0;font-size:11px;font-weight:700;white-space:normal;text-transform:uppercase;letter-spacing:.03em;color:#a93010}
#main #solution-content .work-info h3{font-size:clamp(26px,2.5vw,36px);font-weight:700;line-height:1.12;letter-spacing:-.035em;margin-top:10px}
#main #solution-content .work-info p{margin-top:7px}
#main #solution-content .work-open{width:48px;height:48px;border-radius:0;background:var(--cms-brand-ink,#151614);color:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .work-open svg{width:23px;height:23px}
/* Audience rows are readable informational blocks, without link affordances. */
#main #solution-content .audience{background:var(--solution-secondary)}
#main #solution-content .audience>figure{grid-column:2;grid-row:1;min-height:0}
#main #solution-content .audience-copy{grid-column:1;grid-row:1;padding:clamp(28px,4svh,48px) clamp(28px,4vw,64px);align-self:center}
#main #solution-content .audience-copy h2{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-size:clamp(36px,3.7vw,58px);font-weight:900;line-height:1.04;letter-spacing:-.035em;text-transform:uppercase;margin:22px 0;text-wrap:balance;-webkit-text-stroke:0}
#main #solution-content .audience-intro{font-size:18px;line-height:1.6;color:#424538;margin-bottom:22px}
#main #solution-content .audience-list{display:grid;gap:0;margin-top:0;counter-reset:none}
#main #solution-content .audience-list article{display:grid;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:13px;border:0;padding:11px 0;border-radius:0;background:none;counter-increment:none}
#main #solution-content .audience-list article:before{content:'';width:8px;height:8px;background:#b32f0d}
#main #solution-content .audience-list h3{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-size:22px;font-weight:900;line-height:1.15;margin:0;letter-spacing:-.025em}
/* Landscape next-step cards on desktop; a compact swipe deck on phones. */
#main #solution-content .related{background:#ecece3}
#main #solution-content .related-grid>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.65fr);grid-template-rows:auto auto 1fr;gap:20px 24px;min-height:330px;background:var(--cms-brand-daoPaper,#fff);border-radius:0;padding:30px;transition:box-shadow .2s,transform .2s}
#main #solution-content .related-grid>a:nth-child(even){background:var(--solution-tint)}
#main #solution-content .related-unit{grid-column:1;grid-row:1;font-size:11px;font-weight:700;letter-spacing:.035em;color:var(--cms-brand-ink,#151614)}
#main #solution-content .related-grid h3{grid-column:1;grid-row:2;font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-size:clamp(28px,2.5vw,39px);font-weight:900;line-height:1.06;letter-spacing:-.025em;text-transform:uppercase;align-self:start}
#main #solution-content .related-art{grid-column:2;grid-row:1/span 3;height:180px;align-self:center;overflow:hidden}
#main #solution-content .related-link{grid-column:1;grid-row:3;align-self:end;display:inline-flex;align-items:center;justify-content:center;gap:18px;width:fit-content;min-height:44px;padding:9px 0;border:0;border-bottom:2px solid var(--cms-brand-ink,#151614);border-radius:0;background:transparent;color:var(--cms-brand-ink,#151614);font-size:15px;line-height:1.4;text-transform:uppercase;font-weight:700}
#main #solution-content .related-link svg{width:24px;height:24px;flex:none}
#main #solution-content .media-story{background:var(--solution-soft);padding-block:clamp(26px,3.6svh,40px)}
#main #solution-content .media-story-feature figure{border-radius:0;aspect-ratio:1.6}
#main #solution-content .media-story-feature h2{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-weight:900;letter-spacing:-.025em;line-height:1.08}
#main #solution-content .media-story-link{background:var(--cms-brand-ink,#151614);color:var(--cms-brand-daoPaper,#fff);min-height:46px;padding:12px 20px;border-radius:0;display:inline-flex;align-items:center;gap:16px;width:fit-content;max-width:100%;font-weight:700}
#main #solution-content .media-story-link svg{width:19px;height:19px}
#main #solution-content .contact-circle{width:54px;height:54px}
#main #solution-content :is(.work-card,.related-grid>a,.text-link,.contact-action,.media-story-feature):focus-visible{outline:3px solid var(--cms-brand-ink,#151614);outline-offset:5px}
@media(hover:hover) and (pointer:fine){
 #main #solution-content .related-grid>a:hover{box-shadow:0 0 0 2px var(--cms-brand-ink,#151614);transform:none}
 #main #solution-content .work-card:hover .work-open{background:#b83210;color:var(--cms-brand-daoPaper,#fff)}
 #main #solution-content .related-grid>a:hover .related-link{background:transparent;color:#a93010;border-bottom-color:#a93010}
}


#main #solution-content .section :is(.block-tag,.eyebrow):after,#main #solution-content .audience-copy>.block-tag:after{content:')';margin-left:2px}
#main #solution-content .expertise .section-heading>.block-tag{color:var(--cms-brand-daoPaper,#fff);align-self:center;justify-self:center}
#main #solution-content .expertise .section-heading h2{color:var(--cms-brand-daoPaper,#fff);font-size:clamp(48px,5.1vw,78px)}
#main #solution-content .expertise .dao-emphasis{color:var(--cms-brand-orange,#ef4d25)}
#main #solution-content .expertise .section-intro{color:#cccdc4;max-width:760px;font-size:17px;line-height:1.5;text-wrap:balance}
#main #solution-content .expertise .dao-copy-emphasis{color:#ffbca0}
#main #solution-content .audience>figure>figcaption{transform:rotate(-3deg);transform-origin:left center;border-radius:0;font-weight:700}
#main #solution-content .works .section-heading>.text-link{border-radius:0;font-weight:700;text-transform:uppercase}
#main #solution-content .gallery-controls button{border-radius:0}
#main #solution-content .related-art img[src*='/solution-']{transform:scale(1.4)}
#main #solution-content .expertise .services-grid:focus-visible{outline:2px solid var(--cms-brand-daoPaper,#fff);outline-offset:5px}
#main #solution-content .contact-band h2{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-weight:900;text-transform:uppercase;letter-spacing:-.03em}

@supports(height:100dvh){#main #solution-content{--solution-view:calc(100dvh - var(--header-height) - 65px)}}
@media(max-width:1100px){
 #main #solution-content .services-grid.services-four{grid-auto-columns:calc((100% - 40px)/3);column-gap:20px}
 #main #solution-content .service h3{padding-inline:20px} #main #solution-content .service p{padding-inline:20px}
 #main #solution-content .service h3{font-size:23px}
}
@media(min-width:761px) and (max-width:1100px){
 #main #solution-content .works-track{grid-auto-columns:calc((100% - 24px)/2.2)}
 #main #solution-content .production-map{display:grid;grid-template-columns:none;grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:44%;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--dao-pad));padding:4px var(--dao-pad) 8px;scroll-padding-inline:var(--dao-pad)}
 #main #solution-content .production-map li{scroll-snap-align:start;min-width:0}
 #main #solution-content .production-map::-webkit-scrollbar{display:none}
}
@media(max-width:760px){
 #main #solution-content{--solution-view:calc(100svh - var(--header-height) - 56px)}
 #main #solution-content .section{padding-block:24px;scroll-margin-top:56px}
 #main #solution-content .explanation{padding-block:22px}
 #main #solution-content :is(.section-heading,.visual-heading){margin-bottom:24px;gap:16px}
 #main #solution-content :is(.section-heading,.visual-heading) h2{font-size:39px} #main #solution-content .expertise .section-heading h2{font-size:41px}
 #main #solution-content .expertise .section-heading{gap:13px;align-items:center}
 #main #solution-content .section-intro{font-size:17px;line-height:1.6} #main #solution-content .expertise .section-intro{font-size:16px;line-height:1.5}
 #main #solution-content .services-grid,#main #solution-content .services-grid.services-four{grid-auto-columns:86%;gap:0 16px;margin-inline:calc(-1 * var(--dao-pad));padding:4px var(--dao-pad) 8px;scroll-padding-inline:var(--dao-pad)}
 #main #solution-content{--service-image-h:clamp(120px,16svh,150px)}
 #main #solution-content .service h3{padding-inline:20px} #main #solution-content .service p{padding-inline:20px}
 #main #solution-content .service h3{font-size:25px}
 #main #solution-content .service p{font-size:16px;line-height:1.55}
 #main #solution-content .work-info h3{font-size:27px}
 #main #solution-content .audience{grid-template-rows:auto 1fr} #main #solution-content .audience>figure{grid-column:1;grid-row:1} #main #solution-content .audience-copy{grid-column:1;grid-row:2}
 #main #solution-content .audience>figure{height:clamp(175px,27svh,260px)}
 #main #solution-content .audience-copy{padding:20px var(--dao-pad)}
 #main #solution-content .audience-copy h2{font-size:34px;margin:18px 0}
 #main #solution-content .audience-intro{font-size:17px;margin-bottom:22px}
 #main #solution-content .audience-list article{padding:10px 0}
 #main #solution-content .audience-list h3{font-size:21px}
 #main #solution-content .related-grid>a{padding:24px;min-height:330px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 110px auto 1fr;gap:15px}
 #main #solution-content .related-grid h3{grid-column:1;grid-row:3;font-size:27px} #main #solution-content .related-art{grid-column:1;grid-row:2;height:110px} #main #solution-content .related-link{grid-column:1;grid-row:4}

 /* Compact diagrams keep all original labels and the underlying relationships. */
 #main #solution-content .distribution-map{grid-template-columns:minmax(0,.85fr) 12px minmax(0,.9fr) 12px minmax(0,1.2fr);gap:20px 6px;align-items:center}
 #main #solution-content .release-input{width:100%;height:130px}
 #main #solution-content .release-input img{width:100%;height:100%;object-fit:contain}
 #main #solution-content .release-input figcaption{left:0;right:0;bottom:0}
 #main #solution-content .release-input .diagram-tag{font-size:8px;padding:5px 6px}
 #main #solution-content .distribution-hub{width:100%;height:100px;min-height:0;padding:12px 6px;border-radius:3px}
 #main #solution-content .distribution-hub img{width:78%;height:auto}
 #main #solution-content .distribution-hub strong{font-size:10px;line-height:1.3}
 #main #solution-content .distribution-map>.diagram-arrow{transform:none;width:12px;height:12px;margin:0}
 #main #solution-content .distribution-outputs{gap:7px}
 #main #solution-content .distribution-outputs>div{min-height:37px;padding:7px;gap:6px;border-radius:0}
 #main #solution-content .distribution-outputs svg{width:17px;height:17px;flex:none}
 #main #solution-content .distribution-outputs h3{font-size:11px;line-height:1.2}
 #main #solution-content .royalty-return.portal-spotlight{grid-column:1/-1;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;margin:0;padding:20px 0 0;min-width:0}
 #main #solution-content .portal-caption h3{font-size:25px;line-height:1.1}
 #main #solution-content .portal-preview{height:190px;min-height:0;width:100%}
 #main #solution-content .portal-window-bar{padding:8px;font-size:7px}
 #main #solution-content .portal-screen{height:160px;min-height:0}
 #main #solution-content .portal-reference{width:100%;height:100%;object-fit:cover;object-position:left top}
 #main #solution-content .portal-statement{display:none}
 #main #solution-content .artist-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #main #solution-content .artist-centre{grid-column:1/-1;grid-row:1;height:clamp(160px,23svh,220px);width:100%;min-height:0}
 #main #solution-content .artist-centre img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
 #main #solution-content .artist-satellites{display:contents}
 #main #solution-content .artist-satellites article{min-height:116px;padding:16px;gap:10px}
 #main #solution-content .artist-satellites h3{font-size:18px}
 #main #solution-content .artist-satellites .service-icon{width:25px;height:25px}
 #main #solution-content .artist-satellites .diagram-tag{font-size:8px;line-height:1.4;white-space:normal}
 #main #solution-content .rights-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;position:relative}
 #main #solution-content .rights-pair article{padding:20px 14px;min-height:210px}
 #main #solution-content .rights-pair h3{font-size:22px}
 #main #solution-content .rights-pair p{font-size:14px;line-height:1.5}
 #main #solution-content .rights-plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:var(--cms-brand-daoPaper,#fff);font-size:23px;margin:0;display:grid;place-items:center;z-index:1}
 #main #solution-content .rights-mark{font-size:80px}
 #main #solution-content .vinyl-disc{width:100px;height:100px}
 #main #solution-content .licensing-output{padding:22px;margin-top:0}
 #main #solution-content .licensing-output h3{font-size:26px}
 #main #solution-content .production-map{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--dao-pad));padding:4px var(--dao-pad) 8px;scroll-padding-inline:var(--dao-pad)}
 #main #solution-content .production-map li{scroll-snap-align:start;min-width:0;padding:20px;min-height:300px}
 #main #solution-content .stage-illustration{height:160px}
 #main #solution-content .fan-map{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
 #main #solution-content .fan-origin{height:clamp(160px,23svh,220px);min-height:0;width:100%}
 #main #solution-content .fan-origin>img{height:100%;width:100%;object-fit:cover;object-position:50% 23%}
 #main #solution-content .fan-map>.diagram-arrow{display:none}
 #main #solution-content .fan-destinations{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--dao-pad));padding:4px var(--dao-pad) 8px;scroll-padding-inline:var(--dao-pad)}
 #main #solution-content .fan-destinations article{padding:20px;min-width:0;min-height:230px;scroll-snap-align:start}
 #main #solution-content .fan-destinations article>img{height:110px;max-height:none;width:100%;object-fit:contain}
 #main #solution-content .fan-destinations h3{font-size:22px}
 #main #solution-content .fan-symbol{height:110px}
 #main #solution-content .fan-destinations .diagram-tag{font-size:10px}
 #main #solution-content :is(.production-map,.fan-destinations)::-webkit-scrollbar{display:none}
}
@supports(height:100dvh){@media(max-width:760px){#main #solution-content{--solution-view:calc(100dvh - var(--header-height) - 56px)}}}
@media(max-width:380px){
 #main #solution-content :is(.section-heading,.visual-heading) h2{font-size:34px} #main #solution-content .expertise .section-heading h2{font-size:36px}
 #main #solution-content .related-grid h3{font-size:23px;overflow-wrap:anywhere;hyphens:auto}
 #main #solution-content .service h3{font-size:23px}
 #main #solution-content{--service-image-h:120px}
 #main #solution-content .distribution-outputs>div{padding:6px 4px}
 #main #solution-content .distribution-outputs h3{font-size:10px}
 #main #solution-content .distribution-hub strong{font-size:9px}
 #main #solution-content .portal-caption h3{font-size:22px}
 #main #solution-content .portal-preview{height:165px}
 #main #solution-content .portal-screen{height:135px}
 #main #solution-content .rights-pair h3{font-size:19px}
 #main #solution-content .vinyl-disc{width:86px;height:86px}
}
/* Bound the illustration and portfolio geometry to the same visible frame. */
#main #solution-content .solution-jumpbar{height:65px;min-height:65px}
#main #solution-content .solution-jumpbar a{height:44px;min-height:44px;border:0;border-radius:0;padding:10px 16px;font-weight:700} #main #solution-content .solution-jumpbar>div{gap:6px} #main #solution-content .solution-jumpbar a[aria-current]{background:#bf3512;color:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .distribution-map{width:100%;max-width:none;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1.2fr);grid-template-rows:auto auto;gap:20px 12px}
#main #solution-content .distribution-map>.release-input{grid-column:1;grid-row:1;width:190px;height:190px;justify-self:center}
#main #solution-content .distribution-map>.diagram-arrow:nth-child(2){grid-column:2;grid-row:1}
#main #solution-content .distribution-map>.distribution-hub{grid-column:3;grid-row:1;width:160px;height:160px;justify-self:center}
#main #solution-content .distribution-map>.diagram-arrow:nth-child(4){grid-column:4;grid-row:1}
#main #solution-content .distribution-map>.distribution-outputs{grid-column:5;grid-row:1;width:100%;max-width:300px;justify-self:center;gap:10px}
#main #solution-content .distribution-outputs>div{min-height:54px;padding:12px 18px;gap:12px}
#main #solution-content .distribution-outputs svg{width:24px;height:24px}
#main #solution-content .distribution-outputs h3{font-size:18px}
#main #solution-content .royalty-return.portal-spotlight{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);margin:0;padding-top:20px;gap:30px}
#main #solution-content .portal-preview{height:210px;min-height:0;aspect-ratio:auto;transform:none;width:100%}
#main #solution-content .portal-screen{height:180px;min-height:0}
#main #solution-content .portal-reference{height:100%;width:100%;object-fit:cover;object-position:left top}
#main #solution-content .portal-caption h3{font-size:32px;line-height:1.1}
#main #solution-content .works .section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px}
#main #solution-content .works .section-heading>div{display:contents}
#main #solution-content .works .section-heading .eyebrow{grid-column:1;grid-row:1;margin:0;align-self:center}
#main #solution-content .works .section-heading>.text-link{grid-column:2;grid-row:1}
#main #solution-content .works .section-heading h2{grid-column:1/-1;grid-row:2}
#main #solution-content .work-image{height:clamp(220px,33svh,340px);aspect-ratio:auto}
#main #solution-content .work-card:not(.writer-card) .work-image>img{object-fit:contain}
@media(max-width:760px){
 #main #solution-content .solution-jumpbar{height:56px;min-height:56px}
 #main #solution-content .solution-jumpbar>div{width:100%;gap:4px}
 #main #solution-content .solution-jumpbar a{height:44px;min-height:44px;flex:1 1 0;min-width:0;justify-content:center;padding:6px 4px;font-size:12px;white-space:normal;text-align:center}
 #main #solution-content .expertise .section-heading{margin-bottom:20px}
 #main #solution-content .works .section-heading{gap:16px 20px}
 #main #solution-content .works .section-heading h2{font-size:34px}
 #main #solution-content .work-image{height:clamp(180px,32svh,285px)}
 #main #solution-content .related-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--dao-pad));padding:4px var(--dao-pad) 8px;scroll-padding-inline:var(--dao-pad)}
 #main #solution-content .related-grid::-webkit-scrollbar{display:none}
 #main #solution-content .related-grid>a{scroll-snap-align:start;min-width:0}
 #main #solution-content .related-unit{overflow-wrap:anywhere}
 #main #solution-content .media-story{padding-block:22px}
 #main #solution-content .media-story>.block-tag{margin-bottom:16px}
 #main #solution-content .media-story-feature{gap:16px}
 #main #solution-content .media-story-feature figure{height:clamp(150px,20svh,180px);aspect-ratio:auto}
 #main #solution-content .media-story-feature h2{font-size:30px;line-height:1.1;margin-block:16px}
 #main #solution-content .media-story-link{margin-top:16px}
 #main #solution-content .audience>figure{height:clamp(170px,21svh,210px)}
 #main #solution-content .distribution-map{grid-template-columns:minmax(0,.85fr) 12px minmax(0,.9fr) 12px minmax(0,1.2fr);gap:18px 6px}
 #main #solution-content .distribution-map>.release-input{width:100%;height:130px}
 #main #solution-content .distribution-map>.distribution-hub{width:100%;height:100px}
 #main #solution-content .distribution-outputs>div{min-height:37px;padding:7px 5px;gap:6px}
 #main #solution-content .distribution-outputs svg{width:17px;height:17px}
 #main #solution-content .distribution-outputs h3{font-size:11px}
 #main #solution-content .royalty-return.portal-spotlight{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;padding-top:18px}
 #main #solution-content .portal-caption h3{font-size:25px}
 #main #solution-content .portal-preview{height:190px}
 #main #solution-content .portal-screen{height:160px}
 #main #solution-content .rights-pair h3{font-size:clamp(16px,5.1vw,22px);overflow-wrap:anywhere}
}
@media(max-width:380px){
 #main #solution-content .works .section-heading{grid-template-columns:minmax(0,1fr) auto}
 #main #solution-content .works .section-heading h2{font-size:32px}
 #main #solution-content .works .section-heading>.text-link{font-size:12px;padding-inline:14px;gap:8px}
 #main #solution-content .works .section-heading .eyebrow{font-size:10px;padding:0}
 #main #solution-content .portal-caption h3{font-size:22px}
 #main #solution-content .portal-preview{height:165px}
 #main #solution-content .portal-screen{height:135px}
 #main #solution-content .distribution-outputs h3{font-size:10px}
}
#main #solution-content .rights-map{width:100%;max-width:1000px}
@media(min-width:761px){
 body[data-review-page=publishing] #main #solution-content .expertise h2 br{display:none}
 #main #solution-content .rights-pair article{padding:28px}
 #main #solution-content .rights-join{height:36px}
 #main #solution-content .licensing-output{margin-top:18px;padding:22px 20px}
}
@media(max-width:760px){
 #main #solution-content .distribution-map{display:grid}
 #main #solution-content .distribution-map>.release-input,#main #solution-content .distribution-map>.distribution-hub,#main #solution-content .distribution-map>.distribution-outputs{min-width:0;max-width:100%}
 #main #solution-content .royalty-return.portal-spotlight{display:grid}
 #main #solution-content .portal-caption,#main #solution-content .portal-preview{min-width:0}
}
#main #solution-content .section{gap:0}
#main #solution-content .distribution-map>.diagram-arrow svg{transform:rotate(45deg)}
#main #solution-content .contact-action{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 22px;border-radius:0;background:var(--cms-brand-daoPaper,#fff);color:var(--cms-brand-ink,#151614);font-size:14px;font-weight:700;max-width:100%}
#main #solution-content .contact-circle{width:20px;height:20px;background:transparent;border:0;color:inherit}
#main #solution-content .contact-circle svg{width:20px;height:20px}
@media(max-width:760px){
 #main #solution-content .contact-band{padding-block:26px}
 #main #solution-content .contact-band h2{font-size:32px;line-height:1.1;margin-bottom:20px}
 #main #solution-content .contact-action{padding:12px 20px}
}
@media(max-width:760px){
 html[lang=en] #main #solution-content .portal-caption h3{font-size:clamp(18px,5.6vw,25px);overflow-wrap:anywhere}
 html[lang=en] body[data-review-page=fan-commerce] #main #solution-content .visual-heading h2{font-size:32px}
 html[lang=en] body[data-review-page=fan-commerce] #main #solution-content .explanation{padding-block:19px}
}
@media(prefers-reduced-motion:reduce){#main #solution-content *{scroll-behavior:auto!important;transition:none!important}}

/* Revision 22 — DAO record sleeves: red/white lead, ink anchors and one
   supporting colour per page. Text, artwork and semantic structure stay intact. */
#main #solution-content{--dao-red:var(--cms-brand-brandRed,#df2911);--dao-red-deep:var(--cms-brand-brandDeep,#c9230d);--service-image-h:clamp(170px,22svh,215px)}
#main #solution-content :is(.section-heading,.visual-heading) h2,
#main #solution-content .audience-copy h2,
#main #solution-content .related-grid h3,
#main #solution-content .contact-band h2{text-transform:none;letter-spacing:-.045em;line-height:1.09}
#main #solution-content :is(.section-heading,.visual-heading) h2{font-size:clamp(44px,4.9vw,70px)}
#main #solution-content :is(.dao-emphasis,.dao-copy-emphasis){color:var(--dao-red-deep)}
#main #solution-content .section :is(.block-tag,.eyebrow),
#main #solution-content .audience-copy>.block-tag{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;justify-self:start;min-height:32px;width:fit-content;max-width:100%;padding:7px 16px;border:1px solid var(--dao-red);border-radius:99px;background:var(--dao-red);color:var(--cms-brand-daoPaper,#fff);font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.04em}
#main #solution-content .section :is(.block-tag,.eyebrow):before,
#main #solution-content .section :is(.block-tag,.eyebrow):after,
#main #solution-content .audience-copy>.block-tag:before,
#main #solution-content .audience-copy>.block-tag:after{content:none}

/* One red stage, a large headline, then white image-led service sleeves.
   Three columns keep bilingual titles readable; remaining cards swipe. */
#main #solution-content .expertise{background:var(--dao-red);color:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .expertise .section-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr);grid-template-rows:auto auto;align-items:end;gap:16px 60px;max-width:none;margin:0 0 28px;text-align:left}
#main #solution-content .expertise .section-heading>.block-tag{grid-column:1/-1;align-self:start;justify-self:start;border-color:#ffffffa6;background:transparent;color:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .expertise .section-heading h2{font-size:clamp(44px,4.8vw,68px);color:var(--cms-brand-daoPaper,#fff);text-wrap:balance}
#main #solution-content .expertise .dao-emphasis{color:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .expertise .section-intro{max-width:29em;color:var(--cms-brand-daoPaper,#fff);font-size:18px;line-height:1.55;text-wrap:pretty;align-self:end;padding-bottom:4px}
#main #solution-content .expertise .dao-copy-emphasis{color:var(--cms-brand-daoPaper,#fff);font-weight:700}
#main #solution-content .services-grid,
#main #solution-content .services-grid.services-four{grid-auto-columns:calc((100% - 40px)/3);column-gap:20px;padding-block:0 6px}
#main #solution-content .services-grid .service:nth-child(n){background:var(--cms-brand-daoPaper,#fff);color:var(--cms-brand-ink,#151614);border-radius:18px 18px 6px 6px}
#main #solution-content .service-art{padding:12px 12px 0;overflow:hidden}
#main #solution-content .service-art>img{border-radius:10px 10px 2px 2px;object-position:50% 26%}
#main #solution-content .service-art-cutout{padding:8px 34px 0}
#main #solution-content .service-art-cutout>img{border-radius:0}
#main #solution-content .service-symbol{display:none}
#main #solution-content .service h3{font-size:clamp(25px,2.1vw,31px);line-height:1.14;letter-spacing:-.035em;text-transform:none;padding:20px 24px 12px}
#main #solution-content .service p{font-size:18px;line-height:1.5;color:#4e4d48;padding:0 24px 24px}
#main #solution-content .expertise .service-pagination button span{background:#ffffff70}
#main #solution-content .expertise .service-pagination button[aria-current=true] span{background:var(--cms-brand-daoPaper,#fff)}

/* Labels are real capsules; supporting information shares its parent surface.
   The artist image and rights marks carry the visual weight. */
#main #solution-content .explanation{background:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .visual-heading{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:26px}
#main #solution-content .visual-heading>.block-tag{margin-bottom:0}
#main #solution-content .diagram-tag{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;min-height:28px;padding:5px 12px;border:1px solid currentColor;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.025em;line-height:1.4;background:transparent;color:inherit;white-space:normal}
#main #solution-content .distribution-hub{background:var(--dao-red);border-radius:50%}
#main #solution-content .distribution-outputs>div{background:#f5f3ee;border-radius:99px}
#main #solution-content .distribution-outputs .service-icon{color:var(--dao-red-deep)}
#main #solution-content .artist-satellites article,
#main #solution-content .artist-satellites:last-child article{background:var(--cms-brand-audience,#f6f2ea);border-radius:18px;padding:22px}
#main #solution-content .artist-satellites .service-icon{color:var(--dao-red-deep);width:36px;height:36px}
#main #solution-content .artist-satellites h3{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-weight:900;font-size:25px;letter-spacing:-.03em}
#main #solution-content .artist-satellites .diagram-tag{border:0;padding:0;min-height:0;font-size:13px;color:#59564f}
#main #solution-content .artist-centre{border-radius:200px 200px 12px 12px}
#main #solution-content .artist-centre figcaption .diagram-tag{background:var(--cms-brand-daoPaper,#fff);color:var(--cms-brand-ink,#151614);border:0;transform:rotate(-4deg);padding:10px 22px;font-size:14px}
#main #solution-content .rights-pair article{background:var(--dao-red);color:var(--cms-brand-daoPaper,#fff);border-radius:20px;padding:28px}
#main #solution-content .rights-pair .recording-right{background:var(--solution-tint);color:var(--cms-brand-ink,#151614)}
#main #solution-content .rights-pair h3{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-weight:900;font-size:30px;letter-spacing:-.035em}
#main #solution-content .rights-pair p{font-size:18px;color:inherit}
#main #solution-content .licensing-output{background:var(--cms-brand-ink,#151614);color:var(--cms-brand-daoPaper,#fff);border-radius:18px}
#main #solution-content .licensing-output h3{font-size:30px;font-weight:700}
#main #solution-content .licensing-output .diagram-tag{background:transparent;border-color:#ffffff90;color:var(--cms-brand-daoPaper,#fff);font-size:12px}
#main #solution-content .production-map{gap:18px}
#main #solution-content .production-map li,
#main #solution-content .production-map li:nth-child(even){position:relative;background:var(--cms-brand-audience,#f6f2ea);border-radius:18px;padding:18px}
#main #solution-content .production-map .stage-number{position:absolute;left:28px;top:28px;z-index:1;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--dao-red);color:var(--cms-brand-daoPaper,#fff);font-size:22px;margin:0}
#main #solution-content .stage-illustration{height:clamp(160px,24svh,230px);border-radius:10px;margin-bottom:22px}
#main #solution-content .production-map h3{font-size:25px;line-height:1.12}
#main #solution-content .production-map p{font-size:17px;line-height:1.5;margin-top:10px}
#main #solution-content .fan-origin{border-radius:200px 200px 14px 14px}
#main #solution-content .fan-destinations article,
#main #solution-content .fan-destinations article:nth-child(even){background:var(--cms-brand-audience,#f6f2ea);border-radius:18px}
#main #solution-content .fan-destinations h3{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-weight:900;font-size:25px;letter-spacing:-.025em}
/* Preserve the three destinations at tablet widths without clipping long English labels. */
@media(min-width:761px) and (max-width:1100px){
 #main #solution-content .fan-destinations h3{font-size:clamp(17px,2vw,22px)}
}
#main #solution-content .portal-preview{border-radius:16px;box-shadow:0 12px 35px #15161415}
#main #solution-content .portal-caption h3{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-weight:900;font-size:34px;letter-spacing:-.035em}

/* The work is the evidence: large covers, concise category capsules,
   and one action per link. */
#main #solution-content .works{background:var(--cms-brand-audience,#f6f2ea)}
#main #solution-content .work-image{height:clamp(240px,35svh,360px);background:var(--cms-brand-daoPaper,#fff);border-radius:14px;overflow:hidden}
#main #solution-content .work-info{padding-top:14px}
#main #solution-content .work-info>span{display:inline-flex;min-height:28px;padding:5px 11px;border-radius:99px;background:var(--cms-brand-daoPaper,#fff);color:var(--dao-red-deep);font-size:11px;line-height:1.4;letter-spacing:.02em}
#main #solution-content .work-info h3{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-weight:900;font-size:clamp(27px,2.5vw,36px);margin-top:10px}
#main #solution-content .work-info p{font-size:17px;margin-top:6px}
#main #solution-content .work-open{width:48px;height:48px;border:0;border-radius:50%;background:var(--dao-red);color:var(--cms-brand-daoPaper,#fff);right:14px;bottom:14px}
#main #solution-content .works .section-heading>.text-link,
#main #solution-content .media-story-link{border:0;border-radius:99px;padding:12px 20px;min-height:46px;background:var(--cms-brand-ink,#151614);color:var(--cms-brand-daoPaper,#fff);font-size:14px;text-transform:none;gap:14px}
#main #solution-content .works .section-heading>.text-link svg{width:20px;height:20px}
#main #solution-content .gallery-controls button{border-radius:50%;background:var(--cms-brand-daoPaper,#fff);color:var(--cms-brand-ink,#151614);border:0}

/* An artist-led spread, then audience names as typographic tags, not
   another stack of small boxed descriptions or repeating symbols. */
#main #solution-content .audience{background:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .audience-copy{padding:clamp(26px,4svh,44px) clamp(28px,4vw,60px)}
#main #solution-content .audience-copy h2{font-size:clamp(39px,3.8vw,59px);margin:24px 0}
#main #solution-content .audience-intro{font-size:18px;line-height:1.6;color:#55534e;margin-bottom:26px}
#main #solution-content .audience-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}
#main #solution-content .audience-list article{display:block;width:fit-content;max-width:100%;border:1px solid var(--cms-brand-ink,#151614);padding:10px 16px;border-radius:99px;background:transparent}
#main #solution-content .audience-list article:before{content:none}
#main #solution-content .audience-list h3{font-family:var(--cms-brand-body-font,DAO,Arial,sans-serif);font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.02em;text-wrap:pretty}
#main #solution-content .audience>figure>figcaption{border:0;border-radius:99px;background:var(--dao-red);color:var(--cms-brand-daoPaper,#fff);padding:12px 22px;transform:rotate(-4deg);font-size:14px}
#main #solution-content .audience .text-link{display:inline-flex;align-items:center;gap:14px;min-height:46px;background:var(--dao-red);color:var(--cms-brand-daoPaper,#fff);padding:12px 20px;border-radius:99px;margin-top:24px}

#main #solution-content .related{background:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .related-grid>a{min-height:340px;border-radius:20px;padding:32px;background:var(--dao-red);color:var(--cms-brand-daoPaper,#fff);gap:24px 18px;grid-template-columns:minmax(0,1fr) minmax(130px,.65fr)}
#main #solution-content .related-grid>a:nth-child(even){background:var(--solution-tint);color:var(--cms-brand-ink,#151614)}
#main #solution-content .related-unit{display:inline-flex;align-items:center;justify-self:start;width:fit-content;max-width:100%;padding:7px 12px;border:1px solid currentColor;border-radius:99px;color:inherit;font-size:11px;font-weight:700;line-height:1.4}
#main #solution-content .related-grid h3{font-size:clamp(29px,2.5vw,38px);color:inherit}
#main #solution-content .related-art{height:210px}
#main #solution-content .related-link{border:0;border-radius:99px;background:var(--cms-brand-daoPaper,#fff);color:var(--cms-brand-ink,#151614);font-size:14px;text-transform:none;padding:12px 18px;gap:18px;min-height:46px}
#main #solution-content .related-grid>a:nth-child(even) .related-link{background:var(--cms-brand-ink,#151614);color:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .related-link svg{width:20px;height:20px}
#main #solution-content .media-story{background:var(--cms-brand-audience,#f6f2ea)}
#main #solution-content .media-story-feature figure{border-radius:18px}
#main #solution-content .media-story-feature h2{font-size:clamp(34px,3.4vw,50px);line-height:1.12}
#main #solution-content .media-story-feature p{font-size:18px;line-height:1.6}
#main #solution-content .contact-band{background:var(--dao-red)}
#main #solution-content .contact-band h2{font-size:clamp(36px,4.3vw,62px)}
#main #solution-content .contact-action{border-radius:99px;font-size:16px;padding:15px 24px;min-height:52px}
#main #solution-content .contact-circle{width:23px;height:23px}
#main #solution-content .solution-jumpbar{background:var(--cms-brand-daoPaper,#fff);border-bottom:1px solid #e9e5df}
#main #solution-content .solution-jumpbar a{border-radius:99px;padding-inline:18px}
#main #solution-content .solution-jumpbar a[aria-current]{background:var(--dao-red);color:var(--cms-brand-daoPaper,#fff)}
@media(hover:hover) and (pointer:fine){
 #main #solution-content .related-grid>a:hover{box-shadow:none;transform:translateY(-4px)}
 #main #solution-content .related-grid>a:hover .related-link{background:var(--cms-brand-ink,#151614);color:var(--cms-brand-daoPaper,#fff);border:0}
 #main #solution-content .related-grid>a:nth-child(even):hover .related-link{background:var(--cms-brand-daoPaper,#fff);color:var(--cms-brand-ink,#151614)}
 #main #solution-content .work-card:hover .work-open{background:var(--cms-brand-ink,#151614);color:var(--cms-brand-daoPaper,#fff)}
}
@media(min-width:761px) and (max-width:1100px){
 #main #solution-content .expertise .section-heading{grid-template-columns:minmax(0,1fr);gap:18px}
 #main #solution-content .expertise .section-intro{max-width:38em}
 #main #solution-content .services-grid,
 #main #solution-content .services-grid.services-four{grid-auto-columns:calc((100% - 34px)/2.15);column-gap:18px}
 #main #solution-content .related-grid>a{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 140px auto 1fr;gap:20px;padding:28px}
 #main #solution-content .related-art{grid-column:1;grid-row:2;height:140px}
 #main #solution-content .related-grid h3{grid-column:1;grid-row:3;font-size:32px}
 #main #solution-content .related-link{grid-column:1;grid-row:4}
}
@media(max-width:760px){
 #main #solution-content{--service-image-h:clamp(140px,18svh,175px)}
 #main #solution-content .section{padding-block:24px}
 #main #solution-content :is(.section-heading,.visual-heading) h2{font-size:38px;line-height:1.1}
 #main #solution-content .expertise .section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:22px}
 #main #solution-content .expertise .section-heading h2{font-size:39px;line-height:1.1}
 #main #solution-content .expertise .section-heading>.block-tag{align-self:flex-start}
 #main #solution-content .expertise .section-intro{font-size:17px;line-height:1.5;max-width:100%;padding:0}
 #main #solution-content .section :is(.block-tag,.eyebrow),
 #main #solution-content .audience-copy>.block-tag{min-height:28px;padding:5px 13px;font-size:11px}
 #main #solution-content .services-grid,
 #main #solution-content .services-grid.services-four{grid-auto-columns:86%;column-gap:16px;padding-block:0 6px}
 #main #solution-content .service-art{padding:10px 10px 0}
 #main #solution-content .service-art-cutout{padding:8px 26px 0}
 #main #solution-content .service h3{font-size:26px;padding:18px 20px 11px}
 #main #solution-content .service p{font-size:17px;line-height:1.5;padding:0 20px 22px}
 #main #solution-content .visual-heading{gap:16px;margin-bottom:24px}
 #main #solution-content .artist-satellites article{padding:16px;min-height:116px}
 #main #solution-content .artist-satellites h3{font-size:19px}
 #main #solution-content .artist-satellites .service-icon{width:28px;height:28px}
 #main #solution-content .artist-satellites .diagram-tag{font-size:11px;line-height:1.45}
 #main #solution-content .artist-centre{border-radius:140px 140px 10px 10px}
 #main #solution-content .rights-pair article{padding:20px 14px}
 #main #solution-content .rights-pair h3{font-size:21px}
 #main #solution-content .rights-pair p{font-size:16px}
 #main #solution-content .licensing-output h3{font-size:25px}
 #main #solution-content .licensing-output .diagram-tag{font-size:11px}
 #main #solution-content .distribution-hub{border-radius:50%}
 #main #solution-content .distribution-hub strong{font-size:10px}
 #main #solution-content .portal-caption h3{font-size:26px}
 #main #solution-content .portal-caption .diagram-tag{font-size:10px;padding:5px 9px}
 #main #solution-content .production-map li{padding:16px}
 #main #solution-content .production-map .stage-number{left:26px;top:26px}
 #main #solution-content .stage-illustration{height:190px;margin-bottom:20px}
 #main #solution-content .production-map h3{font-size:25px}
 #main #solution-content .fan-destinations h3{font-size:23px}
 #main #solution-content .work-image{height:clamp(210px,33svh,290px)}
 #main #solution-content .works .section-heading h2{font-size:36px}
 #main #solution-content .work-info h3{font-size:28px}
 #main #solution-content .audience>figure{height:clamp(180px,26svh,250px)}
 #main #solution-content .audience-copy{padding:24px var(--dao-pad)}
 #main #solution-content .audience-copy h2{font-size:35px;line-height:1.1;margin:18px 0}
 #main #solution-content .audience-intro{font-size:17px;line-height:1.5;margin-bottom:20px}
 #main #solution-content .audience-list{gap:8px}
 #main #solution-content .audience-list article{padding:9px 14px}
 #main #solution-content .audience-list h3{font-size:16px;line-height:1.35}
 #main #solution-content .audience>figure>figcaption{font-size:12px;padding:9px 17px}
 #main #solution-content .related-grid>a{padding:22px;min-height:345px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 120px auto 1fr;gap:18px}
 #main #solution-content .related-grid h3{grid-column:1;grid-row:3;font-size:29px}
 #main #solution-content .related-art{grid-column:1;grid-row:2;height:120px}
 #main #solution-content .related-link{grid-column:1;grid-row:4}
 #main #solution-content .related-unit{font-size:10px;padding:6px 10px}
 #main #solution-content .media-story-feature h2{font-size:31px}
 #main #solution-content .media-story-feature p{font-size:17px;line-height:1.5}
 #main #solution-content .contact-band h2{font-size:33px;line-height:1.12}
 #main #solution-content .contact-action{font-size:15px;min-height:50px;padding:14px 22px}
 #main #solution-content .solution-jumpbar a{padding-inline:6px;font-size:12px}
}
@media(max-width:380px){
 #main #solution-content .expertise .section-heading h2{font-size:35px}
 #main #solution-content :is(.section-heading,.visual-heading) h2,
 #main #solution-content .works .section-heading h2{font-size:32px}
 #main #solution-content .service h3{font-size:24px}
 #main #solution-content .related-grid h3{font-size:26px}
 #main #solution-content .audience-copy h2{font-size:31px}
 #main #solution-content .rights-pair h3{font-size:18px;overflow-wrap:anywhere}
 #main #solution-content .rights-pair p{font-size:15px}
 #main #solution-content .portal-caption h3{font-size:22px}
}
/* Small geometry corrections measured with the final bilingual typeface. */
@media(min-width:761px){
 #main #solution-content .explanation{padding-block:clamp(24px,3.2svh,36px)}
}
@media(max-width:760px){
 #main #solution-content .artist-map{gap:10px}
 body[data-review-page=publishing] #main #solution-content .expertise h2 br{display:none}
 #main #solution-content .media-story{padding-block:20px}
}

/* Revision 23 — expressive openings and maintainable artwork geometry. */
#main #solution-content .solution-hero{grid-template-columns:1fr 1fr;min-height:calc(100svh - var(--header-height));background:var(--cms-brand-daoPaper,#fff);color:var(--cms-brand-ink,#151614)}
#main #solution-content .hero-copy{background:var(--cms-brand-daoPaper,#fff);padding:clamp(32px,5svh,56px) clamp(28px,4vw,60px) clamp(32px,5svh,56px) var(--dao-pad)}
#main #solution-content .hero-kicker{margin-bottom:26px}
#main #solution-content .hero-kicker .block-tag{display:inline-flex;align-items:center;min-height:34px;padding:8px 16px;border:1px solid var(--dao-red);border-radius:99px;background:var(--dao-red);color:var(--cms-brand-daoPaper,#fff);font-size:12px;line-height:1.4;letter-spacing:.025em;font-weight:700}
#main #solution-content .hero-copy h1{font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-weight:900;font-size:clamp(46px,4.8vw,74px);line-height:1.1;letter-spacing:-.045em;margin:0 0 26px;text-wrap:balance;overflow-wrap:normal}
#main #solution-content .hero-copy .hero-accent{color:var(--dao-red-deep)}
#main #solution-content .hero-copy .hero-term{white-space:nowrap}
#main #solution-content .hero-caption-link>div{min-width:0}
#main #solution-content .hero-caption-link b{overflow-wrap:anywhere;text-wrap:balance}
#main #solution-content .hero-copy>p{font-size:18px;line-height:1.6;color:#56534d;max-width:28em}
#main #solution-content .hero-actions{gap:14px;margin-top:28px;align-items:center}
#main #solution-content .hero-actions .button{background:var(--dao-red);color:var(--cms-brand-daoPaper,#fff);border:1px solid var(--dao-red);border-radius:99px;min-height:54px;padding:15px 22px;gap:24px;font-size:15px;font-weight:700;line-height:1.4}
#main #solution-content .hero-actions .jump-link{background:var(--cms-brand-daoPaper,#fff);color:var(--cms-brand-ink,#151614);border:1px solid #d5d0c6;border-radius:99px;min-height:54px;padding:15px 20px;gap:20px;font-size:15px;line-height:1.4}
#main #solution-content .hero-actions .jump-link span{font-size:20px;line-height:1}
#main #solution-content .hero-visual{border-radius:0 0 0 88px;background:#f1eee8}
#main #solution-content .hero-visual figcaption{left:32px;right:32px;bottom:30px}
#main #solution-content .hero-caption-link b,
#main #solution-content .hero-media .hero-visual figcaption>span{display:inline-block;width:fit-content;max-width:100%;padding:10px 18px;border-radius:99px;background:var(--cms-brand-daoPaper,#fff);color:var(--cms-brand-ink,#151614);font-family:var(--cms-brand-display-font,DAOEditorial,DAO,Arial,sans-serif);font-weight:900;font-size:22px;line-height:1.25;letter-spacing:-.025em;transform:rotate(-3deg)}
#main #solution-content .hero-caption-link div>span{font-size:13px;line-height:1.5;margin-top:14px;color:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .caption-arrow{width:48px;height:48px;border:0;background:var(--cms-brand-daoPaper,#fff);color:var(--dao-red-deep)}
#main #solution-content .caption-arrow svg{width:22px;height:22px}
#main #solution-content .hero-album{left:32px;bottom:142px;width:clamp(115px,11vw,170px);transform:rotate(-7deg);border:5px solid var(--cms-brand-daoPaper,#fff);box-shadow:0 10px 30px #0003}
#main #solution-content .fanme-visual .hero-caption-link div>span{color:#3c3934}
#main #solution-content .fanme-visual .hero-caption-link b{background:var(--cms-brand-daoPaper,#fff);color:var(--cms-brand-ink,#151614)}
#main #solution-content .fanme-products{inset:30px 34px 150px;gap:24px}

/* Square artwork fills its sleeve. CMS replacements inherit this ratio,
   with no per-release crop rules or manual image editing. */
#main #solution-content .works .section-heading h2{font-size:clamp(38px,4.2vw,57px);line-height:1.1}
#main #solution-content .work-card:not(.writer-card):not(.fanme-card) .work-image{height:auto;aspect-ratio:1;padding:0;background:transparent}
#main #solution-content .work-card:not(.writer-card):not(.fanme-card) .work-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#main #solution-content .work-info>span{margin-bottom:0}
#main #solution-content .work-info h3{font-size:clamp(26px,2.15vw,32px);line-height:1.12}
#main #solution-content .work-info p{margin-top:6px}

/* Distribution: one grouped delivery path, then one reporting panel.
   Both rows share edges; no floating caption or diagonal dashboard. */
#main #solution-content .distribution-map{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:16px;width:100%;max-width:none;padding:0}
#main #solution-content .distribution-flow{display:grid;grid-template-columns:minmax(0,.95fr) 30px minmax(0,.85fr) 30px minmax(0,1.2fr);gap:20px;align-items:center;padding:22px 32px;background:var(--cms-brand-audience,#f6f2ea);border-radius:22px}
#main #solution-content .distribution-flow>.release-input{grid-column:1;grid-row:1;width:144px;height:auto;margin:0;justify-self:center}
#main #solution-content .distribution-flow>.release-input>img{width:144px;height:144px;aspect-ratio:1;object-fit:cover;border-radius:8px}
#main #solution-content .distribution-flow>.release-input figcaption{position:static;margin:12px 0 0;text-align:center}
#main #solution-content .distribution-flow>.release-input .diagram-tag{font-size:11px;line-height:1.4;min-height:28px;padding:5px 10px;background:var(--cms-brand-daoPaper,#fff);border:0;white-space:normal}
#main #solution-content .distribution-flow>.diagram-arrow:nth-child(2){grid-column:2;grid-row:1}
#main #solution-content .distribution-flow>.distribution-hub{grid-column:3;grid-row:1;width:140px;height:140px;min-height:0;padding:18px 12px;gap:16px;justify-self:center;background:var(--dao-red);border-radius:50%;color:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .distribution-flow>.distribution-hub img{width:78%;height:auto;filter:none}
#main #solution-content .distribution-flow>.distribution-hub strong{font-size:16px;line-height:1.3;color:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .distribution-flow>.diagram-arrow:nth-child(4){grid-column:4;grid-row:1}
#main #solution-content .distribution-flow>.diagram-arrow{width:30px;height:30px;margin:0;color:var(--dao-red-deep)}
#main #solution-content .distribution-flow>.diagram-arrow svg{width:28px;height:28px;transform:rotate(45deg)}
#main #solution-content .distribution-flow>.distribution-outputs{grid-column:5;grid-row:1;display:grid;gap:9px;width:100%;max-width:310px;justify-self:center}
#main #solution-content .distribution-flow .distribution-outputs>div{min-height:46px;padding:11px 17px;gap:14px;background:var(--cms-brand-daoPaper,#fff);border-radius:99px}
#main #solution-content .distribution-flow .distribution-outputs h3{font-size:17px;line-height:1.2;letter-spacing:-.02em}
#main #solution-content .distribution-flow .distribution-outputs svg{width:23px;height:23px}
#main #solution-content .distribution-map>.royalty-return.portal-spotlight{grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);align-items:center;gap:28px;margin:0;padding:20px 28px;border:0;background:var(--cms-brand-audience,#f6f2ea);border-radius:22px}
#main #solution-content .portal-caption{display:block;min-width:0}
#main #solution-content .portal-caption>.diagram-tag{background:var(--cms-brand-daoPaper,#fff);color:var(--cms-brand-ink,#151614);border:0;font-size:11px;min-height:28px;padding:5px 12px}
#main #solution-content .portal-caption h3{font-size:31px;line-height:1.1;margin:15px 0 0;letter-spacing:-.035em}
#main #solution-content .portal-caption h3 br{display:block}
#main #solution-content .portal-preview{height:176px;min-height:0;transform:none;border:1px solid #dfd9cf;box-shadow:none;border-radius:12px;width:100%;max-width:none;margin:0}
#main #solution-content .portal-window-bar{height:28px;padding:0 12px}
#main #solution-content .portal-screen{height:148px;min-height:0}
#main #solution-content .portal-reference{height:100%;object-fit:cover;object-position:left top}
#main #solution-content .portal-statement{transform:none;top:14px;right:14px}

/* Publishing: visible rights symbols, red and warm paper instead of green. */
#main #solution-content .rights-pair .composition-right{background:var(--dao-red);color:var(--cms-brand-daoPaper,#fff)}
#main #solution-content .rights-mark{display:grid;place-items:center;width:130px;height:130px;margin:0 auto;border-radius:50%;background:var(--cms-brand-daoPaper,#fff);font:90px/1 Arial,sans-serif;color:var(--dao-red);opacity:1}
#main #solution-content .rights-pair .recording-right{background:#f2eee7;color:var(--cms-brand-ink,#151614)}
#main #solution-content .vinyl-disc{width:130px;height:130px;margin:0 auto 0;background:repeating-radial-gradient(circle,#171716 0 8px,#373733 9px 10px);box-shadow:inset 0 0 0 1px var(--cms-brand-ink,#151614)}
#main #solution-content .vinyl-disc i{display:grid;place-items:center;width:58px;height:58px;border:0;border-radius:50%;background:var(--dao-red);color:var(--cms-brand-daoPaper,#fff);font:normal 40px/1 Arial,sans-serif}
#main #solution-content .rights-pair h3{margin-top:20px;margin-bottom:10px}
#main #solution-content .rights-pair p{color:inherit;opacity:1}
#main #solution-content .rights-plus{color:var(--cms-brand-ink,#151614)}
#main #solution-content .rights-join{border-color:#bcb4a7}
#main #solution-content .rights-join:after{background:#bcb4a7}

@supports(height:100dvh){#main #solution-content .solution-hero{min-height:calc(100dvh - var(--header-height))}}
@media(hover:hover) and (pointer:fine){
 #main #solution-content .hero-actions .button:hover{background:var(--dao-red-deep);border-color:var(--dao-red-deep)}
 #main #solution-content .hero-actions .jump-link:hover{background:var(--cms-brand-audience,#f6f2ea);color:var(--cms-brand-ink,#151614)}
 #main #solution-content .hero-caption-link:hover b{background:var(--cms-brand-daoPaper,#fff);color:var(--dao-red-deep)}
}
@media(min-width:761px) and (max-width:1100px){
 #main #solution-content .solution-hero{grid-template-columns:1fr 1fr;grid-template-rows:auto}
 #main #solution-content .hero-copy{padding:36px 28px 36px var(--dao-pad)}
 #main #solution-content .hero-copy h1{font-size:clamp(38px,4.7vw,52px);line-height:1.12}
 #main #solution-content .hero-copy>p{font-size:17px}
 #main #solution-content .hero-actions{gap:10px}
 #main #solution-content .hero-actions .button,#main #solution-content .hero-actions .jump-link{font-size:14px;padding:13px 17px;gap:16px;min-height:50px}
 #main #solution-content .hero-visual{min-height:0}
 #main #solution-content .hero-visual figcaption{left:22px;right:22px;bottom:26px}
 #main #solution-content .hero-caption-link b{font-size:20px}
 #main #solution-content .hero-album{left:22px;bottom:156px;width:115px}
 #main #solution-content .distribution-flow{padding:24px 22px;gap:12px;grid-template-columns:minmax(0,1fr) 24px minmax(0,.9fr) 24px minmax(0,1.3fr)}
 #main #solution-content .distribution-flow>.release-input{width:125px}
 #main #solution-content .distribution-flow>.release-input>img{width:125px;height:125px}
 #main #solution-content .distribution-flow>.distribution-hub{width:120px;height:120px}
 #main #solution-content .distribution-flow>.distribution-hub strong{font-size:13px}
 #main #solution-content .distribution-flow .distribution-outputs>div{padding:11px 13px;gap:10px}
 #main #solution-content .distribution-flow .distribution-outputs h3{font-size:14px}
 #main #solution-content .distribution-map>.royalty-return.portal-spotlight{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:24px;padding:24px 22px}
 #main #solution-content .portal-caption h3{font-size:29px}
}
@media(max-width:760px){
 #main #solution-content .solution-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(225px,1fr);min-height:calc(100svh - var(--header-height));overflow:hidden}
 #main #solution-content .hero-copy{padding:24px var(--dao-pad) 26px}
 #main #solution-content .hero-kicker{margin-bottom:20px}
 #main #solution-content .hero-kicker .block-tag{font-size:11px;min-height:30px;padding:6px 13px}
 #main #solution-content .hero-copy h1{font-size:clamp(37px,10.6vw,52px);line-height:1.1;margin-bottom:20px}
 #main #solution-content .hero-copy h1 br{display:none}
 #main #solution-content .hero-copy>p{font-size:17px;line-height:1.5;max-width:100%}
 #main #solution-content .hero-actions{margin-top:22px;gap:12px;justify-content:flex-start}
 #main #solution-content .hero-actions .button,#main #solution-content .hero-actions .jump-link{min-height:50px;padding:13px 17px;font-size:14px;gap:16px}
 #main #solution-content .hero-visual{height:auto;min-height:0;border-radius:0 0 0 48px}
 #main #solution-content .hero-visual figcaption{left:20px;right:20px;bottom:20px}
 #main #solution-content .hero-caption-link b{padding:8px 14px;font-size:19px}
 #main #solution-content .hero-caption-link div>span{font-size:11px;line-height:1.4;margin-top:10px;max-width:25em}
 #main #solution-content .hero-album{width:78px;left:auto;right:24px;bottom:96px;border-width:3px;transform:rotate(7deg)}
 #main #solution-content .hero-visual:after{inset:35% 0 0}
 #main #solution-content .caption-arrow{width:40px;height:40px}
 #main #solution-content .caption-arrow svg{width:20px;height:20px}
 #main #solution-content .fanme-products{inset:12px 34px 96px;gap:20px}
 #main #solution-content .fanme-products img{max-height:180px;box-shadow:0 10px 20px #0002}
 #main #solution-content .fanme-main{transform:translateY(-7px) rotate(-5deg)}
 #main #solution-content .fanme-secondary{transform:translateY(7px) rotate(5deg)}
 #main #solution-content .hero-media .hero-visual figcaption>span{font-size:18px;padding:8px 14px}
 #main #solution-content .works .section-heading h2{font-size:34px}
 #main #solution-content .work-info h3{font-size:27px}
 #main #solution-content .distribution-map{gap:14px}
 #main #solution-content .distribution-flow{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);grid-template-rows:auto 16px auto;gap:8px 12px;padding:16px;border-radius:18px}
 #main #solution-content .distribution-flow>.release-input{grid-column:1;grid-row:1;width:90px;height:auto}
 #main #solution-content .distribution-flow>.release-input>img{width:90px;height:90px}
 #main #solution-content .distribution-flow>.release-input figcaption{margin-top:8px}
 #main #solution-content .distribution-flow>.release-input .diagram-tag{font-size:9px;padding:5px 7px;min-height:24px}
 #main #solution-content .distribution-flow>.diagram-arrow:nth-child(2){grid-column:2;grid-row:1}
 #main #solution-content .distribution-flow>.distribution-hub{grid-column:3;grid-row:1;width:100px;height:100px;gap:12px;padding:14px 8px}
 #main #solution-content .distribution-flow>.distribution-hub strong{font-size:11px}
 #main #solution-content .distribution-flow>.diagram-arrow:nth-child(4){grid-column:3;grid-row:2;justify-self:center;transform:rotate(90deg)}
 #main #solution-content .distribution-flow>.diagram-arrow{width:20px;height:20px}
 #main #solution-content .distribution-flow>.diagram-arrow svg{width:20px;height:20px}
 #main #solution-content .distribution-flow>.distribution-outputs{grid-column:1/-1;grid-row:3;gap:7px;max-width:none}
 #main #solution-content .distribution-flow .distribution-outputs>div{min-height:36px;padding:8px 15px;gap:12px}
 #main #solution-content .distribution-flow .distribution-outputs h3{font-size:14px}
 #main #solution-content .distribution-flow .distribution-outputs svg{width:20px;height:20px}
 #main #solution-content .distribution-map>.royalty-return.portal-spotlight{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;padding:16px;border-radius:18px}
 #main #solution-content .portal-caption>.diagram-tag{font-size:9px;padding:5px 9px;min-height:25px}
 #main #solution-content .portal-caption h3{font-size:22px;line-height:1.12;margin-top:12px}
 #main #solution-content .portal-preview{height:136px;min-height:0}
 #main #solution-content .portal-window-bar{height:24px;padding:0 7px;gap:5px}
 #main #solution-content .portal-window-bar>b{font-size:6px;letter-spacing:0}
 #main #solution-content .sample-label{font-size:6px;padding:3px 4px}
 #main #solution-content .window-dots{display:none}
 #main #solution-content .portal-screen{height:112px;min-height:0}
 #main #solution-content .rights-mark{width:108px;height:108px;font-size:76px}
 #main #solution-content .vinyl-disc{width:108px;height:108px;margin-bottom:0}
 #main #solution-content .vinyl-disc i{width:49px;height:49px;font-size:34px}
 #main #solution-content .rights-pair h3{margin-top:18px;font-size:22px;line-height:1.12}
 #main #solution-content .rights-pair p{font-size:16px;line-height:1.5}
}
@supports(height:100dvh){@media(max-width:760px){#main #solution-content .solution-hero{min-height:calc(100dvh - var(--header-height))}}}
@media(max-width:380px){
 #main #solution-content .hero-copy h1{font-size:35px}
 #main #solution-content .hero-actions .button,#main #solution-content .hero-actions .jump-link{font-size:13px;padding:12px 14px;gap:12px}
 #main #solution-content .works .section-heading h2{font-size:31px}
 #main #solution-content .portal-caption h3{font-size:19px}
 #main #solution-content .distribution-flow>.distribution-hub{width:88px;height:88px}
 #main #solution-content .distribution-flow>.distribution-hub strong{font-size:10px}
 #main #solution-content .rights-pair article{padding:18px 12px}
 #main #solution-content .rights-mark{width:90px;height:90px;font-size:64px}
 #main #solution-content .vinyl-disc{width:90px;height:90px}
 #main #solution-content .vinyl-disc i{width:42px;height:42px;font-size:30px}
 #main #solution-content .rights-pair h3{font-size:18px}
 #main #solution-content .rights-pair p{font-size:15px}
}
@media(min-width:761px){
 #main #solution-content .works{padding-block:26px}
}
@media(min-width:901px) and (max-width:1100px){
 #main #solution-content .works-track{grid-auto-columns:calc((100% - 36px)/2.5)}
}
@media(min-width:1101px){
 #main #solution-content .distribution-flow{padding-block:18px}
 #main #solution-content .distribution-map>.royalty-return.portal-spotlight{padding-block:16px}
 html[lang=en] body[data-review-page=production] #main #solution-content .expertise .section-heading{margin-bottom:24px}
}

/* Shared controls for every solution, in both languages. Keep page geometry intact. */
#main #solution-content{--dao-control-radius:99px;--dao-control-height:52px;--dao-control-font:15px;--dao-control-padding:14px 22px}
#main #solution-content :is(.hero-kicker .block-tag,.section .block-tag,.section .eyebrow,.audience-copy>.block-tag){
 min-height:32px;max-width:100%;padding:8px 15px;border:0;border-radius:var(--dao-control-radius);
 font-family:var(--cms-brand-body-font,DAO,Arial,sans-serif);font-size:12px;font-weight:700;line-height:1.35;letter-spacing:.035em;white-space:normal;overflow-wrap:anywhere;
}
#main #solution-content .expertise .section-heading>.block-tag{background:var(--cms-brand-daoPaper,#fff);color:var(--cms-brand-ink,#151614)}
#main #solution-content :is(.hero-actions .button,.hero-actions .jump-link,.contact-action){
 min-height:var(--dao-control-height);max-width:100%;padding:var(--dao-control-padding);border:1px solid transparent;border-radius:var(--dao-control-radius);
 font-family:var(--cms-brand-body-font,DAO,Arial,sans-serif);font-size:var(--dao-control-font);font-weight:700;line-height:1.45;letter-spacing:0;gap:20px;text-align:left;white-space:normal;
 transition:background .2s,color .2s,border-color .2s;
}
#main #solution-content .hero-actions .jump-link{border-color:#d5d0c6;background:var(--cms-brand-daoPaper,#fff);color:var(--cms-brand-ink,#151614)}
#main #solution-content :is(.hero-actions .button,.hero-actions .jump-link,.contact-action) svg{width:20px;height:20px;flex:none}
#main #solution-content .hero-actions .jump-link .solution-arrow-down{width:18px;height:18px}
#main #solution-content .contact-action .contact-circle{width:20px;height:20px;flex:none;background:none;border:0;color:inherit}
#main #solution-content :is(.hero-actions .button,.hero-actions .jump-link):focus-visible{outline:3px solid var(--cms-brand-brandDeep,#c9230d);outline-offset:4px}
#main #solution-content .contact-action:focus-visible{outline:3px solid var(--cms-brand-daoPaper,#fff);outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 #main #solution-content .contact-action:hover{background:var(--cms-brand-audience,#f6f2ea);color:var(--cms-brand-ink,#151614)}
 #main #solution-content .contact-action:hover .contact-circle{background:none;color:inherit}
}
@media(max-width:760px){
 #main #solution-content{--dao-control-height:48px;--dao-control-font:14px;--dao-control-padding:12px 18px}
 #main #solution-content :is(.hero-kicker .block-tag,.section .block-tag,.section .eyebrow,.audience-copy>.block-tag){min-height:30px;padding:7px 13px;font-size:11px}
 #main #solution-content :is(.hero-actions .button,.hero-actions .jump-link,.contact-action){gap:16px}
}
@media(prefers-reduced-motion:reduce){#main #solution-content :is(.hero-actions .button,.hero-actions .jump-link,.contact-action){transition:none}}