/* Dulce Fisher's Grand Opening: her approved flyer look (r3) inside the site's own header and footer. Her real photo in a steel
   frame, Fenrir steel and Miliare gold, clean finish. */
@font-face{font-family:'Inter Tight';src:url(InterTight-latin.woff2) format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:'Newsreader';src:url(Newsreader-Italic-latin.woff2) format('woff2');font-weight:400 600;font-style:italic;font-display:swap}
.dg-hero,.dg-about,.dg-replay{--k:#07080A;--foil:linear-gradient(100deg,#7A5E1E 0%,#B8963C 18%,#E9D18A 36%,#C9A84C 52%,#8A6C24 70%,#D9BE6E 86%,#9C7F2E 100%);
  --steel:linear-gradient(176deg,#FBFBFB 0%,#D5D6D8 30%,#8E8F93 52%,#55565A 57%,#BDBEC1 74%,#F1F1F2 100%);
  --frame:linear-gradient(135deg,#F6F6F7 0%,#C4C5C8 22%,#7B7C80 46%,#E3E4E6 62%,#9A9B9F 80%,#D9DADC 100%);
  --sweep:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.75) 50%,transparent 58%);
  font-family:'Inter Tight',Arial,sans-serif;background:var(--k);color:#fff}
.dg-hero{--u:calc(min(1vw,1.6vh)/var(--z,1));position:relative;overflow:hidden;padding:calc(var(--hdr,78px) + clamp(24px,3vw,48px)) clamp(20px,5vw,84px) clamp(40px,5vw,80px);
  background:radial-gradient(ellipse 70% 60% at 30% 45%,rgba(255,255,255,.05),transparent 70%),var(--k)}
.dg-grid{display:grid;grid-template-columns:calc(min(36vw,62vh)/var(--z,1)) minmax(0,1fr);align-items:center;column-gap:clamp(32px,5.5vw,96px);max-width:1500px;margin-inline:auto}
/* the steel frame sits over the photo's edges, as on the flyers */
.dg-frame{position:relative;margin:0;padding:clamp(10px,1vw,16px);background:var(--frame);border-radius:2px;
  box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.9),inset -1.5px -1.5px 0 rgba(40,40,44,.8),0 34px 70px -28px rgba(0,0,0,.95)}
