@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.dm_sans_78bbd4f5-module__5xRx0W__className{font-family:DM Sans,Arial,sans-serif;font-style:normal}.dm_sans_78bbd4f5-module__5xRx0W__variable{--font-sans:"DM Sans", Arial, sans-serif}
@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1e219c03c996efbd.0vlx5hthn2t7i.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b35b0dbffda7f2c4.0fu677rwbv-.g.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/03bda585a99c6450.p.0zzh68k1~whtc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.fraunces_ffadf0a1-module__Y_IK_G__className{font-family:Fraunces,Georgia,serif;font-style:normal}.fraunces_ffadf0a1-module__Y_IK_G__variable{--font-display:"Fraunces", Georgia, serif}
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#171219;--surface:#251a24;--cream:#fff8ed;--coral:#ef4f5f;--yellow:#ffd166;--blue:#67a7ff;--violet:#a855f7;--muted:#cfc4cb;--dark-muted:#675b63;--line:#3d313b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--ink);color:var(--cream);font-family:var(--font-sans),sans-serif;margin:0;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid var(--yellow);outline-offset:5px;border-radius:5px}h1,h2{font-family:var(--font-display),serif;letter-spacing:-.055em;margin:0;font-weight:620;line-height:.92}h1 em,h2 em{color:#0000;background:linear-gradient(90deg,var(--violet),var(--coral),var(--yellow));-webkit-background-clip:text;background-clip:text;font-style:normal}.site-header{z-index:40;justify-content:space-between;align-items:center;height:92px;padding:0 clamp(24px,4vw,72px);transition:height .35s,background .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s,border .35s;display:flex;position:fixed;top:0;left:0;right:0}.site-header.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#171219dc;border-bottom:1px solid #ffffff17;height:72px}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-size:13px;font-weight:850;line-height:.86;display:flex}.brand b{color:var(--coral);letter-spacing:.15em;font-size:10px}.brand-mark{width:42px;height:48px;color:var(--cream);background:var(--coral);font-family:var(--font-display);box-shadow:3px 3px 0 var(--cream);border-radius:8px 8px 16px 5px;place-items:center;font-size:28px;transition:transform .3s;display:grid;transform:rotate(-5deg)}.brand:hover .brand-mark{transform:rotate(3deg)scale(1.04)}.desktop-nav{align-items:center;gap:34px;font-size:15px;font-weight:650;display:flex}.desktop-nav>a:not(.nav-cta){padding:10px 0;position:relative}.desktop-nav>a:not(.nav-cta):after{content:"";background:var(--coral);height:2px;transition:right .25s;position:absolute;bottom:4px;left:0;right:100%}.desktop-nav>a:hover:after{right:0}.nav-cta,.button{border-radius:999px;justify-content:center;align-items:center;gap:13px;font-weight:800;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.nav-cta{background:var(--cream);color:var(--ink);padding:14px 22px}.nav-cta:hover,.button:hover{transform:translateY(-3px);box-shadow:0 7px #0005}.nav-cta svg,.button svg,.text-link svg,.circle-arrow svg{transition:transform .25s}.nav-cta:hover svg,.button:hover svg,.text-link:hover svg{transform:translate(3px,-3px)}.menu-button{color:var(--cream);background:0 0;border:0;place-items:center;width:44px;height:44px;display:none}.mobile-nav{display:none}.hero{background:radial-gradient(circle at 50% 55%,#48202e 0,#21171f 43%,var(--ink) 74%);place-items:center;height:100svh;min-height:800px;max-height:1020px;padding:120px 17vw 112px;display:grid;position:relative;overflow:hidden}.hero-aurora{filter:blur(70px);background:conic-gradient(from 40deg,#a855f71d,#ef4f5f21,#ffd16617,#67a7ff17,#a855f71d);border-radius:50%;width:min(75vw,1100px);height:min(75vw,900px);animation:15s ease-in-out infinite alternate aurora;position:absolute}.hero-grid{opacity:.24;background:repeating-radial-gradient(at 50% 115%,#0000 0 64px,#ef4f5f42 66px 68px,#0000 70px 114px);position:absolute;inset:38% -10% -15%;transform:rotate(-4deg)}.hero-content{z-index:4;text-align:center;max-width:950px;position:relative}.eyebrow-pill{color:var(--muted);align-items:center;gap:10px;margin-bottom:24px;font-weight:700;display:inline-flex}.eyebrow-pill svg{color:var(--yellow)}.hero h1{font-size:clamp(64px,7.35vw,124px)}.hero-content>p{color:#e1d8de;max-width:720px;margin:27px auto;font-size:clamp(17px,1.35vw,21px);line-height:1.55}.hero-actions{justify-content:center;gap:12px;display:flex}.button{padding:17px 25px}.button-primary{background:var(--coral)}.button-ghost{background:#211a22;border:1px solid #655963}.button-light{background:var(--cream);color:var(--ink)}.proof-grid{grid-template-columns:repeat(3,auto);justify-content:center;gap:0;margin:30px auto 0;display:grid}.proof-grid>div{border-right:1px solid #ffffff24;align-items:baseline;gap:7px;padding:0 25px;display:flex}.proof-grid>div:last-child{border:0}.proof-grid strong{font-family:var(--font-display);color:var(--yellow);font-size:25px}.proof-grid span{color:var(--muted);white-space:nowrap;font-size:12px}.photo-stack{z-index:3;width:14vw;min-width:180px;position:absolute;top:16%}.photo-stack-left{left:-2.5vw}.photo-stack-right{right:-2.5vw}.photo-stack figure{background:var(--cream);border:4px solid var(--cream);border-radius:11px;margin:0 0 -7px;padding:4px;transition:transform .4s;overflow:hidden;box-shadow:0 20px 45px #0009}.photo-stack figure img{aspect-ratio:1/.76;object-fit:cover;border-radius:5px;width:100%}.photo-stack-left figure:first-child{transform:rotate(-7deg)}.photo-stack-left figure:nth-child(2),.photo-stack-right figure:first-child{transform:rotate(7deg)}.photo-stack figure:hover{transform:rotate(0)scale(1.06)!important}.sticker{z-index:5;color:var(--ink);text-align:center;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--cream);padding:12px 15px;font-weight:950;line-height:.9;position:absolute}.sticker-yellow{background:var(--yellow);border-radius:55% 45% 51% 49%;animation:4s ease-in-out infinite float-a;top:21%;right:-10px;transform:rotate(-9deg)}.sticker-blue{background:#76cbff;border-radius:12px;animation:4.6s ease-in-out infinite float-b;top:21%;left:-30px;transform:rotate(9deg)}.ticker{z-index:8;background:var(--coral);border-block:3px solid var(--ink);white-space:nowrap;letter-spacing:.08em;align-items:center;height:58px;font-weight:950;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 8px #9f2f43}.ticker div{will-change:transform;width:max-content;animation:24s linear infinite marquee}.paper{background:var(--cream);color:var(--ink)}.community-section,.journey{padding:115px clamp(24px,7vw,120px)}.section-label{letter-spacing:.14em;align-items:center;gap:12px;margin-bottom:54px;font-size:12px;font-weight:950;display:flex}.section-label>span{letter-spacing:0;border:2px solid;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.section-label.light{color:var(--cream)}.intro-grid{grid-template-columns:1.05fr .95fr;align-items:end;gap:8vw;display:grid}.community-section h2,.showcase h2,.journey h2,.join-section h2{font-size:clamp(54px,6vw,96px)}.large-copy{margin:0 0 30px;font-size:clamp(20px,2vw,28px);line-height:1.38}.text-link{border-bottom:3px solid var(--coral);align-items:center;gap:9px;padding-bottom:4px;font-weight:900;display:inline-flex}.feature-cards{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:90px;display:grid}.feature-card{border:3px solid var(--ink);min-height:330px;box-shadow:7px 8px 0 var(--ink);border-radius:20px;padding:30px;position:relative;overflow:hidden}.feature-card.coral{background:#ff756f;transform:rotate(-1.3deg)}.feature-card.yellow{background:var(--yellow);transform:rotate(1deg)}.feature-card.blue{background:#79b6ff;transform:rotate(-.6deg)}.feature-number{font-size:13px;font-weight:950}.feature-icon{background:#ffffff48;border:2px solid;border-radius:50%;place-items:center;width:53px;height:53px;transition:transform .35s;display:grid;position:absolute;top:22px;right:24px}.feature-card:hover .feature-icon{transform:rotate(12deg)scale(1.08)}.feature-card h3{font-family:var(--font-display);margin:88px 0 12px;font-size:36px}.feature-card p{margin:0;font-size:16px;line-height:1.56}.circuit{opacity:.12;transform-origin:0;background:currentColor;height:2px;transition:transform .5s;position:absolute;inset:auto -20px 42px 45%;transform:scaleX(0)}.feature-card:hover .circuit{transform:scaleX(1)}.filmstrip-section{background:var(--cream);color:var(--ink);border-top:2px solid var(--ink);padding:88px 0 105px;overflow:hidden}.filmstrip-heading{justify-content:space-between;align-items:end;padding:0 clamp(24px,7vw,120px) 50px;display:flex}.filmstrip-heading span{letter-spacing:.16em;font-size:12px;font-weight:950}.filmstrip-heading p{font-family:var(--font-display);margin:0;font-size:clamp(28px,3vw,46px)}.filmstrip{grid-template-columns:repeat(5,minmax(230px,1fr));align-items:center;gap:18px;width:125%;margin-left:-12.5%;display:grid}.film-frame{border:3px solid var(--ink);box-shadow:7px 8px 0 var(--ink);background:#fff;border-radius:8px;margin:0;padding:8px 8px 15px}.film-frame>div{overflow:hidden}.film-frame img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;transition:transform .6s}.film-frame:hover img{transform:scale(1.05)}.film-frame figcaption{align-items:center;gap:12px;padding:12px 5px 0;font-weight:850;display:flex}.film-frame figcaption span{background:var(--ink);width:28px;height:28px;color:var(--cream);border-radius:50%;place-items:center;font-size:11px;display:grid}.showcase{background:#291720;padding:115px clamp(24px,7vw,120px) 145px;position:relative;overflow:hidden}.showcase:before{content:"";background:var(--violet);filter:blur(160px);opacity:.12;border-radius:50%;width:420px;height:420px;position:absolute;top:-120px;right:-180px}.showcase-head{grid-template-columns:1fr 2fr auto;align-items:end;gap:30px;margin-bottom:65px;display:grid}.showcase-head .section-label{align-self:start}.showcase h2 em{background-image:linear-gradient(90deg,var(--coral),var(--yellow))}.project-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.project-card{display:block}.project-visual{border:4px solid var(--cream);background:var(--cream);border-radius:15px;padding:6px;position:relative;overflow:hidden}.project-visual>div:first-child{border-radius:7px;overflow:hidden}.project-visual img{aspect-ratio:4/4.55;object-fit:cover;filter:saturate(.87);width:100%}.project-index{z-index:3;border:2px solid var(--cream);background:var(--ink);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:950;display:grid;position:absolute;top:15px;left:15px}.play-chip{z-index:3;background:var(--cream);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:900;transition:transform .35s;display:flex;position:absolute;top:15px;right:15px;transform:translateY(-70px)}.blueprint{z-index:2;color:var(--cream);background:linear-gradient(#0000,#171219f2 28%);padding:24px;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:48% 6px 6px;transform:translateY(105%)}.blueprint>span{letter-spacing:.15em;color:var(--yellow);font-size:10px;font-weight:950}.blueprint p{margin:10px 0 14px;line-height:1.4}.blueprint b{border:1px solid #fff5;border-radius:999px;margin-right:6px;padding:6px 9px;font-size:10px;display:inline-block}.project-card:hover .blueprint,.project-card:hover .play-chip{transform:translateY(0)}.project-meta{padding:25px 15px;position:relative}.project-meta small{letter-spacing:.13em;color:var(--yellow);font-weight:950}.project-meta h3{font-family:var(--font-display);margin:7px 0;font-size:36px}.project-meta p{color:var(--muted);margin:0;font-size:13px}.circle-arrow{border:2px solid;border-radius:50%;place-items:center;width:49px;height:49px;transition:background .25s,color .25s,transform .25s;display:grid;position:absolute;top:28px;right:10px}.project-card:hover .circle-arrow{background:var(--coral);border-color:var(--coral);transform:rotate(8deg)}.journey h2{max-width:900px}.journey h2 em{background-image:linear-gradient(90deg,var(--violet),var(--coral))}.steps{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:80px;display:grid;position:relative}.progress-line{background:linear-gradient(90deg,var(--coral),var(--yellow),var(--blue),var(--violet));transform-origin:0;height:3px;position:absolute;top:0;left:0;right:0}.steps article{padding:34px 25px 0 0;position:relative}.steps article:before{content:"";border:3px solid var(--cream);background:var(--coral);width:15px;height:15px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;position:absolute;top:-7px;left:0}.step-number{letter-spacing:.1em;font-size:11px;font-weight:950}.step-icon{width:58px;height:58px;box-shadow:5px 5px 0 var(--ink);background:#fff;border:2px solid;border-radius:18px;place-items:center;margin:28px 0 17px;display:grid;transform:rotate(-3deg)}.steps article:nth-child(2n) .step-icon{background:#fff2b8;transform:rotate(3deg)}.steps h3{font-family:var(--font-display);margin:0 0 10px;font-size:30px}.steps p{color:var(--dark-muted);margin:0;line-height:1.55}.join-section{text-align:center;background:radial-gradient(circle,#4b2330,var(--ink) 65%);place-items:center;min-height:660px;padding:110px 25%;display:grid;position:relative;overflow:hidden}.join-orb{border:1px solid #ef4f5f40;border-radius:44% 56% 53% 47%;width:520px;height:520px;position:absolute;box-shadow:inset 0 0 90px #ef4f5f1f}.join-copy{z-index:4;position:relative}.join-section p{color:var(--muted);font-size:21px}.tiny-label{color:var(--yellow);letter-spacing:.15em;margin-bottom:22px;font-size:12px;font-weight:950;display:inline-block}.join-photo{aspect-ratio:1/.8;border:5px solid var(--cream);border-radius:12px;width:230px;position:absolute;overflow:hidden;box-shadow:0 15px 40px #0009}.join-photo img{object-fit:cover}footer{border-top:1px solid #443843;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:70px clamp(24px,7vw,120px) 30px;display:grid}.footer-brand{font-size:16px}footer p{color:var(--muted);text-align:right}footer nav{gap:25px;font-weight:700;display:flex}footer nav a:hover{color:var(--yellow)}footer small{color:#8d818b;text-align:right}@keyframes marquee{to{transform:translate(-50%)}}@keyframes aurora{to{transform:translate(5%,-4%)rotate(22deg)scale(1.08)}}@keyframes float-a{50%{transform:translateY(-10px)rotate(-5deg)}}@keyframes float-b{50%{transform:translateY(12px)rotate(5deg)}}@media (max-height:820px) and (min-width:681px){.hero{padding-top:95px;padding-bottom:120px}.hero-content{transform:translateY(-22px)}.hero h1{font-size:clamp(60px,6.3vw,100px)}.hero-content>p{margin:18px auto}.proof-grid{margin-top:20px}.photo-stack{top:15%}}@media (max-width:1050px){.desktop-nav{gap:20px}.hero{padding-inline:12vw}.photo-stack{width:17vw;min-width:145px;top:20%}.intro-grid,.showcase-head{grid-template-columns:1fr}.feature-cards{grid-template-columns:1fr 1fr}.showcase-head .button{justify-self:start}.steps{grid-template-columns:1fr 1fr;gap:40px}.progress-line{display:none}.steps article{border-top:3px solid}.filmstrip{width:150%;margin-left:-25%}}@media (max-width:720px){.site-header{height:76px}.desktop-nav{display:none}.menu-button{z-index:3;display:grid}.mobile-nav{color:var(--ink);background:var(--cream);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--coral);border-radius:18px;flex-direction:column;gap:4px;padding:24px;display:flex;position:absolute;top:70px;left:15px;right:15px}.mobile-nav>a{padding:12px;font-weight:800}.mobile-nav .nav-cta{background:var(--coral);color:#fff;margin-top:8px}.hero{align-items:start;height:auto;min-height:840px;padding:130px 22px 118px}.hero-content{margin-top:35px}.hero h1{font-size:clamp(51px,15.4vw,72px)}.eyebrow-pill{font-size:12px}.hero-content>p{font-size:16px}.hero-actions{flex-direction:column;padding:0 18px}.proof-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.proof-grid>div{border:0;justify-content:center;padding:0 12px}.proof-grid>div:last-child{grid-column:1/-1}.proof-grid strong{font-size:22px}.photo-stack{opacity:.72;width:30vw;min-width:108px;top:auto;bottom:65px}.photo-stack-left{left:-43px}.photo-stack-right{right:-43px}.photo-stack figure:nth-child(2),.sticker{display:none}.community-section,.journey,.showcase{padding:82px 22px}.section-label{margin-bottom:36px}.community-section h2,.showcase h2,.journey h2,.join-section h2{font-size:50px}.intro-grid{gap:34px}.feature-cards,.project-grid{grid-template-columns:1fr}.feature-cards{margin-top:60px}.feature-card{min-height:285px}.filmstrip-section{padding:70px 0 85px}.filmstrip-heading{padding:0 22px 35px;display:block}.filmstrip-heading p{margin-top:12px}.filmstrip{gap:15px;width:max-content;margin-left:-30px;display:flex}.film-frame{flex:none;width:72vw}.showcase-head{margin-bottom:42px}.project-visual img{aspect-ratio:4/3}.blueprint{inset:38% 6px 6px}.steps{grid-template-columns:1fr}.join-section{min-height:670px;padding:90px 25px 220px}.join-photo{width:160px;top:auto!important;bottom:20px!important}.join-photo.one{left:7%}.join-photo.two{right:7%}footer{text-align:left;grid-template-columns:1fr}footer p,footer small{text-align:left}footer nav{flex-wrap:wrap}}@media (hover:none){.blueprint{display:none}.play-chip{transform:none}.feature-card{transform:none!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ticker div{transform:none}.photo-stack{transform:none!important}}.featured-projects{color:var(--ink);border-top:2px solid var(--ink);background:#f1e9dc;padding:120px clamp(24px,7vw,120px) 135px;position:relative;overflow:hidden}.featured-projects:before{content:"";filter:blur(90px);background:#ffd16666;border-radius:50%;width:420px;height:420px;position:absolute;top:60px;right:-180px}.featured-projects-head,.featured-grid{z-index:1;position:relative}.featured-kicker{border:2px solid var(--ink);letter-spacing:.04em;width:max-content;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:10px;margin-bottom:36px;padding:9px 14px 9px 9px;font-size:12px;font-weight:900;display:flex}.featured-kicker>span{background:var(--yellow);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.featured-heading-row{grid-template-columns:1.35fr .65fr;align-items:end;gap:8vw;display:grid}.featured-overline{letter-spacing:.17em;color:#8d3a49;margin:0 0 17px;font-size:12px;font-weight:950}.featured-projects h2{font-size:clamp(55px,6.2vw,98px)}.featured-projects h2 em{background-image:linear-gradient(90deg,var(--coral),var(--violet))}.featured-heading-row>p{color:#665961;margin:0 0 9px;font-size:clamp(18px,1.65vw,24px);line-height:1.45}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:58px;display:grid}.featured-card{border:2.5px solid var(--ink);min-width:0;box-shadow:5px 6px 0 var(--ink);background:#fff;border-radius:17px;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s;display:block;overflow:hidden}.featured-card:hover{box-shadow:9px 11px 0 var(--ink);transform:translateY(-7px)}.featured-cover{aspect-ratio:16/10;border-bottom:2.5px solid var(--ink);background:#d7cfc4;position:relative;overflow:hidden}.featured-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000,#171219c2);position:absolute;inset:45% 0 0}.featured-cover img{object-fit:cover;filter:saturate(.92)contrast(1.02);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s}.featured-card:hover .featured-cover img{filter:saturate(1.08)contrast(1.04);transform:scale(1.065)}.difficulty-badge,.featured-index,.featured-view-link{z-index:2;position:absolute}.difficulty-badge{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:9px 12px;font-size:11px;font-weight:950;top:17px;left:17px}.difficulty-badge.beginner{background:#9ee6a2}.difficulty-badge.intermediate{background:var(--yellow)}.difficulty-badge.advanced{background:#ff827d}.featured-index{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171219b8;border:2px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;font-weight:950;display:grid;top:17px;right:17px}.featured-view-link{background:var(--cream);color:var(--ink);opacity:0;border-radius:999px;align-items:center;gap:7px;padding:11px 14px;font-size:12px;font-weight:950;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .28s;display:flex;bottom:17px;right:18px;transform:translateY(70px)}.featured-card:hover .featured-view-link{opacity:1;transform:translateY(0)}.featured-view-link svg{transition:transform .25s}.featured-card:hover .featured-view-link svg{transform:translate(2px,-2px)}.featured-card-body{padding:18px 18px 20px}.featured-tags{flex-wrap:wrap;gap:6px;display:flex}.featured-tags span{border:1.5px solid var(--ink);letter-spacing:.05em;text-transform:uppercase;background:#f7f1e8;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:900}.accent-coral .featured-tags span:first-child{background:#ffd0d0}.accent-yellow .featured-tags span:first-child{background:#ffeda6}.accent-blue .featured-tags span:first-child{background:#cfe5ff}.accent-violet .featured-tags span:first-child{background:#ead5ff}.featured-card h3{font-family:var(--font-display);letter-spacing:-.03em;margin:15px 0 8px;font-size:clamp(25px,2vw,34px);line-height:1.03}.featured-description{color:var(--dark-muted);margin:0;font-size:13px;line-height:1.48}@media (max-width:1199px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card h3{font-size:clamp(28px,3vw,38px)}}@media (max-width:1050px){.featured-heading-row{grid-template-columns:1fr;gap:30px}.featured-heading-row>p{max-width:650px}}@media (max-width:720px){.featured-projects{padding:82px 22px}.featured-projects h2{font-size:50px}.featured-kicker{font-size:10px}.featured-grid{grid-template-columns:1fr;gap:18px;margin-top:46px}.featured-card{width:100%;max-width:520px;margin-inline:auto}.featured-card-body{padding:17px 17px 19px}.featured-view-link{opacity:1;transform:none}}@media (hover:none){.featured-view-link{opacity:1;transform:none}}.project-page{background:var(--cream);min-height:100vh;color:var(--ink)}.project-nav{background:var(--ink);height:84px;color:var(--cream);justify-content:space-between;align-items:center;padding:0 clamp(22px,5vw,78px);display:flex}.project-back{align-items:center;gap:8px;font-size:13px;font-weight:850;display:flex}.project-back:hover{color:var(--yellow)}.project-hero{border-bottom:3px solid var(--ink);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:650px;display:grid}.project-hero-copy{background:#f3ebdf;flex-direction:column;justify-content:center;padding:clamp(60px,8vw,120px) clamp(28px,6vw,95px);display:flex}.project-breadcrumb{color:#766a70;align-items:center;gap:9px;margin-bottom:38px;font-size:11px;font-weight:800;display:flex}.project-breadcrumb b{color:var(--ink)}.project-tag-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.project-tag-row .difficulty-badge{position:static}.project-detail-tag{border:1.5px solid var(--ink);text-transform:uppercase;letter-spacing:.07em;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:900}.project-hero h1{font-family:var(--font-display);letter-spacing:-.06em;margin:33px 0 25px;font-size:clamp(60px,7vw,112px);line-height:.88}.project-hero-copy>p{color:#62565d;max-width:650px;margin:0;font-size:clamp(18px,1.5vw,23px);line-height:1.5}.project-maker{align-items:center;gap:14px;margin-top:40px;display:flex}.project-maker>span{border:3px solid var(--ink);width:58px;height:58px;box-shadow:3px 3px 0 var(--coral);border-radius:50%;flex:none;position:relative;overflow:hidden}.project-maker img{object-fit:cover}.project-maker>div{display:grid}.project-maker small{letter-spacing:.14em;color:#8d7d84;font-size:9px;font-weight:950}.project-maker strong{margin:3px 0;font-size:16px}.project-maker p{color:#776c72;margin:0;font-size:12px}.project-hero-media{background:#d8cec1;min-height:560px;position:relative;overflow:hidden}.project-hero-media>img{object-fit:cover;transition:transform .8s}.project-hero-media:hover>img{transform:scale(1.025)}.project-hero-media:after{content:"";background:linear-gradient(#0000,#171219b8);position:absolute;inset:55% 0 0}.project-hero-media button{z-index:2;border:2px solid var(--ink);background:var(--cream);color:var(--ink);box-shadow:5px 6px 0 var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:12px;padding:17px 21px;font-weight:900;transition:transform .25s,box-shadow .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-hero-media button:hover{box-shadow:8px 10px 0 var(--ink);transform:translate(-50%,-55%)}.hero-shot-label{z-index:2;color:#fff;letter-spacing:.14em;font-size:10px;font-weight:950;position:absolute;bottom:22px;left:24px}.project-signal-bar{border-bottom:2px solid var(--ink);background:#fff;align-items:center;gap:32px;min-height:82px;padding:15px clamp(22px,7vw,120px);display:flex}.project-signal-bar>div{grid-template-columns:auto auto;align-items:center;gap:0 7px;display:grid}.project-signal-bar>div svg{color:var(--coral);grid-row:1/3}.project-signal-bar strong{font-size:15px}.project-signal-bar>div span{color:#82767c;font-size:10px}.signal-spacer{flex:1}.project-signal-bar button{border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:11px 15px;font-size:12px;font-weight:850;display:flex}.project-signal-bar button:last-child{background:var(--coral);color:#fff}.project-content-shell{grid-template-columns:230px minmax(0,850px);justify-content:center;gap:clamp(55px,8vw,120px);max-width:1320px;margin:auto;padding:105px clamp(22px,5vw,75px);display:grid}.project-toc{align-self:start;gap:5px;display:grid;position:sticky;top:105px}.project-toc>span{letter-spacing:.15em;color:#8b7c83;margin-bottom:15px;font-size:10px;font-weight:950}.project-toc-tabs{gap:5px;display:grid}.project-toc-stat{border-top:1px solid #d8cdca;align-items:center;gap:10px;margin-top:18px;padding-top:18px;display:flex}.project-toc-stat p{margin:0;display:grid}.project-toc small{letter-spacing:.12em;color:#8b7c83;font-size:8px;font-weight:900}.project-toc strong{margin-top:3px;font-size:13px}.project-section{border-bottom:2px solid #d9ceca;margin-bottom:92px;padding:0 0 92px;scroll-margin-top:100px}.project-section-label{color:#a53b4b;letter-spacing:.15em;align-items:center;gap:8px;font-size:10px;font-weight:950;display:flex}.project-article h2,.project-docs h2,.related-projects h2{font-family:var(--font-display);letter-spacing:-.045em;margin:18px 0 38px;font-size:clamp(43px,5vw,72px);line-height:.95}.article-copy{color:#584d53;font-size:18px;line-height:1.75}.project-article blockquote{border-left:7px solid var(--coral);font-family:var(--font-display);background:#f1e6dc;margin:40px 0 0;padding:28px 32px;font-size:25px;line-height:1.35}.problem-solution{grid-template-columns:1fr 1fr;gap:16px;display:grid}.problem-solution>div{border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink);border-radius:15px;padding:28px}.problem-solution>div:first-child{background:#ffc5c6}.problem-solution>div:last-child{background:#ffe79a}.problem-solution small,.next-build small{letter-spacing:.14em;font-size:9px;font-weight:950}.problem-solution p{margin:12px 0 0;font-size:16px;line-height:1.6}.component-table{border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink);border-radius:13px;overflow:hidden}.component-row{border-top:1px solid #d6cac6;grid-template-columns:70px 1fr 1fr;align-items:center;gap:15px;padding:16px 18px;font-size:13px;display:grid}.component-row:first-child{border:0}.component-row:nth-child(odd){background:#f4ece2}.component-head{color:#fff;letter-spacing:.12em;font-size:9px;font-weight:950;background:var(--ink)!important}.component-row>span:last-child{color:#6d6167}.software-title{font-family:var(--font-display);margin:40px 0 17px;font-size:28px}.software-pills{flex-wrap:wrap;gap:9px;display:flex}.software-pills span{border:1.5px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:800;display:flex}.instruction-list{gap:25px;display:grid}.instruction{border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink);background:#fff;border-radius:16px;grid-template-columns:235px 1fr;align-items:center;gap:28px;padding:16px;display:grid}.instruction-image{border-radius:9px;min-height:180px;position:relative;overflow:hidden}.instruction-image img{object-fit:cover}.instruction>div:last-child>span{letter-spacing:.13em;color:var(--coral);font-size:9px;font-weight:950}.instruction h3{font-family:var(--font-display);margin:8px 0;font-size:27px}.instruction p{color:#675b61;margin:0;font-size:14px;line-height:1.55}.code-window{color:#efe6d8;background:#171219;border:2px solid #3d3340;border-radius:15px;overflow:hidden;box-shadow:7px 8px #ffcf67}.code-window>div{border-bottom:1px solid #3c323b;align-items:center;gap:7px;height:46px;padding:0 17px;display:flex}.code-window>div span{background:var(--coral);border-radius:50%;width:10px;height:10px}.code-window>div span:nth-child(2){background:var(--yellow)}.code-window>div span:nth-child(3){background:#7ed99b}.code-window>div b{color:#a99da4;margin-left:auto;font-size:10px}.code-window pre{margin:0;padding:26px;font-size:13px;line-height:1.7;overflow:auto}.project-download{border-bottom:2px solid var(--coral);align-items:center;gap:8px;width:max-content;margin-top:18px;padding:11px 15px;font-size:12px;font-weight:900;display:flex}.learning-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.learning-list li{border:1.5px solid var(--ink);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:18px;font-size:15px;display:flex}.learning-list li span{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:33px;height:33px;font-size:10px;font-weight:900;display:grid}.next-build{border:2px dashed var(--ink);background:#fff4bd;border-radius:15px;margin-top:35px;padding:28px}.next-build p{font-family:var(--font-display);margin:10px 0 0;font-size:25px;line-height:1.35}.project-docs{border:3px solid var(--ink);background:var(--coral);color:#fff;box-shadow:8px 9px 0 var(--ink);border-radius:22px;grid-template-columns:1fr .85fr;align-items:center;gap:50px;padding:42px;display:grid}.project-docs>div:first-child>span,.related-projects>span{letter-spacing:.15em;font-size:9px;font-weight:950}.project-docs h2{margin:12px 0;font-size:48px}.project-docs p{margin:0;line-height:1.5}.project-docs>div:last-child{gap:9px;display:grid}.project-docs a{border:2px solid var(--ink);background:var(--cream);color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:14px;font-size:12px;font-weight:900;transition:transform .2s;display:flex}.project-docs a:hover{transform:translate(5px)}.related-projects{color:#fff;background:#241820;padding:105px clamp(22px,7vw,120px)}.related-projects>span{color:var(--yellow)}.related-projects>div{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.related-projects a{display:block}.related-projects a>span{border:4px solid #fff;border-radius:13px;height:230px;display:block;position:relative;overflow:hidden}.related-projects img{object-fit:cover;transition:transform .5s}.related-projects a:hover img{transform:scale(1.05)}.related-projects small{color:var(--yellow);letter-spacing:.1em;margin-top:20px;font-size:9px;font-weight:900;display:block}.related-projects h3{font-family:var(--font-display);margin:8px 0;font-size:31px}.related-projects p{color:#c8bdc4;min-height:44px;font-size:13px;line-height:1.5}.related-projects b{align-items:center;gap:6px;font-size:12px;display:flex}.project-footer{background:var(--ink);color:#fff;border-top:1px solid #463a43;align-items:center;gap:35px;padding:45px clamp(22px,7vw,120px);display:flex}.project-footer p{color:#a99da4;margin:auto}.project-footer>a:last-child{align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}@media (max-width:900px){.project-hero{grid-template-columns:1fr}.project-hero-media{min-height:480px}.project-content-shell{grid-template-columns:1fr}.project-toc{display:none;position:static}.related-projects>div{grid-template-columns:1fr 1fr}.project-docs{grid-template-columns:1fr}.project-signal-bar{gap:18px}}@media (max-width:650px){.project-nav{height:72px}.project-hero-copy{padding:55px 22px}.project-hero h1{font-size:58px}.project-hero-media{min-height:350px}.project-hero-media button span{display:none}.project-signal-bar{gap:14px;padding:13px 18px;overflow-x:auto}.project-signal-bar>div span,.project-signal-bar button span{display:none}.project-signal-bar button{padding:10px}.signal-spacer{min-width:10px}.project-content-shell{padding:72px 20px}.project-section{margin-bottom:65px;padding-bottom:65px}.problem-solution{grid-template-columns:1fr}.component-row{grid-template-columns:45px 1fr}.component-row>:last-child{grid-column:2}.component-head>:last-child{display:none}.instruction{grid-template-columns:1fr}.instruction-image{min-height:210px}.project-docs{padding:28px 22px}.related-projects{padding:80px 20px}.related-projects>div{grid-template-columns:1fr}.related-projects a>span{height:260px}.project-footer{flex-direction:column;align-items:flex-start}.project-footer p{margin:0}}.project-maker-initials{background:linear-gradient(135deg,var(--coral),var(--violet));color:#fff;font-family:var(--font-display);place-items:center;font-size:19px;font-weight:800;display:grid!important}.project-maker p a{text-underline-offset:3px;text-decoration:underline}.project-toc{padding-left:18px}.project-toc-tabs>button{color:#6e6168;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-left:2px solid #d7cbc8;padding:11px 13px;font-size:13px;font-weight:750;transition:color .25s,background .25s,border-color .25s,transform .25s;position:relative}.project-toc-tabs>button:hover,.project-toc-tabs>button.active{border-color:var(--coral);color:var(--ink);background:#f2e7dc;transform:translate(3px)}.project-toc-tabs>button.active:after{content:"";background:var(--coral);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:-5px;transform:translateY(-50%);box-shadow:0 0 0 4px #ef4f5f20}.guide-progress{background:#dfd4d0;width:2px;top:40px;left:8px;overflow:hidden;border:0!important;height:226px!important;margin:0!important;padding:0!important;position:absolute!important}.guide-progress i{background:linear-gradient(var(--coral),var(--violet));width:100%;transition:height .15s linear;display:block}.code-window>div button{color:#eee4da;font:inherit;cursor:pointer;background:#2b222a;border:1px solid #685c65;border-radius:7px;align-items:center;gap:6px;margin-left:12px;padding:7px 10px;font-size:10px;font-weight:800;display:flex}.code-window>div button:hover{background:#3b2f38}.project-section{position:relative}.project-section:before{content:"";background:linear-gradient(var(--coral),var(--violet));width:3px;height:0;transition:height .7s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:-32px}.project-section:target:before{height:100%}.project-hero{background:#f3ebdf;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);align-items:center;gap:clamp(30px,5vw,76px);min-height:0;padding:clamp(34px,5vw,72px)}.project-hero-copy{background:0 0;padding:clamp(26px,3vw,48px) 0}.project-hero h1{margin:28px 0 21px;font-size:clamp(52px,5.6vw,88px);line-height:.92}.project-hero-media{aspect-ratio:4/3;border:3px solid var(--ink);width:100%;max-width:570px;min-height:0;box-shadow:8px 9px 0 var(--ink);border-radius:20px;justify-self:end}.project-hero-media>img{object-fit:contain;background:#ece4da}.project-hero-media:after{inset:65% 0 0}.related-projects a{background:#2f222b;border:2px solid #6d5b67;border-radius:16px;flex-direction:column;min-height:250px;padding:24px;transition:transform .3s,border-color .3s;display:flex;box-shadow:5px 6px #0f0b0e}.related-projects a:hover{border-color:var(--yellow);transform:translateY(-6px)}.related-project-meta{justify-content:space-between;align-items:center;gap:14px;display:flex}.related-project-meta i{color:#fff;border:1px solid #6d5b67;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-style:normal;font-weight:950;display:grid}.related-projects small{margin:0}.related-projects p{min-height:0}.related-projects b{border-top:1px solid #594954;margin-top:auto;padding-top:18px}@media (max-width:900px){.project-hero{grid-template-columns:1fr;padding:42px clamp(22px,7vw,64px) 58px}.project-hero-media{justify-self:center;max-width:680px}}@media (max-width:650px){.project-hero{padding:28px 20px 46px}.project-hero-copy{padding:30px 2px}.project-hero h1{font-size:50px}.project-hero-media{aspect-ratio:4/3;width:100%;min-height:0;box-shadow:5px 6px 0 var(--ink);border-radius:14px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-toggle{width:42px;height:42px;color:var(--cream);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff30;border-radius:50%;place-items:center;transition:transform .25s,background .25s;display:grid}.theme-toggle:hover{background:#ffffff1d;transform:rotate(10deg)scale(1.06)}.mobile-theme-toggle{color:var(--ink);cursor:pointer;background:#eee4d7;border:0;border-radius:10px;align-items:center;gap:9px;padding:12px;font-weight:850;display:flex}.project-filters{z-index:2;border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink);background:#fff;border-radius:18px;grid-template-columns:minmax(260px,1fr) 190px 210px;gap:12px;margin-top:55px;padding:13px;display:grid;position:relative}.project-filters label{align-items:center;gap:9px;min-width:0;display:flex}.project-filters label>span:not(.sr-only){letter-spacing:.1em;text-transform:uppercase;padding-left:5px;font-size:9px;font-weight:950}.project-search{background:#f8f3ec;border:1.5px solid #c9bdba;border-radius:11px;padding:0 14px}.project-search input,.project-filters select{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:13px}.project-search input{padding:13px 0}.project-filters select{cursor:pointer;background:#f8f3ec;border:1.5px solid #c9bdba;border-radius:11px;height:44px;padding:0 12px}.project-filters:focus-within{box-shadow:8px 9px 0 var(--ink)}.projects-empty{text-align:center;background:#fff9;border:2px dashed #9e9094;border-radius:18px;grid-column:1/-1;padding:70px 24px}.projects-empty>span{background:var(--yellow);border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;display:grid}.projects-empty h3{font-family:var(--font-display);margin:18px 0 8px;font-size:34px}.projects-empty p{color:var(--dark-muted);margin:0}.projects-empty button{border:1.5px solid var(--ink);background:var(--cream);cursor:pointer;border-radius:999px;align-items:center;gap:7px;margin-top:20px;padding:10px 14px;font-weight:850;display:inline-flex}a,button,.feature-card,.featured-card,.project-card{touch-action:manipulation}.button:active,.nav-cta:active,.theme-toggle:active,.projects-empty button:active{box-shadow:none;transform:translateY(1px)scale(.97)}.featured-card:active,.project-card:active,.feature-card:active{transform:translateY(1px)scale(.985)!important}main[data-theme=dark] .paper,main[data-theme=dark] .filmstrip-section,main[data-theme=dark] .featured-projects{color:#f8eee3;background:#20181f}main[data-theme=dark] .featured-heading-row>p,main[data-theme=dark] .large-copy,main[data-theme=dark] .steps p{color:#cfc3cb}main[data-theme=dark] .feature-card{color:var(--ink)}main[data-theme=dark] .featured-card{color:#fff;background:#30242d;border-color:#f8eee3;box-shadow:5px 6px #f8eee3}main[data-theme=dark] .featured-card:hover{box-shadow:9px 11px #f8eee3}main[data-theme=dark] .featured-tags span{color:var(--ink)}main[data-theme=dark] .featured-description{color:#cfc3cb}main[data-theme=dark] .project-filters{background:#30242d;border-color:#f8eee3;box-shadow:5px 6px #f8eee3}main[data-theme=dark] .project-search,main[data-theme=dark] .project-filters select{color:#fff;background:#211920;border-color:#665762}main[data-theme=dark] .project-search input{color:#fff}main[data-theme=dark] .projects-empty{background:#30242d}main[data-theme=dark] .projects-empty p{color:#cfc3cb}main[data-theme=dark] .film-frame{color:var(--ink)}main[data-theme=dark] footer{background:#171219}.loading-page{background:var(--cream);min-height:100vh;color:var(--ink);padding:130px clamp(22px,7vw,110px)}.loading-head,.skeleton{background:linear-gradient(100deg,#e2d8cc 20%,#f7f0e7 40%,#e2d8cc 60%) 0 0/220% 100%;border-radius:14px;animation:1.4s ease-in-out infinite skeleton-wave}.loading-head{width:min(620px,80%);height:80px;margin-bottom:50px}.loading-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.skeleton{height:330px}.not-found-page{text-align:center;background:radial-gradient(circle at 50% 40%,#4b2330,var(--ink) 65%);min-height:100vh;color:var(--cream);place-items:center;padding:100px 22px;display:grid}.not-found-code{color:var(--yellow);font-family:var(--font-display);font-size:clamp(90px,18vw,220px);line-height:.75;display:block}.not-found-page h1{margin:30px 0 16px;font-size:clamp(48px,7vw,88px)}.not-found-page p{max-width:580px;color:var(--muted);margin:0 auto 28px;font-size:18px;line-height:1.6}@keyframes skeleton-wave{to{background-position:-220% 0}}@media (max-width:900px){.project-filters{grid-template-columns:1fr 1fr}.project-search{grid-column:1/-1}.loading-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.project-filters{grid-template-columns:1fr}.project-search{grid-column:auto}.project-filters label:not(.project-search){gap:6px;display:grid}.loading-grid{grid-template-columns:1fr}.skeleton{height:260px}}.hero-content{transform:translateY(-6px)}.hero-float-photo{z-index:3;aspect-ratio:4/3;border:4px solid var(--cream);background:var(--cream);border-radius:10px;width:132px;margin:0;padding:5px;position:absolute;bottom:88px;right:16.5%;overflow:hidden;box-shadow:0 15px 38px #0008}.hero-float-photo img{object-fit:cover;border-radius:4px}.community-section,.journey{padding-top:88px;padding-bottom:92px}.section-label{margin-bottom:38px}.section-label:before{content:"";background:var(--coral);border-radius:99px;width:34px;height:3px}.section-label.light:before{background:var(--yellow)}.feature-cards{margin-top:62px}.feature-card{min-height:285px}.feature-card h3{margin-top:72px}.filmstrip-section{padding:66px 0 78px}.filmstrip-heading{padding-bottom:36px}.filmstrip-window{width:100%;padding:12px 0 22px;overflow:hidden}.filmstrip{will-change:transform;gap:16px;width:max-content;margin:0;animation:34s linear infinite lab-loop;display:flex}.filmstrip-window:hover .filmstrip{animation-play-state:paused}.film-frame{flex:none;width:210px;padding:7px 7px 12px}.film-frame:nth-child(2n){transform:rotate(1.4deg)translateY(8px)}.film-frame:nth-child(odd){transform:rotate(-1.4deg)}.film-frame img{aspect-ratio:4/4.65}.film-frame figcaption{padding:10px 4px 0;font-size:13px}.featured-projects{padding-top:88px;padding-bottom:98px}.featured-grid{margin-top:50px}.showcase{padding-top:90px;padding-bottom:104px}.showcase-head{margin-bottom:48px}.steps{margin-top:58px}.join-section{min-height:590px;padding-top:82px;padding-bottom:84px}.join-photo{width:195px}.join-photo.one{top:16%;left:2.5%}.join-photo.two{bottom:12%;right:2.5%}.join-photo.three,.join-photo.four{width:145px}.join-photo.three{bottom:7%;left:15%}.join-photo.four{top:8%;right:15%}.project-content-shell{padding-top:78px;padding-bottom:78px}.project-section{margin-bottom:65px;padding-bottom:65px}.related-projects{padding-top:78px;padding-bottom:82px}.related-projects>div{margin-top:38px}.related-projects a{padding:0 0 22px;overflow:hidden}.related-project-media{border:0;border-bottom:2px solid #6d5b67;border-radius:14px 14px 0 0;height:190px;margin:0;display:block;position:relative;overflow:hidden}.related-project-media img{object-fit:cover}.related-project-media:after{content:"";background:linear-gradient(#0000,#171219d4);position:absolute;inset:45% 0 0}.related-project-media i{z-index:2;background:var(--cream);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;font-style:normal;font-weight:900;display:flex;position:absolute;bottom:12px;right:13px}.related-project-meta,.related-projects h3,.related-projects p,.related-projects b{margin-left:22px;margin-right:22px}.related-project-meta{margin-top:18px}.related-projects b{margin-top:auto}.related-projects a:hover .related-project-media img{transform:scale(1.055)}.learning-list li{padding-left:22px}@keyframes lab-loop{to{transform:translate(calc(-50% - 8px))}}@media (max-width:900px){.hero-float-photo{width:105px;right:13%}.join-photo.three{left:4%}.join-photo.four{right:4%}.related-project-media{height:210px}}@media (max-width:720px){.hero{min-height:760px;padding-bottom:96px}.hero-float-photo{display:none}.community-section,.journey,.showcase,.featured-projects{padding-top:68px;padding-bottom:72px}.filmstrip-section{padding:58px 0 64px}.filmstrip{gap:13px;animation-duration:28s}.film-frame{width:176px}.join-section{min-height:620px;padding-bottom:190px}.join-photo{width:142px}.join-photo.one{left:4%}.join-photo.two{right:4%}.join-photo.three,.join-photo.four{display:none}.project-content-shell{padding-top:58px;padding-bottom:58px}.project-section{margin-bottom:50px;padding-bottom:50px}.related-projects{padding-top:62px;padding-bottom:66px}}@media (prefers-reduced-motion:reduce){.filmstrip{animation-play-state:paused}}section[id]{scroll-margin-top:78px}.hero{isolation:isolate}.hero-content{max-width:980px}.hero-content>p{text-wrap:balance;max-width:690px}.hero h1{text-wrap:balance}.hero-actions{margin-top:4px}.photo-stack{width:13.5vw;min-width:170px;top:12%}.photo-stack figure{margin-bottom:-12px}.photo-stack .hero-side-extra{width:88%;margin-top:4px}.photo-stack-left .hero-side-extra{margin-left:18%;transform:rotate(-4deg)translateY(4px)}.photo-stack-right .hero-side-extra{margin-left:-7%;transform:rotate(5deg)translateY(5px)}.photo-stack .hero-bottom-photo{width:100%;margin-top:0}.photo-stack-left .hero-bottom-photo{transform:rotate(-6deg)translate(10px)}.photo-stack-right .hero-bottom-photo{transform:rotate(6deg)translate(-10px)}.photo-stack-left figure:nth-child(2){transform:rotate(6deg)translate(-4px)}.photo-stack-right figure:nth-child(2){transform:rotate(-5deg)translate(5px)}.sticker-coral,.sticker-cream{letter-spacing:.02em;border-radius:11px;padding:10px 13px;font-size:clamp(10px,.72vw,13px);line-height:1.02;top:72%}.sticker-coral{background:var(--coral);color:var(--cream);animation:4.8s ease-in-out infinite float-b;right:-12px;transform:rotate(7deg)}.sticker-cream{background:var(--cream);animation:5.1s ease-in-out infinite float-a;left:-24px;transform:rotate(-7deg)}.hero-float-photo{display:none}.intro-grid>*,.showcase-head>*,.featured-heading-row>*{min-width:0}.intro-grid h2,.journey h2,.showcase h2,.featured-projects h2{text-wrap:balance}.large-copy{text-wrap:pretty;max-width:680px}.feature-card p,.featured-description,.steps p,.project-meta p{text-wrap:pretty;max-width:48ch}.feature-card h3,.steps h3,.project-meta h3{text-wrap:balance}.featured-heading-row>p{text-wrap:pretty;max-width:520px}.featured-card-body{flex-direction:column;min-height:210px;display:flex}.featured-description{margin-bottom:auto}.featured-tags{margin-bottom:2px}.showcase-head .button{white-space:nowrap}.project-meta{min-height:142px}.steps article{flex-direction:column;display:flex}.steps p{margin-top:auto}a[href],button{cursor:pointer}.desktop-nav a,.footer nav a,.text-link{border-radius:5px}.desktop-nav a:focus-visible,.footer nav a:focus-visible,.text-link:focus-visible{outline-offset:7px}.featured-card:focus-visible,.project-card:focus-visible,.related-projects a:focus-visible{outline:4px solid var(--yellow);outline-offset:7px}.button:focus-visible,.nav-cta:focus-visible{outline-color:var(--blue)}@media (max-width:1200px){.photo-stack{width:15.5vw;min-width:145px}.photo-stack-left{left:-3vw}.photo-stack-right{right:-3vw}.hero-content{max-width:790px}.hero h1{font-size:clamp(62px,7vw,100px)}}@media (max-width:900px){.photo-stack .hero-side-extra,.photo-stack .hero-bottom-photo,.sticker-coral,.sticker-cream{display:none}.photo-stack{top:18%}.hero-content{max-width:720px}.intro-grid,.featured-heading-row{align-items:start}}@media (max-width:720px){.hero{min-height:790px}.hero-content{margin-top:18px}.hero-content>p{max-width:36ch}.photo-stack{top:auto;bottom:68px}.photo-stack figure:nth-child(2),.photo-stack .hero-side-extra,.photo-stack .hero-bottom-photo{display:none}.intro-grid h2,.showcase h2,.journey h2,.featured-projects h2{max-width:100%}.featured-card-body{min-height:0}.project-meta{min-height:126px}.showcase-head .button{white-space:normal}}.project-page{width:100%;max-width:100vw;overflow-x:hidden}.project-hero-copy,.project-article,.project-section,.project-content-shell>*{min-width:0}.project-section h2,.project-section h3,.project-section p,.project-hero h1,.project-hero p{overflow-wrap:anywhere}.code-window,.component-table,.instruction-list{max-width:100%}@media (max-width:900px){.project-content-shell{width:100%;max-width:100%;padding-inline:clamp(24px,7vw,58px)}.project-article{width:100%;max-width:100%}.project-section:before{display:none}}@media (max-width:650px){.project-nav{gap:14px;height:auto;min-height:72px;padding:12px 18px}.project-nav .brand-mark{width:35px;height:40px;font-size:22px}.project-back{flex:none;font-size:11px}.project-hero{gap:24px;width:100%;padding:24px 18px 40px}.project-hero-copy{width:100%;padding:24px 0}.project-breadcrumb{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:24px;overflow:hidden}.project-breadcrumb b{text-overflow:ellipsis;overflow:hidden}.project-tag-row{gap:6px}.project-detail-tag,.project-tag-row .difficulty-badge{padding:7px 9px;font-size:8px}.project-hero h1{letter-spacing:-.045em;max-width:100%;font-size:clamp(42px,13vw,56px);line-height:.94}.project-hero-copy>p{font-size:16px;line-height:1.55}.project-maker{align-items:flex-start;margin-top:28px}.project-maker>span{width:48px;height:48px}.project-maker p{line-height:1.5}.project-hero-media{aspect-ratio:4/3;width:100%;max-width:100%}.hero-shot-label{font-size:8px;bottom:13px;left:14px}.project-content-shell{width:100%;max-width:none;margin:0;padding:54px 20px;display:block}.project-article{width:100%;max-width:none}.project-section{width:100%;max-width:100%;margin:0 0 48px;padding:0 0 48px}.project-section-label{font-size:9px}.project-article h2,.related-projects h2{letter-spacing:-.035em;max-width:100%;margin:14px 0 27px;font-size:clamp(38px,11vw,52px);line-height:.98}.article-copy{font-size:16px;line-height:1.7}.problem-solution{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.problem-solution>div{width:100%;box-shadow:4px 5px 0 var(--ink);padding:22px 19px}.problem-solution p{font-size:15px}.project-article blockquote{max-width:100%;margin-top:28px;padding:22px 20px;font-size:21px}.component-table{width:100%;overflow:hidden}.component-row{grid-template-columns:38px minmax(0,1fr);gap:8px;padding:14px 12px;font-size:12px}.component-row>*{overflow-wrap:anywhere;min-width:0}.component-row>:last-child{grid-column:2}.component-head>:last-child{display:none}.software-pills{gap:7px}.software-pills span{padding:8px 10px;font-size:11px}.instruction{width:100%;box-shadow:4px 5px 0 var(--ink);grid-template-columns:minmax(0,1fr);gap:18px;padding:13px}.instruction-image{width:100%;min-height:190px}.instruction>div:last-child{padding:0 5px 6px}.instruction h3{font-size:25px}.code-window{border-radius:11px;width:100%;box-shadow:5px 6px #ffcf67}.code-window>div{padding:0 11px}.code-window>div b{display:none}.code-window pre{max-width:100%;padding:18px 15px;font-size:11px;line-height:1.65;overflow-x:auto}.code-window>div button{margin-left:auto}.learning-list li{align-items:flex-start;padding:16px 17px;font-size:14px;line-height:1.5}.next-build{padding:22px 19px}.next-build p{font-size:21px}.related-projects{padding:60px 20px}.related-projects>div{grid-template-columns:minmax(0,1fr);gap:20px}.related-projects a{width:100%;min-height:0}.related-project-media{height:210px}.project-footer{gap:20px;padding:36px 20px}.project-footer>a:last-child{flex-wrap:wrap}}@media (max-width:380px){.project-content-shell{padding-inline:16px}.project-hero{padding-inline:15px}.project-article h2,.related-projects h2{font-size:36px}.project-nav .brand>span:last-child{display:none}}@media (max-width:900px){.project-content-shell{grid-template-columns:minmax(0,1fr);gap:42px;display:grid;overflow:visible}.project-toc{z-index:18;background:var(--cream);width:100%;max-width:100vw;margin:0;padding:14px 0 12px;display:block;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.project-toc{background:color-mix(in srgb,var(--cream) 94%,transparent)}}.project-toc{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #d7cbc8}.project-toc>span{margin:0 0 9px;padding-inline:2px;display:block}.project-toc-tabs{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;width:100%;display:flex;overflow-x:auto}.project-toc-tabs::-webkit-scrollbar{display:none}.project-toc-tabs>button{white-space:nowrap;scroll-snap-align:start;background:#fff;border:1.5px solid #cabeba;border-radius:999px;flex:none;padding:10px 14px}.project-toc-tabs>button:hover,.project-toc-tabs>button.active{border-color:var(--ink);background:var(--ink);color:var(--cream);transform:none}.project-toc-tabs>button.active:after,.guide-progress,.project-toc-stat{display:none!important}.project-section{scroll-margin-top:108px}}@media (max-width:650px){.project-content-shell{gap:30px;padding-top:28px}.project-toc{width:calc(100% + 40px);margin-inline:-20px;padding:12px 20px 11px}.project-toc>span{font-size:8px}.project-toc-tabs>button{padding:9px 12px;font-size:11px}.project-section{scroll-margin-top:94px}}