:root{--ink:#173448;--paper:#f3f1ec;--blue:#476a96;--green:#12803b;--red:#a80e25}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}
header{background:#fff;padding:24px max(5vw,24px) 58px;border-bottom:1px solid #d8d7d1}.topline{display:flex;justify-content:space-between;font-size:.72rem;font-weight:800;letter-spacing:.12em}
.siteLogo{display:block;width:160px;height:160px;object-fit:contain;margin:14px 0 12px}.mast{max-width:1200px;margin:20px auto 0;display:flex;align-items:end;justify-content:space-between;gap:30px}.kicker{font-size:.72rem;font-weight:900;letter-spacing:.18em;margin:0}
h1{font-size:clamp(4rem,12vw,8.8rem);letter-spacing:-.07em;line-height:.8;margin:.18em 0}.intro{font-size:1.15rem;max-width:660px;color:#536772}
.cycles{display:flex;gap:10px}.cycles i{display:block;width:26px;height:110px;border-radius:20px}.blue{background:var(--blue)}.green{background:var(--green)}.red{background:var(--red)}
main{max-width:1240px;margin:-28px auto 80px;padding:0 22px}.controls{position:relative;background:#fff;border-radius:17px;padding:14px;box-shadow:0 13px 35px #17344818;display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.search{flex:1 1 360px;background:#f0f2f1;border-radius:11px;display:flex;align-items:center;gap:10px;padding:0 15px}.search input{border:0;background:transparent;width:100%;padding:14px 0;font-size:1rem;outline:none}
.topic{border:0;border-radius:999px;padding:10px 15px;background:#e9eceb;color:var(--ink);font-weight:750;cursor:pointer}
.cyclesView{margin-top:48px}.sectionIntro{text-align:center;margin-bottom:28px}.sectionIntro h2{font-size:clamp(1.7rem,4vw,2.7rem);margin:7px auto;max-width:760px}.cycleGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cycleCover{position:relative;border:0;padding:0;background:#fff;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:0 12px 32px #17344820;transition:.22s}.cycleCover:hover{transform:translateY(-7px);box-shadow:0 20px 45px #17344832}.cycleCover img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.cycleCover:first-child img{object-fit:contain;background:#0f55b5}.cycleCover span{position:absolute;right:14px;bottom:14px;background:#fff;color:var(--ink);padding:8px 12px;border-radius:999px;font-size:.75rem;font-weight:850}
.upcomingCycle{aspect-ratio:2/3;border-radius:18px;overflow:hidden;background:linear-gradient(150deg,#d8ad6e,#9b6635);box-shadow:0 12px 32px #17344820;padding:28px;display:flex;align-items:flex-end;position:relative}.upcomingCycle:before{content:"04";position:absolute;right:-12px;top:-35px;font-size:10rem;font-weight:900;color:#fff2}.upcomingCycle div{position:relative;z-index:1;background:#f8ead7e8;padding:22px;border-radius:14px}.upcomingCycle h3{font-size:1.55rem;line-height:1.05;margin:8px 0}.upcomingCycle p:not(.kicker){font-size:.88rem;line-height:1.4}.upcomingCycle strong{display:inline-block;background:#171717;color:#fff;padding:7px 10px;border-radius:999px;font-size:.65rem;letter-spacing:.1em}
.articlesView{margin-top:36px}.collectionHead{display:flex;align-items:center;gap:28px;margin-bottom:22px}.collectionHead h2{margin:5px 0;font-size:2rem}.back{border:0;background:var(--ink);color:#fff;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer}
.topicPanel{margin:24px 0 32px;padding:28px;background:#e8e4dc;border-radius:18px;display:grid;grid-template-columns:220px 1fr;gap:24px}.topicPanel h2{margin:5px 0}.topics{display:flex;flex-wrap:wrap;gap:8px;align-content:center}.topic.active{background:var(--ink);color:#fff}
.projectBlock{margin:32px 0 58px;background:#c89558;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;box-shadow:0 16px 40px #17344820}.projectCover{min-height:430px;background:#9f6d39}.projectCover img{width:100%;height:100%;display:block;object-fit:cover}.projectContent{padding:40px;color:#171717;display:flex;flex-direction:column;justify-content:center}.projectContent h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1;margin:8px 0 14px}.projectContent>p:not(.kicker){font-size:1.05rem;line-height:1.5}.pillars{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.pillars span{background:#f4e6d2;border-radius:10px;padding:12px;font-size:.78rem;font-weight:750}.pillars b{display:block;font-size:.66rem;letter-spacing:.1em;margin-bottom:3px}.pillars em{display:block;margin-top:6px;color:#8b5228;font-size:.67rem;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.futurePillar{box-shadow:inset 0 0 0 2px #9b6635}.projectButton{align-self:flex-start;border:0;border-radius:10px;background:#171717;color:#fff;padding:13px 17px;font-weight:800;cursor:pointer;margin-top:8px}.projectButton:hover{background:var(--ink)}
.resultHead{display:flex;align-items:end;justify-content:space-between;margin:35px 2px 17px}.resultHead h2,.resultHead p{margin:0}.resultHead p{color:#65757d}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.card{border:0;background:#fff;border-radius:15px;overflow:hidden;text-align:left;padding:0;cursor:pointer;box-shadow:0 9px 26px #17344812;transition:.2s}
.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #17344825}.thumb{height:360px;background:#e0ded7;overflow:hidden;position:relative}.thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.cycleFlag{position:absolute;left:12px;top:12px;background:var(--accent);color:#fff;padding:7px 10px;border-radius:7px;font-size:.7rem;font-weight:850;letter-spacing:.09em}.cardBody{padding:20px 20px 22px}.card h3{margin:0 0 6px;font-size:1.27rem;line-height:1.15}.card p{margin:0;color:#61717a}.tagline{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.tagline span{font-size:.67rem;font-weight:800;background:#eef0ef;padding:5px 8px;border-radius:999px}
.empty{grid-column:1/-1;background:#fff;padding:50px;border-radius:15px;text-align:center}
dialog{width:min(1180px,97vw);height:96vh;border:0;border-radius:18px;padding:0;background:#eae8e2;box-shadow:0 25px 80px #0009}dialog::backdrop{background:#071b28e8;backdrop-filter:blur(5px)}
.close{position:absolute;right:17px;top:15px;z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:#fff;font-size:1.8rem;cursor:pointer}.readerHeader{height:108px;padding:18px 75px 14px 25px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.readerHeader h2{margin:5px 0 0;font-size:1.5rem}.readerHeader p{margin:3px 0;color:#65747c}.badge{font-size:.7rem;font-weight:900;letter-spacing:.1em}.openPng{background:var(--ink);color:#fff;text-decoration:none;padding:10px 14px;border-radius:9px;font-weight:750;white-space:nowrap}
.viewer{height:calc(96vh - 158px);display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;padding:0 12px}.viewer img{max-width:100%;max-height:100%;margin:auto;object-fit:contain;box-shadow:0 8px 28px #17344828}
.nav{width:44px;height:44px;border:0;border-radius:50%;background:#fff;font-size:2rem;cursor:pointer}.pager{position:absolute;right:76px;top:91px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:.76rem;font-weight:800}
#pageNum{position:static;color:#67757c;font-size:.66rem;letter-spacing:.06em}
#dots button{width:7px;height:7px;border:0;border-radius:50%;background:#a4abae;margin:3px;padding:0}#dots button.active{background:var(--ink);transform:scale(1.45)}
.projectDialog .readerHeader{height:108px}.projectViewer{height:calc(96vh - 158px)}.projectPager{position:absolute;right:74px;top:80px;display:flex;align-items:center;gap:10px;font-size:.7rem;font-weight:800;color:#66757d}.projectPager button{width:7px;height:7px;border:0;border-radius:50%;background:#a4abae;margin:3px;padding:0}.projectPager button.active{background:var(--ink);transform:scale(1.45)}
footer{background:var(--ink);color:#fff;padding:30px max(5vw,24px);display:flex;justify-content:space-between;letter-spacing:.08em}
@media(max-width:900px){.cycleGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.topline{font-size:.61rem;align-items:flex-start}.topline span:last-child{margin-left:36px;text-align:right;white-space:nowrap}.siteLogo{width:150px;height:150px;margin:18px auto 10px}.mast{margin-top:20px;display:block;text-align:center}.mast h1{font-size:3.45rem;letter-spacing:-.045em;margin:.28em auto .2em}.mast .intro{margin:0 auto;text-align:center}.cycles{display:none}.topicPanel{grid-template-columns:1fr}.projectBlock{grid-template-columns:1fr}.projectCover{min-height:220px}.projectContent{padding:26px}.pillars{grid-template-columns:1fr}.cycleGrid{grid-template-columns:1fr;max-width:390px;margin:auto}.collectionHead{align-items:flex-start;flex-direction:column;gap:14px}.thumb{height:330px}.readerHeader{height:132px;padding-left:16px}.openPng{display:none}.pager{left:0;right:0;top:auto;bottom:9px;flex-direction:row;justify-content:center;align-items:center;gap:9px}.viewer{height:calc(96vh - 182px);grid-template-columns:34px 1fr 34px;padding:0 3px}.projectDialog .readerHeader{height:132px}.projectViewer{height:calc(96vh - 182px)}.projectPager{left:0;right:0;top:auto;bottom:9px;justify-content:center}.nav{width:34px;height:34px}.readerHeader h2{font-size:1.15rem}}