.projects-page{background:var(--background);min-height:100vh}.projects-intro{padding-top:150px;padding-bottom:85px}.projects-intro h1{letter-spacing:-.075em;margin:28px 0;font-size:clamp(52px,8vw,112px);font-weight:500;line-height:.98}.projects-intro h1 em,.directory-copy h2 em{color:var(--gold);font-style:normal}.projects-intro>p:last-child{max-width:520px;color:var(--dim);font-size:18px;line-height:1.8}.projects-directory{gap:26px;padding-bottom:120px;display:grid}.directory-card{background:linear-gradient(110deg,#111413,#121714);border:1px solid #d7b47724;grid-template-columns:1.05fr .95fr;min-height:470px;display:grid;overflow:hidden}.directory-visual{isolation:isolate;background:#121715;min-height:470px;display:block;position:relative;overflow:hidden}.directory-visual:after{display:none}.directory-visual>img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.directory-visual:hover>img{transform:scale(1.045)}.directory-visual>.directory-index{z-index:5;color:#f0d69e;font:11px var(--font-mono);letter-spacing:.12em;position:absolute;top:25px;left:28px}.directory-visual>.directory-arrow{z-index:5;color:#f4f2eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11171399;border:1px solid #fff5;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .35s,background .35s;display:grid;position:absolute;bottom:25px;right:25px}.directory-visual:hover>.directory-arrow{color:#11130f;background:#d7b477;transform:translate(4px,-4px)}.directory-product-stage,.directory-sitemburda-stage{border:0;width:100%;height:100%;min-height:470px}.directory-product-stage .product-stage-title,.directory-sitemburda-stage .product-stage-title{inset:25px 25px auto 95px}.directory-product-stage .phone-shell{width:205px;top:62px;left:42%}.directory-card:hover .directory-product-stage .phone-shell{transform:rotate(-4deg)rotateY(-4deg)translateY(-9px)}.directory-product-stage .kitchen-card{width:220px;padding:19px 17px;top:36%;left:5%}.directory-product-stage .payment-card{width:238px;padding:16px;bottom:12%;right:4%}.directory-sitemburda-stage .sb-preview-window{width:min(70%,500px)}.directory-sitemburda-stage .sb-float-card{bottom:10%;right:4%}.directory-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:48px;display:flex}.directory-logo{align-items:center;width:160px;height:66px;margin:20px 0 14px;display:flex}.directory-logo img{object-fit:contain;object-position:left center;width:100%;height:100%}.directory-copy h2{letter-spacing:-.055em;margin:8px 0 14px;font-size:clamp(25px,3vw,40px);font-weight:500;line-height:1.18}.directory-copy>p{color:var(--dim);max-width:440px;font-size:15px;line-height:1.85}.directory-copy>.text-link{color:var(--gold);border-bottom:1px solid #d7b47755;align-items:center;gap:12px;margin-top:20px;padding-bottom:10px;display:flex}@media (max-width:760px){.projects-intro{padding-top:112px;padding-bottom:52px}.projects-intro>p:last-child{font-size:15px}.projects-directory{gap:16px;padding-bottom:75px}.directory-card{grid-template-columns:1fr}.directory-visual{aspect-ratio:auto;min-height:430px}.directory-product-stage,.directory-sitemburda-stage{min-height:430px}.directory-product-stage .product-stage-title,.directory-sitemburda-stage .product-stage-title{inset:20px 18px auto 78px}.directory-product-stage .phone-shell{width:190px;top:60px;left:36%}.directory-product-stage .kitchen-card{width:190px;top:40%;left:3%}.directory-product-stage .payment-card{width:205px;bottom:8%;right:3%}.directory-sitemburda-stage .sb-preview-window{width:76%}.directory-sitemburda-stage .sb-float-card{bottom:5%;right:2%}.directory-copy{padding:28px 24px 34px}.directory-logo{width:138px;height:50px;margin:12px 0}.directory-copy h2{font-size:32px}}@media (max-width:430px){.directory-visual,.directory-product-stage,.directory-sitemburda-stage{min-height:390px}.directory-product-stage .phone-shell{width:170px;top:54px;left:37%}.directory-product-stage .kitchen-card{width:165px;padding:14px;top:42%;left:2%}.directory-product-stage .payment-card{width:185px;padding:12px;bottom:6%;right:2%}.directory-product-stage .product-note{display:none}.directory-sitemburda-stage .sb-preview-window{width:82%}.directory-visual>.directory-arrow{width:42px;height:42px;bottom:16px;right:16px}.directory-visual>.directory-index{top:20px;left:18px}}@media (prefers-reduced-motion:reduce){.directory-visual>img{transition:none}}
