.perio-page{--p:#315755;--a:#a6bf70;--l:#edf3e6;color:#4c6160;line-height:1.9;overflow:hidden}.perio-shell{width:min(1120px,calc(100% - 48px));margin:auto}.perio-page h1,.perio-page h2,.perio-page h3{color:var(--p);font-family:"Zen Maru Gothic",sans-serif;letter-spacing:.05em}.perio-page h2{font-size:clamp(30px,4vw,47px);line-height:1.48}.perio-hero{position:relative;padding:35px 0 100px;background:#e9f1eb;overflow:hidden}.perio-hero nav{font-size:14px}.perio-hero nav a{color:inherit;text-decoration:none}.perio-hero>div>div{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center;margin-top:65px}.perio-hero p,.perio-label{color:#6d8d37;font-size:12px;font-weight:700;letter-spacing:.2em}.perio-hero h1{font-size:clamp(36px,4.4vw,58px);line-height:1.42}.perio-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:50% 50% 6px 6px}.perio-hero>b{position:absolute;right:-35px;bottom:-55px;color:rgba(49,87,85,.07);font:700 150px Georgia,serif}.perio-section{padding:115px 0}.perio-split,.perio-method,.perio-check,.perio-prevent{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.perio-symptoms{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:25px;list-style:none;background:var(--l)}.perio-symptoms li{padding:12px;border-bottom:1px solid #cbdab9}.perio-symptoms li::before{content:"●";color:var(--a);margin-right:8px}.perio-section--dark{background:var(--p);color:#eff5ef}.perio-section--dark h2,.perio-section--dark h3{color:#fff}.perio-method>img{width:100%;border-radius:8px}.perio-method ol{padding-left:1.5em}.perio-check{margin-bottom:95px}.perio-check>img{width:220px;justify-self:center}.perio-center{text-align:center}.perio-germs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.perio-germs figure{margin:0;background:#f7f7f4}.perio-germs img{display:block;width:100%}.perio-germs figcaption{padding:12px;font-size:13px;text-align:center}.perio-section--pale{position:relative;background:var(--l)}.perio-bg{position:absolute;margin:0;color:rgba(49,87,85,.06);font:700 130px Georgia,serif}.perio-progress{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px}.perio-progress article{display:grid;grid-template-columns:145px 1fr;gap:22px;align-items:center;padding:22px;background:#fff}.perio-progress img{max-width:100%;margin:auto}.perio-progress h3{margin:3px 0 8px;font-size:20px}.perio-progress span{font-size:10px;color:#79933e;letter-spacing:.16em}.perio-progress p{margin:0;font-size:14px}.perio-prevent>img{width:100%;border-radius:4px}.perio-prevent h3{font-size:21px}@media(max-width:800px){.perio-shell{width:min(100% - 32px,660px)}.perio-hero{padding-bottom:70px}.perio-hero>div>div,.perio-split,.perio-method,.perio-check,.perio-prevent{grid-template-columns:1fr;gap:42px}.perio-hero>div>div{margin-top:40px}.perio-hero>b{font-size:70px;bottom:-28px}.perio-section{padding:72px 0}.perio-symptoms,.perio-germs,.perio-progress{grid-template-columns:1fr}.perio-check>img{justify-self:start}.perio-bg{font-size:63px}.perio-progress article{grid-template-columns:115px 1fr}}
/* The page owns its hero; keep the title and photography as one balanced unit. */
.perio-hero__grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(440px,1.14fr);gap:clamp(48px,6vw,82px);align-items:center;margin-top:58px}.perio-hero__copy{max-width:570px}.perio-hero__copy p{margin:0 0 18px}.perio-hero__copy h1{margin:0}.perio-hero__photo{position:relative;margin:0}.perio-hero__photo::after{position:absolute;right:-14px;bottom:-14px;width:55%;height:55%;border:1px solid rgba(109,141,55,.35);content:""}.perio-hero__photo img{position:relative;z-index:1;display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:90px 10px 90px 10px;box-shadow:0 24px 55px rgba(49,87,85,.14)}
@media(max-width:800px){.perio-hero__grid{grid-template-columns:1fr;gap:34px;margin-top:38px}.perio-hero__photo{max-width:620px}.perio-hero__photo::after{right:-8px;bottom:-8px}}
/* Clinical photographs remain visible without competing with the explanation. */
@media (min-width:801px){.perio-method,.perio-check,.perio-prevent{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)}}

/* Align the page palette with the site's navy, turquoise and light-blue system. */
.perio-page{--p:#173b72;--a:#20aeb5;--l:#e8f7f7;color:#40566b}
.perio-hero{background:#eaf8fa}
.perio-hero p,.perio-label,.perio-progress span{color:#159fa9}
.perio-hero>b,.perio-bg{color:rgba(23,59,114,.06)}
.perio-symptoms li{border-bottom-color:#c7e3e5}
.perio-germs figure{background:#f5fbfb}
.perio-section--dark{background:#173b72;color:#eaf7f8}
.perio-hero__photo::after{border-color:rgba(32,174,181,.38)}
.perio-hero__photo img{box-shadow:0 24px 55px rgba(23,59,114,.14)}
.perio-hero__copy h1{font-size:clamp(36px,3.35vw,46px)!important;line-height:1.5;text-wrap:balance}.perio-hero__copy h1 br{display:none}