.brand-logo{display:block;width:184px;height:auto;max-width:100%}.nav{gap:22px}.nav nav{gap:25px}.services-toggle{font-size:14px;color:#c8c1d3;border:0;background:transparent;padding:10px 0;display:flex;gap:9px;align-items:center}.services-toggle:hover,.services-toggle[aria-expanded=true]{color:var(--accent)}.chevron{display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .2s}.services-toggle[aria-expanded=true] .chevron{transform:rotate(225deg);margin-top:3px}.nav-services{position:relative}.services-dropdown{position:absolute;top:calc(100% + 12px);left:-30px;width:360px;padding:16px;background:#211b2c;border:1px solid #4b3b62;border-radius:14px;box-shadow:0 24px 60px #0008;max-height:75vh;overflow:auto}.services-dropdown[hidden]{display:none}.services-dropdown p{font-size:12px;letter-spacing:.8px;color:#bba3ff;margin:5px 11px 13px;text-transform:uppercase}.services-dropdown a{display:block;padding:10px 12px;border-radius:7px}.services-dropdown a:hover,.services-dropdown a:focus-visible{background:#332642}.services-dropdown b{font-weight:500;color:#f6f4fb;font-size:14px;display:block}.services-dropdown a span{display:block;font-size:12px;color:#b4a9c2;line-height:1.6}.services-dropdown .all-services{font-size:13px;color:var(--accent);border-top:1px solid #463650;margin-top:8px;padding-top:13px;border-radius:0}.hero-art img{opacity:.95}.portfolio{border-top:1px solid var(--line);background:#18141f}.portfolio .section-top h2{font-size:clamp(32px,3.5vw,48px)}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 25px}.project{min-width:0}.project-featured{grid-column:span 2}.project-image{position:relative;overflow:hidden;border-radius:16px;background:#282231;aspect-ratio:1.5;border:1px solid #3a3047}.project-featured .project-image{aspect-ratio:2.1}.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover .project-image img{transform:scale(1.025)}.concept-badge{position:absolute;top:18px;left:18px;background:#211a2ded;border:1px solid #ffffff30;border-radius:30px;padding:6px 12px;color:#fff;font-size:12px;backdrop-filter:blur(10px)}.project-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:22px 0 12px}.project-category{font-size:11px;letter-spacing:1.2px;color:#bba3ff}.project-caption h3{font-size:24px;letter-spacing:-.5px;font-weight:500;margin:7px 0 0}.project-index{font-size:13px;color:#9e8eac}.project-details{border-top:1px solid #3a3047;padding:12px 0}.project-details summary{font-size:14px;color:#b8afc4;cursor:pointer;list-style:none;padding:5px 24px 5px 0;position:relative}.project-details summary::-webkit-details-marker{display:none}.project-details summary:after{content:'+';position:absolute;right:0;color:var(--accent);font-size:20px;top:0}.project-details[open] summary:after{content:'−'}.project-details p{font-size:14px;color:#b8afc4;max-width:720px}.project-enquire{display:inline-block;color:var(--accent);font-size:14px;margin-top:18px;border-bottom:1px solid #735992;padding-bottom:3px}.portfolio-end{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:35px;padding-top:30px;border-top:1px solid var(--line)}.portfolio-end p{font-size:15px;color:#b8afc4}.service{scroll-margin-top:120px}.contact-box{background:#d4c1f4}.contact .eyebrow{color:#493064}.contact .button{color:#fff}.contact input,.contact textarea,.contact select{background:#ede3fc}.footer-word{letter-spacing:-.07em}.footer-top .brand-logo{width:210px}
@media(max-width:1100px){.nav-cta{display:none!important}.nav nav{gap:24px}.brand-logo{width:170px}}@media(max-width:760px){.nav nav{gap:12px;max-height:calc(100dvh - 74px);overflow:auto;align-items:stretch}.nav nav>a{padding:5px 0;font-size:16px}.services-toggle{font-size:16px;width:100%;justify-content:space-between}.nav-services{width:100%}.services-dropdown{position:static;width:100%;margin:8px 0;max-height:none;box-shadow:none;padding:8px}.services-dropdown a{padding:9px 10px}.brand-logo{width:160px}.portfolio-grid{grid-template-columns:1fr;gap:30px}.project-featured{grid-column:auto}.project-featured .project-image,.project-image{aspect-ratio:1.4}.project-caption h3{font-size:22px}.portfolio-end{flex-direction:column;align-items:start;gap:10px}.concept-badge{top:12px;left:12px;font-size:11px}.portfolio .section-top h2{font-size:35px}.project-category{font-size:11px}}