:root{--petrol:#10383B;--ivory:#F7F3EB;--ink:#192829;--copper:#B77A56;--serif:"Source Serif 4",Georgia,serif;--sans:"Source Sans 3","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.55 var(--sans);color:var(--ink);background:var(--ivory)}a,button{color:inherit}button{font:inherit;cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #cf946d;outline-offset:4px}button:active{opacity:.82}.wrap{width:min(1280px,87%);margin:auto}.skip{position:absolute;left:1em;top:-10em;z-index:10;background:var(--ivory);padding:12px}.skip:focus{top:12px}header,.hero,.contact,footer{background:var(--petrol);color:var(--ivory)}header{position:relative;z-index:2}.mast{display:flex;align-items:center;justify-content:space-between;min-height:98px;border-bottom:1px solid #f7f3eb35;gap:20px}.brand{display:flex;align-items:center;gap:10px;line-height:1.1;font:25px/1.15 var(--serif)}.brand svg{width:33px;height:47px;color:var(--copper)}.brand small{display:block;font:10px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-top:3px}nav{display:flex;align-items:center;gap:clamp(18px,2.7vw,44px);font-size:15px}nav a{padding:12px 0}nav a:hover,.secondary:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}.outline,.menubtn{background:none;color:var(--ivory);border:1px solid #f7f3eb65;padding:10px 17px;border-radius:3px}.outline span{margin-left:12px}.outline:hover,.menubtn:hover{background:#ffffff0e}.menubtn{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden}.hero-wrap{min-height:clamp(590px,44vw,730px);display:flex;align-items:center;position:relative;pointer-events:none}.intro{pointer-events:auto;width:55%;padding:68px 0 100px}.hero-art{position:absolute;inset:0 0 0 45%;z-index:-1;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:51% 50%}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--petrol),transparent 23%),linear-gradient(180deg,var(--petrol),transparent 11%,transparent 91%,#10383b50)}.eyebrow,.minor,.city,.annotation{font:500 11px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 25px}.eyebrow i{width:33px;height:1px;background:var(--copper)}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.07;margin:0;letter-spacing:-.045em}h1{font-size:clamp(68px,6.7vw,106px)}em{font-weight:400}.lead{max-width:430px;font-size:clamp(18px,1.48vw,23px);line-height:1.48;color:#e3e6df;margin:24px 0 33px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.primary,.close{border:0;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 20px;background:var(--ivory);color:var(--ink);font-weight:600;font-size:16px}.primary:hover{background:#e1d8c9}.primary svg{width:21px;height:21px}.secondary,.ink-link{font-size:15px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#aea99b;padding:12px 0}.annotation{position:absolute;z-index:1;top:54%;right:9%;display:flex;align-items:center;gap:8px;color:var(--ivory);font-size:10px}.annotation i{width:clamp(20px,5vw,84px);height:1px;background:var(--copper);position:relative}.annotation i:before{content:"";width:6px;height:6px;border:1px solid var(--copper);border-radius:50%;position:absolute;left:-7px;top:-3px}.trace{position:absolute;left:61%;width:12%;height:100%;top:0;z-index:1;fill:none;stroke:var(--copper);stroke-width:1.1}.trace path{stroke-dasharray:1;stroke-dashoffset:1}.scroll{display:grid;place-items:center;position:absolute;bottom:28px;left:6.5%;width:44px;height:44px;border:1px solid #f7f3eb50;border-radius:50%;font-size:20px}
.range{background:#eeebe1;padding:65px 0 80px}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}h2{font-size:clamp(43px,4.6vw,72px)}.divider{width:112px;fill:none;stroke:var(--copper);stroke-width:1.3}.row{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:8%;border-top:1px solid #19282940;padding:34px 0}.row:last-child{border-bottom:1px solid #19282940}.row h3{font-size:clamp(34px,3.25vw,51px)}.row p,.bio p{max-width:49ch;font-size:18px;margin:18px 0 0}.crop{height:200px;overflow:hidden;border-radius:2px;position:relative;background:var(--petrol)}.crop img{height:100%;width:100%;object-fit:cover}.upper img{object-position:50% 22%;transform:scale(1.4)}.lower img{object-position:50% 87%;transform:scale(1.9);transform-origin:50% 90%}.visit,.about{padding:88px 0}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:start}.questions{border-top:1px solid #19282945}details{border-bottom:1px solid #19282945}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px 0;font-size:20px;line-height:1.35}summary::-webkit-details-marker{display:none}summary::after{content:"+";font-size:26px;font-weight:400}details[open] summary::after{content:"−"}details p{margin:0 32px 20px 0;max-width:48ch}.ink-link{background:transparent;border:0;margin:0 0 16px;font-weight:600;color:var(--petrol)}.about{border-top:1px solid #19282930}.minor{margin:0 0 18px}.about h3{font-size:clamp(54px,5vw,80px)}.bio{align-self:center}.bio p{margin-top:0}.city{display:inline-flex;align-items:center;gap:10px;margin-top:22px}.city:before{content:"";width:23px;height:1px;background:var(--copper)}.contact-inner{padding:74px 0;display:flex;gap:5%;align-items:center}.contact-inner>svg{height:150px;width:62px;stroke:var(--copper);fill:none}.contact .primary{margin-left:auto}footer .wrap{border-top:1px solid #f7f3eb45;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 0;font-size:14px}footer a{padding:10px 0}.modal-open{overflow:hidden}dialog{border:0;border-top:3px solid var(--copper);padding:40px;width:min(470px,calc(100% - 36px));background:var(--ivory);color:var(--ink)}dialog::backdrop{background:#08191bd4}dialog h2{font-size:40px}dialog p{margin:20px 0 28px}.close{background:var(--petrol);color:var(--ivory)}
@media(max-width:1000px){.wrap{width:89%}.menubtn{display:block;font-size:15px}.menubtn span{margin-left:8px}nav{display:none}nav.open{position:absolute;top:100%;left:0;right:0;background:var(--petrol);display:flex;align-items:stretch;flex-direction:column;gap:0;padding:12px 5.5% 20px;box-shadow:0 10px 15px #0002}.actions{gap:8px 17px}.hero-wrap{min-height:575px}.intro{width:58%}.lead{max-width:350px}.annotation{right:4%;top:68%}.annotation i{width:20px}.scroll{left:5.5%}.mast{min-height:83px}}
@media(max-width:680px){.wrap{width:calc(100% - 44px)}.mast{min-height:76px}.brand{font-size:21px;gap:7px}.brand svg{height:39px;width:25px}.brand small{font-size:8px}.menubtn{padding:10px 12px}.hero{display:flex;flex-direction:column}.hero-wrap{order:0;min-height:0}.intro{width:100%;padding:44px 0 15px}.eyebrow{font-size:10px;margin-bottom:21px}.eyebrow i{width:24px}h1{font-size:clamp(52px,14vw,78px)}.lead{font-size:18px;max-width:380px;margin:17px 0 19px}.actions{gap:0 18px}.actions .secondary{font-size:14px}.hero-art{order:1;position:relative;inset:auto;width:100%;height:clamp(245px,67vw,350px);z-index:0}.hero-art img{object-position:50% 53%}.hero-art:after{background:linear-gradient(180deg,var(--petrol),transparent 20%)}.annotation{top:52%;right:5%;font-size:8px}.trace{left:62%}.scroll{left:22px;bottom:20px;z-index:1}.range,.visit,.about{padding:47px 0}.section-top{margin-bottom:22px}.divider{width:53px}.section-top h2{font-size:clamp(34px,8vw,45px)}.row,.split{grid-template-columns:1fr;gap:23px}.row{padding:25px 0}.row h3{font-size:clamp(29px,8.1vw,41px)}.row p,.bio p{font-size:17px;margin-top:13px}.crop{height:150px}.visit h2 br{display:none}.visit h2 em:before{content:" "}.questions summary{font-size:18px;padding:18px 0}.contact-inner{flex-wrap:wrap;gap:20px;padding:49px 0}.contact-inner>svg{height:88px;width:25px}.contact h2{font-size:41px}.contact .primary{margin:3px 0 0 45px}footer .wrap{font-size:12px}.bio p{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.trace path{stroke-dashoffset:0!important}}
@media(min-width:681px) and (max-width:900px){h1{font-size:7.4vw}}

/* The masthead and hero share a single viewport-sized photograph. */
header{position:absolute;inset:0 0 auto;background:transparent}
.hero{display:grid;align-items:stretch;min-height:100vh;min-height:100svh}
.hero-art{position:absolute;inset:0;width:auto;height:auto;z-index:-1}
.hero-art img{display:block;object-position:70% center}
.hero-art:after{background:linear-gradient(180deg,rgba(4,29,31,.76),transparent 21%),linear-gradient(90deg,rgba(7,38,40,.4),transparent 62%)}
.hero-wrap{min-height:100vh;min-height:100svh;padding-block:98px 40px}
.intro{padding-block:44px}
.trace{left:84%;width:7%}
.annotation{right:2%;top:62%}
.annotation i{width:3vw}
.action-arrow{width:20px;height:20px;vertical-align:middle;margin-left:8px;transform:rotate(-45deg)}
@media(max-width:1000px){.hero-art img{object-position:60% center}.hero-art:after{background:linear-gradient(180deg,rgba(3,30,32,.84),transparent 20%),linear-gradient(90deg,#092d2fea 8%,rgba(9,45,47,.72) 47%,transparent 72%)}}
@media(max-width:680px){
  .hero-wrap{padding-block:112px 46%;align-items:flex-start}
  .intro{padding:10px 0 24px}
  .hero-art{inset:0;height:auto}
  .hero-art img{object-position:83% center}
  .hero-art:after{background:linear-gradient(180deg,rgba(7,37,39,.92) 0%,rgba(7,37,39,.88) 31%,rgba(7,37,39,.72) 49%,rgba(7,37,39,.12) 75%),linear-gradient(90deg,rgba(7,37,39,.48),transparent 90%)}
  .annotation{top:auto;bottom:13%;right:5%}
  .trace{left:77%;width:13%}
}
.language{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-left:auto;text-decoration:underline;text-underline-offset:4px;font:500 14px var(--sans)}
html[lang=en] h1{font-size:clamp(55px,5.65vw,88px)}
@media(min-width:681px) and (max-width:900px){html[lang=en] h1{font-size:6.05vw}}
@media(max-width:680px){html[lang=en] h1{font-size:clamp(34px,10.5vw,59px)}.mast{gap:8px}}

/* Chapter navigation sits on the photograph and takes visitors to either specialty. */
.menu-lines{width:17px;height:16px;stroke:currentColor;fill:none;margin-left:5px;vertical-align:middle}
.hero-index{position:absolute;z-index:1;inset:auto 6.5% 28px auto;display:flex;gap:24px;align-items:center;color:var(--ivory)}
.hero-index a,.story-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid #b77a56a8;font-size:15px}
.hero-index a svg,.story-link svg{width:18px;height:18px;transform:rotate(45deg)}
.features{background:var(--ivory)}
.feature-title{padding:clamp(48px,6vw,94px) 0 24px;display:flex;align-items:center;gap:24px;color:var(--petrol)}
.feature-title h2{font:600 13px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.16em}
.feature-title .divider{width:102px}
.pain-layout,.atlas-layout{display:grid;align-items:center;gap:clamp(32px,6vw,100px)}
.pain-layout{grid-template-columns:1.12fr 1fr;padding-bottom:clamp(54px,7vw,110px)}
.journal{overflow:hidden;aspect-ratio:1.14;border-radius:2px 22% 2px 2px;background:#c9bc9c}
.journal img{display:block;width:100%;height:100%;object-fit:cover}
.pain-copy h3,.atlas-copy h3{font:400 clamp(39px,4.7vw,79px)/1.01 var(--serif);letter-spacing:-.055em}
.pain-copy p,.atlas-copy p{font-size:clamp(17px,1.35vw,21px);line-height:1.65;max-width:44ch;margin:24px 0 17px}
.story-link{color:var(--petrol);font-weight:600}
.spine-feature{background:#0b3033;color:var(--ivory);border-block:1px solid #b77a5655}
.atlas-layout{grid-template-columns:.9fr 1.1fr;padding-block:clamp(52px,7vw,108px)}
.atlas-copy h3{font-style:italic}
.atlas-copy p{color:#dfe7df}
.atlas{min-width:0}
.plate-art{aspect-ratio:1.5;overflow:hidden;position:relative;background:#0f3434}
.plate-art img{width:100%;height:100%;object-fit:cover;display:block}
.plate-art img[hidden]{display:none}
.plate-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c894735e;padding:14px 0;gap:12px}
.plate-bar>span,.minor{font:600 11px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.plate-bar [role=group]{display:flex;padding:2px;border:1px solid #a1aea680;border-radius:30px}
.plate-bar button{min-height:42px;border:0;border-radius:24px;background:transparent;color:var(--ivory);padding:5px 15px;font-size:14px}
.plate-bar button[aria-pressed=true]{color:var(--petrol);background:var(--ivory)}
.visit{padding:clamp(60px,8vw,125px) 0;background:#f7f3eb}
.questions{border-top:2px solid var(--petrol)}
.questions summary:after{width:32px;height:32px;border-radius:50%;border:1px solid #19282945;display:grid;place-items:center;flex:none;font:22px/1 var(--sans)}
.questions details[open] summary:after{background:var(--petrol);color:var(--ivory)}
.about{background:#e5e8df;border:none;padding-block:clamp(60px,7vw,108px)}
.about .split{align-items:center}
.about h3{font-size:clamp(64px,7.5vw,116px);line-height:.9}
.about .minor{margin-bottom:28px}
.bio{padding-left:clamp(26px,4vw,70px);border-left:1px solid #64756c55}
.physician-mark{display:grid;place-items:center;width:64px;height:64px;border:1px solid #b77a56;border-radius:50%;color:var(--petrol);font:italic 27px/1 var(--serif);letter-spacing:-.14em;padding-right:.13em;margin-bottom:18px}
.contact{position:relative;isolation:isolate;overflow:hidden}
.contact:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10383b 12%,#10383bd6 43%,#10383b44),url('assets/vertebra-plate.webp') right center / auto 150% no-repeat;opacity:.65;z-index:-1}
.contact-inner{display:grid;grid-template-columns:auto 1fr;justify-items:start;column-gap:24px;row-gap:24px;padding-block:clamp(65px,7vw,110px)}
.contact-inner>svg{grid-row:span 2;align-self:stretch;height:100%;max-height:180px}
.contact .primary{grid-column:2;margin:0}
@media(max-width:680px){
 .hero-index{inset:auto 22px 14px;display:grid;grid-template-columns:.78fr 1.22fr;gap:14px}
 .hero-index a{font-size:13px;line-height:1.2;justify-content:space-between;padding:4px 0;border-top:1px solid #ffffff70;border-bottom:0}
 .hero-index a svg{flex:none;width:15px}
 .hero:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,#092b2ef0);pointer-events:none}
 .hero .scroll{display:none}
 .feature-title{padding:46px 0 21px}
 .pain-layout,.atlas-layout{grid-template-columns:minmax(0,1fr);gap:0}
 .journal{aspect-ratio:1.35;margin-right:-22px;border-radius:0 0 0 48px}
 .pain-copy{position:relative;background:var(--ivory);margin:-22px 12px 0 14px;padding:22px 0 0 16px;border-left:1px solid #b77a5680}
 .pain-copy h3,.atlas-copy h3{font-size:clamp(34px,9vw,56px);line-height:1.04}
 .pain-copy p,.atlas-copy p{font-size:17px;margin:16px 0 10px}
 .atlas-layout{padding:50px 0 28px;gap:22px}
 .atlas-copy h3 br{display:none}.atlas-copy h3 br:after{content:" "}
 .atlas-copy h3{max-width:16ch}.atlas-copy p{max-width:36ch}
 .plate-art{aspect-ratio:1.34}
 .about .split{gap:32px}.bio{border-left:0;border-top:1px solid #64756c55;padding:20px 0 0;position:relative}
 .physician-mark{float:right;margin:0 0 10px 16px}
 .contact-inner{gap:15px}.contact h2{font-size:clamp(38px,10vw,57px)}
}

.reading-room{padding:clamp(60px,8vw,130px) 0;background:#ece6d8}
.reading-layout,.cover-layout,.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,7vw,100px);align-items:center}
.reading-layout figure,.cover figure{margin:0;overflow:hidden}
.reading-layout figure{aspect-ratio:1.08;border-radius:46% 46% 2px 2px}
.reading-layout img,.cover img{display:block;width:100%;height:100%;object-fit:cover}
.reading-layout p,.chapter p{font-size:clamp(17px,1.4vw,21px);line-height:1.65;max-width:52ch}
.reading-index{border-top:1px solid #19282955}
.reading-index a{padding:17px 0;min-height:52px;border-bottom:1px solid #19282944;display:flex;align-items:center;justify-content:space-between;gap:14px;font:400 clamp(21px,2vw,30px)/1.2 var(--serif)}
.reading-index svg{width:22px;height:22px;flex:none}
.reading-index a:hover svg,.story-link:hover svg{transform:translateX(3px)}
.atlas-copy .story-link{color:var(--ivory)}
.chapter header{background:var(--petrol);position:relative}
.cover{background:#ebe7dc;color:var(--ink);padding:clamp(46px,6vw,94px) 0}
.cover h1,html[lang=en] .cover h1{font-size:clamp(50px,5.6vw,96px);overflow-wrap:break-word}
.back,.cover-jump{display:inline-block;padding:10px 0;font-size:15px}
.back{margin-bottom:25px}.cover-jump{border-bottom:1px solid var(--copper)}
.cover figure{aspect-ratio:1.07;border-radius:2px 20% 2px 2px}
.chapter-1 .cover{background:#0b3033;color:var(--ivory)}
.chapter-1 .cover figure{border-radius:0;aspect-ratio:1.3}
.chapter-2 .cover figure{border-radius:45% 45% 0 0}
.guide-layout{align-items:start;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.chapter-body,.check-section,.read-next{padding:clamp(54px,7vw,105px) 0}
.chapter-body h2,.check-section h2{font-size:clamp(39px,4.5vw,74px)}
.topics article{padding:24px 0;border-top:1px solid #19282955}
.topics h3{font-size:clamp(28px,2.5vw,43px)}.topics p{margin:14px 0 0}
.check-section{background:#e4e8df}
.check-section label{display:flex;align-items:center;gap:15px;border-top:1px solid #19282940;padding:16px 0;cursor:pointer}
.check-section input{width:20px;height:20px;accent-color:var(--petrol);flex:none}
.read-next{background:#eee8dc}.read-next h2{font-size:35px;margin-bottom:22px}
@media(max-width:680px){.reading-layout,.cover-layout,.guide-layout{grid-template-columns:minmax(0,1fr);gap:25px}
.reading-layout figure{aspect-ratio:1.65;border-radius:100px 2px 2px 2px}
.cover figure{aspect-ratio:1.52}.cover h1,html[lang=en] .cover h1{font-size:clamp(34px,8.9vw,58px)}
.cover p{margin:16px 0}.back{margin-bottom:14px}.chapter .mast{gap:6px}}
