/* Сосенский v4 — фотографический краеведческий лендинг */
:root{--bg:#f8f8f3;--white:#fffefa;--pine:#1e4233;--deep:#153629;--sage:#5f8066;--sage-light:#eef2e9;--sand:#d8c9ab;--text:#36483e;--muted:#67786e;--border:#dce4da;--serif:Georgia,'Times New Roman',serif;--sans:Arial,'Helvetica Neue',sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.78 var(--sans);-webkit-font-smoothing:antialiased}body:has(.lightbox[open]){overflow:hidden}h1,h2,h3,p,figure{margin:0}h1,h2,h3{color:var(--pine);font-family:var(--serif);font-weight:400;line-height:1.18;letter-spacing:-.04em}p{max-width:76ch}h2{font-size:clamp(35px,4.1vw,57px)}h3{font-size:26px}em{color:#72957a;font-weight:400}a{color:inherit}img,svg{max-width:100%;display:block}img{height:auto}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b9955a;outline-offset:4px}::selection{background:#b9d1b9;color:#15392a}.container{width:min(1180px,calc(100% - 72px));margin:auto}.skip{position:absolute;top:-120px;left:10px;background:#fff;padding:10px 18px;z-index:101}.skip:focus{top:10px}.section{padding:106px 0 115px}.eyebrow{font-size:11px;line-height:1.4;letter-spacing:.18em;color:#64836b;font-weight:700;text-transform:uppercase;margin-bottom:17px}.eyebrow::before{content:'';display:inline-block;width:28px;height:1px;background:#80a083;vertical-align:middle;margin-right:13px}.lead{font-size:clamp(18px,1.55vw,21px);color:#315b44;line-height:1.62;margin-bottom:18px}.heading{margin-bottom:34px}.heading h2{margin-bottom:16px}.heading--split{display:flex;gap:55px;align-items:end;justify-content:space-between}.heading--split p:last-child{font-size:15px;color:var(--muted);max-width:380px;padding-bottom:6px}.photo-frame{position:relative;overflow:hidden;background:#dfe8dc;border-radius:11px}.photo-frame img{width:100%;height:100%;object-fit:cover}.photo-frame figcaption{position:absolute;bottom:0;left:0;right:0;color:#fff;font-size:12px;line-height:1.35;background:linear-gradient(0deg,rgba(10,32,23,.74),transparent);padding:41px 20px 17px}
/* top navigation */
.header{height:77px;background:rgba(251,251,247,.98);border-bottom:1px solid #e3e8df;position:sticky;top:0;z-index:60;backdrop-filter:blur(8px)}.header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#325841;flex-shrink:0}.brand__trees{width:51px;height:51px}.brand>span{display:flex;flex-direction:column;gap:5px}.brand strong{font:400 28px/.94 var(--serif);letter-spacing:.005em}.brand small{font:700 9px/1.1 var(--sans);letter-spacing:.26em;color:#7c9581}.nav{display:flex;align-items:center;gap:clamp(10px,1.7vw,23px)}.nav a{font-size:12px;font-weight:600;color:#3d5549;text-decoration:none;white-space:nowrap;transition:color .2s}.nav a:hover{color:#819c73}.menu-toggle{display:none}
/* hero: photograph always stays dominant, copy always fits */
.hero{height:clamp(510px,42vw,650px);position:relative;overflow:hidden;color:#fff;background:#234335;isolation:isolate}.hero__image,.hero__overlay{position:absolute;inset:0;width:100%;height:100%}.hero__image{z-index:-2;object-fit:cover;object-position:center 50%;filter:saturate(.98)}.hero__overlay{z-index:-1;background:linear-gradient(90deg,rgba(17,48,31,.84) 0%,rgba(18,49,31,.64) 34%,rgba(18,40,31,.18) 71%,rgba(18,40,31,.08) 100%),linear-gradient(0deg,rgba(10,42,26,.26),transparent 34%)}.hero__container{position:relative;height:100%;display:flex;align-items:center}.hero__copy{max-width:680px;padding:6px 0 20px;text-shadow:0 2px 17px rgba(11,27,21,.1)}.hero__overline{font-size:11px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:#e6efdf;display:flex;gap:12px;align-items:center;margin-bottom:25px}.hero__overline span{width:25px;height:1px;background:#c8d8c5}.hero h1{font-size:clamp(58px,7.5vw,104px);line-height:1.03;letter-spacing:-.06em;color:#fff;margin-bottom:10px}.hero__subheading{font:400 clamp(26px,3.2vw,44px)/1.2 var(--serif);letter-spacing:-.04em;color:#f8f4e9;margin-bottom:20px}.hero__description{font-size:16px;line-height:1.75;max-width:445px;color:#eff4e9;margin-bottom:28px}.button{display:inline-flex;align-items:center;gap:28px;border-radius:45px;min-height:46px;padding:11px 21px;text-decoration:none;font-size:11px;line-height:1.5;letter-spacing:.045em;text-transform:uppercase;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button--light{color:#fff;background:rgba(32,78,49,.82);border:1px solid #e3f0e0}.button--light:hover{background:#276542}.hero__photo-label{position:absolute;bottom:21px;right:0;padding:7px 14px;color:#fff;font-size:11px;border:1px solid rgba(255,255,255,.3);border-radius:50px;background:rgba(16,46,30,.7)}
/* About */
.about{background:var(--bg)}.about__intro{display:grid;grid-template-columns:1fr 1.02fr;gap:8%;align-items:center}.about__copy h2{margin-bottom:22px}.about__copy p:not(.lead):not(.eyebrow){color:#6a776d;font-size:15px;margin-top:12px;max-width:500px}.about__figure{height:335px}.about__figure img{object-position:50% 54%}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:54px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.fact{min-height:126px;padding:20px 15px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:4px}.fact+.fact{border-left:1px solid var(--border)}.fact__icon{font-size:16px;color:#85a88c;line-height:1}.fact strong{font:400 27px/1.2 var(--serif);color:#274c36}.fact:last-child strong{font-size:24px}.fact>span:last-child{font-size:12px;color:#758478}
/* historical typography & dates */
.history{background:#fffefa}.history__layout{display:grid;grid-template-columns:1fr .95fr;align-items:start;gap:11%}.history__heading h2{margin-bottom:26px}.history__heading p:not(.eyebrow):not(.lead){color:#67796a;margin:10px 0 0;font-size:15px}.history__heading .history__aside{border-left:2px solid #a9bbaa;margin-top:33px!important;padding:10px 22px;color:#54785d!important;font-style:italic;font-family:var(--serif);font-size:20px!important;line-height:1.5}.timeline{padding-top:24px}.timeline__item{display:grid;grid-template-columns:130px 1fr;gap:14px;position:relative;min-height:145px}.timeline__item:not(:last-child)::after{position:absolute;content:'';width:1px;background:#bed0be;left:114px;top:36px;bottom:0}.timeline__item b{font:400 43px/1.12 var(--serif);color:#85a389;letter-spacing:-.05em}.timeline__item>div{padding:1px 0 24px}.timeline__item h3{font-size:23px;margin-bottom:11px}.timeline__item p{font-size:14px;line-height:1.66;color:#708074}
/* new city: two real photographs */
.today{background:#eff3ed}.today__grid{display:grid;grid-template-columns:1.22fr .78fr;gap:20px}.today__photo{height:390px}.today__photo--wide img{object-position:50% 56%}.today__photo--portrait img{object-position:44% 45%}
/* nature */
.nature{background:#fffefa}.nature__layout{display:grid;grid-template-columns:1fr .88fr;gap:9%;align-items:center}.nature__image{height:450px}.nature__image img{object-position:50% 45%}.nature__copy h2{margin-bottom:24px}.nature__copy p:not(.eyebrow):not(.lead){margin:0 0 15px;font-size:15px;color:#687b6e}.inline-link{display:inline-flex;align-items:center;gap:16px;text-decoration:none;font-weight:700;font-size:12px;color:#2e694a;margin-top:12px;border-bottom:1px solid #92ae93;padding:0 0 6px}.inline-link:hover{color:#639272}.inline-link span{font-size:19px}
/* monastery */
.optina{background:#f3f5ef}.heading--optina{text-align:center;max-width:795px;margin-inline:auto;margin-bottom:36px}.heading--optina .lead{max-width:740px;margin-inline:auto}.optina__photo{height:clamp(355px,43vw,545px);border-radius:12px}.optina__photo img{object-position:center 48%}.optina__intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10%;padding:46px 0 30px}.optina__intro h3{font-size:27px;margin-bottom:13px}.optina__intro p{color:#69796c;font-size:15px;line-height:1.8}.optina__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.optina-card{padding:30px 26px 31px;background:#fffefb;border:1px solid #e1e8dc;border-radius:11px}.optina-card__number{font-size:11px;letter-spacing:.15em;color:#91a78e}.optina-card h3{font-size:24px;margin:15px 0 13px}.optina-card p{font-size:14px;line-height:1.76;color:#738074}.optina__end{border-top:1px solid #d9e3d6;margin-top:35px;padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:35px}.optina__dates{display:flex;gap:24px}.optina__dates span{display:flex;flex-direction:column;gap:4px;max-width:155px;font-size:11px;color:#768477;line-height:1.35}.optina__dates strong{font:400 25px/1 var(--serif);color:#2e573f}.button--green{background:#23533a;color:#fff;border:1px solid #23533a;flex-shrink:0}.button--green:hover{background:#346f4f}
/* gallery actual uploaded photographs */
.gallery{background:#fffefa}.gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:240px;gap:15px}.gallery__item{border:0;padding:0;position:relative;overflow:hidden;border-radius:10px;background:#dde6da;text-align:left}.gallery__item--wide{grid-column:span 2}.gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}.gallery__item:hover img{transform:scale(1.045)}.gallery__item::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(14,41,27,.78));pointer-events:none}.gallery__item span{position:absolute;z-index:1;left:20px;bottom:17px;color:white;font-size:13px;font-weight:700;text-shadow:0 1px 8px #183323}.gallery__item:nth-child(2) img{object-position:center 53%}.gallery__item:nth-child(4) img{object-position:55% 45%}
/* video loads only after clicking */
.video{background:#edf2eb}.video__layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:9%;align-items:center}.video__text h2{margin-bottom:18px}.video__text>p:not(.eyebrow){color:#697a6f;font-size:15px;line-height:1.82}.video__player{height:353px;position:relative;overflow:hidden;border-radius:12px;background:#173e29}.video__player>img,.video__player iframe{display:block;width:100%;height:100%;object-fit:cover;border:0}.video__player>img{filter:brightness(.65)}.video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,255,255,.65);background:rgba(251,252,244,.94);display:grid;place-items:center;box-shadow:0 11px 34px rgba(0,0,0,.23)}.video__play:hover{background:#fff;scale:1.045}.play-triangle{height:0;width:0;margin-left:5px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #2d5d42}.video__caption{position:absolute;left:20px;bottom:18px;color:white;font-weight:700;font-size:13px;pointer-events:none}
/* discreet partner note */
.recommendation{background:#f8f8f3;border-top:1px solid #e2e8dd;border-bottom:1px solid #e2e8dd}.recommendation__inner{display:flex;align-items:center;gap:24px;padding:31px 0}.recommendation svg{width:37px;height:43px;flex-shrink:0;color:#799b7f}.recommendation p{font-size:13px;color:#79857a;line-height:1.65;max-width:850px}.recommendation a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:700;color:#2a6041}
/* lower footer */
.footer{background:#f8f8f3;padding:48px 0 27px}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer__inner>div{display:flex;flex-direction:column;gap:6px}.footer strong{font:400 31px/1 var(--serif);color:#224734;letter-spacing:.01em}.footer__inner span,.footer__inner p{font-size:12px;color:#728275}.footer__up{width:40px;height:40px;display:grid;place-items:center;border:1px solid #c5d3c5;border-radius:50%;text-decoration:none;color:#305b41;font-size:20px}.footer__up:hover{background:#e6eee4}.footer__sources{border-top:1px solid #e4e9df;margin-top:30px;padding-top:18px;color:#8a968c;font-size:11px;line-height:1.65}.footer__sources a{text-decoration:underline;text-underline-offset:2px}
/* Accessible modal photo viewer */
.lightbox{position:fixed;border:0;border-radius:13px;background:#0e2319;color:#fff;width:min(94vw,1350px);max-height:94vh;padding:25px 65px 19px;box-shadow:0 30px 90px #0008}.lightbox::backdrop{background:rgba(8,23,16,.91)}.lightbox figure{display:flex;flex-direction:column;align-items:center;gap:10px}.lightbox figure img{max-height:76vh;max-width:100%;width:auto;object-fit:contain}.lightbox figcaption{font-size:13px;text-align:center;color:#e4ebe0}.lightbox button{position:absolute;border:1px solid rgba(255,255,255,.35);background:rgba(18,49,31,.88);color:white;border-radius:50%;display:grid;place-items:center;font-size:31px;line-height:1}.lightbox__close{top:10px;right:14px;width:39px;height:39px}.lightbox__prev,.lightbox__next{top:46%;height:44px;width:44px}.lightbox__prev{left:9px}.lightbox__next{right:9px}.lightbox__count{display:block;text-align:center;font-size:11px;color:#a4b5a5;margin-top:8px}
@media(max-width:1100px){.container{width:min(100% - 48px,1180px)}.nav{gap:12px}.nav a{font-size:11.5px}.brand strong{font-size:26px}.brand__trees{width:45px}.section{padding:88px 0}.about__intro{gap:5%}.history__layout{gap:6%}.nature__layout{gap:6%}.optina__dates{gap:16px}}
@media(max-width:850px){.header{height:71px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:1px solid #cad8cc;border-radius:8px;width:44px;height:42px;z-index:2}.menu-toggle span{width:20px;height:2px;background:#2c5a3f}.nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;background:#fffefa;padding:13px 24px 23px;box-shadow:0 15px 20px rgba(24,58,36,.11);border-top:1px solid var(--border);max-height:75vh;overflow:auto;flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav a{padding:10px 4px;border-bottom:1px solid #eef1ec;font-size:14px}.hero{height:540px}.hero h1{font-size:clamp(59px,10vw,82px)}.hero__copy{max-width:575px}.about__intro,.history__layout,.nature__layout{grid-template-columns:1fr;gap:32px}.about__figure{height:370px}.about__copy p:not(.lead):not(.eyebrow){max-width:720px}.facts{margin-top:35px}.history__layout{gap:16px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.timeline__item{grid-template-columns:1fr;min-height:0;border-top:1px solid #dbe5da;padding-top:15px}.timeline__item::after{display:none}.timeline__item b{font-size:36px}.timeline__item h3{font-size:21px}.timeline__item p{font-size:13px}.today__photo{height:300px}.nature__layout{gap:30px}.nature__image{height:405px}.nature__copy{order:-1}.optina__cards{gap:10px}.optina-card{padding:24px 20px}.optina-card h3{font-size:21px}.optina-card p{font-size:13px}.optina__end{align-items:start;flex-direction:column}.video__layout{grid-template-columns:1fr;gap:28px}.video__player{height:auto;aspect-ratio:16/9}.video__text{max-width:680px}.heading--split{align-items:start}}
@media(max-width:620px){html{scroll-padding-top:72px}.container{width:calc(100% - 34px)}.header{height:67px}.brand{gap:8px}.brand__trees{height:43px;width:38px}.brand strong{font-size:24px}.brand small{font-size:8px;letter-spacing:.19em}.section{padding:69px 0 75px}.eyebrow{font-size:10px;margin-bottom:15px}.eyebrow::before{width:19px;margin-right:9px}h2{font-size:clamp(34px,10vw,45px)}h3{font-size:23px}.hero{height:580px}.hero__image{object-position:56% 50%}.hero__overlay{background:linear-gradient(0deg,rgba(15,43,30,.91) 0%,rgba(17,47,32,.85) 22%,rgba(22,49,37,.47) 63%,rgba(17,42,29,.13) 100%)}.hero__container{align-items:end}.hero__copy{max-width:100%;padding:0 0 76px}.hero__overline{font-size:10px;letter-spacing:.08em;margin-bottom:12px;gap:7px}.hero__overline span{width:15px}.hero h1{font-size:clamp(51px,15.2vw,77px);margin-bottom:10px;white-space:normal}.hero__subheading{font-size:clamp(26px,7vw,34px);line-height:1.17;margin-bottom:13px}.hero__description{font-size:14px;line-height:1.66;margin-bottom:22px}.hero__photo-label{right:0;bottom:17px;font-size:10px}.button{font-size:10px;padding:10px 17px;min-height:43px}.about__copy h2{margin-bottom:16px}.lead{font-size:18px}.about__figure{height:260px}.facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}.fact{min-height:117px;padding:14px}.fact:nth-child(3){border-left:0;border-top:1px solid var(--border)}.fact:nth-child(4){border-top:1px solid var(--border)}.fact strong{font-size:27px}.fact:last-child strong{font-size:23px}.timeline{grid-template-columns:1fr;gap:0}.timeline__item{grid-template-columns:100px 1fr;gap:12px;padding:18px 0 14px;min-height:unset}.timeline__item b{font-size:34px}.timeline__item h3{font-size:21px;margin-bottom:7px}.timeline__item p{font-size:13px}.history__heading .history__aside{font-size:18px!important;margin-top:22px!important}.heading--split{display:block;margin-bottom:25px}.heading--split p:last-child{max-width:500px}.today__grid{grid-template-columns:1fr;gap:12px}.today__photo--wide{height:250px}.today__photo--portrait{height:330px}.nature__image{height:310px}.optina__photo{height:280px}.heading--optina{margin-bottom:23px}.optina__intro{grid-template-columns:1fr;gap:24px;padding:30px 0 25px}.optina__intro h3{font-size:23px}.optina__cards{grid-template-columns:1fr;gap:10px}.optina-card{padding:22px}.optina__dates{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.optina__dates strong{font-size:23px}.optina__dates span{font-size:10px}.optina__end{margin-top:24px;padding-top:24px;gap:22px}.gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:178px;gap:9px}.gallery__item--wide{grid-column:span 2;grid-row:span 1}.gallery__item span{font-size:11px;left:11px;bottom:11px}.video__player{aspect-ratio:16/10}.video__play{width:66px;height:66px}.video__caption{left:12px;bottom:11px;font-size:11px}.recommendation__inner{align-items:start;gap:13px;padding:23px 0}.recommendation svg{width:27px;height:31px}.recommendation p{font-size:12px}.footer{padding:32px 0 24px}.footer__inner{gap:14px;align-items:start}.footer strong{font-size:25px}.footer__inner p{display:none}.footer__sources{font-size:10px;margin-top:25px}.lightbox{padding:48px 10px 20px;width:97vw}.lightbox figure img{max-height:69vh}.lightbox__prev,.lightbox__next{top:auto;bottom:7px;width:32px;height:32px;font-size:23px}.lightbox__prev{left:8px}.lightbox__next{right:8px}}
@media(max-width:360px){.brand strong{font-size:21px}.brand small{letter-spacing:.15em;font-size:7px}.hero h1{font-size:clamp(49px,14.7vw,54px)}.hero__overline{font-size:9px;letter-spacing:.04em}.hero__subheading{font-size:24px}.hero__description{font-size:13px}.hero{height:560px}.fact strong{font-size:24px}.timeline__item{grid-template-columns:85px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v4.1: video hosted locally and reliable scroll-to-top button */
.video__player video{display:block;width:100%;height:100%;object-fit:contain;background:#173e29;border:0}
.video__error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:32px;text-align:center;color:#fff;background:#173e29;font-size:15px;line-height:1.6}
.footer__up{padding:0;font-family:inherit;line-height:1;cursor:pointer;flex:0 0 40px}