@layer components{.desk{z-index:1;width:100%;height:40%;display:flex;position:absolute;bottom:0;left:0}.desk__section{flex-direction:column-reverse;display:flex}.desk__section--left,.desk__section--right{flex:1}.desk__section--center{flex:2}.desk__top{background-color:var(--grey-3);border-top:var(--border);border-bottom:var(--border);flex:0 0 45%}.desk__section--left .desk__top{border-right:var(--border);z-index:2;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(10,1fr);gap:5%;padding:7% 7% 9%;display:grid;transform:perspective(13em)scale(1.05)rotateY(5deg)translate(1%,14.5%)skew(10deg,-9deg);box-shadow:-.4vw .5vw 0 .1vw #0000001a,inset 0 0 0 100vw #00000026}.desk__section--right .desk__top{transform:perspective(13em)scale(1.05)rotateY(-5deg)translate(-1%,14.5%)skew(-10deg,9deg);box-shadow:.4vw .5vw 0 .1vw #0000001a}.desk__bottom{background-color:var(--grey-1);flex:1;justify-content:space-between;display:flex;position:relative}.desk__bottom:after{content:"";opacity:.02;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 110 110\"><filter id=\"grain\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.05\" numOctaves=\"1\" stitchTiles=\"stitch\" /></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23grain)\" /></svg>");background-size:10vmin 10vmin;width:100%;height:100%;position:absolute;top:0;left:0}.desk__section--left .desk__bottom{border-right:var(--border);z-index:2;transform:scale(1.2)translate(-5%,5%);box-shadow:inset 0 0 0 100vw #0003}.desk__section--right .desk__bottom{border-left:var(--border);transform:scale(1.2)translate(5%,5%)}.desk__section--center .desk__bottom{position:relative;transform:scaleY(1.05)translateY(-1%)}.desk__section--center .desk__top{border-right:var(--border);z-index:1;display:flex;transform:perspective(13em)rotateX(-7deg)translateY(2%);box-shadow:-.05vmin 1vmin 0 .2vmin #0000001a}.desk__section--center .desk__top-left,.desk__section--center .desk__top-right{flex:100%}.desk__section--center .desk__top-left{border-right:var(--border);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(10,1fr);gap:5.5%;padding:3.5% 3.5% 5%;display:grid}.desk__section--center .desk__top-right{justify-content:space-between;align-items:center;gap:1%;padding:3% 1.5% 2.5%;display:flex}.desk__section--right .desk__top{justify-content:center;align-items:center;gap:6%;padding:3% 1.5% 2.5%;display:flex}}