/* mesonpi — reference-led local review, November 2026 */
:root { --max: 1480px; --gutter: clamp(22px,4vw,70px); --sans:'Helvetica Neue',Helvetica,Arial,sans-serif; }
.top { padding-top:20px; padding-bottom:20px; background:rgba(5,5,5,.55); }
.brand img {height:20px} .nav{gap:9px}.nav a{font-size:13px}.nav .nav-contact{margin-left:16px;border:1px solid rgba(255,255,255,.3);color:#eee;padding:9px 18px}
#ascii{opacity:.68}body[data-view]:not([data-view="inicio"]) #ascii{opacity:.13}body.scrolled #ascii{opacity:.15}
.veil{background:linear-gradient(90deg,rgba(5,5,5,.28),transparent 60%),linear-gradient(0deg,#050505,transparent 18%)}
.environment-glow{opacity:.13!important}.soft{color:#888}
.immersive-hero{min-height:calc(100svh - 76px);max-width:none;padding-top:24px;padding-bottom:20px;display:flex;flex-direction:column;position:relative}
.hero-coordinate,.hero-register{display:flex;justify-content:space-between;font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#858581}.hero-coordinate span:last-child{margin-left:auto}
.immersive-copy{padding:clamp(78px,13vh,150px) 0 72px;position:relative;z-index:1}.immersive-copy .eyebrow{font-size:10px;letter-spacing:.15em}.immersive-copy h1{font-size:clamp(60px,8.7vw,150px);line-height:.98;letter-spacing:-.065em;font-weight:400;margin-top:26px;max-width:10.5ch}.immersive-copy h1 span{color:#aeaeaa}
.hero-bottom{margin-top:auto;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px;padding-bottom:48px}.hero-bottom p{font-size:18px;line-height:1.5;letter-spacing:-.025em;margin:0;color:#c1c1bc}.round-link{display:flex;align-items:center;gap:20px;text-decoration:none;font-size:14px;justify-self:start}.round-link b{display:grid;place-items:center;border:1px solid #62625f;border-radius:50%;width:48px;height:48px;font-weight:400;font-size:21px;transition:background .25s,color .25s}.round-link:hover b{background:#eee;color:#111}.motion-toggle{padding:10px 0;border:0;background:none;color:#aaa;font:10px var(--mono);cursor:pointer}.motion-toggle span{padding-left:10px}.hero-register{border-top:1px solid var(--line-2);padding-top:16px}
.product-collection{padding:110px 0 40px;position:relative;background:linear-gradient(#050505,rgba(12,12,12,.7) 45%,#050505)}.collection-title{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}.collection-title .eyebrow{grid-column:1/-1}.collection-title h2{font-size:clamp(45px,5.4vw,84px);line-height:1.02;letter-spacing:-.055em;font-weight:400}.collection-title h2 span{color:#81817e}.collection-title>p:last-child{font-size:14px;line-height:1.6;color:#9e9e9b;padding-bottom:4px}
.product-fan{height:560px;position:relative;margin:55px -20px 0;perspective:1800px;isolation:isolate}
.product-leaf{position:absolute;left:50%;top:74px;width:clamp(230px,23vw,335px);height:420px;margin:0 0 0 calc(clamp(230px,23vw,335px) / -2);border:1px solid rgba(255,255,255,.22);border-radius:19px;padding:24px;text-align:left;display:flex;flex-direction:column;cursor:pointer;transform-origin:50% 140%;transform:translateX(calc(var(--leaf) * 95px)) rotate(calc(var(--leaf) * 13deg)) translateY(30px);background:linear-gradient(125deg,rgba(255,255,255,.14),rgba(255,255,255,.025) 45%,rgba(255,255,255,.08)),rgba(18,18,18,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),-18px 18px 60px rgba(0,0,0,.55);transition:transform .65s cubic-bezier(.2,.8,.2,1),background .4s,border-color .4s;overflow:hidden;z-index:calc(5 - var(--leaf))}
.product-leaf::after{content:'';position:absolute;inset:7px;border:1px solid rgba(255,255,255,.065);border-radius:13px;pointer-events:none}.product-leaf[aria-pressed="true"]{transform:translateX(calc(var(--leaf) * 95px)) rotate(calc(var(--leaf) * 8deg)) translateY(-35px);z-index:12;background:linear-gradient(120deg,rgba(255,255,255,.22),rgba(255,255,255,.045) 50%),rgba(37,37,36,.93);border-color:rgba(255,255,255,.47)}
.leaf-top,.leaf-bottom{display:flex;justify-content:space-between;gap:10px;font:9px var(--mono);color:#b9b9b4;text-transform:uppercase;letter-spacing:.02em}.leaf-name{font-size:34px;letter-spacing:-.05em;display:block;margin-top:28px;font-weight:400}.leaf-visual{display:block;margin:28px -12px 0;flex:1;min-height:0;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#090909}.leaf-visual img{width:100%;height:100%;object-fit:cover;object-position:30% 0;opacity:.75;transition:opacity .5s}.product-leaf[aria-pressed="true"] img{opacity:1}.leaf-bottom{margin-top:20px;align-items:center}.leaf-bottom>span:last-child{font-size:22px}
.data-constellation{position:relative;width:100%;height:100%;display:block;background:linear-gradient(25deg,transparent 49.5%,#444 50%,transparent 50.5%),linear-gradient(120deg,transparent 49.5%,#444 50%,transparent 50.5%)}.data-constellation i{position:absolute;padding:8px 12px;background:#171717;border:1px solid #444;border-radius:5px;font:9px var(--mono);font-style:normal}.data-constellation i:nth-child(1){top:18%;left:10%}.data-constellation i:nth-child(2){top:46%;left:35%}.data-constellation i:nth-child(3){top:18%;right:10%}.data-constellation i:nth-child(4){bottom:12%;left:9%}.data-constellation i:nth-child(5){bottom:12%;right:5%}
.product-selector{display:flex;justify-content:center;gap:9px;position:relative;z-index:15;flex-wrap:wrap}.product-selector button{border:1px solid transparent;background:none;padding:9px 15px;border-radius:50px;font-size:12px;color:#898985;cursor:pointer}.product-selector button[aria-pressed="true"]{border-color:#72726f;color:#fff;background:#20201f}.product-detail{padding:40px 0 38px;display:grid;grid-template-columns:1fr 1fr;gap:12%;min-height:230px}.product-detail h3{font-size:clamp(27px,3vw,41px);font-weight:400;max-width:22ch;margin-top:18px;letter-spacing:-.04em}.product-detail p{color:#aaa;line-height:1.7;font-size:16px;max-width:45ch;margin:0 0 20px}.collection-all{display:flex;justify-content:space-between;border-top:1px solid var(--line-2);padding:24px 0;text-decoration:none;font-size:13px;color:#aaa}.collection-all span:last-child{color:#eee}
.editorial-links{gap:6%;padding-top:90px;padding-bottom:100px}.editorial-links>a{padding:30px 0 10px;border-top:1px solid var(--line-2)}.editorial-links h3{font-size:clamp(28px,3.3vw,48px);font-weight:400;letter-spacing:-.04em}.editorial-links p{color:#999;font-size:15px}
.pf-intro{padding-top:65px;padding-bottom:48px}.pf-intro h1{font-size:clamp(45px,5.3vw,84px);line-height:1.02;letter-spacing:-.055em;font-weight:400}.pf-intro>.muted{max-width:40ch;font-size:12px}.pf-index{top:76px}.pf{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:6%;padding:95px 0;border-bottom:1px solid var(--line)}.pf .pf-text{position:sticky;top:155px;align-self:start}.pf h2{font-size:clamp(38px,4.2vw,67px);letter-spacing:-.055em;font-weight:400}.pf .pf-lede{font-size:24px;line-height:1.25;max-width:22ch;margin:28px 0 20px}.pf .muted,.pf dd{font-size:14px;line-height:1.8}.pf .shot{border-radius:10px}.pf .pf-media{gap:30px}.shot img{transition:transform .6s}.shot .zoom:hover img{transform:scale(1.015)}
.platform-hero{padding-top:65px;padding-bottom:35px}.platform-hero h1{font-size:clamp(45px,6.2vw,94px);font-weight:400;letter-spacing:-.055em}.platform-intro{margin-top:25px}.platform-intro .lead{font-size:18px;line-height:1.6;max-width:60ch}.platform-hero+.block{padding-top:38px}
footer .footer-top p{font-size:clamp(38px,6vw,90px);font-weight:400;letter-spacing:-.05em}footer .footer-brand{opacity:.86}
@media(max-width:1050px){.product-leaf{width:250px;margin-left:-125px;height:380px;padding:20px;transform:translateX(calc(var(--leaf) * 72px)) rotate(calc(var(--leaf) * 12deg)) translateY(30px)}.product-leaf[aria-pressed="true"]{transform:translateX(calc(var(--leaf) * 72px)) rotate(calc(var(--leaf) * 7deg)) translateY(-25px)}.product-fan{height:500px}.leaf-name{font-size:28px}.pf{gap:4%}.hero-bottom{grid-template-columns:1fr auto}.motion-toggle{grid-column:2;justify-self:end}.hero-bottom .round-link{grid-column:2;grid-row:1}.nav{top:76px}}
@media(max-width:760px){.top{padding-top:16px;padding-bottom:16px}.brand img{height:17px}.nav .nav-contact{margin-left:0;border:0;padding-left:4px}.nav{top:68px}.immersive-hero{min-height:calc(100svh - 68px);padding-top:18px}.hero-coordinate{font-size:8px}.hero-coordinate span:last-child{display:none}.immersive-copy{padding:90px 0 70px}.immersive-copy .eyebrow{font-size:8px}.immersive-copy h1{font-size:clamp(55px,12.7vw,92px);letter-spacing:-.065em;margin-top:22px}.hero-bottom{display:flex;flex-wrap:wrap;gap:25px;padding-bottom:32px}.hero-bottom p{font-size:16px;width:100%}.hero-bottom .round-link{font-size:12px}.round-link b{width:38px;height:38px}.motion-toggle{margin-left:auto;font-size:8px}.hero-register{font-size:8px}.hero-register span:last-child{display:none}#ascii{opacity:.42}.product-collection{padding-top:64px}.collection-title{display:block}.collection-title .eyebrow{font-size:9px;line-height:1.5}.collection-title h2{font-size:46px;margin-top:22px}.collection-title>p:last-child{font-size:13px;margin-top:20px}.product-fan{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:28px var(--gutter) 30px;margin:8px calc(-1 * var(--gutter)) 0;height:auto;perspective:none;scrollbar-width:none}.product-leaf,.product-leaf[aria-pressed="true"]{flex:0 0 76%;position:relative;left:auto;top:auto;margin:0;transform:none;width:auto;height:370px;scroll-snap-align:center;box-shadow:0 10px 25px #0006}.product-leaf[aria-pressed="true"]{background:linear-gradient(130deg,#ffffff25,#ffffff08),#242423}.leaf-name{font-size:33px}.product-selector{gap:2px;justify-content:flex-start}.product-selector button{font-size:10px;padding:8px 10px}.product-detail{grid-template-columns:1fr;gap:23px;min-height:0;padding:30px 0}.product-detail h3{font-size:31px}.product-detail p{font-size:15px}.collection-all{font-size:11px;gap:30px}.collection-all span{max-width:50%}.editorial-links{grid-template-columns:1fr;padding-top:40px;padding-bottom:60px;gap:35px}.pf-intro{padding-top:40px;padding-bottom:25px;display:block}.pf-intro>.muted{margin-top:25px}.pf-index{top:68px}.pf{display:flex;flex-direction:column;padding:55px 0;gap:28px}.pf .pf-text{position:static}.pf h2{font-size:47px}.pf .pf-lede{font-size:23px;margin:20px 0 16px}.pf .muted{font-size:14px;max-width:50ch}.pf .pf-media{width:100%}.platform-hero{padding-top:42px}.platform-hero h1{font-size:46px}.platform-intro{display:block}.platform-intro .lead{font-size:16px}.platform-hero+.block{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.product-leaf,.leaf-visual img,.shot img{transition:none}.motion-toggle{display:none}.product-fan{scroll-behavior:auto}}

.view.active{animation:none}.immersive-copy h1{font-size:clamp(60px,7.5vw,128px);max-width:12.5ch}
.product-page-hero{display:grid;grid-template-columns:minmax(0,.64fr) minmax(0,1.36fr);gap:6%;padding-top:90px;padding-bottom:70px;min-height:660px;align-items:center}
.product-intro .eyebrow{font-size:10px;line-height:1.5}.product-intro h1{font-size:clamp(42px,4.2vw,68px);line-height:1.02;font-weight:400;letter-spacing:-.055em;margin:24px 0;max-width:12ch}.product-intro>p:not(.eyebrow){font-size:17px;line-height:1.65;color:#a7a7a2;max-width:35ch}.product-intro .text-link{font-size:13px;margin-top:20px}.product-status{display:block;margin-top:32px;font:9px var(--mono);line-height:1.5;text-transform:uppercase;color:#888;letter-spacing:.03em}
.screen-gallery{min-width:0}.screen-gallery .shot{border-radius:10px}.screen-tabs,.screen-banner{display:flex;gap:8px;justify-content:space-between;align-items:center;padding-bottom:18px;font-size:11px;color:#aaa}.screen-tabs button{font:11px var(--mono);border:1px solid #30302e;border-radius:50px;background:none;color:#888;padding:9px 14px;cursor:pointer}.screen-tabs button[aria-selected="true"]{background:#e7e7e1;color:#111;border-color:#e7e7e1}.screen-gallery [hidden]{display:none!important}.screen-gallery figcaption{font-size:10px;gap:12px;padding:14px}.screen-gallery figcaption b{font-weight:400}.screen-note{font-size:11px;line-height:1.6;color:#777;margin:17px 0 0}.screen-banner span:last-child{color:#d49db8}
.product-story-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:0;padding-bottom:60px}.product-story-strip>div{border-top:1px solid var(--line-2);padding-top:23px}.product-story-strip span{font:10px var(--mono);color:#8e8e88;text-transform:uppercase}.product-story-strip h3{font-size:23px;font-weight:400;letter-spacing:-.035em;margin-top:20px}.product-story-strip p{font-size:14px;line-height:1.7;color:#94948f;max-width:32ch}
@media(max-width:1050px){.product-page-hero{gap:5%;padding-top:55px}.product-intro h1{font-size:44px}.screen-tabs{gap:3px}.screen-tabs button{font-size:9px;padding:8px 10px}.screen-gallery figcaption{flex-direction:column;align-items:start;gap:3px}}
@media(max-width:760px){.immersive-copy h1{font-size:clamp(50px,11.3vw,84px);max-width:12.5ch}.product-page-hero{display:flex;flex-direction:column;gap:38px;padding-top:35px;padding-bottom:45px;min-height:0}.product-intro h1{font-size:49px;max-width:13ch}.product-intro>p:not(.eyebrow){font-size:16px;max-width:100%}.product-status{margin-top:22px}.screen-gallery{width:100%}.screen-tabs{gap:6px;justify-content:start}.screen-tabs button{font-size:9px;padding:8px 9px}.screen-note{font-size:10px}.product-story-strip{grid-template-columns:1fr;gap:20px;padding-bottom:25px}.product-story-strip h3{font-size:24px;margin-top:12px}.product-story-strip p{max-width:100%}.product-story-strip>div{padding-top:18px}}

.hero-coordinate{position:relative;z-index:1}.product-leaf{z-index:5}.product-leaf[style*="--leaf:-1"],.product-leaf[style*="--leaf:1"]{z-index:8}.product-leaf[aria-pressed="true"]{z-index:12}