.project-list[data-astro-cid-6iojtk56] article[data-astro-cid-6iojtk56][hidden]{display:none}.project-expand[data-astro-cid-6iojtk56]{isolation:isolate;color:var(--text-soft);font:400 var(--font-size-body)/1.5 var(--playful);cursor:pointer;box-shadow:none;transition:color .45s var(--ease-out);background:0 0;border:0;border-radius:0;align-items:center;gap:14px;margin:36px auto 0;padding:12px 26px;display:flex;position:relative}.project-expand[data-astro-cid-6iojtk56]:before{content:"";z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--glow-blue) 20%,transparent),transparent 72%);filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .55s var(--ease-out);position:absolute;inset:-6px -16px}.project-expand[data-astro-cid-6iojtk56] span[data-astro-cid-6iojtk56]{font-family:var(--display)}.project-expand[data-astro-cid-6iojtk56]:focus-visible{color:var(--text);box-shadow:none;background:0 0;transform:none}.project-expand[data-astro-cid-6iojtk56]:focus-visible:before{opacity:1}@media (hover:hover) and (pointer:fine){.project-expand[data-astro-cid-6iojtk56]:hover{color:var(--text)}.project-expand[data-astro-cid-6iojtk56]:hover:before{opacity:1}}.project-expand[data-astro-cid-6iojtk56]:focus-visible{outline:2px solid var(--summer-blue);outline-offset:4px}:root.motion-paused .project-expand[data-astro-cid-6iojtk56]{transition:none}@media (prefers-reduced-motion:reduce){.project-expand[data-astro-cid-6iojtk56],.project-expand[data-astro-cid-6iojtk56]:before{transition:none}}.home-hero{color:var(--on-media);isolation:isolate;grid-template-rows:minmax(100svh,auto) clamp(120px,18svh,220px);display:grid;position:relative;overflow:hidden}.hero-media,.hero-media__image,.hero-media__edge{position:absolute;inset:0}.hero-media{background:var(--media-bg);mask-image:linear-gradient(#000 55%,#000000f0 65%,#0000008c 80%,#0000 100%)}.hero-media__image{object-fit:cover;object-position:center 62%;width:100%;height:100%;animation:hero-breathe 16s var(--ease-out) both}.hero-media__edge{background:linear-gradient(180deg,#0a191e73,#0a191e40 34%,#0a191e8f 75%,var(--bg)),linear-gradient(90deg,#0a191e1f,transparent)}.hero-copy{z-index:2;width:min(850px,calc(100% - 2 * var(--gutter)));text-align:center;grid-row:1;place-self:center;position:relative}.hero-title-heading{isolation:isolate;width:min(100%,620px);animation:summer-arrive 1.2s .15s var(--ease-out) both;margin:0 auto;line-height:1;position:relative}.hero-title-heading:before{z-index:-1;content:"";background:linear-gradient(135deg,var(--hero-wordmark-depth),var(--hero-wordmark-shadow));filter:drop-shadow(0 14px 18px var(--hero-wordmark-shadow));position:absolute;inset:0;transform:translate(6px,10px);mask:url(/media/branding/samsblog-wordmark-nav.webp) 50%/contain no-repeat}.hero-title-heading:after{z-index:-2;content:"";background:radial-gradient(ellipse at 28% 42%,var(--hero-wordmark-halo),transparent 63%),radial-gradient(ellipse at 78% 60%,var(--hero-wordmark-fill),transparent 60%);filter:blur(24px);pointer-events:none;border-radius:50%;position:absolute;inset:12% -9% -18%}.hero-wordmark{object-fit:contain;width:100%;height:auto;filter:drop-shadow(1px 2px 0 var(--hero-wordmark-depth)) drop-shadow(1px 2px 0 var(--hero-wordmark-depth)) drop-shadow(0 20px 26px color-mix(in srgb,var(--hero-wordmark-shadow) 70%,transparent));display:block}.home-page .site-brand__wordmark{transition:opacity .28s ease,max-width .35s var(--ease-out),filter .28s ease,transform .32s var(--ease-out)}@media (width>=1081px){.home-page .site-header:not(.site-header--past-hero) .site-brand__wordmark{opacity:0;visibility:hidden;max-width:0;transform:translate(-8px)}}.hero-sticker{z-index:1;pointer-events:none;color:var(--on-media);font-family:var(--playful);position:absolute}.hero-sticker--sun{color:#ffe6a2;font-size:clamp(40px,7vw,90px);animation:7s ease-in-out infinite alternate summer-float;top:22%;left:7%}.hero-sticker--note{font-size:var(--font-size-body);transform:rotate(9deg);rotate:var(--pointer-tilt,0deg);transition:rotate .35s var(--ease-out);padding:15px 22px;animation:9s ease-in-out -3s infinite alternate summer-float;bottom:18%;right:6%}.section-kicker{color:var(--muted);font:700 var(--font-size-label)/1.5 var(--playful);letter-spacing:.15em;margin-bottom:14px;display:block}.home-page #projects .section-kicker{color:var(--home-projects-heading)}.home-page #latest-article .section-kicker{color:var(--home-articles-heading)}.home-page .home-guestbook__header>span{color:var(--home-guestbook-heading)}.home-page #friends .section-kicker{color:var(--home-friends-heading)}.home-projects{scroll-margin-top:calc(var(--header-height) + 28px);padding:clamp(20px,4vw,60px) 0 clamp(60px,8vw,110px);position:relative}.home-projects .section-title{font-size:clamp(32px,4.5vw,56px);line-height:1.3}.home-projects header{position:relative}.project-tape{isolation:isolate;overflow-wrap:anywhere;max-width:100%;color:var(--text);font:var(--font-size-small)/1.5 var(--playful);transform:rotate(var(--paper-tape-angle));rotate:var(--pointer-tilt,0deg);transition:rotate .35s var(--ease-out),translate .55s var(--ease-link);margin-top:10px;padding:8px 22px;display:inline-block;position:relative}.project-tape:before{z-index:-1;content:"";background:color-mix(in srgb,var(--summer-blue) 19%,transparent);clip-path:polygon(2% 0,98% 2%,100% 20%,98% 44%,100% 68%,98% 100%,1% 98%,0 75%,2% 50%,0 22%);pointer-events:none;position:absolute;inset:0}.project-tape:after{z-index:-2;content:"";background:radial-gradient(ellipse,var(--jump-backlight),transparent 72%);filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .45s var(--ease-out);position:absolute;inset:-14px -18px}@media (hover:hover) and (pointer:fine){.project-tape:hover{translate:2px -3px}.project-tape:hover:after{opacity:1}}:root.motion-paused .project-tape{translate:none;rotate:0deg}@media (width>=900px){.home-projects header{grid-template-columns:1fr 1fr;column-gap:32px;display:grid}.home-projects header>.section-kicker,.home-projects header>.section-title{grid-column:1}.project-tape{grid-area:1/2/span 2;place-self:center end;margin:0 4% 0 0}}@media (prefers-reduced-motion:reduce){.project-tape{transform:rotate(0);translate:none!important}.hero-sticker--note{rotate:0deg}}.project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);margin-top:clamp(32px,5vw,64px);display:grid}.project-list article{align-content:start;gap:var(--project-number-gap);transition:transform .6s var(--ease-link);grid-template-columns:48px minmax(0,1fr);padding-block:12px;display:grid}.project-list article:is(:hover,:focus-within){transform:translate(6px,-4px)}.project-list article>span{color:var(--accent-2);font:700 italic clamp(28px,3vw,40px)/1.2 var(--display-numerals);letter-spacing:-.08em}.project-list article>span:after{content:"";opacity:.65;background:currentColor;border-radius:50%;width:5px;height:5px;margin:14px auto 0;display:block}.project-list article:nth-child(2)>span{color:var(--summer-pink)}.project-list article:nth-child(3)>span{color:var(--summer-orange)}.project-list h3{font:700 clamp(21px,2vw,28px)/1.4 var(--display);overflow-wrap:anywhere;margin:0 0 14px}.project-list p{color:var(--text-soft);font-family:var(--playful);font-size:var(--font-size-body);overflow-wrap:anywhere;margin:0;line-height:1.9}.project-list h3 a{transition:color .3s var(--ease-out),text-shadow .55s var(--ease-out);text-shadow:0 0 10px #0000,0 0 24px #0000}.project-list article:is(:hover,:focus-within) h3 a{color:var(--project-title-hover);text-shadow:0 0 10px var(--project-title-glow-close),0 0 24px var(--project-title-glow-wide)}@media (prefers-reduced-motion:reduce){.project-list article,.project-list h3 a{transition:none}.project-list article:is(:hover,:focus-within){transform:none}}@media (width<=760px){.project-list{grid-template-columns:minmax(0,1fr);gap:12px}.project-list article{padding-block:22px}.home-projects{padding-top:20px}}.site-stats{scroll-margin-top:calc(var(--header-height) + 24px);padding-block:16px clamp(60px,7vw,100px)}.site-stats__panel{font-family:var(--playful);background:color-mix(in srgb,var(--surface) 82%,var(--surface-2));border-radius:28px;padding:clamp(26px,4vw,48px)}.stat-reader-value{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-stats dd:focus-visible{text-shadow:0 0 18px color-mix(in oklab,var(--glow-blue) 35%,transparent)}.site-stats dl{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;display:grid}.site-stats dl>div{min-width:0}.site-stats dt{font-size:var(--font-size-label);color:var(--muted)}.site-stats dd{font:700 clamp(28px,3vw,45px)/1.2 var(--display);color:var(--summer-orange);overflow-wrap:anywhere;margin:12px 0 0}.site-stats dd small{font:400 var(--font-size-small)/1 var(--playful);color:var(--muted);margin-left:6px}.site-stats dl>div:nth-child(2) dd{color:var(--summer-blue)}.site-stats dl>div:nth-child(3) dd{color:var(--summer-pink)}.site-stats dl>div:nth-child(4) dd{color:var(--success)}.home-friends{scroll-margin-top:calc(var(--header-height) + 24px);padding-block:clamp(24px,3vw,40px) clamp(32px,4vw,52px)}.home-friends header{margin-bottom:28px}.home-friends .section-title{font-size:clamp(32px,4vw,48px)}.friend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.friend-card [hidden],.project-meta [hidden]{display:none}.friend-card{isolation:isolate;color:var(--text);transition:transform .42s var(--ease-out),box-shadow .5s var(--ease-out);background:0 0;border-radius:22px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px 14px;padding:16px 20px;display:grid;position:relative;overflow:hidden}.friend-card__background{z-index:0;border-radius:inherit;object-fit:cover;width:100%;height:100%;opacity:var(--friend-background-opacity);filter:blur(var(--friend-background-blur));mask-image:var(--friend-edge-mask);pointer-events:none;position:absolute;inset:0}.friend-card__background.is-avatar-background{filter:blur(var(--friend-avatar-background-blur));opacity:var(--friend-avatar-background-opacity)}.friend-card:before{z-index:1;border-radius:inherit;content:"";background:linear-gradient(105deg,var(--friend-overlay-start),var(--friend-overlay-middle) 55%,var(--friend-overlay-end));mask-image:var(--friend-edge-mask);pointer-events:none;position:absolute;inset:0}.friend-card:after{z-index:1;border-radius:inherit;content:"";background:radial-gradient(ellipse at 50% 58%,color-mix(in oklab,color-mix(in oklab,var(--friend-accent,var(--summer-blue)),white var(--glow-white-mix)) var(--friend-hover-light-strength),transparent),transparent 78%);opacity:0;transition:opacity .45s var(--ease-out);pointer-events:none;position:absolute;inset:0}.friend-card>:is(.friend-card__icon,.friend-card__body,.friend-card__footer){z-index:2}.friend-card:nth-child(3n+2){--friend-accent:var(--summer-pink)}.friend-card:nth-child(3n){--friend-accent:var(--summer-orange)}.friend-card:is(:hover,:focus-within){box-shadow:0 12px 38px color-mix(in oklab,color-mix(in oklab,var(--friend-accent,var(--summer-blue)),white var(--glow-white-mix)) var(--friend-hover-shadow-strength),transparent);transform:translateY(-4px)}.friend-card:is(:hover,:focus-within):after{opacity:1}.friend-card:has(.friend-card__copy:focus-visible){outline:2px solid var(--friend-accent,var(--summer-blue));outline-offset:4px}.friend-card__icon{background:color-mix(in oklab,var(--friend-accent,var(--summer-blue)) 16%,var(--surface));width:58px;height:58px;color:var(--friend-accent,var(--summer-blue));font:700 1.25rem/1 var(--playful);border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.friend-card__icon img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.friend-card__body{min-width:0}.friend-card__heading{flex-wrap:wrap;align-items:center;gap:0 8px;display:flex}.friend-card__copy{overflow-wrap:anywhere;min-width:0}.friend-card__copy strong{font:700 22px/1.4 var(--display)}.friend-card__description{color:var(--text-soft);font:var(--font-size-body)/1.5 var(--playful);overflow-wrap:anywhere;display:block}.friend-card__footer>em{color:var(--friend-accent,var(--summer-blue));font:400 var(--font-size-body)/1.5 var(--playful);font-style:normal}.friend-card__copy:after{content:"";border-radius:22px;position:absolute;inset:0}.friend-card__copy:focus-visible{outline:0}.friend-card__footer{pointer-events:none;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:10px 16px;min-width:0;display:flex}.friend-card__footer>em{overflow-wrap:anywhere;min-width:0}.friend-card__status{color:var(--muted);font:var(--font-size-small)/1.5 var(--playful);align-items:center;gap:7px;margin-left:auto;display:inline-flex}.friend-card__status>i{background:currentColor;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.friend-card__status[data-state=online]{color:var(--success)}.friend-card__status:is([data-state=slow],[data-state=restricted]){color:var(--summer-orange)}.friend-card__status[data-state=offline]{color:var(--danger)}.friend-card__rss{z-index:3;min-width:44px;min-height:44px;color:var(--friend-accent,var(--summer-blue));font:700 .8125rem/1 var(--playful);transition:color .3s var(--ease-out),transform var(--friend-rss-duration) var(--ease-link);border-radius:13px 9px 15px 10px;justify-content:center;align-self:start;align-items:center;gap:5px;display:inline-flex;position:relative}.friend-card__rss:before{z-index:-1;border-radius:inherit;background:radial-gradient(ellipse,color-mix(in oklab,var(--glow-blue) 17%,transparent),transparent 76%);content:"";opacity:0;transition:opacity var(--friend-rss-duration) var(--ease-out),transform var(--friend-rss-duration) var(--ease-link);position:absolute;inset:0;transform:scale(.7)}.friend-card__rss svg{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:19px;height:19px;overflow:visible}.friend-card__rss path{fill:none;stroke-dasharray:1;stroke-dashoffset:.16px;opacity:.65;transition:stroke-dashoffset var(--friend-rss-duration) var(--ease-link),opacity var(--friend-rss-duration) var(--ease-out)}.friend-card__rss path:last-child{transition-delay:60ms}.friend-card__rss:is(:hover,:focus-visible){transform:translate(1px,-2px)rotate(-6deg)}.friend-card__rss:is(:hover,:focus-visible):before{opacity:1;transform:scale(1.2)}.friend-card__rss:is(:hover,:focus-visible) path{stroke-dashoffset:0;opacity:1}.friend-card__rss:focus-visible{outline-offset:3px;outline:2px solid}.friend-card__date{z-index:3;color:var(--muted);font:400 var(--font-size-small)/1.3 var(--playful);white-space:nowrap;cursor:default;position:relative}@media (width<=1000px){.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.friend-grid{grid-template-columns:minmax(0,1fr)}.friend-card{grid-template-columns:48px minmax(0,1fr);gap:8px 12px;padding:16px}.friend-card__icon{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.friend-card,.friend-card__rss,.friend-card__rss:before,.friend-card__rss path{transition:none}.friend-card:is(:hover,:focus-within),.friend-card__rss:is(:hover,:focus-visible){transform:none}}@keyframes summer-arrive{0%{opacity:0;filter:blur(4px);transform:translateY(24px)}to{opacity:1;filter:blur();transform:none}}@keyframes hero-breathe{0%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes summer-float{to{transform:translate(10px,-12px)rotate(9deg)}}@media (width<=760px){.site-stats dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.hero-sticker--note{font-size:var(--font-size-label);bottom:9%;right:7%}.hero-sticker--sun{font-size:42px;top:18%;left:7%}}@media (width<=520px){.hero-copy{width:calc(100% - 40px)}.hero-media__image{object-position:48% 58%}.hero-media__edge{background:linear-gradient(180deg,#0a191e59,#0a191e26 25%,#0a191e94 65%,var(--bg))}}.motion-paused .hero-sticker--note{rotate:0deg}.project-list article{--project-color:var(--accent-2)}.project-list article:nth-child(2){--project-color:var(--summer-pink)}.project-list article:nth-child(3){--project-color:var(--summer-orange)}.project-meta{color:var(--muted);font:400 var(--font-size-small)/1.6 var(--playful);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;display:flex}.project-status{--status-color:var(--success);background:color-mix(in oklab,var(--status-color) 13%,transparent);color:var(--status-color);border-radius:10px 8px 11px 9px;padding:2px 10px}.project-status[data-status=maintenance]{--status-color:var(--summer-orange)}.project-status[data-status=archived]{--status-color:var(--project-archived-color)}.project-keyword{isolation:isolate;white-space:nowrap;display:inline-block;position:relative}.project-keyword svg{pointer-events:none;width:86%;height:12px;color:var(--project-color);position:absolute;bottom:-7px;left:7%;overflow:visible;transform:rotate(-5deg)}.project-keyword path{vector-effect:non-scaling-stroke;fill:none;stroke:currentColor;stroke-width:var(--project-ink-width);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.85;transition:stroke-dashoffset var(--project-ink-duration) var(--project-ink-easing)}.project-list article:is(:hover,:focus-within) .project-keyword path{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.project-keyword path{transition:none}}