/*
Theme Name: De Paaf Site V3
Theme URI: https://depaaf.com/
Author: De Paaf
Description: Lightweight, editable De Paaf homepage.
Version: 3.0.0
Requires at least: 6.6
*/















:root{--paper:#efe5d9;--ink:#483e42;--muted:#6f5f65;--green:#694f59;--footer:#cec1ba;--serif:'Plus Jakarta Sans',sans-serif;--sans:'Plus Jakarta Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}a{color:inherit}img{display:block;max-width:100%;height:auto}.site-header{height:76px;padding:12px 4%;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:5}.brand{font:52px/1 var(--serif);text-decoration:none}nav.main-nav{display:flex;gap:38px;font:16px var(--serif)}nav.main-nav a{text-decoration:none}.menu-toggle{display:none;background:none;border:0;font:inherit}.hero{min-height:600px;height:47.1vw;max-height:800px;position:relative;background:#eae2d9 url('assets/desktop-hero.webp') center/cover no-repeat;display:grid;grid-template-columns:minmax(220px,24%) 1fr 210px;gap:22px;align-items:center;padding:72px 1.6% 25px 4%}.hero-copy{z-index:2;align-self:center;max-width:300px}.hero-copy h1,.works-copy h2{font:clamp(42px,4.1vw,58px)/1.04 var(--serif);font-weight:400;margin:0 0 15px}.hero-copy p{font:18px/1.5 var(--serif);color:#483e42;max-width:245px;margin:0 0 25px}.pill-link{display:inline-flex;gap:25px;align-items:center;background:var(--green);color:white;padding:13px 22px;border-radius:32px;text-decoration:none;font-size:14px;min-width:188px}.pill-link span:last-child{font-size:24px;line-height:1}.frame-stage{position:absolute;inset:3.825vw auto auto 16.1%;width:71.48%;aspect-ratio:16/9;min-width:0;z-index:1;background:none!important;pointer-events:none}.frame-stage:focus{outline:none}.frame-stage:focus-visible{outline:2px solid #694f59}.movable{position:absolute;width:9.6%;height:auto;transform:translate(-50%,-3%);touch-action:none;cursor:grab;z-index:2;user-select:none}.movable:active{cursor:grabbing}.movable img{width:100%;height:auto;pointer-events:none}.movable .shadow{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:-1}.movable.placed .shadow{opacity:.72}.hotspot{position:absolute;width:8%;height:8%;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;z-index:4;pointer-events:auto}.hotspot:focus-visible{outline:2px dashed #694f59}.hotspot::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);border:1px solid rgba(105,79,89,.45);border-radius:50%;background:rgba(255,251,246,.5)}.hotspot.is-selectable::after{background:#694f59;box-shadow:0 0 0 3px rgba(105,79,89,.12)}.movable{transform-origin:50% 6.2%}.movable.is-dragging .shadow{opacity:0}.art-panel .hand{display:block;width:24px;height:27px;margin-bottom:7px}.art-panel{background:rgba(255,251,246,.95);border-radius:16px;padding:18px 16px;align-self:center;z-index:3}.art-panel h2{font:23px/1.06 var(--serif);font-weight:400;margin:0 0 12px}.art-panel p{font:12px/1.45 var(--sans);color:#483e42;margin:0 0 14px}.inventory{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.inventory-item{border:0;border-radius:8px;background:#eee8e1;padding:0;overflow:hidden;cursor:grab;aspect-ratio:1.18;position:relative}.inventory-item img{width:100%;height:100%;object-fit:cover}.inventory-item[aria-disabled=true]{filter:grayscale(1);opacity:.55}.inventory-item:focus-visible{outline:3px solid #694f59}.reset-button{font:12px var(--sans);background:none;border:0;text-decoration:underline;padding:13px 0 0;cursor:pointer}.interaction-status{position:absolute;left:-9999px}.no-js-note{display:none}.works{display:grid;grid-template-columns:22% 1fr;align-items:center;gap:2.5%;padding:52px 4% 48px;background:#f8efe7}.works-copy h2{margin-bottom:12px}.works-copy p{font:17px/1.4 var(--serif);color:#483e42;margin:0 0 13px;max-width:250px}.text-arrow{font-size:14px;text-decoration:none;border-bottom:1px solid #aaa;padding-bottom:3px}.work-slider{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;position:relative}.work-card{min-width:0}.work-card a{display:block}.work-card img{height:auto;aspect-ratio:4/3;width:100%;object-fit:contain;border-radius:8px;background:#ddd}.slider-controls{display:flex;justify-content:space-between;position:absolute;inset:50% -25px auto;transform:translateY(-50%);pointer-events:none}.slider-controls button{pointer-events:auto;border:0;background:transparent;font:30px var(--serif);cursor:pointer}.site-footer{background:var(--footer);padding:28px 4%;display:flex;justify-content:space-between;align-items:center;min-height:150px}.footer-brand{font:44px/1 var(--serif)}.footer-copy{font:16px/1.25 var(--serif);margin:5px 0}.footer-meta{font:13px var(--serif);color:#483e42;margin-top:10px}.footer-contact{text-align:left;font:17px var(--serif)}.footer-contact p{margin:0 0 7px}.footer-contact a{font:14px var(--sans);text-decoration:none;border-bottom:1px solid #aaa}.site-footer,.site-footer *{box-shadow:none}.mobile-composition{display:none}.deferred-link:focus-visible{outline:2px solid #694f59;outline-offset:3px}.deferred-message{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#29291f;color:white;padding:12px 18px;border-radius:4px;z-index:99}#depaaf-pagina-volgt{display:none}#depaaf-pagina-volgt:target,#depaaf-pagina-volgt.is-visible{display:block}.wp-block-post-featured-image img{width:100%;height:auto}.wp-block-post-template{list-style:none;margin:0;padding:0}.wp-block-query{margin:0}
@media(max-width:900px){.hero{grid-template-columns:minmax(180px,25%) 1fr 188px;gap:12px;padding-left:3%}.hero-copy h1{font-size:42px}.art-panel{padding:14px 12px}.works{grid-template-columns:1fr;gap:22px}.works-copy{display:grid;grid-template-columns:1fr 1fr;align-items:end}.works-copy h2{grid-column:1/-1}.works-copy p{margin:0}.work-card img{height:150px}}
@media(max-width:1100px){html{scroll-behavior:auto}.site-header{height:66px;padding:10px 6%;position:absolute}.brand{font-size:44px}.menu-toggle{display:block;width:34px;height:32px;padding:0;position:relative}.menu-toggle:before,.menu-toggle:after,.menu-toggle span{content:'';height:1px;background:#694f59;position:absolute;left:2px;right:2px}.menu-toggle:before{top:7px}.menu-toggle span{top:15px}.menu-toggle:after{top:23px}nav.main-nav{display:none;position:absolute;top:58px;right:5%;background:#f6eee5;padding:16px;flex-direction:column;gap:12px}nav.main-nav.open{display:flex}.hero{display:block;padding:0;height:auto;min-height:0;background:none}.frame-stage,.art-panel{display:none}.mobile-composition{display:block;width:100%;height:auto;aspect-ratio:1280/720;object-fit:cover}.hero-copy{max-width:none;padding:22px 5.5% 24px}.hero-copy h1{font-size:clamp(32px,8vw,42px);margin:0 0 6px}.hero-copy p{font-size:17px;max-width:none;margin:0;color:#483e42}.hero-copy .pill-link{display:none}.works{display:block;padding:24px 4.5% 22px}.works-copy{display:none}.work-slider{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:0 12px;position:relative}.work-card img{height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:8px}.slider-controls{inset:50% -5px auto}.slider-controls button{font-size:25px;background:rgba(248,239,231,.68);padding:0 2px}.mobile-works-link{display:inline-flex;margin:17px 0 0 0}.site-footer{min-height:0;display:block;padding:23px 4.5% 17px}.footer-brand,.footer-copy,.footer-meta{display:none}.footer-contact{font-size:clamp(23px,6vw,30px)}.footer-contact a{display:inline-block;font:17px var(--serif);border:1px solid #39342e;border-radius:30px;padding:10px 17px;margin-top:6px}.site-footer:after{content:'© De Paaf';display:block;color:#483e42;font:16px var(--serif);padding-top:20px;margin:20px -4.8% -17px;padding:17px 4.8% 14px;background:#f7efe8}.works .pill-link{min-width:0}.no-js-note{display:block;padding:8px 5%}}
@media(max-width:350px){.works{padding-inline:3%}.work-slider{gap:8px;padding-inline:10px}.work-card img{aspect-ratio:4/3}.hero-copy{padding-inline:5%}.hero-copy h1{font-size:31px}.footer-contact{font-size:22px}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.wp-site-blocks>*{margin-block-start:0!important}.hero>.hero-copy,.hero>.interactive-composition,.works>.work-slider{margin-block-start:0!important}
.hero{background:#eae2d9}.frame-stage::before{content:"";position:absolute;inset:0;background:url('assets/desktop-hero.webp') center/100% 100% no-repeat;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 92%,transparent),linear-gradient(transparent,#000 4%,#000 90%,transparent);mask-composite:intersect}.hero::before{content:"";position:absolute;left:0;bottom:0;width:26.5%;height:20.3vw;background:url('assets/desktop-hero.webp') left bottom/100vw auto no-repeat;mask-image:linear-gradient(to top,#000 75%,transparent),linear-gradient(to right,#000 75%,transparent);mask-composite:intersect}.hero-copy{grid-column:1;grid-row:1;margin:0!important;position:relative;z-index:3;max-width:min(18.4vw,235px)}.hero-copy h1{font-size:clamp(42px,3.75vw,52px)}.hero-copy>*,.works-copy>*{margin-inline:0!important}nav.main-nav{position:absolute;left:50%;transform:translateX(-50%)}.interactive-composition{display:contents}.frame-stage{background:none!important}.frame-stage .movable{pointer-events:auto;z-index:4;width:5.5%;transform:translate(-50%,-6.2%)}.frame-stage .hotspot{z-index:3}.movable .shadow{left:-7%;top:-1%;width:115%;height:107%;object-fit:fill}.art-panel{position:absolute;right:1.6%;top:9%;width:16.4%;max-height:calc(91% - 20px);overflow:auto;z-index:5}.inventory-item img{object-fit:contain}.inventory-item[aria-disabled=true]{filter:grayscale(1);opacity:.55}
.slider-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%}.work-slider{display:block}.work-card img{height:auto;aspect-ratio:4/3;object-fit:contain}.work-card[hidden],.slider-controls[hidden]{display:none!important}.mobile-works-link{display:none}

@media(max-width:1100px){.hero{background:none}.hero::before{display:none}.hero-copy{margin:0!important;max-width:none}.hero-copy h1{font-size:clamp(32px,8vw,42px)}nav.main-nav{left:auto;transform:none}.interactive-composition{display:none}.mobile-composition{display:block}.mobile-composition img{width:100%;height:auto;object-fit:contain}.works{margin:0!important}.work-slider{margin:0!important}.slider-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.work-card img{height:auto;aspect-ratio:4/3}.slider-controls{display:flex;justify-content:space-between;gap:12px;padding:12px 0}.slider-controls button{border:1px solid #766f67;background:transparent;width:42px;height:42px;font-size:24px;cursor:pointer}.mobile-works-link{display:inline-flex}.site-footer{display:block}.site-footer:after{background:var(--footer)}.site-header nav.main-nav{display:none}.site-header nav.main-nav.open{display:flex}.site-header .brand{margin:0}.site-header .brand a{text-decoration:none}}

/* V3: native page and artwork layouts; leave the desktop composition intact. */
.composition-hint{display:flex;align-items:center;gap:10px}.composition-hint .hand{flex:none}
.site-header{z-index:20}nav.main-nav .wp-block-navigation__submenu-container{background:var(--paper)!important;border:1px solid #bcb1a4!important;box-shadow:0 12px 28px #211f1b20;padding:10px!important;min-width:175px!important}nav.main-nav a:hover,nav.main-nav a:focus-visible{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.content-page,.catalog-page,.detail-page{padding:100px max(5%,calc((100vw - 1350px)/2)) 65px;min-height:75vh}.content-page h1,.catalog-page h1,.detail-page h1{font:clamp(42px,5vw,68px)/1.05 var(--serif);font-weight:400;margin:0 0 24px}.content-page h2,.detail-page h2{font:32px/1.15 var(--serif);font-weight:400}.content-page p{max-width:60ch}.about-page,.catalog-page{background:#efe5d9}.about-intro,.about-story{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:5%;margin-bottom:65px}.about-story{grid-template-columns:1.15fr 1fr}.about-page img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}.about-page .tagline{font:24px/1.25 var(--serif)}
body:has(.contact-page) .wp-site-blocks{min-height:100svh;display:flex;flex-direction:column;background:#eee6db url('assets/contact-desktop.jpg') center/cover no-repeat;color:#483e42}body:has(.contact-page) .entry-content{flex:1;display:flex}body:has(.contact-page) .site-header,body:has(.contact-page) .site-footer,body:has(.contact-page) .site-footer:after{background:transparent}body:has(.contact-page) .site-footer{color:#483e42}body:has(.contact-page) .footer-meta,body:has(.contact-page) .site-footer:after{color:#483e42}.contact-page{background:transparent;display:flex;align-items:center;flex:1;min-height:0}.contact-page .contact-copy{background:transparent;padding:0;max-width:370px}.contact-page .contact-intro{max-width:30ch;margin-top:0;color:#483e42;font-size:20px;line-height:1.45}.contact-page .contact-email{margin-top:20px;font-size:17px}.contact-page .contact-email a{text-decoration:underline;text-underline-offset:3px}.contact-page .contact-arrow{display:inline-block;margin-left:16px;font-size:24px;line-height:1}.contact-page .contact-mobile-photo{display:none}.contact-page a{word-break:break-word}
.catalog-page{min-height:0}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;max-width:1024px}.catalog-card{text-decoration:none;font:20px/1.2 var(--serif)}.catalog-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;margin-bottom:8px;border-radius:8px}.catalog-card small,.catalog-card>span>span[aria-hidden="true"]{display:none}.catalog-card>span{display:block;text-decoration:underline;text-underline-offset:4px}.catalog-intro{max-width:55ch;margin-bottom:35px}.catalog-page .wp-block-post-terms{display:none}
.detail-crumb{color:var(--muted);font-size:13px;margin-bottom:24px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:5%}.detail-stage{position:relative}.detail-stage>img{width:100%;max-height:650px;object-fit:contain;background:#f2e8dd}.detail-expand{position:absolute;right:10px;bottom:10px;border:1px solid #9d9489;background:var(--paper);width:34px;height:34px;cursor:pointer}.detail-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 0}.detail-thumb{flex:0 0 82px;width:82px;height:72px;padding:0;border:2px solid transparent;background:none;cursor:pointer}.detail-thumb[aria-pressed=true]{border-color:var(--green)}.detail-thumb img{width:100%;height:100%;object-fit:cover}.detail-info h1{margin-top:0}.detail-facts{border-block:1px solid #cfc3b6;padding:18px 0}.detail-facts>div{display:grid;grid-template-columns:95px 1fr;gap:10px;font-size:14px}.detail-facts dt{color:var(--muted)}.detail-facts dd{margin:0}.detail-description{margin:30px 0}.detail-video video,.detail-video iframe{width:100%;max-height:340px;aspect-ratio:16/9;border:0}.detail-neighbors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;border-top:1px solid #cfc3b6;margin-top:55px;padding-top:20px}.detail-neighbors a{display:grid;text-decoration:none;font-size:12px}.detail-neighbors span{font:22px var(--serif)}.detail-lightbox{width:min(95vw,1200px);max-height:95vh;border:0;padding:48px 14px 14px;background:var(--paper)}.detail-lightbox::backdrop{background:rgba(20,20,18,.87)}.detail-lightbox img{max-height:calc(95vh - 80px);width:100%;object-fit:contain}.lightbox-close{position:absolute;right:12px;top:10px;background:none;border:0;cursor:pointer;font:16px var(--sans)}
@media(max-width:1100px){.site-header nav.main-nav.open{top:62px;left:auto;right:3%;width:min(310px,94vw);max-height:calc(100vh - 70px);overflow:auto;padding:20px!important;border:1px solid #bcb1a4;background:var(--paper);box-shadow:0 14px 30px #211f1b2b;transform:none}.site-header nav.main-nav.open .wp-block-navigation__container{align-items:stretch;flex-direction:column;gap:12px}.site-header nav.main-nav .wp-block-navigation__submenu-container{position:static!important;box-shadow:none;min-width:0!important;padding-left:14px!important}.mobile-composition{height:min(64vh,570px);overflow:hidden}.mobile-composition img{height:100%;object-fit:cover;object-position:center}.hero-copy{padding-top:12px;padding-bottom:12px}.content-page,.catalog-page,.detail-page{padding:85px 5% 45px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(.contact-page) .wp-site-blocks{background-image:linear-gradient(#f6eee599,#f6eee599),url('assets/contact-mobile.jpg')}.contact-page .contact-mobile-photo{display:none}.contact-page{display:flex;padding:26px 6%;min-height:0}.contact-page .contact-copy{padding:0;max-width:370px;background:transparent}.detail-layout{grid-template-columns:1fr;gap:22px}}
@media(max-width:600px){.catalog-grid{grid-template-columns:1fr}.about-intro,.about-story{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-bottom:35px}.about-story img{order:-1}.content-page h1,.catalog-page h1,.detail-page h1{font-size:38px}.catalog-card{font-size:16px}.detail-thumb{flex-basis:65px;width:65px;height:65px}.mobile-composition{height:min(63vh,510px)}.contact-page .contact-mobile-photo{height:55vh}}
/* Keep supplied imagery whole and reference body typography on native pages. */
.about-page img{aspect-ratio:auto;object-fit:contain;height:auto}.about-page p,.catalog-page p,.contact-page p{font-family:var(--serif)}
.catalog-page:has(.catalog-intro){display:block}.catalog-page .catalog-intro{margin:0 0 35px}.catalog-page .catalog-intro h1{margin-bottom:12px}
@media(max-width:1100px){.mobile-composition{height:auto;aspect-ratio:1280/720;overflow:visible}.mobile-composition img{width:100%;height:auto;aspect-ratio:1280/720;object-fit:contain}.contact-page .contact-mobile-photo{height:auto;margin:0}.contact-page .contact-mobile-photo img{width:100%;height:auto;object-fit:contain}.catalog-page:has(.catalog-intro){display:block}.catalog-page .catalog-intro{margin-bottom:26px}
  html:not(.js-ready) .site-header{position:relative;height:auto;align-items:flex-start;flex-wrap:wrap;background:var(--paper)}html:not(.js-ready) .site-header .menu-toggle{display:none}html:not(.js-ready) .site-header nav.main-nav{display:flex;position:static;transform:none;width:100%;padding:12px 0;flex-direction:column;gap:10px}html:not(.js-ready) .site-header nav.main-nav .wp-block-navigation__container{align-items:flex-start;flex-direction:column}html:not(.js-ready) .site-header nav.main-nav .wp-block-navigation__submenu-container{position:static!important;display:flex!important;visibility:visible!important;opacity:1!important;padding-left:14px!important;box-shadow:none}
}
@media(max-width:600px){.about-intro{display:grid;grid-template-columns:1fr;gap:16px}.about-intro>.wp-block-group{display:contents}.about-intro h1{order:1;margin-bottom:0}.about-intro .tagline{order:2;margin:0}.about-intro figure{order:3;margin:0}.about-intro p:not(.tagline){order:4;margin:0}.about-story figure{margin:0}.contact-page .contact-copy{padding-top:16px}}
@media(max-width:1100px){.contact-page .contact-copy{margin-block-start:0!important}}
.detail-untitled{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Short catalogue pages keep the footer at the viewport edge without stretching the category panel. */
.wp-site-blocks:has(> main.catalog-page){min-height:100vh;display:flex;flex-direction:column;background:#efe5d9}
.wp-site-blocks:has(> main.catalog-page)>.wp-block-template-part:last-child{margin-block-start:auto!important}
.catalog-grid-single{grid-template-columns:minmax(0,1fr)}.catalog-grid-single .catalog-card{width:100%;max-width:500px}.catalog-grid-single img{max-height:min(68vh,680px)}
.detail-minimal .detail-layout{grid-template-columns:minmax(0,1fr);gap:12px;max-width:900px}.detail-minimal .detail-info{margin-top:4px}.detail-minimal .detail-neighbors{max-width:900px;margin-top:26px}.detail-minimal .detail-stage>img{max-height:min(68vh,650px)}
@media(max-width:1100px){.catalog-grid-single{grid-template-columns:minmax(0,1fr)}.detail-minimal .detail-layout{gap:8px}}
/* Artwork detail: editorial two-column desktop, image-first mobile, compact optional media. */
.detail-page{background:#f2e8dd;color:var(--ink)}
.detail-crumb{margin-bottom:24px}
.detail-mobile-title{display:none}
.detail-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start;gap:6%}
.detail-stage>img{display:block;width:100%;height:min(66vw,680px);max-height:none;object-fit:contain;background:#f2e8dd;border-radius:4px}
.detail-expand{width:42px;height:42px;border-radius:3px;font-size:23px;opacity:.92}
.detail-expand:hover{opacity:1;background:#fffaf4}
.detail-thumbs{padding:12px 0 0;gap:9px}
.detail-thumb{flex:0 0 clamp(64px,13vw,112px);width:clamp(64px,13vw,112px);height:clamp(64px,13vw,112px);border-radius:4px;overflow:hidden}
.detail-facts{border-block:0;border-top:1px solid #cfc3b6;border-bottom:1px solid #cfc3b6;margin:0;padding:17px 0}
.detail-facts>div{grid-template-columns:84px 1fr;font:16px/1.55 var(--serif);padding:3px 0}
.detail-description{margin:24px 0 18px;font:16px/1.6 var(--serif)}
.detail-description h2{font:18px/1.3 var(--sans);margin:0 0 10px}
.detail-description p{margin:0 0 12px}
.detail-info .pill-link{min-width:188px;justify-content:space-between}
.detail-neighbors{align-items:stretch;margin-top:42px;padding-top:20px}
.detail-neighbor-card{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:22px;min-width:0;max-width:380px;text-decoration:none!important}.detail-neighbor-card.is-previous{grid-column:1;justify-self:start}.detail-neighbor-card.is-next{grid-column:2;justify-self:end}
.detail-neighbor-card.is-next{grid-template-columns:minmax(0,1fr) 92px;text-align:right}.detail-neighbor-card.is-next .neighbor-copy{grid-column:1;grid-row:1}.detail-neighbor-card.is-next img{grid-column:2;grid-row:1}
.detail-neighbor-card img{width:92px;height:92px;object-fit:cover;border-radius:4px}
.neighbor-copy{display:grid;gap:8px}
.neighbor-copy small{font:11px var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.neighbor-copy strong{font:23px/1.15 var(--serif);font-weight:400}
.neighbor-copy>span{font:13px var(--serif);text-decoration:underline;text-underline-offset:4px}
.detail-lightbox[open]{position:fixed;inset:0;margin:auto;width:100vw;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;padding:64px 5vw 24px;background:rgba(25,23,20,.97);color:white;display:grid;place-items:center;z-index:1000}
.detail-lightbox::backdrop{background:rgba(25,23,20,.97)}
.detail-lightbox img{width:100%;height:100%;max-height:none;object-fit:contain}
.lightbox-close{position:fixed;top:18px;right:22px;color:white;font-size:15px;padding:8px 12px;border:1px solid #ffffff70;border-radius:3px}
@media(max-width:1100px){
 .detail-page{padding:78px 5% 38px}
 .detail-crumb{margin-bottom:12px}
 .detail-mobile-title{display:block;font:clamp(34px,8vw,44px)/1.08 var(--serif);font-weight:400;margin:0 0 14px}
 .detail-info h1{display:none}
 .detail-layout{display:flex;flex-direction:column;gap:0}
 .detail-media{display:contents}
 .detail-stage{order:1;width:100%}
 .detail-stage>img{height:auto;max-height:66vh;aspect-ratio:4/3;object-fit:contain}
 .detail-thumbs{order:2;width:100%;padding:10px 0 17px;gap:8px}
 .detail-thumb{flex-basis:clamp(62px,22vw,100px);width:clamp(62px,22vw,100px);height:clamp(62px,22vw,100px)}
 .detail-video{order:3;width:100%;margin-bottom:16px}
 .detail-info{order:4;width:100%}
 .detail-facts{padding:10px 0}
 .detail-facts>div{grid-template-columns:110px 1fr;font-size:15px}
 .detail-description{margin:16px 0}
 .detail-description h2{font:24px/1.2 var(--serif)}
 .detail-neighbors{margin-top:24px;padding-top:14px;gap:10px}
 .detail-neighbor-card{min-width:0;grid-template-columns:clamp(42px,14vw,78px) minmax(0,1fr);gap:9px;text-align:left;padding:6px;border:1px solid #ddd1c5;border-radius:4px}
 .detail-neighbor-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
 .neighbor-copy{gap:4px}
 .neighbor-copy small{font-size:9px}
 .neighbor-copy strong{font-size:17px}
 .neighbor-copy>span{font-size:11px}
}
@media(max-width:420px){.detail-neighbors{gap:7px}.detail-neighbor-card{padding:5px;gap:7px}.neighbor-copy strong{font-size:15px}}


/* Layla responsive corrections: exact image proportions, menu treatment and mobile CTA alignment. */
@media(max-width:1100px){
 .site-header{position:relative;background:var(--paper)}
 .mobile-composition{display:block;width:100%;height:66dvh;max-height:none;aspect-ratio:auto;overflow:hidden}
 .mobile-composition img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center}
 .hero{height:auto!important;min-height:0!important;max-height:none!important}
 .hero-copy{padding-top:12px;padding-bottom:18px}
 .site-header nav.main-nav.open{position:fixed;inset:0;width:100vw;height:100dvh;max-height:none;overflow-y:auto;box-sizing:border-box;z-index:20;padding:98px 8% 32px!important;border:0;background:var(--paper);box-shadow:none;display:flex;align-items:stretch;justify-content:flex-start;transform:none}
 .site-header nav.main-nav.open:before{content:none}
 .site-header nav.main-nav.open .wp-block-navigation__container{width:100%;height:auto!important;align-items:stretch;flex-direction:column;justify-content:flex-start!important;gap:0}
 .site-header nav.main-nav.open .wp-block-navigation-item.has-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;height:auto!important}
 .site-header nav.main-nav.open .wp-block-navigation-item.has-child>a{grid-column:1;grid-row:1}
 .site-header nav.main-nav.open .wp-block-navigation-item.has-child>.wp-block-navigation-submenu__toggle{grid-column:2;grid-row:1;justify-self:end}
 .site-header nav.main-nav.open .wp-block-navigation-item.has-child>.wp-block-navigation__submenu-container{grid-column:1/-1;grid-row:2}
 .site-header nav.main-nav.open .wp-block-navigation-item>a{display:block;padding:13px 0;font:clamp(26px,7vw,38px)/1.15 var(--serif)}
 .site-header nav.main-nav.open .wp-block-navigation-submenu__toggle{min-height:48px}
 .site-header nav.main-nav.open .wp-block-navigation__submenu-container{position:static!important;width:100%;padding:2px 0 8px 20px!important;border:0!important;background:transparent!important}
 .site-header nav.main-nav.open .wp-block-navigation__submenu-container a{font:19px/1.3 var(--serif);padding:8px 0}
 .site-header .menu-toggle{z-index:22}
 .site-header .menu-toggle[aria-expanded=true]:before{top:15px;transform:rotate(45deg)}
 .site-header .menu-toggle[aria-expanded=true]:after{top:15px;transform:rotate(-45deg)}
 .site-header .menu-toggle[aria-expanded=true] span{display:none}
 .site-footer{display:block;text-align:left!important}
 .site-footer .footer-contact,.site-footer .footer-contact p{text-align:left!important;margin-left:0!important}
 .contact-page .contact-copy,.detail-info,.catalog-page,.content-page{text-align:left}
}
@media(max-width:1100px){
 .site-footer{display:block!important}
 .site-footer .footer-contact{display:block!important;width:100%!important;margin:0!important;text-align:left!important}
 .site-footer .footer-contact>p{display:block!important;width:auto!important;margin-inline:0!important;text-align:left!important}
}
@media(max-width:1100px){html:not(.js-ready) .site-header nav.main-nav{display:flex!important;position:static;transform:none;flex-direction:column;overflow:visible;width:auto;height:auto;max-height:none;padding:8px 0;background:transparent;box-shadow:none;border:0}html:not(.js-ready) .site-header .menu-toggle,html:not(.js-ready) .site-header nav.main-nav .wp-block-navigation-submenu__toggle{display:none!important}}
@media(max-width:1100px){html:not(.js-ready) nav.main-nav .wp-block-navigation__container{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%}html:not(.js-ready) nav.main-nav .wp-block-navigation-item.has-child{display:block;width:100%;height:auto}html:not(.js-ready) nav.main-nav .wp-block-navigation__submenu-container{display:flex!important;position:static!important;flex-direction:column;align-items:stretch;width:100%;height:auto;gap:8px;overflow:visible}}

/* Artwork editor and detail-page finishing: compact media, real optional video, image-first mobile. */
.detail-info{min-width:0}.detail-info>.detail-crumb{margin-top:0;margin-bottom:22px}
.detail-media-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,108px));gap:9px;margin-top:12px;align-items:start}
.detail-media-strip .detail-thumb,.detail-video-trigger{width:100%;height:auto;aspect-ratio:1;padding:0;overflow:hidden}
.detail-media-strip .detail-thumb img{width:100%;height:100%;object-fit:cover}
.detail-video{min-width:0}
.detail-video-trigger{display:grid;place-content:center;gap:8px;background:#ded3c8;color:var(--ink);border:1px solid #c5b9ad;cursor:pointer;font:13px var(--sans)}
.video-play{display:grid;place-items:center;width:38px;height:38px;border:1px solid #756b64;border-radius:50%;margin:auto;font-size:15px;padding-left:3px}
.video-caption{font:12px var(--serif)}
.detail-video-player{grid-column:1/-1;width:min(100%,650px);position:relative;padding-top:34px}
.detail-video-player video,.detail-video-player iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0}
.detail-video-close{position:absolute;top:0;right:0;border:1px solid #b8ada2;background:var(--paper);padding:5px 10px;cursor:pointer}
@media(max-width:1100px){
 .detail-info{display:contents}
 .detail-layout{display:flex;flex-direction:column;gap:0}
 .detail-media{display:contents}
 .detail-info>.detail-crumb{order:0;margin-bottom:12px;width:100%}
 .detail-info>h1{display:block;order:1;width:100%;margin:0 0 14px}
 .detail-stage{order:2}
 .detail-media-strip{order:3;width:100%;margin:10px 0 17px}
 .detail-info>.detail-facts{order:4}
 .detail-info>.detail-description{order:5}
 .detail-info>.pill-link{order:6}
 .detail-neighbor-card.is-next{grid-template-columns:minmax(0,1fr) clamp(42px,14vw,78px);text-align:right}
 .detail-neighbor-card.is-next .neighbor-copy{grid-column:1;grid-row:1}
 .detail-neighbor-card.is-next img{grid-column:2;grid-row:1}
}

/* Complete feedback 1/2 + 2/2: shared current tokens and component corrections. */
:root{--content-inset:max(5%,calc((100vw - 1350px)/2))}
body{font-weight:400;font-optical-sizing:auto;font-synthesis:none}
button,input,textarea,select{font-family:var(--sans);font-optical-sizing:auto}
h1,h2,h3,h4,h5,h6,.brand,.footer-brand,.hero-copy h1,.works-copy h2,.art-panel h2,.content-page h1,.content-page h2,.catalog-page h1,.detail-page h1,.detail-page h2,.neighbor-copy strong{font-family:var(--sans);font-weight:400}
button,.pill-link{font-family:var(--sans);font-weight:400}
.site-header{padding-inline:var(--content-inset)}
.hero{padding-left:var(--content-inset)}
.works,.site-footer{padding-inline:var(--content-inset)}
.content-page,.catalog-page,.detail-page{padding-inline:var(--content-inset)}
.site-footer,body:has(.contact-page) .site-footer,.site-footer:after,body:has(.contact-page) .site-footer:after{background:#cec1ba}
.detail-page,.detail-stage>img{background:var(--paper)}
.reset-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:32px;background:var(--green);color:white;font:400 16px var(--sans);padding:9px 15px;min-height:34px;margin-top:16px;text-decoration:none}
.reset-button:after{content:none}
.slider-controls button{display:grid;place-items:center;border:0;background:none;width:44px;height:44px;padding:8px;cursor:pointer}
.slider-controls button img{height:28px;width:auto;max-width:100%}
.slider-controls [data-prev] img{transform:scaleX(-1)}
.work-filters{display:flex;flex-wrap:nowrap;gap:12px;max-width:100%;overflow-x:auto;margin:0 0 30px;padding-bottom:3px}
.work-filters[hidden],.catalog-card[hidden],.work-filter-empty[hidden]{display:none!important}
.work-filters .pill-link{min-width:0;min-height:40px;padding:9px 18px;border:2px solid var(--green);flex:0 0 auto;white-space:nowrap;font-size:14px;cursor:pointer}
.work-filters [aria-pressed=false]{background:var(--green);color:white}
.work-filters [aria-pressed=true]{background:var(--green);color:white;box-shadow:inset 0 0 0 2px var(--paper)}
.catalog-card.is-filter-entering{animation:paaf-filter-in 160ms ease-out}
@keyframes paaf-filter-in{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.catalog-card.is-filter-entering{animation:none}}
@media(max-width:1100px){
 .hero{padding-left:0}
 .hero-copy{padding-inline:var(--content-inset)}
 .site-header nav.main-nav.open .wp-block-navigation-item>a{font-weight:400}
 .works{padding-top:48px}
 .works-copy{display:block;margin-bottom:24px}
 .works-copy h2{margin-bottom:0}
 .works-copy p,.works-copy .pill-link{display:none}
 .slider-controls{position:static;transform:none;inset:auto;display:flex;justify-content:space-between;gap:12px;padding:14px 0 0}
 .work-slider{padding-inline:0}
 .site-footer:after{margin-inline:0;padding-inline:0}
 .footer-contact a{font-weight:400}
 body:has(.contact-page) .wp-site-blocks{background:#efe5d9;background-image:none}
 .contact-page{padding:26px var(--content-inset)}
 .contact-page .contact-mobile-photo{display:none!important}
}

/* Final owner type roles override stored block inline styles and native strong defaults. */
:root{--wp--preset--color--ink:#483e42;--wp--preset--color--green:#694f59}
body,body *{font-family:var(--sans)!important;font-weight:400!important;font-synthesis:none;font-size:16px!important}
body{color:var(--ink)}
h1,h2,.hero-copy h1,.works-copy h2,.content-page h1,.content-page h2,.catalog-page h1,.detail-page h1,.detail-page h2,.detail-mobile-title{font-size:clamp(42px,5vw,68px)!important}
.art-panel h2{font-size:16px!important}
.detail-crumb,.detail-crumb *{font-size:13px!important}
.detail-crumb,.detail-facts dt,.neighbor-copy small{color:var(--muted)}
.site-footer,.site-footer *,body:has(.contact-page) .site-footer,.site-footer:after,body:has(.contact-page) .site-footer:after{color:var(--ink)}
.pill-link,.reset-button,.work-filters .pill-link{background:var(--green);color:white;border-color:var(--green)}
.detail-expand,.lightbox-close,.detail-video-close,.detail-video-trigger{color:var(--green);border-color:var(--green)}
.detail-video-trigger .video-play{border-color:var(--green)}
/* Keep image-bearing/transparent controls intact; tint their existing icon treatment only. */
.brand{width:101.05px;height:52px;margin:0;flex:none}
.footer-brand{width:85.5px;height:44px}
.brand a,.footer-brand a,.mobile-nav-brand{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}
.brand img,.footer-brand img,.mobile-nav-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.mobile-nav-brand{display:none}
@media(max-width:1100px){
 .brand{width:85.5px;height:44px}
 .site-header nav.main-nav.open>.mobile-nav-brand{display:flex;position:fixed;left:var(--content-inset);top:11px;width:85.5px;height:44px;padding:0}
 .site-header nav.main-nav.open .wp-block-navigation-item>a{font-size:16px!important}
}


/* Layla feedback round 2 */
.site-header{background:#f6eee5!important;box-shadow:none!important}
.site-header:before,.site-header:after{content:none!important;display:none!important}

.hero-copy h1{line-height:1.02!important;margin-bottom:10px!important}
.hero-copy p{display:none!important}.hero-copy .pill-link{margin-top:0!important}
.mobile-composition{aspect-ratio:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;background:none!important}
.mobile-composition img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:unset!important;object-position:initial!important}
.works{background:var(--paper)!important}
.mobile-works-copy{display:none;margin:0 0 20px!important}
.mobile-works-copy h1{font-size:clamp(32px,8vw,42px)!important;margin:0 0 8px!important;line-height:1.08!important}
.mobile-works-copy p{font-size:16px!important;margin:0 0 14px!important}
.mobile-works-link{font-size:16px!important;min-width:0!important;padding:11px 20px!important}
.slider-controls{position:static!important;transform:none!important;display:flex!important;justify-content:center!important;gap:16px!important;padding:14px 0 0!important}
@media(min-width:1101px){.work-slider{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr)!important;column-gap:0!important;align-items:center}.work-slider>.slider-track{grid-column:1/-1}.slider-controls{position:static!important;grid-column:1/-1;justify-content:center!important;gap:16px!important;margin-top:4px}.slider-controls button{width:44px!important}.slider-track{padding:0 60px}}
.art-panel{background:#a79a8a!important}.composition-hint span{font-size:13px!important;line-height:1.22!important;display:block;overflow:visible}.reset-button{font-size:13px!important;font-weight:400!important}
.work-filters{flex-wrap:wrap!important;overflow:visible!important;gap:12px!important}.work-filters .pill-link{font-size:16px!important;font-weight:400!important}
.detail-info h1,.detail-mobile-title{font-size:32px!important;line-height:1.12!important;font-weight:400!important}.detail-description h2{font-size:22px!important;line-height:1.15!important;font-weight:400!important}.detail-description,.detail-description p{font-size:16px!important;font-weight:400!important}
.site-footer .footer-copy{display:none!important}
@media(max-width:1100px){.mobile-composition img{width:100%!important}.works-copy{display:none!important}.works{background:var(--paper)!important}.work-filters{flex-wrap:wrap!important;overflow:visible!important}.detail-info h1,.detail-mobile-title{font-size:28px!important}.detail-description h2{font-size:20px!important}}
body,.wp-site-blocks{background:#efe5d9!important;color:#483e42!important}body *{font-weight:400!important}

.contact-page{background-image:url('assets/contact-desktop-round2.png')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
@media(max-width:1100px){.contact-page{background-image:none!important;background-color:#efe5d9!important}.contact-page .contact-mobile-photo{display:none!important}}

@media(min-width:1101px){.art-panel{width:16.4%;top:max(88px,9%);max-height:calc(100% - max(88px,9%) - 20px)}}
@media(min-width:1101px) and (max-width:1300px){.composition-hint{display:grid;grid-template-columns:1fr;gap:6px}}
@media(max-width:1100px){.detail-info h1,.detail-mobile-title{font-size:28px!important}.mobile-works-copy{display:block!important}}

@media(min-width:1101px){.work-slider{padding:0 56px!important}.slider-controls{position:absolute!important;inset:50% 56px auto!important;transform:translateY(-50%)!important;justify-content:space-between!important;gap:16px!important;margin:0!important;padding:0!important;pointer-events:none}.slider-controls button{pointer-events:auto!important}}
@media(max-width:1100px){.hero-copy{display:none!important}.mobile-works-copy{display:block!important}.mobile-works-copy p{display:block!important}.mobile-works-copy .mobile-works-link{display:inline-flex!important}}

@media(max-width:1100px){.works>.mobile-works-link{display:none!important}}