:root{--ivory:#f0eee0;--ink:#191816;--stone:#d3d1c3;--serif:"Instrument Serif",Georgia,serif;--sans:"Instrument Sans",Helvetica,Arial,sans-serif;--m:clamp(18px,3vw,40px)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ivory);color:var(--ink);font:18px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}
img{display:block;max-width:100%;height:auto}
ul{list-style:none}
.mark{display:inline-flex;align-items:center;gap:.24em;font-family:var(--serif);letter-spacing:-.015em;line-height:1;white-space:nowrap;text-decoration:none}
.mark svg{width:1.14em;height:.52em;flex:none}
.top{display:flex;justify-content:space-between;align-items:center;padding:16px var(--m);background:var(--ivory)}
.top .mark{font-size:26px}
.top nav{display:flex;align-items:center;gap:22px;font-size:15px}
.top nav a{text-decoration:none}
.top .go{position:relative;display:flex;align-items:center;height:42px;background:var(--stone);color:var(--ink);padding:0 16px;transition:background .2s}
.top .go:hover{background:#e3e1d4}
.crumb{font-size:14px;margin-bottom:26px}
.crumb a{text-decoration:none}
.crumb a:hover{text-decoration:underline}
main>.crumb{padding:18px var(--m) 0;margin:0}
.head{padding:30px var(--m) 40px;max-width:1240px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(50px,8.6vw,132px);letter-spacing:-.04em;line-height:.98}
.head p{font-size:clamp(20px,2.2vw,26px);line-height:1.35;max-width:32em;margin-top:18px}
.wide{width:100%;height:auto}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4vw,56px);letter-spacing:-.025em;line-height:1.05}
h3{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.4vw,48px);letter-spacing:-.02em;line-height:1.05}
.prose{max-width:760px;margin:0 auto;padding:72px var(--m) 0}
.prose h2{margin:40px 0 12px}
.prose h2:first-child{margin-top:0}
.prose ul:not(.inline) li{margin-bottom:8px}
.inline{display:flex;flex-wrap:wrap;gap:8px 24px;margin:6px 0 16px}
.rows{padding:96px var(--m) 0;max-width:1320px;margin:0 auto}
.rows>h2{margin-bottom:40px}
.sr{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr);gap:clamp(24px,5vw,72px);align-items:center;margin-bottom:64px}
.sr.flip{grid-template-columns:minmax(0,4fr) minmax(0,5fr)}
.sr.flip img{order:2}
.sr p{font-size:20px;line-height:1.4;margin-top:10px;max-width:24em}
.ctaBand{margin-top:96px;background:var(--ink);color:var(--ivory);padding:clamp(56px,8vw,110px) var(--m);text-align:center}
.ctaBand p{margin:12px 0 26px}
.btn{position:relative;display:inline-flex;align-items:center;height:50px;background:var(--stone);color:var(--ink);padding:0 34px;font-size:15px;text-decoration:none;transition:background .2s}
.btn:hover{background:#e3e1d4}
.btn::after,.top .go::after{content:"";position:absolute;inset:-5px;pointer-events:none;--b:var(--ivory);--l:10px;background:
linear-gradient(var(--b),var(--b)) 0 0/var(--l) 1px,linear-gradient(var(--b),var(--b)) 0 0/1px var(--l),
linear-gradient(var(--b),var(--b)) 100% 0/var(--l) 1px,linear-gradient(var(--b),var(--b)) 100% 0/1px var(--l),
linear-gradient(var(--b),var(--b)) 0 100%/var(--l) 1px,linear-gradient(var(--b),var(--b)) 0 100%/1px var(--l),
linear-gradient(var(--b),var(--b)) 100% 100%/var(--l) 1px,linear-gradient(var(--b),var(--b)) 100% 100%/1px var(--l);background-repeat:no-repeat}
.top .go::after{--b:var(--ink)}
.splash{min-height:min(82vh,760px);background-size:cover;background-position:center;padding:24px var(--m) 56px;display:flex;flex-direction:column}
.splash h1{margin-top:auto;max-width:12em}
.splash p{font-size:clamp(20px,2.2vw,26px);margin-top:14px;max-width:30em}
.wallWrap{padding:80px 0 0}
.wallWrap h2{padding:0 var(--m);margin-bottom:28px}
.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,50%),1fr))}
.wall li{aspect-ratio:1.2;padding:14px 16px;font-size:16px;display:flex;align-items:flex-end;background-size:300px}
.who{padding:88px var(--m) 0}
.who h2{margin-bottom:28px}
.who>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
figcaption{font-size:16px;padding-top:9px}
.faq{max-width:760px;margin:0 auto;padding:84px var(--m) 0}
.faq h2{margin-bottom:22px}
.faq h3{font-size:27px;margin:24px 0 6px}
.tiles{padding:40px var(--m) 0}
.tiles h2{margin-bottom:22px}
.tiles>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tile{position:relative;display:block;overflow:hidden;text-decoration:none}
.tile img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.tile:hover img{transform:scale(1.04)}
.tile span{display:block;font-family:var(--serif);font-size:32px;letter-spacing:-.02em;padding-top:8px}
.wideT img{aspect-ratio:3/2}
.end{margin-top:0;background:var(--ink);color:var(--ivory);padding:64px var(--m) 24px}
main+.end{margin-top:96px}
.ctaBand~.prose+.end{margin-top:0}
.endTop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;font-size:16px}
.endTop h2{font-size:24px;margin-bottom:12px}
.endTop li{margin-bottom:6px}
.endTop a{text-decoration:none}
.endTop a:hover{text-decoration:underline}
.big{display:flex;justify-content:center;gap:.2em;font-size:clamp(46px,12.6vw,200px);letter-spacing:-.045em;padding:56px 0 40px}
.endBot{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.by{display:flex;align-items:center;gap:12px;text-decoration:none}
.by img{height:34px;width:auto}
@media (max-width:760px){
  body{font-size:17px}
  .top .mark{font-size:22px}.top nav{gap:12px;font-size:14px}.top .go{height:36px;padding:0 10px}
  .sr,.sr.flip{grid-template-columns:1fr;gap:14px;margin-bottom:44px}
  .sr.flip img{order:0}
  .who>div,.tiles>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .endTop{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile img{transition:none}}