/* The 2026 site (Sławek's rebuild, Oct 4 2026): one stylesheet for every page built by scripts/build_site.py.
   Brand (kept from the Forager Brands refresh): deep teal with the diamond "frames" texture, gold accents and gold
   textured bands, Outfit for headings (bold, uppercase), Nunito Sans for text, DM Sans for buttons and small labels,
   square buttons and McLlama illustrations. No gold or rounded "pill" buttons (Sławek, Oct 4). */

@font-face{font-family:Outfit;src:url(/assets/fonts/outfit.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url(/assets/fonts/nunito-sans.woff2) format("woff2");font-weight:200 1000;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/assets/fonts/dm-sans.woff2) format("woff2");font-weight:100 1000;font-display:swap}

:root{
  --ink:#123e54;--ink-2:#1f3d52;--night:#101f2b;--teal:#133e54;--teal-hi:#1d5a78;
  --gold:#b2975a;--gold-hi:#dcc492;--gold-lo:#937c47;--gold-text:#7a5e24;--gold-band:#af9861;
  --paper:#f2e4ce;--cream:#ead9bc;--line:#dcc8a6;--white:#fff;
  --text:#123044;--muted:#465a65;--on-dark:#ece3d3;--on-dark-muted:#b9c5ca;
  --r:4px;--r-sm:3px;--r-lg:6px;
  --shadow:0 1px 2px rgba(10,34,48,.08),0 14px 30px -20px rgba(10,34,48,.45);
  --wrap:1200px;--gut:clamp(16px,4vw,40px);
  --head:72px;
  --frames:url(/assets/img/pattern-frames.webp);--gold-tex:url(/assets/img/pattern-frames-gold.webp)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--text);font:400 17px/1.6 "Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video,iframe{max-width:100%;display:block}
img{height:auto}
a{color:inherit}
h1,h2,h3,h4{font-family:Outfit,system-ui,sans-serif;line-height:1.02;margin:0;letter-spacing:-.01em;font-weight:800;text-transform:uppercase;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px}
.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}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.sec{padding:clamp(64px,9vw,120px) 0;background:var(--paper) var(--frames) center/1024px repeat}
.sec.dark{background:var(--ink) var(--frames) center/1024px repeat;color:var(--on-dark)}
.sec.dark.alt{background-color:var(--ink-2)}
.sec.cream{background:var(--gold-band) var(--gold-tex) center/1024px repeat;color:#111}
.kicker{font:700 13px/1.3 "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);margin-bottom:14px}
.dark .kicker,.phero .kicker,.hero .kicker,.final .kicker{color:var(--gold-hi)}
.cream .kicker{color:#3b2f12}
.sec-h{font-size:clamp(30px,4.2vw,52px);color:var(--teal)}
.dark .sec-h{color:var(--white)}
.cream .sec-h{color:#0d0d0d}
.sec-sub{margin-top:16px;font-size:clamp(17px,1.6vw,19px);color:var(--muted);max-width:62ch}
.dark .sec-sub{color:var(--on-dark-muted)}
.cream .sec-sub{color:#2a2416}
.sec-head{margin-bottom:clamp(32px,4vw,52px)}
.sec-head.center{text-align:center}
.sec-head.center .sec-sub{margin-left:auto;margin-right:auto}
.gold{color:var(--gold)}

/* McLlama next to a section title */
.with-llama{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,4vw,48px);align-items:center}
.with-llama .llama{width:clamp(110px,14vw,190px);height:auto}
.with-llama .llama.wide{width:clamp(170px,22vw,300px)}
.sec-head.center.with-llama{display:flex;flex-direction:column;align-items:center}
@media (max-width:620px){.with-llama{grid-template-columns:1fr}.with-llama .llama{width:120px}.with-llama .llama.wide{width:200px}}

/* Buttons: square, DM Sans, with a small arrow (no gold or pill buttons) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 26px;border-radius:0;
  font:700 14px/1.1 "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;text-align:center;
  border:2px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn::after{content:"";width:0;height:0;border-left:6px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent;transition:transform .2s}
.btn:hover::after{transform:translateX(3px)}
.btn-main{background:var(--teal);border-color:var(--teal);color:var(--white)}
.btn-main:hover{background:var(--night);border-color:var(--night)}
.dark .btn-main,.hero .btn-main,.phero .btn-main,.final .btn-main,.visit .btn-main,.cinfo .btn-main,.pkg.top .btn-main,.biz:not(.light) .btn-main{background:var(--white);border-color:var(--white);color:var(--teal)}
.dark .btn-main:hover,.hero .btn-main:hover,.phero .btn-main:hover,.final .btn-main:hover,.visit .btn-main:hover,.cinfo .btn-main:hover,.pkg.top .btn-main:hover,.biz:not(.light) .btn-main:hover{background:transparent;color:var(--white)}
.btn-ghost{border-color:rgba(255,255,255,.75);color:var(--white)}
.btn-ghost:hover{background:var(--white);color:var(--teal)}
.btn-teal{background:var(--teal);border-color:var(--teal);color:var(--white)}
.btn-teal:hover{background:var(--night);border-color:var(--night)}
.btn-line{border-color:var(--teal);color:var(--teal)}
.btn-line:hover{background:var(--teal);color:var(--white)}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.link-arrow{font:700 14px/1.2 "DM Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;color:var(--teal);display:inline-flex;gap:8px;align-items:center}
.dark .link-arrow,.visit .link-arrow,.hero .link-arrow,.phero .link-arrow,.final .link-arrow{color:var(--gold-hi)}
.link-arrow span{transition:transform .2s}
.link-arrow:hover span{transform:translateX(4px)}

/* Hero */
.hero{position:relative;isolation:isolate;min-height:min(88vh,860px);display:flex;align-items:flex-end;color:var(--white);background:var(--ink);overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;filter:blur(3px) brightness(.9);transform:scale(1.04)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(10,34,48,.94) 0%,rgba(10,34,48,.78) 38%,rgba(10,34,48,.18) 75%),linear-gradient(0deg,rgba(10,34,48,.95) 0%,rgba(10,34,48,0) 45%)}
.hero .wrap{width:100%;padding-top:clamp(80px,12vh,140px);padding-bottom:clamp(48px,8vh,96px)}
.hero h1{font-size:clamp(44px,7.4vw,96px);font-weight:700;max-width:12ch;letter-spacing:-.035em;line-height:.98}
.hero h1 em{font-style:normal;color:var(--gold-hi)}
.hero-sub{margin-top:22px;font-size:clamp(17px,1.8vw,21px);line-height:1.5;color:var(--on-dark);max-width:52ch}
.hero .btn-row{margin-top:32px}
.hero-facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:30px;font:600 14px/1.3 Outfit,sans-serif;letter-spacing:.04em;color:var(--on-dark-muted)}
.hero-facts li{display:flex;align-items:center;gap:8px}
.hero-facts li::before{content:"";width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
@media (max-width:700px){
  .hero{min-height:auto;display:block}
  .hero::before{display:none}
  .hero-media{position:relative;inset:auto;z-index:0;aspect-ratio:4/3}
  .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink) 0%,rgba(10,34,48,0) 45%)}
  .hero .wrap{padding-top:8px;padding-bottom:56px}
  .hero .btn-row .btn{flex:1 1 100%}
  .hero-media{overflow:hidden}
  .hero-media img{filter:blur(2.5px) brightness(.55) saturate(.85);transform:scale(1.04)}
}

