/* Living Notebook: shared production pages */
.site-logo{display:inline-flex;flex-shrink:0;align-items:center}.site-logo img{display:block;width:220px;height:auto}.launch-header{gap:28px;padding-top:24px;padding-bottom:24px;min-height:106px}.launch-header nav{display:flex;gap:30px;align-items:center}.launch-header nav a{padding:12px 0;font-size:15px}.launch-header nav a:last-child{border-bottom:1px solid var(--ink)}.launch-header a[aria-current]{color:var(--orange)}
.launch-footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.launch-footer p{align-self:center;text-align:right;color:var(--muted)}.launch-footer nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px 28px;font-size:14px}.launch-footer nav a{padding:8px 0}
.page-main{padding-top:34px}.breadcrumb{font-size:13px;color:var(--muted);display:inline-block;padding:12px 0}.page-intro{max-width:900px;padding:48px 0 65px}.page-intro h1{font-size:clamp(44px,6.4vw,86px);line-height:1.05;letter-spacing:-.055em;font-weight:400;max-width:920px;margin:24px 0}.lede{font-size:clamp(19px,2vw,24px);line-height:1.65;max-width:760px;color:#58604f}.page-intro .eyebrow{color:var(--orange)}
.editorial{max-width:970px;margin:65px auto}.editorial section{display:grid;grid-template-columns:1fr 1.65fr;gap:55px;padding:32px 0;border-top:1px solid var(--line)}.editorial h2{font-size:27px;line-height:1.25;letter-spacing:-.025em;font-weight:400;margin:0}.editorial p{font-size:18px;line-height:1.8;margin:0;color:#58604f}
.service-study{margin:0;background:#272d29;color:#e3e0d4;padding:36px 26px 24px;position:relative}.service-study svg{display:block;width:100%;height:auto;max-height:380px}.service-study figcaption{font-size:12px;letter-spacing:.06em;color:#dedbcf;margin-top:15px}.study-control{display:block;background:none;border:1px solid #999e8b;color:inherit;min-height:44px;margin-top:18px;padding:8px 14px}.service-study .scene-label{fill:#e5e1d6}.service-study .scene-note{fill:#bec5ad}
.questions,.related{max-width:970px;margin:75px auto}.questions h2{font-size:34px;font-weight:400;letter-spacing:-.035em}.questions details{padding:22px 0;border-bottom:1px solid var(--line)}.questions summary{font-size:20px;cursor:pointer;line-height:1.5}.questions p{line-height:1.8;color:#58604f;max-width:760px;font-size:17px}.related>a{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:20px 0;font-size:19px}.related a span{color:var(--orange)}.page-cta{padding:65px 0 105px;text-align:center;border-top:1px solid var(--line)}.page-cta h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.045em;font-weight:400}.page-cta .handwritten{font-size:29px;color:#58604f}.page-cta .button{margin-top:16px}
.service-directory{padding:90px 0}.service-directory h2{font-size:clamp(34px,4vw,55px);letter-spacing:-.04em;font-weight:400;margin-bottom:40px}.service-directory>a{display:grid;grid-template-columns:50px 1fr 30px;gap:25px;padding:28px 0;border-top:1px solid var(--line)}.service-directory>a>span{color:var(--orange);padding-top:7px}.service-directory h3{font-size:26px;letter-spacing:-.025em;font-weight:400;margin:0 0 12px}.service-directory p{font-size:17px;line-height:1.7;color:#58604f;max-width:760px;margin:0}.inline-link{display:block;margin-top:16px;text-decoration:underline;text-underline-offset:5px;color:var(--orange)}
.note-index{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:0 0 85px}.note-index article{border-top:1px solid var(--line);padding:30px 0}.note-index h2{font-size:37px;font-weight:400;letter-spacing:-.035em;line-height:1.2}.note-index p{font-size:18px;line-height:1.8;color:#58604f}.note-index .text-link{margin-top:20px}
.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;margin:0 0 90px}.contact-layout aside h2{font-size:30px;font-weight:400}.contact-layout aside p,.contact-layout aside li{font-size:18px;line-height:1.8;color:#58604f}.contact-layout ol{padding-left:20px}.contact-layout a,.editorial a{color:var(--orange);text-decoration:underline;text-underline-offset:4px}.field{margin-bottom:25px}.field label{display:block;font-size:17px;margin-bottom:10px}.field label span{color:#66675d}.field input,.field textarea{width:100%;padding:14px;background:#faf8f1;border:1px solid #777b6c;border-radius:0;color:var(--ink);font:inherit;font-size:17px;min-height:50px}.field textarea{resize:vertical}.field :user-invalid{border:2px solid var(--orange)}.form-note{font-size:14px;line-height:1.65;color:#58604f}.preview-note{padding:16px 0;border-block:1px solid var(--line);line-height:1.6;color:var(--orange);margin-bottom:25px}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-status{line-height:1.7;min-height:28px;white-space:pre-line}#contact-form .button{margin-top:16px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.service-study button:hover{background:#343c32}
.detail-page:not(.motion-paused).js-motion .service-study *{animation-play-state:running}.detail-page.motion-paused .service-study *{animation-play-state:paused!important}
@media(max-width:760px){.launch-header{display:block;padding:18px 0;min-height:0}.site-logo img{width:205px}.launch-header nav{justify-content:space-between;gap:12px;margin-top:12px}.launch-header nav a{font-size:13px}.page-main{padding-top:12px}.page-intro{padding:30px 0 40px}.page-intro h1{font-size:46px}.editorial{margin:40px 0}.editorial section{grid-template-columns:1fr;gap:18px;padding:27px 0}.editorial p{font-size:17px}.service-study{padding:20px 12px}.service-study svg{min-height:160px}.service-directory{padding:60px 0}.service-directory>a{grid-template-columns:24px 1fr 15px;gap:12px}.service-directory h3{font-size:23px}.note-index{grid-template-columns:1fr;gap:15px}.contact-layout{grid-template-columns:1fr;gap:25px}.launch-footer{grid-template-columns:1fr}.launch-footer p{text-align:left}.launch-footer nav{gap:10px 20px}.page-cta{padding:40px 0 65px}.related>a{font-size:17px}.questions,.related{margin:50px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-study *{animation:none!important}}
/* Navigation stays available at every width; body copy does not fade through low contrast. */
.launch-header nav>a{display:inline-flex!important}
.js-motion .reveal{opacity:1}
.detail-page .primary:hover{transform:none}
html:has(.detail-page){scroll-behavior:auto}
.skip-link{top:-100px;transform:none}.skip-link:focus{top:12px}
