:root{--paper:#f4f0e7;--paper-deep:#ebe5d9;--surface:#faf7f0;--ink:#20221f;--muted:#66685f;--sage:#66745b;--sage-pale:#dce1d3;--lavender:#8b8194;--lavender-pale:#e5dfe8;--terracotta:#a8644c;--line:#cbc5b9;--serif:Georgia, "Times New Roman", serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--note:"Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;--page:75rem;--radius:.35rem}*,:before,:after{box-sizing:border-box}html{color:var(--ink);background:var(--paper);font-family:var(--sans);scroll-behavior:smooth;text-size-adjust:100%}body{background:radial-gradient(circle at 16% 12%, #ffffff73 0 1px, transparent 1.5px) 0 0 / 13px 13px, var(--paper);min-width:20rem;color:var(--ink);margin:0;font-size:1rem;line-height:1.65}body:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(90deg,#37322605,#0000 20% 80%,#37322605);position:fixed;inset:0}h1,h2,h3,p,ul,ol{margin-top:0}h1,h2,h3{text-wrap:balance}h1,h2{font-family:var(--serif);letter-spacing:-.035em;font-weight:400;line-height:1.04}h1{font-size:clamp(3.2rem,7vw,6.7rem)}h2{font-size:clamp(2.35rem,4.5vw,4.5rem)}h3{line-height:1.2}p{text-wrap:pretty}a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--sage)}:focus-visible{outline:3px solid var(--terracotta);outline-offset:4px}::selection{background:var(--lavender-pale)}.page-shell{width:min(calc(100% - 3rem), var(--page));margin-inline:auto}.section{padding-block:clamp(5.5rem,11vw,10rem)}.eyebrow{color:var(--sage);letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.2rem;font-size:.73rem;font-weight:750;line-height:1.3}.skip-link{z-index:100;background:var(--ink);color:var(--surface);padding:.7rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line)}.site-header__inner{justify-content:space-between;align-items:center;gap:2rem;min-height:5.25rem;display:flex}.site-brand{font-family:var(--serif);letter-spacing:-.025em;font-size:1.25rem;font-weight:700;text-decoration:none}.site-brand span{color:var(--sage);font-family:var(--sans);margin-right:.18rem;font-size:1.55rem;font-weight:400}.site-nav,.footer-links{align-items:center;gap:clamp(1rem,2.7vw,2.2rem);margin:0;padding:0;list-style:none;display:flex}.site-nav a{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.79rem;font-weight:650;text-decoration:none;position:relative}.site-nav a:after{background:var(--sage);content:"";height:1px;transition:transform .18s;position:absolute;bottom:-.5rem;left:0;right:0;transform:scaleX(0)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}.site-nav a:hover:after,.site-nav a[aria-current=page]:after{transform:scaleX(1)}.hero{grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);min-height:clamp(30rem,58svh,34rem);padding-block:clamp(2rem,3vw,2.5rem);display:grid}.hero__copy{position:relative}.hero__name{color:var(--sage);font-family:var(--serif);margin-bottom:.85rem;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.2}.hero h1{max-width:12ch;margin-bottom:.75rem;font-size:clamp(3.2rem,5.4vw,5.4rem)}.hero__second-line{max-width:27ch;color:var(--sage);font-family:var(--serif);margin-bottom:1.35rem;font-size:clamp(1.35rem,2.25vw,1.9rem);font-style:italic;line-height:1.25}.hero__intro{max-width:42rem;color:var(--muted);font-size:1.03rem}.hero__intro p{margin-bottom:0}.button-row{flex-wrap:wrap;align-items:center;gap:.6rem .8rem;margin-top:1.5rem;display:flex}.button{border:1px solid var(--ink);border-radius:var(--radius);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;min-height:3.25rem;padding:.75rem 1.25rem;font-size:.82rem;font-weight:750;text-decoration:none;transition:background-color .16s,color .16s,transform .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--ink);color:var(--surface)}.button--primary:hover{background:var(--sage);border-color:var(--sage);color:#fff}.button--quiet{border-color:#0000}.button--quiet span{margin-left:.65rem;font-size:1.1rem}.margin-note,.timeline-note{font-family:var(--note)}.hero__note{color:var(--lavender);margin:0;font-size:.76rem;line-height:1.55;position:absolute;bottom:-.9rem;right:-1.5rem;transform:rotate(-3deg)}.hero__note:before{content:"";border-top:1px solid;width:2rem;height:1rem;position:absolute;top:-.6rem;left:-2.7rem;transform:rotate(16deg)}.hero-art{aspect-ratio:.92;justify-self:end;width:min(100%,23rem);position:relative}.hero-art:before{border:1px solid var(--line);content:"";border-radius:50% 46% 53% 44%;position:absolute;inset:6% 3% 4% 8%;transform:rotate(-7deg)}.hero-art__orbit{border:1px dashed var(--lavender);border-radius:47% 55%;position:absolute;inset:17% 12% 14% 18%;transform:rotate(18deg)}.paper-fragment{border:1px solid var(--line);background:var(--surface);position:absolute;box-shadow:.8rem 1rem #5b564a12}.paper-fragment--main{width:58%;min-height:58%;padding:2rem 1.7rem;top:16%;right:12%;transform:rotate(4deg)}.paper-fragment--main:before{content:"";background:#a8644c4d;width:1px;position:absolute;top:0;bottom:0;left:2rem}.paper-fragment--main p{font-family:var(--serif);margin:.9rem 0 0;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.18;position:relative}.paper-fragment__aster{color:var(--sage);font-size:1.6rem}.paper-fragment__line{border-top:1px solid var(--lavender);width:75%;margin:1.6rem 0 0 auto;display:block;transform:rotate(-4deg)}.paper-fragment--small{color:var(--muted);font-family:var(--note);padding:.75rem 1rem;font-size:.72rem;bottom:10%;left:2%;transform:rotate(-7deg)}.hero-art__mark{color:var(--sage);position:absolute}.hero-art__mark--one{font-size:1.4rem;top:8%;left:15%}.hero-art__mark--two{font-size:3.5rem;font-weight:200;bottom:13%;right:0}.hero-art__coordinate{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:.65rem;position:absolute;bottom:0;left:32%}.section-intro{max-width:52rem;margin-bottom:clamp(3rem,6vw,5rem)}.section-intro h2{margin-bottom:1.5rem}.section-intro>p:last-child,.path-heading>p:last-child,.section-intro--split>p{max-width:43rem;color:var(--muted);font-size:1.05rem}.learning{border-top:1px solid var(--line)}.learning-columns{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.learning-list{background:var(--surface);padding:clamp(2rem,5vw,4rem);position:relative;overflow:hidden}.learning-list:after{content:"";opacity:.75;border-radius:50%;width:10rem;height:10rem;position:absolute;top:-3rem;right:-3rem}.learning-list--sage:after{background:var(--sage-pale)}.learning-list--lavender:after{background:var(--lavender-pale)}.learning-list__number{color:var(--muted);font-family:var(--serif);margin-bottom:3rem;font-style:italic}.learning-list h2{z-index:1;max-width:20ch;margin-bottom:2.2rem;font-size:clamp(1.7rem,3vw,2.5rem);position:relative}.learning-list ul{margin:0;padding:0;list-style:none}.learning-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1.5rem;padding:1rem 0;display:flex}.learning-list li:first-child{border-top:1px solid var(--line)}.learning-list li span{font-size:1rem;font-weight:700}.learning-list li small{color:var(--muted);text-align:right;font-size:.76rem}.path-section{background:var(--ink);color:var(--surface)}.path-section .eyebrow{color:#aebc9d}.path-heading{max-width:48rem;margin-bottom:4.25rem}.path-heading h2{margin-bottom:1.5rem}.path-heading>p:last-child{color:#bbbdb5}.timeline-wrap{isolation:isolate;position:relative}.timeline{z-index:1;margin:0;padding:0;list-style:none;position:relative}.timeline-route{z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.timeline-route path{fill:none;stroke:#55574f;stroke-linecap:round;stroke-width:1px;vector-effect:non-scaling-stroke}.timeline-route__mobile{display:none}.timeline-item{--path-x:50%;grid-template-columns:1fr 5rem 1fr;min-height:8rem;display:grid;position:relative}.timeline-item:nth-of-type(2){--path-x:47%}.timeline-item:nth-of-type(3){--path-x:54%}.timeline-item:nth-of-type(4){--path-x:51%}.timeline-item:nth-of-type(5){--path-x:45%}.timeline-item:nth-of-type(6){--path-x:53%}.timeline-item:nth-of-type(7){--path-x:49%}.timeline-item:nth-of-type(8){--path-x:52.5%}.timeline-marker{top:0;left:var(--path-x);z-index:1;background:var(--ink);color:#bfc0b8;width:2.9rem;height:2.9rem;font-family:var(--serif);border:1px solid #73766b;border-radius:50%;place-items:center;font-size:.75rem;display:grid;position:absolute;transform:translate(-50%)}.timeline-content{text-align:right;grid-area:1/1;padding:0 3rem 2.75rem 0}.timeline-item:nth-of-type(2n) .timeline-content{text-align:left;grid-column:3;padding:0 0 2.75rem 3rem}.timeline-content h3{font-family:var(--serif);margin-bottom:.75rem;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:400}.timeline-note{color:#b6a8bd;max-width:22rem;margin:0;font-size:.84rem;line-height:1.5;display:inline-block;transform:rotate(-1deg)}.timeline-item:nth-of-type(2n) .timeline-note{color:#b8c3aa;transform:rotate(1deg)}.notes-ready .timeline-note{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(10px)rotate(-1deg)}.notes-ready .timeline-item:nth-of-type(2n) .timeline-note{transform:translateY(10px)rotate(1deg)}.notes-ready .timeline-note.is-visible{opacity:1;transform:translateY(0)rotate(-1deg)}.notes-ready .timeline-item:nth-of-type(2n) .timeline-note.is-visible{transform:translateY(0)rotate(1deg)}.section-intro--split{grid-template-columns:minmax(0,1.3fr) minmax(17rem,.7fr);align-items:end;gap:4rem;max-width:none;display:grid}.section-intro--split h2{margin-bottom:0}.project-stories{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin-bottom:2.5rem;display:grid}.project-story{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#faf7f08c;min-height:25rem;padding:clamp(2rem,4vw,3.5rem)}.project-story--featured{background:var(--sage-pale);grid-column:1/-1;grid-template-columns:minmax(16rem,.75fr) minmax(25rem,1fr);align-items:start;gap:2.5rem 4rem;min-height:0;display:grid}.project-story__meta{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;margin-bottom:3rem;font-size:.68rem;display:flex}.project-story--featured .project-story__meta{grid-column:1/-1;margin:0}.project-story h2{margin-bottom:1.6rem;font-size:clamp(2rem,3.5vw,3.3rem)}.project-story__lead{font-family:var(--serif);margin-bottom:1rem;font-size:clamp(1.3rem,2vw,1.75rem);font-style:italic;line-height:1.35}.project-story>p:last-child,.project-story__copy>p:last-child{color:var(--muted)}.project-story--wide{grid-column:1/-1;min-height:0}.project-story--wide>:not(.project-story__meta){max-width:45rem}.game-development-media{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1rem,2vw,1.5rem);display:grid}.game-development-media img{background:var(--surface);border:1px solid #20221f73;width:100%;height:auto;display:block;box-shadow:.7rem .8rem #4951401f}.text-link{border-bottom:1px solid var(--sage);letter-spacing:.06em;text-transform:uppercase;padding-bottom:.25rem;font-size:.82rem;font-weight:750;text-decoration:none;display:inline-block}.text-link span{margin-left:.5rem}.current-section{padding-top:clamp(5.5rem,8vw,7rem)}.current-note{background:var(--lavender-pale);border:1px solid #c7bfc9;width:min(48rem,88%);margin-inline:auto;padding:clamp(3rem,7vw,5rem);position:relative;transform:rotate(-1deg);box-shadow:1rem 1.2rem #46403712}.current-note__tape{background:#dcd7c1bf;width:7rem;height:2rem;position:absolute;top:-1rem;left:50%;transform:translate(-50%)rotate(2deg)}.current-note h2{margin-bottom:2rem;font-size:clamp(2.2rem,4.5vw,4rem)}.current-note ul{grid-template-columns:repeat(2,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.current-note li{font-family:var(--note);border-bottom:1px solid #8b819461;padding:1rem 1rem 1rem 0;font-size:.88rem}.current-note li:nth-child(odd){margin-right:2rem}.current-note__aster{color:var(--terracotta);font-size:5rem;font-weight:200;position:absolute;bottom:-2rem;right:2rem}.site-footer{border-top:1px solid var(--line);background:var(--paper-deep)}.site-footer__inner{grid-template-columns:1fr auto;align-items:start;gap:2rem;padding-block:3rem;display:grid}.site-footer__brand{font-family:var(--serif);margin:0;font-size:1.15rem;font-weight:700}.site-footer__brand span{color:var(--sage);margin-right:.25rem}.footer-links a{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.76rem;font-weight:650;text-decoration:none}.page-intro{min-height:calc(100svh - 5.25rem);padding-block:clamp(5rem,10vw,9rem)}.page-intro>h1{max-width:15ch;margin-bottom:1.8rem;font-size:clamp(3.2rem,7vw,6rem)}.page-intro__lead{max-width:50rem;color:var(--muted);font-family:var(--serif);margin-bottom:clamp(4rem,8vw,7rem);font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.5}.placeholder-note{border:1px solid var(--line);background:var(--surface);width:min(35rem,100%);font-family:var(--note);margin-left:auto;padding:2rem;font-size:.82rem;transform:rotate(-1deg)}.placeholder-note p:last-child{margin-bottom:0}.story-page{padding-block:clamp(5rem,9vw,8rem)}.story-page__header{max-width:58rem;margin-bottom:clamp(4rem,8vw,7rem)}.story-page__header h1{max-width:14ch;margin-bottom:1.5rem;font-size:clamp(3.2rem,7vw,6rem)}.story-page__lead{max-width:40rem;color:var(--muted);font-family:var(--serif);margin:0;font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.5}.story-page__body{width:min(100%,48rem);margin-inline:auto}.story-page__body section{border-top:1px solid var(--line);padding:clamp(2.75rem,6vw,4.5rem) 0;position:relative}.story-page__number{color:var(--lavender);font-family:var(--serif);font-size:.8rem;font-style:italic;position:absolute;top:clamp(2.75rem,6vw,4.5rem);left:-5rem}.story-page__body h2{margin-bottom:1.8rem;font-size:clamp(2.1rem,4vw,3.5rem)}.story-page__body section p:not(.story-page__number){color:var(--muted)}.story-page__body section p:last-child{margin-bottom:0}.projects-page .project-stories{margin-top:clamp(3rem,6vw,5rem)}.contact-page>h1{max-width:12ch}.contact-page>h1+.contact-list{margin-top:clamp(3rem,6vw,5rem)}.contact-list{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.contact-list>article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#faf7f080;min-height:13rem;padding:2rem}.contact-list span{color:var(--muted);font-family:var(--serif);font-size:.75rem;font-style:italic}.contact-list h2{margin:1rem 0 .4rem;font-size:2rem}.contact-list h2 a{text-decoration-thickness:1px}.contact-list p{color:var(--muted);margin:0}.contact-list p+p{margin-top:.35rem}@media (width<=56rem){.hero{grid-template-columns:minmax(0,1fr) minmax(15rem,.65fr);min-height:auto}.hero__copy{padding-right:1rem}.hero-art{justify-self:center;width:min(100%,20rem)}.hero__note{right:0}.section-intro--split{grid-template-columns:1fr;align-items:start;gap:1.25rem}.project-story--featured{grid-template-columns:minmax(14rem,.8fr) minmax(21rem,1fr);gap:2.5rem}.timeline-item{grid-template-columns:1fr 4rem 1fr}.timeline-content{padding-right:1.5rem}.timeline-item:nth-of-type(2n) .timeline-content{padding-left:1.5rem}.contact-list{grid-template-columns:1fr}.story-page__number{margin-bottom:.75rem;position:static}}@media (width<=43rem){.page-shell{width:min(calc(100% - 2rem), var(--page))}.site-header__inner{flex-direction:column;justify-content:center;align-items:flex-start;gap:.65rem;padding-block:1rem}.site-nav{flex-wrap:wrap;gap:.4rem 1.2rem}.site-nav a{font-size:.7rem}.hero{grid-template-columns:1fr;gap:2.5rem;min-height:auto;padding-block:3.5rem}.hero__copy{padding-right:0}.hero h1{font-size:clamp(3rem,15vw,4.6rem)}.hero__note{width:fit-content;margin:2rem 0 0 auto;position:relative;bottom:auto;right:auto}.hero-art{width:min(90%,19rem)}.paper-fragment--main{padding:1.7rem 1.4rem}.learning-columns,.project-stories{grid-template-columns:1fr}.learning-list li{flex-direction:column;align-items:flex-start;gap:.15rem}.learning-list li small{text-align:left}.project-story--featured{grid-column:auto;display:block}.project-story--featured .project-story__meta{margin-bottom:3rem;display:flex}.game-development-media{grid-template-columns:1fr;gap:1.5rem;width:min(100%,18rem);margin-top:2.5rem}.timeline-route__desktop{display:none}.timeline-route__mobile{display:block}.timeline-item,.timeline-item:nth-of-type(2n){--path-x:7%;grid-template-columns:3.5rem 1fr;min-height:7.75rem;display:grid}.timeline-item:nth-of-type(2){--path-x:6%}.timeline-item:nth-of-type(3){--path-x:9%}.timeline-item:nth-of-type(4){--path-x:7%}.timeline-item:nth-of-type(5){--path-x:5.5%}.timeline-item:nth-of-type(6){--path-x:8%}.timeline-item:nth-of-type(7){--path-x:6.5%}.timeline-item:nth-of-type(8){--path-x:8.5%}.timeline-marker{width:2.7rem;height:2.7rem}.timeline-content,.timeline-item:nth-of-type(2n) .timeline-content{text-align:left;grid-column:2;padding:0 0 2.6rem 1rem}.timeline-note,.timeline-item:nth-of-type(2n) .timeline-note{transform:rotate(-1deg)}.notes-ready .timeline-item:nth-of-type(2n) .timeline-note{transform:translateY(10px)rotate(-1deg)}.notes-ready .timeline-item:nth-of-type(2n) .timeline-note.is-visible{transform:translateY(0)rotate(-1deg)}.current-note{width:95%}.current-note ul{grid-template-columns:1fr}.current-note li:nth-child(odd){margin-right:0}.site-footer__inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap;gap:.75rem 1.5rem}}@media (width<=27rem){.button-row{flex-direction:column;align-items:stretch}.button{width:100%}.hero-art{aspect-ratio:1/1.13}.paper-fragment--main{width:68%;right:7%}.paper-fragment--small{left:0}.current-note{width:100%;padding-inline:2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto;transition-duration:.01ms}.notes-ready .timeline-note{opacity:1;transform:none}}