:root{
  --meadow-module-spread-cap:64px;
  --meadow-gadget-stature:44px;
  --meadow-trough:clamp(var(--meadow-trough-minimum), 4vw, var(--meadow-trough-cap));
  --arc-images:10px;
  --sheet:#F5F1ED;
  --meadow-trough-minimum:24px;
  --meadow-assortment-spread-minimum:24px;
  --colour:#B9823F;
  --meadow-flank-cap:260px;
  --meadow-flexible-inner:clamp(16px, 4vw, 40px);
  --middle:"Inter", "Helvetica Neue", Arial, sans-serif;
  --meadow-assortment-spread-cap:40px;
  --pen-2:#6F6353;
  --pen:#2C2418;
  --face:#FFFDFB;
  --row:#E4D9CC;
  --arc:8px;
  --meadow-leeway-quantum:8px;
  --meadow-marquee-steering-spread:18px;
  --meadow-marquee-steering-minimum-stature:40px;
  --meadow-stuff-cap:1240px;
  --monitor-inline:100vw;
  --meadow-trough-cap:56px;
  --colour-pale:#E8C9A3;
  --pen-pale:#6A5E4F;
  --sash:#EDE5DC;
  --row-2:#D4C3AD;
  --penumbra:0 10px 30px rgba(44, 36, 24, .08);
  --meadow-marquee-steering-cap-stature:56px;
  --touch-period:140ms;
  --meadow-assortment-spread:clamp(var(--meadow-assortment-spread-minimum), 2vw, min(32px, var(--meadow-assortment-spread-cap)));
  --show:"Playfair Display", Georgia, serif;
  --meadow-highlight:#B9823F;
  --meadow-flank-minimum:200px
}

*,
*:before,
*:after{ box-sizing:border-box }

html{
  -webkit-text-size-adjust:100%;
  scrollbar-color:var(--meadow-highlight) var(--sash)
}

::-webkit-scrollbar{
  height:10px;
  width:10px
}

::-webkit-scrollbar-track{ background:var(--sash) }

::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:var(--meadow-highlight)
}

body{
  color:var(--pen);
  background:var(--sheet);
  font:400 15px/1.6 var(--middle);
  margin:0
}

body.is-stuck{ overflow:hidden }

[hidden]{ display:none !important }

img{
  display:block;
  max-width:100%;
  height:auto
}

a{
  transition:color var(--touch-period) ease, text-underline-offset var(--touch-period) ease, text-decoration-color var(--touch-period) ease;
  text-decoration:none;
  color:var(--pen)
}

