:root{--gold:#c5a367;--gold-light:#e2c891;--navy:#1b365d;--blue:#2957a4;--page-bg:#fdfcf8;--page-cream:#f5efe2;--rule:#c8dcf5;--rule-red:#e8a8a8;--ink:#1a1410;--ink-soft:#3d3222}.articles-section{background:#f9f7f2;padding:100px 48px 90px;font-family:DM Sans,sans-serif}.articles-header{text-align:center;margin-bottom:70px}.articles-eyebrow{align-items:center;gap:14px;margin-bottom:20px;display:inline-flex}.eyebrow-dash{background:var(--gold);width:40px;height:1.5px;display:block}.eyebrow-label{letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:500}.articles-heading{color:var(--navy);margin:0 0 14px;font-family:Playfair Display,serif;font-size:clamp(40px,6vw,68px);font-weight:700;line-height:1.1}.articles-heading em{color:var(--blue);font-style:italic}.articles-sub{color:#8a7a5a;margin:0;font-family:Playfair Display,serif;font-size:17px;font-style:italic}.steno-grid{perspective:1600px;grid-template-columns:repeat(auto-fit,minmax(270px,270px));justify-content:center;gap:50px 120px;max-width:1400px;margin:0 auto;display:grid}.steno-pad{height:400px;transform-style:preserve-3d;cursor:pointer;animation:.65s cubic-bezier(.22,1,.36,1) both padIn;animation-delay:calc(var(--i,0)*.1s);margin-left:0;position:relative}@keyframes padIn{0%{opacity:0;transform:translateY(36px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.steno-pad:before{content:"";background:repeating-linear-gradient(to bottom,transparent 0px,transparent 13px,var(--gold)13px,var(--gold)19px,transparent 19px,transparent 24px);z-index:10;pointer-events:none;border-radius:3px 0 0 3px;width:15px;position:absolute;top:0;bottom:0;left:-16px}.steno-pad:after{content:"";background:var(--navy);z-index:9;pointer-events:none;border-radius:2px 0 0 2px;width:6px;position:absolute;top:0;bottom:0;left:-5px}.steno-face{backface-visibility:hidden;transform-style:preserve-3d;border-radius:2px 5px 5px 2px;flex-direction:column;transition:transform .68s cubic-bezier(.4,0,.15,1);display:flex;position:absolute;inset:0;overflow:hidden}.steno-front{transform:rotateX(0)}.steno-back{transform:rotateX(-180deg)}.steno-front{background:var(--navy);border:2px solid var(--navy);justify-content:space-between;padding:26px 24px 22px 28px}.steno-front:before{content:"";background:repeating-linear-gradient(90deg,var(--gold)0px,var(--gold)9px,var(--gold-light)9px,var(--gold-light)15px,var(--blue)15px,var(--blue)24px,var(--navy)24px,var(--navy)32px);height:10px;position:absolute;top:0;left:0;right:0}.front-num{letter-spacing:.16em;color:var(--gold-light);margin-top:8px;font-family:Caveat,cursive;font-size:14px}.front-body{flex-direction:column;flex:1;justify-content:center;gap:11px;padding:12px 0;display:flex}.front-cat{letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0;font-size:9px;font-weight:500}.front-title{color:#fff;margin:0;font-family:Playfair Display,serif;font-size:20px;font-weight:700;line-height:1.35}.front-rule-line{background:var(--gold);border-radius:1px;flex-shrink:0;width:42px;height:2px}.front-meta{color:#e2c89180;letter-spacing:.05em;margin:0;font-size:11px}.front-footer{justify-content:space-between;align-items:center;display:flex}.front-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light);border:1px solid #c5a36766;border-radius:1px;padding:4px 10px;font-size:9px}.front-hint{color:#c5a36752;font-family:Caveat,cursive;font-size:13px;transition:color .25s}.steno-pad:hover .front-hint{color:var(--gold)}.steno-back{background:var(--page-bg);border:1.5px solid #cfc4a8}.back-header{background:var(--blue);border-bottom:3px solid var(--gold);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 18px 10px 24px;display:flex}.back-cat{letter-spacing:.3em;text-transform:uppercase;color:#ffffffa6;font-size:9px}.back-date{color:var(--gold-light);font-family:Caveat,cursive;font-size:14px}.back-page{flex-direction:column;flex:1;gap:8px;padding:16px 18px 14px 52px;display:flex;position:relative;overflow:hidden}.back-page:before{content:"";background:repeating-linear-gradient(to bottom,transparent 0px,transparent 27px,var(--rule)27px,var(--rule)28px);pointer-events:none;position:absolute;inset:0}.back-page:after{content:"";background:var(--rule-red);pointer-events:none;width:1.5px;position:absolute;top:0;bottom:0;left:40px}.back-title{color:var(--navy);z-index:1;margin:0;font-family:Playfair Display,serif;font-size:15px;font-weight:700;line-height:1.35;position:relative}.back-divider{background:var(--gold-light);z-index:1;flex-shrink:0;width:100%;height:1px;position:relative}.back-preview{color:var(--ink-soft);z-index:1;flex:1;margin:0;font-family:Caveat,cursive;font-size:15px;line-height:28px;position:relative;overflow:hidden}.back-read-row{z-index:1;margin-top:auto;position:relative}.back-read-cta{letter-spacing:.18em;text-transform:uppercase;color:var(--blue);font-size:10px;font-weight:500}.back-footer{border-top:1.5px solid var(--gold-light);background:var(--page-cream);flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 18px 9px 24px;display:flex}.back-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);border:1px solid #c5a36773;border-radius:1px;padding:3px 9px;font-size:9px}.back-time{color:#8a7a5a;font-size:10px}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#1b365d8c;justify-content:center;align-items:center;padding:24px 16px;animation:.3s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-notebook{background:var(--page-bg);border:2px solid #cfc4a8;border-radius:3px 8px 8px 3px;flex-direction:column;width:100%;max-width:680px;max-height:88vh;margin-left:20px;animation:.42s cubic-bezier(.22,1,.36,1) notebookIn;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #1b365d59,0 4px 16px #0000001f}@keyframes notebookIn{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-binding{background:repeating-linear-gradient(to bottom,transparent 0px,transparent 14px,var(--gold)14px,var(--gold)20px,transparent 20px,transparent 26px);z-index:10;pointer-events:none;border-radius:3px 0 0 3px;width:16px;position:absolute;top:0;bottom:0;left:-20px}.modal-binding:after{content:"";background:var(--navy);border-radius:2px 0 0 2px;width:6px;position:absolute;top:0;bottom:0;right:-6px}.modal-header{background:var(--navy);border-bottom:3px solid var(--gold);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px 14px 26px;display:flex;position:relative}.modal-header:before{content:"";background:repeating-linear-gradient(90deg,var(--gold)0px,var(--gold)8px,var(--gold-light)8px,var(--gold-light)14px,var(--blue)14px,var(--blue)22px,var(--navy)22px,var(--navy)30px);height:6px;position:absolute;top:0;left:0;right:0}.modal-header-left{align-items:center;gap:16px;margin-top:4px;display:flex}.modal-num{color:var(--gold-light);letter-spacing:.12em;font-family:Caveat,cursive;font-size:16px}.modal-cat{letter-spacing:.3em;text-transform:uppercase;color:#ffffff8c;font-size:9px}.modal-header-right{align-items:center;gap:14px;margin-top:4px;display:flex}.modal-date{color:var(--gold-light);font-family:Caveat,cursive;font-size:14px}.modal-time{color:#fff6;letter-spacing:.1em;font-size:10px}.modal-close{color:var(--gold);cursor:pointer;background:0 0;border:1px solid #c5a36766;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;line-height:1;transition:background .2s,color .2s;display:flex}.modal-close:hover{background:var(--gold);color:var(--navy)}.modal-page{scrollbar-width:thin;scrollbar-color:var(--gold-light)transparent;flex:1;position:relative;overflow-y:auto}.modal-page::-webkit-scrollbar{width:5px}.modal-page::-webkit-scrollbar-track{background:0 0}.modal-page::-webkit-scrollbar-thumb{background:var(--gold-light);border-radius:3px}.modal-page-inner{z-index:1;padding:28px 32px 32px 76px;position:relative}.modal-title{color:var(--navy);margin:0 0 16px;font-family:Playfair Display,serif;font-size:clamp(20px,3vw,28px);font-weight:700;line-height:1.3}.modal-rule-line{background:linear-gradient(90deg,var(--gold)0%,var(--gold-light)60%,transparent 100%);width:100%;height:1.5px;margin-bottom:24px}.modal-para{color:var(--ink-soft);white-space:pre-wrap;margin:0 0 24px;font-family:Caveat,cursive;font-size:17px;line-height:32px}.modal-para:last-child{margin-bottom:0}.modal-footer{background:var(--page-cream);border-top:1.5px solid var(--gold-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px 12px 26px;display:flex}.modal-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid #c5a36773;border-radius:1px;padding:4px 12px;font-size:9px}.modal-close-btn{letter-spacing:.22em;text-transform:uppercase;border:1.5px solid var(--navy);color:var(--navy);cursor:pointer;background:0 0;border-radius:1px;padding:8px 20px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;transition:background .25s,color .25s}.modal-close-btn:hover{background:var(--navy);color:var(--gold-light)}.articles-cta{text-align:center;margin-top:70px}.cta-btn{letter-spacing:.28em;text-transform:uppercase;color:var(--navy);border:1.5px solid var(--navy);align-items:center;padding:15px 44px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;text-decoration:none;transition:color .32s;display:inline-flex;position:relative;overflow:hidden}.cta-btn:before{content:"";background:var(--navy);transform-origin:bottom;z-index:0;transition:transform .35s;position:absolute;inset:0;transform:scaleY(0)}.cta-btn:hover:before{transform:scaleY(1)}.cta-btn:hover{color:var(--gold-light)}.cta-btn span{z-index:1;position:relative}@media (max-width:900px){.articles-section{padding:80px 28px 70px}.steno-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:36px 28px}}@media (max-width:640px){.articles-section{padding:64px 20px 56px}.steno-grid{grid-template-columns:1fr;gap:36px;max-width:360px;margin:0 auto}.steno-pad{height:360px}.articles-header{margin-bottom:48px}.modal-notebook{margin-left:16px}.modal-page-inner{padding:22px 20px 28px 52px}.modal-page:after{left:42px}.modal-title{font-size:18px}.modal-para{font-size:15px;line-height:30px}.modal-header{padding:12px 14px 12px 18px}.modal-header-right{gap:8px}.modal-date,.modal-time{display:none}}@media (max-width:380px){.steno-grid{max-width:100%}.modal-page-inner{padding:18px 14px 24px 44px}.modal-page:after{left:34px}}.steno-wrapper{flex-direction:column;align-items:center;gap:14px;padding:14px 0;transition:transform .25s;display:flex}.author-div{text-align:center;cursor:pointer;position:relative}.author-name{color:var(--navy);letter-spacing:.01em;margin-top:10px;margin-bottom:10px;font-family:Playfair Display,serif;font-size:19px;font-weight:800;transition:opacity .25s;display:block}.click-to-read{color:#1b365d8c;letter-spacing:.14em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:11.5px;font-weight:400;transition:opacity .25s;display:block}.author-div:after{content:"";background:var(--gold-light);width:18px;height:1px;transition:width .25s;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.steno-wrapper:hover .author-name{opacity:.85}.steno-wrapper:hover .click-to-read{opacity:.75}.steno-wrapper:hover .author-div:after{width:32px}.steno-wrapper:hover{transform:translateY(-1.5px)}.click-to-read{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .25s;display:inline-block;position:relative}.click-to-read:after{content:"";background:var(--gold);opacity:.5;transform-origin:0;width:100%;height:1px;transition:transform .25s,opacity .25s;position:absolute;bottom:-3px;left:0;transform:scaleX(.6)}.steno-wrapper:hover .click-to-read{letter-spacing:.22em;opacity:.9}.steno-wrapper:hover .click-to-read:after{opacity:1;transform:scaleX(1)}.steno-pad.is-flipped .steno-front{transform:rotateX(180deg)}.steno-pad.is-flipped .steno-back{transform:rotateX(0)}.steno-pad:hover .front-hint{color:var(--gold);opacity:1}.back-read-cta{cursor:pointer;padding:5px 0;transition:transform .2s;display:inline-block}.back-read-cta:hover{color:var(--gold);transform:translate(5px)}.steno-back{background:var(--page-bg);background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 27px,var(--rule)27px,var(--rule)28px);border:1.5px solid #cfc4a8;flex-direction:column;display:flex}.back-header{background:var(--blue);border-bottom:3px solid var(--gold);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.back-close-hint{color:var(--gold-light);cursor:pointer;border:1px solid #e2c8914d;padding:2px 8px;font-family:Caveat,cursive;font-size:12px}.back-page{background:0 0;flex-direction:column;flex:1;padding:16px 18px 20px 52px;display:flex;position:relative}.back-page:before{display:none}.back-preview{color:var(--ink-soft);flex:1;margin:0;font-family:Caveat,cursive;font-size:16px;line-height:28px}.back-read-cta{letter-spacing:.15em;text-transform:uppercase;color:var(--blue);background:#fff9;padding:4px 8px;font-size:10px;font-weight:700}.modal-bold-text{color:#1a1a1a;margin-bottom:4px;font-weight:800;display:inline-block}.modal-para{color:#333;text-align:justify;margin-bottom:1.5rem;line-height:1.8}.back-preview strong{color:#222;margin-bottom:5px;font-weight:700;display:block}