@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#142d36;--lime:#ddf37a;--paper:#fff;--soft:#f2f5f3;--line:#d5dedb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.65}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(3.3rem,6.3vw,6.5rem);font-weight:600}h2{font-size:clamp(2.3rem,3.9vw,4.2rem);font-weight:500}h3{font-size:1.55rem;font-weight:600;letter-spacing:-.035em}em{font-style:normal}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 4.5%;background:#fff;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:-.7px;line-height:1.3}.brand-icon{width:46px;height:46px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:29px;font-weight:600}.brand-sub{display:block;font-size:10px;letter-spacing:2px;margin-top:4px}nav{display:flex;gap:30px;font-size:15px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 27px;background:var(--lime);border:1px solid var(--lime);border-radius:5px;color:var(--ink);font-size:15px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#cde95b;transform:translateY(-2px)}.button.small{padding:12px 22px}.hero{height:690px;min-height:570px;position:relative;color:white;overflow:hidden}.hero>img{position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,27,34,.84),rgba(8,27,34,.38) 65%,rgba(8,27,34,.12))}.hero-copy{position:relative;padding:88px 7%;max-width:1200px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin-bottom:24px}.hero .eyebrow{color:var(--lime)}.hero h1 em{color:var(--lime)}.hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.6;margin-top:27px;margin-bottom:29px}.hero-caption{position:absolute;bottom:35px;left:7%;font-size:14px}.image-note{position:absolute;bottom:22px;right:24px;background:#142d36ad;color:white;border:1px solid #ffffff50;padding:5px 12px;border-radius:20px;font-size:12px;backdrop-filter:blur(8px)}.benefit-strip{background:var(--lime);display:flex;justify-content:space-around;padding:21px 5%;font-size:14px;font-weight:600;gap:20px}.benefit-strip span:before{content:'✓';margin-right:14px}.section{padding:105px 7%}.intro{padding-top:100px;padding-bottom:85px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.intro-grid h2 em{color:#6b817a}.intro-grid p+p{margin-top:21px}.lead{font-size:23px;line-height:1.5}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:47px}.section-title>p{max-width:420px;color:#54656a;font-size:16px}.spaces{padding-top:30px}.space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.photo-wrap{height:350px;position:relative;overflow:hidden;margin-bottom:25px;border-radius:5px}.photo-wrap img{transition:transform .6s}.space-card:hover img{transform:scale(1.035)}.number{position:absolute;top:18px;left:18px;background:#fff;padding:7px 13px;font-size:11px;letter-spacing:1.3px}.space-card p{margin:17px 0;color:#53666c;font-size:16px}.space-card>a{font-size:14px;font-weight:700;border-bottom:1px solid #92a08e;padding-bottom:5px}.exterior{display:grid;grid-template-columns:1.15fr 1fr;background:var(--ink);color:#fff;min-height:650px}.exterior-image{position:relative;min-height:550px}.exterior-copy{padding:80px 14% 80px 12%;align-self:center}.exterior .eyebrow{color:var(--lime)}.exterior h2{margin-bottom:29px}.exterior p:not(.eyebrow){color:#d0dedf;margin-bottom:20px;font-size:16px}.exterior .button{margin-top:14px}.included h2 em{color:#73867b}.amenity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:60px}.amenity-symbol{width:48px;height:48px;display:grid;place-items:center;background:var(--lime);border-radius:50%;font-size:26px;margin-bottom:22px}.amenity-grid h3{font-size:19px;letter-spacing:-.02em}.amenity-grid p{font-size:15px;color:#586d71;margin-top:12px}.extra{border-top:1px solid var(--line);margin-top:48px;padding-top:27px;display:flex;gap:40px;font-size:15px}.extra strong{min-width:220px}.extra span{max-width:730px;color:#586d71}.gallery-section{padding:85px 0 0;background:var(--soft)}.gallery-title{text-align:center;padding:0 7% 48px}.gallery-title p:last-child{margin-top:22px;color:#53666c}.gallery{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:16px;padding:0 24px 24px}.gallery figure{height:420px;position:relative;overflow:hidden;border-radius:4px}.gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:55px 25px 25px;color:white;background:linear-gradient(transparent,#142d36c9);font-size:19px}.tabs{display:flex;gap:8px;margin-bottom:30px;background:var(--soft);padding:6px;border-radius:7px;width:max-content}.tabs button{padding:11px 24px;border:0;background:transparent;border-radius:4px;font-size:15px;color:var(--ink)}.tabs button[aria-selected=true]{background:var(--ink);color:white}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-grid article{padding:35px 30px;border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column;align-items:flex-start}.price-grid article.featured{background:var(--ink);color:white;border-color:var(--ink)}.price-grid .eyebrow{font-size:11px;margin-bottom:16px}.price-grid h3{font-size:23px}.price{font-family:Manrope,Arial,sans-serif;font-size:57px;letter-spacing:-3px;margin:22px 0 14px;font-weight:500;line-height:1.2}.price span{font-family:'DM Sans',Arial,sans-serif;font-size:15px;letter-spacing:0;margin-left:8px;font-weight:400}.price-grid article>p:not(.price):not(.eyebrow){font-size:16px}.price-grid ul{padding:22px 0 28px;list-style:none;font-size:14px;width:100%;flex:1}.price-grid li{padding:10px 0;border-top:1px solid #99aaa840}.price-grid li:before{content:'✓';margin-right:10px}.price-grid .button{width:100%;font-size:14px;margin-top:22px}.outline{background:transparent;border-color:#b7c8c3}.price-note{font-size:13px;color:#647477;margin-top:24px}.faq{padding-top:5px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq h2{font-size:40px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:600;padding-right:25px}.faq details p{padding-top:16px;color:#53666c;font-size:16px}.contact{display:grid;grid-template-columns:1.05fr 1fr;background:var(--lime);padding:65px 7%;gap:80px;align-items:center}.contact h2{font-size:clamp(2.5rem,4.5vw,5rem)}.contact h2 em{color:#4b6247}.contact p:not(.eyebrow){margin:24px 0}.contact-details{display:grid;gap:10px;font-size:17px;margin-top:34px}.contact-photo{position:relative;height:480px;border-radius:6px;overflow:hidden}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:36px 7%}footer p{font-size:14px}footer>span{font-size:12px;color:#6b7b7f}.skip{position:absolute;left:15px;top:-80px;background:var(--lime);padding:15px;z-index:20}.skip:focus{top:15px}:focus-visible{outline:3px solid #4f89bc;outline-offset:5px}[hidden]{display:none!important}
@media(min-width:1700px){.section,header,.hero-copy,.contact,footer{padding-left:max(7%,calc((100vw - 1450px)/2));padding-right:max(7%,calc((100vw - 1450px)/2))}}
@media(max-width:1050px){header{padding:0 4%;gap:15px}nav{gap:18px}.brand{font-size:18px}.section{padding:75px 5%}.intro-grid{gap:45px}.hero-copy{padding:85px 5%}.photo-wrap{height:270px}.exterior-copy{padding:60px 9%}.price-grid article{padding:26px 20px}.price-grid{gap:14px}.contact{gap:35px;padding:55px 5%}.contact-photo{height:420px}.faq{gap:45px}footer{padding:30px 5%;flex-wrap:wrap}}
@media(max-width:760px){header{height:85px}.brand-sub{font-size:8px;letter-spacing:1.4px}.brand{font-size:17px}.brand-icon{width:37px;height:37px;font-size:24px}nav{display:none}.button.small{font-size:12px;padding:11px 13px}.hero{height:650px;min-height:0}.hero-copy{padding:76px 6%}.hero h1{font-size:clamp(2.8rem,9vw,4.5rem)}.hero-copy>p:not(.eyebrow){font-size:18px}.hero-caption{left:6%;bottom:55px;max-width:250px}.hero .image-note{bottom:17px}.benefit-strip{flex-wrap:wrap;padding:20px 6%;justify-content:flex-start;gap:8px;font-size:12px}.benefit-strip span{width:100%}.section{padding:65px 6%}.intro-grid{grid-template-columns:1fr;gap:28px}.lead{font-size:21px}.section-title{display:block;margin-bottom:30px}.section-title>p{margin-top:23px}.space-grid{grid-template-columns:1fr;gap:42px}.photo-wrap{height:330px}.exterior{grid-template-columns:1fr}.exterior-image{height:350px;min-height:0}.exterior-copy{padding:55px 6%}.amenity-grid{grid-template-columns:1fr 1fr;gap:34px 20px;margin-top:35px}.amenity-grid h3{font-size:17px}.extra{display:block}.extra span{display:block;margin-top:12px}.gallery-section{padding-top:60px}.gallery{grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 12px}.gallery figure{height:260px}.gallery figure:first-child{grid-column:1/-1;height:330px}.gallery figcaption{font-size:15px;padding:45px 14px 14px}.gallery-title br{display:none}.price-grid{grid-template-columns:1fr;gap:20px}.price-grid article{padding:30px}.price-grid ul{padding-bottom:0}.faq{grid-template-columns:1fr;gap:20px;padding-top:10px}.faq h2{font-size:34px}.contact{grid-template-columns:1fr;padding:55px 6%;gap:35px}.contact-photo{height:350px}.contact p br{display:none}footer{display:grid;gap:18px}.eyebrow{font-size:11px;letter-spacing:1.6px}.tabs{max-width:100%}.tabs button{padding:10px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Brouwerijstraat 26A additions */
.brand-icon{font-size:18px;letter-spacing:-1px;flex-shrink:0}.room-banner{margin-top:24px;padding:32px;background:var(--soft);border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:30px}.room-banner h3{font-size:24px;max-width:750px}.room-banner p{margin-top:12px}.room-banner .button{flex-shrink:0}.cosy-room{padding:30px 0 10px;max-width:900px}.cosy-room .eyebrow{margin-bottom:16px}.cosy-room p:not(.eyebrow){margin:18px 0;color:#53666c}.cosy-room a{font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.recording{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--ink);color:white;margin-bottom:90px}.recording .eyebrow{color:var(--lime)}.recording p:not(.eyebrow){margin-bottom:22px}.recording .button{margin-top:8px}.contact-details a{text-decoration:underline;text-underline-offset:5px;width:fit-content;overflow-wrap:anywhere}.contact-details strong{font-size:18px}.contact-details span{font-size:15px;margin-top:10px}
@media(max-width:760px){.brand-icon{font-size:15px}.room-banner{padding:26px;display:block}.room-banner .button{margin-top:22px}.recording{grid-template-columns:1fr;gap:30px;margin-bottom:60px}.contact-details strong{font-size:17px}}

/* Eigen openingsfoto */
.hero>img{object-position:center 58%}.hero-shade{background:linear-gradient(90deg,rgba(8,27,34,.76),rgba(8,27,34,.32) 60%,rgba(8,27,34,.06))}
@media(max-width:760px){.hero>img{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(8,27,34,.78),rgba(8,27,34,.42))}}

/* Eigen beelden in de drie ruimtekaarten */
.photo-wrap img[data-photo="desk"]{object-position:50% 55%}.photo-wrap img[data-photo="meeting"]{object-position:55% 58%}.photo-wrap img[data-photo="office"]{object-position:52% 45%}

/* Eigen buiten- en pauzefoto’s */
.exterior-image{background:var(--ink)}.exterior-image img{object-fit:contain;object-position:center}.gallery img[data-photo="lounge"]{object-position:52% 55%}.gallery img[data-photo="coffee"]{object-position:55% 65%}
@media(max-width:760px){.exterior-image{height:auto;aspect-ratio:1360/2048;min-height:0}.exterior-image img{height:100%}}

.gallery img[data-photo="together"]{object-position:52% center}

.contact-photo img{object-position:50% 55%}

/* Podcastopstelling */
.recording{align-items:center;gap:60px}.recording-photo{margin-top:32px;aspect-ratio:2048/1360;border-radius:6px;overflow:hidden}.recording-photo img{object-position:center}
@media(max-width:760px){.recording{gap:30px}.recording-photo{margin-top:24px}}

/* Buiten pauzeren */
.terrace{background:var(--soft);padding-top:65px;padding-bottom:80px}.terrace-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:35px}.terrace-heading>p{max-width:520px;color:#53666c}.terrace-photos{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.terrace-photos figure{position:relative;aspect-ratio:1.5;overflow:hidden;border-radius:6px}.terrace-photos img{object-position:center 60%}.terrace-photos figcaption{position:absolute;bottom:0;left:0;right:0;padding:55px 24px 22px;color:white;background:linear-gradient(transparent,#142d36d9);font-size:18px}
@media(max-width:760px){.terrace{padding-top:50px;padding-bottom:55px}.terrace-heading{grid-template-columns:1fr;gap:22px}.terrace-photos{grid-template-columns:1fr;gap:18px}.terrace-photos figcaption{font-size:16px;padding:45px 18px 18px}}