.art-rail{display:none}.layout-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 3%;border-bottom:1px solid var(--ink);font-size:9px;letter-spacing:1px}.layout-controls>div{display:flex;gap:5px;flex-wrap:wrap}.layout-controls button,.layout-controls a{background:transparent;border:1px solid var(--line);padding:7px 12px;font-size:10px}.layout-controls button[aria-pressed=true]{background:var(--ink);color:var(--lime);border-color:var(--ink)}.layout-controls a{background:var(--lime);color:#171815}.layout-controls small{font-size:10px;letter-spacing:0}.layout-controls #layoutMode{display:block;margin-top:5px;color:var(--muted);font-size:9px}.layout-controls #layoutSettings{background:var(--lime);color:#111;border-color:#819c2c}.layout-options{padding:0;border:0;margin:25px 0 15px}.layout-options legend{font-size:12px;margin-bottom:12px}.layout-options label{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:15px;margin-bottom:9px;cursor:pointer}.layout-options label:has(input:checked){border-color:#819c2c;background:#819c2c18}.layout-options input{accent-color:#759900;width:18px;height:18px;flex-shrink:0}.layout-options strong{font-size:14px;display:block}.layout-options small{display:block;font-size:11px;line-height:1.7;margin-top:5px;color:var(--muted)}.reader-body .layout-storage-note{font-size:11px;line-height:1.8}#layoutSaveStatus{font-size:12px}
html:not([data-layout=editorial]){--paper:#090a08;--ink:#eff0e5;--line:#45483c;--muted:#a1a596;color-scheme:dark}html:not([data-layout=editorial]) body{padding-left:150px}html:not([data-layout=editorial]) .art-rail{display:flex;position:fixed;inset:0 auto 0 0;width:150px;border-right:1px solid #b7f000;background:#090a08;z-index:5;padding:22px 16px;flex-direction:column;gap:24px}.rail-brand{font:900 78px/.78 var(--display);letter-spacing:-3px;color:var(--lime)}.art-rail>span{font:10px/1.4 monospace;letter-spacing:1px}.rail-orbit{margin-top:auto;color:var(--lime);font:130px/.9 Arial;transform:rotate(-25deg)}html:not([data-layout=editorial]) .topbar{min-height:62px;padding:0 20px}html:not([data-layout=editorial]) .mini-logo{font-size:8px;color:#b7bcac}html:not([data-layout=editorial]) .brand-mark{background:var(--lime);color:#111}html:not([data-layout=editorial]) .topbar nav a:hover,html:not([data-layout=editorial]) .topbar nav button:hover{color:var(--lime)}html:not([data-layout=editorial]) .random-button{color:var(--lime)}html:not([data-layout=editorial]) .layout-controls{padding:10px 20px}html:not([data-layout=editorial]) .layout-controls button[aria-pressed=true]{background:var(--lime);color:#111;border-color:var(--lime)}html:not([data-layout=editorial]) .masthead{padding:16px 20px 22px}html:not([data-layout=editorial]) .masthead h1{color:var(--lime);font-size:clamp(65px,12vw,235px);margin:6px 0 12px}html:not([data-layout=editorial]) .masthead-meta{color:#c3c8b9}html:not([data-layout=editorial]) .masthead-bottom{font-size:11px}html:not([data-layout=editorial]) .ticker{color:#13170a;border-color:#667833;height:32px}html:not([data-layout=editorial]) .ticker>div{font-size:10px}html:not([data-layout=editorial]) .section{margin-left:20px;margin-right:20px}html:not([data-layout=editorial]) .section-heading{border-color:#686e59}html:not([data-layout=editorial]) .section-heading h2{color:var(--lime)}html:not([data-layout=editorial]) .feature{border:1px solid #72765e}html:not([data-layout=editorial]) .hello-note{color:#101508}html:not([data-layout=editorial]) .filters button.active{background:var(--lime);color:#111}html:not([data-layout=editorial]) .filters button:hover:not(.active){background:#343b22}html:not([data-layout=editorial]) .manifesto{background:#bfff00;color:#15190b;min-height:0}html:not([data-layout=editorial]) .manifesto-star{color:#6d8b0c}html:not([data-layout=editorial]) .photo-tag{background:#c4ff00;color:#111}html:not([data-layout=editorial]) .closing{color:#111;border-color:#c4ff00}html:not([data-layout=editorial]) .tool-card{border-color:#6b725c}html:not([data-layout=editorial]) .prompt-tool,html:not([data-layout=editorial]) .earth-tool{color:#15190b}html:not([data-layout=editorial]) .edit-tool{background:#171b13;color:#eff0e5}html:not([data-layout=editorial]) dialog{background:#14170f;color:#f0f2e4;border-color:#9aa67c}html:not([data-layout=editorial]) .dialog-bar{color:#111}html:not([data-layout=editorial]) .reader-body p{color:#c4cbb7}html:not([data-layout=editorial]) .reader-note{background:#252b1c}html:not([data-layout=editorial]) .credits-list{color:#c4cbb7}html:not([data-layout=editorial]) .reader-actions button,html:not([data-layout=editorial]) .reader-actions a{background:var(--lime);color:#111}
/* 01 / Exhibition: edge-to-edge visual wall, uneven panels, narrow captions. */
html[data-layout=gallery] .masthead-title{font-size:0}html[data-layout=gallery] .masthead-title:after{content:'CURIOUS BY DESIGN.';font-size:clamp(65px,11.9vw,225px);letter-spacing:-.045em}html[data-layout=gallery] .masthead-asterisk{display:none}html[data-layout=gallery] .opening-grid{margin:16px 20px 28px;grid-template-columns:1.1fr 1fr;gap:12px}html[data-layout=gallery] .feature{height:520px}html[data-layout=gallery] .opening-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:12px}html[data-layout=gallery] .hello-note{padding:20px 16px;background:#c4ff00}html[data-layout=gallery] .hello-note h2{font-size:clamp(38px,5vw,85px);writing-mode:vertical-rl;line-height:1.05;letter-spacing:-3px;margin:22px auto}html[data-layout=gallery] .hello-note p{font-size:10px}html[data-layout=gallery] .earth-feature h3{font-size:20px}html[data-layout=gallery] .feature-caption h2{font-size:36px}html[data-layout=gallery] .story-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:17px 12px}html[data-layout=gallery] .story{grid-column:span 4;padding:0;border:0}html[data-layout=gallery] .story-art{height:300px;border:1px solid #596049}html[data-layout=gallery] .story-meta{margin:8px 0 5px;font-size:7px}html[data-layout=gallery] .story h3{font-size:16px;margin:0 0 5px}html[data-layout=gallery] .story p,html[data-layout=gallery] .story-bottom{display:none}html[data-layout=gallery] .manifesto{grid-column:span 4;padding:18px}html[data-layout=gallery] .manifesto>div{font-size:38px;margin:10px 0}html[data-layout=gallery] .story-wide{grid-column:span 5}html[data-layout=gallery] .story[data-category=science]{grid-column:span 3}html[data-layout=gallery] .story[data-category=life]{grid-column:span 4}html[data-layout=gallery] .story:has(.auto-art){grid-column:1/-1}html[data-layout=gallery] .story:has(.auto-art) .story-hit{grid-template-columns:1.6fr 1fr}html[data-layout=gallery] .story:has(.auto-art) .story-art{height:215px}html[data-layout=gallery] .story-grid.filtered{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-layout=gallery] .story-grid.filtered .story{grid-column:span 1}
/* 02 / Collage: overlapping poster, offset cards, strong reading order underneath. */
html[data-layout=collage] .masthead-title{font-size:0}html[data-layout=collage] .masthead-title:after{content:'MAKE A LITTLE MESS.';font-size:clamp(64px,11.3vw,220px);letter-spacing:-.035em}html[data-layout=collage] .masthead-asterisk{display:none}html[data-layout=collage] .opening-grid{position:relative;margin:28px 35px 75px;grid-template-columns:1.3fr 1fr;gap:22px}html[data-layout=collage] .feature{height:570px;transform:rotate(-2deg);z-index:1;box-shadow:9px 9px 0 #9b63f4}html[data-layout=collage] .opening-side{display:grid;grid-template-rows:1fr 1fr;gap:16px;transform:translateY(22px)}html[data-layout=collage] .hello-note{transform:rotate(3deg);margin-left:-45px;padding-left:58px;border:1px solid #111;z-index:2}html[data-layout=collage] .hello-note h2{font-size:56px;line-height:1.05;margin:8px 0}html[data-layout=collage] .hello-note p{font-size:11px;margin-bottom:6px}html[data-layout=collage] .earth-feature{transform:rotate(-2deg);margin:0 16px 0 25px;min-height:240px;border:1px solid #c4ff00}html[data-layout=collage] .feature-caption h2{font-size:42px}html[data-layout=collage] .story-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:38px 24px;padding:16px 12px 30px}html[data-layout=collage] .story{grid-column:span 2;background:#11150e;border:1px solid #555f40;padding:10px;box-shadow:5px 5px 0 #292e20;align-self:start}html[data-layout=collage] .story-art{height:270px}html[data-layout=collage] .story:nth-child(1){transform:rotate(-3deg);margin-top:24px}html[data-layout=collage] .story:nth-child(2){transform:rotate(2deg)}html[data-layout=collage] .story:nth-child(3){transform:rotate(-1deg);margin-top:48px}html[data-layout=collage] .manifesto{grid-column:span 2;transform:rotate(2deg);min-height:365px;background:#a278ef}html[data-layout=collage] .story-wide{grid-column:span 4;transform:rotate(-1deg)}html[data-layout=collage] .story-wide .story-art{height:370px}html[data-layout=collage] .story[data-category=science]{transform:rotate(2deg)}html[data-layout=collage] .story[data-category=life]{transform:rotate(-2deg);margin-top:24px}html[data-layout=collage] .story:has(.auto-art){grid-column:span 2;transform:rotate(2deg);margin-top:45px}html[data-layout=collage] .story:has(.auto-art) .story-hit{display:block}html[data-layout=collage] .story:has(.auto-art) h3{font-size:22px}html[data-layout=collage] .story:has(.auto-art) .auto-title{font-size:46px}html[data-layout=collage] .story:has(.auto-art) .auto-title i{font-size:42px}html[data-layout=collage] .story h3{font-size:21px}html[data-layout=collage] .story-grid.filtered{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-layout=collage] .story-grid.filtered .story{grid-column:span 1;margin:0;transform:none}html[data-layout=collage] .tools-grid .tool-card:nth-child(2){transform:translateY(16px) rotate(-1deg)}
@media(max-width:1100px){html:not([data-layout=editorial]) body{padding-left:110px}html:not([data-layout=editorial]) .art-rail{width:110px;padding:20px 10px}.rail-brand{font-size:59px}.art-rail>span{font-size:8px}.rail-orbit{font-size:90px}.layout-controls small{display:none}html[data-layout=gallery] .opening-side{grid-template-columns:1fr;grid-template-rows:1fr 1fr}html[data-layout=gallery] .hello-note h2{writing-mode:horizontal-tb;font-size:42px;margin:10px 0}html[data-layout=gallery] .hello-note p{display:none}html[data-layout=gallery] .earth-feature{min-height:210px}html[data-layout=collage] .hello-note h2{font-size:40px}html[data-layout=collage] .story h3{font-size:17px}html[data-layout=collage] .story-art{height:220px}}
@media(max-width:700px){.layout-controls{padding:10px 5%;display:block}.layout-controls>span{font-size:8px;display:block;margin-bottom:8px}.layout-controls button,.layout-controls a{font-size:9px;padding:7px 9px}html:not([data-layout=editorial]) body{padding-left:0}html:not([data-layout=editorial]) .art-rail{display:none}html:not([data-layout=editorial]) .masthead h1{white-space:normal;line-height:.86;margin:14px 0}html[data-layout=gallery] .masthead-title:after{font-size:21vw;content:'CURIOUS BY DESIGN.'}html[data-layout=collage] .masthead-title:after{font-size:21vw;content:'MAKE A LITTLE MESS.'}html:not([data-layout=editorial]) .masthead-bottom{font-size:9px}html:not([data-layout=editorial]) .section{margin-left:20px;margin-right:20px}html[data-layout=gallery] .opening-grid{display:block;margin:12px 20px 28px}html[data-layout=gallery] .feature{height:395px}html[data-layout=gallery] .feature-caption h2{font-size:28px}html[data-layout=gallery] .opening-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}html[data-layout=gallery] .hello-note{padding:14px 12px;min-height:230px}html[data-layout=gallery] .hello-note h2{font-size:32px;margin:16px 0}html[data-layout=gallery] .earth-feature{min-height:230px}html[data-layout=gallery] .earth-feature h3{font-size:14px}html[data-layout=gallery] .story-grid,html[data-layout=gallery] .story-grid.filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 10px}html[data-layout=gallery] .story,html[data-layout=gallery] .manifesto,html[data-layout=gallery] .story[data-category=science],html[data-layout=gallery] .story[data-category=life]{grid-column:span 1}html[data-layout=gallery] .story-wide,html[data-layout=gallery] .story:has(.auto-art){grid-column:span 2}html[data-layout=gallery] .story-art{height:190px}html[data-layout=gallery] .story-wide .story-art{height:245px}html[data-layout=gallery] .story h3{font-size:14px}html[data-layout=gallery] .manifesto{padding:12px;min-height:275px}html[data-layout=gallery] .manifesto>div{font-size:27px;margin-top:24px}html[data-layout=gallery] .story:has(.auto-art) .story-hit{display:block}html[data-layout=gallery] .story:has(.auto-art) .auto-title{font-size:40px}html[data-layout=collage] .opening-grid{display:block;margin:25px 26px 55px}html[data-layout=collage] .feature{height:420px;width:100%}html[data-layout=collage] .feature-caption h2{font-size:30px}html[data-layout=collage] .opening-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr;transform:none;gap:8px;margin-top:22px}html[data-layout=collage] .hello-note{padding:15px 12px;margin:0;min-height:250px}html[data-layout=collage] .hello-note h2{font-size:32px;margin:18px 0}html[data-layout=collage] .hello-note p{font-size:8px}html[data-layout=collage] .earth-feature{margin:5px 0 0;min-height:250px}html[data-layout=collage] .story-grid,html[data-layout=collage] .story-grid.filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px;padding:12px 5px 25px}html[data-layout=collage] .story,html[data-layout=collage] .manifesto,html[data-layout=collage] .story:has(.auto-art){grid-column:span 1;padding:7px}html[data-layout=collage] .story-wide{grid-column:span 2}html[data-layout=collage] .story-art{height:175px}html[data-layout=collage] .story-wide .story-art{height:240px}html[data-layout=collage] .story h3,html[data-layout=collage] .story:has(.auto-art) h3{font-size:14px}html[data-layout=collage] .story p{font-size:8px}html[data-layout=collage] .manifesto{min-height:300px;padding:13px}html[data-layout=collage] .manifesto>div{font-size:26px}html[data-layout=collage] .story:has(.auto-art){margin-top:12px}html[data-layout=collage] .story:has(.auto-art) .auto-title{font-size:32px}html[data-layout=collage] .story:has(.auto-art) .auto-title i{font-size:30px}html[data-layout=collage] .story-grid.filtered .story{grid-column:span 1}html[data-layout=collage] .tools-grid .tool-card:nth-child(2){transform:none}html:not([data-layout=editorial]) .layout-controls{padding:10px 20px}}
@media(max-width:700px){html:not([data-layout=editorial]) .mini-logo{font-size:0}html:not([data-layout=editorial]) .topbar{gap:12px}html:not([data-layout=editorial]) .topbar nav{gap:17px;white-space:nowrap}html:not([data-layout=editorial]) .topbar nav a,html:not([data-layout=editorial]) .topbar nav button{font-size:10px}}