body.portfolio-index,body.case-page{background:#eee8dc;color:#1b1b18;font-family:Arial,sans-serif;margin:0}body.case-page #main,body.portfolio-index #main{padding:0;max-width:none}.nav-bar{position:fixed!important;top:0!important;background:#eee8dcf2!important;height:78px!important;z-index:1000!important;border:0!important}.brand img{max-width:190px}.mf-index{padding:100px 18px 70px}.mf-filters{position:sticky;top:78px;z-index:20;margin:0 auto 22px;padding:16px;display:flex;justify-content:center;gap:22px;background:#d8ccb9f2;width:fit-content;max-width:100%;backdrop-filter:blur(14px)}.mf-filters button{border:0;background:none;padding:10px 0;cursor:pointer;font:13px Arial;white-space:nowrap;color:#333}.mf-filters button[aria-pressed=true]{border-bottom:1px solid #222}.mf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 14px}.mf-card{position:relative;text-decoration:none;color:inherit;display:block}.mf-photo{margin:0;overflow:hidden;background:#d7cbb8}.mf-photo img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08);clip-path:inset(10% 0 0);opacity:.2;transition:transform 1.3s cubic-bezier(.2,.7,.2,1),clip-path 1.1s,opacity .8s}.mf-photo.seen img{transform:scale(1);clip-path:inset(0);opacity:1}.mf-card .mf-photo{height:70vh;min-height:350px}.mf-card-caption{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding-top:14px}.mf-hover{position:absolute;bottom:56px;left:14px;right:14px;min-height:150px;padding:23px;background:#d4b483ed;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transform:translateY(18px);transition:.35s;overflow:hidden}.mf-hover strong{font-size:25px;position:relative;z-index:2}.mf-hover span{font-size:12px}.mf-hover b{position:absolute;right:12px;bottom:5px;font-size:80px;color:#cfb28b;text-shadow:1px 2px 2px #fff8,-1px -1px 2px #80603855;letter-spacing:-.1em}.mf-card:hover .mf-hover,.mf-card:focus-visible .mf-hover{opacity:1;transform:none}.mf-count{text-align:right;font-size:12px}.mf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mf-scroll{position:relative}.mf-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.mf-track{display:flex;width:max-content;height:100%;will-change:transform}.mf-track>section,.mf-track>figure{flex-shrink:0}.mf-intro{width:100vw;display:grid;grid-template-columns:1fr 1fr;height:100%;padding-top:78px}.mf-intro-copy{background:#cbb18c;padding:30px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.mf-mini{width:38%;min-width:180px;margin:auto}.mf-mini>div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:18px;gap:12px}.mf-mini .mf-photo{height:30vh;padding:10px;border:1px solid #fff8;box-shadow:inset 0 0 5px #fff9}.mf-mini p{text-align:center;font-size:13px;line-height:1.5}.mf-intro h1{font-size:clamp(40px,5.5vw,100px);letter-spacing:-.065em;line-height:.95;margin:30px 0;overflow-wrap:anywhere;width:100%;text-align:center}.mf-cover{height:100%}.mf-story{width:46vw;padding:130px 5vw 45px;display:flex;flex-direction:column;justify-content:space-between}.mf-story h2{font-size:26px;font-weight:400;text-transform:uppercase;line-height:1.15;max-width:430px}.mf-story p{font-size:15px;line-height:1.75;max-width:430px}.mf-story ul{list-style:none;padding:0}.mf-story li{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid #2227;font-size:14px}.mf-kind{font-size:clamp(30px,4vw,70px);letter-spacing:-.05em}.mf-gallery{width:48vw;height:100%;padding:100px 18px 28px}.mf-gallery:nth-of-type(2n){width:65vw;padding:170px 55px 90px}.mf-next{width:55vw;padding:110px 40px 40px;display:flex;flex-direction:column;justify-content:center}.mf-next a{color:inherit;text-decoration:none}.mf-next .mf-photo{height:46vh}.mf-next h2{font-size:40px;letter-spacing:-.05em}.mf-footer{min-height:100svh;width:100%;padding:140px 4vw 50px;display:grid;grid-template-columns:1fr 1fr;gap:70px 20vw;align-content:space-between;background:#eee8dc;box-sizing:border-box}.mf-track>.mf-footer{width:100vw}.mf-statement{font-size:26px;max-width:430px;line-height:1.15}.mf-footer>small{text-align:right;align-self:end}.mf-address{padding:35px;border:1px solid #fff;box-shadow:inset 0 0 8px #fff8}.mf-address strong{font-size:70px;letter-spacing:-.08em;color:#d9cfbe;text-shadow:1px 1px #fff,-1px -1px #b4a58f}.mf-address p,.mf-address a{font-size:12px;line-height:1.7;color:inherit}.mf-contact a{display:flex;flex-direction:column;padding:20px 0;border-top:1px solid #2229;text-decoration:none;color:inherit}.mf-contact span{font-size:36px;letter-spacing:-.05em}.mf-contact small{font-size:12px;margin-top:7px}.mf-progress{position:fixed;bottom:0;left:0;width:100%;height:3px;z-index:1001;background:#0001}.mf-progress i{display:block;height:100%;background:#b18d60}.mf-error{padding:150px 30px}
@media(max-width:991px),(prefers-reduced-motion:reduce){.mf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-sticky{height:auto;position:relative;overflow:visible}.mf-track{display:block;width:100%;height:auto;transform:none!important}.mf-intro{height:auto;min-height:100svh;grid-template-columns:1fr}.mf-intro-copy{min-height:60svh;padding-top:35px}.mf-intro .mf-cover{height:75svh}.mf-mini{width:45%;margin:0}.mf-story,.mf-gallery,.mf-gallery:nth-of-type(2n),.mf-next{width:100%;height:auto;padding:65px 24px}.mf-gallery img{height:auto;max-height:none;object-fit:contain}.mf-story{gap:25px}.mf-footer{gap:50px;padding:80px 24px 35px}.mf-progress{display:none}}
@media(max-width:600px){.mf-grid{grid-template-columns:1fr;gap:40px}.mf-index{padding:90px 12px 45px}.mf-filters{justify-content:flex-start;overflow:auto;width:100%;gap:20px;padding:10px}.mf-card .mf-photo{height:65svh}.mf-hover{display:none}.mf-footer{grid-template-columns:1fr}.mf-footer>small{text-align:left}.mf-intro h1{font-size:46px}.mf-statement{font-size:24px}}
@media(prefers-reduced-motion:reduce){.mf-photo img{transition:none;transform:none;clip-path:none;opacity:1}}

.mf-hover,.mf-intro-copy{background:var(--project-tone,#cbb18c)}
.mf-hover b{color:var(--project-tone);text-shadow:1px 2px 2px #fff8,-1px -1px 2px #0004}
.mf-overview{min-height:85svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:9vh}
.mf-overview>p{font-size:10px;letter-spacing:.12em}.mf-overview h1{font-size:clamp(42px,5.6vw,100px);line-height:.95;letter-spacing:-.065em;margin:12px 0 65px;text-transform:uppercase}
.mf-overview-strip{display:flex;width:100%;gap:8px;height:23vh;overflow:hidden;margin-top:auto;margin-bottom:30px}.mf-overview-strip a{flex:1;min-width:0;overflow:hidden}.mf-overview-strip img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.mf-overview-strip a:hover img{transform:scale(1.1)}
@media(max-width:600px){.mf-overview{min-height:75svh}.mf-overview-strip{height:18vh}.mf-overview-strip a:nth-child(n+9){display:none}}

.mf-morph-layer{position:fixed;inset:0;z-index:21;pointer-events:none;overflow:hidden}.mf-morph-layer[hidden]{display:none}.mf-morph-layer img{position:absolute;object-fit:cover;max-width:none;will-change:width,height,left,top}.mf-morphing .mf-grid .mf-photo,.mf-morphing .mf-overview-strip{visibility:hidden}.mf-morphing .mf-grid .mf-card-caption{opacity:0}
