:root{--cs-yellow:#88C537;--cs-brown:#7a4b12;--cs-gray:#eaeaea}

 
  .site-main { height:100svh; }

   html, body {
    height:100%;
    overflow:hidden;
    margin:0;
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell,
                 "Noto Sans", "Helvetica Neue", Arial, "Apple Color Emoji",
                 "Segoe UI Emoji","Segoe UI Symbol", sans-serif;
    font-optical-sizing:auto; 
  }

  
  .cs-wrap{
    position:fixed; inset:0; z-index:1;      
    display:grid; place-items:center;
    background:#fff;                          
    overflow:hidden; padding:4rem 1rem;
  }

  .cs-wrap::before{
    content:""; position:absolute; inset:0; z-index:0;
    background-image:
      linear-gradient(rgba(0,0,0,.60), rgba(0,0,0,.60)), 
      var(--cs-bg);
    background-repeat:no-repeat; background-size:cover; background-position:center bottom;
    pointer-events:none;
  }

 
  .cs-wrap::after{
    content:""; position:absolute; left:0; right:0; bottom:0; height:20%;
    background:var(--cs-yellow);
    border-top-left-radius:60% 100%; border-top-right-radius:0 0; transform:translateY(10%);
    z-index:1;
  }

  .cs-logo{
    position:absolute; top:80px; left:18px; z-index:3; display:flex; align-items:center; gap:.5rem;
    text-decoration:none;
  }
  .cs-logo img{ height:42px; width:auto; display:block }
  @media (max-width:480px){ .cs-logo img{ height:34px } }


  .cs-inner{ position:relative; z-index:2; text-align:center; max-width:900px; margin:0 auto }
  .cs-title{
    font-size:clamp(2.4rem, 6vw, 4rem);
    letter-spacing:.12em; margin:0 0 .75rem; color:#fff; font-weight:800;
    text-shadow:0 6px 18px rgba(0,0,0,.35);
  }
  .cs-sub{
    font-size:clamp(1rem, 1.6vw, 1.15rem); color:var(--cs-gray); margin:0 0 1.5rem; line-height:1.5
  }
  .cs-btn{
    display:inline-block; padding:.95rem 1.75rem; border-radius:999px; background:#88C537; color:#333;
    font-weight:800; text-decoration:none; box-shadow:0 6px 14px rgba(0,0,0,.18);
    transition:transform .1s ease, box-shadow .1s ease;
  }
  .cs-btn:hover{ transform:translateY(-1px); box-shadow:0 10px 20px rgba(0,0,0,.22) }

 
  @media (max-width:768px){
    .cs-wrap{ padding:3.2rem 1rem; }
    .cs-wrap::before{ background-position:center center; }
  }