/* Page hero (inner pages) */
.phero{position:relative;isolation:isolate;background:var(--ink);color:var(--white);overflow:hidden}
.phero .wrap{padding-top:clamp(56px,8vw,110px);padding-bottom:clamp(56px,8vw,100px);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:center}
.phero h1{font-size:clamp(40px,5.6vw,72px);letter-spacing:-.03em}
.phero .hero-sub{max-width:48ch}
.phero-img{border-radius:var(--r-lg);overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.7);aspect-ratio:4/3}
.phero-img img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.phero .wrap{grid-template-columns:1fr}}

/* Proof: shows */
.shows{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
@media (max-width:900px){.shows{grid-template-columns:1fr;max-width:620px;margin:0 auto}}
.show{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.show-body{padding:18px 20px 22px}
.show h3{font-size:22px;color:var(--white)}
.show p{margin-top:6px;font-size:15px;color:var(--on-dark-muted)}
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#000;border:0;padding:0;cursor:pointer;overflow:hidden}
.yt img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .3s}
.yt:hover img{transform:scale(1.04);opacity:.85}
.yt .play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;
  background:rgba(10,34,48,.72);border:2px solid var(--gold-hi);display:grid;place-items:center;transition:transform .2s,background .2s}
.yt:hover .play{transform:scale(1.08);background:var(--gold)}
.yt .play svg{width:24px;height:24px;margin-left:4px;fill:var(--white)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.logos{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:clamp(36px,5vw,56px);border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}
.logos li{display:grid;place-items:center;padding:22px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.logos img{width:100%;max-width:130px;opacity:.85}
@media (max-width:760px){.logos{grid-template-columns:repeat(3,1fr)}.logos li{padding:16px}}
.proof-foot{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;color:var(--on-dark-muted);font-size:15px}

/* The difference */
.diff{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(16px,2.4vw,28px);align-items:stretch}
@media (max-width:860px){.diff{grid-template-columns:1fr}}
.diff-col{border-radius:var(--r-lg);padding:clamp(24px,3vw,40px)}
.diff-col h3{font-size:clamp(22px,2.4vw,28px)}
.diff-col ul{list-style:none;margin-top:20px;display:grid;gap:12px}
.diff-col li{position:relative;padding-left:30px;font-weight:600;line-height:1.4}
.diff-col li::before{position:absolute;left:0;top:1px;font:700 16px/1 Outfit,sans-serif}
.diff-rent{background:var(--white);border:1px solid var(--line);color:var(--muted)}
.diff-rent h3{color:var(--muted)}
.diff-rent li::before{content:"—";color:#9aa7ad}
.diff-us{background:var(--teal);color:var(--white);box-shadow:var(--shadow);position:relative;overflow:hidden}
.diff-us::after{content:"";position:absolute;inset:auto -40px -60px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(226,203,148,.22),transparent 70%)}
.diff-us h3{color:var(--white)}
.diff-us li::before{content:"";width:10px;height:10px;top:7px;left:4px;background:var(--gold);transform:rotate(45deg)}
.diff-note{margin-top:24px;font-size:15px;color:var(--muted);max-width:70ch}

/* How it works */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px);counter-reset:s}
@media (max-width:980px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}
.steps li{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:28px 24px 26px;box-shadow:var(--shadow)}
.steps .n{display:block;font:700 15px/1 Outfit,sans-serif;letter-spacing:.14em;color:var(--gold-text)}
.steps h3{margin-top:14px;font-size:22px;color:var(--teal)}
.steps p{margin-top:10px;font-size:15.5px;color:var(--muted)}

