#h2oh-sample{box-sizing:border-box;width:min(620px,calc(100vw - 24px));height:min(680px,calc(100dvh - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:18px;background:#faf7ed;color:#124258;overflow:hidden;box-shadow:0 20px 80px #001b29aa;font-family:Arial,sans-serif}
#h2oh-sample[open]{display:flex;flex-direction:column}
#h2oh-sample::backdrop{background:#062a3ee8}
#h2oh-sample *{box-sizing:border-box}
#h2oh-sample .sample-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 60px;padding:6px 12px 6px 20px;background:#fff}
#h2oh-sample .sample-heading strong{font-size:18px}
#h2oh-sample .sample-heading button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #124258;border-radius:50%;background:#124258;color:white;font:32px/1 Arial;cursor:pointer}
#h2oh-sample .sample-heading button:focus-visible{outline:3px solid #c99737;outline-offset:2px}
#h2oh-sample .sample-still{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;pointer-events:none}
#h2oh-sample .sample-brand{padding:12px 20px;font:bold 25px Georgia;background:#124258;color:white;flex:0 0 auto}
#h2oh-sample .sample-brand small{font:10px Arial;letter-spacing:2px;margin-left:8px}
#h2oh-sample .sample-photo{position:relative;display:flex;align-items:center;flex:1;min-height:80px;padding:20px;color:white;background:linear-gradient(90deg,#002b40d9,#002b4040),url('https://h2ohcruises.com/wp-content/uploads/2026/09/DJI_0096-scaled.webp') center/cover}
#h2oh-sample .sample-photo div{font:10px Arial;letter-spacing:1px}
#h2oh-sample .sample-photo strong{display:block;margin-top:10px;font:bold clamp(24px,6vw,40px)/1.06 Georgia;letter-spacing:0}
#h2oh-sample .sample-bottom{position:relative;flex:0 0 152px;padding:16px 82px 14px 20px;background:#faf7ed}
#h2oh-sample .sample-bottom small{display:block;font:bold 10px Arial;letter-spacing:2px}
#h2oh-sample .sample-bottom strong{display:block;margin:8px 0;font:bold 25px/1.1 Georgia}
#h2oh-sample .sample-bottom span{font:12px Arial}
#h2oh-sample .sample-chest{position:absolute;right:20px;bottom:28px;width:54px!important;height:54px!important;max-width:none;object-fit:contain}
#h2oh-sample .sample-watermark{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%) rotate(-24deg);font:bold clamp(48px,13vw,90px)/1 Arial;letter-spacing:5px;color:#fff9;text-shadow:0 1px 4px #1236}
#h2oh-sample .sample-caption{flex:0 0 auto;margin:0;padding:12px 10px;text-align:center;font:12px/1.4 Arial;background:white;color:#124258}
@media(max-height:500px){#h2oh-sample .sample-heading{flex-basis:48px}#h2oh-sample .sample-bottom{flex-basis:110px;padding-top:10px}#h2oh-sample .sample-bottom strong{font-size:20px}#h2oh-sample .sample-bottom span{display:none}#h2oh-sample .sample-photo strong{font-size:22px}#h2oh-sample .sample-brand{padding:6px 20px}#h2oh-sample .sample-caption{padding:6px}}