/* Stroniak.pl / an editorial index, opened by pointer, keyboard or touch. */
.site-navigation{width:calc(100% - 40px);max-width:1560px;margin:16px auto 0;padding:0 26px;height:82px;top:14px;border:1px solid #ffffff21;border-radius:15px;gap:24px;background:#20211ff5;box-shadow:0 8px 36px #0002;z-index:90;isolation:isolate;transition:border-radius .25s,box-shadow .25s}
.site-navigation .nav-brand{display:flex;flex-direction:column;gap:2px;line-height:1;text-decoration:none;flex-shrink:0}
.nav-brand>span{display:flex;align-items:center;gap:5px;font-size:37px;letter-spacing:-2px;font-weight:800}.site-navigation .nav-brand .brand-symbol{font-size:37px;color:#ff7045}.nav-brand>small{font-size:10px;letter-spacing:.21em;line-height:1.6;padding-left:2px;font-weight:500;color:#a9aea4}
.studio-nav{display:flex;align-items:stretch;align-self:stretch;margin-left:auto;margin-right:auto;gap:3px}
.nav-group{display:flex;align-items:center}.nav-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;height:100%;padding:0 13px;position:relative;color:#dedfd7;font-size:14px;font-weight:500;white-space:nowrap;transition:color .2s}
.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:"";height:2px;background:#ff7045;position:absolute;bottom:15px;left:13px;right:13px;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav-group[open]>summary{color:#ff976c}.nav-group[open]>summary:after{transform:scaleX(1)}
.nav-plus{width:8px;height:8px;position:relative;display:block;opacity:.7}.nav-plus:before,.nav-plus:after{content:"";position:absolute;background:currentColor;inset:3px 0;height:1px}.nav-plus:after{transform:rotate(90deg);transition:transform .25s}.nav-group[open] .nav-plus:after{transform:rotate(0)}
.site-navigation .header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.site-navigation .search-button{width:38px;height:38px;border:0;color:#dedfd7}.site-navigation .search-button:hover{color:#171a14;background:#ff7045}.site-navigation .language-picker{font-size:14px}.site-navigation .language-picker summary{border:0;padding:0 7px;min-height:40px}.site-navigation .language-picker summary>span:first-child{display:none}
.nav-start{display:flex;align-items:center;gap:22px;border:1px solid #ff7045;background:#ff7045;color:#201e18;font-weight:600;font-size:14px;border-radius:8px;padding:13px 17px;min-height:44px;white-space:nowrap;transition:background .2s}.nav-start>span{font-size:20px;line-height:1;transition:transform .6s}.nav-start:hover{background:#ff956e}.nav-start:hover>span{transform:rotate(90deg)}
.nav-menu-toggle{display:none}.nav-panel{position:absolute;left:-1px;right:-1px;top:calc(100% - 1px);background:#f1f0e8;color:#252822;border:1px solid #d9dbd0;border-top:0;border-radius:0 0 15px 15px;box-shadow:0 25px 35px #0003;display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,2fr);column-gap:54px;padding:40px 40px 0;max-height:calc(100dvh - 115px);overflow:auto;overscroll-behavior:contain;animation:nav-unfold .28s cubic-bezier(.2,.7,.2,1) both;transform-origin:top}
.site-navigation:has(.nav-group[open]){border-radius:15px 15px 0 0;box-shadow:0 15px 50px #0003}.nav-panel-intro{padding-right:15px;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:30px}.nav-chapter{font:500 12px/1.5 var(--mono,monospace);text-transform:uppercase;letter-spacing:.12em;color:#74786c}.nav-panel-intro h2{font-size:clamp(26px,2.6vw,40px);letter-spacing:-.055em;line-height:1.07;margin:23px 0 18px;color:#24281f}.nav-panel-intro p{font-size:14px;line-height:1.7;color:#636957;max-width:310px;margin:0 0 24px}.nav-overview{display:flex;align-items:center;gap:14px;margin-top:auto;font-size:14px;line-height:1.5;font-weight:600;border-bottom:1px solid #aab09f;padding-bottom:8px;color:#282e22}.nav-overview span{display:block;width:6px;height:6px;border-radius:50%;background:#da4a20;transition:transform .2s}.nav-overview:hover span{transform:scale(1.7)}
.nav-links{display:grid;grid-template-columns:1fr 1fr;align-content:start;column-gap:30px;padding-bottom:30px}.nav-link{display:flex;gap:13px;align-items:start;position:relative;padding:18px 12px 18px 0;border-top:1px solid #cdd0c3;text-decoration:none;text-align:left;background:transparent;color:inherit;width:100%;transition:background .2s,padding .2s}.nav-link>span:nth-child(2){flex:1;min-width:0}.nav-link-index{font-size:11px;line-height:24px;color:#7b806f;min-width:17px;font-family:monospace}.nav-link strong{font-size:16px;line-height:1.45;letter-spacing:-.018em;display:block;font-weight:600}.nav-link small{font-size:14px;line-height:1.5;display:block;color:#666d5c;margin-top:6px}.nav-link-mark{color:#cb4b22;font-size:21px;line-height:23px;transition:transform .25s}.nav-link:hover,.nav-link:focus-visible{background:#e5e7da;padding-left:12px}.nav-link:hover .nav-link-mark{transform:rotate(90deg)}.nav-link[aria-current=page]{background:#e5e7da;padding-left:12px}.nav-pl{font:10px/1.5 monospace;border:1px solid #b5bca7;border-radius:3px;padding:2px 4px;margin-left:8px;vertical-align:middle}
.nav-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:2px 0 35px;align-content:start}.nav-project{text-decoration:none;color:inherit;min-width:0}.nav-project-image{aspect-ratio:1.35;background:#e0e4d5;overflow:hidden;border-radius:6px;position:relative;display:flex;align-items:center;padding:18px 12px;transition:background .3s}.nav-project:nth-child(2) .nav-project-image{background:#d8c9b6}.nav-project:nth-child(3) .nav-project-image{background:#dce3a3}.nav-project:nth-child(4) .nav-project-image{background:#d5c18a}.nav-project-image img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 8px 13px #0003;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.nav-project-image>span{position:absolute;top:8px;left:10px;font:11px/1.4 monospace;color:#555a46}.nav-project:hover img,.nav-project:focus-visible img{transform:translateY(-3px) scale(1.07)}.nav-project>strong{display:block;font-size:21px;font-weight:600;letter-spacing:-.04em;margin:15px 0 5px}.nav-project>small{display:block;font-size:14px;color:#646a59;line-height:1.55}.nav-project:hover>strong{color:#ba3f18}
.nav-panel-bottom{grid-column:1/-1;border-top:1px solid #ced1c4;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-size:12px;line-height:1.5;color:#717866}.nav-panel-bottom>span:first-child{letter-spacing:.06em;font-size:11px}.nav-panel-bottom>span:last-child{color:#414837}.nav-scrim{position:fixed;inset:0;background:#11151075;backdrop-filter:blur(5px);z-index:85;animation:nav-fade .2s both}.nav-scrim[hidden]{display:none}
.site-navigation a:focus-visible,.site-navigation button:focus-visible,.site-navigation summary:focus-visible{outline:2px solid #dc4c20;outline-offset:4px;border-radius:4px}.site-navigation .language-picker a:focus-visible{outline-color:#ff976c}html:has(.site-navigation){scroll-padding-top:128px}
@keyframes nav-unfold{from{opacity:0;transform:translateY(-6px);clip-path:inset(0 0 12% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes nav-fade{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.nav-panel{column-gap:75px;padding:45px 55px 0}.nav-panel-intro h2{font-size:43px}}
@media(max-width:1440px) and (min-width:1321px){.site-navigation{padding:0 20px;gap:12px}.nav-group>summary{padding-inline:10px;gap:7px}.nav-group>summary:after{left:10px;right:10px}.site-navigation .header-actions{gap:4px}.nav-start{gap:12px;padding-inline:13px}.nav-brand>span{font-size:31px}.site-navigation .nav-brand .brand-symbol{font-size:31px}.nav-brand>small{font-size:9px}}
@media(max-width:1320px){.site-navigation{width:calc(100% - 32px);top:12px;margin-top:12px;height:76px;padding:0 22px;gap:16px}.site-navigation .header-actions{margin-left:auto;gap:14px}.studio-nav{display:none;position:absolute;left:-1px;right:-1px;top:calc(100% - 1px);background:#20211f;border:1px solid #ffffff21;border-top:0;border-radius:0 0 15px 15px;max-height:calc(100dvh - 104px);overflow:auto;overscroll-behavior:contain;margin:0;padding:8px 24px 20px}.is-menu-open .studio-nav{display:block}.site-navigation.is-menu-open{border-radius:15px 15px 0 0}.nav-group{display:block;border-top:1px solid #ffffff21}.nav-group>summary{height:auto;min-height:65px;padding:15px 0;font-size:24px;justify-content:space-between;font-weight:500;letter-spacing:-.03em}.nav-plus{width:12px;height:12px;margin-right:8px}.nav-plus:before,.nav-plus:after{top:5px;height:1px}.nav-group>summary:after{display:none}.nav-panel{position:static;display:block;margin:0 0 20px;padding:24px;border-radius:9px;border:0;max-height:none;overflow:visible;box-shadow:none;animation:nav-fade .2s both}.nav-panel-intro{padding:0 0 20px}.nav-chapter,.nav-panel-intro h2{display:none}.nav-panel-intro p{font-size:14px;max-width:none;margin:0 0 15px}.nav-overview{margin:0;font-size:14px}.nav-links{padding:0;column-gap:22px}.nav-link{padding-block:16px}.nav-link strong{font-size:16px}.nav-link small{font-size:14px}.nav-panel-bottom{display:none}.nav-projects{padding:0;gap:20px}.nav-menu-toggle{display:flex;align-items:center;gap:15px;min-height:44px;padding:5px 0 5px 10px;color:#f1f0e8;background:transparent;font-size:14px}.nav-menu-toggle i{position:relative;width:22px;height:18px;display:block}.nav-menu-toggle i:before,.nav-menu-toggle i:after{position:absolute;content:"";height:1px;width:22px;background:currentColor;left:0;top:5px;transition:transform .25s,top .25s}.nav-menu-toggle i:after{top:12px}.is-menu-open .nav-menu-toggle i:before{top:9px;transform:rotate(45deg)}.is-menu-open .nav-menu-toggle i:after{top:9px;transform:rotate(-45deg)}body.nav-mobile-open{overflow:hidden}.site-navigation:not(.nav-ready) .studio-nav{display:block;position:static;max-height:none}.site-navigation:not(.nav-ready){height:auto;flex-wrap:wrap}.site-navigation:not(.nav-ready) .studio-nav{order:3;width:100%}}
@media(max-width:620px){.site-navigation{width:calc(100% - 20px);margin-top:10px;top:10px;height:70px;padding:0 16px;gap:10px}.nav-brand>span{font-size:30px}.site-navigation .nav-brand .brand-symbol{font-size:30px}.nav-brand>small{font-size:9px;letter-spacing:.16em}.site-navigation .header-actions{gap:6px}.site-navigation .nav-start{display:none}.site-navigation .search-button{width:34px;height:40px}.site-navigation .language-picker summary{font-size:14px;padding:0 6px}.nav-menu-toggle{gap:10px;font-size:14px;padding-left:8px}.nav-menu-toggle span{max-width:70px;line-height:1.1}.nav-menu-toggle[aria-expanded=true] span{display:none}.studio-nav{padding:5px 17px 16px;max-height:calc(100dvh - 95px)}.nav-group>summary{font-size:25px;min-height:65px}.nav-panel{padding:20px 16px}.nav-links{grid-template-columns:1fr}.nav-link{padding-right:0;gap:8px}.nav-link strong{font-size:16px}.nav-link-index{font-size:10px;min-width:15px}.nav-link small{font-size:14px}.nav-link-mark{font-size:18px}.nav-projects{grid-template-columns:1fr;gap:20px}.nav-project{display:grid;grid-template-columns:112px 1fr;gap:5px 16px;align-items:center}.nav-project-image{grid-row:1/3;padding:12px 6px;aspect-ratio:1.3}.nav-project-image>span{top:2px;left:5px;font-size:9px}.nav-project>strong{font-size:20px;margin:0;align-self:end}.nav-project>small{align-self:start;font-size:13px}.site-navigation .language-picker nav{right:0}html:has(.site-navigation){scroll-padding-top:106px}}
@media(prefers-reduced-motion:reduce){.site-navigation *,.nav-scrim{animation:none!important;transition:none!important}}.motion-paused .site-navigation *,.motion-paused .nav-scrim{animation:none!important;transition:none!important}

/* Keep animated artwork from widening the mobile page. */
html:has(.site-navigation) body{overflow-x:clip}.nav-mobile-footer{display:none}.nav-group>summary,.nav-menu-toggle{user-select:none}
@media(max-width:1320px){.nav-mobile-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #ffffff21;padding-top:22px}.site-navigation .nav-mobile-footer .nav-start{display:flex}.nav-mobile-footer>small{font-size:12px;color:#b0b6a6;line-height:1.5}}
@media(max-width:620px){.nav-mobile-footer{flex-direction:column;align-items:stretch}.nav-mobile-footer .nav-start{justify-content:space-between}.nav-mobile-footer>small{text-align:center}}
.nav-group.is-current>summary>span:first-child{color:#ff976c}

.nav-create{display:flex;align-items:center;min-height:44px;padding:0 12px;color:#ff996f;font-size:14px;font-weight:700;white-space:nowrap}.nav-create:hover,.nav-create[aria-current]{color:#fff}.nav-create[aria-current]{text-decoration:underline;text-underline-offset:7px}@media(max-width:1320px){.nav-create{border-top:1px solid #ffffff21;padding:16px 0;font-size:22px;white-space:normal}}