@font-face { font-family:'Catalog Bebas'; font-style:normal; font-weight:400; font-display:swap; src:url('../assets/fonts/bebas-neue-latin-400.woff2') format('woff2'); }
@font-face { font-family:'Catalog Knewave'; font-style:normal; font-weight:400; font-display:swap; src:url('../assets/fonts/knewave-latin-400.woff2') format('woff2'); }

.catalogue-page { position:relative; isolation:isolate; min-height:100vh; padding:42px 0 80px; background:#090a0f; }
.catalogue-page::before { content:''; position:absolute; z-index:0; inset:0; pointer-events:none; opacity:.025; mask-image:linear-gradient(#000,transparent 75%); }
.catalogue-layout { position:relative; z-index:1; max-width:1160px; display:grid; grid-template-columns:276px minmax(0,1fr); align-items:start; gap:19px; }
.catalogue-sidebar { display:grid; gap:13px; min-width:0; }
.catalogue-search-poster,.catalogue-filters,.catalogue-support-poster,.catalogue-card { border:1px solid #ffffff0b; border-radius:13px; background:#111218; box-shadow:0 17px 43px #0009,0 0 28px #4ac8dc1d; }
.catalogue-search-poster { position:relative; isolation:isolate; height:265px; overflow:hidden; background:radial-gradient(ellipse at 67% 50%,#28465145,transparent 55%),#13141b; }
.catalogue-search-poster::before { content:''; position:absolute; z-index:0; width:250px; height:220px; top:42px; right:-73px; background:linear-gradient(135deg,#3a9bad31,transparent); border-top:1px solid #72dbe769; transform:skew(-18deg) rotate(-9deg); }
.catalogue-search-poster::after { content:''; position:absolute; z-index:2; inset:0; background:linear-gradient(90deg,#101117a6,transparent 83%),linear-gradient(0deg,#101117dc,transparent 45%); pointer-events:none; }
.catalogue-poster-overline { position:absolute; z-index:4; top:18px; left:17px; color:#aacbd0; font:700 8px/1.2 var(--body); letter-spacing:.14em; }
.catalogue-search-poster>strong { position:absolute; z-index:4; top:47px; left:16px; font:400 72px/.76 'Catalog Bebas',var(--display); letter-spacing:-.015em; text-shadow:0 5px 15px #06070cd1; }
.catalogue-search-poster>strong>span { color:#83dce9; }
.catalogue-search-poster>img { position:absolute; z-index:1; width:475px; max-width:none; left:-107px; bottom:-14px; opacity:.56; filter:saturate(.6) brightness(.76); }
.catalogue-poster-shape { position:absolute; z-index:3; top:30px; right:-9px; width:170px; border-top:1px solid #83dce9ad; transform:rotate(-12deg); box-shadow:0 0 16px #61dbea61; }
.catalogue-filters { padding:20px 18px 18px; background:linear-gradient(145deg,#14151c,#0e1017); }
.catalogue-filter-toggle { display:none; }
.catalogue-filter-details { margin-top:20px; }
.catalogue-filter-group+.catalogue-filter-group { margin-top:20px; }
.catalogue-filter-title { display:flex; align-items:center; gap:9px; margin:0 0 11px; color:#e1e7eb; font:400 17px/1 'Catalog Bebas',var(--display); letter-spacing:.025em; }
.catalogue-filter-title>span { display:grid; place-items:center; flex:none; width:22px; height:22px; border-radius:50%; background:#233c47; color:#9be9f2; font:700 12px/1 var(--body); box-shadow:0 0 15px #56d0e338; }
.catalogue-filters input[type='search'] { width:100%; height:48px; padding:0 12px; border:1px solid #ffffff09; border-radius:5px; outline:0; background:#171820; color:#ecf6f8; font:600 16px var(--body); letter-spacing:.02em; }
.catalogue-filters input[type='search']::placeholder { color:#676d78; }
.catalogue-filters input[type='search']:focus { border-color:#66d4e08c; box-shadow:0 0 0 3px #61dbea13; }
.catalogue-filters input[type='range'] { --price-progress:100%; width:100%; height:4px; margin:15px 0 10px; appearance:none; border-radius:10px; background:linear-gradient(90deg,#80dfeb var(--price-progress),#383a45 var(--price-progress)); cursor:pointer; }
.catalogue-filters input[type='range']::-webkit-slider-thumb { width:12px; height:12px; appearance:none; border:3px solid #c4f5f7; border-radius:50%; background:#3dc4d7; box-shadow:0 0 12px #61dbeaa3; }
.catalogue-filters input[type='range']::-moz-range-thumb { width:8px; height:8px; border:3px solid #c4f5f7; border-radius:50%; background:#3dc4d7; box-shadow:0 0 12px #61dbeaa3; }
.catalogue-price-labels { display:flex; justify-content:space-between; color:#747985; font:600 9px/1 var(--body); }
.catalogue-filter-pills { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.catalogue-filter-pills+.catalogue-filter-pills { margin-top:10px; }
.catalogue-filter-pills>button { display:flex; align-items:center; justify-content:center; gap:6px; min-height:48px; padding:8px 10px; border:1px solid transparent; border-radius:20px; background:#191a22; color:#9097a2; font:700 10px/1.1 var(--body); text-align:center; text-transform:uppercase; transition:background .2s,color .2s,box-shadow .2s; }
.catalogue-filter-pills>button::before { content:''; flex:none; width:5px; height:5px; border-radius:50%; background:#56606c; }
.catalogue-filter-pills>button:hover { color:#eaf4f5; background:#242d34; }
.catalogue-filter-pills>button.is-active { border-color:#75d8e647; background:#23343b; color:#dcf7f8; box-shadow:0 0 15px #56d0e319; }
.catalogue-filter-pills>button.is-active::before { background:#91e7ef; box-shadow:0 0 8px #61dbea; }
.catalogue-filter-pills--type>button>span { color:#87c8d1; }
.catalogue-filter-bottom { display:flex; align-items:end; justify-content:space-between; gap:12px; margin-top:20px; padding-top:14px; border-top:1px solid #ffffff0e; }
.catalogue-filter-bottom>p { max-width:123px; color:#777d89; font:600 8px/1.35 var(--body); text-transform:uppercase; }
.catalogue-filter-bottom>button { flex:none; min-height:30px; padding:7px 12px; border:1px solid #5c8b9b5c; border-radius:20px; background:#1c2831; color:#c9edf0; font:700 9px var(--body); box-shadow:0 0 10px #52d4e411; }
.catalogue-filter-bottom>button:hover { border-color:#79dbe7; background:#284a54; }
.catalogue-results { min-width:0; }
.catalogue-results-heading { display:flex; align-items:end; justify-content:space-between; gap:15px; min-height:35px; margin-bottom:10px; }
.catalogue-results-heading>div:first-child>span { color:#6c93a0; font:700 8px var(--body); letter-spacing:.13em; }
.catalogue-results-heading h1 { margin-top:2px; font:400 27px/.88 'Catalog Bebas',var(--display); }
.catalogue-results-heading h1>span { color:#7fdbe6; }
.catalogue-results-tools { color:#a0a9b0; font:700 10px var(--body); }
.catalogue-framework-bar { display:flex; align-items:center; flex-wrap:wrap; gap:7px; min-height:48px; margin-bottom:14px; padding:8px 10px; border:1px solid #ffffff10; border-radius:10px; background:linear-gradient(105deg,#171b22e8,#111319e8); box-shadow:0 12px 28px #0007,0 0 22px #4ac8dc12; }
.catalogue-framework-bar__label { margin:0 auto 0 3px; color:#91aeb6; font:700 9px/1.1 var(--body); letter-spacing:.1em; white-space:nowrap; }
.catalogue-framework-bar__label>span { margin-left:5px; color:#65d7e4; }
.catalogue-framework-bar>button { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:48px; padding:8px 10px; border:1px solid transparent; border-radius:15px; background:#1c222b; color:#9da9b0; font:700 9px/1 var(--body); letter-spacing:.025em; white-space:nowrap; transition:background .2s,border-color .2s,color .2s; }
.catalogue-framework-bar>button>img { width:17px; height:17px; border-radius:3px; object-fit:cover; }
.catalogue-framework-bar>button:hover { background:#26343b; color:#edf9fa; }
.catalogue-framework-bar>button[aria-pressed='true'] { border-color:#76dbe760; background:#244049; color:#ddf8fa; box-shadow:0 0 14px #65d8e025; }
.catalogue-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.catalogue-card { min-width:0; overflow:hidden; background:linear-gradient(145deg,#171922f2,#111219f2); transition:transform .35s var(--ease),box-shadow .35s var(--ease); }
.catalogue-card:hover { transform:translateY(-4px); box-shadow:0 23px 45px #000a,0 0 28px #53bfd033; }
.catalogue-card__visual { display:block; height:226px; overflow:hidden; }
.catalogue-art { position:relative; isolation:isolate; height:100%; overflow:hidden; background:radial-gradient(ellipse at 72% 48%,#33485654,transparent 52%),#15161d; box-shadow:inset 0 0 90px #6bd8e414; }
.catalogue-art::after { content:''; position:absolute; z-index:3; inset:0; background:linear-gradient(90deg,#14151be0 0%,#14151b7d 41%,#14151b45 100%),linear-gradient(0deg,#14151bcf,transparent 42%); pointer-events:none; }
.catalogue-art__light { position:absolute; z-index:0; inset:0; background:radial-gradient(ellipse at 70% 35%,#7ad5e52b,transparent 44%); }
.catalogue-art__screen { position:absolute; z-index:1; display:block; width:67%; height:74%; overflow:hidden; border:1px solid #b6d4da1f; border-radius:5px; background:#222b33; box-shadow:0 10px 30px #05070dcc; }
.catalogue-art__screen>img { width:100%; height:100%; object-fit:cover; opacity:.64; filter:saturate(.5) brightness(.8); }
.catalogue-art__screen--one { top:-30%; right:14%; transform:rotate(-11deg); }
.catalogue-art__screen--two { top:17%; right:-15%; transform:rotate(10deg); }
.catalogue-art__screen--three { bottom:-48%; right:31%; transform:rotate(-12deg); }
.catalogue-art--collection .catalogue-art__screen--one { right:-3%; transform:rotate(11deg); }
.catalogue-art--collection .catalogue-art__screen--two { right:29%; transform:rotate(-9deg); }
.catalogue-art--collection .catalogue-art__screen--three { right:-8%; }
.catalogue-art__figure { position:absolute; z-index:1; width:125px; max-width:none; right:16%; bottom:-65px; opacity:.24; filter:saturate(.35) brightness(.65); }
.catalogue-art__notice { position:absolute; z-index:2; display:grid; gap:3px; width:53%; padding:9px 12px; border:1px solid #65b2c12e; border-radius:5px; background:#1b2832bf; color:#b7d4db; box-shadow:0 8px 21px #05070a8c; transform:rotate(-9deg); }
.catalogue-art__notice>b { color:#8ddde7; font:700 9px var(--body); letter-spacing:.1em; }
.catalogue-art__notice>small { font:500 8px var(--body); }
.catalogue-art__notice--one { top:14%; right:-5%; }
.catalogue-art__notice--two { top:47%; right:8%; transform:rotate(7deg); }
.catalogue-art__notice--three { bottom:-6%; right:-12%; transform:rotate(-3deg); }
.catalogue-art__top,.catalogue-art__copy,.catalogue-art__bottom { position:absolute; z-index:4; left:17px; }
.catalogue-art__top { top:15px; right:17px; display:flex; align-items:center; justify-content:space-between; gap:8px; color:#cad4d9; font:700 8px var(--body); letter-spacing:.1em; }
.catalogue-art__signature { display:inline-flex; align-items:center; gap:6px; }
.catalogue-art__signature>img { width:16px; height:16px; object-fit:contain; }
.catalogue-art__top>span:last-child { color:#9bc3cb; }
.catalogue-art__copy { top:57px; display:grid; justify-items:start; gap:5px; }
.catalogue-art__copy>strong { color:#f0f2f5; font:400 47px/.76 'Catalog Bebas',var(--display); letter-spacing:-.01em; text-shadow:0 4px 12px #05060bd6; }
.catalogue-art__copy>small { color:#a8d7dd; font:700 8px var(--body); letter-spacing:.13em; }
.catalogue-art__bottom { bottom:15px; color:#a4adb7; font:700 8px var(--body); letter-spacing:.13em; }
.catalogue-art__bottom>span { color:#78d5e0; padding:0 5px; }
.catalogue-card__body { display:flex; flex-direction:column; align-items:stretch; min-height:187px; padding:15px 17px 17px; }
.catalogue-card__headline { display:flex; align-items:start; justify-content:space-between; gap:8px; }
.catalogue-card h3 { font:400 27px/.9 'Catalog Bebas',var(--display); text-transform:uppercase; }
.catalogue-card h3>a:hover { color:#8ddce8; }
.catalogue-card__price { flex:none; max-width:110px; padding:5px 8px; border-radius:14px; background:#222a35; color:#c2eaf0; font:700 10px/1.1 var(--body); text-align:center; box-shadow:0 0 13px #63ccdf1c; }
.catalogue-card__body>p { margin-top:9px; color:#aab5bc; font:500 11px/1.45 var(--body); }
.catalogue-card__tags { display:flex; align-items:center; flex-wrap:wrap; gap:5px; min-height:28px; margin-top:10px; color:#b3d7dc; font:700 9px/1.1 var(--body); text-transform:uppercase; }
.catalogue-card__framework,.catalogue-card__inclusion { display:inline-flex; align-items:center; gap:5px; min-height:25px; padding:3px 7px 3px 4px; border:1px solid #6eaeba24; border-radius:5px; background:#1a2730a8; }
.catalogue-card__framework>img { display:block; width:18px; height:18px; border-radius:3px; object-fit:cover; }
.catalogue-card__framework--text,.catalogue-card__inclusion { padding:4px 8px; }
.catalogue-card__actions { display:flex; align-items:center; gap:8px; margin-top:auto; padding-top:15px; }
.catalogue-card__actions>a { display:grid; place-items:center; min-width:125px; min-height:32px; padding:8px 14px; border:1px solid #74c4d13d; border-radius:18px; background:#202b35; color:#e2f4f6; font:700 10px var(--body); box-shadow:0 0 16px #4cb7c724; transition:background .2s,box-shadow .2s; }
.catalogue-card__actions>a:hover { background:#2e6673; box-shadow:0 0 22px #53bfd04a; }
.catalogue-card__actions>button { display:grid; place-items:center; width:32px; height:32px; padding:0; border:1px solid #72c1ce41; border-radius:50%; background:#202b35; color:#b9e8ee; box-shadow:0 0 16px #4cb7c724; }
.catalogue-card__actions>button:hover { background:#2e6673; }
.catalogue-card__actions>button>.icon { width:14px; height:14px; }
.catalogue-card--collection { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; min-height:225px; }
.catalogue-card--collection .catalogue-card__visual { height:100%; min-height:225px; }
.catalogue-card--collection .catalogue-card__body { min-height:225px; padding:22px; }
.catalogue-card--collection .catalogue-card__body>p { max-width:320px; }
.catalogue-grid>.empty-state { grid-column:1/-1; display:grid; place-items:start; min-height:310px; padding:40px; border:1px solid #35414a; border-radius:13px; background:#14161c; }
.catalogue-grid .empty-icon>.icon { width:30px; height:30px; color:#80dce7; }
.catalogue-grid .empty-state h2 { margin-top:20px; font:400 42px/1 'Catalog Bebas',var(--display); }
.catalogue-grid .empty-state p { margin-top:10px; font-size:13px; }
.catalogue-grid .empty-state .btn { margin-top:25px; }
.catalogue-noscript { display:flex; flex-wrap:wrap; gap:14px; margin-top:20px; padding:20px; border:1px solid #30434c; }
.catalogue-noscript>p { width:100%; }
.catalogue-noscript>a { color:#8fdfeb; text-decoration:underline; }
.catalogue-end { display:flex; justify-content:space-between; gap:20px; margin-top:18px; padding-top:14px; border-top:1px solid #ffffff15; color:#77818b; font:700 8px var(--body); letter-spacing:.1em; }
.catalogue-end>a { color:#9dd9e1; letter-spacing:0; }

@media(max-width:1100px) {
  .catalogue-layout { grid-template-columns:250px minmax(0,1fr); gap:14px; }
  .catalogue-search-poster>strong { font-size:66px; }
  .catalogue-card__visual { height:195px; }
  .catalogue-art__copy>strong { font-size:43px; }
  .catalogue-framework-bar__label { width:100%; margin-bottom:2px; }
}
@media(max-width:900px) {
  .catalogue-layout { grid-template-columns:1fr; }
  .catalogue-sidebar { grid-template-columns:1fr 1fr; }
  .catalogue-search-poster { height:300px; }
  .catalogue-search-poster>strong { font-size:72px; }
  .catalogue-search-poster>img { width:520px; left:-90px; }
  .catalogue-support-poster { display:none; }
}
@media(max-width:650px) {
  .catalogue-page { padding:20px 0 65px; }
  .catalogue-sidebar { grid-template-columns:1fr; gap:11px; }
  .catalogue-search-poster { height:218px; }
  .catalogue-search-poster>strong { top:43px; font-size:62px; }
  .catalogue-search-poster>img { width:440px; left:-65px; bottom:-25px; }
  .catalogue-filters { padding:16px; }
  .catalogue-filter-toggle { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:48px; margin-top:11px; padding:8px 11px; border:1px solid #6b9ca84d; border-radius:6px; background:#1a252d; color:#cdebf0; font:700 10px var(--body); letter-spacing:.06em; }
  .catalogue-filter-toggle>span { color:#8ddce8; font-size:17px; line-height:1; transition:transform .2s; }
  .catalogue-filter-toggle[aria-expanded='true']>span { transform:rotate(45deg); }
  .catalogue-filter-details { display:none; margin-top:16px; }
  .catalogue-filter-details.is-open { display:block; }
  .catalogue-filter-group+.catalogue-filter-group { margin-top:15px; }
  .catalogue-filter-pills { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .catalogue-results-heading { margin-top:16px; }
  .catalogue-framework-bar { gap:6px; padding:9px; }
  .catalogue-framework-bar>button { flex:1 1 auto; }
  .catalogue-grid { grid-template-columns:1fr; }
  .catalogue-card__visual { height:215px; }
  .catalogue-art__copy>strong { font-size:50px; }
  .catalogue-card--collection { display:block; min-height:0; }
  .catalogue-card--collection .catalogue-card__visual { height:215px; min-height:0; }
  .catalogue-card--collection .catalogue-card__body { min-height:164px; padding:14px 17px 15px; }
  .catalogue-end { flex-direction:column; gap:8px; }
}
@media(max-width:350px) {
  .catalogue-search-poster>strong { font-size:57px; }
  .catalogue-art__copy>strong { font-size:46px; }
  .catalogue-card__price { font-size:9px; }
}

/* The catalog shares the landing page's type, cyan scene, and spacious rhythm. */
body[data-page='scripts'] { --container:1120px; --brand-cutout:polygon(0 0,100% 0,100% 32%,35% 32%,74% 100%,34% 100%); background:#0c0e12; }
body[data-page='scripts'] .site-header { border:0; background:#0c0e12f5; }
body[data-page='scripts'] .site-header:empty { min-height:76px; }
body[data-page='scripts'] .header-inner { min-height:76px; gap:28px; }
body[data-page='scripts'] .site-nav { gap:24px; }
body[data-page='scripts'] .site-nav a { padding-block:24px; }
.catalogue-page { padding:0 0 80px; background:#0c0e12; }
.catalogue-page::before { opacity:.018; }
.catalogue-hero { position:relative; isolation:isolate; height:540px; overflow:hidden; border-radius:6px; background:#0e1116; }
.catalogue-hero::before { content:''; position:absolute; inset:0 0 0 42%; background:radial-gradient(ellipse at 56% 42%,#319eaf1d,transparent 70%); pointer-events:none; }
.catalogue-hero__copy { position:relative; z-index:3; width:55%; padding:75px 0 0 40px; }
.catalogue-hero__eyebrow { color:#98abb3; font:600 9px/1.4 var(--body); letter-spacing:.15em; }
.catalogue-hero h1 { margin:24px 0 0; font:400 99px/.84 'Catalog Bebas',var(--display); letter-spacing:-.025em; text-wrap:nowrap; }
.catalogue-hero h1 em { display:inline-block; margin-right:8px; color:#80effb; font:400 57px/.9 'Catalog Knewave',var(--display); letter-spacing:-.05em; transform:rotate(-7deg) translateY(-13px); text-shadow:0 0 18px #4ddcf238; }
.catalogue-hero__copy>p { max-width:370px; margin-top:22px; color:#b7c5cb; font-size:13px; line-height:1.7; }
.catalogue-hero__action { display:inline-flex; align-items:center; justify-content:center; gap:26px; min-height:48px; margin-top:22px; padding:10px 23px; border:1px solid #a5f3fc; border-radius:999px; background-color:#61dbea; background-image:linear-gradient(180deg,#ffffff40,#ffffff00); color:#09262c; font:700 12px/1 var(--body); box-shadow:inset 0 1px 0 #e4fdff80,0 0 18px #4ddcf226; transition:background-color .18s,box-shadow .18s,transform .18s; }
.catalogue-hero__action:hover { background-color:#a5f3fc; box-shadow:0 0 24px #4ddcf24d; transform:translateY(-2px); }
.catalogue-hero__action>span { font-size:20px; line-height:1; }
.catalogue-hero__art { position:absolute; z-index:1; inset:0 0 0 51%; }
.catalogue-hero__shape { position:absolute; top:73px; left:22px; width:570px; height:340px; transform:rotate(13deg); filter:drop-shadow(0 0 26px #4edbed3d); }
.catalogue-hero__shape::before { content:''; display:block; width:100%; height:100%; border-radius:45px; background:linear-gradient(145deg,#b2f8ff,#63dcea 42%,#2e8eab); clip-path:var(--brand-cutout); }
.catalogue-hero__art>img { position:absolute; z-index:1; width:470px; max-width:none; left:65px; bottom:-252px; filter:saturate(.8) drop-shadow(-16px 15px 24px #0008); }
.catalogue-hero__art::after { content:''; position:absolute; z-index:2; inset:76% 0 0; background:linear-gradient(transparent,#0e1116); pointer-events:none; }
.catalogue-hero__art-label { position:absolute; z-index:3; right:22px; bottom:69px; color:#c8d2d6; font:600 8px var(--body); letter-spacing:.15em; }
.catalogue-hero__index { position:absolute; z-index:5; right:0; bottom:0; left:0; display:flex; align-items:center; gap:23px; min-height:54px; padding:0 40px; border-top:1px solid #ffffff1d; background:#0e1116e0; }
.catalogue-hero__index>span { margin-right:auto; color:#899da7; font:600 9px var(--body); letter-spacing:.14em; }
.catalogue-hero__index>a { display:inline-flex; align-items:center; gap:7px; min-height:44px; color:#c8d2d6; font:500 11px var(--body); white-space:nowrap; }
.catalogue-hero__index>a:hover { color:#80effb; }
.catalogue-hero__index b { color:#61dbea; font-size:9px; }
.catalogue-layout { max-width:1120px; grid-template-columns:276px minmax(0,1fr); gap:22px; padding-top:68px; }
.catalogue-search-poster,.catalogue-filters,.catalogue-support-poster,.catalogue-card { border-color:#28343b; border-radius:8px; box-shadow:0 18px 36px #0007; }
.catalogue-search-poster { background:radial-gradient(ellipse at 85% 40%,#327b8833,transparent 58%),#141b21; }
.catalogue-search-poster>strong { top:51px; font-size:78px; }
.catalogue-search-poster>img { opacity:.42; }
.catalogue-filters { background:#141a20; }
.catalogue-results-heading { align-items:end; min-height:47px; margin-bottom:18px; }
.catalogue-results-heading>div:first-child>span { color:#92aab3; font-size:9px; }
.catalogue-results-heading h2 { margin-top:7px; font:400 41px/.9 'Catalog Bebas',var(--display); }
.catalogue-results-heading h2>span { color:#61dbea; }
.catalogue-framework-bar { margin-bottom:17px; border-color:#28343b; border-radius:7px; background:#151b21; }
.catalogue-card { background:#161b22; }
.catalogue-card__visual { height:265px; }
.catalogue-art { background:#111b23; box-shadow:none; }
.catalogue-art::after { background:linear-gradient(90deg,#111b23d9 0%,#111b2380 39%,transparent 75%),linear-gradient(0deg,#10171edc,transparent 43%); }
.catalogue-art__shape { position:absolute; z-index:0; top:48px; right:-68px; width:340px; height:205px; border-radius:30px; clip-path:var(--brand-cutout); background:linear-gradient(140deg,#b0f5ff,#65dbe9 48%,#287d96); transform:rotate(13deg); box-shadow:0 0 30px #5dd9e844; }
.catalogue-art__glow { position:absolute; z-index:0; inset:0; background:radial-gradient(ellipse at 73% 43%,#6fe5f044,transparent 57%); }
.catalogue-art--garage-official,.catalogue-art--notify-official { background:#0a1822; }
.catalogue-art--garage-official::after,.catalogue-art--notify-official::after { background:linear-gradient(180deg,#0a1822c9,transparent 24%,transparent 77%,#0a1822d9); }
.catalogue-art--garage-official .catalogue-art__shape,.catalogue-art--notify-official .catalogue-art__shape { top:52px; right:-42px; width:275px; height:155px; opacity:.55; transform:rotate(9deg); }
.catalogue-art__product-panel { position:absolute; z-index:2; inset:27px -8px 18px; display:grid; place-items:center; overflow:hidden; background:#0a1822; }
.catalogue-art__product-panel::after { content:''; position:absolute; inset:-1px; pointer-events:none; background:linear-gradient(90deg,#0a1822 0%,#0a1822cc 5%,transparent 21%,transparent 79%,#0a1822cc 95%,#0a1822 100%),linear-gradient(180deg,#0a1822 0%,#0a1822a8 8%,transparent 25%,transparent 75%,#0a1822ae 93%,#0a1822 100%); }
.catalogue-art__product-panel>img { display:block; width:100%; height:100%; object-fit:cover; transform:scale(1.02); }
.catalogue-art__figure { position:absolute; z-index:1; width:245px; max-width:none; height:auto; right:13px; bottom:-220px; opacity:1; filter:saturate(.75) drop-shadow(-10px 9px 18px #0009); }
.catalogue-art--collection .catalogue-art__shape { top:45px; right:-60px; width:320px; height:175px; clip-path:polygon(0 0,100% 0,65% 100%,15% 85%); transform:rotate(11deg); }
.catalogue-art--collection .catalogue-art__figure { width:490px; right:-127px; bottom:-42px; opacity:.82; filter:saturate(.7) drop-shadow(-10px 9px 18px #0009); }
.catalogue-art__top { top:18px; left:21px; right:21px; color:#e9f4f6; font-size:9px; }
.catalogue-art__signature>img { width:20px; height:20px; }
.catalogue-art__top>span:last-child { color:#c4e7eb; }
.catalogue-art__copy { top:83px; left:22px; gap:12px; }
.catalogue-art__copy>strong { font-size:71px; line-height:.84; }
.catalogue-art__copy>small { max-width:185px; color:#bde6eb; font-size:9px; line-height:1.45; }
.catalogue-art__bottom { bottom:17px; left:21px; color:#c3d3d8; font-size:8px; }
.catalogue-art--collection .catalogue-art__copy { top:70px; }
.catalogue-art--collection .catalogue-art__copy>strong { font-size:62px; }
.catalogue-card__body { min-height:192px; padding:19px 20px 18px; }
.catalogue-card h3 { font-size:31px; }
.catalogue-card h3>a { display:inline-flex; align-items:center; min-height:48px; }
.catalogue-card__price { padding:6px 10px; background:#21333d; color:#d6faff; font-size:11px; }
.catalogue-card__actions>a { min-width:145px; min-height:48px; border-color:#a5f3fc; background-color:#61dbea; background-image:linear-gradient(180deg,#ffffff40,#ffffff00); color:#09262c; font-size:11px; box-shadow:inset 0 1px 0 #e4fdff80,0 0 18px #4ddcf226; }
.catalogue-card__actions>a:hover { background-color:#a5f3fc; background-image:linear-gradient(180deg,#ffffff40,#ffffff00); color:#09262c; box-shadow:0 0 24px #4ddcf24d; }
.catalogue-card__actions>button { width:48px; height:48px; border-color:#6cbfca55; background:#22323a; }
.catalogue-card__actions>button:hover { background:#346773; }
.catalogue-card--collection { min-height:265px; }
.catalogue-card--collection .catalogue-card__visual { min-height:265px; }
.catalogue-card--collection .catalogue-card__body { min-height:265px; padding:24px; }

@media(max-width:1100px) {
  .catalogue-hero h1 { font-size:86px; }
  .catalogue-hero h1 em { font-size:51px; }
  .catalogue-hero__art>img { left:35px; }
  .catalogue-layout { grid-template-columns:250px minmax(0,1fr); gap:17px; }
  .catalogue-card__visual { height:235px; }
}
@media(max-width:900px) {
  .catalogue-hero { height:510px; }
  .catalogue-hero__copy { width:60%; padding-left:30px; }
  .catalogue-hero h1 { font-size:72px; }
  .catalogue-hero h1 em { font-size:43px; }
  .catalogue-hero__art { left:48%; }
  .catalogue-hero__art>img { width:375px; left:30px; bottom:-200px; }
  .catalogue-hero__shape { width:430px; height:275px; left:5px; }
  .catalogue-hero__index { padding-inline:30px; }
  .catalogue-layout { grid-template-columns:1fr; padding-top:50px; }
  .catalogue-card__visual { height:235px; }
  .catalogue-search-poster>strong { font-size:76px; }
}
@media(max-width:650px) {
  .catalogue-hero { height:800px; }
  .catalogue-hero__copy { width:100%; padding:35px 24px 0; }
  .catalogue-hero h1 { margin-top:20px; font-size:72px; }
  .catalogue-hero h1 em { font-size:43px; }
  .catalogue-hero__copy>p { max-width:290px; margin-top:17px; font-size:12px; }
  .catalogue-hero__action { margin-top:19px; }
  .catalogue-hero__art { inset:340px 0 45px; }
  .catalogue-hero__shape { top:36px; left:43px; width:370px; height:260px; }
  .catalogue-hero__art>img { width:320px; left:34px; bottom:-105px; }
  .catalogue-hero__art-label { bottom:17px; }
  .catalogue-hero__index { gap:10px; min-height:50px; padding-inline:16px; }
  .catalogue-hero__index>span { display:none; }
  .catalogue-hero__index>a { flex:1; justify-content:center; gap:4px; min-height:48px; font-size:9px; }
  .catalogue-layout { gap:20px; padding-top:42px; }
  .catalogue-search-poster { height:205px; }
  .catalogue-search-poster>strong { top:51px; font-size:64px; }
  .catalogue-results-heading h2 { font-size:36px; }
  .catalogue-card__visual,.catalogue-card--collection .catalogue-card__visual { height:245px; min-height:245px; }
  .catalogue-art__copy>strong { font-size:66px; }
  .catalogue-art--collection .catalogue-art__copy>strong { font-size:58px; }
  .catalogue-card--collection .catalogue-card__body { min-height:192px; padding:19px 20px 18px; }
}
@media(max-width:370px) {
  .catalogue-hero h1 { font-size:62px; }
  .catalogue-hero h1 em { font-size:37px; }
  .catalogue-hero__art>img { left:7px; }
  .catalogue-art__copy>strong { font-size:59px; }
  .catalogue-art--notify-official .catalogue-art__product-panel>img { object-fit:contain; transform:scale(1.06); }
}

/* The recurring plan lives beside the two searchable scripts. */
.catalogue-hero { height:595px; }
.catalogue-hero__copy { padding-top:63px; }
.catalogue-hero h1 em { white-space:nowrap; }
.catalogue-subscription { position:relative; isolation:isolate; display:block; min-height:340px; overflow:hidden; border:1px solid #2b4650; border-radius:8px; background:radial-gradient(ellipse at 92% 52%,#3d9daf36,transparent 62%),#142029; box-shadow:0 18px 36px #0007; transition:border-color .2s,box-shadow .2s,transform .2s; }
.catalogue-subscription:hover { border-color:#74dce9; box-shadow:0 22px 42px #0009,0 0 24px #50d2e33d; transform:translateY(-3px); }
.catalogue-subscription::after { content:''; position:absolute; z-index:2; inset:0; background:linear-gradient(90deg,#101a20e8 0%,#101a2080 55%,transparent),linear-gradient(0deg,#0b131ae8 0%,transparent 40%); pointer-events:none; }
.catalogue-subscription__eyebrow { position:absolute; z-index:4; top:19px; left:18px; color:#a4dce4; font:700 8px/1.2 var(--body); letter-spacing:.13em; }
.catalogue-subscription>strong { position:absolute; z-index:4; top:50px; left:17px; font:400 61px/.81 'Catalog Bebas',var(--display); letter-spacing:-.015em; text-shadow:0 5px 16px #071018e0; }
.catalogue-subscription>strong>span { color:#6bdeeb; }
.catalogue-subscription__shape { position:absolute; z-index:0; top:40px; right:-75px; width:260px; height:170px; transform:rotate(11deg); clip-path:polygon(0 0,100% 0,100% 30%,35% 30%,74% 100%,32% 100%); background:linear-gradient(145deg,#a6f4fb,#4ebed0 60%,#246980); filter:drop-shadow(0 0 20px #4ddcf24b); }
.catalogue-subscription>img { position:absolute; z-index:1; width:435px; max-width:none; right:-142px; bottom:27px; opacity:.82; filter:saturate(.7) brightness(.82); }
.catalogue-subscription__bottom { position:absolute; z-index:5; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:73px; padding:12px 17px; border-top:1px solid #ffffff21; background:#111e25ed; }
.catalogue-subscription__bottom>span:first-child { display:grid; gap:2px; }
.catalogue-subscription__bottom b { color:#e7fbfe; font:600 17px/1 var(--body); letter-spacing:-.04em; }
.catalogue-subscription__bottom small { color:#a1cbd3; font:600 9px/1.3 var(--body); letter-spacing:.04em; text-transform:uppercase; }
.catalogue-subscription__arrow { display:grid; place-items:center; flex:none; width:35px; height:35px; border:1px solid #a5f3fc; border-radius:50%; background:#61dbea; color:#09262c; font:500 22px/1 var(--body); transition:transform .2s,background .2s; }
.catalogue-subscription:hover .catalogue-subscription__arrow { background:#a5f3fc; transform:translateX(3px); }
.catalogue-filters { background:#141d23; border-color:#2b3942; }
.catalogue-filters input[type='search'] { border-color:#2a3a42; background:#0e171c; color:#edf6f8; }
.catalogue-filters input[type='search']::placeholder { color:#84979f; }
.catalogue-filters input[type='search']:focus { border-color:#70d9e6; background:#101d23; }
.catalogue-filter-title>span { background:#223b44; color:#a9eef4; }
.catalogue-filter-title>span>svg { display:block; width:13px; height:13px; }
.catalogue-filter-pills>button { background:#1b2930; }
.catalogue-filter-pills>button:hover { background:#25404a; }
.catalogue-filter-bottom { border-top-color:#78c9d126; }
.catalogue-price-labels,.catalogue-filter-bottom>p { color:#a8bac2; }

@media(max-width:900px) {
  .catalogue-hero { height:565px; }
  .catalogue-hero__copy { padding-top:55px; }
  .catalogue-subscription { min-height:300px; }
}
@media(max-width:650px) {
  .catalogue-hero { height:855px; }
  .catalogue-hero__copy { padding-top:35px; }
  .catalogue-hero h1 em { font-size:38px; }
  .catalogue-hero__shape { top:76px; }
  .catalogue-subscription { min-height:330px; }
  .catalogue-subscription>img { width:510px; right:-128px; bottom:23px; }
  .catalogue-subscription__shape { right:-12px; width:290px; }
}
@media(max-width:370px) {
  .catalogue-hero h1 em { font-size:35px; }
  .catalogue-subscription>img { right:-175px; }
}

.catalogue-guide { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:24px; margin-top:34px; padding:28px; border:1px solid #34515b; border-radius:10px; background:radial-gradient(ellipse at 9% 12%,#3daac01c,transparent 53%),#121c22; }
.catalogue-guide__heading>span { color:#8dbdc7; font:700 9px/1.3 var(--body); letter-spacing:.14em; }
.catalogue-guide h2 { margin-top:14px; color:#eef8fa; font:400 42px/.91 'Catalog Bebas',var(--display); letter-spacing:.005em; }
.catalogue-guide h2>em { color:#69d8e7; font-style:normal; }
.catalogue-guide__copy { display:grid; align-content:start; gap:13px; }
.catalogue-guide__copy>p { color:#b7cbd1; font:400 12px/1.65 var(--body); }
.catalogue-guide__copy strong { color:#effbfc; font-weight:700; }
.catalogue-guide__links { display:flex; flex-wrap:wrap; gap:8px 18px; padding-top:3px; }
.catalogue-guide__links>a { display:inline-flex; align-items:center; min-height:44px; gap:7px; color:#91e0eb; font:700 11px/1.3 var(--body); }
.catalogue-guide__links>a:hover { color:#d2faff; }
@media(max-width:650px) {
  .catalogue-guide { grid-template-columns:1fr; gap:17px; margin-top:27px; padding:23px 20px; }
  .catalogue-guide h2 { font-size:39px; }
}