.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%,color-mix(in srgb,var(--summer-blue) 48%,transparent),transparent 63%),radial-gradient(ellipse at 78% 60%,color-mix(in srgb,var(--on-media) 24%,transparent),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{color:var(--text);font:var(--font-size-small)/1.5 var(--playful);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%);transform:rotate(var(--paper-tape-angle));margin-top:10px;padding:8px 22px;display:inline-block}@media (width>=900px){.project-tape{margin:0;position:absolute;top:32px;right:4%}}@media (prefers-reduced-motion:reduce){.project-tape{transform:none}.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{transition:transform .6s var(--ease-link);grid-template-columns:48px minmax(0,1fr);align-content:start;gap:16px;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(--summer-blue);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)}.site-stats dd:focus-visible{text-shadow:0 0 18px color-mix(in oklab,var(--summer-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{isolation:isolate;min-height:176px;color:var(--text);transition:transform .42s var(--ease-out);background:0 0;border-radius:22px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;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>:is(.friend-card__icon,.friend-card__copy,.friend-card__footer,i){z-index:2;position:relative}.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-visible){transform:translateY(-4px)}.friend-card: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__copy{overflow-wrap:anywhere;gap:7px;min-width:0;display:grid}.friend-card__copy strong{font:700 22px/1.4 var(--display)}.friend-card__copy small{color:var(--text-soft);font:var(--font-size-body)/1.6 var(--playful)}.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__footer{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>i{color:var(--friend-accent,var(--summer-blue));font:700 20px/1 var(--playful);transition:transform .3s var(--ease-out);font-style:normal}.friend-card:hover>i{transform:translate(3px,-3px)}@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) auto;gap:12px;padding:20px}.friend-card__icon{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.friend-card,.friend-card>i{transition:none}.friend-card:is(:hover,:focus-visible),.friend-card:hover>i{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}