@font-face{font-family:PortalFontin;src:url("../home/fontinPL.ttf?v=fontin-pl-20261112") format("truetype");font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:#050607;color:#e4d2b1;font-family:PortalFontin,Georgia,serif}
.page{position:relative;width:min(100%,1920px);margin:0 auto;container-type:inline-size;overflow:hidden;background:#050607;isolation:isolate}
.slice{display:block;width:100%;height:auto}
.header-art{position:relative}
.menu-art{position:relative}
.nav{position:absolute;z-index:2;top:17%;height:64%;display:flex;align-items:center;justify-content:space-evenly;white-space:nowrap}
.nav-left{left:4%;width:37%}.nav-right{left:58%;width:39%}
.nav a{display:flex;align-items:center;justify-content:center;height:100%;padding:0 .75cqw;color:#e6d3b2;text-decoration:none;text-transform:uppercase;letter-spacing:.055em;font-size:clamp(12px,.76cqw,16px);text-shadow:0 1px 4px #000;transition:color .16s ease,text-shadow .16s ease}
.nav a:hover,.nav a:focus-visible{color:#c3a56c;text-shadow:0 0 8px #b88b47,0 1px 4px #000}
.menu-toggle,.mobile-menu{display:none}
.title-art{position:relative;display:grid;grid-template-columns:254fr 1423fr 243fr;align-items:stretch}
.title-art>.slice{height:100%;object-fit:fill}
.title-mask{position:absolute;left:13.23%;top:28%;width:73.6%;height:36%;display:grid;place-items:center;background:#050303}
.title-mask h1{margin:0;color:#e7bf57;font-weight:400;font-size:clamp(26px,2.18cqw,44px);line-height:1.1;text-align:center;letter-spacing:.035em;text-shadow:0 2px 5px #000}
.body-art{position:relative;background:#050607 url("assets/podstrony_slice_07.png") center top/100% auto repeat-y}
.content-table{position:relative;width:86%;margin:0 auto;padding:max(0px,calc(7cqw - 2.5cm)) 2.8cqw 4cqw}
.article-copy{width:100%;margin:0;padding:0;color:#e5dac8;font-size:clamp(15px,.95cqw,19px);line-height:1.55;text-shadow:0 1px 3px #000}
.eyebrow{margin:0 0 .7em;color:#bb985d;font-size:.78em;letter-spacing:.13em;text-transform:uppercase}
.article-copy h2{margin:0 0 .6em;color:#e3c891;font-weight:400;font-size:clamp(23px,1.6cqw,32px)}
.article-copy h3{margin:1.1em 0 .35em;color:#d7b981;font-weight:400;font-size:clamp(19px,1.2cqw,24px)}
.article-copy p{max-width:none;margin:.55em 0}
.article-copy a{color:#e5bd68;text-decoration:underline;text-underline-offset:.2em}
.footer-art{position:relative}
.footer-ad-art{position:relative}
.ad-slots{position:absolute;z-index:1;left:7.7%;top:5.5%;width:84.6%;height:49%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2%}
.ad-slot{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;color:rgba(210,188,148,.62);font-size:clamp(11px,.72cqw,15px);letter-spacing:.14em;text-transform:uppercase}
.ad-slot.is-empty::before{content:'Reklama';position:absolute;z-index:2;display:block;padding:.45em .8em;border:1px solid rgba(189,145,83,.62);background:rgba(3,5,7,.78);color:#e4c78e;text-shadow:0 1px 5px #000;letter-spacing:.14em;pointer-events:none}
.ad-slot.is-empty>span{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ad-slot .ad-banner{display:block;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}
.ad-banner img{display:block;width:100%;height:100%;object-fit:contain}
.ad-banner:focus-visible{outline:2px solid #e7bf57;outline-offset:-3px}
.back-top{display:inline-block;padding:.2em .4em;color:#d2b77e;font-size:inherit;text-decoration:none;text-shadow:0 1px 4px #000}
.back-top:hover{color:#f0d49a;text-decoration:underline;text-underline-offset:.2em}
.footer-copy{position:relative;z-index:2;padding:12px 4% 20px;background:#030405;color:#b7aa91;text-align:center;font-size:clamp(11px,.68cqw,14px);line-height:1.55}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.45em 1.15em;margin:0 0 8px}
.footer-links a{color:#d2b77e;text-decoration:none}
.footer-links a:hover,.footer-links a:focus-visible{color:#f0d49a;text-decoration:underline;text-underline-offset:.2em}
.footer-copy p{margin:2px auto;max-width:110ch}
.footer-copy .back-top-row{max-width:none;margin:7px 0 0;text-align:right}
@media(max-width:760px){
 .nav{display:none}.menu-toggle{display:block;position:absolute;z-index:3;right:5%;top:27%;padding:.5em 1em;border:1px solid #9f7946;background:rgba(8,8,9,.9);color:#ead8b8;font:14px PortalFontin,Georgia,serif}
 .mobile-menu{position:absolute;z-index:5;right:3%;top:75%;width:min(240px,65vw);padding:10px;background:rgba(5,6,8,.97);border:1px solid #77552f}.mobile-menu.is-open{display:grid;gap:0}.mobile-menu a{padding:9px;color:#ead8b8;font-size:14px;text-decoration:none;border-bottom:1px solid rgba(153,117,66,.35)}
 .title-mask h1{font-size:max(20px,3.1cqw)}
 .content-table{width:86%;padding:max(0px,calc(5cqw - 2.5cm)) clamp(24px,2.8cqw,54px) 4vw}
 .article-copy{font-size:max(14px,1.8cqw);line-height:1.4}
 .article-copy h2{font-size:max(21px,2.6cqw)}.article-copy h3{font-size:max(18px,2.1cqw)}
 .ad-slots{left:7.7%;top:5.5%;width:84.6%;height:49%;gap:1%}.ad-slot{font-size:max(9px,1.3cqw)}.ad-slot span{padding:.3em .4em}
 .back-top{font-size:12px}
 .footer-copy{padding:12px 5% 18px;font-size:12px}.footer-links{gap:8px 14px;margin-bottom:9px}
}