*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:15px;line-height:1.85;scroll-behavior:smooth}
body{background-color:#1E1B18;color:#A89888;font-family:'Work Sans',sans-serif;font-weight:350;overflow-x:hidden}
.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:0.03;background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}
.site-nav{position:fixed;top:0;left:0;padding:20px 24px;z-index:100}
.nav-brand{font-family:'Fraunces',serif;font-weight:300;font-style:italic;font-size:0.8rem;color:#8B7355;letter-spacing:0.02em}
.section-indicator{position:fixed;right:24px;top:50%;transform:translateY(-50%) rotate(90deg);font-family:'Fraunces',serif;font-weight:300;font-style:italic;font-size:0.75rem;color:#8B7355;letter-spacing:0.04em;z-index:100;transform-origin:center center;white-space:nowrap}
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.hero-circle{opacity:0;transition:opacity 800ms ease-in-out}
.hero-circle.visible{opacity:1}
.wabi-circle{stroke-dasharray:320;stroke-dashoffset:320;transition:stroke-dashoffset 800ms ease-in-out}
.wabi-circle.drawn{stroke-dashoffset:0}
.hero-title{font-family:'Fraunces',serif;font-weight:400;font-size:4.5rem;color:#E8DDD0;letter-spacing:-0.02em;margin-top:16px;opacity:0;transition:opacity 500ms}
.hero-title.visible{opacity:1}
.hero-tld{font-family:'Work Sans',sans-serif;font-weight:500;font-size:0.85rem;color:#A89888;letter-spacing:0.06em;text-transform:uppercase;opacity:0;transition:opacity 300ms}
.hero-tld.visible{opacity:1}
.hero-subtitle{font-family:'Fraunces',serif;font-weight:300;font-style:italic;font-size:1.2rem;color:#8B7355;margin-top:12px;opacity:0;transition:opacity 400ms}
.hero-subtitle.visible{opacity:1}
.section-marker{display:flex;justify-content:center;padding:80px 0;opacity:0.4}
.z-section{max-width:1080px;margin:0 auto;padding:0 24px 80px}
.z-section.align-left{padding-left:5%}
.z-section.align-right{display:flex;justify-content:flex-end;padding-right:5%}
.shard{background:#282420;border-width:1px 2px 1px 1px;border-style:solid;border-color:#3A352E;border-radius:2px 8px 4px 12px;padding:40px 36px;max-width:640px;position:relative}
.scroll-reveal{opacity:0;transition:opacity 400ms ease-out,transform 400ms ease-out}
.align-left .scroll-reveal{transform:translateX(-20px)}
.align-right .scroll-reveal{transform:translateX(20px)}
.scroll-reveal.visible{opacity:1;transform:translateX(0)}
.shard-label{font-family:'Work Sans',sans-serif;font-weight:500;font-size:0.7rem;color:#8B7355;letter-spacing:0.1em;text-transform:uppercase;display:block;margin-bottom:12px}
.shard-title{font-family:'Fraunces',serif;font-weight:400;font-size:2.2rem;color:#E8DDD0;letter-spacing:-0.02em;margin-bottom:16px}
.shard-body{font-family:'Work Sans',sans-serif;font-weight:350;font-size:1rem;color:#A89888;line-height:1.85;margin-bottom:16px}
.shard-marginal{font-family:'Fraunces',serif;font-weight:300;font-style:italic;font-size:0.85rem;color:#8B7355;margin-top:16px}
.stats-row{display:flex;gap:32px;margin:24px 0}
.stat-block{margin:16px 0}
.stat-number{font-family:'Fraunces',serif;font-weight:400;font-size:3rem;letter-spacing:-0.02em;display:block;line-height:1.1}
.stat-label{font-family:'Work Sans',sans-serif;font-weight:350;font-size:0.8rem;color:#8B7355;display:block;margin-top:4px}
.kintsugi-line{width:80px;height:2px;background:#C4A55A;opacity:0.6;margin-top:24px;box-shadow:0 0 8px rgba(196,165,90,0.3)}
.site-footer{max-width:1080px;margin:0 auto;padding:40px 24px}
.footer-text{font-family:'Work Sans',sans-serif;font-size:0.75rem;color:#5A5248;letter-spacing:0.04em}
@media(max-width:768px){.hero-title{font-size:3rem}.z-section.align-left,.z-section.align-right{padding-left:16px;padding-right:16px;justify-content:center}.shard{max-width:100%}.stats-row{flex-direction:column;gap:16px}.section-indicator{display:none}}