/* Owner-approved six-section About composition. */
@font-face { font-family:DBPreviewPapyrus; src:url('./assets/fonts/papyrus-preview-20260915.ttf'); }
@font-face { font-family:DBPreviewMontserrat; src:url('./assets/fonts/montserrat-medium-20260915.ttf'); }
@layer dbAboutCreative {
@scope (.db-about-creative) {
:where(*) { all: revert !important; box-sizing: border-box !important; }


.db-about-creative {--brand:#754b33 !important;--paper:#fcfaf6 !important;--sand:#b79e83 !important;--ink:#242320 !important;--shadow:0 6px 16px #251d152e,0 24px 55px #251d153d !important}
*{box-sizing:border-box !important}header{padding:20px 5vw !important;display:flex !important;align-items:center !important;justify-content:space-between !important;border-bottom:1px solid #754b3330 !important;background:#fff !important}header img{width:240px !important;display:block !important}header span{font:11px DBPreviewMontserrat,sans-serif !important;letter-spacing:.18em !important;color:var(--brand) !important}.wrap{width:min(1200px,88vw) !important;margin:auto !important}section{position:relative !important}h2{font:400 clamp(38px,4.4vw,64px)/1.18 DBPreviewPapyrus,fantasy !important;margin:16px 0 28px !important}.eyebrow{font:12px DBPreviewMontserrat,sans-serif !important;text-transform:uppercase !important;letter-spacing:.2em !important;color:var(--brand) !important}p{font-size:17px !important;line-height:1.8 !important;margin:0 0 20px !important;color:#4a4640 !important}.photo{margin:0 !important;box-shadow:var(--shadow) !important;position:relative !important;overflow:hidden !important}.photo img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important}.text-link{display:inline-block !important;margin-top:10px !important;color:var(--brand) !important;text-underline-offset:7px !important;font-size:15px !important;line-height:1.6 !important}.comfort{padding:100px 0 110px !important;display:grid !important;grid-template-columns:1fr 1.8fr !important;gap:0 50px !important}.comfort .heading{grid-column:1/3 !important;max-width:650px !important;padding-left:8% !important}.comfort .photo{grid-column:1/3 !important;height:550px !important;border-radius:8px 140px 8px 8px !important;border:12px solid #fff !important}.comfort img{object-position:72% center !important}.comfort .copy{grid-column:1/3 !important;width:65% !important;margin-left:45px !important;background:#fff !important;padding:40px 48px !important;position:relative !important;margin-top:-100px !important;margin-right:0 !important;border-top:4px solid var(--brand) !important;z-index:1 !important}.namib{background:var(--brand) !important;padding:110px 0 !important;border-radius:160px 0 160px 0 !important}.namib-inner{display:grid !important;grid-template-columns:.85fr 1.35fr !important;align-items:center !important;gap:90px !important}.namib .photo{height:600px !important;border-radius:50% 50% 45% 45% !important;border:14px solid var(--sand) !important}.namib .eyebrow{color:#eadbcb !important}.namib h2{color:var(--paper) !important}.namib p{color:#f4ede5 !important}.garden{padding:130px 0 120px !important}.garden .heading{max-width:760px !important;margin:0 auto 65px !important;text-align:center !important}.garden-layout{display:grid !important;grid-template-columns:1.2fr .8fr !important;gap:110px !important;align-items:center !important}.garden .copy{max-width:550px !important;padding-left:35px !important;border-left:2px solid var(--sand) !important}.garden .photo{height:640px !important;border:14px solid #fff !important;border-radius:240px 240px 10px 10px !important;transform:none !important}.garden img{object-position:center !important}.garden-line{display:block !important;height:1px !important;background:var(--sand) !important;width:40% !important;margin:65px auto 0 !important}.people{padding:30px 0 120px !important;display:grid !important;grid-template-columns:.8fr 1.5fr !important;gap:40px 65px !important;align-items:center !important}.people .heading{padding-left:25px !important}.people .photo{height:500px !important;border-radius:100px 8px 100px 8px !important;border:12px solid #fff !important}.people img{object-position:38% center !important}.people .copy{grid-column:1/3 !important;display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:35px !important;padding-top:25px !important;border-top:1px solid var(--sand) !important}.people h2{font-size:clamp(36px,4vw,56px) !important}.events{padding:0 0 130px !important}.events .photo{height:590px !important;border-radius:8px 8px 130px 8px !important}.events .events-panel{width:78% !important;margin:-110px auto 0 !important;position:relative !important;background:#fff !important;padding:55px 65px !important;border-bottom:5px solid var(--brand) !important}.events .heading{text-align:center !important}.events .copy{columns:2 !important;column-gap:45px !important}.events p{break-inside:avoid !important}.events .text-link{display:block !important;columns:auto !important}.art{padding:20px 0 110px !important;display:grid !important;grid-template-columns:1.15fr 1fr !important;gap:55px 80px !important;align-items:center !important}.art .photo{width:100% !important;aspect-ratio:1 !important;border-radius:50% !important;border:18px solid var(--sand) !important}.art img{object-position:48% center !important}.art .heading{border-top:1px solid var(--brand) !important;padding-top:35px !important}.art .copy{grid-column:1/3 !important;max-width:850px !important;margin:auto !important}.art .text-link{margin-top:15px !important}footer{padding:45px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:20px !important;background:#fff !important;border-top:1px solid #754b3330 !important}footer img{width:65px !important}footer span{font:30px DBPreviewPapyrus !important;color:var(--brand) !important}
@media(max-width:850px){header img{width:180px !important}header span{font-size:9px !important;max-width:100px !important;line-height:1.6 !important}.wrap{width:88vw !important}.comfort{padding-top:60px !important;gap:0 !important}.comfort .heading{padding-left:0 !important}.comfort .photo{height:400px !important;border-radius:8px 80px 8px 8px !important}.comfort .copy{grid-column:1/3 !important;width:auto !important;margin:-45px 20px 0 !important;padding:28px !important}.namib{border-radius:80px 0 !important;padding:75px 0 !important}.namib-inner{gap:35px !important;grid-template-columns:.8fr 1.2fr !important}.namib .photo{height:450px !important}.garden{padding:80px 0 !important}.garden-layout{gap:45px !important}.garden .photo{height:500px !important}.garden .copy{padding-left:20px !important}.people{gap:30px !important}.people .photo{height:360px !important}.people .copy{grid-template-columns:1fr !important;gap:0 !important}.events .photo{height:400px !important}.events .events-panel{width:90% !important;padding:35px !important;margin-top:-60px !important}.art{gap:40px !important}.art .photo{border-width:12px !important}}
@media(max-width:600px){h2{font-size:38px !important}p{font-size:16px !important;line-height:1.75 !important}.comfort{padding-bottom:65px !important}.comfort .photo{height:330px !important;border-width:8px !important}.comfort .copy{margin:-30px 12px 0 !important;padding:25px 22px !important}.namib-inner{grid-template-columns:1fr !important}.namib .photo{height:380px !important;width:78% !important;margin:auto !important}.namib .heading{margin-top:15px !important}.garden .heading{margin-bottom:35px !important}.garden-layout{display:flex !important;flex-direction:column-reverse !important;gap:40px !important}.garden .photo{width:82% !important;height:480px !important;border-width:10px !important;transform:none !important}.people{display:flex !important;flex-direction:column !important;align-items:stretch !important;padding-bottom:70px !important}.people .heading{padding:0 !important}.people .photo{height:350px !important;border-width:8px !important}.people .copy{display:block !important;padding-top:25px !important}.events{padding-bottom:70px !important}.events .photo{height:320px !important;border-radius:8px 8px 70px 8px !important}.events .events-panel{padding:30px 23px !important;width:94% !important;margin-top:-35px !important}.events .copy{columns:auto !important}.art{display:flex !important;flex-direction:column !important;gap:30px !important;padding-bottom:70px !important}.art .photo{width:90% !important}.art .heading{width:100% !important;text-align:center !important;padding-top:25px !important}.art .copy{margin:0 !important}footer{padding:30px 15px !important}footer span{font-size:26px !important}}



/* Softer Namib section with a more prominent photograph. */
.namib { background:#eee5da !important; }
.namib-inner { grid-template-columns:1.15fr 1.2fr !important; gap:65px !important; }
.namib .photo { height:680px !important; }
.namib .eyebrow, .namib h2 { color:var(--brand) !important; }
.namib p { color:#4a4640 !important; }
@media (max-width: 850px) { .namib-inner { grid-template-columns:1fr 1.1fr !important; gap:35px !important; } .namib .photo { height:500px !important; } }
@media (max-width: 600px) { .namib-inner { grid-template-columns:1fr !important; } .namib .photo { width:92% !important; height:440px !important; } }

@media (min-width: 851px) { .comfort .heading { max-width:none !important; } .comfort h2 { white-space:nowrap !important; font-size:clamp(38px, 4.4vw, 64px) !important; } }

.garden > .garden-line { margin:0 auto 65px !important; }
@media (max-width: 600px) { .garden > .garden-line { margin-bottom:45px !important; } }

.namib { padding-block:55px !important; }
@media (max-width: 850px) { .namib { padding-block:40px !important; } }

.people { padding-top:90px !important; }
@media (max-width: 600px) { .people { padding-top:65px !important; } }

.people .heading h2 span { display:block !important; }
@media (min-width: 851px) {
  .people { grid-template-columns:1.2fr 1.3fr !important; gap:40px 45px !important; }
  .people .heading { padding-left:0 !important; }
  .people h2 { font-size:clamp(32px, 3.05vw, 44px) !important; }
  .people h2 span { white-space:nowrap !important; }
  .people .photo { height:450px !important; }
}
@media (max-width: 850px) and (min-width: 601px) {
  .people { grid-template-columns:1.1fr 1fr !important; gap:30px !important; }
  .people .heading { padding-left:0 !important; }
  .people h2 { font-size:clamp(25px, 3.4vw, 29px) !important; }
  .people h2 span { white-space:nowrap !important; }
}
@media (max-width: 600px) { .people h2 { font-size:clamp(24px, 6vw, 34px) !important; } .people h2 span { white-space:nowrap !important; } }

.art .heading { border-bottom:1px solid var(--brand) !important; padding-bottom:35px !important; }
@media (max-width: 600px) { .art .heading { padding-bottom:25px !important; } }

@media (min-width: 601px) { .people .heading { transform:translateY(40px) !important; } }

@media (min-width: 601px) { .people .heading { transform:none !important; align-self:end !important; } .people .heading h2 { margin-bottom:0 !important; } }

/* Staff: centred heading, a smaller portrait and continuous readable copy. */
.people { display:grid !important; grid-template-columns:.85fr 1.35fr !important; gap:45px 75px !important; align-items:center !important; }
.people .heading { grid-column:1 / -1 !important; text-align:center !important; align-self:auto !important; transform:none !important; padding:0 !important; max-width:none !important; }
.people .heading h2 { margin:16px 0 0 !important; font-size:clamp(38px, 4.4vw, 60px) !important; }
.people .photo { grid-column:1 !important; width:100% !important; height:510px !important; border-radius:110px 8px 8px 8px !important; }
.people .copy { grid-column:2 !important; display:block !important; padding:0 !important; border:0 !important; max-width:650px !important; }
@media (max-width: 850px) { .people { grid-template-columns:.9fr 1.2fr !important; gap:35px !important; } .people .photo { height:430px !important; } .people .heading h2 { font-size:38px !important; } }
@media (max-width: 600px) {
  .people { display:flex !important; flex-direction:column !important; gap:30px !important; }
  .people .heading h2 { font-size:clamp(24px, 6vw, 34px) !important; }
  .people .photo { width:88% !important; height:390px !important; margin:0 auto !important; }
  .people .copy { width:100% !important; }
}

/* Staff heading belongs to its story column; photo follows that column's height. */
.people { grid-template-columns:.85fr 1.35fr !important; align-items:stretch !important; }
.people .people-story { grid-column:2 !important; min-width:0 !important; }
.people .heading { text-align:left !important; margin-bottom:26px !important; }
.people .heading h2 { font-size:clamp(32px, 3.05vw, 44px) !important; }
.people .photo { grid-column:1 !important; height:100% !important; min-height:440px !important; }
.people .copy { max-width:none !important; }
.people .copy p:last-child { margin-bottom:0 !important; }
@media (max-width: 850px) and (min-width: 601px) {
  .people { grid-template-columns:.9fr 1.2fr !important; gap:35px !important; }
  .people .heading h2 { font-size:clamp(25px, 3.4vw, 29px) !important; }
}
@media (max-width: 600px) {
  .people { display:flex !important; flex-direction:column !important; }
  .people .photo { height:390px !important; min-height:0 !important; }
  .people .people-story { width:100% !important; }
  .people .heading h2 { font-size:clamp(24px, 6vw, 34px) !important; }
}

.people { padding-top:135px !important; padding-bottom:165px !important; }
@media (max-width: 600px) { .people { padding-top:95px !important; padding-bottom:105px !important; } }

.people .copy { border-left:2px solid var(--sand) !important; padding-left:35px !important; }
@media (max-width: 850px) { .people .copy { padding-left:20px !important; } }

.art .heading { padding-block:35px !important; }
.art .heading h2 { margin-bottom:0 !important; }
@media (max-width: 600px) { .art .heading { padding-block:25px !important; } }

.people .heading { padding-left:37px !important; }
@media (max-width: 850px) { .people .heading { padding-left:22px !important; } }

.people .heading h2 { font-size:clamp(38px, 4.4vw, 64px) !important; }
.people .heading h2 span { white-space:normal !important; }
@media (max-width: 600px) { .people .heading h2 { font-size:38px !important; } }

}

body main.about-page > .db-about-creative { display:block !important; background:#fcfaf6 !important; color:#242320 !important; font-family:Arial,sans-serif !important; --brand:#754b33 !important; --paper:#fcfaf6 !important; --sand:#b79e83 !important; --ink:#242320 !important; --shadow:0 6px 16px #251d152e,0 24px 55px #251d153d !important; }
body .db-about-creative h2 { font-family: DBPreviewPapyrus, fantasy !important; font-weight:400 !important; }
body .db-about-creative .eyebrow { font-family: DBPreviewMontserrat,sans-serif !important; font-style:normal !important; font-size:12px !important; line-height:1.4 !important; }

}

@layer dbAboutCreative { body main.about-page > .db-about-creative { line-height: normal !important; text-rendering: auto !important; } body .db-about-creative .eyebrow { line-height: normal !important; } }

@layer dbAboutCreative {
  @media (max-width: 600px), (min-width: 601px) and (max-width: 1180px) and (orientation: portrait) {
    body .db-about-creative .heading { text-align: center !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; }
    body .db-about-creative .heading h2 { text-align: center !important; }
    body .db-about-creative .heading .eyebrow { display: block !important; text-align: center !important; }
  }
}

@layer dbAboutCreative {
  @media (min-width: 601px) and (max-width: 1180px) and (orientation: portrait) {
    body .db-about-creative .garden.wrap { width: 112vw !important; max-width: 1400px !important; }
    body .db-about-creative .garden-layout { display: grid !important; grid-template-columns: 1.05fr 1fr !important; gap: 45px !important; align-items: center !important; }
    body .db-about-creative .garden .photo { width: 100% !important; height: 640px !important; }
  }
}

@layer dbAboutCreative {
  @media (min-width: 601px) and (max-width: 1180px) and (orientation: portrait) {
    body .db-about-creative .people.wrap { width: 112vw !important; max-width: 1400px !important; }
    body .db-about-creative .people { grid-template-columns: 1fr 1.15fr !important; gap: 35px !important; align-items: center !important; }
    body .db-about-creative .people .photo { width: 100% !important; height: 540px !important; min-height: 0 !important; }
    body .db-about-creative .people .photo img { object-position: 22% center !important; }
  }
}

/* Final About image treatment: straight edges, no mats, and fuller original crops. */
@layer dbAboutCreative {
  @scope (.db-about-creative) {
    .comfort .photo, .namib .photo, .garden .photo,
    .people .photo, .events .photo, .art .photo {
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: var(--shadow) !important;
    }
    .namib-inner { grid-template-columns: 1.35fr 1fr !important; gap: 55px !important; }
    .namib .photo { height: auto !important; aspect-ratio: 4 / 3 !important; }
    @media (max-width: 850px) {
      .namib-inner { grid-template-columns: 1.2fr 1fr !important; gap: 28px !important; }
    }
    @media (max-width: 700px) {
      .namib-inner { grid-template-columns: 1fr !important; }
      .namib .photo { width: 100% !important; }
    }
    .events .photo { height: auto !important; aspect-ratio: 4 / 3 !important; }
    .events .photo img { object-position: center top !important; }
  }
}