html{scrollbar-color:#777 #0e0e12;scrollbar-width:thin}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#0e0e12}::-webkit-scrollbar-thumb{background:#777;border-radius:6px}
.brand-lockup{height:54px}.brand-lockup .brand-logo{height:42px;max-height:100%;width:auto;max-width:90px;object-fit:contain}
.work{background:#0e0e12}.work-card,.work-card:nth-child(-n+2),.work-card:last-child{background:#171719;color:#f2f2f3;border:1px solid #ffffff08;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,1,.36,1),filter .4s,background .4s}.work-card:hover{background:#202023;transform:translateY(-6px) scale(1.025)!important;z-index:3}.work-grid:has(.work-card:hover) .work-card:not(:hover){filter:saturate(.88) brightness(.9)!important;transform:scale(.985)!important}.card-heading{color:var(--category-color)}.category-icon{display:inline-block;background:var(--category-color);width:26px;height:24px;mask-image:var(--icon);-webkit-mask-image:var(--icon);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;flex:none}.card-heading svg{display:none}.work-card>p{color:#a3a3ac;white-space:normal;font-size:clamp(13px,1.35vw,23px);line-height:1.6}.work-card h3{color:#f4f4f5}.category-arrow{display:none}.view-work{color:var(--category-color);font-size:clamp(13px,1.2vw,20px);font-weight:500;margin:22px .8vw 0}.card-media{background:#f4f4f4}.card-media img{transition:none;transform:none}.card-heading{font-size:clamp(12px,1.15vw,22px)}
#category-view,#project-view{min-height:100svh;padding:140px 3.2vw 70px;background:#070708;color:#f5f5f5}#category-view[hidden],#project-view[hidden]{display:none}.page-back{display:inline-block;margin-bottom:54px;color:#9ca09e;font-size:14px}.category-page-title{display:flex;align-items:center;gap:24px;margin:0 0 9vw;font-size:clamp(28px,5.1vw,98px);font-weight:500;line-height:1.1;letter-spacing:.03em}.category-page-title .category-icon{width:1em;height:.8em}.category-page-title .heading-arrow{margin-left:auto;width:.65em;height:.65em;float:none}.category-project{display:grid;grid-template-columns:.85fr 1.15fr;gap:4vw;margin-bottom:8vw;align-items:stretch;color:inherit;border-radius:28px;padding:16px;transition:transform .55s var(--ease),background .4s;transform-origin:center}.category-project:hover,.category-project:focus-visible{transform:scale(1.018);background:#ffffff05;filter:none}.category-project:nth-child(2n){grid-template-columns:1.15fr .85fr}.category-project:nth-child(2n) .project-summary{order:2}.project-summary{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:10px 0;min-height:310px}.project-summary h2{font-size:clamp(26px,3.1vw,58px);font-weight:400;letter-spacing:-.025em;line-height:1.2}.project-summary h3{font-size:clamp(20px,2vw,36px);font-weight:500;margin-top:22px}.project-summary p{color:#9c9da6;font-size:clamp(15px,1.2vw,22px);margin-top:26px;line-height:1.7}.project-summary ul{padding-left:24px;color:#c3c3c8;line-height:1.9}.project-summary li::marker{color:var(--category-color)}.project-preview{display:block;background:#222326;border-radius:28px;overflow:hidden;min-height:310px;aspect-ratio:1.9}.project-preview img{display:block;width:100%;height:100%;object-fit:cover}.media-pending{display:flex;align-items:center;justify-content:center;color:#8b8d94;font-size:14px;min-height:100%;background:#202123}.project-fixed-title{position:sticky;top:70px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 0;background:#070708eb;backdrop-filter:blur(12px);margin-bottom:7vw}.project-fixed-title h1{font-size:clamp(30px,5vw,96px);font-weight:500;line-height:1.1;letter-spacing:.03em}.project-fixed-title img{width:clamp(35px,4vw,72px)}.project-media-list{display:grid;gap:24px}.project-media-list img,.project-media-list video{display:block;width:100%;height:auto;border-radius:24px;background:#202123}.detail-placeholder{aspect-ratio:16/9;background:#202123;border-radius:24px;display:grid;place-items:center;color:#8b8d94}.media-caption{margin:12px 0;color:#a8a8af;font-size:14px}.project-end{display:inline-block;margin-top:50px;color:var(--category-color)}
@media(max-width:800px){.work-card,.work-card:nth-child(-n+2),.work-card:last-child{border-radius:18px}.work-card h3,.work-card:nth-child(n+3) h3{font-size:clamp(16px,2.05vw,24px)}.work-card>p,.work-card:nth-child(n+3)>p{font-size:12px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.work-card,.work-card:nth-child(-n+2),.work-card:last-child{grid-column:span 1;padding:20px 16px}.work-card:last-child{grid-column:span 2}.card-media,.work-card:nth-child(n+3) .card-media{aspect-ratio:1.6}.view-work{font-size:13px}.card-heading{font-size:12px}.category-icon{width:22px;height:22px}.category-project,.category-project:nth-child(2n){grid-template-columns:1fr;padding:0;gap:20px;margin-bottom:70px}.category-project:nth-child(2n) .project-summary{order:0}.project-summary{min-height:200px}.category-page-title{gap:12px;overflow-wrap:anywhere}.category-page-title .heading-arrow{display:none}.project-preview{min-height:200px}.project-fixed-title{top:64px}.project-fixed-title h1{font-size:clamp(24px,6vw,45px)}#category-view,#project-view{padding-top:110px}.page-back{margin-bottom:35px}}
@media(max-width:440px){.work-grid{grid-template-columns:1fr}.work-card,.work-card:nth-child(-n+2),.work-card:last-child{grid-column:auto}.work-card h3,.work-card:nth-child(n+3) h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.work-card:hover,.work-grid:has(.work-card:hover) .work-card:not(:hover),.category-project:hover{transform:none!important}}
.portfolio-home[hidden],.contact-footer[hidden]{display:none!important}.category-page-title>span:not(.category-icon){min-width:0;overflow-wrap:anywhere}
@supports selector(::-webkit-scrollbar){html{scrollbar-width:auto}}
/* Let normal document flow pull the call-to-action and all following sections up. */
.folder-fan{min-height:0;max-height:none}.folder-section h2{margin-top:0}.footer-background::after{background:rgba(14,14,18,var(--contact-overlay,.58))}.footer-background>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.gallery-tile{padding:0}.gallery-tile img{width:100%;height:100%;display:block;object-fit:cover}

/* The supplied biography slides share this native ratio; retain all artwork. */
.about .bio-media{aspect-ratio:1724/656}
/* Folder-section brand scales with the composition instead of staying fixed. */
.folder-section .section-logo{width:min(80px,5.555556vw);height:auto;max-width:100%}