/* Individual compositions share only navigation, brand and usable controls. */
.individual-page{--blue:#2759b7;--navy:#152033;--accent:#f7843b;--paper:#fff;background:#fff}
.individual-page .detail-hero{position:relative;isolation:isolate;overflow:hidden;padding:24px 0 70px}
.individual-page .detail-hero-grid{position:relative}
.individual-page .detail-hero-grid>figure{transform:none;clip-path:none;border:0;box-shadow:none;position:relative;margin:0;width:100%;min-width:0}
.individual-page .detail-hero-grid>figure img{transform:none;transition:none}
.individual-page .hero-editorial-copy{position:relative;min-width:0;z-index:1}
.individual-page .detail-hero h1{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:800;overflow-wrap:anywhere;hyphens:auto;max-width:22ch}
.individual-page .hero-topic-tab{font-weight:800;font-size:.66rem;letter-spacing:.14em;line-height:1.6;padding-top:15px;border-top:2px solid var(--accent);color:inherit;grid-column:1/-1;max-width:100%}
.individual-page .detail-hero-grid figcaption{left:14px;bottom:14px;right:auto;max-width:calc(100% - 28px);font-size:10px;background:#152033;color:white;border:0}
/* Twelve genuinely different arrangements of image, headline and reading path. */
.individual-page.hero-panorama .detail-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}
.individual-page.hero-panorama .detail-hero-grid>figure{grid-column:1/-1;aspect-ratio:2.7}
.individual-page.hero-panorama .hero-editorial-copy{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 60px;align-items:start}
.individual-page.hero-panorama .hero-editorial-copy>.eyebrow{grid-column:1/-1}
.individual-page.hero-panorama .hero-editorial-copy h1{grid-column:1;grid-row:2/5}
.individual-page.hero-panorama .hero-editorial-copy .detail-lead{margin:0 0 20px;grid-column:2}
.individual-page.hero-panorama .hero-editorial-copy .button,.individual-page.hero-panorama .concept-note{grid-column:2;justify-self:start}
.individual-page.hero-blueprint .detail-hero{background-color:#2759b7;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:42px 42px}
.individual-page.hero-blueprint .detail-hero-grid{grid-template-columns:.85fr 1.15fr;gap:65px}
.individual-page.hero-blueprint .detail-hero-grid>figure{aspect-ratio:1.2;border:1px solid #fff;padding:12px;background:transparent}
.individual-page.hero-blueprint .detail-hero-grid>figure img{object-fit:cover}
.individual-page.hero-blueprint .hero-topic-tab{border-color:white}
.individual-page.hero-poster .detail-hero{background:#fff;color:#152033}
.individual-page.hero-poster .detail-hero-grid{grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}
.individual-page.hero-poster .detail-hero-grid>figure{grid-column:1;grid-row:1;aspect-ratio:.84}
.individual-page.hero-poster .hero-editorial-copy{grid-column:2;grid-row:1}
.individual-page.hero-poster .detail-hero h1{font-size:clamp(2.5rem,4.8vw,5.1rem);letter-spacing:-.06em}
.individual-page.hero-offset .detail-hero{background:#fff;color:#152033;padding-bottom:95px}
.individual-page.hero-offset .detail-hero-grid{align-items:start;gap:35px;grid-template-columns:1.05fr 1fr}
.individual-page.hero-offset .hero-editorial-copy{padding:18px 0 55px}
.individual-page.hero-offset .detail-hero-grid>figure{aspect-ratio:1;margin-top:90px;box-shadow:22px 22px 0 #2759b7}
.individual-page.hero-offset .hero-topic-tab{position:absolute;left:0;bottom:0;width:43%}
.individual-page.hero-split .detail-hero{background:linear-gradient(90deg,#152033 0 48%,#2759b7 48%)}
.individual-page.hero-split .detail-hero-grid{grid-template-columns:1.1fr 1fr;gap:70px}
.individual-page.hero-split .detail-hero-grid>figure{grid-column:1;grid-row:1;aspect-ratio:1.04}
.individual-page.hero-split .hero-editorial-copy{grid-column:2;grid-row:1}
.individual-page.hero-masthead .detail-hero{background:#fff;color:#152033}
.individual-page.hero-masthead .detail-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:35px}
.individual-page.hero-masthead .hero-editorial-copy{order:-1;display:grid;grid-template-columns:1.4fr 1fr;gap:16px 50px}
.individual-page.hero-masthead .hero-editorial-copy h1{grid-row:2/5;grid-column:1;font-size:clamp(2.4rem,5vw,5.3rem)}
.individual-page.hero-masthead .hero-editorial-copy .eyebrow{grid-column:1/-1}
.individual-page.hero-masthead .hero-editorial-copy .detail-lead{margin:0;grid-column:2}
.individual-page.hero-masthead .hero-editorial-copy .button{grid-column:2;justify-self:start;align-self:start}
.individual-page.hero-masthead .concept-note{grid-column:2}
.individual-page.hero-masthead .detail-hero-grid>figure{aspect-ratio:2.5}
.individual-page.hero-gallery .detail-hero{background:#152033}
.individual-page.hero-gallery .detail-hero-grid{display:grid;grid-template-columns:1fr 2fr;gap:35px}
.individual-page.hero-gallery .detail-hero-grid>figure{grid-column:1/-1;aspect-ratio:2.15;max-width:86%}
.individual-page.hero-gallery .hero-editorial-copy{grid-column:2}
.individual-page.hero-gallery .hero-topic-tab{grid-column:1;grid-row:2;margin-top:10px}
.individual-page.hero-column .detail-hero{background:#fff;color:#152033}
.individual-page.hero-column .detail-hero-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:90px}
.individual-page.hero-column .detail-hero-grid>figure{aspect-ratio:.72;border-top:12px solid #f7843b}
.individual-page.hero-column .detail-hero h1{font-size:clamp(2.6rem,5.5vw,5.7rem);line-height:1.03}
.individual-page.hero-frame .detail-hero{background:#152033}
.individual-page.hero-frame .detail-hero-grid{grid-template-columns:1fr 1fr;gap:60px;border:1px solid #506584;padding:35px}
.individual-page.hero-frame .detail-hero-grid>figure{aspect-ratio:1.1;border-bottom:14px solid #f7843b}
.individual-page.hero-frame .hero-topic-tab{grid-column:1/-1}
.individual-page.hero-diagonal .detail-hero{background:#2759b7}
.individual-page.hero-diagonal .detail-hero-grid{grid-template-columns:1fr 1.3fr;gap:30px}
.individual-page.hero-diagonal .detail-hero-grid>figure{aspect-ratio:1.07;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.individual-page.hero-diagonal .detail-hero-grid figcaption{left:12%;max-width:75%}
.individual-page.hero-folio .detail-hero{background:#fff;color:#152033}
.individual-page.hero-folio .detail-hero-grid{grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.individual-page.hero-folio .detail-hero-grid>figure{grid-column:1/-1;grid-row:2;aspect-ratio:2.3;width:86%;margin-left:auto}
.individual-page.hero-folio .hero-editorial-copy{display:contents}
.individual-page.hero-folio .hero-editorial-copy h1{grid-column:1;grid-row:2;z-index:2;background:#fff;padding:25px 30px 25px 0;align-self:start;margin-top:45px;max-width:14ch}
.individual-page.hero-folio .hero-editorial-copy .eyebrow{grid-column:1/-1}
.individual-page.hero-folio .detail-lead{grid-column:2;grid-row:3;margin:0}
.individual-page.hero-folio .button{grid-column:1;grid-row:3;justify-self:start;align-self:start}
.individual-page.hero-folio .concept-note{grid-column:1/-1}
.individual-page.hero-stripe .detail-hero{background:#152033;border-bottom:18px solid #f7843b}
.individual-page.hero-stripe .detail-hero-grid{grid-template-columns:1.2fr 1fr;gap:0;align-items:stretch}
.individual-page.hero-stripe .hero-editorial-copy{background:#2759b7;padding:40px;margin:30px -30px 30px 0}
.individual-page.hero-stripe .detail-hero-grid>figure{aspect-ratio:.95;z-index:-1}
.individual-page.hero-stripe .hero-topic-tab{margin-top:20px}
.individual-page:is(.hero-poster,.hero-offset,.hero-masthead,.hero-column,.hero-folio) .detail-hero .detail-lead{color:#46566b}
.individual-page:is(.hero-poster,.hero-offset,.hero-masthead,.hero-column,.hero-folio) .detail-hero .breadcrumbs{color:#46566b}
.individual-page:is(.hero-poster,.hero-offset,.hero-masthead,.hero-column,.hero-folio) .detail-hero .eyebrow{color:#2759b7}
/* Open editorial compositions; no repeated photo cards. */
.individual-page .detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px}
.individual-page .detail-card{background:transparent;border:0;border-top:1px solid #a8b8cd;padding:25px 0;box-shadow:none;min-width:0;transition:color .25s ease}
.individual-page .detail-card:hover{background:transparent;box-shadow:none;color:#2759b7;transform:none}
.individual-page .detail-card .card-action{border:0;padding-top:9px;min-height:40px}
.individual-page .detail-card h3{font-size:clamp(1.2rem,1.7vw,1.7rem);max-width:28ch}
.individual-page .card-kind{color:#2759b7}
.individual-page .decision-grid article{border-top:1px solid #899db9;background:transparent;box-shadow:none}
.individual-page .detail-section>.container{position:relative}
.individual-page.flow-index .detail-section:not(:has(.project-check,.article-layout,.catalog-controls))>.container{padding-left:115px}
.individual-page.flow-index .detail-section>.container:before{content:attr(data-section-number);position:absolute;left:0;top:0;color:#2759b7;font-size:3rem;font-weight:800}
.individual-page.flow-index .detail-section:before{content:none}
.individual-page.flow-timeline .detail-section>.container{border-left:3px solid #2759b7;padding-left:38px}
.individual-page.flow-timeline .detail-section:nth-of-type(3n)>.container{border-left-color:#f7843b}
.individual-page.flow-timeline .decision-grid{grid-template-columns:1fr}
.individual-page.flow-timeline .decision-grid article{display:grid;grid-template-columns:60px 1fr 1.7fr;gap:18px;align-items:start}
.individual-page.flow-timeline .decision-grid article>*{margin:0}
.individual-page.flow-magazine .detail-section:not(:has(.project-check,.catalog-controls))>.container{max-width:1030px}
.individual-page.flow-magazine .detail-section:nth-of-type(even):not(:has(.project-check,.catalog-controls))>.container{padding-left:100px}
.individual-page.flow-magazine .detail-section h2{font-size:clamp(2rem,3.7vw,3.8rem);max-width:23ch}
.individual-page.flow-magazine .story-pair{grid-template-columns:1fr 1.5fr}
.individual-page.flow-workbench .detail-section{border-top:1px solid #2759b7;padding-block:60px}
.individual-page.flow-workbench .detail-section h2{padding-bottom:25px;border-bottom:5px solid #2759b7;max-width:none}
.individual-page.flow-workbench .decision-grid{gap:40px}
.individual-page.flow-workbench .decision-index{font-size:2.7rem;color:#2759b7}
.individual-page.flow-bands .detail-section:nth-of-type(3n):not(:has(.project-check,.catalog-controls,.questions,.article-layout)){background:#2759b7;color:#fff}
.individual-page.flow-bands .detail-section:nth-of-type(3n):not(:has(.project-check,.catalog-controls,.questions,.article-layout)) :is(p,h2,h3,.card-kind,.decision-index,.eyebrow,.card-action){color:#fff}
.individual-page.flow-bands .detail-section:nth-of-type(3n) .cost-box{color:#152033;background:transparent;border-color:white}
.individual-page.flow-bands .detail-section:nth-of-type(3n) .approval-note{background:transparent}
.individual-page.flow-spine .detail-section>.container{border-top:1px solid #152033;padding-top:32px}
.individual-page.flow-spine .detail-section h2{display:block;max-width:22ch;margin-bottom:44px;border-left:10px solid #f7843b;padding-left:23px}
.individual-page.flow-spine .detail-grid{grid-template-columns:1fr}
.individual-page.flow-spine .detail-card .card-copy{display:grid;grid-template-columns:1fr 2fr;gap:12px 40px}
.individual-page.flow-spine .card-kind{grid-column:1}.individual-page.flow-spine .detail-card h3{grid-column:1}.individual-page.flow-spine .detail-card p{grid-column:2;grid-row:1/3;margin:0}.individual-page.flow-spine .detail-card .card-action{grid-column:2}
.individual-page.flow-stagger .detail-section>.container>h2{margin-left:12%;font-size:clamp(2rem,3.5vw,3.5rem)}
.individual-page.flow-stagger .decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 70px}
.individual-page.flow-stagger .decision-grid article:nth-child(even){margin-top:55px}
.individual-page.flow-stagger .story-pair figure:nth-child(2){margin-top:120px}
.individual-page.flow-essay .detail-section:not(:has(.project-check,.catalog-controls,.detail-grid))>.container{max-width:980px}
.individual-page.flow-essay .decision-grid{display:block}
.individual-page.flow-essay .decision-grid article{padding:25px 0;display:grid;grid-template-columns:55px 1fr;gap:5px 20px}
.individual-page.flow-essay .decision-grid article p{grid-column:2}.individual-page.flow-essay .decision-grid article h3{margin:0}
.individual-page .story-single{grid-template-columns:1fr!important}
/* Each topic has its own vector study; the photograph itself stays steady. */
.topic-study{background:#2759b7;color:#fff;padding:75px 0;overflow:hidden}
.study-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}
.study-caption .eyebrow{color:#ffd0ad;font-size:.73rem;letter-spacing:.13em}
.study-caption h2{font-size:clamp(1.9rem,3vw,3.2rem);max-width:24ch;line-height:1.13;hyphens:auto;overflow-wrap:anywhere}
.study-caption>p{font-size:.94rem;line-height:1.7;margin-top:24px;color:#fff}
.study-caption ol{list-style:none;counter-reset:study;padding:0;margin-top:18px}
.study-caption li{counter-increment:study;border-top:1px solid #ffffff5c;padding:13px 0;display:flex;gap:22px;align-items:flex-start;font-size:.88rem}
.study-caption li:before{content:'0' counter(study);font-size:.65rem;font-weight:800;line-height:1.8;color:#ffd0ad}
.study-caption .study-note{font-size:.65rem;color:#fff;margin-top:22px}
.study-art{min-width:0;padding:15px 0;border-top:1px solid #ffffff5c;border-bottom:1px solid #ffffff5c}
.topic-drawing{display:block;width:100%;height:auto;overflow:visible}
.topic-drawing .ink,.topic-drawing .accent{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter}
.topic-drawing .accent{stroke:#f7843b;stroke-width:5}
.topic-drawing .light-letter{font:bold 190px Manrope,Arial,sans-serif;stroke:#fff;stroke-width:1;fill:transparent}
.topic-lichtwerbung{background:#152033}.topic-lichtwerbung .study-art{border-color:#ffffff38}
.topic-raum-marke .study-layout{grid-template-columns:1.1fr 1fr}.topic-raum-marke .study-art{grid-column:1;grid-row:1}.topic-raum-marke .study-caption{grid-column:2}
.topic-schilder-leitsysteme{background:#152033}.topic-messe-event{background:#152033}
.topic-digitaldruck .study-art{border:0;border-left:1px solid #ffffff5c;padding-left:28px}
.topic-fahrzeugwerbung .study-art{border:0;border-bottom:5px solid #f7843b}
.topic-service-montage{background:#fff;color:#152033;border-block:1px solid #a8b8cd}
.topic-service-montage .study-caption :is(p,li){color:#152033}.topic-service-montage .study-caption .eyebrow,.topic-service-montage .study-caption li:before{color:#2759b7}.topic-service-montage .study-caption li{border-color:#a8b8cd}.topic-service-montage .ink{stroke:#2759b7}.topic-service-montage .study-art{border-color:#a8b8cd}
/* Purpose-specific utility pages. */
.hero-contact .detail-hero{background:#2759b7}.hero-contact .detail-hero-grid{padding:20px 0 10px;border-top:12px solid #f7843b}.hero-contact .detail-hero h1{max-width:16ch;font-size:clamp(2.8rem,5.3vw,5.5rem)}
.hero-legal-index .detail-hero{border-bottom:15px solid #f7843b}.hero-legal-spine .detail-hero{background:#fff;color:#152033;border-left:22px solid #2759b7}.hero-legal-spine .detail-lead,.hero-legal-spine .breadcrumbs{color:#46566b!important}
.hero-legal-columns .detail-hero{background:#2759b7}.hero-legal-columns .detail-hero-grid{border-top:1px solid white;padding-top:30px}.hero-legal-caption .detail-hero{background:#152033;border-top:14px solid #2759b7}.hero-missing .detail-hero{background:#2759b7;border-bottom:30px solid #f7843b}
.flow-legal .editorial-content{max-width:860px}.flow-legal .editorial-content h2{border-top:1px solid #a8b8cd;padding-top:32px}.hero-legal-index .editorial-content{border-left:5px solid #f7843b;padding-left:30px}.hero-legal-spine .editorial-content{margin-left:auto}.hero-legal-columns .editorial-content{max-width:970px}.hero-legal-caption .editorial-content{max-width:760px}
/* Once-only reveal treatments. Reduced motion and the pause control override all of them. */
.motion-on.individual-page.move-wipe [data-reveal]{transform:none;clip-path:inset(0 100% 0 0);transition:clip-path .9s cubic-bezier(.22,1,.36,1),opacity .5s}
.motion-on.individual-page.move-wipe [data-reveal].is-visible{clip-path:inset(0)}
.motion-on.individual-page.move-lift [data-reveal]{transform:translateY(36px);transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .6s}
.motion-on.individual-page.move-trace [data-reveal]{transform:none;transition:opacity 1.1s ease}
.motion-on.individual-page.move-cascade [data-reveal]{transform:translateY(20px);transition-delay:calc(var(--entry-delay) + 80ms)}
.motion-on.individual-page.move-cascade [data-reveal]:nth-child(2n){transition-delay:calc(var(--entry-delay) + 160ms)}
.motion-on.individual-page.move-slide [data-reveal]{transform:translateX(-28px);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .8s}
.motion-on.individual-page.move-slide [data-reveal]:nth-child(even){transform:translateX(28px)}
.motion-on.individual-page.move-shutter [data-reveal]{transform:none;clip-path:inset(0 0 100% 0);transition:clip-path .85s cubic-bezier(.22,1,.36,1),opacity .5s}
.motion-on.individual-page.move-shutter [data-reveal].is-visible{clip-path:inset(0)}
.motion-on.individual-page.move-expand [data-reveal]{transform:translateY(12px);filter:opacity(.4);transition:transform .9s ease,filter .9s ease,opacity .9s ease}
.motion-on.individual-page.move-expand [data-reveal].is-visible{filter:opacity(1)}
.motion-on.individual-page.move-fade [data-reveal]{transform:none;transition:opacity .8s ease}
.motion-on.individual-page [data-reveal].is-visible{transform:none;opacity:1}
.motion-on .study-art.is-visible :is(.ink,.accent){animation:draw-study var(--study-duration) cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--part)*var(--study-step))}
.motion-on .topic-folientechnik .study-art.is-visible .accent{animation-name:lay-film}
.motion-on .topic-digitaldruck .study-art.is-visible .accent{animation-name:register-print}
.motion-on .topic-messe-event .study-art.is-visible .ink{animation-name:build-stage}
.motion-on .topic-lichtwerbung .study-art.is-visible .light-letter{animation:light-study 1.8s ease both}
@keyframes draw-study{from{stroke-dasharray:1;stroke-dashoffset:1;opacity:.2}to{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}}
@keyframes lay-film{from{clip-path:inset(0 0 100% 0);opacity:.2}to{clip-path:inset(0);opacity:1}}
@keyframes register-print{from{transform:translate(15px,-15px);opacity:0}to{transform:none;opacity:1}}
@keyframes build-stage{from{transform:translateY(25px);opacity:0}to{transform:none;opacity:1}}
@keyframes light-study{from{fill:transparent;filter:none}to{fill:#fff;filter:drop-shadow(0 0 7px #fff8)}}
.motion-paused.individual-page [data-reveal]{clip-path:none!important;filter:none!important;transform:none!important;opacity:1!important}
.motion-paused .topic-drawing *{animation:none!important;stroke-dashoffset:0!important}.motion-paused .light-letter{fill:white}
/* Narrow screens keep the page's sequence, accent, image proportions and motion identity. */
@media(max-width:1000px){
 .individual-page .detail-hero{padding-bottom:45px}
 .individual-page .detail-hero-grid{gap:28px!important}
 .individual-page .detail-hero h1{font-size:clamp(2.3rem,5.6vw,4rem)!important}
 .individual-page.hero-column .detail-hero-grid{grid-template-columns:1.1fr .9fr}
 .individual-page.hero-frame .detail-hero-grid{padding:22px}
 .individual-page.hero-stripe .hero-editorial-copy{padding:25px;margin-right:-10px}
 .study-layout{gap:35px}.individual-page .detail-grid{gap:0 35px}
 .individual-page.flow-index .detail-section:not(:has(.project-check,.article-layout,.catalog-controls))>.container{padding-left:40px}
 .individual-page.flow-magazine .detail-section:nth-of-type(even):not(:has(.project-check,.catalog-controls))>.container{padding-left:50px}
}
@media(max-width:760px){
 .individual-page .detail-hero .breadcrumbs{font-size:.69rem;margin-bottom:24px}
 .individual-page .detail-hero .detail-lead{font-size:1rem!important;line-height:1.7}
 .individual-page .detail-hero h1{font-size:clamp(2.15rem,7.8vw,3.5rem)!important}
 .individual-page .detail-hero-grid{display:flex!important;flex-direction:column;align-items:stretch!important;gap:28px!important;padding:0!important}
 .individual-page .hero-editorial-copy{display:block!important;order:0;grid-column:auto!important;grid-row:auto!important;padding:0!important;margin:0!important}
 .individual-page .hero-editorial-copy .detail-lead{margin:22px 0!important}
 .individual-page .detail-hero-grid>figure{order:1;aspect-ratio:1.35!important;max-width:100%!important;width:100%!important;margin:0!important;box-shadow:none!important}
 .individual-page .hero-topic-tab{position:static!important;order:2;width:auto!important;margin:0!important}
 .individual-page.hero-folio .hero-editorial-copy h1{padding:0!important;margin:0!important;max-width:none}
 .individual-page.hero-gallery .detail-hero-grid>figure,.individual-page.hero-panorama .detail-hero-grid>figure{order:-1;aspect-ratio:1.85!important}
 .individual-page.hero-poster .detail-hero-grid>figure,.individual-page.hero-column .detail-hero-grid>figure{aspect-ratio:1.12!important}
 .individual-page.hero-masthead .detail-hero-grid>figure{aspect-ratio:1.8!important}
 .individual-page.hero-split .detail-hero{background:#2759b7}
 .individual-page.hero-frame .detail-hero-grid{border:0}
 .individual-page.hero-frame .detail-hero-grid>figure{border:8px solid #f7843b}
 .individual-page.hero-stripe .hero-editorial-copy{background:transparent}
 .individual-page.hero-diagonal .detail-hero-grid>figure{clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}
 .individual-page.hero-legal-spine .detail-hero{border-left-width:8px}
 .study-layout,.topic-raum-marke .study-layout{display:flex;flex-direction:column;gap:30px;align-items:stretch}.study-art{width:100%}
 .topic-study{padding:50px 0}.study-caption h2{font-size:2rem;line-height:1.2}.topic-digitaldruck .study-art{padding-left:0;border-left:0}
 .individual-page .detail-grid{grid-template-columns:1fr;gap:0}
 .individual-page.flow-timeline .detail-section>.container{padding-left:22px;border-left-width:2px}
 .individual-page.flow-timeline .decision-grid article{grid-template-columns:35px 1fr;gap:12px}.individual-page.flow-timeline .decision-grid article p{grid-column:2}
 .individual-page.flow-index .detail-section:not(:has(.project-check,.article-layout,.catalog-controls))>.container,.individual-page.flow-magazine .detail-section:nth-of-type(even):not(:has(.project-check,.catalog-controls))>.container{padding-left:0}
 .individual-page.flow-index .detail-section>.container:before{display:none}
 .individual-page.flow-stagger .detail-section>.container>h2{margin-left:0}
 .individual-page.flow-stagger .decision-grid{grid-template-columns:1fr;gap:10px}.individual-page.flow-stagger .decision-grid article:nth-child(even){margin-top:0}
 .individual-page.flow-stagger .story-pair figure:nth-child(2){margin-top:30px}
 .individual-page.flow-spine .detail-card .card-copy{display:block}
 .individual-page.flow-spine .detail-card p{margin-top:14px}
 .individual-page .story-pair{grid-template-columns:1fr!important}
 .individual-page .detail-section{padding-block:48px}
 .individual-page .page-jumps{gap:5px 20px;padding-block:17px}
 .individual-page .project-check{padding:25px 20px}
 .individual-page .hero-topic-tab{font-size:.6rem}
}
@media(prefers-reduced-motion:reduce){.individual-page [data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important;filter:none!important}.topic-drawing *{animation:none!important}.light-letter{fill:white!important}}

.individual-page:is(.hero-blueprint,.hero-split,.hero-diagonal,.hero-stripe,.hero-contact,.hero-legal-columns,.hero-missing) .detail-hero .eyebrow{color:#ffd0ad}
.topic-study{scroll-margin-top:100px}

/* Wide-screen art direction: the content follows the hero, not a narrow 1280px column. */
:root{--max:2400px;--wide-gutter:clamp(28px,3.5vw,80px)}
@media(min-width:1101px){
 .container{padding-inline:var(--wide-gutter)}
 .header-inner{max-width:var(--max);padding-inline:var(--wide-gutter)}
 .subpage .page-jumps{padding-inline:max(var(--wide-gutter),calc((100% - var(--max))/2 + var(--wide-gutter)))}
 .services-creative .film-stage{width:calc(100% - 2 * var(--wide-gutter));max-width:calc(var(--max) - 2 * var(--wide-gutter))}
 .services-creative .service-scene{padding-inline:var(--wide-gutter)}
 .services-creative .scene-inner{max-width:calc(var(--max) - 2 * var(--wide-gutter));gap:clamp(60px,5vw,120px)}
 .individual-page.flow-magazine .detail-section:not(:has(.project-check,.catalog-controls))>.container{width:92%;max-width:2200px}
 .individual-page.flow-essay .detail-section:not(:has(.project-check,.catalog-controls))>.container{width:88%;max-width:2100px}
 .individual-page .story-single figure{max-width:1500px}
 .hero-homepage .hero{height:clamp(680px,37.5vw,860px);min-height:680px;max-height:none;display:flex;align-items:center}
 .hero-homepage .hero-content{width:100%;max-width:var(--max);padding:40px var(--wide-gutter);margin:auto}
 .hero-homepage .hero h1{font-size:clamp(64px,4.5vw,98px);max-width:8.2em;letter-spacing:-.055em}
 .hero-homepage .hero-description{max-width:470px;font-size:clamp(16px,1vw,19px);margin-top:24px}
 .hero-homepage .hero-buttons{gap:25px;max-width:560px}
 .hero-homepage .hero-image img{object-position:68% 52%;transform:none}
 .hero-homepage .hero:after{background:linear-gradient(90deg,rgba(14,25,43,.85),rgba(14,25,43,.67) 24%,rgba(14,25,43,.18) 45%,transparent 64%)}
 .hero-homepage .hero-assurance{max-width:440px}
 .hero-homepage .heading-aside{max-width:440px}
 .hero-homepage .service-grid{gap:35px}
 .hero-homepage .about-grid{grid-template-columns:1.05fr 1fr;gap:clamp(65px,6vw,140px)}
 .hero-homepage .about-visual{min-height:520px}
 .hero-homepage .about-copy>p{max-width:60ch}
 .hero-homepage .faq-layout{grid-template-columns:1fr 1.2fr;gap:clamp(60px,6vw,140px)}
 .hero-homepage .contact-grid{grid-template-columns:1.35fr 1fr;gap:clamp(60px,6vw,140px)}
 .hero-homepage .comparison-grid{gap:40px}
}
@media(min-width:761px) and (max-width:1100px){
 .hero-homepage .hero-image img{object-position:67% 52%}
 .hero-homepage .hero:after{background:linear-gradient(90deg,rgba(14,25,43,.92),rgba(14,25,43,.72) 34%,rgba(14,25,43,.15) 62%,transparent)}
 .hero-homepage .hero-content{padding-top:55px;padding-bottom:40px}
}
@media(max-width:760px){
 .hero-homepage .hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;background:#152033}
 .hero-homepage .hero-content{order:0;width:100%;padding-top:35px;padding-bottom:30px}
 .hero-homepage .hero-image{position:relative;inset:auto;order:1;z-index:0;width:100%;aspect-ratio:1.7;flex:none}
 .hero-homepage .hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% 50%;transform:none}
 .hero-homepage .hero:after{display:none}
 .hero-homepage .hero-location{background:transparent;padding:0 0 0 12px;margin-top:20px}
 .hero-homepage .hero-image .image-note{font-size:10px;bottom:12px;right:12px}
}