:root{color:#111;background:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh;background:#fff}a{color:inherit;text-decoration:none}.site-shell{position:relative;min-height:100vh;background:#fff}.site-grid-overlay{position:fixed;inset:0;z-index:2;pointer-events:none;background-image:linear-gradient(rgba(10,10,10,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,10,.08) 1px,transparent 1px);background-position:center;background-size:44px 44px}.mock-page{position:relative;background:transparent}.mock-hero{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden}.mock-hero__title{position:relative;z-index:3;margin:0;padding:0 20px;color:#111;font-size:clamp(40px,11vw,132px);font-weight:800;letter-spacing:.03em;line-height:1;text-align:center}.mock-hero__scroll{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:3}.mock-hero__scroll-line{display:block;width:1px;height:64px;background:linear-gradient(180deg,#121212bf,#12121226)}.mock-works{position:relative}.composition-root{position:relative;width:100%;overflow:visible}.composition-root__grid{position:relative;z-index:3}.composition-root__background{position:absolute;inset:0;z-index:0;pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:cover}.composition-root__background--base{background-color:#fff}.composition-root__background--hover{position:fixed;inset:48px;overflow:hidden;border-radius:42px/30px;box-shadow:0 22px 48px #00000038,inset 0 0 0 1px #ffffff1f;opacity:0;transition:opacity .22s ease}.composition-root__background--active{opacity:1}.works-tile{position:absolute;z-index:1;padding:0;border:0;background:transparent;appearance:none}.works-tile--interactive{cursor:pointer}.works-tile:disabled{cursor:default}.tile-card{position:relative;width:100%;height:100%;background:#141414;border:1px solid rgba(52,52,52,.7);box-shadow:0 8px 20px #0000003d,inset 0 1px #ffffff14;overflow:hidden;isolation:isolate}.tile-card:after{content:"";position:absolute;pointer-events:none;z-index:2}.tile-card__art{width:100%;height:100%;background-color:#000;background-position:center;background-repeat:no-repeat;background-size:contain}.tile-card__art--landscape{background-color:#f4d515}.tile-card__label{position:absolute;color:#fff;letter-spacing:.02em;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-shadow:0 2px 8px rgba(0,0,0,.8);pointer-events:none;z-index:3}.tile-card__label-text{position:relative;z-index:2}.tile-card--square:after{top:0;right:0;width:30%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff1f)}.tile-card--square .tile-card__art{background-color:#e81d09;padding:14px}.tile-card__label--square{top:50%;left:50%;transform:translate(-50%,-50%);max-width:calc(100% - 36px);padding:8px 12px;background:#000;font-size:24px;font-style:italic;font-weight:700;text-align:center}.tile-card--portrait{background:linear-gradient(90deg,#ffffff14,#fff0 22%),#1d53e8}.tile-card--portrait:after{inset:12px;border:1px solid rgba(255,255,255,.2)}.tile-card--portrait .tile-card__art{background-color:#1d53e8}.tile-card__label--portrait{top:10px;left:54%;width:100%;padding:4px 8px;transform:translate(-50%);font-size:clamp(14px,2.1vw,21px);font-style:italic;font-weight:700;text-align:center}.tile-card--landscape .tile-card__label{top:50%;left:50%;width:82%;height:66%;display:flex;align-items:flex-start;justify-content:center;max-width:calc(100% - 24px);transform:translate(-50%,-50%);font-size:clamp(14px,2.3vw,22px)}.tile-card__label-image{position:absolute;inset:0;z-index:1;background-position:center;background-repeat:no-repeat;background-size:cover}.tile-card--landscape .tile-card__label-text{display:block;width:calc(100% - 16px);margin-top:8px;text-align:center}.tile-card__holes{position:absolute;inset:0;z-index:5;pointer-events:none}.tile-card__hole{position:absolute;top:50%;width:16%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,#0a0a0af2 0 28%,#0000 29% 40%,#141414eb 41% 66%,#f5d5152e 67% 100%);box-shadow:inset 0 0 0 1px #ffffff38,0 1px 3px #00000059}.tile-card__hole--left{left:35%}.tile-card__hole--right{left:65%}.work-detail-page{position:fixed;inset:48px;z-index:4;overflow:hidden;border-radius:42px/30px;box-shadow:0 22px 48px #00000038,inset 0 0 0 1px #ffffff1f;background-position:center;background-repeat:no-repeat;background-size:cover}.work-detail-page__overlay{position:absolute;inset:auto 24px 24px;max-height:min(70dvh,600px);padding:20px;overflow:auto;border-radius:12px;background:#0000009e;color:#fff}.work-detail-page__title{margin:0;font-size:clamp(24px,4vw,40px);line-height:1.15}.work-detail-page__description{margin:14px 0 0;white-space:pre-wrap;font-size:clamp(14px,2.3vw,18px);line-height:1.7}.cassette-slot{position:fixed;left:50%;bottom:0;z-index:8;width:min(760px,calc(100vw - 48px));transform:translate(-50%);pointer-events:none}.cassette-slot__body{position:relative;height:108px;border:1px solid #1f1f1f;background:linear-gradient(180deg,#3e3e3e,#181818);box-shadow:0 12px 26px #00000059,inset 0 1px #fff3}.cassette-slot__mouth{position:absolute;top:16px;left:50%;width:calc(100% - 76px);height:20px;border-radius:999px;transform:translate(-50%);background:#0b0b0b;box-shadow:inset 0 3px 6px #000000b3,0 1px #ffffff14}.cassette-slot__cassette{position:absolute;top:-16px;left:50%;width:min(360px,calc(100% - 160px));height:88px;opacity:0;transform:translate(-50%,-94px);transition:transform .34s cubic-bezier(.21,.83,.33,1),opacity .24s ease}.cassette-slot__cassette--visible{opacity:1;transform:translate(-50%,10px)}.cassette-slot__label{position:absolute;inset:0;border-radius:7px;overflow:hidden}.cassette-slot__thumbnail{position:absolute;inset:0;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;transform:scale(.72);transform-origin:center}.cassette-slot__thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000029,#0000006b)}.cassette-slot__title{position:absolute;top:8px;left:10px;right:10px;z-index:1;display:-webkit-box;overflow:hidden;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75);font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media(max-width:768px){.composition-root__background--hover,.work-detail-page{inset:24px}.mock-hero__title{font-size:clamp(32px,16vw,64px)}.cassette-slot{width:calc(100vw - 24px)}.cassette-slot__cassette{width:calc(100% - 72px)}}