.reference-overview{gap:1.35rem}.reference-overview-card[hidden]{display:none}.reference-overview-hero{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:stretch;gap:1rem;padding:0;text-align:left}.reference-overview-hero-content{display:grid;align-content:center;justify-items:start;min-height:clamp(260px,28vw,380px);padding:clamp(2.5rem,6vw,5.5rem) clamp(1.2rem,4vw,3rem);border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 50% 0%,rgb(var(--color-panel-rgb) / 1),transparent 56%),linear-gradient(180deg,rgb(var(--color-panel-rgb) / .95),rgb(var(--color-panel-rgb) / .62));box-shadow:0 24px 70px rgb(var(--color-shadow-rgb) / .08)}.reference-overview-hero p{max-width:34rem}.reference-overview-categories{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.55rem;max-width:760px;margin-top:1.35rem}.reference-app-promo{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(1.6rem,2.8vw,1.8rem);overflow:hidden;min-height:clamp(260px,28vw,380px);padding:clamp(1.1rem,2vw,1.45rem);border:1px solid var(--line);border-radius:var(--radius);background:var(--color-surface);transition:border-color .18s ease,transform .18s ease}.reference-app-promo:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.reference-app-promo:focus-visible{outline:2px solid var(--text);outline-offset:4px}.reference-app-promo img{align-self:top;justify-self:center;display:block;width:min(100%,320px);max-height:clamp(130px,14vw,190px);height:auto;min-height:0;object-fit:contain}.reference-app-promo-copy{position:relative;z-index:1;display:grid;gap:.4rem;max-width:22rem}.reference-app-promo-copy strong{color:var(--text);font-size:clamp(1.35rem,2.1vw,2rem);line-height:.98;letter-spacing:-.055em;font-weight:600}.reference-app-promo-copy span{color:rgb(var(--color-ink-rgb) / .62);font-size:.94rem;line-height:1.45}.reference-app-promo-copy .reference-app-promo-cta{margin-top:.1rem;color:var(--text);font-size:.9rem;font-weight:600}.reference-overview-category-option{min-height:42px;padding:0 1rem;border:1px solid var(--line);border-radius:999px;background:rgb(var(--color-panel-rgb) / .82);color:rgb(var(--color-ink-rgb) / .68);cursor:pointer;font-size:.9rem;line-height:1;text-align:center;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.reference-overview-category-option:hover{border-color:var(--color-border-strong);color:var(--text);transform:translateY(-1px)}.reference-overview-category-option.is-active{border-color:rgb(var(--color-ink-rgb) / .18);background:var(--text);color:rgb(var(--color-panel-rgb) / 1)}.reference-overview-card-visual{background:var(--color-surface-raised)}.reference-overview-card .feed-card-copy h3{display:flex;align-items:center;gap:.42rem;color:var(--color-white);font-size:1.02rem;line-height:1.1;letter-spacing:-.035em;font-weight:650}.reference-overview-title-icon{display:block;width:18px;height:18px;flex:0 0 auto;border-radius:5px;background:#ffffffe6;object-fit:contain;padding:2px}.reference-overview-title-icon[hidden]{display:none}.reference-overview-card .feed-card-copy{opacity:1}.reference-overview-card .feed-card-copy p{display:-webkit-box;max-width:19rem;margin-top:.3rem;overflow:hidden;color:#ffffffbd;font-size:.82rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.latest-reference-strip{display:grid;gap:.85rem;overflow:hidden;padding:clamp(.85rem,1.6vw,1.1rem);border:1px solid var(--line);border-radius:28px;background:rgb(var(--color-panel-rgb) / .72);box-shadow:0 18px 54px rgb(var(--color-shadow-rgb) / .06)}.latest-reference-strip[hidden]{display:none}.latest-reference-strip-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:0 .15rem}.latest-reference-strip-header p{color:rgb(var(--color-ink-rgb) / .5);font-size:.76rem;font-weight:650;letter-spacing:.08em;line-height:1;text-transform:uppercase}.latest-reference-strip-header h2{margin:.25rem 0 0;color:var(--text);font-size:clamp(1.35rem,2.2vw,2rem);font-weight:650;letter-spacing:-.055em;line-height:1}.latest-reference-track{display:grid;grid-auto-columns:clamp(180px,20vw,260px);grid-auto-flow:column;gap:.75rem;overflow-x:auto;overscroll-behavior-inline:contain;padding:.1rem .15rem .3rem;scroll-padding-inline:.15rem;scroll-snap-type:inline proximity;scrollbar-width:none}.latest-reference-track::-webkit-scrollbar{display:none}.latest-reference-card{position:relative;display:block;overflow:hidden;min-height:clamp(220px,24vw,320px);border:1px solid rgb(var(--color-ink-rgb) / .08);border-radius:22px;background:var(--color-surface-raised);scroll-snap-align:start;transition:border-color .18s ease,transform .18s ease}.latest-reference-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.latest-reference-card:focus-visible{outline:2px solid var(--text);outline-offset:4px}.latest-reference-card img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;transition:transform .22s ease}.latest-reference-card:hover img{transform:scale(1.025)}.latest-reference-card span{position:absolute;inset:auto 0 0;display:grid;gap:.25rem;padding:1.25rem .9rem .8rem;background:linear-gradient(180deg,#0000,#000000bd);color:var(--color-white)}.latest-reference-card strong{display:-webkit-box;overflow:hidden;font-size:.94rem;font-weight:650;letter-spacing:-.03em;line-height:1.1;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.latest-reference-card small{overflow:hidden;color:#ffffffb8;font-size:.78rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}.reference-overview-section-header{margin:.15rem 0 -.2rem}.reference-overview-section-header h2{margin:.15rem 0 -.2rem;color:var(--text);font-size:clamp(1.35rem,2.2vw,2rem);font-weight:650;letter-spacing:-.055em;line-height:1}@media(max-width:1180px){.reference-overview-hero{grid-template-columns:1fr}.reference-overview-hero-content{min-height:clamp(260px,32vw,360px)}.reference-app-promo{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);grid-template-rows:1fr;align-items:center;min-height:clamp(180px,22vw,240px)}.reference-app-promo img{align-self:center;max-height:170px}}@media(max-width:820px){.reference-overview{gap:1rem}.reference-overview-hero{grid-template-columns:1fr}.reference-overview-hero-content{justify-items:center;min-height:auto;padding:2rem .9rem;border-radius:22px;text-align:center}.reference-overview-categories{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.15rem;scrollbar-width:none}.reference-app-promo{grid-template-columns:minmax(0,.92fr) minmax(132px,1fr);grid-template-rows:1fr;align-items:center;gap:.45rem;width:100%;min-height:168px;padding:1rem .25rem 1rem 1rem;border-radius:22px}.reference-app-promo-copy{gap:.32rem;text-align:left}.reference-app-promo-copy strong{font-size:clamp(1.1rem,5vw,1.45rem);line-height:1}.reference-app-promo-copy span{font-size:.84rem;line-height:1.35}.reference-app-promo-copy .reference-app-promo-cta{font-size:.84rem}.reference-app-promo img{align-self:center;height:auto;transform:scale(1.18);transform-origin:center right}.reference-overview-categories::-webkit-scrollbar{display:none}.reference-overview-category-option{flex:0 0 auto;min-height:38px;padding:0 .85rem;font-size:.84rem}.reference-overview-card .feed-card-copy h3{font-size:.9rem}.reference-overview-card .feed-card-copy{opacity:0;pointer-events:none}.reference-overview-card .feed-card-copy p{display:none}}@media(max-width:430px){.reference-app-promo{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:.65rem;min-height:260px;padding:1rem}.reference-app-promo img{align-self:end;transform:none}}