/* Contact opening and enquiry form. All selectors are scoped to this page. */
.brawnd-contact-page {
  --contact-paper: #f1eee7; --contact-ink: #30262a; --contact-muted: #6c6065;
  background: var(--contact-paper); color: var(--contact-ink);
}
.brawnd-contact-page[data-journey-palette="dark"] {
  --contact-paper: var(--brawnd-dark-canvas, #1b1417); --contact-ink: #f1eee7; --contact-muted: #c9c3bd;
}
.brawnd-contact-hero { padding: 130px 0 80px; text-align: center; }
.brawnd-contact-hero > .shell { max-width: 1120px; }
.brawnd-contact-art { height: 350px; display: grid; place-items: center; position: relative; perspective: 1200px; margin: 0 auto 18px; max-width: 560px; }
.brawnd-contact-art::before { content: ""; position: absolute; width: 90%; aspect-ratio: 1.2; border: 1px solid rgba(108,74,88,.12); border-radius: 50%; pointer-events: none; }
.brawnd-contact-eyebrow { color: var(--contact-muted); margin: 0 0 16px; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.brawnd-contact-page .brawnd-contact-hero h1 { color: var(--contact-ink); font-size: clamp(38px,5vw,72px); line-height: 1.04; letter-spacing: -.04em; max-width: 880px; margin: 0 auto; }
.brawnd-contact-lead { max-width: 480px; margin: 22px auto 0; color: var(--contact-muted); font-size: 17px; line-height: 1.5; }
.brawnd-contact-scroll { display: inline-flex; gap: 22px; align-items: center; margin-top: 28px; font-size: 13px; color: var(--contact-ink); border-bottom: 1px solid currentColor; padding-bottom: 8px; }
.brawnd-contact-scroll span { font-size: 20px; }
.brawnd-contact-project { position: relative; background: var(--brawnd-dark-canvas, #1b1417); color: #f1eee7; padding: 100px 0 100px; }
.brawnd-contact-project > .shell { max-width: 1100px; }
.brawnd-contact-page.is-contact-journey .brawnd-contact-project { background: transparent; }
.brawnd-contact-page .brawnd-contact-project h2 { color: #f1eee7; font-size: clamp(32px,3.8vw,52px); line-height: 1.12; letter-spacing: -.035em; margin: 0; }
.brawnd-contact-project-heading { text-align: center; margin-bottom: 52px; }
.brawnd-contact-project-heading > p { color: #c9c3bd; font-size: 16px; line-height: 1.55; margin: 18px auto 0; max-width: 540px; }
.brawnd-project-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px 24px; }
.brawnd-project-field { min-width: 0; }
.brawnd-project-field--wide { grid-column: 1 / -1; }
.brawnd-project-field label { display: block; color: #f1eee7; margin-bottom: 10px; font-size: 13px; font-weight: 500; }
.brawnd-project-field label span { color: #aaa0a1; font-weight: 400; }
.brawnd-project-field :is(input,select,textarea) { width: 100%; min-height: 54px; border: 1px solid #66565d; border-radius: 4px; padding: 15px 16px; background: rgba(255,255,255,.025); color: #f1eee7; font: inherit; font-size: 15px; line-height: 1.5; box-shadow: none; }
.brawnd-project-field :is(input,textarea)::placeholder { color: #afa2a5; opacity: 1; }
.brawnd-project-field select { color-scheme: dark; cursor: pointer; }
.brawnd-project-field select option { background: #20171a; color: #f1eee7; }
.brawnd-project-field textarea { min-height: 145px; resize: vertical; }
.brawnd-project-submit-wrap { display: flex; justify-content: flex-end; align-items: flex-end; }
.brawnd-project-send { min-height: 54px; width: 65%; min-width: 200px; display: flex; align-items: center; justify-content: space-between; padding: 15px 0; color: #f1eee7; border: 0; border-bottom: 1px solid #c9c3bd; border-radius: 0; background: transparent; box-shadow: none; font: inherit; font-weight: 500; font-size: 15px; cursor: pointer; }
.brawnd-project-send span { font-size: 21px; }
.brawnd-project-send:hover { color: #fff; border-color: #fff; }
.brawnd-project-send:disabled { opacity: .6; cursor: wait; }
.brawnd-project-status { font-size: 14px; line-height: 1.5; color: #f1eee7; margin: 20px 0 0; }
.brawnd-project-status:empty { margin: 0; }
.brawnd-project-privacy { color: #bcb1b4; font-size: 12px; line-height: 1.5; margin: 22px 0 0; }
.brawnd-project-privacy a { color: #f1eee7; text-decoration: underline; text-underline-offset: 3px; }
.brawnd-contact-page-alternatives { margin-top: 56px; text-align: center; }
.brawnd-contact-page-or { display: flex; align-items: center; gap: 20px; color: #c9c3bd; font-size: 12px; margin-bottom: 30px; }
.brawnd-contact-page-or::before,.brawnd-contact-page-or::after { content: ""; height: 1px; background: #57484e; flex: 1; }
.brawnd-contact-page-book { width: min(100%,460px); min-height: 54px; padding: 15px 24px; display: inline-flex; justify-content: center; align-items: center; gap: 24px; border: 1px solid #aa969e; border-radius: 5px; color: #f1eee7; font-size: 15px; }
.brawnd-contact-page-book:hover { background: rgba(255,255,255,.06); }
.brawnd-contact-page-direct { display: flex; justify-content: center; gap: 20px 36px; flex-wrap: wrap; margin-top: 25px; }
.brawnd-contact-page-direct a { color: #f1eee7; font-size: 14px; padding: 8px 0; text-decoration: underline; text-underline-offset: 5px; }
.brawnd-contact-page :is(a,button,input,select,textarea):focus-visible { outline: 2px solid #b892a0; outline-offset: 5px; }
.brawnd-contact-page .brawnd-contact-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

/* Compact invitation, keeping the homepage's existing cream chapter. */
.brawnd-home-contact.brawnd-contact-invitation { padding: 76px 0 80px; text-align: center; }
.brawnd-contact-invitation .b2-kicker { justify-content: center; margin-bottom: 20px; }
.brawnd-home-contact.brawnd-contact-invitation h2 { max-width: 780px; margin: 0 auto; font-size: clamp(24px,2.6vw,38px); font-weight: 700; line-height: 1.14; letter-spacing: -.035em; }
.brawnd-contact-invitation p { max-width: 480px; margin: 20px auto 0; color: #6c6065; font-size: 16px; line-height: 1.55; }
.brawnd-contact-invitation-actions { display: flex; justify-content: center; align-items: center; gap: 20px 28px; flex-wrap: wrap; margin-top: 28px; }
.brawnd-contact-invitation-primary { display: inline-flex; align-items: stretch; gap: 0; padding: 0; background: transparent; color: #f1eee7; font-family: inherit; font-size: 14px; font-weight: 400; text-decoration: none; }
.brawnd-contact-invitation-primary > span { display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 48px; background: #30262a; border: 1px solid rgba(241,238,231,.18); border-radius: 12px; transition: background .2s ease; }
.brawnd-contact-invitation-label { padding: 0 22px; }
.brawnd-contact-invitation-arrow { width: 48px; flex: 0 0 48px; }
.brawnd-contact-invitation-arrow svg { width: 19px; height: 19px; }
.brawnd-contact-invitation-primary:hover > span { background: #20171a; }
.brawnd-contact-invitation-primary:focus-visible { outline: 2px solid #30262a; outline-offset: 5px; border-radius: 12px; }
@media (max-width: 600px) {
  .brawnd-contact-invitation-primary { font-size: 14px; }
  .brawnd-contact-invitation-primary > span { height: 44px; }
  .brawnd-contact-invitation-label { padding: 0 18px; }
  .brawnd-contact-invitation-arrow { width: 44px; flex-basis: 44px; }
}
.brawnd-contact-invitation-whatsapp { padding: 10px 0; border-bottom: 1px solid #8d7d83; color: #30262a; font-size: 14px; }

/* Stationary cuts widen from bottom to top, revealing the real enquiry section. */
.brawnd-contact-page > .is-contact-arriving { z-index: 81; }
.brawnd-contact-cuts { position: fixed; inset: 0; z-index: 80; pointer-events: none; overflow: hidden; }
.brawnd-contact-cuts[hidden] { display: none !important; }
.brawnd-contact-cuts > i { position: absolute; top: 0; left: 0; width: 100%; height: 0; background: var(--brawnd-dark-canvas, #1b1417); opacity: 1; will-change: transform; }
body:has(.brawnd-contact-cuts:not([hidden])) .site-header .nav { transition: none !important; }
@media (max-width: 760px) {
  .brawnd-contact-hero { padding: 100px 0 54px; }
  .brawnd-contact-art { height: 250px; margin-bottom: 16px; }
  .brawnd-contact-page .brawnd-contact-hero h1 { font-size: clamp(34px,8.8vw,48px); max-width: 520px; }
  .brawnd-contact-lead { max-width: 330px; font-size: 15px; }
  .brawnd-contact-project { padding: 70px 0 64px; }
  .brawnd-contact-project-heading { margin-bottom: 34px; }
  .brawnd-contact-project-heading > p { font-size: 15px; }
  .brawnd-project-fields { grid-template-columns: 1fr; gap: 22px; }
  .brawnd-project-submit-wrap { justify-content: stretch; }
  .brawnd-project-send { width: 100%; }
  .brawnd-contact-page-direct { gap: 10px 28px; }
  .brawnd-home-contact.brawnd-contact-invitation { padding: 56px 0 60px; }
  .brawnd-contact-invitation p { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) { .brawnd-contact-cuts { display: none !important; } }
@media print { .brawnd-contact-cuts { display: none !important; } .brawnd-contact-page { background: white; } .brawnd-contact-project { background: var(--brawnd-dark-canvas, #1b1417) !important; } }

.brawnd-contact-art{isolation:isolate;perspective:1200px;overflow:visible}.contact-block-stage{position:relative;width:min(34vw,430px);aspect-ratio:1/.96;display:grid;place-items:center;transform-style:preserve-3d;filter:drop-shadow(0 28px 70px rgba(0,0,0,.28))}.contact-block-frame{position:relative;width:290px;height:230px;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-10deg);transition:transform 1.25s cubic-bezier(.16,.84,.24,1)}.contact-block-stage.is-layout .contact-block-frame,.contact-block-stage.is-refine .contact-block-frame{transform:rotateX(4deg) rotateY(-3deg) scale(1.02)}.contact-block-piece{position:absolute;border:1px solid rgba(255,255,255,.105);background:linear-gradient(145deg,#9c7682 0%,#6c4a58 48%,#3b2b33 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -18px 34px rgba(41, 40, 37, .26),0 18px 48px rgba(0,0,0,.22);transition:transform 1.15s cubic-bezier(.16,.84,.24,1),width 1.15s cubic-bezier(.16,.84,.24,1),height 1.15s cubic-bezier(.16,.84,.24,1),border-radius 1.15s cubic-bezier(.16,.84,.24,1),opacity .75s ease,box-shadow .8s ease;will-change:transform,width,height,border-radius}.contact-block-piece::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 26%,transparent 68%,rgba(255,255,255,.035));pointer-events:none}.contact-block-piece.p1{width:290px;height:56px;left:0;top:0;border-radius:20px 20px 8px 8px;transform:translateZ(26px)}.contact-block-piece.p2{width:184px;height:166px;left:0;top:64px;border-radius:10px 8px 16px 16px;transform:translateZ(16px)}.contact-block-piece.p3{width:98px;height:78px;right:0;top:64px;border-radius:8px 10px 8px 8px;transform:translateZ(21px)}.contact-block-piece.p4{width:98px;height:80px;right:0;bottom:0;border-radius:8px 8px 16px 8px;transform:translateZ(18px)}.contact-block-piece.p5{width:72px;height:18px;left:22px;top:21px;border-radius:999px;transform:translateZ(31px);background:linear-gradient(145deg,#9c7682,#6c4a58 62%,#3b2b33)}.contact-block-piece.p6{width:42px;height:18px;right:20px;top:21px;border-radius:999px;transform:translateZ(31px);background:linear-gradient(145deg,#9c7682,#6c4a58 62%,#3b2b33)}.contact-block-piece.p7{width:64px;height:22px;left:24px;bottom:22px;border-radius:999px;transform:translateZ(24px);background:linear-gradient(145deg,#9c7682,#6c4a58 62%,#6c4a58)}.contact-block-stage.is-rest .contact-block-piece,.contact-block-stage.is-close .contact-block-piece{border-radius:18px}.contact-block-stage.is-rest .p1,.contact-block-stage.is-close .p1{width:250px;height:180px;left:20px;top:25px;transform:translateZ(16px)}.contact-block-stage.is-rest .p2,.contact-block-stage.is-close .p2{width:250px;height:180px;left:20px;top:25px;transform:translateZ(8px);opacity:.98}.contact-block-stage.is-rest .p3,.contact-block-stage.is-close .p3{width:250px;height:180px;right:20px;top:25px;transform:translateZ(0);opacity:.95}.contact-block-stage.is-rest .p4,.contact-block-stage.is-close .p4{width:250px;height:180px;right:20px;bottom:25px;transform:translateZ(-8px);opacity:.9}.contact-block-stage.is-rest .p5,.contact-block-stage.is-rest .p6,.contact-block-stage.is-rest .p7,.contact-block-stage.is-close .p5,.contact-block-stage.is-close .p6,.contact-block-stage.is-close .p7{opacity:0;transform:translateZ(24px) scale(.65)}.contact-block-stage.is-open .p1{transform:translate3d(0,-8px,58px)}.contact-block-stage.is-open .p2{transform:translate3d(-18px,12px,18px)}.contact-block-stage.is-open .p3{transform:translate3d(18px,-4px,32px)}.contact-block-stage.is-open .p4{transform:translate3d(22px,18px,20px)}.contact-block-stage.is-open .p5{transform:translate3d(-2px,-4px,66px)}.contact-block-stage.is-open .p6{transform:translate3d(4px,-4px,66px)}.contact-block-stage.is-open .p7{transform:translate3d(-5px,8px,40px)}.contact-block-stage.is-layout .contact-block-piece{box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 26px 60px rgba(0,0,0,.25)}.contact-block-stage.is-layout .p1,.contact-block-stage.is-refine .p1{transform:translate3d(0,-12px,34px)}.contact-block-stage.is-layout .p2,.contact-block-stage.is-refine .p2{transform:translate3d(-10px,8px,16px)}.contact-block-stage.is-layout .p3{transform:translate3d(10px,5px,26px)}.contact-block-stage.is-layout .p4{transform:translate3d(10px,10px,18px)}.contact-block-stage.is-layout .p5,.contact-block-stage.is-refine .p5{transform:translate3d(0,-12px,42px)}.contact-block-stage.is-layout .p6,.contact-block-stage.is-refine .p6{transform:translate3d(0,-12px,42px)}.contact-block-stage.is-layout .p7{transform:translate3d(-8px,8px,30px)}.contact-block-stage.is-refine .p3{transform:translate3d(14px,-2px,30px)}.contact-block-stage.is-refine .p4{transform:translate3d(14px,16px,23px)}.contact-block-stage.is-refine .p7{transform:translate3d(28px,2px,38px) scale(1.06);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 12px 34px rgba(101, 82, 73, .38)}.contact-block-stage:hover .contact-block-frame{transform:rotateX(5deg) rotateY(2deg) translateY(-3px)}@media(max-width:980px){.contact-block-stage{width:min(72vw,430px)}.contact-block-frame{transform:scale(.92) rotateX(7deg) rotateY(-7deg)}}@media(max-width:760px){.brawnd-contact-art{height:380px}.contact-block-stage{width:min(88vw,390px);transform:scale(.82)}.contact-block-stage:hover .contact-block-frame{transform:rotateX(8deg) rotateY(-10deg)}}@media(prefers-reduced-motion:reduce){.contact-block-piece,.contact-block-frame{transition:none!important}.contact-block-stage{transform:none!important}.contact-block-stage .contact-block-frame{transform:rotateX(5deg) rotateY(-5deg)!important}.contact-block-stage .p1{transform:translateZ(30px)!important}.contact-block-stage .p2{transform:translateZ(15px)!important}.contact-block-stage .p3{transform:translateZ(22px)!important}.contact-block-stage .p4{transform:translateZ(18px)!important}.contact-block-stage .p5,.contact-block-stage .p6,.contact-block-stage .p7{opacity:1!important}}
/* Reuse the original seven-piece geometry, with a responsive opening scale. */
.brawnd-contact-art .contact-block-stage { width: min(100%,430px); transform: none; --block-scale: 1.25; --pointer-x: 0deg; --pointer-y: 0deg; }
.brawnd-contact-art .contact-block-stage .contact-block-frame { transform: rotateX(calc(4deg + var(--pointer-y))) rotateY(calc(-3deg + var(--pointer-x))) scale(var(--block-scale)); }
.contact-block-stage.is-ambient { animation: brawnd-contact-float 8s ease-in-out infinite; }
@keyframes brawnd-contact-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -9px; } }
@media (max-width:760px) { .brawnd-contact-art .contact-block-stage { width: 300px; max-width: 100%; --block-scale: .88; } }
@media (prefers-reduced-motion:reduce) { .contact-block-stage { animation: none !important; translate: none; } }

/* Keep the floating geometry clear of the opening copy. */
.brawnd-contact-art { height: 400px; margin-bottom: 34px; }
@media(max-width:760px) { .brawnd-contact-art { height: 270px; margin-bottom: 28px; } }
@media print { .brawnd-contact-project { clip-path: none!important; } }

/* Override the legacy interior-page paper without changing shared surfaces. */
body.brawnd-wordpress main.brawnd-contact-page { background: var(--contact-paper)!important; color: var(--contact-ink)!important; }

/* Compact deep-brown website blocks with a visible bevel and solid extrusion. */
.brawnd-contact-art { max-width: 440px; }
.brawnd-contact-art::before { width: 78%; border-color: rgba(44,32,35,.09); }
.brawnd-contact-art .contact-block-stage { --block-scale: .98; }
.brawnd-contact-art .contact-block-stage .contact-block-frame {
  transform: rotateX(calc(13deg + var(--pointer-y))) rotateY(calc(-16deg + var(--pointer-x))) scale(var(--block-scale));
}
.brawnd-contact-art .contact-block-stage .contact-block-piece {
  background: linear-gradient(145deg,#5a4147 0%,#352528 45%,#2c2023 100%);
  border-color: rgba(241,238,231,.18);
  box-shadow: inset 0 2px 2px rgba(241,238,231,.2),inset 0 -2px 3px rgba(0,0,0,.3),
    1px 1px 0 #241a1d,2px 2px 0 #241a1d,3px 3px 0 #241a1d,4px 4px 0 #241a1d,
    5px 5px 0 #241a1d,6px 6px 0 #241a1d,7px 7px 0 #241a1d,8px 8px 0 #241a1d,
    14px 20px 28px rgba(44,32,35,.24);
}
.brawnd-contact-art .contact-block-stage :is(.p5,.p6,.p7) {
  background: linear-gradient(145deg,#72575e,#483238 60%,#352528);
  box-shadow: inset 0 1px 1px rgba(241,238,231,.2),1px 1px 0 #241a1d,2px 2px 0 #241a1d,
    3px 3px 0 #241a1d,4px 4px 0 #241a1d,6px 8px 12px rgba(0,0,0,.22);
}
@media(max-width:760px) { .brawnd-contact-art .contact-block-stage { --block-scale: .7; } }
@media(prefers-reduced-motion:reduce) {
  .brawnd-contact-art .contact-block-stage .contact-block-frame {
    transform: rotateX(13deg) rotateY(-16deg) scale(var(--block-scale))!important;
  }
}

/* Front-facing opening, with all introductory content visible together. */
.brawnd-contact-art::before { display: none; }
.brawnd-contact-hero { padding: 104px 0 44px; }
.brawnd-contact-art { height: clamp(180px,32svh,270px); margin-bottom: 24px; }
.brawnd-contact-art .contact-block-stage { height: 100%; aspect-ratio: auto; }
.brawnd-contact-art .contact-block-stage .contact-block-frame,
.brawnd-contact-art .contact-block-stage:hover .contact-block-frame {
  transform: scale(var(--block-scale))!important;
}
.brawnd-contact-page .brawnd-contact-hero h1 {
  font-size: clamp(32px,3.5vw,48px); max-width: 760px;
}
.brawnd-contact-eyebrow { margin-bottom: 12px; }
.brawnd-contact-lead { margin-top: 16px; }
.brawnd-contact-scroll { margin-top: 20px; }
@media(max-width:760px) {
  .brawnd-contact-hero { padding: 94px 0 38px; }
  .brawnd-contact-art { height: clamp(170px,28svh,230px); margin-bottom: 22px; }
  .brawnd-contact-page .brawnd-contact-hero h1 { font-size: clamp(29px,7.8vw,36px); max-width: 430px; }
  .brawnd-contact-lead { font-size: 15px; }
}
@media(max-height:650px) and (min-width:761px) {
  .brawnd-contact-hero { padding-top: 86px; padding-bottom: 28px; }
  .brawnd-contact-art { height: 170px; margin-bottom: 18px; }
  .brawnd-contact-art .contact-block-stage { --block-scale: .65; }
  .brawnd-contact-page .brawnd-contact-hero h1 { font-size: 36px; }
}

.brawnd-contact-hero { min-height: 100svh; box-sizing: border-box; }

/* A quieter introduction with its scroll invitation near the bottom. */
.brawnd-contact-hero > .shell {
  display: flex; flex-direction: column; align-items: center;
  min-height: calc(100svh - 148px);
}
.brawnd-contact-lead { font-size: 15px; }
.brawnd-contact-scroll { margin-top: auto; padding-top: 28px; flex-shrink: 0; }
@media(max-width:760px) {
  .brawnd-contact-hero > .shell { min-height: calc(100svh - 132px); }
  .brawnd-contact-lead { font-size: 14px; }
}
@media(max-height:650px) and (min-width:761px) {
  .brawnd-contact-hero > .shell { min-height: calc(100svh - 114px); }
}

/* Give the Contact blocks and headline distinct breathing room. */
.brawnd-contact-hero { padding-top: 148px; }
.brawnd-contact-hero > .shell { min-height: calc(100svh - 192px); }
.brawnd-contact-art { height: 230px; margin-bottom: 48px; }
.brawnd-contact-art .contact-block-stage { --block-scale: .78; }
@media(max-width:760px) {
  .brawnd-contact-hero { padding-top: 124px; }
  .brawnd-contact-hero > .shell { min-height: calc(100svh - 162px); }
  .brawnd-contact-art { height: clamp(160px,25svh,210px); margin-bottom: 40px; }
  .brawnd-contact-art .contact-block-stage { --block-scale: .56; }
}
@media(max-height:760px) and (min-width:761px) {
  .brawnd-contact-hero { padding-top: 120px; }
  .brawnd-contact-hero > .shell { min-height: calc(100svh - 164px); }
  .brawnd-contact-art { height: 180px; margin-bottom: 32px; }
  .brawnd-contact-art .contact-block-stage { --block-scale: .65; }
}

/* Compact enquiry proportions, matching the reference's narrower form. */
.brawnd-contact-project { padding: 96px 0 36px; }
.brawnd-contact-project > .shell { max-width: 820px; }
.brawnd-contact-page .brawnd-contact-project h2 { font-size: clamp(28px,3vw,38px); }
.brawnd-contact-project-heading { margin-bottom: 34px; }
.brawnd-contact-project-heading > p { font-size: 14px; margin-top: 12px; max-width: 460px; }
.brawnd-project-fields { gap: 18px; }
.brawnd-project-field label {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.brawnd-project-field :is(input,select,textarea) { min-height: 42px; padding: 10px 12px; font-size: 13px; }
.brawnd-project-field textarea { height: 90px; min-height: 90px; }
.brawnd-project-send { min-height: 42px; padding: 10px 0; font-size: 13px; min-width: 160px; width: 58%; }
.brawnd-project-privacy { margin-top: 12px; font-size: 11px; }
.brawnd-contact-page-alternatives { margin-top: 30px; }
.brawnd-contact-page-or { margin-bottom: 24px; }
.brawnd-contact-page-book { min-height: 42px; padding: 10px 20px; width: min(100%,390px); font-size: 13px; }
.brawnd-contact-page-direct { margin-top: 14px; }
.brawnd-contact-page-direct a { font-size: 12px; padding: 6px 0; }
@media(max-width:760px) {
  .brawnd-contact-project { padding: 88px 0 32px; }
  .brawnd-project-fields { gap: 14px; }
  .brawnd-project-field :is(input,select,textarea) { font-size: 16px; min-height: 44px; }
  .brawnd-project-field textarea { height: 96px; min-height: 96px; }
  .brawnd-project-send { min-height: 44px; }
  .brawnd-contact-project-heading { margin-bottom: 26px; }
}

/* A restrained downward motion invites visitors into the enquiry form. */
.brawnd-contact-hero { padding-top: 188px; }
.brawnd-contact-hero > .shell { min-height: calc(100svh - 232px); }
.brawnd-contact-scroll.brawnd-contact-scroll--arrow {
  width: 52px; min-height: 64px; border: 0; padding: 12px; justify-content: center;
}
.brawnd-contact-scroll--arrow svg { width: 24px; height: 40px; overflow: visible; animation: brawnd-contact-arrow 2.4s ease-in-out infinite; }
@keyframes brawnd-contact-arrow { 0%,100% { transform: translateY(-4px); } 50% { transform: translateY(5px); } }
@media(max-width:760px) {
  .brawnd-contact-hero { padding-top: 154px; }
  .brawnd-contact-hero > .shell { min-height: calc(100svh - 192px); }
}
@media(max-height:760px) and (min-width:761px) {
  .brawnd-contact-hero { padding-top: 148px; }
  .brawnd-contact-hero > .shell { min-height: calc(100svh - 192px); }
}
@media(prefers-reduced-motion:reduce) { .brawnd-contact-scroll--arrow svg { animation: none; } }

/* Soft atmosphere behind the Contact opening; content keeps its normal layout. */
.brawnd-contact-hero { position: relative; isolation: isolate; overflow: hidden; }
.brawnd-contact-hero > .shell { position: relative; z-index: 1; }
.brawnd-contact-hero::before {
  content: ""; position: absolute; inset: -12%; z-index: -1; pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 36%,rgba(108,74,88,.12),rgba(108,74,88,.035) 34%,transparent 62%),
    radial-gradient(ellipse at 20% 66%,rgba(166,136,111,.085),transparent 56%);
  animation: brawnd-contact-atmosphere 24s ease-in-out infinite alternate;
}
.brawnd-contact-hero::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .025;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23grain)'/%3E%3C/svg%3E");
  background-repeat: repeat;
}
@keyframes brawnd-contact-atmosphere {
  from { transform: translate3d(-1%,-1%,0) scale(1); }
  to { transform: translate3d(2%,1%,0) scale(1.035); }
}
@media(prefers-reduced-motion:reduce) { .brawnd-contact-hero::before { animation: none; } }
@media print { .brawnd-contact-hero::before,.brawnd-contact-hero::after { display: none; } }

/* Footer display lettering gives the opening a quiet, full-width backdrop. */
.brawnd-contact-watermark {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
  width: 92vw; text-align: center; white-space: nowrap; pointer-events: none;
  user-select: none; z-index: 0;
  font-family: var(--display,var(--body)); font-weight: 800;
  font-size: clamp(72px,13vw,240px); line-height: 1.1; letter-spacing: -.015em;
  color: rgba(48,38,42,.085);
  background: linear-gradient(180deg,rgba(48,38,42,.12),rgba(48,38,42,.045));
  background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.brawnd-contact-art .contact-block-stage { z-index: 1; }
@media(max-width:760px) {
  .brawnd-contact-watermark { width: 96vw; font-size: 12.8vw; }
}
@media print { .brawnd-contact-watermark { display: none; } }

/* Enquiry-specific answers, using native keyboard-accessible disclosures. */
.brawnd-contact-faq { position: relative; background: #f1eee7; color: #30262a; padding: 64px 0 88px; }
.brawnd-contact-faq > .shell { max-width: 820px; }
.brawnd-contact-page .brawnd-contact-faq h2 { color: #30262a; font-size: clamp(28px,3vw,38px); line-height: 1.15; letter-spacing: -.035em; margin: 0 0 32px; }
.brawnd-contact-faq-list { border-top: 1px solid #cdc4c4; }
.brawnd-contact-faq-item { border-bottom: 1px solid #cdc4c4; }
.brawnd-contact-faq-item > summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; box-sizing: border-box; min-height: 72px; padding: 20px 0; cursor: pointer; list-style: none; color: #30262a; font-family: var(--body,Arial,sans-serif); font-size: 17px; font-weight: 500; line-height: 1.45; }
.brawnd-contact-page .brawnd-contact-faq-item > summary > span,
.brawnd-contact-page .brawnd-contact-faq-item[open] > summary > span {
  min-width: 0; overflow-wrap: break-word; color: inherit;
  transform: none; rotate: none; translate: none; scale: none;
  transition: none; animation: none;
}
.brawnd-contact-faq-item > summary::-webkit-details-marker { display: none; }
.brawnd-contact-faq-item > summary::marker { content: ""; }
.brawnd-contact-faq-item > summary > i { display: block; position: relative; flex: 0 0 28px; height: 28px; }
.brawnd-contact-faq-item > summary > i::before,
.brawnd-contact-faq-item > summary > i::after { content: ""; position: absolute; background: currentColor; left: 50%; top: 50%; width: 24px; height: 1px; transform: translate(-50%,-50%); }
.brawnd-contact-faq-item > summary > i::after { transform: translate(-50%,-50%) rotate(90deg); }
.brawnd-contact-faq-item[open] > summary > i::after { display: none; }
.brawnd-contact-faq-item > summary:focus-visible { outline: 2px solid #6c4a58; outline-offset: 5px; }
.brawnd-contact-faq-answer { max-width: 700px; padding: 0 44px 24px 0; }
.brawnd-contact-faq-answer p { color: #6c6065; font-size: 15px; line-height: 1.65; margin: 0; padding: 0; }
@media(max-width:760px) {
  .brawnd-contact-faq { padding: 48px 0 60px; }
  .brawnd-contact-page .brawnd-contact-faq h2 { margin-bottom: 24px; }
  .brawnd-contact-faq-item > summary { font-size: 16px; gap: 18px; min-height: 72px; padding: 18px 0; }
  .brawnd-contact-faq-answer { padding-right: 0; }
  .brawnd-contact-faq-answer p { font-size: 14px; }
}
@media print { .brawnd-contact-faq-item::details-content { content-visibility: visible; } .brawnd-contact-faq-answer { display: block; } }

/* Contact FAQ: editorial intro at left, answers at right. */
.brawnd-contact-faq { padding: 80px 0 96px; }
.brawnd-contact-faq > .shell {
  max-width: 1300px; display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); gap: clamp(40px,6vw,100px);
  align-items: start;
}
.brawnd-contact-page .brawnd-contact-faq-intro h2 {
  font-family: var(--body,Arial,sans-serif); font-weight: 500;
  font-size: clamp(38px,4.5vw,60px); line-height: 1.05; letter-spacing: -.05em;
  margin: 0 0 28px;
}
.brawnd-contact-faq-intro p { color: #6c6065; font-size: 16px; line-height: 1.4; margin: 0; padding: 0; }
.brawnd-contact-faq-list { min-width: 0; border-top: 0; }
.brawnd-contact-faq-item > summary { font-size: clamp(19px,1.6vw,24px); letter-spacing: -.03em; padding: 26px 0; }
.brawnd-contact-faq-item:first-child > summary { padding-top: 0; min-height: 48px; }
.brawnd-contact-faq-item > summary > i { flex-basis: 20px; height: 20px; }
.brawnd-contact-faq-item > summary > i::before,
.brawnd-contact-faq-item > summary > i::after { content: none; display: none; }
.brawnd-contact-faq-item > summary > i svg { display: block; width: 20px; height: 20px; }
.brawnd-contact-faq-item[open] > summary > i svg { transform: rotate(180deg); }
.brawnd-contact-faq-answer { max-width: none; padding: 0 40px 26px 0; }
@media(max-width:760px) {
  .brawnd-contact-faq { padding: 48px 0 60px; }
  .brawnd-contact-faq > .shell { grid-template-columns: minmax(0,1fr); gap: 36px; }
  .brawnd-contact-page .brawnd-contact-faq-intro h2 { font-size: clamp(34px,9vw,44px); margin-bottom: 18px; }
  .brawnd-contact-faq-intro p { font-size: 14px; }
  .brawnd-contact-faq-item > summary { font-size: 17px; padding: 22px 0; letter-spacing: -.02em; }
  .brawnd-contact-faq-answer { padding-right: 0; }
}

/* Questions share the theme's editorial heading face, with readable row sizing. */
.brawnd-contact-page .brawnd-contact-faq-item > summary {
  font-family: var(--brawnd-heading-font);
  font-style: normal; font-weight: 400;
  font-size: clamp(19px,1.6vw,23px); line-height: 1.2; letter-spacing: -.025em;
  text-wrap: wrap;
}
@media(max-width:760px) {
  .brawnd-contact-page .brawnd-contact-faq-item > summary { font-size: 18px; line-height: 1.25; }
}

/* A real clipped surface lets cursor and header hit testing see the dark panel.
   The cream gutters and clipped corners remain part of the light section. */
.brawnd-contact-closing { --closing-side-inset: clamp(16px,5.5vw,104px); position: relative; isolation: isolate; background: #f1eee7; color: #f1eee7; padding: 44px 0; }
.brawnd-contact-closing > .brawnd-contact-closing-surface { position: absolute; inset: 0; z-index: -1; background: #151215; border-radius: 0; clip-path: inset(0 var(--closing-side-inset)); }
.brawnd-contact-closing > .shell { width: calc(100% - 2 * var(--closing-side-inset) - 48px); max-width: 1100px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 40px; }
.brawnd-contact-page .brawnd-contact-closing h2 { color: #f1eee7; font-size: clamp(26px,2.2vw,32px); text-wrap: wrap; margin: 0; }
.brawnd-contact-closing-links { min-width: 0; display: grid; gap: 16px; }
.brawnd-contact-closing-actions { display: flex; flex-direction: column; gap: 14px; width: auto; max-width: none; margin-left: auto; }
.brawnd-contact-page .brawnd-contact-closing-actions .btn { box-sizing: border-box; flex: none; width: auto; min-height: 48px; padding: 0 18px; gap: 16px; justify-content: center; border: 1px solid rgba(241,238,231,.25); border-radius: 12px; background: #281c20; color: #f1eee7; font-family: var(--body,Arial,sans-serif); font-size: 13px; font-weight: 700; box-shadow: none; }
.brawnd-contact-page .brawnd-contact-closing-actions .btn-primary { background: #f1eee7; color: #20171a; border-color: #d7d5c9; }
.brawnd-contact-page .brawnd-contact-closing-actions .btn:hover { background: #352528; }
.brawnd-contact-page .brawnd-contact-closing-actions .btn-primary:hover { background: #fff; }
.brawnd-contact-closing-actions .btn:focus-visible { outline: 2px solid #b892a0; outline-offset: 5px; }
@media(max-width:980px) {
  .brawnd-contact-closing > .shell { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .brawnd-contact-closing-actions { margin-left: 0; }
}
@media(max-width:760px) {
  .brawnd-contact-closing { padding: 36px 0; }
  .brawnd-contact-closing > .brawnd-contact-closing-surface { border-radius: 0; }
  .brawnd-contact-closing-actions { flex-direction: column; gap: 12px; }
  .brawnd-contact-page .brawnd-contact-closing-actions .btn { flex: none; width: auto; align-self: flex-start; }
}

/* The closing invitation continues directly into the shared footer. */
html body:has(.brawnd-contact-page .brawnd-contact-closing) footer.site-footer { border-top: none !important; box-shadow: none !important; }
html body .brawnd-contact-page .brawnd-contact-closing { border-bottom: none !important; box-shadow: none !important; }
.brawnd-contact-page .brawnd-contact-closing { border-bottom: 0; }

.brawnd-contact-closing::after { content: none; }

/* Match the FAQ paper and separate the invitation from the footer with a cream cut. */
.brawnd-contact-page .brawnd-contact-faq,
.brawnd-contact-page .brawnd-contact-closing {
  background-color: #f1eee7 !important;
  background-image: none !important;
}
.brawnd-contact-page .brawnd-contact-closing > .brawnd-contact-closing-surface {
  bottom: 0;
}

/* Straight upper corners; retain the two lower invitation cuts. */
.brawnd-contact-closing { --closing-corner-cut: 16px; }
.brawnd-contact-page .brawnd-contact-closing > .brawnd-contact-closing-surface {
  clip-path: polygon(
    var(--closing-side-inset) 0,
    calc(100% - var(--closing-side-inset)) 0,
    calc(100% - var(--closing-side-inset)) calc(100% - var(--closing-corner-cut)),
    calc(100% - var(--closing-side-inset) - var(--closing-corner-cut)) 100%,
    calc(var(--closing-side-inset) + var(--closing-corner-cut)) 100%,
    var(--closing-side-inset) calc(100% - var(--closing-corner-cut))
  );
}
@media(max-width:760px) {
  .brawnd-contact-closing { --closing-corner-cut: 12px; }
}


/* The enquiry label and arrow exchange places on hover, as in the reference. */
.brawnd-contact-invitation-primary {
  --invitation-arrow-size: 48px;
  position: relative;
  isolation: isolate;
}
.brawnd-contact-invitation-primary .brawnd-contact-invitation-label {
  margin-right: var(--invitation-arrow-size);
  transition: transform .55s cubic-bezier(.22,1,.36,1), background .2s ease;
}
.brawnd-contact-invitation-primary .brawnd-contact-invitation-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--invitation-arrow-size);
  transition: right .55s cubic-bezier(.22,1,.36,1), background .2s ease;
}
@media (hover: hover) and (pointer: fine) {
  .brawnd-contact-invitation-primary:hover .brawnd-contact-invitation-label {
    transform: translateX(var(--invitation-arrow-size));
  }
  .brawnd-contact-invitation-primary:hover .brawnd-contact-invitation-arrow {
    right: calc(100% - var(--invitation-arrow-size));
  }
}
.brawnd-contact-invitation-primary:focus-visible .brawnd-contact-invitation-label {
  transform: translateX(var(--invitation-arrow-size));
}
.brawnd-contact-invitation-primary:focus-visible .brawnd-contact-invitation-arrow {
  right: calc(100% - var(--invitation-arrow-size));
}
@media (max-width: 600px) {
  .brawnd-contact-invitation-primary { --invitation-arrow-size: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .brawnd-contact-invitation-primary .brawnd-contact-invitation-label,
  .brawnd-contact-invitation-primary .brawnd-contact-invitation-arrow { transition: none; }
}

/* Location leads the closing contact block; direct details sit beside it. */
.brawnd-contact-page .brawnd-contact-details > .shell {
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center; gap: clamp(24px,3vw,40px);
}
.brawnd-contact-page .brawnd-contact-details .brawnd-contact-location {
  margin: 0; color: #f1eee7; font-family: var(--brawnd-heading-font);
  font-size: clamp(26px,2.1vw,32px); font-weight: 400;
  line-height: 1.15; letter-spacing: -.035em; text-wrap: wrap;
}
.brawnd-contact-direct-details { display: grid; gap: 6px; min-width: 0; justify-self: end; }
.brawnd-contact-detail { min-width: 0; display: flex; align-items: center; gap: 12px; }

.brawnd-contact-page .brawnd-contact-detail a {
  color: #f1eee7; font-family: var(--body,Arial,sans-serif);
  font-size: 17px; line-height: 1.5; text-decoration: none;
  overflow-wrap: anywhere; display: inline-block; padding: 6px 0;
}
.brawnd-contact-detail a:hover { text-decoration: underline; text-underline-offset: 5px; }
.brawnd-contact-detail a:focus-visible { outline: 2px solid #b892a0; outline-offset: 5px; }
@media(max-width:760px) {
  .brawnd-contact-page .brawnd-contact-details > .shell { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .brawnd-contact-page .brawnd-contact-details .brawnd-contact-location { font-size: clamp(28px,7.2vw,36px); }
  .brawnd-contact-direct-details { justify-self: start; }
}

.brawnd-contact-page .brawnd-contact-details { padding: 32px 0; }
@media(max-width:760px) {
  .brawnd-contact-page .brawnd-contact-details { padding: 28px 0; }
  .brawnd-contact-page .brawnd-contact-details > .shell { gap: 20px; }
}

/* Quiet outline icons identify the direct contact links. */
.brawnd-contact-page .brawnd-contact-detail-icon {
  display: block; width: 18px; height: 18px; flex: 0 0 18px;
  color: #a49b9f;
}
.brawnd-contact-page .brawnd-contact-detail a { min-width: 0; }

/* Contact actions respond gently without moving the surrounding layout. */
.brawnd-contact-page :is(.brawnd-project-send, .brawnd-contact-page-book, .brawnd-contact-page-direct a, .brawnd-contact-detail a, .brawnd-contact-scroll) {
  --contact-lift: 0px; --contact-arrow-x: 0px; --contact-arrow-y: 0px;
  transform: translateY(var(--contact-lift));
  transition: transform .28s cubic-bezier(.22,1,.36,1), background-color .28s ease, border-color .28s ease, color .28s ease;
}
.brawnd-contact-page :is(.brawnd-project-send, .brawnd-contact-page-book, .brawnd-contact-page-direct a) > span[aria-hidden] {
  display: inline-block;
  transform: translate(var(--contact-arrow-x), var(--contact-arrow-y));
  transition: transform .28s cubic-bezier(.22,1,.36,1);
}
.brawnd-contact-page .brawnd-contact-scroll svg {
  transform: translateY(var(--contact-arrow-y));
  transition: transform .28s cubic-bezier(.22,1,.36,1);
}
.brawnd-contact-page .brawnd-contact-faq-item > summary {
  --faq-shift: 0px; --faq-arrow-drop: 0px;
  transition: background-color .28s ease;
}
.brawnd-contact-page .brawnd-contact-faq-list .brawnd-contact-faq-item > summary > span,
.brawnd-contact-page .brawnd-contact-faq-item > summary > i {
  transform: translateX(var(--faq-shift));
  transition: transform .3s cubic-bezier(.22,1,.36,1);
}
.brawnd-contact-page .brawnd-contact-faq-item > summary > i {
  transform: translateY(var(--faq-arrow-drop));
}
.brawnd-contact-page .brawnd-contact-faq-item > summary > i svg {
  transition: transform .3s cubic-bezier(.22,1,.36,1);
}
@media (hover: hover) and (pointer: fine) {
  .brawnd-contact-page :is(.brawnd-project-send:not(:disabled), .brawnd-contact-page-book, .brawnd-contact-page-direct a, .brawnd-contact-detail a):hover {
    --contact-lift: -2px; --contact-arrow-x: 3px; --contact-arrow-y: -2px;
  }
  .brawnd-contact-page .brawnd-project-send:not(:disabled):hover { --contact-arrow-x: 5px; --contact-arrow-y: 0px; }
  .brawnd-contact-page .brawnd-contact-scroll:hover { --contact-arrow-y: 5px; }
  .brawnd-contact-page .brawnd-contact-faq-item > summary:hover {
    --faq-shift: 6px; --faq-arrow-drop: 3px; background-color: rgba(48,38,42,.025);
  }
}
.brawnd-contact-page :is(.brawnd-project-send:not(:disabled), .brawnd-contact-page-book, .brawnd-contact-page-direct a, .brawnd-contact-detail a):focus-visible {
  --contact-lift: -2px; --contact-arrow-x: 3px; --contact-arrow-y: -2px;
}
.brawnd-contact-page .brawnd-project-send:not(:disabled):focus-visible { --contact-arrow-x: 5px; --contact-arrow-y: 0px; }
.brawnd-contact-page .brawnd-contact-scroll:focus-visible { --contact-arrow-y: 5px; }
.brawnd-contact-page .brawnd-contact-faq-item > summary:focus-visible { --faq-shift: 6px; --faq-arrow-drop: 3px; }
@media (prefers-reduced-motion: reduce) {
  .brawnd-contact-page :is(.brawnd-project-send, .brawnd-contact-page-book, .brawnd-contact-page-direct a, .brawnd-contact-detail a, .brawnd-contact-scroll),
  .brawnd-contact-page :is(.brawnd-project-send, .brawnd-contact-page-book, .brawnd-contact-page-direct a) > span[aria-hidden],
  .brawnd-contact-page .brawnd-contact-scroll svg,
  .brawnd-contact-page .brawnd-contact-faq-list .brawnd-contact-faq-item > summary > span,
  .brawnd-contact-page .brawnd-contact-faq-item > summary > i {
    transform: none; transition: none;
  }
  .brawnd-contact-page .brawnd-contact-faq-item > summary,
  .brawnd-contact-page .brawnd-contact-faq-item > summary > i svg { transition: none; }
}