*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--actual-header-height,var(--header-height)) + 24px)}
body{margin:0;color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.65;background:linear-gradient(170deg,var(--bg-glow) 0%,var(--bg-canvas) 24%,var(--bg-canvas) 85%,var(--bg-wash) 100%);-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:5px}
:focus-visible{outline:2px solid var(--green-700);outline-offset:4px}
[hidden]{display:none!important}
main:focus,section:focus{outline:none}
::selection{background:var(--green-200);color:var(--green-900)}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere}
h1,h2{color:var(--heading);letter-spacing:-.045em}
h1{font-size:clamp(2.5rem,5.15vw,4.5rem);font-weight:900;line-height:1.12}
h2{font-size:clamp(1.875rem,3.4vw,3rem);font-weight:800;line-height:1.2}
h3{font-size:1.3rem;font-weight:700;line-height:1.35;letter-spacing:-.025em}
p{text-wrap:pretty}
section{scroll-margin-top:calc(var(--actual-header-height,var(--header-height)) + 24px)}
.container{width:min(var(--page-width),calc(100% - var(--gutter)*2));margin-inline:auto}
.section{padding-block:var(--section-space)}
.icon{width:24px;height:24px;flex-shrink:0}
.eyebrow{margin-bottom:20px;font-size:.8125rem;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:var(--ink-secondary)}
.tiny-overline{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.skip-link{position:fixed;top:12px;left:20px;z-index:100;background:var(--surface);padding:12px 18px;border:2px solid var(--green-700);transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.site-header{position:relative;top:0;z-index:20;background:rgb(250 251 242 / 96%);border-bottom:1px solid var(--border)}
.menu-enhanced .site-header{position:sticky}
.header-inner{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;color:var(--green-900)}
.brand:hover{text-decoration:none}
.wordmark{font-size:1.5rem;font-weight:800;letter-spacing:-.055em;white-space:nowrap}
.wordmark>span:first-child{font-weight:500}
.wordmark .wordmark-period{font-weight:900;color:var(--primary);font-size:1.7em;line-height:0}
.main-nav{display:flex;align-items:center;gap:12px 32px;flex-wrap:wrap}
.main-nav a{font-size:.875rem;font-weight:500;color:var(--ink-secondary);padding-block:12px}
.main-nav a:hover{color:var(--link)}
.menu-toggle{display:none;background:none;border:1px solid var(--green-700);border-radius:7px;min-height:44px;padding:8px 12px;align-items:center;gap:10px;font-size:.875rem;color:var(--ink)}
.menu-lines{width:16px;height:10px;border-block:1.5px solid currentColor;position:relative}
.menu-lines::after{content:'';position:absolute;width:100%;height:1.5px;background:currentColor;top:3px}
.hero{padding-block:86px 92px}
.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:58px}
.hero-copy{padding-block:6px}
.hero .eyebrow{margin-bottom:24px;display:flex;align-items:center;gap:10px;letter-spacing:.095em}
.hero .eyebrow::before{content:'';display:block;width:22px;height:1px;background:var(--primary)}
.hero h1 span{position:relative;color:var(--primary)}
.hero-lead{font-size:1.125rem;line-height:1.75;color:var(--ink-secondary);max-width:53ch;margin-top:26px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:32px}
.slime-action{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;padding:14px 24px;font-size:.9375rem;font-weight:600;line-height:1.4;color:var(--surface);min-height:52px;max-width:100%;border-radius:var(--action-radius);white-space:normal;text-align:center}
.slime-action::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--action-gradient);border:1px solid var(--green-700);border-radius:var(--action-radius);box-shadow:0 4px 10px rgb(11 51 37 / 12%)}
.slime-action:hover{text-decoration:none}
.slime-action:hover::before{background:var(--green-700)}
.quiet-link{font-size:.875rem;font-weight:600;border-bottom:1px solid var(--border-strong);padding-block:6px;color:var(--green-700)}
.hero-support{display:flex;align-items:flex-start;gap:12px;font-size:.8125rem;line-height:1.7;color:var(--ink-secondary);max-width:40ch;margin-top:30px}
.small-rule{width:2px;min-width:2px;height:36px;margin-top:3px;background:var(--green-300)}
.hero-figure{min-width:0;position:relative}
.hero-figure::before{content:'';position:absolute;inset:14px -10px 44px 14px;background:var(--green-100);border:1px solid var(--border-strong);z-index:-1}
.ink-panel{position:relative;border:2px solid var(--panel-stroke);border-radius:2px 18px 2px 18px;box-shadow:4px 5px 0 var(--panel-ink);background:var(--panel-paper)}
.hero-panel{padding:25px 26px 20px;background:radial-gradient(ellipse at 90% 95%,var(--green-200),transparent 65%),var(--green-50);isolation:isolate}
.hero-panel::before{content:'';position:absolute;inset:8px;border:1px solid rgb(28 43 34 / 18%);border-radius:1px 12px 1px 12px;pointer-events:none;z-index:-1}
.hero-panel::after{content:'';position:absolute;right:15px;top:83px;width:110px;height:110px;z-index:-1;background-image:radial-gradient(var(--screentone) .7px,transparent .7px);background-size:5px 5px;border-radius:50%}
.hero-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--green-800)}
.panel-edition{font-size:.65rem;color:var(--ink-secondary);letter-spacing:.025em}
.panel-title{font-size:clamp(2rem,3.4vw,3.05rem);font-weight:800;line-height:1.15;color:var(--green-900);letter-spacing:-.04em;margin:30px 0 32px}
.panel-title>span{font-weight:500}
.hero-collage{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:center;gap:12px;padding-bottom:12px}
.hero-activity{align-self:start;padding-top:5px;transform:rotate(-3deg);position:relative;z-index:2}
.hero-activity .activity-card{padding:13px 11px;min-width:0;border:1px solid var(--ink);box-shadow:2px 3px 0 rgb(28 43 34 / 15%);gap:9px}
.hero-activity .avatar{width:32px;height:32px;font-size:.875rem}
.hero-activity .activity-person{align-items:flex-start;gap:2px;flex-direction:column}
.hero-activity .activity-person strong{font-size:.875rem}
.hero-activity .activity-person>span{font-size:.75rem}
.hero-activity .activity-card p{font-size:.75rem;line-height:1.55}
.hero-activity .activity-category{font-size:.75rem;gap:5px;margin-top:8px}
.hero-activity .activity-category .icon{width:15px;height:15px}
.paper-note{display:block;font-size:.875rem;font-weight:500;line-height:1.65;color:var(--green-800);padding:22px 8px 8px 18px}
.hero-record{transform:rotate(6deg);padding-top:25px}
.record-preview{position:relative;border:1px solid var(--ink);border-radius:2px;background:var(--canvas);padding:18px;box-shadow:3px 4px 0 rgb(28 43 34 / 12%);color:var(--ink)}
.record-top{display:flex;align-items:center;justify-content:space-between;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--border-strong);flex-wrap:wrap}
.record-top .tiny-overline{font-size:.625rem;letter-spacing:.06em}
.record-top .icon{width:18px;height:18px}
.record-type{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green-700);display:inline-block;margin-top:16px}
.record-title{font-size:1.0625rem;line-height:1.4;font-weight:700;margin-block:6px 14px}
.record-progress{font-size:.75rem;color:var(--ink-secondary)}
.progress-track{height:5px;background:var(--green-100);margin-block:10px 14px;border-radius:5px}
.progress-track span{width:33.33%;height:100%;background:var(--green-700);display:block;border-radius:inherit}
.record-shelf{font-size:.65rem;color:var(--green-700);font-weight:500}
.hero-panel-bottom{border-top:1px solid rgb(28 43 34 / 20%);padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--green-800)}
.panel-footnote{font-size:.6875rem;letter-spacing:.015em}
.four-point{font-size:1.625rem;line-height:1}
figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;font-size:.75rem;color:var(--ink-secondary)}
.preview-label{font-size:.6875rem;line-height:1.5;color:var(--ink-secondary);font-weight:400;letter-spacing:.02em}
.section-intro{margin-bottom:40px}
.section-lead{color:var(--ink-secondary);max-width:62ch;margin-top:18px;line-height:1.7}
.cafe-section{border-block:1px solid var(--border);background:var(--surface)}
.cafe-intro{margin-bottom:40px}
.cafe-intro .eyebrow{margin-bottom:18px}
.cafe-heading-row{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cafe-heading-row h2{font-size:clamp(2.5rem,4.5vw,4rem)}
.heading-period{color:var(--primary)}
.cafe-heading-row>p{font-size:1.125rem;color:var(--ink-secondary);text-wrap:balance}
.cafe-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:70px;align-items:center}
.cafe-copy>p{font-size:1.0625rem;color:var(--ink-secondary);line-height:1.8}
.cafe-points{list-style:none;padding:0;margin:28px 0 0}
.cafe-points li{display:flex;align-items:baseline;gap:16px;margin-top:18px;font-size:.9375rem;font-weight:500;color:var(--green-900)}
.cafe-points li>span{font-size:.75rem;font-weight:500;color:var(--green-700)}
.cafe-panel{background:var(--green-900);color:var(--green-100);padding:26px 30px 22px;border-color:var(--ink);box-shadow:4px 5px 0 var(--green-200);isolation:isolate}
.cafe-panel::before{content:'';position:absolute;inset:8px;border:1px solid rgb(185 235 208 / 18%);border-radius:1px 12px 1px 12px;pointer-events:none;z-index:-1}
.cafe-panel::after{content:'';position:absolute;width:140px;height:140px;right:15px;top:35px;background-image:radial-gradient(rgb(185 235 208 / 18%) .7px,transparent .7px);background-size:5px 5px;border-radius:50%;z-index:-1}
.cafe-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.cafe-panel-heading .icon{color:var(--green-300)}
.cafe-preview-title{font-size:2rem;font-weight:700;letter-spacing:-.035em;line-height:1.2;margin-block:23px 24px}
.cafe-activities{display:grid;gap:12px}
.activity-card{display:flex;align-items:flex-start;gap:14px;background:var(--surface);padding:15px 18px;border:1px solid var(--border);border-radius:6px;color:var(--ink);box-shadow:var(--shadow-soft)}
.avatar{display:grid;place-items:center;border:1px solid rgb(28 43 34 / 15%);width:40px;height:40px;flex-shrink:0;border-radius:42% 48% 41% 48%;font-weight:600;color:var(--green-900)}
.mint{background:var(--green-100)}
.leaf{background:var(--leaf-100)}
.sakura{background:var(--sakura-100);color:var(--sakura-800)}
.activity-content{min-width:0;flex:1}
.activity-person{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;line-height:1.4}
.activity-person strong{font-size:.875rem;font-weight:600}
.activity-person>span{font-size:.75rem;color:var(--ink-secondary)}
.activity-category{display:flex;gap:7px;align-items:center;font-size:.8125rem;color:var(--green-700);font-weight:500;margin-top:7px;line-height:1.5}
.activity-category .icon{width:16px;height:16px}
.activity-card p{font-size:.8125rem;color:var(--ink-secondary);margin-top:4px;line-height:1.5}
.cafe-caption{font-size:.75rem;color:var(--green-200);margin-top:22px;text-align:center;letter-spacing:.02em}
.cafe-figure figcaption{justify-content:flex-end}
.category-strip{display:flex;align-items:center;gap:30px;border-top:1px solid var(--border);padding-top:25px;margin-top:40px}
.category-intro{max-width:135px;font-size:.8125rem;line-height:1.6;color:var(--ink-secondary)}
.category-strip ul{list-style:none;display:flex;flex-wrap:wrap;gap:18px 25px;padding:0;margin:0;flex:1;justify-content:space-between}
.category-strip li{display:flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:500;color:var(--green-800)}
.category-strip .icon{width:18px;height:18px}
.features-section{background:var(--canvas)}
.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.feature-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:9px;padding:28px 28px 20px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.feature-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px;flex-wrap:wrap}
.feature-top>.icon{color:var(--green-700);width:28px;height:28px}
.card-kicker{font-size:.75rem;color:var(--ink-secondary);margin-bottom:8px}
.feature-card h3{color:var(--green-900);font-size:1.25rem}
.card-description{font-size:.9375rem;line-height:1.75;color:var(--ink-secondary);margin-top:14px}
.feature-preview{margin-top:auto;padding-top:26px}
.feature-preview>.preview-label{display:block;margin-top:14px;text-align:right}
.identity-motif{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:18px;background:var(--green-50);border:1px solid var(--border-strong);border-radius:4px;position:relative}
.identity-motif .avatar{width:34px;height:34px;font-size:.875rem}
.identity-motif strong{display:block;font-size:.875rem;font-weight:600;line-height:1.5}
.identity-motif>div>span{font-size:.75rem;color:var(--ink-secondary)}
.mini-seal{color:var(--green-700);border:1px solid currentColor;outline:1px solid currentColor;outline-offset:2px;line-height:1.1;padding:3px;font-weight:700;font-size:1rem;transform:rotate(-9deg)}
.motif-tags{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap;margin-top:5px}
.motif-tags>span{font-size:.6875rem;padding:2px 8px;background:var(--surface);border:1px solid var(--border);border-radius:3px;color:var(--green-700)}
.story-motif{position:relative;padding:4px 18px 7px 5px;min-height:136px}
.story-paper{position:relative;z-index:1;padding:13px 17px;border:1px solid var(--border-strong);background:var(--surface-sunken);border-radius:3px;transform:rotate(-3deg)}
.story-paper>span{display:flex;align-items:center;gap:6px;color:var(--green-700);font-size:.6875rem}
.story-paper .icon{width:16px;height:16px}
.story-paper strong{display:block;font-size:.8125rem;margin-top:9px;font-weight:600}
.story-paper p{font-size:.75rem;margin-top:4px;line-height:1.6;color:var(--ink-secondary)}
.story-outline{position:absolute;inset:12px 6px 3px 15px;border:1px solid var(--border-strong);border-radius:3px;background:var(--green-50);transform:rotate(4deg)}
.community-motif{position:relative;display:grid;grid-template-columns:repeat(3,40px);justify-content:center;gap:21px 35px;padding-block:10px;min-height:136px;align-content:center}
.community-initial{display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;width:40px;height:40px;font-size:.8125rem;z-index:1;color:var(--green-900)}
.connection-line{position:absolute;inset:28px calc(50% - 76px);border:1px solid var(--border-strong);border-radius:30px}
.connection-line::before{content:'';position:absolute;top:50%;left:-1px;right:-1px;height:1px;background:var(--border-strong)}
.feature-tracking{grid-column:span 2;flex-direction:row;background:var(--green-50);gap:38px;align-items:center;padding:32px}
.feature-tracking .feature-copy{flex:1.15;min-width:0}
.feature-tracking .feature-preview{flex:.9;min-width:0;margin:0;padding-top:0}
.archives-motif{position:relative;padding:8px 12px 8px 0}
.archives-motif .record-preview{transform:rotate(-3deg);position:relative;z-index:1;padding:22px;max-width:280px}
.archives-motif .record-title{font-size:1.25rem}
.archives-motif .record-top .tiny-overline{font-size:.6875rem}
.archives-motif .record-type,.archives-motif .record-shelf{font-size:.75rem}
.archives-motif .record-progress{font-size:.8125rem}
.archive-sheet{position:absolute;inset:0 3px 3px 5px;background:var(--green-100);border:1px solid var(--border-strong);transform:rotate(4deg);max-width:280px}
.development-label{font-size:.6875rem;font-weight:500;line-height:1.5;padding:4px 8px;background:var(--surface-sunken);border:1px solid var(--border-strong);border-radius:4px;color:var(--ink-secondary);white-space:nowrap}
.feature-guide .feature-preview{padding-top:14px}
.guide-motif{position:relative;display:flex;align-items:center;justify-content:center;min-height:130px;color:var(--green-700)}
.guide-motif>.icon{width:45px;height:45px}
.guide-ring{position:absolute;width:100px;height:100px;border:1px solid var(--border-strong);border-radius:50%}
.guide-ring::before{content:'';position:absolute;inset:10px;border:1px dashed var(--border-strong);border-radius:50%}
.guide-star{position:absolute;margin-left:85px;top:20px;font-size:1.5rem;color:var(--green-600)}
.feature-places{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:center;background:var(--surface-sunken);padding:32px}
.feature-places .feature-top{justify-content:flex-start;gap:15px;margin-bottom:18px}
.feature-places .feature-preview{padding:0;margin:0}
.directory-motif{display:grid;gap:10px}
.directory-motif>div{display:flex;align-items:center;gap:12px;font-size:.875rem;padding:15px 20px;background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--green-800)}
.directory-motif .icon{width:20px;height:20px}
.about-section{border-block:1px solid var(--border);background:var(--green-50)}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:92px}
.about-heading h2{max-width:13ch}
.about-seal{display:flex;align-items:center;gap:20px;margin-top:36px;color:var(--green-700)}
.about-seal>span:first-child{display:grid;place-items:center;width:52px;height:52px;font-size:2rem;font-weight:800;border:2px solid currentColor;outline:1px solid currentColor;outline-offset:4px;transform:rotate(-8deg);line-height:1}
.about-seal>span:last-child{max-width:17ch;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.8}
.about-copy{padding-top:38px}
.about-copy>p{font-size:1rem;color:var(--ink-secondary);line-height:1.8}
.about-copy>p+p{margin-top:20px}
.about-copy .about-editorial{font-weight:600;color:var(--green-800);font-size:.9375rem}
.about-copy .roles-line{border-top:1px solid var(--border-strong);padding-top:18px;margin-top:26px;font-size:.75rem;line-height:1.9}
.roles-line>span{display:block;font-size:.8125rem;color:var(--green-800);font-weight:500}
.values-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;border-top:1px solid var(--border-strong);margin-top:62px;padding-top:34px}
.values-strip article{display:grid;grid-template-columns:24px 1fr;align-items:start;gap:8px 12px}
.values-strip .icon{color:var(--green-700);margin-top:1px}
.values-strip article:last-child .icon{color:var(--azuki)}
.values-strip h3{font-size:1rem;font-weight:600;letter-spacing:-.01em}
.values-strip p{grid-column:2;font-size:.875rem;color:var(--ink-secondary);line-height:1.7}
.questions-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.75fr);gap:70px}
.questions-note{color:var(--ink-secondary);font-size:.875rem;margin-top:20px}
.question-list{margin-top:0}
.question{display:grid;grid-template-columns:24px 1fr;gap:18px;border-top:1px solid var(--border-strong);padding-block:25px}
.question:first-child{padding-top:24px}
.question:last-child{padding-bottom:0}
.question-number{font-size:.75rem;color:var(--green-700);padding-top:4px;font-weight:500}
.question h3{font-size:1.0625rem;font-weight:600;letter-spacing:-.02em}
.question p{font-size:.9375rem;line-height:1.75;color:var(--ink-secondary);margin-top:10px}
.site-footer{background:var(--green-900);color:var(--green-100);padding-block:48px 24px}
.site-footer .brand{color:var(--green-100)}
.site-footer .wordmark-period{color:var(--green-300)}
.footer-top{display:flex;justify-content:space-between;gap:48px;padding-bottom:35px}
.footer-top>div>p{font-size:.875rem;line-height:1.8;max-width:34ch;color:var(--green-200);margin-top:12px}
.footer-nav{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap;padding-top:7px}
.footer-nav a{color:var(--green-100);font-size:.8125rem;padding:5px 0}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgb(185 235 208 / 20%);padding-top:22px;font-size:.75rem;color:var(--green-200)}
.footer-controls{display:flex;align-items:center;gap:26px}
.motion-toggle{display:flex;align-items:center;gap:7px;font-size:.75rem;line-height:1.5;background:transparent;color:var(--green-100);border:1px solid var(--green-300);border-radius:5px;min-height:36px;padding:7px 11px}
.motion-icon{width:12px;font-size:.875rem;line-height:1;display:inline-block;text-align:center}
.site-footer :focus-visible{outline-color:var(--green-200)}
.not-found{display:grid;min-height:100svh;place-items:center;padding:var(--gutter)}
.not-found h1{font-size:clamp(2rem,6vw,4rem);max-width:15ch}
.not-found p:not(.eyebrow){margin:24px 0}
@media(min-width:1440px){.hero-grid{gap:70px}.hero{padding-block:96px 104px}}
@media(max-width:1100px){.hero-grid{gap:36px}.main-nav{gap:24px}.hero-panel{padding-inline:22px}.panel-edition{display:none}.panel-title{font-size:2.5rem}.hero-collage{gap:10px}.hero-record .record-preview{padding:13px}.cafe-grid{gap:44px}.category-strip{gap:20px}.category-strip ul{justify-content:flex-start;gap:14px 22px}.feature-card{padding:24px 22px 18px}.feature-tracking,.feature-places{padding:28px}.feature-tracking{gap:24px}.about-grid{gap:50px}}
@media(min-width:768px) and (max-width:900px){.hero-grid{grid-template-columns:1.05fr 1fr;gap:28px}.hero-actions{gap:14px}.hero-panel{padding:20px 18px 16px}.panel-title{font-size:2.125rem}.hero-collage{grid-template-columns:1fr}.hero-record{display:none}.hero-activity{transform:rotate(-2deg)}.hero-activity .activity-person{flex-direction:row;align-items:baseline;gap:8px}.hero-activity .activity-card{padding:15px}.paper-note{padding:17px 8px 17px;font-size:.8125rem}.cafe-panel{padding:25px 22px 22px}.cafe-preview-title{font-size:1.75rem}.activity-card{padding:13px 14px}.cafe-grid{gap:30px}.cafe-heading-row{align-items:flex-start}.cafe-heading-row>p{max-width:20ch;font-size:1rem}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-tracking{grid-column:span 1;display:flex;flex-direction:column;align-items:stretch}.feature-tracking .feature-preview{padding-top:25px;margin-top:auto}.feature-tracking .record-preview,.feature-tracking .archive-sheet{max-width:none}.feature-places{grid-column:span 1;display:flex;gap:0;align-items:stretch}.feature-places .feature-preview{padding-top:24px;margin-top:auto}.feature-guide .feature-preview{padding-block:24px}.about-grid{gap:36px}.values-strip{gap:22px}.questions-grid{grid-template-columns:1fr 1.6fr;gap:34px}.footer-nav{gap:22px}}
@media(max-width:767px){
  .header-inner{flex-wrap:wrap;gap:0;padding-block:12px;min-height:var(--header-height)}
  .wordmark{font-size:1.3rem}
  .header-navigation{width:100%;padding-top:12px}
  .main-nav{flex-wrap:wrap;justify-content:space-between;gap:8px 18px}
  .main-nav a{font-size:.8125rem;padding-block:8px}
  .menu-enhanced .menu-toggle{display:inline-flex}
  .menu-enhanced .header-navigation{display:none}
  .menu-enhanced .menu-toggle[aria-expanded=true]+.header-navigation{display:block}
  .menu-enhanced .main-nav{align-items:stretch;flex-direction:column;gap:0;padding-top:6px;border-top:1px solid var(--border);margin-top:4px}
  .menu-enhanced .main-nav a{font-size:.9375rem;padding:11px 4px}
  .hero{padding-block:48px 60px}
  .hero-grid{grid-template-columns:1fr;gap:42px}
  .hero-copy{padding:0}
  .hero .eyebrow{font-size:.6875rem;letter-spacing:.075em;margin-bottom:20px;gap:9px}
  .hero h1{font-size:clamp(2.5rem,8.5vw,3.875rem);line-height:1.12}
  .hero-lead{font-size:1rem;line-height:1.8;margin-top:23px;max-width:55ch}
  .hero-actions{gap:14px 24px;margin-top:26px}
  .slime-action{font-size:.875rem;padding:14px 21px;min-height:50px}
  .quiet-link{font-size:.8125rem}
  .hero-support{font-size:.75rem;max-width:45ch;margin-top:25px}
  .hero-figure{max-width:520px;width:100%;justify-self:center}
  .hero-figure::before{inset:12px 0 43px 12px;transform:none}
  .hero-panel{padding:24px 22px 18px}
  .panel-title{font-size:clamp(2.1rem,7vw,2.8rem);margin-block:25px 28px}
  .hero-collage{gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hero-record .record-preview{padding:13px}
  .record-title{font-size:.9375rem}
  .paper-note{font-size:.75rem;padding:20px 5px 12px 6px}
  .hero-panel-bottom{padding-top:14px}
  .panel-footnote{font-size:.625rem}
  figcaption{font-size:.6875rem;padding-top:16px}
  .section-intro{margin-bottom:30px}
  .eyebrow{font-size:.75rem;margin-bottom:14px}
  .section-lead{font-size:.9375rem;margin-top:15px}
  .cafe-heading-row{display:block}
  .cafe-heading-row h2{font-size:clamp(2.25rem,7.5vw,3.25rem)}
  .cafe-heading-row>p{font-size:1rem;margin-top:12px}
  .cafe-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .cafe-copy{display:contents}
  .cafe-copy>p{font-size:1rem;grid-row:1}
  .cafe-figure{grid-row:2}
  .cafe-points{grid-row:3;margin:0}
  .cafe-points li{margin-top:14px;font-size:.875rem;gap:13px}
  .cafe-points li:first-child{margin-top:0}
  .cafe-panel{padding:24px 22px 20px}
  .cafe-preview-title{font-size:1.875rem}
  .activity-card{padding:14px;gap:11px}
  .cafe-activities{gap:10px}
  .cafe-caption{margin-top:20px}
  .category-strip{align-items:flex-start;flex-direction:column;gap:16px;margin-top:30px;padding-top:24px}
  .category-intro{max-width:none;font-size:.75rem}
  .category-strip ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;width:100%}
  .category-strip li{font-size:.75rem;align-items:flex-start;gap:7px}
  .category-strip .icon{width:17px;height:17px;margin-top:2px}
  .features-grid{grid-template-columns:1fr;gap:18px}
  .feature-card{grid-column:auto;padding:26px 24px 20px}
  .feature-top{margin-bottom:18px}
  .feature-card h3{font-size:1.3125rem}
  .card-description{font-size:.9375rem;margin-top:12px}
  .feature-preview{padding-top:22px}
  .identity-motif{padding:17px 20px}
  .story-motif{min-height:130px}
  .community-motif{min-height:130px;gap:18px 44px}
  .connection-line{inset:26px calc(50% - 85px)}
  .feature-tracking{display:flex;flex-direction:column;align-items:stretch;gap:22px}
  .feature-tracking .feature-preview{padding-top:0}
  .archives-motif{max-width:300px;margin-inline:auto}
  .archives-motif .record-preview{padding:22px}
  .feature-guide .feature-preview{padding-top:14px}
  .guide-motif{min-height:135px}
  .feature-places{display:flex;gap:22px;align-items:stretch}
  .feature-places .feature-preview{padding:0}
  .directory-motif>div{font-size:.8125rem;padding:14px 16px}
  .about-grid{grid-template-columns:minmax(0,1fr);gap:27px}
  .about-heading h2{max-width:17ch}
  .about-seal{display:none}
  .about-copy{padding:0}
  .about-copy>p{font-size:.9375rem}
  .about-copy .about-editorial{font-size:.875rem}
  .values-strip{grid-template-columns:1fr;gap:26px;margin-top:32px;padding-top:28px}
  .values-strip article{gap:6px 12px}
  .values-strip h3{font-size:1rem}
  .values-strip p{font-size:.875rem}
  .questions-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .questions-note{margin-top:12px;font-size:.875rem}
  .questions-note br{display:none}
  .question{gap:12px;padding-block:24px}
  .question h3{font-size:1rem}
  .question p{font-size:.875rem;line-height:1.8}
  .site-footer{padding-block:36px 24px}
  .footer-top{display:block;padding-bottom:28px}
  .footer-top>div>p{font-size:.8125rem;max-width:38ch}
  .footer-nav{margin-top:24px;padding-top:0;gap:12px 25px}
  .footer-nav a{font-size:.75rem}
  .footer-bottom{align-items:flex-start;font-size:.6875rem;gap:14px;padding-top:20px}
  .footer-controls{align-items:flex-end;flex-direction:column;gap:14px}
  .footer-note{font-size:.625rem}
  .motion-toggle{font-size:.6875rem}
}
@media(max-width:359px){.hero-actions{gap:13px 16px}.quiet-link{font-size:.75rem}.slime-action{padding:15px 17px;font-size:.8125rem}.hero-panel{padding:21px 17px 16px}.hero-collage{gap:9px}.hero-activity .activity-card{padding:11px 9px}.hero-activity .avatar{width:25px;height:25px;font-size:.75rem}.hero-activity .activity-person>span{font-size:.6875rem}.hero-record .record-preview{padding:11px}.record-top .tiny-overline{font-size:.5625rem}.record-title{font-size:.875rem}.record-shelf{font-size:.625rem}.hero-activity .activity-category{font-size:.6875rem}.hero-activity .activity-card p{font-size:.6875rem}.feature-card{padding-inline:21px}.cafe-panel{padding-inline:18px}.activity-person{gap:7px}.activity-card p{font-size:.75rem}.category-strip ul{gap:14px 12px}}
@media print{.site-header{position:static}.hero{padding-block:30px}.section{padding-block:35px}.motion-toggle,.menu-toggle{display:none!important}.header-navigation{display:block!important}.main-nav{flex-direction:row!important}.site-footer{background:var(--surface);color:var(--ink)}.site-footer a,.site-footer .brand,.site-footer p,.footer-bottom{color:var(--ink)!important}.feature-card,.question{break-inside:avoid}body{background:var(--surface)}}
.hero-figure{container-type:inline-size}
.brand{max-width:100%}
@media(max-width:359px){.wordmark{font-size:1.125rem}}
.panel-title,.cafe-preview-title{overflow-wrap:anywhere}
.panel-edition,.panel-footnote,.preview-label,.record-type,.record-shelf,.record-top .tiny-overline,.motif-tags>span,.story-paper>span,.footer-note{font-size:.75rem}
.development-label{font-size:.875rem;white-space:normal;max-width:100%}
@media(max-width:359px){.hero .eyebrow,.hero-activity .activity-category,.hero-activity .activity-card p,.hero-activity .activity-person>span,.record-top .tiny-overline,.record-shelf,.footer-bottom,.motion-toggle{font-size:.75rem}}
.ink-panel{border-radius:0;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));box-shadow:none}
.ink-panel::before{border-radius:0}
.panel-corner{position:absolute;right:-5px;top:6px;width:24px;height:2px;background:var(--panel-stroke);transform:rotate(45deg);pointer-events:none}
.panel-corner-bottom{right:auto;top:auto;left:-5px;bottom:6px}
.cafe-panel-wrapper{filter:drop-shadow(4px 5px 0 var(--green-200))}
@container(max-width:22rem){.hero-collage{grid-template-columns:minmax(0,1fr);gap:18px}.hero-activity{transform:none}.hero-record{transform:none;padding-top:0}.hero-record .record-preview{padding:18px}.paper-note{padding-block:14px 0}.hero-activity .activity-person{flex-direction:row;gap:8px}.hero-activity .activity-person>span{font-size:.75rem}.hero-activity .activity-card{padding:14px}.hero-activity .activity-category{font-size:.8125rem}.hero-activity .activity-card p{font-size:.8125rem}.hero-activity .avatar{width:34px;height:34px}.hero-record .record-title{font-size:1.125rem}.hero-record .record-progress{font-size:.8125rem}}