
:root{
 --stage-w:1536;--stage-h:1024;--stage-scale:1;
 --ink:#24180f;--accent:#7d302f;--paper:#d6ad75;
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{position:relative;background:#2a160d url('drawer-background-master-v1.0.png') center/cover no-repeat;color:var(--ink);font-family:Georgia,"Times New Roman",serif}
a{color:inherit}
.drawer-viewport{position:fixed;inset:0;overflow:hidden}
.paper-positioner{position:absolute;left:50%;top:20px;width:1536px;height:1024px;transform:translateX(-50%) scale(var(--stage-scale));transform-origin:top center;filter:drop-shadow(0 10px 13px rgba(20,7,2,.30)) drop-shadow(0 2px 3px rgba(20,7,2,.18))}
.paper-stage{position:absolute;inset:0;width:1536px;height:1024px;overflow:hidden;isolation:isolate;background:var(--paper);
  /* v0.5.1: do NOT use an external CSS mask here. Some browsers suppress the
     entire PaperStage when a local file:// mask URL is unavailable/blocked.
     A self-contained clip-path keeps direct double-click launch reliable. */
  clip-path:polygon(0.35% 0.45%,2.2% 0.18%,5.5% 0.38%,9.8% 0.15%,14.4% 0.34%,19.3% 0.12%,24.6% 0.29%,30.4% 0.10%,36.7% 0.26%,43.1% 0.08%,49.5% 0.23%,56.0% 0.09%,62.5% 0.27%,69.2% 0.12%,75.8% 0.31%,82.1% 0.13%,88.3% 0.34%,93.7% 0.17%,97.7% 0.37%,99.65% 0.55%,99.84% 4.5%,99.69% 10.5%,99.88% 17.5%,99.70% 25%,99.86% 33%,99.72% 41%,99.89% 49%,99.70% 57%,99.87% 65%,99.68% 73%,99.85% 81%,99.70% 89%,99.58% 96%,99.38% 99.45%,96.8% 99.70%,92.5% 99.48%,87.3% 99.75%,81.6% 99.51%,75.4% 99.78%,69.0% 99.50%,62.6% 99.74%,56.1% 99.54%,49.7% 99.80%,43.4% 99.52%,37.0% 99.76%,30.7% 99.50%,24.5% 99.73%,18.7% 99.48%,13.3% 99.75%,8.4% 99.49%,4.2% 99.70%,0.55% 99.42%,0.24% 95.5%,0.39% 88%,0.20% 80%,0.37% 72%,0.18% 64%,0.35% 56%,0.16% 48%,0.36% 40%,0.18% 32%,0.37% 24%,0.18% 16%,0.38% 8%);
  border-radius:7px;
}
.page-art{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--paper)}
.page-art img{display:block;width:1536px;height:1024px;object-fit:fill}
/* v1.0: Page 09 uses the approved tonal-corrected raster directly. No runtime color filter. */
.page-content{position:absolute;inset:0;width:1536px;height:1024px;z-index:200;color:var(--ink);pointer-events:auto}
.page-content a{color:inherit;text-decoration:none}
.global-site-header{position:absolute;left:49px;right:46px;top:17px;height:40px;z-index:700;display:flex;align-items:flex-start;color:var(--ink)}
.global-wordmark{font-family:Georgia,"Times New Roman",serif;font-size:31px;line-height:1;letter-spacing:.055em;font-weight:600;text-decoration:none;white-space:nowrap;color:#211813}
.global-nav{margin-left:auto;display:flex;gap:23px;align-items:flex-start;padding-top:7px}
.global-nav a{position:relative;text-decoration:none;color:rgba(31,26,23,.97);font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.1;letter-spacing:.10em;font-weight:700;padding:0 0 8px;white-space:nowrap}
.global-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:transparent}
.global-nav a.active:after,.global-nav a:hover:after,.global-nav a:focus-visible:after{background:var(--accent)}
.global-nav a:focus-visible,.global-wordmark:focus-visible,.global-page-nav a:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
.global-section-marker{position:absolute;left:49px;top:76px;z-index:710;height:54px;display:flex;align-items:flex-start;color:#24180f;pointer-events:none}
.global-marker-number{font-family:Georgia,"Times New Roman",serif;font-size:36px;line-height:1;color:var(--accent);font-weight:600;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.015em;padding-top:4px;min-width:54px}
.global-marker-rule{width:1px;height:38px;background:rgba(58,40,30,.55);margin:2px 18px 0 10px}
.global-marker-copy{padding-top:1px;max-width:360px}
.global-marker-title{font-size:18px;line-height:1.12;font-weight:400;white-space:nowrap}
.global-marker-note{font-size:14px;line-height:1.15;margin-top:3px;white-space:nowrap}
.global-page-nav{position:absolute;left:49px;right:49px;bottom:24px;height:20px;z-index:720;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}
.global-page-nav a{pointer-events:auto;text-decoration:none;font-family:Georgia,"Times New Roman",serif;font-size:14px;line-height:1;color:rgba(36,24,15,.94);padding:3px 0}
.global-page-nav a:hover,.global-page-nav a:focus-visible{color:var(--accent)}
.global-page-nav .placeholder{min-width:1px}
.interaction-hotspot{position:absolute;display:block;z-index:740;background:transparent;color:transparent;text-indent:-9999px;overflow:hidden;border:0;border-radius:2px}
.interaction-hotspot:focus-visible{outline:2px solid rgba(125,48,47,.85);outline-offset:2px;background:rgba(255,255,255,.08)}
.page10-email-hotspot{left:382px;top:662px;width:252px;height:34px}.page10-linkedin-hotspot{left:382px;top:704px;width:350px;height:34px}
.paper-edge-patina{position:absolute;inset:0;z-index:900;pointer-events:none;box-shadow:inset 0 0 4px rgba(70,40,19,.20),inset 0 0 10px rgba(70,40,19,.09)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
