/* Shorter chapters and a freely browsable portfolio restore the rhythm of a normal page. */
@media(prefers-reduced-motion:no-preference){
 .atlas-scroll{height:440svh}.unit-film-story{height:265svh}.store-journey{height:340svh}
 .atlas-feature-copy{animation:none}
 .store-door{transition:none}
}
.work-section{padding-top:35px;padding-bottom:90px}.work-heading{margin-bottom:8px}.work-window{scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b3b6a6 transparent;padding-bottom:20px}.work-window::-webkit-scrollbar{display:block;height:3px}.work-window::-webkit-scrollbar-thumb{background:#b3b6a6}.work-card{width:min(72vw,1050px)}.work-image{height:500px;padding:40px 42px 46px;cursor:pointer}.work-card.deck .work-image{background:#b7b8a9}.work-card.washing .work-image{background:#d2b999}.work-card.stoetic .work-image{background:#bdbbb3}.browser-frame{transform:perspective(1500px) rotateY(-2deg) rotateX(1deg)}.browser-frame img{width:100%;height:calc(100% - 30px);object-fit:cover;object-position:top}.browser-bar .ui-icon{width:13px;height:13px}.view-project{display:flex;align-items:center;gap:12px;opacity:1;transform:none;bottom:14px;font-size:10px}.work-info h3{font-size:30px;letter-spacing:-.03em}.work-controls>p{font-size:12px;color:var(--muted)}.work-controls>span{font-size:11px;letter-spacing:.12em}.work-controls>div{display:flex;gap:8px}.work-controls button{display:grid;place-items:center;margin:0}.work-controls button:disabled{opacity:.3;cursor:default}
@media(max-width:700px){.work-section{padding-top:8px;padding-bottom:50px}.work-heading{align-items:start;gap:20px}.work-heading>p:last-child{max-width:115px;text-align:right}.work-card{width:86vw}.work-image{height:300px;padding:24px 18px 35px}.browser-frame img{height:calc(100% - 20px)}.work-info{display:block}.work-info h3{font-size:26px}.work-info p{font-size:13px}.work-info>span{display:block;margin-top:7px;font-size:10px}.work-controls>p{max-width:125px;font-size:10px;line-height:1.4}.view-project{bottom:10px}.work-controls{gap:15px}.work-controls button{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.browser-frame,.work-image:hover .browser-frame{transform:none;transition:none}}