@import "https://fonts.googleapis.com/css2?family=Winky+Rough:ital,wght@0,300..900;1,300..900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#25211b;--muted:#655a4b;--paper:#f3dfb8;--paper-deep:#d8b982;--paper-soft:#faefd7;--cardboard:#c89554;--shadow:#3a281738;--red:#d84938;--yellow:#e7b72f;--blue:#2f7fa3;--green:#4f8b5b;--white:#fff9ec;--radius:8px;--marker-shadow:#25211bd1;--marker-line-soft:#25211b6b;font-family:Winky Rough,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{color:var(--ink);background-color:var(--paper);background-image:url(/images/webp/Wallpaper_karton.webp);background-position:top;background-repeat:repeat-y;background-size:100%;margin:0;line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{letter-spacing:0;font-family:Winky Rough,ui-sans-serif,system-ui,sans-serif;line-height:1.05}h1{margin-bottom:1rem;font-size:clamp(3.5rem,10vw,7.5rem)}h2{margin-bottom:1rem;font-size:2rem}h3{margin-bottom:.75rem;font-size:1.45rem}p{color:var(--muted)}a{color:inherit}.site-shell{isolation:isolate;width:min(1120px,100% - 32px);margin:0 auto;padding:0 0 72px;position:relative}.site-shell:before{content:"";z-index:-1;pointer-events:none;background:#faefd79e;position:absolute;inset:0}.site-shell>main{width:calc(100% - 56px);margin:0 auto}.site-header{z-index:10;background-image:url(/images/webp/ripped_karton_Top.webp);background-position:top;background-repeat:no-repeat;background-size:100% 118%;border:0;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:116px;margin-bottom:48px;padding:28px 30px 48px;display:grid;position:relative;top:0}.site-header:before,.site-header:after{content:"";background:#f5dea7c7;border:1px solid #70512633;width:86px;height:28px;position:absolute;top:12px}.site-header:before{left:-24px;transform:rotate(-8deg)}.site-header:after{right:-24px;transform:rotate(7deg)}.brand{z-index:1;align-items:center;font-size:1.55rem;font-weight:900;text-decoration:none;display:inline-flex;position:relative}.brand img{width:auto;height:clamp(44px,7vw,78px);display:block}.nav-links{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:relative}.nav-links a,.language-switch,.button-primary,.contact-list a{border:2px solid var(--ink);background:var(--white);min-height:42px;color:var(--ink);border-radius:6px;justify-content:center;align-items:center;padding:.65rem .95rem;font-weight:800;text-decoration:none;display:inline-flex}.nav-links a:hover,.language-switch:hover,.button-primary:hover,.contact-list a:hover,.project-card:hover{transform:translate(-1px,-1px)}.language-switch{z-index:1;background:var(--yellow);position:relative}.hero-section{grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:center;gap:48px;min-height:min(340px,50vh - 80px);margin-bottom:32px;display:grid}.hero-copy{max-width:620px}.eyebrow{color:var(--green);text-transform:uppercase;margin-bottom:.7rem;font-size:.85rem;font-weight:900}.hero-claim{max-width:620px;margin-bottom:1.5rem;font-size:1.25rem}.button-primary{background:var(--red);color:var(--white)}.full-width{width:100%}.media-placeholder{place-items:center;min-height:320px;padding:0;display:grid}.box-illustration{object-fit:contain;width:min(100%,520px);height:auto;display:block}.content-section,.page-header,.two-column-section,.project-detail{margin-bottom:48px}.section-heading,.page-header{max-width:720px}.page-header p{font-size:1.1rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.project-category-list{gap:42px;display:grid}.project-category-section h2{margin-bottom:18px}.project-category-section .page-grid{margin-bottom:0}.page-grid{margin-bottom:40px}.project-card{border:2px solid var(--ink);border-radius:var(--radius);min-height:250px;color:var(--ink);background-image:url(/images/webp/carton_card.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-direction:column;justify-content:space-between;padding:22px;text-decoration:none;transition:transform .14s;display:flex;position:relative;transform:rotate(-1deg)}.project-card-image{aspect-ratio:630/500;object-fit:cover;border:2px solid var(--ink);background:var(--paper-deep);border-radius:6px;width:100%;margin-bottom:18px;display:block}.project-card:nth-child(2n){transform:rotate(1deg)}.project-card:before{content:"";background:#fff6daa3;border:1px solid #25211b29;width:76px;height:24px;position:absolute;top:14px;right:18px;transform:rotate(5deg)}.package-label{background:var(--white);width:max-content;color:var(--muted);border:1px solid #25211b59;margin-bottom:20px;padding:.28rem .55rem;font-size:.8rem;font-weight:900}.project-card p{color:#25211bf0;flex:1}.project-tools{color:var(--ink);font-size:.85rem;font-weight:900}.accent-red{border-top:8px solid var(--red)}.accent-yellow{border-top:8px solid var(--yellow)}.accent-blue{border-top:8px solid var(--blue)}.detail-header,.paper-panel,.detail-sidebar{border-radius:var(--radius);background:var(--paper-soft);border:2px solid #50351959;padding:28px}.detail-header h1{font-size:clamp(2.6rem,7vw,5.5rem)}.detail-header p:last-child{max-width:720px;font-size:1.15rem}.detail-layout,.two-column-section{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px;display:grid}.detail-main{min-width:0}.detail-main .media-placeholder{margin-bottom:28px}.image-carousel{width:100%;margin-bottom:28px;position:relative}.carousel-viewport{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper-deep);overflow:hidden}.carousel-track{transition:transform .22s;display:flex}.carousel-image{object-fit:contain;background:#111;flex:0 0 100%;width:100%;max-height:520px;display:block}.carousel-button{z-index:2;border:2px solid var(--ink);background:var(--white);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;font-size:2rem;font-weight:900;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button-left{left:0;transform:translate(-50%,-50%)}.carousel-button-right{right:0;transform:translate(50%,-50%)}.carousel-button:disabled{opacity:.45;cursor:default}.itch-embed{margin:28px 0}.itch-embed iframe,.itch-embed-placeholder{aspect-ratio:1920/1100;border:2px solid var(--ink);border-radius:var(--radius);background:var(--ink);place-items:center;width:100%;display:grid}.itch-embed-placeholder{background:#25211bd1}.detail-main h2,.detail-sidebar h2,.paper-panel h2,.compact-section h2{font-size:1.35rem}.detail-sidebar{position:relative;top:120px}.tag-list{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.tag-list span{border:2px solid var(--ink);background:var(--white);border-radius:999px;padding:.45rem .7rem;font-weight:800}.timeline-list{gap:14px;display:grid}.timeline-item{border-bottom:1px solid #25211b38;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:18px;padding:18px 0;display:grid}.timeline-item:first-child{padding-top:0}.timeline-item:last-child{border-bottom:0;padding-bottom:0}.timeline-period{color:var(--ink);font-size:.95rem;font-weight:900}.timeline-item h3{margin-bottom:.25rem;font-size:1.15rem}.timeline-meta{color:var(--ink);margin-bottom:.45rem;font-weight:800}.timeline-subgroup+.timeline-subgroup{margin-top:1rem}.timeline-subgroup h4{color:var(--ink);margin:0 0 .35rem;font-size:1.05rem;font-weight:900}.note-list{color:var(--muted);padding-left:1.2rem}.avatar-panel{place-items:center;min-height:260px;display:grid}.avatar-box{aspect-ratio:1;border:3px solid var(--ink);background:linear-gradient(145deg, var(--blue), #8fc4d7);width:170px;color:var(--white);border-radius:50%;place-items:center;font-size:5rem;font-weight:900;display:grid}.skill-section{margin-bottom:56px}.skill-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.skill-group-card{background:#fff9ec9e padding-box padding-box;border:10px solid #0000;border-image:url(/images/doodle-panel-border.svg) 14;padding:22px}.skill-group-card header{border-bottom:1px solid #25211b33;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;padding-bottom:10px;display:flex}.skill-group-card h3{margin-bottom:0;font-size:1.35rem}.skill-chip-list{flex-wrap:wrap;gap:8px;display:flex}.skill-chip-list span{color:#25211bf0;background:#fff9ecb8;border:1px solid #25211b3d;padding:.34rem .58rem;font-size:.92rem;font-weight:800}.skill-tools{border-top:1px solid #25211b2e;margin-top:18px;padding-top:14px}.skill-tools p{color:var(--ink);text-transform:uppercase;margin-bottom:.6rem;font-size:.85rem;font-weight:900}.skill-chip-list.tool-list span{background:#e7b72f6b;border-color:#25211b52}.compact-section{max-width:760px}.contact-list{grid-template-columns:repeat(3,minmax(0,220px));gap:18px;display:grid}.contact-list a:nth-child(2){background:var(--yellow)}.contact-list a:nth-child(3){background:var(--blue);color:var(--white)}.project-tabs{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.project-tab{border:2px solid var(--ink);background:var(--white);min-height:42px;color:var(--ink);border-radius:6px;justify-content:center;align-items:center;padding:.65rem .95rem;font-weight:800;text-decoration:none;display:inline-flex}.project-tab.active{background:var(--yellow)}.project-tab:hover{transform:translate(-1px,-1px)}.empty-state{max-width:640px;padding:18px 0;font-weight:800}.nav-links a,.language-switch,.button-primary,.contact-list a,.project-tab,.project-card,.carousel-viewport,.tag-list span,.avatar-box,.carousel-button{z-index:0;position:relative}.nav-links a,.language-switch,.button-primary,.contact-list a,.project-tab,.carousel-button{background-clip:padding-box;border:8px solid #0000;border-image:url(/images/doodle-button-border.svg) 12;border-radius:0}.carousel-button{z-index:3;border-width:7px;position:absolute}.project-card,.project-card-image,.carousel-viewport,.itch-embed iframe,.tag-list span,.avatar-box{background-clip:padding-box;border-style:solid;border-color:#0000;border-image:url(/images/doodle-panel-border.svg) 14;border-radius:0}.project-card,.carousel-viewport,.itch-embed iframe,.avatar-box{border-width:10px}.project-card-image,.tag-list span{border-width:6px}.nav-links a:before,.language-switch:before,.button-primary:before,.contact-list a:before,.project-tab:before,.carousel-button:before,.project-card:after,.carousel-viewport:before,.tag-list span:before,.avatar-box:before{content:"";z-index:-1;pointer-events:none;border-style:solid;border-width:inherit;border-color:#0000;border-image:url(/images/doodle-button-border.svg) 12;position:absolute;inset:-8px}.project-card:after,.carousel-viewport:before,.tag-list span:before,.avatar-box:before{border-image:url(/images/doodle-panel-border.svg) 14}.project-card:hover{background-image:radial-gradient(circle at 50% 48%,#fff9ec85,#fff9ec3d 42%,#fff9ec00 72%),url(/images/webp/carton_card.webp)}.nav-links a:after,.language-switch:after,.button-primary:after,.contact-list a:after,.project-tab:after{content:"";z-index:-1;pointer-events:none;opacity:0;filter:blur(11px);background:radial-gradient(closest-side,#fff9ecb8,#fff9ec57 58%,#fff9ec00 100%);border-radius:12px;transition:opacity .14s,transform .14s;position:absolute;inset:6px;transform:scale(.98)}.nav-links a:hover:after,.language-switch:hover:after,.button-primary:hover:after,.contact-list a:hover:after,.project-tab:hover:after{opacity:1;transform:scale(1.08)}.nav-links a{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-image:;border-radius:0;min-width:177px;min-height:70px;padding:.75rem 1.25rem}.nav-links a:before{display:none}.nav-links a:first-child{background-image:url(/images/webp/Paper_ripped_white_02.webp)}.nav-links a:nth-child(2){background-image:url(/images/webp/Paper_ripped_yellow_02.webp)}.nav-links a:nth-child(3){background-image:url(/images/webp/Paper_ripped_light_brown_02.webp)}@media (width<=860px){.site-shell>main{width:calc(100% - 20px)}.site-header{grid-template-columns:1fr auto;transform:none}.nav-links{grid-column:1/-1;justify-content:flex-start}.hero-section,.detail-layout,.two-column-section{grid-template-columns:1fr}.hero-section{min-height:auto}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-group-grid{grid-template-columns:1fr}.skill-group-card{padding:18px}.skill-group-card header{display:block}.detail-sidebar{position:static}}@media (width<=580px){.site-shell{width:min(100% - 20px,1120px);padding-top:0}.site-shell>main{width:calc(100% - 20px)}.site-header{margin-bottom:32px;top:0}.nav-links a,.language-switch,.button-primary,.contact-list a{width:100%}.project-grid,.contact-list,.project-card,.project-card:nth-child(2n){transform:none}.timeline-item{grid-template-columns:1fr;gap:6px}.media-placeholder{min-height:250px}}