.home-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,5vw,96px);width:100%;margin-inline:auto;padding:clamp(46px,5vw,72px) 0 clamp(44px,5vw,68px);position:relative}.hero-copy{position:relative;z-index:1;animation:hero-arrive .65s ease-out both}.hero-kicker{display:inline-flex;gap:10px;align-items:center;font-size:10px;letter-spacing:2.7px;font-weight:750;color:var(--teal)}.hero-kicker>span{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--teal) 12%,transparent)}.hero-copy h1{color:var(--heading);font-size:clamp(34px,3.7vw,52px);line-height:1.3;letter-spacing:-1.7px;margin:24px 0;font-weight:800}.hero-copy h1>span{display:inline-block;color:var(--accent);position:relative}.hero-copy h1 svg{position:absolute;width:94%;left:0;bottom:-9px;height:16px;color:var(--hero-gold);stroke-dasharray:600;animation:ink-arrive 1.3s ease-out both}.hero-copy p{color:var(--muted);font-size:15px;line-height:1.9;margin:28px 0 20px}.hero-browse{display:inline-flex;align-items:center;gap:23px;font-size:13px;text-decoration:none;color:var(--heading);font-weight:600}.hero-browse>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);transition:transform .2s}.hero-browse:hover>span{transform:translate(2px,3px)}.hero-art{min-width:0;animation:hero-arrive .85s ease-out both}.hero-feature{min-width:0}.hero-feature .home-carousel{border-radius:18px;padding:9px;background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 28px var(--shadow)}.hero-feature .home-slide a,.hero-feature .home-slide-content{aspect-ratio:2.2;min-height:260px}.hero-feature .home-slide-title{font-size:18px;padding:32px 20px 18px}.notebook-art{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 20px var(--shadow))}.art-code-float{animation:paper-float 4s ease-in-out}.art-photo-float{animation:paper-float 4s ease-in-out .4s}.art-spark{transform-origin:405px 61px;animation:spark-arrive 1s ease-out both}.hero-mobile-break{display:none}.post-card{position:relative;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.post-card:before{content:"";position:absolute;top:0;left:32px;height:3px;width:42px;background:var(--hero-blue);border-radius:0 0 3px 3px;transition:width .25s}.post-card:nth-child(3n+2):before{background:var(--hero-teal)}.post-card:nth-child(3n):before{background:var(--hero-gold)}.post-date:before{content:"";display:inline-block;width:6px;height:6px;margin:0 9px 1px 0;border-radius:50%;background:var(--hero-teal)}.post-card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:0 14px 28px var(--shadow)}.post-card:hover:before{width:80px}.read-more>span{display:inline-block;transition:transform .2s}.read-more:hover>span{transform:translate(3px,-3px)}.home-features a,.friend-card,.gallery-photo{transition:transform .2s,border-color .2s,box-shadow .2s}.home-features a:hover,.friend-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px var(--shadow)}.home-features h2{display:flex;align-items:center;gap:10px}.home-features h2:before{content:"";width:7px;height:17px;background:var(--hero-blue);border-radius:4px}.home-features-hot h2:before{background:var(--hero-gold)}.home-features-pinned h2:before{background:var(--hero-teal)}.site-brand:before{content:"";display:inline-block;height:12px;width:12px;margin-right:10px;background:var(--hero-blue);border-radius:4px;transform:rotate(-14deg);box-shadow:5px 4px color-mix(in srgb,var(--hero-teal) 50%,transparent)}.desktop-navigation>ul>li>a:hover,.desktop-navigation>a:hover{color:var(--accent)}@keyframes hero-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ink-arrive{0%{stroke-dashoffset:600}to{stroke-dashoffset:0}}@keyframes paper-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spark-arrive{0%{opacity:0;transform:scale(.4) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(max-width:760px){.home-hero{padding:38px 0;gap:0;grid-template-columns:1.3fr 1fr}.hero-copy h1{font-size:34px}.hero-art{margin-left:-20px}.hero-copy p{font-size:14px}.hero-mobile-break{display:block}}@media(max-width:520px){.home-hero{grid-template-columns:1fr}.hero-art{position:absolute;width:145px;right:-2px;top:48px;opacity:.45}.hero-copy h1{font-size:36px}.hero-copy p{max-width:80%}.hero-browse{margin-top:2px}}@media(max-width:760px){.home-hero:has(.hero-feature){grid-template-columns:1fr;gap:28px}.hero-feature .home-slide a,.hero-feature .home-slide-content{aspect-ratio:2;min-height:180px}}.home-highlights{display:grid;gap:24px;margin-bottom:36px}.home-highlights:empty{display:none}.public-site .home-highlights{align-items:stretch}.public-site .home-features:only-child{grid-column:1 / -1}.feature-head{display:flex;align-items:center;gap:10px;margin:0 0 14px}.feature-head h2{flex:1;min-width:0;margin:0}.feature-pagination{display:flex;flex-shrink:0;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.feature-pagination button{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;font:inherit;font-size:11px;line-height:1}.feature-pagination button:disabled{opacity:.35;cursor:default}.post-card{content-visibility:auto;contain-intrinsic-size:auto 380px}#articles{scroll-margin-top:110px}.home-carousel{min-width:0}.home-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:16px}.home-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}.home-slide a,.home-slide-content{position:relative;display:block;aspect-ratio:3.2;min-height:180px;background:#263d58;color:#fff;text-decoration:none}.home-slide img{display:block;width:100%;height:100%;position:absolute;object-fit:cover}.home-slide-title{display:block;position:absolute;bottom:0;left:0;right:0;padding:38px 24px 20px;background:linear-gradient(transparent,#000c);font-size:22px;line-height:1.5;overflow-wrap:anywhere}.home-slide-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px}.home-slide-controls a,.home-slide-controls button{font:inherit;text-align:center;min-width:36px;padding:8px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;text-decoration:none;cursor:pointer}.home-slide-controls a[aria-current=true]{color:#fff;background:#365e90}.home-slide-controls button:disabled{opacity:.4;cursor:default}.home-slides:focus-visible,.home-slide-controls :focus-visible,.home-notice a:focus-visible,.home-notice button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.home-notice{display:flex;align-items:flex-start;gap:16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:16px 20px;overflow-wrap:anywhere}.home-notice-heading{display:flex;flex:0 0 auto;align-items:center;gap:8px}.home-notice-heading>span{font-weight:600;color:var(--muted)}.home-notice p{flex:1}.home-notice p{margin:0}.home-notice a{color:var(--text)}.home-features h2{font-size:17px;color:var(--muted)}.home-features ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;gap:12px;margin:0;padding:0}.home-features li{min-width:0}.home-features a{display:flex;height:100%;flex-direction:column;gap:10px;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-decoration:none}.home-features a:hover{border-color:var(--line-strong);background:var(--surface-hover)}.home-features a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.feature-title{font-size:17px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.feature-meta{font-size:12px;color:var(--subtle)}.home-features-pinned a{border-left:3px solid var(--accent)}.home-features-hot ol{grid-template-columns:repeat(4,minmax(0,1fr))}.home-features-hot .feature-title{font-size:15px}@media(max-width:900px){.home-features-hot ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.home-features ol{grid-template-columns:1fr}}