/* Posnano pages v4 — scoped native sections with explicit layout ownership. */
.pn-v4{--pn-ink:#223d3e;--pn-muted:#5d6b65;--pn-cream:#f4f0e7;--pn-line:#dedfd6;color:var(--pn-ink);background:#fff}
.pn-v4> .container-fluid,.pn-v4> .container,.pn-v4> .container-narrow{width:100%;max-width:1360px;margin:0 auto!important;padding:56px clamp(24px,4vw,64px)!important;box-sizing:border-box}
.pn-v4 h1,.pn-v4 h2,.pn-v4 h3{color:var(--pn-ink);letter-spacing:-.025em;line-height:1.12;text-wrap:balance}
.pn-v4 .rte,.pn-v4 .f-icon-box__description{font-size:15px;line-height:1.7;color:var(--pn-muted)}
.pn-v4 .rte p{margin:0}.pn-v4 .rte p+p{margin-top:12px}
.pn-v4 .f-richtext__subtitle,.pn-v4 .f-card__subtitle{font:600 11px/1.5 var(--font-base-family,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#426269}
.pn-v4 .f-section__header{margin:0 0 28px!important;padding:0!important}
.pn-v4 .f-section__header h2,.pn-v4 .f-section__heading{font-size:clamp(28px,3vw,40px);line-height:1.15;margin:0}
.pn-v4 .f-section__header p{max-width:60ch;font-size:15px;line-height:1.6;margin-top:12px;color:var(--pn-muted)}
.pn-v4 .f-button{min-height:44px;white-space:normal;line-height:1.5}.pn-v4 .f-button:focus-visible,.pn-v4 a:focus-visible,.pn-v4 button:focus-visible{outline:2px solid #335967;outline-offset:4px}
/* Unified opening panel. Native column percentages and gaps are replaced together. */
.pn-hero{background:var(--pn-cream);border-top:1px solid #e3e3da;border-bottom:1px solid #e3e3da}
.pn-hero> .container-fluid{max-width:1440px;padding:0!important}
.pn-hero .f-section__header,.pn-hero .f-section-header{display:none!important}
.pn-hero .f-image-with-text__inner{display:grid!important;grid-template-columns:.95fr 1.05fr;gap:0!important;margin:0!important;padding:0!important;min-height:0!important}
.pn-hero .f-image-with-text__image,.pn-hero .f-image-with-text__content{width:auto!important;min-width:0;max-width:none!important;padding:0!important;margin:0!important}
.pn-hero .f-image-with-text__image{grid-column:2;grid-row:1}
.pn-hero .f-image-with-text__content{grid-column:1;grid-row:1;display:flex;align-items:center;background:transparent;border:0}
.pn-hero .f-content-box{padding:clamp(32px,5vw,74px)!important;max-width:640px;background:transparent!important;border:0!important;border-radius:0}
.pn-hero .f-content-box__heading{font-size:clamp(36px,3.7vw,56px);max-width:17ch;margin:18px 0 24px!important}
.pn-hero .f-content-box__description{max-width:43ch;font-size:16px;line-height:1.7;margin:0!important}
.pn-hero .f-image-with-text__image-wrapper,.pn-hero f-image-layer,.pn-hero .f-image-with-text__image-first,.pn-hero .f-image-with-text__image-first .f-image{display:block;height:100%!important;min-height:460px;width:100%;border-radius:0!important;overflow:hidden}
.pn-hero .f-image-with-text__image-first img{width:100%;height:100%!important;object-fit:cover;object-position:center}
.pn-contact-hero .f-image-with-text__image-wrapper,.pn-contact-hero f-image-layer,.pn-contact-hero .f-image-with-text__image-first,.pn-contact-hero .f-image-with-text__image-first .f-image{min-height:330px;max-height:410px}
.pn-contact-hero .f-content-box__heading{font-size:clamp(34px,3.4vw,49px);max-width:19ch}
/* Image card family: home layers, finishing details, table & workspace. */
.pn-cards .f-image-text-carousel__wrapper{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px!important;transform:none!important}
.pn-cards .f-image-text-carousel{overflow:visible!important;margin:0!important;padding:0!important}
.pn-cards .f-image-text{width:auto!important;min-width:0;margin:0!important}
.pn-cards .f-image-text__wrapper{display:flex!important;flex-direction:column;height:100%;background:#fff!important;border:1px solid var(--pn-line);border-radius:8px!important;overflow:hidden}
.pn-cards .f-image-text__image{width:100%;height:260px;border-radius:0!important;overflow:hidden;flex:none}
.pn-cards .f-image-text__image .f-image{height:100%!important;width:100%;aspect-ratio:auto!important}
.pn-cards .f-image-text__image img{width:100%;height:100%!important;object-fit:cover;transition:transform .35s ease}
.pn-cards .f-image-text__wrapper:hover .f-image-text__image img{transform:scale(1.035)}
.pn-cards .f-image-text__content{display:flex!important;align-items:stretch!important;flex:1;padding:24px!important;margin:0!important;position:relative!important;color:var(--pn-ink)}
.pn-cards .f-image-text__content-inner{display:flex;flex-direction:column;min-width:0;width:100%}
.pn-cards .f-card__title{font-size:28px;margin:0 0 12px!important;min-height:0}
.pn-cards .f-card__subtitle{margin:0 0 8px!important;min-height:0}
.pn-cards .f-card__description{position:static!important;display:block!important;width:auto!important;height:auto!important;flex:1;font-size:14px;line-height:1.65;margin:0 0 16px!important}
.pn-cards .f-card__button{margin:0!important}.pn-cards .f-button--link{padding:8px 0!important;border:0!important;background:transparent!important;color:#294f57!important;font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#b7c6c2}
.pn-cards .f-button--link:after{content:'↗';display:inline-block;margin-left:12px;text-decoration:none;transition:transform .2s}.pn-cards .f-button--link:hover:after{transform:translate(2px,-2px)}
.pn-details{background:var(--pn-cream)}
.pn-details .f-image-text-carousel__wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}
.pn-details .f-image-text__wrapper{display:grid!important;grid-template-columns:.85fr 1.15fr;gap:0}
.pn-details .f-image-text__image{height:100%;min-height:240px}.pn-details .f-image-text__content{padding:28px!important}
.pn-scenes .f-image-text-carousel__wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}
.pn-scenes .f-image-text__wrapper{display:grid!important;grid-template:1fr / 1fr;border:0}
.pn-scenes .f-image-text__image{grid-area:1/1;height:430px}
.pn-scenes .f-image-text__content{grid-area:1/1;align-self:end!important;min-height:245px;background:linear-gradient(0deg,rgba(14,34,33,.72) 0%,rgba(14,34,33,.38) 48%,rgba(14,34,33,.08) 74%,transparent);z-index:1;padding:60px 32px 28px!important;pointer-events:none}
.pn-scenes .f-image-text__content a{pointer-events:auto}
.pn-scenes :is(.f-card__title,.f-card__subtitle,.f-card__description,.rte){color:#fff!important}
.pn-scenes .f-card__description{max-width:40ch}.pn-scenes .f-button--link{color:#fff!important;text-decoration-color:#bdc9c1}
/* Small numbered information cards use the native icon-box body and actions. */
.pn-notes{background:var(--pn-cream)}
.pn-notes .f-mixed-layout__inner,.pn-topics .f-mixed-layout__inner{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important;margin:0!important;counter-reset:pn-note}
.pn-notes .f-mixed-layout__inner> .m\:column,.pn-topics .f-mixed-layout__inner> .m\:column{width:auto!important;padding:0!important;min-width:0}
.pn-notes .f-icon-box,.pn-topics .f-icon-box{height:100%;padding:28px!important;border:1px solid #dfe1d8;border-radius:8px!important;background:#fff!important}
.pn-notes .f-icon-box__inner,.pn-topics .f-icon-box__inner{display:block!important}
.pn-notes .f-icon-box__icon,.pn-topics .f-icon-box__icon{display:none!important}
.pn-notes .f-icon-box__content:before,.pn-topics .f-icon-box__content:before{counter-increment:pn-note;content:'0' counter(pn-note);display:block;font-size:12px;letter-spacing:.1em;color:#6e857c;margin-bottom:22px}
.pn-notes .f-icon-box__heading,.pn-topics .f-icon-box__heading{font-size:25px;margin:0 0 12px}.pn-notes .f-icon-box__description,.pn-topics .f-icon-box__description{font-size:14px;line-height:1.7}
.pn-topics> .container-fluid{padding-top:36px!important;padding-bottom:42px!important}
.pn-topics .f-mixed-layout__inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important}
.pn-topics .f-icon-box{padding:24px!important;background:#faf8f2!important;transition:background .2s,box-shadow .2s}
.pn-topics .f-icon-box:hover{background:#f0f3ec!important;box-shadow:0 8px 22px #253f3710}
.pn-topics .f-icon-box__content{height:100%;display:flex;flex-direction:column}.pn-topics .f-icon-box__description{flex:1}.pn-topics .f-button{margin-top:18px;align-self:flex-start;padding:6px 0;text-decoration:underline;text-underline-offset:5px;background:none!important;color:#294f57!important;border:0}
.pn-topics .f-icon-box__content:before{margin-bottom:16px}
/* Real expandable category guidance. */
.pn-faq{background:var(--pn-cream);scroll-margin-top:160px}
.pn-faq .f-collapsible__wrapper{display:grid!important;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}
.pn-faq .f-collapsible__image{margin:0!important;border-radius:8px;overflow:hidden}.pn-faq .f-collapsible__image img{width:100%;object-fit:cover}
.pn-faq .f-collapsible__content-wrapper{min-width:0}
.pn-faq .f-collapsible{display:block;border-bottom:1px solid #cfd6cd;background:transparent}
.pn-faq .f-collapsible__heading{margin:0}.pn-faq .f-collapsible--button{width:100%;display:flex;justify-content:space-between;gap:20px;min-height:64px;padding:18px 0!important;background:none;color:#263f3f;font:500 17px/1.4 var(--font-base-family,sans-serif);text-align:left;border:0}
.pn-faq .f-collapsible--content__inner{padding:0 20px 20px 0!important;max-width:none}.pn-faq .rte{font-size:14px;line-height:1.7}
/* Native form, with concise, verified contact details alongside it. */
.pn-form{padding:0!important;scroll-margin-top:140px}
.pn-v4.pn-form .f-contact-content-box{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px!important;margin:0!important;align-items:start!important}
.pn-v4.pn-form .f-contact-form__main,.pn-v4.pn-form .f-contact-2-form__info{width:auto!important;max-width:none!important;min-width:0!important;flex:none!important;margin:0!important}
.pn-v4.pn-form .f-contact-form__main{grid-column:1;grid-row:1;padding:32px!important;background:#f8f9f5!important;border:1px solid #dfe4da;border-radius:8px!important}
.pn-v4.pn-form .f-contact-2-form__info{grid-column:2;grid-row:1;padding:12px 0!important}
.pn-v4.pn-form .f-contact-form__heading{font-size:31px;line-height:1.15}.pn-v4.pn-form .f-contact-form__description{font-size:14px;line-height:1.6}
.pn-v4.pn-form .f-contact-form__form-fields{row-gap:20px!important;margin-top:24px!important}
.pn-v4.pn-form :is(input,textarea){background:#fff!important;border:1px solid #c9d2c8!important;min-height:46px;font-size:15px}
.pn-v4.pn-form textarea{min-height:150px}.pn-v4.pn-form .f-contact-submit{background:#335967!important;color:white!important;min-height:48px;width:100%}
.pn-v4.pn-form .f-info-box--header{margin:0 0 24px!important}.pn-v4.pn-form .f-info-box__title{font-size:29px}.pn-v4.pn-form .f-info-box__description{font-size:14px;line-height:1.7}
.pn-v4.pn-form .f-info-box-frid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}.pn-v4.pn-form .f-info-box--style-2{padding:18px 0!important;border-bottom:1px solid #dfe4da;display:grid;grid-template-columns:30px 1fr;gap:8px 12px}
.pn-v4.pn-form .f-info-box__step{grid-column:1;grid-row:1/3;font-size:11px;color:#72857e;padding-top:3px}
.pn-v4.pn-form .f-info-box__step-title{grid-column:2;font-size:16px!important;font-weight:600}.pn-v4.pn-form .f-info-box__content{grid-column:2;font-size:14px;line-height:1.7}.pn-v4.pn-form .f-info-box__content a{color:#335967;text-decoration:underline;text-underline-offset:3px}
.pn-help{background:#335967;color:white}
.pn-help> .container-fluid{padding-block:36px!important}.pn-help .f-richtext{max-width:720px;margin:auto;display:block!important;text-align:center}
.pn-help h2{font-size:32px;color:white;margin:0 0 12px}.pn-help .rte{color:#e8eeee;font-size:14px;max-width:65ch;margin:auto}.pn-help .f-richtext__button{margin-top:22px}.pn-help .f-button{background:#f5f1e8;color:#284b53;border:0}
@media(max-width:1023px){.pn-v4> .container-fluid,.pn-v4> .container{padding:40px 24px!important}.pn-hero> .container-fluid{padding:0!important}.pn-hero .f-content-box{padding:32px!important}.pn-hero .f-content-box__heading{font-size:38px}.pn-cards .f-card__title{font-size:24px}.pn-cards .f-image-text__image{height:210px}.pn-details .f-image-text__wrapper{grid-template-columns:1fr!important}.pn-details .f-image-text__image{min-height:0;height:200px}.pn-scenes .f-image-text__image{height:390px}.pn-scenes .f-image-text__content{padding:58px 24px 24px!important}.pn-topics .f-mixed-layout__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.pn-faq .f-collapsible__wrapper,.pn-v4.pn-form .f-contact-content-box{gap:28px!important}.pn-v4.pn-form .f-contact-form__main{padding:24px!important}}
@media(max-width:639px){.pn-v4> .container-fluid,.pn-v4> .container{padding:34px 20px!important}.pn-hero> .container-fluid{padding:0!important}.pn-hero .f-image-with-text__inner{grid-template-columns:1fr}.pn-hero .f-image-with-text__content{grid-column:1;grid-row:1}.pn-hero .f-image-with-text__image{grid-column:1;grid-row:2}.pn-hero .f-content-box{padding:30px 24px!important}.pn-hero .f-content-box__heading{font-size:36px;max-width:20ch;margin:14px 0 18px!important}.pn-hero .f-content-box__description{font-size:15px}.pn-hero :is(.f-image-with-text__image-wrapper,f-image-layer,.f-image-with-text__image-first,.f-image){min-height:0!important;height:290px!important;max-height:290px!important}.pn-contact-hero :is(.f-image-with-text__image-wrapper,f-image-layer,.f-image-with-text__image-first,.f-image){height:220px!important;max-height:220px!important}.pn-cards .f-image-text-carousel__wrapper{grid-template-columns:1fr!important;gap:18px!important}.pn-cards .f-image-text__image{height:260px}.pn-cards .f-image-text__content{padding:22px!important}.pn-living .f-image-text__wrapper{display:grid!important;grid-template-columns:41% 59%}.pn-living .f-image-text__image{height:100%;min-height:235px}.pn-living .f-card__title{font-size:23px}.pn-living .f-image-text__content{padding:20px!important}.pn-details .f-image-text__wrapper{grid-template-columns:35% 65%!important}.pn-details .f-image-text__image{height:100%;min-height:205px}.pn-scenes .f-image-text__wrapper{display:grid!important;grid-template-columns:1fr}.pn-scenes .f-image-text__image{height:370px}.pn-scenes .f-image-text__content{padding:64px 24px 24px!important}.pn-notes .f-mixed-layout__inner{grid-template-columns:1fr!important;gap:12px!important}.pn-notes .f-icon-box{padding:22px!important}.pn-notes .f-icon-box__content:before{margin-bottom:12px}.pn-topics .f-mixed-layout__inner{grid-template-columns:1fr!important;gap:12px!important}.pn-topics .f-icon-box{padding:22px!important}.pn-topics .f-icon-box__content:before{display:none}.pn-topics .f-icon-box__heading{font-size:23px}.pn-topics .f-button{margin-top:12px}.pn-faq .f-collapsible__wrapper,.pn-v4.pn-form .f-contact-content-box{grid-template-columns:1fr!important;gap:24px!important}.pn-faq .f-collapsible__image{max-height:240px}.pn-faq .f-collapsible__image img{height:240px!important;object-fit:cover}.pn-v4.pn-form .f-contact-form__main{grid-column:1;grid-row:1;padding:24px!important}.pn-v4.pn-form .f-contact-2-form__info{grid-column:1;grid-row:2}.pn-v4.pn-form .f-contact-form__heading{font-size:29px}.pn-help h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.pn-v4 *{scroll-behavior:auto!important;transition:none!important}}

/* Reset native style-2 flow as complete rows, including its display:contents and column rules. */
.pn-v4{margin-block:0!important}
.pn-v4 .f-scroll-trigger{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important}
.pn-v4 .f-section__description{margin-top:14px!important;max-width:65ch}
.pn-cards .f-image-text{padding:0!important}
.pn-v4 .f-button--link::before,.pn-v4 .f-button--link::after{display:none!important}
.pn-v4 .f-button--link{text-decoration:underline!important;text-underline-offset:6px!important;text-decoration-thickness:1px!important}
.pn-topics .f-icon-box__inner{height:100%}.pn-topics .f-icon-box__content{height:100%}
.pn-v4.pn-form .f-contact-form__main{border:1px solid #dfe4da!important;box-shadow:none!important}
.pn-v4.pn-form .f-contact-form__heading{font-size:31px!important;font-weight:400!important;color:#223d3e!important}
.pn-v4.pn-form .f-contact-form__description{margin:12px 0 0!important;color:#5d6b65!important}
.pn-v4.pn-form .notification:not(.show){display:none!important}
.pn-v4.pn-form .f-contact-form__form-fields{width:100%!important;margin:24px 0 20px!important;gap:18px!important}
.pn-v4.pn-form .f-contact-form__form-fields>div{padding:0!important;margin:0!important}
.pn-v4.pn-form .f-contact-2-form__info{align-self:start!important}
.pn-v4.pn-form .f-info-box__subtitle:empty{display:none!important}
.pn-v4.pn-form .f-info-box__title{font-size:30px!important;color:#223d3e!important;margin:0 0 16px!important}
.pn-v4.pn-form .f-info-box__description{margin:0!important;color:#5d6b65!important}
.pn-v4.pn-form .f-info-box--style-2{display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;gap:7px 14px!important;align-items:start!important}
.pn-v4.pn-form .f-info-box__step{position:static!important;grid-column:1!important;grid-row:1/3!important;width:auto!important;height:auto!important;display:block!important;background:none!important;color:#688078!important;line-height:1.7!important;margin:0!important;padding:0!important}
.pn-v4.pn-form .f-info-box__step::after{display:none!important}
.pn-v4.pn-form .f-info-box__step-title{grid-column:2!important;grid-row:1!important;margin:0!important;color:#223d3e!important}
.pn-v4.pn-form .f-info-box__content{grid-column:2!important;grid-row:2!important;min-width:0;color:#5d6b65!important}
@media(max-width:639px){.pn-v4.pn-form .f-contact-form__heading{font-size:28px!important}}

.pn-v4 .rte,.pn-v4 .f-info-box__content{word-break:normal!important;overflow-wrap:break-word}
