/* Full Page 32 — "Triptych" family: the chrome every page shares.
 *
 * Tokens (one :root block), base type, the button and text-link system, the
 * fixed header with its drawer, the clip-masked line reveal, the micro-label,
 * the CTA band, the footer, and the reduced-motion fallbacks for all of it.
 * Each page keeps only its own sections inline. Linked after fonts.css.
 */
:root {
  /* Color Palette 02 (library/palettes.json "camel-ink"). Contrast on paper: ink 15.4:1,
     ink-soft 6.4:1, accent 4.3:1 (display sizes only), accent-deep 4.9:1, camel 2.8:1 (ornament only). */
  --paper: #f9f4ec;            /* page ground */
  --ink: #181d29;              /* text, and the dark grounds */
  --night: var(--ink);         /* hero ground, CTA band, footer, solid dark header */
  --stone: #f3e9df;            /* second room tone: paper 10% toward camel (drawer, kind words) */
  --camel: #b88865;            /* hairline / ornament accent only, never text */
  --accent: #97694a;           /* camel strong: display type (>=24px) and large marks */
  --accent-deep: #8a6147;      /* camel strong 10% toward ink: small-text hovers, button fill (paper on it 4.9:1) */
  --line: rgba(24, 29, 41, .14);
  --line-strong: rgba(24, 29, 41, .42);
  --line-control: rgba(24, 29, 41, .58);   /* form control underline: 3.95:1 on the stone tone */
  --line-paper: rgba(249, 244, 236, .2);
  --line-paper-strong: rgba(249, 244, 236, .46);
  --ink-soft: rgba(24, 29, 41, .72);
  --paper-soft: rgba(249, 244, 236, .74);

  /* IvyOra uprights: the library maps "Ivy Ora Display" 100/300/400 to italic files, so the upright Thin/Light are taken from the same IvyOra family's "Ivy Ora Text" faces. */
  --font-display: "Ivy Ora Text", "Times New Roman", serif;
  --font-body: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-curtain: cubic-bezier(0.32, 0, 0.16, 1);

  --pad: clamp(20px, 3.3vw, 56px);
  --gut: clamp(14px, 1.6vw, 28px);
  --hdr: 76px;

  --t-hero-sans: clamp(38px, 5.5vw, 104px);
  --t-hero-caps: clamp(23px, 4.45vw, 84px);
  --t-statement: clamp(23px, 2.9vw, 52px);
  --t-h2: clamp(31px, 3.9vw, 68px);
  --t-giant: clamp(44px, 7.3vw, 150px);
  --t-lead: clamp(23px, 2.65vw, 46px);
  --t-quote: clamp(23px, 2.6vw, 50px);
  --t-card: clamp(21px, 1.6vw, 28px);
  --t-body: clamp(16px, 1.2vw, 19px);
  --t-body-l: clamp(17px, 1.3vw, 20px);
  --t-small: clamp(15px, 1.05vw, 16px);
  --t-page: clamp(40px, 5.4vw, 100px);
  --t-dek: clamp(21px, 1.75vw, 30px);
  --t-read: clamp(17px, 1.25vw, 19px);
  --t-card-l: clamp(26px, 2.5vw, 44px);
  --t-meta: clamp(14px, .98vw, 15px);
  --t-label: clamp(11px, .78vw, 12px);
  --t-logo: clamp(15px, 1.1vw, 17px);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; background: var(--night); scrollbar-gutter: stable; }
