
:root{
    --ivory:#f7f0df;          --tide:#acc6cc;           --gold:#f0e095;           --sage:#494a2f;         
    --ivory-2:#fbf7ec;        --tide-tint:#d8e5e8;      --sage-2:#363722;         --sage-soft:#5e5f45;      --muted:#6b6c52;          --tide-deep:#4e6f78;      --line:#cfcab8;           --line-strong:#b8b29c;    --on-sage:#f7f0df;
  --on-sage-soft:#d9d3bf;   --on-sage-accent:#f0e095;   --focus:#4e6f78;

    --font-sans:'Instrument Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-script:'Eldwin Script','Instrument Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --script-weight:400;       --script-track:0;
  --script-lh:1.12;

    --max:1200px;
  --u:8px;
    --gap:clamp(64px,7vw,104px);            --gap-m:clamp(52px,5.4vw,80px);         --gap-s:clamp(36px,3.6vw,52px);         --stack:clamp(32px,3.4vw,48px);         --phero-min:0px;                        --pad-card:clamp(24px,3vw,36px);
  --hdr-h:76px;
  --radius:20px;
  --sa:0px;

    --ease-out:cubic-bezier(.22,.61,.36,1);
  --ease-io:cubic-bezier(.4,0,.2,1);
  --d-micro:180ms;
  --d-menu:240ms;
  --d-reveal:440ms;
  --d-reveal-slow:520ms;
  --d-mark:600ms;
  --y-reveal:12px;

  interpolate-size:allow-keywords;
}
@supports (width: env(safe-area-inset-left)){
  :root{--sa:calc(env(safe-area-inset-left) + env(safe-area-inset-right))}
}

