:root{--ground:#2c2c2c;--light:#eaeaea;--sand:#bcb4a4;--orange:#e57647;--paper:#dad5cf;--ink:#171717;--line:#55534f;font-family:proxima-nova,Arial,sans-serif;color:var(--light);background:var(--ground);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}.wrap{max-width:1360px;margin:auto;padding-left:60px;padding-right:60px}.header{min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:24px}.header nav,.footer div{display:flex;gap:32px}.header nav,.brand,.label,.footer,.motion-toggle,.hero-figure figcaption,.book-date,.book-layout figcaption,.study-controls{font-family:'Space Mono','Courier New',monospace;font-size:13px;line-height:1.6}.header nav{font-size:14px}.brand{display:inline-flex;align-items:center;gap:13px;white-space:nowrap;font-size:14px}.mark{width:38px;height:27px;display:flex;gap:6px;align-items:end}.mark i{display:block;width:6px;height:23px;border:1px solid var(--sand);transform-origin:bottom right;transition:transform .42s cubic-bezier(.4,0,.2,1)}.mark i:last-child{background:var(--orange);border-color:var(--orange)}.brand:is(:hover,:focus-visible) .mark i{transform:rotate(25deg)}.brand .mark i:nth-child(2){transition-delay:70ms}.brand .mark i:nth-child(3){transition-delay:140ms}h1,h2,h3,p,figure{margin:0}h1,h2,.project-copy h3,.help-thesis{font-family:proxima-sera,Georgia,serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(44px,4.65vw,66px);line-height:1.07;max-width:11.7ch}em{font-style:normal;color:var(--orange)}p{font-size:19px;line-height:1.5;color:var(--sand)}.label{color:var(--sand);margin-bottom:25px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding-top:54px;padding-bottom:66px;align-items:center}.intro{max-width:390px;margin:26px 0 25px;font-size:20px}.text-link{display:inline-flex;gap:28px;font-size:16px;border-bottom:1px solid currentColor;padding-bottom:6px}.hero-figure{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.hero-figure canvas{width:100%;height:350px;display:block}.hero-figure figcaption{display:flex;justify-content:space-between;gap:14px;color:var(--sand);margin-top:20px;font-size:12px}.motion-toggle{background:none;border:0;padding:0;color:var(--sand);min-width:54px;min-height:32px;text-decoration:underline;text-underline-offset:4px}.section{padding-top:78px;padding-bottom:82px}.section-head{border-top:1px solid var(--line);padding-top:27px;margin-bottom:45px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.section-head .label{margin:5px 0}h2{font-size:clamp(36px,3.65vw,51px);line-height:1.1}.featured{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}.ground-art{background:var(--ink);padding:35px 40px 30px;min-height:385px;display:flex;flex-direction:column;color:var(--light)}.ground-client,.ground-bottom{font-size:15px}.ground-title{font-size:clamp(54px,6vw,84px);font-weight:700;letter-spacing:-.065em;line-height:.91;margin:43px 0 32px}.accent{color:var(--orange)}.ground-bottom{margin-top:auto;display:flex;justify-content:space-between}.ground-art:hover{color:var(--light)}.ground-art:hover .ground-bottom{color:var(--orange)}.project-copy h3{font-size:35px;line-height:1.15;margin-bottom:20px}.project-copy p:not(.label){max-width:340px;font-size:18px;margin-bottom:25px}.paired{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:55px}.portal-title,.advisor-art{height:220px;position:relative;display:flex;align-items:center;justify-content:center}.portal-title{font-size:66px;letter-spacing:-.06em;border-top:1px solid var(--sand);border-bottom:1px solid var(--sand)}.portal-title>span:not(.project-arrow){font-weight:700}.project-arrow{position:absolute;right:18px;top:18px;font-size:24px;letter-spacing:0}.advisor-art{background:#242424;gap:21px;font-size:36px;font-weight:600;letter-spacing:-.04em}.advisor-art img{max-width:20%;height:auto}.caption{padding-top:22px}.caption h3{font-size:22px;font-weight:400;margin-bottom:10px}.caption p{font-size:17px;max-width:430px}.help-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding-top:10px}.help-thesis{font-size:clamp(32px,3vw,43px);line-height:1.55;color:var(--light)}.help-thesis span{color:var(--sand)}.help-rows article{padding:22px 0;border-top:1px solid var(--line)}.help-rows article:first-child{padding-top:0;border-top:0}.help-rows h3{font-size:22px;font-weight:400;margin-bottom:9px}.help-rows p{font-size:17px}.book-section{background:var(--paper);color:var(--ink);margin-top:25px}.book-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:120px;align-items:center;padding-top:75px;padding-bottom:75px}.book-layout h2{max-width:16ch;margin-bottom:25px}.book-layout em{color:var(--ink)}.book-layout p{color:#44413d;max-width:450px;margin-bottom:17px}.book-layout .label{color:#44413d}.book-layout .book-date{margin:24px 0}.book-layout img{width:100%;max-width:305px;height:auto;display:block}.book-layout figcaption{color:#44413d;margin-top:10px}.about{display:grid;grid-template-columns:1fr 2fr;gap:90px;align-items:center;padding-top:100px}.about img{width:100%;max-width:270px;height:auto;filter:grayscale(1)}.about h2{margin-bottom:25px}.about p:not(.label){max-width:570px;font-size:18px;margin-bottom:17px}.about-links{display:flex;gap:30px;margin-top:26px}.contact{border-top:1px solid var(--line);padding-top:40px;padding-bottom:85px;display:grid;grid-template-columns:1fr 1fr;gap:32px 80px}.contact>.label{grid-column:1/-1;margin:0}.contact h2{font-size:clamp(45px,5.7vw,76px)}.contact>div{align-self:end}.contact p:not(.label){max-width:360px;margin-bottom:27px}.contact-link{font-size:clamp(17px,2vw,24px);border-bottom:1px solid var(--orange);padding-bottom:9px;display:inline-block}.footer{padding-top:25px;padding-bottom:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;color:var(--sand);font-size:12px}.skip{position:absolute;left:20px;top:-100px;padding:15px;background:var(--paper);color:var(--ink);z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.study-intro{padding-top:40px;max-width:840px;margin-bottom:26px}.study-intro p{margin-top:20px}.study-canvas{display:block;width:100%;height:min(51vh,470px)}.study-controls{display:flex;align-items:center;gap:22px;padding:25px 0;border-top:1px solid var(--line);flex-wrap:wrap}.study-controls button,.study-controls select{color:var(--light);background:var(--ground);border:1px solid var(--sand);padding:9px 14px;min-height:44px}.study-controls input{accent-color:var(--orange);flex:1;min-width:120px}.study-note{font-size:16px;max-width:750px;margin:15px 0 55px}.resource-hero{padding-top:60px;padding-bottom:65px;max-width:950px}.resource-hero h1{max-width:17ch}.resource-hero p:not(.label){margin-top:25px;max-width:620px}.resource-section{max-width:950px;padding-bottom:70px}.resource-section h2{margin-bottom:30px}.resource-section article{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:35px}.resource-section h3{font-size:24px;font-weight:400}.resource-section p{font-size:18px}.resource-section p+p{margin-top:18px}.resource-section .text-link{margin-top:20px}.resource-section details{border-top:1px solid var(--line);padding:20px 0}.resource-section summary{font-size:20px;cursor:pointer;margin-bottom:15px}.resource-section li{font-size:18px;line-height:1.6;color:var(--sand)}@media(min-width:1450px){.hero{padding-top:70px;padding-bottom:80px}.hero-figure canvas{height:400px}}@media(max-width:900px){.wrap{padding-left:32px;padding-right:32px}.header nav{gap:20px;font-size:12px}.hero{gap:20px}.hero-figure canvas{height:320px}.hero-figure figcaption{flex-wrap:wrap}.featured{gap:35px}.ground-art{padding:30px;min-height:350px}.help-layout{gap:40px}.book-layout{gap:55px}.about{gap:45px}.section-head{grid-template-columns:1fr 2.5fr}.contact{gap:32px}.footer div{gap:20px}}@media(max-width:620px){.wrap{padding-left:23px;padding-right:23px}.header{padding-top:25px;padding-bottom:20px;align-items:start;flex-direction:column;gap:23px}.header nav{width:100%;justify-content:space-between;gap:10px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:38px;gap:18px}h1{font-size:45px;max-width:13ch}.intro{font-size:19px}.hero-figure canvas{height:260px}.hero-figure figcaption{font-size:11px;margin-top:0;flex-wrap:nowrap;align-items:center}.section{padding-top:45px;padding-bottom:42px}.section-head{display:block;margin-bottom:28px}.section-head .label{margin:0 0 20px}h2{font-size:37px}.featured,.paired,.help-layout,.book-layout,.about,.contact{grid-template-columns:1fr}.featured{gap:28px}.ground-art{min-height:345px}.ground-title{font-size:76px}.project-copy h3{font-size:32px}.paired{gap:35px;margin-top:36px}.portal-title,.advisor-art{height:180px}.help-layout{gap:30px}.help-thesis{font-size:31px;line-height:1.4}.book-layout{padding-top:45px;padding-bottom:45px;gap:35px}.book-layout h2{font-size:39px}.book-layout figure{max-width:260px;margin:auto}.about{padding-top:55px;gap:28px}.about img{max-width:180px}.contact{padding-top:32px;padding-bottom:45px;gap:24px}.contact h2{font-size:55px}.contact-link{font-size:18px}.footer{flex-direction:column;gap:15px}.study-intro{padding-top:25px}.study-canvas{height:340px}.study-controls{gap:12px}.study-controls input{flex-basis:60%}.resource-hero{padding-top:35px}.resource-section article{grid-template-columns:1fr;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mark i{transition:none!important}.brand:is(:hover,:focus-visible) .mark i{transform:none;border-color:var(--orange)}}

/* site-wide nav: uppercase mono, matching the production header */
.header nav,.brand{font-size:12px;letter-spacing:.06em;text-transform:uppercase}.brand{font-weight:700}.header nav{gap:36px}.header nav a{color:var(--sand)}.header nav a:hover{color:#fff}.header nav a[aria-current]{color:var(--orange)}.header nav a[href="/connect/"]{--dot-pitch:4px;--dots:rgba(188,180,164,.55);--meteor:#F2EDE3;position:relative;padding-bottom:7px}.header nav a[href="/connect/"]::before,.header nav a[href="/connect/"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none}.header nav a[href="/connect/"]::before{background-image:linear-gradient(90deg,var(--dots) 1px,transparent 1px);background-size:var(--dot-pitch) 1px}.header nav a[href="/connect/"]::after{background-image:linear-gradient(90deg,transparent,var(--meteor));background-size:28px 1px;background-repeat:no-repeat;background-position:-28px 0;-webkit-mask-image:linear-gradient(90deg,#000 1px,transparent 1px);-webkit-mask-size:var(--dot-pitch) 1px;mask-image:linear-gradient(90deg,#000 1px,transparent 1px);mask-size:var(--dot-pitch) 1px}.header nav a[href="/connect/"]:is(:hover,:focus-visible)::after{animation:nav-meteor 640ms cubic-bezier(.3,0,.2,1) forwards}@keyframes nav-meteor{from{background-position:-28px 0}to{background-position:calc(100% + 28px) 0}}@media(prefers-reduced-motion:reduce){.header nav a[href="/connect/"]:is(:hover,:focus-visible)::after{animation:none}}
@media(max-width:900px){.header nav{gap:24px}}

/* site-wide footer, shared with the production pages */
.site-foot { border-top: 1px solid #4D4D4D; }
.site-foot-inner {
  max-width: 1360px;
  margin: 0 auto;
  padding: 24px 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px 40px;
  flex-wrap: wrap;
}
.site-foot-name {
  font-family: "Space Mono", monospace;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.site-foot-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  font-family: "Space Mono", monospace;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.site-foot-nav a { color: #BCB4A4; min-height: 44px; display: inline-flex; align-items: center; }
.site-foot-nav a:hover { color: #FFFFFF; }
.site-foot .footer-dominoes { margin-left: 0; }
/* the footer mark: ten thin dominoes in the hero's language, nine fallen
   into one standing orange line, no taller than the footer's type. Resting
   angles follow the chain geometry (1px lines, 5px apart, 16px tall). On
   hover they stand back up, nearest the orange one first, since the link
   goes back to the top. */
.footer-dominoes {
  display: inline-flex;
  align-items: flex-end;
  width: max-content;
  min-height: 44px;
  gap: 4px;
  padding: 14px 14px 14px 12px;
  margin-left: -12px;
}
.footer-dominoes > span {
  --rest: 0deg;
  --up: 0ms;
  width: 1px;
  height: 16px;
  background: #D9D2C6;
  transform-origin: bottom right;
  transform: rotate(var(--rest));
  transition: transform 520ms cubic-bezier(0.25, 0.1, 0.25, 1), background-color 300ms ease;
}
.footer-dominoes > span:nth-child(1) { --rest: 73.6deg; --up: 224ms; }
.footer-dominoes > span:nth-child(2) { --rest: 71.5deg; --up: 196ms; }
.footer-dominoes > span:nth-child(3) { --rest: 68.5deg; --up: 168ms; }
.footer-dominoes > span:nth-child(4) { --rest: 64.3deg; --up: 140ms; }
.footer-dominoes > span:nth-child(5) { --rest: 58.5deg; --up: 112ms; }
.footer-dominoes > span:nth-child(6) { --rest: 50.7deg; --up: 84ms; }
.footer-dominoes > span:nth-child(7) { --rest: 40.6deg; --up: 56ms; }
.footer-dominoes > span:nth-child(8) { --rest: 28.4deg; --up: 28ms; }
.footer-dominoes > span:nth-child(9) { --rest: 14.5deg; --up: 0ms; }
.footer-dominoes > span:nth-child(10) { --rest: 0deg; width: 2px; background: #E57647; }
.footer-dominoes:focus-visible > span:not(:last-child) { background: #FFFFFF; }
@media (hover: hover) {
  .footer-dominoes:hover > span:not(:last-child) { background: #FFFFFF; }
}
@media (prefers-reduced-motion: no-preference) {
  .footer-dominoes:focus-visible > span { transform: rotate(0deg); transition-delay: var(--up); }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .footer-dominoes:hover > span { transform: rotate(0deg); transition-delay: var(--up); }
}


.nav-arrow{color:#E57647;margin-left:2px}
.site-foot-nav a[aria-current="page"]{color:#E57647}
.site-foot-inner{padding:24px 60px}
@media(max-width:900px){.site-foot-inner{padding:20px 32px}}
@media(max-width:620px){.site-foot-inner{padding:14px 23px;flex-wrap:nowrap}.site-foot-nav{display:none}}