*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f1efed;--card-bg: #f8f7f5;--text: #282420;--text-sub: #5e5450;--text-tert: #7a7068;--border: #d8d2cc;--blue: #1840a8;--blue-shadow: rgba(24, 64, 168, .18);--green: #2a9d8f;--card-shadow: rgba(40, 36, 32, .07);--dur: .25s;--ease: cubic-bezier(.4, 0, .2, 1)}@media(prefers-reduced-motion:reduce){:root{--dur: .01ms}}body{font-family:"IBM Plex Serif",Georgia,serif;background:linear-gradient(150deg,#f1efed,#dedad5);color:var(--text);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.modal-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 40px}.container{width:100%;max-width:1000px}header{text-align:center;margin-bottom:72px;position:relative}header:after{content:"";position:absolute;bottom:-36px;left:50%;transform:translate(-50%);width:180px;height:1px;background:#8a7a6a;opacity:.55}h1{font-size:52px;font-weight:600;margin-bottom:12px;letter-spacing:-.02em;color:var(--text)}.tagline{font-size:18px;color:var(--text-tert);font-weight:400}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.card{background:var(--card-bg);padding:40px 40px 40px 52px;border-radius:8px;border:1px solid var(--border);cursor:pointer;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);min-height:260px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 2px 8px var(--card-shadow);font:inherit;text-align:left;width:100%;color:inherit}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--blue);opacity:.45;transition:opacity var(--dur) ease}.card:after{content:"→";position:absolute;right:32px;bottom:32px;font-size:20px;color:var(--blue);opacity:.2;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 12px 32px var(--blue-shadow)}.card:hover:before{opacity:1}.card:hover:after{opacity:1;transform:translate(4px)}.card:active{transform:translateY(-1px)}.card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.card-title{font-size:26px;font-weight:600;margin-bottom:18px;color:var(--text);letter-spacing:-.01em}.card-teaser{font-size:16px;line-height:1.65;color:var(--text-sub)}footer.site-footer{padding:24px 40px;border-top:1px solid var(--border);display:flex;gap:20px;justify-content:center;align-items:center;font-size:12px;color:var(--text-tert);background:#dedad58c;backdrop-filter:blur(10px)}footer.site-footer a{color:var(--text-sub);text-decoration:none;transition:color .2s}footer.site-footer a:hover,footer.site-footer a:focus-visible{color:var(--blue);outline:none}footer.site-footer .sep{color:#b8b0a8}.modal{position:fixed;inset:0;background:#282420c7;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:60px;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal.active{opacity:1;pointer-events:all}.modal-content{background:var(--bg);border-radius:8px;max-width:800px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(.96);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 24px 64px #2824204d}.modal-header{flex-shrink:0;display:flex;justify-content:flex-end;padding:20px 20px 0}.modal-body-scroll{flex:1;overflow-y:auto;padding:16px 64px 64px}.modal.active .modal-content{transform:scale(1)}@media(prefers-reduced-motion:reduce){.card:hover{transform:none}.card:hover:after{transform:none}.card:active{transform:none}.modal-content{transition:none}.modal.active .modal-content,.close-btn:hover{transform:none}}.modal-panel[hidden]{display:none}.modal-title{font-size:38px;font-weight:600;margin-bottom:24px;color:var(--text);letter-spacing:-.01em}.modal-body{display:flex;flex-direction:column;gap:0;counter-reset:quote-counter}.modal-body a{color:var(--blue);text-decoration:none}.modal-body a:visited{color:var(--blue)}.modal-body a:hover{text-decoration:underline;opacity:.85}.modal-paragraph{font-size:16px;line-height:1.7;color:var(--text);margin:0 0 20px}.modal-paragraph:last-child{margin-bottom:0}.modal-heading{font-size:20px;font-weight:600;color:var(--text);margin:28px 0 12px;letter-spacing:-.01em}.modal-heading:first-child{margin-top:0}.modal-quote{counter-increment:quote-counter;padding:20px 0;border-top:1px solid var(--border)}.modal-quote:first-of-type{border-top:none;padding-top:4px}.modal-quote:last-child{padding-bottom:0}.modal-quote-lead:before{content:counter(quote-counter);display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;background:var(--green);color:#fff;font-size:12px;font-weight:700;font-style:normal;letter-spacing:0;margin-right:10px;vertical-align:1px}.modal-quote-lead{font-size:17px;font-weight:600;font-style:italic;line-height:1.5;color:var(--text);margin:0 0 8px}.modal-quote-detail{font-size:16px;line-height:1.65;color:var(--text-sub);margin:0}.modal-body .modal-list{margin:0 0 24px}.modal-list{list-style:none;display:flex;flex-direction:column;gap:18px}.modal-list li{font-size:16px;line-height:1.7;padding-left:28px;position:relative;color:var(--text)}.modal-list li:before{content:"•";position:absolute;left:0;color:var(--blue);font-size:20px;font-weight:600;line-height:1.4}.modal-link{display:inline-flex;align-items:center;gap:5px;font-size:14px;color:var(--blue);text-decoration:none;margin:4px 0 20px;opacity:.85;transition:opacity .2s}.modal-link:after{content:"↗";font-size:12px}.modal-link:hover{opacity:1;text-decoration:underline}.close-btn{background:none;border:none;font-size:32px;font-weight:300;line-height:1;cursor:pointer;color:var(--blue);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,transform .2s;font-family:inherit}.close-btn:hover{background:var(--border);transform:rotate(90deg)}.close-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media(max-width:768px){main{padding:40px 24px}h1{font-size:38px}.tagline{font-size:16px}header{margin-bottom:56px}header:after{bottom:-28px;width:200px}.grid{grid-template-columns:1fr;gap:20px}.card{padding:32px 32px 32px 44px;min-height:200px}.card-title{font-size:24px}.modal{padding:20px}.modal-header{padding:12px 12px 0}.modal-body-scroll{padding:12px 28px 36px}.modal-title{font-size:30px}.modal-heading{font-size:18px}.modal-paragraph,.modal-quote-detail{font-size:15px}footer.site-footer{padding:20px 24px;flex-wrap:wrap;gap:14px}}