:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#777980}
*{box-sizing:border-box}
html,body{margin:0;min-width:280px;background:#fff}
main{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:36px 24px}
.brands{width:min(600px,100%);display:flex;flex-direction:column;align-items:center;gap:40px}
.brand{color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:center;min-width:0}
.brand:focus-visible{outline:2px solid #ad883f;outline-offset:8px;border-radius:3px}
.brand:hover .url{text-decoration:underline;text-underline-offset:3px;color:#45474d}
.holding{gap:12px}
.holding-logo{display:block;width:240px;height:240px;object-fit:contain}
.companies{display:grid;grid-template-columns:1.18fr 1fr;align-items:end;gap:44px;width:100%}
.company{gap:12px}
.logo-frame{display:flex;align-items:center;justify-content:center;width:100%;height:140px}
.logo-frame img{display:block;max-width:100%;max-height:140px;width:auto;height:auto;object-fit:contain}
.portpro img{width:300px}
.funique img{width:240px}
.url{font-size:14px;line-height:1.6;letter-spacing:.01em;white-space:nowrap}
@media(max-width:600px){main{padding:30px 20px}.brands{width:min(480px,100%);gap:30px}.holding-logo{width:190px;height:190px}.companies{gap:28px}.logo-frame{height:110px}.logo-frame img{max-height:110px}.url{font-size:13px}}
@media(max-width:420px){main{padding:26px 18px}.brands{gap:28px}.holding-logo{width:176px;height:176px}.companies{grid-template-columns:1fr;gap:22px;max-width:280px}.company{gap:7px}.logo-frame{height:auto;min-height:80px}.portpro img{width:250px}.funique img{width:190px}}
@media(max-height:520px) and (min-width:601px){main{padding:24px}.brands{gap:24px}.holding-logo{width:180px;height:180px}.logo-frame{height:112px}.logo-frame img{max-height:112px}.url{font-size:12px}}