
.pg{color:#202020;background:#fff}
.pg *{box-sizing:border-box}
.pg-wrap{max-width:1480px;margin:auto;padding:56px 4%}
.pg-kicker{font-size:11px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:#656565}
.pg h1,.pg h2{font-family:var(--font-heading--family,Arial,sans-serif);font-weight:600;letter-spacing:-.025em;line-height:1.08}
.pg h1{font-size:clamp(40px,4.6vw,70px);margin:20px 0}
.pg h2{font-size:clamp(28px,3vw,42px);margin:12px 0 24px}
.pg p{font-size:15px;line-height:1.7;max-width:470px;color:inherit}
.pg-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:6%;align-items:center;padding:0 0 0 6%;max-width:1600px;min-height:560px;background:#efede9}
.pg-art{height:620px;background:#e7e2d8;overflow:hidden;position:relative;border-radius:0}
.pg-art img{width:100%;height:100%;position:absolute;object-fit:cover}
.pg-art svg{width:100%;height:100%;fill:#b8ab91}
.pg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:15px 28px;background:#202020;color:#fff;text-decoration:none;border:1px solid #202020;border-radius:0;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;margin-top:22px;transition:background-color .18s ease}
.pg-btn:hover{background:#414141}
.pg-line{border-bottom:1px solid #e4e4e4;padding:18px 5%;text-align:center;font-size:10px;letter-spacing:.15em;background:#fafafa}
.pg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pg-card{text-decoration:none;color:inherit}
.pg-card img,.pg-card svg{width:100%;aspect-ratio:4/5;object-fit:cover;background:#f5f5f5;border-radius:0}
.pg-card h3{font-size:14px;font-weight:500;margin:15px 0 6px;line-height:1.45}
.pg-card span{font-size:14px;color:#333}
.pg-note{padding:32px;border:1px solid #e4e4e4;background:#fafafa;grid-column:1/-1;text-align:center}
.pg-note h3{font-size:clamp(22px,4vw,30px);line-height:1.25;font-weight:500;margin:0 0 12px}
.pg-note p{margin:0 auto;color:#666}
.pg-story{background:#242424;color:#fff}
.pg-story .pg-wrap{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:48px;padding-bottom:48px}
.pg-story .pg-kicker{color:#d3c0a0}
.pg-story h2{font-size:clamp(28px,3vw,42px)}
.pg-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.pg-top>div{min-width:0}
.pg-top h2{margin-bottom:0}
.pg-top>a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:46px;padding:13px 23px;border:1px solid #202020;border-radius:0;background:#fff;color:#202020;text-decoration:none;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.04em;white-space:nowrap;transition:background-color .18s ease,color .18s ease}
.pg-top>a:hover{background:#202020;color:#fff}
.pg a:focus-visible{outline:3px solid #a68853;outline-offset:4px}
@media(max-width:749px){
.pg-wrap{padding:36px 5%}
.pg-hero{display:flex;flex-direction:column-reverse;gap:0;padding:0;min-height:0}
.pg-hero>div:first-child{width:100%;padding:30px 6% 36px;text-align:center}
.pg-hero p{margin-inline:auto}
.pg-art{width:100%;height:380px;height:clamp(280px,85vw,420px);min-height:0}
.pg-art img{object-position:center 58%}
.pg h1{font-size:clamp(34px,9vw,46px);margin:16px auto;max-width:420px}
.pg-grid{grid-template-columns:repeat(2,1fr);gap:14px}
.pg-story .pg-wrap{grid-template-columns:1fr;gap:8px;padding:36px 6%}
.pg-top{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:24px}
.pg-top>div{width:100%}
.pg-top h2{font-size:32px;line-height:1.12}
.pg-note{padding:28px 18px}
}
@media(prefers-reduced-motion:reduce){.pg-btn,.pg-top>a{transition:none}}
