*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;line-height:1.65}
img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:Georgia,serif;line-height:.96;margin:0;letter-spacing:-.045em}
p{font-size:17px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
.page{width:min(1000px,calc(100% - 32px));margin:auto;padding:72px 0 102px}.page h1{font-size:clamp(52px,8vw,98px);margin-bottom:20px}.page h2{font-size:38px;margin-top:46px}.page figure{margin:34px 0;overflow:hidden}.page figure img{width:100%;aspect-ratio:16/8;object-fit:cover}
.footer{padding:36px 0 50px}.footer-grid{width:min(1180px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid;padding-top:26px}.footer nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr}.footer nav{justify-content:flex-start}.page{padding-top:50px}}


:root{--bg:#e8ebed;--ink:#111821;--accent:#3073a8;--muted:#66717a}
body{background:linear-gradient(90deg,#e8ebed,#f5f7f8 55%,#dce3e7);color:var(--ink)}p{color:var(--muted)}
.top{position:fixed;right:22px;top:22px;z-index:20;width:250px;padding:18px 20px;background:#eef2f4e8;border:1px solid #1118211b;backdrop-filter:blur(16px)}.brand{font-family:Georgia,serif;font-size:32px;display:block}.top nav{display:grid;gap:10px;margin-top:18px;font-size:12px}
.main{margin-right:300px;min-width:0}.hero{min-height:100vh;padding:72px 5vw 50px;display:grid;grid-template-columns:1fr 430px;gap:52px;align-items:center;position:relative}.hero h1{font-size:clamp(62px,9vw,136px)}.panel-visual{position:relative}.panel-visual figure{margin:0;overflow:hidden;clip-path:polygon(0 0,100% 8%,92% 100%,8% 92%);box-shadow:22px 22px 0 #b7c8d3}.panel-visual img{width:100%;aspect-ratio:4/5;object-fit:cover}.shadow-bars{position:absolute;inset:-30px;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 44px,#3073a812 44px 72px);animation:drift 16s linear infinite}@keyframes drift{to{background-position:200px 0}}
.module{padding:90px 5vw;border-top:1px solid #11182118}.module h2{font-size:clamp(46px,7vw,84px);max-width:820px}.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.panel-card{background:#f5f7f8;border:1px solid #11182118;padding:24px;min-height:235px;transform:skewY(-1.5deg)}.panel-card>*{transform:skewY(1.5deg)}.panel-card strong{font-family:Georgia,serif;font-size:30px;color:var(--accent)}.material-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}.material-strip figure{margin:0;overflow:hidden}.material-strip img{width:100%;aspect-ratio:16/10;object-fit:cover}.dark-module{background:#111821;color:#eef3f7}.dark-module p{color:#a9b7c0}.dark-module .panel-card{background:#18232d;border-color:#ffffff15}.footer-grid{border-color:#1118211a}
@media(max-width:900px){.top{position:static;width:auto;margin:16px}.top nav{display:flex;flex-wrap:wrap}.main{margin-right:0}.hero{display:block;min-height:auto;padding:50px 20px}.panel-visual{margin-top:30px}.panel-visual figure{clip-path:none;box-shadow:none}.module{padding:64px 20px}.panel-grid{grid-template-columns:1fr}.material-strip{display:block}.material-strip figure{margin-top:14px}}