/* Round 3: selected services, contact studies, brand + experience variations. */
.explorer-1 .solution-tab{position:relative;isolation:isolate;padding-left:54px;min-height:72px;background:#f1eff4;transform:none;overflow:hidden}
.explorer-1 .solution-tab::before{content:"";position:absolute;z-index:-1;left:7px;top:7px;bottom:7px;width:calc(100% - 14px);clip-path:inset(0 calc(100% - 24px) 0 0 round 8px);border-radius:8px;background:var(--tone);transition:clip-path .58s cubic-bezier(.2,.75,.2,1)}
.explorer-1 .solution-dot{display:none}.explorer-1 .solution-tab[aria-selected=true]::before{clip-path:inset(0 0 0 0 round 8px)}
.explorer-1 .solution-tab[aria-selected=true]{color:var(--tone-ink)}.explorer-1 .solution-tab>svg{opacity:.75}
.explorer-1 .solution-panel{align-items:start}.explorer-1 .solution-copy{padding-top:42px;display:grid;grid-template-rows:90px minmax(220px,auto) auto;align-content:start}
.explorer-1 .solution-copy h2{margin:0;font-size:32px;text-wrap:initial}.explorer-1 .solution-copy .button{justify-self:start;margin-top:20px}
.explorer-1 .solution-photo{height:510px}.explorer-1 .solution-panel.is-entering .solution-photo{animation:wide-reveal .8s cubic-bezier(.18,.8,.2,1)}
.explorer-1 .solution-panel.is-entering .solution-photo img{animation:wide-photo .85s cubic-bezier(.18,.8,.2,1)}
@keyframes wide-reveal{from{clip-path:inset(0 65% 0 0 round 16px)}to{clip-path:inset(0 0 0 0 round 16px)}}
@keyframes wide-photo{from{transform:translateX(-32px) scale(1.1)}to{transform:none}}
.contact-new{gap:76px;align-items:start}.contact-new .contact-details>h2{font-size:36px}.contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;max-width:390px;margin:34px 0}
.contact-actions .button{justify-content:space-between;min-height:58px;padding-inline:22px;font-size:15px}.contact-whatsapp{background:#146c43;color:white}.contact-whatsapp:hover{background:#0c5432}
.contact-email{overflow-wrap:anywhere}.contact-numbers{display:flex;flex-direction:column;gap:4px}.contact-numbers>a{font-size:24px}.contact-numbers p{font-size:14px;color:var(--muted);margin-top:9px}
.contact-new address{font-style:normal;font-size:16px;line-height:1.8;margin-top:32px;color:var(--muted)}.contact-new .contact-form-wrap{padding:36px}.contact-new .contact-form-wrap h2{font-size:30px}
.contact-portrait{width:150px;height:185px;border-radius:16px;object-fit:cover;object-position:center 35%;margin-bottom:24px}.contact-new-2{grid-template-columns:1fr 1.2fr}.contact-new-2 .contact-details{padding:32px;border:1px solid var(--line);border-radius:16px}.contact-new-2 .contact-details>h2{font-size:30px}.contact-new-2 .contact-form-wrap{background:white;border-top:2px solid var(--purple);border-radius:0;padding:32px 0}.contact-new-2 .contact-actions .button{font-size:14px;padding-inline:17px}.contact-new-2 .contact-actions{margin-block:25px}
.contact-new-3{grid-template-columns:1fr}.contact-new-3 .contact-details{display:grid;grid-template-columns:1fr 1.5fr;gap:12px 70px}.contact-new-3 .contact-details>h2{grid-column:1;grid-row:1}.contact-new-3 .contact-details>p{grid-column:1;grid-row:2;margin:0}.contact-new-3 .contact-actions{grid-column:2;grid-row:1/3;max-width:none;align-self:center;margin:0;display:grid;grid-template-columns:1fr 1.25fr}.contact-new-3 .contact-actions .button{flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;min-height:140px;border-radius:16px;font-size:15px;padding:25px}.contact-new-3 .contact-numbers{grid-column:1;grid-row:3;margin-top:24px}.contact-new-3 address{grid-column:2;grid-row:3;margin-top:24px}.contact-new-3 .contact-form-wrap{max-width:940px;width:100%;margin-inline:auto;padding:40px}
.brand-plaque{display:flex;align-items:center;justify-content:center;padding:30px;background:#fff;border-radius:16px;width:100%;max-width:310px;min-height:230px;transition:transform .45s var(--ease),box-shadow .45s}
.portfolio-refined .brand-area .optical-mark{width:230px;height:165px}.portfolio-refined .brand-2{transition:grid-template-columns .55s var(--ease),transform .45s var(--ease);border:1px solid #eee8f6}.portfolio-refined .brand-2 .project-meta{padding:24px 30px}.portfolio-refined .brand-2 .brand-area{padding:32px;gap:22px}.portfolio-refined .brand-2 .project-image{height:340px}.portfolio-refined .brand-cta{font-size:14px}.portfolio-refined .brand-cta svg{transition:transform .4s var(--ease)}
.portfolio-refined-2 .brand-2{grid-template-columns:38% 62%}.portfolio-refined-2 .brand-2:nth-child(even){grid-template-columns:62% 38%}.portfolio-refined-2 .brand-area{background:#eee6f8}.portfolio-refined-2 .brand-plaque{min-height:280px;max-width:350px;border-radius:16px}.portfolio-refined-2 .brand-area .optical-mark{height:190px;width:260px}
.portfolio-refined-3 .brand-2{background:#f6f3fa;border:0;padding:24px;gap:0 24px;grid-template-columns:33% minmax(0,1fr)}.portfolio-refined-3 .brand-2:nth-child(even){grid-template-columns:minmax(0,1fr) 33%}.portfolio-refined-3 .brand-2 .brand-area{background:transparent;padding:0 8px}.portfolio-refined-3 .brand-plaque{min-height:275px;max-width:100%;border-radius:16px}.portfolio-refined-3 .brand-2 .project-image{border-radius:14px;height:320px}.portfolio-refined-3 .brand-2 .project-meta{background:transparent;padding:24px 0 0}
@media(hover:hover) and (pointer:fine){.portfolio-refined .brand-2:hover{transform:none;grid-template-columns:34% 66%}.portfolio-refined .brand-2:nth-child(even):hover{grid-template-columns:66% 34%}.portfolio-refined .brand-2:hover .brand-plaque{transform:translateX(9px);box-shadow:0 10px 30px #442a6414}.portfolio-refined .brand-2:nth-child(even):hover .brand-plaque{transform:translateX(-9px)}.portfolio-refined .brand-2:hover .brand-cta svg{transform:translateX(8px)}.portfolio-refined-2 .brand-2:hover{grid-template-columns:41% 59%}.portfolio-refined-2 .brand-2:nth-child(even):hover{grid-template-columns:59% 41%}.portfolio-refined-3 .brand-2:hover{grid-template-columns:35% minmax(0,1fr)}.portfolio-refined-3 .brand-2:nth-child(even):hover{grid-template-columns:minmax(0,1fr) 35%}}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.07em;color:var(--purple);margin-bottom:18px}.approved-service{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:90px;padding-block:50px 60px;border-bottom:1px solid var(--line)}.approved-service h2{font-size:40px;margin-bottom:20px}.approved-service p:not(.eyebrow){color:var(--muted)}.approved-service .button{margin-top:25px}.service-demo{display:grid;gap:10px}.service-demo>span{display:flex;justify-content:space-between;align-items:center;border-radius:14px;padding:20px 20px 20px 56px;background:#f1eff4;position:relative;font-size:16px}.service-demo>span:before{content:"";position:absolute;left:7px;top:7px;bottom:7px;width:26px;background:#4c4c4c;border-radius:8px}.service-demo>span:last-child:before{background:#ff426f}.service-demo>.demo-selected{background:#28c4e8;border:7px solid #f1eff4;padding:13px 13px 13px 49px;color:#073641}.service-demo>.demo-selected:before{display:none}.round-heading h2{font-size:32px;max-width:700px;margin-bottom:28px}
.round-preview{background:#f4f0fa;padding:22px;gap:12px}.round-preview .mini-plaque{background:white;border-radius:12px;padding:16px;display:grid;place-items:center;width:40%;height:150px;flex:none}.round-preview .optical-mark{padding:0;width:100%;height:90px;border-radius:0}.round-preview>img{width:56%;height:180px;border-radius:10px}.round-portfolio-2 .mini-plaque{width:48%;height:175px}.round-portfolio-2>img{width:48%}.round-portfolio-3{gap:18px;padding:24px}.round-portfolio-3 .mini-plaque{height:160px}.round-portfolio-3>img{height:160px}.mini-contact{width:58%;display:grid;gap:10px}.mini-contact b{font-size:16px;line-height:1.2;margin-bottom:8px}.mini-contact span{display:block;border-radius:6px;background:#ede5fa;color:#4d269b;font-size:8px;padding:10px 7px;white-space:nowrap}.mini-contact span:nth-child(2){background:#146c43;color:white}.mini-form{flex:1;background:#e6ddef;padding:12px;border-radius:10px;display:grid;gap:10px}.mini-form i{height:25px;background:white;border-radius:5px}.mini-form i:last-child{height:65px}.round-contato-2>img{width:27%;height:130px;object-position:center 30%}.round-contato-2 .mini-contact{width:65%}.round-contato-2 .mini-form{display:none}.round-contato-3{flex-direction:column;align-items:stretch}.round-contato-3 .mini-contact{width:100%;grid-template-columns:1fr 1.25fr}.round-contato-3 .mini-contact b{grid-column:1/3}.round-contato-3 .mini-form{display:flex;gap:10px}.round-contato-3 .mini-form i{height:32px;flex:1}
.media-box.is-playing .media-caption,.media-box.is-playing:after{display:none}.media-controls{background:#f4f0fb;border-radius:12px;padding:16px 20px;margin-top:14px;display:flex;gap:20px;align-items:center;justify-content:space-between;color:var(--ink)}.media-controls p{font-size:14px;color:var(--muted)}.camera-controls{display:flex;gap:6px;flex-wrap:wrap}.camera-controls button,.media-retry{min-height:44px;min-width:44px;padding:8px 12px;border-radius:8px;background:white;color:var(--purple);font-size:14px}.media-controls button:disabled{opacity:.5;cursor:default}.media-error{position:absolute;inset:0;z-index:4;background:#28153eed;color:white;padding:28px;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;text-align:center}.media-error p{max-width:60ch;font-size:16px}.media-error button{align-self:center}.media-box .viewer-loading{pointer-events:none;z-index:4}.viewer-help p{max-width:none}
@media(max-width:1100px){.explorer-1 .solution-copy{padding-top:0;display:block}.explorer-1 .solution-copy h2{margin-bottom:18px}.explorer-1 .solution-photo{height:360px}.contact-new{gap:35px}.contact-new .contact-actions .button{font-size:13px}.contact-new-3 .contact-details{gap:20px 30px}.contact-new-3 .contact-actions{grid-template-columns:1fr}.contact-new-3 .contact-actions .button{min-height:64px;flex-direction:row;align-items:center}.portfolio-refined .brand-2 .brand-area{padding:20px}.brand-plaque{padding:20px;min-height:205px}.portfolio-refined .brand-area .optical-mark{height:145px}.portfolio-refined-2 .brand-plaque{min-height:250px}.approved-service{gap:40px}}
@media(max-width:700px){.contact-new,.contact-new-2{grid-template-columns:1fr}.contact-new .contact-details>h2{font-size:32px}.contact-actions{max-width:none}.contact-new .contact-actions .button{font-size:14px}.contact-new .contact-form-wrap{padding:24px}.contact-new-2 .contact-form-wrap{padding:28px 0}.contact-new-2 .contact-details{padding:24px}.contact-new-3 .contact-details{display:block}.contact-new-3 .contact-actions{display:flex;margin-block:30px}.contact-new-3 .contact-details>p{margin-top:20px}.contact-new-3 .contact-form-wrap{padding:24px}.contact-new .contact-form-wrap h2{font-size:27px}.approved-service{grid-template-columns:1fr;gap:35px}.approved-service h2{font-size:33px}.round-heading h2{font-size:28px}.portfolio-refined .brand-2,.portfolio-refined .brand-2:nth-child(even){display:flex;flex-direction:column}.portfolio-refined .brand-2 .brand-area{padding:24px;gap:16px}.portfolio-refined .brand-2 .project-image{height:240px}.portfolio-refined .brand-2 .project-meta{padding:22px}.portfolio-refined .brand-plaque{min-height:205px;max-width:310px}.portfolio-refined .brand-area .optical-mark{height:145px}.portfolio-refined-2 .brand-plaque{min-height:245px}.portfolio-refined-2 .brand-area .optical-mark{height:175px}.portfolio-refined-3 .brand-2{padding:16px}.portfolio-refined-3 .brand-2 .brand-area{padding:8px 4px 24px}.portfolio-refined-3 .brand-2 .project-meta{padding:22px 4px 8px}.media-controls{flex-direction:column;align-items:flex-start;gap:12px}.media-error{padding:18px}.media-error p{font-size:14px}}
@media(max-width:600px){.explorer-1 .solution-tab{padding:13px 12px 13px 37px;min-height:82px}.explorer-1 .solution-tab:before{left:5px;top:5px;bottom:5px;width:calc(100% - 10px);clip-path:inset(0 calc(100% - 19px) 0 0 round 8px)}.explorer-1 .solution-tab[aria-selected=true]:before{clip-path:inset(0 0 0 0 round 8px)}.explorer-1 .solution-copy h2{font-size:29px}.explorer-1 .solution-photo{height:350px}.explorer-1 .solution-copy{display:block}.round-preview .mini-contact span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.portfolio-refined .brand-2:hover{grid-template-columns:32% 68%}.portfolio-refined .brand-2:nth-child(even):hover{grid-template-columns:68% 32%}.portfolio-refined-2 .brand-2:hover{grid-template-columns:38% 62%}.portfolio-refined-2 .brand-2:nth-child(even):hover{grid-template-columns:62% 38%}.portfolio-refined-3 .brand-2:hover{grid-template-columns:33% minmax(0,1fr)}.portfolio-refined-3 .brand-2:nth-child(even):hover{grid-template-columns:minmax(0,1fr) 33%}.portfolio-refined .brand-2:hover .brand-plaque,.portfolio-refined .brand-2:hover .brand-cta svg,.portfolio-refined .brand-2:hover .project-image img{transform:none}}
