:root{--accent:#ff5637;--bg:#080808;--ink:#f4f4f3;--soft:#b1b1b2;--card:#151515;--line:#303031;--nav:#151515;--radius:15px;--gutter:9px}html{scroll-behavior:smooth}body.public-page{background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;min-height:100vh;transition:background .2s,color .2s}html[data-bs-theme=light]{--bg:#f4f3f0;--ink:#171717;--soft:#686969;--card:#fff;--line:#d8d6d0;--nav:#fff}button,a{transition:all .18s ease}a{text-decoration:none}.floating-header{position:sticky;top:7px;margin:7px 9px 9px;z-index:1040}.nav-inner{height:62px;background:var(--nav);border:1px solid rgba(120,120,120,.12);display:flex;align-items:center;gap:9px;border-radius:37px;padding:6px 11px 6px 17px;box-shadow:0 5px 30px #0004;color:var(--ink)}.brand-mark{display:flex;align-items:center;gap:10px;min-width:155px;color:var(--ink)}.brand-icon{width:30px;height:30px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;overflow:hidden;transform:rotate(-24deg)}.brand-icon::before{content:'';width:17px;height:34px;background:var(--nav);border-radius:60% 40% 50% 40%;position:relative;left:7px;transform:rotate(24deg)}.brand-icon span{width:11px;height:24px;border-radius:60%;background:var(--accent);position:absolute;left:11px;transform:rotate(30deg)}.brand-text{font-size:15px;line-height:15px;font-weight:900;letter-spacing:-.5px;white-space:nowrap;font-style:italic}.brand-text small{font-size:8px;letter-spacing:2.6px;font-style:normal;display:block;margin-top:2px}.pill-btn,.circle-btn{background:#070707;color:#f7f7f7;border:0}.pill-btn{border-radius:100px;min-height:35px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;padding:0 14px}.pill-btn::after{font-size:10px;margin-left:0;opacity:.55}.counter{font-size:10px;font-weight:700;opacity:.55}.circle-btn{height:35px;width:35px;min-width:35px;border-radius:100px;display:grid;place-items:center}.circle-btn:hover,.pill-btn:hover{background:#303030;color:white}.circle-btn svg,.whatsapp-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.nav-spacer{flex:1}.nav-links{display:flex;gap:27px;align-items:center}.nav-links button,.nav-links a{background:transparent;border:0;color:var(--soft);font-size:12px;font-weight:650;white-space:nowrap;padding:9px 0}.nav-links button:hover,.nav-links a:hover{color:var(--ink)}.whatsapp-link{height:38px;width:38px;display:grid;place-items:center;color:#2cdb73}.whatsapp-link:hover{color:#18ab50;transform:scale(1.08)}.whatsapp-link svg{width:30px;height:30px;stroke-width:1.9}.dropdown-menu.category-menu{background:#141414;border:1px solid #333;border-radius:14px;padding:9px;min-width:242px;max-height:60vh;overflow:auto}.category-menu .dropdown-item{display:flex;justify-content:space-between;align-items:center;gap:22px;border-radius:9px;color:#ddd;font-size:12px;padding:9px 10px}.category-menu .dropdown-item:hover{background:#303030;color:#fff}.category-menu .counter{color:#aaa}.gallery-state{padding:15px 14px 20px;display:flex;gap:18px;align-items:center;font-size:13px;color:var(--soft)}.gallery-state span:first-child{font-size:17px;font-weight:750;color:var(--ink)}.gallery-state a{color:var(--accent)}.masonry-grid{column-count:6;column-gap:var(--gutter);padding:0 var(--gutter)}.portfolio-card{display:block;break-inside:avoid;page-break-inside:avoid;position:relative;margin:0 0 var(--gutter);overflow:hidden;border-radius:14px;background:var(--card);isolation:isolate;min-height:150px}.portfolio-art{overflow:hidden;line-height:0}.portfolio-media{width:100%;height:auto;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.3,1),filter .4s}.portfolio-card:hover .portfolio-media{transform:scale(1.047);filter:brightness(.75)}.card-overlay{position:absolute;inset:auto 0 0;color:white;padding:46px 16px 16px;background:linear-gradient(transparent,rgba(0,0,0,.8));opacity:0;transform:translateY(14px);transition:.25s;pointer-events:none}.portfolio-card:hover .card-overlay,.portfolio-card:focus-visible .card-overlay{opacity:1;transform:translateY(0)}.card-category{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:#ebd7cf}.card-overlay>div{display:flex;justify-content:space-between;gap:8px;font-size:15px;margin-top:4px}.card-arrow{font-size:23px}.video-badge{position:absolute;top:12px;right:12px;border-radius:50px;padding:6px 9px;font-size:10px;color:#fff;background:#000a}.load-more-wrap{padding:32px}.empty-gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:65px 20px;min-height:54vh}.empty-gallery h1{font-size:clamp(32px,4vw,64px);font-weight:850}.empty-gallery p{color:var(--soft)}.btn-accent{background:var(--accent);color:white;border:1px solid var(--accent);font-weight:750;border-radius:50px;padding:12px 22px}.btn-accent:hover{color:white;background:#de4125;border-color:#de4125}.public-footer{margin:80px 10px 10px;padding:65px 5vw 20px;background:var(--card);border-radius:22px}.footer-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.footer-overline,.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:850;color:var(--accent)}.footer-head h3{font-weight:850;letter-spacing:-4px;line-height:1.1;margin:20px 0 0;font-size:clamp(37px,6.4vw,103px)}.footer-head h3 em{font-style:normal;color:var(--accent)}.footer-contact{border:1px solid var(--line);color:var(--ink);background:transparent;border-radius:80px;padding:17px 23px;min-width:180px;display:flex;justify-content:space-between;font-weight:750;white-space:nowrap}.footer-contact:hover{background:var(--accent);color:white;border-color:var(--accent)}.footer-bottom{padding-top:50px;margin-top:60px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--soft);font-size:12px}.footer-bottom a{color:var(--soft)}.footer-bottom a:hover{color:var(--accent)}.app-modal .modal-content,.search-panel{background:#fafafa;color:#1b1b1b;border:0;border-radius:25px;padding:15px 17px;box-shadow:0 30px 90px #0008}.app-modal .modal-dialog{max-width:430px}.app-modal .modal-header{border:0;align-items:flex-start;padding:20px 17px}.app-modal h2{font-size:20px;margin:0;font-weight:750}.app-modal .modal-body{padding:4px 17px 22px}.app-modal p{font-size:15px;line-height:1.65;color:#747474}.modal-credential{border-top:1px solid #ddd;margin-top:25px;padding-top:20px;display:flex;flex-direction:column;gap:5px}.modal-credential span{color:#777;font-size:13px}.app-modal .form-control,.app-modal .form-select,.search-panel .form-control{background:#fff;color:#151515;border-radius:11px;border:1px solid #ddd}.app-modal .form-label{font-size:12px;font-weight:750}.app-modal .form-response{min-height:12px}.search-form{display:flex;gap:12px}.search-form .form-control{min-width:0}.case-main{padding:0 9px}.project-subnav{position:sticky;top:77px;z-index:1020;padding:11px 14px;min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-radius:0 0 23px 23px;background:#555d;color:#fff}.project-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.chip{display:inline-block;background:#0b0b0b;color:#ddd;border-radius:50px;padding:7px 15px;font-size:10px;font-weight:850;letter-spacing:.4px;text-transform:uppercase}.chip:hover{color:#fff}.chip-accent{background:var(--accent);color:white}.project-tools{display:flex;align-items:center;gap:19px;white-space:nowrap}.view-count{font-size:12px;opacity:.7}.share-btn{border:0;border-radius:24px;background:#0b0b0b;color:#fff;padding:8px 17px;font-size:12px;font-weight:750}.share-btn:hover{background:var(--accent)}.case-content{max-width:1360px;margin:auto}.case-intro{text-align:center;padding:80px 15px 65px}.case-intro h1{font-size:clamp(37px,5vw,80px);font-weight:900;letter-spacing:-3.4px;margin:12px 0}.case-intro>p:last-child{max-width:780px;margin:auto;font-size:16px;line-height:1.8;color:var(--soft)}.case-media-block{margin:0 auto 15px;text-align:center}.case-media-block img,.case-media-block video{display:block;max-width:100%;width:auto;max-height:none;height:auto;margin:auto;border-radius:4px;object-fit:contain}.case-media-block img.zoomable{cursor:zoom-in}.case-media-block figcaption{font-size:12px;color:var(--soft);padding:12px 0 28px}.case-description{margin:85px auto 110px;max-width:870px;font-size:16px;color:var(--soft);line-height:1.95}.case-description h2{color:var(--ink);font-size:clamp(25px,3vw,44px);font-weight:850;letter-spacing:-1.4px}.related-work{margin:70px auto;max-width:1490px;padding:0 9px}.related-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.related-heading h2{font-size:28px;font-weight:850}.related-heading a{color:var(--accent);font-size:13px}.related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.related-grid a{color:var(--ink);font-size:12px;font-weight:750}.related-grid img{width:100%;height:240px;object-fit:cover;border-radius:12px;display:block;margin-bottom:8px}.related-grid a:hover img{filter:brightness(.7)}.image-preview-modal .modal-content{border:0;background:rgba(0,0,0,.95);box-shadow:none;padding:20px;text-align:center}.image-preview-modal .modal-content img{max-height:85vh;max-width:100%;object-fit:contain;margin:auto}.image-preview-modal .preview-close{position:absolute;right:7px;top:-25px}.image-preview-modal .modal-dialog{max-width:95vw}.image-preview-modal{background:rgba(0,0,0,.75)}
@media(min-width:1750px){.masonry-grid{column-count:6}}@media(max-width:1399px){.masonry-grid{column-count:5}}@media(max-width:1099px){.masonry-grid{column-count:4}.nav-links{gap:13px}.brand-mark{min-width:135px}.brand-text{font-size:13px}}@media(max-width:799px){.masonry-grid{column-count:3}.nav-links{display:none}.related-grid{grid-template-columns:repeat(3,1fr)}.case-intro{padding:45px 12px}.footer-head h3{letter-spacing:-2px}}@media(max-width:530px){.masonry-grid{column-count:2;column-gap:7px;padding:0 7px}.portfolio-card{margin-bottom:7px;border-radius:10px}.floating-header{margin:6px}.nav-inner{padding:5px 8px;height:58px;gap:5px}.brand-mark{min-width:0;gap:7px}.brand-text{font-size:10px;line-height:11px}.brand-text small{font-size:6px;letter-spacing:1px}.brand-icon{width:26px;height:26px;min-width:26px}.pill-btn{padding:0 9px;font-size:10px;gap:5px}.counter{font-size:9px}.circle-btn{width:30px;height:30px;min-width:30px}.whatsapp-link{width:28px}.whatsapp-link svg{width:25px}.case-main{padding:0 6px}.project-subnav{top:70px;align-items:flex-start;gap:8px}.chip{font-size:8px;padding:6px 9px}.project-tools{gap:6px}.view-count{display:none}.share-btn{padding:7px 11px}.footer-head{align-items:flex-start;flex-direction:column}.public-footer{padding:35px 20px 18px}.footer-bottom{margin-top:30px;padding-top:25px}.related-grid{grid-template-columns:repeat(2,1fr)}.related-grid img{height:170px}.case-media-block{margin-bottom:10px}.search-form{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Video posters and autoplay cards (2.0). Keep video visible before metadata loads. */
.portfolio-video-art{position:relative;aspect-ratio:4/5;overflow:hidden;background:#171717}
.portfolio-video-art video.portfolio-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.case-media-block video{max-width:100%;width:100%;height:auto;background:#101010}
.related-grid video{display:block;width:100%;height:240px;object-fit:cover;border-radius:12px;margin-bottom:8px;background:#161616}
.related-grid a:hover video{filter:brightness(.7)}
@media(max-width:600px){.related-grid video{height:170px}}

/* v1.2: detail pages contain ONLY admin-managed gallery media (no homepage covers). */
.case-gallery-empty{margin:0 auto 35px;max-width:880px;border:1px dashed var(--line);border-radius:18px;padding:65px 24px;text-align:center;background:var(--card)}
.case-gallery-empty h2{font-size:clamp(22px,3vw,36px);font-weight:800;color:var(--ink);margin:14px 0}
.case-gallery-empty p:last-child{color:var(--soft);font-size:14px;margin:0}

/* v1.3: Related projects use gallery-only previews, never their homepage covers. */
.related-grid .related-card{display:block;min-width:0;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:15px;overflow:hidden;isolation:isolate;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.related-grid .related-card:hover,.related-grid .related-card:focus-visible{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 30px #0003;color:var(--ink)}
.related-card-media{position:relative;display:block;width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#222,#363636);overflow:hidden}
.related-grid .related-card-media .related-card-asset{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;margin:0;border:0;border-radius:0;transition:transform .35s ease,filter .25s ease}
.related-grid .related-card:hover .related-card-asset{transform:scale(1.045);filter:brightness(.87)}
.related-video-badge{position:absolute;right:9px;top:9px;padding:4px 9px;border-radius:50px;background:#000a;color:white;font-size:10px;font-weight:750;letter-spacing:.04em}
.related-card-info{display:block;padding:12px 13px 15px}
.related-card-category{display:block;color:var(--soft);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}
.related-card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;color:var(--ink);font-size:13px;font-weight:800;line-height:1.45}
.related-card-title span{font-size:18px;color:var(--accent);line-height:1;flex:none}
.related-card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;width:100%;height:100%;color:#bbb;font-size:12px;padding:15px}
.related-placeholder-icon{font-size:38px;line-height:1;color:var(--accent);opacity:.75}
.related-card-placeholder small{font-size:11px}
@media(max-width:530px){.related-grid{gap:9px}.related-card-info{padding:9px 10px 12px}.related-card-title{font-size:11px}.related-card-category{font-size:9px}}

/* v1.4 — Pricing, privacy and terms pages, matching the supplied dark reference */
.footer-page-links{display:flex;gap:clamp(10px,1.4vw,22px);align-items:center;flex-wrap:wrap}
.footer-page-links a{display:inline-block;white-space:nowrap}
.static-hero{position:relative;isolation:isolate;min-height:170px;margin-top:12px;background:#191a1e;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:26px 18px 38px;text-align:center}
.static-hero-watermark{position:absolute;z-index:-1;left:50%;top:-.48em;transform:translateX(-50%);font-size:clamp(120px,21vw,310px);line-height:1.1;letter-spacing:-.1em;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.045);white-space:nowrap;pointer-events:none;user-select:none}
.static-hero h1{font-weight:900;font-size:clamp(31px,4.2vw,54px);line-height:1.13;letter-spacing:-.025em;margin:0;background:linear-gradient(110deg,#34b0ff 0%,#896cf5 38%,#ca4dee 70%,#f03176 100%);color:#bb61ed;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}
.static-body{background:#101113;min-height:65vh;padding:66px 20px 100px;color:#f8f8fd}
.legal-article{max-width:1040px;padding:0 14px}
.legal-article h2{font-size:clamp(22px,2.15vw,31px);line-height:1.32;letter-spacing:-.025em;font-weight:650;color:#f7f7fc;margin:32px 0 21px}
.legal-article h2:first-child{margin-top:0}
.legal-article p,.legal-article li{font-size:clamp(13px,1.02vw,15px);line-height:1.85;color:#a9a9bb;font-weight:400}
.legal-article p{margin-bottom:24px}
.legal-article ul{padding-left:21px;margin:7px 0 25px}
.legal-article li{padding-left:4px;margin-bottom:7px}
.static-pricing{padding-top:59px}
.pricing-list{max-width:925px;margin:0 auto}
.pricing-accordion{--bs-accordion-border-color:rgba(255,255,255,.66);--bs-accordion-border-radius:0;--bs-accordion-inner-border-radius:0}
.pricing-accordion .accordion-item{background:transparent;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.65);border-radius:0}
.pricing-accordion .accordion-item:first-child{border-top:0}
.pricing-accordion .accordion-button{background:transparent!important;color:#f5f4fa!important;box-shadow:none!important;border-radius:0!important;font-size:clamp(14px,1.32vw,17px);font-weight:550;line-height:1.45;padding:19px 14px}
.pricing-accordion .accordion-button:hover{color:#d38bff!important}
.pricing-accordion .accordion-button::after{background-image:none!important;content:'+';transform:none!important;font-weight:300;color:#a8a8b1;font-size:23px;width:20px;height:auto;line-height:1;text-align:center}
.pricing-accordion .accordion-button:not(.collapsed)::after{content:'−';color:#d368f5}
.pricing-accordion .accordion-body{padding:5px 14px 28px;font-size:14px}
.pricing-rate{font-size:clamp(18px,1.55vw,23px);font-weight:600;color:#f8f7fb;margin:10px 0 28px}
.pricing-description{color:#c6c6d0;line-height:1.8;font-size:14px;max-width:740px}
.pricing-features{padding:0;list-style:none;margin:0 0 25px}
.pricing-features li{padding:0 0 0 24px;margin:0 0 13px;position:relative;color:#fff;line-height:1.55;font-size:14px}
.pricing-features li::before{content:'-';color:#07c1f7;position:absolute;left:0}
.pricing-enquire{border:1px solid rgba(255,255,255,.34);border-radius:30px;background:transparent;color:#c9c4ce;padding:9px 17px;font-size:12px;margin-top:2px}
.pricing-enquire:hover{background:#cf57f0;color:#080808;border-color:#cf57f0}
.pricing-enquire span{margin-left:10px}
.pricing-footnote{font-size:12px;line-height:1.7;color:#8d8d98;margin:32px 14px}
.pricing-empty{color:#aaa;text-align:center;padding:70px 0}
html[data-bs-theme=light] .static-hero{background:#ededf1}
html[data-bs-theme=light] .static-hero-watermark{-webkit-text-stroke-color:rgba(0,0,0,.06)}
html[data-bs-theme=light] .static-body{background:#faf9fa;color:#17171c}
html[data-bs-theme=light] .legal-article h2,html[data-bs-theme=light] .pricing-accordion .accordion-button{color:#242027!important}
html[data-bs-theme=light] .legal-article p,html[data-bs-theme=light] .legal-article li{color:#5b5965}
html[data-bs-theme=light] .pricing-accordion .accordion-item{border-color:#bbb7c4}
html[data-bs-theme=light] .pricing-rate,html[data-bs-theme=light] .pricing-features li{color:#2b2630}
html[data-bs-theme=light] .pricing-description{color:#66616d}
html[data-bs-theme=light] .pricing-footnote{color:#666}
html[data-bs-theme=light] .pricing-enquire{color:#403d42;border-color:#999}
@media(max-width:767px){.static-hero{min-height:130px;padding:24px 14px}.static-hero-watermark{font-size:clamp(110px,25vw,200px)}.static-body{padding:40px 14px 62px}.legal-article{padding:0 4px}.legal-article h2{margin:27px 0 14px}.legal-article p{margin-bottom:20px}.pricing-accordion .accordion-button{padding:16px 7px}.pricing-accordion .accordion-body{padding:4px 7px 24px}.footer-page-links{width:100%;justify-content:flex-start}}

/* Google reCAPTCHA checkbox within Bootstrap modal forms */
.recaptcha-row {max-width:100%;overflow-x:auto;}
.recaptcha-v2 {min-height:78px;min-width:300px;}
@media(max-width:360px){.recaptcha-v2{transform:scale(.90);transform-origin:left top;margin-bottom:-7px;}}

/* v2.0 – uploaded Skyway icon on every public header. */
.brand-logo-frame{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border-radius:50%;background:#fff;overflow:hidden}
.brand-logo-img{width:36px;height:36px;object-fit:contain}
html[data-bs-theme="dark"] .brand-logo-frame{background:#fff}
@media(max-width:540px){.brand-logo-frame{width:32px;height:32px;min-width:32px}.brand-logo-img{width:30px;height:30px}}

.footer-logo-sign{display:inline-flex;align-items:center;gap:7px}.footer-logo-sign img{object-fit:contain;border-radius:5px;background:#fff;padding:2px}