/* One recording becomes (the signature piece) */
.engine{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:start}
@media (min-width:981px){.engine-src{position:sticky;top:calc(var(--head) + 24px)}}
@media (max-width:980px){.engine{grid-template-columns:1fr}}
.engine-src{margin:0;position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/10;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.engine-src img{width:100%;height:100%;object-fit:cover}
.engine-src .rec{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;
  background:rgba(10,34,48,.75);font:700 12px/1 Outfit,sans-serif;letter-spacing:.14em;color:var(--white)}
.engine-src .rec i{width:9px;height:9px;border-radius:50%;background:#e5484d;animation:rec 1.4s infinite}
@keyframes rec{50%{opacity:.25}}
.engine-src figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(0deg,rgba(10,34,48,.92),transparent);
  font:600 15px/1.3 Outfit,sans-serif;color:var(--white)}
.pk-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
@media (max-width:560px){.pk-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pk-tabs button{padding:10px 4px;font-size:12px;letter-spacing:.04em}}
.pk-tabs button{min-height:44px;padding:10px 18px;border-radius:999px;border:1.5px solid rgba(255,255,255,.25);background:transparent;
  font:700 14px/1 Outfit,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark);cursor:pointer;transition:all .2s}
.pk-tabs button:hover{border-color:var(--gold-hi);color:var(--gold-hi)}
.pk-tabs button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.outs{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (max-width:520px){.outs{grid-template-columns:1fr}}
.out{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:var(--r-sm);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  transition:opacity .35s,transform .35s cubic-bezier(.2,.8,.2,1),background .35s,border-color .35s}
.out .ico{flex:none;width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:rgba(174,152,99,.18);color:var(--gold-hi)}
.out .ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.out b{display:block;font:700 16px/1.2 Outfit,sans-serif;color:var(--white)}
.out small{display:block;margin-top:3px;font-size:13.5px;line-height:1.35;color:var(--on-dark-muted)}
.out[data-off]{opacity:.32;transform:scale(.98);background:transparent;border-style:dashed}
.out[data-off] .ico{background:rgba(255,255,255,.05);color:var(--on-dark-muted)}
.out[data-new]{border-color:var(--gold);background:rgba(174,152,99,.12)}
.engine-foot{margin-top:18px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between}
.engine-price{font:600 15px/1.4 Outfit,sans-serif;color:var(--on-dark)}
.engine-price b{font-size:28px;color:var(--white);letter-spacing:-.01em}
.engine-who{margin-top:4px;font-size:14.5px;color:var(--on-dark-muted)}
.engine-line{margin-top:clamp(32px,4vw,48px);text-align:center;font:700 clamp(22px,3vw,34px)/1.15 Outfit,sans-serif;letter-spacing:-.01em;color:var(--white)}
.engine-line span{color:var(--gold-hi)}
.pipeline{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;margin-top:22px;font:700 13px/1 Outfit,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-muted)}
.pipeline li{display:flex;align-items:center}
.pipeline li+li::before{content:"";width:22px;height:1px;margin:0 10px;background:var(--gold)}
@media (max-width:560px){.pipeline{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:12px 18px}.pipeline li+li::before{display:none}}

