.kfy-portfolio{--portfolio-ink:var(--color-puffin-navy,#102040);--portfolio-accent:var(--color-puffin-orange,#f0a020);--portfolio-paper:var(--color-puffin-cream,#f8f6ea);--portfolio-border:rgba(16,32,64,0.18);background:radial-gradient(ellipse at 10% 4%,rgba(255,192,16,0.08),transparent 36%),linear-gradient(180deg,#f8f6ea 0%,#fff 54%,#f8f6ea 100%);color:var(--portfolio-ink)}.kfy-portfolio-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.kfy-portfolio-hero{padding:clamp(9rem,16vw,12rem) 0 clamp(3.5rem,7vw,6rem);background:linear-gradient(120deg,rgba(7,21,45,0.97),rgba(16,32,64,0.9)),var(--portfolio-ink);color:#fff}.kfy-portfolio-hero h1{max-width:900px;margin:0;color:var(--portfolio-paper);font-family:var(--font-display);font-size:clamp(2.75rem,7vw,5.8rem);font-weight:900;line-height:0.98;letter-spacing:-0.035em;text-transform:uppercase}.kfy-portfolio-hero p:last-child{max-width:720px;margin:1.25rem 0 0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65}.kfy-portfolio-kicker{margin:0 0 0.75rem;color:var(--portfolio-accent);font-family:var(--font-display);font-size:0.82rem;font-weight:900;letter-spacing:0.13em;text-transform:uppercase}.kfy-portfolio-content{padding-block:clamp(3rem,7vw,6rem)}.kfy-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,2rem);align-items:stretch}.kfy-portfolio-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,192,16,0.14);border-radius:var(--radius-md,8px);background:var(--portfolio-ink);box-shadow:0 18px 42px rgba(16,32,64,0.1)}.kfy-portfolio-card:only-child{grid-column:1 / -1}.kfy-portfolio-card--odd-last{grid-column:1 / -1}.kfy-portfolio-card__link{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 10;background:var(--portfolio-paper);color:#fff;text-decoration:none}.kfy-portfolio-card:only-child .kfy-portfolio-card__link,.kfy-portfolio-card--odd-last .kfy-portfolio-card__link{aspect-ratio:21 / 9}.kfy-portfolio-card__image,.kfy-portfolio-card__image figure,.kfy-portfolio-card__image img{width:100%;height:100%;margin:0;object-fit:cover}.kfy-portfolio-card__image img{transition:transform 250ms ease}.kfy-portfolio-card__link:hover .kfy-portfolio-card__image img,.kfy-portfolio-card__link:focus-visible .kfy-portfolio-card__image img{transform:scale(1.025)}.kfy-portfolio-card__location{position:absolute;z-index:2;top:0.75rem;right:0.75rem;max-width:calc(100% - 1.5rem);padding:0.35rem 0.55rem;border-radius:3px;background:rgba(7,21,45,0.82);box-shadow:0 2px 10px rgba(7,21,45,0.22);color:#fff;font-size:0.72rem;font-weight:800;letter-spacing:0.04em;line-height:1.2;text-align:right;text-transform:uppercase}.kfy-portfolio-card__overlay{position:absolute;z-index:1;inset:0;display:flex;align-items:flex-end;padding:clamp(1rem,3vw,1.5rem);background:linear-gradient(180deg,rgba(7,21,45,0.02) 24%,rgba(7,21,45,0.92) 100%);opacity:0;transition:opacity 200ms ease}.kfy-portfolio-card h2{margin:0;color:var(--portfolio-paper);font-family:var(--font-display);font-size:clamp(1.45rem,1.6vw + 0.75rem,2.15rem);font-weight:400;line-height:1.04;overflow-wrap:break-word;text-shadow:0 2px 12px rgba(7,21,45,0.72);text-wrap:balance;text-transform:uppercase;transform:translateY(0.6rem);transition:transform 200ms ease}.kfy-portfolio-card__link:hover .kfy-portfolio-card__overlay,.kfy-portfolio-card__link:focus-visible .kfy-portfolio-card__overlay{opacity:1}.kfy-portfolio-card__link:hover h2,.kfy-portfolio-card__link:focus-visible h2{transform:translateY(0)}.kfy-portfolio-pagination{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:3rem}.kfy-portfolio-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0.55rem 0.8rem;border:1px solid var(--portfolio-border);border-radius:7px;color:var(--portfolio-ink);font-weight:800;text-decoration:none}.kfy-portfolio-pagination .current{border-color:var(--portfolio-ink);background:var(--portfolio-ink);color:#fff}.kfy-portfolio-empty{max-width:680px;padding-block:clamp(3rem,8vw,7rem)}.kfy-portfolio-empty h2{margin:0 0 0.8rem;font:900 clamp(2rem,5vw,3.5rem) / 1 var(--font-display);text-transform:uppercase}.kfy-portfolio-empty p{margin:0 0 1.5rem;font-size:1.1rem;line-height:1.65}.kfy-portfolio--detail{padding:0;background:linear-gradient(180deg,#f8f6ea 0%,#fff 38%,#f8f6ea 100%)}.kfy-project-header{position:relative;overflow:hidden;padding:max(clamp(4rem,8vw,7rem),calc(var(--kfy-header-h,92px) + 1.5rem)) 1rem clamp(3.5rem,6vw,6rem);background:radial-gradient(circle at 50% 18%,rgba(99,199,237,0.22),transparent 32%),linear-gradient(180deg,#102040 0%,#07152d 100%);color:#f8f6ea;text-align:center}.kfy-project-header::after{position:absolute;right:0;bottom:0;left:0;height:12px;background:linear-gradient(180deg,#f7d92c 0 34%,#f0a020 34% 60%,#ffc010 60% 100%);content:"";pointer-events:none}.kfy-project-header__inner{width:min(850px,100%);margin-inline:auto}.kfy-project-header h1{max-width:760px;margin:0 auto;color:#f8f6ea;font-family:var(--font-heading,var(--font-display));font-size:clamp(3rem,4.85vw,3.875rem);font-weight:900;letter-spacing:0;line-height:0.86;overflow-wrap:break-word;text-transform:uppercase;text-shadow:0 4px 0 rgba(0,0,0,0.58),0 10px 22px rgba(0,0,0,0.44);text-wrap:balance}.kfy-project-summary{max-width:670px;margin:1rem auto 0;color:rgba(255,255,255,0.9);font-family:var(--font-body);font-size:clamp(1.05rem,0.5vw + 1rem,1.3rem);font-weight:700;line-height:1.55;text-shadow:0 2px 8px rgba(0,0,0,0.42)}.kfy-project-header__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem 1rem;margin:1.25rem 0 0;color:rgba(255,255,255,0.86);font-size:0.875rem;font-weight:800;text-transform:uppercase}.kfy-project-content{width:min(1140px,calc(100% - 32px));padding-block:clamp(3rem,6vw,6rem)}.kfy-project-cover{overflow:hidden;width:100%;margin:0 0 clamp(2rem,4vw,3rem);border:3px solid rgba(240,240,224,0.42);border-radius:var(--radius-md,8px);background:var(--portfolio-paper);box-shadow:0 22px 52px rgba(7,21,45,0.28)}.kfy-project-cover figure{width:100%;margin:0}.kfy-project-cover img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.kfy-project-cover figcaption,.kfy-project-gallery figcaption{padding:0.7rem 0;color:rgba(16,32,64,0.72);font-size:0.88rem}.kfy-project-cover figcaption{padding-inline:1rem;background:#fff;color:rgba(16,32,64,0.76);text-align:left}.kfy-portfolio-media__button{position:relative;display:block;width:100%;margin:0;padding:0;overflow:hidden;border:0;background:transparent;color:inherit;line-height:0;text-align:inherit;cursor:zoom-in}.kfy-portfolio-media__button img{transition:transform 180ms ease}.kfy-portfolio-media__button:hover img{transform:scale(1.015)}.kfy-review-image-lightbox.is-portfolio-photo .kfy-review-image-lightbox__frame{max-width:min(1280px,calc(100vw - 32px))}.kfy-review-image-lightbox.is-portfolio-photo .kfy-review-image-lightbox__image{max-height:calc(100dvh - 48px)}.kfy-project-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(268px,320px);gap:clamp(2rem,4vw,4rem);align-items:start;padding:0 0 clamp(3rem,6vw,6rem)}.kfy-project-layout--story-only{grid-template-columns:minmax(0,1fr)}.kfy-project-story>h2,.kfy-project-gallery h2,.kfy-project-transformations h2{margin:0 0 1.25rem;color:var(--portfolio-ink);font:400 clamp(2.5rem,3.2vw + 0.875rem,3.5rem) / 1.06 var(--font-display);text-wrap:balance}.kfy-project-story__content{max-width:780px;color:rgba(16,32,64,0.82);font-size:clamp(1.0625rem,0.32vw + 1rem,1.25rem);line-height:1.75}.kfy-project-story__content h2,.kfy-project-story__content h3{margin:2em 0 0.65em;font-family:var(--font-display);line-height:1.1}.kfy-project-story__content a{font-weight:800;text-underline-offset:0.2em}.kfy-project-facts{position:sticky;top:calc(var(--kfy-header-h,92px) + 1rem);align-self:start;padding:clamp(1rem,2vw,1.5rem);border:1px solid rgba(255,192,16,0.18);border-radius:var(--radius-md,8px);background:radial-gradient(circle at 88% 0%,rgba(99,199,237,0.2),transparent 30%),linear-gradient(180deg,#f8f6ea 0%,#f8f6ea 100%);box-shadow:0 18px 42px rgba(16,32,64,0.1)}.kfy-project-facts h2{margin:0 0 1rem;font:400 1.5rem / 1.1 var(--font-display);text-transform:uppercase}.kfy-project-facts dl,.kfy-project-facts dl div{margin:0}.kfy-project-facts dl div{padding:0.8rem 0;border-top:1px solid var(--portfolio-border)}.kfy-project-facts dt{color:rgba(16,32,64,0.66);font-size:0.76rem;font-weight:900;letter-spacing:0.08em;text-transform:uppercase}.kfy-project-facts dd{margin:0.25rem 0 0;font-weight:800}.kfy-project-facts__cta.kfy-btn{width:100%;min-height:50px !important;margin-top:1.25rem;padding:0.7rem 1rem;border-radius:5px;font-size:15px !important;font-weight:800;box-shadow:0 6px 14px rgba(16,32,64,0.16) !important}.kfy-project-gallery,.kfy-project-transformations{padding-block:clamp(3rem,7vw,6rem);border-top:1px solid var(--portfolio-border)}.kfy-project-gallery>header,.kfy-project-transformations>header{max-width:720px;margin-bottom:2rem}.kfy-project-gallery>header p{font-size:1.05rem;line-height:1.65}.kfy-project-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.kfy-project-gallery__grid figure{margin:0}.kfy-project-gallery__grid img{display:block;width:100%;aspect-ratio:var(--kfy-gallery-aspect,4 / 3);object-fit:cover}.kfy-project-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 2.5rem}.kfy-project-comparison>div{position:relative}.kfy-project-comparison>div>span{position:absolute;z-index:1;top:0.75rem;left:0.75rem;padding:0.4rem 0.6rem;background:var(--portfolio-ink);color:#fff;font-size:0.76rem;font-weight:900;letter-spacing:0.08em;text-transform:uppercase}.kfy-project-comparison figure{height:100%;margin:0}.kfy-project-comparison img{display:block;width:100%;height:100%;aspect-ratio:4 / 3;object-fit:cover}.kfy-project-comparison>figcaption{grid-column:1 / -1;color:rgba(16,32,64,0.74)}.kfy-portfolio a:focus-visible,.kfy-portfolio button:focus-visible{outline:3px solid var(--portfolio-accent);outline-offset:3px}@media (max-width:1100px){.kfy-project-layout{grid-template-columns:1fr;max-width:820px;margin-inline:auto}.kfy-project-facts{position:static;order:-1}}@media (max-width:900px){.kfy-portfolio-grid{grid-template-columns:1fr;justify-items:stretch}.kfy-portfolio-card{width:100%}.kfy-portfolio-card:only-child .kfy-portfolio-card__link,.kfy-portfolio-card--odd-last .kfy-portfolio-card__link{aspect-ratio:16 / 10}}@media (max-width:767px){.kfy-portfolio-shell{width:min(100% - 28px,1180px)}.kfy-project-layout,.kfy-project-gallery__grid,.kfy-project-comparison{grid-template-columns:1fr}.kfy-portfolio-card__overlay{opacity:1}.kfy-portfolio-card h2{transform:translateY(0)}.kfy-project-header{padding-inline:1rem}.kfy-project-header h1{max-width:calc(100vw - 32px);font-size:36px;line-height:0.9;text-shadow:0 3px 0 rgba(0,0,0,0.58),0 8px 18px rgba(0,0,0,0.42);text-wrap:balance}.kfy-project-summary{font-size:1rem;line-height:1.5}.kfy-project-header__meta{font-size:0.75rem}.kfy-project-comparison>figcaption{grid-column:auto}}@media (hover:none),(pointer:coarse){.kfy-portfolio-card__overlay{opacity:1}.kfy-portfolio-card h2{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.kfy-portfolio-card__image img,.kfy-portfolio-card__overlay,.kfy-portfolio-card h2,.kfy-portfolio-media__button img{transition:none}}