/* ── The family's landing and header (G, 2 November 2026: "real standardization"), as on whybekind.global,
   aiethics.global and bioethics.global: the black Eye of the Universe on white, the question with its mark in
   the site's colour, and one menu, The rooms. Set --land to the site's colour. ── */
:root{--land:#1E6B4A}
.vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.bar{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}
.bar .home{display:flex;align-items:center;gap:.7rem;text-decoration:none;margin-right:auto;color:#111}
.bar .home svg{width:38px;height:auto;aspect-ratio:2197/1727;color:#111;flex:none}
.bar .home .wm{font-size:16px}
.bar .paths{position:relative;flex:none}
.bar .paths>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.65rem;font:700 16px/1 'Atkinson Hyperlegible',system-ui,sans-serif;
  padding:12px 16px;border:1px solid #d5d5d0;background:#fff;color:#111;white-space:nowrap;user-select:none}
.bar .paths>summary::-webkit-details-marker{display:none}
.bar .paths>summary::after{content:"";width:.45em;height:.45em;border-right:2px solid var(--land);border-bottom:2px solid var(--land);
  transform:translateY(-30%) rotate(45deg);transition:transform .15s}
.bar .paths[open]>summary::after{transform:translateY(20%) rotate(225deg)}
.bar .paths>summary:hover,.bar .paths[open]>summary{border-color:var(--land);color:var(--land)}
.bar .paths .panel{position:absolute;right:0;top:calc(100% + 10px);width:min(340px,calc(100vw - 32px));
  max-height:calc(100vh - 96px);overflow:auto;overscroll-behavior:contain;background:#fff;color:#111;
  border:1px solid #d5d5d0;box-shadow:0 14px 40px rgba(0,0,0,.14);padding:.4rem 0;z-index:60}
.bar .paths ul{list-style:none;margin:0;padding:.3rem 0}
.bar .paths ul+ul{border-top:1px solid #e8e8e8}
.bar .paths a{display:block;padding:.6rem 1.2rem;font-size:17px;font-weight:400;line-height:1.3;color:#111;text-decoration:none;border:0}
.bar .paths a:hover,.bar .paths a:focus-visible{background:#f3f3ed;color:var(--land)}
.bar .paths a[aria-current]{font-weight:700;color:var(--land)}
@media(max-width:520px){.bar .home .wm{display:none}}
.landing{position:relative;min-height:calc(100vh - 64px);min-height:calc(100svh - 64px);background:#fff;color:#111;display:flex;
  flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:72px 20px 72px;overflow:hidden}
.landing .eye{position:relative;width:min(58vw,360px);height:auto;aspect-ratio:2197/1727;color:#111;transform-origin:50% 50%;
  animation:land-open 1.3s cubic-bezier(.2,.8,.2,1) .15s both}
.landing .lq{position:relative;font-size:clamp(3.1rem,11.5vw,8.6rem);font-weight:700;line-height:1;letter-spacing:-.025em;
  margin:clamp(1.6rem,5vh,3rem) 0 0;max-width:14ch;animation:land-rise 1s ease 1.05s both;color:#111}
.landing .lq .q{color:var(--land)}
.landing .sub{position:relative;font-size:clamp(1.2rem,2.8vw,1.75rem);color:#4a4a4a;margin:1.1rem 0 0;animation:land-rise 1s ease 1.45s both}
.landing .down{position:absolute;bottom:26px;left:50%;width:1px;height:46px;background:linear-gradient(#11111100,#111);
  transform:translateX(-50%);animation:land-rise 1s ease 2s both}
@keyframes land-open{0%{transform:scaleY(.04);opacity:0}35%{opacity:1}100%{transform:scaleY(1);opacity:1}}
@keyframes land-rise{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.landing .eye,.landing .lq,.landing .sub,.landing .down{animation:none}}
@media print{.landing{display:none}}
.bar .home{order:0}
.bar .site-search,.bar .ss-btn{order:1}
.bar nav.rooms{order:2;margin-left:0!important;width:auto!important;overflow:visible!important;padding:0!important;display:block}
@media (max-width:760px){.bar .ss-btn{margin-left:0}}
.landing .lq.long{font-size:clamp(2.3rem,6.6vw,5.4rem);max-width:17ch}
.bar{background:rgba(255,255,255,.96)!important;color:#111!important;border-bottom-color:#d5d5d0!important}
.bar .ss-q{background-color:#fff!important;color:#111!important;border-color:#d5d5d0!important}
.bar .ss-btn{color:#111!important;border-color:#d5d5d0!important;background:#fff!important}
.bar .home .wm{color:#111}
/* The answer: the section after the landing, in the site's colour, the text in white (G, 2 November 2026) */
.door.answer-sec{background:var(--land);color:#fff;border-bottom:0}
.door.answer-sec::before{display:none}
.door.answer-sec .eyebrow{color:#fff;font-size:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.6rem;opacity:.9}
.door.answer-sec .lines p,.door.answer-sec h2,.door.answer-sec b{color:#fff}
.door.answer-sec a{color:#fff}
.door.answer-sec .start{background:#fff;color:var(--land);box-shadow:none}
.door.answer-sec .start:hover,.door.answer-sec .start:focus-visible{background:#f3f3ed;color:var(--land)}
.door.answer-sec :focus-visible{outline-color:#fff}