:root{--paper:#f4efe5;--paper-soft:#fcf9f2;--gold:#94713d;--gold-pale:#bda06b}
html{background:var(--paper-soft)}
.header{background:rgba(252,249,242,.9);color:var(--ink);border-color:var(--line-light)}
.brand img{filter:none}.brand small{color:#626e61}
.header__cta,.menu{color:var(--ink);border-color:#a68a57}
.nav a:hover{color:#846333}
.hero{min-height:850px;min-height:max(850px,100svh);background:radial-gradient(ellipse at 80% 35%,#e9dfc8 0,transparent 55%),#fcf9f2;color:var(--ink);align-items:center}
.hero__image{display:none}
.hero__emblem{position:absolute;width:min(51vw,760px);right:-1vw;top:15%;mix-blend-mode:multiply;pointer-events:none;transform:translateY(var(--logo-y,0px));will-change:transform}
.hero__emblem img{width:100%;height:auto;border-radius:50%;animation:logo-arrive 3.6s cubic-bezier(.16,1,.3,1) both}
.hero__grid{grid-template-columns:minmax(0,1fr);padding:10rem 0 3rem;gap:3rem;align-items:center}
.hero__grid>div:first-child{width:57%}
.hero h1{font-size:clamp(4.5rem,7.6vw,7.7rem);line-height:.94;max-width:740px;margin:1.5rem 0}
.hero h1 span{color:#94713d}
.hero__lead{max-width:580px;color:#536057;font-size:1rem}
.hero .eyebrow{color:#806536}
.hero .button--ghost{color:var(--ink);border-color:#9caa9b}
.hero .button--ghost:hover{background:#e8e9dd}
.hero .button:not(.button--ghost){background:#263e31;color:#fffaf0;border-color:#263e31}
.hero .button:not(.button--ghost):hover{background:#3c5746}
.hero__index{width:54%;grid-template-columns:repeat(3,1fr);border-color:var(--line-light)}
.signal{grid-template-columns:1fr;gap:.3rem;border-color:var(--line-light);padding:1rem .7rem 1rem 0}
.signal span{font-size:1.2rem}
.reading{background:#e2e8df;color:var(--ink)}
.reading__head p{color:#526152}.reading__all{color:#705328}
.reading::before{color:rgba(17,26,22,.035)}
.publication-card__meta{color:#e7c998}
.footer{background:#2f4438}
@keyframes logo-arrive{0%{opacity:0;transform:translate(190px,90px) scale(.78) rotate(-12deg)}45%{opacity:.72}100%{opacity:1;transform:none}}
@media(max-width:900px){
.hero{min-height:800px}.hero__emblem{width:52vw;right:-4vw;top:23%}
.hero__grid>div:first-child{width:62%}.hero h1{font-size:clamp(4rem,8vw,6rem)}
.hero__index{width:62%}.signal{border-right:0}
}
@media(max-width:700px){
.nav{background:#fcf9f2;border-color:var(--line-light)}.nav a{border-color:var(--line-light)}
.hero{min-height:0;display:block}
.hero__grid{padding:7rem 0 2rem;gap:1.8rem}
.hero__grid>div:first-child{width:100%}
.hero h1{font-size:clamp(3.5rem,13vw,5.5rem);max-width:100%;margin:1rem 0 1.4rem}
.hero__lead{font-size:.92rem}.hero__actions{gap:.6rem}
.hero__emblem{position:relative;top:auto;right:auto;width:min(82vw,420px);margin:0 auto 1.5rem;transform:none}
.hero{display:flex;flex-direction:column}.hero__grid{order:0}.hero__emblem{order:1}
.hero__index{width:100%}.signal span{font-size:1.05rem}
}
@media(prefers-reduced-motion:reduce){.hero__emblem img{animation:none}.hero__emblem{transform:none;will-change:auto}}

/* Światło, roślinne cienie i hasła wokół znaku. */
.hero{isolation:isolate;background:#faf6ed}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(252,249,242,.94) 0%,rgba(252,249,242,.8) 35%,rgba(252,249,242,.24) 75%),url('hero-spokojne-tlo.png') center/cover no-repeat}
.hero__emblem{mix-blend-mode:normal;z-index:1}
.hero__emblem img{mix-blend-mode:multiply;mask-image:radial-gradient(circle,#000 60%,transparent 72%)}
.emblem-words{position:absolute;inset:0;list-style:none;margin:0;padding:0;animation:logo-arrive 3.6s .25s cubic-bezier(.16,1,.3,1) both}
.emblem-words li{position:absolute;padding:.4em .85em;color:#344b3b;background:rgba(253,249,239,.91);border:1px solid rgba(156,125,70,.4);border-radius:100px;box-shadow:0 8px 28px rgba(70,62,38,.06);font:500 clamp(1rem,2.1vw,2rem)/1.2 var(--serif);white-space:nowrap;backdrop-filter:blur(8px)}
.emblem-words li::before{content:"";display:inline-block;width:5px;height:5px;background:#a4854e;border-radius:50%;margin-right:.5em;vertical-align:middle}
.word-stress{left:16%;top:22%}.word-emotions{right:10%;top:34%}.word-body{left:12%;top:65%}.word-nervous{right:11%;bottom:16%}
@media(max-width:700px){.hero::before{background:linear-gradient(180deg,rgba(252,249,242,.93),rgba(252,249,242,.7) 55%,rgba(252,249,242,.23)),url('hero-spokojne-tlo.png') center/cover no-repeat}.emblem-words li{font-size:1.1rem}.word-stress{left:6%}.word-emotions{right:0}.word-body{left:1%}.word-nervous{right:0}}
@media(prefers-reduced-motion:reduce){.emblem-words{animation:none}}

/* Więcej rytmu w głównych sekcjach. */
.standards{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 12%,rgba(209,220,205,.68),transparent 34%),var(--paper-soft)}
.standards::before{content:"";position:absolute;width:38rem;height:38rem;right:-20rem;bottom:-24rem;border:1px solid rgba(148,113,61,.16);border-radius:50%;box-shadow:0 0 0 5rem rgba(148,113,61,.025),0 0 0 10rem rgba(148,113,61,.02)}
.principles{position:relative;gap:1rem;border:0}
.principle{position:relative;min-height:430px;display:flex;flex-direction:column;padding:1.8rem;border:1px solid rgba(17,26,22,.16)!important;background:rgba(255,253,247,.68);overflow:hidden;transition:transform .4s ease,box-shadow .4s ease,background .4s ease}
.principle:nth-child(2){background:rgba(232,238,228,.72)}.principle:nth-child(3){background:rgba(244,235,218,.72)}
.principle__art{height:170px;margin:1.2rem 0 .5rem}.principle__art svg{width:100%;height:100%;fill:none;stroke:#9b7b42;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.principle__art svg>circle:first-child{stroke-width:.7;opacity:.3;stroke-dasharray:3 7}.principle__art .dot{fill:#b49356;stroke:none}
.principle h3{margin:auto 0 1rem}
@media(hover:hover){.principle:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(59,50,30,.1);background:#fffdf7}.principle:hover .principle__art svg{transform:scale(1.07) rotate(2deg)}}

.about{background:linear-gradient(115deg,#f2ebdd 0%,#f7f3e9 46%,#dfe7dc 100%)}
.about::before{opacity:.42}
.about__panel{position:relative;min-height:540px;display:grid;grid-template-rows:1fr auto;padding:2rem;border:1px solid rgba(17,26,22,.16);background:rgba(255,253,247,.48);overflow:hidden}
.about__symbol{position:relative;width:min(320px,80%);aspect-ratio:1;margin:0 auto;display:grid;place-items:center}
.about__symbol img{width:58%;border-radius:50%;mix-blend-mode:multiply;filter:saturate(.75);animation:symbol-float 6s ease-in-out infinite}
.about__symbol .orbit{position:absolute;inset:7%;border:1px solid rgba(148,113,61,.38);border-radius:50%}.about__symbol .orbit--two{inset:18%;border-style:dashed;animation:orbit-spin 24s linear infinite}
.about__symbol .node{position:absolute;width:9px;height:9px;background:#a17c41;border:3px solid #f7f2e7;border-radius:50%;box-sizing:content-box}.node--one{top:8%;left:45%}.node--two{right:8%;top:54%}.node--three{left:15%;bottom:18%}
@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes symbol-float{50%{transform:translateY(-8px)}}

.contact{position:relative;overflow:hidden;background:linear-gradient(115deg,#fbf7ee 0 57%,#e2e8df 57%)}
.contact::before{content:"";position:absolute;width:33rem;height:33rem;left:-13rem;bottom:-22rem;border:1px solid rgba(148,113,61,.2);border-radius:50%;box-shadow:0 0 0 4rem rgba(148,113,61,.04),0 0 0 8rem rgba(148,113,61,.025)}
.contact__grid{position:relative}
.contact__details{padding:2.1rem;background:rgba(255,253,247,.72);border:1px solid rgba(17,26,22,.16);box-shadow:0 22px 50px rgba(42,55,46,.07)}
.contact__item{transition:padding-left .25s ease,background .25s ease}.contact__item:hover{padding-left:.65rem;background:rgba(226,232,223,.55)}
.contact__motif{position:relative;width:min(440px,90%);height:100px;margin-top:2.5rem}.contact__motif span{position:absolute;top:48%;height:1px;background:#a8864e;transform-origin:left;animation:line-breathe 4s ease-in-out infinite}.contact__motif span:nth-child(1){left:0;width:46%}.contact__motif span:nth-child(2){left:24%;width:42%;transform:rotate(-12deg)}.contact__motif span:nth-child(3){left:48%;width:33%;transform:rotate(10deg)}.contact__motif i{position:absolute;left:79%;top:38%;width:14px;height:14px;border:1px solid #a8864e;border-radius:50%;background:#fbf7ee}.contact__motif b{position:absolute;left:54%;top:58%;color:#98743c;font:italic 500 1.35rem/1 var(--serif)}
@keyframes line-breathe{50%{opacity:.35;filter:blur(.2px)}}

@media(max-width:900px){.about__panel{min-height:470px}.contact{background:linear-gradient(180deg,#fbf7ee 0 55%,#e2e8df 55%)}}
@media(max-width:700px){.principle{min-height:370px}.principle__art{height:145px}.about__panel{min-height:430px;padding:1.3rem}.contact__details{padding:1.25rem}.contact__motif{height:80px}.standards::before{display:none}}
@media(prefers-reduced-motion:reduce){.about__symbol img,.about__symbol .orbit--two,.contact__motif span{animation:none}.principle,.principle__art svg,.contact__item{transition:none}}
