/* Steward Harness landing composition. The brand foundation (type, colours,
   header/footer) comes from ./brand/subpages.css; this file only composes. */
.steward-page{--night:#000;--rule:#17191830}
.steward-page .skip{position:absolute;top:-90px;left:20px;z-index:10;background:var(--paper);padding:15px}
.steward-page .skip:focus{top:12px}
.steward-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.steward-page .nav-link{color:var(--paper);font-weight:700;text-decoration:none;white-space:nowrap}
.steward-page .nav-link span{margin-left:10px}
.steward-page header :focus-visible,.steward-page footer :focus-visible{outline-color:var(--yellow)}
.steward-page header .wordmark img{width:clamp(104px,16vw,168px);height:auto;display:block}
/* A night opening, then the readable machine on the same desk. */
.steward-page .opening{position:relative;background:var(--night) url(./brand/dust-far.svg) center/cover;color:var(--paper);padding:78px 6% 110px;isolation:isolate;overflow:hidden}
.steward-page .opening:before{content:"";position:absolute;z-index:-1;right:7%;top:70px;width:clamp(110px,22vw,300px);aspect-ratio:1;background:url(./brand/moon-illustrated.svg) center/contain no-repeat;opacity:.4}
.steward-page .opening .eyebrow{color:var(--yellow);margin:0 0 26px}
.steward-page .opening h1{font-size:clamp(58px,9vw,132px);max-width:900px;margin:0 0 30px}
.steward-page .opening h1 em{color:var(--yellow)}
.steward-page .opening .lede{font-size:clamp(21px,2.6vw,30px);max-width:660px;font-weight:550}
.steward-page .opening p{max-width:660px}
.steward-page .opening-cta{display:flex;flex-wrap:wrap;gap:16px;margin:34px 0 18px}
.steward-page .button{display:inline-flex;align-items:center;gap:14px;padding:16px 22px;font-size:15px;font-weight:700;text-decoration:none;color:var(--ink);background:var(--yellow);border:1px solid var(--yellow)}
.steward-page .opening .button{background:var(--yellow);color:var(--ink)}
.steward-page .button:hover{box-shadow:5px 5px 0 var(--rust)}
.steward-page .opening-note{color:var(--yellow)}
/* Sections of the machine. */
.steward-page .section-wrap{padding:72px 6%;border-top:1px solid var(--rule)}
.steward-page .section-top{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:26px}
.steward-page .section-top .eyebrow{color:var(--rust);margin:0}
.steward-page .label{font-size:12px;letter-spacing:.06em;border:1px solid #17191860;padding:5px 9px;white-space:nowrap}
.steward-page h2{font-size:clamp(36px,5vw,64px);max-width:820px;margin:0 0 26px}
.steward-page h2 em{font-family:Georgia,serif;font-style:italic}
.steward-page .lede{font-size:clamp(18px,2vw,21px);max-width:680px}
.steward-page .thesis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px;margin-top:38px}
.steward-page .thesis-grid article{border-top:4px solid var(--ink);padding-top:18px}
.steward-page .thesis-grid h3{font-size:clamp(21px,2.4vw,26px);margin:0 0 10px}
.steward-page .thesis-grid p{margin:0;max-width:52ch}
.steward-page .workflow{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:44px 0 0;padding:20px 24px;background:var(--ink);color:var(--paper);font-weight:700;letter-spacing:.08em}
.steward-page .workflow b{color:var(--yellow);font-size:24px}
/* Scope table. */
.steward-page .scope-table{width:100%;border-collapse:collapse;margin-top:34px;font-size:16px}
.steward-page .scope-table th{font-family:Bricolage,Arial,sans-serif;text-align:left;font-size:13px;letter-spacing:.08em;padding:12px 16px 12px 0;border-bottom:3px solid var(--ink)}
.steward-page .scope-table td{padding:15px 16px 15px 0;border-bottom:1px solid #17191840;vertical-align:top;max-width:52ch}
.steward-page .scope-table td+td{color:var(--quiet)}
.steward-page .is-not{background:#efece1}
/* Twelve principles. */
.steward-page .principles{list-style:none;counter-reset:doctrine;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px}
.steward-page .principles li{counter-increment:doctrine;border-top:1px solid #17191840;padding:18px 0 22px}
.steward-page .principles li:before{content:counter(doctrine,decimal-leading-zero);display:block;font-size:13px;font-weight:700;color:var(--rust);letter-spacing:.1em;margin-bottom:8px}
.steward-page .principles h3{font-size:19px;margin:0 0 8px}
.steward-page .principles p{margin:0;font-size:15.5px;max-width:38ch}
.steward-page .excerpt{margin:44px 0 0;border-left:5px solid var(--rust);background:#d8c7aa45;padding:26px 30px}
.steward-page .excerpt blockquote{margin:0}
.steward-page .excerpt blockquote p{font-size:clamp(18px,2vw,21px);max-width:62ch;margin:0}
.steward-page .excerpt-note{margin:16px 0 0;max-width:66ch}
.steward-page .doctrine-links{margin:28px 0 0;max-width:72ch}
/* Stormbeslå. */
.steward-page .stormbesla .lede,.stormbesla>p{max-width:76ch}
.steward-page .stormbesla blockquote.shipped{margin:18px 0 0;border-left:5px solid var(--ink);background:#1719180f;padding:18px 24px}
.steward-page .stormbesla blockquote.shipped p{font-family:Bricolage,Arial,sans-serif;font-size:17px;max-width:62ch;margin:0}
.steward-page .converge{margin:40px 0 0;border:1px solid #17191850;background:var(--paper);padding:26px 30px;box-shadow:9px 12px 0 var(--yellow)}
.steward-page .converge h3{font-size:clamp(21px,2.4vw,26px);margin:0 0 12px}
.steward-page .converge p{margin:0 0 12px;max-width:72ch}
.steward-page .converge p:last-child{margin-bottom:0}
/* Ancestry. */
.steward-page .ancestry{background:var(--blue)}
.steward-page .ancestry .eyebrow{color:var(--ink)}
.steward-page .ancestry p{max-width:76ch}
.steward-page .ancestry .ours em{font-style:italic}
/* Numbers. */
.steward-page .number-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin:38px 0 0;padding:0}
.steward-page .number-grid div{border:1px solid #17191850;background:var(--paper);padding:24px 26px;box-shadow:7px 9px 0 var(--yellow)}
.steward-page .number-grid dt{font-size:clamp(30px,3.4vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1.05}
.steward-page .number-grid dt small{display:block;font-size:13px;font-weight:550;letter-spacing:.05em;color:var(--quiet);margin-top:6px}
.steward-page .number-grid dd{margin:14px 0 0;font-size:15.5px}
.steward-page .trend{border-left:3px solid var(--rust);background:#d8c7aa55;padding:16px 22px;margin-top:32px;max-width:76ch}
.steward-page .trend summary{font-weight:700;cursor:pointer}
.steward-page .trend p{margin:12px 0 0}
/* The walk. */
.steward-page .walk{background:#efece1}
.steward-page .walk-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.steward-page .walk-steps li{border-top:4px solid var(--ink);padding-top:18px}
.steward-page .step-tag{font-family:Bricolage,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--rust)}
.steward-page .walk-steps h3{font-size:clamp(21px,2.4vw,26px);margin:10px 0 10px}
.steward-page .walk-steps p{margin:0;max-width:52ch}
.steward-page .acceptance{margin-top:46px;border:1px solid #17191850;background:var(--paper);padding:28px 30px;box-shadow:9px 12px 0 var(--blue)}
.steward-page .acceptance h3{font-size:clamp(22px,2.6vw,30px);margin:0 0 12px}
.steward-page .acceptance pre{background:var(--ink);color:var(--paper);padding:20px 22px;overflow-x:auto;font-size:14px;line-height:1.6;margin:18px 0}
.steward-page .acceptance pre:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.steward-page :not(pre)>code{overflow-wrap:anywhere}
.steward-page .acceptance code{font-family:'Courier New',monospace}
.steward-page .acceptance p code{background:#17191818;padding:1px 5px}
.steward-page .acceptance .small{max-width:70ch}
/* Boundaries. */
.steward-page .boundary-list{list-style:none;margin:34px 0 0;padding:0;max-width:860px}
.steward-page .boundary-list li{border-top:1px solid #17191840;padding:16px 0 18px}
.steward-page .boundary-list strong{font-weight:700}
/* Provenance. */
.steward-page .provenance{background:var(--night) url(./brand/dust-far.svg) center/cover;color:var(--paper)}
.steward-page .provenance .eyebrow{color:var(--yellow)}
.steward-page .provenance .label{color:var(--paper);border-color:#f8f8ed60}
.steward-page .provenance h2 em{color:var(--yellow)}
.steward-page .provenance p{max-width:70ch}
.steward-page .provenance a{color:var(--yellow)}
.steward-page .provenance :focus-visible{outline-color:var(--yellow)}
.steward-page .return{margin-top:34px;font-weight:700}
.steward-page .new-tab{font-size:.72em;letter-spacing:.04em}
.steward-page footer p{font-size:13px;max-width:560px}
.steward-page footer a{color:var(--yellow)}
.steward-page footer .wordmark{font-size:26px;font-weight:950;letter-spacing:-1.4px;text-decoration:none;color:var(--paper)}
.steward-page footer .wordmark span{color:var(--yellow);font-size:34px;vertical-align:middle;margin-left:4px}
@media(max-width:900px){.steward-page .principles{grid-template-columns:repeat(2,1fr)}.steward-page .thesis-grid{gap:26px}.steward-page .section-top{flex-wrap:wrap}}
@media(max-width:700px){.steward-page .opening{padding:44px 6% 66px}.steward-page .opening:before{right:5%;top:34px;opacity:.2}.steward-page .section-wrap{padding:48px 6%}.steward-page .thesis-grid,.steward-page .principles,.steward-page .number-grid,.steward-page .walk-steps{grid-template-columns:1fr;gap:18px}.steward-page .number-grid div{box-shadow:none}.steward-page .acceptance{box-shadow:none;padding:20px}.steward-page .scope-table td{font-size:15px}.steward-page header{flex-wrap:wrap;gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}