a:hover{
  color:var(--colour);
  text-decoration:underline;
  text-decoration-color:var(--colour);
  text-underline-offset:6px
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible{
  outline:2px solid var(--colour);
  outline-offset:2px
}

h1,
h2,
h3{
  font-family:var(--show);
  margin:0;
  color:#1A1612
}

p{ margin:0 }

.sr-only,
.break:not(:focus){
  border:0;
  overflow:hidden;
  white-space:nowrap;
  height:1px;
  width:1px;
  position:absolute;
  padding:0;
  clip:rect(0 0 0 0);
  margin:-1px
}

.break:focus{
  position:fixed;
  z-index:100;
  top:8px;
  left:8px;
  padding:8px 14px;
  background:var(--face)
}

.graphic{
  height:18px;
  flex:none;
  width:18px
}

.strap{
  text-transform:uppercase;
  color:#7A4F1C;
  letter-spacing:.16em;
  font:600 11px/1.4 var(--middle)
}

.show{
  font-family:var(--show);
  font-weight:800;
  letter-spacing:-0.02em;
  line-height:1.05
}

.hull{
  display:flex;
  min-height:100vh;
  flex-direction:column
}

.main{
  padding-inline:var(--meadow-trough);
  margin-inline:auto;
  max-width:var(--meadow-stuff-cap);
  flex:1 0 auto;
  width:100%
}


.pushbutton,
.attribute{
  border-radius:var(--arc);
  min-height:var(--meadow-gadget-stature);
  font:500 14px/1.2 var(--middle)
}

.pushbutton{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 18px;
  color:var(--pen);
  background:var(--face);
  border:1px solid var(--row-2);
  cursor:pointer;
  transition:background var(--touch-period) ease, color var(--touch-period) ease, border-color var(--touch-period) ease
}

.pushbutton:hover{
  border-color:var(--pen);
  text-decoration:none;
  color:var(--face);
  background:var(--pen)
}

.pushbutton-noir{
  border-color:var(--pen);
  background:var(--pen);
  color:var(--face)
}

.pushbutton-noir:hover{
  color:var(--pen);
  background:var(--face)
}

.attribute{
  padding:0 14px;
  width:100%;
  border:1px solid var(--row-2);
  color:var(--pen);
  background:var(--face)
}

.attribute:focus-visible{
  outline:2px solid var(--colour);
  outline-offset:1px;
  border-color:var(--colour)
}

textarea.attribute{
  padding:12px 14px;
  resize:vertical;
  min-height:120px
}


.crown{
  background:rgba(245, 241, 237, .94);
  z-index:40;
  position:relative;
  backdrop-filter:none;
  border-bottom:1px solid var(--row)
}

.crown-rank{
  position:relative;
  align-items:center;
  max-width:var(--meadow-stuff-cap);
  min-height:80px;
  padding-inline:var(--meadow-trough);
  z-index:2;
  margin-inline:auto;
  gap:24px;
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto
}

.monogram{
  padding-bottom:4px;
  align-items:center;
  gap:12px;
  min-width:0;
  display:inline-flex;
  border-bottom:2px solid var(--colour-pale)
}

.monogram:hover{
  color:var(--pen);
  text-decoration:none
}

.monogram-emblem{
  width:40px;
  aspect-ratio:1 / 1;
  flex:none;
  height:40px
}

.monogram-nick{
  font:800 22px/1 var(--show);
  white-space:nowrap;
  color:#1A1612;
  letter-spacing:-0.01em
}

.crown-board{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:0
}

.yellowpages-compass{
  display:flex;
  align-items:center;
  flex:0 1 auto;
  min-width:0;
  gap:var(--meadow-marquee-steering-spread);
  min-height:var(--meadow-marquee-steering-minimum-stature);
  max-height:var(--meadow-marquee-steering-cap-stature)
}

.yellowpages-jumps{
  margin:0;
  display:flex;
  align-items:center;
  gap:var(--meadow-marquee-steering-spread);
  list-style:none;
  padding:0
}

.yellowpages-jumps li{
  position:relative;
  align-items:center;
  flex:0 1 auto;
  min-width:0;
  display:flex
}

.yellowpages-jumps li + li:before{
  content:"·";
  position:absolute;
  left:-12px;
  top:50%;
  transform:translateY(-50%);
  color:var(--colour);
  pointer-events:none
}

.yellowpages-jumps a{
  color:var(--pen);
  border-bottom:2px solid transparent;
  font:400 13px/1.15 var(--middle);
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 2px
}

@media (min-width: 600px){
  .yellowpages-jumps a{
    text-wrap:balance;
    max-width:10.5em
  }
}

.yellowpages-jumps a:hover,
.yellowpages-jumps a:focus-visible,
.yellowpages-jumps li:hover a,
.yellowpages-compass a:hover{
  text-decoration:none;
  color:var(--colour);
  border-bottom-color:var(--colour);
  font-weight:700
}

.yellowpages-terminal{
  width:1px;
  background:var(--row-2);
  height:24px;
  display:block
}

.board-geo,
.board-gauze{ display:none }

.crown-dispatcher{
  display:flex;
  gap:16px;
  align-items:center
}

.milieu{
  align-items:center;
  gap:12px;
  display:flex
}

.realm-circumstance{
  align-items:center;
  gap:8px;
  font:500 13px/1 var(--middle);
  color:var(--pen-2);
  display:inline-flex
}

.signal{
  height:10px;
  background:var(--colour);
  width:10px;
  box-shadow:0 0 0 3px var(--colour-pale);
  border-radius:50%
}

.place-onset{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:var(--meadow-gadget-stature);
  padding:0 16px 0 14px;
  font:500 14px/1 var(--middle);
  color:var(--pen);
  background:var(--face);
  border:1px solid var(--row-2);
  border-radius:999px;
  cursor:pointer;
  transition:background var(--touch-period) ease, color var(--touch-period) ease, border-color var(--touch-period) ease
}

.place-onset:hover{
  color:var(--face);
  border-color:var(--pen);
  background:var(--pen)
}

.place-bullet{
  width:8px;
  background:var(--colour);
  border-radius:50%;
  height:8px
}

.place-knob{
  letter-spacing:.1em;
  text-transform:uppercase;
  border-left:1px solid var(--row-2);
  color:var(--colour);
  padding-left:10px;
  font-size:12px;
  display:none
}

.place-onset:hover .place-knob{ color:var(--colour-pale) }

.board-flipper{
  display:none;
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  color:var(--pen);
  background:var(--face);
  border:1px solid var(--row-2);
  border-radius:var(--arc);
  cursor:pointer
}

.board-flipper .graphic{
  height:22px;
  width:22px
}


.statement{
  border-bottom:1px solid var(--row);
  background:linear-gradient(180deg, var(--sash) 0%, var(--sheet) 100%)
}

.statement-writing{
  margin-inline:auto;
  padding:clamp(40px, 7vh, 72px) var(--meadow-trough) clamp(32px, 5vh, 56px);
  display:grid;
  justify-items:start;
  max-width:1100px;
  gap:28px
}

.statement-hairline{
  max-width:18ch;
  font:800 clamp(34px, 5vw, 66px)/1.02 var(--show);
  letter-spacing:-0.025em;
  color:#1A1612
}

.statement-hairline::first-letter{ color:var(--colour) }


.inventory{ padding-block:32px var(--meadow-module-spread-cap) }

.curtain{
  grid-template-columns:minmax(0, 1fr) minmax(280px, 34%);
  padding-bottom:24px;
  gap:32px;
  border-bottom:1px solid var(--row-2);
  display:grid;
  align-items:start
}

.curtain-banner h1{
  max-width:22ch;
  font-size:clamp(40px, 3.6vw, 48px)
}

.curtain-sidefacts{
  margin-top:10px;
  color:var(--pen-pale);
  font:500 14px/1.4 var(--middle)
}

.curtain-sidefacts [data-titlebar-tally]{
  font-weight:600;
  color:var(--pen)
}

.curtain-welcome{
  color:var(--pen-2);
  max-width:60ch;
  margin-top:12px
}

.curtain-sidelight{
  gap:12px;
  display:flex;
  padding-top:6px;
  align-items:center
}

.thread-seek{
  flex:0 1 300px;
  margin-left:auto
}

.persona-seek{
  gap:8px;
  display:flex;
  flex:1 1 auto
}

.search-submit span{ display:none }

.search-submit{
  flex:none;
  padding:0;
  width:44px
}

.sort-lever{ display:none }


.sort-tray{ margin-top:24px }

.sort-tray-ribbon{ display:none }

.facets-adapter{
  gap:12px;
  display:grid
}

.facets-serial{
  display:flex;
  gap:12px;
  align-items:center
}

.facets-strap{
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--pen-pale);
  font:600 11px/1.4 var(--middle)
}

