*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#F5ECD7;font-family:'Source Serif 4',serif;font-weight:400;font-size:17px;line-height:1.8;color:#2C1810;overflow-x:hidden}
.parchment-grain{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none;opacity:0.03}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:#F5ECD7;overflow:hidden}
.contour-lines{position:absolute;top:0;left:0;width:100%;height:100%}
.contour{stroke-dasharray:1000;stroke-dashoffset:1000}
.hero.visible .contour{animation:drawContour 2.5s ease forwards}
.hero.visible .contour:nth-child(2){animation-delay:0.2s}
.hero.visible .contour:nth-child(3){animation-delay:0.4s}
.hero.visible .contour:nth-child(4){animation-delay:0.1s}
.hero.visible .contour:nth-child(5){animation-delay:0.6s}
.hero.visible .contour:nth-child(6){animation-delay:0.8s}
.hero.visible .contour:nth-child(7){animation-delay:0.05s}
@keyframes drawContour{to{stroke-dashoffset:0}}
.hero-content{position:relative;z-index:2;text-align:center;opacity:0;transform:translateY(10px);transition:all 0.6s ease}
.hero.visible .hero-content{opacity:1;transform:translateY(0);transition-delay:1.5s}
.map-label{font-family:'Courier Prime',monospace;font-weight:400;font-size:14px;letter-spacing:0.15em;color:#8B6F47;display:block;margin-bottom:8px}
h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:64px;letter-spacing:0.15em;color:#2C1810;margin-bottom:4px;line-height:1.1}
.domain-ext{font-family:'Courier Prime',monospace;font-size:14px;color:#8B6F47;display:block;margin-bottom:16px}
.hero-sub{max-width:460px;margin:0 auto;color:#3D2B1F;font-size:16px}
.atlas-spread{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:80px 40px;position:relative;border-top:1px solid #E8D5B7}
.spread-alt{background:#E8D5B7}
.spread-inner{max-width:760px;width:100%;opacity:0;transform:translateY(24px);transition:all 0.5s ease}
.spread-inner.visible{opacity:1;transform:translateY(0)}
.cartouche{margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #C4956A;position:relative}
.cartouche::before{content:'';position:absolute;bottom:-1px;left:0;width:60px;height:3px;background:#8B6F47}
h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:36px;color:#2C1810;letter-spacing:0.05em;margin-bottom:0;line-height:1.2}
.spread-body p{margin-bottom:16px;color:#3D2B1F}
.pull-quote{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:24px;font-style:italic;color:#4A6FA5;padding:20px 0 20px 24px;border-left:3px solid #C4956A;margin:24px 0}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tool-card{padding:24px;background:#F5ECD7;border:1px solid #C4956A;position:relative}
.spread-alt .tool-card{background:#F5ECD7}
.tool-icon{width:60px;height:60px;margin-bottom:16px}
h3{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:20px;color:#2C1810;margin-bottom:8px}
.tool-card p{font-size:15px;color:#3D2B1F}
.tool-card::after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:#8B6F47;opacity:0;transition:opacity 0.3s}
.tool-card:hover::after{opacity:0.5}
@media(max-width:768px){h1{font-size:40px}h2{font-size:28px}.tool-grid{grid-template-columns:1fr}.atlas-spread{padding:40px 20px}}