.layer-fan-fit{width:100%;min-width:0;margin:0 auto}.layer-mark-fit{width:100%;min-width:0;max-width:320px;margin:0 auto}.layer-fan{height:360px;position:relative}.layer-fan .row{height:0;transition:top .4s cubic-bezier(.2,.8,.25,1);position:absolute;left:0;right:0}.layer-fan .row-1{top:110px}.layer-fan .row-2{top:150px}.layer-fan .row-3{top:190px}.layer-fan .row-4{top:230px}.layer-fan:hover .row-1{top:80px}.layer-fan:hover .row-2{top:140px}.layer-fan:hover .row-3{top:200px}.layer-fan:hover .row-4{top:260px}.layer-fan .plate{box-sizing:border-box;border-radius:22px;width:165px;height:165px;position:absolute;left:50%;transform:translate(-50%,-50%)scaleY(.6)rotate(45deg)}.layer-fan .row-1 .plate{background:#d2d2d2}.layer-fan .row-2 .plate{background:#a6a6a6}.layer-fan .row-3 .plate{background:#4d4d4d}.layer-fan .row-4 .plate{background:#262626}.layer-fan .label{white-space:nowrap;position:absolute;top:0;transform:translateY(-50%)}.layer-fan .label.right{text-align:left;left:calc(50% + 138px)}.layer-fan .label.left{text-align:right;right:calc(50% + 138px)}.layer-fan .label .name{letter-spacing:-.01em;color:#141111;font-family:Georgia,serif;font-size:14px;font-weight:400;line-height:1.3;display:block}.layer-fan .label .sub{color:#8a8a84;margin-top:2px;font-size:11px;font-weight:400;line-height:1.4;display:block}.layer-fan .leader{background:#c4c4c4;width:20px;height:1px;position:absolute;top:0}.layer-fan .leader.right{left:calc(50% + 112px)}.layer-fan .leader.left{right:calc(50% + 112px)}.layer-fan--compact .plate{left:120px}.layer-fan--compact .label.right{left:258px}.layer-fan--compact .leader.right{left:232px}.layer-mark{width:320px;height:340px;position:relative}.layer-mark .layer{box-sizing:border-box;border-radius:22px;width:165px;height:165px;transition:top .4s cubic-bezier(.2,.8,.25,1),width .4s cubic-bezier(.2,.8,.25,1),height .4s cubic-bezier(.2,.8,.25,1);position:absolute;left:50%;transform:translate(-50%,-50%)scaleY(.6)rotate(45deg)}.layer-mark .layer-1{background:#262626;top:123px}.layer-mark .layer-2{background:#4d4d4d;top:154px}.layer-mark .layer-3{background:#a6a6a6;top:185px}.layer-mark .layer-4{background:#d2d2d2;top:216px}.layer-mark:hover .layer-1{top:94px}.layer-mark:hover .layer-2{top:144px}.layer-mark:hover .layer-3{top:194px}.layer-mark:hover .layer-4{top:244px}.layer-mark .layer.is-accent{border:1.5px solid #923109}.layer-mark:hover .layer.is-accent{width:180px;height:180px}@media (prefers-reduced-motion:reduce){.layer-fan .row,.layer-mark .layer{transition:none}}