html.is-locked { overflow: hidden; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  font-weight: 400;
  font-size: var(--t-body);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
img { display: block; max-width: none; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
h1, h2, h3, p, blockquote, figure, ul { margin: 0; padding: 0; }
ul { list-style: none; }
:focus-visible { outline: 1px solid currentColor; outline-offset: 5px; }

.skip {
  position: fixed; left: 16px; top: 12px; z-index: 100;
  background: var(--paper); color: var(--ink);
  padding: 12px 18px; font-size: var(--t-small);
  transform: translateY(-160%);
  transition: transform .3s var(--ease-out);
}
.skip:focus { transform: none; }

/* ---------- Header ---------- */
.bar {
  position: fixed; inset: 0 0 auto 0; z-index: 50;
  height: var(--hdr);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  padding: 0 var(--pad);
  color: var(--paper);
  transition: color .5s var(--ease-out), background-color .5s var(--ease-out), opacity 1s var(--ease-out), transform .75s var(--ease-curtain);
  pointer-events: none;
}
.bar::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--line); opacity: 0; transition: opacity .5s var(--ease-out); }
.bar.is-solid[data-on="light"] { background-color: var(--paper); }
.bar.is-solid[data-on="dark"] { background-color: var(--night); }
.bar.is-solid[data-on="light"]::after { opacity: 1; }
.bar.is-hidden { transform: translate3d(0, -101%, 0); }
.bar > * { pointer-events: auto; }
.bar[data-on="light"] { color: var(--ink); }
.bar-cta {
  justify-self: start;
  display: inline-flex; align-items: center; gap: 14px;
  font: 400 var(--t-small)/1 var(--font-body); letter-spacing: .01em;
  padding: 10px 0;
}
@media (max-width: 820px) { .bar-cta { padding: 14px 0; margin: -4px 0; } } /* 44px hit area, same look */
.bar-cta .rule {
  width: 22px; height: 1px; background: currentColor;
  transform-origin: right; transition: transform .7s var(--ease-out);
}
.bar-cta:hover .rule { transform: scaleX(1.9); }
.logo {
  font: 300 var(--t-logo)/1 var(--font-display);
  letter-spacing: .3em; text-transform: uppercase;
  padding: 10px 0 10px .3em;
  white-space: nowrap;
}
.menu-btn {
  justify-self: end;
  display: inline-flex; align-items: center; gap: 12px;
  font: 400 var(--t-small)/1 var(--font-body); letter-spacing: .01em;
  padding: 10px 0;
}
.menu-btn .bars { display: grid; gap: 5px; width: 22px; }
.menu-btn .bars i { display: block; height: 1px; background: currentColor; transition: transform .6s var(--ease-out); transform-origin: right; }
.menu-btn .bars i:last-child { transform: scaleX(.6); }
.menu-btn:hover .bars i:last-child { transform: scaleX(1); }