.popup-mesh{
  gap:8px;
  align-items:start;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr))
}

.menu{
  min-width:0;
  position:relative
}

.board-lever{
  display:grid;
  width:100%;
  min-height:48px;
  padding:8px 12px;
  grid-template-columns:1fr auto;
  align-items:center;
  color:var(--pen);
  background:var(--face);
  border:1px solid var(--row);
  border-radius:11px;
  cursor:pointer;
  text-align:left;
  transition:border-color var(--touch-period) ease, box-shadow var(--touch-period) ease, background var(--touch-period) ease
}

.board-sticker{
  display:block;
  letter-spacing:.06em;
  text-transform:uppercase;
  font:600 11px/1.3 var(--middle)
}

.board-again{
  color:var(--pen);
  height:25px;
  border-radius:50%;
  transition:transform var(--touch-period) ease;
  width:25px;
  display:block;
  position:relative;
  background:var(--colour-pale)
}

.board-again:before,
.board-again:after{
  position:absolute;
  top:50%;
  left:50%;
  width:10px;
  height:1.5px;
  content:"";
  background:currentColor;
  border-radius:99px;
  transform:translate(-50%, -50%)
}

.board-again:after{ transform:translate(-50%, -50%) rotate(90deg) }

.board-lever[aria-expanded="true"] .board-again{ transform:rotate(45deg) }

.board-lever:hover{
  box-shadow:0 7px 15px rgba(44, 36, 24, .07);
  border-color:var(--colour)
}

.board-slab{
  position:absolute;
  z-index:20;
  left:0;
  right:0;
  display:grid;
  gap:4px;
  margin-top:5px;
  padding:8px;
  max-height:320px;
  overflow-y:auto;
  background:var(--face);
  border:1px solid var(--row);
  border-radius:11px;
  box-shadow:0 14px 30px rgba(44, 36, 24, .14)
}

.board-slab a{
  scroll-margin-top:120px;
  transition:background var(--touch-period) ease, color var(--touch-period) ease;
  font-size:14px;
  border-radius:7px;
  padding:8px 10px;
  display:block
}

.board-slab a:hover{
  text-decoration:none;
  background:var(--sash)
}

.entry-jumps{
  gap:8px;
  flex-wrap:wrap;
  display:flex
}

.entry-jumps a{
  padding:8px 0;
  color:var(--pen-2);
  font:500 13px/1 var(--middle)
}


.pane{
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:clamp(var(--meadow-assortment-spread-minimum), 2vw, min(32px, var(--meadow-assortment-spread-cap)));
  margin-top:32px;
  display:grid
}

.nil-pane{
  text-align:center;
  color:var(--pen-2);
  padding:48px 0
}

.nil-banner{
  color:var(--pen);
  font:700 24px/1.2 var(--show);
  margin-bottom:8px
}

.card{
  min-width:0;
  transition:border-color var(--touch-period) ease;
  max-width:400px;
  font-family:var(--middle);
  position:relative;
  width:100%
}

.plaque-adapter{ display:contents }

.pane .card.k8{
  background:var(--face);
  box-shadow:var(--penumbra);
  border-radius:10px;
  padding-bottom:10px
}

.pane .card.k8 .upper{ padding-inline:10px }

.pane .card.k8 .images{
  border:0;
  border-radius:10px 10px 0 0
}

.pane .card.k8 .images img{
  object-fit:contain;
  border-radius:10px 10px 0 0
}

.card .images{
  display:block;
  min-width:0;
  border:1px solid var(--row);
  border-radius:var(--arc-images);
  overflow:hidden;
  transition:border-color var(--touch-period) ease
}

.card .images img{
  height:auto;
  object-fit:contain;
  border-radius:var(--arc-images);
  width:100%
}

.card:hover .images{ border-color:var(--colour) }

.card .upper{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:calc(var(--meadow-leeway-quantum) + 2px) 2px 0
}

.upper-credentials{
  min-width:0;
  align-items:baseline;
  flex-wrap:wrap;
  gap:6px 10px;
  display:flex
}

.card .name{
  font:400 17px/1.1 var(--show);
  color:var(--pen);
  margin:0
}

.card .name a{ color:inherit }

.card .price{
  font-variant-numeric:tabular-nums;
  color:var(--pen-2);
  font-weight:400;
  font-size:13px;
  white-space:nowrap
}

.validated-lozenge{
  white-space:nowrap;
  vertical-align:middle;
  text-transform:uppercase;
  border-radius:3px;
  background:var(--colour-pale);
  padding:3px 7px;
  font:600 10px/1.2 var(--middle);
  color:#2C2418;
  display:inline-block;
  letter-spacing:.08em
}

