*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0805;color:#c9b995;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 62% 20%,rgba(115,64,18,.12),transparent 32%),linear-gradient(90deg,rgba(0,0,0,.08),transparent 30%,rgba(88,45,11,.05) 65%,transparent);z-index:-1}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.top{height:74px;border-bottom:1px solid #2b1c0d;background:rgba(11,8,5,.97);position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#f0dfb2;line-height:1.05}.brand b{font-family:Georgia,'Times New Roman',serif;font-size:17px;letter-spacing:.3px}.brand span{display:block;color:#d89a2c;font-size:9px;font-weight:800;letter-spacing:3px;margin-top:6px}.links{display:flex;align-items:center;gap:31px}.links a{color:#e4d5af;text-decoration:none;font-size:13px;font-weight:700}.links .book{background:#d99a2e;color:#0a0704;padding:18px 27px;letter-spacing:1px}.hamb{display:none;background:none;border:0;color:#e4d5af;font-size:24px}.section{padding:105px 0}.bordered{border-top:1px solid #20150b}.hero{min-height:790px;display:flex;align-items:center;padding-top:75px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.eyebrow{color:#e0a434;font-size:12px;font-weight:900;letter-spacing:2.5px}.intro{font-family:Georgia,'Times New Roman',serif;color:#d8a13a;font-size:36px;margin:16px 0 0}.hero h1,.split-title h2,.booking-box h2{font-family:Georgia,'Times New Roman',serif;color:#f2e2b6;font-weight:700;letter-spacing:-3px}.hero h1{font-size:96px;line-height:.88;margin:8px 0 28px}.lead{font-size:18px;max-width:600px}.actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-block;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:1.3px;padding:17px 23px}.gold{background:#dda039;color:#0b0805}.outline{border:1px solid #6c4b20;color:#ead9ad}.logo-orbit{width:520px;height:520px;border:1px solid #3b2915;border-radius:50%;display:flex;align-items:center;justify-content:center;justify-self:end;background:radial-gradient(circle,rgba(91,49,16,.2),transparent 65%)}.logo-orbit img{width:76%;height:auto;display:block}.split-title{display:grid;grid-template-columns:360px 1fr;gap:115px;align-items:start}.split-title h2{font-size:72px;line-height:.98;margin:0}.split-title>p{font-size:17px;max-width:660px;margin:10px 0 0}.about-cards{display:grid;grid-template-columns:1.15fr .9fr;gap:18px;margin-top:58px}.card{border:1px solid #4a3117;background:rgba(28,18,10,.42)}.text-card{padding:50px 52px;font-size:17px}.text-card p{margin:0 0 20px}.quote{padding:48px;background:linear-gradient(135deg,#4b2e14,#1a1008 75%);display:flex;flex-direction:column;justify-content:space-between}.quote blockquote{font-family:Georgia,'Times New Roman',serif;color:#f0dfb4;font-size:38px;line-height:1.08;margin:0 0 42px}.service-head{grid-template-columns:420px 1fr}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.service{min-height:285px;padding:31px 30px;display:flex;flex-direction:column;justify-content:space-between}.service h3,.media-card h3{font-family:Georgia,'Times New Roman',serif;color:#f0dfb4;font-size:28px;line-height:1;margin:0 0 15px}.service p{margin:0}.media-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:55px}.media-card{min-height:370px;border:1px solid #4a3117;background:repeating-linear-gradient(102deg,rgba(67,38,17,.22) 0,rgba(67,38,17,.22) 1px,transparent 1px,transparent 40px),linear-gradient(135deg,#2c1a0e,#160d07);text-decoration:none;color:#c9b995;padding:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.play{width:70px;height:70px;border:1px solid #b67b25;border-radius:50%;display:grid;place-items:center;color:#e0a434;margin-bottom:25px}.logo-card{position:relative}.logo-card img{width:52%;max-width:280px;display:block}.logo-card .bottom{position:absolute;bottom:20px;left:22px}.profile .split-title{margin-bottom:40px}.songs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #4a3117}.songs>div{min-height:62px;border-bottom:1px solid #4a3117;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 0}.songs>div:nth-child(odd){border-right:1px solid #4a3117;padding-right:20px}.songs>div:nth-child(even){padding-left:20px}.songs b{color:#e8d8ae}.songs span{color:#8f8067;font-size:14px;text-align:right}.booking{padding-bottom:35px}.booking-box{border:1px solid #5a3918;background:linear-gradient(135deg,#4a2d12,#1b1008 72%);padding:72px 40px;text-align:center}.booking-box h2{font-size:72px;line-height:.95;margin:0 0 28px}.booking-box p{margin:0 0 28px}footer{display:flex;justify-content:space-between;padding:65px 0 0;font-size:13px;color:#8f8067}footer a{color:#c9b995;text-decoration:none}@media(max-width:800px){.wrap{width:min(100% - 32px,1180px)}.top{height:66px}.brand b{font-size:14px}.links{display:none;position:absolute;left:0;right:0;top:66px;background:#0b0805;padding:20px 16px;flex-direction:column;gap:18px;border-bottom:1px solid #3a2613}.links.open{display:flex}.hamb{display:block}.section{padding:70px 0}.hero{min-height:auto;padding-top:60px}.hero-grid{grid-template-columns:1fr;gap:50px}.hero h1{font-size:64px}.intro{font-size:26px}.lead{font-size:16px}.logo-orbit{width:min(92vw,430px);height:min(92vw,430px);justify-self:center;grid-row:1}.split-title,.service-head{grid-template-columns:1fr;gap:24px}.split-title h2{font-size:54px}.about-cards,.service-grid,.media-grid,.songs{grid-template-columns:1fr}.songs>div:nth-child(odd){border-right:0}.songs>div:nth-child(even){padding-left:0}.service{min-height:230px}.booking-box{padding:50px 20px}.booking-box h2{font-size:49px}.actions{flex-direction:column;align-items:flex-start}.desktop{display:none}footer{gap:25px;flex-direction:column;padding-top:40px}.quote blockquote{font-size:31px}.media-card{min-height:300px}.logo-card img{width:65%}}
/* v6: wider desktop canvas + near-full orbit logo; design otherwise unchanged */
@media (min-width: 1000px){
  .wrap{width:min(1500px,calc(100% - 72px));}
  main .wrap{zoom:1.08;}
  .hero-grid{grid-template-columns:1.08fr .92fr;gap:90px;}
  .hero h1{font-size:104px;}
  .lead{max-width:680px;}
  .logo-orbit img{width:95%;max-width:none;}
}
/* v7: user-requested hero logo +60% from v6. Orbit clips overflow so layout stays unchanged. */
@media (min-width:801px){
  .logo-orbit{overflow:hidden;}
  .logo-orbit img{width:152%;max-width:none;}
}
/* v9: v8 design retained; gallery converted to horizontal slider */
.logo-card img{width:88%;max-width:520px;}
.photo-carousel{position:relative;margin-top:18px;}
.photo-gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;touch-action:pan-y pinch-zoom;cursor:grab;}
.photo-gallery::-webkit-scrollbar{display:none}
.photo-gallery.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.photo{margin:0;border:1px solid #4a3117;overflow:hidden;background:#160d07;flex:0 0 calc((100% - 36px)/3);height:330px;scroll-snap-align:start;}
.photo img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s ease,filter .35s ease;user-select:none;cursor:zoom-in;}
.photo:hover img{transform:scale(1.025);filter:brightness(1.05);}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:52px;height:52px;border:1px solid #8d6128;border-radius:50%;background:rgba(11,8,5,.9);color:#e0a434;font:38px/1 Georgia,serif;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.35)}
.slider-arrow:hover{background:#d99a2e;color:#0b0805}.slider-arrow.prev{left:-26px}.slider-arrow.next{right:-26px}
@media(max-width:1100px) and (min-width:701px){.photo{flex-basis:calc((100% - 18px)/2);height:310px}}
@media(max-width:800px){.logo-card img{width:90%;max-width:none}.slider-arrow{width:44px;height:44px}.slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}}
@media(max-width:700px){.photo-gallery{gap:10px}.photo{flex-basis:100%;height:340px}.slider-arrow{width:42px;height:42px;font-size:32px}}

