:root{--paper:#fdfbf7;--ink:#302f2f;--accent:#dd8f93;--tint:#fbefef;--dark:#292929;--sans:'Pretendard Variable','Pretendard','Apple SD Gothic Neo',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);word-break:keep-all}a{color:inherit;text-decoration:none}img{display:block;width:100%}.sub-header{height:96px;padding:0 4.7vw;display:flex;align-items:center;position:fixed;inset:0 0 auto;background:rgba(253,251,247,.94);backdrop-filter:blur(10px);z-index:20}.sub-header .logo{width:170px}.sub-header nav{display:flex;gap:2.2vw;margin-left:auto;font-size:14px;font-weight:600}.sub-header nav a:first-child{color:var(--accent)}.sub-header .contact{margin-left:5vw;font-size:12px;font-weight:700}.sub-header .menu{width:28px;margin-left:24px}.sub-header .menu i{display:block;height:1px;background:#333;margin:7px 0}.sub-hero{margin:118px 2.3vw 0;min-height:720px;border-radius:26px;overflow:hidden;background:var(--tint);display:grid;grid-template-columns:1fr 1fr}.sub-hero-copy{padding:145px 3vw 80px 11vw}.sub-hero-copy>p,.kicker{color:var(--accent);font-size:15px;font-weight:600}.sub-hero h1{font-size:62px;line-height:1.18;letter-spacing:-.04em;margin:24px 0;font-weight:800}.sub-hero-copy>span{display:block;color:#666;line-height:1.9;font-size:17px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.tags i{font-style:normal;border:1px solid var(--accent);border-radius:50px;padding:11px 22px;font-size:13px}.sub-hero-media{display:flex;align-items:end;justify-content:center;overflow:hidden}.sub-hero-media img{height:680px;object-fit:cover;object-position:center top}.content-section{max-width:1460px;margin:auto;padding:135px 0;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.content-section.reverse .visual{order:2}.visual{border-radius:20px;overflow:hidden;background:#eee}.visual img{height:650px;object-fit:cover}.copy .num{font-size:90px;font-weight:800;color:#efd2d2;line-height:1}.copy h2,.principles h2,.recommend h2{font-size:47px;line-height:1.3;margin:15px 0 30px;letter-spacing:-.035em}.copy>p:not(.kicker){color:#666;font-size:17px;line-height:2}.principles{padding:125px max(6vw,calc((100vw - 1460px)/2));background:linear-gradient(rgba(27,27,27,.82),rgba(27,27,27,.82)),var(--principle-image) center/cover;color:#fff;text-align:center}.principles .kicker{color:#f1b5b8}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:65px}.principle-grid article{background:#fff;color:#333;border-radius:14px;padding:40px;text-align:left;min-height:270px}.principle-grid b{font-size:42px;color:var(--accent)}.principle-grid h3{font-size:20px}.principle-grid p{color:#777;line-height:1.8;font-size:14px}.recommend{background:var(--dark);color:#fff;padding:125px max(6vw,calc((100vw - 1200px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.recommend ul{list-style:none;margin:0;padding:0}.recommend li{background:#fff;color:#444;border-radius:8px;padding:18px 22px;margin:12px 0;font-size:15px}.recommend li:before{content:'✓';color:var(--accent);font-weight:800;margin-right:15px}.recommend .back{display:inline-block;background:var(--accent);border-radius:50px;padding:15px 28px;margin-top:30px;font-size:13px}.sub-footer{background:#4d4d4d;color:#aaa;padding:48px 8vw;display:grid;grid-template-columns:220px 1fr auto;gap:35px;align-items:center;font-size:11px}.sub-footer img{filter:brightness(0) invert(1)}body.contour{--accent:#c8898f;--tint:#f8ede8}body.skeletal{--accent:#dc8e9a;--tint:#fceaf0}body.total{--accent:#96916d;--tint:#edf0e2}body.areas{--accent:#db8e95;--tint:#fae9e5}@media(max-width:900px){.sub-header{height:68px;padding:0 20px}.sub-header .logo{width:125px}.sub-header nav,.sub-header .contact{display:none}.sub-header .menu{margin-left:auto}.sub-hero{margin:68px 0 0;border-radius:0;grid-template-columns:1fr;min-height:auto}.sub-hero-copy{padding:70px 24px 35px}.sub-hero h1{font-size:40px}.sub-hero-media img{height:440px}.content-section,.recommend{grid-template-columns:1fr;padding:80px 22px;gap:45px}.content-section.reverse .visual{order:0}.visual img{height:420px}.copy .num{font-size:65px}.copy h2,.principles h2,.recommend h2{font-size:35px}.principles{padding:85px 22px}.principle-grid{grid-template-columns:1fr}.sub-footer{grid-template-columns:1fr;gap:14px}}