/* Home portfolio selection. Existing scroll timelines remain in motion.js. */
/* Give the portfolio heading and credit a readable hierarchy in both languages. */
.page-home .brands-section h2{font-size:24px;line-height:1.3}
.page-home .brands-section .portfolio-note{font-size:15px;line-height:1.6;text-wrap:balance}
@media(min-width:768px) and (max-width:991px){.page-home .brands-section h2{font-size:22px}}
@media(max-width:767px){
 .page-home .brands-section h2{max-width:320px}
 .page-home .brands-section .portfolio-note{font-size:14px}
}
.page-home .home-archive{background:var(--light);border-block:1px solid var(--line)}
.home-archive-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:8%;margin-bottom:44px}
.home-archive-intro .section-heading{display:block;margin:0}
.home-archive-intro .section-heading h2{max-width:700px;margin-top:24px}
.home-archive-intro>p{max-width:490px;color:var(--grey);padding-bottom:5px}
.home-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.home-archive-card{display:grid;grid-template-columns:minmax(120px,210px) minmax(0,1fr);align-items:center;gap:24px;padding:24px;background:white;border:1px solid var(--line);border-radius:var(--radius)}
.home-archive-art{display:grid;place-items:center;min-width:0}
.home-archive-art img{width:100%;height:auto;max-width:210px;aspect-ratio:419/301;object-fit:contain;transition:transform .4s var(--ease)}
.home-archive-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.home-archive-copy .eyebrow{font-size:11px;line-height:1.5;color:var(--grey)}
.home-archive-copy>strong{font-weight:500;font-size:27px;line-height:1.2;letter-spacing:-.025em}
.home-archive-copy>span:not(.eyebrow):not(.home-archive-link){font-size:14px;color:var(--grey)}
.home-archive-link{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:3px}
.home-archive-link>span{display:inline-block;margin-left:8px;color:var(--accent)}
.home-archive-card:is(:hover,:focus-visible) .home-archive-art img{transform:scale(1.025)}
.home-archive-footer{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:36px}
.home-archive-footer .portfolio-note{max-width:710px;margin:0}
.home-archive-footer .button{flex-shrink:0}
.page-home .process-image img{object-fit:contain;border-radius:0;filter:none}
.page-home .approach-grid article>img{object-fit:contain;background:#edf4f6}
@media(max-width:1199px){
 .home-archive-card{grid-template-columns:minmax(100px,160px) minmax(0,1fr);padding:20px;gap:18px}
 .home-archive-copy>strong{font-size:24px}
}
@media(max-width:991px){
 .home-archive-intro{grid-template-columns:1fr;gap:24px;margin-bottom:32px}
 .home-archive-intro>p{max-width:620px;padding:0}
 .home-archive-grid{grid-template-columns:1fr}
 .home-archive-card{grid-template-columns:210px minmax(0,1fr);padding:24px;gap:30px}
 .home-archive-footer{align-items:flex-start;flex-direction:column;gap:24px}
}
@media(max-width:767px){
 /* Keep all five works visible on phones; desktop keeps its scroll paths. */
 .page-home .studio-visual{height:auto;min-height:0;max-height:none;padding-top:32px}
 .page-home .studio-stage{height:auto;min-height:0;overflow:visible}
 .page-home .studio-art{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:18px;position:relative;inset:auto;width:auto;height:auto;transform:none;overflow:visible;margin:0 24px}
 .page-home .studio-piece{grid-column:span 2;position:static;inset:auto;width:100%;max-width:none;height:130px;object-fit:contain;margin:0;rotate:none;transform:none;translate:none;border-radius:4px;box-shadow:none}
 .page-home .studio-piece-3{grid-column:2/span 2}
 .page-home .studio-piece-4{grid-column:4/span 2}
 .page-home .studio-bottom{position:relative;inset:auto;transform:none;padding-top:38px;padding-bottom:60px;max-width:none}
 .page-home .studio-bottom h2{max-width:430px;font-size:36px;margin:20px auto}
 .page-home .studio-bottom>p:last-child{max-width:380px;font-size:16px}
 .home-archive-intro .section-heading h2{font-size:36px}
 .home-archive-intro .eyebrow{font-size:12px}
 .home-archive-card{grid-template-columns:120px minmax(0,1fr);padding:18px;gap:18px}
 .home-archive-copy{gap:10px}
 .home-archive-copy>strong{font-size:23px}
 .home-archive-copy>span:not(.eyebrow):not(.home-archive-link){font-size:13px}
 .home-archive-copy .eyebrow{font-size:10px}
}
@media(max-width:389px){
 .page-home .studio-art{gap:12px;margin-inline:20px}
 .page-home .studio-piece{height:110px}
 .home-archive-card{grid-template-columns:100px minmax(0,1fr);padding:15px;gap:15px}
 .home-archive-copy>strong{font-size:21px}
}
@media(hover:none){.home-archive-card:hover .home-archive-art img{transform:none}}
@media(prefers-reduced-motion:reduce){.home-archive-art img{transition:none}.home-archive-card:is(:hover,:focus-visible) .home-archive-art img{transform:none}}