.card .move{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  min-height:36px;
  color:var(--pen);
  cursor:pointer;
  background:none;
  border:1px solid var(--row-2);
  border-radius:50%;
  padding:0;
  transition:background var(--touch-period) ease, color var(--touch-period) ease, border-color var(--touch-period) ease
}

.card .move .graphic{
  height:15px;
  width:15px
}

.card .move:hover{
  border-color:var(--pen);
  background:var(--pen);
  color:var(--face)
}


.paging{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  margin-top:48px
}

.paging-aperture{
  gap:6px;
  display:flex
}

.paging-num,
.paging-quantum{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  padding:0 10px;
  font:500 14px/1 var(--middle);
  color:var(--pen-2);
  border-radius:var(--arc);
  border:1px solid transparent;
  transition:border-color var(--touch-period) ease, color var(--touch-period) ease
}

.paging-num:hover,
.paging-quantum:hover{
  color:var(--pen);
  text-decoration:none;
  border-color:var(--colour)
}

.paging-num.is-current{
  background:var(--pen);
  border-color:var(--pen);
  color:var(--face)
}

.paging-quantum.is-muted{ opacity:.35 }


.salon{
  margin-top:8px;
  margin-bottom:var(--meadow-module-spread-cap)
}

.salon-mount{
  display:grid;
  grid-template-columns:minmax(0, min(50%, calc(62vh * 1764 / 1176))) minmax(0, 1fr);
  align-items:stretch;
  gap:0;
  padding:0;
  overflow:hidden;
  background:var(--face);
  border:1px solid var(--row-2);
  border-radius:14px;
  box-shadow:var(--penumbra)
}

.salon-images{
  align-items:center;
  padding:14px;
  display:flex;
  margin:0;
  background:var(--sash)
}

.salon-mount .salon-images img{
  width:100%;
  height:auto;
  aspect-ratio:1764 / 1176;
  max-height:calc(62vh - 28px);
  object-fit:cover;
  object-position:51% 67%;
  border:4px solid var(--face);
  border-radius:6px;
  box-shadow:0 16px 36px rgba(44, 36, 24, .22);
  display:block;
  margin-inline:auto
}

.salon-writing{
  display:grid;
  align-content:center;
  gap:18px;
  justify-items:start;
  padding:32px clamp(24px, 4vw, 56px)
}

.salon-strap{
  letter-spacing:.16em;
  color:var(--colour);
  text-transform:uppercase;
  font:600 11px/1.4 var(--middle)
}

.salon-front{
  color:#1A1612;
  font:700 clamp(22px, 2.4vw, 32px)/1.2 var(--show)
}


.writeup-sash{
  border-top:1px solid var(--row-2);
  background:var(--sash)
}

.writeup-interior{
  margin-inline:auto;
  max-width:var(--meadow-stuff-cap);
  padding:12px var(--meadow-trough) 14px
}

.writeup-sash p{
  font-size:14px;
  line-height:21px;
  color:var(--pen-2);
  margin:0 0 6px
}

.writeup-sash .strap{
  font-size:12px;
  display:block
}

.writeup-start h2{
  margin-top:2px;
  font-size:clamp(20px, 2.4vw, 30px);
  font-weight:700;
  line-height:1.15
}

.writeup-half{
  gap:32px;
  grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);
  display:grid;
  margin-top:8px
}

.writeup-middle p{
  font-size:14px;
  line-height:21px;
  color:var(--pen-2);
  margin-bottom:10px
}

.writeup-instalment{
  border-left:2px solid var(--colour);
  padding-left:20px
}

.writeup-instalment h3{
  margin-bottom:6px;
  font-size:17px
}

.writeup-instalment p{
  font-size:14px;
  line-height:21px;
  color:var(--pen-2)
}


.basement{
  border-top:1px solid var(--row-2);
  background:var(--sheet)
}

.basement-heap{
  padding:22px var(--meadow-trough) 16px;
  max-width:var(--meadow-stuff-cap);
  text-align:center;
  margin-inline:auto;
  display:grid;
  gap:10px;
  justify-items:center
}

.basement-monogram{
  gap:6px;
  justify-items:center;
  display:grid
}

.basement-monogram img{
  height:32px;
  width:32px
}

.basement-nick{ font:800 18px/1 var(--show) }

.basement-promise{
  color:var(--pen-pale);
  font-size:13px
}

.basement-compass,
.basement-regions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  font-size:13px;
  gap:6px 20px
}

.basement-regions a{ color:var(--pen-2) }

.basement-geo{
  display:inline-flex;
  gap:6px;
  color:var(--pen-2);
  font-size:13px;
  align-items:center
}

.basement-geo .graphic{
  height:15px;
  width:15px;
  color:var(--colour)
}

.basement-regulatory{
  color:var(--pen-pale);
  font-size:12px;
  width:100%;
  padding-top:10px;
  border-top:1px solid var(--row)
}


.place-socket,
.mob-socket,
.cinema{
  position:fixed;
  inset:0;
  z-index:80;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px
}

.place-gauze,
.mob-gauze,
.cinema-gauze,
.sort-gauze{
  inset:0;
  background:rgba(44, 36, 24, .5);
  position:absolute
}

.mob-gauze{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px)
}