/* ---------- Drawer ---------- */
.drawer {
  position: fixed; top: 0; right: 0; bottom: 0; z-index: 60;
  width: clamp(360px, 30vw, 540px);
  background: var(--stone); color: var(--ink);
  border-left: 1px solid var(--line);
  display: flex; flex-direction: column;
  padding: 0 clamp(28px, 2.8vw, 48px) clamp(28px, 5vh, 48px);
  overflow-y: auto;
  transform: translate3d(100%, 0, 0);
  transition: transform .95s var(--ease-curtain);
}
.drawer[hidden] { display: none; }
.drawer.open { transform: none; }
.drawer.closing { transition: transform .34s cubic-bezier(.5, 0, .75, 0); }
.drawer-top { height: var(--hdr); display: flex; align-items: center; justify-content: flex-end; flex: none; }
.drawer-close {
  display: inline-flex; align-items: center; gap: 12px;
  font: 400 var(--t-small)/1 var(--font-body); letter-spacing: .01em; padding: 10px 0;
}
.drawer-close .x { position: relative; width: 16px; height: 16px; }
.drawer-close .x::before, .drawer-close .x::after {
  content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: currentColor;
  transition: transform .6s var(--ease-out);
}
.drawer-close .x::before { transform: rotate(45deg); }
.drawer-close .x::after { transform: rotate(-45deg); }
.drawer-close:hover .x::before { transform: rotate(135deg); }
.drawer-close:hover .x::after { transform: rotate(45deg); }
.drawer-nav { margin-top: clamp(40px, 11vh, 120px); }
.drawer-nav li { transition: opacity .5s var(--ease-out); }
.drawer-nav:hover li { opacity: .38; }
.drawer-nav li:hover, .drawer-nav li:focus-within { opacity: 1; }
.drawer-nav a {
  display: inline-block;
  font: 300 clamp(40px, 3.6vw, 62px)/1.12 var(--font-display);
  letter-spacing: -.01em;
  opacity: 0; transform: translate3d(0, 22px, 0); filter: blur(7px);
}
.drawer.open .drawer-nav a {
  opacity: 1; transform: none; filter: blur(0);
  transition: opacity 1s var(--ease-out), transform 1.2s var(--ease-out), filter 1s var(--ease-out);
}
.drawer.open .drawer-nav li:nth-child(1) a { transition-delay: .32s; }
.drawer.open .drawer-nav li:nth-child(2) a { transition-delay: .4s; }
.drawer.open .drawer-nav li:nth-child(3) a { transition-delay: .48s; }
.drawer.open .drawer-nav li:nth-child(4) a { transition-delay: .56s; }
.drawer-meta {
  margin-top: clamp(36px, 7vh, 72px);
  padding-top: 26px; border-top: 1px solid var(--line);
  display: grid; gap: 10px; justify-items: start;
  font: 400 var(--t-small)/1.5 var(--font-body);
  opacity: 0; transform: translate3d(0, 12px, 0);
}
.drawer.open .drawer-meta { opacity: 1; transform: none; transition: opacity 1s var(--ease-out) .66s, transform 1.1s var(--ease-out) .66s; }
.drawer-meta a { transition: color .4s var(--ease-out); }
.drawer-meta a:hover { color: var(--accent-deep); }
.drawer-meta .place { color: var(--ink-soft); }
.drawer-meta .drawer-book { margin-top: 14px; display: none; }

/* ---------- Buttons & links ---------- */
.btn {
  position: relative; isolation: isolate; overflow: hidden;
  display: inline-flex; align-items: center; gap: 18px;
  padding: 19px 26px 19px 28px;
  font: 400 var(--t-small)/1 var(--font-body); letter-spacing: .015em;
  color: var(--ink);
  border: 1px solid var(--line-strong);
  transition: color .55s var(--ease-out), border-color .55s var(--ease-out), transform .55s var(--ease-out);
}
.btn::before {
  content: ""; position: absolute; inset: -1px; z-index: -1;
  background: var(--accent-deep);
  transform: scaleY(0); transform-origin: 50% 100%;
  transition: transform .65s var(--ease-curtain);
}
.btn .arr { position: relative; width: 26px; height: 9px; flex: none; transition: transform .65s var(--ease-out); }
.btn .arr::before { content: ""; position: absolute; left: 0; right: 1px; top: 4px; height: 1px; background: currentColor; }
.btn .arr::after {
  content: ""; position: absolute; right: 1px; top: 1px; width: 6px; height: 6px;
  border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg);
}
.btn:hover, .btn:focus-visible { color: var(--paper); border-color: var(--accent-deep); transform: translateY(-1px); }
.btn:hover::before, .btn:focus-visible::before { transform: scaleY(1); }
.btn:hover .arr, .btn:focus-visible .arr { transform: translateX(5px); }
.btn--light { color: var(--paper); border-color: var(--line-paper-strong); }

.tlink {
  display: inline-flex; align-items: center; gap: 16px;
  font: 400 var(--t-small)/1 var(--font-body); letter-spacing: .015em;
  padding: 10px 0;
  transition: color .5s var(--ease-out);
}
.tlink .arr { position: relative; width: 34px; height: 9px; transition: width .7s var(--ease-out); }
.tlink .arr::before { content: ""; position: absolute; left: 0; right: 1px; top: 4px; height: 1px; background: currentColor; }
.tlink .arr::after {
  content: ""; position: absolute; right: 1px; top: 1px; width: 6px; height: 6px;
  border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg);
}
.tlink:hover, .tlink:focus-visible { color: var(--accent-deep); }
.tlink:hover .arr, .tlink:focus-visible .arr { width: 52px; }

