/* Hallmark · macrostructure: interactive manifesto · theme: existing identity
 * Hallmark · pre-emit critique: P5 H4 E4 S5 R4 V4.
 * Brand exceptions: burgundy section fill; prose response controls. */
@import url('tokens.css');
html,body{overflow-x:clip}html{scroll-padding-top:112px}body{padding-top:112px}h1,h2,h3,h4,.closing-statement{overflow-wrap:anywhere;min-width:0}h1 em,h2 em,.wordmark span{font-style:normal}
.masthead{position:fixed;z-index:100;top:20px;left:50%;transform:translateX(-50%);width:calc(100% - 64px);max-width:1000px;margin:0;padding:10px 12px 10px 20px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-nav);color:var(--ink);box-shadow:0 8px 32px var(--color-shadow);gap:16px;isolation:isolate}
.wordmark{font-size:36px;line-height:1;white-space:nowrap}.byline{font-size:14px;font-weight:600}.byline span{display:block;font-size:11px;font-weight:400;margin-top:3px}.masthead nav{position:relative;gap:0;isolation:isolate}.masthead nav a{position:relative;padding:12px 20px;white-space:nowrap;border-radius:var(--radius-pill);font-size:14px;line-height:20px;text-decoration:none}.masthead nav a:hover{background:var(--wash);text-decoration:none}.masthead nav a[aria-current]{color:var(--paper)}.masthead nav a[aria-current]:hover{background:transparent}.nav-indicator{position:absolute;z-index:-1;inset:0 auto 0 0;background:var(--wine);border-radius:var(--radius-pill);opacity:0;transform-origin:left center;transition:transform var(--dur-normal) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.nav-progress{position:absolute;bottom:-1px;left:24px;right:24px;height:2px;background:var(--wine);transform:scaleX(0);transform-origin:left;pointer-events:none}
.intro{padding-top:20px;padding-bottom:72px}.intro h1{font-size:clamp(72px,11.8vw,176px);line-height:.94;margin:40px 0 44px}.intro h1 em{display:inline-block;margin-left:14vw}.intro-bottom{border-top:0;padding-top:0;gap:32px}.subtitle{font-size:clamp(28px,3.2vw,44px)}.intro .text-link{align-self:end}
.text-link,.reveal-button,.next-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:8px 8px 8px 24px;border-radius:var(--radius-pill);text-decoration:none;white-space:nowrap;font-size:15px;font-weight:500;line-height:1.2;background:var(--wine);color:var(--paper);border:1px solid var(--wine);width:fit-content;position:relative}.text-link span{font-size:inherit}.text-link .cta-arrow{display:grid;place-items:center;width:36px;height:36px;background:var(--paper);color:var(--wine);border-radius:50%;font-size:24px;transition:transform var(--dur-normal) var(--ease-out)}.text-link:hover .cta-arrow{transform:rotate(45deg)}.text-link:active,.reveal-button:active,.next-button:active{transform:translateY(1px)}.reveal-button,.next-button{padding:16px 24px;background:var(--paper);color:var(--wine);border-color:var(--paper)}.reveal-button::after,.next-button::after{content:'↗';font-size:20px;transition:transform var(--dur-normal) var(--ease-out)}.reveal-button:hover::after,.next-button:hover::after{transform:translateX(4px)}.next-button{background:transparent;color:var(--paper)}.text-button{white-space:nowrap;min-height:44px;font-size:14px}.skip{z-index:110}.skip:focus{top:24px}
.decisions{margin:0 16px;border-radius:var(--radius-lg);padding:64px max(24px,calc(5vw - 16px)) 72px}.section-heading h2{font-size:clamp(44px,5.4vw,78px)}.section-heading h2 em{font-style:normal}.section-heading>.eyebrow{display:none}.section-heading>p:last-child{font-size:17px;line-height:1.65}.scenario-nav{padding:6px;border-radius:var(--radius-md);background:var(--color-hover-soft);gap:6px;border-color:var(--color-wine-line);margin-top:36px}.scenario-nav button{border-radius:14px;padding:14px 20px;white-space:nowrap}.scenario-nav button[aria-pressed=true]{box-shadow:0 4px 16px var(--color-shadow)}.case-grid{gap:5vw;padding-top:40px}.case-story{min-width:0}.case-story h3{font-size:clamp(36px,3.8vw,56px);line-height:1.12}.case-number{font-size:12px;letter-spacing:.1em}.pressures{margin-top:32px;padding-top:24px}.pressures dd{line-height:1.65}.choice{border-radius:var(--radius-md);padding:24px;transition:transform var(--dur-fast) var(--ease-out);position:relative;gap:16px}.choice:hover{transform:translateY(-2px);background:transparent}.choice[aria-pressed=true]:hover{background:var(--paper)}.choice-letter{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:30px;height:30px;font:14px var(--sans)}.choice strong{font-size:17px;line-height:1.4}.choice small{font-size:14px}.choice[aria-pressed=true] .choice-letter{background:var(--wine);color:var(--paper);border-color:var(--wine)}.selection-note{font-size:12px;margin:20px 0 0}.outcome{scroll-margin-top:120px;padding-top:28px}.outcome h4{line-height:1.2}.author-position{border-left:0;padding:28px 0 0;border-top:1px solid var(--color-wine-line)}.author-position h4{font-size:26px}.author-position .principle-link{display:inline-block;min-height:44px}.scenario-bottom{flex-wrap:wrap}.scenario-bottom .text-link{background:transparent;color:var(--paper);border-color:var(--paper);padding:16px 24px}
.principles{padding-top:88px}.principle-toolbar{margin-bottom:24px}.principle summary{padding:28px 16px;border-radius:var(--radius-sm)}.principle summary:hover{background:var(--wash)}.principle summary .plus{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:24px var(--sans);transition:transform var(--dur-normal) var(--ease-out)}.principle summary h3{font-size:clamp(28px,3.4vw,48px)}.principle-body{padding-top:20px;padding-left:84px}.principle[open]{padding-bottom:12px}.position{margin:0 16px;border-radius:var(--radius-lg);padding:72px max(24px,calc(5vw - 16px));align-items:start}.position-heading{position:sticky;top:124px}.position-heading .eyebrow{display:none}.position h2{font-size:clamp(48px,5.6vw,80px);line-height:1.05}.position-copy{font-size:18px}.position h2 em{font-style:normal}
footer.closing{margin:16px;border-radius:var(--radius-lg);background:var(--ink);color:var(--paper);display:block;padding:48px max(24px,calc(5vw - 16px)) 28px}.closing-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.closing-top p{font-size:16px;line-height:1.7}.closing .footer-cta{background:var(--paper);color:var(--wine);border-color:var(--paper)}.closing .footer-cta .cta-arrow{background:var(--wine);color:var(--paper)}.closing .closing-statement{font:clamp(64px,10vw,148px)/.98 var(--serif);letter-spacing:-.03em;margin:56px 0 48px}.closing-statement span{display:inline-block;margin-left:23vw}.closing-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;border-top:1px solid var(--color-wine-line);padding-top:28px;align-items:end}.footer-signature{font:28px var(--serif);text-decoration:none;white-space:nowrap}.footer-signature span{display:block;font:12px var(--sans);margin-top:12px}.closing nav{display:flex;flex-direction:column;align-items:start;gap:4px}.closing nav a{font-size:14px;text-decoration:none;min-height:36px;white-space:nowrap}.closing nav a:hover{text-decoration:underline;text-underline-offset:5px}.closing-bottom>p{font-size:12px;line-height:1.6}.closing :focus-visible{outline-color:var(--color-focus)}
.fade-in{animation:appear var(--dur-normal) var(--ease-out)}.principle[open] .principle-body{animation:appear var(--dur-normal) var(--ease-out)}
@media(max-width:900px){.byline{display:none}.masthead{max-width:560px}.masthead nav{margin-left:auto}.intro-bottom{grid-template-columns:1fr 1fr}.intro .text-link{grid-column:2;justify-self:start}.invitation{align-self:start}.position-heading{position:static}.closing-bottom{grid-template-columns:1fr auto}.closing-bottom>p{grid-column:1/-1}}
@media(max-width:760px){body{padding-top:100px}.masthead{top:16px;width:calc(100% - 32px);padding:8px 10px 8px 16px;gap:12px;flex-wrap:nowrap}.masthead nav{width:auto;gap:0}.masthead nav a{padding:12px 14px;font-size:13px}.wordmark{font-size:32px}.intro{padding:24px 6vw 56px}.intro h1{font-size:clamp(64px,13.6vw,104px);margin:36px 0}.intro h1 em{margin-left:0}.intro-bottom{grid-template-columns:1fr;gap:24px}.intro .text-link{grid-column:auto}.invitation{font-size:15px}.subtitle br{display:none}.subtitle{font-size:30px}.edition{font-size:11px}.decisions,.position{margin:0 8px;padding:40px 20px 48px;border-radius:24px}.case-grid{grid-template-columns:1fr;gap:32px}.scenario-nav button{padding:12px;gap:8px}.case-story h3{font-size:40px}.choice{padding:20px 16px}.principles{padding:56px 6vw}.principle summary{padding:24px 0;grid-template-columns:24px minmax(0,1fr) 32px;gap:12px}.principle summary h3{font-size:30px}.principle-body{padding:12px 0 24px 0}.principle-toolbar p{font-size:14px}.position{display:block}.position h2{font-size:48px}.position h2 br{display:none}.position-heading>p:last-child{margin:20px 0 36px}.position-copy{font-size:17px}.closing-top{align-items:start;flex-direction:column}.closing .closing-statement{font-size:clamp(54px,12vw,88px);margin:48px 0}.closing-statement span{margin-left:18vw}.closing-bottom{grid-template-columns:1fr;gap:28px}.closing-bottom>p{grid-column:auto}footer.closing{margin:8px;padding:36px 24px 28px;border-radius:24px}.closing nav{flex-direction:row;flex-wrap:wrap;gap:12px 24px}.footer-signature{font-size:26px}.text-link{grid-column:auto}.scenario-bottom{gap:12px}.position-copy p:last-child{font-size:28px}}
@media(max-width:380px){.masthead{width:calc(100% - 24px);gap:8px;padding:6px 8px 6px 12px}.masthead nav{width:auto;margin-left:auto}.masthead nav a{font-size:12px;padding:12px 10px}.wordmark{font-size:28px}.intro h1{font-size:13.5vw}.scenario-nav button{padding:12px 8px;font-size:13px}.decisions,.position{padding-inline:16px}.choice{grid-template-columns:26px minmax(0,1fr);gap:12px}.choice-letter{width:26px;height:26px}.choice strong{font-size:16px}.reveal-button,.next-button{font-size:14px;padding:14px 18px}.principle summary h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.choice:hover,.text-link:hover .cta-arrow,.reveal-button:hover::after,.next-button:hover::after{transform:none}}
@media print{body{padding-top:0}.masthead{position:static;transform:none}.position-heading{position:static}footer.closing{background:var(--paper);color:var(--ink)}}

/* Author feedback: enduring identity and uninterrupted principle list. */
details.principle,details.principle:last-child{border:0}.closing-statement span{margin-left:0}.masthead .byline{display:block;text-decoration:none;white-space:nowrap}
@media(max-width:600px){.masthead{border-radius:24px;flex-direction:column;gap:4px;padding:12px}.masthead .byline{font-size:16px;line-height:1.2}.masthead .byline span{display:none}.masthead nav{margin:0;width:100%;justify-content:center}.masthead nav a{padding:10px 16px}.nav-progress{left:20px;right:20px}body{padding-top:128px}html{scroll-padding-top:132px}}