:root{--bg-canvas:#f3e9d8;--bg-surface:#fffaf1;--bg-surface-hover:#eadbc5;--text-primary:#262626;--text-muted:#65594e;--accent-primary:#a4472d;--accent-secondary:#785c32;--border-subtle:#cdbda7;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(38,38,38,.15);--glow-accent:0 0 24px -4px rgba(164,71,45,.16);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12;text-wrap:balance}h1{font-size:clamp(2.55rem,5.7vw,4.6rem);max-width:18ch;margin:.25em 0 .5em}h2{font-size:clamp(1.9rem,3.4vw,3rem);margin:0 0 .55em}h3{font-size:1.45rem;margin:.2em 0 .6em}p{margin:0 0 1.25em}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{color:#71301e}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}img{display:block;max-width:100%;width:100%;height:100%;object-fit:cover}figure{margin:0}figcaption{font-size:.85rem;color:var(--text-muted);line-height:1.6;margin-top:12px}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}.skip-link{position:absolute;left:20px;top:-100px;z-index:20;background:var(--bg-surface);padding:12px}.skip-link:focus{top:10px}
.site-header{position:relative;margin:18px 18px 0;padding:15px 24px;border:1px solid var(--border-subtle);border-radius:60px;background:var(--bg-surface);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--text-primary);text-decoration:none;font-size:.96rem;font-weight:650;letter-spacing:-.035em;white-space:nowrap}.brand-mark{height:32px;width:32px;display:grid;place-items:center;border:1px solid var(--accent-primary);border-radius:50%;color:var(--accent-primary);font:22px Georgia,serif;flex-shrink:0}.site-nav{display:flex;align-items:center;gap:16px}.site-nav a{color:var(--text-primary);font-size:.73rem;text-decoration:none;white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent-primary);text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none;background:none;border:1px solid var(--border-subtle);border-radius:50%;height:42px;width:42px;font-size:28px;line-height:1;color:var(--text-primary)}
.wrap{width:min(1100px,calc(100% - 48px));margin:0 auto}.hero{padding:64px 0 50px;position:relative;background:linear-gradient(120deg,#f3e9d8,#f8efdf,#eddfc8);background-size:200% 200%;animation:gradientShift 12s ease infinite}.hero .intro{max-width:62ch;font-size:1.08rem;color:var(--text-muted)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:650;color:var(--accent-primary);margin-bottom:16px}.band{padding:74px 0;background:var(--bg-canvas)}.band.cream{background:var(--bg-surface)}.band.cut{clip-path:polygon(0 16px,100% 0,100% 100%,0 100%);padding-top:86px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}.detail-layout.reverse .visual{order:2}.detail-layout.reverse .detail-copy{order:1}.image-landscape{aspect-ratio:4/3;background:#e7d8c2}.image-banner{aspect-ratio:16/9;background:#e7d8c2}.image-square{aspect-ratio:1;background:#e7d8c2}.detail-row{display:flex;align-items:flex-start;gap:18px;padding:21px 0;border-top:1px solid var(--border-subtle)}.detail-row:last-child{border-bottom:1px solid var(--border-subtle)}.detail-row p{margin:0;font-size:.94rem}.detail-row h3{font-size:1.23rem}.detail-icon{flex:0 0 32px;width:32px;height:32px;border:1px solid var(--border-subtle);border-radius:50%;display:grid;place-items:center;font-size:.8rem;color:var(--accent-primary)}.button{display:inline-block;border:1px solid var(--accent-primary);border-radius:0;padding:11px 19px;background:var(--accent-primary);color:#fffaf1;text-decoration:none;font-weight:600;font-size:.87rem;box-shadow:4px 4px 0 #6d3524;transition:transform .25s var(--ease-kinetic),box-shadow .25s var(--ease-kinetic),background .25s;margin:8px 8px 8px 0}.button:hover{transform:translate(4px,4px);box-shadow:0 0 0 #6d3524;background:#853923;color:#fffaf1}.button.secondary{color:var(--accent-primary);background:var(--bg-surface)}.button.secondary:hover{background:#eedecb;color:#71301e}.text-link{font-size:.93rem;font-weight:600}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px}.section-top p{max-width:42ch;color:var(--text-muted)}.fluid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:32px}.number{color:var(--accent-primary);font-size:.75rem;letter-spacing:.12em}.note{border-left:3px solid var(--accent-primary);padding:4px 0 4px 22px;color:var(--text-muted);margin:30px 0}.prose{max-width:70ch;margin:0 auto}.prose h2{font-size:2rem;margin-top:1.7em}.prose h3{margin-top:1.3em}.prose li{margin-bottom:.7em}.prose figure{margin:30px 0}.prose .intro{font-size:1.15rem}.article-meta{font-size:.78rem;color:var(--text-muted)}.table-scroll{overflow-x:auto;margin:28px 0}table{width:100%;border-collapse:collapse;font-size:.9rem;text-align:left}th,td{padding:14px 12px;border-bottom:1px solid var(--border-subtle);vertical-align:top}th{color:var(--accent-primary);font-weight:650}caption{text-align:left;font-weight:600;margin-bottom:12px}details{border-top:1px solid var(--border-subtle);padding:20px 0}details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;font-family:Georgia,serif;font-size:1.22rem;line-height:1.4;padding-right:20px}details p{margin:18px 0 0;color:var(--text-muted)}.related{margin-top:45px;padding-top:25px;border-top:1px solid var(--border-subtle)}.site-footer{background:#e8dbc6;border-top:1px solid var(--border-subtle);padding:40px 0 25px}.footer-grid{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer-brand{font-family:Georgia,serif;font-size:1.25rem;color:var(--text-primary)}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:.88rem}.footer-note{font-size:.77rem;color:var(--text-muted);margin:22px 0 0}.form-grid{display:grid;gap:20px}.field label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:var(--bg-surface);border:1px solid #a99a87;border-radius:0;padding:12px;color:var(--text-primary)}.field textarea{min-height:170px;resize:vertical}.field small{display:block;color:var(--text-muted);margin-top:5px}.tool-output{width:100%;min-height:200px;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:15px;color:var(--text-primary);font: .9rem/1.7 ui-monospace,monospace;resize:vertical}.status{min-height:1.75em;color:var(--accent-primary);font-size:.9rem}.preferences{padding:22px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin:28px 0}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.motion-ready .reveal.reveal-visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}
@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.site-header{max-width:1400px;margin-left:auto;margin-right:auto;width:calc(100% - 36px)}}
@media(min-width:769px) and (max-width:1024px){.site-header{align-items:flex-start;border-radius:28px;flex-direction:column;gap:10px}.site-nav{width:100%;justify-content:space-between;gap:8px}.site-nav a{font-size:.68rem}.detail-layout{gap:34px}.band{padding:58px 0}}
@media(max-width:768px){.site-header{padding:10px 16px;margin:12px 12px 0;gap:10px}.brand{font-size:.91rem}.menu-toggle{display:block;flex-shrink:0}.site-nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);padding:18px 24px;background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation);z-index:10}.site-nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.site-nav a{font-size:.88rem;padding:12px 0;white-space:normal;border-bottom:1px solid var(--border-subtle)}.hero{padding:42px 0 34px}.band{padding:48px 0}.band.cut{padding-top:60px}.detail-layout{grid-template-columns:1fr;gap:30px}.detail-layout.reverse .visual,.detail-layout.reverse .detail-copy{order:initial}.section-top{display:block}.prose h2{font-size:1.8rem}.footer-grid{flex-direction:column}.image-landscape{aspect-ratio:4/3}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.brand-mark{width:28px;height:28px}.brand{gap:7px;font-size:.84rem}.site-header{padding:9px 12px}.hero h1{font-size:2.6rem}.hero .intro{font-size:1rem}.band{padding:40px 0}.detail-row{gap:12px}.button{padding:11px 15px}.site-nav.is-open{grid-template-columns:1fr}.site-nav{max-height:70vh;overflow-y:auto}th,td{padding:11px 8px}.footer-links{gap:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}.button:hover{transform:none}}