/* Shared reading/accessibility primitives. Layouts below have independent DOM. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body.canvas{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}img,svg{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12;overflow-wrap:break-word}h1{font-size:clamp(40px,5.2vw,76px);letter-spacing:-.055em;font-weight:600}h2{font-size:28px;letter-spacing:-.025em}h3{font-size:22px;letter-spacing:-.025em}p{max-width:70ch}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-200px;left:20px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:20px}.pixel{position:absolute;left:-9999px;width:1px;height:1px}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font:600 15px/1.3 system-ui;max-width:320px}.wordmark img{flex:none;width:30px;height:30px}.kicker,.entry-label{display:block;font:600 10px/1.5 system-ui;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.kicker{margin-bottom:24px}.lede{font-size:20px;line-height:1.6;margin-top:28px}.navlinks{display:flex;flex-wrap:wrap;gap:16px;font-size:13px}.navlinks a{text-decoration:none}.backlink{display:block;font:13px/1.5 system-ui;margin-bottom:30px}.entry{position:relative;display:block;text-decoration:none;min-width:0}.entry-label{margin-bottom:17px}.entry p{font-size:14px;line-height:1.65;margin-top:16px}.entry-arrow{display:block;margin-top:20px;font-size:24px;color:var(--accent)}.finder{display:block;font:12px/1.5 system-ui;max-width:400px}.finder input{display:block;width:100%;margin-top:7px;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:12px 14px;border-radius:0}.search-status{font-size:12px;min-height:24px;margin:8px 0}.canvas{--line:color-mix(in srgb,var(--ink) 22%,transparent);--soft:color-mix(in srgb,var(--accent) 10%,var(--paper))}.toc{display:flex;flex-direction:column;gap:16px;font:13px/1.5 system-ui}.toc strong{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent)}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}.prose{min-width:0;font:18px/1.8 system-ui}.prose h2{font-size:29px;margin-bottom:22px}.prose h3{font-size:23px;margin:24px 0 15px}.prose p{margin-bottom:22px}.prose section{margin-bottom:45px;scroll-margin-top:30px}.prose ol,.prose ul{padding-left:25px}.prose li{margin:12px 0;padding-left:5px}.prose li::marker{color:var(--accent);font-weight:600}.table-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);margin:24px 0;background:var(--surface)}table{border-collapse:collapse;width:100%;font:14px/1.5 system-ui}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--line);min-width:120px}th{background:var(--soft)}caption{text-align:left;padding:16px;font-weight:600;border-bottom:1px solid var(--line)}.sources{font-size:14px;border-top:1px solid var(--line);padding-top:25px}.sources a{overflow-wrap:anywhere}.related{margin-top:50px;padding-top:30px;border-top:1px solid var(--line)}.related h2{font-size:22px;margin-bottom:22px}.related a{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0;text-decoration:none;font:16px/1.5 system-ui}.endnote{padding:35px 5%;border-top:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;font:12px/1.5 system-ui}.endnote>div{display:flex;gap:22px}.artwork{display:block;width:100%;object-fit:contain}.simple-head{padding:28px 5%;display:flex;justify-content:space-between;gap:20px}.info-page{max-width:900px;margin:60px auto 100px;padding:0 25px}.info-page h1{margin-bottom:40px}.explain-diagram{padding:20px;border:1px solid var(--line);background:var(--surface);margin:0 0 35px}.explain-diagram figcaption{font-size:13px}.explain-diagram svg{max-height:360px}
/* 01: a book with a rail and marginal notes */
.design-margins{font-family:Georgia,serif!important}.margin-rail{position:fixed;inset:0 auto 0 0;width:185px;padding:35px 25px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:45px;background:var(--paper)}.margin-rail .wordmark{align-items:flex-start;font-size:14px}.margin-rail .wordmark img{width:22px;height:22px}.margin-rail .navlinks{display:block}.margin-rail .navlinks a{display:block;margin-bottom:18px}.vertical-note{writing-mode:vertical-rl;letter-spacing:.3em;font:10px system-ui;flex:1;color:var(--accent);max-height:230px}.margin-page{margin-left:185px;padding:65px 6% 100px}.margin-title{max-width:860px;padding-bottom:60px}.margin-title h1{font:400 clamp(56px,7.8vw,110px)/.99 Georgia;letter-spacing:-.06em;max-width:740px}.margin-title .lede{max-width:590px;font:21px/1.6 Georgia}.ink-line{height:5px;width:90px;background:var(--accent);margin-top:38px}.margin-index{display:grid;grid-template-columns:190px minmax(0,1fr);gap:60px;border-top:1px solid var(--line);padding-top:40px}.margin-note{font-size:13px;font-style:italic}.margin-note .artwork{margin-bottom:25px}.margin-note .finder{margin-top:30px;font-style:normal}.margin-index .chapter{margin-bottom:45px}.margin-index .chapter h2{font:italic 24px Georgia;border-bottom:1px solid var(--line);padding-bottom:18px}.margin-index .entry{padding:25px 35px 25px 0;border-bottom:1px solid var(--line)}.margin-index .entry h3{font:400 29px/1.15 Georgia}.margin-index .entry-label{display:none}.margin-index .entry-arrow{position:absolute;right:0;top:20px}.margin-reading{display:grid;grid-template-columns:minmax(0,700px) 180px;gap:60px}.margin-reading .prose{font-family:Georgia;font-size:20px}.margin-reading .prose h2{font-family:Georgia;font-weight:400}.annotation{border-left:1px solid var(--line);padding-left:22px}.pilcrow{font:100px Georgia;color:var(--accent);display:block;margin-top:50px}.design-margins .endnote{margin-left:185px}.margin-title.article-title h1{font-size:clamp(40px,5vw,72px)}
/* 02: a dark observatory, central composition */
.station-bar{display:flex;justify-content:space-between;align-items:center;padding:22px 4%;border-bottom:1px solid var(--line);font-size:12px}.observatory{position:relative;min-height:680px;padding:60px 5% 30px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.orbit-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:90px 90px;opacity:.2}.observatory>.artwork{position:absolute;inset:0;width:100%;height:560px;opacity:.45}.station-title{position:relative;text-align:center;max-width:690px;margin:95px auto 70px}.station-title h1{font-size:clamp(45px,6vw,83px);font-weight:400;letter-spacing:-.05em}.station-title .kicker{letter-spacing:.28em}.station-title p{max-width:500px;margin:25px auto;font-size:16px}.orbit-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;width:100%;max-width:1120px;margin-top:auto}.orbit-dock a{display:flex;align-items:center;gap:18px;padding:22px;background:var(--surface);border:1px solid var(--line);text-decoration:none;font-size:13px;border-radius:8px}.orbit-dock span{font-size:28px;color:var(--accent)}.station-library{padding:50px 5% 80px;border-top:1px solid var(--line)}.station-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:20px}.station-panels .chapter{padding:26px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.station-panels h2{font-size:18px;color:var(--accent);margin-bottom:25px}.station-panels .entry{border-top:1px solid var(--line);padding:25px 0}.station-panels .entry h3{font-size:22px}.station-panels .entry-label{display:none}.mission{display:grid;grid-template-columns:270px minmax(0,780px);gap:65px;padding:60px 5% 90px;max-width:1280px;margin:auto}.mission-control{position:sticky;top:30px;align-self:start;border:1px solid var(--line);padding:25px;border-radius:8px;background:var(--surface)}.mission-control .artwork{margin-bottom:25px}.mission-report .article-title{border-bottom:1px solid var(--line);padding-bottom:35px;margin-bottom:40px}.mission-report h1{font-size:clamp(38px,4.5vw,64px)}.mission-report .prose section{padding:25px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
/* 03: a tile composition, intentionally no separate hero */
.mosaic-bar{padding:25px 4%;display:flex;justify-content:space-between;font-size:12px}.mosaic-page{padding:0 4% 80px}.mosaic-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.mosaic-intro{grid-column:span 2;padding:45px;background:var(--accent);color:var(--paper);border-radius:26px;min-height:350px}.mosaic-intro .kicker{color:inherit}.mosaic-intro h1{max-width:700px;font-size:clamp(48px,6.5vw,92px);font-weight:750}.mosaic-intro p{max-width:500px;margin:25px 0}.mosaic-intro a{font-size:13px}.mosaic-art{background:var(--surface);border-radius:26px;display:flex;flex-direction:column;justify-content:center;padding:20px}.mosaic-art figcaption{font-size:13px;margin:20px;text-align:center}.mosaic-grid>.entry{padding:30px;background:var(--surface);border-radius:26px;min-height:250px}.mosaic-grid>.entry:nth-of-type(2){border-radius:26px 26px 90px 26px;background:var(--ink);color:var(--paper)}.mosaic-grid>.entry:nth-of-type(2) .entry-label,.mosaic-grid>.entry:nth-of-type(2) .entry-arrow{color:inherit}.mosaic-grid>.entry h3{font-size:30px}.mosaic-library{padding-top:65px}.mosaic-library .chapter{margin-top:40px}.mosaic-library h2{margin-bottom:23px}.tile-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tile-row .entry{border:1px solid var(--line);padding:30px;border-radius:24px;background:var(--surface)}.mosaic-article-top{display:grid;grid-template-columns:2fr 1fr;gap:15px}.mosaic-article-top>header{padding:45px;background:var(--accent);color:var(--paper);border-radius:28px}.mosaic-article-top .kicker{color:inherit}.mosaic-article-top>aside{padding:30px;background:var(--surface);border-radius:28px}.mosaic-article-top .artwork{max-height:150px;margin-top:20px}.tile-reading{max-width:950px;margin:30px auto}.tile-reading .prose section{background:var(--surface);padding:40px;border-radius:28px;margin-bottom:18px}.design-tapestry .related{padding:30px;border-radius:28px;background:var(--surface);border:0}
/* 04: large-scale typographic bands */
.poster-bar{padding:22px 4%;display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);font-size:12px}.poster-title{padding:48px 4% 35px}.poster-title h1{font-size:clamp(65px,11vw,165px);font-weight:850;line-height:.9;letter-spacing:-.065em;max-width:1200px}.poster-title>div{display:flex;justify-content:space-between;gap:40px;margin-top:40px;align-items:center}.poster-title p{font-size:18px;max-width:510px}.poster-title>div>a{font-size:70px;text-decoration:none}.ribbon{display:grid;grid-template-columns:32% minmax(0,1fr);border-top:2px solid var(--ink)}.ribbon>header{padding:35px 12%;background:var(--accent);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;gap:30px}.ribbon>header h2{font-size:clamp(27px,3.3vw,49px)}.ribbon>header>span{font-size:90px;line-height:1}.poster-entry{display:grid;grid-template-columns:1fr 30px;gap:16px 25px;padding:30px 6%;text-decoration:none;border-bottom:1px solid var(--line)}.poster-entry h3{font-size:clamp(25px,3vw,42px);font-weight:650}.poster-entry p{grid-column:1;font-size:14px}.poster-entry>span{grid-column:2;grid-row:1;font-size:32px}.ribbon:nth-child(even)>header{background:var(--ink);color:var(--paper)}.poster-article{padding:55px 5%}.poster-article h1{font-size:clamp(43px,7.5vw,105px);font-weight:800;max-width:1300px}.poster-article .lede{max-width:800px}.ribbon-toc{background:var(--accent);color:var(--paper);padding:28px 5%}.ribbon-toc .toc{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px 35px}.ribbon-toc .toc strong{color:inherit}.poster-reading{max-width:1100px;margin:60px auto;padding:0 35px}.poster-reading .prose section{display:grid;grid-template-columns:280px minmax(0,1fr);column-gap:50px;border-bottom:1px solid var(--line);padding-bottom:25px}.poster-reading .prose section>h2{grid-column:1;grid-row:1/10;font-size:28px}.poster-reading .prose section>*{grid-column:2}.design-ribbon .related{padding:35px 5%}
/* 05: paper folders and a ring-bound reading sheet */
.cabinet-top{padding:25px 5%;display:flex;justify-content:space-between;gap:20px;font-size:12px}.cabinet-top>span{font-style:italic}.desk{max-width:1200px;margin:auto;padding:30px 5% 100px}.desk-intro{display:grid;grid-template-columns:1fr 200px;align-items:center;gap:45px;margin-bottom:45px}.desk-intro h1{font:400 clamp(44px,5vw,70px)/1.1 Georgia;letter-spacing:-.045em}.desk-intro p{margin-top:20px;font-size:16px;max-width:550px}.folder-stack{margin-top:35px}.folder{margin:0 0 22px}.folder>summary{list-style:none;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-bottom:0;width:fit-content;max-width:100%;padding:12px 24px;border-radius:12px 25px 0 0;font-size:15px;font-weight:600;display:flex;gap:30px;align-items:center}.folder>summary::-webkit-details-marker{display:none}.folder[open]>summary span{transform:rotate(180deg)}.file-cards{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:0 12px 12px 12px;box-shadow:0 5px 0 color-mix(in srgb,var(--ink) 8%,var(--paper));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.file-cards .entry{padding:22px;border:1px solid var(--line);background:var(--paper)}.file-cards .entry h3{font:400 27px/1.2 Georgia}.file-cards .entry-label{font-size:9px}.file-cards .entry-arrow{position:absolute;right:18px;bottom:12px}.notebook{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;max-width:1350px}.index-card{align-self:start;background:var(--surface);padding:25px;border:1px solid var(--line);position:sticky;top:30px}.paperclip{display:block;font-size:75px;color:var(--accent);margin-top:30px}.notebook-sheet{padding:40px 45px 50px 60px;background:var(--surface);border:1px solid var(--line);box-shadow:5px 5px 0 var(--paper),6px 6px 0 var(--line);position:relative;min-width:0}.notebook-sheet:before{content:"";position:absolute;top:0;bottom:0;left:25px;width:1px;background:var(--line)}.notebook-sheet h1{font:400 clamp(35px,4vw,58px)/1.1 Georgia}.notebook-sheet .article-title{padding-bottom:38px;border-bottom:1px solid var(--line);margin-bottom:35px}.notebook-sheet .prose{font:19px/1.8 Georgia}.notebook-sheet .prose h2{font:400 30px/1.2 Georgia}
/* 06: two scroll rhythms, fixed cover and flowing content */
.split-screen{display:grid;grid-template-columns:46% minmax(0,1fr);align-items:start}.split-cover{position:sticky;top:0;min-height:100vh;max-height:1100px;display:flex;flex-direction:column;padding:35px 9% 28px;background:var(--accent);color:var(--paper);gap:30px;overflow:hidden}.split-cover .wordmark{color:inherit}.split-cover>div{margin:auto 0}.split-cover h1{font:400 clamp(42px,5vw,75px)/1.05 Georgia;letter-spacing:-.05em}.split-cover .kicker{color:inherit}.split-cover p{font-size:16px;line-height:1.7;margin-top:25px}.split-cover>.artwork{max-height:210px;filter:brightness(0) invert(1);opacity:.35;object-position:left}.split-cover>a:last-child{font-size:12px;color:inherit}.split-feed{padding:30px 9% 70px;min-width:0}.feed-nav{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:30px}.feed-nav span{color:var(--accent)}.split-feed .chapter{margin-top:45px}.split-feed .chapter>h2{font:italic 21px Georgia;margin-bottom:20px;color:var(--accent)}.split-feed .entry{padding:30px 0 30px 50px;border-top:1px solid var(--line)}.split-feed .entry-label{display:none}.split-feed .entry h3{font:400 31px/1.18 Georgia}.split-feed .entry-arrow{position:absolute;left:0;top:6px}.split-article h1{font-size:clamp(36px,3.8vw,57px)}.split-article .lede{font-size:18px}.split-feed>.toc{padding:15px 0 35px;margin-bottom:45px;border-bottom:1px solid var(--line)}.design-splitlens .endnote{margin-left:46%;padding:30px 5%;display:block}.design-splitlens .endnote>div{margin-top:20px}
/* 07: art-led exhibition */
.floating-nav{position:absolute;top:22px;left:4%;right:4%;z-index:2;display:flex;gap:28px;align-items:center;padding:16px 24px;background:var(--surface);box-shadow:0 8px 30px #0000000a;font-size:12px;border-radius:40px}.floating-nav .wordmark{margin-right:auto}.floating-nav>a{text-decoration:none}.exhibition-cover{position:relative;min-height:810px;background:var(--surface);padding:210px 7% 90px;overflow:hidden}.exhibition-cover>.artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.exhibit-label{position:relative;background:var(--paper);padding:35px;max-width:430px;box-shadow:0 12px 50px #00000009}.exhibit-label h1{font:400 clamp(43px,4.6vw,70px)/1.06 Georgia;letter-spacing:-.04em}.exhibit-label p{font-size:15px;margin-top:22px}.exhibit-label>a:last-child{display:block;margin-top:25px;font-size:12px}.cover-caption{position:absolute;right:5%;bottom:45px;font:italic 17px Georgia;letter-spacing:.03em}.exhibit-hall{max-width:1300px;padding:70px 6%;margin:auto}.exhibit-hall .chapter{margin-bottom:70px}.exhibit-hall h2{font:400 34px Georgia;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:35px}.exhibit-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px}.exhibit-object{display:block;text-decoration:none}.object-shape{display:block;height:260px;position:relative;background:var(--surface);margin-bottom:24px;overflow:hidden}.object-shape:before{content:"";position:absolute;width:40%;height:73%;left:30%;top:15%;background:var(--accent);border-radius:50% 50% 0 0;box-shadow:15px 15px 0 var(--soft)}.exhibit-object:nth-child(even) .object-shape:before{border-radius:0;width:42%;height:55%;top:25%;transform:rotate(18deg)}.exhibit-object h3{font:400 29px Georgia;margin:12px 0}.exhibit-object p{font-size:14px}.exhibit-article-cover{position:relative;padding:140px 6% 55px;min-height:570px}.exhibit-article-cover>.artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}.exhibit-article-cover .exhibit-label{max-width:750px}.exhibit-article-cover h1{font-size:clamp(36px,4.5vw,62px)}.exhibit-reading{max-width:1180px;padding:60px 5% 90px;margin:auto;display:grid;grid-template-columns:200px minmax(0,720px);gap:70px}.exhibit-reading>aside{border-top:3px solid var(--accent);padding-top:22px}.exhibit-reading .prose{font-family:Georgia;font-size:20px}
/* 08: command window and source gutter */
.design-terminal{font-family:Consolas,"Courier New",monospace!important;font-size:14px!important}.terminal-bar{display:flex;align-items:center;gap:25px;padding:17px 3%;border-bottom:1px solid var(--line);background:var(--surface);font-size:12px}.terminal-bar>span{color:var(--accent);letter-spacing:5px}.terminal-bar>.wordmark{margin-right:auto;font-family:inherit}.terminal-bar>a:last-child{white-space:nowrap}.terminal-shell{display:grid;grid-template-columns:240px minmax(0,1fr);max-width:1500px;margin:auto;min-height:80vh}.directory-tree{padding:35px 28px;border-right:1px solid var(--line)}.directory-tree .navlinks{display:block;font:13px/1.6 Consolas,monospace}.directory-tree .navlinks a{display:block;padding:12px 0;border-bottom:1px dashed var(--line)}.directory-tree .navlinks a:before{content:"├─ ";color:var(--accent)}.directory-tree .artwork{margin-top:60px;opacity:.6}.terminal-window{padding:40px 5% 80px;min-width:0}.prompt{color:var(--accent);display:block;margin-bottom:24px;font-size:12px}.terminal-window h1{font:600 clamp(35px,4.3vw,62px)/1.15 Consolas,monospace;letter-spacing:-.05em;max-width:900px}.cursor{color:var(--accent);font-weight:400}.terminal-window>header p{font-size:14px;margin:25px 0;max-width:730px}.command-search{margin:40px 0 20px;border-top:1px dashed var(--line);padding-top:25px}.terminal-window .finder{font-family:inherit;max-width:100%}.terminal-window input{font-family:inherit}.terminal-window .chapter{margin-top:30px;border:1px solid var(--line)}.terminal-window .chapter>h2{font:600 14px/1.5 Consolas,monospace;background:var(--surface);padding:12px 22px;border-bottom:1px solid var(--line)}.terminal-window .entry{padding:22px 50px 22px 22px;border-bottom:1px dashed var(--line)}.terminal-window .entry h3{font:600 21px/1.3 Consolas,monospace}.terminal-window .entry-label{display:none}.terminal-window .entry p{font:13px/1.6 Consolas,monospace;margin-top:10px}.terminal-window .entry-arrow{position:absolute;right:20px;top:0}.terminal-window .article-title{padding-bottom:25px;border-bottom:1px dashed var(--line);margin-bottom:35px}.source-reading .prose{font:16px/1.85 Consolas,monospace;counter-reset:paragraph}.source-reading .prose h2{font:600 24px/1.3 Consolas,monospace;color:var(--accent)}.source-reading .prose p{counter-increment:paragraph;position:relative;padding-left:46px}.source-reading .prose p:before{content:counter(paragraph,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-size:12px}.source-reading .prose section{border-left:1px solid var(--line);padding-left:25px}.design-terminal .toc{font-family:Consolas,monospace}
/* 09: panoramic terrain, soft islands */
.landscape-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 6%;font-size:12px}.terrain{position:relative;text-align:center;min-height:700px;padding:65px 6% 35px;overflow:hidden}.terrain>div{position:relative;z-index:1;max-width:720px;margin:auto}.terrain h1{font:400 clamp(52px,6vw,86px)/1.05 Georgia;letter-spacing:-.05em}.terrain p{font-size:18px;max-width:510px;margin:25px auto}.terrain>.artwork{position:absolute;bottom:-20px;left:0;width:100%;height:440px;object-fit:cover;opacity:.7}.trail-start{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);padding:13px 26px;border-radius:40px;background:var(--surface);text-decoration:none;font-size:13px;white-space:nowrap;border:1px solid var(--line)}.islands{max-width:1200px;margin:auto;padding:30px 6% 90px}.island{display:grid;grid-template-columns:30% minmax(0,1fr);gap:45px;background:var(--surface);padding:45px;margin:25px 0 45px;border-radius:70px 15px 70px 15px;border:1px solid var(--line)}.island:nth-child(even){border-radius:15px 70px 15px 70px;margin-left:45px}.leaf-mark{display:block;font:65px Georgia;color:var(--accent);margin-bottom:25px}.island h2{font:400 31px/1.15 Georgia}.island .entry{padding:20px 0;border-bottom:1px solid var(--line)}.island .entry-label{display:none}.island .entry h3{font:400 26px/1.2 Georgia}.island .entry-arrow{display:none}.field-notes{max-width:1200px;margin:auto;padding:35px 5% 90px}.landscape-article{position:relative;padding-bottom:60px;border-bottom:1px solid var(--line);padding-right:27%}.landscape-article h1{font:400 clamp(40px,4.8vw,68px)/1.1 Georgia}.landscape-article .artwork{position:absolute;right:-3%;top:30px;width:30%;height:230px;object-fit:cover;border-radius:50%}.field-reading{display:grid;grid-template-columns:200px minmax(0,740px);gap:65px;margin-top:50px}.field-reading>.prose,.field-reading .prose{font:19px/1.85 Georgia}.field-reading .toc{border-radius:25px;padding:25px;background:var(--surface)}
/* 10: routes and junctions */
.wayfinding-bar{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;border-bottom:1px solid var(--line);font-size:12px}.route-map{max-width:1250px;margin:auto;padding:45px 5% 90px}.departures,.arrival{display:grid;grid-template-columns:150px minmax(0,1fr);gap:45px;align-items:start}.route-symbol{display:grid;place-items:center;background:var(--accent);color:var(--paper);width:150px;height:150px;font:110px/1 system-ui;border-radius:6px}.departures h1{font-weight:750;font-size:clamp(45px,5.5vw,78px);max-width:800px}.departures p{margin-top:25px;max-width:650px}.route-network{margin:65px 0 0 72px;border-left:10px solid var(--accent);padding:0 0 0 90px}.junction{position:relative;padding:0 0 50px}.junction>header{display:flex;align-items:center;gap:25px}.route-node{position:absolute;left:-113px;width:36px;height:36px;border:8px solid var(--accent);background:var(--paper);border-radius:50%}.junction>header h2{background:var(--ink);color:var(--paper);font-size:22px;padding:12px 25px;border-radius:4px}.branch-lines{margin:25px 0 0 22px;border-left:3px solid var(--line);padding-left:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.branch-lines .entry{border:1px solid var(--line);padding:24px;background:var(--surface);border-radius:6px}.branch-lines .entry-label{display:none}.branch-lines .entry h3{font-size:23px}.branch-lines .entry-arrow{font-size:24px}.arrival .route-symbol{width:120px;height:120px;font-size:80px}.arrival h1{font-size:clamp(38px,4.8vw,67px)}.route-reading{display:grid;grid-template-columns:220px minmax(0,750px);gap:60px;margin-top:55px}.route-reading .toc{border-left:6px solid var(--accent);padding-left:22px}.route-reading .prose{border-left:4px solid var(--accent);padding-left:35px}.route-reading .prose section{position:relative}.route-reading .prose section:before{content:"";position:absolute;left:-46px;top:8px;width:18px;height:18px;background:var(--paper);border:4px solid var(--accent);border-radius:50%}
/* Real production widgets: intentionally legible in every color scheme. */
.workspace,.tool-panel,.guided-list{padding:25px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.workspace label,.tool-panel label,.guided-list label{display:block;font:14px/1.5 system-ui;margin:16px 0}.workspace input:not([type=checkbox]),.workspace textarea,.workspace select,.tool-panel input{display:block;width:100%;max-width:100%;padding:11px;margin-top:7px;background:var(--paper);color:var(--ink);border:1px solid var(--line)}.workspace button,.tool-panel button,.guided-list button,[data-widget-print]{padding:10px 16px;background:var(--accent);color:var(--paper);border:0;border-radius:4px;margin:8px 8px 8px 0;cursor:pointer}.workspace output,.tool-panel output,.guided-list output{display:block;padding:20px;background:var(--soft);white-space:pre-wrap}.workspace textarea{min-height:100px}.workspace table{display:block;overflow:auto}.workspace .muted{font-size:13px}.workspace input[type=checkbox],.guided-list input{margin-right:10px}.workspace h2{font-size:27px}.workspace .workspace-actions{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:1000px){.margin-rail{width:150px;padding:25px 18px}.margin-page,.design-margins .endnote{margin-left:150px}.margin-page{padding:50px 5%}.margin-index{grid-template-columns:140px minmax(0,1fr);gap:35px}.margin-reading{grid-template-columns:1fr}.annotation{order:-1;border:0;padding:0}.annotation .toc{flex-direction:row;flex-wrap:wrap}.pilcrow{display:none}.station-panels{grid-template-columns:1fr}.mission{grid-template-columns:210px minmax(0,1fr);gap:30px}.mosaic-grid{grid-template-columns:1fr 1fr}.mosaic-intro{grid-column:1/-1}.mosaic-grid>.entry{min-height:220px}.mosaic-art{grid-row:span 2}.tile-row{grid-template-columns:repeat(2,minmax(0,1fr))}.notebook{grid-template-columns:170px minmax(0,1fr);gap:20px;padding-left:3%;padding-right:3%}.notebook-sheet{padding:30px 30px 30px 50px}.split-cover{padding:30px 7%}.split-feed{padding:30px 7%}.exhibit-reading{gap:35px;grid-template-columns:170px minmax(0,1fr)}.terminal-shell{grid-template-columns:200px minmax(0,1fr)}.directory-tree{padding:25px 18px}.field-reading{gap:30px;grid-template-columns:170px minmax(0,1fr)}.route-reading{gap:30px;grid-template-columns:170px minmax(0,1fr)}.poster-reading .prose section{grid-template-columns:220px minmax(0,1fr);gap:30px}.island{padding:35px;gap:30px}}
@media(max-width:700px){h1{font-size:42px}h2{font-size:26px}.lede{font-size:18px}.prose{font-size:17px}.prose h2{font-size:26px}.endnote{display:block;padding:28px 22px}.endnote>div{margin-top:16px;flex-wrap:wrap}.wordmark{font-size:13px;max-width:240px}.kicker{font-size:9px;letter-spacing:.12em}.entry h3{font-size:24px}.simple-head{padding:22px}.simple-head>a:last-child{font-size:12px}.margin-rail{position:static;width:auto;display:block;padding:22px;border:0;border-bottom:1px solid var(--line)}.margin-rail .vertical-note{display:none}.margin-rail .navlinks{display:flex;gap:8px 18px;margin-top:20px;font-size:11px}.margin-rail .navlinks a{margin:0}.margin-page,.design-margins .endnote{margin-left:0}.margin-page{padding:40px 24px 65px}.margin-title{padding-bottom:35px}.margin-title h1{font-size:64px}.margin-title .lede{font-size:20px}.margin-index{grid-template-columns:1fr;gap:20px}.margin-note>.artwork,.margin-note>p{display:none}.margin-note .finder{margin-top:0}.margin-reading .prose{font-size:19px}.margin-title.article-title h1{font-size:41px}.annotation .toc{display:flex;flex-direction:column}.station-bar{padding:20px;gap:20px}.station-bar>a:last-child{font-size:10px;max-width:90px}.observatory{min-height:670px;padding:25px 20px}.station-title{margin:70px auto 30px}.station-title h1{font-size:48px}.station-title p{font-size:15px}.orbit-dock{grid-template-columns:1fr;gap:8px}.orbit-dock a{padding:13px 18px}.orbit-dock span{font-size:24px}.station-library{padding:30px 20px}.station-panels .chapter{padding:22px}.mission{display:flex;flex-direction:column;padding:30px 20px;gap:30px}.mission-control{position:static;width:100%;order:2}.mission-control .artwork{display:none}.mission-report{width:100%}.mission-report .prose section{padding:20px}.mosaic-bar{padding:22px;gap:20px}.mosaic-page{padding:0 14px 50px}.mosaic-grid{grid-template-columns:1fr}.mosaic-intro{padding:30px;min-height:0}.mosaic-intro h1{font-size:53px}.mosaic-art{display:none}.mosaic-grid>.entry{min-height:0;padding:28px}.mosaic-library{padding-top:35px}.tile-row{grid-template-columns:1fr}.mosaic-article-top{grid-template-columns:1fr}.mosaic-article-top>header{padding:28px}.mosaic-article-top>aside{padding:25px}.mosaic-article-top .artwork{display:none}.tile-reading .prose section{padding:25px}.poster-bar{padding:20px;gap:20px}.poster-title{padding:40px 22px 30px}.poster-title h1{font-size:64px}.poster-title>div{gap:20px;margin-top:25px}.poster-title p{font-size:15px}.poster-title>div>a{font-size:45px}.ribbon{grid-template-columns:1fr}.ribbon>header{flex-direction:row;padding:22px;align-items:center;gap:20px}.ribbon>header h2{font-size:28px}.ribbon>header>span{font-size:45px}.poster-entry{padding:25px 22px}.poster-entry h3{font-size:29px}.poster-article{padding:40px 22px}.poster-article h1{font-size:47px}.ribbon-toc{padding:25px 22px}.ribbon-toc .toc{display:flex;flex-direction:column;align-items:start;gap:15px}.poster-reading{margin:35px auto;padding:0 22px}.poster-reading .prose section{display:block}.cabinet-top{padding:22px;align-items:center}.cabinet-top>span{display:none}.desk{padding:25px 18px 60px}.desk-intro{grid-template-columns:1fr}.desk-intro>.artwork{display:none}.desk-intro h1{font-size:48px}.file-cards{grid-template-columns:1fr;padding:17px;gap:15px}.file-cards .entry{padding:20px}.folder>summary{padding:12px 18px;font-size:14px}.notebook{display:flex;flex-direction:column}.index-card{position:static;width:100%;order:2}.paperclip{display:none}.notebook-sheet{width:100%;padding:28px 22px 30px 32px}.notebook-sheet:before{left:14px}.notebook-sheet .prose{font-size:18px}.notebook-sheet h1{font-size:38px}.split-screen{display:block}.split-cover{position:static;min-height:620px;padding:28px;gap:40px}.split-cover h1{font-size:55px}.split-cover>.artwork{max-height:150px}.split-feed{padding:30px 25px 55px}.split-feed .entry{padding-left:40px}.split-feed .entry h3{font-size:29px}.split-article{min-height:0}.split-article h1{font-size:43px}.split-article>.artwork{display:none}.design-splitlens .endnote{margin-left:0}.floating-nav{left:14px;right:14px;top:16px;padding:15px 18px;gap:16px;border-radius:24px}.floating-nav .wordmark{font-size:12px}.floating-nav .wordmark img{display:none}.floating-nav>a{font-size:11px}.exhibition-cover{min-height:720px;padding:245px 22px 80px}.exhibit-label{padding:26px;max-width:90%}.exhibit-label h1{font-size:43px}.cover-caption{font-size:13px;bottom:28px}.exhibit-hall{padding:45px 22px}.exhibit-wall{grid-template-columns:1fr;gap:35px}.object-shape{height:240px}.exhibit-article-cover{padding:130px 22px 40px}.exhibit-article-cover .exhibit-label{max-width:100%;padding:25px}.exhibit-article-cover h1{font-size:38px}.exhibit-reading{display:flex;flex-direction:column;padding:35px 22px 60px}.exhibit-reading .prose{font-size:19px}.terminal-bar{padding:17px;gap:15px}.terminal-bar>span{display:none}.terminal-bar .wordmark img{display:none}.terminal-bar>a:last-child{font-size:10px}.terminal-shell{display:block}.directory-tree{border-right:0;border-bottom:1px solid var(--line);padding:22px}.directory-tree .artwork{display:none}.directory-tree .navlinks{display:flex;flex-wrap:wrap;gap:8px 15px}.directory-tree .navlinks a{border:0;font-size:11px;padding:4px}.terminal-window{padding:28px 20px 50px}.terminal-window h1{font-size:38px}.terminal-window .entry{padding:20px 35px 20px 18px}.terminal-window .entry h3{font-size:20px}.source-reading .prose{font-size:15px}.source-reading .prose section{padding-left:15px}.source-reading .prose p{padding-left:30px}.landscape-nav{padding:22px}.terrain{padding:40px 22px 30px;min-height:660px}.terrain h1{font-size:57px}.terrain p{font-size:16px}.terrain>.artwork{height:320px}.islands{padding:5px 18px 45px}.island,.island:nth-child(even){display:block;margin:25px 0;padding:30px;border-radius:45px 12px 45px 12px}.island>header{display:flex;gap:15px;align-items:center}.leaf-mark{font-size:42px;margin:0}.island h2{font-size:28px}.field-notes{padding:30px 22px 60px}.landscape-article{padding-right:0;padding-bottom:30px}.landscape-article h1{font-size:43px}.landscape-article .artwork{display:none}.field-reading{display:block;margin-top:30px}.field-reading>aside{margin-bottom:35px}.field-reading .prose{font-size:18px}.wayfinding-bar{padding:22px;gap:20px}.wayfinding-bar>a:last-child{font-size:11px}.route-map{padding:30px 22px 60px}.departures,.arrival{grid-template-columns:1fr;gap:25px}.route-symbol,.arrival .route-symbol{width:75px;height:75px;font-size:56px}.departures h1{font-size:50px}.departures p{font-size:16px}.route-network{margin:40px 0 0 12px;border-left-width:6px;padding-left:27px}.route-node{left:-43px;width:26px;height:26px;border-width:5px}.junction>header h2{font-size:20px;padding:12px 17px}.branch-lines{margin:18px 0 0 8px;padding-left:12px;grid-template-columns:1fr;gap:14px}.branch-lines .entry{padding:20px}.branch-lines .entry h3{font-size:23px}.route-reading{display:block;margin-top:35px}.route-reading>aside{margin-bottom:40px}.route-reading .prose{padding-left:22px}.route-reading .prose section:before{left:-33px}.arrival h1{font-size:40px}.workspace,.tool-panel,.guided-list{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.toc,.finder,.navlinks,.directory-tree,.margin-rail,.floating-nav,.artwork,.endnote,.skip{display:none!important}.canvas{background:white!important;color:black!important}.margin-page,.design-margins .endnote{margin-left:0}.split-screen,.mission,.field-reading,.route-reading,.exhibit-reading,.terminal-shell,.notebook{display:block}.split-cover{position:static;min-height:0;background:white;color:black}.prose section{break-inside:avoid}}

/* Prevent the long site name from setting an intrinsic mobile grid width. */
.mosaic-intro{min-width:0}@media(max-width:700px){.mosaic-grid{grid-template-columns:minmax(0,1fr)}.mosaic-intro h1{font-size:clamp(38px,12vw,53px)}}