:root{--ink:#171713;--paper:#f2f0e9;--cream:#e8e3d6;--orange:#e9592b;--line:rgba(23,23,19,.18);--muted:#6d6c64}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}
.brand-mark{display:flex;gap:12px;font-family:Georgia,serif;font-weight:700;font-size:34px;letter-spacing:-1px;line-height:1}.brand-mark.light{color:#fff}.brand-sub{display:block;font-size:11px;margin-top:6px;font-style:italic;opacity:.8}.brand-sub.light{color:var(--orange);opacity:1}
.site-header{height:104px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);position:relative;z-index:10}.brand{display:flex;flex-direction:column}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700}.site-header nav a{transition:opacity .2s}.site-header nav a:hover{opacity:.5}.admin-link{border:1px solid var(--ink);padding:11px 18px;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.hero{position:relative;min-height:640px;padding:55px 4.5vw 46px;display:flex;flex-direction:column;color:#fff;background:linear-gradient(180deg,rgba(20,18,15,.78),rgba(20,18,15,.55) 45%,rgba(20,18,15,.9)),url("/assets/banner-bg.jpg") center/cover no-repeat;background-color:var(--ink)}.hero-kicker{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:bold;color:#e8e3d6}.hero h1{font-family:Georgia,serif;font-size:clamp(60px,10vw,150px);line-height:.78;letter-spacing:-.07em;font-weight:400;margin:55px 0 65px;text-shadow:0 2px 30px rgba(0,0,0,.35)}.hero h1 em{color:var(--orange);font-style:italic}.hero-bottom{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;padding-left:50%}.hero-bottom p{max-width:440px;margin:0;font-family:Georgia,serif;font-size:18px;line-height:1.55;color:#e9e6df}.circle-link{width:64px;height:64px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;font-size:24px;transition:.2s;flex-shrink:0;color:#fff}.circle-link:hover{background:#fff;color:var(--ink)}
.issues-section{padding:100px 4.5vw 120px}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--ink);padding-bottom:25px;margin-bottom:45px}.eyebrow,.admin-eyebrow{text-transform:uppercase;font-weight:700;letter-spacing:.2em;font-size:9px;color:var(--orange)}.section-heading h2{font:400 clamp(42px,5vw,72px)/1 Georgia,serif;letter-spacing:-.04em;margin:12px 0 0}.section-heading p{width:370px;font:15px/1.5 Georgia,serif;margin:0}
.issue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.cover-wrap{display:block;height:450px;position:relative;overflow:hidden;background:#bbb}.cover-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 45%,rgba(0,0,0,.45))}.cover-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.issue-card:hover .cover-wrap img{transform:scale(1.035)}.issue-number{position:absolute;right:15px;top:14px;color:#fff;z-index:1;font-size:11px}.cover-title{position:absolute;left:19px;right:19px;bottom:20px;color:#fff;z-index:1;font:31px/1 Georgia,serif}.cover-title small{display:block;font:700 8px/1 Arial;letter-spacing:.18em;margin-bottom:9px}.card-meta{display:flex;justify-content:space-between;margin-top:17px;text-transform:uppercase;font-size:8px;font-weight:bold;letter-spacing:.12em;color:var(--muted)}.issue-card h3{font:28px/1.1 Georgia,serif;margin:18px 0 11px}.issue-card>p{font:13px/1.55 Georgia,serif;color:#55534d;min-height:62px;margin:0}.read-link{margin-top:18px;padding-bottom:8px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:.13em;font-weight:bold}.read-link span{font-size:14px}
.manifesto{background:var(--ink);color:#fff;text-align:center;padding:120px max(6vw,25px)}.manifesto blockquote{max-width:980px;margin:35px auto;font:400 clamp(38px,6vw,80px)/1.02 Georgia,serif;letter-spacing:-.04em}.manifesto blockquote em{color:var(--orange);font-style:italic}.manifesto>p{max-width:550px;margin:45px auto 0;color:#aaa;font:15px/1.7 Georgia,serif}
.site-footer{background:#0f0f0d;color:#ddd;border-top:3px solid var(--orange)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:70px 4.5vw 55px}.footer-brand-block .brand-mark{font-size:40px}.footer-brand-block p{color:#8a8a83;max-width:420px;font:14px/1.7 Georgia,serif;margin:24px 0 0}.footer-links{display:flex;flex-direction:column;gap:13px;font-size:13px}.footer-col-title{text-transform:uppercase;font-size:9px;letter-spacing:.18em;color:var(--orange);font-weight:bold;margin-bottom:5px}.footer-links a:hover{color:#fff}.footer-web{font-family:Georgia,serif;font-style:italic;color:var(--orange)}.footer-bottom{border-top:1px solid #2a2a27;padding:20px 4.5vw;display:flex;justify-content:space-between;font-size:11px;color:#777}
/* Reader */
.reader{height:100vh;background:#151513;color:#eee;display:flex;flex-direction:column;overflow:hidden}.reader-header{height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #353531;padding:0 25px}.reader-back{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.reader-back span{margin-left:7px}.reader-title{text-align:center}.reader-title strong{display:block;font:18px Georgia,serif}.reader-title span{display:block;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#777;margin-top:4px}.reader-actions{justify-self:end;display:flex;align-items:center;border:1px solid #444;border-radius:3px;overflow:hidden}.reader-actions button{border:0;border-right:1px solid #444;background:transparent;color:#eee;width:38px;height:34px}.reader-actions button:last-child{border:0}.reader-actions button.active{background:var(--orange)}.reader-actions>span{font-size:9px;width:45px;text-align:center;color:#999}.download-btn{width:auto!important;padding:0 15px;background:var(--orange)!important;color:#fff!important;font-size:10px;font-weight:bold;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.download-btn:hover{filter:brightness(1.08)}.download-btn:disabled{opacity:.65;cursor:progress}
.reader-workspace{display:flex;flex:1;min-height:0}.page-rail{width:100px;background:#1c1c19;border-right:1px solid #32322f;padding:22px 14px;overflow-y:auto}.rail-label{text-transform:uppercase;font-size:8px;letter-spacing:.18em;color:#777;display:block;margin:0 0 18px 4px}.rail-thumb{width:100%;border:0;background:none;color:#777;margin:0 0 16px;padding:0}.rail-thumb img{height:86px;width:60px;object-fit:cover;margin:auto;opacity:.5;border:2px solid transparent}.rail-thumb span{font-size:8px;display:block;margin-top:5px}.rail-thumb.selected img{opacity:1;border-color:var(--orange)}.rail-thumb.selected span{color:#fff}
.page-stage{position:relative;flex:1;display:grid;place-items:stretch;min-width:0;padding:0;background:radial-gradient(circle at 50% 40%,#292925,#181816 65%)}.magazine-page{width:100%;height:100%;position:relative;overflow:hidden;background:#151513}.magazine-page.lens-on{cursor:crosshair}.page-image-wrap{width:100%;height:100%;transition:transform .25s;position:relative;transform-origin:center}.page-image-wrap>img{width:100%;height:100%;object-fit:contain}.page-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent 50%,rgba(0,0,0,.7))}.page-overlay{position:absolute;z-index:1;left:7%;right:7%;bottom:5%;color:#fff}.page-overlay span{font-size:7px;letter-spacing:.22em}.page-overlay h1{font:clamp(27px,4vh,52px)/.95 Georgia,serif;margin:9px 0}.page-overlay p{font:10px/1.4 Georgia,serif;max-width:80%}
.lens{position:absolute;width:180px;height:180px;border-radius:50%;border:3px solid #fff;box-shadow:0 8px 30px #000;transform:translate(-50%,-50%);pointer-events:none;background-size:700px auto;background-repeat:no-repeat;z-index:5}.page-arrow{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;border-radius:50%;border:1px solid #555;background:#1d1d1a;color:#fff}.page-arrow:disabled{opacity:.2}.page-arrow.prev{left:18px}.page-arrow.next{right:18px}.page-status{position:absolute;bottom:18px;display:flex;align-items:center;gap:12px;color:#777;font-size:8px}.page-status i{height:1px;width:70px;background:#555}.page-status span:first-child{color:#fff}
/* Login */
.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#f6f4ed}.login-art{position:relative;overflow:hidden;background:#181815;color:#fff;padding:42px 4.5vw;display:flex;flex-direction:column}.login-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 28%,rgba(233,89,43,.42),transparent 20%)}.login-art-top{display:flex;justify-content:space-between;text-transform:uppercase;font-size:8px;font-weight:bold;letter-spacing:.19em;color:#8d8d84;position:relative}.login-art-copy{margin:auto 0;position:relative}.login-art-copy>span{font-size:9px;letter-spacing:.22em;color:var(--orange);font-weight:bold}.login-art-copy h1{font:400 clamp(58px,7vw,105px)/.85 Georgia,serif;letter-spacing:-.06em;margin:28px 0}.login-art-copy h1 em{color:var(--orange);font-style:italic}.login-art-copy p{max-width:390px;color:#a6a69f;font:14px/1.7 Georgia,serif}.login-art-number{position:absolute;right:4vw;bottom:20px;color:rgba(255,255,255,.06);font:200 190px/1 Arial;font-family:Georgia,serif}
.login-panel{padding:43px clamp(38px,6vw,90px) 30px;display:flex;flex-direction:column}.login-brand{display:flex;align-items:end;gap:7px}.login-brand strong{font-family:Georgia,serif;font-size:22px}.login-brand span{font-size:12px;color:var(--orange);font-weight:bold;margin-bottom:3px}.login-form-wrap{width:100%;max-width:440px;margin:auto}.login-form-wrap h2{font:400 47px/1 Georgia,serif;letter-spacing:-.035em;margin:16px 0 13px}.login-form-wrap>p{font:14px/1.55 Georgia,serif;color:#77736b;margin:0 0 30px}.login-alert{padding:12px 14px;margin-bottom:20px;font-size:12px;border:1px solid}.login-alert.error{background:#f7e9e5;color:#8c3d2a;border-color:#e8c9c0}.login-alert.success{background:#e5f1df;color:#41623a;border-color:#c9dfbf}.login-form{display:flex;flex-direction:column}.login-form label{font-size:8px;text-transform:uppercase;letter-spacing:.15em;font-weight:bold;margin:0 0 8px}.login-form input{height:51px;border:1px solid #cfcdc5;background:#fff;padding:0 15px;margin-bottom:19px;outline:none;font-size:13px}.login-form input:focus{border-color:var(--orange)}.login-form button{height:53px;margin-top:5px;border:0;background:var(--ink);color:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:9px;font-weight:bold;letter-spacing:.15em;transition:.2s}.login-form button:hover{background:var(--orange)}.login-form button span{font-size:18px}.back-to-site{display:inline-block;margin-top:25px;color:#77736b;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.login-security{margin:0;color:#aaa69e;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
/* Admin */
.admin-layout{min-height:100vh;background:#f5f5f2;display:flex}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:225px;background:#181815;color:#fff;padding:28px 20px;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:flex-end;gap:6px;padding:0 8px 30px;border-bottom:1px solid #343430}.admin-brand span{font-family:Georgia,serif;font-size:23px;font-weight:700}.admin-brand b{font-family:Georgia,serif;font-size:15px;color:var(--orange);margin-bottom:2px}.admin-nav-label{color:#666;font-size:8px;letter-spacing:.18em;text-transform:uppercase;margin:30px 9px 10px}.admin-nav{height:44px;padding:0 11px;display:flex;align-items:center;gap:12px;color:#8e8e87;font-size:11px;margin-bottom:4px}.admin-nav.active{background:#2b2b27;color:#fff}.admin-nav span{flex:1}.admin-nav small{background:var(--orange);color:#fff;border-radius:20px;padding:2px 7px}.sidebar-bottom{margin-top:auto;border-top:1px solid #343430;padding:22px 4px 0;display:flex;gap:10px;align-items:center}.avatar{width:32px;height:32px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-size:9px;flex-shrink:0}.admin-identity{flex:1;min-width:0}.admin-identity strong{display:block;font-size:10px}.admin-identity span{display:block;font-size:8px;color:#777;margin-top:3px}.logout-button{color:#777;font-size:17px}.logout-button:hover{color:#fff}
.admin-main{margin-left:225px;width:calc(100% - 225px);padding:38px clamp(25px,5vw,75px) 80px}.admin-topbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.admin-topbar h1{font:38px Georgia,serif;margin:8px 0 0}.preview-button,.add-button{border:1px solid #c9c9c2;background:#fff;padding:12px 17px;text-transform:uppercase;font-size:8px;font-weight:bold;letter-spacing:.12em}.add-button{background:var(--ink);color:#fff;border-color:var(--ink)}.success-notice{padding:13px 17px;background:#e5f1df;color:#41623a;border:1px solid #c9dfbf;font-size:12px;margin-bottom:20px}
.admin-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #d6d6d0;margin-bottom:25px}.admin-tabs a{padding:15px 22px 14px;font-size:10px;white-space:nowrap;color:#777;border-bottom:2px solid transparent}.admin-tabs a span{color:#aaa;margin-right:8px}.admin-tabs a.active{color:var(--ink);border-color:var(--orange)}.tab-add{color:var(--orange)!important}
.admin-panel{background:#fff;border:1px solid #deded8;padding:28px;margin-bottom:25px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.panel-heading h2{font:26px Georgia,serif;margin:6px 0 0}.panel-heading h2 sup{font:10px Arial;background:#eee;padding:3px 7px;border-radius:10px;margin-left:5px}.delete-issue{border:1px solid #e0c4bc;background:#fff;color:#b33;font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:bold;padding:9px 13px}
.issue-form{display:grid;grid-template-columns:180px 1fr;gap:28px}.cover-preview{height:260px;position:relative;background:#ddd}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-preview span{position:absolute;left:8px;bottom:8px;background:#111;color:#fff;padding:5px 7px;font-size:7px;text-transform:uppercase}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:bold;color:#5d5d58}.form-grid input,.form-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid #d7d7d1;background:#fafaf8;padding:10px 11px;font-size:12px}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--orange);outline:none}.wide{grid-column:1/-1}.pdf-field{grid-column:1/-1;border:1px dashed #d0cfc8;background:#faf9f6;padding:14px 15px}.pdf-label{font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:bold;color:#5d5d58;display:block;margin-bottom:9px}.pdf-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pdf-row input[type=file]{font-size:11px}.pdf-status{font-size:10px;color:#777}.pdf-status.ok{color:#41623a}.pdf-status.err{color:#b3402a}.pdf-current{display:flex;align-items:center;gap:14px;margin-top:10px;font-size:11px}.pdf-current a{color:var(--orange);font-weight:bold}.pdf-remove{border:1px solid #e0c4bc;background:#fff;color:#b33;font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:bold;padding:5px 9px}.pdf-none{display:block;margin-top:9px;font-size:10px;color:#999;font-style:italic}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:auto!important;margin:0!important}.form-actions{border-top:1px solid #eee;padding-top:16px;display:flex;align-items:center;justify-content:space-between}.form-actions span{font-size:8px;color:#999}.form-actions button,.small-save{background:var(--orange);border:0;color:#fff;text-transform:uppercase;font-size:8px;font-weight:bold;letter-spacing:.12em;padding:12px 22px}
.panel-help{font:12px/1.5 Georgia,serif;color:#777;border-top:1px solid #eee;padding-top:17px}.page-editor-list{display:flex;flex-direction:column;gap:10px;margin-top:22px}.page-editor{display:grid;grid-template-columns:74px 1fr 28px;gap:16px;border:1px solid #e2e2dd;padding:13px}.page-editor-preview{height:100px;position:relative}.page-editor-preview img{width:100%;height:100%;object-fit:cover}.page-editor-preview span{position:absolute;bottom:3px;right:3px;background:#111;color:#fff;padding:3px;font-size:7px}.page-editor>form:first-of-type{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:end}.page-editor label{font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:bold;color:#5d5d58}.page-editor input{display:block;width:100%;margin-top:5px;border:1px solid #d7d7d1;background:#fafaf8;padding:8px;font-size:12px}.page-editor label.wide{grid-column:1/-1}.small-save{grid-column:2}.delete-form button{border:1px solid #ddd;background:#fff;color:#999;width:28px;height:28px;font-size:17px}.delete-form button:hover{color:#b33;border-color:#b33}
@media(max-width:1000px){.issue-grid{grid-template-columns:repeat(2,1fr)}.cover-wrap{height:520px}.hero h1{font-size:12vw}.admin-sidebar{width:185px}.admin-main{margin-left:185px;width:calc(100% - 185px)}}
@media(max-width:700px){.site-header{height:72px}.site-header nav a:not(.admin-link){display:none}.hero-bottom{padding-left:0}.hero-bottom p{max-width:75%;font-size:15px}.issue-grid{grid-template-columns:1fr}.cover-wrap{height:120vw}.section-heading{display:block}.section-heading p{width:auto;margin-top:20px}.footer-top{grid-template-columns:1fr;gap:30px;padding:50px 24px 40px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}.login-page{display:block}.login-art{display:none}.login-panel{min-height:100vh}.reader-header{grid-template-columns:1fr auto}.reader-title{display:none}.reader-back span{display:none}.download-btn{padding:0 10px;font-size:9px}.page-rail{position:absolute;bottom:0;left:0;right:0;width:auto;height:90px;display:flex;z-index:4}.page-stage{padding:0 0 90px}.magazine-page{height:100%;width:100%;max-width:none}.page-arrow{z-index:3}.page-status{bottom:98px;left:50%;transform:translateX(-50%)}.admin-sidebar{position:static;width:60px;padding:18px 8px}.admin-brand span,.admin-brand b,.admin-nav span,.admin-nav small,.admin-nav-label,.admin-identity{display:none}.admin-nav{justify-content:center}.admin-main{margin-left:0;width:100%;padding:20px 14px}.issue-form,.form-grid{grid-template-columns:1fr}.wide,.small-save{grid-column:auto}.page-editor{grid-template-columns:55px 1fr 26px}.page-editor>form:first-of-type{grid-template-columns:1fr}}