/* Opening blocks share the unpublished homepage's typography and 4:5 frame. */
.collection-opening {
  --awra-display:'Playfair Display',Georgia,serif;
  --awra-text:'DM Sans',Arial,sans-serif;
  --awra-h1:clamp(42px,4.5vw,68px);
  --awra-paper:#fcfaf7;
  --awra-espresso:#392c27;
  --awra-gold:#b59a77;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  align-items:center;
  gap:28px;
  padding:44px 5.5%;
  min-height:580px;
  background:#f7f3ee;
  color:var(--awra-espresso);
  font:400 15px/1.7 var(--awra-text);
  letter-spacing:-.012em;
  -webkit-font-smoothing:antialiased;
}
.collection-opening *{box-sizing:border-box}
.collection-opening .opening-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:42px 2% 42px 0}
.collection-opening .opening-kicker{font-size:10px;letter-spacing:.19em;font-weight:700;text-transform:uppercase;margin:0 0 20px;color:#75685f}
.collection-opening h1{font:400 var(--awra-h1)/1.06 var(--awra-display);letter-spacing:-.035em;margin:0 0 18px}
.collection-opening h1 em{color:#967653}
.collection-opening p{margin:0}
.collection-opening .opening-lead{font-size:15px;line-height:1.5;max-width:470px;color:#62574f;margin-bottom:16px}
.collection-opening .opening-action-line{font-size:14px;line-height:1.5;color:var(--awra-espresso);margin-bottom:22px}
.collection-opening .opening-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--awra-espresso);color:var(--awra-paper);border:1px solid var(--awra-espresso);border-radius:2px;text-transform:uppercase;text-align:center;text-decoration:none;min-height:44px;line-height:1.35;padding:15px 20px;font-size:12px;letter-spacing:.015em;font-weight:800}
.collection-opening .opening-comparison{position:relative;width:100%;max-width:568px;aspect-ratio:4/5;margin:0;overflow:hidden;isolation:isolate;align-self:center;justify-self:center;background:transparent;touch-action:pan-y}
.collection-opening .opening-comparison img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;pointer-events:none;user-select:none}
.collection-opening .opening-before{clip-path:inset(0 calc(100% - var(--awra-split)) 0 0)}
.collection-opening .opening-line{position:absolute;top:0;bottom:0;left:var(--awra-split);width:2px;background:#fff;transform:translateX(-50%);z-index:2;pointer-events:none}
.collection-opening .opening-handle{position:absolute;top:50%;left:var(--awra-split);width:46px;height:46px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:var(--awra-paper);color:var(--awra-espresso);font:400 25px/1 var(--awra-text);z-index:3;pointer-events:none}
.collection-opening .opening-label{position:absolute;bottom:14px;padding:7px 10px;background:rgba(38,30,26,.72);color:#fff;font-size:10px;line-height:1.3;font-weight:700;letter-spacing:.12em;text-transform:uppercase;z-index:3;pointer-events:none}
.collection-opening .opening-label-before{left:14px}
.collection-opening .opening-label-after{right:14px}
.collection-opening .opening-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:4;touch-action:pan-y;cursor:ew-resize}
.collection-opening .opening-comparison:focus-within{outline:3px solid var(--awra-gold);outline-offset:3px}
[id$="-templates"]{scroll-margin-top:24px}
@media(max-width:1050px) and (min-width:761px){.collection-opening{--awra-h1:clamp(36px,4.7vw,49px)}}
@media(max-width:760px){
  .collection-opening{--awra-h1:clamp(35px,9.2vw,56px);grid-template-columns:1fr;gap:18px;padding:22px 5% 35px;min-height:0}
  .collection-opening .opening-copy{padding:25px 1% 10px}
  .collection-opening h1{margin-bottom:14px}
  .collection-opening .opening-lead{font-size:14px}
  .collection-opening .opening-button{width:100%;font-size:11px;padding:14px 12px}
  .collection-opening .opening-comparison{max-width:530px}
}