:root{--color-sand:#f5f0e8;--color-sand-dark:#e8dfd0;--color-terracotta:#c17757;--color-terracotta-dark:#a5603f;--color-terracotta-light:#d4956f;--color-forest:#3b5e3a;--color-forest-dark:#2d482c;--color-cream:#fdf8f0;--color-charcoal:#2d2d2d;--color-charcoal-light:#5a5a5a;--font-heading:"Cormorant Garamond",Georgia,serif;--font-body:"Inter",system-ui,sans-serif;--filter-forest:invert(28%)sepia(18%)saturate(1100%)hue-rotate(70deg)brightness(96%)contrast(85%);--filter-terracotta:invert(53%)sepia(18%)saturate(1063%)hue-rotate(336deg)brightness(89%)contrast(87%);--brand-gradient:linear-gradient(135deg,#3b5e3a 0%,#5a8a58 35%,#c17757 75%,#d4956f 100%)}.retraite-page *{box-sizing:border-box;margin:0;padding:0}.retraite-page{font-family:var(--font-body);background-color:var(--color-sand);color:var(--color-charcoal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 100% 0,#c177571a 0%,#0000 45%),radial-gradient(circle at 0 100%,#3b5e3a1a 0%,#0000 45%);min-height:100vh;line-height:1.6;overflow-x:hidden}.retraite-page .page-wrapper{width:100%;max-width:1040px;margin:0 auto;padding:3rem 1.5rem 4rem}.retraite-page .hero{text-align:center;margin-bottom:4rem;position:relative}.retraite-page .hero p{text-align:center}.retraite-page .hero:before{content:"";opacity:.08;z-index:0;pointer-events:none;background-image:url(/retraite/YL_Beeldmerk_color.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:460px;height:548px;position:absolute;top:-2rem;left:50%;transform:translate(-50%)}.retraite-page .hero>*{z-index:1;position:relative}.retraite-page .logo-lockup{flex-direction:column;align-items:center;gap:1.25rem;max-width:420px;margin:0 auto 3rem;display:flex}.retraite-page .brandmark{filter:drop-shadow(0 14px 28px #3b5e3a40);width:170px;height:auto;display:block}.retraite-page .naam-logo{width:320px;max-width:100%;height:auto;display:block}.retraite-page .hero h1{font-family:var(--font-heading);color:var(--color-forest);letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(3rem,9vw,5.5rem);font-style:italic;font-weight:700;line-height:.95}.retraite-page .hero-subtitle{color:var(--color-terracotta);letter-spacing:.28em;text-transform:uppercase;margin-bottom:2.5rem;font-size:1.05rem;font-weight:700}.retraite-page .hero-tagline{font-family:var(--font-heading);color:var(--color-charcoal-light);max-width:720px;margin:0 auto;font-size:clamp(1.25rem,2.6vw,1.85rem);font-style:italic;line-height:1.35}.retraite-page .hero-cta{justify-content:center;margin-top:2.25rem;display:flex}.retraite-page .hero-banner{aspect-ratio:16/7;background-color:var(--color-forest);border-radius:2rem;margin:0 0 4rem;position:relative;overflow:hidden;box-shadow:0 25px 60px -25px #3b5e3a59}.retraite-page .hero-banner img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.retraite-page .hero-banner:after{content:"";background:linear-gradient(#2d482c26 0%,#2d482c0d 40%,#2d482c8c 100%);position:absolute;inset:0}.retraite-page .hero-banner-caption{color:var(--color-cream);font-family:var(--font-heading);letter-spacing:.02em;text-shadow:0 2px 12px #0006;z-index:1;font-size:clamp(1rem,2vw,1.4rem);font-style:italic;position:absolute;bottom:1.5rem;left:2rem}.retraite-page .layout-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:900px){.retraite-page .side-by-side{grid-template-columns:1fr 1fr;align-items:stretch;gap:2rem;display:grid}}.retraite-page section{background-color:#fffffff5;border:1px solid #3b5e3a1f;border-radius:1.75rem;flex-direction:column;height:100%;padding:2.5rem;display:flex;position:relative;box-shadow:0 12px 30px -18px #00000014}.retraite-page .section-header{border-bottom:1px solid #3b5e3a26;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.retraite-page .section-icon{width:34px;height:34px;filter:var(--filter-forest);flex-shrink:0}.retraite-page h2{font-family:var(--font-heading);color:var(--color-forest);font-size:1.85rem;font-style:italic;font-weight:600;line-height:1.1}.retraite-page .section--with-image{padding:0;overflow:hidden}.retraite-page .section-image{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.retraite-page .section-image img{object-fit:cover;width:100%;height:100%;display:block}.retraite-page .section-image:after{content:"";background:linear-gradient(#2d482c00 60%,#2d482c59 100%);position:absolute;inset:0}.retraite-page .section--with-image .section-body{padding:2.5rem 2.5rem 2.75rem}.retraite-page ul{list-style:none}.retraite-page li{color:var(--color-charcoal);align-items:flex-start;gap:1rem;margin-bottom:1rem;font-size:1.05rem;display:flex}.retraite-page li:last-child{margin-bottom:0}.retraite-page .item-icon{width:22px;height:22px;filter:var(--filter-terracotta);flex-shrink:0;margin-top:.2rem}.retraite-page .tip-block{border-left:3px solid var(--color-forest);color:var(--color-charcoal-light);background-color:#3b5e3a0f;border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-top:1.25rem;padding:1rem 1.25rem;font-size:.97rem;display:flex}.retraite-page .tip-block .tip-label{color:var(--color-forest);text-transform:uppercase;letter-spacing:.12em;flex-shrink:0;margin-top:.15rem;font-size:.78rem;font-weight:700}.retraite-page .practical-info{gap:1rem;display:grid}.retraite-page .info-row{border-bottom:1px dashed #3b5e3a40;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.85rem;display:flex}.retraite-page .info-row:last-child{border-bottom:none;padding-bottom:0}.retraite-page .info-label{color:var(--color-forest);text-transform:uppercase;letter-spacing:.18em;flex-shrink:0;font-size:.78rem;font-weight:700}.retraite-page .info-value{color:var(--color-charcoal);text-align:right;font-size:1.02rem;font-weight:500}.retraite-page .cta-container{text-align:center;margin:4rem 0 3rem}.retraite-page .btn{background-color:var(--color-forest);letter-spacing:.04em;border-radius:9999px;justify-content:center;align-items:center;padding:1.25rem 3.5rem;font-size:1.15rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.19,1,.22,1);display:inline-flex;box-shadow:0 12px 28px -10px #3b5e3a73;color:var(--color-cream)!important}.retraite-page .btn:hover{background-color:var(--color-forest-dark);transform:translateY(-3px);box-shadow:0 18px 38px -10px #3b5e3a8c}.retraite-page .policy{background-color:#3b5e3a0f;border:1px dashed #3b5e3a59;border-radius:1.5rem;margin-bottom:3rem;padding:2rem 2.5rem}.retraite-page .policy h3{font-family:var(--font-heading);color:var(--color-forest);margin-bottom:1rem;font-size:1.5rem;font-style:italic;font-weight:600}.retraite-page .policy ul{gap:.6rem;list-style:none;display:grid}.retraite-page .policy li{color:var(--color-charcoal-light);align-items:flex-start;gap:.75rem;margin-bottom:0;font-size:.97rem;display:flex}.retraite-page .policy li:before{content:"•";color:var(--color-terracotta);flex-shrink:0;font-size:1rem;line-height:1.6}.retraite-page footer{text-align:center;color:var(--color-charcoal-light);border-top:1px solid var(--color-sand-dark);flex-direction:column;align-items:center;gap:1.25rem;padding:3rem 0 1rem;font-size:.92rem;display:flex}.retraite-page .footer-brandmark{opacity:.9;width:56px;height:auto}.retraite-page .footer-naam{opacity:.75;width:180px;height:auto}.retraite-page .back-link{color:var(--color-forest);opacity:.75;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.retraite-page .back-link:hover{opacity:1}@media (max-width:640px){.retraite-page .page-wrapper{padding:2rem 1rem 3rem}.retraite-page section,.retraite-page .section--with-image .section-body{padding:2rem 1.5rem}.retraite-page .hero-banner{aspect-ratio:4/3;border-radius:1.25rem}.retraite-page .hero-banner-caption{bottom:1rem;left:1.25rem}.retraite-page .logo-lockup{max-width:320px;padding:1.75rem 1.25rem 1.5rem}.retraite-page .brandmark{width:130px}.retraite-page .naam-logo{width:260px}.retraite-page .hero:before{width:340px;height:408px}.retraite-page .info-row{flex-direction:column;align-items:flex-start;gap:.2rem}.retraite-page .info-value{text-align:left;font-size:1rem}.retraite-page .hero h1{font-size:2.75rem}.retraite-page .hero-subtitle{letter-spacing:.22em;font-size:.85rem}.retraite-page .policy{padding:1.75rem 1.5rem}.retraite-page .cta-container{margin:2.5rem 0 2rem}}
