.oylin-nav-hub{padding:var(--oylin-page-start-space, clamp(2.4rem,3vw,4rem)) 0 var(--oylin-section-space, clamp(5.2rem,6vw,8.4rem));background:var(--oylin-bg, #f8f6f3);color:var(--oylin-fg, #1a1916)}.oylin-nav-hub>.page-width{width:100%;max-width:1440px;margin-inline:auto;padding-inline:clamp(2rem,4vw,5rem)}.oylin-nav-hub__hero{display:grid;grid-template-columns:minmax(14rem,.45fr) minmax(0,1.55fr);gap:clamp(3rem,5vw,6rem);align-items:start;padding-bottom:clamp(3.5rem,5vw,5.5rem);border-bottom:1px solid rgba(26,25,22,.1)}.oylin-nav-hub__kicker{margin:.4rem 0 0;color:var(--oylin-muted, #7a7570);font-size:.85rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.oylin-nav-hub__heading{max-width:920px;margin:0;font-family:var(--font-heading-family, "Playfair Display", Georgia, serif);font-size:clamp(3.6rem,5vw,6.2rem)!important;font-weight:var(--font-heading-weight, 300)!important;letter-spacing:-.02em!important;line-height:1.08!important;color:var(--oylin-fg, #1a1916)!important}.oylin-nav-hub__intro{max-width:820px;margin-top:2rem;color:#1a1916c7;font-size:clamp(1.4rem,1.3vw,1.65rem);line-height:1.75;font-weight:300}.oylin-nav-hub__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(4rem,5vw,6rem);border-top:1px solid var(--oylin-fg, #1a1916)}.oylin-nav-hub__card{position:relative;display:flex;min-height:clamp(22rem,24vw,32rem);flex-direction:column;justify-content:space-between;padding:clamp(2.8rem,3.5vw,4.5rem);border-bottom:1px solid rgba(26,25,22,.1);color:inherit;text-decoration:none;background:transparent;transition:background .3s ease}.oylin-nav-hub__card:nth-child(odd){border-right:1px solid rgba(26,25,22,.1)}.oylin-nav-hub__card-kicker{margin:0 0 1.2rem;color:var(--oylin-muted, #7a7570);font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.oylin-nav-hub__card-title{max-width:500px;margin:0;font-family:var(--font-heading-family, "Playfair Display", Georgia, serif);font-size:clamp(2.2rem,2.8vw,3.2rem)!important;font-weight:var(--font-heading-weight, 300)!important;letter-spacing:-.01em!important;line-height:1.2!important;color:var(--oylin-fg, #1a1916)!important}.oylin-nav-hub__card-copy{max-width:540px;margin:1.5rem 0 0;color:#1a1916bf;font-size:1.35rem;line-height:1.7;font-weight:300}.oylin-nav-hub__card-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid rgba(26,25,22,.08);font-size:.85rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.oylin-nav-hub__card-arrow{font-family:Arial,sans-serif;font-size:1.5rem;font-weight:300;transition:transform .22s ease}.oylin-nav-hub__card:hover,.oylin-nav-hub__card:focus-visible{background:#efede980}.oylin-nav-hub__closing{display:grid;grid-template-columns:minmax(14rem,.45fr) minmax(0,1.55fr);gap:clamp(3rem,5vw,6rem);margin-top:clamp(5rem,6vw,8rem);padding-top:clamp(3.5rem,5vw,5.5rem);border-top:1px solid var(--oylin-fg, #1a1916)}.oylin-nav-hub__closing-title{margin:0;font-family:var(--font-heading-family, "Playfair Display", Georgia, serif);font-size:clamp(2.4rem,3vw,3.4rem)!important;font-weight:var(--font-heading-weight, 300)!important;letter-spacing:-.015em!important;line-height:1.15!important}.oylin-nav-hub__closing-copy{max-width:680px;color:#1a1916bf;font-size:1.35rem;line-height:1.75;font-weight:300}@media screen and (max-width:749px){.oylin-nav-hub__heading{font-size:clamp(3.2rem,9vw,4.4rem)!important}}.oylin-nav-hub--designers{padding:var(--oylin-page-start-space,clamp(2.4rem,3vw,4rem)) 0 var(--oylin-section-space,clamp(5.2rem,6vw,8.4rem))}.oylin-nav-hub--designers>.page-width{max-width:176rem;padding-inline:clamp(2.4rem,4vw,8rem)}.oylin-nav-hub--designers .oylin-nav-hub__hero{grid-template-columns:minmax(18rem,.42fr) minmax(0,1.58fr);padding-bottom:3.2rem}.oylin-nav-hub--designers .oylin-nav-hub__kicker,.oylin-nav-hub--designers .oylin-nav-hub__card-kicker{font-size:1.4rem!important;line-height:1.45;letter-spacing:.1em}.oylin-nav-hub--designers .oylin-nav-hub__heading{max-width:118rem;font-size:clamp(4.8rem,5.2vw,7.2rem)!important;line-height:1.03!important}.oylin-nav-hub--designers .oylin-nav-hub__intro{max-width:100rem;font-size:clamp(1.7rem,1.15vw,1.9rem);line-height:1.7}.oylin-nav-hub--designers .oylin-nav-hub__proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:3rem;border-top:1px solid rgba(26,25,22,.18);border-bottom:1px solid rgba(26,25,22,.18)}.oylin-nav-hub--designers .oylin-nav-hub__proof>div{padding:2.4rem clamp(1.6rem,2.2vw,3rem);border-right:1px solid rgba(26,25,22,.12)}.oylin-nav-hub--designers .oylin-nav-hub__proof>div:first-child{padding-left:0}.oylin-nav-hub--designers .oylin-nav-hub__proof>div:last-child{border-right:0;padding-right:0}.oylin-nav-hub--designers .oylin-nav-hub__proof span{display:block;font-size:1.35rem;letter-spacing:.1em;color:#7a7570;margin-bottom:1.2rem}.oylin-nav-hub--designers .oylin-nav-hub__proof strong{display:block;font-family:var(--font-heading-family);font-size:clamp(2rem,1.6vw,2.5rem);font-weight:400;line-height:1.2;margin-bottom:.8rem}.oylin-nav-hub--designers .oylin-nav-hub__proof p{margin:0;font-size:1.55rem;line-height:1.65;color:#1a1916b8}.oylin-nav-hub--designers .oylin-nav-hub__grid{margin-top:4rem}.oylin-nav-hub--designers .oylin-nav-hub__card{min-height:25rem;padding:clamp(2.5rem,3vw,4rem)}.oylin-nav-hub--designers .oylin-nav-hub__card-title{font-size:clamp(2.6rem,2.4vw,3.5rem)!important}.oylin-nav-hub--designers .oylin-nav-hub__card-copy{max-width:72rem;font-size:1.65rem;line-height:1.68}.oylin-nav-hub--designers .oylin-nav-hub__card-footer{font-size:1.4rem;letter-spacing:.08em;margin-top:2.6rem}.oylin-nav-hub--designers .oylin-nav-hub__card:hover,.oylin-nav-hub--designers .oylin-nav-hub__card:focus-visible{background:#ebe7e0b8}.oylin-nav-hub--designers .oylin-nav-hub__workflow,.oylin-nav-hub--designers .oylin-nav-hub__documentation,.oylin-nav-hub--designers .oylin-nav-hub__faq{margin-top:clamp(6rem,7vw,9rem);padding-top:clamp(3.5rem,4vw,5rem);border-top:1px solid #1a1916}.oylin-nav-hub--designers .oylin-nav-hub__workflow-head,.oylin-nav-hub--designers .oylin-nav-hub__faq-head{display:grid;grid-template-columns:minmax(18rem,.42fr) minmax(0,1.58fr);gap:clamp(3rem,5vw,7rem);margin-bottom:3.5rem}.oylin-nav-hub--designers .oylin-nav-hub__workflow h2,.oylin-nav-hub--designers .oylin-nav-hub__documentation h2,.oylin-nav-hub--designers .oylin-nav-hub__faq h2{margin:0;font-family:var(--font-heading-family);font-size:clamp(3.4rem,3.6vw,5.4rem);font-weight:400;line-height:1.08}.oylin-nav-hub--designers .oylin-nav-hub__workflow-head>div>p{max-width:82rem;font-size:1.7rem;line-height:1.7;color:#1a1916b8}.oylin-nav-hub--designers .oylin-nav-hub__workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(26,25,22,.16);border-bottom:1px solid rgba(26,25,22,.16)}.oylin-nav-hub--designers .oylin-nav-hub__workflow-grid article{padding:2.8rem 2.4rem;border-right:1px solid rgba(26,25,22,.12)}.oylin-nav-hub--designers .oylin-nav-hub__workflow-grid article:last-child{border-right:0}.oylin-nav-hub--designers .oylin-nav-hub__workflow-grid span{font-size:1.35rem;letter-spacing:.1em;color:#7a7570}.oylin-nav-hub--designers .oylin-nav-hub__workflow-grid h3{font-family:var(--font-heading-family);font-size:2.4rem;font-weight:400;line-height:1.2;margin:1.5rem 0 1rem}.oylin-nav-hub--designers .oylin-nav-hub__workflow-grid p{font-size:1.55rem;line-height:1.65;color:#1a1916b8}.oylin-nav-hub--designers .oylin-nav-hub__documentation{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(4rem,7vw,10rem)}.oylin-nav-hub--designers .oylin-nav-hub__documentation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(26,25,22,.16)}.oylin-nav-hub--designers .oylin-nav-hub__documentation-grid p{margin:0;padding:1.8rem 0;border-bottom:1px solid rgba(26,25,22,.12);font-size:1.6rem}.oylin-nav-hub--designers .oylin-nav-hub__documentation-note{grid-column:2;margin:0;font-size:1.45rem;line-height:1.6;color:#7a7570}.oylin-nav-hub--designers .oylin-nav-hub__faq-list{border-top:1px solid rgba(26,25,22,.18)}.oylin-nav-hub--designers .oylin-nav-hub__faq-list details{border-bottom:1px solid rgba(26,25,22,.14)}.oylin-nav-hub--designers .oylin-nav-hub__faq-list summary{display:flex;justify-content:space-between;gap:2rem;cursor:pointer;padding:2rem 0;font-family:var(--font-heading-family);font-size:2.1rem;line-height:1.3}.oylin-nav-hub--designers .oylin-nav-hub__faq-list summary::-webkit-details-marker{display:none}.oylin-nav-hub--designers .oylin-nav-hub__faq-list details p{max-width:105rem;margin:0;padding:0 0 2rem;font-size:1.6rem;line-height:1.7;color:#1a1916b8}.oylin-nav-hub--designers .oylin-nav-hub__closing{margin-top:7rem;padding-top:3.5rem}.oylin-nav-hub--designers .oylin-nav-hub__closing-title{font-size:clamp(3rem,3vw,4.4rem)!important}.oylin-nav-hub--designers .oylin-nav-hub__closing-copy{max-width:92rem;font-size:1.7rem;line-height:1.7}.oylin-nav-hub--designers .oylin-nav-hub__closing-link{display:inline-flex;align-items:center;gap:.8rem;margin-top:2rem;min-height:5.2rem;padding:1.3rem 2.4rem;background:#202720;color:#fff;text-decoration:none;font-size:1.45rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:989px){.oylin-nav-hub--designers .oylin-nav-hub__proof,.oylin-nav-hub--designers .oylin-nav-hub__workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oylin-nav-hub--designers .oylin-nav-hub__documentation{grid-template-columns:1fr}.oylin-nav-hub--designers .oylin-nav-hub__documentation-note{grid-column:auto}}@media(max-width:749px){.oylin-nav-hub--designers .oylin-nav-hub__hero,.oylin-nav-hub--designers .oylin-nav-hub__workflow-head,.oylin-nav-hub--designers .oylin-nav-hub__faq-head,.oylin-nav-hub--designers .oylin-nav-hub__closing,.oylin-nav-hub--designers .oylin-nav-hub__proof,.oylin-nav-hub--designers .oylin-nav-hub__workflow-grid,.oylin-nav-hub--designers .oylin-nav-hub__documentation-grid,.oylin-nav-hub--designers .oylin-nav-hub__grid{grid-template-columns:1fr}.oylin-nav-hub--designers .oylin-nav-hub__card:nth-child(odd){border-right:0}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/oylin-navigation-hub.css.map */