:root{--bg:#191b1a;--surface:#232623;--gold:#c6ae7c;--text:#f3f0e9;--muted:#b5b7ad;--line:#3b3e37;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button:hover,a:hover{color:var(--gold)}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.1}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--gold)}.header{height:94px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line)}.brand{font-size:33px;font-weight:700;letter-spacing:-3px}.brand span,.gold{color:var(--gold)}.header-note,.small,.eyebrow,.hero-bottom,.watch{font-size:10px;letter-spacing:1.8px}.header-note{color:var(--muted)}nav{display:flex;gap:34px;margin-left:auto;font-size:13px}nav a:last-child{color:var(--gold)}.menu-toggle{display:none}.hero{max-width:1440px;margin:auto;padding:64px 6% 0;display:grid;grid-template-columns:1.3fr 1fr;gap:42px 5%;align-items:center}.eyebrow{color:var(--gold);font-weight:600}.status-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--gold);margin-right:9px;vertical-align:middle}h1{font-size:clamp(43px,5.5vw,78px);letter-spacing:-3.5px;margin:30px 0 25px}h1 em{display:block;font-size:1.17em;margin-top:12px;line-height:1.03;letter-spacing:-4px}.role{font-size:12px;max-width:460px;line-height:1.9}.role span{color:var(--gold);padding:0 7px}.intro{color:var(--muted);font-size:15px;max-width:435px;margin:18px 0 27px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.button{padding:13px 22px;font-size:12px;display:inline-flex;gap:30px;align-items:center}.primary{background:var(--gold);color:#191b1a}.primary:hover{background:#e0c997;color:#191b1a}.text-link{font-size:12px;border-bottom:1px solid var(--gold);padding:7px 0;display:inline-block}.portrait{position:relative;max-width:420px;justify-self:end;width:100%;padding:12px;border:1px solid #575343}.portrait img{width:100%;height:490px;object-fit:cover;object-position:50% 28%;filter:saturate(.7)}.portrait figcaption{position:absolute;bottom:12px;left:12px;right:12px;padding:38px 17px 17px;background:linear-gradient(transparent,#191b1ae6);display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#fff}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.section{max-width:1440px;margin:auto;padding:90px 6%;scroll-margin-top:10px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.small{color:var(--muted);letter-spacing:.3px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}h2{font-size:clamp(32px,3.7vw,52px);letter-spacing:-1.6px}.section-heading>p{font-size:13px;color:var(--muted);padding-bottom:5px}.filters{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:36px}.filters button{font-size:12px;padding:8px 19px;border:1px solid var(--line);border-radius:30px}.filters button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--bg)}sup{font-size:8px;margin-left:7px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.project-open{padding:0;text-align:left;width:100%}.project-image{position:relative;background:#2c302a;aspect-ratio:1.78;overflow:hidden}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.project-open:hover .project-image>img{transform:scale(1.025)}.project-arrow{position:absolute;right:13px;bottom:13px;border:1px solid #777f6a;background:#191b1a;color:var(--gold);width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.project-caption{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-top:20px}.project-caption .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:8px}.project-caption h3{font-size:26px}.project-caption>span{font-size:9px;color:var(--muted);padding-bottom:3px}.project>p{font-size:12px;color:var(--muted);margin-top:10px}.fallback-link{font-size:11px;display:inline-block;margin-top:9px;text-decoration:underline;text-underline-offset:4px}.campaign{display:flex;padding:14px;gap:14px;align-items:center}.campaign>img{width:calc(50% - 7px);height:auto;max-height:100%;object-fit:contain}.wide{grid-column:1/-1}.malayalam{background:linear-gradient(110deg,#34382f,#222621);border:1px solid #505442;padding:44px;display:flex;gap:25px;align-items:center;justify-content:space-between}.malayalam h3{font-size:38px;margin:20px 0}.malayalam p:last-child{font-size:12px;color:var(--muted)}.play{border:1px solid var(--gold);color:var(--gold);width:80px;height:80px;border-radius:50%;display:grid;place-items:center;font-size:23px;flex-shrink:0}.watch{align-self:end;color:var(--gold)}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about h2{margin:25px 0}.about p:not(.eyebrow){font-size:14px;color:var(--muted);margin:17px 0}.about .about-lead{font-size:18px!important;color:var(--text)!important}.capabilities>div{padding:24px 0;border-bottom:1px solid var(--line);position:relative;padding-left:42px}.capabilities>div:first-child{padding-top:0}.capabilities span{position:absolute;left:0;color:var(--gold);font-size:11px}.capabilities h3{font-size:23px}.capabilities p{font-size:13px!important}.contact{padding-top:90px;padding-bottom:70px}.contact .section-heading{margin-top:25px}.email{font-size:clamp(22px,4vw,55px);display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:23px;letter-spacing:-1px}.email span{color:var(--gold)}.contact-details{display:flex;gap:35px;align-items:start;flex-wrap:wrap;padding-top:25px;font-size:12px;color:var(--muted)}#copy-status{color:var(--gold)}footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);padding:25px 6%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);width:min(900px,92vw);max-height:90dvh;padding:45px;overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.close{position:sticky;top:0;float:right;border:1px solid var(--line);background:var(--bg);width:38px;height:38px;z-index:2}dialog h2{margin:18px 40px 20px 0}dialog p{color:var(--muted);margin:15px 0;font-size:14px}dialog img{width:100%;height:auto;margin:22px auto;max-height:65vh;object-fit:contain}.dialog-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dialog-gallery img{margin:10px 0}.video-frame{aspect-ratio:16/9;background:#101210;display:grid;place-items:center;margin:25px 0}.video-frame iframe{width:100%;height:100%;border:0}.skip{position:absolute;top:-100px;left:10px;background:var(--gold);color:#191b1a;padding:12px;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.noscript{padding:20px;text-align:center}body.modal-open{overflow:hidden}
@media(min-width:1600px){.hero{padding-top:85px}.portrait img{height:540px}}@media(max-width:900px){.header-note{display:none}.hero{gap:30px}.portrait img{height:410px}h1{letter-spacing:-2px}h1 em{letter-spacing:-2px}.role span{padding:0 3px}.actions{gap:15px}.project-caption>span{display:none}.about{gap:6%}.watch{display:none}.section-heading>p{max-width:220px}}@media(max-width:600px){.header{height:76px;position:relative}.menu-toggle{display:block;margin-left:auto;font-size:12px;border:1px solid var(--line);padding:6px 12px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--bg);padding:24px 6%;border-bottom:1px solid var(--line);z-index:5}nav.open{display:flex;justify-content:space-between}.hero{display:flex;flex-direction:column;padding-top:28px;align-items:stretch}.portrait{order:-1;max-width:none;padding:7px;width:100%}.portrait img{height:310px;object-position:50% 29%}.portrait figcaption{left:7px;right:7px;bottom:7px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:48px;margin:20px 0}h1 em{font-size:1.12em}.hero-bottom{font-size:7px;gap:16px}.hero-bottom a{white-space:nowrap}.section{padding-top:60px;padding-bottom:60px}.section-top .small{display:none}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:none}.filters{gap:7px}.filters button{padding:7px 12px;font-size:11px}.projects{grid-template-columns:1fr;gap:33px}.project-caption h3{font-size:25px}.wide{grid-column:auto}.malayalam{padding:25px;gap:12px}.malayalam h3{font-size:29px}.play{width:50px;height:50px;font-size:16px}.about{grid-template-columns:1fr;gap:40px}.contact-details{gap:20px}.email{font-size:clamp(18px,5.4vw,29px);letter-spacing:-.5px}footer{flex-wrap:wrap;gap:15px}footer>span:nth-of-type(2){display:none}dialog{padding:23px}.dialog-gallery{grid-template-columns:1fr}dialog h2{font-size:31px}.portrait img{filter:saturate(.7)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Malayalam video thumbnail */
.project-open.malayalam {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.malayalam-thumbnail {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.malayalam-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.35;
  transition: opacity 0.3s ease;
}

.project-open.malayalam:hover .malayalam-thumbnail img {
  opacity: 0.5;
}

/* Fix Malayalam project layout */
.projects > .project.video {
  grid-column: 1 / -1;
}

.project-open.malayalam {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 330px;
  width: 100%;
  overflow: hidden;
  isolation: isolate;
  background: #1b1d1b;
}

/* Thumbnail background */
.malayalam-thumbnail {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.malayalam-thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.22;
}

/* Keep project text above image */
.project-open.malayalam > div:not(.malayalam-thumbnail) {
  position: relative;
  z-index: 1;
  max-width: 65%;
}

/* Ensure About starts on its own row */
#about {
    clear: both;
    width: 100%;
    grid-column: 1 / -1;
}

@media (max-width: 768px) {
  .project-open.malayalam {
    min-height: 300px;
  }

  .project-open.malayalam > div:not(.malayalam-thumbnail) {
    max-width: 100%;
  }
}

/* Malayalam video: text left, thumbnail right */

.project-open.malayalam {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 40px;
    position: relative;
    padding: 35px;
    min-height: 340px;
    background: #242823;
    text-align: left;
    overflow: hidden;
}

/* Move thumbnail into the right column */
.project-open.malayalam .malayalam-thumbnail {
    position: relative;
    inset: auto;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    z-index: 1;
}

.project-open.malayalam .malayalam-thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
}

