.portfolio-artwork{--art-cream:#eee9de;--art-pink:#eda8d9;isolation:isolate;aspect-ratio:1.44;width:100%;color:var(--art-cream);background:#201527;position:relative;overflow:hidden;container-type:inline-size}.portfolio-artwork--large{aspect-ratio:1.85}.portfolio-artwork__paper{z-index:5;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.55' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.portfolio-artwork__index,.portfolio-artwork__footer,.portfolio-artwork__notation,.portfolio-artwork__frame-number,.portfolio-artwork__poster-rule,.portfolio-artwork__axis,.portfolio-artwork__interaction-label{font-family:var(--font-mono,Consolas, monospace);letter-spacing:.09em;font-size:clamp(8px,1.5cqw,12px);font-weight:500;line-height:1.4}.portfolio-artwork__index{z-index:4;opacity:.75;position:absolute;top:6%;left:6%}.portfolio-artwork__registration{z-index:4;opacity:.5;font:300 clamp(12px,2.8cqw,24px)/1 monospace;position:absolute}.portfolio-artwork__registration--tl{top:4%;right:4%}.portfolio-artwork__registration--br{bottom:4%;left:3%}.portfolio-artwork__footer{z-index:4;opacity:.7;justify-content:space-between;gap:10px;display:flex;position:absolute;bottom:5%;left:6%;right:6%}.portfolio-artwork__shiro-halo{background:radial-gradient(#6f3a684a,#0000 65%);width:74%;height:115%;position:absolute;top:-25%;left:13%}.portfolio-artwork__chess-floor{background:conic-gradient(#38273e 25%, #dbd5cb 0 50%, #38273e 0 75%, #dbd5cb 0) 50% 50% / 25% 25%;width:125%;height:138%;position:absolute;top:61%;left:50%;transform:translate(-50%,-50%)perspective(650px)rotateX(64deg);box-shadow:0 0 0 1px #eee9de24}.portfolio-artwork__shiro-type{z-index:1;letter-spacing:-.09em;text-shadow:0 8px 25px #21102338;justify-content:space-between;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:25cqw;font-weight:700;line-height:1.08;display:flex;position:absolute;inset:25% 6% auto}.portfolio-artwork__shiro-type span:last-child{padding-right:.08em}.portfolio-artwork__king{z-index:3;object-fit:contain;filter:drop-shadow(0 14px 12px #190e2540);width:auto;max-width:42%;height:77%;transition:transform .7s cubic-bezier(.2,.65,.2,1);position:absolute;top:9%;left:50%;transform:translate(-50%)}.portfolio-artwork__king-shadow{filter:blur(9px);background:#130d17a1;border-radius:50%;width:25%;height:5%;position:absolute;top:82%;left:37.5%}.portfolio-artwork__notation{z-index:4;opacity:.65;color:#312438;position:absolute;top:86%;left:51%}.portfolio-artwork--shiro:hover .portfolio-artwork__king{transform:translate(-50%,-2%)}.portfolio-artwork--image{background:#4e3b59}.portfolio-artwork__film-rail{opacity:.3;background:repeating-linear-gradient(90deg,#0000 0 10px,#d7c5d8 10px 22px,#0000 22px 34px);height:3%;position:absolute;left:0;right:0}.portfolio-artwork__film-rail--top{top:13%}.portfolio-artwork__film-rail--bottom{bottom:13%}.portfolio-artwork__image-frame{background:linear-gradient(145deg,#b4a0af,#705376 55%,#372b45);border:7px solid #e7e0d8;transition:transform .7s;position:absolute;inset:23% 15% 23% 33%;overflow:hidden;transform:rotate(-8deg);box-shadow:10px 17px #291c3d40}.portfolio-artwork__image-disc{aspect-ratio:1;background:#f0ded4;border-radius:50%;width:44%;position:absolute;top:17%;right:18%;box-shadow:0 0 35px #ecbad54f}.portfolio-artwork__image-horizon{background:#34233f;border-top:1px solid #f5d2ee99;width:130%;height:50%;position:absolute;bottom:-4%;left:-10%;transform:rotate(-15deg)}.portfolio-artwork__focus{border-style:solid;border-color:#fff8ec;width:12%;height:18%;position:absolute}.portfolio-artwork__focus--tl{border-width:1px 0 0 1px;top:10%;left:9%}.portfolio-artwork__focus--br{border-width:0 1px 1px 0;bottom:10%;right:9%}.portfolio-artwork__frame-number{font-size:1.5cqw;position:absolute;bottom:10%;left:9%}.portfolio-artwork__image-word{z-index:2;letter-spacing:-.065em;font:700 10.7cqw/.87 Georgia,serif;position:absolute;top:29%;left:11%}.portfolio-artwork__image-word i{font-weight:400}.portfolio-artwork--image:hover .portfolio-artwork__image-frame{transform:rotate(-5deg)translateY(-2%)}.portfolio-artwork--visual{color:#2b1c34;background:#e4dece}.portfolio-artwork__poster-grid{background:linear-gradient(90deg,#0000 calc(50% - .5px),#37263a26 50%,#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#37263a26 50%,#0000 calc(50% + .5px));border:1px solid #37263a26;position:absolute;inset:16% 8%}.portfolio-artwork__poster-type{letter-spacing:-.085em;align-items:center;font:700 28cqw/1 Georgia,serif;display:flex;position:absolute;inset:22% 13%}.portfolio-artwork__poster-type i{opacity:.2;font-family:Yu Mincho,Noto Serif JP,serif;font-size:17cqw;font-style:normal;font-weight:400;position:absolute;top:24%;right:0}.portfolio-artwork__asterisk{color:#b63889;mix-blend-mode:multiply;width:31%;height:auto;transition:transform .9s;position:absolute;top:22%;right:9%;transform:rotate(15deg)}.portfolio-artwork__poster-rule{border-top:1px solid #37263a63;width:59%;padding-top:3%;font-size:1.6cqw;position:absolute;bottom:20%;left:13%}.portfolio-artwork--visual:hover .portfolio-artwork__asterisk{transform:rotate(45deg)}.portfolio-artwork--three-d{color:#cbbcd9;background:#252033}.portfolio-artwork__space-grid{background-image:linear-gradient(#c1a6d010 1px,#0000 1px),linear-gradient(90deg,#c1a6d010 1px,#0000 1px);background-size:9% 13%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 72%);mask-image:radial-gradient(#000 20%,#0000 72%)}.portfolio-artwork__cube{filter:drop-shadow(0 0 17px #eda8d933);width:75%;height:81%;transition:transform .8s;position:absolute;top:8%;left:12.5%}.portfolio-artwork__axis{color:#dbaed3;position:absolute;bottom:19%;right:11%}.portfolio-artwork--three-d:hover .portfolio-artwork__cube{transform:translateY(-2%)rotate(3deg)}.portfolio-artwork--interactive{background:#17111e}.portfolio-artwork__pixel-grid{background-image:linear-gradient(#9b79931a 1px,#0000 1px),linear-gradient(90deg,#9b79931a 1px,#0000 1px);background-size:12.5% 16.666%;border:1px solid #9b79931a;position:absolute;inset:15% 11%}.portfolio-artwork__interaction-orbit{aspect-ratio:1;border:1px solid #bc81b14d;border-radius:50%;width:49%;position:absolute;top:16%;left:25%}.portfolio-artwork__pixel{aspect-ratio:1;background:#d79ec9;position:absolute}.portfolio-artwork__pixel--one{width:11%;top:22%;left:18%}.portfolio-artwork__pixel--two{background:#dbd3b8;width:6%;top:60%;left:66%}.portfolio-artwork__pixel--three{background:#a493bb;width:3%;top:23%;left:78%}.portfolio-artwork__play-word{letter-spacing:-.08em;font:800 15.5cqw/1 Arial,sans-serif;position:absolute;top:34%;left:18%}.portfolio-artwork__play-word>span{color:#dca6d0;font-size:.6em;position:absolute;top:-.4em;right:-.7em}.portfolio-artwork__cursor{filter:drop-shadow(6px 8px #bb70a780);width:15%;height:auto;transition:transform .5s;position:absolute;top:44%;left:63%;transform:rotate(-7deg)}.portfolio-artwork__interaction-label{opacity:.5;font-size:1.5cqw;position:absolute;top:76%;left:22%}.portfolio-artwork--interactive:hover .portfolio-artwork__cursor{transform:translate(-8%,-9%)rotate(-3deg)}.portfolio-artwork--installation{color:#49364f;background:#d6c9ce}.portfolio-artwork__space-floor{background:#bbabb9;border-top:1px solid #826e873b;position:absolute;inset:64% 0 0}.portfolio-artwork__arch{border:2.5cqw solid;border-bottom:0;border-radius:50% 50% 0 0;width:34%;height:66%;position:absolute;box-shadow:1cqw .4cqw #49364f,2.5cqw 1cqw #392b4712}.portfolio-artwork__arch--back{transform-origin:50% 100%;background:#302237;border-color:#96829e;top:16%;left:45%;transform:scale(.77)}.portfolio-artwork__arch--middle{transform-origin:50% 100%;border-color:#bc9ebc;top:16%;left:31%;transform:scale(.9)}.portfolio-artwork__arch--front{border-color:#ede2db;top:16%;left:17%}.portfolio-artwork__space-sphere{aspect-ratio:1;background:radial-gradient(circle at 32% 23%,#f9ebef,#d0a0c3 43%,#71516f);border-radius:50%;width:9%;position:absolute;top:69%;left:69%;box-shadow:1.6cqw 1.2cqw .8cqw #3a213336}.portfolio-artwork__dimension{text-align:center;opacity:.4;width:27%;font-size:5cqw;line-height:1;position:absolute;bottom:12%;left:26%;transform:scaleX(3)}@media (max-width:600px){.portfolio-artwork--large{aspect-ratio:1.3}.portfolio-artwork__footer{font-size:8px}}@media (prefers-reduced-motion:reduce){.portfolio-artwork *,.portfolio-artwork :before,.portfolio-artwork :after{transition:none!important}.portfolio-artwork--shiro:hover .portfolio-artwork__king{transform:translate(-50%)}.portfolio-artwork--image:hover .portfolio-artwork__image-frame{transform:rotate(-8deg)}.portfolio-artwork--visual:hover .portfolio-artwork__asterisk{transform:rotate(15deg)}.portfolio-artwork--three-d:hover .portfolio-artwork__cube{transform:none}.portfolio-artwork--interactive:hover .portfolio-artwork__cursor{transform:rotate(-7deg)}}