.commission-page{--commission-accent:var(--accent-pink);color:#f4f6f8;width:min(100% - clamp(36px,7vw,112px),1520px);margin:0 auto;padding:clamp(64px,8vw,118px) 0 clamp(76px,9vw,132px)}.commission-header{border-bottom:1px solid #26333e;max-width:920px;padding-bottom:clamp(36px,5vw,68px)}.commission-header>p{color:var(--commission-accent);font:700 .64rem/1 var(--font-body), Arial, sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0}.commission-header h1{color:#f6f7f8;font:400 clamp(4.4rem, 10vw, 9.75rem)/.84 var(--font-display), Impact, sans-serif;letter-spacing:-.01em;text-transform:uppercase;margin:16px 0 0}.commission-header h1 span{color:var(--commission-accent)}.commission-header>div{color:#a7b1bc;max-width:58ch;font:500 clamp(.9rem, 1.15vw, 1.08rem)/1.6 var(--font-body), Arial, sans-serif;margin-top:26px}.commission-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(28px,3.4vw,54px) clamp(18px,2.2vw,34px);padding:clamp(42px,6vw,84px) 0;display:grid}.commission-card,.commission-card>button{min-width:0}.commission-card>button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.commission-card-art{border:1px solid #33424e;border-left:4px solid var(--commission-accent);background-color:#080c11;background-image:radial-gradient(circle at 1px 1px,#ff1f7e12 1px,#0000 0),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:6px 6px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:9px;transition:border-color .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:7px 9px #ff1f7e06}.commission-card-art img{width:100%;height:auto;transition:transform .36s cubic-bezier(.22,1,.36,1),filter .18s;display:block}.commission-card-art>i{color:#fff;width:34px;height:34px;font:700 .85rem/1 var(--font-body), Arial, sans-serif;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05080bbd;border:1px solid #ffffff80;border-radius:50%;place-items:center;font-style:normal;transition:color .18s,border-color .18s,background .18s;display:grid;position:absolute;bottom:13px;right:13px}.commission-card>button:hover .commission-card-art,.commission-card>button:focus-visible .commission-card-art{border-color:color-mix(in srgb, var(--commission-accent) 70%, #33424e);box-shadow:7px 9px #ff1f7e0b,0 0 24px #ff1f7e12}.commission-card>button:hover img,.commission-card>button:focus-visible img{filter:saturate(1.04);transform:scale(1.018)}.commission-card>button:hover .commission-card-art>i,.commission-card>button:focus-visible .commission-card-art>i{border-color:var(--commission-accent);color:#05080b;background:var(--commission-accent)}.commission-card>button:focus-visible{outline:2px solid var(--commission-accent);outline-offset:6px;border-radius:8px}.commission-card-meta{padding:16px 3px 0;display:block}.commission-card-meta>strong{color:#f1f3f5;font:400 clamp(1.55rem, 2vw, 2.25rem)/.96 var(--font-display), Impact, sans-serif;letter-spacing:.015em;text-transform:uppercase;display:block}.commission-card-meta>small{color:#798694;font:700 .59rem/1.4 var(--font-body), Arial, sans-serif;letter-spacing:.09em;text-transform:uppercase;flex-wrap:wrap;gap:5px 13px;margin-top:9px;display:flex}.commission-card-meta>small span{color:var(--commission-accent)}.commission-empty{border:1px solid #30404c;border-left:5px solid var(--commission-accent);background:radial-gradient(circle at 1px 1px,#ff1f7e14 1px,#0000 0) 0 0/6px 6px,linear-gradient(115deg,#ff1f7e0e,#060a0ef5 48%);border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:360px;margin:clamp(42px,6vw,84px) 0;padding:clamp(32px,5vw,70px);display:flex}.commission-empty>span{color:var(--commission-accent);font:700 .62rem/1 var(--font-body), Arial, sans-serif;letter-spacing:.14em;text-transform:uppercase}.commission-empty h2{color:#f5f6f7;max-width:14ch;font:400 clamp(2.6rem, 5.2vw, 5.6rem)/.91 var(--font-display), Impact, sans-serif;text-transform:uppercase;margin:15px 0 0}.commission-empty p{color:#929eaa;max-width:48ch;font:500 .9rem/1.55 var(--font-body), Arial, sans-serif;margin:17px 0 0}.commission-lightbox{z-index:1200;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#020407f2;place-items:center;padding:clamp(14px,3vw,40px);display:grid;position:fixed;inset:0;overflow:auto}.commission-lightbox-shell{border:1px solid #354550;border-left:5px solid var(--commission-accent);background:#070a0e;border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);width:min(100%,1440px);min-height:min(820px,100svh - clamp(28px,6vw,80px));display:grid;overflow:hidden;box-shadow:14px 18px #ff1f7e09}.commission-lightbox-close{color:#f4f6f8;cursor:pointer;font:700 .61rem/1 var(--font-body), Arial, sans-serif;letter-spacing:.1em;text-transform:uppercase;background:#090d12;border:1px solid #53616e;border-radius:7px;grid-column:1/-1;justify-self:end;margin:12px 14px 8px;padding:10px 13px}.commission-lightbox-close:hover,.commission-lightbox-close:focus-visible{border-color:var(--commission-accent);color:var(--commission-accent);outline:none}.commission-lightbox-art{background-color:#030609;background-image:radial-gradient(circle at 1px 1px,#ffffff0b 1px,#0000 0),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:7px 7px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #26333e;border-radius:7px;min-height:0;margin:0 0 18px 18px;position:relative;overflow:hidden}.commission-lightbox-art img{object-fit:contain}.commission-lightbox-meta{align-self:center;min-width:0;padding:clamp(28px,4vw,54px)}.commission-lightbox-meta>span{color:var(--commission-accent);font:700 .6rem/1 var(--font-body), Arial, sans-serif;letter-spacing:.14em;text-transform:uppercase}.commission-lightbox-meta h2{color:#f5f6f7;font:400 clamp(2.7rem, 5vw, 5.7rem)/.88 var(--font-display), Impact, sans-serif;overflow-wrap:anywhere;text-transform:uppercase;margin:13px 0 0}.commission-lightbox-facts{color:#84909c;font:700 .62rem/1.4 var(--font-body), Arial, sans-serif;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:6px 16px;margin-top:18px;display:flex}.commission-lightbox-facts strong{color:var(--commission-accent)}.commission-lightbox-meta p{color:#b2bbc5;font:500 .9rem/1.65 var(--font-body), Arial, sans-serif;margin:24px 0 0}.commission-lightbox-links{gap:9px;margin-top:28px;display:grid}.commission-lightbox-links a{color:#f2f4f6;width:fit-content;font:700 .64rem/1.3 var(--font-body), Arial, sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.commission-lightbox-links a:hover,.commission-lightbox-links a:focus-visible{color:var(--commission-accent);outline:none}.commission-lightbox-meta>small{color:#65727e;font:700 .58rem/1 var(--font-body), Arial, sans-serif;letter-spacing:.12em;margin-top:34px;display:block}.commission-lightbox-controls{border-top:1px solid #26333e;grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.commission-lightbox-controls button{color:#dce1e6;cursor:pointer;min-height:52px;font:700 .62rem/1 var(--font-body), Arial, sans-serif;letter-spacing:.1em;text-transform:uppercase;background:#080c11;border:0}.commission-lightbox-controls button+button{border-left:1px solid #26333e}.commission-lightbox-controls button:hover,.commission-lightbox-controls button:focus-visible{color:#06080b;background:var(--commission-accent);outline:none}@media (max-width:1080px){.commission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-lightbox-shell{grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr)}}@media (max-width:680px){.commission-page{width:calc(100% - 28px);padding-top:46px}.commission-header h1{font-size:clamp(4rem,20vw,6.7rem)}.commission-grid{grid-template-columns:1fr;gap:34px;padding-block:42px 62px}.commission-lightbox{place-items:start center;padding:8px}.commission-lightbox-shell{border-radius:9px;grid-template-rows:auto minmax(48svh,1fr) auto auto;grid-template-columns:1fr;min-height:calc(100svh - 16px)}.commission-lightbox-art{margin:0 10px}.commission-lightbox-meta{align-self:start;padding:24px 20px 30px}.commission-lightbox-meta h2{font-size:clamp(2.6rem,14vw,4.4rem)}}@media (prefers-reduced-motion:reduce){.commission-card-art,.commission-card-art img,.commission-card-art>i,.commission-lightbox button,.commission-lightbox a{transition:none}.commission-card>button:hover img,.commission-card>button:focus-visible img{transform:none}}