@font-face{font-family:MSF Modern;src:url('assets/modern-regular.otf');font-weight:400;font-display:swap}@font-face{font-family:MSF Modern;src:url('assets/modern-bold.otf');font-weight:700;font-display:swap}@font-face{font-family:MSF Headline;src:url('assets/headline-bold.otf');font-weight:700;font-display:swap}
:root{--aubergine:#321d2d;--lilac:#eee7f0;--gold:#bda169;--ink:#242027}body{background:#201920;font-family:MSF Modern,Arial,sans-serif}.brand{font-family:MSF Modern,Arial,sans-serif;letter-spacing:.15em}.book{background:#fff}.page{background:#fff;color:var(--ink);padding:30px 42px 38px;min-height:800px}.page p{font-family:MSF Modern,Arial,sans-serif;font-style:normal;font-size:17px;line-height:1.65;letter-spacing:0;color:var(--ink);margin-bottom:21px}.page h1,.page h2,.overview h1,.card h2{font-family:MSF Headline,Arial,sans-serif;font-weight:700;font-style:normal;letter-spacing:-.025em;line-height:1.05;color:var(--aubergine)}.page h1{font-size:56px}.page h2{font-size:40px;margin-bottom:28px}.page .deck,.cover .cover-bottom{font-family:MSF Modern,Arial,sans-serif;font-style:normal;color:var(--ink)}.page p.kicker{font-family:MSF Modern,Arial,sans-serif;font-size:10px;letter-spacing:.17em;color:#755a78;font-weight:700}.running{font-family:MSF Modern,Arial,sans-serif;font-size:9px;letter-spacing:.13em;color:#736773;border-color:#ddd5df}.folio{font-family:MSF Modern,Arial,sans-serif;color:#736773}.page-content{padding-top:30px}.opening .page-content>p:nth-child(2)::first-letter{float:none;font:inherit;padding:0;color:inherit}.page blockquote{font-family:MSF Headline,Arial,sans-serif;font-style:normal;font-weight:700;font-size:31px;line-height:1.18;color:#fff;background:var(--aubergine);border:0;border-left:4px solid var(--gold);padding:25px 27px;margin:27px -12px}.plum{background:#fff}.plum .running,.plum .folio{color:#736773}.plum .page-content{background:var(--lilac);padding:27px 24px 10px;margin:25px -18px 0}.plum h2{color:var(--aubergine)}.plum p.kicker{color:#755a78}.plum p{color:#302735}.plum blockquote{color:#fff;background:var(--aubergine);margin-inline:-24px;border-left:0;padding:27px 24px}.photo-page{background:var(--aubergine);color:#fff}.photo-page .running,.photo-page .folio{color:#e1d6e2}.photo-quote{font-family:MSF Headline,Arial,sans-serif;font-style:normal;font-weight:700;color:#fff;font-size:40px;line-height:1.1;letter-spacing:-.02em;padding:35px 14px 20px}.closing .page-content{border:0}.closing .page-content>p:last-child{background:var(--lilac);padding:24px;margin:30px -12px 0;border-top:3px solid var(--aubergine)}.cover-art{padding:0!important;background:#fff;min-height:0!important}.cover-art .running,.cover-art .folio{display:none}.cover-art .page-content{padding:0;margin:0;display:flex;align-items:flex-start}.cover-art img{width:100%;height:auto;display:block}.overview h1{color:#fff;font-size:clamp(45px,6vw,78px)}.card h2{color:#fff;font-size:33px}.overview .card{width:min(330px,100%)}.card figure{border:0;background:none;padding:0;box-shadow:0 18px 45px #0004}.card figure img{width:100%;height:auto}.card .read-link{font-weight:700;color:#fff;border-color:#8f758f}.flip-face{background:#fff}.corner.next-corner{background:linear-gradient(135deg,transparent 49%,#d9d2dd 50%,#fff 72%,#eee8f0 100%)}.corner.prev-corner{background:linear-gradient(225deg,transparent 49%,#d9d2dd 50%,#fff 72%,#eee8f0 100%)}.corner span{color:#4c3450}.tool-actions button,.tool-actions select{background:#321f31;border-color:#665067;font-family:MSF Modern,Arial,sans-serif}.controls button{font-family:MSF Modern,Arial,sans-serif;color:#fff;border-color:#806b84}.track span{background:#b5a0b9}.page.paper:not(.opening) .page-content>p.kicker{border-top:4px solid var(--aubergine);padding-top:16px}.overview-intro p{font-family:MSF Modern,Arial,sans-serif}
@media(max-width:1000px){.page{padding-inline:30px}.page p{font-size:16px;line-height:1.6}.page h2{font-size:35px}.page blockquote{font-size:29px}.photo-quote{font-size:35px}}
@media(max-width:760px){.page{padding:26px 27px 40px;min-height:740px}.page p{font-size:17px;line-height:1.65}.page h2{font-size:36px}.page blockquote{font-size:30px;padding:24px}.plum .page-content{margin-inline:-10px;padding-inline:20px}.plum blockquote{margin-inline:-20px;padding-inline:20px}.photo-quote{font-size:37px}.cover-art{padding:0!important;min-height:0!important}.cover-art .page-content{padding:0}.overview-intro h1{font-size:49px}}
/* Approved Raleway typography and a viewport-sized magazine. */
@font-face{font-family:Raleway;src:url('assets/raleway-light.ttf');font-weight:300;font-display:swap}
@font-face{font-family:Raleway;src:url('assets/raleway-regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Raleway;src:url('assets/raleway-light-italic.ttf');font-weight:300;font-style:italic;font-display:swap}
body{background:#fff;color:#321d2d;font-family:Raleway,sans-serif}header{padding:14px 30px}.brand,.brand small,.draft{color:#321d2d}.brand{font-family:Raleway,sans-serif;font-weight:300}.toolbar{margin:4px auto 14px}.toolbar a{color:#321d2d}.tool-actions button,.tool-actions select{background:#fff;color:#321d2d;border-color:#ddd3df;font-family:Raleway,sans-serif}.stage{margin:auto}.stage .book{transform:scale(var(--fit,1))!important;transform-origin:top left;width:1200px;grid-template-columns:600px 600px;box-shadow:0 10px 40px #321d2d24}.book.closed{grid-template-columns:600px;box-shadow:0 8px 30px #321d2d26}.page{padding:30px 42px 36px;min-height:800px}.page p,.page .deck,.page .cover-bottom{font-family:Raleway,sans-serif;font-weight:400;font-size:18px;line-height:1.65}.page h1,.page h2,.overview h1,.card h2{font-family:Raleway,sans-serif;font-weight:300;letter-spacing:-.025em;color:#321d2d}.page h2{font-size:38px;line-height:1.16}.page blockquote,.photo-quote{font-family:Raleway,sans-serif;font-weight:300;font-style:italic;font-size:30px;line-height:1.4;letter-spacing:0}.photo-quote{font-size:36px}.running,.folio,.page p.kicker{font-family:Raleway,sans-serif;font-weight:300;letter-spacing:.16em}.running{font-size:9px}.page p.kicker{font-size:10px}.cover-art img{width:600px}.cover-art .page-content{display:block}.controls{margin:12px auto 0;padding:0 24px;max-width:1000px}.controls button{font-family:Raleway,sans-serif;color:#321d2d;border-color:#d7cbd9;padding:9px 18px}.progress p,.hint,.credits{color:#786979}.hint{margin:10px 12px 0}.credits{margin:10px auto 0;padding:8px 30px;font-size:9px}.overview h1,.card h2,.overview p,.card .read-link{color:#321d2d}.page .page-content{padding-top:26px}body.reading .stage{width:min(780px,calc(100% - 30px))!important;height:auto!important}body.reading .stage .book{width:100%!important;transform:none!important;display:block}body.reading .cover-art img{width:100%}body.reading .page{min-height:0}.full-photo img{max-height:490px;object-fit:contain}.photo-page .full-photo{margin-inline:-42px}.page .inset{max-height:300px;object-fit:contain}
@media(max-width:760px){header{padding:10px 18px}.toolbar{padding:0 14px;gap:8px;margin-bottom:10px}.tool-actions{gap:6px}.tool-actions button,.tool-actions select{padding:7px;font-size:10px}.stage .book{grid-template-columns:600px}.flip-leaf{width:100%}.page p{font-size:19px}.page{padding:30px 42px 36px}.controls button{min-width:80px;padding:8px;font-size:11px}.hint{font-size:9px}.credits{font-size:8px}.page h2{font-size:38px}}
/* Overview: the homepage's aubergine gallery and gold picture frames. */
body:has(#overview:not([hidden])){min-height:100vh;background:radial-gradient(ellipse at 50% 42%,#332535 0,#1c1421 49%,#110e15 100%);color:#f8f2e9}
body:has(#overview:not([hidden])) .brand{color:#efdab1}body:has(#overview:not([hidden])) .brand small{color:#baacbf}body:has(#overview:not([hidden])) .draft{color:#e9dcc2;border-color:#88744d}
.overview{max-width:1250px;margin:55px auto 90px;padding:0 30px}.overview-intro{max-width:760px;margin:0 auto 55px;text-align:center}.overview-intro p.kicker{color:#d2b579;font:400 11px/1.6 Raleway,sans-serif;letter-spacing:.2em;margin-bottom:22px}.overview-intro p:last-child{font:400 17px/1.8 Raleway,sans-serif;color:#ded3df}
.magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.8vw,46px);align-items:start}.overview .card{width:auto;min-width:0;display:block;text-decoration:none;transition:transform .4s ease}.overview .card figure{position:relative;display:block;margin:0;padding:8px;border:2px solid transparent;background:linear-gradient(140deg,#231c25,#0c0a10) padding-box,linear-gradient(120deg,#78502b 0%,#dfc28b 19%,#fff0c8 34%,#a67b40 51%,#e2c58e 78%,#79502a 100%) border-box;box-shadow:0 22px 45px #07050b66,inset 0 0 0 1px #dac08d22}.overview .card figure img{display:block;width:100%;height:auto;border:1px solid #d4b16d3d}.overview .card h2{font:300 29px/1.25 Raleway,sans-serif;color:#efdab1;margin:24px 0 12px}.overview .card p{font:400 14px/1.8 Raleway,sans-serif;color:#ded3df;margin:0 0 12px}.overview .card .read-link{font:400 12px/1.5 Raleway,sans-serif;letter-spacing:.035em;color:#e9dcc2;border-bottom:1px solid #bda06e;padding:14px 0}.overview .card:focus-visible{outline:3px solid #f1d599;outline-offset:8px}@media(hover:hover) and (pointer:fine){.overview .card:hover{transform:translateY(-6px)}.overview .card:hover figure{box-shadow:0 27px 60px #07050b88,0 0 24px #d5b36d1c}}@media(max-width:950px){.magazine-grid{gap:18px}.overview .card figure{padding:5px}}@media(max-width:600px){.magazine-grid{grid-template-columns:1fr;gap:30px;max-width:400px;margin:auto}.overview{margin-top:36px;padding:0 22px}.overview-intro{margin-bottom:32px}.overview-intro p:last-child{font-size:15px}.overview .card figure{padding:7px}}@media(prefers-reduced-motion:reduce){.overview .card{transition:none}.overview .card:hover{transform:none}}
/* Compact editorial header and an inviting, folded cover corner. */
.overview{margin-top:32px}.overview-intro{max-width:940px;margin-bottom:48px;padding:20px 16px 34px;border-bottom:1px solid #d2b57935}.overview-intro h1{font:300 clamp(34px,4vw,58px)/1.14 Raleway,sans-serif;letter-spacing:-.025em;color:#efdab1;margin:16px 0 22px}.overview-intro p.kicker{margin:0 0 12px}.overview-intro p:last-child{margin-bottom:0}.overview .card{cursor:pointer}.overview .card figure{transition:transform .5s cubic-bezier(.2,.65,.25,1),box-shadow .5s ease;transform-origin:center center}.cover-curl{position:absolute;right:10px;bottom:10px;width:24px;height:24px;pointer-events:none;background:linear-gradient(135deg,transparent 48%,#8d7d6990 49%,#fffaf1 52%,#e8d7b7 76%,#baa171 100%);clip-path:polygon(100% 0,100% 100%,0 100%);filter:drop-shadow(-4px -4px 4px #0007);transition:width .5s cubic-bezier(.2,.65,.25,1),height .5s cubic-bezier(.2,.65,.25,1);z-index:2}.cover-invite{position:absolute;bottom:25px;right:42px;padding:9px 14px;background:#25192de8;color:#f8e5bd;border:1px solid #d2b57988;border-radius:2px;font:400 12px/1.4 Raleway,sans-serif;opacity:0;transform:translateY(7px);transition:opacity .25s ease,transform .4s ease;pointer-events:none;z-index:3}.overview .card:focus-visible figure{transform:scale(1.035)}.overview .card:focus-visible .cover-curl{width:88px;height:88px}.overview .card:focus-visible .cover-invite{opacity:1;transform:translateY(0)}
@media(hover:hover) and (pointer:fine){.overview .card:hover{transform:none}.overview .card:hover figure{transform:translateY(-5px) scale(1.035);box-shadow:0 28px 62px #07050baa,0 0 24px #d5b36d26}.overview .card:hover .cover-curl{width:88px;height:88px}.overview .card:hover .cover-invite{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.cover-curl{right:7px;bottom:7px}}@media(max-width:600px){.overview-intro{padding-inline:0;margin-bottom:35px}.overview-intro h1{font-size:34px}.cover-curl{right:9px;bottom:9px}.cover-invite{opacity:1;transform:none;font-size:11px}.overview{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.overview .card figure,.cover-curl,.cover-invite{transition:none}.overview .card:hover figure,.overview .card:focus-visible figure{transform:none}}
/* Soft paper fold: expose the sheet underneath and curve the reverse side. */
.overview .card figure img{clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);transition:clip-path .65s cubic-bezier(.2,.65,.25,1)}
.overview .card figure{background:linear-gradient(140deg,#231c25,#0c0a10) padding-box,linear-gradient(120deg,#78502b 0%,#dfc28b 19%,#fff0c8 34%,#a67b40 51%,#e2c58e 78%,#79502a 100%) border-box}
.cover-curl{width:24px;height:24px;background:url('assets/page-curl.svg') center/contain no-repeat;clip-path:none;filter:none;transform-origin:bottom right;transition:width .65s cubic-bezier(.2,.65,.25,1),height .65s cubic-bezier(.2,.65,.25,1)}
.cover-invite{right:100px;bottom:27px;background:#25192dd9;border-color:#d2b57955}.overview .card:focus-visible .cover-curl{width:112px;height:112px}.overview .card:focus-visible figure img{clip-path:polygon(0 0,100% 0,100% calc(100% - 110px),calc(100% - 110px) 100%,0 100%)}
@media(hover:hover) and (pointer:fine){.overview .card:hover .cover-curl{width:112px;height:112px}.overview .card:hover figure img{clip-path:polygon(0 0,100% 0,100% calc(100% - 110px),calc(100% - 110px) 100%,0 100%)}}
@media(max-width:600px){.cover-invite{right:42px}}
@media(prefers-reduced-motion:reduce){.cover-curl,.overview .card figure img{transition:none}}