/* Noria Bento for WordPress / Gutenberg — isolated to .noria-landing */
.noria-landing {
  --noria-ink:#171916; --noria-muted:#626863; --noria-paper:#faf9f6;
  --noria-surface:#f3f2ee; --noria-sage:#e7efe8; --noria-olive:#305b43;
  --noria-outline:rgba(24,31,25,.07); --noria-radius:25px;
  background:var(--noria-paper)!important;color:var(--noria-ink)!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:0 0 12px!important;
  position:relative!important;left:auto!important;right:auto!important;
  transform:none!important;overflow-x:clip;isolation:isolate;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.5;box-sizing:border-box;
}
.noria-landing :is(*,*::before,*::after){box-sizing:border-box}
.noria-landing :is(.wp-block-group,.wp-block-column,.wp-block-columns){max-width:none;min-width:0}
.noria-landing :is(h1,h2,h3,h4,p){color:inherit;margin:0;max-width:none;line-height:inherit}
.noria-landing :is(h1,h2,h3,h4){letter-spacing:-.045em;font-weight:740}
.noria-landing a{text-decoration:none;transition:background .2s,transform .2s,color .2s}
.noria-landing .noria-section{background:none!important;padding:clamp(18px,2.4vw,34px) 24px!important;margin:0!important;max-width:none!important}
.noria-landing .noria-container{width:100%;max-width:1200px!important;margin:0 auto!important;padding:0!important}
.noria-landing .noria-eyebrow{font-size:11px!important;font-weight:760!important;letter-spacing:.15em;text-transform:uppercase;line-height:1.6;color:#758175!important}
.noria-landing .noria-title{font-size:clamp(27px,3.4vw,44px)!important;line-height:1.08!important;letter-spacing:-.052em!important;max-width:720px}
.noria-landing .noria-subtitle{font-size:clamp(22px,2.5vw,29px)!important;line-height:1.16!important}
.noria-landing .noria-section-heading{display:flex;flex-direction:column;gap:12px;padding:10px 4px 26px}
.noria-landing .noria-section-lead{color:var(--noria-muted)!important;font-size:16px!important;max-width:620px;line-height:1.6}
.noria-landing .wp-block-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0!important}
.noria-landing .wp-block-button{margin:0!important}
.noria-landing .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px!important;min-height:49px;padding:14px 21px!important;border:1px solid transparent;font-size:13px;font-weight:650;line-height:1.2;box-shadow:none!important}
.noria-landing .noria-button-primary .wp-block-button__link{background:#171916!important;color:#fff!important}
.noria-landing .noria-button-secondary .wp-block-button__link{background:#fff!important;color:#171916!important;border-color:rgba(0,0,0,.09)!important}
.noria-landing .noria-button-light .wp-block-button__link{background:#fff!important;color:#1e2420!important}
.noria-landing .wp-block-button__link:hover{transform:translateY(-2px)}

/* Hero like reference: 44 / 56 bento split */
.noria-landing .noria-hero-section{padding-top:20px!important;padding-bottom:0!important}
.noria-landing .noria-hero-columns{display:grid!important;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;gap:16px!important;margin:0!important;align-items:stretch}
.noria-landing .noria-hero-columns>.wp-block-column{display:flex;flex-basis:auto!important;width:100%;margin:0;min-width:0}
.noria-landing .noria-hero-copy,.noria-landing .noria-hero-panel{border-radius:var(--noria-radius);width:100%;min-height:490px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.noria-landing .noria-hero-copy{background:#f2f1ed!important;padding:clamp(28px,4vw,54px)!important;display:flex;flex-direction:column;gap:23px;justify-content:center}
.noria-landing .noria-display{font-size:clamp(38px,4.5vw,61px)!important;line-height:1.035!important;letter-spacing:-.069em!important;max-width:555px}
.noria-landing .noria-lead{font-size:16px!important;color:#5e655e!important;line-height:1.66!important;max-width:505px}
.noria-landing .noria-note{margin-top:15px}
.noria-landing .noria-hero-footnote{font-size:12px!important;color:#777d77!important}
.noria-landing .noria-hero-panel{background:linear-gradient(135deg,#dcd8d0,#efebe3 58%,#c9d6c8)!important;position:relative;padding:clamp(24px,4vw,52px)!important;display:flex;flex-direction:column;justify-content:center;gap:17px}
.noria-landing .noria-hero-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 15%,rgba(255,255,255,.55),transparent 32%),linear-gradient(130deg,rgba(255,255,255,.32),transparent 38%);pointer-events:none}
.noria-landing .noria-hero-panel>.wp-block-group{position:relative;z-index:1}
.noria-landing .noria-ui-header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.noria-landing .noria-ui-brand{font-size:11px!important;font-weight:850;letter-spacing:.1em}
.noria-landing .noria-ui-top-right{font-size:11px!important;color:#5d695d!important}
.noria-landing .noria-ui-intro{background:rgba(255,255,255,.86);padding:27px;border-radius:20px 20px 8px 8px;backdrop-filter:blur(4px);box-shadow:0 12px 33px rgba(30,37,22,.065);display:flex;flex-direction:column;gap:9px}
.noria-landing .noria-ui-headline{font-size:clamp(22px,2.65vw,36px)!important;line-height:1.1!important;max-width:370px}
.noria-landing .noria-ui-support{font-size:12px!important;color:#5f675e!important}
.noria-landing .noria-ui-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.noria-landing .noria-ui-small{border-radius:12px;background:rgba(255,255,255,.86);padding:17px 12px;min-width:0;box-shadow:0 9px 22px rgba(31,41,29,.045)}
.noria-landing .noria-ui-small h4{font-size:14px!important;line-height:1.2!important;margin:5px 0 8px}
.noria-landing .noria-ui-step{font-size:11px!important;font-weight:750!important;color:#54715d!important}
.noria-landing .noria-ui-caption{font-size:11px!important;color:#6b726a!important;line-height:1.4}
.noria-landing .noria-ui-footer{padding:16px 17px;background:rgba(255,255,255,.82);border-radius:9px 9px 20px 20px;display:flex;flex-direction:column;gap:10px}
.noria-landing .noria-tags{display:flex;gap:7px;flex-wrap:wrap}
.noria-landing .noria-tag{background:#e6ede7;font-size:11px!important;padding:6px 11px;border-radius:99px}

/* Infinite editable logo strip */
.noria-landing .noria-ecosystem{padding-block:38px!important}
.noria-landing .noria-marquee-head{display:flex;flex-direction:column;gap:7px;padding:0 4px 24px}
.noria-landing .noria-caption{font-size:12px!important;color:#7a817b!important}
.noria-landing .noria-marquee-window{width:100%;overflow:hidden;position:relative;padding:12px 0;mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent)}
.noria-landing .noria-marquee-track{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;width:max-content;min-width:100%;animation:noria-marquee 33s linear infinite;will-change:transform}
.noria-landing .noria-marquee-window:hover .noria-marquee-track{animation-play-state:paused}
.noria-landing .noria-logo-wordmark{white-space:nowrap;font-size:clamp(18px,2.1vw,25px)!important;font-weight:790!important;letter-spacing:-.045em;padding:10px 25px;min-width:140px;min-height:56px;border:1px solid rgba(60,72,60,.1);background:#fff;border-radius:14px;text-align:center;color:#4a514c!important}
@keyframes noria-marquee{to{transform:translateX(-50%)}}

/* asymmetrical Bento grid */
.noria-landing .noria-bento-grid{display:grid;grid-template-columns:1.12fr 1.12fr .9fr;gap:15px;align-items:stretch}
.noria-landing .noria-bento-card{position:relative;border-radius:24px!important;padding:31px!important;min-height:285px;border:1px solid var(--noria-outline);background:#f2f1ed!important;display:flex;flex-direction:column;align-items:flex-start;gap:12px;overflow:hidden}
.noria-landing .noria-bento-card:nth-child(2){background:#eaf0eb!important}
.noria-landing .noria-bento-card:nth-child(3){background:#e9e9e6!important}
.noria-landing .noria-bento-card h3{font-size:clamp(21px,2vw,26px)!important;line-height:1.16!important;max-width:390px}
.noria-landing .noria-bento-card .noria-card-body{font-size:13px!important;color:#636b64!important;line-height:1.6;max-width:350px}
.noria-landing .noria-card-kicker{font-size:10px!important;letter-spacing:.11em;font-weight:750;color:#6c756f!important}
.noria-landing .noria-card-icon{margin:18px 0 5px!important;font-size:33px!important;color:#345e45!important;line-height:1}
.noria-landing .noria-bento-four{grid-column:span 2;min-height:255px;background:linear-gradient(110deg,#1d2620 2%,#36463a 100%)!important;color:#fff!important;padding:37px 40px!important;justify-content:center}
.noria-landing .noria-bento-four :is(.noria-card-kicker,.noria-card-body){color:#d4dcd5!important}
.noria-landing .noria-bento-four h3{font-size:clamp(26px,3vw,37px)!important;max-width:470px}
.noria-landing .noria-bento-four .noria-card-icon{color:#d0e3d3!important}
.noria-landing .noria-bento-five{min-height:255px;background:#f6ede5!important}

/* scroll convergence creator cards */
.noria-landing .noria-creators{padding-top:46px!important;padding-bottom:44px!important}
.noria-landing .noria-creator-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;overflow:visible;margin-bottom:27px}
.noria-landing .noria-creator-card{min-width:0;display:flex;flex-direction:column;background:#fff!important;border:1px solid var(--noria-outline);border-radius:21px;overflow:hidden;box-shadow:0 8px 26px rgba(21,32,24,.025);transform:translate3d(0,0,0);opacity:1;will-change:transform,opacity}
.noria-landing .noria-creator-image{margin:0!important;width:100%!important;line-height:0;max-width:none!important}
.noria-landing .noria-creator-image img{width:100%!important;height:205px!important;max-width:none!important;display:block;object-fit:cover;border-radius:0}
.noria-landing .noria-creator-info{padding:19px!important;display:flex;flex-direction:column;gap:8px}
.noria-landing .noria-creator-info h3{font-size:17px!important;letter-spacing:-.03em}
.noria-landing .noria-creator-desc{color:#6f756e!important;font-size:12px!important;line-height:1.5}
.noria-landing .noria-creator-info .noria-card-kicker{font-size:10px!important;font-weight:770!important;letter-spacing:.07em;color:#70806f!important}
.noria-landing .noria-creators .wp-block-buttons{justify-content:center}

/* About: dark + light Nuvia style */
.noria-landing .noria-about-columns{display:grid!important;grid-template-columns:1.25fr 1fr!important;gap:15px!important;margin:0!important}
.noria-landing .noria-about-columns>.wp-block-column{flex-basis:auto!important;margin:0!important;display:flex}
.noria-landing .noria-about-left,.noria-landing .noria-about-right{width:100%;min-height:400px;border-radius:24px!important;padding:clamp(27px,4vw,52px)!important}
.noria-landing .noria-about-left{background:linear-gradient(140deg,#17251b,#3b493c)!important;color:#fff!important;display:flex;flex-direction:column;justify-content:center;gap:18px;position:relative;overflow:hidden}
.noria-landing .noria-about-left::after{content:"";position:absolute;inset:auto -110px -160px auto;width:310px;height:310px;border-radius:50%;background:rgba(197,222,195,.085);pointer-events:none}
.noria-landing .noria-about-left .noria-eyebrow{color:#accbb0!important}
.noria-landing .noria-about-left .noria-title{font-size:clamp(30px,3vw,44px)!important;max-width:600px}
.noria-landing .noria-about-copy{font-size:15px!important;line-height:1.7;color:#e4e9e3!important;max-width:570px}
.noria-landing .noria-about-right{background:#f0f1ee!important;display:flex;flex-direction:column;gap:19px;justify-content:center}
.noria-landing .noria-about-point{padding:0 0 16px;border-bottom:1px solid #d7dad4;display:flex;flex-direction:column;gap:6px}
.noria-landing .noria-about-point:last-child{border-bottom:none;padding-bottom:0}
.noria-landing .noria-about-point h3{font-size:19px!important}
.noria-landing .noria-about-point p{font-size:13px!important;color:#616c61!important}

/* method */
.noria-landing .noria-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.noria-landing .noria-method-card{border:1px solid var(--noria-outline);padding:27px 22px!important;border-radius:21px;background:#fff!important;min-height:185px;display:flex;flex-direction:column;gap:12px}
.noria-landing .noria-method-number{font-size:13px!important;font-weight:750;color:#51735a!important}
.noria-landing .noria-method-card h3{font-size:20px!important;line-height:1.2}
.noria-landing .noria-method-description{font-size:13px!important;color:#687169!important;line-height:1.6}

/* contact CTA */
.noria-landing .noria-cta-card{background:#e9eee7!important;border-radius:25px!important;min-height:210px;padding:clamp(25px,4vw,45px)!important;display:flex;align-items:center;justify-content:space-between;gap:24px}
.noria-landing .noria-cta-copy{display:flex;flex-direction:column;gap:9px;max-width:680px}
.noria-landing .noria-cta-card .noria-title{font-size:clamp(25px,2.8vw,36px)!important}
.noria-landing .noria-cta-card .wp-block-buttons{flex-shrink:0}

/* progressive reveals (only when JS initializes) */
.noria-landing.noria-motion-active .noria-reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.noria-landing.noria-motion-active .noria-reveal.noria-in-view{opacity:1;transform:translateY(0)}
.noria-landing.noria-motion-active .noria-creator-card{transition:transform .12s linear,opacity .2s ease}
@media(min-width:1100px){.noria-landing .noria-section{padding-left:32px!important;padding-right:32px!important}}
@media(max-width:980px){
 .noria-landing .noria-hero-columns{grid-template-columns:1fr 1fr!important}
 .noria-landing .noria-hero-copy{padding:30px!important}
 .noria-landing .noria-display{font-size:clamp(34px,5vw,48px)!important}
 .noria-landing .noria-hero-panel{padding:25px!important}
 .noria-landing .noria-hero-copy,.noria-landing .noria-hero-panel{min-height:500px}
 .noria-landing .noria-ui-stages{grid-template-columns:1fr}
 .noria-landing .noria-ui-small{display:flex;justify-content:space-between;gap:6px;align-items:center;padding:11px 13px}
 .noria-landing .noria-ui-small h4{margin:0}
 .noria-landing .noria-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .noria-landing .noria-bento-four{grid-column:span 1}
 .noria-landing .noria-creator-stage{grid-template-columns:repeat(2,minmax(0,1fr))}
 .noria-landing .noria-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .noria-landing .noria-about-columns{grid-template-columns:1fr!important}
 .noria-landing .noria-about-left,.noria-landing .noria-about-right{min-height:0}
}
@media(max-width:650px){
 .noria-landing .noria-section{padding:18px 14px!important}
 .noria-landing .noria-hero-section{padding-top:14px!important}
 .noria-landing .noria-hero-columns{grid-template-columns:1fr!important;gap:12px!important}
 .noria-landing .noria-hero-copy{min-height:0;padding:36px 26px!important;gap:19px}
 .noria-landing .noria-hero-panel{min-height:380px;padding:25px!important}
 .noria-landing .noria-display{font-size:clamp(38px,10.6vw,55px)!important}
 .noria-landing .noria-lead{font-size:14px!important}
 .noria-landing .noria-ui-stages{grid-template-columns:repeat(3,minmax(0,1fr))}
 .noria-landing .noria-ui-small{display:block;padding:12px 10px}
 .noria-landing .noria-ui-small h4{font-size:12px!important;margin:5px 0}
 .noria-landing .noria-ui-caption{font-size:10px!important}
 .noria-landing .noria-marquee-window{mask-image:none}
 .noria-landing .noria-logo-wordmark{min-width:120px;padding:11px 17px}
 .noria-landing .noria-bento-grid{grid-template-columns:1fr}
 .noria-landing .noria-bento-card{min-height:205px;padding:26px!important}
 .noria-landing .noria-bento-four{grid-column:auto}
 .noria-landing .noria-creator-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .noria-landing .noria-creator-image img{height:135px!important}
 .noria-landing .noria-creator-info{padding:12px!important}
 .noria-landing .noria-creator-info h3{font-size:15px!important}
 .noria-landing .noria-about-left,.noria-landing .noria-about-right{padding:30px 24px!important}
 .noria-landing .noria-method-grid{grid-template-columns:1fr}
 .noria-landing .noria-method-card{min-height:0}
 .noria-landing .noria-cta-card{flex-direction:column;align-items:stretch}
 .noria-landing .noria-title{font-size:31px!important}
 .noria-landing .noria-hero-section .wp-block-buttons{gap:10px}
 .noria-landing .wp-block-button__link{min-height:46px;padding:11px 16px!important}
}
@media(max-width:370px){.noria-landing .noria-ui-stages{grid-template-columns:1fr}.noria-landing .noria-ui-small{display:flex}.noria-landing .noria-creator-stage{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
 .noria-landing .noria-marquee-track{animation:none!important;transform:none!important}
 .noria-landing .noria-reveal,.noria-landing .noria-creator-card{opacity:1!important;transform:none!important;transition:none!important}
}
/* Authoring experience: always display all editable cards in editor */
.editor-styles-wrapper .noria-landing .noria-reveal,.editor-styles-wrapper .noria-landing .noria-creator-card{opacity:1!important;transform:none!important;transition:none!important}
.editor-styles-wrapper .noria-landing .noria-marquee-track{animation:none!important;flex-wrap:wrap;width:auto}