.dg-win{position:relative;overflow:hidden;aspect-ratio:4/5;background:#1a1b1d}
.dg-win img{display:block;width:100%;height:100%;object-fit:cover}
.dg-win::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 2px 2px 0 rgba(6,6,7,.9),inset -1px -1px 0 rgba(170,171,174,.55),inset 7px 9px 16px rgba(0,0,0,.42)}
.dg-br{position:absolute;width:clamp(44px,4.6vw,72px);height:clamp(44px,4.6vw,72px);border:0 solid;pointer-events:none}
.dg-br.c{left:-14px;top:-14px;border-left-width:5px;border-top-width:5px;border-color:#006091}
.dg-br.r{right:-14px;bottom:-14px;border-right-width:5px;border-bottom-width:5px;border-color:#A0001E}
.dg-text{min-width:0}
.dg-logos{display:flex;align-items:center;gap:clamp(12px,1.2vw,18px)}
.dg-logos .f{height:calc(var(--u)*6.6);width:auto}.dg-logos i{flex:none;width:1.5px;height:calc(var(--u)*4.6);background:rgba(201,168,76,.8)}.dg-logos .m{height:calc(var(--u)*3.7);width:auto}
.dg-kick{display:block;margin-top:calc(var(--u)*1.5);font-size:calc(var(--u)*1.05);font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#C9A84C}
.dg-hero h1{margin:8px 0 0;font-family:inherit;font-size:calc(var(--u)*5);font-weight:800;letter-spacing:.004em;line-height:1.06;text-transform:uppercase;white-space:nowrap}
.dg-hero h1 span{background:var(--sweep) -220% 0/240% 100% no-repeat,var(--steel);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.dg-name{margin:2px 0 0;font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:calc(var(--u)*4.8);font-weight:500;line-height:1.12;padding-bottom:6px;color:#C9A84C}
.dg-name span{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.dg-role{margin:calc(var(--u)*.5) 0 0;font-size:calc(var(--u)*1.3);font-weight:500;color:#D5D6D9}
.dg-lic{margin:5px 0 0;font-size:calc(var(--u)*.86);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#C9A84C}
.dg-line{margin:calc(var(--u)*.9) 0 0;font-size:calc(var(--u)*1.42);line-height:1.32;color:#E6E6E8;max-width:34em}
.dg-tri{height:4px;margin:calc(var(--u)*1.3) 0 calc(var(--u)*1.1);background:linear-gradient(90deg,#006091 0 33.3%,#969496 33.3% 66.6%,#A0001E 66.6%)}
.dg-when{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px clamp(20px,2.4vw,40px)}
.dg-date b{display:block;font-size:calc(var(--u)*1.25);font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#DEDDDD}
.dg-date span{display:flex;align-items:flex-end;gap:10px;font-size:calc(var(--u)*2.6);font-weight:800;line-height:1;text-transform:uppercase;color:#DEDDDD}
.dg-date strong{font-size:calc(var(--u)*6.2);font-weight:800;line-height:.86;background:var(--steel);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:4px}
.dg-time span{display:block;font-size:calc(var(--u)*2.05);font-weight:800;line-height:1.2;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;white-space:nowrap}
.dg-time small{display:block;margin-top:4px;font-size:calc(var(--u)*1.25);font-weight:500;color:#CFD0D3;letter-spacing:.03em}
.dg-cta{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:calc(var(--u)*1.5)}
.dg-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 28px;border-radius:6px;background:linear-gradient(180deg,#F1F1F2,#B9BABD);color:#07080A;font-size:18px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.dg-btn svg{width:18px;height:18px;flex:none}
.dg-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(222,221,221,.18)}
.dg-copy{min-height:54px;padding:14px 22px;border-radius:6px;border:1.5px solid #969496;background:transparent;color:#DEDDDD;font:600 16px/1.2 'Inter Tight',Arial,sans-serif;cursor:pointer;transition:border-color .2s ease,color .2s ease}
.dg-copy:hover{border-color:#DEDDDD;color:#fff}
.dg-copy.ok{border-color:#C9A84C;color:#E9D18A}
.dg-btn:focus-visible,.dg-copy:focus-visible{outline:2px solid #E9D18A;outline-offset:3px}
.dg-host{display:flex;align-items:baseline;gap:14px;margin:calc(var(--u)*1.6) 0 0;font-size:calc(var(--u)*1.2);font-weight:500;color:#CFD0D3}
.dg-host b{font-size:calc(var(--u)*.8);font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#C9A84C}
/* about her, from her own answers */
.dg-about{border-top:1px solid #1d1e22;padding:clamp(48px,6vw,96px) clamp(20px,5vw,84px)}
.dg-about-in{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,84px);max-width:1180px;margin:0 auto}
.dg-about .dg-kick{margin:0;font-size:14px}
.dg-about h2,.dg-replay h2{margin:10px 0 0;font-size:clamp(30px,3.4vw,52px);font-weight:800;line-height:1.1;letter-spacing:.004em;text-transform:uppercase;color:#E6E6E8}
.dg-about h2 em,.dg-replay h2 em{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:500;text-transform:none;color:#C9A84C;letter-spacing:0}
.dg-about p{margin:clamp(14px,1.4vw,20px) 0 0;font-size:clamp(18px,1.45vw,22px);line-height:1.55;color:#E6E6E8;max-width:36em}
.kv-head .dg-kick{margin:0;font-size:14px}
.dg-replay{border-top:1px solid #1d1e22;padding:clamp(44px,5vw,84px) clamp(20px,5vw,84px)}
.dg-replay .kv-head{text-align:center;margin-bottom:clamp(20px,2.4vw,34px)}
.dg-soon{margin:0 auto;max-width:34em;text-align:center;font-size:clamp(19px,1.6vw,24px);line-height:1.45;color:#CFD0D3}
.dg-replay-row{grid-template-columns:minmax(0,860px)!important;justify-content:center}
/* motion: the frame settles, the type comes up in order, light crosses the steel once */
@media (prefers-reduced-motion:no-preference){
  .dg-art .dg-frame{animation:dgIn 1.1s cubic-bezier(.2,.7,.2,1) both}
  .dg-text>*{animation:dgUp .7s cubic-bezier(.2,.7,.2,1) both}
  .dg-text>*:nth-child(2){animation-delay:.08s}.dg-text>*:nth-child(3){animation-delay:.16s}.dg-text>*:nth-child(4){animation-delay:.24s}
  .dg-text>*:nth-child(n+5){animation-delay:.34s}.dg-text>.dg-when{animation-delay:.44s}.dg-text>.dg-cta{animation-delay:.52s}.dg-text>.dg-host{animation-delay:.6s}
  .dg-hero h1 span{animation:dgSweep 1.8s 1s ease-in-out both}
  .dg-btn::after{content:"";position:absolute;inset:0;background:var(--sweep);background-size:240% 100%;background-repeat:no-repeat;background-position:-220% 0;animation:dgSweep2 1.6s 1.7s ease-in-out both;pointer-events:none}
}
@keyframes dgIn{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
@keyframes dgUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes dgSweep{from{background-position:-220% 0,0 0}to{background-position:320% 0,0 0}}
@keyframes dgSweep2{from{background-position:-220% 0}to{background-position:320% 0}}
@media (max-width:900px){
  .dg-hero{--u:max(10.4px,1.6vw);padding:calc(var(--hdr,78px) + 14px) 20px 44px}
  /* phone order: who and when, Register, then her photo and the rest */
  .dg-grid{display:flex;flex-direction:column;align-items:stretch}
  .dg-text{display:contents}
  .dg-logos{order:1}.dg-hero .dg-kick{order:2}.dg-hero h1{order:3}.dg-name{order:4}.dg-tri{order:5}.dg-when{order:6}.dg-cta{order:7}
  .dg-art{order:8;width:100%;max-width:440px;margin:34px auto 0}
  .dg-role{order:9;margin-top:22px}.dg-lic{order:10}.dg-line{order:11}.dg-host{order:12}
  .dg-logos .f{height:84px}.dg-logos i{height:58px}.dg-logos .m{height:46px}
  .dg-hero .dg-kick{margin-top:16px;font-size:14px}
  .dg-hero h1{font-size:min(11.2vw,84px)}
  .dg-name{font-size:min(12vw,78px)}
  .dg-line{font-size:18px}.dg-role{font-size:18px}.dg-lic{font-size:12px;letter-spacing:.16em}
  .dg-tri{margin-block:16px}
  .dg-date b{font-size:18px}.dg-date span{font-size:36px}.dg-date strong{font-size:88px}
  .dg-time span{font-size:26px}.dg-time small{font-size:17px}
  .dg-cta{margin-top:20px}
  .dg-btn,.dg-copy{width:100%}
  .dg-host{font-size:17px}.dg-host b{font-size:12px}
  .dg-br.c{left:-9px;top:-9px}.dg-br.r{right:-9px;bottom:-9px}
  .dg-about-in{grid-template-columns:1fr}
  .dg-about .dg-frame{max-width:340px;width:100%;margin:0 auto}
}