@font-face{
  font-family:'Instrument Sans'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('../fonts/instrument-sans-normal-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Instrument Sans'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('../fonts/instrument-sans-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Instrument Sans'; font-style:italic; font-weight:400 700; font-display:swap;
  src:url('../fonts/instrument-sans-italic-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Instrument Sans'; font-style:italic; font-weight:400 700; font-display:swap;
  src:url('../fonts/instrument-sans-italic-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face{
  font-family:'Eldwin Script'; font-style:normal; font-weight:400; font-display:swap;
  src:url('../fonts/Eldwin-ScriptRegular.woff2') format('woff2'), url('../fonts/Eldwin-ScriptRegular.woff') format('woff');
}
.no-script-font{--font-script:'Instrument Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; --script-weight:600; --script-track:-.025em; --script-lh:1.08}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-padding-top:88px; color-scheme:light}
body{
  margin:0; background:var(--ivory); color:var(--sage);
  font:400 16px/1.6 var(--font-sans); letter-spacing:0;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  -webkit-tap-highlight-color:rgba(73,74,47,.12);
  overflow-x:clip;
}
@media (min-width:1024px){ body{font-size:17px} }
a,button,summary{touch-action:manipulation}
a{color:inherit}
img{max-width:100%; height:auto; display:block}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}
ul[role="list"],ol[role="list"]{list-style:none; padding:0}
:focus-visible{outline:2px solid var(--focus); outline-offset:3px; border-radius:4px}
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0}

.skip{
  position:absolute; left:-999px; top:0; z-index:100; background:var(--sage); color:var(--on-sage);
  display:inline-flex; align-items:center; min-height:44px; padding:0 24px;
  border-radius:0 0 100px 0; font:500 14px/1 var(--font-sans); text-decoration:none;
}
.skip:focus{left:0}

.wrap{width:min(100% - 40px - var(--sa), var(--max)); margin-inline:auto}
@media (min-width:600px){ .wrap{width:min(100% - 48px - var(--sa), var(--max))} }
.wrap--narrow{max-width:760px}
.wrap--mid > *{max-width:820px}

.display{
  font-family:var(--font-script); font-weight:var(--script-weight);
  font-size:clamp(40px,3.4vw + 22px,64px); line-height:var(--script-lh);
  letter-spacing:var(--script-track); text-wrap:balance;
}
.h-sec{
  font-family:var(--font-script); font-weight:var(--script-weight);
  font-size:clamp(31px,1.4vw + 20px,42px); line-height:1.16;
  letter-spacing:var(--script-track); text-wrap:balance;
}
.display--sans{font-family:var(--font-sans); font-weight:600; letter-spacing:-.025em; line-height:1.1; font-size:clamp(34px,2.4vw + 18px,52px)}
.h-sec--sans{
  font-family:var(--font-sans); font-weight:600;
  font-size:clamp(26px,1.2vw + 18px,34px); line-height:1.2; letter-spacing:-.02em; text-wrap:balance;
}
.lede{font-size:18px; line-height:1.55; color:var(--sage-soft); text-wrap:pretty}
.eyebrow,.mini{
  font:700 12px/1 var(--font-sans); letter-spacing:.09em; text-transform:uppercase;
}
.eyebrow{color:var(--sage-soft); margin-bottom:14px}
.mini{color:var(--sage)}
.badge{
  display:inline-flex; align-items:center; gap:8px; font:700 12px/1 var(--font-sans);
  letter-spacing:.08em; text-transform:uppercase; background:var(--tide-tint); color:var(--sage);
  padding:9px 14px; border-radius:30px;
}
.prose p{margin:0 0 18px; max-width:62ch; color:var(--sage-soft); line-height:1.65; text-wrap:pretty}
.prose p:last-child{margin-bottom:0}
.prose strong{color:var(--sage); font-weight:600}
.prose a{color:var(--sage); text-decoration:underline; text-decoration-color:var(--tide); text-underline-offset:3px; text-decoration-thickness:2px; transition:text-decoration-color var(--d-micro) var(--ease-io)}
.prose a:hover{text-decoration-color:var(--sage)}
.prose ul,.prose ol{margin:0 0 18px; padding-left:22px; color:var(--sage-soft); max-width:62ch}
.prose li{margin-bottom:8px}
.prose li::marker{color:var(--tide-deep)}
.prose h2{margin:40px 0 14px; font:600 24px/1.25 var(--font-sans); letter-spacing:-.02em}
.prose h3{margin:28px 0 10px; font:600 19px/1.3 var(--font-sans); letter-spacing:-.01em}
.prose blockquote{position:relative; margin:28px 0; padding:8px 0 0 36px; color:var(--sage); font-size:19px; line-height:1.5}
.prose blockquote::before{content:'\201C'; position:absolute; left:0; top:-6px; font:700 54px/1 var(--font-sans); color:var(--gold)}

.mark{
  position:relative; white-space:nowrap; display:inline-block;
  background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 92% / 100% .14em;
  padding-bottom:.02em;
}

.pull{margin:0}
.pull p{
  font-family:var(--font-script); font-weight:var(--script-weight); letter-spacing:var(--script-track);
  font-size:clamp(24px,1.1vw + 17px,31px); line-height:1.28; color:var(--sage); text-wrap:balance;
}
.pull--sans p{font-family:var(--font-sans); font-weight:500; font-size:clamp(19px,.8vw + 14px,22px); line-height:1.4; letter-spacing:-.01em; color:var(--sage)}
.pull cite{display:block; margin-top:12px; font:500 13px/1.4 var(--font-sans); font-style:normal; letter-spacing:.02em; color:var(--muted)}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  min-height:48px; padding:0 26px; border-radius:100px;
  border:1.5px solid transparent; text-decoration:none; cursor:pointer;
  font:500 16px/1.2 var(--font-sans); letter-spacing:-.005em; text-align:center;
  transition:background-color var(--d-micro) var(--ease-io), border-color var(--d-micro) var(--ease-io),
             color var(--d-micro) var(--ease-io), transform var(--d-micro) var(--ease-io);
}
.btn__ic{width:19px; height:19px; flex:none; transition:transform var(--d-micro) var(--ease-io)}
.btn--fill{background:var(--sage); color:var(--on-sage)}
.btn--fill:hover{background:var(--sage-2); transform:translateY(-1px)}
.btn--fill:active{transform:none; transition-duration:80ms}
.btn--fill:hover .btn__ic{transform:translateX(3px)}
.btn--line{background:transparent; color:var(--sage); border-color:var(--sage)}
.btn--line:hover{background:var(--ivory-2); border-color:var(--sage-2)}
.btn--soft{background:var(--tide-tint); color:var(--sage)}
.btn--soft:hover{background:var(--tide)}
.btn--sm{min-height:44px; padding:0 20px; font-size:14px; white-space:nowrap}
.btn--lg{min-height:54px; padding:0 32px; font-weight:600}
.btn-row{display:flex; flex-wrap:wrap; gap:12px}
.btn-row--mid{justify-content:center}

.hdr{
  position:sticky; top:0; z-index:60; background:var(--ivory);
  border-bottom:1px solid transparent;
  transition:background-color .3s ease, border-color .3s ease;
}
.hdr__in{position:relative; display:flex; align-items:center; justify-content:space-between; gap:24px; height:var(--hdr-h)}
.hdr.is-stuck{background:var(--ivory-2); border-bottom-color:var(--line)}

.brand{display:flex; align-items:center; min-height:44px; text-decoration:none; flex:none}
.brand img{width:168px; height:auto}
@media (max-width:599px){ .brand img{width:132px} }

.nav{position:absolute; left:50%; transform:translateX(-50%); display:flex; gap:14px}
.nav a{
  display:inline-flex; align-items:center; justify-content:center; min-height:44px; min-width:44px; padding:0 4px;
  font-size:14.5px; font-weight:500; color:var(--sage-soft); white-space:nowrap;
  text-decoration:underline; text-decoration-color:transparent;
  text-decoration-thickness:2px; text-underline-offset:7px;
  transition:color var(--d-micro) var(--ease-io), text-decoration-color var(--d-micro) var(--ease-io);
}
.nav a:hover{color:var(--sage); text-decoration-color:var(--tide)}
.nav a[aria-current]{color:var(--sage); text-decoration-color:var(--gold)}
.hdr__side{display:flex; align-items:center; gap:12px}

.lang{position:relative}
.lang__btn{
  display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 12px;
  background:none; border:0; border-radius:100px; cursor:pointer;
  font:700 12px/1 var(--font-sans); letter-spacing:.06em; color:var(--sage);
  transition:background-color var(--d-micro) var(--ease-io);
}
.lang__btn:hover,.lang__btn[aria-expanded="true"]{background:var(--tide-tint)}
.lang__ic{width:17px; height:17px}
.lang__c{width:14px; height:14px; flex:none; transition:transform var(--d-menu) var(--ease-io)}
.lang__btn[aria-expanded="true"] .lang__c{transform:rotate(180deg)}
.lang__pop{
  position:absolute; top:calc(100% + 6px); right:0; z-index:70; min-width:200px;
  padding:6px; background:var(--ivory-2); border:1px solid var(--line); border-radius:14px;
}
.lang__i{
  display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:8px;
  padding:9px 10px; border-radius:9px; font:500 14px/1.3 var(--font-sans); color:var(--sage); text-decoration:none;
  transition:background-color 120ms var(--ease-io);
}
.lang__i b{font:700 11px/1 var(--font-sans); letter-spacing:.08em; color:var(--sage-soft)}
.lang__i em{display:block; font:500 11px/1.3 var(--font-sans); font-style:normal; color:var(--muted)}
a.lang__i:hover,a.lang__i:focus-visible{background:var(--tide-tint)}
.lang__i.is-on{position:relative}
.lang__i.is-on::after{content:''; position:absolute; right:12px; top:50%; width:10px; height:6px; margin-top:-5px; border-left:1.5px solid var(--sage); border-bottom:1.5px solid var(--sage); transform:rotate(-45deg)}
.lang__i[aria-disabled="true"]{color:var(--sage-soft); cursor:default}

.burger{
  display:none; width:44px; height:44px; align-items:center; justify-content:center;
  background:none; border:1px solid var(--line-strong); border-radius:100px; color:var(--sage); cursor:pointer;
  transition:background-color var(--d-micro) var(--ease-io);
}
.burger:hover{background:var(--tide-tint)}
.burger svg{width:22px; height:22px}
.burger__c{display:none}
.burger[aria-expanded="true"] .burger__o{display:none}
.burger[aria-expanded="true"] .burger__c{display:block}

.mnav{
  display:none; position:absolute; left:0; right:0; top:100%;
  border-top:1px solid var(--line); background:var(--ivory-2);
  max-height:calc(100dvh - 64px); overflow-y:auto; overscroll-behavior:contain;
}
html:not(.js) .mnav{display:block; position:static; max-height:none}
html:not(.js) .burger{display:none !important}
.mnav.is-open{display:block}
.js .mnav.is-open{animation:mnav-in var(--d-menu) var(--ease-out)}
@keyframes mnav-in{from{opacity:0; transform:translateY(-6px)} to{opacity:1; transform:none}}
.mnav__in{display:flex; flex-direction:column; padding:8px 0 28px}
.mnav__in > a:not(.btn){
  padding:15px 0; font-size:17px; font-weight:500; color:var(--sage);
  border-bottom:1px solid var(--line); text-decoration:underline; text-decoration-color:transparent;
  text-decoration-thickness:2px; text-underline-offset:6px; transition:text-decoration-color var(--d-micro) var(--ease-io);
}
.mnav__in > a[aria-current]{text-decoration-color:var(--gold)}
.mnav__cta{margin-top:20px; justify-content:center}
.mnav__lang{margin-top:22px; padding-top:16px; border-top:1px solid var(--line)}
.mnav__lang > p{margin:0 0 10px; font:700 12px/1 var(--font-sans); letter-spacing:.08em; text-transform:uppercase; color:var(--sage-soft)}
.mnav__lang ul{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none}
.mnav__lang li > *{display:flex; align-items:center; gap:8px; min-height:44px; padding:0 12px; border-radius:10px; border:1px solid var(--line); font:500 14px/1.3 var(--font-sans); color:var(--sage-soft); text-decoration:none}
.mnav__lang li > a.is-on{border-color:var(--sage); color:var(--sage); background:var(--ivory)}
.mnav__lang b{font:700 11px/1 var(--font-sans); letter-spacing:.08em}
.mnav__lang em{font:500 11px/1 var(--font-sans); font-style:normal; color:var(--muted); margin-left:auto}

@media (max-width:1279px){ .nav a[data-opt]{display:none} }
@media (max-width:1139px){ .nav{display:none} .burger{display:inline-flex} }
@media (max-width:679px){ .lang{display:none} }
@media (max-width:599px){ .hdr__cta{display:none} }

.hero--c{
  --hc-photo:clamp(250px,30vw,380px);            --hc-gap:clamp(36px,6vw,88px);                 position:relative; z-index:1; overflow:clip;
  background:var(--tide); color:var(--sage);
  padding:28px 0 32px;
}
.hero--c .wrap{position:relative; z-index:1}
.hc__field{display:grid; row-gap:24px; min-width:0}
.hc__text{display:flex; flex-direction:column; align-items:flex-start; min-width:0}
.hc__id{margin:0 0 12px; font:500 15px/1.4 var(--font-sans); color:var(--sage); display:flex; flex-wrap:wrap; align-items:center}
.hc__id b{font-weight:600}
.hc__role{display:inline-flex; align-items:center; white-space:nowrap}
.hc__dot{display:inline-block; width:4px; height:4px; border-radius:50%; background:var(--sage); margin:0 10px; opacity:.7}
.hc__t{font-size:clamp(40px,11.5vw,50px); line-height:1.08; letter-spacing:0; margin:0; color:var(--sage)}
.hc__t .ln,.hc__t .wd{display:block}
.hc__hl{background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 84% / 100% .34em; padding:0 .04em; margin:0 -.04em}
.hc__fn{margin:14px 0 0; max-width:38ch; font-size:16.5px; line-height:1.55; color:var(--sage); text-wrap:pretty}
.hc__acts{display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin-top:20px}
.hc__link{
  display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:0 2px;
  font:600 15.5px/1.2 var(--font-sans); color:var(--sage); text-decoration:underline;
  text-decoration-color:var(--sage); text-decoration-thickness:1.5px; text-underline-offset:5px;
  transition:text-decoration-color var(--d-micro) var(--ease-io), text-underline-offset var(--d-micro) var(--ease-io);
}
.hc__link svg{width:17px; height:17px; transition:transform var(--d-micro) var(--ease-io)}
.hc__link:hover{text-decoration-color:var(--gold); text-decoration-thickness:2px; text-underline-offset:6px}
.hc__link:hover svg{transform:translateX(3px)}
.hc__link:focus-visible{outline:2px solid var(--sage); outline-offset:4px; border-radius:4px}
.hc__meta{display:flex; flex-direction:column; align-items:flex-start; gap:4px; margin:0; font:500 14.5px/1.5 var(--font-sans); color:var(--sage)}
.hc__places{display:inline-flex; flex-wrap:wrap; align-items:center}
.hc__places span+span::before{content:''; display:inline-block; width:4px; height:4px; border-radius:50%; background:var(--sage); opacity:.7; margin:0 10px; vertical-align:middle}
.hc__langs::before{content:''; display:none; width:1px; height:14px; background:var(--sage); opacity:.35; margin-right:18px; vertical-align:-2px}
.hc__stage{position:relative; margin:0; width:100%; min-width:0}
.hc__frame{position:relative; overflow:clip; border-radius:var(--radius); background:var(--tide-tint); aspect-ratio:4/3}
.hc__frame picture{display:block; width:100%; height:100%}
.hc__frame img{width:100%; height:100%; object-fit:cover; display:block; object-position:32% 30%; transform:scale(1.08); transform-origin:34% 36%}
@media (max-width:359px){ .hc__t{font-size:36px} }
@media (min-width:600px){
  .hero--c{padding:40px 0 44px}
  .hc__id{margin-bottom:16px; font-size:15.5px}
  .hc__t{font-size:clamp(44px,3.6vw + 18px,74px)}     .hc__fn{margin-top:18px; font-size:17.5px}
  .hc__acts{gap:10px 22px; margin-top:26px}
  .hc__meta{flex-direction:row; flex-wrap:wrap; align-items:center; gap:6px 18px}
  .hc__langs::before{display:inline-block}
}
@media (min-width:600px) and (max-width:679px){ .hc__stage{max-width:420px} }
@media (min-width:680px){
  .hc__field{
    grid-template-columns:fit-content(560px) var(--hc-photo);
    grid-template-rows:1fr auto auto 1fr;
    grid-template-areas:". stage" "text stage" "meta stage" ". stage";
    justify-content:start; column-gap:var(--hc-gap); row-gap:0;
  }
  .hc__text{grid-area:text}
  .hc__meta{grid-area:meta; margin-top:32px}
  .hc__stage{grid-area:stage; align-self:center}
  .hc__frame{aspect-ratio:4/5}
  .hc__frame img{object-position:34% 22%; transform:scale(1.12); transform-origin:34% 30%}
}
@media (min-width:900px){ .hero--c{padding:clamp(44px,4vw,56px) 0} }

.phero{position:relative; overflow:clip; padding:clamp(36px,3.6vw,52px) 0 clamp(40px,4vw,56px)}
.phero--tide,.phero--band{background:var(--tide)}
.phero--ivory{background:var(--ivory); border-bottom:1px solid var(--line)}
.phero--ivory:has(+ .subnav){border-bottom:0}
.phero__in{max-width:780px}
.phero .display{font-size:clamp(36px,2.8vw + 18px,56px)}
.phero .display--sans{font-size:clamp(32px,2.2vw + 16px,46px)}
.phero .lede{margin-top:16px; max-width:60ch}
.phero .btn-row{margin-top:24px}
@media (min-width:600px){ .phero{--phero-min:280px; min-height:var(--phero-min)} }
@media (min-width:900px){ .phero{--phero-min:clamp(300px,26vw,372px)} }
.page-legal .phero{--phero-min:0px}
.crumbs{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; font:500 13px/1.4 var(--font-sans); color:var(--muted)}
.crumbs a{color:var(--sage-soft); text-decoration:none; min-height:0}
.crumbs a:hover{color:var(--sage); text-decoration:underline; text-underline-offset:3px}
.crumbs li+li::before{content:'/'; margin-right:6px; color:var(--line-strong)}
.crumbs li[aria-current]{color:var(--sage)}
.sun{position:absolute; pointer-events:none; user-select:none; z-index:0}
.phero .wrap,.close__in{position:relative; z-index:1}
.sun--phero{right:-90px; top:-70px; width:280px; opacity:1}
.sun--close{left:-110px; bottom:-120px; width:300px}
@media (max-width:1139px){ .sun--phero{width:150px; right:-56px; top:-86px} }   @media (max-width:599px){ .sun--phero{width:136px; right:-56px; top:-74px} .phero .crumbs{padding-right:64px} .sun--close{width:200px; left:-90px; bottom:-90px} }

.band--tide,.mode--screen,.place__card--tide,.who__card--tide,.note,.post__note,.phero--tide,.phero--band,.hero--c{--muted:var(--sage); --tide-deep:#3f5c64; --sage-soft:var(--sage)}
.band--tide,.phero--tide,.phero--band,.hero--c{--focus:var(--sage)}

.sec{padding:var(--gap) 0; position:relative}
.sec--m{padding-block:var(--gap-m)}
.sec--s{padding-block:var(--gap-s)}
[data-hero] + .sec,[data-hero] + .subnav + .sec{padding-top:var(--gap-m)}
.sec.close{padding-block:var(--gap-m)}
.band:not(.band--tide) + .close{padding-top:var(--gap-s)}
.h-sec + .prose{margin-top:18px}
.band:not(.band--tide) .mode:not(.mode--screen),.band:not(.band--tide) .place__card:not(.place__card--tide){background:var(--ivory)}
.band{background:var(--ivory-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.band--tide{background:var(--tide); border-color:transparent}
.dark{background:var(--sage); color:var(--on-sage)}
.dark .eyebrow{color:var(--on-sage-accent)}
.dark .h-sec,.dark .display{color:var(--on-sage-accent)}
.dark .lede{color:var(--on-sage-soft)}
.opener{max-width:640px; margin-bottom:var(--stack)}
.opener--mid{margin-inline:auto; text-align:center}
.opener .lede{margin-top:14px}
.sec__more{margin-top:clamp(28px,3vw,40px)}
.link-more{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; font:500 15px/1.3 var(--font-sans); color:var(--sage);
  text-decoration:underline; text-decoration-color:var(--tide); text-underline-offset:5px; text-decoration-thickness:2px;
  transition:text-decoration-color var(--d-micro) var(--ease-io);
}
.link-more:hover{text-decoration-color:var(--sage)}
.link-more svg{width:18px; height:18px; transition:transform var(--d-micro) var(--ease-io)}
.link-more:hover svg{transform:translateX(3px)}

.who__grid{display:grid; gap:40px}
@media (min-width:900px){ .who__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:clamp(48px,6vw,96px); align-items:start} }
.who__cards{display:grid; gap:12px}
.who__card{padding:22px 24px; background:var(--ivory-2); border:1px solid var(--line); border-radius:var(--radius)}
.who__card h3{font:600 17px/1.3 var(--font-sans); margin-bottom:6px}
.who__card p{font-size:15px; line-height:1.5; color:var(--sage-soft)}
.who__card--tide{background:var(--tide-tint); border-color:transparent}
.who__words{display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 24px}
.who__words li{font:600 13px/1 var(--font-sans); letter-spacing:.02em; padding:9px 14px; border-radius:30px; background:var(--ivory-2); border:1px solid var(--line); color:var(--sage)}

.about__aside{display:grid; gap:28px; align-content:start}
.about__photo{margin:0; max-width:380px; aspect-ratio:4/5; overflow:clip; border-radius:var(--radius); background:var(--tide-tint)}
.about__photo picture{display:block; width:100%; height:100%}
.about__photo img{width:100%; height:100%; object-fit:cover; object-position:34% 22%; transform:scale(1.12); transform-origin:34% 30%}
@media (max-width:899px){ .about__photo{max-width:420px; aspect-ratio:5/4} .about__photo img{object-position:32% 30%; transform:scale(1.08); transform-origin:34% 36%} }

.crise__grid{display:grid; gap:36px}
@media (min-width:900px){
  .crise__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(48px,6vw,96px); align-items:start}
  .crise__aside{position:sticky; top:104px}
}
.crise__aside .pull{margin-top:26px; padding-top:22px; border-top:1px solid var(--line)}
.crise__aside .who__words + .pull{margin-top:30px}
.after{position:relative; margin:26px 0 32px; padding:18px 0 0; font-size:17px; line-height:1.5; color:var(--sage); max-width:52ch}
.after::before{content:''; position:absolute; left:0; top:0; width:44px; height:3px; border-radius:2px; background:var(--gold)}
.signals{display:grid; margin-top:14px}
.signals li{padding:13px 0; border-top:1px solid var(--line); font-size:16px; line-height:1.45; color:var(--sage)}
.signals li:last-child{border-bottom:1px solid var(--line)}
@media (min-width:560px){
  .signals{grid-template-columns:1fr 1fr; column-gap:36px}
  .signals li:nth-child(2){border-top:1px solid var(--line)}
  .signals li:nth-last-child(2){border-bottom:1px solid var(--line)}
}
.mini--gap{margin-top:30px; margin-bottom:6px}

.ways{display:grid; border-top:1px solid var(--line)}
@media (min-width:820px){ .ways{grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(36px,5vw,72px)} }
.ways li{position:relative; padding:22px 0 22px 20px; border-bottom:1px solid var(--line)}
.ways li::before{content:''; position:absolute; left:0; top:30px; width:8px; height:8px; border-radius:50%; background:var(--tide)}
.ways li.is-key::before{background:var(--gold)}
.ways h3{font:600 18px/1.3 var(--font-sans); letter-spacing:-.01em; margin-bottom:6px; transition:transform var(--d-micro) var(--ease-io)}
.ways p{font-size:15px; line-height:1.5; color:var(--sage-soft); max-width:46ch}
.ways a{text-decoration:none}
.ways a::after{content:''; position:absolute; inset:0}
@media (hover:hover) and (pointer:fine){
  .ways li:has(a):hover{border-bottom-color:var(--line-strong)}
  .ways li:has(a):hover h3{transform:translateX(4px)}
}

.ledger{display:grid; gap:8px 40px; border-top:1px solid var(--line-strong)}
@media (min-width:640px){ .ledger{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:1000px){ .ledger{grid-template-columns:repeat(4,minmax(0,1fr))} }
.ledger li{padding:24px 0 8px; border-top:1px solid var(--line)}
.ledger li:first-child{border-top:0}
@media (min-width:640px){ .ledger li:nth-child(2){border-top:0} }
@media (min-width:1000px){ .ledger li{border-top:0} }
.ledger__ic{width:26px; height:26px; color:var(--tide-deep); margin-bottom:14px}
.ledger h3{font:600 17px/1.3 var(--font-sans); margin-bottom:8px}
.ledger p{font-size:15px; line-height:1.55; color:var(--sage-soft)}
.ledger b{color:var(--sage); font-weight:600}
.note{margin-top:36px; padding:20px 24px; background:var(--tide-tint); border-radius:var(--radius); max-width:720px}
.note p{font-size:15.5px; line-height:1.55; color:var(--sage)}
.note strong{font-weight:600}

.modes{display:grid; gap:14px}
@media (min-width:760px){ .modes{grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px} }
.mode{
  position:relative; display:flex; flex-direction:column; gap:14px; padding:var(--pad-card);
  background:var(--ivory-2); border:1px solid var(--line); border-radius:var(--radius);
  transition:border-color var(--d-micro) var(--ease-io), transform var(--d-micro) var(--ease-io);
}
.mode--screen{background:var(--tide-tint); border-color:transparent}
.mode__ic{width:26px; height:26px; color:var(--tide-deep)}
.mode h3{font:600 20px/1.25 var(--font-sans); letter-spacing:-.015em}
.mode h3 .mini{display:block; margin-bottom:8px; color:var(--tide-deep)}
.mode dl{display:grid; gap:8px; margin:0}
.mode dl > div{display:grid; gap:2px}
.mode dt{font:700 11px/1.3 var(--font-sans); letter-spacing:.08em; text-transform:uppercase; color:var(--muted)}
.mode dd{font-size:15px; line-height:1.5; color:var(--sage)}
.mode__acts{margin-top:auto; padding-top:10px; display:flex; flex-wrap:wrap; gap:10px; align-items:center}
.mode__more{font:500 14px/1.3 var(--font-sans); color:var(--sage); text-decoration:underline; text-decoration-color:var(--tide); text-underline-offset:4px; text-decoration-thickness:2px; min-height:44px; display:inline-flex; align-items:center}
.mode__more:hover{text-decoration-color:var(--sage)}
@media (hover:hover) and (pointer:fine){ .mode:hover{border-color:var(--line-strong)} }

.creed{display:grid; gap:28px}
@media (min-width:800px){ .creed{grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(32px,4vw,56px)} }
.creed > div{padding-top:20px; border-top:1px solid rgba(247,240,223,.22)}
.creed h3{font:600 18px/1.3 var(--font-sans); color:var(--on-sage); margin-bottom:10px}
.creed p{font-size:15.5px; line-height:1.6; color:var(--on-sage-soft)}
.creed p b{color:var(--on-sage); font-weight:600}

.creed--light > div{border-top-color:var(--line)}
.creed--light h3{color:var(--sage)}
.creed--light p,.creed--light li{color:var(--sage-soft); font-size:15.5px; line-height:1.55}
.creed--light li b{color:var(--sage); font-weight:600}

.faq{max-width:760px; margin-inline:auto}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{
  display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; list-style:none;
  padding:20px 0; font:600 17px/1.35 var(--font-sans); letter-spacing:-.01em; color:var(--sage);
  transition:color var(--d-micro) var(--ease-io);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:''; flex:none; width:12px; height:12px; margin-right:6px;
  border-right:1.5px solid var(--sage); border-bottom:1.5px solid var(--sage);
  transform:rotate(45deg) translate(-2px,-2px); transition:transform var(--d-menu) var(--ease-io);
}
.faq details[open] summary::after{transform:rotate(225deg) translate(-1px,-1px)}
.faq summary:hover{color:var(--tide-deep)}
.faq__a{padding:0 0 22px; max-width:62ch}
.faq__a p{color:var(--sage-soft); line-height:1.6; margin-bottom:12px; text-wrap:pretty}
.faq__a p:last-child{margin-bottom:0}
.faq__a b{color:var(--sage); font-weight:600}
@supports (interpolate-size: allow-keywords){
  .faq details::details-content,.prep::details-content{
    block-size:0; overflow:clip; transition:block-size var(--d-menu) var(--ease-io), content-visibility var(--d-menu) allow-discrete;
  }
  .faq details[open]::details-content,.prep[open]::details-content{block-size:auto}
}

.prep{border-top:1px solid rgba(73,74,47,.18); margin-top:4px}
.prep summary{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0; cursor:pointer; list-style:none; font:600 15px/1.3 var(--font-sans); color:var(--sage)}
.prep summary::-webkit-details-marker{display:none}
.prep summary::after{content:''; flex:none; width:10px; height:10px; margin-right:4px; border-right:1.5px solid var(--sage); border-bottom:1.5px solid var(--sage); transform:rotate(45deg) translate(-2px,-2px); transition:transform var(--d-menu) var(--ease-io)}
.prep[open] summary::after{transform:rotate(225deg) translate(-1px,-1px)}
.prep__a{padding:2px 0 14px}
.prep__a ul{display:grid; gap:8px; padding-left:18px; margin:0 0 12px; font-size:15px; line-height:1.5; color:var(--sage-soft)}
.prep__a b{color:var(--sage); font-weight:600}
.prep__a p{font-size:14px; line-height:1.5; color:var(--muted)}

.coords{display:grid; gap:0}
@media (min-width:700px){ .coords{grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px} }
@media (min-width:1000px){ .coords{grid-template-columns:repeat(4,minmax(0,1fr))} }
.coords li{display:grid; gap:6px; padding:22px 0; border-top:1px solid var(--line)}
.coords__ic{width:24px; height:24px; color:var(--tide-deep); margin-bottom:6px}
.coords a,.coords__v{font-size:16px; line-height:1.5; text-decoration:none; color:var(--sage)}
.coords a{display:inline-block; width:fit-content; padding-block:6px; border-bottom:2px solid var(--tide); transition:border-color var(--d-micro) var(--ease-io)}
.coords a:hover{border-bottom-color:var(--sage)}

.close{background:var(--ivory-2); border-top:1px solid var(--line); overflow:clip}
.close__in{position:relative}
.close__head{max-width:680px; margin-inline:auto; text-align:center}
.close__t{margin-bottom:16px}
.close .lede{margin-inline:auto; max-width:48ch}
.close .btn-row{margin-top:32px}
.close__hint{margin:22px auto 0; max-width:52ch; font-size:14.5px; line-height:1.55; color:var(--sage-soft)}
.close__hint a{color:var(--sage); text-decoration:underline; text-decoration-color:var(--tide); text-underline-offset:3px; text-decoration-thickness:2px}
.close__hint a:hover{text-decoration-color:var(--sage)}

.posts{display:grid; gap:16px}
@media (min-width:760px){ .posts{grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px} }
.post-card{
  position:relative; display:flex; flex-direction:column; gap:10px; padding:var(--pad-card);
  background:var(--ivory-2); border:1px solid var(--line); border-radius:var(--radius);
  transition:border-color var(--d-micro) var(--ease-io);
}
.post-card time,.post-meta{font:500 13px/1.4 var(--font-sans); color:var(--muted); letter-spacing:.01em}
.post-card h2,.post-card h3{font:600 19px/1.3 var(--font-sans); letter-spacing:-.015em}
.post-card h2 a,.post-card h3 a{text-decoration:none; color:var(--sage)}
.post-card h2 a::after,.post-card h3 a::after{content:''; position:absolute; inset:0; border-radius:var(--radius)}
.post-card p{font-size:15px; line-height:1.55; color:var(--sage-soft)}
.post-card__more{margin-top:auto; padding-top:8px; display:inline-flex; align-items:center; gap:6px; font:500 14px/1 var(--font-sans); color:var(--sage)}
.post-card__more svg{width:16px; height:16px; transition:transform var(--d-micro) var(--ease-io)}
@media (hover:hover) and (pointer:fine){
  .post-card:hover{border-color:var(--line-strong)}
  .post-card:hover .post-card__more svg{transform:translateX(3px)}
}
.post-card:has(a:focus-visible){outline:2px solid var(--focus); outline-offset:3px}
.posts--list{display:block; max-width:820px; border-top:1px solid var(--line)}
.posts--list .post-card{display:grid; gap:8px; padding:28px 0; background:none; border:0; border-bottom:1px solid var(--line); border-radius:0}
.posts--list .post-card h2 a::after{border-radius:0}
@media (min-width:760px){ .posts--list .post-card{grid-template-columns:170px minmax(0,1fr); column-gap:32px} .posts--list .post-card time{grid-row:1 / span 3; padding-top:4px} }
@media (hover:hover) and (pointer:fine){ .posts--list .post-card:hover{border-bottom-color:var(--line-strong)} }
.empty{padding:24px 28px; border:1px dashed var(--line-strong); border-radius:var(--radius); max-width:820px}
.empty p{color:var(--sage-soft); line-height:1.6}
.post{max-width:720px}
.post__head{margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid var(--line)}
.post__head .display{font-size:clamp(32px,2.2vw + 18px,46px)}
.post__head .post-meta{display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:16px}
.post__body p,.post__body li{font-size:17.5px; line-height:1.7}
.post__body p{max-width:66ch}
.post__note{margin-top:40px; padding:18px 22px; background:var(--tide-tint); border-radius:var(--radius); font-size:14.5px; line-height:1.55; color:var(--sage)}
.post__nav{margin-top:28px}

.subnav{position:sticky; top:var(--hdr-h); z-index:40; background:var(--ivory); border-bottom:1px solid var(--line); margin-bottom:0}
.subnav ul{display:flex; gap:4px; overflow-x:auto; scrollbar-width:none; padding:6px 0}
.subnav ul::-webkit-scrollbar{display:none}
.subnav a{display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px; border-radius:100px; font:600 14px/1 var(--font-sans); color:var(--sage-soft); text-decoration:none; white-space:nowrap; transition:background-color var(--d-micro) var(--ease-io), color var(--d-micro) var(--ease-io)}
.subnav a:hover{background:var(--tide-tint); color:var(--sage)}
.subnav a[aria-current]{background:var(--sage); color:var(--on-sage)}
.subnav svg{width:16px; height:16px}
.place,.subnav ~ section{scroll-margin-top:148px}
.place__grid{display:grid; gap:32px}
@media (min-width:900px){ .place__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(40px,5vw,80px); align-items:start} }
.place__aside{display:grid; gap:16px; align-content:start}
.place__card{padding:var(--pad-card); background:var(--ivory-2); border:1px solid var(--line); border-radius:var(--radius); display:grid; gap:18px}
.place__card--tide{background:var(--tide-tint); border-color:transparent}
.place__card address{font-style:normal; font-size:16px; line-height:1.55}
.place__card .btn-row{padding-top:4px}
.place__list{display:grid; gap:10px; padding-left:0}
.place__list li{display:flex; gap:12px; font-size:15.5px; line-height:1.5; color:var(--sage-soft)}
.place__list svg{flex:none; width:20px; height:20px; color:var(--tide-deep); margin-top:2px}
.place__list b{color:var(--sage); font-weight:600}
.place__photo{aspect-ratio:3/2; border-radius:var(--radius); background:var(--tide-tint); display:grid; place-items:center; color:var(--muted); font:500 13px/1.4 var(--font-sans); text-align:center; padding:20px; overflow:clip; position:relative}
.place__photo img{width:30%; max-width:120px; opacity:.9}
@media (max-width:599px){ .place__photo{aspect-ratio:16/9} .place__photo img{width:22%} }
@media (min-width:600px) and (max-width:899px){ .place__aside{grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:stretch} .place__photo{aspect-ratio:auto; min-height:220px} }

.steps{display:grid; gap:0; counter-reset:step; border-top:1px solid var(--line)}
.steps li{display:grid; grid-template-columns:52px minmax(0,1fr); gap:16px; padding:24px 0; border-bottom:1px solid var(--line); counter-increment:step}
.steps li::before{content:counter(step); width:44px; height:44px; border-radius:50%; background:var(--tide-tint); color:var(--sage); font:600 16px/44px var(--font-sans); text-align:center}
.steps h3{font:600 18px/1.3 var(--font-sans); margin-bottom:6px}
.steps p{font-size:15.5px; line-height:1.55; color:var(--sage-soft); max-width:58ch}
.urgent{padding:var(--pad-card); border:1.5px solid var(--sage); border-radius:var(--radius); max-width:720px}
.faq + .urgent{max-width:760px; margin:var(--stack) auto 0}
.urgent h2{font:600 20px/1.3 var(--font-sans); margin-bottom:10px}
.urgent p{font-size:15.5px; line-height:1.6; color:var(--sage-soft)}
.urgent p+p{margin-top:10px}
.urgent b{color:var(--sage); font-weight:600}

.links-page{min-height:100dvh; display:flex; flex-direction:column; align-items:center; padding:40px 20px 56px; text-align:center}
.links-page__logo{width:min(220px,70vw); margin-bottom:22px}
.links-page h1{font:600 22px/1.3 var(--font-sans); letter-spacing:-.015em}
.links-page .lede{margin-top:8px; font-size:16px; max-width:36ch}
.links-list{width:min(100%,420px); display:grid; gap:12px; margin-top:28px}
.links-list a{
  display:flex; align-items:center; justify-content:center; gap:10px; min-height:54px; padding:12px 20px; border-radius:100px;
  background:var(--ivory-2); border:1.5px solid var(--sage); color:var(--sage); font:600 16px/1.2 var(--font-sans); text-decoration:none;
  transition:background-color var(--d-micro) var(--ease-io), transform var(--d-micro) var(--ease-io);
}
.links-list a:hover{background:var(--tide-tint); transform:translateY(-1px)}
.links-list a.is-main{background:var(--sage); color:var(--on-sage)}
.links-list a.is-main:hover{background:var(--sage-2)}
.links-list svg{width:20px; height:20px; flex:none}
.links-page__foot{margin-top:auto; padding-top:40px; font-size:13px; color:var(--muted)}
.links-page__foot a{color:var(--sage-soft)}

.wrap.legal > *{max-width:720px}
.legal .prose h2{font-size:21px}
.draft{display:inline-flex; align-items:center; gap:8px; margin-bottom:20px; padding:8px 14px; border-radius:30px; background:var(--gold); color:var(--sage); font:700 12px/1 var(--font-sans); letter-spacing:.06em; text-transform:uppercase}

.nf{padding:clamp(72px,10vw,140px) 0; text-align:center}
.nf .display{margin:16px 0}
.nf .lede{margin-inline:auto; max-width:44ch}

.bbar{display:none}
@media (max-width:899px){
  body.has-bbar{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  body.has-bbar .bbar{
    display:grid; grid-template-columns:1fr 1fr; gap:8px; position:fixed; left:0; right:0; bottom:0; z-index:50;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom)); background:var(--ivory-2); border-top:1px solid var(--line);
  }
  body.has-bbar .bbar .btn{padding:0 10px; font-size:13.5px}
}


.hl{display:inline-block; max-width:100%; overflow-wrap:anywhere; padding:0 .14em .02em; margin:0 -.04em; border-radius:.42em; background:var(--gold); color:var(--sage); line-height:1.04}

.ft{background:var(--sage); color:var(--on-sage); padding:clamp(56px,6vw,80px) 0 32px}
.ft__grid{display:grid; gap:40px}
@media (min-width:760px){ .ft__grid{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)); gap:clamp(32px,4vw,64px)} }
.ft__brand img{width:200px; height:auto; margin-bottom:20px}
.ft p{max-width:40ch; margin-bottom:10px; font-size:15px; line-height:1.6; color:var(--on-sage-soft)}
.ft__legal-name{font-size:13px !important; color:var(--on-sage-soft)}
.ft h2{font:700 12px/1 var(--font-sans); letter-spacing:.09em; text-transform:uppercase; color:var(--on-sage-accent); margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid rgba(247,240,223,.2)}
.ft li{padding:7px 0; font-size:15px; line-height:1.5; color:var(--on-sage-soft)}
.ft li a{display:inline-block; padding:3px 0; color:var(--on-sage); text-decoration:none; border-bottom:1px solid transparent; transition:border-color var(--d-micro) var(--ease-io)}
.ft li a:hover{border-bottom-color:var(--on-sage-accent)}
.ft__social{display:flex; gap:8px}
.ft li.ft__social a{display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:1px solid rgba(247,240,223,.3); border-radius:50%; transition:background-color var(--d-micro) var(--ease-io)}
.ft li.ft__social a:hover{background:rgba(247,240,223,.12); border-color:var(--on-sage-accent)}
.ft__social svg{width:20px; height:20px}
.ft__sign{
  display:flex; flex-wrap:wrap; gap:10px 28px; justify-content:space-between; align-items:center;
  margin-top:clamp(40px,4.4vw,56px); padding-top:24px; border-top:1px solid rgba(247,240,223,.2);
  font-size:13px; color:var(--on-sage-soft);
}
.ft__sign a{color:var(--on-sage); text-decoration:none; padding:5px 0; display:inline-block}
.ft__sign a:hover{text-decoration:underline; text-underline-offset:3px}
.ft__links{display:flex; gap:18px}
.ft__soon{color:var(--on-sage-soft)}