/* Keep text in the left column */
.project-open.malayalam > div:not(.malayalam-thumbnail) {
    grid-column: 1;
    grid-row: 1;
    position: relative;
    z-index: 2;
    max-width: 100%;
}

/* Play button over the thumbnail */
.project-open.malayalam .play {
    position: absolute;
    left: 75%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

/* Position the action text */
.project-open.malayalam .watch {
    position: absolute;
    left: 35px;
    right: auto;
    bottom: 25px;
    z-index: 3;
}

/* Mobile layout */
@media (max-width: 768px) {
    .project-open.malayalam {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 25px;
    }

    .project-open.malayalam .malayalam-thumbnail {
        grid-column: 1;
        grid-row: 2;
    }

    .project-open.malayalam > div:not(.malayalam-thumbnail) {
        grid-column: 1;
        grid-row: 1;
    }

    .project-open.malayalam .play {
        left: 50%;
        top: 65%;
    }

    .project-open.malayalam .watch {
        position: relative;
        left: auto;
        bottom: auto;
        grid-column: 1;
        grid-row: 3;
    }
}

/* Final Malayalam portfolio refinements */

/* Slightly rounded thumbnail */
.project-open.malayalam .malayalam-thumbnail {
  border-radius: 8px;
  overflow: hidden;
}

/* Make play button more visible */
.project-open.malayalam .play {
  background: rgba(20, 20, 20, 0.8);
  color: #d6b77b;
  border: 2px solid #d6b77b;
  border-radius: 50%;
  z-index: 5;
}

/* Reduce space before About section */
#work {
  padding-bottom: 35px;
}

#about {
  padding-top: 45px;
}