@font-face{font-family:Geist;src:url('geist.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:'Geist Mono';src:url('geistmono.ttf') format('truetype');font-weight:100 900;font-display:swap}:root{--font-geist-sans:Geist;--font-geist-mono:'Geist Mono'}
body{font-size:18px}button{border:0;background:#e7edf3;padding:13px 20px;color:#205d9e;font-weight:650;min-height:46px}input,textarea,select{width:100%;max-width:100%;padding:13px 14px;background:white;color:#252a2e;border:1px solid #78828a;border-radius:0;font:inherit;min-height:48px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #205d9e;outline-offset:3px}textarea{resize:vertical}label{display:grid;gap:9px;font-size:16px;font-weight:550;margin:18px 0}fieldset{border:0;padding:12px 0;margin:16px 0}legend{font-weight:650}.check{display:flex;align-items:flex-start;gap:12px}.check input{width:21px;height:21px;min-height:21px;margin:2px 0;flex-shrink:0}.cta{border:0}.underlined,.body-copy a:not(.text-link),.case-description a{text-decoration:underline;text-underline-offset:4px}.body-copy h3{font-size:27px;letter-spacing:-.035em;margin:30px 0 20px}.body-copy h3:first-child{margin-top:0}.body-copy li{line-height:1.6;margin:10px 0}.legal-footer{padding-bottom:40px}.legal-footer p{font-size:13px}.mobile-nav{position:relative}.mobile-nav summary{list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:55px;width:min(340px,calc(100vw - 40px));background:#fafaf8;padding:25px;box-shadow:0 12px 24px #252a2e20;z-index:30;display:grid;gap:23px;font-size:24px}.process-section{padding-top:110px}.project-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.project-card .eyebrow{margin:25px 0 16px}.project-card h3{font-size:36px;margin-bottom:18px;overflow-wrap:anywhere}.project-card>p:not(.eyebrow){font-size:17px;color:#59636b}.project-card .text-link{margin-top:20px;color:#205d9e}.filters{display:flex;gap:25px;align-items:end;margin-bottom:45px;flex-wrap:wrap}.filters label{flex:1;min-width:200px}.filters button{margin-bottom:18px}.empty-state{max-width:700px;padding:30px 0;font-size:23px}.pagination{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}.pagination a{min-width:45px;padding:12px;background:#edf2f6;text-align:center}.pagination a[aria-current]{background:#205d9e;color:#fff}.contact-form h2,.contact-page h2{font-size:40px}.contact-form p{font-size:15px;color:#59636b;margin:16px 0}.contact-help,.contact-area{margin:30px 0;color:#59636b;line-height:1.65}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.notice{padding:24px;background:#e5edf5;color:#16436f;font-size:17px;margin:24px 0;overflow-wrap:anywhere}.wide-photo{margin:0}.wide-photo figcaption{position:absolute;bottom:15px;right:20px;background:#252a2e;color:white;padding:6px 9px;font-size:12px}.breadcrumbs{font-size:14px;margin-bottom:35px;line-height:1.7}.breadcrumbs a{text-decoration:underline}.project-facts dd{margin:14px 0 0;font-size:22px;overflow-wrap:anywhere}.case-cover{margin:0}.case-cover img{width:100%;height:auto;max-height:780px;object-fit:contain}.case-description{max-width:840px;margin:75px auto;font-size:20px;line-height:1.65}.case-description p{margin:25px 0;overflow-wrap:anywhere}.case-description h2{font-size:42px;margin:45px 0 24px}.gallery-title{font-size:56px;margin-bottom:40px}.project-pictures img{height:auto;object-fit:contain}.related-links{display:flex;gap:35px;flex-wrap:wrap;margin:40px 0}.preview-banner{padding:24px;background:#205d9e;color:#fff;text-align:center;position:sticky;top:0;z-index:20}.preview-banner a{text-decoration:underline}.admin-shell{padding:32px 0 80px;min-height:70vh}.admin-shell h1{font-size:clamp(36px,4vw,62px);margin:20px 0 32px;overflow-wrap:anywhere}.admin-shell h2{font-size:30px;letter-spacing:-.035em;margin:20px 0}.admin-shell p{max-width:850px;line-height:1.6}.admin-nav{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-bottom:50px;font-size:16px}.admin-nav form{margin-left:auto}.admin-nav a{text-decoration:underline;text-underline-offset:5px}.narrow-form{max-width:530px}.narrow-form>a{display:block;margin:25px 0}.admin-list article{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#edf2f6;padding:26px;margin-top:20px}.admin-list h2{font-size:30px;margin:12px 0;overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.form-grid>*{min-width:0}.help{font-size:15px;color:#59636b;margin:18px 0}.editor-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.editor-toolbar button{font-size:14px}.gallery-editor{margin:50px 0}#dropzone{padding:30px;background:#edf2f6;border:2px dashed #205d9e}#dropzone.dragover{background:#d9e6f2}#dropzone p{font-size:15px}#dropzone input{background:transparent;border:0;padding-left:0}#upload-status p{margin:12px 0;font-size:16px}#gallery-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px}.gallery-item{background:#edf2f6;padding:18px;min-width:0}.gallery-item img{width:100%;height:170px;object-fit:contain}.gallery-item label{font-size:14px}.gallery-item input{font-size:16px}.gallery-buttons{display:flex;gap:6px;flex-wrap:wrap}.gallery-buttons button{padding:8px 12px;font-size:14px}.gallery-item[draggable=true]{cursor:grab}.optional-fields{margin:30px 0}.optional-fields summary{padding:15px 0;font-weight:650;cursor:pointer}.editor-actions,.publication-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:30px 0}.editor-actions .cta,.publication-actions .cta{margin:0}.publication-actions{padding-top:25px}.backup-panel{padding-top:60px}.diagnostics{background:#edf2f6;padding:25px;margin-top:25px}.private-page .header{height:95px}.private-page .footer{padding-top:40px}button:disabled{opacity:.5;cursor:wait}.image-dialog{border:0;background:#fafaf8;padding:20px;max-width:94vw;max-height:94vh}.image-dialog::backdrop{background:#252a2edf}.image-dialog img{max-height:76vh;max-width:85vw;object-fit:contain}.image-dialog button{display:block;margin:12px 0 0 auto}.contact-page>div{min-width:0}.body-copy,.page-lead{overflow-wrap:anywhere}
.detail-photo{margin:0}.page-intro h1{overflow-wrap:anywhere}
.hero-visual>img{filter:saturate(.48) contrast(1.03);object-position:center 46%}
.body-copy>.text-link{display:flex;width:fit-content;gap:16px;margin-top:22px}.project-list-actions{gap:20px}
.admin-list article.project-row--published{background:#e5f1e8}.project-status{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;font-size:14px;font-weight:700;line-height:1.4}.project-status--published{background:#d1e8d8;color:#195d32}.project-status--published::before{content:'';width:9px;height:9px;background:#26743f;border-radius:50%}.project-status--draft{background:#e1e9f2;color:#205d9e}.project-status--trash{background:#e9e7e2;color:#56534c}.project-list-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.project-list-actions a{white-space:nowrap}.location-section{margin-top:100px}.location-section .section-heading p{margin:22px 0 0}.map-frame{background:#e8edf1;height:440px;overflow:hidden}.map-frame iframe{width:100%;height:100%;border:0}.directions-button{white-space:nowrap}.video-frame{aspect-ratio:16/9;background:#252a2e}.video-frame iframe{display:block;width:100%;height:100%;border:0}.case-video{margin:35px 0 70px}.case-video h2{font-size:clamp(32px,4vw,58px)}.case-video .section-heading{margin-bottom:25px}.case-video+.case-cover{margin-top:30px}.project-image{position:relative}.video-badge{position:absolute;bottom:16px;left:16px;background:#205d9e;color:white;padding:10px 14px;font-size:15px;font-weight:700}.editorial-photo{margin:45px auto 75px;position:relative}.editorial-photo .photo-surface{position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 92%,75% 100%,50% 92%,0 92%);background:#205d9e}.editorial-photo img{width:100%;height:clamp(260px,40vw,580px);object-fit:cover;filter:saturate(.7) contrast(1.03)}.editorial-photo .photo-surface::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(32,93,158,.13),rgba(32,93,158,.035) 52%,rgba(255,85,0,.115));pointer-events:none}.editorial-photo figcaption{color:#59636b;font-size:14px;line-height:1.6;margin:16px 0 0;max-width:820px}.hero-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.48) contrast(1.03);object-position:center 46%;opacity:0;transition:opacity .3s}.hero-visual.video-playing video{opacity:1}.hero-video-toggle{position:absolute;z-index:3;bottom:45px;right:25px;color:#fff;background:#252a2ecc;font-size:15px;min-height:44px}.hero-video-toggle[hidden]{display:none}.hero-visual .hero-panel,.hero-visual .photo-tag,.hero-visual .photo-note{z-index:2}
@media(max-width:800px){.location-section{margin-top:65px}.map-frame{height:340px}.location-section .section-heading{align-items:flex-start;gap:25px}.location-section .directions-button{width:100%;justify-content:space-between}.case-video{margin:30px 0 45px}.editorial-photo{margin:30px auto 40px}.editorial-photo img{height:300px}.editorial-photo figcaption{font-size:13px}.hero-video-toggle{top:12px;right:12px}}
@media(max-width:1000px){.project-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#gallery-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.project-cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.process-section{padding-top:75px}.admin-list article{align-items:flex-start;flex-direction:column}.admin-nav{gap:18px;margin-bottom:35px}.admin-nav form{margin-left:0}.private-page .desktop-nav,.private-page .header-contact{display:none}.project-facts{grid-template-columns:1fr}.case-description{font-size:18px}.gallery-title{font-size:42px}.contact-page h2{font-size:34px}}
@media(max-width:480px){#gallery-items{grid-template-columns:1fr}.filters{display:grid;gap:0}.filters label{min-width:0}.admin-shell{padding-top:20px}.editor-actions>*{width:100%}.photo-note{max-width:60%;font-size:10px;text-align:right}.admin-nav{font-size:15px}}
.site-footer{background:#f0f0ed}.site-footer .footer{padding-top:44px}.hero-visual::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,rgba(32,93,158,.11),rgba(32,93,158,.025) 52%,rgba(255,85,0,.10));pointer-events:none}.detail-photo{position:relative}.detail-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(32,93,158,.12),rgba(32,93,158,.025) 52%,rgba(255,85,0,.10));pointer-events:none}.hero-panel a{max-width:100%}.hero-panel .brand-arrow{flex-shrink:0}
@media(max-width:800px){.hero-video-toggle{bottom:auto;font-size:14px}.hero-visual>img,.hero-visual video{object-position:58% center}}
.editorial-photo .photo-surface:has(img[src*="zespol-aplikacja-pozioma"])::after{background:linear-gradient(115deg,rgba(255,85,0,.13),rgba(255,85,0,.035) 52%,rgba(32,93,158,.085))}
.editorial-photo img[src*="zespol-aplikacja-pozioma"]{object-position:center top}

/* The original HOWLER wordmark; quieter navigation with standard line arrows. */
.logo{gap:0;line-height:0}.logo img{width:226px;height:auto}.footer .logo img{width:194px;height:auto}
.desktop-nav{gap:8px;margin:0 18px 0 auto;font-size:17px;font-weight:550}
.desktop-nav a,.mobile-nav nav a{display:flex;align-items:center;gap:8px;position:relative;padding:10px 12px;color:#252a2e;background:transparent;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.desktop-nav a[aria-current=page],.mobile-nav nav a[aria-current=page]{background:#ff5500;color:#fff;font-weight:600}
.desktop-nav a:hover,.mobile-nav nav a:hover,.desktop-nav a:focus-visible,.mobile-nav nav a:focus-visible{background:#205d9e;color:#fff;transform:translateY(-1px)}
.desktop-nav a .brand-arrow,.mobile-nav nav a .brand-arrow{width:18px;height:18px}
.header{gap:24px}.header-contact{font-size:17px;font-weight:600;gap:18px;padding:18px 20px}
.mobile-nav nav{gap:4px;padding:10px;font-size:19px;font-weight:550}.mobile-nav nav a{min-height:48px;padding:11px 14px}
.mobile-nav .menu-trigger .brand-arrow{width:21px;height:21px;transform:rotate(0);transition:transform .25s ease}
.mobile-nav[open] .menu-trigger .brand-arrow{transform:rotate(180deg)}
.header-contact:hover .brand-arrow--left,.cta:hover .brand-arrow--left,.application-row:hover .brand-arrow--left,.text-link:hover .brand-arrow--left{transform:translateX(-6px)}
/* A low, logo-derived blue crest rises from below each lead photograph. */
.editorial-photo .photo-surface{clip-path:none;isolation:isolate}
.editorial-photo .photo-surface::before{content:'';position:absolute;inset:auto 0 -1px;height:clamp(40px,4.7vw,66px);z-index:2;background:#205d9e;clip-path:polygon(0 38%,50% 0,100% 38%,100% 100%,0 100%);pointer-events:none}
.editorial-photo .photo-surface::after{z-index:1}
.editorial-photo img[src*="natrysk-polimocznika"]{object-position:center top}.editorial-photo img[src*="zespol-przy-natrysku"]{object-position:center 25%}
.hero-visual>img,.hero-visual video{filter:saturate(.48) contrast(1.03) blur(.65px);transform:scale(1.003)}
@media(max-width:1250px){.desktop-nav,.header-contact{display:none}.mobile-nav{display:block}.header .logo img{width:210px}}
@media(max-width:800px){.header .logo img{width:195px}.editorial-photo img[src*="natrysk-polimocznika"]{object-position:70% top}.editorial-photo img[src*="zespol-przy-natrysku"]{object-position:center 25%}}
@media(max-width:480px){.header .logo img{width:179px}.footer .logo img{width:183px}}
@media(max-width:800px){
 .editorial-photo img:is([src*="natrysk-polimocznika"],[src*="zespol-aplikacja-pozioma"],[src*="zespol-przy-natrysku"]){height:auto;object-fit:contain;object-position:center;aspect-ratio:auto}
 .editorial-photo .photo-surface:has(img:is([src*="natrysk-polimocznika"],[src*="zespol-aplikacja-pozioma"],[src*="zespol-przy-natrysku"])){padding-bottom:24px}
 .editorial-photo .photo-surface:has(img:is([src*="natrysk-polimocznika"],[src*="zespol-aplikacja-pozioma"],[src*="zespol-przy-natrysku"]))::before{height:28px}
}