:root {
  --paper:#F2EDE4;
  --paper-2:#E9E1D5;
  --paper-high:#FFFDF8;
  --ink:#1D1B18;
  --muted:#625B52;
  --faint:#928779;
  --line:#D7CCBD;
  --line-soft:#E6DED3;
  --accent:#A45F45;
  --accent-hover:#8F513B;
  --accent-soft:#F0E1DA;
  --dark:#171613;
  --dark-2:#12110F;
  --dark-line:#3A342C;
  --white:#F0EADF;
  --white-muted:#B0A697;
  --page-pad:clamp(22px,4.2vw,72px);
  --serif:"Iowan Old Style","Baskerville","Times New Roman",serif;
  --sans:"Helvetica Neue","Segoe UI",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
  --hero-shift:0px;
  --hero-rotate:0deg;
  --longterm-progress:0;
  --rule-scale:.15;
  --hero-ring-scale:.82;
  --longterm-x:80px;
  --longterm-y:40px;
  --longterm-glow-x:20%;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper);scrollbar-color:var(--accent) var(--paper-2);scrollbar-width:thin}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden;min-width:320px}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
button,input,textarea,select{font:inherit;-webkit-tap-highlight-color:transparent}
::selection{background:var(--accent);color:var(--white)}
:focus{outline:none}
:focus:not(:focus-visible){outline:none}
:focus-visible{outline:none;border-radius:2px;background:var(--accent-soft);box-shadow:0 2px 0 var(--accent)}
.is-pressed{transform:scale(.985)!important;transition-duration:80ms!important}
.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.09em}

.charter-progress{position:fixed;inset:0 0 auto;z-index:120;height:2px;pointer-events:none;background:transparent}
.charter-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent);box-shadow:0 0 10px rgba(164,95,69,.25);will-change:transform}
.charter-side-mark{position:fixed;z-index:19;right:8px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;font-size:7px;letter-spacing:.15em;opacity:.27;pointer-events:none;white-space:nowrap}
.charter-grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}

.charter-topbar{position:sticky;top:0;z-index:50;height:72px;padding:0 var(--page-pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);background:rgba(242,237,228,.84);backdrop-filter:blur(18px) saturate(1.1);transition:background 300ms var(--ease),border-color 300ms var(--ease)}
.charter-brand{justify-self:start;display:flex;align-items:baseline;gap:5px;font-weight:700;transition:transform 260ms var(--ease),color 160ms ease}
.charter-brand:hover{color:var(--accent)}
.brand-a{font:700 21px var(--serif)}.brand-slash{opacity:.55}.brand-name{font-size:13px}.charter-top-title{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.58}.charter-back{justify-self:end;font-size:12px;display:flex;align-items:center;gap:18px;transition:transform 260ms var(--ease),color 160ms ease}.charter-back:hover{color:var(--accent)}.charter-back span{font:19px var(--serif);transition:transform 220ms var(--ease)}.charter-back:hover span{transform:translate(-4px,4px)}

