.contact-page .nav{background:rgba(5,7,13,.95)}
.contact-skip{position:fixed;top:-70px;left:16px;padding:10px 20px;background:var(--white);color:var(--night);z-index:100}.contact-skip:focus{top:12px}
.contact-layout{max-width:1440px;margin:auto;min-height:760px;padding:160px var(--gut) 90px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,5vw,80px);align-items:center}
.contact-copy h1{font-size:clamp(48px,5.6vw,84px);line-height:1.03;letter-spacing:-.055em;font-weight:600;margin:0}.contact-copy h1 em{font-family:Newsreader,serif;font-weight:400;color:var(--orange);letter-spacing:-.05em}
.contact-intro{color:#b7c0d0;font-size:clamp(15px,1.4vw,18px);font-weight:300;margin-top:25px;line-height:1.65}
.contact-routes{margin-top:36px}.contact-routes a{text-decoration:none;display:flex;justify-content:space-between;align-items:center}
.contact-email{border-top:1px solid #354151;padding:20px 0;font-size:clamp(26px,2.8vw,40px);letter-spacing:-.035em}.contact-email small{display:block;font-size:11px;color:var(--mist);letter-spacing:.02em;margin-bottom:8px}
.contact-arrow{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:50%;border:1px solid #445163;font-size:26px;transition:background .25s,color .25s,transform .25s}
.contact-email:hover .contact-arrow,.contact-shop:hover .contact-arrow{background:var(--cyan);color:var(--night);border-color:var(--cyan);transform:rotate(8deg)}
.contact-whatsapp{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:14px}.contact-whatsapp:hover{color:var(--cyan)}.contact-whatsapp>span:last-child{font-size:22px}
.contact-phone{color:var(--mist);margin-top:18px;font-size:12px}.contact-phone a{text-decoration:none;color:#c6cfdd;margin-left:6px}.contact-phone a:hover{text-decoration:underline}
.contact-play{min-width:0;--play-color:var(--cyan)}.contact-play[data-kind=places]{--play-color:var(--orange)}.contact-play[data-kind=products]{--play-color:var(--red)}
.contact-choices{display:flex;border-bottom:1px solid var(--line);gap:22px;justify-content:center}.contact-choices button{font:400 12px var(--sans);padding:15px 4px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--mist);cursor:pointer;transition:color .2s,border-color .2s}.contact-choices button[aria-pressed=true]{color:var(--white);border-bottom-color:var(--play-color)}.contact-choices button:hover{color:var(--white)}
.contact-diagram{position:relative;height:370px;display:flex;align-items:center;justify-content:space-between;gap:10px;isolation:isolate}
.contact-orbit{position:absolute;border:1px solid #142435;border-radius:50%;pointer-events:none;z-index:-1;inset:60px 0;transform:rotate(-35deg)}.orbit-two{inset:18px 90px;transform:rotate(30deg)}
.physical-object{position:relative;flex:0 0 36%;aspect-ratio:1;display:grid;place-items:center;transform:rotate(-9deg);transition:transform .7s var(--ease)}.physical-object>svg{width:100%;height:100%;fill:#0d1d2a;stroke:var(--play-color);stroke-width:1.6;filter:drop-shadow(0 12px 20px #0004)}.physical-object svg g{transform-origin:center;transition:opacity .35s,transform .55s var(--ease)}.physical-object circle{fill:var(--night)}
.place-shape,.product-shape{opacity:0;transform:scale(.8)}[data-kind=places] .object-shape,[data-kind=products] .object-shape{opacity:0;transform:scale(.8)}[data-kind=places] .place-shape,[data-kind=products] .product-shape{opacity:1;transform:scale(1)}[data-kind=places] .physical-object{transform:rotate(6deg)}[data-kind=products] .physical-object{transform:rotate(-4deg)}
.object-tap{position:absolute;left:50%;top:61%;transform:translate(-50%,-50%);color:var(--play-color);font-size:24px;border:1px solid currentColor;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}
.contact-connection{flex:1;height:1px;position:relative;background:linear-gradient(90deg,var(--play-color),#284050)}.contact-connection span{width:5px;height:5px;display:block;position:absolute;right:0;top:-2px;border-radius:50%;background:var(--play-color)}
.web-preview{width:48%;flex-shrink:0;min-height:235px;border:1px solid #364052;background:#0e1421;border-radius:12px;overflow:hidden;transform:rotate(5deg);box-shadow:0 22px 55px #0008;transition:transform .6s var(--ease)}.web-chrome{padding:10px 12px;display:flex;justify-content:space-between;border-bottom:1px solid #283245;font-size:8px;color:#8fa1b8;background:#131c2c}.web-content{padding:20px 16px 16px;display:flex;flex-direction:column;gap:14px}.web-eyebrow{font-size:7px;letter-spacing:.16em;color:var(--play-color)}.web-glyph{font-size:30px;color:var(--play-color);line-height:1}.web-content strong{font-size:15px;font-weight:600;line-height:1.25;max-width:12ch}.web-action,.web-secondary{display:flex;justify-content:space-between;gap:6px;font-size:8px;border-top:1px solid #283245;padding-top:12px;color:#c8d3e5}.web-action i,.web-secondary i{font-style:normal;color:var(--play-color)}
.contact-play.is-changing .web-preview{animation:preview-reveal .6s var(--ease)}.contact-play.is-changing .contact-connection span{animation:contact-signal .6s var(--ease)}
.contact-play-caption{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:var(--mist);border-top:1px solid var(--line);padding:18px 0}.contact-play-caption i{font-style:normal;color:var(--play-color);margin-left:6px}
.contact-bottom{max-width:1440px;margin:0 auto;padding:36px var(--gut) 65px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,5vw,80px)}.contact-bottom .kicker{font-size:10px;margin-bottom:12px}.contact-bottom p:not(.kicker){font-size:20px;letter-spacing:-.02em}.contact-bottom>div>span{font-size:12px;color:var(--mist);display:block;margin-top:6px}
.contact-shop{display:flex;align-items:center;justify-content:space-between;text-decoration:none}.contact-shop .kicker{display:block}.contact-shop strong{display:block;font-size:20px;font-weight:400;letter-spacing:-.02em}.contact-shop small{display:block;color:var(--mist);font-size:12px;margin-top:6px}
.contact-foot{font-size:11px;gap:18px 24px}.contact-foot>div{display:flex;gap:20px;margin-left:auto}.contact-foot>div a{text-decoration:none}.contact-foot small{font-size:10px;width:100%;color:var(--mist)}
@keyframes preview-reveal{0%{opacity:.4;transform:rotate(8deg) translateY(12px)}100%{opacity:1;transform:rotate(5deg) translateY(0)}}@keyframes contact-signal{from{right:100%;opacity:0}50%{opacity:1}to{right:0;opacity:1}}
@media(max-width:900px){.contact-layout{gap:30px;padding-top:130px;min-height:690px}.contact-copy h1{font-size:clamp(46px,6vw,58px)}.contact-diagram{height:330px}.web-content{padding:15px 12px}.web-content strong{font-size:13px}.web-preview{min-height:215px}.contact-choices{gap:16px}}
@media(max-width:680px){.contact-layout{grid-template-columns:1fr;padding-top:122px;padding-bottom:45px;gap:42px}.contact-copy h1{font-size:clamp(46px,12.3vw,70px)}.contact-intro{font-size:15px;margin-top:20px}.contact-routes{margin-top:26px}.contact-email{font-size:32px;padding:18px 0}.contact-arrow{width:42px;height:42px;font-size:23px}.contact-play{max-width:460px;width:100%;margin:auto}.contact-diagram{height:300px;padding:0 8px}.physical-object{flex-basis:35%}.web-preview{width:45%}.contact-play-caption{font-size:10px}.contact-bottom{grid-template-columns:1fr;gap:28px;padding-top:30px;padding-bottom:36px}.contact-shop{border-top:1px solid var(--line);padding-top:28px}.contact-foot>p{width:calc(100% - 135px);max-width:19ch}.contact-foot>div{margin-left:0}.contact-foot small{width:auto;flex:1;text-align:right;max-width:none;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.contact-play *{animation:none!important;transition:none!important}.contact-arrow{transition:none}}

@media(max-width:360px){.contact-copy h1{font-size:40px}}

@media(max-width:680px){.contact-orbit.orbit-one{inset:45px}}