:root{--page:min(calc(100% - (var(--gutter) * 2)),1540px);--page-narrow:min(calc(100% - (var(--gutter) * 2)),1160px)}
:is(.content-grid,.info-grid,.form-grid,.stack-row)>*,.field{min-inline-size:0}
a[href^="mailto:"]{overflow-wrap:anywhere}
@media(max-width:820px){html:not(:has(body.first-drop)){--gutter:clamp(1.25rem,4vw,2rem)}.page-hero::before{left:var(--gutter)}}
@media(min-width:1800px){:root{--page:min(calc(100% - (var(--gutter) * 2)),1700px);--page-narrow:min(calc(100% - (var(--gutter) * 2)),1260px)}}

.site-footer {
        position: relative;
        padding: clamp(6rem, 10vw, 10rem) 0 2rem;
        overflow: hidden;
        color: var(--cotton);
        background:
            radial-gradient(circle at 12% 15%, rgba(82, 183, 136, 0.15), transparent 28rem),
            var(--forest-1000);
        border-top: 1px solid var(--line);
    }

    .site-footer__top {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
        gap: clamp(2rem, 5vw, 5rem);
    }

    .site-footer__statement h2 {
        margin: 0;
        font-size: clamp(3rem, 6vw, 7rem);
        font-weight: 300;
        line-height: 1.25;
        letter-spacing: -0.045em;
    }

    .site-footer__brand { margin-bottom: 3rem; display: inline-block; color: inherit; text-decoration: none; }

    .site-footer__statement h2 em {
        color: var(--mint);
        font-style: normal;
    }

    .site-footer__statement > p:last-child {
        max-width: 35rem;
        margin: 1.5rem 0 0;
        color: rgba(242, 239, 230, 0.52);
        line-height: 1.85;
    }

    .site-footer__links {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }

    .site-footer__links strong {
        display: block;
        margin-bottom: 1.5rem;
        color: var(--mint);
        font-size: 0.72rem;
        font-weight: 500;
        letter-spacing: 0.12em;
    }

    .site-footer__links a {
        display: flex;
        align-items: center;
        min-height: 44px;
        margin: 0;
        color: rgba(242, 239, 230, 0.68);
        text-decoration: none;
        font-size: 0.82rem;
        transition: color 200ms ease;
    }

    .site-footer__links a:hover { color: var(--cotton); }

    .site-footer__bottom {
        padding-top: 2rem;
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        color: rgba(242, 239, 230, 0.28);
        font: 500 0.52rem/1.6 'JetBrains Mono', monospace;
        letter-spacing: 0.08em;
    }

    .site-footer__identity{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.75rem;color:#bacbbf;line-height:1.8}
    .site-footer__identity a{color:inherit;text-decoration:none}
    .site-footer__identity a:hover{color:var(--mint)}
    .site-footer__identity span{color:#879e8e;font-size:.7rem}

    .site-footer__bottom p { margin: 0; }
    .site-footer__bottom div { display: flex; gap: 1.4rem; }
    .site-footer__bottom a { text-decoration: none; }
    .site-footer__bottom a:hover { color: var(--mint); }

    @media (max-width: 1100px) {
        .site-footer__top { grid-template-columns: 1fr; }
        .site-footer__statement{max-width:50rem}
        .site-footer__links { gap: 1rem; }
        .site-footer__bottom { flex-direction: column; }
        .site-footer__bottom div { align-items: flex-start; flex-direction: column; gap: 0.5rem; }
    }
    @media(max-width:599px){.site-footer{padding-top:4rem}.site-footer__brand{margin-bottom:2rem}.site-footer__statement h2{font-size:clamp(2rem,9vw,3rem)}.site-footer__statement>p:last-child{font-size:.9rem}.site-footer__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.25rem}.site-footer__links>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.25rem}.site-footer__links>div:last-child strong{grid-column:1/-1;margin-bottom:.75rem}.site-footer__bottom{font-size:.6rem;letter-spacing:.04em}.site-footer__identity{gap:.35rem .8rem}.site-footer__links strong{margin-bottom:.75rem}.site-footer__links a{font-size:.875rem}}
    @media(min-width:1800px){.site-footer__top{grid-template-columns:1.3fr .7fr}.site-footer__statement h2{font-size:7.5rem}}
