@import url("/assets/fonts.css");
:root{
  --orange:#FF6600;        /* brand accent, large graphic use only */
  --orange-ink:#C24700;    /* same hue, WCAG AA on white */
  --char:#1A1918;
  --char-2:#2E2C2B;
  --grey:#6E6C6A;
  --line:rgba(0,0,0,.12);
  --paper:#F6F4F1;
  --ease:cubic-bezier(.22,.8,.24,1);
  --maxw:1240px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#0B0B0C;color:#fff;
     line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:Archivo,Inter,system-ui,sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1.02}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 46px}
.kick{font:600 10.5px Inter,system-ui,sans-serif;letter-spacing:.26em;text-transform:uppercase;
      display:flex;align-items:flex-start;gap:14px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.kick:before{content:"";width:44px;height:2px;background:var(--orange);flex:none;margin-top:4px}
.light .kick,.kick.dark{color:var(--orange-ink);text-shadow:none}

/* ---------- chrome: horizontal bar ---------- */
.prog{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:0 50%;
      background:var(--orange);z-index:120;transition:transform .1s linear}

.bar{position:fixed;top:0;left:0;right:0;z-index:110;height:80px;display:flex;align-items:center;
  justify-content:space-between;gap:30px;padding:0 34px;border-bottom:1px solid transparent;
  background:linear-gradient(180deg,rgba(10,9,8,.58),rgba(10,9,8,0));
  transition:height .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease)}
