.ortho-process-page { --op-pad:clamp(28px,3vw,46px); }
.ortho-process-page h1,.ortho-process-page h2,.ortho-process-page h3 { font-weight:500; letter-spacing:-.045em; }
.ortho-process-page p { line-height:1.46; }
.op-hero { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:minmax(465px,auto) 185px; gap:5px; }
.op-hero-copy { background:white; border-radius:24px; padding:var(--op-pad); grid-row:1/3; display:flex; flex-direction:column; align-items:start; }
.op-hero-copy h1 { font-size:clamp(40px,4.2vw,66px); line-height:1.2; margin:65px 0 32px; }
.op-hero-copy h1 span,.op-section-heading h2 span,.op-plan-title h2 span,.op-daily-heading h2 span,.op-retention-copy h2 span { color:#7892a8; }
.op-hero-copy>p:not(.section-label) { font-size:18px; color:var(--slate); max-width:410px; }
.op-hero-copy>.pill { margin-top:35px; }
.op-hero-foot { display:flex; justify-content:space-between; width:100%; gap:25px; margin-top:auto; padding-top:65px; font-size:13px; color:var(--slate); }
.op-hero-visual { position:relative; overflow:hidden; border-radius:24px; color:white; background:#183f63; isolation:isolate; }
.op-hero-visual>img { width:100%; height:100%; position:absolute; object-fit:cover; z-index:-2; }
.op-hero-visual:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#102f4db8,transparent 70%); z-index:-1; }
.op-visual-label { position:absolute; left:30px; top:28px; font-size:15px; }
.op-hero-visual>div { position:absolute; bottom:30px; left:30px; right:30px; display:flex; justify-content:space-between; align-items:end; gap:20px; }
.op-hero-visual>div>span { font-size:clamp(45px,4.6vw,72px); line-height:.97; letter-spacing:-.06em; }
.op-hero-visual small { font-size:11px; color:#d8e8f1; }
.op-hero-shortcut,.op-hero-doctor { border-radius:24px; position:relative; }
.op-hero-shortcut { grid-row:2; grid-column:2; width:calc(48% - 3px); background:#dce9f3; padding:27px; }
.op-hero-shortcut>span,.op-hero-doctor>div>span { font-size:12px; color:var(--slate); }
.op-hero-shortcut h2 { font-size:23px; line-height:1.25; margin-top:32px; }
.op-hero-shortcut>svg { position:absolute; right:23px; bottom:21px; }
.op-hero-doctor { grid-row:2; grid-column:2; margin-left:48%; background:white; display:flex; gap:20px; align-items:center; padding:24px; overflow:hidden; }
.op-hero-doctor>img { width:78px; height:110px; object-fit:cover; object-position:50% 0; border-radius:12px; flex-shrink:0; }
.op-hero-doctor h2 { font-size:25px; margin-top:22px; line-height:1.3; }
.op-hero-doctor h2 small { font-size:12px; display:block; }
.op-hero-doctor p { font-size:12px; color:var(--slate); margin-top:10px; }
.op-hero-doctor>svg { position:absolute; right:17px; top:17px; }
.op-section-heading { display:grid; grid-template-columns:1fr 2fr 1fr; align-items:start; gap:28px; margin-bottom:52px; }
.op-section-heading h2,.op-plan-title h2,.op-daily-heading h2,.op-retention-copy h2 { font-size:clamp(30px,3.2vw,49px); line-height:1.25; }
.op-section-heading>p:last-child { font-size:16px; color:var(--slate); align-self:end; }
.op-step-grid { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.op-step-grid li { background:white; border-radius:23px; padding:28px; min-height:265px; display:flex; flex-direction:column; }
.op-step-grid h3 { font-size:23px; line-height:1.3; margin:36px 0 25px; }
.op-step-grid p { font-size:16px; color:var(--slate); margin-top:auto; }
.op-step-grid li:nth-child(5) { background:#e0eaf3; }
.op-step-grid li:last-child { background:#19496f; color:white; }
.op-step-grid li:last-child p,.op-step-grid li:last-child .dot-number { color:#cbddeb; }
.op-step-grid li:last-child .dot-track i { background:#abcbe5; }
.op-note { font-size:13px; color:var(--slate); margin-top:22px; }
.ortho-process-page .op-plan,.ortho-process-page .op-daily,.ortho-process-page .op-checkup,.ortho-process-page .op-costs { padding-top:0; }
.op-plan { display:grid; grid-template-columns:1fr 2fr; gap:55px; }
.op-plan-title h2 { margin:32px 0 27px; }
.op-plan-title>p:last-child { font-size:17px; color:var(--slate); }
.op-plan-cards { display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.op-plan-cards article { border-radius:24px; padding:var(--op-pad); background:white; display:flex; flex-direction:column; align-items:start; }
.op-plan-cards article:last-child { background:#e0eaf3; }
.op-plan-cards article>span { font-size:13px; color:var(--slate); min-height:30px; }
.op-plan-cards h3 { font-size:clamp(26px,2.4vw,36px); line-height:1.25; margin:65px 0 30px; }
.op-plan-cards p { font-size:17px; color:var(--slate); max-width:360px; margin-top:auto; }
.op-daily-heading { display:grid; grid-template-columns:1fr 1fr; gap:35px; align-items:end; margin-bottom:50px; }
.op-daily-heading h2 { margin-top:30px; }
.op-daily-heading>p { font-size:17px; color:var(--slate); padding-left:5px; }
.op-care-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
.op-care-grid article { background:white; border-radius:24px; padding:32px; }
.op-care-icon { margin-top:52px; color:#5f89ab; }
.op-care-grid h3 { font-size:29px; margin:27px 0; }
.op-care-grid p { font-size:17px; color:var(--slate); max-width:340px; }
.op-contact-note { background:#dfeaf3; border-radius:20px; padding:26px 32px; display:grid; grid-template-columns:1fr 2fr; gap:25px; align-items:center; margin-top:5px; }
.op-contact-note>span { font-size:18px; }
.op-contact-note p { color:var(--slate); font-size:16px; }
.op-checkup { display:grid; grid-template-columns:1.6fr 1fr; gap:5px; }
.op-checkup-main { border-radius:24px; background:#19496f; color:white; padding:var(--op-pad); }
.op-checkup-main .section-label { color:#d5e6f4; }
.op-checkup-main h2 { font-size:clamp(38px,4vw,62px); line-height:1.2; margin:65px 0 32px; }
.op-checkup-main h2 span { color:#adc9df; }
.op-checkup-main>p:not(.section-label) { color:#d5e6f4; font-size:18px; max-width:430px; }
.op-checkup-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:62px; }
.op-checkup-tags span { font-size:13px; background:#ffffff15; border:1px solid #ffffff20; border-radius:30px; padding:12px 18px; }
.op-checkup-aside { border-radius:24px; background:white; padding:var(--op-pad); display:flex; flex-direction:column; }
.op-checkup-aside>span { font-size:14px; color:var(--slate); }
.op-checkup-aside h3 { font-size:clamp(29px,3vw,44px); line-height:1.25; margin:65px 0 30px; }
.op-checkup-aside p { color:var(--slate); font-size:17px; max-width:340px; }
.op-checkup-aside>a { display:flex; justify-content:space-between; gap:20px; font-size:14px; margin-top:auto; padding-top:65px; }
.op-cost-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.op-cost-grid article { background:white; border-radius:24px; padding:28px; }
.op-cost-grid h3 { font-size:27px; margin:45px 0 23px; }
.op-cost-grid p { font-size:16px; color:var(--slate); }
.op-retention { display:grid; grid-template-columns:1fr 1fr; gap:5px; padding:0 var(--gutter); max-width:1900px; margin-inline:auto; }
.op-retention-image { border-radius:24px; overflow:hidden; position:relative; background:#547d9b; }
.op-retention-image img { width:100%; height:100%; object-fit:cover; position:absolute; }
.op-retention-image>span { position:absolute; bottom:35px; left:32px; right:32px; color:white; font-size:clamp(37px,4.8vw,75px); line-height:1; letter-spacing:-.055em; }
.op-retention-copy { padding:var(--op-pad); border-radius:24px; background:white; }
.op-retention-copy h2 { margin:45px 0 30px; }
.op-retention-copy>p:not(.section-label) { font-size:17px; color:var(--slate); max-width:460px; margin-bottom:40px; }
.op-retention-copy>div { background:#eef3f7; border-radius:14px; padding:19px 22px; display:flex; gap:25px; align-items:center; margin-top:5px; }
.op-retention-copy>div>span { font-size:12px; color:var(--slate); }
.op-retention-copy h3 { font-size:18px; }
@media(max-width:1200px) { .op-hero-doctor { gap:12px; padding:18px; }.op-hero-doctor>img { width:58px; height:95px; }.op-hero-doctor h2 { font-size:22px; }.op-hero-doctor p { display:none; }.op-section-heading { grid-template-columns:1fr 2fr; }.op-section-heading>p:last-child { grid-column:2; }.op-step-grid { grid-template-columns:1fr 1fr; }.op-plan { gap:30px; }.op-plan-cards article { padding:28px; }.op-plan-cards h3 { font-size:28px; }.op-hero-visual small { max-width:95px; text-align:right; }.op-care-grid article { padding:26px; } }
@media(max-width:800px) { .op-hero { grid-template-rows:minmax(440px,auto) 180px; }.op-hero-copy h1 { font-size:40px; margin-top:45px; }.op-hero-shortcut { padding:22px; }.op-hero-shortcut h2 { font-size:20px; }.op-hero-doctor>img { display:none; }.op-plan { grid-template-columns:1fr; gap:35px; }.op-care-grid { grid-template-columns:1fr; }.op-care-icon { margin-top:32px; }.op-care-grid p { max-width:none; }.op-cost-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:700px) {
 .op-hero { grid-template-columns:1fr 1fr; grid-template-rows:auto 350px auto; }
 .op-hero-copy { grid-column:1/3; grid-row:auto; padding:28px; }
 .op-hero-copy h1 { font-size:38px; margin:40px 0 28px; }
 .op-hero-copy>p:not(.section-label) { font-size:16px; }
 .op-hero-foot { padding-top:50px; font-size:11px; }
 .op-hero-visual { grid-column:1/3; }
 .op-visual-label { left:25px; top:25px; }
 .op-hero-visual>div { bottom:26px; left:25px; right:25px; }
 .op-hero-visual>div>span { font-size:48px; }
 .op-hero-shortcut { grid-column:1; grid-row:3; width:auto; padding:25px 20px; min-height:200px; }
 .op-hero-shortcut h2 { font-size:21px; }
 .op-hero-shortcut>span { font-size:11px; }
 .op-hero-doctor { grid-column:2; grid-row:3; margin:0; padding:25px 20px; align-items:start; display:block; }
 .op-hero-doctor>img { display:block; width:48px; height:58px; margin-bottom:14px; }
 .op-hero-doctor>div>span { font-size:10px; }
 .op-hero-doctor h2 { margin-top:8px; font-size:22px; }
 .op-hero-doctor h2 small { font-size:11px; }
 .op-section-heading,.op-daily-heading { grid-template-columns:1fr; gap:27px; margin-bottom:35px; }
 .op-section-heading>p:last-child { grid-column:auto; }
 .op-section-heading h2,.op-plan-title h2,.op-daily-heading h2,.op-retention-copy h2 { font-size:30px; }
 .op-step-grid { grid-template-columns:1fr; }
 .op-step-grid li { min-height:220px; padding:26px; }
 .op-step-grid h3 { font-size:25px; margin-top:33px; }
 .op-plan-cards { grid-template-columns:1fr; }
 .op-plan-cards h3 { margin-top:45px; font-size:30px; }
 .op-plan-cards p { font-size:16px; }
 .op-care-grid h3 { font-size:27px; }
 .op-care-grid p { font-size:16px; }
 .op-daily-heading>p { padding:0; font-size:16px; }
 .op-contact-note { grid-template-columns:1fr; gap:20px; padding:27px; }
 .op-contact-note>svg { display:none; }
 .op-checkup { grid-template-columns:1fr; }
 .op-checkup-main,.op-checkup-aside { padding:28px; }
 .op-checkup-main h2 { font-size:38px; margin-top:45px; }
 .op-checkup-main>p:not(.section-label),.op-checkup-aside p { font-size:16px; }
 .op-checkup-tags { gap:5px; margin-top:40px; }
 .op-checkup-tags span { font-size:12px; padding:10px 13px; }
 .op-checkup-aside h3 { font-size:31px; margin-top:40px; }
 .op-checkup-aside>a { padding-top:40px; }
 .op-cost-grid article { padding:24px 20px; }
 .op-cost-grid h3 { font-size:24px; margin-top:35px; }
 .op-cost-grid p { font-size:15px; }
 .op-retention { grid-template-columns:1fr; }
 .op-retention-image { min-height:370px; }
 .op-retention-image>span { font-size:42px; left:25px; bottom:28px; }
 .op-retention-copy { padding:28px; }
 .op-retention-copy h2 { font-size:29px; }
 .op-retention-copy>p:not(.section-label) { font-size:16px; }
 .op-retention-copy>div { padding:18px; gap:18px; }
 .op-retention-copy h3 { font-size:17px; }
}