:root{--orange:#ff7000;--hot:#ff3d00;--sun:#ffc233;--ink:#17110d;--paper:#fff6ec;--paper-2:#ffe9d2;--card:#fff;--text:#17110d;--muted:#5a4a3f;--accent-text:#a83f00;--border:#17110d;--on-orange:#17110d;--shadow:6px 6px 0 var(--ink);--radius:22px;--max:72rem}@media (prefers-color-scheme:dark){:root{--paper:#14100d;--paper-2:#1f1813;--card:#231b15;--text:#fff3e6;--muted:#cdbcad;--accent-text:#ff8f3d;--border:#fff3e6;--shadow:6px 6px 0 var(--orange)}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:var(--paper);color:var(--text);margin:0;font:1.0625rem/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}img{max-width:100%}a{color:var(--accent-text);text-underline-offset:.2em;text-decoration-thickness:2px}a:hover{color:var(--hot)}:focus-visible{outline:4px solid var(--sun);outline-offset:3px;box-shadow:0 0 0 7px var(--ink);border-radius:6px}ul{margin:0;padding:0;list-style:none}h1,h2,h3{letter-spacing:-.035em;margin:0 0 .5em;font-weight:900;line-height:1.02}h2{font-size:calc(clamp(2.2rem,7vw,4.2rem))}h3{letter-spacing:-.02em;font-size:1.5rem}p{margin:0 0 1em}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 1.25rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden}.skip,.sr-only{position:absolute}.skip{background:var(--orange);color:var(--on-orange);z-index:100;padding:.7rem 1rem;font-weight:700;top:0;left:-999px}.skip:focus{left:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--on-orange);background:var(--sun);border-radius:999px;margin-bottom:1.2rem;padding:.3rem .7rem;font-size:.8rem;font-weight:800;display:inline-block;transform:rotate(-2deg)}.section{padding:5rem 0;position:relative}.btn{background:var(--orange);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:.8rem 1.5rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.btn,.btn:hover{color:var(--on-orange)}.btn:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)rotate(-1deg)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn-ghost{color:var(--text);border-color:var(--border);box-shadow:4px 4px 0 var(--border);background:0 0}.btn-ghost:hover{color:var(--text);box-shadow:7px 7px 0 var(--border)}.btn-small{box-shadow:3px 3px 0 var(--ink);padding:.45rem 1.1rem}.site-header{z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid var(--border);position:sticky;top:0}.bar{flex-wrap:wrap;justify-content:space-between;min-height:4rem}.bar,.brand{align-items:center;display:flex}.brand{letter-spacing:-.03em;gap:.7rem;font-size:1.15rem;font-weight:900;text-decoration:none}.brand,.brand:hover,.nav-toggle,nav a:not(.btn){color:var(--text)}.brand .logo{width:2.6rem;height:2.6rem;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}.brand:hover .logo{transform:rotate(-12deg)scale(1.12)}.nav-toggle{background:var(--card);border:3px solid var(--border);font:inherit;cursor:pointer;border-radius:999px;padding:.4rem 1rem;font-weight:700}nav{width:100%;padding:.5rem 0 1rem;display:none}nav.open{display:block}nav ul{flex-direction:column;gap:.3rem;display:flex}nav a:not(.btn){background:linear-gradient(var(--orange),var(--orange)) 0 100%/0 .35em no-repeat;padding:.4rem 0;font-weight:700;text-decoration:none;transition:background-size .25s;display:inline-block}nav a:not(.btn):hover{color:var(--text);background-size:100% .35em}.hero{isolation:isolate;padding:4rem 0 5rem;position:relative;overflow:hidden}.blob{z-index:-1;filter:blur(2px);opacity:.9;border-radius:42% 58% 63% 37%/45% 40% 60% 55%;transition:transform .4s ease-out;animation:14s ease-in-out infinite alternate morph;position:absolute}.blob-a{background:var(--orange);width:26rem;height:26rem;transform:translate(calc(var(--mx,0) * -30px),calc(var(--my,0) * -30px));top:-6rem;right:-7rem}.blob-b{background:var(--sun);width:13rem;height:13rem;transform:translate(calc(var(--mx,0) * 45px),calc(var(--my,0) * 45px));animation-delay:-5s;bottom:-4rem;right:22%}.blob-c{background:var(--hot);opacity:.75;width:8rem;height:8rem;transform:translate(calc(var(--mx,0) * 25px),calc(var(--my,0) * -25px));animation-delay:-9s;top:55%;left:-2rem}@keyframes morph{to{border-radius:63% 37% 40% 60%/55% 62% 38% 45%;rotate:25deg}}.hero h1{letter-spacing:-.06em;margin:0 0 .15em;font-size:calc(clamp(3.4rem,15vw,10rem));line-height:.88}.hero h1 .l{display:block}.hero h1 .l2{padding-left:calc(clamp(0rem,8vw,6rem))}.hero h1 .slash{color:var(--orange);transition:transform .4s cubic-bezier(.3,1.6,.5,1);display:inline-block;transform:skew(-12deg)}.hero h1:hover .slash{transform:skew(-12deg)rotate(14deg)scale(1.15)}.lead{max-width:34rem;color:var(--muted);font-size:calc(clamp(1.15rem,2.5vw,1.5rem));font-weight:500}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:1.8rem;display:flex}.team{background:var(--ink);color:#fff3e6;--text:#fff3e6;--muted:#d8c6b6;--accent-text:#ff9a45;--border:#fff3e6;clip-path:polygon(0 3rem,100% 0,100% calc(100% - 3rem),0 100%);margin:-2rem 0;padding:9rem 0}.team a{color:var(--accent-text)}.team .intro{max-width:40rem;color:var(--muted);font-size:1.2rem}.people{gap:4rem;margin-top:3.5rem;display:grid}.person{align-items:start;gap:1.5rem;display:grid}.photo{aspect-ratio:4/5;width:min(100%,22rem);transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));margin:0;transition:transform .25s ease-out;position:relative}.photo:before{content:"";background:var(--orange);border-radius:var(--radius);transition:transform .3s;position:absolute;inset:0;transform:translate(14px,14px)rotate(3deg)}.person:nth-child(2n) .photo:before{background:var(--sun);transform:translate(-14px,14px)rotate(-3deg)}.photo:hover:before{transform:translate(20px,20px)rotate(6deg)}.person:nth-child(2n) .photo:hover:before{transform:translate(-20px,20px)rotate(-6deg)}.photo img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:var(--radius);border:4px solid #fff3e6;width:100%;height:100%;display:block;position:relative}.person h3{margin-bottom:.1em;font-size:calc(clamp(2rem,6vw,3.2rem))}.role{color:var(--ink);background:var(--orange);border-radius:999px;margin-bottom:1rem;padding:.2rem .8rem;font-weight:800;display:inline-block;transform:rotate(-1.5deg)}.facts{flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 0;display:flex}.facts li{border:2px solid var(--border);border-radius:999px;padding:.2rem .9rem;font-size:.95rem;font-weight:600;transition:transform .2s,background .2s}.facts li:hover{background:var(--orange);color:var(--ink);transform:rotate(-3deg)scale(1.06)}.quote{border-left:5px solid var(--orange);margin:1.2rem 0 0;padding-left:1rem;font-size:1.15rem;font-weight:600}.projects{padding-top:7rem}.projects .intro{max-width:36rem;color:var(--muted)}.cards{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem;display:grid}.card{background:var(--card);border:3px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));padding:1.6rem;transition:transform .2s ease-out,box-shadow .2s;position:relative}.card:hover{box-shadow:10px 10px 0 var(--orange)}.card .tag{background:var(--sun);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:.2rem .8rem;font-size:.8rem;font-weight:800;position:absolute;top:-.9rem;right:1.2rem;transform:rotate(3deg)}.card .pic{align-items:center;height:3.2rem;margin-bottom:1.2rem;display:flex}.card .pic img{width:auto;max-width:12rem;height:100%}.card h3{margin-bottom:.3em}.card p,.card.next{color:var(--muted)}.card .go{font-weight:800}.card.next{text-align:center;border-style:dashed;place-content:center;min-height:12rem;font-weight:700;display:grid}.card.next,.card.next:hover{box-shadow:none}.card.next .plus{color:var(--orange);font-size:3rem;line-height:1;transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.card.next:hover .plus{transform:rotate(90deg)scale(1.2)}.cta{background:var(--orange);text-align:center;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:6rem 0;overflow:hidden}.cta,.cta .mail,.cta h2{color:var(--ink)}.cta p{font-size:1.2rem;font-weight:600}.cta .mail{letter-spacing:-.03em;background:var(--paper);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);overflow-wrap:anywhere;border-radius:999px;padding:.5rem 1.6rem;font-size:calc(clamp(1.2rem,5vw,2.6rem));font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.cta .mail:hover{color:var(--ink);box-shadow:10px 10px 0 var(--ink);transform:translate(-3px,-3px)rotate(-1.5deg)}.cta .mail span{transition:transform .3s;display:inline-block}.cta .mail:hover span{transform:translate(8px)rotate(-12deg)}.site-footer{color:var(--muted);padding:2.5rem 0;font-size:.95rem}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;display:flex}.site-footer .flogo{width:auto;height:2.4rem}.site-footer p{margin:0}.site-footer ul{gap:1.2rem;display:flex}.page{min-height:50vh;padding:4rem 0}.page h1{font-size:calc(clamp(2.6rem,9vw,5rem))}.reveal{opacity:0;transition:opacity .6s,translate .6s cubic-bezier(.2,.8,.2,1),rotate .6s;transition-delay:var(--d,0s);translate:0 28px;rotate:-.5deg}.reveal.in{opacity:1;translate:0;rotate:0deg}@media (width>=48rem){.nav-toggle{display:none}nav{width:auto;padding:0;display:block}nav ul{flex-direction:row;align-items:center;gap:1.6rem}.person{grid-template-columns:22rem 1fr;gap:3rem}.person:nth-child(2n){grid-template-columns:1fr 22rem;margin-left:4rem}.person:nth-child(2n) .photo{order:2;justify-self:end}.person:nth-child(2n) .body{text-align:left}.cards{grid-template-columns:repeat(2,1fr)}.hero{padding:6rem 0 8rem}}@media (width>=64rem){.cards{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}.reveal{opacity:1;translate:none;rotate:none}.card,.photo{transform:none!important}}