/* Packages */
.pkgs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,20px)}
@media (max-width:1060px){.pkgs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.pkgs{grid-template-columns:1fr}}
.pkg{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;box-shadow:var(--shadow);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.pkg:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(10,34,48,.08),0 26px 44px -20px rgba(10,34,48,.45)}
.pkg.top{background:var(--teal);color:var(--white);border-color:var(--teal)}
.pkg .tag{position:absolute;top:-12px;left:24px;padding:6px 12px;border-radius:999px;background:var(--gold);color:var(--ink);font:700 11px/1 Outfit,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.pkg h3{font-size:24px;color:var(--teal)}
.pkg.top h3{color:var(--white)}
.pkg .what{margin-top:4px;font:700 13px/1.3 Outfit,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-text)}
.pkg.top .what{color:var(--gold-hi)}
.pkg .amt{margin-top:16px;font:700 44px/1 Outfit,sans-serif;letter-spacing:-.02em;color:var(--teal)}
.pkg.top .amt{color:var(--white)}
.pkg .amt small{font-size:14px;font-weight:600;letter-spacing:0;color:var(--muted);margin-left:4px}
.pkg.top .amt small{color:var(--on-dark-muted)}
.pkg .for{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:15px;font-weight:600;color:var(--muted)}
.pkg.top .for{border-color:rgba(255,255,255,.18);color:var(--on-dark)}
.pkg ul{list-style:none;margin-top:14px;display:grid;gap:8px;flex:1;align-content:start}
.pkg li{position:relative;padding-left:20px;font-size:14.5px;line-height:1.4;font-weight:600}
.pkg li::before{content:"";position:absolute;left:2px;top:7px;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}
.pkg .btn{margin-top:22px;width:100%}
.pkg.top .btn-line{border-color:var(--white);color:var(--white)}
.pkg.top .btn-line:hover{background:var(--white);color:var(--teal)}
.pkg-foot{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;font-size:15px;color:var(--muted)}
.pkg-foot ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;font-weight:600}
.pkg-foot li{display:flex;gap:8px;align-items:center}
.pkg-foot li::before{content:"";width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}

/* Business band */
.biz{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:center}
@media (max-width:900px){.biz{grid-template-columns:1fr}}
.biz-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin-top:26px}
@media (max-width:520px){.biz-list{grid-template-columns:1fr}}
.biz-list li{position:relative;padding-left:22px;font-weight:600;color:var(--on-dark)}
.biz-list li::before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}
.biz .btn-row{margin-top:30px}
.biz-img{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.biz-img img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.biz-img{aspect-ratio:16/10}}

/* Studio */
.studio-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:12px}
.studio-grid figure{margin:0;position:relative;border-radius:var(--r);overflow:hidden;background:var(--ink)}
.studio-grid figure:first-child{grid-row:span 2}
.studio-grid img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
.studio-grid figure:first-child img{aspect-ratio:auto}
.studio-grid figcaption{position:absolute;left:10px;bottom:10px;padding:6px 10px;border-radius:8px;background:rgba(10,34,48,.78);color:var(--white);font:600 13px/1.2 Outfit,sans-serif}
@media (max-width:760px){.studio-grid{grid-template-columns:1fr 1fr}.studio-grid figure:first-child{grid-column:span 2;grid-row:auto}.studio-grid figure:first-child img{aspect-ratio:3/2}}
.facts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);margin-top:clamp(28px,4vw,44px)}
@media (max-width:900px){.facts{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.facts{grid-template-columns:1fr}}
.facts li{padding:22px 22px 20px;background:var(--white);border:1px solid var(--line);border-radius:var(--r)}
.facts h3{font-size:19px;color:var(--teal)}
.facts p{margin-top:6px;font-size:15px;color:var(--muted)}

/* FAQ */
.faq{max-width:860px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 2px;
  font:700 clamp(18px,2vw,21px)/1.3 Outfit,sans-serif;color:var(--teal)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:14px;height:14px;border-right:2.5px solid var(--gold-text);border-bottom:2.5px solid var(--gold-text);transform:rotate(45deg) translate(-3px,-3px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.faq .a{padding:0 2px 22px;color:var(--muted);max-width:70ch}
.faq .a p+p{margin-top:10px}
.faq-more{margin-top:28px;text-align:center}

/* Final call */
.final{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--white);text-align:center}
.final::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,34,48,.9),rgba(10,34,48,.72)),var(--bg) center/cover}
.final h2{font-size:clamp(36px,5.6vw,70px);letter-spacing:-.03em}
.final .lines{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 26px;margin-top:22px;font:600 clamp(16px,1.8vw,19px)/1.4 Outfit,sans-serif;color:var(--on-dark)}
.final .btn-row{justify-content:center;margin-top:34px}
.final .alt{margin-top:18px;color:var(--on-dark-muted);font-size:15px}
.final .alt a{color:var(--gold-hi)}

