/* Atmosphere, exploration controls, and a quieter reading surface. */
.universe{background:radial-gradient(ellipse at 74% 32%,#132d48 0%,transparent 58%),radial-gradient(ellipse at 12% 95%,#182549 0%,transparent 68%),#080f24;transition:opacity .35s}
.nebula-a{opacity:.85;filter:blur(75px);left:34%;top:-12vw}
.nebula-b{opacity:.5;bottom:-30%}
.universe:after{background:linear-gradient(90deg,#050d2220,transparent 75%),linear-gradient(0deg,#080f2435,transparent 65%)}
body:not([data-page="home"]) .universe{opacity:.57}
body.reading-open .universe{opacity:.18}
.hero{padding-top:54px;min-height:680px;grid-template-columns:.95fr 1.15fr;gap:18px}
.hero h1{font-weight:550;letter-spacing:-1.8px}
.hero-copy{padding-bottom:6px}
.hero-description{max-width:33em}
.observatory{height:510px;overflow:visible}
.observatory-heading{top:0;left:10px;right:5px}
.observatory-heading .section-index{letter-spacing:1.8px;color:#b8d1e9}
.observatory-footer{bottom:0;left:10px;right:5px;gap:10px}
.observatory-footer>span{font-size:12px}
.observatory:before{inset:20px -10px 30px;background:radial-gradient(ellipse at 50% 45%,#409baa17,transparent 65%)}
.planet-portals{position:absolute;inset:0;pointer-events:none}
.planet-portal{position:absolute;display:flex;align-items:center;gap:11px;pointer-events:auto;min-height:48px;padding:7px 11px 7px 6px;isolation:isolate;border:1px solid transparent;border-radius:11px;background:transparent;transition:background .2s,border-color .2s,box-shadow .2s}
.planet-portal:before{content:"";position:absolute;inset:-3px;border-radius:inherit;z-index:-1;background:radial-gradient(ellipse,#122c43b3,transparent 75%);opacity:.7}
.planet-portal:hover,.planet-portal:focus-visible{background:#12243dd9;border-color:#91c9ee52;box-shadow:0 0 28px #64cbe614}
.portal-writing{left:3%;top:24%}
.portal-projects{right:-1%;top:44%}
.portal-about{left:12%;bottom:17%}
.portal-light{display:block;width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#c9f9ff;box-shadow:0 0 9px #85dce9ab,0 0 25px #85dce93a;transition:box-shadow .2s,transform .2s}
.portal-projects .portal-light{background:#e6d9ff;box-shadow:0 0 10px #ac90eea6,0 0 25px #a491e330}
.planet-portal:hover .portal-light,.planet-portal:focus-visible .portal-light{transform:scale(1.25);box-shadow:0 0 14px #c2f6ffc9,0 0 35px #85dce95c}
.portal-copy{display:flex;flex-direction:column;gap:0;line-height:1.5}
.portal-copy small{font:9px Consolas,monospace;letter-spacing:1px;color:#a6bed6}
.portal-copy>span{font-size:15px;letter-spacing:2px;color:#e4effb}
.portal-copy>span>span{font-size:13px;color:#a1cde1;margin-left:9px}
.now-section{padding-top:38px}.now-card{background:linear-gradient(125deg,#18263cdd,#102033a6);border-color:#a9d8f224}
.now-card:hover{box-shadow:0 12px 35px #0002,0 0 25px #5fbac50a}
.now-note h3{max-width:12em}.now-card p{max-width:32em}
.page-intro{padding-bottom:44px;border-bottom:1px solid #acc9e91a;margin-bottom:35px}
.page-intro>p{max-width:45em}
.article-list{background:linear-gradient(90deg,#1120394f,#101b2d25);border-radius:10px}
.article-row{padding-inline:20px}.article-row:hover{background:#87b5e90a}
.article-title{letter-spacing:.2px}.article-summary{max-width:43em}
.project-card .project-visual{transition:border-color .25s,box-shadow .25s}
.project-card:hover .project-visual{border-color:#90c9ed66;box-shadow:0 0 30px #8db8e80c}
.detail-dialog{background:linear-gradient(145deg,#162338,#10192a);border-color:#b1cce937}
.detail-dialog::backdrop{background:#050b1edb;backdrop-filter:blur(12px)}
.dialog-inner{padding:32px 40px 38px}.detail-dialog h2{font-size:28px;line-height:1.55;letter-spacing:-.5px}
.detail-dialog p,.detail-dialog li{color:#c4d0df;max-width:36em}
.detail-dialog .section-index{font-size:11px}.detail-dialog .dialog-close{position:sticky;top:0;flex-shrink:0;background:#18263a}
.page-enter{animation:page-arrive .32s ease-out both}
.home-intro{animation:home-arrive .65s cubic-bezier(.2,.7,.3,1) both}
@keyframes page-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes home-arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px) and (min-width:721px){
  .hero{grid-template-columns:.95fr 1.05fr;gap:0;min-height:620px}
  .hero h1{font-size:clamp(38px,4.5vw,53px)}.hero-description{font-size:16px}
  .observatory{height:445px}.portal-writing{left:0;top:20%}.portal-projects{right:-5px;top:48%}.portal-about{left:6%;bottom:17%}
  .portal-copy small{font-size:8px;letter-spacing:.5px}.portal-copy>span{font-size:14px}.planet-portal{gap:8px;padding-right:7px}
  .observatory-heading .section-index{font-size:10px;letter-spacing:1px}
}
@media(max-width:720px){
  .hero{grid-template-columns:minmax(0,1fr);min-height:initial;padding-top:44px;padding-bottom:60px;gap:0}
  .hero h1{font-size:clamp(38px,8vw,54px);letter-spacing:-1.4px}.hero-description{font-size:17px}
  .observatory{height:390px;margin-top:42px;overflow:clip}
  .observatory-heading{left:0;right:0}.observatory-heading .section-index{font-size:10px;letter-spacing:1px}.observatory-status{font-size:11px}
  .observatory-footer{left:0;right:0;bottom:0;row-gap:4px}.observatory-footer>span{font-size:11px}
  .planet-reset{font-size:11px;padding:6px 9px}
  .planet-portal{gap:7px;padding:6px;min-height:48px}.portal-copy>span{font-size:14px}.portal-copy small{font-size:8px;letter-spacing:.4px}.portal-copy>span>span{margin-left:3px}
  .portal-writing{left:0;top:21%}.portal-projects{right:0;top:48%}.portal-about{left:7%;bottom:17%}
  .page-intro{margin-bottom:25px;padding-bottom:28px}.page-intro+.section{padding-top:0}
  .article-row{padding-inline:12px}.article-read>span{right:12px}
  .dialog-inner{padding:23px}.detail-dialog h2{font-size:23px}.detail-dialog p,.detail-dialog li{line-height:1.9}
}
@media(max-width:370px){
  .observatory{height:350px}.portal-writing{top:19%}.portal-about{bottom:19%;left:2%}.portal-projects{top:49%}
  .portal-copy small{font-size:7px}.portal-copy>span{font-size:13px}
  .observatory-heading .section-index{font-size:9px;letter-spacing:.6px}
  .observatory-status{font-size:10px}.observatory-footer>span{font-size:10px}.planet-reset{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.page-enter,.home-intro{animation:none}}

/* Second pass: editorial archives, case studies and independent reading pages. */
.inner-intro{overflow:clip;padding-right:160px}
.intro-orbit{position:absolute;right:24px;top:55px;width:100px;height:100px;border:1px solid #96b9de24;border-radius:50%;pointer-events:none}
.intro-orbit:before{content:"";position:absolute;inset:25px -25px;border:1px solid #93cfe438;border-radius:50%;transform:rotate(-35deg)}
.intro-orbit:after{content:"";position:absolute;width:5px;height:5px;right:6px;top:18px;border-radius:50%;background:#b8f1f2;box-shadow:0 0 15px #91dcea80}
.editorial-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:44px;padding-top:2px;align-items:stretch}
.editorial-feature{display:block;position:relative;overflow:hidden;border-radius:18px;border:1px solid #92bfdf2b;background:radial-gradient(ellipse at 94% 65%,#2f668b40,transparent 70%),linear-gradient(145deg,#182941b5,#111d329c);padding:34px 36px;min-height:315px;transition:border-color .25s,transform .25s}
.editorial-feature:hover{border-color:#92d1e46e;transform:translateY(-3px)}
.feature-kicker{font-size:12px;letter-spacing:1px;color:#b2ccdf;display:flex;align-items:center;gap:9px}
.editorial-feature h2{font-size:34px;line-height:1.55;font-weight:500;letter-spacing:-.8px;margin:23px 0 16px;position:relative;z-index:1}
.editorial-feature p{font-size:16px;color:#b7c9da;line-height:1.9;margin:0;position:relative;z-index:1}
.editorial-feature .text-link{margin-top:26px;font-size:14px;position:relative;z-index:1}
.editorial-illustration{position:absolute;width:155px;height:155px;right:13px;top:90px;border:1px solid #92cbd92c;border-radius:50%;background:radial-gradient(circle at 30% 25%,#6a9ab633,#14213c1a 65%);transform:rotate(-20deg)}
.editorial-illustration i{position:absolute;inset:35% -18%;border:1px solid #99c8e73b;border-radius:50%}.editorial-illustration b{position:absolute;width:7px;height:7px;right:4px;top:26px;border-radius:50%;background:#b0d9e6;box-shadow:0 0 15px #8cd1e85c}
.reading-guide{padding:22px 0 12px 10px}.reading-guide h2{font-size:23px;font-weight:500;margin:15px 0 25px}
.reading-guide>div{display:flex;gap:18px;border-top:1px solid #a5c9ef1c;padding-top:17px;margin-top:17px}.reading-guide>div>span{font:12px Consolas,monospace;color:#88a5bf;padding-top:5px}
.reading-guide p{margin:0;font-size:14px;color:#aec0d5;line-height:1.9}.reading-guide strong{display:block;color:#d5e1ec;font-size:16px;font-weight:500;margin-bottom:6px}
.archive-section{padding-top:65px}.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.archive-heading h2{font-size:25px;font-weight:500;margin:0}.archive-heading .sample-notice{margin:0}
.filter-count{margin-left:auto;font-size:12px;color:#a5b8cd}.record-number{font:13px Consolas,monospace;color:#8aabc0;width:32px;flex-shrink:0;align-self:flex-start;padding-top:8px}.record-category{display:block;font-size:12px;letter-spacing:.5px;color:#91b5cc;margin-bottom:6px}
.archive-section .article-row{align-items:center}.archive-section .article-summary{font-size:15px}.archive-section .article-title{font-size:20px}
.page-next{padding-top:65px;padding-bottom:65px}.next-destination{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #a6c5e22a;border-bottom:1px solid #a6c5e218;padding:25px 4px;transition:background .2s,color .2s}
.next-destination:hover{background:#99c5eb05}.next-destination>span:first-child{display:flex;flex-direction:column;gap:8px;min-width:0}.next-destination small{font:11px Consolas,monospace;letter-spacing:1.5px;color:#94adc2}.next-destination strong{font-size:23px;font-weight:500;line-height:1.65}.next-destination>span>span{font-size:14px;color:#acbfd4}.next-destination>span:last-child{font-size:24px;color:#acd2e3;flex-shrink:0}
.gallery-note{display:flex;align-items:center;gap:10px;font-size:13px;color:#a8bfd2;margin-bottom:30px;line-height:1.9}
.case-study{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding-bottom:46px;margin-bottom:42px;border-bottom:1px solid #a3c2e21d}.case-study:last-child{margin-bottom:0}
.case-art{position:relative;display:flex;min-width:0;min-height:350px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #a1c6e62b;border-radius:16px;transition:border-color .25s,box-shadow .25s}
.case-art:hover{border-color:#92cde568;box-shadow:0 15px 40px #0002}.case-art-workflow{background:radial-gradient(ellipse at 50% 50%,#3667823b,transparent 75%),#122136b8}.case-art-workflow:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#b1d2eb1c .8px,transparent .8px);background-size:20px 20px;mask-image:linear-gradient(transparent,#000,transparent)}
.case-art-space{background:radial-gradient(ellipse at 60% 30%,#5c548741,transparent 65%),#141f35ad}.case-art .visual-caption{left:25px;top:23px;font-size:11px}.case-art-caption{position:absolute;left:25px;right:25px;bottom:22px;color:#a6bed0;font-size:12px;letter-spacing:.5px}
.case-flow{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;padding-bottom:25px;width:100%}.case-flow>span{width:65px;height:65px;display:grid;place-items:center;background:linear-gradient(135deg,#243e57,#142439);border:1px solid #96b5d23b;border-radius:13px;position:relative;font:14px Consolas,monospace;color:#d1e2f2;flex-shrink:0;box-shadow:0 12px 25px #03081526}.case-flow>span.case-flow-core{color:#acf1f3;border-color:#8bcfda6b;box-shadow:0 0 32px #80c9d017}.case-flow small{position:absolute;top:78px;white-space:nowrap;font:12px var(--font);color:#b1c7d9}.case-flow>i{font-size:18px;font-style:normal;color:#96b5c9}
.case-summary{min-width:0}.case-summary h2{font-size:28px;font-weight:500;line-height:1.55;letter-spacing:-.5px;margin:15px 0}.case-summary h2 a:hover{color:#b7e3ed}.case-summary>p{font-size:16px;color:#b5c7da;line-height:1.9;margin:0 0 24px}.case-facts{margin:0}.case-facts>div{display:flex;gap:18px;padding:10px 0;border-top:1px solid #adcae417;font-size:14px;line-height:1.8}.case-facts dt{color:#91adc5;flex-shrink:0}.case-facts dd{margin:0;color:#c0d1df}.case-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;flex-wrap:wrap}.case-bottom .tags,.case-bottom .text-link{margin:0}.case-bottom .text-link{font-size:14px}
.case-window{width:75%;height:210px;border:1px solid #a6c7e445;border-radius:10px;background:#0f1c32cc;box-shadow:10px 25px 35px #0003;transform:perspective(800px) rotateY(-9deg) rotateZ(-4deg);position:relative;overflow:hidden}.case-window>div{display:flex;align-items:center;gap:5px;height:29px;border-bottom:1px solid #b3cce719;padding:0 12px}.case-window i{width:4px;height:4px;border-radius:50%;background:#87a2ba}.case-window>div>span{margin-left:auto;font:9px Consolas,monospace;letter-spacing:1px;color:#94afc6}.case-window strong{display:block;font-size:26px;font-weight:500;line-height:1.6;padding:33px 25px;position:relative;z-index:1}.case-window strong>span{color:#9fbed8}.case-window-orbit{position:absolute;width:115px;height:115px;border:1px solid #83a9d325;border-radius:50%;right:-20px;top:50px}.case-window-orbit:after{content:"";position:absolute;inset:35px -20px;border:1px solid #81bbd93a;border-radius:50%;transform:rotate(-35deg)}
.about-manifesto{position:relative;overflow:hidden;min-height:395px}.identity-orbit{position:absolute;right:-65px;top:60px;width:220px;height:220px;border:1px solid #9bbad21f;border-radius:50%;transform:rotate(-25deg)}.identity-orbit:before{content:"";position:absolute;inset:65px -25px;border:1px solid #a1d2df2a;border-radius:50%}.about-story>.feature-kicker{font:11px Consolas,monospace;letter-spacing:1.5px;margin-bottom:13px}.about-page-grid{align-items:start;padding-bottom:50px}.about-story h2{font-size:28px}.about-story p{font-size:17px}
.interest-section{padding-top:12px}.interest-lines>a{display:flex;gap:26px;align-items:flex-start;padding:23px 4px;border-top:1px solid #b1cee41b}.interest-lines>a>span:first-child{font:12px Consolas,monospace;color:#92aec5;padding-top:7px}.interest-lines h3{font-size:20px;font-weight:500;margin:0 0 8px}.interest-lines p{font-size:15px;color:#afc3d7;margin:0;line-height:1.9}.interest-lines>a>span:last-child{margin-left:auto;color:#9ec4d9}.interest-lines>a:hover h3{color:#b0dce7}
.reading-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:35px;padding-bottom:20px;font-size:14px}.reading-toolbar>a{color:#b8cbdd}.reading-toolbar>a:hover{color:#d8f4f6}.reading-mode-toggle{background:#182a3c73;border:1px solid #9bbacf30;border-radius:8px;padding:8px 13px;min-height:42px;color:#b9d7e3;font-size:13px}.reading-mode-toggle[aria-pressed="true"]{border-color:#93cbd35a;background:#19363e63}.reading-progress{appearance:none;-webkit-appearance:none;position:fixed;top:88px;left:0;width:100%;height:2px;z-index:25;border:0;background:transparent;color:#91d1dc}.reading-progress::-webkit-progress-bar{background:transparent}.reading-progress::-webkit-progress-value{background:#91d1dc}.reading-progress::-moz-progress-bar{background:#91d1dc}
.reader-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(150px,1fr);column-gap:75px;row-gap:42px;align-items:start}.reader-heading{grid-column:1/-1;max-width:820px;padding-top:20px}.reader-meta{display:flex;gap:12px;align-items:center;font-size:12px;color:#a6c4d5}.reader-meta>span+span{border:1px solid #9abbd02b;border-radius:5px;padding:1px 7px;color:#a3b4c7}.reader-heading h1{font-size:clamp(30px,3.4vw,44px);line-height:1.6;font-weight:500;letter-spacing:-1px;margin:20px 0}.reader-lead{font-size:19px;color:#bfcedd;line-height:1.95;margin:0 0 20px;max-width:36em}.reader-disclaimer{font-size:12px;color:#92a9bf;line-height:1.9;margin:0;padding-bottom:26px;border-bottom:1px solid #9bbbd121}
.reader-body{grid-column:1;grid-row:2;min-width:0;max-width:40em}.reader-body>section{scroll-margin-top:130px;margin-bottom:43px}.reader-body h2{font-size:26px;font-weight:500;line-height:1.6;margin:0 0 20px;color:#e0ebf4}.reader-body p{font-size:18px;line-height:2.05;color:#c2cfdd;margin:18px 0;overflow-wrap:anywhere}.reader-toc{grid-column:2;grid-row:2;position:sticky;top:135px;padding:5px 0 15px 22px;border-left:1px solid #a3c4db26}.reader-toc .section-index{font-size:11px;letter-spacing:1.2px}.reader-toc nav{display:flex;flex-direction:column;gap:17px;margin-top:21px}.reader-toc a{font-size:13px;color:#9fb5c9;line-height:1.8}.reader-toc a:hover,.reader-toc a.active{color:#bfe9ee}.reader-toc a.active{position:relative}.reader-toc a.active:before{content:"";position:absolute;width:3px;height:15px;left:-24px;top:4px;border-radius:3px;background:#92d5df}.reading-end{border-top:1px solid #9cbed424;text-align:center;padding-top:24px;margin-top:50px;margin-bottom:32px;color:#92c8d6}.reading-end>span{font-size:20px}.reading-end p{font-size:14px;color:#9fb5ca;margin-top:10px}.reading-next{padding-top:55px}.reading-next .next-destination strong{font-size:22px}.reader-case-visual{position:relative;height:260px;border:1px solid #9fc3e52c;border-radius:14px;margin-bottom:42px;display:flex;align-items:center;justify-content:center;overflow:hidden}
@media(max-width:1050px) and (min-width:721px){
 .editorial-grid{grid-template-columns:1.4fr 1fr;gap:28px}.editorial-feature{padding:29px}.editorial-feature h2{font-size:29px}.editorial-illustration{right:-50px;opacity:.65}.reading-guide h2{font-size:21px}.reading-guide p{font-size:13px}.case-study{gap:30px}.case-art{min-height:325px}.case-flow{gap:12px}.case-flow>span{width:56px;height:56px}.case-flow small{top:69px;font-size:11px}.case-summary h2{font-size:25px}.case-facts>div{font-size:13px}.case-summary>p{font-size:15px}.case-window strong{font-size:22px}.reader-layout{grid-template-columns:minmax(0,1fr) 160px;column-gap:35px}
}
@media(max-width:720px){
 .inner-intro{padding-right:0}.intro-orbit{width:65px;height:65px;top:26px;right:-27px;opacity:.4;z-index:-1}.inner-intro h1{font-size:31px}
 .editorial-grid{grid-template-columns:minmax(0,1fr);gap:25px}.editorial-feature{padding:26px;min-height:300px}.editorial-feature h2{font-size:29px;line-height:1.6}.editorial-feature p{font-size:15px}.editorial-illustration{width:135px;height:135px;right:-50px;opacity:.6}.reading-guide{padding:0}.reading-guide h2{font-size:22px;margin-top:12px;margin-bottom:18px}.reading-guide>div{padding-top:15px;margin-top:15px}.reading-guide p br{display:none}.reading-guide p{font-size:15px}
 .archive-section{padding-top:45px}.archive-heading{align-items:flex-start;flex-wrap:wrap;gap:9px;margin-bottom:20px}.archive-heading h2{font-size:23px}.archive-heading .sample-notice{font-size:12px}.filter-count{margin-left:0;font-size:12px}.record-number{display:none}.record-category{font-size:12px}.archive-section .article-title{font-size:18px;padding-right:18px}.archive-section .article-summary{font-size:15px}.archive-section .article-read>span{top:50px}.article-filters{gap:4px}.filter{padding-inline:10px}
 .page-next{padding-top:40px;padding-bottom:43px}.next-destination{padding:22px 2px;gap:18px}.next-destination strong,.reading-next .next-destination strong{font-size:20px}.next-destination>span>span{font-size:14px}.next-destination small{font-size:10px}.case-study{grid-template-columns:minmax(0,1fr);gap:24px;padding-bottom:32px;margin-bottom:32px}.case-art{min-height:290px}.case-flow{gap:14px}.case-flow>span{width:59px;height:59px}.case-flow small{top:73px;font-size:12px}.case-art-caption{font-size:12px;left:20px;right:20px}.case-summary h2{font-size:25px;margin:12px 0}.case-summary>p{font-size:16px;margin-bottom:20px}.case-facts>div{font-size:14px}.case-bottom{margin-top:20px}.gallery-note{align-items:flex-start;font-size:12px;margin-bottom:23px}.gallery-note>.live-dot{margin-top:8px}.case-window{height:190px}.case-window strong{font-size:24px;padding:29px 20px}.case-art .visual-caption{font-size:10px;left:20px;top:20px}
 .about-page-grid{padding-bottom:35px}.about-manifesto{min-height:320px}.about-story h2{font-size:24px}.about-story p{font-size:16px}.interest-lines>a{gap:17px;padding:23px 2px}.interest-lines h3{font-size:18px;line-height:1.7}.interest-lines p{font-size:15px}.interest-lines>a>span:first-child{padding-top:8px}
 .reading-toolbar{padding-top:20px;padding-bottom:12px;gap:12px;font-size:13px}.reading-mode-toggle{font-size:12px;padding:7px 10px;flex-shrink:0}.reading-progress{top:70px}.reader-layout{grid-template-columns:minmax(0,1fr);row-gap:22px}.reader-heading{grid-column:1;grid-row:1;padding-top:17px}.reader-heading h1{font-size:29px;line-height:1.6;letter-spacing:-.5px;margin-block:16px}.reader-lead{font-size:17px;line-height:1.95}.reader-disclaimer{font-size:12px;padding-bottom:22px}.reader-toc{grid-column:1;grid-row:2;position:static;padding:14px 0 15px 16px;border-color:#93bfd538}.reader-toc nav{flex-direction:row;flex-wrap:wrap;gap:10px 20px;margin-top:12px}.reader-toc a{font-size:13px}.reader-toc a.active:before{display:none}.reader-body{grid-column:1;grid-row:3}.reader-body>section{margin-bottom:34px;scroll-margin-top:100px}.reader-body h2{font-size:23px;margin-bottom:16px}.reader-body p{font-size:17px;line-height:2;margin:16px 0}.reading-end p{font-size:14px}.reader-case-visual{height:240px;margin-bottom:32px}.reading-next{padding-top:35px}
}
@media(max-width:370px){
 .inner-intro h1{font-size:28px}.editorial-feature{padding:22px}.editorial-feature h2{font-size:26px}.case-flow{gap:10px}.case-flow>span{width:49px;height:49px;font-size:12px}.case-flow small{top:63px;font-size:11px}.case-window strong{font-size:21px}.case-art{min-height:270px}.reader-heading h1{font-size:26px}.reader-body p{font-size:17px}.reading-toolbar{flex-wrap:wrap}.reading-mode-toggle{min-height:40px}
}
.reader-body>section{scroll-margin-top:20px}

/* Selected personal identity: the A monogram + CWQ. */
.brand{gap:9px;letter-spacing:0}
.brand-logo{width:40px;height:40px;display:block;flex-shrink:0}
.brand-wordmark{font-size:22px;font-weight:600;letter-spacing:2.5px;line-height:1}
.brand:hover .brand-wordmark{color:#d6edf5}
.footer-brand{gap:9px;flex-wrap:nowrap}
.footer-brand img{display:block;flex-shrink:0}
.footer-brand .footer-name{font:500 14px var(--font);letter-spacing:2px;color:#dce8f2}
.footer-brand .footer-label{color:#9aadc1;font-size:10px;letter-spacing:1.2px;margin-left:3px}
.about-symbol img{display:block;width:72px;height:72px}
.manifesto-mark{display:block;width:104px;height:104px;margin:0 0 22px -11px;line-height:1}
.manifesto-mark img{display:block;width:104px;height:104px}
@media(max-width:720px){.brand{gap:7px}.brand-logo{width:36px;height:36px}.brand-wordmark{font-size:20px;letter-spacing:2px}.manifesto-mark{width:92px;height:92px;margin-bottom:18px}.manifesto-mark img{width:92px;height:92px}}