:root{
  --bone:#f6f3ec;
  --paper:#fffdfa;
  --plum:#312631;
  --rust:#b86a54;
  --steel:#9eb2bf;
  --wheat:#d8c6a0;
  --sage:#bfc6bd;
  --cobalt:#315ec9;
  --ink:#2d3034;
  --muted:#696f73;
  --line:rgba(49,38,49,.17);
  --max:1460px;
  --pad:clamp(1.05rem,4vw,4.6rem);
  --sec:clamp(5rem,9vw,9.2rem);
  --serif:"Newsreader",Georgia,serif;
  --sans:"Work Sans",Arial,sans-serif;
  --cond:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --mono:"IBM Plex Mono","Courier New",monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;overflow-x:hidden}
img{display:block;width:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
ul{list-style:none;padding:0;margin:0}
address{font-style:normal}
a:focus-visible{outline:2px solid var(--cobalt);outline-offset:4px}
.shell{width:min(100%,var(--max));margin:auto;padding-inline:var(--pad)}
.skip{position:absolute;left:1rem;top:-10rem;z-index:999;background:var(--paper);padding:.75rem 1rem;border:1px solid var(--plum)}
.skip:focus{top:1rem}
.code{font:500 .64rem var(--mono);letter-spacing:.11em;text-transform:uppercase}
.ref{display:flex;align-items:center;gap:.7rem;font:500 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--rust);margin-bottom:1.8rem}
.ref:before{content:"";width:26px;height:2px;background:var(--cobalt)}

/* header */
.top{background:var(--plum);color:var(--bone)}
.top .shell{min-height:32px;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.header{background:var(--bone);border-bottom:1px solid var(--plum)}
.header-grid{min-height:92px;display:grid;grid-template-columns:.84fr 1.16fr}
.brand{display:flex;flex-direction:column;justify-content:center;padding-right:2rem;font:600 1.55rem/.85 var(--serif);text-transform:uppercase}
.brand small{font:500 .58rem var(--mono);letter-spacing:.13em;margin-top:.56rem}
.nav{display:grid;grid-template-columns:repeat(6,1fr);border-left:1px solid var(--line)}
.nav a{position:relative;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);font:600 .76rem var(--cond);text-transform:uppercase;letter-spacing:.08em}
.nav a:after{content:"";position:absolute;left:24%;right:24%;bottom:12px;height:3px;background:var(--cobalt);transform:scaleX(0);transform-origin:left;transition:.2s}
.nav a:hover:after{transform:scaleX(1)}

