*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden;background:var(--Stone);color:var(--Ink);font-family:"Figtree",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
ul{margin:0;padding:0;list-style:none}

:root{
  --Stone:#EEF0EC;
  --Ink:#15181A;
  --Forest:#14332A;
  --Burnt:#D2551F;
  --Denim:#2E4B9B;
  --Ochre:#E0A310;
  --Rail:0px;
  --Pad:20px;
}

@media (min-width:760px){
  :root{--Rail:132px;--Pad:34px}
  body{font-size:18px}
}
@media (min-width:1180px){
  :root{--Rail:188px;--Pad:48px}
}

.Page-Field{width:min(100%, 1260px);margin:0 auto}

.Split-Block{display:grid;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){
  .Split-Block{grid-template-columns:var(--Rail) minmax(0,1fr)}
}

.Rail-Strip{background:var(--Forest);color:var(--Stone);padding:var(--Pad) 14px}
.Rail-Burnt{background:var(--Burnt)}
.Rail-Denim{background:var(--Denim)}
.Rail-Ochre{background:var(--Ochre);color:var(--Ink)}

.Vert-Label{
  font-family:"Figtree",system-ui,Arial,sans-serif;
  font-weight:700;
  font-size:13px;
  letter-spacing:.16em;
  text-transform:uppercase;
  display:block;
  margin:0 0 18px;
}
@media (min-width:760px){
  .Vert-Label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);margin:0 0 22px}
}

.Text-Col{padding:var(--Pad) var(--Pad) calc(var(--Pad) * 1.4)}

.Name-Head{
  font-family:"Instrument Serif",Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(30px,5.2vw,54px);
  line-height:1.06;
  margin:0;
}

.Scale-Row{padding:14px var(--Pad);margin:0}

.Shot-Tall{margin:26px 0 0}
.Shot-Tall img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}

.Hero-Wide{margin:0}
.Hero-Wide img{width:100%;height:auto;aspect-ratio:13/5;object-fit:cover}

.Hero-Seal{
  margin:calc(var(--Pad) * -1) calc(var(--Pad) * -1) 0;
  background:radial-gradient(ellipse 78% 82% at 40% 30%, #5a3228 0%, #2c120e 52%, #140807 100%);
  display:flex;
  justify-content:center;
  align-items:center;
  padding:clamp(32px, 5.2vw, 72px) var(--Pad);
}
.Hero-Seal img{
  width:min(100%, 28rem);
  height:auto;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(196, 142, 78, .32), 0 0 0 11px rgba(16, 8, 6, .5), 0 22px 44px rgba(0, 0, 0, .48);
}

.Close-Line{font-size:14px;line-height:1.5;opacity:.8;margin:18px 0 0}

.Menu-List{margin:0}
.Menu-Item{display:inline;margin:0 18px 0 0;font-size:15px;letter-spacing:.02em}
.Menu-Item a{text-decoration:none}
.Menu-Item a:hover{text-decoration:underline}
.Menu-Wrap{margin:0}
.Menu-Wrap + .Name-Head{margin-top:18px}

.Nav-Button{
  font:inherit;
  font-size:14px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  background:var(--Ink);
  color:var(--Stone);
  border:0;
  padding:9px 16px;
  margin:0 0 14px;
  display:block;
  cursor:pointer;
}
@media (min-width:760px){
  .Nav-Button{display:none}
}

@media (max-width:759px){
  .Menu-List[data-shown="no"]{display:none}
  .Menu-Item{display:block;margin:0 0 10px;font-size:17px}
}

.Num-Mark{
  font-family:"Instrument Serif",Georgia,"Times New Roman",serif;
  font-size:34px;
  line-height:1;
  margin:0 0 20px;
  display:block;
}

.Lead-Para{margin:0 0 1em}
.Body-Para{margin:0 0 1.15em}
.Body-Para:last-of-type{margin-bottom:0}

.Place-Line{
  font-size:14px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin:14px 0 26px;
}

.Sort-Line{margin:26px 0 0}
.Slug-Line{
  font-family:"Instrument Serif",Georgia,"Times New Roman",serif;
  font-size:clamp(24px,3.6vw,38px);
  line-height:1.1;
  margin:0;
}

.Scale-Link{
  font-family:"Instrument Serif",Georgia,"Times New Roman",serif;
  font-size:clamp(21px,2.7vw,30px);
  line-height:1.12;
  text-decoration:none;
}
.Scale-Link:hover{text-decoration:underline}
.Scale-Note{
  font-size:13px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin:4px 0 0;
  opacity:.72;
}
.Scale-Rail{background:var(--Denim);padding:0}
.Band-Ice{background:var(--Denim);color:var(--Stone);height:25%;min-height:120px;padding:var(--Pad) 14px}
.Band-Cap{background:var(--Forest);color:var(--Stone);height:25%;min-height:120px;padding:var(--Pad) 14px}
.Band-Cas{background:var(--Ochre);color:var(--Ink);height:25%;min-height:120px;padding:var(--Pad) 14px}
.Band-Art{background:var(--Burnt);color:var(--Stone);height:25%;min-height:120px;padding:var(--Pad) 14px}

.Rule-Line{margin:0 0 .5em}
.Rule-Line:last-child{margin-bottom:0}

.Foot-Line{margin:0 0 .45em;font-size:15px}
.Foot-Copy{margin:14px 0 0;font-size:14px;text-align:center;opacity:.8}

.Form-Field{margin:0 0 18px}
.Form-Label{display:block;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px}
.Form-Input{font:inherit;width:100%;max-width:520px;padding:10px 12px;border:0;background:#E2E5E0;color:var(--Ink)}
.Form-Area{font:inherit;width:100%;max-width:640px;min-height:170px;padding:10px 12px;border:0;background:#E2E5E0;color:var(--Ink)}
.Form-Check{margin:0 0 22px;font-size:15px}
.Form-Send{font:inherit;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--Forest);color:var(--Stone);border:0;padding:12px 26px;cursor:pointer}

.Rub-Label{margin:0 0 46px}
.Rub-Last{margin:0}
.Name-Head + .Lead-Para{margin-top:24px}
.Name-Head + .Hero-Wide{margin-top:26px}
.Name-Head + .Hero-Seal{margin:26px calc(var(--Pad) * -1) 0}
.Hero-Seal + .Lead-Para{margin-top:22px}