/* D&A Studio — DIARA Édition Luxe. Scoped to the DIARA project page. */
/* D&A Studio — DIARA EDITORIAL V2. Scoped to the project page only. */
.case-gallery.diara-showcase.dv-v2 {
  display:block!important;grid-template-columns:none!important;gap:0!important;
  width:min(100%,1136px)!important;max-width:1136px!important;
  padding:0 0 clamp(34px,5vw,64px)!important;
  margin:clamp(22px,3vw,42px) auto 0!important;
  color:var(--ink,#241b17); overflow:visible!important;
}
.dv-v2,.dv-v2 *{box-sizing:border-box}
.dv-v2 figure,.dv-v2 h2,.dv-v2 h3,.dv-v2 p{margin:0}
.dv-v2 .dv-figure{min-width:0!important;position:relative;display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;cursor:zoom-in}
.dv-v2 .dv-figure img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:none!important;filter:none;transition:filter .45s ease, transform .85s cubic-bezier(.2,.8,.2,1)!important}
.dv-v2 .dv-figure:hover img{transform:translateY(-3px)!important;filter:brightness(1.025)}
.dv-v2 .dv-figure figcaption{font-family:var(--sans,Arial,sans-serif);font-size:9px;line-height:1.35;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#8f8275);margin:10px 0 0;display:flex;justify-content:space-between}
.dv-v2 .dv-eyebrow,.dv-v2 .dv-section-label,.dv-v2 .dv-side-note,.dv-v2 .dv-signoff {font-family:var(--sans,Arial,sans-serif);font-size:9px;font-weight:500;letter-spacing:.14em;line-height:1.6;text-transform:uppercase;color:var(--muted,#847668)}
.dv-v2 .dv-section-label,.dv-v2 .dv-eyebrow,.dv-v2 .dv-signoff {display:flex;align-items:center;justify-content:space-between;gap:12px}
.dv-v2 .dv-section-label {border-top:1px solid rgba(35,27,19,.26);padding:14px 0 0;margin-bottom:clamp(22px,3vw,38px)}
.dv-v2 .dv-section-label span:last-child{opacity:.6;text-align:right}
.dv-v2 h2,.dv-v2 h3{font-family:var(--display,var(--serif,Georgia,serif));font-weight:400;letter-spacing:-.045em;line-height:1.04}
.dv-v2 h2 em,.dv-v2 h3 em,.dv-v2 .dv-object-word em{font-family:var(--serif,Georgia,serif);font-weight:400}
.dv-v2 .dv-section{margin-top:clamp(80px,10vw,148px)}
/* Opening — first show a finished object, with a quiet signature panel */
.dv-v2 .dv-opening{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:clamp(26px,4.5vw,72px);align-items:center}
.dv-v2 .dv-opening-copy{padding:8px 0 0 clamp(0px,1.2vw,12px)}
.dv-v2 .dv-eyebrow {margin-bottom:clamp(23px,3.3vw,45px);padding-bottom:13px;border-bottom:1px solid rgba(35,27,19,.18)}
.dv-v2 .dv-opening h2{font-size:clamp(44px,5.15vw,77px);margin-bottom:20px}
.dv-v2 .dv-tagline{font-family:var(--serif,Georgia,serif);font-size:clamp(16px,1.6vw,21px);font-style:italic;color:var(--muted,#817970)}
.dv-v2 .dv-signature{width:min(68%,260px);margin:clamp(28px,4vw,55px) 0 18px!important}
.dv-v2 .dv-side-note{display:flex;justify-content:space-between;gap:8px;border-top:1px solid rgba(35,27,19,.13);padding-top:11px;max-width:260px;font-size:8px}
.dv-v2 .dv-lead-photo{margin-top:38px!important}
/* Brand system — one measured horizontal filmstrip rather than a uniform bento grid */
.dv-v2 .dv-identity-lede{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:clamp(23px,3vw,37px)}
.dv-v2 .dv-identity-lede h3{font-size:clamp(34px,4.2vw,62px)}
.dv-v2 .dv-identity-lede p{font:400 12px/1.65 var(--sans,Arial,sans-serif);max-width:190px;color:var(--muted,#817970)}
.dv-v2 .dv-identity-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.3vw,16px)}
.dv-v2 .dv-identity-strip img{aspect-ratio:1;object-fit:cover!important}
.dv-v2 .dv-identity-strip figcaption{font-size:8px;letter-spacing:.1em}
/* Packaging — deliberate white space and unequal photographic hierarchy */
.dv-v2 .dv-objects-composition{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);gap:clamp(22px,4vw,67px);align-items:start}
.dv-v2 .dv-shop-photo{max-width:660px}
.dv-v2 .dv-object-aside{padding-top:clamp(6px,3vw,42px);display:flex;flex-direction:column;align-items:flex-end}
.dv-v2 .dv-object-word{display:flex;justify-content:space-between;align-items:start;width:100%;gap:10px;margin-bottom:clamp(20px,3vw,46px)}
.dv-v2 .dv-object-word .dv-mark{font:500 9px/1.6 var(--sans,Arial,sans-serif);letter-spacing:.14em;color:var(--muted,#817970)}
.dv-v2 .dv-object-word p{font:400 clamp(28px,3vw,42px)/1.05 var(--display,var(--serif,Georgia,serif));letter-spacing:-.035em}
.dv-v2 .dv-pouch-photo{width:min(100%,310px)}
/* Sensory: negative space in a genuinely art-directed stagger, without clipping */
.dv-v2 .dv-details-top{display:grid;grid-template-columns:minmax(0,.64fr) minmax(0,1.17fr) minmax(0,.83fr);gap:clamp(18px,2.4vw,36px);align-items:start}
.dv-v2 .dv-details-copy{padding-top:clamp(12px,3vw,44px)}
.dv-v2 .dv-details-copy h3{font-size:clamp(36px,4.1vw,58px)}
.dv-v2 .dv-details-copy .dv-rule{height:1px;width:58px;background:#8e674c;margin:27px 0 17px}
.dv-v2 .dv-details-copy p{font:400 12px/1.65 var(--sans,Arial,sans-serif);max-width:185px;color:var(--muted,#817970)}
.dv-v2 .dv-red-jewel{margin-top:clamp(64px,9vw,124px)!important}
.dv-v2 .dv-details-bottom{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,.64fr) minmax(0,.64fr);column-gap:clamp(18px,4vw,64px);align-items:start;margin-top:clamp(-48px,-3.5vw,-18px)}
.dv-v2 .dv-flower{max-width:295px;margin-top:clamp(24px,5vw,78px)!important}
.dv-v2 .dv-earrings{max-width:260px;margin-top:clamp(65px,9vw,126px)!important}
.dv-v2 .dv-details-whitespace{padding:clamp(95px,12vw,170px) 0 0;display:flex;flex-direction:column;gap:14px;align-items:flex-start;font:500 8px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.14em;color:var(--muted,#817970)}
.dv-v2 .dv-details-whitespace p{font:400 clamp(33px,5vw,66px)/.9 var(--display,var(--serif,Georgia,serif));color:var(--ink,#241b17);letter-spacing:.24em}
/* Campaign: editorial triptych — two untouched posters and a landscape middle */
.dv-v2 .dv-campaign-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:clamp(28px,4vw,56px);gap:24px}
.dv-v2 .dv-campaign-head h3{font-size:clamp(43px,5.3vw,78px)}
.dv-v2 .dv-campaign-head p{max-width:210px;font:400 12px/1.6 var(--sans,Arial,sans-serif);color:var(--muted,#817970)}
.dv-v2 .dv-campaign-stage{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.33fr) minmax(0,.7fr);align-items:start;gap:clamp(13px,2.3vw,33px)}
.dv-v2 .dv-poster-one{margin-top:clamp(22px,5vw,70px)!important}
.dv-v2 .dv-artboard{margin-top:0!important}
.dv-v2 .dv-poster-two{margin-top:clamp(74px,11vw,155px)!important}
.dv-v2 .dv-signoff{border-top:1px solid rgba(35,27,19,.26);padding:16px 0 0;margin-top:clamp(60px,8vw,100px)}
/* Immersive, accessible closeable image viewer; body unchanged until user activates it */
.dv-image-overlay{position:fixed;inset:0;z-index:20000;display:none;align-items:center;justify-content:center;padding:clamp(20px,4vw,60px);background:rgba(13,10,9,.92);backdrop-filter:blur(16px)}
.dv-image-overlay.is-open{display:flex}
.dv-image-overlay img{display:block;max-width:min(1200px,96vw);max-height:83vh;width:auto;height:auto;object-fit:contain;box-shadow:0 12px 80px rgba(0,0,0,.26)}
.dv-image-close{position:absolute;right:clamp(15px,3vw,36px);top:clamp(15px,3vw,30px);width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.46);border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:26px;line-height:1}
.dv-image-overlay p{position:absolute;bottom:18px;left:26px;right:26px;text-align:center;font:500 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.09em;color:#eee}
@media (max-width:900px){
 .dv-v2 .dv-opening{gap:22px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
 .dv-v2 .dv-opening h2{font-size:clamp(36px,6vw,55px)}
 .dv-v2 .dv-signature{width:min(76%,195px)}
 .dv-v2 .dv-details-top{grid-template-columns:.8fr 1fr .8fr;gap:14px}
 .dv-v2 .dv-details-copy h3{font-size:clamp(26px,4vw,44px)}
}
@media (max-width:650px){
 .case-gallery.diara-showcase.dv-v2{margin-top:22px!important;padding-bottom:25px!important}
 .dv-v2 .dv-opening{grid-template-columns:1fr;gap:25px}
 .dv-v2 .dv-opening-copy{padding:0}
 .dv-v2 .dv-eyebrow{margin-bottom:22px}
 .dv-v2 .dv-opening h2{font-size:clamp(46px,11vw,70px);margin-bottom:10px}
 .dv-v2 .dv-signature{display:block!important;width:120px!important;margin:21px 0 7px!important}
 .dv-v2 .dv-side-note{border:0;padding:0;max-width:none;margin-top:18px}
 .dv-v2 .dv-lead-photo{margin-top:0!important}
 .dv-v2 .dv-section{margin-top:70px}
 .dv-v2 .dv-identity-lede{display:block}
 .dv-v2 .dv-identity-lede h3{font-size:clamp(34px,9vw,50px)}
 .dv-v2 .dv-identity-lede p{max-width:none;margin-top:12px}
 .dv-v2 .dv-identity-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .dv-v2 .dv-objects-composition{grid-template-columns:1fr;gap:24px}
 .dv-v2 .dv-object-aside{display:grid;grid-template-columns:1fr 1.25fr;gap:22px;padding-top:0;align-items:center}
 .dv-v2 .dv-object-word p{font-size:clamp(25px,6.3vw,42px)}
 .dv-v2 .dv-object-word{display:block;margin:0}
 .dv-v2 .dv-object-word .dv-mark{display:block;margin-bottom:12px}
 .dv-v2 .dv-pouch-photo{width:100%}
 .dv-v2 .dv-details-top{grid-template-columns:1fr 1fr;gap:14px}
 .dv-v2 .dv-details-copy{grid-column:1 / -1;padding:0 0 12px}
 .dv-v2 .dv-details-copy h3{font-size:clamp(39px,9.5vw,56px)}
 .dv-v2 .dv-details-copy .dv-rule{margin:14px 0}
 .dv-v2 .dv-details-copy p{max-width:280px}
 .dv-v2 .dv-red-jewel{margin-top:38px!important}
 .dv-v2 .dv-details-bottom{grid-template-columns:1fr 1fr;gap:14px;margin-top:19px}
 .dv-v2 .dv-flower{margin-top:0!important}
 .dv-v2 .dv-earrings{margin-top:38px!important}
 .dv-v2 .dv-details-whitespace{grid-column:1 / -1;padding:20px 0 0;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
 .dv-v2 .dv-details-whitespace p{font-size:34px}
 .dv-v2 .dv-details-whitespace span:last-child{display:none}
 .dv-v2 .dv-campaign-head{display:block}
 .dv-v2 .dv-campaign-head h3{font-size:clamp(41px,10vw,63px)}
 .dv-v2 .dv-campaign-head p{max-width:300px;margin-top:16px}
 .dv-v2 .dv-campaign-stage{grid-template-columns:1fr 1fr;gap:15px}
 .dv-v2 .dv-artboard{grid-row:2;grid-column:1 / -1;margin-top:24px!important}
 .dv-v2 .dv-poster-one{margin-top:0!important}
 .dv-v2 .dv-poster-two{margin-top:40px!important}
 .dv-v2 .dv-signoff{margin-top:55px;font-size:8px;flex-wrap:wrap}
 .dv-v2 .dv-signoff span:last-child{display:none}
}
@media (prefers-reduced-motion:reduce){.dv-v2 .dv-figure img{transition:none!important;transform:none!important}}



/* DIARA — restrained editorial interactions, reference-led, not a new layout */
.dv-v2{--motion-ease:cubic-bezier(.18,.74,.24,1)}

/* Preserve precisely the accepted V2 image hierarchy and negative space. */
.dv-v2 .dv-figure{isolation:isolate;outline-offset:4px}
.dv-v2 .dv-figure:focus-visible{outline:1px solid #956f51}
.dv-v2 .dv-figure img{transition:filter .65s ease, transform .75s var(--motion-ease)!important}
/* A fine hairline quietly draws itself when entering each section. */
.dv-v2 .dv-section-label{position:relative;border-top:0!important}
.dv-v2 .dv-section-label::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:rgba(35,27,19,.26);transform-origin:left;transform:scaleX(1)}
/* JS enhancement progressive: images are never hidden if JS is unavailable. */
.dv-v2.diara-motion-active .dv-opening h2,
.dv-v2.diara-motion-active .dv-identity-lede h3,
.dv-v2.diara-motion-active .dv-details-copy h3,
.dv-v2.diara-motion-active .dv-campaign-head h3,
.dv-v2.diara-motion-active .dv-object-word p {
  opacity:0;transform:translateY(18px);
  transition:opacity .85s var(--motion-ease),transform .85s var(--motion-ease);
}
.dv-v2.diara-motion-active .dv-opening h2.is-visible,
.dv-v2.diara-motion-active .dv-identity-lede h3.is-visible,
.dv-v2.diara-motion-active .dv-details-copy h3.is-visible,
.dv-v2.diara-motion-active .dv-campaign-head h3.is-visible,
.dv-v2.diara-motion-active .dv-object-word p.is-visible{opacity:1;transform:translateY(0)}
.dv-v2.diara-motion-active .dv-section-label::before{transform:scaleX(0);transition:transform 1.15s var(--motion-ease)}
.dv-v2.diara-motion-active .dv-section-label.line-visible::before{transform:scaleX(1)}
/* Only three flagship photographs get a photographic aperture reveal. */
.dv-v2.diara-motion-active .dv-lead-photo img,
.dv-v2.diara-motion-active .dv-shop-photo img,
.dv-v2.diara-motion-active .dv-artboard img{
  clip-path:inset(0 0 9% 0);opacity:.82;
  transition:clip-path 1.4s var(--motion-ease), opacity 1.2s ease, filter .65s ease, transform .75s var(--motion-ease)!important;
}
.dv-v2.diara-motion-active .dv-lead-photo.is-visible img,
.dv-v2.diara-motion-active .dv-shop-photo.is-visible img,
.dv-v2.diara-motion-active .dv-artboard.is-visible img{clip-path:inset(0 0 0 0);opacity:1}
/* One slow cascade for the four logo applications. No layout shifts. */
.dv-v2.diara-motion-active .dv-identity-strip .dv-figure{
  opacity:0;transform:translateY(15px);
  transition:opacity .78s var(--motion-ease),transform .78s var(--motion-ease);
}
.dv-v2.diara-motion-active .dv-identity-strip .dv-figure.is-visible{opacity:1;transform:translateY(0)}
.dv-v2.diara-motion-active .dv-identity-strip .dv-figure:nth-child(2){transition-delay:80ms}
.dv-v2.diara-motion-active .dv-identity-strip .dv-figure:nth-child(3){transition-delay:160ms}
.dv-v2.diara-motion-active .dv-identity-strip .dv-figure:nth-child(4){transition-delay:240ms}
/* Editorial image hover: almost no zoom and no fake shadows. */
@media (hover:hover) and (pointer:fine){
 .dv-v2 .dv-figure:hover img{transform:translateY(-2px)!important;filter:brightness(1.015)}
 .dv-v2 .dv-figure figcaption{transition:color .3s ease}
 .dv-v2 .dv-figure:hover figcaption{color:#563925}
 .dv-v2 .dv-figure figcaption::before{content:'';position:absolute;left:0;bottom:-7px;width:0;height:1px;background:#9b795b;transition:width .55s var(--motion-ease)}
 .dv-v2 .dv-figure:hover figcaption::before{width:32px}
}
/* Unobtrusive but useful focus viewer. */
.dv-image-overlay{display:flex!important;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .26s ease,visibility .26s ease;gap:20px}
.dv-image-overlay.is-open{visibility:visible;opacity:1;pointer-events:auto}
.dv-image-overlay img{max-width:min(1100px,86vw);max-height:82vh}
.dv-image-overlay .viewer-control{border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;cursor:pointer;font-size:22px;transition:background .2s}
.dv-image-overlay .viewer-control:hover{background:rgba(255,255,255,.19)}
.dv-image-overlay .viewer-counter{position:absolute;left:clamp(16px,3vw,38px);top:clamp(20px,3vw,34px);color:rgba(255,255,255,.8);font:500 11px Arial,sans-serif;letter-spacing:.18em}
.dv-image-overlay .viewer-caption{bottom:20px}
.dv-image-overlay .dv-image-close{z-index:1}
@media(max-width:650px){
 .dv-image-overlay{gap:0;padding:12px}
 .dv-image-overlay img{max-width:96vw;max-height:76vh}
 .dv-image-overlay .viewer-control{position:absolute;bottom:63px;width:39px;height:39px}
 .dv-image-overlay .viewer-prev{left:16px}
 .dv-image-overlay .viewer-next{right:16px}
 .dv-image-overlay .viewer-caption{bottom:16px;font-size:9px;padding:0 42px}
}
@media(prefers-reduced-motion:reduce){
 .dv-v2.diara-motion-active .dv-opening h2,.dv-v2.diara-motion-active .dv-identity-lede h3,
 .dv-v2.diara-motion-active .dv-details-copy h3,.dv-v2.diara-motion-active .dv-campaign-head h3,
 .dv-v2.diara-motion-active .dv-object-word p,.dv-v2.diara-motion-active .dv-identity-strip .dv-figure{
 opacity:1!important;transform:none!important;transition:none!important}
 .dv-v2.diara-motion-active .dv-lead-photo img,.dv-v2.diara-motion-active .dv-shop-photo img,
 .dv-v2.diara-motion-active .dv-artboard img{opacity:1!important;clip-path:none!important;transition:none!important}
 .dv-v2.diara-motion-active .dv-section-label::before{transform:none!important;transition:none!important}
 .dv-image-overlay{transition:none!important}
}