*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.02;letter-spacing:-.025em}em{font-weight:400}h1{font-size:clamp(66px,8.7vw,134px)}h2{font-size:clamp(42px,5.4vw,80px)}h3{font-size:36px}.wrap{max-width:1480px;margin:auto;padding-left:64px;padding-right:64px}header{max-width:1480px;margin:auto;padding:34px 64px;display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:20px;letter-spacing:.16em;font-weight:600;text-decoration:none;line-height:1.4}.wordmark span{display:block;font-weight:400;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-top:6px}nav{display:flex;gap:30px;align-items:center;font-size:13px}nav a{text-decoration:none}.nav-cta{background:var(--ink);color:white;padding:10px 12px 10px 20px;border-radius:var(--radius-pill)}.nav-cta span{display:inline-grid;place-items:center;background:var(--inverse-hover);width:28px;height:28px;border-radius:var(--radius-round);margin-left:14px}.hero{padding-top:55px}.hero-copy{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:650;margin-bottom:23px}.hero-intro{max-width:310px;padding-bottom:10px}.hero-intro p{font-size:17px;color:var(--muted);margin-bottom:26px}.pill{display:inline-flex;align-items:center;gap:24px;padding:7px 7px 7px 22px;border-radius:var(--radius-pill);background:var(--ink);color:var(--white);font-size:13px;text-decoration:none}.pill span{border-radius:var(--radius-round);background:var(--inverse-hover);width:37px;height:37px;display:grid;place-items:center;transition:transform var(--duration-normal) var(--curve)}.pill:hover span{transform:translateY(3px)}.frame{padding:6px;border-radius:var(--radius-frame);background:var(--surface-subtle);box-shadow:inset 0 1px var(--inverse-line)}.frame>img,.frame>video,.comparison{border-radius:var(--radius-frame)}.hero-image{position:relative}.hero-image>img{aspect-ratio:2/1;object-fit:cover;object-position:50% 58%}.image-caption{position:absolute;bottom:6px;left:6px;right:6px;padding:65px 27px 23px;color:var(--inverse);background:linear-gradient(transparent,var(--overlay-soft));border-radius:0 0 var(--radius-frame) var(--radius-frame);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}.hero-meta{display:flex;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:.08em;padding-top:18px;color:var(--muted)}.section{padding-top:120px;padding-bottom:120px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:26px 90px;align-items:end;margin-bottom:52px}.section-intro>.eyebrow{grid-column:1/-1;margin:0}.section-intro>p:last-child{max-width:460px;color:var(--muted);font-size:16px}.journey{display:grid;grid-template-columns:.85fr 1.4fr;gap:80px}.step-list{display:flex;flex-direction:column;align-self:start}.step-list button{border:0;background:transparent;display:flex;text-align:left;gap:22px;padding:23px 16px;box-shadow:0 1px var(--line);border-radius:var(--radius-card);transition:background var(--duration-normal) var(--curve)}.step-list button[aria-selected=true]{background:var(--ink);color:var(--white);box-shadow:none}.step-list button>span{font-size:11px;opacity:.6;padding-top:4px}.step-list button div{font-size:17px;flex:1}.step-list small{display:block;font-size:11px;opacity:.7;margin-top:4px}.step-list b{font-weight:400}.stage img{aspect-ratio:1.6;object-fit:cover}.stage-bottom{padding:25px 8px}.stage-bottom .eyebrow{margin-bottom:15px}.stage-bottom p:not(.eyebrow){color:var(--muted);font-size:14px;margin:18px 0}.stage-bottom a{font-size:12px}.references{background:var(--surface-tinted)}.reference-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:30px}.photo-button{border:0;text-align:left;position:relative;overflow:hidden}.photo-button>span{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;padding:14px 15px 9px}.photo-button b{font-weight:400}.reference-grid>.photo-button img{height:650px;object-fit:contain;background:var(--inverse)}.reference-pair{display:grid;gap:24px}.reference-pair img{height:270px;object-fit:cover}.fine{font-size:12px;color:var(--muted);margin-top:20px}.comparison{position:relative;overflow:hidden;--split:50%;aspect-ratio:4/3;max-height:820px}.comparison>img{width:100%;height:100%;object-fit:cover}.comparison>.after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;top:25px;font-size:10px;letter-spacing:.12em;background:var(--overlay);color:var(--inverse);padding:7px 11px;border-radius:var(--radius-frame)}.compare-label.left{left:24px}.compare-label.right{right:24px}.divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:var(--inverse);pointer-events:none}.divider span{position:absolute;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:var(--radius-round);display:grid;place-items:center;background:var(--white);color:var(--ink);font-size:24px;box-shadow:0 3px 24px var(--line)}.comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.comparison:focus-within{outline:3px solid var(--focus);outline-offset:4px}.comparison-foot{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:11px;color:var(--muted)}#compare-value{display:inline-block;width:35px;margin-left:10px}blockquote{font:italic 32px/1.35 var(--font-display);max-width:800px;text-align:center;margin:70px auto 0}cite{display:block;font:10px/1.6 'Avenir Next',system-ui,sans-serif;letter-spacing:.15em;margin-top:23px}.corrections{background:var(--ink);color:var(--white)}.corrections .section-intro>p:last-child,.corrections .fine{color:var(--inverse-muted)}.room-tabs{display:flex;gap:12px;margin-bottom:28px}.room-tabs button{border:0;background:var(--inverse-wash);color:var(--surface-selected);padding:12px 24px;border-radius:var(--radius-pill);font-size:13px}.room-tabs button[aria-selected=true]{background:var(--paper);color:var(--ink)}.room-images{display:grid;grid-template-columns:1fr 1fr;gap:26px}.room-images .frame{background:var(--inverse-wash)}.room-images img{height:370px;object-fit:cover}.room-images figcaption{display:flex;justify-content:space-between;padding:15px 16px 10px;font-size:9px;letter-spacing:.12em}.room-images figcaption span{opacity:.7}.correction-note{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:35px}.correction-note h3{font-size:31px;line-height:1.15}.correction-note p{font-size:14px;color:var(--inverse-muted)}.film video{display:block;width:100%;aspect-ratio:16/9;background:var(--ink-deep)}.film-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;padding:20px 0}.checkpoints{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}.checkpoints button{border:0;background:var(--surface-subtle);border-radius:var(--radius-frame);padding:18px 10px;text-align:left;font-size:12px;transition:background var(--duration-normal) var(--curve),transform var(--duration-normal) var(--curve)}.checkpoints button small{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.checkpoints button:hover,.checkpoints button[aria-current=true]{background:var(--ink);color:white;transform:translateY(-2px)}.checkpoints button:hover small,.checkpoints button[aria-current=true] small{color:var(--surface-selected)}.closing{display:grid;grid-template-columns:1fr 1fr;gap:35px 90px;padding:110px 0 60px}.closing .eyebrow{grid-column:1/-1;margin:0}.closing h3{font-size:48px}.closing p:last-child{font-size:15px;color:var(--muted)}details{padding:25px 0;box-shadow:0 -1px var(--line),0 1px var(--line);font-size:13px}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{font-size:20px}details[open] summary span{transform:rotate(45deg)}details p{max-width:850px;margin-top:20px;color:var(--muted)}footer{display:flex;gap:30px;justify-content:space-between;align-items:center;padding-top:25px;padding-bottom:55px;font-size:11px}footer p{color:var(--muted)}dialog{padding:30px;border:0;border-radius:var(--radius-frame);width:min(1100px,95vw);background:var(--white);color:var(--ink)}dialog::backdrop{background:var(--overlay);backdrop-filter:blur(8px)}dialog img{max-height:76vh;object-fit:contain}dialog p{font-size:12px;margin-top:15px}.close{float:right;border:0;border-radius:var(--radius-round);width:40px;height:40px;background:var(--surface-hover);margin-bottom:15px}.skip{position:absolute;left:20px;top:-100px;background:var(--ink);color:white;padding:15px;z-index:5}.skip:focus{top:15px}.reveal{opacity:0;transform:translateY(25px);transition:opacity var(--duration-reveal) var(--curve),transform var(--duration-reveal) var(--curve)}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.wrap{padding-left:32px;padding-right:32px}header{padding:28px 32px}.journey{gap:35px}.section-intro{gap:25px 40px}.hero-meta span:nth-child(2){display:none}.reference-grid>.photo-button img{height:560px}.reference-pair img{height:225px}.room-images img{height:300px}}@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}header{padding:24px 20px}.wordmark{font-size:16px}.wordmark span{font-size:8px}nav{gap:0}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:8px 10px 8px 14px}.nav-cta span{margin-left:6px}.hero{padding-top:28px}.hero-copy{display:block;margin-bottom:30px}.hero-intro{max-width:100%;margin-top:28px}.hero-intro p{font-size:15px;max-width:360px}.hero-image>img{aspect-ratio:1.2}.image-caption{padding:50px 15px 16px;font-size:8px}.image-caption span:last-child{display:none}.hero-meta{font-size:8px}.section{padding-top:75px;padding-bottom:75px}.section-intro{display:block;margin-bottom:32px}.section-intro h2{margin:20px 0 22px}.section-intro>p:last-child{font-size:14px}.journey,.reference-grid,.room-images,.correction-note,.closing{grid-template-columns:1fr}.journey{gap:30px}.step-list button{padding:17px 12px}.step-list button div{font-size:15px}.stage h3{font-size:30px}.reference-grid>.photo-button img{height:440px}.reference-pair{grid-template-columns:1fr 1fr;gap:10px}.reference-pair img{height:160px}.photo-button>span{font-size:8px;padding:10px 5px}.photo-button b{display:none}.comparison{aspect-ratio:4/3}.compare-label{top:12px;font-size:8px}.compare-label.left{left:12px}.compare-label.right{right:12px}.comparison-foot{font-size:9px;flex-direction:column;gap:6px}blockquote{font-size:25px;margin-top:48px}.room-tabs{gap:8px}.room-tabs button{padding:10px 15px;font-size:12px}.room-images{gap:16px}.room-images img{height:auto;aspect-ratio:1.4}.correction-note{gap:15px}.checkpoints{grid-template-columns:repeat(3,1fr)}.film-meta{font-size:8px;gap:14px}.closing{padding-top:70px;gap:20px}.closing h3{font-size:38px}.closing p:last-child{font-size:14px}footer{flex-wrap:wrap}.frame{padding:4px;border-radius:var(--radius-frame)}.frame>img,.frame>video,.comparison{border-radius:var(--radius-frame)}dialog{padding:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.reveal{opacity:1;transform:none}}
/* Audit fixes: full-width comparison, accessible controls and named surface tokens. */
:root{--focus:var(--focus);--focus-on-dark:var(--focus-inverse);--on-dark:var(--white);--muted-on-dark:var(--inverse-muted);--media-surface:var(--ink-deep);color-scheme:light}
.comparison{width:100%;aspect-ratio:auto;height:clamp(12rem,62vw,51.25rem)}
.film video{background:var(--media-surface);color:var(--on-dark)}
nav>a,#stage-link,.film-meta>a,footer>a{display:inline-flex;align-items:center;min-height:var(--target-min);gap:var(--space-2)}
nav>a:not(.nav-cta){padding-block:10px}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[role=tabpanel]:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.corrections :focus-visible{outline-color:var(--focus-on-dark)}
.comparison:focus-within{outline-color:var(--focus)}
.checkpoints button:hover,.checkpoints button[aria-current=true]{background:var(--ink);color:var(--on-dark)}
.checkpoints button:hover small,.checkpoints button[aria-current=true] small{color:var(--muted-on-dark);background:var(--ink)}
dialog{max-height:calc(100dvh - 2rem);overflow:auto;overscroll-behavior:contain}
dialog[open]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3)}
dialog .close{grid-column:2;margin:0;float:none}
dialog img,dialog p{grid-column:1/-1}
dialog img{max-height:65dvh}
dialog img[hidden],#lightbox-status:empty{display:none}
dialog p{margin:0}
[aria-busy=true]{cursor:progress}
/* Tactile controls and composed motion, with no scroll hijacking. */
button,.pill,.nav-cta{transition:background var(--duration-normal) var(--curve),color var(--duration-normal) var(--curve),box-shadow var(--duration-normal) var(--curve),transform var(--duration-normal) var(--curve)}
button:active,.pill:active,.nav-cta:active{transform:scale(.975)}
nav>a:not(.nav-cta){position:relative}nav>a:not(.nav-cta)::after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--duration-normal) var(--curve)}nav>a:hover::after,nav>a:focus-visible::after{transform:scaleX(1)}
.step-list b,.nav-cta span,.photo-button b{transition:transform var(--duration-normal) var(--curve)}.step-list button:hover b,.nav-cta:hover span{transform:translate(2px,-2px)}
.photo-button img{transition:transform var(--duration-reveal) var(--curve)}.photo-button:hover img{transform:scale(1.025)}.photo-button:hover b{transform:translate(2px,-2px)}
.room-tabs button:hover:not([aria-selected=true]){background:var(--inverse-hover)}.step-list button:hover:not([aria-selected=true]){background:var(--surface-hover)}
.divider span{transition:transform var(--duration-normal) var(--curve),box-shadow var(--duration-normal) var(--curve)}.comparison:active .divider span{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 4px 28px var(--border-strong)}
.reveal{transition-delay:var(--reveal-delay,0ms)}summary span{transition:transform var(--duration-normal) var(--curve)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.photo-button:hover img,button:active,.pill:active,.nav-cta:active{transform:none}}
/* Impeccable refinement: keep the project imagery primary. */
:root{--motion-fast:160ms;--motion-view:280ms}::selection{background:var(--inverse-muted);color:var(--ink-deep)}html{scrollbar-color:var(--scroll-thumb) var(--paper)}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(64px,7.6vw,96px)}.hero{padding-top:38px}.hero-copy{margin-bottom:36px}.section-intro{align-items:center}.stage-caption{font-size:11px;letter-spacing:.1em;color:var(--muted);margin-bottom:14px}.hero-meta{flex-wrap:wrap}.frame{border-radius:var(--radius-frame);padding:4px}.frame>img,.frame>video,.comparison{border-radius:var(--radius-card)}.image-caption{border-radius:0 0 var(--radius-card) var(--radius-card)}.icon{display:inline-block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.divider .icon{width:23px;height:23px}.compare-actions{display:flex;justify-content:center;gap:8px;margin-top:20px}.compare-actions button{min-height:var(--target-min);padding:10px 20px;border:var(--border);border-radius:var(--radius-pill);background:transparent;font-size:13px}.compare-actions button[aria-pressed=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}.compare-actions button:hover:not([aria-pressed=true]){background:var(--surface-hover)}.all-earlier .compare-label.left,.all-refined .compare-label.right{opacity:0}.compare-label{transition:opacity var(--duration-fast) var(--curve);pointer-events:none}.comparison-foot{font-size:12px}.fine{font-size:13px}.checkpoints button{font-size:14px;min-height:72px}.checkpoints button small{font-size:12px;font-variant-numeric:tabular-nums}.step-list small{font-size:12px}.room-tabs button{min-height:var(--target-min)}.close{width:44px;height:44px;display:grid;place-items:center}.image-caption{font-size:11px}.reveal{opacity:1;transform:none}.stage-bottom{min-height:230px}summary{min-height:var(--target-min);align-items:center}.photo-button:hover img{transform:none}.photo-button{transition:box-shadow var(--duration-fast) var(--curve)}.photo-button:hover{box-shadow:inset 0 0 0 1px var(--border-strong)}.closing .eyebrow{display:none}.section-intro>.eyebrow{display:none}
@media(max-width:700px){.section-intro h2{margin-top:0}.hero{padding-top:25px}.hero-copy{margin-bottom:25px}.hero-intro{margin-top:20px}.compare-actions{gap:6px}.compare-actions button{padding:9px 12px;font-size:12px}.comparison-foot{font-size:11px}.hero-meta{font-size:10px}.image-caption{font-size:9px}.stage-bottom{min-height:260px}.section{padding-top:64px;padding-bottom:64px}.reference-pair{grid-template-columns:1fr}.reference-pair img{height:220px}}
/* Editorial chapter navigation: a quiet film index, with one clear active marker. */
.chapter-heading{display:flex;justify-content:space-between;gap:var(--space-4);align-items:baseline;margin:var(--space-6) 0 var(--space-4)}
.chapter-heading>span:first-child{font:1.375rem/1.3 var(--font-display);letter-spacing:-.02em}
.chapter-heading>span:last-child{font-size:.75rem;color:var(--muted)}
.checkpoints{gap:0;margin-top:0;border-top:var(--border);border-bottom:var(--border)}
.checkpoints button{position:relative;min-height:96px;padding:var(--space-5) 1.125rem;background:transparent;border-radius:0;text-align:left;transition:background var(--duration-fast) var(--curve),color var(--duration-fast) var(--curve)}
.checkpoints button+button{border-left:var(--border)}
.checkpoints button::before{content:"";position:absolute;left:1.125rem;right:1.125rem;top:-1px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-fast) var(--curve)}
.checkpoints button small{font-size:.75rem;letter-spacing:.04em;margin-bottom:.625rem;color:var(--muted);background:transparent;font-variant-numeric:tabular-nums}
.checkpoints button:hover,.checkpoints button[aria-current=true]{background:var(--surface-subtle);color:var(--ink);transform:none}
.checkpoints button:hover small,.checkpoints button[aria-current=true] small{color:var(--muted);background:transparent}
.checkpoints button[aria-current=true]::before,.checkpoints button:focus-visible::before{transform:scaleX(1)}
.checkpoints button[aria-current=true]{font-weight:600}
.checkpoints button[aria-current=true] small{font-weight:400}
.checkpoints button:focus-visible{outline-offset:-4px}
#player-status{min-height:1.6em;margin-top:var(--space-4)}
@media(max-width:700px){.chapter-heading{align-items:flex-start;flex-direction:column;gap:.4rem}.checkpoints button{padding:var(--space-4) var(--space-3);min-height:92px}.checkpoints button::before{left:.75rem;right:.75rem}.checkpoints button:nth-child(4){border-left:0}.checkpoints button:nth-child(n+4){border-top:var(--border)}}
/* Portfolio overview and companion workflow guide. */
.project-overview{padding-top:var(--space-8);padding-bottom:var(--space-16);border-bottom:var(--border)}
.project-overview h2{max-width:22ch;font-size:clamp(2rem,3.5vw,3.5rem)}
.project-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-10);margin:var(--space-10) 0}
.project-facts dt{font-size:.875rem;font-weight:600;margin-bottom:var(--space-3)}
.project-facts dd{margin:0;font-size:1rem;line-height:1.65}
.stack-line{font-size:.875rem;color:var(--muted);max-width:75ch}
.text-link{display:inline-flex;align-items:center;min-height:var(--target-min);text-decoration:underline;text-underline-offset:5px}
.guide{max-width:960px;padding-top:var(--space-16);padding-bottom:5rem}.guide h1{font-size:clamp(2.75rem,6vw,5rem);max-width:18ch}.guide h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-top:var(--space-12)}.guide h3{font-size:1.35rem}.guide p,.guide li{font-size:1rem;max-width:70ch}.guide li{padding:.4rem 0}.guide table{width:100%;border-collapse:collapse;font-size:.95rem}.guide th,.guide td{text-align:left;vertical-align:top;padding:var(--space-4) var(--space-2);border-bottom:var(--border)}.guide th{width:28%}.guide .lead{font-size:1.125rem}
@media(max-width:700px){.project-facts{grid-template-columns:1fr;gap:var(--space-6)}.project-overview{padding-bottom:var(--space-8)}.guide{padding-top:var(--space-8)}.guide th{width:32%}}
.guide p{margin-top:var(--space-3);margin-bottom:var(--space-5)}.guide caption{text-align:left;color:var(--muted);padding:var(--space-3) var(--space-2)}.guide h1{margin-bottom:var(--space-4)}
.visual-guide{max-width:1280px}.visual-guide>p{max-width:70ch}.visual-guide .section-deck{color:var(--muted);margin:var(--space-4) 0 1.75rem}
.workflow-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-10)}.workflow-strip a{text-decoration:none;min-width:0}.workflow-strip img{aspect-ratio:1.35;object-fit:cover;border-radius:var(--radius-card)}.workflow-strip a:first-child img{object-fit:contain;background:var(--white)}.workflow-strip a>div{padding:.875rem 0;display:grid;grid-template-columns:1.5rem 1fr;gap:.1rem var(--space-2)}.workflow-strip small{grid-row:1/3;font-size:.75rem;color:var(--muted);padding-top:.2rem}.workflow-strip strong{font-size:1rem;font-weight:550}.workflow-strip span{font-size:.8125rem;color:var(--muted)}.workflow-strip a:hover strong{text-decoration:underline}
.guide-jumps{display:flex;flex-wrap:wrap;gap:var(--space-6);padding:var(--space-4) 0;border-bottom:var(--border)}.guide-jumps a{display:inline-flex!important;font-size:var(--type-control);min-height:var(--control-height)}
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.tool-card{padding:var(--space-6);background:var(--white);border:var(--border);border-radius:var(--radius-card);display:flex;flex-direction:column;min-width:0}.tool-card .brand-mark{width:48px;height:48px;object-fit:contain;object-position:left center;margin-bottom:var(--space-6)}.tool-card .cloud-mark{width:70px}.tool-card p.tool-category{font-size:.75rem;letter-spacing:.04em;color:var(--muted);margin:0 0 var(--space-2)}.tool-card h3{font-size:1.65rem}.tool-card>p:not(.tool-category){font-size:.9375rem;line-height:1.65;margin:.875rem 0 var(--space-6)}.tool-note{margin-top:auto;padding-top:var(--space-4);border-top:var(--border);font-size:.75rem;overflow-wrap:anywhere;color:var(--muted)}
.support-tools{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);padding:1.75rem 0;border-bottom:var(--border)}.support-tools>div{display:flex;align-items:flex-start;gap:var(--space-4)}.support-tools h3{font-family:inherit;font-size:.9375rem;font-weight:600}.support-tools p{font-size:.875rem;margin:.4rem 0 0}.workflow-icon{width:24px;height:24px;flex-shrink:0}.workflow-steps{border-top:var(--border)}.workflow-step{box-shadow:none;border-bottom:var(--border);padding:0}.workflow-step summary{display:flex;gap:var(--space-5);align-items:center;padding:1.4rem var(--space-2);min-height:88px}.workflow-step summary>div{flex:1}.workflow-step summary h3{font-size:1.4rem;line-height:1.25}.workflow-step summary p{font-size:.8125rem;margin:.35rem 0 0;color:var(--muted)}.step-number{font:normal .75rem/1.5 'Avenir Next',sans-serif;color:var(--muted)}.step-body{padding:0 var(--space-8) var(--space-6) 6.25rem;max-width:850px}.step-body>p{margin:0 0 var(--space-4)}.review-check{display:flex;gap:var(--space-4);background:var(--surface-subtle);padding:var(--space-4);border-left:1px solid var(--ink)}.review-check strong{display:block;font-size:.8125rem;margin-bottom:.4rem}.review-check .workflow-icon{width:19px;height:19px;margin-top:3px}.workflow-step[open] summary .step-toggle{transform:rotate(45deg)}.workflow-step[open] .review-check span{transform:none}.guide footer{margin-top:var(--space-12)}
@media(max-width:700px){.workflow-strip{grid-template-columns:1fr 1fr;gap:var(--space-4)}.tool-grid{grid-template-columns:1fr}.tool-card{padding:var(--space-5)}.support-tools{grid-template-columns:1fr;gap:var(--space-5)}.workflow-step summary{gap:var(--space-3)}.workflow-step summary h3{font-size:1.2rem}.step-body{padding:0 var(--space-2) var(--space-4) var(--space-8)}.guide-jumps{gap:var(--space-4)}.workflow-strip strong{font-size:.9375rem}}
/* Adapted from licensed Shadcnblocks feature426 and logos42. */
.editorial-tools{gap:0;border:var(--border);margin-top:var(--space-8);background:transparent}.editorial-tools .tool-card{border:0;border-radius:0;background:transparent;padding:var(--space-8);transition:background var(--duration-fast)}.editorial-tools .tool-card+.tool-card{border-left:var(--border)}.editorial-tools .tool-card:hover{background:var(--surface-subtle)}.editorial-tools .tool-card .brand-mark{margin-bottom:var(--space-10)}.editorial-tools .tool-card h3{font-size:1.7rem}.visual-guide .support-tools{width:88.89%;margin-left:auto;border:var(--border);border-top:0;gap:0;padding:0}.visual-guide .support-tools>div{padding:var(--space-6) var(--space-8)}.visual-guide .support-tools>div+div{border-left:var(--border)}
.workflow-explorer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:3.5rem;align-items:start;margin:var(--space-10) 0 var(--space-16)}.workflow-explorer .workflow-step summary{padding:1.4rem 0;gap:var(--space-4)}.workflow-explorer .workflow-step summary>.workflow-icon{display:none}.workflow-explorer .workflow-step summary h3{font-family:inherit;font-weight:500;font-size:1.1rem;letter-spacing:-.025em}.workflow-explorer .workflow-step summary p{display:none}.workflow-explorer .step-body{padding:0 0 var(--space-6) 2.1rem}.workflow-explorer .step-body p{font-size:.9375rem}.workflow-explorer .step-toggle{border:var(--border);border-radius:var(--radius-round);width:28px;height:28px;display:grid;place-items:center;font-size:19px}.workflow-explorer details[open] .step-toggle{background:var(--ink);color:var(--white)}.workflow-visual{position:sticky;top:100px;aspect-ratio:4/4.4;background:var(--surface-tinted);overflow:hidden;border-radius:var(--radius-sm)}.workflow-frame{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity var(--duration-slow) ease,visibility var(--duration-slow);display:flex;flex-direction:column}.workflow-frame.is-active{opacity:1;visibility:visible}.workflow-frame img{width:100%;height:calc(100% - 76px);object-fit:cover;min-height:0}.workflow-frame img.plan-image{object-fit:contain;background:var(--white);padding:var(--space-6)}.workflow-frame figcaption{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);font-size:.75rem;color:var(--ink);border-top:var(--border)}.workflow-frame figcaption span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.step-mobile-image{display:none}.workflow-step summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(max-width:900px){.workflow-explorer{grid-template-columns:1fr;gap:0}.workflow-visual{display:none}.step-mobile-image{display:block;margin:var(--space-6) 0 0}.step-mobile-image img{width:100%;max-height:350px;object-fit:contain;background:var(--white);border-radius:var(--radius-sm)}.step-mobile-image figcaption{font-size:.75rem;color:var(--muted);margin-top:.6rem}.editorial-tools .tool-card{padding:var(--space-5)}.visual-guide .support-tools{width:100%}}
@media(max-width:700px){.editorial-tools .tool-card+.tool-card{border-left:0;border-top:var(--border)}.editorial-tools .tool-card .brand-mark{margin-bottom:var(--space-5)}.visual-guide .support-tools>div+div{border-left:0;border-top:var(--border)}.visual-guide .support-tools>div{padding:var(--space-5)}.workflow-explorer{margin-top:var(--space-6)}}
@media(prefers-reduced-motion:reduce){.workflow-frame,.editorial-tools .tool-card{transition:none}}
/* Main-page adaptations: project4 editorial metadata, logos42, gallery110. */
.editorial-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:5rem;padding-top:var(--space-16)}.editorial-overview>.eyebrow{grid-column:1/-1}.editorial-overview h2{font-size:clamp(2rem,3.4vw,3.5rem);margin:0}.editorial-overview .project-facts{grid-column:2;grid-row:2/5;display:block;margin:0}.editorial-overview .project-facts>div{padding:var(--space-5) 0;border-top:var(--border)}.editorial-overview .project-facts dt{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.editorial-overview .project-facts dd{font-size:.9375rem}.landing-stack{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6);margin:var(--space-8) 0 var(--space-4);align-self:end}.landing-stack span{display:flex;align-items:center;gap:.6rem;font-size:.75rem}.landing-stack img{object-fit:contain}.editorial-overview>.text-link{font-size:.875rem;justify-self:start}
.reference-contact-sheet{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:var(--space-12);align-items:start}.reference-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-4)}.reference-thumbs button{padding:0;background:transparent;border:0;border-radius:0;text-align:left;min-width:0}.reference-thumbs img{width:100%;aspect-ratio:1.35;object-fit:cover;opacity:.7;transition:opacity var(--duration-fast);border:2px solid transparent;padding:3px}.reference-thumbs button:first-child img{object-fit:contain;background:var(--white)}.reference-thumbs button[aria-selected=true] img{opacity:1;border-color:var(--ink)}.reference-thumbs button:hover img{opacity:1}.reference-thumbs button>span{display:flex;gap:.6rem;font-size:.8rem;margin-top:.45rem}.reference-thumbs small{font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}.reference-thumbs button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.reference-view{position:sticky;top:100px;min-width:0}.reference-large{display:block;width:100%;border:var(--border);border-radius:var(--radius-sm);padding:0;background:var(--white);overflow:hidden}.reference-large img{width:100%;height:520px;object-fit:contain;background:var(--white)}.reference-large img.is-plan{padding:var(--space-5)}.reference-large>span{position:static;display:flex;justify-content:space-between;padding:var(--space-4);background:transparent;color:var(--ink);font-size:.8rem;border-top:var(--border)}.reference-caption{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-top:var(--space-4)}.reference-caption p{font-size:.8rem;color:var(--muted);margin:0}.reference-caption>span{font-size:.75rem;white-space:nowrap;color:var(--muted)}.reference-index>.eyebrow{margin-bottom:var(--space-6)}.reference-index>.fine{margin-top:var(--space-6)}
.refinement-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-10);border-top:var(--border)}.refinement-notes article{padding:var(--space-6) 1.75rem 0 0}.refinement-notes article+article{border-left:var(--border);padding-left:1.75rem}.refinement-notes article>span{font-size:.7rem;letter-spacing:.08em;color:var(--muted)}.refinement-notes h3{font-size:1.6rem;margin:.8rem 0}.refinement-notes p{font-size:.875rem;line-height:1.65;color:var(--muted)}
@media(max-width:900px){.editorial-overview{grid-template-columns:1fr;gap:0}.editorial-overview .project-facts{grid-column:auto;grid-row:auto;margin-top:var(--space-8)}.reference-contact-sheet{grid-template-columns:1fr;gap:var(--space-6)}.reference-thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.reference-thumbs button>span{flex-direction:column;gap:.2rem;font-size:.75rem}.reference-view{position:static}.reference-large img{height:430px}.reference-index>.fine{margin-bottom:0}}
@media(max-width:600px){.refinement-notes{grid-template-columns:1fr}.refinement-notes article,.refinement-notes article+article{padding:var(--space-5) 0;border-left:0;border-bottom:var(--border)}.reference-large img{height:330px}.reference-thumbs button>span{font-size:.65rem}.reference-thumbs img{padding:1px}.reference-caption{align-items:start}.editorial-overview{padding-top:var(--space-8)}}
@media(prefers-reduced-motion:reduce){.reference-thumbs img{transition:none}}
/* Contain transient entrance/press transforms without a horizontal page gutter. */
html{overflow-x:clip}
/* Keep brand symbols independent of full-width editorial image rules. */
.landing-stack img{width:24px;height:24px;min-width:24px;max-width:24px;flex:0 0 24px;object-fit:contain}.landing-stack img[src$="cloudflare.svg"]{width:32px;min-width:32px;max-width:32px;flex-basis:32px}.landing-stack span{white-space:nowrap}
.checkpoints .chapter-icon{display:block;width:22px;height:22px;margin-bottom:var(--space-4);flex:none;color:var(--muted)}.checkpoints button[aria-current=true] .chapter-icon{color:var(--ink)}.checkpoints button{min-height:138px}@media(max-width:700px){.checkpoints button{min-height:125px}.checkpoints .chapter-icon{width:20px;height:20px;margin-bottom:var(--space-3)}}
/* Shared icon sizing prevents global editorial image rules from stretching marks. */
.workflow-icon,.chapter-icon{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.checkpoints .chapter-icon{width:var(--icon-md);height:var(--icon-md)}.landing-stack img{width:var(--icon-md);height:var(--icon-md);min-width:var(--icon-md);max-width:var(--icon-md);flex-basis:var(--icon-md)}.landing-stack img[src$="cloudflare.svg"]{width:var(--brand-wide);min-width:var(--brand-wide);max-width:var(--brand-wide);flex-basis:var(--brand-wide)}
/* Final cross-page consistency and keyboard/accessibility polish. */
.project-byline{font-size:var(--type-caption);color:var(--muted);margin-bottom:var(--space-4)}.editorial-overview>.project-byline{grid-column:1/-1}
::selection{background:var(--ink);color:var(--white)}
.reference-large,.reference-thumbs button,.workflow-strip a{min-width:0}
.guide-jumps a,header nav a,footer a{min-height:var(--target-min);display:inline-flex;align-items:center}
.workflow-frame figcaption,.step-mobile-image figcaption,.reference-caption p{font-size:var(--type-caption)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.workflow-frame{transition:none}}
@media(max-width:600px){.reference-thumbs button>span{font-size:var(--type-label);line-height:1.4}.reference-thumbs small{font-size:var(--type-label)}}
/* Reference media shares the same frame language as the rest of the case study. */
.reference-thumbs img{border:var(--border);border-radius:var(--radius-card);padding:0;opacity:1}
.reference-thumbs button[aria-selected=true] img{border:1px solid var(--ink)}
.reference-thumbs button[aria-selected=true]>span{font-weight:600}
.reference-thumbs button[aria-selected=true]>span small{color:var(--ink)}
.reference-thumbs button:focus-visible{border-radius:var(--radius-card)}
.reference-large{border:var(--border);border-radius:var(--radius-frame)}
@media(max-width:600px){.reference-thumbs img{padding:0}}
.section-icon{display:block;width:var(--icon-md);height:var(--icon-md);flex:0 0 var(--icon-md);color:inherit}
.project-facts dt,.refinement-notes .refinement-label,.hero-meta .property-meta{display:flex;align-items:center;gap:var(--space-3)}
.step-list button>.section-icon{margin-right:var(--space-2)}
.refinement-notes .refinement-label{font-size:var(--type-label);color:var(--muted)}
.hero-meta .property-meta .section-icon{width:var(--icon-sm);height:var(--icon-sm);flex-basis:var(--icon-sm)}
@media(max-width:700px){.step-list button>.section-icon{margin-right:0}.step-list button{column-gap:var(--space-2)}.hero-meta .property-meta{align-items:flex-start}}
header nav{flex-wrap:wrap;gap:var(--space-4) var(--space-6)}
header nav [aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
@media(max-width:900px){header{flex-wrap:wrap;gap:var(--space-4)}header nav{width:100%;justify-content:flex-start;gap:var(--space-2) var(--space-4)}header nav>a:not(.nav-cta){display:inline-flex;font-size:var(--type-control)}header nav .nav-cta{font-size:var(--type-control)}}
/* Shared action controls; tabs retain their selection semantics. */
.action-button,header .nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:var(--target-min);padding:var(--space-3) var(--space-6);border:1px solid transparent;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--type-control);font-weight:500;line-height:1.4;text-decoration:none;transition:background var(--duration-fast) var(--curve),color var(--duration-fast) var(--curve)}
.action-primary,header .nav-cta{background:var(--ink);color:var(--white)}.action-primary:hover,header .nav-cta:hover{background:var(--ink-deep)}
.action-secondary{background:transparent;border-color:var(--border-strong);color:var(--ink)}.action-secondary:hover{background:var(--surface-hover)}
.action-button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.pill.action-button>span,header .nav-cta>span{margin-left:0}
.guide-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-10)}
.workflow-explorer .workflow-step summary>.workflow-icon{display:block;width:var(--icon-md);height:var(--icon-md)}
.workflow-explorer .step-body{padding-left:0}.step-meta{margin:0 0 var(--space-5);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.step-meta dt,.step-action>strong{display:block;font-family:var(--font-body);font-size:var(--type-label);font-weight:600;color:var(--muted);margin-bottom:var(--space-2)}.step-meta dd{margin:0;font-size:var(--type-control)}
.workflow-visual{border:var(--border);border-radius:var(--radius-frame)}
.guide-image-button{position:relative;display:block;width:100%;height:calc(100% - 76px);padding:0;border:0;background:var(--white);overflow:hidden;border-radius:0}
.workflow-frame .guide-image-button img{height:100%;width:100%;object-fit:contain;padding:0}.workflow-frame .guide-image-button img.plan-image{padding:var(--space-4)}
.image-open-label{position:absolute;right:var(--space-3);bottom:var(--space-3);font-size:var(--type-label);background:var(--white);color:var(--ink);padding:var(--space-2) var(--space-3);border:var(--border);border-radius:var(--radius-pill)}
.step-mobile-image .guide-image-button{height:auto;border:var(--border);border-radius:var(--radius-frame)}
.guide-scope{margin-top:var(--space-8);border-top:var(--border);border-bottom:var(--border);padding:var(--space-4) 0}.guide-scope summary{display:flex;justify-content:space-between}.guide-scope p{max-width:75ch}
#guide-lightbox{max-width:min(92vw,1200px);max-height:92vh;padding:var(--space-6);background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--radius-frame)}#guide-lightbox::backdrop{background:var(--overlay)}#guide-lightbox>img{width:100%;height:70vh;object-fit:contain;margin-top:var(--space-4)}#guide-lightbox>p{font-size:var(--type-caption);margin-top:var(--space-3)}
@media(max-width:600px){.step-meta{grid-template-columns:1fr}.workflow-explorer .workflow-step summary{gap:var(--space-2)}.guide-actions{flex-direction:column;align-items:stretch}}
.guide-jumps{gap:var(--space-3);padding:var(--space-6) 0}.guide-jumps .action-button{padding:var(--space-3) var(--space-6);min-height:var(--control-height)}.action-icon{width:var(--icon-sm);height:var(--icon-sm);flex:0 0 var(--icon-sm)}.guide-jumps>a::after{display:none}@media(max-width:600px){.guide-jumps{align-items:stretch}.guide-jumps .action-button{flex:1 1 auto}}
/* Keep the overview's narrative together rather than stretching individual grid rows. */
.editorial-overview{align-items:start}.editorial-overview .overview-intro{min-width:0}.editorial-overview .project-facts{grid-column:auto;grid-row:auto;margin:0}.overview-intro .overview-summary{font-size:var(--type-body);line-height:1.65;max-width:44ch;margin:var(--space-6) 0 0;color:var(--muted)}.overview-intro .landing-stack{margin:var(--space-8) 0 var(--space-6);align-self:auto;gap:var(--space-4) var(--space-6)}.overview-intro .landing-stack span:last-child{flex-basis:100%;color:var(--muted)}.overview-action{height:48px;min-height:48px;align-self:start;justify-self:start;max-width:100%;white-space:normal}.overview-intro .project-byline{margin-bottom:var(--space-4)}
@media(max-width:900px){.editorial-overview .project-facts{margin-top:var(--space-10)}.overview-intro .landing-stack{margin-top:var(--space-6)}}
/* Walkthrough-led project story */
.hero-film>video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--ink)}
.hero-film-controls{position:absolute;bottom:var(--space-6);left:var(--space-6);right:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}
.hero-film-controls button{min-height:var(--target-min);padding:var(--space-3) var(--space-5);border:1px solid var(--inverse-line);border-radius:var(--radius-pill);background:var(--ink);color:var(--white);font-size:var(--type-control)}
.workflow-next{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);padding-top:var(--space-16);padding-bottom:var(--space-16);border-top:var(--border)}
.workflow-next h2{font-size:var(--type-subheading);margin:var(--space-3) 0 var(--space-4)}.workflow-next p{color:var(--muted)}.workflow-next>a{flex-shrink:0}
@media(max-width:700px){.hero-film-controls{position:static;padding:var(--space-3);flex-wrap:wrap}.hero-film-controls .action-button,.hero-film-controls button{flex:1;white-space:nowrap}.workflow-next{flex-direction:column;align-items:flex-start}.hero-meta>.property-meta{display:flex}}
/* Final flow audit: shared controls and video-first mobile hierarchy. */
.action-button,header .nav-cta,.hero-film-controls button{min-height:var(--control-height);height:auto;padding:var(--space-3) var(--space-6);font-size:var(--type-control);font-weight:500;line-height:1.4}
.pill.action-button>span,header .nav-cta>span{width:var(--icon-sm);height:var(--icon-sm);background:none;border-radius:0;margin:0}
.hero-film-controls button{border-color:var(--inverse-line);background:var(--ink);color:var(--white)}
.hero-film-controls button:hover{background:var(--ink-deep)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);gap:var(--space-8) var(--space-12);align-items:end}
.hero .hero-copy{display:contents}.hero-copy>div{grid-column:1;grid-row:1}.hero>.hero-intro{grid-column:2;grid-row:1;padding:0;margin:0}.hero>.hero-image{grid-column:1/-1;grid-row:2}.hero>.hero-meta{grid-column:1/-1;grid-row:3;padding:0;margin-top:calc(-1 * var(--space-4))}
.workflow-next{border-top:0}.workflow-next .action-button{max-width:100%;white-space:normal;text-align:center}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr);gap:var(--space-6);padding-top:var(--space-6)}.hero>.hero-image{grid-row:2}.hero>.hero-meta{grid-row:3;margin:0}.hero>.hero-intro{grid-column:1;grid-row:4}.hero-intro p{margin-bottom:var(--space-4)}.hero-film-controls{gap:var(--space-2);padding:var(--space-2)}.hero-film-controls .action-button{flex:1 1 0;min-width:0;padding:var(--space-3);white-space:normal}.hero-film-controls button{border-color:var(--border-strong);background:transparent;color:var(--ink)}.hero-film-controls button:hover{background:var(--surface-hover)}.editorial-overview{padding-top:var(--space-12);padding-bottom:var(--space-12)}}
@media(max-width:700px){.hero-film-controls{display:grid;grid-template-columns:1.2fr 1fr}.hero-film-controls .action-button{padding:var(--space-3) var(--space-2);gap:var(--space-2);white-space:nowrap}}
@media(max-width:350px){.hero-film-controls{grid-template-columns:1fr}}
/* Concise project ownership and outcome, with tools on the workflow page. */
.overview-simple{column-gap:var(--space-16)}.overview-simple h2{max-width:22ch}.overview-author{font-size:var(--type-control);color:var(--muted);margin:var(--space-6) 0 var(--space-8)}.overview-simple .project-facts>div{padding:0 0 var(--space-6);border-top:0}.overview-simple .project-facts>div+div{padding-top:var(--space-6);border-top:var(--border)}.overview-simple .project-facts>div:last-child{padding-bottom:0}.overview-simple .project-facts dt{font-size:var(--type-caption);letter-spacing:0;text-transform:none;font-weight:500;margin-bottom:var(--space-2)}.overview-simple .project-facts dd{max-width:52ch;font-size:var(--type-body);line-height:1.6}.overview-simple .overview-action{height:auto}
@media(max-width:900px){.overview-simple .project-facts{margin-top:var(--space-8)}}
/* Keep the closing tour compact after removing its repeated summary. */
#player-status:empty{display:none}#tour>details{margin-top:var(--space-12)}.refinement-notes h3{margin-top:0}
/* Workflow copy refinement: keep process numbers, remove duplicate labels. */
.editorial-tools .tool-card h3{margin-top:var(--space-5)}.workflow-explorer .workflow-step summary{gap:var(--space-3)}.workflow-explorer .review-check{padding:var(--space-4) 0;background:transparent;border:0}.workflow-explorer .review-check strong{font-size:var(--type-caption);font-weight:500}.visual-guide #tools{margin-bottom:var(--space-8)}