:root{--cream:#f7f4ef;--ink:#252321;--taupe:#8a796d;--line:#ded3c5;--white:#fffdf9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.header{height:145px;display:grid;grid-template-columns:260px 1fr;grid-template-rows:68px 50px;align-items:center;padding:10px 5.5vw 8px;background:var(--cream);position:relative}.brand{grid-row:1/3;text-decoration:none;color:var(--ink);width:190px;text-align:center}.script{font-family:"Snell Roundhand","Segoe Script",cursive;font-size:54px;line-height:.9;display:block}.beauty{font-size:18px;letter-spacing:5px;display:block;border-bottom:1px solid #aaa;padding:6px 0 3px}.since{font-size:11px}.descriptor{text-align:right;letter-spacing:5px;font-size:11px;color:#615b56;padding-right:1vw}nav{display:flex;justify-content:flex-end;gap:42px}nav a{color:var(--ink);text-decoration:none;font-size:14px}.menu{display:none;background:none;border:0;font-size:28px}.hero img{width:100%;height:min(53vw,610px);object-fit:cover;display:block}.choices{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:auto;padding:38px 0}.choices a{text-decoration:none;color:var(--ink);text-align:center;padding:0 30px;border-right:1px solid var(--line)}.choices a:last-child{border:0}.choices span,.choices strong,.choices small,.choices i{display:block}.choices .ico{font-size:44px;color:var(--taupe);height:58px}.choices strong{font:30px Georgia,serif}.choices small{letter-spacing:4px;color:#777;margin:10px 0 14px}.choices i{font-style:normal;font-size:22px}.about{display:grid;grid-template-columns:1fr 1fr;background:var(--white);min-height:410px}.copy{padding:55px 7vw}.eyebrow{letter-spacing:4px;font-size:12px}.copy h1{font:44px/1.04 Georgia,serif;margin:30px 0 18px}.copy p{max-width:500px;font-size:17px;line-height:1.6;color:#5d5a57}.future{display:inline-block;margin-top:16px;padding:13px 18px;border:1px solid #999;letter-spacing:2px;text-transform:uppercase;font-size:11px}.feather{position:relative;overflow:hidden}.feather img{width:100%;height:100%;object-fit:cover}.feather span{position:absolute;right:9%;bottom:15%;font-family:"Snell Roundhand","Segoe Script",cursive;font-size:30px;transform:rotate(-5deg)}footer{padding:28px 5.5vw 20px;background:var(--cream)}.contact{display:grid;grid-template-columns:1.2fr .8fr 1.5fr;gap:20px;padding-bottom:28px;border-bottom:1px solid var(--line)}.contact a,.pending{display:flex;gap:13px;align-items:center;color:#555;text-decoration:none;font-size:14px}.pending small{color:#999}.foot{display:flex;justify-content:space-between;padding-top:20px;font-size:11px;color:#777;letter-spacing:.3px}.foot span:last-child{letter-spacing:3px}@media(max-width:760px){.header{height:auto;min-height:120px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:14px 22px}.brand{grid-row:auto;width:140px;text-align:left}.script{font-size:43px}.beauty{font-size:14px;letter-spacing:4px;text-align:center}.since{text-align:center;display:block}.descriptor{font-size:9px;letter-spacing:2.4px;text-align:left;margin-top:12px;grid-column:1/2}.menu{display:block;grid-column:2;grid-row:1;align-self:center}nav{display:none;grid-column:1/3;flex-direction:column;gap:0;padding:12px 0}.nav-open nav{display:flex}nav a{padding:12px 0;border-top:1px solid var(--line)}.hero img{height:58vw;min-height:245px}.choices{padding:22px 12px}.choices a{padding:0 8px}.choices .ico{font-size:30px;height:42px}.choices strong{font-size:20px}.choices small{font-size:8px;letter-spacing:1.4px}.about{grid-template-columns:1fr}.copy{padding:42px 28px}.copy h1{font-size:38px}.copy p{font-size:16px}.feather{height:300px}.contact{grid-template-columns:1fr;gap:18px}.foot{flex-direction:column;gap:12px}.foot span:last-child{letter-spacing:2px}.descriptor{display:block}}

/* V1.1 – mobile polish */
@media(max-width:760px){
  .menu{color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1}
  .hero{overflow:hidden;background:var(--cream)}
  .hero img{height:50vw;min-height:215px;transform:scale(1.12);transform-origin:right center}
  .choices{padding:24px 8px 26px}
  .choices a{padding:0 5px;min-width:0}
  .choices strong{font-size:18px;white-space:nowrap}
  .choices small{font-size:7px;letter-spacing:1.15px;white-space:normal;min-height:20px}
  .choices i{font-size:20px}
}
@media(max-width:380px){
  .choices strong{font-size:16px}
  .choices small{font-size:6.5px;letter-spacing:.8px}
}

/* V1.2 mobile polish: crop the baked-in hero caption fully out of view. */
@media(max-width:760px){
  .hero img{transform:scale(1.28);transform-origin:right center}
}

/* V1.3 – compact visitekaartje on mobile */
@media(max-width:760px){
  .about{display:block;min-height:0}
  .copy{padding:42px 28px 38px}
  .copy h1{font-size:34px;line-height:1.06;margin:22px 0 14px}
  .copy p{font-size:15px;line-height:1.55;margin:0;max-width:34em}
  .future{display:none}
  .feather{display:none}
  footer{padding-top:28px}
}

/* V1.4 – tighter mobile rhythm and consistent line icons */
.contact-icon{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:var(--taupe);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){
  .copy{padding-top:26px;padding-bottom:32px}
  .eyebrow{display:block}
  .contact a,.pending{gap:16px}
  .contact-icon{width:20px;height:20px;flex-basis:20px}
}

/* V1.5 – gevelstijl voor het logo: Rolien + beauty op één lijn */
.brand{width:245px;text-align:left}
.brandline{display:flex;align-items:flex-end;gap:16px;border-bottom:1px solid #aaa;padding-bottom:4px}
.brandline .script{font-size:54px;line-height:.82;white-space:nowrap}
.brandline .beauty{font-size:21px;letter-spacing:0;border:0;padding:0 0 5px;white-space:nowrap}
.brand .since{display:block;text-align:center;font-size:11px;padding-top:4px}
@media(max-width:760px){
 .brand{width:245px;max-width:78vw}
 .brandline{gap:13px}
 .brandline .script{font-size:46px}
 .brandline .beauty{font-size:19px;padding-bottom:4px}
 .brand .since{text-align:center;font-size:11px}
}
@media(max-width:380px){.brand{width:225px}.brandline .script{font-size:42px}.brandline .beauty{font-size:17px}}

/* V1.8 – alleen het woord Rolien is nu het echte gevelwoordmerk. */
.brandline .script{display:block;width:120px;height:60px;line-height:0;flex:0 0 120px}
.brandline .script img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
@media(max-width:760px){.brandline .script{width:112px;height:55px;flex-basis:112px}}
@media(max-width:380px){.brandline .script{width:104px;height:51px;flex-basis:104px}}