:root{--bg-canvas:#f3f0fa;--bg-surface:#fff;--bg-surface-hover:#eee6f4;--text-primary:#334155;--text-muted:#665b6e;--accent-primary:#6b3c83;--accent-secondary:#a989b6;--border-subtle:#d8c9e1;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(50,26,63,.15);--glow-accent:0 0 24px -12px #6b3c83;--glass-backdrop:blur(16px) saturate(180%);--radius:4px}
*{box-sizing:border-box}body{margin:24px;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}body::before{content:"";position:fixed;inset:12px;border:1px solid var(--accent-primary);pointer-events:none;z-index:10}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}button{cursor:pointer}img{display:block;width:100%;object-fit:cover;border-radius:var(--radius);background:#eee8f2}h1,h2,h3,.eyebrow,.button,.brand,.nav a,th{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif}h1,h2,h3{color:#4a2d58;line-height:1.12;letter-spacing:.055em;text-transform:uppercase;hyphens:none}h1{font-size:clamp(2.6rem,6.6vw,5.7rem);margin:24px 0;max-width:18ch}h2{font-size:clamp(1.55rem,3vw,2.35rem);margin:0 0 22px}h3{font-size:1.15rem;margin:14px 0}p{margin:0 0 1.2em}ul,ol{padding-left:1.3rem}li+li{margin-top:.45rem}.shell{max-width:1200px;margin:auto}.tagline{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--border-subtle);padding:12px 0;color:var(--accent-primary)}.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--border-subtle)}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:800;font-size:1rem;white-space:nowrap;letter-spacing:.015em}.brand-mark{width:24px;height:26px;border:2px solid var(--accent-primary);border-top-width:5px;display:inline-block;position:relative}.brand-mark::after{content:"";position:absolute;left:5px;top:2px;height:16px;border-left:2px solid var(--accent-primary);box-shadow:6px 0 var(--accent-primary)}.nav{display:flex;gap:13px;align-items:center}.nav a{font-size:.74rem;font-weight:700;text-decoration:none;line-height:1.3;white-space:nowrap}.nav a[aria-current=page]{border-bottom:2px solid var(--accent-primary);padding-bottom:5px}.menu-toggle{display:none;border:1px solid var(--accent-primary);color:var(--accent-primary);background:var(--bg-surface);font-size:1.7rem;line-height:1;width:42px;height:42px;border-radius:4px}.skip{position:absolute;left:25px;top:-100px;background:#fff;padding:10px;z-index:30}.skip:focus{top:10px}.hero{position:relative;padding:72px 0 62px;border-bottom:1px solid var(--border-subtle)}.hero p{max-width:64ch;font-size:1.1rem}.eyebrow{font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.19em;color:var(--accent-primary)}.hero .eyebrow{display:flex;align-items:center;gap:14px}.hero .eyebrow::before{content:"";width:42px;border-top:2px solid var(--accent-primary)}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.chip{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-subtle);padding:6px 10px;border-radius:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:1px solid var(--accent-primary);background:transparent;color:var(--accent-primary);font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;border-radius:0;transition:transform .3s var(--ease-kinetic),background .3s,box-shadow .3s}.button.primary{background:var(--accent-primary);color:#fff}.button:hover{transform:translateY(-3px);background:var(--bg-surface-hover);box-shadow:var(--shadow-elevation)}.button.primary:hover{background:#56306b}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.section{padding:60px 0;border-bottom:1px solid var(--border-subtle)}.section-heading{display:flex;gap:24px;align-items:flex-start;justify-content:space-between}.section-heading>p{max-width:43ch}.section-number{font-size:.8rem;font-weight:700;color:var(--accent-primary);display:block;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px}.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"exposure exposure permission" "light air permission";gap:22px}.bento-exposure{grid-area:exposure}.bento-permission{grid-area:permission}.bento-light{grid-area:light}.bento-air{grid-area:air}.panel,.card{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-surface);padding:26px}.card{padding:0;transition:transform .4s var(--ease-kinetic),box-shadow .4s,border-color .4s}.card:hover{transform:translateY(-5px) scale(1.008);box-shadow:var(--shadow-elevation),var(--glow-accent);border-color:var(--accent-secondary)}.card-body{padding:26px}.media{position:relative}.media img{aspect-ratio:4/3}.badge{position:absolute;bottom:-12px;left:22px;padding:4px 10px;background:var(--accent-primary);color:white;font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;border-radius:4px}.card .card-body{padding-top:31px}.tint{background:#eae2f1}.caution{border-left:3px solid var(--accent-primary);background:#eee7f4;padding:18px 22px;border-radius:4px}.caution p:last-child,.panel p:last-child{margin-bottom:0}.split{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}.wide-card{display:grid;grid-template-columns:1fr 1.3fr;align-items:stretch}.wide-card .media img{height:100%;min-height:240px;aspect-ratio:4/3}.wide-card .badge{bottom:16px}.feature{position:relative}.feature img{aspect-ratio:16/9}.feature-caption{background:#fff;padding:22px;border:1px solid var(--border-subtle);margin:-28px 22px 0;position:relative;border-radius:4px}.exposure-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.exposure-node{text-align:center;padding:15px 8px;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:4px}.exposure-node strong{display:block;font-size:1.4rem;color:var(--accent-primary)}.opacity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sample{height:86px;border:1px solid var(--border-subtle);border-radius:4px;margin-bottom:12px;background-color:#f3edf7}.sample.open{background:repeating-linear-gradient(90deg,#765583 0 6px,#f3edf7 6px 20px)}.sample.filtered{background:repeating-linear-gradient(90deg,#765583 0 12px,#f3edf7 12px 18px)}.sample.closed{background:#765583}.small{font-size:.87rem}.muted{color:var(--text-muted)}.reading{max-width:72ch;margin:0 auto}.reading h2{margin-top:42px;font-size:1.65rem}.reading h3{margin-top:28px}.reading .caution{margin:28px 0}.topic-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:32px;align-items:start}.topic-sidebar{display:grid;gap:22px}.topic-sidebar .panel{padding:22px}.topic-sidebar h2{font-size:1.2rem}.topic-sidebar img{aspect-ratio:4/3}.table-scroll{overflow-x:auto;max-width:100%;margin:24px 0}table{border-collapse:collapse;width:100%;font-size:.87rem;background:white}th,td{text-align:left;vertical-align:top;border:1px solid var(--border-subtle);padding:13px}th{color:var(--accent-primary);letter-spacing:.05em;text-transform:uppercase;background:#eee7f4}details{border:1px solid var(--border-subtle);border-radius:4px;background:#fff;padding:20px 24px;margin-bottom:14px}summary{cursor:pointer;font-weight:700;color:#4a2d58}details[open] summary{margin-bottom:14px}details p:last-child{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-weight:650;font-size:.9rem;margin-bottom:6px}input,textarea,select{width:100%;padding:11px 12px;background:#fff;color:var(--text-primary);border:1px solid #a48bb1;border-radius:4px}textarea{resize:vertical;min-height:130px}.field{margin-bottom:20px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.status{min-height:1.8em;color:var(--accent-primary)}.worksheet{background:#fff;padding:28px;border:1px solid var(--border-subtle);border-radius:4px}.site-footer{padding:38px 0 20px;display:flex;justify-content:space-between;gap:28px;font-size:.85rem}.site-footer p{margin:0 0 8px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;align-content:start}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}
@media(min-width:1025px){.hero{padding-right:12%}.topic-sidebar{padding-top:4px}}
@media(min-width:769px) and (max-width:1024px){.site-header{align-items:flex-start;flex-direction:column;gap:18px}.nav{flex-wrap:wrap;gap:18px}.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"exposure exposure" "light permission" "air permission"}.topic-layout{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr)}}
@media(min-width:481px) and (max-width:768px){body{margin:22px}.split{grid-template-columns:1fr}.bento{grid-template-columns:1fr 1fr;grid-template-areas:"exposure exposure" "permission permission" "light air"}.topic-layout{grid-template-columns:1fr}.topic-sidebar{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;box-shadow:var(--shadow-elevation);background:#fff;border:1px solid var(--border-subtle);padding:18px;flex-direction:column;align-items:stretch;gap:0;border-radius:4px}.nav.is-open{display:flex}.nav a{padding:12px;font-size:.87rem}.nav a[aria-current=page]{border:0;background:var(--bg-canvas)}.site-header{padding:18px 0}.section-heading{display:block}.hero{padding:48px 0}.section{padding:40px 0}.wide-card{grid-template-columns:1fr}.wide-card .media img{height:auto;min-height:0;aspect-ratio:16/9}.site-footer{flex-direction:column}}
@media(max-width:480px){body{margin:18px}body::before{inset:7px}.tagline{font-size:.63rem;letter-spacing:.08em}.brand{font-size:.88rem;gap:7px}.brand-mark{width:21px;height:24px}h1{font-size:2.65rem;letter-spacing:.025em}.bento{grid-template-columns:1fr;grid-template-areas:"exposure" "permission" "light" "air"}.split,.topic-layout,.form-grid{grid-template-columns:1fr}.panel,.card-body{padding:21px}.worksheet{padding:20px}.opacity-grid{gap:9px}.opacity-grid p{font-size:.8rem}.exposure-map{gap:7px}.exposure-node{padding:12px 5px;font-size:.8rem}.exposure-node strong{font-size:1.1rem}.feature-caption{margin:-15px 10px 0;padding:17px}.button{padding:12px 14px;font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}.card:hover,.button:hover{transform:none}}
@media print{body{margin:0;background:#fff}body::before,.nav,.menu-toggle,.actions,.skip{display:none}.hero,.section{padding:24px 0}.reveal-ready{opacity:1;transform:none}.site-footer{display:block}a{color:inherit}.topic-layout,.bento,.split{display:block}.panel,.card{break-inside:avoid;margin-bottom:16px}}