.reveal-armed .reveal{opacity:0; transform:translateY(var(--y-reveal))}
.reveal-armed .reveal.in{opacity:1; transform:none; transition:opacity var(--d-reveal) ease, transform var(--d-reveal) var(--ease-out)}
.reveal-armed .stagger > *{opacity:0; transform:translateY(var(--y-reveal))}
.reveal-armed .stagger.in > *{opacity:1; transform:none; transition:opacity var(--d-reveal) ease, transform var(--d-reveal) var(--ease-out)}
.reveal-now .reveal,.reveal-now .stagger > *{opacity:1 !important; transform:none !important; transition:none !important}
.reveal-armed .stagger.in > *:nth-child(2){transition-delay:55ms}
.reveal-armed .stagger.in > *:nth-child(3){transition-delay:110ms}
.reveal-armed .stagger.in > *:nth-child(4){transition-delay:165ms}
.reveal-armed .stagger.in > *:nth-child(5){transition-delay:220ms}
.reveal-armed .stagger.in > *:nth-child(6){transition-delay:275ms}
.reveal-armed .stagger.in > *:nth-child(7){transition-delay:330ms}
.reveal-armed .stagger.in > *:nth-child(8){transition-delay:385ms}

.reveal-armed .reveal .mark{background-size:0 .14em}
.reveal-armed .reveal.in .mark{background-size:100% .14em; transition:background-size var(--d-mark) var(--ease-out) 180ms}
.reveal-now .mark{background-size:100% .14em !important}

