@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--primary-glow:conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);--secondary-glow:radial-gradient(#fff,hsla(0,0%,100%,0));--tile-start-rgb:239,245,249;--tile-end-rgb:228,232,233;--tile-border:conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--primary-glow:radial-gradient(rgba(1,65,255,.4),rgba(1,65,255,0));--secondary-glow:linear-gradient(to bottom right,rgba(1,65,255,0),rgba(1,65,255,0),rgba(1,65,255,.3));--tile-start-rgb:2,13,46;--tile-end-rgb:2,5,19;--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-size:16px}body{color:rgb(var(--foreground-rgb));background:#f1f1f1}h2,h3{font-weight:400;margin-bottom:20px}h3{font-family:Inter}a{color:#8cb6cd;text-decoration:none}#__next,body{height:100%}.container{max-width:1100px;margin:0 auto}hr{border:1px dashed #ccc}.footer{padding:40px 0;color:#777}.header{background-color:#f3f3f3;padding:43px 20px;box-shadow:0 1px 5px rgba(0,0,0,.12);position:fixed;width:100%;top:0;transition:padding .3s ease,background-color .3s ease,-webkit-backdrop-filter .3s ease;transition:padding .3s ease,background-color .3s ease,backdrop-filter .3s ease;transition:padding .3s ease,background-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.header .logo-small{display:none}.header .container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header .navigation a{font-family:Inter;color:#000;margin-left:30px;font-weight:300}.header.sticky{background:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px 20px}.header.sticky .logo-small{display:block}.header.sticky .logo-large{display:none}.hero{min-height:800px;display:flex;margin-top:140px;flex-direction:row}.hero .post,.hero .pre{display:flex;flex:1 1;background-repeat:no-repeat;background-size:cover}.hero .pre{background-image:url(/hero1.jpg)}.hero .post{background-image:url(/hero2.jpg)}.section{padding:80px 0}.section .container{max-width:960px}.section.patterns{padding:150px 0;background:url(/bg-marbel.svg) no-repeat;background-position:center 25px;background-size:cover}.section.patterns .container{display:flex;flex-direction:row;align-items:center;max-width:1020px}.section.patterns .pre{dispay:flex;flex:1 1}.section.patterns .post{display:flex;flex:1 1;flex-direction:row;gap:20px;max-width:650px}.section.patterns .post .product{display:felex;flex:1 1}.section.blog{background:#fff}.section.blog .heading{text-align:center;margin-bottom:60px}.section.about{background:#fff}.section.about .container{display:flex;flex-direction:row}.section.about .description{text-transform:uppercase;font-weight:300}.section.about .description p{margin-bottom:20px}.section.about .pre{margin-right:30px}.section.about .post img{margin:-30px -40px 0 0}.section.about .social img{margin-right:20px}.article{display:flex;flex-direction:row;margin:40px 0}.article .image{width:360px;margin-right:40px}.article .content{flex:1 1}.article .content h3{text-transform:uppercase;margin-bottom:5px}.article .content .date{margin-bottom:20px}.article .content .description{font-weight:300;margin-bottom:20px;line-height:1.5em}.article:last-child{margin-bottom:0}.product{background:#fff;width:200px;height:365px;padding:10px}.product h3{margin-bottom:5px}.product .size{margin-bottom:10px}