.portfolio-page{color:#111;--m:calc(100vw/430);background-color:#fff;min-height:100vh}.portfolio-header--mobile{display:none}.portfolio-header--desktop{display:block}.nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#ffffffe6;justify-content:flex-end;align-items:center;gap:28px;width:100%;padding:20px 60px;transition:background .25s,color .25s,box-shadow .25s;display:flex;position:fixed;top:0;left:0}.nav__logo{align-items:center;gap:10px;display:flex;position:absolute;left:60px}.nav__logo-button{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;margin:0;padding:0;display:inline-flex}.nav__logo-image{justify-content:center;align-items:center;display:inline-flex}.nav__logo-image img{object-fit:contain;width:100%;height:100%;display:block}.nav__logo-image--desktop{width:auto;height:auto;display:inline-flex}.nav__logo-image--mobile{display:none}.nav__logo-image--desktop img{width:153px;height:80px}.nav__logo-button:focus-visible{outline-offset:3px;outline:2px solid #ffb400}.nav__links{align-items:center;gap:24px;display:flex}.nav__link{font-size:var(--fs-14);color:#111;font-weight:600;text-decoration:none;transition:opacity .2s}.nav__link:hover{opacity:.65}.nav__toggle{cursor:pointer;z-index:12;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;padding:8px;display:none;position:absolute;top:16px;right:20px}.nav__toggle span{background:currentColor;border-radius:999px;width:100%;height:3px;display:block}.nav__backdrop{background:0 0;border:none;display:none}.nav--top{color:#fff;box-shadow:none;background:#ffffff1a}.nav--top .nav__link{color:#fff}.nav--scrolled{color:#111;background:#ffffffe6;box-shadow:0 4px 12px #00000014}.nav--scrolled .nav__link{color:#111}.portfolio-hero{background:#fff;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.portfolio-hero__panel{clip-path:polygon(0 0,82% 0,62% 100%,0 100%);background:#233347;width:100%;max-width:1500px;position:absolute;inset:0}.portfolio-hero__content{z-index:1;box-sizing:border-box;flex-direction:column;gap:40px;max-width:min(620px,40vw);padding:180px 64px 140px 96px;display:flex;position:relative}.portfolio-hero__title{font-size:clamp(var(--fs-40),4.8vw,var(--fs-88));letter-spacing:-.02em;color:#f7de73;text-shadow:0 6px 16px #00000059;word-break:keep-all;overflow-wrap:break-word;opacity:0;margin:0;font-weight:800;line-height:.95;animation:.9s ease-out .1s forwards heroTitleRise;transform:translateY(48px)}.portfolio-hero__title-line{white-space:nowrap;display:block}.portfolio-hero__subtitle{max-width:100%;font-size:var(--fs-25);color:#fffc;text-shadow:0 3px 10px #0000004d;word-break:keep-all;overflow-wrap:break-word;opacity:0;margin:0;font-weight:500;line-height:1.6;animation:1s ease-out .25s forwards heroSubtitleSlide;transform:translate(-42px)}.portfolio-hero__divider{display:none}.portfolio-products{background:#222d3e;flex-direction:column;gap:64px;padding:140px 96px 160px;display:flex}.portfolio-products__header{flex-direction:column;gap:28px;display:flex}.portfolio-products__title{font-size:var(--fs-50);color:#fffc;letter-spacing:-.01em;margin:0;font-weight:800}.portfolio-products__categories{border-bottom:2px solid #f6f6f6;align-items:center;gap:28px;padding-bottom:12px;display:flex}.portfolio-products__category{font-size:var(--fs-32);color:#a6a6a6;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin:0;padding:8px 4px;font-weight:700;transition:color .2s,border-color .2s}.portfolio-products__category:hover{color:#555}.portfolio-products__category.is-active{color:#f6b73e;border-color:#f6b73e}.portfolio-products__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 56px;display:grid}.portfolio-card{cursor:pointer;flex-direction:column;gap:20px;display:flex}.portfolio-card__image{background:linear-gradient(135deg,#f6f6f6,#ebebeb);border:1px solid #d9d9d9;border-radius:10px;place-items:center;width:100%;padding-top:68%;display:grid;position:relative;overflow:hidden}.portfolio-card__image-media{object-fit:cover;transform-origin:50%;transition:transform .4s;transform:scale(1)}.portfolio-card:hover .portfolio-card__image-media,.portfolio-card:focus-within .portfolio-card__image-media{transform:scale(1.1)}.portfolio-card__image-label{font-size:var(--fs-16);color:#9c9c9c}.portfolio-card__meta{flex-direction:column;gap:6px;display:flex}.portfolio-card__title{font-size:var(--fs-30);color:#fffc;margin:0;font-weight:800}.portfolio-card__description{font-size:var(--fs-15);color:#fffc;margin:0;font-weight:600}.portfolio-pagination{justify-content:center;align-items:center;gap:10px;margin-top:8px;display:flex}.portfolio-products__empty{min-height:320px;font-size:var(--fs-28);color:#9a9a9a;background:#fafafa;border:1px dashed #e0e0e0;border-radius:10px;justify-content:center;align-items:center;font-weight:700;display:flex}.portfolio-lightbox{z-index:50;background:#0009;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.portfolio-lightbox__image-wrap{aspect-ratio:3/2;background:#000;border-radius:10px;width:100%;max-width:1200px;height:auto;max-height:85vh;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000059}.portfolio-lightbox__image{object-fit:contain;cursor:pointer}.portfolio-pagination__arrow,.portfolio-pagination__page{color:#e89711;font-size:var(--fs-18);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.portfolio-pagination__page.is-active{border-color:#e89711}.portfolio-pagination__arrow:hover,.portfolio-pagination__page:hover{background:#e897111a}.portfolio-pagination__arrow{font-size:var(--fs-24);line-height:1}.portfolio-pagination__arrow.is-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}@keyframes heroTitleRise{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}@keyframes heroSubtitleSlide{0%{opacity:0;transform:translate(-42px)}to{opacity:1;transform:translate(0)}}.cta{background:#374c5e;justify-content:center;align-items:center;width:100vw;margin-left:calc(50% - 50vw);padding:140px 80px;display:flex}.cta__content{flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(60px,8vw,140px);width:100%;max-width:1600px;display:flex}.cta__text-group{color:#fff;flex-direction:column;gap:10px;display:flex}.cta__title{font-size:var(--fs-50);letter-spacing:-.6px;margin:0;font-weight:800;line-height:1.15}.cta__subtitle{font-size:var(--fs-20);letter-spacing:-.2px;margin:0;font-weight:700;line-height:1.35}.cta__button{color:#fff;width:200px;height:70px;font-size:var(--fs-20);cursor:pointer;background:0 0;border:4px solid #fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:14px;margin-left:clamp(60px,8vw,140px);font-weight:800;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.cta__button:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 12px 24px #0000002e}.cta__button:focus-visible{outline-offset:4px;outline:3px solid #fff9}.cta__button-label{align-items:center;gap:10px;display:inline-flex}.cta__button-arrow{font-size:var(--fs-34);line-height:1}.footer{color:#d9d9d9;background:#0b0b0b;width:100vw;margin-left:calc(50% - 50vw);padding:26px 32px 32px}.footer__content{flex-direction:column;gap:6px;max-width:1600px;margin:0 auto;line-height:1.4;display:flex}.footer__brand{font-size:var(--fs-15);letter-spacing:-.1px;margin:0;font-weight:800}.footer__line{font-size:var(--fs-10);color:#d9d9d9;margin:0;font-weight:500}.footer__copyright{font-size:var(--fs-10);color:#d9d9d9;margin:4px 0 0;font-weight:500}@media (max-width:1200px){.nav{padding:18px 32px}.nav__logo{left:24px}.portfolio-hero__panel{clip-path:polygon(0 0,88% 0,66% 100%,0 100%);width:82%}.portfolio-hero__content{max-width:min(560px,48vw);padding:160px 40px 120px 64px}.portfolio-hero__title{font-size:var(--fs-120)}.portfolio-hero__subtitle{font-size:var(--fs-23)}.portfolio-products{gap:52px;padding:120px 40px 140px}.portfolio-products__grid{gap:40px}.cta{padding:120px 40px}.cta__content{flex-wrap:wrap;gap:60px}.cta__title{font-size:var(--fs-52)}.cta__subtitle{font-size:var(--fs-26)}.cta__button{width:260px;height:64px;font-size:var(--fs-26)}}@media (max-width:900px){.portfolio-header--mobile{display:block}.portfolio-header--desktop{display:none}.nav{height:calc(55*var(--m));padding:0 calc(16*var(--m));z-index:11;box-shadow:none;justify-content:space-between;gap:12px}.nav__logo{justify-content:center;position:absolute;left:50%;transform:translate(-50%)}.nav--mobile .nav__logo img{height:calc(50*var(--m));object-fit:contain;width:auto}.nav__toggle{top:50%;right:calc(16*var(--m));width:calc(36*var(--m));height:calc(36*var(--m));padding:calc(6*var(--m));display:inline-flex;position:absolute;transform:translateY(-50%)}.nav__links{top:calc(55*var(--m));right:calc(12*var(--m));align-items:center;gap:calc(24*var(--m));padding:calc(28*var(--m))calc(22*var(--m));min-width:calc(150*var(--m));border-radius:calc(14*var(--m));z-index:12;background:#374c5e;flex-direction:column;display:none;position:absolute;box-shadow:0 10px 24px #0000001f}.nav.nav--open .nav__links{display:flex}.nav__backdrop{background:0 0;border:none;display:none}.nav.nav--open .nav__backdrop{z-index:20;background:0 0;display:block;position:fixed;inset:0}.nav__link{font-size:calc(14*var(--m));font-weight:700}.nav__links .nav__link{color:#fff}.nav__logo-image--desktop{display:none}.nav__logo-image--mobile{width:calc(50*var(--m));height:calc(50*var(--m));display:inline-flex}.nav--top{color:#fff;background:#ffffff1a}.nav--scrolled{color:#111;background:#ffffffe6;box-shadow:0 4px 12px #00000014}.nav--top .nav__link{color:#fff}.nav--scrolled .nav__link{color:#111}.portfolio-hero{background:#233347;align-items:flex-start;min-height:auto}.portfolio-hero__panel{display:none}.portfolio-hero__content{gap:22px;max-width:100%;padding:118px 28px 64px}.portfolio-hero__title{font-size:25px;line-height:1.2}.portfolio-hero__title-line{white-space:normal}.portfolio-hero__subtitle{font-size:15px;line-height:1.5}.portfolio-hero__divider{background:#fff3;width:100%;height:1px;display:block}.portfolio-products{gap:32px;padding:78px 24px 88px}.portfolio-products__title{font-size:25px}.portfolio-products__category{font-size:15px}.portfolio-products__grid{grid-template-columns:1fr;gap:32px}.portfolio-pagination__arrow,.portfolio-pagination__page{font-size:15px}.cta{padding:calc(24*var(--m))calc(16*var(--m))}.cta__content{text-align:center;justify-content:center;align-items:center;gap:calc(18*var(--m));flex-direction:column}.cta__title{font-size:calc(20*var(--m));line-height:1.2}.cta__subtitle{font-size:calc(15*var(--m));line-height:1.35}.cta__button{width:calc(160*var(--m));height:calc(40*var(--m));font-size:calc(15*var(--m));border-width:calc(2*var(--m));margin-left:0}.cta__button-arrow{font-size:calc(18*var(--m))}.footer{padding:calc(14*var(--m))calc(16*var(--m))calc(18*var(--m))}.footer__brand{font-size:calc(10*var(--m))}.footer__line,.footer__copyright{font-size:calc(7*var(--m))}}@media (max-width:600px){.portfolio-hero__content{padding:122px 20px 68px}.portfolio-hero__title{font-size:25px}.portfolio-hero__subtitle{font-size:15px}.portfolio-products{gap:28px;padding:68px 20px 82px}.portfolio-products__title{font-size:25px}.portfolio-products__category,.portfolio-card__title{font-size:15px}.portfolio-card__description{font-size:10px}.portfolio-pagination{gap:8px}.cta{padding:calc(24*var(--m))calc(16*var(--m))}}