@scope (.case-content) {
:scope{--paper:#fafaf7;--ink:#20231f;--muted:#71766d;--line:#dcded5;--lime:#d4ed31}*{box-sizing:border-box}html{scroll-behavior:smooth}:scope{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 "DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #789000;outline-offset:6px}.page{max-width:1240px;margin:auto;padding:0 64px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.mono{font:10px/1.6 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:14px;font-weight:700}.dot{display:inline-block;width:10px;height:10px;background:var(--case-accent);margin-right:10px}nav{display:flex;align-items:center;gap:28px;font-size:12px}nav a:hover{color:#687800}.contact{border-bottom:1px solid var(--ink)}.hero{padding:62px 0 50px;position:relative}.overline{display:flex;justify-content:space-between}.intro{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:center}.greeting{margin:40px 0 8px;color:var(--muted);font-size:17px}h1{font-size:clamp(50px,6.5vw,88px);font-weight:500;letter-spacing:-.075em;line-height:1.05;margin:0 0 24px}h1 span{color:#85897e}.role{font-size:13px;font-weight:500}.lede{font-size:21px;line-height:1.5;letter-spacing:-.025em;max-width:510px;margin:25px 0 16px}.bio{max-width:485px;color:var(--muted);font-size:14px}.portrait{position:relative;margin:22px -15px 0 0}.portrait:before{content:' ';position:absolute;inset:20% 2% 12%;background:radial-gradient(#daddcb 1px,transparent 1px);background-size:12px 12px;border-radius:50%;z-index:-1}.portrait img{width:100%;display:block}.portrait figcaption{font:10px 'IBM Plex Mono',monospace;text-align:right;color:var(--muted)}.actions{display:flex;gap:24px;align-items:center;margin-top:28px;font-size:12px}.button{background:var(--case-accent);padding:12px 18px;border-radius:3px;font-weight:600}.bottomline{display:flex;justify-content:space-between;align-items:center;margin-top:42px;padding-top:20px;border-top:1px solid var(--line)}section.work{padding:40px 0 60px;border-top:1px solid var(--ink)}.sectionhead{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 24px}h2{font-size:29px;font-weight:500;letter-spacing:-.04em;margin:0}.sectionhead p{margin:0}.row{display:grid;grid-template-columns:1fr 1fr 34px;gap:26px;padding:27px 0;border-top:1px solid var(--line);align-items:center;transition:background .2s,padding .2s}.row:hover{background:#f0f2e8;padding-left:12px;padding-right:12px}.row h3{font-size:19px;font-weight:500;letter-spacing:-.025em;margin:0}.row p{font-size:13px;color:var(--muted);margin:0;max-width:370px}.arrow{width:32px;height:32px;background:var(--case-accent);display:grid;place-items:center;font-size:19px;border-radius:3px}.projecttype{display:block;margin-top:6px;font:9px 'IBM Plex Mono',monospace;color:var(--muted);letter-spacing:.04em}.note{padding-top:18px;margin:0}.creative{padding:0 0 58px}.book{display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid var(--line);margin-top:22px;background:#f3f2eb}.book img{width:100%;height:240px;object-fit:contain}.bookcopy{padding:30px}.book h3{font-size:25px;font-weight:500;letter-spacing:-.04em;margin:10px 0}.book p{font-size:13px;color:var(--muted)}.experience{border-top:1px solid var(--line);padding:38px 0 50px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.experience p{color:var(--muted);margin:0 0 16px;font-size:14px}footer{background:var(--ink);color:var(--paper);padding:44px 38px 25px;margin:0 -38px}footer h2{font-size:39px;margin:12px 0 25px}footer .mono{color:#b4b8aa}.footerline{display:flex;justify-content:space-between;border-top:1px solid #484c43;padding-top:20px;margin-top:40px;font-size:11px}.stamp{padding:16px 0;text-align:center;font:9px 'IBM Plex Mono',monospace;color:var(--muted);letter-spacing:.08em}.smalllink{text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.page{padding:0 22px}header{height:72px}nav{gap:16px}nav .optional{display:none}.hero{padding-top:30px}.overline{gap:20px;font-size:9px}.intro{grid-template-columns:1fr}.greeting{margin-top:30px}h1{font-size:59px}.lede{font-size:20px}.portrait{width:230px;position:relative;justify-self:center;margin:0}.bottomline{gap:20px;margin-top:25px}.sectionhead{display:block}.sectionhead p{margin-top:8px}.row{grid-template-columns:1fr 32px;gap:10px}.row p{grid-row:2;grid-column:1}.arrow{grid-row:1 / 3;grid-column:2}.book,.experience{grid-template-columns:1fr;gap:20px}.bookcopy{padding-top:0}.book img{height:200px}footer{margin:0 -12px;padding:28px 20px}.footerline{gap:20px}.experience{padding-bottom:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.row{transition:none}}

/* Centered introduction and shared page system */
:scope{overflow-x:clip}.page{max-width:1240px;border:0;padding:0 64px}.site-header{width:100%;max-width:none;margin:0;padding:0 max(64px,calc((100% - 1112px)/2));height:80px;border:0}nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.brand{white-space:nowrap}
.hero{--hero-inset:0px;width:calc(100% - var(--hero-inset) * 2);margin:0 auto;min-height:calc(100svh - 80px);padding:64px 32px 96px;display:flex;align-items:center;justify-content:center;text-align:center;background:#f0f1e8;border-radius:var(--hero-radius,0px);position:relative;isolation:isolate}
.hero:before{content:'';position:absolute;width:110px;height:3px;background:var(--case-accent);top:32px;left:calc(50% - 55px)}
.hero-copy{max-width:890px;margin:auto}.hero-label{font-size:10px;margin:0 0 27px;letter-spacing:.11em}
h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.045em}.hero h1{margin:0 0 28px;line-height:1.03}.hero h1 .hello{display:block;font-size:clamp(28px,3.2vw,43px);font-style:italic;color:var(--ink);letter-spacing:-.025em;margin-bottom:8px}.hero h1 .name{display:block;font-size:clamp(60px,8.4vw,118px);color:var(--ink)}.hero h1 .name-dot{color:#829718}
.hero-lede{max-width:675px;margin:0 auto;font-size:17px;line-height:1.75;color:#555c51}.hero-note{font-size:17px;line-height:1.7;color:var(--ink);margin:16px auto 0}.actions{justify-content:center;gap:30px;margin-top:29px}.button{display:inline-flex;gap:26px;align-items:center;color:var(--ink);padding:13px 20px}.text-link{display:inline-flex;gap:20px;font-size:13px;border-bottom:1px solid #a3aa98;padding-bottom:3px}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:20px;align-items:center;white-space:nowrap;font-size:9px}
.work-content{padding-top:90px}.work-content .work{border-top:0;padding-top:0}.sectionhead{gap:24px}.sectionhead h2{font-size:34px}.creative{padding-top:15px;padding-bottom:90px}.work{scroll-margin-top:35px}
footer{margin:0;background:#20231f;padding:70px 0 26px}.footer-inner{max-width:1240px;margin:auto;padding:0 64px}footer h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(38px,5.6vw,70px);line-height:1.12;letter-spacing:-.025em;margin:20px 0 28px}.footerline{gap:24px;flex-wrap:wrap}
.reveal-title{transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}.reveal-title.is-pending{opacity:0;transform:translateY(25px);filter:blur(3px)}
.about-main{padding-top:65px;padding-bottom:40px}.about-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding:35px 0 80px}.about-intro h1{font-size:clamp(40px,4.5vw,64px);line-height:1.08;margin:20px 0 25px}.about-intro h1 em{font-weight:400;color:#667056}.about-lede{font-size:17px;color:#606659;max-width:550px}.about-photo{margin:0}.about-photo img{width:100%;display:block;aspect-ratio:1.15;object-fit:cover}.about-photo figcaption{margin-top:14px;font-size:9px}.about-section{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px;padding:54px 0 62px;border-top:1px solid var(--line)}.section-label{padding-top:10px}.about-section h2{font-size:33px;line-height:1.25;letter-spacing:-.035em;margin:0 0 24px}.about-section p{color:#606659;margin:0 0 19px;font-size:15px;line-height:1.85}.career-row{display:grid;grid-template-columns:110px 1fr;gap:20px;border-top:1px solid var(--line);padding:19px 0}.career-row>span{font:11px 'IBM Plex Mono',monospace;color:var(--muted);padding-top:6px}.career-row h3{margin:0;font-size:16px;font-weight:500}.career-row p{font-size:12px;margin:4px 0 0}.education{padding-top:25px;font-size:13px!important}.education strong{color:var(--ink)}
@media(max-width:700px){.site-header{height:72px;padding:0 22px}nav{gap:17px;font-size:11px}.brand{font-size:12px}.page{padding-left:22px;padding-right:22px}.hero{min-height:calc(100svh - 72px);padding:70px 22px 88px}.hero-label{font-size:8px;max-width:265px;margin:0 auto 23px}.hero h1 .name{font-size:clamp(48px,11.5vw,76px)}.hero h1 .hello{font-size:29px}.hero h1{margin-bottom:23px}.hero-lede,.hero-note{font-size:15px;line-height:1.7}.hero-note{margin-top:15px}.desktop-break{display:none}.actions{gap:22px;font-size:12px;flex-wrap:wrap}.button{padding:12px 16px;gap:14px}.work-content{padding-top:62px}.sectionhead h2{font-size:28px}.footer-inner{padding:0 24px}footer{margin:0;padding:54px 0 24px}.footerline{font-size:10px}.about-main{padding-top:30px}.about-intro{grid-template-columns:1fr;gap:30px;padding:20px 0 50px}.about-intro h1{font-size:43px}.about-photo{max-width:420px}.about-section{grid-template-columns:1fr;gap:20px;padding:32px 0 40px}.about-section h2{font-size:29px}.career-row{grid-template-columns:90px 1fr;gap:12px}.creative{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.reveal-title,.reveal-title.is-pending{opacity:1;transform:none;filter:none;transition:none}.hero{width:100%;border-radius:0}}

.inline-link{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}

/* Quiet interactive field; the hero stays full-width during natural scrolling. */
.hero{width:100%;border-radius:0;overflow:hidden}
.hero-dots{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;mask-image:radial-gradient(ellipse 38% 43% at 50% 48%,rgba(0,0,0,.12),rgba(0,0,0,.22) 68%,#000 115%);-webkit-mask-image:radial-gradient(ellipse 38% 43% at 50% 48%,rgba(0,0,0,.12),rgba(0,0,0,.22) 68%,#000 115%)}
.hero-copy,.scroll-cue{position:relative;z-index:1}.scroll-cue{position:absolute}
@media(max-width:700px){.hero-dots{mask-image:radial-gradient(ellipse 65% 45% at 50% 47%,rgba(0,0,0,.08),rgba(0,0,0,.22) 75%,#000 130%);-webkit-mask-image:radial-gradient(ellipse 65% 45% at 50% 47%,rgba(0,0,0,.08),rgba(0,0,0,.22) 75%,#000 130%)}}

/* Bring the interaction into the reading area without sacrificing text contrast. */
.hero-dots{mask-image:radial-gradient(ellipse 43% 47% at 50% 48%,rgba(0,0,0,.58) 0%,rgba(0,0,0,.78) 70%,rgba(0,0,0,.2) 115%);-webkit-mask-image:radial-gradient(ellipse 43% 47% at 50% 48%,rgba(0,0,0,.58) 0%,rgba(0,0,0,.78) 70%,rgba(0,0,0,.2) 115%)}
.resume-line{display:flex;align-items:center;gap:16px;margin:12px 0 0;font-size:10px}.resume-pending{color:#51594a;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a1aa92;cursor:default}.resume-status{font-size:8px;color:var(--muted)}
@media(max-width:700px){.hero-dots{mask-image:radial-gradient(ellipse 65% 50% at 50% 48%,rgba(0,0,0,.48),rgba(0,0,0,.65) 75%,rgba(0,0,0,.15) 130%);-webkit-mask-image:radial-gradient(ellipse 65% 50% at 50% 48%,rgba(0,0,0,.48),rgba(0,0,0,.65) 75%,rgba(0,0,0,.15) 130%)}}

.site-header{gap:24px}.site-header nav{margin-left:auto}.language-picker{display:flex;align-items:center;border-left:1px solid var(--line);padding-left:17px}.language-picker select{font:11px 'IBM Plex Mono',monospace;color:var(--ink);border:0;background:transparent;cursor:pointer;padding:7px 3px;min-height:34px}.language-picker select:focus-visible{outline:2px solid #789000;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.site-header{gap:10px;padding:0 18px}.site-header nav{gap:12px;font-size:10px}.language-picker{padding-left:8px}.language-picker select{font-size:10px}.brand{font-size:11px}html[lang="pt-BR"] .hero-label{max-width:290px}}
@media(max-width:360px){.site-header{padding:0 12px;gap:8px}.site-header nav{gap:8px}.language-picker{padding-left:5px}}

.career-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:25px}.resume-action{display:flex;align-items:center;gap:12px}.resume-button{font:500 12px "DM Sans",Arial,sans-serif;border:1px solid var(--line);background:#edf0e2;color:#626956;cursor:not-allowed}.resume-action .mono{font-size:8px}@media(max-width:700px){.career-actions{gap:20px}.resume-action{flex-wrap:wrap}}

.career-actions .resume-pending{font-size:13px}.career-row p+p{margin-top:10px;max-width:530px}
.control-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-inline: .25em;flex-shrink:0}.arrow .control-arrow{width:18px;height:18px;margin:0}
/* Shared navigation returns when the reader scrolls upward. */
.site-header{position:sticky;top:0;z-index:100;background:var(--paper);transform:translateY(0);transition:transform .22s ease}.site-header.header-hidden{transform:translateY(-100%)}.site-header:focus-within{transform:translateY(0)}html{scroll-padding-top:96px}@media(max-width:700px){html{scroll-padding-top:84px}}@media(prefers-reduced-motion:reduce){.site-header{transition:none}}
svg.control-arrow{width:12px;height:12px;max-width:12px;max-height:12px;min-width:12px;flex:0 0 12px}.arrow svg.control-arrow{width:12px;height:12px;margin:0}

.case-opening{padding-top:45px;padding-bottom:60px}.case-heading{max-width:850px;margin:64px 0 42px}.case-heading h1{font-size:clamp(48px,6.2vw,88px);line-height:1.04;white-space:pre-line;margin:22px 0 26px}.case-heading>p{font-size:18px;max-width:670px;color:#606659}.case-meta{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:40px;border-top:1px solid var(--line);padding-top:23px}.case-meta p{font-size:12px;line-height:1.8;margin:7px 0}.case-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;background:#f0f1e8;padding:40px;margin:0 0 80px}.case-feature>img{display:block;width:100%;height:410px;object-fit:cover;object-position:center 30%}.case-feature h2{font-family:'DM Serif Display',Georgia,serif;font-size:42px;line-height:1.1;white-space:pre-line;margin:19px 0}.case-feature p,.case-section>p{color:#606659;font-size:15px;line-height:1.8}.boundary{border-left:3px solid var(--case-accent);padding:10px 0 10px 18px;margin-top:25px;font-size:14px}.case-section{padding:0 0 75px;margin-bottom:65px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.case-section-head{margin-bottom:28px}.case-section-head h2{font-size:35px;max-width:700px;line-height:1.2;margin-top:17px}.case-section>p{max-width:820px}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.decision-grid h3,.lesson-grid h3{font-size:18px;font-weight:500;letter-spacing:-.025em;line-height:1.4}.decision-grid p,.lesson-grid p{font-size:14px;color:#606659;line-height:1.8}.decision-grid article{border-top:2px solid #d4dbbf;padding-top:12px}.workflow-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:36px;position:relative}.workflow-tabs:before{content:'';height:1px;position:absolute;left:10%;right:10%;top:20px;background:#cbd2bb}.workflow-tabs button{position:relative;background:none;border:0;display:flex;align-items:center;flex-direction:column;gap:12px;padding:0 4px 22px;color:#626956;cursor:pointer;font:12px "DM Sans",sans-serif}.step-number{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #cbd2bb;background:var(--paper);font:11px 'IBM Plex Mono',monospace;transition:background .25s,transform .25s}.workflow-tabs [aria-selected=true]{color:var(--ink)}.workflow-tabs [aria-selected=true] .step-number{background:var(--case-accent);border-color:var(--case-accent);transform:scale(1.08)}button:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #789000;outline-offset:5px}#workflow-panel{background:#edf0e5;min-height:280px;padding:35px;display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:center}#workflow-panel h3{font-family:'DM Serif Display',Georgia,serif;font-size:32px;line-height:1.1;margin:15px 0}#workflow-panel p{font-size:14px;color:#606659;line-height:1.75;margin:12px 0}.workflow-boundary{font-size:12px!important;padding-top:15px;border-top:1px solid #cdd5c0}.stage-art{display:flex;align-items:center;gap:14px}.stage-card{background:var(--paper);border:1px solid #d3dac7;padding:22px 14px;flex:1;text-align:center;font:11px 'IBM Plex Mono',monospace;border-radius:4px;box-shadow:0 12px 28px -22px #526342}.stage-card.accent{background:var(--case-accent);color:#303923}.stage-connector{width:42px;height:2px;background:#b9c6a3;position:relative;flex-shrink:0;overflow:hidden}.stage-connector:after{content:'';position:absolute;left:0;top:0;height:2px;width:13px;background:#5f791c;animation:pass 1.6s ease-in-out 2}@keyframes pass{from{transform:translateX(-15px)}to{transform:translateX(45px)}}.panel-enter{animation:panel-in .32s ease-out}@keyframes panel-in{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}.workflow-controls{display:flex;justify-content:flex-end;margin:17px 0 25px}button.text-link{background:transparent;border:0;border-bottom:1px solid #a3aa98;color:var(--ink);font-family:inherit;cursor:pointer}.case-details{border-top:1px solid var(--line);padding:19px 0}.case-details summary{font-size:13px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.case-details summary:after{content:'+';font-size:20px;line-height:1}.case-details[open] summary:after{content:'−'}.case-details summary::-webkit-details-marker{display:none}.case-details img,.case-details video{width:100%;display:block;margin-top:24px}.case-details p{font-size:13px;color:#606659}.record-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:30px 0 20px}.record-toolbar label{font:11px 'IBM Plex Mono',monospace}.record-toolbar select{border:1px solid var(--line);padding:10px;background:var(--paper);font:12px "DM Sans",sans-serif;max-width:250px}.record-toolbar .text-link{margin-left:auto;font-size:11px}.record-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;align-items:start}.record-image{margin:0}.record-image img{width:100%;max-height:510px;object-fit:contain;background:#f0f1e8;display:block}.record-image figcaption{padding-top:12px;font-size:9px}.record-tabs{display:flex;border-bottom:1px solid var(--line);gap:24px}.record-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:14px 0;cursor:pointer;font:13px "DM Sans",sans-serif;color:#71766d}.record-tabs button[aria-selected=true]{border-bottom-color:var(--case-accent);color:var(--ink)}#record-panel{padding-top:16px}#record-status{font-size:11px;line-height:1.7;padding:10px 13px;background:#eef1e5}#record-status.exception{background:#f8eddb;color:#76532b}#record-fields{max-height:410px;overflow:auto;margin:12px 0 0;scrollbar-width:thin}#record-fields>div{display:grid;grid-template-columns:125px 1fr;gap:15px;padding:12px 3px;border-bottom:1px solid var(--line)}#record-fields dt{font:10px/1.7 'IBM Plex Mono',monospace;color:#71766d}#record-fields dd{margin:0;font-size:12px;line-height:1.7}.blank-field{color:#8d9186;font-style:italic}.source-lock{margin-top:24px;font-size:11px;border-top:1px solid var(--line);padding-top:17px;color:#626956}.case-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:35px 0}.case-metrics>div{border-left:2px solid #d5dcbe;padding-left:20px}.case-metrics strong{display:block;font:48px/1.1 'DM Serif Display',Georgia,serif;letter-spacing:-.035em}.case-metrics span{font-size:11px;display:block;margin-top:10px;color:#606659}.table-scroll{overflow:auto;margin-top:22px}.run-table{width:100%;border-collapse:collapse;font-size:12px}.run-table th,.run-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.run-table th{font-weight:500}.run-table tfoot{background:#edf0e5}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.file-links,.case-end{display:flex;gap:30px;flex-wrap:wrap;margin-top:26px}.case-end{justify-content:space-between;margin:0 0 70px}.catalog-case .text-link{font-size:12px}.catalog-case .case-section:last-of-type{margin-bottom:30px}
@media(max-width:700px){.case-opening{padding-top:30px;padding-bottom:35px}.case-heading{margin:40px 0 30px}.case-heading h1{font-size:48px}.case-heading>p{font-size:16px}.case-meta{grid-template-columns:1fr;gap:14px}.case-meta p{margin-top:4px}.case-feature{grid-template-columns:1fr;padding:22px;gap:28px;margin-bottom:50px}.case-feature>img{height:310px;object-fit:contain}.case-feature h2{font-size:35px}.case-section{padding-bottom:40px;margin-bottom:40px}.case-section-head h2{font-size:29px}.decision-grid,.lesson-grid{grid-template-columns:1fr;gap:15px}.workflow-tabs button{font-size:10px;gap:10px}.step-number{width:34px;height:34px}.workflow-tabs:before{top:17px}#workflow-panel{grid-template-columns:1fr;padding:23px;gap:25px;min-height:400px}#workflow-panel h3{font-size:29px}.stage-art{max-width:360px;width:100%;margin:auto}.stage-card{padding:18px 10px}.record-layout{grid-template-columns:1fr;gap:20px}.record-image img{height:310px}.record-toolbar .text-link{margin-left:0}.record-toolbar{gap:12px}.case-metrics{grid-template-columns:1fr 1fr;gap:25px 14px}.case-metrics strong{font-size:40px}.case-metrics>div{padding-left:12px}#record-fields>div{grid-template-columns:100px 1fr;gap:10px}.case-end{gap:20px}.file-links{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.panel-enter,.stage-connector:after{animation:none}.step-number{transition:none}}
.product-pager{display:flex;align-items:center;gap:24px}.product-pager button{background:none;border:1px solid var(--line);padding:12px 16px;font:12px "DM Sans",sans-serif;cursor:pointer}.product-pager button:hover:not(:disabled){background:var(--case-accent)}.product-pager button:disabled{opacity:.3;cursor:default}.product-pager .mono{min-width:62px;text-align:center}.synthetic-gallery{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.synthetic-gallery>h3{font-size:26px;line-height:1.3}.synthetic-gallery>p{font-size:14px;max-width:780px;color:#606659;line-height:1.8}.sketch-gallery{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:10px 2px 18px}.sketch-card{flex:0 0 calc((100% - 60px)/4);min-width:0;border:1px solid var(--line);padding:0;background:transparent;cursor:pointer;scroll-snap-align:start;color:var(--ink)}.sketch-visual{display:block;position:relative;aspect-ratio:9/14;overflow:hidden;background:#f1f0e9}.individual-sketch{position:absolute;inset:0;background-size:1100% 200%;background-repeat:no-repeat}.sketch-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .25s;background:#eeece5}.sketch-card[aria-pressed=true] img,.sketch-card:focus-visible img{opacity:1}@media(hover:hover){.sketch-card:hover img{opacity:1}}.sketch-caption{display:flex;justify-content:space-between;padding:14px;font:11px 'IBM Plex Mono',monospace}.gallery-controls{display:flex;justify-content:space-between;margin-top:15px}.gallery-controls button{padding:8px 0}@media(max-width:700px){.product-pager{width:100%;justify-content:space-between;gap:10px}.product-pager button{padding:12px}.sketch-card{flex-basis:calc((100% - 20px)/2)}.sketch-gallery{gap:14px}}@media(prefers-reduced-motion:reduce){.sketch-visual img{transition:none}}
.test-set-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:22px;align-items:start;margin-top:28px}.sketch-grid{display:grid;gap:14px;padding:10px;background:white;border:1px solid var(--line)}.board-half{position:relative;min-width:0}.board-half>img{display:block;width:100%;height:auto}.board-hotspots{position:absolute;inset:0;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(2,1fr)}.board-hotspot{padding:0;border:0;background:transparent;cursor:pointer}.board-hotspot:hover,.board-hotspot:focus-visible,.board-hotspot[aria-pressed=true]{outline:2px solid var(--case-accent);outline-offset:-2px}.product-enlarged{margin:0;background:#f0f1e8}.product-enlarged img{display:block;width:100%;height:auto;aspect-ratio:1003/1568;object-fit:contain}.product-enlarged figcaption{padding:15px;font-size:10px;line-height:1.6}.case-feature>img{height:auto;max-height:560px;object-fit:contain}@media(max-width:700px){.test-set-layout{grid-template-columns:1fr}.product-enlarged{max-width:340px;margin:auto;width:100%}.sketch-grid{padding:4px;gap:10px}.case-feature>img{height:auto}}
.board-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.board-pagination button{padding:12px 0}.board-pagination button:disabled{opacity:.3;cursor:default}.test-set-layout{grid-template-columns:minmax(0,2.87fr) minmax(0,1fr);gap:22px;align-items:start;margin-top:12px}.sketch-grid{padding:0;border:0;gap:0}.board-half[hidden]{display:none}.board-hotspots{display:block}.board-hotspot{position:absolute}.product-enlarged{position:relative}.product-enlarged figcaption{position:absolute;top:100%;left:0;right:0;background:#f0f1e8}.synthetic-gallery{padding-bottom:75px}@media(max-width:700px){.test-set-layout{grid-template-columns:1fr}.product-enlarged{margin:20px auto 0}.board-pagination{gap:12px}.board-pagination button{font-size:10px}.board-pagination .mono{font-size:10px}}

.order-queue{width:100%;height:660px;border:1px solid var(--line);background:white;margin-top:22px}.order-stage{display:flex;gap:12px;align-items:center}.order-stage span{display:grid;place-items:center;flex:1;aspect-ratio:1;border:1px solid #cbd2bb;border-radius:50%;font:12px "IBM Plex Mono",monospace;transition:background .3s}.order-stage .passed{background:var(--case-accent)}.order-case .case-feature>img{width:100%;max-height:440px;object-fit:contain}@media(max-width:700px){.order-queue{height:600px}}@media(prefers-reduced-motion:reduce){.order-stage span{transition:none}}.order-opening{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin:0 0 85px;padding:45px 0 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.order-opening h2{font:42px/1.12 'DM Serif Display',Georgia,serif;letter-spacing:-.03em;margin:22px 0}.order-opening p{color:#606659;font-size:15px;line-height:1.8}.routing-map{padding:32px;background:#edf0e5}.routing-source{text-align:center}.routing-source strong{display:block;font:72px/1.2 'DM Serif Display',serif}.routing-source p{margin:0;font-size:12px}.routing-line{height:35px;width:1px;background:#b2bf98;margin:auto}.routing-results{display:grid;grid-template-columns:1fr 1fr;gap:16px}.routing-results>div{padding:20px;background:var(--paper);border-top:3px solid var(--case-accent)}.routing-results strong{display:block;font:42px 'DM Serif Display',serif}.routing-results span{font-size:12px;display:block}.routing-caption{font-size:10px!important;margin:18px 0 0}.journey-types{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 22px}.journey-types button{padding:12px 18px;border:1px solid var(--line);background:transparent;color:var(--ink);font:12px "DM Sans",sans-serif;cursor:pointer}.journey-types button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.order-journey{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--line)}.order-record{padding:34px;background:#f0f1e8}.order-record h3{font:36px 'DM Serif Display',serif;margin:14px 0 28px}.order-record dl>div{padding:16px 12px;margin:0 -12px;border-top:1px solid #d9ddcf;transition:background .25s}.order-record dt{font:10px 'IBM Plex Mono',monospace;color:#606659;margin-bottom:9px}.order-record dd{margin:0;font-size:14px;line-height:1.6}.order-record .field-active{background:#e1edaa;border-top-color:transparent}.order-record>.mono:last-child{display:block;margin-top:28px;font-size:9px}.journey-explanation{padding:30px 34px}.journey-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:32px}.journey-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:0 0 14px;font:10px 'IBM Plex Mono',monospace;color:#68705d;cursor:pointer}.journey-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--case-accent)}#journey-panel{min-height:320px}#journey-panel h3{font:32px/1.15 'DM Serif Display',serif;margin:18px 0}#journey-panel p{font-size:14px;line-height:1.8;color:#606659}.human-choice{border-top:1px solid var(--line);padding-top:22px;margin-top:28px}.human-choice .mono{color:#53602a}#journey-next{margin-top:22px;padding:8px 0}#journey-next:disabled{opacity:.25;cursor:default}@media(max-width:700px){.order-opening{grid-template-columns:1fr;gap:25px;margin-bottom:50px}.order-opening h2{font-size:35px}.routing-map{padding:24px}.order-journey{grid-template-columns:1fr}.order-record,.journey-explanation{padding:24px}.journey-tabs{gap:12px}.journey-tabs button{font-size:9px}.journey-types{gap:8px}.journey-types button{padding:11px 12px}#journey-panel{min-height:0}}@media(prefers-reduced-motion:reduce){.order-record dl>div{transition:none}}
.confidence-note{margin-top:32px;padding:26px 30px;border-left:3px solid var(--case-accent);background:#f0f1e8}.confidence-note h3{font-size:20px;line-height:1.4;margin:0 0 14px}.confidence-note p{font-size:13px;line-height:1.8;color:#606659;max-width:850px}.confidence-note p:last-child{margin-bottom:0}@media(max-width:700px){.confidence-note{padding:22px}}
.validation-results{margin-top:30px}.validation-results>h3{font:28px/1.2 'DM Serif Display',serif;margin-top:32px}.validation-results>p{font-size:14px;line-height:1.8;color:#606659;max-width:850px}.validation-results .case-details{margin-top:28px}.validation-results .run-table th{font-size:12px}.validation-results .run-table td{font-size:13px}
.record-hint{font-size:12px;color:#606659;margin:0 0 18px}#journey-fields{display:grid}#journey-fields>button{position:relative;display:block;width:100%;text-align:left;padding:18px 36px 18px 14px;border:0;border-top:1px solid #d9ddcf;background:transparent;color:var(--ink);cursor:pointer;font-family:inherit;transition:background .2s}#journey-fields>button:hover{background:#e5e9d8}#journey-fields>button[aria-selected=true]{background:#e1edaa}.field-label{display:block;font:10px 'IBM Plex Mono',monospace;color:#606659;margin-bottom:9px}.field-value{display:block;font-size:14px;line-height:1.6}.field-chevron{position:absolute;right:17px;top:50%;width:7px;height:7px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg)}.journey-explanation{display:flex;flex-direction:column;justify-content:center}#journey-panel{min-height:0}@media(prefers-reduced-motion:reduce){#journey-fields>button{transition:none}}
.route-flow{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr 32px 1.35fr;align-items:center;margin:28px 0 36px;padding:30px 22px;background:#f4f5ee;border:1px solid var(--line)}.flow-node{padding:22px 12px;min-height:88px;background:var(--paper);border:1px solid #b9c2a9;font:13px/1.5 "DM Sans",sans-serif;color:var(--ink);cursor:pointer}.flow-node.active{border-color:#778b39;box-shadow:inset 0 -3px var(--case-accent)}.flow-link{height:2px;background:#82944d;position:relative}.flow-link:after{content:'';position:absolute;right:1px;top:-3px;width:6px;height:6px;border-right:1.5px solid #82944d;border-top:1.5px solid #82944d;transform:rotate(45deg)}.flow-branches{display:grid;gap:16px;position:relative}.flow-destination{padding:16px;display:grid;gap:9px;border:1px solid #d4dac8;background:var(--paper)}.flow-destination.selected{background:#e1edaa;border-color:#b8cc76}.flow-destination strong{font-size:14px;font-weight:500;line-height:1.4}.flow-destination>span:last-child{font-size:11px;line-height:1.5}.flow-destination .mono{font-size:8px}.flow-caption{grid-column:1/-1;font-size:12px;line-height:1.7;color:#606659;margin:24px 0 0}.flow-branches:before{content:'';position:absolute;left:-12px;top:23%;bottom:23%;border-left:1px solid #82944d}.flow-destination{position:relative}.flow-destination:before{content:'';position:absolute;width:12px;left:-13px;top:50%;border-top:1px solid #82944d}@media(max-width:900px){.route-flow{grid-template-columns:1fr;padding:24px}.flow-link{width:2px;height:26px;justify-self:center}.flow-link:after{top:auto;bottom:1px;right:-3px;transform:rotate(135deg)}.flow-node{min-height:60px}.flow-branches{grid-template-columns:1fr 1fr;gap:14px}.flow-branches:before,.flow-destination:before{display:none}.flow-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){.flow-node{transition:none}}
.progress-steps{list-style:none;padding:0;margin:30px 0 42px;max-width:900px}.progress-step{position:relative;display:grid;grid-template-columns:38px 1fr;gap:18px;padding:25px 28px 25px 32px;margin-bottom:10px;border:1px solid var(--line);background:#f4f5ee;--step-progress:0}.progress-track{position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:#dfe3d5;overflow:hidden}.progress-track i{display:block;width:100%;height:100%;background:#a9c426;transform:scaleY(var(--step-progress));transform-origin:top}.progress-step .progress-number{font-size:11px;padding-top:3px}.progress-step h3{font:500 20px/1.3 "DM Sans",sans-serif;letter-spacing:-.025em;margin:0 0 9px}.progress-step p{font-size:14px;line-height:1.7;color:#606659;margin:0;max-width:660px}.progress-step.step-current{background:#eff2e5}.journey-intro{padding-top:24px;border-top:1px solid var(--line)}.journey-intro h3{font:500 22px/1.3 "DM Sans",sans-serif;margin:0 0 10px;letter-spacing:-.03em}.journey-intro p{font-size:14px;color:#606659;max-width:700px}.order-case .case-section-head h2{font-size:30px;max-width:740px}.order-case .order-record h3{font-size:28px}.order-case #journey-panel h3{font:500 23px/1.35 "DM Sans",sans-serif;letter-spacing:-.025em}.order-case .journey-types{margin-top:22px}.order-case .validation-results>h3{font:500 23px/1.35 "DM Sans",sans-serif;letter-spacing:-.025em}@media(max-width:700px){.progress-step{grid-template-columns:25px 1fr;gap:12px;padding:21px 18px}.progress-step h3{font-size:18px}.progress-step p{font-size:13px}.order-case .case-section-head h2{font-size:26px}.order-case #journey-panel h3{font-size:21px}.journey-intro h3{font-size:20px}}
.project-story-strip{position:relative;width:100%;margin:0 0 80px;overflow:hidden;background:#eee8db;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-story-strip img{display:block;width:100%;height:230px;object-fit:cover;object-position:center}.project-story-strip figcaption{position:absolute;right:max(28px,calc((100% - 1120px)/2));bottom:16px;display:flex;gap:10px;align-items:center;padding:7px 10px;background:#f7f4edcc;color:#315144;font:9px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.project-story-strip figcaption i{display:block;width:20px;height:1px;background:#a95a42}@media(max-width:700px){.project-story-strip{margin-bottom:50px}.project-story-strip img{height:180px;object-position:center}.project-story-strip figcaption{right:16px;bottom:12px;font-size:8px}}

.legacy-main{padding-bottom:60px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.legacy-main section{padding:72px 0}.legacy-main h2{font-size:clamp(28px,3.2vw,42px);line-height:1.18;letter-spacing:-.035em}.legacy-main h3{font-size:19px;line-height:1.3}.legacy-main p{font-size:16px;line-height:1.8;color:#616758}.legacy-main img{display:block;width:100%;height:auto}.kicker,.story-arc-kicker,.status-stamp{font:11px/1.7 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.book-hero{display:flex;flex-direction:column;padding-top:70px!important;gap:38px}.hero-copy{order:-1}.book-hero h1{font:clamp(52px,7vw,88px)/1.02 'DM Serif Display',serif;letter-spacing:-.04em;margin:22px 0}.hero-lede{max-width:670px}.hero-art{width:min(1360px,100%);margin:auto;background:#efeee8}.hero-art img{max-height:650px;object-fit:contain}.opening-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;border-top:1px solid #dcded4;padding-top:55px}.opening h2 em,.system h2 em{font-family:'DM Serif Display',serif;font-weight:400}.amazon-link{display:inline-block;border-bottom:1px solid #818972;font-size:14px;padding:8px 0;margin:8px 0 20px}.status-stamp{display:block;color:#69715d;font-size:10px}.story-arc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.story-arc-card img{border-radius:3px}.story-arc-card>div{padding-top:20px}.story-arc-card span,.note>span{font:11px 'IBM Plex Mono',monospace;color:#6c7754}.story-arc-card p{font-size:14px!important}.story-arc-card h3{margin:12px 0}.system{background:#f0f2e8}.system-intro{max-width:760px}.notes{display:grid;grid-template-columns:1fr 1fr;gap:0 42px;margin-top:36px}.note{display:grid;grid-template-columns:30px 1fr;gap:14px;border-top:1px solid #d5dbc8;padding:25px 0}.note h3{margin:0 0 10px}.note p{font-size:14px!important;margin:0}.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.reference-grid figure{margin:0}.reference-grid button{display:block;width:100%;padding:8px;background:#f4f0e6;border:1px solid #e1ddcf;cursor:zoom-in}.reference-grid img{aspect-ratio:3/2;object-fit:contain}.reference-grid button:hover{border-color:#7c894b}.reference-grid button:focus-visible{outline:2px solid #526221;outline-offset:4px}.lineup-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:30px}.qa{border-block:1px solid #dcded4}.qa-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.qa-list{display:grid;grid-template-columns:1fr 1fr;gap:22px}.qa-item{border-top:2px solid #d9e1c3;padding-top:17px}.qa-item p{font-size:14px!important}.activities-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.activities-art{padding:12px;background:white;border:1px solid #e0e1d8}.activity-tags{display:flex;gap:8px;flex-wrap:wrap}.activity-tags span{font-size:11px;border:1px solid #d5dbc8;padding:6px 9px}.publication-card{display:grid;grid-template-columns:1fr 220px;gap:65px;align-items:center;background:#f0f2e8;padding:38px}.publication-card figure{margin:0}.publication-card figcaption{font-size:10px;margin-top:10px}.finale{padding-top:35px!important}.finale>div>p{max-width:800px}.credits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d5dbc8;margin:35px 0}.credit{padding:24px 18px 24px 0}.credit b{display:block;font:10px 'IBM Plex Mono',monospace;text-transform:uppercase;margin-bottom:12px;color:#68705b}.credit span{font-size:14px}.authorship{font-size:13px!important}.next{padding:20px 0!important}.next a{font-size:14px;border-bottom:1px solid #8e957e;padding-bottom:8px}.book-lightbox{width:min(1100px,94vw);max-height:94vh;border:1px solid #d5dbc8;background:#fafaf7;padding:20px}.book-lightbox::backdrop{background:#20231fbb}.book-lightbox img{width:100%;height:72vh;object-fit:contain}.book-lightbox button{float:right;padding:8px 15px;background:#e8edda;border:1px solid #aeb799;cursor:pointer}.book-lightbox p{font-size:13px;margin:12px 0 0}@media(max-width:760px){.legacy-main section{padding:45px 0}.wrap{width:calc(100% - 40px)}.opening-grid,.qa-grid,.activities-grid,.lineup-copy,.publication-card{grid-template-columns:1fr;gap:26px}.story-arc-grid{grid-template-columns:1fr;gap:32px}.story-arc-card img{max-height:480px;object-fit:contain}.notes{grid-template-columns:1fr}.reference-grid{grid-template-columns:1fr 1fr;gap:10px}.qa-list{grid-template-columns:1fr 1fr;gap:20px}.credits{grid-template-columns:1fr 1fr}.publication-card{padding:25px}.publication-card figure{max-width:220px}.book-lightbox img{height:60vh}}
.hero-copy{max-width:1120px}.hero-lede{margin:0;max-width:670px}

/* Text-led opening: the actual story artwork follows the introduction. */
.book-hero{padding-bottom:34px!important}.opening{padding-top:25px}.opening-grid{padding-top:42px}

.publication-note{margin-top:28px;padding:18px 0 18px 20px;border-left:2px solid #b8c97a}.publication-note p{margin:0 0 5px;color:var(--ink);font-size:15px}.publication-note .amazon-link{margin:0 0 12px;padding:4px 0;font-size:13px}.publication-note .status-stamp{font-size:10px;line-height:1.8}

}