/* One steady, hand-free desk photograph with the badge and paperwork. */
.story-hero .story-stage{background:#03060b}
.story-hero .story-art{inset:0;width:100%;height:100%;z-index:1;transform:none;opacity:1}
.board-surface{position:absolute;overflow:visible}
.desk-clear,.desk-still{mask-image:linear-gradient(transparent,#000 8%);-webkit-mask-image:linear-gradient(transparent,#000 8%)}
.story-art .board-surface>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;border:0;box-shadow:none}
.story-art .desk-clear{z-index:0}
.story-art .desk-still{z-index:1}
.story-art .scatter-paper{z-index:2;opacity:0;pointer-events:none;will-change:transform,opacity}
.paper-flight-layer{position:fixed;inset:0;overflow:hidden;z-index:40;pointer-events:none;visibility:hidden}
.paper-flight-layer .scatter-paper{position:absolute;max-width:none;object-fit:fill;border:0;box-shadow:none;opacity:0;pointer-events:none;will-change:transform;}
.desk-scattering .desk-still{clip-path:polygon(0 0,100% 0,100% 100%,95.9% 100%,96.1% 78.5%,77% 75.3%,75.8% 78%,74.4% 74%,56.2% 75.5%,39.3% 79.6%,42% 100%,0 100%)}
.paper-credits{clip-path:polygon(39.3% 79.6%,56.2% 75.5%,52.7% 77.1%,53.8% 81.2%,51% 81%,45.5% 97.8%,45.2% 100%,42% 100%);transform-origin:48% 88%}
.paper-schedule{clip-path:polygon(52.7% 77.1%,74.4% 74%,75.8% 78%,75% 83.5%,53.8% 81.2%);transform-origin:65% 82%}
.paper-agreement{clip-path:polygon(77% 75.3%,96.1% 78.5%,95.9% 100%,93.6% 85.5%,75% 83.5%);transform-origin:85% 85%}
.paper-headline{clip-path:polygon(51% 81%,93.6% 85.5%,95.9% 100%,45.2% 100%,45.5% 97.8%);transform-origin:70% 92%}
.board-shade{position:absolute;inset:0;background:linear-gradient(#02050b33,transparent 40%);pointer-events:none}
.story-hero .story-title,.story-hero .story-details{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.story-hero .story-copy{top:12%;bottom:auto;left:8%;right:8%;font-size:clamp(16px,1.5vw,20px);line-height:1.45;max-width:750px;z-index:5;text-shadow:0 2px 10px #000}
.story-hero .story-eyebrow{top:4%;font-size:14px;letter-spacing:.16em;color:#e0e7f7}
.story-hero .story-scroll{bottom:1.5%;font-size:12px;letter-spacing:.08em}
.story-hero:not(.story-enhanced) .story-art{opacity:1}
@media(max-width:600px){.story-hero .story-copy{top:12%;font-size:16px;left:7%;right:7%}.story-hero .story-eyebrow{font-size:12px;letter-spacing:.1em}}

/* Carry the dark studio atmosphere through the whole site. */
body{background:#03060b;color:#eef2f6}
.site-header,.site-header.scrolled{background:rgba(3,6,11,.94);border-bottom-color:#ffffff1c;box-shadow:0 8px 30px #0002;color:#eef2f6}
.site-header .logo span{color:#b9c6d6}
.nav a:hover,.nav a[aria-current]{color:#e1bd8e}
.nav a:after,.footer .back:after{background:#e1bd8e}
.textured{background:#03060b}
.textured:before{display:none}
.services,.about,.contact{color:#eef2f6;background-color:#03060b;background-size:cover;background-repeat:no-repeat}
.services{border-bottom-color:#ffffff26;background-image:linear-gradient(105deg,rgba(3,6,11,.88),rgba(3,6,11,.72)),url('services-stock.jpg');background-position:center}
.about{background-image:linear-gradient(105deg,rgba(3,6,11,.88),rgba(3,6,11,.76)),url('about-stock.jpg');background-position:center,center 65%;border-bottom:1px solid #ffffff26}
.contact{background-image:linear-gradient(105deg,rgba(3,6,11,.88),rgba(3,6,11,.72)),url('contact-stock.jpg');background-position:center,center 42%}
.section .label,.contact .label,.desk-caption,.signature strong{color:#e1bd8e}
.lead,.bio,.about .bio p,.about.reading .bio p,.signature span,.note-count,.contact .coming{color:#bbc5d1}
.about .bio .intro,.about.reading .bio p.read-active,.contact-copy{color:#eef2f6}
.about .display em{color:#e1bd8e;text-decoration-color:#e1bd8e66}
.signature:after{background:#e1bd8e}
.facts{color:#cbd3dd;border-top-color:#ffffff30}
.note-controls button{background:#151b24;color:#f1f4f8;border-color:#ffffff38}
.note-controls button:hover{background:#e1bd8e;color:#11161d}
.note-controls button:focus-visible,.notes:focus-visible,.nav a:focus-visible,.footer a:focus-visible{outline-color:#e1bd8e}
.contact-rule{border-top-color:#ffffff38}
.footer{background:#03060b;color:#bbc5d1;border-top:1px solid #ffffff1c;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;line-height:1.6}
.footer>span{display:block;max-width:100%;overflow-wrap:anywhere}
.footer .back{position:static;inset:auto;margin:0;justify-self:center;line-height:1.6}
