.granular-frame{box-sizing:border-box;width:100%;height:100%;padding:2px;position:relative}.granular-frame .granular-frame-content{z-index:1;width:100%;height:100%;position:relative}.granular-frame-marco-1{background:radial-gradient(circle at 20% 30%, #c8c8c808 .5px, transparent .5px),radial-gradient(circle at 60% 70%, #b4b4b405 .5px, transparent .5px),radial-gradient(circle at 40% 50%, #bebebe06 .4px, transparent .4px),radial-gradient(circle at 80% 20%, #c8c8c805 .5px, transparent .5px),radial-gradient(circle at 10% 80%, #b9b9b908 .4px, transparent .4px),var(--color-background);border:1px solid var(--color-border);background-position:0 0,10px 10px,20px 20px,5px 5px,15px 15px;background-size:40px 40px,50px 50px,35px 35px,45px 45px,38px 38px;box-shadow:inset 0 0 20px #00000003}.granular-frame-marco-2{background:radial-gradient(circle at 25% 35%, #c9a96114 .6px, transparent .6px),radial-gradient(circle at 65% 75%, #d4c4b00f .5px, transparent .5px),radial-gradient(circle at 45% 55%, #c9a96112 .5px, transparent .5px),radial-gradient(circle at 85% 25%, #d4c4b00d .6px, transparent .6px),radial-gradient(circle at 15% 85%, #c9a9610f .5px, transparent .5px),radial-gradient(circle at 50% 10%, #d4c4b00d .5px, transparent .5px),var(--color-background);border:1px solid var(--color-accent-light);background-position:0 0,12px 12px,22px 22px,7px 7px,17px 17px,25px 25px;background-size:42px 42px,48px 48px,36px 36px,44px 44px,40px 40px,46px 46px;box-shadow:inset 0 0 25px #c9a96105}.granular-frame-marco-3{background:radial-gradient(circle at 20% 30%, #8b73551f .8px, transparent .8px),radial-gradient(circle at 60% 70%, #8b73551a .7px, transparent .7px),radial-gradient(circle at 40% 50%, #8b73551c .75px, transparent .75px),radial-gradient(circle at 80% 20%, #8b735517 .8px, transparent .8px),radial-gradient(circle at 10% 80%, #8b73551a .7px, transparent .7px),radial-gradient(circle at 50% 10%, #8b735514 .75px, transparent .75px),radial-gradient(circle at 30% 60%, #8b735517 .7px, transparent .7px),radial-gradient(circle at 70% 40%, #8b73551a .8px, transparent .8px),var(--color-background);border:1px solid var(--color-accent);background-position:0 0,8px 8px,15px 15px,5px 5px,12px 12px,20px 20px,10px 10px,18px 18px;background-size:30px 30px,35px 35px,32px 32px,33px 33px,31px 31px,34px 34px,29px 29px,36px 36px;box-shadow:inset 0 0 30px #8b735508}.granular-frame-content img,.granular-frame-content picture,.granular-frame-content [data-next-image]{z-index:2;position:relative}@media (max-width:768px){.granular-frame-marco-1,.granular-frame-marco-2,.granular-frame-marco-3{background-size:30px 30px,35px 35px,28px 28px,32px 32px,30px 30px}}