@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/manrope-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--oil:#172B36;--oil2:#0c1d27;--teal:#007C83;--teal2:#0c8e95;--sand:#D8A56D;--ivory:#F6F3EE;--paper:#fff;--muted:#63727a;--line:rgba(23,43,54,.15);--display:clamp(3.4rem,7.2vw,8.5rem);--shell:1320px;--edge:clamp(22px,5.15vw,86px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--oil);background:var(--ivory);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-width:320px}body.menu-open{overflow:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--sand);outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.055em;font-weight:600}h1{font-size:var(--display);line-height:1.025}h2{font-size:clamp(2.35rem,4.6vw,5rem);line-height:1.10}h3{font-size:clamp(1.4rem,2.3vw,2.2rem);line-height:1.21}p{line-height:1.8}.shell{width:min(var(--shell),calc(100% - 2*var(--edge)));margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;line-height:1.45}.eyebrow:before{content:'';height:1px;width:28px;background:currentColor;opacity:.75}.label{font-size:11px;letter-spacing:.15em;font-weight:700;text-transform:uppercase}.section{padding:clamp(94px,11vw,172px) 0}.section--tight{padding:clamp(72px,8vw,120px) 0}.muted{color:var(--muted)}.lead{font-size:clamp(16px,1.5vw,20px);max-width:620px;line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:56px;padding:14px 22px;border:1px solid transparent;border-radius:2px;background:var(--teal);color:white;font-size:13px;font-weight:700;line-height:1.25;transition:background .25s,transform .25s,box-shadow .25s}.btn:hover{background:#00656b;transform:translateY(-3px);box-shadow:0 16px 24px rgba(0,124,131,.13)}.btn--light{background:var(--ivory);color:var(--oil)}.btn--light:hover{background:#fff}.btn--outline{background:transparent;border-color:rgba(23,43,54,.35);color:var(--oil)}.btn--outline:hover{background:#e7eeeb}.btn--ghost{background:transparent;color:#f5f8f7;border-color:rgba(255,255,255,.36)}.btn--ghost:hover{background:rgba(255,255,255,.09)}.arrow{font-size:19px;line-height:1;font-weight:400}.link-inline{display:inline-flex;gap:25px;align-items:center;padding-bottom:9px;border-bottom:1px solid currentColor;font-size:13px;font-weight:700;transition:gap .25s}.link-inline:hover{gap:35px}.skip-link{position:absolute;top:-60px;left:15px;z-index:300;background:var(--sand);padding:12px 18px}.skip-link:focus{top:12px}.progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--sand);z-index:101;pointer-events:none}
/* NAV */
.site-header{position:sticky;z-index:100;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid #e9e9e6;backdrop-filter:blur(18px)}.site-header-inner{height:88px;display:flex;align-items:center;gap:40px;justify-content:space-between}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:clamp(170px,17vw,205px);height:auto}.main-nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,37px);margin-left:auto}.main-nav a{position:relative;font-weight:700;font-size:12px;color:#40535e;padding:20px 0}.main-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:13px;height:2px;background:var(--teal);transition:right .25s}.main-nav a:hover:after,.main-nav a[aria-current=page]:after{right:0}.main-nav a[aria-current=page]{color:var(--oil)}.main-nav .nav-cta{padding:11px 17px;border:1px solid #bfd1cd;border-radius:2px;margin-left:12px}.main-nav .nav-cta:after{display:none}.main-nav .nav-cta:hover{background:#e8f1ef}.menu-toggle{display:none;background:transparent;border:1px solid #cdd5d4;color:var(--oil);width:44px;height:44px;justify-content:center;align-items:center}.menu-toggle span{display:block;width:18px;height:2px;background:currentColor;position:relative}.menu-toggle span:before,.menu-toggle span:after{content:'';position:absolute;width:18px;height:2px;background:currentColor;left:0}.menu-toggle span:before{top:-6px}.menu-toggle span:after{top:6px}
/* HERO */
.hero{background:var(--oil2);color:#fff;position:relative;overflow:hidden;min-height:min(830px,calc(100svh - 88px));display:flex;align-items:center}.hero:after{content:'';position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse 60% 95% at 90% 40%,rgba(0,124,131,.22),transparent 72%),linear-gradient(90deg,transparent 48%,rgba(255,255,255,.02) 48%,rgba(255,255,255,.02) 48.05%,transparent 48.05%)}.hero .shell{position:relative;z-index:2}.hero-layout{display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:6%;padding-top:clamp(65px,9vw,115px);padding-bottom:clamp(70px,9vw,112px)}.hero .eyebrow{color:#8fd4d3;margin-bottom:30px}.hero h1{font-size:clamp(3.5rem,6.45vw,8.25rem);max-width:840px}.hero h1 em{font-style:normal;color:#8ac8c4}.hero-lead{margin-top:34px;color:#b9ccd0;font-size:clamp(15px,1.4vw,18px);line-height:1.85;max-width:530px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:38px}.hero-bottomline{display:flex;align-items:center;justify-content:space-between;gap:20px;position:absolute;left:var(--edge);right:var(--edge);bottom:25px;z-index:3;color:#96aab0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.hero-bottomline:before{content:'';display:block;width:20vw;height:1px;background:#6c868c}.hero-bottomline strong{font-weight:700;color:#d4e4e4}.hero-lab{width:100%;max-width:540px;aspect-ratio:.93;margin-left:auto;position:relative;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(0,0,0,.13));overflow:hidden;isolation:isolate;box-shadow:0 28px 74px rgba(0,0,0,.1)}.hero-lab-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 40%)}.lab-head{position:absolute;top:28px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.16em;font-weight:700;color:#a3c2c6;text-transform:uppercase}.lab-head i{width:8px;height:8px;border:1px solid #8bd2d1;border-radius:50%;box-shadow:0 0 0 8px rgba(0,124,131,.08)}.lab-planes{position:absolute;inset:13% 7% 21%;perspective:1200px;transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform .25s ease-out}/* En cada fase los planos se desplazan de forma significativa.
   La interacción del cursor es auxiliar; la secuencia avanza de forma autónoma. */
.lab-plane{position:absolute;display:block;border-radius:22% 22% 29% 22%;transform-origin:center center;box-shadow:10px 22px 44px rgba(0,0,0,.14);backdrop-filter:blur(2px);transition:transform 1.35s cubic-bezier(.2,.75,.15,1),opacity 1.1s ease,background 1.1s ease;will-change:transform,opacity}
.lab-plane--1{left:10%;top:40%;width:43%;height:43%;background:rgba(41,161,163,.58)}
.lab-plane--2{left:29%;top:27%;width:44%;height:57%;background:rgba(30,150,157,.67)}
.lab-plane--3{left:50%;top:9%;width:42%;height:67%;background:linear-gradient(145deg,#41a9ab,#0e6975)}
.hero-lab[data-phase='1'] .lab-plane--1{transform:translate3d(-35px,38px,0) rotate(-22deg) skewY(-10deg) scale(.84);opacity:1;background:rgba(58,172,172,.80)}
.hero-lab[data-phase='1'] .lab-plane--2{transform:translate3d(26px,-12px,0) rotate(-8deg) skewY(-10deg) scale(.89);opacity:.55}
.hero-lab[data-phase='1'] .lab-plane--3{transform:translate3d(57px,-33px,0) rotate(10deg) skewY(-10deg) scale(.82);opacity:.28}
.hero-lab[data-phase='2'] .lab-plane--1{transform:translate3d(23px,-18px,0) rotate(2deg) skewY(-10deg) scale(.91);opacity:.6}
.hero-lab[data-phase='2'] .lab-plane--2{transform:translate3d(-19px,30px,0) rotate(-18deg) skewY(-10deg) scale(1.08);opacity:1;background:rgba(38,177,180,.87)}
.hero-lab[data-phase='2'] .lab-plane--3{transform:translate3d(-34px,22px,0) rotate(-22deg) skewY(-10deg) scale(.89);opacity:.53}
.hero-lab[data-phase='3'] .lab-plane--1{transform:translate3d(35px,-28px,0) rotate(-12deg) skewY(-10deg) scale(.92);opacity:.82}
.hero-lab[data-phase='3'] .lab-plane--2{transform:translate3d(8px,-15px,0) rotate(-12deg) skewY(-10deg) scale(1.02);opacity:.9}
.hero-lab[data-phase='3'] .lab-plane--3{transform:translate3d(-28px,22px,0) rotate(-12deg) skewY(-10deg) scale(1.13);opacity:1;background:linear-gradient(145deg,#78c8c5,#1f8790)}
.lab-note{position:absolute;bottom:120px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end;gap:10px}.lab-note strong{color:#f1f7f6;font-size:14px;font-weight:600}.lab-note span{color:#8baab2;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.lab-switch{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.15);background:rgba(8,26,34,.72)}.lab-switch button{padding:19px 8px;color:#8ba8ae;background:transparent;border:0;border-right:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:700;letter-spacing:.025em}.lab-switch button:last-child{border:0}.lab-switch button[aria-pressed=true]{color:#f1ffff;background:rgba(0,124,131,.22);box-shadow:inset 0 3px 0 var(--sand)}
/* COMMON */
.rail{border-bottom:1px solid var(--line);background:#f4f0e8}.rail .shell{display:grid;grid-template-columns:repeat(4,1fr)}.rail span{padding:23px 10px;display:flex;gap:15px;align-items:center;font-size:11px;letter-spacing:.1em;font-weight:800;text-transform:uppercase;border-right:1px solid var(--line)}.rail span:last-child{border:0}.rail b{color:var(--teal);font-weight:600}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:clamp(55px,6vw,85px)}.section-intro h2{margin-top:23px}.section-intro p{max-width:470px;color:#596a70;font-size:16px}.section-intro--no-end{align-items:start}.light{background:#fff}.dark{background:var(--oil);color:#fff}.dark .eyebrow{color:#91d4d1}.dark .lead{color:#b5cacc}.section-num{color:var(--teal);font-size:12px;letter-spacing:.13em;font-weight:800}.dark .section-num{color:#84cacb}.line-sep{border-top:1px solid var(--line)}
/* HOME THINKING */
.think-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:10%;align-items:start}.think-copy h2{max-width:520px;margin:27px 0}.think-copy p{max-width:540px;font-size:17px;color:#576c74}.think-list{border-top:1px solid #d6e0df}.think-row{display:grid;grid-template-columns:54px 1fr 25px;gap:12px;align-items:start;border-bottom:1px solid #d6e0df;padding:29px 0}.think-row small{color:var(--teal);font-size:12px;font-weight:800;margin-top:8px}.think-row h3{font-size:23px;margin-bottom:10px}.think-row p{font-size:14px;color:#677980;max-width:430px}.think-row .tiny-arrow{font-size:19px;color:var(--teal)}
/* HOME PORTFOLIO */
.portfolio-home{background:#edf0ec}.portfolio-home .section-intro{margin-bottom:48px}.project-grid{display:grid;grid-template-columns:1.24fr .76fr;grid-template-rows:auto auto;gap:16px}.feature-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:365px;background:#fff;border:1px solid rgba(23,43,54,.12);padding:32px 36px;transition:transform .3s,border-color .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-4px);border-color:#78a5a0;box-shadow:0 16px 36px rgba(23,43,54,.08)}.feature-card--large{min-height:545px;grid-row:span 2;background:var(--oil);color:white}.feature-card--sand{background:#eae2d7}.feature-card--teal{background:#d6e7e5}.feature-card .counter{font-size:11px;letter-spacing:.18em;font-weight:800}.feature-card h3{font-size:clamp(32px,4vw,58px);font-weight:600;margin-bottom:14px}.feature-card h4{font-size:clamp(25px,2.7vw,37px);margin-bottom:12px;font-weight:600;letter-spacing:-.05em}.feature-card p{font-size:14px;max-width:420px;line-height:1.8;color:#50666e}.feature-card--large p{color:#beced0}.feature-card .card-arrow{position:absolute;right:30px;top:27px;font-size:25px;transition:transform .2s}.feature-card:hover .card-arrow{transform:translate(4px,-4px)}.feature-art{width:100%;height:205px;margin-top:15px;position:relative;display:flex;align-items:center;justify-content:center}.feature-art .orbit{position:absolute;border:1px solid rgba(255,255,255,.21);border-radius:50%}.feature-art .orbit:nth-child(1){width:170px;height:170px}.feature-art .orbit:nth-child(2){width:280px;height:280px}.feature-art .orbit:nth-child(3){width:385px;height:385px}.feature-art .core{width:106px;height:106px;background:rgba(91,181,176,.24);border:1px solid rgba(116,204,200,.58);border-radius:27px;transform:rotate(-15deg);display:grid;place-items:center;color:white;font-size:25px}.feature-card--large .feature-art{height:260px;margin-top:10px}.feature-small-art{position:absolute;right:-36px;bottom:-68px;width:180px;height:180px;border:30px solid rgba(0,124,131,.14);transform:rotate(29deg);border-radius:33px}.card-meta{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;opacity:.78}.feature-card--large .card-meta{color:#c8d7d9}.portfolio-note{font-size:12px;color:#67747a;line-height:1.8;margin-top:23px}
/* QUOTE / CULTURE / COLLAB */
.manifesto{background:var(--teal);color:white;padding:clamp(90px,11vw,150px) 0;overflow:hidden;position:relative}.manifesto:before{content:'+';font-size:700px;position:absolute;font-weight:400;line-height:1;color:rgba(255,255,255,.045);left:50%;top:-230px;transform:rotate(23deg);pointer-events:none}.manifesto .eyebrow{color:#c0e8e4}.manifesto h2{max-width:1030px;margin:26px 0 37px;font-size:clamp(3rem,6vw,7rem)}.manifesto h2 strong{color:#def3ef;font-weight:600}.manifesto p{max-width:560px;color:#d5edec}.culture-home{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center}.culture-home h2{margin:27px 0}.culture-home p{color:#c0d1d3}.culture-home .link-inline{margin-top:36px;color:#c2e7e3}.culture-values{border-top:1px solid rgba(255,255,255,.2)}.culture-values div{display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);padding:21px 0;font-size:15px}.culture-values small{color:#7ea6aa}.collab-home{background:var(--ivory)}.collab-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:50px}.collab-card{position:relative;display:flex;flex-direction:column;gap:16px;min-height:375px;padding:40px 40px 34px;background:#fff;border:1px solid #d9e1dc;overflow:hidden;transition:transform .3s,box-shadow .3s}.collab-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(23,43,54,.09)}.collab-card:nth-child(2){background:#ebf1ed}.collab-card small{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--teal)}.collab-card h3{font-size:clamp(27px,3.1vw,44px);max-width:520px}.collab-card p{font-size:14px;color:#62747a;max-width:460px}.collab-card .link-inline{margin-top:auto;align-self:start;color:var(--teal)}.collab-card:after{content:'';position:absolute;right:-70px;bottom:-105px;width:190px;height:190px;border:26px solid rgba(0,124,131,.055);transform:rotate(35deg);border-radius:35px}
/* INNER HEADERS */
.page-hero{position:relative;overflow:hidden;padding:clamp(82px,9.5vw,152px) 0 clamp(94px,10vw,157px);background:#e9eeeb}.page-hero:after{position:absolute;content:'';right:-10%;top:-200px;width:45%;height:650px;border:110px solid rgba(0,124,131,.045);transform:rotate(-25deg);border-radius:85px;pointer-events:none}.page-hero .shell{position:relative;z-index:1}.page-hero .eyebrow{color:var(--teal);margin-bottom:30px}.page-hero h1{max-width:1170px;font-size:clamp(3.5rem,7.2vw,8rem)}.page-hero h1 em{font-style:normal;color:var(--teal)}.page-hero .lead{margin-top:28px}.page-hero--dark{background:var(--oil2);color:#fff}.page-hero--dark h1 em{color:#8ed2d0}.page-hero--dark .lead{color:#bbced0}.page-hero--dark:after{border-color:rgba(0,124,131,.12)}.page-mini-index{margin-top:58px;display:flex;align-items:center;gap:15px;color:#667b81;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.page-hero--dark .page-mini-index{color:#a1c3c5}.page-mini-index:before{content:'';width:90px;height:1px;background:var(--sand)}
/* PROJECT DETAILS */
.project-intro{padding:90px 0 30px}.project-intro .shell{display:flex;justify-content:space-between;align-items:start;gap:50px}.project-intro h2{max-width:820px}.project-intro .label{color:var(--teal);padding-top:14px}.project-index{display:flex;align-items:center;gap:16px;border-top:1px solid #d3ddda;border-bottom:1px solid #d3ddda;margin-top:45px;overflow-x:auto;white-space:nowrap}.project-index a{padding:21px 15px 20px;font-size:12px;font-weight:700;color:#556970;border-bottom:2px solid transparent}.project-index a:first-child{padding-left:0}.project-index a:hover,.project-index a.is-active{color:var(--teal);border-color:var(--teal)}.project-detail{padding:95px 0;border-bottom:1px solid #d3dcda;scroll-margin-top:110px}.project-detail-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(50px,8vw,110px);align-items:center}.project-detail:nth-of-type(2n) .project-detail-grid>div:first-child{order:2}.project-detail h2{margin:19px 0 24px;font-size:clamp(3rem,5.6vw,6rem)}.project-detail h3{font-size:clamp(1.4rem,2.2vw,2.4rem);max-width:560px;margin-bottom:22px}.project-detail p{max-width:560px;font-size:16px;color:#546b72}.project-detail .link-inline{color:var(--teal);margin-top:32px}.detail-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--teal);text-transform:uppercase}.art-panel{height:clamp(380px,40vw,560px);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e0e7e3;border:1px solid rgba(23,43,54,.08)}.art-panel:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(23,43,54,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(23,43,54,.05) 1px,transparent 1px);background-size:48px 48px}.art-panel .art-word{font-size:clamp(42px,5.4vw,70px);font-weight:600;letter-spacing:-.07em;position:relative;z-index:2}.art-panel .art-index{position:absolute;top:28px;left:30px;font-size:11px;font-weight:700;letter-spacing:.15em;z-index:2}.art-panel .art-foot{position:absolute;bottom:28px;right:30px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#687d82;z-index:2}.art-panel .art-shape{position:absolute;width:340px;height:340px;border:65px solid rgba(0,124,131,.15);border-radius:70px;transform:rotate(-20deg);right:-105px;top:-70px}.art-panel--nodos{background:#e9e4d9}.art-panel--nodos .art-shape{border-color:rgba(216,165,109,.26);border-radius:50%;right:60%;top:35%}.art-panel--yulia{background:#d6e8e6}.art-panel--yulia .art-shape{border:110px solid rgba(0,124,131,.18);right:-30px;top:30%}.art-panel--cpi{background:#e7e8e2}.art-panel--cpi .art-shape{width:240px;height:430px;border:35px solid rgba(23,43,54,.08);left:8%;top:-22%;transform:rotate(25deg)}.subproduct{padding:23px 26px;margin-top:27px;background:#fff;border-left:3px solid var(--teal);display:flex;justify-content:space-between;gap:22px;align-items:center}.subproduct strong{font-size:15px}.subproduct p{font-size:12px;margin-top:5px}.subproduct a{flex-shrink:0;font-size:12px;color:var(--teal);font-weight:700}.participation{background:#e4ebe6;border-top:1px solid #d2dcd7}.participation-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:9%;align-items:start}.participation h2{font-size:clamp(2.1rem,3.4vw,3.9rem);margin-top:22px}.participation p{font-size:16px;color:#567078;max-width:720px}.participation .link-inline{color:var(--teal);margin-top:24px}
/* COMPANY */
.company-thesis{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;padding:110px 0}.company-thesis h2{font-size:clamp(2.5rem,5.2vw,5.8rem)}.company-thesis .thesis-text{display:grid;gap:25px}.company-thesis .thesis-text p{font-size:clamp(17px,1.55vw,22px);color:#546b72}.three-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d7e1dc;border:1px solid #d7e1dc}.pillar{padding:clamp(27px,3.4vw,52px);background:#fff;min-height:360px}.pillar small{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.15em}.pillar h3{margin:70px 0 20px}.pillar p{font-size:14px;color:#5d7178}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.22)}.value-cell{min-height:260px;background:var(--oil);padding:37px}.value-cell small{color:#97d4d1;font-size:11px;letter-spacing:.15em;font-weight:800}.value-cell h3{margin:33px 0 17px;font-size:29px}.value-cell p{font-size:14px;max-width:440px;color:#bacdd0}.culture-story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.culture-story h2{margin:25px 0}.culture-story .lead{max-width:520px}.culture-tenets{counter-reset:tenet;display:grid;gap:0;border-top:1px solid #ccd9d5}.culture-tenet{padding:23px 0;border-bottom:1px solid #ccd9d5;display:flex;gap:20px;align-items:baseline;font-size:15px}.culture-tenet::before{counter-increment:tenet;content:'0' counter(tenet);font-size:10px;color:var(--teal);font-weight:800}.founder-strip{background:#e6eee9}.founder-row{display:grid;grid-template-columns:1fr .9fr;gap:12%;align-items:center}.founder-row h2{font-size:clamp(2rem,3.2vw,3.6rem);margin:20px 0}.founder-row p{color:#586d75;font-size:16px}.founder-signature{border-left:2px solid var(--sand);padding:22px 30px;background:rgba(255,255,255,.58)}.founder-signature strong{display:block;font-size:21px;letter-spacing:-.03em}.founder-signature span{display:block;font-size:12px;margin-top:7px;color:#657a80}
/* CONTACT */
.contact-route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contact-route{background:#fff;border:1px solid #d5e0da;padding:30px;min-height:245px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,border-color .25s}.contact-route:hover{transform:translateY(-4px);border-color:var(--teal)}.contact-route .id{font-size:11px;color:var(--teal);font-weight:800}.contact-route h3{font-size:26px;max-width:300px}.contact-route .r-arrow{font-size:25px;color:var(--teal);align-self:end}.contact-detail{scroll-margin-top:110px;border-bottom:1px solid #d5ded9}.contact-detail-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:10%}.contact-detail h2{max-width:550px;margin:24px 0}.contact-detail .contact-copy{font-size:17px;color:#5e727a;max-width:700px;margin-bottom:28px}.contact-questions{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;margin:34px 0 37px}.contact-questions div{border-top:1px solid #cddbd5;padding-top:14px}.contact-questions b{display:block;font-size:12px;color:var(--teal);margin-bottom:8px}.contact-questions span{font-size:13px;line-height:1.65;color:#526872}.contact-detail--color{background:#e3eeeb}.contact-detail--warm{background:#f2ebe1}.contact-detail--light{background:#fff}.contact-side-mark{font-size:clamp(7rem,18vw,18rem);font-weight:600;line-height:.9;letter-spacing:-.13em;color:rgba(0,124,131,.10);padding-right:25px;align-self:center;text-align:center}.contact-general-box{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-general-box a{word-break:break-word;color:var(--teal);font-size:clamp(20px,3vw,35px);font-weight:600;letter-spacing:-.045em}.footnote{font-size:12px;color:#66777d}
/* FOOTER */
.site-footer{background:var(--oil2);color:#fff;padding:75px 0 26px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:8%;padding-bottom:85px}.footer-heading{font-size:11px;font-weight:800;letter-spacing:.15em;color:#96bfc0;text-transform:uppercase;margin-bottom:20px}.footer-about p{font-size:14px;max-width:390px;color:#b9cbd0;margin-top:17px}.footer-links{display:grid;gap:15px;justify-items:start}.footer-links a{font-size:13px;color:#e3eeee}.footer-links a:hover{color:#8acbc9}.footer-email{font-size:15px;font-weight:700;word-break:break-word}.footer-note{padding-top:22px;border-top:1px solid rgba(255,255,255,.17);display:flex;justify-content:space-between;gap:25px;color:#9bb2b7;font-size:10px;line-height:1.6}.footer-logo-wrap{display:inline-block;padding:6px 14px 6px 6px}.footer-logo-wrap img{}.footer-logo-wrap.is-main{padding:4px 14px 4px 4px}.footer-logo-wrap.is-main img{width:250px}
/* PAGE REVEAL */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1)}.js .reveal.in-view{opacity:1;transform:none}.js .delay-1{transition-delay:.12s}.js .delay-2{transition-delay:.24s}
@media(max-width:1050px){.hero-layout{grid-template-columns:1.05fr .95fr;gap:3%}.hero h1{font-size:clamp(3.3rem,6vw,6rem)}.culture-home{gap:4%}.feature-card{padding:26px}.feature-card--large{min-height:520px}.project-detail-grid{gap:40px}}
@media(max-width:780px){:root{--edge:22px}.site-header-inner{height:74px}.brand img{width:163px}.menu-toggle{display:flex}.main-nav{position:fixed;inset:74px 0 auto;background:#fff;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px 30px;border-bottom:1px solid #d7e1dd;box-shadow:0 18px 30px rgba(23,43,54,.11);margin:0}.main-nav.open{display:flex}.main-nav a{font-size:16px;padding:15px 4px}.main-nav a:after{bottom:9px}.main-nav .nav-cta{margin:12px 0 0;padding:15px}.hero{min-height:unset}.hero-layout{grid-template-columns:1fr;gap:60px;padding:75px 0 105px}.hero h1{font-size:clamp(3.4rem,11vw,5.6rem)}.hero-lab{aspect-ratio:1.2;max-width:560px;margin:0}.hero-bottomline{bottom:22px}.section-intro,.think-grid,.culture-home,.culture-story,.contact-detail-grid,.participation-grid,.company-thesis,.founder-row{grid-template-columns:1fr;gap:45px}.project-grid{grid-template-columns:1fr 1fr}.feature-card--large{grid-row:auto;grid-column:span 2;min-height:450px}.project-grid>.feature-card:not(.feature-card--large){min-height:345px}.project-detail-grid{grid-template-columns:1fr;gap:45px}.project-detail:nth-of-type(2n) .project-detail-grid>div:first-child{order:0}.project-detail-grid .art-panel{order:2}.contact-route-grid{grid-template-columns:repeat(3,1fr)}.contact-route{padding:22px;min-height:225px}.contact-route h3{font-size:21px}.footer-grid{grid-template-columns:1fr 1fr;gap:45px}.footer-about{grid-column:span 2}.culture-home{gap:55px}.rail span{font-size:10px;padding:20px 8px}.page-hero{padding:90px 0 110px}.page-hero h1{font-size:clamp(3.5rem,10vw,6rem)}.project-intro .shell{display:block}.project-intro .label{display:block;margin-top:24px}.three-pillars{grid-template-columns:1fr}.pillar{min-height:0;padding:35px}.pillar h3{margin:40px 0 17px}}
@media(max-width:540px){h1{font-size:clamp(3.3rem,13vw,5rem)}h2{font-size:clamp(2.3rem,10vw,3.7rem)}.hero h1{font-size:clamp(3.4rem,12vw,5rem)}.hero-layout{padding-top:72px;gap:45px}.hero-lab{aspect-ratio:.96}.lab-switch button{font-size:10px;padding:16px 2px}.lab-note{bottom:100px}.hero-bottomline{gap:9px;font-size:8px}.hero-bottomline:before{width:12vw}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{justify-content:space-between}.rail .shell{grid-template-columns:repeat(2,1fr)}.rail span{border-bottom:1px solid var(--line)}.rail span:nth-child(2n){border-right:0}.rail span:nth-last-child(-n+2){border-bottom:0}.section-intro{gap:20px}.project-grid,.collab-card-grid,.values-grid,.contact-route-grid,.contact-questions{grid-template-columns:1fr}.feature-card--large{grid-column:auto;min-height:520px}.project-grid>.feature-card:not(.feature-card--large){min-height:300px}.feature-card{padding:28px}.feature-card--large .feature-art{margin-top:30px}.collab-card{min-height:310px;padding:30px}.project-intro{padding-top:65px}.project-detail{padding:70px 0}.project-index{margin-top:30px}.art-panel{height:350px}.art-panel .art-word{font-size:52px}.art-panel--nodos .art-word{font-size:38px}.contact-route{min-height:190px}.contact-detail{padding:75px 0}.contact-side-mark{display:none}.contact-general-box{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-about{grid-column:auto}.footer-note{flex-direction:column}.culture-home{gap:45px}.three-pillars{grid-template-columns:1fr}.manifesto h2{font-size:clamp(3.1rem,11vw,5rem)}.subproduct{align-items:start;flex-direction:column}.page-hero h1{font-size:clamp(3.4rem,11vw,5rem)}.page-mini-index{margin-top:36px}.footer-email{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}.lab-planes{transform:none!important}}

/* Autoplay controls and timeline: hero v0.3 */
.lab-head{gap:12px;z-index:2}
.lab-head .lab-status{display:flex;align-items:center;gap:10px;white-space:nowrap}
.lab-head .lab-status:before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:var(--sand);box-shadow:0 0 0 4px rgba(216,165,109,.13)}
.lab-timeline{position:absolute;bottom:53px;left:0;width:100%;height:3px;overflow:hidden;background:rgba(255,255,255,.12);z-index:4}
.lab-timeline-progress{width:100%;height:100%;background:var(--sand);transform-origin:left center;animation:lab-timeline 4s linear infinite}
@keyframes lab-timeline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.lab-plane{transition:none!important}.lab-timeline-progress{animation:none!important;transform:none}}
@media(max-width:540px){.lab-head{left:18px;top:22px;right:18px}}
