:root{--bg:#080a0d;--bg-soft:#0e1115;--bg-panel:#111419;--text:#e8e9e9;--muted:#a3a8b0;--dim:#737c87;--metal:#c8cbd0;--line:#262c33;--line-light:#3e4751;--serif:Georgia,'Times New Roman',serif;--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto}::selection{background:#dde0e6;color:#08090c}a:focus-visible,button:focus-visible{outline:2px solid #e3e5e9;outline-offset:5px}h1,h2,h3,p,blockquote{margin:0}.container{width:min(1330px,calc(100% - 100px));margin-inline:auto}.skip-link{position:fixed;z-index:99;top:-100px;left:24px;padding:14px 20px;background:#fff;color:#080a0d}.skip-link:focus{top:14px}.site-header{height:104px;position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(191,198,209,.13);transition:background .3s,box-shadow .3s}.site-header.scrolled{position:fixed;background:rgba(8,10,13,.92);backdrop-filter:blur(18px);box-shadow:0 8px 22px #0005}.header-row{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:14px;margin-right:auto}.brand img{width:36px;filter:drop-shadow(0 0 12px #d0d5e222)}.brand-lockup{display:flex;flex-direction:column;gap:4px}.brand-name{font-family:var(--serif);letter-spacing:.30em;font-size:24px;line-height:1}.brand-subline{font-size:8px;letter-spacing:.24em;color:#a0a6af}.desktop-nav{display:flex;align-items:center;gap:34px}.desktop-nav a,.header-action{font-size:11px;letter-spacing:.1em;color:#b4bac3;transition:color .2s}.desktop-nav a:hover,.header-action:hover,.footer-links a:hover{color:#fff}.header-action{border:1px solid #69717d55;color:#e7e9ee;padding:15px 18px;white-space:nowrap}.header-action span{padding-left:17px}.menu-toggle{display:none;background:transparent;border:1px solid #40454d;width:46px;height:44px;padding:12px;cursor:pointer}.menu-toggle span{display:block;height:1px;background:#ebedef;margin:6px 0}.mobile-nav{display:none}
.hero{min-height:850px;height:min(900px,100svh);position:relative;overflow:hidden;background:radial-gradient(ellipse 47% 48% at 73% 44%,rgba(65,70,82,.18),transparent 75%),linear-gradient(130deg,#10141b 0%,#060709 54%,#0d1116 100%)}.hero::before{position:absolute;content:"";inset:0;opacity:.38;pointer-events:none;background-image:linear-gradient(90deg,transparent 49.95%,#8c919811 50%,transparent 50.05%);background-size:20% 100%}.hero::after{position:absolute;content:"";inset:auto -10% 0;height:200px;background:linear-gradient(0deg,#080a0d,transparent);pointer-events:none}.hero-grain{position:absolute;inset:0;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.48' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.hero-grid{height:100%;display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);align-items:center;position:relative;z-index:2;padding-top:105px}.hero-copy{padding-bottom:24px;position:relative;z-index:5}.eyebrow,.overline,.section-index,.section-tag,.seal-caption,.vow-tag,.card-bottom,.archive-note>span:nth-child(2),.signal-bottom,.footer-base{font-size:10px;font-weight:550;letter-spacing:.25em;text-transform:uppercase}.eyebrow{color:#b3bbc6;display:flex;align-items:center;gap:14px;margin-bottom:39px}.eyebrow-dash{width:38px;height:1px;background:#c5cbd4}.hero h1{font-family:var(--serif);font-size:clamp(64px,6.1vw,103px);font-weight:400;letter-spacing:-.052em;line-height:1.02;color:#eef0f1}.hero h1 em,.display-heading em,.signal h2 em{font-weight:400;color:#bfc5cd}.hero-intro{color:#aab0b9;font-size:15px;line-height:1.95;max-width:460px;margin:31px 0 35px}.hero-links{display:flex;align-items:center;gap:35px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:37px;font-size:11px;font-weight:650;letter-spacing:.08em;padding:19px 22px;min-height:56px}.btn-primary{background:#d3d5d7;color:#0a0b0c;transition:background .2s,transform .2s}.btn-primary:hover{background:#fff;transform:translateY(-2px)}.text-link{font-size:11px;color:#c8cbd0;border-bottom:1px solid #5a6169;padding:12px 0}.text-link span{padding-left:9px}.hero-art{align-self:center;justify-self:stretch;aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;margin-left:0;min-width:0;isolation:isolate}.hero-art::before{content:"";z-index:-2;position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,#929ba014,transparent 70%);filter:blur(30px)}.seal-orbit{position:absolute;border:1px solid #7c859017;border-radius:50%;aspect-ratio:1;z-index:-1}.orbit-one{width:102%}.orbit-two{width:90%}.seal-image{display:block;width:100%;max-width:100%;object-fit:contain;mix-blend-mode:screen;filter:contrast(1.12) saturate(.75) drop-shadow(0 15px 45px #0008)}.seal-caption{position:absolute;bottom:0;left:50%;white-space:nowrap;transform:translateX(-50%);font-size:9px;color:#6f7783}.hero-baseline{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:32px;display:flex;align-items:center;justify-content:space-between;color:#89929e;font-size:9px;font-weight:600;letter-spacing:.2em}.dot{font-size:8px;padding:0 9px}.scroll-cue{color:#98a0ac}.scroll-cue span{padding-left:14px}
.section{position:relative}.declaration{padding:160px 0 170px;background:#0b0d11}.declaration-grid{display:grid;grid-template-columns:minmax(0,27fr) minmax(0,73fr)}.section-rail{display:flex;align-items:flex-start;gap:35px}.section-index{color:#9199a6;white-space:nowrap}.rail-line{background:#48505b;height:1px;margin-top:6px;flex:1;margin-right:50px}.overline{color:#c5cad1;margin-bottom:29px;font-size:10px;font-weight:600;letter-spacing:.31em;text-transform:uppercase}.display-heading{font-size:clamp(42px,5.1vw,76px);font-weight:400;font-family:var(--serif);line-height:1.18;letter-spacing:-.038em}.display-heading span{color:#969ea8}.declaration .display-heading{max-width:850px}.declaration-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:51px;max-width:860px}.declaration-bottom p{color:#a6adb7;font-size:14px;line-height:2}.vow-band{background:linear-gradient(130deg,#161a20,#090b0e 50%,#15191f);border-block:1px solid #303741;padding:77px 0}.vow-inner{display:grid;grid-template-columns:minmax(0,16fr) minmax(0,68fr) minmax(0,16fr);align-items:center}.vow-mark{font-size:42px;color:#bfc4cc;align-self:start;font-family:var(--serif)}.vow-inner blockquote{font:400 clamp(31px,3.4vw,52px)/1.4 var(--serif);color:#eef0f0;text-align:center;letter-spacing:-.026em}.vow-inner blockquote em{color:#aeb5bf}.vow-tag{writing-mode:vertical-rl;justify-self:end;color:#949ba6}.mandate{background:#080a0d;padding:128px 0 140px}.section-top{display:flex;align-items:center;gap:30px}.top-rule{height:1px;background:var(--line-light);flex:1}.section-tag{color:#818994}.mandate-intro{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:60px;align-items:end;margin-top:86px;margin-bottom:73px}.mandate-intro>p{max-width:390px;font-size:14px;line-height:2;color:#adb3bb;margin-bottom:10px}.mandate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#394049;border:1px solid #394049}.mandate-card{min-height:350px;padding:31px;background:#0c0f13;display:flex;flex-direction:column;transition:background .25s}.mandate-card:hover{background:#151a20}.card-head{display:flex;justify-content:space-between;align-items:start;color:#939da9;font:14px var(--serif)}.card-glyph{font-size:27px;color:#b4bbc4}.mandate-card h3{font:400 35px var(--serif);margin-top:57px;margin-bottom:19px}.mandate-card p{font-size:13px;line-height:1.9;color:#a5adb6;max-width:320px}.card-bottom{font-size:9px;color:#7e8893;margin-top:auto;padding-top:28px}.code{padding:140px 0;background:#11151a;border-block:1px solid #343a43}.code-grid{display:grid;grid-template-columns:minmax(0,47fr) minmax(0,53fr);gap:50px}.code-title-col>.overline{margin-top:76px}.code-title-col .display-heading{font-size:clamp(42px,4.6vw,66px);padding-right:25px}.code-description{font-size:14px;line-height:2;color:#a8afb9;max-width:360px;margin-top:35px}.small-seal{width:70px;margin-top:100px;opacity:.8}.small-seal img{width:100%}.principles{border-top:1px solid #3c454e;margin-right:50px}.principle{display:grid;grid-template-columns:38px 1fr 20px;gap:18px;padding:30px 0;border-bottom:1px solid #3c454e}.principle-no{font:18px var(--serif);color:#c5cacf}.principle h3{font:400 25px var(--serif);letter-spacing:-.02em;margin-bottom:12px}.principle p{font-size:13px;line-height:1.8;color:#aab1bb;max-width:410px}.principle-symbol{font:22px var(--serif);color:#777f8a}.archive{padding:130px 0;background:#080a0d}.archive-main{padding:100px 0 86px;display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:42px;align-items:end}.archive-main .display-heading{font-size:clamp(42px,4.8vw,72px)}.archive-note{border-left:1px solid #49505a;padding-left:29px}.status-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:#acb4bf;margin-right:11px}.archive-note>span:nth-child(2){color:#c5cad2}.archive-note p{line-height:1.95;color:#9ba3ad;font-size:13px;margin-top:20px;max-width:360px}.archive-rule{border-block:1px solid #353c46;padding:21px 0;display:flex;justify-content:space-between;gap:25px;font-size:9px;font-weight:550;letter-spacing:.23em;color:#7f8893}.signal{padding:145px 0 105px;background:linear-gradient(125deg,#151a20,#07090c 57%,#141920);border-top:1px solid #30363e;overflow:hidden}.signal-inner{position:relative;text-align:center}.signal-glow{position:absolute;pointer-events:none;z-index:0;inset:0 25%;border-radius:50%;background:#f0f3ff08;filter:blur(90px)}.signal .overline,.signal h2,.signal p,.signal-bottom{position:relative;z-index:1}.signal h2{font:400 clamp(45px,5.3vw,75px)/1.19 var(--serif);letter-spacing:-.045em;margin:26px auto}.signal-inner>p:not(.overline){max-width:570px;font-size:14px;line-height:2;color:#b1b8c2;margin:30px auto 95px}.signal-bottom{border-top:1px solid #3a414a;padding-top:34px;display:flex;justify-content:space-between;color:#9aa3ae;font-size:9px}.signal-bottom a:hover{color:#fff}.site-footer{background:#080a0d;padding:68px 0 29px}.footer-grid{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,25fr) minmax(0,35fr);align-items:start;gap:20px;padding-bottom:82px}.footer-brand{font:32px var(--serif);letter-spacing:.29em;width:max-content}.footer-brand span{display:block;font:8px var(--sans);letter-spacing:.32em;color:#969eaa;margin-top:12px}.footer-grid p{font:16px var(--serif);color:#a3abb5}.footer-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:end}.footer-links a{font-size:11px;color:#9aa2ad}.footer-base{font-size:9px;letter-spacing:.13em;border-top:1px solid #2c343e;padding-top:25px;display:flex;justify-content:space-between;color:#77808b}
.legal-page{background:#0a0c10;min-height:100vh}.legal-main{padding:190px 0 140px;max-width:820px}.legal-main h1{font:400 clamp(48px,6vw,75px)/1.2 var(--serif);margin-bottom:32px}.legal-main h2{font:400 28px var(--serif);margin:46px 0 15px}.legal-main p,.legal-main li{color:#b0b8c3;font-size:14px;line-height:2}.legal-main p+p{margin-top:15px}.legal-main ul{padding-left:24px}.legal-main .overline{margin-bottom:20px}.legal-note{border-left:2px solid #b6bec8;margin-top:40px;padding:20px;background:#12171c}
@media(max-width:1100px){.container{width:calc(100% - 66px)}.desktop-nav{gap:18px}.hero{min-height:800px}.hero h1{font-size:clamp(58px,6.4vw,80px)}.hero-art{margin-left:0}.declaration-bottom{gap:45px}.code-grid{grid-template-columns:minmax(0,43fr) minmax(0,57fr);gap:25px}.principles{margin-right:0}.footer-grid{grid-template-columns:minmax(0,30fr) minmax(0,25fr) minmax(0,45fr)}}
@media(max-width:900px){.site-header{height:84px}.desktop-nav,.header-action{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-nav{display:flex;position:fixed;top:84px;left:0;right:0;bottom:0;background:#0b0e12;flex-direction:column;padding:40px max(33px,7vw);gap:0;transform:translateY(-20px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s,opacity .25s,visibility .25s}.mobile-nav.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.mobile-nav a{font:28px var(--serif);padding:21px 0;border-bottom:1px solid #303741}.hero{height:auto;min-height:920px}.hero-grid{padding-top:130px;padding-bottom:110px;grid-template-columns:minmax(0,1fr);align-items:start}.hero-copy{max-width:760px}.hero h1{font-size:clamp(60px,9vw,82px)}.hero-art{width:min(100%,570px);justify-self:center;margin:22px auto 0}.seal-caption{bottom:-3px}.declaration{padding:110px 0}.declaration-grid{grid-template-columns:1fr;gap:48px}.section-rail{max-width:220px}.mandate{padding:100px 0}.mandate-intro{margin-top:72px;grid-template-columns:1fr;gap:32px}.mandate-grid{gap:1px}.mandate-card{padding:24px;min-height:325px}.code{padding:105px 0}.code-grid{grid-template-columns:1fr;gap:70px}.code-title-col>.overline{margin-top:25px}.small-seal{display:none}.principles{margin:0}.archive-main{grid-template-columns:1fr;gap:55px}.archive{padding:110px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:45px}.footer-links{grid-column:1/-1;justify-content:start}.site-footer{padding-top:55px}}
@media(max-width:600px){.container{width:calc(100% - 42px)}.site-header{height:74px}.header-row{gap:12px}.brand-name{font-size:21px}.brand-subline{font-size:7px}.brand img{width:31px}.mobile-nav{top:74px}.hero{min-height:820px}.hero-grid{padding-top:133px;padding-bottom:116px}.eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:26px}.eyebrow-dash{width:22px}.hero h1{font-size:clamp(38px,11.2vw,60px);line-height:1.08}.hero-intro{font-size:13px;line-height:1.9;margin:24px 0 26px}.hero-links{gap:14px 23px;flex-wrap:wrap}.btn{font-size:10px;min-height:52px;padding:16px}.text-link{font-size:10px}.hero-art{width:min(100%,440px);justify-self:center;margin:28px auto 0}.seal-caption{font-size:8px;bottom:-16px}.hero-baseline{bottom:20px;font-size:8px;letter-spacing:.1em}.hero-baseline .scroll-cue{display:none}.hero::before{display:none}.declaration{padding:88px 0}.declaration-grid{gap:37px}.section-index{font-size:9px}.display-heading{font-size:clamp(41px,11vw,60px)}.declaration-bottom{grid-template-columns:1fr;gap:18px;margin-top:32px}.declaration-bottom p{font-size:13px}.vow-band{padding:70px 0}.vow-inner{display:block;text-align:center}.vow-mark{font-size:28px}.vow-inner blockquote{font-size:clamp(27px,7.1vw,40px);margin-top:17px}.vow-tag{writing-mode:initial;display:block;margin-top:25px}.mandate{padding:90px 0}.section-top{gap:15px}.section-tag{font-size:8px}.mandate-intro{margin-top:56px;margin-bottom:47px}.mandate-intro>p{font-size:13px}.mandate-grid{grid-template-columns:1fr}.mandate-card{min-height:285px;padding:28px}.mandate-card h3{margin-top:35px}.code{padding:90px 0}.code-grid{gap:45px}.code-title-col .display-heading{font-size:clamp(41px,10vw,55px)}.code-description{margin-top:23px}.principle{grid-template-columns:27px 1fr 10px;gap:13px;padding:27px 0}.principle h3{font-size:22px}.principle p{font-size:12px}.archive{padding:90px 0}.archive-main{padding:70px 0 60px}.archive-note{padding-left:19px}.archive-rule{font-size:8px;line-height:1.7}.archive-rule span:last-child{white-space:nowrap}.signal{padding:95px 0 65px}.signal h2{font-size:clamp(42px,10vw,60px)}.signal-inner>p:not(.overline){font-size:13px;margin-bottom:70px}.signal-bottom{line-height:1.8;gap:28px}.footer-grid{grid-template-columns:1fr;gap:23px;padding-bottom:55px}.footer-grid p{font-size:14px}.footer-links{grid-column:1}.footer-base{font-size:8px;line-height:1.8;gap:15px}.footer-base span:last-child{text-align:right}.legal-main{padding:150px 0 90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.legal-return{margin-top:48px}.missing-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:26px}.missing-page h1{font:400 clamp(40px,8vw,80px)/1.2 Georgia,serif}.missing-description{color:#a4adb8}

/* v2: mobile layout containment, centered emblem and small viewport usability */
html,body{max-width:100%;overflow-x:clip}
.hero-grid>*,.declaration-grid>*,.mandate-intro>*,.code-grid>*,.archive-main>*,.footer-grid>*{min-width:0}
.hero-art,.seal-image{transform:none}
.mobile-nav a{min-height:48px}
@media(max-width:600px){
  .hero-copy{width:100%}
  .hero h1{overflow-wrap:normal}
  .hero-links .btn{max-width:100%}
  .hero-art .seal-orbit{max-width:100%}
  .hero-art .seal-image{max-width:100%;height:auto}
  .hero-baseline{width:calc(100% - 42px)}
  .archive-rule{flex-wrap:wrap}
}
@media(max-width:359px){
  .container{width:calc(100% - 32px)}
  .brand{gap:9px}
  .brand-name{font-size:19px;letter-spacing:.26em}
  .brand-subline{font-size:6.5px}
  .hero h1{font-size:clamp(35px,11.5vw,41px)}
  .hero-grid{padding-top:116px}
  .hero-baseline{width:calc(100% - 32px)}
  .seal-caption{letter-spacing:.16em}
}

/* v3 identity: match masthead/favicon to the detailed platinum hero emblem. */
.brand{gap:15px;min-width:0}
.brand img.brand-emblem{width:70px;height:70px;min-width:70px;max-width:none;object-fit:contain;display:block;filter:drop-shadow(0 0 8px #c2c7d030)}
.brand-name{font-size:31px;letter-spacing:.18em;text-transform:none;white-space:nowrap}
.brand-subline{font-size:8px;letter-spacing:.24em;white-space:nowrap}
.vow-tag{text-transform:none}
.legal-page .overline{text-transform:none}
@media(max-width:1100px){
  .brand img.brand-emblem{width:62px;height:62px;min-width:62px}
  .brand-name{font-size:29px}
  .header-row{gap:18px}
}
@media(max-width:900px){
  .site-header{height:96px}
  .mobile-nav{top:96px}
  .brand img.brand-emblem{width:64px;height:64px;min-width:64px}
  .brand-name{font-size:29px}
  .hero-grid{padding-top:145px}
  .legal-main{padding-top:180px}
}
@media(max-width:600px){
  .site-header{height:90px}
  .mobile-nav{top:90px}
  .header-row{gap:12px}
  .brand{gap:10px}
  .brand img.brand-emblem{width:58px;height:58px;min-width:58px}
  .brand-name{font-size:27px;letter-spacing:.19em}
  .brand-subline{font-size:7px;letter-spacing:.20em}
  .hero-grid{padding-top:149px}
  .legal-main{padding-top:156px}
}
@media(max-width:359px){
  .brand{gap:8px}
  .brand img.brand-emblem{width:51px;height:51px;min-width:51px}
  .brand-name{font-size:25px;letter-spacing:.16em}
  .brand-subline{font-size:6.5px;letter-spacing:.16em}
  .hero-grid{padding-top:132px}
}


/* v4 — refined editorial polish; mobile-first, no external resources. */
:root{--text:#e9ebee;--muted:#adb3bc;--line:#323841}
.site-header{border-bottom-color:rgba(210,215,224,.14)}
.desktop-nav a{position:relative;transition:color .2s ease}
.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:var(--metal);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1)}
.desktop-nav .desktop-social{color:#e3e6ea;font-weight:600}
.desktop-nav .desktop-social span{font-size:13px;margin-left:3px;color:#bcc5d0}
.header-action{transition:border-color .2s ease,background .2s ease,color .2s ease}
.header-action:hover{background:rgba(215,219,228,.085);border-color:#b4bac4}
.hero-links .btn,.signal-social{transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
.hero-links .btn:hover,.signal-social:hover{transform:translateY(-2px)}
.mandate-card{transition:background .22s ease,border-color .22s ease}
.mandate-card:hover{background:#151a20}
/* The footer contains only one policy link and one copyright line. */
.site-footer{min-height:174px;border-top:1px solid rgba(188,196,208,.22);padding:36px 0;background:#080a0d;display:flex;align-items:center;justify-content:center}
.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;margin-inline:auto}
.footer-content nav{display:flex;align-items:center;justify-content:center}
.footer-policy{font-size:12px;font-weight:550;letter-spacing:.095em;color:#dce0e5;border-bottom:1px solid #5e6874;padding-bottom:9px;transition:color .2s ease,border-color .2s ease}
.footer-policy:hover,.footer-policy:focus-visible{color:#fff;border-color:#e8ebf0}
.footer-copyright{color:#929aa5;font-size:11px;line-height:1.7;letter-spacing:.045em;text-align:center}
/* Social link belongs to navigation/communications, not the footer. */
.mobile-nav .mobile-social{display:flex;align-items:center;gap:14px;margin-top:22px;padding:20px 0;border-top:1px solid #343a43;border-bottom:0;color:#e1e6ed}
.mobile-social .external-arrow{font:18px var(--sans);margin-left:auto;color:#aab3be}
.social-icon{flex:none;display:block}
.signal-inner>p:not(.overline){margin-bottom:30px}
.signal-social{width:min(100%,296px);margin:0 auto 82px;min-height:70px;display:flex;align-items:center;justify-content:flex-start;gap:16px;text-align:left;padding:15px 21px;border:1px solid #68717d;background:rgba(206,211,223,.055);color:#e6eaf0}
.signal-social:hover{border-color:#ced4dd;background:rgba(206,211,223,.10)}
.signal-social .social-icon{width:23px;height:23px}
.signal-social span:has(strong){display:flex;flex-direction:column;gap:4px}
.signal-social strong{font-weight:600;font-size:13px;letter-spacing:.035em}
.signal-social small{font-size:11px;color:#aeb6c0;letter-spacing:.06em}
.signal-social-arrow{margin-left:auto;color:#c3cad3;font-size:18px}
@media(max-width:1200px) and (min-width:901px){
  .header-row{gap:18px}
  .desktop-nav{gap:16px}
  .desktop-nav a{font-size:10px}
  .header-action{font-size:10px}
}
@media(max-width:900px){
  .mobile-nav{overflow-y:auto;overscroll-behavior:contain;padding-bottom:100px}
  .footer-content{gap:18px}
}
@media(max-width:600px){
  .site-footer{min-height:152px;padding:34px 0}
  .footer-content{gap:17px}
  .footer-policy{font-size:12px}
  .footer-copyright{font-size:10px}
  .signal-inner>p:not(.overline){margin-bottom:26px}
  .signal-social{margin-bottom:62px}
}
@media(prefers-reduced-motion:reduce){.hero-links .btn:hover,.signal-social:hover{transform:none}}
/* Backdrop blur on a fixed header must not create a containing block for the mobile drawer. */
body.menu-open .site-header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}


/* ==============================================================
   v5 | Tocio — Obsidian Glass
   Native iOS-inspired frosted glass, platinum gradients,
   softened geometry and privacy-safe, locally rendered effects.
   =============================================================== */
:root {
  --bg:#07090d;
  --bg-soft:#0d1119;
  --text:#f3f3f5;
  --muted:#aeb7c5;
  --metal:#d7dbe2;
  --line:#343b46;
  --glass:rgba(32,38,48,.40);
  --glass-stroke:rgba(228,234,244,.17);
  --glass-glow:rgba(221,229,248,.15);
  --glass-shadow:0 24px 76px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.19);
  --ease-lux:cubic-bezier(.2,.8,.2,1);
}
body {
  background:#07090d;
  background-image:radial-gradient(ellipse 70% 26% at 50% 0%,rgba(115,134,169,.065),transparent 80%);
}
html {scroll-padding-top:116px}
::selection {background:#e1e4ea;color:#090b10}
/* Floating navigation glass is on the inner row. Crucially, never
   apply backdrop-filter to the header container: on iOS Safari doing
   so can trap the mobile drawer inside the header containing block. */
.site-header, .site-header.scrolled {
  height:auto;
  position:absolute;
  inset:18px 0 auto;
  z-index:30;
  padding-inline:22px;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:top .24s var(--ease-lux);
}
.site-header.scrolled {position:fixed;inset:12px 0 auto}
.header-row {
  width:min(1330px,100%);
  height:92px;
  min-width:0;
  padding-inline:26px;
  background:linear-gradient(135deg,rgba(229,238,255,.095),rgba(32,39,53,.52) 29%,rgba(17,22,33,.72) 79%,rgba(210,226,255,.065));
  border:1px solid var(--glass-stroke);
  border-radius:25px;
  box-shadow:0 22px 60px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.18), inset 0 -1px rgba(255,255,255,.035);
  backdrop-filter:blur(28px) saturate(155%);
  -webkit-backdrop-filter:blur(28px) saturate(155%);
  isolation:isolate;
}
.site-header.scrolled .header-row {
  background:linear-gradient(125deg,rgba(52,60,74,.83),rgba(17,22,31,.89));
  box-shadow:0 22px 65px rgba(0,0,0,.50), inset 0 1px rgba(255,255,255,.19);
}
.brand {gap:12px}
.brand img.brand-emblem {filter:drop-shadow(0 3px 12px rgba(217,224,245,.20))}
.brand-name {font-weight:400;letter-spacing:.14em;color:#f6f6f7}
.brand-subline {color:#b4bdca;letter-spacing:.19em}
.desktop-nav {gap:27px}
.desktop-nav a {font-size:11px;letter-spacing:.055em;color:#c5cbd5;white-space:nowrap}
.desktop-nav a::after {bottom:-13px;background:#dfe5f1}
.header-action {
  border:1px solid rgba(242,245,252,.25);
  border-radius:15px;
  padding:15px 19px;
  color:#edf0f5;
  background:linear-gradient(145deg,rgba(242,246,255,.14),rgba(242,246,255,.035));
  box-shadow:inset 0 1px rgba(255,255,255,.16);
  transition:background .25s,border-color .25s,transform .25s;
}
.header-action:hover {transform:translateY(-1px);background:rgba(243,247,255,.17);border-color:rgba(250,252,255,.42)}
/* The hero stays cinematic and readable: the emblem remains dominant. */
.hero {
  min-height:880px;
  background:
     radial-gradient(ellipse 46% 58% at 75% 44%,rgba(128,145,182,.16),transparent 80%),
     radial-gradient(ellipse 48% 45% at 12% 7%,rgba(160,174,205,.065),transparent 75%),
     linear-gradient(135deg,#10151e 0%,#07090d 55%,#10141e 100%);
}
.hero::before {
  opacity:.34;
  background-image:linear-gradient(90deg,transparent 49.95%,rgba(163,179,217,.07) 50%,transparent 50.05%);
}
.hero-grid {padding-top:133px}
.hero-copy {padding-left:9px}
.eyebrow {color:#b9c4d2;letter-spacing:.23em}
.hero h1 {color:#f4f5f7;text-shadow:0 6px 45px rgba(255,255,255,.055)}
.hero h1 em {color:#cbd1dc}
.hero-intro {color:#bbc2cc}
.hero-art::before {
  z-index:-1;
  inset:7%;
  border:1px solid rgba(230,238,255,.12);
  border-radius:50%;
  background:radial-gradient(circle at 28% 20%,rgba(217,229,255,.10),rgba(62,75,95,.035) 54%,rgba(155,171,200,.075) 92%);
  box-shadow:inset 0 1px 0 rgba(238,244,255,.20), 0 0 110px rgba(112,136,175,.09);
  filter:none;
}
.seal-image {filter:contrast(1.08) saturate(.78) drop-shadow(0 28px 62px rgba(0,0,0,.74))}
.orbit-one {border-color:rgba(207,222,246,.08)}
.orbit-two {border-color:rgba(207,222,246,.07)}
.seal-caption {
  bottom:-9px;
  padding:10px 18px;
  background:linear-gradient(145deg,rgba(212,225,249,.10),rgba(17,24,36,.52));
  border:1px solid rgba(225,231,246,.11);
  border-radius:100px;
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
  letter-spacing:.17em;
  color:#acb7c9;
}
.btn {
  border-radius:16px;
  min-height:61px;
  padding:19px 24px;
}
.btn-primary {
  border:1px solid rgba(255,255,255,.70);
  background:linear-gradient(145deg,#fafbfe 0%,#d5d9e2 42%,#aeb6c2 100%);
  color:#13171e;
  box-shadow:0 12px 30px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.98),inset 0 -1px rgba(94,102,119,.34);
  transition:transform .25s var(--ease-lux),box-shadow .25s,background .25s;
}
.btn-primary:hover {background:linear-gradient(145deg,#fff,#e7ebf2);box-shadow:0 17px 38px rgba(0,0,0,.35),inset 0 1px #fff}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(232,240,255,.18);
  background:linear-gradient(150deg,rgba(225,235,255,.085),rgba(225,235,255,.025));
  box-shadow:inset 0 1px rgba(255,255,255,.1);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-radius:15px;
  padding:18px 22px;
  color:#e0e5ec;
  min-height:60px;
  transition:transform .22s var(--ease-lux),border-color .22s,background .22s;
}
.text-link:hover {background:rgba(226,236,255,.13);border-color:rgba(234,242,255,.39);transform:translateY(-2px)}
.text-link span {padding:0}
.hero-baseline {color:#a0a9b6}
/* Alternating soft depth without competing with editorial copy. */
.declaration {background:linear-gradient(155deg,#0d1119,#0a0d12 58%,#121720)}
.declaration-bottom p {color:#b6bec9}
.vow-band {
  background:linear-gradient(135deg,#19202b 0%,#0d121a 50%,#161d29 100%);
  border-block:1px solid rgba(215,225,245,.15);
  box-shadow:inset 0 1px rgba(255,255,255,.055);
}
.vow-inner blockquote {text-shadow:0 0 55px rgba(225,229,242,.08)}
.mandate {
  background:radial-gradient(ellipse 67% 65% at 55% 76%,rgba(100,123,162,.075),transparent 78%),#080b10;
}
.mandate-grid {
  gap:16px;
  background:transparent;
  border:0;
}
.mandate-card {
  min-height:362px;
  padding:35px;
  border-radius:24px;
  border:1px solid rgba(219,229,246,.14);
  background:linear-gradient(145deg,rgba(210,225,250,.095),rgba(27,35,47,.47) 43%,rgba(16,21,31,.75) 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 22px 48px rgba(0,0,0,.23);
  backdrop-filter:blur(17px);
  -webkit-backdrop-filter:blur(17px);
  transition:background .3s,border-color .3s,transform .3s var(--ease-lux),box-shadow .3s;
}
.mandate-card:hover {
  background:linear-gradient(145deg,rgba(231,240,255,.15),rgba(39,48,65,.61) 58%,rgba(20,25,37,.80));
  border-color:rgba(230,238,252,.31);
  transform:translateY(-5px);
  box-shadow:inset 0 1px rgba(255,255,255,.23),0 30px 60px rgba(0,0,0,.35);
}
.card-head {color:#c2cbd7}
.card-glyph {color:#e1e7f0}
.mandate-card p {color:#b7c0cd}
.code {
  background:radial-gradient(ellipse 65% 85% at 90% 55%,rgba(130,151,187,.09),transparent 75%),#10151e;
  border-block:1px solid rgba(213,224,243,.13);
}
.principles {border-top:0}
.principle {
  border:1px solid rgba(226,234,249,.11);
  background:linear-gradient(145deg,rgba(226,235,255,.06),rgba(18,24,35,.2));
  border-radius:17px;
  padding:26px 24px;
  margin-bottom:12px;
  box-shadow:inset 0 1px rgba(255,255,255,.075);
}
.principle p {color:#b9c2cd}
.archive {
  background:linear-gradient(135deg,#070a0e,#10151d 70%,#080b10);
}
.archive-note {
  border:1px solid rgba(222,234,249,.18);
  border-radius:22px;
  background:linear-gradient(125deg,rgba(216,232,255,.075),rgba(26,34,47,.27));
  box-shadow:inset 0 1px rgba(255,255,255,.12);
  padding:27px 30px;
}
.archive-rule {border-color:rgba(216,225,241,.21)}
.signal {
  background:radial-gradient(ellipse 90% 90% at 48% 39%,rgba(109,133,176,.075),transparent 77%),#080a0f;
  border-top:1px solid rgba(224,233,250,.11);
}
.signal-inner {
  padding:84px 50px 43px;
  border:1px solid rgba(220,232,248,.15);
  border-radius:36px;
  background:linear-gradient(135deg,rgba(229,238,253,.08),rgba(33,44,60,.22) 45%,rgba(176,193,226,.035));
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 25px 80px rgba(0,0,0,.25);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  overflow:hidden;
}
.signal-social {
  border:1px solid rgba(244,248,255,.25);
  border-radius:19px;
  background:linear-gradient(145deg,rgba(235,243,255,.17),rgba(221,231,254,.045));
  box-shadow:inset 0 1px rgba(255,255,255,.17),0 14px 36px rgba(0,0,0,.16);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
}
.signal-social:hover {border-color:rgba(245,249,255,.52);background:rgba(231,240,255,.18)}
.signal-bottom {border-color:rgba(220,233,249,.19)}
/* Privacy & Ethics and copyright alone; both-axis centering retained. */
.site-footer {
  background:linear-gradient(180deg,#0e131b,#080a0e);
  border-top:1px solid rgba(223,235,255,.13);
  min-height:171px;
}
.footer-content {gap:16px;align-items:center;justify-content:center;text-align:center}
.footer-policy {color:#e5eaf2}
.footer-copyright {color:#a7afba}
/* Frosted mobile navigation drawer */
@media (max-width:1200px) and (min-width:901px) {
  .header-row {gap:15px;padding-inline:18px}
  .brand img.brand-emblem {width:59px;height:59px;min-width:59px}
  .brand-name {font-size:27px}
  .desktop-nav {gap:17px}
  .desktop-nav a {font-size:10px}
  .header-action {padding:14px 15px;font-size:10px}
}
@media (max-width:900px) {
  .site-header,.site-header.scrolled {height:auto;inset:14px 0 auto;padding-inline:15px}
  .site-header.scrolled {inset:10px 0 auto}
  .header-row {height:83px;padding-inline:17px;border-radius:23px}
  .menu-toggle {
    width:48px;height:48px;padding:13px;
    border:1px solid rgba(238,244,255,.22);
    border-radius:14px;
    background:linear-gradient(130deg,rgba(235,242,255,.13),rgba(210,226,255,.04));
    box-shadow:inset 0 1px rgba(255,255,255,.13);
  }
  .menu-toggle span {margin:6px auto;width:21px;height:1.5px}
  .mobile-nav {
    top:110px;bottom:auto;
    left:15px;right:15px;
    max-height:calc(100dvh - 128px);
    height:auto;
    gap:0;
    padding:20px 28px 24px;
    border:1px solid rgba(230,240,255,.20);
    border-radius:27px;
    background:linear-gradient(135deg,rgba(61,72,91,.91),rgba(12,18,29,.96) 58%,rgba(26,34,48,.95));
    backdrop-filter:blur(34px) saturate(155%);
    -webkit-backdrop-filter:blur(34px) saturate(155%);
    box-shadow:inset 0 1px rgba(255,255,255,.24),0 30px 90px rgba(0,0,0,.62);
    transform:translateY(-12px) scale(.985);
    transform-origin:top center;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .site-header.scrolled .mobile-nav {top:105px}
  .mobile-nav.open {transform:translateY(0) scale(1)}
  .mobile-nav a {font:400 26px/1.1 var(--serif);padding:19px 0;border-bottom:1px solid rgba(232,239,251,.16)}
  .mobile-nav a:last-child {border-bottom:0}
  .hero-grid {padding-top:157px}
  .hero-copy {padding-left:0}
  .hero-art {margin-top:30px}
  .seal-caption {bottom:-11px}
  .mandate-grid {gap:12px}
  .mandate-card {padding:28px;min-height:330px}
  .signal-inner {padding:72px 35px 39px}
  .legal-main {padding-top:186px}
}
@media (max-width:600px) {
  .site-header,.site-header.scrolled {inset:12px 0 auto;padding-inline:12px}
  .site-header.scrolled {inset:8px 0 auto}
  .header-row {height:75px;padding:0 13px 0 10px;border-radius:21px}
  .brand img.brand-emblem {width:60px;height:60px;min-width:60px}
  .brand {gap:8px}
  .brand-name {font-size:27px;letter-spacing:.16em}
  .brand-subline {font-size:7px;letter-spacing:.15em}
  .menu-toggle {width:45px;height:45px}
  .mobile-nav {top:98px;left:12px;right:12px;max-height:calc(100dvh - 111px);padding:17px 22px 22px}
  .site-header.scrolled .mobile-nav {top:92px}
  .mobile-nav a {font-size:24px;padding:18px 0}
  .hero {min-height:842px}
  .hero-grid {padding-top:159px}
  .hero h1 {font-size:clamp(37px,10.6vw,59px)}
  .hero-intro {color:#b9c0cb}
  .hero-links {gap:11px}
  .btn {border-radius:14px;min-height:54px;padding:15px 17px}
  .text-link {border-radius:14px;min-height:54px;padding:15px 16px}
  .seal-caption {bottom:-18px;padding:9px 13px;font-size:7px}
  .mandate-grid {grid-template-columns:1fr;gap:14px}
  .mandate-card {min-height:272px;padding:26px;border-radius:21px}
  .principle {padding:25px 18px}
  .archive-note {padding:23px}
  .signal {padding-top:85px}
  .signal-inner {padding:62px 20px 29px;border-radius:26px}
  .signal h2 {font-size:clamp(35px,9vw,52px)}
  .signal-social {margin-bottom:54px;border-radius:17px}
  .signal-bottom {gap:20px;flex-wrap:wrap;justify-content:center}
  .site-footer {min-height:154px}
  .legal-main {padding-top:160px}
}
@media (max-width:359px) {
  .site-header,.site-header.scrolled {padding-inline:8px}
  .header-row {height:71px;padding-inline:9px}
  .brand img.brand-emblem {width:52px;height:52px;min-width:52px}
  .brand-name {font-size:23px}
  .brand-subline {font-size:6.5px}
  .menu-toggle {width:42px;height:42px}
  .mobile-nav {top:91px;left:8px;right:8px}
  .site-header.scrolled .mobile-nav {top:87px}
  .hero-grid {padding-top:142px}
  .hero h1 {font-size:clamp(35px,11vw,40px)}
  .hero-links {gap:9px}
  .btn,.text-link {padding:14px 13px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .header-row {background:rgba(26,33,46,.96)}
  .mobile-nav {background:rgba(24,32,45,.98)}
  .mandate-card,.signal-inner {background:#171e2a}
}
@media (prefers-reduced-transparency:reduce) {
  .header-row,.mobile-nav,.signal-inner,.mandate-card {backdrop-filter:none;-webkit-backdrop-filter:none}
  .header-row,.mobile-nav {background:#161d29}
}
@media (prefers-reduced-motion:reduce) {
  .mandate-card:hover,.btn-primary:hover,.text-link:hover,.header-action:hover {transform:none}
}

/* v6 — Pixel-centered iOS glass menu glyph.
   The old top/bottom span margins were taller than the button's padded
   content box, which made the bars look vertically off-center on iPhone. */
@media (max-width:900px) {
  .menu-toggle {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0;
    flex-shrink:0;
    line-height:0;
  }
  .menu-toggle span {
    display:block;
    flex:none;
    width:22px;
    height:1.5px;
    margin:0;
    border-radius:999px;
    background:#eff1f5;
  }
}