/* M/ 0.2 — product narrative, inspectable scenes and working code. */
.dev-hero{height:calc(100svh - 100px);min-height:760px;max-height:1200px}.dev-hero h1{font-size:clamp(12rem,29vw,32rem);line-height:.8;letter-spacing:-.028em;margin-top:3rem;color:var(--paper);width:max-content}.dev-hero h1 .title-period{color:var(--signal)}.dev-intro{position:absolute;bottom:200px;left:var(--gutter);z-index:4;max-width:310px}.dev-intro>.data{color:var(--signal)}.dev-intro p{font-size:clamp(1.1rem,1.6vw,1.6rem);line-height:1.5;margin-top:1.1rem}.dev-intro .text-link{margin-top:1.2rem}.dev-hero .scene{width:78%;height:69%;top:16%;right:-2%}.dev-hero .scene-meta{top:46%;right:7%}.dev-hero .scene-caption{bottom:7%;right:7%}.dev-hero .scene canvas{transition:opacity .7s}.dev-hero .scene-controls{bottom:112px;gap:1.4rem;flex-wrap:wrap}.deconstruct-button{display:flex;gap:1rem;align-items:center;border:1px solid var(--signal);background:var(--signal);color:var(--ink);min-height:50px;padding:.65rem 1.2rem;font-size:.875rem;transition:background 160ms,color 160ms}.deconstruct-button:hover,.deconstruct-button[aria-pressed='true']{background:var(--ink);color:var(--signal)}.deconstruct-icon{font:1.2rem var(--font-data);letter-spacing:-.3rem;padding-right:.3rem;transition:letter-spacing 480ms}.deconstruct-button:hover .deconstruct-icon{letter-spacing:0}.source-peek{position:absolute;right:var(--gutter);top:47%;z-index:4;width:242px;background:#101211e8;border:1px solid #68785b;backdrop-filter:blur(12px);padding:1.25rem;opacity:0;transform:translateY(20px);transition:opacity 480ms,transform 480ms;pointer-events:none}.is-exploded .source-peek{opacity:1;transform:translateY(0)}.source-peek>.data{color:var(--muted)}.source-peek>code{font: .875rem/1.85 var(--font-data);display:block;margin-top:1rem}.source-note{font: .75rem var(--font-data);display:block;color:var(--muted);margin-top:1rem}.code-purple{color:#b5b7ff}.code-orange{color:var(--signal)}.hero-note{color:var(--muted);text-align:center}.build-story{background:#e3e7dc;color:var(--ink)}.story-intro{padding-top:5rem;padding-bottom:3rem}.story-intro>.data{color:#555f50}.story-intro h2{font-size:clamp(3.5rem,7.4vw,8.5rem);margin:2rem 0}.story-intro h2 em{color:var(--ink)}.story-intro p{max-width:680px;color:#4d5749}.story-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;padding:0 var(--gutter) 5rem;position:relative}.story-workbench{position:sticky;top:12svh;align-self:start;height:min(660px,76svh);min-height:490px;background:var(--ink);color:var(--paper);box-shadow:0 30px 55px #35422b22;overflow:hidden}.bench-bar{height:62px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.5rem;border-bottom:var(--hairline)}.bench-bar>span:first-child{color:var(--signal)}.bench-surface{position:relative;height:calc(100% - 126px);overflow:hidden}.bench-view{position:absolute;inset:0;padding:2.5rem;opacity:0;transform:translateY(25px);transition:opacity 600ms var(--ease-out),transform 600ms var(--ease-out);visibility:hidden}.bench-surface[data-stage='0'] .brief-view,.bench-surface[data-stage='1'] .code-view,.bench-surface[data-stage='2'] .product-view{opacity:1;transform:translateY(0);visibility:visible}.bench-question{font:600 clamp(3.5rem,5.8vw,7rem)/.98 var(--font-display);margin-top:2rem}.brief-chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2.5rem}.brief-chips>span{font:.75rem var(--font-data);border:var(--hairline);padding:.55rem .7rem;color:var(--muted)}.bench-view>.data{color:var(--muted)}.code-view pre{font:clamp(.75rem,1.1vw,1rem)/1.85 var(--font-data);white-space:pre-wrap;margin:2rem 0}.source-origin{display:block;border-top:var(--hairline);padding-top:1rem;font-size:.75rem;letter-spacing:0}.bench-footer{height:64px;border-top:var(--hairline);padding:0 1.5rem;display:flex;gap:1rem;align-items:center}.bench-footer .data{color:var(--muted)}.bench-progress{flex:1;height:2px;background:var(--line)}.bench-progress span{display:block;height:100%;background:var(--signal);width:0;transition:width 400ms}.product-view{display:flex;flex-direction:column;justify-content:center}.product-signal{font:600 clamp(6rem,13vw,14rem)/1 var(--font-display);display:flex;align-items:center;gap:.15em;letter-spacing:-.03em}.product-signal span{font-family:var(--font-body);font-weight:400;font-size:.5em;color:var(--signal)}.product-view p{font-size:1.1rem;margin:2rem 0}.product-view .text-link{align-self:flex-start}.story-step{min-height:76svh;display:flex;flex-direction:column;justify-content:center;opacity:.35;transition:opacity 480ms;padding:3rem 0}.story-step.is-current{opacity:1}.story-step .data{color:#55604f}.story-step h3{font-size:clamp(3.5rem,6.3vw,7rem);line-height:.95;margin:1.8rem 0}.story-step h3 em{color:var(--ink)}.story-step>p{max-width:400px}.story-step .step-small{font-size:.875rem;max-width:350px;color:#535e4d;margin-top:1.5rem;border-top:1px solid #b4bdae;padding-top:1.3rem}.project-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin:3rem 0}.project-heading>p{color:var(--muted);padding-bottom:.5rem}.featured-project{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:4rem;padding-top:2rem}.project-art{position:relative;align-self:start;min-width:0;min-height:520px;background:var(--signal);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;padding:2rem;overflow:hidden}.project-art-title{font:800 clamp(10rem,21vw,25rem)/1 var(--font-body);letter-spacing:-.12em;align-self:center;padding-right:.1em}.project-art-title>span{color:var(--paper)}.project-open{position:absolute;right:2rem;top:1rem;font-size:3rem;transition:transform 480ms var(--ease-out)}.project-open:hover{transform:translate(7px,-7px)}.project-detail{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;overflow-wrap:anywhere}.project-detail>.data{color:var(--muted)}.project-detail h3{font-size:clamp(2.8rem,4.3vw,5rem);line-height:.97;margin:1.5rem 0}.project-detail>p{color:var(--muted);max-width:460px}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0 2rem}.project-tags>span{font:.75rem var(--font-data);border:var(--hairline);padding:.4rem .6rem}.project-detail details{width:100%;border-block:var(--hairline);padding:1.25rem 0;font-size:.875rem}.project-detail summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;gap:1rem}.project-detail summary:focus-visible{outline:2px solid var(--signal);outline-offset:6px}.project-detail details[open] summary>span{transform:rotate(45deg)}.project-detail details>div{padding-top:1.3rem}.project-detail details p{color:var(--muted);margin:.7rem 0}.project-detail details p strong{color:var(--paper)}.project-detail>.text-link{margin-top:1.5rem}.influence-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:3rem;margin:3rem 0}.influence-intro p{color:var(--muted);max-width:400px;justify-self:end}.influence-film{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;align-items:start}.influence-film figure:nth-child(2){margin-top:5rem}.influence-film figure:nth-child(3){margin-top:10rem}.influence-film img{height:370px;filter:saturate(.7);transition:filter 480ms}.influence-film figure:hover img{filter:saturate(1)}.influence-film figure:nth-child(2) img{object-fit:cover;object-position:48% center}.influence-film figcaption{display:flex;flex-direction:column;gap:.6rem;color:var(--paper);font-size:.875rem}.influence-film figcaption .data{color:var(--muted)}.dev-outro{background:var(--signal);color:var(--ink);padding-top:2rem}.dev-outro h2{font-size:clamp(3.8rem,9vw,10rem);margin:3rem 0}.dev-outro h2 em{color:var(--ink)}.outro-bottom{display:flex;justify-content:space-between;gap:2rem;align-items:end}.outro-bottom p{font-size:.875rem}.outro-bottom .explore-link span{border-color:var(--ink);color:var(--ink)}.outro-bottom .explore-link:hover span{background:var(--ink);color:var(--signal)}
@media(min-width:1700px){.dev-hero .scene{top:20%;height:67%}.dev-intro{bottom:235px}}
@media(max-width:1100px){.dev-hero{min-height:820px}.dev-hero h1{font-size:29vw}.dev-hero .scene{height:65%;top:18%;width:88%;right:-8%}.source-peek{top:46%;width:220px;font-size:.75rem}.dev-intro{bottom:210px;max-width:250px}.hero-note{display:none}.dev-hero .scene-meta{top:40%;right:12%}.dev-hero .scene-caption{right:12%}.story-layout{gap:5%}.bench-view{padding:1.7rem}.brief-chips{margin-top:1.4rem}.featured-project{gap:2.5rem}.project-art{min-height:480px}.influence-film{gap:1rem}.influence-film img{height:310px}.influence-intro{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.dev-hero{height:auto;min-height:940px}.dev-hero h1{font-size:30vw;margin-top:2.4rem}.dev-hero .hero-topline>.data:first-child{max-width:230px}.dev-hero .hero-topline>.data:last-child{display:none}.dev-intro{top:230px;bottom:auto;max-width:none}.dev-intro p{font-size:1.1rem;margin-top:.7rem}.dev-intro .text-link{margin-top:.5rem}.dev-hero .scene{top:370px;right:0;left:0;width:100%;height:330px}.dev-hero .scene-meta{top:0;right:var(--gutter);font-size:.75rem}.dev-hero .scene-caption{bottom:0;right:var(--gutter);font-size:.75rem}.source-peek{top:454px;right:1rem;padding:.8rem;width:196px}.source-peek>code{font-size:.75rem;line-height:1.6;margin-top:.6rem}.source-peek>.data,.source-note{font-size:.75rem}.source-note{margin-top:.6rem}.is-exploded .scene-meta,.is-exploded .scene-caption{opacity:.25}.dev-hero .scene-controls{bottom:106px;gap:.7rem}.deconstruct-button{width:100%;justify-content:center;min-height:48px}.dev-hero .view-mode{margin-top:.15rem}.dev-hero .mode-button{padding:.4rem .75rem}.dev-hero .control-text{font-size:.875rem}.dev-hero #reset-view{margin-left:0}.dev-hero .hero-bottom{height:86px}.dev-hero .interaction-hint{max-width:130px}.story-intro{padding-top:3rem}.story-intro h2{font-size:13vw}.story-intro p br{display:none}.story-layout{grid-template-columns:1fr;padding-bottom:3rem;gap:2rem}.story-workbench{position:relative;top:0;height:480px;min-height:0}.story-steps{display:grid;grid-template-columns:1fr;gap:0}.story-step{min-height:0;opacity:1;padding:2rem 0;border-bottom:1px solid #b4bdae}.story-step h3{font-size:15vw}.story-step>p{max-width:none}.story-step .step-small{border:0;padding-top:0;max-width:none}.story-step .data{color:#3f4c37}.bench-view{padding:1.6rem}.bench-question{font-size:3.7rem;margin-top:1.4rem}.code-view pre{font-size:.875rem;margin-top:1.5rem}.product-signal{font-size:7rem}.bench-bar{padding:0 1.5rem}.product-view p{margin:1rem 0}.project-heading{display:block;margin:1.5rem 0}.project-heading p{margin-top:1.5rem}.featured-project{grid-template-columns:1fr;gap:2rem}.project-art{min-height:390px;padding:1.5rem}.project-art-title{font-size:10rem}.project-detail h3{font-size:12vw}.project-detail>p{max-width:none}.influence-intro{grid-template-columns:1fr;gap:1.5rem;margin:1.5rem 0}.influence-intro p{justify-self:start}.influence-film{grid-template-columns:1fr;gap:2.5rem}.influence-film figure:nth-child(n){margin-top:0}.influence-film img{height:340px}.influence-film figure:nth-child(2) img{height:auto;aspect-ratio:1.6}.influence-film figcaption{flex-direction:row;justify-content:space-between;gap:1rem}.influence-film figcaption>.data{max-width:45%}.outro-bottom{display:block}.outro-bottom .explore-link{justify-content:space-between;margin-top:2rem}.dev-outro h2{font-size:14vw;margin:2rem 0}}
@media(max-width:380px){.masthead nav{gap:.8rem}.masthead nav>a:first-child{display:none}.dev-hero .control-text{font-size:.875rem}.dev-hero .scene-controls{gap:.6rem}.dev-hero .mode-button{padding:.4rem .55rem}.dev-intro{top:200px}.dev-hero .scene{top:350px}.dev-hero{min-height:930px}}
html[data-motion='reduced'] .story-step{opacity:1}html[data-motion='reduced'] .story-workbench{position:relative;top:0}
.bench-tabs{display:flex;gap:.4rem;padding:.7rem 1.5rem;border-bottom:var(--hairline)}.bench-tabs button{background:transparent;border:var(--hairline);padding:.4rem 1rem;font-size:.875rem;min-height:38px}.bench-tabs button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.story-workbench .bench-surface{height:calc(100% - 188px)}@media(max-width:760px){.story-workbench{height:550px}}
.featured-project+.featured-project{margin-top:6rem;padding-top:5rem;border-top:var(--hairline)}.papyrus-art{background:var(--paper);color:var(--ink)}.papyrus-logotype{font:600 clamp(3.6rem,6vw,8rem)/1 var(--font-display);letter-spacing:-.02em;margin:3rem 0 1rem}.papyrus-logotype span{color:var(--signal)}.agent-flow{display:flex;gap:.7rem;align-items:center;border-block:1px solid #aeb7a5;padding:1.5rem 0;margin-bottom:4rem}.agent-flow span{font:.75rem var(--font-data);flex:1;white-space:nowrap}.agent-flow i{font-style:normal;font-size:1.4rem;color:#616d56}.photo-project,.coast-art{isolation:isolate;min-height:620px;color:var(--paper);background:var(--ink)}.photo-project>img,.coast-art>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover}.photo-project:after,.coast-art:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0008,transparent 30%,#0008 100%)}.photo-project-title{font:600 clamp(3.5rem,6vw,7rem)/.95 var(--font-display);margin-top:auto;margin-bottom:1.8rem}.photo-project-title em{color:var(--paper)}.project-mechanic .project-art{order:2}.project-mechanic .project-detail{order:1}.project-mechanic .project-art img{object-position:53% center}.project-coast .project-art img{object-position:45% center}.portfolio-footnote{margin-top:4rem;padding-top:1.5rem;border-top:var(--hairline);display:flex;gap:2rem;align-items:center}.portfolio-footnote>.data{color:var(--signal);white-space:nowrap}.portfolio-footnote>p{font-size:.875rem;color:var(--muted);max-width:540px}.portfolio-footnote>a{margin-left:auto;white-space:nowrap}@media(max-width:1000px){.agent-flow{gap:.35rem}.agent-flow span{font-size:.75rem}.papyrus-art{padding:1.5rem}.portfolio-footnote{flex-wrap:wrap}.portfolio-footnote>a{margin-left:0}}@media(max-width:760px){.featured-project+.featured-project{margin-top:3rem;padding-top:3rem}.project-mechanic .project-art,.project-mechanic .project-detail{order:initial}.photo-project,.coast-art{min-height:480px}.papyrus-art{min-height:400px}.papyrus-logotype{font-size:17vw;margin:3rem 0 1rem}.agent-flow{margin-bottom:2rem}.photo-project-title{font-size:17vw}.portfolio-footnote{gap:1rem}.portfolio-footnote>.data{width:100%}.project-detail h3{font-size:11.5vw}}
.code-view{overflow-y:auto}@media(min-width:761px) and (max-height:800px){.developer-portfolio .masthead{height:80px}.dev-hero{height:calc(100svh - 80px);min-height:640px}.dev-hero h1{font-size:24vw;margin-top:2rem}.dev-intro{bottom:185px}.dev-intro p{font-size:1.1rem}.dev-hero .scene{top:13%;height:68%}.source-peek{top:43%}}@media(max-width:760px){.dev-hero{min-height:880px}.dev-intro{top:205px}.dev-hero .scene{top:350px;height:280px}.source-peek{top:413px}}