:root{--bg-canvas:#f3f0fa;--bg-surface:#fff;--bg-surface-hover:#eee7f2;--text-primary:#453c49;--text-muted:#695e6c;--accent-primary:#542552;--accent-secondary:#805477;--border-subtle:#d6c9db;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(50,25,49,.16);--glow-accent:0 0 24px -4px #54255226;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:32px;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.7 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}body::before{content:"";position:fixed;inset:16px;border:1px solid var(--accent-primary);pointer-events:none;z-index:20}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}figure{margin:0}figcaption,.label,.eyebrow,.stat,.reference,summary,h3,th{font-family:ui-monospace,Consolas,monospace}figcaption{font-size:.75rem;color:var(--text-muted);margin-top:9px}.wrap{max-width:1200px;margin-inline:auto}.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--border-subtle);background:transparent;transition:background .3s}.has-scrolled .site-header{background:var(--bg-canvas)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;font-weight:750;font-size:1rem}.brand-mark{width:25px;height:25px;border:1px solid var(--accent-primary);display:grid;place-items:center;font-family:ui-monospace,monospace}.site-nav{display:flex;align-items:center;gap:17px}.site-nav a{font-size:.73rem;text-decoration:none;white-space:nowrap}.site-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.menu-toggle{display:none;background:transparent;border:1px solid var(--accent-primary);font-size:1.5rem;line-height:1;padding:6px 13px;color:var(--accent-primary)}.skip{position:absolute;left:24px;top:-100px;z-index:50;background:white;padding:12px}.skip:focus{top:24px}main{padding-block:42px 64px}.eyebrow,.label{font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-primary)}h1,h2{line-height:1.12;letter-spacing:-.045em;font-weight:550;margin:16px 0 22px}h1{font-size:clamp(2.5rem,5.8vw,5.4rem);max-width:15ch}h2{font-size:clamp(1.7rem,3vw,2.55rem);max-width:27ch}h3{font-size:1rem;line-height:1.5;margin:0 0 12px}p{margin:0 0 19px}.intro{font-size:1.15rem;max-width:54ch}.muted{color:var(--text-muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;min-height:540px;padding-bottom:40px;position:relative}.hero::before{content:"";position:absolute;width:260px;height:260px;right:8%;top:12%;border-radius:50%;background:radial-gradient(circle,#d8bed7a6,transparent 70%);pointer-events:none;animation:breathe 12s ease infinite}.hero-copy{position:relative;z-index:2}.photo-stack{height:420px;position:relative}.photo-stack figure{position:absolute;width:57%;height:59%;filter:drop-shadow(0 10px 15px #453c4915)}.photo-stack figure:nth-child(1){left:0;top:0;transform:rotate(-5deg)}.photo-stack figure:nth-child(2){right:0;top:12%;transform:rotate(5deg)}.photo-stack figure:nth-child(3){left:22%;bottom:0;width:65%;height:57%;transform:rotate(-2deg)}.photo-stack img{border:5px solid white}.photo-stack figcaption{background:var(--bg-canvas);display:inline-block;padding:2px 5px}.button,button.action{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--accent-primary);border-radius:0;padding:12px 17px;background:transparent;color:var(--accent-primary);font:700 .71rem/1.4 ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.09em;text-decoration:none;transition:transform .4s var(--ease-kinetic),box-shadow .4s,background .4s}.button:hover,button.action:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:24px}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--border-subtle);margin:12px 0 48px}.stat{padding:18px 20px;font-size:.78rem;border-right:1px solid var(--border-subtle)}.stat:last-child{border:0}.stat strong{display:block;color:var(--accent-primary);font-size:1.3rem;margin-bottom:4px}.register-section{padding:38px 0;border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:1fr 1.45fr;gap:54px}.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;padding:26px}.catalogue-row{display:grid;grid-template-columns:30px 1fr auto;gap:14px;padding:20px 0;border-bottom:1px solid var(--border-subtle);align-items:start}.catalogue-row:first-child{padding-top:0}.catalogue-row:last-child{border-bottom:0;padding-bottom:0}.catalogue-row p{font-size:.92rem;margin:6px 0 0}.row-icon{font:1.15rem ui-monospace,monospace;color:var(--accent-primary)}.row-link{text-decoration:none;font-size:1.25rem}.reference{font-size:.76rem;line-height:1.7;color:var(--text-muted)}.topic-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin-bottom:36px}.topic-hero h1{font-size:clamp(2.5rem,5vw,4.5rem)}.topic-photo{aspect-ratio:4/3}.article-layout{display:grid;grid-template-columns:230px 1fr;gap:50px;align-items:start}.article-aside{position:sticky;top:24px;font-size:.85rem}.article-aside ul{padding-left:18px}.prose{max-width:70ch;margin:0 auto}.prose h2{font-size:1.9rem;margin-top:42px}.prose h3{margin-top:28px}.prose li{margin-bottom:10px}.wide-photo{aspect-ratio:16/9;margin:28px 0}.note{border-left:3px solid var(--accent-primary);background:#eae3ef;padding:18px 22px;font-size:.9rem;margin:26px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:24px}.page-heading{max-width:800px;margin-bottom:38px}.page-heading h1{max-width:20ch;font-size:clamp(2.5rem,5vw,4.6rem)}details{border-bottom:1px solid var(--border-subtle);padding:18px 0}summary{cursor:pointer;color:var(--accent-primary);font-size:.92rem;padding-right:16px}details p{margin-top:16px;margin-bottom:5px}details[open] summary{font-weight:700}.tab-list{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border-subtle);padding-bottom:12px;margin-bottom:22px}.tab-list button{border:1px solid var(--accent-primary);background:transparent;color:var(--accent-primary);padding:9px 13px;font: .78rem ui-monospace,monospace}.tab-list button[aria-selected=true]{background:var(--accent-primary);color:#fff}[hidden]{display:none!important}label{display:block;font-size:.87rem;font-weight:650;margin-bottom:7px}input,textarea{display:block;width:100%;border:1px solid #8a768b;border-radius:4px;background:white;color:var(--text-primary);padding:12px;margin-bottom:20px}textarea{resize:vertical;min-height:180px}.output{white-space:pre-wrap;font: .88rem/1.7 ui-monospace,monospace;padding:20px;background:#f3f0fa;border:1px solid var(--border-subtle);min-height:140px}.status{min-height:1.7em;font-size:.88rem}table{border-collapse:collapse;width:100%;font-size:.88rem}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--border-subtle)}.site-footer{border-top:1px solid var(--accent-primary);padding:30px 0 18px;display:flex;justify-content:space-between;align-items:start;gap:30px;font-size:.8rem}.footer-links{display:flex;flex-wrap:wrap;gap:10px 18px;max-width:550px}.footer-brand p{margin:6px 0}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js .reveal-visible{opacity:1;transform:translateY(0)}@keyframes breathe{50%{transform:translateY(15px) scale(1.12)}}
@media(min-width:1025px){.site-header{min-height:88px}.hero{padding-top:20px}}
@media(min-width:769px) and (max-width:1024px){body{margin:26px}.site-nav{gap:10px}.site-nav a{font-size:.65rem}.brand{font-size:.88rem}.hero{gap:25px}.photo-stack{height:350px}.article-layout{grid-template-columns:190px 1fr;gap:30px}}
@media(max-width:768px){body{margin:24px}.site-header{padding:16px 0}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--bg-canvas);border:1px solid var(--accent-primary);padding:16px;box-shadow:var(--shadow-elevation)}.site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;animation:menuEnter .25s var(--ease-kinetic)}.site-nav a{padding:12px;font-size:.85rem;border-bottom:1px solid var(--border-subtle)}.hero,.topic-hero,.register-section,.article-layout{grid-template-columns:1fr;gap:28px}.hero{min-height:0}.photo-stack{height:390px;max-width:520px;width:100%;margin:12px auto 30px}.article-aside{position:static}.article-aside ul{display:flex;flex-wrap:wrap;gap:10px 24px}.register-section{padding-block:30px}.topic-photo{max-height:380px}.site-footer{flex-direction:column}.stat{padding:15px 12px}.stat strong{font-size:1.1rem}main{padding-top:28px}@keyframes menuEnter{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:480px){body{margin:18px}body::before{inset:8px}.brand{font-size:.9rem}.hero h1{font-size:2.7rem}.photo-stack{height:305px}.panel{padding:20px}.stat-strip{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--border-subtle)}.stat strong{display:inline;margin-right:12px}.catalogue-row{gap:9px;grid-template-columns:22px 1fr auto}.actions .button,.actions .action{width:100%}.topic-hero{gap:20px}.site-footer{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.button:hover,button.action:hover{transform:none}}