.portfolio-project-detail,.portfolio-showcase{background:var(--white);color:var(--ink)}.portfolio-project-detail__header,.portfolio-showcase__header{border-bottom:1px solid var(--line);background:#f7f8fc}.portfolio-showcase__header{padding:38px 0 46px}.portfolio-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:var(--muted);font-size:12px}.portfolio-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease}.portfolio-breadcrumb a:hover{color:var(--navy)}.portfolio-breadcrumb strong{color:var(--navy);font-weight:600}.portfolio-showcase__heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;margin-top:22px}.portfolio-showcase__heading h1{color:var(--navy);font-size:46px;line-height:1.08}.portfolio-showcase__heading>div>p{max-width:650px;margin-top:14px;color:var(--muted);font-size:17px;line-height:1.65}.portfolio-showcase__count{display:grid;justify-items:end;padding-bottom:4px;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase}.portfolio-showcase__count strong{color:var(--navy);font-family:var(--sans);font-size:32px;font-weight:600;line-height:1}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.portfolio-filters button{display:inline-flex;min-height:44px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;background:var(--white);padding:0 16px;color:var(--muted);font-size:13px;transition:border-color .2s ease,background .2s ease,color .2s ease}.portfolio-filters button span{display:grid;min-width:20px;height:20px;place-items:center;border-radius:50%;background:var(--paper);color:var(--muted);font-size:11px}.portfolio-filters button:hover:not(:disabled){border-color:var(--navy);color:var(--navy)}.portfolio-filters button.is-active{border-color:var(--navy);background:var(--navy);color:var(--white)}.portfolio-filters button.is-active span{background:rgba(255,255,255,.16);color:var(--white)}.portfolio-card__body:focus-visible,.portfolio-filters button:focus-visible,.portfolio-project-detail__footer a:focus-visible,.portfolio-project-detail__photo-button:focus-visible{outline:3px solid var(--blue-accent);outline-offset:3px}.portfolio-filters button:disabled{cursor:not-allowed;opacity:.42}.portfolio-projects{padding-top:64px;padding-bottom:92px}.portfolio-projects__head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:64px;align-items:end;margin-bottom:36px}.portfolio-projects__head h2{max-width:700px;margin-top:10px;color:var(--navy);font-size:34px;line-height:1.12}.portfolio-projects__head>p{max-width:520px;color:var(--muted);line-height:1.7}.portfolio-projects__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.portfolio-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--white);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;content-visibility:auto;contain-intrinsic-size:auto 420px}.portfolio-card:hover{border-color:var(--line-strong);box-shadow:0 16px 36px rgba(34,45,94,.1);transform:translateY(-3px)}.portfolio-card__body{display:grid;min-height:132px;gap:8px;padding:18px;color:inherit;text-decoration:none}.portfolio-card__category{width:fit-content;border-radius:999px;background:var(--blue-soft);padding:6px 10px;color:var(--blue-accent);font-size:11px;font-weight:700;text-transform:uppercase}.portfolio-card__heading{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:14px}.portfolio-card__heading strong{overflow-wrap:anywhere;color:var(--navy);font-family:var(--sans);font-size:18px;font-weight:600;line-height:1.15}.portfolio-card__arrow{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--navy);transition:background .2s ease,color .2s ease}.portfolio-card:hover .portfolio-card__arrow{background:var(--navy);color:var(--white)}.portfolio-card__body small{color:var(--muted);font-size:12px;line-height:1.5}.portfolio-project-detail__header{padding:54px 0 48px}.portfolio-project-detail__heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:end;margin-top:38px}.portfolio-project-detail__heading h1{max-width:900px;margin-top:11px;color:var(--navy);font-size:46px;line-height:1.08}.portfolio-project-detail__heading>div>p{max-width:720px;margin-top:17px;color:var(--muted);line-height:1.7}.portfolio-project-detail__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.portfolio-project-detail__tags span{border:1px solid var(--line);border-radius:999px;background:var(--white);padding:7px 11px;color:var(--muted);font-size:11px}.portfolio-project-detail__photo-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--navy);border-radius:999px;background:transparent;padding:0 17px;color:var(--navy);font-size:12px;font-weight:600;transition:background .2s ease,color .2s ease}.portfolio-project-detail__photo-button:hover{background:var(--navy);color:var(--white)}.portfolio-project-detail__content{padding-top:38px;padding-bottom:88px}.project-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:62px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--white)}.project-meta>div{min-width:0;padding:20px 22px}.project-meta>div+div{border-left:1px solid var(--line)}.project-meta dt{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase}.project-meta dd{overflow-wrap:anywhere;margin:7px 0 0;color:var(--navy);font-family:var(--sans);font-weight:600;font-size:22px;line-height:1.2}.project-comparison__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:42px;align-items:end;margin-bottom:24px}.project-comparison__head h2{max-width:720px;margin-top:10px;color:var(--navy);font-size:42px;line-height:1.12}.project-comparison__head>p{color:var(--muted);line-height:1.7}.project-galleries{display:grid;gap:60px;margin-top:72px}.project-gallery__title{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.project-gallery__dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--olive)}.project-gallery--after .project-gallery__dot{background:var(--blue-accent)}.project-gallery__title h2{color:var(--navy);font-size:31px;font-family:var(--sans-italic);font-style:italic}.project-gallery__title>span:last-child{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase}.project-gallery__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.project-gallery__item{position:relative;aspect-ratio:16/10;overflow:hidden;border:0;border-radius:8px;background:var(--blue-soft);padding:0}.project-gallery__item img{object-fit:cover;transition:transform .3s ease}.project-gallery__item:hover img{transform:scale(1.035)}.project-gallery__item:focus-visible{outline:3px solid var(--blue-accent);outline-offset:3px}.project-gallery__number{position:absolute;right:11px;bottom:9px;color:var(--white);font-size:11px;font-weight:700;text-shadow:0 2px 10px rgba(15,23,56,.7)}.project-gallery__more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,23,56,.68);color:var(--white);font-size:13px;font-weight:600;backdrop-filter:blur(2px)}.portfolio-project-detail__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:80px;padding-top:28px;border-top:1px solid var(--line-strong)}.portfolio-project-detail__footer>a:first-child{display:inline-flex;min-height:44px;align-items:center;gap:8px;color:var(--navy);font-size:13px;font-weight:600;text-decoration:none}.portfolio-project-detail__next{display:grid;min-height:52px;justify-items:end;color:inherit;text-align:right;text-decoration:none}.portfolio-project-detail__next>span{color:var(--muted);font-size:11px;text-transform:uppercase}.portfolio-project-detail__next strong{display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-family:var(--sans);font-size:24px;font-weight:600;transition:color .2s ease}.portfolio-project-detail__next:hover strong{color:var(--blue-accent)}.showcase-lightbox{position:fixed;z-index:1000;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;background:#080d1f;padding:24px;color:var(--white)}.showcase-lightbox__bar{display:flex;min-height:44px;align-items:center;justify-content:space-between;color:rgba(255,255,255,.7);font-size:12px;font-weight:600}.showcase-lightbox__bar button,.showcase-lightbox__next,.showcase-lightbox__prev{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);color:var(--white)}.showcase-lightbox__bar button{padding:0 14px}.showcase-lightbox__stage{position:relative;min-height:0;overflow:hidden;border-radius:8px}.showcase-lightbox__stage img{object-fit:contain}.showcase-lightbox__next,.showcase-lightbox__prev{position:absolute;z-index:2;top:50%;transform:translateY(-50%)}.showcase-lightbox__prev{left:12px}.showcase-lightbox__next{right:12px}.showcase-lightbox>p{min-height:24px;color:rgba(255,255,255,.7);font-size:13px;text-align:center}@media (max-width:980px){.portfolio-project-detail__heading,.portfolio-projects__head,.portfolio-showcase__heading,.project-comparison__head{grid-template-columns:1fr;gap:24px}.portfolio-showcase__count{justify-items:start}.portfolio-projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-project-detail__photo-button{justify-self:start}.project-meta{grid-template-columns:repeat(2,1fr)}.project-meta>div:nth-child(3){border-left:0}.project-meta>div:nth-child(3),.project-meta>div:nth-child(4){border-top:1px solid var(--line)}}@media (max-width:620px){.portfolio-projects__head h2{font-size:27px}.portfolio-card__heading strong{font-size:17px}.portfolio-showcase__header{padding:28px 0 34px}.portfolio-showcase__heading{margin-top:24px}.portfolio-project-detail__heading h1,.portfolio-showcase__heading h1{font-size:32px}.portfolio-showcase__heading>div>p{font-size:16px}.portfolio-filters{gap:7px;margin-top:26px}.portfolio-filters button{min-height:42px;padding:0 13px;font-size:12px}.portfolio-projects{padding-top:48px;padding-bottom:72px}.portfolio-projects__head{margin-bottom:28px}.portfolio-projects__head h2,.project-comparison__head h2{font-size:27px}.portfolio-projects__grid{grid-template-columns:1fr;gap:16px}.portfolio-card__body{min-height:124px;padding:16px}.portfolio-project-detail__header{padding:40px 0 38px}.portfolio-project-detail__heading{margin-top:28px}.portfolio-project-detail__content{padding-top:24px;padding-bottom:68px}.project-meta{grid-template-columns:1fr;margin-bottom:48px}.project-meta>div+div,.project-meta>div:nth-child(3),.project-meta>div:nth-child(4){border-top:1px solid var(--line);border-left:0}.project-galleries{gap:48px;margin-top:54px}.project-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portfolio-project-detail__footer{align-items:flex-start;flex-direction:column;margin-top:60px}.portfolio-project-detail__next{justify-items:start;text-align:left}.showcase-lightbox{padding:14px}}@media (prefers-reduced-motion:reduce){.portfolio-card,.portfolio-card__arrow,.project-gallery__item img{transition:none}}