/*
Theme Name: Marion Meier Art
Text Domain: marion-meier-art
Description: Minimal portfolio based on Marion Meier catalogue
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/
html{scroll-behavior:smooth}*{box-sizing:border-box}body.marion-art{margin:0;background:#fff;color:#4a4a4a;font-family:Arial,Helvetica,sans-serif;font-weight:300}
.art-header{position:fixed;z-index:50;top:0;left:0;right:0;padding:34px 7vw;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.art-logo,.menu-toggle{pointer-events:auto}.art-logo{position:relative;z-index:52;color:#555;text-decoration:none;font-size:14px;font-weight:300;letter-spacing:.48em;white-space:nowrap}.art-logo span{color:#aaa}
.menu-toggle{position:relative;z-index:52;width:34px;height:26px;padding:3px 0;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.menu-toggle span{display:block;width:100%;height:1px;background:#555;transition:transform .35s ease,opacity .25s ease}.menu-toggle.active span:nth-child(1){transform:translateY(9.5px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)}
.art-menu{pointer-events:auto;position:fixed;inset:0;background:rgba(255,255,255,.985);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;display:flex;align-items:center}.art-menu.open{opacity:1;visibility:visible}.menu-inner{width:86%;max-width:950px;margin:auto}.menu-inner>p{font-size:10px;letter-spacing:.15em;color:#999;margin:0 0 50px}.menu-inner a{display:flex;align-items:baseline;gap:35px;padding:18px 0;color:#555;text-decoration:none;font-size:clamp(28px,4vw,54px);font-weight:300;border-bottom:1px solid #eee}.menu-inner a span{width:25px;font-size:10px;color:#aaa}
.art-hero{min-height:62vh;padding:21vh 7vw 7vh}.art-hero h1{margin:0;max-width:600px;font-weight:300;font-size:23px;line-height:1.65;letter-spacing:.03em;color:#555}
.art-series{padding:9vh 7vw 14vh;background:#fff;color:#555}.art-series-head{margin:0 0 65px}.art-series-head p{margin:0 0 20px;font-size:12px;color:#777}.art-series h2{font-size:28px;line-height:1.25;font-weight:300;margin:0;color:#555}.art-statement{max-width:760px;margin:0 0 100px;font-size:13px;line-height:1.75;color:#666}.art-statement p{margin:0 0 20px}.art-grid{display:grid;grid-template-columns:1fr;gap:90px}.art-work{max-width:1050px}.art-image{width:100%;background:#fff;display:flex;align-items:center;justify-content:center}.art-image img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain}.art-placeholder{background:#f7f7f7!important;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.art-placeholder:before{display:none!important}.art-placeholder span{font-size:9px;letter-spacing:.1em;color:#bbb}.art-caption{padding-top:12px}.art-caption h3{font-size:12px;line-height:1.5;font-weight:300;margin:0}.art-caption p{font-size:10px;line-height:1.5;margin:2px 0 0;color:#888}.art-contact{padding:12vh 7vw}.art-footer{margin:0 7vw;padding:24px 0 38px;border-top:1px solid #eee;display:flex;justify-content:space-between;font-size:9px;color:#999}.art-footer a{color:#999;text-decoration:none}
.art-image-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.art-image-open img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain}.art-lightbox{position:fixed;z-index:1000;inset:0;background:#fff;display:none;visibility:hidden;opacity:0;pointer-events:none;overflow:auto;-webkit-overflow-scrolling:touch}.art-lightbox:target{display:block;visibility:visible;opacity:1;pointer-events:auto}.art-lightbox-stage{min-width:100%;min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:70px 30px 30px}.art-lightbox-stage img{display:block;width:auto;height:auto;max-width:none;max-height:none}.art-lightbox-close{position:fixed;z-index:1001;top:20px;right:24px;width:42px;height:42px;background:rgba(255,255,255,.9);font-size:36px;font-weight:200;line-height:42px;text-align:center;color:#555;text-decoration:none;cursor:pointer}.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.art-menu,.menu-toggle span{transition:none}}
@media(min-width:900px){.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5vw}.art-series-head,.art-statement{margin-left:12%}}
@media(max-width:760px){.art-header{padding:25px 22px}.art-logo{font-size:11px;letter-spacing:.34em}.menu-toggle{width:28px;height:22px}.menu-toggle.active span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.menu-toggle.active span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.art-hero{padding:19vh 22px 8vh;min-height:52vh}.art-series{padding:8vh 22px 12vh}.art-series-head{margin-bottom:45px}.art-statement{margin-bottom:65px}.art-grid{gap:65px}.art-footer{margin:0 22px}.menu-inner{width:calc(100% - 44px)}.menu-inner a{font-size:30px}}