:root{
      --navy:#02031b;
      --navy2:#080f3a;
      --blue:#111b62;
      --gold:#c99a35;
      --gold2:#f3d878;
      --gray:#2e2e31;
      --light-gray:#f6f1e4;
      --line:#d9c58c;
      --text:#15110a;
      --muted:#665b43;
      --page:100%;
      --side:230px;
      --shadow:0 12px 30px rgba(0,0,0,.22);
      --logo:url("https://doctorwulff.com/wp-content/uploads/512.webp");
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth;width:100%;overflow-x:hidden}
    body{
      margin:0;
      width:100%;
      min-width:100%;
      background:#050505;
      color:var(--text);
      font-family:Georgia,"Times New Roman",serif;
      font-size:15px;
      line-height:1.55;
      overflow-x:hidden;
    }

    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}

    .page{
      width:100vw;
      max-width:100vw;
      min-width:100vw;
      margin:0;
      margin-left:calc(50% - 50vw);
      margin-right:calc(50% - 50vw);
      background:#fffaf0;
      min-height:100vh;
      box-shadow:none;
      position:relative;
      left:0;
      right:0;
    }

    /* Elementor / boxed-container full-bleed fix */
    .elementor-widget-html .page,
    .elementor-widget-container .page,
    .elementor-section .page,
    .e-con .page{
      width:100vw !important;
      max-width:100vw !important;
      margin-left:calc(50% - 50vw) !important;
      margin-right:calc(50% - 50vw) !important;
    }

    .top-banner{
      width:100%;
      height:135px;
      background:
        radial-gradient(circle at 20% 50%, rgba(243,216,120,.18), transparent 14%),
        radial-gradient(circle at 80% 35%, rgba(255,255,255,.08), transparent 18%),
        linear-gradient(90deg,#010105 0%,#07113a 42%,#02020a 100%);
      color:#fff;
      position:relative;
      overflow:hidden;
      display:flex;
      align-items:center;
      justify-content:center;
      border-bottom:4px solid #c99a35;
    }
    .top-banner:before{
      content:"";
      position:absolute;inset:0;
      background:
        linear-gradient(90deg,rgba(243,216,120,.10),transparent 20%,transparent 70%,rgba(243,216,120,.08)),
        repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 8px);
      opacity:.75;
    }
    .brand-lockup{
      position:relative;z-index:1;
      display:flex;align-items:center;gap:18px;
      text-align:left;
      text-transform:uppercase;
      letter-spacing:.03em;
    }
    .seal{
      width:86px;height:86px;border-radius:50%;
      background:
        var(--logo) center/cover no-repeat,
        radial-gradient(circle,#0b0864 0 34%,#f8e87e 35% 44%,#8b6b15 45% 48%,#0b0864 49% 100%);
      border:3px solid #e9d465;
      box-shadow:0 0 22px rgba(243,216,120,.34),0 8px 22px rgba(0,0,0,.35);
      display:grid;place-items:center;
      color:transparent;font-size:0;font-weight:bold;text-align:center;line-height:1.2;
    }
    .brand-title{font-size:30px;line-height:.98;font-weight:700;text-shadow:0 2px 0 rgba(0,0,0,.55);color:#fff}
    .brand-title span{display:block;font-size:17px;letter-spacing:.26em;margin-top:7px;color:#f4e6a8}

    .top-menu{
      width:100%;
      height:28px;
      background:linear-gradient(#1a1f55,#02031b);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:28px;
      font-family:Arial,Helvetica,sans-serif;
      font-size:12px;
      border-top:1px solid rgba(243,216,120,.35);
      border-bottom:1px solid #050505;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    }
    .top-menu a{opacity:.95}.top-menu a:hover{text-decoration:underline;color:var(--gold2)}

    .layout{display:grid;grid-template-columns:var(--side) minmax(0,1fr);align-items:start;width:100%;max-width:100vw}
    .sidebar{
      background:#2f2f33;
      min-height:100%;
      padding:0 0 24px;
      border-right:1px solid #1d1d20;
      position:sticky;top:0;
      box-shadow:inset -1px 0 0 rgba(243,216,120,.18);
    }
    .side-link{
      display:block;
      color:#f8f0d3;
      padding:10px 16px;
      border-bottom:1px solid rgba(243,216,120,.22);
      font:700 12px Arial,Helvetica,sans-serif;
      text-shadow:0 1px 0 rgba(0,0,0,.45);
      background:linear-gradient(#3b3b40,#27272b);
    }
    .side-link:hover{background:#17181f;color:#fff6b2}

    .content{padding:0 clamp(22px,4vw,64px) 42px;overflow:hidden;width:100%;max-width:none;min-width:0;background:#fffaf0;}
    .hero{text-align:center;padding:12px 0 20px}
    h1,h2,h3{font-weight:700;color:#050505;line-height:1.18;margin:0 0 14px}
    h1{font-size:27px;margin-top:4px;color:#101010}
    h2{font-size:24px;text-align:center;margin-top:28px;color:#111}
    h3{font-size:19px;text-align:center;margin-top:22px;color:#16110a}
    p{margin:0 0 14px}
    .center{text-align:center}.italic{font-style:italic}.bold{font-weight:700}.small{font-size:13px}.muted{color:var(--muted)}

    .wide-photo{
      width:100%;
      height:340px;
      object-fit:cover;
      border:1px solid #c9b778;
      margin:8px auto 18px;
      background:#ddd;
      box-shadow:0 10px 26px rgba(0,0,0,.13);
    }
    .photo-conference{
      background:
        linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.26)),
        radial-gradient(circle at 22% 40%,#fff0a8 0 1%,transparent 2% 100%),
        radial-gradient(circle at 40% 40%,#fff0a8 0 1%,transparent 2% 100%),
        radial-gradient(circle at 62% 42%,#fff0a8 0 1%,transparent 2% 100%),
        linear-gradient(180deg,#07113a 0 25%,#111111 26% 38%,#c99a35 39% 48%,#1c1b1a 49% 100%);
      position:relative;
      overflow:hidden;
    }
    .photo-conference:after{
      content:"";position:absolute;left:0;right:0;bottom:0;height:72px;
      background:repeating-linear-gradient(90deg,#111 0 8px,#292929 8px 15px,#d9c18c 15px 16px);
      opacity:.9;
    }
    .photo-ballroom{
      height:300px;
      background:
        radial-gradient(circle at 20% 25%,#fff0a8 0 2%,transparent 3% 100%),
        radial-gradient(circle at 80% 25%,#fff0a8 0 2%,transparent 3% 100%),
        linear-gradient(180deg,#111a44 0 25%,#e8d19d 26% 34%,#9b6f24 35% 58%,#1b1916 59% 100%);
      border:1px solid #c9b778;
      margin:16px auto;
      box-shadow:0 10px 26px rgba(0,0,0,.13);
    }
    .photo-cruise{
      height:340px;
      background:
        linear-gradient(180deg,#e8d7a1 0 16%,#07113a 17% 42%,#f3f0e4 43% 46%,#0f2b5d 47% 100%);
      border:1px solid #c9b778;
      margin:16px auto;
      position:relative;overflow:hidden;
      box-shadow:0 10px 26px rgba(0,0,0,.13);
    }
    .photo-cruise:before{
      content:"";position:absolute;left:90px;right:80px;top:86px;height:86px;
      background:linear-gradient(#fff,#e6e6e6);
      border-radius:8px 8px 34px 34px;
      box-shadow:0 8px 0 #2e3150,0 18px 0 #fff,0 28px 0 #ddd;
      transform:skewX(-8deg);
    }
    .photo-cruise:after{
      content:"";position:absolute;left:120px;right:100px;top:70px;height:32px;
      background:#f4f4f4;border-radius:10px 10px 0 0;box-shadow:0 -16px 0 #fff;
    }

    .intro-box{max-width:980px;margin:0 auto 20px;text-align:center}
    .intro-box ul{display:inline-block;text-align:left;margin:8px auto 0;padding-left:22px;font-style:italic;font-weight:bold;color:#201800}
    .video-placeholder{
      height:430px;
      background:linear-gradient(135deg,#111 0%,#07113a 50%,#030303 100%);
      border:1px solid #d7c17e;
      margin:22px auto 22px;
      display:grid;place-items:center;
      color:#d9c17a;
      font:14px Arial,Helvetica,sans-serif;
      position:relative;
      box-shadow:0 12px 32px rgba(0,0,0,.16);
    }
    .video-placeholder:before{content:"▣";font-size:34px;color:#d9c17a}

    .btn-row{text-align:center;margin:18px 0 26px}
    .gold-btn,.blue-btn{
      display:inline-block;
      min-width:190px;
      padding:12px 18px;
      font:700 13px Arial,Helvetica,sans-serif;
      box-shadow:0 3px 9px rgba(0,0,0,.24);
      border:0;
      cursor:pointer;
      text-align:center;
    }
    .gold-btn{background:linear-gradient(#f3d878,#c99a35);color:#201800;border:1px solid #a1711e}
    .gold-btn:hover{background:linear-gradient(#ffe985,#c99a35)}
    .blue-btn{background:#07113a;color:#f4e6a8;margin-top:10px;border:1px solid #c99a35}
    .blue-btn:hover{background:#02031b;color:#fff6b2}

    .divider{height:1px;background:#d9c58c;margin:28px 0}
    .copy-block{max-width:1180px;margin:0 auto;font-size:15px}
    .copy-block ul{padding-left:28px;margin-top:8px;margin-bottom:18px}.copy-block li{margin-bottom:4px}
    .copy-block blockquote{
      margin:24px auto;
      max-width:650px;
      text-align:center;
      font-size:21px;
      line-height:1.25;
      font-weight:bold;
      font-style:italic;
      color:#2b1c00;
    }

    .category-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:640px;margin:18px auto}
    .category-card{border:1px solid #c9b778;background:#fff5d8;padding:12px;text-align:center;font-weight:bold;font-size:15px;color:#221700}

    .quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.quote-card{background:#fff5d8;border:1px solid #d4bd7a;padding:14px;font-size:13px;font-style:italic;color:#2b210f}

    .story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 30px}.story-video{height:130px;background:linear-gradient(135deg,#111,#07113a);border:1px solid #d1bc78;display:grid;place-items:center;color:#d9c17a}.story-video:before{content:"▣";font-size:28px}

    .roman-footer{
      background:linear-gradient(#2f2f33,#111114);
      border-top:3px solid #c99a35;
      padding:16px 18px 24px;
      text-align:center;
      color:#fff;
      font-family:Arial,Helvetica,sans-serif;
      position:relative;
    }
    .levels{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:16px}.level{width:38px;height:38px;background:linear-gradient(#07113a,#02031b);border:1px solid #d9c17a;display:grid;place-items:center;font:700 16px Georgia,"Times New Roman",serif;color:#f4e6a8;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
    .legal{font-size:11px;color:#eee;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:10px 0}.copyright{font-size:10px;color:#f1f1f1}
    .to-top{position:fixed;right:18px;bottom:18px;width:36px;height:36px;background:linear-gradient(#f3d878,#c99a35);color:#1b1200;border:1px solid #9b6b1f;display:grid;place-items:center;font-family:Arial;border-radius:2px;opacity:.94;box-shadow:0 8px 18px rgba(0,0,0,.22)}

    .mobile-title{display:none;background:#2f2f33;color:#f4e6a8;padding:12px 16px;font:700 14px Arial,Helvetica,sans-serif;border-bottom:1px solid #1b1b1e}

    @media (max-width:760px){
      .page{width:100%;box-shadow:none}.top-banner{height:auto;padding:18px 10px}.brand-lockup{gap:12px}.seal{width:62px;height:62px;font-size:0}.brand-title{font-size:20px}.brand-title span{font-size:11px}.top-menu{flex-wrap:wrap;height:auto;padding:8px;gap:12px}.layout{grid-template-columns:1fr}.sidebar{position:relative;display:none}.sidebar.open{display:block}.mobile-title{display:block}.content{padding:0 14px 28px}h1{font-size:24px}h2{font-size:21px}.video-placeholder{height:210px}.wide-photo{height:170px}.category-list,.quote-grid,.story-grid{grid-template-columns:1fr}.copy-block{font-size:14px}.levels{gap:8px}.level{width:32px;height:32px}.photo-cruise{height:190px}.photo-cruise:before{left:35px;right:30px;top:75px}.photo-cruise:after{left:55px;right:45px;top:58px}
    }