.place-slab{
  display:flex;
  max-height:min(78vh, 760px);
  margin-inline:auto;
  flex-direction:column;
  overflow:hidden;
  position:relative;
  border-radius:14px;
  background:var(--face);
  box-shadow:0 30px 80px rgba(44, 36, 24, .3);
  width:min(880px, 80vw)
}

.place-start{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 24px;
  border-bottom:1px solid var(--row)
}

.place-banner{
  font-size:22px;
  font-weight:700
}

.place-collapse,
.mob-collapse,
.cinema-collapse,
.sort-collapse{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:40px;
  min-height:40px;
  padding:0 10px;
  color:var(--pen);
  background:var(--face);
  border:1px solid var(--row-2);
  border-radius:var(--arc);
  cursor:pointer;
  font:500 13px/1 var(--middle);
  transition:background var(--touch-period) ease, color var(--touch-period) ease
}

.place-collapse:hover,
.mob-collapse:hover,
.cinema-collapse:hover,
.sort-collapse:hover{
  color:var(--face);
  background:var(--pen)
}

.place-half{
  flex:1 1 auto;
  display:grid;
  grid-template-columns:clamp(var(--meadow-flank-minimum), 240px, var(--meadow-flank-cap)) minmax(0, 1fr);
  min-height:0
}

.place-circumstance{
  align-content:start;
  padding:24px;
  gap:14px;
  display:grid;
  color:var(--pen);
  background:var(--sash)
}

.place-realm{ font:700 18px/1.2 var(--show) }

.place-running strong{
  display:block;
  font-weight:600;
  margin-top:4px
}

.place-middle{
  flex-direction:column;
  display:flex;
  min-height:0
}

.place-seek{
  border-bottom:1px solid var(--row);
  padding:16px 24px
}

.place-schedule{
  scrollbar-color:var(--meadow-highlight) var(--sash);
  padding:12px 24px 24px;
  overflow-y:auto
}

.place-gathering{ padding-top:12px }

.place-initial{
  color:var(--colour);
  font:700 13px/1 var(--show);
  border-bottom:1px solid var(--row);
  padding-bottom:6px
}

.place-jumps{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  display:grid;
  padding-top:6px;
  gap:2px 16px
}

.place-jumps a{
  display:block;
  font-size:14px;
  color:var(--pen);
  border-radius:6px;
  transition:background var(--touch-period) ease;
  padding:7px 8px
}

.place-jumps a:hover{
  text-decoration:none;
  background:var(--sash)
}

.place-jumps a[aria-current="page"]{
  color:var(--colour);
  font-weight:600
}


.mob-tile{
  display:grid;
  justify-items:center;
  background:var(--face);
  padding:56px 32px 36px;
  border-radius:14px;
  position:relative;
  gap:16px;
  box-shadow:0 30px 80px rgba(44, 36, 24, .3);
  width:min(420px, 100%)
}

.mob-collapse{
  position:absolute;
  top:12px;
  right:12px
}

.mob-credentials{
  justify-items:center;
  display:grid;
  gap:12px
}

.mob-snap{
  width:180px;
  height:auto;
  aspect-ratio:3 / 4;
  object-fit:cover;
  border-radius:10px;
  border:1px solid var(--row)
}

.mob-nick{ font:700 22px/1.2 var(--show) }

.mob-num{
  font:800 clamp(28px, 7vw, 34px)/1.1 var(--show);
  white-space:nowrap;
  color:var(--pen);
  letter-spacing:.01em
}

.mob-num:hover{ color:var(--colour) }


.offering-view{
  padding:48px 0 var(--meadow-module-spread-cap);
  margin-inline:auto;
  max-width:760px;
  color:var(--pen)
}

.offering-view h1{
  margin-bottom:20px;
  font-size:clamp(30px, 3.4vw, 44px)
}

.offering-view p{
  line-height:1.7;
  margin-bottom:16px
}


.binder{ padding-bottom:var(--meadow-module-spread-cap) }

.thread{
  padding:12px 0 16px;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:var(--pen-pale);
  display:flex;
  flex-wrap:wrap
}

.thread a{ color:var(--pen-2) }

.binder-mesh{
  display:grid;
  gap:36px;
  align-items:start;
  grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr)
}

.binder-images{
  gap:20px;
  display:grid
}

.paired{
  display:grid;
  gap:10px;
  grid-template-columns:repeat(2, minmax(0, 1fr))
}

.paired-piece{
  min-width:0;
  margin:0
}

.paired-lever{
  display:block;
  width:100%;
  padding:0;
  background:none;
  border:1px solid var(--row);
  border-radius:var(--arc-images);
  overflow:hidden;
  cursor:zoom-in;
  transition:border-color var(--touch-period) ease
}

.paired-lever:hover{ border-color:var(--colour) }

.paired-lever img{
  width:100%;
  height:auto;
  max-height:70vh;
  object-fit:contain;
  object-position:top;
  display:block
}

.overview{
  grid-template-columns:140px minmax(0, 1fr);
  gap:24px;
  margin-top:8px;
  display:grid
}

.instalment-sticker{
  text-transform:uppercase;
  color:#7A4F1C;
  font:600 12px/1.6 var(--middle);
  padding-top:4px;
  letter-spacing:.16em;
  border-top:2px solid var(--colour)
}

.overview-middle p{
  margin-bottom:14px;
  color:var(--pen-2);
  line-height:1.75
}

