/* Pink Fluid: composition refinements, confined to the local preview. */
:root{
  --space-xs:8px;--space-sm:12px;--space-md:24px;--space-lg:32px;
  --space-xl:48px;--space-2xl:64px;--space-3xl:96px;
  --title-size:clamp(1.875rem,1.2rem + 2.5vw,3rem);
  --section-size:clamp(1.5rem,1.1rem + 1.5vw,2.25rem);
  --title-leading:1.28;--section-leading:1.35;--title-mobile:1.875rem;
  --body-size:1rem;--body-secondary:#B6B1A3;--focus:var(--gold);
  --motion-fast:180ms;--hero-ray-period:260s;--header-clearance:112px;
  --top-fill:rgba(239,214,160,.86);--top-edge:rgba(255,243,213,.95);
  --top-glow:0 0 24px rgba(239,214,160,.32),inset 0 1px 5px rgba(255,255,255,.6);
  --top-radius:50%;--top-blur:6px;
}
.pagehead{background:var(--ink);padding:var(--space-2xl) 0 var(--space-xl)}
.pagehead h1{font-family:var(--serif);font-size:var(--title-size);font-weight:400;letter-spacing:normal;line-height:var(--title-leading);max-width:26ch;text-transform:none;text-wrap:balance}
.pagehead p{font-size:var(--body-size);line-height:1.65}
.pagehead .crumb{font-size:.75rem;letter-spacing:.22em;color:var(--gold2)}
.head h2,.footer-invitation h2,.context-end h2{font-family:var(--serif);font-size:var(--section-size);font-weight:400;line-height:var(--section-leading);letter-spacing:normal;text-transform:none;text-wrap:balance}
.head p,.step p,.note,.covers-hint,.rules-card p,.rules-card li{font-size:var(--body-size)}
.pagehead p,.head p{max-width:66ch}
.intro-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:var(--space-2xl);align-items:center}
.intro-copy{min-width:0}
.piercing-intro{border-bottom:1px solid var(--rule)}
.piercing-hero-photo{margin:0;overflow:hidden;max-width:460px;justify-self:end;width:100%}
.piercing-hero-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 62%}
.cover-intro{background:var(--forest2)}
.cover-intro .intro-split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.hero-comparison{width:100%;max-width:440px;justify-self:end}
.hero-comparison .ba-stage{aspect-ratio:7/8}
.comparison-hint{font-size:.9375rem!important;margin:0;color:var(--body-secondary)}
#page-covery .covers{grid-template-columns:repeat(3,minmax(0,1fr))}
.artists-intro{padding-bottom:var(--space-md)}
.artists-intro h1{max-width:24ch}
.artists-intro> .wrap>p{max-width:74ch}
.artist-choice-hint{color:var(--body-secondary);margin-top:var(--space-md)}
.artist-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-lg)}
.artist-choice{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0;text-align:left;font:inherit;color:var(--bone);background:none;border:1px solid var(--rule);cursor:pointer;min-width:0;transition:border-color var(--motion-fast)}
.artist-choice>img{width:100%;height:280px;object-fit:cover}
.artist-choice>span{padding:var(--space-md)}
.artist-choice strong{display:block;font:400 2rem/1.2 var(--serif);color:var(--gold)}
.artist-choice small{display:block;margin:var(--space-sm) 0;font-size:.9375rem}
.artist-choice .choice-action{font-size:.875rem;display:block;text-decoration:underline;text-underline-offset:5px}
.artist-choice[aria-pressed=true]{border-color:var(--gold)}
.artist-choice:hover{border-color:var(--gold)}
.artist-choice:active{background:var(--forest2)}
.process-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:var(--space-2xl);align-items:start}
.process-layout>.head{position:sticky;top:var(--header-clearance)}
.process-list{list-style:none;margin:0;padding:0}
.process-list li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--space-md);padding:0 0 var(--space-lg);position:relative}
.process-list li:not(:last-child)::after{content:"";position:absolute;top:44px;bottom:8px;left:19px;width:1px;background:var(--gold2)}
.process-number{font:400 1.5rem/1.5 var(--serif);color:var(--gold)}
.process-list h3{font:400 1.25rem/1.45 var(--serif);letter-spacing:normal;margin:0 0 var(--space-sm)}
.process-list p{margin:0;color:var(--body-secondary);font-size:var(--body-size)}
.reviews-editorial{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);padding:var(--space-md) 0}
.reviews-editorial blockquote{margin:0;border:1px solid var(--rule);background:var(--ink2);padding:var(--space-lg);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-md)}
.reviews-editorial p{font:300 1.25rem/1.5 var(--sans);color:var(--bone);margin:0}
.reviews-editorial cite{font-style:normal;font-size:.9375rem;color:var(--body-secondary)}
.reviews-editorial cite a{display:inline-flex;min-height:var(--touch);align-items:center;text-decoration:underline;text-underline-offset:5px}
.context-section{padding:var(--space-lg) 0!important;background:var(--ink)!important}
.context-end{background:none;text-align:left;border-top:1px solid var(--rule);padding-top:var(--space-lg);max-width:78ch}
.context-end p{max-width:65ch;margin:var(--space-sm) 0 var(--space-md);font-size:var(--body-size)}
.context-end .btn{border:0;border-bottom:1px solid var(--gold2);padding:var(--space-sm) 0;background:none;color:var(--gold);letter-spacing:.06em;text-transform:none;font-size:var(--body-size)}
.context-end .btn:hover{text-decoration:underline}
.footer-invitation{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr);gap:var(--space-2xl);align-items:center;padding-top:var(--space-xl);padding-bottom:var(--space-xl);margin-bottom:var(--space-xl);border-bottom:1px solid var(--rule)}
.footer-invitation p{max-width:65ch;font-size:var(--body-size);color:var(--body-secondary);margin-top:var(--space-md)}
.footer-invitation .eyebrow{color:var(--gold2);font-size:.75rem;margin-top:0}
.footer-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}
.text-link{display:inline-flex;align-items:center;min-height:var(--touch);text-decoration:underline;text-underline-offset:5px}
.faq-index{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);margin-top:var(--space-md);padding:var(--space-sm) 0;border-block:1px solid var(--rule)}
.faq-index a{display:inline-flex;align-items:center;min-height:var(--touch);text-decoration:underline;text-underline-offset:5px;font-size:.9375rem}
.faq-group h2,[id="zasady-voucher"]{scroll-margin-top:var(--header-clearance)}
#page-faq .pagehead{padding-bottom:var(--space-md)}
.btn{min-height:var(--touch);max-width:100%;white-space:normal;transition:color var(--motion-fast),background var(--motion-fast)}
.btn:active{transform:translateY(1px)}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.btn-solid:focus-visible{outline-color:var(--gold)}
.ba-stage{touch-action:pan-y}
.ba-range{accent-color:var(--fluid);min-height:var(--touch)}
.reveal,#main>.page.on{opacity:1;transform:none;animation:none;transition:none}
.rays{animation:none}
#page-home .hero[data-motion-ready=true] .rays{animation:spin var(--hero-ray-period) linear infinite}
#page-home .hero[data-rays-paused=true] .rays{animation-play-state:paused}
.hero-motion{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad) var(--space-sm);display:flex;justify-content:flex-end}
.motion-toggle{min-height:var(--touch);padding:var(--space-xs) var(--space-sm);border:0;background:transparent;color:var(--gold2);font:400 .875rem/1.5 var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.motion-toggle[hidden]{display:none}
.motion-label{display:none}
.motion-icon{display:block}
.motion-toggle:not([hidden]){width:var(--touch);height:var(--touch);display:inline-flex;align-items:center;justify-content:center;padding:0}
.play-icon{display:none}
.motion-toggle[aria-pressed=true] .play-icon{display:block}
.motion-toggle[aria-pressed=true] .pause-icon{display:none}
.back-to-top{position:fixed;right:max(var(--space-md),env(safe-area-inset-right));bottom:calc(var(--space-md) + env(safe-area-inset-bottom));width:var(--touch);height:var(--touch);display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--top-edge);border-radius:var(--top-radius);background:var(--top-fill);box-shadow:var(--top-glow);backdrop-filter:blur(var(--top-blur));color:var(--ink);cursor:pointer;transition:background var(--motion-fast),transform var(--motion-fast)}
.back-to-top[hidden]{display:none}
.back-to-top:hover{background:var(--bone)}
.back-to-top{z-index:55}
.back-to-top:active{transform:scale(.94)}
.back-to-top svg{pointer-events:none}
.fcols a,.info-row a{overflow-wrap:anywhere}
.fcols p{font-size:.9375rem!important}
@media(max-width:1024px){
  nav.menu{display:none}
  nav.menu.open{display:flex;position:absolute;top:88px;left:0;right:0;background:var(--ink2);flex-direction:column;gap:0;padding:8px var(--pad) 18px;max-height:calc(100dvh - 88px);overflow:auto}
  nav.menu.open a{min-height:var(--touch);display:flex;align-items:center;border-bottom:1px solid var(--rule);padding:var(--space-sm) 0}
  .burger{display:block}
  .intro-split,.cover-intro .intro-split{gap:var(--space-lg)}
  .process-layout{gap:var(--space-lg)}
  .artist-choice{grid-template-columns:1fr}
  .artist-choice>img{height:240px}
}
@media(max-width:820px){
  #page-covery .covers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intro-split,.cover-intro .intro-split,.process-layout{grid-template-columns:1fr}
  .piercing-hero-photo{max-width:none;justify-self:stretch}
  .piercing-hero-photo img{height:360px;aspect-ratio:auto;object-position:50% 58%}
  .hero-comparison{max-width:480px;justify-self:center}
  .process-layout>.head{position:static}
  .reviews-editorial{grid-template-columns:1fr;gap:var(--space-md)}
  .footer-invitation{grid-template-columns:1fr;gap:var(--space-md)}
}
@media(max-width:640px){
  .motion-label{display:none}
  .motion-icon{display:block}
  .motion-toggle{width:var(--touch);height:var(--touch);display:inline-flex;align-items:center;justify-content:center;padding:0}
  .back-to-top{right:max(var(--space-sm),env(safe-area-inset-right));bottom:calc(var(--space-sm) + env(safe-area-inset-bottom))}
  footer{padding-bottom:calc(var(--space-2xl) + env(safe-area-inset-bottom))}
  .nav-in{gap:var(--space-sm)}
  .nav-cta{display:inline-flex;padding:var(--space-sm);font-size:.625rem;letter-spacing:.1em}
  nav.menu.open{top:76px;max-height:calc(100dvh - 76px)}
  .pagehead{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
  .pagehead h1{font-size:var(--title-mobile);max-width:100%;margin-bottom:var(--space-md)}
  .artist-choices{gap:var(--space-sm)}
  .artist-choice>img{height:190px}
  .artist-choice>span{padding:var(--space-sm)}
  .artist-choice strong{font-size:1.4rem}
  .artist-choice small{font-size:.875rem}
  .artist-choice .choice-action{font-size:.8125rem}
  .piercing-hero-photo img{height:340px;object-position:50% 62%}
  .process-list li{grid-template-columns:40px minmax(0,1fr);gap:var(--space-sm)}
  .reviews-editorial{grid-template-columns:1fr}
  #page-covery .covers{grid-template-columns:1fr}
  .footer-invitation{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
  .footer-invitation h2{font-size:1.75rem}
  .faq-index{gap:0 var(--space-md)}
  .info-row{flex-direction:column;gap:var(--space-xs)}
  .info-row b{flex-basis:auto}
  .info-row a{display:inline-flex;align-items:center;min-height:var(--touch)}
}
.legal-copy{max-width:850px;padding-bottom:var(--space-xl);font-size:1rem;line-height:1.75;overflow-wrap:anywhere}
#page-polityka-prywatnosci .pagehead>.wrap{max-width:850px}
.legal-copy h2{font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.4;margin-top:var(--space-xl);margin-bottom:var(--space-md)}
.legal-copy p,.legal-copy ul{margin-bottom:var(--space-md)}
.legal-copy ul{padding-left:var(--space-lg)}
.legal-copy li{margin-bottom:var(--space-xs)}
.legal-copy a{text-decoration:underline;text-underline-offset:.2em}
.legal-copy [id]{scroll-margin-top:120px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
