/* PC composition. All rules are isolated from the approved mobile/tablet layouts. */
@media (min-width:1200px){
body.v21-redesign{--pc-gutter:clamp(40px,5vw,110px)}
.v21-redesign .section-title{padding-left:var(--pc-gutter);padding-right:var(--pc-gutter)}
.v21-redesign .section-title h2{font-size:clamp(48px,4.6vw,84px);line-height:1.1;letter-spacing:-.035em}
.v21-redesign .section-title>p:last-child{font-size:18px;line-height:1.7;margin-top:18px}
/* Five complete dossiers, with an intentional 3 + 2 composition. */
.v21-redesign #works{height:auto;min-height:0;padding:90px 0 100px;overflow:clip}
.v21-redesign #works .works-carousel,.v21-redesign #works .works-viewport{height:auto;overflow:visible}
.v21-redesign #works .works-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px;padding:24px var(--pc-gutter) 0;max-width:1700px;margin:auto;transform:none!important;transition:none;will-change:auto}
.v21-redesign #works .work-card{grid-column:span 2;display:flex;flex-direction:column;position:relative;width:auto;min-width:0;height:auto;min-height:460px;padding:12px 12px 26px;overflow:hidden;border:1px solid #bccdd5;border-radius:20px;background:#f9fbfc;box-shadow:0 12px 28px #163e5010}
.v21-redesign #works .work-card:nth-child(4){grid-column:2 / span 2}
.v21-redesign #works .work-card:nth-child(5){grid-column:4 / span 2}
.v21-redesign #works [data-works-clone]{display:none}
.v21-redesign #works .work-picture{height:auto;aspect-ratio:1.65;border-radius:12px}
.v21-redesign #works .work-picture img{width:100%;height:100%;object-fit:cover}
.v21-redesign #works .work-card>p{margin:22px 12px 10px;font-size:13px;line-height:1.5}
.v21-redesign #works .work-card>p small{font-size:10px}
.v21-redesign #works .work-card h3{margin:0 12px 14px;font-size:clamp(23px,1.9vw,32px);line-height:1.5}
.v21-redesign #works .work-card>span{display:block;margin:0 12px 24px;min-height:0;font-size:16px;line-height:1.85}
.v21-redesign #works .work-detail-link{align-self:flex-start;margin:auto 12px 0;padding:10px 0;font-size:14px;font-weight:800}
.v21-redesign #works .works-arrow,.v21-redesign #works .works-counter{display:none}
/* Protocol reads as an editorial sequence rather than oversized phone panels. */
.v21-redesign #feature{height:auto;min-height:0;padding:100px 0;overflow:clip}
.v21-redesign #feature .feature-carousel,.v21-redesign #feature .feature-viewport{height:auto;overflow:visible}
.v21-redesign #feature .feature-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px;max-width:1700px;margin:auto;padding:30px var(--pc-gutter) 0;transform:none!important}
.v21-redesign #feature .feature-item{grid-column:span 2;display:flex;flex-direction:column;height:auto;min-height:0;width:auto;margin:0;overflow:hidden;border-radius:18px;background:#ffffffb8;border:1px solid #ffffff}
.v21-redesign #feature .feature-item:nth-child(4){grid-column:2 / span 2}
.v21-redesign #feature .feature-item:nth-child(5){grid-column:4 / span 2}
.v21-redesign #feature .feature-picture{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.25;margin:0}
.v21-redesign #feature .feature-photo-v42{width:100%;height:100%;object-fit:contain}
.v21-redesign #feature .feature-copy{position:relative;inset:auto;width:100%;height:auto;padding:24px 26px 30px}
.v21-redesign #feature .feature-copy small{position:static;display:block;font-size:32px;line-height:1;color:#087bc5;margin-bottom:12px}
.v21-redesign #feature .feature-copy>p{font-size:11px;line-height:1.4;margin:0 0 12px}
.v21-redesign #feature .feature-copy h3{font-size:24px;line-height:1.5;margin:0 0 16px}
.v21-redesign #feature .feature-copy>span{font-size:16px;line-height:1.9}
/* A wide service stage: moving orbit on the left, readable briefing on the right. */
/* Representative image and statement share the desktop canvas. */
.v21-redesign #company{overflow:clip}
#company .representative-v128{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(45px,6vw,110px);width:calc(100% - var(--pc-gutter)*2);max-width:1400px;margin:80px auto 0}
#company .representative-photo-v128{position:sticky;top:100px;width:100%;margin:0;align-self:start;border-radius:12px;overflow:hidden}
#company .representative-photo-v128 img{display:block;width:100%;height:auto;object-fit:contain}
#company .representative-message-v128.representative-editorial-v130{width:100%;max-width:none;margin:0;padding:0}
#company .representative-editorial-v130 .representative-block-v130 h3{font-size:clamp(26px,2.2vw,36px)}
/* Recruit uses a balanced two-column spread. */
.v21-redesign section.recruit-section{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:0;height:auto;min-height:0;padding:100px var(--pc-gutter)}
.v21-redesign .recruit-wide-photo{position:relative;inset:auto;width:100%;height:auto;margin:0;aspect-ratio:1.15;overflow:hidden;border-radius:18px 0 0 18px}
.v21-redesign .recruit-wide-photo img{width:100%;height:100%;object-fit:cover}
.v21-redesign .recruit-copy{position:relative;inset:auto;width:100%;max-width:none;margin:0;padding:48px 40px;background:#ffffffde;border-radius:0 18px 18px 0}
.v21-redesign .recruit-copy h3{font-size:clamp(48px,4.6vw,78px);line-height:1.05}
.v21-redesign .recruit-copy h4{font-size:clamp(20px,1.8vw,28px);line-height:1.6}
.v21-redesign .recruit-copy>p{font-size:17px;line-height:1.95;max-width:34em}
/* Limit illustration size so the four data readings retain visual priority. */
/* Desktop report spreads use the width for the three distinct content blocks. */
.v21-redesign #mission-report .report-list{display:grid;grid-template-columns:1fr;max-width:1500px;margin-left:auto;margin-right:auto;padding-left:var(--pc-gutter);padding-right:var(--pc-gutter);gap:42px}
.v21-redesign #mission-report .report-list article{min-width:0}
.v21-redesign #mission-report .report-list article>header{height:clamp(200px,21vw,330px);min-height:0}
.v21-redesign #mission-report .report-list article>dl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding:24px}
.v21-redesign #mission-report .report-list .report-block-v80{min-width:0;margin:0;padding:22px}
.v21-redesign #mission-report .report-list .report-block-v80>dt{font-size:18px}
.v21-redesign #mission-report .report-list .report-block-v80>dd{font-size:16px;line-height:1.9}
.v21-redesign #mission-report .report-service-list-v80{grid-template-columns:1fr}

}