html.surfaces{--wall-img:url(/site/kit/wall-tile-1024.webp);--wall-size:1024px;--panel-img:url(/site/kit/panel-tile-768.webp);--panel-size:768px;--parapet-img:url(/site/kit/parapet.webp);--parapet-h:124px;--lit-edge:#96a8cd4d;--dark-edge:#00000080;--cast-near:-3px 4px 6px #030408b3;--cast-far:-15px 17px 30px #05060cb8}@media (width<=720px){html.surfaces{--wall-img:url(/site/kit/wall-tile-512.webp);--wall-size:512px;--panel-img:url(/site/kit/panel-tile-384.webp);--panel-size:384px;--parapet-img:url(/site/kit/parapet-720.webp);--parapet-h:64px;--cast-far:-8px 9px 18px #05060c9e}}html.surfaces body{position:relative}.surface-layers{inset:var(--wall-top,0) 0 0;z-index:-1;pointer-events:none;opacity:0;-webkit-mask-image:linear-gradient(transparent, #000 var(--wall-fade,240px));mask-image:linear-gradient(transparent, #000 var(--wall-fade,240px));position:absolute;overflow:clip}html.surfaces .surface-layers{opacity:1}.surface-layers i{display:block;position:absolute}.s-wall{background-color:#1d1d22;background-image:linear-gradient(90deg, #08080c80, transparent 16%, transparent 84%, #08080c80), radial-gradient(closest-side, #08080c75, transparent), radial-gradient(closest-side, #08080c57, transparent), linear-gradient(#0e0e1224, #0e0e1224), var(--wall-img);background-size:100% 100%, 1730px 1390px, 1190px 1610px, 100% 100%, var(--wall-size);background-position:0 0,210px 340px,860px 1020px,0 0,0 0;background-repeat:no-repeat,repeat,repeat,no-repeat,repeat;inset:0}@media (width>=721px){.s-wall:before{content:"";background:var(--wall-img) 437px 291px / var(--wall-size);opacity:.9;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#000 55%,#0000) 620px 150px/1560px 1180px;mask:radial-gradient(closest-side,#000 55%,#0000) 620px 150px/1560px 1180px}}.s-pillar,.s-fog{display:none!important}@media (hover:hover) and (pointer:fine) and (width>=900px) and (width>=1120px),(not ((hover:hover) and (pointer:fine) and (width>=900px))) and (width>=1400px){html.surfaces-late .s-pillar{--w:max(var(--edge), calc((100% - var(--max-wide)) / 2));width:var(--w);background-repeat:repeat-y;background-size:max(190px, calc((calc(100*var(--vw,1vw)) - var(--max-wide)) / 2)) auto;top:0;bottom:-1100px;display:block!important}.s-pillar--l{background-image:image-set("/site/kit/pillar-left.avif" 1x type("image/avif"),"/site/kit/pillar-left.webp" 1x type("image/webp"));background-position:100% 0;left:0}.s-pillar--r{background-image:image-set("/site/kit/pillar-right.avif" 1x type("image/avif"),"/site/kit/pillar-right.webp" 1x type("image/webp"));background-position:0 0;right:0}}@media (width>=721px){html.surfaces-late .s-fog{opacity:.55;height:300px;top:40px;left:0;right:0;overflow:clip;display:block!important}.s-fog:before{content:"";background:image-set("/site/kit/fog-layer.avif" 1x type("image/avif"),"/site/kit/fog-layer.webp" 1x type("image/webp")) 0 100%/1600px 500px repeat-x;position:absolute;inset:0 -1600px 0 0}}html.surfaces[data-site] .gothic-box{box-shadow:var(--cast-near), var(--cast-far)}html.surfaces[data-site] .gothic-box:before{opacity:1;background:linear-gradient(to bottom left,#c4d2eed9,#7884a061 42%,#000000bf 72%)}html.surfaces[data-site] .gothic-box:after{background:radial-gradient(ellipse 50% 60% at 86% 4%, #465f9629, transparent 70%), linear-gradient(#1010151f, #1010155c), var(--panel-img) var(--panel-x,0) var(--panel-y,0) / var(--panel-size);box-shadow:inset -2px 0 0 var(--lit-edge), inset 2px 0 0 var(--dark-edge), inset 0 -3px 0 var(--dark-edge), inset 7px -8px 16px #05060c66}html.surfaces[data-site] .gothic-box:nth-child(2n){--panel-x:-311px;--panel-y:-127px}html.surfaces[data-site] .gothic-box:nth-child(3n){--panel-x:-143px;--panel-y:-389px}html.surfaces[data-site] .gothic-box[data-picked]:before{background:linear-gradient(rgb(var(--candle-rgb) / .95), rgb(var(--candle-rgb) / .55))}html.surfaces[data-site] .frame{background:linear-gradient(#10101533, #1010156b) padding-box, var(--panel-img) 0 0 / var(--panel-size) padding-box, linear-gradient(to bottom left, #c4d2eeb3, #7884a04d 42%, #000000bf 72%) border-box;box-shadow:var(--cast-near), var(--cast-far)}html.surfaces[data-site] .wall-label{background:linear-gradient(#10101538, #1010156b), var(--panel-img) 0 0 / var(--panel-size);box-shadow:var(--cast-near), var(--cast-far);border-color:#0000;border-image:linear-gradient(to bottom left,#c4d2eeb3,#000000b3) 1}html.surfaces[data-site] .stone-band{background:linear-gradient(#10101542, #1010156b), var(--panel-img) 0 0 / var(--panel-size);box-shadow:0 -24px 48px -24px #0000008c}html.surfaces-late[data-site] .stone-band:before,html.surfaces-late[data-site] .foot:before{content:"";height:var(--parapet-h);background:var(--parapet-img) 50% 100% / auto 100% repeat-x;pointer-events:none;position:absolute;left:0;right:0}html.surfaces-late[data-site] .stone-band:before{height:calc(var(--band-space) - 8px);top:0}html.surfaces-late[data-site] .setup-band:before{height:calc(clamp(2rem, 1.5rem + calc(2*var(--vw,1vw)), 3.5rem) - 8px)}@media (width<=720px){html.surfaces-late[data-site] .setup-band:before{display:none}}html.surfaces-late[data-site] .foot{position:relative}html.surfaces-late[data-site] .foot:before{--foot-gap:clamp(2rem, 1rem + calc(4*var(--vw,1vw)), 5rem);--foot-pad:clamp(2.5rem, 1.5rem + calc(4*var(--vw,1vw)), 4.5rem);top:calc(var(--foot-gap) * -1 + 2px);height:calc(var(--foot-gap) + var(--foot-pad) - 10px);opacity:1}html.surfaces-late[data-site]:has(.setup-band) .foot:before{height:calc(var(--foot-pad) - 10px);top:2px}html.surfaces-late [data-frame]{--frame-img:url(/site/kit/arch-frame-062-280.webp);--opening:polygon(20.8% 86.7%,85.2% 86.7%,85.2% 75.1%,85.2% 52.0%,85.0% 48.3%,84.4% 44.7%,83.4% 41.2%,82.0% 37.7%,80.2% 34.2%,78.0% 30.8%,75.4% 27.6%,72.5% 24.5%,69.2% 21.4%,65.6% 18.6%,61.7% 15.9%,57.5% 13.4%,53% 11.1%,48.6% 13.4%,44.4% 15.9%,40.4% 18.6%,36.8% 21.4%,33.6% 24.5%,30.7% 27.6%,28.1% 30.8%,25.9% 34.2%,24.1% 37.7%,22.7% 41.2%,21.7% 44.7%,21.1% 48.3%,20.8% 52.0%,20.8% 75.1%)}html.surfaces-late [data-frame="078"]{--frame-img:url(/site/kit/arch-frame-078-280.webp);--opening:polygon(20.8% 82.9%,85.2% 82.9%,85.2% 74.1%,85.2% 56.5%,85.0% 52.5%,84.4% 48.5%,83.4% 44.5%,81.9% 40.6%,80.1% 36.8%,77.8% 33.2%,75.3% 29.7%,72.3% 26.3%,69.0% 23.2%,65.4% 20.3%,61.6% 17.6%,57.4% 15.2%,53% 13.0%,48.7% 15.2%,44.5% 17.6%,40.6% 20.3%,37.0% 23.2%,33.8% 26.3%,30.8% 29.7%,28.2% 33.2%,26.0% 36.8%,24.2% 40.6%,22.7% 44.5%,21.7% 48.5%,21.1% 52.5%,20.8% 56.5%,20.8% 74.1%)}@supports (background-image:-webkit-image-set(url('/site/kit/arch-frame-062.webp') 1x)){html.surfaces-late [data-frame]{--frame-img:-webkit-image-set(url(/site/kit/arch-frame-062-280.webp) 1x, url(/site/kit/arch-frame-062.webp) 2x)}html.surfaces-late [data-frame="078"]{--frame-img:-webkit-image-set(url(/site/kit/arch-frame-078-280.webp) 1x, url(/site/kit/arch-frame-078.webp) 2x)}}@supports (background-image:image-set(url('/site/kit/arch-frame-062.webp') 1x)){html.surfaces-late [data-frame]{--frame-img:image-set(url(/site/kit/arch-frame-062-280.webp) 1x, url(/site/kit/arch-frame-062.webp) 2x)}html.surfaces-late [data-frame="078"]{--frame-img:image-set(url(/site/kit/arch-frame-078-280.webp) 1x, url(/site/kit/arch-frame-078.webp) 2x)}}@media (width<=720px){html.surfaces-late [data-frame]{--frame-img:url(/site/kit/arch-frame-062-280.webp)}html.surfaces-late [data-frame="078"]{--frame-img:url(/site/kit/arch-frame-078-280.webp)}}html.surfaces-late [data-frame] .gbox-stone{background:0 0;clip-path:none!important}html.surfaces-late [data-frame] .gbox-glass{clip-path:var(--opening)!important;inset:0!important}html.surfaces-late [data-frame] .gbox-tracery{display:none}html.surfaces-late [data-frame]:after{content:"";background:var(--frame-img) 0 0 / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:0}@keyframes s-drift-wall{to{transform:translateY(800px)}}@keyframes s-slide-fog{to{transform:translate(-1600px)}}@media (width>=721px) and (prefers-reduced-motion:no-preference){.s-fog:before{animation:150s linear infinite s-slide-fog}@supports (animation-timeline:scroll()){.s-wall{animation:linear both s-drift-wall;animation-timeline:var(--s-timeline,scroll(root block));animation-range:0 10000px;top:-800px}}}@supports (background-image:image-set(url('/site/kit/parapet.avif') type('image/avif'))){html.surfaces{--wall-img:image-set(url(/site/kit/wall-tile-1024.avif) type("image/avif"), url(/site/kit/wall-tile-1024.webp) type("image/webp"));--panel-img:image-set(url(/site/kit/panel-tile-768.avif) type("image/avif"), url(/site/kit/panel-tile-768.webp) type("image/webp"));--parapet-img:image-set(url(/site/kit/parapet.avif) type("image/avif"), url(/site/kit/parapet.webp) type("image/webp"))}html.surfaces-late [data-frame]{--frame-img:image-set(url(/site/kit/arch-frame-062-280.avif) 1x type("image/avif"), url(/site/kit/arch-frame-062.avif) 2x type("image/avif"), url(/site/kit/arch-frame-062-280.webp) 1x type("image/webp"), url(/site/kit/arch-frame-062.webp) 2x type("image/webp"))}html.surfaces-late [data-frame="078"]{--frame-img:image-set(url(/site/kit/arch-frame-078-280.avif) 1x type("image/avif"), url(/site/kit/arch-frame-078.avif) 2x type("image/avif"), url(/site/kit/arch-frame-078-280.webp) 1x type("image/webp"), url(/site/kit/arch-frame-078.webp) 2x type("image/webp"))}@media (width<=720px){html.surfaces{--wall-img:image-set(url(/site/kit/wall-tile-512.avif) type("image/avif"), url(/site/kit/wall-tile-512.webp) type("image/webp"));--panel-img:image-set(url(/site/kit/panel-tile-384.avif) type("image/avif"), url(/site/kit/panel-tile-384.webp) type("image/webp"));--parapet-img:image-set(url(/site/kit/parapet-720.avif) type("image/avif"), url(/site/kit/parapet-720.webp) type("image/webp"))}html.surfaces-late [data-frame]{--frame-img:image-set(url(/site/kit/arch-frame-062-280.avif) type("image/avif"), url(/site/kit/arch-frame-062-280.webp) type("image/webp"))}html.surfaces-late [data-frame="078"]{--frame-img:image-set(url(/site/kit/arch-frame-078-280.avif) type("image/avif"), url(/site/kit/arch-frame-078-280.webp) type("image/webp"))}}}
