/* Sip'Stroke brand layer v3 (19 Oct 2026): gold + Tiffany, finished.
   Gold = detail (labels, rules, prices, stars). Soft Tiffany #81D8D0 = action + the italic display lines,
   which glow faintly like the Tiffany neon sign over the front door. Deep Tiffany #1F8F88 on cream. */
:root{--tiffany:#81D8D0;--tiffany-hi:#A6E3DC;--tiffany-deep:#1F8F88;--ink-green:#06231e;
  --neon:0 0 .45em rgba(129,216,208,.28),0 0 1.3em rgba(129,216,208,.14)}

/* ---------- type: balanced headings, no orphans ---------- */
h1,h2,h3{text-wrap:balance;font-kerning:normal;font-feature-settings:"kern","liga"}
p,li,figcaption,blockquote{text-wrap:pretty}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

/* ---------- italic display lines (marked .ss-it by brand-tiffany.js) ---------- */
h1 em,h2 em,h3 em,.gold.italic,span.gold,.ss-it{color:#8EDBD3!important;text-shadow:var(--neon)}
.ss-it-light,.section-light h1 em,.section-light h2 em,.section-light h3 em,.tiff-light h1 em,.tiff-light h2 em,.tiff-light h3 em,
.positions h2 em,.fine-print h2 em,.section-light .gold{color:var(--tiffany-deep)!important;text-shadow:none!important}
/* one moment: the hero line switches on like the sign outside */
@keyframes ss-neon-on{0%{opacity:.15;text-shadow:none}8%{opacity:.9}11%{opacity:.3}16%{opacity:1;text-shadow:var(--neon)}19%{opacity:.55}24%,100%{opacity:1;text-shadow:var(--neon)}}
.ss-neon{animation:ss-neon-on 1.5s .5s both}

/* ---------- buttons ---------- */
.nav-cta,.btn-primary,a.btn-primary,button.btn-primary,.sticky-reserve,.rv-btn.p{
  background:linear-gradient(180deg,#9EE3DB 0%,#81D8D0 55%,#74CFC6 100%)!important;border-color:#81D8D0!important;color:var(--ink-green)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(6,35,30,.12),0 6px 18px rgba(0,0,0,.22)}
.nav-cta:hover,.btn-primary:hover,.sticky-reserve:hover,.rv-btn.p:hover{
  background:linear-gradient(180deg,#B4EBE4 0%,#95DFD7 60%,#81D8D0 100%)!important;transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 4px rgba(129,216,208,.14),0 12px 30px rgba(129,216,208,.20)!important}
.btn-primary:active,.nav-cta:active{transform:translateY(0)}
a[class*="btn"],button[class*="btn"],.sticky-reserve,.nav-cta{transition:box-shadow .3s ease,transform .3s ease,background .3s ease,border-color .3s ease,color .3s ease}
.btn-ghost:hover,.btn-outline:hover{border-color:rgba(129,216,208,.7)!important;color:#A6E3DC!important}
.section-light .btn-ghost:hover,.tiff-light .btn-ghost:hover,.tiff-light .btn-outline:hover{border-color:var(--tiffany-deep)!important;color:var(--tiffany-deep)!important}

/* ---------- nav: frosted glass with a gold hairline ---------- */
.nav.nav-scrolled{background:rgba(6,22,18,.82)!important;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  box-shadow:0 1px 0 rgba(212,175,122,.14),0 10px 30px rgba(0,0,0,.25)}

/* ---------- review cards ---------- */
.rv-card{transition:border-color .4s ease,transform .4s ease,box-shadow .4s ease}
.rv-card:hover{border-color:rgba(129,216,208,.38)!important;transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.rv-stars,.stars,.star{color:#d4af7a!important;text-shadow:none!important}

/* ---------- photos: slow push-in on hover (marked .ss-zoom by js) ---------- */
.ss-zoom{transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter 1.4s ease}
.ss-zoomwrap:hover .ss-zoom{transform:scale(1.045);filter:saturate(1.08)}

/* ---------- links, forms, selection, scrollbar ---------- */
p a:not([class]),li a:not([class]){text-decoration-color:rgba(129,216,208,.55);text-decoration-thickness:1px;text-underline-offset:.22em}
p a:not([class]):hover,li a:not([class]):hover{text-decoration-color:#81D8D0}
input,textarea,select{caret-color:#81D8D0}
input:focus,textarea:focus,select:focus{border-color:#81D8D0!important;box-shadow:0 1px 0 0 #81D8D0,0 8px 20px -12px rgba(129,216,208,.6)!important;outline:none}
.tiff-light input:focus,.tiff-light textarea:focus{border-color:var(--tiffany-deep)!important;box-shadow:0 1px 0 0 var(--tiffany-deep)!important}
::selection{background:#81D8D0;color:var(--ink-green)}
:focus-visible{outline:2px solid #81D8D0!important;outline-offset:3px}
html{accent-color:#81D8D0;scrollbar-color:rgba(129,216,208,.45) #061612;scrollbar-width:thin}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#061612}
::-webkit-scrollbar-thumb{background:rgba(129,216,208,.35);border-radius:10px;border:2px solid #061612}

/* ---------- the promo strip ---------- */
#ss-pbar{background:linear-gradient(90deg,#76d2ca,#a9e4de 50%,#76d2ca)!important}
#ss-pbar .pb-code{background:rgba(255,255,255,.75)!important}

/* ---------- footer: a hairline that runs gold - Tiffany - gold ---------- */
.footer{position:relative}
.footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,175,122,.45) 25%,rgba(129,216,208,.7) 50%,rgba(212,175,122,.45) 75%,transparent)}

/* ---------- film grain: gives the flat greens some tooth ---------- */
body::after{content:"";position:fixed;inset:-50%;z-index:2147483000;pointer-events:none;opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

@media (prefers-reduced-motion:reduce){.ss-neon{animation:none}.ss-zoom,.rv-card,a[class*="btn"]{transition:none!important}
  .ss-zoomwrap:hover .ss-zoom,.rv-card:hover,.btn-primary:hover,.nav-cta:hover{transform:none!important}}