/* A single editorial system, with the established mobile composition retained. */
.desktop-header,.editorial-kicker,.hero-discover{display:none}
.map-directions{display:inline-flex;align-items:center;min-height:48px;color:inherit;text-underline-offset:5px}
@media(min-width:980px){
 :root{--j-gutter:clamp(40px,5.4vw,96px);--j-content:1440px;--j-header:94px;--j-rule:#cec5b8;--j-ease:cubic-bezier(.2,.6,.3,1)}
 html{scroll-padding-top:0}
 body{max-width:none;padding:0;background:var(--j-paper);font-size:17px}
 #container{overflow:visible;background:var(--j-paper)}
 .mobile-navigation,.mobile-contactbar,.desktop-language{display:none!important}
 .mobile-skip-link{z-index:600}
 .desktop-header{display:block;position:sticky;top:0;z-index:400;background:var(--j-white);border-bottom:1px solid var(--j-rule)}
 .desktop-header-inner{display:flex;align-items:center;gap:24px;min-height:var(--j-header);max-width:1640px;padding:14px var(--j-gutter);margin:auto}
 .desktop-brand{display:block;flex-shrink:0;margin-right:auto;color:var(--j-ink);font:400 21px/1.25 var(--j-display);letter-spacing:-.025em;text-decoration:none}
 .desktop-brand span{display:block;margin-top:8px;font:500 9px/1.4 var(--j-body);letter-spacing:.13em;text-transform:uppercase;color:var(--j-muted)}
 .desktop-primary{display:flex;align-items:center;gap:23px}
 .desktop-primary a,.desktop-explore summary{display:flex;align-items:center;min-height:48px;color:var(--j-ink);font:500 12px/1.4 var(--j-body);text-decoration:none;white-space:nowrap}
 .desktop-primary a{position:relative}
 .desktop-primary a:after{content:'';position:absolute;left:0;right:0;bottom:7px;height:1px;background:var(--j-accent);transform:scaleX(0);transform-origin:left;transition:transform 180ms var(--j-ease)}
 .desktop-primary a:hover:after,.desktop-primary a[aria-current]:after{transform:scaleX(1)}
 .desktop-explore{position:relative}
 .desktop-explore summary{gap:7px;cursor:pointer;list-style:none}
 .desktop-explore summary::-webkit-details-marker{display:none}
 .desktop-explore summary span{font-size:17px;color:var(--j-accent);transition:transform 180ms var(--j-ease)}
 .desktop-explore[open] summary span{transform:rotate(45deg)}
 #desktop-menu{position:absolute;top:calc(100% + 18px);right:0;width:340px;max-height:calc(100svh - 120px);overflow:auto;background:var(--j-white);padding:20px 28px;border:1px solid var(--j-rule);box-shadow:0 18px 36px #20323b15;counter-reset:menu}
 #desktop-menu a{display:grid;grid-template-columns:25px 1fr;gap:14px;align-items:center;min-height:48px;padding:10px 0;color:var(--j-ink);border-bottom:1px solid #e6dfd5;font:400 18px/1.4 var(--j-display);text-decoration:none}
 #desktop-menu a:before{counter-increment:menu;content:counter(menu,decimal-leading-zero);font:500 10px/1 var(--j-body);color:var(--j-accent)}
 #desktop-menu a:last-child{border:0}
 #desktop-menu a:hover,#desktop-menu a[aria-current]{text-decoration:underline;text-underline-offset:5px}
 .desktop-actions{display:flex;align-items:center;gap:10px}
 .desktop-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;font:500 12px/1.4 var(--j-body);letter-spacing:.015em;white-space:nowrap;text-decoration:none;border:1px solid var(--j-rule);transition:background 180ms,color 180ms}
 .desktop-actions .desktop-appointment{gap:15px;background:var(--j-blue);border-color:var(--j-blue);color:var(--j-white)}
 .desktop-actions .language-switch:hover{background:#eee8df}
 .desktop-actions .desktop-appointment:hover{background:#294b5f}
 .section{scroll-margin-top:var(--j-header);border-bottom:1px solid var(--j-rule)}
 .section .w980,.section .layer .w980{max-width:var(--j-content)!important;margin:0 auto!important;padding:100px var(--j-gutter)}
 .section h1,.section h2,.section h3{font-weight:400;letter-spacing:-.045em}
 .section h2{font-size:clamp(44px,4.3vw,66px)!important;line-height:1.09!important;margin-bottom:30px!important;max-width:16ch}
 .section h3{font-size:44px!important;line-height:1.13!important}
 .section p{font-size:16px;line-height:1.85;max-width:58ch}
 .section .editorial-kicker{display:block;margin:0 0 24px!important;font:500 10px/1.5 var(--j-body);letter-spacing:.16em;text-transform:uppercase;color:var(--j-accent)}
 .section .btn_rect{margin-top:22px!important;padding:15px 25px;min-height:50px;letter-spacing:.08em;font-size:11px}
 .section .btn_rect .arrow{display:none}
 .section .btn_rect:hover{background:#294b5f}
 /* Opening spread: the original coastal kitchen photograph, paired with paper. */
 #s1{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:minmax(650px,calc(91svh - var(--j-header)));min-height:650px}
 #s1 #section1_bg{grid-column:2;grid-row:1;position:relative!important;inset:auto!important;height:100%!important;min-height:650px;background-size:auto 114%;background-position:75% 28%;border-left:1px solid var(--j-rule)}
 #s1>.hero-logo-layer{grid-column:1;grid-row:1;align-self:end}
 #s1>.hero-copy-layer{grid-column:1;grid-row:1;align-self:start;background:transparent}
 #s1 #section1_logo{padding:0 var(--j-gutter) 46px}
 #s1 #logo{width:190px;background:transparent;padding:0}
 #s1 #logo img{width:100%;height:auto}
 #s1 #section1_content{padding:85px clamp(40px,5.4vw,96px) 150px}
 #s1 h1{font-size:clamp(50px,4.5vw,76px)!important;max-width:12ch!important;line-height:1.07!important;margin:0 0 28px!important}
 #s1 #section1_content_div{max-width:30ch;color:var(--j-muted);font:400 16px/1.75 var(--j-body)}
 #s1 .hero-discover{display:inline-flex;gap:22px;align-items:center;min-height:48px;margin-top:22px;color:var(--j-blue);font:500 11px/1.5 var(--j-body);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--j-accent)}
 #s1 .hero-discover span{font-size:18px}
 /* A coastal photograph and a generous, quiet reading column. */
 #s2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
 #s2 #section_2_bg img{height:100%!important;min-height:640px;object-fit:cover;object-position:60% center}
 #s2 #section_2_txt{align-self:center}
 #s2 #section_2_txt .w980{padding:90px var(--j-gutter)}
 /* Communities become visible editorial columns rather than hover-only cards. */
 #s3{padding-bottom:0}
 #s3 #section_3_bg img{height:360px!important;object-position:center 55%}
 #s3 #section_3_txt .txt_wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;align-items:start}
 #s3 #section_3_txt .editorial-kicker{grid-column:1/-1}
 #s3 #section_3_txt .text_white{color:var(--j-white)}
 #s3 .editorial-kicker{color:#d5b994}
 #s3 .layer.left{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;max-width:1440px!important;padding:0 var(--j-gutter) 90px;margin:auto!important}
 #s3 .item{padding:28px 0 0;cursor:default}
 #s3 .item .item_inner{padding:0}
 #s3 .item .item_inner .left img{width:100%;height:190px!important;object-fit:cover;margin-bottom:24px}
 #s3 .item .item_inner .right .h3{font-size:28px;letter-spacing:-.03em}
 #s3 .item .item_inner .txt_wrapper{font-size:14px;line-height:1.85}
 /* Building: original illustrations presented as an architectural notebook. */
 #s4 .layer.text .w980{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;padding-bottom:65px}
 #s4 .layer.image .w980{padding:0 var(--j-gutter) 90px}
 #s4 .bg_image{display:none}
 #s4 .layer.image ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:35px 24px;align-items:center;padding-top:40px;border-top:1px solid var(--j-rule)}
 #s4 .layer.image ul li img{max-height:150px}
 #s4 .layer.image ul li:nth-child(n+7){grid-column:span 1}
 /* Gallery: open gutters, a consistent crop and two larger opening images. */
 #s5 #section_5_txt .txt_wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;align-items:start}
 #s5 #section_5_txt .editorial-kicker{grid-column:1/-1}
 #s5 .layer:last-child .w980{padding:0 var(--j-gutter) 100px}
 #s5 .layer ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
 #s5 .layer ul li{grid-column:span 2!important}
 #s5 .layer ul li:nth-child(-n+2){grid-column:span 3!important}
 #s5 .layer ul li .thumb .img{height:240px!important;object-fit:cover;transition:filter 180ms}
 #s5 .layer ul li:nth-child(-n+2) .thumb .img{height:350px!important}
 #s5 .layer ul li .thumb:hover .img{filter:brightness(.9)}
 /* Johanne is the focal point, with the supplied portrait retained. */
 #s6{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center;max-width:1440px;margin:auto!important;padding:80px var(--j-gutter)}
 #s6 #s6_img2{background:#e9e3d9;align-self:stretch;display:flex;align-items:flex-end;border-bottom:1px solid #c9beb0}
 #s6 #s6_img2 .w980{padding:0;min-height:700px;height:100%!important;overflow:hidden}
 #s6 .image_2{position:absolute!important;top:-15%;left:5%;width:160%;max-width:none;max-height:none;margin:0!important}
 #s6 #section_6_txt .w980{padding:35px 0 35px 35px}
 #s6 h3{font-size:28px!important;margin-bottom:14px!important}
 #s6 h4{font-size:14px}
 #s6 .txt_wrapper img{max-width:185px}
 /* The wine and kitchen still form one composition, with copy alongside. */
 #s7{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto;min-height:720px;padding:50px var(--j-gutter);column-gap:65px;align-items:center}
 #s7 #s7_bgKeuken{grid-area:1/1;width:100%!important;height:350px!important;margin:0!important}
 #s7 #s7_bgWijn{grid-area:1/1;width:100%!important;height:490px!important;margin:0!important}
 #s7 #s7_txt{grid-area:1/2}
 #s7 #s7_txt .w980{padding:50px 0}
 #s7 .txt p{font-size:15px}
 #s7 .txt p+p{margin-top:22px;padding-top:22px}
 /* Closing invitation, without crowding the existing home photographs. */
 #s8>.layer>.w980{padding-top:100px;padding-bottom:100px}
 #s8 .row1{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}
 #s8 .col2{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:0}
 #s8 .col2 a{min-width:0}
 #s8 .col2 img{height:280px!important;object-fit:cover;margin:0!important}
 #s8 .col2 a:nth-child(2){padding-top:55px}
 #s8 .col2 .txt_spacer{grid-column:1/-1;margin:0!important}
 #s8 .col2 .txt_spacer p{font-size:13px;color:var(--j-muted)}
 /* Contact and integrations are given real document space. */
 #s9{min-height:0;padding:0;background:var(--j-blue);border:0}
 #s9 #section_9_bg{height:250px!important;background-position:center 38%}
 #s9>.layer:not(.bg){padding-top:0}
 #s9 #s9_bg{min-height:0;padding:0}
 #s9 #section_9_toptxt,#s9 #section_9_btmtxt{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;width:100%!important;max-width:1440px!important;padding:80px var(--j-gutter);margin:0 auto!important}
 #s9 #column_1,#s9 #column_2{padding:0;border:0}
 #s9 h2{font-size:44px!important}
 #s9 .editorial-kicker{color:#d5b994}
 #s9 #column_2{padding-top:40px}
 #s9 #column_2 p{font-size:30px!important;line-height:1.5!important;max-width:25ch}
 #s9 #section_9_toptxt li{font-size:15px}
 #s9 #section_9_btmtxt{border-top:1px solid #ffffff35;padding-top:50px;padding-bottom:65px}
 #s9 .mymap>.w980{max-width:1440px!important;padding:0 var(--j-gutter) 45px}
 #s9 #map_holder #map{height:320px!important;width:100%!important}
 #s9 #btn_map{font-size:17px!important}
 #s9 .map-directions{font:400 13px/1.5 var(--j-body)}
 #s9 #s9_bg .btm #column_btm_1 a.facebook_logo{padding-left:46px;font-size:14px;min-height:48px;background-size:30px}
 #s9 #column_btm_2{align-self:center}
 #s9 .btm #column_btm_2 ul{padding:0!important;border:0}
 #s9 .btm #column_btm_2 ul li{font:400 23px/1.7 var(--j-display)}
 .mobile-photo-viewer{max-width:1050px}
 .mobile-photo-viewer img{max-height:700px}
}
@media(min-width:980px) and (max-width:1239px){
 .desktop-primary{display:none}
 .desktop-header-inner{gap:25px}
 #s1 h1{font-size:54px!important}
 #s1 #section1_content{padding-top:75px;padding-left:40px;padding-right:35px}
 #s1 .hero-kicker{max-width:23ch}
 #s3 .layer.left{gap:28px}
 #s4 .layer.text .w980,#s5 #section_5_txt .txt_wrapper,#s3 #section_3_txt .txt_wrapper,#s8 .row1{gap:45px}
 #s7{column-gap:40px}
 #s7 #s7_bgKeuken{height:285px!important}
 #s7 #s7_bgWijn{height:420px!important}
 #s8 .col2 img{height:230px!important}
}
@media(prefers-reduced-motion:reduce){
 html,body{scroll-behavior:auto!important}
 *,*::before,*::after{transition:none!important}
}