@font-face{font-family:Perla Barlow;src:url(/fonts/barlow-regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Perla Barlow;src:url(/fonts/barlow-semibold.ttf) format("truetype");font-weight:600;font-display:swap}.perla-case{background:#10110f;color:#efe7d8}.perla-case h1,.perla-case h2{font-family:var(--font-sans),sans-serif;font-weight:500;text-wrap:balance}.perla-case h1{font-size:var(--type-display);line-height:1.04;letter-spacing:-.04em}.perla-case h2{font-size:var(--type-section);line-height:1.1;letter-spacing:var(--type-heading-tracking)}.perla-case p.text-base{font-size:var(--type-body);line-height:1.7;color:#efe7d8b8}.perla-case p.text-sm{font-size:.9375rem;line-height:1.65;color:#efe7d8b8}.perla-case .ds-eyebrow{font-size:var(--type-small);font-weight:500;line-height:1.5;letter-spacing:var(--type-label-tracking);color:#c8a96a}.perla-case>section.py-20{padding-block:80px}.perla-case .zd-back .cta-arrow{transform:rotate(180deg)}.perla-case .ds-card,.perla-case .perla-application,.perla-case .zd-next-case,.perla-case>section:nth-child(2)>div>div{border-radius:3px;border-color:#efe7d81a;background:#efe7d803;box-shadow:none}.perla-case .zd-next-case{padding:32px}.perla-case .ds-card:after,.perla-case .ds-card:before{content:none}.perla-case .zd-next-case:hover .cta-secondary{color:#c8a96a;border-color:#c8a96a}.perla-case .zd-next-case:focus-visible{outline:2px solid #c8a96a;outline-offset:5px}.perla-case .perla-foundation [class*=rounded-]{border-radius:3px}.perla-case .perla-foundation h3{font-family:var(--font-sans),sans-serif;font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.015em}.perla-case .perla-type-sample{font-family:Perla Barlow,sans-serif}.perla-case [data-perla-logo-compare]>.relative.overflow-hidden{border-radius:3px}.perla-case [data-perla-logo-compare] p.uppercase{color:#c8a96a}.perla-case>section.border-b{border-bottom-color:transparent}.perla-case .ds-card,.perla-case .perla-application{border-color:transparent;background:transparent}.perla-case .perla-foundation{gap:32px}.perla-case .perla-foundation .ds-card{padding-inline:0}.perla-case .perla-foundation div.border{border-color:transparent}.perla-case .perla-foundation div.border:has(>span){background:transparent;padding-inline:0}.perla-case .perla-foundation span.border{border-color:transparent}.perla-case [data-perla-logo-compare]{padding:0}.perla-case [data-perla-logo-compare]>.absolute{display:none}.perla-case [data-perla-logo-compare]>.relative.mt-5>div,.perla-case [data-perla-logo-compare]>.relative.overflow-hidden{border-color:transparent}.perla-case .perla-application>div:last-child{border-color:transparent;background:transparent;padding-inline:0;padding-top:22px}.perla-video-figure{max-width:1040px;margin-inline:auto}.perla-browser{position:relative;padding:0 7px 7px;overflow:hidden;border:1px solid #efe7d84d;border-radius:6px;background:#30312e;box-shadow:0 28px 60px #0005,inset 0 0 0 1px #ffffff0a}.perla-display-bar{height:38px;display:grid;grid-template-columns:1fr 54% 1fr;align-items:center;padding-inline:8px;color:#efe7d873;font-size:10px;letter-spacing:.04em}.perla-display-bar>span:nth-child(2){text-align:center;padding-block:2px;border:1px solid #efe7d814;border-radius:3px;background:#10110f55}.perla-display-dots{display:flex;gap:5px}.perla-display-dots i{width:4px;height:4px;border-radius:50%;background:#efe7d840}.perla-display-viewport{overflow:hidden;aspect-ratio:auto;border-radius:2px;background:#f7f7f7}.perla-video{display:block;width:100%;max-width:100%;height:auto;margin:0;-o-object-fit:contain;object-fit:contain;background:#f7f7f7}.perla-video-figure figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:#efe7d880;font-size:12px;line-height:1.6}.perla-video-figure figcaption>:first-child{color:#c8a96a}.perla-browser:focus-visible,.perla-mobile-sticky:focus-visible{outline:2px solid #c8a96a;outline-offset:-3px}.perla-mobile-story{width:100vw;max-width:none;margin-left:calc(50% - 50vw);background:#f4f3f1;color:#141511;padding:80px max(32px,calc((100vw - 1280px) / 2))}.perla-mobile-sticky{position:relative}.perla-mobile-steps{display:none}.perla-mobile-stage{display:grid;grid-template-columns:1fr 1fr;gap:72px 48px;align-items:center}.perla-mobile-copy-field,.perla-phone-field,.perla-phone-row,.perla-phone-stack{display:contents}.perla-mobile-copy{grid-column:1;grid-row:calc(var(--moment) + 1);max-width:480px}.perla-mobile-index{display:block;margin-block:24px;color:#94762e;font-size:12px;letter-spacing:.08em;font-variant-numeric:tabular-nums}.perla-mobile-index>span{color:#77776f;margin-left:8px}.perla-mobile-copy h2{max-width:9em}.perla-mobile-copy>p{max-width:30em;margin-top:24px;color:#363830;font-size:var(--type-body);line-height:1.7}.perla-phone{grid-column:2;grid-row:calc(var(--moment) + 1);justify-self:center;width:min(100%,240px);aspect-ratio:9/20;overflow:hidden;border:1px solid #dcd9d2;border-radius:26px;background:#f7f7f7;transform:rotate(15deg);box-shadow:0 28px 64px #28251d26,0 8px 20px #28251d14}.perla-phone img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.perla-phone[data-video=true]{aspect-ratio:auto;height:auto;align-self:center}.perla-phone video{display:block;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.perla-phone-prelude,.perla-phone-support{display:none}@media (min-width:1024px) and (min-height:700px) and (prefers-reduced-motion:no-preference){.perla-mobile-story{height:calc(100svh + max(600svh, 5200px));padding:0;--rail-slope:.2679491924;--phone-width:clamp(220px,17vw,270px);--phone-height:calc(var(--phone-width) * 20 / 9);--phone-gap:64px;--rail-step:calc(var(--phone-height) + var(--phone-gap))}.perla-mobile-sticky{position:sticky;top:0;height:100svh;overflow:clip}.perla-mobile-stage{position:relative;height:100%;display:block}.perla-mobile-copy-field{display:block;position:absolute;left:5.55%;top:39%;width:39%;max-width:600px}.perla-mobile-copy{position:absolute;inset:0 0 auto;max-width:none;transition:opacity .18s ease}.perla-mobile-copy .perla-mobile-index{display:none}.perla-mobile-copy[data-focused=false]{opacity:0;visibility:hidden}.perla-mobile-steps{display:flex;position:absolute;left:5.55%;bottom:11%;gap:22px;font-size:14px;color:#b4a47a;font-variant-numeric:tabular-nums}.perla-mobile-steps [aria-current=step]{color:#94762e;font-weight:600}.perla-phone-field{display:block;position:absolute;left:57%;right:0;inset-block:0;pointer-events:none}.perla-phone-stack{display:grid;gap:var(--phone-gap);position:absolute;top:calc(49% - var(--phone-height) / 2);left:17%;width:var(--phone-width)}.perla-phone-row{position:relative;display:block;height:var(--phone-height);left:calc(var(--moment) * var(--rail-step) * var(--rail-slope) * -1)}.perla-phone{display:block;width:var(--phone-width);transition:opacity .2s ease}.perla-phone[data-focused=false]{opacity:.65}.perla-phone-prelude,.perla-phone-support{display:block;position:absolute;width:var(--phone-width);height:var(--phone-height);border:1px solid #e5e2dc;border-radius:26px;background-size:cover;background-position:top;transform:rotate(15deg);opacity:.58;box-shadow:0 28px 64px #28251d26,0 8px 20px #28251d14}.perla-phone-support{left:calc(100% + 108px + var(--phone-height) * .47 * var(--rail-slope));top:calc(var(--phone-height) * -.47)}.perla-phone-stack:after{content:"";position:absolute;top:calc(100% + var(--phone-gap));left:calc(-4 * var(--rail-step) * var(--rail-slope));width:var(--phone-width);height:var(--phone-height);border-radius:26px;background:#fff url(/projects/perla-optics/perla-story-lenses.png) top/cover;transform:rotate(15deg);opacity:.58;box-shadow:0 28px 64px #28251d26,0 8px 20px #28251d14}.perla-phone-prelude{left:calc(var(--rail-step) * var(--rail-slope));top:calc(-1 * (var(--phone-height) + var(--phone-gap)))}}@media (max-width:767px){.perla-mobile-story{padding:56px 20px 90px}.perla-mobile-stage{grid-template-columns:1fr;gap:50px}.perla-mobile-copy{grid-column:1;grid-row:calc(var(--moment) * 2 + 1)}.perla-mobile-copy:not(:first-child){margin-top:36px}.perla-phone{grid-column:1;grid-row:calc(var(--moment) * 2 + 2);width:min(66%,230px)}.perla-mobile-index{margin-bottom:16px}.perla-mobile-copy>p{margin-top:18px}.perla-case>section.py-20{padding-block:56px}.perla-case .zd-next-case{padding:24px}.perla-browser{border-radius:3px;box-shadow:none}.perla-video-figure figcaption{display:grid;gap:4px;margin-top:14px;font-size:11px}}