/* Team Lumination refresh (Nov 3, 2026)
   3D buttons and icons: polished-brass "pillow" buttons with a metallic rim and a gently pulsing glow,
   pearl secondary buttons, a dark glowing Light Studio button and gold medallion icons.
   Also: easier-to-read photo captions, a tighter crop on the backlit onyx photo and gold number badges in the quote list.
   Loaded after every other stylesheet; selectors start with `html` so they also win over page-level styles.
   To undo: remove the depth.css <link> from the pages. */
:root{
  --d-ink:#2C251F;
  --d-edge:#7A5419;
  --d-glyph:#5A3D10;
  --d-halo:rgba(201,164,94,.24);
  --d-drop:rgba(110,74,18,.5);
  --d-gold:linear-gradient(180deg,#FAEDCB 0%,#EBCD8C 20%,#D7B36A 50%,#BC9244 82%,#A57A32 100%);
  --d-gold-hi:linear-gradient(180deg,#FFF4DA 0%,#F2D899 20%,#E0BE76 50%,#C69C4C 82%,#AE8238 100%);
  --d-rim:conic-gradient(from 330deg,#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA);
  --d-pearl:linear-gradient(180deg,#FFFFFF 0%,#FDF9F1 45%,#F1E5CC 100%);
  --d-pearl-hi:linear-gradient(180deg,#FFFFFF 0%,#FFF6E2 45%,#F3E0B6 100%);
  --d-orb:radial-gradient(circle at 34% 28%,#FFFBEF 0%,#F7E5B6 24%,#E2C07A 52%,#BF9548 80%,#9A6F2C 100%);
  --d-glint:linear-gradient(110deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 70%);
  --d-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E4A12' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
}
@property --d-spin{syntax:"<angle>";inherits:false;initial-value:0deg}
/* --d-p runs 0 → 1 → 0 to make the rim glow gently pulse; browsers without @property simply show a steady glow */
@property --d-p{syntax:"<number>";inherits:false;initial-value:0}

/* ---------- primary button: polished brass pillow ---------- */
html .btn{
  --bg:var(--d-gold);
  color:var(--d-ink);
  text-shadow:0 1px 0 rgba(255,245,218,.7);
  border:2px solid transparent;
  background:var(--d-glint) -90% 0/45% 100% no-repeat padding-box,var(--bg) padding-box,var(--d-rim) border-box;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.8),
    inset 0 -3px 6px rgba(110,74,18,.3),
    0 0 0 calc(3px + 1.5px * var(--d-p)) rgba(214,174,96,calc(.22 + .12 * var(--d-p))),
    0 0 calc(4px + 10px * var(--d-p)) rgba(240,198,108,calc(.12 + .3 * var(--d-p))),
    0 9px 18px -6px var(--d-drop);
  animation:d-shine 7s ease-in-out infinite,d-pulse 2.8s ease-in-out infinite;
}
html .btn:hover{
  --bg:var(--d-gold-hi);
  border-color:transparent;
  transform:translateY(-2px);
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.85),
    inset 0 -3px 6px rgba(110,74,18,.26),
    0 0 0 calc(5px + 1.5px * var(--d-p)) rgba(232,196,120,calc(.3 + .1 * var(--d-p))),
    0 0 calc(18px + 8px * var(--d-p)) rgba(232,190,100,calc(.4 + .15 * var(--d-p))),
    0 14px 24px -8px rgba(110,74,18,.6);
}
html .btn:active{
  transform:translateY(1px);
  box-shadow:
    inset 0 2px 5px rgba(110,74,18,.45),
    inset 0 -1px 0 rgba(255,255,255,.4),
    0 0 0 3px var(--d-halo),
    0 3px 8px -4px var(--d-drop);
}
/* arrow dot becomes a small pearl bead */
html .btn::after{
  background:var(--d-chev) center/14px no-repeat,radial-gradient(circle at 35% 28%,#FFFFFF 0%,#FCF6E8 45%,#EBD9B1 100%);
  box-shadow:
    inset 0 -2px 3px rgba(140,101,38,.3),
    inset 0 1px 0 #fff,
    0 0 0 1px rgba(122,84,25,.4),
    0 2px 3px rgba(80,55,15,.4);
}

/* ---------- secondary button: pearl pillow with brass rim ---------- */
html .btn.ghost{
  --bg:var(--d-pearl);
  color:var(--d-ink);
  text-shadow:0 1px 0 #fff;
  border:2px solid transparent;
  box-shadow:
    inset 0 1.5px 0 #fff,
    inset 0 -3px 6px rgba(162,123,54,.18),
    0 0 0 calc(3px + 1.5px * var(--d-p)) rgba(214,174,96,calc(.14 + .12 * var(--d-p))),
    0 0 calc(4px + 9px * var(--d-p)) rgba(240,198,108,calc(.08 + .26 * var(--d-p))),
    0 8px 16px -8px rgba(110,74,18,.42);
  animation:d-pulse 2.8s ease-in-out infinite;
}
html .btn.ghost:hover{
  --bg:var(--d-pearl-hi);
  border-color:transparent;
  box-shadow:
    inset 0 1.5px 0 #fff,
    inset 0 -3px 6px rgba(162,123,54,.2),
    0 0 0 calc(5px + 1.5px * var(--d-p)) rgba(232,196,120,calc(.26 + .1 * var(--d-p))),
    0 0 calc(16px + 8px * var(--d-p)) rgba(232,190,100,calc(.3 + .15 * var(--d-p))),
    0 12px 22px -8px rgba(110,74,18,.5);
}
html .btn.ghost::after{
  background:var(--d-chev) center/14px no-repeat,var(--d-orb);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.8),
    inset 0 -2px 3px rgba(110,74,18,.35),
    0 0 0 1px rgba(122,84,25,.45),
    0 2px 3px rgba(80,55,15,.4);
}

/* ---------- Light Studio button: dark ink pillow with a turning gold rim and warm glow ---------- */
html .btn.ghost:is([href="#lab"],[href*="light-studio"]){
  --bg:linear-gradient(180deg,#54463A 0%,#342B24 45%,#1E1915 100%);
  color:#F8EBCB;
  text-shadow:0 1px 1px rgba(0,0,0,.55);
  background:var(--d-glint) -90% 0/45% 100% no-repeat padding-box,var(--bg) padding-box,
    conic-gradient(from var(--d-spin),#FFF3D0,#C9A45E,#6E4A12,#F1D9A0,#A27B36,#3B3029,#E6C783,#FFF3D0) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255,236,190,.35),
    inset 0 -3px 6px rgba(0,0,0,.45),
    0 0 0 calc(3px + 1.5px * var(--d-p)) rgba(201,164,94,calc(.22 + .12 * var(--d-p))),
    0 0 calc(14px + 12px * var(--d-p)) rgba(240,198,108,calc(.3 + .25 * var(--d-p))),
    0 10px 20px -10px rgba(28,23,19,.85);
  animation:d-spin 6s linear infinite,d-pulse 2.8s ease-in-out infinite;
}
html .btn.ghost:is([href="#lab"],[href*="light-studio"]):hover{
  --bg:linear-gradient(180deg,#625243 0%,#3D332A 45%,#241E19 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,236,190,.4),
    inset 0 -3px 6px rgba(0,0,0,.4),
    0 0 0 calc(5px + 1.5px * var(--d-p)) rgba(232,196,120,calc(.28 + .1 * var(--d-p))),
    0 0 calc(28px + 8px * var(--d-p)) rgba(240,200,110,calc(.55 + .15 * var(--d-p))),
    0 14px 24px -10px rgba(28,23,19,.9);
}
html .btn.ghost:is([href="#lab"],[href*="light-studio"])::after{
  background:var(--d-chev) center/14px no-repeat,var(--d-orb);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8),inset 0 -2px 3px rgba(110,74,18,.4),0 0 10px rgba(255,214,120,.6);
}

/* ---------- showroom bar ---------- */
html .sr-cta{
  background:linear-gradient(180deg,#FFFFFF 0%,#FDF8EE 50%,#F5E8CF 100%);
  border:1.5px solid #CFA95F;
  box-shadow:
    inset 0 1.5px 0 #fff,
    inset 0 -3px 8px rgba(162,123,54,.14),
    0 0 0 calc(3px + 1.5px * var(--d-p)) rgba(210,172,99,calc(.16 + .12 * var(--d-p))),
    0 0 calc(12px + 12px * var(--d-p)) rgba(232,190,100,calc(.18 + .22 * var(--d-p))),
    0 12px 24px -14px rgba(110,74,18,.55);
  animation:d-pulse 2.8s ease-in-out infinite;
}
html .sr-cta:hover,html .sr-cta:focus-visible{
  box-shadow:
    inset 0 1.5px 0 #fff,
    inset 0 -3px 8px rgba(162,123,54,.14),
    0 0 0 calc(4px + 1.5px * var(--d-p)) rgba(232,196,120,calc(.28 + .1 * var(--d-p))),
    0 0 calc(24px + 8px * var(--d-p)) rgba(232,190,100,calc(.38 + .12 * var(--d-p))),
    0 16px 28px -14px rgba(110,74,18,.6);
}
html .sr-cta .v-ico{
  color:var(--d-glyph);
  border:0;
  background:var(--d-orb);
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.85),
    inset 0 -3px 6px rgba(110,74,18,.38),
    0 0 0 2px #FFFDF6,
    0 0 0 3.5px #CDA85F,
    0 0 16px 3px rgba(232,190,100,.42),
    0 6px 12px -4px rgba(110,74,18,.6);
}
html .sr-cta .v-ico svg{stroke-width:2.1;filter:drop-shadow(0 1px 0 rgba(255,248,226,.85))}
html .sr-cta .v-go{
  color:var(--d-ink);
  text-shadow:0 1px 0 rgba(255,245,218,.7);
  border:1.5px solid transparent;
  background:var(--d-gold) padding-box,var(--d-rim) border-box;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.8),
    inset 0 -3px 6px rgba(110,74,18,.28),
    0 0 0 2.5px var(--d-halo),
    0 6px 12px -5px var(--d-drop);
  transition:background .2s,box-shadow .2s,transform .18s;
}
html .sr-cta:hover .v-go,html .sr-cta:focus-visible .v-go{
  background:var(--d-gold-hi) padding-box,var(--d-rim) border-box;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.85),
    inset 0 -3px 6px rgba(110,74,18,.24),
    0 0 0 4px rgba(232,196,120,.3),
    0 9px 16px -6px rgba(110,74,18,.6);
}

/* ---------- gold medallion icons ---------- */
html .hero .trust .ti{
  color:var(--d-glyph);
  background:var(--d-orb);
  box-shadow:
    inset 0 1.5px 1px rgba(255,255,255,.85),
    inset 0 -2px 4px rgba(110,74,18,.38),
    0 0 0 1.5px #FFFDF6,
    0 0 0 3px #CDA85F,
    0 5px 10px -3px rgba(110,74,18,.55);
}
html .hero .trust .ti g{stroke-width:1.9;filter:drop-shadow(0 1px 0 rgba(255,248,226,.8))}

/* numbered steps: gold spheres */
html .steps li::before{
  color:#4A3110;
  text-shadow:0 1px 0 rgba(255,248,226,.85);
  background:var(--d-orb);
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.8),
    inset 0 -3px 5px rgba(110,74,18,.42),
    0 0 0 2px #FFFDF6,
    0 0 0 3.5px #CDA85F,
    0 6px 12px -4px rgba(110,74,18,.55);
}
html .lab-steps b{
  color:#4A3110;
  text-shadow:0 1px 0 rgba(255,248,226,.85);
  background:var(--d-orb);
  box-shadow:
    inset 0 1.5px 1px rgba(255,255,255,.8),
    inset 0 -2px 4px rgba(110,74,18,.42),
    0 0 0 1.5px #FFFDF6,
    0 0 0 3px #CDA85F,
    0 4px 9px -3px rgba(110,74,18,.55);
}

/* check marks */
html .assure li::before{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A3D10' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat,var(--d-orb);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.85),
    inset 0 -2px 3px rgba(110,74,18,.38),
    0 0 0 1.5px #FFFDF6,
    0 0 0 2.5px #CDA85F,
    0 3px 6px -2px rgba(110,74,18,.5);
}

/* Business Solution Agency badge on the dark card */
html .bsa-ico{
  background:var(--d-orb);
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.85),
    inset 0 -4px 8px rgba(110,74,18,.42),
    0 0 0 2px rgba(255,253,246,.9),
    0 0 0 4px #CDA85F,
    0 0 26px 2px rgba(240,200,110,.45),
    0 8px 16px -6px rgba(0,0,0,.6);
}
html .bsa-ico svg{stroke:var(--d-glyph);filter:drop-shadow(0 1px 0 rgba(255,248,226,.8))}

/* quote-list tick circles: a sunken well, then a raised brass bead when picked */
html .pick::after{
  border:1.5px solid #A08A6C;
  background:linear-gradient(180deg,#EDE4D3,#FFFFFF);
  box-shadow:inset 0 1.5px 2px rgba(44,37,31,.28),0 1px 0 #fff;
}
html .pick[aria-pressed=true]::after{
  border-color:var(--d-edge);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat,
    radial-gradient(circle at 35% 28%,#F6E2B0 0%,#C9A45E 45%,#8C6526 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.55),0 0 0 2px rgba(201,164,94,.3),0 2px 4px -1px rgba(110,74,18,.6);
}

/* ---------- chips and toggles: raised pearl, pressed in when chosen ---------- */
html form.q .chips label,html form.book .chips label,html .bchips button{
  background:linear-gradient(180deg,#FFFFFF 0%,#FBF6EC 55%,#F1E7D6 100%);
  border-color:rgba(122,84,25,.28);
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 -2px 3px rgba(162,123,54,.12),
    0 1px 2px rgba(44,37,31,.1),
    0 3px 8px -4px rgba(90,64,30,.35);
}
html form.q .chips label:hover,html form.book .chips label:hover,html .bchips button:hover{
  background:linear-gradient(180deg,#FFFFFF 0%,#FFF7E6 55%,#F5E6C6 100%);
  border-color:var(--brass-hi);
}
html form.q .chips label:has(input:checked),html form.book .chips label:has(input:checked),html .bchips button[aria-pressed=true]{
  background:linear-gradient(180deg,#EBD3A0 0%,#F4E2BB 45%,#FAEFD6 100%);
  border-color:var(--brass);
  box-shadow:
    inset 0 2px 4px rgba(110,74,18,.25),
    inset 0 0 0 1px rgba(162,123,54,.35),
    0 0 0 2px rgba(201,164,94,.2);
}

/* ---------- menu button ---------- */
html .burger{
  width:40px;height:40px;padding:0 8px;border-radius:50%;
  background:var(--d-pearl);
  border:1px solid rgba(122,84,25,.35);
  box-shadow:inset 0 1.5px 0 #fff,inset 0 -2px 4px rgba(162,123,54,.18),0 4px 10px -5px rgba(90,64,30,.55);
  transition:transform .18s,box-shadow .2s;
}
html .burger:hover{transform:translateY(-1px);box-shadow:inset 0 1.5px 0 #fff,inset 0 -2px 4px rgba(162,123,54,.18),0 0 0 3px rgba(201,164,94,.2),0 8px 14px -6px rgba(90,64,30,.6)}
html .burger span{width:22px;margin:5px 0;background:linear-gradient(180deg,#5A4A3C,#2C251F)}

/* ---------- photo tiles: easier-to-read captions in cream and brass on a warm umber fade ---------- */
html .rcard figcaption,html .tl-work .rcard figcaption{
  font:700 14px/1.3 var(--sans);
  letter-spacing:.005em;
  color:#FBEFD3;
  text-shadow:0 1px 2px rgba(20,14,8,.75);
  padding:36px 12px 11px;
  background:linear-gradient(180deg,rgba(44,37,31,0) 0%,rgba(44,37,31,.7) 42%,rgba(33,27,21,.95) 100%);
}
html .rcard figcaption::before{
  content:"";display:block;width:26px;height:2px;margin-bottom:7px;border-radius:2px;
  background:linear-gradient(90deg,#F6E2B0,#C9A45E);
  box-shadow:0 0 6px rgba(240,198,108,.65);
}
@media (max-width:600px){
  html .rcard figcaption,html .tl-work .rcard figcaption{font-size:13px;padding:28px 9px 8px}
  html .rcard figcaption::before{width:20px;margin-bottom:5px}
}
/* backlit onyx photo: crop past the ceiling so the stone fills the tile */
html .rcard img[src*="f96b81_15c23c1fffda459bab2d1c420bcb5bb6"]{transform:scale(1.75);transform-origin:50% 84%}
html .rcard:hover img[src*="f96b81_15c23c1fffda459bab2d1c420bcb5bb6"]{transform:scale(1.83)}

/* ---------- quote list: gold number badges (the serif "1." read like "I.") ---------- */
html .qlist h3,html .q-title{display:flex;align-items:center;gap:10px}
html .qlist h3{font-size:24px}
html .qn{
  flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;
  font:800 15px/1 var(--sans);color:#4A3110;
  text-shadow:0 1px 0 rgba(255,248,226,.85);
  background:var(--d-orb);
  box-shadow:
    inset 0 1.5px 1px rgba(255,255,255,.8),
    inset 0 -2px 4px rgba(110,74,18,.42),
    0 0 0 1.5px #FFFDF6,
    0 0 0 3px #CDA85F,
    0 4px 9px -3px rgba(110,74,18,.55);
}
html .pick span{color:var(--d-ink)}
html .pick[aria-pressed=true]{background:linear-gradient(180deg,#FFFDF8 0%,#F8EDD6 100%)}

/* ---------- store pages: add to cart, checkout and search buttons match the brass pillow ---------- */
html .addbtn,html .cd-checkout,html .shop-search button,html .pill.solid{
  color:var(--d-ink);
  text-shadow:0 1px 0 rgba(255,245,218,.7);
  border:2px solid transparent;
  background:var(--d-gold) padding-box,var(--d-rim) border-box;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.8),
    inset 0 -3px 6px rgba(110,74,18,.3),
    0 0 0 calc(3px + 1.5px * var(--d-p)) rgba(214,174,96,calc(.22 + .12 * var(--d-p))),
    0 0 calc(4px + 10px * var(--d-p)) rgba(240,198,108,calc(.12 + .3 * var(--d-p))),
    0 9px 18px -6px var(--d-drop);
  animation:d-pulse 2.8s ease-in-out infinite;
}
html .addbtn:hover,html .cd-checkout:hover,html .shop-search button:hover,html .pill.solid:hover{
  background:var(--d-gold-hi) padding-box,var(--d-rim) border-box;
  border-color:transparent;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.85),
    inset 0 -3px 6px rgba(110,74,18,.26),
    0 0 0 calc(5px + 1.5px * var(--d-p)) rgba(232,196,120,calc(.3 + .1 * var(--d-p))),
    0 0 calc(18px + 8px * var(--d-p)) rgba(232,190,100,calc(.4 + .15 * var(--d-p))),
    0 14px 24px -8px rgba(110,74,18,.6);
}
html .addbtn:disabled,html .cd-checkout:disabled{animation:none;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.6)}
html .cartbtn{
  background:var(--d-pearl);
  border:1px solid rgba(122,84,25,.35);
  box-shadow:inset 0 1.5px 0 #fff,inset 0 -2px 4px rgba(162,123,54,.18),0 4px 10px -5px rgba(90,64,30,.55);
}
html .cartbtn:hover{background:var(--d-pearl-hi);box-shadow:inset 0 1.5px 0 #fff,inset 0 -2px 4px rgba(162,123,54,.18),0 0 0 3px rgba(201,164,94,.2),0 8px 14px -6px rgba(90,64,30,.6)}
@media (prefers-reduced-motion:reduce){html .addbtn,html .cd-checkout,html .shop-search button,html .pill.solid{animation:none}}

/* ---------- shop: "Choose options" buttons — ivory pillow with brass rim, gold arrow bead, brass on hover ---------- */
html .tbuy{
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:40px;padding:5px 6px 5px 14px;
  color:var(--d-ink);text-shadow:0 1px 0 #fff;letter-spacing:.01em;
  border:2px solid transparent;
  background:var(--d-pearl) padding-box,var(--d-rim) border-box;
  box-shadow:
    inset 0 1.5px 0 #fff,
    inset 0 -3px 6px rgba(162,123,54,.18),
    0 0 0 calc(3px + 1.5px * var(--d-p)) rgba(214,174,96,calc(.14 + .12 * var(--d-p))),
    0 0 calc(4px + 9px * var(--d-p)) rgba(240,198,108,calc(.08 + .26 * var(--d-p))),
    0 8px 16px -8px rgba(110,74,18,.42);
  animation:d-pulse 2.8s ease-in-out infinite;
  transition:transform .18s,box-shadow .2s;
}
html .tbuy::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.75) 48%,rgba(255,255,255,0) 70%);transform:translateX(-120%);transition:transform .7s ease}
html .tbuy::after{
  content:"";flex:none;width:22px;height:22px;border-radius:50%;
  background:var(--d-chev) center/12px no-repeat,var(--d-orb);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8),inset 0 -2px 3px rgba(110,74,18,.35),0 0 0 1px rgba(122,84,25,.45),0 2px 3px rgba(80,55,15,.4);
  transition:transform .2s;
}
html .tbuy:hover,html .tbuy:focus-visible{
  color:var(--d-ink);text-shadow:0 1px 0 rgba(255,245,218,.7);
  border-color:transparent;
  background:var(--d-gold-hi) padding-box,var(--d-rim) border-box;
  transform:translateY(-2px);
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.85),
    inset 0 -3px 6px rgba(110,74,18,.26),
    0 0 0 calc(5px + 1.5px * var(--d-p)) rgba(232,196,120,calc(.3 + .1 * var(--d-p))),
    0 0 calc(18px + 8px * var(--d-p)) rgba(232,190,100,calc(.4 + .15 * var(--d-p))),
    0 14px 24px -8px rgba(110,74,18,.6);
}
html .tbuy:hover::before,html .tbuy:focus-visible::before{transform:translateX(120%)}
html .tbuy:hover::after,html .tbuy:focus-visible::after{background:var(--d-chev) center/12px no-repeat,radial-gradient(circle at 35% 28%,#FFFFFF 0%,#FCF6E8 45%,#EBD9B1 100%);transform:translateX(3px)}
html .tbuy:active{transform:translateY(1px)}
@media (prefers-reduced-motion:reduce){html .tbuy{animation:none}}

/* shop: the empty status box kept showing as a dashed gap above "Show more products" ([hidden] was overridden by display:flex) */
html .shop-state[hidden]{display:none}
html .more-wrap{margin-top:18px}

/* ---------- footer: darker, larger text ---------- */
html footer.site{color:#3B3029;font-size:16px}
html footer.site p{font-size:16px;line-height:1.5}
/* footer headings use the gold "Lumination" wordmark: same face, weight, colour and shine */
html footer.site h4{
  display:inline-block;
  font:600 23px/1.15 var(--brandface);letter-spacing:-.01em;
  background:linear-gradient(100deg,#9A7230 0%,#9A7230 40%,#F6D58C 45%,#FFFFFF 50%,#F6D58C 55%,#9A7230 60%,#9A7230 100%) 100% 0/300% 100%;
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
  animation:tl-sheen 4.5s ease-in-out 1s infinite;
  margin-bottom:10px;
}
@media (prefers-reduced-motion:reduce){html footer.site h4{animation:none;background-position:0 0}}
html footer.site li{padding:3px 0}
html footer.site a{color:#2C251F;font-weight:600}
html footer.site a:hover{color:#8C6526;text-decoration:underline;text-decoration-color:#C9A45E;text-underline-offset:3px}
html footer.site .legal{font-size:14.5px;color:#3B3029}
html footer.site .brand b{font-weight:600}

/* ---------- "Send my request": softer glow, larger text ---------- */
html .q-send .btn{
  font-size:16px;min-height:46px;padding:7px 7px 7px 20px;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.8),
    inset 0 -3px 6px rgba(110,74,18,.3),
    0 0 0 calc(1.5px + .75px * var(--d-p)) rgba(214,174,96,calc(.18 + .08 * var(--d-p))),
    0 0 calc(2px + 4px * var(--d-p)) rgba(240,198,108,calc(.06 + .12 * var(--d-p))),
    0 7px 14px -6px var(--d-drop);
}
html .q-send .btn:hover{
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.85),
    inset 0 -3px 6px rgba(110,74,18,.26),
    0 0 0 calc(3px + .75px * var(--d-p)) rgba(232,196,120,calc(.24 + .06 * var(--d-p))),
    0 0 calc(8px + 4px * var(--d-p)) rgba(232,190,100,calc(.2 + .1 * var(--d-p))),
    0 10px 18px -8px rgba(110,74,18,.55);
}
html .q-send .btn::after{width:28px;height:28px}

/* ---------- section kickers ("Free, no-obligation quote", "Shop online"…): larger ---------- */
html .kick{font-size:16px;letter-spacing:.01em;margin-bottom:6px}

/* ---------- footer: Sister companies in a champagne panel with raised pill links ---------- */
html footer.site .sisters{
  margin-top:10px;padding:14px 16px 16px;
  border:1.5px solid #CFA95F;border-radius:16px;
  background:linear-gradient(180deg,#FFFDF8 0%,#F7EBD3 100%);
  box-shadow:inset 0 1.5px 0 #fff,0 0 0 3px rgba(210,172,99,.14),0 12px 24px -16px rgba(110,74,18,.5);
}
html footer.site .sisters h4{margin-bottom:10px}
html footer.site .sisters ul{gap:10px}
html footer.site .sisters a{
  min-height:40px;padding:0 7px 0 16px;gap:8px;border-radius:999px;
  border:1.5px solid transparent;
  background:var(--d-pearl) padding-box,var(--d-rim) border-box;
  box-shadow:inset 0 1.5px 0 #fff,inset 0 -2px 4px rgba(162,123,54,.16),0 5px 12px -7px rgba(110,74,18,.45);
  font-weight:700;color:var(--d-ink);
  transition:transform .18s,box-shadow .2s;
}
html footer.site .sisters a::after{
  content:"";flex:none;width:22px;height:22px;border-radius:50%;
  background:var(--d-chev) center/12px no-repeat,var(--d-orb);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8),inset 0 -2px 3px rgba(110,74,18,.35),0 0 0 1px rgba(122,84,25,.45),0 2px 3px rgba(80,55,15,.35);
}
html footer.site .sisters a:hover,html footer.site .sisters a:focus-visible{
  text-decoration:none;color:var(--d-ink);transform:translateY(-2px);
  background:var(--d-gold-hi) padding-box,var(--d-rim) border-box;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.85),inset 0 -3px 6px rgba(110,74,18,.24),0 0 0 3px rgba(232,196,120,.26),0 10px 18px -8px rgba(110,74,18,.55);
}

/* ---------- Sister companies: arrow wave (each gold arrow swells in turn, then the next) ---------- */
html footer.site .sisters a::after{animation:d-wave 4s ease-in-out infinite}
html footer.site .sisters li:nth-child(2) a::after{animation-delay:.5s}
html footer.site .sisters li:nth-child(3) a::after{animation-delay:1s}
html footer.site .sisters li:nth-child(4) a::after{animation-delay:1.5s}
html footer.site .sisters li:nth-child(5) a::after{animation-delay:2s}
html footer.site .sisters li:nth-child(6) a::after{animation-delay:2.5s}
@keyframes d-wave{0%,26%,100%{transform:scale(1)}12%{transform:scale(1.28)}}
@media (prefers-reduced-motion:reduce){html footer.site .sisters a::after{animation:none}}

/* ---------- intro paragraphs (e.g. "Bulbs, tubes, ballasts…"): black for legibility ---------- */
html .lede{color:#1A1512}

/* ---------- shop filter pills: Title Case, raised pearl, tighter gap above the products ---------- */
html .active-chips[hidden]{display:none}
html .types{margin-bottom:10px}
html .tchip,html .shop-side .opt,html .active-chips button{text-transform:capitalize}
html .tchip{
  background:linear-gradient(180deg,#FFFFFF 0%,#FBF6EC 55%,#F1E7D6 100%);
  border-color:rgba(122,84,25,.28);
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 3px rgba(162,123,54,.12),0 1px 2px rgba(44,37,31,.1),0 3px 8px -4px rgba(90,64,30,.35);
}
html .tchip:hover{background:linear-gradient(180deg,#FFFFFF 0%,#FFF7E6 55%,#F5E6C6 100%);border-color:var(--brass-hi)}
html .tchip[aria-pressed="true"]{
  background:linear-gradient(180deg,#EBD3A0 0%,#F4E2BB 45%,#FAEFD6 100%);
  border-color:var(--brass);color:var(--d-ink);
  box-shadow:inset 0 2px 4px rgba(110,74,18,.25),inset 0 0 0 1px rgba(162,123,54,.35),0 0 0 2px rgba(201,164,94,.2);
}

/* ---------- softer glow everywhere (the rim glow was too strong) ---------- */
html .btn,html .addbtn,html .cd-checkout,html .pill.solid{
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.8),inset 0 -3px 6px rgba(110,74,18,.3),0 0 0 calc(1.5px + .75px * var(--d-p)) rgba(214,174,96,calc(.16 + .08 * var(--d-p))),0 0 calc(2px + 4px * var(--d-p)) rgba(240,198,108,calc(.05 + .1 * var(--d-p))),0 7px 14px -6px rgba(110,74,18,.45);
}
html .btn.ghost,html .tbuy{
  box-shadow:inset 0 1.5px 0 #fff,inset 0 -3px 6px rgba(162,123,54,.18),0 0 0 calc(1.5px + .75px * var(--d-p)) rgba(214,174,96,calc(.1 + .08 * var(--d-p))),0 0 calc(2px + 4px * var(--d-p)) rgba(240,198,108,calc(.04 + .08 * var(--d-p))),0 6px 12px -7px rgba(110,74,18,.4);
}
html .btn.ghost:is([href="#lab"],[href*="light-studio"]){
  box-shadow:inset 0 1px 0 rgba(255,236,190,.35),inset 0 -3px 6px rgba(0,0,0,.45),0 0 0 calc(1.5px + .75px * var(--d-p)) rgba(201,164,94,calc(.18 + .08 * var(--d-p))),0 0 calc(5px + 5px * var(--d-p)) rgba(240,198,108,calc(.14 + .12 * var(--d-p))),0 8px 16px -10px rgba(28,23,19,.8);
}
html .btn:hover,html .addbtn:hover,html .cd-checkout:hover,html .pill.solid:hover,html .btn.ghost:hover,html .tbuy:hover,html .tbuy:focus-visible{
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.85),inset 0 -3px 6px rgba(110,74,18,.26),0 0 0 3px rgba(232,196,120,.22),0 0 10px rgba(232,190,100,.22),0 10px 18px -8px rgba(110,74,18,.5);
}
html .btn.ghost:is([href="#lab"],[href*="light-studio"]):hover{
  box-shadow:inset 0 1px 0 rgba(255,236,190,.4),inset 0 -3px 6px rgba(0,0,0,.4),0 0 0 3px rgba(232,196,120,.24),0 0 14px rgba(240,200,110,.32),0 10px 18px -10px rgba(28,23,19,.85);
}
/* the search button sits inside the search field: no rim glow at all */
html .shop-search button{animation:none;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.8),inset 0 -3px 6px rgba(110,74,18,.3),0 2px 6px -3px rgba(110,74,18,.45)}
html .shop-search button:hover{box-shadow:inset 0 1.5px 0 rgba(255,255,255,.85),inset 0 -3px 6px rgba(110,74,18,.26),0 3px 8px -3px rgba(110,74,18,.5)}
/* showroom bar */
html .sr-cta{box-shadow:inset 0 1.5px 0 #fff,inset 0 -3px 8px rgba(162,123,54,.14),0 0 0 calc(2px + 1px * var(--d-p)) rgba(210,172,99,calc(.12 + .08 * var(--d-p))),0 0 calc(5px + 6px * var(--d-p)) rgba(232,190,100,calc(.08 + .12 * var(--d-p))),0 10px 20px -14px rgba(110,74,18,.5)}
html .sr-cta:hover,html .sr-cta:focus-visible{box-shadow:inset 0 1.5px 0 #fff,inset 0 -3px 8px rgba(162,123,54,.14),0 0 0 3px rgba(232,196,120,.22),0 0 12px rgba(232,190,100,.24),0 14px 24px -14px rgba(110,74,18,.55)}

/* ---------- "Choose options": richer cream, bolder text (hover still turns brass) ---------- */
html .tbuy{
  font-weight:800;
  text-shadow:0 1px 0 rgba(255,250,235,.85);
  background:linear-gradient(180deg,#FFF9EC 0%,#F8E9C8 38%,#EFD6A2 78%,#E6C98D 100%) padding-box,var(--d-rim) border-box;
  box-shadow:inset 0 1.5px 0 #FFFDF6,inset 0 -3px 6px rgba(150,105,35,.28),0 0 0 calc(1.5px + .75px * var(--d-p)) rgba(214,174,96,calc(.12 + .08 * var(--d-p))),0 0 calc(2px + 4px * var(--d-p)) rgba(240,198,108,calc(.04 + .08 * var(--d-p))),0 6px 12px -7px rgba(110,74,18,.45);
}

/* ---------- "Try the light studio": same rich cream as "Choose options", turning gold rim kept ---------- */
html .btn.ghost:is([href="#lab"],[href*="light-studio"]){
  --bg:linear-gradient(180deg,#FFF9EC 0%,#F8E9C8 38%,#EFD6A2 78%,#E6C98D 100%);
  color:var(--d-ink);font-weight:800;
  text-shadow:0 1px 0 rgba(255,250,235,.85);
  background:var(--d-glint) -90% 0/45% 100% no-repeat padding-box,var(--bg) padding-box,
    conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box;
  box-shadow:inset 0 1.5px 0 #FFFDF6,inset 0 -3px 6px rgba(150,105,35,.28),0 0 0 calc(1.5px + .75px * var(--d-p)) rgba(214,174,96,calc(.12 + .08 * var(--d-p))),0 0 calc(2px + 4px * var(--d-p)) rgba(240,198,108,calc(.04 + .08 * var(--d-p))),0 6px 12px -7px rgba(110,74,18,.45);
}
html .btn.ghost:is([href="#lab"],[href*="light-studio"]):hover{
  --bg:var(--d-gold-hi);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.85),inset 0 -3px 6px rgba(110,74,18,.26),0 0 0 3px rgba(232,196,120,.22),0 0 10px rgba(232,190,100,.22),0 10px 18px -8px rgba(110,74,18,.5);
}
html .btn.ghost:is([href="#lab"],[href*="light-studio"])::after{box-shadow:inset 0 1px 1px rgba(255,255,255,.8),inset 0 -2px 3px rgba(110,74,18,.35),0 0 0 1px rgba(122,84,25,.45),0 2px 3px rgba(80,55,15,.4)}

/* ---------- turning, glowing rings on the hero icons and the showroom pin (like Future Designs Lights) ---------- */
@keyframes d-chase{to{transform:rotate(360deg)}}
@keyframes d-chase-glow{0%,38%,72%,100%{opacity:.35;filter:blur(4px)}52%{opacity:1;filter:blur(9px)}}
html .sr-cta{isolation:isolate}
html .sr-cta .v-ico{position:relative;box-shadow:inset 0 2px 1px rgba(255,255,255,.85),inset 0 -3px 6px rgba(110,74,18,.38),0 0 0 3px #fff,0 6px 12px -4px rgba(110,74,18,.55)}
/* bigger pin inside the same-size circle */
html .sr-cta .v-ico svg{width:30px;height:30px;stroke-width:2}
html .sr-cta .v-ico::before,html .sr-cta .v-ico::after,html .hero .trust .tiw::before,html .hero .trust .tiw::after{content:"";position:absolute;border-radius:50%;background:conic-gradient(#FFF6DA,#E9C97F,#C9A45E,#F6E2B0,#B48A3C,#EBCD8C,#FFF6DA);pointer-events:none}
html .sr-cta .v-ico::before{inset:-6px;padding:3px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:d-chase 6s linear infinite}
html .sr-cta .v-ico::after{inset:-8px;z-index:-1;filter:blur(4px);opacity:.35;animation:d-chase 6s linear infinite,d-chase-glow 3.6s ease-in-out infinite}
html .hero .trust{isolation:isolate}
html .hero .trust .tiw{position:relative;flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--d-orb);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.85),inset 0 -2px 4px rgba(110,74,18,.38),0 0 0 2.5px #fff,0 5px 10px -3px rgba(110,74,18,.5)}
html .hero .trust .tiw .ti{width:32px;height:32px;padding:5px;background:none;box-shadow:none}
html .hero .trust .tiw::before{inset:-5px;padding:2.5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:d-chase 6s linear infinite}
html .hero .trust .tiw::after{inset:-6px;z-index:-1;filter:blur(4px);opacity:.35;animation:d-chase 6s linear infinite,d-chase-glow 3.6s ease-in-out infinite}
html .hero .trust li:nth-child(2) .tiw::before{animation-delay:-1.5s}
html .hero .trust li:nth-child(2) .tiw::after{animation-delay:-1.5s,.9s}
html .hero .trust li:nth-child(3) .tiw::before{animation-delay:-3s}
html .hero .trust li:nth-child(3) .tiw::after{animation-delay:-3s,1.8s}
html .hero .trust li:nth-child(4) .tiw::before{animation-delay:-4.5s}
html .hero .trust li:nth-child(4) .tiw::after{animation-delay:-4.5s,2.7s}

/* ---------- "Request a quote": turning gold rim, like "Try the light studio" ---------- */
html .btn:not(.ghost)[href*="quote"]{
  background:var(--d-glint) -90% 0/45% 100% no-repeat padding-box,var(--bg) padding-box,
    conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box;
  animation:d-shine 7s ease-in-out infinite,d-pulse 2.8s ease-in-out infinite,d-spin 6s linear infinite;
}
@media (prefers-reduced-motion:reduce){
  html .btn:not(.ghost)[href*="quote"],html .sr-cta .v-ico::before,html .sr-cta .v-ico::after,html .hero .trust .tiw::before,html .hero .trust .tiw::after{animation:none}
}

/* ---------- hero icon band: same border, glow and cream background as the showroom bar ---------- */
html .hero .trust{
  background:linear-gradient(180deg,#FFFFFF 0%,#FDF8EE 50%,#F5E8CF 100%);
  border:1.5px solid #CFA95F;border-radius:16px;
  box-shadow:inset 0 1.5px 0 #fff,inset 0 -3px 8px rgba(162,123,54,.14),0 0 0 calc(2px + 1px * var(--d-p)) rgba(210,172,99,calc(.12 + .08 * var(--d-p))),0 0 calc(5px + 6px * var(--d-p)) rgba(232,190,100,calc(.08 + .12 * var(--d-p))),0 10px 20px -14px rgba(110,74,18,.5);
  animation:d-pulse 2.8s ease-in-out infinite;
}
html .hero .trust li{border-color:rgba(207,169,95,.38)}
@media (prefers-reduced-motion:reduce){html .hero .trust{animation:none}}

/* ---------- hero icon band: bolder text ---------- */
html .hero .trust b{font:600 16.5px/1.15 var(--brandface);color:var(--d-ink);letter-spacing:-.005em}
html .hero .trust li{font-weight:600;font-size:13px;color:#3B3029}
@media (max-width:560px){html .hero .trust b{font-size:15.5px}}

/* ---------- showroom pin: smaller circle, ring and symbol ---------- */
html .sr-cta .v-ico{width:34px;height:34px}
html .sr-cta .v-ico svg{width:23px;height:23px;stroke-width:2.1}
html .sr-cta .v-ico::before{inset:-5px;padding:2.5px}
html .sr-cta .v-ico::after{inset:-6px}
@media (max-width:560px){html .sr-cta .v-go{margin-left:46px}html .sr-cta .v-txt{flex-basis:calc(100% - 52px)}}

/* ---------- "Request a quote": same rich cream as "Try the light studio" had (turning gold rim kept) ---------- */
html .btn:not(.ghost)[href*="quote"]{
  --bg:linear-gradient(180deg,#FFF9EC 0%,#F8E9C8 38%,#EFD6A2 78%,#E6C98D 100%);
  color:var(--d-ink);font-weight:800;text-shadow:0 1px 0 rgba(255,250,235,.85);
  box-shadow:inset 0 1.5px 0 #FFFDF6,inset 0 -3px 6px rgba(150,105,35,.28),0 0 0 calc(1.5px + .75px * var(--d-p)) rgba(214,174,96,calc(.12 + .08 * var(--d-p))),0 0 calc(2px + 4px * var(--d-p)) rgba(240,198,108,calc(.04 + .08 * var(--d-p))),0 6px 12px -7px rgba(110,74,18,.45);
}
html .btn:not(.ghost)[href*="quote"]:hover{--bg:var(--d-gold-hi)}
html .btn:not(.ghost)[href*="quote"]::after{background:var(--d-chev) center/14px no-repeat,var(--d-orb);box-shadow:inset 0 1px 1px rgba(255,255,255,.8),inset 0 -2px 3px rgba(110,74,18,.35),0 0 0 1px rgba(122,84,25,.45),0 2px 3px rgba(80,55,15,.4)}

/* ---------- "Try the light studio": navy with a spinning rainbow rim like Future Designs Lights (softer blue glow) ---------- */
@keyframes d-studio-breathe{0%,100%{box-shadow:0 0 0 2px rgba(61,142,255,.14),0 0 8px rgba(61,142,255,.28),0 8px 18px -10px rgba(10,26,51,.8)}50%{box-shadow:0 0 0 3px rgba(61,142,255,.22),0 0 16px rgba(61,142,255,.45),0 8px 18px -10px rgba(10,26,51,.8)}}
html .btn.ghost:is([href="#lab"],[href*="light-studio"]){
  --bg:linear-gradient(180deg,#0A1A33 0%,#13325E 100%);
  color:#fff;font-weight:800;text-shadow:0 0 8px rgba(120,170,255,.6);
  border:2.5px solid transparent;
  background:var(--d-glint) -90% 0/45% 100% no-repeat padding-box,var(--bg) padding-box,
    conic-gradient(from var(--d-spin),#FF2929,#FFB13B,#29FF4A,#29D9FF,#2E5BFF,#C040FF,#FF2929) border-box;
  animation:d-spin 3s linear infinite,d-studio-breathe 2.6s ease-in-out infinite;
}
html .btn.ghost:is([href="#lab"],[href*="light-studio"]):hover{--bg:linear-gradient(180deg,#0E2546 0%,#1A3F75 100%);transform:translateY(-2px) scale(1.02)}
html .btn.ghost:is([href="#lab"],[href*="light-studio"])::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1A33' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/13px no-repeat,radial-gradient(circle at 35% 30%,#FFF1B8 0%,#FFD24A 55%,#F2B21F 100%);box-shadow:0 0 10px rgba(255,210,74,.8),inset 0 -2px 3px rgba(150,95,0,.3)}
@media (prefers-reduced-motion:reduce){html .btn.ghost:is([href="#lab"],[href*="light-studio"]){animation:none}}

/* ---------- numbered circles: turning ring + pulsing glow, like the hero icons ---------- */
@keyframes d-num-glow{0%,38%,72%,100%{box-shadow:inset 0 2px 1px rgba(255,255,255,.8),inset 0 -3px 5px rgba(110,74,18,.42),0 0 0 2.5px #fff,0 0 6px 1px rgba(232,190,100,.35),0 6px 12px -4px rgba(110,74,18,.5)}52%{box-shadow:inset 0 2px 1px rgba(255,255,255,.8),inset 0 -3px 5px rgba(110,74,18,.42),0 0 0 2.5px #fff,0 0 16px 4px rgba(240,200,110,.85),0 6px 12px -4px rgba(110,74,18,.5)}}
/* "Our process" steps: the number is li::before (34px at 14px,14px); the ring is li::after around it */
html .steps li::before{animation:d-num-glow 3.6s ease-in-out infinite}
html .steps li::after{content:"";position:absolute;left:8px;top:8px;width:46px;height:46px;box-sizing:border-box;padding:3px;border-radius:50%;background:conic-gradient(#FFF6DA,#E9C97F,#C9A45E,#F6E2B0,#B48A3C,#EBCD8C,#FFF6DA);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:d-chase 6s linear infinite;pointer-events:none}
html .steps li:nth-child(2)::before{animation-delay:.9s}
html .steps li:nth-child(2)::after{animation-delay:-2s}
html .steps li:nth-child(3)::before{animation-delay:1.8s}
html .steps li:nth-child(3)::after{animation-delay:-4s}
/* quote form badges 1 and 2 */
html .qlist h3,html .q-title{isolation:isolate}
html .qn{position:relative;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.8),inset 0 -2px 4px rgba(110,74,18,.42),0 0 0 2px #fff,0 4px 9px -3px rgba(110,74,18,.5)}
html .qn::before,html .qn::after{content:"";position:absolute;border-radius:50%;background:conic-gradient(#FFF6DA,#E9C97F,#C9A45E,#F6E2B0,#B48A3C,#EBCD8C,#FFF6DA);pointer-events:none}
html .qn::before{inset:-5px;padding:2.5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:d-chase 6s linear infinite}
html .qn::after{inset:-6px;z-index:-1;filter:blur(4px);opacity:.35;animation:d-chase 6s linear infinite,d-chase-glow 3.6s ease-in-out infinite}
html .q-title .qn::before{animation-delay:-3s}
html .q-title .qn::after{animation-delay:-3s,1.8s}
@media (prefers-reduced-motion:reduce){html .steps li::before,html .steps li::after,html .qn::before,html .qn::after{animation:none}}

/* ---------- numbers: larger and crisper (bold sans, dark brown with a light edge) ---------- */
html .steps li::before{font:800 21px/1 var(--sans);color:#3A2508;text-shadow:0 1px 0 rgba(255,248,226,.9);font-variant-numeric:lining-nums;line-height:1}
html .qn{font:800 17px/1 var(--sans);color:#3A2508;text-shadow:0 1px 0 rgba(255,248,226,.9);font-variant-numeric:lining-nums;line-height:1}

/* ---------- "Free, no-obligation quote": much larger ---------- */
html .q-intro .kick{font-size:24px;line-height:1.2;color:#8C6526;margin-bottom:8px}
@media (max-width:560px){html .q-intro .kick{font-size:21px}}

/* ---------- rings: thinner, tighter, never touching text, borders or each other; symbols larger in the same-size circles ---------- */
@keyframes d-chase-glow-soft{0%,38%,72%,100%{opacity:.28;filter:blur(3px)}52%{opacity:.75;filter:blur(6px)}}
html .hero .trust .tiw::before{inset:-4px;padding:1.5px}
html .hero .trust .tiw::after{inset:-3px;animation:d-chase 6s linear infinite,d-chase-glow-soft 3.6s ease-in-out infinite}
html .hero .trust .tiw .ti{padding:4px}
html .sr-cta .v-ico::before{inset:-4px;padding:1.5px}
html .sr-cta .v-ico::after{inset:-3px;animation:d-chase 6s linear infinite,d-chase-glow-soft 3.6s ease-in-out infinite}
html .sr-cta .v-ico svg{width:25px;height:25px}
html .steps li::after{left:10px;top:10px;width:42px;height:42px;padding:1.5px}
html .qn::before{inset:-4px;padding:1.5px}
html .qn::after{inset:-3px;animation:d-chase 6s linear infinite,d-chase-glow-soft 3.6s ease-in-out infinite}
html .qlist h3,html .q-title{padding:5px 0 5px 5px}

/* check marks: thin turning ring, larger tick, and a wave every few seconds (each swells, then the one below) */
@keyframes d-check-wave{0%,14%,100%{transform:scale(1)}7%{transform:scale(1.15)}}
html .assure{gap:14px}
html .assure li{position:relative}
html .assure li::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A3D10' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/15px no-repeat,var(--d-orb);box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -2px 3px rgba(110,74,18,.38),0 0 0 1.5px #fff,0 0 6px rgba(240,200,110,.4),0 3px 6px -2px rgba(110,74,18,.45);animation:d-check-wave 7s ease-in-out infinite}
html .assure li::after{content:"";position:absolute;left:-4px;top:50%;width:32px;height:32px;margin-top:-16px;box-sizing:border-box;padding:1.5px;border-radius:50%;background:conic-gradient(from var(--d-spin),#FFF6DA,#E9C97F,#C9A45E,#F6E2B0,#B48A3C,#EBCD8C,#FFF6DA);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:d-spin 6s linear infinite,d-check-wave 7s ease-in-out infinite;pointer-events:none}
html .assure li:nth-child(2)::before{animation-delay:.45s}
html .assure li:nth-child(2)::after{animation-delay:-2s,.45s}
html .assure li:nth-child(3)::before{animation-delay:.9s}
html .assure li:nth-child(3)::after{animation-delay:-4s,.9s}
html .assure li:nth-child(4)::before{animation-delay:1.35s}
html .assure li:nth-child(4)::after{animation-delay:-1s,1.35s}

/* Business Solution Agency badge: thin turning ring, larger symbol, calmer glow */
html .bsa-ico{position:relative;box-shadow:inset 0 2px 1px rgba(255,255,255,.85),inset 0 -4px 8px rgba(110,74,18,.42),0 0 0 2px rgba(255,253,246,.9),0 0 12px rgba(240,200,110,.3),0 8px 16px -6px rgba(0,0,0,.6)}
html .bsa-ico svg{width:36px;height:36px}
html .bsa-ico::before{content:"";position:absolute;inset:-5px;padding:1.5px;border-radius:50%;background:conic-gradient(from var(--d-spin),#FFF6DA,#E9C97F,#C9A45E,#F6E2B0,#B48A3C,#EBCD8C,#FFF6DA);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:d-spin 6s linear infinite;pointer-events:none}

/* ---------- "Try the light studio": 3D espresso-bronze pillow, champagne text, softer pastel rainbow rim ---------- */
html .btn.ghost:is([href="#lab"],[href*="light-studio"]){
  --bg:linear-gradient(180deg,#7A6049 0%,#4E3D2F 28%,#33281F 62%,#211A14 100%);
  color:#FBE9C3;font-weight:800;text-shadow:0 1px 1px rgba(0,0,0,.6),0 0 8px rgba(255,214,140,.35);
  border:2px solid transparent;
  background:var(--d-glint) -90% 0/45% 100% no-repeat padding-box,var(--bg) padding-box,
    conic-gradient(from var(--d-spin),#FF8A8A,#FFC97A,#9EE29E,#7FD8EE,#8F9CFF,#D69BFF,#FF8A8A) border-box;
  box-shadow:inset 0 1.5px 0 rgba(255,236,200,.45),inset 0 -4px 7px rgba(0,0,0,.45),0 0 0 calc(1.5px + .75px * var(--d-p)) rgba(214,174,96,calc(.14 + .08 * var(--d-p))),0 0 calc(4px + 6px * var(--d-p)) rgba(240,198,108,calc(.1 + .14 * var(--d-p))),0 8px 16px -8px rgba(28,20,12,.7);
  animation:d-spin 3s linear infinite,d-pulse 2.8s ease-in-out infinite;
}
html .btn.ghost:is([href="#lab"],[href*="light-studio"]):hover{--bg:linear-gradient(180deg,#8C6E54 0%,#5C4837 28%,#3D3025 62%,#281F18 100%);transform:translateY(-2px)}
html .btn.ghost:is([href="#lab"],[href*="light-studio"])::after{background:var(--d-chev) center/13px no-repeat,var(--d-orb);box-shadow:inset 0 1px 1px rgba(255,255,255,.8),inset 0 -2px 3px rgba(110,74,18,.4),0 0 8px rgba(255,214,120,.55)}
@media (prefers-reduced-motion:reduce){html .assure li::before,html .assure li::after,html .bsa-ico::before,html .btn.ghost:is([href="#lab"],[href*="light-studio"]){animation:none}}

/* ---------- "Try the light studio": polished brass-gold, soft pastel rainbow rim (pairs with the cream "Request a quote") ---------- */
html .btn.ghost:is([href="#lab"],[href*="light-studio"]){
  --bg:var(--d-gold);
  color:var(--d-ink);font-weight:800;text-shadow:0 1px 0 rgba(255,245,218,.75);
  border:2px solid transparent;
  background:var(--d-glint) -90% 0/45% 100% no-repeat padding-box,var(--bg) padding-box,
    conic-gradient(from var(--d-spin),#FF8A8A,#FFC97A,#9EE29E,#7FD8EE,#8F9CFF,#D69BFF,#FF8A8A) border-box;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.8),inset 0 -3px 6px rgba(110,74,18,.3),0 0 0 calc(1.5px + .75px * var(--d-p)) rgba(214,174,96,calc(.14 + .08 * var(--d-p))),0 0 calc(3px + 5px * var(--d-p)) rgba(240,198,108,calc(.06 + .12 * var(--d-p))),0 7px 14px -6px rgba(110,74,18,.45);
  animation:d-spin 3s linear infinite,d-pulse 2.8s ease-in-out infinite,d-shine 7s ease-in-out infinite;
}
html .btn.ghost:is([href="#lab"],[href*="light-studio"]):hover{--bg:var(--d-gold-hi);transform:translateY(-2px)}
html .btn.ghost:is([href="#lab"],[href*="light-studio"])::after{background:var(--d-chev) center/14px no-repeat,radial-gradient(circle at 35% 28%,#FFFFFF 0%,#FCF6E8 45%,#EBD9B1 100%);box-shadow:inset 0 -2px 3px rgba(140,101,38,.3),inset 0 1px 0 #fff,0 0 0 1px rgba(122,84,25,.4),0 2px 3px rgba(80,55,15,.4)}

/* ---------- "Get directions": soft pulsing glow ---------- */
html .sr-cta .v-go{
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.8),inset 0 -3px 6px rgba(110,74,18,.28),0 0 0 calc(1.5px + .75px * var(--d-p)) rgba(214,174,96,calc(.16 + .1 * var(--d-p))),0 0 calc(3px + 6px * var(--d-p)) rgba(240,198,108,calc(.08 + .18 * var(--d-p))),0 6px 12px -5px rgba(110,74,18,.45);
  animation:d-pulse 2.8s ease-in-out infinite;
}
@media (prefers-reduced-motion:reduce){html .sr-cta .v-go{animation:none}}

/* ---------- slower waves: each icon swells and settles over ~1.6s, the next starts as it shrinks, then a pause ---------- */
@keyframes d-check-wave2{0%,20%,100%{transform:scale(1)}10%{transform:scale(1.15)}}
@keyframes d-wave2{0%,20%,100%{transform:scale(1)}10%{transform:scale(1.28)}}
html .assure li::before{animation:d-check-wave2 8s ease-in-out infinite}
html .assure li::after{animation:d-spin 6s linear infinite,d-check-wave2 8s ease-in-out infinite}
html .assure li:nth-child(2)::before{animation-delay:.8s}
html .assure li:nth-child(2)::after{animation-delay:-2s,.8s}
html .assure li:nth-child(3)::before{animation-delay:1.6s}
html .assure li:nth-child(3)::after{animation-delay:-4s,1.6s}
html .assure li:nth-child(4)::before{animation-delay:2.4s}
html .assure li:nth-child(4)::after{animation-delay:-1s,2.4s}
html footer.site .sisters a::after{animation:d-wave2 8s ease-in-out infinite}
html footer.site .sisters li:nth-child(2) a::after{animation-delay:.8s}
html footer.site .sisters li:nth-child(3) a::after{animation-delay:1.6s}
html footer.site .sisters li:nth-child(4) a::after{animation-delay:2.4s}
html footer.site .sisters li:nth-child(5) a::after{animation-delay:3.2s}
html footer.site .sisters li:nth-child(6) a::after{animation-delay:4s}
@media (prefers-reduced-motion:reduce){html .assure li::before,html .assure li::after,html footer.site .sisters a::after{animation:none}}

/* ---------- turning gold borders everywhere (same effect as "Request a quote"; existing border widths kept) ---------- */
html :is(.fam-card,.pick,form.q,section.fam,.jcard,.ptile,.shop-side,.bx-item,.ccard,form.shop-search){border-color:transparent;background:linear-gradient(#FFFDFA,#FFFDFA) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box;animation:d-spin 8s steps(160) infinite}
html .pick[aria-pressed=true]{border-color:transparent;background:linear-gradient(180deg,#FFFDF8 0%,#F8EDD6 100%) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box}
html :is(.lgbw-t,.desk-hero-img,.desk-shot,.desk-wide),html :is(form.q,form.book,.ccard) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),textarea){border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box;animation:d-spin 8s steps(160) infinite}
html .steps li{border-color:transparent;background:linear-gradient(#F8F4EE,#F8F4EE) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box;animation:d-spin 8s steps(160) infinite}
html .sr-cta{border-color:transparent;background:linear-gradient(180deg,#FFFFFF 0%,#FDF8EE 50%,#F5E8CF 100%) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box;animation:d-pulse 2.8s ease-in-out infinite,d-spin 8s steps(160) infinite}
html .hero .trust{border-color:transparent;background:linear-gradient(180deg,#FFFFFF 0%,#FDF8EE 50%,#F5E8CF 100%) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box;animation:d-pulse 2.8s ease-in-out infinite,d-spin 8s steps(160) infinite}
html footer.site .sisters{border-color:transparent;background:linear-gradient(180deg,#FFFDF8 0%,#F7EBD3 100%) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box;animation:d-spin 8s steps(160) infinite}
/* button rims turn too */
html .btn{background:var(--d-glint) -90% 0/45% 100% no-repeat padding-box,var(--bg) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box;animation:d-shine 7s ease-in-out infinite,d-pulse 2.8s ease-in-out infinite,d-spin 6s linear infinite}
html .btn.ghost{animation:d-pulse 2.8s ease-in-out infinite,d-spin 6s linear infinite}
html .tbuy{background:linear-gradient(180deg,#FFF9EC 0%,#F8E9C8 38%,#EFD6A2 78%,#E6C98D 100%) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box;animation:d-pulse 2.8s ease-in-out infinite,d-spin 6s linear infinite}
html .tbuy:hover,html .tbuy:focus-visible{background:var(--d-gold-hi) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box}
html .sr-cta .v-go{background:var(--d-gold) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box;animation:d-pulse 2.8s ease-in-out infinite,d-spin 6s linear infinite}
html .sr-cta:hover .v-go,html .sr-cta:focus-visible .v-go{background:var(--d-gold-hi) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box}
html .addbtn,html .cd-checkout,html .pill.solid{background:var(--d-gold) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box;animation:d-pulse 2.8s ease-in-out infinite,d-spin 6s linear infinite}
html .addbtn:hover,html .cd-checkout:hover,html .pill.solid:hover{background:var(--d-gold-hi) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box}
html .shop-search button{background:var(--d-gold) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box;animation:d-spin 6s linear infinite}
html .shop-search button:hover{background:var(--d-gold-hi) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box}
html footer.site .sisters a{background:var(--d-pearl) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box;animation:d-spin 6s linear infinite}
html footer.site .sisters a:hover,html footer.site .sisters a:focus-visible{background:var(--d-gold-hi) padding-box,conic-gradient(from var(--d-spin),#FFF6DA,#D9B567,#8C6526,#F1D9A0,#B48A3C,#6E4A12,#E6C783,#FFF6DA) border-box}

/* ---------- hero headline underline: slow, steady shine ---------- */
@keyframes d-line-shine{from{background-position:-60% 0,0 0}to{background-position:160% 0,0 0}}
html .hero h1::after{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,250,232,.95),rgba(255,255,255,0)) -60% 0/35% 100% no-repeat,linear-gradient(90deg,#A27B36,#C9A45E,rgba(201,164,94,0));animation:d-line-shine 5s linear infinite}

/* ---------- hero photo caption ("Custom Display Fixtures…"): clearer and larger ---------- */
html .hero-img figcaption{font:700 15.5px/1.3 var(--sans);letter-spacing:0;color:#1A1512;background:rgba(255,253,248,.95);padding:8px 14px;box-shadow:0 6px 16px -8px rgba(44,37,31,.45)}
@media (max-width:560px){html .hero-img figcaption{font-size:14px;padding:6px 12px}}

@media (prefers-reduced-motion:reduce){html :is(.fam-card,.pick,form.q,section.fam,.jcard,.ptile,.shop-side,.bx-item,.ccard,form.shop-search),html :is(.lgbw-t,.desk-hero-img,.desk-shot,.desk-wide),html :is(form.q,form.book,.ccard) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),textarea),html .steps li,html .sr-cta,html .hero .trust,html footer.site .sisters,html .btn,html .btn.ghost,html .tbuy,html .sr-cta .v-go,html .addbtn,html .cd-checkout,html .pill.solid,html .shop-search button,html footer.site .sisters a,html .hero h1::after{animation:none}}

/* ---------- icon circles: slightly lighter gold ---------- */
:root{--d-orb:radial-gradient(circle at 34% 28%,#FFFDF6 0%,#FAEDC9 26%,#EBCF92 54%,#D2AD66 82%,#B88E45 100%)}

/* ---------- "Book a free consultation": same cream as "Get a free quote" ---------- */
html .btn.ghost[href*="consultation"]{
  --bg:linear-gradient(180deg,#FFF9EC 0%,#F8E9C8 38%,#EFD6A2 78%,#E6C98D 100%);
  color:var(--d-ink);font-weight:800;text-shadow:0 1px 0 rgba(255,250,235,.85);
  box-shadow:inset 0 1.5px 0 #FFFDF6,inset 0 -3px 6px rgba(150,105,35,.28),0 0 0 calc(1.5px + .75px * var(--d-p)) rgba(214,174,96,calc(.12 + .08 * var(--d-p))),0 0 calc(2px + 4px * var(--d-p)) rgba(240,198,108,calc(.04 + .08 * var(--d-p))),0 6px 12px -7px rgba(110,74,18,.45);
}
html .btn.ghost[href*="consultation"]:hover{--bg:var(--d-gold-hi)}

/* ---------- showroom address line: larger, a little bolder ---------- */
html .sr-cta .v-txt small{font-size:15px;font-weight:600;color:#3B3029;line-height:1.35}
@media (max-width:560px){html .sr-cta .v-txt small{font-size:14px}}

/* ---------- tighter section spacing site-wide; larger titles and text in the content sections ---------- */
html section{padding-top:calc(var(--pad) * .5);padding-bottom:calc(var(--pad) * .5)}
html section .head h2,html section > .wrap > h2{font-size:clamp(28px,3vw,38px)}
html .cat b{font-size:20px;line-height:1.15}
html .cat small{font-size:14px;line-height:1.3}
html .brandwall p,html section .ksub{font-size:16.5px}
html .lgbw-l{font-size:12px}
html .lgbw-hint{font-size:14px}
html .steps h3{font-size:22px}
html .steps p{font-size:16.5px}
html .rcard figcaption,html .tl-work .rcard figcaption{font-size:15.5px}
@media (max-width:600px){html .rcard figcaption,html .tl-work .rcard figcaption{font-size:14px}html .cat b{font-size:18px}html .cat small{font-size:13px}}
/* services page photo: keep the stone in frame */
html .ph-img[src*="f96b81_15c23c1fffda459bab2d1c420bcb5bb6"]{object-fit:cover;object-position:50% 68%}

/* ---------- hero photo: rounded square (no dome), caption underneath instead of over the photo ---------- */
html .hero-img img{aspect-ratio:1/1;border-radius:20px}
@media (max-width:820px){html .hero-img img{aspect-ratio:1/1;border-radius:18px}}
html .hero-img figcaption{
  position:static;left:auto;bottom:auto;max-width:none;margin-top:12px;
  border-radius:14px;padding:10px 16px;text-align:center;
  background:linear-gradient(180deg,#FFFFFF 0%,#FDF8EE 50%,#F5E8CF 100%);
  border:1px solid #CFA95F;
  box-shadow:inset 0 1.5px 0 #fff,0 8px 16px -12px rgba(110,74,18,.45);
}
@media (max-width:560px){html .hero-img figcaption{padding:8px 12px}}

/* ---------- motion ---------- */
@keyframes d-shine{
  0%,58%{background-position:-90% 0,0 0,0 0}
  78%,100%{background-position:190% 0,0 0,0 0}
}
@keyframes d-spin{to{--d-spin:360deg}}
@keyframes d-pulse{0%,100%{--d-p:0}50%{--d-p:1}}
@media (prefers-reduced-motion:reduce){
  html .btn,html .btn.ghost,html .btn.ghost:is([href="#lab"],[href*="light-studio"]),html .sr-cta{animation:none}
}
@media print{
  html .btn,html .sr-cta,html .sr-cta .v-go{box-shadow:none;animation:none}
}
/* ---------- "Try the light studio": white text for contrast (Nov 4, 2026) ---------- */
html .btn.ghost:is([href="#lab"],[href*="light-studio"]),html .btn.ghost:is([href="#lab"],[href*="light-studio"]):hover,html .btn.ghost:is([href="#lab"],[href*="light-studio"]):focus-visible{color:#FFFFFF;text-shadow:0 1px 2px rgba(70,40,6,.75),0 0 1px rgba(70,40,6,.6)}

/* ---------- Nov 4, 2026: quote section titles in the Light Lab gold, shorter cream captions under quote-list photos, check marks swell more often ---------- */
@keyframes d-ll-sheen{0%,100%{background-position:100% 0}50%{background-position:0% 0}}
html .quote-sec :is(.qlist h3,.q-intro h2,.q-title){width:fit-content;max-width:100%;color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(100deg,#5E4318 0%,#94692A 20%,#C29646 34%,#EBCB85 45%,#CFA65A 54%,#94692A 70%,#5E4318 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 .6px rgba(94,67,24,.55)) drop-shadow(0 1px 0 rgba(255,255,255,.7))}
html .quote-sec :is(.qlist h3,.q-title) .qn{color:#4A3110;-webkit-text-fill-color:#4A3110}
@media (prefers-reduced-motion:no-preference){html .quote-sec :is(.qlist h3,.q-intro h2,.q-title){animation:d-ll-sheen 7s ease-in-out infinite}}
html .pick img{flex:1 1 auto;min-height:0;aspect-ratio:5/4}
html .pick.fit img{padding:5px}
html .pick span{flex:none;padding:5px 28px 6px 9px;line-height:1.15;background:linear-gradient(180deg,#FFFFFF 0%,#FBF6EC 55%,#F1E7D6 100%);border-top:1px solid rgba(122,84,25,.18);box-shadow:inset 0 1px 0 #fff}
html .pick::after{bottom:5px}
@keyframes d-check-wave3{0%,26.7%,100%{transform:scale(1)}13.3%{transform:scale(1.15)}}
@media (prefers-reduced-motion:no-preference){html .assure li::before{animation-name:d-check-wave3;animation-duration:6s}html .assure li::after{animation-name:d-spin,d-check-wave3;animation-duration:6s,6s}}