@layer components{.case-study-back-link-module__csZHbq__backLink{width:fit-content;color:var(--color-text-secondary);font-size:var(--text-label);font-weight:700;line-height:var(--leading-label);letter-spacing:var(--tracking-label);text-transform:uppercase;transition:color var(--duration-base) var(--ease-out);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.case-study-back-link-module__csZHbq__backLink:hover,.case-study-back-link-module__csZHbq__backLink:focus-visible{color:var(--color-text-primary)}.case-study-back-link-module__csZHbq__backLink:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:var(--radius-sm)}.case-study-back-link-module__csZHbq__backLink svg{width:1rem;height:1rem}}
@layer components{.case-study-callout-module__by-zBG__callout{border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in oklch, var(--case-study-accent,var(--color-accent)), transparent 88%), color-mix(in oklch, var(--color-surface), transparent 0%));width:100%;color:var(--color-text-primary);padding:var(--space-4);margin:0;font-size:1.02rem;font-weight:500;line-height:1.7}.case-study-callout-module__by-zBG__label{margin:0 0 var(--space-2);color:var(--case-study-accent-text,var(--color-accent));font-size:var(--text-label);font-weight:800;line-height:var(--leading-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.case-study-callout-module__by-zBG__content{gap:var(--space-3);display:grid}.case-study-callout-module__by-zBG__content :where(p){margin:0}}
@layer components{.case-study-section-module__9JiANq__section{gap:var(--space-4);border-top:1px solid var(--color-border);grid-template-columns:1fr;display:grid}.case-study-section-module__9JiANq__section[data-spacing=compact]{padding-block:clamp(1.75rem,4vw,2.5rem)}.case-study-section-module__9JiANq__section[data-spacing=default]{padding-block:var(--space-7)}.case-study-section-module__9JiANq__section[data-spacing=spacious]{padding-block:clamp(2.5rem,6vw,3.75rem)}.case-study-section-module__9JiANq__title{color:var(--color-text-primary);letter-spacing:var(--tracking-title);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;line-height:1.15}.case-study-section-module__9JiANq__body{gap:var(--space-4);max-width:70ch;color:var(--color-text-secondary);font-size:1rem;line-height:1.85;display:grid}.case-study-section-module__9JiANq__body :where(p){margin:0}@media (min-width:56rem){.case-study-section-module__9JiANq__section{gap:var(--space-8);grid-template-columns:minmax(12rem,.36fr) minmax(0,.64fr)}}}
@layer components{.expandable-image-module__sZQ23a__figure{--expandable-bg:var(--color-canvas);--expandable-muted:var(--color-text-secondary);--expandable-border:var(--color-border);--expandable-shadow:#00000080;--expandable-accent:var(--color-accent);gap:.75rem;width:100%;margin:1.35rem 0 0;display:grid}.expandable-image-module__sZQ23a__figure[data-variant=mosaic],.expandable-image-module__sZQ23a__figure[data-variant=yubico]{--expandable-accent:#c09040}.expandable-image-module__sZQ23a__figure[data-size=medium]{align-self:start;margin-top:0}.expandable-image-module__sZQ23a__frame{border:1px solid var(--expandable-border);width:100%;aspect-ratio:var(--screenshot-aspect-ratio,16 / 10);appearance:none;background:linear-gradient(180deg, color-mix(in oklch, var(--expandable-bg), var(--expandable-accent) 3%), var(--expandable-bg)), var(--expandable-bg);box-shadow:0 22px 56px -48px var(--expandable-shadow);color:inherit;cursor:zoom-in;transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);border-radius:14px;padding:0;display:block;position:relative;overflow:hidden}.expandable-image-module__sZQ23a__frame:focus-visible{outline:2px solid var(--expandable-accent);outline-offset:4px}.expandable-image-module__sZQ23a__imageInset,.expandable-image-module__sZQ23a__imagePlaceholder{border-radius:10px;display:block;position:absolute;inset:clamp(.45rem,1.4vw,.8rem);overflow:hidden}.expandable-image-module__sZQ23a__imagePlaceholder{visibility:hidden}.expandable-image-module__sZQ23a__image{object-fit:var(--screenshot-object-fit,contain);object-position:var(--screenshot-object-position,center)}.expandable-image-module__sZQ23a__caption{max-width:64ch;color:var(--expandable-muted);font-size:.85rem;line-height:1.6}.expandable-image-module__sZQ23a__modal{z-index:1000;padding:clamp(var(--space-4), 4vw, var(--space-7));-webkit-backdrop-filter:blur(14px);background:#08080ae0;place-items:center;display:grid;position:fixed;inset:0}.expandable-image-module__sZQ23a__modalImage{width:min(92vw, calc(84svh * var(--screenshot-modal-ratio,1.6)));aspect-ratio:var(--screenshot-aspect-ratio,16 / 10);background:#0c0c0e;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 32px 100px #0000007a}.expandable-image-module__sZQ23a__modalAsset{object-fit:contain;object-position:var(--screenshot-object-position,center)}.expandable-image-module__sZQ23a__closeButton{top:var(--space-4);right:var(--space-4);z-index:2;min-height:2.75rem;padding-inline:var(--space-4);-webkit-backdrop-filter:blur(12px);color:#fff;font:inherit;font-size:var(--text-label);cursor:pointer;background:#141416b8;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:absolute}.expandable-image-module__sZQ23a__closeButton:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (hover:hover){.expandable-image-module__sZQ23a__frame:hover{border-color:color-mix(in oklch, var(--expandable-border), var(--expandable-accent) 42%)}.expandable-image-module__sZQ23a__closeButton:hover{background:#242428e0}}@media (prefers-reduced-motion:reduce){.expandable-image-module__sZQ23a__frame{transition:none}}}
@layer components{.mosaic-case-study-module__E69GyW__page{width:min(100% - (var(--container-padding) * 2), var(--container-page));padding-block:var(--space-8) var(--space-9);margin-inline:auto}.mosaic-case-study-module__E69GyW__mosaicScope{--mosaic-gold:#c09040;--mosaic-gold-text:#d9b56a;--mosaic-bg:var(--color-canvas);--mosaic-text:var(--color-text-primary);--mosaic-muted:var(--color-text-secondary);--mosaic-border:var(--color-border);--mosaic-shadow:#00000080;--mosaic-primary:var(--color-accent);--case-study-accent:var(--mosaic-gold);--case-study-accent-text:var(--mosaic-gold-text);--emotion-surface-gradient:linear-gradient(180deg, #ffffff29 0%, #ffffff08 46%, #00000024 100%);gap:var(--space-8);margin-top:var(--space-7);display:grid}.mosaic-case-study-module__E69GyW__content{gap:var(--space-5);display:grid}.mosaic-case-study-module__E69GyW__heroScene{isolation:isolate;border:1px solid color-mix(in oklch, var(--mosaic-border), transparent 12%);background:radial-gradient(circle at 18% 22%, #ef963747, transparent 34%), radial-gradient(circle at 86% 72%, #9a74c938, transparent 38%), linear-gradient(135deg, color-mix(in oklch, var(--mosaic-bg), #e9d07a 16%), color-mix(in oklch, var(--mosaic-bg), #579adc 12%) 46%, color-mix(in oklch, var(--mosaic-bg), #62ba82 14%)), var(--mosaic-bg);min-height:30rem;box-shadow:0 30px 90px -58px var(--mosaic-shadow);border-radius:28px;gap:clamp(1rem,2vw,1.5rem) clamp(1.5rem,4vw,3rem);margin:0;padding:clamp(1.25rem,4vw,3rem);display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.mosaic-case-study-module__E69GyW__heroScene{background:radial-gradient(circle at 18% 22%, lab(70.4814% 29.2387 61.7734/.28), transparent 34%), radial-gradient(circle at 86% 72%, lab(55.2388% 28.5307 -38.9176/.22), transparent 38%), linear-gradient(135deg, color-mix(in oklch, var(--mosaic-bg), lab(84.2133% .672549 45.8198) 16%), color-mix(in oklch, var(--mosaic-bg), lab(61.2882% -6.6494 -40.7613) 12%) 46%, color-mix(in oklch, var(--mosaic-bg), lab(69.0869% -37.6076 20.3278) 14%)), var(--mosaic-bg)}}.mosaic-case-study-module__E69GyW__sceneCopy{flex-direction:column;gap:1rem;max-width:34rem;display:flex}.mosaic-case-study-module__E69GyW__sceneTitle{max-width:8ch;color:var(--mosaic-text);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(3.25rem,9vw,6rem);font-weight:500;line-height:.92}.mosaic-case-study-module__E69GyW__sceneSubtitle{max-width:22ch;color:var(--mosaic-text);margin:0;font-size:clamp(1.25rem,3vw,2rem);font-weight:600;line-height:1.08}.mosaic-case-study-module__E69GyW__sceneText{max-width:34rem;color:var(--mosaic-muted);margin:0;font-size:1rem;line-height:1.7}.mosaic-case-study-module__E69GyW__heroMeta{border:1px solid color-mix(in oklch, var(--mosaic-border), transparent 8%);background-color:color-mix(in oklch, var(--mosaic-border), transparent 20%);border-radius:16px;grid-column:1/-1;grid-template-columns:1fr;gap:1px;margin:0;display:grid;overflow:hidden}.mosaic-case-study-module__E69GyW__heroMetaItem{background-color:color-mix(in oklch, var(--mosaic-bg), transparent 16%);padding:.95rem 1rem}.mosaic-case-study-module__E69GyW__heroMetaLabel{color:var(--mosaic-muted);letter-spacing:.11em;text-transform:uppercase;margin:0 0 .35rem;font-size:.67rem;font-weight:800}.mosaic-case-study-module__E69GyW__heroMetaValue{color:var(--mosaic-text);overflow-wrap:anywhere;margin:0;font-size:.9rem;font-weight:700;line-height:1.45}.mosaic-case-study-module__E69GyW__phoneStage{isolation:isolate;place-items:center;min-height:clamp(22rem,70vw,28rem);display:grid;position:relative}.mosaic-case-study-module__E69GyW__calendarHalo{z-index:0;opacity:.42;pointer-events:none;grid-template-columns:repeat(18,minmax(0,1fr));gap:.35rem;display:grid;position:absolute;inset:8% 0 auto;transform:rotate(-7deg)}.mosaic-case-study-module__E69GyW__calendarHaloTile{aspect-ratio:1;background:var(--emotion-surface-gradient), var(--tile-color);border-radius:.35rem}.mosaic-case-study-module__E69GyW__phoneFrame{z-index:1;border:1px solid color-mix(in oklch, var(--mosaic-border), transparent 18%);background:color-mix(in oklch, var(--mosaic-bg), var(--mosaic-text) 5%);width:min(100%,22rem);box-shadow:0 28px 70px -38px var(--mosaic-shadow), inset 0 0 0 1px color-mix(in oklch, var(--mosaic-border), transparent 28%);border-radius:2rem;padding:.75rem;position:relative}.mosaic-case-study-module__E69GyW__phoneScreen{background-color:color-mix(in oklch, var(--mosaic-bg), var(--mosaic-text) 2.5%);border-radius:1.45rem;padding:1rem;overflow:hidden}.mosaic-case-study-module__E69GyW__phoneTop{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.mosaic-case-study-module__E69GyW__phoneMonth{color:var(--mosaic-text);margin:0;font-size:.94rem;font-weight:800}.mosaic-case-study-module__E69GyW__phoneBadge{border:1px solid color-mix(in oklch, var(--mosaic-gold), var(--mosaic-border) 58%);border-radius:var(--radius-full);background-color:color-mix(in oklch, var(--mosaic-gold), var(--mosaic-bg) 84%);min-height:1.65rem;color:var(--mosaic-gold-text);white-space:nowrap;align-items:center;padding:0 .6rem;font-size:.7rem;font-weight:800;line-height:1;display:inline-flex}.mosaic-case-study-module__E69GyW__calendarGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;display:grid}.mosaic-case-study-module__E69GyW__calendarBlank{aspect-ratio:1}.mosaic-case-study-module__E69GyW__researchMethod{max-width:62ch;color:var(--mosaic-muted);margin-top:1rem;font-size:.95rem;line-height:1.7}.mosaic-case-study-module__E69GyW__researchGrid{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem;display:grid}.mosaic-case-study-module__E69GyW__researchQuote{border:1px solid var(--mosaic-border);background-color:var(--mosaic-bg);border-radius:16px;gap:1rem;min-height:100%;padding:1rem;display:grid}.mosaic-case-study-module__E69GyW__researchLabel{color:var(--mosaic-gold-text);letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:.7rem;font-weight:800;line-height:1}.mosaic-case-study-module__E69GyW__researchExcerpt{color:var(--mosaic-text);margin:0;font-size:1.05rem;font-weight:600;line-height:1.45}.mosaic-case-study-module__E69GyW__researchExcerpt p{margin:0}.mosaic-case-study-module__E69GyW__researchBlock{border-top:1px solid var(--mosaic-border);align-content:start;gap:.35rem;padding-top:1rem;display:grid}.mosaic-case-study-module__E69GyW__researchRowLabel{color:var(--mosaic-gold-text);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:800;line-height:1}.mosaic-case-study-module__E69GyW__researchRowText{color:var(--mosaic-muted);margin:0;font-size:.9rem;line-height:1.6}.mosaic-case-study-module__E69GyW__researchInsightNote{max-width:62ch;color:var(--mosaic-muted);margin-top:1.5rem;font-size:.95rem;line-height:1.7}.mosaic-case-study-module__E69GyW__interactionLead,.mosaic-case-study-module__E69GyW__visualSystemLead,.mosaic-case-study-module__E69GyW__architectureLead{max-width:68ch;color:var(--mosaic-muted);font-size:clamp(1rem,2vw,1.12rem);line-height:1.75}.mosaic-case-study-module__E69GyW__dividedList{border-top:1px solid var(--mosaic-border);gap:0;display:grid}.mosaic-case-study-module__E69GyW__dividedList>*+*{border-top:1px solid var(--mosaic-border)}.mosaic-case-study-module__E69GyW__dividedList>:last-child{padding-bottom:0}.mosaic-case-study-module__E69GyW__interactionDecisionList>*{padding:clamp(1.5rem,4vw,2.5rem) 0}.mosaic-case-study-module__E69GyW__interactionDecision{gap:.75rem;max-width:72ch;display:grid}.mosaic-case-study-module__E69GyW__interactionDecisionEyebrow,.mosaic-case-study-module__E69GyW__foundationEyebrow,.mosaic-case-study-module__E69GyW__architectureTechLabel,.mosaic-case-study-module__E69GyW__architectureEyebrow{color:var(--mosaic-gold-text);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:800;line-height:1}.mosaic-case-study-module__E69GyW__interactionDecisionTitle{color:var(--mosaic-text);letter-spacing:0;margin:0;font-size:clamp(1.2rem,2.4vw,1.55rem);font-weight:600;line-height:1.16}.mosaic-case-study-module__E69GyW__interactionDecisionText{color:var(--mosaic-muted);margin:0;font-size:.95rem;line-height:1.7}.mosaic-case-study-module__E69GyW__interactionFlowVisual{grid-template-columns:1fr;gap:clamp(.9rem,2.5vw,1.25rem);width:100%;margin-top:.25rem;display:grid}.mosaic-case-study-module__E69GyW__interactionFlowCaption,.mosaic-case-study-module__E69GyW__tileProgressionCaption{max-width:62ch;color:var(--mosaic-muted);font-size:.9rem;line-height:1.65}.mosaic-case-study-module__E69GyW__reflectionViewsPair,.mosaic-case-study-module__E69GyW__visualScreensPair{grid-template-columns:1fr;gap:clamp(1.25rem,4vw,2.5rem);margin-top:.25rem;display:grid}.mosaic-case-study-module__E69GyW__reflectionViewsPair>*,.mosaic-case-study-module__E69GyW__visualScreensPair>*{justify-self:center}.mosaic-case-study-module__E69GyW__tileProgression{grid-template-columns:1fr;gap:.75rem;margin-top:.25rem;display:grid}.mosaic-case-study-module__E69GyW__tileProgressionCaption{max-width:52ch;margin-top:.65rem;font-size:.86rem;font-weight:600;line-height:1.55}.mosaic-case-study-module__E69GyW__visualSubsection{gap:clamp(1.1rem,3vw,1.75rem);margin-top:clamp(2.25rem,5vw,3.75rem);display:grid}.mosaic-case-study-module__E69GyW__visualSubsection p{margin:0}.mosaic-case-study-module__E69GyW__visualSubheading{color:var(--mosaic-text);letter-spacing:0;margin:0;font-size:clamp(1.35rem,3vw,2rem);font-weight:600;line-height:1.08}.mosaic-case-study-module__E69GyW__visualFeatureLayout,.mosaic-case-study-module__E69GyW__accessibilityLayout{grid-template-columns:1fr;align-items:start;gap:clamp(1.5rem,5vw,4rem);display:grid}.mosaic-case-study-module__E69GyW__visualFeatureLayout>div,.mosaic-case-study-module__E69GyW__accessibilityLayout>div{gap:1rem;display:grid}.mosaic-case-study-module__E69GyW__visualFoundationsPanel{border:1px solid var(--mosaic-border);background-color:var(--mosaic-bg);border-radius:16px;grid-template-columns:1fr;width:100%;margin-top:clamp(1.5rem,4vw,2.5rem);display:grid;overflow:hidden}.mosaic-case-study-module__E69GyW__visualFoundationColumn{align-content:start;gap:clamp(1.25rem,3vw,1.75rem);padding:clamp(1.35rem,3vw,2rem);display:grid}.mosaic-case-study-module__E69GyW__visualFoundationColumn+.mosaic-case-study-module__E69GyW__visualFoundationColumn{border-top:1px solid var(--mosaic-border)}.mosaic-case-study-module__E69GyW__foundationGroup{align-content:start;gap:.85rem;display:grid}.mosaic-case-study-module__E69GyW__foundationGroup+.mosaic-case-study-module__E69GyW__foundationGroup{padding-top:clamp(.5rem,2vw,.85rem)}.mosaic-case-study-module__E69GyW__foundationTitle,.mosaic-case-study-module__E69GyW__architectureColumnTitle{color:var(--mosaic-text);margin:0;font-size:1rem;font-weight:700;line-height:1.25}.mosaic-case-study-module__E69GyW__foundationText,.mosaic-case-study-module__E69GyW__architectureColumnText,.mosaic-case-study-module__E69GyW__architecturePostCopy{color:var(--mosaic-muted);margin:0;font-size:.9rem;line-height:1.6}.mosaic-case-study-module__E69GyW__colorTokenGrid,.mosaic-case-study-module__E69GyW__emotionColorGrid{margin:0;padding:0;list-style:none}.mosaic-case-study-module__E69GyW__colorTokenGrid{grid-template-columns:1fr;gap:.95rem 1rem;display:grid}.mosaic-case-study-module__E69GyW__colorToken{grid-template-columns:2.15rem minmax(0,1fr);align-content:start;align-items:center;gap:.65rem;min-width:0;display:grid}.mosaic-case-study-module__E69GyW__colorToken>span:last-child{gap:.18rem;min-width:0;display:grid}.mosaic-case-study-module__E69GyW__colorTokenSwatch{border:1px solid var(--mosaic-border);background-color:var(--tile-color);border-radius:.45rem;width:2.15rem;height:2.15rem}.mosaic-case-study-module__E69GyW__colorTokenName{color:var(--mosaic-text);overflow-wrap:anywhere;font-size:.8rem;font-weight:700;line-height:1.25}.mosaic-case-study-module__E69GyW__colorTokenValue{color:var(--mosaic-muted);white-space:nowrap;font-size:.72rem;font-weight:600;line-height:1.25}.mosaic-case-study-module__E69GyW__emotionColorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem .65rem;padding-top:.15rem;display:grid}.mosaic-case-study-module__E69GyW__emotionColorItem{align-content:start;gap:.45rem;min-width:0;display:grid}.mosaic-case-study-module__E69GyW__emotionColorItem>span:last-child{gap:.18rem;min-width:0;display:grid}.mosaic-case-study-module__E69GyW__emotionColorSwatch{aspect-ratio:1;border:1px solid var(--mosaic-border);background:var(--emotion-surface-gradient), var(--tile-color);border-radius:.45rem;width:2rem}.mosaic-case-study-module__E69GyW__emotionColorName{color:var(--mosaic-text);overflow-wrap:anywhere;font-size:.74rem;font-weight:700;line-height:1.25}.mosaic-case-study-module__E69GyW__emotionColorValue{color:var(--mosaic-muted);overflow-wrap:anywhere;font-size:.66rem;font-weight:600;line-height:1.25}.mosaic-case-study-module__E69GyW__typeRoleList{border-top:1px solid var(--mosaic-border);margin-top:.15rem;display:grid}.mosaic-case-study-module__E69GyW__typeRole{border-bottom:1px solid var(--mosaic-border);gap:.5rem;padding:clamp(1rem,2vw,1.25rem) 0;display:grid}.mosaic-case-study-module__E69GyW__typeRole:last-child{border-bottom:0}.mosaic-case-study-module__E69GyW__typeRole span{color:var(--mosaic-gold-text);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:800;line-height:1}.mosaic-case-study-module__E69GyW__typeRole strong{color:var(--mosaic-text);letter-spacing:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:700;line-height:1.35}.mosaic-case-study-module__E69GyW__typeRole[data-role=heading] strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.35rem;font-weight:600;line-height:1.2}.mosaic-case-study-module__E69GyW__typeRole[data-role=label] strong{font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;letter-spacing:.06em;font-size:.82rem}.mosaic-case-study-module__E69GyW__typeRole p{color:var(--mosaic-muted);margin:0;font-size:.82rem;line-height:1.5}.mosaic-case-study-module__E69GyW__architectureContent{gap:clamp(1.25rem,3vw,2rem);width:100%;display:grid}.mosaic-case-study-module__E69GyW__architectureTechLine{border-bottom:1px solid var(--mosaic-border);flex-wrap:wrap;align-items:baseline;gap:.35rem .7rem;margin:0;padding-bottom:.9rem;display:flex}.mosaic-case-study-module__E69GyW__architectureTechValue{color:var(--mosaic-text);font-size:.92rem;font-weight:600;line-height:1.55}.mosaic-case-study-module__E69GyW__architecturePanel{border:1px solid var(--mosaic-border);background-color:var(--mosaic-bg);border-radius:16px;width:100%;overflow:hidden}.mosaic-case-study-module__E69GyW__architecturePanelHeader{border-bottom:1px solid var(--mosaic-border);padding:clamp(1.1rem,2.5vw,1.5rem)}.mosaic-case-study-module__E69GyW__architecturePanelTitle{color:var(--mosaic-text);letter-spacing:0;margin:0;font-size:clamp(1.2rem,2.4vw,1.55rem);font-weight:600;line-height:1.16}.mosaic-case-study-module__E69GyW__architecturePanelGrid{grid-template-columns:1fr;display:grid}.mosaic-case-study-module__E69GyW__architecturePanelColumn{align-content:start;gap:1rem;padding:clamp(1.1rem,2.5vw,1.5rem);display:grid}.mosaic-case-study-module__E69GyW__architecturePanelColumn+.mosaic-case-study-module__E69GyW__architecturePanelColumn{border-top:1px solid var(--mosaic-border)}.mosaic-case-study-module__E69GyW__architectureDataList{border:1px solid var(--mosaic-border);background-color:var(--mosaic-border);border-radius:12px;align-self:start;gap:1px;margin:0;display:grid;overflow:hidden}.mosaic-case-study-module__E69GyW__architectureDataItem{background-color:var(--mosaic-bg);grid-template-columns:minmax(4.4rem,.7fr) minmax(0,1fr);gap:.75rem;padding:.65rem .75rem;display:grid}.mosaic-case-study-module__E69GyW__architectureDataLabel{color:var(--mosaic-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:800}.mosaic-case-study-module__E69GyW__architectureDataValue{min-width:0;color:var(--mosaic-text);overflow-wrap:anywhere;align-items:center;font-size:.84rem;font-weight:600;display:inline-flex}.mosaic-case-study-module__E69GyW__architectureDataLabel,.mosaic-case-study-module__E69GyW__architectureDataValue{margin:0}.mosaic-case-study-module__E69GyW__architectureReasonList{border-top:1px solid var(--mosaic-border);align-self:start;margin:0;padding:0;list-style:none;display:grid}.mosaic-case-study-module__E69GyW__architectureReasonItem{border-bottom:1px solid var(--mosaic-border);color:var(--mosaic-muted);grid-template-columns:auto minmax(0,1fr);gap:.55rem;padding:.72rem 0;font-size:.9rem;line-height:1.55;display:grid}.mosaic-case-study-module__E69GyW__architectureReasonItem:before{background-color:color-mix(in oklch, var(--mosaic-gold), var(--mosaic-text) 34%);content:"";border-radius:999px;width:.38rem;height:.38rem;margin-top:.52rem}.mosaic-case-study-module__E69GyW__architectureReasonItem:last-child{border-bottom:0}.mosaic-case-study-module__E69GyW__architecturePostCopy{max-width:68ch;font-size:.95rem;line-height:1.7}.mosaic-case-study-module__E69GyW__nextDirectionsList{margin-bottom:clamp(1.5rem,4vw,2.25rem)}.mosaic-case-study-module__E69GyW__nextDirectionsList>*{padding:clamp(1.25rem,3vw,2rem) 0}@media (min-width:380px){.mosaic-case-study-module__E69GyW__colorTokenGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:420px){.mosaic-case-study-module__E69GyW__tileProgression{grid-template-columns:repeat(2,minmax(0,max-content))}}@media (min-width:560px){.mosaic-case-study-module__E69GyW__emotionColorGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:640px){.mosaic-case-study-module__E69GyW__heroMeta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px) and (max-width:959px){.mosaic-case-study-module__E69GyW__heroMetaItem:last-child{grid-column:1/-1}}@media (min-width:680px){.mosaic-case-study-module__E69GyW__interactionFlowVisual{grid-template-columns:repeat(3,minmax(0,1fr))}.mosaic-case-study-module__E69GyW__reflectionViewsPair,.mosaic-case-study-module__E69GyW__visualScreensPair{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-case-study-module__E69GyW__tileProgression{grid-template-columns:repeat(4,minmax(0,max-content))}}@media (min-width:760px){.mosaic-case-study-module__E69GyW__researchGrid{grid-template-rows:auto minmax(8.75rem,auto) minmax(8.5rem,auto) auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.mosaic-case-study-module__E69GyW__researchQuote{grid-row:span 4;grid-template-rows:subgrid}.mosaic-case-study-module__E69GyW__visualFeatureLayout,.mosaic-case-study-module__E69GyW__accessibilityLayout{grid-template-columns:minmax(0,.9fr) minmax(17rem,.7fr)}.mosaic-case-study-module__E69GyW__visualFoundationsPanel{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-case-study-module__E69GyW__visualFoundationColumn+.mosaic-case-study-module__E69GyW__visualFoundationColumn{border-top:0;border-left:1px solid var(--mosaic-border)}.mosaic-case-study-module__E69GyW__architecturePanelGrid{grid-template-rows:auto auto auto minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;row-gap:1rem}.mosaic-case-study-module__E69GyW__architecturePanelColumn{grid-row:span 4;grid-template-rows:subgrid;align-content:stretch;gap:1rem}.mosaic-case-study-module__E69GyW__architecturePanelColumn+.mosaic-case-study-module__E69GyW__architecturePanelColumn{border-top:0;border-left:1px solid var(--mosaic-border)}}@media (min-width:860px){.mosaic-case-study-module__E69GyW__heroScene{grid-template-columns:minmax(0,.82fr) minmax(22rem,1fr);align-items:center}}@media (min-width:960px){.mosaic-case-study-module__E69GyW__heroMeta{grid-template-columns:repeat(4,minmax(7rem,1fr)) minmax(14rem,2fr)}}}
@layer components{.mosaic-tile-module__wlJyea__tile{aspect-ratio:1;grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.mosaic-tile-module__wlJyea__tile[data-layout=one]{grid-template-columns:1fr}.mosaic-tile-module__wlJyea__tile[data-layout=three],.mosaic-tile-module__wlJyea__tile[data-layout=four]{grid-template-rows:repeat(2,minmax(0,1fr))}.mosaic-tile-module__wlJyea__tile[data-layout=three] .mosaic-tile-module__wlJyea__segment:last-child{grid-column:1/-1}.mosaic-tile-module__wlJyea__tile[data-variant=hero-calendar]{animation:7s cubic-bezier(.16,1,.3,1) infinite mosaic-tile-module__wlJyea__tile-breathe;animation-delay:var(--tile-delay,0s);background-color:#ffffff14;border-radius:.5rem;box-shadow:inset 0 -1px #00000029}.mosaic-tile-module__wlJyea__tile[data-variant=progression]{border:1px solid var(--mosaic-border);background-color:var(--mosaic-border);border-radius:.65rem;width:4.75rem;box-shadow:inset 0 -1px #0000001f}.mosaic-tile-module__wlJyea__segment{background:var(--emotion-surface-gradient), var(--tile-color);min-width:0;min-height:0}@keyframes mosaic-tile-module__wlJyea__tile-breathe{0%,76%,to{filter:saturate();transform:translateY(0)}84%{filter:saturate(1.16);transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.mosaic-tile-module__wlJyea__tile[data-variant=hero-calendar]{animation:none}}}
@layer components{.yubico-case-study-module__C4X4oW__page{width:min(100% - (var(--container-padding) * 2), var(--container-page));padding-block:var(--space-8) var(--space-9);margin-inline:auto}.yubico-case-study-module__C4X4oW__caseStudyScope{--yubico-bg:var(--color-canvas);--yubico-text:var(--color-text-primary);--yubico-muted:var(--color-text-secondary);--yubico-border:var(--color-border);--yubico-shadow:#0000006b;--yubico-accent:#c09040;--yubico-accent-text:#d9b56a;--yubico-primary:var(--color-accent);--yubico-accent-line:color-mix(in oklch, var(--yubico-border), var(--yubico-accent) 34%);--case-study-accent:var(--yubico-accent);--case-study-accent-text:var(--yubico-accent-text);gap:var(--space-8);margin-top:var(--space-7);display:grid}.yubico-case-study-module__C4X4oW__content{gap:var(--space-5);display:grid}.yubico-case-study-module__C4X4oW__hero{isolation:isolate;border:1px solid color-mix(in oklch, var(--yubico-border), transparent 12%);background:radial-gradient(circle at 14% 18%, #dbaa0038, transparent 34%), radial-gradient(circle at 86% 72%, #4ca95f29, transparent 38%), linear-gradient(135deg, color-mix(in oklch, var(--yubico-bg), var(--yubico-accent) 9%), color-mix(in oklch, var(--yubico-bg), var(--yubico-primary) 5%) 48%, var(--yubico-bg));box-shadow:0 30px 90px -58px var(--yubico-shadow);border-radius:28px;gap:clamp(1.5rem,4vw,3rem);margin:0;padding:clamp(1.25rem,4vw,3rem);display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.yubico-case-study-module__C4X4oW__hero{background:radial-gradient(circle at 14% 18%, lab(72.4209% 10.0073 78.3277/.22), transparent 34%), radial-gradient(circle at 86% 72%, lab(62.3057% -41.0709 29.6015/.16), transparent 38%), linear-gradient(135deg, color-mix(in oklch, var(--yubico-bg), var(--yubico-accent) 9%), color-mix(in oklch, var(--yubico-bg), var(--yubico-primary) 5%) 48%, var(--yubico-bg))}}.yubico-case-study-module__C4X4oW__heroCopy{align-content:center;gap:var(--space-4);max-width:42rem;display:grid}.yubico-case-study-module__C4X4oW__eyebrow{color:var(--yubico-accent-text);font-size:var(--text-label);font-weight:800;line-height:var(--leading-label);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0}.yubico-case-study-module__C4X4oW__title{max-width:11ch;color:var(--yubico-text);letter-spacing:var(--tracking-title);text-wrap:balance;margin:0;font-size:clamp(3rem,8vw,5.75rem);font-weight:500;line-height:.94}.yubico-case-study-module__C4X4oW__summary{max-width:40rem;color:var(--yubico-muted);margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.yubico-case-study-module__C4X4oW__heroLink{width:fit-content;color:var(--yubico-text);font-size:var(--text-label);font-weight:800;line-height:var(--leading-label);letter-spacing:var(--tracking-label);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--yubico-accent), transparent 35%);text-decoration-color:color-mix(in oklch, var(--yubico-accent), transparent 35%);text-underline-offset:.24em;text-transform:uppercase;align-items:center;gap:.4rem;text-decoration-thickness:.08em;display:inline-flex}.yubico-case-study-module__C4X4oW__heroLink:hover,.yubico-case-study-module__C4X4oW__heroLink:focus-visible{color:var(--yubico-accent-text);text-decoration-color:currentColor}.yubico-case-study-module__C4X4oW__heroLink:focus-visible{outline:2px solid var(--yubico-accent);outline-offset:4px;border-radius:var(--radius-sm)}.yubico-case-study-module__C4X4oW__heroVisual{min-width:0}.yubico-case-study-module__C4X4oW__browserFrame{border:1px solid var(--yubico-border);background:linear-gradient(180deg, color-mix(in oklch, var(--yubico-bg), var(--yubico-primary) 4%), var(--yubico-bg)), var(--yubico-bg);box-shadow:0 26px 72px -48px var(--yubico-shadow);border-radius:18px;overflow:hidden}.yubico-case-study-module__C4X4oW__browserTop{border-bottom:1px solid var(--yubico-border);gap:.45rem;padding:.8rem;display:flex}.yubico-case-study-module__C4X4oW__browserTop span{background-color:color-mix(in oklch, var(--yubico-muted), transparent 46%);border-radius:999px;width:.62rem;height:.62rem}.yubico-case-study-module__C4X4oW__browserScreen{aspect-ratio:16/10;background-color:color-mix(in oklch, var(--yubico-bg), var(--yubico-primary) 4%);position:relative;overflow:hidden}.yubico-case-study-module__C4X4oW__heroImage{object-fit:cover;object-position:center top}.yubico-case-study-module__C4X4oW__heroMeta{border:1px solid color-mix(in oklch, var(--yubico-border), transparent 8%);background-color:color-mix(in oklch, var(--yubico-border), transparent 20%);border-radius:16px;grid-column:1/-1;grid-template-columns:1fr;gap:1px;margin:0;display:grid;overflow:hidden}.yubico-case-study-module__C4X4oW__heroMetaItem{background-color:color-mix(in oklch, var(--yubico-bg), transparent 16%);padding:.95rem 1rem}.yubico-case-study-module__C4X4oW__heroMetaLabel{color:var(--yubico-muted);letter-spacing:.11em;text-transform:uppercase;margin:0 0 .35rem;font-size:.67rem;font-weight:800}.yubico-case-study-module__C4X4oW__heroMetaValue{color:var(--yubico-text);overflow-wrap:anywhere;margin:0;font-size:.9rem;font-weight:700;line-height:1.45}.yubico-case-study-module__C4X4oW__pathLead{max-width:62ch;color:var(--yubico-muted)}.yubico-case-study-module__C4X4oW__pathGrid{counter-reset:finder-path;grid-template-columns:1fr;gap:.75rem;margin-top:.95rem;display:grid}.yubico-case-study-module__C4X4oW__pathCard{counter-increment:finder-path;border:1px solid var(--yubico-border);background:linear-gradient(180deg, color-mix(in oklch, var(--yubico-bg), var(--yubico-primary) 3%), var(--yubico-bg)), var(--yubico-bg);border-radius:12px;align-content:start;gap:.65rem;min-height:10rem;padding:1rem;display:grid;position:relative}.yubico-case-study-module__C4X4oW__pathCard:before{border:1px solid var(--yubico-accent-line);width:1.75rem;height:1.75rem;color:var(--yubico-accent-text);background-color:color-mix(in oklch, var(--yubico-bg), var(--yubico-accent) 8%);content:counter(finder-path, decimal-leading-zero);border-radius:999px;place-items:center;margin-bottom:.15rem;font-size:.66rem;font-weight:800;line-height:1;display:inline-grid}.yubico-case-study-module__C4X4oW__pathTitle{color:var(--yubico-text);margin:0;font-size:1rem;font-weight:700;line-height:1.35}.yubico-case-study-module__C4X4oW__pathText{color:var(--yubico-muted);margin:0;font-size:.92rem;line-height:1.65}.yubico-case-study-module__C4X4oW__questionLayout{grid-template-columns:1fr;gap:1.2rem;max-width:72ch;display:grid}.yubico-case-study-module__C4X4oW__nextStepLayout{grid-template-columns:1fr;align-items:start;gap:1.2rem;display:grid}.yubico-case-study-module__C4X4oW__nextStepLayout p{margin:0}.yubico-case-study-module__C4X4oW__routeList{counter-reset:route-step;border:1px solid var(--yubico-border);background-color:var(--yubico-border);border-radius:14px;gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.yubico-case-study-module__C4X4oW__routeItem{counter-increment:route-step;background-color:var(--yubico-bg);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding:.9rem 1rem;display:grid}.yubico-case-study-module__C4X4oW__routeItem:before{border:1px solid var(--yubico-accent-line);width:1.65rem;height:1.65rem;color:var(--yubico-accent-text);background-color:color-mix(in oklch, var(--yubico-bg), var(--yubico-accent) 7%);content:counter(route-step);border-radius:999px;place-items:center;font-size:.72rem;font-weight:800;line-height:1;display:inline-grid}.yubico-case-study-module__C4X4oW__routeContent{min-width:0}.yubico-case-study-module__C4X4oW__routeLabel{color:var(--yubico-text);font-size:.88rem;font-weight:700;line-height:1.35;display:block}.yubico-case-study-module__C4X4oW__routeText{color:var(--yubico-muted);margin-top:.2rem;font-size:.86rem;line-height:1.55;display:block}.yubico-case-study-module__C4X4oW__mediaPair{grid-template-columns:1fr;gap:1.1rem;margin-top:1.5rem;display:grid}.yubico-case-study-module__C4X4oW__technicalPanel{border:1px solid var(--yubico-border);background:linear-gradient(180deg, color-mix(in oklch, var(--yubico-bg), var(--yubico-primary) 3%), var(--yubico-bg)), var(--yubico-bg);border-radius:14px;gap:clamp(1rem,2.5vw,1.35rem);padding:clamp(1rem,3vw,1.5rem);display:grid}.yubico-case-study-module__C4X4oW__technicalList{gap:0;margin:0;padding:0;list-style:none;display:grid}.yubico-case-study-module__C4X4oW__technicalItem{border-bottom:1px solid var(--yubico-border);color:var(--yubico-muted);grid-template-columns:auto minmax(0,1fr);gap:.55rem;padding:.78rem 0;font-size:.95rem;line-height:1.65;display:grid}.yubico-case-study-module__C4X4oW__technicalItem:first-child{padding-top:0}.yubico-case-study-module__C4X4oW__technicalItem:last-child{border-bottom:0;padding-bottom:0}.yubico-case-study-module__C4X4oW__technicalItem:before{background-color:var(--yubico-accent-text);content:"";border-radius:999px;width:.38rem;height:.38rem;margin-top:.66rem}@media (min-width:40rem){.yubico-case-study-module__C4X4oW__pathGrid,.yubico-case-study-module__C4X4oW__heroMeta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:47.5rem){.yubico-case-study-module__C4X4oW__mediaPair{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:54rem){.yubico-case-study-module__C4X4oW__hero{grid-template-columns:minmax(0,.82fr) minmax(22rem,1fr);align-items:center}}@media (min-width:60rem){.yubico-case-study-module__C4X4oW__nextStepLayout{grid-template-columns:minmax(0,.86fr) minmax(18rem,.72fr);gap:1.5rem}.yubico-case-study-module__C4X4oW__heroMeta{grid-template-columns:repeat(4,minmax(7rem,1fr)) minmax(14rem,2fr)}}}