/* Overlays and responsive adjustments after the original Google Sites CSS. */
.vq-site-header,.vq-site-header *{box-sizing:border-box}
.vq-site-header a{color:#ddd}.vq-site-header a:hover,.vq-site-header .vq-site-logo{color:#fff}
.vq-site-footer,.vq-site-footer *{box-sizing:border-box}
#vulqir-home{overflow:hidden}
#vulqir-home .vq-intro{padding-top:76px}
.vq-story{max-width:1280px;margin:0 auto}
.vq-collection{margin:0 auto;max-width:1280px}
.vq-contact-page{margin:0 auto}
.vq-inquiry-form{font-family:'Biryani',sans-serif;color:#302b27;text-align:left;width:100%;font-size:12px}
.vq-inquiry-form form{display:flex;flex-direction:column;gap:16px}
.vq-inquiry-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:600;color:#514943;letter-spacing:.012em}
.vq-inquiry-form label span{color:#ad8757}
.vq-inquiry-form input:not([type=checkbox]),.vq-inquiry-form textarea{display:block;width:100%;min-width:0;padding:11px 12px;border:1px solid #ded4c9;background:#fffdfa;border-radius:3px;color:#302b27;font-size:12px;outline-color:#af8c58;line-height:1.6}
.vq-inquiry-form input[type=file]{max-width:100%;font-size:11px;cursor:pointer}
.vq-inquiry-form .vq-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.vq-inquiry-form .vq-privacy-check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;line-height:1.5;font-weight:400;font-size:10px;color:#726b64}
.vq-inquiry-form .vq-privacy-check input{margin:2px 0 0;flex:none;accent-color:#b99661}
.vq-inquiry-form .vq-send-btn{align-self:flex-start;padding:13px 20px;background:#272524;border:0;border-radius:2px;color:#fff;cursor:pointer;font-size:10px;letter-spacing:.11em;font-weight:600}
.vq-inquiry-form .vq-send-btn:hover{background:#ae8f63}
.vq-inquiry-form .vq-form-small{color:#95887a;font-size:10px;line-height:1.6;margin:2px 0 0}
.vq-inquiry-form .vq-form-notice{padding:12px 15px;margin:0 0 16px;background:#f2e9dc;border-left:3px solid #b99661;font-size:12px}
.vq-inquiry-form .vq-form-notice.success{background:#edf4ed;border-left-color:#789d73}
#vulqir-inquiry-slot{min-height:400px}
/* The 24 product photographs are extracted from the owner's page screenshots. */
.vq-collection .vq-product img{object-fit:cover}
@media(max-width:700px){
 #vulqir-home .vq-intro{padding-top:40px}
 .vq-inquiry-form .vq-form-grid{grid-template-columns:1fr}
 .vq-contact-tally{min-height:0!important}
}


/* v1.2 editorial corrections -- the owner's original URLs are used in the markup. */
.vq-story .vq-editorial-image--values {
  width: min(100%, 350px); height: auto; aspect-ratio: 1 / 1;
  max-height: none; justify-self: center; margin-inline: auto;
}
.vq-story .vq-editorial-image--values img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.vq-contact-page .vq-contact-hero__visual {min-width:0;overflow:hidden;}
.vq-contact-page .vq-contact-hero__visual img {width:100%;height:100%;object-fit:cover;object-position:center center;}
.vq-contact-page .vq-contact-editorial__image img {width:100%;height:100%;object-fit:cover;object-position:center center;}
#vulqir-home .vq-manifesto .vq-keep-words {white-space:nowrap;}
/* v2.6.4: retain the original feather as a distinct second decorative layer. */
.vq-story .vq-origin-copy::after {
  background-image: var(--vq-feather-origin, url('https://img.staging.vulqir.com/c12.png'));
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  opacity: .12;
}
.vq-story .vq-statement-inner::before {
  background-image: var(--vq-feather-statement, url('https://img.staging.vulqir.com/c10.png'));
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 90%;
  opacity: .10;
}
.vq-story .vq-values .vq-value::before {
  background-image: var(--vq-feather-values, url('https://img.staging.vulqir.com/feather%E2%80%91ele.png'));
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: .45;
}
/* Home's final campaign photograph was originally a near-square source.
   Cropping it with 'cover' magnified the jewelry and hid most of the frame.
   Use a proportionally scaled, non-repeating image confined to the right side,
   with a solid dark extension under the left-hand text. */
#vulqir-home .vq-feature {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #241c18;
}
#vulqir-home .vq-feature > img {
  position: absolute;
  inset: 0 0 0 auto;
  width: min(52%, 790px);
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: right center;
  background: transparent;
  background-repeat: no-repeat;
  display: block;
}
#vulqir-home .vq-feature::before {
  background: linear-gradient(90deg,
    rgba(25,20,17,.98) 0%,
    rgba(25,20,17,.94) 36%,
    rgba(25,20,17,.70) 56%,
    rgba(25,20,17,.10) 100%);
}
@media (max-width: 760px) {
  #vulqir-home .vq-feature > img {
    inset: 0 0 0 auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right center;
    opacity: .78;
  }
  #vulqir-home .vq-feature::before {
    background: linear-gradient(90deg,
      rgba(25,20,17,.94),
      rgba(25,20,17,.78) 60%,
      rgba(25,20,17,.44));
  }
}
@media(max-width:560px){.vq-story .vq-editorial-image--values{width:min(100%,330px);aspect-ratio:1/1}}
