@import"https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap";:root{font-family:monospace;font-size:16px;line-height:1.5;font-weight:400;color:#111}#root{width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@font-face{font-family:Sebastian Bobby;src:url(fonts/sebastian_bobby_alt-webfont.woff2) format("woff2"),url(fonts/sebastian_bobby_alt-webfont.woff) format("woff");font-weight:400;font-style:normal}:root{--color-dark: #353535;--color-mid: #1d1d1d5c;--color-light: #f3f2f2;--border: 1px dashed color-mix(in srgb, var(--color-dark) 30%,transparent)}#root{display:flex;gap:clamp(91px,15vw,250px);flex-direction:column}::-webkit-scrollbar{display:none}div{box-sizing:border-box}html{scroll-behavior:smooth}body{text-align:center;font-family:Cutive Mono,monospace;font-size:clamp(18px,.9vw,.9vw);line-height:1.2;letter-spacing:-.02em;background-color:var(--color-light);color:var(--color-dark);transition:background-color .5s,color .5s}h1,h2,h3,h4,h5,h6{transition:color .2s}body[data-theme=dark-theme]{background-color:var(--color-dark);color:var(--color-light)}body[data-theme=dark-theme] :is(h1,h2,h3,h4,h5,h6){color:var(--color-light)}body[data-theme=dark-theme] .gsap-wrapper{background-color:var(--color-dark)}body[data-theme=dark-theme] .site-nav{color:var(--color-light)}body[data-theme=dark-theme] .hamburger .line{background-color:var(--color-light)}body[data-theme=dark-theme] .nav-inner:before{border-color:var(--color-light)}body:not([data-theme=dark-theme]) .gsap-wrapper{background-color:var(--color-light);will-change:opacity,transform}body:not([data-theme=dark-theme]) .dot-nav{display:none}body[data-theme=blue-theme]{background-color:#b0daff;color:var(--color-dark)}body[data-theme=blue-theme] :is(h1,h2,h3,h4,h5,h6,p){color:var(--color-mid)}body[data-theme=blue-theme] .gsap-wrapper{background-color:#b0daff}body:not([data-theme=blue-theme]) .img-bg{opacity:0!important}main{display:flex;flex-direction:column}.site-container{padding-inline:clamp(18px,1.2vw,1.2vw)}#hello{height:100dvh;display:flex;flex-direction:column;justify-content:center}section{position:relative;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.space{margin-bottom:102px}.flex{display:flex;flex-direction:column}.info-header{gap:min(5vw,51px);letter-spacing:1px;flex-wrap:wrap;white-space:nowrap}.box{max-width:900px;width:90%;padding:50px min(50px,6%);border-radius:16px;box-shadow:1px 1px 0 var(--color-dark);margin:auto;background:#ffffff4c;box-sizing:border-box}.gsap-wrapper{height:100%;transition:background-color .5s}.row{height:100%;display:flex;padding-inline:0}.row .gsap-wrapper{display:flex;align-items:center;flex:1 0 100vw;padding-inline:clamp(18px,1.2vw,1.2vw);height:100%}img:not(.no-filter){filter:contrast(1.2) saturate(.75)}.flexbox{display:flex;justify-content:center;align-items:flex-start;padding-block:10vh;gap:10%}.flexbox>.box{margin:unset}h1,h2,h3,h4,h5{margin:0;color:var(--color-mid)}p{margin:0}.big{margin-bottom:.25em;font-size:clamp(91px,15vw,220px);font-weight:500;font-family:Sebastian Bobby,Cutive Mono,monospace}.narrow{max-width:560px;display:flex;flex-direction:column;gap:11px;margin-inline:auto;text-wrap:pretty}.medium{max-width:700px;display:flex;flex-direction:column;gap:11px;margin-inline:auto}.gap-xs{gap:16px}.gap-sm{gap:28px}.gap-md{gap:38px}.gap-lg{gap:77px}.gap-xl{gap:91px}ul{position:relative;list-style:none;counter-reset:list;padding:0;flex-grow:1;text-align:left}ul.grid{display:grid;grid-template-columns:1fr 1fr}ul.grid:before{content:"";position:absolute;height:100%;top:0;left:50%;transform:translate(-50%);border-left:var(--border)}ul li{display:flex;padding:clamp(10px,1vw,1vw);font-size:18px;font-weight:500;border-bottom:var(--border)}ul:not(.no-numbers) li:not(.title):before{content:"0" counter(list) " ::";counter-increment:list;margin-right:.3em;font-weight:600;white-space:nowrap}ul:not(.no-numbers) li:not(.title):nth-child(n+11):before{content:counter(list) " ::"}ul.grid li:nth-last-child(2),ul li:last-of-type{border-bottom:none}.site-nav{position:fixed;top:10px;width:100%;color:var(--color-mid);z-index:999;transition:top .25s ease}.nav-inner{position:relative;display:flex;padding-block:4px;flex-direction:row;justify-content:center;gap:22px;transition:gap 1s ease}.nav-inner:before{content:"";position:absolute;width:100%;top:0;left:0;height:0;border-top:var(--border);border-color:var(--color-mid);color:inherit;transition:width .8s ease}.nav-link{color:inherit;transition:font-style .2s ease}.nav-link.current{font-style:italic}@media (min-width: 561px){.site-nav.hidden{top:-100%}.site-nav.hidden .nav-inner{gap:0px}.site-nav.hidden .nav-inner:before{width:0%}}.hamburger{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;position:fixed;top:16px;left:10px;width:33px;height:33px;cursor:pointer;z-index:1000}.hamburger .line{position:absolute;height:2px;width:100%;left:0;background-color:var(--color-mid);transition:transform .2s ease,rotate .2s ease,background-color .2s ease}.hamburger:hover .line{background-color:var(--color-dark)}.hamburger .line:nth-child(1){top:0}.hamburger .line:nth-child(2){top:12px}.hamburger.active .line:nth-child(1){transform:translate(10px,10px);rotate:45deg}.hamburger.active .line:nth-child(2){transform:translate(-2px,1px);rotate:-45deg}.body-overlay{display:none;position:fixed;width:100%;height:100%;top:0;left:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}footer{padding-bottom:38px}a{font-weight:600}.btn{padding:4px 10px;border:var(--border);border-radius:10px;font-weight:600;cursor:pointer}.btn:hover{border-style:dotted}.dot-nav{position:fixed;width:100%;bottom:calc(10% - 6px);left:50%;display:flex;gap:9px;justify-content:center;list-style:none;transform:translate(-50%);z-index:999}.dot-nav .dot{display:flex;justify-content:center;align-items:center;padding:6px;cursor:pointer}.dot-nav .dot:after{content:"";height:6px;width:6px;border-radius:50%;background-color:var(--color-light);opacity:.6;transition:opacity .2s}.dot-nav .dot.active:after{opacity:1}.dot-nav .dot:before{content:none!important}img{max-width:100%}.gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding-bottom:clamp(51px,10vw,91px)}.img-bg{display:flex;flex-direction:column;justify-content:center;object-fit:contain;max-width:98.18vw;opacity:0;overflow:hidden}.img-bg img{max-width:450px}.img-gal{width:100%;aspect-ratio:152/101;object-fit:cover}.animate{filter:none;transition:opacity .4s ease-out,filter .4s ease-out}.animate.fade-out{filter:blur(10px)}@media (min-width: 769px){.info-header{flex-direction:row}}@media (max-width: 900px){.img-bg{position:absolute;flex-direction:row;z-index:-1}}@media (max-width: 768px){.info-header{gap:8px}.gallery{grid-template-columns:1fr}}@media (max-width: 560px){body{font-size:16px;letter-spacing:-.09em}.hamburger{display:block}.site-nav{top:51px;overflow:hidden}.nav-inner{flex-direction:column;padding-block:22px;transform:translateY(-100%);transition:transform .2s ease}.hamburger.active+.site-nav .nav-inner{transform:translateY(0)}.hamburger.active~.body-overlay{display:block}.box{padding-block:33px}ul.grid{grid-template-columns:1fr}ul.grid:before{content:none}.dot-nav{gap:21px}.flexbox>.img-bg{margin-top:120%}}