
:root{
  --bg:#f3eee4;--paper:#f7f3eb;--soft:#e7dfd2;--ink:#20261f;--muted:#66695f;
  --line:#d5cdbf;--forest:#263a31;--forest2:#31483c;--light:#f7f2e9;
  --serif:Georgia,"Noto Serif SC","Songti SC",serif;--sans:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;
  --mono:"SFMono-Regular",Consolas,monospace;--max:1280px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.7;overflow-x:hidden}
body.modal-open{overflow:hidden}
a{text-decoration:none;color:inherit}button{font:inherit;color:inherit;cursor:pointer}
.grain{position:fixed;inset:-50%;z-index:50;pointer-events:none;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;z-index:49;left:0;top:0;width:240px;height:240px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(52,76,63,.13),rgba(52,76,63,0) 68%);transform:translate(-50%,-50%);mix-blend-mode:multiply}
.scroll-progress{position:fixed;z-index:60;top:0;left:0;width:0;height:2px;background:var(--ink)}
.site-header{position:fixed;z-index:40;inset:0 0 auto;height:76px;padding:0 4.2vw;display:flex;align-items:center;justify-content:space-between;background:rgba(243,238,228,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(32,38,31,.08)}
.brand{font-size:20px;font-weight:800;letter-spacing:.17em}.brand span{font-family:var(--serif);font-size:12px;margin-left:2px}
.desktop-nav{display:flex;gap:12px;font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#4b4f47}
.desktop-nav a{position:relative;padding:9px 16px;border-radius:999px;border:1px solid rgba(32,38,31,.16);background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(238,231,218,.92));box-shadow:0 2px 5px rgba(32,38,31,.10),inset 0 1px 0 rgba(255,255,255,.95);transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s,box-shadow .28s,border-color .28s,color .25s}
.desktop-nav a:hover{color:var(--ink);background:linear-gradient(180deg,#fffdf8,#f6f0e4);border-color:rgba(32,38,31,.24);transform:translateY(-2px);box-shadow:0 12px 26px rgba(32,38,31,.18),0 3px 8px rgba(32,38,31,.10),inset 0 1px 0 rgba(255,255,255,.98)}
.desktop-nav a:active{transform:translateY(0);box-shadow:inset 0 2px 6px rgba(32,38,31,.12),0 1px 2px rgba(32,38,31,.08)}
.connect-button{border:1px solid rgba(32,38,31,.16);border-radius:999px;padding:9px 16px;font-size:13px;display:flex;gap:10px;align-items:center;background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(238,231,218,.92));box-shadow:0 2px 5px rgba(32,38,31,.10),inset 0 1px 0 rgba(255,255,255,.95);transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s,box-shadow .28s,border-color .28s}
.connect-button:hover{transform:translateY(-2px);background:linear-gradient(180deg,#fffdf8,#f6f0e4);border-color:rgba(32,38,31,.24);box-shadow:0 12px 26px rgba(32,38,31,.18),0 3px 8px rgba(32,38,31,.10),inset 0 1px 0 rgba(255,255,255,.98)}
.connect-button:active{transform:translateY(0);box-shadow:inset 0 2px 6px rgba(32,38,31,.12)}
.connect-button b{font-size:15px;font-weight:400}
.menu-button{display:none;border:0;background:none;padding:6px}.menu-button i{display:block;width:24px;height:1px;background:var(--ink);margin:5px}
.mobile-menu{display:none}
.mobile-menu a,.mobile-menu button{border-radius:999px;border:1px solid rgba(32,38,31,.14);background:linear-gradient(180deg,rgba(255,253,248,.95),rgba(238,231,218,.9));padding:11px 16px;transition:transform .25s,background .25s,box-shadow .25s;box-shadow:0 2px 5px rgba(32,38,31,.08),inset 0 1px 0 rgba(255,255,255,.9)}
.mobile-menu a:hover,.mobile-menu button:hover{background:linear-gradient(180deg,#fffdf8,#f6f0e4);transform:translateX(5px);box-shadow:0 8px 20px rgba(32,38,31,.14),inset 0 1px 0 rgba(255,255,255,.95)}

.section-shell{max-width:var(--max);margin:auto;padding-left:4.2vw;padding-right:4.2vw}
.hero{min-height:100vh;padding-top:120px;padding-bottom:70px;position:relative}
.hero-top{display:flex;justify-content:space-between;gap:20px;font:12px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#5f635a}
.status{display:flex;align-items:center;gap:7px}.status i{width:6px;height:6px;border-radius:50%;background:#5a7d62;display:inline-block;box-shadow:0 0 0 5px rgba(90,125,98,.09)}
.hero-wordmark{font-size:clamp(92px,19vw,265px);font-weight:800;line-height:.8;letter-spacing:-.12em;margin:60px 0 30px;color:#191e19;display:flex;justify-content:center;overflow:hidden}
.hero-wordmark span{display:inline-block;transform:translateY(100%);animation:word-in .95s cubic-bezier(.22,.8,.24,1) forwards}.hero-wordmark span:nth-child(2){animation-delay:.08s}.hero-wordmark span:nth-child(3){animation-delay:.16s}.hero-wordmark span:nth-child(4){animation-delay:.24s}.hero-wordmark span:nth-child(5){animation-delay:.32s}
@keyframes word-in{to{transform:none}}
.hero-stage{display:grid;grid-template-columns:.9fr .85fr 90px;gap:7%;align-items:center}.hero-copy{padding-bottom:3vh}.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#5c6057;font-weight:700}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(42px,4.8vw,66px);line-height:1.12;letter-spacing:-.055em;margin:18px 0 28px}.hero h1 em{font-style:normal;color:#70786f}
.hero-intro{font-size:16px;color:#54584f;max-width:610px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:34px}.pill-button,.outline-light,.big-contact{border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:13px 18px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;display:inline-flex;gap:30px;align-items:center}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:2px}.text-link span{margin-left:10px}
.hero-image{margin:0;position:relative}.hero-image .parallax-image{overflow:hidden}.hero-image img{width:100%;aspect-ratio:4/5;object-fit:cover;transform:scale(1.06);transition:transform 1s cubic-bezier(.2,.8,.2,1)}.hero-image:hover img{transform:scale(1.01)}
.hero-image figcaption{display:flex;justify-content:space-between;margin-top:10px;font:11px var(--mono);letter-spacing:.08em;color:#5f635a}.vertical-note{writing-mode:vertical-rl;font:11px var(--mono);letter-spacing:.18em;color:#6d7067;justify-self:center}
.scroll-cue{position:absolute;left:50%;bottom:18px;width:30px;height:50px;transform:translateX(-50%)}.scroll-cue:before{content:"";position:absolute;left:50%;top:0;height:36px;border-left:1px solid #7d7f77}.scroll-cue span{position:absolute;left:50%;top:25px;width:5px;height:5px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);transform:rotate(45deg) translateX(-50%);animation:bounce 1.8s infinite}@keyframes bounce{0%,100%{opacity:.3;transform:rotate(45deg) translate(-50%,0)}50%{opacity:1;transform:rotate(45deg) translate(-50%,8px)}}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);white-space:nowrap}.marquee-track{display:inline-flex;gap:26px;align-items:center;padding:14px 0;min-width:max-content;animation:marquee 26s linear infinite;font:13px var(--mono);letter-spacing:.13em}.marquee i{font-style:normal;font-size:15px;color:#7f847a}@keyframes marquee{to{transform:translateX(-50%)}}

.manifesto{display:grid;grid-template-columns:180px 1fr;gap:8%;padding-top:130px;padding-bottom:140px;border-bottom:1px solid var(--line)}.section-kicker{font:13px var(--mono);letter-spacing:.17em;text-transform:uppercase;color:#6a6d64;font-weight:500}
.manifesto h2,.building h2,.journal h2,.about h2,.now h2,.belief h2,.contact h2{font-family:var(--serif);font-weight:500;line-height:1.18;letter-spacing:-.055em}.manifesto h2{font-size:clamp(42px,5vw,72px);margin:20px 0 30px}.manifesto h2 em{font-style:normal;color:#737b73}.manifesto .lead{font-size:17px;max-width:820px;color:#54584f}.principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:60px}.principles>div{padding:19px 14px 8px 0;border-right:1px solid var(--line);min-height:120px}.principles>div+div{padding-left:14px}.principles b{font:12px var(--mono);color:#7a7d73}.principles span{display:block;font-size:20px;margin:12px 0 2px}.principles small{font-size:13px;color:#5f635a}

.los{background:var(--forest);color:var(--light);padding:120px 0 0;overflow:hidden;background-image:radial-gradient(1100px 520px at 88% -12%,rgba(233,221,180,.12),transparent 62%),radial-gradient(800px 480px at -8% 112%,rgba(214,226,214,.09),transparent 55%)}.los-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:7%;align-items:center;padding:55px 0 85px}.light{color:#cfd8cf}.los-mark{font-size:clamp(92px,13vw,190px);font-weight:800;line-height:.82;letter-spacing:-.11em;margin:14px 0 25px;color:#f5f8f1;text-shadow:0 0 70px rgba(246,242,234,.22)}.los h2{font-size:clamp(46px,6vw,82px);margin:0 0 25px}.los h2 em{font-style:normal;color:#e6d9ae}.los .eyebrow.light{color:#e5d7ab}.los-lead{color:#e9efe7;max-width:600px;font-size:17px}.los-tags{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0}.los-tags span{border:1px solid rgba(246,242,234,.36);border-radius:999px;padding:7px 13px;font-size:14px;color:#f2f6ef;background:rgba(246,242,234,.07)}.creation-tags span{border:1px solid rgba(246,242,234,.2);border-radius:999px;padding:5px 9px;font-size:12px;color:#d4dad2}
.creation-tag{border:1px solid rgba(246,242,234,.35);border-radius:999px;padding:5px 9px;font-size:12px;color:#f0f3ee;background:transparent;cursor:pointer;letter-spacing:.04em;transition:.25s}
.creation-tag:hover{background:rgba(246,242,234,.16);border-color:rgba(246,242,234,.6);transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.26)}.outline-light{border-color:#cfd9cf;background:transparent;color:#f5f8f1}
.los-visual{width:min(550px,100%);aspect-ratio:1;position:relative;margin:auto}.los-bg{position:absolute;inset:0;border-radius:50%;overflow:hidden;z-index:0;pointer-events:none;opacity:.2}.los-bg img{width:100%;height:100%;object-fit:cover}.orbital{position:absolute;border:2.5px solid rgba(246,242,234,.38);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:spin 28s linear infinite}.orbit-a{width:100%;height:100%}.orbit-b{width:75%;height:75%;animation-direction:reverse;animation-duration:22s}.orbit-c{width:50%;height:50%;animation-duration:17s;border-color:rgba(246,242,234,.3)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.los-center{position:absolute;inset:38%;border:2px solid rgba(246,242,234,.65);border-radius:50%;display:grid;place-content:center;text-align:center;letter-spacing:.12em;background:radial-gradient(circle,rgba(240,217,160,.14),rgba(246,242,234,.03) 70%);box-shadow:0 0 42px rgba(240,217,160,.22),inset 0 0 30px rgba(240,217,160,.08)}.los-center strong{font:700 30px var(--serif);color:#f0d9a0;text-shadow:0 0 26px rgba(240,217,160,.55);letter-spacing:.18em;padding-left:.18em}.los-center small{font-size:12px;color:#dde5dc;margin-top:4px}.orbit-node{position:absolute;background:var(--forest);padding:6px 11px;font-size:13px;color:#f2f6ef;z-index:2;border:1px solid rgba(246,242,234,.3);border-radius:999px;white-space:nowrap}.node-1{top:3%;left:48%;color:#f2c26b;border-color:rgba(242,194,107,.65);background:rgba(242,194,107,.14)}.node-2{top:17%;right:12%;color:#8ecae6;border-color:rgba(142,202,230,.65);background:rgba(142,202,230,.14)}.node-3{top:47%;right:1%;color:#f49aa8;border-color:rgba(244,154,168,.65);background:rgba(244,154,168,.14)}.node-4{bottom:18%;right:12%;color:#8fd1a8;border-color:rgba(143,209,168,.65);background:rgba(143,209,168,.14)}.node-5{bottom:4%;left:47%;color:#c9a8e8;border-color:rgba(201,168,232,.65);background:rgba(201,168,232,.14)}.node-6{bottom:18%;left:11%;color:#e8b98a;border-color:rgba(232,185,138,.65);background:rgba(232,185,138,.14)}.node-7{top:48%;left:1%;color:#7fd1c8;border-color:rgba(127,209,200,.65);background:rgba(127,209,200,.14)}.node-8{top:17%;left:12%;color:#f0a6d0;border-color:rgba(240,166,208,.65);background:rgba(240,166,208,.14)}.orbit-core{position:absolute;width:9px;height:9px;border-radius:50%;background:#f7ead0;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px rgba(247,234,208,.10),0 0 46px rgba(247,234,208,.30)}
.los-bottom{border-top:1px solid rgba(246,242,234,.22);display:flex;justify-content:space-between;padding:18px 0 28px;font:12px var(--mono);letter-spacing:.12em;color:#d2dbd1}

.building{padding-top:130px;padding-bottom:135px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.section-heading h2,.journal h2{font-size:clamp(42px,5vw,70px);margin:14px 0 0}.heading-note{font-size:14px;color:var(--muted);text-align:right}.building-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.build-card{min-height:390px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.35s}.build-card:hover{background:var(--soft);transform:translateY(-5px)}.build-card .index{font:12px var(--mono);color:#7a7d73}.build-icon{font-size:29px;margin:52px 0 9px}.build-card h3{margin:0;font-size:24px}.build-card .sub{font-size:15px;color:#4e5249;margin:3px 0 17px}.build-card>p:not(.sub){font-size:14px;color:#5f635a;max-width:280px}.card-link{position:absolute;left:25px;bottom:23px;background:none;border:0;border-bottom:1px solid #7a7d73;padding:0 0 2px;font-size:13px}

.journal{padding-top:125px;padding-bottom:140px;border-top:1px solid var(--line)}.journal-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.journal h2 em{font-style:normal;color:#777d75;font-size:.72em}.circle-link{border:1px solid var(--line);background:transparent;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;font-size:11px;letter-spacing:.05em;transition:.3s}.circle-link:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter-row{display:flex;gap:8px;margin:28px 0 32px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;border-radius:999px;padding:6px 11px;font-size:13px}.filter.active,.filter:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.journal-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:25px}.journal-card{cursor:pointer}.journal-image,.compact-image{overflow:hidden;position:relative;background:#ddd}.journal-image{height:535px}.journal-image img,.compact-image img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.8,.2,1)}.journal-card:hover img{transform:scale(1.045)}.journal-image span,.compact-image span{position:absolute;right:14px;top:14px;background:rgba(243,238,228,.86);padding:4px 7px;font:11px var(--mono)}.meta{display:flex;justify-content:space-between;margin-top:12px;font:12px var(--mono);letter-spacing:.08em;color:#676b62}.journal-card h3{font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.3;margin:11px 0 9px;letter-spacing:-.03em}.journal-card p{font-size:14px;color:#5f635a;max-width:630px}.article-body{display:none;max-width:760px;margin-top:20px}.article-body p{font-size:15px;line-height:1.95;color:#3f433c;margin-bottom:14px}.journal-card.article-open .article-body{display:block;margin-top:26px}.journal-card.article-open .article-body p{font-size:17px;line-height:2.05;font-weight:500;color:#2f332d}.journal-card.article-open h3{font-size:34px;font-weight:600}.journal-card.article-open.compact{grid-template-columns:1fr;gap:26px}.journal-card.article-open.compact .compact-image{height:440px}.journal-grid.single{grid-template-columns:1fr}.journal-side{display:grid;grid-template-rows:repeat(3,1fr);gap:22px}.compact{display:grid;grid-template-columns:.46fr .54fr;gap:18px;border-bottom:1px solid var(--line);padding-bottom:20px}.compact-image{height:160px}.compact h3{font-size:21px;margin-top:10px}.compact .meta{margin-top:0}.compact-image.warm:after{content:"";position:absolute;inset:0;background:rgba(126,84,41,.13)}.compact-image.darken:after{content:"";position:absolute;inset:0;background:rgba(20,31,25,.22)}

.about{background:var(--soft);padding:120px 0 130px}.about-grid{display:grid;grid-template-columns:.88fr 1fr;gap:9%;align-items:center;position:relative}.about-image img{width:100%;aspect-ratio:4/5;object-fit:cover}.about-copy h2{font-size:clamp(45px,5.4vw,78px);margin:16px 0 25px}.about-copy h2 em{font-style:normal;color:#707970}.about-copy>p:not(.eyebrow){font-size:15px;color:#54584f;max-width:610px}.quote{font-family:var(--serif);font-size:20px;line-height:1.8;border-left:2px solid #899187;padding-left:18px;margin:30px 0}.about-stamp{position:absolute;right:1%;bottom:-45px;width:145px;height:145px}.about-stamp svg{width:100%;height:100%;animation:spin 22s linear infinite}.about-stamp text{font:9px var(--mono);letter-spacing:2px;fill:#626960}.about-stamp b{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;font-weight:400}

.now{padding-top:130px;padding-bottom:135px}.now-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;margin-top:44px}.now h2{font-size:clamp(45px,5vw,72px);margin:0}.now h2 em{font-style:normal;color:#737a73}.now-grid>div>p{color:var(--muted);font-size:14px}.now-list{border-top:1px solid var(--line)}.now-item{display:grid;grid-template-columns:40px 1fr 70px;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.now-item span{font:12px var(--mono);color:#7a7d73}.now-item strong{font-size:16px;font-weight:500}.now-item em{font:12px var(--mono);color:#6d7067;text-transform:uppercase;text-align:right}

.story{padding-top:130px;padding-bottom:60px;border-top:1px solid var(--line)}
.story-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:56px}
.story-heading h2{font-family:var(--serif);font-weight:500;line-height:1.18;letter-spacing:-.055em;font-size:clamp(42px,5vw,70px);margin:14px 0 0}
.story-heading h2 em{font-style:normal;color:#737b73}
.story-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:7%;align-items:center}
.story-bio p{font-size:15px;color:#54584f;max-width:560px}
.story-bio .eyebrow{margin-bottom:18px}
.story-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.story-photo{margin:0}
.story-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.story-photo figcaption{margin-top:10px;font:12px var(--mono);letter-spacing:.08em;color:#6d7067}
.story-block{margin-top:100px;border-top:1px solid var(--line);padding-top:46px}
.story-block-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}
.story-block-head h3{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.6vw,50px);line-height:1.2;letter-spacing:-.045em;margin:10px 0 0}
.story-block-head h3 em{font-style:normal;color:#737b73}
.story-courses p{font-size:15px;color:#54584f;max-width:860px}
.course-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.course-tags span{border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:14px;color:#4e5249;background:var(--paper)}
.dialogue-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.dialogue-card{margin:0}
.dialogue-img{background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:12px;min-height:230px}
.dialogue-img img{max-width:100%;max-height:560px;object-fit:contain;display:block;margin:auto}
.dialogue-card figcaption{margin-top:12px;font-size:14px;color:#4e5249;font-weight:600}
.maps-block{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);margin-top:100px}
.map-col{padding:24px 20px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.map-col b{display:block;font-size:16px;letter-spacing:.1em;margin-bottom:10px}
.map-col p{font-size:14px;color:#5f635a;margin:0;line-height:1.8}
.process-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.process-list li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}
.process-list li>span{font:12px var(--mono);color:#7a7d73;padding-top:3px}
.process-list strong{display:block;font-size:17px;font-weight:600}
.process-list small{display:block;font-size:14px;color:#5f635a;margin-top:5px;max-width:780px}

.creation{background:var(--forest);color:var(--light);padding:0}.creation-shell{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:stretch;min-height:720px}.creation-copy{padding:125px 0}.creation h2{font-size:clamp(50px,6vw,84px);margin:18px 0 25px}.creation h2 em{font-style:normal;color:#aeb9ad}.creation-copy>p:not(.eyebrow){color:#d0d7d0;max-width:540px;font-size:15px}.creation-tags{display:flex;flex-wrap:wrap;gap:7px;margin:28px 0}.creation-photo{min-height:720px}.creation-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}

.belief{padding-top:150px;padding-bottom:155px;text-align:center;background:#1f2e27;color:var(--light)}.belief h2{font-size:clamp(55px,6.5vw,95px);margin:22px 0}.belief h2 em{font-style:normal;color:#aeb9ad}.belief p{font-size:15px;color:#d0d7d0}
.contact{text-align:center;padding-top:150px;padding-bottom:55px}.contact h2{font-size:clamp(50px,6.3vw,90px);margin:25px 0 20px}.contact h2 em{font-style:normal;color:#737a73}.contact>p:not(.section-kicker){color:var(--muted);font-size:16px}.big-contact{margin-top:22px;padding:17px 23px;font-size:12px}
.contact-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:960px;margin:56px auto 0;text-align:left}
.channel{background:var(--paper);border:1px solid var(--line);padding:18px 18px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s,border-color .3s,box-shadow .3s}
.channel:hover{transform:translateY(-5px);border-color:var(--forest);box-shadow:0 14px 34px rgba(32,38,31,.08)}
.channel-qr{width:100%;aspect-ratio:1;overflow:hidden;background:#fff;display:grid;place-items:center;border:1px solid var(--line)}
.channel-qr img{width:100%;height:100%;object-fit:cover;display:block}
.channel-qr.contain img{object-fit:contain}
.channel-label{font-size:14px;font-weight:700;letter-spacing:.12em;margin-top:14px}
.channel small{font-size:13px;color:var(--muted);margin-top:4px}
.mail-address{font-family:var(--mono);font-size:14px;font-weight:600;word-break:break-all;border-bottom:1px solid var(--ink);margin-top:14px;padding-bottom:2px}
.contact-foot{margin-top:80px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:12px var(--mono);letter-spacing:.08em;color:#6d7067}.contact-foot a{border-bottom:1px solid #9b9d96}

.modal-backdrop{position:fixed;inset:0;background:rgba(20,25,21,.42);backdrop-filter:blur(12px);z-index:100;opacity:0;pointer-events:none;transition:.35s}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%) scale(.97);width:min(760px,calc(100vw - 30px));max-height:82vh;overflow:auto;background:var(--paper);padding:38px;box-shadow:0 25px 80px rgba(0,0,0,.18);transition:.35s}.modal-backdrop.open .modal{transform:translate(-50%,-50%) scale(1)}.modal-close{position:absolute;right:17px;top:14px;width:32px;height:32px;background:none;border:0;font-size:25px;line-height:1}.modal h3{font-family:var(--serif);font-size:40px;line-height:1.2;margin:7px 0 18px}.modal p{font-size:15px;color:#5a5e55}.modal .modal-eyebrow{font:11px var(--mono);letter-spacing:.14em;color:#6d7067;text-transform:uppercase}.modal-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.modal-links a{border:1px solid var(--line);padding:14px;font-size:13px;display:flex;justify-content:space-between;background:rgba(255,255,255,.23)}.modal-links a:hover{background:var(--soft)}
.modal-tip{margin-top:25px;padding:12px 14px;background:#ece5d9;color:#5f635a;font-size:13px}.modal-tip a{color:var(--ink);border-bottom:1px solid var(--ink)}
.music-list{border-top:1px solid var(--line);margin-top:20px}
.music-item{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:14px 4px;text-align:left;font-size:15px;color:var(--ink);transition:background .25s,padding .25s;cursor:pointer}
.music-item:hover:not(.disabled){background:var(--soft);padding-left:12px}
.music-idx{font:12px var(--mono);color:#7a7d73;min-width:22px}
.music-name{letter-spacing:.03em}
.music-state{margin-left:auto;font-size:13px;color:#7a7d73;display:flex;align-items:center}
.music-play{font-style:normal;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;display:inline-grid;place-items:center;font-size:10px;transition:.25s}
.music-item.playing .music-name{font-weight:700}
.music-item.playing .music-state{color:var(--ink)}
.music-item.playing .music-play{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.music-item.disabled{opacity:.45;cursor:not-allowed}
.music-player{display:none;width:100%;margin-top:20px}
.music-player.show{display:block}
.writing-list{border-top:1px solid var(--line);margin-top:20px}
.writing-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background .25s,padding .25s}
.writing-item:hover{background:var(--soft);padding-left:12px}
.writing-idx{font:12px var(--mono);color:#7a7d73;min-width:22px}
.writing-name{letter-spacing:.03em;font-size:15px}
.writing-state{margin-left:auto;font-size:13px;color:#7a7d73;white-space:nowrap;transition:color .25s}
.writing-item:hover .writing-state{color:var(--ink)}
.contact-qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.contact-qr-item{text-align:center}
.contact-qr-img{aspect-ratio:1;overflow:hidden;background:#fff;border:1px solid var(--line);display:grid;place-items:center}
.contact-qr-img img{width:100%;height:100%;object-fit:cover;display:block}
.contact-qr-img.contain img{object-fit:contain}
.contact-qr-item>span{display:block;font-size:12px;letter-spacing:.12em;margin-top:9px;color:var(--ink)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.25,1)}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
.magnetic{transition:transform .18s ease}.magnetic:hover{transition:none}
.pill-button,.outline-light,.big-contact{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,background .28s,border-color .28s}
.pill-button:hover,.big-contact:hover{background:#30372f;box-shadow:0 12px 26px rgba(32,38,31,.20),inset 0 1px 0 rgba(255,255,255,.08)}
.outline-light:hover{background:rgba(246,242,234,.14);border-color:#f5f8f1;box-shadow:0 12px 26px rgba(0,0,0,.26)}
.text-link:hover,.card-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(32,38,31,.10)}
.circle-link:hover{box-shadow:0 12px 24px rgba(32,38,31,.16)}
.filter:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(32,38,31,.14)}
@media (max-width:930px){
  .desktop-nav,.connect-button{display:none}.menu-button{display:block}
  .mobile-menu{position:fixed;z-index:39;top:76px;left:0;right:0;background:rgba(243,238,228,.98);padding:18px 22px;display:flex;flex-direction:column;gap:14px;transform:translateY(-120%);transition:.35s;border-bottom:1px solid var(--line)}.mobile-menu.open{transform:none}.mobile-menu a,.mobile-menu button{font-size:15px}
.mobile-menu button{text-align:left;color:var(--ink)}
  .section-shell{padding-left:22px;padding-right:22px}.hero{padding-top:115px}.hero-wordmark{font-size:22vw;margin-top:52px}.hero-stage{grid-template-columns:1fr;gap:36px}.vertical-note{display:none}.hero-image img{aspect-ratio:4/4.5}.manifesto{grid-template-columns:1fr;gap:34px}.los-grid{grid-template-columns:1fr;gap:55px}.los-visual{width:min(430px,100%)}.building-grid{grid-template-columns:1fr 1fr}.journal-grid{grid-template-columns:1fr}.journal-side{grid-template-rows:none;grid-template-columns:1fr 1fr 1fr}.compact{display:block;border-bottom:0;padding-bottom:0}.compact-image{height:180px}.compact h3{font-size:16px}.about-grid{grid-template-columns:1fr;gap:45px}.about-stamp{right:2%;bottom:-35px}.now-grid{grid-template-columns:1fr;gap:45px}.story-grid{grid-template-columns:1fr;gap:45px}.maps-block{grid-template-columns:1fr}.creation-shell{grid-template-columns:1fr;min-height:0}.creation-copy{padding:90px 0}.creation-photo{min-height:500px}.contact-foot{margin-top:80px}.contact-channels{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .hero-top{display:block}.hero-top .status{margin-top:8px}.hero-wordmark{font-size:23vw}.hero h1{font-size:40px}.hero-intro{font-size:14px}.hero-actions{gap:18px;flex-wrap:wrap}.manifesto h2,.building h2,.journal h2,.about h2,.now h2{font-size:43px}.principles{grid-template-columns:1fr 1fr}.principles>div:nth-child(2n){border-right:0}.principles>div:nth-child(n+3){border-top:1px solid var(--line)}.los-mark{font-size:105px}.los h2{font-size:46px}.los-bottom{flex-wrap:wrap;gap:10px}.building-grid{grid-template-columns:1fr}.build-card{min-height:320px}.journal h2 em{display:block;margin-top:4px}.circle-link{width:58px;height:58px}.journal-side{grid-template-columns:1fr}.compact{display:grid;grid-template-columns:.42fr .58fr;gap:14px}.compact-image{height:135px}.compact h3{font-size:16px}.creation h2{font-size:50px}.belief h2{font-size:52px}.contact h2{font-size:50px}.contact-foot{display:block}.contact-foot span,.contact-foot a{display:block;margin:7px 0}.contact-channels{grid-template-columns:1fr}.contact-qr-grid{grid-template-columns:1fr}.story-heading{flex-direction:column;align-items:flex-start}.story-heading h2{font-size:42px}.story-photos{grid-template-columns:1fr}.story-block-head{flex-direction:column;align-items:flex-start}.dialogue-grid{grid-template-columns:1fr}.modal{padding:30px 22px}.modal h3{font-size:34px}.modal-links{grid-template-columns:1fr}
}


/* V4.4 — lightweight identity + GitHub Pages edition */
.hero-role { margin: -0.35rem 0 1rem; font-size: .82rem; letter-spacing: .08em; color: var(--ink-soft, #6d6a60); }
.build-status { display:inline-flex; align-items:center; border:1px solid rgba(20,48,39,.18); border-radius:999px; padding:.32rem .62rem; font-size:.62rem; letter-spacing:.12em; color:var(--forest,#163d31); float:right; }
.site-footer { display:flex; justify-content:space-between; gap:2rem; padding-top:2rem; padding-bottom:3rem; border-top:1px solid rgba(20,48,39,.14); margin-top:0; font-size:.78rem; color:#6d6a60; }
.site-footer > div:first-child { display:flex; flex-direction:column; gap:.35rem; }
.site-footer strong { color:#173f31; letter-spacing:.12em; }
.footer-meta { display:flex; flex-wrap:wrap; gap:1rem; justify-content:flex-end; }
@media (max-width: 700px) { .build-status { float:none; margin-bottom:.75rem; } .site-footer { flex-direction:column; } .footer-meta { justify-content:flex-start; } }
