/* REQ-254: Apple-sized media, compact selectors; preserve CTA-only blue. */
/* Quiet content lists retain HTML semantics without decorative bullets. */
.visual-page :is(.plain-list,.article-body ul,.article-body ol,.gallery-index ul,.series-files ol){list-style:none;padding-left:0}.visual-page li::marker{content:''}.episode-service-note{padding-block:28px;max-width:52ch}.episode-service-note h3{font-size:32px;line-height:1.15;margin-bottom:18px}.episode-service-note p{font-size:18px;line-height:1.5;color:#b6b8bd}
.reading-films article{min-width:0}.reading-films .gallery-media{width:100%;min-width:0}.reading-films .chapter-visual{min-width:0}
/* Editorial diagrams show the decision itself, rather than unrelated footage. */
.guide-cover{display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:300px;padding:28px;border-radius:24px;background:#141b22;border:1px solid #30404e;text-decoration:none;color:#d9e4ec;transition:background .2s ease}
.guide-cover:hover{background:#1b2732}.guide-cover:focus-visible{outline:2px solid #4ca8df;outline-offset:4px}
.guide-cover>span{font-size:clamp(18px,2vw,24px);line-height:1.3;border-bottom:1px solid #334553;padding-bottom:12px}
.guide-cover>.guide-cover-label{font-size:12px;letter-spacing:.04em;border:0;color:#93afc2;padding-bottom:10px}
.guide-cover-estimate{background:#1a1b22;border-color:#383b4b}.guide-cover-estimate>span{border-color:#383b4b}
@media(max-width:767px){.guide-cover{min-height:250px;padding:22px;gap:12px}.guide-cover>span{font-size:20px}}
@media(prefers-reduced-motion:reduce){.guide-cover{transition:none}}
.editorial-example{margin:28px 0;padding:24px;background:#14171b;border:1px solid #30353b;border-radius:24px;min-width:0}
.editorial-example>figcaption{font-size:13px;line-height:1.5;color:#a9b4c0;margin-bottom:20px}
.scope-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.scope-comparison-grid>div{border-top:2px solid #4d86a8;padding-top:16px;min-width:0}
.scope-comparison-grid h3,.file-handoff-map h3{font-size:22px;line-height:1.15;margin:0 0 16px;color:#f5f5f7}
.scope-comparison-grid p,.file-handoff-map p{font-size:15px;line-height:1.5;margin:9px 0;color:#bdc5cc}
.scope-comparison-grid strong{display:block;font-weight:500;font-size:16px;line-height:1.4;margin-top:20px;color:#f5f5f7}
.editorial-example .example-takeaway{font-size:15px;line-height:1.5;margin:24px 0 0;padding-top:16px;border-top:1px solid #343b42;max-width:none;color:#d2d8de}
.file-handoff-map{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px}
.file-handoff-map>div{padding-top:16px;border-top:2px solid #4d86a8;min-width:0}
.file-handoff-map pre{font:clamp(15px,1.7vw,20px)/1.7 ui-monospace,SFMono-Regular,monospace;color:#c6dae8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.handoff-brief blockquote{font-size:18px;line-height:1.45;margin:0;color:#eef2f5;padding:0;border:0}
.visual-page .guide-article .article-body{width:100%;max-width:none;margin-inline:0}
.visual-page .guide-article .article-body .reader-point{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.visual-page .guide-article .article-body .reader-point p{max-width:64ch}
@media(max-width:767px){.visual-page .guide-article .article-body .reader-point{grid-template-columns:1fr}.handoff-brief blockquote{font-size:17px}}
.estimate-story{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:32px;align-items:center;padding-block:28px}
.estimate-story-heading h2,.estimate-deliverables>h2,.estimate-start h2{font-size:clamp(28px,3.5vw,48px);line-height:1.07;margin:0 0 20px}
.estimate-story-heading p,.estimate-story-work>p,.estimate-start p{font-size:17px;line-height:1.5;margin:0;max-width:46ch}
.estimate-story-work{min-width:0}.estimate-story-work .gallery-media{aspect-ratio:16/9}.estimate-story-work>p{margin-top:16px;font-size:15px;max-width:64ch;color:#b9c0c7}
.estimate-deliverables,.estimate-start{padding-block:28px}.estimate-deliverables .editorial-example{margin-bottom:16px}.estimate-deliverables>.text-link{display:inline-flex;align-items:center;min-height:44px}
.estimate-start{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;border-top:1px solid #303034}.estimate-start p{max-width:none}
.work-analysis .case-reading-decisions{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;max-width:none}
.work-analysis .case-reading-decisions>.reader-point{display:block;padding-block:24px}
.work-analysis .case-reading-decisions>.reader-point:first-child,.work-analysis .case-reading-decisions>.reader-point:last-of-type,.work-analysis .case-reading-decisions>.article-next{grid-column:1/-1}
.work-analysis .case-reading-decisions>.reader-point:first-child{display:grid;grid-template-columns:1fr 1.2fr;gap:32px}
.work-analysis .case-reading-decisions>.reader-point p{max-width:none}
@media(max-width:767px){.work-analysis .case-reading-decisions{grid-template-columns:1fr}.work-analysis .case-reading-decisions>.reader-point:first-child{display:block}.work-analysis .case-reading-decisions>.reader-point{padding-block:18px}}
@media(max-width:767px){.editorial-example{padding:20px;margin-block:20px;border-radius:20px}.scope-comparison-grid,.file-handoff-map{grid-template-columns:1fr;gap:24px}.estimate-story,.estimate-start{grid-template-columns:1fr;gap:20px;padding-block:20px}.estimate-deliverables{padding-block:20px}.estimate-story-heading h2,.estimate-deliverables>h2,.estimate-start h2{font-size:30px;margin-bottom:14px}.scope-comparison-grid h3,.file-handoff-map h3{font-size:21px}}
.work-switcher{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.5fr);gap:40px;align-items:start;margin-block:42px 18px}
.work-switcher-menu{position:sticky;top:28px}.work-switcher h2{font-size:clamp(28px,3.3vw,48px);margin-bottom:20px;max-width:9em}
[data-work-tabs]{display:flex;flex-direction:column}[data-work-choice]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;min-height:48px;background:none;border:0;border-bottom:1px solid #303034;font-size:21px;line-height:1.2;text-align:left;color:#97979e;transition:color 120ms ease, padding 180ms ease}
[data-work-choice][aria-selected=true],[data-work-choice]:hover{color:#fff;padding-left:12px}[data-work-choice] span{font-size:18px}
.work-switcher-stage{min-width:0}[data-work-panel]{min-width:0;margin:0 0 24px}[data-work-panel][hidden]{display:none}.work-panel--selected{animation:work-panel-enter .32s cubic-bezier(.2,0,0,1)}
@keyframes work-panel-enter{from{opacity:.4;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.chapter-visual{margin:0;min-width:0}.chapter-visual .gallery-media{display:block;position:relative;overflow:hidden;border-radius:24px;background:#111113}
.chapter-visual .gallery-media img{width:100%;height:100%;object-fit:cover}.chapter-visual .gallery-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .24s ease}.chapter-visual.is-playing video{opacity:1}
.chapter-visual figcaption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-top:8px;font-size:11px;color:#a5a5ad}
.work-switcher-stage .gallery-media{height:clamp(320px,40vw,540px)}
.work-switcher-stage .service-visual--vertical .gallery-media{background:#0b0b0d}.work-switcher-stage .service-visual--vertical img,.work-switcher-stage .service-visual--vertical video{object-fit:contain}
.work-panel-copy{display:flex;justify-content:space-between;gap:24px;padding-top:14px;align-items:start}.work-panel-copy p{font-size:16px;max-width:32ch}.work-panel-copy a{flex-shrink:0;min-height:44px;display:flex;align-items:center}
.more-services{display:flex;flex-wrap:wrap;gap:12px 28px;padding-bottom:26px;border-bottom:1px solid #303034}.more-services a{font-size:14px;text-decoration:none;min-height:44px;display:flex;align-items:center}
.visual-chapter{position:relative;margin-block:32px;display:grid;grid-template-columns:1.6fr .8fr;gap:28px;align-items:center;--scene-progress:.5}
.chapter-media{min-width:0;transform:scale(calc(.86 + var(--scene-progress)*.14));transform-origin:center;will-change:transform}.visual-chapter .gallery-media{height:clamp(320px,42vw,580px);border-radius:calc(40px - var(--scene-progress)*20px)}
.visual-chapter .service-visual--vertical img,.visual-chapter .service-visual--vertical video{object-fit:contain}
.chapter-copy h2{font-size:clamp(28px,3.5vw,48px);line-height:1.05;margin-bottom:16px}.chapter-copy p{font-size:16px;line-height:1.5;max-width:34ch}.chapter-copy a{display:inline-flex;min-height:44px;align-items:center;margin-top:12px}
.compact-process{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding-block:24px;border-block:1px solid #303034}.compact-process h2{font-size:28px}.compact-process p{font-size:16px;max-width:54ch}
.visual-reading{margin-block:32px}.visual-reading h2{font-size:28px;margin-bottom:18px}.visual-reading>div{display:grid;grid-template-columns:1fr 1fr;gap:24px}.visual-reading a{position:relative;text-decoration:none;border-block:1px solid #303034;padding:20px 36px 20px 0}.visual-reading h3{font-size:23px}.visual-reading p{font-size:15px;margin-top:8px}.visual-reading span{position:absolute;right:0;top:22px}
.cinematic-page .cinema-faq,.service-editorial .service-faq{padding-block:28px;margin-block:24px;gap:28px}.cinematic-page .cinema-faq h2{font-size:28px}.final{margin-top:28px;padding-block:32px}.final h2{font-size:clamp(30px,4vw,50px)}.final>p{font-size:16px;margin-top:12px}.final>.button{margin-top:18px}.footer{padding-block:28px 18px}
.visual-page .eyebrow{display:none}.visual-page .editorial-opening{margin-bottom:24px}.visual-page .price-story{padding-block:24px;margin-block:0}.visual-page .price-story h2{font-size:28px}.visual-page .price-story p{font-size:16px}
.visual-page .final{padding-block:32px;margin-block:24px;min-height:0}.visual-page .final h2{font-size:clamp(30px,4vw,50px)}.visual-page .final>p{margin-top:12px;font-size:16px}.visual-page .final>.button{margin-top:18px}
.accordions summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.accordions summary::-webkit-details-marker{display:none}.accordions summary::after{content:'+';font-weight:400;flex:none}.accordions details[open] summary::after{content:'−'}
.reading-films{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-block:24px 40px}.reading-films article{padding-block:20px;border-top:1px solid #303034}.reading-films article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:16px 28px;align-items:center}.reading-films article:last-child figure{grid-row:1/3}.reading-films h2{font-size:26px;margin:0 0 8px}.reading-films h2 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.reading-films p{font-size:16px;max-width:48ch}.reading-films .gallery-media{height:auto;aspect-ratio:16/9}.reading-films article:last-child h2{align-self:end}.reading-films article:last-child p{align-self:start}
.reading-index-cta{margin-block:0 40px;font-size:17px;color:#c6cad0}.reading-index-cta a{margin-left:12px;color:#f4f5f6}
.article-body>h2{font-size:28px;margin-top:28px!important}.article-body>p,.article-body>ul,.article-body>ol{font-size:16px!important;line-height:1.55}.article-body .visual-chapter{width:100%;grid-template-columns:1fr}.article-body .chapter-copy{display:none}.article-body .visual-chapter .gallery-media{height:320px}.article-body{max-width:900px}.reading-navigation{margin-block:20px!important}
.concise-reader .reader-point{padding:18px 0;border-top:1px solid #303034}.concise-reader .reader-point h2{font-size:26px;margin:0 0 12px}.concise-reader .reader-point p{font-size:16px;margin:0;max-width:64ch}.reading-full{margin-block:24px;border-block:1px solid #303034}.reading-full>summary{padding:20px 0;font-size:18px;cursor:pointer;min-height:48px}.reading-full>div{padding-bottom:24px}.reading-full p,.reading-full li{font-size:16px;line-height:1.6}.reading-full h2{font-size:25px}.concise-reader .article-next{margin-block:24px;padding-block:24px}.concise-reader .article-next h2{font-size:28px}
.reading-full>summary{display:flex;justify-content:space-between;gap:20px;list-style:none}.reading-full>summary::-webkit-details-marker{display:none}.reading-full>summary::after{content:'+';flex:none}.reading-full[open]>summary::after{content:'−'}.article-body .button{text-decoration:none}.concise-reader .visual-chapter{padding-block:0;margin-block:20px}
@media(max-width:767px){
 .work-switcher{grid-template-columns:1fr;gap:16px;margin-top:24px}.work-switcher-menu{position:static}.work-switcher h2{font-size:28px;max-width:none;margin-bottom:12px}
 [data-work-tabs]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}[data-work-choice]{font-size:15px;padding:12px 0;min-height:44px}[data-work-choice] span{display:none}[data-work-choice][aria-selected=true],[data-work-choice]:hover{padding-left:0}
 .work-switcher-stage .gallery-media{height:320px}.work-panel-copy{gap:12px}.work-panel-copy p{font-size:14px;max-width:24ch}.work-panel-copy a{font-size:13px}.chapter-visual .gallery-media{border-radius:18px}
 .visual-chapter{grid-template-columns:1fr;gap:14px;margin-block:24px}.chapter-media{transform:scale(calc(.97 + var(--scene-progress)*.03))}.visual-chapter .gallery-media{height:300px}.chapter-copy h2{font-size:29px;margin-bottom:10px}.chapter-copy p{font-size:15px;max-width:none}.chapter-copy a{margin-top:4px}
 .compact-process{grid-template-columns:1fr;gap:12px;padding-block:20px}.compact-process h2{font-size:25px}.compact-process p{font-size:15px}.more-services{gap:0 18px;padding-bottom:12px}.more-services a{font-size:13px}
 .visual-reading>div{grid-template-columns:1fr;gap:0}.visual-reading{margin-block:24px}.visual-reading h2{font-size:25px}.visual-reading h3{font-size:21px}
 .reading-films{grid-template-columns:1fr;gap:24px}.reading-films article:last-child{display:block}.reading-films .gallery-media{height:230px}.reading-films h2{font-size:24px}
 .reading-index-cta{font-size:15px}.reading-index-cta a{display:inline-block;margin-left:0}
 .footer{grid-template-columns:1fr 1fr;gap:18px}.footer>div{grid-column:1/-1;display:flex;align-items:center;gap:24px}.footer>div p{margin:0;font-size:13px}.footer nav{gap:0;align-self:start}.footer nav a,.footer nav button{font-size:12px;min-height:44px;display:flex;align-items:center;max-width:100%;overflow-wrap:anywhere}.footer .copyright{grid-column:1/-1;font-size:11px;margin-top:0}.footer .brand{font-size:30px}
 .cinematic-page .cinema-faq{gap:16px;padding-block:20px}.cinematic-page .cinema-faq h2{font-size:25px}.final{margin-top:20px;padding-block:28px}.footer{gap:22px}
}
@media(prefers-reduced-motion:reduce){.chapter-media{transform:none;will-change:auto}.work-panel--selected{animation:none}[data-work-choice],.chapter-visual .gallery-media video{transition:none}}
