.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.flow-home{overflow-x:hidden}
.flow-home .opening-scene{position:relative;height:100svh;min-height:540px;overflow:hidden;background:#3b3b36;color:#fff;isolation:isolate}
.category-slides,.category-slide,.category-image,.category-image img,.category-shade{position:absolute;inset:0;width:100%;height:100%}
.category-slide{z-index:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.05s cubic-bezier(.2,.7,.2,1),visibility 1.05s;overflow:hidden}
.category-slide.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto}
.category-slide.is-leaving{visibility:visible;z-index:0}
.category-image img{object-fit:cover;object-position:center;transform:scale(1.02);will-change:transform}
.category-slide.is-active .category-image img{animation:category-zoom 7.7s linear both}
@keyframes category-zoom{from{transform:scale(1.02)}to{transform:scale(1.105)}}
.category-shade{background:linear-gradient(90deg,rgba(18,18,16,.51) 0%,rgba(18,18,16,.13) 58%,rgba(18,18,16,.23) 100%),linear-gradient(0deg,rgba(13,13,13,.48),transparent 47%,rgba(0,0,0,.16));}
.category-content{position:absolute;left:6vw;bottom:15.5vh;max-width:min(72vw,1050px);z-index:2;text-shadow:0 2px 24px rgba(0,0,0,.2)}
.category-overline{font:600 12px/1.5 var(--sans);letter-spacing:.19em;text-transform:uppercase;opacity:.88;transform:translateY(16px);opacity:0;transition:transform .8s .2s,opacity .8s .2s}
.category-overline span{margin:0 12px;opacity:.6}
.category-content h2{font:300 clamp(4.7rem,10vw,10.5rem)/.94 var(--serif);letter-spacing:-.054em;margin:26px 0 17px;white-space:nowrap;transform:translateY(34px);opacity:0;transition:transform .92s .28s,opacity .92s .28s}
.category-stop{color:#c39e84}
.category-description{font:400 clamp(15px,1.24vw,19px)/1.6 var(--sans);max-width:520px;transform:translateY(22px);opacity:0;transition:transform .8s .39s,opacity .8s .39s}
.category-link{display:inline-flex;align-items:center;gap:34px;margin-top:46px;padding:0 0 8px;border-bottom:1px solid rgba(255,255,255,.78);font:600 12px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;transform:translateY(18px);opacity:0;transition:transform .8s .48s,opacity .8s .48s,border-color .3s}
.category-link:hover{border-color:#c39e84}.category-link span{font-size:21px;font-weight:300;letter-spacing:0}
.category-slide.is-active .category-overline,.category-slide.is-active .category-content h2,.category-slide.is-active .category-description,.category-slide.is-active .category-link{transform:none;opacity:1}
.category-index{position:absolute;z-index:3;right:5vw;top:35%;display:flex;flex-direction:column;gap:11px;align-items:flex-end}
.category-marker{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-height:37px;min-width:92px;padding:4px 0;border:0;background:none;color:rgba(255,255,255,.67);font:600 12px/1 var(--sans);letter-spacing:.11em;text-align:right;transition:color .3s,transform .3s}
.category-marker:hover,.category-marker.is-active{color:#fff}.category-marker.is-active{transform:translateX(-5px)}
.category-marker>span:first-child{position:relative}.category-marker.is-active>span:first-child:before{content:"";position:absolute;right:calc(100% + 11px);top:50%;width:27px;height:1px;background:#d6b098}
.marker-name{font:400 13px/1.3 var(--sans);letter-spacing:.02em;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .5s,opacity .5s}
.category-marker.is-active .marker-name,.category-marker:hover .marker-name{max-width:150px;opacity:1}
.category-controls{position:absolute;right:5vw;bottom:7.5vh;z-index:3;display:flex;align-items:center;gap:10px}
.category-arrow{display:grid;place-items:center;width:57px;height:57px;border:1px solid rgba(255,255,255,.58);border-radius:50%;color:white;background:rgba(0,0,0,.08);font:300 25px/1 var(--sans);transition:background .3s,transform .3s,border-color .3s}
.category-arrow:hover{background:rgba(255,255,255,.19);border-color:#fff;transform:scale(1.06)}
.category-count{min-width:65px;text-align:right;margin-left:14px;font:600 11px/1 var(--sans);letter-spacing:.09em;color:rgba(255,255,255,.72)}.category-count b{font-weight:600;color:#fff}.category-count span{margin:0 4px}
.category-timer{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:3;background:rgba(255,255,255,.13)}.category-timer span{display:block;width:0;height:100%;background:#d5ae96}.category-stage.is-playing .category-timer span{animation:category-progress 7s linear forwards}@keyframes category-progress{to{width:100%}}
.category-stage:after{content:"";position:absolute;inset:0;z-index:5;background:#ede8e2;transform:translateY(101%);transition:transform .52s cubic-bezier(.65,0,.2,1);pointer-events:none}.category-stage.is-exiting:after{transform:translateY(0)}
.editorial-cursor{position:fixed;left:0;top:0;z-index:200;pointer-events:none;opacity:0;transition:opacity .2s;color:white}.editorial-cursor.is-visible{opacity:1}
.cursor-dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#e8c2a8;transform:translate3d(var(--dot-x,0px),var(--dot-y,0px),0)}
.cursor-ring{position:absolute;left:-23px;top:-23px;width:46px;height:46px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;transform:translate3d(var(--ring-x,0px),var(--ring-y,0px),0);transition:width .28s,height .28s,left .28s,top .28s,background .28s,border-color .28s;backdrop-filter:blur(1px)}
.cursor-word{font:600 10px/1 var(--sans);letter-spacing:.02em;opacity:0;transition:opacity .2s}.editorial-cursor.has-label .cursor-ring{left:-43px;top:-43px;width:86px;height:86px;background:rgba(209,172,147,.83);border-color:rgba(255,255,255,.64)}.editorial-cursor.has-label .cursor-word{opacity:1}
@media(hover:hover) and (pointer:fine){.category-stage,.category-stage a,.category-stage button{cursor:none}}
@media(max-width:850px){.category-content{left:5vw;bottom:19vh;max-width:85vw}.category-content h2{font-size:clamp(4.2rem,12vw,7rem)}.category-index{right:5vw;top:23%}.category-controls{right:5vw;bottom:5vh}.marker-name{display:none}}
@media(max-width:600px){.flow-home .opening-scene{min-height:600px}.category-content{left:6vw;right:6vw;bottom:25vh;max-width:none}.category-overline{font-size:10px;letter-spacing:.13em}.category-overline span{margin:0 7px}.category-content h2{font-size:clamp(3.75rem,13.7vw,6rem);white-space:normal;overflow-wrap:normal;margin:18px 0 14px}.category-slide[data-slide="3"] h2{font-size:clamp(2.8rem,11vw,4.4rem)}.category-description{font-size:15px;line-height:1.5;max-width:310px}.category-link{margin-top:30px;gap:24px;font-size:11px}.category-index{top:22%;right:6vw;gap:2px}.category-marker{min-width:44px;min-height:35px}.category-marker.is-active>span:first-child:before{width:17px}.category-controls{left:6vw;right:6vw;bottom:6vh;justify-content:flex-start}.category-arrow{width:50px;height:50px}.category-count{margin-left:auto}.category-image img{object-position:center center}.category-slide[data-slide="1"] .category-image img{object-position:56% center}}
@media(max-height:680px) and (min-width:851px){.category-content{bottom:15vh}.category-content h2{font-size:clamp(4.7rem,8vw,8rem);margin-top:14px}.category-link{margin-top:25px}}
@media(hover:none),(pointer:coarse){.editorial-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.category-slide,.category-image img,.category-content h2,.category-overline,.category-description,.category-link,.category-marker,.category-timer span{transition:none!important;animation:none!important;transform:none!important}.category-slide.is-active .category-content h2,.category-slide.is-active .category-overline,.category-slide.is-active .category-description,.category-slide.is-active .category-link{opacity:1}}
