:root{color-scheme:dark;background:#030303;color:#fff;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid white;outline-offset:8px}.skip{position:fixed;top:-100px;left:24px;background:#fff;color:#000;padding:12px;z-index:20}.skip:focus{top:12px}header{position:fixed;z-index:10;top:0;left:0;width:100%;padding:32px 4vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#030303c9,transparent)}.brand img{width:255px;height:auto;display:block}.explore{font-size:13px}.explore span{margin-left:24px}a:hover{opacity:.7}.journey{height:360vh}.viewport{height:100svh;position:sticky;top:0;overflow:hidden;background:#030303}canvas,.vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vignette{background:radial-gradient(ellipse at center,transparent 20%,#03030370 75%,#030303 110%)}.coordinates{position:absolute;left:4vw;right:4vw;top:125px;display:flex;justify-content:space-between;font:9px 'Courier New',monospace;letter-spacing:.12em;color:#919194}.scenes{position:absolute;inset:0;perspective:1000px;perspective-origin:50% 50%}.scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;will-change:transform,opacity;transform-style:preserve-3d;padding:100px 20px;pointer-events:none}.scene-1,.scene-2{opacity:0}.scene-2{pointer-events:auto}.eyebrow{font:10px 'Courier New',monospace;letter-spacing:.18em;text-transform:uppercase;margin:0 0 30px;color:#b4b4b8}h1,h2{font-size:clamp(64px,8.9vw,160px);font-weight:400;letter-spacing:-.065em;line-height:.96;margin:0;text-wrap:balance;text-shadow:0 2px 35px #0009}.caption{font-size:clamp(13px,1.1vw,17px);letter-spacing:-.015em;margin:30px 0 0;color:#b9b9bf}.final-link{font-size:13px;margin-top:35px;border-bottom:1px solid #777;padding-bottom:12px}.final-link span{margin-left:30px}.instruments{position:absolute;bottom:38px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;font:9px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.1em;color:#aaa}.scroll-cue span{margin-left:18px}.progress{position:absolute;left:50%;transform:translateX(-50%);width:120px;height:1px;background:#ffffff30}.progress i{display:block;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:left}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 4vw;border-top:1px solid #222;background:#030303}footer small,footer a{font-size:10px;color:#aaa}@media(max-width:600px){header{padding:26px 6vw}.brand img{width:195px;max-width:54vw}.explore{font-size:11px}.explore span{margin-left:8px}.coordinates{top:102px;left:6vw;right:6vw;font-size:7px;letter-spacing:.04em}h1,h2{font-size:clamp(54px,13.5vw,80px)}.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:25px}.caption{font-size:12px;max-width:290px;line-height:1.5;margin-top:26px}.instruments{bottom:30px;left:6vw;right:6vw;font-size:7px}.progress{width:55px;left:64%}.scroll-cue span{margin-left:8px}.final-link{font-size:12px}.journey{height:330vh}footer{padding:24px 6vw;flex-wrap:wrap}footer small:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){.journey{height:auto}.viewport{position:relative;height:auto;overflow:visible}canvas,.vignette,.instruments{display:none}.coordinates{position:relative;top:auto;padding-top:115px}.scenes{position:relative;perspective:none}.scene{position:relative;min-height:75svh;opacity:1!important;transform:none!important;padding:80px 20px}.scene-0{min-height:80svh}.scene+.scene{border-top:1px solid #222}}html.no-motion .journey{height:auto}html.no-motion .viewport{height:auto;position:relative}html.no-motion .scene{position:relative;min-height:85vh;opacity:1;transform:none}html.no-motion .scenes{position:relative}html.no-motion canvas,html.no-motion .instruments{display:none}
@media(prefers-reduced-motion:reduce){.coordinates{left:auto;right:auto;margin-inline:6vw}}
/* Keep the identity quiet while the spatial field carries the experience. */
.vignette{background:radial-gradient(ellipse at center,#03030330 10%,transparent 55%,#03030380 100%)}
.scenes{perspective:1000px}
.scene{backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){.scene-0{padding-top:140px}}
/* A single solid sculpture, with space for the message beside it. */
.vignette{background:linear-gradient(90deg,#03030355,transparent 65%)}
.scene{align-items:flex-start;text-align:left;padding:100px 6vw;width:65%}
h1,h2{font-size:clamp(60px,7.2vw,130px)}
.eyebrow{letter-spacing:.1em}
@media(max-width:600px){.scene{width:100%;justify-content:flex-end;align-items:center;text-align:center;padding:90px 20px 115px}h1,h2{font-size:clamp(42px,11.5vw,65px)}.eyebrow{margin-bottom:18px}.caption{margin-top:18px}.final-link{margin-top:20px}.vignette{background:linear-gradient(0deg,#03030399,transparent 70%)}}
@media(prefers-reduced-motion:reduce){.scene{width:100%;align-items:center;text-align:center;justify-content:center}}
/* Chemí is the hero; copy becomes a quiet caption. */
#field{pointer-events:auto;cursor:grab;touch-action:pan-y}
#field.dragging{cursor:grabbing}
#field:focus-visible{outline:1px solid #aaa;outline-offset:-8px}
.scene{justify-content:flex-end;width:100%;padding:100px 4vw 100px;pointer-events:none}
.scene-2{pointer-events:none}.final-link{pointer-events:auto}
h1,h2{font-size:clamp(30px,3.2vw,48px);line-height:1.02;letter-spacing:-.045em}
.eyebrow{display:none}.caption{display:none}
.final-link{margin-top:18px;font-size:11px}
@media(max-width:600px){.scene{align-items:flex-start;text-align:left;padding:90px 6vw 105px}h1,h2{font-size:30px}.final-link{margin-top:14px}.instruments{font-size:6px}.progress{left:75%;width:35px}}
@media(prefers-reduced-motion:reduce){.scene{justify-content:center;align-items:center;text-align:center}}
.scenes{pointer-events:none}

/* Corporate information remains quiet and readable beneath the sculpture. */
.company{max-width:1240px;margin:auto;padding:120px 6vw 100px}.section-label{font-size:11px;color:#a4a4a4;margin:0 0 28px}.company h2{font-size:clamp(34px,5vw,68px);max-width:850px;text-shadow:none}.company-intro{font-size:clamp(18px,2.3vw,28px);line-height:1.4;margin:28px 0 14px}.company-context{color:#aaa;font-size:14px;line-height:1.7}.principles{margin:80px 0}.principles>div{display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:28px 0;border-top:1px solid #141414}.principles dt{font-size:13px;color:#aaa}.principles dd{margin:0;font-size:clamp(17px,1.8vw,22px);line-height:1.55;max-width:650px}.resources{display:flex;flex-wrap:wrap;gap:24px 36px;border-top:1px solid #141414;padding-top:32px;font-size:13px}.resources a{padding-block:8px}@media(max-width:600px){.company{padding:80px 6vw}.principles{margin:52px 0}.principles>div{grid-template-columns:1fr;gap:14px}.resources{gap:16px 24px}}

/* Flexible spacing, safe areas, and touch targets across viewport shapes. */
header{gap:20px;padding-top:max(20px,env(safe-area-inset-top));padding-left:max(4vw,env(safe-area-inset-left));padding-right:max(4vw,env(safe-area-inset-right));background:linear-gradient(#030303 65%,#03030300)}
.brand{min-width:0}.brand img{max-width:100%;height:auto}.explore{flex-shrink:0;min-height:44px;display:flex;align-items:center}
.company h2{overflow-wrap:anywhere;line-height:1.08}.principles>div{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.principles dd{overflow-wrap:break-word}
.resources a{min-height:44px;display:inline-flex;align-items:center}.final-link{min-height:44px;display:inline-flex;align-items:center}
footer{padding-bottom:max(28px,env(safe-area-inset-bottom))}.instruments{bottom:max(30px,env(safe-area-inset-bottom))}
@media(max-width:760px){.principles>div{grid-template-columns:1fr;gap:14px}.company{padding-inline:6vw}.brand img{width:clamp(150px,40vw,255px)}header{padding-inline:max(6vw,env(safe-area-inset-left))}.resources{column-gap:24px;row-gap:8px}}
@media(max-width:360px){header{gap:12px}.explore{font-size:10px}.explore span{margin-left:5px}.company h2{font-size:32px}.progress{display:none}}
@media(max-height:500px) and (orientation:landscape){header{padding-block:8px}.brand img{width:180px}.scene{padding:75px 4vw 65px}.scene h1,.scene h2{font-size:28px}.final-link{margin-top:8px}.instruments{bottom:max(18px,env(safe-area-inset-bottom))}}

/* Vector arrows avoid platform-specific emoji rendering on iOS. */
.link-arrow{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.1em;color:inherit}.resources .link-arrow,footer .link-arrow{margin-left:.5em}.explore>span,.final-link>span{display:inline-flex;align-items:center}

/* Quiet legal navigation and readable policy pages. */
footer{align-items:center;flex-wrap:wrap}.legal-links{display:flex;flex-wrap:wrap;gap:8px 24px}.legal-links a{display:inline-flex;align-items:center;min-height:44px}.legal-document{max-width:850px;margin:auto;padding:150px 6vw 90px}.legal-document h1{font-size:clamp(36px,6vw,64px);text-shadow:none}.legal-document h2{font-size:clamp(21px,3vw,28px);line-height:1.25;letter-spacing:-.025em;text-shadow:none;margin:42px 0 16px}.legal-document p{font-size:16px;line-height:1.8;color:#bcbcbc;overflow-wrap:anywhere}.legal-document a{text-decoration:underline;text-underline-offset:4px;color:#fff}.legal-document .legal-date{font-size:12px;color:#888;margin:24px 0 40px}@media(max-width:600px){.legal-document{padding-top:120px}.legal-links{width:100%}}