@import url('/brand/tokens.css');

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--mera-porcelain)}
body{margin:0;background:var(--mera-porcelain);color:var(--mera-graphite);font:400 16px/1.55 var(--font-ui);text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,a{touch-action:manipulation}
::selection{background:#c6533630;color:var(--mera-graphite)}
.skip-link{position:fixed;left:16px;top:12px;z-index:100;transform:translateY(-170%);background:var(--mera-graphite);color:var(--mera-porcelain);padding:12px 16px;border-radius:8px}
.skip-link:focus{transform:none}
a:focus-visible,.button:focus-visible{outline:3px solid var(--mera-ember);outline-offset:4px}
.eyebrow{display:block;color:var(--mera-ember-ui-dark);font:650 11px/1.4 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}

.scroll-progress{position:fixed;inset:0 0 auto;z-index:90;height:2px;pointer-events:none;background:transparent}
.scroll-progress span{display:block;width:100%;height:100%;background:var(--mera-ember);transform:scaleX(0);transform-origin:left center;will-change:transform}
.site-header{position:sticky;top:0;z-index:80;border-bottom:1px solid transparent;background:#f4f2ec00;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}
.site-header.is-scrolled{background:#f4f2eceb;border-color:#d6d8d5cc;box-shadow:0 8px 30px #1c211f0a;backdrop-filter:blur(18px)}
.site-header-inner{max-width:1480px;margin:0 auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:flex-end;gap:15px;min-width:0}
.brand img{width:142px;height:auto}
.brand span{font-size:11px;color:var(--color-muted);padding-bottom:5px;white-space:nowrap}
.site-header nav{display:flex;align-items:center;gap:24px;font-size:13px}
.site-header nav>a:not(.button){color:var(--color-muted);transition:color .2s ease}
.site-header nav>a:not(.button):hover,.site-header nav>a[aria-current="true"]{color:var(--mera-graphite)}
.site-header nav>a[aria-current="true"]{text-decoration:underline;text-decoration-color:var(--mera-ember);text-underline-offset:7px;text-decoration-thickness:1px}
.nav-login{margin-left:8px}
.button{min-height:46px;padding:12px 19px;border:1px solid var(--color-border);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:620;transition:transform .24s var(--motion-ease),background .24s ease,border-color .24s ease,box-shadow .24s ease}
.button:hover{transform:translateY(-2px)}
.button-dark{background:var(--mera-graphite);border-color:var(--mera-graphite);color:var(--mera-porcelain);box-shadow:0 8px 24px #1c211f12}
.button-dark:hover{background:#303b35;box-shadow:0 12px 28px #1c211f1c}
.button-light{background:transparent;border-color:var(--color-border)}
.button-light:hover{background:var(--color-soft);border-color:var(--mera-graphite)}

main{overflow:clip}
.hero{max-width:1480px;margin:0 auto;min-height:calc(100svh - 87px);display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:76px;align-items:center;padding:72px 40px 96px}
.hero-copy{max-width:650px}
.hero h1,.manifesto h2,.section-intro h2,.chapter h2,.contrast h2,.cinematic-break h2,.final-cta h2{font-family:var(--font-editorial);font-weight:450;letter-spacing:-.04em;line-height:.99}
.hero h1{font-size:clamp(54px,5.65vw,86px);margin:0 0 28px;max-width:11.3ch}
.hero-lead{font-size:clamp(18px,1.55vw,22px);line-height:1.5;color:var(--color-muted);max-width:57ch;margin:0 0 31px}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px}
.microcopy{font-size:12px;color:var(--color-muted);margin:14px 0 0}
.hero-visual{position:relative;min-width:0;padding-bottom:30px}
.hero-picture{display:block;aspect-ratio:1.18/1;overflow:hidden;background:var(--color-soft);clip-path:inset(0 0 0 0 round 1px);transform:translate3d(0,var(--parallax-y,0px),0)}
.hero-picture img{width:100%;height:100%;object-fit:cover;transform:scale(1.035)}
.hero-visual:after{content:"";position:absolute;inset:10% -4% 2% 14%;z-index:-1;background:radial-gradient(circle at 60% 40%,#c6533620,transparent 58%);filter:blur(40px)}
.decision-card{position:absolute;left:-54px;bottom:0;width:min(390px,72%);background:#fffefaf2;backdrop-filter:blur(18px);padding:24px 26px 22px;border:1px solid #ffffffb8;box-shadow:0 24px 65px #1c211f1b;transform:translate3d(0,var(--parallax-y,0px),0)}
.card-label{font-size:10px;letter-spacing:.14em;color:var(--mera-ember-ui-dark);font-weight:700}
.decision-context{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 15px}
.decision-context span{border:1px solid var(--color-divider);border-radius:999px;padding:5px 8px;font-size:10px;color:var(--color-muted);background:#f4f2ecb8}
.decision-card strong{display:block;font:500 29px/1.08 var(--font-editorial);letter-spacing:-.025em;margin:0 0 9px}
.decision-card p{margin:0;color:var(--color-muted);font-size:13px;line-height:1.5}
.decision-sequence{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;border-top:1px solid var(--color-divider);padding-top:13px;margin-top:17px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}
.decision-sequence i{font-style:normal;color:var(--mera-ember-ui-dark)}

.kinetic-band{border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);overflow:hidden;background:#eeece6;padding:15px 0}
.kinetic-track{display:flex;width:max-content;gap:22px;align-items:center;font:560 11px/1 var(--font-ui);letter-spacing:.18em;color:#59635f;animation:kinetic 34s linear infinite}
.kinetic-track span{white-space:nowrap}.kinetic-track i{font-style:normal;color:var(--mera-ember-ui-dark)}
@keyframes kinetic{to{transform:translateX(-50%)}}

.manifesto{padding:130px 40px;border-bottom:1px solid var(--color-divider)}
.manifesto-inner{max-width:1160px;margin:0 auto;text-align:center}
.manifesto h2{font-size:clamp(42px,4.4vw,68px);max-width:980px;margin:0 auto 30px}
.manifesto p{max-width:720px;margin:0 auto;color:var(--color-muted);font-size:18px;line-height:1.62}

.system-flow{max-width:1480px;margin:0 auto;padding:118px 40px 126px;border-bottom:1px solid var(--color-divider)}
.section-intro{max-width:900px;margin-bottom:62px}
.section-intro h2{font-size:clamp(42px,4.5vw,66px);margin:0;max-width:13ch}
.flow-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;margin:0;padding:0;border-top:1px solid var(--color-divider)}
.flow-steps:before{content:"";position:absolute;left:0;top:-1px;width:25%;height:2px;background:var(--mera-ember)}
.flow-steps li{min-height:270px;padding:27px 28px 24px 0;border-right:1px solid var(--color-divider);margin-right:28px}
.flow-steps li:last-child{border-right:0;margin-right:0}
.flow-steps li>span{display:block;font:500 16px/1 var(--font-editorial);color:var(--mera-ember-ui-dark);margin-bottom:76px}
.flow-steps strong{display:block;font:500 25px/1.12 var(--font-editorial);letter-spacing:-.018em;margin-bottom:12px;max-width:13ch}
.flow-steps p{margin:0;color:var(--color-muted);font-size:14px;max-width:29ch}

.chapters{max-width:1480px;margin:0 auto;padding:0 40px}
.chapter{display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:80px;align-items:center;min-height:760px;padding:118px 0;border-bottom:1px solid var(--color-divider)}
.chapter-reverse .chapter-copy{order:2}.chapter-reverse .chapter-media{order:1}
.chapter-copy{max-width:620px}
.chapter-number{display:block;font:500 11px/1.2 var(--font-ui);letter-spacing:.12em;color:var(--color-muted);margin-bottom:48px}
.chapter h2{font-size:clamp(41px,4.2vw,63px);margin:0 0 25px}
.chapter-copy>p{font-size:18px;color:var(--color-muted);max-width:56ch;margin:0}
.quiet-list{list-style:none;margin:33px 0 0;padding:0;border-top:1px solid var(--color-divider)}
.quiet-list li{padding:14px 0;border-bottom:1px solid var(--color-divider);font-size:13px;color:var(--color-muted)}
.chapter-media{position:relative;margin:0;background:var(--color-soft);min-height:540px;overflow:hidden}
.chapter-media picture{display:block;width:100%;height:100%;min-height:540px;transform:translate3d(0,var(--parallax-y,0px),0)}
.chapter-media picture img{width:100%;height:100%;min-height:540px;object-fit:cover;transform:scale(1.06)}
.chapter-media figcaption{position:absolute;left:26px;right:26px;bottom:24px;background:#fffefae9;backdrop-filter:blur(16px);padding:18px 20px;border:1px solid #ffffff95}
.chapter-media figcaption span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mera-ember-ui-dark);margin-bottom:6px}
.chapter-media figcaption strong{font:500 21px/1.2 var(--font-editorial)}
.signal-card{margin-top:34px;padding:22px 23px;border-left:3px solid var(--mera-ember-ui-dark);background:#e9e8e2}
.signal-card span{font-size:10px;letter-spacing:.12em;color:var(--mera-ember-ui-dark);font-weight:700}
.signal-card strong{display:block;font:500 24px/1.18 var(--font-editorial);margin:7px 0 9px}
.signal-card p{font-size:13px!important;margin:0;color:var(--color-muted)}
.technique-stage{display:grid;place-items:center;background:linear-gradient(145deg,#e9e8e2,#f7f5ef);isolation:isolate}
.technique-stage:before{content:"";position:absolute;width:62%;aspect-ratio:1;border:1px solid #7d8a8330;border-radius:50%;box-shadow:0 0 0 42px #7d8a830a,0 0 0 84px #7d8a8307}
.technique-stage>img{position:relative;z-index:1;width:min(340px,48%);height:auto;transform:translate3d(0,var(--parallax-y,0px),0)}
.technique-caption{position:absolute;inset:auto 25px 25px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;z-index:2}
.technique-caption span{padding-top:10px;border-top:1px solid #838c8666;text-align:center;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--color-muted)}
.memory-stage{background:#e9e8e2;padding:0 34px;border-top:1px solid var(--color-divider)}
.memory-stage article{padding:29px 0;border-bottom:1px solid #cfd2ce;display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:start}
.memory-stage article span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mera-ember-ui-dark);padding-top:5px}
.memory-stage article strong{font:500 27px/1.18 var(--font-editorial);letter-spacing:-.018em}
.memory-stage .memory-accent{margin:0 -34px;padding:29px 34px;background:var(--mera-graphite);color:var(--mera-porcelain);border-bottom:0}
.memory-stage .memory-accent span{color:#e4a18f}.memory-stage .memory-accent strong{color:var(--mera-porcelain)}

.contrast{max-width:1480px;margin:0 auto;padding:120px 40px 132px}
.contrast .section-intro{margin-bottom:54px}
.contrast-grid{border-top:1px solid var(--color-divider)}
.contrast-row{display:grid;grid-template-columns:105px 1fr 54px 1.2fr;gap:25px;align-items:center;padding:29px 0;border-bottom:1px solid var(--color-divider)}
.contrast-row>span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--color-muted)}
.contrast-row strong{font:500 24px/1.2 var(--font-editorial);letter-spacing:-.015em}
.contrast-row strong:last-child{color:var(--mera-ember-ui-dark)}
.contrast-row i{font-style:normal;color:var(--color-muted);font-size:21px;text-align:center}

.cinematic-break{background:var(--mera-graphite);color:var(--mera-porcelain);overflow:hidden}
.cinematic-inner{max-width:1480px;margin:0 auto;min-height:760px;padding:100px 40px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(500px,1.05fr);gap:90px;align-items:center}
.cinematic-break .eyebrow{color:#e6a692}
.cinematic-break h2{font-size:clamp(48px,5.2vw,78px);margin:0 0 27px;max-width:10ch}
.cinematic-copy p{font-size:18px;line-height:1.65;color:#c7ceca;max-width:54ch;margin:0 0 26px}
.cinematic-copy>strong{font-size:13px;letter-spacing:.04em;color:var(--mera-porcelain)}
.transformation-visual{position:relative;margin:0;min-height:520px;display:grid;place-items:center;isolation:isolate}
.transformation-visual:before{content:"";position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#c6533630,transparent 68%);filter:blur(18px)}
.transformation-visual:after{content:"TRANSFORMACIÓN";position:absolute;right:-2%;bottom:2%;font:500 11px/1 var(--font-ui);letter-spacing:.22em;color:#f4f2ec55;writing-mode:vertical-rl}
.transformation-visual img{position:relative;z-index:1;width:min(560px,86%);height:auto;transform:translate3d(0,var(--parallax-y,0px),0);filter:drop-shadow(0 28px 58px #00000032)}

.final-cta{background:var(--mera-porcelain);color:var(--mera-graphite);padding:135px 40px 128px;text-align:center;display:flex;flex-direction:column;align-items:center}
.final-cta img{width:80px;height:auto;margin-bottom:24px}
.final-cta h2{font-size:clamp(44px,5vw,73px);max-width:980px;margin:0 0 38px}
.button-cream{background:var(--mera-graphite);border-color:var(--mera-graphite);color:var(--mera-porcelain)}
.button-ghost{border-color:var(--color-border);color:var(--mera-graphite)}
.button-ghost:hover{background:var(--color-soft)}

footer{max-width:1480px;margin:0 auto;padding:30px 40px 38px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--color-divider);font-size:11px;color:var(--color-muted)}
.footer-brand{line-height:0}.footer-brand img{width:104px;height:auto}
footer p{margin:0}footer>div{display:flex;gap:20px}footer a:hover{color:var(--mera-graphite)}

.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity .78s var(--motion-ease) var(--delay,0ms),transform .78s var(--motion-ease) var(--delay,0ms)}
.motion-ready [data-reveal="media"]{transform:translate3d(0,30px,0) scale(.985)}
.motion-ready [data-reveal="hero"]{transform:translate3d(0,18px,0)}
.motion-ready [data-reveal="hero-visual"]{transform:translate3d(22px,0,0);transition-duration:.95s}
.motion-ready [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
.motion-ready [data-reveal="hero-visual"].is-visible{transform:translate3d(0,0,0)}

@media(max-width:1080px){
  .site-header-inner{padding:18px 24px}.site-header nav>a:not(.button,.nav-login){display:none}.brand span{display:none}
  .hero{grid-template-columns:1fr 1fr;gap:38px;min-height:auto;padding:60px 24px 82px}.hero h1{font-size:clamp(48px,6vw,68px)}.decision-card{left:-28px}
  .manifesto{padding:100px 24px}.system-flow,.chapters,.contrast{padding-left:24px;padding-right:24px}
  .flow-steps{grid-template-columns:1fr 1fr}.flow-steps:before{width:50%}.flow-steps li:nth-child(2){border-right:0;margin-right:0}.flow-steps li:nth-child(n+3){border-top:1px solid var(--color-divider)}
  .chapter{grid-template-columns:1fr 1fr;gap:44px;min-height:auto;padding:88px 0}.chapter-media,.chapter-media picture,.chapter-media picture img{min-height:430px}
  .cinematic-inner{padding:90px 24px;gap:50px;grid-template-columns:1fr 1fr}.final-cta{padding:110px 24px}footer{padding:28px 24px 34px}
}

@media(max-width:760px){
  .site-header-inner{padding:14px 18px}.brand img{width:118px}.site-header nav{gap:10px}.nav-login{margin:0}.site-header .button{padding:10px 13px;min-height:42px}.site-header nav .nav-login{display:none}
  .hero{display:flex;flex-direction:column;padding:46px 18px 68px;gap:42px}.hero-copy{max-width:none}.hero h1{font-size:48px;max-width:10.5ch}.hero-lead{font-size:17px}.hero-visual{width:100%;padding-bottom:0}.hero-picture{aspect-ratio:1/1.05}.decision-card{position:relative;left:auto;bottom:auto;width:calc(100% - 24px);margin:-62px 12px 0;padding:20px;box-shadow:0 15px 38px #1c211f1a}.decision-card strong{font-size:26px}
  .kinetic-band{padding:13px 0}.kinetic-track{gap:18px}
  .manifesto{padding:78px 18px}.manifesto-inner{text-align:left}.manifesto h2{font-size:40px}.manifesto p{font-size:16px}
  .system-flow{padding:78px 18px 88px}.section-intro{margin-bottom:42px}.section-intro h2{font-size:42px;max-width:none}.flow-steps{grid-template-columns:1fr}.flow-steps:before{width:100%}.flow-steps li,.flow-steps li:nth-child(2){min-height:0;margin-right:0;border-right:0;border-top:1px solid var(--color-divider);padding:24px 0 27px}.flow-steps li:first-child{border-top:0}.flow-steps li>span{margin-bottom:30px}.flow-steps strong{font-size:24px;max-width:none}.flow-steps p{max-width:46ch}
  .chapters{padding:0 18px}.chapter,.chapter-reverse{display:flex;flex-direction:column;gap:36px;padding:76px 0}.chapter-reverse .chapter-copy,.chapter-reverse .chapter-media{order:initial}.chapter-copy{max-width:none}.chapter-number{margin-bottom:28px}.chapter h2{font-size:40px}.chapter-copy>p{font-size:16px}.chapter-media{width:100%;min-height:360px}.chapter-media picture,.chapter-media picture img{min-height:360px}.chapter-media figcaption{left:14px;right:14px;bottom:14px;padding:16px}.chapter-media figcaption strong{font-size:19px}.technique-stage{min-height:390px}.technique-stage:before{width:68%}.technique-caption{inset:auto 14px 14px}.memory-stage{width:100%;padding:0 20px}.memory-stage article{grid-template-columns:1fr;gap:7px}.memory-stage article strong{font-size:24px}.memory-stage .memory-accent{margin:0 -20px;padding:27px 20px}
  .contrast{padding:82px 18px 90px}.contrast-row{grid-template-columns:1fr;padding:24px 0;gap:8px}.contrast-row>span{margin-bottom:4px}.contrast-row i{text-align:left;transform:rotate(90deg);width:24px;height:25px}.contrast-row strong{font-size:23px}
  .cinematic-inner{grid-template-columns:1fr;padding:82px 18px 86px;gap:36px;min-height:auto}.cinematic-break h2{font-size:46px;max-width:11ch}.cinematic-copy p{font-size:16px}.transformation-visual{min-height:360px}.transformation-visual img{width:min(500px,92%)}.transformation-visual:after{display:none}
  .final-cta{padding:92px 18px}.final-cta h2{font-size:43px}.final-cta .hero-actions{width:100%;flex-direction:column}.final-cta .button{width:100%}
  footer{padding:28px 18px 34px;flex-direction:column;align-items:flex-start}footer>div{flex-wrap:wrap}
}

@media(max-width:430px){
  .hero h1{font-size:42px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.manifesto h2,.chapter h2{font-size:36px}.section-intro h2,.cinematic-break h2,.final-cta h2{font-size:39px}.decision-sequence{grid-template-columns:1fr auto 1fr auto 1fr;gap:5px;font-size:8px}.cinematic-break h2{max-width:none}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.button{transition:none}.kinetic-track{animation:none;transform:none}.motion-ready [data-reveal],.motion-ready [data-reveal="media"],.motion-ready [data-reveal="hero"],.motion-ready [data-reveal="hero-visual"]{opacity:1;transform:none;transition:none}[data-parallax]{transform:none!important}.scroll-progress{display:none}
}


/* Desktop uses a crop of the approved HD art. Mobile composition is unchanged. */
.technique-art-crop{position:relative;z-index:1;width:100%;aspect-ratio:941/540;overflow:hidden}
.technique-art-crop img{display:block;position:absolute;inset:0 auto auto 0;width:100%;max-width:none;height:auto;transform:translateY(-24%)}