.op-public{--op-sans:"Portfolio Manrope",Arial,sans-serif;--op-serif:"Portfolio Lora",Georgia,serif;--op-ink:#153b32;--op-muted:#5c6b62;--op-gold:#b9853c;--op-line:#d8ded4;background:#f8f6ef;color:var(--op-ink);font-family:var(--op-sans);overflow:visible}.op-public *{box-sizing:border-box}.op-public h1,.op-public h2,.op-public h3{font-family:var(--op-serif);font-weight:400;letter-spacing:-.035em}.op-public h1{font-size:clamp(44px,5.1vw,84px);line-height:1.02;margin:23px 0}.op-public h1 em,.op-public h2 em{font-weight:400;color:#647960}.op-public h2{font-size:clamp(32px,3.5vw,52px);line-height:1.08;margin:12px 0 22px}.op-public h3{font-size:29px;line-height:1.15;margin:18px 0 14px}.op-public p{font-size:16px;line-height:1.75;color:var(--op-muted)}.op-public a{text-decoration:none}.op-public a:focus-visible{outline:3px solid var(--op-gold);outline-offset:6px}.op-public .op-eyebrow{font:700 11px/1.6 var(--op-sans,Arial,sans-serif);letter-spacing:.15em;text-transform:uppercase;color:#796039}.op-public .op-small{font-size:13px;line-height:1.65;margin-top:26px;max-width:900px}.op-hero,.op-section,.op-intro,.op-next{padding:76px max(28px,calc((100vw - 1220px)/2))}.op-hero{display:grid;grid-template-columns:1.13fr .87fr;gap:64px;align-items:center;min-height:760px}.op-hero-copy>p:not(.op-eyebrow){max-width:610px;font-size:19px}.op-hero-copy .op-availability{font-size:12px!important;max-width:530px;margin-top:28px;line-height:1.8}.op-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.op-button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;background:#173e33;color:#fff!important;border-radius:4px;padding:17px 23px;font-size:14px;font-weight:600;min-height:52px}.op-button:hover{background:#285748}.op-link{font-size:14px;font-weight:600;color:var(--op-ink);border-bottom:1px solid currentColor;padding:9px 0}.op-system{background:#e7ebdf;border:1px solid #d6dece;padding:30px 30px 18px;border-radius:8px}.op-system-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:18px}.op-system-row{padding:23px 0;display:grid;grid-template-columns:22px 1fr 14px;gap:16px;border-top:1px solid #cbd5c3;align-items:start}.op-system-row>span{font-size:11px;color:#5a675f;padding-top:7px}.op-system-row h2{font-size:32px;margin:0}.op-system-row p{font-size:13px;margin:9px 0 0}.op-system .op-system-foot{font-size:11px;margin-top:22px}.op-section{border-top:1px solid var(--op-line)}.op-section-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:38px}.op-section-head>p{max-width:440px;margin-bottom:26px}.op-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.op-route-card{padding:28px 24px;background:#fffdf7;border:1px solid var(--op-line);color:var(--op-ink);display:flex;flex-direction:column;min-width:0;transition:translate 160ms,box-shadow 160ms,border-color 160ms}.op-route-card h3{font-size:28px;min-height:65px}.op-route-card p{font-size:14px;margin:0 0 20px}.op-index{font:12px var(--op-sans,Arial,sans-serif);color:#74603a}.op-card-link{font-size:12px;font-weight:700;margin-top:auto;display:flex;justify-content:space-between;gap:8px;padding-top:20px}.op-soft{background:#eef0e7}.op-career{margin-top:35px}.op-career article{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;padding:36px 0;border-top:1px solid #cfd7c9}.op-career-side p{font-size:12px;margin:14px 0 0}.op-career-side h3{margin:7px 0 10px;font-size:32px}.op-career-side>span:last-child{font-size:12px;color:var(--op-muted)}.op-career h4{font-size:17px;font-weight:700;margin:8px 0 10px}.op-career article p{max-width:620px}.op-career ul{display:flex;flex-wrap:wrap;gap:9px;padding:0;margin-top:17px;list-style:none}.op-career li,.op-tags li{font-size:11px;line-height:1.5;border:1px solid #cbd5c4;padding:7px 10px;border-radius:30px}.op-practice{background:#f8f8f1;padding:30px!important;border:1px solid #cfd7c9;margin-top:20px}.op-credential-grid,.op-company-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.op-credential-grid article,.op-company-grid article{background:#fffdf7;border:1px solid var(--op-line);padding:30px}.op-credential-grid h3{font-size:27px}.op-credential-grid p,.op-company-grid p{font-size:14px}.op-next{background:#143c32;color:#fff;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.op-next .op-eyebrow{color:#d1b279}.op-next p{color:#c4d0c8;max-width:640px}.op-next .op-actions{flex-direction:column;align-items:stretch;margin-bottom:15px}.op-next .op-link{color:#e9ede2}.op-button-light{background:#dfc392!important;color:#173c31!important}.op-intro{max-width:none;padding-bottom:58px}.op-lead{max-width:900px}.op-lead>p{max-width:790px;font-size:18px}.op-section-title{max-width:750px;margin-bottom:40px!important}.op-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin-top:auto}.op-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.op-jump a{border:1px solid #bac9b4;padding:10px 14px;font-size:12px;border-radius:30px;color:var(--op-ink)}.op-work-list{padding-top:5px}.op-work-area{display:grid;grid-template-columns:1.2fr .8fr;gap:85px;padding:58px 0;border-bottom:1px solid var(--op-line);scroll-margin-top:110px}.op-work-area:last-child{border-bottom:0}.op-work-area .op-tags{margin-top:23px}.op-public [id]{scroll-margin-top:100px}@media(max-width:1100px){.op-hero{gap:34px}.op-route-grid{grid-template-columns:repeat(2,1fr)}.op-section-head{align-items:start}.op-system{padding:25px 22px}}@media(max-width:760px){.op-hero,.op-section,.op-intro,.op-next{padding:45px 22px}.op-hero{grid-template-columns:1fr;min-height:0;gap:35px}.op-hero-copy>p:not(.op-eyebrow),.op-lead>p{font-size:16px}.op-hero h1{font-size:49px}.op-system-row h2{font-size:29px}.op-section-head{display:block;margin-bottom:27px}.op-section-head>p{margin-top:20px}.op-career article,.op-work-area{grid-template-columns:1fr;gap:16px}.op-career article{padding:27px 0}.op-route-grid,.op-credential-grid,.op-company-grid{grid-template-columns:1fr}.op-route-card{padding:26px}.op-route-card h3{min-height:0}.op-next{grid-template-columns:1fr;gap:16px}.op-work-area{padding:36px 0}.op-actions{gap:15px}.op-practice{padding:22px!important}.op-public h1{font-size:44px}.op-public h2{font-size:34px}}

/* consultant-audit-001: readable labels and explicit CV access. */
.op-public .op-eyebrow,.op-system-top,.op-system-row>span,.op-system .op-system-foot,.op-career li,.op-tags li{font-size:12px}
.op-public .op-link,.op-jump a{display:inline-flex;align-items:center;min-height:44px}
.op-public .op-cv-download{display:flex;gap:12px;flex-wrap:wrap;width:fit-content;margin-top:22px;color:var(--op-ink)}
.op-cv-download>span{font-size:12px;font-weight:400}
@media(max-width:760px){.op-system-row p,.op-route-card p,.op-credential-grid p,.op-company-grid p{font-size:16px}.op-public .op-eyebrow{font-size:12px}.op-public .op-link,.op-jump a{min-height:44px}}

/* Source-attributed professional skills and personal recommendations. */
.op-skills-grid,.op-recommendation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.op-skill-group{border-top:1px solid #bdcdb9;padding:22px 0 8px;min-width:0}
.op-skill-group h3{font-size:28px;margin:0 0 12px}
.op-skill-group p{font-size:14px;margin:0 0 20px;max-width:490px}
.op-skill-group .op-tags{margin:0;gap:8px}
.op-recommendation{display:flex;flex-direction:column;min-width:0;margin:0;padding:30px;background:#fffdf7;border:1px solid var(--op-line);border-top:3px solid #a58d61}
.op-public .op-recommendation-context{font-size:12px;line-height:1.6;color:#796039;margin:0 0 19px}
.op-recommendation blockquote{font:22px/1.55 var(--op-serif,Georgia,serif);color:var(--op-ink);margin:0 0 24px;white-space:pre-wrap;overflow-wrap:anywhere}
.op-recommendation blockquote[dir=auto]{unicode-bidi:plaintext}
.op-recommendation figcaption{display:flex;flex-direction:column;align-items:flex-start;margin-top:auto;padding-top:17px;border-top:1px solid var(--op-line);gap:4px}
.op-recommendation-author{display:inline-flex;align-items:center;gap:5px;min-height:44px;font-size:15px;font-weight:700;color:var(--op-ink)}
.op-recommendation figcaption>span,.op-recommendation time{font-size:13px;line-height:1.6;color:var(--op-muted)}
.op-recommendation-source{display:inline-flex;align-items:center;gap:5px;min-height:44px;margin-top:5px;font-size:12px;color:var(--op-ink);text-decoration:underline!important;text-underline-offset:4px}
.op-profile-details{margin-top:26px;border-top:1px solid #bdcbb6;border-bottom:1px solid #bdcbb6}
.op-profile-details>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:16px 0;font-size:15px;line-height:1.6;font-weight:600;cursor:pointer;list-style:none}
.op-profile-details>summary::-webkit-details-marker{display:none}
.op-profile-details>summary>span{font-size:24px;font-weight:400;flex-shrink:0}
.op-profile-details[open]>summary>span{transform:rotate(45deg)}
.op-profile-details>summary:focus-visible{outline:3px solid var(--op-gold);outline-offset:4px}
.op-profile-details[open]>.op-recommendation-grid{padding:10px 0 26px}
.op-training-exposure>div{padding:0 0 16px;max-width:850px}
.op-public .op-small a{color:var(--op-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.op-skills-grid,.op-recommendation-grid{grid-template-columns:1fr}.op-recommendation{padding:24px}.op-recommendation blockquote{font-size:21px}.op-skill-group p{font-size:16px}.op-profile-details>summary{font-size:16px}}

/* Personal portraits accompany the introduction, separate from project evidence. */
.op-hero{grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr)}
.op-portrait{width:100%;min-width:0;margin:0;padding:12px;background:#eeeee4;border:1px solid #d6ddcf;border-radius:8px;align-self:center}
.op-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 24%;border-radius:3px;background:#dfe5d9}
.op-portrait figcaption{display:flex;flex-direction:column;gap:4px;padding:16px 4px 5px;color:var(--op-ink)}
.op-portrait figcaption strong{font-size:16px;line-height:1.5}
.op-portrait figcaption span{font-size:13px;line-height:1.6;color:var(--op-muted)}
.op-portrait-hero{max-width:440px;justify-self:end}
.op-about-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,330px);gap:64px;align-items:center;padding:76px max(28px,calc((100vw - 1220px)/2)) 58px}
.op-about-header .op-intro{min-width:0;padding:0}
.op-about-header .op-lead{max-width:790px}
.op-model-section{padding-top:0;border-top:0}
.op-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.op-system-wide .op-system-row{grid-template-columns:20px minmax(0,1fr);gap:10px;padding-bottom:6px}
.op-system-wide .op-system-row>span:last-child{display:none}
.op-system-wide .op-system-row h2{font-size:28px;overflow-wrap:break-word}
.op-system-wide .op-system-foot{margin-bottom:4px}
@media(max-width:1100px){.op-about-header{gap:34px;grid-template-columns:minmax(0,1fr) minmax(220px,290px)}.op-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;row-gap:8px}}
@media(max-width:760px){.op-hero,.op-about-header{grid-template-columns:minmax(0,1fr)}.op-about-header{padding:45px 22px;gap:32px}.op-portrait-hero,.op-portrait-profile{max-width:340px;justify-self:center}.op-model-section{padding-top:0}.op-system-grid{grid-template-columns:minmax(0,1fr);gap:0}.op-system-wide .op-system-row{padding:21px 0}.op-system-wide .op-system-row h2{font-size:29px}}

/* Public audit 011: explicit role and neutral security-check recovery guidance. */
.op-hero-copy>.op-role{font-size:16px!important;font-weight:700;color:var(--op-ink);margin:0 0 14px}
.op-security-help{margin-top:14px;padding:16px;border:1px solid #cbd5c4;border-radius:6px;background:#f4f5ed;color:#153b32;max-width:100%;font:14px/1.65 var(--op-sans,Arial,sans-serif)}
.op-security-help p{margin:0;font:inherit;color:inherit}
.op-security-actions{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:10px}
.op-security-actions button,.op-security-actions a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:#153b32;font:600 14px/1.5 var(--op-sans,Arial,sans-serif);cursor:pointer;text-decoration:none}
.op-security-actions button:focus-visible,.op-security-actions a:focus-visible{outline:3px solid #b9853c;outline-offset:4px}

/* Public r11: licensed local typography; content remains visible at every stage. */
@font-face{font-family:"Portfolio Manrope";src:url("./manrope-latin-variable.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"Portfolio Lora";src:url("./lora-latin-variable.woff2") format("woff2");font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:"Portfolio Lora";src:url("./lora-latin-italic-variable.woff2") format("woff2");font-style:italic;font-weight:400 600;font-display:swap}
.op-public{--op-ease:cubic-bezier(.22,1,.36,1);font-synthesis:weight style;text-rendering:optimizeLegibility}
.op-public h1,.op-public h2,.op-public h3{letter-spacing:-.04em}
.op-public .op-eyebrow{letter-spacing:.13em}
.op-public .op-role{letter-spacing:.015em}
.op-noscript{max-width:760px;margin:48px auto;padding:24px;font:16px/1.7 Arial,sans-serif;color:#153b32;background:#f8f6ef}
.op-noscript h1{font-size:32px;line-height:1.2}
.op-noscript a{display:inline-flex;align-items:center;min-height:44px;margin-right:24px;text-decoration:underline}
@supports(overflow:clip){.op-public{overflow-x:clip}}
/* Motion: see the r14 motion layer at the end of this file. */

/* r13: visible bilingual identity and concise public profile answers. */
.op-identity bdi{font-family:Arial,sans-serif;letter-spacing:normal;text-transform:none}
.op-career-context{max-width:72ch;margin:1rem 0 2rem;line-height:1.8}
.op-profile-answers{display:grid;gap:1.5rem;max-width:80ch;margin-top:2rem}
.op-profile-answers article{padding-top:1.5rem;border-top:1px solid var(--op-line,#d8d4ca)}
.op-profile-answers h3{font-size:1.1rem;margin:0 0 .65rem}
.op-profile-answers p,.op-work-example{line-height:1.8}

/* ===== r14: recruiter-first hero, public evidence, calmer type scale, readable labels, motion. ===== */
/* W-06: the shared font stack points at the licensed face, not the legacy local(Arial) "Manrope" alias. */
:root{--font-sans:"Portfolio Manrope",Arial,sans-serif}
.op-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* D-04 type scale: body 1.6, h1 clamp, compact h2/h3. */
.op-public p{line-height:1.6}
.op-public h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1.04;font-weight:500;letter-spacing:-.015em;margin:14px 0 16px}
.op-public h2{font-size:clamp(28px,2.7vw,38px);line-height:1.12;letter-spacing:-.02em;margin:10px 0 18px}
.op-public h3{letter-spacing:-.015em}
.op-public h1 .op-line,.op-public h1 .op-line>*{display:block}
.op-public h1 .op-line{margin-block:-.14em}
.op-public h1 .op-line>*{padding-block:.14em}
.op-route-card h3{font-size:24px;min-height:56px}
.op-credential-grid h3{font-size:23px}
.op-career-side h3{font-size:26px}
.op-skill-group h3{font-size:23px}
.op-system-wide .op-system-row h2{font-size:24px}
.op-hero,.op-section,.op-intro,.op-next{padding-top:72px;padding-bottom:72px}
.op-about-header{padding-top:72px;padding-bottom:56px}
.op-section-head{margin-bottom:30px}
.op-profile-answers p,.op-work-example,.op-career-context{line-height:1.6}

/* W-05: eyebrows at least 12px, .08em tracking, #6f5122 on light grounds; the light variant stays on dark grounds. */
.op-public .op-eyebrow{font:600 12px/1.5 var(--op-sans,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#6f5122}
.op-public .op-next .op-eyebrow{color:#d1b279}
.op-public .op-recommendation-context{color:#6f5122}
.op-system-top{letter-spacing:.08em}
.eyebrow{font-size:max(12px,.75rem);letter-spacing:.08em}
#main-content section:not(.bg-ink) .eyebrow:not([class*="text-"]){color:#6f5122}
header .text-\[10px\]{font-size:12px;letter-spacing:.08em}

/* Programmatic focus after client navigation: no ring for pointer users, a clear ring for keyboard users. */
main h1[tabindex="-1"]:focus{outline:none}
main h1[tabindex="-1"]:focus-visible{outline:3px solid #b9853c;outline-offset:6px;border-radius:2px}

/* D-02 hero: the CV download is the primary action. */
.op-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"copy portrait" "proof proof";column-gap:64px;row-gap:48px;align-items:center;min-height:0;padding-top:56px;padding-bottom:64px}
.op-hero-copy{grid-area:copy;min-width:0}
.op-hero>.op-portrait{grid-area:portrait}
.op-hero-copy>p:not(.op-eyebrow){line-height:1.55}
.op-hero-copy>.op-role{margin:0 0 10px}
.op-hero-copy>p.op-hero-more{font-size:16px;line-height:1.6;margin-top:26px}
.op-hero-copy .op-availability{font-size:13px!important;line-height:1.6;margin-top:10px}
.op-hero-actions{display:grid;grid-template-columns:repeat(2,max-content);gap:12px 14px;align-items:center;margin-top:26px}
.op-hero-actions .op-link-quiet{grid-column:1/-1;justify-self:start}
.op-public .op-cv-primary,.op-public .op-button-secondary{min-height:48px;padding:11px 18px 11px 20px;gap:18px;font-size:15px;font-weight:700;line-height:1.3;border-radius:4px}
.op-public .op-cv-primary{background:#0b1717;color:#fffdf7!important;box-shadow:0 1px 0 rgba(11,23,23,.08)}
.op-public .op-cv-primary:hover{background:#17302f}
.op-cv-text{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.op-cv-text small{font-size:12px;font-weight:500;letter-spacing:.02em;color:#e9dcc0}
.op-cv-arrow{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#b9853c;color:#0b1717;font-size:15px;line-height:1}
.op-public .op-button-secondary{background:transparent;color:var(--op-ink)!important;border:1px solid #153b32}
.op-public .op-button-secondary:hover{background:#153b32;color:#fffdf7!important}
.op-public .op-link-quiet{gap:6px;border-bottom:0;text-decoration:underline;text-decoration-color:rgba(21,59,50,.4);text-underline-offset:5px}
.op-public .op-link-quiet:hover{text-decoration-color:currentColor}
.op-about-header .op-actions{gap:12px 22px}
.op-portrait-media{overflow:hidden;border-radius:3px}
.op-portrait-media img{border-radius:0}

/* Proof strip: three public-CV results, static figures. */
.op-proof{grid-area:proof;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid #cdbf9f;border-bottom:1px solid #cdbf9f}
.op-proof-item{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:24px 28px 26px 0}
.op-proof-item+.op-proof-item{padding-left:28px;border-left:1px solid #ddd3bd}
.op-proof .op-metric{font:500 clamp(26px,2.4vw,34px)/1.12 var(--op-serif,Georgia,serif);letter-spacing:-.02em;color:#0b1717}
.op-proof-item>span{font-size:14px;line-height:1.5;color:var(--op-muted)}
.op-metric{position:relative;display:inline-block;padding-bottom:6px}
.op-metric::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#b9853c;transform-origin:0 50%}

/* Career timeline: one drawn line with a marker per role. */
.op-career article:not(.op-practice){position:relative;padding-left:32px}
.op-career article:not(.op-practice)::after{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:#d7c6a3;transform-origin:50% 0}
.op-career article:not(.op-practice)::before{content:"";position:absolute;z-index:1;left:0;top:40px;width:12px;height:12px;border-radius:50%;background:#fffdf7;border:2px solid #b9853c}
.op-career li,.op-tags li{padding:5px 10px;line-height:1.5}

/* D-01 Work page: capability copy beside an evidence panel. */
.op-work-area{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:56px;padding:56px 0;align-items:start}
.op-work-copy{min-width:0}
.op-work-area h2{margin:8px 0 14px}
.op-public .op-work-example{font-size:15px;color:var(--op-muted);border-left:2px solid #d7c6a3;padding-left:14px;margin-top:14px}
.op-work-area .op-tags{margin-top:18px;gap:6px}
.op-work-area>.op-evidence{position:relative;min-width:0;background:#fffdf7;border:1px solid #ddd5c3;border-radius:6px;padding:22px 24px 16px}
.op-public .op-evidence-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;font:600 12px/1.5 var(--op-sans,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#6f5122}
.op-evidence-ref{border:1px solid #b9853c;border-radius:3px;padding:1px 7px}
.op-evidence-figure{margin:0}
.op-ev-svg{display:block;width:100%;max-width:400px;height:auto;overflow:visible}
.op-ev-svg text{font-family:var(--op-sans,Arial,sans-serif)}
.op-ev-svg .op-ev-num{font-family:var(--op-serif,Georgia,serif)}
.op-evidence-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.op-evidence-chips li{font-size:12px;font-weight:600;line-height:1.4;color:#0b1717;background:#f4f1e9;border:1px solid #e3dccb;border-radius:3px;padding:5px 8px}
.op-public .op-evidence-metric{margin:16px 0 0;padding-top:14px;border-top:1px solid #e7e0cf;font-size:15px;line-height:1.5;color:#2c3b36}
.op-evidence-metric .op-metric{margin-right:4px;padding-bottom:4px;font:600 20px/1.2 var(--op-serif,Georgia,serif);color:#0b1717}
.op-evidence-did{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.op-evidence-did li{position:relative;padding-left:17px;font-size:14px;line-height:1.5;color:#33433d}
.op-evidence-did li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border:1.5px solid #b9853c;border-radius:1px}
.op-public .op-evidence-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:6px;font-size:14px;font-weight:700;color:#0b1717;text-decoration:underline;text-decoration-color:#b9853c;text-underline-offset:4px}
.op-evidence,a.op-route-card{transition:translate 160ms var(--op-ease),box-shadow 160ms var(--op-ease),border-color 160ms var(--op-ease)}

@media(max-width:1100px){.op-work-area{grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:36px}}
/* 761-1100px: the two-column hero leaves a narrow copy column, so the hero actions stack instead of overflowing. */
@media(max-width:1100px){.op-hero-actions{grid-template-columns:minmax(0,max-content);justify-items:start}}
@media(max-width:760px){
  .op-hero,.op-section,.op-intro,.op-next{padding:44px 20px}
  .op-about-header{padding:40px 20px;gap:28px}
  .op-public h2{font-size:25px;line-height:1.15;margin:8px 0 14px}
  .op-public h3,.op-route-card h3,.op-credential-grid h3,.op-skill-group h3{font-size:22px}
  .op-career-side h3{font-size:23px}
  .op-system-wide .op-system-row h2{font-size:22px}
  .op-section-head{margin-bottom:20px}
  .op-section-head>p{margin-top:12px;margin-bottom:0}
  .op-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "proof" "portrait";row-gap:32px;padding-top:28px;padding-bottom:44px}
  .op-hero-actions{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:20px}
  .op-hero-actions .op-button{width:100%}
  .op-hero-copy>p.op-hero-more{font-size:16px;margin-top:18px}
  .op-portrait-hero .op-portrait-media img{max-height:56vh}
  .op-proof{grid-template-columns:minmax(0,1fr)}
  .op-proof-item,.op-proof-item+.op-proof-item{padding:18px 0;border-left:0}
  .op-proof-item+.op-proof-item{border-top:1px solid #ddd3bd}
  .op-proof .op-metric{font-size:26px}
  .op-career article:not(.op-practice){padding:22px 0 22px 28px}
  .op-career article:not(.op-practice)::before{top:26px}
  .op-work-area{grid-template-columns:minmax(0,1fr);gap:16px;padding:24px 0}
  .op-work-area h2{margin:4px 0 8px}
  .op-public .op-work-example{margin-top:8px}
  .op-work-area .op-tags{margin-top:12px;gap:5px}
  .op-work-area .op-tags li{padding:3px 8px;line-height:1.4}
  .op-work-area>.op-evidence{padding:14px 16px 6px}
  .op-public .op-evidence-head{margin-bottom:10px}
  .op-evidence-chips{margin-top:10px}
  .op-public .op-evidence-metric{margin-top:12px;padding-top:10px}
  .op-evidence-did{margin-top:8px;gap:4px}
  .op-public .op-evidence-link{margin-top:2px}
}

/* ===== r14 motion (D-03). Everything runs only with prefers-reduced-motion: no-preference; content is never hidden. ===== */
@media(prefers-reduced-motion:no-preference){
  /* M1-M4 play once on the static first view only; React's copy never replays them after the handoff. */
  html[data-public-prerender] #public-prerender :is(.op-hero,.op-about-header) .op-portrait-media{animation:op-portrait-reveal 900ms cubic-bezier(.16,1,.3,1) 80ms both}
  html[data-public-prerender] #public-prerender :is(.op-hero,.op-about-header) .op-portrait-media img{animation:op-portrait-zoom 900ms cubic-bezier(.16,1,.3,1) 80ms both}
  html[data-public-prerender] #public-prerender :is(.op-hero,.op-intro) h1 .op-line{overflow:hidden;overflow:clip}
  html[data-public-prerender] #public-prerender :is(.op-hero,.op-intro) h1 .op-line>*{animation:op-line-up 560ms cubic-bezier(.2,.7,0,1) both}
  html[data-public-prerender] #public-prerender :is(.op-hero,.op-intro) h1 .op-line+.op-line>*{animation-delay:70ms}
  html[data-public-prerender] #public-prerender .op-hero-copy>:is(.op-eyebrow,.op-role,.op-hero-intro),
  html[data-public-prerender] #public-prerender .op-intro>.op-eyebrow,
  html[data-public-prerender] #public-prerender .op-lead>p{animation:op-fade-up 360ms ease-out 220ms both}
  html[data-public-prerender] #public-prerender .op-hero-copy>:is(.op-hero-more,.op-availability){animation:op-fade-up 360ms ease-out 300ms both}
  html[data-public-prerender] #public-prerender .op-cv-primary .op-cv-arrow{animation:op-arrow-in 300ms ease-out 360ms both}
  .op-button>span[aria-hidden=true],.op-card-link>span{transition:transform 160ms var(--op-ease)}
  /* M6: lift + shadow + brass border. */
  @media(hover:hover){
    .op-button:hover>span[aria-hidden=true],a.op-route-card:hover .op-card-link>span{transform:translateX(3px)}
    a.op-route-card:hover,.op-evidence:hover{translate:0 -2px;box-shadow:0 10px 28px rgba(11,23,23,.08);border-color:#b9853c}
  }
  a.op-route-card:focus-visible,.op-evidence:has(:focus-visible){translate:0 -2px;box-shadow:0 10px 28px rgba(11,23,23,.08);border-color:#b9853c}
  /* M7: client route entry. The runtime sets data-op-nav only when the pathname changes (never on in-page #
     navigation), so the animation plays on the newly mounted page only; it starts from opacity .6, never 0. */
  html[data-op-nav] main .op-public{animation:op-route-in 220ms ease-out}
  /* M8: mobile menu. */
  #mobile-menu{animation:op-menu-in 180ms ease-out}
  /* M5, M9, M10: scroll-linked; where unsupported everything simply stays in its final state. */
  @supports(animation-timeline:view()){
    .op-section-head,.op-career article,.op-credential-grid article,.op-work-copy,.op-evidence{animation:op-reveal 1ms linear both;animation-timeline:view();animation-range:entry 10% cover 30%}
    .op-career article:not(.op-practice){view-timeline:--op-career block}
    .op-career article:not(.op-practice)::after{animation:op-draw 1ms linear both;animation-timeline:--op-career;animation-range:entry 25% cover 55%}
    .op-metric{view-timeline:--op-metric block}
    .op-metric::after{animation:op-sweep 1ms linear both;animation-timeline:--op-metric;animation-range:entry 50% cover 35%}
    .op-ev-svg{view-timeline:--op-ev block}
    .op-ev-bar{transform-box:fill-box;transform-origin:0 50%;animation:op-bar 1ms linear both;animation-timeline:--op-ev;animation-range:entry 20% cover 45%}
  }
  @keyframes op-portrait-reveal{from{clip-path:inset(10% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
  @keyframes op-portrait-zoom{from{transform:scale(1.04)}to{transform:scale(1)}}
  @keyframes op-line-up{from{transform:translateY(105%)}to{transform:translateY(0)}}
  @keyframes op-fade-up{from{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}
  @keyframes op-arrow-in{from{transform:translateY(-4px)}to{transform:none}}
  @keyframes op-route-in{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:none}}
  @keyframes op-menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
  @keyframes op-reveal{from{opacity:.35;transform:translateY(24px);animation-timing-function:cubic-bezier(.2,.7,.2,1)}to{opacity:1;transform:none}}
  @keyframes op-draw{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  @keyframes op-sweep{from{transform:scaleX(0);animation-timing-function:ease-out}to{transform:scaleX(1)}}
  @keyframes op-bar{from{transform:scaleX(.08);animation-timing-function:ease-out}to{transform:scaleX(1)}}
}
/* Reduced motion: final states, no transforms in motion; hover keeps only the border colour. */
@media(prefers-reduced-motion:reduce){
  .op-portrait,.op-portrait-media,.op-portrait-media img,.op-public h1 .op-line>*,.op-public .op-eyebrow,.op-public p,.op-cv-arrow,
  .op-section-head,.op-career article,.op-career article::after,.op-credential-grid article,.op-work-copy,.op-evidence,
  .op-metric::after,.op-ev-bar,#mobile-menu,main .op-public{animation:none!important}
  .op-button>span[aria-hidden=true],.op-card-link>span{transition:none!important;transform:none!important}
  .op-evidence,a.op-route-card{transition:border-color 120ms ease-out!important;translate:none!important}
  @media(hover:hover){a.op-route-card:hover,.op-evidence:hover{border-color:#b9853c}}
  a.op-route-card:focus-visible,.op-evidence:has(:focus-visible){border-color:#b9853c}
}

/* Codex r16: bounded original Three.js worlds and stateful work exploration. */
.op-scene-host{position:absolute;inset:0;opacity:0;pointer-events:none;overflow:hidden;transition:opacity 280ms ease}
.op-scene-host.is-ready{opacity:1}.op-scene-host canvas{display:block;width:100%;height:100%}
.op-scene-controls{position:absolute;z-index:3;right:28px;bottom:28px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(510px,calc(100% - 48px))}
.op-scene-controls button,.op-public button{font:600 13px/1.5 var(--op-sans);min-height:44px;cursor:pointer}
.op-scene-controls button{padding:10px 14px;border:1px solid #8da59b;border-radius:30px;background:#0a211de8;color:#f4f3e9;backdrop-filter:blur(9px)}
.op-public button:disabled{opacity:.45;cursor:default}.op-public button:focus-visible,.op-public input:focus-visible,.op-public select:focus-visible{outline:3px solid var(--op-gold);outline-offset:4px}
.op-hero-three,.op-about-three{position:relative;isolation:isolate;overflow:hidden;background:#061210;color:#f3f1e8}
.op-hero-three{min-height:940px;gap:45px;padding-bottom:145px}
/* Leave a 16px gap above the 60px review launcher and its 20px desktop inset. */
@media(min-width:761px){.op-hero-three>.op-scene-controls{bottom:96px}}
.op-hero-three:before,.op-about-three:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#061210 0%,#061210f5 43%,#061210dc 58%,#06121070 68%,transparent 85%)}
.op-hero-three .op-hero-copy,.op-hero-three .op-proof,.op-about-three .op-intro{position:relative;z-index:2}
.op-hero-three .op-portrait,.op-about-three .op-portrait{position:relative;z-index:1;transition:opacity 200ms;align-self:center}
.op-hero-three:has(.op-scene-host.is-ready) .op-portrait,.op-about-three:has(.op-scene-host.is-ready) .op-portrait{opacity:0;visibility:hidden}
.op-hero-three h1,.op-about-three h1{color:#fff7e8}.op-hero-three h1 em,.op-about-three h1 em{color:#dfba77}
.op-hero-three p,.op-about-three p{color:#c2d3ca}.op-hero-three .op-eyebrow,.op-about-three .op-eyebrow{color:#e0b76d}
.op-hero-three .op-hero-copy>.op-role{color:#e7c48b!important}.op-hero-three .op-hero-copy{max-width:650px}
.op-hero-three .op-link,.op-about-three .op-link{color:#e7eee8}.op-hero-three .op-button-secondary{background:#dae3d51a;border:1px solid #91a596;color:#f3f1e8!important}
.op-hero-three .op-cv-primary,.op-about-three .op-cv-primary{background:#e1bd80;color:#102d24!important}.op-hero-three .op-cv-primary small,.op-about-three .op-cv-primary small{color:#314c3d}
.op-hero-three .op-proof{grid-column:1/-1;background:#092019db;border-color:#536b59}.op-hero-three .op-proof-item strong{color:#efd29b}.op-hero-three .op-proof-item>span{color:#c4d5c9}
.op-about-three{min-height:760px}.op-about-three .op-intro{padding-bottom:130px}.op-about-three .op-portrait{margin-right:35px}
.op-lab{background:#071b17;color:#eef4e9}.op-lab .op-section-head h2{color:#eef4e9}.op-lab .op-section-head p,.op-lab>.op-small{color:#b4cbbd}
.op-lab-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:32px;align-items:stretch}
.op-lab-tabs{display:grid;gap:7px}.op-lab-tabs button{display:grid;grid-template-columns:30px 1fr 18px;gap:12px;text-align:left;padding:18px 20px;background:#18372d;border:1px solid #365c4e;color:#dce8dd;border-radius:7px}
.op-lab-tabs button[aria-selected=true]{background:#e3c18a;color:#102d23;border-color:#e3c18a}.op-lab-tabs button>span{font-size:12px;opacity:.8}
.op-stage-copy{padding:20px 4px 0}.op-stage-copy h3{font-size:29px}.op-stage-copy p{color:#b4cbbd}.op-stage-copy .op-tags li{color:#d7e5d8;border-color:#648c76}
.op-lab-scene{position:relative;min-height:510px;border:1px solid #3c6151;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse at center,#385c44,#082119 65%)}
.op-lab-static{position:absolute;inset:70px 80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#c7d9c4;font:12px/1.4 var(--op-sans);letter-spacing:.12em}.op-lab-static i{height:40px;width:1px;background:#d7b478}
.op-lab-scene:has(.is-ready) .op-lab-static{visibility:hidden}
.op-explorer{background:#f3f3ea}.op-explorer-top{display:flex;gap:20px;justify-content:space-between;align-items:end}
.op-search-label{position:relative;display:flex;flex-direction:column;flex:1;gap:10px;max-width:760px;font-size:13px;font-weight:600}.op-search-label input{width:100%;padding:18px 48px 18px 19px;background:#fffef7;border:1px solid #bdcbbc;border-radius:8px;color:#153b32;font:16px var(--op-sans);min-height:56px}.op-search-label>span:last-child{position:absolute;right:20px;bottom:14px;font-size:27px;font-weight:400}
.op-view-switch{display:flex;gap:4px;padding:5px;background:#dbe2d5;border:1px solid #b6c6b1;border-radius:9px}.op-view-switch button{border:0;background:none;color:#375641;min-width:82px;padding:10px 12px;border-radius:6px}.op-view-switch button[aria-pressed=true]{background:#163e32;color:#fff}
.op-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.op-filter-row button,.op-guide-options button{border:1px solid #bacbb5;background:#fbfcf5;color:#365b41;border-radius:24px;padding:10px 17px}.op-filter-row button[aria-pressed=true],.op-guide-options button[aria-pressed=true]{border-color:#153b32;background:#153b32;color:#fff}
.op-explorer-subfilters{display:grid;grid-template-columns:minmax(160px,1fr) minmax(220px,1.6fr) minmax(150px,.8fr);gap:24px;align-items:end}
.op-explorer-subfilters>label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600}.op-explorer-subfilters select{background:#fffef7;border:1px solid #bdcbbc;border-radius:6px;padding:13px 11px;color:#20432e;font:14px var(--op-sans);min-height:48px}
.op-period{padding:0;border:0;margin:0;display:flex;gap:18px}.op-period legend{padding:0;margin:0 0 11px;font-size:13px;font-weight:600}.op-period label{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px}.op-period input{min-width:60px;width:100%;accent-color:#173e32;min-height:40px}
.op-results-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c5d2bd;margin-top:23px}.op-results-bar p{font-size:14px}.op-results-bar button{border:0;background:none;color:#365b41;text-decoration:underline}
.op-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;margin-top:24px}.op-case-card{color:#153b32;background:#fffdf6;border:1px solid #c7d3bf;display:flex;flex-direction:column;min-width:0;border-radius:9px;overflow:hidden;transition:translate 180ms,border-color 180ms,box-shadow 180ms}
.op-case-art{height:190px;position:relative;overflow:hidden;background:linear-gradient(135deg,#143c32,#2c6553);color:#ebd4a7}.op-case-art svg{position:absolute;height:220px;width:220px;top:0;right:-25px;stroke:currentColor;stroke-width:.7;opacity:.8}.op-case-art svg path{stroke-width:1.5}.op-case-art>span{position:absolute;left:23px;top:22px;font:12px var(--op-sans);letter-spacing:.14em}.op-case-art>b{position:absolute;left:23px;bottom:22px;max-width:210px;font:16px/1.5 var(--op-sans);color:#f4ead4}.op-case-art-improvement{background:linear-gradient(135deg,#533817,#806336)}.op-case-art-inspection{background:linear-gradient(135deg,#183a43,#426a70)}.op-case-art-engineering{background:linear-gradient(135deg,#253529,#697c59)}
.op-case-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.op-case-card h3{font-size:27px;line-height:1.2;margin-top:9px}.op-case-card p{font-size:14px}.op-case-card-result{margin-top:auto;padding:18px 0;border-top:1px solid #d9dfd0;display:flex;flex-direction:column;gap:8px}.op-case-card-result strong{font:26px/1.2 var(--op-serif);color:#25482e;overflow-wrap:anywhere}.op-case-card-result span{font-size:12px;line-height:1.5;color:#5d705d}.op-case-card .op-card-link{padding-top:7px}
.op-case-detail{margin-top:24px;border:1px solid #96b090;border-radius:10px;background:#fefcf3;padding:30px;scroll-margin-top:110px}.op-detail-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #cfd7c5;padding-bottom:16px}.op-detail-top button,.op-empty button{background:#173e32;color:#fff;border:0;border-radius:5px;padding:12px 16px}.op-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;padding-top:12px}.op-detail-grid h3{font-size:35px}.op-detail-grid li{font-size:15px;line-height:1.75;color:#4a664f;margin:10px 0}.op-detail-grid .op-tags li{font-size:12px;margin:0}.op-detail-metric{font:35px/1.3 var(--op-serif);color:#6b5228}.op-detail-scene{position:relative;min-height:440px;background:#0b241b;border-radius:8px;overflow:hidden;padding-bottom:105px;align-self:start}.op-detail-scene .op-case-art{height:300px;background:none}.op-detail-scene>.op-scene-host{bottom:95px}.op-detail-scene:has(.is-ready) .op-case-art{visibility:hidden}.op-detail-scene>p{position:absolute;bottom:15px;left:20px;right:20px;font-size:11px;color:#bacdbd;margin:0}.op-detail-scene .op-scene-controls{right:15px;bottom:55px;max-width:calc(100% - 30px)}.op-detail-scene .op-scene-controls button{font-size:11px;padding:7px 9px}
.op-career-map{border:1px solid #879f8b;border-radius:9px;overflow:hidden;margin-top:20px;background:#102d27}.op-map-toolbar{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#183b2f}.op-map-toolbar p{font-size:13px;color:#d7e3d7;margin:0}.op-map-toolbar>div{display:flex;gap:6px}.op-map-toolbar button{border:1px solid #809e85;color:#e5efdf;background:#2e503d;border-radius:4px;min-width:44px;padding:6px 9px}
.op-career-map-canvas{position:relative;height:470px;overflow:hidden;background:#0a211d;touch-action:pan-y;cursor:grab}.op-map-world{position:absolute;inset:0;transform-origin:center;transition:transform 180ms ease}.op-map-world svg{width:100%;height:100%;display:block}.op-map-land{fill:#244e41;stroke:#537566;stroke-width:1.2}.op-map-land-focus{fill:#527354;stroke:#aec09c;stroke-width:1.4}.op-map-world text{fill:#bfd0ad;font:14px var(--op-sans);letter-spacing:4px}.op-map-world text:last-child{fill:#83a8a5;font-size:12px}
.op-map-marker{position:absolute;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;border:0;background:none;color:#fff;gap:5px;padding:0;min-width:52px}.op-map-marker>span{background:#e4bc76;color:#14382a;border:3px solid #efe2bf;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;box-shadow:0 0 0 8px #e3bc7650;font-size:13px}.op-map-marker b{background:#173b2ecc;padding:4px 8px;font-size:10px;font-weight:600;white-space:nowrap}.op-map-marker.is-active>span{background:#fff4d4;box-shadow:0 0 0 12px #e3bc7670}.op-map-north{position:absolute;right:18px;top:20px;font:14px var(--op-sans);color:#e6eacb;pointer-events:none}
.op-map-popup{position:absolute;z-index:4;right:22px;bottom:25px;width:280px;max-width:calc(100% - 44px);background:#fbfbef;padding:24px;box-shadow:0 18px 45px #061b13a0;border-radius:7px}.op-map-popup h3{font-size:30px;margin:12px 0}.op-map-popup p{font-size:13px}.op-map-popup>button:last-child{width:100%;background:#173e32;color:#fff;border:0;padding:10px;border-radius:4px}.op-map-popup-close{position:absolute;right:8px;top:6px;border:0;background:none;color:#305c3c;min-width:40px}.op-map-caption{padding:17px 20px;color:#bfd1be!important;font-size:12px!important;line-height:1.7!important;margin:0}.op-map-caption a{color:#e4c78d;text-decoration:underline}.op-empty{padding:40px;border:1px dashed #9fb196;border-radius:8px;background:#fffdf4}.op-empty h3{font-size:29px}
.op-review-guide{position:fixed;z-index:80;bottom:20px;right:20px;color:#153b32;font-family:var(--op-sans)}.op-guide-launcher{display:flex;align-items:center;gap:12px;padding:11px 17px;border:1px solid #afc09e;border-radius:30px;background:#173e32;color:#f3efdf;box-shadow:0 10px 25px #173e3240}.op-guide-launcher svg{width:36px;height:36px;stroke:#e2be7a;stroke-width:1.6;flex-shrink:0}.op-guide-launcher span{text-align:left}.op-guide-launcher small{display:block;color:#c4d3b5;font-size:10px;font-weight:400}.op-guide-panel{position:absolute;right:0;bottom:78px;width:410px;max-width:calc(100vw - 40px);max-height:min(760px,calc(100dvh - 125px));overflow:auto;background:#f7f6eb;border:1px solid #a3b695;border-radius:11px;padding:22px;box-shadow:0 20px 70px #092c2360}.op-guide-top{display:flex;justify-content:space-between;align-items:center}.op-guide-top p{margin:0}.op-guide-top button{border:0;background:none;color:#365941;width:40px;font-size:25px}.op-guide-panel h2{font-size:30px;line-height:1.12;margin:13px 0}.op-guide-panel>p{font-size:13px}.op-guide-options{display:flex;flex-wrap:wrap;gap:6px}.op-guide-options button{font-size:11px;padding:8px 11px}.op-guide-scene{height:205px;background:#0c261c;position:relative;overflow:hidden;border-radius:6px;margin:17px 0}.op-guide-scene .op-scene-controls{bottom:8px;right:8px;max-width:calc(100% - 16px);gap:4px}.op-guide-scene .op-scene-controls button{min-height:32px;font-size:9px;padding:6px 8px}.op-guide-results{list-style:none;padding:0;margin:16px 0}.op-guide-results a{display:flex;gap:10px;align-items:center;justify-content:space-between;color:#204b35;min-height:48px;border-top:1px solid #c4d0b9;font-size:12px;line-height:1.5;padding:9px 0}.op-guide-panel>.op-button{padding:12px 16px;font-size:12px;display:flex}.op-guide-panel>.op-link{font-size:11px;margin-top:8px}
.op-contact-stage{display:grid;grid-template-columns:.8fr 1.2fr;background:#0a241c;position:relative;padding:40px max(25px,calc((100vw - 1220px)/2));min-height:430px;gap:35px;align-items:center}.op-contact-stage-copy{z-index:2;max-width:470px}.op-contact-stage-copy p{color:#c6d9c6;font-size:19px}.op-contact-stage-copy .op-eyebrow{font-size:12px;color:#d3b27b}.op-contact-stage-scene{min-height:390px;position:relative}.op-contact-stage-scene .op-scene-controls{right:0;bottom:0}.op-contact-stage-scene .op-scene-host{inset:-35px -40px 0}
@media(hover:hover){.op-case-card:hover{translate:0 -5px;box-shadow:0 18px 40px #38573820;border-color:#8da079}.op-lab-tabs button:hover{filter:brightness(1.08)}}
@media(max-width:1100px){.op-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.op-explorer-subfilters{grid-template-columns:1fr 1.4fr}.op-explorer-subfilters>label:last-child{grid-column:1/-1;max-width:260px}.op-lab-grid{grid-template-columns:1fr 1fr}.op-lab-scene{min-height:520px}.op-hero-three{min-height:950px}}
@media(max-width:760px){.op-hero-three{display:flex;flex-direction:column;align-items:stretch;padding-top:40px;padding-bottom:110px;gap:35px;min-height:0}.op-hero-three:before,.op-about-three:before{background:none}.op-hero-three .op-hero-copy{order:1}.op-hero-three .op-portrait{order:2;margin:0;height:430px;width:100%;max-width:420px;align-self:center}.op-hero-three .op-portrait-media{height:380px}.op-hero-three .op-proof{order:3;margin:0}.op-hero-three>.op-scene-host{top:auto;bottom:290px;height:475px}.op-hero-three>.op-scene-controls{bottom:20px;left:22px;right:22px;justify-content:flex-start;max-width:none}.op-about-three{display:flex;flex-direction:column;min-height:0;padding-bottom:100px;gap:0}.op-about-three .op-intro{padding-bottom:20px;order:1}.op-about-three .op-portrait{order:2;margin:20px 22px 30px;height:420px;align-self:center;max-width:400px}.op-about-three>.op-scene-host{top:auto;bottom:110px;height:440px}.op-about-three>.op-scene-controls{bottom:18px;left:22px;right:22px;justify-content:flex-start;max-width:none}.op-lab-grid{grid-template-columns:1fr;gap:25px}.op-lab-scene{min-height:390px}.op-lab-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.op-lab-tabs button{grid-template-columns:20px 1fr;gap:7px;font-size:12px;padding:14px 12px}.op-lab-tabs button>span:last-child{display:none}.op-explorer-top{align-items:stretch;flex-direction:column;gap:15px}.op-view-switch{align-self:flex-start}.op-explorer-subfilters{grid-template-columns:1fr;gap:18px}.op-period{gap:14px}.op-explorer-subfilters>label:last-child{grid-column:auto;max-width:none}.op-case-grid{grid-template-columns:1fr;gap:20px}.op-filter-row{gap:7px}.op-filter-row button{font-size:12px;padding:9px 13px}.op-case-art{height:180px}.op-case-card-copy{padding:22px}.op-case-card p{font-size:15px}.op-detail-top{align-items:start;flex-direction:column;gap:10px}.op-case-detail{padding:22px}.op-detail-grid{grid-template-columns:1fr;gap:20px}.op-detail-grid h3{font-size:30px}.op-detail-scene{min-height:360px}.op-detail-scene .op-case-art{height:235px}.op-map-toolbar{flex-direction:column;align-items:flex-start;padding:15px}.op-career-map-canvas{height:350px}.op-map-popup{right:15px;bottom:15px;width:260px}.op-map-caption{padding:15px;font-size:11px!important}.op-review-guide{right:14px;bottom:14px}.op-guide-launcher{padding:10px 13px}.op-guide-launcher svg{width:29px;height:29px}.op-guide-launcher small{display:none}.op-guide-panel{max-width:calc(100vw - 28px);padding:19px;bottom:64px;max-height:calc(100dvh - 105px)}.op-guide-panel h2{font-size:28px}.op-contact-stage{grid-template-columns:1fr;padding:35px 22px;gap:8px}.op-contact-stage-scene{min-height:310px}.op-contact-stage-copy p{font-size:17px}.op-contact-stage-scene .op-scene-controls{left:0;max-width:none;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.op-scene-host,.op-scene-controls button,.op-map-world,.op-case-card,.op-portrait{transition:none!important}.op-case-card:hover{translate:none}.op-guide-launcher svg{animation:none}}
.op-company-mark{display:flex;align-items:center;gap:13px;color:#20482f;border:1px solid #c3d0b8;background:#fff;border-radius:6px;padding:14px;min-height:90px}.op-company-mark img{width:96px;height:52px;object-fit:contain;background:white;flex-shrink:0}.op-company-mark>span:nth-child(2){font:600 13px/1.5 var(--op-sans);flex:1}.op-company-mark small{display:block;font-size:11px;font-weight:400;margin-top:4px;color:#697b62}.op-company-mark>span:last-child{font-size:16px}.op-career-side .op-company-mark{max-width:340px;margin:17px 0 15px}.op-career-side .op-company-mark img{width:74px;height:43px}.op-brand-group{margin-top:34px}.op-brand-group>h3{font-size:25px}.op-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.op-brand-grid>article{padding:19px;background:#fffdf5;border:1px solid #c7d1ba;border-radius:8px}.op-brand-grid>article>.op-company-mark{border:0;padding:0}.op-brand-grid>article>p{font-size:12px;margin-bottom:0;line-height:1.65}.op-brand-grid>article>.op-company-mark img{width:86px;height:52px}
@media(max-width:1100px){.op-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.op-brand-grid{grid-template-columns:1fr}.op-brand-grid>article>p{font-size:13px}.op-company-mark img{width:80px}}

/* r17: a short Three entrance, with immediate DOM copy and one stable portrait. */
.op-scene-quality{display:flex;gap:3px;padding:3px;border:1px solid #8da59b;border-radius:28px;background:#0a211de8}
.op-scene-quality button{min-width:54px;border:0;padding:6px 11px;background:transparent;min-height:36px}
.op-scene-quality button[aria-pressed=true]{background:#e1bd80;color:#102d24}
.op-hero-entry .op-hero-copy>*,.op-hero-entry h1 .op-line>*,.op-hero-entry>.op-portrait,.op-hero-entry .op-portrait-media,.op-hero-entry .op-portrait-media img{animation:none!important;transition:none!important}
.op-hero-entry:has(.op-scene-host.is-ready)>.op-portrait{opacity:1;visibility:visible}
.op-hero-entry>.op-portrait{z-index:2;max-width:240px;justify-self:end;align-self:start;margin-top:35px}
.op-hero-entry .op-portrait-media{aspect-ratio:4/5}
.op-hero-entry>.op-scene-controls{max-width:530px}
/* Hero controls occupy a top rail; the fixed review launcher keeps its own bottom rail. */
@media(min-width:761px){.op-hero-entry>.op-scene-controls{top:14px;bottom:auto;right:28px;max-width:min(720px,calc(100% - 56px))}}
@media(max-width:760px){
  .op-hero-entry{padding-top:20px;padding-bottom:250px;gap:26px}
  .op-hero-entry>.op-scene-host{top:0;bottom:auto;height:164px}
  .op-hero-entry:before{background:linear-gradient(180deg,transparent 0px,#06121055 125px,#061210 165px);height:185px;bottom:auto}
  .op-hero-entry .op-hero-copy{padding-top:140px}
  .op-hero-entry .op-hero-copy>.op-identity{font-size:12px;line-height:1.55;margin:0 0 10px}
  .op-hero-entry h1{font-size:40px;line-height:1.04;margin:12px 0}
  .op-hero-entry .op-hero-copy>.op-role{font-size:16px;margin:0 0 10px}
  .op-hero-entry .op-hero-copy>.op-hero-intro{font-size:15px;line-height:1.6;margin:0}
  .op-hero-entry .op-hero-actions{margin-top:16px}
  .op-hero-entry .op-hero-actions .op-cv-primary{min-height:56px}
  .op-hero-entry>.op-portrait{position:absolute;top:18px;right:20px;height:auto;width:88px;max-width:88px;margin:0;padding:6px;box-sizing:border-box;opacity:1;visibility:visible}
  .op-hero-entry .op-portrait-media{width:100%;height:auto;aspect-ratio:4/5;min-width:0;box-sizing:border-box}
  .op-hero-entry .op-portrait-media img{width:100%;height:100%;max-width:100%;max-height:none;box-sizing:border-box}
  .op-hero-entry .op-portrait figcaption{display:none}
  .op-hero-entry>.op-scene-controls{left:20px;right:20px;bottom:96px;gap:6px;max-width:none}
  .op-hero-entry .op-scene-controls>button{font-size:12px;padding:9px 11px}
}
@media(prefers-reduced-motion:reduce){.op-hero-entry .op-scene-host{transition:none!important}}

/* Reviewer readability fixes: labels remain at least 12px and wrap on narrow screens. */
.op-map-marker b{font-size:12px;line-height:1.5;max-width:145px;white-space:normal;overflow-wrap:anywhere;text-align:center;background:#102d24;color:#f4f3e9}
.op-guide-launcher small{font-size:12px;line-height:1.5;color:#d4e1ce}
.op-guide-options button,.op-guide-panel>.op-link{font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.op-guide-options button{min-height:44px}
.op-guide-scene .op-scene-controls button{font-size:12px;line-height:1.5;min-height:40px;padding:7px 9px}
.op-guide-scene .op-scene-controls{max-width:calc(100% - 16px);justify-content:flex-end}

/* r19: intentional interaction stays separate from the readable evidence and hero. */
.op-scene-host.is-inspecting.is-ready{pointer-events:auto;cursor:crosshair}
.op-inspect-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;border:1px solid #63765b;border-radius:7px;background:#153b32;color:#fff;margin-top:20px;text-align:left}
.op-part-inspector{margin-top:16px;border:1px solid #a7bca0;border-radius:8px;padding:18px;background:#faf9ef;color:#214431}
.op-part-inspector>p,.op-inspect-description p{font-size:14px;line-height:1.7}
.op-inspect-parts,.op-inspect-settings>div{display:flex;flex-wrap:wrap;gap:7px}
.op-inspect-parts button,.op-inspect-settings button{border:1px solid #7a9675;border-radius:6px;padding:9px 12px;background:#fffdf6;color:#173e32;font-size:13px;min-height:44px}
.op-inspect-parts button[aria-pressed=true],.op-inspect-settings button[aria-pressed=true]{background:#173e32;color:#fff;border-color:#173e32}
.op-inspect-settings{display:flex;flex-wrap:wrap;align-items:start;gap:18px;margin-top:18px}.op-inspect-settings label{display:grid;gap:7px;font-size:13px;font-weight:600}.op-inspect-settings select{max-width:100%;min-height:44px;border:1px solid #7a9675;border-radius:5px;padding:8px;background:#fffdf6;color:#173e32}
.op-inspect-description{border-top:1px solid #c2cfb5;margin-top:18px;padding-top:12px}.op-inspect-description h3{font-size:26px}.op-inspect-description strong{font-size:14px}
.op-inspect-canvas-note{position:absolute;left:16px;right:16px;top:12px;z-index:2;font-size:12px;color:#f0e8d6;background:#09231bd9;border:1px solid #668276;border-radius:6px;padding:9px 12px;pointer-events:none}
.op-case-wrapper{min-width:0;display:flex;flex-direction:column;gap:10px}.op-case-wrapper>.op-case-card{flex:1}.op-shortlist-add{width:100%;padding:11px 15px;border:1px solid #8da079;background:#faf9ef;color:#173e32;border-radius:7px;text-align:left}.op-shortlist-add[aria-pressed=true]{background:#173e32;color:#fff}
.op-shortlist-status{font-size:14px;color:#284d32;line-height:1.6;min-height:24px}
.op-comparison-toggle{border:1px solid #9eb292;background:#f3f3e7;border-radius:8px;margin:16px 0 24px}.op-comparison-toggle>summary{min-height:48px;padding:13px 17px;font-size:15px;font-weight:600;cursor:pointer;color:#173e32}.op-comparison-toggle>summary>span{float:right;font-size:13px;margin-left:12px}
.op-comparison{padding:22px;border-top:1px solid #b1c1a4}.op-comparison-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.op-comparison-head h3{font-size:29px;line-height:1.2}.op-comparison-head p,.op-comparison-empty,.op-comparison-status{font-size:14px;line-height:1.65}.op-comparison-actions{display:grid;gap:10px;min-width:145px;font-size:13px}.op-comparison-actions button,.op-comparison-card-head button{min-height:44px;border:1px solid #78926b;border-radius:5px;background:#fffef4;color:#173e32;padding:8px 12px}
.op-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px}.op-comparison-card{min-width:0;background:#fffef5;border:1px solid #b5c4a7;border-radius:7px;padding:18px}.op-comparison-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.op-comparison-card-head .op-eyebrow{font-size:12px;letter-spacing:.04em}.op-comparison-card h4{font-size:24px;line-height:1.3}.op-comparison-card h4 a{color:#173e32}.op-comparison-card>p{font-size:14px;line-height:1.65}.op-comparison-facts{font-size:13px}.op-comparison-facts>div{border-top:1px solid #d3d9c8;padding:10px 0}.op-comparison-facts dt{font-weight:600;color:#5c6e54;margin-bottom:5px}.op-comparison-facts dd{margin:0;color:#173e32}.op-comparison-facts dd strong{display:block;font-size:25px;font-family:var(--op-serif);overflow-wrap:anywhere}.op-comparison-facts dd span{display:block;margin-top:5px}.op-comparison-evidence{padding-left:18px}.op-comparison-evidence li{font-size:13px;line-height:1.65;margin:8px 0}.op-comparison-attribution{font-size:12px!important;line-height:1.6;border-top:1px solid #d3d9c8;padding-top:12px;color:#465f42}
.op-quick-navigation{margin-top:20px}.op-quick-launcher{display:flex;gap:15px;align-items:center;flex-wrap:wrap;text-align:left;border:1px solid #c4bb96;border-radius:6px;padding:11px 15px;background:#f7f2e4;color:#173e32}.op-quick-launcher kbd{font-size:12px;background:#e9e6d7;border:1px solid #b9bea4;border-radius:4px;padding:3px 6px}
.op-quick-dialog{position:fixed;inset:0;width:min(720px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 44px);margin:auto;padding:25px;background:#fbfaf0;border:1px solid #8b9d7f;border-radius:12px;color:#173e32;overflow:auto;box-shadow:0 20px 85px #061c1670}.op-quick-dialog::backdrop{background:#051a12b8;backdrop-filter:blur(5px)}.op-quick-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.op-quick-head h2{font-size:32px;line-height:1.2;margin:8px 0 20px}.op-quick-head button{flex-shrink:0;width:44px;height:44px;border:1px solid #a9b798;background:#f7f6e9;border-radius:50%;color:#173e32;font-size:25px}.op-quick-input{display:grid;gap:8px;font-size:14px;font-weight:600}.op-quick-input input{width:100%;box-sizing:border-box;min-height:50px;border:1px solid #809472;border-radius:7px;background:#fffef8;color:#153b32;padding:12px 15px;font:400 16px/1.5 var(--op-sans)}.op-quick-count{font-size:12px;line-height:1.5;color:#506749}.op-quick-results{list-style:none;margin:15px 0;padding:0}.op-quick-results a{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:13px 10px;border-top:1px solid #c7d1b9;min-height:60px;color:#173e32;text-decoration:none}.op-quick-results a:hover,.op-quick-results a:focus-visible{background:#e6eddc}.op-quick-results strong{display:block;font-size:16px;line-height:1.4}.op-quick-results small{display:block;font-size:13px;line-height:1.6;color:#526d49;margin-top:4px}.op-quick-kind{font-size:12px;white-space:nowrap}.op-quick-empty h3{font-size:25px}.op-quick-empty p{font-size:14px}.op-quick-dialog :focus-visible,.op-part-inspector :focus-visible,.op-comparison :focus-visible{outline:3px solid #a46b13;outline-offset:3px}
@media(max-width:1100px){.op-comparison-grid{grid-template-columns:1fr}.op-comparison-head{flex-wrap:wrap}.op-comparison-actions{display:flex;flex-wrap:wrap;align-items:center}}
@media(max-width:760px){.op-quick-dialog{padding:18px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);box-sizing:border-box}.op-quick-head h2{font-size:26px}.op-quick-kind{display:none}.op-comparison{padding:16px}.op-comparison-head h3{font-size:26px}.op-comparison-card{padding:16px}.op-part-inspector{padding:15px}.op-inspect-canvas-note{top:8px;left:10px;right:10px}}
.op-company-mark>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.op-company-mark small{font-size:12px;line-height:1.6;color:#46593e}
.op-map-caption{font-size:12px!important;line-height:1.65!important}

/* r20 original concept gallery. Existing hero portrait timeline is untouched. */
.op-image-gallery{position:relative;isolation:isolate;padding:86px max(28px,calc((100vw - 1380px)/2));background:#061711;color:#edf4ee;border-block:1px solid #315046;overflow:hidden}
.op-image-gallery::before{content:"";position:absolute;z-index:-1;width:750px;height:750px;right:-260px;top:-400px;border:1px solid #bfa16b33;border-radius:50%;box-shadow:0 0 0 80px #79ac8c08,0 0 0 160px #79ac8c06;pointer-events:none}
.op-gallery-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:55px;align-items:end;margin-bottom:36px}
.op-gallery-heading h2{font-size:clamp(38px,4.5vw,64px);line-height:1.05;letter-spacing:-.055em;margin:14px 0 0;font-weight:600;color:#f0f5ee}.op-gallery-heading h2 em{font-style:normal;color:#cfb580}
.op-image-gallery .op-eyebrow,.op-gallery-dialog .op-eyebrow{color:#d9c291;font-size:12px}
.op-gallery-intro p{font-size:16px;line-height:1.7;color:#bbcdc1;max-width:470px;margin:0 0 20px}
.op-gallery-motion{font-size:12px!important;min-height:44px;border:1px solid #7da087;background:#102d22;color:#edf5ef;border-radius:30px;padding:10px 18px}.op-gallery-motion:disabled{opacity:.72;cursor:default}
.op-gallery-editorial{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,1fr);gap:28px;align-items:start}.op-gallery-feature{min-width:0}
.op-gallery-image{position:relative;display:block;width:100%;height:440px;padding:0;background:#071810;border:1px solid #718c764f;border-radius:24px;overflow:hidden;--gallery-x:0;--gallery-y:0;transform:perspective(1100px) rotateX(calc(var(--gallery-y)*-2.4deg)) rotateY(calc(var(--gallery-x)*2.4deg));transition:transform .3s ease,border-color .3s ease;text-align:left;cursor:zoom-in;box-shadow:0 30px 50px #020b0799}
.op-gallery-image img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .6s ease;filter:brightness(.96)}.op-gallery-image:hover{border-color:#cbb47a}.op-gallery-image:hover img{filter:brightness(1.08)}
.op-gallery-enlarge{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:40px;font-size:13px;padding:12px 18px;background:#051a13ed;color:#e8f1e7;border:1px solid #bfa57488;border-radius:28px;pointer-events:none}.op-gallery-enlarge span{font-size:20px}
.op-gallery-feature-caption{padding:24px 6px 0}.op-gallery-feature-caption h3{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:8px 0 12px;color:#f1f5ef}.op-gallery-feature-caption p:not(.op-eyebrow){color:#bbcfc0;font-size:14px;line-height:1.65;max-width:680px;margin:8px 0 0}
.op-gallery-disclosure{display:block;font-size:12px!important;line-height:1.45;color:#e7c98e!important;font-weight:600}
.op-gallery-selector{display:flex;flex-direction:column;gap:13px;min-width:0}.op-gallery-choice{position:relative;display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px;align-items:center;text-align:left;border:1px solid #536d5980;border-radius:18px;background:#0b2219;color:#edf3eb;min-height:122px;padding:12px;transition:background .25s,border-color .25s,transform .25s}
.op-gallery-choice:hover,.op-gallery-choice.is-selected{border-color:#c0a16f;background:#19372a}.op-gallery-choice.is-selected{box-shadow:inset 3px 0 #cbb17a}.op-gallery-choice img{display:block;width:116px;height:96px;border-radius:10px;object-fit:cover}
.op-gallery-choice small{display:block;color:#a9c6b1;font-size:12px;line-height:1.45;margin-bottom:5px}.op-gallery-choice strong{display:block;font-size:18px;line-height:1.3;letter-spacing:-.02em;margin-bottom:8px;font-weight:600;padding-right:20px}.op-gallery-number{position:absolute;right:12px;top:12px;color:#c9ad79;font-size:12px;font-variant-numeric:tabular-nums}
.op-gallery-note{font-size:13px;color:#b5cab9;line-height:1.6;margin:8px 4px 0}.op-gallery-link{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 18px;border:1px solid #ac966b;border-radius:28px;color:#f1e5bd;min-height:48px;font-size:14px;text-decoration:none;margin-top:8px}.op-gallery-link:hover{background:#2b4834}.op-gallery-link span{font-size:20px}
.op-gallery-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(1260px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:24px;border:1px solid #a68e64;border-radius:22px;background:#071a12;color:#eff5ec;box-shadow:0 25px 100px #000a;overflow:auto}.op-gallery-dialog::backdrop{background:#010a07dd;backdrop-filter:blur(8px)}
.op-gallery-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:24px;padding-bottom:18px}.op-gallery-dialog-head h2{font-size:clamp(22px,3vw,32px);line-height:1.15;margin:8px 0;color:#edf4ea;letter-spacing:-.035em}
.op-gallery-dialog button{min-height:44px;font-size:13px;padding:11px 18px;border:1px solid #71866b;border-radius:26px;background:#142c20;color:#edf3e9}.op-gallery-dialog button:hover,.op-gallery-dialog button[aria-pressed=true]{background:#345339;border-color:#cab07b}
.op-gallery-viewer-image{position:relative;width:100%;height:min(58vh,620px);border-radius:12px;background:#031109;overflow:auto;border:1px solid #3c5944}.op-gallery-viewer-image img{display:block;width:100%;height:100%;object-fit:contain;margin:auto}.op-gallery-viewer-image.is-zoomed img{width:160%;height:160%;max-width:none;object-fit:contain;transition:width .3s,height .3s}
.op-gallery-viewer-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;margin-top:18px}.op-gallery-viewer-footer p{color:#b9cfbd;font-size:13px;line-height:1.55;max-width:720px;margin:7px 0}.op-gallery-viewer-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.op-gallery-image-failure{position:absolute;inset:35% 12px auto;display:block;padding:20px;background:#112b1b;color:#f0f3eb;font-size:14px;line-height:1.5;border:1px solid #829973;border-radius:12px;text-align:center}.op-image-gallery :focus-visible,.op-gallery-dialog :focus-visible{outline:3px solid #f1d79c;outline-offset:4px}
@keyframes opGalleryLight{from{filter:brightness(.96)}to{filter:brightness(1.09)}}
.op-image-gallery[data-gallery-motion=on] .op-gallery-image img{animation:opGalleryLight 5s ease-in-out infinite alternate}
.op-image-gallery[data-gallery-motion=off] *,.op-gallery-dialog[data-gallery-motion=off] *{animation:none!important;transition:none!important;transform:none!important;translate:none!important;clip-path:none!important}
@media(max-width:1100px){.op-gallery-image{height:380px}.op-gallery-editorial{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px}.op-gallery-choice{grid-template-columns:92px 1fr;gap:13px}.op-gallery-choice img{width:92px;height:85px}.op-gallery-choice strong{font-size:16px}.op-gallery-viewer-footer{grid-template-columns:1fr}}
@media(max-width:760px){.op-image-gallery{padding:52px 20px}.op-gallery-heading{grid-template-columns:1fr;gap:22px;margin-bottom:26px}.op-gallery-heading h2{font-size:40px}.op-gallery-intro p{font-size:14px;line-height:1.6}.op-gallery-editorial{grid-template-columns:1fr;gap:24px}.op-gallery-image{height:260px;border-radius:18px}.op-gallery-enlarge{left:10px;bottom:10px;padding:9px 13px;font-size:12px;gap:24px}.op-gallery-feature-caption{padding:19px 2px 0}.op-gallery-feature-caption h3{font-size:25px}.op-gallery-feature-caption p:not(.op-eyebrow){font-size:13px}.op-gallery-choice{grid-template-columns:96px minmax(0,1fr);gap:15px;min-height:120px}.op-gallery-choice img{width:96px;height:92px}.op-gallery-choice strong{font-size:17px}.op-gallery-choice small{font-size:12px}.op-gallery-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px;border-radius:16px}.op-gallery-dialog-head{gap:12px}.op-gallery-dialog-head h2{font-size:23px}.op-gallery-dialog-head button{flex-shrink:0;padding:10px 13px}.op-gallery-viewer-image{height:43vh}.op-gallery-viewer-footer{gap:16px}.op-gallery-viewer-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.op-gallery-dialog button{padding:10px 9px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.op-image-gallery *,.op-gallery-dialog *{animation:none!important;transition:none!important;transform:none!important;translate:none!important;clip-path:none!important}}

/* r21 mobile art direction: a deliberate stage, crisp Light rendering and native chapter rail. */
.op-gallery-chapters{display:grid;gap:13px;min-width:0}
.op-gallery-touch-hint,.op-guide-name-short{display:none}
@media(max-width:760px){
  .op-hero-entry{padding:18px 20px 38px;gap:24px}
  .op-hero-entry>.op-scene-host{top:0;bottom:auto;height:240px}
  .op-hero-entry:before{height:258px;background:linear-gradient(180deg,transparent 0,#06121012 150px,#061210cc 210px,#061210 246px)}
  .op-hero-entry>.op-portrait{top:28px;right:18px;width:128px;max-width:128px;padding:7px;border-radius:15px;background:#e1e6d9;border-color:#9daa99;box-shadow:0 14px 28px #010b0866}
  .op-hero-entry .op-portrait-media{border-radius:9px}
  .op-hero-entry .op-hero-copy{padding-top:220px;display:flex;flex-direction:column}
  .op-hero-entry .op-hero-copy>.op-identity{order:1;font-size:12px;line-height:1.5;letter-spacing:.07em;margin:0 0 8px}
  .op-hero-entry h1{order:2;font-size:clamp(33px,9vw,40px);line-height:1.07;margin:8px 0 14px;letter-spacing:-.04em}
  .op-hero-entry .op-hero-copy>.op-role{order:3;font-size:15px!important;line-height:1.5;margin:0 0 4px}
  .op-hero-entry .op-hero-actions{order:4;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:14px}
  .op-hero-entry .op-hero-actions .op-cv-primary{grid-column:1/-1;min-height:56px;border-radius:9px;padding:14px 18px}
  .op-hero-entry .op-hero-actions .op-button-secondary{font-size:13px;line-height:1.45;min-height:52px;gap:10px;padding:11px 13px;border-radius:8px}
  .op-hero-entry .op-hero-actions .op-link-quiet{grid-column:auto;justify-self:stretch;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:1.5;min-height:52px;padding:11px 13px;border:1px solid #789186;border-radius:8px}
  .op-hero-entry .op-hero-copy>.op-hero-intro{order:5;font-size:15px;line-height:1.55;margin:20px 0 0}
  .op-hero-entry .op-hero-copy>.op-hero-more{order:6;font-size:15px;margin-top:14px;line-height:1.6}
  .op-hero-entry .op-hero-copy>.op-availability{order:7;font-size:13px!important;line-height:1.6;margin-top:10px}
  .op-hero-entry>.op-scene-controls{position:relative;order:2;inset:auto;max-width:none;width:100%;justify-content:flex-start;gap:8px;margin:0;padding:14px 0;border-block:1px solid #31564b}
  .op-hero-entry .op-scene-controls>button{min-height:44px;font-size:12px;padding:10px 12px}
  .op-hero-entry .op-scene-quality{border-radius:24px;align-items:center}
  .op-hero-entry .op-scene-quality button{min-height:44px;min-width:55px;font-size:12px}
  .op-hero-entry .op-proof{order:3;grid-template-columns:minmax(0,1fr)}
  .op-hero-entry .op-proof-item,.op-hero-entry .op-proof-item+.op-proof-item{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:18px;align-items:center;padding:18px 0}
  .op-hero-entry .op-proof .op-metric{font-size:25px;line-height:1.2}
  .op-hero-entry .op-proof-item>span{font-size:13px;line-height:1.55}
  .op-section,.op-intro,.op-next{padding:38px 20px}
  .op-section-head h2{font-size:32px;line-height:1.14;letter-spacing:-.03em}
  .op-route-card{border-radius:10px;padding:23px}
  .op-route-card h3{font-size:24px;line-height:1.2}
  .op-image-gallery{padding:42px 20px 48px}
  .op-gallery-heading{gap:18px;margin-bottom:24px}
  .op-gallery-heading h2{font-size:clamp(32px,8.9vw,38px);line-height:1.1;letter-spacing:-.035em}
  .op-gallery-intro p{font-size:15px;line-height:1.6;margin-bottom:15px}
  .op-gallery-editorial{gap:22px}
  .op-gallery-image{display:flex;flex-direction:column;height:auto;min-height:0;border-radius:16px;touch-action:pan-y pinch-zoom}
  .op-gallery-image img{height:auto;object-fit:contain;max-height:440px}
  .op-gallery-enlarge{position:relative;left:auto;bottom:auto;align-self:flex-start;margin:10px;min-height:44px;padding:10px 13px;gap:24px;font-size:12px}
  .op-gallery-touch-hint{display:block;font-size:12px!important;line-height:1.5;color:#b4c9bc!important;margin:10px 2px 0}
  .op-gallery-feature-caption{padding:14px 2px 0}
  .op-gallery-feature-caption h3{font-size:26px;line-height:1.22}
  .op-gallery-feature-caption p:not(.op-eyebrow){font-size:14px;line-height:1.65}
  .op-gallery-selector{gap:12px}
  .op-gallery-chapters{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding:2px;overscroll-behavior-x:contain;touch-action:auto;padding:4px 2px 12px;scrollbar-width:thin;scrollbar-color:#9eaa78 #132c22}
  .op-gallery-choice{flex:0 0 min(280px,calc(100% - 42px));width:min(280px,calc(100% - 42px));min-width:0;grid-template-columns:76px minmax(0,1fr);gap:12px;min-height:130px;border-radius:13px;padding:12px;scroll-snap-align:start}
  .op-gallery-choice img{width:76px;height:76px;object-fit:contain;object-position:center;background:#061810;border-radius:8px}
  .op-gallery-choice strong{font-size:15px;line-height:1.35;padding-right:12px;margin-bottom:7px}
  .op-gallery-choice small{font-size:12px;line-height:1.5}
  .op-gallery-number{top:8px;right:8px;font-size:12px}
.op-gallery-note{font-size:13px;line-height:1.6;margin:0 2px}
  .op-gallery-link{min-height:48px;font-size:13px;line-height:1.5;margin-top:0}
  .op-review-guide{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}
  .op-guide-launcher{gap:7px;min-height:48px;padding:9px 12px;background:#12382beF;border-radius:24px;box-shadow:0 5px 18px #03160d55}
  .op-guide-launcher svg{width:25px;height:25px}
  .op-guide-name-full{display:none}
  .op-guide-name-short{display:inline;font-size:12px;line-height:1.5;font-weight:700}
  .op-guide-panel{bottom:60px}
}

/* r22: a continuous SSR composition, one hero renderer and opaque reading planes. */
.op-scroll-depth{position:relative;isolation:isolate;background:#0a211b;overflow:visible!important;min-height:100vh;padding-bottom:1px}
.op-depth-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 100% 35%,#244c39 0,transparent 48%),radial-gradient(ellipse at 0 90%,#31452a 0,transparent 44%),#081e18}
.op-depth-backdrop svg{display:block;width:100%;height:100%;fill:none;stroke:#7b9c8045;stroke-width:.65}
.op-depth-backdrop .op-depth-brass{stroke:#c7aa7359;stroke-width:1.2}.op-depth-backdrop .op-depth-fine{stroke:#b9d6b130;stroke-width:.8}
.op-scroll-depth>.op-section,.op-scroll-depth>.op-image-gallery,.op-scroll-depth>.op-next,.op-scroll-depth>.op-intro{position:relative;z-index:2;width:calc(100% - 64px);max-width:1240px;margin:44px auto;padding:62px 36px;border:1px solid #60766360;border-radius:18px;box-shadow:0 18px 48px #020d0828}
.op-scroll-depth>.op-section:not(.op-lab):not(.op-soft),.op-scroll-depth>.op-intro{background:#f8f6ef}
.op-scroll-depth>.op-soft{background:#eef0e7}
.op-scroll-depth>.op-image-gallery{background:#061711}.op-scroll-depth>.op-lab{background:#071b17}.op-scroll-depth>.op-next{background:#143c32}
.op-scroll-depth>.op-about-header,.op-scroll-depth>.op-contact-stage,.op-scroll-depth>#op-secure-contact{position:relative;z-index:2}
.op-scroll-depth>.op-about-header,.op-scroll-depth>.op-contact-stage{width:calc(100% - 64px);max-width:1240px;margin:44px auto;padding:62px 36px;border:1px solid #60766360;border-radius:18px}
.op-scroll-depth>.op-about-header{background:#061210}.op-scroll-depth>.op-contact-stage{background:#0a241c}
.op-scroll-depth>#op-secure-contact{background:#f8f6ef}
/* This Home hero intentionally does not create a fixed-position clipping/stacking ancestor. */
.op-depth-home>.op-hero-entry{isolation:auto;overflow:visible;transform:none;filter:none;contain:none}
.op-depth-home>.op-hero-entry:has(>.op-scene-host.is-ambient):before{z-index:0}
.op-depth-home>.op-hero-entry:has(>.op-scene-host.is-ambient)>.op-hero-copy{background:#061210}
.op-depth-home>.op-hero-entry>.op-scene-host.is-ambient{position:fixed;inset:auto;top:clamp(120px,22vh,220px);right:0;bottom:auto;left:auto;width:clamp(200px,19vw,280px);height:420px;z-index:1;pointer-events:none;border-radius:50% 0 0 50%;opacity:.92;mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%);overflow:hidden;transition:opacity 220ms ease}
.op-depth-home>.op-hero-entry>.op-scene-host.is-ambient:not(.is-ready),.op-depth-home>.op-hero-entry>.op-scene-host.is-depth-suspended{opacity:0}
.op-ambient-toolbar{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:18px;z-index:79;max-width:120px;color:#eff5ec;font-family:var(--op-sans)}
.op-public .op-ambient-launcher{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:112px;border:1px solid #b69c6a;border-radius:26px;padding:10px 12px;background:#102c23;color:#f1e8cd;font-size:12px;box-shadow:0 6px 18px #03150e55;white-space:nowrap}
.op-ambient-launcher>span{font-size:22px;line-height:1;color:#e3c484}
.op-ambient-panel{position:absolute;left:0;bottom:62px;width:276px;max-width:calc(100vw - 36px);padding:17px;border:1px solid #8f986b;border-radius:14px;background:#102a21;color:#eff5ec;box-shadow:0 14px 45px #020d0890}
.op-ambient-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.op-ambient-panel-head button{border:0;background:none;color:#edf3e7;font-size:24px;min-width:44px}
.op-public .op-ambient-panel p{font-size:12px;line-height:1.6;color:#c2d4c4;margin:7px 0 14px}
.op-ambient-panel>button,.op-ambient-quality button{border:1px solid #829875;border-radius:7px;min-height:44px;padding:10px 14px;color:#eef4e8;background:#173b2c;font-size:12px}
.op-ambient-panel>button{width:100%}.op-ambient-quality{display:flex;gap:7px;margin-top:10px}.op-ambient-quality button{flex:1}.op-ambient-quality button[aria-pressed=true]{color:#102d24;background:#e1bd80;border-color:#e1bd80}
.op-ambient-toolbar :focus-visible{outline:3px solid #f3d18d;outline-offset:4px}
@media(max-width:760px){
  .op-scroll-depth>.op-section,.op-scroll-depth>.op-image-gallery,.op-scroll-depth>.op-next,.op-scroll-depth>.op-intro{width:calc(100% - 28px);margin:36px auto;padding:34px 18px;border-radius:14px}
  .op-scroll-depth>.op-about-header,.op-scroll-depth>.op-contact-stage{width:calc(100% - 28px);margin:36px auto;padding:34px 18px;border-radius:14px}
  .op-depth-home>.op-hero-entry>.op-scene-host.is-ambient{top:112px;right:0;width:200px;height:300px;border-radius:40% 0 0 40%;mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%)}
  .op-ambient-toolbar{left:12px;bottom:max(12px,env(safe-area-inset-bottom))}.op-public .op-ambient-launcher{width:104px;min-height:48px}.op-ambient-panel{max-width:calc(100vw - 24px);bottom:60px}
  .op-depth-backdrop svg{width:170%;max-width:none;position:absolute;right:0}
}
@media(prefers-reduced-motion:reduce){.op-scroll-depth .op-scene-host{transition:none!important}}

/* r22 contrast successor: specificity beats the inherited .op-public p rule. */
.op-image-gallery .op-gallery-note{color:#c4d5c8}

/* r22 contact successor: canvas remains inside its mobile scene; controls stay unclipped. */
@media(max-width:760px){.op-scroll-depth.op-contact-three .op-contact-stage-scene>.op-scene-host{inset:0}}

/* r23: the same route-owned host changes framing, beneath opaque reading planes. */
.op-depth-route .op-scene-host.is-ambient{position:fixed;inset:auto;top:clamp(120px,22vh,220px);right:0;bottom:auto;left:auto;width:clamp(200px,19vw,280px);height:420px;z-index:1;pointer-events:none;border-radius:50% 0 0 50%;opacity:.92;mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%);overflow:hidden;transition:opacity 220ms ease}
.op-depth-route .op-scene-host.is-ambient:not(.is-ready),.op-depth-route .op-scene-host.is-owner-suspended{opacity:0}
.op-depth-about>.op-about-header:has(.op-scene-host.is-ambient),.op-depth-contact>.op-contact-stage:has(.op-scene-host.is-ambient),.op-depth-work>.op-lab:has(.op-scene-host.is-ambient){z-index:auto;isolation:auto;overflow:visible;transform:none;filter:none;contain:none}
.op-depth-work>.op-lab:has(.op-scene-host.is-ambient) .op-lab-scene{overflow:visible}
.op-depth-work>.op-lab:has(.op-scene-host.is-ambient)>.op-section-head,.op-depth-work>.op-lab:has(.op-scene-host.is-ambient)>.op-small,.op-depth-work>.op-lab:has(.op-scene-host.is-ambient) .op-lab-controls{position:relative;z-index:2;background:#071b17}
@media(max-width:760px){.op-depth-route .op-scene-host.is-ambient{top:112px;right:0;width:200px;height:300px;border-radius:40% 0 0 40%;mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%)}}
@media(prefers-reduced-motion:reduce){.op-depth-route .op-scene-host.is-ambient{transition:none}}

.op-scroll-depth.op-depth-route .op-scene-host.is-owner-suspended{opacity:0}
@media(max-width:760px){.op-scroll-depth.op-depth-contact .op-contact-stage-scene>.op-scene-host.is-ambient{inset:auto;top:112px;right:0;bottom:auto;left:auto;width:200px;height:300px}}

/* r24: a reserved mobile reading separator, visible geometry rather than a covered side sliver. */
.op-mobile-ribbon{display:none}
@media(max-width:760px){
  .op-mobile-ribbon{position:sticky;top:var(--op-header-bottom,80px);z-index:10;display:grid;grid-template-columns:118px minmax(0,1fr);height:128px;min-height:128px;max-height:128px;width:calc(100% - 28px);margin:24px auto;box-sizing:border-box;background:#071e18;border:1px solid #84936b;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px #020c0840}
  .op-mobile-ribbon-copy{position:relative;padding:12px 10px;color:#f4e9d1;min-width:0;z-index:12;display:flex;flex-direction:column;gap:5px}
  .op-mobile-ribbon-copy strong{font:600 12px/1.35 var(--op-sans)}
  .op-mobile-ribbon-copy>span:not(.op-mobile-ribbon-control-space){font:12px/1.4 var(--op-sans);color:#c7d9cc}
  .op-mobile-ribbon-control-space{position:absolute;top:72px;left:10px;width:100px;height:44px;display:grid;place-items:center;color:#d6b77e;border:1px solid #77907a;border-radius:24px;background:#14382b}
  .op-mobile-ribbon-frame{position:relative;min-width:0;height:126px;background:#061210;overflow:hidden;border-radius:0 13px 13px 0}
  .op-mobile-ribbon-frame svg{display:block;width:100%;height:100%}
  .op-scroll-depth.op-depth-route [data-route-scene-stage]>.op-scene-host.is-ambient{position:fixed;inset:auto;top:var(--op-ribbon-top,80px);left:var(--op-ribbon-left,132px);right:auto;bottom:auto;width:var(--op-ribbon-width,200px);height:var(--op-ribbon-height,126px);z-index:11;border-radius:0 13px 13px 0;mask-image:none;pointer-events:none;transition:none}
  .op-scroll-depth.op-depth-route .op-ambient-toolbar{top:var(--op-ribbon-controlTop,152px);left:var(--op-ribbon-controlLeft,24px);right:auto;bottom:auto;z-index:12;max-width:100px}
  .op-scroll-depth.op-depth-route .op-ambient-launcher{width:100px;min-height:44px;padding:8px 10px;font-size:12px}
  .op-scroll-depth.op-depth-route .op-ambient-panel{top:52px;bottom:auto;left:0;max-width:calc(100vw - 36px)}
  .op-scroll-depth [id]{scroll-margin-top:var(--op-ribbon-anchor-offset,224px)}
  .op-scroll-depth[data-ribbon-blocked="true"] .op-ambient-toolbar{visibility:hidden;pointer-events:none}
  .op-scroll-depth[data-ribbon-slot-exposed="false"] .op-ambient-toolbar{visibility:hidden;pointer-events:none}
}

/* r25: original DOM brand deck. Text is on a stationary opaque reading plane. */
.op-brand-explorer{position:relative;min-width:0;margin:36px 0 24px;border:1px solid #7a8a65;border-radius:20px;padding:28px;background:#09251e;color:#f5eedb;box-shadow:0 16px 36px #02160c30}
.op-brand-explorer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}
.op-brand-explorer .op-eyebrow{color:#d8bd87;font-size:12px;line-height:1.55;letter-spacing:.12em}
.op-brand-explorer h3{margin:0;color:#f5eedb;font:500 clamp(28px,3.8vw,46px)/1.14 var(--op-serif)}
.op-brand-explorer h3 em{font-style:italic;color:#e5c592}
.op-brand-motion-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center;max-width:330px}
.op-brand-showcase-status{font-size:12px;line-height:1.5;color:#d6e2d8}
.op-brand-explorer button{font-family:var(--op-sans);cursor:pointer}
.op-brand-motion-controls button,.op-brand-filters button,.op-brand-choice-rail button{min-height:44px;padding:10px 14px;border:1px solid #6b8b78;border-radius:24px;background:#163c2e;color:#eef4e8;font-size:12px;line-height:1.5}
.op-brand-explorer button:disabled{cursor:default;opacity:.65}
.op-brand-motion-controls button[aria-pressed=true],.op-brand-filters button[aria-pressed=true],.op-brand-choice-rail button[aria-pressed=true]{background:#e7c48a;color:#17382c;border-color:#e7c48a}
.op-brand-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:20px;align-items:end}
.op-brand-filters{display:flex;flex-wrap:wrap;gap:8px;min-width:0;padding:4px}
.op-brand-explorer .op-brand-search{display:grid;gap:7px;font-size:12px;color:#d8e4d7;min-width:0}
.op-brand-search input{min-height:46px;width:100%;min-width:0;padding:11px 12px;border:1px solid #90a78b;border-radius:8px;font-size:14px;background:#f8f5ec;color:#153c30;box-sizing:border-box}
.op-brand-deck{position:relative;display:grid;place-items:center;height:310px;margin:20px -8px 0;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at 50% 65%,#48775985,transparent 65%),linear-gradient(145deg,#0b201a,#173e2d 55%,#09221a);perspective:1100px}
.op-brand-orbit{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.op-brand-orbit svg{display:block;width:min(100%,600px);height:100%;fill:none;stroke:#d2b57a75;stroke-width:1.1;vector-effect:non-scaling-stroke}
.op-brand-logo-plate{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:260px;min-height:180px;padding:24px 25px;border:1px solid #d3b577;border-radius:18px;background:#fdfbf2;box-shadow:0 20px 30px #020f0966,0 0 0 8px #c6ad7220;box-sizing:border-box;transform:rotateY(calc(var(--op-brand-x,0)*8deg)) rotateX(calc(var(--op-brand-y,0)*-5deg));transform-origin:center}
.op-brand-logo-plate img{display:block;width:100%;height:auto;max-width:200px;max-height:84px;object-fit:contain}
.op-brand-text-mark{display:block;text-align:center;color:#183e2e;font:700 26px/1.1 var(--op-sans);overflow-wrap:anywhere}
.op-brand-plate-context{font-size:12px;line-height:1.5;text-align:center;color:#445944}
.op-brand-plate-index{position:absolute;right:12px;top:10px;color:#57705a;font:12px/1.3 var(--op-sans)}
.op-brand-wing{position:absolute;top:50%;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:155px;min-height:126px;padding:15px;border:1px solid #b2c2a1;border-radius:14px;background:#e7eee0;box-shadow:0 16px 24px #04150d77;box-sizing:border-box;transform:translateY(-50%) rotateY(24deg) scale(.86)}
.op-brand-wing-previous{left:calc(50% - 315px)}
.op-brand-wing-next{right:calc(50% - 315px);transform:translateY(-50%) rotateY(-24deg) scale(.86)}
.op-brand-wing img{display:block;width:100%;height:auto;max-height:50px;object-fit:contain}
.op-brand-wing span{font-size:12px;line-height:1.45;color:#355b43;text-align:center;overflow-wrap:anywhere}
.op-brand-primary-copy{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;padding:26px;margin:0 -8px 20px;border:1px solid #becdb1;border-radius:14px;background:#f8f6ed;color:#183b2f}
.op-brand-primary-copy h4{margin:5px 0 12px;color:#183b2f;font:600 30px/1.2 var(--op-sans);overflow-wrap:anywhere}
.op-brand-explorer .op-brand-primary-copy p,.op-brand-primary-copy li{color:#304f3d;font-size:15px;line-height:1.75;margin:0 0 12px}
.op-brand-explorer .op-brand-primary-copy .op-eyebrow{color:#566d4d}
.op-brand-primary-copy ul{padding-left:20px;margin:12px 0}
.op-brand-explorer .op-brand-primary-copy .op-brand-concept-caption{font-size:14px;color:#4d654d;margin-bottom:0}
.op-brand-relation{margin:10px 0 14px;border-top:1px solid #b8c9ad}.op-brand-relation summary{cursor:pointer;color:#395b43;font-size:14px;line-height:1.6;min-height:44px;padding:10px 0;box-sizing:border-box}.op-brand-explorer .op-brand-relation p{font-size:14px;line-height:1.7;margin:6px 0 12px}
.op-brand-primary-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:18px}
.op-brand-primary-actions>a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:12px;border:1px solid #557553;border-radius:9px;background:#153d2c;color:#f4f0df;text-decoration:none;font-size:14px;line-height:1.5;box-sizing:border-box}
.op-brand-primary-actions>div{display:flex;gap:10px}
.op-brand-primary-actions button{flex:1;min-width:44px;min-height:46px;border:1px solid #869e72;border-radius:8px;background:#e2e8d7;color:#153a2b;font-size:24px}
.op-brand-choice-rail{display:flex;gap:8px;overflow:auto;padding:7px 4px 12px;scroll-snap-type:x proximity;scroll-padding:5px;max-width:100%;touch-action:pan-x pan-y pinch-zoom}
.op-brand-choice-rail button{flex:none;scroll-snap-align:start;white-space:nowrap}
.op-brand-empty{padding:32px 18px;color:#f2ecda;border:1px solid #829775;border-radius:14px;margin-top:22px;background:#173d2d}
.op-brand-empty h4{font-size:22px}.op-brand-explorer .op-brand-empty p{color:#d3e0cb;font-size:15px}
.op-brand-empty button{min-height:44px;padding:12px 18px;background:#edcd91;color:#183c2b;border:1px solid #edcd91;border-radius:22px;font-size:14px}
.op-brand-all{margin-top:18px;border-top:1px solid #6b826755;padding-top:18px}
.op-brand-all summary{min-height:44px;color:#e1c692;font-size:14px;cursor:pointer;line-height:1.6;padding:10px 0;box-sizing:border-box}
.op-brand-all-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.op-brand-all-grid article{padding:18px;border:1px solid #8b9f76;border-radius:12px;background:#f0f1e5;color:#214834;min-width:0}
.op-brand-all-grid h4{font-size:18px;margin:0 0 12px;overflow-wrap:anywhere}
.op-brand-all-mark{display:flex;align-items:center;gap:14px;min-height:64px;margin-bottom:12px;min-width:0}.op-brand-all-mark img{display:block;width:96px;height:52px;object-fit:contain;flex-shrink:0}.op-brand-all-mark h4{margin:0}.op-brand-all-mark .op-brand-text-mark{font-size:18px}
.op-brand-explorer .op-brand-keyboard-help{font-size:14px;line-height:1.6;color:#c9dac5;margin:0 4px 12px}
.op-brand-explorer .op-brand-all-grid p{font-size:14px;line-height:1.7;color:#385441}
.op-brand-all-grid a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;color:#214e37}
.op-brand-explorer .op-brand-explorer-disclaimer{margin:22px 0 0;color:#c6d8c3;font-size:14px;line-height:1.8}
.op-brand-existing{margin:30px 0 20px;border-top:1px solid #b6c2a7;padding-top:18px}.op-brand-existing>summary{min-height:44px;font-size:15px;line-height:1.6;color:#284b35;cursor:pointer}
.op-brand-explorer :focus-visible{outline:3px solid #d79440;outline-offset:3px}
.op-brand-explorer[data-brand-motion=off] .op-brand-logo-plate{transform:none}
@media(max-width:1000px){.op-brand-tools{grid-template-columns:1fr}.op-brand-search{max-width:420px}.op-brand-wing-previous{left:4%}.op-brand-wing-next{right:4%}.op-brand-wing{width:126px}}
@media(max-width:760px){
  .op-brand-explorer{margin:24px -4px 20px;padding:18px 12px;border-radius:14px}
  .op-brand-explorer-head{display:block;margin-bottom:16px}.op-brand-explorer h3{font-size:30px;line-height:1.17}
  .op-brand-motion-controls{margin-top:18px;justify-content:flex-start;max-width:none}.op-brand-motion-controls button{font-size:12px;padding:10px 12px}
  .op-brand-tools{gap:14px}.op-brand-filters{flex-wrap:nowrap;overflow:auto;max-width:100%;padding:5px 3px 9px;scroll-snap-type:x proximity;touch-action:pan-x pan-y pinch-zoom}.op-brand-filters button{flex:none;white-space:nowrap;scroll-snap-align:start}
  .op-brand-search input{font-size:16px;min-height:48px}
  .op-brand-deck{height:254px;margin:18px -5px 0;border-radius:12px}.op-brand-logo-plate{width:174px;min-height:154px;padding:28px 15px 18px;gap:10px;border-radius:13px;box-shadow:0 16px 24px #020f0966,0 0 0 5px #c6ad7218}
  .op-brand-logo-plate img{max-height:64px}.op-brand-plate-context{font-size:12px;line-height:1.45}.op-brand-plate-index{font-size:12px}.op-brand-text-mark{font-size:22px}
  .op-brand-wing{width:78px;min-height:92px;padding:9px 7px;gap:7px;transform:translateY(-50%) rotateY(24deg) scale(.86);border-radius:10px}.op-brand-wing-previous{left:-5px}.op-brand-wing-next{right:-5px;transform:translateY(-50%) rotateY(-24deg) scale(.86)}.op-brand-wing img{max-height:36px}.op-brand-wing span{font-size:12px;line-height:1.4}
  .op-brand-primary-copy{display:block;margin:0 -5px 14px;padding:20px 16px;border-radius:12px}.op-brand-primary-copy h4{font-size:26px}.op-brand-explorer .op-brand-primary-copy p,.op-brand-primary-copy li{font-size:15px;line-height:1.8}
  .op-brand-primary-actions{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:10px;align-items:end}.op-brand-primary-actions>a{font-size:14px;padding:10px;min-height:48px}.op-brand-primary-actions button{min-width:44px;min-height:48px}
  .op-brand-choice-rail button{font-size:12px;min-height:46px}.op-brand-all-grid{grid-template-columns:1fr}.op-brand-all-grid article{padding:16px}.op-brand-explorer .op-brand-explorer-disclaimer{font-size:14px;line-height:1.75}
}
@media(prefers-reduced-motion:reduce){.op-brand-explorer *{scroll-behavior:auto!important}.op-brand-explorer .op-brand-logo-plate{transform:none!important}}

/* r25 narrow mobile hit boundary: Guide stays beside native brand controls. */
@media(max-width:760px){
  .op-public{--op-guide-safe-extra:max(0px,calc(env(safe-area-inset-right,0px) - 6px))}
  .op-review-guide{right:max(6px,env(safe-area-inset-right,0px))}
  .op-guide-launcher{box-sizing:border-box;justify-content:center;gap:0;width:44px;height:44px;min-height:44px;padding:8px;border-radius:50%}
  .op-guide-launcher>span{display:none}
  .op-brand-choice-rail,.op-brand-filters{width:calc(100% - 24px - var(--op-guide-safe-extra,0px));max-width:calc(100% - 24px - var(--op-guide-safe-extra,0px))}
  .op-brand-primary-actions{margin-inline-end:var(--op-guide-safe-extra,0px)}
}

/* r29: explicit original poster for loading/failure/loss, with unchanged live High 3D. */
.op-scene-poster{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.op-scene-host.is-ready>.op-scene-poster{display:none}.op-scene-host.is-fallback{opacity:1}.op-scene-host.is-fallback canvas{opacity:0}.op-scroll-depth .op-scene-host.is-fallback:not(.is-ambient){opacity:1!important}.op-scene-fallback-note{position:absolute;z-index:2;right:20px;bottom:20px;max-width:calc(100% - 40px);padding:8px 12px;color:#e2d4ab;background:#0d2c23e8;border:1px solid #8c825f;border-radius:8px;font:12px/1.6 var(--op-sans)}.op-scene-quality-status,.op-scene-status{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;box-sizing:border-box;color:#f1ddb1;background:#143c30;border:1px solid #8da59b;border-radius:24px;font:12px/1.5 var(--op-sans)}
.op-brand-mobile-disclosure>summary,.op-recommendation-quote>summary,.op-work-evidence-details>summary{cursor:pointer;min-height:44px;box-sizing:border-box;padding:12px 4px;font:600 14px/1.6 var(--op-sans);color:#31523b}.op-brand-mobile-disclosure{margin-top:18px}.op-brand-mobile-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;border-block:1px solid #b8c9ae}.op-recommendation-quote blockquote{margin:18px 0}.op-work-evidence-details{min-width:0;background:#fffdf3;border:1px solid #c5ceb8;border-radius:9px;padding:12px 18px}.op-work-evidence-details .op-evidence{border:0;padding:14px 0}.op-filter-row [data-empty=true]{opacity:.65}.op-filter-row span{font-size:12px}
@media(max-width:760px){
 .op-public .op-detail-scene>p,.op-public .op-map-caption,.op-public .op-company-mark small,.op-public .op-scene-controls button{font-size:12px!important}
 .op-public :is(button,select,input[type=range],summary),.op-public :is(.op-profile-details,.op-brand-existing) summary{min-height:44px}.op-public .op-quick-kind{font-size:12px}
 .op-scroll-depth>.op-section{margin-block:28px;padding-block:26px}.op-work-area{gap:20px}.op-work-copy h2{font-size:32px}.op-recommendation{padding:18px}.op-recommendation figcaption{margin-top:14px}
 .op-review-guide{position:relative;inset:auto;margin:20px auto 32px;display:flex;justify-content:center;z-index:20;max-width:calc(100% - 40px)}.op-guide-launcher{width:auto;height:auto;min-height:48px;gap:10px;padding:10px 18px;border-radius:24px}.op-guide-launcher>span{display:block}.op-guide-name-short{display:none}.op-guide-name-full{display:inline}.op-guide-panel{position:fixed;inset:auto 12px max(16px,env(safe-area-inset-bottom));width:auto;max-width:none;max-height:calc(100dvh - 125px)}
 .op-brand-choice-rail,.op-brand-filters{width:100%;max-width:100%}.op-brand-mobile-disclosure:not([open]){margin-bottom:12px}
 .op-scene-fallback-note{position:relative;display:block;inset:auto;order:2;align-self:start;margin:8px 18px;max-width:calc(100% - 36px)}.op-lab-scene>.op-scene-fallback-note,.op-detail-scene>.op-scene-fallback-note,.op-guide-scene>.op-scene-fallback-note,.op-contact-stage-scene>.op-scene-fallback-note{position:absolute;inset:auto 14px 14px;margin:0;max-width:calc(100% - 28px)}
}

.op-company-context-details>summary{min-height:44px;padding:12px 4px;cursor:pointer;font:600 14px/1.6 var(--op-sans);color:#31523b}.op-company-context-details[open]>.op-company-grid{margin-top:20px}
.op-detail-scene>.op-scene-fallback-note{bottom:75px}.op-lab-scene:not(:has(.op-scene-host.is-ready))>.op-inspect-canvas-note{display:none}
@media(max-width:760px){.op-public #skills>.op-small a,.op-public #recommendations>.op-small a{display:inline-flex;align-items:center;min-height:44px}.op-case-art{height:145px}.op-work-evidence-details>summary{padding-inline:0}.op-period{display:grid;grid-template-columns:1fr}.op-period label{display:grid;grid-template-columns:42px 1fr;align-items:center}.op-period input{width:100%;min-width:0}}

/* audit015: visible original excerpts; native details retain the complete recommendation. */
.op-recommendation-quote>summary{display:block;list-style:none}
.op-recommendation-quote>summary::-webkit-details-marker{display:none}
.op-recommendation-quote .op-recommendation-teaser{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:0 0 12px;font:22px/1.55 var(--op-serif,Georgia,serif);color:var(--op-ink);white-space:pre-wrap;overflow-wrap:anywhere}
.op-recommendation-quote .op-recommendation-teaser::before,.op-recommendation-quote .op-recommendation-teaser::after{content:none}
.op-recommendation-quote[open] .op-recommendation-teaser{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
.op-recommendation-action{display:block;min-height:44px;padding:10px 0}
.op-recommendation-close{display:none}.op-recommendation-quote[open] .op-recommendation-close{display:inline}.op-recommendation-quote[open] .op-recommendation-read{display:none}
/* audit017: measure the original quote; native disclosure is the no-JS default. */
.op-recommendation-teaser{--op-recommendation-lines:2}
.op-recommendation-plain{display:block;margin:12px 0;font:22px/1.55 var(--op-serif,Georgia,serif);color:var(--op-ink);white-space:pre-wrap;overflow-wrap:anywhere}
.op-recommendation-plain::before,.op-recommendation-plain::after{content:none}
.op-recommendation-symbol::before{content:" +"}.op-recommendation-quote[open] .op-recommendation-symbol::before{content:" −"}
@media(max-width:430px){.op-recommendation-quote .op-recommendation-teaser,.op-recommendation-plain{--op-recommendation-lines:3;font-size:19px;line-height:1.6}.op-recommendation-quote .op-recommendation-teaser{-webkit-line-clamp:3;line-clamp:3}.op-recommendation-quote[open] .op-recommendation-teaser{-webkit-line-clamp:unset;line-clamp:unset}}
#op-review-guide{scroll-margin-top:112px}

/* P05: a long company option must not force the narrow-phone grid beyond the viewport. */
@media(max-width:600px){.op-explorer-subfilters{grid-template-columns:minmax(0,1fr)}.op-explorer-subfilters select{width:100%;min-width:0;max-width:100%}}

/* Scoped public contrast: Contact intro; contain the mobile profile caption. */
.op-public #op-secure-contact p.leading-8[class~="text-paper/62"]{color:#c3d0c6}
@media(max-width:760px){.op-public .op-about-three>.op-portrait{height:auto}}

/* P10: the reviewed logo caps are external CSS, including the no-JavaScript view. */
.op-brand-explorer img[data-logo-max-width="96"]{max-width:96px}
.op-brand-explorer img[data-logo-max-width="161"]{max-width:161px}
.op-brand-explorer img[data-logo-max-width="200"]{max-width:200px}

/* V31 shared text layout. Source order and wording stay intact; each reading column has its own measure. */
.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-intro,.op-section-head,.op-work-copy,.op-career article>div,.op-profile-answers,.op-next>div){min-width:0}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-intro h1{max-width:19ch;font-size:clamp(42px,4.6vw,90px);line-height:1.07;letter-spacing:-.05em;text-wrap:balance;overflow-wrap:normal}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-intro .op-lead{max-width:69ch;font-size:clamp(17px,1.2vw,22px);line-height:1.75}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-intro .op-lead>p{font-size:inherit;line-height:inherit;margin-block:0 1.05em;text-align:start;hyphens:none}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-intro .op-lead>p:last-of-type{margin-bottom:0}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-section-head{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:clamp(24px,4vw,76px);align-items:end}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-section-head h2{max-width:24ch;line-height:1.13;letter-spacing:-.045em;margin-bottom:0}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-section-head>p{max-width:49ch;line-height:1.75;text-align:start;hyphens:none}
.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-work-copy>p,.op-profile-answers p,.op-career article>div:last-child>p,.op-case-detail li,.op-next p){max-width:72ch;text-align:start;hyphens:none;line-height:1.8;overflow-wrap:break-word}
.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-route-card,.op-case-card,.op-tool-card) :is(h3,p){text-align:start;hyphens:none;overflow-wrap:break-word}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-case-card-result strong{font-family:var(--op-sans);font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1.25}
.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-card-link,.op-link,.op-actions a,.op-actions button){white-space:normal}
@media(max-width:900px){.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-section-head{grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-section-head>p{max-width:66ch}.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-intro h1{font-size:clamp(38px,6.4vw,64px)}}
@media(max-width:480px){.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-intro h1{max-width:100%;font-size:clamp(32px,8.5vw,42px);line-height:1.12;letter-spacing:-.035em}.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-intro .op-lead{font-size:17px;line-height:1.8}.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-section-head h2{max-width:100%;overflow-wrap:break-word}}

/* R135: native, measured navigation. All new rules are scoped to this header. */
/* Existing shell compatibility; all revision styles below own only this nav. */
body:has(.op-navigation-r26) header.sticky.top-0{display:none!important}
.op-navigation-space-r135{height:112px}
.op-navigation-r26.op-navigation-r135{--nav-ink:#f1f6ff;--nav-muted:#b4c3d6;--nav-accent:var(--world-accent,#8be8d8);--nav-surface:#0c1727;position:fixed;inset:16px auto auto 50%;width:var(--op-nav-width,92vw);max-width:var(--op-nav-max-width,1680px);margin:0;transform:translateX(-50%);z-index:90;color:var(--nav-ink);font-family:inherit;text-align:left}
.op-navigation-r135 .op-navigation-row{box-sizing:border-box;position:relative;z-index:2;display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(230px,1fr);align-items:center;gap:24px;min-height:78px;padding:10px 20px;border:1px solid #c6d8ef30;border-radius:20px;background:linear-gradient(115deg,#182537ee,#0a1424f2);box-shadow:0 16px 48px #02081742,inset 0 1px 0 #ffffff0c;backdrop-filter:blur(22px) saturate(125%)}
.op-navigation-r135 .op-navigation-row::before{content:"";position:absolute;inset:-1px 15% auto;height:1px;background:linear-gradient(90deg,transparent,#d2e6f088,transparent);pointer-events:none}
.op-navigation-r135 .op-nav-identity{display:flex;align-items:center;gap:12px;min-width:0;min-height:44px;color:inherit;text-decoration:none}
.op-navigation-r135 .op-nav-monogram{flex-shrink:0;font:inherit;font-size:37px;line-height:1;font-weight:750;letter-spacing:-.09em}
.op-navigation-r135 .op-nav-monogram>span{color:var(--nav-accent)}
.op-navigation-r135 .op-nav-identity>span:last-child{min-width:0;font-size:11px;font-weight:700;letter-spacing:.105em;line-height:1.5;white-space:nowrap}
.op-navigation-r135 .op-nav-identity small{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--nav-muted);font-size:11px;font-weight:450;letter-spacing:0;margin-top:4px}
.op-navigation-r135 .op-nav-links{position:relative;display:flex;gap:3px;padding:4px;border:1px solid #d8e5f016;border-radius:15px;background:#020b1847;isolation:isolate}
.op-navigation-r135 .op-nav-links>a{box-sizing:border-box;position:relative;z-index:1;display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border:1px solid transparent;border-radius:11px;font-size:13px;font-weight:550;text-decoration:none;white-space:nowrap;color:#c6d3e4;background:transparent;scale:1;transition:color 180ms ease,background 180ms ease}
.op-navigation-r135 .op-nav-links>a:is(:hover,:focus-visible){color:#f7fbff;background:#ffffff08}
.op-navigation-r135 .op-nav-links>a.is-current{color:var(--nav-ink)}
.op-navigation-r135 .op-nav-links>a:active,.op-navigation-r135 .op-nav-mobile-panel nav>a:active{scale:1}
/* Geometry is painted by one spring. CSS must never interpolate its transform/size. */
.op-navigation-r26.op-navigation-r135 .op-nav-active{box-sizing:border-box;position:absolute;left:0;top:0;bottom:auto;z-index:0;pointer-events:none;width:0;height:0;opacity:0;will-change:transform;border:1px solid color-mix(in srgb,var(--nav-accent) 55%,transparent);border-radius:11px;background:linear-gradient(125deg,#ffffff0e,#ffffff04);box-shadow:0 3px 16px #02091730,inset 0 1px 0 #ffffff12;transition:border-color 220ms ease,box-shadow 220ms ease,opacity 140ms ease}
.op-navigation-r26.op-navigation-r135 .op-nav-active[data-indicator-ready="true"]{opacity:1}
.op-navigation-r135 .op-nav-active::after{content:"";position:absolute;left:24%;right:24%;bottom:-1px;height:1px;background:var(--nav-accent);box-shadow:0 0 9px color-mix(in srgb,var(--nav-accent) 45%,transparent);opacity:.8}
.op-navigation-r135 .op-nav-links:has(.op-nav-active[data-indicator-ready="false"])>a.is-current{border:1px solid color-mix(in srgb,var(--nav-accent) 55%,transparent);background:#ffffff0b}
.op-navigation-r135 .op-nav-label{transition:transform 180ms ease}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-nav-label{transform:translateY(-.5px)}
.op-navigation-r135 .op-nav-selection-dot{width:3px;height:3px;margin-left:-3px;border-radius:50%;background:var(--nav-accent);opacity:0;transform:scale(0);transition:opacity 130ms ease,transform 180ms ease}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-nav-selection-dot{opacity:1;transform:scale(1);transition-delay:70ms}
.op-navigation-r135 .op-nav-icon{display:block;width:21px;height:21px;flex-shrink:0;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;color:#98adc5}
.op-navigation-r135 .op-nav-icon>*{transform-box:fill-box;transform-origin:center;vector-effect:non-scaling-stroke;transition:transform 260ms cubic-bezier(.2,.8,.2,1),opacity 180ms ease,stroke 180ms ease,fill 220ms ease,stroke-dashoffset 300ms ease;transition-delay:0ms}
.op-navigation-r135 .op-nav-item:is(:hover,:focus-visible) .op-nav-icon{color:#dfedf9}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-nav-icon{color:var(--nav-accent)}
.op-navigation-r135 .op-icon-door{opacity:.65;transform:translateY(1px)}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-icon-roof{transform:translateY(-1px)}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-icon-door{opacity:1;transform:translateY(0);fill:color-mix(in srgb,var(--nav-accent) 15%,transparent);transition-delay:70ms}
.op-navigation-r135 .op-icon-orbit{stroke-dasharray:1;stroke-dashoffset:.4;opacity:.28}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-icon-orbit{stroke-dashoffset:0;opacity:1;transition-delay:65ms}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-icon-person{transform:translateY(-.65px)}
.op-navigation-r135 .op-icon-tile{opacity:.65}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-icon-tile{opacity:1;fill:color-mix(in srgb,var(--nav-accent) 13%,transparent)}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-icon-tile-one{transform:translate(-.45px,-.45px);transition-delay:0ms}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-icon-tile-two{transform:translate(.45px,-.45px);transition-delay:45ms}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-icon-tile-three{transform:translate(-.45px,.45px);transition-delay:90ms}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-icon-tile-four{transform:translate(.45px,.45px);transition-delay:135ms}
.op-navigation-r135 .op-icon-dot{fill:currentColor;stroke:none;opacity:.35}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-icon-dot{opacity:1;transform:translateY(-.8px)}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-icon-dot-one{transition-delay:30ms}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-icon-dot-two{transition-delay:90ms}
.op-navigation-r135 .op-nav-item[data-selection="settled"] .op-icon-dot-three{transition-delay:150ms}
.op-navigation-r135 .op-nav-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.op-navigation-r135 .op-nav-tools :is(a,button){font-family:inherit}
.op-navigation-r135 .op-nav-guide,.op-navigation-r135 .op-nav-search .op-quick-launcher{box-sizing:border-box;position:relative;display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #c3d4e72b;border-radius:12px;background:#ffffff04;color:#c9d9e8;text-decoration:none;transition:background 180ms ease,border-color 180ms ease}
.op-navigation-r135 .op-nav-guide svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.op-navigation-r135 .op-nav-guide:hover,.op-navigation-r135 .op-nav-search .op-quick-launcher:hover{background:#ffffff0b;border-color:#c3d4e765}
.op-navigation-r135 .op-nav-search .op-quick-navigation{margin:0}
.op-navigation-r135 .op-nav-search .op-quick-launcher{overflow:hidden;white-space:nowrap;font-size:0;gap:0}
.op-navigation-r135 .op-nav-search .op-quick-launcher::before{content:"";position:absolute;left:13px;top:11px;width:12px;height:12px;border:1.6px solid currentColor;border-radius:50%}
.op-navigation-r135 .op-nav-search .op-quick-launcher::after{content:"";position:absolute;left:26px;top:25px;width:7px;height:1.6px;background:currentColor;transform:rotate(45deg);transform-origin:left}
.op-navigation-r135 .op-nav-search .op-quick-launcher kbd,.op-navigation-r135 .op-nav-search noscript{display:none}
.op-navigation-r135 .op-nav-cv .cv-book-trigger{height:44px;min-height:44px;margin:0;padding:0 12px;border:1px solid #c5e8e75c;border-radius:12px;display:inline-flex;align-items:center;gap:9px;color:#e8fbf7;background:#98ddce0a;font-size:12px;white-space:nowrap;text-decoration:none}
.op-navigation-r135 .op-nav-cv .cv-book-trigger small,.op-navigation-r135 .op-nav-cv .cv-book-trigger-arrow{display:none}
.op-navigation-r135 .op-nav-cv .cv-book-trigger-icon{box-sizing:border-box;width:19px;height:23px;flex-shrink:0;font-size:17px;box-shadow:2px 2px 0 -1px currentColor}
.op-navigation-r135 .op-nav-private{display:flex;align-items:center;gap:8px;min-height:44px;color:#b8c9da;font-size:11px;text-decoration:none;white-space:nowrap}
.op-navigation-r135 .op-nav-private:hover{color:#fff}
.op-navigation-r135 .op-nav-mobile{display:none}
.op-navigation-r135 .op-nav-backdrop{position:fixed;inset:-25vh -25vw -100vh;z-index:0;border:0;background:#020914a8;backdrop-filter:blur(6px)}
.op-navigation-r135 :is(a,button,summary):focus-visible{outline:2px solid var(--nav-accent);outline-offset:4px}
@media(max-width:1280px) and (min-width:981px){.op-navigation-r135 .op-navigation-row{grid-template-columns:minmax(165px,1fr) auto minmax(195px,1fr);gap:14px;padding-inline:15px}.op-navigation-r135 .op-nav-links>a{padding-inline:12px}.op-navigation-r135 .op-nav-private{display:none}.op-navigation-r135 .op-nav-identity small{max-width:170px}}
@media(max-width:1100px) and (min-width:981px){.op-navigation-r135 .op-navigation-row{gap:10px;grid-template-columns:minmax(155px,1fr) auto auto}.op-navigation-r135 .op-nav-links>a{padding-inline:10px;gap:7px}.op-navigation-r135 .op-nav-cv .cv-book-trigger{padding-inline:9px}.op-navigation-r135 .op-nav-identity>span:last-child{letter-spacing:.05em}}
@media(max-width:980px){
  .op-navigation-r26.op-navigation-r135{top:12px}
  .op-navigation-r135 .op-navigation-row{grid-template-columns:minmax(0,1fr) auto;min-height:72px;gap:14px;padding:9px 14px;border-radius:18px}
  .op-navigation-r135 .op-nav-links,.op-navigation-r135 .op-nav-private{display:none}
  .op-navigation-r135 .op-nav-mobile{display:block}
  .op-navigation-r135 .op-nav-mobile>summary{box-sizing:border-box;list-style:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid #c3d4e72b;border-radius:12px;cursor:pointer;background:#ffffff04}
  .op-navigation-r135 .op-nav-mobile>summary::-webkit-details-marker{display:none}
  .op-navigation-r135 .op-nav-menu-icon{position:relative;width:18px;height:14px}
  .op-navigation-r135 .op-nav-menu-icon i{position:absolute;left:0;width:18px;height:1.5px;background:#dceaf8;transition:transform 220ms ease,top 220ms ease}
  .op-navigation-r135 .op-nav-menu-icon i:first-child{top:3px}.op-navigation-r135 .op-nav-menu-icon i:last-child{top:10px}
  .op-navigation-r135 .op-nav-mobile[open] .op-nav-menu-icon i:first-child{top:7px;transform:rotate(45deg)}.op-navigation-r135 .op-nav-mobile[open] .op-nav-menu-icon i:last-child{top:7px;transform:rotate(-45deg)}
  .op-navigation-r135 .op-nav-mobile-panel{box-sizing:border-box;position:absolute;left:0;right:0;top:calc(100% + 10px);max-height:calc(100dvh - 112px);overflow:auto;overscroll-behavior:contain;padding:23px;border:1px solid #c6d8ef30;border-radius:18px;background:linear-gradient(145deg,#152438,#0c1729);box-shadow:0 22px 55px #02071566}
  .op-navigation-r135 .op-nav-mobile[open] .op-nav-mobile-panel{animation:op-r135-nav-open 240ms cubic-bezier(.2,.8,.2,1)}
  .op-navigation-r135 .op-nav-panel-eyebrow{font-size:10px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:#a9c3d8;margin:0 0 16px}
  .op-navigation-r135 .op-nav-mobile-panel nav{position:relative;display:grid;gap:7px;isolation:isolate}
  .op-navigation-r135 .op-nav-mobile-panel nav>a{box-sizing:border-box;position:relative;z-index:1;display:flex;align-items:center;gap:17px;min-height:62px;padding:10px 15px;border:1px solid transparent;border-radius:11px;color:#dbe7f4;text-decoration:none;background:transparent;scale:1;transition:color 180ms ease,background 180ms ease}
  .op-navigation-r135 .op-nav-mobile-panel nav>a[aria-current="page"]{border-color:transparent;background:transparent}
  .op-navigation-r135 .op-nav-mobile-panel nav:has(.op-nav-active[data-indicator-ready="false"])>a[aria-current="page"]{border-color:#a0d8d45c;background:#ffffff0b}
  .op-navigation-r135 .op-nav-mobile-panel nav>a:hover{background:#ffffff06;color:#fff}
  .op-navigation-r135 .op-nav-mobile-panel .op-nav-icon{width:25px;height:25px}
  .op-navigation-r135 .op-nav-mobile-panel nav>a strong{font-size:21px;font-weight:500;line-height:1.2}
  .op-navigation-r135 .op-nav-mobile-arrow{margin-left:auto;font-size:17px;color:#819ab2;transition:transform 220ms ease,color 220ms ease}
  .op-navigation-r135 .op-nav-mobile-panel nav>a[data-selection="settled"] .op-nav-mobile-arrow{color:var(--nav-accent);transform:translate(1px,-1px)}
  .op-navigation-r135 .op-nav-mobile-actions{border-top:1px solid #ffffff18;margin-top:19px;padding-top:16px;display:grid;gap:8px}
  .op-navigation-r135 .op-nav-mobile-actions>a{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;color:#d9ebf3;font-size:13px;text-decoration:none}
  .op-navigation-r135 .op-nav-panel-foot{margin:17px 0 0;color:#91a6bd;font-size:11px}
  .op-navigation-space-r135{height:102px}
}
@media(max-width:600px){.op-navigation-r135 .op-nav-cv{display:none}.op-navigation-r135 .op-nav-tools{gap:7px}.op-navigation-r135 .op-navigation-row{gap:8px;padding:9px 12px}.op-navigation-r135 .op-nav-monogram{font-size:32px}.op-navigation-r135 .op-nav-identity{gap:10px}.op-navigation-r135 .op-nav-identity>span:last-child{font-size:10px;letter-spacing:.04em}.op-navigation-r135 .op-nav-identity small{font-size:10px;max-width:145px}.op-navigation-r135 .op-nav-mobile-panel{padding:20px}}
@media(max-width:420px){.op-navigation-r135 .op-navigation-row{padding-inline:8px;gap:6px}.op-navigation-r135 .op-nav-tools{gap:4px}.op-navigation-r135 .op-nav-identity{gap:8px}.op-navigation-r135 .op-nav-monogram{font-size:28px}.op-navigation-r135 .op-nav-identity>span:last-child{font-size:9px;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis}.op-navigation-r135 .op-nav-identity small{font-size:9px;max-width:110px}}
@keyframes op-r135-nav-open{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.op-navigation-r135 *,.op-navigation-r135 *::before,.op-navigation-r135 *::after{animation:none!important;transition:none!important}.op-navigation-r135 .op-nav-active{will-change:auto}}

.gs-study{position:relative;margin:70px 0 90px;padding:clamp(24px,5vw,64px);overflow:hidden;background:linear-gradient(130deg,#112d23,#071a14 65%);border:1px solid #587764;border-radius:18px;color:#ece9dc;isolation:isolate;scroll-margin-top:110px}
.gs-study:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 14% 55%,#d4b66d16,transparent 60%);pointer-events:none}
.op-public .gs-study .op-eyebrow{color:#e9c98e;font-size:12px;line-height:1.6}
.gs-heading{max-width:850px;margin-bottom:36px}.gs-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,5.8vw,70px);line-height:1.08;margin:15px 0 20px;letter-spacing:-.035em}.gs-heading h2 em,.gs-contribution h3 em{color:#e9c98e;font-weight:400}.op-public .gs-study .gs-intro{max-width:680px;font-size:18px;line-height:1.7;color:#c3d0c6}
.gs-study-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,55px);align-items:start}.gs-visual-column,.gs-contribution{min-width:0}
.gs-figure{margin:0;border:1px solid #466456;border-radius:12px;overflow:hidden;background:#071a14}.gs-ejector-host{position:relative;width:100%;height:440px;max-height:440px;overflow:hidden;background:#071a14}.gs-ejector-poster,.gs-ejector-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.gs-ejector-canvas{opacity:0}.gs-ejector-host[data-scene-status=ready] .gs-ejector-canvas{opacity:1}.gs-ejector-host[data-scene-status=ready] .gs-ejector-poster{visibility:hidden}
.gs-figure figcaption{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;padding:15px 18px;border-top:1px solid #365447;font-size:12px;line-height:1.65;color:#bfcfc3}.gs-figure figcaption>span:last-child{max-width:285px}.gs-render-status{flex-shrink:0;color:#f3dfb1;font-size:12px;line-height:1.65;white-space:nowrap}
.gs-flow-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;line-height:1.6;margin:16px 0;color:#d6e0d6}.gs-flow-legend span{display:inline-flex;align-items:center;gap:8px}.gs-flow-legend i{display:inline-block;width:8px;height:8px;border-radius:50%}.gs-primary-dot{background:#eed18a;box-shadow:0 0 10px #eed18a55}.gs-secondary-dot{background:#7acdbc;box-shadow:0 0 10px #7acdbc55}
.gs-stage-controls{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px}.gs-stage-controls a{min-height:48px;min-width:44px;padding:10px 12px;border:1px solid #628070;border-radius:6px;background:#102d22;color:#e4eadf;font:inherit;font-size:13px;line-height:1.4;text-align:left;cursor:pointer;display:flex;gap:9px;align-items:center}.gs-stage-controls a span{font-size:12px;color:#b5c6b8}.gs-stage-controls a[aria-current=true]{background:#e4c68e;color:#14271d;border-color:#e4c68e}.gs-stage-controls a[aria-current=true] span{color:#40573e}.gs-stage-controls a:hover{border-color:#f2dca8}.gs-stage-controls a:focus-visible{outline:3px solid #a1e0cf;outline-offset:3px}
.gs-stage-explanations{margin-top:19px;display:grid;gap:14px}.gs-stage-explanation{scroll-margin-top:110px;padding:13px 0 13px 17px;border-left:2px solid #436658}.gs-stage-explanation.is-selected{border-color:#e6c986}.gs-stage-explanation h3{font-size:17px;margin:0 0 7px;color:#eed6a6}.op-public .gs-study .gs-stage-explanation p{font-size:14px;line-height:1.75;margin:0;color:#cad5cc}
.gs-contribution>.op-eyebrow{margin-top:4px}.gs-contribution h3{font-family:Georgia,serif;font-size:clamp(30px,3.1vw,43px);font-weight:400;line-height:1.18;margin:18px 0 23px;letter-spacing:-.025em}.op-public .gs-study .gs-contribution>p:not(.op-eyebrow){font-size:16px;line-height:1.8;color:#cbd6ce}.gs-method{list-style:none;padding:0;margin:25px 0;counter-reset:method}.gs-method li{counter-increment:method;position:relative;padding:18px 0 18px 42px;border-top:1px solid #456052}.gs-method li:before{content:"0" counter(method);position:absolute;left:0;top:19px;color:#d9bc83;font-size:12px}.gs-method li>span{font-size:16px;color:#eee9da}.op-public .gs-study .gs-method p{margin:6px 0 0;font-size:14px;line-height:1.65;color:#bdcbc1}.gs-career-link{padding-top:20px;border-top:1px solid #456052}
@media(max-width:900px){.gs-study-layout{grid-template-columns:1fr}.gs-contribution{margin-top:20px}.gs-contribution h3{max-width:630px}.gs-method{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.gs-ejector-host{height:420px}}
@media(max-width:600px){.gs-study{margin:38px 0 55px;padding:22px 16px;border-radius:12px}.gs-heading{margin-bottom:24px}.gs-heading h2{font-size:37px}.op-public .gs-study .gs-intro{font-size:16px;line-height:1.75}.gs-ejector-host{height:380px;min-height:380px;max-height:380px}.gs-figure figcaption{display:block;padding:13px 12px}.gs-figure figcaption>span{display:block}.gs-figure figcaption>span:last-child{margin-top:7px;max-width:none}.gs-flow-legend{gap:12px;font-size:12px}.gs-stage-controls{grid-template-columns:1fr}.gs-stage-controls a{min-height:48px;padding:12px 15px;font-size:14px}.op-public .gs-study .gs-stage-explanation p{font-size:15px}.gs-contribution h3{font-size:33px}.op-public .gs-study .gs-contribution>p:not(.op-eyebrow){font-size:16px}.gs-method{display:block}.gs-method li{padding-top:17px;padding-bottom:17px}.op-public .gs-study .gs-method p{font-size:14px}}

.op-graduation-photos{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:1.25rem;margin-top:2rem}
.op-graduation-photos figure{margin:0;border:1px solid var(--op-line,#43665b);border-radius:1rem;overflow:hidden;background:#0d2821;min-width:0}
.op-graduation-photo-frame{height:18rem;display:flex;align-items:center;justify-content:center;background:#e9ece8;padding:.55rem}
.op-graduation-photo-frame img{display:block;width:100%;height:100%;object-fit:contain}
.op-graduation-photos figcaption{padding:1.2rem}
.op-graduation-photos h3{font-size:1.25rem;color:#f4dfb5;margin:0 0 .6rem}
.op-graduation-photos p{font-size:1rem;color:#d8e5de;line-height:1.65;margin:0 0 .8rem}
.op-graduation-photos span{font-size:.8rem;color:#b3c9bd}
.op-public .op-graduation-photos .op-graduation-original{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:44px;margin-top:.6rem;color:#f4dfb5;font-size:.85rem;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.op-graduation-photos{grid-template-columns:1fr 1fr}.op-graduation-photos figure:last-child{grid-column:1/-1}.op-graduation-photos figure:last-child .op-graduation-photo-frame{height:24rem}}
@media(max-width:560px){.op-graduation-photos{grid-template-columns:1fr;gap:1rem}.op-graduation-photo-frame{height:15rem}.op-graduation-photos figure:last-child .op-graduation-photo-frame{height:24rem}.op-graduation-photos figcaption{padding:1rem}}

/* Original robot: decorative motion, no inline CSS, remote assets or extra WebGL context. */
.ak-robot{display:inline-flex;flex:none;width:64px;height:70px;align-items:center;justify-content:center;pointer-events:none;line-height:0}
.ak-robot .ak-robot-art{display:block;width:100%;height:100%;stroke:none;overflow:visible}
.ak-robot-body{transform-origin:60px 80px}
.ak-robot-eyelids{transform-origin:60px 53px}
.ak-robot-hand-right{transform-origin:82px 90px}
.ak-robot[data-robot-motion=on] .ak-robot-body{animation:ak-robot-float 4.8s ease-in-out infinite}
.ak-robot[data-robot-motion=on] .ak-robot-eyelids{animation:ak-robot-blink 6.2s ease-in-out infinite}
.ak-robot[data-robot-motion=on][data-robot-active=true] .ak-robot-beacon{animation:ak-robot-beacon 2.4s ease-in-out infinite}
.ak-robot[data-robot-motion=on][data-robot-thinking=true] .ak-robot-beacon{animation:ak-robot-beacon .85s ease-in-out infinite}
.ak-robot[data-robot-motion=on][data-robot-reaction=poke] .ak-robot-eyelids{animation:ak-robot-poke .6s ease-in-out 1}
.ak-robot[data-robot-motion=on][data-robot-reaction=poke] .ak-robot-hand-right{animation:ak-robot-wave .6s ease-in-out 1}
.ak-robot[data-robot-motion=off] *{animation:none!important}
.op-guide-launcher>.ak-robot{display:inline-flex;width:58px;height:64px}
.op-guide-launcher{padding:8px 18px 8px 9px;border-radius:36px}
.op-guide-panel{bottom:104px;max-height:min(700px,calc(100dvh - 220px))}
.op-guide-welcome{display:flex;align-items:center;gap:13px;margin:12px 0}
.op-guide-welcome .ak-robot{width:76px;height:82px}
.op-guide-welcome h2{margin:0}
@keyframes ak-robot-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes ak-robot-blink{0%,42%,46%,91%,95%,100%{transform:scaleY(1)}44%,93%{transform:scaleY(.08)}}
@keyframes ak-robot-poke{0%,100%{transform:scaleY(1)}30%,50%{transform:scaleY(.08)}}
@keyframes ak-robot-wave{0%,100%{transform:rotate(0)}30%{transform:rotate(-24deg)}65%{transform:rotate(-9deg)}}
@keyframes ak-robot-beacon{0%,100%{opacity:1}50%{opacity:.45}}
@media(max-width:760px){
  .op-guide-launcher{max-width:100%;padding:8px 18px 8px 9px;border-radius:36px}
  .op-guide-launcher>.ak-robot{width:54px;height:60px}
  .op-guide-panel{bottom:max(16px,env(safe-area-inset-bottom));max-height:calc(100dvh - 125px)}
  .op-guide-welcome{gap:10px}.op-guide-welcome .ak-robot{width:60px;height:66px}
  .op-guide-welcome h2{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.ak-robot *{animation:none!important}}

.op-world{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#06131c;isolation:isolate}
.op-world-view{position:absolute;inset:0}
.op-world-static{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 25%,rgba(17,124,153,.26),transparent 55%),radial-gradient(ellipse at 28% 90%,rgba(74,133,120,.17),transparent 52%),#06131c}
.op-world-static>span{position:absolute;width:42vmax;height:42vmax;right:-4vmax;top:11vh;border:1px solid rgba(87,200,213,.13);border-radius:50%;transform:rotate(-24deg) scaleY(.65)}
.op-world-static>span:nth-child(2){width:32vmax;height:32vmax;right:1vmax;top:20vh;border-color:rgba(239,189,112,.13);transform:rotate(32deg) scaleY(.65)}
.op-world-static>span:nth-child(3){width:54vmax;height:54vmax;right:-10vmax;top:4vh;opacity:.5;transform:rotate(58deg) scaleY(.58)}
.op-world-reading-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(4,13,20,.45),transparent 70%),linear-gradient(0deg,rgba(3,10,17,.32),transparent 45%)}
.op-world-view .op-reactive-canvas{opacity:0}
.op-world-view[data-scene-state="ready"] .op-reactive-canvas{opacity:.78}

/* R135: one finite React opening; existing world plane above stays unchanged. */
.op-opening{position:fixed;inset:0;z-index:90;display:grid;grid-template-columns:1fr;place-content:center;justify-items:center;gap:clamp(22px,4vh,42px);overflow:hidden;isolation:isolate;pointer-events:none;opacity:1;color:#f3efe6;background:radial-gradient(ellipse at 50% 38%,#173138 0%,#091820 56%,#071017 100%)}
.op-opening-grain{position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(#d1e1d40b 1px,transparent 1px),linear-gradient(90deg,#d1e1d40b 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%)}
.op-opening-machine{position:relative;width:clamp(132px,22vh,230px);aspect-ratio:1;flex:none;opacity:1;transform:perspective(700px) rotateX(14deg);animation:op-opening-machine-arrive 1000ms cubic-bezier(.2,.7,.2,1) both}
.op-opening-orbit,.op-opening-core{position:absolute;inset:0;will-change:transform}
.op-opening-orbit svg,.op-opening-core svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}
.op-opening-orbit-outer{color:#b9d7cf;animation:op-opening-orbit 7s linear infinite}
.op-opening-orbit-outer circle{stroke-dasharray:16 3 1 3 16 11;opacity:.72}
.op-opening-orbit-outer path{opacity:.65}
.op-opening-orbit-inner{color:#ddbd83;animation:op-opening-orbit 10s linear reverse infinite}
.op-opening-core{inset:31%;display:grid;place-items:center;opacity:1;color:#f3d59b;animation:op-opening-core-arrive 1200ms cubic-bezier(.2,.7,.2,1) both}
.op-opening-core svg{stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round}
.op-opening-copy{text-align:center;padding-inline:24px;max-width:min(90vw,760px);opacity:1;animation:op-opening-copy-arrive 650ms 200ms cubic-bezier(.2,.7,.2,1) both}
.op-opening .op-opening-kicker{margin:0 0 12px;font:500 clamp(9px,1.2vw,12px)/1.8 var(--op-sans,ui-sans-serif,system-ui);letter-spacing:.14em;text-transform:uppercase;color:#a6c2bf}
.op-opening .op-opening-copy h2{margin:0;font:500 clamp(30px,5.6vw,68px)/1.12 var(--op-sans,ui-sans-serif,system-ui);letter-spacing:-.035em;text-wrap:balance}
.op-opening .op-opening-invitation{margin:15px 0 21px;font:400 clamp(13px,1.6vw,16px)/1.7 var(--op-sans,ui-sans-serif,system-ui);color:#b8c8c6}
.op-opening-status{display:flex;justify-content:center;align-items:center;gap:9px;font:500 10px/1.6 var(--op-sans,ui-sans-serif,system-ui);letter-spacing:.1em;text-transform:uppercase;color:#a9bebb}
.op-opening-status>span{width:5px;height:5px;border:1px solid #dbbd85;border-radius:50%;animation:op-opening-breathe 1400ms ease-in-out infinite}
.op-opening[data-ready="true"] .op-opening-status>span{background:#dbbd85;animation:none}
.op-opening-skip{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:flex;gap:24px;align-items:center;min-height:44px;padding:9px 15px;border:1px solid #b4c4c636;border-radius:4px;background:#091820b3;color:#dbe4df;font:400 12px/1.5 var(--op-sans,ui-sans-serif,system-ui);pointer-events:auto;cursor:pointer}
.op-opening-skip>span{color:#96aaa8;font-size:10px;letter-spacing:.08em}.op-opening-skip:hover{border-color:#ddbd83;color:#fff}.op-opening-skip:focus-visible{outline:2px solid #f0c987;outline-offset:4px}
.op-opening[data-stage="revealing"]{animation:op-opening-withdraw 560ms cubic-bezier(.65,0,.2,1) both}
.op-opening[data-stage="revealing"] .op-opening-machine{animation:op-opening-machine-withdraw 560ms cubic-bezier(.65,0,.2,1) both}
.op-opening[data-stage="revealing"] .op-opening-copy{animation:op-opening-copy-withdraw 360ms ease-in both}
.op-opening[data-stage="revealing"] .op-opening-orbit{animation-play-state:paused}
/* Preparing is painted immediately; only the machine's real parts move in. */
@keyframes op-opening-machine-arrive{from{transform:perspective(700px) rotateX(58deg) rotateZ(-30deg) scale(.62)}to{transform:perspective(700px) rotateX(14deg) rotateZ(0) scale(1)}}
@keyframes op-opening-core-arrive{0%,22%{transform:scale(.65)}70%,100%{transform:scale(1)}}
@keyframes op-opening-copy-arrive{from{transform:translateY(12px)}to{transform:translateY(0)}}
@keyframes op-opening-orbit{to{transform:rotate(360deg)}}
@keyframes op-opening-breathe{50%{opacity:.35;transform:scale(.7)}}
@keyframes op-opening-withdraw{to{opacity:0;background-color:transparent}}
@keyframes op-opening-machine-withdraw{to{opacity:0;transform:perspective(700px) rotateX(0) scale(1.22)}}
@keyframes op-opening-copy-withdraw{to{opacity:0;transform:translateY(-10px)}}
@media(max-width:520px){.op-opening{gap:24px}.op-opening-copy{padding-inline:18px}.op-opening .op-opening-kicker{letter-spacing:.08em}.op-opening .op-opening-copy h2{font-size:clamp(29px,8.1vw,42px)}.op-opening-skip{right:16px;bottom:max(16px,env(safe-area-inset-bottom));gap:15px}}
@media(max-height:540px){.op-opening{gap:14px}.op-opening-machine{width:100px}.op-opening .op-opening-copy h2{font-size:34px}.op-opening .op-opening-invitation{margin:10px 0}.op-opening-skip{bottom:12px}}
@media(prefers-reduced-motion:reduce){.op-opening,.op-opening-machine,.op-opening-core,.op-opening-copy,.op-opening-orbit,.op-opening-status>span{animation:none;will-change:auto}.op-world-view .op-reactive-canvas{transition:none}}

.op-reactive{position:relative;margin:0;overflow:hidden;border:1px solid rgba(108,224,228,.18);border-radius:22px;background:linear-gradient(145deg,#112c3a,#07151e);isolation:isolate;transition:border-color .3s ease,box-shadow .3s ease}
.op-reactive-view{position:relative;min-height:190px;aspect-ratio:16/11;overflow:hidden}
.op-reactive-canvas,.op-reactive-fallback{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.op-reactive-canvas{z-index:1;opacity:0;transition:opacity .45s ease}
.op-reactive-fallback{color:#65dce1;opacity:.75;transition:opacity .4s ease;filter:drop-shadow(0 0 16px rgba(77,215,218,.16))}
[data-scene-state="ready"]>.op-reactive-canvas{opacity:1}
[data-scene-state="ready"]>.op-reactive-fallback{opacity:0}
.op-reactive-caption{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;padding:12px 17px 15px;color:#d1e2eb;font-size:12px;line-height:1.5;border-top:1px solid rgba(130,222,233,.1)}
.op-reactive-caption>span{flex:none;color:#89a2b0;font-size:10px;letter-spacing:.07em;text-transform:uppercase}
a:hover .op-reactive,article:hover .op-reactive,[data-reactive-card]:hover .op-reactive,.op-reactive:hover,a:focus-visible .op-reactive,article:focus-within .op-reactive{border-color:rgba(93,238,230,.5);box-shadow:0 10px 42px rgba(22,170,189,.1)}
@media(max-width:520px){.op-reactive{border-radius:17px}.op-reactive-view{min-height:170px}.op-reactive-caption{padding:10px 13px 12px;flex-wrap:wrap;gap:4px}.op-reactive-caption>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.op-reactive,.op-reactive-canvas,.op-reactive-fallback{transition:none}}

/* R121: continuous, readable world. No viewport hijacking or synthetic scrolling. */
.op-public{--op-ink:#eff6ff;--op-muted:#b1c1d9;--op-gold:#75eadc;--op-line:#ffffff20;--world-accent:#75eadc;--op-serif:var(--op-sans);background:#080f24;color:var(--op-ink);isolation:isolate;position:relative;scrollbar-color:#75eadc #101a32}
.op-depth-about{--world-accent:#b9a5ff}.op-depth-work{--world-accent:#ffbe85}.op-depth-contact{--world-accent:#ffa9c9}
.op-public h1,.op-public h2,.op-public h3{font-family:var(--op-sans);font-weight:700;letter-spacing:-.045em;text-wrap:balance;color:var(--op-ink)}
.op-public h1{font-size:clamp(44px,5.2vw,80px);line-height:1.04}.op-public h2{font-size:clamp(30px,3.4vw,49px);line-height:1.12}.op-public h3{font-size:clamp(22px,2.2vw,29px);line-height:1.25}
.op-public h1 em,.op-public h2 em,.op-public h3 em{color:var(--world-accent);font-style:normal;font-weight:700}.op-public p{color:var(--op-muted);line-height:1.85;text-wrap:pretty}.op-public .op-eyebrow{color:var(--world-accent);letter-spacing:.12em}.op-public button,.op-public input,.op-public select{font-family:var(--op-sans)}
.op-public button,.op-public summary,.op-public .op-button,.op-public .op-link,.op-public .op-tags a{transition:background .28s,border-color .28s,color .28s,box-shadow .28s,translate .28s;cursor:pointer}
.op-public button:focus-visible,.op-public a:focus-visible,.op-public summary:focus-visible,.op-public input:focus-visible,.op-public select:focus-visible{outline:3px solid var(--world-accent);outline-offset:4px}
.op-public button:hover,.op-public .op-button:hover,.op-public .op-link:hover{translate:0 -3px}.op-public button:disabled{opacity:.5;cursor:default;translate:none}
.op-public .op-button{border:1px solid #75eadc6b;border-radius:15px;background:linear-gradient(125deg,#156e70,#294b8b);box-shadow:0 12px 34px #02071766;color:#fff;min-height:54px;gap:22px}
.op-public .op-button-secondary{background:#ffffff08;border-color:#ffffff38}.op-public .op-link{color:var(--op-ink);border-color:#ffffff40}.op-public .op-button-light{background:#75eadc!important;color:#07182b!important}
.op-section,.op-intro,.op-hero,.op-about-header,.op-next,.op-world-footer,.op-world-gallery{padding-inline:max(26px,calc((100vw - 1280px)/2));position:relative;z-index:1}.op-section{padding-block:88px;border-color:var(--op-line)}
.op-section-head{align-items:flex-start}.op-soft,.op-next,.op-practice{background:#101b3455!important}.op-depth-backdrop{display:none!important}.op-public .op-mobile-ribbon{display:none!important}
.op-hero-three{min-height:830px;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:60px;padding-top:88px;padding-bottom:48px;background:transparent!important}.op-hero-copy{padding:0!important}.op-hero-copy>p:not(.op-eyebrow){font-size:17px;max-width:65ch}.op-hero-copy .op-role{color:var(--world-accent)!important}.op-hero-three .op-proof{position:relative;grid-column:1/-1;width:100%;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0;background:transparent;border:0}
.op-hero .op-portrait,.op-about-header .op-portrait{width:100%;max-width:480px;justify-self:end;position:relative;inset:auto;padding:15px;border-radius:28px;border:1px solid #75eadc48;background:linear-gradient(145deg,#142643aa,#12182ccc);box-shadow:0 24px 70px #0005;transform:perspective(900px) rotateX(var(--world-tilt-x,0deg)) rotateY(var(--world-tilt-y,0deg));transition:transform .28s ease,border .28s}
.op-portrait-media{overflow:hidden;border-radius:17px}.op-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;object-position:center;border-radius:17px}.op-portrait figcaption{display:flex!important;color:#eff6ff;background:transparent;padding:18px 6px 4px}.op-portrait figcaption strong{color:var(--op-ink)}.op-portrait figcaption span{color:var(--op-muted)}
.op-about-header{grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:60px;background:transparent!important}.op-about-header .op-intro{padding:0}
.op-proof-item,.op-route-card,.op-credential-grid article,.op-company-grid article,.op-case-card,.op-recommendation,.op-tool-card{border:1px solid #ffffff25!important;background:linear-gradient(145deg,#182741dd,#0e1933dd)!important;border-radius:23px;box-shadow:0 16px 38px #0002;color:var(--op-ink);overflow:hidden;transform:perspective(950px) rotateX(var(--world-tilt-x,0deg)) rotateY(var(--world-tilt-y,0deg));transition:transform .24s ease,box-shadow .32s,border-color .32s}
.op-proof-item{padding:25px!important;min-width:0}.op-proof-item:hover,.op-route-card:hover,.op-case-card:hover,.op-tool-card:hover{border-color:var(--world-accent)!important;box-shadow:0 18px 54px #02081599,0 0 24px #75eadc12}.op-proof-item strong{color:#fff;font-size:clamp(25px,2.6vw,37px)!important}.op-proof-item>span{color:var(--op-muted)!important}.op-proof-emoji{display:block;font-size:32px;margin-bottom:14px;transition:transform .4s}.op-proof-item:hover .op-proof-emoji{transform:translateY(-6px) rotate(-15deg) scale(1.2)}.op-proof-item:nth-child(2):hover .op-proof-emoji{transform:rotate(15deg) scale(1.15)}
.op-route-card{padding:24px;gap:10px;min-width:0}.op-route-card .op-reactive{height:160px}.op-route-card h3{min-height:0;font-size:23px}.op-route-card p{font-size:15px}.op-index{color:var(--world-accent)}
.op-career article{border-color:var(--op-line);gap:42px}.op-career-side h3{font-size:29px}.op-career-side p,.op-career-side>span:last-child{color:var(--op-muted)}.op-career h4{color:var(--op-ink)}.op-career .op-company-mark{margin-top:18px}.op-company-mark{background:#f4f7fb!important;border-radius:15px;max-width:380px;color:#152e37!important;transition:transform .3s,box-shadow .3s}.op-company-mark:hover{transform:translateY(-6px) rotate(-2deg);box-shadow:0 15px 35px #75eadc33}.op-company-mark span,.op-company-mark small{color:#183d45!important}
.op-personal-mark{display:flex;align-items:center;gap:15px;margin-top:20px;padding:16px;background:#ffffff08;border:1px solid #ffffff25;border-radius:18px}.op-personal-mark>span:last-child{display:grid;gap:4px}.op-personal-mark small{color:var(--op-muted)}.op-personal-symbol{display:grid;place-items:center;width:64px;height:64px;font-size:25px;font-weight:700;background:linear-gradient(130deg,#266970,#6356a7);border-radius:19px;transition:transform .5s}.op-personal-mark:hover .op-personal-symbol{transform:rotate(-12deg) scale(1.12)}
.op-public .op-tags li{border-color:#ffffff2c;color:var(--op-muted);background:#ffffff05}.op-public .op-tags a{color:var(--world-accent)}.op-public details{border-color:#ffffff30}.op-public summary{color:var(--op-ink)}.op-public details[open]>summary{color:var(--world-accent)}
.op-world-gallery{padding-block:80px}.op-world-gallery .op-gallery-heading{display:flex;gap:50px;justify-content:space-between}.op-gallery-heading>p{max-width:430px}.op-world-gallery-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:28px}.op-world-feature{border-radius:26px;border:1px solid #ffffff20;background:#10203aaa;overflow:hidden}.op-world-feature>.op-reactive{height:370px}.op-world-feature>div:last-child{padding:25px 30px}.op-world-chapters{display:flex;flex-direction:column;gap:16px}.op-world-chapters button{display:flex;text-align:left;gap:18px;align-items:center;padding:23px;border-radius:21px;border:1px solid #ffffff25;background:#142442;color:#eff6ff}.op-world-chapters button[aria-pressed=true]{border-color:var(--world-accent);background:#1e4051}.op-world-chapters button>span:nth-child(2){display:grid;gap:10px}.op-world-chapters button strong{font-size:20px}.op-world-chapters button small{color:var(--world-accent)}.op-world-chapters button>span:nth-child(2)>span{color:var(--op-muted);font-size:14px}.op-chapter-symbol{font-size:35px;transition:transform .4s}.op-world-chapters button:hover .op-chapter-symbol{transform:rotate(25deg) scale(1.2)}
.op-explorer-tools,.op-project-filters,.op-filter-panel,.op-comparison-toggle,.op-case-detail,.op-part-inspector,.op-inspect-description{background:#11233bdd!important;color:var(--op-ink);border-color:#ffffff25!important;border-radius:20px}.op-public input,.op-public select{background:#0c172d;color:#eff6ff;border:1px solid #ffffff35;border-radius:12px;padding:12px;min-height:44px;max-width:100%}.op-public input::placeholder{color:#a6b3cd}.op-public button:not(.op-cv-primary):not(.op-guide-launcher):not(.op-nav-backdrop){color:inherit}.op-filter-buttons button,.op-brand-filters button,.op-lab-tabs button,.op-view-toggle button,.op-project-filters button,.op-shortlist-add{background:#1a2b45;color:#d7e7f9;border-color:#ffffff35;border-radius:13px}.op-public button[aria-pressed=true],.op-public button[aria-selected=true]{background:#1c514e!important;color:#a6fff0!important;border-color:#75eadc!important}.op-case-art{background:transparent!important;padding:0!important;height:220px}.op-case-art .op-reactive{height:100%}.op-case-art>span,.op-case-art>b{display:none}.op-case-card h3{color:var(--op-ink)}.op-case-card-result strong,.op-case-card-result span{color:var(--world-accent)!important}.op-case-card-copy p,.op-case-detail li{color:var(--op-muted)}.op-case-wrapper{min-width:0}.op-range-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.op-range-pair label{display:flex;flex-direction:column;gap:12px}.op-range-pair input[type=range]{padding:0;accent-color:var(--world-accent);width:100%}
.op-career-map{border:1px solid #ffffff30;border-radius:23px;overflow:hidden;background:#0d2035}.op-map-marker{box-shadow:0 0 0 8px #75eadc13;transition:scale .3s,box-shadow .3s}.op-map-marker:hover{scale:1.1;box-shadow:0 0 0 18px #75eadc20}.op-map-popup{background:#12223c!important;color:#eff6ff;border-radius:18px}.op-map-popup h3{color:#fff}.op-map-popup p{color:#bbcfdd}.op-map-world{transition:transform .55s cubic-bezier(.2,.8,.2,1)}.op-career-map-canvas{cursor:grab}.op-career-map-canvas.is-dragging{cursor:grabbing}.op-career-map-canvas.is-dragging .op-map-world{transition:none}.op-career-map-canvas:focus-visible{outline:3px solid #75eadc;outline-offset:-4px}.op-map-caption a{color:var(--world-accent)}
.op-lab{background:transparent!important}.op-stage-copy,.op-lab-tabs button,.op-inspect-toggle,.op-inspect-parts button,.op-inspect-settings{background:#13233b!important;color:var(--op-ink)!important;border-color:#ffffff2a!important}.op-stage-copy p{color:var(--op-muted)}.op-scene-toolbar,.op-scene-controls,.op-scene-ambient-launcher,.op-scene-status,.op-brand-motion-controls{display:none!important}
.op-brand-logo-plate,.op-brand-wing{background:#f4f7fb!important;border-color:#75eadc44!important;border-radius:22px}.op-brand-plate-context,.op-brand-plate-index,.op-brand-wing>span{color:#14333f!important}.op-brand-primary-copy{background:#15233ddd;border-radius:23px;border:1px solid #ffffff20;padding:26px!important}.op-brand-primary-copy h4{color:#eff6ff}.op-brand-primary-actions a{color:var(--world-accent)}.op-brand-filters button,.op-brand-choice-rail button{background:#132b41!important;color:#d9e8f6!important}.op-brand-all-grid article{border-radius:18px;background:#14253f!important;color:#e5edf9!important}.op-brand-all-mark{padding:15px;background:#f0f5fa;border-radius:15px;color:#183742}.op-brand-all-mark h4{color:#183742}.op-brand-all-grid a{color:#75eadc}.op-brand-choice-rail{scrollbar-width:thin;scrollbar-color:#75eadc #17233a;gap:10px!important;padding-bottom:12px}
.op-world-footer{border-top:1px solid #ffffff25;padding-block:75px 35px;background:linear-gradient(140deg,#121d35,#112b37);z-index:1}.op-footer-top{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.op-footer-top>.op-eyebrow{grid-column:1/-1}.op-footer-links{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:38px;border-top:1px solid #ffffff25;padding-top:35px;margin-top:45px}.op-footer-links>div{display:grid;align-content:start;gap:8px}.op-footer-links strong{font-size:22px}.op-footer-links bdi{justify-self:start}.op-footer-links nav{display:flex;flex-direction:column;gap:12px}.op-footer-links a{color:#dce9f7;min-height:44px;display:flex;align-items:center;gap:12px;transition:color .2s,translate .2s}.op-footer-links a:hover{color:#75eadc;translate:5px 0}.op-footer-note{font-size:13px;margin-top:35px}.op-next{padding-block:65px;grid-template-columns:1fr auto}.op-world-footer+.op-review-guide{z-index:90}
.op-public .op-recommendation{color:#eaf3ff}.op-recommendation blockquote{color:#d2e2f4;font-family:var(--op-sans);font-size:17px}.op-recommendation-author,.op-recommendation-source{color:var(--world-accent)!important}.op-public [lang=ar]{font-family:Tahoma,Arial,sans-serif;line-height:1.8;letter-spacing:0}
.op-navigation-r26{--nav-ink:#edf5ff;--nav-muted:#b7c8df;--nav-gold:var(--world-accent)}.op-navigation-row{border-color:#9edce04d;background:linear-gradient(120deg,#152341f5,#0d172af5);box-shadow:0 16px 44px #0005,inset 0 1px 0 #ffffff14}.op-navigation-row::before{background:linear-gradient(90deg,transparent,var(--world-accent),transparent)}.op-nav-monogram{font-family:var(--op-sans);font-weight:800}.op-nav-links{background:#050e224f;border-color:#ffffff20}.op-nav-links>a{color:#c9d7ee;padding-inline:12px;font-weight:600}.op-nav-links>a:hover{color:#fff;background:#ffffff12}.op-nav-links>a.is-current{color:#fff}.op-nav-active{border-color:var(--world-accent);background:linear-gradient(125deg,#75eadc26,#b9a5ff30);box-shadow:0 0 24px #75eadc19}.op-nav-emoji{font-size:19px;display:inline-block;transition:transform .35s}.op-nav-links>a:hover .op-nav-emoji,.op-nav-mobile-panel nav>a:hover .op-nav-emoji{transform:rotate(-16deg) scale(1.3)}.op-nav-links>a:nth-of-type(2):hover .op-nav-emoji{transform:translateY(-5px) rotate(15deg)}.op-nav-links>a:nth-of-type(3):hover .op-nav-emoji{transform:rotate(90deg) scale(1.2)}.op-nav-tools{align-items:center}.op-nav-cv .cv-book-trigger{height:44px;min-height:44px;padding:0 13px;border:1px solid #75eadc70;border-radius:13px;color:#eafffb;background:#75eadc12;gap:9px;margin:0;font-size:12px;white-space:nowrap;text-decoration:none}.op-nav-cv .cv-book-trigger small{display:none}.op-nav-cv .cv-book-trigger-icon{font-size:22px}.op-nav-cv .cv-book-trigger-arrow{display:none}.op-nav-private{color:#d4e7ee}.op-nav-guide{color:#75eadc;border-color:#75eadc50}.op-nav-guide:hover,.op-nav-search .op-quick-launcher:hover{background:#75eadc25;border-color:#75eadc}.op-nav-mobile-panel{background:linear-gradient(150deg,#182544,#0c192c);border-color:#75eadc60}.op-nav-mobile-panel nav>a{color:#eef5ff}.op-nav-mobile-panel nav>a>span:first-child{font-size:24px;color:inherit}.op-nav-mobile-panel nav>a[aria-current=page]{background:#75eadc1f;border-color:#75eadc70}.op-nav-mobile-actions>a,.op-nav-panel-eyebrow{color:#75eadc}.op-nav-panel-foot{color:#b7c8df}.op-nav-backdrop{background:#030b1bb8}.op-navigation-r26 :is(a,button,summary):focus-visible{outline-color:#75eadc}
.op-tool-world{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.op-tool-card>.op-reactive{height:195px}.op-tool-card>div:last-child{padding:24px}.op-tool-card h3{font-size:23px;margin:12px 0}.op-tool-card p{min-height:3em}.op-tool-emoji{font-size:28px;display:inline-block;transition:transform .45s}.op-tool-card:hover .op-tool-emoji{transform:translateY(-5px) rotate(18deg) scale(1.2)}.op-tool-card:nth-child(3n):hover .op-tool-emoji{transform:rotate(-18deg) scale(1.2)}.op-tool-card .op-link{padding:10px 0;background:transparent;border:0;border-bottom:1px solid #75eadc40;font-size:14px}
.op-credential-grid{gap:24px}.op-credential-grid article{padding:24px}.op-certificate-open{position:relative;display:block;border:0;background:transparent;width:100%;padding:0;margin:0 0 24px;perspective:1000px}.op-certificate-open img{display:block;object-fit:contain;width:100%;height:230px;border-radius:12px;background:#fff;box-shadow:0 14px 28px #0004;transition:transform .4s,box-shadow .4s}.op-certificate-open:hover img{transform:rotateY(-9deg) rotateX(5deg) translateY(-7px);box-shadow:12px 22px 38px #0006}.op-certificate-open>span{display:block;color:#75eadc;font-size:13px;padding-top:15px}.op-credential-grid h3{font-size:23px}.op-certificate-dialog{box-sizing:border-box;width:min(1100px,calc(100vw - 36px));max-height:90dvh;padding:0;border:1px solid #75eadc60;border-radius:23px;color:#eff6ff;background:#111e35;box-shadow:0 35px 100px #0008}.op-certificate-dialog::backdrop{background:#020818cc;backdrop-filter:blur(12px)}.op-certificate-dialog>header{position:sticky;top:0;z-index:2;display:flex;gap:20px;justify-content:space-between;align-items:center;padding:20px 25px;background:#111e35;border-bottom:1px solid #ffffff20}.op-certificate-dialog h2{font-size:24px;margin:0}.op-certificate-dialog button{flex-shrink:0;min-height:44px;padding:10px 15px;background:#75eadc20;border:1px solid #75eadc50;color:#eff6ff;border-radius:12px}.op-certificate-dialog>div{padding:25px;background:#0b1429}.op-certificate-dialog img{width:100%;height:auto;display:block;object-fit:contain}.op-certificate-dialog>p{padding:0 25px 20px}
.op-filter-row button,.op-view-switch button,.op-results-bar button,.op-map-toolbar button,.op-map-popup button{border:1px solid #75eadc40;background:#172b46;color:#e9f1ff;border-radius:13px;min-height:44px;padding:11px 17px;font:600 14px var(--op-sans)}.op-filter-row button:hover{background:#214559;box-shadow:0 7px 22px #75eadc16}.op-filter-row button span{color:inherit}.op-view-switch{padding:6px;border:1px solid #ffffff25;border-radius:18px;background:#0a172c}.op-view-switch button{border:0}.op-explorer-subfilters{padding:24px;background:#11213bcc;border:1px solid #ffffff20;border-radius:20px}.op-explorer-subfilters>label{color:#d8e8fc}.op-explorer-subfilters select{background:#0c172d;border-color:#ffffff40;color:#eff6ff;border-radius:12px}.op-period{border:0;margin:0;padding:0}.op-period legend{color:#d8e8fc;font-weight:600;font-size:13px;margin-bottom:12px}.op-results-bar{color:#b7c8df}.op-results-bar strong{color:#75eadc}.op-results-bar button{background:transparent}.op-map-toolbar{background:#13243c;border-color:#ffffff20}.op-career-map-canvas{background:radial-gradient(ellipse at 30% 50%,#1a3956,#08172b)}.op-map-land{fill:#1e4161;stroke:#497693}.op-map-land-focus{fill:#365f6c;stroke:#75eadc}.op-map-world text{fill:#c1dceb}.op-map-marker{background:linear-gradient(130deg,#76eadd,#9aaeff);color:#072239;border-color:#c1fff6}.op-map-marker b{color:#eff6ff;background:#10213bcc;border-radius:10px;padding:7px 10px}.op-map-marker.is-active{box-shadow:0 0 0 16px #75eadc30}.op-map-north{color:#d8f2ff}
.op-public .op-chat-dialog{background:#0d192d;border-color:#75eadc50;color:#eef5ff}.op-public .op-chat-header{background:#13233e;border-color:#ffffff25}.op-public .op-chat-header p,.op-public .op-chat-header span{color:#bfd0e9}.op-public .op-chat-header h2{color:#f4f8ff}.op-public .op-chat-close{background:#75eadc12;border-color:#75eadc66;color:#eff6ff}.op-public .op-chat-close:hover{background:#75eadc30}.op-public .op-chat-feed{background:#0c172a;scrollbar-color:#75eadc #152641}.op-public .op-chat-welcome>p,.op-public .op-chat-copy{color:#d8e6f6}.op-public .op-chat-welcome .op-eyebrow{color:#75eadc}.op-public .op-chat-starters button{background:#182c46;color:#e5f3ff;border-color:#75eadc40}.op-public .op-chat-starters button:hover{background:#23485a}.op-public .op-chat-message{background:#15283e;border-color:#ffffff25}.op-public .op-chat-message-user{background:#1f4353;border-color:#75eadc40}.op-public .op-chat-speaker{color:#89ecdf}.op-public .op-chat-warning{color:#ffd997;border-color:#ffd99740}.op-public .op-chat-links a{color:#a6fff0;border-color:#75eadc40}.op-public .op-chat-links a:hover{background:#75eadc20}.op-public .op-chat-footer{background:#13233c;border-color:#ffffff25}.op-public .op-chat-consent,.op-public .op-chat-consent p{color:#b9cbe2}.op-public .op-chat-consent summary,.op-public .op-chat-consent a{color:#75eadc}.op-public .op-chat-consent input{padding:0;min-height:17px;width:17px;height:17px;border:0;border-radius:0;accent-color:#75eadc}.op-public .op-chat-compose textarea{background:#08152a;color:#eff6ff;border-color:#75eadc55}.op-public .op-chat-compose textarea::placeholder{color:#a3b9d0}.op-public .op-chat-send{color:#0b2333;background:#75eadc}.op-public .op-chat-compose-foot,.op-public .op-chat-compose-foot button{color:#bcd6e4}.op-public .op-chat-error{color:#ffb8b1}.op-public .op-chat-thinking{color:#bfdbed}
.op-private-gateway{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:65px;align-items:center;background:linear-gradient(120deg,#162841bb,#1c2342aa)}.op-private-gateway-scene{position:relative;border:1px solid #75eadc40;border-radius:26px;background:#0a172a88}.op-private-gateway-scene>.op-reactive{height:360px}.op-private-lock{position:absolute;right:22px;top:22px;display:grid;place-items:center;width:58px;height:58px;background:#2d375dcc;border:1px solid #b9a5ff55;border-radius:18px;font-size:29px;transition:transform .4s}.op-private-gateway-scene:hover .op-private-lock{transform:rotate(-12deg) scale(1.1)}.op-map-introduction{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:center;padding:15px 30px;background:#102039}.op-map-introduction>.op-reactive{height:185px}.op-map-introduction h3{font-size:26px;margin:8px 0}.op-map-introduction p{font-size:14px;margin:8px 0}.op-company-grid .op-company-mark{margin-bottom:20px}.op-work-evidence-details{background:#142541;border-color:#ffffff25}.op-work-example,.op-work-evidence-details summary{color:#75eadc!important}
@media(max-width:760px){.op-private-gateway{grid-template-columns:1fr;gap:25px}.op-private-gateway-scene>.op-reactive{height:260px}.op-map-introduction{grid-template-columns:120px 1fr;gap:15px;padding:15px}.op-map-introduction>.op-reactive{height:145px}.op-map-introduction h3{font-size:21px}.op-map-introduction p:last-child{display:none}}
@media(min-width:900px){.op-career article>div:last-child>p,.op-work-copy>p,.op-profile-answers p{text-align:justify;hyphens:auto}}
@media(max-width:1024px){.op-hero-three{grid-template-columns:1.2fr .8fr;gap:30px;min-height:0}.op-hero .op-portrait{max-width:370px}.op-hero-three .op-proof{gap:12px}.op-about-header{grid-template-columns:1fr 320px;gap:30px}.op-footer-links{grid-template-columns:1fr 1fr}.op-tool-world{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.op-section,.op-intro,.op-hero,.op-about-header,.op-next,.op-world-footer,.op-world-gallery{padding-inline:22px;padding-block:48px}.op-hero-three,.op-about-header{grid-template-columns:1fr;gap:28px}.op-hero-copy{order:1}.op-hero .op-portrait{order:2;max-width:390px;justify-self:center;height:auto;margin:0}.op-hero .op-portrait-media{height:auto}.op-hero-three .op-proof{order:3;grid-template-columns:1fr}.op-proof-item{display:grid;grid-template-columns:50px 1fr;gap:8px 15px}.op-proof-emoji{grid-row:1/3;margin:0}.op-proof-item>span:last-child{grid-column:2}.op-public h1{font-size:clamp(37px,9.5vw,62px)}.op-portrait-profile{max-width:390px!important;justify-self:center!important;height:auto!important}.op-world-gallery-grid{grid-template-columns:1fr}.op-world-gallery .op-gallery-heading{display:block}.op-world-feature>.op-reactive{height:270px}.op-footer-top,.op-footer-links{grid-template-columns:1fr}.op-range-pair{gap:20px;grid-template-columns:1fr}.op-next{grid-template-columns:1fr}.op-career article{gap:20px}.op-route-grid{gap:18px}.op-case-art{height:210px}.op-tool-world{grid-template-columns:1fr}.op-tool-card>.op-reactive{height:230px}.op-credential-grid article{padding:18px}.op-certificate-dialog>header{padding:15px}.op-certificate-dialog h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.op-public *, .op-public *::before,.op-public *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.op-proof-item,.op-route-card,.op-case-card,.op-recommendation,.op-tool-card,.op-portrait{transform:none!important}}
.op-nav-cv .cv-book-trigger-icon{width:26px;height:31px;flex-shrink:0;font-size:20px;box-shadow:3px 2px 0 -1px currentColor}.op-nav-cv .cv-book-trigger:hover .cv-book-trigger-icon{box-shadow:4px 3px 0 -1px currentColor;transform:rotate(-7deg) translateY(-2px)}.op-certificate-fallback{padding:18px;border:1px solid #75eadc60;border-radius:14px}.op-certificate-fallback a{color:#75eadc}.op-certificate-dialog{overflow:auto;overscroll-behavior:contain}.op-proof-item:focus-within .op-proof-emoji,.op-tool-card:focus-within .op-tool-emoji{transform:translateY(-5px) rotate(-10deg)}
.op-recommendation.op-recommendation-immersive figcaption{margin:0 0 22px;padding:0 0 20px;border-top:0;border-bottom:1px solid #ffffff26;gap:7px}.op-recommendation.op-recommendation-immersive .op-recommendation-headline{line-height:1.6;font-size:12px;max-width:100%;overflow-wrap:anywhere}

.op-certificate-dialog[hidden]{display:none}
.op-recommendation-initials.has-photo{width:76px;height:76px;border-radius:14px;padding:4px;background:#16344c}.op-recommendation-initials.has-photo img{width:100%;height:100%;display:block;object-fit:contain;border-radius:9px}.op-recommendation-initials.has-photo::after{border-radius:18px}

/* Navigation owns its palette because the fixed header sits outside the route world. */
.op-navigation-r26[data-navigation-path="/"]{--world-accent:#75eadc}
.op-navigation-r26[data-navigation-path="/about"]{--world-accent:#b9a5ff}
.op-navigation-r26[data-navigation-path="/projects"]{--world-accent:#ffbe85}
.op-navigation-r26[data-navigation-path="/contact"]{--world-accent:#ffa9c9}
.op-navigation-r26 .op-nav-active{transition:transform .48s cubic-bezier(.2,.85,.22,1),width .48s cubic-bezier(.2,.85,.22,1),border-color .3s,box-shadow .3s;background:linear-gradient(125deg,#ffffff18,#ffffff08);box-shadow:0 0 22px color-mix(in srgb,var(--world-accent) 18%,transparent)}
.op-nav-links>a,.op-nav-mobile-panel nav>a{--nav-reaction:#75eadc;transition:color .22s,background .22s,border-color .22s,scale .18s}
.op-nav-links>a[href="/about"],.op-nav-mobile-panel nav>a[href="/about"]{--nav-reaction:#b9a5ff}
.op-nav-links>a[href="/projects"],.op-nav-mobile-panel nav>a[href="/projects"]{--nav-reaction:#ffbe85}
.op-nav-links>a[href="/contact"],.op-nav-mobile-panel nav>a[href="/contact"]{--nav-reaction:#ffa9c9}
.op-nav-links>a:is(:hover,:focus-visible),.op-nav-mobile-panel nav>a:is(:hover,:focus-visible){color:var(--nav-reaction);background:color-mix(in srgb,var(--nav-reaction) 12%,transparent)}
.op-nav-links>a.is-current{color:var(--nav-reaction)}
.op-nav-links:has(.op-nav-active[data-indicator-ready="false"])>a.is-current{border-color:var(--nav-reaction);background:color-mix(in srgb,var(--nav-reaction) 14%,transparent)}
.op-nav-mobile-panel nav>a[aria-current="page"]{border-color:var(--nav-reaction);background:color-mix(in srgb,var(--nav-reaction) 14%,transparent)}
.op-nav-links>a:is(:hover,:focus-visible) .op-nav-emoji,.op-nav-mobile-panel nav>a:is(:hover,:focus-visible) .op-nav-emoji{animation:op-nav-hop .7s cubic-bezier(.2,.8,.2,1) both}
.op-nav-links>a[href="/about"]:is(:hover,:focus-visible) .op-nav-emoji,.op-nav-mobile-panel nav>a[href="/about"]:is(:hover,:focus-visible) .op-nav-emoji{animation-name:op-nav-orbit}
.op-nav-links>a[href="/projects"]:is(:hover,:focus-visible) .op-nav-emoji,.op-nav-mobile-panel nav>a[href="/projects"]:is(:hover,:focus-visible) .op-nav-emoji{animation-name:op-nav-gear}
.op-nav-links>a[href="/contact"]:is(:hover,:focus-visible) .op-nav-emoji,.op-nav-mobile-panel nav>a[href="/contact"]:is(:hover,:focus-visible) .op-nav-emoji{animation-name:op-nav-chat}
.op-nav-links>a:active,.op-nav-mobile-panel nav>a:active{scale:.96}
@keyframes op-nav-hop{0%,100%{transform:none}35%{transform:translateY(-7px) rotate(-12deg) scale(1.12)}65%{transform:translateY(1px) rotate(7deg)}}
@keyframes op-nav-orbit{0%,100%{transform:none}35%{transform:translate(3px,-6px) rotate(15deg) scale(1.13)}70%{transform:translate(-2px,-2px) rotate(-9deg)}}
@keyframes op-nav-gear{from{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.15)}to{transform:rotate(360deg) scale(1)}}
@keyframes op-nav-chat{0%,100%{transform:none}30%{transform:rotate(-15deg) scale(1.18)}65%{transform:rotate(12deg) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.op-navigation-r26 .op-nav-active,.op-nav-links>a,.op-nav-mobile-panel nav>a{transition:none!important;scale:1!important}.op-navigation-r26 .op-nav-emoji{animation:none!important;transform:none!important}}

/* V31 shared public material: cyan carries context; copper is a quiet mechanical detail. */
.op-public.op-world-r121[data-site-design="cinematic-v31"]{--op-ink:#f0f7fb;--op-muted:#bdcdd7;--world-accent:#63e4f2;--op-gold:#63e4f2;--op-copper:#ca966e;--op-titanium:#8ba2ae;--op-line:#9ac4d32d;--op-surface:#071720ef;--op-card:#0a1c27f2;background:#031019;color:var(--op-ink);scrollbar-color:#3b9cae #06131d}
.op-public.op-world-r121[data-site-design="cinematic-v31"]>.op-world{background:#031019}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-world-static{background:radial-gradient(ellipse at 78% 25%,#0c71882b,transparent 56%),radial-gradient(ellipse at 25% 88%,#9d683912,transparent 54%),#031019}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-world-reading-shade{background:linear-gradient(90deg,#020c16a6,transparent 72%),linear-gradient(0deg,#020c1652,transparent 50%)}
.op-public.op-world-r121[data-site-design="cinematic-v31"]>:is(.op-section,.op-image-gallery,.op-next,.op-intro,.op-about-header,.op-world-gallery,.op-world-footer,.op-review-context,.op-contact-stage){border-color:var(--op-line);border-radius:18px;background:linear-gradient(135deg,#0b202ceb,#06141fef)!important;box-shadow:0 18px 52px #00000036,inset 0 1px 0 #c7e8f512}
.op-public.op-world-r121[data-site-design="cinematic-v31"]>.op-lab{background:linear-gradient(145deg,#0b2432ed,#061620f2)!important}
.op-public.op-world-r121[data-site-design="cinematic-v31"]>:is(.op-section,.op-image-gallery,.op-next,.op-intro,.op-about-header,.op-world-gallery,.op-review-context,.op-contact-stage)::before{content:"";position:absolute;top:-1px;left:clamp(24px,3vw,64px);width:clamp(80px,11vw,190px);height:1px;pointer-events:none;background:linear-gradient(90deg,var(--op-copper),#d8edf5b8 22%,var(--world-accent),transparent);opacity:.65;transform:scaleX(.66);transform-origin:left;transition:transform 900ms cubic-bezier(.22,1,.36,1),opacity 650ms ease}
.op-public.op-world-r121[data-site-design="cinematic-v31"]>[data-site-reveal="entered"]::before{transform:scaleX(1);opacity:.95}
.op-public.op-world-r121[data-site-design="cinematic-v31"]>.op-site-connections{position:absolute;left:max(10px,calc(var(--op-gutter,24px) * .4));top:150px;bottom:110px;width:1px;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent,#65dce53b 14%,#c99b7133 44%,#65dce538 78%,transparent)}
.op-site-connections>span{position:absolute;left:-3px;width:7px;height:7px;border:1px solid #8bd7e3a6;border-radius:50%;background:#071721;box-shadow:0 0 16px #64deed30}.op-site-connections>span:first-child{top:4%}.op-site-connections>span:last-child{bottom:4%;border-color:#ca966eaa}.op-site-connections>i{position:absolute;left:0;top:25%;height:12%;width:1px;background:linear-gradient(180deg,transparent,#a3efffad,transparent)}
.op-public.op-world-r121[data-site-design="cinematic-v31"]>[data-site-reveal="entered"]>:is(.op-section-head,.op-gallery-heading,.op-contact-stage-copy){animation:op-site-heading-enter 840ms cubic-bezier(.22,1,.36,1) both}
@keyframes op-site-heading-enter{from{transform:translate3d(0,12px,0)}to{transform:translate3d(0,0,0)}}
.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-route-card,.op-case-card,.op-proof-item,.op-tool-card,.op-recommendation,.op-company-grid article,.op-credential-grid article,.op-brand-card,.op-portrait){position:relative;border-color:#8eafbd4d!important;border-radius:16px;background:linear-gradient(140deg,#102936d9,#071721f2)!important;box-shadow:0 14px 40px #00000035,inset 0 1px 0 #dfedf31a;transform:perspective(1100px) rotateX(var(--world-tilt-x,0deg)) rotateY(var(--world-tilt-y,0deg));translate:0 0;transition:transform 480ms cubic-bezier(.22,1,.36,1),translate 480ms cubic-bezier(.22,1,.36,1),border-color 240ms ease}
.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-route-card,.op-case-card,.op-proof-item,.op-tool-card,.op-recommendation,.op-company-grid article,.op-credential-grid article,.op-brand-card,.op-portrait):is([data-world-engaged],:focus-within):not(:has(dialog[open],[role="dialog"]:focus-within)){border-color:#69dcefc4!important;translate:0 -3px}
.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-route-card,.op-case-card,.op-tool-card)::after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#87ecff,var(--op-copper),transparent);opacity:.24;transform:translate3d(var(--world-light-shift-x,0px),0,0) scaleX(.5);transform-origin:center;transition:transform 520ms cubic-bezier(.22,1,.36,1),opacity 280ms ease}
.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-route-card,.op-case-card,.op-tool-card):is([data-world-engaged],:focus-within):not(:has(dialog[open],[role="dialog"]:focus-within))::after{opacity:.95;transform:translate3d(var(--world-light-shift-x,0px),0,0) scaleX(.92)}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-case-card:is([data-world-engaged],:focus-within):not(:has(dialog[open],[role="dialog"]:focus-within)) .op-case-card-result{border-top-color:#67d9e96b}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-case-card-result{transition:border-color 280ms ease}
.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-credential-grid article,.op-recommendation):is([data-world-engaged],:focus-within):not(:has(dialog[open],[role="dialog"]:focus-within)){border-color:#cba077c4!important}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-route-card:is([data-world-engaged],:focus-within):not(:has(dialog[open],[role="dialog"]:focus-within)) .op-index{color:#cbecf3}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-proof-item:is([data-world-engaged],:focus-within):not(:has(dialog[open],[role="dialog"]:focus-within)) strong{color:#c0f6ff}
.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-case-detail,.op-stage-copy,.op-inspect-description,.op-work-evidence-details,.op-explorer-subfilters,.op-comparison-toggle){background:linear-gradient(130deg,#102a37ee,#081923f2)!important;border-color:#8eafbd52!important;box-shadow:inset 0 1px 0 #c9e7ef10}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-private-gateway-scene{border-color:#b892694f;background:linear-gradient(155deg,#0e2632d9,#06151f);border-radius:16px}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-private-lock{border-color:#c79b6870;background:#132a33e6;color:#bfe8ed}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-tags li{background:#8ccde808;border-color:#98c3d52a;color:var(--op-muted)}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-eyebrow,.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-index,.op-work-example){color:var(--world-accent)}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-actions>.op-button:not(.cv-book-trigger):not(.op-cv-primary){background:linear-gradient(135deg,#0b4655,#082734);border-color:#73cbd576;color:#edf9fc;box-shadow:0 12px 28px #0003,inset 0 1px 0 #d6f8ff12}
.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-proof-item,.op-tool-card) :is(.op-proof-emoji,.op-tool-emoji){transform:none;transition:transform 480ms cubic-bezier(.22,1,.36,1)}
.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-proof-item,.op-tool-card):is([data-world-engaged],:focus-within):not(:has(dialog[open],[role="dialog"]:focus-within)) :is(.op-proof-emoji,.op-tool-emoji){transform:translateY(-2px) rotate(-4deg)}
.op-public.op-world-r121[data-site-design="cinematic-v31"][data-site-cinematic-state="suspended"] [data-site-reveal]>:is(.op-section-head,.op-gallery-heading,.op-contact-stage-copy){animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-route-card,.op-case-card,.op-tool-card,.op-portrait)[data-world-engaged="pointer"]{will-change:transform}}
@media(hover:none){.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-route-card,.op-case-card,.op-tool-card,.op-portrait){transform:none!important}.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-route-card,.op-case-card,.op-tool-card):active{translate:0 1px;border-color:#69dcefc4!important}}
@media(max-width:760px){.op-public.op-world-r121[data-site-design="cinematic-v31"]>:is(.op-section,.op-image-gallery,.op-next,.op-intro,.op-about-header,.op-world-gallery,.op-world-footer,.op-review-context,.op-contact-stage){border-radius:15px}.op-public.op-world-r121[data-site-design="cinematic-v31"]>.op-site-connections{left:9px;opacity:.65}}
@media(prefers-reduced-motion:reduce){.op-public.op-world-r121[data-site-design="cinematic-v31"] [data-site-reveal]>.op-contact-stage-copy,.op-public.op-world-r121[data-site-design="cinematic-v31"] [data-site-reveal]>.op-section-head,.op-public.op-world-r121[data-site-design="cinematic-v31"] [data-site-reveal]>.op-gallery-heading{animation:none!important;transform:none!important}.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-route-card,.op-case-card,.op-proof-item,.op-tool-card,.op-recommendation,.op-company-grid article,.op-credential-grid article,.op-brand-card,.op-portrait){transform:none!important;translate:none!important;transition:none!important;will-change:auto!important}.op-public.op-world-r121[data-site-design="cinematic-v31"]>[data-site-reveal]::before,.op-public.op-world-r121[data-site-design="cinematic-v31"] :is(.op-route-card,.op-case-card,.op-tool-card)::after{transform:none!important;transition:none!important}}

/* V34: keep public comparison evidence and native assembly choices readable on the cinematic surface. */
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card{background:linear-gradient(140deg,#112b38,#071923);color:#f0f7fb;border-color:#8eafbd63;box-shadow:inset 0 1px 0 #dfedf31a,0 12px 30px #00000026}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card h4{color:#f0f7fb}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card h4 a{color:#87eaf4;text-decoration-line:underline;text-decoration-color:#87eaf47a;text-underline-offset:.16em}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card>p,.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card .op-comparison-evidence li{color:#c8d9e3}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card .op-comparison-facts>div{border-color:#94b9c23d}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card .op-comparison-facts dt{color:#b8ccd8}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card .op-comparison-facts dd,.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card .op-comparison-facts dd strong{color:#f0f7fb}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card .op-comparison-facts dd span{color:#c8d9e3}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card .op-tags li{background:#081d2a;border-color:#94b9c24d;color:#c8dde6}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card .op-comparison-attribution{border-color:#94b9c23d;color:#bdd0dc}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison :is(.op-comparison-actions,.op-comparison-card-head)>button,.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-part-inspector .op-inspect-settings button{background:#102b39;border-color:#86bacb85;color:#eff9fc;box-shadow:inset 0 1px 0 #dfedf314}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison :is(.op-comparison-actions,.op-comparison-card-head)>button:not(:disabled):hover,.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-part-inspector .op-inspect-settings button:not(:disabled):hover{background:#174254;border-color:#86e8f1}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-part-inspector .op-inspect-settings button[aria-pressed="true"]{background:#0c5260;border-color:#8ceef8;color:#f2fdff;box-shadow:inset 0 0 0 1px #8ceef83d}
.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison :is(button,a):focus-visible,.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-part-inspector .op-inspect-settings button:focus-visible{outline:3px solid #8ceef8;outline-offset:3px}
@media(forced-colors:active){
 .op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card{background:Canvas!important;border-color:CanvasText!important;color:CanvasText!important;box-shadow:none!important;forced-color-adjust:auto}
 .op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card :is(h4,p,dt,dd,dd strong,dd span,.op-comparison-evidence li){color:CanvasText!important}
 .op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card :is(.op-comparison-facts>div,.op-comparison-attribution){border-color:CanvasText!important}
 .op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card h4 a{color:LinkText!important;text-decoration-color:LinkText!important}
 .op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison-card .op-tags li{background:Canvas!important;border-color:CanvasText!important;color:CanvasText!important}
 .op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison :is(.op-comparison-actions,.op-comparison-card-head)>button,.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-part-inspector .op-inspect-settings button{background:ButtonFace!important;border-color:ButtonText!important;color:ButtonText!important;box-shadow:none!important;forced-color-adjust:auto}
 .op-public.op-world-r121[data-site-design="cinematic-v31"] .op-part-inspector .op-inspect-settings button[aria-pressed="true"]{background:Highlight!important;border-color:Highlight!important;color:HighlightText!important}
 .op-public.op-world-r121[data-site-design="cinematic-v31"] .op-comparison :is(button,a):focus-visible,.op-public.op-world-r121[data-site-design="cinematic-v31"] .op-part-inspector .op-inspect-settings button:focus-visible{outline-color:Highlight!important}
}

.cv-book-trigger{display:inline-flex;gap:16px;align-items:center;text-decoration:none}.cv-book-trigger>span:nth-child(2){display:grid;gap:5px}.cv-book-trigger small{font-size:11px;font-weight:500;letter-spacing:.035em}.cv-book-trigger-icon{width:38px;height:38px;flex:none}.cv-book-trigger-arrow{margin-left:auto;font-size:20px}.cv-book-dialog{position:fixed;inset:0;display:none;width:min(1480px,calc(100vw - 40px));max-width:none;height:min(1050px,calc(100dvh - 40px));max-height:none;margin:auto;padding:0;border:1px solid #526883;border-radius:24px;background:#0c1728;color:#f3f6fc;font-family:inherit;box-shadow:0 35px 110px #000b;overflow:hidden}.cv-book-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:cv-book-arrive .3s ease-out}.cv-book-dialog::backdrop{background:#020914d9;backdrop-filter:blur(12px)}.cv-book-dialog:is(.is-fullscreen,:fullscreen){width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;margin:0}.cv-book-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 30px 18px;background:#0c1728;z-index:8}.cv-book-header h2{margin:5px 0 7px;font-size:clamp(25px,2.5vw,42px);line-height:1.12;letter-spacing:-.035em;font-weight:650}.cv-book-header p{margin:0;color:#bdccdc;font-size:13px;line-height:1.5}.cv-book-header .cv-book-eyebrow{color:#7be9d9;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.cv-book-dialog button,.cv-book-download{font:inherit;cursor:pointer}.cv-book-close,.cv-book-tools button{min-height:44px;padding:10px 15px;border:1px solid #536b89;border-radius:12px;color:#f3f6fc;background:#152640;font-size:12px}.cv-book-close{flex-shrink:0}.cv-book-close span{margin-left:7px;font-size:20px}.cv-book-dialog :is(a,button,[tabindex]):focus-visible,.cv-book-trigger:focus-visible{outline:3px solid #7be9d9;outline-offset:3px}.cv-book-stage{display:grid;place-items:center;position:relative;min-height:0;overflow:auto;padding:20px 40px 30px;background:radial-gradient(ellipse at 50% 30%,#29435d,#101e33 70%);overscroll-behavior:contain;touch-action:pan-y}.cv-book-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(100%,calc((100dvh - 320px)*1.414));aspect-ratio:1820/1287;perspective:2400px;filter:drop-shadow(0 18px 18px #0007);isolation:isolate}.cv-book-page{margin:0;position:relative;background:#fff;min-width:0;overflow:hidden;box-shadow:0 3px 0 #c3bdad,0 6px 0 #8b8990}.cv-book-page-left{border-radius:5px 0 0 5px}.cv-book-page-right{border-radius:0 5px 5px 0}.cv-book-page img,.cv-book-leaf img{display:block;width:100%;height:auto;aspect-ratio:910/1287}.cv-book-page-left::after,.cv-book-page-right::after{content:'';position:absolute;inset:0;pointer-events:none}.cv-book-page-left::after{background:linear-gradient(90deg,transparent 92%,#0002)}.cv-book-page-right::after{background:linear-gradient(90deg,#0002,transparent 8%)}.cv-book-spine{position:absolute;z-index:3;left:calc(50% - 4px);top:0;bottom:0;width:8px;pointer-events:none;background:linear-gradient(90deg,#0001,#0004,#0001)}.cv-book-leaf{position:absolute;left:50%;top:0;width:50%;height:100%;z-index:4;transform-style:preserve-3d;transform-origin:left center;pointer-events:none}.cv-book-leaf-front,.cv-book-leaf-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#fff}.cv-book-leaf-front{border-radius:0 5px 5px 0;background:#fff;box-shadow:-12px 0 20px -18px #0008}.cv-book-leaf-back{transform:rotateY(180deg);border-radius:5px 0 0 5px}.cv-book-leaf-front::after,.cv-book-leaf-back::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0003,transparent 20%)}.cv-book-leaf-forward{animation:cv-book-fold-forward .88s cubic-bezier(.22,.65,.2,1) both}.cv-book-leaf-reverse{animation:cv-book-fold-back .88s cubic-bezier(.22,.65,.2,1) both}.cv-book-leaf>.cv-book-leaf-back{animation:none}.cv-book-edge{position:absolute;top:0;bottom:0;z-index:5;width:45%;padding:0;border:0;background:none;color:#fff}.cv-book-edge-left{left:0}.cv-book-edge-right{right:0}.cv-book-edge span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;margin:auto;background:#10253de6;box-shadow:0 3px 15px #0005;opacity:0;transition:opacity .2s,transform .2s}.cv-book-edge:not(:disabled):is(:hover,:focus-visible) span{opacity:1;transform:translateY(-2px)}.cv-book-edge:disabled{cursor:default;pointer-events:none}.cv-book-stage.is-zoomed{display:block}.cv-book-stage.is-zoomed .cv-book-spread{width:1820px;max-width:none;margin:auto;filter:none}.cv-book-image-error{position:absolute;inset:0;z-index:7;display:grid;place-content:center;gap:12px;text-align:center;background:#eef4fa;color:#122239;padding:24px}.cv-book-image-error a{color:inherit;text-decoration:underline}.cv-book-footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between;padding:14px 30px;background:#0c1728;border-top:1px solid #304963}.cv-book-thumbnails{display:flex;gap:7px}.cv-book-thumbnails button{display:flex;align-items:center;gap:7px;min-width:48px;min-height:54px;padding:5px 8px;border:1px solid #435b75;border-radius:9px;background:#152640;color:#bdccdc;font-size:11px}.cv-book-thumbnails button[aria-current]{border-color:#7be9d9;background:#183e46;color:#fff}.cv-book-thumbnails img{height:42px;width:auto;border-radius:2px}.cv-book-pagination{margin:0;white-space:nowrap;font-size:13px;color:#bdccdc}.cv-book-pagination strong{color:#fff}.cv-book-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cv-book-tools button[aria-pressed=true]{background:#183e46;border-color:#7be9d9}.cv-book-download{display:inline-flex;align-items:center;min-height:44px;padding:11px 17px;border-radius:12px;background:#7be9d9;color:#082332;text-decoration:none;font-size:12px;font-weight:650}.cv-book-download-status{flex-basis:100%;min-height:0;font-size:11px;color:#bdccdc;text-align:right}.cv-book-download-status:empty{display:none}.cv-book-tools button:disabled,.cv-book-thumbnails button:disabled{opacity:.55;cursor:default}
@keyframes cv-book-fold-forward{from{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes cv-book-fold-back{from{transform:rotateY(-180deg)}to{transform:rotateY(0)}}@keyframes cv-book-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:760px){.cv-book-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:16px}.cv-book-header{padding:18px 16px;gap:12px}.cv-book-header p{font-size:11px}.cv-book-header .cv-book-eyebrow{font-size:8px}.cv-book-stage{padding:20px 10px 30px}.cv-book-spread{width:100%;align-self:center}.cv-book-edge span{width:32px;height:32px;opacity:1}.cv-book-footer{padding:12px;gap:10px}.cv-book-thumbnails button{min-width:44px;padding:5px}.cv-book-thumbnails img{height:34px}.cv-book-pagination{font-size:11px}.cv-book-tools{width:100%;justify-content:center}.cv-book-tools button,.cv-book-download{font-size:11px;padding:10px 11px}.cv-book-close{font-size:11px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.cv-book-dialog,.cv-book-leaf{animation:none!important}.cv-book-edge span{transition:none!important;transform:none!important}}

/* V31 original CV reader: frame only, four original pages and controls unchanged. */
.op-public[data-site-design="cinematic-v31"] .cv-book-dialog{background:#04121b;border-color:#477480;box-shadow:inset 0 1px 0 #c4f9ff25,0 36px 100px #000b;color:#edf8fc;}
.op-public[data-site-design="cinematic-v31"] .cv-book-header,.op-public[data-site-design="cinematic-v31"] .cv-book-footer{background:linear-gradient(125deg,#142e3a,#06151d);border-color:#31515f;}
.op-public[data-site-design="cinematic-v31"] .cv-book-header h2{text-wrap:balance;line-height:1.16;}
.op-public[data-site-design="cinematic-v31"] .cv-book-header p{color:#bed3dc;line-height:1.6;}
.op-public[data-site-design="cinematic-v31"] .cv-book-stage{background:radial-gradient(ellipse at 50% 20%,#1b4551,#04121b 78%);}
.op-public[data-site-design="cinematic-v31"] .cv-book-header .cv-book-eyebrow{color:#73ebf0;}
.op-public[data-site-design="cinematic-v31"] :is(.cv-book-close,.cv-book-tools button){background:linear-gradient(140deg,#183543,#0b202a);border-color:#416d79;}
.op-public[data-site-design="cinematic-v31"] .cv-book-tools button[aria-pressed="true"],.op-public[data-site-design="cinematic-v31"] .cv-book-thumbnails button[aria-current]{background:#124450;border-color:#53e0ec;}
.op-public[data-site-design="cinematic-v31"] .cv-book-download{background:linear-gradient(130deg,#56e9ef,#15bed8);color:#03212c;box-shadow:inset 0 1px 0 #d0fbff80;}
.op-public[data-site-design="cinematic-v31"] .cv-book-dialog :is(a,button,[tabindex]):focus-visible{outline:3px solid #83f3fb;outline-offset:4px;}
.op-public[data-site-design="cinematic-v31"] .cv-book-leaf{animation-timing-function:cubic-bezier(.22,1,.36,1);}
.op-public[data-site-design="cinematic-v31"] .op-quick-dialog{background:linear-gradient(145deg,#132d39,#061720);color:#edf9fc;border-color:#3d6a77;box-shadow:inset 0 1px 0 #c4f9ff14,0 28px 80px #0008;}
.op-public[data-site-design="cinematic-v31"] .op-quick-head h2{line-height:1.15;text-wrap:balance;}
.op-public[data-site-design="cinematic-v31"] .op-quick-input input{background:#05141d;border:1px solid #3e6977;color:#edf9fc;min-height:48px;}
.op-public[data-site-design="cinematic-v31"] .op-quick-input input:focus{outline:2px solid #8ef5fb;outline-offset:3px;}
.op-public[data-site-design="cinematic-v31"] .op-quick-results a{border-color:#2d5260;padding-block:16px;}
.op-public[data-site-design="cinematic-v31"] .op-quick-results a:is(:hover,:focus-visible){background:#124352;outline-color:#71ebf6;}
.op-public[data-site-design="cinematic-v31"] .op-quick-results :is(strong,small){white-space:normal;overflow-wrap:anywhere;line-height:1.5;}
@media(max-width:760px){.op-public[data-site-design="cinematic-v31"] .cv-book-header{padding:18px 16px;}.op-public[data-site-design="cinematic-v31"] .cv-book-header p{font-size:13px;}.op-public[data-site-design="cinematic-v31"] .cv-book-pagination{font-size:13px;}.op-public[data-site-design="cinematic-v31"] .cv-book-tools button{font-size:13px;}}
.op-skills-grid.op-skills-interactive{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.op-skills-interactive .op-skill-group{position:relative;overflow:hidden;border:1px solid #3e6482;border-radius:16px;padding:26px;background:linear-gradient(145deg,#123455,#091b31);color:#eef6ff;box-shadow:0 12px 32px #0002;transition:transform .45s,box-shadow .45s,border-color .3s}.op-skills-interactive .op-skill-group h3{font-size:18px;line-height:1.3;margin:0 0 10px;color:#82e8f6}.op-skills-interactive .op-skill-group>p{font-size:13px;line-height:1.65;color:#c5d6e8}.op-skills-interactive .op-skill-group:hover{transform:translateY(-5px);border-color:#6bcfe9;box-shadow:0 20px 42px #0003}.op-skills-interactive .op-skill-group.op-skill-motion-1:hover{transform:translateY(-5px) rotate(.5deg)}.op-skills-interactive .op-skill-group.op-skill-motion-2:hover{transform:translateY(-5px) rotate(-.5deg)}.op-skills-interactive .op-tags{gap:8px;list-style:none;padding:0}.op-skills-interactive .op-tags li,.op-training-exposure .op-tags li{padding:0;border:0;background:none}.op-skill-trigger{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:8px 12px;border:1px solid #496f8e;border-radius:24px;background:#123859;color:#eef7ff;font:inherit;font-size:12px;text-align:left;line-height:1.4;cursor:pointer;transition:background .25s,color .25s,transform .25s}.op-skill-trigger>span:last-child{color:#70dfef;font-size:16px;flex-shrink:0;transition:transform .3s}.op-skill-trigger:hover,.op-skill-trigger:focus-visible{background:#8de4f2;color:#102b43;border-color:#8de4f2}.op-skill-trigger:hover>span:last-child,.op-skill-trigger:focus-visible>span:last-child{color:#102b43;transform:rotate(45deg)}.op-skill-trigger:active{transform:scale(.97)}.op-skill-trigger:focus-visible,.skill-detail-dialog :is(a,button):focus-visible{outline:3px solid #ffb6a3;outline-offset:4px}.op-skill-index{display:block;color:#93b5cd;font-size:10px;letter-spacing:.14em;margin-bottom:15px}.op-skills-count{display:inline-flex;align-items:center;gap:12px;margin-bottom:16px;color:#b9d9ed}.op-skills-count strong{font-size:42px;line-height:1;font-weight:500}.op-skills-count span{max-width:180px;font-size:12px;line-height:1.5}.op-skill-group.is-arriving{animation:skill-card-arrive .6s both}.op-skill-motion-1.is-arriving{animation-name:skill-card-side}.op-skill-motion-2.is-arriving{animation-name:skill-card-depth}
.skill-detail-dialog{position:fixed;inset:0;width:min(660px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;border:1px solid #477394;border-radius:22px;padding:0;overflow:auto;background:#091c35;color:#eff7ff;box-shadow:0 34px 110px #000b;font:inherit}.skill-detail-dialog::backdrop{background:#030b1fc4;backdrop-filter:blur(8px)}.skill-detail-dialog[open]{animation:skill-dialog-arrive .3s ease-out}.skill-detail-head{display:flex;gap:22px;justify-content:space-between;align-items:flex-start;padding:30px 30px 20px;border-bottom:1px solid #355777}.skill-detail-head h2{margin:8px 0 0;font-size:clamp(25px,4vw,38px);line-height:1.15;font-weight:500;overflow-wrap:anywhere}.skill-detail-eyebrow{margin:0;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#6fdfef}.skill-detail-close{width:44px;min-width:44px;min-height:44px;border:1px solid #638fac;border-radius:50%;background:none;color:#eff7ff;font:inherit;font-size:25px;cursor:pointer}.skill-detail-body{padding:24px 30px 30px}.skill-detail-body>p{margin:0 0 20px;color:#dae9f6;font-size:16px;line-height:1.75}.skill-detail-body .skill-detail-basis{font-size:12px;color:#b0c9df;border-left:2px solid #ffaf9c;padding-left:14px}.skill-detail-related{display:grid;gap:12px}.skill-detail-related h3{margin:10px 0 3px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#7edfe9}.skill-detail-related>a{position:relative;display:grid;gap:7px;padding:18px 44px 18px 18px;border:1px solid #3e6486;border-radius:10px;text-decoration:none;color:#ecf6ff;transition:background .25s,transform .25s}.skill-detail-related>a:hover{background:#153c60;transform:translateX(3px)}.skill-detail-related small{font-size:11px;line-height:1.5;color:#bfd5e9}.skill-detail-related b{position:absolute;right:18px;top:20px;color:#ffb6a0}.skill-detail-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px}.skill-detail-links a{display:inline-flex;align-items:center;gap:14px;min-height:44px;color:#8de7f3;font-size:12px;text-underline-offset:5px}.skill-detail-unavailable{padding:16px;border:1px solid currentColor;border-radius:8px}.op-recommendation.op-recommendation-immersive{position:relative;border-radius:18px;border:1px solid #416782;background:linear-gradient(145deg,#102d4b,#071a32);padding:28px;box-shadow:0 10px 30px #00041c36;transition:transform .45s,box-shadow .45s}.op-recommendation-immersive:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00041c66}.op-recommendation-immersive.is-arriving{animation:skill-card-arrive .7s both}.op-recommendation-immersive.op-recommendation-motion-1.is-arriving{animation-name:skill-card-side}.op-recommendation-initials{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;background:#1e4870;color:#9bebfa;border:1px solid #5596ba;border-radius:50%;font-size:15px;font-weight:600;letter-spacing:.05em;box-shadow:3px 3px 0 #273859}.op-recommendation-immersive figcaption{position:relative}
@keyframes skill-card-arrive{from{opacity:.25;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes skill-card-side{from{opacity:.25;transform:translateX(-18px) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes skill-card-depth{from{opacity:.25;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes skill-dialog-arrive{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:1000px){.op-skills-grid.op-skills-interactive{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.op-skills-grid.op-skills-interactive{grid-template-columns:1fr;gap:16px}.op-skills-interactive .op-skill-group{padding:22px}.op-skill-trigger{font-size:13px}.skill-detail-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.skill-detail-head{padding:22px 20px 18px;gap:14px}.skill-detail-body{padding:20px}.skill-detail-body>p{font-size:15px}.op-recommendation.op-recommendation-immersive{padding:23px}}
@media(prefers-reduced-motion:reduce){.op-skill-group,.op-skill-trigger,.op-skill-trigger>span,.skill-detail-dialog,.skill-detail-related>a,.op-recommendation-immersive,.op-recommendation-initials{animation:none!important;transition:none!important;transform:none!important}}
.op-recommendation.op-recommendation-immersive .op-recommendation-teaser{color:#eff7ff}.op-recommendation.op-recommendation-immersive :is(.op-recommendation-context,.op-recommendation-source,time){color:#b6d5e9}.op-recommendation.op-recommendation-immersive :is(.op-recommendation-author,.op-recommendation-action){color:#81e3f2}.op-recommendation.op-recommendation-immersive figcaption>span{color:#c2d8e8}.op-recommendation.op-recommendation-immersive .op-recommendation-initials{position:relative;background:radial-gradient(circle at 30% 25%,#395d94,#122d51 70%);transition:transform .4s}.op-recommendation.op-recommendation-immersive .op-recommendation-initials::after{content:"";position:absolute;inset:-5px;border:1px solid #68d5eb66;border-radius:50%;transform:rotate(-20deg) scaleY(.88)}.op-recommendation.op-recommendation-motion-1 .op-recommendation-initials{background:radial-gradient(circle at 30% 25%,#624a79,#203457 70%);border-color:#dfb0ca}.op-recommendation.op-recommendation-immersive:hover .op-recommendation-initials{transform:rotate(-5deg) translateY(-2px)}
.skill-detail-head{position:sticky;top:0;z-index:3;background:#091c35}.skill-detail-dialog{overscroll-behavior:contain}.skill-detail-dialog[hidden]{display:none}

/* R135 nonmodal panel: the page and its navigation remain operable. */
.op-review-guide.op-chat-host.op-chat-r135{position:fixed;top:auto;left:auto;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:block;margin:0;width:72px;max-width:none;z-index:90}
.op-review-guide.op-chat-r135[data-chat-open=true]{z-index:200}
.op-review-guide.op-chat-r135 .op-chat-launcher{display:block;width:72px;height:80px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;cursor:pointer;transition:transform 180ms ease}
.op-chat-r135 .op-chat-launcher>.ak-robot{display:block!important;width:100%;height:100%;filter:drop-shadow(0 6px 5px #020b1b40)}
.op-chat-r135 .op-chat-launcher .ak-robot-art{width:100%;height:100%;stroke:none}
.op-chat-r135 .op-chat-launcher:hover{background:transparent;transform:translateY(-3px);box-shadow:none}
.op-chat-r135[data-chat-open=true] .op-chat-launcher{visibility:hidden;pointer-events:none}
.op-review-guide.op-chat-r135 .op-chat-dialog{box-sizing:border-box;position:fixed;inset:auto max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) auto;width:min(470px,calc(100vw - 36px));height:min(760px,calc(100dvh - 126px));max-width:100vw;max-height:calc(100dvh - 126px);margin:0;padding:0;border:1px solid #a9cbd43d;border-radius:20px;background:#101e30;color:#eff5ff;box-shadow:0 18px 70px #020a1c59;overflow:hidden;z-index:201}
.op-review-guide.op-chat-r135 .op-chat-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;animation:op-r135-chat-arrive 220ms cubic-bezier(.2,.8,.2,1)}
.op-review-guide.op-chat-r135 .op-chat-dialog:not([open]){display:none}
.op-chat-r135 .op-chat-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;background:#142438;color:#f6faff;border-bottom:1px solid #ffffff12}
.op-chat-r135 .op-chat-identity{display:flex;align-items:center;gap:11px;min-width:0}
.op-chat-r135 .op-chat-identity>.ak-robot{flex:0 0 43px;width:43px;height:47px}
.op-chat-r135 .op-chat-identity .ak-robot-art{width:100%;height:100%}
.op-chat-r135 .op-chat-header p{margin:0 0 4px;color:#9fb5c9;font-size:9px;font-weight:650;letter-spacing:.16em;text-transform:uppercase}
.op-chat-r135 .op-chat-header h2{margin:0;font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.025em}
.op-chat-r135 .op-chat-header span{display:block;margin-top:5px;font-size:10px;color:#a7bfd2;line-height:1.4}
.op-chat-r135 .op-chat-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.op-chat-r135 .op-chat-stop{min-height:36px;padding:7px 8px;border:1px solid #a5c4d84d;border-radius:9px;background:transparent;color:#d8eaf5;font:inherit;font-size:10px;cursor:pointer}
.op-chat-r135 .op-chat-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #a5c4d83d;border-radius:12px;background:#ffffff04;color:#f1f8ff;font-size:25px;line-height:1;cursor:pointer}
.op-chat-r135 .op-chat-close:hover,.op-chat-r135 .op-chat-stop:hover{background:#ffffff0c;border-color:#b7d1e76b}
.op-chat-r135 .op-chat-mode{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:12px 18px 13px;border:0;border-bottom:1px solid #ffffff12;background:#0e1a2b}
.op-chat-r135 .op-chat-mode legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.op-chat-r135 .op-chat-mode label{box-sizing:border-box;display:flex;align-items:center;gap:8px;min-height:54px;padding:8px 10px;border:1px solid #adc7dd26;border-radius:11px;background:#ffffff03;cursor:pointer}
.op-chat-r135 .op-chat-mode label[data-selected=true]{border-color:#93dbcf8f;background:#8ad7c90f}
.op-chat-r135 .op-chat-mode input{flex-shrink:0;width:15px;height:15px;min-height:0;margin:0;padding:0;accent-color:#9be6d7}
.op-chat-r135 .op-chat-mode strong{display:block;font-size:12px;font-weight:650;color:#e6f2ff;line-height:1.3}
.op-chat-r135 .op-chat-mode small{display:block;margin-top:4px;color:#9db6cc;font-size:9px;line-height:1.3}
.op-chat-r135 .op-chat-feed{min-height:0;overflow:auto;overscroll-behavior:contain;padding:21px 18px;scrollbar-gutter:stable}
.op-chat-r135 .op-chat-welcome{margin:4px 0 22px;max-width:none}
.op-chat-r135 .op-chat-welcome .op-eyebrow{font-size:10px;color:#a2cfcb}
.op-chat-r135 .op-chat-welcome h3{margin:10px 0 13px;font-size:29px;font-weight:550;line-height:1.12;letter-spacing:-.04em}
.op-chat-r135 .op-chat-welcome>p:not(.op-eyebrow){font-size:12px;line-height:1.75;color:#b5c9dd}
.op-chat-r135 .op-chat-starters{display:grid;gap:7px;margin-top:18px}
.op-chat-r135 .op-chat-starters button{display:flex;justify-content:space-between;align-items:center;gap:9px;text-align:left;min-height:44px;padding:10px 12px;border:1px solid #adc7dd26;border-radius:10px;background:#ffffff04;color:#d9e9f7;font:inherit;font-size:11px;line-height:1.5;cursor:pointer}
.op-chat-r135 .op-chat-starters button:hover{background:#9bdbce0b;border-color:#9bdbce6b}
.op-chat-r135 .op-chat-message{max-width:94%;margin:0 0 15px;padding:13px 14px;border:1px solid #adc7dd26;border-radius:13px;background:#17273c}
.op-chat-r135 .op-chat-message-user{margin-left:auto;background:#d7eee8;color:#153c38;border-color:#d7eee8;border-bottom-right-radius:4px}
.op-chat-r135 .op-chat-message-assistant{border-bottom-left-radius:4px}
.op-chat-r135 .op-chat-message[data-chat-provenance=ai-generated-illustrative]{border-style:dashed;border-color:#bfa7f66b}
.op-chat-r135 .op-chat-speaker{margin:0 0 8px;font-size:9px;line-height:1.5;letter-spacing:.055em;text-transform:uppercase;font-weight:700;color:inherit;opacity:.75}
.op-chat-r135 .op-chat-copy{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;text-align:start;font-size:12px;line-height:1.8}
.op-chat-r135 .op-chat-warning{margin:11px 0 0;padding-top:9px;border-top:1px solid #adcadb26;font-size:10px;line-height:1.65;color:#e0cda0}
.op-chat-r135 .op-chat-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.op-chat-r135 .op-chat-links a{display:inline-flex;align-items:center;min-height:32px;border:1px solid #accadc3b;border-radius:8px;padding:4px 9px;color:#b8e8df;text-decoration:none;font-size:10px}
.op-chat-r135 .op-chat-links a:hover{background:#9ee2d60b;border-color:#9ee2d66b}
.op-chat-r135 .op-chat-thinking{padding:4px 0 10px;font-size:11px;line-height:1.6;color:#aac6d9}
.op-chat-r135 .op-chat-thinking>span{margin-right:6px;font-size:7px;letter-spacing:.15em;color:#a8dfd5}
.op-chat-r135 .op-chat-footer{min-height:0;max-height:52dvh;overflow:auto;padding:12px 18px 15px;background:#102035;border-top:1px solid #ffffff12}
.op-chat-r135 .op-chat-mode-note{margin:0 0 9px;font-size:10px;line-height:1.6;color:#aac2d7}
.op-chat-r135 .op-chat-consent{margin:0 0 11px;font-size:10px;line-height:1.65;color:#b3c7db}
.op-chat-r135 .op-chat-consent summary{cursor:pointer;color:#d3eee7;font-weight:650;min-height:28px;line-height:1.6}
.op-chat-r135 .op-chat-consent summary>span{margin-left:8px;color:#92abbe;font-size:9px;font-weight:400}
.op-chat-r135 .op-chat-consent label{display:flex;align-items:flex-start;gap:8px;margin:10px 0;color:#d1dfec}
.op-chat-r135 .op-chat-consent input{flex:0 0 16px;width:16px;height:16px;min-height:0;margin-top:2px;padding:0;accent-color:#a2e3d7}
.op-chat-r135 .op-chat-consent a{color:#afe4db;text-decoration:underline}
.op-chat-r135 .op-chat-compose{position:relative;display:flex;align-items:flex-end;gap:8px}
.op-chat-r135 .op-chat-input-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.op-chat-r135 .op-chat-compose textarea{box-sizing:border-box;display:block;flex:1;min-width:0;min-height:66px;max-height:145px;resize:vertical;padding:11px 12px;border:1px solid #abc5dc40;border-radius:12px;background:#091728;color:#eef6ff;font:inherit;font-size:12px;line-height:1.6}
.op-chat-r135 .op-chat-compose textarea::placeholder{color:#8da6bc}
.op-chat-r135 .op-chat-send{flex:0 0 44px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:12px;background:#b3e6d9;color:#15392f;font-size:24px;line-height:1;cursor:pointer}
.op-chat-r135 .op-chat-send:disabled{opacity:.38;cursor:default}
.op-chat-r135 .op-chat-compose-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:9px;color:#8faac0}
.op-chat-r135 .op-chat-compose-foot button{min-height:28px;padding:3px;border:0;background:transparent;color:#b5d9d1;font:inherit;font-size:10px;text-decoration:underline;cursor:pointer;white-space:nowrap}
.op-chat-r135 .op-chat-error{margin:8px 0 0;color:#ffc3b9;font-size:10px;line-height:1.6}
.op-chat-r135 .op-chat-status{margin:8px 0 0;padding-left:9px;border-left:2px solid #badfd6;color:#b3cddc;font-size:10px;line-height:1.6}
.op-chat-r135 :is(button,a,summary,input,textarea):focus-visible{outline:2px solid #b2ebdf;outline-offset:3px}
@media(max-width:600px){.op-review-guide.op-chat-host.op-chat-r135{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:60px}.op-review-guide.op-chat-r135 .op-chat-launcher{width:60px;height:68px}.op-review-guide.op-chat-r135 .op-chat-dialog{inset:auto 12px max(12px,env(safe-area-inset-bottom)) auto;width:calc(100vw - 24px);height:min(700px,calc(100dvh - 114px));max-height:calc(100dvh - 114px);border-radius:17px}.op-chat-r135 .op-chat-header{padding:12px;gap:8px}.op-chat-r135 .op-chat-identity{gap:8px}.op-chat-r135 .op-chat-identity>.ak-robot{flex-basis:35px;width:35px;height:39px}.op-chat-r135 .op-chat-header h2{font-size:17px}.op-chat-r135 .op-chat-header span{font-size:9px}.op-chat-r135 .op-chat-mode{padding:10px 12px}.op-chat-r135 .op-chat-mode label{padding:7px 8px;gap:6px}.op-chat-r135 .op-chat-mode strong{font-size:11px}.op-chat-r135 .op-chat-mode small{font-size:8px}.op-chat-r135 .op-chat-feed{padding:18px 12px}.op-chat-r135 .op-chat-footer{padding:10px 12px 12px}.op-chat-r135 .op-chat-stop{font-size:9px;padding-inline:6px}.op-chat-r135 .op-chat-compose textarea{font-size:16px}.op-chat-r135 .op-chat-compose-foot{font-size:8px}}
@keyframes op-r135-chat-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.op-chat-r135 *,.op-chat-r135 *::before,.op-chat-r135 *::after{animation:none!important;transition:none!important}.op-chat-r135 .op-chat-launcher:hover{transform:none}}

#skills.op-skills-section{background:#0c1930;color:#f2f6ff;border:1px solid #263a57;border-radius:28px;padding:clamp(24px,3vw,56px);box-shadow:0 18px 54px #02091630}
#skills.op-skills-section .op-section-head p,#skills.op-skills-section .op-small{color:#b9c9de}
.op-skills-explorer{--op-skills-accent:#a8d8ff;--op-skills-text:#f2f6ff;--op-skills-muted:#b9c9de;color:var(--op-skills-text);margin-top:28px}
.op-skills-toolbar{display:flex;align-items:end;gap:28px;justify-content:space-between;margin-bottom:24px}
.op-skills-search{display:grid;gap:9px;flex:1;max-width:620px;color:var(--op-skills-text);font-size:14px;font-weight:700}
.op-skills-search input{width:100%;min-height:50px;box-sizing:border-box;border:1px solid #476381;border-radius:14px;background:#152741;color:#fff;padding:13px 16px;font:inherit;font-size:16px;line-height:1.4}
.op-skills-search input::placeholder{color:#a2b6ce;opacity:1}
.op-skills-search-help{margin:0 0 3px;color:var(--op-skills-muted);font-size:14px;line-height:1.65}
.op-skills-browser{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:22px;align-items:start}
.op-skills-category-rail{display:grid;gap:10px}
.op-skills-category{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:12px;align-items:center;width:100%;min-height:76px;text-align:left;padding:14px;border:1px solid #334b69;border-radius:16px;background:#10223c;color:var(--op-skills-text);cursor:pointer;font:inherit;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.op-skills-category:hover{background:#1b3555;border-color:#6887ad}
.op-skills-category.is-selected{background:#244868;border-color:#a8d8ff;box-shadow:inset 3px 0 0 #b8e2ff}
.op-skills-category-icon,.op-skills-chip-icon{display:grid;place-items:center;flex:none;border-radius:13px;background:#1d3552;line-height:1;font-size:25px;width:44px;height:44px;transform-origin:center}
.op-skills-category.is-selected .op-skills-category-icon{background:#315e83}
.op-skills-category-label{font-size:14px;line-height:1.4;font-weight:700;overflow-wrap:break-word;word-break:normal}
.op-skills-category-label small{display:block;margin-top:5px;color:#c1d3e8;font-size:12px;font-weight:400}
.op-skills-category-arrow{font-size:19px;color:#b5d8f5;transition:transform .18s ease}
.op-skills-category.is-selected .op-skills-category-arrow{transform:translateX(3px)}
.op-skills-panel{min-width:0;min-height:430px;padding:clamp(20px,2.4vw,32px);border:1px solid #3a5271;border-radius:22px;background:#12233d;color:var(--op-skills-text)}
.op-skills-panel-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}
.op-skills-panel-kicker{margin:0 0 9px!important;color:#a8d8ff!important;font-size:12px!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
#skills .op-skills-panel-head h3{margin:0 0 10px;font:inherit;font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#fff;max-width:27ch}
#skills .op-skills-panel-head p{margin:0;color:var(--op-skills-muted);font-size:15px;line-height:1.6;max-width:62ch}
.op-skills-result-count{flex:none;margin-top:2px;padding:8px 11px;background:#244160;border:1px solid #4b6b8b;border-radius:10px;white-space:nowrap;font-size:13px;color:#e2f1ff}
.op-skills-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.op-skills-chip-grid li{min-width:0;margin:0;padding:0}
.op-skills-chip{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:12px;align-items:center;width:100%;min-height:88px;box-sizing:border-box;padding:16px;border:1px solid #3c5575;border-radius:16px;background:#1a3150;color:var(--op-skills-text);cursor:pointer;text-align:left;font:inherit;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}
.op-skills-chip:hover{background:#274866;border-color:#85badf;transform:translateY(-2px)}
.op-skills-chip.is-selected{background:#2b506d;border-color:#b8e2ff;box-shadow:inset 0 0 0 1px #b8e2ff}
.op-skills-chip.is-selected .op-skills-chip-icon{background:#3b6887}
.op-skills-chip-label{min-width:0;display:block}
.op-skills-chip-label strong{display:block;color:#fff;font-size:15px;line-height:1.4;font-weight:700;word-break:normal;overflow-wrap:break-word;hyphens:none}
.op-skills-chip-label small{display:block;color:#c2d4e8;font-size:12px;line-height:1.35;margin-top:6px}
.op-skills-chip-direction{font-size:20px;color:#b6def9;transition:transform .16s ease}
.op-skills-chip.is-selected .op-skills-chip-direction{transform:translate(2px,-2px)}
.op-skills-category-icon.is-activated{animation:op-skills-category-confirm .38s cubic-bezier(.2,.8,.2,1) both}
.op-skills-chip-icon.is-activated{animation:op-skills-chip-confirm .46s cubic-bezier(.18,.7,.25,1) both}
@keyframes op-skills-category-confirm{0%{transform:scale(.92) rotate(-8deg)}55%{transform:scale(1.12) rotate(5deg)}100%{transform:scale(1) rotate(0)}}
@keyframes op-skills-chip-confirm{0%{transform:translateY(0) scale(1)}34%{transform:translateY(-6px) scale(1.14) rotate(-7deg)}68%{transform:translateY(2px) scale(.98) rotate(3deg)}100%{transform:translateY(0) scale(1) rotate(0)}}
.op-skills-evidence{margin-top:26px;padding-top:20px;border-top:1px solid #3c5575;color:var(--op-skills-muted);font-size:13px;line-height:1.5}
.op-skills-evidence p{margin:0 0 11px;font-weight:700;color:#d8e9fa}
.op-skills-evidence ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.op-skills-evidence a{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;padding:9px 12px;border:1px solid #486784;border-radius:10px;background:#1a3150;color:#deefff;text-decoration:none;box-sizing:border-box}
.op-skills-evidence a:hover{background:#2b4b68;border-color:#89bcde}
.op-skills-empty{padding:28px 0;line-height:1.7;color:#d2e2f2}
.op-skills-static-list{padding-top:24px;color:#d2e2f2}
.op-skills-static-list summary{min-height:44px;padding:12px 0;cursor:pointer}
.op-skills-explorer button:focus-visible,.op-skills-explorer input:focus-visible,.op-skills-explorer a:focus-visible,.op-skills-explorer summary:focus-visible{outline:3px solid #b8e2ff;outline-offset:4px}
@media(min-width:1500px){.op-skills-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.op-skills-browser{grid-template-columns:minmax(200px,245px) minmax(0,1fr)}.op-skills-chip-grid{grid-template-columns:minmax(0,1fr)}.op-skills-category{padding:12px;gap:10px}}
@media(max-width:720px){#skills.op-skills-section{border-radius:20px;padding:24px 18px}.op-skills-toolbar{display:block}.op-skills-search-help{margin-top:14px}.op-skills-browser{display:block}.op-skills-category-rail{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px;gap:8px}.op-skills-category{grid-template-columns:34px minmax(0,1fr);padding:12px 10px;gap:9px;min-height:92px}.op-skills-category-icon{width:34px;height:34px;font-size:22px;border-radius:10px}.op-skills-category-arrow{display:none}.op-skills-category-label{font-size:12px}.op-skills-category-label small{font-size:11px}.op-skills-panel{padding:20px 16px;border-radius:18px;min-height:0}.op-skills-panel-head{gap:12px}.op-skills-panel-head h3{font-size:23px}.op-skills-chip{padding:14px;min-height:88px}.op-skills-result-count{padding:7px 8px;font-size:12px}}
@media(max-width:380px){.op-skills-category-rail{grid-template-columns:minmax(0,1fr)}.op-skills-category{min-height:66px}.op-skills-panel-head{display:block}.op-skills-result-count{display:inline-block;margin-top:12px}.op-skills-chip{grid-template-columns:38px minmax(0,1fr) 16px;gap:10px;padding:12px}.op-skills-chip-icon{width:38px;height:38px;font-size:23px}.op-skills-chip-label strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.op-skills-explorer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.op-skills-chip:hover,.op-skills-category-arrow,.op-skills-chip-direction{transform:none!important}}

/* One visible rail; native range thumbs supply keyboard and AT semantics. */
#work-explorer .op-career-range{border:0;min-width:0;margin:0;padding:0;display:block;color:#e5efff;direction:ltr}
#work-explorer .op-career-range legend{display:flex;align-items:baseline;gap:12px;margin-bottom:10px;padding:0;font:600 13px var(--op-sans)}
#work-explorer .op-career-range legend output{color:#b1fff0;font-weight:700;font-variant-numeric:tabular-nums}
#work-explorer .op-career-range-values{display:flex;justify-content:space-between;gap:12px}
#work-explorer .op-career-range-end{display:grid;grid-template-columns:auto auto;gap:3px 10px;min-height:44px;min-width:88px;padding:6px 11px;text-align:left;border:1px solid #5a789c;border-radius:10px;background:#0c1930;color:#e5efff;font:500 12px var(--op-sans);cursor:pointer}
#work-explorer .op-career-range-end strong{font-size:16px;font-variant-numeric:tabular-nums}
#work-explorer .op-career-range-end.op-career-range-from strong{color:#96f5e0}
#work-explorer .op-career-range-end.op-career-range-to strong{color:#c3b9ff}
#work-explorer .op-career-range-focus{grid-column:1/-1;font-size:10px;color:#b6c9e3}
#work-explorer .op-career-range-end:focus-visible{outline:3px solid #fff1af;outline-offset:3px}
#work-explorer .op-career-range-control{position:relative;height:72px;min-width:88px;touch-action:pan-y;cursor:ew-resize}
#work-explorer .op-career-range-track{position:absolute;left:22px;right:22px;top:33px;height:6px;border-radius:4px;background:#536c89;pointer-events:none}
#work-explorer .op-career-range-fill{position:absolute;inset:0;border-radius:4px;background:linear-gradient(90deg,#96f5e0,#b1a6ff)}
#work-explorer .op-career-range-tick{position:absolute;top:-3px;height:12px;width:1px;background:#b9cbe3}
#work-explorer .op-career-range-tick-2018{left:0}
#work-explorer .op-career-range-tick-2020{left:25%}
#work-explorer .op-career-range-tick-2022{left:50%}
#work-explorer .op-career-range-tick-2024{left:75%}
#work-explorer .op-career-range-tick-2026{left:100%}
#work-explorer input.op-career-range-input{position:absolute;inset:0;width:100%;height:72px;min-width:0;min-height:0;margin:0;padding:0;border:0;outline:0;box-shadow:none;border-radius:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none;cursor:ew-resize;touch-action:pan-y}
#work-explorer .op-career-range-input.op-career-range-from{z-index:2}
#work-explorer .op-career-range-input.op-career-range-to{z-index:3}
#work-explorer .op-career-range-control[data-active=from] .op-career-range-from{z-index:4}
#work-explorer .op-career-range-control[data-active=to] .op-career-range-to{z-index:4}
#work-explorer .op-career-range-input::-webkit-slider-runnable-track{height:6px;background:transparent;border:0}
#work-explorer .op-career-range-input::-moz-range-track{height:6px;background:transparent;border:0}
#work-explorer .op-career-range-input::-moz-range-progress{background:transparent}
#work-explorer .op-career-range-input::-webkit-slider-thumb{width:44px;height:44px;margin-top:-19px;border:0;border-radius:50%;background:radial-gradient(circle,#96f5e0 0 9px,#0c1930 10px 13px,transparent 14px);appearance:none;-webkit-appearance:none;pointer-events:auto;cursor:ew-resize;box-shadow:none}
#work-explorer .op-career-range-input::-moz-range-thumb{width:44px;height:44px;border:0;border-radius:50%;background:radial-gradient(circle,#96f5e0 0 9px,#0c1930 10px 13px,transparent 14px);pointer-events:auto;cursor:ew-resize;box-shadow:none}
#work-explorer .op-career-range-to::-webkit-slider-thumb{background:radial-gradient(circle,#c3b9ff 0 9px,#0c1930 10px 13px,transparent 14px)}
#work-explorer .op-career-range-to::-moz-range-thumb{background:radial-gradient(circle,#c3b9ff 0 9px,#0c1930 10px 13px,transparent 14px)}
#work-explorer .op-career-range-input:focus-visible::-webkit-slider-thumb{background:radial-gradient(circle,#fff1af 0 10px,#0c1930 11px 13px,#fff1af 14px 16px,transparent 17px)}
#work-explorer .op-career-range-input:focus-visible::-moz-range-thumb{background:radial-gradient(circle,#fff1af 0 10px,#0c1930 11px 13px,#fff1af 14px 16px,transparent 17px)}
/* Coincident thumbs separate vertically without creating a second timeline. */
#work-explorer .is-coincident .op-career-range-from::-webkit-slider-thumb{transform:translateY(-12px)}
#work-explorer .is-coincident .op-career-range-to::-webkit-slider-thumb{transform:translateY(12px)}
#work-explorer .is-coincident .op-career-range-from::-moz-range-thumb{transform:translateY(-12px)}
#work-explorer .is-coincident .op-career-range-to::-moz-range-thumb{transform:translateY(12px)}
#work-explorer .op-career-range-scale{display:flex;justify-content:space-between;margin:0 10px;font:11px var(--op-sans);font-variant-numeric:tabular-nums;color:#b6c9e3}
#work-explorer .op-career-range-help{margin:10px 0 0;color:#b6c9e3;font:11px/1.55 var(--op-sans);max-width:48ch}
@media(forced-colors:active){#work-explorer .op-career-range-track,#work-explorer .op-career-range-fill{background:Highlight}#work-explorer .op-career-range-input::-webkit-slider-thumb{border:2px solid ButtonText;background:ButtonFace}#work-explorer .op-career-range-input::-moz-range-thumb{border:2px solid ButtonText;background:ButtonFace}#work-explorer .op-career-range-input:focus-visible{outline:2px solid Highlight}}

/* A fluid composition; reading measures belong to text, not the entire screen. */
.op-public.op-world-r121{--op-gutter:clamp(20px,4vw,112px);--op-surface:#0c1728f2;--op-card:#122239;--op-ink:#f3f6fc;--op-muted:#bdccdc;--world-accent:#7be9d9;--op-line:#ffffff24;background:#06121d;color:var(--op-ink)}
.op-navigation-r135{--op-nav-width:calc(100% - 2 * clamp(20px,4vw,112px));--op-nav-max-width:2240px}
.op-public.op-world-r121>:is(.op-section,.op-image-gallery,.op-next,.op-intro,.op-about-header,.op-contact-stage,.op-world-gallery,.op-world-footer){width:calc(100% - 2 * var(--op-gutter));max-width:none;margin:clamp(28px,3vw,72px) auto;padding:clamp(26px,3.5vw,76px);border:1px solid var(--op-line);border-radius:28px;background:var(--op-surface)!important;box-shadow:0 20px 60px #0002}
.op-public.op-world-r121>.op-section:not(.op-lab):not(.op-soft),.op-public.op-world-r121>.op-soft{background:var(--op-surface)!important}
.op-public.op-world-r121>.op-section.op-lab{background:#0b2030!important}
.op-public.op-world-r121 .op-section-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);align-items:end;gap:clamp(24px,4vw,88px);margin-bottom:clamp(28px,3vw,60px)}
.op-public.op-world-r121 .op-section-head>p{max-width:48ch;margin:0;font-size:clamp(16px,1.05vw,20px);line-height:1.7;color:var(--op-muted)}
.op-public.op-world-r121 :is(h2,h3){color:var(--op-ink);text-wrap:balance}
.op-public.op-world-r121 h2{font-size:clamp(32px,3.2vw,68px);line-height:1.1;letter-spacing:-.05em;font-weight:600}
.op-public.op-world-r121 p{color:var(--op-muted)}
.op-public.op-world-r121 .op-eyebrow{color:var(--world-accent);font-size:12px;line-height:1.6;letter-spacing:.12em}
.op-public.op-world-r121 .op-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.op-public.op-world-r121 .op-route-card{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:10px 28px;padding:28px;background:var(--op-card)!important;border-color:#2c4560!important;border-radius:22px;min-width:0;min-height:270px;transform:none}
.op-public.op-world-r121 .op-route-card>.op-reactive{grid-column:1;grid-row:1/-1;min-height:220px;height:100%;border-radius:14px;overflow:hidden}
.op-public.op-world-r121 .op-route-card>:not(.op-reactive){grid-column:2;min-width:0}
.op-public.op-world-r121 .op-route-card h3{font-size:clamp(23px,1.7vw,34px);line-height:1.15;min-height:0;margin:0;letter-spacing:-.035em}
.op-public.op-world-r121 .op-route-card p{font-size:15px;line-height:1.75;margin:0;max-width:48ch;text-align:start;hyphens:none}
.op-public.op-world-r121 .op-route-card .op-card-link{font-size:13px;padding-top:12px;min-height:44px;align-items:center;color:var(--world-accent)}
.op-public.op-world-r121 .op-route-card:hover{transform:translateY(-4px);border-color:var(--world-accent)!important}

/* First screen: deliberate title lines, paired actions, and one evidence rail. */
.op-public.op-world-r121>.op-hero-r135{width:100%;max-width:none;margin:0;padding:clamp(38px,5vh,74px) var(--op-gutter) 32px;display:grid;grid-template-areas:'copy portrait' 'proof proof';grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);column-gap:clamp(32px,5vw,120px);row-gap:24px;align-items:center;min-height:calc(100svh - 104px);background:transparent!important}
.op-public .op-hero-r135 .op-hero-copy{grid-area:copy;display:block;max-width:none;min-width:0;padding:0}
/* The current DOM defines the reading order, including the final private-room link. */
.op-public.op-world-r121 .op-hero-r135 .op-hero-copy>*{order:0;grid-row:auto;grid-column:auto}
.op-public .op-hero-r135 h1{font-family:var(--op-sans);font-size:clamp(54px,4.55vw,116px);font-weight:700;line-height:1.04;letter-spacing:-.065em;margin:22px 0 26px;text-wrap:normal}
.op-animated-title{display:block}
.op-title-line{display:block}
.op-title-line-accent{font-family:'Portfolio Lora',Georgia,serif;font-weight:500;font-style:italic;letter-spacing:-.06em;color:var(--world-accent)}
.op-title-word{display:inline-block;white-space:pre;transform-origin:0 100%}
.op-animated-title[data-title-stage='entering'] .op-title-word{animation:op-title-reveal-r135 .95s cubic-bezier(.2,.8,.2,1) both;animation-delay:0ms}
@keyframes op-title-reveal-r135{from{opacity:0;transform:translateY(.72em) rotateX(24deg);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
.op-public .op-hero-r135 .op-role{font-size:clamp(14px,1vw,19px)!important;font-weight:600;line-height:1.65;margin:0 0 14px;color:#efc88d!important}
.op-public .op-hero-r135 .op-hero-intro{font-size:clamp(17px,1.12vw,22px);line-height:1.65;max-width:52ch;margin:0}
.op-public .op-hero-r135 .op-hero-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;width:min(100%,620px);margin:28px 0 12px;align-items:stretch}
.op-public .op-hero-r135 .op-hero-actions>:is(a,button){width:100%;min-width:0;min-height:72px;padding:15px 20px;border-radius:16px;font-size:14px;line-height:1.4;gap:16px;display:flex;align-items:center;justify-content:space-between}
.op-public .op-hero-r135 .op-hero-actions .cv-book-trigger{background:linear-gradient(120deg,#17696b,#25476b);border-color:#7be9d988;box-shadow:0 12px 30px #0003;color:#fff}
.op-public .op-hero-r135 .op-hero-actions .op-button-secondary{border:1px solid #ffffff42;background:#112336;color:#f3f6fc!important}
.op-public .op-hero-r135 .op-hero-private{font-size:13px;line-height:1.4;min-height:44px;display:inline-flex;gap:14px;color:#bdccdc;border:0;margin:0;text-decoration:underline;text-underline-offset:5px}
.op-public .op-hero-r135 .op-hero-more{font-size:15px!important;line-height:1.7!important;max-width:64ch;margin:20px 0 0!important}
.op-public .op-hero-r135 .op-availability{font-size:12px!important;line-height:1.65;max-width:64ch;margin:12px 0 0!important;color:#aebdd0}
.op-public.op-world-r121 .op-hero-r135>.op-portrait{grid-area:portrait;position:relative;inset:auto;width:min(100%,clamp(280px,44svh,460px));max-width:460px;height:auto;min-height:0;opacity:1;visibility:visible;justify-self:center;align-self:center;margin:0;padding:12px;background:#102031;border:1px solid #426075;border-radius:28px;transform:none;box-shadow:0 30px 80px #0005}
.op-public .op-hero-r135>.op-portrait .op-portrait-media{height:auto;min-height:0;aspect-ratio:4/4.75;border-radius:18px;overflow:hidden;background:#e5e2db}
.op-public .op-hero-r135>.op-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/4.75;object-fit:cover;object-position:50% 24%}
.op-public .op-hero-r135>.op-portrait figcaption{padding:16px 10px 8px;gap:4px}
.op-public .op-hero-r135 .op-proof-r135{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-area:proof;gap:0;width:100%;margin:8px 0 0;padding:0;border:1px solid #ffffff25;border-radius:18px;overflow:hidden;background:#0c1a2bd9;backdrop-filter:blur(14px)}
.op-public .op-hero-r135 .op-proof-r135>.op-proof-item{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:16px;row-gap:8px;padding:22px 26px!important;background:transparent!important;border:0!important;border-radius:0;box-shadow:none;transform:none;min-width:0}
.op-public .op-hero-r135 .op-proof-r135>.op-proof-item+li{border-left:1px solid #ffffff25!important}
.op-proof-number{grid-column:1;grid-row:1/3;font:11px/1.6 var(--op-sans);color:#7be9d9!important;padding-top:5px}
.op-public .op-hero-r135 .op-proof-r135 .op-metric{grid-column:2;font-family:var(--op-sans);font-size:clamp(24px,1.8vw,42px)!important;line-height:1.18;letter-spacing:-.04em;color:#f3f6fc;padding:0}
.op-public .op-hero-r135 .op-proof-r135 .op-metric::after{display:none}
.op-public .op-hero-r135 .op-proof-r135 .op-proof-item>span:last-child{grid-column:2;font-size:13px;line-height:1.5;max-width:45ch;color:#bdccdc!important}
.op-public.op-world-r121 .op-hero-r135[data-hero-stage='entering'] .op-hero-copy>:not(h1){animation:op-hero-detail-r135 .7s cubic-bezier(.2,.8,.2,1) both!important;animation-delay:.36s!important}
.op-public.op-world-r121 .op-hero-r135[data-hero-stage='entering'] .op-hero-actions{animation-delay:.55s!important}
.op-public.op-world-r121 .op-hero-r135[data-hero-stage='entering']>.op-portrait{animation:op-hero-portrait-r135 1.1s cubic-bezier(.16,1,.3,1) .1s both!important}
.op-public.op-world-r121 .op-hero-r135[data-hero-stage='entering'] .op-proof-item{animation:op-hero-detail-r135 .75s ease both!important;animation-delay:.7s!important}
@keyframes op-hero-detail-r135{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes op-hero-portrait-r135{from{opacity:0;translate:34px 18px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@media(min-width:1800px){.op-public .op-hero-r135 .op-title-line{white-space:nowrap}}
@media(max-width:1180px){.op-public.op-world-r121>.op-hero-r135{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:32px}.op-public .op-hero-r135 h1{font-size:clamp(52px,5.3vw,72px)}.op-public .op-hero-r135 .op-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.op-public .op-hero-r135 .op-hero-actions>:is(a,button){min-height:72px}.op-public .op-proof-r135>.op-proof-item{padding-inline:18px!important}.op-public.op-world-r121 .op-route-card{grid-template-columns:1fr}.op-public.op-world-r121 .op-route-card>.op-reactive{grid-row:auto;min-height:180px;height:180px}.op-public.op-world-r121 .op-route-card>:not(.op-reactive){grid-column:1}}
@media(max-width:760px){.op-public.op-world-r121{--op-gutter:20px}.op-public.op-world-r121>:is(.op-section,.op-image-gallery,.op-next,.op-intro,.op-about-header,.op-contact-stage,.op-world-gallery,.op-world-footer){padding:26px 22px;border-radius:22px}.op-public.op-world-r121>.op-hero-r135{grid-template-columns:1fr;grid-template-areas:'copy' 'portrait' 'proof';padding:32px 24px;gap:26px;min-height:0}.op-public .op-hero-r135 h1{font-size:clamp(42px,8.6vw,64px);line-height:1.07;letter-spacing:-.06em;margin:22px 0}.op-public .op-hero-r135 .op-hero-intro{font-size:17px}.op-public .op-hero-r135 .op-hero-actions{grid-template-columns:1fr 1fr;gap:10px}.op-public .op-hero-r135 .op-hero-actions>:is(a,button){min-height:72px;padding:12px;font-size:12px;gap:8px}.op-public .op-hero-r135>.op-portrait{max-width:420px}.op-public .op-hero-r135 .op-proof-r135{grid-template-columns:1fr}.op-public .op-hero-r135 .op-proof-r135>.op-proof-item+li{border-left:0!important;border-top:1px solid #ffffff25!important}.op-public.op-world-r121 .op-section-head{grid-template-columns:1fr;gap:22px}.op-public.op-world-r121 .op-route-grid{grid-template-columns:1fr}.op-public.op-world-r121 .op-route-card{padding:22px;gap:12px}.op-public.op-world-r121 .op-section-head>p{max-width:56ch}}
@media(max-width:760px){.op-public.op-world-r121 .op-hero-r135 .op-hero-copy{padding:22px 18px!important;border:1px solid #ffffff18;border-radius:20px;background:linear-gradient(150deg,#06121da8,#06121d68);backdrop-filter:blur(8px)}}
@media(max-width:480px){.op-public .op-hero-r135 .op-hero-actions{grid-template-columns:1fr}.op-public .op-hero-r135 .op-hero-actions>:is(a,button){min-height:72px}}
@media(max-width:380px){.op-public .op-hero-r135 .op-title-word{white-space:normal}}
@media(prefers-reduced-motion:reduce){.op-animated-title .op-title-word,.op-public.op-world-r121 .op-hero-r135[data-hero-stage] .op-hero-copy>:not(h1),.op-public.op-world-r121 .op-hero-r135[data-hero-stage]>.op-portrait,.op-public.op-world-r121 .op-hero-r135[data-hero-stage] .op-proof-item{animation:none!important;animation-delay:0s!important;opacity:1!important;transform:none!important;translate:none!important;scale:1!important;filter:none!important}}

.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="0"]{animation-delay:0ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="1"]{animation-delay:85ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="2"]{animation-delay:170ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="3"]{animation-delay:255ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="4"]{animation-delay:340ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="5"]{animation-delay:425ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="6"]{animation-delay:510ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="7"]{animation-delay:595ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="8"]{animation-delay:680ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="9"]{animation-delay:765ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="10"]{animation-delay:850ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="11"]{animation-delay:935ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="12"]{animation-delay:1020ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="13"]{animation-delay:1105ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="14"]{animation-delay:1190ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="15"]{animation-delay:1275ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="16"]{animation-delay:1360ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="17"]{animation-delay:1445ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="18"]{animation-delay:1530ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="19"]{animation-delay:1615ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="20"]{animation-delay:1700ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="21"]{animation-delay:1785ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="22"]{animation-delay:1870ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="23"]{animation-delay:1955ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="24"]{animation-delay:2040ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="25"]{animation-delay:2125ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="26"]{animation-delay:2210ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="27"]{animation-delay:2295ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="28"]{animation-delay:2380ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="29"]{animation-delay:2465ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="30"]{animation-delay:2550ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="31"]{animation-delay:2635ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="32"]{animation-delay:2720ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="33"]{animation-delay:2805ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="34"]{animation-delay:2890ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="35"]{animation-delay:2975ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="36"]{animation-delay:3060ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="37"]{animation-delay:3145ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="38"]{animation-delay:3230ms}
.op-animated-title[data-title-stage=entering] .op-title-word[data-word-order="39"]{animation-delay:3315ms}
/* Reading surfaces stay visible at every scroll position; one entrance owns the hero. */
.op-public.op-world-r121 :is(.op-section-head,.op-career article,.op-credential-grid article,.op-work-copy,.op-evidence){animation:none!important;animation-timeline:auto!important;opacity:1!important;transform:none!important}
html[data-public-prerender] #public-prerender :is(.op-portrait-media,.op-portrait-media img,.op-hero-copy>*,.op-intro>.op-eyebrow,.op-lead>p){animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
.op-public.op-world-r121 :is(.op-career article>div:last-child>p,.op-work-copy>p,.op-profile-answers p){text-align:start;hyphens:none;text-wrap:pretty}
.op-public.op-world-r121 .op-career article{grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:clamp(28px,4vw,80px);padding:32px 0}
.op-public.op-world-r121 .op-career h4{font-size:clamp(21px,1.55vw,32px);line-height:1.25;letter-spacing:-.025em;margin:0 0 16px;color:#f3f6fc}
.op-public.op-world-r121 .op-career article>div:last-child>p{font-size:clamp(16px,1.1vw,20px);line-height:1.75;max-width:65ch;margin-bottom:22px}
.op-public.op-world-r121 .op-career-capabilities{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.op-public.op-world-r121 .op-career-capabilities li{padding:0;border:0;background:none;max-width:100%;font:inherit}
.op-career-capabilities :is(a,li>span){display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 14px;border:1px solid #45657e;border-radius:12px;background:#122b40;color:#e9f3fc;text-decoration:none;font:500 13px/1.5 var(--op-sans)}
.op-career-capabilities a>span:nth-child(2){text-wrap:pretty}
.op-career-capability-icon{display:grid;place-items:center;flex:0 0 24px;font-size:19px;transform-origin:50% 100%}
.op-career-capabilities svg{width:18px;height:18px;flex:none;margin-left:auto;transition:translate .2s}
.op-career-capabilities a:is(:hover,:focus-visible),.op-career-capabilities li[data-active] a{border-color:#7be9d9;background:#173d4b}
.op-career-capabilities a:is(:hover,:focus-visible) svg{translate:3px 0}
.op-career-capabilities li[data-active] .op-career-capability-icon{animation:op-career-confirm-r135 .45s ease-out}
@keyframes op-career-confirm-r135{0%{scale:1}45%{scale:1.18;translate:0 -3px}100%{scale:1;translate:0 0}}
.op-practice a.op-practice-link{display:inline-flex;max-width:100%;color:inherit;text-decoration:none;border-radius:14px}
.op-practice-link:hover{outline:1px solid #7be9d9;outline-offset:3px}
.op-public.op-world-r121 .op-next{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:40px;align-items:center}
.op-public.op-world-r121 .op-next h2{font-size:clamp(30px,3vw,60px);max-width:23ch;margin:10px 0 22px}
.op-public.op-world-r121 .op-next>div>p:not(.op-eyebrow){font-size:17px;line-height:1.65;max-width:56ch}
.op-public.op-world-r121 .op-next .op-actions{display:grid;gap:15px;margin:0;min-width:0}
.op-public.op-world-r121 .op-button-light{background:#7be9d9;color:#082332!important;border:1px solid #9df6e8;min-height:54px;border-radius:14px;font-weight:650}
.op-public.op-world-r121 .op-quick-navigation button.op-quick-launcher{background:#162b40;color:#e9f3fc;border:1px solid #536f8a;min-height:48px;border-radius:12px;padding:12px 16px}
.op-public.op-world-r121 .op-quick-navigation button.op-quick-launcher kbd{background:#0a182b;color:#bdccdc;border:1px solid #60758d}
.op-public.op-world-r121 .op-quick-dialog{background:#0c1a2b;color:#edf5ff;border-color:#536f8a;box-shadow:0 20px 85px #0008}
.op-public.op-world-r121 .op-quick-dialog::backdrop{background:#030b1bc2}
.op-public.op-world-r121 .op-quick-dialog :is(h2,h3,.op-quick-input,.op-quick-results a,.op-quick-results strong){color:#edf5ff}
.op-public.op-world-r121 .op-quick-dialog :is(p,.op-quick-results small,.op-quick-kind){color:#bdccdc}
.op-public.op-world-r121 .op-quick-dialog .op-eyebrow{color:#7be9d9}
.op-public.op-world-r121 .op-quick-dialog .op-quick-head button{background:#162b40;color:#edf5ff;border-color:#536f8a}
.op-public.op-world-r121 .op-quick-dialog .op-quick-input input{background:#071421;color:#edf5ff;border-color:#536f8a}
.op-public.op-world-r121 .op-quick-dialog .op-quick-input input::placeholder{color:#a8bbce}
.op-public.op-world-r121 .op-quick-dialog .op-quick-results a{border-color:#ffffff24}
.op-public.op-world-r121 .op-quick-dialog .op-quick-results a:is(:hover,:focus-visible){background:#17384a}
.op-public.op-world-r121 .op-quick-dialog .op-quick-empty a{color:#7be9d9}
.op-public.op-world-r121 .op-quick-dialog :focus-visible{outline-color:#7be9d9}
.op-public.op-world-r121 .op-case-detail .op-detail-metric{color:#7be9d9}
.op-public.op-world-r121 .op-next .op-link{color:#bdccdc;min-height:44px;display:flex;align-items:center}
/* The legacy footer belongs to the old routes, including the protected room. */
.min-h-screen:has(.op-public.op-world-r121)>footer.noise.bg-ink{display:none}
.op-footer-r135 .op-footer-top h2{font-size:clamp(36px,4vw,86px);line-height:1.08;max-width:18ch;margin:0}
.op-footer-r135 .op-footer-top h2 em{font-family:'Portfolio Lora',Georgia,serif;color:#7be9d9;font-weight:500;letter-spacing:-.045em}
.op-footer-r135 .op-footer-top .op-button{gap:14px;min-height:60px;padding:16px 24px;min-width:220px;border-radius:16px}
.op-footer-r135 .op-footer-top svg{width:25px;height:25px;flex:none}
.op-footer-r135 .op-footer-links{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:50px;padding-top:40px;margin-top:45px}
.op-footer-r135 .op-footer-links nav a{justify-content:space-between;width:fit-content;min-width:190px;text-decoration:none;font-size:15px;line-height:1.5}
.op-footer-r135 .op-footer-links .cv-book-trigger{min-width:240px;justify-content:flex-start}
.op-footer-r135 .op-footer-links .cv-book-trigger small{font-size:10px}
.op-footer-bottom{display:flex;justify-content:space-between;align-items:end;gap:24px;border-top:1px solid #ffffff24;margin-top:40px;padding-top:24px}
.op-footer-bottom p{font-size:13px;line-height:1.7;max-width:65ch;margin:0}.op-footer-bottom small{font-size:11px;color:#8fa6bf;white-space:nowrap}
.op-public.op-world-r121 .cv-book-header h2{font-size:clamp(25px,2.5vw,42px);letter-spacing:-.035em;line-height:1.12}
.op-public.op-world-r121 .cv-book-trigger small{color:inherit}
@media(max-width:1024px){.op-public.op-world-r121 .op-career article{grid-template-columns:1fr;gap:22px}.op-public.op-world-r121 .op-next{grid-template-columns:1fr}.op-footer-r135 .op-footer-links{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.op-footer-r135 .op-footer-links{grid-template-columns:1fr;gap:26px}.op-footer-bottom{display:grid;align-items:start}.op-footer-r135 .op-footer-top h2{font-size:clamp(34px,8vw,56px)}.op-career-capabilities :is(a,li>span){font-size:12px;padding:10px 12px}.op-public.op-world-r121 .op-next h2{font-size:clamp(30px,7.5vw,44px)}}
@media(prefers-reduced-motion:reduce){.op-career-capability-icon{animation:none!important}.op-career-capabilities svg{transition:none!important;translate:none!important}}

@media(max-width:760px){.op-public .op-hero-r135 .op-title-line-accent{font-size:clamp(34px,8.7vw,56px)}}
@media(max-width:380px){.op-public .op-hero-r135 .op-title-line-accent{font-size:32px}}

/* Open reading bands replace repeated enclosing cards; controls keep their affordance. */
.op-public.op-world-r121>:is(.op-section,.op-image-gallery,.op-next,.op-intro,.op-about-header,.op-contact-stage,.op-world-gallery,.op-world-footer){width:100%;max-width:none;margin:0;padding:clamp(56px,6vw,116px) var(--op-gutter);border:0;border-radius:0;background:linear-gradient(90deg,#08172600,#081726f2 var(--op-gutter),#081726ee calc(100% - var(--op-gutter)),#08172600)!important;box-shadow:none}
.op-public.op-world-r121>.op-section:not(.op-lab):not(.op-soft),.op-public.op-world-r121>.op-soft{background:linear-gradient(90deg,#08172600,#081726f2 var(--op-gutter),#081726ee calc(100% - var(--op-gutter)),#08172600)!important}
.op-public.op-world-r121>.op-section.op-lab{background:#0b2030f2!important}
.op-public.op-world-r121>:is(.op-intro,.op-about-header){border-top:0;padding-top:clamp(44px,5vw,88px)}
.op-public.op-world-r121>.op-world-footer{background:#071422f2!important}

/* Linked route summaries read as entries, rather than four matching slides. */
.op-public.op-world-r121 .op-route-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(32px,5vw,104px);row-gap:28px;align-items:start}
.op-public.op-world-r121 .op-route-card{grid-template-columns:minmax(120px,.55fr) minmax(0,1fr);padding:24px 0;min-height:250px;border:0!important;border-top:1px solid #7895ac55!important;border-radius:0;background:transparent!important;box-shadow:none;overflow:visible;transform:none}
.op-public.op-world-r121 .op-route-card:hover{border-top-color:#7be9d9!important;transform:none;box-shadow:none}
.op-public.op-world-r121 .op-route-card>.op-reactive{min-height:200px;height:100%;border-radius:4px;box-shadow:none}
.op-public.op-world-r121 .op-route-card:focus-visible{outline:3px solid #7be9d9;outline-offset:7px}
.op-public.op-world-r121 .op-hero-r135 .op-proof-r135{border:0;border-block:1px solid #ffffff25;border-radius:0;background:#0a1b2de8;box-shadow:none}

/* Experience and evidence keep reading contrast without another outer box. */
.op-public.op-world-r121 .op-career article{border:0;border-top:1px solid #7895ac55;border-radius:0;background:none;box-shadow:none;padding-block:38px}
.op-public.op-world-r121 .op-work-area{border-radius:0;background:none;box-shadow:none}
.op-public.op-world-r121 .op-company-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 clamp(28px,5vw,100px)}
.op-public.op-world-r121 .op-company-grid article{padding:32px 0;border:0!important;border-top:1px solid #7895ac55!important;border-radius:0;background:transparent!important;box-shadow:none;transform:none;overflow:visible}
.op-public.op-world-r121 .op-credential-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px clamp(32px,6vw,120px)}
.op-public.op-world-r121 .op-credential-grid article{padding:0 0 28px;border:0!important;border-bottom:1px solid #7895ac55!important;border-radius:0;background:transparent!important;box-shadow:none;overflow:visible}
.op-public.op-world-r121 .op-certificate-open img{border-radius:3px}
.op-public.op-world-r121 .op-recommendation-grid{gap:32px clamp(32px,5vw,104px);align-items:start}
.op-public.op-world-r121 .op-recommendation{padding:28px 0;border:0!important;border-top:1px solid #7895ac55!important;border-radius:0;background:transparent!important;box-shadow:none;transform:none;overflow:visible}
.op-public.op-world-r121 .op-recommendation q{font-size:clamp(17px,1.15vw,22px);line-height:1.8}

/* The 72 skills remain real selectable buttons; only their large enclosing panel opens up. */
.op-public.op-world-r121 #skills.op-skills-section{border:0;border-radius:0;padding:clamp(56px,6vw,116px) var(--op-gutter);background:linear-gradient(90deg,#0b192b00,#0b192bf2 var(--op-gutter),#0b192bf2 calc(100% - var(--op-gutter)),#0b192b00)!important;box-shadow:none}
.op-public.op-world-r121 .op-skills-browser{gap:clamp(24px,4vw,76px)}
.op-public.op-world-r121 .op-skills-panel{border:0;border-left:1px solid #496780;border-radius:0;padding:8px 0 8px clamp(22px,3vw,48px);background:transparent}
.op-public.op-world-r121 .op-skills-category,.op-public.op-world-r121 .op-skills-chip{border-radius:8px}
.op-public.op-world-r121 .op-skills-chip{min-height:88px;background:#17314ceF}
.op-public.op-world-r121 .op-skills-chip:hover{background:#274866}
.op-public.op-world-r121 .op-skills-chip.is-selected{background:#2b506d;border-color:#b8e2ff;box-shadow:inset 0 0 0 1px #b8e2ff}
.op-public.op-world-r121 .op-skills-explorer :is(button,input,a,summary):focus-visible{outline:3px solid #b8e2ff;outline-offset:4px}

/* Work and tools use varied editorial columns, retaining every link and comparison control. */
.op-public.op-world-r121 .op-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px clamp(32px,5vw,100px)}
.op-public.op-world-r121 .op-case-card{border:0!important;border-top:1px solid #7895ac55!important;border-radius:0;background:transparent!important;box-shadow:none;transform:none}
.op-public.op-world-r121 .op-case-card:hover{border-top-color:#7be9d9!important;box-shadow:none}
.op-public.op-world-r121 .op-case-card-copy{padding:22px 0 20px}
.op-public.op-world-r121 .op-tool-world{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px clamp(32px,5vw,100px)}
.op-public.op-world-r121 .op-tool-card{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1fr);gap:24px;padding:24px 0;border:0!important;border-top:1px solid #7895ac55!important;border-radius:0;background:transparent!important;box-shadow:none;transform:none;overflow:visible}
.op-public.op-world-r121 .op-tool-card>div:last-child{padding:0}
.op-public.op-world-r121 .op-tool-card>.op-reactive{height:220px;border-radius:4px}

/* One feature and a compact selector; the portrait is an original image, not a third concept. */
.op-public.op-world-r121 .op-world-gallery-grid{grid-template-columns:minmax(0,1.55fr) minmax(270px,.7fr);gap:clamp(28px,4vw,88px);align-items:start}
.op-public.op-world-r121 .op-world-feature{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.op-public.op-world-r121 .op-world-feature>figure.op-reactive{display:grid;grid-template-rows:minmax(0,1fr) auto;height:370px;margin:0;border-radius:4px}
.op-public.op-world-r121 .op-world-feature>figure.op-reactive>.op-reactive-view{height:100%;min-height:0;aspect-ratio:auto}
.op-public.op-world-r121 .op-world-feature>div:last-child{padding:26px 0 0;max-width:70ch}
.op-public.op-world-r121 .op-world-chapters{gap:0;border-top:1px solid #7895ac55}
.op-public.op-world-r121 .op-world-chapters button{display:grid;grid-template-columns:52px minmax(0,1fr) 20px;gap:16px;min-height:112px;padding:20px 4px;border:0;border-bottom:1px solid #7895ac55;border-radius:0;background:transparent;color:#eff6ff;box-shadow:none;transform:none}
.op-public.op-world-r121 .op-world-chapters button[aria-pressed=true]{border-bottom-color:#7be9d9;background:linear-gradient(90deg,#173c4be8,#102637d9)!important;padding-inline:12px}
.op-public.op-world-r121 .op-world-chapters button:is(:hover,:focus-visible){background:#153246e8}
.op-public.op-world-r121 .op-world-chapters button:focus-visible{outline:3px solid #7be9d9;outline-offset:4px}
.op-public.op-world-r121 .op-world-chapters button strong{font-size:clamp(17px,1.3vw,24px);line-height:1.3}
.op-public.op-world-r121 .op-world-chapters button>span:nth-child(2){gap:6px;min-width:0}
.op-public.op-world-r121 .op-world-chapters button>span:nth-child(2)>span{font-size:12px;line-height:1.5}
.op-public.op-world-r121 .op-world-chapters>p{padding-top:18px;margin:0;line-height:1.75}
.op-public.op-world-r121 .op-chapter-symbol{display:grid;place-items:center;width:52px;height:52px;color:#93ede0;transform:none;transition:none}
.op-public.op-world-r121 .op-world-chapters button:hover .op-chapter-symbol{transform:none}
.op-chapter-glyph{display:block;width:48px;height:48px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.op-chapter-glyph :is(.op-gallery-glyph-fit-left,.op-gallery-glyph-fit-right,.op-gallery-glyph-slide,.op-gallery-glyph-face){transform-box:fill-box;transform-origin:center;transition:transform .36s cubic-bezier(.2,.8,.2,1)}
.op-world-chapters button:is(:hover,:focus-visible,[aria-pressed=true]) .op-gallery-glyph-fit-left{transform:translateX(4px)}
.op-world-chapters button:is(:hover,:focus-visible,[aria-pressed=true]) .op-gallery-glyph-fit-right{transform:translateX(-4px)}
.op-world-chapters button:is(:hover,:focus-visible,[aria-pressed=true]) .op-gallery-glyph-slide{transform:translateX(-5px)}
.op-world-chapters button:is(:hover,:focus-visible,[aria-pressed=true]) .op-gallery-glyph-face{transform:translateY(-3px)}
.op-public.op-world-r121 .op-gallery-portrait{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.65fr);align-items:end;gap:28px;margin:0;padding:0;background:#0d2132eF;border:0;border-radius:0;min-height:370px}
.op-public.op-world-r121 .op-gallery-portrait img{display:block;width:100%;max-width:370px;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;justify-self:center}
.op-public.op-world-r121 .op-gallery-portrait figcaption{padding:24px 24px 28px 0;color:#c6d8e7;font-size:14px;line-height:1.75;max-width:28ch}

/* The opening owns its brief interval, including controls in other stacking contexts. */
html:is([data-portfolio-entrance-stage='preparing'],[data-portfolio-entrance-stage='revealing']) #root :is(.op-navigation-r135,.op-review-guide){opacity:0!important;pointer-events:none!important;transition:none!important}
.op-public.op-world-r121 .op-opening{z-index:120}
.op-public.op-world-r121 .op-opening .op-opening-skip{background:#091820;color:#eff6f4;z-index:2}

@media(max-width:1180px){.op-public.op-world-r121 .op-route-card{grid-template-columns:1fr}.op-public.op-world-r121 .op-route-card>.op-reactive{height:200px;min-height:0;grid-row:auto}.op-public.op-world-r121 .op-route-card>:not(.op-reactive){grid-column:1}.op-public.op-world-r121 .op-tool-card{grid-template-columns:1fr}.op-public.op-world-r121 .op-gallery-portrait{grid-template-columns:1fr;gap:0;min-height:0}.op-public.op-world-r121 .op-gallery-portrait figcaption{padding:18px 24px;max-width:none}}
@media(max-width:760px){.op-public.op-world-r121>:is(.op-section,.op-image-gallery,.op-next,.op-intro,.op-about-header,.op-contact-stage,.op-world-gallery,.op-world-footer),.op-public.op-world-r121 #skills.op-skills-section{padding:48px var(--op-gutter);border-radius:0}.op-public.op-world-r121 :is(.op-route-grid,.op-company-grid,.op-credential-grid,.op-recommendation-grid,.op-case-grid,.op-tool-world,.op-world-gallery-grid){grid-template-columns:minmax(0,1fr);gap:28px}.op-public.op-world-r121 .op-skills-panel{border:0;border-top:1px solid #496780;padding:24px 0 0}.op-public.op-world-r121 .op-world-feature>figure.op-reactive{height:270px}.op-public.op-world-r121 .op-world-chapters{display:grid;grid-template-columns:minmax(0,1fr)}.op-public.op-world-r121 .op-world-chapters button{min-height:94px;padding-block:16px}.op-public.op-world-r121 .op-gallery-portrait img{max-width:310px}.op-public.op-world-r121 .op-credential-grid article{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.op-chapter-glyph :is(.op-gallery-glyph-fit-left,.op-gallery-glyph-fit-right,.op-gallery-glyph-slide,.op-gallery-glyph-face){transition:none!important;transform:none!important}}

/* Contact owns its palette independently of .op-public and the legacy utilities.
   The frozen form, fields, validation, honeypot and Turnstile stay unchanged. */
.op-contact-r135{--contact-ink:#f3f6fc;--contact-muted:#bdccdc;--contact-accent:#7be9d9;--contact-line:#3b526b;--contact-card:#112238;--contact-field:#091725}
.op-contact-r135 #op-secure-contact{width:calc(100% - 2 * var(--op-gutter,4vw));max-width:none;min-width:0;margin:clamp(32px,4vw,80px) auto;padding:0;background:transparent;color:var(--contact-ink);font-family:var(--op-sans,Arial,sans-serif)}
.op-contact-r135 #op-secure-contact>section{padding:0;background:transparent;color:var(--contact-ink)}
.op-contact-r135 #op-secure-contact .section-shell{width:100%;max-width:none;min-width:0;margin:0;padding:0;gap:clamp(28px,4vw,80px)}
.op-contact-r135 #op-secure-contact>section:first-of-type{padding:clamp(26px,3.5vw,64px);border:1px solid var(--contact-line);border-radius:26px;background:#0c1b2c}
.op-contact-r135 #op-secure-contact>section:first-of-type>.section-shell{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end}
.op-contact-r135 #op-secure-contact h1{max-width:18ch;margin:18px 0 0;font-family:var(--op-sans,Arial,sans-serif);font-size:clamp(38px,4.6vw,84px);line-height:1.08;font-weight:650;letter-spacing:-.05em;text-wrap:balance;color:var(--contact-ink)}
.op-contact-r135 #op-secure-contact h2{color:var(--contact-ink);font-family:var(--op-sans,Arial,sans-serif);line-height:1.15}
.op-contact-r135 #op-secure-contact p{color:var(--contact-muted);line-height:1.7;text-align:start;hyphens:none}
.op-contact-r135 #op-secure-contact p.leading-8[class~="text-paper/62"]{margin:0;font-size:clamp(16px,1.12vw,21px);line-height:1.7;color:var(--contact-muted);max-width:45ch}
.op-contact-r135 #op-secure-contact .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.12em;color:var(--contact-accent)}
.op-contact-r135 #op-secure-contact>section:last-of-type{margin-top:clamp(24px,3vw,56px)}
.op-contact-r135 #op-secure-contact>section:last-of-type>.section-shell{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);align-items:start}
.op-contact-r135 #op-secure-contact aside{min-width:0;padding:clamp(24px,2.5vw,44px);border:1px solid var(--contact-line);border-radius:24px;background:#0d1d30}
.op-contact-r135 #op-secure-contact aside :is(a,p){font-size:15px;line-height:1.65;color:var(--contact-ink)}
.op-contact-r135 #op-secure-contact aside a{gap:14px;min-height:48px;text-decoration:none;overflow-wrap:anywhere;border-color:var(--contact-line)}
.op-contact-r135 #op-secure-contact aside a:hover{color:var(--contact-accent);border-color:var(--contact-accent)}
.op-contact-r135 #op-secure-contact aside svg{color:var(--contact-accent);flex:none}
.op-contact-r135 #op-secure-contact div[class~="bg-white/55"]{min-width:0;padding:clamp(24px,3vw,52px);background:var(--contact-card);color:var(--contact-ink);border:1px solid var(--contact-line);border-radius:26px;box-shadow:0 20px 60px #0003}
.op-contact-r135 #op-secure-contact form{min-width:0;gap:24px}
.op-contact-r135 #op-secure-contact form>div[class~="sm:grid-cols-2"]{gap:24px}
.op-contact-r135 #op-secure-contact label{color:var(--contact-ink);font-size:14px;line-height:1.6;font-weight:600}
.op-contact-r135 #op-secure-contact .field{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;border:1px solid #536b85;border-radius:12px;padding:13px 15px;background:var(--contact-field);color:var(--contact-ink);font:400 16px/1.55 var(--op-sans,Arial,sans-serif);box-shadow:none;color-scheme:dark}
.op-contact-r135 #op-secure-contact input.field{min-height:52px}
.op-contact-r135 #op-secure-contact textarea.field{min-height:220px;resize:vertical}
.op-contact-r135 #op-secure-contact .field::placeholder{color:#a8b9ce;opacity:1}
.op-contact-r135 #op-secure-contact .field:focus{border-color:var(--contact-accent);box-shadow:0 0 0 3px #7be9d924}
.op-contact-r135 #op-secure-contact .field[aria-invalid="true"]{border-color:#ffb4b6;box-shadow:0 0 0 1px #ffb4b6}
.op-contact-r135 #op-secure-contact :is(input,textarea).field:autofill{background:var(--contact-field);color:var(--contact-ink)}
.op-contact-r135 #op-secure-contact input.field:-webkit-autofill{-webkit-text-fill-color:var(--contact-ink);caret-color:var(--contact-ink);box-shadow:0 0 0 1000px var(--contact-field) inset}
.op-contact-r135 #op-secure-contact [class~="text-ink/60"]{color:var(--contact-muted);line-height:1.65}
.op-contact-r135 #op-secure-contact :is(p[role="alert"],[class~="text-red-700"]){color:#ffb4b6;font-size:14px;line-height:1.65}
.op-contact-r135 #op-secure-contact [role="status"] :is(h2,p){max-width:46ch;margin-inline:auto;color:var(--contact-ink)}
.op-contact-r135 #op-secure-contact [role="status"] svg{color:var(--contact-accent)}
.op-contact-r135 #op-secure-contact form button[type="submit"]{min-width:172px;min-height:54px;padding:14px 22px;border:1px solid #a4f6e9;border-radius:13px;background:var(--contact-accent);color:#082332;font:650 14px/1.5 var(--op-sans,Arial,sans-serif);box-shadow:none;gap:12px}
.op-contact-r135 #op-secure-contact form button[type="submit"]:hover:not(:disabled){background:#a4f6e9;color:#082332;translate:none}
.op-contact-r135 #op-secure-contact form button[type="submit"]:disabled{opacity:1;background:#293c52;color:#aebed1;border-color:#536b85;cursor:not-allowed;translate:none}
.op-contact-r135 #op-secure-contact :is(a,button,input,textarea,select):focus-visible{outline:3px solid var(--contact-accent);outline-offset:4px}
/* The cross-origin challenge keeps its own vendor light theme and real status.
   No iframe filtering, opacity, hidden challenge, token or callback changes. */
.op-contact-r135 #op-secure-contact .op-security-help{padding:16px 18px;border:1px solid var(--contact-line);border-radius:12px;background:#172d43}
.op-contact-r135 #op-secure-contact .op-security-help p{margin:0 0 12px;font-size:14px;color:var(--contact-muted)}
.op-contact-r135 #op-secure-contact .op-security-actions{display:flex;flex-wrap:wrap;gap:12px 24px}
.op-contact-r135 #op-secure-contact .op-security-actions :is(a,button){min-height:44px;background:transparent;color:var(--contact-accent);border-color:var(--contact-accent);font-size:14px}

/* This is the actual QuickNavigate class, rather than the unused quick-trigger.
   The extra component scope wins the inherited general button color rule. */
.op-contact-r135 .op-contact-stage .op-quick-navigation button.op-quick-launcher{margin-top:20px;max-width:100%;min-height:52px;padding:13px 17px;border:1px solid #607b98;border-radius:12px;background:#152b42;color:var(--contact-ink);font:600 14px/1.5 var(--op-sans,Arial,sans-serif);gap:14px;translate:none;box-shadow:none}
.op-contact-r135 .op-contact-stage .op-quick-navigation button.op-quick-launcher:hover{background:#203c54;border-color:var(--contact-accent)}
.op-contact-r135 .op-contact-stage .op-quick-navigation .op-quick-launcher kbd{border:1px solid #607b98;border-radius:6px;background:#0a192b;color:var(--contact-muted);font-size:11px;padding:4px 7px}
.op-contact-r135 .op-quick-dialog{background:#0e1d30;color:var(--contact-ink);border-color:#607b98;border-radius:20px;color-scheme:dark}
.op-contact-r135 .op-quick-dialog :is(h2,strong,label){color:var(--contact-ink)}
.op-contact-r135 .op-quick-dialog :is(p,small){color:var(--contact-muted)}
.op-contact-r135 .op-quick-dialog .op-eyebrow{color:var(--contact-accent)}
.op-contact-r135 .op-quick-navigation .op-quick-dialog .op-quick-head button{background:#172f48;border-color:#607b98;color:var(--contact-ink)}
.op-contact-r135 .op-quick-dialog .op-quick-input input{background:#091725;border-color:#607b98;color:var(--contact-ink)}
.op-contact-r135 .op-quick-dialog .op-quick-results a{color:var(--contact-ink);border-color:var(--contact-line)}
.op-contact-r135 .op-quick-dialog .op-quick-results a:hover{background:#172f48}
.op-contact-r135 .op-quick-dialog .op-quick-kind{color:var(--contact-accent)}
.op-contact-r135 .op-quick-dialog :is(a,button,input):focus-visible{outline:3px solid var(--contact-accent);outline-offset:3px}
@media(max-width:980px){.op-contact-r135 #op-secure-contact>section:first-of-type>.section-shell,.op-contact-r135 #op-secure-contact>section:last-of-type>.section-shell{grid-template-columns:minmax(0,1fr);gap:28px}.op-contact-r135 #op-secure-contact h1{max-width:24ch}.op-contact-r135 #op-secure-contact p.leading-8[class~="text-paper/62"]{max-width:62ch}}
@media(max-width:600px){.op-contact-r135 #op-secure-contact{width:calc(100% - 40px);margin:28px auto 44px}.op-contact-r135 #op-secure-contact>section:first-of-type,.op-contact-r135 #op-secure-contact aside,.op-contact-r135 #op-secure-contact div[class~="bg-white/55"]{padding:24px 20px;border-radius:20px}.op-contact-r135 #op-secure-contact h1{font-size:clamp(34px,8.6vw,48px);line-height:1.1}.op-contact-r135 #op-secure-contact form>div[class~="sm:grid-cols-2"]{grid-template-columns:minmax(0,1fr)}.op-contact-r135 #op-secure-contact form button[type="submit"]{width:100%}.op-contact-r135 .op-contact-stage .op-quick-navigation button.op-quick-launcher{width:100%;justify-content:space-between}.op-contact-r135 .op-contact-stage .op-quick-navigation .op-quick-launcher kbd{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.op-contact-r135 #op-secure-contact :is(a,button,input,textarea),.op-contact-r135 .op-contact-stage .op-quick-navigation button.op-quick-launcher{transition:none;translate:none}}

/* The secure conversation leads the route; fields remain bounded controls. */
.op-public.op-contact-r135 #op-secure-contact{width:100%;margin:clamp(96px,9vw,148px) 0 32px;padding:clamp(28px,4vw,64px) var(--op-gutter);box-sizing:border-box;background:linear-gradient(90deg,#08172600,#081726f2 var(--op-gutter),#081726ee calc(100% - var(--op-gutter)),#08172600)}
.op-public.op-contact-r135 #op-secure-contact>section:first-of-type{padding:0;border:0;border-radius:0;background:transparent}
.op-public.op-contact-r135 #op-secure-contact aside,.op-public.op-contact-r135 #op-secure-contact div[class~="bg-white/55"]{padding:28px 0 0;border:0;border-top:1px solid var(--contact-line);border-radius:0;background:transparent;box-shadow:none}
.op-public.op-contact-r135>.op-contact-context-r135{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;padding-block:clamp(36px,4vw,64px)}
.op-public.op-contact-r135 .op-contact-context-r135 .op-contact-stage-copy{max-width:52ch}
.op-public.op-contact-r135 .op-contact-context-r135 .op-contact-stage-scene{height:auto;min-height:0}
@media(max-width:760px){.op-public.op-contact-r135 #op-secure-contact{margin-top:100px;padding:24px var(--op-gutter)}.op-public.op-contact-r135>.op-contact-context-r135{grid-template-columns:minmax(0,1fr);gap:24px}.op-public.op-contact-r135 #op-secure-contact aside,.op-public.op-contact-r135 #op-secure-contact div[class~="bg-white/55"]{padding-top:24px}}

/* V31 contact frame/focus: no form, vendor challenge, API or validation changes. */
.op-public[data-site-design="cinematic-v31"].op-contact-r135{--contact-ink:#eff9fb;--contact-muted:#bed0d9;--contact-accent:#43e2ed;--contact-line:#365866;--contact-card:#091b25;--contact-field:#05141e;}
.op-public[data-site-design="cinematic-v31"].op-contact-r135 #op-secure-contact{background:linear-gradient(110deg,#031018,#071b26ed 64%,#05151c);}
.op-public[data-site-design="cinematic-v31"].op-contact-r135 #op-secure-contact h1{max-width:20ch;text-wrap:balance;line-height:1.08;}
.op-public[data-site-design="cinematic-v31"].op-contact-r135 #op-secure-contact :is(p,label){text-wrap:pretty;}
.op-public[data-site-design="cinematic-v31"].op-contact-r135 #op-secure-contact div[class~="bg-white/55"]{padding:clamp(22px,2.6vw,42px);border:1px solid var(--contact-line);border-radius:18px;background:linear-gradient(150deg,#122c37cf,#05131dcf);box-shadow:inset 0 1px 0 #c6f7ff18,0 20px 55px #0003;}
.op-public[data-site-design="cinematic-v31"].op-contact-r135 #op-secure-contact .field{border-radius:9px;border-color:#365a6b;transition:border-color .25s,box-shadow .25s;background:#06151e;color:var(--contact-ink);}
.op-public[data-site-design="cinematic-v31"].op-contact-r135 #op-secure-contact .field:focus{border-color:#74ecf4;box-shadow:0 0 0 4px #36dce812,inset 0 1px 0 #b5f8ff12;}
.op-public[data-site-design="cinematic-v31"].op-contact-r135 #op-secure-contact .field[aria-invalid="true"]{border-color:#eeac97;box-shadow:0 0 0 2px #ed9b7f16;}
.op-public[data-site-design="cinematic-v31"].op-contact-r135 #op-secure-contact :is(p[role="alert"],[class~="text-red-700"]){color:#ffc4b4;}
.op-public[data-site-design="cinematic-v31"].op-contact-r135 #op-secure-contact .op-security-help{background:#0b212c;border-color:#395d6a;}
.op-public[data-site-design="cinematic-v31"].op-contact-r135 #op-secure-contact form button[type="submit"]{border-radius:9px;box-shadow:inset 0 1px 0 #e2ffff75,0 8px 24px #00bace15;}
.op-public[data-site-design="cinematic-v31"].op-contact-r135 #op-secure-contact form button[type="submit"]:disabled{box-shadow:none;}
.op-public[data-site-design="cinematic-v31"].op-contact-r135 .op-contact-stage-copy{max-width:60ch;}
.op-public[data-site-design="cinematic-v31"].op-contact-r135 .op-contact-stage-copy p{line-height:1.7;}
@media(max-width:760px){.op-public[data-site-design="cinematic-v31"].op-contact-r135 #op-secure-contact div[class~="bg-white/55"]{padding:22px 18px;}.op-public[data-site-design="cinematic-v31"].op-contact-r135 #op-secure-contact h1{max-width:22ch;}}
@media(prefers-reduced-motion:reduce){.op-public[data-site-design="cinematic-v31"].op-contact-r135 #op-secure-contact .field{transition:none;}}
/* Object-led illustrative method studies. Finite React drawing only; no idle loops or inline styles. */
.op-semantic-scene.op-reactive{display:grid;grid-template-rows:minmax(0,1fr) auto;height:240px;border:0;border-radius:0;background:none!important;box-shadow:none!important;isolation:isolate;overflow:visible}
.op-semantic-scene>.op-reactive-view{height:100%;min-height:0;aspect-ratio:auto;background:none}
.op-semantic-scene>.op-reactive-view>.op-semantic-art{display:block;position:static;inset:auto;width:100%;height:100%;opacity:1;color:#83efdc;overflow:visible}
.op-semantic-scene .sm-guide{stroke:#527c8f;opacity:.85;stroke-width:1.7}
.op-semantic-scene .sm-paper{stroke:#abcbd6;fill:#244759}
.op-semantic-scene .sm-quiet{stroke:#9bb9c8;stroke-width:1.8}
.op-semantic-scene .sm-accent{stroke:#83efdc;stroke-width:2.7}
.op-semantic-scene .sm-gold{stroke:#f3c480;stroke-width:2.3}
.op-semantic-scene .sm-scan{stroke:#ffe0a3;stroke-width:3}
.op-semantic-scene .sm-node-rim{fill:#1c3b4b;stroke:#9bbfca;stroke-width:1.8}
.op-semantic-scene .sm-node{fill:#476f80;stroke:#c0dae0;stroke-width:1.2}
.op-semantic-scene .sm-node-on{fill:#83efdc;stroke:#173746;stroke-width:1.8}
.op-semantic-scene .sm-cell{fill:#83efdc;stroke:#83efdc}
.op-semantic-scene .sm-coating{fill:#397c80;stroke:#8df2df}
.op-semantic-scene .sm-shadow{fill:#010b14;stroke:none;opacity:.72}
.op-semantic-scene .sm-solid{stroke:#a0c8d5;stroke-width:1.6}
.op-semantic-scene .sm-edge{fill:none;stroke:#d4eeee;stroke-width:1.7}
.op-semantic-scene .sm-ink{fill:none;stroke:#294857;stroke-width:1.8}
.op-semantic-scene .sm-fold{fill:#7196a9;stroke:#648497;stroke-width:1.4}
.op-semantic-scene .sm-document-seal{fill:none;stroke:#32685e;stroke-width:2.2}
.op-semantic-scene .sm-fastener{fill:#7fa6b4;stroke:#cde2e5;stroke-width:1.1}
.op-semantic-scene .sm-socket{fill:#0a1a29;stroke:#93b8c7;stroke-width:1.2}
.op-semantic-scene .sm-glint{fill:none;stroke:#d4eeee;stroke-width:1.2;opacity:.82}
.op-semantic-scene .sm-person{fill:#b6ced1;stroke:#e2eeeb;stroke-width:1.5}
.op-semantic-scene .sm-gauge-face{fill:#0b2233;stroke:#9ac2cf;stroke-width:1.8}
.op-semantic-scene .sm-rule{fill:none;stroke:#e3c78f;stroke-width:1.3}
.op-semantic-scene .sm-needle{stroke:#ffd495;stroke-width:2.8}
.op-semantic-scene .sm-hub{fill:#e9cf9a;stroke:#fff0c7;stroke-width:1.3}
.op-semantic-scene .sm-seal{fill:#183e46;stroke:#82dbc9;stroke-width:2.5}
.op-semantic-scene .sm-roller{fill:#3b5b71;stroke:#afcbd7;stroke-width:1.8}
.op-semantic-scene .sm-tool-tip{stroke:#d5e5e8;stroke-width:6}
.op-semantic-scene .sm-cylinder-top{fill:#4b7990;stroke:#c1dbe4;stroke-width:1.8}
.op-semantic-scene .sm-cylinder{fill:#204355;stroke:#b5d5df;stroke-width:1.7}
.op-semantic-scene .sm-channel{fill:#0e2936;stroke:#75b3b8;stroke-width:1.5}
.op-semantic-scene .sm-datum{fill:#edc58c;stroke:#fff0cb;stroke-width:1.5}
.op-semantic-scene>.op-reactive-caption{align-items:center;min-height:44px;border:0;background:none;padding:8px 6px;flex-wrap:wrap;gap:4px 12px;color:#d2e3ea}
.op-semantic-scene>.op-reactive-caption>span:first-child{flex:1 1 150px;min-width:0;white-space:normal;font-size:11px;line-height:1.5;letter-spacing:0;text-transform:none;color:#d2e3ea}
.op-semantic-scene .op-semantic-hint{font-size:9px;white-space:nowrap;color:#93afc0}
.op-semantic-scene .op-semantic-explore{font:inherit;min-width:0;max-width:100%;box-sizing:border-box;min-height:44px;padding:9px 12px;border:1px solid #7799ad;border-radius:6px;background:#173246;color:#eef7fa;white-space:normal;cursor:pointer}
.op-semantic-scene .op-semantic-explore[aria-pressed=true]{border-color:#83efdc;color:#a3ffeb;background:#17464c}
.op-semantic-scene .op-semantic-explore:focus-visible{outline:3px solid #83efdc;outline-offset:3px}
.op-semantic-scene[data-engaged=true] .sm-guide{stroke:#84aabd;opacity:1}
.op-semantic-scene[data-pressed=true] .sm-node-on{fill:#ffd495}
.op-semantic-scene[data-pressed=true] .sm-accent{stroke:#ffd495}
@media(max-width:520px){.op-semantic-scene.op-reactive{height:218px}.op-semantic-scene>.op-reactive-caption{gap:6px 12px;padding:8px 4px}.op-semantic-scene .op-semantic-hint{font-size:8px}.op-semantic-scene .op-semantic-explore{padding:8px 10px}}
.op-case-art:has(>.op-semantic-scene){height:240px}
.op-map-introduction>.op-semantic-scene{height:240px;min-height:240px}
.op-contact-stage-scene>.op-semantic-scene{height:360px;min-height:300px}
@media(max-width:760px){.op-contact-stage-scene>.op-semantic-scene{height:300px}}
@media(prefers-reduced-motion:reduce){.op-semantic-scene,.op-semantic-scene *{animation:none!important;transition:none!important}}

/* Detail artwork follows its SVG ratio; captions stay in document flow. */
.op-public .op-detail-scene:has(>.op-case-art>.op-semantic-scene){min-width:0;min-height:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.op-public .op-detail-scene>.op-case-art:has(>.op-semantic-scene){display:block;width:100%;height:auto;min-height:0;overflow:visible}
.op-public .op-detail-scene>.op-case-art>.op-semantic-scene.op-reactive{width:100%;height:auto;min-height:0;margin:0;grid-template-rows:auto auto}
.op-public .op-detail-scene .op-semantic-scene>.op-reactive-view{width:100%;height:auto;min-height:0;aspect-ratio:360/220;overflow:visible}
.op-public .op-detail-scene .op-semantic-scene>.op-reactive-view>.op-semantic-art{width:100%;height:100%;max-width:none;max-height:none}
.op-public .op-detail-scene:has(>.op-case-art>.op-semantic-scene)>p{position:static;inset:auto;margin:12px 0 0;color:var(--op-muted,#b6c8d6);line-height:1.6}

/* Model-specific finite sequences. Preserve the V8 detail ratio and document-flow caption. */
.op-semantic-scene .sm-reference-profile{fill:none;stroke:#f3c480;stroke-width:2;stroke-dasharray:5 4;opacity:.9}
.op-semantic-scene .op-semantic-phase{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:#95c5ce}
.op-semantic-scene .op-semantic-explore{flex:0 0 auto;min-width:64px;max-width:100%;min-height:44px;padding:8px 12px;background:transparent;border:1px solid #88b4bd;border-radius:4px;color:#e0f5f1;font-weight:650}
.op-semantic-scene[data-running=true] .op-semantic-explore{border-color:#83efdc;color:#a3ffeb}
.op-semantic-scene .op-semantic-hint{white-space:normal;text-align:right}
@media(max-width:520px){.op-semantic-scene .op-semantic-phase{font-size:9px}.op-semantic-scene>.op-reactive-caption{padding-inline:4px}}
@media(prefers-reduced-motion:reduce){.op-semantic-scene .sm-reference-profile{stroke-dasharray:none}.op-semantic-scene,.op-semantic-scene *{animation:none!important;transition:none!important}}

/* R136 liquid navigation. React owns measured geometry, path motion and header Y.
   Material is below native controls; focus and native dialog layers remain unclipped. */
.op-liquid-space{height:148px;pointer-events:none}
header.op-navigation-r26.op-liquid-nav{
  --liquid-ink:#ebf8fc;--liquid-muted:#a5bac8;--liquid-accent:#53f5f3;
  --liquid-edge:#20d5dc;--liquid-header-y:0px;
  box-sizing:border-box;position:fixed;inset:20px auto auto 50%;
  width:min(1680px,calc(100% - 64px));max-width:none;margin:0;padding:0;
  z-index:90;border:0;border-radius:0;background:transparent;box-shadow:none;
  color:var(--liquid-ink);font-family:var(--op-sans,inherit);text-align:left;
  transform:translateX(-50%) translateY(var(--liquid-header-y));
  opacity:1;overflow:visible;isolation:isolate;
}
header.op-navigation-r26.op-liquid-nav[data-offscreen="true"]{opacity:0;pointer-events:none}
header.op-navigation-r26.op-liquid-nav[data-offscreen="true"]:has(:focus-visible){
  opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);
}
.op-liquid-nav .op-liquid-surface{position:relative;min-height:104px;overflow:visible;isolation:isolate}
.op-liquid-nav .op-liquid-surface::before{
  content:"";position:absolute;inset:14px 0;z-index:0;pointer-events:none;
  border:1px solid #20d5dc55;border-radius:54px 42px 48px 36px;
  background:linear-gradient(112deg,#072f42f5 0%,#031c2af7 48%,#064353f5 84%,#06283bf5);
  box-shadow:0 15px 35px #020c1340,inset 0 1px 0 #82ffff38,inset 0 -1px 0 #1eb6c533;
}
/* The static shell remains usable if SVG or hydration is unavailable. */
.op-liquid-nav[data-liquid-ready="true"] .op-liquid-surface:has(>.op-liquid-material)::before{
  border-color:transparent;background:none;box-shadow:none;
}
.op-liquid-nav .op-liquid-material{
  position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;
  overflow:visible;pointer-events:none;user-select:none;
}
.op-liquid-nav .op-liquid-material :is(path,circle,ellipse,g){pointer-events:none}
.op-liquid-nav:not([data-liquid-ready="true"]) .op-liquid-material [data-liquid="selection"],
.op-liquid-nav:not([data-liquid-ready="true"]) .op-liquid-material [data-liquid="cv"]{opacity:0}
.op-liquid-nav .op-liquid-content{
  box-sizing:border-box;position:relative;z-index:1;display:flex;align-items:center;
  justify-content:space-between;gap:clamp(16px,2.1vw,34px);min-height:104px;
  padding:16px clamp(22px,2.2vw,38px);min-width:0;
}
.op-liquid-nav :where(.op-liquid-brand,.op-liquid-link,.op-liquid-guide,.op-liquid-private,
  .op-liquid-menu-toggle,.op-liquid-cv .cv-book-trigger,.op-liquid-search .op-quick-launcher){
  box-sizing:border-box;position:relative;min-height:44px;min-width:44px;
  margin:0;border:0;box-shadow:none;text-decoration:none;font-family:inherit;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.op-liquid-nav :is(a,button,summary):focus-visible{
  outline:2px solid #ebf8fc;outline-offset:5px;
}
.op-liquid-nav .op-liquid-brand{
  display:flex;align-items:center;gap:17px;flex:0 1 290px;min-width:0;
  color:var(--liquid-ink);background:none;border-radius:8px;
}
.op-liquid-nav .op-liquid-monogram{
  flex:none;display:block;font-size:48px;font-weight:780;line-height:1;
  letter-spacing:-.08em;color:#ebf8fc;white-space:nowrap;
}
.op-liquid-nav .op-liquid-monogram>span{color:var(--liquid-accent)}
.op-liquid-nav .op-liquid-brand-copy{
  display:block;min-width:0;font-size:13px;line-height:1.4;font-weight:700;
  letter-spacing:.14em;white-space:nowrap;
}
.op-liquid-nav .op-liquid-brand-copy small{
  display:block;margin-top:5px;color:#a8c1ce;font-size:11px;line-height:1.45;
  font-weight:450;letter-spacing:.015em;white-space:nowrap;
}
.op-liquid-nav .op-liquid-links{
  display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.6vw,26px);
  flex:0 1 auto;min-width:0;margin:0;padding:0;background:none;border:0;border-radius:0;
}
.op-liquid-nav .op-liquid-link{
  display:inline-flex;align-items:center;justify-content:center;gap:0;
  min-height:52px;padding:0 12px;border-radius:8px;background:none;
  color:var(--liquid-muted);font-size:16px;font-weight:520;line-height:1.2;
  white-space:nowrap;transition:color 140ms ease;
}
.op-liquid-nav .op-liquid-link>span{position:relative;transform:none;white-space:nowrap}
.op-liquid-nav .op-liquid-link:is(:hover,:focus-visible,:active){color:#f3feff;background:none}
.op-liquid-nav .op-liquid-link[aria-current]{color:#f4ffff}
.op-liquid-nav .op-liquid-dot{
  position:absolute;left:calc(50% - 1.5px);bottom:7px;width:3px;height:3px;
  border-radius:50%;background:var(--liquid-accent);opacity:0;pointer-events:none;
}
.op-liquid-nav .op-liquid-link[aria-current] .op-liquid-dot{opacity:1}
.op-liquid-nav:not([data-liquid-ready="true"]) .op-liquid-links .op-liquid-link[aria-current]::before{
  content:"";position:absolute;inset:4px -3px;z-index:-1;border-radius:58% 43% 52% 38%;
  background:linear-gradient(125deg,#17a7bb32,#37dce31a);box-shadow:inset 0 1px 0 #7cffff3b;
}
.op-liquid-nav .op-liquid-tools{display:flex;align-items:center;justify-content:flex-end;gap:19px;flex:none;min-width:0}
.op-liquid-nav .op-liquid-utilities{display:flex;align-items:center;gap:4px;flex:none}
.op-liquid-nav .op-liquid-guide{
  display:grid;place-items:center;width:44px;height:44px;padding:0;
  background:none;color:#95c7d6;border-radius:50%;transition:color 140ms ease;
}
.op-liquid-nav .op-liquid-guide svg{
  display:block;width:23px;height:23px;fill:none;stroke:currentColor;
  stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
}
.op-liquid-nav .op-liquid-guide:is(:hover,:focus-visible){color:#e5ffff}
.op-liquid-nav .op-liquid-search{flex:none;min-width:44px}
.op-liquid-nav .op-liquid-search .op-quick-navigation{margin:0;padding:0}
/* Outranks the public-page launcher skin without changing its native dialog. */
header.op-navigation-r26.op-liquid-nav .op-quick-navigation button.op-quick-launcher{
  border:0;border-radius:0;background:none;box-shadow:none;
  translate:none;transform:none;scale:1;
}
header.op-navigation-r26.op-liquid-nav .op-liquid-search .op-quick-navigation button.op-quick-launcher{
  display:block;width:44px;height:44px;min-height:44px;padding:0;
  border:0;border-radius:50%;background:none;color:#95c7d6;cursor:pointer;
  font-size:0;line-height:1;white-space:nowrap;transition:color 140ms ease;
}
.op-liquid-nav .op-liquid-search .op-quick-launcher::before{
  content:"";position:absolute;left:12px;top:10px;box-sizing:border-box;
  width:15px;height:15px;border:1.5px solid currentColor;border-radius:50%;pointer-events:none;
}
.op-liquid-nav .op-liquid-search .op-quick-launcher::after{
  content:"";position:absolute;left:25px;top:24px;width:8px;height:1.5px;
  background:currentColor;transform:rotate(45deg);transform-origin:left center;pointer-events:none;
}
header.op-navigation-r26.op-liquid-nav .op-liquid-search .op-quick-navigation button.op-quick-launcher:is(:hover,:focus-visible){color:#e5ffff}
.op-liquid-nav .op-liquid-search .op-quick-launcher kbd{display:none}
.op-liquid-nav .op-liquid-search noscript nav{font-size:11px;color:#b6d2de}
.op-liquid-nav .op-liquid-cv{position:relative;flex:none}
.op-liquid-nav .op-liquid-cv .cv-book-trigger{
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  min-height:56px;padding:0 18px;border:0;border-radius:0;background:none;
  color:#ecffff;font-size:15px;line-height:1.2;font-weight:650;white-space:nowrap;
}
.op-liquid-nav .op-liquid-cv .cv-book-trigger>span:nth-child(2){display:block;transform:none}
.op-liquid-nav .op-liquid-cv .cv-book-trigger small{display:none}
.op-liquid-nav .op-liquid-cv .cv-book-trigger-icon{display:block;width:22px;height:22px;flex:none;box-shadow:none}
.op-liquid-nav .op-liquid-cv .cv-book-trigger-arrow{display:block;margin-left:0;font-size:19px;line-height:1}
.op-liquid-nav:not([data-liquid-ready="true"]) .op-liquid-cv::before{
  content:"";position:absolute;inset:1px -5px;z-index:-1;pointer-events:none;
  border-radius:46% 54% 42% 50%;background:linear-gradient(115deg,#118ba660,#14c2c450);
  box-shadow:inset 0 1px 0 #a3ffff50;
}
.op-liquid-nav .op-liquid-private{
  display:flex;align-items:center;gap:9px;min-height:48px;padding:0 2px;
  background:none;border-radius:6px;color:#b0c8d4;font-size:12px;line-height:1.25;
  font-weight:500;white-space:nowrap;transition:color 140ms ease;
}
.op-liquid-nav .op-liquid-private svg{display:block;width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.op-liquid-nav .op-liquid-private:is(:hover,:focus-visible){color:#efffff}
.op-liquid-nav .op-liquid-menu{position:static;display:none;margin:0;padding:0;border:0;background:none}
.op-liquid-nav .op-liquid-menu-toggle{
  display:grid;align-content:center;justify-items:center;gap:6px;list-style:none;
  width:44px;height:44px;padding:0;border-radius:50%;color:#d8f7fa;background:none;cursor:pointer;
}
.op-liquid-nav .op-liquid-menu-toggle::-webkit-details-marker{display:none}
.op-liquid-nav .op-liquid-menu-toggle::marker{content:""}
header.op-navigation-r26.op-liquid-nav .op-liquid-menu-toggle>i{
  display:block;width:19px;height:1.5px;color:#d8f7fa;background:currentColor;pointer-events:none;
}
.op-liquid-nav .op-liquid-menu[open] .op-liquid-menu-toggle i:first-child{transform:translateY(3.75px) rotate(45deg)}
.op-liquid-nav .op-liquid-menu[open] .op-liquid-menu-toggle i:nth-of-type(2){transform:translateY(-3.75px) rotate(-45deg)}
.op-liquid-nav .op-liquid-panel{
  box-sizing:border-box;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:3;
  max-height:calc(100vh - 132px);max-height:calc(100dvh - 132px);overflow:auto;
  padding:22px 26px 24px;border:1px solid #31c3d252;border-radius:26px 18px 28px 19px;
  background:linear-gradient(135deg,#073346fa,#041a28fc 75%);color:#ebf8fc;
  box-shadow:0 25px 55px #020c1366,inset 0 1px 0 #95ffff24;
  overscroll-behavior:contain;scrollbar-color:#337689 #051f2d;
}
.op-liquid-nav .op-liquid-panel-caption{
  margin:0 0 12px;color:#95c7d6;font-size:10px;line-height:1.5;
  font-weight:600;letter-spacing:.15em;text-transform:uppercase;
}
.op-liquid-nav .op-liquid-mobile-links{display:grid;gap:0;margin:0;padding:0;background:none;border:0}
.op-liquid-nav .op-liquid-mobile-links>a{
  box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:space-between;
  gap:16px;min-height:58px;padding:13px 6px;border:0;border-bottom:1px solid #8ad3dc1f;
  border-radius:0;background:none;color:#c1d9e3;font-size:21px;line-height:1.25;
  font-weight:500;text-decoration:none;white-space:normal;transform:none;
}
.op-liquid-nav .op-liquid-mobile-links>a:is(:hover,:focus-visible,:active){color:#fff;background:none}
.op-liquid-nav .op-liquid-mobile-links>a>small{
  flex:none;width:25px;color:#84aebe;font-size:10px;line-height:1.3;font-weight:500;
}
.op-liquid-nav .op-liquid-mobile-links>a>span{flex:1;min-width:0;transform:none}
.op-liquid-nav .op-liquid-mobile-links>a>svg,
.op-liquid-nav .op-liquid-mobile-actions>a:not(.cv-book-trigger)>svg,
.op-liquid-nav .op-liquid-panel-utilities>a>svg{
  display:block;flex:none;width:17px;height:17px;fill:none;stroke:currentColor;
  stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
}
.op-liquid-nav .op-liquid-mobile-links>a[aria-current]{color:#c0fffd}
.op-liquid-nav .op-liquid-mobile-links>a[aria-current]::after{
  content:"";flex:none;width:5px;height:5px;border-radius:50%;background:#53f5f3;
}
.op-liquid-nav .op-liquid-mobile-actions{display:grid;gap:13px;padding:20px 6px 0;margin:0}
.op-liquid-nav .op-liquid-mobile-actions .cv-book-trigger{
  display:flex;align-items:center;justify-content:flex-start;gap:13px;min-height:52px;
  padding:8px 0;border:0;border-radius:0;background:none;color:#e5ffff;
  font-size:16px;line-height:1.3;text-decoration:none;
}
.op-liquid-nav .op-liquid-mobile-actions .cv-book-trigger-icon{width:25px;height:25px;flex:none;box-shadow:none}
.op-liquid-nav .op-liquid-mobile-actions .cv-book-trigger small{display:block;color:#a8c6d4;font-size:11px;line-height:1.5}
.op-liquid-nav .op-liquid-mobile-actions .cv-book-trigger-arrow{margin-left:auto;font-size:20px}
.op-liquid-nav .op-liquid-mobile-actions>a:not(.cv-book-trigger){
  display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;
  color:#c1d9e3;font-size:14px;text-decoration:none;
}
.op-liquid-nav .op-liquid-panel .op-liquid-utilities{justify-content:flex-start;gap:12px;margin-top:14px}
.op-liquid-nav .op-liquid-panel-utilities{
  display:grid;gap:0;margin-top:16px;padding-top:12px;border-top:1px solid #8ad3dc26;
}
.op-liquid-nav .op-liquid-panel-utilities>a,
header.op-navigation-r26.op-liquid-nav .op-liquid-panel-utilities .op-quick-navigation button.op-quick-launcher{
  box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;
  gap:14px;width:100%;min-height:48px;margin:0;padding:10px 6px;
  border:0;border-radius:0;background:none;color:#c1d9e3;
  font:500 13px/1.4 var(--op-sans,inherit);text-align:left;text-decoration:none;
}
.op-liquid-nav .op-liquid-panel-utilities .op-quick-navigation{margin:0;padding:0}
.op-liquid-nav .op-liquid-panel-utilities .op-quick-launcher{cursor:pointer;white-space:normal}
header.op-navigation-r26.op-liquid-nav .op-liquid-panel-utilities .op-quick-navigation button.op-quick-launcher kbd{
  flex:none;margin:0;padding:0;border:0;background:none;color:#95b9c9;
  font:400 10px/1.4 monospace;white-space:nowrap;
}
.op-liquid-nav .op-liquid-panel-utilities>a:is(:hover,:focus-visible),
header.op-navigation-r26.op-liquid-nav .op-liquid-panel-utilities .op-quick-navigation button.op-quick-launcher:is(:hover,:focus-visible){color:#fff;background:none}
.op-liquid-nav .op-liquid-mobile-links>a:is(:active,:focus-visible),
.op-liquid-nav .op-liquid-mobile-actions>a:is(:active,:focus-visible),
.op-liquid-nav .op-liquid-panel-utilities>a:is(:active,:focus-visible),
header.op-navigation-r26.op-liquid-nav .op-liquid-panel-utilities .op-quick-navigation button.op-quick-launcher:is(:active,:focus-visible){
  color:#efffff;background:#1cc1d61a;
}
/* QuickNavigate uses a native top-layer dialog; scope its palette, not its lifecycle. */
.op-liquid-nav .op-quick-dialog{background:#061e2b;color:#ebf8fc;border-color:#34778a;box-shadow:0 20px 85px #0008}
.op-liquid-nav .op-quick-dialog::backdrop{background:#020c13c9}
.op-liquid-nav .op-quick-dialog :is(h2,h3,.op-quick-input,.op-quick-results a,.op-quick-results strong){color:#ebf8fc}
.op-liquid-nav .op-quick-dialog :is(p,.op-quick-results small,.op-quick-kind){color:#b4ceda}
.op-liquid-nav .op-quick-dialog .op-eyebrow{color:#7af2f0}
.op-liquid-nav .op-quick-dialog .op-quick-head button{background:#0c3547;color:#ebf8fc;border-color:#43899c}
.op-liquid-nav .op-quick-dialog .op-quick-input input{background:#031520;color:#ebf8fc;border-color:#43899c}
.op-liquid-nav .op-quick-dialog .op-quick-input input::placeholder{color:#9bbac9}
.op-liquid-nav .op-quick-dialog .op-quick-results a{border-color:#84bdca3d}
.op-liquid-nav .op-quick-dialog .op-quick-results a:is(:hover,:focus-visible){background:#0c3547}
.op-liquid-nav .op-quick-dialog .op-quick-empty a{color:#7af2f0}
.op-liquid-debug{
  box-sizing:border-box;position:fixed;left:12px;bottom:12px;z-index:95;
  width:min(290px,calc(100vw - 24px));max-height:190px;overflow:hidden;
  margin:0;padding:10px 12px;border:1px solid #376c7b;border-radius:8px;
  background:#031a28ed;color:#c4f4f7;font:10px/1.5 monospace;
  white-space:pre-wrap;pointer-events:none;
}

@media(max-width:1280px) and (min-width:1101px){
  .op-liquid-nav .op-liquid-content{padding-inline:22px;gap:16px}
  .op-liquid-nav .op-liquid-brand{flex-basis:232px;gap:12px}
  .op-liquid-nav .op-liquid-monogram{font-size:41px}
  .op-liquid-nav .op-liquid-brand-copy{font-size:12px;letter-spacing:.1em}
  .op-liquid-nav .op-liquid-brand-copy small{font-size:10px}
  .op-liquid-nav .op-liquid-links{gap:8px}
  .op-liquid-nav .op-liquid-link{font-size:14px;padding-inline:9px}
  .op-liquid-nav .op-liquid-tools{gap:12px}
  .op-liquid-nav .op-liquid-cv .cv-book-trigger{padding-inline:10px;font-size:14px;gap:9px}
  .op-liquid-nav .op-liquid-private{font-size:11px;gap:5px}
}
@media(max-width:1100px){
  .op-liquid-space{height:120px}
  header.op-navigation-r26.op-liquid-nav{top:14px;width:calc(100% - 36px)}
  .op-liquid-nav .op-liquid-surface,.op-liquid-nav .op-liquid-content{min-height:80px}
  .op-liquid-nav .op-liquid-content{gap:12px;padding:12px 23px}
  .op-liquid-nav .op-liquid-surface::before{inset:8px 0;border-radius:38px 31px 37px 29px}
  .op-liquid-nav .op-liquid-brand{flex:1 1 auto;gap:13px}
  .op-liquid-nav .op-liquid-monogram{font-size:40px}
  .op-liquid-nav .op-liquid-brand-copy{font-size:12px;letter-spacing:.105em}
  .op-liquid-nav .op-liquid-brand-copy small{font-size:10px}
  .op-liquid-nav .op-liquid-links,.op-liquid-nav .op-liquid-tools>.op-liquid-private{display:none}
  .op-liquid-nav .op-liquid-menu{display:block}
  .op-liquid-nav .op-liquid-tools{gap:12px}
  .op-liquid-nav .op-liquid-cv .cv-book-trigger{min-height:48px;padding-inline:12px;font-size:14px}
}
@media(max-width:700px){
  /* Keep the QuickNavigate dialog mounted and renderable for its keyboard shortcut. */
  .op-liquid-nav .op-liquid-tools>.op-liquid-utilities{gap:0;width:0}
  .op-liquid-nav .op-liquid-tools>.op-liquid-utilities>.op-liquid-guide{display:none}
  .op-liquid-nav .op-liquid-tools>.op-liquid-utilities .op-liquid-search{min-width:0;width:0}
  header.op-navigation-r26.op-liquid-nav .op-liquid-tools>.op-liquid-utilities .op-liquid-search .op-quick-navigation button.op-quick-launcher{display:none}
  .op-liquid-nav .op-liquid-content{padding-inline:19px}
  .op-liquid-nav .op-liquid-brand-copy{font-size:11px;letter-spacing:.09em}
  .op-liquid-nav .op-liquid-brand-copy small{font-size:10px}
}
@media(max-width:559px){
  header.op-navigation-r26.op-liquid-nav{top:max(10px,env(safe-area-inset-top));width:calc(100% - 24px)}
  .op-liquid-space{height:110px}
  .op-liquid-nav .op-liquid-content{gap:8px;padding-inline:17px}
  .op-liquid-nav .op-liquid-tools>.op-liquid-cv{display:none}
  .op-liquid-nav .op-liquid-brand{gap:12px}
  .op-liquid-nav .op-liquid-monogram{font-size:38px}
  .op-liquid-nav .op-liquid-brand-copy{font-size:11px;letter-spacing:.065em}
  .op-liquid-nav .op-liquid-brand-copy small{font-size:10px;letter-spacing:0}
  .op-liquid-nav .op-liquid-panel{top:calc(100% + 5px);padding:18px 20px 22px;max-height:calc(100dvh - 117px)}
}
@media(max-width:359px){
  .op-liquid-nav .op-liquid-content{padding-inline:13px}
  .op-liquid-nav .op-liquid-brand{gap:9px}
  .op-liquid-nav .op-liquid-monogram{font-size:33px}
  .op-liquid-nav .op-liquid-brand-copy{font-size:11px;letter-spacing:.04em}
  .op-liquid-nav .op-liquid-brand-copy small{font-size:10px}
}
/* Intro shares the old header compatibility class, but its opaque first frame wins. */
html[data-portfolio-entrance-stage="preparing"] header.op-liquid-nav,
html[data-portfolio-entrance-stage="revealing"] header.op-liquid-nav{opacity:0;pointer-events:none}

@media(prefers-reduced-motion:reduce){
  .op-liquid-nav :is(.op-liquid-link,.op-liquid-private,.op-liquid-guide,.op-quick-launcher){transition:none}
  header.op-navigation-r26.op-liquid-nav .op-liquid-search .op-quick-navigation button.op-quick-launcher{transition:none}
}
.op-liquid-nav[data-reduced="true"] :is(.op-liquid-link,.op-liquid-private,.op-liquid-guide,.op-quick-launcher){transition:none}
header.op-navigation-r26.op-liquid-nav[data-reduced="true"] .op-liquid-search .op-quick-navigation button.op-quick-launcher{transition:none}
@media(forced-colors:active){
  header.op-navigation-r26.op-liquid-nav{color:CanvasText}
  .op-liquid-nav .op-liquid-material{display:none}
  .op-liquid-nav .op-liquid-surface::before,
  .op-liquid-nav[data-liquid-ready="true"] .op-liquid-surface:has(>.op-liquid-material)::before{
    background:Canvas;border:1px solid CanvasText;border-radius:24px;box-shadow:none;
  }
  .op-liquid-nav :is(.op-liquid-brand,.op-liquid-link,.op-liquid-guide,.op-liquid-private,
    .op-liquid-menu-toggle,.op-liquid-monogram,.op-liquid-brand-copy small,
    .op-liquid-cv .cv-book-trigger,.op-liquid-search .op-quick-launcher){color:LinkText}
  header.op-navigation-r26.op-liquid-nav .op-liquid-search .op-quick-navigation button.op-quick-launcher,
  header.op-navigation-r26.op-liquid-nav .op-liquid-panel-utilities .op-quick-navigation button.op-quick-launcher{color:LinkText}
  .op-liquid-nav .op-liquid-link[aria-current]{text-decoration:underline;text-underline-offset:5px}
  .op-liquid-nav .op-liquid-dot,.op-liquid-nav .op-liquid-link[aria-current]::before,
  .op-liquid-nav .op-liquid-cv::before{display:none}
  .op-liquid-nav .op-liquid-panel,.op-liquid-nav .op-quick-dialog{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
  .op-liquid-nav .op-liquid-mobile-links>a,.op-liquid-nav .op-liquid-mobile-actions>a{color:LinkText}
  .op-liquid-nav :is(a,button,summary):focus-visible{outline-color:Highlight}
}

/* V31 navigation: measured membrane/input ownership remains in the existing controller. */
.op-public[data-site-design="cinematic-v31"] header.op-liquid-nav{--liquid-ink:#edfafd;--liquid-muted:#b4cbd2;--liquid-accent:#4be9ef;--liquid-edge:#4dc9d3;}
.op-public[data-site-design="cinematic-v31"] .op-liquid-surface{box-shadow:inset 0 1px 0 #d2fbff20,0 13px 35px #0005;}
.op-public[data-site-design="cinematic-v31"] .op-liquid-link{border-radius:11px;transition:color .24s ease,background-color .24s ease;}
.op-public[data-site-design="cinematic-v31"] .op-liquid-link[aria-current="page"]{color:#efffff;}
.op-public[data-site-design="cinematic-v31"] .op-liquid-link[aria-current="page"] .op-liquid-dot{background:#d7a478;box-shadow:0 0 8px #d7a47845;}
.op-public[data-site-design="cinematic-v31"] .op-liquid-link:focus-visible{outline:2px solid #a6fbff;outline-offset:5px;background:#10455144;}
.op-public[data-site-design="cinematic-v31"] .op-liquid-brand-copy{letter-spacing:.08em;}
.op-public[data-site-design="cinematic-v31"] .op-liquid-brand-copy small{letter-spacing:0;color:#b4cbd2;line-height:1.45;}
.op-public[data-site-design="cinematic-v31"] .op-liquid-panel{border-color:#376573;background:linear-gradient(145deg,#122c39f5,#05131bf5);box-shadow:inset 0 1px 0 #d2fbff18,0 24px 60px #0008;}
.op-public[data-site-design="cinematic-v31"] .op-liquid-mobile-links a{min-height:54px;border-color:#315a68;}
.op-public[data-site-design="cinematic-v31"] .op-liquid-mobile-links a[aria-current="page"]{background:#0d3541;color:#9ff5f9;}
.op-public[data-site-design="cinematic-v31"] .op-liquid-mobile-links a:focus-visible{outline:3px solid #8ff5fc;outline-offset:3px;}
.op-public[data-site-design="cinematic-v31"] .op-liquid-panel-utilities :is(a,button){min-height:44px;line-height:1.5;}
@media(prefers-reduced-motion:reduce){.op-public[data-site-design="cinematic-v31"] .op-liquid-link{transition:none;}}
/* V31 preserve native high-contrast colors over decorative route styling. */
@media(forced-colors:active){.op-public[data-site-design="cinematic-v31"] header.op-liquid-nav{--liquid-ink:CanvasText;--liquid-muted:CanvasText;--liquid-accent:Highlight;--liquid-edge:ButtonBorder;}.op-public[data-site-design="cinematic-v31"] .op-liquid-surface,.op-public[data-site-design="cinematic-v31"] .op-liquid-panel{background:Canvas;color:CanvasText;border-color:ButtonBorder;box-shadow:none;}.op-public[data-site-design="cinematic-v31"] .op-liquid-link,.op-public[data-site-design="cinematic-v31"] .op-liquid-mobile-links a{background:Canvas;color:LinkText;}.op-public[data-site-design="cinematic-v31"] .op-liquid-link[aria-current="page"],.op-public[data-site-design="cinematic-v31"] .op-liquid-mobile-links a[aria-current="page"]{background:Highlight;color:HighlightText;}.op-public[data-site-design="cinematic-v31"] .op-liquid-link:focus-visible,.op-public[data-site-design="cinematic-v31"] .op-liquid-mobile-links a:focus-visible{outline-color:Highlight;}.op-public[data-site-design="cinematic-v31"] .op-liquid-link[aria-current="page"] .op-liquid-dot{background:HighlightText;box-shadow:none;}}
/* R138 reference composition. The workshop is illustrative; the portrait is a
   transparent derivative of Ahmed's supplied photo, with no invented body. */
.op-public .ahk-hero2026 {
  --h26-paper: #f3f7fa;
  --h26-muted: #b1c5d3;
  --h26-cyan: #19d0ed;
  --h26-nav-space: 148px;
  --h26-motion-scale: 1;
  --h26-eyebrow-track-max: .01em;
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: calc(-1 * var(--h26-nav-space)) 0 0;
  min-height: 100svh;
  padding: calc(var(--h26-nav-space) + clamp(12px, 2svh, 30px)) clamp(24px, 6.2vw, 128px) clamp(24px, 4svh, 54px);
  color: var(--h26-paper);
  background: #020b11;
  overflow: clip;
  font-family: var(--op-sans, Arial, sans-serif);
}
.op-public .ahk-hero2026__ambient {
  position: absolute;
  z-index: -1;
  inset: -24px;
  pointer-events: none;
  background: #020b11;
  transform: translate3d(0, var(--h26-depth-y, 0px), 0);
}
.op-public .ahk-hero2026__workshop {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 62% center; opacity: .9;}
.op-public .ahk-hero2026__ambient::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #020b11a6 0%, #020b1166 40%, transparent 69%), linear-gradient(0deg, #020b11 0%, transparent 19%);
}
.op-public .ahk-hero2026__light {position: absolute; pointer-events: none; mix-blend-mode: screen;}
.op-public .ahk-hero2026__light--cross {inset: -12% -6% -8% 49%; transform: translate3d(calc(var(--h26-pointer-x, 0) * 16px), calc(var(--h26-pointer-y, 0) * 10px), 0);}
.op-public .ahk-hero2026__light-drift {width: 100%; height: 100%; pointer-events: none;}
.op-public .ahk-hero2026__light--cross .ahk-hero2026__light-drift {opacity: .65; background: linear-gradient(122deg, transparent 27%, #bbe9ff18 39%, #a6e0ff42 46%, #47c9ec1c 57%, transparent 68%); filter: blur(9px);}
.op-public .ahk-hero2026__light--rim {left: 49%; right: -18%; bottom: 8%; height: 20%; transform: translate3d(calc(var(--h26-pointer-x, 0) * -11px), 0, 0);}
.op-public .ahk-hero2026__light--rim .ahk-hero2026__light-drift {opacity: .75; background: linear-gradient(175deg, transparent 35%, #159bd61f 43%, #68eaffad 46%, #12b8f252 48%, transparent 57%); filter: blur(2px);}
.op-public .ahk-hero2026__light--glint {inset: 0; opacity: var(--h26-light-opacity, .14); background: radial-gradient(ellipse at var(--h26-light-x, 65%) var(--h26-light-y, 43%), #92e8ff66 0, transparent 38%); mask-image: linear-gradient(90deg, transparent 43%, #000 65%);}
.op-public .ahk-hero2026__layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, .95fr);
  align-items: center;
  gap: clamp(16px, 2vw, 42px);
  max-width: 1840px;
  min-height: calc(100svh - var(--h26-nav-space) - clamp(12px, 2svh, 30px) - clamp(24px, 4svh, 54px));
  margin-inline: auto;
}
.op-public .ahk-hero2026__copy {position: relative; z-index: 2; min-width: 0; padding-block: 0;}
.op-public .ahk-hero2026 [data-h26-actor] {
  transform: translate3d(var(--h26-scroll-x, 0px), calc(var(--h26-scroll-y, 0px) + var(--h26-near-y, 0px)), 0);
  opacity: var(--h26-scroll-opacity, 1);
}
.op-public .ahk-hero2026 [data-h26-enter] {display: inline-block;}
.op-public .ahk-hero2026[data-h26-active="true"] [data-h26-actor] {will-change: transform;}
.op-public .ahk-hero2026[data-h26-active="true"] .ahk-hero2026__portrait-depth {will-change: transform;}
.op-public .ahk-hero2026__eyebrow {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 clamp(20px, 3svh, 34px);
  color: #a9d1d7;
  font: 650 clamp(10px, .77vw, 13px)/1.6 var(--op-sans, Arial, sans-serif);
  --h26-base-tracking: .16em;
  letter-spacing: var(--h26-base-tracking);
  text-transform: uppercase;
  color: color-mix(in srgb, #a9d1d7, #ecffff calc(var(--h26-near, 0) * 24%));
}
.op-public .ahk-hero2026__eyebrow::before {content: ''; width: 36px; height: 1px; flex: 0 0 36px; background: #64d5d19c;}
/* Invisible sizing copy reserves the maximum tracking width without adding spoken text. */
.op-public .ahk-hero2026__eyebrow .ahk-hero2026__reveal {display: inline-grid; white-space: nowrap;}
.op-public .ahk-hero2026__eyebrow .ahk-hero2026__reveal::after {content: attr(data-h26-eyebrow-label); grid-area: 1 / 1; visibility: hidden; pointer-events: none; letter-spacing: calc(var(--h26-base-tracking) + var(--h26-eyebrow-track-max));}
.op-public .ahk-hero2026__eyebrow-text {grid-area: 1 / 1; letter-spacing: calc(var(--h26-base-tracking) + clamp(0em, var(--h26-tracking, 0em), var(--h26-eyebrow-track-max)));}
.op-public .ahk-hero2026__title {
  margin: 0;
  font-family: var(--op-sans, Arial, sans-serif);
  font-size: clamp(44px, 4.85vw, 100px);
  font-weight: 700;
  font-style: normal;
  line-height: 1.035;
  letter-spacing: -.045em;
  color: var(--h26-paper);
  text-wrap: nowrap;
}
.op-public .ahk-hero2026__line {display: block; overflow: clip; padding-block: .06em; margin-block: -.02em;}
.op-public .ahk-hero2026__line + .ahk-hero2026__line {color: var(--h26-cyan);}
.op-public .ahk-hero2026__line:first-child .ahk-hero2026__line-inner {
  background: linear-gradient(105deg, #f3f5f7 10%, #deeff0 55%, #f3f5f7 90%);
  background-size: 150% 100%;
  background-position: calc(50% + var(--h26-heading-x, 0) * 9%) 50%;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.op-public .ahk-hero2026__line--accent .ahk-hero2026__line-inner {
  color: #19d0ed;
  background: linear-gradient(105deg, #42e6e1 10%, #11cde8 40%, #06a8ed 68%, #4ddcf1 95%);
  background-size: 180% 100%;
  background-position: calc(50% + var(--h26-heading-x, 0) * 9%) 50%;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.op-public .ahk-hero2026__line-inner {display: block;}
.op-public .ahk-hero2026__intro {
  max-width: 62ch;
  margin: clamp(20px, 3svh, 30px) 0 0;
  color: #c1cfd7;
  font-size: clamp(15px, 1.15vw, 22px);
  line-height: 1.55;
  text-wrap: pretty;
}
.op-public .ahk-hero2026__intro {color: color-mix(in srgb, #c1cfd7, #f3f5f7 calc(var(--h26-near, 0) * 22%));}
.op-public .ahk-hero2026__microline {
  position: absolute;
  right: 4.5%;
  top: 34%;
  max-width: 150px;
  margin: 0;
  color: #b8c6ce;
  font-size: clamp(13px, .95vw, 19px);
  font-weight: 350;
  line-height: 1.7;
  letter-spacing: .1em;
  text-align: center;
  text-transform: uppercase;
}
.op-public .ahk-hero2026__microline .ahk-hero2026__reveal {position: relative; padding-bottom: 18px;}
.op-public .ahk-hero2026__microline-guide {position: absolute; left: calc(50% - 22px); bottom: 0; width: var(--h26-guide-width, 44px); height: 1px; pointer-events: none; transform-origin: left; transform: scaleX(calc(var(--h26-guide-scale, 1) * var(--h26-guide-near-scale, 1)));}
.op-public .ahk-hero2026 [data-h26-guide] {display: block; width: 100%; height: 100%; background: #64d5d14d; transform-origin: left;}
.op-public .ahk-hero2026__capabilities {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin: clamp(22px, 3.6svh, 36px) 0;
  padding: 0;
  list-style: none;
}
.op-public .ahk-hero2026__capabilities li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 3px clamp(12px, 1.35vw, 27px);
  border-inline-start: 1px solid #a8c3cd29;
  color: #d5e0e5;
  font-size: clamp(12px, .9vw, 17px);
  font-weight: 500;
  line-height: 1.45;
}
.op-public .ahk-hero2026__capabilities li:first-child {padding-inline-start: 0; border-inline-start: 0;}
.op-public .ahk-hero2026__capabilities svg {width: 32px; height: 32px; flex: 0 0 32px; color: #20c9ef; stroke-width: 1.4; transform: translate3d(0, var(--h26-indicator-y, 0px), 0);}
.op-public .ahk-hero2026__capabilities .ahk-hero2026__reveal {display: inline-flex; align-items: center; gap: 12px;}
.op-public .ahk-hero2026__capability-copy {display: grid; gap: 4px; white-space: nowrap;}
.op-public .ahk-hero2026__capability-copy strong {font-size: inherit; font-weight: 650;}
.op-public .ahk-hero2026__capability-copy small {font-size: .85em; font-weight: 400; color: #99b4c4;}
.op-public .ahk-hero2026__actions {display: flex; flex-wrap: wrap; gap: 16px; align-items: stretch;}
.op-public .ahk-hero2026__primary,
.op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal > .cv-book-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  min-height: 58px;
  min-width: 222px;
  max-width: 100%;
  margin: 0;
  padding: 13px 26px;
  border: 1px solid #a2d8e048;
  border-radius: 999px;
  background: #0b2430;
  color: #e8f4f6;
  font: 650 14px/1.35 var(--op-sans, Arial, sans-serif);
  text-decoration: none;
  box-shadow: none;
  transition: background-color 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}
.op-public .ahk-hero2026__primary {background: linear-gradient(115deg, #11d4dd, #00b9e6 64%, #0988cc); border-color: #21d6ef; color: #021b2b; box-shadow: 0 0 26px #01bde91a;}
.op-public .ahk-hero2026__action-inner {display: flex; align-items: center; justify-content: space-between; gap: 30px; transform: translate3d(var(--h26-magnet-x, 0px), var(--h26-magnet-y, 0px), 0);}
.op-public .ahk-hero2026__primary .ahk-hero2026__arrow {width: 21px; height: 21px; transition: translate 240ms ease;}
.op-public .ahk-hero2026__primary .ahk-hero2026__action-reveal,
.op-public .ahk-hero2026__secondary .cv-book-trigger > * {transition: translate 180ms ease;}
.op-public .ahk-hero2026__primary:active .ahk-hero2026__action-reveal,
.op-public .ahk-hero2026__secondary .cv-book-trigger:active > * {translate: 0 1px;}
.op-public .ahk-hero2026__secondary {display: flex;}
.op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal {position: relative; display: flex; width: 100%;}
.op-public .ahk-hero2026__secondary-underline {position: absolute; bottom: 7px; left: 50%; width: 44px; height: 1px; pointer-events: none; background: currentColor; opacity: calc(.35 + var(--h26-near, 0) * .3); transform: translate3d(calc(-50% + var(--h26-underline-x, 0px)), 0, 0);}
.op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal > .cv-book-trigger {height: 100%; min-width: 215px;}
.op-public .ahk-hero2026__primary:hover,
.op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal > .cv-book-trigger:hover,
.op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal > .cv-book-trigger:focus,
.op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal > .cv-book-trigger:active {translate: none;}
.op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal > .cv-book-trigger > * {transform: translate3d(var(--h26-magnet-x, 0px), var(--h26-magnet-y, 0px), 0);}
.op-public .ahk-hero2026__secondary .cv-book-trigger-icon {width: 24px; height: 24px;}
.op-public .ahk-hero2026__secondary .cv-book-trigger small {margin-top: 3px; color: #a9bbc6; font-size: 9px; font-weight: 500; letter-spacing: .025em;}
.op-public .ahk-hero2026__secondary .cv-book-trigger-arrow {font-size: 18px; color: #b5d8df;}
.op-public .ahk-hero2026__primary:focus-visible,
.op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal > .cv-book-trigger:focus-visible {outline: 2px solid #f3f5f7; outline-offset: 5px; box-shadow: 0 0 0 8px #64d5d11c;}
.op-public .ahk-hero2026__location {margin: clamp(22px, 4svh, 38px) 0 0; font-size: 10px; line-height: 1.7; letter-spacing: .18em; text-transform: uppercase; color: #91a9b7;}
.op-public .ahk-hero2026__location svg {width: 13px; height: 13px; vertical-align: -2px; margin-inline-end: 7px;}
.op-public .ahk-hero2026__portrait {
  position: relative;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
}
.op-public .ahk-hero2026__portrait-reveal {position: absolute; inset: 0; width: 100%; height: 100%;}
.op-public .ahk-hero2026__portrait-depth {position: absolute; inset: -12% -9% calc(-1 * clamp(24px, 4svh, 54px)) -22%; transform: translate3d(var(--h26-portrait-x, 0px), var(--h26-portrait-y, 0px), 0) scale(var(--h26-portrait-scale, 1));}
.op-public .ahk-hero2026__portrait-image {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: 35% 100%;
  filter: saturate(.7) drop-shadow(3px 1px 2px #29c3eb44);
  mask-image: linear-gradient(180deg, #000 0%, #000 92%, transparent 100%);
}
.op-public .ahk-hero2026__portrait-light {position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at var(--h26-light-x, 65%) var(--h26-light-y, 43%), #a0eced33 0, transparent 63%); mix-blend-mode: soft-light; opacity: var(--h26-light-opacity, .14);}
.op-public .ahk-hero2026__identity {position: absolute; z-index: 1; right: 0; bottom: 80px; color: #b7d5e4; font-size: 13px; line-height: 1.6; letter-spacing: .015em; text-align: right;}
.op-public .ahk-hero2026__identity strong {display: block; font: italic 400 clamp(20px, 1.7vw, 34px)/1.3 var(--op-serif, Georgia, serif);}
.op-public .ahk-hero2026__identity .ahk-hero2026__reveal > span,
.op-public .ahk-hero2026__identity bdi {display: block; margin-top: 3px; color: #a9bbc6; font-size: 11px;}
.op-public .ahk-hero2026__identity bdi {text-align: start; direction: rtl; unicode-bidi: isolate;}
@media (hover: hover) and (pointer: fine) {
  .op-public .ahk-hero2026__primary:hover {background: linear-gradient(115deg, #44e9e1, #1bcced 64%, #099adc); border-color: #8aeeff; box-shadow: 0 5px 32px #12c8ec38;}
  .op-public .ahk-hero2026__primary:hover .ahk-hero2026__arrow {translate: calc(4px * var(--h26-motion-scale)) 0;}
  .op-public .ahk-hero2026__primary:hover:not(:active) .ahk-hero2026__action-reveal {translate: 0 calc(-2px * var(--h26-motion-scale));}
  .op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal > .cv-book-trigger:hover {background: #103241; border-color: #8ed7df9c;}
}
@media (min-width: 1900px) {
  .op-public .ahk-hero2026__primary,.op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal > .cv-book-trigger {min-width: 250px; min-height: 64px; font-size: 16px;}
  .op-public .ahk-hero2026__location {font-size: 11px;}
}
@media (max-width: 1650px) {.op-public .ahk-hero2026__microline {display: none;}}
@media (max-width: 1100px) {.op-public .ahk-hero2026 {--h26-nav-space: 120px;}}
@media (max-width: 559px) {.op-public .ahk-hero2026 {--h26-nav-space: 110px;}}
@media (min-width: 768px) and (max-width: 1280px) {
  .op-public .ahk-hero2026 {--h26-motion-scale: .7;}
}
@media (max-width: 1280px) {
  /* Narrow layouts may wrap once at rest; pointer tracking never changes those breaks. */
  .op-public .ahk-hero2026__eyebrow .ahk-hero2026__reveal {flex: 1 1 0; min-width: 0; max-width: 100%; white-space: normal;}
  .op-public .ahk-hero2026__eyebrow .ahk-hero2026__reveal::after,
  .op-public .ahk-hero2026__eyebrow-text {min-width: 0; max-width: 100%; white-space: normal; letter-spacing: var(--h26-base-tracking);}
}
@media (max-width: 1100px) and (min-width: 768px) {
  .op-public .ahk-hero2026 {padding-inline: 32px;}
  .op-public .ahk-hero2026__layout {grid-template-columns: minmax(0, 1.3fr) minmax(0, .85fr); gap: 12px;}
  .op-public .ahk-hero2026__title {font-size: clamp(39px, 4.6vw, 52px);}
  .op-public .ahk-hero2026__capabilities li {padding-inline: 10px; gap: 6px; font-size: 10px;}
  .op-public .ahk-hero2026__capabilities svg {width: 23px; height: 23px; flex-basis: 23px;}
  .op-public .ahk-hero2026__capabilities .ahk-hero2026__reveal {gap: 7px;}
  .op-public .ahk-hero2026__actions {gap: 10px;}
  .op-public .ahk-hero2026__primary,.op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal > .cv-book-trigger {min-width: 182px; padding-inline: 17px; font-size: 12px;}
  .op-public .ahk-hero2026__identity {right: -3%;}
}
@media (min-width: 768px) and (max-height: 760px) {
  .op-public .ahk-hero2026 {padding-top: calc(var(--h26-nav-space) + 10px); padding-bottom: 20px;}
  .op-public .ahk-hero2026__layout {min-height: calc(100svh - var(--h26-nav-space) - 30px);}
  .op-public .ahk-hero2026__eyebrow {margin-bottom: 16px; font-size: 10px;}
  .op-public .ahk-hero2026__title {font-size: clamp(39px, 4.15vw, 86px);}
  .op-public .ahk-hero2026__intro {margin-top: 18px; font-size: 15px; line-height: 1.5;}
  .op-public .ahk-hero2026__capabilities {margin-block: 18px;}
  .op-public .ahk-hero2026__capabilities svg {width: 27px; height: 27px; flex-basis: 27px;}
  .op-public .ahk-hero2026__primary,.op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal > .cv-book-trigger {min-height: 52px; padding-block: 10px;}
  .op-public .ahk-hero2026__location {margin-top: 18px; font-size: 9px;}
}
@media (min-width: 768px) and (max-height: 650px) {
  .op-public .ahk-hero2026__title {font-size: clamp(39px, 3.75vw, 74px);}
  .op-public .ahk-hero2026__intro {margin-top: 16px; font-size: 14px;}
  .op-public .ahk-hero2026__capabilities {margin-block: 14px;}
  .op-public .ahk-hero2026__location {margin-top: 14px;}
}
@media (max-width: 767px) {
  .op-public .ahk-hero2026 {padding: calc(var(--h26-nav-space) + 24px) 24px 0; --h26-motion-scale: .55;}
  .op-public .ahk-hero2026__layout {grid-template-columns: minmax(0, 1fr); min-height: 0; gap: 26px;}
  .op-public .ahk-hero2026__copy {padding: 0;}
  .op-public .ahk-hero2026__eyebrow {font-size: 9px; --h26-base-tracking: .09em; gap: 10px; margin-bottom: 24px;}
  .op-public .ahk-hero2026__eyebrow::before {width: 20px; flex-basis: 20px;}
  .op-public .ahk-hero2026__title {font-size: clamp(31px, 8.55vw, 63px); line-height: 1.06; letter-spacing: -.045em;}
  .op-public .ahk-hero2026__intro {max-width: 56ch; margin-top: 24px; font-size: 15px;}
  .op-public .ahk-hero2026__microline {font-size: 12px;}
  .op-public .ahk-hero2026__capabilities {display: grid; grid-template-columns: 1fr 1fr; row-gap: 18px; max-width: 450px; margin-block: 26px;}
  .op-public .ahk-hero2026__capabilities li {font-size: 12px; padding-inline: 18px;}
  .op-public .ahk-hero2026__capabilities svg {width: 28px; height: 28px; flex-basis: 28px;}
  .op-public .ahk-hero2026__capabilities li:nth-child(odd) {padding-inline-start: 0; border-inline-start: 0;}
  .op-public .ahk-hero2026__actions {display: grid; grid-template-columns: 1fr 1fr; gap: 10px; max-width: 460px;}
  .op-public .ahk-hero2026__primary,.op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal > .cv-book-trigger {width: 100%; min-width: 0; min-height: 58px; padding: 12px 15px; font-size: 12px; gap: 8px;}
  .op-public .ahk-hero2026__action-inner {gap: 12px;}
  .op-public .ahk-hero2026__secondary .cv-book-trigger-icon {width: 18px; height: 18px;}
  .op-public .ahk-hero2026__secondary .cv-book-trigger small {font-size: 8px;}
  .op-public .ahk-hero2026__secondary .cv-book-trigger-arrow {display: none;}
  .op-public .ahk-hero2026__location {margin-top: 22px; font-size: 10px;}
  .op-public .ahk-hero2026__portrait {min-height: 0; height: clamp(330px, 105vw, 600px); max-width: 540px; justify-self: center;}
  .op-public .ahk-hero2026__portrait-depth {inset: -16px -18px 0;}
  .op-public .ahk-hero2026__portrait-image {object-position: 50% 100%;}
  .op-public .ahk-hero2026__identity {right: 0; bottom: 4%; font-size: 12px;}
  .op-public .ahk-hero2026__workshop {object-position: 72% bottom; opacity: .7;}
  .op-public .ahk-hero2026__light--cross {inset: 26% -60% -5% 0; opacity: .7;}
  .op-public .ahk-hero2026__light--rim {left: -15%; right: -55%; bottom: 12%; opacity: .65;}
}
@media (max-width: 359px) {
  .op-public .ahk-hero2026 {padding-inline: 18px;}
  .op-public .ahk-hero2026__title {font-size: 29px;}
  .op-public .ahk-hero2026__actions {grid-template-columns: 1fr;}
}
@media (prefers-reduced-motion: reduce) {
  .op-public .ahk-hero2026__light {transform: none;}
  .op-public .ahk-hero2026__light-drift {transform: none; opacity: .65;}
  .op-public .ahk-hero2026 [data-h26-actor],
  .op-public .ahk-hero2026 [data-h26-enter],
  .op-public .ahk-hero2026__portrait-depth,
  .op-public .ahk-hero2026__ambient,
  .op-public .ahk-hero2026__action-inner,
  .op-public .ahk-hero2026__capabilities svg,
  .op-public .ahk-hero2026__microline-guide,
  .op-public .ahk-hero2026 [data-h26-guide],
  .op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal > .cv-book-trigger > * {transform: none; opacity: 1;}
  .op-public .ahk-hero2026__primary,.op-public .ahk-hero2026__primary .ahk-hero2026__arrow,.op-public .ahk-hero2026__secondary > .ahk-hero2026__action-reveal > .cv-book-trigger {transition: none; translate: none;}
  .op-public .ahk-hero2026[data-h26-active="true"] [data-h26-actor],.op-public .ahk-hero2026[data-h26-active="true"] .ahk-hero2026__portrait-depth {will-change: auto;}
  .op-public .ahk-hero2026__line:first-child .ahk-hero2026__line-inner,
  .op-public .ahk-hero2026__line--accent .ahk-hero2026__line-inner {background-position: 50% 50%;}
  .op-public .ahk-hero2026__eyebrow-text {letter-spacing: var(--h26-base-tracking);}
  .op-public .ahk-hero2026__secondary-underline {transform: translate3d(-50%, 0, 0);}
  .op-public .ahk-hero2026__primary .ahk-hero2026__action-reveal,.op-public .ahk-hero2026__secondary .cv-book-trigger > * {transition: none; translate: none!important;}
}
@media (forced-colors: active) {
  .op-public .ahk-hero2026__ambient,.op-public .ahk-hero2026__portrait-light {display: none;}
  .op-public .ahk-hero2026__line:first-child .ahk-hero2026__line-inner,
  .op-public .ahk-hero2026__line--accent .ahk-hero2026__line-inner {background: none; -webkit-text-fill-color: CanvasText; color: CanvasText;}
  .op-public .ahk-hero2026__primary,.op-public .ahk-hero2026__secondary .cv-book-trigger {border: 1px solid ButtonText;}
}

/* V31 cinematic Home: preserve original portrait/copy and the hero motion owner. */
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026{--h26-paper:#edf8fb;--h26-muted:#b8cbd3;--h26-cyan:#36e4ed;background:#020c12;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__layout{gap:clamp(28px,4.2vw,92px);min-width:0;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__copy{max-width:64rem;min-width:0;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__title{text-wrap:balance;line-height:1.04;text-shadow:0 2px 0 #010709,0 14px 34px #02091160;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__intro{max-width:57ch;font-size:clamp(17px,1.2vw,23px);line-height:1.65;text-wrap:pretty;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__eyebrow .ahk-hero2026__reveal{white-space:normal;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.5vw,30px);max-width:680px;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__capabilities li{min-width:0;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__capability-copy small{font-size:13px;line-height:1.45;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__actions{gap:16px;flex-wrap:wrap;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__primary{border:1px solid #64f4fa;background:linear-gradient(130deg,#49eaf0,#06b9d7);box-shadow:inset 0 1px 0 #d5fcff85,0 12px 30px #00bdcf12;transition:box-shadow .38s cubic-bezier(.22,1,.36,1),border-color .38s;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__primary:is(:hover,:focus-visible){border-color:#d7ffff;box-shadow:inset 0 1px 0 #fff9,0 0 0 5px #27deec16,0 16px 36px #00b8cf20;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__primary:focus-visible{outline:3px solid #a1f8ff;outline-offset:5px;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__secondary{border-color:#42727d;background:linear-gradient(155deg,#152d38ba,#06141cc9);box-shadow:inset 0 1px 0 #baf7ff14;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__identity{color:#e7f9ff;text-shadow:0 2px 14px #001016;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__microline{color:#c0d8df;line-height:1.65;}
@media(max-width:1060px){.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__capabilities{grid-template-columns:repeat(2,minmax(0,1fr));max-width:500px;}.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__intro{font-size:18px;}.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__layout{gap:28px;}}
@media(max-width:760px){.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__copy{width:100%;}.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__intro{font-size:17px;}.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__capabilities{gap:20px 16px;}.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__actions{gap:14px;}.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__eyebrow .ahk-hero2026__reveal{letter-spacing:.1em;}}
@media(prefers-reduced-motion:reduce){.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__primary{transition:none;}}
/* V31 prebuild intrinsic-width correction: keep capability descriptions readable. */
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__capabilities li{padding:0;border-inline-end:0;min-width:0;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__capabilities li .ahk-hero2026__reveal{display:flex;align-items:flex-start;gap:10px;min-width:0;width:100%;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__capability-mark{width:28px;height:28px;flex:0 0 28px;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__capability-copy{min-width:0;white-space:normal;overflow-wrap:normal;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__capability-copy :is(strong,small){white-space:normal;line-height:1.4;}
@media(forced-colors:active){.op-public[data-site-design="cinematic-v31"] .ahk-hero2026 :is(.ahk-hero2026__primary,.ahk-hero2026__secondary){background:ButtonFace;color:ButtonText;border-color:ButtonBorder;box-shadow:none;}.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__line--accent{-webkit-text-fill-color:CanvasText;color:CanvasText;background:none;text-shadow:none;}.op-public[data-site-design="cinematic-v31"] .ahk-hero2026__primary:focus-visible{outline-color:Highlight;}}

/* V33 actual Hero face correction: opaque readable text retains the original actor motion. */
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026 .ahk-hero2026__line-inner{background:none;color:#effaff;-webkit-text-fill-color:currentColor;text-shadow:0 3px 16px #010a1266;}
.op-public[data-site-design="cinematic-v31"] .ahk-hero2026 .ahk-hero2026__line--accent .ahk-hero2026__line-inner{color:#43e7ef;text-shadow:0 3px 16px #010a1266,0 0 24px #37daea14;}
@media(forced-colors:active){
 .op-public[data-site-design="cinematic-v31"] .ahk-hero2026 .ahk-hero2026__line-inner,
 .op-public[data-site-design="cinematic-v31"] .ahk-hero2026 .ahk-hero2026__line--accent .ahk-hero2026__line-inner{background:none;color:CanvasText;-webkit-text-fill-color:currentColor;text-shadow:none;}
}

/* Live 3D studies; original engineering text with a bottom-center game loading HUD. */
.ahk-safe-intro{display:none;position:fixed;inset:0;z-index:2147483000;width:100%;height:100%;overflow:hidden;isolation:isolate;background:#02070d;color:#eefaff;pointer-events:auto;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.ahk-safe-intro,.ahk-safe-intro *{box-sizing:border-box}
@supports(height:100dvh){.ahk-safe-intro{height:100dvh}}
html[data-intro-eligible="true"],html[data-intro-eligible="true"] body{overflow:hidden;overscroll-behavior:none}
html[data-intro-eligible="true"] :is(#public-prerender,#root){visibility:hidden;pointer-events:none}
html[data-intro-eligible="true"] .ahk-safe-intro{display:block}
.ahk-safe-intro__renderer{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
.ahk-safe-intro__renderer canvas{display:block;width:100%!important;height:100%!important}
.ahk-safe-intro__veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#02091170,transparent 25%,transparent 56%,#020911dd),linear-gradient(90deg,#020911c0,transparent 55%)}
.ahk-safe-intro__ui{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(16px,3vh,38px);width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:max(24px,env(safe-area-inset-top)) max(4vw,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(4vw,env(safe-area-inset-left))}
.ahk-safe-intro__top{display:flex;justify-content:space-between;align-items:center;gap:22px;min-width:0}
.ahk-safe-intro__brand{display:flex;align-items:center;gap:17px;min-width:0}
.ahk-safe-intro__mark{flex:none;font-size:clamp(38px,3.6vw,62px);line-height:1;font-weight:750;letter-spacing:-.095em;color:#f2fbff;text-shadow:0 0 25px #73ecf530}
.ahk-safe-intro__mark>span{color:#68e8ed}
.ahk-safe-intro__brand strong{display:block;font-size:clamp(11px,1vw,15px);line-height:1.5;letter-spacing:.13em;color:#edf7fc;font-weight:650;overflow-wrap:anywhere}
.ahk-safe-intro__brand small{display:block;margin-top:4px;color:#9eb9c8;font-size:9px;line-height:1.5;letter-spacing:.24em}
.ahk-safe-intro__chapter{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px 18px;color:#95acbd;font:10px/1.6 ui-monospace,monospace;letter-spacing:.15em;text-align:right}
.ahk-safe-intro__chapter>span{color:#9af7ff;white-space:nowrap}
.ahk-safe-intro__story{display:grid;align-content:center;width:min(41vw,650px);min-width:0;pointer-events:none}
.ahk-safe-intro__scene[hidden]{display:none}
.ahk-safe-intro__scene:not([hidden]){animation:ahk-intro-caption .34s cubic-bezier(.2,.75,.25,1) both}
.ahk-safe-intro__eyebrow{margin:0 0 12px;color:#a2eff4;font-size:clamp(10px,1vw,14px);line-height:1.6;font-weight:550;letter-spacing:.12em;text-transform:uppercase;text-wrap:balance}
.ahk-safe-intro__scene h2{max-width:15ch;margin:0;color:#f3fafc;font-size:clamp(36px,5vw,88px);line-height:1.04;font-weight:550;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 2px 30px #02070d90}
.ahk-safe-intro__narrative{max-width:38ch;margin:16px 0 0;color:#c6e0ed;font-size:clamp(14px,1.2vw,19px);line-height:1.5;text-wrap:pretty}
.ahk-safe-intro__hud{position:relative;justify-self:center;isolation:isolate;width:min(760px,100%);min-width:0;padding:15px 26px 14px;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);border:1px solid #80ecff7a;background:linear-gradient(180deg,#0d2234ee,#06121dee);box-shadow:inset 0 0 30px #176b8130;backdrop-filter:blur(10px);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.ahk-safe-intro__hud::before{content:"";position:absolute;inset:5px;border:1px solid #87e8ff1f;clip-path:inherit;pointer-events:none}
.ahk-safe-intro__hud::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 3px,#9adfff06 3px 4px);opacity:.6}
.ahk-safe-intro__hud-heading{display:flex;justify-content:space-between;gap:12px;color:#88bccb;font-size:8px;line-height:1.6;letter-spacing:.17em}
.ahk-safe-intro__hud-heading>span:last-child{color:#d9be80}
.ahk-safe-intro__readout{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,42px);margin:7px 0 3px;min-height:49px}
#ahk-intro-percent{display:block;min-width:4ch;color:#c5faff;font-size:clamp(38px,4vw,56px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;text-align:center;letter-spacing:-.07em;text-shadow:0 0 22px #53e4ff65}
.ahk-safe-intro__readout-wing{width:clamp(55px,12vw,140px);height:19px;border-block:1px solid #6ba6bc5c;background:repeating-linear-gradient(90deg,#72d9ed50 0 2px,transparent 2px 9px);transform:skewX(-24deg)}
.ahk-safe-intro__readout-wing:last-child{transform:skewX(24deg)}
.ahk-safe-intro__status{display:flex;justify-content:center;align-items:center;gap:9px;min-width:0;color:#c0e5ee;font-size:10px;line-height:1.5;text-align:center}
.ahk-safe-intro__status [data-intro-status]{min-width:0;overflow-wrap:anywhere}
.ahk-safe-intro__signal{flex:none;width:5px;height:5px;border-radius:1px;background:#7cecf2;box-shadow:0 0 12px #5ce5eb;animation:ahk-intro-signal 1.8s ease-in-out infinite alternate}
.ahk-safe-intro__progress-area{width:100%;margin-top:9px}
.ahk-safe-intro__progress{display:block;appearance:none;width:100%;height:11px;margin:0 0 7px;overflow:hidden;border:1px solid #629eaf70;border-radius:0;color:#79e8f7;accent-color:#79e8f7;background:#06131e}
.ahk-safe-intro__progress::-webkit-progress-bar{background:#06131e}
.ahk-safe-intro__progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,transparent 0 7px,#153e54 7px 9px),linear-gradient(90deg,#12688b,#5ce9f5,#c8ffff);box-shadow:0 0 15px #50dffc60;transition:width .2s linear}
.ahk-safe-intro__progress::-moz-progress-bar{background:repeating-linear-gradient(90deg,transparent 0 7px,#153e54 7px 9px),linear-gradient(90deg,#12688b,#5ce9f5,#c8ffff)}
.ahk-safe-intro__progress:not([value]){background:linear-gradient(90deg,#153e54 15%,#71eaf0 50%,#153e54 85%);background-size:220% 100%;animation:ahk-intro-buffer 1.7s linear infinite}
.ahk-safe-intro__telemetry{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;color:#84aebe;font-size:8px;line-height:1.5;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.ahk-safe-intro__telemetry>span:last-child{color:#c4b685;white-space:nowrap}
.ahk-safe-intro__tasks{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 16px;margin-top:8px;font-size:7px;line-height:1.6;letter-spacing:.12em;color:#53718b}
.ahk-safe-intro__tasks span::before{content:"□";display:inline-block;margin-right:5px;color:#547a8f}
.ahk-safe-intro__tasks [data-load-state="ready"]{color:#a5e5ec}
.ahk-safe-intro__tasks [data-load-state="ready"]::before{content:"■";color:#92ecdd}
.ahk-safe-intro__tasks [data-load-state="failed"]{color:#ddc494}
.ahk-safe-intro__fallback{position:absolute;inset:0;z-index:0;display:grid;place-items:center;padding-left:32%;opacity:.5;transition:opacity .3s;pointer-events:none}
.ahk-safe-intro__fallback svg{width:min(65vh,85%);height:auto;fill:none;stroke:#63e9f7;stroke-width:2}
.ahk-fallback-assembly{transform-origin:300px 300px;animation:ahk-fallback-assemble 1s ease-out both}
.ahk-fallback-rotor{transform-origin:300px 300px;animation:ahk-fallback-turn 6s linear infinite;fill:#063c4d;stroke:#54b2c4}
.ahk-fallback-probe{stroke:#bdf5ee;stroke-width:1;animation:ahk-fallback-scan 2s ease-in-out infinite alternate}
html[data-intro-playback="live"] .ahk-safe-intro__fallback{opacity:0}
html[data-intro-visibility="hidden"] .ahk-safe-intro *,html[data-intro-visibility="hidden"] .ahk-safe-intro *::before{animation-play-state:paused!important}
@keyframes ahk-intro-caption{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes ahk-intro-signal{from{opacity:.45}to{opacity:1}}
@keyframes ahk-intro-buffer{from{background-position:180% 0}to{background-position:-40% 0}}
@keyframes ahk-fallback-assemble{from{transform:scale(1.5) rotate(-35deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
@keyframes ahk-fallback-turn{to{transform:rotate(360deg)}}
@keyframes ahk-fallback-scan{to{transform:translateY(65px)}}
@media(min-width:1700px){.ahk-safe-intro__ui{padding-block:40px}.ahk-safe-intro__hud{width:800px;padding:20px 32px 18px}.ahk-safe-intro__hud-heading{font-size:9px}.ahk-safe-intro__tasks,.ahk-safe-intro__telemetry{font-size:9px}}
@media(max-width:700px){.ahk-safe-intro__ui{gap:12px;padding:20px 16px 16px}.ahk-safe-intro__top{gap:12px;align-items:flex-start}.ahk-safe-intro__brand{gap:12px}.ahk-safe-intro__brand small{font-size:8px}.ahk-safe-intro__chapter{max-width:86px;font-size:8px;gap:3px}.ahk-safe-intro__story{align-content:end;width:100%;padding-bottom:4px}.ahk-safe-intro__scene h2{font-size:clamp(30px,9.4vw,48px);max-width:17ch}.ahk-safe-intro__eyebrow{font-size:9px;margin-bottom:8px}.ahk-safe-intro__narrative{max-width:38ch;font-size:12px;line-height:1.45;margin-top:9px}.ahk-safe-intro__hud{padding:12px 15px 11px}.ahk-safe-intro__hud-heading{font-size:6px;letter-spacing:.07em}.ahk-safe-intro__readout{min-height:38px;margin-top:6px}#ahk-intro-percent{font-size:38px}.ahk-safe-intro__readout-wing{height:14px;width:60px}.ahk-safe-intro__status{font-size:9px}.ahk-safe-intro__tasks{gap:4px 9px;font-size:6px;letter-spacing:.06em}.ahk-safe-intro__telemetry{font-size:7px;letter-spacing:.05em}.ahk-safe-intro__veil{background:linear-gradient(180deg,#02091188,transparent 19%,transparent 39%,#020911c9 61%,#020911e8 84%)}.ahk-safe-intro__fallback{padding-left:0;align-items:start;padding-top:17vh}.ahk-safe-intro__fallback svg{width:90%;max-height:38vh}}
@media(max-height:550px) and (min-width:701px){.ahk-safe-intro__ui{gap:10px;padding-block:14px}.ahk-safe-intro__mark{font-size:32px}.ahk-safe-intro__story{width:43%}.ahk-safe-intro__scene h2{font-size:34px}.ahk-safe-intro__eyebrow{font-size:9px;margin-bottom:6px}.ahk-safe-intro__narrative{font-size:12px;margin-top:8px}.ahk-safe-intro__hud{width:600px;padding:8px 18px}.ahk-safe-intro__readout{min-height:32px;margin:4px 0 0}#ahk-intro-percent{font-size:32px}.ahk-safe-intro__readout-wing{height:12px}.ahk-safe-intro__tasks{margin-top:5px}.ahk-safe-intro__progress-area{margin-top:6px}.ahk-safe-intro__hud-heading{font-size:6px}}
@media(prefers-reduced-motion:reduce){.ahk-safe-intro,.ahk-safe-intro *,.ahk-safe-intro *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ahk-safe-intro__renderer{display:none}.ahk-safe-intro__fallback{transition:none}.ahk-safe-intro__scene:not([hidden]){opacity:1;transform:none}}
@media(forced-colors:active){.ahk-safe-intro__renderer,.ahk-safe-intro__fallback,.ahk-safe-intro__veil{display:none}.ahk-safe-intro{background:Canvas;color:CanvasText}.ahk-safe-intro :is(h2,p,strong,small,span){color:CanvasText}.ahk-safe-intro__hud{background:Canvas;border:1px solid CanvasText;clip-path:none}.ahk-safe-intro__progress{appearance:auto;forced-color-adjust:auto}.ahk-safe-intro__hud::after,.ahk-safe-intro__readout-wing{display:none}}

/* Owner-rerendered page01: actual copy and callouts remain separate from the live Three.js rotor. */
.ahk-safe-intro:has(.ahk-safe-intro__scene--precision:not([hidden])) .ahk-safe-intro__top{padding-bottom:12px;border-bottom:1px solid #80d5de30}
.ahk-safe-intro__story:has(.ahk-safe-intro__scene--precision:not([hidden])){display:block;width:100%;align-content:initial}
.ahk-safe-intro__scene--precision .ahk-safe-intro__precision-copy{width:min(42vw,750px);padding-top:clamp(62px,8.5vh,108px)}
.ahk-safe-intro__scene--precision h2{font-size:clamp(44px,5.2vw,102px);max-width:16ch;font-weight:620;letter-spacing:-.052em}
.ahk-safe-intro__scene--precision .ahk-safe-intro__eyebrow{color:#72ebef;font-weight:600;letter-spacing:.14em;margin-bottom:16px}
.ahk-safe-intro__precision-lead{margin:14px 0 24px;font-size:clamp(18px,1.8vw,30px);line-height:1.3;color:#edf7fc;letter-spacing:-.015em}
.ahk-safe-intro__scene--precision .ahk-safe-intro__narrative{max-width:52ch;font-size:clamp(14px,1.12vw,20px);line-height:1.45;margin-top:17px;color:#d4e3eb}
.ahk-safe-intro__precision-model-space{display:none}
.ahk-safe-intro__precision-callouts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ahk-safe-intro__precision-callouts path{fill:none;stroke:#60dfe8;stroke-width:1.35;vector-effect:non-scaling-stroke;opacity:.68}
.ahk-safe-intro__precision-callouts circle{fill:#b4fbff;stroke:#45d6ed;stroke-width:2;filter:drop-shadow(0 0 6px #64eafa)}
.ahk-safe-intro__precision-callouts text{fill:#eaf7fc;font:500 13px ui-monospace,monospace;letter-spacing:1.6px}
.ahk-safe-intro__precision-callouts tspan{fill:#64edf2}
.ahk-safe-intro__precision-callouts g{opacity:.55;transition:opacity .18s}
.ahk-safe-intro__precision-framework{position:absolute;left:max(4vw,env(safe-area-inset-left));right:max(4vw,env(safe-area-inset-right));bottom:198px;padding-top:20px;border-top:1px solid #8bcbd73a;background:linear-gradient(180deg,#02091110,#02091180);pointer-events:none}
.ahk-safe-intro__precision-framework ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:clamp(18px,3vw,56px)}
.ahk-safe-intro__precision-framework li{min-width:0;transition:opacity .18s;opacity:.76}
.ahk-safe-intro__precision-framework li+li{border-left:1px solid #87becf50;padding-left:clamp(18px,3vw,56px)}
.ahk-safe-intro__precision-framework h3{margin:0 0 12px;color:#edf5fc;font-size:clamp(11px,.92vw,16px);line-height:1.4;font-weight:550;letter-spacing:.075em}
.ahk-safe-intro__precision-framework h3 span{color:#59e9ee;margin-right:8px;font-family:ui-monospace,monospace}
.ahk-safe-intro__precision-framework p{margin:0;max-width:44ch;color:#c4d7e3;font-size:clamp(12px,1.04vw,18px);line-height:1.4;text-wrap:pretty}
.ahk-safe-intro__precision-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8bcbd730;margin-top:20px;padding-top:12px;color:#b6d2df;font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em}
.ahk-safe-intro__precision-next b,.ahk-safe-intro__precision-next em{color:#61edf0;font-style:normal;font-weight:500}
.ahk-safe-intro__precision-next em{margin-left:16px;font-size:19px}
.ahk-safe-intro__precision-dots{display:flex;gap:17px}
.ahk-safe-intro__precision-dots i{width:6px;height:6px;border:1px solid #74909c;border-radius:50%}
.ahk-safe-intro__precision-dots .is-current{background:#7ef1f2;border-color:#7ef1f2;box-shadow:0 0 12px #66eef470}
.ahk-safe-intro:has(.ahk-safe-intro__scene--precision:not([hidden])) .ahk-safe-intro__hud{width:min(640px,100%);padding:12px 22px 10px}
.ahk-safe-intro:has(.ahk-safe-intro__scene--precision:not([hidden])) .ahk-safe-intro__readout{min-height:40px;margin:5px 0 1px}
.ahk-safe-intro:has(.ahk-safe-intro__scene--precision:not([hidden])) #ahk-intro-percent{font-size:44px}
.ahk-safe-intro:has(#ahk-intro-renderer[data-precision-focus="requirements"]) [data-precision-axis="requirements"],.ahk-safe-intro:has(#ahk-intro-renderer[data-precision-focus="evidence"]) [data-precision-axis="evidence"],.ahk-safe-intro:has(#ahk-intro-renderer[data-precision-focus="improvement"]) [data-precision-axis="improvement"],.ahk-safe-intro:has(#ahk-intro-renderer[data-precision-focus="reading"]) .ahk-safe-intro__precision-framework li{opacity:1}
.ahk-safe-intro:has(#ahk-intro-renderer[data-precision-focus="requirements"]) [data-precision-label="requirements"],.ahk-safe-intro:has(#ahk-intro-renderer[data-precision-focus="evidence"]) [data-precision-label="evidence"],.ahk-safe-intro:has(#ahk-intro-renderer[data-precision-focus="improvement"]) [data-precision-label="improvement"],.ahk-safe-intro:has(#ahk-intro-renderer[data-precision-focus="reading"]) .ahk-safe-intro__precision-callouts g{opacity:1}
@media(max-width:1000px) and (min-width:701px){.ahk-safe-intro__scene--precision .ahk-safe-intro__precision-copy{padding-top:30px}.ahk-safe-intro__precision-lead{font-size:19px;margin-block:12px}.ahk-safe-intro__scene--precision .ahk-safe-intro__narrative{font-size:13px;line-height:1.4;margin-top:10px}.ahk-safe-intro__precision-framework p{font-size:11px}.ahk-safe-intro__precision-framework h3{font-size:10px}.ahk-safe-intro__precision-callouts text{font-size:12px}}
@media(max-width:700px){.ahk-safe-intro__scene--precision .ahk-safe-intro__precision-copy{width:100%;padding-top:18px}.ahk-safe-intro__scene--precision h2{font-size:clamp(32px,9.3vw,48px)}.ahk-safe-intro__scene--precision .ahk-safe-intro__eyebrow{font-size:9px;margin-bottom:8px}.ahk-safe-intro__precision-lead{font-size:18px;margin-block:10px 15px}.ahk-safe-intro__scene--precision .ahk-safe-intro__narrative{font-size:13px;line-height:1.5;margin-top:12px;max-width:100%}.ahk-safe-intro__precision-model-space{display:block;height:38vh;min-height:200px}.ahk-safe-intro__precision-framework{position:static;pointer-events:none;padding-top:14px}.ahk-safe-intro__precision-framework ol{grid-template-columns:1fr;gap:16px}.ahk-safe-intro__precision-framework li+li{padding-left:0;border-left:0;border-top:1px solid #87becf30;padding-top:14px}.ahk-safe-intro__precision-framework h3{font-size:11px;margin-bottom:7px}.ahk-safe-intro__precision-framework p{font-size:13px;line-height:1.5}.ahk-safe-intro__precision-next{gap:12px;font-size:8px}.ahk-safe-intro__precision-dots{gap:9px}.ahk-safe-intro__precision-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--precision:not([hidden])) .ahk-safe-intro__renderer{inset:auto 0 auto;top:50vh;height:36vh}.ahk-safe-intro:has(.ahk-safe-intro__scene--precision:not([hidden])) .ahk-safe-intro__hud{width:100%;padding:12px 15px 10px}.ahk-safe-intro:has(.ahk-safe-intro__scene--precision:not([hidden])) #ahk-intro-percent{font-size:38px}}
@media(max-height:700px) and (min-width:701px){.ahk-safe-intro__scene--precision .ahk-safe-intro__precision-copy{padding-top:20px}.ahk-safe-intro__scene--precision h2{font-size:clamp(34px,4.2vw,65px)}.ahk-safe-intro__precision-lead{font-size:19px;margin-block:10px 14px}.ahk-safe-intro__scene--precision .ahk-safe-intro__narrative{font-size:12px;line-height:1.4;margin-top:10px}.ahk-safe-intro__precision-framework{position:static;margin-top:24px}.ahk-safe-intro__precision-framework h3{font-size:10px}.ahk-safe-intro__precision-framework p{font-size:11px}.ahk-safe-intro__precision-next{margin-top:12px;padding-top:8px}.ahk-safe-intro__precision-callouts{display:none}}
@media(prefers-reduced-motion:reduce){.ahk-safe-intro__precision-callouts g,.ahk-safe-intro__precision-framework li{opacity:1;transition:none}}
@media(forced-colors:active){.ahk-safe-intro__precision-callouts{display:none}.ahk-safe-intro__precision-framework,.ahk-safe-intro__precision-framework li+li,.ahk-safe-intro__precision-next{border-color:CanvasText}.ahk-safe-intro__precision-dots i{border-color:CanvasText}.ahk-safe-intro__precision-dots .is-current{background:CanvasText}.ahk-safe-intro__precision-framework li{opacity:1}}

/* Keep full-viewport annotations outside the copy's animated containing block. */
.ahk-safe-intro__scene--precision:not([hidden]){animation:none;transform:none}
.ahk-safe-intro__scene--precision:not([hidden]) .ahk-safe-intro__precision-copy{animation:ahk-precision-copy .28s ease-out both}
@keyframes ahk-precision-copy{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:700px){.ahk-safe-intro:has(.ahk-safe-intro__scene--precision:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}.ahk-safe-intro__scene--precision .ahk-safe-intro__precision-copy{animation:none!important}}

/* First-slide-only framing repair after the actual desktop overlap observation. */
@media (min-width:701px) and (min-height:701px){
 .ahk-safe-intro:has(.ahk-safe-intro__scene--precision:not([hidden])) .ahk-safe-intro__renderer{top:90px;bottom:auto;height:calc(100% - 330px)}
}

/* Owner-rerendered page02: copy and callouts are separate from the live conveyor. */
.ahk-safe-intro:has(.ahk-safe-intro__scene--lean:not([hidden])) .ahk-safe-intro__top{padding-bottom:12px;border-bottom:1px solid #80d5de30}
.ahk-safe-intro__story:has(.ahk-safe-intro__scene--lean:not([hidden])){display:block;width:100%;align-content:initial}
.ahk-safe-intro__scene--lean .ahk-safe-intro__lean-copy{width:min(42vw,750px);padding-top:clamp(62px,8.5vh,108px)}
.ahk-safe-intro__scene--lean h2{font-size:clamp(44px,5.2vw,102px);max-width:16ch;font-weight:620;letter-spacing:-.052em}
.ahk-safe-intro__scene--lean .ahk-safe-intro__eyebrow{color:#72ebef;font-weight:600;letter-spacing:.14em;margin-bottom:16px}
.ahk-safe-intro__lean-lead{margin:14px 0 24px;font-size:clamp(18px,1.8vw,30px);line-height:1.3;color:#edf7fc;letter-spacing:-.015em}
.ahk-safe-intro__scene--lean .ahk-safe-intro__narrative{max-width:52ch;font-size:clamp(14px,1.12vw,20px);line-height:1.45;margin-top:17px;color:#d4e3eb}
.ahk-safe-intro__lean-model-space{display:none}
.ahk-safe-intro__lean-callouts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ahk-safe-intro__lean-callouts path{fill:none;stroke:#60dfe8;stroke-width:1.35;vector-effect:non-scaling-stroke;opacity:.68}
.ahk-safe-intro__lean-callouts circle{fill:#b4fbff;stroke:#45d6ed;stroke-width:2;filter:drop-shadow(0 0 6px #64eafa)}
.ahk-safe-intro__lean-callouts text{fill:#eaf7fc;font:500 13px ui-monospace,monospace;letter-spacing:1.6px}
.ahk-safe-intro__lean-callouts tspan{fill:#64edf2}
.ahk-safe-intro__lean-callouts g{opacity:.55;transition:opacity .18s}
.ahk-safe-intro__lean-framework{position:absolute;left:max(4vw,env(safe-area-inset-left));right:max(4vw,env(safe-area-inset-right));bottom:198px;padding-top:20px;border-top:1px solid #8bcbd73a;background:linear-gradient(180deg,#02091110,#02091180);pointer-events:none}
.ahk-safe-intro__lean-framework ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:clamp(18px,3vw,56px)}
.ahk-safe-intro__lean-framework li{min-width:0;transition:opacity .18s;opacity:.76}
.ahk-safe-intro__lean-framework li+li{border-left:1px solid #87becf50;padding-left:clamp(18px,3vw,56px)}
.ahk-safe-intro__lean-framework h3{margin:0 0 12px;color:#edf5fc;font-size:clamp(11px,.92vw,16px);line-height:1.4;font-weight:550;letter-spacing:.075em}
.ahk-safe-intro__lean-framework h3 span{color:#59e9ee;margin-right:8px;font-family:ui-monospace,monospace}
.ahk-safe-intro__lean-framework p{margin:0;max-width:44ch;color:#c4d7e3;font-size:clamp(12px,1.04vw,18px);line-height:1.4;text-wrap:pretty}
.ahk-safe-intro__lean-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8bcbd730;margin-top:20px;padding-top:12px;color:#b6d2df;font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em}
.ahk-safe-intro__lean-next b,.ahk-safe-intro__lean-next em{color:#61edf0;font-style:normal;font-weight:500}
.ahk-safe-intro__lean-next em{margin-left:16px;font-size:19px}
.ahk-safe-intro__lean-dots{display:flex;gap:17px}
.ahk-safe-intro__lean-dots i{width:6px;height:6px;border:1px solid #74909c;border-radius:50%}
.ahk-safe-intro__lean-dots .is-current{background:#7ef1f2;border-color:#7ef1f2;box-shadow:0 0 12px #66eef470}
.ahk-safe-intro:has(.ahk-safe-intro__scene--lean:not([hidden])) .ahk-safe-intro__hud{width:min(640px,100%);padding:12px 22px 10px}
.ahk-safe-intro:has(.ahk-safe-intro__scene--lean:not([hidden])) .ahk-safe-intro__readout{min-height:40px;margin:5px 0 1px}
.ahk-safe-intro:has(.ahk-safe-intro__scene--lean:not([hidden])) #ahk-intro-percent{font-size:44px}
.ahk-safe-intro:has(#ahk-intro-renderer[data-lean-focus="value-stream"]) [data-lean-axis="value-stream"],.ahk-safe-intro:has(#ahk-intro-renderer[data-lean-focus="friction"]) [data-lean-axis="friction"],.ahk-safe-intro:has(#ahk-intro-renderer[data-lean-focus="flow"]) [data-lean-axis="flow"],.ahk-safe-intro:has(#ahk-intro-renderer[data-lean-focus="reading"]) .ahk-safe-intro__lean-framework li{opacity:1}
.ahk-safe-intro:has(#ahk-intro-renderer[data-lean-focus="value-stream"]) [data-lean-label="value-stream"],.ahk-safe-intro:has(#ahk-intro-renderer[data-lean-focus="friction"]) [data-lean-label="friction"],.ahk-safe-intro:has(#ahk-intro-renderer[data-lean-focus="flow"]) [data-lean-label="flow"],.ahk-safe-intro:has(#ahk-intro-renderer[data-lean-focus="reading"]) .ahk-safe-intro__lean-callouts g{opacity:1}
@media(max-width:1000px) and (min-width:701px){.ahk-safe-intro__scene--lean .ahk-safe-intro__lean-copy{padding-top:30px}.ahk-safe-intro__lean-lead{font-size:19px;margin-block:12px}.ahk-safe-intro__scene--lean .ahk-safe-intro__narrative{font-size:13px;line-height:1.4;margin-top:10px}.ahk-safe-intro__lean-framework p{font-size:11px}.ahk-safe-intro__lean-framework h3{font-size:10px}.ahk-safe-intro__lean-callouts text{font-size:12px}}
@media(max-width:700px){.ahk-safe-intro__scene--lean .ahk-safe-intro__lean-copy{width:100%;padding-top:18px}.ahk-safe-intro__scene--lean h2{font-size:clamp(32px,9.3vw,48px)}.ahk-safe-intro__scene--lean .ahk-safe-intro__eyebrow{font-size:9px;margin-bottom:8px}.ahk-safe-intro__lean-lead{font-size:18px;margin-block:10px 15px}.ahk-safe-intro__scene--lean .ahk-safe-intro__narrative{font-size:13px;line-height:1.5;margin-top:12px;max-width:100%}.ahk-safe-intro__lean-model-space{display:block;height:38vh;min-height:200px}.ahk-safe-intro__lean-framework{position:static;pointer-events:none;padding-top:14px}.ahk-safe-intro__lean-framework ol{grid-template-columns:1fr;gap:16px}.ahk-safe-intro__lean-framework li+li{padding-left:0;border-left:0;border-top:1px solid #87becf30;padding-top:14px}.ahk-safe-intro__lean-framework h3{font-size:11px;margin-bottom:7px}.ahk-safe-intro__lean-framework p{font-size:13px;line-height:1.5}.ahk-safe-intro__lean-next{gap:12px;font-size:8px}.ahk-safe-intro__lean-dots{gap:9px}.ahk-safe-intro__lean-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--lean:not([hidden])) .ahk-safe-intro__renderer{inset:auto 0 auto;top:50vh;height:36vh}.ahk-safe-intro:has(.ahk-safe-intro__scene--lean:not([hidden])) .ahk-safe-intro__hud{width:100%;padding:12px 15px 10px}.ahk-safe-intro:has(.ahk-safe-intro__scene--lean:not([hidden])) #ahk-intro-percent{font-size:38px}}
@media(max-height:700px) and (min-width:701px){.ahk-safe-intro__scene--lean .ahk-safe-intro__lean-copy{padding-top:20px}.ahk-safe-intro__scene--lean h2{font-size:clamp(34px,4.2vw,65px)}.ahk-safe-intro__lean-lead{font-size:19px;margin-block:10px 14px}.ahk-safe-intro__scene--lean .ahk-safe-intro__narrative{font-size:12px;line-height:1.4;margin-top:10px}.ahk-safe-intro__lean-framework{position:static;margin-top:24px}.ahk-safe-intro__lean-framework h3{font-size:10px}.ahk-safe-intro__lean-framework p{font-size:11px}.ahk-safe-intro__lean-next{margin-top:12px;padding-top:8px}.ahk-safe-intro__lean-callouts{display:none}}
@media(prefers-reduced-motion:reduce){.ahk-safe-intro__lean-callouts g,.ahk-safe-intro__lean-framework li{opacity:1;transition:none}}
@media(forced-colors:active){.ahk-safe-intro__lean-callouts{display:none}.ahk-safe-intro__lean-framework,.ahk-safe-intro__lean-framework li+li,.ahk-safe-intro__lean-next{border-color:CanvasText}.ahk-safe-intro__lean-dots i{border-color:CanvasText}.ahk-safe-intro__lean-dots .is-current{background:CanvasText}.ahk-safe-intro__lean-framework li{opacity:1}}

/* Keep full-viewport annotations outside the copy's animated containing block. */
.ahk-safe-intro__scene--lean:not([hidden]){animation:none;transform:none}
.ahk-safe-intro__scene--lean:not([hidden]) .ahk-safe-intro__lean-copy{animation:ahk-lean-copy .28s ease-out both}
@keyframes ahk-lean-copy{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:700px){.ahk-safe-intro:has(.ahk-safe-intro__scene--lean:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}.ahk-safe-intro__scene--lean .ahk-safe-intro__lean-copy{animation:none!important}}

/* Second-slide framing preserves the first slide and the common bottom HUD. */
@media (min-width:701px) and (min-height:701px){
 .ahk-safe-intro:has(.ahk-safe-intro__scene--lean:not([hidden])) .ahk-safe-intro__renderer{top:90px;bottom:auto;height:calc(100% - 330px)}
}

.ahk-safe-intro__lean-guide{display:flex;justify-content:space-between;align-items:center;width:min(330px,90%);margin:22px 0 0;color:#ccf4f6;font-size:17px;letter-spacing:.015em}
.ahk-safe-intro__lean-guide span{color:#64edf2;font-size:23px}
.ahk-safe-intro__lean-callouts [data-lean-label="friction"] circle{fill:#ffde9b;stroke:#ffb64b;filter:drop-shadow(0 0 6px #ffb343)}
@media(max-width:700px){.ahk-safe-intro__lean-guide{margin-top:14px;font-size:14px}}

/* Page02 actual FullHD review correction: keep its copy and feet above the reading band. */
@media (min-width:701px) and (min-height:701px){
 .ahk-safe-intro__scene--lean .ahk-safe-intro__lean-copy{padding-top:clamp(42px,6vh,76px)}
 .ahk-safe-intro__scene--lean .ahk-safe-intro__narrative{font-size:clamp(14px,1.05vw,19px)}
 .ahk-safe-intro__lean-lead{margin-bottom:19px}
 .ahk-safe-intro__lean-guide{margin-top:17px}
 .ahk-safe-intro:has(.ahk-safe-intro__scene--lean:not([hidden])) .ahk-safe-intro__renderer{height:calc(100% - 390px)}
}

/* Owner-rerendered page03: copy and callouts are separate from the live conveyor. */
.ahk-safe-intro:has(.ahk-safe-intro__scene--sigma:not([hidden])) .ahk-safe-intro__top{padding-bottom:12px;border-bottom:1px solid #80d5de30}
.ahk-safe-intro__story:has(.ahk-safe-intro__scene--sigma:not([hidden])){display:block;width:100%;align-content:initial}
.ahk-safe-intro__scene--sigma .ahk-safe-intro__sigma-copy{width:min(42vw,750px);padding-top:clamp(62px,8.5vh,108px)}
.ahk-safe-intro__scene--sigma h2{font-size:clamp(44px,5.2vw,102px);max-width:16ch;font-weight:620;letter-spacing:-.052em}
.ahk-safe-intro__scene--sigma .ahk-safe-intro__eyebrow{color:#72ebef;font-weight:600;letter-spacing:.14em;margin-bottom:16px}
.ahk-safe-intro__sigma-lead{margin:14px 0 24px;font-size:clamp(18px,1.8vw,30px);line-height:1.3;color:#edf7fc;letter-spacing:-.015em}
.ahk-safe-intro__scene--sigma .ahk-safe-intro__narrative{max-width:52ch;font-size:clamp(14px,1.12vw,20px);line-height:1.45;margin-top:17px;color:#d4e3eb}
.ahk-safe-intro__sigma-model-space{display:none}
.ahk-safe-intro__sigma-callouts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ahk-safe-intro__sigma-callouts path{fill:none;stroke:#60dfe8;stroke-width:1.35;vector-effect:non-scaling-stroke;opacity:.68}
.ahk-safe-intro__sigma-callouts circle{fill:#b4fbff;stroke:#45d6ed;stroke-width:2;filter:drop-shadow(0 0 6px #64eafa)}
.ahk-safe-intro__sigma-callouts text{fill:#eaf7fc;font:500 13px ui-monospace,monospace;letter-spacing:1.6px}
.ahk-safe-intro__sigma-callouts tspan{fill:#64edf2}
.ahk-safe-intro__sigma-callouts g{opacity:.55;transition:opacity .18s}
.ahk-safe-intro__sigma-framework{position:absolute;left:max(4vw,env(safe-area-inset-left));right:max(4vw,env(safe-area-inset-right));bottom:198px;padding-top:20px;border-top:1px solid #8bcbd73a;background:linear-gradient(180deg,#02091110,#02091180);pointer-events:none}
.ahk-safe-intro__sigma-framework ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:clamp(18px,3vw,56px)}
.ahk-safe-intro__sigma-framework li{min-width:0;transition:opacity .18s;opacity:.76}
.ahk-safe-intro__sigma-framework li+li{border-left:1px solid #87becf50;padding-left:clamp(18px,3vw,56px)}
.ahk-safe-intro__sigma-framework h3{margin:0 0 12px;color:#edf5fc;font-size:clamp(11px,.92vw,16px);line-height:1.4;font-weight:550;letter-spacing:.075em}
.ahk-safe-intro__sigma-framework h3 span{color:#59e9ee;margin-right:8px;font-family:ui-monospace,monospace}
.ahk-safe-intro__sigma-framework p{margin:0;max-width:44ch;color:#c4d7e3;font-size:clamp(12px,1.04vw,18px);line-height:1.4;text-wrap:pretty}
.ahk-safe-intro__sigma-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8bcbd730;margin-top:20px;padding-top:12px;color:#b6d2df;font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em}
.ahk-safe-intro__sigma-next b,.ahk-safe-intro__sigma-next em{color:#61edf0;font-style:normal;font-weight:500}
.ahk-safe-intro__sigma-next em{margin-left:16px;font-size:19px}
.ahk-safe-intro__sigma-dots{display:flex;gap:17px}
.ahk-safe-intro__sigma-dots i{width:6px;height:6px;border:1px solid #74909c;border-radius:50%}
.ahk-safe-intro__sigma-dots .is-current{background:#7ef1f2;border-color:#7ef1f2;box-shadow:0 0 12px #66eef470}
.ahk-safe-intro:has(.ahk-safe-intro__scene--sigma:not([hidden])) .ahk-safe-intro__hud{width:min(640px,100%);padding:12px 22px 10px}
.ahk-safe-intro:has(.ahk-safe-intro__scene--sigma:not([hidden])) .ahk-safe-intro__readout{min-height:40px;margin:5px 0 1px}
.ahk-safe-intro:has(.ahk-safe-intro__scene--sigma:not([hidden])) #ahk-intro-percent{font-size:44px}
.ahk-safe-intro:has(#ahk-intro-renderer[data-sigma-focus="measurement"]) [data-sigma-axis="measurement"],.ahk-safe-intro:has(#ahk-intro-renderer[data-sigma-focus="variation"]) [data-sigma-axis="variation"],.ahk-safe-intro:has(#ahk-intro-renderer[data-sigma-focus="evidence"]) [data-sigma-axis="evidence"],.ahk-safe-intro:has(#ahk-intro-renderer[data-sigma-focus="reading"]) .ahk-safe-intro__sigma-framework li{opacity:1}
.ahk-safe-intro:has(#ahk-intro-renderer[data-sigma-focus="measurement"]) [data-sigma-label="measurement"],.ahk-safe-intro:has(#ahk-intro-renderer[data-sigma-focus="variation"]) [data-sigma-label="variation"],.ahk-safe-intro:has(#ahk-intro-renderer[data-sigma-focus="evidence"]) [data-sigma-label="evidence"],.ahk-safe-intro:has(#ahk-intro-renderer[data-sigma-focus="reading"]) .ahk-safe-intro__sigma-callouts g{opacity:1}
@media(max-width:1000px) and (min-width:701px){.ahk-safe-intro__scene--sigma .ahk-safe-intro__sigma-copy{padding-top:30px}.ahk-safe-intro__sigma-lead{font-size:19px;margin-block:12px}.ahk-safe-intro__scene--sigma .ahk-safe-intro__narrative{font-size:13px;line-height:1.4;margin-top:10px}.ahk-safe-intro__sigma-framework p{font-size:11px}.ahk-safe-intro__sigma-framework h3{font-size:10px}.ahk-safe-intro__sigma-callouts text{font-size:12px}}
@media(max-width:700px){.ahk-safe-intro__scene--sigma .ahk-safe-intro__sigma-copy{width:100%;padding-top:18px}.ahk-safe-intro__scene--sigma h2{font-size:clamp(32px,9.3vw,48px)}.ahk-safe-intro__scene--sigma .ahk-safe-intro__eyebrow{font-size:9px;margin-bottom:8px}.ahk-safe-intro__sigma-lead{font-size:18px;margin-block:10px 15px}.ahk-safe-intro__scene--sigma .ahk-safe-intro__narrative{font-size:13px;line-height:1.5;margin-top:12px;max-width:100%}.ahk-safe-intro__sigma-model-space{display:block;height:38vh;min-height:200px}.ahk-safe-intro__sigma-framework{position:static;pointer-events:none;padding-top:14px}.ahk-safe-intro__sigma-framework ol{grid-template-columns:1fr;gap:16px}.ahk-safe-intro__sigma-framework li+li{padding-left:0;border-left:0;border-top:1px solid #87becf30;padding-top:14px}.ahk-safe-intro__sigma-framework h3{font-size:11px;margin-bottom:7px}.ahk-safe-intro__sigma-framework p{font-size:13px;line-height:1.5}.ahk-safe-intro__sigma-next{gap:12px;font-size:8px}.ahk-safe-intro__sigma-dots{gap:9px}.ahk-safe-intro__sigma-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--sigma:not([hidden])) .ahk-safe-intro__renderer{inset:auto 0 auto;top:50vh;height:36vh}.ahk-safe-intro:has(.ahk-safe-intro__scene--sigma:not([hidden])) .ahk-safe-intro__hud{width:100%;padding:12px 15px 10px}.ahk-safe-intro:has(.ahk-safe-intro__scene--sigma:not([hidden])) #ahk-intro-percent{font-size:38px}}
@media(max-height:700px) and (min-width:701px){.ahk-safe-intro__scene--sigma .ahk-safe-intro__sigma-copy{padding-top:20px}.ahk-safe-intro__scene--sigma h2{font-size:clamp(34px,4.2vw,65px)}.ahk-safe-intro__sigma-lead{font-size:19px;margin-block:10px 14px}.ahk-safe-intro__scene--sigma .ahk-safe-intro__narrative{font-size:12px;line-height:1.4;margin-top:10px}.ahk-safe-intro__sigma-framework{position:static;margin-top:24px}.ahk-safe-intro__sigma-framework h3{font-size:10px}.ahk-safe-intro__sigma-framework p{font-size:11px}.ahk-safe-intro__sigma-next{margin-top:12px;padding-top:8px}.ahk-safe-intro__sigma-callouts{display:none}}
@media(prefers-reduced-motion:reduce){.ahk-safe-intro__sigma-callouts g,.ahk-safe-intro__sigma-framework li{opacity:1;transition:none}}
@media(forced-colors:active){.ahk-safe-intro__sigma-callouts{display:none}.ahk-safe-intro__sigma-framework,.ahk-safe-intro__sigma-framework li+li,.ahk-safe-intro__sigma-next{border-color:CanvasText}.ahk-safe-intro__sigma-dots i{border-color:CanvasText}.ahk-safe-intro__sigma-dots .is-current{background:CanvasText}.ahk-safe-intro__sigma-framework li{opacity:1}}

/* Keep full-viewport annotations outside the copy's animated containing block. */
.ahk-safe-intro__scene--sigma:not([hidden]){animation:none;transform:none}
.ahk-safe-intro__scene--sigma:not([hidden]) .ahk-safe-intro__sigma-copy{animation:ahk-sigma-copy .28s ease-out both}
@keyframes ahk-sigma-copy{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:700px){.ahk-safe-intro:has(.ahk-safe-intro__scene--sigma:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}.ahk-safe-intro__scene--sigma .ahk-safe-intro__sigma-copy{animation:none!important}}

/* Third-slide framing preserves the first slide and the common bottom HUD. */
@media (min-width:701px) and (min-height:701px){
 .ahk-safe-intro:has(.ahk-safe-intro__scene--sigma:not([hidden])) .ahk-safe-intro__renderer{top:90px;bottom:auto;height:calc(100% - 330px)}
}

.ahk-safe-intro__sigma-guide{display:flex;justify-content:space-between;align-items:center;width:min(330px,90%);margin:22px 0 0;color:#ccf4f6;font-size:17px;letter-spacing:.015em}
.ahk-safe-intro__sigma-guide span{color:#64edf2;font-size:23px}

@media(max-width:700px){.ahk-safe-intro__sigma-guide{margin-top:14px;font-size:14px}}

/* Page03 actual FullHD review correction: keep its copy and feet above the reading band. */
@media (min-width:701px) and (min-height:701px){
 .ahk-safe-intro__scene--sigma .ahk-safe-intro__sigma-copy{padding-top:clamp(42px,6vh,76px)}
 .ahk-safe-intro__scene--sigma .ahk-safe-intro__narrative{font-size:clamp(14px,1.05vw,19px)}
 .ahk-safe-intro__sigma-lead{margin-bottom:19px}
 .ahk-safe-intro__sigma-guide{margin-top:17px}
 .ahk-safe-intro:has(.ahk-safe-intro__scene--sigma:not([hidden])) .ahk-safe-intro__renderer{height:calc(100% - 390px)}
}

/* Third chapter has a two-line title and its own measurement reading layout. */
@media (min-width:701px) and (min-height:701px){
 .ahk-safe-intro__scene--sigma .ahk-safe-intro__sigma-copy{padding-top:clamp(20px,2.3vh,32px)}
 .ahk-safe-intro__scene--sigma h2{font-size:clamp(44px,4.5vw,86px);line-height:1;max-width:16ch}
 .ahk-safe-intro__sigma-lead{font-size:clamp(18px,1.4vw,26px);margin-block:14px 18px}
 .ahk-safe-intro__scene--sigma .ahk-safe-intro__narrative{font-size:clamp(14px,.95vw,18px);line-height:1.45;margin-top:15px;max-width:52ch}
 .ahk-safe-intro__sigma-guide{margin-top:17px}
}

/* Owner-approved page04: five linked DMAIC stages; copy and labels stay live DOM. */
.ahk-safe-intro:has(.ahk-safe-intro__scene--dmaic:not([hidden])) .ahk-safe-intro__top{padding-bottom:12px;border-bottom:1px solid #80d5de30}
.ahk-safe-intro__story:has(.ahk-safe-intro__scene--dmaic:not([hidden])){display:block;width:100%;align-content:initial}
.ahk-safe-intro__scene--dmaic:not([hidden]){animation:none;transform:none}
.ahk-safe-intro__dmaic-copy{width:min(39vw,720px);padding-top:clamp(24px,3vh,36px);animation:ahk-dmaic-copy .28s ease-out both}
.ahk-safe-intro__scene--dmaic h2{font-size:clamp(64px,7vw,132px);line-height:.98;max-width:8ch;font-weight:620;letter-spacing:-.055em}
.ahk-safe-intro__scene--dmaic .ahk-safe-intro__eyebrow{color:#72ebef;font-size:clamp(10px,.86vw,14px);font-weight:600;letter-spacing:.13em;margin-bottom:16px}
.ahk-safe-intro__dmaic-lead{margin:14px 0 22px;font-size:clamp(20px,1.7vw,30px);line-height:1.3;color:#edf7fc;letter-spacing:-.015em}
.ahk-safe-intro__scene--dmaic .ahk-safe-intro__narrative{max-width:51ch;font-size:clamp(14px,.98vw,19px);line-height:1.48;margin-top:17px;color:#d4e3eb}
.ahk-safe-intro__dmaic-guide{display:flex;justify-content:space-between;align-items:center;width:min(340px,90%);margin:24px 0 0;color:#ccf4f6;font-size:17px;line-height:1.5;letter-spacing:.015em}
.ahk-safe-intro__dmaic-guide span{color:#64edf2;font-size:23px}
.ahk-safe-intro__dmaic-model-space{display:none}
.ahk-safe-intro__dmaic-callouts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ahk-safe-intro__dmaic-callouts path{fill:none;stroke:#60dfe8;stroke-width:1.35;vector-effect:non-scaling-stroke;opacity:.68}
.ahk-safe-intro__dmaic-callouts circle{fill:#b4fbff;stroke:#45d6ed;stroke-width:2;filter:drop-shadow(0 0 6px #64eafa)}
.ahk-safe-intro__dmaic-callouts text{fill:#eaf7fc;font:500 13px ui-monospace,monospace;letter-spacing:1.6px}
.ahk-safe-intro__dmaic-callouts tspan{fill:#64edf2}
.ahk-safe-intro__dmaic-callouts g{opacity:.5;transition:opacity .18s}
.ahk-safe-intro__dmaic-framework{position:absolute;left:max(4vw,env(safe-area-inset-left));right:max(4vw,env(safe-area-inset-right));bottom:198px;padding-top:20px;border-top:1px solid #8bcbd73a;background:linear-gradient(180deg,#02091110,#02091180);pointer-events:none}
.ahk-safe-intro__dmaic-framework ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:clamp(14px,1.8vw,32px)}
.ahk-safe-intro__dmaic-framework li{min-width:0;opacity:.76;transition:opacity .18s}
.ahk-safe-intro__dmaic-framework li+li{border-left:1px solid #87becf50;padding-left:clamp(14px,1.8vw,32px)}
.ahk-safe-intro__dmaic-framework h3{margin:0 0 12px;color:#edf5fc;font-size:clamp(11px,.9vw,16px);line-height:1.4;font-weight:550;letter-spacing:.07em;pointer-events:auto;cursor:default;outline-offset:6px}
.ahk-safe-intro__dmaic-framework h3 span{color:#59e9ee;margin-right:6px;font-family:ui-monospace,monospace}
.ahk-safe-intro__dmaic-framework h3:focus-visible{outline:2px solid #8df6ff}
.ahk-safe-intro__dmaic-framework li:focus-within{opacity:1}
.ahk-safe-intro__dmaic-framework p{margin:0;max-width:37ch;color:#c4d7e3;font-size:clamp(12px,.92vw,17px);line-height:1.44;text-wrap:pretty}
.ahk-safe-intro__dmaic-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8bcbd730;margin-top:20px;padding-top:12px;color:#b6d2df;font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em}
.ahk-safe-intro__dmaic-next b,.ahk-safe-intro__dmaic-next em{color:#61edf0;font-style:normal;font-weight:500}
.ahk-safe-intro__dmaic-next em{margin-left:16px;font-size:19px}
.ahk-safe-intro__dmaic-dots{display:flex;gap:17px}
.ahk-safe-intro__dmaic-dots i{width:6px;height:6px;border:1px solid #74909c;border-radius:50%}
.ahk-safe-intro__dmaic-dots .is-current{background:#7ef1f2;border-color:#7ef1f2;box-shadow:0 0 12px #66eef470}
.ahk-safe-intro:has(#ahk-intro-renderer[data-dmaic-focus="define"]) [data-dmaic-axis="define"],.ahk-safe-intro:has(#ahk-intro-renderer[data-dmaic-focus="measure"]) [data-dmaic-axis="measure"],.ahk-safe-intro:has(#ahk-intro-renderer[data-dmaic-focus="analyze"]) [data-dmaic-axis="analyze"],.ahk-safe-intro:has(#ahk-intro-renderer[data-dmaic-focus="improve"]) [data-dmaic-axis="improve"],.ahk-safe-intro:has(#ahk-intro-renderer[data-dmaic-focus="control"]) [data-dmaic-axis="control"],.ahk-safe-intro:has(#ahk-intro-renderer[data-dmaic-focus="reading"]) .ahk-safe-intro__dmaic-framework li{opacity:1}
.ahk-safe-intro:has(#ahk-intro-renderer[data-dmaic-focus="define"]) [data-dmaic-label="define"],.ahk-safe-intro:has(#ahk-intro-renderer[data-dmaic-focus="measure"]) [data-dmaic-label="measure"],.ahk-safe-intro:has(#ahk-intro-renderer[data-dmaic-focus="analyze"]) [data-dmaic-label="analyze"],.ahk-safe-intro:has(#ahk-intro-renderer[data-dmaic-focus="improve"]) [data-dmaic-label="improve"],.ahk-safe-intro:has(#ahk-intro-renderer[data-dmaic-focus="control"]) [data-dmaic-label="control"],.ahk-safe-intro:has(#ahk-intro-renderer[data-dmaic-focus="reading"]) .ahk-safe-intro__dmaic-callouts g{opacity:1}
@keyframes ahk-dmaic-copy{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(min-width:1000px) and (min-height:851px){.ahk-safe-intro:has(.ahk-safe-intro__scene--dmaic:not([hidden])) .ahk-safe-intro__renderer{top:90px;bottom:auto;height:calc(100% - 390px)}}
@media(min-width:1000px) and (max-height:850px){.ahk-safe-intro__dmaic-copy{padding-top:20px;width:40vw}.ahk-safe-intro__scene--dmaic h2{font-size:clamp(56px,6.2vw,94px)}.ahk-safe-intro__dmaic-lead{font-size:21px;margin-block:10px 14px}.ahk-safe-intro__scene--dmaic .ahk-safe-intro__narrative{font-size:13px;line-height:1.4;margin-top:11px}.ahk-safe-intro__dmaic-guide{margin-top:16px;font-size:14px}.ahk-safe-intro__dmaic-framework{position:static;margin-top:30px}.ahk-safe-intro__dmaic-framework h3{font-size:10px;margin-bottom:8px}.ahk-safe-intro__dmaic-framework p{font-size:12px}.ahk-safe-intro__dmaic-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--dmaic:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}}
@media(max-width:999px){.ahk-safe-intro__dmaic-copy{width:100%;max-width:760px;padding-top:22px;animation:none}.ahk-safe-intro__scene--dmaic h2{font-size:clamp(48px,9vw,86px)}.ahk-safe-intro__dmaic-lead{font-size:20px;margin-block:12px 16px}.ahk-safe-intro__scene--dmaic .ahk-safe-intro__narrative{font-size:14px;max-width:60ch;margin-top:13px}.ahk-safe-intro__dmaic-model-space{display:block;height:40vh;min-height:260px}.ahk-safe-intro__dmaic-framework{position:static;padding-top:16px}.ahk-safe-intro__dmaic-framework ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ahk-safe-intro__dmaic-framework li+li{border-left:0;padding-left:0}.ahk-safe-intro__dmaic-framework li{padding-top:12px;border-top:1px solid #87becf30}.ahk-safe-intro__dmaic-framework h3{font-size:12px;margin-bottom:8px}.ahk-safe-intro__dmaic-framework p{font-size:14px}.ahk-safe-intro__dmaic-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--dmaic:not([hidden])) .ahk-safe-intro__renderer{inset:auto 0 auto;top:47vh;height:38vh}.ahk-safe-intro:has(.ahk-safe-intro__scene--dmaic:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}.ahk-safe-intro__dmaic-guide{font-size:15px;margin-top:18px}}
@media(max-width:700px){.ahk-safe-intro__dmaic-copy{padding-top:18px}.ahk-safe-intro__scene--dmaic .ahk-safe-intro__eyebrow{font-size:9px;line-height:1.65;margin-bottom:10px;letter-spacing:.08em}.ahk-safe-intro__scene--dmaic h2{font-size:clamp(48px,13vw,70px)}.ahk-safe-intro__dmaic-lead{font-size:18px}.ahk-safe-intro__scene--dmaic .ahk-safe-intro__narrative{font-size:13px;line-height:1.5}.ahk-safe-intro__dmaic-model-space{height:36vh;min-height:240px}.ahk-safe-intro__dmaic-framework ol{grid-template-columns:1fr;gap:16px}.ahk-safe-intro__dmaic-framework p{font-size:13px;line-height:1.5}.ahk-safe-intro__dmaic-next{gap:12px;font-size:8px}.ahk-safe-intro__dmaic-dots{gap:9px}.ahk-safe-intro:has(.ahk-safe-intro__scene--dmaic:not([hidden])) .ahk-safe-intro__renderer{top:54vh;height:34vh}}
@media(prefers-reduced-motion:reduce){.ahk-safe-intro__dmaic-copy{animation:none}.ahk-safe-intro__dmaic-callouts g,.ahk-safe-intro__dmaic-framework li{opacity:1;transition:none}}
@media(forced-colors:active){.ahk-safe-intro__dmaic-callouts{display:none}.ahk-safe-intro__dmaic-framework,.ahk-safe-intro__dmaic-framework li+li,.ahk-safe-intro__dmaic-next{border-color:CanvasText}.ahk-safe-intro__dmaic-framework h3:focus-visible{outline-color:Highlight}.ahk-safe-intro__dmaic-dots i{border-color:CanvasText}.ahk-safe-intro__dmaic-dots .is-current{background:CanvasText}.ahk-safe-intro__dmaic-framework li{opacity:1}}
/* Page05 owner reference: Quality Assurance copy and linked native headings. */
.ahk-safe-intro:has(.ahk-safe-intro__scene--assurance:not([hidden])) .ahk-safe-intro__top{padding-bottom:12px;border-bottom:1px solid #80d5de30}
.ahk-safe-intro__story:has(.ahk-safe-intro__scene--assurance:not([hidden])){display:block;width:100%;align-content:initial}
.ahk-safe-intro__scene--assurance:not([hidden]){animation:none;transform:none}
.ahk-safe-intro__assurance-copy{width:min(39vw,720px);padding-top:clamp(18px,2.2vh,28px);animation:ahk-assurance-copy .28s ease-out both}
.ahk-safe-intro__scene--assurance h2{font-size:clamp(64px,5.4vw,104px);line-height:.98;max-width:12ch;font-weight:620;letter-spacing:-.055em}
.ahk-safe-intro__scene--assurance .ahk-safe-intro__eyebrow{color:#72ebef;font-size:clamp(10px,.86vw,14px);font-weight:600;letter-spacing:.13em;margin-bottom:12px}
.ahk-safe-intro__assurance-lead{margin:12px 0 16px;font-size:clamp(20px,1.4vw,27px);line-height:1.3;color:#edf7fc;letter-spacing:-.015em}
.ahk-safe-intro__scene--assurance .ahk-safe-intro__narrative{max-width:54ch;font-size:clamp(14px,.94vw,18px);line-height:1.44;margin-top:14px;color:#d4e3eb}
.ahk-safe-intro__assurance-guide{display:flex;justify-content:space-between;align-items:center;width:min(380px,94%);margin:20px 0 0;color:#ccf4f6;font-size:16px;line-height:1.5;letter-spacing:.015em}
.ahk-safe-intro__assurance-guide span{color:#64edf2;font-size:22px}
.ahk-safe-intro__assurance-model-space{display:none}
.ahk-safe-intro__assurance-callouts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ahk-safe-intro__assurance-callouts path{fill:none;stroke:#60dfe8;stroke-width:1.35;vector-effect:non-scaling-stroke;opacity:.68}
.ahk-safe-intro__assurance-callouts circle{fill:#b4fbff;stroke:#45d6ed;stroke-width:2;filter:drop-shadow(0 0 6px #64eafa)}
.ahk-safe-intro__assurance-callouts text{fill:#eaf7fc;font:500 13px ui-monospace,monospace;letter-spacing:1.6px}
.ahk-safe-intro__assurance-callouts tspan{fill:#64edf2}
.ahk-safe-intro__assurance-callouts g{opacity:.54;transition:opacity .18s}
.ahk-safe-intro__assurance-framework{position:absolute;left:max(4vw,env(safe-area-inset-left));right:max(4vw,env(safe-area-inset-right));bottom:198px;padding-top:20px;border-top:1px solid #8bcbd73a;background:linear-gradient(180deg,#02091110,#02091180);pointer-events:none}
.ahk-safe-intro__assurance-framework ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:clamp(24px,2.5vw,44px)}
.ahk-safe-intro__assurance-framework li{min-width:0;opacity:.76;transition:opacity .18s}
.ahk-safe-intro__assurance-framework li+li{border-left:1px solid #87becf50;padding-left:clamp(24px,2.5vw,44px)}
.ahk-safe-intro__assurance-framework h3{margin:0 0 12px;color:#edf5fc;font-size:clamp(11px,.9vw,16px);line-height:1.4;font-weight:550;letter-spacing:.065em;pointer-events:auto;cursor:default;outline-offset:6px}
.ahk-safe-intro__assurance-framework h3 span{color:#59e9ee;margin-right:6px;font-family:ui-monospace,monospace}
.ahk-safe-intro__assurance-framework h3:focus-visible{outline:2px solid #8df6ff}
.ahk-safe-intro__assurance-framework li:focus-within{opacity:1}
.ahk-safe-intro__assurance-framework p{margin:0;max-width:54ch;color:#c4d7e3;font-size:clamp(12px,.92vw,17px);line-height:1.44;text-wrap:pretty}
.ahk-safe-intro__assurance-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8bcbd730;margin-top:20px;padding-top:12px;color:#b6d2df;font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em}
.ahk-safe-intro__assurance-next b,.ahk-safe-intro__assurance-next em{color:#61edf0;font-style:normal;font-weight:500}
.ahk-safe-intro__assurance-next em{margin-left:16px;font-size:19px}
.ahk-safe-intro__assurance-dots{display:flex;gap:17px}
.ahk-safe-intro__assurance-dots i{width:6px;height:6px;border:1px solid #74909c;border-radius:50%}
.ahk-safe-intro__assurance-dots .is-current{background:#7ef1f2;border-color:#7ef1f2;box-shadow:0 0 12px #66eef470}
.ahk-safe-intro:has(#ahk-intro-renderer[data-assurance-focus="requirements"]) [data-assurance-axis="requirements"],.ahk-safe-intro:has(#ahk-intro-renderer[data-assurance-focus="traceability"]) [data-assurance-axis="traceability"],.ahk-safe-intro:has(#ahk-intro-renderer[data-assurance-focus="review"]) [data-assurance-axis="review"],.ahk-safe-intro:has(#ahk-intro-renderer[data-assurance-focus="reading"]) .ahk-safe-intro__assurance-framework li{opacity:1}
.ahk-safe-intro:has(#ahk-intro-renderer[data-assurance-focus="requirements"]) [data-assurance-label="requirements"],.ahk-safe-intro:has(#ahk-intro-renderer[data-assurance-focus="traceability"]) [data-assurance-label="traceability"],.ahk-safe-intro:has(#ahk-intro-renderer[data-assurance-focus="review"]) [data-assurance-label="review"],.ahk-safe-intro:has(#ahk-intro-renderer[data-assurance-focus="reading"]) .ahk-safe-intro__assurance-callouts g{opacity:1}
@keyframes ahk-assurance-copy{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(min-width:1000px) and (min-height:851px){.ahk-safe-intro:has(.ahk-safe-intro__scene--assurance:not([hidden])) .ahk-safe-intro__renderer{top:90px;bottom:auto;height:calc(100% - 390px)}}
@media(min-width:1000px) and (max-height:850px){.ahk-safe-intro__assurance-copy{padding-top:16px;width:40vw}.ahk-safe-intro__scene--assurance h2{font-size:clamp(52px,5.6vw,80px)}.ahk-safe-intro__assurance-lead{font-size:21px;margin-block:10px 14px}.ahk-safe-intro__scene--assurance .ahk-safe-intro__narrative{font-size:13px;line-height:1.4;margin-top:11px}.ahk-safe-intro__assurance-guide{margin-top:16px;font-size:14px}.ahk-safe-intro__assurance-framework{position:static;margin-top:30px}.ahk-safe-intro__assurance-framework h3{font-size:10px;margin-bottom:8px}.ahk-safe-intro__assurance-framework p{font-size:12px}.ahk-safe-intro__assurance-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--assurance:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}}
@media(max-width:999px){.ahk-safe-intro__assurance-copy{width:100%;max-width:760px;padding-top:18px;animation:none}.ahk-safe-intro__scene--assurance h2{font-size:clamp(48px,8vw,82px)}.ahk-safe-intro__assurance-lead{font-size:20px;margin-block:12px 16px}.ahk-safe-intro__scene--assurance .ahk-safe-intro__narrative{font-size:14px;max-width:60ch;margin-top:13px}.ahk-safe-intro__assurance-model-space{display:block;height:40vh;min-height:280px}.ahk-safe-intro__assurance-framework{position:static;padding-top:16px}.ahk-safe-intro__assurance-framework ol{grid-template-columns:1fr;gap:20px}.ahk-safe-intro__assurance-framework li+li{border-left:0;padding-left:0}.ahk-safe-intro__assurance-framework li{padding-top:12px;border-top:1px solid #87becf30}.ahk-safe-intro__assurance-framework h3{font-size:12px;margin-bottom:8px}.ahk-safe-intro__assurance-framework p{font-size:14px;max-width:60ch}.ahk-safe-intro__assurance-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--assurance:not([hidden])) .ahk-safe-intro__renderer{inset:auto 0 auto;top:56vh;height:38vh}.ahk-safe-intro:has(.ahk-safe-intro__scene--assurance:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}.ahk-safe-intro__assurance-guide{font-size:15px;margin-top:18px}}
@media(max-width:700px){.ahk-safe-intro__assurance-copy{padding-top:14px}.ahk-safe-intro__scene--assurance .ahk-safe-intro__eyebrow{font-size:9px;line-height:1.65;margin-bottom:10px;letter-spacing:.08em}.ahk-safe-intro__scene--assurance h2{font-size:clamp(48px,12vw,70px)}.ahk-safe-intro__assurance-lead{font-size:18px}.ahk-safe-intro__scene--assurance .ahk-safe-intro__narrative{font-size:13px;line-height:1.5}.ahk-safe-intro__assurance-model-space{height:36vh;min-height:240px}.ahk-safe-intro__assurance-framework p{font-size:13px;line-height:1.5}.ahk-safe-intro__assurance-next{gap:12px;font-size:8px}.ahk-safe-intro__assurance-dots{gap:9px}.ahk-safe-intro:has(.ahk-safe-intro__scene--assurance:not([hidden])) .ahk-safe-intro__renderer{top:60vh;height:34vh}}
@media(prefers-reduced-motion:reduce){.ahk-safe-intro__assurance-copy{animation:none}.ahk-safe-intro__assurance-callouts g,.ahk-safe-intro__assurance-framework li{opacity:1;transition:none}}
@media(forced-colors:active){.ahk-safe-intro__assurance-callouts{display:none}.ahk-safe-intro__assurance-framework,.ahk-safe-intro__assurance-framework li+li,.ahk-safe-intro__assurance-next{border-color:CanvasText}.ahk-safe-intro__assurance-framework h3:focus-visible{outline-color:Highlight}.ahk-safe-intro__assurance-dots i{border-color:CanvasText}.ahk-safe-intro__assurance-dots .is-current{background:CanvasText}.ahk-safe-intro__assurance-framework li{opacity:1}}
/* Page06 owner reference: Root Cause copy and linked native headings. */
.ahk-safe-intro:has(.ahk-safe-intro__scene--root-cause:not([hidden])) .ahk-safe-intro__top{padding-bottom:12px;border-bottom:1px solid #80d5de30}
.ahk-safe-intro__story:has(.ahk-safe-intro__scene--root-cause:not([hidden])){display:block;width:100%;align-content:initial}
.ahk-safe-intro__scene--root-cause:not([hidden]){animation:none;transform:none}
.ahk-safe-intro__root-cause-copy{width:min(40vw,740px);padding-top:clamp(16px,2vh,24px);animation:ahk-root-cause-copy .28s ease-out both}
.ahk-safe-intro__scene--root-cause h2{font-size:clamp(64px,5.7vw,110px);line-height:.98;max-width:12ch;font-weight:620;letter-spacing:-.055em}
.ahk-safe-intro__scene--root-cause .ahk-safe-intro__eyebrow{color:#72ebef;font-size:clamp(10px,.86vw,14px);font-weight:600;letter-spacing:.13em;margin-bottom:12px}
.ahk-safe-intro__root-cause-lead{margin:12px 0 16px;font-size:clamp(20px,1.4vw,27px);line-height:1.3;color:#edf7fc;letter-spacing:-.015em}
.ahk-safe-intro__scene--root-cause .ahk-safe-intro__narrative{max-width:54ch;font-size:clamp(14px,.94vw,18px);line-height:1.44;margin-top:14px;color:#d4e3eb}
.ahk-safe-intro__root-cause-guide{display:flex;justify-content:space-between;align-items:center;width:min(380px,94%);margin:20px 0 0;color:#ccf4f6;font-size:16px;line-height:1.5;letter-spacing:.015em}
.ahk-safe-intro__root-cause-guide span{color:#64edf2;font-size:22px}
.ahk-safe-intro__root-cause-model-space{display:none}
.ahk-safe-intro__root-cause-callouts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ahk-safe-intro__root-cause-callouts path{fill:none;stroke:#60dfe8;stroke-width:1.35;vector-effect:non-scaling-stroke;opacity:.68}
.ahk-safe-intro__root-cause-callouts circle{fill:#b4fbff;stroke:#45d6ed;stroke-width:2;filter:drop-shadow(0 0 6px #64eafa)}
.ahk-safe-intro__root-cause-callouts text{fill:#eaf7fc;font:500 13px ui-monospace,monospace;letter-spacing:1.6px}
.ahk-safe-intro__root-cause-callouts tspan{fill:#64edf2}
.ahk-safe-intro__root-cause-callouts g{opacity:.54;transition:opacity .18s}
.ahk-safe-intro__root-cause-framework{position:absolute;left:max(4vw,env(safe-area-inset-left));right:max(4vw,env(safe-area-inset-right));bottom:198px;padding-top:20px;border-top:1px solid #8bcbd73a;background:linear-gradient(180deg,#02091110,#02091180);pointer-events:none}
.ahk-safe-intro__root-cause-framework ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:clamp(24px,2.5vw,44px)}
.ahk-safe-intro__root-cause-framework li{min-width:0;opacity:.76;transition:opacity .18s}
.ahk-safe-intro__root-cause-framework li+li{border-left:1px solid #87becf50;padding-left:clamp(24px,2.5vw,44px)}
.ahk-safe-intro__root-cause-framework h3{margin:0 0 12px;color:#edf5fc;font-size:clamp(11px,.9vw,16px);line-height:1.4;font-weight:550;letter-spacing:.065em;pointer-events:auto;cursor:default;outline-offset:6px}
.ahk-safe-intro__root-cause-framework h3 span{color:#59e9ee;margin-right:6px;font-family:ui-monospace,monospace}
.ahk-safe-intro__root-cause-framework h3:focus-visible{outline:2px solid #8df6ff}
.ahk-safe-intro__root-cause-framework li:focus-within{opacity:1}
.ahk-safe-intro__root-cause-framework p{margin:0;max-width:54ch;color:#c4d7e3;font-size:clamp(12px,.92vw,17px);line-height:1.44;text-wrap:pretty}
.ahk-safe-intro__root-cause-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8bcbd730;margin-top:20px;padding-top:12px;color:#b6d2df;font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em}
.ahk-safe-intro__root-cause-next b,.ahk-safe-intro__root-cause-next em{color:#61edf0;font-style:normal;font-weight:500}
.ahk-safe-intro__root-cause-next em{margin-left:16px;font-size:19px}
.ahk-safe-intro__root-cause-dots{display:flex;gap:17px}
.ahk-safe-intro__root-cause-dots i{width:6px;height:6px;border:1px solid #74909c;border-radius:50%}
.ahk-safe-intro__root-cause-dots .is-current{background:#7ef1f2;border-color:#7ef1f2;box-shadow:0 0 12px #66eef470}
.ahk-safe-intro:has(#ahk-intro-renderer[data-root-cause-focus="arrival"]) [data-root-cause-axis="problem"],.ahk-safe-intro:has(#ahk-intro-renderer[data-root-cause-focus="point-checks"]) [data-root-cause-axis="hypotheses"],.ahk-safe-intro:has(#ahk-intro-renderer[data-root-cause-focus="problem"]) [data-root-cause-axis="problem"],.ahk-safe-intro:has(#ahk-intro-renderer[data-root-cause-focus="hypotheses"]) [data-root-cause-axis="hypotheses"],.ahk-safe-intro:has(#ahk-intro-renderer[data-root-cause-focus="verification"]) [data-root-cause-axis="verification"],.ahk-safe-intro:has(#ahk-intro-renderer[data-root-cause-focus="reading"]) .ahk-safe-intro__root-cause-framework li{opacity:1}
.ahk-safe-intro:has(#ahk-intro-renderer[data-root-cause-focus="arrival"]) [data-root-cause-label="problem"],.ahk-safe-intro:has(#ahk-intro-renderer[data-root-cause-focus="point-checks"]) [data-root-cause-label="hypotheses"],.ahk-safe-intro:has(#ahk-intro-renderer[data-root-cause-focus="problem"]) [data-root-cause-label="problem"],.ahk-safe-intro:has(#ahk-intro-renderer[data-root-cause-focus="hypotheses"]) [data-root-cause-label="hypotheses"],.ahk-safe-intro:has(#ahk-intro-renderer[data-root-cause-focus="verification"]) [data-root-cause-label="verification"],.ahk-safe-intro:has(#ahk-intro-renderer[data-root-cause-focus="reading"]) .ahk-safe-intro__root-cause-callouts g{opacity:1}
@keyframes ahk-root-cause-copy{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(min-width:1000px) and (min-height:851px){.ahk-safe-intro:has(.ahk-safe-intro__scene--root-cause:not([hidden])) .ahk-safe-intro__renderer{top:90px;bottom:auto;height:calc(100% - 390px)}}
@media(min-width:1000px) and (max-height:850px){.ahk-safe-intro__root-cause-copy{padding-top:16px;width:40vw}.ahk-safe-intro__scene--root-cause h2{font-size:clamp(52px,5.6vw,80px)}.ahk-safe-intro__root-cause-lead{font-size:21px;margin-block:10px 14px}.ahk-safe-intro__scene--root-cause .ahk-safe-intro__narrative{font-size:13px;line-height:1.4;margin-top:11px}.ahk-safe-intro__root-cause-guide{margin-top:16px;font-size:14px}.ahk-safe-intro__root-cause-framework{position:static;margin-top:30px}.ahk-safe-intro__root-cause-framework h3{font-size:10px;margin-bottom:8px}.ahk-safe-intro__root-cause-framework p{font-size:12px}.ahk-safe-intro__root-cause-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--root-cause:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}}
@media(max-width:999px){.ahk-safe-intro__root-cause-copy{width:100%;max-width:760px;padding-top:18px;animation:none}.ahk-safe-intro__scene--root-cause h2{font-size:clamp(48px,8vw,82px)}.ahk-safe-intro__root-cause-lead{font-size:20px;margin-block:12px 16px}.ahk-safe-intro__scene--root-cause .ahk-safe-intro__narrative{font-size:14px;max-width:60ch;margin-top:13px}.ahk-safe-intro__root-cause-model-space{display:block;height:40vh;min-height:280px}.ahk-safe-intro__root-cause-framework{position:static;padding-top:16px}.ahk-safe-intro__root-cause-framework ol{grid-template-columns:1fr;gap:20px}.ahk-safe-intro__root-cause-framework li+li{border-left:0;padding-left:0}.ahk-safe-intro__root-cause-framework li{padding-top:12px;border-top:1px solid #87becf30}.ahk-safe-intro__root-cause-framework h3{font-size:12px;margin-bottom:8px}.ahk-safe-intro__root-cause-framework p{font-size:14px;max-width:60ch}.ahk-safe-intro__root-cause-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--root-cause:not([hidden])) .ahk-safe-intro__renderer{inset:auto 0 auto;top:56vh;height:38vh}.ahk-safe-intro:has(.ahk-safe-intro__scene--root-cause:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}.ahk-safe-intro__root-cause-guide{font-size:15px;margin-top:18px}}
@media(max-width:700px){.ahk-safe-intro__root-cause-copy{padding-top:14px}.ahk-safe-intro__scene--root-cause .ahk-safe-intro__eyebrow{font-size:9px;line-height:1.65;margin-bottom:10px;letter-spacing:.08em}.ahk-safe-intro__scene--root-cause h2{font-size:clamp(48px,12vw,70px)}.ahk-safe-intro__root-cause-lead{font-size:18px}.ahk-safe-intro__scene--root-cause .ahk-safe-intro__narrative{font-size:13px;line-height:1.5}.ahk-safe-intro__root-cause-model-space{height:36vh;min-height:240px}.ahk-safe-intro__root-cause-framework p{font-size:13px;line-height:1.5}.ahk-safe-intro__root-cause-next{gap:12px;font-size:8px}.ahk-safe-intro__root-cause-dots{gap:9px}.ahk-safe-intro:has(.ahk-safe-intro__scene--root-cause:not([hidden])) .ahk-safe-intro__renderer{top:60vh;height:34vh}}
@media(prefers-reduced-motion:reduce){.ahk-safe-intro__root-cause-copy{animation:none}.ahk-safe-intro__root-cause-callouts g,.ahk-safe-intro__root-cause-framework li{opacity:1;transition:none}}
@media(forced-colors:active){.ahk-safe-intro__root-cause-callouts{display:none}.ahk-safe-intro__root-cause-framework,.ahk-safe-intro__root-cause-framework li+li,.ahk-safe-intro__root-cause-next{border-color:CanvasText}.ahk-safe-intro__root-cause-framework h3:focus-visible{outline-color:Highlight}.ahk-safe-intro__root-cause-dots i{border-color:CanvasText}.ahk-safe-intro__root-cause-dots .is-current{background:CanvasText}.ahk-safe-intro__root-cause-framework li{opacity:1}}

/* Page07 owner reference: AI Insight copy and linked native headings. */
.ahk-safe-intro:has(.ahk-safe-intro__scene--ai-insight:not([hidden])) .ahk-safe-intro__top{padding-bottom:12px;border-bottom:1px solid #80d5de30}
.ahk-safe-intro__story:has(.ahk-safe-intro__scene--ai-insight:not([hidden])){display:block;width:100%;align-content:initial}
.ahk-safe-intro__scene--ai-insight:not([hidden]){animation:none;transform:none}
.ahk-safe-intro__ai-insight-copy{width:min(40vw,740px);padding-top:clamp(16px,2vh,24px);animation:ahk-ai-insight-copy .28s ease-out both}
.ahk-safe-intro__scene--ai-insight h2{font-size:clamp(64px,5.7vw,110px);line-height:.98;max-width:12ch;font-weight:620;letter-spacing:-.055em}
.ahk-safe-intro__scene--ai-insight .ahk-safe-intro__eyebrow{color:#72ebef;font-size:clamp(10px,.86vw,14px);font-weight:600;letter-spacing:.13em;margin-bottom:12px}
.ahk-safe-intro__ai-insight-lead{margin:12px 0 16px;font-size:clamp(20px,1.4vw,27px);line-height:1.3;color:#edf7fc;letter-spacing:-.015em}
.ahk-safe-intro__scene--ai-insight .ahk-safe-intro__narrative{max-width:54ch;font-size:clamp(14px,.94vw,18px);line-height:1.44;margin-top:14px;color:#d4e3eb}
.ahk-safe-intro__ai-insight-guide{display:flex;justify-content:space-between;align-items:center;width:min(380px,94%);margin:20px 0 0;color:#ccf4f6;font-size:16px;line-height:1.5;letter-spacing:.015em}
.ahk-safe-intro__ai-insight-guide span{color:#64edf2;font-size:22px}
.ahk-safe-intro__ai-insight-model-space{display:none}
.ahk-safe-intro__ai-insight-callouts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ahk-safe-intro__ai-insight-callouts path{fill:none;stroke:#60dfe8;stroke-width:1.35;vector-effect:non-scaling-stroke;opacity:.68}
.ahk-safe-intro__ai-insight-callouts circle{fill:#b4fbff;stroke:#45d6ed;stroke-width:2;filter:drop-shadow(0 0 6px #64eafa)}
.ahk-safe-intro__ai-insight-callouts text{fill:#eaf7fc;font:500 13px ui-monospace,monospace;letter-spacing:1.6px}
.ahk-safe-intro__ai-insight-callouts tspan{fill:#64edf2}
.ahk-safe-intro__ai-insight-callouts g{opacity:.54;transition:opacity .18s}
.ahk-safe-intro__ai-insight-framework{position:absolute;left:max(4vw,env(safe-area-inset-left));right:max(4vw,env(safe-area-inset-right));bottom:198px;padding-top:20px;border-top:1px solid #8bcbd73a;background:linear-gradient(180deg,#02091110,#02091180);pointer-events:none}
.ahk-safe-intro__ai-insight-framework ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:clamp(24px,2.5vw,44px)}
.ahk-safe-intro__ai-insight-framework li{min-width:0;opacity:.76;transition:opacity .18s}
.ahk-safe-intro__ai-insight-framework li+li{border-left:1px solid #87becf50;padding-left:clamp(24px,2.5vw,44px)}
.ahk-safe-intro__ai-insight-framework h3{margin:0 0 12px;color:#edf5fc;font-size:clamp(11px,.9vw,16px);line-height:1.4;font-weight:550;letter-spacing:.065em;pointer-events:auto;cursor:default;outline-offset:6px}
.ahk-safe-intro__ai-insight-framework h3 span{color:#59e9ee;margin-right:6px;font-family:ui-monospace,monospace}
.ahk-safe-intro__ai-insight-framework h3:focus-visible{outline:2px solid #8df6ff}
.ahk-safe-intro__ai-insight-framework li:focus-within{opacity:1}
.ahk-safe-intro__ai-insight-framework p{margin:0;max-width:54ch;color:#c4d7e3;font-size:clamp(12px,.92vw,17px);line-height:1.44;text-wrap:pretty}
.ahk-safe-intro__ai-insight-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8bcbd730;margin-top:20px;padding-top:12px;color:#b6d2df;font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em}
.ahk-safe-intro__ai-insight-next b,.ahk-safe-intro__ai-insight-next em{color:#61edf0;font-style:normal;font-weight:500}
.ahk-safe-intro__ai-insight-next em{margin-left:16px;font-size:19px}
.ahk-safe-intro__ai-insight-dots{display:flex;gap:17px}
.ahk-safe-intro__ai-insight-dots i{width:6px;height:6px;border:1px solid #74909c;border-radius:50%}
.ahk-safe-intro__ai-insight-dots .is-current{background:#7ef1f2;border-color:#7ef1f2;box-shadow:0 0 12px #66eef470}
.ahk-safe-intro:has(#ahk-intro-renderer[data-ai-insight-focus="arrival"]) [data-ai-insight-axis="context"],.ahk-safe-intro:has(#ahk-intro-renderer[data-ai-insight-focus="context"]) [data-ai-insight-axis="context"],.ahk-safe-intro:has(#ahk-intro-renderer[data-ai-insight-focus="patterns"]) [data-ai-insight-axis="patterns"],.ahk-safe-intro:has(#ahk-intro-renderer[data-ai-insight-focus="review"]) [data-ai-insight-axis="review"],.ahk-safe-intro:has(#ahk-intro-renderer[data-ai-insight-focus="reading"]) .ahk-safe-intro__ai-insight-framework li{opacity:1}
.ahk-safe-intro:has(#ahk-intro-renderer[data-ai-insight-focus="arrival"]) [data-ai-insight-label="context"],.ahk-safe-intro:has(#ahk-intro-renderer[data-ai-insight-focus="context"]) [data-ai-insight-label="context"],.ahk-safe-intro:has(#ahk-intro-renderer[data-ai-insight-focus="patterns"]) [data-ai-insight-label="patterns"],.ahk-safe-intro:has(#ahk-intro-renderer[data-ai-insight-focus="review"]) [data-ai-insight-label="review"],.ahk-safe-intro:has(#ahk-intro-renderer[data-ai-insight-focus="reading"]) .ahk-safe-intro__ai-insight-callouts g{opacity:1}
@keyframes ahk-ai-insight-copy{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(min-width:1000px) and (min-height:851px){.ahk-safe-intro:has(.ahk-safe-intro__scene--ai-insight:not([hidden])) .ahk-safe-intro__renderer{top:90px;bottom:auto;height:calc(100% - 390px)}}
@media(min-width:1000px) and (max-height:850px){.ahk-safe-intro__ai-insight-copy{padding-top:16px;width:40vw}.ahk-safe-intro__scene--ai-insight h2{font-size:clamp(52px,5.6vw,80px)}.ahk-safe-intro__ai-insight-lead{font-size:21px;margin-block:10px 14px}.ahk-safe-intro__scene--ai-insight .ahk-safe-intro__narrative{font-size:13px;line-height:1.4;margin-top:11px}.ahk-safe-intro__ai-insight-guide{margin-top:16px;font-size:14px}.ahk-safe-intro__ai-insight-framework{position:static;margin-top:30px}.ahk-safe-intro__ai-insight-framework h3{font-size:10px;margin-bottom:8px}.ahk-safe-intro__ai-insight-framework p{font-size:12px}.ahk-safe-intro__ai-insight-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--ai-insight:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}}
@media(max-width:999px){.ahk-safe-intro__ai-insight-copy{width:100%;max-width:760px;padding-top:18px;animation:none}.ahk-safe-intro__scene--ai-insight h2{font-size:clamp(48px,8vw,82px)}.ahk-safe-intro__ai-insight-lead{font-size:20px;margin-block:12px 16px}.ahk-safe-intro__scene--ai-insight .ahk-safe-intro__narrative{font-size:14px;max-width:60ch;margin-top:13px}.ahk-safe-intro__ai-insight-model-space{display:block;height:40vh;min-height:280px}.ahk-safe-intro__ai-insight-framework{position:static;padding-top:16px}.ahk-safe-intro__ai-insight-framework ol{grid-template-columns:1fr;gap:20px}.ahk-safe-intro__ai-insight-framework li+li{border-left:0;padding-left:0}.ahk-safe-intro__ai-insight-framework li{padding-top:12px;border-top:1px solid #87becf30}.ahk-safe-intro__ai-insight-framework h3{font-size:12px;margin-bottom:8px}.ahk-safe-intro__ai-insight-framework p{font-size:14px;max-width:60ch}.ahk-safe-intro__ai-insight-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--ai-insight:not([hidden])) .ahk-safe-intro__renderer{inset:auto 0 auto;top:56vh;height:38vh}.ahk-safe-intro:has(.ahk-safe-intro__scene--ai-insight:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}.ahk-safe-intro__ai-insight-guide{font-size:15px;margin-top:18px}}
@media(max-width:700px){.ahk-safe-intro__ai-insight-copy{padding-top:14px}.ahk-safe-intro__scene--ai-insight .ahk-safe-intro__eyebrow{font-size:9px;line-height:1.65;margin-bottom:10px;letter-spacing:.08em}.ahk-safe-intro__scene--ai-insight h2{font-size:clamp(48px,12vw,70px)}.ahk-safe-intro__ai-insight-lead{font-size:18px}.ahk-safe-intro__scene--ai-insight .ahk-safe-intro__narrative{font-size:13px;line-height:1.5}.ahk-safe-intro__ai-insight-model-space{height:36vh;min-height:240px}.ahk-safe-intro__ai-insight-framework p{font-size:13px;line-height:1.5}.ahk-safe-intro__ai-insight-next{gap:12px;font-size:8px}.ahk-safe-intro__ai-insight-dots{gap:9px}.ahk-safe-intro:has(.ahk-safe-intro__scene--ai-insight:not([hidden])) .ahk-safe-intro__renderer{top:60vh;height:34vh}}
@media(prefers-reduced-motion:reduce){.ahk-safe-intro__ai-insight-copy{animation:none}.ahk-safe-intro__ai-insight-callouts g,.ahk-safe-intro__ai-insight-framework li{opacity:1;transition:none}}
@media(forced-colors:active){.ahk-safe-intro__ai-insight-callouts{display:none}.ahk-safe-intro__ai-insight-framework,.ahk-safe-intro__ai-insight-framework li+li,.ahk-safe-intro__ai-insight-next{border-color:CanvasText}.ahk-safe-intro__ai-insight-framework h3:focus-visible{outline-color:Highlight}.ahk-safe-intro__ai-insight-dots i{border-color:CanvasText}.ahk-safe-intro__ai-insight-dots .is-current{background:CanvasText}.ahk-safe-intro__ai-insight-framework li{opacity:1}}

/* Page08 owner reference: Automation copy and linked native headings. */
.ahk-safe-intro:has(.ahk-safe-intro__scene--automation:not([hidden])) .ahk-safe-intro__top{padding-bottom:12px;border-bottom:1px solid #80d5de30}
.ahk-safe-intro__story:has(.ahk-safe-intro__scene--automation:not([hidden])){display:block;width:100%;align-content:initial}
.ahk-safe-intro__scene--automation:not([hidden]){animation:none;transform:none}
.ahk-safe-intro__automation-copy{width:min(40vw,740px);padding-top:clamp(16px,2vh,24px);animation:ahk-automation-copy .28s ease-out both}
.ahk-safe-intro__scene--automation h2{font-size:clamp(64px,5.7vw,110px);line-height:.98;max-width:12ch;font-weight:620;letter-spacing:-.055em}
.ahk-safe-intro__scene--automation .ahk-safe-intro__eyebrow{color:#72ebef;font-size:clamp(10px,.86vw,14px);font-weight:600;letter-spacing:.13em;margin-bottom:12px}
.ahk-safe-intro__automation-lead{margin:12px 0 16px;font-size:clamp(20px,1.4vw,27px);line-height:1.3;color:#edf7fc;letter-spacing:-.015em}
.ahk-safe-intro__scene--automation .ahk-safe-intro__narrative{max-width:54ch;font-size:clamp(14px,.94vw,18px);line-height:1.44;margin-top:14px;color:#d4e3eb}
.ahk-safe-intro__automation-guide{display:flex;justify-content:space-between;align-items:center;width:min(380px,94%);margin:20px 0 0;color:#ccf4f6;font-size:16px;line-height:1.5;letter-spacing:.015em}
.ahk-safe-intro__automation-guide span{color:#64edf2;font-size:22px}
.ahk-safe-intro__automation-model-space{display:none}
.ahk-safe-intro__automation-callouts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ahk-safe-intro__automation-callouts path{fill:none;stroke:#60dfe8;stroke-width:1.35;vector-effect:non-scaling-stroke;opacity:.68}
.ahk-safe-intro__automation-callouts circle{fill:#b4fbff;stroke:#45d6ed;stroke-width:2;filter:drop-shadow(0 0 6px #64eafa)}
.ahk-safe-intro__automation-callouts text{fill:#eaf7fc;font:500 13px ui-monospace,monospace;letter-spacing:1.6px}
.ahk-safe-intro__automation-callouts tspan{fill:#64edf2}
.ahk-safe-intro__automation-callouts [data-automation-label="3"] text{font-size:12px;letter-spacing:1px}
.ahk-safe-intro__automation-callouts g{opacity:.54;transition:opacity .18s}
.ahk-safe-intro__automation-framework{position:absolute;left:max(4vw,env(safe-area-inset-left));right:max(4vw,env(safe-area-inset-right));bottom:198px;padding-top:20px;border-top:1px solid #8bcbd73a;background:linear-gradient(180deg,#02091110,#02091180);pointer-events:none}
.ahk-safe-intro__automation-framework ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:clamp(24px,2.5vw,44px)}
.ahk-safe-intro__automation-framework li{min-width:0;opacity:.76;transition:opacity .18s}
.ahk-safe-intro__automation-framework li+li{border-left:1px solid #87becf50;padding-left:clamp(24px,2.5vw,44px)}
.ahk-safe-intro__automation-framework h3{margin:0 0 12px;color:#edf5fc;font-size:clamp(11px,.9vw,16px);line-height:1.4;font-weight:550;letter-spacing:.065em;pointer-events:auto;cursor:default;outline-offset:6px}
.ahk-safe-intro__automation-framework h3 span{color:#59e9ee;margin-right:6px;font-family:ui-monospace,monospace}
.ahk-safe-intro__automation-framework h3:focus-visible{outline:2px solid #8df6ff}
.ahk-safe-intro__automation-framework li:focus-within{opacity:1}
.ahk-safe-intro__automation-framework p{margin:0;max-width:54ch;color:#c4d7e3;font-size:clamp(12px,.92vw,17px);line-height:1.44;text-wrap:pretty}
.ahk-safe-intro__automation-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8bcbd730;margin-top:20px;padding-top:12px;color:#b6d2df;font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em}
.ahk-safe-intro__automation-next b,.ahk-safe-intro__automation-next em{color:#61edf0;font-style:normal;font-weight:500}
.ahk-safe-intro__automation-next em{margin-left:16px;font-size:19px}
.ahk-safe-intro__automation-dots{display:flex;gap:17px}
.ahk-safe-intro__automation-dots i{width:6px;height:6px;border:1px solid #74909c;border-radius:50%}
.ahk-safe-intro__automation-dots .is-current{background:#7ef1f2;border-color:#7ef1f2;box-shadow:0 0 12px #66eef470}
.ahk-safe-intro:has(#ahk-intro-renderer[data-automation-focus="trigger"]) [data-automation-axis="trigger"],.ahk-safe-intro:has(#ahk-intro-renderer[data-automation-focus="check"]) [data-automation-axis="check"],.ahk-safe-intro:has(#ahk-intro-renderer[data-automation-focus="execute"]) [data-automation-axis="output"],.ahk-safe-intro:has(#ahk-intro-renderer[data-automation-focus="output"]) .ahk-safe-intro__automation-framework li,.ahk-safe-intro:has(#ahk-intro-renderer[data-automation-focus="reading"]) .ahk-safe-intro__automation-framework li{opacity:1}
.ahk-safe-intro:has(#ahk-intro-renderer[data-automation-focus="trigger"]) [data-automation-label="0"],.ahk-safe-intro:has(#ahk-intro-renderer[data-automation-focus="check"]) [data-automation-label="1"],.ahk-safe-intro:has(#ahk-intro-renderer[data-automation-focus="check"]) [data-automation-label="3"],.ahk-safe-intro:has(#ahk-intro-renderer[data-automation-focus="execute"]) [data-automation-label="2"],.ahk-safe-intro:has(#ahk-intro-renderer[data-automation-focus="output"]) [data-automation-label="2"],.ahk-safe-intro:has(#ahk-intro-renderer[data-automation-focus="output"]) [data-automation-label="4"],.ahk-safe-intro:has(#ahk-intro-renderer[data-automation-focus="reading"]) .ahk-safe-intro__automation-callouts g{opacity:1}
@keyframes ahk-automation-copy{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(min-width:1000px) and (min-height:851px){.ahk-safe-intro:has(.ahk-safe-intro__scene--automation:not([hidden])) .ahk-safe-intro__renderer{top:90px;bottom:auto;height:calc(100% - 390px)}}
@media(min-width:1000px) and (max-height:850px){.ahk-safe-intro__automation-copy{padding-top:16px;width:40vw}.ahk-safe-intro__scene--automation h2{font-size:clamp(52px,5.6vw,80px)}.ahk-safe-intro__automation-lead{font-size:21px;margin-block:10px 14px}.ahk-safe-intro__scene--automation .ahk-safe-intro__narrative{font-size:13px;line-height:1.4;margin-top:11px}.ahk-safe-intro__automation-guide{margin-top:16px;font-size:14px}.ahk-safe-intro__automation-framework{position:static;margin-top:30px}.ahk-safe-intro__automation-framework h3{font-size:10px;margin-bottom:8px}.ahk-safe-intro__automation-framework p{font-size:12px}.ahk-safe-intro__automation-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--automation:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}}
@media(max-width:999px){.ahk-safe-intro__automation-copy{width:100%;max-width:760px;padding-top:18px;animation:none}.ahk-safe-intro__scene--automation h2{font-size:clamp(48px,8vw,82px)}.ahk-safe-intro__automation-lead{font-size:20px;margin-block:12px 16px}.ahk-safe-intro__scene--automation .ahk-safe-intro__narrative{font-size:14px;max-width:60ch;margin-top:13px}.ahk-safe-intro__automation-model-space{display:block;height:40vh;min-height:280px}.ahk-safe-intro__automation-framework{position:static;padding-top:16px}.ahk-safe-intro__automation-framework ol{grid-template-columns:1fr;gap:20px}.ahk-safe-intro__automation-framework li+li{border-left:0;padding-left:0}.ahk-safe-intro__automation-framework li{padding-top:12px;border-top:1px solid #87becf30}.ahk-safe-intro__automation-framework h3{font-size:12px;margin-bottom:8px}.ahk-safe-intro__automation-framework p{font-size:14px;max-width:60ch}.ahk-safe-intro__automation-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--automation:not([hidden])) .ahk-safe-intro__renderer{inset:auto 0 auto;top:56vh;height:38vh}.ahk-safe-intro:has(.ahk-safe-intro__scene--automation:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}.ahk-safe-intro__automation-guide{font-size:15px;margin-top:18px}}
@media(max-width:700px){.ahk-safe-intro__automation-copy{padding-top:14px}.ahk-safe-intro__scene--automation .ahk-safe-intro__eyebrow{font-size:9px;line-height:1.65;margin-bottom:10px;letter-spacing:.08em}.ahk-safe-intro__scene--automation h2{font-size:clamp(48px,12vw,70px)}.ahk-safe-intro__automation-lead{font-size:18px}.ahk-safe-intro__scene--automation .ahk-safe-intro__narrative{font-size:13px;line-height:1.5}.ahk-safe-intro__automation-model-space{height:36vh;min-height:240px}.ahk-safe-intro__automation-framework p{font-size:13px;line-height:1.5}.ahk-safe-intro__automation-next{gap:12px;font-size:8px}.ahk-safe-intro__automation-dots{gap:9px}.ahk-safe-intro:has(.ahk-safe-intro__scene--automation:not([hidden])) .ahk-safe-intro__renderer{top:60vh;height:34vh}}
@media(prefers-reduced-motion:reduce){.ahk-safe-intro__automation-copy{animation:none}.ahk-safe-intro__automation-callouts g,.ahk-safe-intro__automation-framework li{opacity:1;transition:none}}
@media(forced-colors:active){.ahk-safe-intro__automation-callouts{display:none}.ahk-safe-intro__automation-framework,.ahk-safe-intro__automation-framework li+li,.ahk-safe-intro__automation-next{border-color:CanvasText}.ahk-safe-intro__automation-framework h3:focus-visible{outline-color:Highlight}.ahk-safe-intro__automation-dots i{border-color:CanvasText}.ahk-safe-intro__automation-dots .is-current{background:CanvasText}.ahk-safe-intro__automation-framework li{opacity:1}}

/* Page09 owner reference: Connected Systems copy and linked native headings. */
.ahk-safe-intro:has(.ahk-safe-intro__scene--connected-systems:not([hidden])) .ahk-safe-intro__top{padding-bottom:12px;border-bottom:1px solid #80d5de30}
.ahk-safe-intro__story:has(.ahk-safe-intro__scene--connected-systems:not([hidden])){display:block;width:100%;align-content:initial}
.ahk-safe-intro__scene--connected-systems:not([hidden]){animation:none;transform:none}
.ahk-safe-intro__connected-systems-copy{width:min(40vw,740px);padding-top:clamp(16px,2vh,24px);animation:ahk-connected-systems-copy .28s ease-out both}
.ahk-safe-intro__scene--connected-systems h2{font-size:clamp(44px,4.5vw,86px);line-height:1;max-width:12ch;font-weight:620;letter-spacing:-.055em}.ahk-safe-intro__scene--connected-systems h2 span{display:block}
.ahk-safe-intro__scene--connected-systems .ahk-safe-intro__eyebrow{color:#72ebef;font-size:clamp(10px,.86vw,14px);font-weight:600;letter-spacing:.13em;margin-bottom:12px}
.ahk-safe-intro__connected-systems-lead{margin:12px 0 16px;font-size:clamp(20px,1.4vw,27px);line-height:1.3;color:#edf7fc;letter-spacing:-.015em}
.ahk-safe-intro__scene--connected-systems .ahk-safe-intro__narrative{max-width:54ch;font-size:clamp(14px,.94vw,18px);line-height:1.44;margin-top:14px;color:#d4e3eb}
.ahk-safe-intro__connected-systems-guide{display:flex;justify-content:space-between;align-items:center;width:min(380px,94%);margin:20px 0 0;color:#ccf4f6;font-size:16px;line-height:1.5;letter-spacing:.015em}
.ahk-safe-intro__connected-systems-guide span{color:#64edf2;font-size:22px}
.ahk-safe-intro__connected-systems-model-space{display:none}
.ahk-safe-intro__connected-systems-callouts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ahk-safe-intro__connected-systems-callouts path{fill:none;stroke:#60dfe8;stroke-width:1.35;vector-effect:non-scaling-stroke;opacity:.68}
.ahk-safe-intro__connected-systems-callouts circle{fill:#b4fbff;stroke:#45d6ed;stroke-width:2;filter:drop-shadow(0 0 6px #64eafa)}
.ahk-safe-intro__connected-systems-callouts text{fill:#eaf7fc;font:500 13px ui-monospace,monospace;letter-spacing:1.6px}
.ahk-safe-intro__connected-systems-callouts tspan{fill:#64edf2}
.ahk-safe-intro__connected-systems-callouts g{opacity:.54;transition:opacity .18s}
.ahk-safe-intro__connected-systems-framework{position:absolute;left:max(4vw,env(safe-area-inset-left));right:max(4vw,env(safe-area-inset-right));bottom:198px;padding-top:20px;border-top:1px solid #8bcbd73a;background:linear-gradient(180deg,#02091110,#02091180);pointer-events:none}
.ahk-safe-intro__connected-systems-framework ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:clamp(24px,2.5vw,44px)}
.ahk-safe-intro__connected-systems-framework li{min-width:0;opacity:.76;transition:opacity .18s}
.ahk-safe-intro__connected-systems-framework li+li{border-left:1px solid #87becf50;padding-left:clamp(24px,2.5vw,44px)}
.ahk-safe-intro__connected-systems-framework h3{margin:0 0 12px;color:#edf5fc;font-size:clamp(11px,.9vw,16px);line-height:1.4;font-weight:550;letter-spacing:.065em;pointer-events:auto;cursor:default;outline-offset:6px}
.ahk-safe-intro__connected-systems-framework h3 span{color:#59e9ee;margin-right:6px;font-family:ui-monospace,monospace}
.ahk-safe-intro__connected-systems-framework h3:focus-visible{outline:2px solid #8df6ff}
.ahk-safe-intro__connected-systems-framework li:focus-within{opacity:1}
.ahk-safe-intro__connected-systems-framework p{margin:0;max-width:54ch;color:#c4d7e3;font-size:clamp(12px,.92vw,17px);line-height:1.44;text-wrap:pretty}
.ahk-safe-intro__connected-systems-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8bcbd730;margin-top:20px;padding-top:12px;color:#b6d2df;font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em}
.ahk-safe-intro__connected-systems-next b,.ahk-safe-intro__connected-systems-next em{color:#61edf0;font-style:normal;font-weight:500}
.ahk-safe-intro__connected-systems-next em{margin-left:16px;font-size:19px}
.ahk-safe-intro__connected-systems-dots{display:flex;gap:17px}
.ahk-safe-intro__connected-systems-dots i{width:6px;height:6px;border:1px solid #74909c;border-radius:50%}
.ahk-safe-intro__connected-systems-dots .is-current{background:#7ef1f2;border-color:#7ef1f2;box-shadow:0 0 12px #66eef470}
.ahk-safe-intro:has(#ahk-intro-renderer[data-connected-systems-focus="context"]) [data-connected-systems-axis="context"],.ahk-safe-intro:has(#ahk-intro-renderer[data-connected-systems-focus="handoffs"]) [data-connected-systems-axis="handoffs"],.ahk-safe-intro:has(#ahk-intro-renderer[data-connected-systems-focus="decisions"]) [data-connected-systems-axis="decisions"],.ahk-safe-intro:has(#ahk-intro-renderer[data-connected-systems-focus="reading"]) .ahk-safe-intro__connected-systems-framework li{opacity:1}
.ahk-safe-intro:has(#ahk-intro-renderer[data-connected-systems-focus="context"]) [data-connected-systems-label="0"],.ahk-safe-intro:has(#ahk-intro-renderer[data-connected-systems-focus="handoffs"]) [data-connected-systems-label="1"],.ahk-safe-intro:has(#ahk-intro-renderer[data-connected-systems-focus="decisions"]) [data-connected-systems-label="2"],.ahk-safe-intro:has(#ahk-intro-renderer[data-connected-systems-focus="reading"]) .ahk-safe-intro__connected-systems-callouts g{opacity:1}
@keyframes ahk-connected-systems-copy{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(min-width:1000px) and (min-height:851px){.ahk-safe-intro:has(.ahk-safe-intro__scene--connected-systems:not([hidden])) .ahk-safe-intro__renderer{top:90px;bottom:auto;height:calc(100% - 390px)}}
@media(min-width:1000px) and (max-height:850px){.ahk-safe-intro__connected-systems-copy{padding-top:16px;width:40vw}.ahk-safe-intro__scene--connected-systems h2{font-size:clamp(52px,5.6vw,80px)}.ahk-safe-intro__connected-systems-lead{font-size:21px;margin-block:10px 14px}.ahk-safe-intro__scene--connected-systems .ahk-safe-intro__narrative{font-size:13px;line-height:1.4;margin-top:11px}.ahk-safe-intro__connected-systems-guide{margin-top:16px;font-size:14px}.ahk-safe-intro__connected-systems-framework{position:static;margin-top:30px}.ahk-safe-intro__connected-systems-framework h3{font-size:10px;margin-bottom:8px}.ahk-safe-intro__connected-systems-framework p{font-size:12px}.ahk-safe-intro__connected-systems-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--connected-systems:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}}
@media(max-width:999px){.ahk-safe-intro__connected-systems-copy{width:100%;max-width:760px;padding-top:18px;animation:none}.ahk-safe-intro__scene--connected-systems h2{font-size:clamp(48px,8vw,82px)}.ahk-safe-intro__connected-systems-lead{font-size:20px;margin-block:12px 16px}.ahk-safe-intro__scene--connected-systems .ahk-safe-intro__narrative{font-size:14px;max-width:60ch;margin-top:13px}.ahk-safe-intro__connected-systems-model-space{display:block;height:40vh;min-height:280px}.ahk-safe-intro__connected-systems-framework{position:static;padding-top:16px}.ahk-safe-intro__connected-systems-framework ol{grid-template-columns:1fr;gap:20px}.ahk-safe-intro__connected-systems-framework li+li{border-left:0;padding-left:0}.ahk-safe-intro__connected-systems-framework li{padding-top:12px;border-top:1px solid #87becf30}.ahk-safe-intro__connected-systems-framework h3{font-size:12px;margin-bottom:8px}.ahk-safe-intro__connected-systems-framework p{font-size:14px;max-width:60ch}.ahk-safe-intro__connected-systems-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--connected-systems:not([hidden])) .ahk-safe-intro__renderer{inset:auto 0 auto;top:56vh;height:38vh}.ahk-safe-intro:has(.ahk-safe-intro__scene--connected-systems:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}.ahk-safe-intro__connected-systems-guide{font-size:15px;margin-top:18px}}
@media(max-width:700px){.ahk-safe-intro__connected-systems-copy{padding-top:14px}.ahk-safe-intro__scene--connected-systems .ahk-safe-intro__eyebrow{font-size:9px;line-height:1.65;margin-bottom:10px;letter-spacing:.08em}.ahk-safe-intro__scene--connected-systems h2{font-size:clamp(48px,12vw,70px)}.ahk-safe-intro__connected-systems-lead{font-size:18px}.ahk-safe-intro__scene--connected-systems .ahk-safe-intro__narrative{font-size:13px;line-height:1.5}.ahk-safe-intro__connected-systems-model-space{height:36vh;min-height:240px}.ahk-safe-intro__connected-systems-framework p{font-size:13px;line-height:1.5}.ahk-safe-intro__connected-systems-next{gap:12px;font-size:8px}.ahk-safe-intro__connected-systems-dots{gap:9px}.ahk-safe-intro:has(.ahk-safe-intro__scene--connected-systems:not([hidden])) .ahk-safe-intro__renderer{top:60vh;height:34vh}}
@media(prefers-reduced-motion:reduce){.ahk-safe-intro__connected-systems-copy{animation:none}.ahk-safe-intro__connected-systems-callouts g,.ahk-safe-intro__connected-systems-framework li{opacity:1;transition:none}}
@media(forced-colors:active){.ahk-safe-intro__connected-systems-callouts{display:none}.ahk-safe-intro__connected-systems-framework,.ahk-safe-intro__connected-systems-framework li+li,.ahk-safe-intro__connected-systems-next{border-color:CanvasText}.ahk-safe-intro__connected-systems-framework h3:focus-visible{outline-color:Highlight}.ahk-safe-intro__connected-systems-dots i{border-color:CanvasText}.ahk-safe-intro__connected-systems-dots .is-current{background:CanvasText}.ahk-safe-intro__connected-systems-framework li{opacity:1}}

/* Page10 owner reference: Real Impact copy and linked native headings. */
.ahk-safe-intro:has(.ahk-safe-intro__scene--real-impact:not([hidden])) .ahk-safe-intro__top{padding-bottom:12px;border-bottom:1px solid #80d5de30}
.ahk-safe-intro__story:has(.ahk-safe-intro__scene--real-impact:not([hidden])){display:block;width:100%;align-content:initial}
.ahk-safe-intro__scene--real-impact:not([hidden]){animation:none;transform:none}
.ahk-safe-intro__real-impact-copy{width:min(40vw,740px);padding-top:clamp(16px,2vh,24px);animation:ahk-real-impact-copy .28s ease-out both}
.ahk-safe-intro__scene--real-impact h2{font-size:clamp(60px,5vw,96px);line-height:1;max-width:14ch;font-weight:620;letter-spacing:-.055em}
.ahk-safe-intro__scene--real-impact .ahk-safe-intro__eyebrow{color:#72ebef;font-size:clamp(10px,.86vw,14px);font-weight:600;letter-spacing:.13em;margin-bottom:12px}
.ahk-safe-intro__real-impact-lead{margin:12px 0 16px;font-size:clamp(20px,1.4vw,27px);line-height:1.3;color:#edf7fc;letter-spacing:-.015em}
.ahk-safe-intro__scene--real-impact .ahk-safe-intro__narrative{max-width:54ch;font-size:clamp(14px,.94vw,18px);line-height:1.44;margin-top:14px;color:#d4e3eb}
.ahk-safe-intro__real-impact-guide{display:flex;justify-content:space-between;align-items:center;width:min(380px,94%);margin:20px 0 0;color:#ccf4f6;font-size:16px;line-height:1.5;letter-spacing:.015em}
.ahk-safe-intro__real-impact-guide span{color:#64edf2;font-size:22px}
.ahk-safe-intro__real-impact-model-space{display:none}
.ahk-safe-intro__real-impact-callouts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ahk-safe-intro__real-impact-callouts path{fill:none;stroke:#60dfe8;stroke-width:1.35;vector-effect:non-scaling-stroke;opacity:.68}
.ahk-safe-intro__real-impact-callouts circle{fill:#b4fbff;stroke:#45d6ed;stroke-width:2;filter:drop-shadow(0 0 6px #64eafa)}
.ahk-safe-intro__real-impact-callouts text{fill:#eaf7fc;font:500 13px ui-monospace,monospace;letter-spacing:1.6px}
.ahk-safe-intro__real-impact-callouts tspan{fill:#64edf2}
.ahk-safe-intro__real-impact-callouts g{opacity:.54;transition:opacity .18s}
.ahk-safe-intro__real-impact-framework{position:absolute;left:max(4vw,env(safe-area-inset-left));right:max(4vw,env(safe-area-inset-right));bottom:198px;padding-top:20px;border-top:1px solid #8bcbd73a;background:linear-gradient(180deg,#02091110,#02091180);pointer-events:none}
.ahk-safe-intro__real-impact-framework ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:clamp(24px,2.5vw,44px)}
.ahk-safe-intro__real-impact-framework li{min-width:0;opacity:.76;transition:opacity .18s}
.ahk-safe-intro__real-impact-framework li+li{border-left:1px solid #87becf50;padding-left:clamp(24px,2.5vw,44px)}
.ahk-safe-intro__real-impact-framework h3{margin:0 0 12px;color:#edf5fc;font-size:clamp(11px,.9vw,16px);line-height:1.4;font-weight:550;letter-spacing:.065em;pointer-events:auto;cursor:default;outline-offset:6px}
.ahk-safe-intro__real-impact-framework h3 span{color:#59e9ee;margin-right:6px;font-family:ui-monospace,monospace}
.ahk-safe-intro__real-impact-framework h3:focus-visible{outline:2px solid #8df6ff}
.ahk-safe-intro__real-impact-framework li:focus-within{opacity:1}
.ahk-safe-intro__real-impact-framework p{margin:0;max-width:54ch;color:#c4d7e3;font-size:clamp(12px,.92vw,17px);line-height:1.44;text-wrap:pretty}
.ahk-safe-intro__real-impact-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8bcbd730;margin-top:20px;padding-top:12px;color:#b6d2df;font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em}
.ahk-safe-intro__real-impact-next b,.ahk-safe-intro__real-impact-next em{color:#61edf0;font-style:normal;font-weight:500}
.ahk-safe-intro__real-impact-next em{margin-left:16px;font-size:19px}
.ahk-safe-intro__real-impact-dots{display:flex;gap:17px}
.ahk-safe-intro__real-impact-dots i{width:6px;height:6px;border:1px solid #74909c;border-radius:50%}
.ahk-safe-intro__real-impact-dots .is-current{background:#7ef1f2;border-color:#7ef1f2;box-shadow:0 0 12px #66eef470}
.ahk-safe-intro:has(#ahk-intro-renderer[data-real-impact-focus="clarity"]) [data-real-impact-axis="clarity"],.ahk-safe-intro:has(#ahk-intro-renderer[data-real-impact-focus="people"]) [data-real-impact-axis="people"],.ahk-safe-intro:has(#ahk-intro-renderer[data-real-impact-focus="progress"]) [data-real-impact-axis="progress"],.ahk-safe-intro:has(#ahk-intro-renderer[data-real-impact-focus="reading"]) .ahk-safe-intro__real-impact-framework li{opacity:1}
.ahk-safe-intro:has(#ahk-intro-renderer[data-real-impact-focus="clarity"]) [data-real-impact-label="0"],.ahk-safe-intro:has(#ahk-intro-renderer[data-real-impact-focus="people"]) [data-real-impact-label="1"],.ahk-safe-intro:has(#ahk-intro-renderer[data-real-impact-focus="progress"]) [data-real-impact-label="2"],.ahk-safe-intro:has(#ahk-intro-renderer[data-real-impact-focus="reading"]) .ahk-safe-intro__real-impact-callouts g{opacity:1}
@keyframes ahk-real-impact-copy{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(min-width:1000px) and (min-height:851px){.ahk-safe-intro:has(.ahk-safe-intro__scene--real-impact:not([hidden])) .ahk-safe-intro__renderer{top:90px;bottom:auto;height:calc(100% - 390px)}}
@media(min-width:1000px) and (max-height:850px){.ahk-safe-intro__real-impact-copy{padding-top:16px;width:40vw}.ahk-safe-intro__scene--real-impact h2{font-size:clamp(52px,5.6vw,80px)}.ahk-safe-intro__real-impact-lead{font-size:21px;margin-block:10px 14px}.ahk-safe-intro__scene--real-impact .ahk-safe-intro__narrative{font-size:13px;line-height:1.4;margin-top:11px}.ahk-safe-intro__real-impact-guide{margin-top:16px;font-size:14px}.ahk-safe-intro__real-impact-framework{position:static;margin-top:30px}.ahk-safe-intro__real-impact-framework h3{font-size:10px;margin-bottom:8px}.ahk-safe-intro__real-impact-framework p{font-size:12px}.ahk-safe-intro__real-impact-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--real-impact:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}}
@media(max-width:999px){.ahk-safe-intro__real-impact-copy{width:100%;max-width:760px;padding-top:18px;animation:none}.ahk-safe-intro__scene--real-impact h2{font-size:clamp(48px,8vw,82px)}.ahk-safe-intro__real-impact-lead{font-size:20px;margin-block:12px 16px}.ahk-safe-intro__scene--real-impact .ahk-safe-intro__narrative{font-size:14px;max-width:60ch;margin-top:13px}.ahk-safe-intro__real-impact-model-space{display:block;height:40vh;min-height:280px}.ahk-safe-intro__real-impact-framework{position:static;padding-top:16px}.ahk-safe-intro__real-impact-framework ol{grid-template-columns:1fr;gap:20px}.ahk-safe-intro__real-impact-framework li+li{border-left:0;padding-left:0}.ahk-safe-intro__real-impact-framework li{padding-top:12px;border-top:1px solid #87becf30}.ahk-safe-intro__real-impact-framework h3{font-size:12px;margin-bottom:8px}.ahk-safe-intro__real-impact-framework p{font-size:14px;max-width:60ch}.ahk-safe-intro__real-impact-callouts{display:none}.ahk-safe-intro:has(.ahk-safe-intro__scene--real-impact:not([hidden])) .ahk-safe-intro__renderer{inset:auto 0 auto;top:56vh;height:38vh}.ahk-safe-intro:has(.ahk-safe-intro__scene--real-impact:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto auto auto}.ahk-safe-intro__real-impact-guide{font-size:15px;margin-top:18px}}
@media(max-width:700px){.ahk-safe-intro__real-impact-copy{padding-top:14px}.ahk-safe-intro__scene--real-impact .ahk-safe-intro__eyebrow{font-size:9px;line-height:1.65;margin-bottom:10px;letter-spacing:.08em}.ahk-safe-intro__scene--real-impact h2{font-size:clamp(48px,12vw,70px)}.ahk-safe-intro__real-impact-lead{font-size:18px}.ahk-safe-intro__scene--real-impact .ahk-safe-intro__narrative{font-size:13px;line-height:1.5}.ahk-safe-intro__real-impact-model-space{height:36vh;min-height:240px}.ahk-safe-intro__real-impact-framework p{font-size:13px;line-height:1.5}.ahk-safe-intro__real-impact-next{gap:12px;font-size:8px}.ahk-safe-intro__real-impact-dots{gap:9px}.ahk-safe-intro:has(.ahk-safe-intro__scene--real-impact:not([hidden])) .ahk-safe-intro__renderer{top:60vh;height:34vh}}
@media(prefers-reduced-motion:reduce){.ahk-safe-intro__real-impact-copy{animation:none}.ahk-safe-intro__real-impact-callouts g,.ahk-safe-intro__real-impact-framework li{opacity:1;transition:none}}
@media(forced-colors:active){.ahk-safe-intro__real-impact-callouts{display:none}.ahk-safe-intro__real-impact-framework,.ahk-safe-intro__real-impact-framework li+li,.ahk-safe-intro__real-impact-next{border-color:CanvasText}.ahk-safe-intro__real-impact-framework h3:focus-visible{outline-color:Highlight}.ahk-safe-intro__real-impact-dots i{border-color:CanvasText}.ahk-safe-intro__real-impact-dots .is-current{background:CanvasText}.ahk-safe-intro__real-impact-framework li{opacity:1}}

/* Automatic focus aliases for the final scenes. */
.ahk-safe-intro:has(#ahk-intro-renderer[data-connected-systems-focus="arrival"]) [data-connected-systems-axis="context"],.ahk-safe-intro:has(#ahk-intro-renderer[data-connected-systems-focus="arrival"]) [data-connected-systems-label="0"],.ahk-safe-intro:has(#ahk-intro-renderer[data-connected-systems-focus="settle"]) [data-connected-systems-axis="decisions"],.ahk-safe-intro:has(#ahk-intro-renderer[data-connected-systems-focus="settle"]) [data-connected-systems-label="2"]{opacity:1}
.ahk-safe-intro:has(#ahk-intro-renderer[data-real-impact-focus="arrival"]) [data-real-impact-axis="clarity"],.ahk-safe-intro:has(#ahk-intro-renderer[data-real-impact-focus="arrival"]) [data-real-impact-label="0"]{opacity:1}

/* Cinematic handoff optics and truthful native loading HUD; presentation only. */
html[data-intro-playback="live"] .ahk-safe-intro__scene:not([hidden])::after{content:"";position:absolute;right:-12vw;top:36%;width:72vw;height:56px;z-index:0;pointer-events:none;opacity:0;transform-origin:75% 50%;background:linear-gradient(180deg,transparent 36%,#32c4ec04 43%,#62efff35 49%,#b0faff65 50%,#62efff35 51%,#32c4ec04 57%,transparent 64%);mask-image:linear-gradient(90deg,transparent,#000 24%,#000 70%,transparent);mix-blend-mode:screen;animation:ahk-cinema-handoff-optic .48s cubic-bezier(.2,.7,.25,1) both;}
.ahk-safe-intro__hud{box-shadow:inset 0 0 30px #176b8130,0 10px 44px #00111da0;}
html[data-intro-playback="live"] .ahk-safe-intro__hud::before{background:linear-gradient(110deg,transparent 32%,#86f3ff16 43%,#d0fdff35 48%,#86f3ff16 53%,transparent 65%);background-size:100% 100%;will-change:transform;animation:ahk-cinema-hud-glint 4.4s linear infinite;}
.ahk-safe-intro__readout-wing{position:relative;overflow:hidden;}
.ahk-safe-intro__readout-wing::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.62;background:linear-gradient(90deg,transparent 30%,#9ef8ff90 48%,#d5ffff 50%,#9ef8ff90 52%,transparent 70%);transform:translateX(-110%);}
html[data-intro-playback="live"] .ahk-safe-intro__readout-wing::after{animation:ahk-cinema-wing-scan 2.2s cubic-bezier(.4,0,.2,1) infinite;}
html[data-intro-playback="live"] .ahk-safe-intro__readout-wing:last-child::after{animation-direction:reverse;}
html[data-intro-playback="live"] #ahk-intro-percent{text-shadow:0 0 30px #68eaff98,0 0 8px #c0ffff55;will-change:transform;animation:ahk-cinema-percent-energy 2.2s ease-in-out infinite;}
.ahk-safe-intro__progress{height:13px;box-shadow:0 0 18px #53dcf526,inset 0 0 8px #010a13;}
.ahk-safe-intro__progress::-webkit-progress-bar{background:repeating-linear-gradient(90deg,#05121d 0 9px,#183849 9px 10px);}
.ahk-safe-intro__progress::-webkit-progress-value{background-image:linear-gradient(90deg,transparent 35%,#e1ffffa0 49%,transparent 63%),repeating-linear-gradient(90deg,transparent 0 7px,#06334e8a 7px 10px),linear-gradient(180deg,#c1ffff70,transparent 48%,#022d4b60),linear-gradient(90deg,#16719c,#3bd7ef,#a8faff);background-size:180px 100%,10px 100%,100% 100%,100% 100%;background-repeat:no-repeat,repeat,repeat,no-repeat;background-position:-180px 0,0 0,0 0,0 0;box-shadow:inset -3px 0 0 #e0ffff,inset -9px 0 12px #88f8ff9c,0 0 18px #57eaff80;transition:none;}
.ahk-safe-intro__progress::-moz-progress-bar{background-image:linear-gradient(90deg,transparent 35%,#e1ffffa0 49%,transparent 63%),repeating-linear-gradient(90deg,transparent 0 7px,#06334e8a 7px 10px),linear-gradient(180deg,#c1ffff70,transparent 48%,#022d4b60),linear-gradient(90deg,#16719c,#3bd7ef,#a8faff);background-size:180px 100%,10px 100%,100% 100%,100% 100%;background-repeat:no-repeat,repeat,repeat,no-repeat;background-position:-180px 0,0 0,0 0,0 0;box-shadow:inset -3px 0 0 #e0ffff,inset -9px 0 12px #88f8ff9c;transition:none;}
html[data-intro-playback="live"] .ahk-safe-intro__progress::-webkit-progress-value{animation:ahk-cinema-progress-sweep 1.1s linear infinite;}
html[data-intro-playback="live"] .ahk-safe-intro__progress::-moz-progress-bar{animation:ahk-cinema-progress-sweep 1.1s linear infinite;}
html[data-intro-finale="ready"] .ahk-safe-intro__hud::before,html[data-intro-finale="ready"] .ahk-safe-intro__readout-wing::after,html[data-intro-finale="ready"] #ahk-intro-percent{animation:none;}
html[data-intro-finale="ready"] .ahk-safe-intro__progress::-webkit-progress-value{animation:none;}
html[data-intro-finale="ready"] .ahk-safe-intro__progress::-moz-progress-bar{animation:none;}
html[data-intro-finale="ready"] .ahk-safe-intro__hud{border-color:#a7f8ee;box-shadow:inset 0 0 28px #197d8020,0 10px 44px #00111da0;}
html[data-intro-visibility="hidden"] .ahk-safe-intro *::after{animation-play-state:paused!important;}
html[data-intro-visibility="hidden"] .ahk-safe-intro__progress::-webkit-progress-value{animation-play-state:paused!important;}
html[data-intro-visibility="hidden"] .ahk-safe-intro__progress::-moz-progress-bar{animation-play-state:paused!important;}
@keyframes ahk-cinema-handoff-optic{0%{opacity:0;transform:translate3d(-5vw,10px,0) rotate(-12deg) scaleX(.78);}32%{opacity:.42;}100%{opacity:0;transform:translate3d(5vw,-10px,0) rotate(-9deg) scaleX(1.06);}}
@keyframes ahk-cinema-hud-glint{from{transform:translate3d(100%,0,0);}to{transform:translate3d(-100%,0,0);}}
@keyframes ahk-cinema-wing-scan{0%,12%{transform:translateX(-110%);opacity:.2;}52%{opacity:.7;}88%,100%{transform:translateX(110%);opacity:.2;}}
@keyframes ahk-cinema-percent-energy{0%,100%{transform:translate3d(0,0,0) scale(1);}50%{transform:translate3d(0,0,0) scale(1.012);}}
@keyframes ahk-cinema-progress-sweep{from{background-position:-180px 0,0 0,0 0,0 0;}to{background-position:calc(100% + 180px) 0,-20px 0,0 0,0 0;}}
@media(max-width:700px){html[data-intro-playback="live"] .ahk-safe-intro__scene:not([hidden])::after{right:-28vw;top:48%;width:105vw;height:36px;}.ahk-safe-intro__progress{height:12px;}}
@media(prefers-reduced-motion:reduce){.ahk-safe-intro *::after{animation:none!important;transition:none!important;}.ahk-safe-intro__scene:not([hidden])::after{display:none;}.ahk-safe-intro__progress::-webkit-progress-value{animation:none!important;transition:none!important;}.ahk-safe-intro__progress::-moz-progress-bar{animation:none!important;transition:none!important;}.ahk-safe-intro__readout-wing::after{display:none;}}
@media(forced-colors:active){.ahk-safe-intro__scene:not([hidden])::after,.ahk-safe-intro__hud::before,.ahk-safe-intro__readout-wing::after{display:none;}#ahk-intro-percent{animation:none!important;text-shadow:none!important;}.ahk-safe-intro__progress{box-shadow:none;}.ahk-safe-intro__progress::-webkit-progress-value{animation:none!important;background-image:none;box-shadow:none;}.ahk-safe-intro__progress::-moz-progress-bar{animation:none!important;background-image:none;box-shadow:none;}}

/* V25: React-owned native typography, synchronized to the existing visible clock. */
.ahk-safe-intro[data-intro-typography="react-css-3d"] .ahk-safe-intro__scene:not([hidden]){animation:none;transform:none}
.ahk-safe-intro[data-intro-typography="react-css-3d"] [data-intro-scene]>[class$="-copy"]{animation:none!important;perspective:1000px;perspective-origin:25% 45%;transform-style:preserve-3d}
.ahk-safe-intro[data-intro-typography="react-css-3d"] [class$="-copy"]>h2{position:relative;animation:none;opacity:var(--ahk-title-opacity,1);transform:translate3d(0,var(--ahk-title-y,0px),var(--ahk-title-z,0px)) rotateY(var(--ahk-title-ry,0deg)) rotateX(var(--ahk-title-rx,0deg));transform-origin:left center;backface-visibility:hidden;text-shadow:0 1px 0 #97c9d7,0 2px 0 #456773,0 3px 0 #1e3845,0 4px 0 #112733,0 6px 14px #0009,0 0 28px #62e5ff24}
.ahk-safe-intro[data-intro-typography="react-css-3d"] [class$="-copy"]>.ahk-safe-intro__eyebrow{opacity:var(--ahk-title-opacity,1);transform:translate3d(0,var(--ahk-lead-y,0px),8px);text-shadow:0 0 18px #55eafa44}
.ahk-safe-intro[data-intro-typography="react-css-3d"] [class$="-copy"]>p[class$="-lead"]{opacity:var(--ahk-lead-opacity,1);transform:translate3d(0,var(--ahk-lead-y,0px),12px);text-shadow:0 1px 2px #0009,0 0 20px #68d8ea18}
.ahk-safe-intro[data-intro-typography="react-css-3d"] [class$="-copy"]>.ahk-safe-intro__narrative{opacity:var(--ahk-body-opacity,1);transform:translate3d(0,var(--ahk-body-y,0px),0)}
@supports(background-clip:text){.ahk-safe-intro[data-intro-typography="react-css-3d"] [class$="-copy"]>h2{background-image:linear-gradient(110deg,#f3fafc 0%,#f3fafc 39%,#acfbff 47%,#fff 50%,#c3fbff 53%,#f3fafc 61%,#f3fafc 100%);background-size:240% 100%;background-position:var(--ahk-text-light-x,135%) center;background-clip:text;-webkit-background-clip:text;color:transparent}}
.ahk-safe-intro[data-intro-typography="react-css-3d"] [class$="-copy"]>h2::after{content:"";position:absolute;left:0;right:0;bottom:-.09em;height:1px;background:linear-gradient(90deg,#69f2ff00,#9df8ff80,#69f2ff00);opacity:var(--ahk-text-light-strength,0);transform:translateZ(4px);pointer-events:none}
@media(max-width:999px){.ahk-safe-intro[data-intro-typography="react-css-3d"] [data-intro-scene]>[class$="-copy"]{perspective:800px}}
@media(prefers-reduced-motion:reduce){.ahk-safe-intro[data-intro-typography="react-css-3d"] [class$="-copy"]>:is(h2,p){opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.ahk-safe-intro[data-intro-typography="react-css-3d"] [class$="-copy"]>h2{background:none!important;color:#f3fafc!important;text-shadow:none!important}.ahk-safe-intro[data-intro-typography="react-css-3d"] [class$="-copy"]>h2::after{display:none}}
@media(forced-colors:active){.ahk-safe-intro[data-intro-typography="react-css-3d"] [class$="-copy"]>h2{background:none!important;color:CanvasText!important;text-shadow:none!important}.ahk-safe-intro[data-intro-typography="react-css-3d"] [class$="-copy"]>h2::after{display:none}}

/* V26: compositor entrance and bounded native closing; the 22-second study stays unchanged. */
html[data-intro-eligible="true"][data-intro-entrance="opening"] .ahk-safe-intro{animation:ahk-cinema-open .76s cubic-bezier(.22,1,.36,1) both;transform-origin:50% 46%}
html[data-intro-eligible="true"][data-intro-entrance="closing"] .ahk-safe-intro{animation:none;pointer-events:none;transform-origin:50% 46%}
html[data-intro-eligible="true"][data-intro-entrance="closing"] :is(#public-prerender,#root){visibility:visible;pointer-events:none;animation:ahk-cinema-content .64s cubic-bezier(.22,1,.36,1) both}
@keyframes ahk-cinema-open{from{opacity:0;transform:translate3d(0,12px,0) scale(1.022)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes ahk-cinema-content{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){html[data-intro-eligible="true"] .ahk-safe-intro,html[data-intro-entrance="closing"] :is(#public-prerender,#root){animation:none!important;transform:none!important;opacity:1!important}}
@media(forced-colors:active){html[data-intro-eligible="true"] .ahk-safe-intro,html[data-intro-entrance="closing"] :is(#public-prerender,#root){animation:none!important;transform:none!important;opacity:1!important}}

/* V31: one content-driven layout for every chapter, independent of the fixed 22-second clock.
   The reserved model cell is measured only at layout boundaries by the existing renderer.
   Footer copy follows the hero in normal flow; no viewport-pinned band can cross a paragraph. */
.ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__ui{grid-template-rows:auto minmax(max-content,1fr) auto;gap:16px;padding-block:clamp(20px,2.8vh,34px);overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}
.ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__story{display:block;width:100%;min-width:0;align-content:initial}
.ahk-safe-intro [data-intro-scene]:not([hidden]){display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);column-gap:clamp(24px,3vw,58px);row-gap:22px;min-width:0}
.ahk-safe-intro [data-intro-scene]>[class$="-copy"]{grid-column:1;grid-row:1;width:100%;max-width:740px;min-width:0;padding-top:12px;align-self:center}
.ahk-safe-intro [data-intro-scene]>[class$="-model-space"]{display:block;grid-column:2;grid-row:1;min-width:0;min-height:clamp(320px,42vh,540px);height:auto;pointer-events:none}
.ahk-safe-intro [data-intro-scene]>[class$="-framework"]{position:static;grid-column:1/-1;width:100%;min-width:0;margin:0;padding-top:16px;background:linear-gradient(180deg,#02091120,#02091190)}
.ahk-safe-intro [data-intro-scene]>[class$="-framework"] ol{gap:clamp(18px,2.4vw,40px)}
.ahk-safe-intro [data-intro-scene]>[class$="-framework"] li{min-width:0;opacity:.88}
.ahk-safe-intro [data-intro-scene]>[class$="-framework"] li+li{padding-left:clamp(18px,2.4vw,40px)}
.ahk-safe-intro [data-intro-scene]>[class$="-framework"] h3{margin-bottom:8px;font-size:clamp(13px,.88vw,16px);line-height:1.45;letter-spacing:.055em;overflow-wrap:anywhere}
.ahk-safe-intro [data-intro-scene]>[class$="-framework"] p{max-width:60ch;font-size:clamp(15px,.94vw,18px);line-height:1.48;color:#d2e0e9;overflow-wrap:break-word}
.ahk-safe-intro [data-intro-scene] [class$="-next"]{gap:16px;flex-wrap:wrap;margin-top:16px;padding-top:10px;font-size:10px;line-height:1.6}
.ahk-safe-intro [data-intro-scene] h2{max-width:100%;font-size:clamp(48px,5.1vw,100px);line-height:1.02;letter-spacing:-.052em;overflow-wrap:break-word;text-wrap:balance}
.ahk-safe-intro [data-intro-scene] .ahk-safe-intro__eyebrow{font-size:clamp(11px,.84vw,14px);line-height:1.6;letter-spacing:.12em;margin-bottom:12px}
.ahk-safe-intro [data-intro-scene] p[class$="-lead"]{margin:12px 0 16px;font-size:clamp(20px,1.36vw,27px);line-height:1.35}
.ahk-safe-intro [data-intro-scene] .ahk-safe-intro__narrative{max-width:58ch;font-size:clamp(15px,.96vw,18px);line-height:1.48;margin-top:14px;color:#d8e4ec;overflow-wrap:break-word}
.ahk-safe-intro [data-intro-scene] p[class$="-guide"]{width:min(380px,100%);margin-top:18px;font-size:16px;line-height:1.5}
.ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__renderer{inset:auto;top:112px;left:48%;width:48%;height:44vh;overflow:hidden}
.ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__hud{display:grid;grid-template-columns:84px minmax(0,1fr);gap:5px 18px;width:min(760px,100%);padding:12px 24px 11px;backdrop-filter:none;background:linear-gradient(180deg,#0d2234f5,#06121df5)}
.ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__hud-heading{grid-column:1/-1}
.ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__readout{grid-column:1;grid-row:2/4;min-height:44px;margin:0;gap:0}
.ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__readout-wing{display:none}
.ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__status{grid-column:2;grid-row:2;justify-content:flex-start;text-align:left}
.ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__progress-area{grid-column:2;grid-row:3;margin-top:0}
.ahk-safe-intro:has([data-intro-scene]:not([hidden])) #ahk-intro-percent{font-size:44px}
.ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__hud-heading{font-size:9px;letter-spacing:.12em}
.ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__tasks{grid-column:1/-1;margin-top:2px;font-size:9px;letter-spacing:.08em}
.ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__telemetry{font-size:9px}
.ahk-safe-intro [data-intro-scene]>svg[class$="-callouts"]{display:block;overflow:hidden}
.ahk-safe-intro [data-intro-scene]>svg[class$="-callouts"] text{font-size:16px;letter-spacing:1.4px}
html[data-intro-playback="live"] .ahk-safe-intro__scene:not([hidden])::after{right:0;top:24%;width:58%;height:42px;opacity:0}
@media(min-width:1000px) and (max-height:900px){
 .ahk-safe-intro [data-intro-scene] h2{font-size:clamp(48px,4vw,76px)}
 .ahk-safe-intro [data-intro-scene] p[class$="-lead"]{font-size:clamp(20px,1.2vw,24px);margin-block:10px 14px}
 .ahk-safe-intro [data-intro-scene] .ahk-safe-intro__narrative{font-size:16px;margin-top:12px}
 .ahk-safe-intro [data-intro-scene] p[class$="-guide"]{margin-top:14px;font-size:15px}
 .ahk-safe-intro [data-intro-scene]>[class$="-model-space"]{min-height:clamp(340px,44vh,410px)}
 .ahk-safe-intro [data-intro-scene]>[class$="-framework"] h3{font-size:14px}
 .ahk-safe-intro [data-intro-scene]>[class$="-framework"] p{font-size:16px}
}
@media(min-width:1000px) and (max-width:1399px){
 .ahk-safe-intro [data-intro-scene]:not([hidden]){grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);column-gap:24px}
 .ahk-safe-intro [data-intro-scene]>[class$="-framework"] ol{gap:18px}
 .ahk-safe-intro [data-intro-scene]>[class$="-framework"] li+li{padding-left:18px}
 .ahk-safe-intro .ahk-safe-intro__dmaic-framework ol{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ahk-safe-intro .ahk-safe-intro__dmaic-framework li:nth-child(4){border-left:0;padding-left:0}
}
@media(max-width:999px){
 .ahk-safe-intro [data-intro-scene]:not([hidden]){grid-template-columns:minmax(0,1fr);gap:22px}
 .ahk-safe-intro [data-intro-scene]>[class$="-copy"]{grid-column:1;grid-row:1;max-width:760px;padding-top:8px;align-self:start}
 .ahk-safe-intro [data-intro-scene]>[class$="-model-space"]{grid-column:1;grid-row:2;min-height:clamp(280px,44vh,480px)}
 .ahk-safe-intro [data-intro-scene]>[class$="-framework"]{grid-column:1;grid-row:3}
 .ahk-safe-intro [data-intro-scene]>[class$="-framework"] ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .ahk-safe-intro [data-intro-scene]>[class$="-framework"] li{padding-top:12px;border-top:1px solid #87becf30}
 .ahk-safe-intro [data-intro-scene]>[class$="-framework"] li+li{padding-left:0;border-left:0}
 .ahk-safe-intro [data-intro-scene] h2{font-size:clamp(46px,7.4vw,72px)}
 .ahk-safe-intro [data-intro-scene] .ahk-safe-intro__narrative{font-size:16px;max-width:65ch}
 .ahk-safe-intro [data-intro-scene]>svg[class$="-callouts"]{display:none}
 .ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__renderer{left:4%;width:92%;top:56vh;height:44vh}
}
@media(max-width:700px){
 .ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__ui{gap:16px;padding:20px 18px 18px}
 .ahk-safe-intro [data-intro-scene] h2{font-size:clamp(40px,10vw,64px);line-height:1.05}
 .ahk-safe-intro [data-intro-scene] .ahk-safe-intro__eyebrow{font-size:11px;letter-spacing:.08em}
 .ahk-safe-intro [data-intro-scene] p[class$="-lead"]{font-size:20px}
 .ahk-safe-intro [data-intro-scene] .ahk-safe-intro__narrative{font-size:16px;line-height:1.55}
 .ahk-safe-intro [data-intro-scene]>[class$="-model-space"]{min-height:clamp(260px,42vh,380px)}
 .ahk-safe-intro [data-intro-scene]>[class$="-framework"] ol{grid-template-columns:minmax(0,1fr);gap:16px}
 .ahk-safe-intro [data-intro-scene]>[class$="-framework"] h3{font-size:14px}
 .ahk-safe-intro [data-intro-scene]>[class$="-framework"] p{font-size:16px;line-height:1.55}
 .ahk-safe-intro [data-intro-scene] [class$="-next"]{font-size:10px;gap:12px}
 .ahk-safe-intro [data-intro-scene] [class$="-dots"]{gap:12px}
 .ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__hud{grid-template-columns:64px minmax(0,1fr);gap:5px 12px;padding:12px 14px 11px}
 .ahk-safe-intro:has([data-intro-scene]:not([hidden])) #ahk-intro-percent{font-size:36px}
 .ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__hud-heading{font-size:8px;gap:10px}
 .ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__tasks{font-size:8px;gap:5px 10px}
}
@media(prefers-reduced-motion:reduce){
 .ahk-safe-intro [data-intro-scene]>[class$="-model-space"]{display:none}
 .ahk-safe-intro [data-intro-scene]:not([hidden]){grid-template-columns:minmax(0,1fr)}
 .ahk-safe-intro [data-intro-scene]>[class$="-copy"]{max-width:80ch}
 .ahk-safe-intro [data-intro-scene]>[class$="-framework"]{grid-row:auto}
}
@media(forced-colors:active){
 .ahk-safe-intro [data-intro-scene]>svg[class$="-callouts"]{display:none}
 .ahk-safe-intro [data-intro-scene]>[class$="-model-space"]{display:none}
 .ahk-safe-intro [data-intro-scene]:not([hidden]){grid-template-columns:minmax(0,1fr)}
 .ahk-safe-intro [data-intro-scene]>[class$="-framework"]{grid-row:auto;background:Canvas;border-color:CanvasText}
 .ahk-safe-intro [data-intro-scene] .ahk-safe-intro__narrative,.ahk-safe-intro [data-intro-scene]>[class$="-framework"] p{color:CanvasText}
 .ahk-safe-intro:has([data-intro-scene]:not([hidden])) .ahk-safe-intro__hud{background:Canvas}
}

/* V33: the actual Full HD model field grows within document flow, above the reading columns. */
@media(min-width:1400px) and (min-height:1000px){
 .ahk-safe-intro [data-intro-scene]>[class$="-model-space"]{min-height:clamp(480px,50vh,620px)}
}

/* Optional R139 chapters/replay only. R136 navigation and R138 hero are not selected here.
   Labels and body copy stay in ordinary flow, including the .22–.75 hold region.
   Actual art derivatives preserve the supplied raster titles; live copy sits adjacent. */
.intro-r139-story{position:relative;z-index:1;width:min(1400px,100%);margin:0 auto;padding:clamp(64px,9vw,140px) clamp(16px,4.5vw,68px);color:#eef7f8;--ir139-cyan:#5cddeb;--ir139-muted:#a8bdc9;--ir139-art-y:0px;--ir139-art-opacity:1;--ir139-orbit:0deg;isolation:isolate}
.intro-r139-story *, .intro-r139-replay *{box-sizing:border-box}
.intro-r139-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;margin-bottom:35px}
.intro-r139-eyebrow,.intro-r139-number{margin:0 0 16px;font:600 12px/1.6 var(--op-sans,ui-sans-serif,system-ui);letter-spacing:.15em;text-transform:uppercase;color:var(--ir139-cyan)}
.intro-r139-heading h2{max-width:830px;margin:0;font:600 clamp(32px,4.2vw,62px)/1.08 var(--op-sans,ui-sans-serif,system-ui);letter-spacing:-.045em;text-wrap:balance}
.intro-r139-heading>div>p:last-child{max-width:610px;margin:22px 0 0;font:400 clamp(16px,1.35vw,20px)/1.65 var(--op-sans,ui-sans-serif,system-ui);color:var(--ir139-muted)}
.intro-r139-start{display:flex;align-items:flex-start;flex-direction:column;gap:13px;max-width:260px}
.intro-r139-start button,.intro-r139-replay button{min-height:44px;min-width:44px;padding:11px 18px;border:1px solid #5cddeb65;border-radius:30px;background:#092331;color:#effcff;font:600 16px/1.3 var(--op-sans,ui-sans-serif,system-ui);cursor:pointer}
.intro-r139-start button{display:flex;align-items:center;gap:27px;background:linear-gradient(130deg,#57e0e2,#149bc4);color:#04151d;border-color:transparent;padding:15px 23px}
.intro-r139-start>span{font:400 12px/1.6 var(--op-sans,ui-sans-serif,system-ui);color:var(--ir139-muted)}
.intro-r139-start>a{display:flex;align-items:center;gap:16px;min-height:44px;color:#eef9fa;font:500 16px/1.5 var(--op-sans,ui-sans-serif,system-ui);text-decoration:underline;text-underline-offset:5px}
.intro-r139-index{display:flex;flex-wrap:wrap;gap:4px 18px;padding:20px 0 23px;border-block:1px solid #7dc9db2a}
.intro-r139-index a{display:flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:5px 3px;color:#c9dce5;font:400 14px/1.4 var(--op-sans,ui-sans-serif,system-ui);text-decoration:none;overflow-wrap:anywhere}
.intro-r139-index a>span{color:var(--ir139-cyan);font-size:11px;font-variant-numeric:tabular-nums}
.intro-r139-index a:hover,.intro-r139-start a:hover,.intro-r139-destinations a:hover{color:var(--ir139-cyan)}
.intro-r139-chapter{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.8fr);gap:clamp(25px,5vw,80px);align-items:center;padding:clamp(48px,7vw,106px) 0;border-bottom:1px solid #7dc9db20;scroll-margin-top:120px;min-width:0}
.intro-r139-visual,.intro-r139-copy{min-width:0}
.intro-r139-plate{margin:0;min-width:0;background:#041118;border-radius:3px}.intro-r139-plate-frame{position:relative;isolation:isolate;aspect-ratio:1672/941;overflow:hidden}
.intro-r139-plate img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.intro-r139-plate-base{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 68% 57%,#13556969,transparent 50%),linear-gradient(135deg,#101e29,#040b13 55%,#08232c)}
.intro-r139-plate-base>span{position:absolute;width:37%;aspect-ratio:1;top:19%;left:-8%;border:1px solid #7c9da733;border-radius:50%;box-shadow:inset 0 0 0 17px #5278850b,inset 0 0 0 40px #5278850b}
.intro-r139-plate-base>span:nth-child(2){left:auto;right:-4%;top:7%;width:29%;border-color:#5cddeb44}
.intro-r139-plate-base>span:nth-child(3){width:100%;height:30%;aspect-ratio:auto;top:auto;bottom:-17%;left:0;border-radius:50%;border-color:#5cddeb33}
.intro-r139-plate figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 12px;background:#03101bea;color:#b7cbd6;font:400 11px/1.5 var(--op-sans,ui-sans-serif,system-ui)}
.intro-r139-plate figcaption>a{display:flex;align-items:center;gap:7px;min-height:44px;color:#d4edf5;text-decoration:none}
.intro-r139-live-art{margin:15px 0 0;color:#698997;min-width:0}
.intro-r139-art{display:block;width:100%;height:auto;max-height:255px;overflow:visible;transform:translateY(var(--ir139-art-y));opacity:var(--ir139-art-opacity)}
.intro-r139-art .intro-r139-accent{color:var(--ir139-cyan,#5cddeb);stroke:currentColor}
.intro-r139-orbit{transform:rotate(var(--ir139-orbit));transform-origin:320px 166px}
.intro-r139-bead{fill:#8ef6ff;stroke:#5cddeb;stroke-width:2;opacity:0;filter:drop-shadow(0 0 4px #5cddeb70)}
.intro-r139-live-art>p{margin:0;text-align:center;color:#91aebc;font:400 11px/1.5 var(--op-sans,ui-sans-serif,system-ui)}
.intro-r139-copy h3{margin:0 0 21px;color:#f0f8fb;font:600 clamp(28px,3.15vw,48px)/1.12 var(--op-sans,ui-sans-serif,system-ui);letter-spacing:-.04em;overflow-wrap:normal;text-wrap:balance}
.intro-r139-body{margin:0;color:#dcecf3;font:400 clamp(17px,1.55vw,23px)/1.65 var(--op-sans,ui-sans-serif,system-ui);text-wrap:pretty}
.intro-r139-tagline{margin:22px 0;color:#9db8c9;font:400 16px/1.7 var(--op-sans,ui-sans-serif,system-ui)}
.intro-r139-labels{list-style:none;display:flex;flex-wrap:wrap;gap:9px 18px;margin:24px 0 0;padding:16px 0 0;border-top:1px solid #91bfce28;color:#afcad8;font:400 16px/1.7 var(--op-sans,ui-sans-serif,system-ui)}
.intro-r139-labels li{display:flex;align-items:baseline;gap:8px}
.intro-r139-labels li:before{content:'';display:block;width:5px;height:5px;flex:none;border-radius:50%;background:var(--ir139-cyan,#5cddeb)}
.intro-r139-destinations{display:flex;flex-wrap:wrap;gap:8px 23px;margin-top:24px}
.intro-r139-destinations a{display:flex;align-items:center;gap:12px;min-height:44px;color:#e1f5fb;font:500 16px/1.5 var(--op-sans,ui-sans-serif,system-ui);text-decoration:underline;text-underline-offset:5px}
.intro-r139-context{max-width:650px;margin:30px 0 0;color:#96b1c1;font:400 16px/1.7 var(--op-sans,ui-sans-serif,system-ui)}
.intro-r139-sources{max-width:820px;margin-top:22px;color:#a5c0ce;font:400 16px/1.7 var(--op-sans,ui-sans-serif,system-ui)}
.intro-r139-sources summary{min-height:44px;padding:10px 0;cursor:pointer;color:#cde6ef}
.intro-r139-sources p{margin:15px 0}.intro-r139-sources strong{color:#d7ecf4;font-weight:500}
.intro-r139-sources ul{display:flex;flex-wrap:wrap;gap:2px 22px;list-style:none;padding:0;margin:0}
.intro-r139-sources a{display:inline-flex;align-items:center;min-height:44px;color:#bdeef4;text-underline-offset:4px}
.intro-r139-story :is(a,button):focus-visible,.intro-r139-replay :is(a,button):focus-visible{outline:2px solid #94f5ff;outline-offset:5px}
.intro-r139-replay{--ir139-cyan:#5cddeb;--ir139-muted:#a8bdc9;width:min(1250px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:clamp(16px,2.5vw,36px);overflow:auto;overscroll-behavior:contain;border:1px solid #76d0e057;border-radius:12px;background:#05131e;color:#f0f8fb;box-shadow:0 30px 100px #0009}
.intro-r139-replay:not([open]){display:none}
.intro-r139-replay::backdrop{background:#020912df}
.intro-r139-replay-toolbar{position:sticky;top:calc(-1 * clamp(16px,2.5vw,36px));z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0 17px;background:#05131ef5}
.intro-r139-replay-toolbar p{margin:0 0 4px;color:#94b5c7;font:400 12px/1.6 var(--op-sans,ui-sans-serif,system-ui)}
.intro-r139-replay-toolbar h2{margin:0;font:600 clamp(21px,2.3vw,30px)/1.25 var(--op-sans,ui-sans-serif,system-ui)}
.intro-r139-replay-actions{display:flex;flex:none;gap:9px}
.intro-r139-replay-actions button{display:flex;align-items:center;gap:15px}
.intro-r139-replay button:hover:not(:disabled){border-color:#9df6ff;background:#0c3444}
.intro-r139-replay button:disabled{opacity:.5;cursor:default}
.intro-r139-replay-meter{margin:0 0 20px}
.intro-r139-replay-meter progress{display:block;width:100%;height:4px;border:none;accent-color:#5cddeb;background:#1e3544}
.intro-r139-replay-meter progress::-webkit-progress-bar{background:#1e3544;border-radius:2px}
.intro-r139-replay-meter progress::-webkit-progress-value{background:#5cddeb;border-radius:2px}
.intro-r139-replay-meter p{margin:9px 0 0;font:400 12px/1.6 var(--op-sans,ui-sans-serif,system-ui);color:#afc8d5}
.intro-r139-replay-stage{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.75fr);gap:clamp(20px,3vw,42px);align-items:start;min-width:0}
.intro-r139-replay-stage .intro-r139-number{margin-bottom:10px}
.intro-r139-replay-stage .intro-r139-copy h3{font-size:clamp(26px,3vw,40px);margin-bottom:12px}
.intro-r139-replay-stage .intro-r139-body{font-size:18px;line-height:1.6}
.intro-r139-replay-stage .intro-r139-tagline{margin:16px 0;font-size:16px}
.intro-r139-replay-stage .intro-r139-labels{margin-top:14px;padding-top:12px;font-size:16px}
.intro-r139-replay-stage .intro-r139-live-art{margin-top:16px}
.intro-r139-replay-stage .intro-r139-art{max-height:180px}
.intro-r139-replay-chapters{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px;padding-top:20px;border-top:1px solid #85bed12c}
.intro-r139-replay-chapters button{padding:9px 12px;border-radius:8px;font-size:14px;font-variant-numeric:tabular-nums}
.intro-r139-replay-chapters button[aria-pressed='true']{background:#153f50;color:#9bf5ff;border-color:#62ddee}
.intro-r139-replay-status{margin:14px 0 0;font:400 12px/1.6 var(--op-sans,ui-sans-serif,system-ui);color:#a3c1d1}
@media(min-width:1200px){.intro-r139-chapter:nth-child(even) .intro-r139-copy{grid-column:1;grid-row:1}.intro-r139-chapter:nth-child(even){grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr)}.intro-r139-chapter:nth-child(even) .intro-r139-visual{grid-column:2}}
@media(max-width:767px){.intro-r139-story{padding:64px 16px}.intro-r139-heading{grid-template-columns:minmax(0,1fr);gap:27px}.intro-r139-heading h2{font-size:clamp(31px,8.7vw,49px)}.intro-r139-heading>div>p:last-child{font-size:17px}.intro-r139-start{max-width:none}.intro-r139-index{gap:3px 13px}.intro-r139-index a{font-size:13px}.intro-r139-chapter{grid-template-columns:minmax(0,1fr);gap:25px;padding:45px 0;scroll-margin-top:108px}.intro-r139-copy h3{font-size:clamp(28px,8vw,41px);margin-bottom:15px}.intro-r139-body{font-size:18px}.intro-r139-art{max-height:185px}.intro-r139-number{margin-bottom:12px}.intro-r139-labels{font-size:16px}.intro-r139-replay{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px;border-radius:8px}.intro-r139-replay-toolbar{top:-14px;gap:10px;align-items:flex-start}.intro-r139-replay-toolbar h2{font-size:20px}.intro-r139-replay-toolbar p{font-size:11px}.intro-r139-replay-actions{gap:5px}.intro-r139-replay-actions button{padding:10px 11px;gap:8px;font-size:14px}.intro-r139-replay-stage{grid-template-columns:minmax(0,1fr);gap:20px}.intro-r139-replay-detail{min-width:0}.intro-r139-replay-chapters{gap:6px}.intro-r139-replay-chapters button{font-size:13px}.intro-r139-replay-stage .intro-r139-art{max-height:165px}}
@media(max-width:360px){.intro-r139-story{padding-inline:12px}.intro-r139-index{column-gap:10px}.intro-r139-index a{font-size:12px}.intro-r139-replay-toolbar{flex-wrap:wrap}.intro-r139-replay-actions{width:100%;justify-content:flex-end}.intro-r139-plate figcaption{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.intro-r139-story,.intro-r139-replay{scroll-behavior:auto}.intro-r139-art,.intro-r139-orbit{transform:none!important;opacity:1!important}.intro-r139-art [data-intro-step]{opacity:1!important}.intro-r139-bead{filter:none}}