.creator-stories,.faq-dark{background:#061a34;color:#fff}
.creator-stories{padding:78px 0 54px;overflow:hidden;position:relative}
.stories-head,.faq-wrap{width:min(1460px,calc(100% - 96px));margin:auto}
.stories-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}
.stories-eyebrow{color:#fff;letter-spacing:.24em;font-size:11px;font-weight:700}
.stories-head h2,.faq-dark h2{font-family:var(--serif);font-size:clamp(52px,4.5vw,78px);line-height:.94;margin:12px 0 0;font-weight:500;letter-spacing:-.02em}
.stories-head h2 em,.faq-dark h2 em{color:#e3b567;font-style:normal}
.stories-meta{display:flex;align-items:center;gap:22px;font-size:10px;letter-spacing:.19em;padding-bottom:7px}
.stories-meta>span{opacity:.78;line-height:1.35}.stories-meta b{color:#e3b567;white-space:nowrap}
/* top arrows hidden: navigation now sits vertically centered over the portraits */
.stories-meta button{display:none}
.stories-shell{position:relative}
.stories-viewport{overflow:hidden;width:100%}
.stories-track{display:flex;gap:16px;will-change:transform;padding:0 max(48px,calc((100vw - 1460px)/2));transform:translate3d(0,0,0)}
.story-card{flex:0 0 292px;border:1px solid rgba(227,181,103,.2);background:#071d39;overflow:hidden;box-shadow:0 16px 36px rgba(0,0,0,.10)}
.story-photo{aspect-ratio:9/13;position:relative;overflow:hidden;background:#0a2444}
.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transition:transform .6s ease}
.story-card:hover .story-photo img{transform:scale(1.018)}
.story-photo span{position:absolute;left:14px;bottom:14px;border:1px solid #e3b567;border-radius:30px;padding:7px 13px;background:rgba(6,26,52,.94);color:#f0c475;font-size:9px;font-weight:800;letter-spacing:.08em}
.story-copy{padding:21px 19px 24px;min-height:236px;display:flex;flex-direction:column}
.story-copy p{font-family:var(--serif);font-size:20px;line-height:1.18;margin:0;color:#fff;min-height:112px}
.story-copy i{display:block;width:34px;height:1px;background:#e3b567;margin:19px 0 12px}
.story-copy b,.story-copy a{display:block}.story-copy b{font-family:var(--serif);font-size:19px;font-weight:600}.story-copy a{font-size:11px;color:#e3b567;margin-top:6px}
.story-side{position:absolute;z-index:8;top:calc((100% - 236px)/2);transform:translateY(-50%);width:52px;height:52px;border:1px solid #e3b567;border-radius:50%;background:rgba(6,26,52,.92);color:#e3b567;font-size:24px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(7px);transition:background .25s ease,color .25s ease,transform .25s ease}
.story-side:hover{background:#e3b567;color:#061a34;transform:translateY(-50%) scale(1.05)}
.story-side.prev{left:22px}.story-side.next{right:22px}
.faq-dark{padding:58px 0 94px}.faq-wrap{border-top:1px solid rgba(227,181,103,.18);padding-top:43px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 74px;margin-top:40px}.faq-grid details{border-top:1px solid rgba(227,181,103,.55);padding:0}.faq-grid details:nth-last-child(-n+2){border-bottom:1px solid rgba(227,181,103,.55)}.faq-grid summary{list-style:none;cursor:pointer;padding:21px 42px 21px 8px;position:relative;font-weight:600}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:'+';position:absolute;right:10px;color:#e3b567;font-size:27px;font-weight:300;top:13px}.faq-grid details[open] summary:after{content:'−'}.faq-grid details p{color:rgba(255,255,255,.72);line-height:1.7;padding:0 45px 21px 8px;margin:0;font-size:14px}
@media(max-width:900px){.stories-head{align-items:flex-start;gap:25px}.stories-meta>span{display:none}.story-card{flex-basis:280px}.stories-head,.faq-wrap{width:calc(100% - 48px)}.story-side.prev{left:10px}.story-side.next{right:10px}.faq-grid{grid-template-columns:1fr}.faq-grid details:nth-last-child(-n+2){border-bottom:0}.faq-grid details:last-child{border-bottom:1px solid rgba(227,181,103,.55)}}
@media(max-width:560px){.creator-stories{padding-top:55px}.stories-head,.faq-wrap{width:calc(100% - 36px)}.stories-head{display:block}.stories-meta{margin-top:22px}.stories-track{padding:0 18px;gap:12px}.story-card{flex:0 0 calc(100vw - 54px)}.story-copy{min-height:215px}.story-copy p{min-height:auto}.story-side{width:44px;height:44px;top:39%}.story-side.prev{left:8px}.story-side.next{right:8px}.faq-dark{padding-bottom:65px}.faq-grid{margin-top:28px}}

/* 2026-09-16 premium creator-stories refinement */
.creator-stories{isolation:isolate;background:
  radial-gradient(circle at 18% 12%,rgba(28,73,112,.32),transparent 34%),
  radial-gradient(circle at 84% 30%,rgba(227,181,103,.07),transparent 28%),
  linear-gradient(135deg,#04172e 0%,#061a34 52%,#031326 100%)}
.creator-stories:before{content:'HILTONS';position:absolute;z-index:-1;right:-1.5vw;bottom:-30px;font-family:Georgia,serif;font-size:clamp(120px,16vw,290px);line-height:.8;letter-spacing:.02em;color:rgba(255,255,255,.018);pointer-events:none}
.creator-stories:after{content:'';position:absolute;z-index:-1;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(227,181,103,.35),transparent)}
.stories-viewport{overflow:hidden}
.stories-track{padding:0;gap:18px}
.story-card{flex:0 0 clamp(275px,18vw,318px);background:linear-gradient(180deg,rgba(11,42,80,.78),rgba(5,24,47,.98));border-color:rgba(227,181,103,.22);box-shadow:0 22px 55px rgba(0,0,0,.18)}
.story-photo{aspect-ratio:9/14}
.story-copy{background:linear-gradient(180deg,rgba(8,30,58,.65),rgba(4,21,42,.96))}
.story-side{top:36%;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.story-side.prev{left:26px}.story-side.next{right:26px}
@media(max-width:560px){.story-card{flex-basis:calc(100vw - 58px)}.story-side{top:34%}.story-side.prev{left:7px}.story-side.next{right:7px}}

/* 2026-09-16 navy + subtle gold foil treatment */
.creator-stories,.faq-dark{position:relative;isolation:isolate;background-color:#04172e}
.creator-stories{background:
 radial-gradient(ellipse at 50% 0%,rgba(19,55,91,.50) 0%,transparent 54%),
 linear-gradient(145deg,#031326 0%,#061a34 48%,#020f1f 100%)}
.creator-stories:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.68;background:
 radial-gradient(ellipse at -7% 4%,rgba(214,166,87,.30) 0 1.5%,transparent 1.8%),
 radial-gradient(ellipse at 102% 10%,rgba(229,187,113,.28) 0 1.2%,transparent 1.6%),
 linear-gradient(124deg,transparent 0 4%,rgba(226,179,98,.48) 4.08%,rgba(255,220,157,.12) 4.22%,transparent 4.36% 100%),
 linear-gradient(302deg,transparent 0 5%,rgba(196,143,64,.36) 5.08%,rgba(255,222,161,.11) 5.22%,transparent 5.36% 100%)}
.creator-stories:after{content:'HILTONS';position:absolute;z-index:-2;right:2vw;top:-26px;font-family:var(--serif);font-size:clamp(120px,16vw,285px);line-height:.8;color:rgba(255,255,255,.018);pointer-events:none}
.faq-dark{overflow:hidden;background:
 radial-gradient(ellipse at 12% 110%,rgba(214,166,87,.07),transparent 28%),
 radial-gradient(ellipse at 88% 100%,rgba(214,166,87,.06),transparent 27%),
 linear-gradient(155deg,#020f1f,#061a34 55%,#031326)}
.faq-dark:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.55;background:
 linear-gradient(37deg,transparent 0 4.2%,rgba(222,175,96,.42) 4.28%,rgba(255,224,168,.10) 4.42%,transparent 4.55% 100%),
 linear-gradient(218deg,transparent 0 5.3%,rgba(198,145,65,.32) 5.38%,rgba(255,224,168,.09) 5.52%,transparent 5.66% 100%)}
.faq-dark:after{content:'HILTONS';position:absolute;z-index:-2;right:-1vw;top:6%;font-family:var(--serif);font-size:clamp(120px,17vw,300px);line-height:1;color:rgba(255,255,255,.016);pointer-events:none}

/* 2026-09-16 cinematic peek carousel: 5 clear + blurred side previews */
.stories-viewport{overflow:hidden}
.stories-track{gap:18px;padding:0;align-items:stretch}
.story-card{flex:0 0 clamp(260px,17.1vw,328px);opacity:.16;filter:blur(3px) saturate(.7);transform:scale(.965);transition:opacity .55s ease,filter .55s ease,transform .55s ease,box-shadow .55s ease}
.story-card.is-visible{opacity:1;filter:none;transform:scale(1)}
.story-card.is-focus{box-shadow:0 28px 70px rgba(0,0,0,.34),0 0 0 1px rgba(227,181,103,.12)}
.story-card.is-peek{opacity:.30;filter:blur(2.2px) saturate(.72);transform:scale(.975)}
.story-side{top:31%;z-index:20;background:rgba(3,18,36,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.story-side.prev{left:28px}.story-side.next{right:28px}
@media(max-width:1200px){.story-card{flex-basis:clamp(250px,27vw,310px)}}
@media(max-width:900px){.story-card{flex-basis:38vw}}
@media(max-width:560px){
 .stories-track{gap:12px}
 .story-card{flex:0 0 82vw;opacity:.18;filter:blur(2px);transform:scale(.97)}
 .story-card.is-visible{opacity:1;filter:none;transform:scale(1)}
 .story-card.is-peek{opacity:.28;filter:blur(1.8px);transform:scale(.975)}
 .story-side{top:30%;width:42px;height:42px}
 .story-side.prev{left:6px}.story-side.next{right:6px}
}

/* 2026-09-16 FIX v2 — compact 5-card stage, visible foil, mouse drag */
.creator-stories{
  padding:72px 0 58px;
  background:
    radial-gradient(circle at 18% 12%,rgba(20,65,103,.34),transparent 32%),
    radial-gradient(circle at 86% 70%,rgba(198,145,65,.08),transparent 30%),
    linear-gradient(135deg,#031326 0%,#061a34 52%,#020e1c 100%);
}
.creator-stories:before{
  content:'';
  position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.92;
  background:
    linear-gradient(128deg,transparent 0 7.8%,rgba(231,190,116,.62) 7.88%,rgba(255,226,170,.20) 8.02%,transparent 8.16% 100%),
    linear-gradient(307deg,transparent 0 8.7%,rgba(201,149,70,.50) 8.78%,rgba(255,222,158,.16) 8.92%,transparent 9.06% 100%),
    linear-gradient(156deg,transparent 0 88%,rgba(224,176,92,.34) 88.08%,rgba(255,224,165,.12) 88.22%,transparent 88.36% 100%),
    radial-gradient(ellipse at 4% 5%,rgba(232,190,111,.22),transparent 9%),
    radial-gradient(ellipse at 97% 92%,rgba(210,155,71,.18),transparent 10%);
}
.creator-stories:after{
  content:'HILTONS';position:absolute;z-index:-2;right:2vw;top:-22px;
  font-family:var(--serif);font-size:clamp(110px,14vw,250px);line-height:.8;
  color:rgba(255,255,255,.018);pointer-events:none;
}
.stories-viewport{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;overflow:hidden}
.stories-viewport.is-dragging{cursor:grabbing}
.stories-viewport.is-dragging .stories-track{transition:none!important}
.stories-track{gap:16px;padding:0;align-items:stretch}
.story-card{flex:0 0 clamp(220px,14.1vw,270px)}
.story-photo{aspect-ratio:9/13}
.story-copy{min-height:210px;padding:18px 17px 21px}
.story-copy p{font-size:18px;min-height:100px}
.story-side{top:34%;}
@media(max-width:1400px){.story-card{flex-basis:clamp(215px,17vw,250px)}}
@media(max-width:1050px){.story-card{flex-basis:29vw}}
@media(max-width:760px){.story-card{flex-basis:44vw}}
@media(max-width:560px){
 .story-card{flex-basis:78vw}
 .story-copy{min-height:195px}
 .story-copy p{font-size:18px;min-height:auto}
}

/* FIX v2 — compact 5-card stage, visible foil, mouse drag */
.creator-stories{padding:72px 0 58px;background:radial-gradient(circle at 18% 12%,rgba(20,65,103,.34),transparent 32%),radial-gradient(circle at 86% 70%,rgba(198,145,65,.08),transparent 30%),linear-gradient(135deg,#031326 0%,#061a34 52%,#020e1c 100%)}
.creator-stories:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.92;background:linear-gradient(128deg,transparent 0 7.8%,rgba(231,190,116,.62) 7.88%,rgba(255,226,170,.20) 8.02%,transparent 8.16% 100%),linear-gradient(307deg,transparent 0 8.7%,rgba(201,149,70,.50) 8.78%,rgba(255,222,158,.16) 8.92%,transparent 9.06% 100%),linear-gradient(156deg,transparent 0 88%,rgba(224,176,92,.34) 88.08%,rgba(255,224,165,.12) 88.22%,transparent 88.36% 100%),radial-gradient(ellipse at 4% 5%,rgba(232,190,111,.22),transparent 9%),radial-gradient(ellipse at 97% 92%,rgba(210,155,71,.18),transparent 10%)}
.creator-stories:after{content:'HILTONS';position:absolute;z-index:-2;right:2vw;top:-22px;font-family:var(--serif);font-size:clamp(110px,14vw,250px);line-height:.8;color:rgba(255,255,255,.018);pointer-events:none}
.stories-viewport{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;overflow:hidden}.stories-viewport.is-dragging{cursor:grabbing}.stories-viewport.is-dragging .stories-track{transition:none!important}
.stories-track{gap:16px;padding:0;align-items:stretch}.story-card{flex:0 0 clamp(220px,14.1vw,270px)}.story-photo{aspect-ratio:9/13}.story-copy{min-height:210px;padding:18px 17px 21px}.story-copy p{font-size:18px;min-height:100px}.story-side{top:34%}
@media(max-width:1400px){.story-card{flex-basis:clamp(215px,17vw,250px)}}@media(max-width:1050px){.story-card{flex-basis:29vw}}@media(max-width:760px){.story-card{flex-basis:44vw}}@media(max-width:560px){.story-card{flex-basis:78vw}.story-copy{min-height:195px}.story-copy p{font-size:18px;min-height:auto}}

/* 2026-09-16 FIX v3 — organic gold foil + drag from every point */
.creator-stories{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 48% -12%,rgba(21,60,96,.48) 0%,rgba(7,31,59,.18) 34%,transparent 58%),
    linear-gradient(118deg,#031326 0%,#061a34 47%,#03162b 100%);
}
/* Organic metallic foil sheets, not simple diagonal lines */
.creator-stories:before{
  content:'';
  position:absolute;
  z-index:-1;
  inset:-8% -5%;
  pointer-events:none;
  opacity:.95;
  background:
    /* upper-left folded foil */
    conic-gradient(from 218deg at 2% 5%,transparent 0 9deg,rgba(119,77,24,.48) 10deg,rgba(244,205,126,.86) 13deg,rgba(151,101,37,.56) 17deg,transparent 20deg 360deg),
    radial-gradient(ellipse 20% 38% at -2% 10%,rgba(230,187,103,.26) 0 22%,rgba(118,77,25,.16) 35%,transparent 58%),
    /* lower-right crumpled foil */
    conic-gradient(from 24deg at 98% 94%,transparent 0 10deg,rgba(111,72,23,.58) 11deg,rgba(235,194,112,.82) 15deg,rgba(143,94,31,.52) 20deg,transparent 25deg 360deg),
    radial-gradient(ellipse 30% 28% at 103% 96%,rgba(221,177,91,.30) 0 25%,rgba(132,87,28,.17) 42%,transparent 66%),
    /* subtle metallic wrinkles */
    repeating-radial-gradient(ellipse at 101% 100%,transparent 0 24px,rgba(241,203,128,.055) 25px,transparent 27px 45px),
    repeating-radial-gradient(ellipse at -4% 1%,transparent 0 22px,rgba(242,204,129,.045) 23px,transparent 25px 42px);
  filter:saturate(1.08);
}
.creator-stories:after{
  content:'HILTONS';
  position:absolute;
  z-index:-2;
  left:0;
  right:auto;
  top:-42px;
  font-family:var(--serif);
  font-size:clamp(120px,17vw,300px);
  line-height:.82;
  letter-spacing:.015em;
  color:rgba(255,255,255,.022);
  pointer-events:none;
}
/* Make the WHOLE carousel surface draggable; disable browser image ghost dragging */
.stories-viewport,.stories-track,.story-card,.story-photo,.story-copy{
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-y;
}
.stories-viewport.is-dragging,.stories-viewport.is-dragging *{cursor:grabbing!important}
.story-photo img{
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-user-drag:none;
  user-drag:none;
}
.story-card{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}


/* 2026-09-16 v4 — continuous REAL foil texture through Creator Stories + FAQ */
.creator-stories,
.faq-dark{
  background-color:#04172e !important;
  background-image:
    linear-gradient(rgba(3,18,36,.34),rgba(3,18,36,.34)),
    url('assets/images/gold-foil-navy.png') !important;
  background-size:cover !important;
  background-position:center top !important;
}
.faq-dark{
  background-position:center bottom !important;
}
.creator-stories:before,
.faq-dark:before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  opacity:1 !important;
  background:
    radial-gradient(ellipse at 50% 18%,rgba(15,54,88,.28),transparent 50%),
    linear-gradient(180deg,rgba(2,15,31,.08),rgba(2,15,31,.22)) !important;
}
.creator-stories:after{
  content:'HILTONS' !important;
  position:absolute !important;
  z-index:-1 !important;
  right:1.5vw !important;
  top:-20px !important;
  font-family:var(--serif) !important;
  font-size:clamp(120px,16vw,285px) !important;
  line-height:.8 !important;
  color:rgba(255,255,255,.018) !important;
  pointer-events:none !important;
}
.faq-dark:after{
  content:'' !important;
  display:none !important;
}
.stories-viewport{
  cursor:grab !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  touch-action:pan-y !important;
}
.stories-viewport.is-dragging{
  cursor:grabbing !important;
}
.stories-viewport img,
.stories-track,
.story-card,
.story-photo,
.story-copy{
  -webkit-user-drag:none !important;
  user-drag:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}


/* v5 — subtle continuous navy foil wallpaper (Testimonials through FAQ) */
.creator-stories,
.faq-dark{
  background-color:#04172e !important;
  background-image:
    linear-gradient(rgba(4,23,46,.72), rgba(4,23,46,.72)),
    url('assets/images/foil-wallpaper-subtle.jpg') !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:scroll !important;
}
.creator-stories{background-position:center top !important;}
.faq-dark{background-position:center bottom !important;}

/* Remove previous geometric foil overlays completely */
.creator-stories:before,
.faq-dark:before{
  background:linear-gradient(rgba(255,255,255,.018),rgba(255,255,255,.018)) !important;
  opacity:1 !important;
}
.faq-dark:after{display:none !important;}


/* v6 — Hiltons custom generated foil asset */
.creator-stories,
.faq-dark{
  background-color:#04172e !important;
  background-image:
    linear-gradient(rgba(3,18,36,.20),rgba(3,18,36,.20)),
    url('assets/images/hiltons-foil-background.png') !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
.creator-stories{background-position:center center !important;}
.faq-dark{background-position:center center !important;}

.creator-stories:before,
.faq-dark:before{
  background:transparent !important;
  opacity:0 !important;
}


/* v7 — custom foil reduced to 5% visibility */
.creator-stories,
.faq-dark{
  background-color:#04172e !important;
  background-image:
    linear-gradient(rgba(4,23,46,.95),rgba(4,23,46,.95)),
    url('assets/images/hiltons-foil-background.png') !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
}


/* v8 — navy marble with gold veins at 30% visibility */
.creator-stories,
.faq-dark{
  background-color:#04172e !important;
  background-image:
    linear-gradient(rgba(4,23,46,.70),rgba(4,23,46,.70)),
    url('assets/images/hiltons-navy-gold-marble.png') !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
}
.creator-stories:before,
.faq-dark:before{
  background:transparent !important;
  opacity:0 !important;
}

/* v9 — FAQ background stays visually fixed when accordion items open/close */
.faq-dark{
  background-size:100% auto !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
}