.binder-numbers{
  gap:14px;
  display:grid
}

.credentials h1{ font-size:clamp(32px, 3.6vw, 48px) }

.credentials .validated-lozenge{
  font-size:11px;
  top:-6px;
  position:relative;
  vertical-align:middle
}

.liaison{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px
}

.slab{
  padding:16px 18px;
  background:var(--face);
  border:1px solid var(--row);
  border-radius:12px;
  box-shadow:var(--penumbra)
}

.slab-banner{
  font-size:20px;
  font-weight:700;
  padding-bottom:10px;
  margin-bottom:14px;
  border-bottom:2px solid var(--colour-pale)
}

.definition-mesh{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin:0;
  display:grid
}

.definition{
  display:grid;
  gap:2px;
  padding:10px 12px;
  border:1px solid var(--row);
  border-radius:8px
}

.definition dt{
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--pen-pale);
  font:600 10px/1.4 var(--middle)
}

.definition dd{
  font:700 15px/1.3 var(--show);
  margin:0
}

.banded{ display:grid }

.sash{
  gap:12px;
  grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
  display:grid;
  padding:10px 12px;
  font-size:14px
}

.sash:nth-child(even){
  border-radius:6px;
  background:var(--sash)
}

.sash-start{
  font:600 10px/1.4 var(--middle);
  text-transform:uppercase;
  color:var(--pen-pale);
  letter-spacing:.12em
}

.sash-artwork{
  font-variant-numeric:tabular-nums;
  font-weight:600;
  text-align:right
}

.tag-wrap{
  flex-wrap:wrap;
  gap:8px;
  display:flex
}

.lozenge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  font-size:13px;
  color:var(--pen);
  border:1px solid var(--row-2);
  border-radius:999px;
  transition:background var(--touch-period) ease, color var(--touch-period) ease
}

a.lozenge:hover{
  color:var(--face);
  text-decoration:none;
  background:var(--pen)
}

.segment-schedule{
  margin:0;
  display:grid;
  gap:8px
}

.segment-schedule-half{
  column-gap:20px;
  grid-template-columns:repeat(2, minmax(0, 1fr))
}

.segment-rank{
  grid-template-columns:120px minmax(0, 1fr);
  border-bottom:1px solid var(--row);
  gap:12px;
  font-size:14px;
  padding:8px 0;
  display:grid
}

.segment-rank dt{ color:var(--pen-pale) }

.segment-rank dd{
  display:flex;
  flex-wrap:wrap;
  gap:4px 12px;
  margin:0
}

.claim{
  justify-items:start;
  display:grid;
  gap:14px
}

.claim-pill{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 16px;
  font:500 13px/1 var(--middle);
  color:var(--pen-2);
  background:transparent;
  border:1px solid var(--row-2);
  border-radius:999px;
  cursor:pointer;
  transition:background var(--touch-period) ease, color var(--touch-period) ease
}

.claim-pill:hover,
.claim-pill[aria-expanded="true"]{
  color:var(--face);
  background:var(--pen)
}

.claim-fields{
  gap:12px;
  width:100%;
  display:grid
}

.claim-help{
  color:var(--pen-pale);
  font-size:13px
}

.claim-acts{
  gap:12px;
  align-items:center;
  display:flex
}

.claim-disposition{
  color:var(--colour);
  font-size:13px
}


.cinema{
  padding:0;
  justify-content:flex-end
}

.cinema-tray{
  position:relative;
  display:grid;
  grid-template-columns:96px minmax(0, 1fr);
  grid-template-rows:auto minmax(0, 1fr) auto;
  width:min(760px, 56vw);
  height:100%;
  background:var(--face);
  box-shadow:-20px 0 60px rgba(44, 36, 24, .3)
}

.cinema-start{
  grid-column:1 / -1;
  padding:14px 20px;
  display:flex;
  gap:16px;
  align-items:center;
  border-bottom:1px solid var(--row)
}

.cinema-banner{ font:700 18px/1.2 var(--show) }

.cinema-indicator{
  color:var(--pen-pale);
  font-size:13px
}

.cinema-collapse{ margin-left:auto }

.cinema-filmroll{
  overflow-y:auto;
  padding:12px;
  display:grid;
  border-right:1px solid var(--row);
  scrollbar-color:var(--meadow-highlight) var(--sash);
  gap:8px;
  align-content:start
}

.cinema-miniature{
  padding:0;
  background:none;
  border:2px solid transparent;
  border-radius:6px;
  overflow:hidden;
  cursor:pointer;
  transition:border-color var(--touch-period) ease
}

.cinema-miniature:hover,
.cinema-miniature[aria-current="true"]{ border-color:var(--colour) }

.cinema-miniature img{
  height:auto;
  display:block;
  width:100%
}

.cinema-rostrum{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  padding:20px;
  background:var(--sash)
}

.cinema-illustration{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:8px
}

.cinema-compass{
  display:flex;
  border-top:1px solid var(--row);
  padding:12px;
  grid-column:1 / -1;
  gap:12px;
  justify-content:center
}

.cinema-quantum{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  color:var(--pen);
  background:var(--face);
  border:1px solid var(--row-2);
  border-radius:50%;
  cursor:pointer;
  transition:background var(--touch-period) ease, color var(--touch-period) ease
}

