.about{position:relative;background:radial-gradient(120% 100% at 80% 30%,var(--primary) 0%,var(--primary-deep) 50%,var(--ink) 100%);color:var(--paper)}.about:before{content:"";position:absolute;inset:0;background-size:18px 18px;background-image:radial-gradient(rgba(10,10,10,.5) 20%,transparent 25%);mask-image:linear-gradient(120deg,#000,transparent 55%);-webkit-mask-image:linear-gradient(120deg,#000,transparent 55%);opacity:.5}.about .wrap{position:relative;z-index:2;width:85%;max-width:1200px;margin:auto}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,56px);align-items:center}.about .nameplate{background:var(--paper);color:var(--ink);display:inline-flex;align-items:center;gap:18px;padding:12px 30px 16px;clip-path:polygon(0 16%,3% 0,96% 6%,100% 0,99% 86%,100% 100%,4% 96%,0 100%);box-shadow:6px 7px #00000080}.about .nameplate h3{margin:0;font-family:var(--font-display);font-size:clamp(20px,3vw,30px);white-space:nowrap}.about .lvrow{display:flex;align-items:baseline;gap:14px;margin:22px 0 8px;transform:skew(-7deg)}.about .lvrow .lv{font-family:var(--font-display);font-size:26px}.about .lvrow .lv b{font-size:48px}.about .lvrow .rl{font-family:var(--font-label);font-weight:600;font-size:clamp(15px,1.8vw,19px);letter-spacing:.05em;text-transform:uppercase}.about .lead{font-size:clamp(15px,1.7vw,18px);line-height:1.65;max-width:46ch;margin:14px 0 0;text-wrap:pretty;background:#0a0a0a47;padding:18px 22px;border-left:4px solid var(--ink)}.about .statpanel{background:var(--paper);color:var(--ink);padding:22px 26px;clip-path:polygon(0 0,100% 4%,98% 100%,2% 96%);box-shadow:8px 9px #00000080}.about .statpanel .row{display:flex;justify-content:space-between;align-items:baseline;gap:18px;white-space:nowrap;font-family:var(--font-label);font-weight:600;font-size:clamp(14px,1.5vw,17px);text-transform:uppercase;letter-spacing:.03em;padding:9px 0;border-bottom:2px solid rgba(10,10,10,.12)}.about .statpanel .row:last-of-type{border-bottom:0}.about .statpanel .row b{font-family:var(--font-display);font-size:clamp(17px,1.9vw,21px);flex:none}.about .statpanel .bars{display:flex;gap:14px;margin-top:18px}.about .bigstat{flex:1;text-align:center;background:var(--ink);color:var(--paper);padding:14px 8px;clip-path:polygon(0 6%,100% 0,96% 100%,3% 94%)}.about .bigstat b{display:block;font-family:var(--font-display);font-size:clamp(34px,5vw,52px);line-height:.9;color:var(--primary)}.about .bigstat span{font-family:var(--font-label);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper)}@media(max-width:768px){.about-grid{grid-template-columns:1fr}}.contact{position:relative;background:var(--ink);color:var(--paper);overflow:hidden}.contact .burst-bg{position:absolute;left:50%;top:50%;width:150%;height:200%;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg at 50% 50%,var(--primary) 0deg 5deg,transparent 5deg 10deg);opacity:.7}.contact .glow{position:absolute;left:50%;top:50%;width:80%;height:120%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,var(--primary) 0 35%,rgba(230,0,18,0) 72%)}.contact .wrap{position:relative;z-index:3;width:min(100%,1200px);margin:0 auto;padding:0 clamp(18px,5vw,56px);text-align:center}.contact .ctitle{max-width:100%;margin:0;font-family:var(--font-display);font-size:clamp(48px,9vw,116px);line-height:.84;color:var(--paper);text-shadow:6px 6px 0 var(--ink);transform:rotate(-3deg);overflow-wrap:anywhere}.contact .ctitle .colored{color:var(--primary);-webkit-text-stroke:2px var(--paper)}.contact .clead{width:min(100%,56ch);margin:24px auto 0;font-size:clamp(15px,1.8vw,19px);line-height:1.65;text-wrap:pretty;background:#0a0a0a66;padding:18px 24px}.contact .cta-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:30px}.contact .cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-size:clamp(18px,2.2vw,26px);text-decoration:none;padding:12px 28px;transition:transform .12s ease;letter-spacing:.02em;max-width:100%;text-align:center;overflow-wrap:anywhere}.contact .cta.primary{background:var(--paper);color:var(--ink);clip-path:polygon(0 0,100% 8%,96% 100%,4% 92%);box-shadow:4px 4px 0 var(--ink)}.contact .cta.ghost{background:var(--ink);color:var(--paper);border:2px solid var(--paper);clip-path:polygon(0 8%,100% 0,96% 100%,4% 92%)}@media(max-width:600px){.contact .burst-bg{width:180%;height:160%}.contact .glow{width:125%;height:95%}.contact .ctitle{font-size:clamp(42px,17vw,64px);line-height:.9;text-shadow:4px 4px 0 var(--ink);transform:rotate(-2deg)}.contact .ctitle .colored{-webkit-text-stroke-width:1px}.contact .clead{margin-top:22px;padding:16px 18px}.contact .cta-row{align-items:stretch;flex-direction:column;width:min(100%,340px);margin-inline:auto}.contact .cta{width:100%;padding-inline:20px}}.exp{background:var(--ink);color:var(--paper);width:85%;max-width:1200px;margin:auto}.sns{position:relative;background:var(--primary);padding:clamp(20px,3vw,40px) clamp(16px,3vw,40px) clamp(30px,4vw,56px);clip-path:polygon(0 1.5%,4% 0,72% 1.6%,100% 0,99% 98%,96% 100%,28% 98.5%,2% 100%);box-shadow:10px 12px #00000073}.sns:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(10,10,10,.32) 20%,transparent 21%);background-size:15px 15px;opacity:.5;pointer-events:none}.sns-top{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;z-index:2}.sns-logo{font-family:var(--font-display);font-size:clamp(30px,4vw,48px);color:var(--ink);letter-spacing:.04em;background:var(--paper);padding:2px 18px;transform:rotate(-3deg);clip-path:polygon(0 10%,100% 0,97% 100%,3% 90%)}.sns-date{font-family:var(--font-display);background:var(--paper);color:var(--ink);text-align:center;line-height:1;padding:8px 14px;transform:rotate(2deg);clip-path:polygon(2% 0,100% 4%,98% 96%,0 100%)}.sns-date b{font-size:30px}.sns-date span{display:block;font-family:var(--font-label);font-weight:700;font-size:11px;letter-spacing:.12em}.thread{position:relative;z-index:2;display:flex;flex-direction:column;gap:20px}.msg{display:flex;gap:16px;align-items:flex-start}.msg .avatar{flex:none;width:clamp(52px,7vw,72px);height:clamp(52px,7vw,72px);display:grid;place-items:center;background:var(--ink);color:var(--paper);font-family:var(--font-display);font-size:clamp(22px,3vw,30px);clip-path:polygon(8% 0,100% 6%,92% 100%,0 92%);position:relative}.msg .avatar .on{position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;background:#34e0d8;border:2px solid var(--ink);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.bubble{flex:1;min-width:0;background:var(--paper);color:var(--ink);padding:18px 34px 20px 32px;position:relative;clip-path:polygon(0 6%,2% 0,100% 3%,99% 92%,100% 100%,3% 97%);box-shadow:5px 6px #0006}.bubble .bhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px}.bubble .co{font-family:var(--font-display);font-size:clamp(20px,2.5vw,28px);letter-spacing:.02em}.bubble .pd{font-family:var(--font-label);font-weight:600;font-size:10px;letter-spacing:.04em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:3px 11px;transform:skew(-6deg);white-space:nowrap;flex:none;margin-left:8px}.bubble .rl{font-family:var(--font-label);font-weight:700;font-size:clamp(14px,1.6vw,17px);text-transform:uppercase;letter-spacing:.03em;color:var(--primary)}.bubble .note{font-family:var(--font-label);font-weight:500;font-size:12px;letter-spacing:.05em;opacity:.6;margin:2px 0 8px}.bubble .experience-lines{margin:6px 12px 12px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.bubble li{position:relative;padding-left:18px;font-size:clamp(13px,1.5vw,15px);line-height:1.5;text-wrap:pretty}.bubble li:before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;background:var(--primary);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.experience-lines-more{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transform:translateY(-8px) skew(-2deg);transition:grid-template-rows .42s cubic-bezier(.2,.9,.2,1),opacity .24s ease,transform .42s cubic-bezier(.2,.9,.2,1)}.experience-lines-more[data-expanded=true]{grid-template-rows:1fr;opacity:1;transform:none}.experience-lines-more>.experience-lines{min-height:0;overflow:hidden;margin-top:0}.experience-toggle{--p5-cut-hover-bg: var(--ink);--p5-cut-hover-color: var(--paper);border:0;background:var(--paper);color:var(--ink);cursor:pointer;font-family:var(--font-display);font-size:14px;letter-spacing:.04em;margin:2px 12px 0;min-height:34px;padding:7px 12px 8px 14px;display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;box-shadow:3px 4px #00000059;transform:rotate(-1deg);transition:background .16s ease,color .16s ease,transform .16s ease}.experience-toggle:is(:hover,:focus-visible){transform:rotate(1deg) translateY(-1px);outline:2px solid var(--primary);outline-offset:3px}.experience-toggle b{display:grid;place-items:center;min-width:28px;height:20px;background:var(--paper);color:var(--ink);font-family:var(--font-label);font-size:12px;line-height:1;padding:0 6px;clip-path:polygon(7% 0,100% 10%,92% 100%,0 90%)}@media(prefers-reduced-motion:reduce){.experience-lines-more,.experience-toggle{transition:none}}@media(max-width:768px){.msg .avatar{display:none}.sns{clip-path:polygon(0 1.5%,4% 0,72% .25%,100% 0,99% 98%,96% 100%,28% 99.5%,2% 100%)}}@media(max-width:680px){.msg{gap:10px}}@media(max-width:440px){.bubble .bhead{flex-direction:column;align-items:flex-start}}.hero{position:relative;min-height:100vh;overflow:hidden;background:var(--ink);display:flex;align-items:center}.hero .burst-bg{position:absolute;left:50%;top:50%;width:max(100vw,100vh);height:max(100vw,100vh);transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg at 50% 50%,var(--primary) 0deg 4.5deg,transparent 4.5deg 9deg);opacity:.85}.hero .center-glow{position:absolute;left:50%;top:50%;width:100%;height:130%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,var(--primary) 0 38%,rgba(230,0,18,0) 74%)}.hero .dots{position:absolute;inset:0;z-index:2;background-image:radial-gradient(rgba(10,10,10,.45) 25%,transparent 25%);background-size:20px 20px;-webkit-mask-image:radial-gradient(closest-side,transparent 35%,#000 60%,transparent 90%);mask-image:radial-gradient(closest-side,transparent 35%,#000 60%,transparent 90%)}.hero .vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 45%,transparent 38%,rgba(10,10,10,.6) 100%);z-index:2}.hero .sil{position:absolute;right:5%;top:10%;width:30%;height:85%;z-index:3;background:repeating-linear-gradient(135deg,rgba(10,10,10,.85) 0 10px,transparent 10px 20px);background-size:28px 28px;clip-path:polygon(30% 0,100% 6%,92% 100%,8% 92%,0 36%);display:grid;place-items:end center}.hero .wrap{max-width:1280px;margin:0 auto;padding:0 clamp(18px,4vw,56px)}.hero .hero-inner{position:relative;width:100%;z-index:6}.hero .kicker{font-family:var(--font-label);font-weight:700;letter-spacing:.2em;white-space:nowrap;text-transform:uppercase;color:var(--ink);background:var(--paper);display:inline-block;padding:5px 22px 5px 16px;font-size:clamp(13px,1.5vw,20px);clip-path:polygon(0 0,100% 8%,97% 100%,3% 90%);transform:rotate(-4deg)}.hero h1{margin:10px 0 0;font-family:var(--font-display);font-size:clamp(64px,15vw,168px);line-height:.78;color:var(--paper);text-shadow:6px 6px 0 var(--ink);transform:rotate(-4deg);letter-spacing:.01em}.hero h1 .colored{color:var(--primary);-webkit-text-stroke:3px var(--paper)}.hero .role{margin-top:18px;font-family:var(--font-label);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(15px,2.4vw,28px);color:var(--paper);transform:rotate(-3deg);text-shadow:2px 2px 0 var(--ink)}.hero .enter{margin-top:42px;display:inline-flex;text-decoration:none;align-items:center;gap:12px;cursor:pointer;border:0;font-family:var(--font-display);font-size:clamp(16px,2vw,24px);background:var(--ink);color:var(--paper);border:2px solid var(--paper);padding:10px 24px;clip-path:polygon(0 0,100% 8%,96% 100%,4% 92%);transition:transform .12s ease,background .12s}.hero .showtime{position:absolute;right:clamp(18px,4vw,56px);bottom:6%;z-index:7;font-family:var(--font-display);font-size:clamp(40px,7vw,96px);color:var(--paper);transform:rotate(-7deg);line-height:.8;text-shadow:6px 6px 0 var(--ink);text-align:right}@keyframes hero-sil-cut{0%,to{clip-path:polygon(30% 0,100% 6%,92% 100%,8% 92%,0 36%);transform:translate(0) skew(0)}18%{clip-path:polygon(25% 2%,100% 0,96% 95%,14% 100%,0 42%);transform:translate(1.5%,-1%) skew(-2deg)}36%{clip-path:polygon(34% 0,96% 9%,100% 100%,5% 89%,3% 30%);transform:translate(-1%,1%) skew(2deg)}58%{clip-path:polygon(28% 4%,100% 12%,88% 100%,0 95%,9% 34%);transform:translate(2%) skew(-1deg)}78%{clip-path:polygon(32% 0,94% 4%,98% 92%,11% 100%,0 28%);transform:translate(-1.5%,-.5%) skew(1deg)}}@media(max-width:1020px){.hero .sil,.hero .showtime{display:none}.hero .hero-inner{width:fit-content;max-width:100%;margin-inline:auto}}@media(max-width:768px){.hero h1{font-size:clamp(90px,24vw,240px)}.hero h1 .colored{-webkit-text-stroke:1px var(--paper)}.hero .burst-bg{width:max(140vw,140vh);height:max(140vw,140vh)}.hero .center-glow{width:max(115vw,115vh);height:max(115vw,115vh);background:radial-gradient(circle closest-side,var(--primary) 0 38%,rgba(230,0,18,0) 74%)}.hero .dots{inset:50% auto auto 50%;width:max(130vw,130vh);height:max(130vw,130vh);transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle closest-side,transparent 35%,#000 60%,transparent 90%);mask-image:radial-gradient(circle closest-side,transparent 35%,#000 60%,transparent 90%)}.hero .vignette{inset:50% auto auto 50%;width:max(130vw,130vh);height:max(130vw,130vh);transform:translate(-50%,-50%);background:radial-gradient(circle closest-side at 50% 50%,transparent 38%,rgba(10,10,10,.6) 100%)}}@media(prefers-reduced-motion:reduce){.hero .sil{animation:none}}.proj{position:relative;background:var(--paper);color:var(--ink)}.proj:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(135deg,rgba(10,10,10,.05) 0 16px,transparent 16px 34px);pointer-events:none}.proj .wrap{position:relative;z-index:2;width:85%;max-width:1200px;margin:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px)}.card{position:relative;background:var(--ink);color:var(--paper);overflow:hidden;cursor:default;clip-path:polygon(0 2%,3% 0,100% 1.5%,99% 98%,96% 100%,0 99%);border:0;transition:transform .16s ease;display:flex;flex-direction:column}.card .sweep{position:absolute;inset:0;background:var(--primary);transform:translateY(101%) skewY(-3deg);transition:transform .26s cubic-bezier(.2,.9,.2,1);z-index:0}.card>*{position:relative;z-index:1}.card .portrait{height:140px;overflow:hidden;border-bottom:3px solid var(--primary)}.card .portrait img{display:block;width:100%;height:100%;object-fit:cover}.card .arcana{position:absolute;top:10px;left:0;z-index:2;font-family:var(--font-label);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:var(--paper);color:var(--ink);padding:4px 14px;transform:skew(-9deg);white-space:nowrap}.card .arcana b{display:inline-block;transform:skew(9deg)}.card .body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:9px;flex:1}.card .pname{font-family:var(--font-display);font-size:clamp(22px,2.4vw,28px);line-height:.94;letter-spacing:.01em}.card .pdesc{font-size:13px;line-height:1.55;opacity:.85;text-wrap:pretty;flex:1}.card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.card .tags span{font-family:var(--font-label);font-weight:600;font-size:10px;letter-spacing:.05em;text-transform:uppercase;border:1.5px solid var(--primary);color:var(--paper);padding:3px 8px;white-space:nowrap}.card .project-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.card .project-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;font-family:var(--font-label);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:transform .12s ease;white-space:nowrap}.card .project-action.primary{background:var(--paper);color:var(--ink);clip-path:polygon(0 0,100% 8%,96% 100%,4% 92%)}.card .project-action.ghost{background:transparent;color:var(--paper);border:2px solid var(--paper);clip-path:polygon(0 8%,100% 0,96% 100%,4% 92%)}@media(max-width:1024px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cards{grid-template-columns:1fr}}