/* Real receiving-page translucency; text stays crisp above the material.
   These DOM panels are not full physical 3D refraction. Owned study/bakes retained. */
:root{--studio-glass-rim:url('assets/glass/rim-tile.png');--studio-glass-coin-rim:url('assets/glass/rim-coin.png');--studio-glass-shape:url('assets/glass/tile.png');--studio-glass-coin-shape:url('assets/glass/coin.png');--studio-glass-rim-width:18px}
#enquiry-form,.button.primary,.hero-flow .button.primary,.header-contact,.offers>li>span,.sys-glass,.offer-panel,.loop-node{
 --glass-light-x:50%;--glass-light-y:50%;--glass-light-rx:130px;--glass-light-ry:90px;--glass-light-opacity:0;
 /* Resolve the face per surface: root inheritance would freeze its local variables. */
 /* The background bolt as a transient second light: a tight rim catch on the edge nearest the bolt plus a faint
    wash. Transparent at rest. Peaks mirror BOLT_LIGHT.rim in glass-reflections.mjs (tested for text contrast);
    the catch radius is set per surface so it stops short of that surface's text. */
 --studio-glass-face:radial-gradient(ellipse var(--glass-bolt-rim-x,1px) var(--glass-bolt-rim-y,1px) at var(--glass-bolt-cx,50%) var(--glass-bolt-cy,50%),rgb(222 246 210 / calc(var(--glass-bolt,0)*.7)),transparent),radial-gradient(ellipse var(--glass-bolt-r,40px) calc(var(--glass-bolt-r,40px)*.8) at var(--glass-bolt-x,50%) var(--glass-bolt-y,50%),rgb(222 246 210 / calc(var(--glass-bolt,0)*.035)),transparent 70%),linear-gradient(var(--glass-reflection-angle,115deg),transparent calc(var(--glass-reflection-position,42%) - 27%),#deefdf08 calc(var(--glass-reflection-position,42%) - 13%),rgb(222 239 223 / calc(var(--glass-specular-peak,.065) + var(--glass-bolt,0)*.02)) var(--glass-reflection-position,42%),transparent calc(var(--glass-reflection-position,42%) + 23%)),radial-gradient(ellipse var(--glass-ambient-radius,650px) calc(var(--glass-ambient-radius,650px)*.72) at var(--glass-ambient-x,20%) var(--glass-ambient-y,10%),#b5d4b909,transparent 78%),linear-gradient(135deg,#e7f4e808,transparent 32%,#a1d8b006),#71a4810b;
 --studio-glass-lit-face:radial-gradient(ellipse var(--glass-light-rx) var(--glass-light-ry) at var(--glass-light-x) var(--glass-light-y),rgb(224 250 230 / var(--glass-light-opacity)),transparent 76%),var(--studio-glass-face);
 border:1px solid #b3d3bb2e;border-top-color:#e1f0e24f;border-left-color:#c2dfc83d;border-image:none;
 background:var(--studio-glass-lit-face);background-clip:padding-box;
 -webkit-backdrop-filter:blur(5px) saturate(1.04);backdrop-filter:blur(5px) saturate(1.04);
 box-shadow:inset 0 1px #edf7ee0d,inset 0 -1px #06100a26;
}
.offers>li>span:before{content:none}
.button.primary,.hero-flow .button.primary,.header-contact{--studio-glass-rim-width:12px}
.sys-glass{--studio-glass-rim-width:12px}
.button.primary,.header-contact{--glass-specular-peak:.045}
/* Only decoded assets may clip content. Otherwise the single native face remains. */
@supports (-webkit-mask-box-image-source:url("x.png")){
 html.glass-shape-ready :is(#enquiry-form,.button.primary,.hero-flow .button.primary,.header-contact,.sys-glass,.offer-panel){
  border-image-source:var(--studio-glass-rim);border-image-slice:64;border-image-width:var(--studio-glass-rim-width);border-image-repeat:stretch;
  -webkit-mask-box-image-source:var(--studio-glass-shape);-webkit-mask-box-image-slice:64 fill;-webkit-mask-box-image-width:var(--studio-glass-rim-width);-webkit-mask-box-image-outset:0;-webkit-mask-box-image-repeat:stretch;
 }
 html.glass-shape-ready :is(.offers>li>span,.loop-node){mask-image:var(--studio-glass-coin-shape);mask-size:100% 100%;mask-repeat:no-repeat;mask-mode:alpha}
 html.glass-shape-ready .offers>li>span:before,html.glass-shape-ready .loop-node:before{content:'';position:absolute;inset:0;pointer-events:none;background:var(--studio-glass-coin-rim) center/100% 100% no-repeat}
 html.glass-shape-ready :is(.button.primary,.header-contact):focus-visible{outline:none;box-shadow:inset 0 0 0 6px #b5c9ad,inset 0 1px #edf7ee0d}
}
#enquiry-form{border-radius:13px}
.header-contact{border-radius:6px}
.offers>li>span{position:relative;flex:none;width:40px;height:40px;display:grid;place-items:center;padding:0;color:#d4e1c8;border-radius:50%}
.offers>li{gap:22px}
#enquiry-form{padding:32px;align-self:start;min-width:0}
#enquiry-form label{color:#cad9c1}
#enquiry-form input,#enquiry-form textarea{background:#07110b1a;color:#edf3e7;border-bottom-color:#859c7080}
.button.primary,.hero-flow .button.primary,.header-contact{color:#e0ead6;transition:filter .2s}
.button.primary:hover,.hero-flow .button.primary:hover,.header-contact:hover{background:var(--studio-glass-lit-face);filter:brightness(1.06)}
/* Keep intermediate-width cards readable: intro above a generous two-up grid. */

@media(max-width:699px){#enquiry-form{padding:25px 22px}.offers>li{gap:18px}.offers>li>span{width:34px;height:34px}}