.cinema-quantum:hover{
  color:var(--face);
  background:var(--pen)
}


@media (max-width: 1100px){
  .pane{ grid-template-columns:repeat(3, minmax(0, 1fr)) }

  .popup-mesh{ grid-template-columns:repeat(3, minmax(0, 1fr)) }
}

@media (max-width: 1199px) and (min-width: 600px){
  .crown-rank{
    grid-template-columns:auto minmax(0, 1fr);
    grid-template-rows:52px 40px;
    row-gap:0;
    min-height:0;
    padding-bottom:2px
  }

  .monogram{
    grid-row:1;
    grid-column:1
  }

  .crown-dispatcher{
    grid-row:1;
    grid-column:2;
    justify-content:flex-end
  }

  .crown-board{
    grid-row:2;
    grid-column:1 / -1;
    justify-content:flex-start
  }

  .yellowpages-compass{
    max-height:40px;
    min-height:40px
  }

  .yellowpages-jumps a{
    font-size:13px;
    min-height:36px
  }

  .place-onset{ min-height:44px }
}

@media (max-width: 1023px){
  .realm-circumstance{ display:none }

  .place-knob{ display:none }

  .binder-mesh{ grid-template-columns:minmax(0, 1fr) }

  .overview{
    gap:12px;
    grid-template-columns:minmax(0, 1fr)
  }

  .salon-mount{ grid-template-columns:minmax(0, 1fr) }

  .salon-mount .salon-images img{ max-height:none }

  .writeup-half{
    gap:14px;
    grid-template-columns:minmax(0, 1fr)
  }

  .writeup-instalment{ padding-left:14px }

  .cinema-tray{ width:min(760px, 80vw) }
}

@media (max-width: 899px){
  .curtain{
    align-items:start;
    grid-template-columns:minmax(0, 1fr)
  }

  .sort-lever{ display:inline-flex }

  .sort-tray{
    background:var(--face);
    inset:0 auto 0 0;
    z-index:85;
    scrollbar-color:var(--meadow-highlight) var(--sash);
    padding:0;
    width:min(360px, 86vw);
    position:fixed;
    overflow-y:auto;
    display:none;
    box-shadow:20px 0 60px rgba(44, 36, 24, .3);
    margin:0
  }

  .sort-tray.is-activate{ display:block }

  .sort-gauze{
    z-index:84;
    position:fixed
  }

  .sort-tray-ribbon{
    align-items:center;
    grid-template-columns:minmax(0, 1fr) auto;
    display:grid;
    gap:12px;
    padding:14px 16px;
    border-bottom:1px solid var(--row)
  }

  .sort-tray-banner{ font:700 18px/1.2 var(--show) }

  .filters{ padding:16px }

  .popup-mesh{ grid-template-columns:minmax(0, 1fr) }

  .board-slab{
    max-height:none;
    box-shadow:none;
    position:static
  }

  .place-half{ grid-template-columns:minmax(0, 1fr) }

  .place-circumstance{ padding:16px 24px }

  .place-slab{ width:min(880px, 92vw) }

  .cinema-tray{
    width:80vw;
    grid-template-columns:minmax(0, 1fr);
    grid-template-rows:auto minmax(0, 1fr) auto auto
  }

  .cinema-filmroll{
    grid-row:3;
    grid-auto-flow:column;
    grid-auto-columns:64px;
    overflow-x:auto;
    overflow-y:hidden;
    border-right:0;
    border-top:1px solid var(--row)
  }

  .cinema-rostrum{ grid-row:2 }

  .cinema-compass{ grid-row:4 }
}

@media (max-width: 767px){
  .pane{ grid-template-columns:repeat(2, minmax(0, 1fr)) }
}

@media (max-width: 599px){
  .crown-rank{
    min-height:64px;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:12px
  }

  .monogram-nick{ font-size:19px }

  .milieu .place-onset{ display:none }

  .realm-circumstance{ display:inline-flex }

  .board-flipper{ display:inline-flex }

  .crown-board{
    display:none;
    position:fixed;
    z-index:3;
    top:64px;
    left:0;
    right:0;
    max-height:calc(100vh - 64px);
    overflow-y:auto;
    flex-direction:column;
    align-items:stretch;
    padding:12px 20px 24px;
    background:var(--sash);
    border-bottom:1px solid var(--row-2);
    box-shadow:0 20px 50px rgba(44, 36, 24, .25)
  }

  .crown-board.is-activate{ display:flex }

  .board-gauze{
    display:block;
    z-index:1;
    position:fixed;
    background:rgba(44, 36, 24, .45);
    inset:0
  }

  .yellowpages-compass{
    max-height:none;
    display:block
  }

  .yellowpages-jumps{
    flex-direction:column;
    gap:0;
    align-items:stretch
  }

  .yellowpages-jumps li{ display:block }

  .yellowpages-jumps li + li:before{ content:none }

  .yellowpages-jumps a{
    display:block;
    border-bottom:1px solid var(--row-2);
    font-size:17px;
    padding:14px 0
  }

  .yellowpages-terminal{ display:none }

  .board-geo{
    display:grid;
    padding-top:16px;
    gap:12px
  }

  .board-geo .place-onset{ justify-content:flex-start }

  .statement-writing{
    padding-top:32px;
    padding-bottom:28px
  }

  .pane{ grid-template-columns:minmax(0, 1fr) }

  .card{ margin-inline:auto }

  .curtain-sidelight{ flex-wrap:wrap }

  .persona-seek{ flex:1 1 100% }

  .mob-socket{ padding:16px }

  .mob-tile{ padding:56px 20px 28px }

  .definition-mesh{ grid-template-columns:repeat(2, minmax(0, 1fr)) }

  .paired{ grid-template-columns:minmax(0, 1fr) }

  .segment-rank{
    gap:4px;
    grid-template-columns:minmax(0, 1fr)
  }

  .basement-heap{ padding-inline:var(--meadow-flexible-inner) }
}

