/* Homepage: quiet editorial introduction and a dimensional project study. */
.home-intro { background:#0a0a0b; color:#f4f4f2; overflow:hidden; padding:clamp(8rem,12vw,11rem) 0 3rem; }
.home-intro-inner { max-width:1440px; margin:auto; padding:0 3rem; }
.home-intro-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:center; gap:4rem; }
.home-intro-copy { min-width:0; position:relative; z-index:1; }
.home-intro-eyebrow { color:#b8b8b8; font-size:.68rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; margin:0 0 2rem; }
.home-intro h1 { font-size:clamp(2.8rem,4.6vw,4.5rem); font-weight:600; letter-spacing:-.045em; line-height:1.06; margin:0 0 1.75rem; text-wrap:balance; }
.home-intro h1 > span { display:block; color:#97c21f; font-family:inherit; font-style:normal; font-weight:500; font-size:.68em; letter-spacing:-.03em; margin-top:.55em; }
.home-intro-description { color:#b8b8b8; line-height:1.85; font-size:.98rem; max-width:36rem; }
.home-intro-person { display:flex; align-items:center; gap:.9rem; margin:1.7rem 0 2rem; }
.home-intro-person img { width:44px; height:44px; border-radius:50%; flex-shrink:0; }
.home-intro-person p { font-size:.75rem; line-height:1.8; color:#deded9; }
.home-intro-person p span { color:#a3a39b; }
.home-intro-cta { display:inline-flex; justify-content:space-between; align-items:center; gap:2rem; border:1px solid #97c21f; border-radius:99px; background:#97c21f; color:#0a0a0b; padding:1rem 1.5rem; font-size:.8rem; font-weight:700; transition:background .2s,color .2s; }
.home-intro-cta:hover { background:transparent; color:#97c21f; }
.home-intro-note { font-size:.7rem; color:#a3a39b; margin:.8rem 0 1.5rem; }
.home-intro-links { display:flex; flex-wrap:wrap; gap:.7rem 1.5rem; font-size:.75rem; color:#b8b8b8; }
.home-intro-links a { text-decoration:underline; text-underline-offset:5px; text-decoration-color:#62665b; }
.home-intro a:hover { color:#97c21f; }
.home-intro a.home-intro-cta:hover { color:#97c21f; }
.home-intro a:focus-visible { outline:2px solid #97c21f; outline-offset:5px; }
.home-intro-proof { display:flex; flex-wrap:wrap; gap:2rem 4rem; border-top:1px solid #ffffff1a; padding-top:1.8rem; margin-top:3.5rem; }
.home-intro-proof > * { display:flex; align-items:baseline; gap:.7rem; }
.home-intro-proof strong { font-family:Syne,sans-serif; font-size:1.25rem; font-weight:600; }
.home-intro-proof span { color:#a3a39b; font-size:.75rem; }
.home-craft { min-width:0; }
.home-craft-stage { position:relative; height:510px; perspective:1100px; isolation:isolate; }
.home-craft-plane { position:absolute; width:84%; height:61%; top:20%; left:8%; border-radius:10px; transform:rotateX(12deg) rotateY(-21deg) rotateZ(7deg); }
.home-craft-blueprint { top:7%; left:17%; border:1px solid #97c21f55; background:linear-gradient(90deg,transparent 49.5%,#97c21f18 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#97c21f18 50%,transparent 50.5%); background-size:32px 32px; display:grid; grid-template-columns:1.1fr 1fr; gap:20px; padding:32px; }
.home-craft-blueprint span { border:1px solid #97c21f40; border-radius:3px; }
.home-craft-foundation { top:13%; left:12%; border:1px solid #c5ccb155; background:linear-gradient(140deg,#30352ad9,#171b15e6); box-shadow:0 25px 50px #05060566; }
.home-craft-website { overflow:hidden; border:1px solid #d0d7bf66; background:#1a1e17; box-shadow:0 35px 70px #050605b3; }
.home-craft-chrome { height:28px; display:flex; align-items:center; gap:5px; padding:0 12px; border-bottom:1px solid #ffffff15; background:#20251b; }
.home-craft-chrome i { width:4px; height:4px; background:#8b9480; border-radius:50%; }
.home-craft-chrome span { font-size:8px; color:#c7cfbb; margin-left:auto; letter-spacing:.1em; }
.home-craft-screen { height:calc(100% - 28px); overflow:hidden; background:#e9e9e3; }
.home-craft-screen img { display:block; width:100%; height:auto; }
.home-craft-orbit { position:absolute; width:90%; aspect-ratio:1; left:5%; top:3%; border:1px solid #97c21f24; border-radius:50%; transform:rotateX(62deg) rotateZ(-25deg); }
.home-craft-signature { position:absolute; bottom:13%; left:0; width:84px; height:84px; border-radius:16px; background:#97c21f; color:#18200b; display:flex; align-items:center; justify-content:center; gap:3px; transform:rotate(-8deg); box-shadow:0 20px 35px #05060566; }
.home-craft-signature span:first-child { font-family:Syne,sans-serif; font-size:42px; font-weight:700; }
.home-craft-signature span:last-child { font-size:25px; }
.home-craft-rule { position:absolute; width:1px; height:60px; bottom:0; left:50%; background:linear-gradient(#97c21f66,transparent); }
.home-craft-caption { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:.5rem 1.5rem; color:#a3a39b; font-size:.75rem; letter-spacing:.02em; }
.home-craft-caption a { display:inline-flex; align-items:center; min-height:44px; }
.home-craft-caption a span { color:#97c21f; margin-left:.5rem; }
.home-craft.is-animated .home-craft-blueprint { animation:craft-drift 4.8s ease-in-out 1; }
.home-craft.is-animated .home-craft-foundation { animation:craft-drift 4.4s .2s ease-in-out 1; }
.home-craft.is-animated .home-craft-website { animation:craft-drift 4s .4s ease-in-out 1; }
.home-craft.is-animated .home-craft-signature { animation:craft-signature 4s .4s ease-in-out 1; }
.home-craft.is-paused * { animation-play-state:paused !important; }
@keyframes craft-drift { 0%,100% { transform:translateY(0) rotateX(12deg) rotateY(-21deg) rotateZ(7deg); } 50% { transform:translateY(-15px) rotateX(7deg) rotateY(-13deg) rotateZ(4deg); } }
@keyframes craft-signature { 0%,100% { transform:translateY(0) rotate(-8deg); } 50% { transform:translateY(-9px) rotate(-3deg); } }
@media(max-width:1100px) { .home-intro-layout { gap:2rem; } .home-craft-stage { height:440px; } .home-intro h1 { font-size:3.3rem; } }
@media(max-width:800px) { .home-intro { padding-top:8rem; } .home-intro-inner { padding:0 1.5rem; } .home-intro-layout { grid-template-columns:1fr; gap:1.5rem; } .home-intro h1 { font-size:clamp(2.8rem,8vw,4rem); } .home-craft { width:100%; max-width:540px; margin:auto; } .home-craft-stage { height:440px; } .home-intro-proof { gap:1.5rem 2rem; margin-top:2rem; } }
@media(max-width:479px) { .home-craft-stage { height:330px; } .home-craft-signature { width:62px; height:62px; border-radius:12px; } .home-craft-signature span:first-child { font-size:32px; } .home-craft-blueprint { gap:12px; padding:20px; } .home-intro-proof { display:grid; gap:1rem; } .home-intro-cta { gap:1rem; width:100%; } }
@media(prefers-reduced-motion:reduce) { .home-craft.is-animated * { animation:none !important; } .home-intro-cta { transition:none; } }