:root{--nav-gutter-x: 32px;--overlay-panel-bg: rgba(244, 240, 234, .88);--overlay-panel-accent: rgba(29, 185, 170, .12);--overlay-panel-border: rgba(16, 16, 16, .12);--overlay-panel-shadow: 0 14px 44px rgba(0, 0, 0, .1);--overlay-panel-blur: 10px;--overlay-panel-radius: 14px;--overlay-panel-pad-y: 12px;--overlay-panel-pad-x: 14px}@media (max-width: 600px){:root{--nav-gutter-x: 8px}}@media (max-width: 500px){:root{--nav-gutter-x: 32px}}@media (min-width: 1024px){:root{--nav-gutter-x: 32px}}@media (max-width: 425px){.portfolio-era-editorial.era-before .project-grid-secondary,.portfolio-era-editorial.era-before .project-card,.portfolio-era-editorial.era-before .embed-frame,.portfolio-era-editorial.era-before .embed-frame iframe{min-width:0;max-width:100%}.portfolio-era-editorial.era-before .project-card{padding:14px}.portfolio-era-editorial.era-before .embed-frame{margin:10px 0}.nav-identity,.explore-btn{font-size:18px}#subtitle-orientation{font-size:.75rem;padding-right:12px;word-wrap:break-word}}@media (max-width: 425px){#subtitle-orientation{overflow-wrap:anywhere}}@media (max-width: 600px){:root{--overlay-panel-radius: 12px;--overlay-panel-pad-y: 10px;--overlay-panel-pad-x: 12px}}body,html{overscroll-behavior:contain;touch-action:none;height:100vh;margin:0;padding:0;overflow:hidden}html.is-portfolio-scroll,body.is-portfolio-scroll{overscroll-behavior:auto!important;touch-action:auto!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important}#top-artwork-container,canvas{touch-action:none}.body-margin-top{margin-top:80px;touch-action:none}body.body-margin-top.is-portfolio-scroll{touch-action:auto!important}.top-whitespace-strip{height:20px;width:100%}.subtitle-whitespace{height:22px;width:100%}.right-max-width{max-width:340px}.hidden{display:none}.visitor-count{color:#101010eb;opacity:.85;display:block;margin-top:.35em}.floating-text-container{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none}.floating-text{font-size:1.2em;color:#fff;background:#1e1e1ed9;padding:12px 32px;border-radius:16px;box-shadow:0 2px 16px #0004;display:none}.manifesto{position:fixed;z-index:1100;left:var(--nav-gutter-x);max-width:520px;pointer-events:none;-webkit-user-select:none;user-select:none}.manifesto-line{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.35;letter-spacing:.01em;color:#101010eb;opacity:0;transform:translateY(14px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.manifesto-line.is-visible{opacity:1;transform:translateY(0)}.career-pivot{position:fixed;z-index:1100;max-width:640px;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.35;letter-spacing:.01em;color:#101010eb;opacity:0;transform:translateY(16px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1);text-shadow:none;will-change:opacity,transform}.career-pivot.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 600px){.career-pivot{max-width:320px;font-size:13px}}@media (max-width: 390px){.career-pivot{font-size:12px}}.is-hidden-surface{opacity:0;pointer-events:none;transition:opacity .7s ease}.explore-btn{opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.explore-btn.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}@media (max-width: 600px){.manifesto{max-width:34ch}.manifesto-line{font-size:13px;line-height:1.28}}@media (max-width: 500px){.manifesto{max-width:26ch}}@media (max-width: 390px){.manifesto{max-width:22ch}.manifesto-line{font-size:12px}}#top-artwork-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;margin:0;padding:0;background:#fff}#erosionCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:2}#subtitle-orientation{margin-top:8px;margin-bottom:0;margin-left:var(--nav-gutter-x);text-align:left;color:#101010a8;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:clamp(.78rem,1.05vw,.95rem);line-height:1.35;letter-spacing:.14em;text-transform:uppercase;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;background:none;z-index:20;overflow-wrap:anywhere}@media (max-width: 600px){#subtitle-orientation{max-width:34ch}}@media (max-width: 500px){#subtitle-orientation{max-width:26ch}}@media (max-width: 390px){#subtitle-orientation{max-width:22ch}}.subtitle-fade-in{animation:subtitleFadeIn 1.2s cubic-bezier(.4,0,.2,1) .5s forwards}@keyframes subtitleFadeIn{0%{opacity:0}to{opacity:1}}.nav-identity,.explore-btn{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:20px;color:#000}@font-face{font-family:neue machina;font-style:normal;font-weight:400;src:url(/fonts/ppneuemachina-regular.woff2) format("woff2"),url(/fonts/ppneuemachina-regular.woff) format("woff")}@font-face{font-family:neue machina;font-style:normal;font-weight:700;src:url(/fonts/ppneuemachina-ultrabold.woff2) format("woff2"),url(/fonts/ppneuemachina-ultrabold.woff) format("woff")}.media-frame{margin:24px auto;padding:12px;background:#fff;display:block;box-sizing:border-box;border-radius:8px}#portfolio-layer{opacity:0;pointer-events:none;transition:opacity .9s ease;width:min(calc(100% - 48px),1080px);max-width:none;margin:64px auto 96px;padding:0 0 64px;box-sizing:border-box;position:relative}#portfolio-layer.is-visible-portfolio{opacity:1;pointer-events:auto}#portfolio-layer ul{list-style:none!important;padding-left:0!important;margin-left:0!important}#portfolio-layer li{list-style:none!important}.portfolio-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.7fr);gap:18px;align-items:end;width:100%;max-width:1080px;margin-left:auto;margin-right:auto;margin-bottom:54px;padding-left:0;padding-right:0;color:#101010}.intro-meta{display:flex;flex-direction:column;gap:6px}.intro-kicker,.intro-code{margin:0;font-size:.7rem;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:#10101094}.portfolio-intro h1{margin:0;color:#101010;font-size:clamp(2.8rem,7vw,6.1rem);line-height:.9;letter-spacing:-.055em}.intro-copy{max-width:36ch;margin:0;color:#101010a3;font-size:1rem;line-height:1.58}.intro-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-self:start}.intro-strip span{height:10px;background:#f8f5f0;box-shadow:0 22px 36px #00000024}.intro-strip span:nth-child(1){background:linear-gradient(90deg,#ff5f74,#25d2ff)}.intro-strip span:nth-child(2){background:#101010}.intro-strip span:nth-child(3){background:linear-gradient(90deg,#f6f1e9,#ffef8a)}.intro-strip span:nth-child(4){background:#2452ff}.portfolio-era-editorial{position:relative;display:grid;grid-template-columns:28px minmax(360px,1.2fr) minmax(0,1fr);gap:28px;align-items:start;width:100%;box-sizing:border-box;max-width:1080px;margin-left:auto;margin-right:auto;padding:30px;border:1px solid rgba(16,16,16,.08);border-radius:10px;background:linear-gradient(180deg,#ffffff57,#ffffff14),#f2f0ec;box-shadow:0 22px 36px #00000024}.portfolio-era-editorial .era-poster-stack,.portfolio-era-editorial .era-content{min-width:0;max-width:100%}.portfolio-era-editorial .era-project{grid-column:2 / -1;display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(0,1fr);gap:28px;align-items:start;min-width:0}@media (max-width: 767px){.portfolio-era-editorial .era-project{grid-template-columns:1fr}}@media (min-width: 768px){.portfolio-era-editorial{grid-template-columns:28px minmax(360px,1fr)}.portfolio-era-editorial .era-content{display:none}.portfolio-era-editorial .era-project{grid-template-columns:minmax(360px,1fr)}.portfolio-era-editorial.is-details-open{grid-template-columns:28px minmax(360px,1.2fr) minmax(0,1fr)}.portfolio-era-editorial.is-details-open .era-content{display:flex}.portfolio-era-editorial.is-details-open .era-project{grid-template-columns:minmax(360px,1.2fr) minmax(0,1fr)}}.portfolio-era-editorial .era-details-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:4;width:38px;height:38px;border:none;border-radius:999px;background:#111111e6;color:#fffffff2;font:inherit;font-size:1.3rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .18s ease,transform .18s ease}.portfolio-era-editorial.is-details-open .era-details-toggle{transform:translateY(-50%) rotate(180deg)}.portfolio-era-editorial .era-details-toggle:hover{opacity:.78}.portfolio-era-editorial .era-details-toggle:focus-visible{outline:2px solid rgba(0,0,0,.45);outline-offset:4px}@media (max-width: 767px){.portfolio-era-editorial .era-details-toggle{display:none}}.portfolio-era-editorial.era-now{background:linear-gradient(135deg,#cccccc75 58%,#7f7f7f94),linear-gradient(180deg,#d6d6d675,#49494924),#a4a4a4}.portfolio-era-editorial.era-before{background:linear-gradient(135deg,#25d2ff6b,#2452ff3d 56%,#ffffff1a),linear-gradient(180deg,#ffffff75,#ffffff24),#f2f0ec}.portfolio-era-editorial.era-before .project-card-featured{box-shadow:inset 6px 0 #25d2ff}.portfolio-era-editorial.era-earlier{background:linear-gradient(135deg,#f2e55b75,#e53e3e2e 56%,#ffffff1a),linear-gradient(180deg,#ffffff75,#ffffff24),#f2f0ec}.portfolio-era-editorial.era-earlier .project-card-featured{box-shadow:inset 6px 0 #f2e55b}.portfolio-era-editorial.era-earlier .project-label{color:#e53e3ee6}.portfolio-era-editorial .era-rail{display:flex;flex-direction:column;gap:18px;align-items:center;padding-top:6px}.portfolio-era-editorial .era-number,.portfolio-era-editorial .era-axis,.portfolio-era-editorial .poster-meta,.portfolio-era-editorial .project-label{margin:0;font-size:.7rem;line-height:1.2;letter-spacing:.16em;text-transform:uppercase}.portfolio-era-editorial .era-number,.portfolio-era-editorial .era-axis{writing-mode:vertical-rl;transform:rotate(180deg)}.portfolio-era-editorial .era-axis{color:#10101080}.portfolio-era-editorial .era-poster{position:relative;width:100%;aspect-ratio:16 / 9;min-height:260px;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#faf7f2,#f2efea);box-shadow:0 18px 28px #00000024}.portfolio-era-editorial .era-poster iframe,.portfolio-era-editorial .era-poster video,.portfolio-era-editorial .era-poster img{width:100%;height:100%;display:block;border:0}.portfolio-era-editorial .era-poster>a{display:block;width:100%;height:100%}.portfolio-era-editorial .era-poster .era-poster-cta{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;display:flex;align-items:center;justify-content:center;width:min(420px,calc(100% - 32px));min-height:72px;padding:18px 22px;border-radius:10px;border:1px solid rgba(16,16,16,.12);background:#ffffffc7;color:#101010eb;font-size:.8rem;line-height:1.15;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;opacity:0;transition:opacity .18s ease}.portfolio-era-editorial .era-poster .era-poster-tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:0;padding:0;margin:0;background:transparent;cursor:pointer}@media (hover: hover) and (pointer: fine){.portfolio-era-editorial .era-poster .era-poster-tap{display:none}}.portfolio-era-editorial .era-poster .era-poster-cta:focus-visible{outline:2px solid rgba(0,0,0,.45);outline-offset:4px}.portfolio-era-editorial .era-poster:hover .era-poster-cta,.portfolio-era-editorial .era-poster:focus-within .era-poster-cta{opacity:1}.portfolio-era-editorial .era-poster[data-cta-open=true] .era-poster-cta{opacity:1}@media (hover: none){.portfolio-era-editorial .era-poster .era-poster-cta{opacity:0}}.portfolio-era-editorial .era-poster>a>img{object-fit:cover}.portfolio-era-editorial .era-poster[data-project="02"]>a>img{object-fit:contain}@media (max-width: 425px){.portfolio-era-editorial .era-poster[data-project="02"]>a>img{object-fit:cover}}.portfolio-era-editorial .poster-meta{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;z-index:3;color:#10101094;pointer-events:none}.portfolio-era-editorial .era-poster-stack{width:100%;display:flex;flex-direction:column;gap:12px}.portfolio-era-editorial .poster-heading{margin:0;font-size:clamp(1.15rem,1.6vw,1.65rem);line-height:1.05;letter-spacing:-.03em;color:#101010eb}.portfolio-era-editorial .era-content{display:flex;flex-direction:column}@media (min-width: 1025px){.portfolio-era-editorial.era-now .era-content{padding-top:clamp(76px,6.5vw,112px)}}.portfolio-era-editorial .era-content-heading{margin:0;color:#111;font-size:clamp(1.35rem,1.9vw,2.05rem);line-height:1.03;letter-spacing:-.03em}.portfolio-era-editorial .era-header h2{margin:0;font-size:clamp(1.6rem,2.2vw,2.3rem);line-height:1.04;letter-spacing:-.03em}.portfolio-era-editorial .era-description{max-width:none;margin:0;color:#101010a3;font-size:.97rem;line-height:1.5}@media (max-width: 425px){.portfolio-era-editorial .era-description{max-width:52ch}}@media (min-width: 1440px){.portfolio-era-editorial{max-width:1280px}}.portfolio-era-editorial .era-project-title{margin:0;color:#101010b8;font-size:.72rem;line-height:1.2;letter-spacing:.16em;text-transform:uppercase}.portfolio-era-editorial .era-description+.era-project-title{margin-top:8px}.portfolio-era-editorial .era-project-title[data-project]:not([data-project="01"]){margin-top:44px;margin-bottom:14px}.portfolio-era-editorial .era-project-number{color:#101010eb;font-weight:700}.portfolio-era-editorial .project-index{margin:0 0 6px;color:#1db9aa;font-size:.72rem;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.portfolio-era-editorial .era-header h2+.era-description{margin-top:14px}.portfolio-era-editorial .project-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(230px,.8fr);gap:14px;margin-top:24px}.portfolio-era-editorial .era-content-heading+.project-grid{margin-top:16px}.portfolio-era-editorial .project-grid-secondary{grid-template-columns:1fr;margin-top:0}@media (min-width: 769px){.portfolio-era-editorial .project-grid-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.portfolio-era-editorial .project-card{min-height:150px;min-width:0;padding:18px;border-radius:8px;border:1px solid rgba(16,16,16,.08);background:#ffffff7a;overflow:hidden}.portfolio-era-editorial .project-card-featured{grid-column:1 / -1;background:#ffffffb8;box-shadow:inset 6px 0 #d8ff22}.portfolio-era-editorial .project-card h3,.portfolio-era-editorial .project-card h4{margin:10px 0 12px;color:#111;font-size:1.2rem;line-height:1.08;letter-spacing:-.02em}.portfolio-era-editorial .project-card h4{font-size:1rem}.portfolio-era-editorial .project-card p:last-child{margin:0;color:#101010a3;font-size:.95rem;line-height:1.45}.portfolio-era-editorial .project-card img{width:100%;max-width:100%;height:auto;display:block;margin:12px 0;border-radius:6px;transition:opacity .18s ease}.portfolio-era-editorial .project-card a{display:block;border-radius:6px}.portfolio-era-editorial .project-card a:hover img{opacity:.82}.portfolio-era-editorial .project-card a:focus-visible{outline:2px solid rgba(0,0,0,.45);outline-offset:4px}.portfolio-era-editorial .embed-frame{width:100%;height:220px;margin:12px 0;overflow:hidden;border-radius:6px;background:#1010100f}.portfolio-era-editorial .embed-frame-tall{height:auto;aspect-ratio:16 / 9;min-height:260px}.portfolio-era-editorial .embed-frame iframe{width:100%;height:100%;border:0;display:block}.portfolio-era-editorial .embed-frame video{width:100%;height:100%;display:block;object-fit:cover}.portfolio-era-editorial .interactive-embed-shell,.portfolio-era-editorial .connect-embed-shell,.portfolio-era-editorial .interactive-embed-frame,.portfolio-era-editorial .connect-embed-frame{width:100%;height:100%}.portfolio-era-editorial .interactive-embed-shell{position:relative}.portfolio-era-editorial .interactive-embed-frame{display:block;border:0;margin:0;padding:0;background:transparent}.portfolio-era-editorial .interactive-embed-overlay{top:10px;right:10px;bottom:10px;left:10px;border-radius:8px}.portfolio-era-editorial .era-toggle{margin-top:22px}.portfolio-era-editorial .era-poster-stack .era-toggle{margin-top:14px}.portfolio-era-editorial .era-extra.is-open{max-height:1400px}@media (min-width: 768px){#portfolio-layer:before{content:none}.portfolio-era{position:relative;padding-left:0;padding-right:0}.portfolio-era:after{content:none}}.portfolio-intro h2{font-size:1.6rem;margin-bottom:.5rem}.portfolio-era{margin-top:48px;width:100%;max-width:1080px;margin-left:auto;margin-right:auto}@media (min-width: 1440px){#portfolio-layer{width:min(calc(100% - 72px),1320px)}.portfolio-intro,.portfolio-era-editorial,.portfolio-era{max-width:1320px}.portfolio-era-editorial{grid-template-columns:28px minmax(480px,1.36fr) minmax(0,.9fr);gap:32px}}@media (min-width: 2000px){#portfolio-layer{width:min(calc(100% - 120px),1560px)}.portfolio-intro,.portfolio-era-editorial,.portfolio-era{max-width:1560px}.portfolio-era-editorial{grid-template-columns:28px minmax(760px,1.72fr) minmax(0,.8fr);gap:42px}.portfolio-intro{grid-template-columns:minmax(0,1.5fr) minmax(280px,.72fr);gap:28px}}@media (min-width: 768px){.portfolio-era-editorial.era-now{grid-template-columns:28px minmax(0,1fr) 28px;grid-template-rows:auto}.portfolio-era-editorial.era-now .era-project{grid-column:2;grid-template-columns:1fr}.portfolio-era-editorial.era-now .era-project .era-content{padding-top:24px}.portfolio-era-editorial.era-now .era-content .project-grid{margin-top:0}.portfolio-era-editorial.era-now .era-content .project-grid[data-project="02"]{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-era-editorial.era-now .era-content .project-grid[data-project="02"] .project-card-featured{grid-column:auto}}@media (min-width: 768px) and (max-width: 1439px){.portfolio-era-editorial.era-now .era-content .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portfolio-era-editorial.era-now .era-content .project-card-featured{grid-column:1 / -1}}@media (min-width: 1440px) and (max-width: 2250px){.portfolio-era-editorial.era-now .era-content .project-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;gap:18px}.portfolio-era-editorial.era-now .era-content .project-card-featured{grid-column:1 / span 2}}@media (min-width: 2251px){.portfolio-era-editorial.era-now .era-content .project-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;gap:20px}.portfolio-era-editorial.era-now .era-content .project-card-featured{grid-column:1 / span 2}}.portfolio-era h3{font-size:1.3rem;margin-bottom:.35rem}.era-dates{font-weight:400;font-size:.9rem;opacity:.8}.project-block{margin-top:16px}.video-embed{position:relative;width:100%;overflow:hidden;border-radius:8px;background:#000}.video-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-embed-16x9{aspect-ratio:16 / 9}.video-embed-reel{aspect-ratio:1.822 / 1}.interactive-embed-shell{position:relative}.connect-embed-shell{height:515px}.interactive-embed-frame{pointer-events:none}.connect-embed-frame{width:100%;height:100%}.interactive-embed-shell.is-active .interactive-embed-frame{pointer-events:auto}.interactive-embed-overlay{position:absolute;top:12px;right:12px;bottom:12px;left:12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;padding:16px;background:linear-gradient(to top,#00000042,#0000000a 34%,#0000);border-radius:8px}.interactive-embed-shell.is-active .interactive-embed-overlay{display:none}.embed-activate-btn{border:none;background:#111111e6;color:#fff;padding:10px 14px;border-radius:999px;font:inherit;font-size:.95rem;cursor:pointer}.embed-activate-note{max-width:30rem;margin:0;color:#fffffff5;font-size:.92rem;line-height:1.35;text-shadow:0 1px 10px rgba(0,0,0,.3)}.era-extra{max-height:0;overflow:hidden;opacity:0;transition:max-height .45s ease,opacity .35s ease}.era-extra.is-open{max-height:1200px;opacity:1;margin-top:18px}.era-toggle{margin-top:16px;padding:0;border:none;background:none;color:#111;font:inherit;font-size:.96rem;line-height:1.3;text-decoration:underline;text-underline-offset:.18em;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem}.era-toggle:after{content:"+";display:inline-block;font-size:1rem;line-height:1;transition:transform .25s ease}.era-toggle:hover{opacity:.72}.era-toggle:focus-visible{outline:2px solid rgba(0,0,0,.45);outline-offset:4px}.era-toggle.is-open:after{transform:rotate(45deg)}@media (min-width: 768px){.era-extra{padding-left:0}}@media (max-width: 767px){#portfolio-layer{width:100%;margin-left:0;margin-right:0;padding:0 var(--nav-gutter-x) 56px}.portfolio-intro{grid-template-columns:1fr;max-width:760px;padding-left:0;padding-right:0}.portfolio-era-editorial{grid-template-columns:20px 1fr;gap:18px;padding:22px}.portfolio-era-editorial .era-poster-stack,.portfolio-era-editorial .era-content{grid-column:2}.portfolio-era-editorial .project-grid,.portfolio-era-editorial .project-grid-secondary{grid-template-columns:1fr}.portfolio-era-editorial .era-poster{min-height:220px}.portfolio-era{margin-top:40px;padding-left:0}.portfolio-era:after{content:none}.portfolio-era h3{font-size:1.12rem;line-height:1.3}.era-dates{display:block;margin-top:2px}.era-extra.is-open{margin-top:16px}.interactive-embed-overlay{top:8px;right:8px;bottom:8px;left:8px;padding:12px}.embed-activate-note{font-size:.88rem}.portfolio-era>h3,.portfolio-era>.era-description,.portfolio-era>.project-block,.portfolio-era>.era-toggle,.portfolio-era>.era-extra,.portfolio-era>iframe,.portfolio-era>.video-embed,.portfolio-era .interactive-embed-shell{width:100%;max-width:425px;margin-left:auto;margin-right:auto}}@media (max-width: 500px){.portfolio-intro{margin-bottom:28px;padding-left:0;padding-right:0}.intro-strip{grid-template-columns:repeat(2,1fr)}#portfolio-layer .connect-embed-shell{height:400px!important}.portfolio-era-editorial.era-now .era-poster{aspect-ratio:auto;height:400px}.portfolio-era-editorial .era-rail{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap;padding-top:0}.portfolio-era-editorial .era-number,.portfolio-era-editorial .era-axis{writing-mode:horizontal-tb;transform:none}.portfolio-era-editorial .era-axis{flex:1 1 100%;min-width:0;max-width:100%;overflow-wrap:anywhere}.portfolio-era-editorial{grid-template-columns:1fr;gap:16px;padding:18px}.portfolio-era-editorial .era-project{grid-column:auto}.portfolio-era-editorial .project-grid,.portfolio-era-editorial .project-grid-secondary{grid-template-columns:1fr}.portfolio-era-editorial .era-poster-stack,.portfolio-era-editorial .era-content{grid-column:auto}.portfolio-era-editorial .era-poster{min-height:200px}#portfolio-layer .interactive-embed-overlay{min-height:0}}body{margin:0;padding:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;background:#f5f6fa}canvas{position:relative;width:100%;height:100%;z-index:1;display:block}#tutorialContainer{position:fixed;bottom:0;margin-bottom:0;width:100%;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:10;display:none}#tutorialText{margin-bottom:0;padding-top:24px;font-size:20px;width:100%;height:100%;background-color:#222;color:#fff;justify-content:center}#floatingTextContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding-left:45px;display:flex;flex-direction:column;z-index:999;pointer-events:none;width:80%;transition:opacity .5s ease-in-out}#floatingText{font-size:20px;color:#fff;background-color:#00000095;padding:40px 40px 4px;transition:opacity .5s ease-out;overflow-y:auto;display:none;flex-direction:column;transition:opacity .5s ease-in-out}@media screen and (height < 400px){#floatingText{font-size:16px;padding-top:20px;padding-bottom:4px}}#title{font-weight:700}#madeBy{margin-top:16px;font-size:12px;padding-left:0;margin-left:32px;text-align:right;transform:translate(24px)}ul{list-style-type:square}#loadingOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:none;z-index:1000}#loadingDiv{position:absolute;left:50%;top:50%;transform:rotate(-90deg) translate(50%,-50%);width:10%;display:none}#loadingText{color:#fff;font-size:1rem;position:relative;font-family:Monospace}@media screen and (max-width: 768px){#loadingDiv{width:25%}#loadingText{font-size:.8rem}#floatingText{font-size:18px}}@media only screen and (max-width: 600px){#loadingDiv{width:15%}#loadingText{font-size:.8rem}#floatingText{font-size:16px}}@media only screen and (min-width: 600px){#loadingDiv{width:15%}#loadingText{font-size:.8rem}#floatingText{font-size:18px}}@media only screen and (min-width: 768px){#loadingDiv{width:15%}#loadingText{font-size:.85rem}#popupMessage{width:60%}#floatingText{font-size:20px}}@media only screen and (min-width: 992px){#loadingDiv{width:12%}#loadingText{font-size:.9rem}#popupMessage{width:55%}#floatingText{font-size:22px}#madeBy{font-size:16px}}@media only screen and (min-width: 1200px){#loadingDiv{width:10%}#loadingText{font-size:1.1rem}#popupMessage{width:55%}#floatingText{font-size:24px}}#optionsSection{position:fixed;bottom:20px;left:35px;display:flex;flex-direction:column;gap:4px}#addVertexButton{font-size:30px;position:absolute;bottom:120px;width:50px;height:50px;border-radius:50%;border:none;color:#fff;background-color:#1db9aa;transition:background-color .5s;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 768px){#addVertexButton{bottom:90px}}.animated{animation:pulse 2s infinite}#infoButton,#cameraButtonContainer{display:none}#mainCameraButton{background-color:#54545482;border:none;border-radius:50%;padding:22px;cursor:pointer;margin-right:10px}#mainCameraButton:hover{background-color:#545454}.camera-button{background-color:#54545482;border:none;border-radius:50%;padding:10px;cursor:pointer;margin-right:10px;transition:background-color .5s;display:flex;align-items:center;justify-content:center;position:relative}.camera-button:hover{background-color:#545454}.camera-icon{width:24px;height:24px}#cameraImage,#backImage{width:24px;height:24px;position:absolute;opacity:1;transition:opacity .2s ease-out}#backImage{opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(.9);box-shadow:0 0 #000000b3}70%{transform:scale(1);box-shadow:0 0 0 10px #0000}to{transform:scale(.9);box-shadow:0 0 #0000}}.fade-out{animation:fadeOut .2s forwards}.fade-in{animation:fadeIn .8s forwards}.hidden{opacity:0;pointer-events:none}.floating__share{position:absolute;top:120%;padding:8px;font-size:larger;font-weight:700;font-family:neue machina;color:#000;background-color:#ffffff95;border-radius:4px;cursor:pointer}#googleContainer{position:absolute;top:10px;right:10px;z-index:10}#googleLogo{width:100px;height:auto}#header-container{position:fixed;top:0;left:0;right:0;z-index:1002;overflow:hidden;background:radial-gradient(circle at 62% 44%,#cfff46d1,#cfff4647 8%,#cfff4600 18%),radial-gradient(circle at 48% 34%,#ff5b5bb8,#ff5b5b57 16%,#ff5b5b14 34%,#ff5b5b00 58%),linear-gradient(180deg,#f8f5f0fa,#f1ece6f0);box-shadow:0 12px 28px #00000014;border-bottom:1px solid rgba(16,16,16,.08);padding-top:20px;padding-bottom:18px}#header-container:before{content:"";position:absolute;top:-22px;right:24%;bottom:-12px;left:20%;background:radial-gradient(circle at 50% 42%,#ff5b5bb8,#ff5b5b38 34%,#ff5b5b00 70%);filter:blur(34px);opacity:.72;pointer-events:none}#header-container:after{content:"";position:absolute;right:16%;top:42px;width:92px;height:92px;background:radial-gradient(circle,#cfff46eb,#cfff4680 34%,#cfff4600 70%);filter:blur(14px);opacity:.85;pointer-events:none}#menuBar{background:transparent;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:20px;display:flex;justify-content:space-between;align-items:center;padding:24px var(--nav-gutter-x);position:relative;z-index:1}.nav-left{display:flex;align-items:center}.nav-identity{font-size:1.05em;font-weight:700;color:#101010;letter-spacing:.16em;text-transform:uppercase;line-height:1;text-decoration:none;transition:color .18s ease,transform .18s ease,opacity .18s ease,filter .18s ease}.nav-identity .nav-word+.nav-word{margin-left:.55ch}@media (max-width: 425px){.nav-identity{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.nav-identity .nav-word+.nav-word{margin-left:0;margin-top:2px}}.nav-right{display:flex;align-items:center}.explore-btn{background:none;color:#101010;border:none;font-size:.78em;font-family:inherit;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:10px 18px;border-radius:18px;position:relative;transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease}.explore-btn:after{content:"";position:absolute;left:18px;right:18px;bottom:7px;height:2px;background-color:#1db9aa;border-radius:2px;transform:scaleX(0);transform-origin:left;opacity:0;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .32s ease}.explore-btn.is-visible:after{transform:scaleX(1);opacity:1}@media (prefers-reduced-motion: reduce){.explore-btn:after{transition:none}}.nav-left,.nav-right{transition:transform .18s ease}.nav-identity:hover,.nav-identity:focus-visible{color:#101010b8;transform:translateY(-1px);opacity:.92;filter:drop-shadow(0 6px 14px rgba(0,0,0,.08));text-decoration:none}.explore-btn:hover,.explore-btn:focus-visible{background:#ffffff7a;color:#101010;transform:translateY(-1px);box-shadow:0 8px 20px #0000001a;outline:none}@media (max-width: 600px){#menuBar{padding:16px var(--nav-gutter-x)}#subtitle-orientation{font-size:.8rem}}#overlayText{position:fixed;left:0;right:0;top:0;bottom:0;z-index:900;pointer-events:none}#overlayText .left{position:absolute;left:var(--nav-gutter-x);bottom:40px;color:#101010eb;font-size:2.2em;font-weight:400;line-height:1.1;text-align:left}#overlayText .right{position:absolute;right:var(--nav-gutter-x);bottom:40px;color:#101010eb;font-size:clamp(14px,3.2vw,20px);font-weight:400;line-height:1.1;text-align:right;text-shadow:none}#overlayText .right .right-max-width{max-width:340px;padding:var(--overlay-panel-pad-y) var(--overlay-panel-pad-x)}#overlayText .right #timeOnSiteRight{display:block;font-size:.92em;opacity:.92;letter-spacing:.02em;font-variant-numeric:tabular-nums}#overlayText .right .visitor-count{font-size:.92em;opacity:.85}#overlayText .right .overlay-kicker{display:inline-block;font-weight:650;letter-spacing:.02em;opacity:.95;text-transform:uppercase}#overlayText .right .overlay-meta{display:inline-block;font-size:.88em;opacity:.78;font-variant-numeric:tabular-nums}#overlayText .right .overlay-metric{display:inline-block;font-weight:700;letter-spacing:.02em;color:#1db9aa}#overlayText .right .overlay-note{display:inline-block;font-style:italic;opacity:.75}@media (max-width: 600px){#overlayText .right{bottom:24px;font-size:clamp(14px,4vw,18px)}#overlayText .right .right-max-width{max-width:240px}}.portfolio-era-editorial .embed-frame>.project-card-image{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;display:block}