@font-face{font-family:KeyaDisplay;src:url('/assets/idyeah/products/keya/keya-display.woff2') format('woff2');font-style:italic;font-weight:400 600;font-display:swap}
.products-page{background:#fff;color:#302d27;grid-template-rows:10dvh minmax(0,1fr) 8dvh}
.products-page .story-header{grid-template-columns:auto minmax(0,1fr)}
.future-product{display:inline-flex;align-items:center;white-space:nowrap;padding:6px 12px;border:1px solid #e5e2df;border-radius:9999px;font-size:12px;color:#817d77}
.product-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:30% minmax(0,1fr);width:min(920px,80vw);min-height:0;justify-self:center;padding-bottom:7dvh}
.collection-heading{grid-column:1/-1;display:flex;justify-content:center;align-items:center}
.collection-lockup{display:flex;flex-direction:column;align-items:center;gap:12px}
.keya-brand{font:italic 500 36px/1.2 KeyaDisplay,Georgia,serif;letter-spacing:-.045em;color:#987438;padding-bottom:3px}
.collection-description{font-size:11px;letter-spacing:.02em;color:#8d867c}
.catalog-product{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:0;text-align:center;padding:0 50px}
.catalog-crit::after{content:"";position:absolute;right:0;top:23%;bottom:23%;width:1px;background:#e9e3d9}
.catalog-logo{display:block;height:48px;object-fit:contain;object-position:center bottom;margin:0 0 30px}
.crit-logo{width:94px}.diya-logo{width:106px;filter:brightness(.18)}
.catalog-copy{display:grid;grid-template-rows:52px 64px 35px;justify-items:center;align-content:start}
.catalog-copy h1,.catalog-copy h2{font:400 22px/1.2 Georgia,serif;letter-spacing:-.035em;margin:0;max-width:260px}
.catalog-copy p{font:12px/1.8 EditorialSans,Arial,sans-serif;color:#928b81;max-width:265px;margin:0}
.desktop-break{display:none}
.start-free{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#c93219;color:#fffaf1;font-size:11px;padding:8px 20px;align-self:end;line-height:1.4}
.start-free:hover{background:#ad2a14}.coming-soon{display:inline-flex;align-items:center;justify-content:center;align-self:end;border:1px solid #e8e2d8;color:#a0988b;font-size:10px;line-height:1.4;border-radius:999px;padding:8px 15px}
.products-page footer{display:flex;align-items:center;justify-content:flex-end}
@media(max-width:1000px){.products-page{grid-template-rows:14dvh minmax(0,1fr) 7dvh}.future-product{font-size:10px;padding:5px 8px}.products-page .case-pills{flex-wrap:wrap}.products-page .case-navigation{gap:8px}.product-spread{width:100%;padding-bottom:5dvh}.catalog-product{padding:0 22px}.catalog-copy h1,.catalog-copy h2{font-size:20px}.catalog-copy p{font-size:11px}.catalog-copy{grid-template-rows:60px 90px 35px}}
@media(max-width:650px){.catalog-product{padding:0 15px}.catalog-logo{height:40px;margin-bottom:25px}.crit-logo{width:82px}.diya-logo{width:94px}.catalog-copy h1,.catalog-copy h2{font-size:19px}.products-page .case-pills-label{display:none}.catalog-crit::after{top:15%;bottom:15%}}
@media(max-height:650px){.product-spread{padding-bottom:2dvh}.catalog-logo{height:36px;margin-bottom:18px}.catalog-copy{grid-template-rows:48px 58px 32px}.keya-brand{font-size:30px}}
.product-spread{column-gap:0;row-gap:0}
/* keya's atmospheric edition: imagery below, type above. */
.products-page{position:relative;isolation:isolate;background:#191712;color:#f4efe5}
.products-page::before{content:"";position:fixed;inset:0;z-index:-2;background:url('./keya-blocks-v1.png') center center/cover no-repeat;pointer-events:none}
.products-page::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,15,17,.72),rgba(15,16,20,.64) 35%,rgba(13,15,18,.79) 100%);pointer-events:none}
.products-page .story-header .studio-wordmark{color:#f4efe5;--wordmark-dot:#e24b30}
.products-page .case-pills a{color:#dfd9ce;border-color:#f4efe52b;background:#ffffff05}
.products-page .case-pills a[aria-current="page"]{background:#f1eadc;color:#302b24;border-color:#f1eadc}
.products-page .case-pills-label,.products-page .back-inside{color:#dfd9ce}
.products-page .navigation-divider{background:#f4efe530}
.future-product{color:#b6b0a7;border-color:#f4efe529;background:transparent}
.keya-brand{color:#dfc790;text-shadow:0 2px 16px #0003}
.collection-description{color:#d2cbbf}
.catalog-logo{filter:brightness(0) invert(94%) sepia(12%) saturate(360%) hue-rotate(346deg)}
.catalog-copy h1,.catalog-copy h2{color:#f8f1e5;text-shadow:0 2px 18px #0004}
.catalog-copy p{color:#d3cdc2}
.catalog-crit::after{background:#f5ebd72e}
.coming-soon{color:#d7cfc1;border-color:#eee2ca40;background:#ffffff04}
.start-free{background:#c93219;color:#fff7e9}
.products-page .folio{color:#eee4d3}
.products-page .case-pills .future-product{color:#c7c0b4;background:transparent;border:1px solid #f4efe529}
.products-page .story-header .studio-wordmark{--wordmark-dot:#c93219}
.catalog-logo.crit-logo{filter:none}
.catalog-crit .catalog-copy p{white-space:nowrap;max-width:none}
/* Direct sans-serif headings with closely associated supporting copy. */
.catalog-copy h1,.catalog-copy h2{font-family:EditorialSans,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.3;letter-spacing:-.025em}
.catalog-copy{grid-template-rows:34px 54px 35px}
@media(max-width:1000px){.catalog-copy h1,.catalog-copy h2{font-size:16px}.catalog-copy{grid-template-rows:34px 64px 35px}}
@media(max-width:650px){.catalog-copy h1,.catalog-copy h2{font-size:15px}.catalog-copy{grid-template-rows:34px 64px 35px}}
@media(max-height:650px){.catalog-copy{grid-template-rows:32px 48px 32px}}
/* Glass edition: retain the image's highlights with a lighter veil. */
.products-page::before{background-image:url('./keya-glass-v1.webp')}
.products-page::after{background:linear-gradient(180deg,rgba(8,11,14,.3),rgba(8,11,14,.13) 45%,rgba(8,11,14,.25))}
/* Three spatial planes; typography stays front-facing. */
.products-page{--depth-x:0;--depth-y:0}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
 .products-page::before{inset:-14px;transform:translate3d(calc(var(--depth-x) * -9px),calc(var(--depth-y) * -6px),0);will-change:transform}
 .catalog-product{transform:translate3d(calc(var(--depth-x) * 5px),calc(var(--depth-y) * 3px),0);will-change:transform}
 .catalog-logo{filter:drop-shadow(0 8px 14px #0003)}
 .catalog-logo.diya-logo{filter:brightness(0) invert(94%) sepia(12%) saturate(360%) hue-rotate(346deg) drop-shadow(0 8px 14px #0003)}
}