/* PANECO page: editorial spacing and component alignment. */
.paneco-page .paneco-eyebrow{line-height:1.6}
.paneco-page h2{margin-top:12px;margin-bottom:24px;text-wrap:pretty}
.paneco-page h3{text-wrap:pretty}
.paneco-page .paneco-hero{padding-block:48px 72px}
.paneco-hero .paneco-statement{margin:0;line-height:1.5!important}
.paneco-hero .paneco-lead+p{margin-top:16px}
.paneco-hero .paneco-text-link{margin-top:24px}
.paneco-page .paneco-contents a{min-height:52px}
.paneco-use-grid article>div{flex:1}
.paneco-use-grid h3{margin-bottom:12px}
.paneco-floor{margin-top:32px;padding-block:28px}
.paneco-floor .paneco-eyebrow{margin-bottom:12px}
.paneco-floor h3{margin-bottom:0}
.paneco-page .paneco-design-check[open]{padding-bottom:24px}
.paneco-design-check>p{margin-top:20px}
.paneco-design-check>.paneco-note{margin-top:12px}
.paneco-use-consult>.btn{margin-top:20px}
.paneco-use-consult>.paneco-note{margin-top:12px}
.paneco-material-photo figcaption p{max-width:32em}
.paneco-features article{padding-top:24px}
.paneco-number{display:block;line-height:1.2}
.paneco-features h3{margin-top:16px}
.paneco-process li>span{display:block;line-height:1.2}
.paneco-process h3{margin-top:16px;margin-bottom:12px}
.paneco-explainer h3{margin-top:0}
.paneco-explainer p+p{margin-top:16px}
.paneco-spec p+p{margin-top:16px}
.paneco-spec dl{margin-top:16px}
.paneco-story{gap:clamp(32px,5vw,64px)}
.paneco-story>div>p+p{margin-top:20px}
.paneco-story>div>h3{margin-top:28px}
.paneco-case-grid{row-gap:40px}
.paneco-case-grid article>h3{margin-top:12px}
.paneco-case-grid article>.paneco-note{margin-top:16px}
.paneco-case-grid article>.paneco-text-link{padding-top:20px}
.paneco-proof-grid>div>p{font-size:16px}
.paneco-proof-grid>div>h3{margin-top:20px}
.paneco-other-awards{margin-top:32px;padding-bottom:28px}
.paneco-other-awards h3{margin-top:12px}
.paneco-proof>.shell>.paneco-note{max-width:64em}
.paneco-cycle li{min-width:0}
.paneco-cycle strong{line-height:1.7}
.paneco-cycle li p{margin-top:10px;line-height:1.8}
.paneco-system-grid article>p{margin-top:12px}
.paneco-return>.paneco-note{margin-top:16px}
.paneco-page .paneco-next{padding-block:var(--paneco-section-space)}
.paneco-next .paneco-features{margin-top:36px}
.paneco-next .paneco-features .paneco-text-link{padding-top:24px}
.paneco-consult>.paneco-note{margin-top:20px}
.paneco-consult>.btn{margin-top:24px}
.paneco-official>p+p{margin-top:8px}
.paneco-official>a{margin-top:16px;line-height:1.8}
@media(min-width:801px) and (max-width:1100px){
 .paneco-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .paneco-cycle ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .paneco-cycle li:nth-child(2)::after{display:none}
 .paneco-hero .paneco-statement{font-size:clamp(28px,3.1vw,34px)}
}
@media(max-width:800px){
 .paneco-page .paneco-hero{padding-block:32px 48px}
 .paneco-page .paneco-statement{font-size:clamp(27px,5.5vw,40px)}
 .paneco-story{gap:24px}
 .paneco-story h2{margin-bottom:0}
 .paneco-proof-grid>div>h3{margin-top:12px}
 .paneco-proof-grid>div>p{font-size:15px}
 .paneco-features h3{margin-top:12px}
 .paneco-next .paneco-features{margin-top:28px}
 .paneco-material-photo figcaption p{max-width:none}
}
@media(max-width:480px){
 .paneco-page h2{font-size:clamp(25px,6.4vw,30px);line-height:1.55}
 .paneco-page .paneco-statement{font-size:clamp(22px,6.3vw,30px)}
 .paneco-page .paneco-proof-grid>div{grid-template-columns:minmax(0,1fr) 96px;column-gap:14px;row-gap:0}
 .paneco-proof-visual{width:96px;height:104px;padding:10px}
 .paneco-proof-visual img{height:78px}
 .paneco-proof-patent strong{font-size:19px}
 .paneco-proof-grid>div>h3{font-size:19px;line-height:1.55}
 .paneco-proof-grid>div>p{grid-column:1/-1;grid-row:4;margin-top:16px;font-size:14px}
 .paneco-cycle{padding:20px}
 .paneco-spec dl{margin-top:12px}
 .paneco-official>a{display:block;width:fit-content;margin-right:0}
 .paneco-consult>.btn{width:100%;text-align:center}
}

/* The clothing pile is the material origin; preserve the whole photograph. */
.paneco-hero figure{overflow:hidden;border-radius:8px;background:#fff}
.paneco-hero figure img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.paneco-hero figcaption{padding:16px 20px;color:#526171;line-height:1.85;text-wrap:pretty}
@media(max-width:480px){.paneco-hero figcaption{padding:14px 16px}}

/* Clock detail anchors the philosophy heading without cropping the supplied photo. */
.paneco-story .paneco-philosophy-photo{margin:28px 0 0;width:100%;max-width:480px;overflow:hidden;border-radius:8px;background:#f5f5f5}
.paneco-story .paneco-philosophy-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:800px){.paneco-story .paneco-philosophy-photo{margin-top:24px;max-width:520px}}

/* Philosophy: balance the complete visual column with the reading column. */
#philosophy{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;column-gap:clamp(36px,5vw,72px)}
#philosophy>div{min-width:0}
#philosophy .paneco-eyebrow{margin:0;line-height:1.6}
#philosophy h2{font-size:clamp(26px,2.5vw,36px);line-height:1.6;letter-spacing:-.025em;margin:12px 0 0;text-wrap:balance}
#philosophy .paneco-philosophy-photo{max-width:none;margin:24px 0 0;border-radius:6px}
#philosophy .paneco-philosophy-copy>p{font-size:16px;line-height:1.95;margin:0;text-wrap:pretty}
#philosophy .paneco-philosophy-copy>p+p{margin-top:20px}
#philosophy .paneco-philosophy-copy>h3{font-size:clamp(20px,1.8vw,24px);line-height:1.65;margin:32px 0 14px;text-wrap:pretty}
#philosophy .paneco-philosophy-copy>.paneco-note{font-size:13px;line-height:1.85;margin-top:24px;padding-top:20px;border-top:1px solid #d4d9df;color:#526171}
@media(max-width:900px){
 #philosophy{grid-template-columns:minmax(0,1fr);row-gap:32px}
 #philosophy>div{width:100%;max-width:680px;justify-self:center}
 #philosophy h2{font-size:clamp(25px,4.5vw,34px)}
 #philosophy .paneco-philosophy-photo{max-width:520px}
 #philosophy .paneco-philosophy-copy>h3{margin-top:28px}
}
@media(max-width:480px){
 #philosophy{row-gap:28px}
 #philosophy h2{font-size:clamp(23px,6.1vw,28px);line-height:1.6;letter-spacing:-.035em}
 #philosophy .paneco-philosophy-photo{margin-top:20px}
 #philosophy .paneco-philosophy-copy>p+p{margin-top:18px}
 #philosophy .paneco-philosophy-copy>.paneco-note{margin-top:22px;padding-top:18px}
}