/* Production page */
.flow{list-style:none;display:grid;gap:clamp(14px,2vw,20px)}
.flow li{display:grid;grid-template-columns:120px 1fr 1fr;gap:clamp(16px,3vw,40px);align-items:start;padding:clamp(22px,3vw,34px);background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg)}
@media (max-width:860px){.flow li{grid-template-columns:1fr}}
.flow .n{font:700 clamp(36px,4vw,52px)/1 Outfit,sans-serif;color:var(--gold)}
.flow h3{font-size:clamp(24px,2.6vw,32px);color:var(--teal)}
.flow .lead{margin-top:10px;color:var(--muted)}
.flow ul{list-style:none;display:grid;gap:8px}
.flow ul li{all:unset;position:relative;display:block;padding-left:22px;font-weight:600;font-size:15.5px;line-height:1.45}
.flow ul li::before{content:"";position:absolute;left:2px;top:8px;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}
.flow .pk{display:inline-block;margin-top:14px;padding:5px 10px;border-radius:999px;background:var(--cream);font:700 12px/1.2 Outfit,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-text)}
.who{width:100%;border-collapse:separate;border-spacing:0;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;font-size:15px}
.who th,.who td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--line)}
.who thead th{font:700 15px/1.2 Outfit,sans-serif;letter-spacing:.04em;color:var(--teal);background:var(--cream);vertical-align:bottom}
.who thead th small{display:block;margin-top:4px;font-weight:600;color:var(--muted);letter-spacing:0}
.who tbody th{text-align:left;font-weight:700;color:var(--text)}
.who tr:last-child>*{border-bottom:0}
.who .y{color:var(--teal);font-weight:800}
.who .y::before{content:"";display:inline-block;width:10px;height:10px;background:var(--gold);transform:rotate(45deg);margin-right:6px;vertical-align:1px}
.who .u{color:#8b979d}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-lg)}
.table-scroll .who{min-width:680px}
.scroll-hint{display:none;margin-top:8px;font-size:13px;color:var(--muted)}
@media (max-width:720px){.scroll-hint{display:block}}
.gear{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px)}
@media (max-width:900px){.gear{grid-template-columns:1fr}}
.gear article{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);overflow:hidden}
.gear img{width:100%;aspect-ratio:3/2;object-fit:cover}
.gear .b{padding:22px 22px 26px}
.gear h3{font-size:22px;color:var(--white)}
.gear p{margin-top:8px;color:var(--on-dark)}
.gear .proof{margin-top:12px;font-size:14px;color:var(--on-dark-muted)}

/* 404 */
.nf{min-height:60vh;display:grid;place-items:center;text-align:center}
.nf h1{font-size:clamp(40px,6vw,72px);color:var(--teal)}
.nf p{margin:16px auto 0;max-width:46ch;color:var(--muted)}
.nf ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}

