/* Optical glass layers tuned to the AMHI navigation reference. */
:root{--glass-paper:rgba(248,246,239,.42);--glass-edge:rgba(255,255,255,.68);--glass-ink:#272824;--glass-shadow:rgba(38,34,27,.16)}
.site-header{position:fixed;z-index:100;inset:15px 3.2% auto;height:72px;padding:0 clamp(22px,3vw,42px);display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(145px,1fr);align-items:center;border:1px solid var(--glass-edge);border-radius:42px;background:var(--glass-paper);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);box-shadow:0 12px 40px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(255,255,255,.13);isolation:isolate;overflow:hidden;transition:background-color .28s,border-color .28s,box-shadow .28s}
.site-header:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(ellipse 58% 175% at 12% -36%,rgba(255,255,255,.62),transparent 72%),radial-gradient(ellipse 32% 90% at 89% 140%,rgba(255,255,255,.24),transparent 76%),linear-gradient(155deg,rgba(255,255,255,.20),transparent 46%,rgba(255,255,255,.07));pointer-events:none}
.site-header:after{content:"";position:absolute;z-index:2;left:5%;right:5%;top:1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.96) 22%,rgba(255,255,255,.52) 76%,transparent);filter:blur(.3px);pointer-events:none}.site-header>*{position:relative;z-index:1}
.site-header .brand{gap:11px;font-size:28px;letter-spacing:-1.4px}.site-header .brand-isotipo{width:30px;height:29px}.brand-wordmark img{width:clamp(102px,8.6vw,121px)}
.site-header nav{justify-self:center;align-self:stretch;display:flex;align-items:center;gap:clamp(12px,2.25vw,32px)}.nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 3px;color:var(--glass-ink);font-size:14px;font-weight:600;letter-spacing:.005em;white-space:nowrap;transition:color .2s,background-color .25s,box-shadow .25s,border-color .25s}.nav-link svg{display:none}.nav-link:before{content:"";position:absolute;inset:3px -9px;border-radius:24px;background:radial-gradient(ellipse 72% 95% at 50% 0,rgba(255,255,255,.34),transparent 78%);opacity:0;transition:opacity .2s;pointer-events:none}.nav-link:hover:before,.nav-link:focus-visible:before{opacity:1}.nav-link:hover{color:var(--accent)}
.site-header .nav-link-cta{padding-inline:22px;min-height:39px;border:1px solid rgba(255,255,255,.46);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.06) 40%),rgba(194,90,49,.78);color:#fffdf8;box-shadow:inset 0 1px 0 rgba(255,255,255,.49),0 4px 14px rgba(139,69,37,.16);text-shadow:0 1px 5px rgba(48,33,24,.22)}.site-header .nav-link-cta:hover{color:#fff;background-color:rgba(194,90,49,.95);box-shadow:inset 0 1px 0 #ffffffa6,0 5px 18px rgba(139,69,37,.24)}.site-header .edition{justify-self:end;font-size:8px;letter-spacing:1.4px}.site-header .edition i{width:6px;height:6px}
.theme-toggle{z-index:120;right:23px;bottom:82px;min-width:45px;height:45px;border:1px solid rgba(255,255,255,.7);background:rgba(248,246,239,.68);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);box-shadow:0 8px 28px rgba(32,30,25,.13),inset 0 1px 0 rgba(255,255,255,.9);transition:background .25s,transform .2s,border-color .25s}.theme-toggle:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.95)}
html[data-theme=dark]{color-scheme:dark;--paper:#000;--ink:#f2efe9;--muted:#b9b6ae;--accent:#f1a782;--line:rgba(255,255,255,.20);--soft-orbit:rgba(255,255,255,.17);--glass-paper:rgba(8,8,8,.43);--glass-edge:rgba(255,255,255,.23);--glass-ink:#f2efe9;--glass-shadow:rgba(0,0,0,.52)}
html[data-theme=dark] .lab{background:#000}html[data-theme=dark] .theme-toggle{background:rgba(15,15,15,.73);color:#f5f3ee;border-color:rgba(255,255,255,.25);box-shadow:0 8px 28px #000,inset 0 1px 0 rgba(255,255,255,.17)}html[data-theme=dark] .theme-toggle:hover{border-color:rgba(255,255,255,.52)}html[data-theme=dark] .site-header:before{background:radial-gradient(ellipse 58% 175% at 12% -36%,rgba(255,255,255,.16),transparent 72%),radial-gradient(ellipse 32% 90% at 89% 140%,rgba(255,255,255,.09),transparent 76%),linear-gradient(155deg,rgba(255,255,255,.08),transparent 46%,rgba(255,255,255,.025))}html[data-theme=dark] .site-header:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.53) 22%,rgba(255,255,255,.22) 76%,transparent)}html[data-theme=dark] .brand .brand-isotipo{filter:none}html[data-theme=dark] .site-header .nav-link-cta{background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.025) 44%),rgba(153,66,37,.78)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.theme-toggle{background:rgba(245,242,233,.94)}html[data-theme=dark] .site-header,html[data-theme=dark] .theme-toggle{background:rgba(0,0,0,.94)}}
@media(max-width:900px){.site-header{grid-template-columns:minmax(135px,1fr) auto;height:65px;padding-inline:23px;inset-inline:2.1%}.site-header>.edition{display:none}.site-header nav{justify-self:end;gap:clamp(13px,2.3vw,23px)}.site-header .brand{font-size:25px;gap:8px}.site-header .brand-isotipo{width:27px;height:26px}.brand-wordmark img{width:116px}.nav-link{font-size:10px}.site-header .nav-link-cta{padding-inline:17px;min-height:37px}}
@media(max-width:700px){
  .site-header{inset:13px 0 auto;transform:none;width:100%;height:auto;min-height:0;padding:0;display:flex;justify-content:center;pointer-events:none;background:transparent;border:0;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;overflow:visible;isolation:auto}
  .site-header:before,.site-header:after{display:none}
  .site-header .brand{height:56px;gap:10px;padding:0 19px;background:var(--glass-paper);border:1px solid var(--glass-edge);border-radius:999px;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);box-shadow:0 8px 28px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.78);font-size:22px}
  .site-header .brand-isotipo{width:29px;height:28px}.brand-wordmark img{width:104px}
  .site-header nav{position:fixed;z-index:110;left:50%;transform:translateX(-50%);pointer-events:auto;right:auto;top:auto;bottom:calc(13px + env(safe-area-inset-bottom));width:min(252px,calc(100vw - 82px));height:61px;justify-self:auto;display:flex;align-items:center;justify-content:space-around;gap:5px;padding:7px;border:1px solid var(--glass-edge);border-radius:999px;background:var(--glass-paper);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);box-shadow:0 11px 36px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(255,255,255,.16);isolation:isolate}
  .site-header nav:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(ellipse 70% 130% at 15% -35%,rgba(255,255,255,.57),transparent 73%),radial-gradient(ellipse 44% 95% at 90% 130%,rgba(255,255,255,.25),transparent 78%),linear-gradient(145deg,rgba(255,255,255,.17),transparent 55%);pointer-events:none}
  .site-header nav:after{content:"";position:absolute;top:1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.93),transparent);pointer-events:none}
  .site-header .nav-link,.site-header .nav-link-cta{isolation:isolate;overflow:hidden;width:48px;min-width:0;height:45px;min-height:45px;flex:1;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:999px;background:transparent;box-shadow:none;color:var(--glass-ink);text-shadow:none}
  .site-header nav .nav-link:first-child{display:grid}
  .site-header .nav-link:before{inset:0;background:radial-gradient(ellipse 75% 65% at 50% 0,rgba(255,255,255,.55),transparent 100%),linear-gradient(135deg,rgba(255,255,255,.24),transparent 62%);border:1px solid rgba(255,255,255,.43);box-shadow:inset 0 1px 0 rgba(255,255,255,.77),0 3px 10px rgba(39,35,27,.08);opacity:0}
  .site-header .nav-link:hover:before,.site-header .nav-link:focus-visible:before,.site-header .nav-link[aria-current=page]:before{opacity:1}
  .site-header .nav-link svg{position:relative;z-index:1;display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
  .site-header .nav-link-cta{color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.2),transparent 48%),var(--accent);border-color:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 13px rgba(52,37,25,.2)}.site-header .nav-link-cta:before{display:none}.site-header .nav-link-cta:hover{background:var(--accent);color:#fff}
  .site-header .nav-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .theme-toggle{right:13px;bottom:calc(86px + env(safe-area-inset-bottom));min-width:47px;width:47px;height:47px;padding:0;justify-content:center;border-radius:50%}
  .theme-toggle #theme-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.theme-toggle #theme-icon{font-size:20px}
  .chapter-nav{display:none}.no-script{padding-right:72px}
}
@media(max-width:700px) and (max-height:480px) and (orientation:landscape){.site-header{inset:8px 0 auto}.site-header .brand{height:44px}.site-header .brand-wordmark img{width:90px}.site-header nav{bottom:9px;height:49px}.site-header .nav-link,.site-header .nav-link-cta{height:36px;min-height:36px}.site-header .nav-link svg{width:16px;height:16px}.theme-toggle{bottom:calc(65px + env(safe-area-inset-bottom));right:11px;width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header *,.theme-toggle{transition:none!important}}


/* Centered brand reveal, brighter controls and safer mobile end spacing. */
:root{--glass-paper:rgba(248,246,239,.42)}
html[data-theme=dark]{--paper:#000;--glass-paper:rgba(8,8,8,.43)}
.scene{left:50%;top:53%;opacity:var(--object-opacity,1);z-index:4;transition:opacity .12s linear}
.hero-branding{position:absolute;z-index:6;left:50%;top:48%;width:min(76vw,620px);aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%);opacity:var(--intro-opacity,1);pointer-events:none}
.hero-starburst{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(222,119,73,.18),rgba(222,119,73,.06) 29%,transparent 66%);filter:blur(2px);animation:nostus-star-glow 3.6s ease-in-out infinite}
.hero-starburst:before,.hero-starburst:after{content:"";position:absolute;inset:6%;border-radius:50%}
.hero-starburst:before{background:repeating-conic-gradient(from 0deg,transparent 0deg 7deg,rgba(218,139,99,.44) 7.5deg 8deg,transparent 8.5deg 15deg);mask:radial-gradient(circle,transparent 0 18%,#000 25% 43%,transparent 74%);animation:nostus-star-turn 34s linear infinite}
.hero-starburst:after{inset:14%;background:radial-gradient(circle at 24% 30%,#fff7 0 1px,transparent 2px),radial-gradient(circle at 77% 28%,#e8ae8a 0 2px,transparent 3px),radial-gradient(circle at 82% 68%,#fff8 0 1px,transparent 2px),radial-gradient(circle at 20% 72%,#e8ae8a 0 1.5px,transparent 2.5px),radial-gradient(circle at 50% 8%,#fff8 0 1px,transparent 2px);animation:nostus-star-twinkle 2.8s ease-in-out infinite alternate}
.hero-lockup{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(15px,2.5vw,28px);filter:drop-shadow(0 12px 32px rgba(37,29,23,.16));animation:nostus-logo-arrive 1.2s cubic-bezier(.2,.75,.25,1) both}
.hero-isotipo{display:block;width:clamp(58px,8vw,92px);height:auto;object-fit:contain;filter:brightness(0)}
.hero-logo{display:block;width:clamp(190px,34vw,280px);height:auto;object-fit:contain}.hero-logo-dark{display:none}
html[data-theme=dark] .hero-isotipo{filter:none}html[data-theme=dark] .hero-logo-light{display:none}html[data-theme=dark] .hero-logo-dark{display:block}
.journey .chapter:first-child .chapter-copy{opacity:var(--chapter-copy-opacity,1);transition:opacity .18s linear}
.journey.is-intro .chapter:first-child .chapter-copy{visibility:hidden;pointer-events:none}
.scene-caption,.scene-tools,.chapter-nav{opacity:var(--experience-ui-opacity,1);transition:opacity .15s linear}
.site-header .nav-link{font-size:14px;font-weight:600}
.site-header .brand-wordmark img{width:clamp(102px,8.6vw,121px)}
.theme-toggle{bottom:82px}
.lab{padding-bottom:0}.lab-bottom{grid-template-columns:1fr auto}.lab-bottom>span{font:600 10px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.12em}.lab-bottom>a{font-size:30px}
.chapter-nav a{font:600 11px/1 Arial,Helvetica,sans-serif}.chapter-nav .step-name{font-size:11px}
.label-top>span,.label-bottom>span,.right span,.back-kicker,.card-index,.card-foot,.desktop-content>p,.desktop-bottom,.chapter-aside,.object-meta,.lab-tag,.lab-top{display:none}
@keyframes nostus-star-glow{0%,100%{transform:scale(.88);opacity:.68}50%{transform:scale(1.04);opacity:1}}
@keyframes nostus-star-turn{to{transform:rotate(360deg)}}
@keyframes nostus-star-twinkle{0%{opacity:.48;transform:scale(.94)}100%{opacity:.95;transform:scale(1.04)}}
@keyframes nostus-logo-arrive{0%{opacity:0;transform:scale(.88);filter:blur(8px)}100%{opacity:1;transform:scale(1);filter:drop-shadow(0 12px 32px rgba(37,29,23,.16))}}
@media(max-width:700px){
 .hero-branding{top:47%;width:min(94vw,480px)}.hero-isotipo{width:clamp(48px,11vw,62px)}.hero-logo{width:clamp(150px,44vw,205px)}
 .site-header .brand{height:56px}.site-header .brand-isotipo{width:29px;height:28px}.site-header .brand-wordmark img{width:104px}
 .theme-toggle{bottom:calc(86px + env(safe-area-inset-bottom));right:13px}
 .lab{padding-bottom:calc(136px + env(safe-area-inset-bottom))}.lab-bottom{grid-template-columns:1fr auto}.lab-bottom>span{font-size:9px}.lab-bottom>a img{width:120px}
 .scene-caption,.scene-tools{transition:none}
}
@media(max-width:700px) and (max-height:480px) and (orientation:landscape){.theme-toggle{bottom:calc(65px + env(safe-area-inset-bottom));right:11px}.lab{padding-bottom:calc(118px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.hero-starburst,.hero-starburst:before,.hero-starburst:after,.hero-lockup{animation:none!important}.hero-branding,.scene,.journey .chapter:first-child .chapter-copy{transition:none!important}}
html[data-theme=dark] .site-header .nav-link-cta{background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 48%),rgba(153,66,37,.92);color:#fff}
@media(max-width:700px){html[data-theme=dark] .site-header .nav-link-cta{background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 48%),rgba(153,66,37,.92)}}

/* Keep the bottom navigation fixed to the viewport, independent of the brand. */
@media(max-width:700px){.site-header .brand{pointer-events:auto}.site-header nav{left:50%;transform:translateX(-50%);bottom:calc(13px + env(safe-area-inset-bottom));margin:0}}
/* Automatic identity reveal: mark first, wordmark second, stellar burst last. */
.hero-branding{width:min(94vw,860px);top:49%}
.hero-lockup{--hero-logo-width:clamp(210px,40vw,520px);--hero-gap:clamp(20px,3vw,38px);--mark-start-x:calc(var(--hero-logo-width)/2 + var(--hero-gap)/2);--mark-start-y:0px;flex-direction:row;gap:var(--hero-gap);animation:none}
.hero-isotipo{width:clamp(80px,14vw,170px);animation:nostus-mark-reveal 2s cubic-bezier(.25,.7,.25,1) both}
.hero-logo{width:var(--hero-logo-width);animation:nostus-wordmark-reveal .95s 1s cubic-bezier(.2,.75,.25,1) both}
.hero-starburst{opacity:0;animation:nostus-star-ignite 1.4s 2s ease-out both,nostus-star-glow 3.6s 3.4s ease-in-out infinite}
.hero-starburst:before{animation-delay:2s}.hero-starburst:after{animation-delay:2s}
@keyframes nostus-mark-reveal{0%{opacity:0;transform:translate(var(--mark-start-x),var(--mark-start-y)) scale(.9)}40%{opacity:1;transform:translate(var(--mark-start-x),var(--mark-start-y)) scale(1)}100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes nostus-wordmark-reveal{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-35px)}to{opacity:1;clip-path:inset(0);transform:translateX(0)}}
@keyframes nostus-star-ignite{0%{opacity:0;transform:scale(.55)}45%{opacity:1;transform:scale(1.14)}100%{opacity:.68;transform:scale(.88)}}
@media(orientation:portrait){
 .hero-lockup{--hero-logo-width:min(74vw,420px);--hero-gap:clamp(24px,4vh,38px);--mark-start-x:0px;--mark-start-y:calc(var(--hero-logo-width)/7.48 + var(--hero-gap)/2);flex-direction:column}
 .hero-isotipo{width:min(36vw,190px)}.hero-logo{width:var(--hero-logo-width);animation-name:nostus-wordmark-reveal-down}
 @keyframes nostus-wordmark-reveal-down{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-28px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){.hero-isotipo,.hero-logo,.hero-starburst{animation:none!important;opacity:1;transform:none}.hero-logo{clip-path:none}}