.contact-page{max-width:920px}.contact-page .page-heading h1{font-family:var(--hero-display);letter-spacing:-.04em;font-weight:400}.contact-page .page-heading h1 span{color:var(--orange)}.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:clamp(40px,5vw,64px);display:grid}.contact-card{border:2.5px solid var(--ink);box-shadow:6px 8px 0 var(--ink);border-radius:28px 28px 28px 8px;flex-direction:column;gap:6px;padding:28px 26px 26px;text-decoration:none;display:flex;position:relative}.contact-phone{background:var(--yellow);transition:transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .35s}.contact-phone:hover{box-shadow:9px 11px 0 var(--ink);transform:translate(-3px,-3px)}.contact-mail{background:var(--paper)}.contact-hex{background:var(--orange);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;width:52px;height:56px;margin-bottom:8px;display:grid}.contact-hex svg{width:26px;height:28px;color:var(--paper);fill:var(--paper)}.contact-kind{color:#74655e;letter-spacing:.09em;text-transform:uppercase;font-size:14px;font-weight:700}.contact-card strong{font:clamp(27px,3.2vw,38px) var(--display);letter-spacing:.01em;word-break:break-word;font-weight:400}.contact-note{color:#5e4a40;margin-top:4px;font-size:17px;line-height:1.4}.contact-go{position:absolute;top:26px;right:22px}.contact-go svg{width:26px;height:26px}.contact-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:18px;display:flex}.contact-actions .honey-button{min-height:54px;padding:12px 22px;font-size:19px}.contact-copy{color:var(--ink);border:1.8px solid var(--ink);background:0 0;border-radius:40px;padding:11px 18px;font-size:16px;font-weight:600;transition:background .25s}.contact-copy:hover{background:var(--yellow)}.contact-topics h2{font:clamp(28px,3.4vw,42px) var(--display);text-transform:uppercase;margin-bottom:22px;font-weight:400}.contact-topics ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px;margin:0;padding:0;list-style:none;display:grid}.contact-topics li{align-items:flex-start;gap:14px;display:flex}.contact-topics li>svg{width:22px;height:24px;fill:var(--orange);flex-shrink:0;margin-top:4px}.contact-topics strong{font:21px var(--display);text-transform:uppercase;margin-bottom:3px;font-weight:400;display:block}.contact-topics p{color:#5e4a40;font-size:17px;line-height:1.4}.contact-topics a{color:#b94e00}.contact-where{border-top:1.5px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:clamp(34px,4vw,52px);padding-top:22px;font-size:18px;display:flex}.contact-where>svg{width:26px;height:26px;color:var(--orange);flex-shrink:0}@media (max-width:760px){.contact-cards{grid-template-columns:minmax(0,1fr);gap:14px}.contact-topics ul{grid-template-columns:minmax(0,1fr);gap:16px}}@media (max-width:700px){.contact-card{box-shadow:5px 6px 0 var(--ink);border-radius:24px 24px 24px 6px;padding:22px 18px 20px}.contact-hex{width:44px;height:48px}.contact-note{font-size:16px}.contact-actions .honey-button{justify-content:center;width:100%}.contact-copy{width:100%}.contact-where{font-size:17px}}.contact-drafts{margin-bottom:clamp(40px,5vw,64px)}.contact-drafts h2{font:clamp(28px,3.4vw,42px) var(--display);text-transform:uppercase;margin-bottom:10px;font-weight:400}.contact-drafts>p{color:#5e4a40;margin-bottom:22px;font-size:18px}.contact-drafts ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.contact-drafts a{background:var(--paper);border:2px solid var(--ink);box-shadow:4px 5px 0 var(--ink);border-radius:22px 22px 22px 6px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:transform .3s cubic-bezier(.3,1.4,.5,1),box-shadow .3s,background .3s;display:flex}.contact-drafts a:hover{background:var(--yellow);box-shadow:6px 8px 0 var(--ink);transform:translate(-2px,-2px)}.contact-draft-hex{background:var(--yellow);border:1.6px solid var(--ink);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex-shrink:0;place-items:center;width:40px;height:44px;display:grid}.contact-drafts a:hover .contact-draft-hex{background:var(--paper)}.contact-draft-hex svg{width:17px;height:19px;fill:var(--orange)}.contact-drafts span:not(.contact-draft-hex){flex-direction:column;flex:1;gap:2px;display:flex}.contact-drafts strong{font:20px var(--display);text-transform:uppercase;font-weight:400}.contact-drafts small{color:#5e4a40;font-size:15px;line-height:1.3}.contact-drafts a>svg:last-child{flex-shrink:0;width:22px;height:22px}@media (max-width:760px){.contact-drafts ul{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.contact-drafts a{box-shadow:3px 4px 0 var(--ink);border-radius:20px 20px 20px 6px;padding:14px 15px}.contact-drafts strong{font-size:19px}}