.arb{--arb-ease:cubic-bezier(.32, .72, .24, 1);background:var(--paper-bg);color:var(--paper-ink);padding:clamp(52px,6.5vw,96px) 0}.arb-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.arb-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(20px,4vw,56px);margin-bottom:clamp(24px,3vw,38px);display:grid}@media (width<=760px){.arb-head{grid-template-columns:1fr;align-items:start;gap:16px}}.arb-head h2{letter-spacing:-.042em;text-wrap:balance;max-width:20ch;margin:0;font-size:clamp(28px,3.8vw,48px);font-weight:500;line-height:1.05}.arb-head h2 em{color:var(--paper-acc);font-style:normal}.arb-head p{color:var(--paper-ink2);max-width:52ch;margin:14px 0 0;font-size:clamp(15px,1.2vw,17px);line-height:1.65}.arb-more{border:1px solid var(--paper-line2);white-space:nowrap;color:inherit;transition:background .24s var(--arb-ease), border-color .24s var(--arb-ease), color .24s var(--arb-ease);border-radius:99px;align-items:center;gap:10px;padding:13px 20px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex}.arb-more svg{stroke:currentColor;fill:none;stroke-width:1.9px;width:14px;height:14px;transition:transform .24s var(--arb-ease)}.arb-more:hover{background:var(--paper-ink);border-color:var(--paper-ink);color:var(--paper-bg)}.arb-more:hover svg{transform:translate(3px)}.arb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.arb-card.arb-one{aspect-ratio:auto;grid-column:span 2}@media (width<=1080px){.arb-card.arb-one{aspect-ratio:16/10}}@media (width<=600px){.arb-card.arb-one{aspect-ratio:3/4;grid-column:span 1}}.arb-one .arb-top{padding:22px 28px 0}.arb-one .arb-ttl{max-width:16ch;font-size:clamp(22px,2.1vw,28px)}.arb-one .arb-body{padding:0 28px 26px}.arb-one .arb-ozet{max-width:56ch;font-size:15.5px}.arb-one .arb-ph{-webkit-mask-image:linear-gradient(#0000 0 18%,#00000029 30%,#0000008c 42%,#000 58%);mask-image:linear-gradient(#0000 0 18%,#00000029 30%,#0000008c 42%,#000 58%)}@media (width<=1080px){.arb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.arb-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;gap:12px;margin:0 calc(-1*clamp(20px,4vw,48px));padding:0 clamp(20px,4vw,48px);scroll-padding-inline:clamp(20px,4vw,48px);display:flex;overflow-x:auto}.arb-grid::-webkit-scrollbar{display:none}.arb-grid>.arb-card{scroll-snap-align:start;flex:0 0 78vw;max-width:340px}.arb-prog{background:color-mix(in oklch, var(--paper-ink), transparent 85%);border-radius:99px;height:3px;margin-top:18px;position:relative}.arb-prog:before{content:"";left:var(--arb-x,0%);height:100%;width:var(--arb-w,25%);background:var(--paper-acc);border-radius:99px;transition:left .12s linear,width .12s linear;position:absolute;top:0}}@media (width>=601px){.arb-prog{display:none}}.arb-card{aspect-ratio:3/4;border-radius:var(--paper-r,18px);isolation:isolate;transition:transform .52s var(--arb-ease), box-shadow .52s var(--arb-ease);background:#efece5;text-decoration:none;display:block;position:relative;overflow:hidden}.arb-card.koyu{background:#141109}.arb-card:hover,.arb-card:focus-visible,.arb-card.is-acik{outline:0;transform:translateY(-5px);box-shadow:0 50px 80px -50px #16140f80}.arb-card:focus-visible{outline:2px solid var(--paper-acc);outline-offset:3px}.arb-ph{background:0 0;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0 24%,#00000024 34%,#00000085 47%,#000 62%);mask-image:linear-gradient(#0000 0 24%,#00000024 34%,#00000085 47%,#000 62%)}.arb-ph img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--arb-ease);display:block}.arb-card:hover .arb-ph img,.arb-card:focus-visible .arb-ph img,.arb-card.is-acik .arb-ph img{transform:scale(1.04)}.arb-scrim{z-index:1;transition:opacity .52s var(--arb-ease);background:linear-gradient(#1411098c 0%,#14110938 30%,#14110900 52%);position:absolute;inset:0}.arb-card.acik .arb-scrim{background:linear-gradient(#efece599 0%,#efece538 32%,#efece500 54%)}.arb-rev{z-index:2;clip-path:inset(0 0 100%);transition:clip-path .62s var(--arb-ease);background:#fff;position:absolute;inset:0}.arb-card.koyu .arb-rev{background:#131109}.arb-card:hover .arb-rev,.arb-card:focus-visible .arb-rev,.arb-card.is-acik .arb-rev{clip-path:inset(0)}.arb-top{z-index:3;pointer-events:none;padding:17px 22px 0;position:absolute;top:0;left:0;right:0}.arb-kx{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8;transition:color .42s var(--arb-ease);align-items:center;gap:8px;font-size:11px;display:inline-flex}.arb-kx b{background:#ff8a5b;border-radius:99px;flex:none;width:5px;height:5px}.arb-card.acik .arb-kx{color:#6e6861}.arb-card.acik .arb-kx b{background:#d24e24}.arb-ttl{letter-spacing:-.028em;color:#fff;text-wrap:pretty;transition:color .42s var(--arb-ease);margin-top:13px;font-size:clamp(18px,1.6vw,21px);font-weight:500;line-height:1.22;display:block}.arb-card.acik .arb-ttl{color:#16140f}.arb-body{z-index:4;opacity:0;pointer-events:none;transition:opacity .42s var(--arb-ease) .13s, transform .52s var(--arb-ease) .13s;padding:0 22px 22px;position:absolute;bottom:0;left:0;right:0;transform:translateY(14px)}.arb-card:hover .arb-body,.arb-card:focus-visible .arb-body,.arb-card.is-acik .arb-body{opacity:1;transform:none}.arb-ozet{color:#3d3830;font-size:14.5px;line-height:1.65;display:block}.arb-card.koyu .arb-ozet{color:#ffffffbd}.arb-meta{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:#6e6861;border-top:1px solid #16140f1f;align-items:center;gap:10px;margin-top:14px;padding-top:14px;font-size:11px;display:flex}.arb-card.koyu .arb-meta{color:#ffffff8c;border-top-color:#ffffff24}.arb-go{color:#d24e24;align-items:center;gap:7px;margin-left:auto;font-weight:500;display:inline-flex}.arb-card.koyu .arb-go{color:#ff8a5b}.arb-go svg{stroke:currentColor;fill:none;stroke-width:2.2px;width:12px;height:12px;transition:transform .26s var(--arb-ease)}.arb-card:hover .arb-go svg,.arb-card.is-acik .arb-go svg{transform:translate(3px)}.arb-card:hover .arb-scrim,.arb-card:focus-visible .arb-scrim,.arb-card.is-acik .arb-scrim{opacity:0}.arb-card:hover .arb-ttl,.arb-card:focus-visible .arb-ttl,.arb-card.is-acik .arb-ttl{color:#16140f}.arb-card.koyu:hover .arb-ttl,.arb-card.koyu:focus-visible .arb-ttl,.arb-card.koyu.is-acik .arb-ttl{color:#fff}.arb-card:hover .arb-kx,.arb-card:focus-visible .arb-kx,.arb-card.is-acik .arb-kx{color:#6e6861}.arb-card:hover .arb-kx b,.arb-card:focus-visible .arb-kx b,.arb-card.is-acik .arb-kx b{background:#d24e24}.arb-card.koyu:hover .arb-kx,.arb-card.koyu:focus-visible .arb-kx,.arb-card.koyu.is-acik .arb-kx{color:#ffffff8c}.arb-card.koyu:hover .arb-kx b,.arb-card.koyu:focus-visible .arb-kx b,.arb-card.koyu.is-acik .arb-kx b{background:#ff8a5b}@media (hover:none){.arb-card:hover{box-shadow:none;transform:none}}@media (prefers-reduced-motion:reduce){.arb-card,.arb-ph img,.arb-rev,.arb-body,.arb-scrim,.arb-more,.arb-more svg,.arb-go svg{transition:none}}