.bulk-hero{position:relative;isolation:isolate;height:100svh;min-height:660px;max-height:1400px;overflow:hidden;background:#fff;color:#000}
.bulk-art{position:absolute;left:54%;top:50%;width:min(760px,70vw);height:92%;max-height:900px;transform:translate(-50%,-50%);pointer-events:none;z-index:-1}
.bulk-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .7s}.bulk-art.is-ready .bulk-canvas{opacity:1}.bulk-art.is-ready .bulk-fallback{display:none}
.bulk-fallback{position:absolute;width:68%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-image:radial-gradient(#111 1px,transparent 1.3px);background-size:5px 5px;box-shadow:inset -55px -15px 75px 15px #ffffffd9}
.bulk-copy{position:absolute;left:10.4%;top:50%;transform:translateY(-50%);padding-bottom:5px;pointer-events:none}
.bulk-copy h1{margin:0;font-family:"Segoe UI Variable Display","Segoe UI","Helvetica Neue",sans-serif;font-size:clamp(82px,9.45vw,170px);font-weight:400;letter-spacing:-.045em;line-height:1.02}
.header>.wordmark{font-family:"Segoe UI Variable Display","Segoe UI","Helvetica Neue",sans-serif;font-style:normal;font-weight:600;font-size:48px;letter-spacing:-.065em}
.bulk-copy h1>span{display:block;animation:bulk-heading-in 1.1s cubic-bezier(.2,.65,.2,1) both}.bulk-copy h1>span+span{animation-delay:.12s}
.bulk-copy>p{font-size:clamp(12px,1.35vw,20px);font-weight:500;letter-spacing:.075em;line-height:1.8;margin:34px 0 0;animation:bulk-heading-in 1.2s .3s both}
.bulk-counter{position:absolute;right:3.2%;top:50%;transform:translateY(-50%);padding:10px;border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:20px;color:#111;font:500 9px Arial,sans-serif;cursor:pointer}
.bulk-counter>span{writing-mode:vertical-rl;letter-spacing:.15em}.bulk-counter>i{height:120px;width:1px;background:#aaa;position:relative}.bulk-counter>i>b{position:absolute;left:0;top:0;width:1px;height:50%;background:#111;transition:height 1s}.bulk-counter:hover>i{width:2px}
.bulk-motifs{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px;white-space:nowrap}
.bulk-motifs>button{border:0;border-bottom:1px solid transparent;background:transparent;padding:9px 0;font-size:10px;font-weight:500;letter-spacing:.04em;color:#888;cursor:pointer;transition:color .25s,border-color .25s}
.bulk-motifs>button>small{font:400 8px Arial,sans-serif;margin-right:7px;color:inherit}.bulk-motifs>button[aria-pressed="true"]{color:#111;border-color:#111}.bulk-motifs>button:hover{color:#111}
@media(max-width:760px){.bulk-motifs{bottom:66px;gap:16px}.bulk-motifs>button{font-size:9px}.bulk-motifs>button>small{font-size:7px;margin-right:4px}}
.bulk-scroll{position:absolute;bottom:0;left:3.2%;display:flex;align-items:center;flex-direction:column;gap:12px;font:500 9px Arial,sans-serif;letter-spacing:.07em}.bulk-scroll>span{writing-mode:vertical-rl}.bulk-scroll>i{width:1px;height:55px;position:relative;background:#bbb;overflow:hidden}.bulk-scroll>i:after{content:"";position:absolute;top:-100%;left:0;width:1px;height:100%;background:#111;animation:bulk-scroll-line 2.8s ease-in-out infinite}
.bulk-copyright{position:absolute;right:3.2%;bottom:29px;font:500 7px Arial,sans-serif;letter-spacing:.19em}
@keyframes bulk-heading-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes bulk-scroll-line{0%{transform:translateY(0)}65%,100%{transform:translateY(200%)}}
@media(min-width:1600px){.bulk-copy>p{margin-top:45px}.bulk-art{width:min(1050px,68vw)}}
@media(max-width:1000px){.bulk-copy h1{font-size:10vw}.bulk-copy{left:8%}.bulk-art{width:80vw;left:56%}.bulk-copy>p{font-size:12px;letter-spacing:.02em}}
@media(max-width:760px){.bulk-hero{height:100svh;min-height:680px;max-height:1000px}.bulk-copy{left:7%;top:47%;right:4%;padding:0}.bulk-copy h1{font-size:clamp(58px,13.7vw,102px);letter-spacing:-.06em;line-height:.96}.bulk-copy>p{font-size:10px;line-height:1.9;letter-spacing:.02em;max-width:260px;margin-top:24px}.bulk-art{width:132vw;height:76%;left:55%;top:49%}.bulk-counter{right:2%;top:67%;font-size:7px;padding:8px;gap:13px}.bulk-counter>i{height:73px}.bulk-scroll{left:7%;font-size:8px;gap:10px}.bulk-scroll>i{height:48px}.bulk-copyright{right:7%;bottom:21px;font-size:6px;letter-spacing:.08em}}
@media(max-width:760px){.bulk-copy h1{font-weight:400;letter-spacing:-.045em;line-height:1.02}.header>.wordmark{font-size:36px;letter-spacing:-.065em}}
.bulk-copy h1.bulk-heading-ja{font-family:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:clamp(44px,5.6vw,88px);font-weight:500;line-height:1.6;letter-spacing:.045em}
@media(max-width:760px){.bulk-copy h1.bulk-heading-ja{font-size:clamp(30px,7.5vw,54px);line-height:1.7;letter-spacing:.035em}.bulk-copy h1.bulk-heading-ja>span{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.bulk-hero *,.bulk-hero *:after{animation:none!important;transition:none!important}}