.hero__t .ln{display:block}   .js .hero__t .ln{clip-path:inset(-.3em -.6em -.6em -.6em)}
.js .hero__t .ln > .wd{display:block}
.hero.pre .hero__t .ln > .wd{transform:translateY(130%)}
.hero.pre .eyebrow-row,.hero.pre .hero__pre,.hero.pre .hero__fn,.hero.pre .hero__acts,.hero.pre .hero__sun,.hero.pre .hero__id{opacity:0; transform:translateY(var(--y-reveal))}
.hero.pre .hero__sun{transform:none}
.hero.pre .mark{background-size:0 .14em}
.hero.go .hero__t .ln > .wd{transform:none; transition:transform .78s var(--ease-out)}
.hero.go .hero__t .ln:nth-child(1) > .wd{transition-delay:60ms}
.hero.go .hero__t .ln:nth-child(2) > .wd{transition-delay:150ms}
.hero.go .hero__t .ln:nth-child(3) > .wd{transition-delay:240ms}
.hero.go .mark{background-size:100% .14em; transition:background-size var(--d-mark) var(--ease-out) 700ms}
.hero.go .eyebrow-row,.hero.go .hero__pre,.hero.go .hero__fn,.hero.go .hero__acts,.hero.go .hero__sun,.hero.go .hero__id{
  opacity:1; transform:none; transition:opacity .6s ease, transform .6s var(--ease-out);
}
.hero.go .hero__sun{transition-duration:.9s}
.hero.go .hero__id{transition-delay:320ms}
.hero.go .hero__fn{transition-delay:420ms}
.hero.go .hero__acts{transition-delay:520ms}
.js .hero__stage picture{display:block; transition:opacity .72s var(--ease-out), transform .72s var(--ease-out)}
.js .hero.portrait-prepared .hero__stage picture{opacity:.78; transform:translateY(11px); transition:none}

