@font-face{font-family:Geist;src:url(/fonts/geist.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f5ef;--ink:#20211f;--red:#d13b2e;--muted:#73746e;--line:#d9d8d0;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(24px,6.3vw,100px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:45px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:400 14px/1.6 Geist,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure{margin:0}img,svg{max-width:100%;display:block}::selection{background:var(--red);color:var(--paper)}:focus-visible{outline:2px solid var(--red);outline-offset:5px}.section-wrap{width:min(1240px,calc(100% - var(--gutter) * 2));margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:var(--paper);padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:20px}.mater-brand{letter-spacing:-.065em;align-items:center;gap:8px;font-size:25px;font-weight:750;line-height:1;display:inline-flex}.mater-brand svg{width:25px;height:25px;color:var(--red);transition:transform .5s var(--ease)}.mater-brand:hover svg{transform:rotate(90deg)}.brand-period{color:var(--red)}.room-header{width:min(1400px,calc(100% - var(--gutter) * 2));z-index:40;justify-content:space-between;align-items:center;height:104px;margin:auto;display:flex;position:relative}.room-nav{align-items:center;gap:32px;display:flex}.room-nav a{align-items:center;gap:6px;font-size:12px;transition:color .2s;display:inline-flex}.room-nav a:hover{color:var(--red)}.room-nav a>span{color:var(--muted);align-self:flex-start;margin-top:1px;font-size:8px}.room-header-actions{align-items:center;gap:15px;display:flex}.search-trigger{align-items:center;gap:9px;padding:10px 0;font-size:11px;display:flex}.search-trigger kbd{font:inherit;border:1px solid var(--line);border-radius:4px;align-items:center;gap:3px;margin-left:10px;padding:3px 5px;font-size:9px;display:inline-flex}.search-trigger:hover{color:var(--red)}.mobile-menu{display:none}.solid-link{background:var(--ink);color:var(--paper);transition:background .2s,transform .3s var(--ease);border-radius:7px;justify-content:center;align-items:center;gap:34px;padding:16px 20px;font-size:12px;display:inline-flex}.solid-link:hover{background:var(--red);transform:translateY(-3px)}.solid-link:active{transform:translateY(1px)scale(.98)}.plain-link{align-items:center;gap:25px;font-size:13px;display:inline-flex}.plain-link:hover{color:var(--red)}.mini-label{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:inline-flex}.mini-label svg{color:var(--red)}.room-section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px;display:flex}.room-section-heading h2{letter-spacing:-.06em;margin-top:15px;font-size:clamp(30px,3.5vw,50px);font-weight:650;line-height:1.1}.room-section-heading h2>span{color:var(--red)}.heading-aside{color:var(--muted);font-size:11px;line-height:1.7}.goodbye{padding:60px 0 30px}.goodbye-top{justify-content:space-between;align-items:center;padding-bottom:70px;display:flex}.goodbye-top h2{letter-spacing:-.06em;align-items:center;gap:22px;font-size:clamp(30px,4vw,56px);font-weight:650;line-height:1.1;display:flex}.goodbye-top h2 svg{color:var(--red);transform-origin:bottom}.goodbye-top:hover h2 svg{animation:.55s 2 wave}.goodbye-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:24px;display:flex}.goodbye-bottom>span{color:var(--muted);font-size:10px}.back-up{align-items:center;gap:12px;font-size:11px;display:flex}@keyframes wave{25%,75%{transform:rotate(15deg)}50%{transform:rotate(-7deg)}}@media (max-width:900px){.room-nav{gap:20px}.search-trigger>span{display:none}}@media (max-width:600px){.room-header{height:85px}.mater-brand{font-size:23px}.mater-brand svg{width:27px}.search-trigger kbd{display:none}.mobile-menu{padding:5px 0;display:block}.room-nav{display:none}.room-nav.is-open{background:var(--paper);border:1px solid var(--ink);border-radius:8px;flex-direction:column;align-items:stretch;gap:20px;width:220px;padding:20px;display:flex;position:absolute;top:75px;right:0}.room-nav a{font-size:15px}.room-header-actions{gap:20px}.heading-aside{display:none}.room-section-heading{margin-bottom:32px}.room-section-heading h2{font-size:31px}.mini-label{font-size:10px}.goodbye{padding-top:30px}.goodbye-top{flex-direction:column;align-items:start;gap:28px;padding-bottom:50px}.goodbye-top h2{gap:14px;font-size:35px}.goodbye-top h2 svg{width:35px}.goodbye-bottom>span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hello-section{width:min(1240px,calc(100% - var(--gutter) * 2));margin:auto;padding-top:56px}.hello-main{grid-template-columns:1fr 1fr;align-items:center;gap:20px;min-height:610px;display:grid}.hello-copy{z-index:2;position:relative}.hello-intro{align-items:center;gap:12px;font-size:18px;font-weight:500;display:inline-flex}.little-cross{color:var(--red);font-size:26px;line-height:1}.hello-copy h1{letter-spacing:-.065em;margin:8px 0 29px -6px;font-size:clamp(110px,12vw,180px);font-weight:750;line-height:.97}.hello-copy h1>span{color:var(--red)}.hello-description{letter-spacing:-.04em;font-size:clamp(23px,2.3vw,34px);font-weight:550;line-height:1.28}.hello-detail{color:var(--muted);margin-top:21px;font-size:13px;line-height:1.8}.hello-copy .solid-link{margin-top:30px}.hello-playground{height:520px;position:relative}.playground-note{color:var(--muted);align-items:start;gap:12px;font-size:11px;display:flex;position:absolute;top:0;right:38px;transform:rotate(7deg)}.playground-note svg{margin-top:7px;transform:rotate(25deg)}.sticker{transition:transform .45s var(--ease),background .25s;will-change:transform;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.sticker:hover{z-index:5;transform:rotate(0)translateY(-9px)}.sticker:active{transform:rotate(0)translateY(0)scale(.94)}.sticker-arrow{opacity:0;transition:opacity .2s;position:absolute;top:16px;right:16px}:is(.sticker:hover .sticker-arrow,.sticker:focus-visible .sticker-arrow){opacity:1}.code-sticker{background:var(--ink);color:var(--paper);border-radius:14px;gap:10px;width:180px;height:155px;top:61px;left:18px;transform:rotate(-11deg)}.code-sticker>span{font-size:12px;font-weight:500}.smile-sticker{background:var(--red);width:194px;height:194px;color:var(--paper);border-radius:50%;top:78px;right:16px;transform:rotate(14deg)}.smile-sticker>svg{margin-top:-7px}.smile-sticker>span{margin-top:-8px;font-size:11px;font-weight:600}.game-sticker{color:#324531;background:#d8dfcf;border-radius:19px;gap:1px;width:220px;height:145px;top:277px;left:4px;transform:rotate(7deg)}.game-sticker>span{font-size:11px;font-weight:550}.music-sticker{background:#e9e2d4;border-radius:50%;gap:8px;width:128px;height:128px;top:310px;right:22px;transform:rotate(-12deg)}.music-sticker>span{font-size:10px}.cursor-note{align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;top:274px;right:66px;transform:rotate(-9deg)}.cursor-note svg{color:var(--red);transform:rotate(-20deg)}.arabic-note{font-family:Arial,sans-serif;font-size:25px;position:absolute;bottom:10px;left:5px;transform:rotate(-8deg)}.hello-foot{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:38px;padding:35px 0;display:flex}.hello-foot>div{align-items:center;gap:30px;display:flex}.hello-foot>div>a{align-items:center;gap:8px;font-size:11px;display:flex}.hello-foot a:hover{color:var(--red)}.scroll-note{color:var(--muted);align-items:center;gap:25px;font-size:10px;display:flex}@media (min-width:1400px){.hello-playground{justify-self:end;width:490px}.hello-main{min-height:640px}}@media (max-width:1100px){.hello-playground{transform-origin:50%;margin-left:-15px;transform:scale(.88)}.smile-sticker{right:-10px}.code-sticker{left:0}.music-sticker{right:0}.game-sticker{left:-10px}.hello-copy h1{font-size:13vw}}@media (max-width:760px){.hello-section{padding-top:35px}.hello-main{grid-template-columns:1fr;gap:30px;min-height:0}.hello-copy h1{margin-bottom:23px;margin-left:-5px;font-size:clamp(105px,24vw,155px)}.hello-description{font-size:27px}.hello-intro{font-size:15px}.hello-detail{font-size:12px}.hello-playground{justify-self:center;width:min(430px,100%);height:390px;margin:15px 0 0;transform:none}.playground-note{font-size:10px;top:0;right:6px}.code-sticker{width:135px;height:125px;top:53px;left:0}.code-sticker>svg:first-child{width:55px}.code-sticker>span{font-size:10px}.smile-sticker{width:145px;height:145px;top:56px;right:0}.smile-sticker>svg{width:105px}.smile-sticker>span{font-size:9px}.game-sticker{width:165px;height:120px;top:230px;left:0}.game-sticker>svg:first-child{width:75px}.game-sticker>span{font-size:10px}.music-sticker{width:100px;height:100px;top:260px;right:5px}.music-sticker>svg{width:43px}.music-sticker>span{font-size:9px}.cursor-note{gap:3px;font-size:9px;top:208px;right:1px}.cursor-note svg{width:24px}.arabic-note{font-size:20px;bottom:0}.hello-foot{margin-top:15px;padding:25px 0}.hello-foot>div{gap:20px}.hello-foot>div>a{gap:6px;font-size:10px}.scroll-note{gap:0;font-size:0}}.desk-section{padding:95px 0 65px}.folder-tabs{gap:6px;padding-right:10%;display:flex}.folder-tabs button{background:#e9e6df;border-radius:12px 12px 0 0;flex:1;justify-content:center;align-items:center;gap:10px;padding:19px 20px;font-size:13px;transition:background .25s,color .25s,transform .25s;display:flex;position:relative}.folder-tabs button:hover{transform:translateY(-5px)}.folder-tabs button[data-state=active]{background:#e1e4d9;font-weight:600}.folder-tabs button[data-state=active]:after{content:"";background:inherit;height:8px;position:absolute;bottom:-6px;left:0;right:0}.folder-tabs button[data-state=active] svg{color:#41563a}.folder-content{background:#e1e4d9;border-radius:0 12px 12px;grid-template-columns:1.45fr 1fr;align-items:center;gap:40px;padding:34px;display:grid}.folder-content[data-state=inactive]{display:none}.project-file{background:var(--paper);min-width:0;transition:transform .4s var(--ease);border-radius:8px;overflow:hidden;transform:rotate(-1.5deg)}.project-file:hover{transform:rotate(0)}.file-meta{color:var(--muted);align-items:center;gap:7px;padding:11px 13px;font-size:9px;display:flex}.file-meta>a{color:var(--ink);margin-left:auto;padding:3px}.project-file img{object-fit:contain;width:100%;height:auto;animation:project-in .5s var(--ease);display:block}.project-story{animation:project-in .45s var(--ease);padding:10px 10px 12px 0}.project-type{color:#58654e;font-size:10px}.project-story h3{letter-spacing:-.045em;margin:14px 0 17px;font-size:clamp(21px,2.1vw,30px);font-weight:650;line-height:1.25}.project-story>p{color:#687060;font-size:12px;line-height:1.8}.project-story dl{gap:35px;margin-top:26px;font-size:10px;display:flex}.project-story dt{color:#687060;margin-bottom:5px}.project-story dd{margin:0;font-weight:550}.project-open{align-items:center;gap:24px;margin-top:24px;font-size:12px;display:inline-flex}.project-open:hover{color:var(--red)}.desk-bottom{justify-content:space-between;align-items:center;padding:23px 0;display:flex}.desk-bottom>span{color:var(--muted);font-size:10px}.desk-bottom>div{align-items:center;gap:16px;display:flex}.desk-bottom button{padding:6px;transition:transform .25s}.desk-bottom button:hover{color:var(--red);transform:translate(4px)}.desk-bottom button:first-child:hover{transform:translate(-4px)}.desk-bottom>div>span{font-variant-numeric:tabular-nums;font-size:10px}.desk-bottom>div>span>span{color:var(--muted)}@keyframes project-in{0%{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:900px){.folder-content{grid-template-columns:1.2fr 1fr;gap:24px;padding:25px}.project-story{padding-right:0}.project-story h3{font-size:23px}.project-story dl{gap:20px}}@media (max-width:650px){.desk-section{padding-top:65px;padding-bottom:25px}.folder-tabs{gap:4px;padding-right:0}.folder-tabs button{border-radius:8px 8px 0 0;gap:7px;padding:14px 7px;font-size:11px}.folder-tabs button svg{width:16px}.folder-content{border-radius:0 0 10px 10px;grid-template-columns:1fr;gap:20px;padding:20px}.project-story{padding:8px 0 6px}.project-story h3{max-width:270px;font-size:26px}.project-story dl{gap:35px}.project-story>p{font-size:12px}.project-open{margin-top:20px}.desk-bottom>span{max-width:140px;font-size:9px}}.person-section{grid-template-columns:1fr 1.2fr;align-items:center;gap:10%;padding:90px 0 125px;display:grid}.person-stamp{background:var(--ink);width:300px;height:355px;color:var(--paper);border-radius:48% 48% 10px 10px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;transform:rotate(-6deg)}.person-stamp>svg{color:#b7bfa7}.person-stamp>span:not(.stamp-name){text-align:center;letter-spacing:-.02em;margin-top:14px;font-size:13px;line-height:1.5}.stamp-name{background:var(--red);color:var(--paper);padding:4px 20px;font:27px/1.5 Arial,sans-serif;position:absolute;bottom:18px;right:-30px;transform:rotate(13deg)}.person-copy h2{letter-spacing:-.055em;margin:17px 0 27px;font-size:clamp(30px,3.3vw,47px);font-weight:650;line-height:1.12}.person-copy h2>span{color:var(--red)}.person-copy>p{color:var(--muted);max-width:470px;margin-top:15px;font-size:13px;line-height:1.9}.person-interests{flex-wrap:wrap;gap:20px;margin:25px 0 28px;display:flex}.person-interests>span{align-items:center;gap:7px;font-size:10px;display:flex}.person-interests svg{color:var(--red)}@media (max-width:900px){.person-section{gap:7%}.person-stamp{width:245px;height:315px}.person-stamp>svg{width:160px}.person-copy h2{font-size:32px}.person-interests{gap:13px}}@media (max-width:650px){.person-section{grid-template-columns:1fr;gap:58px;padding-top:60px;padding-bottom:70px}.person-stamp{justify-self:center;width:225px;height:275px}.person-stamp>svg{width:135px;height:135px}.person-stamp>span:not(.stamp-name){font-size:12px}.stamp-name{font-size:23px}.person-copy h2{font-size:34px}.person-copy>p{font-size:12px}}.online-section{padding:65px 0 110px}.copy-profile{color:var(--muted);align-items:center;gap:8px;padding:8px 0;font-size:10px;display:flex}.copy-profile:hover{color:var(--red)}.copy-error{color:var(--muted);margin-bottom:15px;font-size:12px}.social-stickers{grid-template-columns:repeat(9,1fr);gap:18px;padding:15px 0 45px;display:grid}.social-sticker{text-align:center;flex-direction:column;align-items:center;min-width:0;padding:10px 0;display:flex}.social-symbol{width:72px;height:72px;color:var(--ink);transition:transform .4s var(--ease),background .25s,color .25s;background:#e9e6df;border-radius:20px;place-items:center;margin-bottom:17px;display:grid}.social-sticker:nth-child(2n) .social-symbol{border-radius:50%}:is(.social-sticker:hover .social-symbol,.social-sticker:focus-visible .social-symbol){transform:translateY(-7px) rotate(var(--sticker-rotate,6deg));background:var(--ink);color:var(--paper)}.social-sticker:active .social-symbol{transform:translateY(-2px)scale(.93)}.social-name{align-items:center;gap:4px;font-size:11px;font-weight:550;display:flex}.social-name>svg{opacity:0;transition:opacity .2s}.social-sticker:hover .social-name>svg{opacity:1}.social-caption{color:var(--muted);white-space:nowrap;margin-top:4px;font-size:8px}.kick-symbol{font-size:36px;font-weight:900;line-height:1}.symbol-instagram{background:#eadad2}.symbol-youtube{background:#efdad4}.symbol-kick{background:#d9e6ce}.symbol-twitch{background:#e3ddec}.symbol-spotify{background:#dce5d4}.communities{grid-template-columns:160px 1fr 1fr;align-items:center;gap:30px;padding:25px 0;display:grid}.communities-label{color:var(--muted);align-items:center;gap:15px;font-size:12px;display:flex}.communities-label>svg{color:var(--red)}.communities>a{align-items:center;gap:16px;display:flex}.communities>a>img{object-fit:contain;background:var(--ink);border-radius:12px;width:45px;height:45px}.communities>a>span{font-size:14px;font-weight:550}.communities small{color:var(--muted);margin-top:2px;font-size:10px;font-weight:400;display:block}.communities>a>svg{margin-left:auto;transition:transform .3s}.communities>a:hover>svg{color:var(--red);transform:translate(3px,-3px)}.social-popover{z-index:80;background:var(--paper);width:min(310px,100vw - 32px);color:var(--ink);border:1px solid var(--ink);animation:popover-in .2s var(--ease);border-radius:12px;padding:20px}.social-popover>div{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-size:12px;display:flex}.social-popover>div button{padding:4px}.social-popover>a{justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;display:flex}.social-popover>a:hover{color:var(--red)}.social-popover small{color:var(--muted);margin-bottom:2px;font-size:9px;display:block}@keyframes popover-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:1100px){.social-stickers{grid-template-columns:repeat(5,1fr);gap:20px 25px}.social-symbol{width:76px;height:76px}.social-caption{font-size:9px}}@media (max-width:650px){.online-section{padding-top:45px;padding-bottom:65px}.online-section .room-section-heading{align-items:start}.copy-profile{padding-top:3px;font-size:0}.copy-profile svg{width:19px;height:19px}.social-stickers{grid-template-columns:repeat(3,1fr);gap:21px 16px;padding-top:5px;padding-bottom:30px}.social-symbol{width:65px;height:65px;margin-bottom:12px}.social-symbol svg{width:33px}.social-caption{font-size:8px}.communities{grid-template-columns:1fr 1fr;gap:22px 25px}.communities-label{grid-column:1/-1;font-size:11px}.communities>a{gap:10px}.communities>a>img{width:34px;height:34px}.communities>a>span{font-size:12px}.communities small{font-size:8px}.communities>a>svg{width:15px}}.play-command-overlay{z-index:150;background:#20211f30;position:fixed;inset:0}.play-command-surface{z-index:151;color:#20211f;background:#f7f5ef;border:1px solid #20211f;border-radius:14px;outline:none;width:min(560px,100% - 32px);max-height:min(700px,78dvh);font-family:inherit;position:fixed;top:min(15dvh,125px);left:50%;overflow:hidden;transform:translate(-50%)}.play-command{flex-direction:column;max-height:min(700px,78dvh);display:flex}.play-command-input-row{border-bottom:1px solid #20211f22;align-items:center;gap:13px;padding:18px 19px;display:flex}.play-command-input-row>svg{color:#d13b2e;flex-shrink:0}.play-command [cmdk-input]{color:#20211f;background:0 0;border:0;border-radius:0;outline:none;flex:1;width:100%;min-width:0;padding:3px 0;font-family:inherit;font-size:14px;line-height:1.5}.play-command [cmdk-input]::placeholder{color:#74756c;opacity:1}.play-command-input-row>button{color:#686b61;cursor:pointer;background:0 0;border:1px solid #20211f35;border-radius:5px;flex-shrink:0;place-items:center;width:28px;height:28px;padding:0;transition:color .2s,border-color .2s;display:grid}.play-command-input-row>button:hover{color:#20211f;border-color:#20211f}.play-command-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b5b2a8 transparent;min-height:90px;max-height:min(470px,55dvh);padding:8px;scroll-padding-block:12px;overflow-y:auto}.play-command [cmdk-group]{padding-bottom:7px}.play-command [cmdk-group][hidden]{display:none}.play-command [cmdk-group-heading]{color:#6a6c62;letter-spacing:.035em;padding:13px 11px 7px;font-size:9px;font-weight:500}.play-command [cmdk-item]{color:#20211f;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;align-items:center;gap:14px;min-height:54px;padding:10px 11px;transition:color .15s,background .15s;display:flex}.play-command [cmdk-item][data-selected=true]{color:#a92d24;background:#e9e5dc}.play-command [cmdk-item]>svg{color:#74766c;flex-shrink:0}.play-command [cmdk-item][data-selected=true]>svg{color:#a92d24}.play-command-item-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.play-command-item-copy>span:first-child{font-size:12px;font-weight:550;line-height:1.25}.play-command-item-copy>span:last-child{text-overflow:ellipsis;white-space:nowrap;color:#6d6f64;font-size:10px;line-height:1.3;overflow:hidden}.play-command [cmdk-item][data-selected=true] .play-command-item-copy>span:last-child{color:#6c625a}.play-command-empty{color:#20211f;text-align:center;overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:9px;padding:40px 20px 45px;display:flex}.play-command-empty>span:first-child{font-size:13px}.play-command-empty>span:last-child{color:#6d6f64;font-size:11px}.play-command-footer{color:#6b6e63;border-top:1px solid #20211f22;flex-shrink:0;align-items:center;gap:17px;min-height:49px;padding:12px 19px;font-size:9px;display:flex}.play-command-footer>span{align-items:center;gap:6px;display:inline-flex}.play-command-footer kbd{color:#4b4f43;border:1px solid #20211f30;border-radius:3px;justify-content:center;align-items:center;gap:1px;min-width:21px;min-height:19px;padding:2px 4px;font-family:inherit;font-size:8px;font-weight:400;line-height:1;display:inline-flex}.play-command-shortcut{color:#6b6e63;margin-left:auto;font-size:9px}.play-command-input-row>button:focus-visible{outline-offset:3px;outline:2px solid #a92d24}.play-command-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:600px){.play-command-surface{border-radius:12px;max-height:80dvh;top:9dvh}.play-command{max-height:80dvh}.play-command-input-row{gap:10px;padding:15px}.play-command [cmdk-input]{font-size:13px}.play-command-list{max-height:56dvh}.play-command-footer{gap:13px;padding-inline:15px}}@media (prefers-reduced-motion:reduce){.play-command *{transition:none!important}}
