/* contact page */
.cj{font-family:'Figtree',system-ui,sans-serif;color:#F3F0E6;background:#122A1F;position:relative;overflow-x:clip;-webkit-font-smoothing:antialiased;animation:pageIn .7s ease both}
.lbl{font-family:'Patrick Hand',cursive;font-size:22px;color:#C9A45C;display:inline-flex;align-items:center;gap:12px;margin:0}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:rgba(243,240,230,.8);max-width:56ch;margin:0;text-wrap:pretty}
@keyframes rvUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
.ct-hero{position:relative;overflow:hidden;padding:clamp(80px,10vw,130px) 0 clamp(64px,7vw,100px)}
.h1{font-family:'Cabin Sketch',cursive;font-weight:700;font-size:clamp(52px,8vw,118px);line-height:.9;margin:16px 0 26px;text-transform:uppercase;max-width:13ch}
.h1 .ln{display:block;animation:wordIn 1s cubic-bezier(.2,.8,.2,1) both}
.h1 .ln2{animation-delay:.18s}
.h1 .strike{position:relative;display:inline-block}
.h1 .strike::after{content:"";position:absolute;left:-4px;right:-4px;top:52%;height:6px;background:#C9A45C;border-radius:4px;transform-origin:left;animation:strike .8s .9s cubic-bezier(.6,0,.2,1) both;transform:rotate(-2deg)}
@keyframes strike{from{transform:scaleX(0) rotate(-2deg)}to{transform:scaleX(1) rotate(-2deg)}}
@keyframes wordIn{from{opacity:0;transform:translateY(40px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.ct-hero .hand-note{font-family:'Patrick Hand',cursive;font-size:26px;color:#C9A45C;position:absolute;right:clamp(16px,8vw,140px);top:clamp(90px,12vw,170px);transform:rotate(-6deg);animation:wordIn 1s 1.2s both}
@media (max-width:900px){.ct-hero .hand-note{display:none}}
.ct-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,64px);align-items:start}
@media (max-width:960px){.ct-grid{grid-template-columns:1fr}}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
.ccard{display:flex;flex-direction:column;gap:14px;padding:26px 24px;border-radius:20px;background:rgba(243,240,230,.04);box-shadow:inset 0 0 0 1px rgba(243,240,230,.14);text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),background-color .35s;animation:rvUp .7s cubic-bezier(.2,.8,.2,1) both}
a.ccard:hover{transform:translateY(-4px);background:rgba(243,240,230,.08);color:#F3F0E6}
.ccard .ic{width:52px;height:52px;border-radius:50%;border:2px dashed rgba(243,240,230,.5);display:flex;align-items:center;justify-content:center;color:#C9A45C}
.ccard .ic svg{width:24px;height:24px}
.ccard small{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,240,230,.72)}
.ccard b{font-size:20px;font-weight:700}
.ccard .go{font-family:'Patrick Hand',cursive;font-size:19px;color:#C9A45C}
.form-board{padding:14px;border-radius:30px;box-shadow:0 50px 90px -40px rgba(0,0,0,.9);position:relative;animation:rvUp .8s .2s cubic-bezier(.2,.8,.2,1) both}
.form-in{border-radius:20px;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:22px}
.form-in h2{font-family:'Cabin Sketch',cursive;font-weight:700;font-size:clamp(34px,3.6vw,48px);line-height:1;margin:6px 0 0;text-transform:uppercase}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:22px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,240,230,.78)}
.field input,.field select,.field textarea{width:100%;min-height:52px;padding:12px 2px;background:transparent;border:0;border-bottom:2px dashed rgba(243,240,230,.4);color:#F3F0E6;font:500 18px/1.4 'Figtree',sans-serif;outline:none;transition:border-color .25s;border-radius:0}
.field select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#F3F0E6 50%),linear-gradient(135deg,#F3F0E6 50%,transparent 50%);background-position:calc(100% - 14px) 24px,calc(100% - 8px) 24px;background-size:6px 6px;background-repeat:no-repeat}
.field select option{background:#1C3A2B;color:#F3F0E6}
.field textarea{min-height:110px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:rgba(243,240,230,.5)}
.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:#C9A45C;border-bottom-style:solid}
.fnote{font-size:14px;color:rgba(243,240,230,.72);margin:0;display:flex;gap:8px;align-items:center}
.fnote svg{width:18px;height:18px;color:#C9A45C;flex:none}