/**
 * FDR / O FUNDACJI — Figma 43:4.
 * Desktop source viewport 1920px, source artboard 2977px.
 * LOCAL stylesheet: global header, booking component and footer unchanged.
 * Figma coordinates are relative to 1920px canvas origin (2224 in source file).
 */
body.fdr-site .fdr-about-page { position:relative; background:#fff; color:var(--fdr-ink); overflow:visible; }
body.fdr-site .fdr-about-page * { box-sizing:border-box; }
body.fdr-site .fdr-about-page h1,
body.fdr-site .fdr-about-page h2,
body.fdr-site .fdr-about-page p { margin:0; }

/* DESKTOP: screenshot and Figma geometry measured at matching 1920px CSS viewport. */
@media (min-width:1451px) {
  .fdr-about-page .fdr-about-hero {
    position:relative;
    height:min(45.989583vw,883px);
    isolation:isolate;
    /* The original art extends 119px beyond the wave onto white. */
    z-index:4;
  }
  .fdr-about-page .fdr-about-hero-wave {
    position:absolute;
    left:max(-.116667vw,-2.24px);
    top:max(-8.072917vw,-155px);
    display:block;
    width:min(100.1167vw,1922.248px);
    height:min(54.06755vw,1038.097px);
    max-width:none;
    pointer-events:none;
    z-index:-1;
  }
  .fdr-about-page .fdr-about-hero-copy {
    position:absolute;
    top:0;
    left:0;
    z-index:2;
  }
  .fdr-about-page .fdr-about-hero-copy>.fdr-eyebrow {
    position:absolute;
    left:min(7.8125vw,150px);
    top:min(15.052083vw,289px);
    white-space:nowrap;
    display:block;
    font-size:min(.9375vw,18px);
    font-weight:500;
    line-height:1.22222;
    letter-spacing:0;
    margin:0;
  }
  .fdr-about-page .fdr-about-hero-copy h1 {
    position:absolute;
    left:min(7.8125vw,150px);
    top:min(18.385417vw,353px);
    width:min(34.270833vw,658px);
    font-size:min(3.125vw,60px);
    font-weight:500;
    line-height:1.19;
    letter-spacing:0;
    color:var(--fdr-ink);
  }
  .fdr-about-page .fdr-about-hero-lead {
    position:absolute;
    left:min(7.8125vw,150px);
    top:min(27.135417vw,521px);
    width:min(27.083333vw,520px);
    font-size:min(1.458333vw,28px);
    font-weight:300;
    line-height:1.18;
    letter-spacing:0;
    color:var(--fdr-ink);
  }
  .fdr-about-page .fdr-about-quote {
    position:absolute;
    left:min(7.864583vw,151px);
    top:min(34.6875vw,666px);
    width:min(33.33333vw,640px);
    display:flex;
    align-items:flex-start;
    gap:min(1.09375vw,21px);
  }
  .fdr-about-page .fdr-about-quote-icon {
    display:block;
    flex:none;
    width:min(2.239583vw,43px);
    height:min(1.875vw,36px);
    object-fit:contain;
  }
  .fdr-about-page .fdr-about-quote p {
    width:min(23.697917vw,455px);
    font-size:min(.9375vw,18px);
    line-height:1.55556;
    font-weight:300;
    letter-spacing:0;
    color:#181818;
  }
  .fdr-about-page .fdr-about-hero-art {
    position:absolute;
    left:min(48.28125vw,927px);
    top:min(3.177083vw,61px);
    width:min(46.25vw,888px);
    height:min(49.010417vw,941px);
    z-index:1;
    pointer-events:none;
  }
  .fdr-about-page .fdr-about-hero-image {
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    max-width:none;
  }

  /* Middle section: original photo and decorative leaves overlap at right. */
  .fdr-about-page .fdr-identity {
    position:relative;
    z-index:3;
    height:min(46.614583vw,895px);
    background:#fff;
  }
  .fdr-about-page .fdr-identity-title {
    position:absolute;
    left:min(7.96875vw,153px);
    top:min(7.447917vw,143px);
    width:min(20.833333vw,400px);
    font-size:min(2.291667vw,44px);
    font-weight:500;
    line-height:1.17;
    letter-spacing:0;
    color:var(--fdr-ink);
  }
  .fdr-about-page .fdr-identity-copy {
    position:absolute;
    left:min(29.322917vw,563px);
    width:min(34.21875vw,657px);
    font-size:min(.9375vw,18px);
    font-weight:300;
    line-height:1.555556;
    letter-spacing:0;
    color:#181818;
  }
  .fdr-about-page .fdr-identity-intro { top:min(7.447917vw,143px); }
  .fdr-about-page .fdr-identity-body { top:min(17.5vw,336px); }
  .fdr-about-page .fdr-identity-copy p {
    padding:0;
    margin:0 0 min(1.458333vw,28px);
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
    letter-spacing:inherit;
    color:inherit;
  }
  .fdr-about-page .fdr-identity-photo {
    position:absolute;
    left:min(72.135417vw,1385px);
    top:min(7.447917vw,143px);
    width:min(20.052083vw,385px);
    height:min(19.010417vw,365px);
    overflow:hidden;
    border-radius:min(2.083333vw,40px);
    z-index:1;
  }
  .fdr-about-page .fdr-identity-photo img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    max-width:none;
  }
  .fdr-about-page .fdr-identity-leaves {
    position:absolute;
    left:min(68.541667vw,1316px);
    top:min(24.270833vw,466px);
    width:min(34.84591vw,669px);
    height:min(33.22142vw,638px);
    pointer-events:none;
    z-index:4;
  }
  .fdr-about-page .fdr-identity-leaves img {
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    max-width:none;
  }

  /* Reuse global booking module: only per-page geometry differs.
     Figma y=1778..2462 (684px), copy x=152, y=1887. */
  .fdr-about-page .fdr-booking {
    position:relative;
    z-index:1;
    display:flex;
    align-items:stretch;
    width:100%;
    height:min(35.625vw,684px);
    min-height:min(35.625vw,684px);
    margin:0;
    padding:0;
    overflow:hidden;
    background:#eee5d9;
  }
  .fdr-about-page .fdr-booking-image {
    position:absolute;
    inset:0;
    height:100%;
    width:100%;
    clip-path:none;
    overflow:hidden;
  }
  .fdr-about-page .fdr-booking-image img {
    position:absolute;
    left:-22.239583%;
    top:-43.56725%;
    width:122.1875%;
    height:152.48538%;
    max-width:none;
    object-fit:fill;
    object-position:center center;
  }
  .fdr-about-page .fdr-booking-image::after {
    position:absolute;
    inset:0;
    content:"";
    pointer-events:none;
    background:linear-gradient(90deg,rgba(246,241,235,.98) 0%,rgba(246,241,235,.98) 27%,rgba(246,241,235,.76) 39%,rgba(246,241,235,0) 57%);
  }
  .fdr-about-page .fdr-booking-content {
    position:relative;
    z-index:2;
    padding-top:min(5.677083vw,109px);
    padding-bottom:0;
  }
  .fdr-about-page .fdr-booking-content>div {max-width:min(27.083333vw,520px);}
  .fdr-about-page .fdr-booking .fdr-eyebrow {
    margin:0 0 min(1.614583vw,31px);
    font-size:min(.9375vw,18px);
    line-height:1.2222;
    font-weight:500;
  }
  .fdr-about-page .fdr-booking h2 {
    font-size:min(2.291667vw,44px);
    line-height:1.19318;
    font-weight:500;
  }
  .fdr-about-page .fdr-booking p {
    width:min(27.083333vw,520px);
    max-width:100%;
    margin:min(1.25vw,24px) 0 0;
    font-size:min(.9375vw,18px);
    line-height:1.55556;
    font-weight:300;
    color:#181818;
  }
  .fdr-about-page .fdr-booking-benefits {
    margin:min(1.71875vw,33px) 0 min(2.552083vw,49px);
    gap:min(.833333vw,16px);
  }
  .fdr-about-page .fdr-booking .fdr-button {
    height:54px;
    min-height:54px;
    border-width:2px;
    font-size:min(.833333vw,16px);
  }
}
/* Preliminary readable responsive fallback; mobile pixel-perfect phase follows desktop approval. */
@media (max-width:1450px) {
  .fdr-about-page .fdr-about-hero {
    position:relative;
    min-height:690px;
    padding:190px max(24px,5vw) 95px;
    background:#f6f1eb;
  }
  .fdr-about-page .fdr-about-hero-wave {display:none;}
  .fdr-about-page .fdr-about-hero-copy {position:relative;z-index:2;max-width:55%;}
  .fdr-about-page .fdr-about-hero-copy>.fdr-eyebrow {font-size:16px;}
  .fdr-about-page .fdr-about-hero-copy h1 {font-size:clamp(34px,4vw,56px);line-height:1.15;margin:24px 0;}
  .fdr-about-page .fdr-about-hero-lead {font-size:clamp(19px,2.2vw,28px);line-height:1.3;}
  .fdr-about-page .fdr-about-quote {display:flex;align-items:flex-start;gap:17px;margin-top:36px;}
  .fdr-about-page .fdr-about-quote-icon {width:42px;height:36px;object-fit:contain;}
  .fdr-about-page .fdr-about-quote p {font-size:16px;line-height:1.55;color:#181818;max-width:420px;}
  .fdr-about-page .fdr-about-hero-art {position:absolute;width:48%;right:0;top:110px;z-index:1;}
  .fdr-about-page .fdr-about-hero-art img {max-width:100%;height:auto;}
  .fdr-about-page .fdr-identity {position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:25px 5vw;padding:90px max(24px,5vw) 170px;}
  .fdr-about-page .fdr-identity-title {font-size:clamp(30px,3vw,44px);line-height:1.2;}
  .fdr-about-page .fdr-identity-copy {font-size:16px;line-height:1.6;color:#181818;}
  .fdr-about-page .fdr-identity-copy p+p {margin-top:20px;}
  .fdr-about-page .fdr-identity-body {grid-column:2;}
  .fdr-about-page .fdr-identity-photo {grid-column:1;grid-row:2;align-self:start;width:min(100%,385px);aspect-ratio:385/365;overflow:hidden;border-radius:30px;}
  .fdr-about-page .fdr-identity-photo img {width:100%;height:100%;object-fit:cover;}
  .fdr-about-page .fdr-identity-leaves {position:absolute;right:-5vw;bottom:-4vw;width:35vw;pointer-events:none;z-index:3;}
  .fdr-about-page .fdr-identity-leaves img {width:100%;height:auto;}
  .fdr-about-page .fdr-booking {margin:0;padding:0;min-height:680px;}
}
@media (max-width:767px) {
  .fdr-about-page .fdr-about-hero {padding:135px 22px 70px;min-height:0;}
  .fdr-about-page .fdr-about-hero-copy {max-width:100%;}
  .fdr-about-page .fdr-about-hero-art {position:relative;right:auto;top:auto;width:100%;margin:15px auto -35px;}
  .fdr-about-page .fdr-identity {display:flex;flex-direction:column;padding:70px 22px 120px;gap:30px;}
  .fdr-about-page .fdr-identity-body {order:3;}
  .fdr-about-page .fdr-identity-photo {order:2;}
  .fdr-about-page .fdr-identity-leaves {width:48vw;bottom:-5vw;}
  .fdr-about-page .fdr-booking {min-height:760px;}
}

/* NEVPIX CONTENT REFLOW — ABOUT 1.0
   Preserve Figma hero and middle-section default positions while making
   all editorial copy content-driven. Longer text expands sections naturally.
*/
@media (min-width:1451px) {
  .fdr-about-page .fdr-about-hero {
    height:auto;
    min-height:min(45.989583vw,883px);
  }
  .fdr-about-page .fdr-about-hero-wave {
    height:calc(100% + min(8.072917vw,155px));
  }
  .fdr-about-page .fdr-about-hero-copy {
    position:relative;
    top:auto;
    left:auto;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    width:100%;
    padding:min(15.052083vw,289px) 0 min(6.979167vw,134px) min(7.8125vw,150px);
  }
  .fdr-about-page .fdr-about-hero-copy>.fdr-eyebrow {
    position:static;
    left:auto;
    top:auto;
    margin:0 0 min(2.1875vw,42px);
  }
  .fdr-about-page .fdr-about-hero-copy h1 {
    position:static;
    left:auto;
    top:auto;
    max-width:100%;
    margin:0 0 min(1.302083vw,25px);
  }
  .fdr-about-page .fdr-about-hero-lead {
    position:static;
    left:auto;
    top:auto;
    max-width:100%;
    margin:0;
    overflow-wrap:break-word;
  }
  .fdr-about-page .fdr-about-quote {
    position:static;
    left:auto;
    top:auto;
    margin:min(2.395833vw,46px) 0 0;
    flex-shrink:0;
    max-width:100%;
  }
  .fdr-about-page .fdr-identity {
    height:auto;
    min-height:min(46.614583vw,895px);
    display:grid;
    grid-template-columns:min(21.354167vw,410px) min(34.21875vw,657px) minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:0;
    row-gap:min(.677083vw,13px);
    align-content:start;
    padding:min(7.447917vw,143px) 0 min(7.239583vw,139px) min(7.96875vw,153px);
  }
  .fdr-about-page .fdr-identity-title {
    position:static;
    left:auto;
    top:auto;
    grid-column:1;
    grid-row:1 / span 2;
    max-width:100%;
    align-self:start;
  }
  .fdr-about-page .fdr-identity-copy {
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .fdr-about-page .fdr-identity-intro {
    grid-column:2;
    grid-row:1;
  }
  .fdr-about-page .fdr-identity-body {
    grid-column:2;
    grid-row:2;
  }
  .fdr-about-page .fdr-identity-copy p:last-child {
    margin-bottom:0;
  }
  .fdr-about-page .fdr-booking {
    height:auto;
    min-height:min(35.625vw,684px);
  }
  .fdr-about-page .fdr-booking-content {
    padding-bottom:min(4.010417vw,77px);
  }
}