/* THROWAWAY style studies. Layer scale: content 0, focused elements 1, controls 10, skip link 20.
   Motion only introduces hierarchy and acknowledges interaction. No scroll interception. */
@font-face{font-family:Bricolage;src:url('./assets/fonts/bricolage-grotesque.woff2') format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Manrope;src:url('./assets/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}:root{color-scheme:light;--paper:#ece9f6;--ink:#272039;--muted:#605970;--accent:#b83b29;--button:#b83b29;--button-text:#fff7f3;--line:#cdc7da;--raised:#f6f4fb;--puzzle:#e0daee;--control:#f9f8fc;--control-ink:#292333;--round:6px}:root[data-theme=dark]{color-scheme:dark;--paper:#211e2d;--ink:#f0eaf9;--muted:#c1b8cf;--accent:#ff9a7e;--button:#ff9a7e;--button-text:#302023;--line:#524a61;--raised:#2c273b;--puzzle:#3b334e;--control:#f9f8fc;--control-ink:#292333}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p,figure{margin:0}button{border:0;background:none}img{display:block;max-width:100%;height:auto}button:active,.primary:active{transform:scale(.98)}[hidden]{display:none!important}.skip{position:fixed;z-index:20;top:-100px;left:20px;background:var(--control);color:var(--control-ink);padding:12px}.skip:focus{top:10px}.navigation{max-width:1360px;margin:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 48px}.brand{display:flex;align-items:baseline;gap:18px;font:750 23px Bricolage,Arial,sans-serif;letter-spacing:-1px}.brand>span{font:11px Manrope,sans-serif;color:var(--muted);letter-spacing:0}.navigation nav{display:flex;align-items:center;gap:28px;font-size:12px}.navigation .resume{border:1px solid var(--line);padding:8px 15px;border-radius:var(--round)}.navigation .theme-toggle{font:600 12px Manrope,Arial,sans-serif;color:var(--ink);background:var(--raised);border:1px solid var(--line);padding:8px 14px;border-radius:var(--round);cursor:pointer;line-height:1;display:inline-flex;align-items:center;transition:border-color .15s ease,background .15s ease}.navigation .theme-toggle:hover{border-color:var(--accent)}main{max-width:1360px;margin:auto}.hero{position:relative}.name{font-size:11px;letter-spacing:.025em;color:var(--muted)}h1{font:750 clamp(42px,4.5vw,66px)/1.06 Bricolage,Arial,sans-serif;letter-spacing:-2.9px}h1>span{color:var(--accent)}.intro{max-width:370px;font-size:15px;line-height:1.8;color:var(--muted)}.primary{display:inline-flex;align-items:center;gap:35px;font-weight:700;font-size:12px;white-space:nowrap;background:var(--button);color:var(--button-text);padding:14px 22px;border-radius:var(--round);width:max-content}.primary:hover{text-decoration:none;filter:brightness(1.1)}.primary span{font:20px Arial}.puzzle{padding:24px;background:var(--raised);border-radius:var(--round);border:1px solid var(--line)}.puzzle-title-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.puzzle h2{font:700 18px/1.2 Bricolage,sans-serif;letter-spacing:-.3px}.puzzle-reset{font-size:10px;text-decoration:underline;text-underline-offset:3px;padding:8px}.puzzle>p{font-size:11px;color:var(--muted);margin-top:8px}.puzzle-play{display:grid;grid-template-columns:144px 1fr;gap:22px;align-items:center;margin-top:18px}.pieces{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;aspect-ratio:1}.piece{position:relative;aspect-ratio:1;background:var(--puzzle);border-radius:3px;overflow:hidden;border:1px solid transparent}.piece:hover{border-color:var(--accent)}.piece:focus-visible{outline-offset:0;z-index:1}.pipe-wrap{position:absolute;inset:0}.pipe{position:absolute;left:50%;top:50%;width:51%;height:51%;border-top:6px solid var(--accent);border-left:6px solid var(--accent);border-top-left-radius:18px;transform:translate(-3px,-3px)}.puzzle-status{font-size:12px;line-height:1.5;font-weight:700}.solved .piece{background:var(--paper);border-color:var(--accent)}.solved .puzzle-status{color:var(--accent)}.work{margin:20px 48px 0;padding:48px 0 30px;border-top:1px solid var(--line)}.work>h2{font:650 32px/1.2 Bricolage,sans-serif;letter-spacing:-1px;margin-bottom:30px}.project-list details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 1.3fr 20px;gap:30px;align-items:center;padding:21px 0}summary::-webkit-details-marker{display:none}.project-name{font:650 23px Bricolage,sans-serif;letter-spacing:-.6px}.project-short{font-size:12px;color:var(--muted)}.disclosure{font-size:22px;color:var(--accent)}details[open] .disclosure{transform:rotate(45deg)}.project-detail{padding:0 0 23px;max-width:580px;font-size:13px;color:var(--muted)}.stack{font-size:10px;margin-top:10px}.about{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:26px;margin:30px 48px 0;padding:25px 0 45px}.about img{width:76px;height:76px;object-fit:cover;border-radius:var(--round)}.about h2{font:650 20px Bricolage,sans-serif;margin-bottom:8px}.about p{font-size:12px;color:var(--muted);max-width:570px}.about>a{font-weight:650;font-size:12px}.about>a>span{color:var(--accent);margin-left:20px}footer{display:flex;justify-content:space-between;gap:20px;max-width:1264px;margin:0 auto;padding:35px 48px 45px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.project-detail p+p{margin-top:12px}/* Homepage: expressive poster typography beside the loop puzzle. */
.direction-a .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;padding:65px 48px 48px;align-items:center}.direction-a .introduction{padding-bottom:50px}.direction-a h1{font-size:clamp(40px,4.6vw,66px);line-height:1.07;margin:28px 0 25px;font-variation-settings:'wdth' 85}.direction-a h1>span{display:inline-block;transform:rotate(-2deg);transform-origin:left}.direction-a .primary{margin-top:28px;transform:rotate(-2deg);box-shadow:4px 4px 0 var(--ink)}.direction-a .primary:active{transform:rotate(0) translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.direction-a .puzzle{margin-top:10px}.direction-a .work{margin-top:0}.direction-a .project-name{transform:rotate(-1deg)}@media(prefers-reduced-motion:no-preference){.introduction{animation:introduce .55s cubic-bezier(.16,1,.3,1) both}.pipe-wrap{transition:transform .32s cubic-bezier(.2,.9,.25,1.15)}.primary,.disclosure{transition:transform .2s ease,box-shadow .2s ease}.solved .pieces{animation:solved .4s ease both}@keyframes introduce{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes solved{50%{transform:scale(1.035)}100%{transform:scale(1)}}}
@media(min-width:1600px){.direction-a h1{font-size:66px}}
@media(max-width:1100px){.navigation{padding-inline:30px}.brand>span{display:none}.direction-a .hero{padding:45px 30px 30px;gap:28px;grid-template-columns:1.12fr 1fr}.direction-a h1{font-size:48px}.direction-a .introduction{padding-bottom:20px}.work{margin-inline:30px}.about{margin-inline:30px}footer{margin-inline:30px}.puzzle-play{grid-template-columns:120px 1fr;gap:16px}.puzzle{padding:18px}}
@media(max-width:767px){.navigation{padding-inline:22px;min-height:70px;gap:15px}.brand{font-size:21px;white-space:nowrap}.navigation nav{gap:14px;font-size:10px}.navigation nav>a.nav-home{display:none}.navigation .resume{padding:7px 10px}.navigation .theme-toggle{padding:7px 10px;font-size:10px}.name{font-size:10px}h1{letter-spacing:-2px}.intro{font-size:13px;max-width:350px}.direction-a .hero{grid-template-columns:1fr;padding:32px 22px 0;gap:28px}.direction-a .introduction{padding-bottom:0}.direction-a h1{font-size:clamp(34px,7.7vw,54px);margin:22px 0 20px;letter-spacing:-1.5px}.direction-a .primary{margin-top:24px}.direction-a .puzzle{margin-bottom:20px}.work{margin:28px 22px 0;padding:32px 0 20px}.work>h2{font-size:27px;margin-bottom:18px}summary{grid-template-columns:1fr 20px;gap:7px;padding:20px 0}.project-short{grid-column:1;grid-row:2;font-size:11px}.disclosure{grid-column:2;grid-row:1 / span 2}.project-name{font-size:23px}.project-detail{font-size:12px}.about{margin:10px 22px 0;padding:22px 0 30px;grid-template-columns:56px 1fr;gap:17px}.about img{width:56px;height:56px}.about h2{font-size:19px;line-height:1.3}.about p{font-size:11px}.about>a{grid-column:2;width:max-content;font-size:11px}.about>a>span{margin-left:14px}footer{margin-inline:22px;padding-bottom:125px;font-size:9px}.puzzle-play{grid-template-columns:132px 1fr;gap:16px}.puzzle h2{font-size:17px}.puzzle{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* A / September refinement. Opaque pigment colors, solid offsets, short responsive gestures.
   B and C retain their earlier appearance for comparison. */
:root[data-study=A]{--paper:#f4f5f0;--ink:#172d34;--muted:#536168;--accent:#b9341d;--button:#ef4b2a;--button-text:#172d34;--line:#c9cec7;--raised:#fffef8;--puzzle:#e7eae2;--blue:#2346cf;--tile:#2346cf;--pipe:#fffef8;--control:#fffef8;--control-ink:#172d34}:root[data-study=A][data-theme=dark]{--paper:#142b31;--ink:#f4f5f0;--muted:#b5c6c6;--accent:#ff8768;--button:#ff7955;--button-text:#142b31;--line:#466167;--raised:#1c363c;--puzzle:#28434a;--blue:#a4bbff;--tile:#2346cf;--pipe:#fffef8;--control:#f4f5f0;--control-ink:#172d34}.direction-a .navigation{min-height:94px}.direction-a .brand{letter-spacing:-.8px}.direction-a .navigation nav>a{position:relative;padding-block:11px}.direction-a .navigation nav>a:not(.resume):after,.direction-a .about>a:after{content:'';position:absolute;left:0;bottom:6px;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:right}.direction-a .navigation nav>a:hover,.direction-a .about>a:hover{text-decoration:none}.direction-a .navigation nav>a:is(:hover,:focus-visible):after,.direction-a .about>a:is(:hover,:focus-visible):after{transform:scaleX(1);transform-origin:left}.direction-a .hero{padding-top:60px;padding-bottom:65px;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center}.direction-a .introduction{padding-bottom:14px;animation:none}.direction-a .name{font-size:12px}.direction-a h1{font-size:clamp(76px,8.1vw,116px);line-height:.96;letter-spacing:-4px;margin:26px 0 30px;font-variation-settings:'wdth' 95}.direction-a h1>span{color:var(--blue);transform:rotate(-3deg);padding-bottom:7px}.direction-a .intro{font-size:16px;max-width:385px;line-height:1.8}.direction-a .primary{position:relative;isolation:isolate;gap:42px;min-height:64px;margin-top:32px;padding:17px 25px;font-size:14px;border:2px solid var(--edge);border-radius:5px;box-shadow:5px 6px 0 var(--shadow);transform:rotate(-2deg);filter:none}.direction-a .primary:is(:hover,:focus-visible){filter:none;transform:translate(-1px,-2px) rotate(-3deg);box-shadow:6px 8px 0 var(--shadow)}.direction-a .primary:active{transform:translate(4px,5px) rotate(-1deg);box-shadow:1px 1px 0 var(--shadow)}.direction-a .button-arrow{position:relative;display:block;overflow:hidden;width:28px;height:28px}.direction-a .button-arrow>span{position:absolute;inset:0;font:27px/28px Arial;text-align:center}.direction-a .button-arrow>span:last-child{transform:translate(-110%,110%)}.direction-a .primary:is(:hover,:focus-visible) .button-arrow>span:first-child{transform:translate(110%,-110%)}.direction-a .primary:is(:hover,:focus-visible) .button-arrow>span:last-child{transform:translate(0,0)}.direction-a .mechanism{position:relative;padding:12px 18px 18px 4px;perspective:1000px}.direction-a .mechanism:before{content:'';position:absolute;inset:20px 8px 8px 14px;background:var(--shadow);border-radius:9px;transform:rotate(3deg)}.direction-a .mechanism-surface{position:relative;border:2px solid var(--edge);background:var(--raised);border-radius:9px;transform:rotate(3deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d}.direction-a .puzzle{border:0;background:none;margin:0;padding:26px 28px 20px;border-radius:0}.direction-a .puzzle h2{font-size:24px;letter-spacing:-.5px}.direction-a .puzzle-reset{font-size:12px;min-height:44px;min-width:44px;text-decoration:none;border:1px solid var(--line);border-radius:50%;padding:7px}.direction-a .puzzle-reset:hover{background:var(--puzzle)}.direction-a .puzzle>p{font-size:12px;margin-top:3px}.direction-a .puzzle-play{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-top:23px}.direction-a .pieces{gap:7px;width:100%;max-width:340px;margin:auto;isolation:isolate}.direction-a .piece{background:var(--tile);border:0;border-radius:8px;box-shadow:0 3px 0 var(--shadow);overflow:hidden;transform:translateY(0)}.direction-a .piece:nth-child(2),.direction-a .piece:nth-child(3){background:var(--button)}.direction-a .pipe{border-color:var(--pipe);border-top-width:14px;border-left-width:14px;border-top-left-radius:36px;transform:translate(-7px,-7px)}.direction-a .piece:nth-child(2) .pipe,.direction-a .piece:nth-child(3) .pipe{border-color:var(--button-text)}.direction-a .piece:hover{transform:translateY(-3px)}.direction-a .piece:active{transform:translateY(2px);box-shadow:0 1px 0 var(--shadow)}.direction-a .piece:focus-visible{outline:3px solid var(--ink);outline-offset:3px;z-index:1}.direction-a .puzzle-status{font-size:12px;font-weight:650}.direction-a .solved .piece{border:0}.direction-a .solved .piece:nth-child(n){background:var(--tile)}.direction-a .solved .piece:nth-child(n) .pipe{border-color:var(--pipe)}.direction-a .solved .puzzle-status{color:var(--accent)}.direction-a .corner-mark{position:absolute;right:-8px;top:17px;width:27px;height:8px;background:var(--button);transform:rotate(-30deg);pointer-events:none}.direction-a .corner-mark:after{content:'';position:absolute;width:8px;height:8px;background:var(--blue);left:7px;top:-17px;border-radius:50%}.direction-a .work{padding-top:36px}.direction-a .work>h2{font-size:34px;margin-bottom:24px}.direction-a summary{position:relative;min-height:90px;padding:25px 0;isolation:isolate}.direction-a summary:before{content:'';position:absolute;inset:0 -14px;background:var(--puzzle);opacity:0;transform:scaleY(.75);transform-origin:50% 100%;z-index:-1;border-radius:4px}.direction-a summary:is(:hover,:focus-visible):before{opacity:1;transform:scaleY(1)}.direction-a .project-name{font-size:27px;transform:none;color:var(--ink)}.direction-a .project-short{font-size:13px}.direction-a .disclosure{font-size:29px;line-height:1;color:var(--blue);transform:rotate(-90deg)}.direction-a details[open] .disclosure{transform:rotate(45deg)}.direction-a .project-detail{font-size:15px;max-width:650px;line-height:1.85;padding:6px 0 28px}.direction-a .project-detail .stack{font-size:11px;margin-top:17px}.direction-a .about{margin-top:45px;padding-bottom:52px}.direction-a .about img{border-radius:5px;filter:grayscale(1);transform:rotate(-3deg)}.direction-a .about p{font-size:13px}.direction-a .about>a{position:relative;padding-block:12px}@media(prefers-reduced-motion:no-preference){.direction-a .navigation nav>a:after,.direction-a .about>a:after{transition:transform 380ms cubic-bezier(.22,1,.36,1)}.direction-a .primary{transition:transform 420ms cubic-bezier(.22,1.25,.36,1),box-shadow 420ms cubic-bezier(.22,1,.36,1)}.direction-a .primary:active{transition-duration:65ms}.direction-a .button-arrow>span{transition:transform 780ms cubic-bezier(.45,0,.2,1)}.direction-a .button-arrow>span:last-child{transition-delay:90ms}.direction-a .mechanism-surface{transition:transform 180ms cubic-bezier(.2,.8,.2,1)}.direction-a .pipe-wrap{transition:transform 430ms cubic-bezier(.2,1.35,.35,1)}.direction-a .piece{transition:transform 160ms cubic-bezier(.2,.8,.2,1),box-shadow 100ms ease}.direction-a .piece:active{transition-duration:65ms}.direction-a summary:before{transition:opacity 180ms ease,transform 380ms cubic-bezier(.22,1,.36,1)}.direction-a .disclosure{transition:transform 440ms cubic-bezier(.22,1.25,.36,1)}.direction-a .about>a>span{display:inline-block;transition:transform 480ms cubic-bezier(.22,1.25,.36,1)}.direction-a .about>a:is(:hover,:focus-visible)>span{transform:translate(3px,-3px)}.direction-a .solved .pieces{animation:none}}
@media(max-width:1100px){.direction-a .hero{gap:36px;padding-top:45px}.direction-a h1{font-size:88px}.direction-a .puzzle{padding:18px}.direction-a .puzzle h2{font-size:22px}.direction-a .pieces{max-width:300px}.direction-a .puzzle>p{max-width:220px}}
@media(max-width:767px){.direction-a .navigation{min-height:78px}.direction-a .hero{grid-template-columns:1fr;gap:43px;padding:30px 22px 36px}.direction-a h1{font-size:clamp(72px,22vw,112px);letter-spacing:-3px;margin-block:23px 25px}.direction-a .name{font-size:10px}.direction-a .intro{font-size:15px;max-width:345px}.direction-a .primary{margin-top:25px;font-size:13px;min-height:61px}.direction-a .mechanism{max-width:450px;width:100%;margin:auto;padding:8px 13px 13px 0}.direction-a .puzzle{padding:19px 20px 13px}.direction-a .puzzle h2{font-size:23px}.direction-a .puzzle>p{max-width:none;font-size:11px}.direction-a .puzzle-play{margin-top:18px;gap:13px}.direction-a .pieces{max-width:340px}.direction-a .pipe{border-width:12px;transform:translate(-6px,-6px)}.direction-a .puzzle-status{font-size:11px}.direction-a .work{padding-top:28px;margin-top:13px}.direction-a .work>h2{font-size:28px}.direction-a summary{min-height:96px;padding-block:22px}.direction-a .project-name{font-size:25px}.direction-a .project-short{font-size:11px}.direction-a .project-detail{font-size:14px;line-height:1.8}.direction-a .about{margin-top:25px}.direction-a .about p{font-size:12px}}
@media(hover:none),(pointer:coarse){.direction-a .primary:hover{transform:rotate(-2deg);box-shadow:5px 6px 0 var(--shadow)}.direction-a .primary:active{transform:translate(4px,5px) rotate(-1deg);box-shadow:1px 1px 0 var(--shadow)}.direction-a .piece:hover{transform:none}.direction-a .piece:active{transform:translateY(2px)}}
@media(prefers-reduced-motion:reduce){.direction-a .mechanism-surface{transform:rotate(3deg)}.direction-a .piece:hover{transform:none}.direction-a .primary:is(:hover,:focus-visible){transform:rotate(-2deg)}.direction-a .button-arrow>span{transition:none}.direction-a .primary:is(:hover,:focus-visible) .button-arrow>span:first-child{transform:none}.direction-a .primary:is(:hover,:focus-visible) .button-arrow>span:last-child{transform:translate(-110%,110%)}}
/* Keep the mechanism wordless while retaining instructions and feedback for assistive technology. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.direction-a .puzzle-title-row{justify-content:flex-end}.direction-a .puzzle-reset{font:26px/1 Arial;color:var(--muted);border-color:transparent}.direction-a .puzzle-reset:is(:hover,:focus-visible){color:var(--ink);border-color:var(--line)}.direction-a .puzzle-play{margin-top:8px;margin-bottom:12px}.direction-a .puzzle-reset>span{display:block}@media(prefers-reduced-motion:no-preference){.direction-a .puzzle-reset>span{transition:transform 650ms cubic-bezier(.45,0,.2,1)}.direction-a .puzzle-reset:is(:hover,:focus-visible)>span{transform:rotate(-60deg)}}
footer a[href="#main"]{text-decoration:underline}/* Pre-JS defaults = paletteTokens(chalk); keeps first paint identical to the hydrated page. */
:root[data-study=A]{--paper:#f4f5f0;--ink:#172d34;--muted:#556569;--accent:#c64329;--button:#ef4b2a;--button-text:#111a1e;--line:#bdc3c1;--raised:#f9faf7;--puzzle:#e6e8e4;--blue:#2346cf;--tile:#2346cf;--pipe:#fffef8;--edge:#172d34;--shadow:#172d34}:root[data-study=A][data-theme=dark]{color-scheme:dark;--paper:#142b31;--ink:#f4f5f0;--muted:#b5bcbb;--accent:#f15f41;--button:#ef4b2a;--button-text:#111a1e;--line:#4c5e61;--raised:#1f353a;--puzzle:#23383d;--blue:#748ae1;--tile:#2346cf;--pipe:#fffef8;--edge:#a6aead;--shadow:#0a1619}@media (prefers-color-scheme:dark){:root[data-study=A]:not([data-theme=light]){color-scheme:dark;--paper:#142b31;--ink:#f4f5f0;--muted:#b5bcbb;--accent:#f15f41;--button:#ef4b2a;--button-text:#111a1e;--line:#4c5e61;--raised:#1f353a;--puzzle:#23383d;--blue:#748ae1;--tile:#2346cf;--pipe:#fffef8;--edge:#a6aead;--shadow:#0a1619}}
.piece[data-turn="1"] .pipe-wrap{transform:rotate(90deg)}.piece[data-turn="2"] .pipe-wrap{transform:rotate(180deg)}.piece[data-turn="3"] .pipe-wrap{transform:rotate(270deg)}/* Phone type floor: nothing readable below 13px. Also drops the footer padding the old study switcher needed. */
@media (max-width:767px){
  .direction-a .navigation nav{font-size:13px;gap:12px}
  .direction-a .navigation .theme-toggle,.direction-a .navigation .resume{font-size:13px}
  .direction-a .project-short,.direction-a .project-detail .stack{font-size:13px}
  .direction-a .about p{font-size:15px}
  .direction-a .about>a{font-size:14px}
  .direction-a footer{font-size:13px;padding-bottom:32px}
}
/* Very narrow phones: links get their own row rather than shrinking below the type floor. */
@media (max-width:419px){
  .direction-a .navigation{flex-wrap:wrap;row-gap:12px;padding-block:14px}
  .direction-a .navigation nav{width:100%;justify-content:space-between;gap:8px}
}
/* Work stories: one-line outcome under each title (visible without expanding) and proof links. */
.direction-a summary{row-gap:8px}
.direction-a .project-outcome{grid-column:1 / span 2;grid-row:2;font-size:15px;line-height:1.5;color:var(--ink);max-width:680px}
.direction-a .disclosure{grid-column:3;grid-row:1 / span 2}
.direction-a .project-detail .links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px;font-size:13px}
.direction-a .project-detail .links a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){
  .direction-a summary{row-gap:4px}
  .direction-a .project-outcome{grid-column:1;grid-row:3;font-size:14px}
  .direction-a .disclosure{grid-column:2;grid-row:1 / span 3}
}
/* Footer shares the content column: 48px gutters, capped at 1264px of content. */
.direction-a footer{max-width:none;margin-inline:max(48px,calc((100% - 1264px) / 2));padding-inline:0}
@media (max-width:1100px){.direction-a footer{margin-inline:30px}}
@media (max-width:767px){.direction-a footer{margin-inline:22px}}
/* Puzzle: say what it is, show the payoff, and keep it from eating a whole phone screen. */
.direction-a .puzzle-title-row{align-self:stretch;width:100%}.direction-a .puzzle-hint{flex:1;margin:0;font-size:14px;color:var(--muted)}
.direction-a .puzzle-status{min-height:1.5em;margin-top:10px;font-size:14px}
@media (max-width:767px){.direction-a .mechanism{max-width:300px}}
/* Work rows after the employer/category labels were removed. */
.direction-a summary { grid-template-columns: minmax(0, 1fr) 20px; }
.direction-a .project-name { grid-column: 1; grid-row: 1; }
.direction-a .project-outcome { grid-column: 1; grid-row: 2; }
.direction-a .disclosure { grid-column: 2; grid-row: 1 / span 2; justify-self: end; }