#collection-categories *{box-sizing:border-box;-webkit-font-smoothing:inherit}
#collection-categories h2,#collection-categories h3{margin:0}
#collection-categories h2.framer-text,#collection-categories h3.framer-text{margin:0;padding:0}
#collection-categories h2.framer-text,#collection-categories h3.framer-text{font-family:var(--framer-font-family-preview,var(--framer-blockquote-font-family,var(--framer-font-family,Inter, Inter Placeholder, sans-serif)));font-style:var(--framer-font-style-preview,var(--framer-blockquote-font-style,var(--framer-font-style,normal)));font-weight:var(--framer-font-weight-preview,var(--framer-blockquote-font-weight,var(--framer-font-weight,400)));color:var(--framer-blockquote-text-color,var(--framer-text-color,#000));font-size:calc(var(--framer-blockquote-font-size,var(--framer-font-size,16px)) * var(--framer-font-size-scale,1));letter-spacing:var(--framer-blockquote-letter-spacing,var(--framer-letter-spacing,0));text-transform:var(--framer-blockquote-text-transform,var(--framer-text-transform,none));-webkit-text-decoration-line:var(--framer-blockquote-text-decoration,var(--framer-text-decoration,initial));text-decoration-line:var(--framer-blockquote-text-decoration,var(--framer-text-decoration,initial));-webkit-text-decoration-style:var(--framer-blockquote-text-decoration-style,var(--framer-text-decoration-style,initial));text-decoration-style:var(--framer-blockquote-text-decoration-style,var(--framer-text-decoration-style,initial));-webkit-text-decoration-color:var(--framer-blockquote-text-decoration-color,var(--framer-text-decoration-color,initial));text-decoration-color:var(--framer-blockquote-text-decoration-color,var(--framer-text-decoration-color,initial));text-decoration-thickness:var(--framer-blockquote-text-decoration-thickness,var(--framer-text-decoration-thickness,initial));text-decoration-skip-ink:var(--framer-blockquote-text-decoration-skip-ink,var(--framer-text-decoration-skip-ink,initial));text-underline-offset:var(--framer-blockquote-text-decoration-offset,var(--framer-text-decoration-offset,initial));line-height:var(--framer-blockquote-line-height,var(--framer-line-height,1.2em));text-align:var(--framer-blockquote-text-alignment,var(--framer-text-alignment,start));-webkit-text-stroke-width:var(--framer-text-stroke-width,initial);-webkit-text-stroke-color:var(--framer-text-stroke-color,initial);-moz-font-feature-settings:var(--framer-font-open-type-features,initial);-webkit-font-feature-settings:var(--framer-font-open-type-features,initial);font-feature-settings:var(--framer-font-open-type-features,initial);font-variation-settings:var(--framer-font-variation-axes-preview,var(--framer-font-variation-axes,normal));text-wrap:var(--framer-text-wrap-override,var(--framer-text-wrap))}
#collection-categories h2.framer-text,#collection-categories h3.framer-text{background-color:var(--framer-blockquote-text-background-color,var(--framer-text-background-color,initial));border-radius:var(--framer-blockquote-text-background-radius,var(--framer-text-background-radius,initial));corner-shape:var(--framer-blockquote-text-background-corner-shape,var(--framer-text-background-corner-shape,initial));padding:var(--framer-blockquote-text-background-padding,var(--framer-text-background-padding,initial))}
#collection-categories .framer-160lene-container,#collection-categories .framer-azxjxf-container,#collection-categories .framer-gwj0nv-container,#collection-categories .framer-1dw1z3x-container,#collection-categories .framer-idwsj4-container{z-index:1;flex:none;width:auto;height:auto;position:relative}
#collection-categories .framer-ihc3yh{z-index:1;flex-flow:row;flex:none;place-content:flex-end space-between;align-items:flex-end;width:100%;max-width:1200px;height:min-content;padding:0;display:flex;position:relative;overflow:visible}
#collection-categories .framer-wc5f4k{--framer-text-wrap-override:balance;flex:none;width:270px;max-width:100%;height:auto;position:relative}
#collection-categories .framer-imdnr5{will-change:var(--framer-will-change-override,transform);border-radius:25px;flex:none;grid-template-rows:repeat(2,min-content);grid-template-columns:repeat(3,minmax(50px,1fr));grid-auto-rows:min-content;justify-content:center;gap:0;width:100%;max-width:1200px;height:min-content;padding:0;display:grid;position:relative;overflow:hidden}
#collection-categories .framer-ka9z19,#collection-categories .framer-epilsr{--border-bottom-width:1px;--border-color:var(--token-5e0b3b72-9a97-43f8-96f2-85d741f3d8ca,#141414);--border-left-width:0px;--border-right-width:1px;--border-style:solid;--border-top-width:0px;background-color:var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb,#000);flex-flow:column;flex:none;place-content:flex-start;place-self:center;align-items:flex-start;gap:25px;width:100%;height:480px;padding:25px;display:flex;position:relative;overflow:hidden}
#collection-categories .framer-79b956{--border-bottom-width:1px;--border-color:var(--token-5e0b3b72-9a97-43f8-96f2-85d741f3d8ca,#141414);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb,#000);flex-flow:column;flex:none;grid-column:span 2;place-content:flex-start;place-self:center;align-items:flex-start;gap:25px;width:100%;height:480px;padding:25px;display:flex;position:relative;overflow:hidden}
#collection-categories .framer-1t20jac{flex-flow:column;flex:none;place-content:center;place-self:center;align-items:center;gap:0;width:100%;height:480px;padding:0;display:flex;position:relative;overflow:visible}
#collection-categories .framer-pg2f79{--border-bottom-width:1px;--border-color:var(--token-5e0b3b72-9a97-43f8-96f2-85d741f3d8ca,#141414);--border-left-width:0px;--border-right-width:1px;--border-style:solid;--border-top-width:0px;background-color:var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb,#000);flex-flow:column;flex:1 0 0;place-content:flex-start;align-items:flex-start;gap:10px;width:100%;height:1px;padding:25px;display:flex;position:relative;overflow:visible}
#collection-categories .framer-pdir2o{--border-bottom-width:1px;--border-color:var(--token-c534b380-e14e-4ddc-9802-ad88d1f94f8e,#ffffff14);--border-left-width:0px;--border-right-width:1px;--border-style:solid;--border-top-width:0px;background-color:var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb,#000);flex-flow:column;flex:none;place-content:flex-start;align-items:flex-start;gap:25px;width:100%;height:50%;padding:25px;display:flex;position:relative;overflow:visible}
@media (max-width:809.98px) {
#collection-categories .framer-wc5f4k{width:180px}
#collection-categories .framer-imdnr5{grid-template-columns:repeat(1,minmax(50px,1fr))}
#collection-categories .framer-79b956{grid-column:span 1}
#collection-categories .framer-1t20jac{height:640px}
}
#collection-categories .framer-1XM2y.framer-fbfhdw{display:block}
#collection-categories .framer-1XM2y.framer-1yj9q62{cursor:pointer;flex-flow:row;place-content:center;align-items:center;gap:6px;width:min-content;height:min-content;padding:0;text-decoration:none;display:flex;position:relative;overflow:hidden}
#collection-categories .framer-1XM2y .framer-46btbc{white-space:pre;flex:none;width:auto;height:auto;position:relative}
#collection-categories .framer-1XM2y .framer-17vqbi5{flex-flow:row;flex:none;place-content:center flex-start;align-self:stretch;align-items:center;gap:0;width:min-content;height:auto;padding:1px 0 0;display:flex;position:relative;overflow:visible}
#collection-categories .framer-1XM2y .framer-1pqbd5p{aspect-ratio:1;flex:none;width:16px;height:auto;position:relative}
#collection-categories .framer-ooj1j{-webkit-mask:var(--framer-icon-mask);aspect-ratio:1;-webkit-mask:var(--framer-icon-mask);mask:var(--framer-icon-mask);width:20px;display:block}
/* Original Framer bento: source DOM, cell metrics, separators and arrow paths.
   Only the media, labels, light colors and approved six-cell count are adapted. */
