/* One visual language, different rhythms for campaigns and personal work. */
#portfolio-view .page-heading{padding:56px var(--gutter)!important}
#portfolio-view .page-heading h1{font-size:clamp(40px,6vw,84px)!important;line-height:1.02!important}
#portfolio-view .project-card,#portfolio-view .project-card:hover,#portfolio-view .project-card:focus-visible{border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
#portfolio-view .project-card .project-card-content{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 16px!important;padding:14px 0 0!important;background:transparent!important;border:0!important;align-items:baseline}
#portfolio-view .project-card .project-name{grid-column:1;grid-row:1;font-size:clamp(19px,2vw,27px)!important;line-height:1.2!important;letter-spacing:.015em!important;margin:0!important;white-space:normal}
#portfolio-view .project-card .brand{grid-column:2;grid-row:1;font-family:var(--body)!important;font-size:13px!important;line-height:1.4!important;font-weight:400;color:#626262!important;text-align:right}
#personal-view .personal-category-card,#personal-view .personal-category-card:hover,#personal-view .personal-category-card:focus-visible{border:0!important;box-shadow:none!important;transform:none!important;border-radius:0!important}
#personal-view .category-card-copy{position:static!important;display:flex!important;flex-direction:row!important;align-items:baseline!important;justify-content:space-between;gap:16px!important;padding:14px 0 0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#personal-view .category-card-copy strong{font-size:clamp(19px,2vw,27px)!important;line-height:1.2!important;letter-spacing:.015em!important;text-transform:none;transition:color .2s}
#personal-view .category-card-copy>span{font-size:13px!important;line-height:1.4!important;white-space:nowrap;color:#626262!important;font-weight:400}
.landing-hover-preview{position:absolute;right:5vw;bottom:15vh;width:clamp(180px,22vw,340px);aspect-ratio:4/3;object-fit:cover;pointer-events:none;opacity:0;transform:translateY(16px) rotate(4deg);transition:opacity .25s,transform .4s;z-index:2}
.landing-hover-preview.is-visible{opacity:1;transform:translateY(0) rotate(-3deg)}
@media(max-width:900px),(prefers-reduced-motion:reduce){.landing-hover-preview{display:none}}
#portfolio-view .portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:64px 28px!important}
#portfolio-view .project-card{grid-column:span 6!important;min-width:0}
#portfolio-view .project-card:first-child{grid-column:span 7!important}
#portfolio-view .project-card:nth-child(2){grid-column:span 5!important;align-self:end}
#portfolio-view .project-card:nth-child(3),#portfolio-view .project-card:nth-child(4){grid-column:span 6!important}
#portfolio-view .project-card:nth-child(5){grid-column:span 5!important}
#portfolio-view .project-card:nth-child(6){grid-column:span 7!important;align-self:end}
#portfolio-view .project-card:nth-child(7),#portfolio-view .project-card:nth-child(8){grid-column:span 6!important}
#portfolio-view .project-card img,#portfolio-view .project-card:first-child img{aspect-ratio:5/4!important;object-fit:cover!important}
#portfolio-view .project-card:nth-child(2) img{aspect-ratio:1/1!important}
#portfolio-view .page-heading{margin-bottom:48px!important}
#portfolio-view .portfolio-grid{gap:48px 28px!important}
#personal-view .personal-category-menu{padding-top:0!important}
#personal-view .personal-category-heading{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));padding:56px var(--gutter)!important;margin-bottom:48px}
#personal-view .personal-category-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:48px 28px!important}
#personal-view .personal-category-card{grid-column:span 6;min-width:0}
#personal-view .personal-category-card:nth-child(1){grid-column:span 7}
#personal-view .personal-category-card:nth-child(2){grid-column:span 5;align-self:end}
#personal-view .personal-category-card:nth-child(2)>img{aspect-ratio:1/1}
#personal-view .personal-category-card:nth-child(5){grid-column:span 5}
#personal-view .personal-category-card:nth-child(6){grid-column:span 7;align-self:end}
#personal-view .personal-category-card>img{aspect-ratio:5/4}
#personal-view .category-card-copy{padding-top:18px!important}
#personal-view .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:36px 24px!important;align-items:start}
#personal-view .archive-item-media{aspect-ratio:4/5;background:#f4f4f4}
#personal-view .archive-item-media img{object-fit:contain!important}
#personal-view.video-ai-mode .archive-item-media{aspect-ratio:16/10}
#personal-view .archive-heading{padding-top:24px!important;margin-bottom:16px}
#case-view .case-content{max-width:1600px!important}
#case-view .behance-hero{padding-top:56px;padding-bottom:56px}
#case-view .case-hero-copy{align-items:start}
#case-view .case-project-description{padding:16px 0 32px!important}
#case-view .case-project-story{background:#073cf5;padding:40px;gap:48px!important;margin-bottom:48px!important}
#case-view .case-project-story p,#case-view .case-project-story .eyebrow{color:white!important}
#case-view .case-project-nav{display:grid;grid-template-columns:1fr 1fr;padding-top:24px!important}
#case-view .case-project-link{padding:28px!important;background:#073cf5!important;text-align:left;min-height:180px}
#case-view .case-project-link strong{color:white!important;font-size:clamp(20px,2.6vw,38px)!important}
.site-nav button{position:relative}.site-nav button::after{content:'';position:absolute;bottom:5px;left:0;right:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-nav button:hover::after{transform:scaleX(1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#portfolio-view .project-card img,#personal-view .personal-category-card>img,.archive-item-media{transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s!important}#portfolio-view .project-card:hover img,#personal-view .personal-category-card:hover>img{transform:translateY(-7px)!important;filter:saturate(1.08)!important}#portfolio-view .project-card:hover .project-name,#personal-view .personal-category-card:hover strong{color:#073cf5!important}.archive-item:hover .archive-item-media{transform:translateY(-5px)}.landing-areas button{transition:transform .3s}.landing-areas button:hover{transform:translateY(-4px)}}
@media(max-width:900px){#portfolio-view .project-card:nth-child(n){grid-column:span 6!important}#portfolio-view .project-card:nth-child(2) img,#portfolio-view .project-card:nth-child(7) img{aspect-ratio:16/11!important}#personal-view .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){#portfolio-view .portfolio-grid{display:grid;grid-template-columns:1fr!important;gap:36px!important}#portfolio-view .project-card:nth-child(n){grid-column:auto!important}#portfolio-view .page-heading{padding-top:32px!important;padding-bottom:32px!important;margin-bottom:32px!important}#personal-view .personal-category-grid{grid-template-columns:1fr!important;gap:32px!important}#personal-view .personal-category-card:nth-child(n){grid-column:auto}#personal-view .personal-category-card:nth-child(n)>img{aspect-ratio:4/3}#personal-view .personal-category-heading{padding:32px var(--gutter)!important}#personal-view .archive-grid{gap:24px 12px!important}#case-view .case-project-story{padding:24px;gap:24px!important}#case-view .case-project-nav{grid-template-columns:1fr}#case-view .case-project-link{min-height:120px}.category-card-copy strong{overflow-wrap:anywhere}}