/* Palonko.pl — Base Styles (shared across all pages) */
:root{--soil:#1a1c14;--forest:#243018;--moss:#3d5228;--fern:#5a7a3a;--leaf:#7fb050;--sprout:#a8cc72;--cream:#f5f0e8;--parchment:#ede6d6;--hemp:#c8b88a;--bark:#8a7055;--rust:#b05030;--sky:#4a7a90;--ink:#2a2a1e;--text:#3a3a2a;--muted:#5a5848;--font-head:'Archivo Black',sans-serif;--font-body:'Instrument Sans',system-ui,sans-serif;--font-mono:'DM Mono',monospace;--max-w:1200px;--r:6px;--r-lg:16px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}
body{background:var(--cream);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.65;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.skip-link{position:absolute;top:-100px;left:1rem;z-index:9999;background:var(--moss);color:var(--cream);font-family:var(--font-mono);font-size:.8rem;padding:8px 16px;border-radius:var(--r);transition:top .2s;}
.skip-link:focus{top:1rem;}
.container{max-width:var(--max-w);margin:0 auto;padding:0 2rem;}
/* NAV */
.site-header{position:sticky;top:0;z-index:200;background:rgba(245,240,232,0.94);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border-bottom:1px solid var(--hemp);}
.nav-wrap{max-width:var(--max-w);margin:0 auto;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;}
.nav-logo{font-family:var(--font-head);font-weight:900;font-size:1.45rem;letter-spacing:-.03em;color:var(--forest);flex-shrink:0;line-height:1;}
.nav-logo span{color:var(--fern);font-weight:300;}
.nav-links{display:flex;align-items:center;gap:0;list-style:none;flex:1;justify-content:center;}
.nav-links > li{position:relative;}
.nav-links > li > a{font-family:var(--font-body);font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--muted);padding:8px 13px;border-radius:var(--r);transition:color .18s,background .18s;white-space:nowrap;}
.nav-links > li > a .arr{display:inline-block;font-size:.55rem;margin-left:2px;transition:transform .2s;vertical-align:1px;}
.nav-links > li:hover > a .arr{transform:rotate(180deg);}
.nav-links > li > a:hover,.nav-links > li > a[aria-current="page"]{color:var(--forest);background:rgba(90,122,58,.1);}
.nav-links > li > a[aria-current="page"]{color:var(--moss);}
.nav-drop{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:200px;background:var(--cream);border:1px solid var(--hemp);border-radius:var(--r-lg);padding:.75rem .5rem;box-shadow:0 8px 30px rgba(26,28,20,.12);z-index:210;}
.nav-drop::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:var(--cream);border-left:1px solid var(--hemp);border-top:1px solid var(--hemp);}
.nav-links > li:hover .nav-drop{display:block;}
.nav-drop a{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r);font-size:.8rem;font-weight:500;color:var(--text);transition:background .15s,color .15s;white-space:nowrap;}
.nav-drop a:hover{background:rgba(90,122,58,0.1);color:var(--moss);}
.nav-drop a .ico{font-size:1rem;width:20px;text-align:center;}
.nav-drop-label{display:block;padding:4px 12px 2px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;}
.nav-drop hr{border:none;border-top:1px solid rgba(90,122,58,0.12);margin:.4rem 0;}
.nav-drop--wide{min-width:440px;display:none;grid-template-columns:1fr 1fr;gap:0 1rem;padding:1rem;}
.nav-links > li:hover .nav-drop--wide{display:grid;}
.nav-drop--wide .col-head{grid-column:1/-1;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:0 12px 4px;border-bottom:1px solid rgba(90,122,58,.1);margin-bottom:4px;}
.nav-pill{background:var(--moss);color:var(--cream);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:7px 16px;border-radius:40px;white-space:nowrap;flex-shrink:0;transition:background .18s;}
.nav-pill:hover{background:var(--fern);color:var(--cream);}
.nav-hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--forest);padding:4px;}
.nav-mobile{display:none;position:fixed;inset:62px 0 0 0;background:var(--parchment);border-top:1px solid var(--hemp);padding:2rem;z-index:199;overflow-y:auto;}
.nav-mobile.open{display:block;}
.nav-mobile ul{list-style:none;}
.nav-mobile a{display:block;font-family:var(--font-head);font-size:1.5rem;font-weight:700;color:var(--forest);padding:1rem 0;border-bottom:1px solid var(--hemp);transition:color .18s;}
.nav-mobile a:hover{color:var(--fern);}
/* PAGE HERO */
.page-hero{background:var(--forest);padding:5rem 0 4rem;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;top:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(ellipse,rgba(90,122,58,.3) 0%,transparent 70%);border-radius:60% 40% 70% 30%/50% 60% 40% 50%;pointer-events:none;}
.page-hero::after{content:attr(data-leaf);position:absolute;bottom:-1rem;right:3rem;font-size:8rem;opacity:.07;line-height:1;pointer-events:none;user-select:none;}
.page-kicker{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sprout);margin-bottom:1rem;display:flex;align-items:center;gap:8px;}
.page-kicker::before{content:'✦';font-size:.5rem;}
.page-h1{font-family:var(--font-head);font-weight:900;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;color:var(--cream);margin-bottom:1rem;letter-spacing:-.02em;}
.page-h1 em{font-style:normal;color:var(--sprout);}
.page-lead{font-size:1.05rem;font-weight:300;color:rgba(245,240,232,.88);max-width:600px;line-height:1.75;}
/* BREADCRUMB */
.breadcrumb{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;color:rgba(245,240,232,.6);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;}
.breadcrumb a{color:rgba(245,240,232,.6);transition:color .18s;}
.breadcrumb a:hover{color:var(--sprout);}
.breadcrumb span[aria-current]{color:rgba(245,240,232,.95);}
/* SECTIONS */
.section{padding:4.5rem 0;}
.section--alt{background:var(--parchment);}
.s-hd{margin-bottom:2.75rem;}
.s-hd-kicker{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fern);margin-bottom:.5rem;display:flex;align-items:center;gap:8px;}
.s-hd-kicker::before{content:'✦';font-size:.5rem;}
.s-hd h2{font-family:var(--font-head);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--forest);line-height:1.15;letter-spacing:-.02em;}
.s-hd h2 em{font-style:normal;color:var(--fern);}
/* FOOTER */
.site-footer{background:var(--soil);color:var(--parchment);margin-top:0;}
.footer-main{max-width:var(--max-w);margin:0 auto;padding:3.5rem 2rem 2.5rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;}
.footer-logo-wrap{font-family:var(--font-head);font-size:1.8rem;line-height:1;margin-bottom:.75rem;}
.footer-tagline{font-size:.82rem;color:rgba(237,230,214,.6);line-height:1.6;max-width:280px;}
.footer-col-title{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hemp);margin-bottom:1rem;}
.footer-nav{list-style:none;}
.footer-nav li+li{margin-top:.5rem;}
.footer-nav a{font-size:.82rem;color:rgba(237,230,214,.65);transition:color .18s;}
.footer-nav a:hover{color:var(--sprout);}
.footer-disclaimer{background:rgba(0,0,0,.25);padding:1rem 2rem;}
.footer-disclaimer-inner{max-width:var(--max-w);margin:0 auto;font-size:.7rem;color:rgba(237,230,214,.45);text-align:center;line-height:1.7;}
.footer-bottom{max-width:var(--max-w);margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.footer-legal{font-size:.7rem;color:rgba(237,230,214,.35);}
.footer-legal a{color:rgba(237,230,214,.45);transition:color .18s;}
.footer-legal a:hover{color:var(--sprout);}
/* RESPONSIVE BASE */
@media(max-width:900px){
  .nav-links{display:none;}
  .nav-pill{display:none;}
  .nav-hamburger{display:block;}
  .footer-main{grid-template-columns:1fr 1fr;gap:2rem;}
}
@media(max-width:600px){
  .container{padding:0 1rem;}
  .nav-wrap{padding:.75rem 1rem;}
  .page-hero{padding:3rem 0 2.5rem;}
  .section{padding:2.5rem 0;}
  .page-h1{font-size:1.6rem;}
  .page-lead{font-size:.92rem;}
  .footer-main{grid-template-columns:1fr;padding:2rem 1rem;}
  .footer-bottom{padding:1rem;}
}
@media(max-width:360px){
  .container{padding:0 .75rem;}
  .nav-wrap{padding:.6rem .75rem;}
  .page-h1{font-size:1.4rem;}
  .section{padding:2rem 0;}
}