:root{ --bg:#233D4D; --orange:#FE7F2D; --cream:#FCF1E3; }
  *{box-sizing:border-box}
  body{margin:0;background:var(--bg);color:var(--orange);font-family:Helvetica,Arial,sans-serif;}
  .container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;}
  
  .left{position:relative;padding:48px;color:var(--orange);}
  .left img.bg{
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.28; filter:grayscale(100%);
  }
  .left .text{position:relative; z-index:1;}
  .left h1{margin:0 0 8px; font-size:96px; line-height:0.9;}
  .left p{color:var(--cream); width:75%; line-height:1.5; font-size:16px;}

 
  .right{display:flex; flex-direction:column; gap:18px; justify-content:center; padding:48px;}
  .title{font-size:88px; font-weight:800; text-transform:uppercase; line-height:0.95;}
  .iexist{
    align-self:flex-end; width:min(80%,520px); border:none; display:block; transition:opacity .2s ease;
  }
  a:hover .iexist{opacity:.85; cursor:pointer;}
  .quote{color:var(--cream); font-style:italic; margin:8px 0 0 0;}
  .left img { pointer-events: none; }