/* Approved homepage layout. Scoped so guide and library components keep their own layouts. */
.home-page * {box-sizing:border-box}
.home-page {scroll-behavior:smooth;scroll-padding-top:24px}
.home-page {margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-size:15px;-webkit-font-smoothing:antialiased}
.home-page a {color:inherit;text-decoration:none}
.home-page button, .home-page input, .home-page select {font:inherit}
.home-page button, .home-page a, .home-page input, .home-page select {-webkit-tap-highlight-color:transparent}
.home-page button {cursor:pointer}
.home-page button:focus-visible, .home-page a:focus-visible, .home-page input:focus-visible, .home-page select:focus-visible, .home-page [tabindex="0"]:focus-visible {outline:2px solid var(--green);outline-offset:6px}
.home-page button {color:inherit}
.home-page img {display:block;max-width:100%}
.home-page h1, .home-page h2, .home-page h3, .home-page p {margin:0}
.home-page h1, .home-page h2, .home-page h3 {font-family:var(--display);font-weight:500}
.home-page button {border-radius:0}
.home-page ::selection {background:var(--bright);color:var(--ink)}
.home-page [hidden] {display:none!important}
.home-page .wrap {width:min(1320px,calc(100% - 112px));margin-inline:auto}
.home-page .mono {font-family:var(--mono);font-size:10px;line-height:1.5;letter-spacing:.075em;font-weight:400}
.home-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}
.home-page .skip-link {position:absolute;left:20px;top:-60px;padding:12px;background:var(--ink);color:var(--paper);z-index:10}
.home-page .skip-link:focus {top:12px}
.home-page .status-dot {display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px;vertical-align:1px}
.home-page .site-header {height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}
.home-page .brand {width:153px}
.home-page .brand img {height:auto}
.home-page .site-header nav {display:flex;gap:33px;margin-left:auto;margin-right:60px;font-size:13px}
.home-page .site-header nav a {padding-block:12px}
.home-page .site-header nav a:hover {color:var(--green)}
.home-page .header-cta {font-size:12px;border-bottom:1px solid var(--ink);padding-block:10px;white-space:nowrap}
.home-page .header-cta span {margin-left:27px}
.home-page .hero-overline {display:flex;justify-content:space-between;padding:28px 0 40px;color:var(--muted)}
.home-page .hero-overline>span:first-child {color:var(--ink)}
.home-page .hero-grid {display:grid;grid-template-columns:1.05fr 1fr;gap:5.2%;align-items:center}
.home-page .hero-copy {padding:8px 0 24px}
.home-page .hero h1 {font-size:clamp(76px,8.9vw,128px);line-height:.93;letter-spacing:-.075em;font-weight:600;margin-left:-7px}
.home-page .work-word {position:relative;display:inline-block}
.home-page .work-word svg {position:absolute;left:-2px;bottom:-15px;width:100%;height:23px;fill:none;stroke:var(--green);stroke-width:3}
.home-page .period {color:var(--green)}
.home-page .hero-deck {font-family:var(--display);font-size:clamp(24px,2.6vw,37px);letter-spacing:-.045em;line-height:1.2;margin-top:35px}
.home-page .hero-description {max-width:370px;font-size:15px;line-height:1.8;color:#62665d;margin-top:20px}
.home-page .button {display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 22px;font-size:12px;font-weight:500;min-height:52px;transition:background .2s}
.home-page .button-ink {color:var(--white);background:var(--ink)}
.home-page .button-ink:hover {background:var(--green)}
.home-page .button span {font-size:20px;line-height:1}
.home-page .hero-copy .button {margin-top:30px}
.home-page .hero-secondary {display:block;font-size:11px;margin-top:18px;width:fit-content;border-bottom:1px solid transparent;padding-bottom:4px}
.home-page .hero-secondary:hover {border-color:var(--ink)}
.home-page .hero-secondary span {margin-left:12px}
.home-page .hero-byline {display:flex;gap:10px;align-items:center;margin-top:38px;font-size:10px;line-height:1.6}
.home-page .hero-byline img {width:32px;height:32px;object-fit:cover;border-radius:50%;filter:grayscale(1)}
.home-page .hero-byline small {font-size:9px;color:var(--muted)}
.home-page .hero-footer {display:flex;justify-content:space-between;gap:25px;margin-top:51px;padding:20px 0;border-block:1px solid var(--line);font-size:8px;color:var(--muted)}
.home-page .hero-footer a {color:var(--ink)}
.home-page .hero-footer a span {margin-left:15px}
.home-page .section {padding-block:100px}
.home-page .section-head {display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}
.home-page .section-label {color:var(--green);display:block;font-size:9px;margin-bottom:22px}
.home-page .section-head h2, .home-page .about-copy h2, .home-page .dispatch h2 {font-size:clamp(32px,4vw,53px);line-height:1.08;letter-spacing:-.05em}
.home-page .section-head>p {font-size:13px;line-height:1.8;color:var(--muted)}
.home-page .text-link {font-size:12px;padding-bottom:8px;border-bottom:1px solid var(--line);display:inline-flex;gap:22px;align-items:center}
.home-page .text-link span {font-size:19px}
.home-page .text-link:hover {color:var(--green);border-color:var(--green)}
.home-page .playbook-grid {display:grid;grid-template-columns:1.3fr 1fr;gap:60px}
.home-page .feature-story {display:block}
.home-page .research-art {background:#dbe0cf;height:460px;position:relative;overflow:hidden;padding:29px}
.home-page .research-art-label {font-size:8px;color:#58634f}
.home-page .research-word {font-family:var(--display);font-size:clamp(46px,5.5vw,80px);line-height:.95;letter-spacing:-.07em;margin-top:40px;position:relative;z-index:1}
.home-page .research-mini {position:absolute;right:36px;bottom:-14px;width:68%;background:var(--white);padding:27px 30px 33px;transform:rotate(-8deg);box-shadow:0 4px 24px #2d352719;border-top:6px solid var(--green)}
.home-page .research-mini>span:first-child {font-size:7px;display:block;margin-bottom:23px}
.home-page .research-mini>div {font-size:11px;line-height:1.5;border-top:1px solid var(--line);padding-block:10px;display:flex;gap:13px}
.home-page .research-mini>div>span {font-size:8px;color:var(--green);font-family:var(--mono)}
.home-page .mini-stamp {display:block;font-size:7px;color:var(--green);border-top:1px solid var(--ink);padding-top:14px;margin-top:7px}
.home-page .art-side {position:absolute;left:22px;bottom:24px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:7px;color:#53654b}
.home-page .story-meta {font-size:8px;color:var(--green);margin:23px 0 14px;display:flex;justify-content:space-between;gap:12px}
.home-page .feature-story h3 {font-size:34px;line-height:1.15;letter-spacing:-.045em}
.home-page .feature-story>p, .home-page .compact-story>p {font-size:13px;line-height:1.8;color:var(--muted);max-width:460px;margin-top:14px}
.home-page .story-link {font-size:11px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;margin-top:23px}
.home-page .story-link>span {font-size:20px}
.home-page .feature-story:hover .story-link, .home-page .compact-story:hover .story-link {color:var(--green)}
.home-page .feature-story:hover .research-word {color:var(--green)}
.home-page .secondary-stories {display:grid;grid-template-columns:1fr;gap:32px;border-left:1px solid var(--line);padding-left:45px}
.home-page .compact-story h3 {font-size:28px;line-height:1.13;letter-spacing:-.04em}
.home-page .copy-art {background:#e8e7e0;padding:23px 24px 26px;min-height:167px}
.home-page .copy-art>span:first-child {font-size:7px;color:var(--muted)}
.home-page .copy-art p {font-family:var(--display);font-size:19px;line-height:1.45;letter-spacing:-.04em;margin-block:18px 9px}
.home-page .copy-art del {color:#8c887e;text-decoration-color:#8b5b4e;text-decoration-thickness:1px}
.home-page .copy-art p>span {color:var(--green);border-bottom:1px solid var(--green)}
.home-page .copy-annotation {font-size:6px;color:var(--green)}
.home-page .mini-run {background:var(--ink);color:#8e9f85;padding:23px 24px}
.home-page .mini-run>span {font-size:7px}
.home-page .mini-run p {font-size:11px;line-height:2.1;margin-top:16px;color:#dde1d7;letter-spacing:0}
.home-page .mini-run b {font-weight:400;color:#819175;margin-right:13px}
.home-page .mini-run i {float:right;color:var(--bright);font-style:normal;font-size:20px}
.home-page .compact-story .story-meta {margin-top:18px;margin-bottom:10px}
.home-page .compact-story .story-link {margin-top:15px;padding-top:12px}
.home-page .compact-story>p {font-size:12px;margin-top:10px}
.home-page .learn-section {background:#eaece3;padding:90px 0 0;border-block:1px solid var(--line)}
.home-page .guide-shelves {display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bdc5b4}
.home-page .guide-shelf {padding:30px 50px 39px 0}
.home-page .guide-shelf+.guide-shelf {padding-left:50px;padding-right:0;border-left:1px solid #bdc5b4}
.home-page .shelf-top {font-size:8px;display:flex;justify-content:space-between;color:#63725c}
.home-page .guide-shelf h3 {display:flex;align-items:center;justify-content:space-between;font-size:67px;letter-spacing:-.06em;margin-top:20px}
.home-page .guide-shelf h3>span {font-weight:400;font-size:45px;color:var(--green)}
.home-page .guide-shelf>p {color:#687360;font-size:13px;line-height:1.75;margin-top:13px}
.home-page .guide-shelf ol {list-style:none;padding:0;margin:28px 0 24px;counter-reset:guide}
.home-page .guide-shelf li {border-top:1px solid #c6cebd;counter-increment:guide}
.home-page .guide-shelf li a {font-size:11px;display:flex;align-items:center;gap:13px;padding:14px 0}
.home-page .guide-shelf li a:before {content:"0" counter(guide);font-family:var(--mono);font-size:8px;color:#6c7a61}
.home-page .guide-shelf li a>span:last-child {margin-left:auto;color:#748867}
.home-page .guide-shelf li a:hover {color:var(--green)}
.home-page .shelf-link {font-size:11px;display:flex;justify-content:space-between;align-items:center;color:var(--green);font-weight:600}
.home-page .shelf-link>span {font-size:21px}
.home-page .route-picker {border-top:1px solid #bdc5b4;padding-block:29px;display:flex;justify-content:space-between;gap:25px;align-items:center}
.home-page .route-picker .mono {font-size:8px;color:#607255}
.home-page .route-picker p {font-size:12px;margin-top:6px}
.home-page .route-controls {display:flex;align-items:center;gap:24px;font-size:11px}
.home-page .route-controls select {border:1px solid #bdc5b4;padding:12px 35px 12px 13px;background:transparent;color:var(--ink);max-width:210px;font-size:11px;border-radius:0}
.home-page .route-controls a {border-bottom:1px solid #bdc5b4;padding-block:12px;white-space:nowrap}
.home-page .route-controls a>span {margin-left:13px}
.home-page .library-toolbar {display:flex;justify-content:space-between;gap:22px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:14px}
.home-page .library-filters {display:flex;gap:7px;flex-wrap:wrap}
.home-page .library-filters button {background:none;border:1px solid transparent;font-size:11px;padding:9px 12px;min-height:36px}
.home-page .library-filters button[aria-pressed="true"] {border-color:var(--ink);background:var(--ink);color:var(--paper)}
.home-page .library-filters button:hover {border-color:var(--line)}
.home-page .library-search {display:flex;gap:9px;align-items:center;max-width:190px}
.home-page .library-search svg {width:15px;height:15px;fill:none;stroke:var(--muted);stroke-width:1.2;flex-shrink:0}
.home-page .library-search input {font-size:11px;width:100%;background:transparent;border:0;padding:12px 0;border-radius:0;color:var(--ink)}
.home-page .resource-row {display:grid;grid-template-columns:120px 1fr 100px 24px;gap:25px;padding:25px 0;border-bottom:1px solid var(--line);align-items:center}
.home-page .resource-row:hover h3 {color:var(--green)}
.home-page .resource-type {font-size:8px;color:var(--muted)}
.home-page .resource-row h3 {font-family:var(--body);font-size:15px;font-weight:500;letter-spacing:-.025em}
.home-page .resource-row p {font-size:11px;line-height:1.6;color:var(--muted);margin-top:8px}
.home-page .resource-category {font-size:7px;color:var(--muted)}
.home-page .resource-arrow {font-size:21px;color:var(--green)}
.home-page .library-foot {display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:8px;color:var(--muted)}
.home-page .library-foot>div {display:flex;gap:22px;color:var(--ink)}
.home-page .library-foot a:hover {color:var(--green)}
.home-page .resource-empty {padding:35px 0;font-size:13px;line-height:1.7;color:var(--muted);border-bottom:1px solid var(--line)}
.home-page .about-section {border-block:1px solid var(--line);background:#eeeee7;padding-block:80px}
.home-page .about-grid {display:grid;grid-template-columns:.85fr 1.3fr;gap:10%;align-items:center}
.home-page .portrait {position:relative}
.home-page .portrait img {width:100%;height:auto;aspect-ratio:1/1.08;object-fit:cover;filter:grayscale(1);background:#d1d2c8}
.home-page .portrait-caption {font-size:7px;display:block;margin-top:13px;color:var(--muted)}
.home-page .about-copy h2 {font-size:clamp(38px,4.5vw,62px);line-height:1.02;margin-bottom:27px}
.home-page .about-copy>p {font-size:13px;color:var(--muted);line-height:1.9;max-width:410px;margin-top:14px}
.home-page .about-copy .text-link {margin-top:28px}
.home-page .dispatch {display:grid;grid-template-columns:1fr .85fr;gap:12%;align-items:center}
.home-page .dispatch-copy>p {font-size:13px;line-height:1.8;color:var(--muted);margin-top:23px}
.home-page .dispatch-copy .button {margin-top:28px}
.home-page .dispatch-sample {display:block;background:var(--white);border:1px solid var(--line);padding:26px 30px 30px;transform:rotate(2deg);box-shadow:0 7px 0 -3px var(--paper),0 7px 0 -2px var(--line);transition:transform .3s}
.home-page .dispatch-sample:hover {transform:rotate(0)}
.home-page .dispatch-sample-head {display:flex;justify-content:space-between;font-size:7px;border-bottom:2px solid var(--ink);padding-bottom:15px}
.home-page .dispatch-subject {font-size:7px;color:var(--green);display:block;margin-top:29px}
.home-page .dispatch-sample h3 {font-size:39px;letter-spacing:-.055em;line-height:1.03;margin-top:15px}
.home-page .dispatch-sample>p {font-size:11px;line-height:1.7;color:var(--muted);margin-top:20px;max-width:250px}
.home-page .site-footer {background:var(--ink);color:var(--paper);padding:63px 0 25px}
.home-page .footer-top {display:flex;justify-content:space-between;align-items:flex-end;gap:25px;border-bottom:1px solid #ffffff30;padding-bottom:52px}
.home-page .footer-top p {font-family:var(--display);font-size:35px;letter-spacing:-.04em;line-height:1.12;color:#bdc4b5}
.home-page .footer-top>a {font-family:var(--display);font-size:clamp(36px,5.2vw,72px);letter-spacing:-.065em;display:flex;gap:80px;line-height:1.1}
.home-page .footer-top>a>span {color:var(--bright)}
.home-page .footer-top>a:hover {color:var(--bright)}
.home-page .footer-bottom {display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:27px}
.home-page .footer-brand {font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:-.065em}
.home-page .footer-brand>span {color:var(--bright)}
.home-page .footer-bottom .mono {font-size:7px;color:#9da891}
.home-page .footer-bottom>div {display:flex;gap:25px;font-size:10px;color:#bdc4b5}
@media (min-width:1600px){
.home-page .hero-grid {gap:85px}
.home-page .hero h1 {font-size:135px}
.home-page .research-art {height:510px}
}
@media (max-width:1100px){
.home-page .wrap {width:calc(100% - 72px)}
.home-page .site-header nav {margin-right:20px;gap:23px}
.home-page .hero-grid {gap:4%}
.home-page .hero h1 {font-size:clamp(76px,9.4vw,108px)}
.home-page .hero-deck {font-size:28px}
.home-page .hero-description {font-size:13px;max-width:310px}
.home-page .hero-overline {font-size:8px}
.home-page .playbook-grid {gap:36px}
.home-page .secondary-stories {padding-left:30px}
.home-page .research-art {height:420px;padding:25px}
.home-page .research-word {font-size:60px}
.home-page .research-mini {right:22px;width:75%;padding-inline:20px}
.home-page .feature-story h3 {font-size:29px}
.home-page .compact-story h3 {font-size:25px}
.home-page .copy-art {padding-inline:18px}
.home-page .copy-art p {font-size:16px}
.home-page .guide-shelf {padding-right:30px}
.home-page .guide-shelf+.guide-shelf {padding-left:30px}
.home-page .guide-shelf h3 {font-size:57px}
.home-page .route-controls {gap:16px}
.home-page .resource-row {grid-template-columns:100px 1fr 85px 20px;gap:18px}
.home-page .hero-byline {margin-top:28px}
}
@media (max-width:800px){
.home-page .wrap {width:calc(100% - 48px)}
.home-page .site-header {height:84px;gap:16px}
.home-page .brand {width:125px}
.home-page .site-header nav {margin-right:0;gap:20px;font-size:11px}
.home-page .site-header nav a:last-child {display:none}
.home-page .header-cta {font-size:10px}
.home-page .header-cta span {margin-left:10px}
.home-page .hero-overline {padding:22px 0 34px;font-size:7px}
.home-page .hero-overline>span:last-child {display:none}
.home-page .hero-grid {grid-template-columns:1fr;gap:34px}
.home-page .hero-copy {padding:0}
.home-page .hero h1 {font-size:clamp(90px,15vw,135px)}
.home-page .hero-description {max-width:420px;font-size:14px}
.home-page .hero-deck {font-size:34px}
.home-page .hero-byline {margin-top:24px}
.home-page .hero-footer {margin-top:35px;font-size:7px}
.home-page .hero-footer>span {max-width:250px}
.home-page .hero-footer>a {align-self:center;white-space:nowrap}
.home-page .section {padding-block:70px}
.home-page .section-head {align-items:flex-start;margin-bottom:30px}
.home-page .section-label {font-size:8px;margin-bottom:17px}
.home-page .section-head h2 {font-size:38px}
.home-page .section-head>p {font-size:11px}
.home-page .text-link {font-size:10px;gap:12px}
.home-page .playbook-grid {grid-template-columns:1fr}
.home-page .research-art {height:435px}
.home-page .research-word {font-size:83px}
.home-page .research-mini {right:11%;width:56%;bottom:-7px;padding:27px 30px 33px}
.home-page .research-mini>div {font-size:13px}
.home-page .feature-story h3 {font-size:33px}
.home-page .secondary-stories {grid-template-columns:1fr 1fr;gap:25px;border:0;padding:25px 0 0;border-top:1px solid var(--line);margin-top:8px}
.home-page .compact-story h3 {font-size:25px}
.home-page .copy-art, .home-page .mini-run {height:174px}
.home-page .copy-art p {font-size:16px}
.home-page .learn-section {padding-top:65px}
.home-page .guide-shelf h3 {font-size:47px}
.home-page .guide-shelf>p {font-size:11px}
.home-page .guide-shelf li a {font-size:10px;gap:9px}
.home-page .route-picker {align-items:flex-start}
.home-page .route-controls {flex-wrap:wrap;justify-content:flex-end;gap:6px 20px;max-width:260px}
.home-page .route-controls select {width:100%;max-width:none}
.home-page .route-controls a {padding-block:7px}
.home-page .resource-row {grid-template-columns:80px 1fr 20px;gap:18px}
.home-page .resource-category {display:none}
.home-page .resource-row h3 {font-size:13px}
.home-page .resource-row p {font-size:10px}
.home-page .resource-type {font-size:7px}
.home-page .library-foot {font-size:7px}
.home-page .library-foot>div {gap:13px}
.home-page .about-grid {gap:7%;grid-template-columns:.8fr 1fr}
.home-page .about-copy h2 {font-size:38px}
.home-page .about-copy>p {font-size:11px}
.home-page .about-copy .section-label {font-size:7px}
.home-page .about-copy .text-link {font-size:10px;line-height:1.7}
.home-page .about-section {padding-block:60px}
.home-page .dispatch {gap:9%}
.home-page .dispatch-sample {padding:23px}
.home-page .dispatch-sample h3 {font-size:33px}
.home-page .dispatch h2 {font-size:39px}
.home-page .dispatch-copy>p {font-size:11px}
.home-page .footer-top p {font-size:29px}
.home-page .footer-top>a {font-size:46px;gap:35px}
.home-page .footer-bottom .mono {display:none}
}
@media (max-width:520px){
.home-page .wrap {width:calc(100% - 40px)}
.home-page .site-header {height:77px;flex-wrap:wrap;gap:0}
.home-page .brand {width:126px}
.home-page .site-header nav {order:3;width:100%;justify-content:flex-start;gap:24px;font-size:10px;height:28px;align-items:center}
.home-page .site-header nav a {padding-block:3px}
.home-page .site-header nav a:last-child {display:block}
.home-page .header-cta {font-size:9px;padding-block:6px}
.home-page .hero-overline {padding:23px 0 31px;font-size:6.5px;letter-spacing:.08em}
.home-page .hero h1 {font-size:clamp(82px,21vw,109px);margin-left:-4px}
.home-page .work-word svg {bottom:-13px;stroke-width:3.5}
.home-page .hero-deck {font-size:27px;margin-top:31px}
.home-page .hero-description {font-size:13px;line-height:1.8;margin-top:16px;max-width:330px}
.home-page .hero-copy .button {margin-top:25px}
.home-page .button {font-size:11px;padding:16px 20px;gap:32px}
.home-page .hero-secondary {font-size:10px;margin-top:16px}
.home-page .hero-byline {font-size:9px}
.home-page .hero-byline small {font-size:8px}
.home-page .hero-grid {gap:30px}
.home-page .hero-footer {margin-top:26px;padding-block:16px;font-size:6px;gap:20px}
.home-page .hero-footer>span {max-width:155px;line-height:1.8}
.home-page .hero-footer>a {font-size:5.5px}
.home-page .hero-footer>a span {margin-left:5px}
.home-page .section {padding-block:55px}
.home-page .section-head {gap:18px;flex-wrap:wrap;margin-bottom:27px}
.home-page .section-head h2 {font-size:33px}
.home-page .section-head .text-link {align-self:flex-end}
.home-page .section-head>p {font-size:11px}
.home-page .section-label {font-size:7px;margin-bottom:16px}
.home-page .research-art {height:350px;padding:23px}
.home-page .research-word {font-size:63px;margin-top:30px}
.home-page .research-art-label {font-size:7px}
.home-page .research-mini {right:15px;width:73%;padding:23px 20px 27px;bottom:-11px}
.home-page .research-mini>span:first-child {font-size:6px;margin-bottom:17px}
.home-page .research-mini>div {font-size:10px;padding-block:9px}
.home-page .mini-stamp {font-size:6px}
.home-page .art-side {font-size:6px;left:17px;bottom:20px}
.home-page .story-meta {font-size:6px;gap:8px;margin-top:20px}
.home-page .feature-story h3 {font-size:29px}
.home-page .feature-story>p {font-size:12px}
.home-page .secondary-stories {grid-template-columns:1fr;gap:32px}
.home-page .compact-story {display:grid;grid-template-columns:1fr;gap:0}
.home-page .compact-story h3 {font-size:27px}
.home-page .copy-art, .home-page .mini-run {height:auto;min-height:165px;padding:24px}
.home-page .copy-art p {font-size:23px}
.home-page .mini-run p {font-size:12px}
.home-page .compact-story>p {font-size:12px;max-width:320px}
.home-page .compact-story .story-meta {font-size:7px;margin-top:19px}
.home-page .compact-story .story-link {margin-top:20px}
.home-page .learn-section {padding-top:54px}
.home-page .learn-section .section-head>p {display:none}
.home-page .guide-shelves {grid-template-columns:1fr}
.home-page .guide-shelf {padding:25px 0 30px}
.home-page .guide-shelf+.guide-shelf {padding:25px 0 30px;border-left:0;border-top:1px solid #bdc5b4}
.home-page .guide-shelf h3 {font-size:59px;margin-top:15px}
.home-page .guide-shelf>p {font-size:12px}
.home-page .guide-shelf li a {font-size:11px;padding-block:15px}
.home-page .guide-shelf ol {margin:24px 0 20px}
.home-page .shelf-top {font-size:7px}
.home-page .route-picker {display:block;padding-block:25px}
.home-page .route-picker p {font-size:11px;margin-top:5px}
.home-page .route-controls {max-width:none;justify-content:flex-start;gap:8px 24px;margin-top:16px}
.home-page .route-controls select {width:100%}
.home-page .route-controls a {font-size:11px;flex:1;display:flex;justify-content:space-between}
.home-page .library .section-head {gap:17px}
.home-page .library-toolbar {align-items:flex-start;gap:10px;flex-direction:column}
.home-page .library-filters {gap:4px;width:100%;justify-content:space-between}
.home-page .library-filters button {font-size:10px;padding:8px}
.home-page .library-search {max-width:none;width:100%}
.home-page .library-search input {font-size:11px;padding:11px 0}
.home-page .resource-row {grid-template-columns:1fr 22px;gap:9px;padding-block:21px}
.home-page .resource-type {grid-column:1/-1;font-size:6px}
.home-page .resource-row h3 {font-size:13px;line-height:1.5}
.home-page .resource-row p {font-size:10px;line-height:1.7;margin-top:6px}
.home-page .resource-arrow {font-size:19px}
.home-page .library-foot {flex-direction:column;gap:18px;font-size:6px}
.home-page .library-foot>div {gap:24px;font-size:7px}
.home-page .about-section {padding-block:48px}
.home-page .about-grid {grid-template-columns:1fr;gap:32px}
.home-page .portrait {max-width:270px}
.home-page .portrait img {aspect-ratio:1/1}
.home-page .portrait-caption {font-size:6px}
.home-page .about-copy h2 {font-size:43px;margin-bottom:22px}
.home-page .about-copy>p {font-size:12px}
.home-page .about-copy .text-link {font-size:11px;margin-top:23px}
.home-page .dispatch {grid-template-columns:1fr;gap:44px}
.home-page .dispatch h2 {font-size:42px}
.home-page .dispatch-copy>p {font-size:12px}
.home-page .dispatch-sample {max-width:360px;width:calc(100% - 8px);justify-self:center;padding:24px 28px}
.home-page .dispatch-sample h3 {font-size:40px}
.home-page .dispatch-sample>p {font-size:12px;max-width:270px}
.home-page .site-footer {padding:40px 0 24px}
.home-page .footer-top {align-items:flex-start;flex-direction:column;gap:27px;padding-bottom:35px}
.home-page .footer-top p {font-size:27px}
.home-page .footer-top>a {font-size:48px;justify-content:space-between;width:100%;gap:20px}
.home-page .footer-bottom {align-items:flex-start;flex-wrap:wrap;gap:21px;padding-top:24px}
.home-page .footer-brand {font-size:21px}
.home-page .footer-bottom>div {font-size:9px;width:100%;gap:24px}
}
@media (prefers-reduced-motion:reduce){
.home-page {scroll-behavior:auto}
.home-page *, .home-page *:before, .home-page *:after {animation:none!important;transition:none!important}
}
.home-page .hero-overline { padding-bottom: 36px; }
.home-page .hero-grid {
  grid-template-columns: .92fr 1.2fr;
  gap: 2.5%;
  align-items: center;
}
.home-page .hero h1 {
  font-size: clamp(78px, 8.3vw, 121px);
  font-weight: 500;
  line-height: .95;
  letter-spacing: -.072em;
}
.home-page .hero-deck { margin-top: 27px; font-size: clamp(24px, 2.5vw, 35px); }
.home-page .hero-copy { padding: 22px 0 18px; }
.home-page .hero-description { max-width: 340px; font-size: 14px; }
.home-page .hero-byline { margin-top: 30px; }
.home-page .hero-footer { margin-top: 34px; }
.home-page .field-cover { min-width: 0; margin: 0 -18px 0 0; position: relative; }
.home-page .field-illustration { display: block; width: 100%; height: auto; overflow: visible; }
@media  (max-width: 1100px) {
.home-page .hero h1 { font-size: clamp(73px, 8.5vw, 100px); }
.home-page .hero-deck { font-size: 27px; }
.home-page .hero-description { font-size: 13px; max-width: 305px; }
.home-page .field-cover { margin-right: -15px; }
}
@media  (max-width: 800px) {
.home-page .hero-grid { grid-template-columns: 1fr; gap: 33px; }
.home-page .hero-copy { padding: 0; }
.home-page .hero h1 { font-size: clamp(90px, 15vw, 135px); }
.home-page .hero-deck { font-size: 34px; }
.home-page .hero-description { max-width: 415px; font-size: 14px; }
.home-page .field-cover { width: 100%; max-width: 650px; margin: 0 auto; }
}
@media  (max-width: 520px) {
.home-page .hero-overline { padding-bottom: 28px; }
.home-page .hero h1 { font-size: clamp(82px, 21vw, 109px); }
.home-page .hero-deck { font-size: 27px; margin-top: 25px; }
.home-page .hero-description { font-size: 13px; max-width: 330px; }
.home-page .hero-grid { gap: 28px; }
.home-page .field-cover { width: calc(100% + 20px); max-width: none; margin-left: -10px; }
.home-page .hero-footer { margin-top: 26px; }
}
@media  (prefers-reduced-motion: reduce) {

}
.home-page .hero-overline { padding-bottom: 39px; font-size: 10px; }
.home-page .hero-overline > span:last-child { display: inline-flex; align-items: center; }
.home-page .hero-rule { border-top: 1px solid var(--line); margin-top: 50px; }
.home-page .hero-byline { font-size: 11px; }
.home-page .hero-byline small { font-size: 10px; }
.home-page .hero h1 { letter-spacing: -.067em; }
.home-page .field-output { font-family: var(--display); }
.home-page .field-subtitle { font-family: var(--body); }
.home-page .field-source { font-family: var(--mono); }
.home-page .field-strand { opacity: 1; transition: none; }
.home-page .strand-lines { transition: opacity .35s ease; }
.home-page .field-output { transition: fill .25s ease; }
.home-page .signal-arrived .field-output { fill: var(--green); }
.home-page .section-label, .home-page .story-meta, .home-page .compact-story .story-meta, .home-page .shelf-top, .home-page .resource-type, .home-page .resource-category, .home-page .library-foot, .home-page .portrait-caption, .home-page .dispatch-sample-head, .home-page .dispatch-subject, .home-page .footer-bottom .mono { font-size: 10px; }
.home-page .story-meta { line-height: 1.6; flex-wrap: wrap; }
.home-page .resource-row { grid-template-columns: 125px 1fr 105px 24px; }
.home-page .library-foot { line-height: 1.8; }
.home-page .guide-shelf li a, .home-page .shelf-link { font-size: 13px; }
.home-page .guide-shelf li a:before, .home-page .route-picker .mono { font-size: 10px; }
.home-page .dispatch-sample { transform: none; box-shadow: none; border-top: 3px solid var(--ink); }
.home-page .dispatch-sample:hover { transform: none; }
.home-page .learn-section {
  position: relative;
  overflow: hidden;
  background: #1c231b;
  color: var(--paper);
  border-color: #1c231b;
  padding-top: 105px;
}
.home-page .learn-section h2, .home-page .learn-section h3 { color: var(--paper); }
.home-page .learn-section > .wrap { position: relative; z-index: 1; }
.home-page .learn-ornament {
  position: absolute;
  width: 470px;
  height: 350px;
  top: -130px;
  right: -50px;
  opacity: .24;
  pointer-events: none;
}
.home-page .learn-section .section-label, .home-page .guide-shelf h3 > span, .home-page .shelf-link { color: #b7cc9e; }
.home-page .learn-section .section-head > p, .home-page .guide-shelf > p, .home-page .shelf-top, .home-page .guide-shelf li a:before, .home-page .route-picker .mono { color: #b0bca5; }
.home-page .guide-shelves, .home-page .guide-shelf + .guide-shelf, .home-page .guide-shelf li, .home-page .route-picker, .home-page .route-controls select, .home-page .route-controls a { border-color: #48533f; }
.home-page .guide-shelf li a > span:last-child { color: #b7cc9e; }
.home-page .guide-shelf li a:hover, .home-page .shelf-link:hover, .home-page .route-controls a:hover { color: #d7e8c3; }
.home-page .route-controls select { color: var(--paper); background: #222c1f; color-scheme: dark; }
.home-page .route-controls option, .home-page .route-controls optgroup { background: #222c1f; color: var(--paper); }
.home-page .learn-section a:focus-visible, .home-page .learn-section select:focus-visible { outline-color: #b7cc9e; }
.home-page .site-footer { position: relative; overflow: hidden; }
.home-page .site-footer > .wrap { position: relative; z-index: 1; }
.home-page .footer-detail {
  position: absolute;
  top: -60px;
  right: 20%;
  width: 310px;
  height: 250px;
  opacity: .16;
  pointer-events: none;
}
@media  (max-width: 1100px) {
.home-page .resource-row { grid-template-columns: 113px 1fr 95px 20px; gap: 18px; }
.home-page .library-foot { font-size: 9px; }
}
@media  (max-width: 800px) {
.home-page .hero-overline { font-size: 10px; }
.home-page .hero-rule { margin-top: 35px; }
.home-page .resource-row { grid-template-columns: 105px 1fr 20px; }
.home-page .section-label, .home-page .story-meta, .home-page .compact-story .story-meta, .home-page .shelf-top, .home-page .resource-type, .home-page .portrait-caption, .home-page .dispatch-sample-head, .home-page .dispatch-subject { font-size: 9px; }
.home-page .guide-shelf li a, .home-page .shelf-link { font-size: 12px; }
.home-page .learn-section { padding-top: 75px; }
.home-page .learn-ornament { width: 340px; right: -110px; top: -140px; opacity: .18; }
.home-page .about-copy .section-label { font-size: 9px; }
}
@media  (max-width: 520px) {
.home-page .hero-overline { font-size: 9px; padding-bottom: 29px; }
.home-page .hero-byline, .home-page .hero-byline small { font-size: 10px; }
.home-page .field-source { font-size: 24px; }
.home-page .field-output { font-size: 30px; }
.home-page .field-subtitle { display: none; }
.home-page .hero-rule { margin-top: 30px; }
.home-page .section-label, .home-page .story-meta, .home-page .compact-story .story-meta, .home-page .shelf-top, .home-page .resource-type, .home-page .portrait-caption, .home-page .dispatch-sample-head, .home-page .dispatch-subject { font-size: 10px; }
.home-page .story-meta { gap: 7px 18px; }
.home-page .guide-shelf li a { font-size: 12px; }
.home-page .resource-row { grid-template-columns: 1fr 22px; gap: 10px; }
.home-page .resource-row h3 { font-size: 14px; }
.home-page .resource-row p { font-size: 12px; }
.home-page .library-foot, .home-page .library-foot > div { font-size: 10px; }
.home-page .library-foot > div { flex-wrap: wrap; gap: 10px 22px; }
.home-page .learn-section { padding-top: 58px; }
.home-page .learn-ornament { right: -135px; top: -90px; width: 280px; opacity: .14; }
.home-page .footer-detail { right: -80px; top: -75px; opacity: .14; }
.home-page .shelf-top { letter-spacing: .03em; }
}
@media  (prefers-reduced-motion: reduce) {
.home-page .strand-lines, .home-page .field-output { transition: none; }
}
/* Isolate the approved homepage composition from legacy content components. */
.home-page { font-size: 15px; line-height: normal; }
.home-page .hero { padding: 0; text-align: left; border: 0; background: transparent; }
.home-page .hero h1 { max-width: none; margin: 0 0 0 -7px; text-wrap: initial; }
.home-page .hero-description { margin-bottom: 0; }
.home-page .hero-copy .button { border: 0; border-radius: 0; }
.home-page h2, .home-page h3 { text-wrap: initial; }
.home-page .field-cover { padding: 0; }
.home-page .dispatch { scroll-margin-top: calc(var(--nav-height) + 24px); }
@media (max-width: 600px) { .home-page .wrap { width: calc(100% - 40px); } }