:root{
  --blue:#132733;
  --blue-deep:#0b1922;
  --gold:#BB9D6E;
  --gold-light:#d6bd90;
  --white:#fff;
  --ivory:#F4EFE4;
  --muted:#b8c0be;
  --line:rgba(187,157,110,.28);
  --serif:"Cinzel",Georgia,serif;
  --sans:"Montserrat",Arial,sans-serif;
  --script:"Caveat",cursive;
  --content:1160px;
  --header-h:82px
}
*{
  box-sizing:border-box
}
html{
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--header-h) + 22px)
}
body{
  margin:0;
  background:var(--blue);
  color:var(--ivory);
  font-family:var(--sans);
  font-size:15px;
  font-weight:400;
  line-height:1.8;
  overflow-x:hidden
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.14;
  z-index:-1;
  background-image:radial-gradient(rgba(244,239,228,.17) .55px,transparent .75px);
  background-size:6px 6px
}
.skip-link{
  position:absolute;
  left:14px;
  top:-100px;
  background:var(--ivory);
  color:var(--blue);
  padding:10px 14px;
  z-index:100
}
.skip-link:focus{
  top:10px
}
.site-header{
  height:var(--header-h);
  position:fixed;
  z-index:20;
  inset:0 0 auto;
  background:rgba(19,39,51,.94);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(187,157,110,.13);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 max(6vw,24px)
}
.brand,.footer-brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--gold-light);
  text-decoration:none;
  font-family:var(--serif);
  letter-spacing:.13em;
  font-size:16px
}
.brand img,.footer-brand img{
  width:44px;
  height:44px;
  object-fit:contain;
  object-position:center
}
.main-nav{
  display:flex;
  align-items:center;
  gap:clamp(17px,2.5vw,36px)
}
.main-nav a{
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--ivory);
  transition:color .25s
}
.main-nav a:hover,.main-nav a:focus-visible{
  color:var(--gold-light)
}
.main-nav .nav-cta{
  padding:11px 15px;
  border:1px solid var(--gold);
  color:var(--gold-light)
}
.nav-cta span{
  margin-left:12px
}
.menu-toggle{
  display:none
}
.section-wrap{
  max-width:var(--content);
  margin:auto;
  padding-left:28px;
  padding-right:28px
}
.hero{
  min-height:min(900px,100svh);
  height:max(760px,100svh);
  max-height:1040px;
  padding:calc(var(--header-h) + 50px) max(8vw,28px) 80px;
  display:flex;
  align-items:center;
  position:relative;
  isolation:isolate;
  background-color:var(--blue-deep);
  background-image:linear-gradient(90deg,rgba(8,20,28,.96) 0%,rgba(8,20,28,.82) 37%,rgba(8,20,28,.28) 72%,rgba(8,20,28,.18) 100%),linear-gradient(0deg,rgba(8,20,28,.48),transparent 50%),url("assets/interlinaje-libro.png");
  background-position:center,center,right center;
  background-size:cover
}
.hero-copy{
  width:min(560px,100%);
  padding-top:0;
  position:relative;
  z-index:1
}
.eyebrow{
  font-size:9px;
  letter-spacing:.24em;
  color:var(--gold-light);
  font-weight:500;
  line-height:1.7
}
.eyebrow-line{
  display:inline-block;
  width:34px;
  height:1px;
  background:var(--gold);
  vertical-align:middle;
  margin-right:13px
}
.hero h1,.section-heading h2,.intro h2,.pillars h2,.founder h2,.contact h2,.services h2{
  font-family:var(--serif);
  font-weight:400;
  line-height:1.23;
  letter-spacing:-.025em
}
.hero h1{
  font-size:clamp(64px,9vw,118px);
  letter-spacing:.08em;
  margin:25px 0 2px
}
.hero-tagline{
  font-family:var(--serif);
  color:var(--gold-light);
  font-size:clamp(17px,2vw,24px);
  margin:0 0 17px
}
.hero h1 em,.section-wrap h2 em{
  font-style:normal;
  color:var(--gold-light)
}
.hero-lede{
  max-width:425px;
  color:#d1d6d2;
  font-size:14px;
  line-height:2
}
.hero-actions{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:28px 0 22px;
  flex-wrap:wrap
}
.hero .text-link{display:inline-block;margin-top:4px}
.hero-bottomline{
  position:absolute;
  left:8vw;
  bottom:32px;
  display:flex;
  align-items:center;
  gap:14px;
  font-size:8px;
  letter-spacing:.2em;
  color:var(--gold-light)
}
.hero-bottomline i{width:23px;height:1px;background:rgba(214,189,144,.55)}
.button{
  min-height:48px;
  padding:13px 19px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:9px;
  transition:transform .25s,background .25s,color .25s;
  border:1px solid transparent
}
.button:hover{
  transform:translateY(-2px)
}
.button-gold{
  background:var(--gold);
  color:var(--blue-deep)
}
.button-gold:hover{
  background:var(--gold-light)
}
.button-outline{
  border-color:var(--gold-light);
  color:var(--gold-light)
}
.button-outline:hover{
  background:var(--gold);
  color:var(--blue-deep)
}
.button-light-outline{
  border-color:rgba(244,239,228,.55);
  color:var(--ivory)
}
.button-light-outline:hover{
  background:var(--ivory);
  color:var(--blue)
}
.text-link,.under-link{
  color:var(--gold-light);
  text-decoration:none;
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase
}
.text-link span,.under-link span{
  padding-left:8px
}
.hand-note{
  font-family:var(--script);
  font-size:28px;
  color:var(--gold-light);
  transform:rotate(-4deg);
  margin-top:34px
}
.hero-art{
  position:relative;
  min-height:540px;
  display:grid;
  place-items:center
}
.hero-art>img{
  width:min(100%,480px);
  height:auto;
  mix-blend-mode:screen;
  filter:drop-shadow(0 12px 42px rgba(0,0,0,.12));
  position:relative;
  z-index:2
}
.orbit{
  position:absolute;
  width:76%;
  aspect-ratio:1;
  border:1px solid rgba(187,157,110,.22);
  border-radius:50%
}
.orbit-one{
  transform:scale(.83) rotate(28deg);
  border-style:dashed
}
.orbit-two{
  transform:scale(1.07);
  border-color:rgba(187,157,110,.12)
}
.star{
  position:absolute;
  color:var(--gold-light);
  z-index:2
}
.star-a{
  top:16%;
  right:15%;
  font-size:22px
}
.star-b{
  left:13%;
  top:36%;
  font-size:38px
}
.star-c{
  right:18%;
  bottom:19%;
  font-size:20px
}
.art-caption{
  position:absolute;
  bottom:10px;
  font-size:8px;
  letter-spacing:.3em;
  color:var(--gold-light);
  text-align:center
}
.scroll-cue{
  position:absolute;
  bottom:26px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:11px;
  color:rgba(244,239,228,.55);
  text-decoration:none;
  font-size:8px;
  letter-spacing:.22em
}
.scroll-cue span{
  width:24px;
  height:1px;
  background:var(--gold)
}
.section-index{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:8px;
  color:rgba(244,239,228,.58);
  letter-spacing:.22em
}
.section-index span{
  color:var(--gold-light)
}
.section-index i{
  width:35px;
  height:1px;
  background:var(--gold);
  opacity:.7
}
.intro{
  padding-top:140px;
  padding-bottom:145px
}
.intro-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:90px;
  padding-top:55px
}
.intro h2{
  font-size:clamp(42px,5vw,62px);
  margin:0
}
.intro-text{
  max-width:530px;
  color:#c5cdca
}
.intro-text .lead{
  font-family:var(--serif);
  font-size:19px;
  color:var(--ivory);
  line-height:1.7
}
.intro-text .lead i{
  color:var(--gold-light);
  font-style:normal
}
.intro-text p{
  margin:0 0 19px;
  font-size:13px
}
.intro-text .under-link{
  display:inline-block;
  margin-top:10px
}
.quote-band{
  margin:100px auto 0;
  max-width:790px;
  text-align:center;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:32px 20px 27px;
  position:relative
}
.quote-mark{
  font-family:var(--serif);
  font-size:50px;
  line-height:.7;
  color:var(--gold-light)
}
.quote-band p{
  font-family:var(--serif);
  font-size:clamp(22px,3vw,34px);
  line-height:1.45;
  margin:4px 0 15px
}
.quote-source{
  color:var(--gold-light);
  font-size:8px;
  letter-spacing:.24em
}
.method{
  padding-top:120px;
  padding-bottom:145px;
  background:linear-gradient(180deg,rgba(7,20,28,.48),rgba(7,20,28,.08));
  max-width:none
}
.method>*{
  max-width:var(--content);
  margin-left:auto;
  margin-right:auto
}
.section-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:45px;
  margin:54px auto 60px!important
}
.section-heading h2{
  font-size:clamp(37px,4.4vw,58px);
  margin:9px 0 0
}
.section-heading>p{
  max-width:320px;
  margin:0;
  color:#bfc9c6;
  font-size:12px
}
.movement-list{
  list-style:none;
  padding:0;
  margin-top:0!important;
  border-top:1px solid var(--line)
}
.movement{
  display:grid;
  grid-template-columns:50px 58px 1fr 20px;
  gap:20px;
  align-items:center;
  min-height:117px;
  border-bottom:1px solid var(--line);
  transition:padding .3s,background .3s
}
.movement:hover{
  padding-left:10px;
  background:rgba(255,255,255,.015)
}
.movement-no{
  color:var(--gold-light);
  font-size:9px;
  letter-spacing:.12em
}
.movement-symbol{
  font-family:var(--serif);
  font-size:29px;
  color:var(--gold-light);
  text-align:center
}
.movement h3{
  font-family:var(--serif);
  font-size:19px;
  font-weight:400;
  margin:0 0 4px;
  color:var(--ivory)
}
.movement p{
  margin:0;
  color:#aebbb8;
  font-size:11px;
  max-width:650px
}
.movement-arrow{
  color:var(--gold-light);
  font-size:16px;
  opacity:0;
  transition:opacity .2s
}
.movement:hover .movement-arrow{
  opacity:1
}
.movement-final h3{
  color:var(--gold-light)
}
.method-note{
  font-size:10px;
  color:#a9b5b3;
  margin-top:24px!important
}
.book{
  padding-top:130px;
  padding-bottom:145px
}
.book-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:85px;
  align-items:center;
  margin-top:55px
}
.book-visual{
  position:relative;
  padding:10px 24px 20px 0
}
.book-frame{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(187,157,110,.55);
  box-shadow:22px 22px 0 rgba(187,157,110,.07)
}
.book-frame:after{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(244,239,228,.25);
  pointer-events:none
}
.book-frame img{
  width:100%;
  height:auto;
  display:block;
  aspect-ratio:4/3;
  object-fit:cover;
  transition:transform .7s
}
.book-frame:hover img{
  transform:scale(1.025)
}
.book-stamp{
  position:absolute;
  right:-2px;
  bottom:0;
  background:var(--gold);
  color:var(--blue);
  padding:14px 17px;
  font-family:var(--serif);
  font-size:9px;
  line-height:1.7;
  letter-spacing:.1em
}
.book-copy .eyebrow{
  margin-bottom:18px
}
.book-copy h2{
  font-family:var(--serif);
  font-size:clamp(54px,7vw,90px);
  font-weight:400;
  line-height:.91;
  letter-spacing:.02em;
  margin:0 0 23px
}
.book-copy h2 em{
  font-style:normal;
  color:var(--gold-light)
}
.book-subtitle{
  font-family:var(--serif);
  font-size:18px;
  color:var(--gold-light);
  line-height:1.65
}
.book-copy>p:not(.eyebrow):not(.book-subtitle):not(.small-note){
  font-size:12px;
  color:#c2cbc7
}
.book-copy .button{
  margin-top:18px
}
.small-note{
  font-size:9px;
  color:#9da9a7;
  margin-top:11px
}
.testimonials{
  padding-top:125px;
  padding-bottom:140px;
  background:var(--ivory);
  color:var(--blue)
}
.testimonials .section-index{
  color:rgba(19,39,51,.57)
}
.section-heading .eyebrow,.pillars .eyebrow{
  color:#917b59
}
.testimonials .section-heading>p{
  color:#58645f
}
.testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}
.testimonial{
  margin:0;
  padding:30px 25px 25px;
  border:1px solid rgba(19,39,51,.17);
  min-height:280px;
  display:flex;
  flex-direction:column
}
.testimonial .quote-mark{
  font-size:44px
}
.testimonial blockquote{
  font-family:var(--serif);
  font-size:16px;
  line-height:1.7;
  margin:5px 0 25px;
  flex:1
}
.testimonial figcaption{
  border-top:1px solid rgba(19,39,51,.2);
  padding-top:15px;
  display:flex;
  flex-direction:column;
  gap:4px
}
.testimonial figcaption span{
  font-size:10px;
  font-weight:600
}
.testimonial figcaption small{
  font-size:8px;
  color:#63706b;
  letter-spacing:.08em
}
.pillars{
  padding-top:130px;
  padding-bottom:145px
}
.pillars-heading{
  margin:48px 0 50px
}
.pillars h2{
  font-size:clamp(40px,5vw,64px);
  margin:0
}
.pillar-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}
.pillar{
  padding:24px 19px 27px 0;
  min-height:205px;
  border-right:1px solid var(--line)
}
.pillar:not(:first-child){
  padding-left:19px
}
.pillar:last-child{
  border-right:0
}
.pillar>span{
  font-size:8px;
  letter-spacing:.18em;
  color:var(--gold-light)
}
.pillar h3{
  font-family:var(--serif);
  font-size:16px;
  font-weight:400;
  margin:19px 0 8px;
  color:var(--gold-light)
}
.pillar p{
  font-size:10px;
  color:#b8c3bf;
  line-height:1.8;
  margin:0
}
.services{
  padding-top:100px;
  padding-bottom:130px
}
.services-panel{
  margin-top:45px;
  padding:65px 7%;
  border:1px solid var(--line);
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:60px;
  align-items:center;
  position:relative;
  overflow:hidden;
  background:linear-gradient(130deg,rgba(6,18,26,.5),rgba(187,157,110,.045))
}
.services-panel:before{
  content:"";
  position:absolute;
  width:310px;
  height:310px;
  border:1px solid rgba(187,157,110,.14);
  border-radius:50%;
  right:-165px;
  top:-175px
}
.services h2{
  font-size:clamp(35px,4.5vw,54px);
  margin:10px 0 20px
}
.services-panel>div>p:not(.eyebrow){
  font-size:12px;
  color:#bec7c3;
  max-width:490px
}
.service-actions{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:20px;
  z-index:1
}
.service-actions .small-note{
  margin:0
}
.founder{
  padding-top:115px;
  padding-bottom:145px
}
.founder-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:100px;
  align-items:center;
  margin-top:55px
}
.founder-art{
  aspect-ratio:.76;
  max-width:430px;
  position:relative;
  border:1px solid rgba(187,157,110,.4);
  overflow:hidden;
  background:var(--blue-deep)
}
.founder-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 24%
}
.founder-art>span{
  position:absolute;
  inset:auto 0 0;
  font-family:var(--script);
  font-size:23px;
  color:var(--gold-light);
  z-index:2;
  text-align:center;
  padding:40px 14px 14px;
  background:linear-gradient(transparent,rgba(8,20,28,.86))
}
.founder h2{
  font-size:clamp(38px,4.4vw,57px);
  margin:14px 0 23px
}
.founder-copy>p:not(.eyebrow):not(.small-note){
  font-size:12px;
  color:#c0cac6
}
.founder-copy .under-link{
  display:inline-block;
  margin:12px 0
}
.contact{
  padding-top:100px;
  padding-bottom:130px
}
.contact-panel{
  margin-top:42px;
  padding:68px 8%;
  background:var(--gold);
  color:var(--blue-deep);
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:35px;
  align-items:center
}
.contact-panel .eyebrow{
  color:var(--blue);
  opacity:.75
}
.contact h2{
  font-size:clamp(39px,5vw,61px);
  margin:10px 0 18px
}
.contact-copy>p:not(.eyebrow){
  font-size:12px;
  max-width:430px;
  color:rgba(11,25,34,.82)
}
.contact-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:13px;
  z-index:1
}
.contact-direct{
  color:var(--blue-deep);
  font-size:11px;
  text-decoration:none;
  border-bottom:1px solid rgba(11,25,34,.3);
  padding-bottom:2px
}
.contact-direct:hover,.contact-direct:focus-visible{
  border-color:var(--blue-deep)
}
.contact-actions .button-gold{
  background:var(--blue);
  color:var(--ivory)
}
.contact-actions .button-gold:hover{
  background:var(--blue-deep)
}
.contact-status{
  font-size:9px;
  line-height:1.7;
  max-width:250px;
  color:rgba(11,25,34,.76)
}
.contact-orbit{
  position:absolute;
  width:320px;
  height:320px;
  border-radius:50%;
  border:1px solid rgba(19,39,51,.2);
  right:-110px;
  bottom:-240px
}
.site-footer{
  padding:52px max(6vw,24px) 20px;
  border-top:1px solid var(--line);
  max-width:none
}
.footer-main{
  max-width:var(--content);
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr 1.2fr;
  align-items:center;
  padding-bottom:40px
}
.footer-brand{
  font-size:14px
}
.footer-brand img{
  width:52px;
  height:52px
}
.footer-main>p{
  font-family:var(--serif);
  font-size:14px;
  color:var(--gold-light);
  line-height:1.75
}
.footer-main nav{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:18px
}
.footer-main nav a,.footer-bottom a{
  font-size:9px;
  letter-spacing:.08em;
  color:#bdc7c3;
  text-decoration:none
}
.footer-main nav a:hover,.footer-bottom a:hover{
  color:var(--gold-light)
}
.footer-bottom{
  max-width:var(--content);
  border-top:1px solid var(--line);
  margin:auto;
  padding-top:17px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  color:#8e9d99;
  font-size:8px;
  letter-spacing:.1em
}
.footer-note{
  letter-spacing:.02em
}
.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease,transform .7s ease
}
.reveal.is-visible{
  opacity:1;
  transform:none
}
@media(prefers-reduced-motion:reduce){
  html{
  scroll-behavior:auto
}
*,*:before,*:after{
  animation-duration:.01ms!important;
  animation-iteration-count:1!important;
  transition-duration:.01ms!important
}
.reveal{
  opacity:1;
  transform:none
}

}
@media(max-width:900px){
  :root{
  --header-h:72px
}
.site-header{
  padding:0 22px
}
.main-nav{
  gap:15px
}
.main-nav a{
  font-size:8px
}
.main-nav .nav-cta{
  padding:9px 10px
}
.hero{
  min-height:760px
}
.hero-art{
  min-height:420px
}
.hero-art>img{
  width:min(100%,390px)
}
.intro-grid,.book-grid{
  gap:48px
}
.founder-grid{
  gap:55px
}
.testimonial{
  padding:25px 18px
}
.testimonial blockquote{
  font-size:14px
}
.pillar{
  padding-right:12px
}
.pillar:not(:first-child){
  padding-left:12px
}
.pillar h3{
  font-size:14px
}

}
@media(max-width:680px){
  :root{
  --header-h:68px
}
.site-header{
  padding:0 18px
}
.brand{
  gap:8px;
  font-size:13px
}
.brand img{
  width:39px;
  height:39px
}
.menu-toggle{
  width:42px;
  height:42px;
  border:1px solid var(--line);
  background:transparent;
  display:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer
}
.js .menu-toggle{
  display:flex
}
.menu-toggle span{
  width:17px;
  height:1px;
  background:var(--gold-light);
  transition:transform .2s
}
.menu-toggle[aria-expanded=true] span:first-child{
  transform:translateY(3.5px) rotate(45deg)
}
.menu-toggle[aria-expanded=true] span:last-child{
  transform:translateY(-3.5px) rotate(-45deg)
}
.main-nav{
  position:absolute;
  top:var(--header-h);
  left:0;
  right:0;
  background:rgba(11,25,34,.98);
  padding:17px 24px 23px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  border-bottom:1px solid var(--line);
  transition:opacity .2s,transform .2s,visibility .2s
}
.js .main-nav{
  visibility:hidden;
  opacity:0;
  transform:translateY(-8px)
}
.js .main-nav.is-open{
  visibility:visible;
  opacity:1;
  transform:none
}
.main-nav a{
  padding:13px 4px;
  font-size:10px;
  border-bottom:1px solid rgba(187,157,110,.12)
}
.main-nav .nav-cta{
  margin-top:13px;
  text-align:center;
  border:1px solid var(--gold);
  padding:12px
}
.section-wrap{
  padding-left:22px;
  padding-right:22px
}
.hero{
  height:auto;
  min-height:calc(100svh - var(--header-h));
  padding:calc(var(--header-h) + 64px) 22px 108px;
  background-image:linear-gradient(90deg,rgba(8,20,28,.9),rgba(8,20,28,.55)),linear-gradient(0deg,rgba(8,20,28,.55),rgba(8,20,28,.18)),url("assets/interlinaje-libro.png");
  background-position:center,center,65% center
}
.hero-copy{
  padding-top:0
}
.hero .eyebrow{
  font-size:8px;
  letter-spacing:.17em
}
.hero h1{
  font-size:clamp(49px,13vw,69px);
  margin:20px 0 15px
}
.hero-lede{
  font-size:12px;
  max-width:430px
}
.hero-actions{
  align-items:flex-start;
  flex-direction:column;
  gap:12px;
  margin-top:22px
}
.hero .button{
  min-width:min(280px,100%);
  justify-content:space-between
}
.hero .text-link{margin-top:8px}
.hero-bottomline{
  left:22px;
  bottom:20px;
  gap:7px;
  font-size:6px;
  letter-spacing:.12em
}
.hero-bottomline i{width:12px}
.scroll-cue{
  display:none
}
.scroll-cue{
  bottom:25px;
  font-size:7px
}
.intro,.book,.pillars,.founder{
  padding-top:86px;
  padding-bottom:94px
}
.intro-grid{
  grid-template-columns:1fr;
  gap:20px;
  padding-top:32px
}
.intro h2{
  font-size:45px
}
.intro-text .lead{
  font-size:17px
}
.intro-text p{
  font-size:12px
}
.quote-band{
  margin-top:55px
}
.quote-band p{
  font-size:22px
}
.method{
  padding-top:85px;
  padding-bottom:95px
}
.section-heading{
  display:block;
  margin-top:34px!important;
  margin-bottom:34px!important
}
.section-heading h2{
  font-size:37px
}
.section-heading>p{
  font-size:11px;
  margin-top:18px
}
.movement{
  grid-template-columns:30px 34px 1fr;
  gap:10px;
  min-height:105px
}
.movement-symbol{
  font-size:23px
}
.movement h3{
  font-size:16px
}
.movement p{
  font-size:10px;
  line-height:1.65
}
.movement-arrow{
  display:none
}
.method-note{
  font-size:9px;
  line-height:1.7
}
.book-grid{
  grid-template-columns:1fr;
  gap:40px;
  margin-top:35px
}
.book-visual{
  padding-right:14px
}
.book-copy h2{
  font-size:64px
}
.book-copy>p:not(.eyebrow):not(.book-subtitle):not(.small-note){
  font-size:11px
}
.testimonials{
  padding-top:85px;
  padding-bottom:95px
}
.testimonial-grid{
  grid-template-columns:1fr;
  gap:12px
}
.testimonial{
  min-height:0;
  padding:22px
}
.testimonial blockquote{
  font-size:15px;
  margin-bottom:20px
}
.pillars-heading{
  margin:33px 0
}
.pillars h2{
  font-size:44px
}
.pillar-grid{
  grid-template-columns:1fr 1fr
}
.pillar{
  min-height:155px;
  padding:18px 12px 18px 0;
  border-bottom:1px solid var(--line)
}
.pillar:not(:first-child){
  padding-left:12px
}
.pillar:nth-child(2n){
  border-right:0
}
.pillar:last-child{
  grid-column:1/-1;
  border-bottom:0
}
.pillar h3{
  margin:12px 0 5px;
  font-size:15px
}
.pillar p{
  font-size:9px
}
.services{
  padding-top:75px;
  padding-bottom:90px
}
.services-panel{
  margin-top:30px;
  padding:33px 24px;
  grid-template-columns:1fr;
  gap:16px
}
.services h2{
  font-size:37px
}
.services-panel>div>p:not(.eyebrow){
  font-size:11px
}
.service-actions{
  gap:17px
}
.founder-grid{
  grid-template-columns:1fr;
  gap:34px;
  margin-top:36px
}
.founder-art{
  max-width:330px;
  width:100%;
  margin:auto
}
.founder h2{
  font-size:41px
}
.founder-copy>p:not(.eyebrow):not(.small-note){
  font-size:11px
}
.contact{
  padding-top:70px;
  padding-bottom:85px
}
.contact-panel{
  margin-top:30px;
  padding:37px 25px;
  grid-template-columns:1fr;
  gap:12px
}
.contact h2{
  font-size:41px
}
.contact-copy>p:not(.eyebrow){
  font-size:11px
}
.contact-actions{
  gap:10px
}
.site-footer{
  padding:38px 22px 18px
}
.footer-main{
  grid-template-columns:1fr 1fr;
  gap:20px;
  padding-bottom:26px
}
.footer-main>p{
  font-size:12px
}
.footer-main nav{
  grid-column:1/-1;
  justify-content:flex-start;
  gap:14px
}
.footer-main nav a{
  font-size:8px
}
.footer-bottom{
  align-items:flex-start;
  flex-wrap:wrap;
  gap:8px 18px
}
.footer-note{
  order:3;
  width:100%;
  line-height:1.5
}

}