/* Mobile-first clarity layer, 5 October 2026. Frozen haiku artwork is intentionally untouched. */
:root{--violet-deep:color-mix(in srgb,var(--signature-violet) 88%,#252525);--pale:var(--support-pale-violet)}
::selection{color:var(--ink);background:var(--support-pale-violet)}
.eyebrow{color:var(--muted)}
.hero{padding-top:2.5rem}
.hero-copy,.section-heading>*,.product-example>*,.product-afterword>*,.engagement-outcome>*{min-width:0}
.hero h1,.product-explainer h2,.popover-header h2{overflow-wrap:anywhere}
.hero h1{font-size:clamp(2.1rem,8.4vw,3rem);line-height:1.13;letter-spacing:-.04em;max-width:15ch}
.hero-benefit{font-family:var(--serif);font-size:1.2rem;line-height:1.5;color:var(--ink);margin-top:1.4rem}
.hero-intro,.hero-definition{font-size:1rem;line-height:1.65;max-width:35rem;margin-top:1rem}
.hero-definition{color:var(--ink)}
.hero .actions{margin-top:1.4rem;gap:.65rem}
.hero .button{font-size:.875rem;min-height:3.1rem;padding:.9rem 1.05rem}
.hero-figure>img{object-position:center;aspect-ratio:1.5;height:auto}
.hero-figure figcaption span{font-size:.8rem}
.hero-figure figcaption small{font-size:.65rem;max-width:10rem}
.recommendations .fine,.recommendation-intro p:not(.eyebrow),.recommendation-intro .quiet-link,.quote-slide figcaption{font-size:.75rem}
.recommendation-intro .quiet-link{min-height:44px}
.recommendation-intro .eyebrow{font-size:.65rem}
.carousel-controls .carousel-count,.play-button{font-size:.7rem}
.product-explainer{padding-block:4.25rem}
.product-explainer h2{font-size:clamp(2rem,5vw,3rem);line-height:1.23;letter-spacing:-.045em}
.product-description p{font-size:1rem;line-height:1.75}
.product-description .product-definition{font-family:var(--serif);font-size:1.22rem;color:var(--ink);line-height:1.65}
.product-example{display:grid;grid-template-columns:1fr;gap:1.8rem;background:color-mix(in srgb,var(--support-pale-violet) 28%,white);padding:1.1rem;border:1px solid color-mix(in srgb,var(--support-dusty-violet) 24%,white);border-radius:2rem .65rem 2rem .65rem}
.overview-column{min-width:0;padding-top:.75rem}
.overview-column>.eyebrow{text-align:center;font-size:.65rem;margin-bottom:.8rem}
.ownership-overview{max-width:30rem;margin:auto}
.ownership-overview svg{width:100%;height:auto;overflow:visible}
.team-boundary{fill:none;stroke:#c4c4c4;stroke-width:1.2}
.role-shapes{stroke:var(--support-plum);stroke-width:1.8;fill:#fff}
.role-shapes .team-center{stroke:var(--support-dusty-violet);fill:var(--support-pale-violet)}
.team-diagram-labels{fill:var(--ink);font:22px var(--sans)}
.team-diagram-labels .team-name{font:36px var(--serif)}
.team-diagram-labels .role-label{font-size:18px;fill:#626262}
.team-diagram-labels .position-label{font-size:20px;font-weight:600}
.team-diagram-labels .expertise-label{font-size:17px;fill:#626262}
.ownership-overview figcaption{font-size:.8rem;line-height:1.6;text-align:center;color:var(--muted);max-width:25rem;margin:1rem auto .4rem}
.sample-profile{margin:1.2rem auto 0;max-width:30rem}
.sample-profile summary{font-size:.875rem;padding:1rem 0;min-height:44px}
.sample-profile .answer{padding:0 0 1rem}
.sample-profile p{font-size:.9rem}
.sample-profile dl{margin:1rem 0 0}
.sample-profile dl>div{margin-top:.8rem}
.sample-profile dt{font-size:.8rem;font-weight:600;line-height:1.6}
.sample-profile dd{font-size:.85rem;margin:.15rem 0 0;line-height:1.7;color:var(--muted)}
.agreement-example{background:#fff;border:1px solid #dedede;padding:1.3rem 1.15rem;border-radius:.3rem;box-shadow:0 12px 30px -25px #25252560;min-width:0}
.agreement-example header{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.2rem}
.agreement-example header .eyebrow{margin:0;color:var(--support-plum);font-size:.7rem}
.example-label{font-size:.7rem;color:var(--muted)}
.agreement-example h3{font-size:clamp(1.65rem,4vw,2.1rem);letter-spacing:-.025em}
.agreement-example .agreement-condition{font-size:.95rem;margin-top:1rem}
.agreement-example dl{margin:1.2rem 0}
.agreement-example dl>div{border-top:1px solid var(--line);padding:.9rem 0}
.agreement-example dt{font-size:.875rem;font-weight:600;color:var(--ink);line-height:1.5;margin-bottom:.35rem}
.agreement-example dd{font-size:.875rem;line-height:1.7;color:var(--muted);margin:0}
.agreement-example dd strong{font-weight:400;color:var(--ink)}
.agreement-example footer{border-top:1px solid var(--line);padding-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.agreement-example footer>span{font-size:.7rem;line-height:1.6;color:var(--muted);max-width:20rem}
.agreement-example .ip-mark{opacity:.45;width:1.8rem;height:auto}
.product-afterword{display:grid;gap:.5rem;margin-top:1.5rem}
.product-afterword p{font-size:.875rem;line-height:1.7;max-width:44rem}
.product-afterword .text-link{font-size:.875rem;align-self:start}
.home .haiku-section{padding-top:2rem}
.relationship-pairs{display:grid;grid-template-columns:1fr;gap:0;margin:0 0 2.75rem;border-block:1px solid var(--line)}
.relationship-pairs article{padding:1.25rem .15rem;display:grid;grid-template-columns:5rem 1fr;gap:.4rem .9rem;align-items:baseline}
.relationship-pairs article+article{border-top:1px solid var(--line)}
.relationship-pairs h3{font:400 1.25rem/1.4 var(--serif);letter-spacing:-.03em;grid-row:1/3}
.relationship-pairs p{font-size:.875rem;line-height:1.6}
.relationship-pairs span{font-size:.75rem;color:var(--support-plum);line-height:1.5}
.method-pairs .relationship-pairs{margin-bottom:3rem}
.method-pairs+.method-intro .relationship-pairs{display:none}
.section-heading>div>p:not(.eyebrow){font-size:1rem;line-height:1.75}
.soft-panel{background:color-mix(in srgb,var(--support-pale-violet) 56%,white)}
.product-intro,.proposal-aside,.package-card:nth-child(2){background:color-mix(in srgb,var(--support-pale-violet) 32%,white)}
.button.secondary,.site-header nav .nav-contact{border-color:color-mix(in srgb,var(--signature-violet) 35%,white)}
.package-card:nth-child(2),.reference .bibliography{border-color:var(--support-pale-violet)}
.route-card .route-tiers,.proposal-meta>span:first-child,.three-principles>article>span,.tags span,.role-cards strong{color:var(--support-plum)}
.home #engagements{padding-top:2.75rem}
.home .service-heading{margin-top:0}
.engagement-outcome{display:grid;gap:1.2rem;margin-top:2.5rem;padding:1.75rem 0;border-block:1px solid var(--line)}
.engagement-outcome h3{font-size:1.6rem}
.engagement-outcome p{font-size:.95rem;line-height:1.75}
.engagement-outcome .eyebrow{font-size:.65rem}
.engagement-outcome+ .route-grid{margin-top:2.5rem}
.research-band>div p{font-size:.95rem}
.research-band .citation{margin-top:.5rem}
/* Contextual information is a deliberate click/tap, with a conventional link fallback. */
.context-trigger{color:var(--signature-violet);text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:.23em;cursor:pointer}
button.context-trigger{font:inherit;line-height:inherit;border:0;background:none;margin:0;padding:0;text-align:inherit;vertical-align:baseline;white-space:normal;border-radius:2px}
.term-trigger{white-space:nowrap}
.context-trigger:hover,.context-trigger[aria-expanded=true]{text-decoration-style:dotted;text-decoration-thickness:2px}
.text-link:not(.context-trigger){text-decoration-line:underline;text-decoration-style:solid;text-underline-offset:.23em;text-decoration-thickness:1px}
.context-trigger:focus-visible{outline-offset:3px}
.citation,button.citation{display:block;width:fit-content;max-width:100%;font:400 .8rem/1.6 var(--sans);min-height:44px;padding:.65rem 0;margin-top:.6rem;text-align:left}
.citation-numbers{white-space:nowrap}
.context-popover{display:none;position:fixed;inset:auto;left:1rem;right:1rem;bottom:1rem;width:auto;max-width:30rem;max-height:calc(100dvh - 2rem);margin:0 auto;padding:0;border:1px solid color-mix(in srgb,var(--support-dusty-violet) 38%,white);border-radius:1rem;color:var(--ink);background:#fff;box-shadow:0 15px 70px -15px #25252544;font-family:var(--sans);overflow:auto;overscroll-behavior:contain;z-index:50}
.context-popover:popover-open{display:block}
.context-popover.is-open{display:block}
.context-popover::backdrop{background:transparent}
.popover-header{position:sticky;top:0;z-index:1;display:flex;align-items:start;justify-content:space-between;gap:.8rem;padding:1.35rem 1.25rem 1rem;background:#fff;border-bottom:1px solid var(--line)}
.popover-header .eyebrow{display:block;font-size:.65rem;margin:0 0 .4rem;color:var(--support-plum)}
.context-popover .popover-header h2{font-size:1.5rem;line-height:1.3;letter-spacing:-.025em}
.popover-header h2:focus{outline:none}
.popover-close{flex-shrink:0;border:0;background:var(--support-pale-violet);color:var(--ink);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:1.55rem;line-height:1;padding:0}
.popover-close:hover{background:var(--card-silver)}
.popover-content{padding:1.2rem 1.25rem 1.1rem}
.popover-content p{font-size:.95rem;line-height:1.7;margin:0}
.popover-content p+p{margin-top:1rem}
.popover-content .popover-definition{font-size:1.08rem;color:var(--ink)}
.popover-content .popover-note{font-size:.8rem;background:color-mix(in srgb,var(--support-pale-violet) 48%,white);padding:.8rem 1rem;border-radius:.35rem;margin-top:1rem}
.popover-content .text-link{margin-top:.5rem;font-size:.875rem}
.source-note+.source-note{border-top:1px solid var(--line);margin-top:1rem;padding-top:1.5rem}
.source-note h3{font-size:1.1rem;line-height:1.5;letter-spacing:-.02em;margin-bottom:.7rem}
.source-note .source-detail{font-size:.78rem;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:619px){.relationship-pairs article{display:block}.relationship-pairs p{margin:.5rem 0}.relationship-pairs span{display:block}}
@media(min-width:620px){
 .hero h1{font-size:clamp(2.75rem,5vw,4rem)}
 .product-example{padding:2rem;gap:2rem}
 .agreement-example{padding:1.7rem}
 .agreement-example header{flex-direction:row;justify-content:space-between;align-items:center}
 .relationship-pairs{grid-template-columns:repeat(3,1fr);gap:1.5rem}
 .relationship-pairs article{display:block;padding:1.5rem 0}
 .relationship-pairs article+article{border-top:0}
 .relationship-pairs p{margin:.6rem 0}
 .context-popover{left:1rem;right:auto;bottom:auto;top:5rem;width:28rem;margin:0;max-height:calc(100dvh - 2rem)}
}
@media(min-width:801px){
 .hero{grid-template-columns:1fr 1fr;gap:3.5rem;padding:4rem 0}
 .hero h1{font-size:clamp(2.5rem,4.1vw,3.75rem);max-width:16ch}
 .hero-figure>img{height:35rem;aspect-ratio:auto;object-position:49% center}
 .hero-benefit{font-size:1.25rem}
 .hero-intro,.hero-definition{font-size:1rem}
 .hero .actions{flex-wrap:wrap}
 .hero .button{font-size:.8rem;padding:.95rem 1rem;gap:.8rem}
 .product-explainer{padding-block:6rem}
 .product-example{grid-template-columns:.95fr 1.05fr;align-items:center;gap:2.8rem;padding:2.5rem}
 .product-description{max-width:36rem}
 .product-afterword{grid-template-columns:1.4fr 1fr;gap:3rem;align-items:start}
 .product-afterword .text-link{justify-self:end}
 .agreement-example header{align-items:start}
 .engagement-outcome{grid-template-columns:1fr 1.45fr;gap:4rem}
}
@media(min-width:1101px){.agreement-example{padding:2rem}.agreement-example dt{font-size:.95rem}.agreement-example dd{font-size:.95rem}.product-example{gap:4rem}.hero-figure>img{height:37rem}}
@media(max-width:360px){.hero h1{font-size:2.05rem}.relationship-pairs article{grid-template-columns:4.6rem 1fr}.product-example{padding:.8rem}.agreement-example{padding:1.1rem .9rem}}
@media(prefers-reduced-motion:no-preference){.context-popover:popover-open{animation:context-appear 150ms ease-out}@keyframes context-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
@media print{.context-popover{display:none!important}.context-trigger{text-decoration:none;color:inherit}.product-example{break-inside:avoid;display:grid;grid-template-columns:1fr 1fr}.product-explainer{padding-block:1.5rem}.hero h1{font-size:32pt}.hero-figure>img{height:auto}.agreement-example{box-shadow:none}}