/* s12 contact: being looked after, deep forest evening */
@property --c12a{syntax:'<angle>';inherits:false;initial-value:200deg}
#s-contact.z7{padding:clamp(90px,11vw,160px) 0;position:relative;overflow:hidden;color:#e8e2d4;
  background:linear-gradient(180deg,#0b1d16 0%,#071309 38%,#040a04 100%)}
#s-contact .c12-sky{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 40% at 50% 0%,rgba(60,96,80,.35),transparent 70%),
  radial-gradient(1px 1px at 12% 14%,rgba(255,240,210,.7),transparent),radial-gradient(1px 1px at 33% 8%,rgba(255,240,210,.5),transparent),
  radial-gradient(1.4px 1.4px at 58% 18%,rgba(255,240,210,.6),transparent),radial-gradient(1px 1px at 81% 11%,rgba(255,240,210,.55),transparent),
  radial-gradient(1px 1px at 92% 24%,rgba(255,240,210,.4),transparent),radial-gradient(60% 40% at 70% 70%,rgba(201,168,76,.06),transparent 70%)}
#s-contact .c12-in{position:relative;width:min(1240px,calc(100% - 48px));margin:0 auto}
#s-contact .c12-sh{display:flex;align-items:flex-end;gap:22px;margin-bottom:clamp(36px,5vw,64px)}
#s-contact .c12-no{font-family:var(--serif);font-size:clamp(64px,7vw,112px);line-height:.8;color:#c9a84c;text-shadow:0 0 40px rgba(201,168,76,.3)}
#s-contact .c12-eb{font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#a89e8a;margin-bottom:8px}
#s-contact .c12-sh h2{font-size:clamp(36px,4.4vw,70px);line-height:.98;max-width:16ch;color:#f1ead9;letter-spacing:-.015em}
#s-contact .c12-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:center}
#s-contact .fcard{background:rgba(9,22,9,.72);border:1px solid rgba(201,168,76,.16);border-radius:20px;padding:clamp(24px,2.6vw,38px);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#s-contact .fcard h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.4vw,36px);color:#f1ead9;margin-bottom:6px}
#s-contact .fcard p{color:#a89e8a;font-size:15px;margin-bottom:22px}
#s-contact .fcard label{color:#bfb39a;font-size:11px;letter-spacing:.14em}
#s-contact .fcard input,#s-contact .fcard textarea{background:rgba(3,9,3,.7);border:1px solid rgba(232,226,212,.14);color:#f1ead9;border-radius:12px;transition:border-color .3s,box-shadow .4s,background .3s}
#s-contact .fcard input:focus,#s-contact .fcard textarea:focus{outline:none;border-color:rgba(223,196,116,.75);background:rgba(3,9,3,.9);box-shadow:0 0 0 4px rgba(201,168,76,.12),0 0 28px rgba(223,196,116,.12)}
#s-contact .fcard textarea{min-height:110px}
#s-contact .trust{font-size:12.5px;line-height:1.6;color:#8f8673;margin:18px 0 0}
/* the empty frame */
#s-contact .c12-frame{margin:0;display:flex;flex-direction:column;align-items:center;gap:16px;--c12p:0}
#s-contact .c12-sq{position:relative;width:min(100%,460px);aspect-ratio:1;background:radial-gradient(70% 70% at 50% 45%,#0b170b,#030803);
  box-shadow:0 40px 80px -40px rgba(0,0,0,.8),0 0 calc(120px * var(--c12p)) rgba(223,196,116,calc(.28 * var(--c12p)));transition:box-shadow .6s}
#s-contact .c12-glow{position:absolute;inset:8%;border-radius:50%;pointer-events:none;opacity:var(--c12p);transition:opacity .7s;
  background:radial-gradient(closest-side,rgba(255,214,140,.30),rgba(223,196,116,.10) 55%,transparent)}
#s-contact .c12-sil{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;opacity:0;mix-blend-mode:screen;
  filter:grayscale(1) sepia(.7) saturate(1.4) brightness(1.05) contrast(1.3);
  -webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);transition:opacity 1.6s ease,transform 1.6s ease;transform:scale(.97)}
