@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:400;src:url(/fonts/dm-sans-400.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:600;src:url(/fonts/dm-sans-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/fonts/space-grotesk-400.woff2) format("woff2")}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:500;src:url(/fonts/space-grotesk-variable.woff2) format("woff2")}:root{--accent:#00d874;--background:#060a07;--foreground:rgb(var(--text-rgb)/92%);--muted:rgb(var(--text-rgb)/65%);--panel-scrim:rgb(0 0 0/10%);--text-rgb:255 255 255;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{-webkit-font-smoothing:antialiased;background:var(--background);color:var(--foreground);font-family:DM Sans,Arial,sans-serif;isolation:isolate;line-height:1.5;margin:0;min-height:100vh}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;font:inherit}a,button{outline:2px solid transparent;outline-offset:6px;transition:outline-color .22s ease}a:focus-visible,button:focus-visible{outline-color:var(--accent)}::view-transition-new(root),::view-transition-old(root){animation-duration:.4s}::view-transition{pointer-events:none}::view-transition-old(.nav-back),::view-transition-old(.nav-forward){animation:page-fade .15s ease-in reverse both,page-slide .4s ease-in-out reverse both}::view-transition-new(.nav-back),::view-transition-new(.nav-forward){animation:page-fade .21s ease-out .15s both,page-slide .4s ease-in-out both}::view-transition-new(.nav-back),::view-transition-old(.nav-forward){--slide-offset:-60px}::view-transition-new(.nav-forward),::view-transition-old(.nav-back){--slide-offset:60px}::view-transition-old(.page-cross){animation:page-fade .15s ease-in reverse both}::view-transition-new(.page-cross){animation:page-fade .21s ease-out .15s both}::view-transition-group(.design-cover){animation-duration:.45s;animation-timing-function:cubic-bezier(.65,0,.35,1)}::view-transition-new(.design-cover),::view-transition-old(.design-cover){height:100%;object-fit:cover}::view-transition-image-pair(.design-cover){animation:cover-blur .45s both}::view-transition-group(.reading-tab){animation-duration:.4s;animation-timing-function:cubic-bezier(.65,0,.35,1)}::view-transition-new(.reading-tab),::view-transition-old(.reading-tab){height:100%}@keyframes page-fade{0%{opacity:0}}@keyframes cover-blur{40%{filter:blur(3px)}}@keyframes page-slide{0%{translate:var(--slide-offset)}}::selection{background:var(--accent);color:var(--background)}.wrap{margin-inline:auto;max-width:1440px;width:calc(100% - 112px)}.skip-link{background:var(--accent);color:var(--background);left:10px;padding:12px;position:fixed;top:10px;transform:translateY(-180%);z-index:50}.skip-link:focus{transform:translateY(0)}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.header{background:linear-gradient(#060a07a8,#060a0720);gap:32px;height:100px;justify-content:space-between;padding-inline:56px;width:100%}.header,.identity{align-items:center;display:flex}.identity{font-size:.95rem;font-weight:600;gap:16px;letter-spacing:-.015em;line-height:1.4}.identity svg{color:#00d874;flex:0 0 auto;height:auto;width:46px}.brand-hero{display:grid;padding-block:22px 50px;position:relative}.logo-stage{grid-area:1/1;position:relative}.logo-canvas{height:clamp(300px,36vw,520px);position:relative}.canvas-host{height:100%;width:100%}.statement{align-self:center;display:flex;flex-direction:column;gap:18px;grid-area:1/1;justify-self:center;margin:0;max-width:100%;min-height:calc(2.3 * clamp(1.35rem, 3.4vw, 2.6rem));place-items:center;position:relative;text-align:center;text-wrap:balance;z-index:1}.statement-line{color:rgb(var(--text-rgb)/92%);display:block;font-family:Space Grotesk,DM Sans,sans-serif;font-size:clamp(1.35rem,3.4vw,2.6rem);font-weight:500;letter-spacing:-.03em;line-height:1.15;max-width:100%;width:max-content}.statement[data-leaving]{animation:statement-out .42s ease both}.statement-word{animation:statement-in 1.25s cubic-bezier(.25,.46,.45,.94) both;animation-delay:calc(.14s + var(--word-index) * var(--word-step, 85ms));display:inline-block;will-change:filter,opacity,transform}@keyframes statement-in{0%{filter:blur(12px);opacity:0;transform:translateY(-.4em)}}@keyframes statement-out{to{filter:blur(12px);opacity:0;transform:translateY(.22em)}}.info-grid{bottom:76px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));left:max(56px,calc((100% - 1120px) / 2));position:fixed;right:auto;width:min(calc(100% - 112px),1120px);z-index:20}.info-card{--glass-alpha:28%;-webkit-backdrop-filter:blur(2px) saturate(112%);backdrop-filter:blur(2px) saturate(112%);background-color:rgb(15 27 20/var(--glass-alpha));background-image:linear-gradient(145deg,rgb(18 32 23/9%),transparent 48%),radial-gradient(circle at 48% 118%,rgb(0 216 116/5%),transparent 60%);border:1px solid rgb(169 255 208/12%);border-radius:0;box-shadow:inset 0 -50px 72px rgb(0 0 0/16%),inset 0 1px 0 rgb(214 255 229/7%),0 22px 64px rgb(0 0 0/16%);color:var(--foreground);isolation:isolate;min-height:158px;min-width:0;outline:2px solid transparent;outline-offset:6px;overflow:hidden;position:relative;transition:top .68s cubic-bezier(.16,1,.3,1),left .68s cubic-bezier(.16,1,.3,1),width .68s cubic-bezier(.16,1,.3,1),height .68s cubic-bezier(.16,1,.3,1),background-color .68s ease,border-color .68s ease,box-shadow .68s ease,border-radius .68s cubic-bezier(.16,1,.3,1),outline-color .22s ease}.info-card:first-child{--glass-alpha:32%}.info-card:nth-child(2){--glass-alpha:24%}.info-card:nth-child(3){--glass-alpha:30%}.info-card:nth-child(4){--glass-alpha:26%}.info-card-about-anchor[data-anchor="0"],.info-card:first-child{grid-column:1;grid-row:1}.info-card-about-anchor[data-anchor="1"],.info-card:nth-child(2){grid-column:2;grid-row:1}.info-card-about-anchor[data-anchor="2"],.info-card:nth-child(3){grid-column:3;grid-row:1}.info-card-about-anchor[data-anchor="3"],.info-card:nth-child(4){grid-column:4;grid-row:1}.info-card:before{background:linear-gradient(180deg,rgb(255 255 255/1.8%),transparent 32%),radial-gradient(circle at 18% 100%,rgb(0 216 116/4%),transparent 42%);inset:0;opacity:.72;transition:opacity .26s ease;z-index:0}.info-card:after,.info-card:before{content:"";pointer-events:none;position:absolute}.info-card:after{background:linear-gradient(90deg,transparent,rgb(0 216 116/55%),transparent);height:1px;left:26px;opacity:.28;top:0;width:68px;z-index:2}.info-card-about-anchor{min-height:158px;pointer-events:none;visibility:hidden}.info-card-trigger{appearance:none;background:transparent;border:0;color:inherit;display:block;inset:0;padding:0;position:absolute;text-align:left;width:100%;z-index:1}.info-card:hover{background-color:rgb(22 38 29/30%);border-color:rgb(169 255 208/20%);box-shadow:inset 0 -54px 76px rgb(0 0 0/13%),inset 0 1px 0 rgb(214 255 229/5%),0 30px 80px rgb(0 0 0/26%);z-index:1}.info-card:not(.info-card--expanding):not(.info-card--open):not(.info-card--closing):focus-within:before,.info-card:not(.info-card--expanding):not(.info-card--open):not(.info-card--closing):hover:before{opacity:.42}.info-card:not(.info-card--expanding):not(.info-card--open):not(.info-card--closing):focus-within:after,.info-card:not(.info-card--expanding):not(.info-card--open):not(.info-card--closing):hover:after{animation:info-card-edge-pass .78s cubic-bezier(.16,1,.3,1) both}.info-card:focus-within{z-index:2}.info-card:has(.info-card-trigger:focus-visible){outline-color:var(--accent)}.info-card-number{color:rgb(var(--text-rgb)/54%);font-size:.72rem;left:26px;letter-spacing:.22em;position:absolute;top:24px;transition:top .68s cubic-bezier(.16,1,.3,1),left .68s cubic-bezier(.16,1,.3,1),outline-color .22s ease}.info-card-title{color:rgb(var(--text-rgb)/88%);font-family:Space Grotesk,DM Sans,sans-serif;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:400;left:26px;letter-spacing:-.025em;line-height:.9;max-width:calc(100% - 38px);position:absolute;top:calc(100% - 48px);transform-origin:left center;transition:top .68s cubic-bezier(.16,1,.3,1),left .68s cubic-bezier(.16,1,.3,1),color .22s ease,font-size .68s cubic-bezier(.16,1,.3,1),letter-spacing .68s cubic-bezier(.16,1,.3,1)}.info-card:not(.info-card--expanding):not(.info-card--open):not(.info-card--closing):focus-within .info-card-title,.info-card:not(.info-card--expanding):not(.info-card--open):not(.info-card--closing):hover .info-card-title{color:rgb(var(--text-rgb)/98%)}@keyframes info-card-edge-pass{0%{left:26px;opacity:.2}45%{opacity:.7}to{left:calc(100% - 94px);opacity:.32}}.info-card-arrow{bottom:23px;color:var(--accent);display:inline-flex;opacity:0;position:absolute;right:24px;transform:translate(-5px,5px);transition:opacity .22s ease,transform .22s ease}.info-card-arrow svg{height:20px;width:20px}.info-card:focus-within .info-card-arrow,.info-card:hover .info-card-arrow{opacity:.9;transform:translate(0)}.info-panel-active{overflow:hidden}.info-panel-active .info-grid{z-index:40}body:before{background:var(--panel-scrim);content:"";inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .32s ease;z-index:35}.info-panel-active:before{opacity:1}.info-card.info-card--closing,.info-card.info-card--expanding,.info-card.info-card--open{-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);isolation:isolate;min-height:0;overflow:hidden;position:fixed;z-index:40}.info-card--closing:after,.info-card--expanding:after,.info-card--open:after{animation:none;opacity:0}.info-card.info-card--closing,.info-card.info-card--expanding{background-color:rgb(2 7 4/9%);border-color:transparent;border-radius:0;box-shadow:0 22px 64px rgb(0 0 0/18%);height:var(--panel-start-height);left:var(--panel-start-left);top:var(--panel-start-top);width:var(--panel-start-width)}.info-card--settling{animation:none;transition:none}.info-card.info-card--closing:before,.info-card.info-card--expanding:before,.info-card.info-card--open:before{opacity:0}.info-card.info-card--open{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#000000;background-image:none;border-color:rgb(151 255 198/16%);border-radius:2px;box-shadow:0 36px 120px rgb(0 0 0/65%);height:var(--panel-end-height,calc(100dvh - 76px - max(96px, 10dvh)));left:var(--panel-end-left,56px);top:var(--panel-end-top,max(96px,10dvh));width:var(--panel-end-width,calc(100% - 112px))}.info-card.info-card--viewport-resizing,.info-card.info-card--viewport-resizing .info-card-number,.info-card.info-card--viewport-resizing .info-card-title{transition:none}.info-card--closing .info-card-number,.info-card--expanding .info-card-number{left:var(--content-start-left);top:var(--number-start-top)}.info-card--open .info-card-number{left:clamp(28px,5vw,72px);top:clamp(28px,5vw,72px)}.info-card--open .info-card-title{font-size:clamp(2.4rem,6vw,5.5rem);font-weight:500;left:clamp(28px,5vw,72px);letter-spacing:-.05em;max-width:calc(100% - clamp(56px, 10vw, 144px));top:clamp(128px,18vh,178px)}.info-card--closing .info-card-title,.info-card--expanding .info-card-title{font-size:var(--title-start-size);left:var(--content-start-left);letter-spacing:-.025em;top:var(--title-start-top)}.info-card.info-card--closing .info-card-arrow,.info-card.info-card--expanding .info-card-arrow,.info-card.info-card--open .info-card-arrow{opacity:0}.info-card-expanded-copy{color:var(--muted);font-size:clamp(1rem,1.5vw,1.2rem);left:clamp(28px,5vw,72px);margin:0;max-width:470px;opacity:0;position:absolute;top:calc(clamp(128px, 18vh, 178px) + clamp(2.4rem, 6vw, 5.5rem) + 28px);transform:translateY(12px);transition:opacity .26s ease .36s,transform .26s ease .36s}.info-card--open .info-card-expanded-copy{opacity:1;transform:translateY(0)}.info-card--closing .info-card-expanded-copy{transition-delay:0s}.about-panel-close{align-items:center;background:transparent;border:0;color:rgb(var(--text-rgb)/72%);display:inline-flex;font-size:.8rem;gap:14px;opacity:0;padding:10px 0 10px 18px;pointer-events:none;position:absolute;right:26px;top:26px;transition:opacity .22s ease .36s;z-index:3}.about-panel-close:focus-visible{outline:none}.info-card--open .about-panel-close{opacity:1;pointer-events:auto}.info-card--closing .about-panel-close{transition-delay:0s}.about-panel-close span{border:1px solid rgb(0 216 116/28%);border-radius:50%;color:var(--accent);display:grid;font-size:1.15rem;height:32px;place-items:center;transition:background .18s ease,box-shadow .18s ease,transform .18s ease;width:32px}.about-panel-close:focus-visible span{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--accent),0 0 18px rgb(0 216 116/34%)}.about-panel-close:hover span{background:rgb(0 216 116/10%);transform:rotate(90deg)}.page-rain{background:var(--background);inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-1}.page-rain:after{background:linear-gradient(90deg,#060a0710,#060a0755 25%,#060a0755 75%,#060a0710);content:"";inset:0;pointer-events:none;position:absolute}.page-footer{align-items:center;bottom:22px;display:flex;gap:12px;justify-content:space-between;left:24px;pointer-events:none;position:fixed;right:24px;z-index:30}.page-footer>*{pointer-events:auto}.social-links{display:flex;font-size:.75rem;gap:18px}.social-links a{align-items:center;color:var(--foreground);display:inline-flex;gap:6px}.social-links svg{height:20px;width:20px}.social-links a span,.social-links svg{transition:transform .22s ease}.social-links a:hover svg{transform:translateX(3px)}.social-links a:hover span{transform:translateX(-3px)}.page-motion-toggle,.theme-toggle{-webkit-backdrop-filter:blur(12px) saturate(140%);align-items:center;backdrop-filter:blur(12px) saturate(140%);background:linear-gradient(135deg,rgb(255 255 255/9%),rgb(255 255 255/2%)),rgb(6 10 7/48%);border:1px solid rgb(255 255 255/18%);border-radius:30px;box-shadow:inset 0 1px 0 rgb(255 255 255/12%);display:flex;transition:border-color .18s ease,box-shadow .18s ease,outline-color .22s ease}.theme-toggle{padding:2px}.theme-toggle button{background:transparent;border:0;border-radius:24px;color:var(--muted);font-size:.75rem;padding:4px 8px;text-transform:capitalize}.theme-toggle button[aria-pressed=true]{background:rgb(255 255 255/10%);color:var(--foreground)}.page-motion-toggle{color:rgb(var(--text-rgb)/78%);font-size:.75rem;gap:6px;padding:6px 10px}.page-motion-toggle:hover,.theme-toggle:hover{border-color:rgb(255 255 255/32%);box-shadow:inset 0 1px 0 rgb(255 255 255/18%)}.page-motion-toggle>span{color:rgb(var(--text-rgb)/65%);display:inline-flex}.page-motion-toggle svg{height:20px;width:20px}.glass-button-float{animation:glass-float 6s ease-in-out infinite;flex:0 0 auto}.glass-button{--arrow-x:0px;--arrow-y:0px;--magnetic-x:0px;--magnetic-y:0px;-webkit-backdrop-filter:blur(8px) saturate(155%) brightness(108%);align-items:center;backdrop-filter:blur(8px) saturate(155%) brightness(108%);background:linear-gradient(135deg,rgb(255 255 255/16%),rgb(255 255 255/3%) 48%,rgb(0 216 116/9%));border:1px solid rgb(255 255 255/24%);border-radius:999px;box-shadow:inset 0 1px 0 rgb(255 255 255/30%),inset 0 -1px 0 rgb(0 0 0/35%),0 18px 48px rgb(0 0 0/38%),0 0 30px rgb(0 216 116/8%);color:rgb(var(--text-rgb)/94%);display:inline-flex;font-size:.86rem;font-weight:600;gap:36px;isolation:isolate;justify-content:space-between;letter-spacing:.02em;min-width:172px;overflow:hidden;padding:15px 19px 15px 24px;position:relative;transform:translate3d(var(--magnetic-x),var(--magnetic-y),0);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;will-change:transform}.glass-button:before{background:linear-gradient(100deg,transparent,rgb(255 255 255/18%),transparent);border-radius:inherit;content:"";filter:blur(5px);inset:1px 12% 55%;position:absolute;transform:translateX(-85%);transition:transform .65s ease;z-index:-1}.glass-button:hover{border-color:rgb(0 216 116/55%);box-shadow:inset 0 1px 0 rgb(255 255 255/38%),inset 0 -1px 0 rgb(0 0 0/35%),0 22px 58px rgb(0 0 0/45%),0 0 36px rgb(0 216 116/16%);transform:translate3d(var(--magnetic-x),calc(var(--magnetic-y) - 2px),0) scale(1.015)}.glass-button:hover:before{transform:translateX(85%)}.glass-button:active{box-shadow:inset 0 2px 5px rgb(0 0 0/32%),inset 0 1px 0 rgb(255 255 255/20%),0 8px 20px rgb(0 0 0/38%),0 0 22px rgb(0 216 116/12%);transform:translate3d(var(--magnetic-x),calc(var(--magnetic-y) + 1px),0) scale(.975)}.glass-button-arrow{background:rgb(0 216 116/10%);border:1px solid rgb(0 216 116/34%);border-radius:50%;color:var(--accent);display:grid;font-size:.82rem;height:28px;place-items:center;transform:translate3d(var(--arrow-x),var(--arrow-y),0);transition:transform .18s ease,background .18s ease;width:28px}.glass-button:hover .glass-button-arrow{background:rgb(0 216 116/17%)}.glass-button-edge{-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);background:linear-gradient(110deg,transparent 25%,rgb(0 216 116/10%) 38%,#00d874 49%,#ddffed 52%,transparent 66%);background-position:120% 0;background-size:300% 100%;border-radius:inherit;content:"";inset:-1px;-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;z-index:2}.glass-button:focus-visible .glass-button-edge,.glass-button:hover .glass-button-edge{animation:glass-edge-sweep .9s ease-out both}@keyframes glass-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glass-edge-sweep{0%{background-position:120% 0;opacity:0}18%,72%{opacity:1}to{background-position:-20% 0;opacity:0}}@media (max-width:760px){.wrap{width:calc(100% - 40px)}.header{gap:12px;height:96px;padding:18px 20px}.identity{font-size:.9rem;gap:13px}.identity svg{width:42px}.glass-button{font-size:.8rem;gap:18px;min-width:136px;padding:11px 13px 11px 18px}.glass-button-arrow{height:25px;width:25px}.brand-hero{padding-block:15px 35px}.statement{align-self:start;padding-top:56px}.logo-canvas{height:430px}.info-card.info-card--open{height:var(--panel-end-height,calc(100dvh - 112px - env(safe-area-inset-bottom) - 92px));left:var(--panel-end-left,20px);top:var(--panel-end-top,92px);width:var(--panel-end-width,calc(100% - 40px))}.info-grid{bottom:calc(112px + env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));left:20px;width:calc(100% - 40px)}.info-card,.info-card-about-anchor{min-height:132px}.info-card-about-anchor[data-anchor="2"],.info-card:nth-child(3){grid-column:1;grid-row:2}.info-card-about-anchor[data-anchor="3"],.info-card:nth-child(4){grid-column:2;grid-row:2}.info-card-number{left:20px;top:20px}.info-card-title{font-size:1.1rem;left:20px;top:calc(100% - 44px)}.info-card-arrow{bottom:19px;right:19px}.page-footer{bottom:calc(14px + env(safe-area-inset-bottom));left:16px;right:16px}.header .social-links span,.reading-header .social-links span{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.page-rain:after{background:#060a0740}}@media (max-width:380px){.logo-canvas{height:520px}.info-card,.info-card-about-anchor{min-height:100px}}.reading{animation:reading-in .42s ease both;background:var(--background);display:flex;flex-direction:column;min-height:100vh}@keyframes reading-in{0%{opacity:0}}.reading-header{align-items:center;border-bottom:1px solid rgb(var(--text-rgb)/8%);display:flex;gap:16px 32px;min-height:101px;padding:0 56px}.reading-header .social-links{margin-left:auto}.reading-nav{display:flex;flex:1 1;gap:4px;justify-content:center}.reading-nav a{border-radius:999px;color:var(--muted);font-size:.88rem;isolation:isolate;padding:6px 14px;position:relative;transition:background-color .18s ease,color .18s ease,outline-color .22s ease;white-space:nowrap}.reading-nav a:hover,.reading-nav a[aria-current=page]{color:var(--foreground)}.reading-tab{background:rgb(var(--text-rgb)/7%);border-radius:inherit;corner-shape:inherit;inset:0;position:absolute;z-index:-1}.reading-main{flex:1 1;margin-inline:auto;max-width:1120px;padding-block:48px 64px;width:calc(100% - 112px)}@media (max-width:760px){.reading-header{display:grid;grid-template-columns:auto 1fr;grid-template-rows:96px auto;padding:0 20px 12px;row-gap:0}.reading-header .social-links{grid-column:2;grid-row:1;justify-self:end}.reading-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start}.reading-nav a{padding-inline:10px}.reading-main{padding-top:32px;width:calc(100% - 40px)}.designs-grid.reading-empty>li:nth-child(3){display:none}}.launch-veil{animation:launch-veil .62s cubic-bezier(.65,0,.35,1) both;background:var(--background);pointer-events:none;position:fixed;z-index:60}@keyframes launch-veil{0%{height:var(--from-height);left:var(--from-left);top:var(--from-top);width:var(--from-width)}to{height:100vh;left:0;top:0;width:100%}}.designs-intro{margin-bottom:44px;max-width:46ch}.design-post-header h1,.designs-intro h1{font-family:Space Grotesk,DM Sans,sans-serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:500;letter-spacing:-.035em;line-height:1;margin:0 0 14px}.designs-intro p{color:var(--muted);margin:0}.designs-grid{display:grid;gap:40px 28px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));list-style:none;margin:0;padding:0}.design-shot{display:flex;flex-direction:column;gap:4px}.design-shot-frame{aspect-ratio:4/3;background:rgb(var(--text-rgb)/6%);display:block;margin-bottom:10px;overflow:hidden;position:relative}.design-shot-frame img{object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.design-shot:hover .design-shot-frame img{transform:scale(1.03)}.design-shot-title{font-size:.95rem;font-weight:600}.design-credit,.design-post-meta,.design-shot-meta{color:var(--muted);font-size:.85rem;margin:0}.reading-empty>li:nth-child(2){opacity:.55}.reading-empty>li:nth-child(3){opacity:.25}.reading-empty .design-shot-frame{align-items:center;color:rgb(var(--text-rgb)/18%);display:flex;justify-content:center}.reading-empty .design-shot-frame svg{width:64px}.empty-lines{display:grid;gap:10px;padding-top:6px}.empty-lines span{background:rgb(var(--text-rgb)/8%);border-radius:4px;height:10px;width:70%}.empty-lines span:last-child{width:45%}.design-post{max-width:960px}.design-back{color:var(--muted);display:inline-block;font-size:.85rem;margin-bottom:32px;transition:color .18s ease,outline-color .22s ease}.design-back:hover{color:var(--foreground)}.design-post-header{margin-bottom:32px}.design-body a,.design-credit a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.design-post-cover{display:block;height:auto;margin-bottom:44px;width:100%}.design-body{font-size:1.05rem;line-height:1.7}.design-body>:not(img,p:has(>img:only-child)){max-width:65ch}.design-body h2,.design-body h3{font-family:Space Grotesk,DM Sans,sans-serif;font-weight:400;letter-spacing:-.02em;line-height:1.2;margin:44px 0 12px}.design-body img{display:block;height:auto;margin-block:32px;max-width:100%}.journal{max-width:640px}.journal-feed{border-top:1px solid rgb(var(--text-rgb)/10%);list-style:none;margin:0;padding:0}.journal-feed>li{border-bottom:1px solid rgb(var(--text-rgb)/10%)}.note{display:grid;gap:14px;grid-template-columns:40px minmax(0,1fr);padding-block:22px}.note-avatar{align-items:center;background:rgb(var(--text-rgb)/6%);border-radius:50%;color:#00d874;display:flex;height:40px;justify-content:center;width:40px}.note-avatar svg{width:24px}.note-meta{color:var(--muted);font-size:.88rem;margin:0 0 6px}.note-meta strong{color:var(--foreground);font-weight:600}.note-meta a:hover{text-decoration:underline}.note-body{line-height:1.6;overflow-wrap:anywhere}.note-body p{margin:0 0 10px}.note-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.note-image{border:1px solid rgb(var(--text-rgb)/10%);border-radius:14px;display:block;height:auto;margin-top:12px;width:100%}.note-link{border:1px solid rgb(var(--text-rgb)/14%);border-radius:14px;display:flex;flex-direction:column;gap:2px;margin-top:12px;padding:12px 16px;transition:background-color .18s ease,outline-color .22s ease}.note-link:hover{background:rgb(var(--text-rgb)/4%)}.note-link-host{color:var(--muted);font-size:.8rem}.note-link-title{font-weight:600}.note-tags{color:var(--accent);display:flex;flex-wrap:wrap;font-size:.85rem;gap:10px;margin:12px 0 0}.comments{border-top:1px solid rgb(var(--text-rgb)/10%);margin-top:64px;max-width:65ch;padding-top:40px}.comments h2{align-items:center;display:flex;font-family:Space Grotesk,DM Sans,sans-serif;font-size:1.5rem;font-weight:400;gap:10px;margin:0 0 24px}.comments-count{background:rgb(var(--text-rgb)/8%);border-radius:999px;color:var(--muted);font-size:.8rem;padding:2px 9px}.comments-note{color:var(--muted);font-size:.88rem;margin:0 0 16px}.comment-replies,.comments-list{display:flex;flex-direction:column;gap:24px;list-style:none;margin:0 0 40px;padding:0}.comment-replies{border-left:2px solid rgb(var(--text-rgb)/10%);margin:16px 0 0;padding-left:20px}.comment-meta{color:var(--muted);font-size:.85rem;margin:0 0 6px}.comment-meta strong{color:var(--foreground);font-weight:600}.comment-badge{background:var(--accent);border-radius:999px;color:var(--background);font-size:.7rem;font-weight:600;margin-left:4px;padding:1px 8px}.comment-text{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.comment-form{display:flex;flex-direction:column;gap:16px}.comment-form h3{font-size:1rem;font-weight:600;margin:0}.comment-form label{display:flex;flex-direction:column;font-size:.85rem;gap:6px}.comment-form input,.comment-form textarea{background:rgb(var(--text-rgb)/4%);border:1px solid rgb(var(--text-rgb)/16%);border-radius:8px;color:var(--foreground);font:inherit;padding:10px 12px}.comment-form input:focus-visible,.comment-form textarea:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.comment-form textarea{resize:vertical}.comment-form button{align-self:flex-start;background:var(--foreground);border:0;border-radius:999px;color:var(--background);font-weight:600;padding:10px 22px}.comment-form button:disabled{cursor:progress;opacity:.6}.comment-status{font-size:.88rem;margin:0;min-height:1.5em}.comment-status--error{color:#d64545}.comment-trap{height:1px;left:-9999px;overflow:hidden;position:absolute;width:1px}@supports (corner-shape:bevel){.launch-veil{animation-name:launch-veil,launch-veil-corners;corner-shape:bevel}@keyframes launch-veil-corners{0%{border-radius:0 20px 0 20px}to{border-radius:0}}.design-shot-frame{border-radius:0 16px 0 16px;corner-shape:bevel}.identity{border-radius:0 10px 0 10px;corner-shape:bevel}.info-card{border-radius:0 20px 0 20px;corner-shape:bevel}.info-card.info-card--expanding,.info-card.info-card--open{border-radius:0 40px 0 40px}.info-card.info-card--closing{border-radius:0 20px 0 20px}.page-motion-toggle,.theme-toggle{border-radius:0 10px 0 10px;corner-shape:bevel}.reading-nav a,.social-links a,.theme-toggle button{border-radius:0 7px 0 7px;corner-shape:bevel}}:root[data-theme=light]{.theme-toggle button[aria-pressed=true]{background:rgb(0 0 0/10%)}&{--accent:#3555e7;--background:#ffffff;--text-rgb:0 0 0;color-scheme:light}.header{background:linear-gradient(#ffffffc4,#ffffff20)}.page-rain:after{background:transparent}.page-rain{background:linear-gradient(#fff,#eef5ff)}.info-card{background-color:rgb(255 255 255/38%);background-image:linear-gradient(145deg,rgb(255 255 255/35%),rgb(255 255 255/12%));border-color:transparent;box-shadow:inset 0 -40px 65px rgb(255 255 255/32%),0 16px 48px rgb(19 34 90/7%)}.info-card:hover{background-color:rgb(255 255 255/22%);border-color:transparent;box-shadow:inset 0 1px 0 rgb(255 255 255/65%),0 22px 62px rgb(19 34 90/14%)}.info-card.info-card--closing,.info-card.info-card--expanding{background-color:rgb(255 255 255/38%);box-shadow:0 16px 48px rgb(19 34 90/7%)}.info-card.info-card--open{background-color:#ffffff;background-image:none;border-color:rgb(53 85 231/16%);box-shadow:0 36px 120px rgb(19 34 90/16%)}.page-motion-toggle,.theme-toggle{background:linear-gradient(135deg,rgb(255 255 255/60%),rgb(255 255 255/15%)),rgb(255 255 255/24%);border-color:rgb(30 55 80/14%);box-shadow:inset 0 1px 0 rgb(255 255 255/85%)}.page-motion-toggle:hover,.theme-toggle:hover{border-color:rgb(30 55 80/25%)}}@media (prefers-reduced-motion:reduce){.reading{animation:none}::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}.design-shot:hover .design-shot-frame img{transform:none}html{scroll-behavior:auto}.glass-button-float,.statement-word,.statement[data-leaving]{animation:none}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}