@media (max-height: 720px) and (min-width: 600px){
  .statement-writing{
    padding-top:14px;
    padding-bottom:14px;
    gap:10px
  }

  .statement-hairline{
    max-width:30ch;
    font-size:clamp(26px, 3vw, 36px)
  }

  .statement .pushbutton{ min-height:40px }

  .inventory{ padding-top:12px }

  .curtain{ padding-bottom:10px }

  .curtain-sidefacts{ margin-top:4px }

  .sort-tray{ margin-top:10px }

  .facets-adapter{ gap:6px }

  .facets-serial{ display:none }

  .entry-jumps a{ padding:2px 0 }

  .pane{ margin-top:12px }

  .thread{ padding:6px 0 8px }

  .binder-mesh{ gap:24px }

  .binder-images{ gap:12px }

  .segment-rank{ padding:5px 0 }

  .binder-numbers{ gap:10px }

  .slab{ padding:12px 14px }

  .slab-banner{
    margin-bottom:8px;
    font-size:17px;
    padding-bottom:6px
  }
}

@media (prefers-reduced-motion: reduce){
  *,
  *:before,
  *:after{ transition-duration:.01ms !important }
}

.main .writeup-sash{
  border-radius:12px;
  border:0;
  margin-bottom:32px
}

.main .writeup-interior{ padding:8px clamp(16px, 2.5vw, 32px) 6px }

.writeup-sash p:last-child{ margin-bottom:0 }

.yellowpages-compass:hover,
.yellowpages-jumps:hover,
.yellowpages-jumps li:hover{
  color:var(--colour);
  font-weight:700
}

.yellowpages-compass:hover .yellowpages-terminal{ background:var(--colour) }

.writeup-sash .writeup-start h2{
  line-height:1.1;
  margin:0
}

.writeup-sash .strap{ line-height:1.2 }

.writeup-sash p{ margin:0 0 4px }

.writeup-instalment h3{ margin-bottom:2px }

.main .writeup-interior{
  padding-top:4px;
  padding-bottom:2px
}

@media (max-width: 1023px){
  .writeup-half{ gap:8px }
}

.yellowpages-jumps a:hover,
.yellowpages-jumps li:hover a{
  font-weight:700;
  text-shadow:0 0 0 currentColor;
  letter-spacing:.01em
}

.writeup-sash{ border-top:0 }

.writeup-instalment h3{
  font-size:16px;
  line-height:1.2
}

@media (max-width: 599px){
  .main .writeup-interior{
    padding-top:0;
    padding-bottom:0
  }

  .writeup-sash .strap{ line-height:1 }
}

.yellowpages-jumps a.is-on{
  border-bottom-color:var(--colour);
  font-weight:700;
  color:var(--colour)
}

@media (max-width: 599px){
  .writeup-half{ gap:4px }

  .writeup-start h2{ font-size:20px }

  .writeup-instalment{ padding-left:10px }
}

@media (max-height: 720px) and (min-width: 1024px){
  .paired-lever img{ max-height:58vh }

  .overview{
    gap:12px;
    margin-top:0
  }

  .credentials h1{ font-size:32px }

  .liaison{ margin-top:10px }
}

[data-marquee-browse-steering] a:hover,
[data-marquee-browse-steering] a:focus-visible{
  border-bottom-color:var(--colour);
  color:var(--colour);
  font-weight:700
}


[data-prompt-precinct="sequence"] [data-town-set]{ padding-top:12px }

[data-prompt-precinct="sequence"] [data-prompt-alpha]{
  font:700 13px/1 var(--show);
  padding-bottom:6px;
  margin:0;
  color:var(--colour);
  border-bottom:1px solid var(--row)
}

[data-prompt-precinct="sequence"] [data-city-links]{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:2px 16px;
  padding-top:6px;
  display:grid
}

[data-prompt-precinct="sequence"] [data-city-links] a{
  display:block;
  width:100%;
  min-height:34px;
  padding:7px 8px;
  font-size:14px;
  line-height:20px;
  color:var(--pen);
  border-radius:6px
}


@media (min-width: 600px){
  .writeup-middle{
    column-count:2;
    column-gap:28px
  }
}

@media (min-width: 600px) and (max-width: 1099px){
  .writeup-half{
    gap:16px;
    grid-template-columns:minmax(0, 1fr)
  }

  .writeup-instalment{
    column-count:2;
    column-gap:28px;
    padding-left:14px
  }

  .writeup-instalment h3{ column-span:all }
}

.writeup-middle p{ break-inside:avoid }

@media (max-height: 720px) and (min-width: 1024px){
  .paired-lever img{ max-height:54vh }

  .liaison{ margin-top:4px }

  .binder-mesh{ gap:24px }

  .thread{ margin-bottom:8px }
}