:root{
  --paper:#f4efe7;
  --ink:#171b18;
  --muted:#666d66;
  --line:#d9d0c3;
  --green:#183b34;
  --soft:#ece3d8;
  --brass:#a5794c;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.45;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
.site-header{
  max-width:1120px;
  margin:0 auto;
  padding:24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  border-bottom:1px solid rgba(24,59,52,.12);
  overflow:hidden;
}
.brand{
  display:flex;
  align-items:center;
  text-decoration:none;
}
.brand-wordmark{
  min-width:0;
  flex:1 1 auto;
  color:var(--green);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(26px,5.8vw,40px);
  line-height:1;
  letter-spacing:-0.055em;
}
.brand-wordmark span{
  display:block;
}
.top-button{
  min-height:40px;
  padding:10px 16px;
  font-size:14px;
}
.hero{
  max-width:1120px;
  margin:0 auto;
  padding:78px 24px 76px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:72px;
  align-items:end;
}
.kicker{
  margin:0 0 18px;
  color:var(--brass);
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
h1{
  max-width:800px;
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(46px,7.2vw,86px);
  line-height:.98;
  letter-spacing:-.055em;
}
.intro{
  max-width:670px;
  margin:30px 0 0;
  font-size:clamp(20px,2.1vw,26px);
  color:#343b36;
}
.note{
  max-width:620px;
  margin:18px 0 0;
  color:var(--muted);
  font-size:17px;
}
.actions{
  margin-top:34px;
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:13px 20px;
  border-radius:999px;
  background:var(--green);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  letter-spacing:-.01em;
}
.button.secondary{background:transparent;color:var(--green);border:1px solid var(--green)}
.hint{
  max-width:280px;
  color:var(--muted);
  font-size:14px;
}
.previsit{
  max-width:650px;
  margin-top:34px;
  padding-top:22px;
  border-top:1px solid var(--line);
}
.previsit h2{
  margin:0 0 10px;
  font-size:18px;
  letter-spacing:-.02em;
}
.previsit p{
  margin:0;
  color:var(--muted);
}
.image-wrap{
  margin:0;
  position:relative;
}
.image-wrap::before{
  content:"";
  position:absolute;
  inset:18px -18px -18px 18px;
  border:1px solid var(--line);
  z-index:-1;
}
.image-wrap img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  filter:saturate(.82) contrast(.96) brightness(1.02);
}
.details{
  max-width:1120px;
  margin:0 auto;
  padding:44px 24px 52px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:34px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(255,250,242,.28);
}
.details h2{
  margin:0 0 10px;
  font-size:18px;
  letter-spacing:-.02em;
}
.details p{
  margin:0;
  color:var(--muted);
}
.experience{
  max-width:1120px;
  margin:0 auto;
  padding:72px 24px 8px;
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(360px,1fr);
  gap:56px;
  align-items:start;
}
.experience h2{
  max-width:560px;
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(30px,4vw,48px);
  line-height:1.05;
  letter-spacing:-.04em;
}
.experience-list{
  list-style:none;
  margin:6px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 24px;
}
.experience-list li{
  padding-top:12px;
  border-top:1px solid var(--line);
  color:#343b36;
}
.photo-reel{
  max-width:1120px;
  margin:0 auto;
  padding:64px 24px 6px;
}
.reel-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:24px;
}
.reel-heading h2{
  max-width:560px;
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(30px,4vw,48px);
  line-height:1.05;
  letter-spacing:-.04em;
}
.reel-controls{
  display:none;
  gap:10px;
  margin:0 0 14px;
}
.reel-controls span{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--green);
  font-size:18px;
}
.reel-track{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:14px;
}
.reel-track figure{margin:0}
.reel-track img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  filter:saturate(.72) contrast(.96) brightness(1.03);
}
.reel-track figcaption{
  margin-top:9px;
  color:var(--muted);
  font-size:13px;
}
.testimonials{
  max-width:1120px;
  margin:0 auto;
  padding:70px 24px 12px;
}
.quote-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}
blockquote{
  margin:0;
  padding-top:20px;
  border-top:1px solid var(--line);
}
blockquote p{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  line-height:1.25;
  letter-spacing:-.025em;
}
cite{
  display:block;
  margin-top:16px;
  color:var(--muted);
  font-style:normal;
  font-size:14px;
}
.closing{
  max-width:860px;
  margin:0 auto;
  padding:86px 24px 92px;
  text-align:center;
}
.closing h2{
  margin:0 auto 22px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(34px,5vw,58px);
  line-height:1.04;
  letter-spacing:-.045em;
}
.rate-line{
  max-width:620px;
  margin:0 auto 12px;
  color:#343b36;
  font-size:18px;
}
.rate-line strong{font-weight:750;color:var(--ink)}
.closing-note{
  max-width:650px;
  margin:0 auto 28px;
  color:var(--muted);
}
.small{
  margin:18px 0 0;
  color:var(--muted);
  font-size:13px;
}
footer{
  max-width:1120px;
  margin:0 auto;
  padding:26px 24px 40px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:var(--muted);
  border-top:1px solid rgba(23,27,24,.08);
  font-size:14px;
}
footer span:first-child{color:var(--ink);font-weight:650}
@media(max-width:860px){
  .site-header{padding:14px 16px;gap:10px;align-items:center}
  .brand-wordmark{flex:1 1 auto;max-width:calc(100vw - 122px);font-size:clamp(24px,6.2vw,32px)}
  .top-button{white-space:nowrap;min-height:38px;padding:9px 12px;font-size:13px;flex:0 0 auto}
  .hero{grid-template-columns:1fr;padding:58px 18px 52px;gap:42px}
  .image-wrap{max-width:520px}
  .image-wrap img{aspect-ratio:4/3}
  .image-wrap::before{inset:12px -12px -12px 12px}
  .details{grid-template-columns:1fr;padding:34px 18px;gap:24px}
  .experience{grid-template-columns:1fr;padding:54px 18px 0;gap:26px}
  .experience-list{grid-template-columns:1fr;gap:10px}
  .photo-reel{padding:54px 18px 0}
  .reel-heading{display:block;margin-bottom:18px}
  .reel-controls{display:flex}
  .reel-track{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
  .reel-track figure{min-width:68%;scroll-snap-align:start}
  .reel-track img{aspect-ratio:4/4.6}
  .testimonials{padding:52px 18px 0}
  .quote-grid{grid-template-columns:1fr;gap:24px}
  blockquote p{font-size:21px}
  .closing{padding:64px 18px 68px}
  footer{padding:24px 18px 36px;flex-direction:column}
}