/* Original editorial layout is kept in page.css. These are decorative layers only. */
body{overflow-x:clip;background-color:var(--paper);background-image:radial-gradient(#2a2d2a0b .6px,transparent .6px),linear-gradient(90deg,#ffffff2e,transparent 35%,#ffffff1f);background-size:11px 11px,100% 100%}
.brand{display:block;flex-shrink:0;line-height:0}.brand img{display:block;width:154px;height:auto}.site-footer .brand img{width:122px}
.hero{position:relative;isolation:isolate}.hero-copy{position:relative;z-index:2}.hero-notebook{position:absolute;inset:-18px -65px -20px;width:calc(100% + 130px);height:calc(100% + 38px);object-fit:fill;pointer-events:none;z-index:-2;mix-blend-mode:multiply;opacity:.4;filter:saturate(.65);mask-image:linear-gradient(180deg,transparent,#000 6%,#000 90%,transparent)}
.hero-halo{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:92%;max-width:630px;aspect-ratio:1;border:1px solid #59645940;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 48% 43%,#faf6ee6b 10%,#dde5dd35 65%,transparent 73%)}
.hero-halo:before{content:'';position:absolute;inset:9px -5px -7px 9px;border:1px solid #7a746b25;border-radius:50%;transform:rotate(-13deg);mask-image:linear-gradient(135deg,#000,transparent 40%,#000 76%)}
.hero-halo:after{content:'';position:absolute;inset:-12px;border-radius:50%;border:1px solid #287c841d;clip-path:polygon(53% 0,100% 0,100% 100%,73% 100%,73% 70%,53% 70%)}
.hero-art>img{position:relative;z-index:1;mask-image:radial-gradient(ellipse 59% 62% at 50% 49%,#000 64%,transparent 96%)}.hero-art figcaption{z-index:3}.figure-number{z-index:2}
.introduction,.process-section,.contact-section{position:relative;isolation:isolate}.margin-sketch{display:block;position:absolute;object-fit:contain;pointer-events:none;mix-blend-mode:multiply;z-index:-1;mask-image:radial-gradient(ellipse at center,#000 36%,transparent 72%)}
.intro-sketch{width:285px;height:350px;left:-158px;top:-40px;opacity:.13;transform:rotate(-13deg)}
.process-sketch{width:min(43%,530px);height:430px;left:-50px;bottom:2px;opacity:.14;transform:rotate(7deg)}
.contact-sketch{width:320px;height:365px;right:-100px;top:-38px;opacity:.1;transform:rotate(-10deg)}
.services{position:relative;isolation:isolate}.services:before{content:'';position:absolute;inset:-10px -30px -15px;z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(transparent 0 102px,#168d9809 103px 104px);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.services article:after{content:'';position:absolute;left:0;right:0;top:3px;border-top:1px solid #68675811;transform:rotate(-.18deg);pointer-events:none}
/* Keep the tooth gallery and its animation; return its framing to paper and fine rules. */
.treatment-chapter{border-color:var(--line);border-radius:0;background:#f3eee44d}.treatment-chapter.reendo-chapter{background:#eee7da35}.treatment,.treatment.is-active,.reendo-chapter .treatment.is-active{background:transparent;color:var(--ink);border-bottom:1px solid var(--line);box-shadow:none}.treatment.is-active{box-shadow:inset 3px 0 #287c8490}.reendo-chapter .treatment.is-active{box-shadow:inset 3px 0 #a65b4770}.treatment.is-active small{color:var(--muted)}.treatment.is-active .treatment-number{color:var(--cyan)}.treatment.is-active .chapter-tag,.treatment.is-active .fold-icon{border-color:var(--line)}.treatment:hover:not(.is-active){background:#ffffff30}.retreatment-card{border-radius:0;background:#faf6ee60}.retreatment-card[aria-pressed=true]{background:#e7dfd04f}
@media(min-width:1650px){.hero-halo{max-width:670px}.hero-notebook{inset:-22px -65px -24px;height:calc(100% + 46px)}.intro-sketch{left:-162px}.process-sketch{width:500px;left:-28px}}
@media(max-width:1150px){.hero-notebook{inset:-10px -42px -10px;width:calc(100% + 84px);height:calc(100% + 20px);opacity:.32}.hero-halo{width:98%}.intro-sketch{left:-170px;opacity:.11}.process-sketch{width:42%;height:365px;left:-25px}.contact-sketch{right:-125px}.brand img{width:145px}}
@media(max-width:850px){.hero-notebook{opacity:.25}.hero-halo{width:110%}.process-sketch{height:325px;bottom:22px;opacity:.11}}
@media(max-width:700px){.brand img{width:126px}.site-footer .brand img{width:112px}.hero-notebook{inset:0 -70px;width:calc(100% + 140px);height:100%;object-fit:cover;object-position:65% center;opacity:.27;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 91%,transparent)}.hero-halo{width:min(97%,365px);top:49%}.hero-halo:before{inset:7px -3px -5px 7px}.hero-halo:after{inset:-8px}.hero-art>img{mask-image:radial-gradient(ellipse 59% 62% at 50% 49%,#000 69%,transparent 98%)}.intro-sketch{width:240px;height:330px;left:auto;right:-140px;top:-7px;opacity:.085}.process-sketch{width:280px;height:355px;left:auto;right:-170px;bottom:auto;top:-12px;opacity:.095}.contact-sketch{width:230px;height:330px;right:-138px;top:50px;opacity:.08}.services:before{inset:0 -12px;background-size:100% 100%}}


/* Keep decorative sketches within the integrated viewport. */
html{overflow-x:clip}