.js .hc__t .ln{clip-path:inset(-.3em -.6em -.6em -.6em)}
.hero--c.pre .hc__t .wd{transform:translateY(130%)}
.hero--c.pre .hc__id,.hero--c.pre .hc__fn,.hero--c.pre .hc__acts,.hero--c.pre .hc__meta{opacity:0; transform:translateY(var(--y-reveal))}
.hero--c.pre .hc__stage{opacity:0; transform:translateY(10px)}
.hero--c.pre .hc__hl{background-size:0 .34em}
.hero--c.pre .sun{opacity:0}
.hero--c.go .hc__t .wd{transform:none; transition:transform .78s var(--ease-out)}
.hero--c.go .hc__t .ln:nth-child(2) .wd{transition-delay:90ms}
.hero--c.go .hc__id,.hero--c.go .hc__fn,.hero--c.go .hc__acts,.hero--c.go .hc__meta,.hero--c.go .hc__stage{opacity:1; transform:none; transition:opacity .6s ease, transform .6s var(--ease-out)}
.hero--c.go .hc__stage{transition-duration:.8s; transition-delay:160ms}
.hero--c.go .hc__fn{transition-delay:380ms}
.hero--c.go .hc__acts{transition-delay:480ms}
.hero--c.go .hc__meta{transition-delay:560ms}
.hero--c.go .hc__hl{background-size:100% .34em; transition:background-size var(--d-mark) var(--ease-out) 640ms}
.hero--c.go .sun{opacity:1; transition:opacity .9s ease}

