@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}}

}