/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.inline{display:inline}.table{display:table}}:root{--ivory:#fcfbf2;--ivory-soft:#f8f7ef;--teal:#103f41;--teal-deep:#0b3133;--teal-mist:#e7efec;--brass:#b69758;--brass-dark:#8b7040;--sage:#e1eadf;--sage-soft:#eef3eb;--amber:#f5eddd;--graphite:#403b35;--muted:#746d63;--rule:#cfd4ce;--white:#fff;--serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--sans:Avenir, "Avenir Next", "Segoe UI", Arial, sans-serif;--header-height:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);background:var(--ivory)}body{background:var(--ivory);min-width:320px;color:var(--graphite);font-family:var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:clip}body.is-dialog-open{overflow:hidden}button,a{font:inherit}button{color:inherit}button,a[href]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--brass-dark);outline-offset:4px}img{max-width:100%;display:block}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:1000;border:1px solid var(--brass);background:var(--ivory);color:var(--teal-deep);padding:10px 14px;text-decoration:none;transition:transform .18s;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.icon-library{width:0;height:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}.icon .icon-solid{fill:currentColor;stroke:none}.site-shell{isolation:isolate;min-height:100vh;position:relative}.site-shell:before{z-index:-2;content:"";background-color:var(--ivory);background-image:url(/assets/qep-ivory-linen-texture.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.site-header{z-index:100;height:var(--header-height);border-bottom:1px solid var(--brass);grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:22px;padding:10px clamp(20px,4vw,72px);display:grid;position:fixed;top:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.site-header{border-bottom:1px solid color-mix(in srgb, var(--brass) 42%, transparent)}}.site-header{background:var(--ivory)}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--ivory) 92%, transparent)}}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:box-shadow .22s,background .22s}.site-header.is-scrolled{background:var(--ivory)}@supports (color:color-mix(in lab, red, red)){.site-header.is-scrolled{background:color-mix(in srgb, var(--ivory) 97%, transparent)}}.site-header.is-scrolled{box-shadow:0 12px 32px #1a36350f}.header-brand{width:210px;text-decoration:none}.header-brand img{width:100%}.section-nav{justify-content:center;align-items:center;gap:8px;display:flex}.section-nav a{min-width:78px;color:var(--muted);text-align:center;border-bottom:2px solid #0000;padding:8px 10px 7px;text-decoration:none;transition:color .18s,border-color .18s,background .18s}.section-nav a span,.section-nav a small{display:block}.section-nav a span{font-family:var(--serif);font-size:15px;font-weight:700}.section-nav a small{letter-spacing:.08em;text-transform:uppercase;margin-top:1px;font-size:9px;font-weight:700}.section-nav a:hover,.section-nav a[aria-current=page]{border-bottom-color:var(--brass);color:var(--teal)}.header-brief-button{border:1px solid var(--teal);color:var(--teal);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;justify-self:end;align-items:center;gap:9px;padding:10px 14px 9px;font-size:11px;font-weight:800;transition:background .18s,color .18s,transform .18s;display:inline-flex}.header-brief-button .icon{width:16px;height:16px}.header-brief-button:hover{background:var(--teal);color:var(--ivory);transform:translateY(-1px)}.reading-progress{z-index:110;top:calc(var(--header-height) - 2px);pointer-events:none;height:2px;position:fixed;left:0;right:0}.reading-progress span{background:var(--brass);width:0;height:100%;transition:width 80ms linear;display:block}.scene{min-height:max(820px,100svh);padding:calc(var(--header-height) + 28px) clamp(24px, 5vw, 86px) 28px;scroll-margin-top:0;position:relative}.scene+.scene{border-top:1px solid var(--brass)}@supports (color:color-mix(in lab, red, red)){.scene+.scene{border-top:1px solid color-mix(in srgb, var(--brass) 22%, transparent)}}.scene-canvas{width:min(100%,1660px);min-height:calc(max(820px, 100svh) - var(--header-height) - 56px);margin:0 auto}.scene-canvas-standard{flex-direction:column;display:flex}.reveal{opacity:1;transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1);transform:none}.reveal.is-visible{opacity:1;transform:translateY(0)}.eyebrow{color:var(--teal);letter-spacing:.19em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.eyebrow.brass,.brass{color:var(--brass-dark)}.short-rule{background:var(--brass);width:86px;height:3px;margin-top:24px;display:block}.brass-rule{background:var(--brass);height:1px;margin-bottom:38px}.opening-brand{width:min(420px,34vw);margin:0 auto 20px}.opening-grid{grid-template-columns:minmax(0,1.18fr) minmax(470px,.82fr);align-items:center;gap:clamp(50px,8vw,130px);min-height:580px;display:grid}.opening-copy{padding-left:clamp(8px,2vw,32px)}.opening-copy h1{color:var(--teal-deep);font-family:var(--serif);letter-spacing:-.04em;margin:54px 0 0;font-size:clamp(58px,6vw,86px);font-weight:700;line-height:.99}.descriptor{color:var(--brass-dark);font-family:var(--serif);margin:44px 0 0;font-size:clamp(23px,2.15vw,33px);font-style:italic}.opening-statement{margin:36px 0 0;font-size:clamp(17px,1.5vw,22px);line-height:1.75}.canonical-tagline{color:var(--brass-dark);font-family:var(--serif);margin:34px 0 0;font-size:clamp(26px,2.4vw,36px);font-style:italic}.foundation-orbit{--node-size:74px;aspect-ratio:1;color:var(--brass-dark);position:relative}.foundation-orbit-large{width:min(520px,40vw);margin:0 auto}.orbit-ring{z-index:0;border:1px dashed var(--brass);position:absolute;inset:14%}@supports (color:color-mix(in lab, red, red)){.orbit-ring{border:1px dashed color-mix(in srgb, var(--brass) 52%, transparent)}}.orbit-ring{border-radius:50%}.orbit-node,.orbit-centre{border-radius:50%;place-items:center;display:grid;position:absolute}button.orbit-node,button.orbit-centre{cursor:pointer}.orbit-node{z-index:2;width:var(--node-size);height:var(--node-size);border:1.5px solid var(--brass);background:var(--ivory);color:var(--brass-dark);transition:transform .2s,background .2s,color .2s,box-shadow .2s}.orbit-connector{z-index:1;background:var(--teal);width:36%;height:1px;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.orbit-connector{background:color-mix(in srgb, var(--teal) 15%, transparent)}}.orbit-connector{pointer-events:none;transform-origin:0}.orbit-node .icon{width:38px;height:38px}.orbit-node span{background:var(--ivory);border-radius:2px;width:max-content;max-width:120px;padding:4px 7px;position:absolute;top:calc(100% + 8px)}@supports (color:color-mix(in lab, red, red)){.orbit-node span{background:color-mix(in srgb, var(--ivory) 88%, transparent)}}.orbit-node span{color:var(--teal);letter-spacing:.08em;opacity:0;pointer-events:none;text-transform:uppercase;font-size:10px;font-weight:800;transition:opacity .18s,transform .18s;transform:translateY(-4px)}button.orbit-node:hover,button.orbit-node:focus-visible{z-index:4;background:var(--sage-soft);color:var(--teal);transform:translate(-50%,-50%)scale(1.07);box-shadow:0 12px 28px #103f411a}button.orbit-node:hover span,button.orbit-node:focus-visible span{opacity:1;transform:translateY(0)}.node-governance{top:14%;left:50%;transform:translate(-50%,-50%)}.connector-governance{transform:rotate(-90deg)}.node-office{top:38.875%;left:84.238%;transform:translate(-50%,-50%)}.connector-office{transform:rotate(-18deg)}.node-architecture{top:79.125%;left:71.16%;transform:translate(-50%,-50%)}.connector-architecture{transform:rotate(54deg)}.node-portfolio{top:79.125%;left:28.84%;transform:translate(-50%,-50%)}.connector-portfolio{transform:rotate(126deg)}.node-ai{top:38.875%;left:15.762%;transform:translate(-50%,-50%)}.connector-ai{transform:rotate(198deg)}.orbit-centre{z-index:3;aspect-ratio:1;border:10px solid var(--ivory);outline:2px solid var(--brass);background:var(--teal);width:42%;color:var(--ivory);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(12px,1.1vw,17px);font-weight:800;line-height:1.35;transition:transform .2s,background .2s;display:flex;inset:50% auto auto 50%;transform:translate(-50%,-50%)}button.orbit-centre:hover{background:var(--teal-deep);transform:translate(-50%,-50%)scale(1.03)}.orbit-centre span{text-align:center;width:100%;display:block}.capability-index{border-top:1px solid var(--brass);grid-template-columns:repeat(5,1fr);gap:16px;margin-top:28px;padding-top:20px;display:grid;position:relative}.capability-index a{color:var(--teal);letter-spacing:.17em;text-align:center;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.45;text-decoration:none;position:relative}.capability-index a>span{background:var(--teal);border-radius:50%;width:10px;height:10px;transition:transform .18s,background .18s;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.capability-index a:hover>span{background:var(--brass);transform:translate(-50%)scale(1.35)}.opening-footer{justify-content:space-between;align-items:center;margin-top:26px;padding:0 10px;display:flex}.opening-footer p{color:var(--teal);letter-spacing:.17em;text-transform:uppercase;font-size:11px;font-weight:800}.opening-footer p span{color:var(--brass)}.opening-footer img{object-fit:contain;width:66px;height:70px}.scene-heading,.practice-heading{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.section-number{color:var(--brass-dark);font-family:var(--serif);margin:0;font-size:38px;font-weight:700}.scene-heading .short-rule,.practice-heading .short-rule{width:82px;height:2px;margin-top:10px}.scene-heading h2,.practice-heading h2{color:var(--teal-deep);font-family:var(--serif);letter-spacing:-.025em;margin:24px 0 0;font-size:clamp(38px,4vw,53px);line-height:1.07}.section-intro{margin:10px 0 0;font-size:19px}.scene-marker{color:var(--teal);align-items:center;gap:36px;display:flex}.scene-marker span{letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:800}.scene-marker strong{color:var(--brass-dark);font-family:var(--serif);font-size:37px}.case-callout{border-left:5px solid var(--brass);background:var(--amber);font-family:var(--serif);margin:42px 0 38px;padding:24px 32px;font-size:clamp(19px,1.85vw,27px);line-height:1.48}.case-grid{flex:1;grid-template-columns:minmax(280px,1fr) minmax(310px,.92fr) minmax(340px,1.12fr);gap:0;display:grid}.diagnostic-column,.shift-column,.outcome-column{min-width:0;padding:18px clamp(20px,2.5vw,42px)}.diagnostic-column{border-right:1px solid var(--rule);padding-left:0}.outcome-column{border-left:1px solid var(--rule);padding-right:0}.diagnostic-item,.outcome-item{border:0;border-bottom:1px solid var(--rule);text-align:left;cursor:pointer;background:0 0;grid-template-columns:50px 1fr;align-items:start;gap:18px;width:100%;padding:20px 12px;transition:background .18s,transform .18s;display:grid}.diagnostic-item:first-of-type,.outcome-item:first-of-type{margin-top:17px}.diagnostic-item:last-child,.outcome-item:last-child{border-bottom:0}.diagnostic-item:hover,.diagnostic-item[aria-pressed=true],.outcome-item:hover,.outcome-item.is-active{background:var(--sage-soft)}@supports (color:color-mix(in lab, red, red)){.diagnostic-item:hover,.diagnostic-item[aria-pressed=true],.outcome-item:hover,.outcome-item.is-active{background:color-mix(in srgb, var(--sage-soft) 70%, transparent)}}.diagnostic-item:hover,.diagnostic-item[aria-pressed=true],.outcome-item:hover,.outcome-item.is-active{transform:translate(3px)}.diagnostic-item>.icon{width:42px;height:42px;color:var(--brass-dark)}.diagnostic-item strong,.outcome-item strong{color:var(--teal);font-size:16px;display:block}.diagnostic-item small,.outcome-item small{color:var(--graphite);margin-top:5px;font-size:13px;line-height:1.5;display:block}.shift-column{flex-direction:column;align-items:center;display:flex}.foundation-orbit-medium{--node-size:54px;width:min(340px,92%);margin:26px auto 12px}.foundation-orbit-medium .orbit-node{width:var(--node-size);height:var(--node-size)}.foundation-orbit-medium .orbit-node .icon{width:29px;height:29px}.foundation-orbit-medium .orbit-centre{border-width:7px;font-size:10px}.shift-caption{color:var(--brass-dark);font-family:var(--serif);text-align:center;margin:10px 0 0;font-size:17px;font-style:italic;line-height:1.5}.outcome-item{grid-template-columns:54px 1fr}.outcome-icon{border:1px solid var(--brass);background:var(--sage-soft);width:48px;height:48px;color:var(--brass-dark);border-radius:50%;place-items:center;display:grid}.outcome-icon .icon{width:28px;height:28px}.scene-footer{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:30px;display:grid}.scene-footer>span{background:var(--brass);height:1px}.footer-qmark{object-fit:contain;width:43px;height:47px}.footer-wordmark{width:235px}.capability-rail{grid-template-columns:repeat(5,1fr);margin-top:54px;display:grid;position:relative}.capability-rail:before{display:none}.capability-card{text-align:center;cursor:pointer;background:0 0;border:0;grid-template-rows:42px 86px 30px 92px auto;justify-items:center;min-width:0;padding:0 8px 18px;display:grid;position:relative}.capability-card:last-child{border:0}.capability-card:after{z-index:-2;content:"";background:0 0;transition:background .18s,box-shadow .18s;position:absolute;inset:-14px 6px -8px}.capability-card:hover:after,.capability-card.is-active:after{background:var(--sage-soft)}@supports (color:color-mix(in lab, red, red)){.capability-card:hover:after,.capability-card.is-active:after{background:color-mix(in srgb, var(--sage-soft) 65%, transparent)}}.capability-card:hover:after,.capability-card.is-active:after{box-shadow:0 18px 38px #103f410d}.capability-number{color:var(--brass-dark);font-family:var(--serif);font-size:28px;font-weight:700}.capability-icon{border:1.5px solid var(--brass);background:var(--ivory);width:80px;height:80px;color:var(--brass-dark);border-radius:50%;place-items:center;transition:border-color .18s,background .18s,color .18s,transform .18s;display:grid}.capability-icon .icon{width:45px;height:45px}.capability-card:hover .capability-icon,.capability-card.is-active .capability-icon{border:3px solid var(--teal);background:var(--sage-soft);color:var(--teal);transform:translateY(-3px)}.signature-label{color:var(--brass-dark);letter-spacing:.16em;text-transform:uppercase;visibility:hidden;align-self:center;font-size:9px;font-weight:800}.capability-card[data-capability=office] .signature-label{visibility:visible}.capability-card:not([data-capability=office]) .capability-icon{grid-row:2/4}.capability-ribbon{background:var(--teal);width:calc(100% + 16px);color:var(--ivory);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,14px 50%);letter-spacing:.04em;text-transform:uppercase;align-self:stretch;place-items:center;padding:14px 12px;font-size:14px;font-weight:800;line-height:1.35;transition:background .18s,color .18s;display:grid}.capability-card.is-active .capability-ribbon{background:var(--sage);color:var(--teal-deep);outline:1px solid var(--brass);outline-offset:-1px}.capability-copy{max-width:245px;padding-top:20px;font-size:14px;line-height:1.55}.team-panel{background:var(--sage-soft);grid-template-columns:1fr 1px 1fr;gap:clamp(26px,4vw,58px);margin-top:auto;padding:28px 34px;display:grid}.team-panel article{grid-template-columns:60px 1fr;align-items:start;gap:22px;display:grid}.team-panel article>.icon{width:56px;height:56px;color:var(--brass-dark)}.team-panel article p:not(.eyebrow){margin:12px 0 0;font-size:16px;line-height:1.55}.team-divider{background:var(--brass)}.practice-heading .eyebrow{margin-top:14px}.practice-heading .eyebrow span{color:var(--brass)}.practice-heading-right{flex-direction:column;align-items:flex-end;gap:22px;display:flex}.proof-metrics{gap:22px;display:flex}.proof-metrics>span{justify-items:center;gap:8px;width:84px;display:grid}.proof-metrics strong{border:1px solid var(--brass);background:var(--sage-soft);width:68px;height:68px;color:var(--teal-deep);font-family:var(--serif);border-radius:50%;place-items:center;font-size:29px;display:grid}.proof-metrics small{color:var(--brass-dark);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:800}.stage-pathway{grid-template-columns:repeat(4,1fr);margin-top:34px;display:grid;position:relative}.pathway-line{background:var(--brass);height:1px;position:absolute;top:79px;left:12.5%;right:12.5%}.stage{z-index:2;color:var(--teal-deep);cursor:pointer;background:0 0;border:0;grid-template-rows:32px 96px auto;justify-items:center;gap:4px;padding:0 16px;display:grid;position:relative}.stage-number{color:var(--brass-dark);font-family:var(--serif);font-size:24px;font-weight:700}.stage-icon{border:1.5px solid var(--brass);background:var(--ivory);width:88px;height:88px;color:var(--brass-dark);border-radius:50%;place-items:center;transition:background .18s,border .18s,color .18s,transform .18s;display:grid}.stage-icon .icon{width:47px;height:47px}.stage strong{letter-spacing:.06em;text-align:center;text-transform:uppercase;margin-top:6px;font-size:13px;line-height:1.35}.stage:hover .stage-icon,.stage.is-active .stage-icon{border:3px solid var(--teal);background:var(--sage);color:var(--teal);transform:translateY(-3px)}.stage-detail{border-left:3px solid var(--brass);background:var(--sage-soft);grid-template-columns:170px 1fr;align-items:center;gap:24px;min-height:60px;margin:24px auto 0;padding:12px 20px;display:grid}@supports (color:color-mix(in lab, red, red)){.stage-detail{background:color-mix(in srgb, var(--sage-soft) 70%, transparent)}}.stage-detail{width:min(760px,100%)}.stage-detail span{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.stage-detail p{font-family:var(--serif);margin:0;font-size:17px}.stream-panel{border:1px solid var(--rule);background:var(--ivory-soft);margin-top:24px;padding:20px 28px 16px}@supports (color:color-mix(in lab, red, red)){.stream-panel{background:color-mix(in srgb, var(--ivory-soft) 78%, transparent)}}.stream-grid{grid-template-columns:repeat(6,1fr);margin-top:15px;display:grid}.stream{border:0;border-right:1px solid var(--rule);min-height:108px;color:var(--brass-dark);cursor:pointer;background:0 0;align-content:center;place-items:center;gap:8px;padding:10px;transition:background .18s,color .18s;display:grid}.stream:last-child{border-right:0}.stream:hover,.stream.is-active{background:var(--sage-soft);color:var(--teal)}.stream .icon{width:39px;height:39px}.stream span{color:var(--graphite);text-align:center;font-size:12px;line-height:1.35}.stream-detail{min-height:21px;color:var(--muted);font-family:var(--serif);text-align:center;margin:12px 0 0;font-size:14px;font-style:italic}.practice-bottom{grid-template-columns:1.45fr .75fr;gap:30px;margin-top:24px;display:grid}.outcome-panel{background:var(--sage-soft);padding:22px 30px}.outcome-panel>p:not(.eyebrow){font-family:var(--serif);margin:12px 0 0;font-size:19px;line-height:1.45}.outcome-panel>strong{color:var(--brass-dark);letter-spacing:.16em;text-transform:uppercase;margin-top:10px;font-size:10px;display:block}.outcome-panel>strong span{color:var(--teal)}.explore-brief{background:var(--teal);color:var(--ivory);text-align:left;cursor:pointer;border:0;grid-template-columns:62px 1fr 24px;align-items:center;gap:18px;padding:22px 24px;transition:background .18s,transform .18s,box-shadow .18s;display:grid;position:relative}.explore-brief:hover{background:var(--teal-deep);transform:translateY(-2px);box-shadow:0 16px 36px #103f4129}.explore-brief>.icon:first-child{width:58px;height:58px;color:var(--brass)}.explore-brief strong,.explore-brief small,.explore-brief em{display:block}.explore-brief strong{letter-spacing:.08em;text-transform:uppercase;font-size:13px}.explore-brief small{margin-top:6px;font-size:12px;line-height:1.45}.explore-brief em{color:var(--brass);letter-spacing:.12em;text-transform:uppercase;margin-top:8px;font-size:9px;font-style:normal;font-weight:800}.explore-arrow{width:22px;height:22px;color:var(--brass)}.brief-dialog{border:1px solid var(--brass);background:var(--ivory);width:min(1180px,100vw - 32px);max-width:none;height:min(880px,100svh - 28px);max-height:none;color:var(--graphite);margin:auto;padding:0;overflow:hidden;box-shadow:0 32px 100px #0b313347}.brief-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#061c1db8}.brief-dialog[open]{animation:.24s cubic-bezier(.22,1,.36,1) dialog-in}@keyframes dialog-in{0%{opacity:0;transform:translateY(16px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.brief-dialog-shell{background-image:url(/assets/qep-ivory-linen-texture.png);background-position:50%;background-size:cover;grid-template-rows:auto 1fr auto;height:100%;display:grid}.brief-dialog-header,.brief-dialog-footer{border-bottom:1px solid var(--brass);background:var(--ivory);justify-content:space-between;align-items:center;gap:24px;padding:16px 22px;display:flex}@supports (color:color-mix(in lab, red, red)){.brief-dialog-header,.brief-dialog-footer{background:color-mix(in srgb, var(--ivory) 94%, transparent)}}.brief-dialog-header>div{align-items:center;gap:14px;display:flex}.brief-dialog-header img{object-fit:contain;width:38px;height:42px}.brief-dialog-header small,.brief-dialog-header strong{display:block}.brief-dialog-header small{color:var(--brass-dark);letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:800}.brief-dialog-header strong{color:var(--teal-deep);font-family:var(--serif);font-size:23px}.dialog-close{border:1px solid var(--teal);width:42px;height:42px;color:var(--teal);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.dialog-close .icon{width:21px;height:21px}.dialog-close:hover{background:var(--teal);color:var(--ivory)}.brief-viewer{grid-template-columns:126px 1fr;min-height:0;display:grid;overflow:hidden}.brief-thumbnails{border-right:1px solid var(--rule);background:var(--sage-soft);flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.brief-thumbnails{background:color-mix(in srgb, var(--sage-soft) 55%, transparent)}}.brief-thumbnails button{cursor:pointer;background:0 0;border:1px solid #0000;padding:4px;transition:border-color .16s,background .16s;position:relative}.brief-thumbnails button:hover,.brief-thumbnails button.is-active{border-color:var(--brass);background:var(--ivory)}.brief-thumbnails img{width:100%;box-shadow:0 5px 14px #0b313314}.brief-thumbnails span{background:var(--teal);width:25px;height:25px;color:var(--ivory);font-family:var(--serif);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;bottom:7px;right:7px}.brief-page-stage{grid-template-rows:1fr auto;justify-items:center;min-height:0;margin:0;padding:18px 22px 10px;display:grid;overflow:hidden}.brief-page-stage>img{object-fit:contain;width:auto;min-height:0;max-height:100%;box-shadow:0 10px 34px #0b31331f}.brief-page-stage figcaption{width:100%;color:var(--muted);justify-content:space-between;gap:20px;padding-top:9px;font-size:11px;display:flex}.brief-page-stage figcaption span{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.brief-dialog-footer{border-top:1px solid var(--brass);border-bottom:0}.brief-page-controls,.brief-file-actions{align-items:center;gap:9px;display:flex}.brief-page-controls button,.brief-file-actions a{border:1px solid var(--teal);min-height:42px;color:var(--teal);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.brief-page-controls button:hover,.brief-file-actions a:hover,.brief-file-actions a.primary{background:var(--teal);color:var(--ivory)}.brief-file-actions a.primary:hover{background:var(--teal-deep)}.brief-page-controls .icon,.brief-file-actions .icon{width:16px;height:16px}.brief-page-controls .reverse{transform:rotate(180deg)}.interaction-hint{z-index:80;color:var(--teal);letter-spacing:.15em;pointer-events:none;text-transform:uppercase;align-items:center;gap:12px;padding:8px 10px;font-size:9px;font-weight:800;transition:opacity .24s;display:flex;position:fixed;bottom:20px;right:24px}.interaction-hint i{background:var(--brass);width:1px;height:32px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.interaction-hint i{background:color-mix(in srgb, var(--brass) 30%, transparent)}}.interaction-hint i:after{content:"";background:var(--brass-dark);width:1px;height:55%;animation:1.8s ease-in-out infinite scroll-cue;position:absolute;top:-70%;left:0}.interaction-hint.is-hidden{opacity:0}@keyframes scroll-cue{0%{transform:translateY(0)}65%,to{transform:translateY(98px)}}@media (width>=1100px) and (height>=760px){html{scroll-snap-type:none}}@media (width<=1180px){.site-header{grid-template-columns:190px 1fr auto;gap:14px;padding-inline:24px}.section-nav a{min-width:54px}.section-nav a small{display:none}.opening-grid{grid-template-columns:1fr 420px;gap:42px}.case-grid{grid-template-columns:1fr .82fr 1.05fr}.diagnostic-item,.outcome-item{grid-template-columns:42px 1fr;gap:12px;padding-inline:6px}.capability-ribbon{font-size:12px}.capability-copy{font-size:13px}}@media (width<=900px){:root{--header-height:64px}.site-header{grid-template-columns:150px 1fr auto;padding-inline:16px}.header-brand{width:148px}.header-brief-button span{display:none}.header-brief-button{justify-content:center;width:39px;height:39px;padding:0}.scene{min-height:auto;padding:calc(var(--header-height) + 28px) 22px 34px}.scene-canvas{min-height:0}.opening-brand{width:min(380px,60vw)}.opening-grid{grid-template-columns:1fr;min-height:0}.opening-copy{padding:0}.foundation-orbit-large{width:min(500px,70vw);margin-top:20px}.case-grid{grid-template-columns:1fr 1fr}.diagnostic-column{border-right:1px solid var(--rule)}.shift-column{border-right:0}.outcome-column{border-top:1px solid var(--rule);border-left:0;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 18px;padding-left:0;display:grid}.outcome-column>.eyebrow{grid-column:1/-1;margin-top:18px}.capability-rail{grid-template-columns:repeat(2,1fr);gap:18px}.capability-rail:before{display:none}.capability-card{border:0;min-height:340px}.capability-card:last-child{border:0;grid-column:1/-1;justify-self:center;width:50%}.team-panel{margin-top:28px}.practice-heading{grid-template-columns:1fr;display:grid}.practice-heading-right{align-items:flex-start}.proof-metrics{justify-content:space-between;align-self:stretch}.practice-bottom{grid-template-columns:1fr}.stream-grid{grid-template-columns:repeat(3,1fr)}.stream:nth-child(3){border-right:0}.stream:nth-child(-n+3){border-bottom:1px solid var(--rule)}}@media (width<=640px){.site-header{grid-template-columns:112px 1fr 40px;gap:8px;padding-inline:10px}.header-brand{width:108px}.section-nav{gap:1px}.section-nav a{min-width:36px;padding-inline:6px}.section-nav a span{font-size:13px}.scene{padding-inline:16px}.opening-brand{width:min(310px,78vw);margin-bottom:4px}.opening-copy h1{margin-top:36px;font-size:clamp(46px,15vw,66px)}.descriptor{margin-top:28px;font-size:22px}.opening-statement br{display:none}.canonical-tagline{font-size:27px}.foundation-orbit-large{--node-size:58px;width:min(350px,92vw)}.foundation-orbit-large .orbit-node{width:var(--node-size);height:var(--node-size)}.foundation-orbit-large .orbit-node .icon{width:31px;height:31px}.foundation-orbit-large .orbit-centre{border-width:7px;font-size:10px}.orbit-node span{display:none}.capability-index{border-top:0;border-left:1px solid var(--brass);grid-template-columns:1fr;gap:0;padding-top:0}.capability-index a{text-align:left;align-items:center;min-height:55px;padding:8px 0 8px 30px;display:flex}.capability-index a br{display:none}.capability-index a>span{top:50%;left:-5px;transform:translateY(-50%)}.opening-footer{align-items:flex-end;padding:0}.opening-footer p{max-width:220px;line-height:1.7}.scene-heading,.practice-heading{display:block}.scene-marker{border-top:1px solid var(--brass);justify-content:space-between;margin-top:24px;padding-top:12px}.scene-heading h2,.practice-heading h2{font-size:36px}.case-callout{padding:19px 20px;font-size:18px}.case-grid{grid-template-columns:1fr}.diagnostic-column,.shift-column,.outcome-column{border:0;border-bottom:1px solid var(--rule);padding:22px 0}.outcome-column{grid-template-columns:1fr}.foundation-orbit-medium{width:min(320px,88vw)}.footer-wordmark{width:165px}.capability-rail{grid-template-columns:1fr;margin-top:34px}.capability-card,.capability-card:last-child{text-align:left;grid-column:auto;grid-template-rows:auto auto auto;grid-template-columns:72px 1fr;place-items:center stretch;width:100%;min-height:0;padding:16px}.capability-number{font-size:18px;position:absolute;top:8px;left:8px}.capability-icon,.capability-card:not([data-capability=office]) .capability-icon{grid-row:1/4;width:58px;height:58px}.capability-icon .icon{width:32px;height:32px}.signature-label{grid-column:2;justify-self:start;margin-bottom:3px}.capability-ribbon{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,9px 50%);grid-column:2;justify-content:flex-start;align-items:center;width:100%;min-height:52px;padding:10px 20px;display:flex}.capability-ribbon br{display:none}.capability-copy{grid-column:2;max-width:none;padding:10px 2px 0}.team-panel{grid-template-columns:1fr;gap:22px;padding:24px 20px}.team-divider{width:100%;height:1px}.team-panel article{grid-template-columns:46px 1fr;gap:16px}.team-panel article>.icon{width:42px;height:42px}.practice-heading-right{margin-top:24px}.proof-metrics{gap:8px;width:100%}.proof-metrics>span{flex:1;width:auto}.proof-metrics strong{width:58px;height:58px;font-size:24px}.stage-pathway{grid-template-columns:1fr;gap:5px}.pathway-line{width:1px;height:auto;top:45px;bottom:45px;left:45px}.stage{text-align:left;grid-template-rows:1fr;grid-template-columns:38px 76px 1fr;place-items:center start;min-height:92px}.stage-number{font-size:18px}.stage-icon{width:68px;height:68px}.stage-icon .icon{width:36px;height:36px}.stage strong{text-align:left;margin:0 0 0 10px}.stage-detail{grid-template-columns:1fr;gap:5px}.stream-panel{padding:18px 14px}.stream-grid{grid-template-columns:repeat(2,1fr)}.stream:nth-child(2n){border-right:0}.stream:nth-child(-n+4){border-bottom:1px solid var(--rule)}.stream:nth-child(3){border-right:1px solid var(--rule)}.practice-bottom{gap:16px}.explore-brief{grid-template-columns:48px 1fr 20px;gap:12px;padding:20px 18px}.explore-brief>.icon:first-child{width:44px;height:44px}.brief-dialog{width:calc(100vw - 12px);height:calc(100svh - 12px)}.brief-dialog-header{padding:12px 14px}.brief-dialog-header strong{font-size:18px}.brief-viewer{grid-template-rows:auto 1fr;grid-template-columns:1fr}.brief-thumbnails{border-right:0;border-bottom:1px solid var(--rule);flex-direction:row;padding:8px;overflow-x:auto}.brief-thumbnails button{flex:0 0 70px}.brief-page-stage{padding:10px 8px 6px}.brief-page-stage figcaption small{display:none}.brief-dialog-footer{flex-direction:column;align-items:stretch;gap:8px;padding:9px}.brief-page-controls,.brief-file-actions{grid-template-columns:1fr 1fr;display:grid}.interaction-hint{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}@media print{.site-header,.reading-progress,.interaction-hint,.brief-dialog{display:none!important}.scene{break-after:page;min-height:0;padding:18mm}.reveal{opacity:1;transform:none}}
/* Mobile type scale and spacing. Scoped to <=640px.
   Scene top padding is set further down, for both breakpoints. */

@media (width<=640px) {

  /* Layout */

  .scene {
    padding-inline: 26px;
    padding-block-end: 26px;
  }

  .site-header {
    padding-inline: 18px;
  }

  /* Opening */

  .opening-brand {
    width: min(196px, 50vw);
    margin-bottom: 6px;
  }

  .opening-copy > .eyebrow {
    margin-top: 22px;
  }

  .opening-copy h1 {
    margin-top: 18px;
    font-size: clamp(33px, 10.8vw, 46px);
    line-height: 1.12;
    letter-spacing: -.03em;
  }

  .descriptor {
    margin-top: 15px;
    font-size: 16px;
  }

  .opening-copy .short-rule {
    width: 62px;
    height: 2px;
    margin-top: 16px;
  }

  .opening-statement {
    margin-top: 18px;
    font-size: 13.5px;
    line-height: 1.62;
  }

  .canonical-tagline {
    margin-top: 16px;
    font-size: 18px;
  }

  .opening-footer p {
    max-width: 250px;
    font-size: 11px;
    line-height: 1.55;
  }

  /* Section headings */

  .scene-heading h2,
  .practice-heading h2 {
    margin-top: 11px;
    font-size: 23px;
    line-height: 1.14;
  }

  /* The index numeral above the heading steps down; the marker numeral keeps
     its size, since it signposts the section rather than indexing it. */

  .section-number {
    font-size: 13px;
  }

  .section-intro {
    margin-top: 7px;
    font-size: 13.5px;
    line-height: 1.5;
  }

  .scene-marker {
    margin-top: 15px;
    padding-top: 9px;
  }

  .eyebrow {
    font-size: 9.5px;
  }

  .scene-heading .short-rule,
  .practice-heading .short-rule {
    width: 22px;
    margin-top: 6px;
  }

  /* Operating case */

  .case-callout {
    margin: 19px 0 18px;
    padding: 14px 16px;
    border-left-width: 4px;
    font-size: 14.5px;
    line-height: 1.5;
  }

  .diagnostic-column,
  .shift-column,
  .outcome-column {
    padding: 14px 0;
  }

  .diagnostic-item,
  .outcome-item {
    gap: 12px;
    padding: 12px 4px;
  }

  /* Diagnostic items hold a bare <svg>; outcome items wrap theirs in a
     bordered .outcome-icon circle. Each grid column must match its own
     icon width or the copy overlaps it. */

  .diagnostic-item {
    grid-template-columns: 34px 1fr;
  }

  .diagnostic-item > .icon {
    width: 30px;
    height: 30px;
  }

  .outcome-item {
    grid-template-columns: 38px 1fr;
  }

  .outcome-icon {
    width: 38px;
    height: 38px;
  }

  .outcome-icon .icon {
    width: 21px;
    height: 21px;
  }

  .diagnostic-item strong,
  .outcome-item strong {
    font-size: 13px;
  }

  .diagnostic-item small,
  .outcome-item small {
    margin-top: 3px;
    font-size: 11.5px;
    line-height: 1.45;
  }

  .shift-caption {
    font-size: 13.5px;
    line-height: 1.45;
  }

  /* Capabilities */

  .capability-rail {
    margin-top: 20px;
  }

  .capability-card,
  .capability-card:last-child {
    grid-template-columns: 54px 1fr;
    padding: 12px;
  }

  .capability-icon,
  .capability-card:not([data-capability="office"]) .capability-icon {
    width: 42px;
    height: 42px;
  }

  .capability-icon .icon {
    width: 24px;
    height: 24px;
  }

  .capability-number {
    font-size: 15px;
  }

  .capability-ribbon {
    min-height: 42px;
    padding: 8px 16px;
    font-size: 10.5px;
  }

  .capability-copy {
    padding-top: 11px;
    font-size: 12px;
    line-height: 1.5;
  }

  .signature-label {
    font-size: 9px;
  }

  /* Team */

  .team-panel {
    margin-top: 18px;
    padding: 16px;
    gap: 15px;
  }

  .team-panel article > .icon {
    width: 36px;
    height: 36px;
  }

  .team-panel article p:not(.eyebrow) {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.5;
  }

  /* Practice */

  .proof-metrics > span {
    width: 64px;
    gap: 5px;
  }

  .proof-metrics strong {
    width: 50px;
    height: 50px;
  }

  .proof-metrics small {
    font-size: 8px;
  }

  .stage strong {
    margin-top: 3px;
    font-size: 11px;
  }

  .stage-detail {
    gap: 13px;
    min-height: 46px;
    margin-top: 15px;
    padding: 9px 14px;
  }

  .stage-detail span {
    font-size: 9.5px;
  }

  .stage-detail p {
    font-size: 13.5px;
  }

  .stream {
    min-height: 82px;
    gap: 5px;
    padding: 7px;
  }

  .stream .icon {
    width: 29px;
    height: 29px;
  }

  .stream span {
    font-size: 10.5px;
    line-height: 1.3;
  }

  .stream-detail {
    margin-top: 9px;
    font-size: 12px;
  }

  /* Outcome and footer */

  .outcome-panel {
    padding: 16px;
  }

  .footer-wordmark {
    width: 118px;
  }
}
/* The header carries the monogram at every width; the full wordmark appears
   at size in the opening scene. The accessible name sits on the anchor's
   aria-label, so hiding the image costs nothing. */

.header-brand {
  width: 38px;
  height: 40px;
  background-image: url(/assets/qep-q-mark.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.header-brand img {
  display: none;
}

@media (width<=900px) {
  .header-brand {
    width: 34px;
    height: 36px;
  }
}

@media (width<=640px) {
  .site-header {
    grid-template-columns: 32px 1fr 40px;
    gap: 10px;
  }

  .header-brand {
    width: 30px;
    height: 32px;
  }

  .section-nav {
    gap: 2px;
  }

  .section-nav a {
    min-width: 42px;
    padding-inline: 7px;
  }

  .section-nav a span {
    font-size: 14px;
  }
}
/* Opening scene entrance, opacity and transform only. Runs once on load.
   The site's .reveal class is inert, so these stand apart from it and need
   no JavaScript. */

@keyframes qep-rise {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes qep-draw {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}

@keyframes qep-settle {
  from { opacity: 0; transform: scale(.965); }
  to   { opacity: 1; transform: scale(1); }
}

.scene-opening .opening-brand,
.scene-opening .opening-copy > .eyebrow,
.scene-opening .opening-copy h1,
.scene-opening .descriptor,
.scene-opening .opening-statement,
.scene-opening .canonical-tagline,
.scene-opening .capability-index {
  animation: qep-rise .78s cubic-bezier(.22, 1, .36, 1) both;
}

.scene-opening .opening-brand           { animation-delay: .05s; }
.scene-opening .opening-copy > .eyebrow { animation-delay: .20s; }
.scene-opening .opening-copy h1         { animation-delay: .28s; }
.scene-opening .descriptor              { animation-delay: .40s; }
.scene-opening .opening-statement       { animation-delay: .60s; }
.scene-opening .canonical-tagline       { animation-delay: .70s; }
.scene-opening .capability-index        { animation-delay: .80s; }

.scene-opening .opening-copy .short-rule {
  transform-origin: left center;
  animation: qep-draw .72s cubic-bezier(.22, 1, .36, 1) .50s both;
}

.scene-opening .foundation-orbit-large {
  animation: qep-settle .9s cubic-bezier(.22, 1, .36, 1) .34s both;
}

/* The site zeroes animation duration under reduced motion but not delay,
   which would otherwise hold elements hidden for up to .8s. */

@media (prefers-reduced-motion: reduce) {
  .scene-opening .opening-brand,
  .scene-opening .opening-copy > .eyebrow,
  .scene-opening .opening-copy h1,
  .scene-opening .descriptor,
  .scene-opening .opening-copy .short-rule,
  .scene-opening .opening-statement,
  .scene-opening .canonical-tagline,
  .scene-opening .capability-index,
  .scene-opening .foundation-orbit-large {
    animation-delay: 0s !important;
  }
}
/* The opening is a cover rather than a numbered section, so its nav item
   carries a short brass rule where the others carry a numeral. Height is set
   in em so the label below stays aligned with its siblings at any nav size. */

.section-nav a .nav-cover {
  height: 1.2em;
  position: relative;
}

.section-nav a .nav-cover::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 2px;
  background: var(--brass);
}

/* Nav labels are hidden below 1180px, which would leave the cover item as an
   unlabelled rule. The header brand links to the cover already, so the item
   is dropped here and the numbered sections take the width. */

@media (width<=1180px) {
  .section-nav a[href="#opening"] {
    display: none;
  }
}
/* Scene top padding.

   scroll-padding-top already parks a scene's top edge below the fixed header
   when a nav link is clicked, so scenes need only their own breathing room
   above the section number, not another header height on top of it.

   The opening scene is the exception: it sits at scroll position zero, where
   nothing has offset it, so it keeps the header allowance. */

.scene {
  padding-block-start: 34px;
}

.scene-opening {
  padding-block-start: calc(var(--header-height) + 28px);
}

@media (width<=640px) {
  .scene {
    padding-block-start: 22px;
  }

  .scene-opening {
    padding-block-start: calc(var(--header-height) + 18px);
  }
}