.header{color:#243b2d;background:rgba(250,246,237,.93);border-color:rgba(36,59,45,.16)}
.brand img{filter:none}.brand small{color:#5d695e}.nav a:hover,.nav a[aria-current="page"]{color:#866331}.menu{color:#243b2d;border-color:#ad966e}
.about-hero{min-height:max(780px,100svh);align-items:center;background:#faf6ed;color:#243b2d}
.about-hero__image{inset:82px 0 0}.about-hero__image img{object-position:70% center;animation:institute-image 1.8s cubic-bezier(.16,1,.3,1) both}
.about-hero__image::after{background:linear-gradient(90deg,rgba(250,246,237,.97) 0%,rgba(250,246,237,.92) 26%,rgba(250,246,237,.62) 43%,rgba(250,246,237,.05) 65%,transparent 85%)}
.about-hero__content{padding:11rem 0 6rem;animation:institute-copy 1.2s ease both}
.about-hero h1{max-width:660px;font-size:clamp(4.2rem,7.4vw,7.4rem);line-height:.96;margin:1.2rem 0 1.7rem}
.about-hero h1 span{color:#92703e}
.about-hero__lead{max-width:510px;color:#516054;font-size:1rem}
.about-hero .eyebrow{color:#876638;font-size:.65rem}
@keyframes institute-image{from{opacity:.2;transform:scale(1.06)}to{opacity:1;transform:none}}
@keyframes institute-copy{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:900px){.about-hero h1{max-width:58%;font-size:clamp(4rem,8vw,6rem)}.about-hero__lead{max-width:48%}}
@media(max-width:700px){
.nav{background:#faf6ed;border-color:rgba(36,59,45,.16)}.nav a{border-color:rgba(36,59,45,.16)}
.about-hero{min-height:0;display:flex;flex-direction:column}
.about-hero__content{order:0;padding:8rem 0 2rem}
.about-hero h1{max-width:100%;font-size:clamp(3.5rem,15vw,5rem);line-height:.98}
.about-hero__lead{max-width:100%;font-size:.94rem}
.about-hero__image{position:relative;inset:auto;order:1;width:100%;height:390px}
.about-hero__image img{object-position:85% center}.about-hero__image::after{background:linear-gradient(180deg,rgba(250,246,237,.35),transparent 30%)}
}
@media(prefers-reduced-motion:reduce){.about-hero__image img,.about-hero__content{animation:none}}

/* Trzy zasady — autorskie ilustracje liniowe. */
.mission{background:radial-gradient(ellipse at 90% 20%,#e1e6db,transparent 50%),#f2ecdf}
.mission-grid{gap:1.3rem;align-items:stretch}
.mission-card{position:relative;overflow:hidden;min-height:470px;padding:1.8rem;justify-content:flex-start;border:1px solid #d5c8ac;background:linear-gradient(145deg,#fffdf7,#eee7d7);box-shadow:0 14px 35px rgba(71,59,32,.04);transition:transform .7s ease,opacity .7s ease,box-shadow .4s ease,border-color .4s ease}
.mission-card:nth-child(2){background:linear-gradient(145deg,#f7f9f1,#e3e9dd)}
.mission-card:nth-child(3){background:linear-gradient(145deg,#fffcf3,#eee1c9)}
.mission-card>span{color:#826335;font-size:.63rem;position:relative;z-index:1}
.mission-art{width:100%;margin:1rem auto 1.2rem;position:relative}
.mission-art::before{content:"";position:absolute;inset:14% 20%;border-radius:50%;background:radial-gradient(circle,rgba(215,190,136,.26),transparent 70%);transition:transform .8s ease}
.mission-art svg{display:block;width:100%;height:180px;overflow:visible;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.mission-art .orbit{fill:none;stroke:#b99a61;stroke-width:.7;opacity:.35;stroke-dasharray:3 7}
.mission-art .inner{stroke-dasharray:none;opacity:.18}
.mission-art .drawing{fill:rgba(255,253,246,.5);stroke:#9e7b40;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mission-art .detail{fill:none;stroke:#9e7b40;stroke-width:1;stroke-linecap:round;opacity:.7}
.mission-art .gold-dot{fill:#b39354}
.mission-copy{margin-top:auto}
.mission-card h3{margin:0 0 .9rem;font-size:2.2rem}
.mission-card p{font-size:.87rem;color:#536153}
.mission-card.is-visible .drawing{animation:principle-draw 1.7s ease both;stroke-dasharray:700;stroke-dashoffset:0}
.mission-card:nth-child(2).is-visible .drawing{animation-delay:.15s}
.mission-card:nth-child(3).is-visible .drawing{animation-delay:.3s}
@keyframes principle-draw{from{stroke-dashoffset:700;fill:transparent}to{stroke-dashoffset:0;fill:rgba(255,253,246,.5)}}
@media(hover:hover){.mission-card:hover{transform:translateY(-7px);box-shadow:0 22px 44px rgba(71,59,32,.11);border-color:#ae8e52}.mission-card:hover svg{transform:translateY(-4px) scale(1.055)}.mission-card:hover .mission-art::before{transform:scale(1.2)}}
@media(max-width:900px){.mission-card{min-height:0;display:grid;grid-template-columns:180px 1fr;column-gap:2rem;align-items:center}.mission-card>span{grid-column:1/-1}.mission-art{margin:.7rem 0 0}.mission-copy{margin-top:1rem}}
@media(max-width:540px){.mission-card{display:flex;padding:1.5rem}.mission-art{margin:.7rem auto 1rem;max-width:250px}.mission-art svg{height:155px}.mission-copy{margin-top:0}.mission-card h3{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.mission-card,.mission-art svg,.mission-art::before{transition:none}.mission-card.is-visible .drawing{animation:none}.mission-card:hover,.mission-card:hover svg{transform:none}}
#nasze-podejscie{scroll-margin-top:110px}