/* Metamorfosis 8.0 — the origin sequence, curated lab and in-flow privacy.
   DOM transforms belong to direction.js; no competing CSS animations. */
:root{--e4-space:#030018;--e4-ink:#141129;--e4-indigo:#312783;--e4-blue:#36a9e1;--e4-text:#eef2fa;--e4-secondary:#b4bed1;--e4-rule:#bdcbe52b;--e4-gutter:6vw}
.abyss-haze{background:radial-gradient(ellipse at 77% 35%,#31278325,transparent 56%),radial-gradient(ellipse at 15% 80%,#36a9e108,transparent 50%)}
.abyss-vignette{background:linear-gradient(90deg,#03001825,transparent 45%);box-shadow:inset 0 0 18vw #03001850}
html .abyss-site .origin-journey{height:auto;min-height:0;background:transparent}
html.materia-motion-ready:not(.short-viewport) .abyss-site .origin-journey{height:320svh;min-height:0}
html .abyss-site .origin-journey .editorial-hero{height:100svh;min-height:760px;max-height:none;position:relative;overflow:clip;top:0}
html.materia-motion-ready:not(.short-viewport) .abyss-site .origin-journey .editorial-hero{position:sticky;min-height:0}
.abyss-site .editorial-top{top:calc(var(--nav-height) + 36px);left:var(--e4-gutter);right:var(--e4-gutter);font-size:8px;letter-spacing:.16em;color:#9daec7}
.abyss-site .editorial-top>span{font-size:8px}
.abyss-site .editorial-heading{left:var(--e4-gutter);top:27%;max-width:68%;z-index:4}
.abyss-site .editorial-heading h1{font-size:clamp(72px,8.7vw,162px);font-weight:400;letter-spacing:-.075em;line-height:.95}
.abyss-site .editorial-heading h1>em{font-size:.93em;color:#b9d4ee;letter-spacing:-.065em;margin-top:10px}
.abyss-site .editorial-eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:27px;color:#a8c2da}
.abyss-site .hero-paper>span{top:18%;right:3%;font-size:54vw;opacity:.35;-webkit-text-stroke-color:#8dabcb18}
.abyss-site .hero-sculpture,.abyss-site .editorial-hero[data-matter=ready] .hero-sculpture{top:15%;right:-5%;height:77%;width:63%;z-index:2}
.abyss-site .editorial-intro{left:var(--e4-gutter);bottom:16%;max-width:335px}
.abyss-site .editorial-intro>p{font-size:13px;line-height:1.8;color:var(--e4-secondary);max-width:290px;margin-bottom:24px}
.abyss-site .editorial-intro .pill{background:#10172b9c;border-color:#a6d3ed66;box-shadow:none;gap:35px;font-size:11px}
.origin-contact{display:block;margin-top:17px;font-size:11px;color:#b8cbe0;width:max-content;padding-block:5px}
.origin-contact:hover{color:#fff}
.origin-panel{position:absolute;z-index:4;pointer-events:auto;color:var(--e4-text)}
.abyss-site .hero-vision{inset:31% 7% auto 48%;display:block;opacity:1;padding:0}
.origin-panel>span{display:block;font:9px 'Space Grotesk',sans-serif;letter-spacing:.17em;color:#a8c6de;margin:0 0 28px}
.origin-panel h2{font:400 clamp(48px,5.8vw,106px)/1.02 'DM Sans',sans-serif;letter-spacing:-.065em}
.origin-panel h2 em{font-family:Georgia,serif;color:#b3d6ed;letter-spacing:-.06em;font-weight:400}
.origin-panel>p{font:13px/1.85 'DM Sans',sans-serif;letter-spacing:0;color:var(--e4-secondary);max-width:295px;margin-top:32px}
.origin-evidence{inset:29% 6% auto;text-align:center}
.origin-evidence h2{font-size:clamp(68px,8vw,150px)}
.origin-evidence>p{margin:28px auto 0}
.origin-evidence .text-link{display:inline-flex;font-size:12px;margin-top:28px;gap:30px;color:#d9eaf5}
html.materia-motion-ready .origin-panel{visibility:hidden;opacity:0}
.abyss-site .editorial-bottom{left:var(--e4-gutter);right:var(--e4-gutter);bottom:27px;border-color:var(--e4-rule);padding-top:22px;color:#b6c8dc}
.origin-ledger{display:flex;gap:32px;list-style:none;font:9px 'Space Grotesk',sans-serif;padding:0;color:#8191aa}
.origin-ledger li{display:flex;gap:8px;align-items:center;transition:color .3s}
.origin-ledger li.is-current{color:#d8ecff}.origin-ledger li.is-current:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--e4-blue);box-shadow:0 0 10px var(--e4-blue)}
.abyss-site .matter-controls{width:auto;right:6vw;bottom:116px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;z-index:7}
.matter-disclosure{display:flex;align-items:center;gap:16px;min-height:44px;padding:10px 15px;border:1px solid #c1d9ef38;border-radius:30px;background:#06071dd9;color:#c7dded;font-size:11px}
.matter-disclosure-mark{color:#82caed;font-size:18px}.matter-disclosure>span:last-child{font-size:20px;color:#b4c9dd}
.matter-disclosure[aria-expanded=true]>span:last-child{transform:rotate(45deg)}
.matter-panel{position:absolute;bottom:58px;right:0;width:330px;max-width:86vw;border:1px solid #a6bfd44f;border-radius:14px;padding:18px;background:#08091fed;box-shadow:0 12px 50px #0006}
.matter-panel[hidden]{display:none!important}
.matter-panel .matter-control-label{font-size:7px;margin-bottom:13px}.matter-panel .matter-status{margin-top:12px;font-size:10px}
.matter-panel .matter-adjust{margin-top:13px}.matter-panel .organism-modes{display:flex;gap:5px}
.abyss-site .organism-modes button{font-size:11px;padding:9px 10px;min-height:42px;border:1px solid #aac9e233;border-radius:4px}
.matter-disclosure:focus-visible,.matter-panel button:focus-visible,.matter-panel input:focus-visible{outline:2px solid #a9dffb;outline-offset:4px}
.abyss-site .origin-manifest{padding-bottom:0!important;border-block:1px solid var(--e4-rule);background:#030018ae}
.origin-manifest>.chapter-content{position:relative!important;transform:none!important;padding-block:42px 55px}
.origin-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin-top:35px}
.origin-principles p{font:400 clamp(22px,2.6vw,43px)/1.15 'DM Sans',sans-serif;letter-spacing:-.04em}
.origin-principles p>span{display:block;font:8px 'Space Grotesk',sans-serif;color:#96aec7;letter-spacing:.12em;margin-bottom:18px}
.origin-principles em{font-family:Georgia,serif;color:#adc5dd;font-weight:400}
.abyss-site .projects{background:linear-gradient(180deg,#030018de,#030018f5 22%,#030018e8 90%,transparent);padding-top:20px}
.abyss-site .projects .section-heading{align-items:end}.abyss-site .projects .section-heading h2{font-size:clamp(58px,7vw,125px);line-height:1.01}
.abyss-site .portfolio-shell{--card-width:67vw}.abyss-site .portfolio-shell .project-visual{border-radius:4px;border-color:#acbed43b}
.abyss-site .project-visual img{filter:saturate(.85)}.abyss-site .project-visual:hover img{filter:saturate(1)}
.portfolio-console label>span{display:none}
html.js-motion:not(.short-viewport) .abyss-site .style-journey{height:410svh;min-height:0}
.lab-top>span:nth-child(2){letter-spacing:.08em}.lab-story{border-color:var(--e4-rule)}
.lab-current:after{content:'4 MOMENTOS · 16 POSIBILIDADES';display:block;font:7px 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#b2c2d6;margin-top:7px}
.abyss-site .universe-intro>.chapter-content{padding-bottom:45px}.abyss-site .universe-intro{padding-bottom:0!important}
.abyss-site .lab-outro{padding-block:40px}
/* A notice in document flow keeps every action reachable without an overlay. */
.privacy-dock:empty,.privacy-dock:has(.privacy-notice[hidden]){display:none}
.privacy-dock{position:relative;z-index:2;padding-top:var(--nav-height);background:#08091b}
html body .privacy-dock .privacy-notice{position:relative;inset:auto;display:grid;grid-template-columns:1.1fr 1.35fr auto;align-items:center;gap:7px 25px;width:auto;max-width:none;margin:0;padding:16px 6vw;border:0;border-bottom:1px solid var(--e4-rule);border-radius:0;background:#0b0c20;box-shadow:none;animation:none}
.privacy-dock .privacy-notice-heading>img,.privacy-dock .privacy-notice .eyebrow{display:none}
.privacy-dock .privacy-notice h2{margin:0;font-size:14px;line-height:1.4;letter-spacing:-.025em}
.privacy-dock .privacy-notice>p{margin:0;font-size:11px;line-height:1.5;color:#b5c6db}
.privacy-dock .privacy-actions{grid-column:3;grid-row:1/3}.privacy-dock .privacy-actions button{min-width:130px;padding:10px 12px;border-radius:4px;min-height:44px}
.privacy-dock .privacy-notice-links{grid-column:1/3;margin:0;justify-content:flex-start;gap:20px}.privacy-dock .privacy-notice-links a,.privacy-dock .privacy-notice-links button{font-size:10px;min-height:28px}
html:not(.materia-motion-ready) .origin-panel{position:relative;inset:auto;display:block!important;padding:55px 6vw;visibility:visible;opacity:1;background:#05051bd9}
html:not(.materia-motion-ready) .origin-panel h2{font-size:clamp(40px,7vw,76px)}
html:not(.materia-motion-ready) .origin-evidence{text-align:left}
html:not(.materia-motion-ready) .origin-evidence>p{margin-left:0}
html:not(.materia-motion-ready) .origin-journey .editorial-hero{height:auto;min-height:0;padding-top:790px}
html:not(.materia-motion-ready) .origin-journey .editorial-heading{top:210px}
html:not(.materia-motion-ready) .abyss-site .origin-journey .editorial-hero .hero-sculpture{top:125px;height:610px}
html:not(.materia-motion-ready) .origin-journey .editorial-intro{top:535px;bottom:auto}
html:not(.materia-motion-ready) .origin-journey .matter-controls{top:670px;bottom:auto}
html:not(.materia-motion-ready) .origin-journey .editorial-bottom{position:relative;inset:auto;margin:0 6vw;padding:25px 0}
html:not(.materia-motion-ready) .origin-ledger{display:none}
@media(max-width:1100px){.origin-ledger{gap:20px}.editorial-scroll{font-size:7px}.abyss-site .editorial-heading h1{font-size:9vw}.privacy-dock .privacy-notice>p{grid-column:1/3}.privacy-dock .privacy-notice-links{grid-column:1/3}.privacy-dock .privacy-notice-heading{grid-column:1/3}.privacy-dock .privacy-actions{grid-row:1/4}.origin-panel h2{font-size:6vw}}
@media(max-width:760px){
 html.materia-motion-ready:not(.short-viewport) .abyss-site .origin-journey{height:280svh}
 html .abyss-site .origin-journey .editorial-hero{min-height:790px}
 .abyss-site .editorial-top{top:calc(var(--nav-height) + 23px);font-size:7px}.abyss-site .editorial-top>span{display:none}
 .abyss-site .editorial-heading{top:19%;left:6vw;max-width:90%}.abyss-site .editorial-heading h1{font-size:14vw;line-height:.96}.abyss-site .editorial-eyebrow{font-size:6.5px;letter-spacing:.1em;margin-bottom:18px}
 .abyss-site .hero-sculpture,.abyss-site .editorial-hero[data-matter=ready] .hero-sculpture{top:31%;left:0;right:0;width:100%;height:46%}
 .abyss-site .editorial-intro{left:6vw;right:6vw;bottom:13%;max-width:none;display:flex;align-items:center;gap:15px;flex-wrap:wrap}
 .abyss-site .editorial-intro>p{font-size:11px;line-height:1.6;max-width:47%;margin:0;flex:1}.abyss-site .editorial-intro .pill{font-size:10px;gap:10px;padding:8px 8px 8px 14px;min-height:48px;max-width:50%;flex:1}.abyss-site .editorial-intro .pill>span{min-width:30px;width:30px;height:30px;font-size:20px}
 .origin-contact{margin-top:0;font-size:10px;flex-basis:100%}
 .abyss-site .hero-vision{inset:20% 6% auto;}.origin-panel h2{font-size:11vw}.origin-panel>span{font-size:7px;margin-bottom:22px}.origin-panel>p{font-size:12px;line-height:1.7;max-width:275px;margin-top:24px}
 .origin-evidence{inset:27% 6% auto}.origin-evidence h2{font-size:16vw}.origin-evidence>p{font-size:12px;max-width:270px}.origin-evidence .text-link{font-size:11px}
 .abyss-site .editorial-bottom{bottom:20px;padding-top:14px;gap:10px}.abyss-site .editorial-bottom .editorial-scroll{display:none}.origin-ledger{gap:13px;font-size:7px}.origin-ledger li{gap:4px}.origin-ledger li.is-current:before{width:4px;height:4px}.abyss-site .editorial-bottom .motion-toggle{font-size:7px;padding:9px 10px}
 .abyss-site .matter-controls{right:6vw;left:auto;bottom:28%;width:auto}.matter-disclosure{font-size:9px;min-height:40px;padding:7px 10px;gap:10px}.matter-disclosure-mark{font-size:16px}
 .matter-panel{width:310px;padding:14px;max-width:88vw;bottom:48px}
 .origin-principles{grid-template-columns:1fr;gap:25px;margin-top:27px}.origin-principles p{font-size:29px}.origin-principles p>span{font-size:7px;margin-bottom:10px}.origin-principles br{display:none}.origin-principles em{margin-left:.2em}
 .origin-manifest>.chapter-content{padding-block:30px 37px}.origin-manifest .section-label{font-size:7px}.origin-manifest .section-label>span:last-child{display:none}
 .abyss-site .projects .section-heading h2{font-size:13vw}.abyss-site .portfolio-shell{--card-width:84vw}
 html.js-motion:not(.short-viewport) .abyss-site .style-journey{height:365svh}.lab-current:after{font-size:6px;letter-spacing:.03em}
 html body .privacy-dock .privacy-notice{grid-template-columns:1fr 1fr;gap:6px;padding:12px 6vw}.privacy-dock .privacy-notice-heading{grid-column:1/-1}.privacy-dock .privacy-notice h2{font-size:13px}.privacy-dock .privacy-notice>p{grid-column:1/-1;font-size:10px}
 .privacy-dock .privacy-actions{grid-column:1/-1;grid-row:auto;margin-top:4px}.privacy-dock .privacy-actions button{min-width:0;min-height:40px;padding:8px;font-size:10px}.privacy-dock .privacy-notice-links{grid-column:1/-1;gap:22px}.privacy-dock .privacy-notice-links a,.privacy-dock .privacy-notice-links button{font-size:9px;min-height:28px}
 html:not(.materia-motion-ready) .origin-journey .editorial-hero{padding-top:790px}
 html:not(.materia-motion-ready) .origin-journey .editorial-heading{top:160px}
 html:not(.materia-motion-ready) .abyss-site .origin-journey .editorial-hero .hero-sculpture{top:280px;height:335px}
 html:not(.materia-motion-ready) .origin-journey .editorial-intro{top:640px;bottom:auto}
 html:not(.materia-motion-ready) .origin-journey .matter-controls{top:585px;bottom:auto}
 html:not(.materia-motion-ready) .origin-panel{padding:42px 6vw}
}
@media(min-width:761px) and (max-height:740px){html:not(.materia-motion-ready) .origin-journey .editorial-hero{padding-top:680px}html:not(.materia-motion-ready) .origin-journey .editorial-heading{top:180px}html:not(.materia-motion-ready) .origin-journey .editorial-intro{top:435px}html:not(.materia-motion-ready) .origin-journey .matter-controls{top:565px}html:not(.materia-motion-ready) .abyss-site .origin-journey .editorial-hero .hero-sculpture{height:520px;top:90px}}
@media(prefers-reduced-motion:reduce){.origin-ledger li,.matter-disclosure>span{transition:none}}
@media print{.privacy-dock{display:none!important}}