/* Generated by scripts/build-essential-masters.js — do not hand-edit. Marvin Essential Direct Glaze. Geometry comes from the ADM dimensions the builder draws from, then back out of the drawing's own pixels, so what CSS positions and what the PNG shows cannot disagree. .master-canvas is reset to the card box: the shared rule sizes it with an overscan tuned to the Wincore product box, which crops into any product drawn anywhere else. The glass pane is positioned inside .master-fit, which the renderer sizes to the image's painted rectangle, so these percentages are read against the master's own box and not the card's. */ .master-window.essential-master{aspect-ratio:944/1544} .essential-dg-master .master-canvas{inset:0;width:100%;height:100%;left:0;top:0} .essential-dg-master.essential-interior-master .master-frame-color,.essential-dg-master.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-direct-glaze-master/essential-direct-glaze-interior-master-frame-mask.png");mask-image:url("assets/essential-direct-glaze-master/essential-direct-glaze-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-dg-master.essential-interior-master .essential-glass-pane{left:7.31%;top:4.53%;width:85.7%;height:91.13%} .essential-dg-master.essential-exterior-master .master-frame-color,.essential-dg-master.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-direct-glaze-master/essential-direct-glaze-exterior-master-frame-mask.png");mask-image:url("assets/essential-direct-glaze-master/essential-direct-glaze-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-dg-master.essential-exterior-master .essential-glass-pane{left:7.31%;top:4.53%;width:85.7%;height:90.67%} /* --- Double Hung, generated by scripts/build-essential-doublehung-masters.js --- */ .master-window.essential-dh-master{aspect-ratio:944/1553} .essential-dh-master .master-canvas{inset:0;width:100%;height:100%;left:0;top:0} .essential-dh-master.essential-dh-equal.essential-interior-master .master-frame-color,.essential-dh-master.essential-dh-equal.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-double-hung-master/essential-double-hung-equal-interior-master-frame-mask.png");mask-image:url("assets/essential-double-hung-master/essential-double-hung-equal-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-dh-master.essential-dh-equal.essential-interior-master .essential-glass-pane.upper{left:9.75%;top:5.73%;width:80.61%;height:42.24%} .essential-dh-master.essential-dh-equal.essential-interior-master .essential-glass-pane.lower{left:9.75%;top:51.64%;width:80.61%;height:42.24%} .essential-dh-master.essential-dh-equal.essential-exterior-master .master-frame-color,.essential-dh-master.essential-dh-equal.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-double-hung-master/essential-double-hung-equal-exterior-master-frame-mask.png");mask-image:url("assets/essential-double-hung-master/essential-double-hung-equal-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-dh-master.essential-dh-equal.essential-exterior-master .essential-glass-pane.upper{left:9.32%;top:5.34%;width:81.57%;height:42.24%} .essential-dh-master.essential-dh-equal.essential-exterior-master .essential-glass-pane.lower{left:9.32%;top:51.45%;width:81.57%;height:42.24%} .essential-dh-master.essential-dh-cottage.essential-interior-master .master-frame-color,.essential-dh-master.essential-dh-cottage.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-double-hung-master/essential-double-hung-cottage-interior-master-frame-mask.png");mask-image:url("assets/essential-double-hung-master/essential-double-hung-cottage-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-dh-master.essential-dh-cottage.essential-interior-master .essential-glass-pane.upper{left:9.75%;top:5.73%;width:80.61%;height:33.81%} .essential-dh-master.essential-dh-cottage.essential-interior-master .essential-glass-pane.lower{left:9.75%;top:43.21%;width:80.61%;height:50.68%} .essential-dh-master.essential-dh-cottage.essential-exterior-master .master-frame-color,.essential-dh-master.essential-dh-cottage.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-double-hung-master/essential-double-hung-cottage-exterior-master-frame-mask.png");mask-image:url("assets/essential-double-hung-master/essential-double-hung-cottage-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-dh-master.essential-dh-cottage.essential-exterior-master .essential-glass-pane.upper{left:9.32%;top:5.34%;width:81.57%;height:33.81%} .essential-dh-master.essential-dh-cottage.essential-exterior-master .essential-glass-pane.lower{left:9.32%;top:43.01%;width:81.57%;height:50.68%} .essential-dh-master.essential-dh-oriel.essential-interior-master .master-frame-color,.essential-dh-master.essential-dh-oriel.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-double-hung-master/essential-double-hung-oriel-interior-master-frame-mask.png");mask-image:url("assets/essential-double-hung-master/essential-double-hung-oriel-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-dh-master.essential-dh-oriel.essential-interior-master .essential-glass-pane.upper{left:9.75%;top:5.73%;width:80.61%;height:50.68%} .essential-dh-master.essential-dh-oriel.essential-interior-master .essential-glass-pane.lower{left:9.75%;top:60.08%;width:80.61%;height:33.81%} .essential-dh-master.essential-dh-oriel.essential-exterior-master .master-frame-color,.essential-dh-master.essential-dh-oriel.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-double-hung-master/essential-double-hung-oriel-exterior-master-frame-mask.png");mask-image:url("assets/essential-double-hung-master/essential-double-hung-oriel-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-dh-master.essential-dh-oriel.essential-exterior-master .essential-glass-pane.upper{left:9.32%;top:5.34%;width:81.57%;height:50.68%} .essential-dh-master.essential-dh-oriel.essential-exterior-master .essential-glass-pane.lower{left:9.32%;top:59.88%;width:81.57%;height:33.81%} /* --- Single Hung, generated by scripts/build-essential-singlehung-masters.js --- */ .master-window.essential-sh-master{aspect-ratio:944/1553} .essential-sh-master .master-canvas{inset:0;width:100%;height:100%;left:0;top:0} .essential-sh-master.essential-sh-equal.essential-interior-master .master-frame-color,.essential-sh-master.essential-sh-equal.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-single-hung-master/essential-single-hung-equal-interior-master-frame-mask.png");mask-image:url("assets/essential-single-hung-master/essential-single-hung-equal-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-sh-master.essential-sh-equal.essential-interior-master .essential-glass-pane.upper{left:9.75%;top:5.73%;width:80.61%;height:42.24%} .essential-sh-master.essential-sh-equal.essential-interior-master .essential-glass-pane.lower{left:9.75%;top:51.64%;width:80.61%;height:42.24%} .essential-sh-master.essential-sh-equal.essential-exterior-master .master-frame-color,.essential-sh-master.essential-sh-equal.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-single-hung-master/essential-single-hung-equal-exterior-master-frame-mask.png");mask-image:url("assets/essential-single-hung-master/essential-single-hung-equal-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-sh-master.essential-sh-equal.essential-exterior-master .essential-glass-pane.upper{left:9.32%;top:5.34%;width:81.57%;height:42.24%} .essential-sh-master.essential-sh-equal.essential-exterior-master .essential-glass-pane.lower{left:9.32%;top:51.45%;width:81.57%;height:42.24%} .essential-sh-master.essential-sh-cottage.essential-interior-master .master-frame-color,.essential-sh-master.essential-sh-cottage.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-single-hung-master/essential-single-hung-cottage-interior-master-frame-mask.png");mask-image:url("assets/essential-single-hung-master/essential-single-hung-cottage-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-sh-master.essential-sh-cottage.essential-interior-master .essential-glass-pane.upper{left:9.75%;top:5.73%;width:80.61%;height:33.81%} .essential-sh-master.essential-sh-cottage.essential-interior-master .essential-glass-pane.lower{left:9.75%;top:43.21%;width:80.61%;height:50.68%} .essential-sh-master.essential-sh-cottage.essential-exterior-master .master-frame-color,.essential-sh-master.essential-sh-cottage.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-single-hung-master/essential-single-hung-cottage-exterior-master-frame-mask.png");mask-image:url("assets/essential-single-hung-master/essential-single-hung-cottage-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-sh-master.essential-sh-cottage.essential-exterior-master .essential-glass-pane.upper{left:9.32%;top:5.34%;width:81.57%;height:33.81%} .essential-sh-master.essential-sh-cottage.essential-exterior-master .essential-glass-pane.lower{left:9.32%;top:43.01%;width:81.57%;height:50.68%} .essential-sh-master.essential-sh-oriel.essential-interior-master .master-frame-color,.essential-sh-master.essential-sh-oriel.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-single-hung-master/essential-single-hung-oriel-interior-master-frame-mask.png");mask-image:url("assets/essential-single-hung-master/essential-single-hung-oriel-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-sh-master.essential-sh-oriel.essential-interior-master .essential-glass-pane.upper{left:9.75%;top:5.73%;width:80.61%;height:50.68%} .essential-sh-master.essential-sh-oriel.essential-interior-master .essential-glass-pane.lower{left:9.75%;top:60.08%;width:80.61%;height:33.81%} .essential-sh-master.essential-sh-oriel.essential-exterior-master .master-frame-color,.essential-sh-master.essential-sh-oriel.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-single-hung-master/essential-single-hung-oriel-exterior-master-frame-mask.png");mask-image:url("assets/essential-single-hung-master/essential-single-hung-oriel-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-sh-master.essential-sh-oriel.essential-exterior-master .essential-glass-pane.upper{left:9.32%;top:5.34%;width:81.57%;height:50.68%} .essential-sh-master.essential-sh-oriel.essential-exterior-master .essential-glass-pane.lower{left:9.32%;top:59.88%;width:81.57%;height:33.81%} /* --- Glider XO, prepared from the approved elevations by scripts/prepare-essential-glider-approved.js --- */ /* Each side's canvas IS its own approved product rectangle -- the reference cropped to its measured bounds, never resampled -- so each carries its own aspect ratio and its own aperture percentages. The two approved sources do NOT share an aspect (interior 1.3633, exterior 1.5186), so they are matched on WIDTH: switching sides holds horizontal position and scale exactly, and the height follows each source's own proportions rather than distorting approved geometry to force a common box. */ .dual-window-wrap .master-window.essential-gl-master{width:100%;height:auto;max-width:100%;max-height:100%} .essential-gl-master .master-canvas{inset:0;width:100%;height:100%;left:0;top:0} .essential-gl-master.essential-gl-xo.essential-interior-master{aspect-ratio:1306/958} .essential-gl-master.essential-gl-xo.essential-interior-master .master-frame-color,.essential-gl-master.essential-gl-xo.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-glider-master/essential-glider-xo-interior-master-frame-mask.png");mask-image:url("assets/essential-glider-master/essential-glider-xo-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-gl-master.essential-gl-xo.essential-interior-master .essential-glass-pane.left{left:4.747%;top:6.472%;width:43.568%;height:86.848%} .essential-gl-master.essential-gl-xo.essential-interior-master .essential-glass-pane.right{left:51.225%;top:5.846%;width:44.028%;height:88.309%} .essential-gl-master.essential-gl-xo.essential-exterior-master{aspect-ratio:1473/970} .essential-gl-master.essential-gl-xo.essential-exterior-master .master-frame-color,.essential-gl-master.essential-gl-xo.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-glider-master/essential-glider-xo-exterior-master-frame-mask.png");mask-image:url("assets/essential-glider-master/essential-glider-xo-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-gl-master.essential-gl-xo.essential-exterior-master .essential-glass-pane.left{left:5.227%;top:6.495%;width:42.838%;height:84.33%} .essential-gl-master.essential-gl-xo.essential-exterior-master .essential-glass-pane.right{left:51.867%;top:5.876%;width:43.381%;height:85.052%} /* --- Glider OX, mirrored from the frozen XO V1 by scripts/build-essential-glider-ox.js --- */ /* OX is XO handed the other way: the same approved pixels, flipped. Its canvas, aspect and lite sizes are XO's; only the horizontal positions mirror. */ .essential-gl-master.essential-gl-ox.essential-interior-master{aspect-ratio:1306/958} .essential-gl-master.essential-gl-ox.essential-interior-master .master-frame-color,.essential-gl-master.essential-gl-ox.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-glider-master/essential-glider-ox-interior-master-frame-mask.png");mask-image:url("assets/essential-glider-master/essential-glider-ox-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-gl-master.essential-gl-ox.essential-interior-master .essential-glass-pane.left{left:4.747%;top:5.846%;width:44.028%;height:88.309%} .essential-gl-master.essential-gl-ox.essential-interior-master .essential-glass-pane.right{left:51.685%;top:6.472%;width:43.568%;height:86.848%} .essential-gl-master.essential-gl-ox.essential-exterior-master{aspect-ratio:1473/970} .essential-gl-master.essential-gl-ox.essential-exterior-master .master-frame-color,.essential-gl-master.essential-gl-ox.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-glider-master/essential-glider-ox-exterior-master-frame-mask.png");mask-image:url("assets/essential-glider-master/essential-glider-ox-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-gl-master.essential-gl-ox.essential-exterior-master .essential-glass-pane.left{left:4.752%;top:5.876%;width:43.381%;height:85.052%} .essential-gl-master.essential-gl-ox.essential-exterior-master .essential-glass-pane.right{left:51.935%;top:6.495%;width:42.838%;height:84.33%} /* --- Glider XOX, prepared from the approved elevations by scripts/prepare-essential-glider-xox.js --- */ /* Both approved XOX sources are 1659x948, so that full canvas is the shared envelope: neither side is cropped, resampled or scaled, and the two therefore share canvas size, origin and alignment exactly. The product extents differ slightly inside it (interior 1556x810, exterior 1560x833) because the approved exterior sits deeper -- that is approved artwork, not a defect. */ .essential-gl-master.essential-gl-xox.essential-interior-master{aspect-ratio:1659/948} .essential-gl-master.essential-gl-xox.essential-interior-master .master-frame-color,.essential-gl-master.essential-gl-xox.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-glider-master/essential-glider-xox-interior-master-frame-mask.png");mask-image:url("assets/essential-glider-master/essential-glider-xox-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-gl-master.essential-gl-xox.essential-interior-master .essential-glass-pane.left{left:6.45%;top:10.654%;width:25.437%;height:72.89%} .essential-gl-master.essential-gl-xox.essential-interior-master .essential-glass-pane.center{left:35.142%;top:11.709%;width:29.536%;height:69.937%} .essential-gl-master.essential-gl-xox.essential-interior-master .essential-glass-pane.right{left:68.113%;top:10.759%;width:25.377%;height:72.679%} .essential-gl-master.essential-gl-xox.essential-exterior-master{aspect-ratio:1659/948} .essential-gl-master.essential-gl-xox.essential-exterior-master .master-frame-color,.essential-gl-master.essential-gl-xox.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-glider-master/essential-glider-xox-exterior-master-frame-mask.png");mask-image:url("assets/essential-glider-master/essential-glider-xox-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-gl-master.essential-gl-xox.essential-exterior-master .essential-glass-pane.left{left:7.715%;top:11.287%;width:23.93%;height:70.886%} .essential-gl-master.essential-gl-xox.essential-exterior-master .essential-glass-pane.center{left:34.418%;top:9.81%;width:31.224%;height:73.418%} .essential-gl-master.essential-gl-xox.essential-exterior-master .essential-glass-pane.right{left:68.294%;top:11.287%;width:23.93%;height:70.781%} /* --- Casement LH (canonical handing), prepared from the approved elevations by scripts/prepare-essential-casement-approved.js --- */ /* Each side's canvas IS its own approved product rectangle -- the approved reference cropped to its measured bounds, never resampled -- so each carries its own aspect ratio and its own aperture percentages. The two approved sources do not share an aspect (interior 0.6842, exterior 0.6631), so they are matched on WIDTH: switching sides holds horizontal position and scale exactly, and the height follows each source's own approved proportions rather than distorting one of them into the other's box. */ .dual-window-wrap .master-window.essential-ca-master{width:100%;height:auto;max-width:100%;max-height:100%} .essential-ca-master .master-canvas{inset:0;width:100%;height:100%;left:0;top:0} .essential-ca-master.essential-ca-lh.essential-interior-master{aspect-ratio:871/1273} .essential-ca-master.essential-ca-lh.essential-interior-master .master-frame-color,.essential-ca-master.essential-ca-lh.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-casement-master/essential-casement-lh-interior-master-frame-mask.png");mask-image:url("assets/essential-casement-master/essential-casement-lh-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-ca-master.essential-ca-lh.essential-interior-master .essential-glass-pane.glass{left:9.3%;top:6.441%;width:81.401%;height:86.96%} .essential-ca-master.essential-ca-lh.essential-exterior-master{aspect-ratio:866/1306} .essential-ca-master.essential-ca-lh.essential-exterior-master .master-frame-color,.essential-ca-master.essential-ca-lh.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-casement-master/essential-casement-lh-exterior-master-frame-mask.png");mask-image:url("assets/essential-casement-master/essential-casement-lh-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-ca-master.essential-ca-lh.essential-exterior-master .essential-glass-pane.glass{left:10.046%;top:6.279%;width:79.908%;height:87.289%} /* --- Casement RH, mirrored from the approved LH by scripts/build-essential-casement-rh.js --- */ /* Same canvases as LH, because a flip cannot change a canvas. Only the aperture percentages differ, and only in x, by the exact arithmetic x' = W - x - w. */ .essential-ca-master.essential-ca-rh.essential-interior-master{aspect-ratio:871/1273} .essential-ca-master.essential-ca-rh.essential-interior-master .master-frame-color,.essential-ca-master.essential-ca-rh.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-casement-master/essential-casement-rh-interior-master-frame-mask.png");mask-image:url("assets/essential-casement-master/essential-casement-rh-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-ca-master.essential-ca-rh.essential-interior-master .essential-glass-pane.glass{left:9.3%;top:6.441%;width:81.401%;height:86.96%} .essential-ca-master.essential-ca-rh.essential-exterior-master{aspect-ratio:866/1306} .essential-ca-master.essential-ca-rh.essential-exterior-master .master-frame-color,.essential-ca-master.essential-ca-rh.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-casement-master/essential-casement-rh-exterior-master-frame-mask.png");mask-image:url("assets/essential-casement-master/essential-casement-rh-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-ca-master.essential-ca-rh.essential-exterior-master .essential-glass-pane.glass{left:10.046%;top:6.279%;width:79.908%;height:87.289%} /* --- Awning, prepared from the approved elevations by scripts/prepare-essential-awning-approved.js --- */ /* Each side's canvas IS its own approved product rectangle -- the approved reference cropped to its measured bounds, never resampled -- so each carries its own aspect ratio and its own aperture percentages. The two approved sources differ both in aspect (interior 1.6071, exterior 1.6670) and in scale (495x308 against 1462x877), and both differences are approved artwork. They are matched on WIDTH: switching sides holds horizontal position and scale exactly, and the height follows each source's own approved proportions rather than distorting one of them into the other's box. The interior therefore renders slightly soft at configurator size -- an accepted tradeoff, taken to keep the approved pixels exact. */ .dual-window-wrap .master-window.essential-aw-master{width:100%;height:auto;max-width:100%;max-height:100%} .essential-aw-master .master-canvas{inset:0;width:100%;height:100%;left:0;top:0} .essential-aw-master.essential-aw-operator.essential-interior-master{aspect-ratio:495/308} .essential-aw-master.essential-aw-operator.essential-interior-master .master-frame-color,.essential-aw-master.essential-aw-operator.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-awning-master/essential-awning-interior-master-frame-mask.png");mask-image:url("assets/essential-awning-master/essential-awning-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-aw-master.essential-aw-operator.essential-interior-master .essential-glass-pane.glass{left:6.869%;top:10.065%;width:86.465%;height:79.545%} .essential-aw-master.essential-aw-operator.essential-exterior-master{aspect-ratio:1462/877} .essential-aw-master.essential-aw-operator.essential-exterior-master .master-frame-color,.essential-aw-master.essential-aw-operator.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-awning-master/essential-awning-exterior-master-frame-mask.png");mask-image:url("assets/essential-awning-master/essential-awning-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-aw-master.essential-aw-operator.essential-exterior-master .essential-glass-pane.glass{left:6.977%;top:11.517%;width:86.047%;height:76.853%} /* --- Trapezoid (canonical orientation), prepared from the approved elevations by scripts/prepare-essential-trapezoid-approved.js --- */ /* The lite is a TRAPEZOID, so it is masked rather than positioned. Every other Essential family places a rectangular glass pane with four percentages; that cannot describe this shape, and a bounding box would let the pane paint over the sloped head. The pane therefore fills the canvas and is masked by the aperture cut from the approved pixels, which makes "glass never covers frame" structural instead of a matter of getting four numbers right. Each side keeps its own approved product rectangle, cropped to its measured bounds and never resampled, so each carries its own aspect. */ .dual-window-wrap .master-window.essential-tz-master{width:100%;height:auto;max-width:100%;max-height:100%} .essential-tz-master .master-canvas{inset:0;width:100%;height:100%;left:0;top:0} .essential-tz-master.essential-tz-canonical.essential-interior-master{aspect-ratio:772/1306} .essential-tz-master.essential-tz-canonical.essential-interior-master .master-frame-color,.essential-tz-master.essential-tz-canonical.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-trapezoid-master/essential-trapezoid-interior-master-frame-mask.png");mask-image:url("assets/essential-trapezoid-master/essential-trapezoid-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-tz-master.essential-tz-canonical.essential-interior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-trapezoid-master/essential-trapezoid-interior-master-aperture-mask.png");mask-image:url("assets/essential-trapezoid-master/essential-trapezoid-interior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-tz-master.essential-tz-canonical.essential-exterior-master{aspect-ratio:754/1312} .essential-tz-master.essential-tz-canonical.essential-exterior-master .master-frame-color,.essential-tz-master.essential-tz-canonical.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-trapezoid-master/essential-trapezoid-exterior-master-frame-mask.png");mask-image:url("assets/essential-trapezoid-master/essential-trapezoid-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-tz-master.essential-tz-canonical.essential-exterior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-trapezoid-master/essential-trapezoid-exterior-master-aperture-mask.png");mask-image:url("assets/essential-trapezoid-master/essential-trapezoid-exterior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} /* --- Round Top: True Half Above Springline and Half Round, each prepared from its OWN approved elevations by scripts/prepare-essential-round-top-approved.js --- */ /* The lites are CURVED, so they are masked rather than positioned -- the same mechanism the Trapezoid introduced, for the same reason and with none of its numbers. A rectangle cannot describe an arch, and a bounding box would let the pane paint over the crown. Each pane fills its canvas and is masked by the aperture cut from that shape's own approved pixels, which makes "glass never covers frame" structural rather than a matter of getting four percentages right. TWO SEPARATE SHAPES. True Half Above Springline and Half Round each carry their own canvases, masks and apertures, measured from their own approved pairs. Neither is derived from the other. */ .dual-window-wrap .master-window.essential-rt-master{width:100%;height:auto;max-width:100%;max-height:100%} .essential-rt-master .master-canvas{inset:0;width:100%;height:100%;left:0;top:0} .essential-rt-master.essential-rt-true-half.essential-interior-master{aspect-ratio:637/1134} .essential-rt-master.essential-rt-true-half.essential-interior-master .master-frame-color,.essential-rt-master.essential-rt-true-half.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-round-top-master/essential-round-top-true-half-interior-master-frame-mask.png");mask-image:url("assets/essential-round-top-master/essential-round-top-true-half-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-rt-master.essential-rt-true-half.essential-interior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-round-top-master/essential-round-top-true-half-interior-master-aperture-mask.png");mask-image:url("assets/essential-round-top-master/essential-round-top-true-half-interior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-rt-master.essential-rt-true-half.essential-exterior-master{aspect-ratio:757/1204} .essential-rt-master.essential-rt-true-half.essential-exterior-master .master-frame-color,.essential-rt-master.essential-rt-true-half.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-round-top-master/essential-round-top-true-half-exterior-master-frame-mask.png");mask-image:url("assets/essential-round-top-master/essential-round-top-true-half-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-rt-master.essential-rt-true-half.essential-exterior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-round-top-master/essential-round-top-true-half-exterior-master-aperture-mask.png");mask-image:url("assets/essential-round-top-master/essential-round-top-true-half-exterior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-rt-master.essential-rt-half-round.essential-interior-master{aspect-ratio:984/601} .essential-rt-master.essential-rt-half-round.essential-interior-master .master-frame-color,.essential-rt-master.essential-rt-half-round.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-round-top-master/essential-round-top-half-round-interior-master-frame-mask.png");mask-image:url("assets/essential-round-top-master/essential-round-top-half-round-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-rt-master.essential-rt-half-round.essential-interior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-round-top-master/essential-round-top-half-round-interior-master-aperture-mask.png");mask-image:url("assets/essential-round-top-master/essential-round-top-half-round-interior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-rt-master.essential-rt-half-round.essential-exterior-master{aspect-ratio:983/605} .essential-rt-master.essential-rt-half-round.essential-exterior-master .master-frame-color,.essential-rt-master.essential-rt-half-round.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-round-top-master/essential-round-top-half-round-exterior-master-frame-mask.png");mask-image:url("assets/essential-round-top-master/essential-round-top-half-round-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-rt-master.essential-rt-half-round.essential-exterior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-round-top-master/essential-round-top-half-round-exterior-master-aperture-mask.png");mask-image:url("assets/essential-round-top-master/essential-round-top-half-round-exterior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-rt-master.essential-rt-eyebrow.essential-interior-master{aspect-ratio:1329/355} .essential-rt-master.essential-rt-eyebrow.essential-interior-master .master-frame-color,.essential-rt-master.essential-rt-eyebrow.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-round-top-master/essential-round-top-eyebrow-interior-master-frame-mask.png");mask-image:url("assets/essential-round-top-master/essential-round-top-eyebrow-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-rt-master.essential-rt-eyebrow.essential-interior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-round-top-master/essential-round-top-eyebrow-interior-master-aperture-mask.png");mask-image:url("assets/essential-round-top-master/essential-round-top-eyebrow-interior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-rt-master.essential-rt-eyebrow.essential-exterior-master{aspect-ratio:1333/361} .essential-rt-master.essential-rt-eyebrow.essential-exterior-master .master-frame-color,.essential-rt-master.essential-rt-eyebrow.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-round-top-master/essential-round-top-eyebrow-exterior-master-frame-mask.png");mask-image:url("assets/essential-round-top-master/essential-round-top-eyebrow-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-rt-master.essential-rt-eyebrow.essential-exterior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-round-top-master/essential-round-top-eyebrow-exterior-master-aperture-mask.png");mask-image:url("assets/essential-round-top-master/essential-round-top-eyebrow-exterior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} /* --- Isosceles Triangle (P3-5), prepared from its OWN approved elevations by scripts/prepare-essential-isosceles-triangle-approved.js --- */ /* The lite is TRIANGULAR, so it is masked rather than positioned -- the same mechanism the Trapezoid introduced and the Round Tops reused, for the same reason and with none of their numbers. A rectangle cannot describe a triangle, and a bounding box would let the pane paint over both sloping sides and the apex. The pane fills its canvas and is masked by the aperture cut from this shape's own approved pixels, which makes "glass never covers frame" structural rather than a matter of getting four percentages right. ONE SHAPE, APEX UP. P3-5 is symmetric about its vertical centreline and has no handing, so there is no second orientation and none is invented. */ .dual-window-wrap .master-window.essential-it-master{width:100%;height:auto;max-width:100%;max-height:100%} .essential-it-master .master-canvas{inset:0;width:100%;height:100%;left:0;top:0} .essential-it-master.essential-it-canonical.essential-interior-master{aspect-ratio:1057/803} .essential-it-master.essential-it-canonical.essential-interior-master .master-frame-color,.essential-it-master.essential-it-canonical.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-isosceles-triangle-master/essential-isosceles-triangle-canonical-interior-master-frame-mask.png");mask-image:url("assets/essential-isosceles-triangle-master/essential-isosceles-triangle-canonical-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-it-master.essential-it-canonical.essential-interior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-isosceles-triangle-master/essential-isosceles-triangle-canonical-interior-master-aperture-mask.png");mask-image:url("assets/essential-isosceles-triangle-master/essential-isosceles-triangle-canonical-interior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-it-master.essential-it-canonical.essential-exterior-master{aspect-ratio:1059/818} .essential-it-master.essential-it-canonical.essential-exterior-master .master-frame-color,.essential-it-master.essential-it-canonical.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-isosceles-triangle-master/essential-isosceles-triangle-canonical-exterior-master-frame-mask.png");mask-image:url("assets/essential-isosceles-triangle-master/essential-isosceles-triangle-canonical-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-it-master.essential-it-canonical.essential-exterior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-isosceles-triangle-master/essential-isosceles-triangle-canonical-exterior-master-aperture-mask.png");mask-image:url("assets/essential-isosceles-triangle-master/essential-isosceles-triangle-canonical-exterior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} /* --- Pentagon, prepared from its OWN approved elevations by scripts/prepare-essential-pentagon-approved.js --- */ /* The lite is a PENTAGON, so it is masked rather than positioned -- the same mechanism the Trapezoid introduced and the Round Tops and the Isosceles Triangle reused, for the same reason and with none of their numbers. A bounding box would let the pane paint over both slopes of the gable and the apex. The pane fills its canvas and is masked by the aperture cut from this shape's own approved pixels. ONE SHAPE, APEX UP. The approved elevation is symmetric about its vertical centreline, so there is no handing and no rotated variant is invented. */ .dual-window-wrap .master-window.essential-pn-master{width:100%;height:auto;max-width:100%;max-height:100%} .essential-pn-master .master-canvas{inset:0;width:100%;height:100%;left:0;top:0} .essential-pn-master.essential-pn-canonical.essential-interior-master{aspect-ratio:1037/1055} .essential-pn-master.essential-pn-canonical.essential-interior-master .master-frame-color,.essential-pn-master.essential-pn-canonical.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-pentagon-master/essential-pentagon-canonical-interior-master-frame-mask.png");mask-image:url("assets/essential-pentagon-master/essential-pentagon-canonical-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-pn-master.essential-pn-canonical.essential-interior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-pentagon-master/essential-pentagon-canonical-interior-master-aperture-mask.png");mask-image:url("assets/essential-pentagon-master/essential-pentagon-canonical-interior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-pn-master.essential-pn-canonical.essential-exterior-master{aspect-ratio:1042/1059} .essential-pn-master.essential-pn-canonical.essential-exterior-master .master-frame-color,.essential-pn-master.essential-pn-canonical.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-pentagon-master/essential-pentagon-canonical-exterior-master-frame-mask.png");mask-image:url("assets/essential-pentagon-master/essential-pentagon-canonical-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-pn-master.essential-pn-canonical.essential-exterior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-pentagon-master/essential-pentagon-canonical-exterior-master-aperture-mask.png");mask-image:url("assets/essential-pentagon-master/essential-pentagon-canonical-exterior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} /* --- Octagon (ESDGP P8-1), prepared from its OWN approved elevations by scripts/prepare-essential-octagon-approved.js --- */ /* The lite is an OCTAGON, so it is masked rather than positioned -- the same mechanism the Trapezoid introduced and the Round Tops, the Isosceles Triangle and the Pentagon reused, for the same reason and with none of their numbers. A bounding box would let the pane paint over all four mitred corners. The pane fills its canvas and is masked by the aperture cut from this shape's own approved pixels. ONE SHAPE, ONE ORIENTATION. The approved elevation is symmetric about both of its axes and P8-1 is a single Marvin elevation code with no handed pair, so there is no handing and no rotated variant is invented. */ .dual-window-wrap .master-window.essential-oc-master{width:100%;height:auto;max-width:100%;max-height:100%} .essential-oc-master .master-canvas{inset:0;width:100%;height:100%;left:0;top:0} .essential-oc-master.essential-oc-canonical.essential-interior-master{aspect-ratio:1188/1180} .essential-oc-master.essential-oc-canonical.essential-interior-master .master-frame-color,.essential-oc-master.essential-oc-canonical.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-octagon-master/essential-octagon-canonical-interior-master-frame-mask.png");mask-image:url("assets/essential-octagon-master/essential-octagon-canonical-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-oc-master.essential-oc-canonical.essential-interior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-octagon-master/essential-octagon-canonical-interior-master-aperture-mask.png");mask-image:url("assets/essential-octagon-master/essential-octagon-canonical-interior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-oc-master.essential-oc-canonical.essential-exterior-master{aspect-ratio:1172/1167} .essential-oc-master.essential-oc-canonical.essential-exterior-master .master-frame-color,.essential-oc-master.essential-oc-canonical.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-octagon-master/essential-octagon-canonical-exterior-master-frame-mask.png");mask-image:url("assets/essential-octagon-master/essential-octagon-canonical-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-oc-master.essential-oc-canonical.essential-exterior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-octagon-master/essential-octagon-canonical-exterior-master-aperture-mask.png");mask-image:url("assets/essential-octagon-master/essential-octagon-canonical-exterior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} /* --- 90 degree Triangle (ESDGP P3-1 / P3-2), prepared from its OWN approved elevations by scripts/prepare-essential-90-triangle-approved.js --- */ /* The lite is a TRIANGLE, so it is masked rather than positioned -- the same mechanism the Trapezoid introduced and every non-rectangular family since has reused, for the same reason and with none of their numbers. A bounding box would let the pane paint over the hypotenuse and both acute corners. The pane fills its canvas and is masked by the aperture cut from this shape's own approved pixels. TWO ORIENTATIONS, ONE DESIGN. P3-1 is the approved pair; P3-2 is its exact horizontal mirror, built by reversing P3-1's own raw buffers under byte-exact flip-back proof. It is NOT a second drawing, and it must never become one. */ .dual-window-wrap .master-window.essential-r3-master{width:100%;height:auto;max-width:100%;max-height:100%} .essential-r3-master .master-canvas{inset:0;width:100%;height:100%;left:0;top:0} .essential-r3-master.essential-r3-p3-1.essential-interior-master{aspect-ratio:912/929} .essential-r3-master.essential-r3-p3-1.essential-interior-master .master-frame-color,.essential-r3-master.essential-r3-p3-1.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-1-interior-master-frame-mask.png");mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-1-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-r3-master.essential-r3-p3-1.essential-interior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-1-interior-master-aperture-mask.png");mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-1-interior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-r3-master.essential-r3-p3-1.essential-exterior-master{aspect-ratio:912/929} .essential-r3-master.essential-r3-p3-1.essential-exterior-master .master-frame-color,.essential-r3-master.essential-r3-p3-1.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-1-exterior-master-frame-mask.png");mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-1-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-r3-master.essential-r3-p3-1.essential-exterior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-1-exterior-master-aperture-mask.png");mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-1-exterior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-r3-master.essential-r3-p3-2.essential-interior-master{aspect-ratio:912/929} .essential-r3-master.essential-r3-p3-2.essential-interior-master .master-frame-color,.essential-r3-master.essential-r3-p3-2.essential-interior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-2-interior-master-frame-mask.png");mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-2-interior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-r3-master.essential-r3-p3-2.essential-interior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-2-interior-master-aperture-mask.png");mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-2-interior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-r3-master.essential-r3-p3-2.essential-exterior-master{aspect-ratio:912/929} .essential-r3-master.essential-r3-p3-2.essential-exterior-master .master-frame-color,.essential-r3-master.essential-r3-p3-2.essential-exterior-master .master-frame-shade{-webkit-mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-2-exterior-master-frame-mask.png");mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-2-exterior-master-frame-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat} .essential-r3-master.essential-r3-p3-2.essential-exterior-master .essential-glass-pane.glass{left:0;top:0;width:100%;height:100%;-webkit-mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-2-exterior-master-aperture-mask.png");mask-image:url("assets/essential-90-triangle-master/essential-90-triangle-p3-2-exterior-master-aperture-mask.png");-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat}