@layer tokens {
:root{--surface:#f2eee5;--surface-raised:#e5ded1;--surface-feature:#dce6a3;--text:#1b1c19;--text-muted:#67685f;--text-on-raised:#4e5049;--border:#cac5b9;--accent:#c34f2f;--page-background:var(--surface);--page-texture:none;--page-texture-size:auto;--font-display:Iowan Old Style, Baskerville, "Times New Roman", serif;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--card-radius:0;--hover-lift:4px}
}

@layer base {
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page-background)}body{min-height:100vh;color:var(--text);background:var(--page-background);font-family:var(--font-body);margin:0}body:before{z-index:0;pointer-events:none;background:var(--page-texture);background-size:var(--page-texture-size);content:"";position:fixed;inset:0}main{z-index:1;position:relative}a{color:inherit;text-decoration:none}:root[data-view-mode=space] body{cursor:crosshair}:root[data-view-mode=space] a,:root[data-view-mode=space] button,:root[data-view-mode=space] input,:root[data-view-mode=space] select,:root[data-view-mode=space] textarea,:root[data-view-mode=space] label{cursor:pointer}
}

@layer layout {
.shell{width:min(1160px,100% - 40px);margin-inline:auto}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:92px;display:flex}.site-header nav{color:var(--text-muted);gap:26px;font-size:.88rem;display:flex}.hero{min-height:70vh;padding:clamp(80px,13vw,160px) 0 80px}.section{border-top:1px solid var(--border);padding:clamp(76px,8vw,108px) 0}.section-heading{grid-template-columns:minmax(130px,180px) minmax(0,1fr);align-items:start;gap:clamp(36px,6vw,88px);display:grid}.section-heading>.kicker{margin:0;padding-top:10px}.section-content{min-width:0}.section-title{margin-bottom:clamp(38px,5vw,60px)}.custom-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.custom-slider{scroll-snap-type:x mandatory;grid-auto-columns:minmax(280px,42%);grid-auto-flow:column;gap:16px;padding-bottom:18px;display:grid;overflow-x:auto}.custom-slider .custom-card{scroll-snap-align:start}.custom-rich-text{max-width:760px;margin-left:auto}.custom-feature-card{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;min-height:260px;display:grid}.article-header{border-bottom:1px solid var(--border);padding:90px 0 60px}.article-body{max-width:760px;padding:70px 0 130px}.section-detail-body,.section-detail-gallery{gap:42px;display:grid}.section-detail-gallery{gap:28px}.section-detail-gallery figure{margin:0}.footer{color:var(--text-muted);border-top:1px solid var(--border);justify-content:space-between;gap:20px;padding:28px 0 46px;font-size:.78rem;display:flex}@media (max-width:720px){.site-header nav{gap:14px}.hero{min-height:auto}.section-heading{grid-template-columns:1fr;gap:22px}.section-heading>.kicker{padding-top:0}.section-title{margin-bottom:34px}.custom-card-grid,.custom-feature-card{grid-template-columns:1fr}.custom-slider{grid-auto-columns:85%}.footer{flex-direction:column}}
}

@layer components {
.wordmark{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.header-controls{align-items:center;gap:18px;display:flex}.site-header nav a:hover{color:var(--accent)}.view-mode-switcher select{min-height:32px;color:var(--text-muted);border:1px solid var(--border);background:var(--surface);font:inherit;border-radius:4px;padding:0 8px;font-size:.75rem}.view-mode-switcher select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px;font-size:.7rem;font-weight:800}.hero h1,.section-heading h2,.article-header h1{font-family:var(--font-display);font-weight:400}.hero h1{letter-spacing:-.055em;max-width:920px;margin:0;font-size:clamp(3.2rem,8vw,7.4rem);line-height:.92}.hero-copy{max-width:590px;color:var(--text-muted);margin:38px 0 32px auto;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.text-link{border-bottom:1px solid var(--text);align-items:center;gap:10px;padding-bottom:5px;font-size:.9rem;display:inline-flex}.section-heading h2{letter-spacing:0;margin:0;font-size:clamp(2.3rem,5vw,4.7rem)}.section-intro{max-width:620px;color:var(--text-muted);margin:20px 0 0;font-size:1.05rem;line-height:1.6}.section-index-link{margin-top:24px}.section-empty{color:var(--text-muted);margin:0}.custom-list{border-top:1px solid var(--border)}.custom-list-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:25px 0;display:flex}.custom-list-row[href],.custom-card[href],.custom-rich-text-item,a.custom-feature-card{transition:transform .18s,background-color .18s}.custom-list-row[href]:hover{transform:translate(10px)}.custom-card[href]:hover,.custom-rich-text-item:hover,a.custom-feature-card:hover{transform:translateY(calc(var(--hover-lift) * -1))}.custom-list-row h3,.custom-rich-text h3{font-family:var(--font-display);margin:0 0 7px;font-size:1.65rem;font-weight:500}.custom-list-row p,.custom-item-content p,.custom-rich-text p{max-width:660px;color:var(--text-muted);margin:0;line-height:1.6}.custom-card,.custom-feature-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--card-radius);min-height:300px;padding:26px;display:block}.custom-card.featured,.custom-feature-card{background:var(--surface-feature)}.custom-card h3,.custom-feature-card h3{font-family:var(--font-display);margin:18px 0 10px;font-size:2rem;font-weight:400}.custom-item-content img{aspect-ratio:16/10;object-fit:cover;width:100%;margin-bottom:22px;display:block}.custom-item-content small{color:var(--text-muted);margin-top:18px;display:block}.custom-badge{color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:5px 8px;font-size:.7rem;display:inline-block}.custom-rich-text-item{display:block}.custom-rich-text img{width:100%;height:auto;margin-bottom:24px;display:block}.custom-rich-text article+article,.custom-rich-text-item+.custom-rich-text-item{border-top:1px solid var(--border);margin-top:36px;padding-top:36px}.custom-rich-text p+p{margin-top:1.2em}.custom-feature-card .custom-item-content{align-self:end}.custom-feature-card .custom-item-content:has(img){grid-template-columns:minmax(190px,280px) minmax(0,1fr);align-items:start;gap:12px clamp(28px,4vw,56px);display:grid}.custom-feature-card .custom-item-content:has(img)>:not(img){grid-column:2}.custom-feature-card .custom-item-content:has(img)>img{aspect-ratio:auto;object-fit:contain;grid-row:1/span 8;width:100%;height:auto;margin:0}.custom-feature-card .custom-item-content:has(img) h3{margin-top:0}@media (max-width:720px){.custom-feature-card .custom-item-content:has(img){grid-template-columns:1fr}:is(.custom-feature-card .custom-item-content:has(img)>:not(img),.custom-feature-card .custom-item-content:has(img)>img){grid-area:auto/1}.custom-feature-card .custom-item-content:has(img)>img{margin-bottom:22px}}.back-link{color:var(--text-muted);margin-bottom:55px;font-size:.85rem;display:inline-block}.article-header h1{letter-spacing:-.05em;max-width:900px;margin:0 0 30px;font-size:clamp(3rem,8vw,6.8rem);line-height:.95}.article-deck{max-width:700px;color:var(--text-muted);font-size:1.2rem;line-height:1.55}.article-meta{color:var(--text-muted);margin-top:28px;font-size:.8rem}.article-body{font-family:var(--font-display);font-size:1.25rem;line-height:1.75}.article-body h2{margin:2.2em 0 .7em;font-size:2rem;font-weight:500}.article-body p,.section-detail-field p{margin:1.2em 0}.article-body p:first-child,.section-detail-field p:first-child{margin-top:0}.article-body img,.section-detail-field img{border-radius:var(--card-radius);width:100%;height:auto;margin:1.6em 0;display:block}.article-body ul,.article-body ol,.section-detail-field ul,.section-detail-field ol{margin:1.2em 0;padding-left:1.4em}.article-body li,.section-detail-field li{margin:.5em 0;line-height:1.6}.article-body li>p,.section-detail-field li>p{margin:0}.article-body code,.section-detail-field code{background:var(--surface-raised);border-radius:4px;padding:.15em .4em;font-size:.85em}.article-image{margin:0 0 50px}.article-image img,.section-detail-image{object-fit:cover;width:100%;height:auto;max-height:680px;display:block}.article-image figcaption,.section-detail-gallery figcaption{color:var(--text-muted);font-family:var(--font-body);margin-top:9px;font-size:.78rem;line-height:1.5}.section-detail-field h2{margin-top:0}@media (max-width:720px){.header-controls{gap:10px}.hero-copy{margin-left:0}}
}

@layer modes {
:root[data-view-mode=editorial]{--surface:#f4efe4;--surface-raised:#ebe2d3;--surface-feature:#dfe8b4;--text:#202521;--text-muted:#62665f;--border:#a8a398;--accent:#b84b35;--page-background:#f4efe4;--page-texture:repeating-linear-gradient(0deg, transparent 0 31px, #26384a0f 32px);--page-texture-size:auto;--card-radius:2px}:root[data-view-mode=editorial] .kicker,:root[data-view-mode=editorial] .article-meta,:root[data-view-mode=editorial] .custom-badge{font-family:Bradley Hand,Chalkboard SE,Comic Sans MS,cursive}:root[data-view-mode=editorial] .section,:root[data-view-mode=editorial] .footer{border-top:1px dashed #77766f}:root[data-view-mode=editorial] .article-header{border-bottom:1px dashed #77766f}:root[data-view-mode=editorial] .custom-card,:root[data-view-mode=editorial] .custom-feature-card{border:2px solid #343a38;transform:rotate(-.25deg);box-shadow:4px 5px #26384a21}:root[data-view-mode=editorial] .custom-card:nth-child(2n){transform:rotate(.3deg)}:root[data-view-mode=editorial] .text-link{-webkit-text-decoration:underline wavy var(--accent) 1px;text-decoration:underline wavy var(--accent) 1px;text-underline-offset:6px;border-bottom:0}:root[data-view-mode=editorial] .section-heading h2:after,:root[data-view-mode=editorial] .article-header h1:after{content:"";opacity:.42;background:url(/editorial-burst.svg) 50%/contain no-repeat;width:.7em;height:.7em;margin-left:.18em;display:inline-block;transform:rotate(9deg)}.editorial-doodle-layer{z-index:0;pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden}.editorial-background-doodle{left:var(--doodle-x);top:var(--doodle-y);width:var(--doodle-size);height:var(--doodle-size);opacity:var(--editorial-doodle-opacity,.2);filter:grayscale(.15)contrast(.9);mix-blend-mode:multiply;transform:translate(-50%, -50%) rotate(var(--doodle-rotation));position:absolute}.editorial-background-doodle-image{object-fit:contain;width:100%;height:100%;display:block}:root[data-view-mode=editorial] .editorial-doodle-layer{display:block}:root[data-view-mode=space]{--surface:#07111f;--surface-raised:#10243a;--surface-feature:#163c4c;--text:#e8f1ff;--text-muted:#9ab1cc;--text-on-raised:#c3d5e8;--border:#2a4865;--accent:#89f7d5;--page-background:#07111f;--page-texture:radial-gradient(circle at 16% 22%, #89f7d529, transparent 18rem), radial-gradient(circle at 83% 62%, #7397ff21, transparent 22rem);--page-texture-size:auto;--card-radius:6px;--hover-lift:7px}.space-effects{z-index:2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.easter-egg-layer{z-index:2;pointer-events:none;height:100vh;position:absolute;top:0;left:0;right:0;overflow:hidden}.space-star{left:var(--star-x);top:var(--star-y);width:var(--star-size);height:var(--star-size);visibility:hidden;opacity:var(--star-brightness);animation:space-twinkle 2.8s ease-in-out var(--star-delay) infinite alternate;background:#e8f1ff;border-radius:50%;position:absolute;box-shadow:0 0 8px #89f7d5b3}:root[data-view-mode=space] .space-effects .space-star,.easter-egg-layer .space-star{visibility:visible}.space-star.is-easter-egg{z-index:1;pointer-events:auto;width:64px;height:64px;box-shadow:none;cursor:pointer;opacity:1;animation:doodle-hover 3.8s ease-in-out var(--star-delay) infinite alternate;background:0 0;border:0;margin:-32px}.easter-egg-art{object-fit:contain;filter:drop-shadow(2px 3px #26384a2e);width:100%;height:100%;display:none}:root[data-view-mode=editorial] .editorial-doodle,:root[data-view-mode=editorial] .uploaded-doodle,:root[data-view-mode=field-notes] .field-notes-doodle,:root[data-view-mode=field-notes] .uploaded-doodle{display:block}:root[data-view-mode=field-notes] .space-star.is-easter-egg{transform:rotate(-5deg)}:root[data-view-mode=space] .space-star.is-easter-egg{width:var(--star-size);height:var(--star-size);min-width:16px;min-height:16px;animation:space-twinkle 2.8s ease-in-out var(--star-delay) infinite alternate, easter-egg-shimmer 4.6s ease-in-out var(--star-delay) infinite;background:#fff;border:1px solid #e8fff9e6;margin:-7px;box-shadow:0 0 10px 4px #89f7d5f2,0 0 28px 9px #5ea7ff73}.space-star.is-easter-egg:hover,.space-star.is-easter-egg:focus-visible{outline:none;animation-duration:.75s}.space-effects.is-hyperspace,.easter-egg-layer.is-hyperspace{transform-origin:var(--jump-origin-x) var(--jump-origin-y);animation:.7s cubic-bezier(.12,.72,.18,1) both space-zoom}.space-effects.is-hyperspace:after{background:radial-gradient(circle at var(--jump-origin-x) var(--jump-origin-y), #fff 0, #89f7d5d1 3%, transparent 14%);content:"";animation:.7s ease-in both jump-flash;position:absolute;inset:0}.is-hyperspace .space-star{animation-play-state:paused}.section-index-page.has-easter-eggs .section-index-header{padding-top:clamp(300px,36vh,440px)}@keyframes space-twinkle{0%{opacity:calc(var(--star-brightness) * .45);transform:scale(.75)}to{opacity:var(--star-brightness);transform:scale(1.35)}}@keyframes doodle-hover{0%{transform:rotate(-4deg)scale(.94)}to{transform:rotate(4deg)scale(1.06)}}@keyframes space-zoom{0%{opacity:1;filter:blur();transform:scale(1)}72%{opacity:1}to{opacity:0;filter:blur(1px);transform:scale(40)}}@keyframes jump-flash{0%,28%{opacity:0}70%{opacity:.9}to{opacity:1}}@keyframes easter-egg-shimmer{0%,to{box-shadow:0 0 10px 4px #89f7d5e6,0 0 28px 9px #5ea7ff66}48%{box-shadow:0 0 18px 7px #e4f4ff,0 0 42px 14px #89f7d599}56%{box-shadow:0 0 12px 5px #89f7d5f2,0 0 30px 10px #5ea7ff73}}:root[data-view-mode=field-notes]{--surface:#eef1e7;--surface-raised:#e0e7d7;--surface-feature:#d5e4ae;--text:#263028;--text-muted:#637063;--text-on-raised:#435047;--border:#b6c3b2;--accent:#517a4b;--page-background:#eef1e7;--page-texture:repeating-linear-gradient(0deg, transparent 0 27px, #517a4b12 28px);--page-texture-size:auto;--card-radius:4px;--hover-lift:2px}@media (prefers-reduced-motion:reduce){.space-effects,.space-star{transition:none;animation:none}}@media (max-width:720px){.editorial-background-doodle{opacity:.14}.editorial-background-doodle:nth-child(n+7){display:none}}
}

@layer tokens,base,layout,components,modes;