.footer-follow { display:grid;grid-template-columns:minmax(0,1fr) clamp(208px,21vw,248px);gap:2.5rem clamp(1.5rem,5vw,5rem);align-items:center;margin-top:clamp(3rem,6vw,6rem);padding:clamp(2.5rem,5vw,4.5rem) 0;border-block:1px solid rgba(183,228,199,.2);font-weight:400;scroll-margin-top:calc(var(--nav-height) + 24px); }
    .footer-follow__copy { min-width:0;max-width:38rem; }
    .footer-follow__eyebrow { margin:0 0 1.25rem;color:#91b49b;font:500 .58rem/1.6 'JetBrains Mono',monospace;letter-spacing:.16em; }
    .footer-follow h3 { margin:0;color:#e6eddf;font-size:clamp(1.8rem,2.6vw,2.7rem);font-weight:400;line-height:1.4;letter-spacing:.015em; }
    .footer-follow__description { max-width:27em;margin:1.25rem 0 .6rem;color:#bdcdbc;font-size:.95rem;line-height:1.9; }
    .footer-follow__invitation { max-width:31em;margin:0;color:#a5bba8;font-size:.875rem;line-height:1.9; }
    .footer-follow__link { display:inline-flex;align-items:center;gap:2rem;min-height:44px;margin-top:1.5rem;padding:.5rem 0;border-bottom:1px solid #b7e4c766;color:#d3e4cb;font-size:.85rem;text-decoration:none;transition:color .2s,border-color .2s; }
    .footer-follow__link>span { font-size:1.1rem; }
    .footer-follow__link:hover { color:#fff;border-color:#dcebd5; }
    .footer-follow__handle { margin:.9rem 0 0;color:#9bb29f;font-size:.7rem;line-height:1.7; }
    .footer-follow__handle>span { margin-left:.6rem;color:#c2d0bd;font-family:'JetBrains Mono',monospace;user-select:all; }
    .footer-follow__scan { width:100%;min-width:0;text-align:center; }
    .footer-follow__qr { display:block;width:100%;padding:14px 14px 16px;border:0;border-radius:24px;background:#fff;color:#173e2c;cursor:pointer;box-shadow:0 12px 32px #0003;transition:transform .25s,box-shadow .25s; }
    .footer-follow__qr>img { display:block;width:100%;height:auto;aspect-ratio:1;max-width:100%;border-radius:8px; }
    .footer-follow__qr>span { display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.5rem;font:500 .8rem/1.5 'PingFang SC','Microsoft YaHei',sans-serif; }
    .footer-follow__qr i { font-style:normal;font-size:1rem; }
    .footer-follow__qr:hover { transform:translateY(-3px);box-shadow:0 16px 38px #0004; }
    .footer-follow__scan>p { margin:.85rem 0 0;color:#a5bba8;font-size:.75rem;line-height:1.7; }
    .footer-follow :focus-visible { outline:2px solid #b7e4c7;outline-offset:6px; }
    .footer-follow__dialog { position:fixed;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:2.5rem 1.5rem 1.7rem;overflow:auto;border:1px solid #dce3d4;border-radius:26px;background:#fff;color:#173e2c;text-align:center;box-shadow:0 24px 80px #0005; }
    .footer-follow__dialog::backdrop { background:#031009b8; }
    .footer-follow__close { position:absolute;right:8px;top:8px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#42624a;font:300 1.6rem/1 system-ui,sans-serif;cursor:pointer; }
    .footer-follow__close:hover { background:#e9eee5; }
    .footer-follow__badge { display:inline-block;padding:.3rem .75rem;border-radius:99px;background:#ff2442;color:#fff;font-size:.72rem;font-weight:500; }
    .footer-follow__dialog h3 { margin:1rem 0 .3rem;color:#173e2c;font-size:1.1rem;font-weight:500;line-height:1.6;letter-spacing:0; }
    .footer-follow__dialog>img { display:block;width:100%;max-width:320px;height:auto;margin:0 auto; }
    .footer-follow__dialog>p { margin:.5rem 0;color:#61765e;font-size:.8rem;line-height:1.8; }
    .footer-follow__dialog>a { display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:44px;margin-top:.7rem;padding:.65rem 1.2rem;border-radius:99px;background:#173e2c;color:#f2efe6;font-size:.8rem;text-decoration:none; }
    .footer-follow__dialog>small { display:block;margin-top:1rem;color:#71836c;font-size:.7rem; }
    .footer-follow__dialog :focus-visible { outline-color:#496d43; }
    @media(max-width:599px) {
        .footer-follow { grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:3rem;padding:2.5rem 0; }
        .footer-follow__scan { width:min(248px,100%);justify-self:center; }
        .footer-follow__invitation { max-width:27em; }
    }
    @media(prefers-reduced-motion:reduce) { .footer-follow * { transition:none!important; } .footer-follow__qr:hover { transform:none; } }
.about-signature { margin:0;scroll-margin-top:calc(var(--nav-height) + 24px); }
    .about-signature__image { isolation:isolate;mix-blend-mode:screen; }
    .about-signature__image img { display:block;width:100%;height:auto;filter:invert(1);opacity:.92; }
    .about-signature figcaption { display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-top:clamp(.75rem,2vw,1.5rem);padding-top:1.25rem;border-top:1px solid #cbdcc12e;color:#b1c3a5;font:400 .6rem/1.8 'JetBrains Mono',monospace;letter-spacing:.08em; }
    @media(max-width:599px) { .about-signature figcaption { font-size:.55rem;padding-top:1rem; } }
.about-follow { background:radial-gradient(ellipse at 78% 35%,#204e383b,transparent 55%),var(--forest-950);scroll-margin-top:calc(var(--nav-height) + 24px); }
    .about-follow .content-grid { align-items:center; }
    .about-follow__lead { margin:1.6rem 0 0;max-width:32rem;font-size:clamp(.95rem,1.15vw,1.06rem);line-height:1.95;color:#bccbc0; }
    .about-follow__points { list-style:none;margin:2.2rem 0 0;padding:0;max-width:32rem;border-top:1px solid var(--line); }
    .about-follow__points li { display:flex;gap:.9rem;align-items:baseline;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:.88rem;line-height:1.7;color:#a9bcae; }
    .about-follow__points li::before { content:'';flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:var(--jade); }
    .about-follow__stage { display:flex;align-items:center;justify-content:center;min-width:0; }
    .about-follow .section-title { font-size:clamp(2rem,3.7vw,4.2rem);line-height:1.3; }
    .follow-card { --card-face:#f1f0e8;--card-ink:#193e2c;--card-muted:#6e806e;--card-line:#193e2c26;width:100%;max-width:24rem;margin-inline:auto;font-weight:400; }
    .follow-card__stage { display:block;width:100%;padding:0;border:0;border-radius:28px;background:none;color:inherit;text-align:left;cursor:pointer;perspective:1400px;-webkit-tap-highlight-color:transparent; }
    .follow-card__inner { position:relative;display:block;width:100%;aspect-ratio:3/4;min-height:500px;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform .9s cubic-bezier(.645,.045,.355,1); }
    .follow-card.is-flipped .follow-card__inner { transform:rotateY(180deg); }
    .follow-card__face { position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d6dfca4d;border-radius:28px;background:var(--card-face);box-shadow:0 28px 70px -22px #0008;backface-visibility:hidden;-webkit-backface-visibility:hidden; }
    .follow-card__face--front { transform:rotateY(0deg); }
    .follow-card__cover { position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex:0 0 50%;overflow:hidden;background:#153b2b; }
    .follow-card__forest { position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 48%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }
    .follow-card__cover::before { content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#04150b5c,#0a291a3d 40%,#071c10d1); }
    .follow-card__cover::after { content:'';position:absolute;inset:13px;border:1px solid #e6ead62b;border-radius:17px;pointer-events:none; }
    .follow-card__cover-meta { position:absolute;inset:25px 25px auto;display:flex;align-items:center;justify-content:space-between;gap:1rem; }
    .follow-card__cover-meta>span:first-child { color:#d3ddc6;font:400 .5rem/1.6 'JetBrains Mono',monospace;letter-spacing:.12em; }
    .follow-card__wordmark { display:block;width:86%;margin-top:.5rem;mix-blend-mode:screen; }
    .follow-card__wordmark img { display:block;width:100%;height:auto;filter:invert(1);opacity:.94; }
    .follow-card__edition { position:absolute;bottom:30px;left:0;right:0;color:#d7e0cb;text-align:center;font-size:.75rem;letter-spacing:.15em; }
    .follow-card__body { display:flex;flex-direction:column;padding:1.55rem 1.6rem 1rem; }
    .follow-card__name { color:var(--card-ink);font-size:1.35rem;font-weight:500;letter-spacing:-.025em;line-height:1.5; }
    .follow-card__handle { display:block;margin-top:.45rem;color:var(--card-muted);font:400 .7rem/1.8 'JetBrains Mono',monospace;letter-spacing:.015em; }
    .follow-card__bio { margin-top:1rem;color:#5e735e;font-size:.85rem;line-height:1.8; }
    .follow-card__foot { display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding:1rem 1.6rem;border-top:1px solid var(--card-line); }
    .follow-card__cue { color:#34583e;font-size:.8rem;line-height:1.5; }
    .follow-card__flip-icon { display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border:1px solid #315b3e40;border-radius:50%;color:#244f35;font:400 1.2rem/1 sans-serif;transition:transform .4s; }
    .follow-card__badge { display:inline-flex;align-items:center;padding:.28rem .65rem;border:1px solid #ff71804a;border-radius:99px;background:#ff2442;color:#fff;font-size:.68rem;font-weight:500;line-height:1.6;letter-spacing:.01em; }
    .follow-card__face--back { align-items:center;padding:1.5rem;transform:rotateY(180deg);text-align:center;background:radial-gradient(ellipse at 50% 0%,#dde6d4,transparent 65%),#f1f0e8; }
    .follow-card__back-head { display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem; }
    .follow-card__back-label { color:#72816a;font:400 .5rem/1.5 'JetBrains Mono',monospace;letter-spacing:.16em; }
    .follow-card__face--back .follow-card__name { margin-top:1.4rem;font-size:1.2rem; }
    .follow-card__back-intro { display:block;margin-top:.25rem;color:#667b62;font-size:.85rem;line-height:1.7; }
    .follow-card__qr { display:block;width:min(244px,100%);margin:1.4rem auto 1rem;padding:12px;border:1px solid #a4b29b38;border-radius:21px;background:#fff;box-shadow:0 12px 28px -16px #173b2940; }
    .follow-card__qr img { display:block;width:100%;height:auto; }
    .follow-card__scan { display:block;margin-top:.45rem;color:#72836a;font-size:.74rem;line-height:1.7; }
    .follow-card__under { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 1rem;margin-top:.7rem; }
    .follow-card__hint { margin:0;color:#9bb29c;font-size:.7rem;line-height:1.8; }
    .follow-card__profile { display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;color:#c3d6b5;font-size:.74rem;line-height:1.6;text-decoration:none;border-bottom:1px solid #b7e4c736; }
    .follow-card__profile:hover { color:#fff;border-color:#d4e3c5; }
    .follow-card__stage:hover .follow-card__forest { transform:scale(1.035); }
    .follow-card__stage:hover .follow-card__flip-icon { transform:rotate(45deg); }
    .follow-card__stage:focus-visible { outline:2px solid #b7e4c7;outline-offset:7px; }
    .follow-card__profile:focus-visible { outline:2px solid #b7e4c7;outline-offset:5px; }
    @media(max-width:820px) { .about-follow__stage { margin-top:.5rem; } }
    @media(max-width:480px) { .follow-card { max-width:22rem; }.follow-card__body{padding:1.4rem 1.3rem 1rem}.follow-card__foot{padding:1rem 1.3rem}.follow-card__cover-meta{inset:24px 23px auto}.follow-card__face--back{padding:1.4rem}.follow-card__under{gap:.4rem 1rem} }
    @media(prefers-reduced-motion:reduce) { .follow-card__inner,.follow-card__forest,.follow-card__flip-icon { transition:none; }.follow-card__stage:hover .follow-card__forest,.follow-card__stage:hover .follow-card__flip-icon { transform:none; } }
.about .about-opening{padding:calc(var(--nav-height) + clamp(2.5rem,5vw,5rem)) 0 clamp(3rem,6vw,6rem);background:#153b2b}