:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c306a91 */:root{
    --cream:#FBF6EF;
    --warm-white:#FFFDFB;
    --sand:#E9DBC3;
    --beige:#F1E6D3;
    --blush:#E7CFC4;
    --taupe:#B29A83;
    --gold:#BD935F;
    --ink:#39291F;
    --ink-soft:#6E5D4E;
    --line: rgba(57,41,31,0.14);
    --serif:'Cormorant Garamond', Georgia, serif;
    --sans:'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --max:1240px;

    --bg:var(--cream);
    --surface:var(--warm-white);
    --surface-2:var(--beige);
    --text:var(--ink);
    --text-soft:var(--ink-soft);
    --accent:var(--gold);
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --bg:#241A12; --surface:#2C2015; --surface-2:#33261A;
      --text:#F3E7D8; --text-soft:#D2BFA9; --accent:#D3AC77;
      --line:rgba(243,231,216,0.16);
    }
  }
  :root[data-theme="dark"]{
    --bg:#241A12; --surface:#2C2015; --surface-2:#33261A;
    --text:#F3E7D8; --text-soft:#D2BFA9; --accent:#D3AC77;
    --line:rgba(243,231,216,0.16);
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0; background:var(--bg); color:var(--text);
    font-family:var(--sans); font-weight:300; line-height:1.75;
    -webkit-font-smoothing:antialiased; overflow-x:hidden;
  }
  img{max-width:100%; display:block;}
  .wrap{max-width:var(--max); margin:0 auto; padding:0 40px;}
  .wrap-narrow{max-width:760px; margin:0 auto; padding:0 40px;}
  h1,h2,h3{ font-family:var(--serif); font-weight:400; color:var(--text); margin:0; letter-spacing:0.01em; }
  h1{ font-size:clamp(2.8rem,7vw,5.6rem); line-height:1.05; }
  h2{ font-size:clamp(2.1rem,4.2vw,3.4rem); line-height:1.18; font-weight:400; }
  h3{ font-family:var(--serif); font-weight:500; font-size:1.5rem; }
  p{ margin:0 0 1.3em 0; color:var(--text-soft); font-weight:300; }
  .kicker{
    font-family:var(--sans); font-size:0.72rem; letter-spacing:0.22em; text-transform:uppercase;
    color:var(--text-soft); display:block; margin-bottom:22px; font-weight:500;
  }
  .kicker::before{
    content:''; display:inline-block; width:22px; height:1px; background:var(--accent);
    margin-right:10px; margin-bottom:3px;
  }

  .btn{
    display:inline-flex; align-items:center; gap:12px;
    font-family:var(--sans); font-size:0.74rem; letter-spacing:0.16em; text-transform:uppercase;
    color:var(--text); text-decoration:none; font-weight:500;
    padding:17px 34px; border:1px solid currentColor;
    transition:background .4s ease, color .4s ease;
  }
  .btn:hover{ background:var(--text); color:var(--bg); }
  .btn-light{ color:var(--warm-white); }
  .btn-light:hover{ background:var(--warm-white); color:var(--ink); }
  .link-arrow{
    font-family:var(--sans); font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase;
    color:var(--text); text-decoration:none; font-weight:500;
    display:inline-flex; align-items:center; gap:8px; padding-bottom:3px;
    border-bottom:1px solid rgba(189,147,95,0.5);
    transition:border-color .3s ease, gap .3s ease;
  }
  .link-arrow:hover{ border-color:var(--text); gap:13px; }

  /* ---------- header ---------- */
  .site-header{
    position:fixed; top:0; left:0; right:0; z-index:60;
    display:flex; align-items:center; justify-content:space-between;
    padding:30px 44px;
    background:transparent;
    transition:background .45s ease, padding .45s ease, box-shadow .45s ease;
  }
  .site-header.scrolled{
    background:rgba(251,246,239,0.92); backdrop-filter:blur(10px);
    padding:18px 44px; box-shadow:0 1px 0 var(--line);
  }
  @media (prefers-color-scheme: dark){ .site-header.scrolled{ background:rgba(36,26,18,0.92); } }
  :root[data-theme="dark"] .site-header.scrolled{ background:rgba(36,26,18,0.92); }

  .brand{ display:flex; align-items:center; gap:12px; text-decoration:none; }
  .brand img{ height:40px; width:auto; filter: brightness(0) invert(1); transition:filter .45s ease; }
  .site-header.scrolled .brand img{ filter:none; }
  .hero-dark-text .brand img{ filter: brightness(0) invert(1); }

  nav.main-nav{ display:flex; align-items:center; gap:40px; }
  nav.main-nav a{
    font-family:var(--sans); font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase;
    color:#fff; text-decoration:none; font-weight:500;
    transition:color .45s ease, opacity .3s ease;
  }
  .site-header.scrolled nav.main-nav a{ color:var(--text); }
  nav.main-nav a.disabled{ opacity:0.45; cursor:default; }
  nav.main-nav a.cta-link{
    padding:11px 22px; border:1px solid var(--accent);
  }
  .nav-toggle{ display:none; background:none; border:none; cursor:pointer; z-index:70; }
  .nav-toggle span, .nav-toggle span::before, .nav-toggle span::after{
    display:block; width:22px; height:1px; background:#fff; position:relative; transition:.3s;
  }
  .site-header.scrolled .nav-toggle span, .site-header.scrolled .nav-toggle span::before, .site-header.scrolled .nav-toggle span::after{ background:var(--text); }
  .nav-toggle span::before, .nav-toggle span::after{ content:''; position:absolute; left:0; }
  .nav-toggle span::before{ top:-7px; } .nav-toggle span::after{ top:7px; }

  /* ---------- full-bleed media sections ---------- */
  .media-full{
    position:relative; width:100%; height:min(90vh,860px); min-height:560px;
    max-width:1100px; margin:0 auto;
    display:flex; align-items:flex-end;
    overflow:hidden;
  }
  .media-full img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 34%; }
  .media-full .scrim{
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(30,20,12,0.05) 0%, rgba(20,13,8,0.10) 45%, rgba(15,10,6,0.55) 100%);
  }
  .media-full .media-content{ position:relative; z-index:2; width:100%; padding:0 44px 90px; color:#fff; }
  .media-full .kicker{ color:rgba(255,255,255,0.85); }
  .media-full h1, .media-full h2{ color:#fff; max-width:16ch; }
  .media-full p{ color:rgba(255,255,255,0.82); max-width:44ch; }

  .scroll-cue{
    position:absolute; left:44px; bottom:34px; z-index:2;
    display:flex; align-items:center; gap:10px;
    color:rgba(232,206,168,0.85); font-size:0.68rem; letter-spacing:0.18em; text-transform:uppercase;
  }
  .scroll-cue .stem{ width:1px; height:34px; background:rgba(232,206,168,0.7); }

  /* medium full-bleed break (not 100vh) */
  .media-break{
    position:relative; width:100%; height:78vh; min-height:460px; overflow:hidden;
  }
  .media-break img{ width:100%; height:100%; object-fit:cover; }
  .media-break .caption{
    position:absolute; right:34px; bottom:26px; z-index:2;
    color:rgba(255,255,255,0.82); font-family:var(--serif); font-style:italic; font-size:1.05rem;
  }
  .media-break .scrim2{ position:absolute; inset:0; background:linear-gradient(0deg, rgba(20,13,8,0.38), transparent 45%); }

  /* abstract texture panel standing in for pending photography — flat editorial field, not a spa gradient */
  .texture-panel{ background:var(--sand); position:relative; display:flex; align-items:center; justify-content:center; }
  .texture-panel::before{
    content:'Élan'; position:absolute; font-family:var(--serif); font-style:italic; font-weight:400;
    font-size:clamp(2.2rem, 6vw, 4rem); color:rgba(189,147,95,0.18); white-space:nowrap; user-select:none;
  }
  .arch-moment .panel.texture-panel::before{ content:none; }
  .texture-panel::after{
    content:''; position:absolute; inset:0; opacity:0.4; mix-blend-mode:multiply;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.28'/></svg>");
  }
  .placeholder-note{
    position:absolute; left:34px; bottom:26px; z-index:2;
    font-family:var(--sans); font-size:0.66rem; letter-spacing:0.1em; text-transform:uppercase;
    color:rgba(57,41,31,0.55);
  }

  /* ---------- swipe gallery: afwisseling close-up / portret / detail ---------- */
  .gallery{ padding:170px 0; }
  @media (max-width:980px){ .gallery{ padding:100px 0; } }
  .gallery-head{ margin-bottom:44px; display:flex; align-items:baseline; justify-content:space-between; gap:20px; flex-wrap:wrap; }
  .gallery-track{
    display:flex; align-items:flex-end; justify-content:safe center; gap:26px;
    overflow-x:auto; scroll-snap-type:x proximity;
    max-width:var(--max); margin:0 auto; padding:0 40px 18px;
    -webkit-overflow-scrolling:touch; scrollbar-width:thin;
  }
  .gallery-track::-webkit-scrollbar{ height:5px; }
  .gallery-track::-webkit-scrollbar-thumb{ background:rgba(189,147,95,0.45); }
  .gallery-tile{ flex:none; scroll-snap-align:start; position:relative; overflow:hidden; }
  .gallery-tile img{ width:100%; height:100%; object-fit:cover; }
  .gallery-tile.tall{ width:min(30vw,360px); aspect-ratio:3/4; }
  .gallery-tile.wide{ width:min(58vw,560px); aspect-ratio:16/10; }
  .gallery-tile.square{ width:min(30vw,360px); aspect-ratio:1/1; }
  .gallery-tile.arched, .arched{
    border-radius:50% 50% 0 0 / 16% 16% 0 0;
    box-shadow: inset 0 0 0 1px rgba(189,147,95,0.4);
  }
  .gallery-tile .tile-cap{
    position:absolute; left:20px; bottom:18px; z-index:2; color:rgba(255,255,255,0.85);
    font-family:var(--sans); font-size:0.66rem; letter-spacing:0.14em; text-transform:uppercase;
  }
  .gallery-tile .tile-scrim{ position:absolute; inset:0; background:linear-gradient(0deg, rgba(20,13,8,0.35), transparent 40%); }
  .swipe-cue{ font-family:var(--sans); font-size:0.68rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--text-soft); white-space:nowrap; }
  @media (max-width:700px){ .gallery-tile.tall, .gallery-tile.square{ width:70vw; } .gallery-tile.wide{ width:85vw; } }

  .brand-divider{ padding:150px 40px; display:flex; align-items:center; justify-content:center; }
  .brand-divider .inner{ display:flex; align-items:center; gap:36px; max-width:900px; width:100%; }
  .brand-divider .rule{ flex:1 1 auto; height:1px; background:linear-gradient(90deg, transparent, rgba(189,147,95,0.55)); }
  .brand-divider .rule.right{ background:linear-gradient(90deg, rgba(189,147,95,0.55), transparent); }
  .brand-divider img{ width:min(30vw,340px); flex:none; }
  .brand-divider .note{
    display:block; text-align:center; margin-top:28px;
    font-family:var(--sans); font-size:0.66rem; letter-spacing:0.1em; text-transform:uppercase;
    color:rgba(57,41,31,0.4);
  }
  @media (max-width:700px){
    .brand-divider{ padding:90px 24px; }
    .brand-divider .inner{ gap:20px; }
    .brand-divider img{ width:min(50vw,220px); }
  }
  .section{ padding:170px 0; }
  @media (max-width:980px){ .section{ padding:100px 0; } }
  .section-tight{ padding:110px 0; }
  .center{ text-align:center; }
  .center .wrap-narrow{ margin-left:auto; margin-right:auto; }
  .center p{ margin-left:auto; margin-right:auto; }

  /* ---------- quiet statement (herkenning, reimagined) ---------- */
  .statement{ text-align:center; }
  .statement .kicker{ text-align:center; }
  .statement h2{
    max-width:18ch; margin:0 auto; font-weight:400;
    font-size:clamp(1.9rem,4vw,3rem); line-height:1.5;
  }
  .statement .close-line{
    margin-top:40px; font-family:var(--serif); font-style:italic; font-size:1.3rem; color:var(--text);
  }
  .reveal{ opacity:0; transform:translateY(22px); transition:opacity 1s ease, transform 1s ease; }
  .reveal.in{ opacity:1; transform:translateY(0); }

  /* ---------- positioning (text only, flowing) ---------- */
  .positioning .wrap-narrow{ text-align:left; }
  .positioning .lede{ font-family:var(--serif); font-style:italic; font-size:1.5rem; color:var(--text); margin-bottom:0.9em; }
  .focus-flow{ font-family:var(--serif); font-style:italic; font-size:1.35rem; color:var(--text-soft); line-height:1.9; margin-top:10px; }

  /* ---------- vision: light pull quote ---------- */
  .vision{ background:var(--surface-2); position:relative; overflow:hidden; }
  .vision .wrap{ max-width:920px; position:relative; }
  .vision .quote-mark{
    font-family:var(--serif); font-size:9rem; line-height:1; color:var(--accent); opacity:0.35;
    position:absolute; left:-6px; top:-40px; z-index:0; user-select:none;
  }
  .vision blockquote{
    margin:0; position:relative; z-index:1;
    font-family:var(--serif); font-weight:400; font-style:italic;
    font-size:clamp(1.7rem,3.3vw,2.5rem); line-height:1.5; color:var(--text);
  }
  .vision .vision-sub{ margin-top:34px; max-width:56ch; font-size:1.02rem; }
  .vision .vision-signoff{
    margin-top:18px; padding-top:18px; border-top:1px solid rgba(189,147,95,0.4);
    display:inline-block; font-family:var(--serif); font-style:italic; font-size:1.1rem; color:var(--text);
  }

  /* ---------- method: editorial index rows ---------- */
  .method-list{ margin-top:70px; max-width:860px; }
  .method-row{
    display:grid; grid-template-columns:140px 1fr; gap:40px;
    padding:38px 0; border-top:1px solid var(--line); align-items:baseline;
  }
  .method-row:last-child{ border-bottom:1px solid var(--line); }
  .method-row .num{ font-family:var(--serif); font-weight:300; font-size:2.6rem; color:var(--accent); }
  .method-row h3{ margin-bottom:8px; }
  .method-row p{ margin:0; max-width:56ch; }
  @media (max-width:700px){ .method-row{ grid-template-columns:64px 1fr; gap:20px; } .method-row .num{ font-size:1.8rem; } }

  /* ---------- audience: quiet flow, no boxes ---------- */
  .audience .wrap-narrow{ text-align:left; }
  .audience-block{ margin-top:52px; }
  .audience-block + .audience-block{ margin-top:44px; padding-top:44px; border-top:1px solid var(--line); }
  .audience-block .kicker{ margin-bottom:14px; }
  .audience-block .items{ font-family:var(--serif); font-style:italic; font-size:1.2rem; color:var(--text-soft); line-height:1.9; }

  /* ---------- results: poetic stacked fragments ---------- */
  .results-flow{ margin-top:50px; }
  .results-flow .frag{
    font-family:var(--serif); font-weight:400; font-size:clamp(1.4rem,2.6vw,2rem);
    color:var(--text); line-height:1.7; margin:0;
  }
  .results-flow .frag span{ color:var(--text-soft); font-family:var(--sans); font-weight:300; font-size:0.95rem; display:block; margin-top:2px; }
  .results-close{ margin-top:44px; font-family:var(--serif); font-style:italic; font-size:1.25rem; }

  /* ---------- about: arched inset portrait (echoes reference boutique-hotel arches) ---------- */
  .about{ display:grid; grid-template-columns: 1.15fr 0.85fr; align-items:center; background:var(--surface-2); padding:110px 0; }
  .about-photo{ position:relative; padding:0 60px; }
  .about-photo .frame{
    position:relative; overflow:hidden; aspect-ratio:3/4;
    border-radius:50% 50% 0 0 / 22% 22% 0 0;
    box-shadow: inset 0 0 0 1px rgba(189,147,95,0.4);
  }
  .about-photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .about-copy{ display:flex; align-items:center; padding:40px 64px; }
  .about-copy .inner{ max-width:440px; }
  @media (max-width:900px){
    .about{ grid-template-columns:1fr; padding:80px 0; }
    .about-photo{ padding:0 40px; margin-bottom:50px; }
    .about-copy{ padding:0 40px; }
  }

  /* ---------- final cta: full bleed close ---------- */
  .cta-final{
    position:relative; height:min(78vh,700px); min-height:480px;
    max-width:1100px; margin:0 auto;
    display:flex; align-items:center; justify-content:center; overflow:hidden;
  }
  .cta-final img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; }
  .cta-final .scrim{ position:absolute; inset:0; background:rgba(20,13,8,0.46); }
  .cta-final .content{ position:relative; z-index:2; text-align:center; color:#fff; max-width:640px; padding:0 30px; }
  .cta-final h2{ color:#fff; }
  .cta-final p{ color:rgba(255,255,255,0.85); margin-left:auto; margin-right:auto; }

  /* ---------- footer ---------- */
  .site-footer{ padding:80px 0 34px 0; border-top:1px solid rgba(189,147,95,0.35); }
  .footer-grid{ display:grid; grid-template-columns:1.3fr 0.8fr 0.8fr 1fr; gap:40px; padding-bottom:50px; }
  .footer-brand img{ height:34px; margin-bottom:16px; }
  .footer-brand p{ font-size:0.88rem; max-width:30ch; }
  .footer-col h4{
    font-family:var(--sans); font-size:0.68rem; letter-spacing:0.16em; text-transform:uppercase;
    color:var(--text-soft); margin:0 0 18px 0; font-weight:500;
  }
  .footer-col a, .footer-col span{ display:block; font-size:0.9rem; color:var(--text); text-decoration:none; margin-bottom:12px; font-weight:300; }
  .footer-col a:hover{ color:var(--accent); }
  .footer-bottom{
    display:flex; justify-content:space-between; align-items:center; padding-top:26px;
    border-top:1px solid var(--line); font-size:0.72rem; color:var(--text-soft); flex-wrap:wrap; gap:10px;
  }

  @media (max-width:980px){
    .site-header{ padding:22px 24px; }
    .site-header.scrolled{ padding:16px 24px; }
    nav.main-nav{
      position:fixed; inset:0 0 0 auto; width:80%; max-width:340px; height:100vh;
      background:var(--bg); flex-direction:column; align-items:flex-start;
      padding:110px 36px 34px; gap:28px;
      transform:translateX(100%); transition:transform .4s ease;
    }
    nav.main-nav.open{ transform:translateX(0); }
    nav.main-nav a{ color:var(--text) !important; }
    .nav-toggle{ display:block; }
    .footer-grid{ grid-template-columns:1fr 1fr; }
  }
  @media (max-width:560px){
    .wrap, .wrap-narrow{ padding:0 24px; }
    .footer-grid{ grid-template-columns:1fr; }
    .media-content{ padding-bottom:60px !important; }
  }

  :focus-visible{ outline:2px solid var(--accent); outline-offset:3px; }
  @media (prefers-reduced-motion: reduce){ *{ transition:none !important; scroll-behavior:auto !important; } .reveal{ opacity:1; transform:none; } }/* End custom CSS */