:root{--ink:#101713;--ink2:#171d1a;--paper:#f3f4f1;--paper2:#e7ebe7;--white:#fff;--muted:#56615b;--line:#d1d7d2;--accent:#89aa0b;--green:#2d5a3f;--green2:#1d4933;--forest:#0d261a;--danger:#a92828;--shadow:0 18px 50px rgba(16,24,19,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.62}body.route-detail{background:#101412}a{color:inherit}button,input,textarea,select{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(244,245,242,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(18,24,20,.1)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-logo{width:45px;height:45px;border-radius:11px;object-fit:cover;object-position:center}.brand b,.brand small{display:block;line-height:1;font-family:"Space Grotesk"}.brand b{font-size:14px}.brand small{font-size:10px;letter-spacing:.2em;margin-top:5px}.site-header nav{display:flex;gap:16px;align-items:center}.site-header nav a,.admin-link{font:700 12px "DM Sans";color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer;white-space:nowrap}.site-header nav a:hover{color:var(--green2)}.admin-link{padding:9px 14px;border:1px solid #26342c;border-radius:999px}.menu{display:none;border:0;background:none;font-size:24px;color:var(--ink);cursor:pointer}
.hero{position:relative;overflow:hidden;background:#102018;color:var(--white);padding:105px 0 115px;min-height:610px;display:flex;align-items:center}.hero-cover{position:absolute;inset:0;background-image:url("assets/tlo_stalowa.jpg");background-size:cover;background-position:center 44%;opacity:.20;filter:saturate(.55)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,13,.98) 0%,rgba(8,18,13,.90) 43%,rgba(8,18,13,.42) 100%)}.hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-190px;top:-210px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .72fr;gap:80px;align-items:center}.hero-copy{max-width:720px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#4a5850;margin:0 0 13px}.eyebrow.light{color:#d0d8d2}.eyebrow.lime{color:#a8c71e}.hero h1,h2,h3,.event h3,.announcement h3{font-family:"Space Grotesk",sans-serif;letter-spacing:-.045em}.hero h1{font-size:clamp(58px,9vw,112px);line-height:.85;margin:0}.hero h1 span{color:transparent;-webkit-text-stroke:2px #aab8af}.lead{font-size:19px;max-width:650px;color:#dbe2dd;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:800;font-size:14px;border:1px solid currentColor;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.primary{background:var(--green2);color:#fff;border-color:var(--green2)}.ghost{color:#17201b;background:#fff;border-color:#69736d}.light-btn{color:#fff;background:rgba(255,255,255,.04);border-color:#b5c0ba}.light-btn:hover{background:#fff;color:var(--ink)}.hero-card{background:rgba(19,23,21,.94);border:1px solid #38413c;color:#fff;padding:29px;border-radius:24px;box-shadow:18px 18px 0 rgba(137,170,11,.88);transform:rotate(1deg);backdrop-filter:blur(7px)}.hero-card-top{display:flex;justify-content:space-between;color:#929b95;font:700 12px "Space Grotesk";letter-spacing:.12em}.hero-logo-wrap{margin:20px 0 14px;width:90px;height:90px;border-radius:20px;overflow:hidden;border:1px solid #49534d}.hero-logo{width:100%;height:100%;object-fit:cover}.hero-card h3{font-size:30px;line-height:1.03;margin:4px 0 15px}.hero-card p:last-child{color:#c9d0cb}
.quick-sidebar{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;margin-top:-43px;position:relative;z-index:5}.quick-card{min-height:136px;background:#fff;border:1px solid #d0d7d2;border-radius:18px;padding:22px;box-shadow:0 14px 35px rgba(17,25,20,.11);display:flex;gap:16px;align-items:flex-start}.quick-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(17,25,20,.15)}.quick-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;background:#eaf0d5;color:#526c08;font:800 12px "Space Grotesk"}.quick-copy{min-width:0}.quick-copy h3{font:700 20px/1.05 "Space Grotesk";margin:3px 0 7px;color:#122018}.quick-copy p:last-child{font-size:13px;color:#58635d;margin:0}.quick-copy .eyebrow{margin-bottom:6px;font-size:9px;color:#637066}.quick-arrow{margin-left:auto;text-decoration:none;font-size:25px;color:var(--green2);align-self:center}.percent-card .quick-icon{font-size:11px}.quick-card{transition:transform .2s ease,box-shadow .2s ease}
.section{padding:94px 0}.section h2{font-size:clamp(38px,5vw,64px);line-height:1.02;margin:0 0 20px}.section p{color:#303934}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-kicker,.section-action{font-size:11px;font-weight:800;letter-spacing:.14em;color:#4f5d54;text-decoration:none}.section-action:hover{text-decoration:underline}.dark-section{background:var(--ink);color:#fff}.dark-section p{color:#d1d7d3}.dark-section h2{color:#fff}.badge{background:#a5c31d;color:#132013;padding:8px 13px;border-radius:999px;font-size:12px;font-weight:800}
.announcements-section{background:#f3f4f1}.announcement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.announcement{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(18,20,22,.04);position:relative;display:flex;flex-direction:column;min-height:285px;transition:.2s ease}.announcement:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--green2);z-index:2}.announcement:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(18,25,21,.10)}.announcement-body{padding:23px 25px 24px;display:flex;flex-direction:column;height:100%}.announcement-date{font-size:10px;font-weight:800;letter-spacing:.13em;color:#5d6962}.announcement h3{font-size:24px;line-height:1.12;margin:11px 0 10px;color:#111a15}.announcement p{margin:0;color:#4b554f!important;white-space:pre-line}.announcement-media{width:100%;aspect-ratio:16/9;background:#dfe4e0;overflow:hidden}.announcement-media img{width:100%;height:100%;object-fit:cover;display:block}.read-link{display:inline-flex;margin-top:auto;padding-top:18px;color:#28543a;font-weight:800;text-decoration:none}.read-link:hover{text-decoration:underline}.empty-state{padding:34px;border:1px dashed #b7c0ba;border-radius:18px;color:#66716a;background:rgba(255,255,255,.42)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.align-center{align-items:center}.feature-card{padding:28px;border:1px solid #d5dbd5;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.feature-card img{width:92px;height:92px;border-radius:20px;object-fit:cover;display:block;margin-bottom:22px}.feature-number{font:700 13px "Space Grotesk";color:#4d5751}.feature-card h3{font-size:26px;margin:12px 0 7px}.feature-card p{margin:0}.mini-divider{height:1px;background:var(--line);margin:25px 0}
.trips-section{background:#e8ede9}.trip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trip-card-main{background:#fff;border:1px solid #ccd6cf;border-radius:20px;overflow:hidden;box-shadow:0 9px 25px rgba(20,35,26,.06);transition:.2s ease;position:relative}.trip-card-main:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(20,35,26,.12)}.trip-accent{height:7px;background:var(--green2)}.trip-card-body{padding:25px}.trip-date{font:800 11px "Space Grotesk";letter-spacing:.1em;color:#54705d}.trip-card-main h3{font-size:27px;line-height:1.05;margin:10px 0}.trip-place{font-weight:800;color:#274934!important;margin:0 0 10px}.trip-card-main p{margin:0}.trip-link{display:inline-block;margin-top:19px;font-weight:800;color:#28543a;text-decoration:none}.trip-link:hover{text-decoration:underline}
.archive-section{background:linear-gradient(135deg,#e3e9e4,#dce4de);border-top:1px solid #c9d1cb}.archive-block{margin-top:38px}.archive-block-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.archive-block-head h3{font-size:28px;margin:0}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.archive-item{background:#f9fbf9;border:1px solid #c9d2cc;border-radius:15px;padding:19px 21px;box-shadow:0 6px 18px rgba(23,48,34,.05)}.archive-item h4{font:700 20px/1.12 "Space Grotesk";margin:7px 0;color:#14251b}.archive-item p{margin:0;color:#536058!important;font-size:14px}.archive-item .archive-meta{font-size:10px;font-weight:800;letter-spacing:.1em;color:#68746c}.archive-item a{display:inline-block;margin-top:10px;color:#315e45;font-weight:800;text-decoration:none;font-size:13px}.pager{display:flex;gap:7px;align-items:center}.pager button{border:1px solid #b6c1b9;background:#f8faf8;color:#24382b;border-radius:9px;min-width:34px;height:34px;cursor:pointer;font-weight:800}.pager button:hover:not(:disabled){background:#dfe8e1}.pager button:disabled{opacity:.4;cursor:not-allowed}.pager span{font-size:12px;font-weight:800;color:#58645c;min-width:58px;text-align:center}
.paper{background:#e4e8e4}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:29px;min-height:220px;box-shadow:0 8px 24px rgba(18,20,22,.035)}.cards span{font:700 13px "Space Grotesk";color:#4f5953}.cards h3{font-size:25px;margin:13px 0 9px}.cards p{margin:0}.materials-cards{grid-template-columns:repeat(2,1fr);max-width:900px}.material-card{min-height:260px!important}.highlight-card{background:var(--ink)!important;color:#fff}.highlight-card p{color:#cdd2cf}.material-icon{display:inline-grid;place-items:center;background:var(--green2);color:#fff!important;border-radius:9px;padding:7px 9px}.text-link{font-weight:800;text-decoration:none}.lime-link{color:#a8c71e}
.gallery-section{background:#0f1512;color:#fff;position:relative;overflow:hidden}.gallery-section:before{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(139,170,11,.16);border-radius:50%;right:-300px;bottom:-300px}.gallery-head{position:relative;z-index:1}.gallery-head h2{margin-bottom:10px}.section-intro{max-width:650px;margin:0!important;color:#58645d!important}.gallery-section .section-intro{color:#c9d0cb!important}.facebook-gallery{position:relative;z-index:1;display:grid;grid-template-columns:.72fr 1.28fr;gap:20px;align-items:stretch}.fb-intro-card{background:#171e1a;border:1px solid #303a34;border-radius:20px;padding:36px;display:flex;flex-direction:column;justify-content:center}.gallery-logo{width:82px;height:82px;border-radius:18px;object-fit:cover;margin-bottom:26px}.fb-intro-card h3{font:700 31px/1.05 "Space Grotesk";margin:5px 0 12px}.fb-intro-card p{color:#c9d0cb}.fb-frame-wrap{background:#1b231f;border-radius:20px;overflow:hidden;min-height:430px;display:flex;align-items:center}.cover-art{width:100%;height:auto;display:block}
.footer-section{background:#0b100d;color:#fff}.footer-section p{color:#c7ccc9}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.footer-grid a{color:#a8c71e}.footer-info{position:relative;padding-left:0}.zhp-logo{position:absolute;right:0;top:-8px;width:100px;height:100px;object-fit:contain;background:#fff;border-radius:18px;padding:8px}.footer-rule{height:1px;background:#303833;margin:28px 0}.footer-facebook{font-weight:800;text-decoration:none}
.event{border:1px solid #303a34;border-radius:18px;padding:26px;margin:13px 0;background:#171d1a;box-shadow:0 10px 30px rgba(0,0,0,.15)}.event-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.event h3{font-size:29px;margin:7px 0 0;color:#fff}.event-meta{color:#b9c0bc;font-size:14px;line-height:1.5}.event p{margin:16px 0;color:#d4d8d5}.attendance-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.person{padding:10px 12px;border-radius:9px;background:#232a26;color:#eef0ee}.person.present{border-left:3px solid #72a981}.person.absent{border-left:3px solid #ff7777}.event .btn{margin-top:5px}.archive-event{background:#f8faf8;border:1px solid #c8d2cb;border-radius:15px;padding:19px 21px}.archive-event h4{font:700 20px/1.12 "Space Grotesk";margin:7px 0;color:#14251b}.archive-event p{margin:0;color:#536058!important;font-size:14px}.archive-event .archive-meta{font-size:10px;font-weight:800;letter-spacing:.1em;color:#68746c}
.detail-page{min-height:calc(100vh - 76px);padding:70px 0 100px;background:#101512;color:#fff}.detail-page[hidden]{display:none}.back-link{display:inline-block;color:#b9c7be;text-decoration:none;font-weight:800;margin-bottom:35px}.back-link:hover{color:#fff}.detail-shell{max-width:880px;background:#f8faf8;color:#111a15;border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.3)}.detail-media{width:100%;max-height:480px;object-fit:cover;display:block}.detail-body{padding:42px 46px}.detail-date{font-size:11px;font-weight:800;letter-spacing:.14em;color:#5b675f}.detail-body h1{font:700 clamp(38px,6vw,68px)/.98 "Space Grotesk";letter-spacing:-.05em;margin:12px 0 25px}.detail-content{font-size:17px;color:#344039;white-space:pre-line}.detail-content p{margin:0 0 1em;color:inherit}.detail-trip-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 28px}.detail-trip-meta div{background:#e9eeea;border-radius:13px;padding:14px}.detail-trip-meta small{display:block;font-size:9px;font-weight:800;letter-spacing:.12em;color:#627067}.detail-trip-meta strong{display:block;margin-top:4px;font-family:"Space Grotesk"}.detail-cta{margin-top:30px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:80;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-box{position:relative;background:var(--paper);color:var(--ink);border-radius:20px;padding:34px;width:min(720px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 100px rgba(0,0,0,.35)}.close{position:absolute;right:15px;top:9px;border:0;background:none;color:var(--ink);font-size:30px;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin:12px 0}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px;color:#28312c}.field input,.field textarea,.field select{width:100%;padding:12px 13px;border:1px solid #c9cfc9;border-radius:10px;background:#fff;color:#111;font:inherit;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(47,104,73,.15)}.admin-modal h2{padding-right:30px}.admin-section{padding:22px 0;border-top:1px solid var(--line)}.admin-section:first-of-type{border-top:0}.admin-section h3{font:700 24px "Space Grotesk";margin:0 0 8px}.admin-panel{display:grid;gap:10px}.admin-event,.admin-announcement{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff}.admin-event small,.admin-announcement small{color:#676d68}.danger{background:#ffe1e1;border:1px solid #efaaaa;color:#9a2020;padding:8px 11px;border-radius:8px;cursor:pointer;font-weight:700}.field-hint{font-weight:500;color:#7a827d;margin-left:5px}code{background:#e6e2da;padding:2px 5px;border-radius:5px;font-size:.9em}
@media(max-width:1080px){.site-header nav{gap:11px}.announcement-grid,.trip-grid{grid-template-columns:repeat(2,1fr)}.quick-sidebar{grid-template-columns:1fr 1fr}.quick-card:first-child{grid-column:1/-1}}@media(max-width:850px){.site-header nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--paper);padding:20px;flex-direction:column;border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(0,0,0,.08)}.site-header nav.open{display:flex}.menu{display:block}.hero{padding:75px 0 95px}.hero-grid,.two-col,.footer-grid{grid-template-columns:1fr}.hero-card{margin:10px 8px}.section-head{align-items:start;flex-direction:column}.cards,.materials-cards,.announcement-grid,.trip-grid,.archive-grid{grid-template-columns:1fr}.attendance-list,.form-row,.detail-trip-meta{grid-template-columns:1fr}.quick-sidebar{grid-template-columns:1fr;margin-top:-25px}.quick-card:first-child{grid-column:auto}.wrap{width:min(100% - 28px,1180px)}.detail-body{padding:30px 24px}.detail-page{padding-top:42px}.zhp-logo{position:static;margin-bottom:20px}}