:root{
  --honed:#F3F0EA; --paper:#FAF8F4; --ink:#1B1A18; --ink-2:#4A4741; --stone:#8C877F; --line:#DAD5CC;
  --viola:#4A2732; --brass:#A9854E; --brass-d:#7C6034;
  --ease:cubic-bezier(.2,.7,.1,1);
  --pad:20px; --maxw:1240px;
  --disp:"Marcellus", "Times New Roman", serif; --text:"Manrope", system-ui, -apple-system, sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--text);overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:100;border-radius:4px}
.skip:focus{left:8px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
h1,h2,h3{font-family:var(--disp);font-weight:400;letter-spacing:.01em;line-height:1.08;margin:0}
.eyebrow{font:600 11px/1.3 var(--text);letter-spacing:.22em;text-transform:uppercase;color:var(--stone);margin:0 0 14px}
.lede{font-size:18px;color:var(--ink-2);max-width:34em}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font:600 14px/1 var(--text);letter-spacing:.04em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.btn-solid{background:var(--ink);color:#fff}
.btn-solid:hover{background:var(--viola)}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{background:var(--honed)}
.btn-ghost{border-color:currentColor;color:inherit;background:transparent}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn svg{width:16px;height:16px}

/* header */
.site-head{position:fixed;inset:0 0 auto 0;z-index:50;color:#fff;transition:background-color .35s,color .35s}
.site-head::before{content:"";position:absolute;inset:0 0 -40px 0;background:linear-gradient(rgba(17,16,14,.55),rgba(17,16,14,0));pointer-events:none;transition:opacity .35s}
.site-head .bar{position:relative;display:flex;align-items:center;justify-content:space-between;height:64px;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-mark{width:26px;height:26px;flex:none}
.brand-word{font:400 17px/1 var(--disp);letter-spacing:.28em;white-space:nowrap}
.nav{display:flex;align-items:center;gap:6px}
.nav a.link{display:none;text-decoration:none;font:500 14px/1 var(--text);letter-spacing:.06em;padding:14px 12px;opacity:.9}
.nav a.link:hover,.nav a.link[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.nav .btn{min-height:40px;padding:0 16px;font-size:13px}
.menu-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:inherit;cursor:pointer;padding:0}
.menu-btn span{position:relative;width:20px;height:1px;background:currentColor;display:block}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0;width:20px;height:1px;background:currentColor;transition:transform .3s var(--ease)}
.menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}
.menu-open .menu-btn span{background:transparent}
.menu-open .menu-btn span::before{transform:translateY(6px) rotate(45deg)}
.menu-open .menu-btn span::after{transform:translateY(-6px) rotate(-45deg)}
.site-head.solid,.menu-open .site-head{background:var(--paper);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.site-head.solid::before,.menu-open .site-head::before{opacity:0}
.site-head.solid .btn-light,.menu-open .site-head .btn-light{background:var(--ink);color:#fff}
.drawer{position:fixed;inset:64px 0 auto 0;background:var(--paper);color:var(--ink);z-index:49;padding:8px var(--pad) 28px;border-bottom:1px solid var(--line);transform:translateY(-12px);opacity:0;visibility:hidden;transition:opacity .3s,transform .3s var(--ease),visibility 0s .3s}
.menu-open .drawer{opacity:1;transform:none;visibility:visible;transition:opacity .3s,transform .3s var(--ease)}
.drawer a{display:flex;justify-content:space-between;align-items:center;min-height:56px;border-bottom:1px solid var(--line);text-decoration:none;font:400 26px/1 var(--disp)}
.drawer a small{font:500 12px/1 var(--text);letter-spacing:.14em;color:var(--stone);text-transform:uppercase}
.drawer .drawer-call{margin-top:18px;border:0;font:600 15px/1 var(--text);justify-content:center;gap:10px;color:#fff}
@media (min-width:860px){
  :root{--pad:40px}
  .nav a.link{display:inline-block}
  .menu-btn,.drawer{display:none}
  .brand-word{font-size:19px}
}

/* hero: the book */
.hero{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:#151412;color:#fff}
.hero-media{position:absolute;inset:0}
.hero-media img,.hero-media video,.hero-media .hs-fb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hs-vid,.hs-fb{opacity:0;transition:opacity .7s}
.hs-vid.hs-on,.hs-fb.hs-on{opacity:1}
.hero-media{transform:scale(1.06);transition:transform 3.4s var(--ease)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,14,12,.25) 0%,rgba(15,14,12,0) 30%,rgba(15,14,12,0) 45%,rgba(15,14,12,.78) 100%)}
.book{position:absolute;inset:0;perspective:1300px;perspective-origin:50% 50%;pointer-events:none;z-index:2}
.leaf{position:absolute;top:0;bottom:0;width:50.2%;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform 1.9s cubic-bezier(.55,.02,.18,1),opacity .6s 1.5s}
.leaf.l{left:0;transform-origin:0 50%}
.leaf.r{right:0;transform-origin:100% 50%}
.face{position:absolute;inset:0;background:#d9d4cc url(../img/slab-m.jpg) 0 50%/cover no-repeat}
.leaf.l .face{transform:scaleX(-1)}
.leaf .dim{position:absolute;inset:0;background:#0d0c0b;opacity:0;transition:opacity 1.9s cubic-bezier(.55,.02,.18,1)}
.leaf.l .dim{background:linear-gradient(90deg,rgba(13,12,11,.2),#0d0c0b)}
.leaf.r .dim{background:linear-gradient(270deg,rgba(13,12,11,.2),#0d0c0b)}
.leaf .edge{position:absolute;top:0;bottom:0;width:14px;background:linear-gradient(90deg,#cfc9bf,#efebe4 50%,#bdb6ab)}
.leaf.l .edge{right:0;transform-origin:100% 50%;transform:rotateY(90deg)}
.leaf.r .edge{left:0;transform-origin:0 50%;transform:rotateY(-90deg)}
.seam{position:absolute;top:0;bottom:0;left:50%;width:1px;margin-left:-.5px;background:rgba(40,30,30,.35);box-shadow:1px 0 0 rgba(255,255,255,.35);z-index:3;transition:opacity .4s}
.rake{position:absolute;top:-10%;bottom:-10%;left:0;width:70%;z-index:3;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,250,240,.0) 30%,rgba(255,250,240,.42) 48%,rgba(255,255,255,.6) 50%,rgba(255,250,240,.42) 52%,rgba(255,250,240,0) 70%,rgba(255,255,255,0) 100%);mix-blend-mode:soft-light;transform:translateX(-110%) skewX(-8deg);opacity:0}
.rake.two{width:40%;mix-blend-mode:overlay;background:linear-gradient(100deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 65%)}
.slab-tag{position:absolute;left:50%;bottom:9vh;bottom:9svh;z-index:4;transform:translateX(-50%);font:600 10px/1.4 var(--text);letter-spacing:.26em;text-transform:uppercase;color:rgba(30,22,24,.75);background:rgba(250,248,244,.86);padding:9px 14px;white-space:nowrap;transition:opacity .5s}
.hero-copy{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:0 var(--pad) max(34px,env(safe-area-inset-bottom));max-width:var(--maxw);margin:0 auto}
.hero-copy .kicker{font:600 11px/1.5 var(--text);letter-spacing:.24em;text-transform:uppercase;margin:0 0 14px;color:rgba(255,255,255,.86)}
.hero h1{font-size:clamp(44px,12.4vw,104px);line-height:.98;margin:0 0 26px;max-width:9.5em}
.hero h1 .w{display:inline-block}
.hero-ctas{display:flex;flex-wrap:wrap;gap:10px}
.hero-copy .kicker,.hero h1 .w,.hero-ctas{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .home .site-head{opacity:0;transition:opacity .8s,background-color .35s,color .35s}

/* sequence */
.go .rake{animation:rake 1.6s .25s cubic-bezier(.45,0,.3,1) forwards}
.go .rake.two{animation-delay:.45s}
@keyframes rake{0%{opacity:0;transform:translateX(-110%) skewX(-8deg)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(160%) skewX(-8deg)}}
.go .seam,.go .slab-tag{opacity:0;transition-delay:1.55s}
.go .leaf{transition-delay:1.6s}
.go .leaf.l{transform:rotateY(98deg);opacity:0;transition:transform 1.9s 1.6s cubic-bezier(.55,.02,.18,1),opacity .5s 3.05s}
.go .leaf.r{transform:rotateY(-98deg);opacity:0;transition:transform 1.9s 1.6s cubic-bezier(.55,.02,.18,1),opacity .5s 3.05s}
.go .leaf .dim{opacity:.9;transition-delay:1.6s}
.go .hero-media{transform:scale(1);transition-delay:1.7s}
.go .hero-copy .kicker{opacity:1;transform:none;transition-delay:2.7s}
.go .hero h1 .w{opacity:1;transform:none}
.go .hero h1 .w:nth-child(1){transition-delay:2.85s}.go .hero h1 .w:nth-child(2){transition-delay:2.97s}.go .hero h1 .w:nth-child(3){transition-delay:3.09s}.go .hero h1 .w:nth-child(4){transition-delay:3.21s}
.go .hero-ctas{opacity:1;transform:none;transition-delay:3.4s}
.go .site-head,.no-hero .site-head{opacity:1;transition-delay:2.5s}
.no-hero .site-head{transition-delay:0s}
.done .book{display:none}

/* desktop: the open book stays, kitchen in the gutter */
@media (min-width:860px){
  .hero-media{left:50%;right:auto;width:min(56.25vh,46vw);transform:translateX(-50%) scale(1.06)}
  .go .hero-media{transform:translateX(-50%) scale(1)}
  .face{background-image:url(../img/slab-d.jpg);background-position:0 50%}
  .go .leaf.l{transform:rotateY(81deg);opacity:1}
  .go .leaf.r{transform:rotateY(-81deg);opacity:1}
  .go .leaf .dim{opacity:.58}
  .hero-copy .kicker{max-width:calc(min(56.25vh,46vw) - 40px)}
  .kicker .k1{display:none}
  .done .book{display:block}
  .hero-shade{background:linear-gradient(180deg,rgba(15,14,12,.35) 0%,rgba(15,14,12,0) 25%,rgba(15,14,12,0) 50%,rgba(15,14,12,.72) 100%)}
  .hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}
  .hero h1{font-size:clamp(44px,4vw,64px);max-width:8em}
  .hero-ctas{justify-content:center}
}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  .book .rake{display:none}
  .hero-media,.go .hero-media{transition:none;transform:none}
  .js .site-head{opacity:1}
  .hero-copy .kicker,.hero h1 .w,.hero-ctas{opacity:1;transform:none;transition:none}
  .leaf,.leaf .dim,.seam,.slab-tag{transition:none!important}
  .book{display:none}
}
@media (prefers-reduced-motion:reduce) and (min-width:860px){
  .hero-media,.go .hero-media{transform:translateX(-50%)}
  .book{display:block}
  .leaf.l{transform:rotateY(81deg)} .leaf.r{transform:rotateY(-81deg)}
  .leaf .dim{opacity:.58}
  .seam,.slab-tag{display:none}
}

/* sections */
section{position:relative}
.band{padding:84px 0}
.seam-line{width:1px;height:64px;background:var(--line);margin:0 auto 34px}
.intro{text-align:center}
.intro h2{font-size:clamp(40px,9vw,68px);margin-bottom:20px}
.intro .lede{margin:0 auto}
.stones{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0;margin:30px auto 0;max-width:720px}
.stones li{font:500 12px/1 var(--text);letter-spacing:.08em;border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--ink-2)}

/* rail of work types */
.rail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}
.rail-head h2{font-size:clamp(32px,7vw,52px)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);padding:0 var(--pad) 8px;margin:0 calc(var(--pad) * -1);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rail::-webkit-scrollbar{display:none}
.card{scroll-snap-align:start;text-decoration:none;display:block}
.card .ph{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--honed)}
.card img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.card:hover img{transform:scale(1.03)}
.card h3{font-size:22px;margin:14px 0 4px}
.card p{margin:0;color:var(--stone);font-size:14px}
@media (min-width:860px){.rail{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible;margin:0;padding:0;gap:28px 24px}}

/* slab tags */
.tag{position:absolute;left:10px;bottom:10px;background:rgba(250,248,244,.93);color:var(--ink);padding:7px 10px 6px;font:600 9.5px/1.35 var(--text);letter-spacing:.18em;text-transform:uppercase;max-width:calc(100% - 20px)}
.tag b{display:block;font:400 13px/1.2 var(--disp);letter-spacing:.06em;text-transform:none;margin-top:2px}

/* dark signature band */
.dark{background:#161513;color:#F3F0EA}
.dark .eyebrow{color:#A49C90}
.dark .lede{color:#C9C2B7}
.sig h2{font-size:clamp(36px,8vw,60px);margin-bottom:14px}
.sig-grid{display:grid;gap:18px;margin-top:34px;grid-template-columns:1fr 1fr}
.clip{margin:0}
.clip .box{position:relative;aspect-ratio:9/16;overflow:hidden;background:#222}
.clip .box img,.clip .box video,.clip .box .hs-fb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clip figcaption{margin-top:12px;font-size:13px;color:#BDB5A9;line-height:1.45}
.clip figcaption b{display:block;font:400 18px/1.2 var(--disp);color:#F3F0EA;margin-bottom:2px}
@media (min-width:860px){.sig .wrap{display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:center}.sig-grid{margin-top:0;gap:24px}}

/* reviews */
.reviews h2{font-size:clamp(34px,7.5vw,54px);margin-bottom:30px}
.quotes{display:grid;gap:0;border-top:1px solid var(--line)}
.quote{margin:0;padding:26px 0;border-bottom:1px solid var(--line)}
.quote p{font:400 22px/1.35 var(--disp);margin:0 0 12px}
.quote cite{font:600 11px/1.4 var(--text);letter-spacing:.18em;text-transform:uppercase;color:var(--stone);font-style:normal}
.yelp{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:14px;color:var(--ink-2)}
.yelp a{min-height:44px;display:inline-flex;align-items:center}
@media (min-width:860px){.quotes{grid-template-columns:repeat(3,1fr);gap:0 40px;border-top:0}.quote{border-top:1px solid var(--ink);border-bottom:0}}

/* CTA */
.cta{position:relative;overflow:hidden;color:#fff;background:#1B1A18;text-align:center;padding:96px 0}
.cta-bg{position:absolute;inset:0;display:flex}
.cta-bg i{flex:1;background:url(../img/slab-d.jpg) 0 50%/cover;opacity:.32}
.cta-bg i:first-child{transform:scaleX(-1)}
.cta .wrap{position:relative}
.cta h2{font-size:clamp(38px,9vw,66px);margin-bottom:16px}
.cta p{color:#E6E0D6;max-width:30em;margin:0 auto 28px}
.cta .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}

/* footer */
.site-foot{background:var(--paper);border-top:1px solid var(--line);padding:56px 0 34px;font-size:14px;color:var(--ink-2)}
.foot-grid{display:grid;gap:30px}
.site-foot h3{font-size:24px;letter-spacing:.2em;color:var(--ink);margin-bottom:10px}
.site-foot a{text-decoration:none}
.site-foot a:hover{text-decoration:underline}
.site-foot ul{list-style:none;padding:0;margin:0}
.site-foot li a{display:inline-flex;align-items:center;min-height:40px}
.site-foot .fine{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;color:var(--stone)}
@media (min-width:860px){.foot-grid{grid-template-columns:2fr 1fr 1fr 1.3fr}}

/* inner pages */
.page-head{padding:132px 0 40px;background:var(--paper)}
.page-head h1{font-size:clamp(46px,11vw,92px);margin-bottom:16px}
.page-head .lede{margin:0}
.inner .site-head{color:var(--ink)}
.inner .site-head::before{opacity:0}
.inner .site-head .btn-light{background:var(--ink);color:#fff}

/* work page */
.filters{display:flex;gap:8px;overflow-x:auto;padding:0 var(--pad) 4px;margin:0 calc(var(--pad) * -1) 28px;scrollbar-width:none}
.filters::-webkit-scrollbar{display:none}
.filters button{flex:none;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:transparent;font:500 13px/1 var(--text);letter-spacing:.04em;color:var(--ink-2);cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid figure{margin:0;position:relative}
.grid .ph{position:relative;aspect-ratio:9/16;overflow:hidden;background:var(--honed)}
.grid img{width:100%;height:100%;object-fit:cover}
.grid figure[hidden]{display:none}
.grid figcaption{font-size:13px;color:var(--ink-2);margin-top:8px;line-height:1.4}
@media (min-width:700px){.grid{grid-template-columns:repeat(3,1fr);gap:20px}}
@media (min-width:1100px){.grid{grid-template-columns:repeat(4,1fr)}}

/* about */
.split{display:grid;gap:30px;align-items:center}
.split .ph{position:relative;aspect-ratio:4/5;overflow:hidden}
.split .ph img{width:100%;height:100%;object-fit:cover}
.split h2{font-size:clamp(34px,7vw,52px);margin-bottom:16px}
@media (min-width:860px){.split{grid-template-columns:1fr 1fr;gap:70px}.split.rev .ph{order:2}}
.steps{list-style:none;padding:0;margin:0;counter-reset:s;border-top:1px solid var(--line)}
.steps li{counter-increment:s;display:grid;grid-template-columns:54px 1fr;gap:6px 14px;padding:22px 0;border-bottom:1px solid var(--line)}
.steps li::before{content:counter(s,upper-roman);font:400 26px/1 var(--disp);color:var(--brass-d);grid-row:span 2}
.steps h3{font-size:22px}
.steps p{margin:0;color:var(--ink-2);font-size:15px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:30px}
.facts div{background:var(--paper);padding:18px}
.facts dt{font:600 10px/1.3 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--stone);margin-bottom:6px}
.facts dd{margin:0;font:400 18px/1.3 var(--disp)}
.facts dl{margin:0}

/* project builder */
.builder{display:grid;gap:34px}
@media (min-width:980px){.builder{grid-template-columns:1.25fr .9fr;gap:60px;align-items:start}.ticket-wrap{position:sticky;top:96px}}
fieldset{border:0;margin:0 0 30px;padding:0}
legend{font:400 26px/1.15 var(--disp);margin-bottom:6px;padding:0}
legend span{font:600 11px/1 var(--text);letter-spacing:.2em;color:var(--brass-d);display:block;margin-bottom:10px}
.hint{font-size:14px;color:var(--stone);margin:0 0 14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip label{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;font:500 14px/1.2 var(--text);cursor:pointer;background:#fff;transition:background-color .2s,border-color .2s,color .2s}
.chip input:checked+label{background:var(--ink);border-color:var(--ink);color:#fff}
.chip input:focus-visible+label{outline:2px solid var(--brass);outline-offset:2px}
.field{display:block;margin-bottom:14px}
.field span{display:block;font:600 11px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;min-height:48px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:12px 14px;font:400 16px/1.4 var(--text);color:var(--ink)}
.field textarea{min-height:110px;resize:vertical}
.two{display:grid;gap:0 14px}
@media (min-width:600px){.two{grid-template-columns:1fr 1fr}}
.ticket{position:relative;background:#fff;border:1px solid var(--line);padding:26px 22px 22px}
.ticket::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:url(../img/slab-d.jpg) center/cover}
.ticket h2{font-size:28px;margin:6px 0 4px}
.ticket .sub{font-size:13px;color:var(--stone);margin:0 0 16px}
.ticket dl{margin:0 0 18px;border-top:1px dashed var(--line)}
.ticket dl div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:14px}
.ticket dt{font:600 10px/1.6 var(--text);letter-spacing:.18em;text-transform:uppercase;color:var(--stone)}
.ticket dd{margin:0;color:var(--ink)}
.ticket dd.empty{color:#A8A197}
.ticket .actions{display:grid;gap:10px}
.ticket .actions .btn{width:100%}
.ticket .note{font-size:12px;color:var(--stone);margin:12px 0 0}
.status{min-height:20px;font-size:13px;color:var(--brass-d);margin-top:8px}

/* reveal */
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2{text-wrap:balance}
.bm{margin:44px auto 0;max-width:760px}
.bm .ph{aspect-ratio:640/340;overflow:hidden;background:var(--honed)}
.bm img{width:100%;height:100%;object-fit:cover}
.bm figcaption{font-size:13px;color:var(--stone);margin-top:10px}
.facts dl{background:var(--paper);padding:16px;margin:0;min-width:0}
.facts dd{overflow-wrap:anywhere}
.nav .btn{white-space:nowrap}
@media (max-width:420px){
  .brand{gap:8px}.brand-mark{width:22px;height:22px}
  .brand-word{font-size:14px;letter-spacing:.2em}
  .nav{gap:2px}
  .nav .btn{min-height:38px;padding:0 13px;font-size:12px;letter-spacing:.02em}
}
@media (max-width:359px){.brand-word{letter-spacing:.12em}}
.js .home.go .site-head{opacity:1;transition-delay:2.5s,0s,0s}
.js .home.no-hero .site-head{transition-delay:0s}
@media (prefers-reduced-motion:reduce){.js .home .site-head{opacity:1;transition:none}}