.phero.pre .phero__in > *{opacity:0; transform:translateY(10px)}
.phero.pre .mark{background-size:0 .14em}
.phero.pre .sun{opacity:0}
.phero.go .phero__in > *{opacity:1; transform:none; transition:opacity .5s ease, transform .5s var(--ease-out)}
.phero.go .phero__in > :nth-child(2){transition-delay:80ms}
.phero.go .phero__in > :nth-child(3){transition-delay:160ms}
.phero.go .phero__in > :nth-child(4){transition-delay:220ms}
.phero.go .phero__in > :nth-child(5){transition-delay:260ms}
.phero.go .mark{background-size:100% .14em; transition:background-size var(--d-mark) var(--ease-out) 420ms}
.phero.go .sun{opacity:1; transition:opacity .9s ease}

@media (prefers-reduced-motion:reduce){
  .reveal,.stagger > *,.pre .phero__in > *,.pre .sun,
  .pre .eyebrow-row,.pre .hero__pre,.pre .hero__fn,.pre .hero__acts,.pre .hero__sun,.pre .hero__id{opacity:1 !important; transform:none !important}
  .js .hero__t .ln{clip-path:none}
  .hero--c .hc__id,.hero--c .hc__fn,.hero--c .hc__acts,.hero--c .hc__meta,.hero--c .hc__stage,.hero--c .hc__t .wd{opacity:1 !important; transform:none !important}
  .js .hc__t .ln{clip-path:none}
  .hero--c .hc__hl{background-size:100% .34em !important}
  .pre .hero__t .ln > .wd{transform:none !important}
  .js .hero__stage picture{opacity:1 !important; transform:none !important}
  .mark{background-size:100% .14em !important}
  *,*::before,*::after{transition:none !important; animation:none !important}
}