#collection-categories{--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb:#fff;--token-5e0b3b72-9a97-43f8-96f2-85d741f3d8ca:rgba(0,0,0,.1);--token-26e3cb56-8447-4a64-9b7d-37f16a9909d4:#141414;width:100%;padding:120px 20px;display:flex;flex-direction:column;align-items:center;gap:40px}
#collection-categories,#collection-categories *{box-sizing:border-box}
#collection-categories h2,#collection-categories h3{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif!important;font-weight:400}
#collection-categories .collection-card{background:#fff!important;--border-color:rgba(0,0,0,.1)}
#collection-categories .collection-card__visual{position:relative;flex:1 0 0;align-self:stretch;min-height:0;overflow:hidden;mask-image:linear-gradient(#000 56.7113%,transparent 91.413%)}
#collection-categories .collection-card__visual>img,#collection-categories .collection-card__visual>video{display:block;width:100%;height:100%;object-fit:cover;object-position:left top;border-radius:0;pointer-events:none;mask-image:linear-gradient(270deg,transparent 3%,#000 42%)}
#collection-categories .collection-card--websites .collection-card__visual{margin:25px 0 0 25px}
#collection-categories .collection-card--websites video{width:100%;object-fit:cover}
#collection-categories .collection-card__caption{position:relative;flex:none;z-index:1}
#collection-categories .collection-card__caption h3{font-size:18px;line-height:1.35;letter-spacing:-.2px;margin:0}
#collection-categories .collection-card__caption svg{width:15px;height:15px;display:block;--1l3yetw:#141414}
#collection-categories .collection-card__caption a:focus-visible{outline:2px solid #171717;outline-offset:4px}
#collection-categories video::-webkit-media-controls,#collection-categories video::-webkit-media-controls-start-playback-button{display:none!important}
@media(max-width:809px){#collection-categories{padding:60px 20px}#collection-categories .collection-card--websites{grid-column:auto}#collection-categories .collection-card--websites .collection-card__visual{margin:0}#collection-categories .framer-imdnr5{grid-template-columns:1fr}}
#collection-categories [data-border=true]:after{content:"";border-width:var(--border-top-width,0) var(--border-right-width,0) var(--border-bottom-width,0) var(--border-left-width,0);border-color:var(--border-color,none);border-style:var(--border-style,none);box-sizing:border-box;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}
#collection-categories h2{font-size:44px!important;line-height:1.1!important;letter-spacing:-.04em;font-weight:500;margin:0}
@media(max-width:809px){#collection-categories h2{font-size:32px!important}}
#collection-categories .collection-grid::after{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.1);border-radius:inherit;pointer-events:none;z-index:2}

/* Keep the captured app visible; blend only its outer edges into the card. */
#collection-categories .collection-card--webapps .collection-card__visual{mask-image:linear-gradient(#000 78%,transparent 100%)}
#collection-categories .collection-card--webapps .collection-card__visual>img{object-position:left top;mask-image:linear-gradient(90deg,#000 78%,transparent 100%)}
/* Japanese headings should wrap at phrases, never at the source's 180px label width. */
#collection-categories .framer-wc5f4k{width:auto;max-width:100%}
#collection-categories h2{word-break:keep-all;overflow-wrap:normal}
@media(max-width:809.98px){#collection-categories .framer-1t20jac{height:480px}}