/* An inventor's notebook: one continuous dot field and quiet vector studies. */
.page-content{
 --field-dot:rgba(42,43,37,.20);--field-line:rgba(42,43,37,.045);
 background-color:var(--paper);
 background-image:url("/assets/notebook-dots.svg"),linear-gradient(var(--field-line) 1px,transparent 1px),linear-gradient(90deg,var(--field-line) 1px,transparent 1px);
 background-size:24px 24px,144px 144px,144px 144px;
 background-position:0 0,12px 12px,12px 12px;
 isolation:isolate;
}
.section{position:relative;isolation:isolate}
.chapter-study{position:absolute;top:26px;right:-20px;width:min(45vw,520px);height:auto;aspect-ratio:520/420;pointer-events:none;z-index:-1;color:rgba(37,39,32,.21);overflow:hidden;opacity:.75}
.chapter-study svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:.85;vector-effect:non-scaling-stroke}
.chapter-study .construction{opacity:.45;stroke-dasharray:3 7}
.chapter-study .point{fill:currentColor;stroke:none}
.motion-driven .chapter-study{opacity:calc(.3 + var(--arrival,1)*.45)}
.motion-driven .chapter-study .ink-trace{stroke-dasharray:1;stroke-dashoffset:calc((1 - var(--arrival,1))*.65)}
.leadership-section{
 --field-dot:rgba(42,43,37,.18);--field-line:rgba(42,43,37,.04);
 background-color:#e6e5dd;
 background-image:url("/assets/notebook-dots.svg"),linear-gradient(var(--field-line) 1px,transparent 1px),linear-gradient(90deg,var(--field-line) 1px,transparent 1px);
 background-size:24px 24px,144px 144px,144px 144px;background-position:0 0,12px 12px,12px 12px;
}
.leadership-section .chapter-study{left:18px;right:auto;top:230px;width:42%}
.archive-section{
 --field-dot:rgba(243,242,233,.12);
 background-image:url("/assets/notebook-dots-light.svg");
 background-size:24px 24px;background-position:12px 12px;
}
.archive-section .chapter-study{color:rgba(243,242,233,.26);right:var(--gutter)}
.opening-stage::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(241,240,230,.22) .7px,transparent .95px),linear-gradient(rgba(241,240,230,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(241,240,230,.04) 1px,transparent 1px);background-size:28px 28px,168px 168px,168px 168px;opacity:.38;mask-image:linear-gradient(110deg,#000,transparent 78%)}
.portrait-placeholder{background-image:linear-gradient(rgba(34,34,29,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,34,29,.045) 1px,transparent 1px);background-size:48px 48px}
.contact-section .chapter-study{right:20px;top:30px;color:rgba(37,39,32,.17)}
@media(max-width:899px){.leadership-section .chapter-study{left:auto;right:8px;top:24px;width:50%}}
@media(max-width:650px){
 .page-content,.leadership-section,.archive-section{background-size:24px 24px,144px 144px,144px 144px}
 .chapter-study{width:76%;right:-10px;top:40px;color:rgba(37,39,32,.17)}
 .leadership-section .chapter-study{right:0;top:38px;width:75%}
 .archive-section .chapter-study{right:12px;color:rgba(243,242,233,.19)}
 .contact-section .chapter-study{right:0;width:72%}
}
.motion-off .chapter-study{opacity:.75}
.motion-off .chapter-study .ink-trace{stroke-dasharray:none;stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.chapter-study{opacity:.75!important}.chapter-study .ink-trace{stroke-dasharray:none!important;stroke-dashoffset:0!important}}