/* hero */
.hero{padding:clamp(2rem,4vw,4rem) 0 var(--sec);background:var(--bone)}
.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto auto;gap:1rem}
.hero-copy{grid-column:1/8;grid-row:1/3;min-height:590px;background:var(--paper);border:1px solid var(--line);padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.hero-copy:before{content:"";position:absolute;left:11%;top:12%;width:2px;height:68%;background:rgba(49,38,49,.13)}
.hero-copy:after{content:"";position:absolute;left:calc(11% - 9px);top:22%;width:18px;height:18px;border-radius:50%;background:var(--cobalt);box-shadow:0 118px 0 var(--rust),0 236px 0 var(--steel)}
.hero h1{font:600 clamp(4.7rem,9.2vw,9.5rem)/.8 var(--serif);letter-spacing:-.055em;max-width:7.7ch;position:relative;z-index:2}
.hero h1 span{display:block;color:var(--plum);margin-left:clamp(1rem,5vw,5rem)}
.hero-intro{display:grid;grid-template-columns:5rem 1fr;gap:1rem;max-width:35rem;position:relative;z-index:2}
.hero-intro p{font-size:clamp(1rem,1.2vw,1.15rem)}
.hero-main{grid-column:8/13;grid-row:1/4;min-height:760px;position:relative;overflow:hidden;background:var(--steel)}
.hero-main img{height:100%;min-height:760px;filter:saturate(.62) contrast(.99)}
.hero-main:before{content:"";position:absolute;z-index:2;left:14%;right:14%;top:38%;height:1px;background:var(--bone)}
.hero-main:after{content:"";position:absolute;z-index:2;left:50%;top:18%;bottom:18%;width:1px;background:rgba(246,243,236,.62)}
.hero-main figcaption{position:absolute;z-index:3;left:1rem;top:calc(38% + 1rem);background:rgba(49,38,49,.9);color:var(--bone);padding:.6rem .7rem}
.hero-small{grid-column:1/5;grid-row:3;min-height:210px;position:relative;overflow:hidden}
.hero-small img{height:100%;min-height:210px;filter:saturate(.6)}
.hero-small figcaption{position:absolute;right:0;bottom:0;background:var(--plum);color:var(--bone);padding:.55rem .7rem}
.hero-cta{grid-column:5/8;grid-row:3;min-height:210px;background:var(--rust);color:var(--bone);padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.hero-cta:after{content:"";position:absolute;inset:1rem;border:1px dashed rgba(246,243,236,.4)}
.hero-cta a{font-weight:700;position:relative;z-index:2}
.hero-cta a:after{content:" →"}

/* intro */
.intro{padding:var(--sec) 0;background:var(--paper)}
.intro-grid{display:grid;grid-template-columns:.34fr 1fr .76fr;gap:clamp(1.5rem,5vw,5.5rem)}
.big{font:700 clamp(6rem,12vw,12rem)/.65 var(--cond);color:rgba(49,38,49,.08)}
.intro h2,.concerns h2,.apc h2,.journey h2,.context h2,.faq h2,.visit h2{font-family:var(--serif);letter-spacing:-.045em}
.intro h2{font-size:clamp(3.4rem,6.8vw,7rem);line-height:.87;max-width:8ch}
.intro-copy{max-width:30rem}
.intro-copy p:first-child{font-size:1.14rem}
.intro-copy p+p{margin-top:1.15rem;color:var(--muted)}

/* concerns */
.concerns{padding:var(--sec) 0;background:var(--steel)}
.concerns-head{display:grid;grid-template-columns:1fr .72fr;gap:3rem;align-items:end;margin-bottom:3.4rem}
.concerns h2{font-size:clamp(3.7rem,7.2vw,7.5rem);line-height:.84}
.concerns-head p{max-width:31rem;justify-self:end;color:#485760}
.concern-list{border-top:2px solid var(--plum)}
.concern-row{display:grid;grid-template-columns:6rem .9fr 1.1fr;gap:1.5rem;align-items:center;min-height:124px;border-bottom:1px solid rgba(49,38,49,.22);position:relative}
.concern-row:after{content:"";position:absolute;right:0;top:0;bottom:0;width:10px;background:var(--rust)}
.concern-row:nth-child(2):after{background:var(--wheat)}.concern-row:nth-child(3):after{background:var(--sage)}.concern-row:nth-child(4):after{background:var(--cobalt)}.concern-row:nth-child(5):after{background:var(--bone)}
.concern-row h3{font:700 clamp(1.8rem,3vw,3rem)/.95 var(--cond);text-transform:uppercase}
.concern-row p{max-width:40rem;color:#485760;font-size:.91rem}

/* assess-plan-care */
.apc{padding:var(--sec) 0;background:var(--bone)}
.apc-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:end;margin-bottom:3rem}
.apc h2{font-size:clamp(3.6rem,7.1vw,7.3rem);line-height:.84}
.apc-head p{justify-self:end;max-width:31rem;color:var(--muted)}
.apc-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}
.apc-panel{min-height:460px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.apc-panel:nth-child(1){background:var(--wheat)}
.apc-panel:nth-child(2){background:var(--plum);color:var(--bone)}
.apc-panel:nth-child(3){background:var(--sage)}
.apc-panel b{font:700 5rem/.8 var(--cond);opacity:.18}
.apc-panel h3{font:600 clamp(2.5rem,4.5vw,4.6rem)/.9 var(--serif);margin-bottom:1rem}
.apc-panel p{max-width:20rem}
.apc-panel:nth-child(2) p{color:rgba(246,243,236,.72)}
.apc-panel:after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:1px solid currentColor;opacity:.12}

/* journey */
.journey{padding:var(--sec) 0;background:var(--plum);color:var(--bone)}
.journey-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:end;margin-bottom:4rem}
.journey h2{font-size:clamp(3.6rem,7vw,7.3rem);line-height:.84}
.journey-head p{justify-self:end;max-width:31rem;color:rgba(246,243,236,.7)}
.flow{display:grid;grid-template-columns:repeat(5,1fr);position:relative;min-height:400px;border-block:1px solid rgba(246,243,236,.18)}
.flow:before{content:"";position:absolute;left:5%;right:5%;top:49%;height:2px;background:var(--steel)}
.step{position:relative;padding:1rem;align-self:start}
.step:nth-child(even){align-self:end}
.step:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--cobalt);left:1rem;border:4px solid var(--plum);box-shadow:0 0 0 1px var(--steel)}
.step:nth-child(odd):after{bottom:-39px}.step:nth-child(even):after{top:-39px}
.step b{font:700 4rem/.8 var(--cond);color:rgba(246,243,236,.18)}
.step h3{font:600 1.55rem var(--serif);margin:.8rem 0 .5rem}
.step p{font-size:.84rem;color:rgba(246,243,236,.7);max-width:13rem}