#s-contact .c12-frame.ok .c12-sil{opacity:.5;transform:none}
#s-contact .c12-frame.sent .c12-sil{opacity:.8}
#s-contact .c12-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#s-contact .c12-lines path{fill:none}
#s-contact .c12-ghost,#s-contact .c12-crn{vector-effect:non-scaling-stroke}
#s-contact .c12-ghost{stroke:rgba(201,168,76,.16);stroke-width:1;stroke-dasharray:3 5}
#s-contact .c12-crn{stroke:rgba(223,196,116,.55);stroke-width:1.5}
#s-contact .c12-lines .s0,#s-contact .c12-lines .s1,#s-contact .c12-lines .s2,#s-contact .c12-lines .s3{stroke:#e6c976;stroke-width:.45;stroke-linecap:square;stroke-dasharray:1 1;stroke-dashoffset:1;
  filter:drop-shadow(0 0 4px rgba(255,214,140,.9));transition:stroke-dashoffset .6s cubic-bezier(.3,.8,.3,1)}
#s-contact .c12-frame.sent .c12-sq{box-shadow:0 0 0 1px rgba(223,196,116,.8),0 0 140px rgba(223,196,116,.45)}
#s-contact .c12-frame figcaption{display:flex;gap:14px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#8f8673}
#s-contact .c12-frame figcaption span:first-child{color:#c9a84c;font-family:var(--serif);font-size:16px;letter-spacing:.04em}
#s-contact .c12-frame.ok figcaption .c12-st{color:#e6c976}
/* magnetic brushed gold button */
#s-contact .c12-mag{position:relative;isolation:isolate;margin-top:6px;padding:17px 30px;border:0;border-radius:999px;background:#0b170b;color:#f2deA0;font-size:16px;letter-spacing:.01em;
  transition:transform .4s cubic-bezier(.2,.9,.3,1.15),box-shadow .4s,--c12a .35s ease-out;box-shadow:0 10px 30px -12px rgba(0,0,0,.8)}
#s-contact .c12-mag::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.6px;z-index:-1;
  background:conic-gradient(from var(--c12a),#fff4c8 0deg,#d9b85a 22deg,#6e5620 80deg,#b08d3a 150deg,#3f3113 215deg,#a8873a 290deg,#fff4c8 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
#s-contact .c12-mag::after{content:"";position:absolute;inset:1.6px;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .4s;
  background:radial-gradient(120px circle at var(--c12lx,50%) var(--c12ly,50%),rgba(255,226,150,.22),transparent 70%),repeating-linear-gradient(90deg,rgba(255,240,200,.035) 0 1px,transparent 1px 3px)}
#s-contact .c12-mag.near::after,#s-contact .c12-mag:focus-visible::after{opacity:1}
#s-contact .c12-mag.near,#s-contact .c12-mag:focus-visible{box-shadow:0 0 34px -6px rgba(223,196,116,.55),0 10px 30px -12px rgba(0,0,0,.8)}
#s-contact .c12-mag:focus-visible{outline:2px solid #e6c976;outline-offset:4px}
#s-contact .c12-mag:disabled{opacity:.7}
#s-contact .c12-mag .ar{transition:transform .35s}
#s-contact .c12-mag.near .ar{transform:translateX(3px)}
/* call and newsletter, smaller, below */
#s-contact .c12-side{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:clamp(28px,4vw,48px)}
#s-contact .c12-call{background:linear-gradient(160deg,rgba(18,40,26,.85),rgba(6,14,6,.85));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
#s-contact .c12-call .eyebrow{color:#dfc474;margin-bottom:10px}
#s-contact .c12-call p{color:#bfb39a}
#s-contact .c12-nl h3{font-size:24px}
#s-contact .c12-nl label,#s-contact .c12-nl input{display:block}
#s-contact .sent{position:static;padding:10px 0}
#s-contact .sent .se{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(30px,3vw,44px);color:#e6c976}
#s-contact .sent p{margin-top:12px;color:#d6ccb6}
@media (prefers-reduced-motion:reduce){#s-contact .c12-lines path,#s-contact .c12-sil,#s-contact .c12-glow,#s-contact .c12-mag{transition:none}}
@media (max-width:860px){
  #s-contact.z7{padding:84px 0}
  #s-contact .c12-in{width:calc(100% - 32px)}
  #s-contact .c12-sh{gap:14px}
  #s-contact .c12-no{font-size:56px}
  #s-contact .c12-sh h2{font-size:32px}
  #s-contact .c12-main{grid-template-columns:minmax(0,1fr)}
  #s-contact .c12-frame{order:-1;flex-direction:row;align-items:flex-end;gap:14px}
  #s-contact .c12-sq{width:44vw}
  #s-contact .c12-frame figcaption{flex-direction:column;align-items:flex-start;gap:6px}
  #s-contact .c12-side{grid-template-columns:minmax(0,1fr)}
  #s-contact .fcard .two{grid-template-columns:minmax(0,1fr)}
}