/* Campaign Almanac: risograph colour layers, issue-band navigation, paper collage covers and irregular editorial rhythm. */
:root{--butter:#f6d95b;--plum:#5b214a;--tomato:#f2543d;--sky:#bfe8ff;--ink:#132238;--paper:#fffdf4;--line:#1d2b3c;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.58 Manrope,sans-serif;overflow-x:hidden}img{display:block;width:100%}button,input,select,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}.issue-band{position:sticky;z-index:80;top:0;display:grid;grid-template-columns:auto 1fr auto;min-height:72px;background:var(--butter);border-bottom:3px solid var(--ink)}.almanac-brand{display:flex;align-items:center;gap:.6rem;padding:0 1.2rem;border-right:3px solid var(--ink)}.almanac-brand img{width:38px;height:38px;object-fit:contain}.almanac-brand b{font:700 1.25rem Fraunces,serif}.almanac-brand span{font-size:.55rem;letter-spacing:.12em}.issue-band nav{display:flex}.issue-band nav button,.issue-contact,.issue-menu{padding:0 1.2rem;border:0;border-right:2px solid var(--ink);background:transparent;font-weight:700}.issue-band nav button:hover{color:#fff;background:var(--plum)}.issue-contact{color:#fff;background:var(--tomato);border:0}.issue-menu{display:none}.contents-rail{position:fixed;z-index:50;top:72px;right:0;bottom:0;width:58px;display:flex;align-items:center;gap:1rem;padding:1rem 0;color:#fff;background:var(--plum);writing-mode:vertical-rl}.contents-rail span{font-size:.52rem;letter-spacing:.12em}.contents-rail b{font:600 .6rem Manrope}.contents-rail i{flex:1;width:2px;background:var(--tomato)}main,footer{margin-right:58px}.issue-label{margin:0;color:var(--plum);font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cover-story{display:grid;grid-template-columns:1.25fr .75fr;min-height:820px;background:var(--butter);border-bottom:3px solid}.cover-story figure{position:relative;margin:0;padding:2.5rem}.cover-story figure:before{content:"";position:absolute;inset:6rem 5rem 2rem 1rem;background:var(--sky);transform:rotate(-2deg)}.cover-story figure img{position:relative;height:100%;object-fit:cover;box-shadow:18px 18px 0 var(--tomato)}.cover-story figcaption{position:absolute;left:3.5rem;bottom:4rem;padding:.5rem .7rem;color:#fff;background:var(--plum);font-size:.55rem}.cover-story article{display:flex;flex-direction:column;justify-content:center;padding:5rem 4vw;border-left:3px solid}.cover-story h1,.topic-dial h2,.feature-essay h2,.latest-mosaic h2,.experiment-spread h2,.reading-queue h2,.editor-desk h2,.index-cards h2{margin:1rem 0;font:700 clamp(4rem,7vw,8rem)/.83 Fraunces,serif;letter-spacing:-.055em}.cover-story h1 em{color:var(--plum);font-style:italic}.cover-story article>p:not(.issue-label){max-width:620px;font-size:1.05rem}.cover-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:2rem 0}.cover-meta span{padding:.5rem;border:1px solid;font-size:.58rem;font-weight:700}.cover-story article>button,.dial-copy button,.editor-desk form>button{width:max-content;padding:1rem 1.2rem;border:0;color:#fff;background:var(--plum);font-weight:700}.topic-dial{padding:8rem 4vw;background:var(--paper)}.topic-dial>header{display:grid;grid-template-columns:.4fr 1.6fr;max-width:1500px;margin:auto}.topic-dial h2{margin:0;font-size:clamp(3.2rem,6vw,6.7rem)}.dial-layout{display:grid;grid-template-columns:.42fr 1fr .72fr;max-width:1500px;margin:4rem auto 0;border:3px solid}.dial-buttons{display:grid;background:var(--butter)}.dial-buttons button{display:grid;grid-template-columns:24px 1fr;gap:.15rem .6rem;align-content:center;padding:1rem;border:0;border-bottom:2px solid;text-align:left;background:transparent}.dial-buttons button:last-child{border:0}.dial-buttons i{grid-row:1/3;width:18px;height:18px;border:2px solid;border-radius:50%}.dial-buttons b{font:700 1.2rem Fraunces}.dial-buttons span{font-size:.68rem}.dial-buttons button.active{color:#fff;background:var(--plum)}.dial-buttons button.active i{background:var(--tomato)}.dial-layout figure{margin:0;padding:1rem;background:var(--sky)}.dial-layout figure img{height:100%;min-height:650px;object-fit:cover}.dial-copy{display:flex;flex-direction:column;justify-content:center;padding:2rem;background:var(--paper)}.dial-copy>p:first-child{color:var(--tomato);font-size:.58rem;font-weight:700}.dial-copy h3{font:700 clamp(2.3rem,4vw,4.6rem)/.88 Fraunces}.dial-copy ol{padding-left:1.2rem}.dial-copy li{padding:.5rem 0;border-bottom:1px solid}.dial-copy button{margin-top:1rem}.feature-essay{display:grid;grid-template-columns:.9fr 1.1fr;color:#fff;background:var(--plum)}.feature-copy{padding:8rem 5vw}.feature-essay .issue-label{color:var(--sky)}.feature-essay h2{font-size:clamp(3.4rem,6vw,7rem)}.margin-notes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.margin-notes span{padding:.6rem;border:1px solid var(--sky);font-size:.57rem}.feature-essay figure{position:relative;margin:0;padding:3rem}.feature-essay figure:after{content:"";position:absolute;right:1rem;bottom:2rem;width:100px;height:100px;background:var(--tomato);border-radius:50%;mix-blend-mode:multiply}.feature-essay img{height:100%;min-height:820px;object-fit:cover;transform:rotate(1deg)}.feature-essay figcaption{position:absolute;left:4rem;bottom:4rem;padding:.5rem;color:var(--ink);background:var(--butter);font-size:.55rem}.latest-mosaic{padding:8rem 4vw;background:var(--sky)}.latest-mosaic>header{display:grid;grid-template-columns:.4fr 1.6fr;max-width:1500px;margin:auto}.latest-mosaic h2{margin:0;font-size:clamp(3.2rem,6vw,6.7rem)}.mosaic-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1500px;margin:4rem auto 0;border:3px solid;background:var(--paper)}.note{display:flex;flex-direction:column;min-height:360px;padding:1rem;border-right:2px solid;border-bottom:2px solid}.note img{height:260px;object-fit:cover;margin-bottom:1rem}.note span{font-size:.56rem;font-weight:700;color:var(--plum)}.note h3{font:700 2rem/1 Fraunces}.note p{font-size:.85rem}.note button{width:max-content;margin-top:auto;padding:.5rem;border:1px solid;background:transparent;font-size:.68rem}.note button.saved{color:#fff;background:var(--plum)}.note-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.note-wide img{height:100%;margin:0}.note-tall{grid-row:span 2}.note-tall img{height:420px}.note-small{padding:2rem}.note-small.tomato{background:var(--tomato)}.note-small.sky{background:#dff5ff}.note-small.plum{color:#fff;background:var(--plum)}.note-small.plum span{color:var(--butter)}.note.reverse img{order:2}.experiment-spread{display:grid;grid-template-columns:1fr .85fr;background:var(--butter)}.experiment-spread figure{margin:0;padding:3rem}.experiment-spread img{height:100%;min-height:720px;object-fit:cover}.experiment-spread article{padding:7rem 5vw}.experiment-spread h2{font-size:clamp(3.4rem,6vw,6.5rem)}.experiment-spread ol{padding:0;list-style:none}.experiment-spread li{display:grid;grid-template-columns:110px 1fr;padding:1rem 0;border-top:2px solid}.reading-queue{display:grid;grid-template-columns:1fr 1fr .45fr;background:var(--paper)}.queue-copy{padding:7rem 4vw}.reading-queue h2{font-size:clamp(3.4rem,5vw,6rem)}.reading-queue>figure{margin:0;padding:2rem;background:var(--tomato)}.reading-queue>figure img{height:100%;min-height:750px;object-fit:cover}.reading-queue>aside{padding:2rem;background:var(--plum);color:#fff}.reading-queue>aside img{aspect-ratio:1;object-fit:cover}.reading-queue>aside h3{font:700 2.4rem/1 Fraunces}.saved-item{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid}.saved-item button{border:0;background:transparent;color:var(--tomato)}.editor-desk{display:grid;grid-template-columns:1.1fr .9fr;background:var(--ink);color:#fff}.desk-intro{padding:5rem}.desk-intro figure{margin:0 0 3rem;padding:1rem;background:var(--sky);transform:rotate(-1deg)}.desk-intro img{aspect-ratio:4/3;object-fit:cover}.editor-desk .issue-label{color:var(--sky)}.editor-desk h2{font-size:clamp(3.5rem,6vw,6.4rem)}.desk-intro>a{color:var(--butter);font-weight:700}.editor-desk form{align-self:center;margin:4rem;padding:2rem;color:var(--ink);background:var(--paper);box-shadow:16px 16px 0 var(--tomato)}.editor-desk form>p:first-child{color:var(--plum);font-size:.58rem;font-weight:700}.editor-desk label{display:grid;gap:.3rem;padding:.7rem 0;font-size:.63rem;font-weight:700;text-transform:uppercase}.editor-desk input,.editor-desk select,.editor-desk textarea{border:0;border-bottom:2px solid;background:transparent;font-size:16px}.editor-desk input,.editor-desk select{height:42px}.editor-desk label small{display:none;color:#ad2e1c;text-transform:none}.editor-desk label.invalid small{display:block}.editor-desk .consent{grid-template-columns:auto 1fr;text-transform:none}.editor-desk .consent input{width:18px;height:18px}.form-success{padding:1rem;background:var(--sky)}.index-cards{display:grid;grid-template-columns:.8fr 1.2fr;padding:8rem 5vw;background:var(--paper)}.index-cards h2{font-size:clamp(3.2rem,5vw,5.8rem)}.index-cards>div>label{display:flex;gap:.6rem;padding:1rem;border:3px solid;background:var(--butter)}.index-cards input{width:100%;border:0;outline:0;background:transparent}.index-cards details{border-bottom:2px solid}.index-cards summary{display:grid;grid-template-columns:1fr 20px;align-items:center;min-height:78px;cursor:pointer;list-style:none;font-weight:700}.index-cards summary::-webkit-details-marker{display:none}.index-cards summary i:before{content:"+"}.index-cards details[open] summary i:before{content:"−"}.index-cards details p{padding:0 2rem 1rem 0}footer{display:grid;grid-template-columns:1fr 1.2fr auto auto;gap:2rem;align-items:center;padding:2rem 3vw;margin-right:58px;color:#fff;background:var(--plum)}footer>a:first-child{display:flex;align-items:center;gap:.6rem}footer img{width:36px;height:36px}footer nav{display:flex;gap:1rem;flex-wrap:wrap}.cookie-tabs{position:fixed;z-index:130;right:66px;bottom:8px;display:flex;box-shadow:8px 8px 0 #13223844}.cookie-tabs button,.cookie-tabs a{padding:.7rem .8rem;border:2px solid var(--ink);border-right:0;background:var(--butter);font-size:.65rem;font-weight:700}.cookie-tabs button:first-child{color:#fff;background:var(--tomato)}.cookie-tabs a{border-right:2px solid}.reveal{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(16px);transition:.35s var(--ease)}.reveal.visible{opacity:1;transform:none}.note:hover{transform:translate(3px,-3px);box-shadow:-6px 6px 0 var(--plum)}}@media(max-width:1050px){.issue-band{grid-template-columns:1fr auto auto}.issue-menu{display:block}.issue-band nav{display:none}.issue-band nav.open{position:absolute;top:69px;left:0;right:0;display:grid;grid-template-columns:repeat(2,1fr);background:var(--butter);border-bottom:3px solid}.issue-band nav button{min-height:58px;border-bottom:1px solid}.almanac-brand span{display:none}.contents-rail{display:none}main,footer{margin-right:0}.cover-story,.feature-essay,.experiment-spread,.editor-desk,.index-cards{grid-template-columns:1fr}.cover-story article{border-left:0;border-top:3px solid}.dial-layout{grid-template-columns:.55fr 1fr}.dial-copy{grid-column:1/-1;border-top:3px solid}.mosaic-grid{grid-template-columns:repeat(2,1fr)}.reading-queue{grid-template-columns:1fr 1fr}.reading-queue>aside{grid-column:1/-1}.editor-desk form{margin-top:0}}@media(max-width:620px){.issue-band{min-height:62px}.almanac-brand{padding:0 .6rem}.almanac-brand img{width:32px;height:32px}.issue-menu span{display:none}.issue-menu,.issue-contact{padding:0 .7rem}.issue-band nav.open{top:59px}.cover-story{padding-top:0}.cover-story figure{padding:1rem}.cover-story figure:before{inset:2rem 1.5rem .5rem .5rem}.cover-story figure img{min-height:430px;box-shadow:9px 9px 0 var(--tomato)}.cover-story article{padding:4rem 1rem}.cover-story h1,.topic-dial h2,.feature-essay h2,.latest-mosaic h2,.experiment-spread h2,.reading-queue h2,.editor-desk h2,.index-cards h2{font-size:3.45rem}.topic-dial,.latest-mosaic,.index-cards{padding:5rem 1rem}.topic-dial>header,.latest-mosaic>header{grid-template-columns:1fr}.dial-layout{grid-template-columns:1fr}.dial-buttons{grid-template-columns:1fr 1fr}.dial-layout figure img{min-height:auto;aspect-ratio:4/3}.feature-copy,.experiment-spread article,.queue-copy,.desk-intro{padding:5rem 1rem}.feature-essay figure,.experiment-spread figure,.reading-queue>figure{padding:1rem}.feature-essay img,.experiment-spread img,.reading-queue>figure img{min-height:auto;aspect-ratio:4/3}.mosaic-grid{grid-template-columns:1fr}.note-wide{grid-column:auto;grid-template-columns:1fr}.note-tall{grid-row:auto}.note img,.note-tall img{height:auto;aspect-ratio:4/3}.note.reverse img{order:0}.reading-queue{grid-template-columns:1fr}.editor-desk form{margin:0 1rem 5rem;padding:1.2rem}.cookie-tabs{left:6px;right:6px;bottom:6px;justify-content:flex-end}footer{grid-template-columns:1fr;padding:2rem 1rem}}
/* Contact stays visible as a regular issue-band item without permanent tomato fill. */
.issue-band .issue-contact{color:var(--ink)!important;background:transparent!important;border-left:2px solid var(--ink)!important}
.issue-band .issue-contact:hover,.issue-band .issue-contact:focus-visible{color:var(--plum)!important;background:#fff5bf!important}
