
:root{
  --paper:#FBF9F6; --tint:#F2EEE8; --ink:#1F1B18; --soft:#6A615A; --line:#E6E0D8;
  --chestnut:#6E3B22; --btn:#1F1B18; --btn-ink:#FBF9F6; --bar:#F2EEE8;
  --serif:'Baskervville','Baskerville','Libre Baskerville',Georgia,serif;
  --sans:'Jost','Futura','Century Gothic','Helvetica Neue',Arial,sans-serif;
  --wrap:1320px;
}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.65;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
img{max-width:100%;display:block;background:var(--tint)}
a{color:inherit}
h1,h2,h3{font-weight:400;margin:0;text-wrap:balance;line-height:1.12}
p{margin:0;text-wrap:pretty}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto}
.bleed{margin-left:calc(-1*max(16px,env(safe-area-inset-left,0px)));margin-right:calc(-1*max(16px,env(safe-area-inset-right,0px)))}
.bleed-pad{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.caps{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase}
.ulink{font-family:var(--sans);font-size:13px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;background:none;border:0;padding:0;cursor:pointer;color:var(--ink);display:inline-block}
.ulink:hover{color:var(--soft)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 34px;font-family:var(--sans);font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;background:var(--btn);color:var(--btn-ink);border:1px solid var(--btn);cursor:pointer}
.btn:hover{opacity:.88}
.lede{font-size:20px;line-height:1.6;color:var(--ink);max-width:56ch}
.muted{color:var(--soft)}
.announce{background:var(--bar);text-align:center;padding-block:11px}
.announce p{font-family:var(--serif);font-size:15.5px;color:var(--soft)}
header.site{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}
.hbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:84px}
.hleft,.hright{display:flex;align-items:center;gap:6px}
.hright{justify-content:flex-end}
.icon{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;position:relative;text-decoration:none}
.icon svg{width:24px;height:24px;stroke:var(--ink);fill:none;stroke-width:1.3}
.count{position:absolute;top:6px;right:4px;min-width:17px;height:17px;border-radius:9px;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:10px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.logo{text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.logo b{font-family:var(--sans);font-weight:400;font-size:24px;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;padding-left:.24em}
.logo small{font-family:var(--sans);font-size:10px;letter-spacing:.38em;text-transform:uppercase;padding-left:.38em}
nav.main{border-top:1px solid var(--line)}
nav.main ul{list-style:none;margin:0 auto;padding:0;display:flex;justify-content:center;gap:40px;max-width:var(--wrap)}
nav.main a{display:block;font-family:var(--sans);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:15px 0 13px;border-bottom:1px solid transparent}
nav.main a:hover,nav.main a[aria-current="page"]{border-bottom-color:var(--ink)}
.menu-btn{display:none}
@media (max-width:900px){
  .menu-btn{display:inline-flex}
  nav.main{display:none}
  nav.main.open{display:block}
  nav.main ul{flex-direction:column;gap:0;padding-block:6px 14px}
  nav.main a{padding:14px 0;border-bottom:1px solid var(--line)}
  .logo b{font-size:14px;letter-spacing:.12em;padding-left:.12em}
  .logo small{font-size:8.5px;letter-spacing:.28em}
  .hbar{min-height:70px;gap:4px}
  .hide-sm{display:none!important}
}
.sec{padding-block:80px}
.sec.sm{padding-block:48px}
.title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:36px}
.h2{font-size:clamp(32px,3.8vw,46px)}
.h1{font-size:clamp(40px,5vw,62px)}
.hero img{width:100%;height:clamp(360px,52vw,700px);object-fit:cover;object-position:50% 58%}
.hero-copy{max-width:760px;padding-block:52px 24px;display:flex;flex-direction:column;gap:22px}
.hero-copy h1{font-size:clamp(42px,5.4vw,68px)}
.cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
@media (max-width:900px){.cats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cat{display:flex;flex-direction:column;gap:14px;align-items:flex-start;background:none;border:0;padding:0;cursor:pointer;text-align:left}
.cat img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:opacity .3s}
.cat:hover img{opacity:.9}
.cat span{font-family:var(--sans);font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 20px}
@media (max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}}
.card{position:relative;display:flex;flex-direction:column;min-width:0}
.card .open{display:flex;flex-direction:column;gap:6px;text-align:left;background:none;border:0;padding:0;cursor:pointer}
.card .ph{background:var(--tint);overflow:hidden;margin-bottom:10px}
.card img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .7s ease}
.card .open:hover img{transform:scale(1.025)}
.card .name{font-size:18px;line-height:1.35}
.card .meta{font-family:var(--sans);font-size:12.5px;letter-spacing:.04em;color:var(--soft)}
.heart{position:absolute;top:6px;right:6px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer}
.heart svg{width:22px;height:22px;stroke:#1F1B18;stroke-width:1.3;fill:rgba(251,249,246,.55)}
.heart[aria-pressed="true"] svg{fill:#1F1B18}
.tabs{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:40px;border-bottom:1px solid var(--line)}
.tab{background:none;border:0;border-bottom:1px solid transparent;margin-bottom:-1px;padding:12px 0;min-height:44px;font-family:var(--sans);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);cursor:pointer}
.tab[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.empty{padding:40px 0;color:var(--soft);font-size:19px}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.duo img{width:100%;aspect-ratio:4/5;object-fit:cover}
@media (max-width:620px){.duo{grid-template-columns:1fr}}
.edit-copy{max-width:720px;padding-top:44px;display:flex;flex-direction:column;gap:20px}
.feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:72px;align-items:center}
.feature img{width:100%;aspect-ratio:4/4.6;object-fit:cover}
.feature .copy{display:flex;flex-direction:column;gap:22px;max-width:480px}
@media (max-width:860px){.feature{grid-template-columns:1fr;gap:32px}}
.steps5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;border-top:1px solid var(--line);padding-top:32px}
.steps5 div{display:flex;flex-direction:column;gap:8px}
.steps5 h3{font-size:22px}
.steps5 p{font-size:15.5px;color:var(--soft);line-height:1.55}
@media (max-width:900px){.steps5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.steps5{grid-template-columns:1fr}}
.reviews{background:var(--tint)}
.quotes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
@media (max-width:1000px){.quotes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.quotes{grid-template-columns:1fr}}
.quotes figure{margin:0;display:flex;flex-direction:column;gap:12px}
.stars{font-family:var(--sans);font-size:13px;letter-spacing:.3em;color:var(--ink)}
.quotes blockquote{margin:0;font-size:19px;line-height:1.5}
.quotes figcaption{font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.jgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media (max-width:860px){.jgrid{grid-template-columns:1fr}}
.jcard{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.jcard img{width:100%;aspect-ratio:4/3;object-fit:cover}
.jcard h3{font-size:24px}
.jcard p{font-size:16px;color:var(--soft)}
.story-img{display:block;max-width:none;width:calc(100% + 2*max(16px,env(safe-area-inset-left,0px)));height:clamp(300px,42vw,600px);object-fit:cover;object-position:50% 62%}
.prose{max-width:64ch;display:flex;flex-direction:column;gap:22px}
.prose p{font-size:19px}
.two{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px}
@media (max-width:860px){.two{grid-template-columns:1fr;gap:28px}}
.pull{font-style:italic;font-size:clamp(24px,2.6vw,30px);line-height:1.4}
.infl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
@media (max-width:1000px){.infl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.infl{grid-template-columns:1fr}}
.infl div{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:8px}
.infl h3{font-size:22px}
.infl p{font-size:15.5px;color:var(--soft);line-height:1.55}
.palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media (max-width:620px){.palette{grid-template-columns:repeat(3,minmax(0,1fr))}}
.palette div{display:flex;flex-direction:column;gap:8px;font-family:var(--sans);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.palette i{display:block;height:72px;border:1px solid var(--line)}
.steps{list-style:none;margin:0;padding:0}
.steps li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:32px;padding:34px 0;border-top:1px solid var(--line)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps .n{font-size:40px;line-height:1;color:var(--soft);font-variant-numeric:lining-nums}
.steps h3{font-size:30px;margin-bottom:8px}
.steps p{font-size:18.5px;color:var(--soft);max-width:60ch}
@media (max-width:620px){.steps li{grid-template-columns:1fr;gap:8px}}
.pricing{background:var(--tint);padding:52px clamp(24px,5vw,72px);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px}
@media (max-width:760px){.pricing{grid-template-columns:1fr;gap:16px}}
details.post{border-top:1px solid var(--line);padding-block:32px}
details.post:last-of-type{border-bottom:1px solid var(--line)}
details.post summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:300px minmax(0,1fr);gap:44px;align-items:center}
details.post summary::-webkit-details-marker{display:none}
details.post summary img{width:100%;aspect-ratio:4/3;object-fit:cover}
details.post summary .t{display:flex;flex-direction:column;gap:12px}
details.post h3{font-size:clamp(26px,3vw,34px)}
details.post[open] .more{display:none}
details.post .body{display:flex;flex-direction:column;gap:18px;max-width:64ch;margin-left:344px;padding-top:28px}
details.post .body p{font-size:18.5px}
@media (max-width:760px){details.post summary{grid-template-columns:1fr;gap:20px}details.post .body{margin-left:0}}
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px}
@media (max-width:860px){.contact{grid-template-columns:1fr;gap:40px}}
.dl{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.dl div{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line)}
.dl dt{font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);align-self:center}
.dl dd{margin:0;font-size:19px;min-width:0;overflow-wrap:anywhere}
.todo{color:var(--chestnut)}
.enquiry{background:var(--tint);padding:22px 26px;display:flex;flex-direction:column;gap:8px}
.overlay{position:fixed;inset:0;z-index:50;background:rgba(20,16,13,.5);display:flex;justify-content:flex-end}
.panel{background:var(--paper);width:min(1000px,100%);height:100%;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.panel .pimg{background:var(--tint)}
.panel .pimg img{width:100%;height:100%;min-height:440px;object-fit:cover}
.panel .info{padding:64px 44px 48px;display:flex;flex-direction:column;gap:22px;position:relative}
.panel h2{font-size:clamp(30px,3.2vw,40px)}
.panel .close{position:absolute;top:14px;right:14px}
@media (max-width:760px){.panel{grid-template-columns:1fr;height:auto;max-height:100%}.panel .pimg img{min-height:0;aspect-ratio:1;height:auto}.panel .info{padding:40px 20px 48px}}
footer.site{background:var(--tint);margin-top:40px;padding-block:64px 36px}
.foot{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
@media (max-width:860px){.foot{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.foot{grid-template-columns:1fr}}
.foot h4{margin:0 0 14px;font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.foot a{font-size:16px;text-decoration:none;color:var(--soft)}
.foot a:hover{color:var(--ink);text-decoration:underline}
.fine{font-family:var(--sans);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
@media (prefers-reduced-motion:reduce){.card img,.cat img{transition:none}}

a.cat,a.jcard,.card a.open{text-decoration:none;color:inherit}
.card a.open{display:flex;flex-direction:column;gap:6px}
.crumbs{font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.crumbs a{text-decoration:none}
.pp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start}
.pp img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pp .info{display:flex;flex-direction:column;gap:22px}
@media (max-width:860px){.pp{grid-template-columns:1fr;gap:28px}}
article.post{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
article.post p{font-size:19px}
.post-hero{width:100%;aspect-ratio:16/9;object-fit:cover}
.lede-sm{font-size:18px;line-height:1.65;color:var(--soft);max-width:60ch}

.utility{background:var(--bar)}
.utility .row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:38px;gap:16px}
.utility p{font-size:15px;color:var(--soft);text-align:center}
.utility .links{display:flex;gap:24px;justify-content:flex-end}
.utility .links a{font-family:var(--sans);font-size:13px;letter-spacing:.04em;text-decoration:none;color:var(--ink)}
header.site{border-bottom:1px solid var(--line)}
.mainbar{display:flex;align-items:center;gap:40px;min-height:92px}
.logo-box{border:1px solid var(--ink);padding:10px 18px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;flex-shrink:0}
.logo-box b{font-family:var(--sans);font-weight:400;font-size:17px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;padding-left:.2em}
.logo-box small{font-family:var(--sans);font-size:8.5px;letter-spacing:.38em;text-transform:uppercase;padding-left:.38em}
nav.primary>ul{list-style:none;margin:0;padding:0;display:flex;gap:30px}
nav.primary>ul>li>a{display:block;font-family:var(--sans);font-size:15.5px;letter-spacing:.02em;text-decoration:none;padding:34px 0 32px;border-bottom:2px solid transparent}
nav.primary>ul>li>a:hover,nav.primary>ul>li>a[aria-current="page"],nav.primary .has-mega:hover>a,nav.primary .has-mega:focus-within>a{border-bottom-color:var(--ink)}
.icons{margin-left:auto;display:flex;gap:2px}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 18px 30px rgba(31,27,24,.07);display:none;padding-block:44px 52px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));z-index:40}
.has-mega:hover .mega,.has-mega:focus-within .mega{display:block}
.mega .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.1fr);gap:40px;max-width:var(--wrap);margin:0 auto}
.mega h4{font-family:var(--sans);font-weight:500;font-size:15.5px;margin:0 0 16px;color:var(--ink)}
.mega ul{list-style:none;margin:0 0 28px;padding:0}
.mega li a{display:block;font-family:var(--sans);font-size:15.5px;color:var(--soft);text-decoration:none;padding:7px 0}
.mega li a:hover{color:var(--ink)}
.mega .feat{background:var(--tint);display:flex;flex-direction:column;gap:12px;padding-bottom:18px;text-decoration:none}
.mega .feat img{width:100%;aspect-ratio:4/3.4;object-fit:cover}
.mega .feat span{padding:0 18px}
.mega .feat .t{font-size:26px}
@media (max-width:1060px){
  .utility .row{grid-template-columns:1fr}.utility .links,.utility .sp{display:none}
  .mainbar{gap:12px;min-height:72px;flex-wrap:wrap}
  .mainbar .menu-btn{display:inline-flex}
  nav.primary{display:none;width:100%;order:5}
  nav.primary.open{display:block;padding-bottom:12px}
  nav.primary>ul{flex-direction:column;gap:0}
  nav.primary>ul>li>a{padding:14px 0;border-bottom:1px solid var(--line)}
  .mega{display:none!important}
  .logo-box b{font-size:13px;letter-spacing:.14em}
  .logo-box small{font-size:7.5px;letter-spacing:.3em}
}
a.cat,a.jcard,.card a.open{text-decoration:none;color:inherit}
.crumbs{font-family:var(--sans);font-size:14px;color:var(--soft);display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.page-h1{font-size:clamp(48px,6vw,80px);line-height:1.02;margin-bottom:22px}
.intro{display:flex;flex-direction:column;gap:18px;max-width:820px}
.intro p{font-size:20px}
.quick{display:flex;gap:36px;flex-wrap:wrap;margin-top:6px}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--tint);margin-top:56px}
.tiles .t{padding:64px clamp(24px,5vw,72px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}
.tiles .t p{font-size:18px;color:var(--soft);max-width:44ch}
.tiles img{width:100%;height:100%;min-height:440px;object-fit:cover}
.tiles .t.alt{background:var(--paper);border:1px solid var(--line)}
.ic{width:60px;height:60px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center}
.ic svg{width:26px;height:26px;stroke:var(--paper);fill:none;stroke-width:1.4}
.tiles h2{font-size:clamp(32px,3.4vw,42px)}
@media (max-width:800px){.tiles{grid-template-columns:1fr}.tiles img{min-height:300px}.tiles .rev-img{order:-1}}
.faq{max-width:900px}
.faq details{border-top:1px solid var(--line);padding:22px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:21px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--sans);font-weight:300;font-size:26px;line-height:1}
.faq details[open] summary::after{content:"\2013"}
.faq details p{margin-top:14px;font-size:18px;color:var(--soft);max-width:70ch}
.rev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media (max-width:960px){.rev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.rev-grid{grid-template-columns:1fr}}
.rev{background:var(--tint);padding:40px 34px;display:flex;flex-direction:column;gap:16px}
.rev blockquote{margin:0;font-size:21px;line-height:1.5}
.rev .who{font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.pp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start}
.pp img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pp .info{display:flex;flex-direction:column;gap:22px}
@media (max-width:860px){.pp{grid-template-columns:1fr;gap:28px}}
article.post{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
article.post p{font-size:19px}
.post-hero{width:100%;aspect-ratio:16/9;object-fit:cover}
.lede-sm{font-size:18px;line-height:1.65;color:var(--soft);max-width:60ch}
.coming{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center}
.coming img{width:100%;aspect-ratio:4/4.4;object-fit:cover}
@media (max-width:860px){.coming{grid-template-columns:1fr;gap:32px}}
.pill{display:inline-block;border:1px solid var(--ink);padding:8px 16px;font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;align-self:flex-start}

.rev{margin:0}

.touch{margin-top:64px;display:flex;flex-direction:column;gap:28px}
.touch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
@media (max-width:1060px){.touch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.touch-grid{grid-template-columns:1fr}}
.way{background:var(--tint);padding:34px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;text-decoration:none;color:var(--ink);transition:background .2s}
.way:hover{background:#ECE6DD}
.way .ic{margin-bottom:6px}
.way .k{font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}
.way .v{font-size:20px;overflow-wrap:anywhere}
.way .d{font-size:15.5px;color:var(--soft)}
.foot .contact-list a{overflow-wrap:anywhere}

[id]{scroll-margin-top:120px}
.way .v{font-size:19px}
.way .v.sm{font-size:14.5px;font-family:var(--sans);letter-spacing:.01em;overflow-wrap:normal;word-break:break-all}
@media (min-width:1061px){.way .v.sm{word-break:normal}}

/* Logo: serif wordmark, no box */
.logo-box{border:0;padding:0;gap:5px;align-items:center}
.logo-box b{font-family:var(--serif);font-weight:400;font-size:31px;line-height:1;letter-spacing:.005em;text-transform:none;padding-left:0;color:var(--ink)}
.logo-box small{font-family:var(--sans);font-weight:400;font-size:9.5px;letter-spacing:.42em;text-transform:uppercase;padding-left:.42em;color:var(--soft)}
footer .logo-box{align-items:flex-start}
footer .logo-box small{padding-left:0}
@media (max-width:1060px){.logo-box b{font-size:23px;letter-spacing:0}.logo-box small{font-size:8px;letter-spacing:.34em;padding-left:.34em}}
