.portfolio{--gutter:clamp(1.25rem, 4.8vw, 4.75rem);--page-inset:max(var(--gutter), calc((100vw - 1440px) / 2 + var(--gutter)));--section-space:clamp(4rem, 7vw, 7rem);isolation:isolate;position:relative}.portfolio>footer{z-index:1;position:relative}@media (hover:hover) and (pointer:fine){.portfolio .shelf-help-touch{display:none}}html[data-theme=dark] .portfolio .project-estilo .project-link{color:var(--project-estilo-ink)}@media print{.portfolio :is(.section-intro,.project-card,.workflow-heading,.workflow-list details,.books-heading,.book-experience,.about-grid,.process-strip,.follow-section h2,.follow-section>p,.follow-actions,.follow-channels){opacity:1!important;transform:none!important}}.portfolio :is(.site-header,.hero,.work-section,.latest-section,.workflows-section,.books-section,.about-section,.follow-section,footer){padding-inline:var(--page-inset)}.portfolio :is(h1,h2,h3){text-wrap:balance}.portfolio :focus-visible{outline:3px solid var(--ink);outline-offset:4px}.portfolio :is(.shelf-panel,.project-tonka,.workflows-section,.about-section,footer) :focus-visible{outline-color:#efb84b}.portfolio :is(.hero-copy,.section-intro>p,.project-summary,.project-case dd,.featured-item>p,.selected-copy>p,.about-copy p){text-wrap:pretty}.portfolio .site-header{gap:1.25rem}.portfolio .site-header nav a{border-radius:4px}.portfolio .hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:0;padding-block:clamp(3rem,5.5vw,5.5rem)}.portfolio .hero h1{letter-spacing:-.045em;margin-top:1.5rem;font-size:clamp(3.25rem,5.8vw,5.75rem);line-height:1.02}.portfolio .line-mask{padding-block:.04em}.portfolio .hero-copy{max-width:31rem;color:var(--muted);margin-top:1.5rem;font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.75}.portfolio .hero-actions{flex-wrap:wrap;gap:1rem 1.75rem;margin-top:1.75rem}.portfolio .button{letter-spacing:.01em;font-weight:650}.portfolio .button-primary{border:1px solid #0000;box-shadow:0 4px 12px #1028201f}.portfolio .button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1028202e}.portfolio .button-primary:active{transform:translateY(0)}.portfolio .hero-proof{gap:1.25rem;margin-top:2.25rem;padding-top:1.25rem}.portfolio .hero-proof strong{font-size:.9375rem}.portfolio .hero-proof span{font-size:.8125rem;line-height:1.5}.portfolio .hero-proof a{padding-block:.25rem}.portfolio .portrait-label{margin-bottom:.85rem;font-size:.6875rem;line-height:1.5}.portfolio .portrait-collage{width:100%}.portfolio .portrait-window{box-shadow:0 18px 44px #1028201a}.portfolio .portrait-collage figcaption{color:var(--muted);font-size:.6875rem;font-weight:500}.portfolio .atelier-note{width:11rem;padding:1.35rem;font-size:1.7rem;bottom:4.5rem;right:-1rem}.portfolio :is(.work-section,.latest-section,.books-section){padding-block:var(--section-space)}.portfolio .section-intro{align-items:end;gap:2rem;margin-bottom:2.75rem}.portfolio :is(.section-intro h2,.books-heading h2,.latest-heading h2){letter-spacing:-.04em;font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.08}.portfolio .section-intro>p{max-width:28rem;font-size:1rem;line-height:1.7}.portfolio .projects-stack{gap:2.75rem;display:grid}.portfolio .project-card,.portfolio .project-card:nth-child(n){border:1px solid var(--rule);border-radius:12px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:0;margin:0;position:relative;top:auto;box-shadow:0 12px 36px #10282012}.portfolio .project-copy{justify-content:start;padding:clamp(1.75rem,3vw,3rem)}.portfolio .project-index{margin-bottom:.75rem;font-size:.75rem}.portfolio .project-discipline{font-family:var(--sans);letter-spacing:.05em;font-size:.75rem;font-style:normal}.portfolio .project-card h3{margin-top:.75rem;font-size:clamp(2.5rem,4vw,4.25rem);line-height:1.05}.portfolio .project-case{gap:1rem;margin:1.5rem 0}.portfolio .project-case dt{letter-spacing:.025em;font-size:.75rem}.portfolio .project-case dd{font-size:.9375rem;line-height:1.7}.portfolio .project-link{letter-spacing:0;text-transform:none;margin-top:1rem;font-size:.9375rem}.portfolio .project-media>img:first-child{width:100%;height:100%;position:absolute;inset:0}.portfolio .project-inset{border-width:.4rem;border-radius:4px}.portfolio .project-channels{gap:.1rem 1rem;margin-top:.75rem}.portfolio .project-channels a{font-size:.8125rem;font-weight:500}.portfolio .latest-heading{margin-bottom:2.5rem}.portfolio .latest-heading>p{font-size:1rem;line-height:1.7}.portfolio .featured-work{gap:1.25rem}.portfolio .featured-item{border:1px solid var(--rule);background:var(--paper);border-radius:10px;padding:1.1rem}.portfolio .featured-item>img{background:var(--cream);border-radius:5px}.portfolio .featured-date{margin-top:1.1rem;font-size:.75rem}.portfolio .featured-item h3{font-size:1.35rem;line-height:1.35}.portfolio .featured-item>p:not(.featured-date){font-size:.9375rem;line-height:1.7}.portfolio .featured-item>a{font-size:.875rem;font-weight:600}.portfolio .optional-feeds{margin-top:2rem}.portfolio .optional-feeds>summary{font-size:.875rem}.portfolio .workflows-section{padding-block:var(--section-space);gap:clamp(2rem,5vw,5rem)}.portfolio .workflow-heading h2{font-size:clamp(2.75rem,4.5vw,4.75rem);line-height:1.06}.portfolio .workflow-list summary{padding-block:1.4rem}.portfolio .workflow-list h3{font-size:clamp(1.5rem,2.25vw,2rem);line-height:1.2}.portfolio .workflow-number{font-size:.6875rem}.portfolio .workflow-body p{font-size:.9375rem}.portfolio .books-heading{gap:1.5rem 3rem;margin-bottom:2.75rem}.portfolio .books-heading>p:last-child{font-family:var(--sans);font-size:1rem;line-height:1.7}.portfolio .book-experience{border-color:var(--rule);border-radius:12px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);overflow:hidden;box-shadow:0 12px 36px #10282012}.portfolio .book-detail{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(1.5rem,2.5vw,2.75rem);min-height:0;padding:clamp(1.75rem,3vw,3rem)}.portfolio .selected-cover{border-radius:2px;max-height:24rem}.portfolio .selected-copy h3{letter-spacing:-.035em;font-size:clamp(1.75rem,2.8vw,3rem);line-height:1.13}.portfolio .selected-copy>p:last-of-type{margin:1.25rem 0 1.5rem;font-size:.9375rem;line-height:1.7}.portfolio .book-collection{font-size:.6875rem;line-height:1.6}.portfolio .shelf-panel{--muted:#c8d5c3;min-height:0;padding:1.75rem}.portfolio .shelf-instruction{font-size:.6875rem;font-weight:600}.portfolio .shelf-help{font-size:.8125rem;line-height:1.6}.portfolio .book-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1rem;min-height:0;margin-top:.5rem;padding:1rem .4rem}.portfolio .book-choice{border-radius:3px;max-width:none}.portfolio .book-choice img{width:100%;max-width:7rem}.portfolio .book-choice>span{min-height:0;font-size:.75rem;line-height:1.5}.portfolio .book-choice.is-selected{transform:translateY(-3px)}.portfolio .book-choice.is-selected img{box-shadow:0 6px 16px #0003}.portfolio .book-choice.is-independent{border-left:0;margin-left:0;padding-left:0}.portfolio .book-choice.is-independent:before{display:none}.portfolio .shelf-rule{opacity:.45;border-bottom:0;height:1px;margin-top:1rem}.portfolio .author-link{align-self:start;font-size:.8125rem;font-weight:600}.portfolio .about-section{padding-top:var(--section-space)}.portfolio .about-grid{align-items:center;gap:2.5rem 4rem}.portfolio .about-section h2{letter-spacing:-.035em;font-size:clamp(2.5rem,4vw,4.25rem);line-height:1.1}.portfolio .about-copy{font-size:.9375rem;line-height:1.8}.portfolio .process-strip{margin-top:3.5rem}.portfolio .process-strip span{letter-spacing:.06em;font-size:.6875rem;line-height:1.6}.portfolio .follow-section{min-height:0;padding-block:var(--section-space)}.portfolio .follow-section h2{letter-spacing:-.04em;font-size:clamp(2.75rem,5vw,5rem);line-height:1.08}.portfolio .follow-section>p:not(.eyebrow){font-size:1rem;line-height:1.75}.portfolio .follow-channels{gap:.5rem 1.5rem}.portfolio footer{padding-block:1.5rem;font-size:.75rem;line-height:1.5}@media (width<=1100px){.portfolio .book-experience{grid-template-columns:minmax(0,1fr)}.portfolio .book-detail{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)}.portfolio .selected-cover-wrap{max-width:210px}.portfolio .book-shelf{grid-template-columns:repeat(5,minmax(0,1fr))}.portfolio .book-choice img{max-width:8rem}}@media (width<=820px){.portfolio .hero{grid-template-columns:minmax(0,1fr);gap:2.5rem}.portfolio .hero h1{font-size:clamp(3rem,9.5vw,5rem)}.portfolio .hero-visual{justify-self:center;max-width:370px;margin-top:0}.portfolio .atelier-note{right:-.5rem}.portfolio .projects-stack{gap:2rem}.portfolio .project-card:nth-child(n){grid-template-columns:minmax(0,1fr)}.portfolio .project-copy{gap:0;min-height:0}.portfolio .project-media{aspect-ratio:4/3;min-height:0}.portfolio .project-tonka .project-media{aspect-ratio:16/9}.portfolio .project-tonka h3{font-size:clamp(2rem,12cqi,4.25rem)}.portfolio .featured-work{grid-template-columns:minmax(0,1fr);gap:1.25rem}.portfolio .workflows-section{grid-template-columns:minmax(0,1fr)}}@media (width<=620px){.portfolio .hero h1{font-size:clamp(2.25rem,9.5vw,3.75rem)}.portfolio .hero-proof{grid-template-columns:minmax(0,1fr);gap:0}.portfolio .hero-proof a{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;padding-block:.8rem;display:flex}.portfolio .hero-proof strong{flex:1}.portfolio .book-detail{grid-template-columns:minmax(0,1fr)}.portfolio .selected-cover-wrap{justify-self:center;width:160px}.portfolio .book-shelf{scroll-snap-type:x proximity;overscroll-behavior-x:contain;grid-template-columns:none;grid-auto-columns:112px;grid-auto-flow:column;gap:1.25rem;margin-inline:-.5rem;padding:.75rem .75rem 1.25rem;overflow-x:auto}.portfolio .book-choice{scroll-snap-align:start}.portfolio .book-choice img{max-width:none}.portfolio .shelf-panel{padding:1.5rem}.portfolio .process-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.portfolio .button-primary:hover,.portfolio .book-choice{transform:none}}.portfolio{isolation:isolate;--section-space:clamp(4rem, 7vw, 7rem);position:relative}.portfolio h2,.portfolio h3{letter-spacing:-.035em;text-wrap:balance}.portfolio .site-header{gap:1.5rem;min-height:80px}.portfolio .site-header nav{gap:1.5rem}.portfolio .site-header nav a{min-height:48px;font-weight:600}.portfolio .nav-arcade{gap:.45rem}.portfolio .nav-arcade span{color:var(--stat-color)}.portfolio .menu-toggle,.portfolio .theme-toggle,.portfolio .header-cta{min-height:48px}.portfolio .site-header nav a:after{height:1px}.portfolio .header-cta{border-color:var(--rule)}.portfolio .page-progress{background:var(--marigold);height:2px}.portfolio .night-atmosphere{opacity:0;height:min(1100px,120svh);position:absolute}html[data-theme=dark] .portfolio .night-atmosphere{opacity:.32}.portfolio .hero{gap:clamp(2rem,5vw,6rem);min-height:calc(100svh - 80px);padding-block:clamp(3rem,6vh,5rem)}.portfolio .hero h1{letter-spacing:-.04em;font-size:clamp(3.4rem,6.2vw,6rem);line-height:1.02}.portfolio .hero-copy{max-width:31rem;margin-top:1.75rem;font-size:clamp(1rem,1.35vw,1.18rem)}.portfolio .hero-actions{flex-wrap:wrap;gap:.85rem}.portfolio .button{min-height:52px;font-size:.9375rem;font-weight:650}.portfolio .button-primary:hover{box-shadow:none;transform:translateY(-2px)}.portfolio .button-outline{border:1px solid var(--rule);color:var(--ink);background:0 0}.portfolio .button-outline:hover{border-color:var(--ink);background:var(--paper);transform:translateY(-2px)}.portfolio .hero-signature{border-top:1px solid var(--rule);color:var(--muted);max-width:30rem;margin-top:2.5rem;padding-top:1.25rem;font-size:.875rem;line-height:1.6}.portfolio .hero-visual{justify-self:end;width:100%;max-width:440px;padding:0}.portfolio .portrait-window{aspect-ratio:4/4.8;width:100%;max-height:min(66svh,570px)}.portfolio .portrait-collage:before{bottom:5%;left:10%;right:-3%;transform:rotate(2deg)}.portfolio .portrait-collage figcaption{gap:.75rem;font-size:.75rem}.portfolio .atelier-note{width:10.5rem;padding:1.2rem;font-size:1.85rem;bottom:2.75rem;right:-1.25rem;transform:rotate(-4deg);box-shadow:0 12px 24px #0002}.portfolio .atelier-note small{margin-bottom:.6rem;font-size:.6875rem;line-height:1.4}.portfolio .atelier-note svg{margin-top:.5rem}.portfolio .work-section,.portfolio .latest-section,.portfolio .books-section,.portfolio .workflows-section{padding-block:var(--section-space)}.portfolio .section-intro{margin-bottom:1.75rem}.portfolio .section-intro h2{font-size:clamp(2.75rem,4.6vw,5rem)}.portfolio .work-directory{border-block:1px solid var(--rule);flex-wrap:wrap;gap:.25rem 1.75rem;margin-bottom:2rem;display:flex}.portfolio .work-directory a{min-height:52px;color:var(--muted);align-items:center;gap:.75rem;font-size:.875rem;display:inline-flex}.portfolio .work-directory a:hover{color:var(--ink);text-underline-offset:5px;text-decoration:underline}.portfolio .project-card{min-height:0;box-shadow:none;border:1px solid var(--rule);border-radius:12px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);margin-bottom:2.5rem;position:relative;top:auto}.portfolio .project-card:last-child{margin-bottom:0}.portfolio .project-copy{padding:clamp(1.5rem,3.1vw,3rem)}.portfolio .project-card h3{letter-spacing:-.035em;margin-top:.75rem;font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.06}.portfolio .project-tonka h3{font-size:clamp(2rem,15cqi,4.5rem)}.portfolio .project-discipline{font-family:var(--sans);font-size:.875rem;font-style:normal}.portfolio .project-summary{margin-top:1.25rem;font-size:clamp(1.0625rem,1.35vw,1.2rem);line-height:1.55}.portfolio .project-detail{margin-top:.8rem;font-size:1rem;line-height:1.7}.portfolio .project-story{margin:1.2rem 0}.portfolio .project-story summary{cursor:pointer;border-top:1px solid var(--rule);justify-content:space-between;align-items:center;min-height:48px;font-size:.875rem;font-weight:600;list-style:none;display:flex}.portfolio .project-story summary::-webkit-details-marker{display:none}.portfolio .project-story summary:hover{text-underline-offset:4px;text-decoration:underline}.portfolio .project-story summary>span{font-size:1.25rem;transition:transform .18s}.portfolio .project-story[open] summary>.story-expand{transform:rotate(45deg)}.portfolio .project-case{margin:.75rem 0 1.25rem}.portfolio .project-link{text-transform:none;letter-spacing:0;min-height:48px;margin-top:0;padding-block:.9rem;font-size:.9375rem}.portfolio .project-demo{margin-bottom:1rem}.portfolio .project-media{min-height:30rem}.portfolio .project-tonka .project-detail{color:#c8bbae}.portfolio .project-tonka .project-story summary{border-color:#69503a}.portfolio .project-channels{gap:.2rem 1rem;padding-top:.5rem}.portfolio .project-channels a{min-height:48px;font-size:.8125rem}.portfolio .project-inset{border-width:.45rem;width:37%;bottom:1.5rem;right:1.5rem}.portfolio .project-gallery-trigger{z-index:2;color:#fff9ee;min-height:48px;font:inherit;cursor:pointer;background:#080f19;border:1px solid #7b8589;border-radius:8px;align-items:center;gap:12px;padding:10px 16px;font-size:14px;display:flex;position:absolute;top:16px;left:16px}.portfolio .project-gallery-trigger span{color:#e7bd66;font-size:12px}.portfolio .project-gallery-trigger:hover{background:#192530}.project-gallery-dialog{box-sizing:border-box;background:var(--paper,#f3f4ef);width:min(1120px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ink,#14271f);border:1px solid var(--rule,#9aaba0);border-radius:12px;margin:auto;padding:24px;overflow:auto}.project-gallery-dialog::backdrop{background:#030912d9}.project-gallery-dialog>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.project-gallery-dialog header p{color:var(--muted);margin:0 0 5px;font-size:13px}.project-gallery-dialog h2{font:600 clamp(22px,3vw,34px)/1.2 var(--sans);letter-spacing:-.03em;margin:0}.project-gallery-dialog button{min-width:48px;min-height:48px;color:inherit;border:1px solid var(--rule,#9aaba0);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:10px 14px;font-size:14px}.project-gallery-dialog button:hover{border-color:currentColor}.project-gallery-dialog button:focus-visible,.portfolio .project-gallery-trigger:focus-visible{outline-offset:3px;outline:3px solid #d09220}.project-gallery-dialog figure{margin:0}.project-gallery-image{background:#101923;border-radius:8px;place-items:center;min-height:180px;display:grid;overflow:hidden}.project-gallery-image>img{object-fit:contain;width:100%;height:min(59dvh,680px);display:block}.project-gallery-image>p{color:#f6f1e5;padding:24px}.project-gallery-dialog figcaption{gap:16px;padding-block:16px;font-size:14px;line-height:1.6;display:flex}.project-gallery-dialog figcaption>span{white-space:nowrap;color:var(--muted)}.project-gallery-dialog>nav{border-top:1px solid var(--rule,#9aaba0);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.project-gallery-thumbnails{gap:8px;display:flex}.project-gallery-thumbnails>button{width:72px;padding:3px}.project-gallery-thumbnails>button[aria-pressed=true]{border:2px solid}.project-gallery-thumbnails img{object-fit:cover;border-radius:4px;width:100%;height:48px;display:block}@media (width<=600px){.project-gallery-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:16px}.project-gallery-dialog>header{align-items:flex-start;gap:12px}.project-gallery-dialog header>button{flex-shrink:0;max-width:100px}.project-gallery-dialog>nav{flex-wrap:wrap}.project-gallery-thumbnails{order:-1;justify-content:center;width:100%}.project-gallery-image>img{height:42dvh}.project-gallery-dialog figcaption{gap:10px}.portfolio .project-gallery-trigger{top:12px;left:12px}}.portfolio .play-section{padding:var(--section-space) var(--gutter) 2rem;color:#fff9ee;background:#132a24;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:2.5rem 5vw;display:grid}.portfolio .play-label{color:#becdc3;margin-bottom:1.5rem;font-size:.9375rem}.portfolio .play-intro h2{font-family:var(--display);font-size:clamp(3.5rem,5.6vw,6rem);font-weight:400;line-height:.98}.portfolio .play-intro h2 em{color:#e7bd66;font-weight:400}.portfolio .play-intro>p:not(.play-label){color:#ced8d1;max-width:24rem;margin:1.75rem 0;font-size:1.0625rem;line-height:1.7}.portfolio .play-button{color:#14271f;background:#e7bd66}.portfolio .play-button:hover{background:#f3cf82;transform:translateY(-2px)}.portfolio .play-note{color:#becdc3;margin-top:1rem;font-size:.8125rem;display:block}.portfolio .play-feature{min-width:0;display:block}.portfolio .play-image{background:#304c37;border-radius:12px;overflow:hidden}.portfolio .play-image img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform .35s}.portfolio .play-feature:hover img{transform:scale(1.025)}.portfolio .play-feature-caption{justify-content:space-between;align-items:center;gap:1rem;padding-top:1.35rem;display:flex}.portfolio .play-feature-caption h3{font-family:var(--display);margin-top:.4rem;font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:1.2}.portfolio .play-feature-caption div>span{color:#becdc3;font-size:.8125rem}.portfolio .play-launch{border:1px solid #5e7668;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.portfolio .play-feature:hover .play-launch{color:#14271f;background:#e7bd66;border-color:#e7bd66}.portfolio .play-lineup{color:#becdc3;border-top:1px solid #4a6256;flex-wrap:wrap;grid-column:1/-1;gap:.6rem 2rem;margin-top:1rem;padding-top:1.5rem;font-size:.8125rem;line-height:1.5;display:flex}.portfolio .play-lineup span{color:#fff9ee;font-size:.875rem}.portfolio .play-lineup{align-items:center}.portfolio .play-lineup a{color:#fff9ee;text-underline-offset:5px;align-items:center;min-height:48px;font-size:.875rem;display:inline-flex}.portfolio .play-lineup a:hover{color:#e7bd66}.portfolio .arcade-showcase{grid-column:1/-1;min-width:0;margin:1rem 0 3rem}.portfolio .arcade-showcase figcaption{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.5rem;display:flex}.portfolio .arcade-showcase h3{font-family:var(--display);margin-top:.65rem;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:400;line-height:1.15}.portfolio .arcade-showcase figcaption p,.portfolio .showcase-description{color:#becdc3;font-size:.8125rem;line-height:1.6}.portfolio .arcade-showcase video{aspect-ratio:16/9;background:#090f13;border:1px solid #536257;border-radius:8px;width:100%;height:auto;display:block}.portfolio .showcase-player{position:relative}.portfolio .showcase-launch{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.portfolio .showcase-launch button{pointer-events:auto;color:#14271f;min-height:56px;font:700 .9375rem var(--sans);cursor:pointer;background:#e7bd66;border:1px solid #e7bd66;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:14px 22px;display:inline-flex}.portfolio .showcase-launch button:hover{background:#f2d68c}.portfolio .showcase-launch button:disabled{opacity:.85;cursor:wait}.portfolio .showcase-description{margin-top:1rem}.portfolio .showcase-chapters{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.portfolio .showcase-chapters button{color:#fff9ee;text-align:left;min-width:48px;min-height:60px;font:500 13px/1.4 var(--sans);cursor:pointer;background:#172c23;border:1px solid #667e6d;border-radius:6px;padding:10px 12px}.portfolio .showcase-chapters button span{color:#c5d8ca;font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:11px;display:block}.portfolio .showcase-chapters button[aria-pressed=true]{color:#172c23;background:#e7bd66;border-color:#e7bd66}.portfolio .showcase-chapters button[aria-pressed=true] span{color:#35442a}.portfolio .showcase-chapters button:hover{border-color:#e7bd66}.portfolio .showcase-next{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-top:12px;display:flex}.portfolio .showcase-next p{color:#c5d8ca;margin:0;font-size:13px;line-height:1.5}.portfolio .showcase-next a{color:#f1cd7e;text-underline-offset:5px;align-items:center;gap:18px;min-height:48px;font-size:14px;font-weight:600;display:inline-flex}.portfolio .arcade-showcase :is(button,a):focus-visible{outline-offset:4px;outline:3px solid #efd283}@media (width<=760px){.portfolio .showcase-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=420px){.portfolio .showcase-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio .showcase-launch button{padding:12px;font-size:13px}}.portfolio .showcase-error{border:1px solid #becdc3;flex-wrap:wrap;align-items:center;gap:1rem;padding:2rem;display:flex}.portfolio .showcase-error a,.portfolio .showcase-error button{color:#fff9ee;background:0 0;border:1px solid #becdc3;align-items:center;min-height:48px;padding:.5rem 1rem;display:inline-flex}@media (width<=600px){.portfolio .arcade-showcase figcaption{flex-direction:column;align-items:start;gap:.75rem}.portfolio .play-lineup{gap:.25rem 1.25rem}}.portfolio .latest-heading h2{font-size:clamp(2.75rem,4.4vw,4.75rem);line-height:1.05}.portfolio .featured-item>img{border-radius:8px}.portfolio .featured-date{font-size:.8125rem}.portfolio .featured-item>a{min-height:48px}.portfolio .books-heading h2{font-size:clamp(2.75rem,4.5vw,5rem)}.portfolio .book-experience{box-shadow:none;grid-template-areas:"detail shelf"}.portfolio .book-detail{grid-area:detail;scroll-margin-top:0}.portfolio .shelf-panel{grid-area:shelf}.portfolio .selected-book-link{display:none}.portfolio footer{flex-wrap:wrap;justify-content:space-between;gap:16px 32px;display:flex}.portfolio .footer-identity{gap:6px;display:grid}.portfolio .footer-identity small{letter-spacing:0;text-transform:none;font-size:.6875rem;font-weight:400}.portfolio footer nav{flex-wrap:wrap;gap:8px 24px;display:flex}.portfolio footer a{text-underline-offset:5px;min-width:48px;min-height:48px}.portfolio footer a:hover{text-decoration:underline}@media (width<=1100px){.portfolio .book-experience{grid-template-areas:"shelf""detail"}.portfolio .book-detail{border-right:0;border-top:1px solid var(--rule)}.portfolio .selected-book-link{min-height:48px;color:var(--on-dark);text-underline-offset:5px;justify-content:space-between;align-items:center;gap:16px;font-size:.875rem;display:inline-flex}}@media (width<=620px){.portfolio .footer-identity{flex-basis:100%}}.portfolio .follow-section{background-image:none}.portfolio .follow-mark{opacity:.08}.portfolio .follow-section h2{font-size:clamp(3rem,5.8vw,6rem)}.portfolio footer{z-index:1;position:relative}.portfolio footer a{min-height:48px}@media (width>=981px){.portfolio .site-header{grid-template-columns:1fr auto auto}.portfolio .site-header nav{border:0;grid-area:auto;width:auto;padding:0;display:flex}.portfolio .site-header .header-tools{grid-area:auto}.portfolio .site-header .header-cta{display:inline-flex}.portfolio .menu-toggle{display:none}}@media (width<=1100px) and (width>=981px){.portfolio .site-header,.portfolio .site-header nav{gap:1rem}.portfolio .header-cta span{display:none}}@media (width<=980px){.portfolio .site-header{grid-template-columns:1fr auto;min-height:72px}.portfolio .site-header nav{gap:.25rem 1rem;padding:.5rem 0 1rem;display:none}.portfolio .site-header[data-menu-open=true] nav{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.portfolio .site-header .header-cta{display:none}.portfolio .menu-toggle{display:inline-flex}.portfolio .hero{min-height:auto}.portfolio .hero h1{font-size:clamp(3.25rem,6.3vw,4.7rem)}.portfolio .portrait-label{flex-wrap:wrap;gap:.3rem}.portfolio .portrait-label span{text-align:left}.portfolio .atelier-note{width:8.5rem;padding:1rem;font-size:1.6rem;right:-.5rem}.portfolio .project-copy{padding:1.75rem}.portfolio .project-media{min-height:25rem}}@media (width<=820px){.portfolio .hero{grid-template-columns:minmax(0,1fr);gap:2.5rem;padding-top:3rem}.portfolio .hero h1{max-width:10em;font-size:clamp(3rem,9.5vw,5.8rem)}.portfolio .hero-copy{max-width:36rem}.portfolio .hero-visual{justify-self:center;max-width:420px;margin-top:0}.portfolio .portrait-label{justify-content:space-between}.portfolio .portrait-window{max-height:none}.portfolio .hero-signature{margin-top:1.5rem}.portfolio .project-card{flex-direction:column;display:flex}.portfolio .project-media{aspect-ratio:16/10;order:-1;min-height:0}.portfolio .project-media>img:first-child{object-fit:cover;height:100%}.portfolio .project-tonka .project-media{aspect-ratio:16/9}.portfolio .project-tonka .project-media>img:first-child{object-fit:contain}.portfolio .project-copy{gap:0;padding:1.75rem}.portfolio .project-card h3{font-size:clamp(2.5rem,6vw,4rem)}.portfolio .project-story{margin-bottom:.8rem}.portfolio .project-tonka .project-demo{margin-top:.4rem}.portfolio .play-section{grid-template-columns:minmax(0,1fr);gap:2.5rem}.portfolio .play-intro h2 br{display:none}.portfolio .play-intro h2{font-size:clamp(3rem,8vw,5rem)}.portfolio .play-intro h2 em:before{content:" "}.portfolio .play-intro>p:not(.play-label){max-width:30rem;margin-block:1rem 1.5rem}.portfolio .play-label{margin-bottom:1rem}.portfolio .play-lineup{margin-top:0}.portfolio .featured-work{gap:2rem}.portfolio .featured-item{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-content:start;gap:.75rem 1.5rem;display:grid}.portfolio .featured-item>img{grid-row:1/5;align-self:start}.portfolio .featured-date{margin:0}.portfolio .featured-item h3{margin:0;font-size:1.25rem}.portfolio .featured-item>p:not(.featured-date){margin:0;font-size:.9375rem}}@media (width<=540px){.portfolio .site-header{gap:.25rem;padding-block:.45rem}.portfolio .brand-mark{gap:.5rem}.portfolio .header-tools{gap:.35rem}.portfolio .site-header .theme-toggle{width:48px}.portfolio .site-header[data-menu-open=true] nav{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio .hero{gap:2rem;padding-top:2.5rem}.portfolio .hero h1{margin-top:1.5rem;font-size:clamp(2.05rem,10.3vw,3.75rem);line-height:1.05}.portfolio .hero-copy{margin-top:1.25rem;font-size:1rem}.portfolio .hero-actions{gap:.65rem;margin-top:1.5rem}.portfolio .hero-actions .button{padding-inline:1.1rem;font-size:.875rem}.portfolio .hero-signature{font-size:.8125rem}.portfolio .hero-visual{max-width:350px;padding-inline:.5rem}.portfolio .portrait-label{font-size:.6875rem}.portfolio .portrait-collage figcaption{flex-wrap:wrap;gap:.15rem;font-size:.6875rem}.portfolio .atelier-note{bottom:3rem;right:0}.portfolio .section-intro h2{font-size:2.75rem}.portfolio .work-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.portfolio .work-directory a{font-size:.8125rem}.portfolio .project-copy{padding:1.5rem}.portfolio .project-card h3{font-size:clamp(2rem,10vw,3.1rem)}.portfolio .project-inset{border-width:.3rem;bottom:1rem;right:1rem}.portfolio .play-intro h2{max-width:7em}.portfolio .play-feature-caption h3{font-size:2.25rem}.portfolio .play-lineup{gap:.6rem 1.25rem}.portfolio .play-lineup>span:first-child{flex-basis:100%}.portfolio .featured-item{gap:0;display:flex}.portfolio .featured-date{margin:1rem 0 .5rem}.portfolio .featured-item h3{margin-bottom:.75rem;font-size:1.5rem}.portfolio .featured-item>p:not(.featured-date){margin-bottom:1rem}.portfolio .follow-section h2{font-size:clamp(2.75rem,10vw,4rem)}.portfolio .follow-channels{gap:.25rem 1.25rem}}@media (prefers-reduced-motion:reduce){.portfolio .button,.portfolio .play-image img,.portfolio .project-story summary>span{transition:none}}@media (width<=360px){.portfolio .site-header .brand-mark>span:last-child{max-width:4.5rem;line-height:1.3}}.portfolio .play-section :focus-visible{outline-color:#efb84b}.portfolio .play-feature:focus-visible{outline-offset:8px}.portfolio section.paper-grid{background-image:none}@media (width<=360px){.portfolio .site-header{flex-wrap:nowrap;padding-inline:1rem}.portfolio .site-header[data-menu-open=true]{flex-wrap:wrap}}.portfolio .project-story-rich{border-top:1px solid var(--rule);grid-column:1/-1;margin:0}.portfolio .project-story-rich>summary{border:0;gap:20px;min-height:72px;padding:16px clamp(1.5rem,3.1vw,3rem)}.portfolio .project-story-rich .story-summary-label{font-size:1rem;transform:none}.portfolio .story-summary-label small{color:var(--muted);margin-top:5px;font-size:.8125rem;font-weight:400;display:block}.portfolio .project-story-rich .story-expand{font-size:1.5rem}.portfolio .project-story-body{padding:8px clamp(1.5rem,3.1vw,3rem) clamp(1.5rem,3.1vw,3rem)}.portfolio .project-story-opening{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding-block:20px 28px;display:grid}.portfolio .project-story-opening h4{font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:400;line-height:1.15}.portfolio .project-story-opening .project-case{gap:20px;margin:0;display:grid}.portfolio .project-story-work{border-block:1px solid var(--rule);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:32px;padding-block:28px;display:grid}.portfolio .project-story-work ol{gap:24px;margin:0;padding:0;list-style:none;display:grid}.portfolio .project-story-work li{align-items:baseline;gap:16px;display:flex}.portfolio .story-step-number{color:var(--muted);font-size:.75rem}.portfolio .project-story-body h5{margin:0 0 8px;font-size:1rem;font-weight:650;line-height:1.4}.portfolio .project-story-body p{max-width:65ch;font-size:.9375rem;line-height:1.7}.portfolio .project-story-work figure{min-width:0;margin:0}.portfolio .project-story-work figure a{border:1px solid var(--rule);border-radius:8px;display:block;overflow:hidden}.portfolio .project-story-work img{width:100%;height:auto;display:block}.portfolio .project-story-work figcaption{color:var(--muted);margin-top:10px;font-size:.75rem;line-height:1.6}.portfolio .project-story-result{justify-content:space-between;align-items:center;gap:32px;padding-top:28px;display:flex}.portfolio .project-story-result>div{flex:1}.portfolio .project-story-result>a{flex-shrink:0;min-height:48px}.portfolio .project-tonka .project-story-rich{border-color:#69503a}.portfolio .project-tonka .project-story-rich :is(p,dd){color:#e2d5c7}.portfolio .project-tonka .project-story-rich :is(small,figcaption,.story-step-number){color:#cbbdaa}.portfolio .project-tonka .project-story-work{border-color:#69503a}@media (width<=760px){.portfolio .project-story-opening,.portfolio .project-story-work{grid-template-columns:minmax(0,1fr);gap:24px}.portfolio .project-story-result{flex-direction:column;align-items:flex-start;gap:16px}}