/* context */
.context{padding:var(--sec) 0;background:var(--wheat)}
.context-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,6vw,6rem)}
.context h2{font-size:clamp(3.7rem,7.2vw,7.5rem);line-height:.84;max-width:7.2ch}
.context-items{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.context-item{padding:1.5rem;border-top:2px solid var(--plum);background:rgba(255,255,255,.32);min-height:210px}
.context-item .code{color:var(--rust)}
.context-item h3{font:700 1.7rem var(--cond);text-transform:uppercase;margin:.8rem 0}
.context-item p{color:#5d5349}

/* faq */
.faq{padding:clamp(4.5rem,7vw,7rem) 0;background:var(--sage)}
.faq-head{display:grid;grid-template-columns:.6fr 1.4fr;gap:3rem}
.faq h2{font-size:clamp(3.3rem,6vw,6rem);line-height:.88}
.faq-list{border-top:2px solid var(--plum)}
.faq-item{display:grid;grid-template-columns:4rem 1fr 1.3fr;gap:1.2rem;padding:1rem 0;border-bottom:1px solid rgba(49,38,49,.22)}
.faq-item .code{color:var(--cobalt)}
.faq-item strong{font-size:1rem}
.faq-item p{font-size:.9rem;color:#505a52}

/* visit */
.visit{background:var(--plum);color:var(--bone)}
.visit-grid{display:grid;grid-template-columns:.74fr 1.26fr;min-height:610px}
.visit-info{padding:var(--sec) var(--pad);display:flex;flex-direction:column;justify-content:space-between}
.visit-info h2{font-size:clamp(4rem,8vw,8rem);line-height:.82}
.visit-info address{font:600 clamp(2rem,3.8vw,3.8rem)/1 var(--serif)}
.visit-art{position:relative;padding:var(--sec) var(--pad);background:
linear-gradient(rgba(246,243,236,.12) 1px,transparent 1px),
linear-gradient(90deg,rgba(246,243,236,.12) 1px,transparent 1px),
#3b2f3b;background-size:58px 58px;overflow:hidden}
.visit-art:before{content:"";position:absolute;left:8%;right:8%;top:57%;height:2px;background:var(--bone)}
.visit-art:after{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:var(--cobalt);left:63%;top:calc(57% - 48px);border:13px solid #3b2f3b;box-shadow:0 0 0 2px var(--bone)}
.visit-number{position:relative;z-index:2;font:700 clamp(7rem,15vw,15rem)/.68 var(--cond)}
.visit-word{position:relative;z-index:2;font:600 clamp(4rem,8vw,8rem)/.8 var(--serif)}
.visit-note{position:absolute;right:var(--pad);bottom:var(--pad);max-width:28rem;color:rgba(246,243,236,.72);font-size:.9rem}

/* footer */
.footer{background:var(--plum);color:var(--bone);padding:3.5rem 0 2rem;border-top:1px solid rgba(246,243,236,.18)}
.footer-title{font:600 clamp(4.4rem,9vw,9rem)/.72 var(--serif);text-transform:uppercase;padding-bottom:2rem;border-bottom:1px solid rgba(246,243,236,.18)}
.footer-title small{display:block;font:500 .1em var(--mono);letter-spacing:.14em;margin-top:1rem;color:#b7cad5}
.footer-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:2rem;padding-top:1.5rem}
.footer-address,.footer-code{font-size:.78rem;color:rgba(246,243,236,.7)}
.footer-links{display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;font-size:.78rem}
.footer-links a:hover{color:#8aa4ee}

/* legal */
.legal-hero{padding:6rem 0 3rem;background:var(--bone);border-bottom:1px solid var(--plum)}
.legal-hero h1{font:600 clamp(4rem,8vw,8rem)/.82 var(--serif);letter-spacing:-.05em}
.legal-hero p{max-width:44rem;margin-top:1.5rem;color:var(--muted)}
.legal-layout{display:grid;grid-template-columns:.3fr .7fr;gap:clamp(2.5rem,7vw,8rem);padding:5rem 0}
.legal-index{position:sticky;top:2rem;align-self:start;border-top:1px solid var(--plum)}
.legal-index a{display:block;padding:1rem 0;border-bottom:1px solid var(--line)}
.legal-copy section{padding-bottom:4rem}
.legal-copy section+section{padding-top:4rem;border-top:2px solid var(--plum)}
.legal-copy h2{font:600 clamp(2.8rem,5vw,5rem)/.9 var(--serif);margin-bottom:2rem}
.legal-copy h3{font:700 1.5rem var(--cond);text-transform:uppercase;margin:2rem 0 .7rem}
.legal-copy p+p{margin-top:1rem}

@media(max-width:980px){
  .nav{grid-template-columns:repeat(3,1fr)}
  .intro-grid{grid-template-columns:.3fr 1fr}.intro-copy{grid-column:2}
}
@media(max-width:760px){
  .top .shell span:last-child{display:none}
  .header-grid{grid-template-columns:1fr}.brand{min-height:76px}
  .nav{border-left:0;grid-template-columns:repeat(3,1fr)}.nav a{min-height:52px}
  .hero-grid{display:flex;flex-direction:column}.hero-copy{order:1;min-height:520px}.hero-main{order:2;min-height:500px}.hero-main img{min-height:500px}.hero-small{order:3}.hero-cta{order:4}
  .intro-grid,.concerns-head,.apc-head,.journey-head,.context-grid,.faq-head,.visit-grid,.legal-layout{grid-template-columns:1fr}.big{font-size:5rem}.intro-copy{grid-column:auto}
  .concerns-head p,.apc-head p,.journey-head p{margin-top:1rem;justify-self:start}
  .concern-row{grid-template-columns:5rem 1fr;padding:1rem 0}.concern-row p{grid-column:2}
  .apc-grid{grid-template-columns:1fr}.apc-panel{min-height:340px}
  .flow{display:block;min-height:0;border-left:2px solid var(--steel);border-top:0}.flow:before{display:none}.step,.step:nth-child(even){padding:1rem 1rem 2.4rem 2rem}.step:after,.step:nth-child(odd):after,.step:nth-child(even):after{left:-1px;top:1.35rem;bottom:auto;transform:translate(-50%,0)}.step p{max-width:30rem}
  .context-items{grid-template-columns:1fr}
  .faq-item{grid-template-columns:4rem 1fr}.faq-item p{grid-column:2}
  .visit-info{min-height:430px}.visit-art{min-height:460px}
  .footer-row{grid-template-columns:1fr}.legal-index{position:static}
}
@media(max-width:500px){
  .nav{grid-template-columns:1fr 1fr}
}