.stories-page{--ivory:var(--hatt-paper);--navy:var(--hatt-forest);--orange:var(--hatt-accent);--ink:var(--hatt-graphite);--serif:Georgia,"Times New Roman",Times,serif;background:var(--ivory);color:var(--ink)}.stories-width{width:min(93%,1440px);margin-inline:auto}.stories-page .site-header--stories{position:sticky;top:0;border-bottom:1px solid var(--line);background:rgba(var(--hatt-paper-rgb),.96);backdrop-filter:blur(14px)}.stories-intro{padding-block:clamp(44px,5vw,76px) 48px}.stories-intro>p:first-child{color:var(--orange);font-size:15px;text-transform:uppercase;margin-bottom:16px}.stories-page h1,.stories-page h2{font-family:var(--serif);font-weight:500;letter-spacing:-.045em;line-height:1}.stories-intro h1{font-size:clamp(54px,10vw,148px)}.stories-intro>p:last-child{font-size:clamp(19px,2.25vw,30px);margin-top:20px}.story-featured-width{width:min(98.5%,1518px);margin-inline:auto}.story-featured{background:var(--navy);color:var(--ivory);display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:30px;padding:24px 18px 24px 40px;align-items:center}.story-copy{min-width:0}.story-featured-label{color:var(--hatt-accent-on-dark);font-size:15px;text-transform:uppercase;margin-bottom:38px}.story-meta{text-transform:uppercase;font-size:14px;letter-spacing:.035em;color:var(--orange);margin-bottom:20px}.story-featured .story-meta{color:var(--ivory)}.story-featured h2{font-size:clamp(36px,4.5vw,66px);line-height:1.02}.story-excerpt{font-size:clamp(16px,1.45vw,21px);line-height:1.5;margin-top:28px;max-width:39ch}.story-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:30px}.story-read{display:inline-flex;align-items:center;gap:18px;min-height:44px;border:0;border-bottom:1px solid;background:none;padding:0;font:inherit;font-size:18px;color:var(--orange);cursor:pointer}.story-read span{font-size:25px;transition:transform .15s ease}.story-read:hover span{transform:translateX(4px)}.story-featured .story-read{color:var(--hatt-accent-on-dark)}.story-cover{min-width:0}.story-cover img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid rgba(120,130,135,.15)}.story-cover figcaption{font-size:13px;margin-top:12px;line-height:1.4}.story-featured .story-cover figcaption{color:var(--ivory)}.stories-archive{padding-top:62px;padding-bottom:36px}.stories-archive>h2{font-size:clamp(40px,5vw,70px);margin-bottom:22px}.stories-filters{display:flex;flex-wrap:wrap;gap:10px 48px;border-bottom:1px solid var(--line)}.stories-filters button{padding:12px 0;min-height:48px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;font:inherit;font-size:16px;color:var(--hatt-muted);background:none;cursor:pointer}.stories-filters button[aria-pressed=true]{color:var(--navy);border-bottom-color:var(--orange)}.story-row{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:40px;padding-block:34px;border-bottom:1px solid var(--line);align-items:center}.story-row:last-child{border-bottom:0;padding-bottom:0}.story-row .story-cover{grid-column:1;grid-row:1}.story-row .story-copy{grid-column:2;grid-row:1}.story-row h2{font-size:clamp(32px,3.8vw,54px);max-width:21ch;line-height:1.03}.story-row .story-meta{margin-bottom:18px}.story-row .story-excerpt{margin-top:22px}.story-category{border:1px solid var(--orange);color:var(--orange);border-radius:20px;font-size:14px;padding:2px 9px}.story-typography{min-height:310px;padding:42px;background:var(--hatt-surface);color:var(--orange);display:flex;flex-direction:column;justify-content:center;font-family:var(--serif);font-size:clamp(36px,4.1vw,62px);letter-spacing:-.04em;line-height:.98}.story-typography i{width:80%;margin-top:22px;height:2px;background:var(--orange)}.stories-conversation{background:var(--orange);color:var(--ivory);padding-block:38px}.stories-conversation>div{display:flex;justify-content:space-between;align-items:center;gap:35px;width:min(82%,1280px)}.stories-conversation h2{font-size:clamp(44px,5.4vw,78px)}.stories-conversation a{background:var(--navy);color:#fff;display:inline-flex;gap:25px;align-items:center;justify-content:center;min-height:66px;padding:18px 38px;font-size:22px;font-weight:700;border-radius:4px}.stories-page .site-footer{background:var(--navy);padding-block:34px}.stories-page .footer-grid{width:min(82%,1280px);grid-template-columns:30% 1fr;align-items:center}.stories-page .footer-wordmark{display:inline-flex;margin-bottom:12px}.stories-page .copyright{margin-top:10px}.stories-page .site-footer nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px}.stories-page .site-footer nav a{min-height:44px;display:inline-flex;align-items:center}.story-dialog{position:fixed;margin:auto;width:min(90vw,560px);padding:32px;background:var(--ivory);color:var(--navy);border:1px solid var(--line);border-radius:4px;text-align:left}.story-dialog::backdrop{background:rgba(0,10,18,.8)}.story-dialog h2{font-size:36px}.story-dialog p{font-size:18px;margin:24px 0}.stories-empty button,.stories-load,.story-dialog button{min-height:48px;padding:12px 24px;color:#fff;background:var(--navy);font:inherit;border:0;cursor:pointer}.stories-load{display:block;margin:40px auto 0}.stories-empty{padding:40px 0}.stories-empty button{margin-top:20px}.stories-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (max-width:1100px){.story-featured{padding:22px;gap:25px}.story-featured-label{margin-bottom:22px}.story-featured .story-meta{font-size:12px}.story-featured h2{font-size:40px}.story-excerpt{margin-top:20px}.story-row{gap:30px}.story-typography{min-height:250px;padding:30px}}@media (max-width:700px){.stories-width,.story-featured-width{width:calc(100% - 40px)}.stories-intro{padding-block:40px 34px}.stories-intro h1{font-size:clamp(55px,13.5vw,82px)}.stories-intro>p:last-child{font-size:19px}.story-featured{display:flex;flex-direction:column;align-items:stretch;padding:26px 20px;gap:30px}.story-featured h2{font-size:43px;max-width:15ch}.story-featured-label{margin-bottom:28px}.story-featured .story-excerpt{font-size:17px}.story-row{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-block:30px}.story-row .story-cover{order:-1}.story-row h2{font-size:38px}.story-row .story-excerpt{font-size:17px}.story-typography{font-size:43px;min-height:220px}.stories-archive{padding-top:42px}.stories-archive>h2{font-size:41px}.stories-filters{gap:0 23px}.stories-filters button{font-size:14px}.stories-conversation>div{width:calc(100% - 40px);flex-direction:column;align-items:flex-start;gap:28px}.stories-conversation h2{font-size:46px}.stories-conversation a{font-size:18px;width:100%;padding-inline:20px}.stories-page .footer-grid{width:calc(100% - 40px);grid-template-columns:1fr;gap:25px}.stories-page .site-footer nav{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.stories-page *{transition:none;scroll-behavior:auto}html:has(.stories-page){scroll-behavior:auto}}