/* Updated Figma frame 77:51. Tablet and phone adaptations live in responsive.css. */
.project-cover,.project-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;transform:scale(1.008);transform-origin:center}
.project-video{background:#111;opacity:0;transition:opacity .3s}
.project-video.is-playing{opacity:1}
.project-placeholder.has-video{position:relative;overflow:hidden}

/* Keep Figma's light layer attached to the final phrase, at the same type scale. */
.figma-v2 .hero-logos h1 .hero-ending{position:relative;display:block}
.figma-v2 .hero-ending .hero-soft-light{display:block;position:absolute;left:-1.47705em;top:-1.76487em;width:650.735px;height:543.043px;transform:scale(var(--hero-light-scale,1));transform-origin:top left;pointer-events:none;z-index:3}
.figma-v2 #expertise-title{position:relative;isolation:isolate;overflow:hidden}
.figma-v2 .expertise-ending{display:block;position:relative}
.figma-v2 .expertise-ending .expertise-soft-light{display:block;position:absolute;left:-.26852em;top:-3.20741em;width:568px;height:474px;transform:scale(var(--expertise-light-scale,1));transform-origin:top left;pointer-events:none;z-index:3}

@media (min-width:1151px) {
  .figma-v2{--surface-radius:20px}
  .figma-v2 .project-card,.figma-v2 .project-placeholder{border-radius:var(--surface-radius);overflow:hidden}
  .figma-v2 .zywa-composition{border-radius:inherit}
  .figma-v2 .header nav{gap:36px}
  /* A shared outer edge keeps every desktop section on the same page grid. */
  .figma-v2 .wrap{width:95%;max-width:none;margin-inline:auto}
  .figma-v2 main.wrap>section{width:100%;max-width:none;margin-inline:0}
  .figma-v2 .hero-logos{border-radius:var(--surface-radius);height:auto;min-height:max(761px,calc(95vh - 94px));isolation:isolate}
  .figma-v2 .hero-logos .hero-scene{padding:71.31px 0 48px;align-items:center;min-height:656px}
  .figma-v2 .hero-logos .hero-copy{grid-template-columns:minmax(0,1fr) clamp(360px,33vw,476px);grid-template-rows:20px auto;column-gap:clamp(32px,4.45vw,64px);row-gap:99px;align-items:start}
  .figma-v2 .hero-logos .badge{line-height:20px;white-space:nowrap;gap:9px}
  .figma-v2 .hero-logos h1{grid-row:2;align-self:start;font-size:clamp(68px,5.7014vw,110px);line-height:.97978;letter-spacing:-.0649817em}
  .figma-v2 .hero-logos .hero-aside{grid-row:1/3;align-self:start;max-width:none;width:100%;min-width:0;min-height:499px;margin-top:6.69px;padding:64.12px clamp(28px,3.75vw,54px) 56.62px;background:white;border:1px solid #00000014;border-radius:var(--surface-radius);overflow:hidden}
  .figma-v2 .hero-graphic{width:144px;height:96px;margin:0 0 26.88px .51px;pointer-events:none}
  .figma-v2 .hero-graphic>img{width:144px;height:96px;object-fit:cover;border-radius:6.914px;box-shadow:34px 29px 12px #00000003,21px 19px 11px #0000000a,12px 11px 10px #00000026,5px 5px 7px #00000042,1px 1px 4px #0000004a}
  .figma-v2 .hero-logos .hero-studio-note{font:600 30px/34.2px Poppins,sans-serif;letter-spacing:-1px;margin-bottom:26.98px}
  .figma-v2 .hero-logos .hero-description{width:322.43px;max-width:100%;font:500 15px/25.5px Poppins,sans-serif}
  .figma-v2 .hero-logos .hero-actions{margin-top:33px;gap:16px 28px;flex-wrap:wrap}
  .figma-v2 .hero-logos .hero-actions .pill{border:0;font-weight:700;box-shadow:2px 3px 7px #0003,8px 11px 13px #0000002b,18px 24px 18px #0000001a,32px 42px 21px #00000008}
  .figma-v2 .hero-logos .experience{height:105px;padding:20px 0 23px;grid-template-columns:210px 1fr;gap:40px;position:relative;z-index:2}
  .figma-v2 .hero-logos .experience>.eyebrow{display:block;line-height:15px;max-width:115px}
  .figma-v2 .hero-logos .company-row{display:flex;justify-content:flex-end;align-items:center;gap:clamp(32px,4.5vw,80px);height:62px}
  .figma-v2 .company-row .logo-slot{position:static;flex:none;width:max-content;height:auto;border:0;margin:0}
  .figma-v2 .company-row .logo-slot img{transform:none;scale:none}
  .indmoney-logo{position:relative;display:block;width:54px;height:54px;mask:url(assets/figma-v2/f3dab.svg) no-repeat}
  .indmoney-logo>img{position:absolute}
  .etmoney-logo{display:block;width:162.411px;height:37.4795px;mask:url(assets/figma-v2/d56a9.svg) no-repeat}
  .etmoney-logo>img{margin:.367px 0 0 .379px}
  .figma-v2 .work-section{padding-top:84px}
  .figma-v2 .section-intro{padding:18.42px 16px 63.58px}
  .figma-v2 .section-intro h2{font-size:42px;line-height:46px}
  .figma-v2 .section-intro p{margin-top:40px;width:478px;line-height:24px}
  .figma-v2 .project-grid{gap:24px}
  .figma-v2 .project-main{aspect-ratio:1296/742.14}
  .figma-v2 .zywa-blur{filter:blur(19.3px)}
  .figma-v2 .project-tall{aspect-ratio:636/757.34}
  .figma-v2 .project-grid .project-placeholder:last-child{margin-top:0}
  .figma-v2 .confidence-backdrop{filter:blur(10.375px)}
  .figma-v2 .phone-hills{mask-image:url(assets/figma-v2/c81db.svg);mask-size:469.09px 312.73px;mask-position:0 0}
  .figma-v2 .phone-sun{mask:url(assets/figma-v2/65cd4.svg) no-repeat}
  .figma-v2 .phone-stars{top:8.712px;mask:url(assets/figma-v2/21900.svg) 0 -5.042px no-repeat}
  .figma-v2 .expertise{margin-top:100.94px;padding:20px 0 98px;border:0;background:white;border-radius:var(--surface-radius);isolation:isolate}
  .figma-v2 .expertise:before{display:none}
  .figma-v2 .expertise-heading{padding:0;grid-template-columns:1fr 469.97px;column-gap:50px;row-gap:23px;align-items:center}
  .figma-v2 .expertise-heading>.eyebrow{height:34px;padding:8px 23px;line-height:16px;margin:0}
  .figma-v2 .expertise-heading h2{font:600 54px/56.7px Geist,sans-serif;letter-spacing:-2.2px}
  .figma-v2 .expertise-heading>p{font-size:16px;line-height:21.6px;max-width:377px;margin:26px 0 0 0}
  .figma-v2 .benefit-grid{margin-top:155.6px;gap:20px;background:none;grid-template-columns:repeat(3,minmax(0,1fr))}
  .figma-v2 .benefit-grid article,.figma-v2 .benefit-grid article:last-child{display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:19/20;min-height:440px;padding:56px 30px 45px;border:0;background:#e6e6e6;border-radius:var(--surface-radius);box-shadow:inset 0 4px 34px 8px #dfdfdf40;color:#181818;overflow:hidden;isolation:isolate}
  .figma-v2 .benefit-grid article:before{display:none}
  .figma-v2 .benefit-grid article:after{width:31px;height:4px;left:28px;background:var(--red);z-index:3}
  .figma-v2 .benefit-grid .benefit-surface{position:absolute;left:-233.5px;top:-238.5px;z-index:-1;pointer-events:none}
  .figma-v2 .benefit-grid .icon-box,.figma-v2 .benefit-grid article:last-child .icon-box{flex:none;width:65px;height:65px;border:0;border-radius:10.086px;margin-bottom:34px;background:radial-gradient(ellipse at 48% -3%,#717171,#4b4b4b 50%,#393939 75%,#262626);box-shadow:1px 1px 4px #0003,4px 6px 7px #0000002b,9px 13px 10px #0000001a,16px 24px 11px #00000008;position:relative}
  .figma-v2 .benefit-grid .icon-box img{max-width:none;max-height:none}
  .figma-v2 .benefit-grid .icon-complete{background:none;box-shadow:none}
  .figma-v2 .benefit-grid .icon-complete>img{position:absolute;left:-3px;top:-3px}
  .figma-v2 .benefit-grid h3{font:600 22px/26.4px Poppins,sans-serif;letter-spacing:0;white-space:normal;margin:0 0 8px}
  .figma-v2 .benefit-grid p,.figma-v2 .benefit-grid article:last-child p{min-height:63px;font:500 14px/21px Poppins,sans-serif;color:#818181;max-width:none;margin:0;position:relative;z-index:1}
  .benefit-glow{position:absolute;left:113.1px;top:-71.9px;pointer-events:none;z-index:2}
  .benefit-grid article:first-child .benefit-glow{left:131.1px;top:-55.9px}
  .figma-v2 .benefit-grid article:hover{transform:translateY(-4px);box-shadow:inset 0 4px 34px 8px #dfdfdf40,0 12px 24px #00000008}
  .figma-v2 .process{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.8526fr) minmax(0,1fr);grid-template-rows:35px auto 1fr;column-gap:48.49px;align-items:start;padding:100.42px 60.43px 100.58px 60px;margin:23.58px 0 48px 12px;width:calc(100% - 1px);background:#fafafa;border-radius:var(--surface-radius);text-align:left}
  .process-soft-light{position:absolute;top:-334.897px;left:-149.029px;z-index:-1;pointer-events:none}
  .figma-v2 .process .process-copy>.eyebrow{grid-column:1;grid-row:1;margin:0;font-size:11px;letter-spacing:1.3px;gap:0}
  .section-arrow{display:grid;place-items:center;width:35px;height:35px}
  .figma-v2 .process .process-copy>h2{grid-column:1;grid-row:2;font:600 54px/56.7px Geist,sans-serif;letter-spacing:-2.2px;white-space:nowrap;margin:10.65px 0 0}
  .figma-v2 .process-intro{grid-column:1;grid-row:3;width:387.39px;max-width:100%;font:500 16px/26.4px Poppins,sans-serif;color:#818181;margin:32.52px 0 0;padding:0;border:0}
  .figma-v2 .process-stack{grid-column:2;grid-row:1/4;list-style:none;border:0;border-radius:var(--surface-radius);max-width:none;width:100%;padding:0;margin:0;overflow:hidden;background:#fff}
  .figma-v2 .process-stack>li{position:relative;min-height:274px;padding:40px 32px;border:1px solid #00000017;display:flex;flex-direction:column;gap:20px;background:#fff}
  .figma-v2 .process-stack>li+li{border-top:0}
  .figma-v2 .process-stack>li:first-child{border-radius:var(--surface-radius) var(--surface-radius) 0 0}
  .figma-v2 .process-stack>li:last-child{border-radius:0 0 var(--surface-radius) var(--surface-radius)}
  .figma-v2 .process-stack>*:before{display:none}
  .process-number{font:400 70.65px/74.183px Anton,sans-serif;color:var(--red)}
  .figma-v2 .process-stack h3{font:600 20px/30px Poppins,sans-serif;color:#313131;letter-spacing:0;margin:0}
  .figma-v2 .process-stack p{font:500 16px/24px Poppins,sans-serif;color:#979797;margin:6px 0 0}
  .figma-v2 .about{width:calc(100% - 1px);max-width:none;margin:0 0 48px 1px;border-radius:var(--surface-radius);background:#f4f3ef;padding:55px 0 120px;min-height:1713px}
  .about-inner{width:592px;margin:auto}
  .figma-v2 .about-title{font:400 113.1px/169.65px Anton,sans-serif;letter-spacing:-2.716px;margin:0;color:#181818}
  .figma-v2 .about-inner>h3{font:600 28px/32px Geist,sans-serif;margin:36px 0 40.344px}
  .figma-v2 .studio-portrait{width:578px;height:408px;aspect-ratio:auto;max-width:none;margin:0 0 98px;border-radius:var(--surface-radius);overflow:hidden;background:#dedede}
  .studio-portrait>img{width:100%;height:100%;object-fit:cover}
  .figma-v2 .about-copy{width:592px;max-width:none;margin:0;text-align:left;font:500 18px/27px Poppins,sans-serif;color:#414141}
  .figma-v2 .about-copy p{margin:0 0 27px}
  .figma-v2 .about-copy p:first-child{position:relative;text-indent:104px}
  .figma-v2 .about-copy .wordmark{position:absolute;top:-17.83px;left:0;font:400 37.887px/43.568px Anton,sans-serif;letter-spacing:-1.7806px;text-indent:0}
  .career-logos{display:flex;align-items:center;height:81px;margin:20px 0 27px;gap:0;padding-left:5px}
  .career-tile{position:relative;width:56.373px;height:56.373px;display:block;flex:none}
  .career-ola{rotate:-11.64deg}
  .career-ola>img{position:absolute;left:-.609px;top:0}
  .career-slice,.career-ind{border-radius:12.842px;box-shadow:1.524px 3.047px 2.133px #0004;overflow:hidden}
  .career-slice{background:#8b0cbe;rotate:7.46deg}
  .career-ind{background:#000;rotate:-10.24deg}
  .tile-underlay{position:absolute;left:8.827px;top:20.898px}
  .tile-image{position:absolute;left:1.268px;top:1.24px;width:53.053px;height:53.053px;object-fit:cover;rotate:-.63deg}
  .founder-signature{position:relative;width:317px;height:85.346px;margin-top:32px;color:var(--red)}
  .founder-signature>span{position:absolute;left:10.973px;top:17.069px;font:italic 39.015px/48px "Brush Script MT",cursive;white-space:nowrap}
  .founder-signature>img{position:absolute;left:16.337px;top:57.719px}
  .founder-role{font:500 18px/27px Poppins,sans-serif;color:#00000069;margin:20.65px 0 0}
  .figma-v2 .large-contact{position:relative;display:flex;justify-content:space-between;width:581px;height:129px;border:2px solid #434343;border-radius:164px;background:transparent;font:700 48px/66px Geist,sans-serif;color:#191919;padding:10px 12px 10px 55px;margin-top:77px;gap:0}
  .contact-arrow{position:relative;width:106px;height:106px;flex:none}
  .contact-arrow>img{position:absolute;inset:0}
  .large-contact .contact-arrow>span{position:absolute;inset:0;display:grid;place-items:center;font:700 67.752px/84.603px Geist,sans-serif;color:#fff;padding-bottom:3px}
  .figma-v2 .large-contact:hover{background:#ffffff70;box-shadow:0 10px 30px #00000008}
  .figma-v2 .footer{border-radius:var(--surface-radius);margin-bottom:89.27px;min-height:892.73px}
  .figma-v2 .footer-top{padding-bottom:54px;min-height:186.56px}
  .figma-v2 .footer-email{min-height:106.59px}
  .figma-v2 .footer-brand{padding-top:19px;padding-bottom:72px;line-height:1.15}
  .figma-v2 .footer-bottom{border:0;padding:0 0 25px}
}