@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font:14px/1.65 'Manrope',Arial,sans-serif;color:#172033;background:#f4f3f0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6747ad;outline-offset:5px}.catalogue-header{max-width:1500px;margin:auto;padding:28px 4vw;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #d9d7d2;font-size:12px}.studio-brand{font-weight:800;line-height:.92;letter-spacing:-.07em;font-size:25px}.talk{border:1px solid #c9c4d2;border-radius:30px;padding:10px 18px}main{max-width:1500px;margin:auto;padding:0 4vw}.catalogue-intro{padding:55px 0 35px}.overline{font-size:10px;font-weight:700;letter-spacing:.14em;color:#675080;margin:0 0 18px}.catalogue-intro h1{font-size:clamp(40px,4.4vw,68px);line-height:1.08;letter-spacing:-.065em;font-weight:600;margin:0 0 20px}.catalogue-intro>p:last-child{max-width:600px;font-size:14px;color:#535a67;margin:0}.catalogue-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 35px;padding:6px;background:#e8e6e1;border-radius:12px}.catalogue-tabs button{display:flex;align-items:center;gap:15px;padding:17px 20px;border:0;border-radius:8px;color:#444b58;background:transparent;text-align:left;font-size:16px;font-weight:700;transition:background .2s,box-shadow .2s}.catalogue-tabs button>span{font-size:10px;font-weight:500;opacity:.6}.catalogue-tabs small{font-size:10px;font-weight:500;margin-left:auto;opacity:.7}.catalogue-tabs [aria-selected=true]{background:#fff;color:#172033;box-shadow:0 2px 9px #171f3310}.industry-panel[hidden]{display:none}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin:0 0 20px}.panel-heading h2{font-size:23px;letter-spacing:-.04em;font-weight:600;margin:0}.panel-heading p{font-size:11px;color:#606570;margin:0}.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.catalogue-card{min-width:0;background:white;border:1px solid #dad8d2;border-radius:10px;overflow:hidden;box-shadow:0 5px 18px #151a2205}.card-level{padding:20px 22px;display:flex;align-items:baseline;gap:12px;border-bottom:1px solid #e5e3df}.card-level>span:first-child{font-size:11px;color:#737987}.card-level h3{font-size:26px;font-weight:600;line-height:1;margin:0;letter-spacing:-.055em}.level-subtitle{font-size:10px;margin-left:auto;color:#626978}.level-3{border-color:#8e78ae}.level-3 .card-level{background:#30234e;color:#fff;border-color:#30234e}.level-3 .card-level>span{color:#d3c7e4}.card-preview{height:250px;display:block;background:#efefec;position:relative;overflow:hidden;border-bottom:1px solid #e6e3df;padding-top:20px}.browser-dots{position:absolute;top:0;left:0;right:0;height:20px;background:#f4f3f1;display:flex;align-items:center;gap:4px;padding-left:10px;z-index:1;border-bottom:1px solid #ddd}.browser-dots i{height:5px;width:5px;border-radius:50%;background:#bbb}.card-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s}.card-preview:hover img{transform:scale(1.035)}.preview-open{position:absolute;bottom:13px;right:13px;padding:8px 12px;border-radius:20px;background:#172033;color:#fff;font-size:10px;box-shadow:0 2px 7px #0002}.card-body{padding:23px}.project-name{font-size:10px;font-weight:700;letter-spacing:.1em;color:#6c607b}.card-body h4{font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.045em;margin:12px 0 12px}.card-body>p{font-size:12px;line-height:1.7;color:#5a606c;min-height:44px;margin:0 0 18px}.card-body details{font-size:11px;color:#555d69;min-height:30px;margin-bottom:20px}.card-body summary{cursor:pointer;color:#273044;font-weight:600;padding:5px 0}.card-body details p{line-height:1.8}.open-project{display:flex;justify-content:space-between;align-items:center;background:#172033;color:#fff;font-size:12px;font-weight:600;padding:13px 16px;border-radius:5px;transition:background .2s}.open-project:hover{background:#35425c}.level-3 .open-project{background:#674a94}.level-3 .open-project:hover{background:#48346c}.catalogue-note{margin:40px 0 60px;padding:25px 30px;border:1px solid #d9d6ce;border-radius:8px;display:grid;grid-template-columns:1fr auto;gap:10px 30px}.catalogue-note strong{font-size:13px}.catalogue-note p{font-size:11px;color:#606674;max-width:850px;margin:0;grid-column:1}.catalogue-note a{font-size:11px;font-weight:600;text-decoration:underline;grid-column:2;grid-row:1/3;align-self:center}footer{max-width:1500px;margin:auto;display:flex;justify-content:space-between;gap:25px;padding:28px 4vw;border-top:1px solid #d9d7d2;font-size:10px;color:#626978}footer>a:first-child{font-weight:800;color:#172033}
@media(min-width:1500px){.card-preview{height:285px}}@media(max-width:950px){.catalogue-tabs small{display:none}.catalogue-tabs button{padding:15px;gap:10px;font-size:14px}.catalogue-grid{gap:14px}.card-level{padding:17px}.card-level h3{font-size:23px}.level-subtitle{display:none}.card-body{padding:20px 17px}.card-body h4{font-size:20px}.card-body>p{min-height:65px}.card-preview{height:210px}.panel-heading p{font-size:10px}}@media(max-width:680px){.catalogue-header{padding:22px 6vw;font-size:10px}.studio-brand{font-size:22px}.catalogue-header .talk{display:none}main{padding:0 6vw}.catalogue-intro{padding:35px 0 28px}.catalogue-intro h1{font-size:42px}.catalogue-intro>p:last-child{font-size:12px}.overline{font-size:8px}.catalogue-tabs{gap:3px;margin-bottom:25px;padding:4px}.catalogue-tabs button{justify-content:center;padding:13px 4px;font-size:12px;gap:0}.catalogue-tabs button>span{display:none}.panel-heading{display:block;margin-bottom:22px}.panel-heading h2{font-size:23px;margin-bottom:7px}.panel-heading p{font-size:11px;max-width:290px}.catalogue-grid{grid-template-columns:1fr;gap:25px}.card-level{padding:18px 21px}.card-level h3{font-size:28px}.card-level>span:first-child{font-size:12px}.level-subtitle{display:block;font-size:10px}.card-preview{height:245px}.card-body{padding:24px}.card-body h4{font-size:25px}.card-body>p{min-height:0;font-size:13px}.card-body details{font-size:12px}.open-project{font-size:14px;padding:15px 17px}.preview-open{font-size:11px}.catalogue-note{display:block;padding:22px;margin-top:30px}.catalogue-note p{font-size:11px;margin:12px 0 15px}.catalogue-note a{display:inline-block}footer{padding:25px 6vw;flex-wrap:wrap;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(min-width:681px){.catalogue-header{padding-top:22px;padding-bottom:22px}.catalogue-intro{padding-top:32px;padding-bottom:27px}.catalogue-intro h1{font-size:clamp(40px,3.8vw,60px)}.catalogue-tabs{margin-bottom:27px}.card-preview{height:235px}}