.contour .sub-hero{border:1px solid rgba(64,47,52,.3);background:linear-gradient(132deg,#f3eae4 0 55%,#e7d8ce 55%)}
.contour .sub-hero-copy>p{color:#a97965;font-size:22px;letter-spacing:.08em}.contour .sub-hero-copy>span{font-size:25px;line-height:1.75;color:#402f34}.contour .sub-hero-copy>span strong{font-weight:700}
.contour .tags i{border:0;background:#aa7b67;color:#fff;font-size:19px;font-weight:700;padding:15px 28px}.contour .sub-hero-media{align-items:center}
.contour .hero-portrait{width:657px;height:706px;border-radius:230px 40px 230px 40px;overflow:hidden;background:#fdfbf7;box-shadow:0 34px 90px rgba(143,83,98,.18)}.contour .hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}
.contour .content-section{grid-template-columns:minmax(0,670px) minmax(0,670px);gap:120px;padding:135px 0;background:#fdfbf7}.contour .content-section.reverse{background:#f6eee9;box-shadow:0 0 0 100vmax #f6eee9;clip-path:inset(0 -100vmax)}
.contour .content-section .visual{border-radius:42px}.contour .content-section .visual img{height:650px;object-fit:cover}.contour .content-section .visual-tall img{height:821px}.contour .copy .num{font-size:120px;line-height:1;color:#e5d1c6}.contour .copy .kicker{margin:18px 0 14px;color:#a97965;font-size:22px;letter-spacing:.08em}.contour .copy h2{margin:0 0 34px;color:#402f34;font-size:58px;line-height:1.15;letter-spacing:-.04em}
.contour .body-copy{color:#655c5e;font-size:23px;line-height:1.565}.contour .body-copy p{margin:0 0 25px}.contour .body-copy strong,.contour .principle-grid strong{font-weight:700;color:inherit}.contour .body-copy.compact{font-size:21px;line-height:1.48}.contour .body-copy small{font-size:.82em}
.contour .principles{padding:135px max(6vw,calc((100vw - 1460px)/2));background:linear-gradient(rgba(26,26,26,.78),rgba(26,26,26,.78)),var(--principle-image) center/cover}.contour .principles h2{font-size:66px;line-height:1.15}.contour .principle-intro{font-size:24px;line-height:1.7;color:#e7dcdf}.contour .principle-grid{gap:28px;margin-top:85px}.contour .principle-grid article{min-height:430px;border-radius:34px;padding:48px}.contour .principle-grid b{font-size:70px;color:#d18797}.contour .principle-grid h3{font-size:28px;line-height:1.22;color:#49363b}.contour .principle-grid p{font-size:21px;line-height:1.48;color:#685d60}.contour .principle-conclusion{max-width:1060px;margin:80px auto 0;font-size:24px;line-height:1.5;color:#f0e6e8}
.contour .recommend{display:block;min-height:1117px;padding:150px max(7vw,calc((100vw - 1452px)/2));background:linear-gradient(rgba(52,45,43,.7),rgba(52,45,43,.7)),url('assets/figma-contour/recommend-bg.png') center/cover;color:#fff}.contour .recommend-inner{max-width:750px}.contour .recommend .kicker{color:#a97965;font-size:22px;letter-spacing:.08em}.contour .recommend h2{width:max-content;max-width:calc(100vw - 44px);margin:18px 0 24px;font-size:66px;line-height:1.18}.contour .recommend-lead{margin:0 0 42px;color:#c6c6c6;font-size:23px}.contour .recommend li{display:flex;align-items:center;min-height:80px;margin:17px 0;padding:22px 27px;border:1px solid #efd8dd;border-radius:16px;background:#fff;color:#402f34;font-size:22px}.contour .recommend li:before{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;margin-right:20px;background:#d58b9a;color:#fff}.contour .recommend .back{display:block;margin-top:35px;padding:23px;text-align:center;background:#412f34;font-size:21px;text-decoration:underline}
@media(max-width:1500px){.contour .content-section{width:calc(100% - 80px);grid-template-columns:repeat(2,minmax(0,1fr));gap:6vw}.contour .copy h2{font-size:clamp(40px,3.2vw,58px)}.contour .body-copy{font-size:20px}.contour .hero-portrait{width:min(90%,657px);height:min(56vw,706px)}}
@media(max-width:900px){.contour .sub-hero-copy>p{font-size:16px}.contour .sub-hero-copy>span{font-size:18px}.contour .tags i{font-size:14px;padding:12px 18px}.contour .hero-portrait{width:86vw;height:100vw;max-height:560px}.contour .content-section{width:auto;grid-template-columns:1fr;gap:40px;padding:76px 22px}.contour .content-section.reverse .visual{order:0}.contour .content-section .visual img,.contour .content-section .visual-tall img{height:auto;aspect-ratio:1.03/1;object-fit:cover}.contour .copy .num{font-size:72px}.contour .copy .kicker{font-size:16px;letter-spacing:.04em}.contour .copy h2{font-size:clamp(32px,8.5vw,42px)}.contour .body-copy,.contour .body-copy.compact{font-size:18px;line-height:1.7}.contour .body-copy br{display:none}.contour .principles{padding:85px 22px}.contour .principles h2,.contour .recommend h2{font-size:clamp(34px,9vw,46px)}.contour .principle-intro,.contour .principle-conclusion{font-size:18px}.contour .principle-intro br,.contour .principle-conclusion br{display:none}.contour .principle-grid article{min-height:0}.contour .principle-grid p{font-size:18px}.contour .recommend{min-height:0;padding:90px 22px;background-position:center}.contour .recommend h2{width:auto}.contour .recommend-lead{font-size:18px;line-height:1.6}.contour .recommend li{font-size:16px;line-height:1.5;min-height:74px}.contour .recommend .back{font-size:17px}}