/* Kamień 2027 / staged awareness campaign. Scoped to standalone page. */
:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body.k27-campaign{margin:0;color:#f4f7fb;background:#071d34;min-height:100vh;-webkit-font-smoothing:antialiased}
.k27-campaign a{color:inherit;text-decoration:none}
.k27-top{height:84px;max-width:1320px;margin:auto;padding:0 clamp(20px,5vw,66px);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}
.k27-brand{display:inline-flex;align-items:center;gap:12px;font-size:.78rem;font-weight:850;letter-spacing:.15em}
.k27-brand-symbol{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff63;border-radius:50%;font-size:2rem;line-height:1}
.k27-head-year,.k27-head-link{font-size:.73rem;color:#d7e2f2;font-weight:750;letter-spacing:.13em}
.k27-head-link:hover,.k27-footer a:hover{color:#a3d4f4}
.k27-main{position:relative;isolation:isolate;min-height:calc(100vh - 154px);display:grid;place-items:center;overflow:hidden;padding:36px 20px 90px;background:radial-gradient(ellipse at 86% 75%,#244360 0%,transparent 46%),radial-gradient(ellipse at 14% 17%,#0e3547 0%,transparent 52%),#071d34}
.k27-main:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.3;background:repeating-radial-gradient(ellipse at 87% 80%,transparent 0 74px,rgba(199,223,237,.13) 75px 76px,transparent 77px 110px);transform:rotate(-6deg)}
.k27-orbit{position:absolute;z-index:-1;border:1px solid #cdd8e52b;border-radius:50%;transform:rotate(-22deg);pointer-events:none}
.k27-orbit-one{width:700px;height:380px;right:-340px;top:20%}.k27-orbit-two{width:1020px;height:570px;left:-710px;bottom:-170px}
.k27-hero{position:relative;width:min(100%,1060px);padding:clamp(32px,6vw,76px);border:1px solid #a9bfd533;border-radius:34px;background:linear-gradient(145deg,#0a2747e8 0%,#061e38e8 70%);box-shadow:0 40px 100px #020e1b7a;overflow:hidden}
.k27-hero:before{content:"";position:absolute;top:-16%;right:-4%;width:46%;aspect-ratio:1;border-radius:50%;border:1px solid #c4dae83b;box-shadow:0 0 0 45px #bfdeed07,0 0 0 90px #bfdeed08,0 0 0 140px #bfdeed06;pointer-events:none}
.k27-number{font-size:clamp(210px,35vw,510px);font-weight:850;position:absolute;right:-25px;bottom:-145px;opacity:.075;line-height:.9;letter-spacing:-.14em;pointer-events:none}
.k27-eyebrow{display:flex;align-items:center;gap:13px;position:relative;z-index:1;letter-spacing:.14em;font-size:.72rem;font-weight:850;color:#bcd3e5}
.k27-dot{width:7px;height:7px;border-radius:50%;background:#e9bc7b;box-shadow:0 0 0 5px #e9bc7b23}
.k27-eyebrow-separator{color:#8099af}
.k27-hero h1,.k27-story-intro h1{max-width:900px;position:relative;z-index:1;font-size:clamp(3.2rem,8.7vw,7.4rem);font-weight:860;line-height:1.045;letter-spacing:-.065em;margin:32px 0 25px}
.k27-hero h1 em,.k27-story-intro h1 em{font-style:normal;color:#d7af79}
.k27-lead{position:relative;z-index:1;font-size:clamp(1.2rem,2.25vw,1.55rem);line-height:1.48;font-weight:640;max-width:630px;margin:0 0 12px}
.k27-secondary{color:#b2c8d8;line-height:1.65;font-size:1rem;max-width:540px}
.k27-secondary strong{color:#fff}
.k27-reveal{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:490px;margin:34px 0;padding:18px 21px;background:#e6b97715;border-left:3px solid #dbb47c;border-radius:0 12px 12px 0}
.k27-reveal small{font-size:.65rem;letter-spacing:.18em;color:#c7d3e0;font-weight:700;display:block;margin-bottom:5px}
.k27-reveal strong{font-size:1.08rem}.k27-reveal-spark{font-size:1.9rem;color:#d9b582}
.k27-actions{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1}
.k27-button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 20px;border:1px solid #cad6df55;font:inherit;font-size:.84rem;font-weight:800;cursor:pointer;transition:transform .15s,background-color .15s}
.k27-button:hover{transform:translateY(-2px)}
.k27-button-ghost{background:transparent;color:#edf5fa}
.k27-button-solid{background:#d9b27e;color:#0c263c!important;border-color:#d9b27e}
.k27-share-note{font-size:.8rem;color:#bed0df;margin-top:16px;min-height:1.2em}
.k27-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:auto;padding:22px clamp(20px,5vw,66px);font-size:.75rem;letter-spacing:.04em;color:#b5c8d6}
.k27-story-intro{background:radial-gradient(ellipse at 90% 12%,#274e63,transparent 55%),#071d34;padding:100px clamp(20px,5vw,66px) 110px}
.k27-story-intro-inner{max-width:1050px;margin:auto}
.k27-story-intro h1{margin:32px 0 28px}.k27-story-deck{font-size:clamp(1.1rem,2.3vw,1.45rem);line-height:1.6;max-width:760px;color:#d9e5ec;margin-bottom:38px}
.k27-article{color:#1e3447;background:#f8f9f5;padding:clamp(45px,8vw,105px) max(20px,calc((100vw - 790px)/2))}
.k27-article>p,.k27-article>h2{max-width:790px}
.k27-article p{font-size:1.1rem;line-height:1.88;margin:0 0 24px}
.k27-article-opening{font-size:1.34rem!important;font-weight:570;line-height:1.72!important;color:#143147}
.k27-article h2{font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.035em;margin:50px 0 19px;color:#102f43}
.k27-article-cta{background:#092a46;color:#e9f2f9;padding:clamp(25px,6vw,54px);border-radius:24px;margin:65px 0 25px}
.k27-article-cta h2{color:#fff;margin:8px 0 18px}
.k27-article-cta p{font-size:1rem;line-height:1.75}
.k27-article-cta .k27-button{margin-top:10px}
.k27-article-footnote{font-size:.82rem!important;color:#526575}
@media(max-width:650px){.k27-top{height:68px}.k27-head-year{font-size:.63rem}.k27-main{min-height:calc(100vh - 132px);padding:20px 14px 45px}.k27-hero{padding:36px 25px 31px;border-radius:21px}.k27-hero h1{font-size:clamp(2.9rem,12vw,5rem);margin:38px 0 24px}.k27-number{font-size:240px;right:-30px;bottom:-32px}.k27-reveal{margin:27px 0}.k27-button{width:100%}.k27-footer{font-size:.67rem}.k27-story-intro{padding:76px 22px 74px}.k27-story-intro h1{font-size:clamp(3.3rem,12vw,5rem)}.k27-article{padding:50px 24px}.k27-article p{font-size:1rem;line-height:1.77}.k27-article-cta{margin:45px -6px 25px}}
@media(prefers-reduced-motion:reduce){.k27-button{transition:none}.k27-button:hover{transform:none}}


/* 2.22.41 — EXACT Visit Kamień logo + the SAME background as official
   /kamien-2027. The teaser is not a separate visual identity. */
body.k27-campaign{color-scheme:light}
body.k27-mystery{background:#052b4d;color:#fff;overflow-x:hidden}
body.k27-campaign .k27-top{max-width:none;height:84px;padding:0;background:#fff;color:#082f57;z-index:30;border-bottom:1px solid rgba(8,47,87,.10);position:relative}
.k27-top-inner{max-width:1360px;width:calc(100% - 64px);margin:0 auto;height:100%;display:flex;align-items:center;gap:24px}
.k27-official-brand{flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.k27-official-brand img{width:175px;height:auto;max-height:76px;object-fit:contain;display:block}
.k27-langs{display:flex;align-items:center;gap:2px;padding-left:20px;border-left:1px solid #dce4ea}
.k27-langs button{border:0;background:transparent;color:#082f57;font-size:13px;font-weight:900;padding:11px 9px;cursor:pointer;position:relative;font-family:inherit}
.k27-langs button.active:after{content:"";position:absolute;left:9px;right:9px;bottom:3px;height:3px;background:#ffbd2f}
.k27-langs button:hover{color:#b27b12}
.k27-top-right{margin-left:auto;display:flex;align-items:center;gap:28px}
.k27-campaign .k27-head-year{display:flex;align-items:center;gap:10px;font-weight:900;color:#082f57;white-space:nowrap;font-size:12px;letter-spacing:.15em}
.k27-head-dot{display:inline-block;width:7px;height:7px;background:#ffbd2f;border-radius:50%}
.k27-menu-button{border:0;background:transparent;color:#082f57;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;cursor:pointer}
.k27-menu-button span{height:2px;width:22px;border-radius:2px;background:currentColor;display:block}
.k27-menu-button:hover{background:#f3f6f7;border-radius:9px}
.k27-menu{position:absolute;z-index:40;right:max(24px,calc((100% - 1320px)/2));top:calc(100% - 1px);background:#fff;color:#082f57;box-shadow:0 14px 45px rgba(3,30,54,.2);padding:12px;border-radius:0 0 14px 14px;min-width:240px;border:1px solid #e0e7ec}
.k27-menu[hidden]{display:none!important}
.k27-menu a{display:block;font-size:13px;font-weight:750;padding:13px 12px;border-radius:8px}
.k27-menu a:hover{background:#f1f5f8}
.k27-skip{position:absolute;z-index:70;top:-90px;left:20px;background:#fff;color:#082f57;padding:10px 16px;border-radius:8px}
.k27-skip:focus{top:8px}
body.k27-mystery .k27-cinematic-hero{position:relative;isolation:isolate;display:block;width:100%;min-height:clamp(670px,calc(100svh - 84px),890px);padding:0;overflow:hidden;
  background:#052b4d;
}
.k27-cinematic-hero:before{content:"";position:absolute;z-index:-2;inset:0;background-image:url('https://images.unsplash.com/photo-1553634331-f3aad2710cdd?auto=format&fit=crop&fm=jpg&q=88&w=2800'),url('/static/photos/mochel_aerial_2025.webp');background-size:cover,cover;background-position:center 50%,center 50%;background-repeat:no-repeat;filter:saturate(1.13) contrast(1.1) brightness(.92)}
.k27-cinematic-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,29,53,.99) 0%,rgba(3,29,53,.94) 22%,rgba(3,29,53,.70) 43%,rgba(3,29,53,.19) 66%,rgba(3,29,53,.01) 100%),linear-gradient(0deg,rgba(1,22,44,.67) 0%,rgba(1,22,44,.12) 27%,transparent 70%)}
.k27-cinematic-shade{position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.12;background:repeating-radial-gradient(ellipse at 1% 58%,transparent 0 99px,rgba(217,232,244,.33) 100px 101px,transparent 102px 160px)}
.k27-cinematic-inner{position:relative;z-index:2;max-width:1360px;width:calc(100% - 64px);min-height:clamp(670px,calc(100svh - 84px),890px);margin:0 auto;display:flex;align-items:center;padding:40px 22px 40px}
.k27-cinematic-content{width:min(100%,810px)}
.k27-hero-kicker{margin:0 0 26px;display:flex;gap:16px;align-items:center;color:#fff;font-size:13px;font-weight:900;letter-spacing:.18em;line-height:1.45;text-transform:uppercase}
.k27-kicker-dot{display:block;flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#ffbd2f;box-shadow:0 0 0 7px rgba(255,189,47,.12)}
.k27-cinematic-title{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-weight:950;line-height:1.065;letter-spacing:-.06em;margin:0 0 23px;font-size:clamp(46px,4.7vw,78px);max-width:920px;text-shadow:0 8px 27px rgba(1,15,30,.2)}
.k27-cinematic-title span{display:block;white-space:nowrap}
.k27-cinematic-title .k27-gold-line{color:#ffcb72}
.k27-hero-lead{font-size:clamp(18px,1.5vw,23px);font-weight:650;line-height:1.47;letter-spacing:-.018em;max-width:710px;margin:0 0 5px;color:#fff}
.k27-hero-sublead{font-size:clamp(15px,1.1vw,18px);line-height:1.57;max-width:650px;color:#e5ecf3;margin:0 0 25px}
.k27-date-tile{display:flex;align-items:center;gap:18px;max-width:585px;padding:17px 23px;border:1px solid rgba(255,255,255,.35);border-left:4px solid #ffbd2f;background:rgba(10,41,71,.68);border-radius:10px;backdrop-filter:blur(4px);margin:0 0 18px}
.k27-date-tile .k27-icon{flex:0 0 34px;width:34px;height:34px;color:#ffbd2f}
.k27-date-tile small{display:block;color:#e6edf5;font-size:11px;line-height:1.3;letter-spacing:.17em;font-weight:850;margin-bottom:6px}
.k27-date-tile strong{display:block;color:#fff;font-size:clamp(18px,1.5vw,25px);letter-spacing:-.03em;line-height:1.2}
.k27-date-dash{color:#ffbd2f;font-size:24px;margin-left:auto}
.k27-hero-actions{display:flex;flex-wrap:wrap;gap:12px;max-width:760px}
.k27-gold-button,.k27-outline-button,.k27-bottom-share{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:54px;padding:14px 24px;border-radius:9px;font-family:inherit;font-size:13px;font-weight:950;letter-spacing:.03em;line-height:1.25;text-decoration:none;cursor:pointer;transition:background-color .18s,transform .18s}
.k27-gold-button{background:#ffbd2f;color:#092c4d!important;border:2px solid #ffbd2f;min-width:265px}
.k27-gold-button:hover{background:#ffcd65;border-color:#ffcd65;transform:translateY(-1px)}
.k27-outline-button{border:2px solid #ffbd2f;background:rgba(3,31,56,.44);color:#fff;min-width:210px}
.k27-outline-button:hover{background:rgba(255,189,47,.2);transform:translateY(-1px)}
.k27-share-feedback{color:#fff1cc;font-size:13px;margin:8px 0;min-height:0}
.k27-share-feedback:empty{display:none}
.k27-hero-facts{display:flex;gap:32px;flex-wrap:wrap;align-items:center;margin-top:29px}
.k27-hero-facts div{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:630;white-space:nowrap}
.k27-hero-facts .k27-icon{width:23px;height:23px;color:#ffbd2f;flex:0 0 auto}
.k27-watermark{position:absolute;right:1%;bottom:-.24em;color:#fff;font-family:Impact,"Arial Black",system-ui,sans-serif;font-size:clamp(190px,22vw,340px);font-weight:950;opacity:.055;letter-spacing:-.1em;line-height:1;pointer-events:none}
.k27-story-bottom{background:#fff;padding:64px 28px 70px;color:#082f57;scroll-margin-top:86px}
.k27-story-bottom-inner{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:40px}
.k27-story-bottom-inner>div{max-width:730px}
.k27-detail-kicker{display:block;color:#b77b19;font-size:12px;font-weight:900;letter-spacing:.17em;margin-bottom:14px}
.k27-story-bottom h2{font-size:clamp(28px,3vw,43px);letter-spacing:-.045em;line-height:1.1;margin:0 0 15px}
.k27-story-bottom p{margin:0;font-size:17px;line-height:1.64;color:#426078}
.k27-bottom-share{flex:0 0 auto;border:2px solid #052b4d;background:#052b4d;color:#fff;padding:14px 22px;min-height:54px;letter-spacing:0}
.k27-bottom-share:hover{background:#14547e}
body.k27-mystery .k27-footer{background:#052b4d;color:#ecf4fa;max-width:none;padding:22px max(32px,calc((100vw - 1296px)/2));font-size:12px}
body.k27-mystery .k27-footer a:hover{color:#ffcd65}
/* The long-form editorial release also uses the identical, official brand mark. */
body.k27-story .k27-top{background:#fff;color:#082f57;max-width:none}
body.k27-story .k27-head-link{margin-left:auto;color:#082f57}
@media(max-width:1100px){
  .k27-cinematic-title{font-size:clamp(41px,5.5vw,66px)}
  .k27-cinematic-content{max-width:735px}
  .k27-cinematic-hero:after{background:linear-gradient(90deg,rgba(3,29,53,.96) 0%,rgba(3,29,53,.83) 38%,rgba(3,29,53,.33) 80%,rgba(3,29,53,.20) 100%),linear-gradient(0deg,rgba(1,22,44,.48),transparent 45%)}
}
@media(max-width:760px){
  body.k27-campaign .k27-top{height:69px}
  .k27-top-inner{width:calc(100% - 30px);gap:9px}
  .k27-official-brand img{width:120px;max-height:61px}
  .k27-langs{padding-left:9px;gap:0}
  .k27-langs button{font-size:11px;padding:10px 5px}
  .k27-langs button.active:after{left:5px;right:5px}
  .k27-top-right{gap:4px}
  .k27-campaign .k27-head-year{font-size:9px;letter-spacing:.065em;gap:5px}
  .k27-head-dot{width:5px;height:5px}
  .k27-menu-button{width:30px;height:36px}
  .k27-menu-button span{width:19px}
  body.k27-mystery .k27-cinematic-hero{min-height:0}
  .k27-cinematic-inner{width:100%;min-height:min(860px,calc(100svh - 69px));padding:57px 24px 52px;align-items:center}
  .k27-cinematic-content{max-width:580px}
  .k27-cinematic-hero:before{background-position:57% center,center center}
  .k27-cinematic-hero:after{background:linear-gradient(90deg,rgba(3,29,53,.90),rgba(3,29,53,.55)),linear-gradient(0deg,rgba(3,29,53,.80),rgba(3,29,53,.10) 88%)}
  .k27-hero-kicker{font-size:10px;letter-spacing:.14em;gap:12px;margin-bottom:27px}
  .k27-cinematic-title{font-size:clamp(35px,7.5vw,57px);line-height:1.1;letter-spacing:-.05em;margin-bottom:20px}
  .k27-cinematic-title span{white-space:normal}
  .k27-hero-lead{font-size:17px;max-width:540px}
  .k27-hero-sublead{font-size:15px;margin-bottom:24px}
  .k27-date-tile{padding:15px;gap:13px}
  .k27-date-tile strong{font-size:20px}
  .k27-hero-facts{gap:13px 23px;margin-top:21px}
  .k27-hero-facts div{font-size:13px}
  .k27-watermark{font-size:180px;bottom:-.2em}
  .k27-story-bottom{padding:44px 24px}
  .k27-story-bottom-inner{display:block}
  .k27-story-bottom p{font-size:15px}
  .k27-bottom-share{margin-top:22px}
}
@media(max-width:480px){
  .k27-official-brand img{width:96px}
  .k27-top-inner{width:calc(100% - 22px);gap:6px}
  .k27-langs{padding-left:8px}
  .k27-langs button{font-size:10px;padding:10px 4px}
  .k27-top-right{gap:2px}
  .k27-campaign .k27-head-year{font-size:9px;letter-spacing:0}
  .k27-cinematic-inner{padding:46px 20px 49px;min-height:0}
  .k27-cinematic-title{font-size:clamp(35px,9vw,43px)}
  .k27-hero-lead{font-size:16px}
  .k27-hero-sublead{font-size:14px}
  .k27-date-tile strong{font-size:19px}
  .k27-date-tile small{font-size:10px}
  .k27-date-dash{display:none}
  .k27-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .k27-gold-button,.k27-outline-button{width:100%;min-width:0;min-height:51px;font-size:12px}
  .k27-hero-facts{display:grid;grid-template-columns:1fr;gap:13px}
  .k27-hero-facts div{font-size:14px}
  .k27-story-bottom h2{font-size:28px}
  .k27-bottom-share{width:100%;font-size:12px}
  body.k27-mystery .k27-footer{padding:20px;flex-wrap:wrap;gap:10px}
}
@media(max-width:365px){
  .k27-campaign .k27-head-year{display:none}
  .k27-cinematic-title{font-size:34px}
  .k27-date-tile{padding:12px}
}
@media(prefers-reduced-motion:reduce){
  .k27-gold-button,.k27-outline-button,.k27-bottom-share{transition:none}
  .k27-gold-button:hover,.k27-outline-button:hover{transform:none}
}
