
@font-face{font-family:Poppins;src:local("Poppins")}
:root{--d:#2E3A2E;--k:#1E1E1E;--g:#599A39;--au:#8E8E8E;--br:#C2261F;--r:#E3261F;--cr:#F2F4EF;--t:#2b2b2b}
*{box-sizing:border-box}body{margin:0;font-family:Poppins,"Segoe UI",Arial,sans-serif;color:var(--t);background:#fff;line-height:1.6}
a{color:var(--g)}.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:3px solid var(--g);position:sticky;top:0;z-index:5}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:78px}
header img{height:58px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--d)}.brand b{display:block;font-size:22px;line-height:1}.brand small{font-size:12px;color:#777}nav a{margin-left:26px;text-decoration:none;color:var(--d);font-weight:500;font-size:15px}
nav a.on{color:var(--g);border-bottom:2px solid var(--g);padding-bottom:4px}
.hero{background:linear-gradient(rgba(19,38,28,.55),rgba(19,38,28,.75)),url(img/talu-header.jpg) center/cover;color:#fff;padding:96px 0 104px}
.hero h1{font-size:44px;line-height:1.15;margin:0 0 14px;font-weight:700}.hero p{font-size:19px;max-width:640px;margin:0 0 28px;opacity:.95}
.btn{display:inline-block;padding:12px 24px;border-radius:4px;text-decoration:none;font-weight:600;margin-right:10px}
.b1{background:var(--g);color:#fff}.b2{border:2px solid #fff;color:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:-56px auto 0;position:relative}
.card{background:#fff;border-radius:6px;box-shadow:0 6px 24px rgba(0,0,0,.12);overflow:hidden}
.card .top{height:8px}.card .in{padding:28px 30px 30px}.card h2{margin:0 0 4px;font-size:24px;color:var(--d)}
.card .tag{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--br);font-weight:600}
.card ul{padding-left:20px;margin:14px 0 20px}.card li{margin:4px 0}
.card .lnk{font-weight:600;text-decoration:none}
section{padding:70px 0}h3.sec{font-size:30px;color:var(--d);margin:0 0 8px}.sub{color:#666;margin:0 0 34px}
.time{border-left:3px solid var(--g);margin-left:8px;padding-left:28px}
.ti{position:relative;margin-bottom:22px}.ti:before{content:"";position:absolute;left:-37px;top:6px;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--g)}
.ti b{color:var(--g);display:inline-block;min-width:92px}
.cream{background:var(--cr)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.box{background:#fff;padding:22px;border-radius:6px;border-top:4px solid var(--au)}.box h4{margin:0 0 6px;color:var(--d)}
.tech{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.tech img{width:100%;border-radius:6px;background:#fff}
footer{background:var(--d);color:#cfd8cf;padding:44px 0 24px;font-size:14px;border-top:4px solid var(--g)}
footer .cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}footer h5{color:#fff;font-size:16px;margin:0 0 10px}
footer a{color:#e7d9a7}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:16px;display:flex;justify-content:space-between}
@media(max-width:760px){.two,.grid3,.tech,footer .cols{grid-template-columns:1fr}.hero h1{font-size:30px}.two{margin-top:20px}}

.obf{unicode-bidi:bidi-override;direction:rtl}
.page-hero{background:linear-gradient(rgba(46,58,46,.6),rgba(46,58,46,.8)),url(img/talu-header.jpg) center/cover;color:#fff;padding:60px 0}
.page-hero h1{margin:0;font-size:38px}.page-hero p{margin:6px 0 0;opacity:.9}
.story{display:grid;grid-template-columns:2fr 1fr;gap:40px}.story p{margin:0 0 12px}
.quote{border-left:4px solid var(--g);padding:4px 0 4px 22px}
.sig{display:flex;gap:14px;align-items:center;margin-top:18px;color:#555}.sig img{width:64px;border-radius:4px}
.aside{background:var(--cr);padding:22px;border-radius:6px;border-top:4px solid var(--r);align-self:start}
.arch{display:grid;grid-template-columns:1fr 1fr;gap:28px}.arch .box{border-top-color:var(--g)}
.arch .old{display:inline-block;margin-top:10px;font-weight:600;text-decoration:none}
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ncard{display:block;background:#fff;border-radius:6px;box-shadow:0 3px 14px rgba(0,0,0,.08);overflow:hidden;text-decoration:none;color:var(--t);border-top:4px solid var(--r)}
.ncard img,.ncard .noimg{width:100%;height:170px;object-fit:cover;background:#fff;display:block;border-bottom:1px solid #eee}
.ncard .noimg{display:flex;align-items:center;justify-content:center;background:var(--cr);color:var(--g);font-weight:600}
.ncard .in{padding:16px 18px 18px}.ncard .d{font-size:12px;color:var(--g);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.ncard h4{margin:6px 0 6px;color:var(--d);font-size:17px}.ncard p{margin:0;font-size:14px;color:#555}
.oldlist{padding-left:20px;color:#555}
@media(max-width:760px){.ngrid{grid-template-columns:1fr}}

.oldph{font-size:12px;color:#8E8E8E}.oldph del{margin-right:6px;text-decoration-thickness:1px}footer .oldph{color:#aab4aa}
.oldem{color:#8E8E8E;font-size:12px}
.lbl{font-size:12px;color:#8E8E8E}footer .lbl{color:#aab4aa}.fie{margin-top:16px;font-size:14px;color:#444;background:var(--cr);padding:10px 14px;border-radius:4px}.tinfo{margin-top:22px;color:#555}.tinfo p{margin:0 0 8px}
.fieblock{background:#fff;border-left:4px solid var(--g);padding:12px 16px;border-radius:4px;margin-bottom:14px;max-width:620px}.fieblock h4{margin:0 0 6px;color:var(--d)}.fieblock p{margin:0;line-height:1.7}#laatsamae-ou:target{outline:2px solid var(--g);outline-offset:6px}
[id]{scroll-margin-top:90px}

/* Peamenüü: kleepuv päis, Arhiivi rippmenüü, mobiilis hamburger (<1080px) */
nav{display:flex;align-items:center}
nav .dd{position:relative;margin-left:26px}
nav .dd>button{font:inherit;font-weight:500;font-size:15px;color:var(--d);background:none;border:0;padding:0;cursor:pointer}
nav .dd>button .car{font-size:11px;margin-left:2px}
nav .dd ul{display:none;position:absolute;right:0;top:100%;margin:0;padding:14px 0 8px;list-style:none;min-width:270px;background:#fff;border-top:3px solid var(--g);box-shadow:0 8px 24px rgba(0,0,0,.14);border-radius:0 0 6px 6px;z-index:6}
nav .dd:hover ul,nav .dd.open ul{display:block}
nav .dd ul a{display:block;margin:0;padding:8px 18px;font-size:14px;white-space:nowrap}
nav .dd ul a:hover,nav .dd ul a:focus{background:var(--cr);color:var(--g)}
nav a:hover,nav .dd>button:hover{color:var(--g)}
.menu-btn{display:none;width:44px;height:44px;border:1px solid #dfe3da;border-radius:6px;background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;flex:none}
.menu-btn span{display:block;width:22px;height:2px;background:var(--d);transition:transform .2s,opacity .2s}
header.open .menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
header.open .menu-btn span:nth-child(2){opacity:0}
header.open .menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1079px){
 header .wrap{gap:12px}
 .brand{min-width:0}.brand small{display:block;line-height:1.3}
 header.js .menu-btn{display:flex}
 nav{display:block;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:3px solid var(--g);box-shadow:0 10px 24px rgba(0,0,0,.12);max-height:calc(100vh - 81px);overflow-y:auto}
 header.js nav{display:none}
 header.js.open nav{display:block}
 nav a,nav .dd>button{display:block;width:100%;text-align:left;margin:0;padding:13px 22px;border-bottom:1px solid #eef0eb;font-size:16px}
 nav a.on{border-bottom:1px solid #eef0eb;border-left:4px solid var(--g);padding:13px 22px 13px 18px;background:var(--cr)}
 nav .dd{margin:0}
 nav .dd>button .car{float:right;transition:transform .2s}
 nav .dd.open>button .car{transform:rotate(180deg)}
 nav .dd ul{position:static;display:block;min-width:0;box-shadow:none;border:0;border-radius:0;padding:0;background:#fafbf8}
 header.js nav .dd ul,header.js nav .dd:hover ul,header.js nav .dd:focus-within ul{display:none}
 header.js nav .dd.open ul{display:block}
 nav .dd ul a{padding:11px 22px 11px 38px;font-size:15px;white-space:normal}
}
/* mobiili ülevoolu parandused (telefonis ei tohi leht kõrvale kerida) */
.hero h1,.page-hero h1{overflow-wrap:break-word}
@media(max-width:760px){.story,.arch{grid-template-columns:1fr}.page-hero h1{font-size:30px}}
@media(max-width:420px){.hero h1{font-size:26px}}
/* ilma JS-ita mobiilis: menüü on päise all tavalise loendina, päis ei kleebi */
@media(max-width:1079px){header:not(.js){position:static}header:not(.js) .wrap{height:auto;min-height:78px;flex-wrap:wrap;padding-top:10px}header:not(.js) nav{position:static;width:calc(100% + 40px);margin:8px -20px 0;box-shadow:none;border-bottom:0;max-height:none}}
/* kitsam lauaarvuti/tahvli laius: menüü ei murdu */
nav a,nav .dd>button{white-space:nowrap}
@media(min-width:1080px) and (max-width:1220px){nav a,nav .dd{margin-left:16px}nav .dd ul a{margin-left:0}.brand small{font-size:11px}}
/* v6: Arhiiv = link + alammenüü nupp; firmalehtede plokid; uudiste filter */
nav .dd{display:flex;align-items:center}
nav .dd>a{margin-left:0}
nav .dd>button{padding:0 2px 0 5px}
.two-s{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}
.grid3.c2{grid-template-columns:repeat(2,1fr);max-width:900px}
ul.plain{padding-left:20px;margin:10px 0 18px}ul.plain li{margin:4px 0}
.ctc{line-height:1.7;font-size:15px;box-shadow:0 3px 14px rgba(0,0,0,.06)}
.cream .box{box-shadow:none}
.filt{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.filt button{font:inherit;font-size:14px;font-weight:600;padding:8px 16px;border-radius:20px;border:2px solid var(--g);background:#fff;color:var(--g);cursor:pointer}
.filt button[aria-pressed="true"]{background:var(--g);color:#fff}
.ncard[hidden]{display:none}
@media(max-width:760px){.two-s,.grid3.c2{grid-template-columns:1fr;gap:24px}h3.sec{font-size:26px}section{padding:48px 0}.btn{margin-bottom:10px}}
@media(max-width:1079px){
 header.js nav .dd{display:flex;flex-wrap:wrap}
 nav .dd{flex-wrap:wrap}
 nav .dd>a{flex:1 1 auto;width:auto;border-bottom:1px solid #eef0eb}
 nav .dd>button{flex:0 0 56px;width:56px;text-align:center;padding:13px 0;border-left:1px solid #eef0eb}
 nav .dd>button .car{float:none;display:inline-block}
 nav .dd ul{flex:1 0 100%}
}
