.project-page{background:var(--body-bg-color);color:var(--first-color)}.project-hero{background:radial-gradient(circle at 10% 10%, #ffffff26, transparent 30%), radial-gradient(circle at 80% 0, #ff7a4e2e, transparent 32%), var(--body-bg-color);padding:120px 0 40px}.dark-theme .project-hero{background:radial-gradient(circle at 10% 10%, #1653e138, transparent 32%), radial-gradient(circle at 80% 0, #ff7a4e29, transparent 34%), var(--body-bg-color)}.project-hero__container{max-width:1200px;margin:0 auto;padding:0 24px}.project-hero__content{gap:18px;max-width:900px;display:grid}.project-hero__eyebrow{width:fit-content;color:var(--first-color);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1653e11a;border:1px solid #1653e140;border-radius:999px;align-items:center;padding:8px 14px;font-size:.85rem;display:inline-flex}.dark-theme .project-hero__eyebrow{background:#ffffff1f;border-color:#ffffff3d}.project-hero__title{letter-spacing:.01em;color:var(--first-color);margin:0;font-size:clamp(2rem,3vw,2.8rem)}.project-hero__subtitle{color:var(--third-color);margin:0;font-size:1.05rem;line-height:1.7}.project-hero__meta{flex-wrap:wrap;gap:10px;display:flex}.project-hero__chip{background:var(--card-bg-color);border:1px solid var(--liner-color);color:var(--first-color);box-shadow:var(--box-shadow);border-radius:12px;align-items:center;padding:10px 14px;font-size:.95rem;display:inline-flex}.project-hero__actions{flex-wrap:wrap;gap:14px;display:flex}.project-hero__btn{text-transform:uppercase;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.project-hero__btn--primary{background:linear-gradient(171.6deg, var(--second-color) 11.462%, var(--hover-color) 97.358%);color:#fff;box-shadow:var(--box-shadow)}.project-hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000038}.project-hero__btn--ghost{color:var(--first-color);border:1px solid var(--liner-color);background:0 0}.project-hero__btn--ghost:hover{background:var(--bg-transparent-color);transform:translateY(-1px)}.project-hero__btn-wrap--disabled{cursor:not-allowed;display:inline-flex}.project-hero__btn-wrap--disabled .project-hero__btn{pointer-events:none}.project-hero__btn--disabled,.project-hero__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.project-hero__btn--ghost:disabled:hover,.project-hero__btn--disabled:hover{background:0 0;transform:none}.project-gallery{background:var(--card-bg-color);padding:40px 0 120px}.dark-theme .project-gallery{background:var(--body-bg-color)}.project-gallery__container{max-width:1200px;margin:0 auto;padding:0 24px}.project-gallery__layout{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:20px;display:grid}.project-gallery__main-img{box-shadow:var(--box-shadow);background:var(--card-bg-color);border:1px solid var(--liner-color);border-radius:16px;overflow:hidden}.project-gallery__main-img img{object-fit:cover;width:100%;height:100%;display:block}.project-gallery__thumbnails{align-self:stretch;gap:14px;width:100%;display:grid}.project-gallery__thumbs-row{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;align-items:stretch;gap:14px;width:100%;display:grid}.project-gallery__thumb{aspect-ratio:1;border:1px solid var(--liner-color);background:var(--card-bg-color);width:100%;box-shadow:var(--box-shadow);cursor:pointer;border-radius:12px;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}.project-gallery__thumb img{object-fit:cover;width:100%;height:100%;display:block}.project-gallery__thumb:hover{transform:translateY(-4px);box-shadow:0 14px 28px #00000029}.project-gallery__thumb--active{border-color:var(--second-color);box-shadow:0 12px 28px #1653e140}.dark-theme .project-gallery__thumb{background:var(--modal-bg-color);box-shadow:var(--box-shadow)}.dark-theme .project-gallery__thumb--active{border-color:var(--hover-color);box-shadow:0 12px 28px #1653e159}.project-page--not-found{padding:160px 24px}.gallery-modal{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-modal__overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;position:absolute;inset:0}.gallery-modal__content{--gallery-btn-offset:42px;z-index:2;border-radius:16px;grid-template-rows:auto auto;gap:14px;width:min(92vw,1100px);max-width:1100px;max-height:92vh;padding:24px 56px 18px;display:grid;position:relative}.gallery-modal__slide{justify-self:center;width:fit-content;max-width:100%;position:relative}.gallery-modal__slide img{object-fit:contain;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:calc(92vh - 160px);display:block}.gallery-modal__slide .modal-close{top:0;right:calc(-1 * var(--gallery-btn-offset))}.gallery-modal__nav{z-index:3;color:orange;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-top:-15px;padding:0;font-size:24px;transition:background-color .2s,color .2s;display:flex;position:absolute;top:50%}.gallery-modal__nav:hover{background:#c4b5a033}.gallery-modal__nav:focus-visible{outline-offset:2px;outline:2px solid orange}.dark-theme .gallery-modal__nav{color:#1653e1}.dark-theme .gallery-modal__nav:hover{background:#1653e12e}.dark-theme .gallery-modal__nav:focus-visible{outline-color:#1653e1}.gallery-modal__nav--prev{left:calc(-1 * var(--gallery-btn-offset))}.gallery-modal__nav--next{right:calc(-1 * var(--gallery-btn-offset))}.gallery-modal__thumbnails{flex-wrap:wrap;justify-content:center;gap:10px;max-height:140px;padding-top:6px;display:flex;overflow-y:auto}.gallery-modal__thumbnails .project-gallery__thumb{flex:none;width:70px;height:70px;min-height:70px}.gallery-modal__thumbnails .project-gallery__thumb--active{border-color:var(--second-color)}@media (max-width:1024px){.project-hero{padding:100px 0 40px}.project-gallery{padding:30px 0 90px}.project-gallery__layout{grid-template-columns:1fr}.project-gallery__thumbnails{grid-template-columns:1fr;grid-auto-rows:auto}.project-gallery__thumbs-row{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.project-hero{padding:90px 0 30px}.project-hero__title{font-size:clamp(1.8rem,4vw,2.4rem)}.project-gallery__thumbs-row{grid-template-columns:repeat(2,1fr)}.project-gallery__layout{gap:14px}.project-gallery__main-img img{height:auto;max-height:360px}}@media (max-width:540px){.project-hero__actions{flex-direction:column}.project-hero__btn{justify-content:center;width:100%}.project-gallery__thumbs-row{grid-template-columns:repeat(2,1fr);gap:10px}.project-gallery__thumbnails{gap:10px}.gallery-modal__content{border-radius:0;grid-template-rows:auto auto;align-content:center;gap:12px;width:100vw;max-width:none;height:100dvh;max-height:100dvh;padding:56px 12px 16px}.gallery-modal__slide img{max-height:calc(100dvh - 190px)}.gallery-modal__slide .modal-close{top:-42px;right:0}.gallery-modal__nav{background:#00000059}.gallery-modal__nav--prev{left:6px}.gallery-modal__nav--next{right:6px}.gallery-modal__thumbnails{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;max-height:none;padding-bottom:4px;overflow:auto hidden}.gallery-modal__thumbnails .project-gallery__thumb{width:60px;height:60px;min-height:60px}}
