@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171b1d;--muted:#5e6666;--cream:#f2f1e9;--paper:#fbfbf6;--lime:#e3eea6;--line:#d8dcd2;--dark:#171d1d;--max:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.shell{width:min(calc(100% - 80px),var(--max));margin-inline:auto}.site-header{position:relative;z-index:10;background:var(--dark);color:#fff;border-bottom:1px solid rgba(255,255,255,.14)}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{display:flex;align-items:center;gap:12px;font:800 17px/1.05 Manrope,Arial,sans-serif;letter-spacing:.09em}.brand b{color:var(--lime)}.brand-mark{position:relative;width:39px;height:39px;border:2px solid var(--lime);border-radius:50%;display:grid;place-items:center;transform:rotate(-30deg)}.brand-mark:before,.brand-mark:after{content:'';position:absolute;background:var(--lime)}.brand-mark:before{width:20px;height:2px}.brand-mark:after{height:20px;width:2px}.brand-mark span{width:9px;height:9px;background:var(--lime);border-radius:50%}.main-nav{display:flex;align-items:center;gap:33px}.main-nav a{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:color .2s}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--lime)}.menu-toggle{display:none;color:white;background:none;border:0;cursor:pointer}.hero{overflow:hidden;background:var(--dark);color:#fff}.hero-grid{min-height:690px;display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:35px}.hero-copy{position:relative;z-index:2;padding:72px 0 88px}.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#686f63}.eyebrow.light{color:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.08;letter-spacing:-.055em}h1{font-size:clamp(58px,6vw,104px);font-weight:700}h2{font-size:clamp(42px,5vw,76px);font-weight:700}h3{font-size:24px;font-weight:700}h1 em,h2 em{font-style:normal;color:#a6af93}.hero h1{margin:28px 0 30px;max-width:850px;white-space:nowrap}.hero h1 em{color:var(--lime)}.hero-copy>p{max-width:615px;color:#bfc8c4;font-size:19px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:33px;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;min-height:59px;padding:15px 23px;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span,.text-link span{font-size:21px;line-height:1}.button-primary{background:var(--lime);color:var(--dark)}.button-primary:hover{background:#f0f8c4}.button-outline{border:1px solid rgba(255,255,255,.65);color:#fff}.button-outline:hover{background:rgba(255,255,255,.08)}.text-link{display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.light-link{color:#fff}.text-link:hover{color:#8d9d5f}.hero-art{height:590px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';position:absolute;inset:35px 0 25px 25px;background:radial-gradient(circle at 48% 45%,#6a7667 0,#323c39 31%,#1b2423 60%,#161d1d 80%);border-radius:46% 54% 42% 58% / 48% 43% 57% 52%;filter:blur(1px)}.art-sun{width:min(65%,380px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fbffdf 0,#e8efb7 30%,#a9b587 70%,#606c56 100%);box-shadow:0 0 95px #ddeb9470,0 0 210px #e1ed9633;z-index:1}.art-orbit{position:absolute;border:1px solid rgba(216,236,171,.26);border-radius:50%;z-index:2}.orbit-one{width:78%;aspect-ratio:1;transform:rotate(-25deg) scaleY(.68)}.orbit-two{width:98%;aspect-ratio:1;transform:rotate(25deg) scaleY(.55)}.art-label,.art-counter{position:absolute;z-index:3;font-size:10px;font-weight:800;letter-spacing:.18em}.art-label{left:3%;bottom:82px;writing-mode:vertical-rl}.art-counter{right:3%;top:80px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);padding:16px 0 22px;color:#a9b4af;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.section{padding:110px 0}.intro-section{background:var(--cream)}.two-col{display:grid;grid-template-columns:.32fr .68fr;gap:50px}.intro-section h2{margin:-10px 0 28px}.large-copy{font-size:21px;line-height:1.6;color:#4d5553;max-width:830px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:58px}.section-heading h2{margin:17px 0 0}.section-heading .text-link{margin-bottom:8px}.services-section{background:var(--paper)}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{min-height:230px;background:var(--paper);padding:33px 36px;display:flex;gap:35px;position:relative;transition:background .2s}.service-card:hover{background:#eef1df}.service-card:nth-child(5){grid-column:1/-1;min-height:180px}.service-no{font:700 12px Manrope;color:#7b8873}.service-card h3{margin:0 0 15px}.service-card p{max-width:440px;color:var(--muted);font-size:15px}.card-arrow{position:absolute;right:35px;bottom:28px;font-size:28px}.feature-band{background:#263130;color:white;overflow:hidden}.feature-grid{display:grid;grid-template-columns:1fr 1fr;min-height:570px;gap:60px;align-items:center}.feature-grid h2{margin:23px 0;color:#fff}.feature-grid p{max-width:510px;color:#c0cbc5;font-size:18px}.feature-grid .button{margin-top:23px}.feature-visual{height:100%;min-height:470px;display:grid;place-items:center;position:relative}.feature-visual:before{content:'';position:absolute;width:650px;height:650px;left:11%;top:15%;border-radius:50%;background:radial-gradient(circle,#92a77d77,#26313000 63%)}.film-frame{width:min(78%,460px);aspect-ratio:4/3;position:relative;border:13px solid #111817;transform:rotate(-7deg);background:linear-gradient(145deg,#61776d,#27312c 52%,#adba80);box-shadow:22px 28px 55px #0c161780;display:flex;align-items:center;justify-content:center;overflow:hidden}.film-frame:before{content:'';position:absolute;width:220px;height:220px;background:#e5eead;border-radius:50%;filter:blur(2px);top:9%;right:7%;opacity:.95}.film-frame:after{content:'';position:absolute;inset:60% -20% -25%;background:#1e2924;transform:rotate(-15deg)}.film-frame>span{position:absolute;z-index:2;left:25px;top:23px;font:800 20px Manrope;letter-spacing:.1em}.film-frame small{position:absolute;z-index:2;right:20px;bottom:18px;font-size:10px;letter-spacing:.14em}.film-frame i{position:absolute;z-index:2;left:25px;bottom:25px;width:66px;height:1px;background:#fff}.process-section{background:var(--cream)}.process-section h2{margin:20px 0 65px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.process-grid>div{border-top:1px solid #9a9f91;padding-top:22px}.process-grid b{font:700 13px Manrope;color:#8a9679}.process-grid h3{margin:48px 0 14px}.process-grid p{max-width:340px;color:var(--muted)}.blog-teaser{background:var(--paper)}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.post-card{display:block;background:#f2f1e9;transition:transform .2s}.post-card:hover{transform:translateY(-5px)}.post-art{height:290px;position:relative;overflow:hidden;background:#b1bf91}.post-art:before{content:'';position:absolute;width:420px;height:420px;border:1px solid #e9efc2;border-radius:50%;right:-40px;top:-160px}.post-art:after{content:'';position:absolute;width:240px;height:240px;background:#e4ebaf;border-radius:50%;right:19%;top:16%;box-shadow:0 0 60px #e8edb777}.post-art-1{background:#61756a}.post-art-1:after{background:#bfd2ad;right:13%;top:35%;width:310px;height:310px}.post-art-2{background:#c7b89b}.post-art>span{position:absolute;z-index:2;left:35px;bottom:25px;font:700 80px/1 Manrope;color:#ffffffb8;letter-spacing:-.08em}.post-art i{position:absolute;z-index:2;left:38px;top:30px;width:40px;height:1px;background:#fff}.post-info{padding:31px 35px 37px}.post-info h3{margin:20px 0 13px;max-width:560px}.post-info p{color:var(--muted);font-size:15px;min-height:48px}.card-read{display:inline-block;margin-top:16px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.contact-section{background:var(--lime);padding:105px 0}.contact-grid{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:45px}.contact-section .eyebrow{color:#697452}.contact-section h2{margin:20px 0}.contact-section p{max-width:520px;font-size:18px}.contact-action{padding-bottom:24px}.contact-email{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid var(--ink);padding-bottom:12px;font:700 clamp(20px,3vw,42px) Manrope;letter-spacing:-.045em;overflow-wrap:anywhere}.contact-email span{font-size:30px}.contact-phone{display:block;margin-top:20px;font-weight:700}.contact-pending{font-size:15px!important;color:#4d5844}.site-footer{background:var(--dark);color:white;padding:65px 0 25px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-bottom:80px}.footer-brand{font:800 28px Manrope;letter-spacing:-.05em}.footer-brand strong{color:var(--lime)}.footer-top p{color:#b9c2bc}.footer-top a{display:block;margin:8px 0}.footer-top .eyebrow{color:var(--lime)}.footer-bottom{border-top:1px solid #434d49;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#aeb9b2;font-size:12px}.page-hero{background:var(--cream);padding:110px 0 120px;overflow:hidden}.page-hero .eyebrow{color:#657657}.page-hero h1{margin:20px 0 26px;max-width:1150px}.page-hero p{max-width:680px;font-size:21px;color:#56615b}.service-hero,.works-hero{background:#e7ead9}.service-hero h1{font-size:clamp(50px,5.8vw,88px)}.back-link{display:block;width:max-content;margin-bottom:50px;border-bottom:1px solid #727d6d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding-bottom:5px}.service-detail{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.service-detail h2{margin:18px 0}.service-detail>div>p:not(.large-copy){font-size:17px;color:#5e6666;max-width:730px}.service-detail h3{margin-top:50px}.line-list{list-style:none;padding:0;margin:0 0 40px;border-top:1px solid var(--line)}.line-list li{padding:16px 0;border-bottom:1px solid var(--line);font-weight:600}.line-list li:before{content:'↗';margin-right:15px;color:#7f8e68}.related-services{background:var(--cream)}.related-services .service-grid{margin-top:35px}.related-services .service-card{background:var(--cream)}.related-services .service-card:hover{background:#e3ead1}.empty-portfolio{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.empty-art{height:460px;background:#283733;position:relative;overflow:hidden}.empty-art:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ffffff09 0 25%,transparent 25% 50%,#ffffff08 50% 75%,transparent 75%)}.empty-circle{width:260px;height:260px;border-radius:50%;background:#dce7af;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);box-shadow:0 0 90px #dbe8ad99}.empty-art span{position:absolute;left:25px;bottom:25px;color:white;font-size:11px;font-weight:800;letter-spacing:.2em}.empty-portfolio h2{font-size:clamp(40px,4vw,62px);margin:20px 0}.empty-portfolio p{max-width:520px;color:var(--muted);font-size:18px}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:55px 25px}.work-media{background:#283733;aspect-ratio:16/9}.work-media img,.work-media iframe{width:100%;height:100%;object-fit:cover;border:0}.video-poster{position:relative;display:block;width:100%;height:100%;border:0;padding:0;background:#283733;cursor:pointer}.video-poster:after{content:'';position:absolute;inset:0;background:#1118}.play-icon{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#1a211c;padding-left:4px}.work-info{padding:20px 4px}.work-info h3{margin:13px 0}.work-info p{color:var(--muted)}.article{background:var(--paper)}.article-head{max-width:1000px;padding-top:82px;padding-bottom:50px}.article-head h1{font-size:clamp(50px,5.3vw,82px);margin:22px 0}.article-summary{font-size:22px;color:var(--muted);max-width:780px}.article-image{max-width:1100px}.article-image img{width:100%;max-height:620px;object-fit:cover}.article-body{max-width:790px;padding-bottom:110px;font-size:18px;line-height:1.8}.article-body h2{font-size:33px;margin:48px 0 18px}.article-body p{margin-bottom:22px}.more-posts{background:var(--cream)}.more-posts .post-grid{margin-top:35px}
@media(max-width:1100px){.hero-grid{min-height:620px}.hero h1{white-space:normal;font-size:clamp(58px,7vw,84px)}.hero-art{height:520px}.main-nav{gap:20px}.main-nav a{font-size:12px}.shell{width:min(calc(100% - 54px),var(--max))}}@media(max-width:760px){.shell{width:min(calc(100% - 36px),var(--max))}.header-inner{height:74px}.menu-toggle{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.menu-toggle span{font-size:20px}.main-nav{display:none;position:absolute;left:0;right:0;top:74px;background:var(--dark);padding:25px 18px 32px;border-top:1px solid #3d4845;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding:12px 0;font-size:14px}.hero-grid{display:block;min-height:0}.hero-copy{padding:75px 0 15px}.hero h1{font-size:clamp(49px,12vw,72px);margin:20px 0}.hero-copy>p{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:26px;margin-top:32px}.hero-art{height:345px;margin:0 -10px}.hero-art:before{inset:10px}.art-sun{width:200px}.art-label{bottom:30px}.art-counter{top:30px}.hero-bottom{font-size:9px}.section{padding:75px 0}.two-col,.feature-grid,.contact-grid,.service-detail,.empty-portfolio{grid-template-columns:1fr;gap:30px}.two-col h2{margin-top:0}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:36px}.section-heading h2{margin-top:12px}.service-grid,.post-grid,.work-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(5){grid-column:auto;min-height:175px;padding:26px 25px;gap:22px}.service-card h3{font-size:21px}.service-card p{margin-bottom:0}.card-arrow{right:20px;bottom:18px}.feature-grid{padding:75px 0 0}.feature-visual{min-height:370px}.film-frame{width:min(80%,340px)}.process-grid{grid-template-columns:1fr;gap:28px}.process-grid h3{margin-top:25px}.post-art{height:220px}.post-info{padding:25px}.contact-section{padding:75px 0}.contact-action{padding-bottom:0}.footer-top{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.footer-bottom{flex-direction:column}.page-hero{padding:75px 0 80px}.page-hero h1{font-size:clamp(49px,11vw,70px)}.page-hero p{font-size:18px}.back-link{margin-bottom:35px}.service-detail .large-copy{font-size:19px}.empty-art{height:330px}.empty-circle{width:190px;height:190px}.article-head{padding-top:55px}.article-head h1{font-size:clamp(45px,10vw,65px)}.article-summary{font-size:19px}.article-body{font-size:17px;padding-bottom:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
h1 em,h2 em{color:#5d6c4e}.hero h1 em{color:var(--lime)}
.work-poster{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#283733}.work-poster:after{content:"";position:absolute;inset:0;background:#1116;transition:background .2s}.work-poster:hover:after{background:#1112}.work-poster .play-icon{z-index:2;transition:transform .2s}.work-poster:hover .play-icon{transform:translate(-50%,-50%) scale(1.08)}.work-more{display:inline-block;margin-top:6px;border-bottom:1px solid currentColor;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.work-detail{background:var(--cream);padding:75px 0 95px}.work-detail h1{max-width:1100px;margin:20px 0 22px;font-size:clamp(50px,5.6vw,86px)}.work-lead{max-width:740px;color:var(--muted);font-size:21px}.detail-video{margin-top:48px;aspect-ratio:16/9;background:var(--dark)}.detail-video iframe{display:block;width:100%;height:100%;border:0}.work-after{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:30px;color:var(--muted)}.work-after p{margin:0}.work-after p a{border-bottom:1px solid currentColor;color:var(--ink)}.more-works{background:var(--paper)}@media(max-width:760px){.work-detail{padding:55px 0 70px}.work-detail h1{font-size:clamp(45px,10vw,66px)}.work-lead{font-size:18px}.detail-video{margin-top:32px}.work-after{align-items:flex-start;flex-direction:column}}
.faq-section{background:var(--cream);border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start}.faq-grid h2{margin:16px 0 0}.faq-list{border-bottom:1px solid #cbd1c2}.faq-item{border-top:1px solid #cbd1c2}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;padding:23px 0;font:700 20px/1.35 Manrope,Arial,sans-serif;letter-spacing:-.025em}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';flex:none;font:400 28px/1 Manrope,Arial,sans-serif;color:#697661}.faq-item[open] summary:after{content:'−'}.faq-item p{max-width:720px;margin:0;padding:0 38px 25px 0;color:var(--muted);font-size:17px}.faq-item summary:focus-visible{outline:2px solid #697661;outline-offset:4px}@media(max-width:760px){.faq-grid{grid-template-columns:1fr;gap:28px}.faq-item summary{font-size:18px;padding:20px 0}.faq-item p{font-size:16px}}

.post-art-photo:before,.post-art-photo:after{content:none}.post-art-photo img{width:100%;height:100%;object-fit:cover;object-position:center 53%}.article-image img{max-height:none;object-fit:contain}

.article-gallery{columns:2;column-gap:18px;margin:42px 0}.article-gallery figure{break-inside:avoid;margin:0 0 18px;background:#e7ead9}.article-gallery img{width:100%;height:auto}.post-card[href='/blogi/logistikapaev-2026-pildis-ja-videos/'] .post-art-photo img{object-position:center 22%}@media(max-width:650px){.article-gallery{columns:1}}

.article-image{margin-bottom:32px}

.article-gallery-single{columns:1}