.charter-hero{min-height:calc(100svh - 72px);padding:40px var(--page-pad) 70px;display:grid;grid-template-rows:auto 1fr auto;position:relative;overflow:hidden;isolation:isolate}
.charter-hero::before{content:"";position:absolute;left:52%;top:18%;width:min(48vw,700px);aspect-ratio:1;border:1px solid rgba(29,27,24,.07);border-radius:50%;transform:translate3d(-50%,var(--hero-shift),0) scale(var(--hero-ring-scale));pointer-events:none;z-index:-1}
.charter-hero::after{content:"A";position:absolute;right:-.06em;top:.12em;font:700 min(68vw,980px)/.8 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(29,27,24,.075);transform:translate3d(0,var(--hero-shift),0) rotate(var(--hero-rotate));transform-origin:70% 40%;pointer-events:none;z-index:-2;will-change:transform}
.charter-hero-meta{display:flex;justify-content:space-between;font-size:9px;opacity:.55;position:relative;z-index:2}
.charter-hero-title{align-self:center;position:relative;z-index:2;will-change:transform}
.charter-eyebrow{margin:0 0 18px .4vw;font:italic clamp(17px,1.7vw,25px) var(--serif);color:var(--muted)}
.charter-hero-title h1{margin:0;font:500 clamp(82px,15vw,240px)/.68 var(--serif);letter-spacing:-.075em;perspective:900px}
.charter-hero-title h1 span,.charter-hero-title h1 i{display:block;will-change:transform,opacity,clip-path}
.charter-hero-title h1 i{font-weight:400;color:var(--accent);margin-left:13vw}
.charter-hero-intro{width:min(680px,54%);margin-left:auto;position:relative;z-index:2;font-size:15px;line-height:1.78;will-change:transform}
.charter-hero-intro .lead{font:italic clamp(24px,2.5vw,38px)/1.24 var(--serif);margin:0 0 34px}.charter-hero-intro p{margin:0 0 18px}.charter-hero-intro .declaration{font-weight:700;margin-top:32px;position:relative;padding-left:30px}.charter-hero-intro .declaration::before{content:"";position:absolute;left:0;top:.85em;width:18px;height:1px;background:var(--accent);transform-origin:left}
.charter-scroll-cue{position:absolute;left:var(--page-pad);bottom:30px;display:flex;align-items:center;gap:14px;font-size:7px;letter-spacing:.14em;opacity:.5}.charter-scroll-cue i{display:block;width:68px;height:1px;background:var(--line);position:relative;overflow:hidden}.charter-scroll-cue i::after{content:"";position:absolute;inset:0;background:var(--accent);transform:translateX(-100%)}

