.pageShell[data-theme=light],dialog[data-theme=light]{--portfolio-bg:#fffdf9;--portfolio-card:#fff;--portfolio-text:#172033;--portfolio-muted:#6b7280;--portfolio-line:#1720331f;--portfolio-accent:#a94d1f}.pageShell[data-theme=dark],dialog[data-theme=dark]{--portfolio-bg:#071a24;--portfolio-card:#0d2a34;--portfolio-text:#fffdf9;--portfolio-muted:#adb7bb;--portfolio-line:#ffffff21;--portfolio-accent:#f7a472}.portfolioPage{color:var(--portfolio-text)}.portfolioContainer{width:min(100% - 112px,1280px);margin-inline:auto}.portfolioPage :is(a,button):focus-visible,.portfolioNav :is(a,button):focus-visible,.mobileNavigation :is(a,button):focus-visible,.sharedFooter a:focus-visible,.homeProjectGrid a:focus-visible,.projectGallery :is(a,button):focus-visible{outline:3px solid var(--portfolio-accent);outline-offset:5px}.portfolioNav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform;gap:20px;min-height:70px}.portfolioNav .navLinks{gap:clamp(18px,2vw,32px);font-size:.875rem}.portfolioNav .navLinks a[aria-current=page]{color:var(--portfolio-accent)}.portfolioNav .navLinks a[aria-current=page]:after{background:var(--portfolio-accent);right:0}.portfolioNav .themeToggle{min-height:44px}.portfolioNav .navCta{min-height:44px;font-size:.875rem}.menuToggle{width:44px;height:44px;color:var(--portfolio-text);border:1px solid var(--portfolio-line);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:none}.menuToggle span{background:currentColor;width:19px;height:2px}.mobileNavigation{border:1px solid var(--portfolio-line);background:var(--portfolio-bg);width:min(420px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--portfolio-text);border-radius:20px;margin:12px 12px auto auto;padding:0;overflow-y:auto}.mobileNavigation::backdrop,.projectGallery::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041319c7}.mobileMenuPanel{padding:24px}.mobileMenuTop{justify-content:space-between;align-items:center;gap:16px;display:flex}.mobileMenuTop p{font-size:.875rem;font-weight:700}.iconControl{border:1px solid var(--portfolio-line);width:44px;height:44px;color:var(--portfolio-text);font:inherit;cursor:pointer;background:0 0;border-radius:50%;flex:0 0 44px;place-items:center;font-size:1.75rem;display:inline-grid}.iconControl:hover{background:var(--portfolio-card)}.mobileMenuPanel nav{flex-direction:column;margin:24px 0 32px;display:flex}.mobileMenuPanel nav a{border-bottom:1px solid var(--portfolio-line);padding:16px 0;font-size:1.5rem}.mobileMenuPanel nav a[aria-current=page]{color:var(--portfolio-accent)}.mobileMenuLocation{color:var(--portfolio-muted);margin:24px 0 0;font-size:.875rem}.portfolioSkip{z-index:100;background:var(--orange);color:#172033;border-radius:8px;padding:12px 20px;position:fixed;top:8px;left:24px;transform:translateY(-160%)}.portfolioSkip:focus{transform:none}.portfolioHero{border-bottom:1px solid var(--portfolio-line);grid-template-columns:1.25fr 1fr;align-items:end;gap:48px;padding-block:164px 68px;display:grid;position:relative}.portfolioEyebrow{color:var(--portfolio-accent);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 28px;font-size:.8125rem;font-weight:650;display:flex}.portfolioEyebrow:before{content:"";background:currentColor;flex:0 0 28px;width:28px;height:1px}.portfolioHero h1{z-index:1;letter-spacing:-.065em;margin:0;font-size:clamp(4.5rem,6.2vw,5.5rem);font-weight:800;line-height:1.06;position:relative}.portfolioHero h1 i{font-family:var(--font-lora),serif;color:var(--portfolio-accent);letter-spacing:-.06em;font-weight:500}.portfolioHeroIntro{z-index:1;justify-self:end;max-width:410px;padding-bottom:5px;position:relative}.portfolioHeroIntro p{color:var(--portfolio-muted);margin:0 0 24px;font-size:1.125rem;line-height:1.75}.portfolioGeometry{pointer-events:none;opacity:.24;width:118px;height:74px;position:absolute;top:135px;right:4%}.portfolioGeometry span{border-top:1px solid var(--portfolio-accent);border-right:1px solid var(--portfolio-accent);width:64px;height:64px;position:absolute;transform:rotate(-45deg)}.portfolioGeometry span:nth-child(2){left:26px}.portfolioGeometry span:nth-child(3){left:52px}.portfolioTextLink{width:fit-content;min-height:44px;color:var(--portfolio-accent);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;justify-content:space-between;align-items:center;gap:24px;padding:4px 0;font-size:.9375rem;font-weight:650;transition:gap .2s;display:inline-flex}.portfolioTextLink:hover{gap:32px}.portfolioTextLink>span[aria-hidden]{font-size:1.25rem}.portfolioProjects{padding-block:64px 112px;scroll-margin-top:32px}.portfolioShowcase{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px 40px;scroll-margin-top:130px;display:grid}.portfolioShowcase+.portfolioShowcase{border-top:1px solid var(--portfolio-line);margin-top:112px;padding-top:64px}.showcaseHeading{grid-column:1/-1;align-items:center;gap:20px;display:flex}.showcaseNumber{color:var(--portfolio-accent);font-variant-numeric:tabular-nums;align-self:flex-start;margin-top:5px;font-size:.875rem;font-weight:600}.showcaseCategory{color:var(--portfolio-muted);margin:0 0 8px;font-size:.875rem}.showcaseHeading h2{letter-spacing:-.05em;margin:0;font-size:clamp(2.25rem,3.3vw,2.75rem);font-weight:700;line-height:1.2}.showcaseDomain{color:var(--portfolio-muted);align-self:end;margin-left:auto;padding-bottom:5px;font-size:.875rem}.showcaseDomain>span{margin-left:10px}.showcaseVisual{border:1px solid var(--portfolio-line);background:#e8eff2;border-radius:24px;align-self:start;min-width:0;padding:24px 24px 18px}.isReversed{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.isReversed .showcaseVisual{background:#eee8e1;grid-area:2/2}.isReversed .showcaseInfo{grid-area:2/1}.showcaseBrowser{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 12px 24px #17203317}.showcaseBrowserBar{color:#6b7280;background:#fff;justify-content:space-between;align-items:center;height:32px;padding:0 12px;font-size:.75rem;display:flex}.browserDots{gap:4px;display:flex}.browserDots i{background:#d2d6db;border-radius:50%;width:5px;height:5px;display:block}.showcaseBrowser picture{display:block;overflow:hidden}.showcaseBrowser img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;height:auto;transition:transform .25s;display:block}@media (hover:hover){.showcaseBrowser:hover img{transform:scale(1.02)}}.showcaseCaption{color:#57606a;justify-content:space-between;gap:12px;margin-top:16px;font-size:.75rem;display:flex}.showcaseInfo{flex-direction:column;min-width:0;display:flex}.showcaseSummary{color:var(--portfolio-muted);margin:0 0 24px;font-size:1rem;line-height:1.75}.showcaseDetails{margin:0}.showcaseDetails>div{border-top:1px solid var(--portfolio-line);padding-block:20px}.showcaseDetails dt,.showcaseFeatures h3{color:var(--portfolio-text);margin:0 0 8px;font-size:.875rem;font-weight:650}.showcaseDetails dd{color:var(--portfolio-muted);margin:0;font-size:1rem;line-height:1.65}.showcaseFeatures{border-top:1px solid var(--portfolio-line);padding-top:20px}.showcaseFeatures ul{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.showcaseFeatures li{color:var(--portfolio-muted);align-items:baseline;gap:10px;font-size:.875rem;line-height:1.5;display:flex}.showcaseFeatures li:before{content:"↗";color:var(--portfolio-accent)}.showcaseActions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px;display:flex}.portfolioButton{color:#172033;background:#f7a472;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:14px 20px;font-size:.875rem;font-weight:650;line-height:1.5;transition:background .2s;display:inline-flex}.portfolioButton:hover{background:#e88d5c}.portfolioButton>span[aria-hidden]{font-size:1.25rem;line-height:1}.portfolioCta{color:#172033;background:#f7a472;border-radius:24px;grid-template-columns:1.2fr 1fr;align-items:end;gap:64px;margin:0 24px 24px;padding:64px 48px;display:grid}.portfolioCta .portfolioEyebrow{color:#172033}.portfolioCta h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,4.6vw,4rem);font-weight:700;line-height:1.15}.portfolioCta h2 i{font-family:var(--font-lora),serif;font-weight:500}.portfolioCta>div>p:not(.portfolioEyebrow){max-width:420px;margin:0 0 24px;font-size:1rem;line-height:1.75}.portfolioCta .portfolioButton{color:#fff;background:#172033}.portfolioCta .portfolioButton:hover{background:#29364c}.portfolioCta :is(a,button):focus-visible{outline-color:#172033}.sharedFooter .footerBrand>span,.sharedFooter .footerLinks span{font-size:.875rem;line-height:1.6}.sharedFooter .footerLinks{gap:16px;font-size:.875rem}.sharedFooter .footerLinks>p{font-size:.8125rem}.sharedFooter .footerBottom{color:#ffffffa6;font-size:.75rem;line-height:1.6}.sharedFooter a:focus-visible{outline-color:#f7a472}.sharedFooter{background:#041319}.projectGallery{border:1px solid var(--portfolio-line);width:min(1200px,100% - 64px);max-width:none;height:min(900px,100dvh - 64px);max-height:none;color:var(--portfolio-text);background:var(--portfolio-bg);border-radius:24px;margin:auto;padding:0;overflow:hidden}.galleryLayout{grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.galleryToolbar{border-bottom:1px solid var(--portfolio-line);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.galleryToolbar h2{letter-spacing:-.03em;margin:0 0 4px;font-size:1.125rem;font-weight:650}.galleryToolbar p{color:var(--portfolio-muted);margin:0;font-size:.875rem}.galleryImage{background:var(--portfolio-card);min-height:0;padding:24px;overflow:auto}.galleryImage img{border:1px solid var(--portfolio-line);width:100%;height:auto;margin-inline:auto;display:block}.galleryImage.isMobileImage img{max-width:390px}.galleryControls{border-top:1px solid var(--portfolio-line);justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.galleryControls a{color:var(--portfolio-accent);align-items:center;gap:8px;min-height:44px;font-size:.875rem;display:inline-flex}.galleryStep{min-height:44px;color:var(--portfolio-text);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:4px 10px;font-size:.875rem;display:flex}.galleryStep:hover{color:var(--portfolio-accent)}.homeProjectGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.homeProjectCard{border:1px solid var(--portfolio-line);background:var(--portfolio-card);border-radius:20px;min-width:0;overflow:hidden}.homeProjectImage{background:#e8eff2;padding:16px;display:block}.homeProjectCard:nth-child(2) .homeProjectImage{background:#eee8e1}.homeProjectCard:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);display:grid}.homeProjectCard:last-child:nth-child(odd) .homeProjectImage{align-items:center;display:grid}.homeProjectCard:last-child:nth-child(odd) .homeProjectCopy{align-self:center}.homeProjectImage img{aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:8px;width:100%;height:auto;display:block}.homeProjectCopy{padding:28px}.homeProjectCopy>p:first-child{color:var(--portfolio-accent);margin:0 0 12px;font-size:.875rem}.homeProjectCopy h3{letter-spacing:-.04em;margin:0;font-size:1.75rem;line-height:1.25}.homeProjectCopy>p:not(:first-child){color:var(--portfolio-muted);margin:16px 0 20px;font-size:1rem;line-height:1.7}.homePortfolioLink{text-align:center;margin-top:32px}@media (max-width:1200px){.portfolioShowcase{column-gap:28px}.portfolioContainer{width:calc(100% - 80px)}.portfolioHero{gap:32px}.portfolioHero h1{font-size:4.5rem}.portfolioNav .navLinks{gap:20px}.portfolioNav .themeToggle{width:44px}}@media (max-width:1023px){.portfolioNav{grid-template-columns:1fr auto;width:calc(100% - 70px)}.portfolioNav .navLinks,.portfolioNav .navCta{display:none}.portfolioNav .menuToggle{display:flex}.portfolioContainer{width:calc(100% - 64px)}.portfolioHero{grid-template-columns:1fr;gap:28px;padding-bottom:48px}.portfolioHeroIntro{justify-self:start;max-width:560px}.portfolioGeometry{top:175px;right:12%}.portfolioShowcase,.portfolioShowcase.isReversed{grid-template-columns:1fr}.isReversed .showcaseVisual,.isReversed .showcaseInfo{grid-area:auto}.showcaseInfo{grid-template-columns:1fr 1fr;column-gap:32px;display:grid}.showcaseSummary{grid-column:1/-1;font-size:1.125rem}.showcaseActions{flex-direction:row;grid-column:1/-1;align-items:center;gap:24px}.portfolioCta{grid-template-columns:1fr;gap:28px;padding:48px 32px}.homeProjectGrid{gap:16px}.homeProjectCopy{padding:22px}}@media (max-width:767px){.portfolioContainer{width:calc(100% - 40px)}.portfolioHero{padding-top:128px;padding-bottom:40px}.portfolioHero h1{font-size:clamp(2.5rem,9vw,3rem);line-height:1.1}.portfolioHeroIntro p{font-size:1rem;line-height:1.75}.portfolioEyebrow{margin-bottom:20px;font-size:.75rem}.portfolioGeometry{display:none}.portfolioNav{gap:12px;width:calc(100% - 24px);min-height:60px;padding:7px 8px 7px 16px;top:12px}.portfolioNav .brandLogo{width:112px}.portfolioNav .themeToggle{width:44px;padding:0}.portfolioNav .themeIcon svg{width:18px;height:18px}.portfolioNav .languageToggle{padding-inline:9px}.portfolioNav .languageToggle>svg:first-child{display:none}.portfolioProjects{padding-block:40px 64px}.portfolioShowcase{gap:24px}.portfolioShowcase+.portfolioShowcase{margin-top:64px;padding-top:40px}.showcaseHeading{align-items:flex-start;gap:14px}.showcaseHeading h2{font-size:clamp(1.75rem,6vw,2rem)}.showcaseCategory{margin-bottom:6px;font-size:.8125rem;line-height:1.6}.showcaseDomain{display:none}.showcaseVisual{border-radius:20px;padding:12px 12px 14px}.showcaseBrowserBar{height:28px;padding-inline:8px}.showcaseCaption{flex-wrap:wrap;margin-top:12px;font-size:.75rem}.showcaseInfo{display:flex}.showcaseSummary{font-size:1rem}.showcaseActions{flex-direction:column;align-items:stretch;gap:12px;margin-top:24px}.showcaseActions .portfolioTextLink{align-self:center}.portfolioCta{border-radius:20px;margin:0 10px 10px;padding:40px 20px}.portfolioCta h2{font-size:clamp(2rem,7.5vw,3rem)}.portfolioCta .portfolioButton{width:100%}.projectGallery{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh;margin:0}.galleryToolbar,.galleryImage{padding:16px}.galleryControls{flex-wrap:wrap;gap:4px 12px;padding:8px 12px}.galleryControls a{flex-basis:100%;order:3;justify-content:center}.homeProjectGrid{grid-template-columns:1fr;gap:24px}.homeProjectCard:last-child:nth-child(odd){grid-column:auto;display:block}.homeProjectCopy{padding:24px}}@media (max-width:359px){.portfolioContainer{width:calc(100% - 32px)}.showcaseCategory{max-width:210px}.mobileMenuPanel{padding:16px}}
