/** Shopify CDN: Minification failed

Line 18:1 Expected ":"

**/
/* contact-holler.css — pairs with sections/contact-holler.liquid */

.holler-contact{

  background:var(--cream);
  color:var(--ink);
  line-height:1.6;
}

.holler-contact h1,
.holler-contact h2,
.holler-contact h3{
f;
}

.holler-contact a{ color:inherit; text-decoration:none; }

.hc-honeypot{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

.hc-form-status ul{
  margin:6px 0 0 18px;
  padding:0;
}

/* ---------- Hero ---------- */
.hc-hero{
  position:relative;
  padding:110px 48px 70px;
  text-align:center;
  overflow:hidden;
  background:var(--cream);
}
.hc-ghost-word{
  position:absolute;
  top:6%;
  left:50%;
  transform:translateX(-50%);

  font-weight:700;
  font-size:14rem;
  color:rgba(217,96,60,0.05);
  white-space:nowrap;
  pointer-events:none;
  letter-spacing:0.02em;
}
.hc-hero-inner{ position:relative; max-width:680px; margin:0 auto; }
.hc-stamp-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px; height:56px;
  border:2px dashed var(--terracotta);
  border-radius:50%;
  margin-bottom:22px;
  font-size:1.5rem;
  color:var(--terracotta-dark);
  transform:rotate(-8deg);
  transition:transform 0.3s ease;
}
.hc-hero:hover .hc-stamp-badge{ transform:rotate(4deg) scale(1.08); }
.hc-hero h1{
  font-size:3.1rem;
  font-weight:600;
  line-height:1.12;
  margin-bottom:18px;
}
.hc-hero p{
  font-size:1.05rem;
  color:var(--ink-soft);
  max-width:520px;
  margin:0 auto;
}

/* ---------- Definition strip ---------- */
.hc-definition-strip{
  background:var(--mustard);
  text-align:center;
  padding:30px 24px;
}
.hc-definition-strip p{

  font-style:italic;
  font-size:1.05rem;
  max-width:640px;
  margin:0 auto;
  color:var(--ink);
}
.hc-definition-strip strong{ font-style:normal; font-weight:700; }

/* ---------- Main contact section ---------- */
.hc-contact-wrap{
  max-width:1180px;
  margin:0 auto;
  padding:80px 48px 100px;
  display:grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap:56px;
  align-items:start;
}

/* Postcard form */
.hc-postcard{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:4px;
  box-shadow:0 24px 50px -28px rgba(43,36,29,0.28);
  overflow:hidden;
  position:relative;
}
.hc-postcard-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  padding:30px 36px 0;
  gap:20px;
}
.hc-postcard-top h2{ font-size:1.7rem; font-weight:600; }
.hc-postcard-top .hc-sub{
  color:var(--ink-soft);
  font-size:0.92rem;
  margin-top:6px;
  max-width:380px;
}
.hc-postage{
  flex-shrink:0;
  width:78px;
  height:92px;
  border:2px dashed var(--terracotta);
  border-radius:2px;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:rotate(4deg);
  background:var(--mustard-soft);
  transition:transform 0.3s ease;
}
.hc-postcard:hover .hc-postage{ transform:rotate(-2deg) scale(1.04); }
.hc-postage svg{ width:38px; height:38px; }