html:not(.js) .reveal,html:not(.js) .stagger > *,
html:not(.js) [data-hero].pre .phero__in > *,
html:not(.js) [data-hero].pre .hero__t .wd,
html:not(.js) [data-hero].pre .hero__pre,
html:not(.js) [data-hero].pre .hero__fn,
html:not(.js) [data-hero].pre .hero__acts,
html:not(.js) [data-hero].pre .hero__id,
html:not(.js) [data-hero].pre .eyebrow-row,
html:not(.js) [data-hero].pre .sun,
html:not(.js) [data-hero].pre .hero__sun{
  opacity:1 !important; transform:none !important; transition:none !important;
}
html:not(.js) [data-hero].pre .hc__t .wd,html:not(.js) [data-hero].pre .hc__id,html:not(.js) [data-hero].pre .hc__fn,
html:not(.js) [data-hero].pre .hc__acts,html:not(.js) [data-hero].pre .hc__meta,html:not(.js) [data-hero].pre .hc__stage{opacity:1 !important; transform:none !important; transition:none !important}
html:not(.js) .hc__t .ln{clip-path:none}
html:not(.js) .mark{background-size:100% .14em !important}

.capture .reveal,.capture .stagger > *,.capture .phero__in > *,.capture .phero .sun,
.capture .eyebrow-row,.capture .hero__pre,.capture .hero__fn,.capture .hero__acts,.capture .hero__sun,.capture .hero__id{opacity:1 !important; transform:none !important}
.capture .hero__t .ln{clip-path:none}
.capture .hero__t .ln > .wd{transform:none !important}
.capture .hero__stage picture{opacity:1 !important; transform:none !important}
.capture .mark{background-size:100% .14em !important}
.capture .hc__id,.capture .hc__fn,.capture .hc__acts,.capture .hc__meta,.capture .hc__stage,.capture .hc__t .wd,.capture .hero--c .sun{opacity:1 !important; transform:none !important}
.capture .hc__t .ln{clip-path:none}
.capture .hc__hl{background-size:100% .34em !important}
.capture *{transition:none !important; animation:none !important}

@media print{
  .hdr,.mnav,.burger,.skip,.btn,.lang,.bbar,.sun,.hero__sun,.subnav{display:none !important}
  .mark{background:none !important}
  body{background:#fff; color:#000; font-size:11pt}
  .hero,.hero--c,.phero,.band,.dark,.note,.mode,.close,.ft,.who__card,.place__card,.post-card{background:#fff !important; color:#000 !important}
  .hero::before{display:none}
  .dark *,.ft *{color:#000 !important}
  .mode,.note,.who__card,.place__card{border:1px solid #999 !important}
  .sec,.hero,.hero--c,.phero{padding:14pt 0 !important}
  .sec,.creed > div,.ledger li,.mode,.faq details,.steps li{break-inside:avoid}
  .crise__aside{position:static !important}
  details::details-content{block-size:auto !important; content-visibility:visible !important; overflow:visible !important}
  a[href^="http"]::after{content:" (" attr(href) ")"; font-size:9pt; color:#444; word-break:break-all}
}
