@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Italiana&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Inter", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.z-10{z-index:10}.z-20{z-index:20}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-10{height:calc(var(--spacing) * 10)}.w-10{width:calc(var(--spacing) * 10)}.w-full{width:100%}.max-w-\[1400px\]{max-width:1400px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-\[\#1f314a\]{background-color:#1f314a}.bg-transparent{background-color:#0000}.px-6{padding-inline:calc(var(--spacing) * 6)}.text-center{text-align:center}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (width>=40rem){.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}}@media (width>=48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline{display:inline}}}*{box-sizing:border-box;margin:0;padding:0}:root{--gold:#cfa25d;--gold-light:#e8c07a;--gold-dark:#a8832d;--navy:#2b4365;--navy-dark:#1f314a;--navy-deeper:#162233;--white:#fff}html{scroll-behavior:smooth}body{color:#fff;-webkit-font-smoothing:antialiased;background-color:#2b4365;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,Georgia,serif}.custom-cursor{background:var(--gold);pointer-events:none;z-index:9999;mix-blend-mode:normal;border-radius:50%;width:12px;height:12px;transition:width .2s,height .2s,opacity .2s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-ring{pointer-events:none;z-index:9998;border:1.5px solid #cfa25d99;border-radius:50%;width:36px;height:36px;transition:all .12s ease-out;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.hovering{background:var(--gold-light);width:20px;height:20px}.custom-cursor-ring.hovering{border-color:#cfa25d4d;width:56px;height:56px}.glass-nav{-webkit-backdrop-filter:blur(24px);background:#1622338c;border:1px solid #cfa25d26;box-shadow:0 8px 48px #00000059,inset 0 1px #ffffff0f}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-20px)rotate(5deg)}66%{transform:translateY(-10px)rotate(-3deg)}}@keyframes floatReverse{0%,to{transform:translateY(0)}50%{transform:translateY(24px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-gold{0%,to{box-shadow:0 0 #cfa25d66}50%{box-shadow:0 0 0 16px #cfa25d00}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes line-expand{0%{width:0}to{width:100%}}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)rotate(720deg)}}@keyframes orbit{0%{transform:rotate(0)translate(120px)rotate(0)}to{transform:rotate(360deg)translate(120px)rotate(-360deg)}}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes text-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes border-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%,to{transform:scaleX(1)scaleY(1)}50%{transform:scaleX(1.05)scaleY(.95)}}@keyframes ripple{to{opacity:0;transform:scale(4)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}.float-anim{animation:6s ease-in-out infinite float}.float-reverse{animation:8s ease-in-out infinite floatReverse}.spin-slow{animation:20s linear infinite spin-slow}.glow-pulse{animation:2s ease-in-out infinite glow-pulse}.shimmer-text{background:linear-gradient(90deg, var(--gold) 0%, var(--gold-light) 30%, #fff8e7 50%, var(--gold-light) 70%, var(--gold) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.gold-line{background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;animation:2s ease-in-out infinite glow-pulse}.product-card .product-img{transition:transform .7s cubic-bezier(.33,1,.68,1)}.product-card:hover .product-img{transform:scale(1.08)}.animated-gradient-bg{background:linear-gradient(-45deg,#1a2f48,#243d5c,#1f3a5a,#162233) 0 0/400% 400%;animation:12s infinite gradient-shift}.card-glow{transition:all .4s}.card-glow:hover{transform:translateY(-6px);box-shadow:0 0 0 1px #cfa25d4d,0 20px 60px #00000080,0 0 40px #cfa25d1a}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";opacity:1;background:#ffffff4d;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%;transform:scale(0)}.btn-ripple:active:after{animation:.5s ease-out ripple}.stat-number{font-variant-numeric:tabular-nums}.section-fade{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(40px)}.section-fade.visible{opacity:1;transform:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--navy-deeper)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}::selection{color:#fff;background:#cfa25d4d}@media (width<=768px){.nav-desktop-links{display:none!important}.nav-hamburger{display:flex!important}.nav-cta-btn{display:none!important}h1{letter-spacing:-1px!important}section>div[style*="grid-template-columns: 1fr 1fr"],section>div[style*="grid-template-columns: '1fr 1fr'"]{grid-template-columns:1fr!important}div[style*="repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}div[style*="2fr 1fr 1fr 1fr"]{grid-template-columns:1fr!important}.trust-badges{flex-wrap:wrap!important;justify-content:center!important;gap:20px!important}}@media (width<=480px){.nav-cta-btn{display:none!important}div[style*=minmax\(480px]{grid-template-columns:1fr!important}}@media (width<=768px){nav[style*=padding]{padding-left:20px!important;padding-right:20px!important}.hero-content-area{padding:140px 20px 32px!important}.hero-btns{flex-direction:column!important;gap:12px!important}.hero-btns button{text-align:center!important;justify-content:center!important;width:100%!important}.hero-feature-bar{grid-template-columns:1fr 1fr!important;gap:0!important}.hero-feature-item{border-bottom:1px solid #ffffff12!important;border-right:none!important;padding:14px 12px!important}.hero-feature-item:nth-child(odd){border-right:1px solid #ffffff12!important}.hero-feature-item:nth-last-child(-n+2){border-bottom:none!important}.products-grid{grid-template-columns:1fr!important;gap:32px!important}.featured-cards-grid{grid-template-columns:1fr!important;gap:16px!important}.collections-row{grid-template-columns:1fr 1fr!important;gap:12px!important}.about-grid{grid-template-columns:1fr!important;gap:32px!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:0!important}.stat-item{border-bottom:1px solid #ffffff14!important;border-right:none!important;padding:16px 8px!important}.stat-item:nth-child(odd){border-right:1px solid #ffffff14!important}.stat-item:nth-last-child(-n+2){border-bottom:none!important}.why-features-grid{grid-template-columns:1fr 1fr!important;gap:16px!important}.why-header-grid{grid-template-columns:1fr!important;gap:20px!important}.projects-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.cta-grid{text-align:center!important;grid-template-columns:1fr!important;gap:24px!important}.cta-grid button{margin:0 auto!important}section{padding-left:20px!important;padding-right:20px!important}}@media (width<=480px){.collections-row,.projects-grid,.why-features-grid{grid-template-columns:1fr!important}}@media (width<=768px){.footer-grid{grid-template-columns:1fr!important;gap:32px!important}.footer-bottom{text-align:center!important;flex-direction:column!important;gap:12px!important}.footer-bottom div{justify-content:center!important}.products-tab-bar{gap:8px!important}.products-tab-bar button{padding:8px 16px!important;font-size:12px!important}.product-detail-grid{grid-template-columns:1fr!important;gap:32px!important}.product-specs-grid{grid-template-columns:1fr 1fr!important}.contact-grid{grid-template-columns:1fr!important;gap:32px!important}.contact-form{padding:24px 20px!important}.services-grid{grid-template-columns:1fr!important;gap:16px!important}.process-steps-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}}@media (width<=480px){.process-steps-grid{grid-template-columns:1fr!important}}@media (width<=768px){.about-content-grid{grid-template-columns:1fr!important;gap:32px!important}.about-values-grid{grid-template-columns:1fr 1fr!important;gap:16px!important}}@media (width<=480px){.about-values-grid{grid-template-columns:1fr!important}}@media (width<=768px){body{overflow-x:hidden}.overflow-x-hidden-mobile{overflow-x:hidden!important}.hero-gradient-overlay{background:linear-gradient(#050505bf 0%,#0505058c 50%,#050505b3 100%)!important}.hero-content-area>div{text-align:left;max-width:100%!important}.hero-content-area h1{font-size:clamp(34px,9vw,56px)!important}footer{padding-top:48px!important}section[style*=clamp\(64px]{padding-top:clamp(40px,8vw,64px)!important;padding-bottom:clamp(40px,8vw,64px)!important}.products-tab-bar{-webkit-overflow-scrolling:touch;padding-bottom:8px;overflow-x:auto;flex-wrap:nowrap!important;justify-content:flex-start!important}.products-tab-bar::-webkit-scrollbar{height:0}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--primary-layers:#cfa25d;--primary-dark-layers:#a8832d;--charcoal-layers:#0a0a0a;--white-layers:#fff;--text-muted-layers:#ffffffb3;--color-overglaze:#8b6914;--color-stone:#c4a35a;--color-basecoat:#b85c38;--color-primer:#e8e8e8;--color-alloy:#d1d1d1;--color-steel:#4a4a4a;--transition-speed:.8s;--easing:cubic-bezier(.4, 0, .2, 1);--stagger:80ms}.roofing-layers-section{background-color:var(--charcoal-layers);color:var(--white-layers);padding:clamp(64px,8vw,120px) 0;overflow:hidden}.section-container-layers{align-items:center;gap:60px;max-width:1300px;min-height:80vh;margin:0 auto;padding:0 clamp(24px,6vw,100px);display:flex}.content-side-layers{z-index:10;flex:1}.content-side-layers h2{text-transform:uppercase;color:var(--white-layers);letter-spacing:.02em;margin-bottom:25px;font-family:Inter,sans-serif;font-size:clamp(32px,4vw,42px);font-weight:800;line-height:1.1}.content-side-layers p{color:var(--text-muted-layers);max-width:600px;margin-bottom:40px;font-size:16px;line-height:1.7}.cta-btn-layers{background:var(--primary-layers);color:#0a0a0a;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;border:none;padding:16px 35px;font-size:13px;font-weight:700;text-decoration:none;transition:all .35s;display:inline-block}.cta-btn-layers:hover{background:#e8c07a;transform:translateY(-2px);box-shadow:0 16px 40px #cfa25d4d}.controls-layers{gap:15px;margin-top:40px;display:flex}.control-btn-layers{color:var(--white-layers);text-transform:uppercase;cursor:pointer;letter-spacing:1px;background:#ffffff0d;border:1px solid #ffffff26;padding:10px 20px;font-size:11px;font-weight:700;transition:all .3s}.control-btn-layers:hover{background:#ffffff1f;border-color:#ffffff4d}.diagram-side-layers{flex:1.2;justify-content:center;align-items:center;height:750px;display:flex;position:relative}.explosion-wrapper-layers{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.layers-stack-layers{width:420px;height:250px;transform-style:preserve-3d;position:relative;transform:perspective(1500px)rotateX(20deg)rotateY(-15deg)translateY(40px)translate(-40px)}.layer-item{clip-path:polygon(25% 12%,27% 8%,30% 4%,33% 1%,36% 0%,39% 1%,42% 4%,45% 8%,47% 12%,48.5% 8%,51.5% 4%,54.5% 1%,58% 0%,61.5% 1%,64.5% 4%,67.5% 8%,69% 12%,70.5% 8%,73.5% 4%,76.5% 1%,80% 0%,83.5% 1%,86.5% 4%,89.5% 8%,91% 12%,92.5% 8%,95.5% 4%,98.5% 1%,100% 0%,100% 12%,98.5% 94%,95.5% 96%,92.5% 98%,91% 91%,89.5% 93%,86.5% 95%,83.5% 97%,80% 98%,76.5% 97%,73.5% 95%,70.5% 93%,69% 91%,67.5% 93%,64.5% 95%,61.5% 97%,58% 98%,54.5% 97%,51.5% 95%,48.5% 93%,47% 91%,45% 93%,42% 95%,39% 97%,36% 98%,33% 97%,30% 95%,27% 93%,25% 91%,22% 93%,18% 96%,14% 98%,10% 96%,6% 93%,3% 91%,0% 91%,0% 98%);width:100%;height:120px;transition:transform var(--transition-speed) var(--easing), filter .3s ease, box-shadow .3s ease;cursor:pointer;background-image:linear-gradient(90deg,#0000 25%,#00000080 25%,#ffffff4d 33%,#fff6 36%,#ffffff4d 39%,#00000080 43.75% 43.75%,#ffffff4d 50%,#fff6 53%,#ffffff4d 56%,#00000080 62.5% 62.5%,#ffffff4d 69%,#fff6 72%,#ffffff4d 75%,#00000080 81.25% 81.25%,#ffffff4d 88%,#fff6 91%,#ffffff4d 94%,#00000080 100%);justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 15px 35px #0006}.layer-item:hover{filter:brightness(1.2);z-index:100!important;transform:scale(1.05)!important}.layer-item:before{content:"";width:100%;height:15px;clip-path:inherit;z-index:-1;background:linear-gradient(#000000b3,#0006);position:absolute;bottom:-8px;left:0}.layer-id-1{background-color:var(--color-overglaze);z-index:8;background-image:linear-gradient(135deg,#ffffff4d 0%,#0000 40%),linear-gradient(45deg,#ffffff1a 0%,#0000 20%),repeating-linear-gradient(90deg,#0000001a 0%,#0000 6%,#ffffff0d 12%)}.layer-id-2{background-color:var(--color-stone);background-blend-mode:overlay;z-index:7;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,#0003 0%,#0000 6%,#ffffff1a 12%);background-size:256px 256px,100% 100%}.layer-id-6{background-blend-mode:soft-light;z-index:3;background-color:#666;background-image:linear-gradient(90deg,#444 0%,#888 5%,#bbb 10%,#888 15%,#444 20% 25%,#888 30%,#bbb 35%,#888 40%,#444 45% 50%,#888 55%,#bbb 60%,#888 65%,#444 70% 75%,#888 80%,#bbb 85%,#888 90%,#444 100%),linear-gradient(#fff3 0%,#0000 50%,#0000004d 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.layer-id-3{background-color:var(--color-basecoat);z-index:6}.layer-id-4{background-color:var(--color-primer);z-index:5}.layer-id-5{background-color:var(--color-alloy);z-index:4}.layer-id-7{background-color:var(--color-alloy);z-index:2}.layer-id-8{background-color:var(--color-primer);z-index:1}.is-exploded .layer-id-1{transform:translateY(-420px)}.is-exploded .layer-id-2{transform:translateY(-360px)}.is-exploded .layer-id-3{transform:translateY(-300px)}.is-exploded .layer-id-4{transform:translateY(-240px)}.is-exploded .layer-id-5{transform:translateY(-180px)}.is-exploded .layer-id-6{transform:translateY(-120px)}.is-exploded .layer-id-7{transform:translateY(-60px)}.is-exploded .layer-id-8{transform:translateY(0)}.connector-svg-layers{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.connector-line-layers{fill:none;stroke:var(--white-layers);stroke-width:1.5px;stroke-dasharray:1000;stroke-dashoffset:1000px;opacity:0;transition:stroke-dashoffset 1s ease-out,opacity .5s}.is-exploded .connector-line-layers{stroke-dashoffset:0;opacity:.3}.labels-container-layers{pointer-events:none;flex-direction:column;justify-content:space-between;width:220px;padding:80px 0;display:flex;position:absolute;top:0;bottom:0;right:0}.label-item-layer{color:var(--white-layers);opacity:0;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px #00000080;font-size:13px;font-weight:700;transition:all .5s;transform:translate(30px)}.is-exploded .label-item-layer{opacity:.6;transform:translate(0)}.label-item-layer.is-highlight{color:var(--primary-layers);transform:scale(1.1)translate(10px);opacity:1!important}@media (width<=1100px){.section-container-layers{text-align:center;flex-direction:column;padding-top:80px}.content-side-layers p{margin:0 auto 40px}.controls-layers{justify-content:center}.diagram-side-layers{width:100%;height:550px;margin-top:20px}.layers-stack-layers{width:320px;transform:translate(-60px)translateY(120px)}.is-exploded .layer-id-1{transform:translateY(-280px)}.is-exploded .layer-id-2{transform:translateY(-240px)}.is-exploded .layer-id-3{transform:translateY(-200px)}.is-exploded .layer-id-4{transform:translateY(-160px)}.is-exploded .layer-id-5{transform:translateY(-120px)}.is-exploded .layer-id-6{transform:translateY(-80px)}.is-exploded .layer-id-7{transform:translateY(-40px)}.is-exploded .layer-id-8{transform:translateY(0)}.labels-container-layers{width:160px;right:20px}.label-item-layer{font-size:11px}}@media (width<=480px){.layers-stack-layers{width:240px;transform:translate(-40px)translateY(100px)}.diagram-side-layers{height:480px;margin-top:10px}.is-exploded .layer-id-1{transform:translateY(-210px)}.is-exploded .layer-id-2{transform:translateY(-180px)}.is-exploded .layer-id-3{transform:translateY(-150px)}.is-exploded .layer-id-4{transform:translateY(-120px)}.is-exploded .layer-id-5{transform:translateY(-90px)}.is-exploded .layer-id-6{transform:translateY(-60px)}.is-exploded .layer-id-7{transform:translateY(-30px)}.is-exploded .layer-id-8{transform:translateY(0)}.labels-container-layers{width:110px;padding:40px 0;bottom:40px;right:0}.label-item-layer{font-size:9px;line-height:1}.content-side-layers h2{font-size:26px}.cta-btn-layers{width:100%;padding:14px 20px;font-size:11px}.controls-layers{gap:10px}.control-btn-layers{flex:1;padding:10px 15px}}