/* ---------- Line reveal ---------- */
/* The mask carries .22em of headroom under the line so IvyOra's descenders (g, y, p
   reach ~.29em below the baseline, and the display line-heights run as tight as 1.02)
   are never cropped; the negative margin keeps the layout identical. The waiting line
   is pushed past that headroom too, so nothing peeks under the line above. */
.lm { display: block; overflow: hidden; padding-bottom: .22em; margin-bottom: -.22em; }
.ln { display: block; }
.js [data-reveal] .ln { transform: translate3d(0, calc(106% + .25em), 0); }
.js [data-reveal].in .ln { transform: none; transition: transform 1.25s var(--ease-out); }
.js [data-reveal]:not(.is-split) { visibility: hidden; animation: reveal-fallback 0s 2.6s forwards; }
.no-tr .ln { transition: none !important; }
@keyframes reveal-fallback { to { visibility: visible; } }
/* [data-rise] blocks are held by their page CSS; if the family script never runs, release them. */
.js:not(.fp-ready) [data-rise], .js:not(.fp-ready) [data-rise] * { animation: rise-fallback 0s 2.6s forwards; }
@keyframes rise-fallback { to { transform: none; visibility: visible; } }

main { display: block; position: relative; }

/* ---------- Micro-label (max one per page) ---------- */
.label {
  font: 400 var(--t-label)/1.4 var(--font-body);
  letter-spacing: .22em; text-transform: uppercase;
  color: var(--ink-soft);
  margin-bottom: clamp(22px, 3vh, 34px);
}

/* ---------- CTA band ---------- */
.cta {
  position: relative; z-index: 1;
  background: var(--night); color: var(--paper);
  text-align: center;
  padding: clamp(110px, 19vh, 210px) var(--pad) clamp(110px, 18vh, 200px);
}
.cta h2 { font: 300 var(--t-h2)/1.06 var(--font-display); letter-spacing: -.012em; max-width: 19ch; margin: 0 auto; text-wrap: balance; }
.cta p { font-weight: 400; font-size: var(--t-body); line-height: 1.65; color: var(--paper-soft); max-width: 50ch; margin: 30px auto 48px; text-wrap: pretty; }

/* ---------- Footer ---------- */
.foot {
  position: relative; z-index: 1;
  background: var(--night); color: var(--paper);
  padding: 0 var(--pad) 30px;
  font-size: var(--t-small);
}
.foot-in {
  border-top: 1px solid var(--line-paper);
  padding-top: clamp(48px, 8vh, 88px);
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gut); row-gap: 40px;
}
.foot .logo { grid-column: 1 / 5; align-self: start; padding: 4px 0 10px; justify-self: start; }
.foot-nav { grid-column: 6 / 9; display: grid; gap: 8px; }
.foot-contact { grid-column: 9 / 13; display: grid; gap: 8px; justify-items: start; align-content: start; }
.foot a { transition: opacity .4s var(--ease-out); }
.foot-nav a, .foot-contact a { opacity: .74; }
.foot-nav a:hover, .foot-contact a:hover { opacity: 1; }
.foot-contact .place { opacity: .5; }
.foot-base { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 20px; padding-top: clamp(40px, 8vh, 96px); opacity: .56; font-size: var(--t-meta); }

/* ---------- Current page (aria-current) ---------- */
/* Drawer: the current item turns camel strong (display size) with a short camel rule hung in the gutter. */
.drawer-nav a { position: relative; }
.drawer-nav a[aria-current]::before {
  content: ""; position: absolute; right: calc(100% + 10px); top: 56%;
  width: 14px; height: 1px; background: var(--camel);
}
.drawer-nav a[aria-current] { color: var(--accent); }
/* Footer: full strength plus the same short camel rule. */
.foot-nav a[aria-current] { opacity: 1; display: inline-flex; align-items: center; gap: 10px; }
.foot-nav a[aria-current]::before { content: ""; width: 16px; height: 1px; background: var(--camel); }
.foot-nav a { justify-self: start; }
/* Header call to action, when it is the page you are on: the rule stays drawn out. */
.bar-cta[aria-current] .rule { transform: scaleX(1.9); }

