body.portfolio-home{margin:0;padding:0}.portfolio-home main{width:calc(100% - 16px);max-width:var(--page-frame-max-wide);margin:8px auto;overflow:clip;border-radius:var(--radius-cropped-image);background-color:var(--color-bg);background-image:linear-gradient(var(--page-texture-wash),var(--page-texture-wash)),var(--page-texture);background-repeat:repeat}.portfolio-home .home-work-layout,.portfolio-home .home-project-stream,.portfolio-home .home-details-layout{display:contents}.portfolio-home .page-shell{width:100%;padding-inline:64px}.portfolio-home .portfolio-header{position:sticky;top:0;z-index:100;width:100%;margin:0;color:var(--color-text);background:transparent;isolation:isolate}.portfolio-home .portfolio-header:before{position:absolute;inset:0 0 auto;z-index:0;height:calc(100% + var(--glass-nav-fade-depth));background:linear-gradient(to bottom,color-mix(in srgb,var(--color-bg) 50%,transparent) 0%,color-mix(in srgb,var(--color-bg) 24%,transparent) 62%,transparent 100%);pointer-events:none;content:""}.portfolio-home .portfolio-header:after{position:absolute;inset:0 0 auto;z-index:0;height:calc(100% + var(--glass-nav-fade-depth));background:var(--glass-nav-surface);backdrop-filter:blur(var(--glass-nav-blur)) saturate(var(--glass-nav-saturation));-webkit-backdrop-filter:blur(var(--glass-nav-blur)) saturate(var(--glass-nav-saturation));mask-image:linear-gradient(to bottom,#000 0%,#000 42%,rgba(0,0,0,.88) 56%,rgba(0,0,0,.42) 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 42%,rgba(0,0,0,.88) 56%,rgba(0,0,0,.42) 78%,transparent 100%);pointer-events:none;content:""}.portfolio-home .portfolio-header-bar{position:relative;z-index:2;display:flex;width:calc(100% - 16px);max-width:var(--page-frame-max-wide);min-height:86px;align-items:center;gap:32px;margin-inline:auto;padding:14px 64px;transition:min-height .7s var(--ease-movement),padding .7s var(--ease-movement),box-shadow .35s ease}.portfolio-home .portfolio-header.is-condensed .portfolio-header-bar{min-height:52px;padding-block:5px;box-shadow:0 18px 42px -24px var(--color-shadow)}.portfolio-home .portfolio-header nav a{margin:0;padding:8px 10px;text-decoration:none}.portfolio-home .portfolio-header nav a:hover{margin-left:0;color:var(--color-heading);opacity:.55}.portfolio-home .hero{min-height:490px;padding-top:64px;padding-bottom:72px}.portfolio-home .eyebrow{margin:0 0 44px}.portfolio-home .home-section-overline{color:var(--color-case-study-accent)}.portfolio-home h2.home-section-overline{margin-bottom:44px;padding-bottom:var(--space-eyebrow-content-gap);color:var(--color-case-study-accent);font-family:var(--font-accent);font-size:var(--type-eyebrow-size);font-weight:600;line-height:1.3;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.portfolio-home h2:before,.portfolio-home .eyebrow:before{display:block;width:100%;height:1px;margin-bottom:28px;background:var(--color-border);content:""}.portfolio-home h1,.portfolio-home h2,.portfolio-home p{margin-top:0}.portfolio-home h1{margin-bottom:42px;color:var(--color-heading);font-family:var(--font-heading);font-size:clamp(48px,5.625vw,108px);font-weight:500;line-height:1;letter-spacing:var(--tracking-heading-tight)}.portfolio-home h1 span{color:var(--color-muted);font-family:var(--font-prose);font-weight:300}.portfolio-home .intro{max-width:830px;margin-bottom:0}.portfolio-home .project-section{padding-top:0;padding-bottom:56px}.portfolio-home h2{margin-bottom:24px;color:var(--color-heading);font-family:var(--font-heading);font-size:var(--heading-subsection-size);font-weight:500;line-height:1.2;letter-spacing:var(--tracking-heading-tight)}.portfolio-home .project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.portfolio-home .project-card-frame{position:relative;aspect-ratio:1;perspective:850px;transform-style:preserve-3d}.portfolio-home .project-card{--tile-arrow-width: clamp(56px, 14%, 84px);position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-cropped-image);color:var(--color-on-media);background:var(--color-surface);box-shadow:var(--shadow-image-example);transition:box-shadow 1.2s var(--ease-movement)}.portfolio-home .project-card-frame .project-card{width:100%;height:100%;transform-origin:center}.portfolio-home .project-card-frame .project-card.is-case-study{transform-style:preserve-3d;will-change:transform;transition:transform .7s var(--ease-movement),box-shadow 1.2s var(--ease-movement)}.portfolio-home .project-card:before{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,var(--color-media-overlay-soft) 40%,var(--color-media-overlay-strong) 100%);content:"";opacity:.4;transition:opacity .45s ease}.portfolio-home .project-card-bg{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-movement),opacity .45s ease}.portfolio-home .project-card-action{position:absolute;inset:0;z-index:2;display:block;pointer-events:none}.portfolio-home .project-card-logo,.portfolio-home .project-card-wordmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,transform .8s var(--ease-movement),filter .55s ease}.portfolio-home .project-card-logo{display:block;width:clamp(180px,52%,270px);height:auto;object-fit:contain}.portfolio-home .project-card-wordmark{width:min(58%,280px);color:var(--color-on-media);font-family:var(--font-heading);font-size:clamp(24px,2.8vw,42px);font-weight:500;line-height:1;letter-spacing:var(--tracking-heading-tight);text-align:center}.portfolio-home .project-card-arrow{position:absolute;top:50%;right:clamp(24px,6%,44px);display:block;width:var(--tile-arrow-width);height:auto;opacity:0;transform:translateY(calc(-50% + 40px));transition:opacity .3s ease,transform .8s var(--ease-movement)}.portfolio-home .project-card.is-case-study .project-card-arrow{right:auto;left:calc(50% + clamp(96px,23%,124px))}.portfolio-home .project-card-copy{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;padding:28px;color:var(--color-on-media);opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .3s ease,transform .8s var(--ease-movement),filter .55s ease}.portfolio-home .project-card-copy strong{font-family:var(--font-heading);font-size:var(--heading-5-size);font-weight:500}.portfolio-home .project-card-copy small{margin-top:5px;font-size:var(--type-eyebrow-size);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.portfolio-home .project-card:hover,.portfolio-home .project-card:focus-visible{box-shadow:var(--color-shadow) 0 24px 48px -2px;cursor:var(--cursor-circle)}.portfolio-home .project-card:hover:before,.portfolio-home .project-card:focus-visible:before{opacity:.85}.portfolio-home .project-card:hover .project-card-bg,.portfolio-home .project-card:focus-visible .project-card-bg{transform:scale(1.025);opacity:.72}.portfolio-home .project-card:hover .project-card-logo,.portfolio-home .project-card:focus-visible .project-card-logo,.portfolio-home .project-card:hover .project-card-wordmark,.portfolio-home .project-card:focus-visible .project-card-wordmark{transform:translate(calc(-50% - 16px),-50%)}.portfolio-home .project-card:hover .project-card-arrow,.portfolio-home .project-card:focus-visible .project-card-arrow{opacity:1;transform:translateY(-50%)}.portfolio-home .project-card:hover .project-card-copy,.portfolio-home .project-card:focus-visible .project-card-copy{opacity:1;transform:translateY(0)}.portfolio-home .project-card-frame:hover .project-card.is-case-study,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card.is-case-study{transform:scale(.95)}.portfolio-home .project-card-frame:hover .project-card.is-case-study,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card.is-case-study{box-shadow:var(--color-shadow) 0 24px 48px -2px}.portfolio-home .project-card-frame:hover .project-card.is-case-study:before,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card.is-case-study:before{opacity:.85}.portfolio-home .project-card-frame:hover .project-card.is-case-study .project-card-bg,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card.is-case-study .project-card-bg{opacity:.72;transform:none}.portfolio-home .project-card-frame:hover .project-card-logo,.portfolio-home .project-card-frame:hover .project-card-wordmark,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card-logo,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card-wordmark{filter:drop-shadow(0 22px 20px rgba(0,0,0,.38));transform:translate(calc(-50% - 16px),-50%) translateZ(120px) scale(1.12)}.portfolio-home .project-card-frame:hover .project-card-arrow,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card-arrow{opacity:1;transform:translateY(-50%)}.portfolio-home .project-card-frame:hover .project-card-copy,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card-copy{filter:drop-shadow(0 14px 14px rgba(0,0,0,.34));opacity:1;transform:translateY(0) translateZ(90px) scale(1.04);transform-origin:left bottom}.portfolio-home .project-card-hover-frame{position:absolute;inset:0;z-index:3;pointer-events:none;transform-origin:center;transform-style:preserve-3d;transition:transform .7s var(--ease-movement);will-change:transform}.portfolio-home .project-card-hover-frame>span{position:absolute;top:var(--frame-corner-start-top);left:var(--frame-corner-start-left);width:14px;height:14px;background:var(--color-image-frame-marker);opacity:0;transform:translate(-50%,-50%);transition:top .82s var(--ease-movement),left .82s var(--ease-movement),opacity .42s ease;-webkit-mask:var(--frame-corner-image) center / contain no-repeat;mask:var(--frame-corner-image) center / contain no-repeat}.portfolio-home .project-card-hover-frame .is-top-left{--frame-corner-start-top: 43px;--frame-corner-start-left: 43px;--frame-corner-top: 11px;--frame-corner-left: 11px;--frame-corner-image: url(/site-images/frame_borders/frane_border_tl.svg)}.portfolio-home .project-card-hover-frame .is-top-right{--frame-corner-start-top: 43px;--frame-corner-start-left: calc(100% - 43px) ;--frame-corner-top: 11px;--frame-corner-left: calc(100% - 11px) ;--frame-corner-image: url(/site-images/frame_borders/frame_border_tr.svg)}.portfolio-home .project-card-hover-frame .is-bottom-right{--frame-corner-start-top: calc(100% - 43px) ;--frame-corner-start-left: calc(100% - 43px) ;--frame-corner-top: calc(100% - 11px) ;--frame-corner-left: calc(100% - 11px) ;--frame-corner-image: url(/site-images/frame_borders/frame_border_br.svg)}.portfolio-home .project-card-hover-frame .is-bottom-left{--frame-corner-start-top: calc(100% - 43px) ;--frame-corner-start-left: 43px;--frame-corner-top: calc(100% - 11px) ;--frame-corner-left: 11px;--frame-corner-image: url(/site-images/frame_borders/frame_border_bl.svg)}.portfolio-home .project-card-frame:hover .project-card-hover-frame>span,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card-hover-frame>span{top:var(--frame-corner-top);left:var(--frame-corner-left);opacity:1}.portfolio-home .project-card-frame:hover .project-card-hover-frame,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card-hover-frame{transform:none}.portfolio-home .project-grid.is-logo-wall-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.portfolio-home .project-card.is-logo-wall{border:1px solid var(--color-divider-strong);color:var(--color-heading);background:transparent;box-shadow:none;transition:border-color .3s ease}.portfolio-home .project-card.is-logo-wall.project-brand-card{border:0;color:var(--color-on-media);background-color:var(--color-fixed-dark-media);background-image:var(--brand-tile-neutral-lift),var(--fixed-dark-texture-wash),var(--page-texture);background-repeat:repeat;box-shadow:var(--shadow-image-example)}.portfolio-home .project-card.is-logo-wall.project-brand-card:before{background:var(--brand-tile-hover-wash)}.portfolio-home .project-card.is-logo-wall.project-brand-card .project-card-logo,.portfolio-home .project-card.is-logo-wall.project-brand-card .project-card-arrow{filter:var(--filter-on-fixed-dark)}.portfolio-home .project-card.is-logo-wall.project-brand-card .project-card-wordmark,.portfolio-home .project-card.is-logo-wall.project-brand-card .project-card-copy{color:var(--color-on-media)}.portfolio-home .project-card.is-logo-wall:before{background:color-mix(in srgb,var(--color-heading) 4%,transparent);opacity:0}.portfolio-home .project-card.is-logo-wall .project-card-logo{width:min(72%,210px);opacity:1;filter:var(--filter-brand-mark)}.portfolio-home .project-card.is-logo-wall .project-card-wordmark{width:68%;color:var(--color-heading);font-size:clamp(17px,1.45vw,24px);opacity:1}.portfolio-home .project-card.is-logo-wall:not(.is-preview-only):hover,.portfolio-home .project-card.is-logo-wall:not(.is-preview-only):focus-visible{border-color:transparent}.portfolio-home .project-card.is-logo-wall:not(.is-preview-only):hover .project-card-logo,.portfolio-home .project-card.is-logo-wall:not(.is-preview-only):focus-visible .project-card-logo,.portfolio-home .project-card.is-logo-wall:not(.is-preview-only):hover .project-card-wordmark,.portfolio-home .project-card.is-logo-wall:not(.is-preview-only):focus-visible .project-card-wordmark{transform:translate(-50%,-50%) scale(1.15)}.portfolio-home .project-card.is-logo-wall .project-card-arrow{top:18px;right:18px;width:30px;filter:var(--filter-brand-mark);transform:translateY(14px) scale(.82)}.portfolio-home .project-card.is-logo-wall:hover .project-card-arrow,.portfolio-home .project-card.is-logo-wall:focus-visible .project-card-arrow{transform:translateY(0) scale(1)}.portfolio-home .project-card.is-logo-wall .project-card-copy{padding:18px;color:var(--color-heading)}.portfolio-home .project-card.is-logo-wall .project-card-copy strong{font-size:16px}.portfolio-home .project-card.is-logo-wall .project-card-copy small{font-size:9px}.portfolio-home .project-card.is-logo-wall:hover:before,.portfolio-home .project-card.is-logo-wall:focus-visible:before{opacity:1}.portfolio-home .project-card.is-logo-wall.is-preview-only{border-color:color-mix(in srgb,var(--color-border) 45%,transparent);cursor:default;transition:none}.portfolio-home .project-card.is-logo-wall.is-preview-only .project-card-logo,.portfolio-home .project-card.is-logo-wall.is-preview-only .project-card-wordmark{opacity:.2}.portfolio-home .project-card.is-logo-wall.is-preview-only:hover{box-shadow:none}.portfolio-home .project-card.is-logo-wall.is-preview-only:hover:before{opacity:0}.portfolio-home .project-card.is-logo-wall.is-preview-only:hover .project-card-logo,.portfolio-home .project-card.is-logo-wall.is-preview-only:hover .project-card-wordmark{opacity:.55;transform:translate(-50%,-50%) scale(1.1)}.portfolio-home .project-card.is-logo-wall.is-preview-only .project-card-copy{opacity:1;transform:translateY(0)}.portfolio-home .project-card.is-logo-wall.is-preview-only .project-card-copy strong{display:none}.portfolio-home .project-card.is-logo-wall.is-preview-only .project-card-copy small{color:var(--color-muted)}.portfolio-home .about{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:72px;row-gap:0;align-items:start;padding-top:88px;padding-bottom:88px}.portfolio-home .about>.eyebrow{grid-column:1/-1;width:100%}.portfolio-home .about-copy{grid-column:span 2;max-width:820px}.portfolio-home .about-copy>p:not(.eyebrow){margin-bottom:30px}.portfolio-home .portrait{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:var(--radius-cropped-image);object-fit:cover;object-position:center top;box-shadow:var(--shadow-image-example)}.portfolio-home .details,.portfolio-home .contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px;padding-top:80px;padding-bottom:80px}.portfolio-home .details p:not(.eyebrow){margin-bottom:8px;font-family:var(--font-accent);font-size:var(--body-accent-size);line-height:var(--line-prose-small);letter-spacing:-.02em}.portfolio-home .contact p:not(.eyebrow),.portfolio-home .contact a{margin-bottom:8px;font-size:var(--body-small-size);line-height:var(--line-prose-small)}.portfolio-home .contact a{display:flex;flex-direction:column;align-items:flex-start}.portfolio-home .contact .eyebrow{margin-bottom:44px}.portfolio-home .contact a:hover{color:var(--color-accent);cursor:var(--cursor-circle)}@media (min-width: 1281px){.portfolio-home main{width:calc(100% - 32px);margin:16px auto}.portfolio-home .portfolio-header-bar{width:calc(100% - 32px)}.portfolio-home .portfolio-header-bar,.portfolio-home .page-shell{padding-inline:max(var(--space-shell-inset-wide),calc((min(100%,var(--page-frame-max-wide)) - var(--page-content-max-wide)) / 2))}}@media (min-width: 2560px){body.portfolio-home{--home-frame-max-wide: 3200px;--home-content-max-wide: clamp(2200px, 88vw, 2800px);--home-shell-gutter: max(var(--space-shell-inset-wide), calc((min( calc(100vw - 32px) , var(--home-frame-max-wide)) - var(--home-content-max-wide)) / 2))}.portfolio-home main,.portfolio-home .portfolio-header-bar{max-width:var(--home-frame-max-wide)}.portfolio-home .portfolio-header-bar,.portfolio-home .page-shell{padding-inline:var(--home-shell-gutter)}.portfolio-home .home-work-layout{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:clamp(120px,5vw,200px);align-items:start;padding:clamp(80px,5vw,160px) var(--home-shell-gutter) clamp(120px,8vw,240px)}.portfolio-home .home-work-layout>.hero{grid-column:1 / span 2}.portfolio-home .home-project-stream{display:grid;grid-column:3 / -1;min-width:0;gap:clamp(96px,7vw,192px)}.portfolio-home .home-work-layout>.hero,.portfolio-home .home-project-stream>.project-section{padding-inline:0}.portfolio-home .home-work-layout>.hero{position:sticky;top:clamp(112px,7vw,176px);min-height:0;padding:0}.portfolio-home .home-work-layout .hero-copy{padding-right:clamp(48px,4vw,128px)}.portfolio-home .home-work-layout .hero h1{max-width:none;font-size:clamp(108px,3.2vw,128px)}.portfolio-home .home-work-layout .hero .intro{max-width:none}.portfolio-home .home-project-stream .project-section{padding-bottom:0}.portfolio-home .home-project-stream .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;justify-content:start}.portfolio-home .home-project-stream .project-grid.is-logo-wall-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.portfolio-home .home-project-stream .project-card-frame,.portfolio-home .home-project-stream .project-card{width:100%;max-width:none}.portfolio-home .home-about-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(96px,5vw,160px);align-items:start;padding:clamp(96px,7vw,192px) var(--home-shell-gutter) clamp(120px,8vw,240px)}.portfolio-home .home-about-layout>.about{display:grid;grid-column:1;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(48px,3vw,96px);padding:0}.portfolio-home .home-about-layout .portrait{grid-column:3;grid-row:2;width:100%;max-width:440px;justify-self:end}.portfolio-home .home-about-layout .about>.eyebrow{grid-column:1 / -1;grid-row:1}.portfolio-home .about-copy{grid-column:1 / span 2;grid-row:2;max-width:1400px}.portfolio-home .home-details-layout{display:grid;grid-column:2;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(48px,3vw,80px);row-gap:clamp(56px,4vw,112px);padding:0}.portfolio-home .home-details-layout>.details{display:contents}.portfolio-home .home-details-layout>.contact{display:grid;grid-column:3;grid-template-columns:1fr;gap:clamp(48px,3vw,80px);padding:0}}@media (max-width: 900px){.portfolio-home .page-shell,.portfolio-home .portfolio-header-bar{padding-inline:32px}.portfolio-home .hero{min-height:auto;padding-top:48px;padding-bottom:64px}.portfolio-home .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portfolio-home .project-grid.is-logo-wall-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.portfolio-home .about{grid-template-columns:1fr}.portfolio-home .about-copy{grid-column:auto}.portfolio-home .portrait{max-width:440px}}@media (max-width: 600px){.portfolio-home .page-shell{padding-inline:20px}.portfolio-home .hero{padding-top:36px}.portfolio-home .portfolio-header-bar{min-height:70px;gap:14px;padding:10px 12px}.portfolio-home .portfolio-header.is-condensed .portfolio-header-bar{min-height:48px;padding-block:4px}.portfolio-home .portfolio-brand{font-size:17px}.portfolio-home .portfolio-header nav{display:none}.portfolio-home .tone-selector-trigger{max-width:92px;padding-inline:6px;font-size:var(--type-eyebrow-size)}.portfolio-home .theme-toggle{gap:4px;padding-inline:6px;font-size:var(--type-eyebrow-size)}.portfolio-home h1{font-size:42px}.portfolio-home .project-grid,.portfolio-home .details,.portfolio-home .contact{grid-template-columns:1fr}.portfolio-home .project-grid.is-logo-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-home .details,.portfolio-home .contact{gap:56px}}@media (prefers-reduced-motion: reduce){.portfolio-home .project-card:before,.portfolio-home .project-card-bg,.portfolio-home .project-card-logo,.portfolio-home .project-card-wordmark,.portfolio-home .project-card-arrow,.portfolio-home .project-card-copy,.portfolio-home .project-card-hover-frame,.portfolio-home .project-card-hover-frame>span{transition:none}.portfolio-home .project-card-frame:hover .project-card.is-case-study,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card.is-case-study{transform:none}.portfolio-home .project-card-frame:hover .project-card-logo,.portfolio-home .project-card-frame:hover .project-card-wordmark,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card-logo,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card-wordmark{filter:none;transform:translate(calc(-50% - 16px),-50%)}.portfolio-home .project-card-frame:hover .project-card-copy,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card-copy{filter:none;transform:translateY(0)}.portfolio-home .project-card-frame:hover .project-card-hover-frame,.portfolio-home .project-card-frame:has(.project-card.is-case-study:focus-visible) .project-card-hover-frame{transform:none}}