/* First-load choreography. Content remains visible when JS is unavailable. */
.has-js body:not(.motion-ready) .charter-topbar{opacity:0;transform:translateY(-100%)}
.has-js body:not(.motion-ready) .charter-hero-meta,.has-js body:not(.motion-ready) .charter-eyebrow,.has-js body:not(.motion-ready) .charter-hero-intro p,.has-js body:not(.motion-ready) .charter-scroll-cue{opacity:0}
.has-js body:not(.motion-ready) .charter-hero-title h1 span{opacity:0;transform:translate3d(0,110px,0) rotateX(-18deg);clip-path:inset(0 0 100% 0)}
.has-js body:not(.motion-ready) .charter-hero-title h1 i{opacity:0;transform:translate3d(0,130px,0) skewY(4deg);clip-path:inset(0 0 100% 0)}
.motion-ready .charter-topbar{animation:topbar-in 720ms var(--ease) both}
.motion-ready .charter-hero-meta{animation:soft-in 700ms 160ms var(--ease) both}
.motion-ready .charter-eyebrow{animation:soft-in 700ms 260ms var(--ease) both}
.motion-ready .charter-hero-title h1 span{animation:hero-word-in 1100ms 250ms var(--ease) both}
.motion-ready .charter-hero-title h1 i{animation:hero-word-in 1200ms 420ms var(--ease) both}
.motion-ready .charter-hero-intro p{animation:paragraph-in 760ms var(--ease) both}.motion-ready .charter-hero-intro p:nth-child(1){animation-delay:700ms}.motion-ready .charter-hero-intro p:nth-child(2){animation-delay:790ms}.motion-ready .charter-hero-intro p:nth-child(3){animation-delay:870ms}.motion-ready .charter-hero-intro p:nth-child(4){animation-delay:950ms}.motion-ready .charter-hero-intro p:nth-child(5){animation-delay:1030ms}.motion-ready .charter-scroll-cue{animation:soft-in 700ms 1250ms var(--ease) both}.motion-ready .charter-scroll-cue i::after{animation:scroll-line 2100ms 1450ms var(--ease) infinite}
@keyframes topbar-in{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
@keyframes soft-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes paragraph-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes hero-word-in{0%{opacity:0;transform:translate3d(0,120px,0) rotateX(-16deg);clip-path:inset(0 0 100% 0)}100%{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes scroll-line{0%{transform:translateX(-100%)}45%,60%{transform:translateX(0)}100%{transform:translateX(100%)}}

.charter-rule{height:66px;margin:0 var(--page-pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.charter-rule span{height:1px;background:var(--line);transform:scaleX(var(--rule-scale));transition:transform 90ms linear}.charter-rule span:first-child{transform-origin:right}.charter-rule span:last-child{transform-origin:left}.charter-rule b{font:9px var(--mono);letter-spacing:.11em;font-weight:400;opacity:.55}

.charter-layout{padding:70px var(--page-pad) 110px;display:grid;grid-template-columns:minmax(210px,.34fr) minmax(0,1fr);gap:7vw;align-items:start}
.charter-toc{position:sticky;top:110px;border-top:1px solid var(--ink);padding-top:16px}.charter-toc>p{margin:0 0 24px;font-size:8px;opacity:.5}.charter-toc nav{display:flex;flex-direction:column;position:relative}.charter-toc a{position:relative;display:grid;grid-template-columns:36px 1fr;gap:6px;padding:11px 10px 11px 0;border-bottom:1px solid var(--line);font:15px/1.2 var(--serif);transition:color 180ms ease,padding-left 280ms var(--ease),background 180ms ease}.charter-toc a::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:center;transition:transform 360ms var(--ease)}.charter-toc a span{font:8px var(--mono);opacity:.44;padding-top:4px;transition:opacity 180ms ease,transform 260ms var(--ease)}.charter-toc a:hover{color:var(--accent);padding-left:6px}.charter-toc a:hover span{opacity:.8;transform:translateX(2px)}.charter-toc a.is-active{color:var(--accent);padding-left:9px}.charter-toc a.is-active::before{transform:scaleY(1)}.charter-toc a.is-active span{opacity:1}

.charter-document{min-width:0}.charter-principle{--section-progress:0;position:relative;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(300px,1fr);column-gap:6vw;row-gap:25px;padding:100px 0 120px;border-top:1px solid var(--line);scroll-margin-top:90px;isolation:isolate}.charter-principle:first-child{border-top:0;padding-top:20px}.charter-principle::after{content:attr(data-index);position:absolute;right:-.025em;top:.26em;z-index:-1;font:500 clamp(140px,20vw,320px)/.8 var(--serif);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(29,27,24,.055);transform:translate3d(var(--section-drift,40px),0,0);opacity:var(--section-ghost-opacity,.3);pointer-events:none}.principle-index{grid-column:1/-1;font-size:8px;opacity:.48;will-change:transform}.charter-principle h2{margin:0;font:500 clamp(50px,6.6vw,108px)/.88 var(--serif);letter-spacing:-.055em;will-change:transform}.charter-principle h2 i{font-weight:400;color:var(--accent)}.principle-body{align-self:start;max-width:650px;font-size:15px;line-height:1.86}.principle-body p{margin:0 0 22px}.principle-body blockquote{position:relative;margin:44px 0;padding:0 0 0 24px;border-left:0;font:italic clamp(24px,2.4vw,38px)/1.25 var(--serif)}.principle-body blockquote::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(var(--section-progress));transform-origin:top;transition:transform 80ms linear}

.has-js .motion-ready .charter-principle:not(.is-visible) .principle-index,.has-js .motion-ready .charter-principle:not(.is-visible) h2,.has-js .motion-ready .charter-principle:not(.is-visible) .principle-body>*{opacity:0}.has-js .motion-ready .charter-principle:not(.is-visible) .principle-index{transform:translateX(-20px)}.has-js .motion-ready .charter-principle:not(.is-visible) h2{transform:translateY(70px);clip-path:inset(0 0 100% 0)}.has-js .motion-ready .charter-principle:not(.is-visible) .principle-body>*{transform:translateY(34px)}
.charter-principle.is-visible .principle-index{transition:opacity 600ms ease,transform 720ms var(--ease);opacity:.48}.charter-principle.is-visible h2{transition:opacity 780ms ease,transform 1050ms var(--ease),clip-path 1050ms var(--ease);opacity:1;clip-path:inset(0)}.charter-principle.is-visible .principle-body>*{transition:opacity 650ms ease,transform 850ms var(--ease);opacity:1;transform:none}.charter-principle.is-visible .principle-body>*:nth-child(1){transition-delay:180ms}.charter-principle.is-visible .principle-body>*:nth-child(2){transition-delay:240ms}.charter-principle.is-visible .principle-body>*:nth-child(3){transition-delay:300ms}.charter-principle.is-visible .principle-body>*:nth-child(4){transition-delay:360ms}.charter-principle.is-visible .principle-body>*:nth-child(5){transition-delay:420ms}.charter-principle.is-visible .principle-body>*:nth-child(6){transition-delay:480ms}.charter-principle.is-visible .principle-body>*:nth-child(7){transition-delay:540ms}

.charter-long-term{position:relative;overflow:hidden;background:var(--dark);color:var(--white);padding:110px var(--page-pad) 130px;display:grid;grid-template-columns:.34fr 1fr;gap:7vw;isolation:isolate}.charter-long-term::before{content:"RESPONSIBILITY";position:absolute;left:-.04em;top:.03em;z-index:-1;font:500 clamp(90px,16vw,260px)/.78 var(--serif);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(240,234,223,.06);transform:translate3d(var(--longterm-x),var(--longterm-y),0);pointer-events:none}.charter-long-term::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at var(--longterm-glow-x) 24%,rgba(164,95,69,.15),transparent 33%),linear-gradient(180deg,var(--dark),var(--dark-2));opacity:.9}.long-term-label{font-size:8px;opacity:.5;border-top:1px solid rgba(255,255,255,.25);padding-top:16px}.long-term-copy{max-width:1000px}.long-term-copy>p{max-width:620px;line-height:1.8;color:var(--white-muted)}.long-term-copy h2{margin:55px 0 65px;font:500 clamp(48px,6.6vw,104px)/.94 var(--serif);letter-spacing:-.05em}.long-term-copy h2 i{font-weight:400;color:#C57B5D}.long-term-copy ul{list-style:none;padding:0;margin:50px 0 80px;border-top:1px solid rgba(255,255,255,.2)}.long-term-copy li{position:relative;padding:20px 0 20px 0;border-bottom:1px solid rgba(255,255,255,.2);font:clamp(22px,2.2vw,34px) var(--serif);transition:padding-left 320ms var(--ease),color 180ms ease}.long-term-copy li::before{content:"↳";position:absolute;left:0;top:20px;color:#C57B5D;opacity:0;transform:translateX(-14px);transition:opacity 180ms ease,transform 320ms var(--ease)}.long-term-copy li:hover{padding-left:34px;color:#fff}.long-term-copy li:hover::before{opacity:1;transform:none}.long-term-copy .charter-ending{max-width:none;margin:0;color:var(--white);font:italic clamp(34px,4.2vw,70px)/1 var(--serif)}
.has-js .motion-ready .charter-long-term:not(.is-visible) .long-term-label,.has-js .motion-ready .charter-long-term:not(.is-visible) .long-term-copy>*{opacity:0;transform:translateY(44px)}.charter-long-term.is-visible .long-term-label,.charter-long-term.is-visible .long-term-copy>*{opacity:1;transform:none;transition:opacity 700ms ease,transform 950ms var(--ease)}.charter-long-term.is-visible .long-term-copy>*:nth-child(1){transition-delay:100ms}.charter-long-term.is-visible .long-term-copy>*:nth-child(2){transition-delay:220ms}.charter-long-term.is-visible .long-term-copy>*:nth-child(3){transition-delay:330ms}.charter-long-term.is-visible .long-term-copy>*:nth-child(4){transition-delay:420ms}.charter-long-term.is-visible .long-term-copy>*:nth-child(5){transition-delay:500ms}.charter-long-term.is-visible .long-term-copy>*:nth-child(6){transition-delay:620ms}

.charter-footer{min-height:92px;padding:28px var(--page-pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;font-size:10px;border-top:1px solid var(--line)}.charter-footer span:nth-child(2){font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;opacity:.55}.charter-footer a{justify-self:end;transition:transform 260ms var(--ease),color 160ms ease}.charter-footer a:hover{color:var(--accent)}.charter-footer a span{font:18px var(--serif);margin-left:12px;display:inline-block;transition:transform 220ms var(--ease)}.charter-footer a:hover span{transform:translate(4px,-4px)}

@media(max-width:900px){
  .charter-side-mark{display:none}.charter-hero{min-height:auto;grid-template-rows:auto auto auto;gap:90px;padding-top:32px}.charter-hero-title{margin-top:55px}.charter-hero-title h1{font-size:clamp(76px,19vw,150px)}.charter-hero-title h1 i{margin-left:8vw}.charter-hero-intro{width:100%;max-width:700px}.charter-scroll-cue{display:none}.charter-layout{grid-template-columns:1fr;padding-top:30px}.charter-toc{position:relative;top:auto}.charter-toc nav{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.charter-principle{grid-template-columns:1fr;padding:80px 0}.charter-principle h2{font-size:clamp(52px,11vw,88px)}.charter-long-term{grid-template-columns:1fr;gap:55px}.charter-footer{grid-template-columns:1fr 1fr}.charter-footer>span:nth-child(2){display:none}
}
@media(max-width:620px){
  .charter-topbar{height:60px;grid-template-columns:1fr auto}.charter-top-title{display:none}.charter-back{font-size:11px}.charter-hero{padding:26px 18px 64px;gap:58px}.charter-hero::before{width:90vw;left:63%}.charter-hero-meta{font-size:7px}.charter-hero-title{margin-top:34px}.charter-hero-title h1{font-size:clamp(72px,23vw,112px);line-height:.74}.charter-eyebrow{font-size:17px}.charter-hero-intro{font-size:14px}.charter-hero-intro .lead{font-size:27px}.charter-rule{margin:0 18px}.charter-layout{padding:40px 18px 80px}.charter-toc nav{grid-template-columns:1fr}.charter-toc a{font-size:16px;min-height:44px;align-items:center}.charter-principle{padding:64px 0 82px}.charter-principle::after{font-size:45vw;top:.22em}.charter-principle h2{font-size:clamp(50px,16vw,78px)}.principle-body{font-size:14px}.principle-body blockquote{margin:34px 0;font-size:27px}.charter-long-term{padding:80px 18px 100px}.long-term-copy h2{font-size:clamp(47px,14vw,72px)}.long-term-copy li{font-size:25px}.charter-footer{padding:26px 18px;grid-template-columns:1fr;gap:10px}.charter-footer a{justify-self:start}
}
@media(max-width:420px){
  .charter-brand .brand-name{display:none}.charter-back{gap:8px}.charter-hero-title h1{font-size:22vw}.charter-hero-title h1 i{margin-left:4vw}.charter-hero-intro .lead{font-size:25px}.charter-principle h2{font-size:15vw}.principle-body blockquote{font-size:25px}.long-term-copy h2{font-size:13.4vw}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.charter-progress span,.charter-hero-title,.charter-hero-intro,.principle-index,.charter-principle h2,.charter-principle::after,.charter-long-term::before{transform:none!important}.motion-ready *,.charter-principle.is-visible *,.charter-long-term.is-visible *{animation:none!important;transition-duration:.001ms!important;transition-delay:0ms!important}.has-js .motion-ready .charter-principle:not(.is-visible) .principle-index,.has-js .motion-ready .charter-principle:not(.is-visible) h2,.has-js .motion-ready .charter-principle:not(.is-visible) .principle-body>*,.has-js .motion-ready .charter-long-term:not(.is-visible) .long-term-label,.has-js .motion-ready .charter-long-term:not(.is-visible) .long-term-copy>*{opacity:1!important;transform:none!important;clip-path:none!important}
}

/* V7 — richer paper atmosphere. It stays behind the document and never competes with copy. */
:root{--atmo-x:0px;--atmo-y:0px;--atmo-scroll:0px}
body{position:relative;background:var(--paper)}
.charter-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(120deg,rgba(255,253,248,.34),transparent 42%),linear-gradient(310deg,rgba(233,225,213,.46),transparent 46%)}
.charter-atmosphere::before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(29,27,24,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(29,27,24,.045) 1px,transparent 1px);background-size:clamp(72px,8vw,132px) clamp(72px,8vw,132px);transform:translate3d(calc(var(--atmo-x)*-.08),calc(var(--atmo-y)*-.08),0) rotate(-2deg) scale(1.08)}
.atmo-grid{position:absolute;inset:-20%;opacity:.35;background:repeating-linear-gradient(112deg,transparent 0 74px,rgba(164,95,69,.04) 75px 76px,transparent 77px 148px);transform:translate3d(calc(var(--atmo-x)*.12),calc(var(--atmo-scroll)*-.05),0)}
.atmo-wash{position:absolute;border-radius:50%;filter:blur(2px);opacity:.75;will-change:transform}.wash-a{width:min(62vw,900px);aspect-ratio:1;right:-20vw;top:18vh;background:radial-gradient(circle at 35% 38%,rgba(164,95,69,.13),rgba(164,95,69,.035) 43%,transparent 69%);transform:translate3d(calc(var(--atmo-x)*.42),calc(var(--atmo-y)*.32 + var(--atmo-scroll)*-.035),0)}.wash-b{width:min(50vw,760px);aspect-ratio:1;left:-17vw;bottom:-16vh;background:radial-gradient(circle at 60% 45%,rgba(98,91,82,.12),rgba(98,91,82,.025) 48%,transparent 72%);transform:translate3d(calc(var(--atmo-x)*-.26),calc(var(--atmo-y)*-.28 + var(--atmo-scroll)*.025),0)}
.atmo-contour{position:absolute;border:1px solid rgba(29,27,24,.09);border-radius:50%;will-change:transform}.contour-a{width:68vw;height:27vw;right:-18vw;top:25vh;rotate:-16deg;transform:translate3d(calc(var(--atmo-x)*.3),calc(var(--atmo-y)*.18 + var(--atmo-scroll)*-.025),0)}.contour-b{width:42vw;height:18vw;right:4vw;top:38vh;border-color:rgba(164,95,69,.18);rotate:22deg;transform:translate3d(calc(var(--atmo-x)*.48),calc(var(--atmo-y)*.34 + var(--atmo-scroll)*-.04),0)}.contour-c{width:54vw;height:20vw;left:-20vw;bottom:10vh;rotate:9deg;transform:translate3d(calc(var(--atmo-x)*-.22),calc(var(--atmo-y)*-.2 + var(--atmo-scroll)*.02),0)}
.atmo-word{position:absolute;left:-.03em;top:48vh;font:600 clamp(120px,22vw,360px)/.7 var(--serif);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(29,27,24,.045);white-space:nowrap;transform:translate3d(calc(var(--atmo-x)*-.18),calc(var(--atmo-scroll)*-.08),0)}
.atmo-axis{position:absolute;background:rgba(29,27,24,.09)}.axis-x{height:1px;left:var(--page-pad);right:var(--page-pad);top:63vh;transform:scaleX(calc(.25 + var(--page-progress)*.75));transform-origin:left}.axis-y{width:1px;top:11vh;bottom:8vh;right:18vw;transform:translate3d(calc(var(--atmo-x)*.18),0,0)}
.charter-topbar,main,.charter-footer,.charter-side-mark,.charter-grain,.charter-progress{position:relative;z-index:1}.charter-topbar{position:sticky;z-index:50}.charter-progress{position:fixed;z-index:120}.charter-grain{position:fixed;z-index:100}.charter-side-mark{position:fixed;z-index:19}
.charter-hero{background:linear-gradient(180deg,rgba(242,237,228,.42),rgba(242,237,228,.12))}.charter-layout{background:linear-gradient(90deg,rgba(255,253,248,.14),transparent 35%,rgba(233,225,213,.12))}.charter-principle:nth-child(odd)::before{content:"";position:absolute;left:-7vw;right:-2vw;top:20%;height:55%;z-index:-2;background:linear-gradient(90deg,rgba(255,253,248,.26),transparent 62%);transform:skewY(-2deg);pointer-events:none}.charter-principle:nth-child(even)::before{content:"";position:absolute;left:10%;right:-9vw;top:18%;height:60%;z-index:-2;background:radial-gradient(ellipse at 70% 50%,rgba(164,95,69,.045),transparent 62%);pointer-events:none}
@media(max-width:700px){.atmo-word{top:56vh;font-size:42vw}.contour-a{width:120vw;height:48vw;right:-62vw}.contour-b{width:82vw;height:34vw;right:-20vw}.wash-a{width:120vw;right:-70vw}.wash-b{width:100vw;left:-58vw}.axis-y{right:13vw}.charter-atmosphere::before{background-size:22vw 22vw}}
@media(prefers-reduced-motion:reduce){.charter-atmosphere *,.charter-atmosphere::before{transform:none!important;transition:none!important}}
html,body{overflow-x:clip}