@font-face{font-family:Rethink;src:url('group/assets/rethink-sans-latin-wght-normal.B92CQIW4.woff2') format('woff2');font-weight:400 700;font-display:swap}
#grupo{--paper:#fbfbf8;--ink:#222;--blue:#349cc4;--mist:#c4e3ee;--ease:cubic-bezier(.16,1,.3,1)}#grupo *{box-sizing:border-box}#grupo{margin:0;background:#e9e9e5;color:var(--ink);font-family:Rethink,sans-serif}#grupo button,#grupo a{-webkit-tap-highlight-color:transparent}#grupo button{font:inherit;color:inherit;cursor:pointer}#grupo a{color:inherit;text-decoration:none}#grupo button:active{transform:scale(.98)}#grupo button:focus-visible,#grupo a:focus-visible{outline:3px solid #086181;outline-offset:4px}#grupo ::selection{background:var(--mist);color:var(--ink)}#grupo svg{width:24px;height:24px;flex-shrink:0}#grupo .svg-defs{position:absolute;width:0;height:0;overflow:hidden}#grupo .lab{min-height:76px;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);border-bottom:1px solid #d2d2ce}#grupo .lab-brand{display:flex;align-items:center;gap:20px;font-size:12px}#grupo .lab-brand img{width:84px}#grupo .lab nav{display:flex;gap:4px}#grupo .lab button{border:0;background:transparent;padding:12px 16px;font-size:12px;border-radius:24px}#grupo .lab nav button[aria-pressed=true]{background:var(--ink);color:white}#grupo .lab #size{border:1px solid #c5c5bf}#grupo .editorial-note{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;padding:20px 40px;font-size:12px;gap:20px}#grupo .editorial-note p{margin:0}#grupo .editorial-note>span{color:#5b5b57}#grupo #stage{max-width:1600px;margin:auto;background:var(--paper);transition:max-width .5s var(--ease);container-type:inline-size}#grupo #stage.mobile{max-width:390px}#grupo .proposal{padding:28px 40px 24px;overflow:hidden}#grupo .proposal[hidden]{display:none}#grupo .section-top{display:flex;justify-content:space-between;padding-bottom:24px;font-size:12px}#grupo .intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:4px 0 32px}#grupo .group-title,#grupo h2,#grupo p{margin:0}#grupo .group-title{font-size:clamp(40px,5.2vw,76px);line-height:.98;letter-spacing:-.04em;font-weight:700}#grupo .group-title span{color:var(--blue)}#grupo .intro>p,#grupo .connection-head>p,#grupo .roster-head>p{font-size:15px;line-height:1.45;padding-bottom:4px;max-width:290px}#grupo .panels{display:flex;min-height:360px;height:clamp(350px,31vw,450px);gap:6px}#grupo .panel{position:relative;flex:1;min-width:0;overflow:hidden;background:var(--mist);transition:flex .7s var(--ease),background .5s var(--ease);isolation:isolate}#grupo .panel.selected{flex:2.9}#grupo .seo{background:var(--ink);color:var(--paper)}#grupo .sem{background:#2c444d;color:var(--paper)}#grupo .melodia{background:var(--blue);color:var(--ink)}#grupo .audax{background:var(--ink);color:var(--paper)}#grupo .panel-hit{position:absolute;inset:0;z-index:3;background:transparent;border:0;text-align:left;padding:24px;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}#grupo .panel-hit:focus-visible{outline-offset:-5px;outline-color:currentColor}#grupo .discipline{font-size:12px;max-width:calc(100% - 20px);line-height:1.3}#grupo .panel-sign{position:absolute;right:20px;top:16px;font-size:28px;font-weight:400;transition:transform .5s var(--ease)}#grupo .selected .panel-sign{transform:rotate(45deg)}#grupo .panel-name{font-size:clamp(19px,2.05vw,31px);line-height:1;letter-spacing:-.04em;white-space:nowrap;display:block;transition:transform .6s var(--ease)}#grupo .panel-name small{font-size:.56em;letter-spacing:0}#grupo .melodia .panel-name small,#grupo .audax .panel-name small{display:block;font-size:10px;letter-spacing:.15em;margin-top:8px}#grupo .audax .panel-name{font-weight:700;letter-spacing:-.04em}#grupo .panel-content{position:absolute;inset:88px 24px 75px;opacity:0;transform:translateY(18px);transition:opacity .22s,transform .45s var(--ease);pointer-events:none;z-index:4;min-width:260px}#grupo .selected .panel-content{opacity:1;transform:none;transition-delay:.16s}#grupo .panel-content h2{font-size:clamp(32px,3.5vw,54px);line-height:.94;letter-spacing:-.035em;position:relative;z-index:2}#grupo .panel-content p{font-size:14px;line-height:1.5;margin-top:20px;position:relative;z-index:2}#grupo .panel-content a{display:inline-flex;align-items:center;gap:28px;font-size:12px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid currentColor;pointer-events:none}#grupo .selected .panel-content a{pointer-events:auto}#grupo .panel-content a svg{width:18px;height:18px}#grupo .panel-art{position:absolute;pointer-events:none;transition:transform .8s var(--ease),opacity .5s;width:250px;height:250px;top:75px;left:50%;transform:translateX(-50%);z-index:0;opacity:.8}#grupo .selected .panel-art{transform:translateX(0) scale(1.3);left:60%;opacity:.27}#grupo .art-seo span{position:absolute;inset:10px;border:28px solid var(--blue);border-radius:50%}#grupo .art-seo span:nth-child(2){inset:58px;border-width:15px}#grupo .art-seo span:nth-child(3){inset:90px;border:0;background:var(--blue)}#grupo .art-seo svg{position:absolute;width:170px;height:190px;left:115px;top:100px;color:var(--blue);filter:drop-shadow(-8px -8px 0 #222)}#grupo .art-sem span{position:absolute;background:var(--blue);width:32px;bottom:12px;left:36px;height:52px;transform:skewY(-12deg)}#grupo .art-sem span:nth-child(2){left:83px;height:92px}#grupo .art-sem span:nth-child(3){left:130px;height:140px}#grupo .art-sem span:nth-child(4){left:177px;height:192px}#grupo .art-sem svg{position:absolute;width:125px;height:125px;color:var(--ink);left:40px;top:0}#grupo .art-melodia{display:flex;gap:9px;align-items:center;justify-content:center;transform:translateX(-50%) rotate(-22deg)}#grupo .art-melodia i{width:13px;height:40px;background:var(--ink);border-radius:20px}#grupo .art-melodia i:nth-child(2n){height:85px}#grupo .art-melodia i:nth-child(3n){height:155px}#grupo .art-melodia i:nth-child(4n){height:205px}#grupo .art-melodia i:nth-child(6){height:245px}#grupo .selected .art-melodia{transform:translateX(0) rotate(0) scale(1.1)}#grupo .art-audax{width:260px;display:flex;align-items:center;gap:12px;transform:translateX(-40%) rotate(-12deg)}#grupo .art-audax span{width:120px;height:180px;flex-shrink:0;background:var(--blue);clip-path:polygon(50% 0,100% 100%,0 100%)}#grupo .art-audax span:nth-child(2){border-radius:0 0 90px 90px;clip-path:none;align-self:flex-start;height:160px;background:var(--ink)}#grupo .art-audax span:nth-child(3){display:none}#grupo .section-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:20px;font-size:12px}#grupo .section-bottom>span{font-size:11px}#grupo .lab-footer{display:flex;justify-content:space-between;gap:28px;max-width:1600px;margin:auto;padding:20px 40px;font-size:12px;line-height:1.5}#grupo .lab-footer>span:last-child{white-space:nowrap;color:#5b5b57}
#grupo .connection-head,#grupo .roster-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}#grupo .connection-head .group-title{font-size:clamp(40px,5vw,72px)}#grupo .constellation{height:420px;position:relative;margin-top:8px}#grupo .connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a2bfca;stroke-width:1}#grupo .connections path{transition:stroke .5s,stroke-width .5s}#grupo .constellation[data-current="0"] path:nth-child(1),#grupo .constellation[data-current="1"] path:nth-child(2),#grupo .constellation[data-current="2"] path:nth-child(3),#grupo .constellation[data-current="3"] path:nth-child(4){stroke:var(--blue);stroke-width:4;stroke-dasharray:12 7;animation:flow 1.6s linear 3}#grupo .core{position:absolute;left:50%;top:50%;width:280px;height:280px;transform:translate(-50%,-50%);display:grid;place-items:center}#grupo .core-inner{width:210px;height:210px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;position:relative}#grupo .core img{width:150px}#grupo .core-inner span{font-size:12px}#grupo .orbit{position:absolute;inset:0;border:1px solid var(--blue);border-radius:50%}#grupo .orbit-two{inset:-22px;border-color:#d0dde0}#grupo .orbit-one:after{content:"";width:12px;height:12px;background:var(--blue);border-radius:50%;position:absolute;left:32px;top:35px}#grupo .satellite{position:absolute;width:31%;max-width:370px;border:0;border-bottom:1px solid #a8b7b9;background:transparent;padding:16px 20px;text-align:left;transition:background .35s,color .35s,transform .5s var(--ease)}#grupo .sat-0{left:0;top:24px}#grupo .sat-1{right:0;top:24px}#grupo .sat-2{left:0;bottom:24px}#grupo .sat-3{right:0;bottom:24px}#grupo .satellite.chosen{background:var(--ink);color:var(--paper);transform:translateY(-4px)}#grupo .sat-category{font-size:12px;display:block;margin-bottom:14px}#grupo .satellite strong{font-size:clamp(24px,2.6vw,40px);letter-spacing:-.035em;white-space:nowrap}#grupo .sat-discover{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:16px}#grupo .sat-discover svg{width:18px;height:18px}#grupo .orbit-detail{display:grid;grid-template-columns:1fr 2fr auto;gap:24px;align-items:center;padding:20px 0 0;border-top:1px solid #c5cbc9;font-size:13px}#grupo .orbit-detail>span{font-weight:700}#grupo .orbit-detail a{display:flex;align-items:center;gap:16px}#grupo .orbit-detail a svg{width:18px;height:18px}@keyframes flow{to{stroke-dashoffset:-38}}
#grupo #c{background:var(--ink);color:var(--paper)}#grupo #c .section-top{color:#d1d1c9}#grupo .roster-head{margin-bottom:32px}#grupo .roster-head .group-title{font-size:clamp(40px,5vw,70px)}#grupo .roster{border-top:1px solid #65655f}#grupo .brand-row{display:grid;grid-template-columns:1fr 230px 56px;align-items:center;min-height:104px;border-bottom:1px solid #65655f;position:relative;padding:12px 8px;isolation:isolate;transition:color .3s,padding .5s var(--ease)}#grupo .brand-row:before{content:"";position:absolute;inset:0 -40px;background:var(--blue);transform:scaleY(0);transform-origin:bottom;z-index:-2;transition:transform .45s var(--ease)}#grupo .row-name{font-size:clamp(32px,4.5vw,68px);letter-spacing:-.04em;line-height:1}#grupo .row-name small{font-size:.55em}#grupo .row-disc{font-size:12px;line-height:1.5}#grupo .row-arrow{width:40px;height:40px;justify-self:end;transition:transform .4s var(--ease)}#grupo .name-melodia{font-weight:500}#grupo .name-melodia small{font-size:11px;letter-spacing:.12em;margin-left:20px}#grupo .name-audax{font-weight:700}#grupo .name-audax small{font-size:11px;letter-spacing:.2em;margin-left:24px}#grupo .row-art{position:absolute;right:28%;top:50%;width:120px;height:120px;background:var(--mist);color:var(--ink);display:grid;place-items:center;font-size:40px;font-weight:700;transform:translateY(-45%) rotate(-15deg) scale(.75);opacity:0;transition:opacity .2s,transform .5s var(--ease);pointer-events:none;z-index:-1}#grupo .row-sem{border-radius:50%;background:var(--ink);color:var(--mist)}#grupo .row-ai{border-radius:40% 10% 40% 10%;font-size:65px}#grupo .row-design{font-size:58px}#grupo .brand-row:hover,#grupo .brand-row:focus-visible{color:var(--ink);padding-left:24px}#grupo .brand-row:hover:before,#grupo .brand-row:focus-visible:before{transform:scaleY(1)}#grupo .brand-row:hover .row-art,#grupo .brand-row:focus-visible .row-art{opacity:1;transform:translateY(-50%) rotate(10deg) scale(1)}#grupo .brand-row:hover .row-arrow{transform:rotate(45deg)}
@container(max-width:760px){#grupo .proposal{padding:24px 20px}#grupo .section-top{font-size:10px;padding-bottom:28px;gap:16px}#grupo .intro,#grupo .connection-head,#grupo .roster-head{display:block;margin-bottom:24px}#grupo .group-title,#grupo .connection-head .group-title,#grupo .roster-head .group-title{font-size:40px;line-height:1;letter-spacing:-.04em}#grupo .intro>p,#grupo .connection-head>p,#grupo .roster-head>p{font-size:13px;line-height:1.5;margin-top:20px}#grupo .panels{display:block;height:auto;min-height:0}#grupo .panel{height:84px;margin-top:6px;transition:height .6s var(--ease)}#grupo .panel.selected{height:370px}#grupo .panel-hit{padding:20px}#grupo .discipline{font-size:11px}#grupo .panel-name{font-size:23px;position:absolute;bottom:16px}#grupo .panel:not(.selected) .discipline{position:absolute;right:42px;top:22px;max-width:105px;text-align:right}#grupo .panel:not(.selected) .panel-name{bottom:28px;left:20px;font-size:22px}#grupo .panel:not(.selected) .panel-name small{display:inline;font-size:.55em;letter-spacing:0;margin-left:2px}#grupo .panel:not(.selected) .art-melodia,#grupo .panel:not(.selected) .panel-art{opacity:0}#grupo .panel-sign{right:16px;top:16px;font-size:22px}#grupo .panel-content{inset:76px 20px 70px;min-width:0}#grupo .panel-content h2{font-size:41px}#grupo .panel-content p{font-size:13px;margin-top:20px}#grupo .panel-content a{margin-top:22px}#grupo .panel.selected .panel-art{left:59%;top:85px;opacity:.26}#grupo .section-bottom{font-size:11px;line-height:1.5;gap:16px}#grupo .section-bottom p{max-width:220px}#grupo .constellation{height:500px;margin-top:20px}#grupo .core{width:180px;height:180px;top:48%}#grupo .core-inner{width:145px;height:145px;gap:10px}#grupo .core img{width:103px}#grupo .core-inner span{font-size:10px}#grupo .orbit-two{inset:-16px}#grupo .orbit-one:after{width:8px;height:8px;top:23px;left:19px}#grupo .connections{display:none}#grupo .satellite{width:48%;padding:12px 8px;max-width:none}#grupo .sat-0,#grupo .sat-1{top:0}#grupo .sat-2,#grupo .sat-3{bottom:0}#grupo .satellite strong{font-size:21px;white-space:normal}#grupo .sat-category{font-size:10px;margin-bottom:12px}#grupo .sat-discover{font-size:10px;gap:6px;min-height:32px;margin-top:12px}#grupo .sat-discover svg{width:14px}#grupo .orbit-detail{grid-template-columns:1fr;font-size:12px;gap:12px}#grupo .orbit-detail a{margin-top:4px;justify-content:space-between}#grupo .roster-head{margin-bottom:32px}#grupo .brand-row{min-height:120px;grid-template-columns:1fr 30px;gap:12px;padding:20px 0}#grupo .row-name{font-size:34px}#grupo .row-disc{grid-row:2;grid-column:1;font-size:11px}#grupo .row-arrow{grid-column:2;grid-row:1 / span 2;width:28px;height:28px}#grupo .name-melodia small,#grupo .name-audax small{font-size:9px;margin-left:8px}#grupo .row-art{right:40px;width:70px;height:70px;font-size:30px;z-index:-1}#grupo .brand-row:hover{padding-left:8px}#grupo .brand-row:before{inset:0 -20px}#grupo .brand-row:hover .row-art{opacity:.22}}
@media(max-width:760px){#grupo .lab{padding:14px 16px;gap:16px;flex-wrap:wrap}#grupo .lab-brand img{width:67px}#grupo .lab-brand span{font-size:11px}#grupo .lab nav{order:3;width:100%;justify-content:space-between}#grupo .lab nav button{font-size:11px;padding:10px 12px}#grupo .lab #size{display:none}#grupo .editorial-note{padding:16px 20px;font-size:11px}#grupo .editorial-note>span{display:none}#grupo .lab-footer{padding:20px;font-size:11px}#grupo .lab-footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){#grupo *,#grupo *:before,#grupo *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#grupo .panel .panel-name{width:100%;height:38px;display:flex;align-items:flex-end;white-space:normal}#grupo .panel-name img{display:block;width:100%;max-width:170px;height:30px;object-fit:contain;object-position:left bottom}#grupo .selected .panel-name img{max-width:205px}#grupo .panel .panel-name img{filter:none}#grupo .melodia .panel-name img{max-width:128px;height:43px}#grupo .audax .panel-name img{max-width:142px;height:26px}#grupo .brand-art{width:270px;height:285px;top:82px;opacity:1}#grupo .brand-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}#grupo .selected .brand-art{left:62%;opacity:.28;transform:translateX(0) scale(1.28)}#grupo .brand-art-sem{width:295px;height:280px;top:82px}#grupo .brand-art-melodia{width:260px;height:305px;top:70px}#grupo .brand-art-audax{width:1180px;height:194px;top:95px;left:28px;transform:none}#grupo .brand-art-audax img{object-fit:contain;object-position:left center}#grupo .selected .brand-art-audax{left:63%;opacity:.28;transform:scale(1.25);transform-origin:left center}
@container(max-width:760px){#grupo .panel .panel-name{width:calc(100% - 40px);height:35px}#grupo .panel:not(.selected) .panel-name{bottom:25px;height:32px;width:150px}#grupo .panel-name img,#grupo .selected .panel-name img{max-width:178px;height:28px}#grupo .panel:not(.selected) .panel-name img{max-width:148px;height:23px}#grupo .melodia .panel-name img,#grupo .panel.melodia:not(.selected) .panel-name img{max-width:106px;height:35px}#grupo .audax .panel-name img,#grupo .panel.audax:not(.selected) .panel-name img{max-width:125px;height:25px}#grupo .panel.selected .brand-art{left:62%;top:100px;opacity:.27}#grupo .panel.selected .brand-art-audax{left:64%;top:126px;width:1000px;height:164px}#grupo .panel:not(.selected) .brand-art{opacity:0}}
