@font-face{font-family:Gloock;src:url(/house/f/gloock-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Newsreader;src:url(/house/f/newsreader-400.woff2) format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:Newsreader;src:url(/house/f/newsreader-400-i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Karla;src:url(/house/f/karla-500.woff2) format("woff2");font-weight:500 700;font-display:swap}
:root{--wash:#f7f2e9;--clay:#b4532e;--sea:#1d4a66;--sage:#7f9274;--ink:#2a2420;--sand:#e9dfcd;--muted:#6f655b}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--wash);color:var(--ink);font:400 19px/1.65 Newsreader,Georgia,serif}
img{display:block;width:100%;height:auto}
a{color:var(--sea)}
.tileband{height:14px;background:repeating-linear-gradient(45deg,transparent 0 7px,rgba(29,74,102,.9) 7px 8px),repeating-linear-gradient(-45deg,transparent 0 7px,rgba(29,74,102,.9) 7px 8px),var(--sand)}
.eyebrow{font:700 11px Karla,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--clay);text-decoration:none}
.topstrip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 48px;flex-wrap:wrap}
.titlemark{font:400 30px/1 Gloock,serif;color:var(--ink);text-decoration:none}.titlemark span{color:var(--clay)}
.topstrip nav{display:flex;flex-wrap:wrap;gap:8px 24px;font:500 14px Karla,sans-serif}.topstrip nav a{color:var(--ink);text-decoration:none;border-bottom:2px solid transparent}.topstrip nav a:hover,.topstrip nav a[aria-current]{border-color:var(--clay)}
.arch{border-radius:340px 340px 14px 14px;overflow:hidden;box-shadow:0 0 0 10px var(--wash),0 0 0 11px var(--sand)}.arch img{height:100%;object-fit:cover}
.piccredit{font:italic 14px Newsreader;color:var(--muted);margin-top:12px;text-align:center}.piccredit a{color:var(--muted)}
.frontpiece{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:30px 48px 60px;max-width:1380px;margin:0 auto}
.frontpiece h1{font:400 clamp(2.6rem,5.4vw,5rem)/.98 Gloock,serif;margin:14px 0 22px}.frontpiece h1 i{color:var(--sea);font-style:normal}
.frontpiece p{font-size:21px;color:#4a413a;max-width:520px}.frontpiece .arch{height:600px}
.sections{background:var(--sea);color:#f3ede2;padding:56px 48px}
.sections .in{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(7,1fr);gap:18px}
.sections h2{grid-column:1/-1;font:400 38px Gloock;margin:0 0 10px;color:#fff}
.sec{border-top:2px solid var(--clay);padding-top:12px;color:#f3ede2;text-decoration:none}.sec b{display:block;font:700 13px Karla;letter-spacing:.12em;text-transform:uppercase}.sec span{font-size:15px;opacity:.85}
.spread{max-width:1380px;margin:0 auto;padding:64px 48px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}
.storycard{text-decoration:none;color:var(--ink);display:block}.storycard .picbox{height:280px;border-radius:10px;overflow:hidden}.storycard .picbox img{height:100%;object-fit:cover}
.storycard.feature .picbox{height:460px;border-radius:220px 220px 10px 10px}
.storycard h3{font:400 28px/1.12 Gloock;margin:12px 0 6px}.storycard.feature h3{font-size:40px}.storycard p{font-size:17px;color:#4a413a;margin:0}.storycard:hover h3{color:var(--clay)}
.storycard .eyebrow{display:block;margin-top:14px}
.row{max-width:1380px;margin:0 auto;padding:0 48px 64px}.row h2{font:400 36px Gloock;margin:0 0 22px;padding-top:26px;border-top:1px solid var(--sand)}
.row .cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.opener{max-width:1180px;margin:0 auto;padding:40px 24px 20px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}
.opener h1{font:400 clamp(2.4rem,4.8vw,4.2rem)/1.02 Gloock;margin:12px 0 18px}.sublede{font:italic 23px/1.45 Newsreader;color:#4a413a;margin:0}
.opener .arch{height:520px}
.deskline{font:500 13px Karla;color:var(--muted);margin-top:18px;letter-spacing:.04em}
.readcol{max-width:740px;margin:0 auto;padding:30px 24px 10px}
.readcol>p:first-of-type::first-letter{font:400 84px/.8 Gloock;float:left;margin:8px 10px 0 0;color:var(--clay)}
.readcol h2{font:400 34px/1.12 Gloock;margin:46px 0 12px}.readcol h3{font:700 15px Karla;letter-spacing:.08em;text-transform:uppercase;margin:30px 0 8px}
.readcol table{width:100%;border-collapse:collapse;font-size:16px;margin:20px 0}.readcol th{font:700 12px Karla;letter-spacing:.1em;text-transform:uppercase;text-align:left;border-bottom:2px solid var(--clay);padding:8px}.readcol td{border-bottom:1px solid var(--sand);padding:8px}
.readcol blockquote{margin:24px 0;padding-left:20px;border-left:3px solid var(--sand);font-style:italic}
.inpic{margin:34px 0}.inpic img{border-radius:10px}.inpic.arched{margin:44px -90px}.inpic.arched .arch{height:auto;aspect-ratio:3/2}
.quote{font:400 30px/1.25 Gloock;color:var(--sea);border-left:4px solid var(--sage);padding-left:22px;margin:38px 0}
.next{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;background:#fff;border:1px solid var(--sand);border-radius:14px;padding:14px;margin:36px 0;text-decoration:none;color:var(--ink)}
.next img{border-radius:80px 80px 8px 8px;height:120px;object-fit:cover}.next b{display:block;font:400 24px/1.15 Gloock}.next small{font:700 11px Karla;letter-spacing:.16em;text-transform:uppercase;color:var(--clay)}
.goodtoknow{background:#fff;border:1px solid var(--sand);border-radius:14px;padding:22px 26px;margin:40px 0;font-size:17px}.goodtoknow h2{font:700 12px Karla!important;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);margin:0 0 10px!important}
.goodtoknow dl{margin:0;display:grid;grid-template-columns:150px 1fr;gap:8px 18px}.goodtoknow dt{font:700 14px Karla}.goodtoknow dd{margin:0}
.stopbox{background:var(--sand);border-radius:14px;padding:22px 26px;margin:30px 0}.stopbox ol{list-style:none;margin:0;padding:0;counter-reset:s}
.stopbox li{counter-increment:s;display:grid;grid-template-columns:52px 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed #c9b99f}.stopbox li:last-child{border:0}
.stopbox li::before{content:counter(s);width:42px;height:42px;border-radius:50%;background:var(--clay);color:#fff;display:grid;place-items:center;font:400 21px Gloock}
.stopbox b{font:700 15px Karla;display:block}.stopbox span{font-size:16px;color:#4a413a}
.dayline,.years{margin:30px 0;border-left:3px solid var(--clay);padding-left:22px}.dayline div,.years div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:6px 0}.dayline b,.years b{font:400 22px Gloock;color:var(--clay)}
.numbered{counter-reset:n}.numbered h2{counter-increment:n}.numbered h2::before{content:counter(n,decimal-leading-zero) " ";color:var(--clay)}
.secopen{max-width:1380px;margin:0 auto;padding:40px 48px 10px}.secopen h1{font:400 clamp(2.6rem,5vw,4.4rem) Gloock;margin:10px 0}.secopen p{font-size:21px;color:#4a413a;max-width:720px}
.pagecol{max-width:740px;margin:0 auto;padding:40px 24px 70px}.pagecol h1{font:400 48px Gloock;margin:0 0 20px}.pagecol h2{font:400 30px Gloock;margin:36px 0 10px}
.creditlist li{margin:6px 0;font-size:15px}
.pagefoot{background:var(--ink);color:#d9cfbf;padding:44px 48px;font:500 14px Karla;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.pagefoot a{color:#d9cfbf;text-decoration:none;margin-left:18px}.pagefoot a:hover{color:#fff}
@media (max-width:980px){.frontpiece,.opener{grid-template-columns:1fr;gap:28px}.frontpiece .arch,.opener .arch{height:420px}.sections .in{grid-template-columns:1fr 1fr}.spread{grid-template-columns:1fr}.row .cards4{grid-template-columns:1fr 1fr}
.topstrip,.frontpiece,.sections,.spread,.row,.secopen{padding-left:20px;padding-right:20px}.inpic.arched{margin:34px 0}.pagefoot{padding:30px 20px}}
@media (max-width:560px){.row .cards4{grid-template-columns:1fr}.next{grid-template-columns:1fr}.goodtoknow dl{grid-template-columns:1fr}.frontpiece .arch,.opener .arch{height:340px}}
