:root{--mrs-teal:#2b4a52;--mrs-teal-light:#3d6872;--mrs-teal-dark:#1b3038;--mrs-burnt-orange:#c47428;--mrs-amber:#d4922a;--mrs-rust:#a85a1b;--mrs-cream:#f0e6d3;--mrs-cream-light:#f7f1e6;--mrs-parchment:#e8dbc6;--mrs-golden-hour:#e8a833;--mrs-sunset-pink:#d4856a;--mrs-hyacinth:#5b6aaf;--mrs-meadow:#5a7a42;--mrs-slate:#5c6670;--mrs-sepia:#8b7355;--mrs-mahogany:#4e2a1b;--mrs-oxblood:#6b2d2d;--mrs-brass:#b8963e;--mrs-ink:#1e2832;--mrs-vellum:#f5efe0;--mrs-library-green:#2d4a3e;--mrs-black:#0d0d0d;--mrs-charcoal:#1a1a1a;--mrs-graphite:#2e2e2e;--mrs-ash:#6b6b6b;--mrs-fog:#a8a8a8;--mrs-white:#fafafa;--mrs-success:#5a7a42;--mrs-warning:#d4922a;--mrs-error:#b83a2a;--mrs-info:#5b6aaf;--mrs-gradient-logo:linear-gradient(180deg,var(--mrs-teal) 0%,var(--mrs-burnt-orange) 100%);--mrs-gradient-sunset:linear-gradient(135deg,var(--mrs-golden-hour) 0%,var(--mrs-burnt-orange) 40%,var(--mrs-sunset-pink) 70%,var(--mrs-hyacinth) 100%);--mrs-gradient-dawn:linear-gradient(180deg,var(--mrs-teal-dark) 0%,var(--mrs-teal) 30%,var(--mrs-amber) 70%,var(--mrs-golden-hour) 100%);--mrs-gradient-warm:linear-gradient(135deg,var(--mrs-cream) 0%,var(--mrs-parchment) 100%);--mrs-gradient-dark:linear-gradient(180deg,var(--mrs-black) 0%,var(--mrs-charcoal) 50%,var(--mrs-teal-dark) 100%);--mrs-gradient-hero:linear-gradient(160deg,var(--mrs-ink) 0%,var(--mrs-teal-dark) 35%,var(--mrs-mahogany) 70%,var(--mrs-rust) 100%);--mrs-gradient-shelf:linear-gradient(180deg,var(--mrs-mahogany) 0%,var(--mrs-teal-dark) 50%,var(--mrs-ink) 100%);--mrs-gradient-lamp:radial-gradient(ellipse at 50% 0%,rgba(232,168,51,.12) 0%,transparent 70%);--font-display:"Freight Display Pro","Playfair Display","Baskerville","Georgia",serif;--font-heading:"Playfair Display","Baskerville","Georgia",serif;--font-body:"Source Sans 3","Libre Franklin","Helvetica Neue",sans-serif;--font-mono:"IBM Plex Mono","JetBrains Mono","Fira Code","Consolas",monospace;--font-annotation:"Caveat","Permanent Marker",cursive;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--fs-4xl:3.25rem;--fs-hero:4.5rem;--lh-tight:1.2;--lh-snug:1.35;--lh-body:1.7;--lh-relaxed:1.85;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:900;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-wider:0.08em;--tracking-caps:0.14em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--max-width:1280px;--max-width-narrow:680px;--max-width-wide:1440px;--gutter:var(--space-6);--grid-gap:var(--space-8);--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-full:9999px;--border-thin:1px solid rgba(43,74,82,.12);--border-accent:2px solid var(--mrs-burnt-orange);--border-brass:1px solid var(--mrs-brass);--border-spine:4px solid var(--mrs-mahogany);--shadow-desk-sm:0 1px 2px rgba(78,42,27,.06),0 2px 6px hsla(0,0%,5%,.04);--shadow-desk-md:0 1px 3px rgba(78,42,27,.08),0 4px 14px hsla(0,0%,5%,.06),0 8px 24px rgba(78,42,27,.03);--shadow-desk-lg:0 2px 4px rgba(78,42,27,.1),0 8px 28px hsla(0,0%,5%,.08),0 16px 44px rgba(78,42,27,.05);--shadow-desk-xl:0 4px 8px rgba(78,42,27,.1),0 16px 48px hsla(0,0%,5%,.12),0 32px 72px rgba(78,42,27,.06);--shadow-lamp:inset 0 1px 0 rgba(232,168,51,.08);--shadow-glow-orange:0 0 40px rgba(196,116,40,.25);--shadow-glow-teal:0 0 40px rgba(43,74,82,.3);--shadow-inset:inset 0 2px 4px rgba(78,42,27,.06);--ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--ease-in-out:cubic-bezier(0.42,0,0.58,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-base:250ms;--duration-slow:400ms;--duration-page:600ms;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}.dark,[data-theme=dark]{--mrs-cream:#1a1a1a;--mrs-cream-light:#111;--mrs-parchment:#252525;--mrs-vellum:#1e1e1e;--mrs-black:#f5efe0;--mrs-charcoal:#e8dbc6;--mrs-ash:#c8c0b4;--mrs-fog:#7a7a7a;--mrs-ink:#f0e6d3;--border-thin:1px solid rgba(184,150,62,.1);--border-brass:1px solid rgba(184,150,62,.2);--shadow-desk-sm:0 1px 2px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.15);--shadow-desk-md:0 1px 3px rgba(0,0,0,.25),0 4px 14px rgba(0,0,0,.2),0 8px 24px rgba(0,0,0,.1);--shadow-desk-lg:0 2px 4px rgba(0,0,0,.3),0 8px 28px rgba(0,0,0,.2),0 16px 44px rgba(0,0,0,.12);--shadow-lamp:inset 0 1px 0 rgba(184,150,62,.06)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-body);color:var(--mrs-ink);background-color:var(--mrs-vellum);letter-spacing:var(--tracking-normal)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='1' height='1' fill='%238B7355' opacity='0.5'/%3E%3C/svg%3E");background-size:4px 4px}::selection{background-color:var(--mrs-brass);color:var(--mrs-ink)}img,svg,video{display:block;max-width:100%;height:auto}a{color:var(--mrs-teal);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--mrs-burnt-orange)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--mrs-ink)}h1{font-size:var(--fs-4xl);font-weight:var(--fw-black)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}h5{font-size:var(--fs-lg)}h6{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--mrs-sepia);border-bottom:var(--border-brass);padding-bottom:var(--space-2);display:inline-block}.display-heading{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:var(--fw-black);line-height:1.05;letter-spacing:-.03em}.text-gradient{background:var(--mrs-gradient-logo);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-sunset{background:var(--mrs-gradient-sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.overline{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--mrs-burnt-orange)}.lead{font-family:var(--font-heading);font-weight:var(--fw-regular);font-style:italic;line-height:var(--lh-relaxed);color:var(--mrs-sepia)}.annotation,.lead{font-size:var(--fs-lg)}.annotation{font-family:var(--font-annotation);color:var(--mrs-burnt-orange);transform:rotate(-1.5deg);display:inline-block}code{font-size:.88em;padding:.15em .45em;border-radius:var(--radius-sm);background-color:var(--mrs-parchment);color:var(--mrs-teal-dark);border:1px solid rgba(43,74,82,.08)}code,pre{font-family:var(--font-mono)}pre{font-size:var(--fs-sm);line-height:var(--lh-body);padding:var(--space-6);border-radius:var(--radius-md);background-color:var(--mrs-graphite);color:var(--mrs-cream);overflow-x:auto;border-left:var(--border-spine);box-shadow:var(--shadow-desk-sm)}pre code{background:none;padding:0;color:inherit;border:none}blockquote{position:relative;padding:var(--space-6) var(--space-8);padding-left:calc(var(--space-8) + 4px);border-left:var(--border-spine);font-family:var(--font-heading);font-size:var(--fs-lg);font-style:italic;color:var(--mrs-sepia);line-height:var(--lh-snug);background-color:hsla(37,42%,84%,.3);border-radius:0 var(--radius-md) var(--radius-md) 0}blockquote:before{content:"\201C";position:absolute;top:var(--space-3);left:var(--space-3);font-family:var(--font-display);font-size:var(--fs-4xl);color:var(--mrs-brass);opacity:.4;line-height:1}.reading-time{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--mrs-fog);letter-spacing:var(--tracking-wide);text-transform:uppercase}.divider,hr{height:0;border:none;border-top:var(--border-brass);margin-block:var(--space-10);opacity:.6}.divider--ornament{border:none;text-align:center;margin-block:var(--space-12)}.divider--ornament:before{content:"• • •";font-size:var(--fs-sm);letter-spacing:.5em;color:var(--mrs-brass)}.container{position:relative;width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter);z-index:var(--z-base)}.container--narrow{max-width:var(--max-width-narrow)}.container--wide{max-width:var(--max-width-wide)}.section{padding-block:var(--space-20)}.section--compact{padding-block:var(--space-12)}.grain:after,.has-grain:after{content:"";position:absolute;inset:0;opacity:.03;pointer-events:none;z-index:1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px}.grain,.has-grain{position:relative;isolation:isolate}.grain--heavy:after{opacity:.055}.grain--light:after{opacity:.018}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background-color:hsla(43,51%,92%,.92);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:var(--border-brass);padding:var(--space-4) 0}[data-theme=dark] .site-header{background-color:hsla(0,0%,7%,.92)}.site-header .container{display:flex;align-items:center;justify-content:space-between}.site-logo{height:42px;width:auto}.nav-list{display:flex;gap:var(--space-8);list-style:none}.nav-link{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--mrs-teal);position:relative;padding-bottom:var(--space-2)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--mrs-brass);transition:width var(--duration-base) var(--ease-out)}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-link:hover{color:var(--mrs-burnt-orange)}.nav-link.active{color:var(--mrs-mahogany)}.hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--mrs-gradient-hero);overflow:hidden;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 50% 0,rgba(184,150,62,.1) 0,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.04'/%3E%3C/svg%3E");background-size:100% 100%,200px 200px}.hero__content{position:relative;z-index:2;max-width:780px;padding:var(--space-8)}.hero__title{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:var(--fw-black);color:var(--mrs-cream);margin-bottom:var(--space-6);line-height:1.05}.hero__subtitle{font-family:var(--font-heading);font-size:var(--fs-lg);font-style:italic;color:var(--mrs-parchment);line-height:var(--lh-relaxed);margin-bottom:var(--space-8)}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,transparent 35%,hsla(0,0%,5%,.5) 100%);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-3) var(--space-8);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.btn:active{transform:translateY(1px)}.btn--primary{background-color:var(--mrs-burnt-orange);color:var(--mrs-cream-light);box-shadow:var(--shadow-desk-sm)}.btn--primary:hover{background-color:var(--mrs-amber);box-shadow:var(--shadow-desk-md);color:var(--mrs-cream-light)}.btn--secondary{background-color:transparent;color:var(--mrs-teal);border:1px solid var(--mrs-teal);box-shadow:none}.btn--secondary:hover{background-color:var(--mrs-teal);color:var(--mrs-cream-light);box-shadow:var(--shadow-desk-sm)}.btn--ghost{background-color:hsla(39,49%,88%,.08);color:var(--mrs-cream);border:1px solid rgba(184,150,62,.25)}.btn--ghost:hover{background-color:hsla(39,49%,88%,.15);border-color:rgba(184,150,62,.5);color:var(--mrs-cream)}.btn--brass{background:linear-gradient(180deg,var(--mrs-brass) 0,#9a7a30 100%);color:var(--mrs-ink);border:1px solid rgba(184,150,62,.6);box-shadow:var(--shadow-desk-sm),inset 0 1px 0 hsla(0,0%,100%,.15)}.btn--brass:hover{background:linear-gradient(180deg,#cbaa4e 0,var(--mrs-brass) 100%);box-shadow:var(--shadow-desk-md);color:var(--mrs-ink)}.btn--gradient{background:var(--mrs-gradient-sunset);color:var(--mrs-cream-light);border:none;box-shadow:var(--shadow-desk-sm)}.btn--gradient:hover{box-shadow:var(--shadow-desk-md),var(--shadow-glow-orange);color:var(--mrs-cream-light)}.btn--sm{font-size:var(--fs-xs);padding:var(--space-2) var(--space-5)}.btn--lg{font-size:var(--fs-base);padding:var(--space-4) var(--space-10)}.card{position:relative;background-color:var(--mrs-cream);border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(139,115,85,.12);box-shadow:var(--shadow-desk-sm),var(--shadow-lamp);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.card:hover{transform:translateY(-6px) rotate(-.3deg);box-shadow:var(--shadow-desk-lg)}.card__image{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(1.03) contrast(1.02)}.card__body{padding:var(--space-6)}.card__overline{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--mrs-burnt-orange);margin-bottom:var(--space-2)}.card__title{font-family:var(--font-heading);font-size:var(--fs-xl);margin-bottom:var(--space-3);color:var(--mrs-ink)}.card__excerpt{font-size:var(--fs-sm);color:var(--mrs-ash);line-height:var(--lh-body)}.card__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-top:var(--border-thin);background-color:hsla(37,42%,84%,.15)}.card--accent{border-top:3px solid transparent;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.card--accent:hover{border-top-color:var(--mrs-burnt-orange)}.card--pinned:before{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:20px;height:20px;background:radial-gradient(circle,var(--mrs-brass) 35%,transparent 36%);z-index:3;pointer-events:none}.card--stacked{position:relative}.card--stacked:after{content:"";position:absolute;bottom:-4px;left:4px;right:4px;height:100%;background-color:var(--mrs-parchment);border-radius:var(--radius-md);z-index:-1;border:1px solid rgba(139,115,85,.08);box-shadow:var(--shadow-desk-sm)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:var(--grid-gap);gap:var(--grid-gap)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent}.badge--active{background-color:rgba(90,122,66,.1);border-color:rgba(90,122,66,.25);color:var(--mrs-meadow)}.badge--active:before{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--mrs-meadow);animation:pulse-dot 2s infinite}.badge--archived{background-color:rgba(139,115,85,.1);border-color:rgba(139,115,85,.2);color:var(--mrs-sepia)}.badge--coming-soon{background-color:rgba(196,116,40,.1);border-color:rgba(196,116,40,.2);color:var(--mrs-burnt-orange)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-pill{font-family:var(--font-mono);font-size:var(--fs-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background-color:var(--mrs-parchment);color:var(--mrs-teal-dark);border:1px solid rgba(43,74,82,.1);box-shadow:var(--shadow-inset)}.article-list{display:grid;grid-gap:var(--space-10);gap:var(--space-10)}.article-preview{display:grid;grid-template-columns:1fr 2.5fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:start;padding-bottom:var(--space-10);border-bottom:var(--border-brass)}.article-content{max-width:var(--max-width-narrow);margin-inline:auto;font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--mrs-ink)}.article-content h2{margin-top:var(--space-16);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--border-brass)}.article-content h3{margin-top:var(--space-10);margin-bottom:var(--space-3)}.article-content p{margin-bottom:var(--space-6)}.article-content>p:first-of-type:first-letter{font-family:var(--font-display);font-size:3.5em;float:left;line-height:.8;padding-right:var(--space-2);padding-top:var(--space-1);color:var(--mrs-teal)}.article-content img{border-radius:var(--radius-md);margin-block:var(--space-10);box-shadow:var(--shadow-desk-md)}.article-aside{font-family:var(--font-heading);font-size:var(--fs-sm);font-style:italic;color:var(--mrs-sepia);padding:var(--space-4) var(--space-6);margin-block:var(--space-8);background-color:hsla(37,42%,84%,.25);border-radius:var(--radius-md);border-left:var(--border-spine)}.tag{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background-color:rgba(43,74,82,.06);color:var(--mrs-teal);border:1px solid rgba(43,74,82,.1);transition:all var(--duration-fast) var(--ease-out)}.tag:hover{background-color:var(--mrs-teal);color:var(--mrs-cream-light);border-color:var(--mrs-teal)}.sandbox-section{position:relative;background-color:var(--mrs-white);background-image:linear-gradient(rgba(43,74,82,.07) 1px,transparent 0),linear-gradient(90deg,rgba(43,74,82,.07) 1px,transparent 0),linear-gradient(rgba(43,74,82,.03) 1px,transparent 0),linear-gradient(90deg,rgba(43,74,82,.03) 1px,transparent 0);background-size:80px 80px,80px 80px,16px 16px,16px 16px}.sandbox-section:before{content:"";position:absolute;top:0;left:calc((100% - var(--max-width)) / 2 + var(--gutter));bottom:0;width:1px;background-color:rgba(184,58,42,.15);z-index:1;pointer-events:none}[data-theme=dark] .sandbox-section{background-color:var(--mrs-charcoal);background-image:linear-gradient(rgba(184,150,62,.06) 1px,transparent 0),linear-gradient(90deg,rgba(184,150,62,.06) 1px,transparent 0),linear-gradient(rgba(184,150,62,.025) 1px,transparent 0),linear-gradient(90deg,rgba(184,150,62,.025) 1px,transparent 0);background-size:80px 80px,80px 80px,16px 16px,16px 16px}.sandbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--grid-gap);gap:var(--grid-gap)}.sandbox-card{position:relative;background-color:hsla(0,0%,98%,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md);padding:var(--space-6);color:var(--mrs-ink);border:1px solid rgba(43,74,82,.12);box-shadow:var(--shadow-desk-sm);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}[data-theme=dark] .sandbox-card{background-color:rgba(30,30,30,.85);color:var(--mrs-cream)}.sandbox-card:hover{border-color:var(--mrs-teal);box-shadow:var(--shadow-desk-md)}.sandbox-card:before{content:attr(data-experiment);position:absolute;top:var(--space-3);right:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--mrs-fog);letter-spacing:var(--tracking-wide)}.sandbox-card__title{font-family:var(--font-mono);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--mrs-teal);margin-bottom:var(--space-3)}.sandbox-card__description{font-size:var(--fs-sm);color:var(--mrs-ash);line-height:var(--lh-body);margin-bottom:var(--space-4)}.sandbox-card__note{font-family:var(--font-annotation);font-size:var(--fs-base);color:var(--mrs-burnt-orange);transform:rotate(-1deg);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed rgba(196,116,40,.3)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--space-2)}.status-dot--online{background-color:var(--mrs-success);box-shadow:0 0 8px rgba(90,122,66,.5)}.status-dot--offline{background-color:var(--mrs-error)}.status-dot--degraded{background-color:var(--mrs-warning)}.sandbox-endpoint{font-family:var(--font-mono);font-size:var(--fs-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background-color:var(--mrs-parchment);color:var(--mrs-teal-dark);display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid rgba(43,74,82,.08)}.sandbox-endpoint__method{font-weight:var(--fw-bold);padding:1px var(--space-2);border-radius:2px;font-size:.7rem;text-transform:uppercase}.sandbox-endpoint__method--get{background-color:rgba(90,122,66,.15);color:var(--mrs-meadow)}.sandbox-endpoint__method--post{background-color:rgba(91,106,175,.15);color:var(--mrs-hyacinth)}.sandbox-endpoint__method--put{background-color:rgba(212,146,42,.15);color:var(--mrs-amber)}.sandbox-endpoint__method--delete{background-color:rgba(184,58,42,.15);color:var(--mrs-error)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--grid-gap);gap:var(--grid-gap)}.product-card{background-color:var(--mrs-cream);border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(139,115,85,.1);box-shadow:var(--shadow-desk-sm),var(--shadow-lamp);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-desk-lg)}.product-card__price{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--mrs-teal)}.product-includes{list-style:none;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--mrs-ash)}.product-includes li{padding:var(--space-2) 0;border-bottom:1px dotted rgba(139,115,85,.15)}.product-includes li:before{content:"✓ ";color:var(--mrs-meadow);font-weight:var(--fw-bold)}.cta-section{position:relative;background:var(--mrs-gradient-shelf);padding:var(--space-24) 0;text-align:center;overflow:hidden;isolation:isolate}.cta-section:before{background:radial-gradient(ellipse 50% 60% at 50% 0,rgba(184,150,62,.15) 0,transparent 70%)}.cta-section:after,.cta-section:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.cta-section:after{opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px}.cta-section__content{position:relative;z-index:2}.newsletter-form{display:flex;gap:var(--space-3);max-width:480px;margin-inline:auto;margin-top:var(--space-8)}.newsletter-form input[type=email]{flex:1 1;font-family:var(--font-body);font-size:var(--fs-base);padding:var(--space-3) var(--space-5);border:1px solid rgba(184,150,62,.3);border-radius:var(--radius-sm);background-color:hsla(39,49%,88%,.08);color:var(--mrs-cream);outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.newsletter-form input[type=email]::placeholder{color:hsla(39,49%,88%,.45);font-style:italic}.newsletter-form input[type=email]:focus{border-color:var(--mrs-brass);box-shadow:0 0 0 2px rgba(184,150,62,.15)}.site-footer{background-color:var(--mrs-ink);color:var(--mrs-fog);padding:var(--space-16) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--space-10);gap:var(--space-10);margin-bottom:var(--space-12)}.footer-heading{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wide);color:var(--mrs-cream);margin-bottom:var(--space-4)}.footer-link{display:block;font-size:var(--fs-sm);color:var(--mrs-fog);padding-block:var(--space-1);transition:color var(--duration-fast) var(--ease-out)}.footer-link:hover{color:var(--mrs-brass)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-8);border-top:1px solid rgba(184,150,62,.1);font-size:var(--fs-xs)}.divider-brush{height:3px;border:none;border-radius:var(--radius-full);background:var(--mrs-gradient-logo);max-width:120px}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--mrs-sepia);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;font-family:var(--font-body);font-size:var(--fs-base);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--mrs-parchment);border:1px solid var(--mrs-parchment);border-bottom:2px solid rgba(43,74,82,.2);border-radius:var(--radius-sm);background-color:var(--mrs-cream);color:var(--mrs-ink);outline:none;box-shadow:var(--shadow-inset);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--mrs-teal);border-bottom-color:var(--mrs-teal);box-shadow:var(--shadow-inset),0 0 0 2px rgba(43,74,82,.08)}.form-textarea{min-height:140px;resize:vertical}.search-input{padding-left:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236B6B6B' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.414-1.414l-3.85-3.85zm-5.242.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:var(--space-4) center}.bg-cream{background-color:var(--mrs-cream-light)}.bg-parchment{background-color:var(--mrs-parchment)}.bg-vellum{background-color:var(--mrs-vellum)}.bg-dark{background-color:var(--mrs-charcoal)}.bg-black,.bg-dark{color:var(--mrs-cream)}.bg-black{background-color:var(--mrs-black)}.bg-ink{background-color:var(--mrs-ink);color:var(--mrs-cream)}.bg-gradient-warm{background:var(--mrs-gradient-warm)}.bg-gradient-dark{background:var(--mrs-gradient-dark);color:var(--mrs-cream)}.bg-gradient-shelf{background:var(--mrs-gradient-shelf);color:var(--mrs-cream)}.text-teal{color:var(--mrs-teal)}.text-orange{color:var(--mrs-burnt-orange)}.text-cream{color:var(--mrs-cream)}.text-muted{color:var(--mrs-ash)}.text-ink{color:var(--mrs-ink)}.text-sepia{color:var(--mrs-sepia)}.text-brass{color:var(--mrs-brass)}.mt-0{margin-top:0}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.img-warm{filter:saturate(1.05) contrast(1.02) brightness(1.01)}.img-sepia-hint{filter:sepia(.08) saturate(1.1)}.img-print{filter:sepia(.04) saturate(1.05) contrast(1.03);box-shadow:var(--shadow-desk-md);border-radius:var(--radius-sm)}.img-cover{width:100%;height:100%;object-fit:cover}.fade-up{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.fade-up.visible{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ruled-lines{background-image:repeating-linear-gradient(180deg,transparent,transparent 31px,rgba(43,74,82,.06) 0,rgba(43,74,82,.06) 32px);background-size:100% 32px}.desk-surface{background-color:var(--mrs-parchment);background-image:linear-gradient(90deg,transparent,rgba(139,115,85,.03) 50%,transparent)}@media (max-width:1024px){:root{--fs-hero:3.5rem;--fs-4xl:2.75rem;--fs-3xl:2rem}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.sandbox-section:before{display:none}}@media (max-width:768px){:root{--fs-hero:2.75rem;--fs-4xl:2.25rem;--fs-3xl:1.75rem;--gutter:var(--space-4)}.nav-list{gap:var(--space-5)}.hero{min-height:70vh}.article-preview,.project-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:var(--space-6)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.article-content>p:first-of-type:first-letter{font-size:2.8em}}@media (max-width:480px){:root{--fs-hero:2.25rem;--fs-4xl:1.875rem;--gutter:var(--space-3)}.section{padding-block:var(--space-12)}.btn--lg{width:100%}.sandbox-section{background-size:40px 40px,40px 40px,8px 8px,8px 8px}}@media print{body{color:#000;background:#fff}.btn,.cta-section,.site-footer,.site-header,body:before{display:none}a{color:#000;text-decoration:underline}.card{box-shadow:none;border:1px solid #ccc}}.mobile-menu-btn{display:none;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;width:36px;height:36px;flex-direction:column;gap:5px}.mobile-menu-btn span{display:block;width:22px;height:2px;background-color:var(--mrs-teal);border-radius:1px;transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-fast)}@media (max-width:768px){.mobile-menu-btn{display:flex}.nav-list{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:hsla(43,51%,92%,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:var(--space-6) var(--gutter);gap:var(--space-4);border-bottom:var(--border-brass);box-shadow:var(--shadow-desk-md)}[data-theme=dark] .nav-list{background-color:hsla(0,0%,7%,.97)}.nav-list.open{display:flex}}.now-strip{background-color:var(--mrs-ink);color:var(--mrs-cream);padding:var(--space-3) 0;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);border-bottom:1px solid rgba(184,150,62,.15)}.now-strip .container{display:flex;align-items:center;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.now-strip__label{color:var(--mrs-brass);text-transform:uppercase;font-weight:var(--fw-semibold)}.now-strip__text{color:var(--mrs-fog)}.section-header{margin-bottom:var(--space-12)}.section-header--center{text-align:center}.section-header__overline{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--mrs-burnt-orange);margin-bottom:var(--space-3);display:block}.section-header__title{font-family:var(--font-heading);font-weight:var(--fw-black);margin-bottom:var(--space-4)}.section-header__description{font-size:var(--fs-md);color:var(--mrs-sepia);line-height:var(--lh-relaxed);max-width:600px}.section-header--center .section-header__description{margin-inline:auto}.featured-project{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:var(--space-10);gap:var(--space-10);align-items:center}.featured-project__media{position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-desk-lg)}.featured-project__media img{width:100%;aspect-ratio:16/10;object-fit:cover}.featured-project__badge{position:absolute;top:var(--space-4);left:var(--space-4)}.featured-project__content{padding:var(--space-4) 0}@media (max-width:768px){.featured-project{grid-template-columns:1fr}}.about-preview{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:var(--space-12);gap:var(--space-12);align-items:center}.about-preview__image{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-desk-lg);position:relative}.about-preview__image img{width:100%;aspect-ratio:4/5;object-fit:cover}.about-preview__annotation{position:absolute;bottom:var(--space-6);right:calc(var(--space-6) * -1);font-family:var(--font-annotation);font-size:var(--fs-xl);color:var(--mrs-burnt-orange);transform:rotate(-3deg);background:var(--mrs-cream);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-desk-sm);z-index:2}@media (max-width:768px){.about-preview{grid-template-columns:1fr}.about-preview__annotation{right:var(--space-4)}}.building-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.building-item{padding:var(--space-6);background:var(--mrs-cream);border-radius:var(--radius-md);border:1px solid rgba(139,115,85,.1);box-shadow:var(--shadow-desk-sm),var(--shadow-lamp);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.building-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-desk-md)}.building-item__number{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-black);color:var(--mrs-parchment);line-height:1;margin-bottom:var(--space-3)}.building-item__title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--mrs-ink);margin-bottom:var(--space-2)}.building-item__text{font-size:var(--fs-sm);color:var(--mrs-ash);line-height:var(--lh-body)}@media (max-width:768px){.building-strip{grid-template-columns:1fr}}.writing-card{display:grid;grid-template-columns:200px 1fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:start;padding:var(--space-6);background:var(--mrs-cream);border-radius:var(--radius-md);border:1px solid rgba(139,115,85,.12);box-shadow:var(--shadow-desk-sm),var(--shadow-lamp);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.writing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-desk-md)}.writing-card__image{border-radius:var(--radius-sm);overflow:hidden}.writing-card__image img{width:100%;aspect-ratio:3/2;object-fit:cover}.writing-card__meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}@media (max-width:768px){.writing-card{grid-template-columns:1fr}}.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-8);gap:var(--space-8)}.philosophy-item{text-align:center;padding:var(--space-8) var(--space-6)}.philosophy-item__icon{width:56px;height:56px;margin:0 auto var(--space-5);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:rgba(43,74,82,.06);border:1px solid rgba(43,74,82,.1)}.philosophy-item__title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--mrs-ink);margin-bottom:var(--space-3)}.philosophy-item__text{font-size:var(--fs-sm);color:var(--mrs-ash);line-height:var(--lh-body)}@media (max-width:768px){.philosophy-grid{grid-template-columns:1fr}}.hero__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.photo-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,200px);grid-gap:var(--space-3);gap:var(--space-3)}.photo-mosaic__item{border-radius:var(--radius-sm);overflow:hidden}.photo-mosaic__item img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.photo-mosaic__item:hover img{transform:scale(1.05)}.photo-mosaic__item--wide{grid-column:span 2}@media (max-width:768px){.photo-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,160px)}.photo-mosaic__item--wide{grid-column:span 2}}.sandbox-preview-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.brass-rule{width:60px;height:2px;background-color:var(--mrs-brass);border:none;margin-bottom:var(--space-6)}.brass-rule--center{margin-inline:auto}.fade-up:first-child{transition-delay:0ms}.fade-up:nth-child(2){transition-delay:.1s}.fade-up:nth-child(3){transition-delay:.2s}.fade-up:nth-child(4){transition-delay:.3s}.fade-up:nth-child(5){transition-delay:.4s}