/* Beyond Lanka design refinements. This file loads after the original theme styles. */
:root{--forest:#f2f2f3;--teal:#e0717a;--orange:#f0474d;--ink:#e5c5c8;--paper:#0b0d0e;--sand:#151a19;--line:#212122;--muted:#1d1d1e}
::selection{background:#e9e9ea;color:#fff}:focus-visible{outline:2px solid #f2f2f3;outline-offset:4px}
.brand-logo-composite .brand-logo-white{display:none}.brand-logo-composite{isolation:isolate}
.hero{background:radial-gradient(circle at 82% 9%,#737375 0,transparent 37%),linear-gradient(120deg,#0a0c0b,#101915)}
.feature-band{background:linear-gradient(105deg,#101513,#14231a);border-color:#535354}
.page-hero,.portfolio-hero,.area-hero{background:radial-gradient(circle at 85% 15%,#6d6d6e,transparent 34%),linear-gradient(115deg,#0e1310,#181e1a)}
.area-hero-wide{background:radial-gradient(circle at 85% 15%,#3c2024,transparent 35%),linear-gradient(115deg,#0e1310,#181e1a)}
.big-cta{background:radial-gradient(circle at 84% 34%,#7f7f81,#0a0f0c 60%)}
.form-aside,.contact-aside{background:#585859}
.service-dropdown{background:#15231c}
.primary-nav>a:not(.button):hover,.primary-nav>a.active,.nav-service-group>a:hover,.nav-service-group>a.active,.service-dropdown a:hover,.footer-contact a:hover{color:#f2f2f3}
.button{border-radius:5px;box-shadow:0 4px 0 #0004,0 10px 24px #0003;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,background .32s,color .32s,border-color .32s}
.button-dark{background:#f2f2f3;color:#071510}.button-dark:hover{background:#f2f2f3;color:#071510}
.button-orange{background:#eb464d;color:#fff}.button-orange:hover{background:#ff5961;color:#fff}
.button-outline:hover{background:#f2f2f3;border-color:#f2f2f3;color:#081711}
.button:hover,.button:focus-visible{transform:translateY(-5px);box-shadow:0 8px 0 #0003,0 19px 34px #f2f2f329}
.button:active{transform:translateY(-1px);box-shadow:0 2px 0 #0005}
.button:before{background:linear-gradient(110deg,transparent 28%,#ffffff77 49%,transparent 67%);transition:transform .75s cubic-bezier(.2,.8,.2,1)}
.button:hover:before,.button:focus-visible:before{transform:translateX(140%)}
.button>span,.text-link>span{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.button:hover>span,.button:focus-visible>span,.text-link:hover>span{transform:translate(5px,-5px)}
.text-link{transition:color .3s}.text-link:hover{color:#f2f2f3}
.hero h1 em,.display em,.page-hero .display em,.intro .display em,.clients-section h2 em{color:#f2f2f3}
.hero-visual-inner{background:linear-gradient(155deg,#ababad,#10251f 55%,#0e1012)}
.landscape-back{background:linear-gradient(#e0717a,#7e7e7f)}.landscape-front{background:linear-gradient(#8e8e90,#091b19)}
/* Animated icons in the service cards. */
.service-card{min-height:350px}.service-card:after{display:none}.service-card h3{margin-top:23px}.service-card:hover{background:#0f0f10}
.service-index{top:38px}.service-art{display:grid;place-items:center;position:relative;width:106px;height:106px;margin:0 0 11px;color:#f34a53;isolation:isolate}
.service-art:before{content:"";position:absolute;inset:3px;background:#131314;border:1px solid #0e0e0e;border-radius:23px;transform:rotate(-7deg);transition:transform .4s,border-color .4s,box-shadow .4s}
.service-motion-icon{position:relative;z-index:2;width:70px;height:70px;filter:drop-shadow(0 7px 8px #0006);transition:transform .4s ease}
.service-motion-icon .icon-frame{stroke-dasharray:240;stroke-dashoffset:0;transition:stroke-dashoffset 1s ease}
.service-motion-icon .icon-mark{transition:transform .45s ease,opacity .45s;transform-box:fill-box;transform-origin:center;animation:bl-icon-breathe 3.2s ease-in-out infinite}
.service-art-orbit{position:absolute;z-index:3;right:-3px;top:3px;width:19px;height:19px;background:#ef414b;border:3px solid #161619;border-radius:50%;box-shadow:0 0 0 3px #ed444633;animation:bl-icon-orbit 3.2s ease-in-out infinite}
.service-card:hover .service-art:before,.service-card:focus-visible .service-art:before{transform:rotate(3deg);border-color:#ef414b;box-shadow:0 0 25px #d7374430}
.service-card:hover .service-motion-icon,.service-card:focus-visible .service-motion-icon{transform:translateY(-6px) scale(1.05)}
.service-card:hover .icon-frame,.service-card:focus-visible .icon-frame{stroke-dashoffset:35}
.service-card:hover .icon-mark,.service-card:focus-visible .icon-mark{transform:scale(1.12) rotate(4deg)}
.service-art-travel-agency-website-development .icon-mark{transform-origin:28px 26px}
.service-art-website-seo .icon-mark{transform-origin:43px 44px}
.service-art-graphic-design .icon-mark{transform-origin:67px 35px}
@keyframes bl-icon-breathe{50%{opacity:.52;transform:scale(.94)}}@keyframes bl-icon-orbit{50%{transform:translate(4px,-7px);box-shadow:0 0 0 7px #ed44461a}}
/* The light portfolio gallery follows the supplied four-column logo reference. */
.portfolio-main{background:#222223;color:#151c1a}.portfolio-main .section-heading .display,.portfolio-main .section-heading .display em{color:#333334}.portfolio-main .section-heading .display em{color:#e9e9ea}
.portfolio-main .section-heading p{color:#1a1a1b}.portfolio-main .eyebrow{color:#e9e9ea}
.portfolio-main .portfolio-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px}
.projects-section .portfolio-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.portfolio-main .portfolio-item:first-child{display:block;grid-column:auto;background:transparent;padding:0}
.portfolio-main .portfolio-item:first-child .portfolio-tile{height:180px}
.portfolio-gallery .portfolio-item{min-width:0;margin:0;padding:0;background:transparent}
.portfolio-tile{display:block;position:relative;width:100%;height:180px;overflow:hidden;background:#fff;border:1px solid #121213;text-decoration:none;color:#333334;isolation:isolate;transition:border-color .35s,transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.portfolio-tile-logo,.portfolio-tile-preview,.portfolio-tile-no-preview{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#fff;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.portfolio-tile-logo{z-index:2}.portfolio-tile-logo img{display:block;width:auto;max-width:82%;height:auto;max-height:105px;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}
.portfolio-wordmark{font:800 clamp(17px,2vw,25px)/1.1 Manrope,sans-serif;text-align:center;letter-spacing:-.04em}
.portfolio-tile-preview{z-index:1;padding:0;background:#132320;opacity:0;transform:scale(1.09)}
.portfolio-tile-preview>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(1.1);transition:transform .7s}
.portfolio-tile-overlay{position:absolute;inset:auto 0 0;padding:27px 15px 13px;background:linear-gradient(transparent,#081713ef);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;text-align:left}
.portfolio-tile-overlay strong{font:700 12px/1.3 Manrope,sans-serif}.portfolio-tile-overlay small{white-space:nowrap;font:700 9px Manrope,sans-serif;color:#e2e2e2}
.portfolio-tile-no-preview{z-index:1;background:#10251f;color:#fff;opacity:0;display:flex;flex-direction:column;justify-content:center;gap:9px;text-align:center;font:700 16px Manrope,sans-serif}.portfolio-tile-no-preview small{font-size:11px;color:#e0717a}
.portfolio-tile-line{position:absolute;bottom:0;left:18%;width:64%;height:3px;background:#ec444e;z-index:4;transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.portfolio-tile:hover,.portfolio-tile:focus-visible{transform:translateY(-5px);border-color:#ed4850;box-shadow:0 16px 35px #0003;outline-offset:4px}
.portfolio-tile:hover .portfolio-tile-logo,.portfolio-tile:focus-visible .portfolio-tile-logo{opacity:0;transform:translateY(-12px)}
.portfolio-tile:hover .portfolio-tile-preview,.portfolio-tile:focus-visible .portfolio-tile-preview,.portfolio-tile:hover .portfolio-tile-no-preview,.portfolio-tile:focus-visible .portfolio-tile-no-preview{opacity:1;transform:scale(1)}
.portfolio-tile:hover .portfolio-tile-preview>img,.portfolio-tile:focus-visible .portfolio-tile-preview>img{transform:scale(1.06)}
.portfolio-tile:hover .portfolio-tile-line,.portfolio-tile:focus-visible .portfolio-tile-line{transform:scaleX(1)}
.portfolio-main .portfolio-item:first-child h3{font-size:initial}
.portfolio-main .portfolio-filters button{border:1px solid #262627;background:#fff;color:#333334;border-radius:4px;transition:background .25s,transform .25s,border-color .25s}
.portfolio-main .portfolio-filters button:hover,.portfolio-main .portfolio-filters button.is-selected{background:#e9e9ea;border-color:#e9e9ea;color:#fff;transform:translateY(-2px)}
@media(max-width:1050px){.portfolio-main .portfolio-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.portfolio-main .portfolio-gallery,.projects-section .portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.service-card{min-height:350px}}
@media(max-width:600px){.portfolio-main .portfolio-gallery,.projects-section .portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portfolio-tile,.portfolio-main .portfolio-item:first-child .portfolio-tile{height:148px}.portfolio-tile-logo{padding:12px}.portfolio-tile-logo img{max-width:96%;max-height:92px}.service-card{min-height:330px}.service-art{margin-bottom:2px}}
@media(max-width:390px){.portfolio-main .portfolio-gallery,.projects-section .portfolio-gallery{grid-template-columns:1fr}.portfolio-tile,.portfolio-main .portfolio-item:first-child .portfolio-tile{height:175px}}
@media(hover:none){.portfolio-tile{height:205px}.portfolio-tile-logo{inset:0 0 43%}.portfolio-tile-preview{inset:57% 0 0;opacity:1;transform:none}.portfolio-tile-preview>img{object-position:center 28%}.portfolio-tile-overlay{padding:17px 8px 5px}.portfolio-tile-overlay strong{font-size:9px}.portfolio-tile-overlay small{font-size:8px}.portfolio-tile-no-preview{inset:57% 0 0;opacity:1;font-size:12px}.portfolio-tile:hover .portfolio-tile-logo{opacity:1;transform:none}.portfolio-main .portfolio-item:first-child .portfolio-tile{height:205px}}
@media(prefers-reduced-motion:reduce){.service-art-orbit,.service-motion-icon .icon-mark{animation:none}.service-motion-icon,.service-art:before,.portfolio-tile,.portfolio-tile-logo,.portfolio-tile-preview,.portfolio-tile-preview>img,.button,.button:before{transition-duration:.01ms}}