.portfolio-sound{flex:0 0 auto;align-self:center;margin:0}.portfolio-sound #sound{position:static;min-width:94px;min-height:44px;padding:10px 12px;border:1px solid currentColor;border-radius:3px;background:transparent;color:inherit;font:500 13px/1.3 system-ui,sans-serif;letter-spacing:normal;text-transform:none;white-space:nowrap;cursor:pointer;box-shadow:none}.portfolio-sound #sound:hover{background:#8881}.portfolio-sound #sound:focus-visible{outline:3px solid #3f88c5;outline-offset:3px}.portfolio-sound #sound:disabled{opacity:.65;cursor:default}.sound-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.brick-home main>header,.perspectives-topbar>div,.algotest-page .topbar>div,.cynyassy-page .topbar>div,.coffee-topbar,.studio-header,.ix-header{gap:20px}.other-projects-topbar>div,.work-with-me-topbar>div{flex-wrap:wrap}.shell-header{flex-wrap:wrap}.shell-header .portfolio-sound{margin-left:8px}@media(max-width:700px){.brick-home main>header,.perspectives-topbar>div,.algotest-page .topbar>div,.cynyassy-page .topbar>div,.coffee-topbar,.studio-header,.ix-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.brick-home main>header>.brand,.perspectives-topbar .perspectives-back,.algotest-page .portfolio-link,.cynyassy-page .portfolio-link,.coffee-topbar>a:first-child,.studio-brand,.ix-brand{flex-basis:100%}.perspectives-topbar nav,.algotest-page .topbar nav,.cynyassy-page .topbar nav{margin-left:0;flex:1;flex-wrap:wrap;gap:8px 14px}.portfolio-sound #sound{min-height:44px}.shell-header .portfolio-sound{margin-left:0}.studio-header nav{flex-wrap:wrap}.ix-header>span{display:none}}@media print{.portfolio-sound{display:none}}@media(max-width:760px){.perspectives-page .perspectives-topbar>div,.algotest-page .topbar>div{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.perspectives-page .perspectives-home-link,.algotest-page .topbar .portfolio-link{flex:0 0 100%}.perspectives-page .perspectives-topbar nav,.algotest-page .topbar nav{display:flex;flex:1;flex-wrap:wrap;margin:0;gap:4px 14px}.perspectives-page .perspectives-topbar nav a,.algotest-page .topbar nav a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.adventure-shell .shell-header .da-brand{flex:0 0 100%}.adventure-shell .shell-header .shell-story{margin:0;flex:1;max-width:none}.adventure-shell .shell-header .shell-portfolio,.adventure-shell .shell-header .portfolio-sound{margin:0}}@media(max-width:760px){.coffee-page .coffee-topbar nav{display:flex;flex-wrap:wrap;gap:14px;flex:1}.coffee-page .coffee-topbar nav a{min-height:44px;display:inline-flex;align-items:center}.coffee-page .coffee-footer div{flex-wrap:wrap;gap:12px 20px}}