body.on-light .bar{background:linear-gradient(180deg,rgba(246,244,241,.82),rgba(246,244,241,0))}
body.stuck .bar{height:66px;background:#0C0B0A;border-bottom-color:rgba(255,255,255,.11)}
body.stuck.on-light .bar{background:#fff;border-bottom-color:var(--line)}

.mark{position:relative;flex:none;width:138px;display:block;transition:width .35s var(--ease)}
body.stuck .mark{width:120px}
.mark img{display:block;width:100%;transition:opacity .4s var(--ease)}
.mark .rev{filter:drop-shadow(0 2px 10px rgba(0,0,0,.55))}
.mark .dark{position:absolute;top:0;left:0;opacity:0}
body.on-light .mark .dark{opacity:1}
body.on-light .mark .rev{opacity:0}

/* the bar itself */
.nav{display:flex;align-items:center;min-width:0}
.nav .lv1{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.nav .lv1>li{position:relative}
.nav .lv1>li>a{display:block;padding:9px 14px;font:600 12px Inter,sans-serif;letter-spacing:.13em;
  text-transform:uppercase;white-space:nowrap;color:rgba(255,255,255,.88);border-radius:2px;
  transition:color .22s,background .22s}
.nav .lv1>li>a:after{content:"";display:block;height:2px;margin-top:6px;background:var(--orange);
  transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--ease)}
.nav .lv1>li>a:hover{color:#fff}
.nav .lv1>li>a:hover:after,.nav .lv1>li>a[aria-current]:after,.nav .lv1>li>a.cur:after{transform:scaleX(1)}
.nav .lv1>li>a[aria-current],.nav .lv1>li>a.cur{color:var(--orange)}
body.on-light .nav .lv1>li>a{color:var(--char-2)}
body.on-light .nav .lv1>li>a:hover{color:var(--char)}
body.on-light .nav .lv1>li>a[aria-current],body.on-light .nav .lv1>li>a.cur{color:var(--orange-ink)}
body.on-light .nav .lv1>li>a:after{background:var(--orange-ink)}

.nav .lv1>li>a.cta{margin-left:12px;background:var(--orange-ink);color:#fff;padding:11px 20px;
  letter-spacing:.11em}
body.on-light .nav .lv1>li>a.cta{color:#fff}
.nav .lv1>li>a.cta:after{display:none}
.nav .lv1>li>a.cta:hover{background:var(--char)}
body.on-light .nav .lv1>li>a.cta:hover{color:#fff}

/* disciplines dropdown */
.nav .caret{display:none}
.nav .drop:before{content:"";position:absolute;left:0;right:0;top:100%;height:16px}
.nav .sub{position:absolute;top:calc(100% + 12px);left:-4px;min-width:274px;padding:10px;
  background:#141312;border:1px solid rgba(255,255,255,.13);border-radius:2px;
  box-shadow:0 26px 64px rgba(0,0,0,.45);
  opacity:0;visibility:hidden;transform:translateY(9px);
  transition:opacity .26s var(--ease),transform .26s var(--ease),visibility .26s}
.nav .drop:hover>.sub,.nav .drop:focus-within>.sub{opacity:1;visibility:visible;transform:none}
.nav .sub a{display:block;padding:10px 13px;font-size:14.5px;font-weight:500;border-radius:2px;
  color:rgba(255,255,255,.76);transition:background .2s,color .2s}
.nav .sub a:hover{background:rgba(255,255,255,.07);color:#fff}
.nav .sub a[aria-current]{color:var(--orange)}
.nav .meta{display:none}

/* ---------- panels ---------- */
.panel{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}
.panel.auto{min-height:0;padding:110px 0}
.inner{position:relative;z-index:3;width:100%;max-width:var(--maxw);margin:0 auto;padding:120px 46px}
.panel.auto .inner{padding:0 46px}
.bg{position:absolute;inset:-14% 0;z-index:0;will-change:transform}
.bg img{width:100%;height:100%;object-fit:cover}
.veil{position:absolute;inset:0;z-index:1}
.light{background:#fff;color:var(--char)}
.paper{background:var(--paper);color:var(--char)}

/* page hero (subpages) */
.phero{min-height:72svh;align-items:flex-end}
.phero .inner{padding-bottom:86px}
.phero .veil{background:linear-gradient(180deg,rgba(10,9,8,.66) 0%,rgba(10,9,8,.46) 34%,rgba(10,9,8,.72) 70%,rgba(10,9,8,.93) 100%)}
.phero h1{font-size:clamp(40px,6.4vw,86px);font-weight:800;margin-top:22px}
.phero p{font-size:clamp(16px,1.5vw,20px);max-width:640px;margin-top:22px;color:rgba(255,255,255,.9)}
.crumb{font:600 11px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;
       color:rgba(255,255,255,.6);margin-bottom:18px}
.crumb a:hover{color:#fff}

/* home hero */
#home{align-items:flex-end}
#home .inner{padding-bottom:158px}
#home .veil{background:linear-gradient(180deg,rgba(10,9,8,.66) 0%,rgba(10,9,8,.52) 28%,rgba(10,9,8,.70) 56%,rgba(10,9,8,.94) 100%)}
#home h1{font-size:clamp(52px,9.4vw,146px);font-weight:800;margin:26px 0 0}
#home h1 em{font-style:normal;color:var(--orange)}
#home .sub{font-size:clamp(16px,1.6vw,21px);max-width:620px;margin-top:30px;color:rgba(255,255,255,.9)}
.cue{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);z-index:4;text-align:center;
     font:600 9.5px Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.cue i{display:block;width:1px;height:52px;margin:12px auto 0;
       background:linear-gradient(180deg,rgba(255,255,255,.7),transparent);animation:drop 2.2s var(--ease) infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:0 0}45%{transform:scaleY(1);transform-origin:0 0}
                55%{transform:scaleY(1);transform-origin:0 100%}100%{transform:scaleY(0);transform-origin:0 100%}}

/* ethos lines */
.lines{margin-top:34px;max-width:1000px}
.lines .ln{display:block;overflow:hidden}
.lines .ln span{display:block;font-family:Archivo,sans-serif;font-weight:600;
  font-size:clamp(24px,3.5vw,50px);line-height:1.18;letter-spacing:-.028em;
  transform:translateY(105%);transition:transform 1s var(--ease)}
.lines.on .ln span{transform:none}
.lines.on .ln:nth-child(2) span{transition-delay:.09s}
.lines.on .ln:nth-child(3) span{transition-delay:.18s}
.lines.on .ln:nth-child(4) span{transition-delay:.27s}
.lede{margin-top:40px;max-width:660px;color:rgba(255,255,255,.72);font-size:16.5px}
.light .lede,.paper .lede{color:var(--grey)}

/* numbers */
.nums{display:grid;grid-template-columns:repeat(4,1fr);margin-top:56px;border-top:1px solid var(--line)}
.num{padding:44px 30px 0;border-right:1px solid var(--line)}
.num:last-child{border-right:0}
.num .v{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(40px,5.4vw,84px);letter-spacing:-.045em;line-height:1}
.num .v i{font-style:normal;color:var(--orange-ink)}
.num .l{font:500 12px Inter,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--grey);margin-top:18px;line-height:1.5;max-width:210px}

/* services: pinned horizontal on desktop, stack on mobile */
#work{background:#0B0B0C}
.pin{height:100svh;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:118px 0 34px}
.pin-head,.pin-note{max-width:var(--maxw);margin:0 auto;padding:0 46px;width:100%;flex:none}
.pin-head h2{font-size:clamp(30px,4.4vw,62px);margin-top:18px}
.pin-note{font:600 10px Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.track{display:flex;gap:26px;padding:44px 46px;will-change:transform}
.wcard{flex:0 0 clamp(250px,25vw,330px);position:relative}
.wcard .ph{position:relative;aspect-ratio:3/4;overflow:hidden;background:#17161a}
.wcard .ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.1s var(--ease)}
.wcard:hover .ph img{transform:scale(1.12)}
.wcard .no{position:absolute;top:14px;left:14px;z-index:2;font:600 10px Inter,sans-serif;letter-spacing:.18em;
  color:#fff;padding:5px 8px;border-radius:2px;background:rgba(10,9,8,.55);backdrop-filter:blur(3px)}
.wcard h3{font-size:20px;margin-top:20px;letter-spacing:-.015em}
.wcard p{color:rgba(255,255,255,.6);font-size:14.5px;margin-top:9px;line-height:1.55}
.wcard .go{margin-top:14px;font:600 11px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}

/* generic grid of cards (services index, related) */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 28px;margin-top:52px}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:2px;overflow:hidden;
      transition:box-shadow .3s,transform .3s var(--ease)}
.card:hover{box-shadow:0 18px 44px rgba(0,0,0,.10);transform:translateY(-2px)}
.card .ph{aspect-ratio:16/10;overflow:hidden;background:var(--paper)}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.card:hover .ph img{transform:scale(1.06)}
.card .bd{padding:22px 22px 24px}
.card h3{font-size:20px;color:var(--char);letter-spacing:-.018em}
.card p{color:var(--grey);font-size:14.5px;margin-top:9px;line-height:1.55}
.card .go{margin-top:14px;font:600 11px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-ink)}

/* prose (subpage body) */
.prose{max-width:760px}
.prose h2{font-size:clamp(26px,3.2vw,40px);margin:52px 0 18px;color:inherit}
.prose h2:first-child{margin-top:0}
.prose p{font-size:16.5px;margin-bottom:16px;color:var(--grey)}
.prose ul{margin:0 0 20px 0;list-style:none}
.prose li{position:relative;padding-left:24px;margin-bottom:11px;color:var(--grey);font-size:16px}
.prose li:before{content:"";position:absolute;left:0;top:11px;width:9px;height:2px;background:var(--orange)}
.prose strong{color:var(--char);font-weight:600}

/* listings */
.demo{display:inline-flex;align-items:center;gap:9px;background:rgba(194,71,0,.09);
  border:1px solid rgba(194,71,0,.32);color:var(--orange-ink);border-radius:2px;padding:9px 14px;
  font:600 10.5px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.demo b{width:6px;height:6px;border-radius:50%;background:var(--orange-ink);flex:none}
.filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:36px}
.filters button{font:600 12px Inter,sans-serif;padding:10px 18px;border-radius:2px;border:1px solid var(--line);
  background:transparent;color:var(--grey);cursor:pointer;transition:all .25s var(--ease)}
.filters button:hover{border-color:var(--char);color:var(--char)}
.filters button[aria-pressed="true"]{background:var(--char);border-color:var(--char);color:#fff}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 26px;margin-top:32px}
.lot{display:block;color:inherit;background:#fff;border:1px solid var(--line);border-radius:2px;
     overflow:hidden;transition:box-shadow .3s,transform .3s var(--ease)}
.lot:hover{box-shadow:0 18px 44px rgba(0,0,0,.10);transform:translateY(-3px)}
.lot.hide{display:none}
.lot .ph{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--paper)}
.lot .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.lot:hover .ph img{transform:scale(1.06)}
.lot .tag{position:absolute;top:12px;left:12px;background:rgba(10,9,8,.72);color:#fff;
  font:600 9.5px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:6px 10px;border-radius:2px}
.lot .st{position:absolute;top:12px;right:12px;background:var(--orange-ink);color:#fff;
  font:600 9.5px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:2px}
.lot .st.q{background:var(--char-2)}
.lot .bd{padding:20px}
.lot h3{font-size:18.5px;color:var(--char);line-height:1.25}
.lot .sub{color:var(--grey);font-size:13.5px;margin-top:6px}
.lot .fx{display:flex;gap:24px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.lot .fx .k{font:600 9px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--grey)}
.lot .fx .v{font-weight:600;font-size:14.5px;color:var(--char);margin-top:4px}
.note{margin-top:32px;font-size:13px;color:var(--grey);max-width:660px}
.lot .go{display:flex;align-items:center;gap:9px;margin-top:16px;font:600 10.5px Inter,sans-serif;
  letter-spacing:.17em;text-transform:uppercase;color:var(--orange-ink)}
.lot .go:after{content:"";height:1px;width:18px;background:currentColor;transition:width .3s var(--ease)}
.lot:hover .go:after{width:32px}

/* ---------- listing profile ---------- */
.sheet{display:grid;grid-template-columns:minmax(0,1fr) 366px;gap:64px;align-items:start;margin-top:44px}
.sheet .prose{max-width:none}
.prose p.big{font-size:clamp(19px,2vw,24px);line-height:1.5;color:var(--char);font-weight:500;
  letter-spacing:-.015em;margin-bottom:8px}
.side{position:sticky;top:98px}
.facts{border:1px solid var(--line);border-radius:2px;background:var(--paper)}
.facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;
  padding:14px 20px;border-bottom:1px solid var(--line)}
.facts>div:last-child{border-bottom:0}
.facts .k{font:600 10px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;
  color:var(--grey);flex:none}
.facts .v{font-weight:600;font-size:15px;color:var(--char);text-align:right}
.broker{margin-top:22px;border:1px solid var(--line);border-radius:2px;padding:24px 22px}
.broker .l{font:600 10px Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--grey)}
.broker .nm{font-family:Archivo,sans-serif;font-weight:700;font-size:21px;letter-spacing:-.02em;
  color:var(--char);margin-top:11px}
.broker .nm.n2{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.broker a{display:block;margin-top:9px;font-size:15.5px;font-weight:500;color:var(--orange-ink);
  transition:color .2s}
.broker a:hover{color:var(--char)}
.broker .btn{margin-top:20px;background:var(--orange-ink);color:#fff;text-align:center;
  font:600 12px Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase;padding:14px 18px;
  border-radius:2px;transition:background .25s}
.broker .btn:hover{background:var(--char);color:#fff}
.cred{display:flex;align-items:center;gap:13px;margin-top:20px}
.cred img{width:200px;height:auto;flex:none}
.cred span{font:600 10px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;
  color:var(--grey);line-height:1.6}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}
.gal figure{margin:0}
.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px;background:var(--paper)}
.gal figcaption{margin-top:10px;font:500 12.5px Inter,sans-serif;color:var(--grey)}
.back{display:inline-flex;align-items:center;gap:12px;margin-top:44px;font:600 11px Inter,sans-serif;
  letter-spacing:.17em;text-transform:uppercase;color:var(--char);transition:color .2s}
.back:before{content:"";height:1px;width:26px;background:var(--orange-ink);transition:width .3s var(--ease)}
.back:hover{color:var(--orange-ink)}
.back:hover:before{width:40px}
.phero .crumb a{text-decoration:none}

/* quote */
.quote{background:#141314}
.quote blockquote{font-family:Archivo,sans-serif;font-weight:600;font-size:clamp(23px,3.2vw,44px);
  line-height:1.26;letter-spacing:-.025em;max-width:1030px;margin-top:34px}
.quote .mk{color:var(--orange);font-size:72px;line-height:.5;display:block;margin-bottom:26px;font-family:Archivo,serif}
.quote cite{display:block;font-style:normal;margin-top:42px;font:500 15px Inter,sans-serif;color:rgba(255,255,255,.55);line-height:1.65}
.quote cite b{display:block;color:#fff;font-weight:600;font-size:16.5px}

/* people */
.ppl{display:grid;grid-template-columns:1fr 1fr;gap:54px;margin-top:56px}
.p{display:grid;grid-template-columns:210px 1fr;gap:30px;align-items:start}
.p .fr{overflow:hidden;background:var(--paper)}
.p .fr img{width:100%;height:262px;object-fit:cover;object-position:center top;filter:grayscale(1) contrast(1.05);
  transform:scale(1.14);transition:transform 1.2s var(--ease),filter .6s}
.p.on .fr img{transform:scale(1)}
.p:hover .fr img{filter:grayscale(0)}
.p h3{font-size:25px;color:var(--char)}
.p .role{font:600 11px Inter,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--orange-ink);margin-top:9px}
.p .bio{color:var(--grey);font-size:15px;margin-top:16px;line-height:1.62}
.p .ct{margin-top:20px;padding-top:17px;border-top:1px solid var(--line);font-size:15px}
.p .ct a{display:block;padding:3px 0;font-weight:500;color:var(--char);transition:color .2s}
.p .ct a:hover{color:var(--orange-ink)}

/* CTA band + footer */
.band{position:relative;overflow:hidden}
.band .veil{background:linear-gradient(180deg,rgba(8,8,9,.86),rgba(8,8,9,.93))}
.band h2{font-size:clamp(32px,5vw,72px);margin-top:22px;max-width:1000px}
.ways{display:flex;flex-wrap:wrap;gap:54px;margin-top:50px}
.way .l{font:600 10px Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.way a{display:block;font-size:19px;font-weight:500;margin-top:9px;transition:color .2s}
.way a:hover{color:var(--orange)}
footer{background:#0C0B0A;padding:56px 0 40px;font-size:13px;color:rgba(255,255,255,.45)}
footer .in{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer a:hover{color:#fff}
footer .lk{display:flex;gap:26px;flex-wrap:wrap}

.jump{position:fixed;right:28px;bottom:28px;z-index:90;background:var(--orange-ink);color:#fff;
  font:600 13px Inter,sans-serif;padding:14px 24px;border-radius:2px;box-shadow:0 10px 34px rgba(0,0,0,.28);
  transition:transform .3s var(--ease),background .3s,opacity .3s}
.jump:hover{transform:translateY(-2px);background:var(--char)}
body.at-end .jump{opacity:0;pointer-events:none}

.rail{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:2px;align-items:flex-end}
.rail a{display:flex;align-items:center;gap:11px;padding:7px 0;opacity:.55;transition:opacity .3s}
.rail a:hover,.rail a.act{opacity:1}
.rail .t{font:600 10.5px Inter,sans-serif;letter-spacing:.055em;text-transform:uppercase;color:#fff;
  opacity:0;transform:translateX(6px);transition:all .3s var(--ease);white-space:nowrap}
.rail a:hover .t,.rail a.act .t{opacity:1;transform:none}
body.on-light .rail .t{color:var(--char)}
.rail .d{width:22px;height:2px;background:#fff;flex:none;transition:all .3s var(--ease)}
body.on-light .rail .d{background:var(--char)}
.rail a.act .d{width:40px;background:var(--orange)}

.rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.on{opacity:1;transform:none}

@media(max-width:1024px){
  .wrap,.inner,.pin-head,.pin-note{padding-left:30px;padding-right:30px}
  .nums{grid-template-columns:1fr 1fr}
  .num{padding:34px 20px 26px;border-bottom:1px solid var(--line)}
  .num:nth-child(2n){border-right:0}
  .cards,.grid{grid-template-columns:1fr 1fr}
  .sheet{grid-template-columns:1fr;gap:46px}
  .side{position:static}
  .gal{grid-template-columns:1fr 1fr}
  .ppl{grid-template-columns:1fr;gap:44px}
  .rail{display:none}
}
@media(max-width:860px){
  /* still a horizontal bar, just stacked and scrollable */
  .bar,body.stuck .bar{height:auto;flex-direction:column;align-items:stretch;gap:0;padding:0}
  .bar .mark,body.stuck .bar .mark{width:116px;margin:11px 0 9px 18px}
  .nav{display:block;width:100%;border-top:1px solid rgba(255,255,255,.12)}
  body.on-light .nav{border-top-color:var(--line)}
  .nav .lv1{gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
    -webkit-overflow-scrolling:touch;padding:0 6px}
  .nav .lv1::-webkit-scrollbar{display:none}
  .nav .lv1>li{flex:none}
  .nav .lv1>li>a{padding:11px 8px 10px;font-size:11px;letter-spacing:.09em}
  .nav .lv1>li>a:after{margin-top:4px}
  /* the floating CTA already carries the orange, so Contact reads as a plain link here */
  .nav .lv1>li>a.cta,body.on-light .nav .lv1>li>a.cta{margin:0;padding:11px 8px 10px;
    background:none;font-size:11px;letter-spacing:.09em;color:rgba(255,255,255,.88)}
  body.on-light .nav .lv1>li>a.cta{color:var(--char-2)}
  .nav .lv1>li>a.cta:after{display:block}
  .nav .caret,.nav .sub,.nav .meta{display:none}
}
@media(max-width:760px){
  .wrap,.inner,.pin-head,.pin-note{padding-left:22px;padding-right:22px}
  .inner{padding-top:104px;padding-bottom:76px}
  #home .inner{padding-bottom:110px}
  .phero{min-height:66svh}
  .phero .inner{padding-bottom:56px}
  .panel.auto{padding:76px 0}
  .kick{font-size:10px;letter-spacing:.16em}
  .sm-hide{display:none}
  #home .veil{background:linear-gradient(180deg,rgba(10,9,8,.72) 0%,rgba(10,9,8,.64) 28%,rgba(10,9,8,.80) 56%,rgba(10,9,8,.95) 100%)}
  .cue{display:none}
  #work{min-height:0}
  .pin{height:auto;position:static;display:block;padding:80px 0}
  .track{flex-direction:column;gap:32px;padding:32px 22px;transform:none!important}
  .wcard{flex:none;width:100%}
  .wcard .ph{aspect-ratio:4/3}
  .cards,.grid{grid-template-columns:1fr;gap:22px}
  .gal{grid-template-columns:1fr;gap:22px}
  .facts>div{padding:13px 16px}
  .p{grid-template-columns:1fr;gap:18px}
  .p .fr{max-width:210px}
  .ways{gap:28px}
  .jump{right:16px;bottom:16px;padding:12px 18px;font-size:12px}
  footer .in{flex-direction:column;gap:16px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .rv,.p .fr img,.lines .ln span,.nav .lv1>li>a{opacity:1!important;transform:none!important}
  .bg{transform:none!important}
  .pin{height:auto;position:static;display:block;padding:90px 0}
  .track{flex-wrap:wrap;transform:none!important}
  .wcard{flex:0 0 300px}
}