:root{--bg-canvas:#1e2530;--bg-surface:#303238;--bg-surface-hover:#3b3d42;--text-primary:#fff;--text-muted:#d2d3cf;--accent-primary:#a3e635;--accent-secondary:#d4f7a0;--border-subtle:rgba(255,255,255,.17);--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 16px 32px -4px rgba(0,0,0,.4);--glow-accent:0 0 28px -4px rgba(163,230,53,.22);--glass-backdrop:blur(20px) saturate(190%)}
*{box-sizing:border-box;overflow-wrap:anywhere;hyphens:auto}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:1rem/1.7 system-ui,sans-serif}body:before{content:"";position:fixed;inset:18px;border:1px solid var(--border-subtle);pointer-events:none;z-index:5}a{color:var(--accent-secondary);text-underline-offset:.25em}a:hover{color:#fff}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.12;font-weight:400;margin:0 0 1rem}h1{font-size:clamp(2.5rem,4.8vw,3.5rem);max-width:24ch}h2{font-size:2rem}h3{font-size:1.5rem}p{margin:0 0 1.2rem}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}figcaption{font-size:.82rem;color:var(--text-muted);padding:.7rem 0}.wrap{width:calc(100% - 112px);max-width:1200px;margin:0 auto}.tagline{font-size:.76rem;letter-spacing:.08em;border-bottom:1px solid var(--border-subtle);padding:.65rem 0;color:var(--text-muted)}.site-header{position:relative;border-bottom:1px solid var(--border-subtle)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;min-height:92px}.brand{display:flex;align-items:center;gap:.65rem;color:#fff;font-weight:700;font-size:.94rem;text-decoration:none;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--accent-primary);color:var(--bg-canvas);font:700 1.3rem Georgia,serif}.nav-list{display:flex;gap:1.05rem;list-style:none;padding:0;margin:0}.nav-list a{font-size:.86rem;text-decoration:none;color:var(--text-primary)}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--accent-primary)}.menu-toggle{display:none;border:0;background:var(--accent-primary);color:var(--bg-canvas);font-size:1.7rem;width:44px;height:44px;border-radius:100%;cursor:pointer}.skip-link{position:absolute;left:30px;top:-100px;z-index:20;background:var(--accent-primary);color:var(--bg-canvas);padding:.7rem}.skip-link:focus{top:10px}.hero{padding:2.8rem 0 2.5rem;position:relative;isolation:isolate}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;color:var(--accent-primary);margin-bottom:.85rem}.hero p{max-width:68ch;color:var(--text-muted);margin-bottom:1.4rem}.hero:after{content:"";position:absolute;right:7%;top:20%;width:130px;height:130px;z-index:-1;background:radial-gradient(circle,rgba(163,230,53,.16),transparent 70%);animation:floatOrb 15s ease-in-out infinite alternate;pointer-events:none}@keyframes floatOrb{to{transform:translate(-55px,30px) scale(1.3)}}.button,button.action{display:inline-block;border:0;background:var(--accent-primary);color:#17200d;text-decoration:none;font-weight:700;padding:.75rem 1.2rem;border-radius:100px;cursor:pointer;line-height:1.4}.button:hover,button.action:hover{background:var(--accent-secondary);color:#17200d}.button.secondary{background:var(--bg-surface);color:#fff;border:1px solid var(--border-subtle)}.study{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center;padding:3rem 0;border-top:1px solid var(--border-subtle)}.study.reverse .study-visual{order:2}.study.reverse .study-copy{order:1}.study-visual{position:relative;background:var(--bg-surface);min-width:0}.image-grid{aspect-ratio:4/3}.image-banner{aspect-ratio:16/9}.image-square{aspect-ratio:1}.study-copy{min-width:0}.study-copy>p{color:var(--text-muted)}.number{font-size:.8rem;letter-spacing:.16em;color:var(--accent-primary);margin-bottom:1rem}.critique{padding:1rem 1.2rem;background:rgba(30,37,48,.84);backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-subtle);font-size:.88rem}.study-visual .critique{position:absolute;bottom:1rem;left:1rem;right:1rem;margin:0}.critique strong{color:var(--accent-secondary)}.text-link{font-size:.9rem;font-weight:650}.palette{display:flex;margin:1.4rem 0;border:1px solid var(--border-subtle)}.swatch{flex:1;padding:1.5rem .5rem .5rem;font-size:.7rem;color:#fff;background:var(--bg-surface)}.swatch.lime{background:#a3e635;color:#17200d}.swatch.charcoal{background:#303238}.swatch.slate{background:#1e2530}.swatch.paper{background:#eee9da;color:#24241e}.icon-row{display:flex;gap:.5rem;margin:1rem 0}.icon-sample{flex:1;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:.8rem;text-align:center;font-size:.8rem}.icon-sample span{display:block;font-size:1.6rem;color:var(--accent-primary)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.card{display:block;background:var(--bg-surface);padding:1.6rem;border:1px solid var(--border-subtle);box-shadow:inset 0 1px rgba(255,255,255,.04);transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic)}a.card{text-decoration:none;color:#fff}.card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-elevation),var(--glow-accent)}.card p{color:var(--text-muted)}.section{padding:3rem 0}.section-title{margin-bottom:1.8rem}.article-intro{display:grid;grid-template-columns:3fr 2fr;gap:2.5rem;align-items:start;border-top:1px solid var(--border-subtle);padding:2rem 0}.article-intro .critique{position:sticky;top:2rem}.prose{max-width:70ch;margin:0 auto;padding:1rem 0 3rem}.prose h2{margin-top:2.4rem}.prose h3{margin-top:1.8rem}.prose p,.prose li{color:var(--text-muted)}.prose li{margin-bottom:.65rem}.prose .critique{margin:2rem 0}.article-media{margin:1.5rem 0 2rem}.article-media img{aspect-ratio:16/9}.related{padding:2rem 0 3rem;border-top:1px solid var(--border-subtle)}.reading-note{font-size:.85rem;color:var(--text-muted)}details{border-bottom:1px solid var(--border-subtle);padding:1.25rem 0}summary{cursor:pointer;font-family:Georgia,serif;font-size:1.3rem;color:#fff}details p{margin:1rem 0 0}label{display:block;margin:1rem 0 .35rem}input,textarea,select{width:100%;border:1px solid var(--border-subtle);border-radius:0;padding:.85rem;background:var(--bg-surface);color:#fff}textarea{min-height:150px;resize:vertical}.form-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0}.status{min-height:1.7em;color:var(--accent-secondary)}.output{white-space:pre-wrap;font:inherit;max-height:420px;overflow:auto;padding:1rem;background:var(--bg-surface);border:1px solid var(--border-subtle)}.contact-layout{display:grid;grid-template-columns:3fr 2fr;gap:3rem;padding-bottom:3rem}.site-footer{margin-top:2rem;padding:2.5rem 0;border-top:1px solid var(--border-subtle);font-size:.85rem;color:var(--text-muted)}.footer-top{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer-links{display:flex;gap:1rem;flex-wrap:wrap;margin:1.2rem 0}.footer-note{max-width:75ch;font-size:.8rem}.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease-kinetic),transform .8s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}
@media(min-width:1025px){.hero{padding-top:3.2rem}.study{gap:4rem}}
@media(min-width:769px) and (max-width:1024px){.wrap{width:calc(100% - 72px)}.header-row{flex-wrap:wrap;gap:.5rem;padding:1rem 0}.nav-list{padding:.5rem 0;gap:1.3rem}.study{gap:2rem}}
@media(min-width:481px) and (max-width:768px){.wrap{width:calc(100% - 60px)}.study{gap:1.8rem}}
@media(max-width:768px){.study,.article-intro,.contact-layout{grid-template-columns:1fr}.study.reverse .study-visual,.study.reverse .study-copy{order:initial}.article-intro .critique{position:static}.study{padding:2rem 0}.header-row{min-height:78px;flex-wrap:wrap}.site-nav{width:100%;padding-bottom:1rem}.nav-list{flex-wrap:wrap}.hero{padding:2rem 0}.contact-layout{gap:1.5rem}}
@media(max-width:767px){.js .menu-toggle{display:block}.js .site-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:10;background:rgba(48,50,56,.98);backdrop-filter:var(--glass-backdrop);padding:1rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation)}.js .site-nav.is-open{display:block;animation:menuDrop .25s var(--ease-kinetic)}.nav-list{gap:0;flex-direction:column}.nav-list a{display:block;padding:.65rem}.brand{font-size:.82rem}.header-row{flex-wrap:nowrap}.site-nav:not(.is-open){flex-basis:100%}body:not(.js) .header-row{flex-wrap:wrap}@keyframes menuDrop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:480px){body:before{inset:8px}.wrap{width:calc(100% - 40px)}.tagline{font-size:.65rem;letter-spacing:.03em}.brand{gap:.4rem}.brand-mark{width:24px;height:24px;font-size:1rem}.hero h1{font-size:2.5rem}.grid{grid-template-columns:1fr}.study-visual .critique{position:relative;left:auto;right:auto;bottom:auto}.study{gap:1.4rem}.palette{flex-wrap:wrap}.swatch{min-width:50%}.footer-top{gap:.5rem}.section{padding:2rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}