@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap');

:root{--ink:#071823;--linen:#f1eee6;--mist:#c9e8e4;--brass:#bba06e}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--ink);color:var(--linen)}
body{font-family:"DM Sans",sans-serif}
.admin-bar .threshold{min-height:calc(100svh - 32px)}
.threshold{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:var(--ink)}
.threshold__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:saturate(.7) contrast(1.03)}
.threshold__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,18,28,.94) 0%,rgba(4,18,28,.84) 44%,rgba(4,18,28,.34) 68%,rgba(4,18,28,.54) 100%)}
.threshold::before{content:"";position:absolute;inset:0 50% 0 0;z-index:-1;border-right:1px solid rgba(241,238,230,.2);background:linear-gradient(180deg,rgba(6,22,32,.18),rgba(6,22,32,.54))}
.threshold__header{display:flex;align-items:center;justify-content:space-between;padding:24px clamp(22px,5vw,72px);font-family:"Cormorant Garamond",serif}
.mark{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:clamp(21px,2.2vw,29px);font-weight:500;letter-spacing:.01em}
.mark__seal{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(241,238,230,.45);border-radius:50%;color:var(--mist);font-style:italic}
.threshold__reference{font-family:"DM Sans",sans-serif;font-size:10px;letter-spacing:.24em;text-transform:uppercase}
.threshold__copy{position:absolute;left:clamp(24px,7vw,112px);top:50%;width:min(760px,82vw);transform:translateY(-46%)}
.eyebrow{margin:0 0 22px;color:var(--mist);font-size:10px;font-weight:500;letter-spacing:.28em;text-transform:uppercase}
h1{margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(58px,9.2vw,142px);font-weight:400;line-height:.78;letter-spacing:-.055em;text-wrap:balance}
h1 em{color:var(--mist);font-weight:400}
.threshold__intro{margin:34px 0 30px;padding-left:20px;border-left:1px solid var(--mist);font-family:"Cormorant Garamond",serif;font-size:clamp(19px,2.1vw,28px);font-style:italic;line-height:1.35}
.enter{display:inline-flex;align-items:center;gap:34px;padding:15px 0;border-bottom:1px solid rgba(201,232,228,.8);color:inherit;text-decoration:none;font-size:10px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;transition:gap .35s ease,color .35s ease}
.enter:hover,.enter:focus-visible{gap:48px;color:var(--mist)}
.threshold__whisper{position:absolute;right:clamp(22px,5vw,72px);bottom:28px;margin:0;font-family:"Cormorant Garamond",serif;font-size:14px;font-style:italic;letter-spacing:.05em}
body.is-entering .threshold{animation:depart 1.1s cubic-bezier(.65,0,.35,1) forwards}
@keyframes depart{to{opacity:0;transform:scale(1.025);filter:blur(8px)}}
@media(max-width:700px){.threshold::before{right:18%}.threshold__shade{background:linear-gradient(90deg,rgba(4,18,28,.91),rgba(4,18,28,.44))}.threshold__copy{top:49%;width:88vw}.threshold__whisper{display:none}}
@media(prefers-reduced-motion:reduce){.threshold__film{display:none}body.is-entering .threshold{animation:none}}