.project-overlay{padding:0;border:1px solid #ffffffc9;border-radius:23px;width:min(1180px,calc(100vw - 64px));max-width:none;height:calc(100dvh - 64px);max-height:none;overflow:hidden;background:#fcfdfe;color:#2d4658;box-shadow:0 35px 120px #192f4352;animation:case-arrive .5s cubic-bezier(.16,1,.3,1);margin:auto}.project-overlay::-webkit-backdrop{background:#253b4a50;backdrop-filter:blur(16px) saturate(.8);-webkit-backdrop-filter:blur(16px) saturate(.8);animation:backdrop-arrive .35s ease}.project-overlay::backdrop{background:#253b4a50;backdrop-filter:blur(16px) saturate(.8);-webkit-backdrop-filter:blur(16px) saturate(.8);animation:backdrop-arrive .35s ease}.overlay-toolbar{height:68px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid #dfe8ed;flex-shrink:0;background:#fcfdfeef;position:relative;z-index:10}.overlay-toolbar>div:first-child{display:flex;align-items:center;gap:20px}.overlay-count{font-size:9px;letter-spacing:1px;color:#96aab7}.overlay-toolbar h2{font-size:13px;font-weight:550;letter-spacing:.2px;color:#527080}.overlay-controls{display:flex;align-items:center;gap:8px}.overlay-controls>span{height:18px;width:1px;background:#e0e9ef;margin:0 7px}.overlay-controls button{width:31px;height:31px;display:grid;place-items:center;background:transparent;color:#8299a8;font-size:17px;border-radius:50%}.overlay-controls button:hover{background:#edf4f7;color:#2f6c90}.overlay-controls .overlay-close{background:#edf1f4;color:#6e8594;font-size:23px}.overlay-scroller{height:calc(100% - 68px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ccdae2 transparent;scroll-behavior:smooth}.project-overlay .section-shell{max-width:1030px;padding-left:48px;padding-right:48px}.project-overlay .case-hero{padding-top:50px}.project-overlay .case-heading h1{font-size:37px}.project-overlay .case-heading{gap:40px}.project-overlay .case-heading>p{max-width:300px;font-size:12px}.project-overlay .product-stage.large{height:470px;border-radius:16px}.project-overlay .large .product-window{transform:scale(.9) rotate(-2deg)}.project-overlay .case-reading{grid-template-columns:145px minmax(0,1fr);gap:40px;padding-top:65px}.project-overlay .case-chapter h2{font-size:25px}.project-overlay .case-chapter{scroll-margin-top:30px}.project-overlay .case-toc{top:30px}.overlay-next{max-width:1030px;margin:auto;padding:45px 48px 55px}.overlay-next>span{font-size:8px;letter-spacing:1.8px;color:#95aab7}.overlay-next>button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:17px;font-size:25px;background:transparent;color:#45697f;text-align:left;padding:0}.overlay-next>button:hover{color:#278cbd}.overlay-next>button>span{font-size:30px}@keyframes case-arrive{0%{opacity:0;transform:translateY(35px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-arrive{0%{background:#253b4a00;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#253b4a50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}@media(max-width:760px){.project-overlay{width:calc(100vw - 20px);height:calc(100dvh - 20px);border-radius:18px}.overlay-toolbar{height:60px;padding:0 20px}.overlay-scroller{height:calc(100% - 60px)}.overlay-toolbar>div:first-child{gap:12px}.overlay-count{font-size:8px}.overlay-toolbar h2{font-size:11px}.overlay-controls{gap:2px}.overlay-controls>span{margin:0 5px}.overlay-controls button{width:29px;height:29px}.project-overlay .section-shell{padding-left:25px;padding-right:25px}.project-overlay .case-hero{padding-top:35px}.project-overlay .case-heading h1{font-size:30px}.project-overlay .case-heading>p{max-width:none}.project-overlay .product-stage.large{height:320px}.project-overlay .large .product-window{transform:rotate(-2deg)}.project-overlay .case-reading{display:block;padding-top:35px}.project-overlay .case-chapter h2{font-size:21px}.overlay-next{padding:35px 25px 45px}.overlay-next>button{font-size:22px}}@media(prefers-reduced-motion:reduce){.project-overlay::-webkit-backdrop{animation:none}.project-overlay,.project-overlay::backdrop{animation:none}.overlay-scroller{scroll-behavior:auto}}.portfolio-home{min-height:100svh;background:#fff;display:flex;flex-direction:column;overflow:hidden;color:#24445a}.portfolio-nav{height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 64px;position:relative;z-index:30}.portfolio-brand{font:700 36px/1 Georgia,serif;letter-spacing:-3px;color:#213e50}.portfolio-brand>span{font:400 10px Arial;letter-spacing:0;vertical-align:top;display:inline-block;margin:2px 0 0 6px}.portfolio-nav nav{display:flex;gap:34px;align-items:center;position:absolute;left:50%;transform:translateX(-50%);font-size:12px;color:#80909a}.portfolio-nav nav button{background:transparent;padding:10px 0;color:inherit;position:relative}.portfolio-nav nav button>span{font-size:8px;margin-left:5px;vertical-align:top;color:#8aa8b8}.portfolio-nav nav .current{color:#263f50}.portfolio-nav nav .current:after{content:"";position:absolute;bottom:1px;left:9px;width:3px;height:3px;background:#569cbd;border-radius:50%}.portfolio-nav nav a:hover,.portfolio-nav nav button:hover{color:#3996bc}.nav-note{font-size:8px;letter-spacing:1.3px;color:#99aab4}.portfolio-canvas{flex:1 1;min-height:620px;flex-direction:column;justify-content:center;padding:32px 0 30px;isolation:isolate}.canvas-intro,.portfolio-canvas{position:relative;display:flex;align-items:center}.canvas-intro{z-index:3;gap:9px;font-size:10px;letter-spacing:1.8px;color:#8498a4;margin:0 0 5px}.intro-dot{width:5px;height:5px;background:#6ab9c3;border-radius:50%}.welcome-script{position:absolute;z-index:-1;white-space:nowrap;left:50%;top:40%;transform:translate(-50%,-50%) rotate(-7deg);font-family:Brush Script MT,Segoe Script,cursive;font-style:italic;font-weight:400;font-size:clamp(120px,16vw,230px);line-height:1.1;letter-spacing:-12px;color:#dcebf8;text-shadow:1px 1px 0 #c5dbee,-2px -2px 0 #f8fcff,0 10px 18px #6a9ac820;opacity:.72;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.portfolio-folder{width:1000px;max-width:100%;height:510px;position:relative;outline:none;perspective:1200px;isolation:isolate}.folder-assembly{position:absolute;inset:0;transform-style:preserve-3d;animation:folder-breathe 7s ease-in-out infinite}.folder-ground{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);width:360px;height:36px;border-radius:50%;background:#508cad27;filter:blur(19px)}.glass-folder-back{position:absolute;left:50%;bottom:80px;width:326px;height:236px;transform:translateX(-50%) rotate(-3deg);border-radius:6px 20px 20px 20px;background:linear-gradient(140deg,#79d5ed,#2dabcfa8 48%,#52c7dda8);border:1px solid #71d9ee;box-shadow:inset 0 2px 3px #ffffff9c,inset 0 -3px 9px #137aab33,0 10px 20px #2278a21a;z-index:1}.glass-folder-back:before{content:"";position:absolute;left:-1px;top:-24px;width:119px;height:29px;background:linear-gradient(135deg,#8bdef0,#53bddf);border:1px solid #7bcde4;border-bottom:0;border-radius:12px 22px 0 0;box-shadow:inset 0 2px 3px #fff9}.glass-folder-back>span{position:absolute;inset:5px;border:1px solid #ffffff45;border-radius:6px 15px 15px 15px}.folder-cards{position:absolute;inset:0;z-index:2;perspective:1000px;pointer-events:none}.portfolio-piece{pointer-events:auto;position:absolute;left:50%;top:130px;width:202px;height:221px;transform:translate(calc(-50% + var(--closed-x)),var(--closed-y)) rotate(var(--closed-r));transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .4s;z-index:var(--order);transform-origin:50% 100%;will-change:transform;outline-offset:7px}.piece-01{--closed-x:-68px;--closed-y:37px;--closed-r:-13deg;--open-x:-294px;--open-y:-51px;--open-r:-16deg;--order:1;width:210px;height:221px}.piece-02{--closed-x:-22px;--closed-y:14px;--closed-r:-5deg;--open-x:-100px;--open-y:-104px;--open-r:-5deg;--order:3;width:185px;height:237px}.piece-03{--closed-x:33px;--closed-y:23px;--closed-r:8deg;--open-x:104px;--open-y:-90px;--open-r:8deg;--order:4;width:204px;height:211px}.piece-04{--closed-x:85px;--closed-y:48px;--closed-r:17deg;--open-x:291px;--open-y:-40px;--open-r:17deg;--order:2;width:192px;height:228px}.piece-surface{height:100%;padding:6px;border-radius:11px;background:linear-gradient(140deg,#fff,#f6f9fb);border:1px solid #fff;box-shadow:0 7px 15px #325b7620,0 1px 3px #325b7610;transition:transform .35s,box-shadow .35s}.piece-caption{display:flex;align-items:center;justify-content:space-between;padding:10px 5px 4px;gap:5px;color:#324d5f}.piece-caption small{display:block;font-size:6px;letter-spacing:1.4px;color:#97a7b1;margin-bottom:4px}.piece-caption b{font-size:10px;font-weight:550;white-space:nowrap}.piece-arrow{font-size:15px;color:#6b99ad}.art-cover{height:calc(100% - 45px);border-radius:6px;position:relative;overflow:hidden;padding:15px 13px}.cover-eyebrow{font-size:5px;letter-spacing:1px}.art-cover strong,.cover-eyebrow{display:block;position:relative;z-index:2}.art-cover strong{line-height:1;font-family:Arial,var(--font);font-size:30px;letter-spacing:-1.5px;margin-top:17px}.cover-bottom{position:absolute;bottom:11px;left:13px;font-size:4px;letter-spacing:.7px}.art-admin{background:#153849;color:#eaf5f6}.art-admin .cover-eyebrow{color:#83aaa9}.art-admin strong>span{position:absolute;right:0;top:-2px;font-size:45px;color:#c6efaa}.admin-tiles{display:flex;gap:5px;margin-top:18px}.admin-tiles i{width:31px;height:26px;display:grid;place-items:center;background:#ffffff13;border:1px solid #ffffff25;border-radius:5px;color:#a7d6db;font-style:normal;font-size:15px}.admin-tiles i:nth-child(2){background:#7cafd3;color:#fff}.art-space{background:#dfeecb;color:#416855}.art-space strong{font-size:24px;line-height:1.2;letter-spacing:-1px;margin-top:14px}.cover-floor{position:absolute;bottom:-5px;right:-8px;width:138px;height:80px;border-radius:10px;background:#eff4dd;border:1px solid #faffee;box-shadow:0 7px 12px #638a4930;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:9px;gap:9px;padding:14px;transform:rotate(-25deg) skewX(10deg)}.cover-floor i{height:16px;background:#73a79a;border-bottom:4px solid #4e8377;border-radius:3px}.cover-floor i.empty{background:#e0dfbb;border-bottom-color:#c6ca9c}.space-dot{width:45px;height:45px;border:8px solid #92ba6655;position:absolute;right:-10px;top:10px;border-radius:50%}.art-data{background:#f7e9dc;color:#75574b}.art-data strong{font-size:29px;line-height:1.04;margin-top:14px}.data-donut{position:absolute;width:78px;height:78px;border-radius:50%;border-color:#dfa47c #9abdb8 #c9dbd0 #dfa47c;border-style:solid;border-width:17px;right:-22px;top:44px;opacity:.75}.art-data svg{position:absolute;width:100%;height:54px;bottom:16px;left:0}.art-flow{background:#e4e4f4;color:#65629a}.art-flow strong{font-size:47px;letter-spacing:-3px;margin-top:18px;font-family:var(--font);font-weight:650}.art-flow strong>span{font-size:30px;display:inline-block;margin-left:7px;vertical-align:top}.flow-diagram{display:flex;align-items:center;margin-top:17px;gap:4px}.flow-diagram>i{height:22px;width:37px;background:#fff9;border:1px solid #fff;border-radius:5px;box-shadow:0 3px 3px #6b6b9020}.flow-diagram>i:nth-of-type(2){background:#8e8ab9}.flow-diagram>b{width:9px;height:1px;background:#9e9abe}.flow-word{font-size:7px;line-height:1.4;display:block;margin-top:9px;letter-spacing:.1px}.glass-folder-front{position:absolute;left:50%;bottom:65px;width:350px;height:211px;transform:translateX(-50%) rotate(1.5deg);z-index:6;border-radius:15px 18px 22px 22px;background:linear-gradient(115deg,#9ae7f070,#2abbdba1 32%,#49c4e3af 74%,#afe9f075);border:1px solid #c9f5f8cc;box-shadow:inset 0 2px 3px #fff9,inset 0 -3px 8px #218fbd45,inset 5px 0 13px #c8f6ff5c,0 20px 30px #2187b626;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:left;color:#fff;overflow:hidden;transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .5s,background .5s;transform-origin:bottom}.glass-folder-front:before{content:"";position:absolute;inset:6px;border:1px solid #d0faff65;border-radius:10px 13px 17px 17px;pointer-events:none}.folder-shine{position:absolute;width:90px;height:320px;background:linear-gradient(90deg,transparent,#fff3,transparent);top:-80px;left:-8px;transform:rotate(35deg);pointer-events:none}.folder-signature{position:absolute;bottom:22px;left:25px}.folder-signature>span{display:block;font-size:20px;letter-spacing:2px;color:#f4feff;text-shadow:0 1px 2px #3096b72b}.folder-signature>small{display:block;font-size:6px;letter-spacing:1.8px;color:#e5fbffb0;margin-top:7px}.folder-toggle-arrow{position:absolute;right:21px;bottom:23px;width:35px;height:35px;border:1px solid #dbfaff70;background:#c7f2fa50;border-radius:50%;display:grid;place-items:center;font-size:21px;color:#fff;transition:transform .5s,background .5s;animation:arrow-nudge 4s ease-in-out infinite}.folder-sticker{position:absolute;display:grid;place-items:center;box-shadow:1px 3px 5px #207da329;border:3px solid #e7fbfc;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sticker-asterisk{font-size:45px;line-height:1;width:65px;height:65px;border-radius:50%;left:44px;top:24px;transform:rotate(-13deg);background:#e9edb0;color:#689490}.sticker-note{right:77px;top:46px;width:58px;height:52px;border-radius:15px 19px 14px 20px;transform:rotate(12deg);background:#e7f5f5;color:#448eab;font:italic 700 13px/1.05 Georgia;text-align:center}.portfolio-folder:is(.is-open,:has(.portfolio-piece:focus-visible)) .portfolio-piece{transform:translate(calc(-50% + var(--open-x)),var(--open-y)) rotate(var(--open-r))}.portfolio-folder:is(.is-open,:has(.portfolio-piece:focus-visible)) .glass-folder-front{transform:translateX(-50%) translateY(14px) rotateX(-12deg) rotate(-1deg);background:linear-gradient(115deg,#9ae7f076,#26b8d99c 37%,#4bc8e3a0 80%,#c0f3f57a);box-shadow:inset 0 2px 3px #fff9,inset 0 -3px 8px #218fbd45,0 20px 30px #2187b626}.portfolio-folder:is(.is-open,:has(.portfolio-piece:focus-visible)) .folder-toggle-arrow{transform:rotate(90deg);background:#d9f8fa80}.portfolio-piece:focus-visible,.portfolio-piece:hover{z-index:10;filter:brightness(1.025)}.portfolio-piece:focus-visible .piece-surface,.portfolio-piece:hover .piece-surface{transform:translateY(-13px) scale(1.045);box-shadow:0 17px 28px #325b762d,0 1px 3px #325b7610}.canvas-caption{display:flex;align-items:center;gap:25px;margin-top:4px;position:relative;z-index:8}.canvas-caption p{text-align:center;color:#8198a5;font-size:11px;letter-spacing:1px;line-height:1.9}.canvas-caption p>span{display:block;font-size:9px;color:#afbdc5;letter-spacing:.5px;margin-top:4px}.caption-line{width:36px;height:1px;background:#dfebf0}.portfolio-footer{height:75px;padding:0 64px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#a5b3bd;flex-shrink:0}.portfolio-footer>span:nth-child(2){font-size:9px;letter-spacing:1.4px}.portfolio-footer>a{color:#7d94a2}.about-dialog{border:1px solid #e0eaf0;border-radius:18px;padding:0;max-width:500px;width:calc(100% - 40px);color:#324e60;box-shadow:0 20px 100px #3d789325}.about-dialog::-webkit-backdrop{background:#edf4f5a8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.about-dialog::backdrop{background:#edf4f5a8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.about-dialog-inner{padding:48px;position:relative}.dialog-close{position:absolute;right:16px;top:13px;background:transparent;font-size:24px;color:#87a2b2;padding:5px 10px}.about-dialog h2{font-size:25px;margin:22px 0;color:#294d62;font-weight:550}.about-dialog p{font-size:13px;line-height:2.05;color:#7a929f;margin:15px 0}.about-dialog-inner>a{display:flex;justify-content:space-between;font-size:12px;border-top:1px solid #e3ecf0;padding-top:22px;margin-top:30px;color:#4589a7}.portfolio-folder:focus-visible .glass-folder-front{outline:2px solid #368eb9;outline-offset:8px}@keyframes folder-breathe{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes arrow-nudge{0%,80%,to{opacity:.8;translate:0 0}90%{opacity:1;translate:2px -2px}}@media(min-height:900px){.portfolio-canvas{padding-bottom:80px}.portfolio-folder{height:570px}.canvas-intro{margin-bottom:25px}.welcome-script{top:40%}}@media(max-width:1000px){.portfolio-nav{padding:0 35px}.nav-note{display:none}.portfolio-nav nav{position:static;transform:none}.portfolio-folder{width:900px}.piece-01{--open-x:-245px;--open-r:-15deg}.piece-04{--open-x:246px;--open-r:15deg}.piece-02{--open-x:-84px}.piece-03{--open-x:88px}.portfolio-footer{padding:0 35px}}@media(max-width:760px){.portfolio-nav{height:85px;padding:0 27px}.portfolio-nav nav{font-size:11px;gap:25px}.portfolio-brand{font-size:30px}.portfolio-canvas{min-height:590px;padding:25px 0}.canvas-intro{font-size:9px;letter-spacing:1.2px}.welcome-script{font-size:125px;letter-spacing:-9px;top:37%;opacity:.7}.portfolio-folder{width:760px;max-width:none;transform:scale(.77);transform-origin:50% 50%;height:510px;margin:-40px -100px -45px}.piece-01{--open-x:-230px}.piece-04{--open-x:233px}.piece-02{--open-x:-76px}.piece-03{--open-x:80px}.portfolio-footer{height:60px;padding:0 27px;font-size:7px}.portfolio-footer>span:nth-child(2){display:none}.canvas-caption{gap:15px}.canvas-caption p{font-size:10px}.canvas-caption p>span{font-size:8px}.caption-line{width:23px}}@media(max-width:520px){.portfolio-canvas{min-height:570px;justify-content:flex-start;padding-top:42px}.canvas-intro{font-size:8px}.portfolio-folder{transform:scale(.55);margin:-35px -200px -90px;height:590px}.glass-folder-front{bottom:110px}.glass-folder-back{bottom:125px}.folder-ground{bottom:98px}.portfolio-piece{top:165px}.piece-01{--open-x:-211px;--open-y:-84px;--open-r:-18deg}.piece-02{--open-x:-72px;--open-y:-148px;--open-r:-6deg}.piece-03{--open-x:78px;--open-y:-137px;--open-r:8deg}.piece-04{--open-x:219px;--open-y:-73px;--open-r:18deg}.welcome-script{font-size:105px;letter-spacing:-8px;top:31%;opacity:.6}.portfolio-nav{padding:0 22px}.portfolio-nav nav{gap:22px}.portfolio-footer{padding:0 23px}.canvas-caption{margin-top:0}.about-dialog-inner{padding:40px 28px}.about-dialog h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.folder-assembly,.folder-toggle-arrow{animation:none}.glass-folder-front,.piece-surface,.portfolio-piece{transition:none}}@media(min-width:761px) and (max-height:899px){.portfolio-nav{height:85px}.portfolio-footer{height:55px}.portfolio-canvas{min-height:560px;padding:18px 0 12px}.portfolio-folder{height:510px}.welcome-script{top:38%}}@media(min-width:761px) and (max-height:760px){.portfolio-folder{transform:scale(.88);margin:-30px 0}}@media(max-width:400px){.portfolio-folder{transform:scale(.47)}.piece-caption b{font-size:14px}.piece-caption small{font-size:8px}}@media(max-width:360px){.portfolio-folder{transform:scale(.43)}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.work-page .portfolio-canvas{min-height:650px;padding-top:55px;isolation:isolate}.work-page .canvas-intro{font-size:8px;letter-spacing:2.7px;color:#9baab7;margin-bottom:28px}.welcome-art{position:absolute;width:min(1090px,91vw);left:50%;top:44%;transform:translate(-50%,-50%) rotate(-5deg);pointer-events:none;z-index:-1;opacity:.85;filter:drop-shadow(0 8px 8px #94acd01c)}.welcome-art>img{display:block;width:100%;height:auto}.work-page .portfolio-folder{height:530px}.work-page .portfolio-piece{border:0;padding:0;background:transparent;text-align:left;font-family:inherit}.work-page .piece-surface{border-radius:16px 16px 23px 23px;padding:7px 7px 8px;background:linear-gradient(145deg,#fff 35%,#f9fcff 75%,#f2f6fa);border:1px solid #fff;box-shadow:0 9px 22px #436b8620,0 1px 2px #557c9510,inset 0 -1px 0 #d5e4ee80}.work-page .piece-surface:after{content:"";position:absolute;inset:0;border:1px solid #fff9;border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,#ffffff20,transparent 40%,#ffffff05)}.work-page .art-cover{border-radius:11px 11px 8px 8px}.work-page .piece-caption{padding:11px 7px 6px}.work-page .piece-caption b{font-weight:500;font-size:10px;color:#557285}.work-page .piece-caption small{font-size:6px;color:#a2b5c0}.work-page .piece-arrow{width:21px;height:21px;border-radius:50%;background:#ecf4f8;color:#7fa4b9;font-size:12px;display:grid;place-items:center}.work-page .piece-01{--open-x:-254px;--open-y:-72px;--open-r:-18deg;width:204px;height:230px}.work-page .piece-02{--open-x:-86px;--open-y:-127px;--open-r:-7deg;width:188px;height:242px}.work-page .piece-03{--open-x:100px;--open-y:-117px;--open-r:7deg;width:202px;height:220px}.work-page .piece-04{--open-x:270px;--open-y:-59px;--open-r:19deg;width:191px;height:226px}.work-page .glass-folder-back{width:322px;height:238px;bottom:76px;border-color:#83cbdc7a;background:linear-gradient(140deg,#8bd5e3b3,#5dc3df93 30%,#91d8e7a8 72%,#a0e3ec8c);box-shadow:inset 0 2px 3px #ffffffb5,inset 0 -2px 5px #398eaf35,0 7px 25px #307c9d16}.work-page .glass-folder-back:before{background:linear-gradient(135deg,#a6e1edb8,#75cee3b0);border-color:#9edcec8c}.work-page .glass-folder-front{width:352px;height:211px;bottom:58px;border-radius:17px 18px 25px 25px;background:linear-gradient(112deg,#cff6f83d,#a5edf65c 9%,#4cc5e342 35%,#6dd6e95c 70%,#d2f4f84d);border:1px solid #c9eff7c9;box-shadow:inset 0 2px 3px #ffffffeb,inset 1px 0 8px #ffffff8c,inset -1px -2px 7px #438caa5c,0 15px 25px #3d9abe20,0 2px 4px #60a9c924;backdrop-filter:blur(5px) saturate(1.2);-webkit-backdrop-filter:blur(5px) saturate(1.2)}.work-page .glass-folder-front:after{content:"";position:absolute;left:8px;right:8px;top:6px;height:3px;border-radius:50%;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:.9}.work-page .glass-folder-front:before{inset:5px;border:1px solid #effeff6e;border-bottom-color:#d8faff66;border-radius:12px 13px 20px 20px}.work-page .folder-shine{width:115px;background:linear-gradient(90deg,transparent,#ffffff38,transparent);left:12px;top:-65px;opacity:.7}.work-page .folder-signature>span{font-size:18px;font-weight:450;letter-spacing:1.5px;color:#f8feff;text-shadow:0 1px 5px #2a879d54}.work-page .folder-sticker{box-shadow:0 2px 5px #247e9721;border-width:2px}.work-page .sticker-asterisk{width:58px;height:58px;font-size:40px;left:43px;top:25px;background:#eef2bee8;border-color:#f8ffec;color:#86a299}.work-page .sticker-note{width:55px;height:49px;right:75px;top:42px;border-radius:16px;background:#ecf8f6e8;border-color:#f8ffff;color:#5c9db1;font-size:12px}.work-page .folder-toggle-arrow{color:#f6ffff;background:#d0f6fb57;border-color:#f1feff80;box-shadow:inset 0 1px 1px #fff9;right:23px;bottom:23px}.work-page .portfolio-folder:is(.is-open,:has(.portfolio-piece:focus-visible)) .glass-folder-front{transform:translateX(-50%) translateY(22px) rotateX(-14deg) rotate(-1deg);background:linear-gradient(112deg,#c9f1f83d,#69d0e54d 34%,#83dceb57 72%,#e2f8f945);box-shadow:inset 0 2px 3px #ffffffeb,inset 0 -2px 7px #438caa55,0 17px 28px #3d9abe25}.work-page .folder-ground{width:330px;bottom:28px;background:#69a8c426;filter:blur(20px)}.work-page.is-inspecting .folder-assembly,.work-page.is-inspecting .folder-toggle-arrow{animation-play-state:paused}.work-page .canvas-caption{margin-top:20px}.work-page .canvas-caption p{font-size:10px;color:#9dafbb}.work-page .canvas-caption p>span{font-size:8px;color:#b4c2ca}.work-footer{display:flex;justify-content:space-between;align-items:center;padding:23px 40px;font-size:8px;color:#a9b7c1;letter-spacing:1px}.work-footer>a{color:#8b9fab}.work-footer>span:nth-child(2){font-size:7px;letter-spacing:2px}@media(min-width:761px) and (max-height:800px){.work-page .portfolio-canvas{min-height:585px;padding-top:25px;padding-bottom:10px}.work-page .canvas-intro{margin-bottom:10px}.work-page .portfolio-folder{height:470px;transform:scale(.89);margin:-22px 0}.work-page .portfolio-piece{top:70px}.welcome-art{top:42%;width:80vw}.work-page .canvas-caption{margin-top:10px}}@media(max-width:1000px){.work-page .piece-01{--open-x:-235px}.work-page .piece-04{--open-x:240px}.work-page .piece-02{--open-x:-78px}.work-page .piece-03{--open-x:86px}}@media(max-width:760px){.work-page .portfolio-canvas{min-height:630px;padding-top:55px}.work-page .portfolio-folder{height:560px;margin:-30px -100px -55px}.work-page .canvas-intro{margin-bottom:20px;font-size:7px}.welcome-art{width:95vw;top:43%}.work-page .canvas-caption{margin-top:15px}.work-footer{padding:22px 25px;font-size:7px}}@media(max-width:520px){.work-page .portfolio-canvas{min-height:640px;padding-top:65px}.work-page .portfolio-folder{height:590px;margin:-30px -200px -90px;transform:scale(.54)}.work-page .glass-folder-front{bottom:110px}.work-page .glass-folder-back{bottom:126px}.work-page .folder-ground{bottom:91px}.work-page .piece-01{--open-x:-211px;--open-y:-84px;--open-r:-18deg}.work-page .piece-02{--open-x:-72px;--open-y:-148px;--open-r:-6deg}.work-page .piece-03{--open-x:78px;--open-y:-137px;--open-r:8deg}.work-page .piece-04{--open-x:219px;--open-y:-73px;--open-r:18deg}.welcome-art{width:110vw;top:35%;opacity:.82}.work-page .canvas-caption{margin-top:10px}.work-footer>span:nth-child(2){display:none}}@media(max-width:400px){.work-page .portfolio-folder{transform:scale(.47)}}.work-page .piece-surface{position:relative}.work-page .art-admin strong{font-size:27px;letter-spacing:-1.2px}.work-page .admin-tiles{margin-top:15px}.work-page .art-admin .cover-bottom{font-size:3.8px}.welcome-art{filter:drop-shadow(0 12px 16px #80bdc51f);opacity:1}.work-page .art-cover-image{padding:0;background:transparent}.work-page .art-cover-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}