/* Editorial archives and reading pages. The studio's shared tokens live in styles.css. */
.inner-page .header{position:relative;background:var(--ink)}
.inner-page .desktop-nav a[href="/#work"]{white-space:nowrap}
.breadcrumbs{display:flex;align-items:center;gap:13px;font-size:14px;color:#8b9486;margin-bottom:52px;flex-wrap:wrap}
.breadcrumbs a:hover{color:var(--red)}
.archive-intro{padding-top:34px;padding-bottom:65px}
.archive-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:60px;margin-top:30px}
.archive-heading h1,.entry-heading h1,.not-found h1{font-size:clamp(46px,5.8vw,88px);letter-spacing:-.065em;line-height:1.02;overflow-wrap:anywhere;max-width:950px}
.archive-heading p{max-width:410px;font-size:16px;line-height:1.8;color:#aeb5a8;padding-bottom:5px}
.archive-resource-links{display:flex;flex-wrap:wrap;gap:30px;margin-top:34px;padding-top:25px;border-top:1px solid var(--line)}
.archive-resource-links a{display:flex;gap:18px;align-items:center;font-size:14px;color:#c0c8b8}
.archive-resource-links a:hover{color:var(--red)}
.archive-resource-links .icon{width:15px;height:15px}
.archive-section{padding:35px 0 80px;min-height:450px}
.archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 25px;border-bottom:1px solid var(--line-dark)}
.archive-filter-group{display:flex;flex-wrap:wrap;gap:5px}
.archive-search{display:flex;align-items:center;gap:12px;border:1px solid #afb5a5;padding:12px 14px;min-width:245px}
.archive-search .icon{width:17px;height:17px;color:#79816f}
.archive-search input{width:100%;min-width:0;border:0;background:none;font-size:14px;color:var(--ink);outline-offset:8px}
.archive-search input::placeholder{color:#79816f}
.archive-results-line{display:flex;justify-content:space-between;gap:15px;font-family:var(--mono);font-size:14px;letter-spacing:.04em;color:#7a8470;padding:22px 0}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 24px}
.archive-card{min-width:0}
.archive-card>a{display:block;height:100%}
.archive-card-image{height:auto;aspect-ratio:1.46;display:block;position:relative;overflow:hidden;background:#26332d;color:var(--paper);isolation:isolate}
.archive-card-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#06140d45,transparent 45%)}
.archive-card-image img,
.archive-card-image video{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.archive-card>a:hover .archive-card-image img,
.archive-card>a:hover .archive-card-image video{transform:scale(1.04)}
.archive-card-number{position:absolute;top:17px;left:18px;font-family:var(--mono);font-size:14px;background:#101110bb;padding:5px 8px}
.archive-card-arrow{position:absolute;right:15px;bottom:15px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;z-index:1;transition:background .2s}
.archive-card-arrow .icon{width:17px;height:17px}
.archive-card>a:hover .archive-card-arrow{background:var(--red);border-color:var(--red)}
.archive-card-noimage{background:radial-gradient(ellipse at 60% 20%,#455447,#16241e);background-size:cover}
.archive-card-symbol{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-weight:200;font-size:85px;color:#9bad95;transform:rotate(-5deg)}
.archive-art-note{position:absolute;bottom:13px;left:16px;max-width:calc(100% - 70px);font-family:var(--mono);font-size:14px;z-index:1;color:white;background:#17221ab3;padding:3px 5px}
.archive-card-meta{display:flex;justify-content:space-between;gap:15px;margin:18px 0 12px;color:#747f69;font-size:14px;line-height:1.6}
.archive-card-meta span:first-child{color:var(--red);font-weight:600}
.archive-card-meta span:last-child{text-align:right}
.archive-card h2{font-size:27px;line-height:1.15;letter-spacing:-.9px;transition:color .2s;overflow-wrap:anywhere}
.archive-card>a:hover h2{color:var(--red)}
.archive-card p{font-size:14px;line-height:1.8;color:#707866;margin-top:13px}
.archive-status{display:flex;align-items:center;gap:8px;font-size:14px;color:#6a765d;margin-top:17px}
.archive-status i{display:block;width:5px;height:5px;border-radius:50%;background:var(--red)}
.archive-empty{padding:60px 0 45px;text-align:center}
.archive-empty-icon{display:block;color:var(--red);font-size:54px;margin-bottom:17px}
.archive-empty h2{font-size:38px}
.archive-empty p{color:#77816a;margin:20px 0 26px;font-size:14px}
.page-cta{padding-top:70px;padding-bottom:70px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.page-cta .mini-label{color:#9ba991}
.page-cta h2{font-size:clamp(32px,3.8vw,56px);margin-top:20px}
.page-cta .button{flex-shrink:0}
.entry-heading{padding-top:34px;padding-bottom:50px}
.entry-heading h1{margin-top:27px;font-size:clamp(44px,5.6vw,80px)}
.entry-lead{max-width:850px;font-size:20px;line-height:1.7;color:#b6bfad;margin-top:25px}
.entry-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;font-family:var(--mono);font-size:14px;color:#8a9780;line-height:1.6}
.entry-meta span+span{position:relative}
.entry-meta span+span:before{content:"·";position:absolute;left:-14px;color:var(--red)}
.entry-cover{margin-top:0;margin-bottom:0;position:relative}
.entry-cover img,
.entry-cover video{width:100%;height:auto;max-height:650px;object-fit:cover;object-position:center;aspect-ratio:1.9}
.entry-cover figcaption{position:absolute;left:20px;bottom:17px;font-size:14px;line-height:1.6;background:#0b180ecc;color:#d4ddc8;padding:8px 12px;max-width:calc(100% - 40px)}
.entry-reading{margin-top:50px;padding:70px 0 65px}
.entry-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(210px,1fr);gap:80px}
.prose{font-size:17px;line-height:1.9;overflow-wrap:anywhere}
.prose>h2,.prose>h3,.prose>h4{margin:40px 0 20px;line-height:1.2;scroll-margin-top:35px}
.prose>h2{font-size:35px;letter-spacing:-1.2px}
.prose>h3{font-size:27px;letter-spacing:-.7px}
.prose>h4{font-size:23px;letter-spacing:-.5px}
.prose>:first-child{margin-top:0}
.prose p{margin:0 0 24px;color:#424d3c}
.prose ul,.prose ol{padding-left:24px;margin:0 0 27px;color:#424d3c}
.prose li{padding-left:5px;margin:8px 0}
.prose li::marker{color:var(--red)}
.prose a{color:#af1f27;text-decoration:underline;text-underline-offset:4px;word-break:break-word}
.prose a:hover{color:#d6222c}
.prose strong{font-weight:700;color:var(--ink)}
.prose img,
.prose video{width:auto;max-width:100%;height:auto;margin:24px 0}
.prose blockquote{border-left:3px solid var(--red);padding:18px 24px;margin:30px 0;background:#e7e9df}
.prose blockquote p{margin:0;font-size:15px;line-height:1.85}
.prose code{font-family:var(--mono);font-size:.86em;padding:3px 6px;background:#dfe3d6;box-decoration-break:clone}
.prose pre{white-space:pre;overflow-x:auto;max-width:100%;margin:25px 0;padding:24px;background:#1b251c;color:#d2e0c5;font-size:14px;line-height:1.7}
.prose pre code{padding:0;background:none;color:inherit}
.entry-aside{align-self:start;position:sticky;top:35px}
.entry-toc{display:flex;flex-direction:column;gap:16px;border-top:1px solid #afb9a3;padding-top:25px}
.entry-toc .mini-label{color:#758368;margin-bottom:5px}
.entry-toc a{font-size:14px;line-height:1.6;color:#506044}
.entry-toc a:hover{color:var(--red)}
.entry-help{border:1px solid #bec7b4;padding:26px;margin-top:40px}
.entry-help h2{font-size:26px;line-height:1.15;margin:17px 0 15px;letter-spacing:-.8px}
.entry-help p{font-size:14px;line-height:1.8;color:#748266}
.entry-help a{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px;margin-top:23px;font-weight:600}
.entry-help a:hover{color:var(--red)}
.entry-help .icon{width:18px;height:18px}
.entry-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:40px}
.entry-tags span{border:1px solid #b6c0aa;padding:5px 10px;font-size:14px;color:#758469}
.entry-actions{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:40px;padding-top:25px;border-top:1px solid #c1c9b7}
.entry-actions a,.entry-actions button{display:flex;align-items:center;gap:10px;text-decoration:none;color:#60734f;font-size:14px;background:none;line-height:1.6}
.entry-actions .icon{width:16px;height:16px}
.entry-related{padding-top:75px;padding-bottom:85px}
.entry-related-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:30px 0 35px}
.entry-related-heading h2{font-size:45px}
.entry-related-heading>a{display:flex;align-items:center;gap:14px;font-size:14px;color:#c0cdb6}
.entry-related .archive-card h2{font-size:25px}
.entry-related .archive-card p{color:#9dab90}
.entry-related .archive-card-meta{color:#96a586}
.entry-related .archive-status{color:#899e76}
.page-toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);padding:13px 20px;background:var(--paper);color:var(--ink);box-shadow:0 5px 30px #0004;font-size:14px;opacity:0;pointer-events:none;z-index:100;transition:transform .2s,opacity .2s;max-width:calc(100% - 36px);text-align:center}
.page-toast.show{transform:translate(-50%,0);opacity:1}
.not-found{padding-top:100px;padding-bottom:130px;min-height:65vh}
.not-found .mini-label{color:var(--red)}
.not-found h1{margin-top:30px}
.not-found p{color:#b0bea4;line-height:1.8;margin:30px 0}
.not-found-blog{font-size:14px;margin-left:25px}
@media(max-width:1080px){.archive-grid{gap:36px 19px}.archive-card h2{font-size:24px}.entry-layout{gap:45px;grid-template-columns:minmax(0,1fr) 230px}.archive-heading{gap:40px}.archive-heading p{font-size:14px}.archive-toolbar{align-items:flex-start}.archive-search{min-width:210px;max-width:230px}.entry-lead{font-size:18px}}
@media(max-width:800px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-heading{grid-template-columns:1fr;gap:24px}.archive-heading p{max-width:550px;font-size:15px}.archive-toolbar{flex-direction:column;gap:20px}.archive-search{max-width:none;width:100%}.entry-layout{grid-template-columns:minmax(0,1fr);gap:40px}.entry-aside{position:static;display:none}.entry-related .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-related .archive-card:last-child:nth-child(3){display:none}.entry-reading{padding-top:45px}.entry-heading h1{font-size:55px}.page-cta{align-items:flex-start;flex-direction:column;gap:28px}.page-cta h2{font-size:45px}}
@media(max-width:540px){.breadcrumbs{margin-bottom:36px;font-size:14px}.archive-intro{padding-top:25px;padding-bottom:42px}.archive-heading h1{font-size:48px}.archive-heading{margin-top:25px}.archive-heading p{font-size:14px}.archive-resource-links{gap:18px;flex-direction:column}.archive-resource-links a{font-size:14px;justify-content:space-between}.archive-section{padding-top:24px;padding-bottom:50px}.archive-filter-group{gap:2px}.archive-filter-group .filter{font-size:14px;padding:8px 10px}.archive-grid{grid-template-columns:1fr;gap:36px}.archive-card-image{aspect-ratio:1.55}.archive-card h2{font-size:28px}.archive-card p{font-size:14px;margin-top:10px}.archive-card-meta{font-size:14px;margin-top:15px}.archive-results-line{font-size:14px}.page-cta{padding-top:50px;padding-bottom:50px}.page-cta h2{font-size:38px}.entry-heading{padding-top:25px;padding-bottom:32px}.entry-heading h1{font-size:42px;margin-top:23px}.entry-lead{font-size:16px;margin-top:20px}.entry-meta{font-size:14px;gap:10px 22px;margin-top:23px}.entry-cover{width:100%}.entry-cover img,.entry-cover video{aspect-ratio:1.35;max-height:440px}.entry-cover figcaption{left:15px;bottom:12px;max-width:calc(100% - 30px);font-size:14px}.entry-reading{margin-top:0;padding:35px 0 40px}.prose{font-size:16px;line-height:1.85}.prose>h2{font-size:29px;margin-top:34px}.prose>h3{font-size:25px}.prose>h4{font-size:22px}.prose blockquote{padding:16px 19px;margin:25px 0}.prose blockquote p{font-size:14px}.prose pre{padding:17px;font-size:14px}.entry-actions{align-items:flex-start;gap:15px;flex-direction:column;margin-top:30px}.entry-actions a,.entry-actions button{font-size:14px}.entry-related{padding-top:45px;padding-bottom:50px}.entry-related-heading{align-items:flex-start;flex-direction:column;gap:20px;margin:23px 0 29px}.entry-related-heading h2{font-size:37px}.entry-related .archive-grid{grid-template-columns:1fr;gap:32px}.entry-related .archive-card:last-child:nth-child(3){display:block}.entry-related .archive-card h2{font-size:26px}.not-found{padding-top:65px;padding-bottom:75px}.not-found h1{font-size:44px}.not-found p{font-size:14px}.not-found-blog{display:block;margin:24px 0 0}}
@media(prefers-reduced-motion:reduce){.archive-card-image img,.page-toast,.archive-card-image video{transition:none}}

/* Reading and archive type follow the shared accessible scale. */
.breadcrumbs{font-size:var(--text-meta);line-height:1.6;color:#b9c3af}
.archive-heading p,.archive-card p,.archive-empty p,.entry-help p,.not-found p{font-size:var(--text-body);line-height:1.75}
.archive-heading p,.not-found p{color:#c1ccb5}
.archive-resource-links a,.archive-search input,.entry-toc a,.entry-help a,.entry-actions a,.entry-actions button,.entry-related-heading>a,.not-found-blog{font-size:var(--text-ui);line-height:1.6}
.archive-resource-links a{min-height:44px}
.archive-search{min-height:54px}
.archive-search input::placeholder{color:#58684a}
.archive-filter-group .filter{font-size:var(--text-ui);min-height:44px;padding:9px 13px}
.archive-results-line,.archive-card-number,.archive-art-note,.archive-card-meta,.archive-status,.entry-meta,.entry-cover figcaption,.entry-tags span{font-size:var(--text-meta);line-height:1.6}
.archive-results-line{color:#526445;flex-wrap:wrap;gap:10px 24px}
.archive-card-meta{color:#58664d;flex-wrap:wrap;gap:6px 18px}
.archive-card-meta span:last-child{text-align:left}
.archive-card p,.archive-status,.archive-empty p,.entry-help p{color:#4e5e40}
.archive-card h2,.entry-related .archive-card h2{font-size:30px;line-height:1.25;letter-spacing:-.6px}
.archive-card-arrow{width:42px;height:42px}
.entry-lead{font-size:22px;line-height:1.7;color:#c4cfb9}
.entry-meta{color:#bac7ae}
.entry-cover figcaption{background:#0b180ee8;color:#eff3e8;max-width:calc(100% - 40px)}
.entry-layout{grid-template-columns:minmax(0,760px) minmax(230px,1fr);gap:70px}
.prose{font-size:19px;line-height:1.85}
.prose p,.prose ul,.prose ol{color:#394831}
.prose h2,.prose h3,.prose h4{margin:42px 0 20px;line-height:1.3;scroll-margin-top:35px}
.prose h2{font-size:36px;letter-spacing:-1px}
.prose h3{font-size:29px;letter-spacing:-.6px}
.prose h4{font-size:24px;letter-spacing:-.4px}
.prose .entry-body>:first-child{margin-top:0}
.prose blockquote p{font-size:var(--text-body);line-height:1.8}
.prose pre{font-size:var(--text-ui);line-height:1.75}
.prose pre code{font-size:inherit}
.entry-toc .mini-label,.entry-tags span{font-size:var(--text-meta);color:#526743}
.entry-toc a{color:#405b2d}
.entry-help{padding:23px}
.entry-help h2{font-size:28px;line-height:1.3}
.entry-actions a,.entry-actions button{min-height:44px;color:#435e31}
.entry-related .archive-card p,.entry-related .archive-card-meta,.entry-related .archive-status{color:#c0ceb1}
.page-toast{font-size:var(--text-ui);line-height:1.6}
@media(max-width:1080px){
  .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 25px}
  .entry-layout{grid-template-columns:minmax(0,1fr) 240px;gap:40px}
  .archive-heading p{font-size:var(--text-body)}
  .archive-toolbar{flex-wrap:wrap}
  .archive-search{flex:1;max-width:360px;min-width:250px}
}
@media(max-width:800px){
  .archive-search{max-width:none;min-width:0;width:100%}
  .entry-layout{grid-template-columns:minmax(0,1fr)}
  .entry-lead{font-size:20px}
}
@media(max-width:600px){
  .archive-grid,.entry-related .archive-grid{grid-template-columns:1fr;gap:36px}
  .entry-related .archive-card:last-child:nth-child(3){display:block}
  .archive-heading p,.archive-card p,.archive-empty p,.not-found p{font-size:var(--text-body)}
  .archive-card h2,.entry-related .archive-card h2{font-size:28px}
  .archive-card-meta,.archive-results-line,.entry-meta,.entry-cover figcaption{font-size:var(--text-meta)}
  .entry-cover figcaption{position:static;max-width:none;background:#1a261b;padding:13px 20px}
  .entry-lead{font-size:19px}
  .prose{font-size:18px;line-height:1.85}
  .prose h2{font-size:30px;margin-top:35px}
  .prose h3{font-size:26px}
  .prose h4{font-size:23px}
  .prose blockquote p{font-size:var(--text-body)}
  .entry-actions a,.entry-actions button{font-size:var(--text-ui)}
}
.archive-card-meta span:first-child{color:#a8202b}
.entry-related .archive-card-meta span:first-child{color:#ff7a80}

.entry-cover video{width:100%;height:auto;max-height:650px;aspect-ratio:16/9;object-fit:contain;background:#101110}.prose video{display:block;width:100%;max-width:100%;max-height:600px;margin:24px 0;background:#101110}.archive-card-image video{pointer-events:none}