.mikas-portfolio-page { background:#f5f1e9; }
.mikas-portfolio-page #site-header,.mikas-portfolio-page #site-footer,.mikas-portfolio-page .page-header { display:none; }
.mikas-portfolio-page .site-main,.mikas-portfolio-page .page-content { width:100%;max-width:none!important;margin:0!important;padding:0!important; }
.mf-site { --mf-paper:#f5f1e9;--mf-ink:#273e30;--mf-olive:#6a7250;--mf-line:#cccbbd;--mf-serif:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,Helvetica,sans-serif; color:var(--mf-ink);background:var(--mf-paper);font-family:var(--mf-serif);font-size:16px;line-height:1.65;overflow:hidden; }
.mf-site * { box-sizing:border-box; }
.mf-site a { color:inherit;text-decoration:none; }
.mf-site button { font:inherit;cursor:pointer;border-radius:0; }
.mf-site h1,.mf-site h2,.mf-site h3,.mf-site p { margin:0; }
.mf-site h1,.mf-site h2,.mf-site h3 { color:var(--mf-ink);font-family:var(--mf-serif);font-weight:600; }
.mf-site button:focus-visible,.mf-site a:focus-visible,.mf-strip:focus-visible { outline:3px solid #ad7847;outline-offset:6px; }
.mf-site .mf-image { display:block;width:100%;height:100%;object-fit:cover; }
.mf-site .mf-skip { position:absolute;top:-120px;left:20px;z-index:100;background:#fff;padding:12px 22px; }
.mf-site .mf-skip:focus { top:40px; }
.mf-header { display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:auto;padding:28px 5.5%;border-bottom:1px solid var(--mf-line); }
.mf-brand { display:flex;align-items:center;gap:20px;line-height:1; }
.mf-brand>span { font-family:var(--mf-serif);font-size:2.8rem;font-weight:700;letter-spacing:-2px; }
.mf-brand-dot { color:#8c9169; }
.mf-brand small { font-size:.875rem;letter-spacing:.2em;margin-top:12px; }
.mf-nav { display:flex;gap:32px;align-items:center;font-size:.925rem; }
.mf-nav a { position:relative; }
.mf-nav a:not(.mf-nav-contact):after { content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s; }
.mf-nav a:hover:after { transform:scaleX(1); }
.mf-nav-contact { border:1px solid var(--mf-ink);padding:11px 18px;transition:background .2s,color .2s; }
.mf-nav-contact:hover { background:var(--mf-ink);color:var(--mf-paper); }
.mf-menu-button { display:none; }
.mf-preview-note { margin:22px 5.5% 0;padding:10px 16px;border:1px dashed #b7b59e;font-size:.875rem;color:#58624b; }
.mf-hero { display:grid;grid-template-columns:1.12fr 1fr;gap:7%;max-width:1440px;padding:65px 5.5% 64px;margin:auto;align-items:center; }
.mf-eyebrow { font-size:.875rem;letter-spacing:.17em;line-height:1.6;font-weight:500; }
.mf-hero-copy .mf-eyebrow { display:flex;align-items:center;gap:12px;margin-bottom:33px; }
.mf-fine-rule { width:37px;height:1px;background:var(--mf-olive); }
.mf-hero h1 { font-size:clamp(3.2rem,6.2vw,6rem);line-height:1.02;letter-spacing:-.06em; }
.mf-italic,.mf-site em { font-style:normal;color:var(--mf-olive);font-weight:600; }
.mf-hero-intro { max-width:350px;padding-top:28px;font-size:1.0625rem;line-height:1.8; }
.mf-hero-actions { display:flex;flex-wrap:wrap;gap:23px;align-items:center;margin-top:35px; }
.mf-site .mf-button { display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 25px;background:var(--mf-ink);border:1px solid var(--mf-ink);color:var(--mf-paper);font-size:.925rem;transition:background .2s,transform .2s; }
.mf-site .mf-button:hover { background:#3e5641;transform:translateY(-2px); }
.mf-small-note { font-family:var(--mf-serif);font-size:1.0625rem;font-style:normal; }
.mf-hero-bottom { display:flex;gap:16px;justify-content:space-between;font-size:.875rem;letter-spacing:.1em;border-top:1px solid var(--mf-line);padding-top:20px;margin-top:68px; }
.mf-hero-counter { color:#707563; }
.mf-hero-visual { min-width:0;position:relative; }
.mf-hero-photo { aspect-ratio:4/4.6;overflow:hidden;border-radius:16px;background:#b2b49b; }
.mf-photo-placeholder { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:100%;padding:35px;text-align:center;background:linear-gradient(155deg,#d4d5c4 0%,#b4b79d 45%,#879777 100%); }
.mf-photo-placeholder span { font-size:.875rem;letter-spacing:.2em; }
.mf-photo-placeholder small { font-family:var(--mf-serif);font-size:1.15rem;font-style:normal;max-width:220px; }
.mf-photo-caption { display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:19px;font-size:.875rem;letter-spacing:.15em; }
.mf-script { font-family:var(--mf-serif);font-size:.875rem;font-style:normal;letter-spacing:.04em; }
.mf-work { padding:70px 0 40px;border-top:1px solid var(--mf-line);scroll-margin-top:30px; }
.mf-section-heading { max-width:1440px;padding:0 5.5%;margin:auto auto 44px;display:flex;justify-content:space-between;gap:40px;align-items:end; }
.mf-section-heading .mf-eyebrow { margin-bottom:15px; }
.mf-site h2 { font-size:clamp(2.1rem,4.1vw,3.9rem);letter-spacing:-.045em;line-height:1.15; }
.mf-site .mf-motion-button { background:transparent;border:0;border-bottom:1px solid var(--mf-line);color:var(--mf-ink);padding:9px 0;font-size:.875rem;white-space:nowrap; }
.mf-motion-button span { margin-left:13px;font-size:1rem; }
.mf-strip { overflow:hidden;padding:18px 0; }
.mf-strip-track { display:flex;gap:22px;width:max-content;animation:mf-drift 62s linear infinite; }
.mf-strip-group { display:flex;gap:22px;align-items:center; }
.mf-strip-photo { height:320px;width:250px;flex-shrink:0;overflow:hidden;border-radius:2px; }
.mf-strip-photo-1 { width:400px;height:270px; }
.mf-strip-photo-2 { width:270px;height:350px; }
.mf-placeholder-strip { display:flex;align-items:center;justify-content:center;background:#c6c9b8;color:#4c5b40;font-size:.875rem;letter-spacing:.2em; }
.mf-placeholder-strip:nth-child(even) { background:#c5b9a6;color:#5f5545; }
.mf-placeholder-strip:nth-child(3n) { background:#929c80;color:#f7f3eb; }
@keyframes mf-drift { to { transform:translateX(calc(-50% - 11px)); } }
.mf-strip:hover .mf-strip-track,.mf-strip:focus-within .mf-strip-track,.mf-site.mf-paused .mf-strip-track { animation-play-state:paused; }
.mf-work-bottom { max-width:1440px;margin:26px auto 0;padding:0 5.5%;display:flex;gap:30px;justify-content:space-between;font-size:.875rem; }
.mf-work-bottom span:last-child { font-size:.875rem;letter-spacing:.1em; }
.mf-albums { padding:95px 0 90px;scroll-margin-top:30px; }
.mf-section-intro { max-width:345px;font-size:1rem; }
.mf-album-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:1440px;padding:0 5.5%;margin:auto; }
.mf-album { display:block;min-width:0; }
.mf-album-image { position:relative;aspect-ratio:4/4.8;overflow:hidden;background:#c1c7b1; }
.mf-album .mf-image { transition:transform .5s; }
.mf-album:hover .mf-image { transform:scale(1.045); }
.mf-album-open { position:absolute;bottom:20px;left:20px;background:#f5f1e9;padding:9px 15px;color:var(--mf-ink);font-size:.875rem; }
.mf-album-meta { display:flex;justify-content:space-between;gap:20px;padding-top:18px;margin-bottom:8px;font-size:.875rem;letter-spacing:.09em;text-transform:uppercase; }
.mf-site .mf-album h3 { font-size:1.9rem;letter-spacing:-.035em;line-height:1.25; }
.mf-album p { margin-top:10px;font-size:.925rem;line-height:1.6; }
.mf-album-placeholder { display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;padding:25px;color:#3e5038; }
.mf-album-example:nth-child(2) .mf-album-placeholder { background:#cbbda7;color:#675641; }
.mf-album-example:nth-child(3) .mf-album-placeholder { background:#a3ae92; }
.mf-album-placeholder>span { font-size:.875rem;letter-spacing:.15em; }
.mf-album-placeholder small { font-family:var(--mf-serif);font-size:1.25rem;font-style:normal; }
.mf-album-footnote { max-width:1440px;margin:32px auto 0!important;padding:0 5.5%;font-size:.875rem;color:#606a56; }
.mf-about { display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;max-width:1440px;margin:auto;padding:75px 8% 105px;border-top:1px solid var(--mf-line);scroll-margin-top:20px; }
.mf-about-visual { position:relative;aspect-ratio:4/4.5;background:#ded8ca; }
.mf-about-placeholder { background:#ddd8cb;color:#77765b; }
.mf-about-monogram { display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--mf-serif);font-size:10rem;color:#acb098; }
.mf-about-label { position:absolute;bottom:-18px;left:24px;padding:11px 17px;background:var(--mf-ink);color:var(--mf-paper);font-size:.875rem;letter-spacing:.15em; }
.mf-about-copy .mf-eyebrow { margin-bottom:22px; }
.mf-about-copy h2 { font-size:clamp(2.2rem,3.5vw,3.5rem);max-width:440px; }
.mf-prose { margin-top:28px;max-width:450px;font-size:1rem;line-height:1.8; }
.mf-prose p+p { margin-top:18px; }
.mf-signature { display:block;font-family:var(--mf-serif);font-style:normal;font-size:1.3rem;margin-top:20px;color:var(--mf-olive); }
.mf-contact { text-align:center;background:var(--mf-ink);color:var(--mf-paper);padding:80px 5.5% 85px;scroll-margin-top:20px; }
.mf-contact .mf-eyebrow { color:#cfccb2;margin-bottom:22px; }
.mf-site .mf-contact h2 { color:var(--mf-paper);font-size:clamp(2.6rem,5.5vw,5rem); }
.mf-contact em { color:#c9ceb0; }
.mf-contact>p:not(.mf-eyebrow) { max-width:500px;margin:24px auto 0; }
.mf-contact-actions { margin-top:32px;display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap; }
.mf-site .mf-button-light { background:var(--mf-paper);color:var(--mf-ink);border-color:var(--mf-paper); }
.mf-site .mf-button-light:hover { background:#e4e3d2; }
.mf-instagram { border-bottom:1px solid #b9c3ae;font-size:.925rem; }
.mf-disabled { opacity:.75; }
.mf-footer { max-width:1440px;margin:auto;padding:30px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.875rem; }
.mf-footer-brand { font-family:var(--mf-serif);font-size:2.4rem;letter-spacing:-2px;line-height:1.2; }
@media(min-width:1800px) { .mf-hero h1 { font-size:6rem; } }
@media(max-width:1000px) { .mf-header { padding:24px 5%; }.mf-brand { gap:12px; }.mf-brand small { font-size:.875rem;letter-spacing:.08em; }.mf-nav { gap:18px; }.mf-hero { gap:5%; }.mf-hero-bottom { flex-direction:column;margin-top:40px;gap:5px; }.mf-album-grid { gap:20px; }.mf-work-bottom span:last-child { display:none; } }
@media(max-width:760px) {
 .mf-header { position:relative;flex-wrap:wrap;padding:20px 6%;gap:15px; }.mf-brand>span { font-size:2.65rem; }.mf-brand small { margin-top:8px; }.mf-menu-button { display:flex;align-items:center;gap:14px;padding:9px 0;background:transparent;border:0;color:var(--mf-ink);font-size:.925rem!important; }.mf-nav { display:none;flex-direction:column;align-items:stretch;width:100%;gap:0;padding-top:15px;border-top:1px solid var(--mf-line); }.mf-nav.mf-open { display:flex; }.mf-nav a { padding:12px 0; }.mf-nav .mf-nav-contact { padding:12px 15px;margin-top:8px;max-width:220px; }
 .mf-preview-note { margin:20px 6% 0;font-size:.875rem; }.mf-hero { grid-template-columns:1fr;padding:46px 6% 40px;gap:40px; }.mf-hero-copy .mf-eyebrow { margin-bottom:25px; }.mf-hero h1 { font-size:clamp(3.1rem,11vw,5rem);line-height:1.03; }.mf-hero-intro { max-width:90%;padding-top:24px; }.mf-hero-bottom { display:none; }.mf-hero-actions { gap:20px;margin-top:27px; }.mf-hero-visual { max-width:500px;width:100%;margin:0 auto; }.mf-hero-photo { aspect-ratio:4/4.3; }.mf-photo-caption { gap:10px;letter-spacing:.08em; }.mf-script { font-size:1.5rem; }
 .mf-work { padding-top:48px; }.mf-section-heading { padding:0 6%;flex-direction:column;align-items:start;gap:22px;margin-bottom:25px; }.mf-site h2 { font-size:2.55rem; }.mf-strip-track,.mf-strip-group { gap:14px; }.mf-strip-photo { width:190px;height:250px; }.mf-strip-photo-1 { width:290px;height:210px; }.mf-strip-photo-2 { width:210px;height:270px; }@keyframes mf-drift { to { transform:translateX(calc(-50% - 7px)); } }.mf-work-bottom { padding:0 6%;margin-top:16px; }
 .mf-albums { padding:50px 0 55px; }.mf-section-intro { max-width:95%; }.mf-album-grid { padding:0 6%;grid-template-columns:1fr;gap:38px; }.mf-album-image { aspect-ratio:4/3.7; }.mf-site .mf-album h3 { font-size:2rem; }.mf-album-footnote { padding:0 6%; }
 .mf-about { grid-template-columns:1fr;padding:50px 6% 55px;gap:50px; }.mf-about-visual { max-width:440px;width:100%;aspect-ratio:4/3.6; }.mf-about-copy h2 { font-size:2.7rem; }.mf-prose { max-width:none; }.mf-contact { padding:60px 6%; }.mf-site .mf-contact h2 { font-size:3.1rem; }.mf-footer { flex-wrap:wrap;padding:28px 6%;gap:18px; }.mf-footer span { width:calc(100% - 120px);text-align:right; }.mf-footer>a:last-child { width:100%;border-top:1px solid var(--mf-line);padding-top:16px; }
}
@media(prefers-reduced-motion:reduce) { .mf-strip-track { animation:none; }.mf-strip { overflow-x:auto; }.mf-strip-group[aria-hidden="true"] { display:none; }.mf-site * { scroll-behavior:auto!important;transition:none!important; } }
