/*
Theme Name: Holz & Hardware
Description: Individuelles Block-Theme mit Zeichenbrett-Layout und austauschbaren Entwurfsbildern.
Version: 0.13.0
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: holz-und-hardware
*/
:root{--huh-ink:#232520;--huh-muted:#686961;--huh-line:#a5a49b}
html{scroll-behavior:smooth}body{background:white;color:var(--huh-ink);}*{box-sizing:border-box}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:2px solid #786441;outline-offset:5px}.wp-site-blocks{padding-top:0;padding-bottom:0}.wp-site-blocks>main{margin-top:0}.huh-home,.huh-header,.huh-footer{max-width:1200px!important;margin-inline:auto!important}h1,h2,h3,p,figure{margin-top:0}img{max-width:100%;height:auto}p{color:var(--huh-muted)}h1,h2,h3{color:var(--huh-ink)}.huh-header{display:flex;align-items:center;justify-content:space-between;position:relative;padding:18px 0 20px;gap:24px}.huh-header:after,.huh-contact:before,.huh-footer:before{content:"";position:absolute;left:-4%;right:-4%;height:12px;background:url('assets/pencil.svg') center/100% 12px no-repeat;bottom:-6px;pointer-events:none}.huh-monogram{font-size:26px;letter-spacing:-4px;font-weight:400;margin:0;color:var(--huh-ink);transform:skewY(-12deg)}.huh-monogram a{text-decoration:none}.huh-monogram span{font-weight:200;color:#8e8d85}.huh-header .wp-block-navigation{font-size:11px;text-transform:uppercase;letter-spacing:.13em;gap:32px}.huh-header .wp-block-navigation-item__content{text-decoration:none}.huh-hero{display:flex;align-items:center;gap:0!important;padding:30px 0 26px;position:relative;min-height:430px;margin-bottom:0!important}.huh-hero-copy{padding:8px 0 24px 18px;position:relative;z-index:1}.huh-kicker{font-size:10px;letter-spacing:.17em;line-height:1.5;text-transform:uppercase;color:#41433e;margin-bottom:12px}.huh-hero h1{margin:14px 0 22px}.huh-hero-copy>p:not(.huh-kicker){max-width:340px;font-size:15px;line-height:1.45}.huh-hero-art{width:116%;max-width:none;margin:0 -9% 0 -6%}.huh-hero-art img{display:block;width:100%}.wp-block-buttons{gap:12px}.wp-block-button__link{font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:13px 18px;border:1px solid #24251f;border-radius:0;line-height:1.3}.wp-block-button__link span{margin-left:12px}.is-style-outline .wp-block-button__link{border-color:#898a83;background:white;color:#24251f}.huh-section-heading{align-items:flex-end;gap:12%!important;margin:12px 0 30px}.huh-section-heading>.wp-block-column:first-child{flex-basis:53%!important}.huh-section-heading>.wp-block-column:last-child{flex-basis:35%!important}.huh-section-heading h2{margin:0}.huh-section-heading p:not(.huh-kicker){font-size:14px;line-height:1.45;margin:0}.huh-portfolio{padding:10px 0 12px}.huh-projects>.wp-block-post-template{list-style:none;padding:0;counter-reset:project}.huh-projects .wp-block-post{counter-increment:project;margin:0 0 30px}.huh-project-row{align-items:center!important;gap:8%!important;margin:0 0 30px!important}.huh-project-row>.wp-block-column{flex:0 0 46%!important;min-width:0}.huh-project-row .wp-block-image,.huh-project-row .wp-block-post-featured-image{margin:0}.huh-project-row img{width:100%;aspect-ratio:2.65/1;object-fit:cover;display:block}.huh-project-copy{padding:0 8px}.huh-project-copy h3{margin:4px 0 8px}.huh-project-copy h3 a{text-decoration:none}.huh-project-copy p{font-size:14px;margin:0 0 10px;max-width:390px}.huh-project-copy .huh-kicker{font-size:10px;letter-spacing:.13em;margin-bottom:8px}.huh-project-copy .huh-text-link,.huh-project-copy .wp-block-post-excerpt__more-link{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#24251f;margin-top:16px}.huh-text-link a{text-decoration:none}.huh-projects .wp-block-post .huh-project-copy:before{content:counter(project,decimal-leading-zero);font-size:10px;letter-spacing:.13em;display:block;margin-bottom:8px}.huh-reverse,.huh-projects .wp-block-post:nth-child(even) .huh-project-row{flex-direction:row-reverse}.huh-reverse .huh-project-copy,.huh-projects .wp-block-post:nth-child(even) .huh-project-copy{padding-left:22%}.huh-pencil-frame{position:relative;padding:8px 10px;border-left:1px solid #c7c5bc;border-right:1px solid #cfcdc4}.huh-pencil-frame:before,.huh-pencil-frame:after{content:"";position:absolute;left:-22px;right:-22px;height:12px;top:0;background:url('assets/pencil.svg') center/100% 12px no-repeat;pointer-events:none}.huh-pencil-frame:after{top:auto;bottom:0;transform:rotate(.15deg)}.huh-demo-note{font-size:11px!important;color:#73746c;line-height:1.5;margin-top:14px}.huh-video-section{padding:26px 0 20px;position:relative}.huh-video-section:before{content:"";height:12px;position:absolute;top:-4px;left:-3%;right:-3%;background:url('assets/pencil.svg') center/100% 12px no-repeat}.huh-longform:before{display:none}.huh-video-section .huh-section-heading{margin-bottom:24px}.huh-video-section h2{}.huh-study-grid,.huh-video-grid .wp-block-post-template{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.huh-study p{font-size:13px;color:#30322d;margin:8px 0 0}.huh-study img,.huh-video-grid .wp-block-post-featured-image img{aspect-ratio:2/1;width:100%;object-fit:cover;display:block}.huh-study .wp-block-image{margin:0}.huh-study-shorts{grid-template-columns:repeat(4,minmax(0,1fr));max-width:850px;margin-inline:auto}.huh-study-shorts img{aspect-ratio:3/4;object-fit:cover}.huh-study-shorts .huh-study p{font-size:11px}.huh-short-grid .wp-block-post-template{display:flex;overflow-x:auto;gap:24px;scroll-snap-type:x mandatory;padding-bottom:12px}.huh-short-grid .wp-block-post{flex:0 0 145px;scroll-snap-align:start}.huh-short-grid .wp-block-post-featured-image img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.huh-short-grid .wp-block-post-title,.huh-video-grid .wp-block-post-title{margin:10px 0 0}.huh-short-grid .wp-block-post-title a,.huh-video-grid .wp-block-post-title a{text-decoration:none}.huh-about{padding:45px 0 34px}.huh-about-row{align-items:center!important;gap:6%!important}.huh-about-row h2{}.huh-about-row p:not(.huh-kicker){font-size:14px}.huh-about-row img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}.huh-contact{position:relative;padding:42px 20px 38px}.huh-contact:before{top:0;bottom:auto}.huh-contact .wp-block-columns{align-items:center;gap:9%}.huh-contact h2{margin-bottom:4px}.huh-contact h3{}.huh-contact-subtitle{font-size:24px}.huh-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;padding:32px 0}.huh-footer:before{top:-6px;bottom:auto}.huh-footer p{font-size:11px;margin:0}.huh-footer a{text-decoration:none}.huh-small{font-size:10px!important}.wp-block-post-content{padding-bottom:40px}
@media(max-width:900px){.huh-hero-copy{padding-left:0}.huh-hero-copy>p:not(.huh-kicker){font-size:14px}.huh-hero h1{}.huh-hero{min-height:360px}.huh-header .wp-block-navigation{gap:18px}.huh-project-copy h3{}.huh-project-copy p{font-size:13px}.huh-project-row img{aspect-ratio:2.2/1}.huh-reverse .huh-project-copy,.huh-projects .wp-block-post:nth-child(even) .huh-project-copy{padding-left:12%}.wp-block-button__link{padding:12px;font-size:9px}}
@media(max-width:781px){.huh-header{padding-block:16px}.huh-hero{display:flex;flex-direction:column;min-height:0;padding-top:34px}.huh-hero>.wp-block-column{width:100%}.huh-hero h1{}.huh-hero-copy>p:not(.huh-kicker){max-width:430px}.huh-hero-art{width:100%;margin:0}.huh-section-heading{gap:18px!important}.huh-section-heading>.wp-block-column{flex-basis:100%!important}.huh-project-row,.huh-reverse,.huh-projects .wp-block-post:nth-child(even) .huh-project-row{flex-direction:column;gap:18px!important;margin-bottom:36px!important}.huh-project-row>.wp-block-column{flex:1 1 auto!important;width:100%}.huh-project-copy,.huh-reverse .huh-project-copy,.huh-projects .wp-block-post:nth-child(even) .huh-project-copy{padding:4px 0!important}.huh-project-row img{aspect-ratio:2.3/1}.huh-study-grid,.huh-video-grid .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.huh-video-section h2{}.huh-about{padding-block:26px}.huh-about-row{gap:26px!important}.huh-contact{padding-inline:0}.huh-contact .wp-block-columns{gap:20px}.huh-footer{flex-wrap:wrap}.huh-demo-note{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 0.3 — drawing details, interleaved project images, aligned cards, motion. */
:root{--huh-header-offset:90px}
html{scroll-padding-top:calc(var(--huh-header-offset) + 24px)}
.wp-site-blocks>header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);isolation:isolate;transition:box-shadow .25s ease}
body.admin-bar .wp-site-blocks>header{top:32px}
.huh-header{transition:padding .25s ease}
.huh-is-scrolled .wp-site-blocks>header{box-shadow:0 5px 24px #24251f0b}
.huh-is-scrolled .huh-header{padding-top:12px;padding-bottom:14px}
.huh-study-grid>.huh-study,.huh-study-grid>.wp-block-group,.huh-video-grid .wp-block-post-template>.wp-block-post,.huh-short-grid .wp-block-post-template>.wp-block-post{margin-block-start:0!important;margin-block-end:0!important;align-self:start}
.huh-study-grid{align-items:start}
.huh-study-grid .wp-block-image,.huh-video-grid .wp-block-post-featured-image,.huh-short-grid .wp-block-post-featured-image{margin-block-start:0!important;margin-block-end:0!important}
.huh-study-grid figure,.huh-project-row figure,.huh-about-row figure{overflow:visible}
.huh-project-row img,.huh-about-row img,.huh-study img,.huh-video-grid .wp-block-post-featured-image img,.huh-short-grid .wp-block-post-featured-image img{transition:transform .5s ease,filter .5s ease,box-shadow .5s ease;transform-origin:center}
@media(hover:hover) and (pointer:fine){
 .huh-pencil-frame:hover img,.huh-pencil-frame:focus-within img{transform:scale(1.018);filter:contrast(1.035) saturate(1.05);box-shadow:0 12px 25px #24251f1c}
 .huh-study:hover img,.huh-video-grid .wp-block-post:focus-within img,.huh-video-grid .wp-block-post:hover img,.huh-short-grid .wp-block-post:hover img,.huh-short-grid .wp-block-post:focus-within img{transform:translateY(-4px);filter:contrast(1.04);box-shadow:0 9px 20px #24251f22}
}
.huh-project-row{margin:0!important;gap:8%!important;align-items:center!important}
.huh-project-row>.wp-block-column{flex:0 0 46%!important;width:46%}
.huh-project-row img{aspect-ratio:4/3;width:100%;object-fit:cover}
.huh-projects .wp-block-post{margin:0!important}
.huh-demo-projects>.huh-project-row+.huh-project-row,.huh-projects .wp-block-post+.wp-block-post{margin-top:clamp(-52px,-4vw,-30px)!important}
.huh-demo-projects>.huh-demo-note{margin-top:30px}
.huh-portfolio>.huh-section-heading{margin-bottom:38px}
.huh-project-copy{padding-block:34px!important}
.huh-projects .huh-demo-projects{margin-top:0}
/* Visible fallback when JS is off; variants also appear in the site editor. */
.huh-pencil-frame{border:0;background:url('assets/graphite-v-1.svg') left center/18px 112% no-repeat,url('assets/graphite-v-4.svg') right center/18px 112% no-repeat;padding:10px 12px}
.huh-pencil-frame:before{background-image:url('assets/graphite-h-1.svg');height:24px;top:-3px}
.huh-pencil-frame:after{background-image:url('assets/graphite-h-4.svg');height:24px;bottom:-3px}
.huh-reverse .huh-pencil-frame:before,.huh-projects .wp-block-post:nth-child(2n) .huh-pencil-frame:before{background-image:url('assets/graphite-h-3.svg')}
.huh-reverse .huh-pencil-frame:after,.huh-projects .wp-block-post:nth-child(2n) .huh-pencil-frame:after{background-image:url('assets/graphite-h-6.svg')}
.huh-header:after{background-image:url('assets/graphite-h-2.svg');height:20px}
.huh-contact:before{background-image:url('assets/graphite-h-5.svg');height:20px}
.huh-footer:before{background-image:url('assets/graphite-h-6.svg');height:20px}
.huh-video-section:before{background-image:url('assets/graphite-h-3.svg');height:20px}
/* Decoration is injected outside saved blocks, so it never invalidates editor content. */
.huh-ornamented{position:relative}
.huh-ornamented.huh-pencil-frame{background:none}
.huh-ornamented.huh-pencil-frame:before,.huh-ornamented.huh-pencil-frame:after,.huh-ornamented.huh-video-section:before,.huh-ornamented.huh-contact:before,.huh-ornamented.huh-footer:before,.huh-ornamented.huh-header:after{display:none}
.huh-art-lines{position:absolute;inset:0;pointer-events:none;z-index:2;display:block!important;margin:0!important}
.huh-stroke{position:absolute;display:block;background-repeat:no-repeat;background-position:center;background-size:100% 100%;pointer-events:none;opacity:.85}
.huh-stroke-h{left:-22px;right:-22px;height:25px;top:-3px}
.huh-stroke-bottom{top:auto;bottom:-3px;transform:rotate(-.16deg)}
.huh-stroke-v{width:23px;top:-22px;bottom:-22px;left:0}
.huh-stroke-right{left:auto;right:0;transform:rotate(.15deg)}
.huh-art-section .huh-stroke-h{left:-3%;right:-3%}
.huh-art-section .huh-stroke-v{left:-15px;top:-16px;bottom:auto;height:86px;opacity:.62}
.huh-art-hero .huh-stroke-v{left:-18px;top:-32px;bottom:-7px;width:24px;opacity:.55}
.huh-art-hero .huh-stroke-bottom{left:-4%;right:2%;opacity:.5}
.huh-art-heading .huh-stroke-v{height:64px;top:-8px;left:-15px;bottom:auto;opacity:.5}
.huh-drawing-ready .huh-stroke-h{clip-path:inset(0 100% 0 0);transition:clip-path 1.25s cubic-bezier(.25,.55,.25,1);transition-delay:var(--draw-delay,0ms)}
.huh-drawing-ready .huh-stroke-v{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s cubic-bezier(.25,.55,.25,1);transition-delay:var(--draw-delay,0ms)}
.huh-drawing-ready.huh-is-drawn>.huh-art-lines>.huh-stroke{clip-path:inset(0)}
.huh-art-frame .huh-stroke:nth-child(2){--draw-delay:120ms}.huh-art-frame .huh-stroke:nth-child(3){--draw-delay:210ms}.huh-art-frame .huh-stroke:nth-child(4){--draw-delay:330ms}
@media(min-width:782px){.huh-projects{padding-bottom:26px}.huh-project-row .huh-project-copy{max-width:100%}.huh-project-row img{aspect-ratio:4/3}}
@media(max-width:900px) and (min-width:782px){.huh-project-copy h3{}.huh-project-copy p{font-size:13px}.huh-project-row .huh-project-copy{padding-block:28px!important}}
@media(max-width:782px){body.admin-bar .wp-site-blocks>header{top:46px}}
@media(max-width:781px){
 .huh-project-row,.huh-reverse,.huh-projects .wp-block-post:nth-child(even) .huh-project-row{margin:0 0 36px!important;gap:18px!important}
 .huh-project-row>.wp-block-column{width:100%;flex:1 1 auto!important}
 .huh-demo-projects>.huh-project-row+.huh-project-row,.huh-projects .wp-block-post+.wp-block-post{margin-top:0!important}
 .huh-project-row img{aspect-ratio:4/3}
 .huh-project-row .huh-project-copy{padding:4px 0!important}
 .huh-stroke-h{left:-12px;right:-12px}.huh-stroke-v{width:20px}
 .huh-art-hero .huh-stroke-v{left:-14px}
}
/* WP's toolbar scrolls away at this breakpoint; a sticky site header must reach top. */
@media(max-width:600px){body.admin-bar .wp-site-blocks>header{top:0}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .huh-header,.wp-site-blocks>header,.huh-project-row img,.huh-about-row img,.huh-study img,.huh-video-grid img,.huh-short-grid img{transition:none!important}
 .huh-stroke{clip-path:none!important;transition:none!important}
 .huh-pencil-frame:hover img,.huh-pencil-frame:focus-within img,.huh-study:hover img,.huh-video-grid .wp-block-post:hover img,.huh-video-grid .wp-block-post:focus-within img,.huh-short-grid .wp-block-post:hover img,.huh-short-grid .wp-block-post:focus-within img{transform:none!important}
}

/* 0.4 — generous drawing clearances, five Shorts, three deeper video cards. */
.huh-header:after,.huh-header>.huh-art-lines{display:none!important}
.wp-site-blocks>header{margin-bottom:0!important}
.huh-art-section .huh-stroke-h{top:-15px;left:-2%;right:-2%}
.huh-art-section .huh-stroke-v{left:-34px;top:-24px;height:96px}
.huh-art-heading .huh-stroke-v{left:-34px;top:-8px;height:74px}
.huh-art-hero .huh-stroke-v{left:-34px;top:-24px;bottom:-10px}
.huh-art-hero .huh-stroke-bottom{bottom:-17px;left:-2%;right:2%}
.huh-hero{padding-bottom:52px}
.huh-video-section{padding-top:36px;padding-bottom:30px}
.huh-about{position:relative;padding-top:48px;padding-bottom:42px}
.huh-contact{padding-top:48px;padding-bottom:46px}
.huh-portfolio>.huh-section-heading{margin-top:24px}
.huh-services{position:relative;margin-top:48px!important;padding:38px 0 4px}
.huh-services>h3{margin:0 0 10px}
.huh-services>p{font-size:15px;margin:0 0 30px}
.huh-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px;margin-top:30px}
.huh-service-grid>.huh-service-card{margin:0!important;padding:8px 8px 0 14px;min-width:0}
.huh-service-card .huh-service-icon{margin:0 0 18px!important}
.huh-service-icon img{display:block;width:48px;height:48px}
.huh-service-card h3{margin:0 0 10px}
.huh-service-card p{font-size:14px;line-height:1.5;margin:0}
.huh-service-card.huh-art-heading .huh-stroke-v{left:-16px;top:12px;height:56px;opacity:.45}
.huh-video-grid .wp-block-post-template,.huh-video-grid .huh-study-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.huh-video-grid .wp-block-post-featured-image img,.huh-video-grid .huh-study img{aspect-ratio:4/3;object-fit:cover}
.huh-video-grid .wp-block-post-title,.huh-video-grid .huh-study p{margin-top:14px}
.huh-short-grid .huh-study-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;max-width:none}
.huh-short-grid .wp-block-post-template{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;overflow:visible}
.huh-short-grid .wp-block-post{min-width:0}
.huh-short-grid .huh-study img,.huh-short-grid .wp-block-post-featured-image img{aspect-ratio:9/16}
.huh-footer{display:block;padding:44px 0 22px}
.huh-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.huh-footer-grid>.huh-footer-column{margin:0!important;min-width:0}
.huh-footer-column h3{margin:0 0 20px}
.huh-footer-column p{font-size:13px;line-height:1.55;margin:0 0 10px}
.huh-footer-column a:hover{text-decoration:underline}
.huh-footer-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:32px!important;padding-top:20px}
.huh-footer-base p{font-size:10px;color:#76786e}
/* No-JS editor fallback: keep added section lines outside the text area. */
.huh-about:not(.huh-ornamented):before,.huh-services:not(.huh-ornamented):before{content:"";position:absolute;top:-15px;left:-2%;right:-2%;height:25px;background:url('assets/graphite-h-5.svg') center/100% 100% no-repeat;pointer-events:none}
.huh-video-section:not(.huh-ornamented):before,.huh-contact:not(.huh-ornamented):before,.huh-footer:not(.huh-ornamented):before{top:-15px}
@media(max-width:900px){.huh-service-grid{gap:24px}.huh-footer-grid{gap:24px}.huh-service-card h3{}}
@media(max-width:781px){
 .huh-art-section .huh-stroke-v,.huh-art-heading .huh-stroke-v,.huh-art-hero .huh-stroke-v{left:-25px;width:18px}
 .huh-service-card.huh-art-heading .huh-stroke-v{left:-12px}
 .huh-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 30px}
 .huh-services{margin-top:36px!important;padding-top:32px}
 .huh-short-grid .huh-study-grid,.huh-short-grid .wp-block-post-template{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:4px 0 16px}
 .huh-short-grid .huh-study,.huh-short-grid .wp-block-post{flex:0 0 148px;scroll-snap-align:start}
 .huh-video-grid .wp-block-post-template,.huh-video-grid .huh-study-grid{grid-template-columns:1fr;gap:28px}
 .huh-video-grid .huh-study img,.huh-video-grid .wp-block-post-featured-image img{aspect-ratio:4/3}
 .huh-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
 .huh-hero{padding-bottom:44px}
}
@media(max-width:380px){.huh-service-grid,.huh-footer-grid{grid-template-columns:1fr}}

/* 0.5 — editor-owned choices. Inline WordPress spacing/typography takes precedence. */
[class*="huh-lines-"],[class*="huh-clearance-"]{position:relative;--huh-clearance:24px}
.huh-clearance-roomy{--huh-clearance:42px!important}
.huh-lines-none{background-image:none!important}
.huh-lines-none:before,.huh-lines-none:after,.huh-lines-none>.huh-art-lines{display:none!important}
.huh-weight-light>.huh-art-lines{opacity:.38}
.huh-weight-strong>.huh-art-lines{opacity:1;filter:contrast(1.7)}
.huh-clearance-roomy>.huh-art-lines>.huh-stroke-h{top:calc(-1 * var(--huh-clearance))}
.huh-clearance-roomy>.huh-art-lines>.huh-stroke-bottom{top:auto;bottom:calc(-1 * var(--huh-clearance))}
.huh-clearance-roomy>.huh-art-lines>.huh-stroke-v{left:calc(-1 * var(--huh-clearance))}
.huh-clearance-roomy>.huh-art-lines>.huh-stroke-right{left:auto;right:calc(-1 * var(--huh-clearance))}
.huh-lines-frame>.huh-art-lines>.huh-stroke-h{top:calc(-1 * var(--huh-clearance));left:calc(-1 * var(--huh-clearance));right:calc(-1 * var(--huh-clearance))}
.huh-lines-frame>.huh-art-lines>.huh-stroke-bottom{top:auto;bottom:calc(-1 * var(--huh-clearance))}
.huh-lines-frame>.huh-art-lines>.huh-stroke-v{left:calc(-1 * var(--huh-clearance));top:calc(-1 * var(--huh-clearance));bottom:calc(-1 * var(--huh-clearance))}
.huh-lines-frame>.huh-art-lines>.huh-stroke-right{left:auto;right:calc(-1 * var(--huh-clearance))}
.huh-lines-divider>.huh-art-lines>.huh-stroke-h{top:calc(-1 * var(--huh-clearance));left:0;right:0}
.huh-lines-guide>.huh-art-lines>.huh-stroke-v{left:calc(-1 * var(--huh-clearance));top:0;bottom:0;height:auto}
.huh-format-landscape img{aspect-ratio:4/3!important;object-fit:cover}
.huh-format-portrait img{aspect-ratio:3/4!important;object-fit:cover}
.huh-format-square img{aspect-ratio:1!important;object-fit:cover}
.huh-format-wide img{aspect-ratio:16/9!important;object-fit:cover}
/* Static preview and no-script fallback for explicitly selected line layouts. */
:is(.huh-lines-frame,.huh-lines-divider,.huh-lines-guide):not(.huh-ornamented){--huh-preview-opacity:.7}
.huh-weight-light:not(.huh-ornamented){--huh-preview-opacity:.3}
.huh-weight-strong:not(.huh-ornamented){--huh-preview-opacity:1}
:is(.huh-lines-frame,.huh-lines-divider):not(.huh-ornamented):before{content:"";display:block;position:absolute;pointer-events:none;top:calc(-1 * var(--huh-clearance));left:0;right:0;height:24px;background:url('assets/graphite-h-3.svg') center/100% 100% no-repeat;opacity:var(--huh-preview-opacity)}
.huh-lines-frame:not(.huh-ornamented):after{content:"";display:block;position:absolute;pointer-events:none;bottom:calc(-1 * var(--huh-clearance));top:auto;left:0;right:0;height:24px;background:url('assets/graphite-h-6.svg') center/100% 100% no-repeat;opacity:var(--huh-preview-opacity)}
.huh-lines-frame:not(.huh-ornamented){background-image:url('assets/graphite-v-2.svg'),url('assets/graphite-v-5.svg');background-position:left center,right center;background-size:18px 100%;background-repeat:no-repeat}
.huh-lines-guide:not(.huh-ornamented):before{content:"";position:absolute;pointer-events:none;left:calc(-1 * var(--huh-clearance));top:0;bottom:0;width:20px;background:url('assets/graphite-v-2.svg') center/100% 100% no-repeat;opacity:var(--huh-preview-opacity)}
@media(max-width:781px){.huh-clearance-roomy{--huh-clearance:28px!important}}

/* 0.6 — independently selectable edges on groups, images and text blocks. */
.huh-edges-custom{position:relative;--huh-clearance:24px;--huh-edge-top:none;--huh-edge-right:none;--huh-edge-bottom:none;--huh-edge-left:none;background-image:none!important}
.huh-edges-custom:after{display:none!important}
.huh-edges-custom.huh-ornamented:before{display:none!important}
.huh-edges-custom.huh-edge-top{--huh-edge-top:url('assets/graphite-h-2.svg')}
.huh-edges-custom.huh-edge-right{--huh-edge-right:url('assets/graphite-v-5.svg')}
.huh-edges-custom.huh-edge-bottom{--huh-edge-bottom:url('assets/graphite-h-4.svg')}
.huh-edges-custom.huh-edge-left{--huh-edge-left:url('assets/graphite-v-1.svg')}
.huh-edges-custom:not(.huh-ornamented):before{content:"";display:block;position:absolute;inset:calc(-1 * var(--huh-clearance));height:auto;width:auto;transform:none;pointer-events:none;background-image:var(--huh-edge-top),var(--huh-edge-right),var(--huh-edge-bottom),var(--huh-edge-left);background-position:center top,right center,center bottom,left center;background-size:100% 24px,24px 100%,100% 24px,24px 100%;background-repeat:no-repeat;opacity:.8}
.huh-edges-custom.huh-weight-light:not(.huh-ornamented):before{opacity:.35}
.huh-edges-custom.huh-weight-strong:not(.huh-ornamented):before{opacity:1;filter:contrast(1.7)}
.huh-edges-custom>.huh-art-lines>.huh-stroke-h{left:calc(-1 * var(--huh-clearance));right:calc(-1 * var(--huh-clearance));top:calc(-1 * var(--huh-clearance));bottom:auto}
.huh-edges-custom>.huh-art-lines>.huh-stroke-bottom{top:auto;bottom:calc(-1 * var(--huh-clearance))}
.huh-edges-custom>.huh-art-lines>.huh-stroke-v{top:calc(-1 * var(--huh-clearance));bottom:calc(-1 * var(--huh-clearance));height:auto;left:calc(-1 * var(--huh-clearance));right:auto}
.huh-edges-custom>.huh-art-lines>.huh-stroke-right{left:auto;right:calc(-1 * var(--huh-clearance))}
/* Clear inner image padding if its built-in frame has been explicitly deselected. */
.huh-pencil-frame.huh-edges-custom{padding:0}

/* 0.7 — native button style with graphite edges and an intact clickable link. */
.wp-block-button.is-style-huh-pencil{position:relative;--huh-clearance:10px}
.wp-block-button.huh-edges-custom{--huh-clearance:10px}
.wp-block-button.huh-clearance-roomy{--huh-clearance:18px!important}
.wp-block-button.is-style-huh-pencil>.wp-block-button__link{background:transparent;color:var(--huh-ink);border:0;border-radius:0;box-shadow:none;padding:14px 20px;transition:background-color .2s ease,color .2s ease}
.wp-block-button.huh-edges-custom>.wp-block-button__link{border:0;box-shadow:none}
.wp-block-button.is-style-huh-pencil:hover>.wp-block-button__link{background:#f1f0ec}
.wp-block-button.is-style-huh-pencil>.wp-block-button__link:focus-visible{outline:2px solid #786441;outline-offset:7px}
.wp-block-button.is-style-huh-pencil>.huh-art-lines>.huh-stroke-h{left:calc(-1 * var(--huh-clearance));right:calc(-1 * var(--huh-clearance));top:calc(-1 * var(--huh-clearance));bottom:auto}
.wp-block-button.is-style-huh-pencil>.huh-art-lines>.huh-stroke-bottom{top:auto;bottom:calc(-1 * var(--huh-clearance))}
.wp-block-button.is-style-huh-pencil>.huh-art-lines>.huh-stroke-v{top:calc(-1 * var(--huh-clearance));bottom:calc(-1 * var(--huh-clearance));left:calc(-1 * var(--huh-clearance));right:auto}
.wp-block-button.is-style-huh-pencil>.huh-art-lines>.huh-stroke-right{left:auto;right:calc(-1 * var(--huh-clearance))}
.wp-block-button.is-style-huh-pencil:not(.huh-ornamented):not(.huh-edges-custom):not(.huh-lines-none):before{content:"";position:absolute;inset:calc(-1 * var(--huh-clearance));pointer-events:none;background-image:url('assets/graphite-h-2.svg'),url('assets/graphite-v-5.svg'),url('assets/graphite-h-4.svg'),url('assets/graphite-v-1.svg');background-position:center top,right center,center bottom,left center;background-size:100% 24px,24px 100%,100% 24px,24px 100%;background-repeat:no-repeat;opacity:.85}
.wp-block-button.is-style-huh-pencil.huh-ornamented:before{display:none}
.wp-block-button.is-style-huh-pencil.huh-weight-light:not(.huh-ornamented):before{opacity:.35}
.wp-block-button.is-style-huh-pencil.huh-weight-strong:not(.huh-ornamented):before{opacity:1;filter:contrast(1.7)}
@media(prefers-reduced-motion:reduce){.wp-block-button.is-style-huh-pencil>.wp-block-button__link{transition:none}}

/* 0.8 — four fixed category gateways; category archives contain the changing projects. */
.huh-category-showcase>.huh-project-row+.huh-project-row{margin-top:clamp(-52px,-4vw,-30px)!important}
.huh-category-showcase .huh-pencil-frame a{display:block}
.huh-category-image-placeholder{display:flex;width:100%;aspect-ratio:4/3;align-items:center;justify-content:center;padding:24px;background:#f1f0ec;color:#686961;text-align:center}
.huh-category-showcase{padding-bottom:30px}
.huh-category-archive{padding-top:60px;padding-bottom:60px}
.huh-category-archive>.wp-block-query-title{margin-bottom:20px}
.huh-category-projects{padding-top:32px}
.huh-category-projects .wp-block-post-template{gap:48px 60px;list-style:none;padding:0}
.huh-category-projects .wp-block-post{margin:0!important;min-width:0}
.huh-project-card .wp-block-post-title{margin-top:24px;margin-bottom:12px}
.huh-project-card .wp-block-post-title a{text-decoration:none}
.huh-project-card .wp-block-post-featured-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.huh-project-card img{transition:transform .4s ease,filter .4s ease}
.huh-category-projects .wp-block-query-pagination{margin-top:48px}
@media(max-width:781px){.huh-category-showcase>.huh-project-row+.huh-project-row{margin-top:0!important}.huh-category-projects .wp-block-post-template{grid-template-columns:1fr!important;gap:38px}.huh-category-archive{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.huh-project-card img{transition:none}}

/* 0.9 — furniture case study: detail backdrop, hero, portrait gallery, story, related videos. */
.huh-project-page{position:relative;isolation:isolate;max-width:1200px;margin-inline:auto!important;padding-top:48px;padding-bottom:56px}
.huh-detail-backdrop{position:absolute!important;z-index:-1;top:0;left:calc(-1 * clamp(22px,5vw,80px));right:calc(-1 * clamp(22px,5vw,80px));height:clamp(850px,115vw,1800px);pointer-events:none;overflow:hidden;margin:0!important}
.huh-detail-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.52;display:block}
.huh-detail-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff55 0%,#ffffff12 35%,#ffffff75 72%,#fff 100%)}
.huh-project-hero{align-items:center!important;gap:5%!important;margin:0!important;position:relative;z-index:1}
.huh-project-hero>.wp-block-column{min-width:0}
.huh-project-intro{background:#fff;padding:32px!important;margin:0}
.huh-project-intro .wp-block-post-title{font-size:var(--wp--preset--font-size--hero);line-height:1.1;overflow-wrap:anywhere;margin:16px 0 22px}
.huh-project-intro .wp-block-post-excerpt{font-size:16px;line-height:1.55}
.huh-project-intro .wp-block-post-terms{font-size:12px;margin-top:24px}
.huh-project-intro:before,.huh-project-description:before{left:-16px;right:-16px}
.huh-project-main-photo{margin:0!important}
.huh-project-main-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.huh-project-gallery{position:relative;z-index:1;margin-top:22px!important;margin-bottom:0!important}
.huh-project-gallery .wp-block-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;margin:0 0 16px!important;align-items:start}
.huh-project-gallery .wp-block-gallery .wp-block-image{width:100%!important;max-width:none!important;margin:0!important;flex:auto!important;min-width:0;align-self:start}
.huh-project-gallery .wp-block-gallery .wp-block-image img{display:block;width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover}
.huh-project-gallery .wp-block-image figcaption{background:#fff;color:#45483e;font-size:12px;padding:8px;position:static!important;margin:0!important;max-height:none!important}
.huh-project-description{position:relative;z-index:1;background:#fff;padding:42px!important;margin:28px 0 0!important}
.huh-project-story{max-width:900px;margin:auto}
.huh-project-story p{font-size:16px;line-height:1.7}
.huh-project-story h2{margin-top:32px;margin-bottom:16px}
.huh-project-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;margin:0 0 32px;padding-bottom:24px;border-bottom:1px solid #e6e5dd}
.huh-project-facts dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;color:#55594d}
.huh-project-facts dd{margin:0;font-size:15px;line-height:1.5}
.huh-project-related{position:relative;margin-top:38px!important;padding:24px;background:#ffffffed}
.huh-project-related h2{font-size:var(--wp--preset--font-size--large);margin:0 0 24px}
.huh-related-grid{display:flex;gap:20px;overflow-x:auto;padding-bottom:12px;align-items:start;scroll-snap-type:x mandatory}
.huh-related-card{flex:0 0 260px;scroll-snap-align:start;min-width:0}
.huh-related-card a{text-decoration:none;display:block}
.huh-related-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:14px}
.huh-related-short{flex-basis:150px}
.huh-related-short img{aspect-ratio:9/16}
.huh-related-card h3{font-size:18px;margin:8px 0 0}
.huh-related-card .huh-kicker{margin-bottom:8px}
@media(max-width:900px){.huh-project-intro{padding:24px!important}.huh-project-intro .wp-block-post-title{font-size:clamp(28px,4vw,44px)}}
@media(max-width:781px){.huh-project-page{padding-top:28px}.huh-project-hero{gap:20px!important}.huh-project-intro .wp-block-post-title{font-size:clamp(30px,7vw,44px)}.huh-project-gallery{margin-top:18px!important}.huh-project-gallery .wp-block-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}.huh-project-description{padding:26px!important}.huh-project-facts{grid-template-columns:1fr;gap:16px}.huh-project-related{padding:18px}.huh-detail-backdrop{height:1200px}}
@media(max-width:420px){.huh-project-gallery .wp-block-gallery{grid-template-columns:1fr}}

/* 0.9.1 — full viewport background, alpha feather rather than a white bottom edge. */
body.single-huh_projekt{overflow-x:clip}
.huh-project-page>.huh-detail-backdrop{
    left:50%;right:auto;width:var(--huh-viewport-width,100vw);max-width:none!important;
    transform:translateX(-50%);margin:0!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.82) 65%,rgba(0,0,0,.35) 84%,rgba(0,0,0,.08) 95%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.82) 65%,rgba(0,0,0,.35) 84%,rgba(0,0,0,.08) 95%,transparent 100%);
    -webkit-mask-size:100% 100%;mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.huh-project-page>.huh-detail-backdrop img{width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;display:block}
.huh-project-page>.huh-detail-backdrop:after{background:linear-gradient(to bottom,rgba(255,255,255,.22),transparent 45%)}

/* 0.10 — standalone, in-flow pencil line block; visible without JavaScript. */
.wp-block-huh-pencil-line.huh-manual-line{display:flex;align-items:center;justify-content:center;position:relative;min-width:0;margin-block:28px;line-height:0}
.wp-block-huh-pencil-line.huh-line-align-left{justify-content:flex-start}
.wp-block-huh-pencil-line.huh-line-align-right{justify-content:flex-end}
.wp-block-huh-pencil-line>.huh-free-line{display:block;flex:none;margin:0;background-repeat:no-repeat;background-position:center;background-size:100% 100%;pointer-events:none;opacity:.8}
.wp-block-huh-pencil-line.huh-line-horizontal>.huh-free-line{width:var(--huh-manual-width,100%);height:28px;background-image:url('assets/graphite-h-1.svg')}
.wp-block-huh-pencil-line.huh-line-vertical>.huh-free-line{width:28px;height:var(--huh-manual-height,160px);background-image:url('assets/graphite-v-1.svg')}
.wp-block-huh-pencil-line.huh-line-weight-light>.huh-free-line{opacity:.35}
.wp-block-huh-pencil-line.huh-line-weight-strong>.huh-free-line{opacity:1;filter:contrast(1.7)}
.wp-block-huh-pencil-line.huh-drawing-ready>.huh-free-line{clip-path:inset(0 100% 0 0);transition:clip-path 1.3s cubic-bezier(.25,.55,.25,1)}
.wp-block-huh-pencil-line.huh-line-vertical.huh-drawing-ready>.huh-free-line{clip-path:inset(0 0 100% 0)}
.wp-block-huh-pencil-line.huh-is-drawn>.huh-free-line{clip-path:inset(0)}
@media(prefers-reduced-motion:reduce){.wp-block-huh-pencil-line>.huh-free-line{clip-path:none!important;transition:none!important}}

.wp-block-huh-pencil-line.huh-line-horizontal.huh-line-variant-2>.huh-free-line{background-image:url('assets/graphite-h-2.svg')}
.wp-block-huh-pencil-line.huh-line-vertical.huh-line-variant-2>.huh-free-line{background-image:url('assets/graphite-v-2.svg')}
.wp-block-huh-pencil-line.huh-line-horizontal.huh-line-variant-3>.huh-free-line{background-image:url('assets/graphite-h-3.svg')}
.wp-block-huh-pencil-line.huh-line-vertical.huh-line-variant-3>.huh-free-line{background-image:url('assets/graphite-v-3.svg')}
.wp-block-huh-pencil-line.huh-line-horizontal.huh-line-variant-4>.huh-free-line{background-image:url('assets/graphite-h-4.svg')}
.wp-block-huh-pencil-line.huh-line-vertical.huh-line-variant-4>.huh-free-line{background-image:url('assets/graphite-v-4.svg')}
.wp-block-huh-pencil-line.huh-line-horizontal.huh-line-variant-5>.huh-free-line{background-image:url('assets/graphite-h-5.svg')}
.wp-block-huh-pencil-line.huh-line-vertical.huh-line-variant-5>.huh-free-line{background-image:url('assets/graphite-v-5.svg')}
.wp-block-huh-pencil-line.huh-line-horizontal.huh-line-variant-6>.huh-free-line{background-image:url('assets/graphite-h-6.svg')}
.wp-block-huh-pencil-line.huh-line-vertical.huh-line-variant-6>.huh-free-line{background-image:url('assets/graphite-v-6.svg')}
/* 0.11 — single video stories and archive cards. Playback styles live in the content plugin. */
.huh-video-page,.huh-video-archive{padding-top:48px;padding-bottom:56px}
.huh-video-page>.wp-block-post-title{margin-bottom:28px}
.huh-video-page>.huh-youtube-player{margin:0 auto 30px;max-width:100%}
.huh-video-page.huh_short>.huh-youtube-player{max-width:380px}
.huh-video-page.huh_longform>.huh-youtube-player{aspect-ratio:16/9}
.huh-video-description{padding:32px!important;margin-top:32px!important;background:white}
.huh-video-archive .wp-block-post-template{gap:40px 30px}
.huh-video-archive .wp-block-post{margin-top:0!important}
.huh-video-archive .wp-block-post-featured-image img{width:100%;aspect-ratio:4/3;object-fit:cover}
body.post-type-archive-huh_short .huh-video-archive .wp-block-post-featured-image img{aspect-ratio:9/16}
.huh-video-archive h2 a{text-decoration:none}
@media(max-width:781px){.huh-video-page,.huh-video-archive{padding-top:28px}.huh-video-description{padding:22px!important}.huh-video-archive .wp-block-post-template{grid-template-columns:1fr!important}}

/* 0.12 — default image frames, white intro and full-screen image viewer. */
.huh-project-page .huh-project-intro{background-color:#fff!important;isolation:isolate}
.huh-project-page .huh-project-hero>.wp-block-column:first-child{background:#fff}
.huh-project-gallery .wp-block-gallery{gap:26px!important;padding:12px 0}
.huh-project-photo-default img{cursor:zoom-in}
.huh-project-page .huh-project-photo-default.huh-weight-strong>.huh-art-lines{opacity:1;filter:contrast(1.7)}
.huh-project-page .huh-lines-none>.huh-art-lines{display:none!important}
.huh-related-video-frame{margin:0 0 12px;position:relative}
.huh-related-video-frame img{margin:0;width:100%;display:block}
.huh-related-short .huh-related-video-frame img{aspect-ratio:9/16}
.huh-related-longform .huh-related-video-frame img{aspect-ratio:16/9}
.huh-project-related .huh-related-grid{padding:16px 14px 24px;gap:30px}
.huh-lightbox-open{overflow:hidden!important}
dialog.huh-image-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:40px;border:0;background:rgba(15,17,13,.94);color:white;overflow:hidden}
dialog.huh-image-viewer[open]{display:grid;place-items:center}
dialog.huh-image-viewer::backdrop{background:rgba(0,0,0,.7)}
.huh-image-viewer img{width:100%;height:100%;max-width:100%;max-height:calc(100dvh - 80px);object-fit:contain;display:block;min-height:0}
.huh-viewer-close{position:absolute;top:12px;right:16px;width:44px;height:44px;border:1px solid #ffffff90;border-radius:50%;background:#20241d;color:white;font-size:30px;line-height:1;cursor:pointer;z-index:2}
.huh-viewer-close:focus-visible{outline:3px solid white;outline-offset:3px}
.huh-viewer-status{position:absolute;bottom:12px;left:24px;color:white;font-size:13px;margin:0}
@media(max-width:781px){dialog.huh-image-viewer{padding:56px 14px 24px}.huh-image-viewer img{max-height:calc(100dvh - 80px)}.huh-project-gallery .wp-block-gallery{gap:22px!important}}