.reveal-surface{position:relative;isolation:isolate;overflow:hidden;background:#fff;color:#050505;touch-action:pan-y pinch-zoom}
.reveal-surface canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.reveal-copy{width:min(1120px,100%);margin:auto;padding:80px 32px;text-align:center;pointer-events:none}
.reveal-copy a{pointer-events:auto}
.opening{min-height:calc(100svh - 95px);display:grid;align-items:center;border-bottom:1px solid var(--rule)}
.reveal-copy h1,.reveal-brand{font-size:clamp(64px,11vw,150px);font-weight:400;letter-spacing:-.025em;line-height:1.05}
.reveal-subtitle{max-width:700px;margin:30px auto 0;font-size:clamp(19px,2vw,26px);line-height:1.45;color:#050505}
.reveal-axiom{font-family:var(--mono);font-size:13px;margin-top:30px;letter-spacing:0}
.reveal-action{display:inline-flex;align-items:center;gap:32px;min-height:48px;padding:10px 20px;margin-top:42px;border:1px solid #050505;background:#fff;color:#050505;text-decoration:none;font-size:15px}
.reveal-action:hover{color:#050505;background:#f5f5f5}
.reveal-surface a:focus-visible{outline:3px solid #050505;outline-offset:5px}
.introduction{padding:85px 0;align-items:center}
.introduction .intro{font-size:clamp(21px,2.2vw,29px);line-height:1.5;margin-top:24px;color:var(--ink)}
.introduction .desk-note{margin-top:0}
.practice .label{margin-bottom:22px}
.practice .axiom-explanation{font-size:24px;color:var(--ink);line-height:1.4}
.closing{border-top:1px solid var(--ink);min-height:90svh;display:grid;align-items:center}
.closing-contact{max-width:600px;margin:55px auto 0}
.closing-contact h3{font-size:clamp(27px,3vw,38px);margin-bottom:22px}
.closing-contact p{color:#050505;font-size:17px}
.closing-contact .email{color:#050505;background:#fff;padding:4px 12px;font-size:clamp(25px,3vw,38px);margin:25px 0 18px}
.closing-contact .contact-secondary{font-size:13px}
.closing-contact .contact-secondary a{display:inline-block;background:#fff;padding:3px 9px;margin-top:8px}
.return-start{margin-top:32px}

/* The splash leads; navigation replaces its title after it leaves the viewport. */
html{scroll-padding-top:calc(var(--nav-height,100px) + 24px)}
.scroll-nav{position:sticky;top:0;z-index:40;background:#fffffffa;border-bottom:1px solid var(--rule)}
.scroll-nav .site-header{padding-top:18px;padding-bottom:18px;border-bottom:0}
.scroll-nav.is-enhanced{position:fixed;inset:0 0 auto;visibility:hidden;opacity:0;pointer-events:none}
.scroll-nav.is-visible{visibility:visible;opacity:1;pointer-events:auto}
.skip{z-index:50}

/* Native anchor easing preserves browser history, focus, and ordinary scrolling. */
@media screen and (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .scroll-nav.is-enhanced{
    transform:translateY(-12px);
    transition:opacity 320ms ease-out,transform 400ms cubic-bezier(.22,1,.36,1),visibility 0s linear 400ms;
  }
  .scroll-nav.is-enhanced.is-visible{
    transform:translateY(0);
    transition-delay:0s;
  }
}

/* Three handwritten marginal notes; real HTML text over a quiet paper treatment. */
.sticky-note{position:relative;isolation:isolate;display:flex;align-items:center;width:164px;height:164px;max-width:100%;padding:22px 18px;background:linear-gradient(178deg,#f2e8a5 0 19px,#faf0b5 24px,#fff4bc 85%,#f6e8a3);color:#393426;font-family:'Bradley Hand','Segoe Print','Comic Sans MS',cursive;font-size:22px;font-weight:400;line-height:1.22;letter-spacing:0;box-shadow:0 2px 3px #0000000c,2px 9px 13px -8px #00000040;border-radius:0 0 8px 1px;transform:rotate(-2deg)}
.sticky-note::after{content:'';position:absolute;right:1px;bottom:0;width:21px;height:13px;background:linear-gradient(145deg,transparent 40%,#00000008 48%,#ffffff55 60%);border-radius:0 0 12px 0;pointer-events:none}
.sticky-intro{margin:0 0 32px 8px}
.section-marker .sticky-note{margin:27px 0 0 8px}
.sticky-work{transform:rotate(-3deg)}
.sticky-services{transform:rotate(2deg)}
/* A dedicated left margin keeps notes outside the editorial content column. */
@media(min-width:1100px){
  main>.wrap{max-width:1480px;padding-left:250px;padding-right:48px}
  .introduction,.section-heading{position:relative}
  .introduction .sticky-intro{position:absolute;left:-204px;top:85px;margin:0}
  .section-heading{display:block}
  .section-marker>.label{padding:0;margin-bottom:20px}
  .section-marker .sticky-note{position:absolute;left:-204px;top:12px;margin:0}
  #work .work-sheet{margin-left:0}
  #work .work-small{margin-right:0}
  .introduction{gap:44px}
}
@media(max-width:1099px){.section-heading:has(.section-marker){display:block}.section-marker{margin-bottom:28px}.section-marker .sticky-note{margin:20px 0 5px 4px}}
@media(max-width:700px){.sticky-note{font-size:21px;width:156px;height:156px;padding:20px 17px;transform:rotate(-1deg)}.sticky-intro{margin:0 0 28px 4px}.sticky-services{transform:rotate(1deg)}}
@media print{.sticky-note{transform:none;box-shadow:none;border:1px solid #aaa;break-inside:avoid}}
@media(max-width:700px){.opening{min-height:calc(100svh - 122px)}.reveal-copy{padding:60px 23px}.reveal-copy h1,.reveal-brand{font-size:clamp(54px,13.2vw,90px)}.reveal-subtitle{max-width:340px;margin-top:26px}.introduction{padding:55px 0}.introduction .intro{font-size:23px}.closing-contact{margin-top:38px}.closing-contact p{font-size:16px}.closing{min-height:0}.practice .axiom-explanation{font-size:22px}}
@media(prefers-reduced-motion:reduce){.reveal-surface canvas{display:none}html{scroll-behavior:auto}}
@media print{.reveal-surface canvas{display:none}.opening,.closing{min-height:0}.reveal-copy{padding:30px}.reveal-copy h1,.reveal-brand{font-size:50px}.reveal-action{display:none}}

@media screen{.opening{min-height:100svh}}
@media print{.scroll-nav{display:none}}

/* Editorial copy pass: restrained supporting type and an ordered working sequence. */
.reveal-descriptor{max-width:660px;margin:20px auto 0;font-size:14px;line-height:1.65;color:#050505}
.introduction .intro-support{max-width:600px;font-size:18px;line-height:1.65;color:var(--muted);margin-top:24px}
.editorial-context{display:grid;grid-template-columns:1fr 1.45fr;gap:55px}
.editorial-context h2{font-size:clamp(30px,3vw,40px);line-height:1.15}
.editorial-context p{font-size:19px;line-height:1.65;color:var(--muted)}
.practice-method{background:none;border:0;border-top:1px solid var(--ink);padding:35px 0 0;grid-template-columns:1fr 1.8fr;gap:55px}
.practice-method .label{font-size:11px;line-height:1.5;color:var(--red)}
.practice-steps{margin:0;padding-left:1.5em}
.practice-steps li{padding:0 0 23px 12px;margin:0 0 23px;border-bottom:1px solid var(--rule)}
.practice-steps li::marker{font-family:var(--mono);font-size:13px;color:var(--red)}
.practice-steps h3{font-size:27px;margin-bottom:10px}
.practice-method .practice-return{font-size:16px}
.working-rhythm{margin-top:32px;padding-top:27px;border-top:1px solid var(--rule)}
.working-rhythm h3{font-size:23px;margin-bottom:12px}
.working-rhythm p{font-size:17px}
@media(max-width:700px){.reveal-descriptor{font-size:12px;max-width:290px}.editorial-context,.practice-method{grid-template-columns:1fr;gap:26px}.editorial-context p{font-size:18px}.practice-steps{padding-left:1.3em}.practice-steps li{padding-left:8px}}