/* Reference-led editorial rebuild. Isolated preview branch. Modal behavior intentionally untouched. */
:root{--ink:#121b35;--gray:#596074;--surface:#f1efdf;--blue:#1b294d;--line:#d9d7c7}
html{scroll-padding-top:88px}
body{background:#f7f5e9!important;color:#17203b!important;font-family:Inter,Arial,Helvetica,sans-serif!important}
header{background:#f7f5e9f2!important;border-bottom:1px solid #d9d7c7!important;backdrop-filter:blur(18px)}
.wrap{max-width:1440px!important;padding-left:clamp(22px,5vw,82px)!important;padding-right:clamp(22px,5vw,82px)!important}
.brand{font-weight:900!important;letter-spacing:-.09em!important;color:#17203b!important}
#primary-nav a{font-size:12px!important;font-weight:750!important;text-transform:uppercase;letter-spacing:.06em;color:#17203b!important}
#primary-nav a:hover{opacity:.6}
.button{background:#19294d!important;color:#fff!important;border:1px solid #19294d!important;border-radius:999px!important;text-transform:uppercase;font-size:12px!important;font-weight:800;letter-spacing:.04em;min-height:48px;padding:13px 24px}
.button.secondary{background:transparent!important;color:#19294d!important}
h1,h2,h3{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:-.075em!important}
.eyebrow,.label,.number,.principle-number{font-size:11px!important;letter-spacing:.11em!important;font-weight:800!important;color:#39415b}
.personal-hero{position:relative;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);column-gap:4vw;align-items:center;min-height:min(830px,90svh);padding-top:60px!important;padding-bottom:75px!important}
.identity-copy{position:relative;z-index:2}
.personal-hero h1{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(72px,10.7vw,174px)!important;line-height:.81!important;font-weight:900!important;letter-spacing:-.095em!important;color:#182447!important;max-width:950px}
.personal-hero h1 span{display:block}
.identity-statement{font-size:clamp(19px,2vw,30px)!important;font-weight:750!important;letter-spacing:-.045em!important;color:#17203b!important;margin:28px 0 12px}
.personal-hero .intro{font-size:15px!important;line-height:1.7!important;max-width:470px!important;margin:0 0 25px!important;color:#4f586c!important}
.personal-hero .actions{justify-content:flex-start!important;gap:24px}
.identity-cv{font-size:12px!important;text-transform:uppercase;font-weight:800!important;color:#182447!important}
.identity-meta{display:flex!important;gap:18px!important;flex-wrap:wrap!important;margin-top:35px!important;font-size:11px!important;font-weight:750!important;text-transform:uppercase}
.identity-portrait{position:relative!important;width:100%!important;height:min(600px,65vw)!important;min-height:420px!important;border:0!important;border-radius:0!important;background:radial-gradient(ellipse at center,#e4d8b6 0%,#eee9d5 64%,transparent 65%)!important;overflow:visible!important;filter:none!important}
.portrait-mount{height:100%!important;width:100%!important;display:flex!important;align-items:end!important;justify-content:center!important}
.identity-portrait img{position:relative!important;z-index:1!important;width:auto!important;max-width:100%!important;height:94%!important;object-fit:contain!important;filter:grayscale(.15)}
.portrait-orbit{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.18!important}
.identity-portrait figcaption{position:absolute!important;bottom:16px!important;right:0!important;left:auto!important;z-index:2;background:#f7f5e9e8;padding:12px 18px;max-width:210px;font-size:11px!important}
.identity-principles{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;border-top:1px solid #bfc2bb!important;margin-top:45px!important;padding-top:0!important}
.identity-principles>div{padding:25px 26px 10px 0!important;border-right:1px solid #d8d7c8}
.identity-principles>div+div{padding-left:26px!important}
.identity-principles>div:last-child{border:0}
.identity-principles h2{font-size:clamp(23px,2.6vw,39px)!important;font-weight:800!important;line-height:1!important;margin:14px 0}
.identity-principles p{font-size:13px!important;line-height:1.6!important}
.section{padding-top:105px!important;padding-bottom:105px!important}
.section h2,.heading h2,#sobre-mi h2,#tecnologias h2,#formacion h2,#contact-title{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(46px,7vw,104px)!important;line-height:.94!important;font-weight:900!important;letter-spacing:-.085em!important;color:#17203b!important}
.heading{border-top:1px solid #c8c9bc!important;padding-top:24px!important;align-items:end!important}
.heading>p{font-size:14px!important;line-height:1.7!important}
#proyectos{background:#f7f5e9}
.project-browser{border-bottom:1px solid #d2d0c1;padding-bottom:18px;margin-bottom:26px}
.project-filters button{border-radius:999px!important;font-size:11px!important;text-transform:uppercase;font-weight:750!important;letter-spacing:.04em!important}
.project-filters button[aria-pressed=true]{background:#1b294d!important;color:white!important}
#proyectos .feature{background:#e8e8d9!important;border:1px solid #d8d9c9!important;border-radius:0!important;padding:clamp(22px,4vw,55px)!important;text-align:left!important}
#proyectos .feature-capture{width:100%!important;margin:0 0 30px!important;border-radius:0!important;box-shadow:14px 14px 0 #18244718}
#proyectos .feature h3{font-size:clamp(52px,7vw,100px)!important;font-weight:900!important}
#proyectos .feature p{margin-left:0!important}
#proyectos .feature .actions{justify-content:flex-start!important}
#proyectos .grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;background:#c9c9bf!important;margin-top:36px!important}
#proyectos .project{background:#f7f5e9!important;border:0!important;border-radius:0!important;padding:clamp(22px,3vw,45px)!important;min-height:500px!important}
#proyectos .project.dark{background:#1b294d!important;color:#fff!important}
#proyectos .project h3{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(38px,4vw,65px)!important;font-weight:900!important}
#proyectos .project .capture-button{width:100%!important;margin:0 0 25px!important;border-radius:0!important;box-shadow:none!important}
#proyectos .project .project-preview{aspect-ratio:16/10!important;object-fit:cover!important}
#proyectos .project .actions{margin-top:auto!important}
#proyectos .project .actions a{font-weight:750!important}
#proyectos .project .capture-label{border-radius:999px!important;background:#f7f5e9!important}
.case-study{border-radius:0!important}
.about{background:#e8e8da!important;color:#17203b!important}
.about .split{grid-template-columns:1.1fr .9fr!important;gap:7vw!important}
.about p{color:#4c5261!important}
.personal-note{border-left:3px solid #19294d!important;padding-left:24px!important}
.award{border-radius:0!important;background:#f7f5e9!important}
#tecnologias{background:#f7f5e9!important}
.tools{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;background:#d5d4c8!important}
.tool{background:#f7f5e9!important;border:0!important;border-radius:0!important;min-height:310px!important;padding:32px!important;box-shadow:none!important}
.tool h3{font-size:32px!important;font-weight:850!important}
.tool-icon{border-radius:50%!important;background:#1b294d!important;color:#fff!important}
.stack-carousel{background:#e8e8da!important}
.credentials-section{background:#f7f5e9!important}
.academic{border-radius:0!important;background:#1b294d!important}
.credential{border-radius:0!important;background:#eeeddf!important}
.contact{background:#e8e8da!important;border:0!important;padding:100px 25px!important}
.contact-shell{background:transparent!important;max-width:1300px!important}
.contact-form{border-radius:0!important;background:#f7f5e9!important}
footer{background:#19294d!important;color:#f7f5e9!important}
footer a,footer p,footer .label,footer .brand,footer span{color:#f7f5e9!important}
.preview-dialog{z-index:1000!important;background:#fff!important;color:#17203b!important;border-radius:18px!important}
.preview-dialog .preview-stage,.preview-dialog .preview-frame{max-width:100%}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.project:hover,.tool:hover{transform:none!important;box-shadow:none!important}.capture-button:hover img{transform:scale(1.035)!important}}
@media(max-width:900px){.personal-hero{grid-template-columns:1fr 1fr!important;min-height:auto!important}.personal-hero h1{font-size:clamp(58px,9vw,105px)!important}.identity-portrait{height:430px!important;min-height:0!important}.tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.personal-hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding-top:42px!important;padding-bottom:45px!important}.personal-hero h1{font-size:clamp(65px,15vw,110px)!important}.identity-copy{order:1}.identity-portrait{order:2;height:390px!important;margin-top:24px!important}.identity-principles{order:3;grid-template-columns:1fr!important;margin-top:22px!important}.identity-principles>div,.identity-principles>div+div{padding:18px 0!important;border-right:0!important;border-bottom:1px solid #d8d7c8!important}.identity-principles h2{font-size:28px!important;margin:8px 0}.identity-principles p{margin:0}.section{padding-top:65px!important;padding-bottom:65px!important}.section h2,.heading h2,#sobre-mi h2,#tecnologias h2,#formacion h2,#contact-title{font-size:clamp(44px,11vw,72px)!important}#proyectos .grid{grid-template-columns:1fr!important}#proyectos .project{min-height:420px!important}#proyectos .feature h3{font-size:55px!important}.about .split{grid-template-columns:1fr!important}.tools{grid-template-columns:1fr!important}.contact{padding:70px 20px!important}.menu-toggle{border-radius:999px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Starbucks-inspired palette — preview only. Keep existing layout and modal behavior. */
:root{--ink:#1e3932;--gray:#52655b;--surface:#d4e9e2;--blue:#00754a;--line:#b7c9bd}
body{background:#f1f8f4!important;color:#1e3932!important}
header{background:#f1f8f4f2!important;border-bottom-color:#c3d7ca!important}
.brand,#primary-nav a,.identity-statement,.identity-cv,.identity-principles h2,.section h2,.heading h2,#sobre-mi h2,#tecnologias h2,#formacion h2,#contact-title{color:#1e3932!important}
.personal-hero h1{color:#1e3932!important}
.personal-hero .intro,.identity-principles p,.heading>p,.about p{color:#52655b!important}
.identity-portrait{background:radial-gradient(ellipse at center,#d4e9e2 0%,#e6f1e9 64%,transparent 65%)!important}
.identity-portrait figcaption{background:#f1f8f4e8!important}
.identity-principles{border-top-color:#abc5b4!important}
.identity-principles>div{border-color:#c4d8ca!important}
.button{background:#00754a!important;border-color:#00754a!important;color:white!important}
.button.secondary{background:transparent!important;color:#00754a!important}
#proyectos,#tecnologias,.tool,.credentials-section,#proyectos .project{background:#f1f8f4!important}
#proyectos .feature,.about,.stack-carousel,.contact{background:#d4e9e2!important}
#proyectos .feature{border-color:#b7c9bd!important}
#proyectos .grid,.tools{background:#a7c4b3!important}
#proyectos .project.dark,.academic,footer{background:#1e3932!important}
#proyectos .project.dark h3,#proyectos .project.dark p{color:#fff!important}
#proyectos .project .capture-label{background:#f1f8f4!important}
.project-filters button[aria-pressed=true],.tool-icon{background:#00754a!important;color:#fff!important}
.personal-note{border-left-color:#00754a!important}
.award,.contact-form{background:#f1f8f4!important}
.credential{background:#e6f1e9!important}
footer,footer a,footer p,footer .label,footer .brand,footer span{color:#f1f8f4!important}
.preview-dialog{color:#1e3932!important}

/* Reference composition: full rebuild, preserving existing modal DOM and scripts */
.reference-legacy{display:none!important}
.reference-hero,.reference-about,.reference-stack,.reference-building,.reference-moments{position:relative;isolation:isolate;color:#1e3932}
.reference-hero{min-height:780px;overflow:hidden;padding-top:22px!important;padding-bottom:24px!important}
.reference-topline,.reference-section-heading,.reference-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.reference-topline{border-bottom:1px solid #c0d4c7;padding:12px 0 19px}
.status-dot{display:inline-block;width:8px;height:8px;background:#00754a;border-radius:50%;margin-left:8px;box-shadow:0 0 0 4px #00754a24}
.reference-watermark{position:absolute;top:75px;left:3vw;z-index:-1;font-size:clamp(180px,29vw,450px);line-height:1;font-weight:950;letter-spacing:-.13em;color:#d9e8de;white-space:nowrap;pointer-events:none}
.reference-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;min-height:620px;align-items:end}
.reference-hero-copy{padding:140px 0 90px;position:relative;z-index:2}
.reference-kicker{font-size:11px!important;letter-spacing:.13em;font-weight:850!important}
.reference-kicker span{color:#00754a}
.reference-hero h1{font-size:clamp(65px,9.5vw,155px)!important;font-weight:900;line-height:.86;letter-spacing:-.095em;white-space:nowrap;margin:24px 0 24px;color:#1e3932}
.reference-period{color:#00754a}
.reference-hero-copy>p:not(.reference-kicker){max-width:430px;font-size:16px;line-height:1.7;color:#52655b}
.reference-actions{display:flex;align-items:center;gap:25px;margin-top:28px;flex-wrap:wrap}
.reference-actions>a:not(.button){font-size:12px;font-weight:800;text-transform:uppercase;color:#1e3932}
.reference-hero-photo{height:560px;position:relative;display:flex;justify-content:center;align-items:flex-end}
.reference-photo-disc{position:absolute;inset:12% 3% 4%;border-radius:50% 50% 4% 4%;background:#d4e9e2}
.reference-hero-photo img{height:94%;max-width:100%;width:auto;object-fit:contain;position:relative;z-index:1}
.reference-photo-label{position:absolute;bottom:20px;right:0;z-index:2;font-size:10px;font-weight:800;letter-spacing:.1em;background:#f1f8f4;padding:12px}
.reference-hero-bottom{padding:22px 0;border-top:1px solid #bcd0c2}
.reference-hero-bottom a{color:#00754a}
.reference-about,.reference-stack,.reference-building,.reference-moments{padding-top:100px!important;padding-bottom:110px!important}
.reference-section-heading{padding-top:16px;border-top:1px solid #abc5b4;margin-bottom:48px}
.reference-about-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw}
.reference-about h2,.reference-stack h2,.reference-building h2,.reference-moments h2{font-size:clamp(58px,8vw,122px)!important;line-height:.91;font-weight:900;letter-spacing:-.09em}
.reference-about h2 em,.reference-stack h2 em,.reference-building h2 em,.reference-moments h2 em{font-style:normal;color:#00754a}
.reference-large-copy{font-size:clamp(20px,2.3vw,34px);line-height:1.3;letter-spacing:-.04em;max-width:500px}
.reference-about-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.reference-id-card,.reference-note-card{padding:22px;background:#d4e9e2;min-height:350px;display:flex;flex-direction:column}
.reference-id-top{display:flex;justify-content:space-between;font-size:10px;font-weight:850}
.reference-id-card img{width:100%;height:200px;object-fit:contain;margin:8px 0 16px}
.reference-id-card strong{font-size:14px}.reference-id-card small{font-size:9px;margin-top:7px}
.reference-note-card{background:#1e3932;color:white}
.reference-note-card>span{font-size:10px;font-weight:800;letter-spacing:.12em}
.reference-note-card h3{font-size:clamp(27px,3vw,43px);line-height:1.1;margin:45px 0 14px;color:white}
.reference-note-card p{font-size:13px;color:#d4e9e2;line-height:1.6}
.reference-note-card a{margin-top:auto;color:#d4e9e2;font-size:12px;font-weight:800}
.reference-stack{background:#e4f0e8}
.reference-stack-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}
.reference-stack-heading p{max-width:260px;font-size:14px}
.reference-elements{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.reference-element{min-height:142px;background:#f1f8f4;border:1px solid #b9d2c3;padding:12px 10px;display:flex;flex-direction:column;transition:transform .2s,background .2s}
.reference-element:hover{transform:translateY(-5px);background:#d4e9e2}
.reference-element>span{font-size:10px;color:#52655b}
.reference-element strong{font-size:clamp(25px,3.2vw,49px);letter-spacing:-.08em;margin:auto 0 4px}
.reference-element small{font-size:11px;font-weight:750}
.reference-element em{font-size:8px;font-style:normal;letter-spacing:.08em;margin-top:5px}
.reference-stack-legend{display:flex;flex-wrap:wrap;gap:24px;margin-top:22px;font-size:10px;font-weight:800}
.reference-stack-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#00754a;margin-right:6px}
.reference-building-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#aac5b5;margin-top:45px}
.reference-building-grid article{min-height:330px;padding:30px;background:#f1f8f4;display:flex;flex-direction:column}
.reference-building-grid article>span:first-child{font-size:10px;letter-spacing:.12em;font-weight:800}
.reference-building-grid h3{font-size:clamp(29px,3.5vw,52px);font-weight:850;line-height:1.05;margin:50px 0 10px}
.reference-building-grid p{font-size:14px;line-height:1.6}
.reference-arrow{margin-top:auto;font-size:30px;color:#00754a}
.reference-moments{background:#d4e9e2}
.reference-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#a7c4b3;margin-top:50px}
.reference-stats>div{background:#d4e9e2;padding:30px}
.reference-stats strong{font-size:clamp(70px,10vw,150px);letter-spacing:-.1em;line-height:1;font-weight:900}
.reference-stats strong span{font-size:.4em}
.reference-stats p{font-size:14px;line-height:1.6}
@media(max-width:1000px){.reference-hero h1{font-size:clamp(60px,9vw,100px)!important}.reference-hero-photo{height:480px}.reference-elements{grid-template-columns:repeat(5,1fr)}.reference-about-layout{grid-template-columns:1fr;gap:30px}.reference-about-cards{max-width:700px}}
@media(max-width:680px){.reference-hero{min-height:auto;padding-top:10px!important}.reference-topline{font-size:8px}.reference-watermark{top:100px;font-size:34vw}.reference-hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0}.reference-hero-copy{padding:105px 0 12px}.reference-hero h1{font-size:clamp(57px,13.3vw,90px)!important;white-space:normal}.reference-hero-photo{height:360px}.reference-photo-disc{inset:7% 10% 4%}.reference-hero-bottom{font-size:8px;flex-wrap:wrap}.reference-hero-bottom span:last-child{display:none}.reference-about,.reference-stack,.reference-building,.reference-moments{padding-top:65px!important;padding-bottom:65px!important}.reference-about h2,.reference-stack h2,.reference-building h2,.reference-moments h2{font-size:clamp(53px,13vw,78px)!important}.reference-about-cards{grid-template-columns:1fr 1fr;gap:8px}.reference-id-card,.reference-note-card{padding:14px;min-height:300px}.reference-id-card img{height:150px}.reference-note-card h3{font-size:26px;margin:32px 0 8px}.reference-note-card p{font-size:11px}.reference-stack-heading{display:block}.reference-elements{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.reference-element{min-height:124px}.reference-element strong{font-size:36px}.reference-building-grid,.reference-stats{grid-template-columns:1fr}.reference-building-grid article{min-height:270px}.reference-building-grid h3{margin-top:30px}.reference-stats strong{font-size:100px}}
@media(prefers-reduced-motion:reduce){.reference-element{transition:none}}


/* Contrast system v2: explicit foreground/background pairs, no global p override. */
:root[data-theme="light"]{color-scheme:light;--e-page:#f1f8f4;--e-surface:#d4e9e2;--e-soft:#e4f0e8;--e-text:#1e3932;--e-muted:#405d50;--e-accent:#00643f;--e-border:#9dbba9;--e-inverse:#1e3932;--e-inverse-text:#f8fff9;--e-button:#00643f;--e-button-text:#fff;--ink:var(--e-text);--gray:var(--e-muted);--blue:var(--e-accent);--bg:var(--e-page);--surface:var(--e-surface);--line:var(--e-border);--showcase-bg:var(--e-page);--showcase-surface:var(--e-surface);--showcase-ink:var(--e-text);--showcase-line:var(--e-border)}
:root[data-theme="dark"]{color-scheme:dark;--e-page:#111e19;--e-surface:#233c30;--e-soft:#1b3026;--e-text:#f1faf3;--e-muted:#c5d9ca;--e-accent:#91eab4;--e-border:#577562;--e-inverse:#2c503b;--e-inverse-text:#f1faf3;--e-button:#91eab4;--e-button-text:#102218;--ink:var(--e-text);--gray:var(--e-muted);--blue:var(--e-accent);--bg:var(--e-page);--surface:var(--e-surface);--line:var(--e-border);--showcase-bg:var(--e-page);--showcase-surface:var(--e-surface);--showcase-ink:var(--e-text);--showcase-line:var(--e-border)}
:root[data-theme] body{background:var(--e-page)!important;color:var(--e-text)!important}
:root[data-theme] header{background:var(--e-page)!important;border-color:var(--e-border)!important}
:root[data-theme] .brand,:root[data-theme] #primary-nav a,:root[data-theme] .section h2,:root[data-theme] .heading h2,:root[data-theme] .reference-hero h1,:root[data-theme] .reference-about h2,:root[data-theme] .reference-stack h2,:root[data-theme] .reference-building h2,:root[data-theme] .reference-moments h2{color:var(--e-text)!important}
:root[data-theme] .eyebrow,:root[data-theme] .label,:root[data-theme] .number,:root[data-theme] .principle-number{color:var(--e-muted)!important}
:root[data-theme] .reference-hero,:root[data-theme] .reference-about,:root[data-theme] .reference-building,:root[data-theme] #proyectos,:root[data-theme] #tecnologias,:root[data-theme] .credentials-section{background:var(--e-page)!important;color:var(--e-text)!important}
:root[data-theme] .reference-stack,:root[data-theme] .reference-moments,:root[data-theme] .about,:root[data-theme] .contact,:root[data-theme] .stack-carousel{background:var(--e-soft)!important;color:var(--e-text)!important}
:root[data-theme] .reference-id-card,:root[data-theme] #proyectos .feature,:root[data-theme] .credential,:root[data-theme] .contact-form,:root[data-theme] .reference-photo-label{background:var(--e-surface)!important;color:var(--e-text)!important;border-color:var(--e-border)!important}
:root[data-theme] .reference-element,:root[data-theme] .reference-building-grid article,:root[data-theme] .reference-stats>div,:root[data-theme] .tool,:root[data-theme] #proyectos .project:not(.dark),:root[data-theme] .award{background:var(--e-page)!important;color:var(--e-text)!important;border-color:var(--e-border)!important}
:root[data-theme] .reference-elements,:root[data-theme] .reference-building-grid,:root[data-theme] .reference-stats,:root[data-theme] #proyectos .grid,:root[data-theme] .tools{background:var(--e-border)!important}
:root[data-theme] .reference-element:hover{background:var(--e-surface)!important}
:root[data-theme] .reference-photo-disc{background:var(--e-surface)!important}
:root[data-theme] .reference-topline,:root[data-theme] .reference-section-heading,:root[data-theme] .reference-hero-bottom,:root[data-theme] .identity-principles{border-color:var(--e-border)!important}
:root[data-theme] .reference-watermark{color:var(--e-surface)!important}
:root[data-theme] .reference-kicker span,:root[data-theme] .reference-period,:root[data-theme] .reference-hero-bottom a,:root[data-theme] .reference-actions>a:not(.button),:root[data-theme] .reference-about h2 em,:root[data-theme] .reference-stack h2 em,:root[data-theme] .reference-building h2 em,:root[data-theme] .reference-moments h2 em,:root[data-theme] .reference-arrow{color:var(--e-accent)!important}
:root[data-theme] .reference-hero-copy>p:not(.reference-kicker),:root[data-theme] .reference-large-copy,:root[data-theme] .reference-stack-heading p,:root[data-theme] .reference-building-grid p,:root[data-theme] .reference-stats p,:root[data-theme] .reference-element>span,:root[data-theme] .reference-element small,:root[data-theme] .reference-element em,:root[data-theme] .reference-id-card small,:root[data-theme] .about p,:root[data-theme] .heading>p,:root[data-theme] .project:not(.dark) p,:root[data-theme] .tool p,:root[data-theme] .contact p{color:var(--e-muted)!important}
:root[data-theme] .reference-element strong,:root[data-theme] .reference-id-card strong,:root[data-theme] .reference-id-top,:root[data-theme] .reference-building-grid h3,:root[data-theme] .reference-stats strong,:root[data-theme] .project:not(.dark) h3,:root[data-theme] .tool h3,:root[data-theme] .contact h2{color:var(--e-text)!important}
:root[data-theme] .reference-note-card,:root[data-theme] #proyectos .project.dark,:root[data-theme] .academic,:root[data-theme] footer{background:var(--e-inverse)!important;color:var(--e-inverse-text)!important}
:root[data-theme] .reference-note-card :is(h3,p,a,span),:root[data-theme] #proyectos .project.dark :is(h3,p,.number,.project-subtitle,.tech-tags li),:root[data-theme] .academic :is(h3,p,.eyebrow),:root[data-theme] footer :is(a,p,.label,.brand,span){color:var(--e-inverse-text)!important}
:root[data-theme] .button,:root[data-theme] .project-filters button[aria-pressed="true"],:root[data-theme] .tool-icon{background:var(--e-button)!important;border-color:var(--e-button)!important;color:var(--e-button-text)!important}
:root[data-theme] .button.secondary{background:transparent!important;color:var(--e-accent)!important;border-color:var(--e-border)!important}
:root[data-theme] .project-filters button[aria-pressed="true"] span{color:var(--e-button-text)!important}
:root[data-theme] .project-filters button:not([aria-pressed="true"]),:root[data-theme] .theme-select,:root[data-theme] .site-controls button,:root[data-theme] .copy-email,:root[data-theme] .stack-carousel-toggle{background:var(--e-surface)!important;color:var(--e-text)!important;border-color:var(--e-border)!important}
:root[data-theme] .contact-form label{color:var(--e-text)!important}
:root[data-theme] .contact-form :is(input,textarea){background:var(--e-page)!important;color:var(--e-text)!important;border-color:var(--e-border)!important}
:root[data-theme] .contact-form :is(input,textarea)::placeholder{color:var(--e-muted)!important}
:root[data-theme] .preview-dialog{background:var(--e-surface)!important;color:var(--e-text)!important;border-color:var(--e-border)!important}
:root[data-theme] .preview-toolbar,:root[data-theme] .preview-footer{background:var(--e-surface)!important;border-color:var(--e-border)!important;color:var(--e-text)!important}
:root[data-theme] .preview-toolbar h2,:root[data-theme] .preview-category,:root[data-theme] .preview-footer p,:root[data-theme] .preview-caption{color:var(--e-text)!important}
:root[data-theme] .preview-close,:root[data-theme] .preview-tabs button{background:var(--e-page)!important;color:var(--e-text)!important;border-color:var(--e-border)!important}
:root[data-theme] .preview-tabs [aria-selected="true"]{background:var(--e-button)!important;color:var(--e-button-text)!important;border-color:var(--e-button)!important}
:root[data-theme] .preview-stage{background:var(--e-soft)!important}
:root[data-theme] .preview-device,:root[data-theme] .preview-browser{background:#f8faf9!important;color:#25382e!important}
:root[data-theme] .preview-load-state{background:var(--e-surface)!important}
:root[data-theme] .preview-load-state p{color:var(--e-muted)!important}
:root[data-theme] .reference-hero-photo img,:root[data-theme] .reference-id-card img{filter:none!important}
:root[data-theme] :is(a,button,input,textarea,select):focus-visible{outline:3px solid var(--e-accent)!important;outline-offset:3px}

/* Soft botanical palette: tonal transitions instead of abrupt color blocks. */
:root[data-theme="light"]{--e-page:#f5f8f5;--e-surface:#e8f0e9;--e-soft:#edf3ed;--e-text:#203a30;--e-muted:#4e6759;--e-accent:#246c4b;--e-border:#cbdcd0;--e-inverse:#315543;--e-inverse-text:#f6fbf7;--e-button:#276c4b;--e-button-text:#fff}
:root[data-theme="dark"]{--e-page:#18251e;--e-surface:#26382d;--e-soft:#202f26;--e-text:#eef5ef;--e-muted:#c0d0c3;--e-accent:#a2d9b3;--e-border:#3c5445;--e-inverse:#2d4737;--e-inverse-text:#f2f8f3;--e-button:#a2d9b3;--e-button-text:#17281c}
:root[data-theme] .reference-stack{background:var(--e-soft)!important}
:root[data-theme] .reference-moments{background:var(--e-surface)!important}
:root[data-theme] .about,:root[data-theme] .contact{background:var(--e-soft)!important}
:root[data-theme] .reference-note-card,:root[data-theme] #proyectos .project.dark,:root[data-theme] .academic{background:var(--e-inverse)!important}
:root[data-theme] .reference-elements,:root[data-theme] .reference-building-grid,:root[data-theme] .reference-stats,:root[data-theme] #proyectos .grid,:root[data-theme] .tools{background:var(--e-border)!important}
:root[data-theme] :is(body,header,.reference-stack,.reference-moments,.reference-about,.reference-building,.about,.contact,.reference-id-card,.reference-note-card,.reference-element,.reference-building-grid article,.reference-stats>div,.project,.feature,.tool,.credential,.contact-form,.preview-dialog,.preview-toolbar,.preview-footer,.button,.theme-select,.site-controls button){transition:background-color .38s ease,color .38s ease,border-color .38s ease,box-shadow .38s ease}
@media(prefers-reduced-motion:reduce){:root[data-theme] :is(body,header,.reference-stack,.reference-moments,.reference-about,.reference-building,.about,.contact,.reference-id-card,.reference-note-card,.reference-element,.reference-building-grid article,.reference-stats>div,.project,.feature,.tool,.credential,.contact-form,.preview-dialog,.preview-toolbar,.preview-footer,.button,.theme-select,.site-controls button){transition:none!important}}

/* Video fidelity pass: unified editorial layout for previously legacy sections. */
:root[data-theme] #proyectos,:root[data-theme] #sobre-mi,:root[data-theme] #formacion,:root[data-theme] #contacto{background:var(--e-page)!important;color:var(--e-text)!important}
:root[data-theme] #sobre-mi,:root[data-theme] #contacto{background:var(--e-soft)!important}
:root[data-theme] :is(#proyectos,#sobre-mi,#formacion,#contacto){padding-top:clamp(70px,8vw,130px)!important;padding-bottom:clamp(75px,9vw,140px)!important}
:root[data-theme] :is(#proyectos,#sobre-mi,#formacion,#contacto) :is(.heading,h2){color:var(--e-text)!important}
:root[data-theme] :is(#proyectos,#sobre-mi,#formacion,#contacto) .heading{border-top:1px solid var(--e-border)!important;padding-top:22px!important;margin-bottom:clamp(32px,5vw,70px)!important}
:root[data-theme] :is(#proyectos,#sobre-mi,#formacion,#contacto) h2{font-size:clamp(58px,8.2vw,126px)!important;line-height:.92!important;font-weight:900!important;letter-spacing:-.09em!important}
:root[data-theme] #proyectos .feature{border:1px solid var(--e-border)!important;background:var(--e-surface)!important;box-shadow:none!important}
:root[data-theme] #proyectos .grid{gap:14px!important;background:transparent!important}
:root[data-theme] #proyectos .project{background:var(--e-surface)!important;border:1px solid var(--e-border)!important;min-height:420px!important;padding:clamp(24px,3vw,42px)!important}
:root[data-theme] #proyectos .project.dark{background:var(--e-inverse)!important;border-color:var(--e-border)!important}
:root[data-theme] #proyectos .project :is(.number,.project-subtitle){font-size:12px!important;letter-spacing:.06em}
:root[data-theme] #proyectos .project h3{font-size:clamp(36px,4vw,66px)!important;line-height:.98!important}
:root[data-theme] #proyectos .capture-button{border-radius:12px!important;overflow:hidden}
:root[data-theme] #proyectos .capture-button img{border-radius:12px!important}
:root[data-theme] #sobre-mi .split{gap:clamp(35px,7vw,110px)!important}
:root[data-theme] #sobre-mi .personal-note{border-color:var(--e-accent)!important}
:root[data-theme] #sobre-mi .award{background:var(--e-surface)!important;border:1px solid var(--e-border)!important;padding:30px!important}
:root[data-theme] #formacion .credential{background:var(--e-surface)!important;border:1px solid var(--e-border)!important;padding:clamp(20px,3vw,38px)!important}
:root[data-theme] #formacion .academic{background:var(--e-inverse)!important;border:1px solid var(--e-border)!important}
:root[data-theme] #contacto .contact-shell{max-width:1100px!important}
:root[data-theme] #contacto .contact-form{background:var(--e-surface)!important;border:1px solid var(--e-border)!important;border-radius:16px!important;box-shadow:none!important}
:root[data-theme] #contacto .contact-form :is(input,textarea){background:var(--e-page)!important}
:root[data-theme] #contacto .social{gap:16px!important}
:root[data-theme] #contacto .social a{border:1px solid var(--e-border);border-radius:999px;padding:10px 18px;color:var(--e-text)!important}
:root[data-theme] #contacto .social a:hover{background:var(--e-surface)}
:root[data-theme] .reference-about,:root[data-theme] .reference-building{background:var(--e-page)!important}
:root[data-theme] .reference-stack{background:var(--e-soft)!important}
:root[data-theme] .reference-moments{background:var(--e-surface)!important}
:root[data-theme] .reference-note-card{background:var(--e-inverse)!important}
@media(max-width:760px){:root[data-theme] #proyectos .grid{grid-template-columns:1fr!important}:root[data-theme] #proyectos .project{min-height:340px!important}:root[data-theme] :is(#proyectos,#sobre-mi,#formacion,#contacto) h2{font-size:clamp(46px,12vw,82px)!important}}

/* Video-led editorial HTML sections, replacing legacy layout rather than skinning it. */
:root[data-theme] .reference-journey{padding:clamp(75px,9vw,140px) 0;background:var(--e-soft)!important;color:var(--e-text)}
:root[data-theme] .reference-journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,110px);align-items:start}
:root[data-theme] .reference-journey h2,:root[data-theme] .reference-work h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(68px,9vw,140px)!important;line-height:.89;letter-spacing:-.095em;font-weight:900;color:var(--e-text)!important;margin:22px 0 0}
:root[data-theme] .reference-journey h2 em,:root[data-theme] .reference-work h2 em{font-style:normal;color:var(--e-accent)}
:root[data-theme] .reference-journey-content{padding-top:28px}
:root[data-theme] .reference-journey-content>p:not(.reference-large-copy){font-size:16px;line-height:1.8;max-width:510px;color:var(--e-muted)}
:root[data-theme] .reference-journey-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
:root[data-theme] .reference-journey-links>a:not(.button){font-size:12px;font-weight:800;color:var(--e-accent)}
:root[data-theme] .reference-journey-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:clamp(55px,8vw,120px);padding-top:22px;border-top:1px solid var(--e-border);font-size:11px;letter-spacing:.12em;font-weight:800}
:root[data-theme] .reference-work-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:45px;margin-bottom:50px}
:root[data-theme] .reference-work-heading>p{max-width:380px;font-size:16px;line-height:1.8;color:var(--e-muted)!important}
:root[data-theme] .reference-work .project-browser{border-color:var(--e-border)}
:root[data-theme] .reference-work .reference-section-heading{margin-bottom:38px}
@media(max-width:760px){:root[data-theme] .reference-journey-grid,:root[data-theme] .reference-work-heading{grid-template-columns:1fr;gap:16px}:root[data-theme] .reference-journey-foot{grid-template-columns:1fr;gap:15px}:root[data-theme] .reference-journey h2,:root[data-theme] .reference-work h2{font-size:clamp(64px,13vw,100px)!important}}

/* Reference video fidelity pass: warm ivory, ink navy, pill navigation, editorial typography. */
:root[data-theme="light"]{--e-page:#f6f3e8;--e-surface:#efead9;--e-soft:#f0eddf;--e-text:#202744;--e-muted:#62677a;--e-accent:#333d66;--e-border:#ded9c8;--e-inverse:#242c4c;--e-inverse-text:#fffdf6;--e-button:#283254;--e-button-text:#fff;--showcase-bg:var(--e-page);--showcase-surface:var(--e-surface);--showcase-ink:var(--e-text);--showcase-line:var(--e-border)}
:root[data-theme="dark"]{--e-page:#171c2c;--e-surface:#252c40;--e-soft:#1d2435;--e-text:#f3f0e7;--e-muted:#c4c5d0;--e-accent:#c8c9ed;--e-border:#434a60;--e-inverse:#343e5e;--e-inverse-text:#f9f6ed;--e-button:#d5d7f0;--e-button-text:#1b2238;--showcase-bg:var(--e-page);--showcase-surface:var(--e-surface);--showcase-ink:var(--e-text);--showcase-line:var(--e-border)}
:root[data-theme] body{font-family:Inter,Arial,Helvetica,sans-serif!important;background:var(--e-page)!important;color:var(--e-text)!important}
:root[data-theme] header{background:color-mix(in srgb,var(--e-page) 91%,transparent)!important;border-bottom:1px solid var(--e-border)!important}
:root[data-theme] .nav{min-height:76px!important}
:root[data-theme] #primary-nav{background:var(--e-surface)!important;border:1px solid var(--e-border)!important;border-radius:999px!important;padding:4px 7px!important;gap:0!important;box-shadow:0 5px 22px #11172909}
:root[data-theme] #primary-nav a{font-size:12px!important;text-transform:none!important;letter-spacing:0!important;border-radius:999px;padding:0 15px!important;min-height:37px!important}
:root[data-theme] #primary-nav a[aria-current]{background:var(--e-inverse)!important;color:var(--e-inverse-text)!important}
:root[data-theme] .brand{letter-spacing:-.07em!important;font-size:21px!important}
:root[data-theme] .reference-hero{min-height:min(820px,92vh);background:var(--e-page)!important}
:root[data-theme] .reference-hero-grid{min-height:580px;grid-template-columns:1.05fr .95fr;align-items:center}
:root[data-theme] .reference-watermark{color:var(--e-surface)!important;top:100px;left:1vw;z-index:0;font-size:clamp(160px,27vw,410px)}
:root[data-theme] .reference-hero-copy{padding:95px 0 90px}
:root[data-theme] .reference-hero h1{font-size:clamp(75px,9.7vw,156px)!important;line-height:.87!important;color:var(--e-text)!important}
:root[data-theme] .reference-hero-photo{height:590px}
:root[data-theme] .reference-photo-disc{background:var(--e-surface)!important;border-radius:50% 50% 10% 10%}
:root[data-theme] .reference-photo-label{background:var(--e-page)!important;color:var(--e-text)!important;border:1px solid var(--e-border)}
:root[data-theme] .reference-topline,:root[data-theme] .reference-section-heading,:root[data-theme] .reference-hero-bottom{letter-spacing:.13em;font-size:10px;color:var(--e-muted);border-color:var(--e-border)!important}
:root[data-theme] .reference-kicker span,:root[data-theme] .reference-period,:root[data-theme] .reference-about h2 em,:root[data-theme] .reference-stack h2 em,:root[data-theme] .reference-building h2 em,:root[data-theme] .reference-moments h2 em,:root[data-theme] .reference-work h2 em,:root[data-theme] .reference-journey h2 em{color:var(--e-accent)!important}
:root[data-theme] .reference-about{padding-top:95px!important;padding-bottom:115px!important}
:root[data-theme] .reference-about-layout{grid-template-columns:1.05fr 1fr;gap:5vw}
:root[data-theme] .reference-about h2{font-size:clamp(70px,8vw,125px)!important}
:root[data-theme] .reference-id-card{background:var(--e-surface)!important;transform:rotate(-4deg);box-shadow:0 20px 35px #11172918;border-radius:13px!important;border:1px solid var(--e-border);position:relative;z-index:2}
:root[data-theme] .reference-id-card:before{content:"";position:absolute;left:43%;top:-26px;width:14%;height:28px;border-radius:5px;background:var(--e-border)}
:root[data-theme] .reference-id-top{background:var(--e-inverse);color:var(--e-inverse-text)!important;margin:-22px -22px 15px;padding:19px 22px;border-radius:13px 13px 0 0}
:root[data-theme] .reference-note-card{background:var(--e-page)!important;color:var(--e-text)!important;border:1px solid var(--e-border);border-radius:13px}
:root[data-theme] .reference-note-card :is(h3,p,a,span){color:var(--e-text)!important}
:root[data-theme] .reference-note-card p{color:var(--e-muted)!important}
:root[data-theme] .reference-stack{background:var(--e-page)!important}
:root[data-theme] .reference-elements{gap:5px!important;background:transparent!important}
:root[data-theme] .reference-element{background:var(--e-surface)!important;border:1px solid var(--e-border)!important;border-radius:5px;min-height:145px}
:root[data-theme] .reference-element:nth-child(3n+1){background:var(--e-inverse)!important;color:var(--e-inverse-text)!important}
:root[data-theme] .reference-element:nth-child(3n+1) :is(span,strong,small,em){color:var(--e-inverse-text)!important}
:root[data-theme] .reference-building{background:var(--e-soft)!important}
:root[data-theme] .reference-building-grid{background:transparent!important;gap:12px}
:root[data-theme] .reference-building-grid article{border:1px solid var(--e-border)!important;background:var(--e-page)!important;border-radius:10px}
:root[data-theme] .reference-moments{background:var(--e-page)!important}
:root[data-theme] .reference-stats{gap:14px;background:transparent!important}
:root[data-theme] .reference-stats>div{background:var(--e-surface)!important;border:1px solid var(--e-border);border-radius:12px}
:root[data-theme] .reference-stats strong{color:var(--e-text)!important}
:root[data-theme] .reference-journey{background:var(--e-soft)!important}
:root[data-theme] #proyectos{background:var(--e-page)!important}
:root[data-theme] #proyectos .project:not(.dark){background:var(--e-surface)!important}
:root[data-theme] #proyectos .project.dark{background:var(--e-inverse)!important}
:root[data-theme] #contacto{background:var(--e-soft)!important}
:root[data-theme] .button{border-radius:999px!important;min-height:43px!important;padding:12px 23px!important;text-transform:none!important;letter-spacing:0!important}
:root[data-theme] .button.secondary{border:1px solid var(--e-border)!important}
:root[data-theme] .reference-about,.reference-stack,.reference-building,.reference-moments,.reference-journey,#proyectos,#formacion,#contacto{scroll-margin-top:82px}
@media(max-width:850px){:root[data-theme] #primary-nav{border-radius:15px!important}:root[data-theme] .reference-hero-grid{min-height:0}:root[data-theme] .reference-hero h1{font-size:clamp(56px,10vw,94px)!important}:root[data-theme] .reference-hero-photo{height:430px}:root[data-theme] .reference-about-layout{grid-template-columns:1fr}}
@media(max-width:680px){:root[data-theme] .reference-hero-photo{height:340px}:root[data-theme] .reference-hero-copy{padding:95px 0 25px}:root[data-theme] .reference-id-card{transform:rotate(-2deg)}:root[data-theme] .reference-id-top{margin:-14px -14px 12px;padding:14px}:root[data-theme] .reference-about-cards{gap:12px}:root[data-theme] .reference-stats{grid-template-columns:1fr}}

/* Reference polish: visual rhythm, refined hero ornaments and compact footer. */
:root[data-theme] .reference-hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:clamp(24px,4vw,48px);font-size:10px;font-weight:800;letter-spacing:.19em;color:var(--e-muted)}
:root[data-theme] .reference-hero-dot{width:9px;height:9px;border-radius:50%;background:var(--e-accent);box-shadow:0 0 0 5px var(--e-border)}
:root[data-theme] .reference-photo-orbit{position:absolute;right:0;top:9%;font-size:clamp(36px,5vw,78px);line-height:1;color:var(--e-accent);z-index:2;animation:reference-spin 32s linear infinite;pointer-events:none}
@keyframes reference-spin{to{transform:rotate(360deg)}}
:root[data-theme] .reference-hero-bottom{padding-top:22px!important;padding-bottom:26px!important;border-top:1px solid var(--e-border)!important}
:root[data-theme] .reference-hero-bottom a{color:var(--e-accent)!important}
:root[data-theme] .reference-hero-copy>p:not(.reference-kicker){max-width:470px!important;color:var(--e-muted)!important;line-height:1.7}
:root[data-theme] .reference-actions{gap:22px!important}
:root[data-theme] .reference-actions>a:not(.button){color:var(--e-text)!important;font-weight:700;font-size:13px}
:root[data-theme] .reference-about .reference-large-copy,:root[data-theme] .reference-journey .reference-large-copy{color:var(--e-text)!important}
:root[data-theme] .reference-stack-heading>p,:root[data-theme] .reference-building-grid article p,:root[data-theme] .reference-moments p{color:var(--e-muted)!important}
:root[data-theme] .reference-about .reference-section-heading,:root[data-theme] .reference-stack .reference-section-heading,:root[data-theme] .reference-building .reference-section-heading,:root[data-theme] .reference-moments .reference-section-heading{border-color:var(--e-border)!important}
:root[data-theme] footer{background:var(--e-inverse)!important;color:var(--e-inverse-text)!important;border-top:0!important}
:root[data-theme] footer :is(.brand,p,span,a,.label){color:var(--e-inverse-text)!important}
:root[data-theme] footer .footer{padding-top:65px!important;padding-bottom:60px!important}
:root[data-theme] footer .footer-resources nav{gap:14px}
:root[data-theme] footer .footer-resources a{font-size:12px}
:root[data-theme] .reference-hero-photo img{object-fit:contain}
:root[data-theme] .reference-photo-disc{filter:saturate(.75)}
@media(max-width:680px){:root[data-theme] .reference-hero-eyebrow{margin-bottom:18px}:root[data-theme] .reference-hero-bottom{gap:12px;flex-wrap:wrap}:root[data-theme] .reference-hero-bottom span:last-child{display:none}:root[data-theme] .reference-photo-orbit{right:3%;top:2%}:root[data-theme] footer .footer{padding-top:42px!important;padding-bottom:45px!important}}
@media(prefers-reduced-motion:reduce){:root[data-theme] .reference-photo-orbit{animation:none}}

/* Video reference: about section's actual three-column composition. */
:root[data-theme] .reference-about-three{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) minmax(0,.8fr)!important;align-items:center!important;gap:clamp(20px,3vw,50px)!important}
:root[data-theme] .reference-about-three>div:first-child{align-self:center}
:root[data-theme] .reference-about-three .reference-about-cards{display:block!important;position:relative;min-width:0}
:root[data-theme] .reference-about-three .reference-id-card{width:100%!important;max-width:330px;margin:auto;transform:rotate(-5deg)}
:root[data-theme] .reference-about-three .reference-note-card{display:none!important}
:root[data-theme] .reference-about-three h2{font-size:clamp(49px,5.4vw,88px)!important;letter-spacing:-.08em!important}
:root[data-theme] .reference-about-three .reference-large-copy{font-size:clamp(15px,1.45vw,19px)!important;line-height:1.65}
:root[data-theme] .reference-about-secondary{font-size:13px!important;line-height:1.7!important;color:var(--e-muted)!important;margin-top:18px}
:root[data-theme] .reference-about-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}
:root[data-theme] .reference-about-links .button{padding:10px 18px!important;min-height:36px!important;font-size:12px!important}
:root[data-theme] .reference-about-links>a:not(.button){border:1px solid var(--e-border);border-radius:999px;padding:9px 13px;color:var(--e-text)!important;font-size:12px;font-weight:600}
:root[data-theme] .reference-quick-facts{min-width:0;padding:16px 0}
:root[data-theme] .reference-facts-kicker{display:block;font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--e-muted);margin-bottom:19px}
:root[data-theme] .reference-quick-facts dl{margin:0}
:root[data-theme] .reference-quick-facts dl>div{display:flex;justify-content:space-between;gap:14px;align-items:baseline;border-bottom:1px solid var(--e-border);padding:13px 0}
:root[data-theme] .reference-quick-facts dt{color:var(--e-muted);font-size:11px}
:root[data-theme] .reference-quick-facts dd{margin:0;text-align:right;color:var(--e-text);font-size:11px;font-weight:700}
:root[data-theme] .reference-quick-facts>p{font-family:Georgia,serif;font-style:italic;font-size:20px;line-height:1.4;color:var(--e-muted)!important;margin-top:32px}
@media(max-width:1020px){:root[data-theme] .reference-about-three{grid-template-columns:1fr 1fr!important}:root[data-theme] .reference-quick-facts{grid-column:1/-1}:root[data-theme] .reference-quick-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}}
@media(max-width:650px){:root[data-theme] .reference-about-three{grid-template-columns:1fr!important}:root[data-theme] .reference-about-three .reference-id-card{max-width:280px;margin:25px auto 35px}:root[data-theme] .reference-quick-facts{grid-column:auto}:root[data-theme] .reference-quick-facts dl{grid-template-columns:1fr}:root[data-theme] .reference-about-three h2{font-size:clamp(60px,13vw,90px)!important}}

/* Reference frame 28: achievements are airy editorial columns, not filled statistic cards. */
:root[data-theme] .reference-moments{padding-top:clamp(110px,14vw,220px)!important;padding-bottom:clamp(100px,12vw,190px)!important;background:var(--e-page)!important}
:root[data-theme] .reference-moments .reference-section-heading{margin-bottom:clamp(38px,6vw,85px)!important}
:root[data-theme] .reference-moments h2{font-size:clamp(70px,9vw,145px)!important;letter-spacing:-.095em!important;line-height:.9!important;margin-bottom:clamp(75px,10vw,150px)!important}
:root[data-theme] .reference-moments h2 em{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;letter-spacing:-.07em!important;color:var(--e-muted)!important}
:root[data-theme] .reference-moments .reference-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(20px,4vw,70px)!important;background:transparent!important}
:root[data-theme] .reference-moments .reference-stats>div{background:transparent!important;border:0!important;border-top:1px solid var(--e-border)!important;border-radius:0!important;box-shadow:none!important;padding:28px 0 0!important}
:root[data-theme] .reference-moments .reference-stats strong{font-size:clamp(65px,8vw,125px)!important;line-height:1!important;letter-spacing:-.09em!important;font-weight:650!important}
:root[data-theme] .reference-moments .reference-stats p{max-width:240px!important;font-size:13px!important;line-height:1.65!important;margin-top:18px!important}
@media(max-width:700px){:root[data-theme] .reference-moments .reference-stats{grid-template-columns:1fr!important;gap:30px!important}:root[data-theme] .reference-moments h2{font-size:clamp(58px,12vw,95px)!important;margin-bottom:55px!important}}