:root{
  --paper:#fff;
  --ink:#11110f;
  --sepia:#322b22;
  --terra:#a85035;
  --ochre:#c78d47;
  --sand:#efe2c9;
  --sand2:#f7f0e5;
  --hair:rgba(27,23,18,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.35}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:auto;padding:0 34px}
.utility{height:78px;display:flex;justify-content:flex-end;align-items:center;position:sticky;top:0;z-index:20;pointer-events:none}
.book{pointer-events:auto;border:1.5px solid var(--ink);padding:10px 17px;font-weight:800;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink);background:var(--ochre);color:#fff;font-size:14px}
.book:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}
section{padding:86px 0;border-bottom:1px solid var(--sepia)}
.hero{padding-top:8px}
.hero-name{text-align:center;font-size:clamp(54px,7vw,92px);font-weight:900;letter-spacing:-.075em;line-height:.9;margin:18px 0 20px}
.amp{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:1.22em;font-style:italic;font-weight:500;color:var(--terra);display:inline-block;margin:0 .04em;transform:translateY(.04em)}
.art-stage{display:flex;justify-content:center;align-items:center;min-height:470px;margin:0 auto 36px;max-width:930px}
.hero-art{width:min(820px,100%);display:block;mix-blend-mode:multiply}
.kicker{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;margin:0 0 18px;color:var(--sepia)}
.offer{font-size:clamp(46px,6vw,78px);line-height:.94;letter-spacing:-.068em;margin:0;max-width:990px;font-weight:900}
.pay{max-width:1040px;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:clamp(29px,3.2vw,42px);line-height:1.05;font-style:italic;margin:24px 0 0;color:var(--sepia)}
.hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:54px;max-width:940px}
.hero-copy p{margin:0;font-size:19px;max-width:420px}
.hero-copy strong{font-weight:800}
h2{font-size:clamp(44px,5.5vw,70px);line-height:.94;letter-spacing:-.06em;margin:0 0 48px;font-weight:900}
h3{font-size:25px;line-height:1.05;letter-spacing:-.035em;margin:0 0 10px}
p{max-width:760px}

.services{display:grid;grid-template-columns:repeat(3,1fr);gap:54px}
.service{min-width:0}
.meta{font-size:12px;font-weight:900;letter-spacing:.1em;margin-bottom:12px;color:#68584a}
.icon-wrap{height:108px;width:auto;display:flex;align-items:center;justify-content:flex-start;margin-bottom:26px}
.service .icon-wrap img[src*="icon-frame"]{width:120px;height:94px}
.icon-wrap img.story-icon{height:100%;width:auto;max-width:220px;object-fit:contain;object-position:left center;display:block}
.service p,.step p{font-size:16.5px;color:#3d3831;margin:0}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:1020px}
.bio .name{font-size:clamp(48px,5vw,64px);font-weight:900;letter-spacing:-.06em;margin-bottom:24px}
.bio p{font-size:18px;line-height:1.48;margin:0;max-width:445px}
.experience{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:clamp(28px,3.3vw,40px);line-height:1.12;margin-top:58px;max-width:1050px;color:var(--sepia);font-weight:500}
.experience span{background:linear-gradient(transparent 56%,rgba(216,177,120,.42) 56%,rgba(216,177,120,.42) 92%,transparent 92%);padding:0 .05em}

.why{display:grid;grid-template-columns:.78fr 1.22fr;gap:66px;align-items:start}
.manifesto{max-width:690px}
.manifesto p{margin:0 0 32px}
.manifesto .why-copy{font-size:clamp(23px,2.65vw,33px);line-height:1.14;letter-spacing:-.028em;font-weight:500;color:#26231f}
.manifesto .why-punch{font-size:clamp(27px,3vw,37px);line-height:1.05;letter-spacing:-.035em;font-weight:750}
.manifesto .human{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.03em;background:linear-gradient(transparent 57%,rgba(199,141,71,.35) 57%,rgba(199,141,71,.35) 93%,transparent 93%);display:inline}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.step{min-width:0;position:relative;padding-top:0}
.step .n{font-family:"Iowan Old Style",Georgia,serif;font-style:italic;color:var(--terra);font-size:20px;margin-bottom:6px}
.step .icon-wrap{height:100px;align-items:center;margin-bottom:24px}
.step .icon-wrap img.story-icon{height:auto;width:auto;max-width:none}
.step .icon-wrap img[src*="icon-document"]{width:96px;height:95px}
.step .icon-wrap img[src*="icon-flask"]{width:115px;height:79px}
.step .icon-wrap img[src*="icon-eye"]{width:94px;height:97px}
.step .icon-wrap img[src*="icon-cube"]{width:127px;height:72px}
.price{margin-top:74px;display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:940px}
.price div{padding:28px 32px;border-radius:5px;font-size:clamp(39px,4.8vw,62px);font-weight:900;letter-spacing:-.055em;line-height:.92}
.price .yes{background:#9caf88}
.price .no{background:#f4eee5}
.belief{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:23px;line-height:1.25;margin-top:30px;max-width:820px;color:var(--sepia)}
.final{text-align:center;padding:118px 0}
.final h2{font-size:clamp(58px,8vw,104px);max-width:980px;margin:0 auto 24px}
.final p{font-family:"Iowan Old Style",Georgia,serif;font-size:27px;margin:0 auto 38px;color:var(--sepia)}
.final .book{display:inline-block;font-size:18px;padding:14px 22px}
footer{padding:25px 0 40px;font-size:13px;display:flex;justify-content:space-between;color:#4b443b}

@media(max-width:820px){
  .wrap{padding:0 20px}
  .utility{height:64px}
  section{padding:64px 0}
  .hero-name{margin-top:4px}
  .art-stage{min-height:auto;margin-bottom:28px}
  .offer{font-size:clamp(44px,14vw,68px)}
  .hero-copy,.why{grid-template-columns:1fr;gap:28px}
  .services,.steps{grid-template-columns:1fr;gap:52px}
  .about-grid{grid-template-columns:1fr;gap:62px}
  .bio .name{margin-bottom:18px}
  .price{grid-template-columns:1fr}
  footer{gap:20px;flex-direction:column}
}