/* Gentle reveal on scroll (only when the browser allows motion) */
@media (prefers-reduced-motion:no-preference){
  .js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
  .js .rv.in{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Studio page: sets, light business band, visit box */
.sets{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,24px)}
@media (max-width:700px){.sets{grid-template-columns:1fr}}
.sets article{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.sets img{width:100%;aspect-ratio:3/2;object-fit:cover}
.sets .b{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.sets .no{font:700 12px/1 Outfit,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text)}
.sets h3{font-size:24px;color:var(--teal)}
.sets p{color:var(--muted)}
.sets .tag{margin-top:auto;padding-top:8px;font-weight:700;color:var(--text)}
.sets-note{margin-top:24px;color:var(--muted);font-size:15px}
.biz.light .biz-list li{color:var(--text)}
.biz.light .biz-img{box-shadow:var(--shadow)}
.visit{margin-top:clamp(24px,3vw,36px);display:flex;flex-wrap:wrap;gap:18px 40px;align-items:center;justify-content:space-between;padding:24px 28px;background:var(--teal);color:var(--white);border-radius:var(--r-lg)}
.visit address{font-style:normal;line-height:1.5}
.visit .link-arrow{color:var(--gold-hi)}

/* Brand details: outlined second line in big titles (as on the original home page), square labels */
.hero h1{text-transform:uppercase;font-weight:800;letter-spacing:-.01em;max-width:14ch}
.hero h1 em,.phero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--white)}
@supports not (-webkit-text-stroke:1px #fff){.hero h1 em,.phero h1 em{color:var(--gold-hi)}}
.phero{background:var(--ink) var(--frames) center/1024px repeat}
.pk-tabs button{border-radius:0;font-family:"DM Sans",sans-serif}
.pk-tabs button[aria-pressed="true"]{background:var(--white);border-color:var(--white);color:var(--teal)}
.pkg .tag,.flow .pk,.engine-src .rec{border-radius:0}
.pkg .tag{font-family:"DM Sans",sans-serif}
.nf-llama{width:220px;margin:0 auto 18px}
.nf .btn-teal,.nf .btn-main{min-width:0}
.faq summary{text-transform:uppercase;font-weight:800}
.cream .facts li{border-color:rgba(0,0,0,.12)}
.cream .table-scroll{box-shadow:var(--shadow)}
.cream .scroll-hint{color:#2a2416}
.cream .link-arrow{color:#111}
.engine>*{min-width:0}
@media (max-width:560px){.pk-tabs button{min-width:0;font-size:11px;letter-spacing:.02em;padding:10px 2px}}

/* Interactive parts sit in solid boxes so the textures never compete with them (Sławek, Oct 4) */
.sec,.sec.dark,.phero,.site-foot{background-position:top center}
.sec.cream{background-position:top center}
.engine-panel{background:var(--ink-2);border:1px solid rgba(255,255,255,.12);padding:clamp(18px,2.4vw,28px);box-shadow:0 24px 50px -30px rgba(0,0,0,.8)}
.engine-panel .out{background:rgba(255,255,255,.05)}
.engine-panel .out[data-off]{background:transparent}
.engine-foot .ef{display:grid}
.engine-foot .ef>[data-for]{grid-area:1/1}
.engine-foot .ef>[data-for][hidden]{display:block;visibility:hidden}
.show{background:var(--ink-2);border:1px solid rgba(255,255,255,.12)}
.faq{background:var(--white);border:1px solid var(--line);padding:4px clamp(18px,3vw,32px);box-shadow:var(--shadow)}
.faq details:last-child{border-bottom:0}

/* Moving parts (inspired by the original site; all stop for visitors who turn motion off) */
.spin-badge{position:absolute;right:clamp(16px,5vw,72px);bottom:clamp(28px,6vh,72px);width:170px;height:170px;display:grid;place-items:center;
  border-radius:50%;background:rgba(18,62,84,.88);border:2px solid #b2975a;color:#fff;text-decoration:none;box-shadow:0 20px 40px -20px rgba(0,0,0,.8)}
.spin-ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 22s linear infinite}
.spin-ring text{font:700 13px "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;fill:#dcc492}
.spin-core{display:grid;justify-items:center;gap:4px;width:92px;text-align:center}
.spin-core img{width:52px;transition:transform .3s}
.spin-core span{font:800 11px/1.1 Outfit,sans-serif;text-transform:uppercase}
.spin-badge:hover .spin-core img{transform:translateY(-3px) rotate(-6deg)}
.spin-badge:hover .spin-ring{animation-duration:8s}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin-ring{animation:none}}
/* Episode sound clips: tap to play, the bars move while it plays */
.clip{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.clip-btn{flex:none;width:44px;height:44px;display:grid;place-items:center;border:1.5px solid #fff;border-radius:0;background:transparent;color:#fff;cursor:pointer;transition:background .2s,color .2s}
.clip-btn:hover{background:#fff;color:var(--teal)}
.clip-btn svg{width:18px;height:18px;fill:currentColor}
.clip-btn .i-pause{display:none}
.clip.playing .clip-btn .i-play{display:none}
.clip.playing .clip-btn .i-pause{display:block}
.clip-wave{flex:1;display:flex;align-items:center;gap:3px;height:30px}
.clip-wave i{flex:1;height:30%;background:var(--gold);opacity:.55;transition:height .3s}
.clip-wave i:nth-child(3n){height:60%}.clip-wave i:nth-child(4n+1){height:45%}.clip-wave i:nth-child(5n+2){height:80%}.clip-wave i:nth-child(7n){height:25%}
.clip.playing .clip-wave i{opacity:1;animation:bar .9s ease-in-out infinite alternate}
.clip.playing .clip-wave i:nth-child(2n){animation-duration:.7s}.clip.playing .clip-wave i:nth-child(3n){animation-duration:1.1s}.clip.playing .clip-wave i:nth-child(5n){animation-duration:.6s}
.clip-wave i.done{background:var(--gold-hi)}
@keyframes bar{from{transform:scaleY(.35)}to{transform:scaleY(1.25)}}
.clip-time{flex:none;min-width:38px;text-align:right;font:600 13px/1 "DM Sans",sans-serif;color:var(--on-dark-muted);font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.clip.playing .clip-wave i{animation:none}}
.show-body{flex:1;display:flex;flex-direction:column}
.show-body .clip{margin-top:auto}
.show-body p+.clip{margin-top:auto;padding-top:14px}
.show-body p{margin-bottom:16px}

/* Light sections: a clearly visible texture at the sides that calms down behind the text and boxes (Sławek, Oct 4) */
.sec:not(.dark):not(.cream):not(.final){background:
  linear-gradient(90deg,rgba(242,228,206,0) 0,rgba(242,228,206,0) 10%,rgba(242,228,206,.72) 26%,rgba(242,228,206,.72) 74%,rgba(242,228,206,0) 90%,rgba(242,228,206,0) 100%),
  var(--paper) url(/assets/img/pattern-frames-light.webp) top center/1024px repeat}
@media (max-width:900px){.sec:not(.dark):not(.cream):not(.final){background:
  linear-gradient(180deg,rgba(242,228,206,.2),rgba(242,228,206,.2)),var(--paper) url(/assets/img/pattern-frames-light.webp) top center/1024px repeat}}

/* Contact page: the form and the details sit in solid boxes */
.contact{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(18px,3vw,32px);align-items:stretch}
.contact>*{min-width:0}
.cform,.cinfo{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(22px,3vw,36px);border-radius:var(--r)}
.cform{display:grid;gap:18px}
.cform .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cform label{display:grid;gap:6px;font:700 13px/1.2 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.cform input,.cform textarea{font:400 16px/1.5 'Nunito Sans',sans-serif;color:var(--text);background:#fbf7f0;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;width:100%;text-transform:none;letter-spacing:0}
.cform input:focus,.cform textarea:focus{outline:2px solid var(--teal);outline-offset:1px;background:var(--white)}
.cform textarea{resize:vertical;min-height:150px}
.cform .btn{justify-self:start}
.cform .wpcf7-response-output:empty{display:none}
.cform .wpcf7-response-output{padding:12px 14px;border-left:3px solid var(--gold);background:#fbf7f0;color:var(--text)}
.cform.sent .wpcf7-response-output{border-color:#2f7d4f}
.cform.failed .wpcf7-response-output,.cform.invalid .wpcf7-response-output{border-color:#b3412e}
.cinfo{background:var(--teal);color:var(--on-dark);border-color:var(--teal)}
.cinfo h3{font-size:13px;letter-spacing:.12em;color:var(--gold-hi);margin:0 0 4px;font-family:'DM Sans',sans-serif;font-weight:700}
.cinfo p,.cinfo address{margin:0 0 20px;font-style:normal;line-height:1.55}
.cinfo a:not(.btn){color:var(--white);font-weight:700;text-decoration:none;border-bottom:1px solid var(--gold)}
.cinfo .small{font-size:15px;color:var(--on-dark-muted)}
@media (max-width:900px){.contact{grid-template-columns:1fr}}
@media (max-width:560px){.cform .row2{grid-template-columns:1fr}}

/* Home package boxes: the same boxes as the Pricing page (Sławek, Oct 4): colored top with the "how much we do" icons
   (brand.css), the 2026 soft rounded look with a thin gold rim, and the glossy pill button. */
.pkg{padding:0;overflow:visible;border:1.5px solid transparent;border-radius:22px;
  background:linear-gradient(180deg,#fffdf8,#fbf5e9) padding-box,linear-gradient(135deg,#e6d3a6,#ae9863 38%,#f4e7cb 62%,#ae9863) border-box;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 30px 70px -34px rgba(19,62,84,.42),0 10px 24px -16px rgba(19,62,84,.2)}
.pkg.top{background:linear-gradient(180deg,#fffdf8,#fbf5e9) padding-box,linear-gradient(135deg,#e6d3a6,#ae9863 38%,#f4e7cb 62%,#ae9863) border-box;color:var(--text)}
.pkg.top h3,.pkg.top .amt{color:var(--teal)}
.pkg.top .what{color:var(--gold-text)}
.pkg.top .for{border-color:var(--line);color:var(--muted)}
.pkg .skl-band{min-height:72px;border-radius:20px 20px 0 0}
.pkg-b{display:flex;flex-direction:column;flex:1;padding:22px 22px 24px}
.pkg .tag{top:-13px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap;z-index:2;border-radius:999px;padding:6px 10px;color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.06) 48%,rgba(255,255,255,0) 52%),linear-gradient(180deg,#c9b07a,#937c47);
  box-shadow:0 0 0 1.5px rgba(255,255,255,.75),0 4px 10px rgba(0,0,0,.25)}
.pkg-btn{margin-top:22px;display:flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 20px;color:#fff;text-decoration:none;
  font:700 13px/1 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.06) 48%,rgba(255,255,255,0) 52%),linear-gradient(180deg,#1d5a78,#133e54 60%,#0d2f40);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 24px -12px rgba(19,62,84,.75);transition:transform .18s,box-shadow .18s}
.pkg-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 2px var(--gold),0 14px 26px -12px rgba(19,62,84,.8)}
.pkg-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

/* "Your podcast should make assets": the left side fills its column (photo, a live asset count, facts) */
.engine{align-items:stretch}
.engine-left{display:flex;flex-direction:column;gap:16px}
@media (min-width:981px){.engine-src{position:relative;top:auto}.engine-left{position:sticky;top:calc(var(--head) + 24px);align-self:start}}
.engine-count{display:flex;align-items:center;gap:18px;background:var(--ink-2);border:1px solid rgba(255,255,255,.12);padding:18px 22px;box-shadow:0 24px 50px -30px rgba(0,0,0,.8)}
.engine-count b{flex:none;min-width:2ch;font:800 clamp(48px,5vw,64px)/1 Outfit,sans-serif;color:var(--gold-hi);text-align:center}
.engine-count p{font:600 16px/1.4 "Nunito Sans",sans-serif;color:var(--on-dark)}
.engine-count span{color:var(--white);font-weight:800}
.engine-facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;font:700 12px/1.2 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-muted)}
.engine-facts li{display:flex;align-items:center;gap:8px}
.engine-facts li::before{content:"";width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}

/* The turning badge (Sławek, Oct 4: "love it but hidden"): bigger, on a solid disc, low on the right of the hero, lined up with the page edge; centered on phones (his ask) */
.spin-badge{border:0;width:236px;height:236px;right:max(clamp(16px,4vw,40px),calc((100vw - 1200px)/2 + 40px));bottom:clamp(40px,8vh,96px);top:auto;
  border-radius:50%;background:radial-gradient(circle,#1f3d52 0 58%,rgba(18,62,84,.9) 59% 100%);box-shadow:0 0 0 2px #b2975a,0 0 0 9px rgba(178,151,90,.18),0 24px 50px -18px rgba(0,0,0,.75)}
.spin-ring text{font-size:12.5px}
.spin-core{width:120px;gap:6px}
.spin-core img{width:72px}
.spin-core span{font-size:13px;color:#fff}
@media (max-width:1100px){.spin-badge{width:190px;height:190px}.spin-core img{width:58px}.spin-core{width:100px}.spin-core span{font-size:11px}}
@media (max-width:700px){.spin-badge{width:150px;height:150px;top:70px;bottom:auto;right:auto;left:calc(50% - 75px)}.spin-core img{width:40px}.spin-core{width:74px}.spin-core span{font-size:9px}}

/* Contact: both boxes the same height, the button at the bottom of each */
.cform{grid-template-rows:auto 1fr auto auto}
.cform textarea{height:100%}
.cinfo{display:flex;flex-direction:column}
.cinfo .btn{margin-top:auto;align-self:flex-start}

/* "Built to matter" builds itself (Sławek, Oct 4): letters drop in like bricks, then a gold pass runs through them; ends on the outline look */
.hero h1 .w{display:inline-block;white-space:nowrap}
.hero h1 .ch{display:inline-block;opacity:0;transform:translateY(-.55em) scale(.9);
  animation:brick .5s cubic-bezier(.2,.9,.3,1.25) forwards,weld .7s ease-in-out forwards;
  animation-delay:calc(var(--i)*55ms + .3s),calc(var(--i)*40ms + .3s + var(--n)*55ms + .25s)}
@keyframes brick{to{opacity:1;transform:none}}
@keyframes weld{0%,100%{color:transparent}40%{color:var(--gold-hi);-webkit-text-stroke-color:var(--gold-hi)}}
@media (prefers-reduced-motion:reduce){.hero h1 .ch{animation:none;opacity:1;transform:none}}

/* Studio gallery (Sławek, Oct 4: "gallery should have more photos"): photos from the old /gallery/ page, tap to enlarge */
.gal{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:12px}
.gal-i{display:block;border-radius:var(--r);overflow:hidden;background:var(--ink)}
.gal-i:nth-child(1),.gal-i:nth-child(8){grid-column:span 2;grid-row:span 2}
.gal-i img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2;transition:transform .5s}
.gal-i:hover img{transform:scale(1.04)}
@media (max-width:700px){.gal{grid-template-columns:1fr 1fr;gap:8px}.gal-i:nth-child(1),.gal-i:nth-child(8){grid-row:auto}}
.lb{border:0;padding:0;background:transparent;max-width:min(94vw,1400px);max-height:92vh}
.lb::backdrop{background:rgba(6,20,30,.9)}
.lb img{display:block;max-width:100%;max-height:86vh;border-radius:12px}
.lb p{margin-top:8px;color:#fff;font:500 14px/1.4 "Nunito Sans",sans-serif;text-align:center}
.lb button{position:fixed;top:14px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#0f2a3a;font:700 26px/1 sans-serif;cursor:pointer}