@font-face{font-family:'Golos Text';src:url('assets/golos.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:block}
.cases[data-case="1"] .current img{position:absolute;left:.09%;width:99.81%;height:100%;object-fit:fill}.cases[data-case="1"] .next img{position:absolute;left:-.16%;width:100.31%;height:100%;object-fit:fill}
*{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:#fff;color:#000;font-family:'Golos Text',sans-serif;font-size:16px;line-height:normal;min-width:1440px;cursor:url('assets/cursor.svg') 1 1,auto}p,h1,h2,ol{margin:0}button,a{font:inherit;color:inherit;cursor:inherit}button{border:0;padding:0;background:none}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:1px solid #000;outline-offset:5px}.link{text-decoration:underline;text-underline-position:from-font;display:block}.muted{color:rgba(0,0,0,.4)}.small{font-size:14px}.accent-muted{color:#b2b2b2}h1{font-weight:500;font-size:48px;line-height:1.2}h2{font-weight:500;font-size:40px;line-height:1.2}.block{position:relative;height:800px;width:100%;overflow:hidden}.header{position:fixed;top:0;left:0;right:0;min-width:1440px;padding:44px 30px;display:flex;align-items:center;justify-content:space-between;z-index:10}.hero h1{position:absolute;left:30px;top:130px;width:385px}.hero-art{position:absolute;left:calc(50% - 234px);top:306px;object-fit:cover}.designer{position:absolute;left:30px;top:655px;display:flex;flex-direction:column;gap:12px;width:131px}.profession{position:absolute;left:calc(50% + 26px);top:655px;font-size:20px}.social{position:absolute;display:flex;width:216px;justify-content:space-between;align-items:flex-start}.social>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.social>div:first-child{width:77px}.social>div:last-child{width:72px;gap:11px}.hero-social{right:30px;top:655px}.who{position:absolute;left:calc(50% - 31px);top:217px;width:62px}.about h2{position:absolute;width:732px;left:calc(50% - 366px);top:284px;text-align:center}.also{position:absolute;left:calc(50% - 73px);top:636px;display:flex;gap:54px;width:394px;align-items:flex-start}.also>p:last-child{width:294px}.case-heading{position:absolute;left:30px;top:130px;display:flex;gap:30px;align-items:flex-end}.case-heading>p{padding-bottom:7px}.case-year{position:absolute;left:493px;top:497px;width:39px}.case-copy{position:absolute;left:909px;top:285px;width:219px;height:231px}.case-copy>p:last-child{position:absolute;left:0;top:197px;width:219px}.covers{position:absolute;left:554px;top:89px;width:333px;height:623px}.cover{position:absolute;overflow:hidden}.cover img{display:block;object-fit:contain}.current{left:0;top:181px;width:333px;height:261px}.current img{width:333px;height:261px}.previous,.next{left:68px;width:195px;height:153px}.previous{top:0}.next{top:470px}.cover.previous img,.cover.next img{width:195px;height:153px}.case-indicator{position:absolute;right:48px;top:377px;display:flex;flex-direction:column;gap:3px}.case-indicator i{display:block;width:2px;height:12px;background:rgba(0,0,0,.2)}.case-indicator i.active{background:#000}.experience h2{position:absolute;width:666px;left:calc(50% - 333px);top:352px;text-align:center}.achievements h1{position:absolute;left:30px;top:130px;width:688px}.achievements ol{position:absolute;left:calc(50% - 173px);top:357px;width:346px;list-style:none;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0}.achievements li{display:flex;gap:16px;white-space:nowrap;align-items:flex-start;height:19px}.achievements li span{color:rgba(0,0,0,.4);font-size:10px;padding-top:3px;min-width:12px;text-align:center}.more{position:absolute;right:31px;top:727px}.end h2{position:absolute;left:calc(50% - 396px);top:256px;width:792px;text-align:center}.resume{position:absolute;left:calc(50% - 38px);top:440px;display:flex;gap:19px;align-items:center}.resume .link{font-size:20px}.policy{position:absolute;left:30px;top:628px}.end-social{left:calc(50% + 29px);top:628px}.end-social>div,.end-social>div:last-child{gap:10px}.back{display:block;position:relative;width:100%;height:95px;background:#000;color:#fff;cursor:url('assets/cursor-white.svg') 1 1,auto}.back-arrow{position:absolute;left:calc(50% + .47px);top:calc(50% + .1px);transform:translate(-50%,-50%) rotate(90deg)}.back-arrow img{display:block}.back-label{position:fixed;display:none;font-size:14px;color:rgba(255,255,255,.4);pointer-events:none}.back:hover .back-label{display:block}.overlay{position:fixed;inset:0;z-index:20}.overlay[hidden]{display:none}.shade{position:absolute;inset:0;background:url('assets/shade.svg') center / 100% 100% no-repeat;pointer-events:none}.menu{position:absolute;left:23px;top:26px;width:422px;height:529px;background:#fff}.menu-close{position:absolute;left:20px;top:20px;width:19.4px;height:19.4px}.menu-close img{position:absolute;left:-.706px;top:-.706px}.menu ol{position:absolute;left:20px;top:101px;list-style:none;padding:0;display:flex;flex-direction:column;gap:14px}.menu ol a{display:flex;align-items:center;gap:20px;font-size:20px;white-space:nowrap;height:24px}.menu ol a span{font-size:14px;color:rgba(0,0,0,.4)}.menu ol a[aria-current="location"]>span:first-child{color:#000}.menu ol a:hover{text-decoration:underline;text-underline-position:from-font}.menu ol a span{text-decoration:none}.menu-links{position:absolute;left:20px;top:376px;display:flex;gap:30px}.menu-contacts{position:absolute;left:21px;top:490px;width:381px;display:flex;justify-content:space-between;align-items:flex-end}.menu-contacts>div{display:flex;gap:30px}

.menu ol a:hover{text-decoration:none}.menu ol a .menu-label{font-size:20px;color:#000}.menu ol a:hover .menu-label{text-decoration:underline;text-underline-position:from-font}
.cover a{display:block;width:100%;height:100%}
.case-document{position:relative;width:100%}.case-page-title{position:absolute;left:27px;top:130px}.case-behance{position:absolute;left:31px;top:210px;font-size:20px;line-height:24px}.case-details{position:absolute;top:139px}.detail-row{position:absolute;left:0;white-space:nowrap}.detail-row>p:first-child{position:absolute;left:0;line-height:17px}.detail-row:nth-child(-n+2)>p:first-child{top:1px}.detail-row>p:last-child{position:absolute;top:0;white-space:normal;line-height:19px}.case-image{position:absolute;left:calc(50% - 463px);display:block;width:926px;object-fit:fill}.case-management{position:fixed;left:30px;bottom:34px;width:1317.203px;height:19px;z-index:10}.case-return{position:absolute;left:0;top:0;width:73px;height:19px}.case-return span{position:absolute;left:24px;top:0;white-space:nowrap;line-height:19px}.case-return img{position:absolute;left:-1.247px;top:5.395px}.case-direction{position:absolute;top:4px;width:18.2px;height:12.96px}.case-direction.previous{left:1246px}.case-direction.next{left:1299px;transform:scaleX(-1)}.case-direction img{position:absolute;left:-1.666px;top:-.808px;display:block}.case-direction:disabled{cursor:inherit}
.case-page[data-case-page="2"] .detail-row:nth-child(3)>p:first-child,.case-page[data-case-page="3"] .detail-row:nth-child(3)>p:first-child,.case-page[data-case-page="3"] .detail-row:nth-child(4)>p:first-child{top:1px}

/* Same hero footprint; the original image remains the loading/WebGL fallback. */
.hero-art{width:468px;height:188px}.hero-art>canvas{display:block;width:100%;height:100%}.hero-art>canvas{position:absolute;inset:0;visibility:hidden}.hero-art.particle-ready>canvas{visibility:visible}

/* A touch begun on the live object controls particles until it ends. */
.hero-art.particle-ready{touch-action:none}