/* Illustration V2 only. Uses existing design-gallery animation and image viewer. */
.illustration-page{color:#111;background:#fff}
.illustration-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;background:#111;color:#fff;padding:160px 40px 70px;min-height:78vh}
.illustration-hero__copy{max-width:650px;margin-left:auto}
.illustration-hero h1{font-size:clamp(44px,5.1vw,80px);font-weight:400;line-height:1.02;letter-spacing:-.045em;margin:20px 0 26px}
.illustration-hero__copy>p:not(.pvhm-eyebrow){max-width:550px;font-size:17px;line-height:1.6;margin-bottom:30px}
.illustration-hero__image{margin:0}
.illustration-hero__image img{width:100%;height:auto;display:block}
.illustration-applications__list{margin:38px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 50px}
.illustration-applications__list article{display:grid;grid-template-columns:24px 1fr;gap:6px 14px;border-top:1px solid #ddd;padding:20px 0}
.illustration-applications__list article>span{font-size:12px;color:#666;padding-top:5px}
.illustration-applications__list h3{font-size:clamp(20px,2vw,28px);font-weight:400;line-height:1.2}
.illustration-applications__list p{grid-column:2;font-size:14px;color:#555;margin:0}
.illustration-intro,.illustration-author{max-width:650px;margin-top:20px}.illustration-author{font-size:14px;color:#555}
.illustration-wide{width:calc(100% - 48px);margin:0 auto}
.illustration-gallery__header{max-width:850px;margin-bottom:35px}.illustration-gallery__header p:last-child{color:#ccc;margin-top:18px}
.illustration-page .illustration-gallery .pvhm-work__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:start;width:100%;left:auto;margin:0}
.illustration-page .pvhm-work__item{background:transparent;cursor:auto;overflow:hidden}
.illustration-page .pvhm-work__item img{height:auto;aspect-ratio:auto;object-fit:contain;transform:none}
.illustration-page .pvhm-work__item .project-button{display:block;width:100%;border:0;padding:0;background:transparent;min-height:44px}
.illustration-motion .pvhm-container{margin-bottom:36px}.illustration-motion p{margin-top:20px;max-width:650px}
.illustration-motion .design-gallery__card{background:#f3f3f3}
.illustration-motion .design-gallery__card img{object-fit:cover}
/* Same hover/focus behavior used on Branding + Web. */
.illustration-motion .design-gallery:hover .design-gallery__track,.illustration-motion .design-gallery:focus-within .design-gallery__track{animation-play-state:running}
.illustration-motion .design-gallery__row:focus-visible{outline:3px solid #111;outline-offset:-3px}
.illustration-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;gap:24px;margin:40px 0 0}
.illustration-steps li{border-top:1px solid #555;padding-top:20px}.illustration-steps span{color:#f05b93;font-size:13px}.illustration-steps h3{font-size:26px;font-weight:400;margin:16px 0 10px}.illustration-steps p{color:#ccc;font-size:14px;margin:0}
.illustration-related p{max-width:650px;margin:24px 0}.illustration-related nav{display:flex;gap:18px 40px;flex-wrap:wrap}
.illustration-page .home-contact p:not(.pvhm-eyebrow){max-width:650px;margin:24px 0 35px}
@media(max-width:1100px){.illustration-page .illustration-gallery .pvhm-work__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.illustration-hero{gap:24px;padding-inline:24px}.illustration-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.illustration-hero{grid-template-columns:1fr;padding:145px 24px 50px;min-height:0}.illustration-hero__copy{margin:0;max-width:650px}.illustration-hero__image{margin-top:16px}.illustration-hero h1{font-size:clamp(42px,8vw,64px)}}
@media(max-width:700px){.illustration-wide{width:calc(100% - 32px)}.illustration-page .illustration-gallery .pvhm-work__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.illustration-applications__list{grid-template-columns:1fr}.illustration-steps{grid-template-columns:1fr 1fr}.illustration-hero .home-link{font-size:14px}.illustration-hero__copy>p:not(.pvhm-eyebrow){font-size:15px}}
@media(max-width:520px){.illustration-page .illustration-gallery .pvhm-work__grid{grid-template-columns:1fr;gap:20px}.illustration-hero{padding-inline:20px}.illustration-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.illustration-page *, .illustration-page *::before,.illustration-page *::after{scroll-behavior:auto!important}.illustration-motion .design-gallery__track{animation:none;transform:none}}
/* Hero uses the same 2:3 distribution as Branding + Web. */
.illustration-page .illustration-hero{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(24px,4vw,64px);padding:150px clamp(24px,5vw,76px) 0;min-height:0;align-items:center}
.illustration-page .illustration-hero__copy{max-width:620px;margin:0;padding-bottom:70px;order:1}
.illustration-page .illustration-hero h1{font-size:clamp(36px,4.5vw,68px);max-width:620px}
.illustration-page .illustration-hero__image{align-self:end;order:2;margin:0;width:100%;padding:0}
.illustration-page .illustration-hero__image img{display:block;width:100%;height:auto;object-fit:contain}
@media(min-width:1200px){.illustration-page .illustration-hero__copy,.illustration-page .illustration-hero h1{max-width:820px}}
@media(max-width:680px){.illustration-page .illustration-hero{grid-template-columns:1fr;gap:36px;padding:125px 20px 0}.illustration-page .illustration-hero__copy{padding-bottom:0}.illustration-page .illustration-hero h1{font-size:clamp(34px,9vw,48px)}.illustration-page .illustration-hero__image{margin:0}.illustration-page .illustration-hero__copy>p:not(.pvhm-eyebrow){font-size:15px}}
/* Section backgrounds requested for Illustration V2. */
.illustration-page .illustration-hero{background:#f3f1ed;color:#111}
.illustration-page .illustration-hero .pvhm-eyebrow{color:#555}
.illustration-page .illustration-applications{background:#111;color:#fff}
.illustration-page .illustration-applications .pvhm-eyebrow{color:#f05b93}
.illustration-page .illustration-applications__list article{border-color:#444}
.illustration-page .illustration-applications__list article>span,.illustration-page .illustration-applications__list p,.illustration-page .illustration-author{color:#ccc}
.illustration-page .illustration-gallery{background:#fff;color:#111}
.illustration-page .illustration-gallery .pvhm-eyebrow,.illustration-page .illustration-gallery__header p:last-child{color:#555}
.illustration-page .illustration-motion{background:#f3f1ed;color:#111}
.illustration-page .illustration-motion .design-gallery__card{background:#f3f1ed}
/* Scroll effect for the Illustration hero image only. */
.illustration-page .illustration-hero{overflow:hidden}
.illustration-page .illustration-hero__image img{transform:translate3d(0,var(--hero-parallax,0px),0);filter:blur(var(--hero-blur,0px))}
.illustration-page .illustration-hero__image img.hero-effect-visible{will-change:transform,filter}
@media(prefers-reduced-motion:reduce){.illustration-page .illustration-hero__image img{transform:none;filter:none;will-change:auto}}