/* D&A PLV · October 2026. Presentation only: every photograph and gallery retained. */
:root{--paper:#f5f7fa;--section-x:clamp(1.25rem,5.2vw,6rem)}
body{background:#f5f7fa}
html{scroll-padding-top:6rem}
/* Content is readable immediately, independent of intersection animations. */
html.js .reveal,html.js .reveal:not(.is-visible){opacity:1!important;transform:none!important;visibility:visible!important;transition:box-shadow .2s ease}
.hero{background:#07171e;min-height:min(860px,100svh);padding-top:10rem;padding-bottom:5rem;gap:clamp(2rem,5vw,6rem)}
.hero::before,.hero::after{opacity:.3}
html[lang] .hero h1{font-size:clamp(3rem,5.5vw,5.6rem);line-height:1.06;letter-spacing:-.055em}
.hero-intro{max-width:34rem;font-size:1.1rem;line-height:1.7;color:#c5d1d5}
.hero-visual{border-radius:4px!important;box-shadow:0 20px 70px #0004;border:1px solid #ffffff24}
.hero-slide img{object-fit:contain!important}
.hero-carousel figcaption{background:#11282f}
.header-contact{background:#ff6a2a;color:#07171e}
.button{border-radius:6px;min-height:48px}
.hero-actions{gap:1.5rem}
/* White editorial surfaces contrast with the dark photographic backgrounds. */
#solutions{background:#fff;color:#11252f;padding-block:5.5rem}
#solutions::before,#solutions::after{display:none}
#solutions h2,#solutions h3,#solutions .solution-action{color:#11252f}
#solutions .section-heading p,#solutions .solution-copy p{color:#52616a}
#solutions .section-index{color:#ac410b}
#solutions .solution-card{background:#fff;border:1px solid #dce2e7;border-radius:5px;overflow:hidden;box-shadow:none}
#solutions .solution-card:hover{border-color:#687f8a;box-shadow:0 12px 28px #132b3910}
#solutions .solution-copy{padding:1.7rem}
#solutions .solution-compact{border-width:1px 0 0;border-radius:0}
#solutions .solution-compact .solution-copy{padding:1.5rem 0}
#solutions .solution-action{font-size:.95rem}
.section-heading{gap:2.5rem}
.section-heading h2{font-size:clamp(2.25rem,3.7vw,3.8rem);line-height:1.15}
.section-index{font-size:.8rem;letter-spacing:.14em}
/* Preserve every card in the moving showcase, with quieter captions. */
.work-reel{background:#f0f3f6;color:#172e3a;padding-block:3.5rem}
.work-reel .reel-card{border-radius:4px;box-shadow:0 8px 22px #1125360a}
.work-reel .reel-card figcaption{background:#fff;color:#162e3a;border:1px solid #e1e6ea;min-height:5rem}
.work-reel .reel-card figcaption span{color:#526571}
.work-reel .reel-card figcaption strong{color:#172e3a}
#approach{background:#102831;color:#fff;padding-block:4.5rem}
#approach h2,#approach h3,#approach .text-link{color:#fff}
#approach p{color:#c3d1d6}
/* Complete portfolio. Existing filters, load-more and original-photo controls survive. */
#work{background:#f5f7fa;color:#102731}
#work>.section-heading{padding-block:4rem 1rem}
#work h2,#work h3,#work h4{color:#102731}
#work .section-heading p,#work .archive-heading p{color:#52616b}
#work .section-index{color:#ac410b}
#collection.collection{background:#fff;color:#102731;margin-top:2rem;border-block:1px solid #dfe5e9;padding-block:4rem}
#collection::before{display:none}
#collection h3,#collection h4{color:#102731}
#collection .collection-eyebrow{color:#a44113;font-size:.8rem}
#collection .collection-intro,#collection .collection-caption p,#collection .collection-note,#collection .collection-footer p{color:#536571}
#collection .collection-intro a{color:#123c4b;border-color:#8ca2ab}
#collection .collection-filters{gap:.6rem;margin-block:2.25rem}
#collection .collection-filters button,#collection .collection-more{background:#fff;border-color:#b9c6ce;color:#203f4e;font-size:.9rem;min-height:46px}
#collection .collection-filters button[aria-pressed=true],#collection .collection-filters button:hover,#collection .collection-more:hover{background:#123a48;border-color:#123a48;color:white}
#collection .collection-photo{border:0;border-radius:4px;box-shadow:0 4px 18px #10283712}
#collection .collection-caption>span{color:#526771;font-size:.78rem}
#collection .collection-caption h4{font-size:1.2rem;font-weight:700}
#collection .collection-footer{border-color:#d9e1e7}
#collection .collection-note{font-size:.8rem}
#portfolio-categories{background:#e7edf2;color:#173646;border:0;border-block:1px solid #cdd9e1;padding-block:2rem;margin-block:3rem}
#portfolio-categories a{background:#fff;color:#234552;border:1px solid #bdcdd6;border-radius:4px;min-height:44px;padding:.7rem 1rem;font-size:.9rem}
#portfolio-categories a:hover,#portfolio-categories a:focus-visible{background:#173a48;color:#fff}
#work .portfolio-expansion{padding-top:3rem;padding-bottom:3rem;border-top:1px solid #d6dfe5}
#work .archive-heading{margin-top:2.25rem;margin-bottom:1.8rem}
#work .archive-heading h3{font-size:clamp(1.9rem,3vw,3rem);line-height:1.18}
#work .archive-card{background:#fff;border:1px solid #dfe6eb;border-radius:5px;overflow:hidden;box-shadow:0 6px 20px #132b3910}
#work .archive-card figcaption{background:#fff;color:#122e3b;padding:1.1rem 1.3rem}
#work .archive-card figcaption span{color:#596b76;font-size:.9rem;line-height:1.5}
#work .archive-card figcaption strong{color:#102d3a}
#work .portfolio-return,#work .portfolio-contact{color:#244e5d;border-color:#b6c7cf;font-size:.9rem}
#work .production-views{color:#224858;border-color:#a9bec8;background:#f7fafc}
#work .editorial-note{color:#596b76;border-color:#d0dce4;font-size:.85rem}
#work .editorial-note strong{color:#183e4b}
#logistics{background:#fff;color:#153642;border-top:1px solid #d7e1e7;padding-block:4rem}
#logistics h3,#logistics h4,#logistics strong{color:#153642}
#logistics p,#logistics figcaption span{color:#546a76}
#logistics .archive-card,#logistics figcaption{background:#f4f7fa;color:#153642}
#contact.contact-closing{background:#0b222b;color:white;border-top:4px solid #ff6a2a}
#contact h2,#contact .closing-tagline,#contact .closing-email{color:white}
#contact h2 em{color:#41beae}
#contact .contact-copy>p,#contact .closing-reach{color:#c0d0d6}
#contact .button{background:#ff6a2a;color:#10212a}
.closing-footer{background:#07171e;color:#c4d3d9}
/* Keep full silhouettes and respect image proportions at every breakpoint. */
.archive-card img,.collection-photo img{object-fit:contain!important}
@media(min-width:1000px){.hero{grid-template-columns:1fr 1.12fr}.hero-visual{max-width:none}#solutions .solution-grid{gap:1.5rem}#work .archive-grid{row-gap:2rem}}
@media(max-width:760px){
 .hero{min-height:0;padding-top:7.5rem;padding-bottom:3rem;gap:2rem}
 html[lang] .hero h1{font-size:clamp(2.65rem,10.5vw,4rem);line-height:1.08}
 .hero-intro{font-size:1rem}.hero-actions{gap:1rem}
 #solutions,#approach,#collection.collection,#logistics{padding-block:3rem}
 #solutions .solution-copy{padding:1.2rem}
 #work>.section-heading{padding-block:2.5rem 0}
 #portfolio-categories{padding-block:1.5rem}
 #portfolio-categories ul{display:flex;flex-wrap:wrap;gap:.6rem}
 #work .portfolio-expansion{padding-block:2rem}
 #work .archive-heading h3{font-size:2rem}
 #collection .collection-filters button{font-size:.85rem;padding:.6rem .85rem}
 #collection .collection-caption>span{font-size:.75rem}
 #collection .collection-caption h4{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
#solutions .section-heading h2{color:#11252f}
#solutions .section-heading>p:last-child,#solutions .solution-copy p{color:#52616a}
#portfolio-categories.portfolio-nav{padding-inline:1.5rem;border-radius:5px;margin-top:2rem;margin-bottom:2rem}
#portfolio-categories.portfolio-nav p{color:#244a5b;font-weight:700}
#work .work-intro>p{color:#526571}
#work .archive-card,#work .work-card,#logistics .archive-card{outline:none!important}
#work .archive-card figcaption,#logistics .archive-card figcaption{border-top:1px solid #d9e3e9;animation:none!important}
#logistics.logistics-end{background:#fff;color:#153642}
#logistics .logistics-copy h4{color:#153642}
#logistics .logistics-copy>p,#logistics .logistics-copy .logistics-detail{color:#546a76}
#work .portfolio-return:hover,#work .portfolio-contact:hover,#collection .collection-intro a:hover{color:#a94712}
#contact.contact-closing h2 em{color:#41beae}