:root{color-scheme:dark;--ink:#f8f3ff;--muted:#b8adc8;--lime:#d4ff65;--plum:#170d29;--gutter:#211332;font:100%/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--plum);color:var(--ink)}a{color:inherit}.masthead{position:fixed;z-index:10;top:18px;left:50%;transform:translateX(-50%);width:min(94%,1160px);height:64px;padding:8px 10px 8px 20px;border:1px solid #ffffff20;border-radius:999px;background:#241936d9;backdrop-filter:blur(18px) saturate(145%);display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 40px #08030d66}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:750;letter-spacing:-.035em}.brand img{width:36px;height:36px}.brand i{color:var(--lime);font-style:normal}.menu-toggle{border:0;width:46px;height:46px;border-radius:50%;background:var(--lime);display:grid;align-content:center;justify-content:center;gap:5px;cursor:pointer}.menu-toggle span{display:block;background:#20142d;height:2px;width:17px;border-radius:2px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-nav{position:absolute;right:4px;top:74px;width:220px;padding:10px;border-radius:20px;border:1px solid #ffffff22;background:#251937f5;box-shadow:0 18px 40px #08030d80}.site-nav[hidden]{display:none}.site-nav a{display:block;text-decoration:none;padding:12px 14px;border-radius:12px;color:#eee7fa}.site-nav a:hover,.site-nav a:focus-visible{background:#ffffff12;color:var(--lime)}:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.intro{min-height:87vh;padding:178px max(7vw,24px) 62px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 83% 30%,#512d664d,transparent 35%),linear-gradient(145deg,#170d29 20%,#251534 70%,#180e29)}.intro:after{content:"";position:absolute;width:37vw;height:37vw;min-width:300px;min-height:300px;border:1px solid #d4ff651c;border-radius:50%;right:4%;top:22%;box-shadow:0 0 0 45px #d4ff6508,0 0 0 95px #d4ff6505;pointer-events:none}.eyebrow{font-size:.7rem;font-weight:750;letter-spacing:.17em;color:#d1c5dc}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-right:10px;box-shadow:0 0 14px #d4ff65}.intro h1,.article-wrap h1{font-size:clamp(3rem,8vw,7.5rem);line-height:.99;letter-spacing:-.07em;margin:30px 0 22px;max-width:1000px}.intro h1 em,.article-wrap h1 em{color:var(--lime);font-style:normal}.intro-copy{max-width:430px;color:#c7bbd2;font-size:1.07rem}.scroll-cue{display:inline-flex;gap:22px;align-items:center;margin-top:40px;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;text-decoration:none;color:#eee6f3}.scroll-cue span{color:var(--lime);font-size:1.2rem}.mosaic-shell{overflow:hidden;background:var(--gutter);padding:12px max(12px,2vw)}.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1540px;margin:auto;min-height:120vh;overflow:hidden}.tile-column{display:flex;flex-direction:column;gap:12px;will-change:transform}.tile-column:nth-child(2){padding-top:10vh}.tile{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:66vh;padding:24px;border-radius:24px;overflow:hidden;text-decoration:none;background:#312140;transform:translateZ(0)}.tile-short{min-height:49vh}.tile:before{content:"";position:absolute;z-index:-2;inset:0;background-image:var(--cover);background-size:cover;background-position:center;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .3s}.tile:after{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(180deg,#11091b24 10%,#140b1f08 38%,#100818de 100%);transition:background .25s}.tile:hover:before,.tile:focus-visible:before,.tile.is-open:before{transform:scale(1.035)}.tile-meta{font-size:.68rem;letter-spacing:.15em;font-weight:700;color:#fff}.tile-title{font-size:clamp(1.3rem,2.8vw,3rem);font-weight:720;line-height:1.04;letter-spacing:-.045em;max-width:650px;opacity:0;transform:translateY(12px);transition:opacity .24s,transform .3s}.tile-title b{color:var(--lime);font-size:.7em;margin-left:.3em}.tile:hover .tile-title,.tile:focus-visible .tile-title,.tile.is-open .tile-title{opacity:1;transform:none}.home-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:30px max(7vw,24px);color:#b9aec7;font-size:.78rem}.home-footer a{text-decoration:none;color:var(--lime)}.article-wrap{min-height:100vh;padding:150px 24px 100px;max-width:900px;margin:auto}.back-link{display:inline-block;color:var(--lime);text-decoration:none;margin-bottom:48px}.article-wrap h1{font-size:clamp(3.2rem,9vw,7rem)}.article-lead{font-size:clamp(1.25rem,2.6vw,1.7rem);line-height:1.4;color:#d2c7dd;max-width:730px}.article-body{border-top:1px solid #ffffff24;margin:54px 0 48px;padding-top:26px;max-width:690px;color:#d9d1e1;font-size:1.08rem;line-height:1.9}.article-body p{margin:0 0 1.5em}.article-kicker{color:var(--lime);font-weight:700;font-size:.72rem;letter-spacing:.16em}.article-art{height:260px;margin:48px 0;border-radius:24px;background-size:cover;background-position:center}
@media(max-width:650px){.masthead{top:12px;height:58px;padding-left:14px}.brand{font-size:.94rem}.brand img{width:32px;height:32px}.intro{min-height:76vh;padding:145px 22px 44px}.intro h1{font-size:clamp(3rem,14vw,5.2rem)}.intro-copy{font-size:1rem}.mosaic-shell{padding:7px}.mosaic{gap:7px;min-height:155vh}.tile-column{gap:7px}.tile-column:nth-child(2){padding-top:8vh}.tile{padding:14px;min-height:56vh;border-radius:16px}.tile-short{min-height:42vh}.tile-meta{font-size:.54rem;letter-spacing:.1em}.tile-title{font-size:clamp(1.03rem,5.4vw,1.7rem)}.home-footer{flex-wrap:wrap;padding:24px 18px}.home-footer span:nth-child(2){order:3;flex-basis:100%}.article-wrap{padding:125px 23px 70px}.article-wrap .back-link{margin-bottom:36px}}
@media(hover:none){.tile-title{opacity:0}.tile:hover .tile-title{opacity:0}.tile.is-open .tile-title{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.tile-column{transform:none!important;will-change:auto}.mosaic{min-height:0}.tile-title{opacity:1;transform:none}}
/* Static gallery is the no-JavaScript and reduced-motion fallback. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.home-page .mosaic-shell{padding:0;background:var(--gutter);overflow:visible}
.home-page .mosaic{min-height:0;align-items:start;padding:8px;gap:8px;overflow:hidden}
.home-page .tile-column{padding:0;gap:8px}
.home-page .tile{min-height:64svh}
.home-page .tile-short{min-height:48svh}
.home-page .tile:focus-visible .tile-title,.using-mouse .tile:hover .tile-title{opacity:1;transform:none}
@media(max-width:650px){.home-page .tile{min-height:62svh}.home-page .tile-short{min-height:48svh}.home-page .masthead{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){.mosaic-ready .mosaic-shell{height:auto}.mosaic-ready .mosaic{position:relative;height:auto}.home-page .tile-title{opacity:1;transform:none}}
/* Compact floating brand capsule: large AI left, stacked wording right, separate round menu. */
.masthead,.home-page .masthead{top:clamp(32px,9.5vw,56px);width:min(calc(100% - 40px),clamp(270px,72vw,440px));height:clamp(92px,24vw,116px);padding:14px clamp(18px,4vw,30px);gap:clamp(12px,3vw,24px);background:#100b12bf;border:0;box-shadow:none;backdrop-filter:blur(18px) saturate(115%)}
.masthead .brand{flex:1;min-width:0;gap:0;letter-spacing:normal}
.masthead .brand img{display:block;width:clamp(162px,42vw,252px);max-width:100%;height:auto;flex-shrink:1}
.masthead .brand>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.masthead .menu-toggle{flex:0 0 clamp(54px,14vw,66px);width:clamp(54px,14vw,66px);height:clamp(54px,14vw,66px);background:#c5ed43}
.masthead .menu-toggle span{width:21px;background:#78649b}
.masthead .site-nav{top:calc(100% + 12px);right:0;width:min(250px,100%)}
.article-page .article-wrap{padding-top:clamp(160px,34vw,200px)}
@media(prefers-reduced-transparency:reduce){.masthead{background:#251937;border-color:#a99bb944;backdrop-filter:none}}

/* Full-viewport modal: a body sibling, never a capsule dropdown. */
.menu-toggle{display:none}.js-ready .menu-toggle{display:grid}
.menu-dialog[hidden]{display:none}
.menu-dialog{position:fixed;inset:0;z-index:30;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(#100b12df,#100b12ed),url('../covers/pomysly.svg') center/cover}
.menu-dialog .site-nav{position:relative;inset:auto;width:min(100%,1100px);margin:auto;padding:clamp(190px,28vh,260px) 7vw 60px;border:0;border-radius:0;background:none;box-shadow:none}
.menu-dialog .site-nav>a{width:fit-content;padding:6px 0;color:var(--lime);font-size:clamp(2.7rem,8vw,7rem);font-weight:750;line-height:1.12;letter-spacing:-.055em;border-radius:0}
.menu-dialog .site-nav a:hover,.menu-dialog .site-nav a:focus-visible{background:none;color:#fff}
.menu-secondary{margin-top:38px;color:var(--muted)}
.menu-secondary a{padding:7px 0;font-size:clamp(1rem,2vw,1.25rem)}
.menu-secondary p{font-size:.85rem;margin-top:28px}
.gallery-tools{position:relative;z-index:5;display:flex;justify-content:center;gap:10px;padding:180px 12px 16px;font-size:.8rem}
.gallery-tools a,.gallery-tools button{border:1px solid #ffffff38;border-radius:30px;background:#170d29ed;color:var(--lime);padding:10px 16px;font:inherit;text-decoration:none;cursor:pointer}
.gallery-tools button[hidden]{display:none}
html:not(.mosaic-ready) .home-page .tile .tile-title{opacity:1;transform:none}
.mosaic-ready body.home-page{overflow:hidden;overscroll-behavior:none}
.mosaic-ready .home-page .mosaic-shell{position:fixed;inset:0;height:100dvh;overflow:hidden}
.mosaic-ready .home-page .mosaic{position:relative;height:100%;padding:0 8px;overflow:hidden;touch-action:pinch-zoom}
.mosaic-ready .home-page .tile-column{display:block;will-change:transform}
.tile-sequence{display:flex;flex-direction:column;gap:8px;padding-bottom:8px}
.mosaic-ready .home-page .tile{flex-shrink:0}
.mosaic-ready .home-page .home-footer{display:none}
.mosaic-ready .gallery-tools{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:0;right:0;padding:0 10px;pointer-events:none}
.mosaic-ready .gallery-tools>*{pointer-events:auto}
.mosaic-ready .home-page .tile-title{opacity:0;transform:translateY(12px)}
.mosaic-ready .home-page .tile.is-open .tile-title,.mosaic-ready .home-page .tile:focus-visible .tile-title,.mosaic-ready.using-mouse .home-page .tile:hover .tile-title{opacity:1;transform:none}
.article-index{padding-left:1.5em;margin:42px 0 60px}
.article-index li{padding:18px 0;border-bottom:1px solid #ffffff25}
.article-index a{font-size:clamp(1.1rem,3vw,1.5rem);text-decoration:none}
.article-index a:hover{color:var(--lime)}
.article-body h2{font-size:1.4rem;line-height:1.3;color:var(--lime)}
@media(prefers-reduced-motion:reduce){.home-page .tile-title{opacity:1;transform:none}.home-page .tile-column{will-change:auto}}