body.bang{background:var(--white)}body.bang .wrap{width:min(var(--max-wide),calc(100% - 32px));margin:0 auto}body.bang .wrap-n{width:min(var(--max),calc(100% - 32px));margin:0 auto}body.bang .top{position:fixed;left:0;right:0}body.bang .top .logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:17px;letter-spacing:-.02em;color:var(--on-dark)}body.bang .top .logo i{width:22px;height:22px;border-radius:7px;background:linear-gradient(160deg,var(--ice-0),var(--ice-3) 55%,var(--ice-4));box-shadow:inset 0 1px 0 #fff,0 0 12px rgb(150 200 255 / .35)}body.bang .top .logo em{font-style:normal;color:var(--ice-3)}body.bang .top nav{gap:26px}body.bang .top nav a{font-size:13.5px;transition:color var(--d-ui) var(--ui)}body.bang .top nav a.ext::after{content:"↗";font-size:11px;margin-left:3px;opacity:.7}body.bang .top .r{display:flex;align-items:center;gap:14px}body.bang .top .icon-btn{all:unset;cursor:pointer;width:32px;height:32px;display:grid;place-items:center;border-radius:999px;color:var(--on-deep)}body.bang .top .icon-btn svg.i{width:18px;height:18px}body.bang .top .cta-s{height:30px;padding:0 14px;font-size:13px;font-weight:600;border-radius:999px;background:var(--act);color:#fff;display:inline-flex;align-items:center}body.bang .top .burger{display:none}body.bang body.light-top .top{background:rgb(255 255 255 / .72);color:var(--ink);border-bottom:1px solid var(--line)}body.bang body.light-top .top .logo{color:var(--ink)}body.bang body.light-top .top nav a{color:var(--mute)}body.bang body.light-top .top nav a.on,body.bang body.light-top .top nav a:hover{color:var(--ink)}body.bang body.light-top .top .icon-btn{color:var(--ink)}body.bang body.light-top .top .logo em{color:var(--act)}body.bang .msheet{position:fixed;inset:0;z-index:80;pointer-events:none}body.bang .msheet .bg{position:absolute;inset:0;background:rgb(0 0 0 / .4);opacity:0;transition:opacity .32s var(--ui)}body.bang .msheet .pane{position:absolute;left:8px;right:8px;top:8px;border-radius:30px;padding:14px 18px 22px;transform:translate3d(0,-110%,0);transition:transform .6s var(--spring)}body.bang .msheet.on{pointer-events:auto}body.bang .msheet.on .bg{opacity:1}body.bang .msheet.on .pane{transform:none}body.bang .msheet .pane a.it{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;font-size:22px;font-weight:600;letter-spacing:-.02em;border-top:1px solid rgb(190 220 255 / .14)}body.bang .msheet .pane a.it:first-of-type{border-top:0}body.bang .msheet .pane a.it small{font-size:13px;font-weight:500;color:var(--on-dark-mute)}body.bang .msheet .pane .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}body.bang .tabbar{display:none}body.bang .tabbar{transform:translate3d(-50%,140%,0);transition:transform .7s var(--spring)}body.bang .tabbar.on{transform:translate3d(-50%,0,0)}body.bang .tabbar a{position:relative;z-index:1}body.bang .tabbar .thumb{position:absolute;top:5px;bottom:5px;left:0;border-radius:999px;background:rgb(255 255 255 / .92);box-shadow:0 2px 8px rgb(20 60 110 / .16);transition:transform .55s var(--spring),width .55s var(--spring)}body.bang .tabbar a.on{background:#fff0;box-shadow:none}body.bang main.tiles{display:grid;gap:var(--gap);padding-bottom:var(--gap)}body.bang .row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}body.bang .row3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}body.bang .tile{position:relative;overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:620px;padding-top:56px}body.bang .tile.dark{background:var(--black);color:var(--on-dark)}body.bang .tile.light{background:var(--paper)}body.bang .tile.white{background:var(--white)}body.bang .tile .h{font-size:var(--t-hero);font-weight:600;line-height:1.07;letter-spacing:-.005em;padding:0 16px;text-wrap:balance}body.bang .tile .s{font-size:var(--t-sub);line-height:1.15;margin-top:6px;padding:0 16px;text-wrap:balance}body.bang .tile.dark .s{color:var(--on-dark)}body.bang .row2 .tile .h,body.bang .row3 .tile .h{font-size:clamp(30px,2.9vw,40px)}body.bang .row2 .tile .s,body.bang .row3 .tile .s{font-size:clamp(18px,1.5vw,21px)}body.bang .acts{display:flex;gap:14px;justify-content:center;margin-top:18px}body.bang .tile.dark .btn-line{color:var(--link-dark)}body.bang .vis{flex:1;width:100%;position:relative;display:grid;place-items:center;padding:28px 20px 40px}body.bang .eyebrow{font-size:14px;font-weight:600;color:var(--mute);letter-spacing:-.01em;margin-bottom:8px}body.bang .tile.dark .eyebrow{color:var(--on-dark-mute)}body.bang .reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .8s var(--ui),transform 1s var(--out)}body.bang .seen .reveal,body.bang .reveal.seen{opacity:1;transform:none}body.bang .seen .reveal.d1{transition-delay:.08s}body.bang .seen .reveal.d2{transition-delay:.16s}body.bang .seen .reveal.d3{transition-delay:.24s}body.bang .word-s{display:block;height:clamp(56px,7vw,96px);width:auto;max-width:90%;overflow:visible}body.bang .proof{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);width:min(1100px,calc(100% - 32px));margin-top:36px}body.bang .proof .p{border-radius:var(--r-card);padding:26px 24px;text-align:left;background:#fff;box-shadow:0 1px 2px rgb(0 0 0 / .04),0 10px 30px -14px rgb(20 40 70 / .18)}body.bang .proof b{display:block;font-size:clamp(28px,2.8vw,40px);font-weight:700;letter-spacing:-.035em;line-height:1.05}body.bang .proof span{display:block;font-size:15px;font-weight:600;margin-top:10px}body.bang .proof small{display:block;font-size:13px;color:var(--mute);margin-top:4px}body.bang .src{font-size:13px;color:var(--mute);margin-top:18px;padding:0 16px;max-width:760px}body.bang .tile.dark .src{color:var(--on-dark-mute)}body.bang .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);width:100%;text-align:left}body.bang .post{position:relative;display:flex;flex-direction:column;border-radius:var(--r-tile);overflow:hidden;background:var(--paper);transition:transform .45s var(--spring),box-shadow var(--d-ui) var(--ui)}body.bang .post:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgb(20 60 110 / .35)}body.bang .post .im{aspect-ratio:16/9;overflow:hidden;background:#e9e4dc}body.bang .post .im img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--out)}body.bang .post:hover .im img{transform:scale(1.03)}body.bang .post .tx{padding:18px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}body.bang .post .tg{font-size:12px;font-weight:600;color:var(--act)}body.bang .post h3{font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.018em;text-wrap:pretty}body.bang .post .mt{margin-top:auto;font-size:13px;color:var(--mute)}body.bang .post.big{grid-column:span 2;flex-direction:row}body.bang .post.big .im{flex:1.25;aspect-ratio:auto;min-height:320px}body.bang .post.big .tx{flex:1;padding:30px 30px;justify-content:center}body.bang .post.big h3{font-size:clamp(22px,2.2vw,30px);line-height:1.15}body.bang .post.big p{font-size:15.5px;color:var(--mute)}body.bang .post.dark{background:#111317;color:var(--on-dark)}body.bang .post.dark .mt{color:var(--on-dark-mute)}body.bang .post.dark .tg{color:var(--link-dark)}body.bang .chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px;max-width:100%}body.bang .chips::-webkit-scrollbar{display:none}body.bang .chips a{flex:none;font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;color:var(--ink-2);background:#fff;border:1px solid var(--line);white-space:nowrap;transition:background var(--d-ui) var(--ui),color var(--d-ui) var(--ui)}body.bang .chips a.on{background:var(--ink);color:#fff;border-color:var(--ink)}body.bang .chips a small{font-weight:500;opacity:.6;margin-left:5px}body.bang .store{background:var(--black);color:var(--on-dark)}body.bang .store-words{display:grid;gap:2px;place-items:center}body.bang .store-words svg{display:block;height:clamp(40px,5.6vw,78px);width:auto;overflow:visible}body.bang .store-chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}body.bang .store-chips span{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;padding:10px 16px;border-radius:999px}body.bang .store-chips b{color:var(--ice-3);font-weight:700}body.bang .store-band{display:flex;align-items:center;gap:20px;border-radius:var(--r-card);padding:22px 24px;background:var(--black);color:var(--on-dark);position:relative;overflow:hidden}body.bang .store-band::before{content:"";position:absolute;inset:-40% -10% auto auto;width:60%;height:180%;background:radial-gradient(closest-side,rgb(169 200 234 / .22),transparent);pointer-events:none}body.bang .store-band .ic{width:52px;height:52px;border-radius:16px;flex:none;display:grid;place-items:center;background:linear-gradient(160deg,var(--ice-1),var(--ice-3));color:var(--deep)}body.bang .store-band .ic svg.i{width:26px;height:26px}body.bang .store-band b{display:block;font-size:18px;font-weight:600;letter-spacing:-.015em}body.bang .store-band span{font-size:14.5px;color:var(--on-dark-mute)}body.bang .store-band .btn{margin-left:auto;flex:none}body.bang .foot{background:var(--paper);color:var(--mute);font-size:12.5px;padding:40px 0 120px}body.bang .foot .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}body.bang .foot h4{font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:10px}body.bang .foot .cols a{display:block;padding:4px 0;color:var(--ink-2)}body.bang .foot .cols a:hover{color:var(--act)}body.bang .foot .bt{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:18px}body.bang .form{width:min(560px,calc(100% - 32px));border-radius:var(--r-card);padding:26px;text-align:left;display:grid;gap:14px}body.bang .form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.bang .form select.input{appearance:none;-webkit-appearance:none;background:rgb(255 255 255 / .8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2333475c' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 16px center}body.bang .form textarea.input{height:96px;padding:14px 16px;resize:none;line-height:1.45}body.bang .form .pick{display:flex;flex-wrap:wrap;gap:8px}body.bang .form .pick label{cursor:pointer}body.bang .form .pick input{position:absolute;opacity:0;pointer-events:none}body.bang .form .pick span{display:inline-flex;font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink-2);transition:all var(--d-ui) var(--ui)}body.bang .form .pick input:checked+span{background:var(--act);color:#fff;border-color:var(--act)}body.bang .form .ok{display:flex;gap:10px;font-size:13px;color:var(--mute);align-items:flex-start}body.bang .form .ok input{margin-top:3px;accent-color:var(--act)}body.bang .glass-dark .input{background:rgb(232 242 255 / .07);border-color:rgb(190 220 255 / .2);color:var(--on-dark)}body.bang .glass-dark .field span{color:var(--on-dark-mute)}body.bang .faq{width:min(820px,calc(100% - 32px));text-align:left;margin-top:30px}body.bang .faq details{border-top:1px solid var(--line)}body.bang .faq details:last-child{border-bottom:1px solid var(--line)}body.bang .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:18px;font-weight:600;letter-spacing:-.015em}body.bang .faq summary::-webkit-details-marker{display:none}body.bang .faq summary i{width:28px;height:28px;border-radius:999px;background:var(--act-soft);color:var(--act);display:grid;place-items:center;flex:none;transition:transform .45s var(--spring)}body.bang .faq details[open] summary i{transform:rotate(45deg)}body.bang .faq details p{padding:0 4px 20px;color:var(--ink-2);max-width:68ch}body.bang .search{display:flex;align-items:center;gap:10px;height:56px;border-radius:999px;padding:0 8px 0 20px;width:min(620px,calc(100% - 32px))}body.bang .search input{all:unset;flex:1;font-size:17px;min-width:0;text-align:left}body.bang .search .btn{height:40px}body.bang .tile.dark .search input{color:var(--on-dark)}body.bang .tile.dark .search input::placeholder{color:var(--on-dark-mute)}@media (max-width:900px){body.bang .posts{grid-template-columns:1fr 1fr}body.bang .post.big{grid-column:span 2}}@media (max-width:760px){body.bang .top .burger{display:grid}body.bang .top .cta-s{display:none}body.bang .tabbar{display:flex}body.bang .row2,body.bang .row3{grid-template-columns:1fr}body.bang .tile{min-height:auto;padding-top:44px}body.bang .proof{grid-template-columns:1fr;gap:10px}body.bang .posts{grid-template-columns:1fr}body.bang .post.big{grid-column:auto;flex-direction:column}body.bang .post.big .im{aspect-ratio:16/9;min-height:0}body.bang .post.big .tx{padding:18px 22px 22px}body.bang .foot .cols{grid-template-columns:1fr 1fr}body.bang .form .two{grid-template-columns:1fr}body.bang .store-band{flex-wrap:wrap}body.bang .store-band .btn{margin-left:0;width:100%}}@media (prefers-reduced-motion:reduce){body.bang .reveal{opacity:1;transform:none}body.bang .tabbar{transform:translate3d(-50%,0,0)}}body.bang .tile.light .post{background:#fff}body.bang .hero{min-height:auto;padding:120px 0 64px}body.bang .hero .word-s{margin-top:34px;height:clamp(70px,11vw,150px)}body.bang .sub-nav{position:sticky;top:48px;z-index:40;display:flex;justify-content:center;padding:10px 16px;background:rgb(255 255 255 / .78);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-bottom:1px solid var(--line)}body.bang .sec-h{font-size:var(--t-h2);font-weight:600;letter-spacing:-.02em;line-height:1.1}body.bang .list-g{width:min(520px,calc(100% - 32px));border-radius:var(--r-card);padding:6px 22px;text-align:left}body.bang .list-g div{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line);font-size:16px}body.bang .list-g div:first-child{border-top:0}body.bang .list-g svg.i{color:var(--act);margin-top:2px}body.bang .glass-dark.list-g div{border-color:rgb(190 220 255 / .14)}body.bang .glass-dark.list-g svg.i{color:var(--link-dark)}body.bang .list-g small{display:block;font-size:13.5px;color:var(--mute);margin-top:2px}body.bang .glass-dark.list-g small{color:var(--on-dark-mute)}@media (max-width:760px){body.bang .hero{padding:96px 0 48px}}