.hc-contact-form{
  padding:30px 36px 36px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:20px 18px;
}
.hc-field{ display:flex; flex-direction:column; gap:7px; }
.hc-field--full{ grid-column:1 / -1; }
.hc-field label{
  font-size:0.78rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.07em;
  color:var(--ink-soft);
}
.hc-field input,
.hc-field textarea{

  font-size:0.97rem;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:3px;
  background:var(--cream);
  color:var(--ink);
  transition:border-color 0.15s ease, box-shadow 0.15s ease;
}
.hc-field textarea{ resize:vertical; min-height:130px; }
.hc-field input:hover,
.hc-field textarea:hover{ border-color:#CBBE9D; }
.hc-field input:focus,
.hc-field textarea:focus{
  outline:none;
  border-color:var(--terracotta);
  box-shadow:0 0 0 3px rgba(217,96,60,0.15);
}
.hc-field input::placeholder,
.hc-field textarea::placeholder{ color:#A89C88; }

.hc-submit-row{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:6px;
  flex-wrap:wrap;
}
.hc-send-btn{
  background:var(--terracotta);
  color:#fff;
  border:none;
  padding:14px 30px;
  font-size:0.95rem;
  font-weight:600;
  border-radius:3px;
  cursor:pointer;
  transition:background 0.15s ease, transform 0.15s ease;
}
.hc-send-btn:hover{ background:var(--terracotta-dark); transform:translateY(-1px); }
.hc-submit-note{ font-size:0.82rem; color:var(--ink-soft); }

.hc-form-status{
  grid-column:1 / -1;
  padding:12px 16px;
  border-radius:3px;
  font-size:0.9rem;
  margin-bottom:4px;
}
.hc-form-status--success{ background:var(--mustard-soft); color:var(--ink); }
.hc-form-status--error{ background:#F6D9CF; color:var(--terracotta-dark); }

/* ---------- Sidebar ---------- */
.hc-side-stack{ display:flex; flex-direction:column; gap:24px; }
.hc-info-card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:4px;
  padding:28px 30px;
}
.hc-info-card h3{ font-size:1.15rem; font-weight:600; margin-bottom:16px; }
.hc-info-row{
  display:flex;
  gap:14px;
  padding:12px 0;
  border-top:1px solid var(--line);
  transition:transform 0.15s ease;
}
.hc-info-row:first-of-type{ border-top:none; padding-top:0; }
.hc-info-row:hover{ transform:translateX(3px); }
.hc-info-row .hc-icon{
  width:34px; height:34px;
  border-radius:50%;
  background:var(--mustard-soft);
  color:var(--terracotta-dark);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
  font-size:1rem;
  transition:background 0.2s ease, transform 0.2s ease;
}
.hc-info-row:hover .hc-icon{ background:var(--mustard); transform:scale(1.08); }
.hc-info-row .hc-text strong{ display:block; font-size:0.92rem; margin-bottom:2px; }
.hc-info-row .hc-text span{ font-size:0.88rem; color:var(--ink-soft); }

.hc-info-card--dark{
  background:var(--ink);
  color:var(--tan);
  border:none;
}
.hc-info-card--dark h3{ color:#fff; }
.hc-info-card--dark p{ font-size:0.92rem; color:#C9BFAE; margin-bottom:18px; }
.hc-social-row{ display:flex; gap:12px; }
.hc-social-row a{
  width:36px; height:36px;
  border-radius:50%;
  border:1px solid #54493A;
  display:flex; align-items:center; justify-content:center;
  font-size:0.95rem;
  color:#E9DFCB;
  transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.hc-social-row a:hover{ background:var(--terracotta); border-color:var(--terracotta); transform:translateY(-2px); }

/* ---------- Entrance motion ---------- */
@keyframes hcFloatIn{
  from{ opacity:0; transform:translateY(16px); }
  to{ opacity:1; transform:translateY(0); }
}
@keyframes hcDriftWord{
  0%,100%{ transform:translateX(-50%) translateY(0); }
  50%{ transform:translateX(-50%) translateY(-10px); }
}
.hc-hero-inner{ animation:hcFloatIn 0.7s ease both; }
.hc-ghost-word{ animation:hcDriftWord 9s ease-in-out infinite; }
.hc-definition-strip{ animation:hcFloatIn 0.7s ease 0.1s both; }
.hc-postcard{ animation:hcFloatIn 0.7s ease 0.15s both; }
.hc-side-stack{ animation:hcFloatIn 0.7s ease 0.25s both; }

@media (prefers-reduced-motion: reduce){
  .hc-hero-inner, .hc-definition-strip, .hc-postcard, .hc-side-stack, .hc-ghost-word{ animation:none; }
  .hc-stamp-badge, .hc-postage, .hc-info-row, .hc-social-row a{ transition:none; }
}

/* ---------- Responsive ---------- */
@media (max-width: 980px){
  .hc-contact-wrap{ grid-template-columns:1fr; padding:60px 28px; }
  .hc-hero{ padding:70px 24px; }
  .hc-hero h1{ font-size:2.2rem; }
  .hc-ghost-word{ font-size:7rem; }
}
@media (max-width: 640px){
  .hc-contact-form{ grid-template-columns:1fr; }
  .hc-field--full{ grid-column:auto; }
  .hc-postcard-top{ flex-direction:column; gap:16px; }
}

.holler-contact :focus-visible{ outline:2px solid var(--terracotta-dark); outline-offset:2px; }