/* VASKOR's photographic brand world, shared across every page. */
body{background:#f8f6f0}.header{border-radius:3px;border-color:#dcd7cc;background:#faf8f2f5;box-shadow:none}.brand-hero{padding-top:23px}.brand-hero-stage{position:relative;isolation:isolate;min-height:620px;overflow:hidden;background:#e8decc;border:1px solid #dfd4c0}.brand-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;z-index:-2}.brand-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f6efdfed 0%,#f7f1e5a6 33%,#f7f1e500 59%)}.brand-hero-copy{padding:78px 4.2% 96px;max-width:52%}.brand-hero .hero-kicker{font-size:8px;letter-spacing:1.7px}.brand-hero h1{font-size:clamp(55px,6.1vw,96px);font-weight:400;line-height:1.01;letter-spacing:-.065em;margin:30px 0 0}.brand-hero h1 em{font-family:Georgia,serif;font-weight:400;line-height:1.16;letter-spacing:-.06em;color:#8a6536;display:inline-block;margin-top:6px}.brand-hero-lead{font-size:22px;line-height:1.3;letter-spacing:-.6px;margin-top:24px;color:#23282b}.brand-hero-description{font-size:12px;line-height:1.7;margin-top:17px;color:#4d504b}.brand-hero-actions{display:flex;align-items:center;gap:25px;margin-top:29px}.brand-hero-actions .button{font-size:8px;padding:17px 20px;gap:24px;border-radius:2px;background:#23282b;min-height:50px}.brand-work-link{font-size:7px;letter-spacing:.7px;border-bottom:1px solid #a3947c;padding-block:12px;display:flex;gap:17px;align-items:center;white-space:nowrap}.brand-work-link>span{font-size:18px}.brand-hero-foot{position:absolute;bottom:0;inset-inline:0;display:flex;justify-content:space-between;padding:18px 4.2%;border-top:1px solid #8a65363d;background:#f5efdf75;backdrop-filter:blur(8px);font-size:6px;letter-spacing:1.4px;color:#38382e}.brand-hero-caption{padding:22px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand-hero-caption>span{font-size:8px;letter-spacing:2px}.brand-hero-caption p{font-size:11px}.brand-hero-caption a{font-size:7px;letter-spacing:1px;white-space:nowrap}.platform-section{margin-top:0;padding-top:0}.platform-caption{border-top:0;padding-top:20px}.platform-caption span{font-size:6px}.platform-row span{font-size:14px}.platform-row .platform-logo{width:22px;height:22px}.service-films{padding-top:62px}.section-heading h2{font-weight:400}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 30px}.project-card:nth-child(even){padding-top:0}.project-media,.project-card:nth-child(even) .project-media{aspect-ratio:4/3;border-radius:2px}.project-media>img{transform:none}.project-meta{padding:4px 0 0}.project-meta h3{font-size:27px;letter-spacing:-.8px;font-weight:400}.project-meta h3>span{display:block;margin-top:7px;font-size:13px;color:#68675f;font-weight:400;letter-spacing:0}.project-meta p{font-size:8px;letter-spacing:.7px;text-transform:uppercase;margin-top:14px;color:#7c633e}.image-badges>span:first-child{font-size:6px;letter-spacing:1px;padding:10px 12px}.project-cursor{background:#292b27e8;color:#fff;backdrop-filter:blur(8px)}.expertise-band{background:linear-gradient(90deg,#1d2423f7,#1d2423d9),url('/assets/project-atelier.webp') center/cover no-repeat}.expertise-tiles>a{background:#11181650;backdrop-filter:blur(4px);border-color:#b2a08255}.global-cta{position:relative;isolation:isolate;background:#1e2524;overflow:hidden}.global-cta:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/hero-image.webp') 65% center/cover no-repeat;filter:saturate(.5)}.global-cta:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1d2524f5,#1d2524d9 55%,#1d252488)}.global-cta .cta-top{color:#d4bf9a}.cta-link h2{font-weight:400}.global-cta .cta-bottom{border-color:#9b947f66}.global-cta .cta-bottom p{color:#d9d7cd}.page-heading{position:relative;isolation:isolate;overflow:hidden;margin-top:23px;border-bottom:1px solid #d8d1c3}.page-heading:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/hero-image.webp') right center/cover no-repeat;opacity:.35}.page-heading:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f8f6f0 0%,#f8f6f0f5 45%,#f8f6f030)}.page-heading .display{font-weight:400}.case-heading .display{font-size:clamp(60px,8vw,120px);letter-spacing:-.06em}.case-hero{max-height:760px;height:56vw}.case-hero img{object-fit:contain;background:#e8e0d2}.case-note-grid h3{font-weight:400}.studio-image-inner{height:540px}.studio-image-inner>img{object-position:center}.studio-image-inner>div{background:#202421c9;padding:14px 20px;color:#f4ead8}.identity-specimen{background:linear-gradient(#f7f2e0df,#f7f2e0df),url('/assets/project-atelier.webp') center/cover}.identity-specimen img{max-width:90%;height:auto}.film-origin{background:#fcfbf4ed;border-color:#e5ddcf}.film-play{width:46px;height:46px;font-size:12px;background:#fffdf0eb}.film-info h3{font-weight:400}.film-credit{font-size:6px}.price-card h3{font-weight:400}.footer{background:#f8f6f0}.footer-wordmark{font-weight:400}.home-note{background:linear-gradient(90deg,#f8f6f0,#f8f6f0ed),url('/assets/project-atelier.webp') center/cover no-repeat}.media-disclosure,.quiet-note{font-size:10px}.brand-hero-photo{animation:brandFrameIn 1.6s ease-out both}@keyframes brandFrameIn{from{transform:scale(1.025)}to{transform:scale(1)}}
@media(min-width:1600px){.brand-hero-stage{min-height:720px}.brand-hero-copy{padding-top:90px;padding-bottom:110px}}
@media(max-width:1100px){.brand-hero-stage{min-height:600px}.brand-hero-copy{max-width:55%;padding-inline:4%}.brand-hero h1{font-size:6.6vw}.brand-hero-actions{gap:18px;flex-wrap:wrap}.brand-hero-photo{object-position:60% center}.brand-hero-shade{background:linear-gradient(90deg,#f6efdfed,#f7f1e5a6 43%,#f7f1e500 67%)}.brand-hero-caption p{font-size:10px;max-width:300px}.project-meta h3{font-size:24px}}
@media(max-width:760px){.brand-hero{padding-top:18px}.brand-hero-stage{min-height:0;display:flex;flex-direction:column;padding-bottom:0;background:#eee3d0}.brand-hero-photo{position:relative;inset:auto;order:2;aspect-ratio:1.7;height:auto;object-fit:cover;object-position:100% center;z-index:0;min-height:230px}.brand-hero-shade{display:none}.brand-hero-copy{max-width:none;padding:32px 25px 30px;background:linear-gradient(110deg,#f6f1e6,#ece1cd);order:1}.brand-hero h1{font-size:clamp(44px,9.4vw,70px);margin-top:24px}.brand-hero h1 em{margin-top:3px}.brand-hero-lead{font-size:21px;margin-top:20px}.brand-hero-description{font-size:12px;max-width:300px}.brand-hero-actions{margin-top:23px;gap:20px}.brand-hero-actions .button{font-size:7px;padding:15px 17px;gap:18px}.brand-work-link{font-size:6px;gap:14px}.brand-hero .hero-kicker{font-size:6px;letter-spacing:1px}.brand-hero-foot{position:relative;order:3;background:#e7dcc4;gap:16px;padding:14px 20px;font-size:5px;line-height:1.5;letter-spacing:.8px}.brand-hero-foot>span:last-child{text-align:right}.brand-hero-caption{padding:17px 0;flex-wrap:wrap;gap:12px}.brand-hero-caption>span{font-size:7px}.brand-hero-caption p{font-size:10px;flex-basis:70%;text-align:right}.brand-hero-caption a{font-size:6px;letter-spacing:.7px}.platform-row span{font-size:13px}.project-grid{grid-template-columns:1fr;gap:35px}.project-media,.project-card:nth-child(even) .project-media{aspect-ratio:4/3}.project-meta h3{font-size:25px}.project-meta h3>span{font-size:12px}.project-meta p{font-size:8px;margin-top:12px}.image-badges>span:first-child{font-size:5px;padding:8px}.page-heading{margin-top:18px}.page-heading:before{opacity:.22;background-position:80% center}.page-heading:after{background:linear-gradient(90deg,#f8f6f0f2,#f8f6f0bb)}.case-heading .display{font-size:16vw}.case-hero{height:auto;max-height:none}.case-hero img{width:100%;height:auto;object-fit:contain}.studio-image-inner{height:300px}.studio-image-inner>img{object-position:70% center}.studio-image-inner>div{left:12px;right:12px;bottom:12px;padding:10px;font-size:5px}.global-cta:before{background-position:72% center}.global-cta:after{background:#1d2524d9}.film-info h3{font-size:21px}.brand-hero-photo{animation:none}}
@media(prefers-reduced-motion:reduce){.brand-hero-photo{animation:none}}
.hero-three .hero-main-image>img{object-position:50% 50%}.hero-three .hero-app-image>img{object-position:50% 50%}.hero-three .hero-product-image>img{object-position:50% 50%}.hero-three .hero-composition-backdrop{background:radial-gradient(ellipse at 50% 45%,#dce7db65,transparent 65%)}
.next-project>div,.next-project>a{min-width:0}.next-project .section-label>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.next-project{grid-template-columns:minmax(0,1fr)}.next-project h2{font-size:clamp(32px,10vw,64px);gap:14px}.next-project h2>span{font-size:1em}.next-project .section-label>span:first-child{flex-shrink:0}.next-project .section-label>span:last-child{max-width:115px}}

/* Centered Navigation in Header */
.header{position:sticky;top:0;position:relative;display:flex;align-items:center;justify-content:space-between}
.desktop-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important;display:flex;align-items:center;gap:36px}

/* Floating WhatsApp Button */
.floating-whatsapp{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;align-items:center;gap:10px;background:#25d366;color:#fff!important;padding:12px 20px 12px 14px;border-radius:50px;box-shadow:0 8px 24px rgba(37,211,102,.45),0 2px 6px rgba(0,0,0,.15);text-decoration:none;font-weight:600;font-size:13px;letter-spacing:.3px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}
.floating-whatsapp:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 32px rgba(37,211,102,.6);color:#fff!important}
.floating-whatsapp svg{flex-shrink:0;width:22px;height:22px;display:block}
.floating-whatsapp .whatsapp-label{font-weight:600;font-size:13px;letter-spacing:.3px;white-space:nowrap}

/* Header Right Actions & Theme Switcher */
.header-right{display:flex;align-items:center;gap:18px;margin-left:auto}
.theme-toggle{background:#f1ebd9;border:1px solid #dcd7cc;color:#23282b;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.theme-toggle:hover{background:#e8ded0;border-color:#8a6536;transform:rotate(15deg) scale(1.05)}
.theme-icon-sun{display:none}
.theme-icon-moon{display:inline-block;color:#23282b}

/* Interactive Price Calculator */
.calc-section{padding:50px 0}
.calc-card{background:#f3ede0;border:1px solid #dfd4c0;border-radius:6px;padding:40px;margin-top:35px}
.calc-step{margin-bottom:30px}
.calc-step-label{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#8a6536;font-weight:600;margin-bottom:15px}
.calc-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.calc-pill{background:#faf8f2;border:1px solid #dcd7cc;padding:14px 16px;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:left;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s ease}
.calc-pill span{font-size:16px;font-weight:700;color:#8a6536;font-family:Georgia,serif}
.calc-pill.active{background:#23282b;color:#f8f6f0;border-color:#23282b}
.calc-pill.active span{color:#e8be89}
.calc-addons{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.calc-check{display:flex;align-items:center;gap:10px;background:#faf8f2;padding:12px 16px;border:1px solid #dcd7cc;border-radius:4px;cursor:pointer;font-size:12px}
.calc-check input{accent-color:#8a6536;width:16px;height:16px}
.calc-check b{color:#8a6536;margin-left:auto}
.calc-summary{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfd4c0;padding-top:25px;margin-top:25px;flex-wrap:wrap;gap:20px}
.calc-total-box span{display:block;font-size:10px;letter-spacing:1px;color:#5a5c56}
.calc-price-display{font-size:42px;font-weight:700;font-family:Georgia,serif;color:#23282b}
.calc-price-display sup{font-size:22px;margin-right:2px}
.calc-total-box small{font-size:10px;color:#7c7f78}

/* Dark Mode Overrides */
[data-theme="dark"] body{background:#131412;color:#eeebe3}
[data-theme="dark"] .header{background:#181916f0;border-color:#2c2e2a}
[data-theme="dark"] .calc-card{background:#191b17;border-color:#2c2f28}
[data-theme="dark"] .calc-pill{background:#20231e;border-color:#33362e;color:#e8e5dc}
[data-theme="dark"] .calc-pill.active{background:#e0b57e;color:#181916;border-color:#e0b57e}
[data-theme="dark"] .calc-pill.active span{color:#181916}
[data-theme="dark"] .calc-check{background:#20231e;border-color:#33362e;color:#eeebe3}
[data-theme="dark"] .calc-price-display{color:#f5f3ec}
[data-theme="dark"] .footer{background:#131412}
[data-theme="dark"] .enquiry-form input,[data-theme="dark"] .enquiry-form select,[data-theme="dark"] .enquiry-form textarea{background:#1a1c18;border-color:#33362e;color:#eee}
[data-theme="dark"] .theme-icon-sun{display:inline-block;color:#e0b57e}
[data-theme="dark"] .theme-icon-moon{display:none}
[data-theme="dark"] .theme-toggle{background:#252822;border-color:#3e4238;color:#e0b57e;box-shadow:0 2px 8px rgba(0,0,0,.4)}
[data-theme="dark"] .theme-toggle:hover{background:#31362d;border-color:#e0b57e}

@media(max-width:760px){
  .calc-summary{flex-direction:column;align-items:stretch;text-align:center}
  .floating-whatsapp span.whatsapp-label{display:none}
  .floating-whatsapp{padding:14px;border-radius:50%;bottom:20px;right:20px}
  .header-right .nav-cta{display:none}
}

/* Hero section typography and layout balance */
.hero-three{position:relative;overflow:hidden}
.hero-three-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,3.5vw,48px);align-items:center}
.hero-three-copy{position:relative;z-index:5;max-width:580px}
.hero-three h1{font-size:clamp(46px,5vw,80px)!important;line-height:1.04!important;letter-spacing:-.05em!important;margin-top:22px!important;word-break:break-word}
.hero-three h1 em{white-space:normal!important;display:inline-block;color:var(--red)}
.hero-composition{position:relative;z-index:1}
@media(max-width:1280px){
  .hero-three h1{font-size:clamp(40px,4.8vw,66px)!important}
  .hero-three-grid{gap:24px}
}
@media(max-width:1024px){
  .hero-three h1{font-size:clamp(36px,4.5vw,52px)!important}
}
@media(max-width:768px){
  .hero-three-grid{grid-template-columns:1fr;gap:36px}
  .hero-three-copy{max-width:100%}
  .hero-three h1{font-size:clamp(36px,9.5vw,50px)!important;line-height:1.08!important}
}