@font-face{font-family:ObtinoAudit;src:url('assets/optimized/Urbanist-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ObtinoAudit;src:url('assets/optimized/Urbanist-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:ObtinoAudit;src:url('assets/optimized/Urbanist-SemiBold.woff2') format('woff2');font-weight:600 900;font-display:swap}
.obtino-audit-projects{width:100%;min-width:0;color:#151614;font-family:ObtinoAudit,sans-serif;font-weight:400;text-align:left}
.obtino-audit-projects *,.obtino-audit-projects *::before,.obtino-audit-projects *::after{box-sizing:border-box}
.obtino-audit-projects,.obtino-audit-projects *{font-family:ObtinoAudit,sans-serif!important}
.obtino-audit-projects .studio-case-result .number-font{font-weight:500!important}
.obtino-audit-projects ::selection{background:#ddd9d1;color:#151614}
.obtino-audit-projects a{text-decoration:none}
.obtino-audit-projects a:focus-visible{outline:3px solid #151614;outline-offset:5px}
.obtino-audit-projects .audit-projects-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin:0 0 42px}
.obtino-audit-projects .audit-projects-heading h2{font-family:inherit;font-size:clamp(38px,4vw,64px);font-weight:400;line-height:1.1;letter-spacing:-.035em;text-transform:none;margin:0;text-wrap:balance}
.obtino-audit-projects .audit-projects-heading strong{font-weight:600}
.obtino-audit-projects .audit-projects-all{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:44px;padding:8px 0;border-bottom:1px solid currentColor;font-size:16px;line-height:1.3;white-space:nowrap;color:#151614}
.obtino-audit-projects .audit-projects-all:hover{color:#57584f}
.obtino-audit-projects svg{display:block;flex:0 0 20px}
.obtino-audit-projects .studio-case-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.obtino-audit-projects .studio-case{grid-column:span 7;min-width:0;margin:0}
.obtino-audit-projects .studio-case:nth-child(2),.obtino-audit-projects .studio-case:nth-child(3){grid-column:span 5}
.obtino-audit-projects .studio-case-link{width:100%;max-width:100%;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;min-height:570px;height:46vw;max-height:740px;overflow:hidden;border-radius:20px;background:#232323;color:#fff}
.obtino-audit-projects .studio-case-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.16,1,.3,1);border-radius:0}
.obtino-audit-projects .studio-case-link::before{content:'';position:absolute;inset:0 0 65%;z-index:-1;background:linear-gradient(#0005,transparent);pointer-events:none}
.obtino-audit-projects .case-paper-straight .studio-case-image{object-position:center 38%}
.obtino-audit-projects .studio-case-top{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:24px;min-width:0}
.obtino-audit-projects .case-pills{display:flex;flex-wrap:wrap;gap:7px;max-width:60%}
.obtino-audit-projects .case-pills>span{font-size:12px;padding:8px 12px;line-height:1.2;background:#16161675;border:1px solid #ffffff30;border-radius:24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff}
.obtino-audit-projects .studio-case-top h3{margin:0;max-width:34%;flex-shrink:0;font-size:inherit;line-height:1}
.obtino-audit-projects .studio-case-top h3 img{display:block;width:170px;height:auto;max-width:100%;max-height:45px;object-fit:contain;object-position:top right;filter:brightness(0) invert(1);border-radius:0}
.obtino-audit-projects .studio-case-bottom{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end;padding:125px 26px 30px;isolation:isolate;min-width:0}
.obtino-audit-projects .studio-case-bottom::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent,#0a0a0a80 45%,#0a0a0acc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);mask-image:linear-gradient(transparent,#000 36%);-webkit-mask-image:linear-gradient(transparent,#000 36%);pointer-events:none}
.obtino-audit-projects .studio-case-result{display:flex;flex-direction:column;gap:12px}
.obtino-audit-projects .studio-case-result strong{font-size:clamp(56px,5.4vw,88px);line-height:.95;font-weight:500;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.obtino-audit-projects .studio-case-result>span{font-size:14px;line-height:1.3}
.obtino-audit-projects .studio-case-story{padding-bottom:1px;max-width:240px;min-width:0}
.obtino-audit-projects .studio-case-story p{overflow-wrap:anywhere;font-size:18px;line-height:1.25;margin:0 0 19px;letter-spacing:-.015em;color:inherit}
.obtino-audit-projects .studio-case-story>span{font-size:14px;display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:32px}
@media(hover:hover){.obtino-audit-projects .studio-case-link:hover .studio-case-image{transform:scale(1.035)}}
@media(max-width:1100px){.obtino-audit-projects .studio-case-link{height:60vw;min-height:570px}.obtino-audit-projects .studio-case-top{padding:20px;gap:12px}.obtino-audit-projects .case-pills>span{font-size:11px;padding:7px 9px}.obtino-audit-projects .studio-case-bottom{gap:20px;padding-inline:23px}.obtino-audit-projects .studio-case-story p{font-size:17px}.obtino-audit-projects .studio-case-result strong{font-size:64px}}
@media(max-width:1000px){.obtino-audit-projects .studio-case-grid{gap:16px}.obtino-audit-projects .studio-case:nth-child(n){grid-column:span 6}.obtino-audit-projects .studio-case-link{min-height:580px;height:75vw}.obtino-audit-projects .studio-case-top{flex-direction:column-reverse;padding:22px;gap:20px}.obtino-audit-projects .studio-case-top h3{max-width:80%}.obtino-audit-projects .studio-case-top h3 img{max-height:38px;width:145px;object-position:left}.obtino-audit-projects .case-pills{max-width:100%;gap:6px}.obtino-audit-projects .studio-case-bottom{grid-template-columns:1fr;gap:23px;padding:100px 23px 26px}.obtino-audit-projects .studio-case-result{gap:8px}.obtino-audit-projects .studio-case-story{max-width:none}.obtino-audit-projects .studio-case-story p{margin-bottom:14px}}
@media(max-width:560px){.obtino-audit-projects .audit-projects-heading{align-items:start;flex-direction:column;gap:16px;margin-bottom:29px}.obtino-audit-projects .audit-projects-heading h2{font-size:38px}.obtino-audit-projects .audit-projects-all{font-size:14px;gap:40px}.obtino-audit-projects .studio-case-grid{grid-template-columns:1fr;gap:15px}.obtino-audit-projects .studio-case:nth-child(n){grid-column:auto}.obtino-audit-projects .studio-case-link{height:auto;aspect-ratio:3/4.6;min-height:510px;max-height:none;border-radius:17px}.obtino-audit-projects .studio-case-top{flex-direction:row;gap:15px;padding:20px}.obtino-audit-projects .studio-case-top h3{max-width:37%}.obtino-audit-projects .studio-case-top h3 img{width:135px;max-height:43px;object-position:right}.obtino-audit-projects .case-pills{max-width:60%}.obtino-audit-projects .case-pills>span{font-size:10px;padding:7px 9px}.obtino-audit-projects .studio-case-bottom{grid-template-columns:1fr 1.1fr;gap:20px;padding:100px 22px 26px}.obtino-audit-projects .studio-case-result strong{font-size:57px}.obtino-audit-projects .studio-case-result>span{font-size:12px}.obtino-audit-projects .studio-case-story p{font-size:16px;line-height:1.3}.obtino-audit-projects .studio-case-story>span{font-size:12px;gap:7px}.obtino-audit-projects .studio-case-bottom::before{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
@media(max-width:370px){.obtino-audit-projects .studio-case-bottom{grid-template-columns:1fr;gap:19px}.obtino-audit-projects .studio-case-link{min-height:570px}.obtino-audit-projects .studio-case-story p{max-width:24ch}}
@media(max-width:430px){.obtino-audit-projects .studio-case-bottom{grid-template-columns:1fr;gap:20px;padding-top:88px}.obtino-audit-projects .studio-case-story p{max-width:27ch;margin-bottom:9px}.obtino-audit-projects .studio-case-link{min-height:570px}}
@media(prefers-reduced-motion:reduce){.obtino-audit-projects .studio-case-image{transition:none}.obtino-audit-projects .studio-case-link:hover .studio-case-image{transform:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.obtino-audit-projects .case-pills>span{background:#151515;backdrop-filter:none}.obtino-audit-projects .studio-case-bottom::before{background:linear-gradient(transparent,#111 30%);backdrop-filter:none;-webkit-backdrop-filter:none}}
