@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;1,500&family=Poppins:wght@400;500;600&display=swap');
:root{--night:#1A0030;--violet:#7B2FF7;--pink:#FC24C0;--button:#AD087F;--ink:#4A3A5C;--lilac:#F7EDFF;--rose:#FDEBF7;--line:#e7dfea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:white;font:15px/1.7 Poppins,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.65}button,a{touch-action:manipulation}:focus-visible{outline:3px solid #7B2FF7;outline-offset:5px}.hero :focus-visible,.contact :focus-visible,header :focus-visible{outline-color:#FC24C0}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}header{position:sticky;top:0;z-index:5;background:var(--night);color:white;border-bottom:1px solid #ffffff24}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font:500 25px/1.2 'Playfair Display',Georgia,serif;white-space:nowrap}.brand span{display:block;margin-top:9px;font:10px/1.4 Poppins,Arial,sans-serif;letter-spacing:2px}nav{display:flex;gap:26px;align-items:center;font-size:12px}nav>a:not(.button):hover{color:#ff8cde}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;background:var(--button);color:white;font-size:13px;font-weight:500;border:1px solid transparent;border-radius:4px;transition:background .2s,transform .2s}.button:hover{background:#90056a;transform:translateY(-2px)}.small{padding:11px 17px}.hero{color:white;background:var(--night);padding:72px 0 85px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;font-weight:600;margin:0 0 20px}.hero .eyebrow,.contact .eyebrow{color:#f2a7de}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-1.5px;line-height:1.13;margin:0}h1{font-size:clamp(38px,4.2vw,61px);max-width:640px}em{font-weight:500;color:var(--button)}.hero em,.contact em{color:#ff81d8}h2{font-size:clamp(32px,3.4vw,46px)}h3{color:var(--night);line-height:1.4;font-size:19px;font-weight:500;margin:0}.intro{color:#e0d3e9;font-size:14px;max-width:540px;margin:25px 0 30px}.hero-actions{display:flex;gap:26px;align-items:center}.text-link{font-size:12px;border-bottom:1px solid #b993c5;padding:10px 0}.hero-note{font-size:10px;color:#d5bedf;margin-top:33px;letter-spacing:.5px}.hero-note span{margin:0 8px}.hero-showcase{position:relative;padding:35px 0 75px 12px;min-width:0}.showcase-label{font-size:8px;letter-spacing:2px;color:#c6acd5;margin-bottom:20px}.browser{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:white;box-shadow:0 8px 22px #2a064b09}.browser-bar{height:29px;background:#faf8fc;display:flex;align-items:center;gap:25px;padding:0 12px;font-size:8px;color:#716879;border-bottom:1px solid var(--line)}.browser-bar span:first-child{letter-spacing:3px;color:#b4a8be}.capture{aspect-ratio:1.55;overflow:hidden;position:relative;background:#f7f3f9}.capture img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}.pending{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center;font:500 23px/1.4 'Playfair Display',Georgia,serif;color:#65516f}.pending small{font:10px/1.5 Poppins,Arial,sans-serif;margin-top:12px;color:#76657e}.hero-frame{box-shadow:0 30px 60px #0004;transform:rotate(-3deg);width:90%}.hero-frame.secondary{width:55%;margin:-50px 0 0 auto;position:relative;transform:rotate(4deg)}.secondary .capture{aspect-ratio:1.7}.secondary .pending{font-size:20px}.secondary small{font-size:8px}.showcase-foot{font:italic 17px/1.5 'Playfair Display',Georgia,serif;color:#d6bce5;position:absolute;left:10px;bottom:0}.section{padding:88px 0}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:65px;margin-bottom:32px}.section-heading>p,.section-intro{font-size:13px;max-width:570px}.gallery .eyebrow,.specialties .eyebrow{color:#8a2571}.asset-notice{padding:12px 16px;background:var(--lilac);border-left:3px solid #a96cbc;font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.filters button{background:white;border:1px solid #d8cadd;border-radius:3px;padding:9px 17px;font-size:12px;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--night);color:white;border-color:var(--night)}.count{font-size:11px;margin:22px 0;color:#776582}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.project{display:flex;flex-direction:column;min-width:0;border-bottom:1px solid var(--line);transition:transform .25s}.project:hover{transform:translateY(-4px)}.project:hover img{transform:scale(1.025)}.project-body{padding:22px 0;display:flex;flex-direction:column;flex:1}.project .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:8px}.market{font-size:10px;margin:6px 0 0;color:#796784}.description{font-size:12px;margin:13px 0 22px}.actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.actions a{color:#8b096b;font-weight:600}.actions button{background:transparent;border:1px solid #c7b9cf;border-radius:3px;color:#4A3A5C;padding:8px 10px;font-size:10px}.specialties{background:var(--lilac)}.section-intro{margin:22px 0 38px}.specialty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.specialty-grid article{border-top:1px solid #d9c7e4;padding-top:20px}.number{display:block;font-size:11px;color:#8b096b;margin-bottom:20px}.specialty-grid h3{font-size:16px}.specialty-grid p{font-size:12px}.contact{background:var(--night);color:white;text-align:center}.contact p:not(.eyebrow){max-width:570px;margin:24px auto 30px;font-size:14px;color:#e0d3e9}.contact h2{font-size:clamp(39px,5vw,65px)}footer{padding:35px 0 85px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-inner .brand{font-size:22px}.footer-inner .brand span{letter-spacing:.4px}.footer-inner>div:nth-child(2){display:flex;gap:20px;font-size:12px}footer p{font-size:10px}.floating-contact{position:fixed;right:20px;bottom:18px;background:white;border:1px solid #dbcddd;box-shadow:0 4px 24px #1a003022;padding:11px 17px;border-radius:4px;font-size:11px;color:var(--night);z-index:4}dialog{border:0;padding:0;border-radius:6px;width:min(1100px,94vw);max-height:92dvh;background:white;color:var(--ink)}dialog::backdrop{background:#12001cde}.modal-header{padding:16px 20px;display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.modal-header h2{font-size:23px;margin-right:auto;letter-spacing:-.5px}.modal-header a,.close-modal{font-size:12px}.close-modal{padding:8px 12px;border:1px solid #c7b9cf;background:white;border-radius:3px;color:var(--ink)}.modal-scroll{overflow:auto;max-height:calc(92dvh - 85px);overscroll-behavior:contain}.modal-scroll img{display:block;width:100%;height:auto}.modal-status{font-size:12px;text-align:center}.modal-status:empty{display:none}body.modal-open{overflow:hidden}[hidden]{display:none!important}@media(min-width:1440px){.hero{padding:90px 0 100px}}@media(max-width:1050px){nav{gap:15px}.hero-grid{gap:30px}.specialty-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-actions{gap:15px}.hero-actions .button{padding:12px 16px}.hero-showcase{padding-left:0}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:78px}.brand{font-size:23px}.menu-toggle{display:block;background:transparent;color:white;border:1px solid #9d82b0;border-radius:3px;padding:8px 12px;font-size:12px}nav{position:absolute;top:78px;left:0;right:0;background:var(--night);padding:22px;flex-direction:column;align-items:stretch;border-top:1px solid #ffffff20}nav a{padding:8px}.hero{padding:48px 0}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{max-width:550px}.hero-showcase{max-width:470px;width:100%;margin:auto;padding:0 0 15px}.showcase-label,.hero-frame.secondary,.showcase-foot{display:none}.hero-frame{transform:none;width:100%}.hero-frame .capture{aspect-ratio:2.2}.hero-note{margin-bottom:5px}.hero .eyebrow{font-size:8px}.section{padding:57px 0}.section-heading{grid-template-columns:1fr;gap:10px;margin-bottom:25px}.projects-grid{gap:30px 20px}.footer-inner{flex-wrap:wrap}.modal-header{flex-wrap:wrap;gap:12px}.modal-header h2{flex:1 1 100%;font-size:21px}.modal-scroll{max-height:calc(92dvh - 130px)}}@media(max-width:520px){.projects-grid{grid-template-columns:1fr}.specialty-grid{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.filters{gap:7px}.filters button{padding:9px 11px;font-size:10px}.hero-note{font-size:9px}.hero-note span{margin:0 4px}h1{font-size:39px}.footer-inner{display:block}.footer-inner>div:nth-child(2){margin:25px 0}.project .capture{aspect-ratio:1.5}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}