.hero-slider { background:#101111; isolation:isolate; }
.hero-slider::before { display:none; }
.page-home .hero-slider .hero-inner { padding-top:calc(var(--header-height-rest,148px) + 36px); padding-bottom:28px; min-height:min(900px,100svh); display:flex; flex-direction:column; }
.hero-slider .hero-topline { position:relative; z-index:2; }
.hero-studio { color:#777b78; font:10px Manrope,Arial,sans-serif; letter-spacing:.2em; }
.hero-cats { position:absolute; width: min(80vw,1150px); height:min(48vw,690px); right:-14%; top:22%; overflow:hidden; opacity:.24; mask-image:linear-gradient(90deg,transparent,black 28%),linear-gradient(180deg,black 30%,transparent 98%); mask-composite:intersect; pointer-events:none; }
.hero-cats img { width:100%; max-width:none; height:auto; }
.hero-slides { display:grid; flex:1; align-items:center; position:relative; margin:55px 0 54px; }
.hero-slide { grid-area:1/1; width:min(780px,76%); opacity:0; visibility:hidden; transform:translateY(22px); transition:opacity .7s ease,transform .9s cubic-bezier(.22,1,.36,1),visibility .7s; pointer-events:none; }
.hero-slide.is-active { opacity:1; visibility:visible; transform:none; pointer-events:auto; }
.hero-slider .slide-title { margin:0 0 27px -.045em; max-width:850px; font:500 clamp(64px,7.6vw,126px)/1.04 Manrope,Arial,sans-serif; letter-spacing:-.075em; text-wrap:balance; }
.slide-title-dot { color:#91958c; }
.slide-description { max-width:520px; margin-bottom:28px; color:#b2b5af; font:400 clamp(15px,1.2vw,18px)/1.8 Manrope,Arial,sans-serif; }
.slide-cta { display:inline-flex; align-items:center; gap:25px; font:600 14px Manrope,Arial,sans-serif; }
.slide-cta span { display:grid; place-items:center; width:42px; height:42px; border:1px solid #ffffff45; border-radius:50%; font-size:24px; transition:background .25s,color .25s,transform .25s; }
.slide-cta:hover span { color:#111; background:#f7f7f2; transform:rotate(45deg); }
.slider-footer { display:flex; align-items:center; gap:36px; border-top:1px solid #ffffff20; padding-top:23px; position:relative; }
.slider-tabs { display:flex; flex:1; gap:25px; }
.slider-tab { position:relative; flex:1; text-align:left; border:0; color:#878c86; background:none; padding:0 0 17px; font:600 12px/1.5 Manrope,Arial,sans-serif; transition:color .25s; }
.slider-tab i { position:absolute; bottom:0; height:2px; background:#f3f4ec; left:0; width:100%; transform:scaleX(0); transform-origin:left; transition:transform .65s ease; }
.slider-tab.is-active { color:#fff; }
.slider-tab.is-active i { transform:scaleX(1); }
.slider-controls { display:flex; gap:7px; }
.slider-controls button { border:1px solid #ffffff26; border-radius:50%; background:transparent; color:#fff; width:40px; height:40px; font-size:19px; transition:background .2s; }
.slider-controls button:hover { background:#ffffff20; }
.slider-controls [data-slider=pause] { font-size:13px; }
.slider-announcement { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(min-width:1500px){.hero-slides{margin-block:70px}.hero-slide{width:70%}}
@media(max-width:760px){
.page-home .hero-slider .hero-inner{min-height:780px;padding-top:calc(var(--header-height-rest,116px) + 28px)}
.hero-studio{display:none}.hero-slider .hero-topline .eyebrow{font-size:8px}
.hero-cats{width:110vw;height:66vw;right:-37%;top:26%;opacity:.18}
.hero-slide{width:100%}.hero-slider .slide-title{font-size:clamp(48px,10vw,76px);max-width:570px}
.slide-description{max-width:440px;font-size:14px}.hero-slides{margin:48px 0 42px}
.slider-footer{gap:18px;align-items:flex-end}.slider-tabs{gap:10px}.slider-tab{font-size:0;padding:12px 0;width:20px}.slider-tab span{display:none}.slider-tab i{background:#767a73;transform:scaleX(1)}.slider-tab.is-active i{background:#fff;height:3px}
.slider-controls button{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){.hero-slide,.slider-tab i,.slide-cta span{transition:none}}
/* Service-specific concept previews, drawn locally without external assets. */
.hero-slide{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:5%;align-items:center}
.hero-slider .slide-title{font-size:clamp(52px,6.4vw,105px)}
.hero-cats{opacity:.10;top:13%;right:-10%}
.slide-copy{min-width:0;position:relative;z-index:2}
.mockup-stage{position:relative;min-width:0;aspect-ratio:1.24;font-family:Manrope,Arial,sans-serif;perspective:1200px;align-self:center;transform:translateY(15px);transition:transform 1.2s var(--ease)}
.is-active .mockup-stage{transform:translateY(0)}
.mockup-orbit{position:absolute;inset:0 0 0 7%;border:1px solid #ffffff0c;border-radius:50%;box-shadow:0 0 90px #ffffff05}
.mockup-device{position:absolute;top:10%;left:0;width:96%;padding:7px;background:linear-gradient(145deg,#626461,#181a19 25%,#363936);border:1px solid #ffffff32;border-radius:12px;box-shadow:0 36px 65px #0009;transform:rotateY(-9deg) rotateX(5deg) rotateZ(-5deg);overflow:hidden}
.mockup-chrome{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#232624;border-radius:6px 6px 0 0;color:#8d928b;font-size:7px}
.mockup-chrome i{font-style:normal;font-size:6px;letter-spacing:.08em}.mockup-chrome span:first-child{font-size:6px;letter-spacing:3px}
.mockup-screen{aspect-ratio:1.55;background:#e7e7df;color:#252b26;overflow:hidden;border-radius:0 0 5px 5px;container-type:inline-size}
.demo-nav{display:flex;justify-content:space-between;align-items:center;padding:5% 6% 3%;font-size:2cqw;letter-spacing:.06em}.demo-nav b{font-size:2.6cqw}.demo-nav>span{font-size:1.5cqw}
.demo-web,.demo-shop{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:3% 6% 0;gap:3%}
.demo-web small,.demo-shop small{font-size:1.6cqw;letter-spacing:.1em;display:block;margin-bottom:10%}
.demo-web strong,.demo-shop strong{font-size:7cqw;line-height:1.08;letter-spacing:-.065em;font-weight:500;display:block}
.demo-button{display:inline-block;font-size:1.8cqw;margin-top:12%;padding-bottom:3%;border-bottom:1px solid #252b2660}
.demo-architecture{height:38cqw;position:relative;overflow:hidden;background:linear-gradient(130deg,#a4aaa3,#d0d3c9);}
.demo-architecture i{position:absolute;width:65%;height:78%;left:20%;bottom:0;background:linear-gradient(90deg,#c6c7b8 68%,#9a9c8c 68%);transform:skewY(-12deg);box-shadow:15px 10px 25px #3334}
.demo-architecture b{position:absolute;width:35%;height:58%;left:36%;bottom:0;border-radius:50% 50% 0 0;background:linear-gradient(90deg,#3e4841,#707566);border:7px solid #a9ac9c}
.demo-architecture span{position:absolute;bottom:0;left:-10%;height:15%;width:100%;background:#9b9e8e;transform:skewY(12deg)}
.demo-bottom{display:flex;justify-content:space-between;padding:5% 6%;font-size:1.5cqw;letter-spacing:.12em}
.mockup-phone{position:absolute;right:-1%;bottom:9%;width:24%;aspect-ratio:.49;background:#dadcd2;color:#272d28;border:5px solid #272a27;border-radius:22px;box-shadow:0 22px 35px #0008,0 0 0 1px #82877e;transform:rotate(8deg);padding:12% 9px 10px;container-type:inline-size;overflow:hidden}
.phone-camera{position:absolute;width:37%;height:8px;border-radius:8px;background:#171917;top:6px;left:32%}
.mockup-phone>span{display:block;font-size:6cqw;letter-spacing:.08em}.mockup-phone strong{display:block;font-size:20cqw;line-height:1.1;letter-spacing:-.06em;margin:15% 0}.phone-art{height:64cqw;background:#a4ad9c;position:relative;overflow:hidden}.phone-art i{position:absolute;width:60%;height:130%;border:12px solid #d8dccc;border-radius:50%;left:20%;top:15%;transform:rotate(-25deg)}.phone-link{margin-top:12%}
.mockup-note{position:absolute;left:5%;bottom:0;font-size:9px;letter-spacing:.19em;color:#d1d4cc;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mockup-note-line{width:24px;height:1px;background:#9da494}.mockup-note small{flex-basis:100%;margin-left:34px;font-size:9px;letter-spacing:.02em;color:#7f877d}
.demo-shop{background:#e8e3d9}.mockup-shop .mockup-screen{background:#e8e3d9}.demo-object{height:37cqw;background:#d0c8b8;position:relative;overflow:hidden}.demo-object i{position:absolute;width:49%;height:69%;border-radius:30% 30% 44% 44%;background:linear-gradient(100deg,#9a9c82,#d6d8bf 45%,#999d80);left:26%;top:22%;box-shadow:12px 14px 15px #383c3440}.demo-object i:before{content:'';position:absolute;width:55%;height:15%;background:#5f6451;border:5px solid #b6baa2;border-radius:50%;left:22%;top:-4%}.demo-product-row{display:flex;justify-content:space-between;font-size:1.7cqw;padding:5% 6%}.mockup-shop .mockup-phone{background:#e8e3d9}
.demo-dashboard{display:flex;height:100%;background:#eeeee8}.demo-dashboard aside{width:12%;background:#252e28;color:#cdd4c8;display:flex;align-items:center;flex-direction:column;gap:14%;padding-top:5%;font-size:3cqw}.demo-dashboard aside b{font-size:6cqw}.demo-dashboard-main{flex:1;padding:0 4%}.demo-dashboard .demo-nav{padding:6% 0}.demo-dashboard-main>strong{font-size:4cqw;letter-spacing:-.04em}.demo-stats{display:flex;gap:5%;margin-top:6%}.demo-stats>span{background:#fff8;padding:4%;flex:1;font-size:1.8cqw}.demo-stats b{display:block;font-size:5cqw;font-weight:500}.demo-chart{display:flex;align-items:end;gap:6%;height:18cqw;margin-top:4%;border-bottom:1px solid #aaa}.demo-chart i{background:#8a9b80;width:8%;height:40%}.demo-chart i:nth-child(3n){height:75%}.demo-chart i:nth-child(2n){height:58%}.demo-chart i:nth-last-child(2){height:95%}.demo-lines span{display:block;height:1px;background:#ccc;margin-top:4%}
.demo-brand{height:100%;background:#cdd3bf;padding:6%;position:relative;overflow:hidden}.demo-brand>span{font-size:1.8cqw;letter-spacing:.2em}.demo-brand>strong{display:block;font-size:25cqw;line-height:1.2;letter-spacing:-.08em;font-weight:600}.demo-brand strong span{font-size:5cqw;vertical-align:top;letter-spacing:0}.brand-rule{height:1px;background:#3335}.demo-brand p{font-size:4cqw;line-height:1.2;margin-top:4%;letter-spacing:-.04em}.brand-swatches{display:flex;position:absolute;bottom:9%;right:6%}.brand-swatches i{width:6cqw;height:6cqw;background:#30382e;border-radius:50%;margin-left:-5px;border:1px solid #cdd3bf}.brand-swatches i:nth-child(2){background:#909b7e}.brand-swatches i:nth-child(3){background:#f3f1e7}.mockup-brand .mockup-device{transform:rotate(-6deg)}
@media(max-width:1000px) and (min-width:761px){.hero-slide{gap:3%;grid-template-columns:1fr 1fr}.hero-slider .slide-title{font-size:6.5vw}.mockup-note{font-size:7px}.mockup-phone{border-width:3px;border-radius:16px}}
@media(max-width:760px){.hero-slide{grid-template-columns:1fr;gap:24px}.hero-slider .slide-title{font-size:clamp(48px,10vw,76px)}.hero-slides{margin:36px 0 30px}.mockup-stage{width:min(100%,470px);justify-self:center;aspect-ratio:1.4}.mockup-device{width:92%;left:2%;top:4%}.mockup-phone{right:1%;bottom:9%;width:22%;border-radius:17px;border-width:3px;padding-top:10%}.mockup-note{bottom:-2%;font-size:8px}.hero-cats{top:15%}.page-home .hero-slider .hero-inner{min-height:0}.mockup-note small{font-size:8px}.slide-description{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.mockup-stage{transition:none}}
.mockup-note{bottom:-26px}.hero-slides{margin-top:34px;margin-bottom:60px}.mockup-device{top:3%;width:93%}.mockup-phone{bottom:11%}
@media(max-width:760px){.hero-slides{margin-top:32px;margin-bottom:40px}.mockup-note{bottom:-13px}.mockup-device{top:2%;width:90%}.mockup-phone{bottom:9%}}
.mockup-stage{aspect-ratio:1.1}.mockup-note{bottom:0}
@media(max-width:760px){.mockup-stage{aspect-ratio:1.18}.mockup-note{bottom:-5px}}
/* Straight, side-by-side monitor and phone presentation. */
.mockup-stage{aspect-ratio:1.3;display:grid;grid-template-columns:minmax(0,1fr) 23%;gap:5%;align-items:center;padding-bottom:50px;perspective:none}
.mockup-stage .mockup-device{position:relative;top:auto;left:auto;width:100%;transform:none;overflow:visible;border-radius:10px;padding:6px;align-self:center;margin-top:0}
.mockup-device:before{content:'';position:absolute;width:20%;height:35px;top:100%;left:40%;background:linear-gradient(90deg,#272a28,#5a5d59,#292c29);z-index:-1}
.mockup-device:after{content:'';position:absolute;width:42%;height:7px;top:calc(100% + 32px);left:29%;background:linear-gradient(#73766f,#292c29);border-radius:50% 50% 3px 3px;box-shadow:0 10px 18px #0008}
.mockup-stage .mockup-phone{position:relative;right:auto;bottom:auto;width:100%;transform:none;padding:0;border:4px solid #292c29;border-radius:19px;aspect-ratio:399/865;background:#07171e;box-shadow:0 20px 35px #0007,0 0 0 1px #777e73;align-self:center;margin-top:25px}
.mockup-phone .phone-camera{height:5px;top:5px;z-index:2;width:30%;left:35%;background:#050909}
.project-desktop-shot{width:100%;height:auto;display:block;border-radius:0 0 4px 4px}.mockup-web .mockup-screen{aspect-ratio:1905/909;background:#06141b}
.project-mobile-shot{width:100%;height:100%;object-fit:contain;display:block;padding-top:12px;background:#07171e}
.mockup-note{left:0;bottom:0}.mockup-orbit{inset:0;opacity:.6}.mockup-chrome{height:19px}
.phone-concept{padding:22% 9% 8%;color:#263027;background:#e3e7db;min-height:100%;font-size:6cqw}.phone-concept>span{font-size:6cqw;letter-spacing:.04em}.phone-concept strong{font-size:19cqw;margin:16% 0}.phone-metrics span{display:block;background:#f7f8f080;padding:8%;margin:8% 0;font-size:6cqw}.phone-metrics b{display:block;font-size:20cqw}.phone-bars{display:flex;align-items:end;gap:9%;height:35cqw}.phone-bars i{width:20%;height:60%;background:#879c79}.phone-bars i:nth-child(2){height:90%}.phone-bars i:nth-child(3){height:45%}.phone-bars i:last-child{height:100%}.phone-product{height:70cqw;background:#c9c8b4;position:relative;margin:15% 0}.phone-product i{position:absolute;width:50%;height:70%;left:25%;bottom:10%;border-radius:25% 25% 45% 45%;background:linear-gradient(90deg,#999f84,#dde1c6,#999f84);box-shadow:7px 7px 12px #3333}.phone-brand-symbol{font-size:65cqw;line-height:1.5;border-block:1px solid #a9b49e;margin-bottom:15%;letter-spacing:-.1em}.mockup-brand .phone-concept{background:#cdd3bf}
@media(min-width:1100px){.hero-slide{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:4%}.hero-slider .slide-title{font-size:clamp(52px,6vw,100px)}}
@media(max-width:760px){.mockup-stage{aspect-ratio:1.3;width:100%;gap:5%;padding-bottom:46px}.mockup-stage .mockup-phone{border-width:3px;border-radius:12px}.mockup-stage .mockup-device{padding:4px;border-radius:7px}.mockup-chrome{height:13px;padding-inline:5px}.mockup-chrome i{font-size:4px}.mockup-chrome span:first-child{font-size:4px;letter-spacing:1px}.mockup-device:before{height:24px}.mockup-device:after{top:calc(100% + 21px)}.mockup-note{bottom:0}.project-mobile-shot{padding-top:9px}}
/* Full viewport opening, including the transparent header. */
.page-home .hero-slider .hero-inner{height:100svh;min-height:680px;padding-top:calc(var(--header-height-rest,148px) + 16px);padding-bottom:22px}
.hero-slider .hero-slides{min-height:0;margin:20px 0 24px}
.hero-slider .hero-slide{height:100%;min-height:0}
.hero-slider .mockup-stage{width:100%;max-height:100%;aspect-ratio:1.5;padding-bottom:42px}
.hero-slider .slide-title{font-size:clamp(48px,min(6vw,10svh),100px);margin-bottom:22px}
.hero-slider .slide-description{font-size:clamp(14px,1.15vw,18px);line-height:1.7;margin-bottom:22px}
.hero-slider .slider-footer{flex-shrink:0;padding-top:17px}
@media(min-width:761px) and (max-height:760px){
.page-home .hero-slider .hero-inner{min-height:600px;padding-top:calc(var(--header-height-rest,148px) + 8px);padding-bottom:16px}
.hero-slider .hero-slides{margin-block:14px 18px}.hero-slider .mockup-stage{max-width:570px;justify-self:end;aspect-ratio:1.65}.hero-slider .mockup-note{font-size:8px;gap:5px}.hero-slider .slide-title{font-size:clamp(44px,8.9svh,75px)}.hero-slider .slide-description{margin-bottom:16px}.hero-slider .mockup-phone{max-height:38svh;width:auto;justify-self:end}.hero-slider .slider-footer{padding-top:12px}
}
@media(max-width:760px){
.page-home .hero-slider .hero-inner{height:100svh;min-height:720px;padding-top:calc(var(--header-height-rest,112px) + 12px);padding-bottom:16px}
.hero-slider .hero-slide{grid-template-rows:auto minmax(0,1fr);gap:10px;align-content:center}
.hero-slider .hero-slides{margin:16px 0 18px}
.hero-slider .slide-title{font-size:clamp(40px,6.2svh,60px);margin-bottom:14px}
.hero-slider .slide-description{font-size:13px;line-height:1.65;margin-bottom:13px}
.hero-slider .slide-cta{font-size:12px}.hero-slider .slide-cta span{width:32px;height:32px;font-size:20px}
.hero-slider .mockup-stage{max-width:350px;aspect-ratio:1.55;padding-bottom:34px;align-self:center;justify-self:center}
.hero-slider .mockup-note{gap:4px;font-size:7px}.hero-slider .mockup-note small{font-size:7px}
.hero-slider .mockup-phone{max-height:25svh;width:auto;justify-self:end}
.hero-slider .slider-footer{padding-top:12px}
}
@media(max-height:600px) and (min-width:761px){.page-home .hero-slider .hero-inner{height:auto;min-height:100svh}}
.hero-slider .mockup-phone{width:100%;max-height:none;justify-self:stretch}
/* Primary hero action. */
.hero-slider .slide-cta{display:inline-flex;gap:26px;min-height:58px;padding:8px 9px 8px 24px;border:1px solid #ffffff80;border-radius:999px;background:#f2f3eb;color:#171c18;font:700 14px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.025em;box-shadow:0 5px 20px #0002;transition:background .3s,box-shadow .3s,transform .3s}
.hero-slider .slide-cta span{width:40px;height:40px;border:0;background:#202720;color:#f2f3eb;font-size:23px;transform:none;transition:background .3s,transform .3s}
.hero-slider .slide-cta:hover{background:#fff;box-shadow:0 8px 28px #ffffff14;transform:translateY(-2px)}
.hero-slider .slide-cta:hover span{background:#364332;transform:rotate(45deg)}
.hero-slider .slide-cta:active{transform:translateY(0)}
.hero-slider .slide-cta:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:760px){.hero-slider .slide-cta{min-height:50px;padding:7px 8px 7px 20px;gap:22px;font-size:12px}.hero-slider .slide-cta span{width:34px;height:34px;font-size:21px}}
@media(prefers-reduced-motion:reduce){.hero-slider .slide-cta,.hero-slider .slide-cta span{transition:none}.hero-slider .slide-cta:hover,.hero-slider .slide-cta:hover span{transform:none}}
.hero-slider .hero-studio{margin-left:auto}
/* Homepage-only opening, automatically dismissed even without JavaScript. */
.home-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#111412;pointer-events:none;animation:home-loader-exit .45s ease 2.05s forwards}
.home-loader-inner{display:flex;flex-direction:column;align-items:center;gap:30px;animation:home-loader-enter .6s ease both}
.home-loader img{width:180px;height:180px;object-fit:contain}
.home-loader-track{height:1px;width:140px;background:#ffffff20;overflow:hidden}
.home-loader-track span{display:block;width:100%;height:100%;background:#e6eadd;transform:scaleX(0);transform-origin:left;animation:home-loader-progress 2.05s cubic-bezier(.3,.1,.3,1) forwards}
@keyframes home-loader-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes home-loader-progress{to{transform:scaleX(1)}}
@keyframes home-loader-exit{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.home-loader{animation-delay:0s;animation-duration:.01s}.home-loader-inner,.home-loader-track span{animation:none}}
@media print{.home-loader{display:none}}
/* Two mascots meet before revealing the agency signature. */
.home-loader{background:radial-gradient(ellipse at 50% 43%,#232922 0%,#101411 55%,#0e110f 100%);animation:home-loader-exit .55s cubic-bezier(.4,0,.2,1) 2.35s forwards}
.loader-meeting{position:relative;width:340px;height:310px}
.loader-cat{position:absolute;top:0;width:170px;height:186px;overflow:hidden;mask-image:linear-gradient(#000 75%,transparent 100%)}
.home-loader .loader-cat img{position:absolute;width:340px;height:340px;max-width:none;object-fit:contain;top:0}
.loader-cat-left{left:0;animation:loader-cat-from-left 1.15s cubic-bezier(.16,1,.3,1) both}.loader-cat-left img{left:0}
.loader-cat-right{right:0;animation:loader-cat-from-right 1.15s cubic-bezier(.16,1,.3,1) .12s both}.loader-cat-right img{right:0}
.loader-signature{position:absolute;top:182px;left:0;right:0;text-align:center;color:#f0f2e9;animation:loader-signature-in .65s ease .7s both}
.loader-signature strong{display:block;position:relative;font:800 65px/1 Manrope,Arial,sans-serif;letter-spacing:-.07em}.loader-signature strong span{position:absolute;font-size:10px;margin:9px 0 0 7px;letter-spacing:0;font-weight:400}.loader-signature small{display:block;font:500 10px/1 Manrope,Arial,sans-serif;letter-spacing:.65em;margin:13px 0 0 7px;color:#b5bfa9}
.loader-line{position:absolute;bottom:0;left:calc(50% - 40px);width:80px;height:1px;background:#a4b49070;transform-origin:center;animation:loader-line-in 1.2s ease .9s both}
@keyframes loader-cat-from-left{from{opacity:0;transform:translateX(-160px) rotate(-9deg)}to{opacity:1;transform:translateX(0) rotate(0)}}
@keyframes loader-cat-from-right{from{opacity:0;transform:translateX(160px) rotate(9deg)}to{opacity:1;transform:translateX(0) rotate(0)}}
@keyframes loader-signature-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes loader-line-in{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@media(max-width:560px){.loader-meeting{transform:scale(.85)}}
@media(prefers-reduced-motion:reduce){.home-loader{animation-delay:0s;animation-duration:.01s}.loader-cat,.loader-signature,.loader-line{animation:none}}
/* Original brand artwork, with a restrained orbit and opening counter. */
.home-loader{background:radial-gradient(ellipse at 50% 43%,#242922 0%,#111512 48%,#0c100d 100%);animation:home-loader-exit .5s ease 2.5s forwards}
.brand-opening{position:relative;width:340px;height:400px;display:flex;align-items:center;flex-direction:column;padding-top:36px;animation:brand-opening-reveal .65s ease both}
.home-loader .brand-opening-logo{position:relative;width:230px;height:230px;object-fit:contain;z-index:1}
.brand-opening-orbit{position:absolute;top:0;left:10px;width:320px;height:320px;border:1px solid #d3ddc512;border-radius:50%}
.brand-opening-orbit:before{content:'';position:absolute;inset:9px;border:1px solid #d3ddc50a;border-radius:50%}
.brand-opening-orbit>span{position:absolute;inset:-1px;border-radius:50%;border:1px solid transparent;border-top-color:#c4d0b69c;border-right-color:#c4d0b61a;animation:brand-orbit 2.2s linear infinite}
.brand-opening-orbit>span:after{content:'';position:absolute;top:44px;right:44px;width:4px;height:4px;border-radius:50%;background:#c4d0b6;box-shadow:0 0 12px #c4d0b680}
.brand-opening-progress{position:absolute;top:344px;display:flex;align-items:baseline;gap:4px;color:#eef1e7;font-family:Manrope,Arial,sans-serif;font-variant-numeric:tabular-nums}
.brand-opening-value{font-size:26px;font-weight:400;letter-spacing:-.04em;min-width:46px;text-align:right}.brand-opening-progress small{font-size:11px;color:#919e86}
.brand-opening-rule{position:absolute;bottom:0;width:42px;height:1px;background:#aab79a40}
@keyframes brand-orbit{to{transform:rotate(360deg)}}
@keyframes brand-opening-reveal{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@media(max-width:560px){.brand-opening{scale:.85}}
@media(prefers-reduced-motion:reduce){.home-loader{animation-delay:0s;animation-duration:.01s}.brand-opening,.brand-opening-orbit>span{animation:none}}
.slide-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero-slider .slide-cta-secondary{background:transparent;color:#eef1e6;border-color:#ffffff45;box-shadow:none}
.hero-slider .slide-cta-secondary span{background:#ffffff0b;color:#eef1e6;border:1px solid #ffffff25}
.hero-slider .slide-cta-secondary:hover{background:#ffffff0b;box-shadow:none}
.hero-slider .slide-cta-secondary:hover span{background:#eef1e6;color:#1c2419}
@media(max-width:760px){.slide-actions{gap:10px}.hero-slider .slide-actions .slide-cta{gap:14px;padding-left:17px}}
@media(max-width:370px){.hero-slider .slide-actions .slide-cta{font-size:11px;gap:9px;padding-left:12px}.hero-slider .slide-actions .slide-cta span{width:29px;height:29px}}
/* Full-bleed aerial film: the entire opening is one uninterrupted canvas. */
.hero-film{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#172021 url('../img/drone-poster.jpg') center/cover no-repeat;pointer-events:none}
.hero-video{width:100%;height:100%;object-fit:cover;display:block}
.hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,10,.79),rgba(4,9,10,.4) 55%,rgba(4,9,10,.15)),linear-gradient(180deg,rgba(0,0,0,.5),transparent 35%,rgba(0,0,0,.65))}
.hero-slider .hero-slide{display:flex;width:100%;align-items:center;grid-template-columns:none;grid-template-rows:none}
.hero-slider .slide-copy{width:min(780px,78%);padding-block:20px}
.hero-slider .slide-title{font-size:clamp(52px,min(7.3vw,11svh),112px);font-weight:800;letter-spacing:-.065em;max-width:900px;color:#fff}
.hero-slider .slide-description{max-width:550px;color:#e0e3df;text-shadow:0 1px 12px #0003}
.hero-slider .slider-tab{color:#c6cbc5}.hero-slider .slider-tab.is-active{color:#fff}
.hero-slider .slide-title-dot{color:#d1d6cd}
.hero-slider .slide-actions{margin-top:58px}
.hero-slider .slide-cta:not(.slide-cta-secondary){background:#d5f46a;border-color:#d5f46a;color:#17200e;box-shadow:0 8px 30px #b6d94718}
.hero-slider .slide-cta:not(.slide-cta-secondary) span{background:#202916;color:#e5ff9b}
.hero-slider .slide-cta:not(.slide-cta-secondary):hover{background:#e2ff86;border-color:#e2ff86;box-shadow:0 10px 34px #c4ec5a30}
.hero-slider .slide-cta:not(.slide-cta-secondary):hover span{background:#344022}
.hero-slider .slide-cta:not(.slide-cta-secondary):focus-visible{outline-color:#d5f46a}
@media(max-width:760px){
.page-home .hero-slider .hero-inner{min-height:640px;padding-top:calc(var(--header-height-rest,112px) + 12px)}
.hero-slider .slide-copy{width:100%;padding-block:12px}.hero-slider .slide-title{font-size:clamp(44px,8.2svh,70px)}
.hero-slider .slide-description{font-size:15px;max-width:440px}.hero-slider .slide-actions{margin-top:42px}
.hero-film:after{background:linear-gradient(90deg,#04090abb,#04090a55),linear-gradient(180deg,#0007,transparent 35%,#000a)}
}
/* Six provisional reference marks, aligned with the hero actions. */
.hero-slider .slide-copy{width:100%}
.hero-action-row{display:flex;align-items:center;gap:clamp(24px,4vw,72px);margin-top:58px}
.hero-slider .hero-action-row .slide-actions{margin-top:0;flex-shrink:0}
.hero-references{flex:1;min-width:0;max-width:760px;border-left:1px solid #ffffff26;padding-left:clamp(22px,3vw,48px)}
.hero-references-label{display:flex;align-items:center;gap:14px;font:600 10px/1.3 Manrope,Arial,sans-serif;letter-spacing:.16em;color:#f1f3ea;margin-bottom:16px}
.hero-references-label small{font-size:8px;font-weight:400;letter-spacing:.1em;color:#c1c8be}
.hero-reference-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.7vw,28px)}
.hero-reference-placeholder{display:flex;align-items:center;justify-content:center;gap:6px;min-height:35px;color:#d6dcd0;opacity:.7}
.hero-reference-placeholder>span{font-size:24px;line-height:1}
.hero-reference-placeholder strong{font:700 10px/1.15 Manrope,Arial,sans-serif;letter-spacing:.06em}
.hero-reference-placeholder strong small{display:block;font-size:8px;font-weight:400;letter-spacing:.2em;margin-top:4px}
@media(max-width:1100px) and (min-width:761px){.hero-action-row{gap:24px}.hero-references{padding-left:24px}.hero-reference-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px}}
@media(max-width:760px){.hero-action-row{flex-direction:column;align-items:flex-start;gap:26px;margin-top:34px}.hero-references{width:100%;max-width:460px;border-left:0;border-top:1px solid #ffffff26;padding:18px 0 0}.hero-reference-logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.hero-reference-placeholder{gap:4px}.hero-reference-placeholder>span{font-size:18px}.hero-reference-placeholder strong{font-size:8px}.hero-references-label{margin-bottom:12px}.hero-slider .slide-title{font-size:clamp(40px,7.2svh,64px)}}
@media(max-width:370px){.hero-reference-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.page-home .hero-slider .hero-inner{min-height:760px}}
/* Shared actions sit directly above the slide navigation. */
.hero-slider .hero-action-row{flex-shrink:0;width:100%;margin-top:0;margin-bottom:28px;justify-content:space-between;position:relative}
.hero-slider .hero-references{flex:0 1 660px;margin-left:auto}
.hero-slider .hero-references-label{justify-content:flex-end}
.hero-slider .hero-reference-logos{justify-content:end}
.hero-slider .hero-reference-placeholder{justify-content:flex-end}
@media(max-width:760px){.hero-slider .hero-action-row{gap:20px;margin-bottom:22px}.hero-slider .hero-references{flex:none;margin-left:auto}.hero-slider .hero-slides{margin-bottom:18px}.hero-slider .slide-description{margin-bottom:0}}
/* Larger hero slogans, with room for longer service titles. */
.hero-slider .slide-title{font-size:clamp(62px,min(8.6vw,13svh),132px);max-width:1050px}
@media(max-width:760px){.hero-slider .slide-title{font-size:clamp(44px,min(12vw,8.2svh),76px)}}
@media(max-width:760px){.hero-slider .slide-title{font-size:clamp(32px,10.5vw,70px)}}
/* Original supplied reference artwork; grayscale until hover or keyboard focus. */
.hero-slider .hero-reference-logos{gap:12px}
.hero-reference-logo{display:flex;align-items:center;justify-content:center;min-width:0;height:58px;padding:10px 8px;background:#e5e7e2;border:1px solid #ffffff30;border-radius:5px;transition:background .3s,transform .3s}
.hero-reference-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;transition:filter .4s ease}
.hero-reference-logo:hover,.hero-reference-logo:focus-visible{background:#fff;transform:translateY(-3px)}
.hero-reference-logo:hover img,.hero-reference-logo:focus-visible img{filter:grayscale(0)}
.hero-reference-logo:focus-visible{outline:2px solid #d5f46a;outline-offset:4px}
@media(max-width:760px){.hero-slider .hero-reference-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hero-reference-logo{height:45px;padding:8px 12px}.hero-slider .hero-action-row{gap:15px;margin-bottom:18px}.hero-slider .hero-references{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.hero-reference-logo,.hero-reference-logo img{transition:none}.hero-reference-logo:hover,.hero-reference-logo:focus-visible{transform:none}}
/* Reference marks sit directly on the video, without cards. */
.hero-reference-logo{background:transparent;border-color:transparent;border-radius:0;padding:8px 0}
.hero-reference-logo img{mix-blend-mode:normal;filter:grayscale(1) brightness(0) invert(.82)}
.hero-reference-logo:hover,.hero-reference-logo:focus-visible{background:transparent}
.hero-reference-logo:hover img,.hero-reference-logo:focus-visible img{filter:none}
.hero-reference-logo img[src*="citlekci"]{filter:grayscale(1) brightness(1.8)}
.hero-reference-logo:hover img[src*="citlekci"],.hero-reference-logo:focus-visible img[src*="citlekci"]{filter:none}
/* Equal logo frames with consistent spacing; artwork keeps its proportions. */
.hero-slider .hero-references{flex:0 1 720px;max-width:720px;padding-left:28px}
.hero-slider .hero-reference-logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;align-items:center}
.hero-reference-logo{width:100%;height:52px;padding:6px 0}
.hero-reference-logo img{width:100%;height:40px;object-fit:contain;object-position:center}
.hero-reference-logo img[src*="ofisostim-transparent"]{transform:scale(1.42)}
.hero-reference-logo img[src*="tecbelgelendirme"],.hero-reference-logo img[src*="dgnsigorta"]{transform:scale(1.15)}
@media(min-width:761px) and (max-width:1100px){.hero-slider .hero-reference-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}.hero-slider .hero-references{flex:0 1 420px}}
@media(max-width:760px){.hero-slider .hero-references{flex:none;padding:14px 0 0;max-width:460px}.hero-slider .hero-reference-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}.hero-reference-logo{height:42px;padding:4px 0}.hero-reference-logo img{height:34px}}