/* v10: show complete photos in slider + full-size lightbox */
.photo{background:radial-gradient(circle at 50% 45%,#24160c 0,#100a06 72%);}
.photo img{object-fit:contain;padding:6px;}
.photo:hover img{transform:none;filter:brightness(1.04);}
.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(5,3,2,.94);display:none;align-items:center;justify-content:center;padding:28px;}
.lightbox.open{display:flex;}
.lightbox img{max-width:96vw;max-height:92vh;width:auto;height:auto;object-fit:contain;box-shadow:0 12px 60px rgba(0,0,0,.65);}
.lightbox-close{position:fixed;top:18px;right:24px;width:48px;height:48px;border:1px solid #8d6128;border-radius:50%;background:rgba(11,8,5,.88);color:#f2e2b6;font-size:30px;line-height:1;cursor:pointer;}

/* v12: larger gallery cards; click/tap still opens full-size lightbox */
@media (min-width:1101px){.photo{height:430px}}
@media (max-width:1100px) and (min-width:701px){.photo{height:400px}}
@media (max-width:700px){.photo{height:440px}}

/* v13: reliable click-to-enlarge + larger hero logo on phones */
.photo img{pointer-events:auto;}
@media(max-width:800px){
  .logo-orbit{overflow:hidden;width:min(96vw,460px);height:min(96vw,460px);}
  .logo-orbit img{width:138%;max-width:none;}
}

/* v14: mobile-only hero logo fills ~75-80% of orbit width; all other v13 styling unchanged */
@media (max-width:800px){
  .logo-orbit img{width:78%;max-width:none;transform:none;}
}

/* v15: corrected mobile hero logo sizing.
   The PNG itself contains transparent padding (~36% horizontally), so 78% CSS width
   only made the visible artwork about half the orbit. 125% makes visible artwork ~80%. */
@media (max-width:800px){
  .logo-orbit img{width:125%;max-width:none;transform:none;}
}
