/* The work archive: hanging paper, living furnace and a cancellable selection. */
.sukuna-works{padding:75px 0 0;background:#110a0a;color:#e9dfce;isolation:isolate;overflow:hidden}
.sukuna-works>.section-heading,.sukuna-works>.works-toolbar{margin-left:6.5%;margin-right:6.5%;position:relative;z-index:8}
.sukuna-works .section-heading{align-items:end}.sukuna-works .section-heading .eyebrow{color:#b08471;letter-spacing:2.2px}
.sukuna-works .section-heading h2{font:500 clamp(34px,4.2vw,63px)/1.15 var(--display);letter-spacing:-1.7px}.sukuna-works .section-heading h2 em{color:#ad614c;font-style:normal}
.sukuna-works .section-intro{color:#b5a99b;font-size:13px;max-width:315px;line-height:1.9}
.sukuna-works .works-toolbar{margin-top:34px;border-color:#a97b5e38;padding:14px 0;gap:24px;color:#c5b7a7}
.sukuna-works .index-label span{color:#e1a674}.sukuna-works .filters{gap:20px}.sukuna-works .filters button{color:#a18d7d;min-height:40px;font-size:11px}.sukuna-works .filters button[aria-pressed=true]{color:#f3dbc0}.sukuna-works .filters button[aria-pressed=true]:after{background:#ca7251;bottom:-15px}.sukuna-works .filters button:disabled{opacity:.45;cursor:default}
.shrine-motion{display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:1px;min-height:40px;color:#bba48e}.shrine-motion .bi{font-size:16px}.shrine-motion:hover{color:#f1d1ab}
.shrine-stage{height:740px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 28% 41%,#701f1c80,transparent 56%),radial-gradient(ellipse at 71% 44%,#57332248,transparent 65%),linear-gradient(145deg,#180a0b,#160d0d 57%,#080a0d);overflow:hidden}
.shrine-stage:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:url('assets/art/movie-texture.jpg') center/1000px;mix-blend-mode:soft-light;opacity:.2}
.shrine-stage:after{content:'';position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(0deg,#100b0b 0%,transparent 21%,transparent 88%,#110a0a),linear-gradient(90deg,#0b070826,transparent 50%,#0b070855)}
.shrine-seal{position:absolute;left:5%;top:20px;color:#b6594e17;writing-mode:vertical-rl;font:100px/1.2 Georgia,serif;letter-spacing:30px;z-index:0;user-select:none}.shrine-seal small{font:9px var(--mono);letter-spacing:5px;position:absolute;left:-22px;top:0;color:#a6725a66}
.domain-cuts{position:absolute;inset:-15%;z-index:0;overflow:hidden;pointer-events:none;transform:rotate(-6deg)}
.domain-cuts i{display:block;position:absolute;left:-15%;top:var(--y);width:130%;height:var(--weight);background:#030404;transform:rotate(var(--angle));box-shadow:0 1px 0 #c4624c40,0 -1px 0 #080000;opacity:var(--opacity);animation:domain-drift var(--duration) linear var(--delay) infinite}
@keyframes domain-drift{0%{translate:-5% -65px;scale:.92 1}100%{translate:5% 100px;scale:1.1 1}}
.shrine-ring{position:absolute;width:680px;height:680px;left:-30px;top:15px;border:1px solid #a65a3a23;border-radius:50%;box-shadow:0 0 95px #aa241a18,inset 0 0 90px #791d1110;z-index:0}.shrine-ring:after{content:'';position:absolute;inset:28px;border:1px dashed #a66b4b17;border-radius:50%}
.sukuna-actor{position:absolute;left:-4.5%;bottom:-135px;width:53%;max-width:650px;z-index:3;pointer-events:none;transform-origin:45% 85%;animation:sukuna-breath 7s ease-in-out infinite alternate;will-change:transform}
.sukuna-actor img{width:100%;height:auto;max-width:none;filter:brightness(.74) saturate(.7) drop-shadow(-12px 8px 20px #0009);mask-image:linear-gradient(#000 0% 85%,transparent 99%)}
@keyframes sukuna-breath{from{transform:translateY(0) rotate(-.2deg)}to{transform:translateY(-3px) rotate(.2deg)}}
.furnace-aura{position:absolute;left:58%;top:13%;width:46%;height:40%;background:radial-gradient(ellipse,#ff9a2720,transparent 68%);mix-blend-mode:screen;filter:blur(12px);animation:furnace-light 4s ease-in-out infinite alternate}
@keyframes furnace-light{from{opacity:.45}to{opacity:.95}}
.shrine-caption{position:absolute;left:6.5%;bottom:70px;z-index:7;pointer-events:none}.shrine-caption>span{font:10px var(--mono);letter-spacing:5px;color:#c17c5b}.shrine-caption strong{display:block;font:500 34px/1.5 var(--display);letter-spacing:4px;color:#dcc5af}.shrine-caption small{display:block;font:8px var(--mono);letter-spacing:2px;color:#927d6e}
.hanging-rope{position:absolute;top:33px;left:36%;right:0;height:96px;z-index:2;pointer-events:none;filter:drop-shadow(0 7px 2px #0008)}.hanging-rope svg{display:block;width:100%;height:100%;overflow:visible}
.shrine-stage .project-list{position:absolute;left:44%;right:5%;top:123px;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;align-items:start}
.shrine-stage .project{border:0;padding:0;min-width:0;position:relative;opacity:1;transform:none;filter:none;transition:none}
.shrine-stage .project:nth-child(1){--tilt:-4deg;--delay:-2s}.shrine-stage .project:nth-child(2){--tilt:3deg;--delay:-.7s;margin-top:24px}.shrine-stage .project:nth-child(3){--tilt:-2deg;--delay:-4s;margin-top:4px}
.paper-project{display:block;position:relative;width:100%;text-align:left;padding:0;transform:rotate(var(--tilt));transform-origin:50% -52px;animation:paper-sway 8s ease-in-out var(--delay) infinite alternate;transition:filter .35s;touch-action:manipulation}
@keyframes paper-sway{from{rotate:-.7deg}to{rotate:.7deg}}
.paper-project:hover{filter:brightness(1.12)}.paper-project:focus-visible{outline:2px solid #f4b66c;outline-offset:10px}.paper-project[aria-disabled=true]{cursor:default}
.paper-cord{position:absolute;left:calc(50% - 1px);top:-72px;width:2px;height:85px;z-index:-1;pointer-events:none;filter:drop-shadow(3px 3px 2px #000)}
.paper-cord:before,.paper-cord:after{content:'';position:absolute;left:0;top:0;width:2px;height:41px;background:repeating-linear-gradient(25deg,#b49464 0 2px,#493d2d 2px 4px);transform-origin:50% 0}
.paper-cord:after{top:41px;height:44px}.paper-pin{position:absolute;z-index:3;width:10px;height:30px;left:calc(50% - 5px);top:-13px;background:linear-gradient(90deg,#2b2119,#9c7852 44%,#5c422b 55%,#2d241d);box-shadow:3px 3px 6px #0008;transform:rotate(-4deg);border:1px solid #b79a6b44;pointer-events:none}
.paper-surface{position:relative;display:block;min-height:318px;padding:18px 16px 17px;color:#291e18;background:linear-gradient(135deg,#baaa8bba,#d0bea0d9 45%,#998469c9),url('assets/art/movie-texture.jpg') center/520px;box-shadow:5px 16px 20px #000a,inset 0 0 30px #38251540;clip-path:polygon(0 0,100% 0,99% 34%,100% 61%,98% 100%,67% 99%,31% 100%,1% 99%,0 65%,1% 37%);isolation:isolate}
.paper-surface:before{content:'';position:absolute;inset:7px;border:1px solid #67442f55;pointer-events:none;z-index:-1}.paper-surface:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 47%,#371e1812 48%,#eee1bb12 50%,transparent 52%),radial-gradient(ellipse at 0 100%,#2c160a2c,transparent 60%);pointer-events:none}
.paper-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #66412d5c;padding:2px 0 11px;margin-bottom:15px;font:8px var(--mono);letter-spacing:.8px;color:#5d382b}.paper-kanji{font:21px Georgia,serif;color:#6a1e1a}.shrine-stage .project-banner{display:block;margin:0;aspect-ratio:8/3;filter:sepia(.23) saturate(.65) brightness(.8);border:1px solid #42241b55;pointer-events:none}.shrine-stage .project-banner img{width:100%;height:100%;object-fit:cover;transform:none}
.shrine-stage .project-type{display:block;font:7px/1.6 var(--mono);letter-spacing:1px;margin:18px 0 5px;color:#674b38;min-height:0;overflow-wrap:anywhere}.paper-title{display:block;font:600 clamp(19px,2.2vw,32px)/1.25 var(--display);letter-spacing:-1px;color:#241411}.paper-summary{display:block;font-size:11px;line-height:1.65;color:#513729;margin:12px 0 15px}.paper-stack{display:block;font:8px/1.7 var(--mono);color:#654a39;border-top:1px solid #67422c40;padding-top:10px;min-height:36px}.paper-open{display:flex;align-items:center;justify-content:space-between;font:600 9px var(--sans);color:#6a231b;margin-top:12px;min-height:22px;gap:5px}.paper-open .bi{font-size:13px}
.cord-cut{position:absolute;top:-34px;left:25%;width:65%;height:1px;opacity:0;background:#ffdbab;box-shadow:0 0 6px #ff9b39,0 0 14px #e95126;transform:rotate(-32deg);pointer-events:none;z-index:6}
.is-cut .cord-cut{animation:cord-slash .24s ease-out both}.is-cut .paper-cord:before{animation:cord-recoil .4s ease-out both}.is-cut .paper-cord:after{animation:cord-release .5s ease-in both}
@keyframes cord-slash{0%{opacity:0;scale:.1 1}35%{opacity:1;scale:1 1}100%{opacity:0;scale:1.2 1}}
@keyframes cord-recoil{to{transform:rotate(-23deg) scaleY(.88)}}@keyframes cord-release{to{transform:translate(8px,20px) rotate(35deg);opacity:0}}
.shrine-stage.is-selecting .paper-project{animation-play-state:paused}.shrine-stage.is-selecting .project:not(.is-chosen){filter:brightness(.65);transition:filter .3s}.is-chosen{z-index:8}.is-chosen .paper-pin{opacity:.6}.is-chosen .paper-project:hover{filter:none}
#shrine-fire,#shrine-sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}#shrine-fire{mix-blend-mode:screen}#shrine-sparks{z-index:7}
.shrine-selection-bar{position:relative;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 6.5% 23px;border-top:1px solid #9876572b;background:#100b0b;font:11px/1.7 var(--sans);color:#b4a08c;min-height:79px}.shrine-status{max-width:650px}.shrine-status:before{content:'◆';color:#c36542;font-size:7px;margin-right:13px;vertical-align:middle}.selection-actions{display:flex;align-items:center;gap:20px}.selection-actions button{color:#ebc9a3;font-size:11px;min-height:40px;padding:4px 0;border-bottom:1px solid #ad765052;white-space:nowrap}.selection-hint{font:8px var(--mono);letter-spacing:2px;color:#92745e;white-space:nowrap}.burn-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.no-js-projects{position:relative;z-index:10;padding:20px 6.5%;display:flex;flex-wrap:wrap;gap:30px}.no-js-projects a{text-decoration:underline}
.reduced-motion .shrine-stage .paper-project,.reduced-motion .domain-cuts i,.reduced-motion .sukuna-actor,.reduced-motion .furnace-aura{animation:none!important}.reduced-motion .paper-project{rotate:0deg}
@media(min-width:1800px){.sukuna-works>.section-heading,.sukuna-works>.works-toolbar{margin-left:9%;margin-right:9%}.shrine-stage{height:810px}.sukuna-actor{max-width:760px;bottom:-180px;left:-2%}.shrine-stage .project-list{left:43%;right:9%;top:145px;gap:35px}.paper-surface{min-height:360px;padding:24px}.paper-summary{font-size:13px}.shrine-caption{left:9%;bottom:85px}.shrine-selection-bar{padding-left:9%;padding-right:9%}}
@media(max-width:1100px){.sukuna-works{padding-top:60px}.sukuna-works .section-intro{font-size:12px;max-width:270px}.shrine-stage{height:710px}.shrine-stage .project-list{left:37%;right:4%;gap:16px;top:140px}.sukuna-actor{width:62%;bottom:-65px;left:-9%}.paper-surface{padding:15px 12px;min-height:310px}.paper-title{font-size:23px}.paper-summary{font-size:11px}.paper-stack{font-size:8px}.shrine-caption{bottom:50px;left:6%}.shrine-caption strong{font-size:27px}.hanging-rope{left:31%;top:52px}.shrine-ring{left:-120px}.shrine-motion span{display:none}.shrine-motion .bi{font-size:19px}}
@media(max-width:760px){.sukuna-works{padding:52px 0 0}.sukuna-works>.section-heading,.sukuna-works>.works-toolbar{margin-left:24px;margin-right:24px}.sukuna-works .section-heading .eyebrow{font-size:8px;letter-spacing:1.8px}.sukuna-works .section-heading h2{font-size:37px;letter-spacing:-1px}.sukuna-works .section-intro{font-size:13px;max-width:340px;margin-top:20px;line-height:1.8}.sukuna-works .section-intro br{display:none}.sukuna-works .works-toolbar{display:grid;grid-template-columns:1fr auto;gap:7px 10px;margin-top:25px;padding:12px 0}.sukuna-works .index-label{font-size:8px;letter-spacing:1.5px}.sukuna-works .filters{grid-column:1;grid-row:2;gap:23px}.sukuna-works .filters button{font-size:11px;min-height:38px}.sukuna-works .filters button[aria-pressed=true]:after{bottom:-13px}.shrine-motion{grid-column:2;grid-row:1/3;min-width:44px;justify-content:center}.shrine-stage{height:730px}.shrine-stage .project-list{left:18px;right:18px;top:99px;gap:13px}.shrine-stage .project:nth-child(2){margin-top:15px}.shrine-stage .project:nth-child(3){margin-top:0}.paper-surface{min-height:237px;padding:12px 9px 12px}.paper-top{font-size:7px;margin-bottom:11px;padding-bottom:8px;letter-spacing:0}.paper-kanji{font-size:18px}.paper-surface:before{inset:5px}.shrine-stage .project-type{font-size:6px;letter-spacing:.3px;margin:12px 0 5px;line-height:1.55;min-height:20px}.paper-title{font-size:clamp(17px,4.8vw,25px);letter-spacing:-.9px}.paper-summary{font-size:10px;line-height:1.55;margin:9px 0 10px}.paper-stack{display:none}.paper-open{font-size:9px;margin-top:11px;line-height:1.4;min-height:32px}.paper-open .bi{font-size:11px}.hanging-rope{left:-14%;right:-14%;top:14px;height:74px}.paper-cord{top:-55px;height:66px}.paper-cord:before{height:32px}.paper-cord:after{top:32px;height:34px}.cord-cut{top:-24px}.paper-pin{height:24px;top:-11px;width:8px;left:calc(50% - 4px)}.sukuna-actor{width:470px;max-width:none;left:calc(50% - 270px);bottom:-145px}.sukuna-actor img{filter:brightness(.65) saturate(.65) drop-shadow(-10px 0 15px #0008)}.shrine-caption{left:auto;right:21px;bottom:49px;text-align:right}.shrine-caption strong{font-size:23px;letter-spacing:3px}.shrine-caption>span{font-size:8px;letter-spacing:3px}.shrine-caption small{font-size:7px;letter-spacing:1px}.shrine-ring{width:570px;height:570px;top:216px;left:calc(50% - 320px)}.shrine-seal{top:330px;left:20px;font-size:57px;letter-spacing:25px}.shrine-seal small{display:none}.shrine-stage:after{background:linear-gradient(0deg,#100b0b,transparent 22%,transparent 90%,#110a0a)}.shrine-selection-bar{padding:16px 24px;min-height:88px;align-items:flex-start;gap:12px;flex-wrap:wrap;font-size:11px}.selection-hint{font-size:7px;letter-spacing:1.3px}.selection-actions{gap:18px}.selection-actions button{font-size:11px;min-height:44px}.shrine-status{max-width:100%}.shrine-status:before{margin-right:8px}.no-js-projects{padding:22px 24px;gap:15px;font-size:12px}}
@media(max-width:359px){.shrine-stage .project-list{left:14px;right:14px;gap:9px}.paper-surface{padding:11px 7px;min-height:239px}.paper-title{font-size:17px}.paper-summary{font-size:10px}.sukuna-works .filters{gap:19px}.sukuna-actor{left:calc(50% - 275px)}.shrine-caption{right:17px}.shrine-caption strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.paper-project,.domain-cuts i,.sukuna-actor,.furnace-aura{animation:none}}

.shrine-stage.is-dormant .paper-project,.shrine-stage.is-dormant .sukuna-actor,.shrine-stage.is-dormant .furnace-aura,.shrine-stage.is-dormant .domain-cuts i{animation-play-state:paused}
@media(max-width:760px){.shrine-stage{height:810px}#stockflow .paper-title{font-size:clamp(12px,3.7vw,18px);letter-spacing:-.6px}}
.paper-surface{container-type:inline-size}#stockflow .paper-title{font-size:clamp(11px,16cqw,30px);letter-spacing:-.6px}