:root{--green:#edf2f2;--ink:#294552;--lime:#efc987;--paper:#fffdf9;--muted:#6a777d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.demo{background:#e9eee6;color:#536457;text-align:center;font-size:12px;padding:7px 20px}.header{height:114px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:25px;letter-spacing:-1px;font-weight:700}.brand-icon{font-size:38px;width:49px;height:49px;border-radius:50%;border:1px solid #abb9a7;display:grid;place-content:center;font-weight:400;line-height:1}.brand small{display:block;font-weight:400;font-size:10px;letter-spacing:1.5px;margin-top:-3px}.header nav{display:flex;gap:38px;font-size:14px}.header nav a:hover{color:#768739}.login-btn{display:flex;gap:27px;justify-content:center;align-items:center;padding:13px 20px;border:1px solid #bcc7ba;border-radius:8px;background:transparent;color:var(--ink);font-size:14px}.login-btn:hover{background:#e9eee0}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:580px;border-radius:18px;overflow:hidden;background:var(--green);color:white}.hero-copy{padding:47px 52px 27px;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.5px;display:flex;align-items:center;gap:12px}.hero .eyebrow{color:#c4d3b8;font-size:10px}.line{width:24px;height:1px;background:currentColor}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(56px,6.7vw,92px);line-height:1.03;letter-spacing:-3px;margin:39px 0 22px}h1 em{color:var(--lime);font-weight:400}p{margin-top:0}.hero p{color:#d3dfd7;font-size:16px;line-height:1.7;margin-bottom:28px}.primary{background:var(--lime);border:0;color:#244434;border-radius:7px;padding:16px 23px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:38px}.primary:hover{background:#f0f6bf}.hero-bottom{margin-top:auto;padding-top:37px;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.4;color:#bbcabb}.sun{font-size:47px;color:var(--lime)}.hero-photo{position:relative;min-width:0}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 48%,#163b3380)}.hero-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.photo-note{position:absolute;bottom:43px;left:40px;z-index:1;display:flex;flex-direction:column;font-family:Georgia,serif;font-size:28px;line-height:1.3}.photo-note span{font-style:italic;font-size:20px;margin-bottom:6px}.photo-note strong{font-weight:400}.photo-credit{position:absolute;right:18px;top:18px;color:white;z-index:1;font-size:12px;background:#183a3450;padding:3px 10px;border-radius:20px}.news{padding-top:83px}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:31px;gap:20px}h2{font-size:46px;line-height:1.15;letter-spacing:-1.5px;margin:13px 0 0}.section-top>p{font-size:14px;color:var(--muted);margin:0 0 4px}.news-grid{display:grid;grid-template-columns:1.13fr 1fr 1fr;gap:20px}.news-card{display:flex;flex-direction:column;padding:27px;border:1px solid #dce2d6;border-radius:12px;background:#fff;min-height:360px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.tag{font-size:9px;letter-spacing:.65px;font-weight:bold}.featured{background:#e9eddb;border-color:#e9eddb}.card-symbol{font-size:44px;line-height:1;margin:25px 0 19px}.news-card h3{font-size:30px;line-height:1.17;letter-spacing:-.6px;margin:0 0 15px}.news-card p{font-size:14px;color:#627062;line-height:1.65;margin-bottom:27px}.read{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;border:0;border-top:1px solid #dce2d6;padding:17px 0 0;margin-top:auto;background:none;font-size:14px;color:var(--ink)}.read:hover{text-decoration:underline}.read span{font-size:21px}.number{font-family:Georgia,serif;color:#a1ad8e;font-size:42px;display:flex;align-items:center;gap:16px;margin:25px 0 19px;line-height:1}.number span{font:italic 14px Georgia,serif;color:#7a876e}.about{margin-top:78px;padding:46px 0 54px;display:grid;grid-template-columns:1fr 1fr;gap:55px;border-top:1px solid #dce2d6}.about-right{padding:13px 40px 0 0}.about-right p{font-size:17px;color:#5b6e60;max-width:430px}.about-right small{display:block;margin-top:15px;color:var(--muted);font-size:12px}.about h2{font-size:42px}footer{border-top:1px solid #dce2d6;display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:28px;font-size:12px;color:var(--muted)}footer .brand{font-size:20px;color:var(--ink)}footer .brand-icon{width:35px;height:35px;font-size:27px}dialog{border:0;border-radius:18px;padding:42px;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 40px);color:var(--ink);background:var(--paper);box-shadow:0 25px 100px #102c3450}dialog::backdrop{background:#0c231caa;backdrop-filter:blur(5px)}.close{position:absolute;top:14px;right:17px;border:0;background:none;color:var(--ink);font-size:30px;line-height:1;width:36px;height:36px}.modal-mark{display:grid;place-content:center;width:58px;height:58px;border-radius:50%;background:#e9eddb;font-size:40px;margin-bottom:25px}dialog h2{font-size:36px;letter-spacing:-1px;margin-top:10px}.intro{color:var(--muted);font-size:14px;margin:14px 0 26px}label{display:block;font-size:14px;margin:17px 0 7px}input{width:100%;min-width:0;border:1px solid #becbbc;border-radius:7px;padding:12px;background:white;color:var(--ink);font-size:16px}input:focus{outline:2px solid #658566;outline-offset:2px}.password-wrap{position:relative}.password-wrap input{padding-right:89px}.password-wrap button{position:absolute;right:8px;top:9px;border:0;background:transparent;font-size:12px;padding:6px;color:var(--muted)}.submit{width:100%;margin-top:25px}.form-note{font-size:12px;color:var(--muted);line-height:1.6;margin:19px 0 0}#login-status{font-size:14px;margin:15px 0 0}#news-dialog{width:min(620px,calc(100% - 32px))}#article-body{color:#566d5c;margin-top:22px;font-size:16px}#article-body p{margin-bottom:17px}button:focus-visible,a:focus-visible{outline:3px solid #93a766;outline-offset:4px}@media(min-width:1500px){.hero{min-height:625px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero-copy{padding:35px 32px 25px}h1{font-size:72px}.news-grid{gap:13px}.news-card{padding:22px}.news-card h3{font-size:25px}.card-meta{flex-wrap:wrap}.header nav{gap:20px}.eyebrow{font-size:10px}.section-top>p{max-width:150px}.photo-note{left:25px;font-size:24px}}@media(max-width:700px){.demo{font-size:10px;padding:6px 13px}.wrap{width:calc(100% - 32px)}.header{height:88px;gap:10px}.header nav{display:none}.brand{font-size:22px;gap:7px}.brand small{font-size:8px;letter-spacing:1px}.brand-icon{height:41px;width:41px;font-size:33px}.header .login-btn{font-size:12px;padding:10px 12px;gap:9px}.hero{grid-template-columns:1fr;border-radius:13px;min-height:0}.hero-copy{padding:32px 28px 19px}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:69px;margin:27px 0 19px;letter-spacing:-2px}.hero p{font-size:15px}.hero-bottom{padding-top:25px}.hero-photo{height:310px}.hero-photo img{object-position:center 58%}.photo-note{bottom:26px;left:27px}.news{padding-top:46px}.section-top{display:block;margin-bottom:23px}.section-top>p{max-width:none;margin-top:13px}h2{font-size:37px}.news-grid{grid-template-columns:1fr;gap:16px}.news-card{padding:25px;min-height:0}.news-card h3{font-size:31px}.news-card h3 br{display:none}.card-meta{flex-wrap:nowrap}.card-symbol,.number{margin:23px 0}.news-card p{font-size:15px}.tag{font-size:10px}.about{margin-top:45px;padding:33px 0;grid-template-columns:1fr;gap:20px}.about h2{font-size:37px}.about-right{padding:0}footer{flex-wrap:wrap;gap:16px}footer>span:last-child{width:100%}dialog{padding:34px 25px}dialog h2{font-size:33px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Coastal direction for Trud-1, Koktebel */
.demo{background:#e9eff0;color:#5a6b73}.brand-icon{border-color:#bdc9cc}.header nav a:hover{color:#36788b}.login-btn{border-color:#b7c5ca}.login-btn:hover{background:#e7eff1}.hero{grid-template-columns:.94fr 1.06fr;border-radius:12px;color:var(--ink);border:1px solid #e1e7e5;background:#edf2f2}.hero .eyebrow{color:#587782;font-size:11px}.hero-copy{padding-top:50px}h1{font-size:clamp(52px,5.5vw,78px);letter-spacing:-2.5px;margin:45px 0 28px}h1 em{color:#447486;white-space:nowrap;font-size:.91em}.hero p{color:#60737d;line-height:1.8}.primary{background:#294f60;color:#fff;padding:17px 23px}.primary:hover{background:#376b80}.hero-bottom{color:#647d87}.sun{color:#c7954e;font-size:53px}.hero-photo:after{background:linear-gradient(transparent 48%,#27394180)}.photo-note{color:#fff}.photo-credit{background:#29455260}.news{padding-top:72px}.news-card{border-color:#dde4e5;border-radius:9px}.featured{background:#f2e9d9;border-color:#f2e9d9}.card-symbol{color:#9e7346}.card-meta{color:#6b777d;font-size:12px}.tag{font-size:11px;letter-spacing:.4px}.news-card p{color:#65727b;font-size:15px}.number{color:#92a8b2}.number span{color:#738c98}.read{border-color:#d7dee0}.about{border-color:#d7dee0}.about-right p{color:#5b737f}.modal-mark{background:#e3ecef}.form-note{font-size:14px}.intro{font-size:16px}.eyebrow{font-size:12px}.section-top>p{font-size:15px}label,.login-btn{font-size:15px}footer{border-color:#d7dee0}.hero-bottom{font-size:14px}.brand small{font-size:11px}.section-top{align-items:center}.section-top h2{font-size:42px}@media(max-width:1000px){.hero-copy{padding-inline:30px}h1{font-size:61px}.hero .eyebrow{font-size:10px}.card-meta{align-items:start;flex-direction:column;gap:5px}}@media(max-width:700px){.hero{grid-template-columns:1fr}.hero-copy{padding:34px 25px 21px}.hero .eyebrow{font-size:10px}h1{font-size:61px;margin:27px 0 21px}.hero p{font-size:15px}.hero-photo{height:320px}.hero-photo img{object-position:62% center}.section-top h2{font-size:36px}.news{padding-top:45px}.header .login-btn{font-size:12px}.brand small{font-size:9px}.card-meta{flex-direction:row;align-items:center}.demo{font-size:11px}.about h2{font-size:36px}.photo-note{font-size:26px}}@media(max-width:360px){h1{font-size:52px}.header .login-btn{padding-inline:8px}.brand{font-size:20px}.brand-icon{width:34px;height:34px}}