/* ---------- Deeper pages: shared vocabulary ---------- */
.vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pi {
  position: relative; z-index: 1; background: var(--paper);
  padding: calc(var(--hdr) + clamp(56px, 11vh, 132px)) var(--pad) clamp(56px, 9vh, 104px);
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gut);
  align-items: end;
}
.pi h1 {
  grid-column: 1 / 9;
  font: 300 var(--t-page)/1.02 var(--font-display); letter-spacing: -.015em;
  text-wrap: balance;
}
.pi .pi-body {
  grid-column: 9 / 13;
  font-weight: 400; font-size: var(--t-body-l); line-height: 1.6; color: var(--ink-soft);
  max-width: 44ch; text-wrap: pretty;
  /* Bottom-aligned in its block (.pi aligns to end), then nudged so its last baseline
     sits on the heading's last baseline: the heading's baseline is .146 of its own size
     above its box bottom, the paragraph's .477em above its own. */
  padding-bottom: calc(var(--t-page) * .146 - .477em);
}
.sec-h { font: 300 var(--t-h2)/1.04 var(--font-display); letter-spacing: -.012em; text-wrap: balance; }
.fig { position: relative; overflow: hidden; background: var(--stone); }
.fig img { width: 100%; height: auto; }

/* Back link: the arrow mirrors and leads. */
.tlink.back .arr { transform: scaleX(-1); }
/* Story titles: plain spaces (they wrap freely on phones); from 760px each phrase holds its own line. */
@media (min-width: 760px) { .tl { display: block; } }

/* ---------- Blog posts ---------- */
.post-head {
  position: relative; z-index: 1; background: var(--paper);
  padding: calc(var(--hdr) + clamp(56px, 11vh, 128px)) var(--pad) clamp(40px, 7vh, 80px);
  text-align: center;
}
.post-head .crumb { display: inline-flex; margin-bottom: clamp(22px, 3.4vh, 34px); }
.post-head h1 {
  max-width: 24ch; margin: 0 auto;
  font: 300 var(--t-page)/1.02 var(--font-display); letter-spacing: -.015em;
  text-wrap: balance;
}
.post-head .dek {
  max-width: 34ch; margin: clamp(20px, 3vh, 32px) auto 0;
  font: 300 var(--t-dek)/1.3 var(--font-display); letter-spacing: -.005em; color: var(--ink-soft);
  text-wrap: balance;
}
.post { padding: 0 var(--pad) clamp(80px, 13vh, 150px); }
.post > * + * { margin-top: clamp(40px, 6.5vh, 72px); }
/* Two edges only: the 1180px picture edge and the reading column (28em at the reading size: Jost runs ~0.42em a character, so 60–68 characters a line). */
.post p {
  font-weight: 400; font-size: var(--t-read); line-height: 1.72; color: var(--ink);
  text-wrap: pretty;
}
.post p + p { margin-top: 1.3em; }
.post .col { font-size: var(--t-read); max-width: 28em; margin-left: auto; margin-right: auto; }
.post .col p { font-size: 1em; }
.post .lead { max-width: 1180px; margin: 0 auto clamp(56px, 9vh, 104px); }
.post .wide { max-width: 1180px; margin-left: auto; margin-right: auto; }
.post .pair { max-width: 1180px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; align-items: flex-start; }
.post .pair .fig { width: 40%; }
.post .pair .fig:last-child { margin-top: clamp(40px, 9vh, 110px); }
.post .beside {
  font-size: var(--t-read);
  max-width: 1180px; margin-left: auto; margin-right: auto;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 28em) minmax(0, 1fr); column-gap: clamp(28px, 3.4vw, 56px); align-items: center;
}
.post .beside p { grid-column: 2; grid-row: 1; margin: 0; font-size: 1em; }
.post .beside .fig { grid-column: 3; grid-row: 1; width: 100%; max-width: 300px; justify-self: end; }
.post .beside.flip .fig { grid-column: 1; justify-self: start; }

