@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f4f3f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;scroll-behavior:smooth;background:#0b0b0c;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#0b0b0c;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #b6a0ff}.site-shell{background:#0b0b0c;width:100%;overflow:clip}.navbar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:86px;padding:0 7%;display:flex}.brand{letter-spacing:.05em;align-items:center;gap:11px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;display:inline-flex}.brand-mark{color:#15121d;background:#c4b5fd;border-radius:11px;place-items:center;width:35px;height:35px;font-size:18px;display:grid}.brand-dot{color:#b7a4ff}.nav-links{color:#a5a3ad;gap:35px;font-size:12px;display:flex}.nav-links a,.nav-cta,.footer a{transition:color .25s}.nav-links a:hover,.footer a:hover{color:#c4b5fd}.nav-cta{border:1px solid #37343f;border-radius:50px;align-items:center;gap:8px;padding:12px 17px;font-size:12px;display:inline-flex}.nav-cta:hover{color:#17131f;background:#c4b5fd;border-color:#c4b5fd}.intro{flex-direction:column;justify-content:center;min-height:680px;padding:130px 12% 75px;display:flex;position:relative;overflow:hidden}.intro-glow{pointer-events:none;filter:blur(20px);background:radial-gradient(circle,#7d5be624,#0000 68%);width:520px;height:520px;position:absolute;top:20px;right:-120px}.intro-content{z-index:1;max-width:850px;position:relative}.availability{letter-spacing:.14em;color:#aaa7b5;align-items:center;gap:10px;font-size:9px;display:inline-flex}.availability-dot{background:#a3e5bd;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 13px #a3e5bd80}.intro h1,.section-heading h2,.closing h2{letter-spacing:-.075em;font-family:Space Grotesk,sans-serif;font-weight:500}.intro h1{margin:28px 0 24px;font-size:clamp(55px,8.5vw,112px);line-height:.99}.intro h1 span,.section-heading h2 span,.closing h2 span{color:#a995ff}.intro-description{color:#aaa8b1;max-width:490px;font-size:15px;line-height:1.9}.intro-link{border-bottom:1px solid #7c6ba8;align-items:center;gap:12px;margin-top:26px;padding-bottom:8px;font-size:12px;transition:gap .25s,color .25s;display:inline-flex}.intro-link:hover{color:#c7baff;gap:20px}.intro-meta{color:#64616c;letter-spacing:.14em;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:35px;left:12%;right:12%}.projects-section{background:#101012;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;padding:105px 0 65px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;padding:0 7% 55px;display:flex}.eyebrow{color:#a995ff;letter-spacing:.2em;font-size:9px;font-weight:600;display:block}.section-heading h2{margin:18px 0 0;font-size:clamp(44px,6vw,72px);line-height:1}.section-heading>p{color:#85838e;margin:0 0 5px;font-size:12px;line-height:1.9}.projects-viewport{width:100%;position:relative;overflow:hidden}@media (width>=900px){.projects-viewport{height:620px}.projects-track{align-items:flex-start;height:100%}.project-card{height:100%}}@media (width<=899px){.projects-viewport{height:auto;overflow:visible}}.projects-track{align-items:flex-start;gap:28px;width:max-content;padding:0 7%;display:flex}.project-card{flex:0 0 min(70vw,830px);min-width:0}.project-preview{isolation:isolate;background:#23212b;border-radius:7px;width:100%;height:clamp(310px,43vw,510px);position:relative;overflow:hidden}.project-image{object-fit:cover;will-change:transform;width:104%;height:104%;transition:filter .5s;position:absolute;inset:-2%}.project-card:hover .project-image{filter:saturate(1.08)}.preview-shade{z-index:1;pointer-events:none;background:linear-gradient(#00000061 0%,#0000 30% 53%,#000000ab 100%);position:absolute;inset:0}.preview-top,.preview-bottom{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:25px;right:25px}.preview-top{top:25px}.preview-brand{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600}.preview-number,.preview-category{letter-spacing:.15em;font-size:9px}.preview-bottom{bottom:25px}.preview-indicator{border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:42px;height:42px;transition:color .3s,background .3s,transform .3s;display:grid}.project-card:hover .preview-indicator{color:#17131f;background:#f4f0ff;transform:rotate(45deg)}.preview-link{z-index:3;position:absolute;inset:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.project-details{justify-content:space-between;align-items:flex-start;gap:22px;padding:25px 2px 0;display:flex}.project-copy{max-width:550px}.project-copy .eyebrow{color:#888394;font-size:8px}.project-copy h3{letter-spacing:-.045em;margin:12px 0 10px;font-family:Space Grotesk,sans-serif;font-size:clamp(20px,2.2vw,30px);font-weight:500;line-height:1.25}.project-copy p{color:#8e8b97;max-width:510px;margin:0;font-size:12px;line-height:1.9}.project-tags{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.project-tags span{color:#a5a1af;border:1px solid #29272f;border-radius:30px;padding:7px 10px;font-size:9px}.project-open{border:1px solid #3a3743;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:color .3s,background .3s,transform .3s;display:grid}.project-open:hover{color:#17131f;background:#c4b5fd;transform:rotate(45deg)}.gallery-footer{color:#706d78;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:20px;padding:55px 7% 0;font-size:9px;display:flex}.scroll-hint{align-items:center;gap:12px;display:inline-flex}.hint-line{background:#a995ff;width:45px;height:1px}.closing{text-align:center;padding:130px 7%}.closing h2{margin:22px 0;font-size:clamp(50px,8vw,94px);line-height:1}.closing>p{color:#92909a;font-size:13px}.closing-cta{color:#15121d;background:#c4b5fd;border-radius:50px;align-items:center;gap:13px;margin-top:25px;padding:15px 23px;font-size:12px;font-weight:600;transition:gap .3s,background .3s;display:inline-flex}.closing-cta:hover{background:#ddd6fe;gap:22px}.footer{border-top:1px solid #242328;justify-content:space-between;align-items:center;gap:20px;min-height:95px;padding:25px 7%;display:flex}.footer>span,.footer>a:last-child{color:#77737f;letter-spacing:.1em;font-size:9px}@media (width<=899px){.navbar{height:75px;padding:0 6%}.nav-links{gap:17px}.intro{min-height:610px;padding:100px 8% 95px}.intro-meta{left:8%;right:8%}.projects-section{padding-top:80px}.section-heading{padding:0 6% 35px}.projects-track{flex-direction:column;gap:60px;width:100%;padding:0 6%}.project-card{flex:none;width:100%}.project-preview{height:clamp(280px,55vw,470px)}.gallery-footer{padding:45px 6% 0}}@media (width<=560px){.navbar{height:70px}.brand{gap:7px;font-size:12px}.brand-mark{width:31px;height:31px}.nav-links{display:none}.nav-cta{padding:10px 13px;font-size:11px}.intro{min-height:590px;padding:100px 7% 105px}.availability{letter-spacing:.08em;font-size:8px}.intro h1{font-size:clamp(51px,13vw,68px)}.intro-description{font-size:13px}.intro-meta{letter-spacing:.07em;font-size:7px;left:7%;right:7%}.section-heading{flex-direction:column;align-items:flex-start;gap:18px;padding:0 7% 30px}.section-heading h2{font-size:48px}.projects-track{gap:46px;padding:0 7%}.project-preview{border-radius:5px;height:300px}.preview-top,.preview-bottom{left:15px;right:15px}.preview-top{top:16px}.preview-bottom{bottom:16px}.preview-brand{font-size:17px}.preview-number,.preview-category{font-size:8px}.project-details{gap:12px;padding-top:20px}.project-copy h3{font-size:23px}.project-copy p{font-size:12px}.project-open{width:37px;height:37px}.gallery-footer{flex-direction:column;align-items:flex-start;padding:38px 7% 0;font-size:8px}.closing{padding:95px 6%}.footer{flex-wrap:wrap;padding:25px 6%}.footer>span{order:3;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}