/* DGS home page v2 (compact) — new hero stage + dense info sections.
   Reuses the live design tokens (ink #0a242d, mint #a9e6cc, gold #d8d5b5, ivory #eeeae0).
   Sizes inside .hx-stage are in em so the whole composition scales with one font-size. */

.studio-page .hx-hero{min-height:0;padding-top:36px;padding-bottom:40px;gap:20px;
  background:radial-gradient(ellipse at 78% 48%,#1f5a5244,transparent 60%),radial-gradient(ellipse at 8% 100%,#c9b48212,transparent 45%)}
.hx-hero h1{font-size:clamp(42px,4.9vw,68px);letter-spacing:-3.5px;margin-bottom:20px}
.hx-hero .dgs-lead{font-size:19px;margin-bottom:12px!important}
.hx-hero .dgs-description{max-width:430px;font-size:14.5px;line-height:1.7}
.hx-chips{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 0;padding:0;list-style:none}
.hx-chips li{font:10.5px/1 "Courier New",monospace;letter-spacing:.7px;text-transform:uppercase;color:#cfe3de;border:1px solid #a9e6cc40;border-radius:30px;padding:7px 11px;background:#ffffff08}
.hx-hero .dgs-hero-actions{margin:22px 0 12px}

/* ---------- hero stage ---------- */
.hx-stage{position:relative;isolation:isolate;font-size:clamp(9px,.95vw + 2.2px,13px);width:100%;max-width:42em;height:36em;margin:0 auto}
.hx-glow{position:absolute;z-index:-3;left:50%;top:46%;width:30em;height:30em;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,#83ead233 0,#83ead210 45%,transparent 70%)}
.hx-ring{position:absolute;z-index:-2;left:50%;top:46%;border:1px solid #a9e6cc26;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}
.hx-ring.r1{width:38em;height:24em}
.hx-ring.r2{width:29em;height:33em;border-style:dashed;border-color:#d8d5b52e;transform:translate(-50%,-50%) rotate(16deg)}
.hx-dots{position:absolute;z-index:-4;inset:0;background-image:radial-gradient(#a9e6cc22 1px,transparent 1.4px);background-size:1.6em 1.6em;
  -webkit-mask-image:radial-gradient(ellipse at 50% 46%,#000 0,transparent 68%);mask-image:radial-gradient(ellipse at 50% 46%,#000 0,transparent 68%)}

.hx-fan{position:absolute;margin:0;width:12.5em;aspect-ratio:1060/1484;border-radius:.8em;overflow:hidden;
  box-shadow:0 1.4em 2.6em #00000070,0 0 0 1px #ffffff22;z-index:-1}
.hx-fan img{display:block;width:100%;height:100%;object-fit:cover}
.hx-fan::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#0a242d66,transparent 55%)}
.hx-fan-l{left:0;top:7.5em;transform:rotate(-11deg);animation:hx-drift-l 9s ease-in-out infinite}
.hx-fan-r{right:0;top:4.5em;transform:rotate(10deg);animation:hx-drift-r 10s ease-in-out infinite}

.hx-slab{position:absolute;left:50%;top:1.6em;width:18.5em;transform:translateX(-50%) rotate(1.6deg);padding:1em;border-radius:1.2em;
  background:linear-gradient(150deg,#ffffff47 0,#ffffff12 28%,#ffffff0a 60%,#ffffff2b 100%);
  border:1px solid #ffffff6b;
  box-shadow:inset 0 0 0 .38em #ffffff0d,inset 0 0 1.8em #ffffff26,0 2.6em 4.5em #00000080,0 0 7em #83ead224;
  animation:hx-float 8s ease-in-out infinite}
.hx-slab::before{content:"";position:absolute;inset:.45em;border-radius:.85em;border:1px solid #ffffff2e;pointer-events:none}
.hx-slab::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(112deg,transparent 18%,#ffffff2e 28%,transparent 36%,transparent 66%,#ffffff1a 72%,transparent 80%)}
/* frosted clear plastic: the fanned cards blur through instead of a flat black fill */
.hx-slab-in{position:relative;border-radius:.7em;padding:.9em;
  background:
    repeating-linear-gradient(45deg,#ffffff0a 0 1px,transparent 1px 5px),
    repeating-linear-gradient(-45deg,#00000026 0 1px,transparent 1px 5px),
    linear-gradient(160deg,#10303a73,#07161b8c);
  -webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);
  box-shadow:inset 0 0 1.2em #00000066,inset 0 0 0 1px #ffffff2e,0 0 0 1px #ffffff1a}

.hx-label{display:grid;grid-template-columns:3.6em 1fr 4em;align-items:center;gap:.6em;height:5.2em;padding:.5em .65em;border-radius:.25em;color:#12373b;
  background:linear-gradient(#f6f9f2,#dfeae3);border:.14em solid #5f9a95;box-shadow:inset 0 0 0 .22em #f6f9f2,inset 0 0 0 .3em #7fb0aa}
.hx-label svg{display:block}
.hx-label-txt{font:700 .62em/1.4 Arial,Helvetica,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.hx-label-txt small{display:block;margin-top:.5em;font:600 .78em/1.2 "Courier New",monospace;letter-spacing:.14em;color:#4c7d78}
.hx-seal{width:4em;height:4em}
.hx-card{display:block;position:relative;margin:.8em 0 0;aspect-ratio:1060/1484;border-radius:.55em;overflow:hidden;box-shadow:0 0 0 1px #ffffff26,0 .6em 1.4em #000000aa}
.hx-card img{display:block;width:100%;height:100%;object-fit:cover}

.hx-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:.7em;padding:.65em .95em;border-radius:.45em;font:.78em/1.2 "Courier New",monospace;letter-spacing:.1em;text-transform:uppercase;color:#d9efe7;
  background:#0a242dd9;border:1px solid #a9e6cc4d;box-shadow:0 .8em 1.8em #00000066;backdrop-filter:blur(6px)}
.hx-chip b{display:block;font:700 1.45em/1 Georgia,serif;letter-spacing:0;text-transform:none;color:#d8d5b5}
.hx-chip i{width:.7em;height:.7em;border-radius:50%;background:#83ead2;box-shadow:0 0 0 .35em #83ead22e;flex:none}
.hx-chip.c1{left:-1%;bottom:5em;animation:hx-float 7s ease-in-out -2s infinite}
.hx-chip.c2{right:-1%;top:19em;animation:hx-float 9s ease-in-out -4s infinite}
.hx-chip.c3{left:2%;top:2.4em;animation:hx-float 8s ease-in-out -1s infinite}
.hx-note{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:10px;letter-spacing:.4px;color:#90aab4}

@keyframes hx-float{0%,100%{translate:0 0}50%{translate:0 -.7em}}
@keyframes hx-drift-l{0%,100%{translate:0 0}50%{translate:-.4em .6em}}
@keyframes hx-drift-r{0%,100%{translate:0 0}50%{translate:.4em -.6em}}
@media (prefers-reduced-motion:reduce){.hx-slab,.hx-fan,.hx-chip{animation:none}}

/* ---------- shared ---------- */
.hx-wrap{max-width:1380px;margin:0 auto;padding:46px 6%}
.hx-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:24px}
.hx-title .dgs-kicker{margin-bottom:12px!important}
.hx-title h2{font-size:clamp(28px,3vw,38px);line-height:1.08;letter-spacing:-1.6px;margin:0}
.hx-title h2 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;letter-spacing:-.8px}
.hx-title p{font-size:13.5px;line-height:1.65;max-width:430px}
.hx-link{font:11.5px "Courier New",monospace;letter-spacing:.8px;text-transform:uppercase;color:#a9e6cc;border-bottom:1px solid #a9e6cc55;padding-bottom:3px;align-self:flex-start;white-space:nowrap}
.hx-link:hover{border-color:#a9e6cc}

/* ---------- launch strip: price medallion, save-the-date ticket, turnaround ---------- */
.hx-facts{background:radial-gradient(ellipse at 50% 140%,#c9b4823a,transparent 62%),radial-gradient(ellipse at 15% 50%,#2a6a6030,transparent 55%),#102d33;border-top:1px solid #a9e6cc1c;border-bottom:1px solid #a9e6cc1c;overflow:hidden}
.hx-facts-in{max-width:1380px;margin:0 auto;padding:34px 6% 30px;display:grid;grid-template-columns:1fr 1.25fr .9fr;align-items:center;gap:30px}
.hx-price{display:flex;align-items:center;gap:20px}
.hx-burst{position:relative;flex:none;width:214px;height:214px;transform:rotate(-6deg);filter:drop-shadow(0 16px 22px #000000a0) drop-shadow(0 0 30px #e2cd8640);transition:transform .4s}
.hx-burst:hover{transform:rotate(0) scale(1.05)}
.hx-burst svg{display:block;width:100%;height:100%;overflow:visible}
.hx-sheen{animation:hx-sweep 4.8s ease-in-out infinite}
@keyframes hx-sweep{0%,45%{transform:translateX(0)}100%{transform:translateX(380px)}}
.hx-fine{font-size:11.5px;line-height:1.65;color:#a9bfc4;max-width:190px}
.hx-fine b{color:#e6dcae;font-weight:600}
.hx-launch{position:relative;text-align:center;padding:34px 26px 24px;border-radius:8px;
  background:radial-gradient(ellipse at 50% 0,#d8c88f2e,transparent 70%),linear-gradient(180deg,#17434a,#0e2c33);
  border:1px solid #d8c88f99;box-shadow:0 0 0 6px #d8c88f10,0 20px 44px #00000066,inset 0 0 50px #d8c88f14;
  -webkit-mask:radial-gradient(circle 10px at 0 62%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 10px at 100% 62%,#0000 98%,#000) right/51% 100% no-repeat;
  mask:radial-gradient(circle 10px at 0 62%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 10px at 100% 62%,#0000 98%,#000) right/51% 100% no-repeat}
.hx-ribbon{position:absolute;top:10px;left:50%;transform:translateX(-50%);padding:6px 24px;background:linear-gradient(#f6ebbd,#c9b06a);color:#173d3a;font:700 10.5px/1 "Courier New",monospace;letter-spacing:3px;text-transform:uppercase;white-space:nowrap;
  clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%,9px 50%);box-shadow:0 4px 10px #0006}
.hx-launch strong{position:relative;display:inline-block;margin:6px 0 8px;font:italic 700 clamp(46px,4.8vw,68px)/1 Georgia,"Times New Roman",serif;letter-spacing:-2px;
  background:linear-gradient(100deg,#fff6cf 0%,#e6c978 35%,#fff6cf 55%,#d8c88f 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 4px 16px #e6c97855);animation:hx-shimmer 6s ease-in-out infinite}
.hx-launch strong::before,.hx-launch strong::after{content:"✦";position:absolute;top:50%;font-size:16px;font-style:normal;-webkit-text-fill-color:#d8c88f;color:#d8c88f;transform:translateY(-50%)}
.hx-launch strong::before{right:100%;margin-right:14px}.hx-launch strong::after{left:100%;margin-left:14px}
@keyframes hx-shimmer{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.hx-launch-n{display:block;font-size:13.5px;line-height:1.5;color:#d3e4df;max-width:300px;margin:0 auto}
.hx-launch-go{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:9px 18px;border-radius:30px;border:1px solid #d8c88f88;color:#f3e9bd!important;font:700 11.5px/1 Arial,Helvetica,sans-serif;letter-spacing:.3px;transition:background .25s,color .25s}
.hx-launch-go:hover{background:#d8c88f;color:#173d3a!important}
.hx-turn{padding-left:28px;border-left:1px solid #ffffff17}
.hx-turn-k{display:block;font:10.5px "Courier New",monospace;letter-spacing:2px;color:#a9e6cc}
.hx-turn strong{display:block;margin:6px 0 4px;font:italic 600 36px/1.1 Georgia,serif;color:#d8d5b5;letter-spacing:-.8px}
.hx-turn-n{display:block;font-size:12px;color:#a9bfc4}
@media (prefers-reduced-motion:reduce){.hx-sheen,.hx-launch strong{animation:none}}

/* ---------- three steps ---------- */
.hx-steps{background:#0a242d}
.hx-steps .hx-title p{color:#b5c9cb}
.hx-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hx-step{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:6px;align-items:start;padding:20px 22px;border:1px solid #d8d5b538;border-radius:4px;background:linear-gradient(160deg,#ffffff0b,#ffffff02);transition:transform .25s,border-color .25s}
.hx-step:hover{transform:translateY(-3px);border-color:#a9e6cc88}
.hx-step-num{grid-row:1/3;font:italic 40px/1 Georgia,serif;color:#d8d5b5}
.hx-step h3{font-size:19px;letter-spacing:-.5px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px}
.hx-step h3 svg{width:30px;height:30px;stroke:#a9e6cc;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hx-step p{font-size:13.5px;line-height:1.65;color:#b9cdcf}
.hx-step a{grid-column:2;margin-top:6px;font:11px "Courier New",monospace;letter-spacing:.8px;text-transform:uppercase;color:#a9e6cc;justify-self:start;border-bottom:1px solid #a9e6cc55;padding-bottom:2px}
.hx-step a:hover{border-color:#a9e6cc}
.hx-note-line{margin-top:14px;font-size:11.5px;color:#8fa9b2;letter-spacing:.3px}

/* ---------- showcase: what the system sees (compact) ---------- */
.hx-show{background:#163934}
.hx-show .hx-wrap{padding:34px 6% 28px}
.hx-show .hx-title{margin-bottom:18px}
.hx-show .hx-title h2{font-size:clamp(26px,2.6vw,34px)}
.hx-show .hx-title p{color:#c0d3cf;font-size:13px;max-width:400px}
.hx-show-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hx-show-item{display:flex;flex-direction:column;gap:12px;padding:10px 10px 16px;border:1px solid #a9e6cc22;border-radius:5px;background:#ffffff06}
.hx-frame{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:2/1;border-radius:3px;border:1px solid #a9e6cc2e;background:#0b2227}
.hx-frame::before{content:"";position:absolute;inset:-12%;z-index:-1;background:var(--art) center/cover;filter:blur(18px) saturate(1.2) brightness(.5)}
.hx-frame>img{position:absolute;left:50%;top:6%;height:88%;width:auto;aspect-ratio:1060/1484;border-radius:4%;box-shadow:0 10px 22px #00000080,0 0 0 1px #ffffff26;transform:translateX(-50%)}
.hx-guide-v,.hx-guide-h{position:absolute;pointer-events:none;border:0 dashed #a9e6cc99}
.hx-guide-v{left:50%;top:4%;bottom:4%;border-left-width:1px}
.hx-guide-h{top:50%;left:30%;right:30%;border-top-width:1px}
.hx-tag{position:absolute;display:flex;flex-direction:column;gap:3px;font:9.5px/1.15 "Courier New",monospace;letter-spacing:.8px;text-transform:uppercase;color:#d9efe7;background:#0a242de6;border:1px solid #a9e6cc55;border-radius:3px;padding:6px 9px}
.hx-tag b{font:italic 700 15px/1 Georgia,serif;letter-spacing:0;text-transform:none;color:#d8d5b5}
.hx-tag i,.hx-pin{font:700 10px/1 Arial,sans-serif;font-style:normal;color:#0a242d;background:#a9e6cc;border-radius:50%;display:inline-grid;place-items:center;width:16px;height:16px;letter-spacing:0}
.hx-tag:has(>i){flex-direction:row;align-items:center;gap:7px}
.hx-tag.t-l{left:10px;top:24%}
.hx-tag.t-r{right:10px;top:24%;text-align:right}
.hx-tag.t-r2{right:10px;top:20%}
.hx-tag.t-r3{right:10px;top:54%}
.hx-pin{position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #a9e6cc33,0 2px 6px #0008}
.hx-pin.p1{left:36%;top:15%}.hx-pin.p2{left:65.5%;top:46%}.hx-pin.p3{left:50%;top:70%}
.hx-mini{position:absolute;left:50%;top:50%;width:56%;transform:translate(-50%,-50%) rotate(-2deg);background:#f8f5ea;color:#173d3a;border-radius:3px;padding:10px 13px;box-shadow:0 12px 24px #00000070}
.hx-mini-h{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #173d3a;padding-bottom:5px;margin-bottom:6px}
.hx-mini-h b{font:800 16px Arial,sans-serif;letter-spacing:-1px}.hx-mini-h span{font:7.5px/1.3 "Courier New",monospace;letter-spacing:.8px;text-align:right}
.hx-mini-g{display:flex;align-items:baseline;gap:8px}
.hx-mini-g strong{font:italic 700 32px/1 Georgia,serif;color:#397464}.hx-mini-g span{font:8.5px/1.3 "Courier New",monospace;letter-spacing:.6px;color:#5c7a6e}
.hx-mini ul{list-style:none;margin:6px 0 0;padding:0}
.hx-mini li{font-size:10.5px;padding:3px 0;border-top:1px dashed #173d3a33;display:flex;justify-content:space-between}
.hx-mini li i{font-style:normal;color:#397464;font-weight:700}
.hx-show-copy{display:flex;flex-direction:column;gap:6px;padding:0 6px}
.hx-step-tag{font:10.5px "Courier New",monospace;letter-spacing:1.2px;text-transform:uppercase;color:#a9e6cc}
.hx-show-copy h3{font:italic 600 20px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.3px;margin:0;color:#f2f7f6}
.hx-show-copy p{font-size:13px;line-height:1.65;color:#c0d3cf}
.hx-show-foot{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:8px 24px;flex-wrap:wrap;font-size:11.5px;color:#9fb9b3;letter-spacing:.3px}

/* ---------- pricing & protections ---------- */
.hx-pricing{background:#e7e3d0;color:#173d3a}
.hx-pricing .dgs-kicker{color:#507566}
.studio-page .hx-pricing .hx-title h2{color:#173d3a}
.studio-page .hx-pricing .hx-title h2 em{color:#397464}
.hx-pricing .hx-title p{color:#476a5f}
.hx-price-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:stretch}
.hx-sheet{background:#f8f5ea;border:1px solid #c9b48280;border-radius:3px;padding:20px 26px 16px;box-shadow:0 18px 40px #4a463016}
.hx-sheet-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #173d3a;padding-bottom:9px;margin-bottom:2px}
.hx-sheet-top b{font:700 11.5px "Courier New",monospace;letter-spacing:1.5px;text-transform:uppercase}
.hx-sheet-top span{font:10.5px "Courier New",monospace;letter-spacing:1px;color:#6b8a7e;text-transform:uppercase}
.hx-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;border-bottom:1px dashed #173d3a30;font-size:13px}
.hx-row span{color:#476a5f}
.hx-row strong{font:italic 700 16px Georgia,serif;color:#173d3a;white-space:nowrap}
.hx-row.main{padding:10px 0}
.hx-row.main span{font-weight:700;color:#173d3a;font-size:14.5px}
.hx-row.main strong{font-size:30px;color:#397464;letter-spacing:-.8px}
.hx-sheet-foot{margin-top:10px;font-size:11.5px;line-height:1.55;color:#5c7a6e}
.hx-sheet-foot b{color:#173d3a}
.hx-protect{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}
.hx-protect article{background:#173d3a;color:#e5ecdb;border-radius:3px;padding:14px 18px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:start}
.hx-protect article:nth-child(2n){background:#1f4b44}
.hx-protect i{grid-row:1/3;font:italic 26px/1 Georgia,serif;color:#d8d5b5}
.hx-protect h3{font-size:15.5px;letter-spacing:-.3px;margin:0 0 3px}
.hx-protect p{font-size:12.5px;line-height:1.55;color:#c3d5d0}
.hx-pricing-links{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:16px}
.hx-pricing-links .dgs-button{background:#173d3a;color:#e5ecdb!important;padding:11px 18px;font-size:12px;gap:22px}
.hx-pricing-links .dgs-button:hover{background:#255a52}
.hx-pricing-links a:not(.dgs-button){font-size:12.5px;color:#173d3a;text-decoration:underline;text-underline-offset:5px}

/* ---------- FAQ + updates + contact ---------- */
.hx-faq{background:#1c403b}
.hx-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start}
.hx-faq h2{font-size:clamp(28px,3vw,38px);line-height:1.08;letter-spacing:-1.6px;margin:0 0 18px}
.hx-faq h2 em{font-family:Georgia,serif;font-style:italic}
.hx-cta{border-top:1px solid #ffffff1c;padding:16px 0}
.hx-cta p{font-size:13px;line-height:1.6;color:#bcd0cc;margin-bottom:10px}
.hx-cta b{display:block;font-size:15px;color:#f2f7f6;margin-bottom:4px}
.hx-cta .dgs-button{padding:10px 16px;font-size:12px;gap:22px}
.hx-cta small{display:block;margin-top:8px;font-size:11px;color:#8fa9b2}
.hx-qa details{border-bottom:1px solid #ffffff20}
.hx-qa details:first-child{border-top:1px solid #ffffff20}
.hx-qa summary{display:flex;justify-content:space-between;gap:16px;align-items:center;list-style:none;cursor:pointer;padding:13px 0;font-size:15px;color:#f2f7f6}
.hx-qa summary::-webkit-details-marker{display:none}
.hx-qa summary span{color:#a9e6cc;font-size:20px;line-height:1;transition:transform .2s}
.hx-qa details[open] summary span{transform:rotate(45deg)}
.hx-qa details p{padding:0 30px 14px 0;font-size:13.5px;line-height:1.7;color:#bcd0cc}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .hx-step-grid{grid-template-columns:minmax(0,1fr)}
  .hx-price-grid,.hx-faq-grid{grid-template-columns:1fr}
  .hx-protect{grid-template-rows:none}
  .hx-facts-in{grid-template-columns:1fr 1fr}
  .hx-facts-in>div:nth-child(3){border-left:0;padding-left:0}
  .studio-page .hx-hero{padding-top:28px}
}
@media (max-width:1000px){
  .hx-frame{aspect-ratio:3/2}
  .hx-tag{padding:4px 7px}.hx-tag b{font-size:13px}.hx-tag span{display:none}
  .hx-tag.t-l,.hx-tag.t-r{top:12px}
  .hx-tag:has(>i){display:none}
  .hx-guide-h{display:none}
  .hx-mini{width:70%}.hx-mini-h span{display:none}
}
@media (max-width:720px){
  .hx-show-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .hx-show-item{display:grid;grid-template-columns:40% 1fr;column-gap:12px;align-items:center;padding:8px}
  .hx-frame{aspect-ratio:1/1}
  .hx-tag,.hx-guide-v,.hx-guide-h{display:none}
  .hx-mini{width:88%;padding:8px 9px}.hx-mini-g strong{font-size:26px}.hx-mini-g span{display:none}.hx-mini li:nth-child(3){display:none}
  .hx-show-copy h3{font-size:17px}
}
@media (max-width:560px){
  .hx-wrap{padding:36px 6%}
  .hx-stage{height:34em}
  .hx-chip.c3{display:none}
  .hx-chip.c1{left:0}.hx-chip.c2{right:0}
  .hx-sheet{padding:16px 16px 12px}
  .hx-facts strong{font-size:25px}
}

/* ---------- collector confidence seal (FAQ left column) ---------- */
.hx-promise{display:flex;align-items:center;gap:20px;margin-top:34px;padding-top:26px;border-top:1px solid #ffffff1f}
.hx-seal2{flex:none;width:124px;height:124px;filter:drop-shadow(0 8px 16px #0006);transition:transform .4s}
.hx-promise:hover .hx-seal2{transform:rotate(8deg)}
.hx-promise-k{font:10.5px "Courier New",monospace;letter-spacing:2px;color:#a9e6cc;margin-bottom:10px!important}
.hx-promise ul{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:7px}
.hx-promise li{display:flex;gap:9px;font-size:13px;line-height:1.45;color:#d3e2de}
.hx-promise li::before{content:"✓";color:#d8d5b5;font-weight:700}
.hx-promise-link{font:11px "Courier New",monospace;letter-spacing:.8px;text-transform:uppercase;color:#a9e6cc!important;border-bottom:1px solid #a9e6cc55;padding-bottom:2px}
.hx-promise-link:hover{border-color:#a9e6cc}

/* ---------- updates banner in the paper style of the pricing area ---------- */
.hx-cta-band{background:#e7e3d0;padding:44px 6%}
.hx-cta-card{position:relative;overflow:hidden;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;padding:30px 40px;background:#f8f5ea;border:1px solid #c9b48280;border-radius:3px;box-shadow:0 18px 40px #4a463016}
.hx-cta-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#c9b482,#ad8e4b)}
.hx-cta-star{position:absolute;right:-18px;top:-30px;font-size:150px;line-height:1;color:#c9b4822e;pointer-events:none}
.studio-page .hx-cta-card .dgs-kicker{color:#507566;margin-bottom:12px!important}
.studio-page .hx-cta-card h2{font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-1.6px;color:#173d3a;margin:0}
.studio-page .hx-cta-card h2 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:#397464;letter-spacing:-.8px}
.hx-cta-act{position:relative;z-index:1}
.hx-cta-act p{font-size:14px;line-height:1.65;color:#476a5f;margin-bottom:14px}
.hx-cta-act .dgs-button{background:#173d3a;color:#e5ecdb!important;padding:12px 20px;font-size:12.5px;gap:26px}
.hx-cta-act .dgs-button:hover{background:#255a52}
@media (max-width:1000px){
  .hx-facts-in{grid-template-columns:1fr 1fr;justify-items:center;align-items:center;gap:18px 24px;padding:24px 6%}
  .hx-launch{order:-1;grid-column:1/-1;width:100%;max-width:520px}.hx-launch::before,.hx-launch::after{display:none}
  .hx-turn{text-align:center}
  .hx-price{justify-content:center}.hx-fine{text-align:left}
  .hx-turn{border-left:0;padding-left:0}
  .hx-cta-card{grid-template-columns:1fr;padding:26px 24px 26px 28px;gap:16px}
}
@media (max-width:640px){
  .hx-facts-in{grid-template-columns:1fr}
}
@media (max-width:560px){
  .hx-burst{width:150px;height:150px}.hx-burst-t b{font-size:32px}
  .hx-promise{flex-direction:column;align-items:flex-start}
  .hx-cta-band{padding:30px 5%}
}

/* ---------- hero text: badge, headline, support panel ---------- */
.hx-badge{display:inline-flex;align-items:center;gap:12px;margin:0 0 22px;padding:6px 6px 6px 14px;border-radius:40px;position:relative;overflow:hidden;
  background:linear-gradient(100deg,#a9e6cc2e,#d8c88f24 70%,#a9e6cc10);border:1px solid #a9e6cc77;color:#eaf6f1!important;
  box-shadow:0 0 0 4px #a9e6cc12,0 10px 26px #00000055;transition:transform .25s,box-shadow .25s,border-color .25s}
.hx-badge:hover{transform:translateY(-2px);border-color:#a9e6ccbb;box-shadow:0 0 0 5px #a9e6cc1e,0 14px 30px #00000066}
.hx-badge::after{content:"";position:absolute;top:0;bottom:0;width:60px;left:-80px;background:linear-gradient(100deg,transparent,#ffffff30,transparent);transform:skewX(-20deg);animation:hx-shine 5.5s ease-in-out infinite}
.hx-badge-dot{width:8px;height:8px;border-radius:50%;background:#83ead2;box-shadow:0 0 0 0 #83ead288;animation:hx-pulse 2.2s ease-out infinite;flex:none}
.hx-badge-txt{font:700 10px/1.2 "Courier New",monospace;letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap}
.hx-badge-go{display:inline-flex;gap:6px;align-items:center;padding:8px 14px;border-radius:30px;background:linear-gradient(135deg,#d9f4e8,#a9e6cc);color:#0c3a36;font:700 11.5px/1 Arial,Helvetica,sans-serif;letter-spacing:.2px;white-space:nowrap}
@keyframes hx-pulse{0%{box-shadow:0 0 0 0 #83ead299}70%,100%{box-shadow:0 0 0 9px #83ead200}}
@keyframes hx-shine{0%,60%{left:-80px}100%{left:120%}}

.studio-page .hx-hero h1{font-size:clamp(46px,5.3vw,76px);line-height:1;letter-spacing:-3.6px;margin:0 0 24px;text-shadow:0 6px 30px #00000040}
.hx-h1-a{font-weight:800;color:#fff}
.hx-h1-b{font-weight:600;color:#e7f1ee}
.studio-page .hx-hero h1 .hx-h1-em{position:relative;display:inline-block;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:600;letter-spacing:-2.6px;padding-right:.04em;color:#a9e6cc}
.hx-h1-em>span{background:linear-gradient(95deg,#a9e6cc 10%,#e6dcae 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hx-swash{position:absolute;left:1%;right:0;bottom:-.1em;width:98%;height:.2em;overflow:visible}
.hx-swash path{stroke-dasharray:320;stroke-dashoffset:320;animation:hx-draw 1.1s .5s cubic-bezier(.6,.1,.2,1) forwards}
@keyframes hx-draw{to{stroke-dashoffset:0}}

.studio-page .hx-hero .dgs-lead{font:italic 400 clamp(18px,1.7vw,23px)/1.4 Georgia,"Times New Roman",serif;color:#e6dcae;margin:0 0 12px!important;padding-left:14px;border-left:3px solid #c9b482}
.hx-hero .dgs-description{margin-top:0}

.hx-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 0;border:1px solid #a9e6cc30;border-radius:6px;background:linear-gradient(180deg,#ffffff0d,#ffffff04);overflow:hidden;max-width:560px}
.hx-info>div{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 11px 11px;border-left:1px solid #a9e6cc1f}
.hx-info>div:first-child{border-left:0}
.hx-info svg{width:22px;height:22px;margin-bottom:5px;fill:none;stroke:#a9e6cc;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hx-info .k{font:700 9.5px/1.2 "Courier New",monospace;letter-spacing:1.6px;text-transform:uppercase;color:#d8c88f}
.hx-info b{font-size:13.5px;line-height:1.25;color:#f2f7f6;letter-spacing:-.1px}
.hx-info small{font-size:11px;line-height:1.4;color:#9fb9b9}
@media (prefers-reduced-motion:reduce){.hx-badge::after,.hx-badge-dot{animation:none}.hx-swash path{animation:none;stroke-dashoffset:0}}
@media (max-width:560px){
  .hx-badge{flex-wrap:wrap;border-radius:18px;padding:8px 8px 8px 14px;gap:8px 12px}
  .hx-info{grid-template-columns:1fr}
  .hx-info>div{flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px 10px;border-left:0;border-top:1px solid #a9e6cc1f;padding:10px 14px}
  .hx-info>div:first-child{border-top:0}
  .hx-info svg{margin:0;flex:none}
  .hx-info .k{flex:1 0 60%}
  .hx-info b,.hx-info small{flex:1 0 100%;padding-left:32px}
  .hx-info b{margin-top:-8px}
}

/* ---------- hero slab label + QR/grade placement on the real label artwork ---------- */
.hx-label{position:relative;display:block;height:auto;aspect-ratio:10/3;padding:0;gap:0;border:0;border-radius:.2em;box-shadow:0 0 0 1px #00000026;
  background:#f4fafa url(../img/label-bg.webp) center/100% 100% no-repeat;color:#0d4f5c}
.hx-lq{position:absolute;left:13.4%;top:47.7%;height:41%;width:auto;aspect-ratio:1;transform:translate(-50%,-50%)}
.hx-label-txt{position:absolute;left:28%;top:50%;transform:translateY(-50%);font:700 .56em/1.45 Arial,Helvetica,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#0d4f5c}
.hx-label-txt small{display:block;margin-top:.45em;font:700 .8em/1.2 "Courier New",monospace;letter-spacing:.18em;color:#3b8793}
.hx-lgrade{position:absolute;left:85.5%;top:49.8%;transform:translate(-50%,-50%);display:grid;place-items:center;width:17%;height:51%}
.hx-lgrade span{font:800 1.9em/1 Arial,Helvetica,sans-serif;color:#0b2f38;letter-spacing:-.04em}

/* ---------- compact intro (replaces the big collage) ---------- */
.hx-intro{position:relative;background:#eeeae0;color:#123a39;overflow:hidden}
.hx-intro::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#57756922 .7px,transparent .7px);background-size:7px 7px;opacity:.3;pointer-events:none}
.hx-intro .hx-wrap{position:relative;padding-top:34px;padding-bottom:34px}
.hx-intro-grid{display:grid;grid-template-columns:1.5fr .55fr;gap:50px;align-items:center}
.studio-page .hx-intro .dgs-kicker{color:#507566;margin-bottom:12px!important}
.studio-page .hx-intro h2{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-1.8px;color:#173d3a;margin:0 0 14px}
.studio-page .hx-intro h2 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:#397464;letter-spacing:-.9px}
.hx-stand{font:italic 18px/1.45 Georgia,serif;color:#416a5b;margin-bottom:10px!important}
.hx-body{font-size:13.5px;line-height:1.75;color:#507566;max-width:560px}
.hx-intro-foot{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;margin-top:16px}
.hx-intro .studio-underlink{font-size:12px;margin:0}
.hx-edition{font:9px "Courier New",monospace;letter-spacing:1.4px;color:#6b8a7e}
.hx-intro-card{margin:0;justify-self:center;text-align:center}
.hx-mat{display:block;width:150px;padding:6px;background:#f8f5ea;border:1px solid #c9b48299;border-radius:4px;box-shadow:0 14px 28px #3a3a2a30;transform:rotate(3deg);transition:transform .35s}
.hx-mat:hover{transform:rotate(0)}
.hx-mat img{display:block;width:100%;height:auto;border-radius:3%}
.hx-intro-card figcaption{margin-top:12px;font:8px "Courier New",monospace;letter-spacing:1.2px;color:#6b8a7e}

/* ---------- compact method section (keeps the existing buttons and script) ---------- */
.studio-page .hx-method{padding:26px 6%;margin:0}
.hx-method .studio-section-top{margin-bottom:10px}
.hx-method .studio-method-grid{grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.studio-page .hx-method h2{font-size:clamp(26px,2.8vw,36px);line-height:1.1;letter-spacing:-1.6px;margin:0 0 8px}
.hx-method .studio-body{font-size:13px;margin:0}
.hx-method .studio-method-controls{margin:12px 0 10px}
.hx-method .studio-method-controls button{padding:10px 0;min-height:0}
.hx-method .studio-method-copy h3{font-size:18px;margin:0 0 6px}
.hx-method .studio-method-copy p{min-height:0;font-size:13px;line-height:1.65}
.hx-method .studio-instrument{padding:12px 16px 12px;max-width:290px;width:100%;justify-self:end}
.hx-method .studio-specimen{width:104px;margin:14px auto 12px}
.hx-method .studio-instrument figcaption{margin-top:8px;padding-top:8px}
.hx-method .studio-disclaimer{margin-top:12px!important}
.hx-method .studio-guide-v,.hx-method .studio-guide-h{display:none}
.hx-method .studio-corner{transform:scale(.8)}

/* ---------- report as an engraved certificate ---------- */
.studio-report-grid{padding-top:56px!important;padding-bottom:56px!important;gap:70px!important}
.hx-cert{container-type:inline-size;position:relative;display:block;max-width:470px;margin:0 auto;color:#0d4f5c!important;background:#f5fafa;border:3px double #0d5565;border-radius:3px;overflow:hidden;
  box-shadow:12px 24px 36px #001a2470,0 0 0 6px #f5fafa22;transform:rotate(-3deg);transition:transform .35s}
.hx-cert:hover{transform:rotate(-1deg)}
.hx-band{position:relative;aspect-ratio:10/3;background:#f4fafa url(../img/label-bg.webp) center/100% 100% no-repeat}
.hx-band-t{position:absolute;left:28%;right:25%;top:50%;transform:translateY(-50%);text-align:center}
.hx-band-t b{display:block;font:700 max(9px,4.2cqw)/1.15 Georgia,serif;letter-spacing:.16em;text-transform:uppercase;color:#0d5565}
.hx-band-t span{display:block;margin-top:.5em;font:700 max(6px,2.1cqw)/1 "Courier New",monospace;letter-spacing:.2em;text-transform:uppercase;color:#4b97a3}
.hx-lg-sm span{font-size:max(15px,8cqw);font-family:Georgia,serif;font-style:italic;font-weight:800;letter-spacing:-.03em;color:#0b2f38}
.hx-cert-body{position:relative;padding:12px 24px 12px;
  background:radial-gradient(ellipse at 50% 40%,#ffffffcc,transparent 70%),repeating-linear-gradient(135deg,#0d556512 0 1px,transparent 1px 5px),repeating-linear-gradient(45deg,#0d556510 0 1px,transparent 1px 5px),#f2f9f9}
.hx-cert-body::before,.hx-cert-body::after{content:"";position:absolute;inset:8px;border:1px solid #0d556555;pointer-events:none}
.hx-cert-body::after{inset:12px;border-color:#0d556530}
.hx-micro{position:relative;height:13px;margin:0 -24px 12px;display:grid;place-items:center;
  background:repeating-linear-gradient(45deg,#0d556566 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,#0d556566 0 1px,transparent 1px 5px)}
.hx-micro span{padding:0 10px;background:#f5fafa;font:700 6.5px/12px Arial,Helvetica,sans-serif;letter-spacing:.5px;color:#0d5565}
.hx-micro-rev{margin:12px -24px 0}
.hx-micro-rev span{background:#0d5565;color:#f5fafa;font-size:7px}
.hx-cert-k{position:relative;text-align:center;font:700 max(7px,2.2cqw)/1.4 "Courier New",monospace;letter-spacing:.14em;color:#3f8794;margin:2px 0 8px!important}
.hx-cert-list{position:relative;list-style:none;margin:0;padding:0 8px}
.hx-cert-list li{display:flex;align-items:baseline;gap:8px;padding:6px 0;font:600 max(11px,3.7cqw)/1.3 Georgia,serif;color:#0d4f5c}
.hx-cert-list i{font:700 10px "Courier New",monospace;font-style:normal;color:#4b97a3;letter-spacing:.1em}
.hx-cert-list em{flex:1;border-bottom:1.5px dotted #0d556566;transform:translateY(-3px)}
.hx-cert-list b{font:700 13px Arial;color:#0d5565}
.hx-cert-note{position:relative;margin:8px 0 6px!important;text-align:left;padding-left:8px;max-width:58%;font:italic max(12px,3.4cqw)/1.3 Georgia,serif;color:#0d5565}
.hx-stamp{position:absolute;right:5cqw;bottom:34px;padding:.5em .9em;border:2px solid #b4443f;border-radius:4px;color:#b4443f;font:800 max(8px,2.5cqw)/1.25 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-align:center;transform:rotate(-11deg);opacity:.82;background:#f5fafa99}

/* ---------- FAQ seal: the real DGS seal on a cream stamp ---------- */
.hx-seal3{position:relative;flex:none;width:132px;height:132px;filter:drop-shadow(0 12px 18px #0008);transition:transform .45s}
.hx-promise:hover .hx-seal3{transform:rotate(10deg)}
.hx-rosette{position:absolute;inset:0;width:100%;height:100%}
.hx-seal3 img{position:absolute;left:15.5%;top:15.5%;width:69%;height:69%;border-radius:50%;box-shadow:0 0 0 2px #0f2e35,0 0 0 3px #f1e3a8,inset 0 0 0 1px #fff}
.hx-check{position:absolute;left:50%;top:50%;width:22%;height:22%;transform:translate(-50%,-50%)}

@media (max-width:1000px){
  .hx-price{justify-content:center}
}
@media (max-width:720px){
  .hx-method .studio-method-grid{grid-template-columns:1fr;gap:24px}
  .hx-method .studio-instrument{justify-self:center}
  .hx-intro-grid{grid-template-columns:1fr;gap:18px}
  .hx-mat{width:120px}.hx-intro-card{justify-self:start;display:flex;align-items:center;gap:14px;text-align:left}.hx-intro-card figcaption{margin:0}
}
@media (max-width:560px){
  .hx-burst{width:180px;height:180px}
  .hx-launch{padding:34px 16px 22px}
  .hx-cert{max-width:100%}
  .hx-stamp{right:12px;bottom:36px;font-size:9.5px}
}

/* clean vector seal (FAQ + closing cards) */
.hx-seal4{position:relative;flex:none;display:block;width:132px;height:132px;filter:drop-shadow(0 10px 16px #0008);transition:transform .45s}
.hx-promise:hover .hx-seal4{transform:rotate(8deg)}
.hx-seal4 img{display:block;width:100%;height:100%}
.hx-seal4 .hx-check{position:absolute;left:50%;top:50%;width:24%;height:24%;transform:translate(-50%,-50%)}

/* ---------- "A sharper eye" — large interactive observation stage ---------- */
.studio-page .hx-method{padding:40px 6% 38px}
.hx-method .studio-method-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important;gap:56px!important;align-items:center!important}
.hx-method .studio-instrument.hx-lens{position:relative;max-width:580px!important;width:100%;justify-self:end;padding:0!important;overflow:hidden;
  border:1px solid #d8c88f55!important;border-radius:8px!important;background:radial-gradient(ellipse at 50% 40%,#2d6359,#0b2229 78%)!important;box-shadow:0 0 0 5px #d8c88f0d,0 30px 64px #00000080!important}
.hx-lens-bar,.hx-lens-foot{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;font:700 9.5px "Courier New",monospace;letter-spacing:1.4px;color:#a9e6cc;text-transform:uppercase}
.hx-lens-bar{border-bottom:1px solid #ffffff14}.hx-lens-foot{border-top:1px solid #ffffff14}
.hx-lens-bar .studio-status{color:#e6dcae}
.hx-lens .hx-lens-cap{margin:0;padding:0 20px 14px;font-size:11px;color:#8fb0aa;border:0}
.hx-lens-stage{position:relative;font-size:clamp(9px,1.02vw,14px);height:30em;display:grid;place-items:center;
  background-image:linear-gradient(#a9e6cc10 1px,transparent 1px),linear-gradient(90deg,#a9e6cc10 1px,transparent 1px);background-size:2.2em 2.2em;
  -webkit-mask-image:none}
.hx-lens-card{position:relative;width:15.5em;aspect-ratio:1060/1484;transform:rotate(-3deg);transition:transform .6s cubic-bezier(.3,.7,.2,1)}
.hx-lens[data-mode=analysis] .hx-lens-card{transform:rotate(0)}
.hx-lens[data-mode=human] .hx-lens-card{transform:rotate(2.5deg)}
.hx-lens-card>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4%;box-shadow:0 1.4em 2.8em #000b,0 0 4.5em #d8c88f26,0 0 0 1px #ffffff2e}
.hx-bk{position:absolute;width:1.5em;height:1.5em;border:0 solid #e6dcae}
.hx-bk.a{left:-1.4em;top:-1.4em;border-width:.16em 0 0 .16em}.hx-bk.b{right:-1.4em;top:-1.4em;border-width:.16em .16em 0 0}
.hx-bk.c{left:-1.4em;bottom:-1.4em;border-width:0 0 .16em .16em}.hx-bk.d{right:-1.4em;bottom:-1.4em;border-width:0 .16em .16em 0}
.hx-o{position:absolute;opacity:0;pointer-events:none;transition:opacity .45s}
.hx-lens[data-mode=preview] .o-preview,.hx-lens[data-mode=analysis] .o-analysis,.hx-lens[data-mode=human] .o-human{opacity:1}
.hx-guide-v,.hx-guide-h{border:0 dashed #a9e6ccb0}
.hx-guide-v{left:50%;top:-1.2em;bottom:-1.2em;border-left-width:1px}
.hx-guide-h{top:50%;left:-1.2em;right:-1.2em;border-top-width:1px}
.hx-lt{position:absolute;display:flex;flex-direction:column;gap:.3em;padding:.6em .9em;border-radius:.4em;white-space:nowrap;background:#0a242deb;border:1px solid #a9e6cc66;box-shadow:0 .6em 1.4em #0007;
  font:700 .68em/1.2 "Courier New",monospace;letter-spacing:.1em;text-transform:uppercase;color:#d9efe7}
.hx-lt b{font:italic 700 1.9em/1 Georgia,serif;letter-spacing:0;text-transform:none;color:#e6dcae}
.hx-lt.row{flex-direction:row;align-items:center;gap:.7em}
.hx-lt i,.hx-pin2{display:inline-grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;font:800 .95em/1 Arial;font-style:normal;letter-spacing:0;color:#173d3a;background:radial-gradient(circle at 34% 28%,#fff6cf,#d8c88f 60%,#b99e5b);border:2px solid #8a6f35}
.m-l{right:104%;top:24%}.m-r{left:104%;top:24%}
.a-1{right:104%;top:2%}.a-2{left:104%;top:40%}.a-3{right:104%;top:66%}
.hx-pin2{position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 .4em #d8c88f33,0 .3em .8em #000a}
.hx-pin2.p1{left:6%;top:5%}.hx-pin2.p2{left:99%;top:45%}.hx-pin2.p3{left:52%;top:71%}
.hx-scan{left:-1em;right:-1em;top:0;height:.18em;background:linear-gradient(90deg,transparent,#a9e6cc 30%,#fff 50%,#a9e6cc 70%,transparent);box-shadow:0 0 1.4em #a9e6cc,0 0 .4em #fff;animation:hx-scan 3.4s ease-in-out infinite}
@keyframes hx-scan{0%{top:2%}50%{top:98%}100%{top:2%}}
.hx-loupe{left:-3.6em;bottom:-2.4em;width:9em;height:9em;border-radius:50%;border:.38em solid #e6dcae;box-shadow:0 1em 2.2em #000b,inset 0 0 1.6em #0009;
  background:var(--art) 0% 100%/420% no-repeat,#000}
.hx-loupe::after{content:"";position:absolute;right:-3.4em;bottom:-1.2em;width:4em;height:.9em;border-radius:.5em;background:linear-gradient(#e6dcae,#a98c46);transform:rotate(-38deg);transform-origin:left center;box-shadow:0 .4em .8em #0008}
.h-1{left:50%;bottom:-5em;transform:translateX(-50%)}
@media (prefers-reduced-motion:reduce){.hx-scan{animation:none;top:50%}}
@media (max-width:1000px){
  .hx-method .studio-method-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  .hx-method .studio-instrument.hx-lens{justify-self:center}
}
@media (max-width:560px){
  .hx-lens-stage{height:27em}
  .hx-lt{font-size:.6em}
}

/* ---------- autumn / rustic orange for the Fall 2026 ticket ---------- */
.hx-facts{background:radial-gradient(ellipse at 50% 140%,#d9692a40,transparent 62%),radial-gradient(ellipse at 15% 50%,#2a6a6030,transparent 55%),#102d33}
.hx-launch{background:radial-gradient(ellipse at 50% 0,#e8832e36,transparent 68%),linear-gradient(180deg,#1b4044,#0e2c33);border-color:#e0702aa6;box-shadow:0 0 0 6px #e0702a14,0 20px 44px #00000066,inset 0 0 50px #e0702a16}
.hx-ribbon{background:linear-gradient(#fbc674,#d9661d);color:#3a1706;box-shadow:0 4px 12px #0007,0 0 18px #e0702a55}
.hx-launch strong{background-image:linear-gradient(100deg,#ffe3b8 0%,#f6a247 30%,#e0702a 56%,#ffd49a 78%,#d9661d 100%);filter:drop-shadow(0 4px 18px #e0702a77)}
.hx-launch strong::before,.hx-launch strong::after{color:#f2a54a;-webkit-text-fill-color:#f2a54a}
.hx-launch-n{color:#f2e0c8}
.hx-launch-go{border-color:#e0702aaa;color:#ffd9a8!important}
.hx-launch-go:hover{background:#e0702a;color:#2b1206!important}