Home

html, body { margin:0; padding:0; overflow:hidden; width:100%; height:100%; } .forst-hero { position: fixed !important; inset: 0 !important; width: 100vw !important; max-width: 100vw !important; height: 100vh !important; overflow: hidden; background: #000; z-index: 9999; margin: 0 !important; } .forst-hero__bg-wrap { position: absolute; inset: 0; overflow: hidden; } .forst-hero__bg { width: 100%; height: 100%; object-fit: cover; display: block; } .forst-hero__overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.4); } .forst-hero__content { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 2; } .forst-hero__title-img { width: clamp(260px, 40vw, 620px); max-height: 46vh; object-fit: contain; height: auto; display: block; filter: drop-shadow(0 2px 14px rgba(255,255,255,0.58)); } .forst-hero__cta { position: absolute; bottom: 8%; left: 50%; transform: translateX(-50%); z-index: 2; } .forst-hero__cta a { display: inline-block; color: #fff; border: 1px solid rgba(255,255,255,0.7); padding: 0.9em 2.4em; border-radius: 999px; text-decoration: none; font-size: 0.95rem; letter-spacing: 0.08em; transition: all 0.25s ease; cursor: pointer; } .forst-hero__cta a:hover { background: #fff; color: #111; } .forst-inquiry-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); display: none; align-items: center; justify-content: center; z-index: 100000; } .forst-inquiry-overlay.active { display: flex; } .forst-inquiry-modal { background: #fff; width: min(640px, 92vw); max-height: 90vh; border-radius: 12px; overflow: hidden; position: relative; display: flex; flex-direction: column; box-shadow: 0 10px 30px rgba(0,0,0,0.25); } .forst-inquiry-modal iframe { width: 100%; height: 80vh; border: 0; display: block; margin-top: 28px; } .forst-inquiry-close { position: absolute; top: 6px; right: 10px; background: none; border: none; font-size: 2rem; line-height: 1; cursor: pointer; color: #333; z-index: 2; }