@charset "UTF-8";html{box-sizing:border-box;scroll-behavior:smooth;scrollbar-gutter:stable}*,*:before,*:after{box-sizing:inherit;margin:0}body{line-height:1.5;text-rendering:optimizeLegibility;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}section{position:relative}.masked{overflow:hidden;position:relative}body.home{background-color:#3c1e7f}a{user-select:none}ul,ol{list-style:none;margin:0;padding:0}iframe{border:none;width:100%;margin:0}.visually-hidden{display:none}@media(hover:none){*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}}html{--layoutWidthMax: 1080px;--columnPaddingNormal: 16px;--columnCountMax: 2;--layoutWidth: 100%}@media(min-width:600px){html{--columnCountMax: 3}}@media(min-width:900px){html{--columnCountMax: 4}}@media(min-width:1130px){html{--layoutWidth: var(--layoutWidthMax)}}:root{--grad: -4deg;--color-white: rgb(255, 255, 255);--color-white-500: rgba(255, 255, 255, .2);--color-white-light: rgba(255, 255, 255, .05);--color-yellow: rgb(238, 184, 83);--ease: cubic-bezier(.22, 1, .36, 1);--text-ease: cubic-bezier(.12, 1, .6, 1)}:root{--fontSizeModifier: 1}body{font-size:100%;font-family:sans-serif}h1,h2,h3,h4,h5,h6,nav{font-family:Gilroy Bold;font-style:normal;font-weight:600;color:var(--color-white)}h1{font-size:6rem;line-height:100%;font-weight:170;letter-spacing:-.2rem}h2{font-size:2rem;font-weight:140}h3{font-size:1.5rem;font-weight:130}p{font-family:Gilroy Regular;font-size:1.25rem;font-weight:85;line-height:1.5}p strong{font-weight:135}.caption{font-size:1rem}@font-face{font-family:Gilroy Regular;src:url(/assets/fonts/Gilroy-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:Gilroy SemiBold;src:url(/assets/fonts/Gilroy-SemiBold.otf) format("opentype");font-style:normal;font-weight:500}@font-face{font-family:Gilroy Bold;src:url(/assets/fonts/Gilroy-Bold.ttf) format("truetype");font-style:normal;font-weight:600}@font-face{font-family:Barlow Condensed;src:url(/assets/fonts/BarlowCondensed-SemiBold.ttf) format("truetype");font-style:normal;font-weight:600}.section-content{max-width:var(--layoutWidth);margin:0 auto}.nav{container-name:navigation;container-type:size;max-width:calc(var(--columnPaddingNormal) * 2 + var(--layoutWidth));margin:0 auto;padding:64px var(--columnPaddingNormal)}#menu--logo{width:24px;height:100%;max-width:122px;transition:width .2s var(--ease)}.nav--menu{--textSize: .85rem;display:flex;flex-direction:row;align-items:center;gap:5px}.nav--menu li,.nav--menu a{display:flex;align-items:center;position:relative;height:40px}.nav--menu li:not(:last-child):before{position:absolute;left:100%;transform:translateY(-1px);content:"";background:var(--color-yellow);width:5px;height:5px;border-radius:50%;margin:0 auto}.nav--menu .nav-text a{text-decoration:none;text-transform:uppercase;font-weight:600;font-size:var(--textSize);line-height:var(--textSize);letter-spacing:.05rem;color:var(--color-white);height:16px;transition:all 1.2s var(--ease)}.nav--menu li:nth-of-type(2){order:1;flex-grow:1;justify-content:start}.nav--menu li:nth-of-type(3){order:2;flex-grow:2;justify-content:center}.nav--menu li.nav--logo{order:3;flex-grow:2;justify-content:center}.nav--menu li:nth-of-type(4){order:4;flex-grow:2;justify-content:center}.nav--menu li:nth-of-type(5){order:5;flex-grow:1;justify-content:end}@media(min-width:600px){#menu--logo{width:122px}.nav--menu{--textSize: 1rem}}:root{--guideDashedColor: rgba(227, 224, 239, .1);--guideSolidColor: rgba(227, 224, 239, .08)}:root .case-study{--guideDashedColor: rgba(227, 224, 239, .5);--guideSolidColor: rgba(227, 224, 239, .5)}.section--content{max-width:var(--layoutWidth);margin:0 auto;overflow:hidden}.section--backgroundMask{position:absolute;top:0;width:100%;height:100%;overflow:hidden}.section--background{position:relative;height:100%;overflow:hidden}.guides{position:absolute;height:100%;width:100%;top:0;left:0;padding:0 var(--columnPaddingNormal);pointer-events:none}.guides .guides--container{display:grid;grid:1fr/repeat(var(--columnCountMax),1fr);position:relative;max-width:var(--layoutWidth);transition:all .4s var(--ease);height:100%;margin:0 auto}.guides .guides--container .guides--guide{width:1px;background:linear-gradient(180deg,var(--guideDashedColor),var(--guideDashedColor) 50%,transparent 0,transparent);background-size:1px 8px}.guides .guides--container .guides--guide:first-of-type{background:var(--guideSolidColor)}.guides .guides--container .guides--guide:last-of-type{background:var(--guideSolidColor);position:absolute;top:0;right:0;height:100%}.footer canvas{display:block;background-color:#ffffff1a;width:430px;max-width:100%;height:328px;margin:64px auto 0}.footer .footer--section{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;z-index:1}.footer .footer--centered{position:relative;max-width:100vw;width:calc(var(--columnPaddingNormal) * 2 + var(--layoutWidth));padding:0 var(--columnPaddingNormal)}.footer .footer--navigation{padding:16px 0;background-color:var(--color-white-light)}.footer .footer--info{background:#3000584d}.footer .footer--info .footer--centered{padding-top:64px}.footer .footer--info .logo{width:154px;height:42px}.footer .footer--available-space{display:flex;flex-direction:column;align-items:center;gap:24px}.footer .nav--menu{width:100%}.footer .nav--menu li{flex-grow:1}.footer .nav--menu li:nth-of-type(2){justify-content:center;flex-grow:2}.footer .nav--menu li:nth-of-type(3){flex-grow:2}.footer .nav--menu li:nth-of-type(4){justify-content:end}.footer .footer--copyright{color:var(--color-white-500);font-family:Gilroy Bold;font-size:600;order:3;text-align:center}.footer .social-links{display:flex;flex-direction:row;gap:32px}.footer .social-links a{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;width:48px;height:48px;border:2px solid var(--color-white-500);border-radius:50%}.footer .social-links .footer--icons{display:block;width:20px;height:20px}.footer .social-links .icon-mastodon{background:url(/assets/icons/ico-mastodon.svg)}.footer .social-links .icon-instagram{background:url(/assets/icons/ico-instagram.svg)}.footer .social-links .icon-dribbble{background:url(/assets/icons/ico-dribbble.svg)}.footer .social-links .icon-linkedin{background:url(/assets/icons/ico-linkedin.svg)}@media(min-width:600px){.footer .footer--available-space{justify-content:space-between;flex-direction:row}.footer .nav--menu{--textSize: 1rem}.footer .footer--copyright{order:unset;text-align:left}.footer .social-links{gap:8px}.footer .social-links a{width:42px;height:42px}}@media(min-width:900px){.footer canvas{display:block;position:absolute;bottom:0;right:-122px}.footer .footer--available-space{max-width:66.66%}.footer .footer--info .footer--centered{padding-bottom:64px}}.animated-title{font-size:5rem;line-height:100%}.line{display:block;overflow:hidden}.text{display:inline-block;transform:translateY(100%);animation:slideUp 1s;animation-timing-function:var(--text-ease);animation-fill-mode:forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}@keyframes slideUp{to{transform:translateY(0)}}section.cards-section{height:650px;padding:1rem;scroll-padding:1rem;margin-bottom:80px;display:grid;grid-auto-flow:column;gap:1.2rem;align-items:center;anchor-name:--carousel;container-type:inline-size;overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}section.cards-section:before,section.cards-section:after{content:"";display:block;inline-size:50cqi}section.cards-section::scroll-button(*){cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;z-index:1;position-anchor:--carousel;font-size:1.25rem;text-box:trim-both;inline-size:44px;margin:1rem;font-family:Gilroy Regular;color:#fff;line-height:.8rem;display:flex;place-items:center;place-content:center;aspect-ratio:1;background:none;border:1px solid #dee2e6;border-radius:50%;transition:transform .3s var(--ease),opacity .5s var(--ease),background-color .3s var(--ease),outline-offset .25s var(--ease)}section.cards-section::scroll-button(*):disabled{opacity:25%;cursor:not-allowed}section.cards-section::scroll-button(left){--_inner: center span-inline-end;--_inner-under: block-end span-inline-end;--_inner-over: block-start span-inline-end;--_outer: inline-start center;--_outer-under: block-end inline-start;--_outer-over: start;position-area:inline-start center;content:url(/assets/icons/ic-arrow-back-24px.svg)}section.cards-section::scroll-button(right){--_inner: center span-inline-start;--_inner-under: block-end span-inline-start;--_inner-over: block-start span-inline-start;--_outer: inline-end center;--_outer-under: end;--_outer-over: block-start inline-end;position-area:inline-end center;content:url(/assets/icons/ic-arrow-forward-24px.svg)}section.cards-section{scroll-marker-group:after}section.cards-section::scroll-marker-group{display:flex;width:100%;height:40px;overflow:auto;justify-content:center;gap:8px}section.cards-section .carousel-slide{container-type:scroll-state;scroll-snap-align:center;scroll-snap-stop:always}section.cards-section .carousel-slide::scroll-marker{width:20px;height:12px;content:""/attr(data-label);scroll-snap-align:center;border-radius:6px;cursor:pointer;transition:opacity .3s var(--ease);interactivity:auto}section.cards-section .carousel-slide::scroll-marker{outline:none;border:none;opacity:.2;background:#fff;transition:opacity .5s,width .5s}section.cards-section .carousel-slide::scroll-marker:target-current{opacity:1;width:100px}@container scroll-state(snapped: inline){section.cards-section .card{height:600px}section.cards-section .card header{bottom:80px}section.cards-section .card .card-number{color:#fff;font-size:20px}section.cards-section .card .card-number:after{margin-top:8px;height:2px;background-color:#fed869}section.cards-section .card .card-bg{top:0;border-radius:20px;width:100%;height:100%}section.cards-section .card .card-title{margin:24px 0 0;font-size:48px;line-height:44px}section.cards-section .card .card-type{opacity:0}section.cards-section .card .card-number,section.cards-section .card h2,section.cards-section .card h3,section.cards-section .card button,section.cards-section .card p{user-select:none}section.cards-section .card p{opacity:0}section.cards-section .card .card-button{opacity:1;height:56px;transform:translateY(0)}}section.cards-section::scroll-button(right),section.cards-section::scroll-button(left){position-area:var(--_inner-under)}.card{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:240px;height:500px;background-color:#2050d6;border-radius:20px;overflow:clip;padding:32px;align-content:end;user-select:none;will-change:height;transform-origin:center center;transition:height .4s var(--ease)}.card header{position:absolute;bottom:300px;z-index:10;transition:bottom .4s var(--ease);width:175px}.card .card-bg{position:absolute;top:220px;align-self:center;width:175px;height:175px;background-size:cover;background-position:center;border-radius:24px;transform-origin:center center;transform:scale(1);will-change:top,border-radius,height,width;transition:all .2s var(--ease)}.card #card-bg-01{background-image:url(/assets/images/cards/card-bg-01.png)}.card #card-bg-02{background-image:url(/assets/images/cards/card-bg-02.png)}.card #card-bg-03{background-image:url(/assets/images/cards/card-bg-03.png)}.card-number{display:block;transition:all ease-in-out .3s;color:#fed869;font-family:Barlow Condensed;font-style:normal;font-weight:600;font-size:30px;line-height:30px;width:fit-content}.card-number:after{margin-top:24px;content:"";display:block;height:3px;border-radius:2px;background-color:#3668eb;transition:all var(--ease) .2s}h2,h3,button{transition:all var(--ease) .22s}.card-title{margin:36px 0 0;color:#fff;font-weight:700;font-size:26px;letter-spacing:-.04em}.card-type{margin:8px 0 0;text-transform:uppercase;color:#a4e8fd;font-size:14px;font-weight:600}.card-footer{z-index:99;font-family:Gilroy SemiBold;position:absolute;bottom:36px}.card-footer p{max-width:175px;font-size:15px;font-weight:600;line-height:22px;margin:0;color:#c8e8fd;opacity:.8;transition:all var(--ease) .1s}.card-button{will-change:transform;transition:background-color var(--ease) 1s,outline-width var(--ease) 1s;transform:translateY(-56px);cursor:pointer;opacity:0;padding:0;display:flex;align-items:center;gap:0;font-family:Gilroy Bold;font-weight:800;color:#ea6449;background-color:#fed869;border:4px solid #fecb53;border-radius:12px;height:0;width:100%;text-align:center;font-size:16px;letter-spacing:.02em;text-transform:uppercase;outline-style:solid;outline-color:#321ea01a;outline-width:5px}.card-button:hover{background-color:#fbecbc;outline-width:2px;border-color:#fed869}.card-button:hover span{background-color:#fed869}.card-button i{font-style:normal;width:100%;text-box:trim-both cap alphabetic}.card-button span{transition:background-color var(--ease) 1s;display:flex;align-items:center;justify-content:center;width:50px;height:100%;background-color:#fecc53}.Stripe{background-color:#fff3;position:absolute;bottom:0;width:100%;height:200px;transform-origin:0 100%;transform:skewY(-12deg);will-change:transform;z-index:0}.case-study{display:flex;justify-content:center;transition:all .4s var(--ease)}.case-study h2,.case-study h3,.case-study h4,.case-study h5{font-family:Gilroy SemiBold,sans-serif}.case-study p,.case-study blockquote{font-family:Gilroy Regular,sans-serif}.case-study h4{margin-top:60px;margin-bottom:20px;font-size:1.25em}.case-study article{position:relative;width:100%}.case-study header{display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:400px;padding:24px;color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;transition:all .4s var(--ease);position:relative}.case-study header .upper-header,.case-study header .lower-header{position:relative;z-index:1}.case-study header.header--dark-text{color:#000}.case-study header.header--dark-text .title{color:#000}@media(max-width:550px){.case-study header.header--dark-text:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffffd9,#fff9 65%,#ffffff26);pointer-events:none}}.case-study header .upper-header{display:flex;font-family:Gilroy SemiBold,sans-serif;justify-content:space-between;padding-bottom:20px}.case-study header .upper-header .mini-title{font-size:1.125rem;letter-spacing:.4rem;text-transform:uppercase;opacity:.9}.case-study header .lower-header{padding-top:50px}.case-study header .lower-header .tags-container{display:flex;align-items:center;letter-spacing:.1ch;opacity:.75;margin-bottom:12px;font-family:Gilroy Regular,sans-serif}.case-study header .lower-header .tags-container .tag{padding:8px 16px;margin-right:8px;border-radius:16px;background-color:#ffffff1a}.case-study header .lower-header .tags-container svg{width:20px;margin-right:10px}.case-study header .lower-header .tags-container span{font-size:.875rem}.case-study header .lower-header .title{margin:20px 0;font-size:3rem;font-weight:700;opacity:.9}.case-study header .lower-header .subtitle{width:100%;margin:10px 0 0;opacity:.75;line-height:1.75}.case-study .summary{display:flex;flex-direction:column;gap:24px;margin:32px 20px;padding:24px;border-radius:16px;box-shadow:0 0 0 1px #f2f2f2}.case-study .summary .summary-item{width:100%}.case-study .summary .summary-item .item-title{color:#999;font-size:1rem;margin:0 0 .5rem}.case-study .summary .summary-item .item-text{font-size:1.3rem;line-height:1.5rem;font-weight:600;color:var(--text);margin:0}.case-study .columns{display:flex;flex-direction:column;flex-flow:column-reverse}.case-study .main-article{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1130px;padding:24px;margin:0 auto}.case-study .main-article h4,.case-study .main-article p{width:100%;max-width:45rem;text-align:justify;text-justify:inter-word}.case-study .main-article p{padding:0;margin-bottom:20px;color:#454854;font-size:1.2em}@media(min-width:550px){.case-study a:before{content:"";display:inline-block;transform-origin:50% 100%;background:#d3d3d1;transition:clip-path .3s ease 0s,transform .3s cubic-bezier(.2,1,.8,1) 0s;position:absolute;width:100%;height:1px;top:100%;left:0;pointer-events:none;clip-path:polygon(0% 0%,0% 100%,50% 100%,50% 0px,50% 0px,50% 100%,50% 100%,0px 100%,100% 100%,100% 0%)}.case-study a:hover:before{display:inline-block;transform:translate3d(0,2px,0) scale3d(1,2,1);background:#04a5bb;clip-path:polygon(0% 0%,0% 100%,50% 100%,50% 0px,50% 0px,50% 100%,50% 100%,0px 100%,100% 100%,100% 0%)}}@media(max-width:600px){.case-study .bom-table th,.case-study .bom-table td{padding:4px;vertical-align:middle}.case-study .bom-table th:nth-child(1),.case-study .bom-table td:nth-child(1),.case-study .bom-table th:nth-child(3),.case-study .bom-table td:nth-child(3){justify-content:center}.case-study .bom-table tr{align-items:center;display:grid;grid-template-columns:1fr 2.5fr 1fr}.case-study .bom-table td:nth-child(2){display:flex;flex-direction:column;align-items:start;justify-content:start;padding:16px 8px}.case-study .bom-table th:nth-child(3){border-right:none}.case-study .bom-table th:nth-child(4){display:none}.case-study .bom-table td:nth-child(4){grid-column:1/-1;padding:0 16px 16px;text-align:left}.case-study .bom-table tfoot td:nth-child(4){padding:16px;align-items:center}.case-study .bom-table td:nth-child(4):empty{display:none}.case-study .bom-table tfoot td:nth-child(1),.case-study .bom-table tfoot td:nth-child(2),.case-study .bom-table tfoot td:nth-child(3){display:none}}.sticky-image{display:block;width:100%;height:auto;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:8px;position:sticky;top:24px}.side-gallery{padding:0 24px 24px}.in-article-pic{height:auto;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:8px;margin:24px}.landscape{aspect-ratio:4/3}.portrait{aspect-ratio:3/4}.bom-table th:nth-child(3):after{content:"Q"}@media(min-width:601px){.bom-table th:nth-child(3):after{content:"QUANTITY"}.case-study .columns{display:grid;grid-template-columns:1fr .75fr;gap:16px}.side-gallery{padding-top:24px;display:flex;flex-direction:column;justify-content:space-between}.first-pic{margin-top:64px;width:2fr}}table{position:relative;margin:40px 0 80px;border-collapse:separate;overflow:hidden;border-radius:8px;table-layout:fixed;border-spacing:0;border:1.5px solid rgba(0,0,0,.0666666667)}table th{font-size:.8rem;line-height:.8rem;position:-webkit-sticky;position:sticky;top:0;background-color:#000;z-index:2}table td{font-size:.9rem;line-height:1.1rem}table thead{color:#fff;display:table-header-group;text-transform:uppercase}table thead th{font-family:Gilroy SemiBold;padding:12px 16px;letter-spacing:1px;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}table thead th:first-child{border-left:none}table thead th:last-child{border-right:none}table thead th:nth-child(2),table thead th:nth-child(4){text-align:left}table td{font-family:Gilroy Regular;padding:8px 16px;vertical-align:middle;border:none}table th:nth-child(1),table td:nth-child(1){width:auto;padding-left:12px;padding-right:12px;white-space:nowrap}table tr:nth-child(2n){background-color:#f8f8f8}table tr td:nth-child(1),table tr td:nth-child(3){text-align:center;font-family:Gilroy SemiBold}table strong{font-family:Gilroy SemiBold}table tfoot{color:#000;background-color:#f7f7f7;font-size:.8rem;line-height:.8rem;text-transform:uppercase}table tfoot td{font-family:Gilroy SemiBold;padding:12px 16px;letter-spacing:1px;text-align:right;border-top:1.5px solid rgba(0,0,0,.0666666667)}.inverted{text-decoration:overline;font-size:.8em;font-weight:700;color:#000}.light,pin{display:inline-block;background-color:#0001;text-wrap:nowrap;font-size:.65em;font-weight:700;line-height:1rem;vertical-align:baseline;text-transform:uppercase;transform:translate3d(0,-1px,0);padding:.3em 8px .1em;border-radius:4px}a{cursor:pointer;position:relative;white-space:nowrap;outline:none;word-break:break-all;text-decoration:none}a span{display:inline-block;white-space:normal;transition:all .5s cubic-bezier(.2,1,.8,1) 0s;word-break:break-all}a span:hover{transform:translate3d(0,-1px,0);color:#04a5bb}.math{color:#000!important}figure{width:100%;margin:40px 0}figure figcaption{margin-top:16px;color:gray;text-align:center}.advice p{font-size:1.5rem;margin-bottom:0!important}.advice{position:relative;padding:40px;background-color:#f8f8f8;border-radius:16px;margin-bottom:40px}blockquote{font-size:1.5rem;position:relative;margin:40px var(--columnPaddingNormal);padding:40px;background-color:#f8f8f8;border-radius:16px}blockquote span{opacity:.2;font-size:.8em}blockquote:before{content:url(/assets/icons/quote.svg);position:absolute;top:-10px;left:-10px;transform:scale(2);opacity:.1}blockquote:after{content:url(/assets/icons/quote.svg);position:absolute;bottom:-10px;right:-10px;transform:scale(2) rotate(180deg);opacity:.1}iframe{border-radius:8px}.full-frame{margin:0;aspect-ratio:4/3}figure{text-align:center}figure .prototype{aspect-ratio:9/16;width:256px}.gallery{display:grid;gap:8px;grid-template-areas:"img1 img1" "img1 img1" "img2 img3" "img4 img5";grid-template-columns:1fr 1fr;min-height:400px;width:100%;transition:all .4s var(--ease)}.gallery .image-item{min-height:200px;background-color:#eee;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:8px;transition:.25s}.gallery .image-item:hover{opacity:.9;cursor:pointer}.gallery .image-1{grid-area:img1}.gallery .image-2{grid-area:img2}.gallery .image-3{grid-area:img3}.gallery .image-4{grid-area:img4}.gallery .image-5{grid-area:img5}.gallery .gallery-mask{position:fixed;top:0;left:0;z-index:1;width:100vw;height:100vh;padding:40px;background-color:#2228;transition:.5s}.gallery .gallery-mask img{width:100%;height:100%;object-fit:contain;transition:.5s}.gallery .mask-off{visibility:hidden;background-color:#2220}.gallery .mask-off img{visibility:hidden;opacity:0}@media(min-width:600px){.case-study{padding:32px}.case-study article{width:calc(var(--columnPaddingNormal) * 2 + var(--layoutWidth))}.case-study header{padding:48px;border-radius:16px}.case-study header .lower-header .subtitle{width:50%}.case-study .prototype{width:375px}.case-study .summary{flex-direction:row;padding:30px 50px;margin:52px 0;justify-content:space-between}.case-study .summary .item-text{font-size:1.5rem}.case-study .main-article{padding:16px}.gallery{grid-template-areas:"img1 img1 img2 img3" "img1 img1 img4 img5";grid-template-columns:1fr 1fr 1fr 1fr}}@media(min-width:900px){.case-study{padding:56px}.gallery{gap:16px}}.cs-body{--cs-measure: 45rem;--cs-wide: 1130px;max-width:var(--cs-wide);margin:0 auto;padding:24px}.cs-body :where(h2,h3,h4,h5,h6){color:#23252d}.cs-body>:where(p,h2,h3,h4,h5,ul,ol,blockquote){max-width:var(--cs-measure);margin-inline:auto}.cs-body>p{margin-bottom:20px;color:#454854;font-size:1.2em;text-align:justify;text-justify:inter-word}.cs-body>h4{margin:60px auto 20px;font-size:1.25em}.cs-body>:where(.cs-figure,.advice){max-width:var(--cs-measure);margin-inline:auto}.cs-body>:where(.cs-sticky,.cs-bento,.cs-figure--full){max-width:none;margin-inline:0}.cs-sticky{display:flex;flex-direction:column-reverse;gap:24px;margin:40px 0}@media(min-width:600px){.cs-sticky{display:grid;grid-template-columns:1fr .75fr;gap:32px}}.cs-sticky__body{min-width:0}.cs-sticky__body>:first-child{margin-top:0}.cs-sticky__body>:last-child{margin-bottom:0}.cs-sticky__body>p{margin:0 0 20px;color:#454854;font-size:1.2em;text-align:justify;text-justify:inter-word}.cs-sticky__body>:where(h2,h3,h4,h5){margin:0 0 16px;font-size:1.25em}.cs-sticky__media{min-width:0}.cs-sticky__image{position:sticky;top:24px;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:8px}.cs-sticky__image.landscape{aspect-ratio:4/3}.cs-sticky__image.portrait{aspect-ratio:3/4}.cs-figure{margin:40px auto}.cs-figure__media{width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:8px}.cs-figure__media--landscape{aspect-ratio:4/3}.cs-figure__media--portrait{aspect-ratio:3/4}.cs-figure__media--wide{aspect-ratio:16/9}.cs-figure__media--square{aspect-ratio:1/1}.cs-lightbox-target{cursor:zoom-in}.cs-lightbox[hidden]{display:none}.cs-lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000e6}.cs-lightbox__image{max-width:min(90vw,1400px);max-height:85vh;border-radius:8px;object-fit:contain}.cs-lightbox__caption{position:absolute;bottom:20px;left:50%;transform:translate(-50%);max-width:80vw;margin:0;color:#fff;opacity:.8;font-size:.9rem;text-align:center;pointer-events:none}.cs-lightbox__close,.cs-lightbox__nav{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;color:#fff;font-size:2rem;line-height:1;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:background .2s var(--ease)}.cs-lightbox__close:hover,.cs-lightbox__nav:hover{background:#ffffff40}.cs-lightbox__close{top:20px;right:20px}.cs-lightbox__nav{top:50%;transform:translateY(-50%)}.cs-lightbox__nav--prev{left:20px}.cs-lightbox__nav--next{right:20px}.cs-body a:not(.cs-button){color:inherit;transition:color .3s var(--ease)}.cs-body a:not(.cs-button):hover{color:#04a5bb}.cs-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;max-width:100%;padding:6px 28px;margin:8px 0 40px;box-sizing:border-box;text-align:center;font-family:Gilroy SemiBold,sans-serif;font-size:1rem;color:#fff;background-color:#000;border-radius:8px;text-decoration:none;transition:all .2s var(--ease)}.cs-button:before{content:none!important}.cs-button:hover{opacity:.85;transform:translateY(-1px)}.cs-button--center{display:flex;width:fit-content;margin-inline:auto}.cs-button .cs-button__arrow{font-size:.9em}.cs-video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:8px;background:#000}.cs-video--vertical{aspect-ratio:9/16;width:min(100%,380px);margin-inline:auto}.cs-prototype__frame{display:block;width:100%;border:1px solid rgba(0,0,0,.1);border-radius:8px}.cs-body table:not(.bom-table){display:block;width:max-content;max-width:100%;overflow-x:auto;table-layout:auto;margin:40px auto}.cs-body .bom-table{table-layout:auto;max-width:100%;margin:40px auto}.cs-body .katex-display{overflow-x:auto;overflow-y:hidden;padding:4px 0}