:root{color-scheme:dark;--bg:#101110;--surface:#191c18;--text:#f3f4ec;--muted:#a8aca0;--lime:#d0ff71;--line:#30342c;--display:'Space Grotesk',Arial,sans-serif;--body:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased}::selection{background:var(--lime);color:var(--bg)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.04;letter-spacing:-.055em}.shell{width:min(1264px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;background:var(--lime);color:var(--bg);padding:12px;z-index:20}.skip:focus{top:10px}.header{position:sticky;top:0;background:#101110ec;backdrop-filter:blur(16px);z-index:10;border-bottom:1px solid var(--line)}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between}.monogram{font:700 34px/1 var(--display);letter-spacing:-.08em;display:flex;align-items:flex-start;gap:3px}.monogram>span{font:500 12px/1 var(--body);color:var(--lime);letter-spacing:0;margin-top:3px}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}nav a{transition:color .2s}nav a:hover{color:var(--lime)}nav .nav-contact{padding:10px 22px;border:1px solid #484d41;border-radius:8px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px 74px;padding-top:68px;position:relative}.overline{font-size:12px;letter-spacing:.08em;font-weight:650;display:flex;align-items:center;gap:10px}.little-cross{color:var(--lime);font-size:23px;line-height:1}.hero h1{font-size:clamp(72px,8.1vw,118px);margin:25px 0 29px;letter-spacing:-.075em;line-height:.95}.lime{color:var(--lime)}.hero-lead{font-family:var(--display);font-size:clamp(24px,2.4vw,34px);line-height:1.25;letter-spacing:-.035em}.hero-lead>span{color:var(--muted)}.hero-description{margin-top:22px;color:var(--muted);line-height:1.8;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:29px}.button{border-radius:8px;padding:12px 23px;font-size:14px;font-weight:750;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button-lime{background:var(--lime);color:var(--bg)}.button-lime:hover{background:#e0ffac}.button-outline{border:1px solid #484d41}.button-outline:hover{background:#252a21}.project-board{padding-top:0;align-self:center}.board-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:var(--muted);margin-bottom:16px;align-items:center}.brackets{font-family:var(--display);font-size:14px;color:var(--lime)}.board-card{border-radius:16px;display:block;transition:transform .3s,border-color .3s}.board-card:hover{transform:translateY(-5px)}.board-vibe{background:var(--lime);color:var(--bg);padding:23px 27px 24px;position:relative;overflow:hidden;box-shadow:0 18px 75px -40px #d0ff7150}.card-top,.card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center}.tiny-label{font-size:10px;letter-spacing:.1em;font-weight:750}.card-mark{font:400 26px/1 var(--display)}.vibe-word{font-family:var(--display);font-size:clamp(38px,4.5vw,65px);letter-spacing:-.075em;line-height:1;margin:32px 0 25px;font-weight:700;white-space:nowrap}.vibe-word>span:first-child{font-weight:400}.vibe-stop{margin-left:2px}.card-bottom{font-size:13px;line-height:1.4;font-weight:600}.tag{font-size:9px;letter-spacing:.03em;border-radius:5px;padding:7px 8px;white-space:nowrap}.tag-dark{background:#101110;color:var(--lime)}.board-peca{background:#20261c;border:1px solid #38422e;padding:19px 27px 21px;margin-top:13px}.board-peca .tiny-label{color:#b8c4aa}.board-peca .card-mark{color:var(--lime)}.peca-word{display:flex;align-items:center;gap:20px;font:500 36px/1 var(--display);letter-spacing:-.06em;margin:19px 0 13px}.peca-line{height:1px;background:#58684a;flex:1}.board-note{font-size:12px;color:#b7c3aa}.board-small-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.board-small{background:#1b1d1a;border:1px solid var(--line);padding:18px 20px;border-radius:13px;transition:background .2s}.board-small:hover{background:#2a3023}.board-small .tiny-label{color:#aab19f}.small-name{display:flex;justify-content:space-between;align-items:center;font:500 22px/1.3 var(--display);letter-spacing:-.04em;margin-top:10px}.small-name>span{color:var(--lime);font-weight:400;font-size:24px}.board-ai{background:#21231d}.hero-footer{grid-column:1/-1;border-bottom:1px solid var(--line);padding:30px 0 25px;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.09em;color:var(--muted);align-items:center}.hero-footer>span:last-child{display:flex;align-items:center;gap:17px}.scroll-line{display:block;width:1px;height:22px;background:var(--lime)}.project-section{padding-top:98px;padding-bottom:102px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:36px}.section-kicker{color:var(--muted);margin-bottom:19px}.section-heading h2,.about-text h2{font-size:clamp(38px,4.7vw,66px)}h2>span{color:#949a8a}.section-heading>p{font-size:14px;line-height:1.7;color:var(--muted)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.work-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:28px 31px;display:flex;flex-direction:column;min-width:0;scroll-margin-top:120px;transition:border-color .3s,transform .3s}.work-card:hover{border-color:#64714e;transform:translateY(-4px)}.work-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:.07em}.work-title-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:31px 0 23px}.work-card h3{font-size:36px;letter-spacing:-.05em}.work-card h3>span{color:var(--lime)}.letter-mark{width:58px;height:58px;border:1px solid #4b5940;border-radius:14px;display:grid;place-items:center;font:500 35px/1 var(--display);color:var(--lime);background:#26321f;transform:rotate(-7deg)}.work-peca .letter-mark{transform:rotate(7deg);background:#272b21;border-color:#454e38}.work-card>p{font-size:15px;color:var(--muted);line-height:1.85;max-width:440px;flex:1}.work-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:32px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips>span{padding:5px 9px;border:1px solid #3b4134;border-radius:5px;font-size:11px;color:#c1c7b6}.work-bottom>a{font-size:12px;color:var(--lime);border-bottom:1px solid #718748;padding-bottom:2px;white-space:nowrap}.work-bottom>a:hover{color:white}.work-vibe{background:linear-gradient(135deg,#212b1a,#191c18 75%)}.work-stream,.work-ai{padding:26px 31px}.work-stream h3,.work-ai h3{font-size:30px;margin:28px 0 18px}.work-stream .chips,.work-ai .chips{margin-top:25px}.about-section{display:grid;grid-template-columns:1fr 1.7fr;gap:72px;border-top:1px solid var(--line);padding-block:88px 98px}.about-monogram{font:500 112px/1 var(--display);letter-spacing:-.08em;display:flex;align-items:flex-start;color:#30362a;margin-top:42px}.about-monogram>span{font-size:46px;color:var(--lime);margin:4px 0 0 14px;line-height:1}.about-text h2{margin-bottom:30px}.about-text>p{font-size:16px;line-height:1.9;color:var(--muted);max-width:640px}.about-text>p+p{margin-top:17px}.about-values{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:30px;font-size:13px;color:#d9dfce}.about-values>span+span{position:relative}.about-values>span+span:before{content:'/';position:absolute;left:-14px;color:#6b775a}.contact-section{padding-bottom:60px}.contact-panel{background:var(--lime);color:var(--bg);border-radius:20px;padding:36px 43px 22px}.contact-panel .overline{font-size:11px}.contact-main{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:31px 0 47px}.contact-main h2{font-size:clamp(44px,6.2vw,85px);letter-spacing:-.065em;line-height:1.04}.contact-main h2>span{color:#688631}.contact-side>p{font-size:15px;line-height:1.7;margin-bottom:24px}.contact-mail{font-size:clamp(14px,1.7vw,23px);font-weight:750;letter-spacing:-.045em;border-bottom:1px solid #557523;padding-bottom:7px;overflow-wrap:anywhere}.contact-mail:hover{border-bottom-color:#101110}.contact-bottom{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.07em;border-top:1px solid #9ac34a;padding-top:19px}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:34px;color:var(--muted);font-size:11px}.footer .monogram{color:var(--text);font-size:28px}.footer .monogram>span{font-size:9px}.hero-copy{animation:enter .8s ease both}.project-board{animation:enter .8s .1s ease both}@keyframes enter{from{opacity:.3;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:82px}.hero-footer{padding-top:43px}}
@media(max-width:1100px){.shell{width:calc(100% - 72px)}.hero{gap:36px}.hero h1{font-size:88px}.vibe-word{font-size:47px}.board-vibe{padding:22px}.board-peca{padding:18px 22px}.work-card{padding:25px}.work-bottom{align-items:flex-start;flex-direction:column}.about-section{gap:40px}.contact-panel{padding:32px}.contact-main{gap:24px}.contact-main h2{font-size:66px}}
@media(max-width:800px){.shell{width:calc(100% - 48px)}.header-inner{height:78px}.hero{padding-top:46px;gap:32px}.hero h1{font-size:74px}.hero .overline{font-size:10px;letter-spacing:.02em;gap:7px}.hero-lead{font-size:25px}.hero-description{font-size:14px}.hero-description br{display:none}.hero-actions{gap:9px}.button{padding:11px 17px;font-size:13px}.board-heading{font-size:9px;letter-spacing:0}.board-vibe{padding:17px}.vibe-word{font-size:38px;margin:30px 0 25px}.card-bottom{font-size:12px;align-items:flex-start;flex-direction:column;gap:16px}.board-peca{padding:16px 17px}.peca-word{font-size:29px}.board-note{font-size:11px}.board-small{padding:14px}.small-name{font-size:18px}.tiny-label{font-size:9px;letter-spacing:.02em}.hero-footer{font-size:9px;letter-spacing:.02em}.project-section{padding-top:68px;padding-bottom:70px}.section-heading h2,.about-text h2{font-size:43px}.section-heading>p{font-size:12px}.work-card h3{font-size:29px}.letter-mark{height:45px;width:45px;font-size:29px}.work-card{padding:22px}.work-meta{font-size:9px;letter-spacing:.02em}.work-card>p{font-size:14px}.about-section{grid-template-columns:1fr 2fr;gap:28px;padding-block:65px}.about-monogram{font-size:78px}.about-monogram>span{font-size:30px;margin-left:8px}.about-text>p{font-size:15px}.contact-main{align-items:flex-start;flex-direction:column;gap:30px;margin-bottom:35px}.contact-main h2{font-size:65px}.contact-mail{font-size:21px}.contact-side>p{margin-bottom:18px}}
@media(max-width:600px){html{scroll-padding-top:95px}.shell{width:calc(100% - 40px)}.header-inner{height:72px}.monogram{font-size:30px}nav{gap:21px;font-size:12px}nav .nav-contact{padding:8px 12px;border-radius:6px}.hero{grid-template-columns:1fr;padding-top:35px;gap:34px}.hero .overline{font-size:10px;letter-spacing:.04em}.hero h1{font-size:clamp(70px,18vw,106px);margin-top:21px;margin-bottom:24px}.hero-lead{font-size:28px}.hero-description{font-size:15px;max-width:370px}.hero-description br{display:block}.hero-actions{margin-top:24px}.button{padding:12px 22px;font-size:14px}.project-board{padding-top:4px}.board-heading{font-size:10px;margin-bottom:13px}.board-vibe{padding:22px 24px}.vibe-word{font-size:clamp(44px,12vw,64px);margin:30px 0 25px}.card-bottom{flex-direction:row;align-items:flex-end;font-size:13px}.tag{font-size:9px}.tiny-label{font-size:10px;letter-spacing:.04em}.board-peca{padding:20px 24px}.peca-word{font-size:35px}.board-note{font-size:12px}.board-small{padding:18px 20px}.small-name{font-size:22px}.hero-footer{padding-top:1px;padding-bottom:21px;font-size:9px}.hero-footer>span:last-child{gap:8px;font-size:8px}.project-section{padding-top:55px;padding-bottom:56px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:43px}.section-heading>p{margin-top:15px;font-size:14px}.section-heading>p br{display:none}.section-heading>p br:after{content:' '}.section-kicker{font-size:10px;margin-bottom:15px}.work-grid{grid-template-columns:1fr;gap:14px}.work-card{padding:25px}.work-card h3{font-size:34px}.work-meta{font-size:10px}.work-card>p{font-size:15px}.work-title-row{margin:25px 0 18px}.letter-mark{width:48px;height:48px}.work-bottom{flex-direction:row;align-items:center;flex-wrap:wrap;margin-top:25px}.work-stream h3,.work-ai h3{font-size:32px}.about-section{grid-template-columns:1fr;gap:25px;padding-block:55px}.about-monogram{display:none}.about-index .section-kicker{margin:0}.about-text h2{font-size:42px}.about-text>p{font-size:15px}.about-values{gap:12px 20px;font-size:12px}.contact-section{padding-bottom:35px}.contact-panel{padding:27px 25px 21px;border-radius:15px}.contact-main{margin:28px 0 31px;gap:25px}.contact-main h2{font-size:58px}.contact-side>p{font-size:14px}.contact-mail{font-size:clamp(14px,4.4vw,21px)}.contact-bottom{font-size:8px;letter-spacing:.02em}.footer{font-size:10px;padding-bottom:26px;gap:16px}.footer>span:nth-child(2){font-size:9px}.footer .monogram{font-size:26px}}
@media(max-width:360px){nav{gap:14px;font-size:11px}.hero-footer>span:last-child{display:none}.button{padding-inline:19px}.vibe-word{font-size:43px}.board-vibe,.board-peca{padding-inline:20px}.tag{font-size:8px}.work-card{padding:21px}.about-values{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.board-vibe{background:#22291c;color:var(--text);border:1px solid #54683a;box-shadow:0 20px 70px -45px #a8dc5d60}.board-vibe .tiny-label,.board-vibe .card-mark{color:var(--lime)}.board-art{width:100%;height:150px;object-fit:contain;display:block;margin:8px auto -8px}.vibe-word{font-size:48px;margin:5px 0 18px}.tag-dark{border:1px solid #4a6031;background:#17200f;color:var(--lime)}.board-peca{position:relative;overflow:hidden;min-height:153px}.peca-word,.board-note{position:relative;z-index:1}.peca-art{position:absolute;width:140px;height:100px;object-fit:contain;right:13px;bottom:29px;opacity:.75}.peca-word{font-size:32px}.peca-line{display:none}.work-art{width:100%;height:210px;object-fit:contain;display:block;margin:18px 0 0}.work-title-row{margin:18px 0 20px}.work-stream h3,.work-ai h3{margin-top:18px}.work-card{background:#191e16}.work-vibe{background:linear-gradient(135deg,#222d19,#191c18 75%)}.contact-links{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.contact-mail,.contact-phone{display:flex;gap:12px;align-items:center;font-size:clamp(14px,1.6vw,21px);font-weight:700;letter-spacing:-.025em;border-bottom:none;padding-bottom:0}.contact-mail span,.contact-phone span{border-bottom:1px solid #6e922f;padding-bottom:3px;overflow-wrap:anywhere}.contact-mail:hover span,.contact-phone:hover span{border-bottom-color:var(--bg)}.contact-links svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.contact-phone{font-family:var(--display);font-size:24px}.contact-main{align-items:center}.work-card:target{border-color:var(--lime)}
@media(max-width:1100px){.vibe-word{font-size:40px}.board-art{height:140px}.peca-art{width:95px;height:80px;bottom:29px;right:10px;opacity:.5}.peca-word{font-size:29px}.work-art{height:180px}}
@media(max-width:800px){.board-art{height:135px}.vibe-word{font-size:36px}.peca-word{font-size:27px}.board-peca{min-height:145px}.peca-art{opacity:.35;width:95px}.work-art{height:160px}.contact-main{align-items:flex-start}.contact-mail{font-size:21px}}
@media(max-width:600px){.vibe-word{font-size:46px}.board-art{height:165px}.board-peca{min-height:161px}.peca-word{font-size:34px}.peca-art{width:150px;height:115px;bottom:22px;opacity:.65}.board-note{max-width:180px;display:block;font-size:12px}.work-art{height:200px;margin-top:14px}.work-title-row{margin-top:18px}.contact-mail{font-size:clamp(13px,3.8vw,18px);gap:10px}.contact-phone{font-size:24px}.contact-links svg{width:20px;height:20px}.hero-footer{margin-top:-8px}}
:root{--bg:#0c0e15;--surface:#171c29;--line:#2b3243;--muted:#a5aec4;--text:#f4f5fb}body{background:radial-gradient(ellipse at 8% 8%,#20315a38,transparent 35%),var(--bg)}.header{background:#0c0e15ee}.name-color{color:#a8b6ff;background:linear-gradient(105deg,#79d9ff,#b49aff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-lead>span{color:#b3bdd4}.board-vibe{background:linear-gradient(135deg,#294aef,#2f36b0);border-color:#647eff;box-shadow:0 22px 90px -40px #334dff77}.board-vibe .tiny-label{color:#e1e6ff}.board-vibe .card-mark{color:white}.tag-dark{background:#182968;border:1px solid #6c81d5;color:#e6edff}.board-peca{background:linear-gradient(130deg,#154432,#182d28);border-color:#287554}.board-peca .tiny-label,.board-note{color:#b9e6cf}.board-small{background:#122d3d;border-color:#24566c}.board-small .tiny-label{color:#a0d7ed}.board-small:hover{background:#1b4053}.board-ai{background:#34214d;border-color:#614084}.board-ai .tiny-label{color:#d9b7fa}.board-ai:hover{background:#4c2b6b}.board-ai .small-name>span{color:#d3adff}.work-vibe{background:linear-gradient(145deg,#20325d,#161e32);border-color:#344f86}.work-peca{background:linear-gradient(145deg,#123c30,#162922);border-color:#286b51}.work-stream{background:linear-gradient(145deg,#123447,#152532);border-color:#28596c}.work-ai{background:linear-gradient(145deg,#352147,#231b32);border-color:#634077}.work-vibe .work-meta,.work-vibe>p{color:#b0c2ea}.work-peca .work-meta,.work-peca>p{color:#afd8c4}.work-stream .work-meta,.work-stream>p{color:#acd5e8}.work-ai .work-meta,.work-ai>p{color:#d0b9e6}.work-vibe h3>span{color:#8fa9ff}.work-stream h3>span{color:#65deff}.work-ai h3>span{color:#d3a1ff}.work-vibe .chips>span{border-color:#405b88;color:#cedafb}.work-peca .chips>span{border-color:#3b715b;color:#d0eddf}.work-stream .chips>span{border-color:#38667a;color:#c5e5f2}.work-ai .chips>span{border-color:#72518b;color:#ead8fb}.work-vibe .work-bottom>a{color:#afc4ff;border-color:#617dc2}.work-peca .work-bottom>a{color:#a4f3c8}.work-card:hover{border-color:#a5badc}.about-monogram{color:#293856}.about-monogram>span{color:#a4b5ff}.about-values{color:#d2ddf6}.about-values>span+span:before{color:#7684a1}.about-text h2>span,.section-heading h2>span{color:#9eafcc}.contact-panel{background:linear-gradient(120deg,#d0ff71,#b2e86e);color:#101110}.contact-main h2>span{color:#417042}.button-outline{border-color:#46526d}.button-outline:hover{background:#26314b}nav .nav-contact{border-color:#46526d}.contact-links svg{color:#28462b}
.name-color{color:var(--text);background:none;-webkit-text-fill-color:currentColor}.hero h1 .lime{color:var(--text)}
.board-ai .small-name{font-size:20px}@media(max-width:800px) and (min-width:601px){.board-ai .small-name{font-size:16px}}
.radio-life-link{color:#e2c4ff;font-size:13px;margin-top:20px;width:fit-content;border-bottom:1px solid #8964a3;padding-bottom:3px}.radio-story{display:grid;grid-template-columns:1fr 1.7fr;gap:34px 72px;border-top:1px solid var(--line);padding-block:78px 90px}.radio-story h2{font-size:clamp(42px,5vw,68px);line-height:1.05}.radio-years{color:var(--text)}.radio-story-heading>img{display:block;width:100%;height:240px;object-fit:contain;margin-top:24px}.radio-story-copy>p{color:var(--muted);font-size:15px;line-height:1.9}.radio-story-copy>p+p{margin-top:18px}.radio-story-copy .radio-intro{font-size:21px;color:var(--text);line-height:1.6;font-weight:500}.radio-story-copy .radio-lived{font:500 34px/1.3 var(--display);color:var(--text);letter-spacing:-.035em;margin-block:25px}.radio-flow{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;border-block:1px solid #624179;padding-block:24px;font-size:14px;color:#e0c8f2}.radio-flow>span{position:relative}.radio-flow>span+span:before{content:'—';color:#76548e;position:absolute;left:-38px}.radio-story-note{grid-column:2;font-size:12px;line-height:1.8;color:var(--muted)}
@media(max-width:1100px){.radio-story{gap:30px 40px}.radio-flow>span+span:before{left:-22px}}
@media(max-width:800px){.radio-story{grid-template-columns:1fr 2fr;gap:25px 28px;padding-block:60px}.radio-story-heading>img{height:175px}.radio-story-copy .radio-intro{font-size:18px}.radio-flow{font-size:12px;gap:15px;flex-wrap:wrap;justify-content:flex-start}.radio-flow>span+span:before{display:none}.radio-flow>span{border:1px solid #624179;border-radius:6px;padding:6px 10px}}
@media(max-width:600px){.radio-story{grid-template-columns:1fr;gap:20px;padding-block:50px}.radio-story-heading{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-story-heading .overline{grid-column:1/-1}.radio-story h2{font-size:44px}.radio-story-heading>img{height:135px;margin:0;align-self:center}.radio-story-copy .radio-intro{font-size:19px}.radio-story-note{grid-column:1}.radio-story-copy .radio-lived{font-size:30px}.radio-flow{gap:8px;margin-top:6px}.board-ai .tiny-label{font-size:8px}}
@media(max-width:600px){.radio-story-heading>*{min-width:0}.radio-story-heading h2{font-size:clamp(30px,9vw,42px)}}

/* Original PecaMania outline mark: white lines on the dark project panels. */
.pecamania-logo{filter:invert(1);mix-blend-mode:screen}.work-peca .pecamania-logo{height:230px}
@media(max-width:600px){.work-peca .pecamania-logo{height:200px}}