.cl-art{height:100%;color:var(--ink);display:block}.cl-art:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.cl-art__frame{height:100%;transition:border-color .3s var(--ease);background:linear-gradient(#fff 0%,#fafafb 100%);border:1px solid #0000001a;flex-direction:column;display:flex;position:relative}.cl-art__frame:before{content:"";z-index:3;transform-origin:0;height:2px;transition:transform .6s var(--ease);background:linear-gradient(90deg,#ffc27a,#f90 50%,#e35f12);position:absolute;inset:-1px -1px auto;transform:scaleX(0)}.cl-art__shot{aspect-ratio:16/10;background:radial-gradient(70% 55% at 50% 108%,#ff990057,#0000 70%),radial-gradient(#ffffff24 1px,#0000 1.2px) 0 0/18px 18px,linear-gradient(#121214 0%,#050506 100%);flex:none;margin:10px 10px 0;position:relative;overflow:hidden}.cl-art__shot:after{content:"";opacity:0;transition:opacity .6s var(--ease);pointer-events:none;background:radial-gradient(70% 55% at 50% 108%,#ff990040,#0000 70%);position:absolute;inset:0}.cl-art__shot img{object-fit:contain;filter:drop-shadow(0 18px 28px #0000008c);width:84%;height:82%;transition:transform .9s var(--ease);position:absolute;inset:9% 8%}.cl-art__drawing{width:100%;height:100%;position:absolute;inset:0}.cl-art__drawing circle,.cl-art__drawing rect{transition:transform 1.2s var(--ease);transform-box:fill-box;transform-origin:50%}.cl-art__tag,.cl-art__badge{z-index:2;font-family:var(--fmono);letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;font-size:11px;font-weight:500;line-height:1.3;position:absolute;top:12px;left:12px}.cl-art__tag{color:#fff;background:#0000008c;border:1px solid #ffffff38}.cl-art__badge{background:var(--orange);color:#000}.cl-art__kind{z-index:2;font-family:var(--fmono);letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;font-size:11px;font-weight:500;line-height:1.3;position:absolute;top:12px;left:12px}.cl-art__kind--blog{color:#fff;background:#0009;border:1px solid #ffffff47}.cl-art__kind--case{color:#000;background:linear-gradient(#ffad33,#f90);border:1px solid #ffb84d}.cl-art__body{flex-direction:column;flex:1;align-items:flex-start;padding:clamp(18px,2vw,24px) clamp(18px,2vw,26px) clamp(20px,2.2vw,26px);display:flex;position:relative}.cl-art__meta{font-family:var(--fmono);letter-spacing:.08em;text-transform:uppercase;color:var(--gray);font-size:12px;line-height:1.5}.cl-art__title{color:var(--ink);letter-spacing:-.015em;text-wrap:balance;margin-top:10px;font-weight:400}.cl-art__excerpt{color:var(--ink-2);max-width:46ch;margin-top:14px;font-size:17px;font-weight:300;line-height:1.55}.cl-art__more{font-family:var(--fmono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);align-items:center;gap:10px;margin-top:auto;padding-top:22px;font-size:13px;font-weight:500;display:inline-flex}.cl-art__more svg{width:18px;height:18px;color:var(--orange);transition:transform .35s var(--ease)}@media (min-width:761px){.cl-art--lead .cl-art__frame,.cl-art--case .cl-art__frame{flex-direction:row-reverse;align-items:stretch}.cl-art--lead .cl-art__shot,.cl-art--case .cl-art__shot{aspect-ratio:auto;align-self:stretch;width:54%;min-height:340px;margin:10px}.cl-art--lead .cl-art__body,.cl-art--case .cl-art__body{justify-content:center;padding:clamp(28px,3.4vw,52px)}.cl-art--lead .cl-art__title,.cl-art--case .cl-art__title{letter-spacing:-.025em;max-width:22ch;margin-top:14px;font-size:clamp(26px,2.5vw,38px);line-height:1.1}.cl-art--lead .cl-art__more,.cl-art--case .cl-art__more{margin-top:0;padding-top:28px}}@media (max-width:760px){.cl-art__excerpt{display:none}}.cl-art__signal{display:none}@media (hover:hover){.cl-art:hover .cl-art__frame{border-color:#00000047}.cl-art:hover .cl-art__frame:before{transform:none}.cl-art:hover .cl-art__shot:after{opacity:1}.cl-art:hover .cl-art__shot img{transform:scale(1.035)}.cl-art:hover .cl-art__more svg{transform:translate(5px)}.cl-art:hover .cl-art__drawing circle{transform:scale(1.12)}}.cl-art:focus-visible .cl-art__frame:before{transform:none}@media (prefers-reduced-motion:reduce){.cl-art__frame,.cl-art__frame:before,.cl-art__shot:after,.cl-art__shot img,.cl-art__more svg,.cl-art__drawing circle,.cl-art__drawing rect{transition:none}.cl-art:hover .cl-art__shot img{transform:none}}