.hn-cof{display:block;background:#efe5d7;color:#18332f;padding:56px 16px 80px}@media(min-width:900px){.hn-cof{padding:64px 40px 96px}}.hn-cof__intro{text-align:center;margin:0 auto 30px;max-width:760px}.hn-cof__eyebrow,.hn-cof__label{margin:0 0 10px;font-family:var(--font-mono-family);font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#72383d}.hn-cof__heading{margin:0 0 12px;font-family:var(--font-display-family);font-size:clamp(40px,5vw,60px);line-height:1;text-transform:uppercase;color:#18332f}.hn-cof__hint{margin:0;font-family:var(--font-body-family);font-size:18px;color:#18332fc7}.hn-cof__cards{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;max-width:1160px;margin:0 auto}@media(min-width:900px){.hn-cof__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}}.hn-cof__card{position:relative;display:flex;align-items:center;gap:22px;width:calc(100% - 6px);margin:0 6px 6px 0;padding:18px 70px 18px 18px;box-sizing:border-box;text-align:left;font:inherit;color:#18332f;background:#fff8ee;border:3px solid #18332f;border-radius:16px;box-shadow:6px 6px #18332f;cursor:pointer;transition:background-color .2s ease-out}.hn-cof__card--static{cursor:default;padding-right:18px}.hn-cof__card.is-open{background:color-mix(in srgb,#fff8ee 82%,#d9a441)}.hn-cof__card:focus-visible{outline:3px solid #18332f;outline-offset:4px}.hn-cof__portrait{flex:none;display:flex;align-items:flex-end;justify-content:center;width:92px;height:104px;border:3px solid #18332f;border-radius:10px;overflow:hidden}@media(min-width:900px){.hn-cof__portrait{width:120px;height:130px}}.hn-cof__card--gold .hn-cof__portrait,.hn-cof__panel--gold .hn-cof__panel-portrait{background:#d9a441}.hn-cof__card--slate .hn-cof__portrait,.hn-cof__panel--slate .hn-cof__panel-portrait{background:#7f93a8}.hn-cof__portrait img,.hn-cof__panel-portrait img{width:100%;height:100%;object-fit:cover}.hn-cof__silhouette{width:82%;height:auto;display:block}.hn-cof__card-text{display:flex;flex-direction:column;min-width:0}.hn-cof__card .hn-cof__label{margin-bottom:6px}.hn-cof__name{font-family:var(--font-display-family);font-size:clamp(32px,3.4vw,46px);line-height:1;text-transform:uppercase;overflow-wrap:anywhere}.hn-cof__role{margin-top:8px;font-family:var(--font-body-family);font-size:17px;color:#18332fc7}.hn-cof__toggle-icon{position:absolute;top:18px;right:18px;width:40px;height:40px;box-sizing:border-box;border:3px solid #18332f;border-radius:50%;background:#d9a441;transition:background-color .2s ease-out}.hn-cof__toggle-icon:before,.hn-cof__toggle-icon:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:3px;margin:-1.5px 0 0 -7px;background:#18332f;border-radius:2px;transition:transform .2s ease-out,background-color .2s ease-out}.hn-cof__toggle-icon:after{transform:rotate(90deg)}.hn-cof__card.is-open .hn-cof__toggle-icon{background:#18332f}.hn-cof__card.is-open .hn-cof__toggle-icon:before,.hn-cof__card.is-open .hn-cof__toggle-icon:after{background:#fff8ee}.hn-cof__card.is-open .hn-cof__toggle-icon:after{transform:rotate(0)}.hn-cof__toggle-label{position:absolute;right:12px;bottom:12px;font-family:var(--font-mono-family);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hn-cof__toggle-label--close,.hn-cof__card.is-open .hn-cof__toggle-label--more{display:none}.hn-cof__card.is-open .hn-cof__toggle-label--close{display:inline}.hn-cof__stage{max-width:1200px;margin:0 auto;--hn-cof-pointer: 60px}.hn-cof.is-ready .hn-cof__stage{overflow:hidden;transition:height .3s ease-out}.hn-cof__panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin:18px 6px 8px 0;padding:18px;background:#fff8ee;border:3px solid #18332f;border-radius:16px;box-shadow:6px 6px #18332f}.hn-cof__panel[hidden]{display:none}.hn-cof.is-ready .hn-cof__panel{opacity:0;transition:opacity .3s ease-out}.hn-cof.is-ready .hn-cof__panel.is-visible{opacity:1}.hn-cof__panel:focus{outline:none}.hn-cof.has-open .hn-cof__panel:before{content:"";position:absolute;top:-17px;left:var(--hn-cof-pointer);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #18332f}@media(min-width:750px){.hn-cof__panel{grid-template-columns:300px minmax(0,1fr);gap:34px;padding:34px}}.hn-cof__panel-portrait{display:flex;align-items:flex-end;justify-content:center;aspect-ratio:300 / 380;border:3px solid #18332f;border-radius:12px;overflow:hidden}@media(max-width:749px){.hn-cof__panel-portrait{aspect-ratio:4 / 3}.hn-cof__panel-portrait .hn-cof__silhouette{width:46%}}.hn-cof__panel-name{margin:0;color:#18332f;font-family:var(--font-display-family);font-size:clamp(40px,4.6vw,60px);line-height:1;text-transform:uppercase}.hn-cof__panel-role{margin:6px 0 0;padding-bottom:18px;border-bottom:2px dashed rgba(24,51,47,.7);font-family:var(--font-body-family);font-size:20px;font-weight:500;color:#18332fd9}.hn-cof__story{margin-top:22px;font-family:var(--font-body-family);font-size:19px;line-height:1.6;color:#18332fe6}.hn-cof__story p{margin:0 0 10px}.hn-cof__quote{margin:26px 0 0;padding:22px 20px;background:#efe5d7;border-radius:10px;font-family:var(--font-body-family);font-size:17px;line-height:1.55}.hn-cof__panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:30px}.hn-cof__close{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:250px;padding:0 28px;background:#d9a441;color:#18332f;border:3px solid #18332f;border-radius:999px;box-shadow:5px 5px #18332f;font-family:var(--font-body-family);font-size:18px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.hn-cof__close:hover{transform:translate(5px,5px);box-shadow:0 0 #18332f}.hn-cof__close:focus-visible{outline:3px solid #18332f;outline-offset:4px}.hn-cof__switch-hint{font-family:var(--font-mono-family);font-size:14px;color:#18332fd9}@media(prefers-reduced-motion:reduce){.hn-cof.is-ready .hn-cof__stage,.hn-cof.is-ready .hn-cof__panel,.hn-cof__card,.hn-cof__toggle-icon,.hn-cof__toggle-icon:before,.hn-cof__toggle-icon:after,.hn-cof__close{transition:none}}.shopify-section:has(.hn-story)+.shopify-section .hn-cof{padding-top:0}@media(max-width:749px){.hn-cof__card{gap:14px;padding:14px 52px 30px 14px}.hn-cof__portrait{width:76px;height:88px}.hn-cof__toggle-icon{top:12px;right:12px;width:34px;height:34px}.hn-cof__card .hn-cof__label{font-size:12px}.hn-cof__role{font-size:15px;line-height:1.35}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/highrise-cofounders.css.map */