.next {
  position: relative; z-index: 1; background: var(--stone);
  padding: clamp(64px, 10vh, 120px) var(--pad);
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gut); align-items: center;
}
.next-img { grid-column: 1 / 7; display: block; overflow: hidden; aspect-ratio: 3 / 2; background: var(--paper); }
.next-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--ease-out); }
.next:hover .next-img img { transform: scale(1.03); }
.next-txt { grid-column: 8 / 13; }
.next-txt .k { font-size: var(--t-small); color: var(--ink-soft); margin-bottom: 14px; }
.next-txt h2 { font: 300 var(--t-card-l)/1.12 var(--font-display); letter-spacing: -.01em; text-wrap: balance; }
.next-txt h2 a { transition: color .5s var(--ease-out); }
.next:hover .next-txt h2 a, .next-txt h2 a:focus-visible { color: var(--accent); }
.next-txt p { margin-top: 14px; font-size: var(--t-body); line-height: 1.6; color: var(--ink-soft); max-width: 46ch; }
.next-txt .tlink { margin-top: 18px; }

@media (max-width: 899px) {
  .pi { display: block; }
  .pi .pi-body { margin-top: 22px; }
  .post .beside, .post .beside.flip { display: block; max-width: 28em; }
  .post .beside .fig { margin: 36px 0 0 auto; max-width: 72%; }
  .post .beside.flip .fig { margin: 36px auto 0 0; }
  .post .pair { max-width: 28em; font-size: var(--t-read); }
  .post .pair .fig { width: 48.5%; }
  .next { display: block; }
  .next-txt { margin-top: 28px; }
}
@media (max-width: 759px) {
  .post .pair { gap: 10px; }
  .post .pair .fig:last-child { margin-top: 48px; }
}

/* ---------- Mobile chrome ---------- */
@media (max-width: 759px) {
  :root { --hdr: 62px; }
  .bar { grid-template-columns: 1fr auto; }
  .bar-cta { display: none; }
  .logo { justify-self: start; letter-spacing: .26em; padding-left: 0; }
  .drawer { width: 100%; border-left: 0; }
  .drawer-meta .drawer-book { display: inline-flex; }
  .foot-in { display: grid; grid-template-columns: 1fr 1fr; }
  .foot .logo { grid-column: 1 / -1; }
  .foot-nav { grid-column: 1 / 2; }
  .foot-contact { grid-column: 2 / 3; }
  .foot-base { flex-direction: column; gap: 6px; padding-top: 24px; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0s !important; transition-delay: 0s !important; animation-duration: 0s !important; animation-delay: 0s !important; }
  .js [data-reveal] .ln { transform: none; }
  .js [data-reveal]:not(.is-split) { visibility: visible; animation: none; }
  .drawer-nav a, .drawer-meta { opacity: 1; transform: none; filter: none; }
}

  /* Mobile review: 44px hit areas (visual size unchanged), small-text floors and 16px form controls. */
  @media (max-width:820px){
    a.logo{position:relative}
    a.logo::after{content:"";position:absolute;inset:-5px 0}
    button.menu-btn{position:relative}
    button.menu-btn::after{content:"";position:absolute;inset:-5px 0}
    .foot-nav a{position:relative}
    .foot-nav a::after{content:"";position:absolute;inset:-10px -8px}
    a.tlink{position:relative}
    a.tlink::after{content:"";position:absolute;inset:-5px 0}
    input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not(#_),select:not(#_),textarea:not(#_){font-size:16px}
    input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not(#_),select:not(#_){min-height:44px}
  }