:root{--navy:#10243a;--navy-deep:#0c1c2f;--teal:#09514f;--cream:#ead4a6;--paper:#e9dfc9;--coral:#ed5037;--ochre:#d0a02e;--ink:#182b37;--signal:#e75536;--line:#a9aa99;--font-sans:'Space Grotesk',Arial,sans-serif;--font-serif:'Cormorant Garamond',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--ochre);outline-offset:5px}::selection{background:var(--coral);color:var(--paper)}[hidden]{display:none!important}.skip-link{position:absolute;top:-100px;left:10px;background:white;padding:15px;z-index:1000}.skip-link:focus{top:10px}.wrap{width:min(1460px,calc(100% - 9vw));margin-inline:auto}
.preview-bar{height:30px;display:flex;align-items:center;justify-content:center;gap:10px;background:#b7af9f;color:#1e2d33;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:30}.preview-dot{width:6px;height:6px;background:var(--coral);border-radius:50%}.preview-sep{opacity:.45}.preview-bar a{text-decoration:underline;text-underline-offset:3px;margin-left:8px}
.site-header{position:absolute;z-index:22;top:30px;left:0;right:0;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid rgba(241,219,179,.29);color:#f0dfbd}.wordmark{display:flex;gap:14px;align-items:center;min-width:270px}.wordmark-symbol{width:45px;height:45px;border:1px solid var(--cream);display:grid;place-items:center;transform:rotate(45deg);position:relative}.wordmark-symbol:after,.wordmark-symbol:before{content:'';position:absolute;background:var(--cream)}.wordmark-symbol:before{height:1px;width:145%;transform:rotate(-45deg)}.wordmark-symbol:after{width:1px;height:145%;transform:rotate(-45deg)}.symbol-inner{height:21px;width:21px;border:1px solid var(--cream);border-radius:50%;display:block}.wordmark-type{font-size:20px;line-height:1.05;letter-spacing:.18em;font-weight:700}.wordmark-type span{display:block;letter-spacing:.16em;font-size:8px;font-weight:500;margin-top:7px}.main-nav{display:flex;align-items:center;gap:clamp(17px,2.4vw,40px);font-size:12px;font-weight:500;letter-spacing:.06em}.main-nav a{transition:color .2s}.main-nav a:hover{color:#fff}.header-actions{min-width:170px;display:flex;justify-content:flex-end;align-items:center}.materia-control{position:relative}.materia-toggle{border:1px solid rgba(245,221,177,.6);background:rgba(5,29,41,.35);color:var(--cream);padding:13px 17px;text-transform:uppercase;letter-spacing:.13em;font-size:10px}.small-diamond{font-size:7px;margin-left:11px}.materia-menu{position:absolute;top:calc(100% + 10px);right:0;width:215px;padding:14px;background:#ebe2ce;box-shadow:0 24px 80px rgba(0,0,0,.3);color:var(--navy);border:1px solid #b3a999}.menu-kicker{display:block;padding:7px 9px 12px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#69737a}.materia-menu button{width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:10px 9px;background:none;border:0;color:var(--ink);font-size:12px}.materia-menu button:hover,.materia-menu button[aria-pressed=true]{background:#d8cdb6}.swatch{width:16px;height:16px;border:1px solid rgba(0,0,0,.12)}.swatch.original{background:#09514f}.swatch.gaseoso{background:#89959f}.swatch.liquido{background:#196d9a}.swatch.solido{background:#926947}.swatch.plasma{background:#9145a9}.mobile-toggle{display:none}
.hero{position:relative;min-height:min(890px,calc(100svh - 30px));height:max(760px,calc(100svh - 30px));overflow:hidden;background:var(--navy);color:#f0dec0}.hero-art{position:absolute;inset:0;background:url('./concepto-neumen.webp') center center / cover no-repeat;filter:saturate(1.06) contrast(1.03);transform:scale(1.025);animation:hero-in 1.8s ease-out both}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,26,43,.98) 0%,rgba(9,26,43,.91) 22%,rgba(9,26,43,.72) 37%,rgba(9,26,43,.05) 68%),linear-gradient(0deg,rgba(6,20,29,.7) 0%,transparent 20%,transparent 78%,rgba(7,20,32,.34))}.hero:after{content:'';position:absolute;top:0;bottom:0;left:4.5vw;width:1px;background:rgba(236,217,174,.13);pointer-events:none}.hero-frame{position:absolute;top:156px;left:6vw;right:5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;font-weight:600;color:#d2b988;opacity:.8}.hero-content{position:absolute;top:51%;left:10.5vw;width:min(780px,70vw);transform:translateY(-46%);z-index:2}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:15px}.eyebrow.light{color:var(--cream)}.eyebrow.dark{color:#725b3f}.eyebrow .line{display:inline-block;width:38px;height:1px;background:currentColor}.square-mark{width:8px;height:8px;background:var(--coral);transform:rotate(45deg)}.hero h1{font-family:var(--font-serif);font-weight:400;line-height:.83;letter-spacing:-.045em;margin:32px 0 30px;max-width:850px}.hero-kicker{display:block;font-size:clamp(53px,6.4vw,116px);font-weight:400;line-height:1;white-space:nowrap}.hero h1 strong{display:block;font-size:clamp(90px,10.8vw,184px);font-weight:500;font-style:italic;letter-spacing:-.085em;line-height:.9;margin-left:-8px}.period{color:var(--coral)}.hero-description{max-width:430px;font-family:var(--font-sans);font-size:clamp(15px,1.3vw,18px);line-height:1.7;font-weight:400;color:#eadcc4;margin:0 0 34px}.hero-cta,.memory-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.pill-button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:18px 24px;text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:700;transition:transform .2s,background .2s}.pill-button:hover{transform:translateY(-3px)}.pill-button.primary{background:var(--coral);color:#fff}.pill-button.primary:hover{background:#dc482f}.pill-button span{font-size:18px}.underlined-link{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:8px;display:inline-flex;gap:16px}.underlined-link:hover{color:#fff}.hero-bottom{position:absolute;bottom:36px;left:6vw;right:5vw;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;letter-spacing:.14em;color:#e1cfac}.down-arrow{font-size:18px;margin-left:14px}.hero-edge{position:absolute;bottom:-1px;height:26px;left:0;right:0;background:var(--paper);clip-path:polygon(0 100%,100% 100%,100% 20%,56% 100%,0 12%)}@keyframes hero-in{from{opacity:0;transform:scale(1.07)}to{opacity:1;transform:scale(1.025)}}
.paper-section{background:var(--paper);background-image:radial-gradient(rgba(52,46,30,.05) .7px,transparent .7px);background-size:6px 6px}.section-rail{height:84px;display:flex;align-items:center;gap:29px;padding:0 4.5vw;border-bottom:1px solid rgba(34,47,48,.2);font-size:10px;font-weight:700;letter-spacing:.13em}.section-rail span:first-child{color:#9b6840}.section-rail .rail-line{height:1px;background:rgba(40,54,53,.2);flex:1}.manifesto{padding-bottom:26px}.manifesto-grid{display:grid;grid-template-columns:1fr .96fr;gap:7vw;align-items:center;padding-top:115px;padding-bottom:50px}.manifesto-copy h2,.portal-head h2{font:500 clamp(60px,5.6vw,107px)/.96 var(--font-serif);letter-spacing:-.055em;margin:27px 0 37px;color:var(--ink)}.manifesto-copy h2 em,.portal-head h2 em{font-weight:400;color:var(--coral)}.manifesto-copy p{line-height:1.75;max-width:510px;font-size:16px;color:#4c5754}.text-link{display:inline-flex;align-items:center;gap:46px;border-bottom:1px solid var(--ink);padding:0 0 10px;margin-top:23px;text-transform:uppercase;font-size:11px;letter-spacing:.12em;font-weight:700}.text-link span{font-size:18px}.geometry-study{min-height:590px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(145deg,rgba(224,213,190,.2),rgba(213,203,176,.5));border:1px solid rgba(21,52,57,.18);color:#375251}.geometry-study:after{content:'';position:absolute;inset:15px;border:1px solid rgba(50,66,58,.14);pointer-events:none}.octa-diagram{width:94%;height:auto;max-height:570px;color:var(--teal);filter:drop-shadow(0 6px 10px rgba(0,0,0,.06))}.geometry-note{position:absolute;left:27px;right:27px;display:flex;justify-content:space-between;align-items:center;z-index:1;font-size:9px;letter-spacing:.13em;font-weight:700}.geometry-note.top{top:29px}.geometry-note.bottom{bottom:28px;justify-content:center;gap:20px}.geometry-note.bottom span{color:var(--coral);font-size:15px}.principles-strip{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;border-top:1px solid #9ea397;margin-top:16px;padding:23px 0 17px;font-size:10px;font-weight:700;letter-spacing:.12em}.principles-strip span:not(:first-child){text-align:right}
.research-section{position:relative;background:#0e2838;color:#efe0c5;overflow:hidden;padding:50px 0 140px}.research-section:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 11.9%,rgba(222,208,173,.055) 12%,transparent 12.05%),repeating-linear-gradient(0deg,transparent 0 90px,rgba(222,208,173,.028) 91px);pointer-events:none}.research-topline{position:relative;z-index:1;margin:0 4.5vw;display:flex;justify-content:space-between;padding:0 0 28px;border-bottom:1px solid rgba(236,218,187,.24);font-size:10px;letter-spacing:.13em;font-weight:600}.research-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .5fr;align-items:end;gap:70px;padding:85px 0 68px}.number-outline{position:absolute;top:-118px;left:-30px;font-size:350px;font-family:var(--font-serif);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(234,207,165,.1);pointer-events:none}.research-heading{position:relative;z-index:1}.research-heading h2{font:500 clamp(80px,8vw,148px)/.82 var(--font-serif);letter-spacing:-.065em;margin:30px 0 0}.research-heading h2 em{font-weight:400;color:#c6a766}.research-intro{padding-bottom:12px}.research-intro p{font-size:16px;line-height:1.75;color:#dccdb1;margin:0 0 34px}.outline-button{border:1px solid rgba(233,212,176,.6);padding:19px 24px;display:flex;justify-content:space-between;gap:23px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;max-width:360px;transition:background .2s}.outline-button:hover{background:rgba(255,255,255,.1)}.outline-button span{font-size:18px}.axis-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr min(250px,23%);gap:20px}.axis-caption{grid-column:1/-1;padding:0 0 20px;font-size:10px;letter-spacing:.16em;color:#c4ae86}.axis-list{border-top:1px solid rgba(233,212,176,.35)}.axis{display:grid;grid-template-columns:76px 1fr 40px;align-items:center;text-align:left;width:100%;padding:16px 25px 18px 12px;background:transparent;border:0;border-bottom:1px solid rgba(233,212,176,.35);color:#e8d7b8;transition:background .2s}.axis span:first-child{font-size:11px;color:#bd9f70}.axis strong{font:500 clamp(32px,3vw,53px)/1 var(--font-serif);letter-spacing:-.02em}.axis-symbol{font-size:22px;opacity:0;transition:opacity .2s,transform .2s}.axis:hover,.axis.active{background:rgba(238,213,172,.09)}.axis.active .axis-symbol,.axis:hover .axis-symbol{opacity:1;transform:translate(3px,-3px);color:var(--coral)}.axis-definition{align-self:end;border-top:3px solid var(--coral);background:rgba(12,26,36,.7);min-height:224px;padding:26px}.axis-definition span{font-size:10px;letter-spacing:.13em;color:#d6ae77}.axis-definition p{font:400 25px/1.2 var(--font-serif);margin-top:25px}.research-diagonal{position:absolute;bottom:0;right:0;width:65vw;height:210px;background:var(--coral);clip-path:polygon(100% 0,100% 100%,15% 100%);opacity:.93;pointer-events:none}
.portal-section{padding-bottom:125px}.portal-head{padding:97px 0 60px;display:flex;justify-content:space-between;align-items:end;gap:70px}.portal-head h2{margin-bottom:0}.portal-head p{font-size:15px;line-height:1.7;max-width:300px;margin-bottom:10px;color:#5d6259}.portal-grid{display:grid;grid-template-columns:1.17fr .83fr;grid-template-rows:340px 340px;gap:14px}.portal-card{position:relative;overflow:hidden;display:block;isolation:isolate;color:var(--paper);background:var(--teal);transition:transform .25s}.portal-card:hover{transform:translateY(-4px)}.portal-large{grid-row:1/3;background:#0c4050}.portal-orange{background:#bc5535}.portal-dark{background:#1a2938}.portal-content{position:absolute;left:43px;right:35px;bottom:37px;z-index:3}.portal-index{font-size:10px;letter-spacing:.17em;font-weight:700;display:block;margin-bottom:15px}.portal-content h3{font:500 clamp(45px,4.1vw,74px)/.94 var(--font-serif);letter-spacing:-.04em;margin:0 0 9px}.portal-content p{max-width:340px;margin:0;font-size:14px;line-height:1.5;opacity:.82}.portal-arrow{position:absolute;right:0;bottom:1px;font-size:28px}.portal-card-art{position:absolute;inset:0;z-index:-1}.visual-blueprint{display:flex;justify-content:center;align-items:flex-start;opacity:.74;color:#d9dbbb}.visual-blueprint svg{width:100%;max-width:580px;transform:translate(14%,8%) rotate(-8deg)}.visual-blueprint:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c4050 5%,transparent 70%),repeating-linear-gradient(40deg,transparent 0 50px,rgba(240,222,184,.065) 51px,transparent 52px)}.lines-art{background:linear-gradient(144deg,transparent 43%,#e9cc98 43.2%,#e9cc98 50%,transparent 50.2%),linear-gradient(29deg,transparent 63%,#e68e44 63.2%,#e68e44 75%,transparent 75.2%),repeating-linear-gradient(-40deg,transparent 0 40px,rgba(255,231,195,.15) 40.5px,transparent 42px)}.circles-art{background:repeating-radial-gradient(circle at 68% 38%,transparent 0 25px,rgba(239,220,180,.18) 26px,transparent 27px),radial-gradient(circle at 68% 38%,rgba(224,148,64,.24),transparent 50%)}.circles-art span{position:absolute;right:16%;top:9%;font-size:180px;font-family:var(--font-serif);color:rgba(236,208,166,.17)}
.memory-section{position:relative;background:var(--teal);color:#e9dfc7;min-height:705px;overflow:hidden}.memory-art{position:absolute;inset:0;background:url('./concepto-neumen.webp') 67% 44% / cover;filter:grayscale(.5) saturate(.7);opacity:.31}.memory-shape{position:absolute;inset:0;background:linear-gradient(102deg,rgba(5,63,62,.99) 0%,rgba(5,63,62,.95) 46%,transparent 77%),linear-gradient(145deg,transparent 68%,var(--ochre) 68.2%,var(--ochre) 81%,transparent 81.2%);mix-blend-mode:normal}.memory-wrap{position:relative;z-index:2;padding:55px 0 105px}.memory-index{font-size:10px;letter-spacing:.16em;font-weight:700;border-bottom:1px solid rgba(235,223,191,.35);padding-bottom:28px}.memory-content{padding-top:82px;max-width:850px}.memory-content h2{font:500 clamp(65px,6.5vw,117px)/.86 var(--font-serif);letter-spacing:-.055em;margin:30px 0}.memory-content h2 em{color:var(--cream);font-weight:400}.memory-content p{max-width:520px;font-size:15px;line-height:1.75;margin-bottom:32px}.site-footer{background:var(--navy-deep);color:var(--cream)}.footer-top{min-height:225px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(227,208,172,.24)}.footer-emblem{font:500 70px/1 var(--font-serif);border:1px solid var(--cream);width:115px;height:115px;display:grid;place-items:center;transform:rotate(-8deg)}.footer-emblem span{font-size:23px;margin-left:4px}.footer-top p{font:400 clamp(24px,2.3vw,42px) var(--font-serif);letter-spacing:.01em}.footer-top p span{color:var(--coral);padding:0 10px}.footer-top>a{width:53px;height:53px;border:1px solid rgba(227,208,172,.6);display:grid;place-items:center;font-size:25px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding:35px 0;font-size:9px;letter-spacing:.13em;font-weight:600}
body[data-materia=gaseoso]{--teal:#465e6b;--coral:#a3a5a0;--ochre:#b9b0a0;--signal:#a3a5a0}body[data-materia=liquido]{--teal:#0d527c;--coral:#4194b5;--ochre:#b6bfcb;--signal:#44b6e0}body[data-materia=solido]{--teal:#665440;--coral:#b46842;--ochre:#a17a49;--signal:#b46842}body[data-materia=plasma]{--teal:#4a3475;--coral:#c15da9;--ochre:#7797ce;--signal:#bf5bc2}
@media(min-width:1700px){.hero-content{left:calc((100vw - 1460px)/2 + 45px)}.hero-frame,.hero-bottom{left:max(6vw,calc((100vw - 1460px)/2))}}
@media(max-width:1100px){.main-nav{gap:16px}.wordmark{min-width:225px}.wordmark-type{font-size:16px}.header-actions{min-width:auto}.hero-content{left:8vw;width:80vw}.hero-wash{background:linear-gradient(90deg,rgba(9,26,43,.96),rgba(9,26,43,.77) 41%,rgba(9,26,43,.1) 85%)}.manifesto-grid{gap:4vw}.geometry-study{min-height:490px}.portal-content{left:27px}.portal-grid{grid-template-rows:310px 310px}.research-grid{grid-template-columns:1fr .72fr}}
@media(max-width:760px){.preview-bar{font-size:8px;letter-spacing:.02em;padding:0 7px}.preview-bar a{margin:0}.preview-sep{display:none}.site-header{height:76px;padding:0 6vw}.wordmark-symbol{width:33px;height:33px}.symbol-inner{width:15px;height:15px}.wordmark-type{font-size:15px}.wordmark-type span{font-size:7px;letter-spacing:.1em}.main-nav{display:none}.materia-toggle{padding:11px 12px;font-size:9px}.mobile-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:0;color:var(--cream);height:40px;width:40px;margin-left:8px}.mobile-toggle span{width:23px;height:1.5px;background:currentColor;display:block}.mobile-menu{position:absolute;top:106px;left:0;right:0;z-index:21;background:#132f3e;color:var(--paper);padding:20px 6vw 26px;box-shadow:0 25px 55px #0005}.mobile-menu a{display:block;padding:13px 0;border-bottom:1px solid #ffffff23;text-transform:uppercase;font-size:13px;letter-spacing:.1em}.hero{height:780px;min-height:calc(100svh - 30px);max-height:950px}.hero-art{background-position:58% center}.hero-wash{background:linear-gradient(90deg,rgba(9,26,43,.96),rgba(9,26,43,.78) 65%,rgba(9,26,43,.3)),linear-gradient(0deg,#0d2338 0%,transparent 26%)}.hero-frame{top:124px;left:7vw;right:7vw;font-size:8px}.hero-frame span:last-child{display:none}.hero-content{left:7vw;top:49%;transform:translateY(-38%);width:88vw}.hero-kicker{font-size:clamp(47px,12vw,84px);white-space:normal}.hero h1 strong{font-size:clamp(72px,16.7vw,127px);margin-left:-3px}.hero h1{margin:28px 0 24px}.hero-description{max-width:340px;font-size:14px;line-height:1.6}.hero-bottom{left:7vw;right:7vw;bottom:32px}.hero-bottom span:nth-child(2),.hero-bottom span:nth-child(3){display:none}.hero-cta{gap:21px}.pill-button{padding:16px 18px}.underlined-link{font-size:10px}.section-rail{height:63px;gap:16px}.wrap{width:calc(100% - 12vw)}.manifesto-grid{grid-template-columns:1fr;gap:40px;padding-top:75px}.manifesto-copy h2,.portal-head h2{font-size:clamp(62px,11vw,86px)}.manifesto-copy p{font-size:15px}.geometry-study{min-height:0;aspect-ratio:1;max-height:620px}.geometry-note{font-size:8px;left:23px;right:23px}.octa-diagram{width:90%}.principles-strip{grid-template-columns:1fr 1fr;row-gap:14px;font-size:9px}.principles-strip span:not(:first-child){text-align:left}.research-section{padding:37px 0 100px}.research-topline{margin:0 6vw}.research-topline span:last-child{display:none}.research-grid{grid-template-columns:1fr;padding:78px 0 43px;gap:31px}.research-heading h2{font-size:clamp(73px,13vw,100px)}.number-outline{font-size:260px;top:-95px}.research-intro{max-width:500px}.axis-wrap{grid-template-columns:1fr}.axis-definition{min-height:150px}.axis-definition p{font-size:23px}.axis{grid-template-columns:45px 1fr 30px}.axis strong{font-size:39px}.research-diagonal{height:110px}.portal-head{display:block;padding:78px 0 40px}.portal-head p{margin-top:27px}.portal-grid{display:grid;grid-template-columns:1fr;grid-template-rows:460px 300px 300px}.portal-large{grid-row:auto}.portal-content h3{font-size:55px}.portal-section{padding-bottom:90px}.memory-wrap{padding:44px 0 80px}.memory-content{padding-top:75px}.memory-content h2{font-size:clamp(61px,11vw,90px)}.memory-shape{background:linear-gradient(90deg,rgba(5,63,62,.98),rgba(5,63,62,.78)),linear-gradient(145deg,transparent 68%,var(--ochre) 68.2%)}.memory-section{min-height:660px}.footer-top{min-height:260px;align-items:flex-start;flex-direction:column;gap:20px;padding:35px 0}.footer-emblem{width:80px;height:80px;font-size:48px}.footer-top p{margin:0;font-size:27px}.footer-top>a{align-self:flex-end;margin-top:-60px}.footer-bottom{flex-wrap:wrap;line-height:1.7}}
@media(max-width:420px){.wordmark{gap:9px;min-width:0}.wordmark-type{font-size:13px}.wordmark-type span{font-size:6px}.materia-toggle{font-size:8px;padding:9px 7px}.small-diamond{margin-left:5px}.hero-kicker{font-size:45px}.hero h1 strong{font-size:67px}.hero-description{max-width:290px}.hero-cta{display:flex;align-items:flex-start;flex-direction:column}.geometry-note.bottom{gap:7px;font-size:7px}.portal-content{left:25px;right:20px}.portal-content h3{font-size:48px}.memory-content h2{font-size:57px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art{animation:none}.pill-button,.portal-card,.axis,.axis-symbol{transition:none}}