@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}:root{--portfolio-paper:#f7f7f4;--portfolio-ink:#303030;--portfolio-copy:#4b4b4b;--portfolio-panel:#f0f0f0;--portfolio-divider:#20201e25;--portfolio-content-max:95rem;--portfolio-heading-weight:500;--portfolio-reading-line-height:1.6;--color-background:#0d0d0d;--color-text:#e0e0e0;--color-muted:gray;--color-accent:#f9ff31;--hero-cursor-background:var(--color-accent);--hero-cursor-color:#000;--color-surface:#2a2a2a;--color-media-background:#2a2a2a;--color-menu-stroke:#ffffff3d;--media-height-limit:80vh;--media-inset:clamp(16px, 2.5vh, 32px);--font-portfolio:"angie-sans", "Angie Sans Std", Georgia, serif;--font-project-mono:"IBM Plex Mono", monospace;--project-meta-size:clamp(.875rem, .8rem + .25vw, 1rem);--afterdark-yellow:#f9ff31;--type-title:clamp(3rem, 1.912rem + 4.324vw, 6rem);--type-body:clamp(1rem, .909rem + .36vw, 1.25rem);--type-caption:clamp(.9375rem, .869rem + .27vw, 1.125rem);--type-highlight:clamp(1.75rem, 1.478rem + 1.081vw, 2.5rem);--line-body:1.5;--line-caption:1.556;--page-gutter:max(1rem, 2.5vw);--page-width:calc(100% - 2 * var(--page-gutter));--column-gap:.75rem;--section-gap:clamp(4rem, 3.185rem + 3.24vw, 6.25rem);--block-gap:clamp(1.5rem, 1.138rem + 1.44vw, 2.5rem);--radius:1.25rem;--header-height:5.75rem}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1.5rem)}:is(html:has(.section[data-pinned=true]),html:has(.page--case .section:target)){scroll-behavior:auto!important}.section[data-scroll-sequence=true]{overflow-anchor:none}.pin-spacer:has(>.section[data-scroll-sequence=true]){overflow-anchor:none}body{background:var(--color-background);color:var(--color-text);font:400 var(--type-body)/var(--line-body) var(--font-portfolio);margin:0}.page--inter{--font-portfolio:"inter-18pt", Inter, sans-serif;--font-display:"span", Georgia, serif;--color-body:#b8b8b8;--line-body:1.7;--line-caption:1.75;font-family:var(--font-portfolio);font-size:var(--type-body);line-height:var(--line-body)}.page--inter .section-label{text-transform:uppercase;letter-spacing:-.01em;font-style:normal;font-size:var(--type-body);font-weight:300;line-height:1.4}.nav-arrow{display:none}.page--inter .workflow-statements h3{color:var(--color-accent);margin-bottom:.5rem;font-weight:300;line-height:1.5}.page--inter .workflow-statements{gap:clamp(1rem,1.6vw,1.5rem)}.page--inter .workflow-statements>div{border-radius:var(--radius);background:var(--color-surface);min-width:0;padding:clamp(1.25rem,2vw,2rem)}.page--inter .prose p:not(.highlight),.page--inter .prose ul,.page--inter .workflow-statements p,.page--inter .project-details dd,.page--inter .site-footer p{color:var(--color-body);letter-spacing:.025em;line-height:var(--line-body)}.page--inter .caption{color:#9f9f9f;font-weight:500;font-size:calc(var(--type-caption) + .0625rem);letter-spacing:.015em}.page--inter .mission-copy,.page--inter #context .highlight,.page--inter #problem .highlight{font-family:var(--font-display);letter-spacing:.01em;font-weight:300}.page--inter .mission-copy strong{font-weight:inherit}.page--inter .mission-copy{font-size:clamp(2rem,1rem + 4.6vw,6rem);line-height:1.22}@media (width<2000px){.page--inter{--type-body:clamp(.9375rem, .8125rem + .33vw, 1.125rem);--type-caption:clamp(.875rem, .8rem + .2vw, 1rem);--type-highlight:clamp(1.5rem, 1.1rem + 1vw, 2.125rem)}.page--inter .project-details{font-size:clamp(.8125rem,.6875rem + .4vw,1rem)}.page--inter .mission-copy{font-size:clamp(1.5rem,.75rem + 3.2vw,4rem)}}@media (width>=768px) and (width<2000px){.page--inter{--line-body:1.82;--line-caption:1.85}.page--inter .mission-copy{line-height:1.34}.page--inter :is(#context,#problem) .highlight{line-height:1.45}}h1,h2,h3,p,dl,dd,figure{margin:0}h1{font-size:var(--type-title);letter-spacing:-.02em;font-weight:600;line-height:1.2}h2,h3{font-size:inherit}ul{margin:0;padding-left:1.5em}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:.2em;text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer}img,video{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}button{min-height:44px}button:disabled{cursor:default}::selection{background:var(--color-accent);color:var(--color-background)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:5px}main:focus{outline:none}.container{width:var(--page-width);margin-inline:auto}main{isolation:isolate;z-index:0;position:relative}.site-header{z-index:100;background:var(--color-background);isolation:isolate;position:sticky;top:0}.header-stroke{background:var(--color-menu-stroke);transform-origin:0;pointer-events:none;height:1px;position:absolute;inset:auto 0 0}.header-inner{width:var(--page-width);min-height:var(--header-height);justify-content:space-between;align-items:center;gap:2rem;margin:auto;padding-block:2.5rem 1.25rem;display:flex}.brand{color:var(--color-accent);white-space:nowrap;text-transform:uppercase;letter-spacing:-.025em;font-size:1.5rem;font-style:italic;font-weight:700;line-height:1.333}.header-inner:has(.brand--framed){padding-block:.5rem}.brand--framed{color:#fff;aspect-ratio:100.4/61;letter-spacing:0;flex:none;place-items:center;width:clamp(7rem,9.5vw,9rem);font:500 clamp(1.875rem,2.6vw,2.375rem)/1 gentil,sans-serif;text-decoration:none;display:grid;position:relative}.brand--framed:hover{text-decoration:none}@media (width>=768px){:root{--header-height:4.5rem}.header-inner:has(.brand--framed){padding-block:.375rem}.brand--framed{width:clamp(5.25rem,6.3vw,6rem);font-size:clamp(1.4rem,1.75vw,1.6rem)}}.brand-frame{fill:currentColor;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.brand-frame.is-ready{opacity:1}.brand-frame text{text-transform:none;font:500 100px/1 gentil-frames}.brand-name{position:relative;transform:translateY(.025em)}.site-header .brand--wordmark{color:inherit;text-transform:lowercase;letter-spacing:-.035em;font:700 2.75rem/1 new-cordial,sans-serif;text-decoration:none;display:inline-block}.brand-j{transform-origin:50% 75%;transition:transform .3s cubic-bezier(.22,.61,.36,1);display:inline-block;transform:rotate(0)}.brand--wordmark:is(:hover,:focus-visible) .brand-j{transform:rotate(-12deg)}@media (prefers-reduced-motion:reduce){.brand-j{transition:none}}.header-inner:has(.brand--wordmark){padding-block:.7rem}.site-header nav{text-transform:uppercase;letter-spacing:-.025em;gap:1.875rem;font-size:1rem;line-height:1.35;display:flex}.site-header nav a{text-decoration:none;transition:color .18s}.site-header nav a:is(:hover,:focus-visible,[aria-current]){color:var(--color-accent);text-decoration:none}.menu-toggle{display:none}.skip-link{z-index:500;background:var(--color-accent);color:#0d0d0d;padding:.5rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.hero{width:var(--page-width);margin:auto;overflow-x:clip}.hero-stage{position:relative}@media (width>=768px){.hero-stage{flex-direction:column;min-height:0;display:flex}.hero-intro{flex:1;align-content:start}.hero-art{flex-shrink:0}}.hero-intro{gap:var(--column-gap);grid-template-columns:repeat(12,minmax(0,1fr));padding-top:clamp(1.5rem,4svh,2.5rem);padding-bottom:clamp(1.5rem,5svh,4.8125rem);display:grid}.hero-intro>div{grid-column:1/6}.hero-intro h1{font-size:clamp(4rem,8.5vw,10rem)}.hero-intro .project-details{grid-column:6/12;align-self:center}.hero-word,.typewriter-word,.hero-character-mask,.hero-character{display:inline-block}.hero-character-mask{overflow-clip-margin:.05em}.hero-word,.typewriter-word{white-space:nowrap}.typewriter-character{display:inline-block;position:relative}.typewriter-final,.typewriter-noise{opacity:0}.typewriter-noise{text-align:center;color:var(--color-background);position:absolute;inset:0 -.03em;overflow:hidden}.typewriter-head{z-index:2;background:#fff}.typewriter-trail{z-index:1;background:var(--color-muted)}.image-pause-cursor{z-index:200;pointer-events:none;visibility:hidden;background:var(--color-accent);color:var(--color-background);white-space:nowrap;will-change:transform;letter-spacing:.025em;border-radius:0;padding:1px 8px;font-size:.75rem;line-height:1.2;position:fixed;top:0;left:0}.page--inter :is(img,video)[data-pause-cursor]{cursor:none}.page--inter video[data-hold-to-pause]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.page--inter [data-image-rotation] img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.back-link{text-transform:uppercase;align-items:center;min-height:44px;font-size:1rem;display:inline-flex}.project-details{font-size:1.125rem;line-height:1.4}.project-details>div{grid-template-columns:7.5rem minmax(0,1fr);align-items:baseline;gap:0 .75rem;margin-bottom:.65rem;display:grid}.project-details>div:last-child{margin-bottom:0}.project-details dt{text-transform:uppercase;color:var(--color-muted);letter-spacing:-.02em;font-size:1rem}.hero-art{--hero-art-height:55svh;--hero-art-inset:clamp(.75rem, 3svh, 2rem);--hero-screen-gap:clamp(.75rem, 2.65vw, 2.5rem);height:var(--hero-art-height);border-radius:var(--radius);background:var(--color-accent);padding:var(--hero-art-inset) clamp(1rem, 3vw, 4rem) 0;align-items:flex-end;display:flex;overflow:hidden}.screens-row{gap:var(--hero-screen-gap);width:min(100%, calc((var(--hero-art-height) - var(--hero-art-inset)) * 1.72692 + 2 * var(--hero-screen-gap)));grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:auto;display:grid}.hero-screen{aspect-ratio:293/509;border-radius:2rem 2rem 0 0;min-width:0;overflow:hidden}.hero-screen img{object-fit:cover;object-position:top;width:100%;height:100%}.mobile-hero-title,.hero-subtitle,.mobile-project-details,.mobile-hero-controls,.swipe-cue{display:none}.case-content{gap:var(--section-gap);flex-direction:column;padding-top:104px;display:flex}.section{min-width:0;scroll-margin-top:calc(var(--header-height) + 24px);gap:var(--block-gap) var(--column-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.section-intro,.section-body{min-width:0}.section--wide .section-intro,.section--wide .section-body{grid-column:1/-1}.section-label{text-transform:uppercase;letter-spacing:-.01em;font-style:italic;font-size:var(--type-body);font-weight:400;line-height:1.4}.section-intro .caption{margin-top:var(--block-gap)}.caption{font-size:var(--type-caption);line-height:var(--line-caption);color:var(--color-muted)}.section--text .section-intro{grid-column:1/4}.section--text .section-body{grid-column:5/11}.section--audience .section-intro{grid-column:1/4}.section--audience .section-body{grid-column:5/-1}.section--media .section-intro,.section--prototype .section-intro{grid-column:1/4}.section--media .section-body,.section--prototype .section-body{grid-column:5/-1}.section--sitemap .section-intro{grid-column:1/4}.section--sitemap .section-body{grid-column:5/-1}.prose{gap:var(--block-gap);display:grid}.prose>p:not(.highlight),.prose ul,.workflow-statements p{letter-spacing:.02em}.highlight{font-size:var(--type-highlight);letter-spacing:0;line-height:1.25}.highlight em{color:var(--color-accent);font-style:normal}.workflow-statements{gap:2.5rem;display:grid}.workflow-statements h3{color:var(--color-accent);font-weight:700;line-height:1.5}.audience-layout,.audience-art{min-width:0}.audience-layout,.carousel{touch-action:pan-y pinch-zoom}.zoom-image{cursor:zoom-in;border-radius:var(--radius);display:block;position:relative}.zoom-image img{border-radius:inherit;width:100%;height:auto}.audience-art>img{border-radius:0;width:100%;height:auto}.expand-hint{width:36px;height:36px;color:var(--color-text);background:#0d0d0dd9;border-radius:50%;place-items:center;font-family:system-ui,sans-serif;font-size:1.25rem;display:grid;position:absolute;bottom:.6rem;right:.6rem}.mission-copy{color:var(--color-muted);padding-inline:36px 64px;font-size:clamp(1.75rem,.5rem + 4.23vw,4.5rem);line-height:1.22}.mission-statement{isolation:isolate;position:relative}.mission-destination{white-space:nowrap;display:inline-block}.mission-insert{vertical-align:-.2em;width:2.1em;height:1.18125em;margin-inline:.14em;display:inline-block;position:relative;overflow:hidden}.mission-copy .mission-map{object-fit:cover;border:2px solid #fff;border-radius:clamp(10px,.3em,24px);width:100%;max-width:none;height:100%;margin:0;display:block}.mission-fairy{z-index:3;object-fit:cover;pointer-events:none;border:2px solid #fff;border-radius:clamp(24px,3vw,48px);max-width:none;display:none;position:absolute;top:0;left:0;box-shadow:0 12px 45px #0006}.mission-copy strong{color:var(--color-text);font-style:italic;font-weight:400}.mission-name{color:var(--color-accent);white-space:nowrap;display:inline-block}.mission-copy .mission-wordmark{vertical-align:-.210459em;width:auto;max-width:none;height:1.25em;margin:0;display:inline-block}.mission-copy img{vertical-align:-.1em;width:auto;height:.95em;margin-right:.25em;display:inline-block}.mission-word{white-space:nowrap}.mission-word,.mission-character{display:inline-block}.carousel,.carousel-panel{min-width:0}.carousel-top{justify-content:space-between;align-items:center;gap:1rem;min-height:48px;margin-bottom:1rem;display:flex}.carousel-top>.caption{min-width:0}.arrow-controls{flex-shrink:0;gap:.5rem;margin-left:auto;display:flex}.arrow-controls button{background:var(--color-surface);border:0;border-radius:50%;place-items:center;width:48px;height:48px;font-family:system-ui,sans-serif;display:grid}.carousel-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.media-with-rail{column-gap:var(--column-gap);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.media-with-rail .carousel-top{grid-area:1/1/auto/8}.media-with-rail .carousel-panel,.media-with-rail .video-stage{grid-area:2/1/auto/8}.media-with-rail .carousel-controls{grid-area:2/8/auto/9;place-self:center;margin:0}.media-with-rail .dots{flex-direction:column}.media-with-rail .dots button{width:44px;height:28px;min-height:28px}.prototype-descriptions{display:grid}.prototype-descriptions>span{grid-area:1/1}.prototype-descriptions>[aria-hidden=true]{visibility:hidden}.prototype>[role=alert]{grid-column:1/-1}.section--prototype{background:var(--color-background)}.dots{justify-content:center;align-items:center;gap:0;display:flex}.dots button{background:0 0;border:0;place-items:center;width:32px;min-width:32px;height:44px;padding:0;display:grid}.dots span{background:#666;border-radius:50%;width:9px;height:9px}.dots [aria-pressed=true] span{background:var(--color-accent)}.carousel-panel .zoom-image,.carousel-panel .carousel-image{background:var(--color-surface);border-radius:var(--radius);justify-content:center;align-items:center;height:100%;display:flex}.carousel-panel .zoom-image img,.carousel-panel .carousel-image img{border-radius:inherit;width:auto;max-width:100%;height:auto;max-height:100%}:is(#wireframes,#audience,#typography) .media-frame{background:var(--color-media-background);border-radius:var(--radius);width:100%;min-height:0;position:relative}#audience .audience-art{border-radius:0}#audience .audience-art,#wireframes .media-frame,#typography .media-frame{--media-inset:clamp(16px, 4vw, 24px);--media-inline-inset:var(--media-inset)}:is(#wireframes,#typography) .media-frame>:is(.zoom-image,.carousel-image){background:0 0;position:absolute;inset:0}:is(#wireframes,#audience,#typography) .media-frame img{inset:var(--media-inset) var(--media-inline-inset,0px);width:auto;height:auto;max-width:calc(100% - 2 * var(--media-inline-inset,0px));max-height:calc(100% - 2 * var(--media-inset));object-fit:contain;margin:auto;position:absolute}#wireframes .media-frame img{height:calc(100% - 2 * var(--media-inset))}:is(#audience,#palette,#typography,#logo) .media-frame,:is(#typography,#logo) .media-frame>:is(.zoom-image,.carousel-image){background:0 0}.sitemap-links,.sitemap-tabs{flex-direction:column;align-items:flex-start;display:flex}.sitemap-links{margin-top:var(--block-gap);gap:.375rem}.sitemap-links a{align-items:center;gap:.5em;min-height:32px;text-decoration:none;transition:color .16s;display:inline-flex}.sitemap-links a:hover,.sitemap-links a:focus-visible,.sitemap-tabs [aria-selected=true]{color:var(--color-accent);text-decoration:none}.sitemap-tabs a:after{content:"";opacity:0;background:currentColor;border-radius:50%;width:5px;height:5px;transition:opacity .16s,transform .16s;transform:scale(.5)}.sitemap-tabs [aria-selected=true]:after{opacity:1;transform:scale(1)}@media (pointer:coarse){.sitemap-links a{min-height:44px}}.sitemap-panel{background:var(--color-media-background);border-radius:var(--radius);min-width:0}.sitemap-artwork,.sitemap-artwork img{width:100%;height:auto;display:block}.sitemap-return{min-height:64px;color:var(--color-text);text-transform:uppercase;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(1rem,2vw,2rem);text-decoration:none;display:inline-grid}.sitemap-return-copy{gap:.45rem;display:grid}.sitemap-return-eyebrow{color:#9f9f9f;letter-spacing:.12em;font-size:.625rem;font-weight:500;line-height:1.4}.sitemap-return-title{letter-spacing:-.04em;font-size:clamp(1.125rem,2.2vw,2.75rem);font-weight:400;line-height:1;transition:color .22s,transform .35s cubic-bezier(.22,1,.36,1)}.sitemap-return-arrow{width:clamp(1.5rem,2.4vw,2.5rem);height:clamp(1.5rem,2.4vw,2.5rem);color:var(--color-accent);display:block;position:relative;overflow:hidden}.sitemap-return-arrow svg{stroke:currentColor;stroke-width:1.5px;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0}.sitemap-return-arrow svg+svg{transform:translateY(105%)}.sitemap-return:is(:hover,:focus-visible) .sitemap-return-title{color:var(--color-accent);transform:translate(3px)}.sitemap-return:is(:hover,:focus-visible) svg:first-child{transform:translateY(-105%)}.sitemap-return:is(:hover,:focus-visible) svg+svg{transform:translateY(0)}.sitemap-return:hover,.sitemap-return:focus-visible{text-decoration:none}@media (width>=768px){.page--inter .section--sitemap>*{grid-row:1}.page--inter .section--sitemap .section-intro{padding-bottom:6rem}.page--inter .section--sitemap .section-footer{grid-column:1/4;align-self:end;min-width:0}}.prototype{border-radius:var(--radius);background:#303030;position:relative;overflow:hidden}.prototype-workflow-label{z-index:2;left:calc((100% - 7 * var(--column-gap)) / 16 - 4.5px);color:#c4c4c4;letter-spacing:.08em;font-variant-numeric:tabular-nums;pointer-events:none;font-size:clamp(.625rem,.8vw,.8125rem);line-height:1.5;position:absolute;top:50%;transform:translateY(-50%)}.video-stage{border-radius:var(--radius);aspect-ratio:1;width:100%;min-width:0;min-height:0;max-height:min(var(--media-height-limit), calc(100svh - var(--header-height) - 3rem));background:0 0;place-self:start;position:relative}.prototype .video-stage{width:calc(87.5% - var(--column-gap) / 8);grid-column:1/-1;justify-self:center}.video-stage video{inset:var(--media-inset) 0;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:calc(100% - 2 * var(--media-inset));object-fit:contain;margin:auto;position:absolute}.related-card{aspect-ratio:1045/540;background:var(--color-surface);width:min(100%,1045px);color:var(--color-text);border-radius:var(--radius);font-size:var(--type-highlight);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:5rem auto;padding:2rem;display:flex}.related-card .caption{color:var(--color-text)}.site-footer{grid-template-columns:1fr 1fr;gap:2rem;min-height:26rem;padding-top:5rem;padding-bottom:5rem;display:grid}.site-footer p{text-align:right;text-transform:uppercase;align-self:end}.home-page,.placeholder-page{padding-top:clamp(4rem,8vw,8rem)}.home-page>h1{margin:1.5rem 0}.home-intro{font-size:var(--type-highlight);max-width:42rem;color:var(--color-muted);line-height:1.3}.home-page section{margin-top:6rem}.project-card{margin-top:2rem;display:block}.project-variant-link{min-height:44px;color:var(--color-accent);align-items:center;gap:.5em;margin-top:.75rem;display:inline-flex}.project-card-art{background:var(--color-accent);border-radius:var(--radius);justify-content:center;gap:3%;height:clamp(15rem,45vw,40rem);padding-top:4%;display:flex;overflow:hidden}.project-card-art img{border-radius:1rem;align-self:flex-start;width:24%}.project-card-label{justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.project-card-label h3{font-weight:600}.project-card-label p{color:var(--color-muted)}.placeholder-page{flex-direction:column;align-items:flex-start;gap:2rem;min-height:65vh;display:flex}.placeholder-page>p{max-width:38rem}.text-link{text-underline-offset:.3em;text-decoration:underline}.image-viewer{background:var(--color-background);color:var(--color-text);border-radius:var(--radius);border:1px solid gray;width:min(94vw,90rem);max-height:94dvh;padding:1.25rem;position:fixed;inset:0}.image-viewer::backdrop{background:#000d}.viewer-toolbar{justify-content:space-between;gap:1rem;margin-bottom:1rem;display:flex}.viewer-toolbar button{background:var(--color-surface);border:1px solid #555;border-radius:2rem;padding:.5rem 1rem}.image-scroll{max-height:72dvh;margin-top:1rem;overflow:auto}.image-scroll img{object-fit:contain;width:100%}.image-scroll.zoomed img{width:max(100%,100rem);max-width:none;height:auto}.image-viewer .caption{max-width:65ch}html:has(dialog[open]){overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width>=768px){#audience .audience-art,#wireframes .media-frame,#typography .media-frame{--media-inset:clamp(32px, 5vh, 64px)}.case-content .media-frame{width:100%;min-height:0;max-height:var(--media-height-limit);background:var(--color-media-background);border-radius:var(--radius);position:relative}.case-content .audience-art{border-radius:0}.media-frame>.zoom-image,.media-frame>.carousel-image{background:0 0;position:absolute;inset:0}.media-frame>img,.media-frame>.zoom-image>img,.media-frame>.carousel-image>img{inset:var(--media-inset) 0;width:auto;max-width:100%;height:auto;max-height:calc(100% - 2 * var(--media-inset));object-fit:contain;margin:auto;position:absolute}}:is(#audience,#palette,#typography,#logo) .media-frame{--media-inset:0px;--media-inline-inset:0px;max-height:none}:is(#audience,#palette,#typography,#logo) .media-frame img{width:100%;max-width:none;height:auto;max-height:none;margin:0;display:block;position:static}:is(#typography,#logo) .media-frame>.carousel-image{height:auto;position:static}@media (width>=2000px){.section--text .section-body{grid-column:5/10}.page--inter #workflows .section-intro,.page--inter .section--sitemap .section-intro,.page--inter .section--sitemap .section-footer,.page--inter .section--prototype .section-intro{grid-column:1/3}}@media (width>2000px){.section--text .section-intro{grid-column:1/3}}@media (width>=768px) and (width<=1100px){.section--text .section-body,.section--media .section-body{grid-column:5/-1}.project-details>div{grid-template-columns:5.5rem minmax(0,1fr)}.mission-copy{padding-inline:0}}@media (width>=768px) and (width<2000px){.hero-intro .project-details{grid-column:7/-1}}@media (width<=767px){:root{--header-height:4rem;--line-body:1.625;--line-caption:1.667;--type-body:1rem;--type-caption:.9375rem;--type-highlight:1.75rem;--section-gap:4rem;--block-gap:1.5rem;--radius:1rem}.header-inner{gap:1rem;padding-block:.625rem}.brand{font-size:1.15rem}.menu-toggle{background:0 0;border:0;align-items:center;gap:.75rem;padding:0;font-size:.875rem;display:flex}.site-header nav{background:var(--color-background);padding:1rem var(--page-gutter) 1.5rem;font-size:.875rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 12px #0004}.site-header nav.is-open{flex-direction:column;gap:.5rem;display:flex}.site-header nav a{padding:.75rem 0}.hero{width:100%;padding:0}.hero-intro{display:none}.mobile-hero-title{text-align:center;background:var(--color-accent);color:var(--color-background);padding:1.25rem var(--page-gutter) 0;flex-direction:column;gap:.25rem;display:flex;position:relative}.mobile-hero-title .back-link{color:#525252;align-self:flex-start;margin-bottom:.5rem}.mobile-hero-title h1{font-size:3rem}.mobile-hero-title p{color:#525252;font-size:.9375rem}.hero-art{height:auto;padding:2rem var(--page-gutter) 1.25rem;touch-action:pan-y;border-radius:0 0 2rem 2rem;display:block;overflow:hidden}.screens-row{aspect-ratio:354/600;isolation:isolate;width:100%;max-width:450px;display:block;position:relative}.hero-screen{aspect-ratio:auto;transform-origin:50%;border-radius:1.5rem;width:74.58%;height:95.39%;position:absolute;top:1.33%;left:12.71%;box-shadow:0 12px 28px #0004}.hero-screen img{object-fit:contain;object-position:center}.mobile-hero-controls{color:#0d0d0d;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;font-size:.875rem;display:flex}.mobile-hero-controls button{background:0 0;border:1px solid #0d0d0d44;border-radius:50%;width:44px}.swipe-cue{text-align:center;color:#525252;margin-top:.5rem;font-size:.9375rem;display:block}.mobile-project-details{padding:4rem var(--page-gutter) 0;gap:1.25rem;display:grid}.mobile-project-details h2{letter-spacing:-.02em;font-size:3rem;font-weight:600;line-height:1.2}.project-details{font-size:.875rem;line-height:25px}.project-details>div{grid-template-columns:5rem minmax(0,1fr);gap:0 .75rem;margin-bottom:0}.project-details dt{letter-spacing:0;font-size:.75rem;line-height:20px}.case-content{padding-top:4rem}.section{flex-direction:column;gap:1.5rem;display:flex}.section-label{font-size:1rem}.section-intro .caption{margin-top:1.5rem}.highlight{line-height:40px}.prose p:not(.highlight),.prose ul,.workflow-statements p{letter-spacing:0}.workflow-statements{gap:1.5rem}.workflow-statements h3{font-weight:600;line-height:26px}.mission-copy{padding:0;font-size:1.75rem;line-height:40px}.carousel-top{margin-bottom:1rem}.carousel-controls{gap:.25rem}.media-with-rail{grid-template-columns:minmax(0,1fr) 44px;column-gap:8px}.media-with-rail .carousel-top,.media-with-rail .carousel-panel,.media-with-rail .video-stage{grid-column:1}.media-with-rail .carousel-controls{grid-column:2}.prototype .video-stage{grid-column:1/-1;width:calc(100% - 52px)}.related-card{margin:1.5rem auto;font-size:1.75rem}.site-footer{grid-template-columns:1fr;min-height:20rem;padding-top:4rem;padding-bottom:3rem}.site-footer p{font-size:1rem}.home-page,.placeholder-page{padding-top:3rem}.home-page>h1{font-size:3.75rem}.home-page section{margin-top:4rem}.project-card-label{flex-direction:column;gap:.25rem}.project-card-art img{width:30%}.image-viewer{padding:1rem}.viewer-toolbar button{font-size:.875rem}.image-scroll.zoomed img{width:70rem}.placeholder-page h1{font-size:3rem}.page--inter{--page-gutter:clamp(1.25rem, 5vw, 2rem);--page-width:calc(100% - 2 * var(--page-gutter));--type-body:1rem;--type-caption:.875rem;--type-highlight:clamp(1.625rem, 6.4vw, 2.25rem);--line-body:1.75;--line-caption:1.75;--section-gap:clamp(3.5rem, 12vw, 5rem);--block-gap:1.5rem;--radius:.875rem}.page--inter .header-inner{min-height:4rem;padding-block:.5rem}.brand.brand--framed{width:5.625rem;font-size:1.6875rem}.page--inter .menu-toggle{text-transform:uppercase;gap:1rem;font-size:.75rem}.page--inter .site-header nav{padding:.5rem var(--page-gutter) 1.25rem;border:0}.page--inter .header-stroke{display:none}.page--inter .hero{width:var(--page-width);overflow:clip}.page--inter .mobile-hero-title,.page--inter .swipe-cue,.page--inter .mobile-project-details h2,.page--inter .hero-intro>.project-details{display:none}.page--inter .hero-intro{padding:1.5rem 0 1.75rem;display:block}.page--inter .hero-intro>div{flex-direction:column;align-items:flex-start;display:flex}.page--inter .hero-intro .back-link{color:#b0b0b0;order:-1;min-height:28px;margin:0 0 1.5rem;font-size:.75rem}.page--inter .hero-intro h1{letter-spacing:-.065em;margin-left:-.035em;font-size:clamp(3.25rem,15.5vw,6rem);font-weight:500;line-height:1.05}.page--inter .hero-subtitle{color:#b0b0b0;letter-spacing:.015em;margin-top:.875rem;font-size:.875rem;display:block}.page--inter .hero-art{aspect-ratio:1.8;border-radius:var(--radius);align-items:flex-end;height:auto;padding:clamp(1.25rem,4vw,2rem) clamp(1.125rem,4.5vw,2rem) 0;display:flex}.page--inter .screens-row{aspect-ratio:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.5rem,2vw,1rem);width:100%;max-width:none;height:auto;display:grid}.page--inter .hero-screen{aspect-ratio:293/509;opacity:1;width:100%;height:auto;box-shadow:none;border-radius:clamp(.5rem,2vw,1rem) clamp(.5rem,2vw,1rem) 0 0;position:static;transform:none}.page--inter .hero-screen img{object-fit:cover;object-position:top}.page--inter .mobile-project-details{gap:1rem;padding:1.75rem 0 0}.page--inter .mobile-project-details .project-details{font-size:.875rem;display:grid}.page--inter .mobile-project-details .project-details>div{grid-template-columns:4.75rem minmax(0,1fr);align-items:baseline;gap:1rem;margin:0;padding-block:.5rem}.page--inter .mobile-project-details .project-details :is(dt,dd){line-height:1.45}.page--inter .project-details dt{color:#aaa;letter-spacing:.015em;font-size:.6875rem}.page--inter .case-content{padding-top:3.5rem}.page--inter .section{gap:1.25rem;padding-top:1.25rem}.page--inter .section-label{letter-spacing:.035em;font-size:.75rem;line-height:1.5}.page--inter .section-intro .caption{margin-top:1rem}.page--inter .prose{gap:1.5rem}.page--inter :is(#context,#problem) .highlight{line-height:1.38}.page--inter .prose ul{padding-left:1.15em}.page--inter .prose li+li{margin-top:.5em}.page--inter #problem .prose li+li{margin-top:0}.page--inter #problem .prose ul{margin-top:.5em}.page--inter .mission-copy{padding:0;font-size:clamp(1.75rem,6.8vw,2.5rem);line-height:1.42}.page--inter .workflow-statements{gap:.75rem}.page--inter .workflow-statements>div{padding:1.25rem}.page--inter .workflow-statements h3{margin-bottom:.75rem;font-size:.9375rem}.page--inter .workflow-statements p{letter-spacing:.015em;font-size:.9375rem}.page--inter #wireframes .media-frame{--media-inset:12px}.page--inter .sitemap-links{flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(.375rem,2vw,1rem);margin-top:1rem}.page--inter .sitemap-tabs{flex-flow:row;gap:clamp(.375rem,1.7vw,.875rem);width:auto;min-width:0}.page--inter .sitemap-links a{white-space:nowrap;min-height:44px;font-size:clamp(.6875rem,2.8vw,.8125rem)}.page--inter .sitemap-tabs a:after{display:none}.page--inter .sitemap-tabs [aria-selected=true]{text-shadow:0 0 .4px}.page--inter .sitemap-expand{color:#b0b0b0;flex-shrink:0;margin-left:auto}.page--inter .sitemap-return{width:100%}.page--inter .sitemap-return-title{font-size:clamp(1.5rem,6.2vw,2rem)}.page--inter .sitemap-return-arrow{width:2rem;height:2rem}.page--inter .prototype{flex-direction:column;padding:.375rem .75rem;display:flex}.page--inter .prototype .video-stage{width:100%;height:min(60svh, 30rem, calc((100vw - 2 * var(--page-gutter) - 1.5rem) * 1.95));aspect-ratio:auto;max-height:none}.page--inter .prototype .video-stage video{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;padding:0;inset:0}.page--inter .prototype-workflow-label{letter-spacing:.08em;flex-shrink:0;justify-content:center;align-self:center;align-items:center;gap:.35em;min-height:2.75rem;margin:0;font-size:.6875rem;display:flex;position:static;transform:none}.page--inter .prototype-workflow-label span{display:inline}.page--inter .prototype .carousel-controls{align-self:center;min-height:2.75rem;margin:0}.page--inter .prototype .dots{flex-direction:row}.page--inter .prototype .dots button{width:44px;height:44px}.page--inter .related-card{margin:1rem 0;padding:0;font-size:1.5rem;line-height:1.4}.page--inter .site-footer{gap:1.5rem;min-height:0;margin-top:3rem;padding-top:2rem;padding-bottom:2rem}.page--inter .site-footer p{font-size:.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.back-link{gap:.25rem}.swipe-cue img{vertical-align:middle;margin-left:.25rem;display:inline-block}.arrow-controls img{max-width:none}@media (width<=767px){.page:not(.page--inter) .hero-screen:first-child{z-index:2}.page:not(.page--inter) .hero-screen:nth-child(2){transform:translate(90%)scale(.64)}.page:not(.page--inter) .hero-screen:nth-child(3){transform:translate(-90%)scale(.64)}}.page--inter.page--editorial{--editorial-heading:clamp(1rem, 1.25vw, 1.375rem);--editorial-kicker:.625rem}.page--inter.page--editorial .section-label{color:#fff;font-size:var(--editorial-heading);letter-spacing:-.04em;text-wrap:balance;font-weight:400;line-height:1.06}.page--editorial .section-label-text{display:block}.page--editorial .section-intro .caption{margin-top:clamp(1.25rem,2.4vw,2.5rem)}.page--editorial .site-header nav{letter-spacing:.025em;align-items:center;gap:clamp(1.5rem,3vw,3.5rem);font-size:clamp(.8125rem,.6875rem + .25vw,.9375rem);font-weight:400}.page--editorial .site-header nav a{align-items:center;gap:.65rem;min-height:44px;text-decoration:none;display:inline-flex}.page--editorial .site-header .nav-arrow{display:none}.page--editorial .hero-intro .back-link{letter-spacing:.08em;gap:.35rem;font-size:.6875rem;font-weight:500}.page--editorial .hero .project-details dt{letter-spacing:.04em;font-size:clamp(.75rem,.625rem + .2vw,.875rem);font-weight:500}.page--editorial .hero .project-details dd{font-size:clamp(.8125rem,.7rem + .25vw,1rem)}.page--editorial .workflow-number{color:#9f9f9f;font-size:var(--editorial-kicker);letter-spacing:.12em;margin-bottom:.75rem;font-weight:500;line-height:1.4;display:block}.page--inter.page--editorial .workflow-statements h3{letter-spacing:-.035em;margin-bottom:1rem;font-size:clamp(1.125rem,1.6vw,1.75rem);font-weight:400;line-height:1.2}.page--editorial .workflow-title{max-width:23ch;display:block}.page--editorial .sitemap-links{margin-top:1.5rem}.page--editorial .related-card{letter-spacing:-.04em;background:0 0;border-radius:0;flex-direction:column;align-items:flex-start;gap:1rem;padding:clamp(1rem,3vw,3rem) 0;font-size:clamp(1.75rem,4vw,4rem);font-weight:400;line-height:1.1;text-decoration:none;display:flex}.page--editorial .related-card>.caption{color:var(--color-accent);font-size:var(--editorial-kicker);letter-spacing:.12em;text-transform:uppercase;order:-1}.page--editorial .related-card>span:first-child{transition:transform .35s,color .22s}.page--editorial .related-card:is(:hover,:focus-visible)>span:first-child{color:var(--color-accent);transform:translate(4px)}.page--editorial .site-footer .section-label{max-width:15ch;text-decoration:none}.page--editorial .site-footer .section-label:before{content:"The designer";color:#9f9f9f;font-size:var(--editorial-kicker);letter-spacing:.12em;margin-bottom:.875rem;font-weight:500;display:block}.page--case .site-footer .section-label:before{content:none}@media (width>=768px){.page--editorial .section--wide .section-intro{justify-content:space-between;align-items:flex-end;display:flex}.page--editorial .section--wide .section-label{max-width:24ch}}@media (width<=767px){.page--inter.page--editorial .section-label{letter-spacing:.035em;text-wrap:wrap;font-size:.6875rem;font-weight:300;line-height:1.5}.page--editorial .site-footer .section-label:before{display:none}.page--editorial .section-intro .caption{margin-top:1.25rem}.page--editorial .site-header nav{align-items:stretch;gap:.375rem;font-size:.875rem}.page--editorial .site-header nav a{justify-content:space-between;min-height:48px}.page--editorial .hero .project-details dt{letter-spacing:.015em;font-size:.75rem}.page--editorial .hero .project-details dd{font-size:.8125rem}.page--editorial .sitemap-links{margin-top:1rem}.page--inter.page--editorial .workflow-statements h3{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.page--editorial *,.page--editorial :after{transition:none!important}}@property --home-hover-progress{syntax:"<number>";inherits:true;initial-value:0}.page.page--home{--home-hover-progress:0;--color-background:var(--portfolio-paper);--color-text:var(--portfolio-ink);--color-body:var(--portfolio-copy);--color-accent:var(--portfolio-ink);--color-surface:var(--portfolio-panel);--color-menu-stroke:var(--portfolio-divider);--home-margin:1rem;--home-block-gap:2.5rem;background:var(--color-background);color:var(--color-text);min-height:100svh}.page--home :is(.home-work,.home-notes,.home-footer){width:min(var(--portfolio-content-max), calc(100% - var(--home-margin) * 2));margin-inline:auto}.page .site-header--stacked{pointer-events:none;background:0 0;position:fixed;inset:0 0 auto}.page.page--portfolio .site-header--stacked .header-inner{align-items:flex-start;width:auto;max-width:none;margin:0;padding:clamp(1.25rem,2.5vw,2.5rem)}.page .site-header--stacked :is(a,button){pointer-events:auto}.page .site-header--stacked nav{box-shadow:none;text-align:right;text-transform:none;background:0 0;flex-direction:column;align-items:flex-end;gap:0;padding:0;display:flex;position:static}.page .site-header--stacked nav a{justify-content:flex-end;min-height:2rem;padding:.2rem 0}.page .site-header--stacked .menu-toggle{display:none}.page--home .brand--framed{color:var(--portfolio-ink)}.page--home .home-page{padding-top:0;padding-bottom:var(--home-block-gap);overflow:clip}.page--home .home-page section{margin-top:0}.home-work{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1rem;display:grid}.home-hero{background-color:color-mix(in srgb, var(--portfolio-paper), var(--active-letter-color) calc(var(--home-hover-progress) * 100%));height:100svh;padding:0;overflow:clip}.page--home[data-hero-letter]{--home-hover-progress:1;transition:--home-hover-progress .2s linear}.page--home[data-hero-letter] .letter-art{color:color-mix(in srgb, var(--portfolio-ink), color-mix(in srgb, var(--active-letter-color) 12%, #080a12) calc(var(--home-hover-progress) * 100%))}.page--home[data-hero-letter] .letter-art[data-active=true]{color:color-mix(in srgb, var(--portfolio-ink), #fff calc(var(--home-hover-progress) * 100%))}.page--home[data-hero-letter] .home-letter-link[data-active=true] .letter-label{opacity:var(--home-hover-progress);fill:var(--active-letter-color)}.page--home .home-name{width:100%;height:100%;color:var(--portfolio-ink);letter-spacing:-.04em;margin:0;font-family:new-cordial,sans-serif;font-weight:700;line-height:1;position:relative}.home-name-fallback{text-align:center;visibility:hidden;width:100%;font-size:clamp(6rem,33vw,38rem);display:block;position:absolute;bottom:0}.home-name[data-fall=fallback] .home-name-fallback{visibility:visible}.home-project-label p{color:var(--portfolio-copy);font-size:clamp(1rem,1.15vw,1.125rem);line-height:var(--portfolio-reading-line-height);letter-spacing:0}.home-project-tags,.home-footer{font-family:var(--font-project-mono);letter-spacing:.015em;text-transform:uppercase;font-size:clamp(12px,.9vw,14px);font-weight:400;line-height:1.65}.page--home .home-work{padding-block:var(--home-block-gap);row-gap:var(--home-block-gap);scroll-margin-top:calc(var(--header-height) + 2rem);padding-top:clamp(7rem,16vw,17rem)}.home-work-intro{scroll-margin-top:var(--work-anchor-offset);grid-column:1/-1}.home-project-label h3{color:var(--portfolio-ink);font-size:clamp(1.6rem,2.38vw,2.75rem);font-weight:var(--portfolio-heading-weight);letter-spacing:-.02352em;line-height:1.222}.page--home .home-work-intro h2{color:var(--selected-works-color);font-size:clamp(3.75rem,9.5vw,9.5rem);font-weight:var(--portfolio-heading-weight);letter-spacing:-.035em;line-height:1.15}.home-work-description{max-width:40rem;color:var(--selected-works-color);font-size:clamp(1rem,1.5vw,1.25rem);line-height:var(--portfolio-reading-line-height);margin-top:1rem}.home-project{grid-column:5/-1;min-width:0;display:block}.home-project:hover{text-decoration:none}.home-project-art,.page--home .home-secondround-art{background:var(--portfolio-panel);aspect-ratio:1.45;border-radius:0;position:relative;overflow:hidden}.home-project-screens{justify-content:center;align-items:center;gap:5%;height:100%;padding:8%;display:flex}.home-screen{border-radius:12%/5.6%;flex-shrink:0;width:28%;overflow:hidden;box-shadow:0 8px 22px #30303012}.home-screen img{width:100%;height:auto}.page--home .home-project--secondround{margin-top:0}.page--home .home-secondround-art>img{object-fit:cover;width:100%;height:100%}.home-project-label{justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.home-project-label p{margin-top:.5rem}.home-project-arrow{font-size:2rem;transition:transform .25s}.home-project:is(:hover,:focus-visible) .home-project-arrow{transform:translate(3px,-3px)}.home-project-tags{color:var(--portfolio-copy);margin-top:1rem}.home-notes{padding-block:var(--home-block-gap);grid-template-columns:repeat(12,minmax(0,1fr));gap:0 1rem;display:grid}.home-notes a{border-top:1px solid var(--portfolio-divider);font-size:clamp(1.25rem,2vw,2rem);font-weight:var(--portfolio-heading-weight);letter-spacing:-.02em;grid-column:5/-1;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;line-height:1.4;display:flex}.home-footer{color:var(--portfolio-copy);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:2rem;display:flex}.home-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#a6a6a6;font-size:.6875rem;font-weight:500;line-height:1.5}@media (width>=480px){.page.page--home{--home-margin:1.5rem;--home-block-gap:4rem}}@media (width>=1024px){.page.page--home{--home-margin:2.5rem;--home-block-gap:5rem}}@media (width<=767px){.home-work,.home-notes{grid-template-columns:minmax(0,1fr)}.home-work-intro,.home-project,.home-notes a{grid-column:1/-1}.page--home .home-work-intro h2{font-size:clamp(3.25rem,14vw,6.25rem)}.home-project-tags{font-size:11px}.home-project-label{padding-top:1rem}}.page .site-header--stacked .brand--wordmark{color:inherit;background:0 0}.home-name-links{pointer-events:none;visibility:hidden;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.home-name[data-ready=true] .home-name-links{visibility:visible}.letter-art{pointer-events:none;color:var(--portfolio-ink);fill:currentColor;stroke:none;cursor:pointer;outline:none}html[data-transition-letter=j] .letter-art[data-letter=j],html[data-transition-letter=u] .letter-art[data-letter=u],html[data-transition-letter=l] .letter-art[data-letter=l],html[data-transition-letter=i] .letter-art[data-letter=i],html[data-transition-letter=e] .letter-art[data-letter=e]{color:#fff}.letter-ink{pointer-events:none}.letter-ink text{font-kerning:none;text-rendering:geometricprecision}.letter-label{fill:var(--portfolio-ink);stroke:none;font-family:var(--font-project-mono);letter-spacing:0;opacity:0;pointer-events:none;font-weight:400}.home-letter-link[data-active=true] .letter-label{opacity:1}.home-letter-link,.home-letter-link:is(:hover,:focus-visible),.home-letter-link .letter-label{text-decoration:none}html:has(.page--home){scroll-behavior:smooth;scroll-padding-top:0}.work-totem{--work-anchor-offset:clamp(5.5rem, 14svh, 9rem);scroll-margin-top:var(--work-anchor-offset);grid-column:1/-1;gap:clamp(3rem,8svh,6rem);min-width:0;display:grid}.work-totem .home-work-intro{padding-right:9rem}.work-projects{--project-row-gap:clamp(1.5rem, 3vw, 3rem);gap:var(--project-row-gap);display:grid}.work-totem-card{--work-column-gap:clamp(1.5rem, 4vw, 5rem);--work-image-padding:clamp(1rem, 2vw, 2rem);grid-template-columns:minmax(0, 1fr) min(calc((100% - var(--work-column-gap)) * 2 / 3), 96svh);align-items:stretch;gap:var(--work-column-gap);color:var(--selected-works-color);text-decoration:none;display:grid;position:relative}.work-totem-card:not(:last-child):after{content:"";left:50%;bottom:calc(var(--project-row-gap) / -2);background:var(--selected-works-color);pointer-events:none;width:100vw;height:1px;position:absolute;transform:translate(-50%)}.work-totem-card:hover{text-decoration:none}.totem-copy{margin-right:calc(var(--work-image-padding) - var(--work-column-gap));text-align:left;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) max-content;align-content:space-between;gap:clamp(1rem,2vw,2rem);min-width:0;display:grid}.totem-description{letter-spacing:0;max-width:30ch;color:inherit;grid-area:2/1;align-self:start;margin:0;font-size:clamp(.8125rem,1vw,1rem);line-height:1.5}.totem-date{text-align:left;white-space:nowrap;font:400 clamp(.8125rem, 1.15vw, 1rem)/1.5 var(--font-project-mono);letter-spacing:.015em;text-transform:uppercase;grid-area:1/1;justify-self:start;display:block}.totem-art{aspect-ratio:1.75;background:0 0;justify-self:end;width:min(100%,96svh);min-width:0;position:relative;overflow:visible}.work-totem-card .totem-art{justify-self:end;width:min(100%,96svh)}.artwork-webgl,.name-webgl{pointer-events:none;z-index:2;width:100vw;height:100vh;position:fixed;inset:0}.name-webgl,.home-name[data-bending] :is(.letter-art,.letter-label),.totem-art[data-webgl] :is(.totem-art-surface,.yuan-development){visibility:hidden}.totem-art[data-webgl] .yuan-development{opacity:0}.totem-art-surface{background:var(--portfolio-panel);width:100%;height:100%;overflow:hidden}.totem-art-surface>img{object-fit:cover;width:100%;height:100%}.totem-art--pressique .totem-art-surface{isolation:isolate;background:#ede6f4;justify-content:center;align-items:center;display:flex;position:relative}.totem-art--pressique .totem-art-surface>img{width:auto;max-width:100%;height:auto;max-height:100%}.yuan-development{isolation:isolate;pointer-events:none;background:#aa1c1e;position:absolute;inset:0;overflow:hidden}.yuan-thread-stage{filter:saturate(.75);width:100%;height:100%;display:block;position:absolute;inset:0}.yuan-vellum{pointer-events:none;z-index:1;background:#f5f5f5c2;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff42}.yuan-vellum:after{content:"";opacity:.3;mix-blend-mode:multiply;pointer-events:none;background:url(/assets/vellum-grain.svg);position:absolute;inset:0}.pixel-runner{--runner-cycle:.48s;z-index:2;pointer-events:none;color:var(--selected-works-color,#3810ff);background:0 0;grid-template-rows:15% auto;align-content:center;place-items:center;gap:clamp(.5rem,1.2vw,1rem);display:grid;position:absolute;inset:0;overflow:hidden}.pixel-runner svg{width:15%;height:100%;display:block}.pixel-runner-caption{max-width:calc(100% - 1rem);font:400 clamp(.625rem, .95vw, .875rem)/1.5 var(--font-project-mono);text-align:center;margin:0}.pixel-runner-status{white-space:nowrap}.pixel-runner-typing{--typing-animation:pixel-runner-type 1s steps(var(--typing-steps), end) .16s both;white-space:nowrap;vertical-align:bottom;animation:var(--typing-animation);display:inline-block}@keyframes pixel-runner-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (hover:hover) and (pointer:fine){.work-totem-card :is(.yuan-vellum,.pixel-runner){opacity:0;transition:opacity .2s}.work-totem-card:is(:hover,:focus-within) :is(.yuan-vellum,.pixel-runner){opacity:1}.work-totem-card:not(:hover):not(:focus-within) .pixel-runner-typing{clip-path:inset(0 100% 0 0);animation:none}}.pixel-runner-pace{opacity:1}.pixel-runner-ellipsis{vertical-align:bottom;width:3ch;display:inline-grid}.pixel-runner-ellipsis>.pixel-runner-pace{grid-area:1/1}.pixel-runner-dots{text-align:left;width:3ch;animation:pixel-runner-dots calc(var(--runner-cycle) * 3) step-end infinite;display:inline-block}@keyframes pixel-runner-dots{0%{clip-path:inset(0 2ch 0 0)}33.3333%{clip-path:inset(0 1ch 0 0)}66.6667%,to{clip-path:inset(0)}}.pixel-runner-frame{opacity:0;animation:pixel-runner-frame var(--runner-cycle) step-end infinite;animation-delay:calc(var(--runner-frame) * var(--runner-cycle) / 8)}@keyframes pixel-runner-frame{0%{opacity:1}12.5%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.pixel-runner-typing{--typing-animation:none}.work-totem-card :is(.yuan-vellum,.pixel-runner){transition:none}.pixel-runner-frame,.pixel-runner-dots{animation:none}.pixel-runner-frame:first-child{opacity:1}}.totem-art--afterdark .totem-art-surface{background:var(--afterdark-yellow);align-items:flex-end;padding:4% 4% 0;display:flex}.totem-art--afterdark .afterdark-screens{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5%;width:100%;display:grid}.totem-art--afterdark .afterdark-screen{aspect-ratio:293/509;box-shadow:none}.totem-art--afterdark .afterdark-screen img{object-fit:cover;object-position:top;height:100%}.totem-details{text-align:left;grid-area:3/1/auto/-1}.totem-details h3{letter-spacing:-.025em;font-size:clamp(2.5rem,4.2vw,4.5rem);font-weight:500;line-height:1.2}.totem-deliverables{text-align:right;text-transform:uppercase;font-family:var(--font-project-mono);letter-spacing:0;color:inherit;grid-area:1/2/3;place-self:start end;gap:.25rem;margin:0;padding:0;font-size:clamp(.75rem,.9vw,.875rem);font-weight:400;line-height:1.5;list-style:none;display:grid}.work-totem-card:focus-visible{outline:none}.work-totem-card:focus-visible .totem-art{outline:2px solid var(--portfolio-ink);outline-offset:5px}.page--resume{background:var(--portfolio-paper);min-height:100svh;color:var(--portfolio-ink);--color-background:var(--portfolio-paper);--color-text:var(--portfolio-ink);--color-accent:var(--portfolio-ink);--color-menu-stroke:var(--portfolio-divider)}.resume-page{width:min(75rem,100% - 3rem);margin:3rem auto}.resume-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2rem;display:flex}.resume-heading h1{letter-spacing:-.04em;font-size:clamp(2.5rem,6vw,5rem);font-weight:500}.resume-heading a{font:400 .75rem/1.5 var(--font-project-mono);text-transform:uppercase}.resume-document{border:1px solid var(--portfolio-divider);background:#fff;width:100%;height:auto;display:block}@media (width<=1100px){.totem-copy{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr)}.totem-deliverables{text-align:left;grid-area:4/1;justify-self:start}}@media (width<=767px){.page--home .home-work{padding-top:max(14rem,30svh)}.work-totem{--work-anchor-offset:max(12rem, 25svh)}.work-totem .home-work-intro{padding-right:0}.work-totem-card{--work-column-gap:1.5rem;grid-template-columns:minmax(0,1fr)}.totem-copy{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) fit-content(40%);align-content:start;gap:.875rem;margin-right:0}.totem-art,.work-totem-card .totem-art{aspect-ratio:4/3;grid-column:1;width:100%;margin:0}.work-totem-card:after{display:none}.totem-date{font-size:.6875rem}.totem-details{grid-area:2/1}.totem-details h3{font-size:clamp(2rem,8.5vw,2.75rem)}.totem-description{grid-area:3/1/auto/-1;max-width:none;font-size:clamp(.875rem,2.5vw,1rem)}.totem-deliverables{text-align:right;grid-area:1/2/3;justify-self:end;font-size:.6875rem}.page .site-header--stacked nav a{min-height:1.5rem;padding:.1rem 0;line-height:1.25}.totem-art--afterdark .totem-art-surface{align-items:center;padding:8% 5% 0}.totem-art--afterdark .afterdark-screens{aspect-ratio:auto;gap:4%;height:auto}.totem-art--afterdark .afterdark-screen{opacity:1;width:100%;height:auto;position:static;transform:none}.resume-heading{align-items:center}}@media (prefers-reduced-motion:reduce){html:has(.page--home){scroll-behavior:auto}.page .site-header--stacked .brand--wordmark,.page--home[data-hero-letter],.home-hero,.letter-art,.letter-label{transition:none}}.home-letter-link{cursor:pointer;outline:none}.home-letter-link polygon{fill:#0000;stroke:none;pointer-events:all}.archive-page{min-height:70svh;padding-block:clamp(3rem,7vw,7rem)}.archive-heading{justify-content:space-between;align-items:center;gap:2rem;margin-block:2rem 3.5rem;display:flex}.archive-heading h1{letter-spacing:-.055em;font-size:clamp(2.75rem,6vw,6.5rem);font-weight:400;line-height:1.08}.archive-heading em{font-family:var(--font-display);color:var(--color-accent);font-weight:300}.archive-star{color:var(--color-accent);margin-right:5%;font:400 clamp(5rem,13vw,12rem)/1 gentil-doodles}.archive-gate{gap:var(--column-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.archive-gate>p{color:#aaa;grid-column:1/5;font-size:1rem;line-height:1.8}.archive-gate form{grid-column:7/-1}.archive-gate label{text-transform:uppercase;letter-spacing:.08em;margin-bottom:.875rem;font-size:.6875rem;display:block}.archive-input-row{border-bottom:1px solid #999;gap:1rem;padding-bottom:.5rem;display:flex}.archive-input-row input{width:100%;min-width:0;color:var(--color-text);font:inherit;background:0 0;border:none;border-radius:0}.archive-input-row button{white-space:nowrap;background:0 0;border:0;align-items:center;gap:1rem;font-size:.875rem;display:flex}.archive-input-row button span{color:var(--color-accent);font-size:1.5rem}#archive-error{color:var(--color-accent);min-height:1.5em;margin-top:.75rem;font-size:.8125rem}.archive-back{color:#aaa;align-items:center;min-height:44px;margin-top:3rem;font-size:.8125rem;display:inline-flex}.archive-collection-top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.archive-collection-top h2{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:400}.archive-collection-top button{text-underline-offset:4px;background:0 0;border:none;font-size:.8125rem;text-decoration:underline}.archive-project{border-block:1px solid #ffffff30;grid-template-columns:1fr 2fr auto;align-items:center;gap:1rem;padding-block:1.5rem;font-size:clamp(1.5rem,3vw,3rem);display:grid}.archive-project small{color:#aaa;margin-top:.5rem;font-size:.8125rem;display:block}.archive-project>span:last-child{color:var(--color-accent)}.archive-project:hover{color:var(--color-accent);text-decoration:none}@media (width<=767px){.archive-heading{margin-block:1.75rem 2.5rem}.archive-heading h1{font-size:clamp(2.5rem,10vw,4rem)}.archive-star{display:none}.archive-gate{display:block}.archive-gate form{margin-top:2rem}.archive-project{grid-template-columns:1fr auto}.archive-project>span:first-child{grid-column:1/-1}}.page:is(.page--secondround,.page--secondround-archive){--color-background:var(--portfolio-paper);--color-text:#111;--color-body:#111;--color-accent:#41672b;--color-surface:#eaeae4;--color-menu-stroke:#20201e25;background:var(--color-background);color:var(--color-text)}:is(.page--secondround,.page--secondround-archive) .brand--framed{color:var(--sr-ink,#111)}:is(.page--secondround,.page--secondround-archive) .site-header nav{text-transform:none}.sr-brand-art{object-fit:contain;width:100%;height:100%}.sr-page{padding-top:47px;padding-bottom:64px}.sr-page>section,.sr-page>footer{margin-top:104px}.sr-page .sr-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;display:grid}.sr-page h1{letter-spacing:-.026775em;font-size:clamp(3rem,6.35vw,7.5rem);font-weight:600;line-height:1.1667}.sr-page h2{letter-spacing:-.02352em;font-size:clamp(1.6rem,2.38vw,2.75rem);font-weight:600;line-height:1.222}.sr-page p{letter-spacing:.025em;color:var(--sr-ink,#111);font-size:18px;line-height:29px}.sr-page p+p{margin-top:29px}.sr-page figcaption,.sr-page .sr-caption{letter-spacing:.0158em;color:var(--sr-ink,#111);font-size:16px;font-weight:500;line-height:24px}.sr-project-intro{grid-column:1/8}.sr-back{color:var(--sr-ink,#111);text-transform:uppercase;margin-bottom:12px;font-size:16px;font-weight:500;line-height:24px;display:inline-block}.sr-project-intro p{max-width:712px;margin-top:12px}.sr-details{flex-direction:column;grid-column:8/-1;align-self:end;gap:12px;display:flex}.sr-details>div{grid-template-columns:minmax(96px,1fr) minmax(0,4.333fr);align-items:end;gap:12px;display:grid}.sr-details dt{color:var(--sr-ink,#111);text-transform:uppercase;letter-spacing:.02em;font-size:13px;line-height:20px}.sr-details dd{letter-spacing:.025em;font-size:15px;line-height:23px}.sr-hero-art{border-radius:0;height:500px;margin-top:36px;overflow:hidden}.sr-hero-art img{object-fit:cover;width:100%;height:100%}.sr-introduction>h2,.sr-story{grid-column:1/4}.sr-introduction .sr-copy,.sr-comparison,.sr-campus{grid-column:5/-1}.sr-story>p{margin-top:24px}.sr-flow-art{border-radius:0;margin-top:36px;display:block;position:relative;overflow:hidden}.sr-flow-art img{width:100%}.sr-flow-art>span{color:var(--sr-ink,#111);background:#f7f7f4ed;border-radius:30px;padding:10px 14px;font-size:13px;position:absolute;bottom:16px;right:16px}.sr-surface{background:var(--sr-presentation-background);border-radius:0;overflow:hidden}.sr-comparison{flex-direction:column;gap:36px;min-width:0;display:flex}.sr-animation-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;min-height:44px;margin:-10px 0 2px;display:flex}.sr-playback-toggle{z-index:30;background:var(--sr-ink,#000);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid;position:absolute;bottom:20px;right:20px}.sr-playback-toggle[hidden]{display:none}.sr-playback-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.sr-playback-toggle:focus-visible{outline-offset:4px;outline:2px solid #41672b}.sr-evolution-stage{isolation:isolate;padding:24px 24px 88px;position:relative}.sr-flow-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 12px;display:grid}.sr-flow-card{aspect-ratio:342/662;transform-origin:50%;isolation:isolate;min-width:0;position:relative}.sr-flow-card img{object-fit:contain;width:100%;height:100%}.sr-card-ui{aspect-ratio:430/932;background:#fff;border-radius:8px;width:80.117%;position:absolute;top:5.43807%;left:9.94152%;overflow:hidden}.sr-three-up{margin-top:36px}.sr-artwork{grid-column:span 4;min-width:0}.sr-artwork .sr-surface{justify-content:center;align-items:center;height:665px;padding:27.5px 20px;display:flex}.sr-artwork img{object-fit:contain;width:auto;max-width:100%;max-height:610px}.sr-artwork figcaption{margin-top:12px}.sr-campus{justify-content:center;align-items:center;gap:24px;height:748px;padding:32px 24px;display:flex}.sr-campus img{object-fit:contain;width:min(35%,315px);height:auto;max-height:683px}.sr-community .sr-story{padding-top:6px}.sr-links{color:var(--sr-ink,#111);gap:12px;margin-top:36px;font-size:16px;display:flex}.sr-links a{align-items:center;width:229px;min-height:44px;display:inline-flex}.sr-footer{border-top:1px solid #65655d40;padding-top:36px}.sr-footer p{color:var(--sr-ink,#111);grid-column:1/9;font-size:16px}.sr-footer a{letter-spacing:-.035em;grid-column:9/-1;font-size:24px;font-weight:600;line-height:1.4}.sr-morph{width:430px;max-width:none;height:932px;color:var(--sr-ink,#111);z-index:20;visibility:hidden;box-shadow:none;transform-origin:50%;background:#fff;border-radius:24px;font:400 16px -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;position:absolute;top:50%;left:50%;overflow:hidden}.sr-morph>div,.sr-morph>span{position:absolute}.sr-status{opacity:0;justify-content:space-between;font-weight:600;display:flex;top:24px;left:60px;right:25px}.sr-screen-heading{text-align:center;font-weight:700;top:77px;left:0;right:0}.sr-screen-back{color:#9fc815;font-size:32px;line-height:32px;top:67px;left:24px}.sr-photo-strip{gap:8px;width:381px;height:164px;display:flex;top:144px;left:25px;overflow:visible}.sr-photo{border-radius:8px;flex:none;width:164px;height:164px;position:relative;overflow:hidden}.sr-photo img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute}.sr-photo-2 img{width:134.53%;height:108.7%;top:-3.08%;left:-28.25%}.sr-photo-3 img,.sr-photo-2 .sr-photo-replacement{width:114.5%;height:111.45%;top:-.53%;left:-9.2%}.sr-photo-replacement{opacity:0}.sr-description-bg{background:#fafafa;border-radius:8px;width:381px;height:160px;top:397px;left:20px}.sr-item-title{width:398px;font-weight:700;top:321px;left:26px}.sr-item-description{width:360px;font-size:12px;line-height:1.2;top:410px;left:30px}.sr-new-copy{opacity:0;white-space:nowrap;position:absolute;inset:0 auto auto 0}.sr-item-description .sr-new-copy{white-space:normal;width:100%}.sr-price-value{color:var(--sr-ink,#111);white-space:nowrap;z-index:2;font-size:36px;font-weight:700;top:349px;left:24px}.sr-tags{gap:8px;display:flex;top:517px;left:31px}.sr-tag{height:24px;color:var(--sr-ink,#111);white-space:nowrap;background:#f5f5f5;border-radius:16px;place-items:center;padding:0 10px;font-size:12px;display:grid;position:relative}.sr-new-tag{opacity:0;position:absolute}.sr-field{border-bottom:1px solid gray;justify-content:space-between;align-items:flex-start;width:382px;height:28px;padding:4px 0;display:flex;left:24px}.sr-field strong{font-weight:700;position:relative}.sr-field>span{color:var(--sr-ink,#111);font-size:14px;position:relative}.sr-field>span .sr-new-copy{left:auto;right:0}.sr-field i{margin-left:8px;font-style:normal}.sr-price-field{top:604px}.sr-category-field{top:649px}.sr-condition-field{top:682px}.sr-delivery-field{top:717px}.sr-location-field{border-bottom:0;top:784px}.sr-added-field{opacity:0}.sr-publish{color:#fff;background:#9fc815;border-radius:16px;place-items:center;width:382px;height:45px;font-weight:700;display:grid;top:803px;left:24px}.sr-progress-dots{background:#d9efa0;border-radius:50px;gap:8px;padding:8px 12px;display:flex;top:864px;left:50%;transform:translate(-50%)}.sr-progress-dots span{background:#0004;border-radius:50%;width:8px;height:8px}.sr-progress-dots span:last-child{background:var(--sr-ink,#000)}.sr-home-indicator{background:var(--sr-ink,#000);opacity:0;border-radius:4px;width:140px;height:5px;bottom:9px;left:145px}.sr-morph .sr-finished-art{opacity:0;z-index:4;width:446px;max-width:none;height:948px;position:absolute;top:-6px;left:-8px}.home-project--secondround{margin-top:72px}.home-secondround-art{background:#eaeae4;border-radius:2px;position:relative;overflow:hidden}.home-secondround-art>img{aspect-ratio:1.45;object-fit:cover;width:100%}@media (width<1100px){.sr-page p{font-size:16px;line-height:26px}.sr-page>section,.sr-page>footer{margin-top:80px}.sr-hero-art{aspect-ratio:1436.4/500;height:auto}.sr-details>div{grid-template-columns:95px 1fr}.sr-evolution-stage{min-height:620px;padding:20px 20px 84px}.sr-flow-grid{align-content:center;min-height:580px}.sr-artwork .sr-surface{height:46vw;padding:20px 14px}.sr-campus{height:auto;min-height:500px}}@media (width<768px){.sr-page{padding-top:32px;padding-bottom:40px}.sr-page>section,.sr-page>footer{margin-top:64px}.sr-page h1{font-size:clamp(2.6rem,10.6vw,5rem)}.sr-page h2{font-size:28px;line-height:1.25}.sr-page .sr-grid{row-gap:24px}.sr-project-intro,.sr-details,.sr-introduction>h2,.sr-introduction .sr-copy,.sr-story,.sr-comparison,.sr-campus,.sr-footer p,.sr-footer a{grid-column:1/-1}.sr-details{padding-top:8px}.sr-details>div{grid-template-columns:90px 1fr}.sr-hero-art{aspect-ratio:1.3;margin-top:28px}.sr-hero-art img{object-fit:contain;background:#eaeae4}.sr-story>p{margin-top:20px}.sr-evolution-stage{min-height:600px;padding:16px 16px 80px}.sr-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:568px}.sr-animation-caption{min-height:44px;font-size:14px!important}.sr-playback-toggle{width:48px;height:48px;bottom:14px;right:14px}.sr-three-up .sr-artwork{grid-column:1/-1}.sr-artwork .sr-surface{height:580px;padding:24px}.sr-artwork img{max-height:532px}.sr-community .sr-story{padding-top:0}.sr-campus{gap:12px;min-height:0;padding:24px 16px}.sr-campus img{width:calc(50% - 6px)}.sr-flow-art>span{padding:6px 10px;font-size:11px;bottom:8px;right:8px}.sr-footer a{font-size:22px}}.sr-static-revised{display:none}@media (prefers-reduced-motion:reduce){.sr-morph,.sr-flow-grid,.sr-playback-toggle{display:none}.sr-evolution-stage{place-items:center;padding:24px;display:grid}.sr-static-revised{width:min(260px,100%);height:auto;display:block}}:is(.page--secondround,.page--secondround-archive){--sr-panel-height:min(68svh, calc(100svh - var(--header-height) - 8rem));--sr-primary-green:#d3ffc3;--sr-ui-background:#fff;--sr-ui-surface:#fafafa;--sr-listing-background:#f2febb;--sr-presentation-background:#ffd3fa;--sr-university-red:#c8102e;--hero-cursor-background:var(--color-text);--hero-cursor-color:#fff}:is(.page--secondround,.page--secondround-archive)::selection{background:var(--sr-primary-green);color:var(--color-text)}:is(.page--secondround,.page--secondround-archive) ::selection{background:var(--sr-primary-green);color:var(--color-text)}.sr-hero-stage{position:relative}.sr-hero-intro{align-items:end}.sr-project-intro{grid-row:1;align-self:end}.sr-details{grid-row:1}.sr-project-description{grid-area:2/1/auto/8;max-width:712px}.sr-back.back-link{align-items:center;gap:8px;display:inline-flex}.sr-back img{filter:brightness(.3);width:18px;height:18px}.sr-page .sr-hero-art{aspect-ratio:auto;height:55svh;margin-top:36px}.sr-page .sr-hero-art>img{object-fit:cover;object-position:50% 45%;background:0 0;width:100%;height:100%;display:block}@media (width>=768px){.sr-hero-stage{flex-direction:column;min-height:0;display:flex}.sr-hero-intro{flex:1;align-content:start;padding-top:24px;padding-bottom:clamp(24px,4svh,48px)}.sr-hero-art{flex-shrink:0}.sr-listing-section .sr-story{align-self:start;position:static}}.sr-motion-player{min-width:0;position:relative}.sr-motion-stage{height:var(--sr-panel-height);isolation:isolate;position:relative;overflow:clip}.sr-motion-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.sr-artwork .sr-motion-stage{height:var(--sr-panel-height);min-height:0;padding:24px 20px 70px}.sr-artwork .sr-motion-content>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.sr-page .sr-animation-caption{height:44px;min-height:44px;margin:0;padding-bottom:8px;font-size:14px;line-height:20px}.sr-motion-player .sr-playback-toggle{width:44px;height:44px;bottom:16px;right:16px}.sr-campus-player{grid-column:5/-1}.sr-journey-player{container-type:inline-size}.sr-journey-player .sr-motion-stage{min-height:520px}.sr-journey-camera{transform-origin:50%;width:430px;height:932px;color:var(--sr-ink,#111);letter-spacing:0;background:#fff;border-radius:48px;font:400 12px/16px -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.4)}.sr-journey-frame{visibility:hidden;position:absolute;inset:0}.sr-journey-frame:first-child{visibility:visible}.sr-journey-frame[data-screen=dorm]{background:#fff}.sr-journey-frame>img{width:430px;max-width:none;height:932px;display:block}.sr-journey-scroll-viewport{background:#fff;width:430px;height:739px;position:absolute;top:126px;left:0;overflow:hidden}.sr-journey-scroll-content{background:#fff;width:430px;height:1830px;position:relative}.sr-journey-frame>.sr-journey-navigation{pointer-events:none;width:430px;height:83px;position:absolute;top:849px;left:0}.sr-journey-scroll-content>img{width:430px;max-width:none;height:1830px;display:block}.sr-journey-category-viewport{background:#fff;width:414px;height:120px;position:absolute;top:16px;left:8px;overflow:hidden}.sr-journey-categories{gap:16px;width:max-content;padding:0 8px;display:flex}.sr-journey-category{flex-direction:column;flex:0 0 96px;align-items:center;gap:8px;font-weight:500;display:flex}.sr-journey-category>span:first-child{background:#f5f5f5;border-radius:50%;place-items:center;width:92px;height:92px;display:grid}.sr-journey-category img{object-fit:contain;width:56px;height:56px}.sr-journey-heart{background:#fff;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:580px;left:390px}.sr-journey-heart svg{fill:#9e9e9e;width:18px;height:16px;overflow:visible}.sr-journey-touch{z-index:2;opacity:0;pointer-events:none;width:0;height:0;position:absolute}.sr-journey-touch .sr-tap-indicator{width:36px;height:48px;top:0;left:-12px}.sr-journey-copy{width:calc(100% - 48px);color:var(--sr-ink,#111);display:grid;position:absolute;top:24px;left:24px}.sr-journey-chapter{visibility:hidden;grid-area:1/1;align-self:center}.sr-journey-chapter:first-child{visibility:visible}.sr-page .sr-journey-heading{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(21px,5.6cqw,26px);font-weight:500;line-height:1.12}.sr-page .sr-journey-description{letter-spacing:-.01em;max-width:36em;margin:0;font-size:14px;line-height:1.45}@container (width>=560px){.sr-journey-copy{width:32%;top:50%;left:32px;transform:translateY(-50%)}.sr-page .sr-journey-heading{margin-bottom:18px;font-size:clamp(26px,3.4cqw,36px)}.sr-page .sr-journey-description{font-size:15px;line-height:1.5}}.sr-three-up>.sr-motion-player{grid-column:span 4}.sr-reservation-player .sr-animation-caption{height:48px}.sr-page .sr-grid.sr-campaign{align-items:flex-start;gap:12px;display:flex}.sr-campaign-pair{display:contents}.sr-campaign-poster{--sr-artwork-ratio:.749428}.sr-campaign-tent{--sr-artwork-ratio:1.5}.sr-campaign-social{--sr-artwork-ratio:.643118}.sr-campaign-profile{--sr-artwork-ratio:calc(1608 / 2280)}.sr-page .sr-campaign .sr-motion-player{flex:var(--sr-artwork-ratio) 1 0;width:auto;min-width:0}.sr-page .sr-campaign .sr-animation-caption{width:100%;height:48px}.sr-page .sr-campaign .sr-motion-stage{background:0 0;height:auto;min-height:0;padding:0}.sr-page .sr-campaign .sr-motion-content{width:100%;height:auto;display:block}.sr-page .sr-campaign .sr-motion-content>img{object-fit:contain;width:100%;height:auto;max-height:none;display:block}.sr-campaign-post{aspect-ratio:528/821;border-radius:4.55%/2.92%;width:100%;position:relative;overflow:hidden}.sr-page .sr-campaign-post>img{width:126.326%;max-width:none;height:auto;max-height:none;position:absolute;top:-5.96833%;left:-15.1515%}.sr-campaign-profile-crop{aspect-ratio:1608/2280;width:100%;position:relative;overflow:hidden}.sr-page .sr-campaign-profile-crop>img{width:100%;max-width:none;height:auto;max-height:none;display:block}@media (width<=1023px){.sr-page .sr-grid.sr-campaign{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}.sr-campaign-pair{align-items:flex-start;gap:12px;display:flex}}@media (width<=639px){.sr-campaign-pair{flex-direction:column;gap:32px}.sr-page .sr-campaign .sr-motion-player{flex:none;width:100%}}.sr-listing-row+.sr-listing-row{margin-top:64px}.sr-listing-row>.sr-motion-player{grid-column:5/-1}.sr-listing-row .sr-surface{background:var(--sr-listing-background)}.sr-story>h3{letter-spacing:-.02352em;font-size:clamp(1.6rem,2.38vw,2.75rem);font-weight:600;line-height:1.222}.sr-listing-row .sr-community-screen,.sr-listing-row .sr-static-revised{border-radius:48px}.sr-comparison{display:block}.sr-evolution-stage{height:var(--sr-panel-height);justify-content:center;align-items:center;min-height:0;padding:20px 20px 72px;display:flex;overflow:clip}.sr-evolution-content{display:contents}.sr-flow-grid{gap:14px 12px;min-height:0}.sr-evolution-note{z-index:25;max-width:calc(100% - 112px);color:var(--sr-ink,#111);pointer-events:none;font-size:clamp(18px,1.6vw,24px);font-weight:500;line-height:1.2;position:absolute;bottom:24px;left:24px}.sr-evolution-note>span{animation:.3s ease-out both sr-note-enter;display:block}.sr-evolution[data-playing=false] .sr-evolution-note>span{animation-play-state:paused}.sr-reduced-note{display:none}@keyframes sr-note-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sr-morph .sr-morph-source{z-index:6;width:430px;max-width:none;height:932px;position:absolute;inset:0}.sr-ui-canvas{transform-origin:50%;width:430px;max-width:none;height:932px;color:var(--sr-ink,#111);background:#fff;border-radius:24px;font:400 16px -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.35)}.sr-page .sr-ui-canvas p{font:inherit;letter-spacing:normal;color:inherit;margin:0}.sr-ui-canvas img{max-width:none}.sr-community-backdrop{position:absolute;inset:0}.sr-community-photo{border-bottom:2px solid #000;width:430px;height:440px;position:absolute;top:0;left:0}.sr-community-photo img{object-fit:cover;width:100%;height:100%}.sr-community-photo:after{content:"";background:#0003;position:absolute;inset:0}.sr-ui-status{color:#fff;justify-content:space-between;font-size:16px;font-weight:600;display:flex;position:absolute;top:23px;left:60px;right:32px}.sr-community-intro{width:382px;position:absolute;top:480px;left:24px}.sr-community-intro h3{letter-spacing:-.025em;margin:0 0 8px;font-size:40px;font-weight:700;line-height:1.2}.sr-community-intro h3>span{isolation:isolate;position:relative}.sr-community-intro h3 img{z-index:-1;position:absolute;bottom:5px;left:0}.sr-page .sr-community-intro p{font-size:16px;line-height:24px}.sr-onboarding-dots{text-align:center;color:#aaa;letter-spacing:3px;width:100%;font-size:12px;position:absolute;top:794px}.sr-onboarding-dots b{color:var(--sr-ink,#111)}.sr-community-actions{gap:18px;width:382px;font-weight:700;display:flex;position:absolute;top:835px;left:24px}.sr-community-actions span{text-align:center;border:1px solid var(--sr-ink,#111);border-radius:36px;flex:1;padding:16px 0}.sr-community-actions span:last-child{background:#d3ffc3;border-color:#d3ffc3}.sr-ui-home{background:var(--sr-ink,#000);border-radius:5px;width:140px;height:5px;position:absolute;bottom:8px;left:145px}.sr-sheet-shade{opacity:0;background:#0003;position:absolute;inset:0}.sr-listing-sheet{background:#fff;border-radius:24px 24px 0 0;width:430px;padding:8px 0 72px;position:absolute;bottom:0;left:0;box-shadow:0 -3px 15px #0001}.sr-sheet-handle{background:#9e9e9e;border-radius:36px;width:36px;height:2px;margin:0 auto 24px}.sr-listing-sheet header{text-align:center;border-bottom:1px solid #f5f5f5;padding:0 24px 14px}.sr-listing-sheet h4{letter-spacing:-.32px;color:var(--sr-ink,#111);margin:0;font-size:16px;font-weight:800}.sr-listing-sheet h4 span{isolation:isolate;position:relative}.sr-listing-sheet h4 img{z-index:-1;position:absolute;bottom:0;left:0}.sr-page .sr-listing-sheet p{color:var(--sr-ink,#111);font-size:12px}.sr-listing-option{align-items:center;gap:12px;padding-left:24px;display:flex}.sr-listing-option>div{border-bottom:1px solid #f5f5f5;flex:1;padding:16px 0}.sr-listing-option strong{color:var(--sr-ink,#111);font-size:14px;font-weight:800}.sr-multiple-option>div{border:0}.sr-floating-conversation{transform-origin:50%;flex-direction:column;gap:24px;width:430px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sr-chat-message{align-items:center;gap:14px;padding-right:36px;display:flex}.sr-chat-message--buyer{flex-direction:row-reverse;padding-left:36px;padding-right:0}.sr-chat-message>img{border-radius:50%;flex:0 0 47px;width:47px;height:47px}.sr-page .sr-chat-message p{max-width:333px;color:var(--sr-ink,#111);letter-spacing:normal;background:#fff;border-radius:12px;margin:0;padding:16px 18px;font:400 18px/1.35 -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.sr-page .sr-chat-message--buyer p{background:#d3ffc3}.sr-transaction-camera{opacity:0;background:0 0;height:760px}.sr-preview-phone{opacity:0;transform-origin:50%;background:#f5f5f5;border-radius:48px;width:430px;height:932px;position:absolute;top:50%;left:50%}.sr-transaction-sheet{background:#fff;border-radius:24px 24px 0 0;width:430px;height:760px;position:absolute;bottom:0;left:0;overflow:hidden}.sr-transaction-sheet>img{width:430px;height:760px}.sr-receipt-callout{isolation:isolate;white-space:nowrap;font-weight:600;line-height:20px;position:absolute}.sr-receipt-heading{text-align:center;background:#fff;width:252px;height:23px;padding-top:3px;font-size:14px;top:27px;left:90px}.sr-pickup-heading{background:#fafafa;width:65px;height:25px;padding-top:2px;font-size:16px;font-weight:700;top:177px;left:31px}.sr-deposit-heading{background:#fafafa;width:146px;height:28px;padding-top:3px;font-size:16px;top:413px;left:32px}.sr-highlight-text{display:inline-block;position:relative}.sr-highlight-label{position:relative}.sr-highlight-ink{background:#d3ffc3;height:5px;position:absolute;bottom:1px;left:0;right:0}.sr-receipt-heading .sr-highlight-ink{height:4px}.sr-product-focus{transform-origin:50%;opacity:0;width:430px;height:100px;position:absolute;top:50%;left:50%}.sr-product-art{background:#fff;border-radius:14px;width:430px;height:98px;overflow:hidden}.sr-product-art img{width:430px;max-width:none;height:100px}.sr-tap-indicator{transform-origin:33.333% 0;pointer-events:none;width:36px;max-width:none;height:48px;position:absolute;top:67px;left:334px;overflow:visible}.sr-click-ring{border:1.5px solid var(--sr-ink,#303030);opacity:0;border-radius:50%;width:34px;height:34px;position:absolute;top:50px;left:329px}.sr-confirm-screen{height:665px}.sr-confirm-screen img{width:430px;height:665px;position:absolute;inset:0}.sr-confirm-base{-webkit-mask-image:linear-gradient(#000 0 12%,#0000 12.01% 94%,#000 94.01%);mask-image:linear-gradient(#000 0 12%,#0000 12.01% 94%,#000 94.01%)}.sr-confirm-icon{width:102px;height:102px;position:absolute;top:110px;left:168px;overflow:visible}.sr-confirm-icon rect{fill:#d3ffc3;transform-box:fill-box;transform-origin:50%}.sr-confirm-icon path{fill:none;stroke:var(--sr-ink,#000);stroke-width:13px;stroke-linecap:round;stroke-linejoin:round}.sr-confirm-details{background:#fafafa;border-radius:28px;width:398px;height:218px;position:absolute;top:392px;left:16px}.sr-trust-phone{background:#fff;width:430px;height:932px}.sr-trust-profile{width:430px;height:932px}.sr-trust-focus{--trust-muted:var(--sr-ink,#111);visibility:hidden;transform-origin:50%;width:430px;height:900px;color:var(--sr-ink,#111);letter-spacing:0;font:400 14px/20px -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4)}.sr-trust-compact{width:430px;max-width:none;height:auto;position:absolute;inset:0 auto auto 0}.sr-trust-expanded{visibility:hidden;background:var(--sr-ui-background);border-radius:32px;flex-direction:column;gap:20px;padding:24px 16px 36px;display:flex;position:absolute;inset:0;overflow:hidden}.sr-trust-close{width:48px;height:48px;color:var(--sr-ink,#1a1a1a);position:absolute;top:16px;right:16px}.sr-confirm-close,.sr-transaction-close,.sr-scene-close-line{display:none}.sr-trust-profile-summary{flex-direction:column;flex:none;align-items:flex-start;gap:10px;padding-right:48px;display:flex}.sr-trust-identity{align-items:center;gap:12px;display:flex}.sr-trust-identity>img{border-radius:50%;width:44px;height:44px}.sr-trust-identity>div{flex-direction:column;gap:2px;display:flex}.sr-trust-identity strong{letter-spacing:-.5px;font-size:20px;font-weight:500;line-height:26px}.sr-trust-identity span{color:var(--sr-ink,#111);font-size:12px;line-height:16px}.sr-trust-university{background:color-mix(in srgb, var(--sr-university-red) 4%, white);color:var(--sr-university-red);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;line-height:16px;display:flex}.sr-trust-university-mark{background:currentColor;flex-shrink:0;width:15px;height:12px;-webkit-mask:url(/media/secondround/northeastern-notched-n.png) 50%/130% 168% no-repeat;mask:url(/media/secondround/northeastern-notched-n.png) 50%/130% 168% no-repeat}.sr-trust-expanded svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sr-trust-section{flex:none}.sr-trust-info-group{flex-direction:column;gap:14px;display:flex}.sr-trust-feedback{background:var(--sr-primary-green);border-radius:22px;gap:12px;padding:6px}.sr-trust-feedback .sr-trust-section-heading{padding:8px 10px 0}.sr-trust-expanded h3{font:inherit;letter-spacing:-.25px;margin:0;font-size:17px;font-weight:650;line-height:24px}.sr-trust-section-heading>span{color:var(--trust-muted);margin-top:3px;font-size:12px;line-height:18px;display:block}.sr-trust-ratings{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sr-trust-rating{background:var(--sr-ui-background);border-radius:16px;min-width:0;padding:16px}.sr-trust-rating-label{color:var(--sr-ink,#111);font-size:12px;font-weight:600}.sr-trust-rating-value{align-items:baseline;gap:5px;margin-top:6px;display:flex}.sr-trust-rating-value strong{letter-spacing:-1.8px;color:var(--sr-ink,#111);font-size:44px;font-weight:700;line-height:48px}.sr-trust-rating-value>span{color:var(--sr-ink,#111);font-size:13px}.sr-trust-stars{color:var(--sr-ink,#111);letter-spacing:2px;margin-top:3px;font-size:14px;line-height:20px;display:block}.sr-trust-counts{flex-direction:column;gap:2px;margin-top:12px;padding-top:10px;font-size:12px;line-height:18px;display:flex}.sr-trust-counts strong{font-weight:600}.sr-trust-counts>span{color:var(--trust-muted)}.sr-trust-reliability{background:var(--sr-ui-surface);border-radius:16px;padding:16px}.sr-trust-pickup-score{align-items:baseline;gap:8px;margin-top:12px;display:flex}.sr-trust-pickup-score strong{letter-spacing:-.8px;color:var(--sr-ink,#111);font-size:32px;font-weight:700;line-height:38px}.sr-trust-pickup-score>span{color:var(--sr-ink,#111);font-size:12px}.sr-trust-track-record{border-top:1px solid #00000014;grid-template-columns:repeat(3,1fr);margin-top:14px;padding-top:12px;display:grid}.sr-trust-track-record>div{text-align:center;flex-direction:column;gap:2px;display:flex}.sr-trust-track-record>div+div{border-left:1px solid #00000014}.sr-trust-track-record strong{font-size:18px;font-weight:600;line-height:22px}.sr-trust-track-record span{color:var(--sr-ink,#111);font-size:11px;line-height:16px}.sr-trust-verification{background:var(--sr-ui-surface);border-radius:16px;gap:10px;padding:16px}.sr-trust-verification h3{align-items:center;gap:8px;margin-bottom:2px;display:flex}.sr-trust-verification-icon{background:var(--sr-primary-green);width:28px;height:28px;color:var(--sr-ink,#111);border-radius:50%;flex:none;place-items:center;display:grid}.sr-trust-detail-row{justify-content:space-between;align-items:center;gap:8px;font-size:13px;line-height:20px;display:flex}.sr-trust-detail-row>span{color:var(--trust-muted)}.sr-trust-detail-row strong{font-weight:550}.sr-trust-home{background:var(--sr-ink,#000);border-radius:3px;width:144px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@media (width<=767px){.sr-evolution-note{max-width:calc(100% - 100px);font-size:16px;line-height:1.25;bottom:20px;left:20px}.sr-details{grid-row:3}.sr-project-description{grid-column:1/-1}.sr-page .sr-hero-art{margin-top:28px}.sr-page .sr-hero-art>img{object-position:35% 45%}.sr-listing-row>.sr-motion-player,.sr-campus-player,.sr-three-up>.sr-motion-player{grid-column:1/-1}.sr-reservation-player .sr-motion-stage{height:min(70svh, calc(100svh - var(--header-height) - 7rem))}.sr-page .sr-three-up{row-gap:32px}}@media (prefers-reduced-motion:reduce){.sr-evolution-stage{padding-bottom:72px}.sr-evolution-note{display:none}.sr-reduced-note{display:block}.sr-evolution-stage .sr-static-revised{object-fit:contain;width:auto;max-width:100%;height:100%}}.page--secondround{--sr-page-global-scrollbar-width:0px;--sr-page-grid-max-content-width:var(--portfolio-content-max);--sr-page-grid-columns:4;--sr-page-grid-margin:1rem;--sr-page-grid-gutter:1rem;--sr-page-grid-col-width:calc(( min(100vw - (var(--sr-page-grid-margin) * 2) - var(--sr-page-global-scrollbar-width), var(--sr-page-grid-max-content-width)) - (var(--sr-page-grid-gutter) * (var(--sr-page-grid-columns) - 1)) ) / var(--sr-page-grid-columns));--sr-page-section-block-padding:var(--sr-page-space-40,2.5rem);--sr-page-max-content-width:1440px;--sr-page-columns:1;--sr-page-gutter:24px;--sr-page-col-width:calc(100vw - var(--sr-page-global-scrollbar-width) - var(--sr-page-gutter) * 2);--sr-page-lego-block-padding:5rem;--sr-page-label-font:var(--font-project-mono);--sr-page-small-label-size:var(--project-meta-size);--sr-page-heading-weight:var(--portfolio-heading-weight);--sr-page-section-label-color:var(--portfolio-ink);--sr-page-section-label-weight:var(--portfolio-heading-weight);--sr-page-description-color:var(--portfolio-copy);--sr-page-description-letter-spacing:0em;--sr-page-description-line-height:var(--portfolio-reading-line-height);--sr-page-listing-background:var(--portfolio-panel);--sr-page-campus-background:var(--sr-primary-green);--sr-page-caption-color:var(--portfolio-copy);--sr-page-listing-caption-weight:400;--sr-page-listing-caption-size:clamp(17px, 1.45vw, 22px);--sr-page-playback-background:var(--sr-page-section-label-color);--sr-page-screen-corner:48;--sr-page-reservation-corner:28px;--sr-page-close-icon-color:#777;--sr-scene-close-size:32px;--sr-ink:var(--sr-page-section-label-color);--sr-page-animation-scale:.82;--sr-page-hero-gap:clamp(1.5rem, 3svh, 2.5rem);--sr-page-hero-top-padding:var(--case-hero-top-padding)}.page.page--secondround{--color-text:var(--sr-page-section-label-color);--color-body:var(--sr-page-section-label-color)}@media (width>=480px){.page--secondround{--sr-page-grid-columns:12;--sr-page-grid-margin:1.5rem;--sr-page-section-block-padding:var(--sr-page-space-64,4rem)}}@media (width>=960px){.page--secondround{--sr-page-lego-block-padding:7.5rem;--sr-page-columns:48;--sr-page-col-width:calc(min(100vw - var(--sr-page-global-scrollbar-width), var(--sr-page-max-content-width)) / (var(--sr-page-columns) + 4));--sr-page-gutter:calc(var(--sr-page-col-width) * 2)}}@media (width>=1024px){.page--secondround{--sr-page-grid-margin:2.5rem;--sr-page-section-block-padding:var(--sr-page-space-80,5rem)}}@media (width>=1920px){.page--secondround{--sr-page-lego-block-padding:10rem;--sr-page-max-content-width:1680px}}.page--secondround :is(.sr-page.container,.header-inner){width:calc(var(--sr-page-grid-col-width) * var(--sr-page-grid-columns) + var(--sr-page-grid-gutter) * (var(--sr-page-grid-columns) - 1));max-width:calc(100% - var(--sr-page-grid-margin) * 2);margin-inline:auto}.page--secondround .sr-page{padding-block:var(--sr-page-hero-top-padding) var(--sr-page-section-block-padding)}.page--secondround .sr-hero-stage{min-height:0;display:block}.page--secondround .sr-hero-intro{align-content:start;align-items:start;padding-block:0}.page--secondround :is(.sr-project-intro,.sr-details){align-self:start}.page--secondround .sr-project-intro{display:contents}.page--secondround .sr-back{font-family:var(--sr-page-label-font);font-size:var(--project-meta-size);letter-spacing:.04em;grid-area:1/1/auto/8;justify-self:start;margin-bottom:0;font-weight:400}.page--secondround .sr-back img{filter:brightness(0)invert(.188);width:14px;height:14px}.page--secondround .sr-project-intro h1{grid-area:2/1/auto/8;align-self:last baseline}.page--secondround .sr-details{font-family:var(--sr-page-label-font);grid-row:2;align-self:last baseline;gap:10px}.page--secondround .sr-details>div{grid-template-columns:13ch minmax(0,1fr);align-items:start;column-gap:1rem;display:grid}.page--secondround .sr-details :is(dt,dd){font-size:var(--project-meta-size);letter-spacing:.015em;text-transform:uppercase;font-weight:400;line-height:1.65}.page--secondround .sr-details dt{flex-shrink:0}.page--secondround .sr-details dd{min-width:0}.page--secondround :is(.sr-introduction>h2,.sr-story>h2,.sr-story>h3){color:var(--sr-page-section-label-color);font-weight:var(--sr-page-section-label-weight)}.page--secondround :is(.sr-copy>p,.sr-story>p){color:var(--sr-page-description-color);letter-spacing:var(--sr-page-description-letter-spacing);line-height:var(--sr-page-description-line-height)}.page--secondround .sr-page :is(figcaption,.sr-caption,.sr-evolution-note){color:var(--sr-page-caption-color)}.page--secondround .sr-listing-row .sr-surface{background:var(--sr-page-listing-background)}.page--secondround .sr-evolution-note{font-weight:var(--sr-page-listing-caption-weight);font-size:var(--sr-page-listing-caption-size)}.page--secondround :is(.sr-animation-caption,.sr-evolution-note,.sr-links,.sr-footer>p){font-family:var(--sr-page-label-font);letter-spacing:0;text-transform:uppercase;font-weight:400}.page--secondround :is(.sr-animation-caption,.sr-links,.sr-footer>p){font-size:var(--sr-page-small-label-size)}.page--secondround .sr-journey-player .sr-motion-stage{background:var(--sr-page-campus-background)}.page--secondround .sr-playback-toggle{background:var(--sr-page-playback-background)}.page--secondround .sr-page h1{font-weight:var(--sr-page-heading-weight)}@media (hover:hover) and (pointer:fine){.page--secondround .sr-playback-toggle{opacity:0;pointer-events:none;transition:opacity .24s}.page--secondround :is(.sr-motion-stage,.sr-evolution-stage):is(:hover,:focus-within) .sr-playback-toggle{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.page--secondround .sr-playback-toggle{transition:none}}.page--secondround .sr-page-reservation-window{grid-column:span 4;min-width:0;overflow:clip}.page--secondround .sr-page>:is(section,footer){margin-top:var(--sr-page-lego-block-padding)}.page--secondround .sr-page .sr-grid{grid-template-columns:repeat(var(--sr-page-grid-columns), minmax(0, 1fr));gap:var(--sr-page-grid-gutter)}.page--secondround .sr-listing-row+.sr-listing-row,.page--secondround .sr-page .sr-three-up{margin-top:var(--sr-page-section-block-padding)}.page--secondround .sr-page .sr-hero-art{width:100%;max-width:var(--sr-page-max-content-width);margin-inline:auto;margin-top:var(--sr-page-hero-gap)}.page--secondround .sr-footer{padding-top:var(--sr-page-gutter)}.page--secondround .sr-links{gap:var(--sr-page-gutter)}.page--secondround .sr-links a{white-space:nowrap;width:auto;font-size:clamp(.75rem, 3.2vw, var(--project-meta-size))}.page--secondround .sr-survey-highlight{color:var(--sr-page-section-label-color);background:linear-gradient(var(--sr-primary-green), var(--sr-primary-green)) left center / var(--sr-highlight-progress,100%) 100% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.1em .15em;font-weight:500}.page--secondround .sr-motion-player:not(.sr-artwork) .sr-motion-content{transform:scale(var(--sr-page-animation-scale));transform-origin:50%}.page--secondround .sr-evolution-content{transform:scale(var(--sr-page-animation-scale));transform-origin:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.page--secondround :is(.sr-card-ui,.sr-static-revised){border-radius:calc(var(--sr-page-screen-corner) / 430 * 100%) / calc(var(--sr-page-screen-corner) / 932 * 100%)}.page--secondround :is(.sr-morph,.sr-ui-canvas,.sr-trust-expanded,.sr-journey-camera,.sr-preview-phone){border-radius:calc(var(--sr-page-screen-corner) * 1px)}.page--secondround .sr-reservation-player :is(.sr-ui-canvas,.sr-trust-expanded,.sr-preview-phone){border-radius:var(--sr-page-reservation-corner)}.page--secondround .sr-transaction-sheet{border-radius:var(--sr-page-reservation-corner) var(--sr-page-reservation-corner) 0 0}.page--secondround .sr-transaction-sheet:after{content:"";background:#fff;width:48px;height:42px;position:absolute;top:16px;right:12px}.page--secondround .sr-confirm-base{-webkit-mask-image:linear-gradient(#0000 0 94%,#000 94.01%);mask-image:linear-gradient(#0000 0 94%,#000 94.01%)}.page--secondround .sr-scene-close{z-index:2;width:var(--sr-scene-close-size);height:var(--sr-scene-close-size);color:var(--sr-page-close-icon-color);display:block;position:absolute;top:16px;right:16px}.page--secondround .sr-scene-close-solid{display:none}.page--secondround .sr-scene-close-line{display:block}.page--secondround .sr-page-campaign-section{align-items:start}.page--secondround .sr-page .sr-grid.sr-campaign{gap:var(--sr-page-section-block-padding);flex-direction:column;grid-column:5/-1;width:100%;margin-top:0;display:flex}.page--secondround .sr-campaign-pair{display:contents}.page--secondround .sr-page .sr-campaign .sr-motion-player{flex:none;width:100%}.page--secondround .sr-campaign-post{aspect-ratio:1080/1685;border-radius:5%/3.2%}.page--secondround .sr-page .sr-campaign-post>img{width:109.444%;top:-2.1365%;left:-4.72222%}@media (width>=1024px){.page--secondround .sr-page-campaign-section>.sr-story[data-centered-sticky=true]{top:var(--sr-page-campaign-stick-top);margin-bottom:var(--sr-page-campaign-end-inset,0px);position:sticky}}@media (width<=767px){.page--secondround{--sr-page-listing-caption-size:15px}.page--secondround .sr-page-reservation-window{grid-column:1/-1}.page--secondround .sr-page .sr-grid{row-gap:var(--sr-page-section-block-padding)}.page--secondround .sr-page .sr-hero-intro{row-gap:1.25rem}.page--secondround .sr-back,.page--secondround .sr-project-intro h1{grid-column:1/-1}.page--secondround .sr-details{grid-row:3;align-self:start}.page--secondround .sr-page .sr-grid.sr-campaign{grid-column:1/-1;width:100%}.page--secondround .sr-page .sr-hero-art{height:42svh}}.page.page--portfolio{--color-background:var(--portfolio-paper);--color-text:var(--portfolio-ink);--color-body:var(--portfolio-copy);--color-muted:var(--portfolio-copy);--color-accent:var(--portfolio-ink);--color-surface:var(--portfolio-panel);--color-media-background:var(--portfolio-panel);--color-menu-stroke:var(--portfolio-divider);--font-display:var(--font-portfolio);--line-body:var(--portfolio-reading-line-height);--case-title-size:clamp(3rem, 6.35vw, 7.5rem);--case-title-line:1.1667;--case-title-tracking:-.026775em;--case-heading-size:clamp(1.6rem, 2.38vw, 2.75rem);--case-heading-line:1.222;--case-heading-tracking:-.02352em;--case-subheading-size:clamp(1.6rem, 2.38vw, 2.75rem);--case-body-size:18px;--hero-cursor-color:var(--portfolio-paper);--case-hero-top-padding:clamp(1rem, 2svh, 1.5rem);--page-gutter:clamp(1rem, 2.5vw, 2.5rem);--page-width:min(var(--portfolio-content-max), calc(100% - 2 * var(--page-gutter)));background:var(--color-background);min-height:100svh;color:var(--color-text)}:is(html:has(.page--portfolio),body:has(.page--portfolio)){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--portfolio-paper)}.page--portfolio .site-header{--header-ink:#c7c7c4;color:var(--header-ink);mix-blend-mode:difference;isolation:auto;background:0 0}.page--portfolio:is(.page--case,.page--secondround) .site-header--stacked{height:var(--header-height)}.page--portfolio:is(.page--case,.page--secondround)>main{padding-top:calc(10rem + clamp(1.25rem,2.5vw,2.5rem))}.page--portfolio:is(.page--case,.page--secondround) .site-header nav{opacity:.82}@media (width<=767px){.page--portfolio:is(.page--case,.page--secondround)>main{padding-top:8.75rem}}.page--home[data-hero-header] .site-header{--header-ink:color-mix(in srgb, var(--portfolio-ink), var(--active-header-ink,#fff) calc(var(--home-hover-progress) * 100%));mix-blend-mode:normal}.page--home[data-work-active=true]:not([data-hero-header]) .site-header{--header-ink:var(--selected-works-color);mix-blend-mode:normal}.page--portfolio .site-header :is(.brand,.menu-toggle){color:inherit}.page--portfolio .header-stroke{background:color-mix(in srgb, currentColor 17%, transparent)}@media (width<=767px){.page--portfolio .site-header:has(nav.is-open){--header-ink:var(--portfolio-ink);background:var(--portfolio-paper);mix-blend-mode:normal}}.page--portfolio .site-header nav{text-transform:none}.page .site-header nav{font-size:clamp(1rem,.9rem + .25vw,1.125rem)}.site-header nav a,.site-header nav a:is(:hover,:focus-visible,[aria-current]){color:var(--header-ink,var(--color-text));transition:none}.site-header .nav-label{color:inherit;display:inline-block;position:relative}.site-header .nav-label:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .22s;position:absolute;inset:auto 0 -.15em;transform:scaleX(0)}.site-header a:is(:hover,:focus-visible,[aria-current]) .nav-label:after,.page[data-active-letter=j] [data-letter=j] .nav-label:after,.page[data-active-letter=u] [data-letter=u] .nav-label:after,.page[data-active-letter=l] [data-letter=l] .nav-label:after,.page[data-active-letter=i] [data-letter=i] .nav-label:after,.page[data-active-letter=e] [data-letter=e] .nav-label:after{transform:scaleX(1)}.page--portfolio .skip-link{color:var(--portfolio-paper)}.page--portfolio :is(.placeholder-page,.archive-page,.resume-page){width:var(--page-width);min-height:85svh;margin:0 auto;padding-block:clamp(12rem,24svh,16rem) clamp(4rem,8vw,8rem)}.page--portfolio :is(.placeholder-page h1,.archive-heading h1,.resume-heading h1){font-size:clamp(3rem,7vw,7.5rem);font-weight:var(--portfolio-heading-weight);letter-spacing:-.035em;color:var(--portfolio-ink);line-height:1.15}.page--portfolio :is(.placeholder-page>p,.archive-gate>p){color:var(--portfolio-copy);font-size:clamp(1rem,1.15vw,1.125rem);line-height:var(--portfolio-reading-line-height);letter-spacing:0}.page--portfolio .placeholder-page{gap:2rem}.page--portfolio :is(.text-link,.archive-gate label,.archive-back,.archive-period,.archive-input-row button,.archive-collection-top button,.portfolio-footer){font:400 clamp(.75rem, .9vw, .875rem)/1.65 var(--font-project-mono);text-transform:uppercase;letter-spacing:.015em}.page--portfolio .text-link{margin-top:1rem;text-decoration:none}.page--portfolio .text-link:hover{text-underline-offset:.3em;text-decoration:underline}.page--portfolio .archive-heading{margin:0 0 clamp(2.5rem,5vw,5rem)}.page--portfolio .archive-gate form{grid-column:6/-1;max-width:42rem}.page--portfolio :is(.archive-back,.archive-period,.archive-project small){color:var(--portfolio-copy)}.page--portfolio .archive-input-row{border-color:var(--portfolio-ink);min-height:3rem}.page--portfolio .archive-project{border-color:var(--portfolio-divider);font-weight:var(--portfolio-heading-weight);padding-block:2rem}.page--portfolio .archive-collection-top h2{text-transform:none;letter-spacing:-.025em;font-size:clamp(1.4rem,2vw,2rem);font-weight:500}.page--portfolio .portfolio-footer{border-top:1px solid var(--portfolio-divider);color:var(--portfolio-copy);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:2rem;display:flex}.page--portfolio .portfolio-footer p{color:inherit;font:inherit;letter-spacing:inherit}.page--portfolio .resume-page{max-width:75rem}@media (width<1100px){.page.page--portfolio{--case-body-size:16px}}@media (width<768px){.page.page--portfolio{--case-title-size:clamp(2.6rem, 10.6vw, 5rem);--case-heading-size:28px;--case-heading-line:1.25}}.page--portfolio.page--case{--type-body:var(--case-body-size);--section-gap:5rem}@media (width>=960px){.page--portfolio.page--case{--section-gap:7.5rem}}@media (width>=1920px){.page--portfolio.page--case{--section-gap:10rem}}.page--portfolio.page--case .case-content{padding-top:var(--section-gap)}.page--portfolio.page--case .section{padding-top:0}.page--portfolio.page--case .portfolio-footer{min-height:0;margin-top:var(--section-gap)}.page--secondround .sr-page h1,.page--portfolio.page--case :is(.hero-intro h1,.mobile-hero-title h1){font-size:var(--case-title-size);line-height:var(--case-title-line);letter-spacing:var(--case-title-tracking)}.page--secondround .sr-page h2,.page--portfolio.page--case .section-label{color:var(--portfolio-ink);font-size:var(--case-heading-size);font-weight:var(--portfolio-heading-weight);line-height:var(--case-heading-line);text-transform:none;letter-spacing:var(--case-heading-tracking);text-wrap:pretty}.page--secondround .sr-story>h3{font-size:var(--case-subheading-size);font-weight:var(--portfolio-heading-weight);letter-spacing:var(--case-heading-tracking);line-height:1.222}.page--secondround :is(.sr-copy>p,.sr-story>p),.page--portfolio.page--case :is(.caption,.prose p,.prose ul,.workflow-statements p,.hero-subtitle){color:var(--portfolio-copy);font-family:var(--font-portfolio);font-size:var(--case-body-size);letter-spacing:0;font-weight:400;line-height:var(--portfolio-reading-line-height)}.page--portfolio.page--case #problem .prose ul{margin-top:1.25em;padding-inline-start:1em;list-style-position:outside}.page--portfolio.page--case #problem .prose li+li{margin-top:.35em}.page--portfolio.page--case .workflow-statements h3{letter-spacing:-.02em;margin-bottom:.625rem;font-size:clamp(1.125rem,1.5vw,1.5rem);font-weight:400;line-height:1.35}.page--portfolio.page--case .workflow-title{max-width:none}.page--portfolio.page--case .workflow-statements p{color:#686868}body:has(.page--portfolio.page--case)>.image-pause-cursor{box-sizing:border-box;text-align:center;white-space:normal;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;padding:24px;display:flex}.page--portfolio.page--case [data-pause-cursor],.page--portfolio.page--case [data-pause-cursor] *{cursor:none}.page--portfolio.page--case .back-link{color:var(--portfolio-copy);line-height:var(--portfolio-reading-line-height)}.page--portfolio.page--case :is(.project-details,.back-link,.sitemap-tabs,.sitemap-expand,.prototype-workflow-label){font-family:var(--font-project-mono);text-transform:uppercase;font-size:var(--project-meta-size);letter-spacing:.015em;font-weight:400}.page--portfolio.page--case .project-details :is(dt,dd){font-size:inherit;color:var(--portfolio-copy);font-weight:400;line-height:1.65}.page--portfolio.page--case :is(.hero-intro h1,.mobile-hero-title h1){font-family:var(--font-portfolio);font-weight:var(--portfolio-heading-weight)}.page--portfolio.page--case .mission-statement{--mission-brand-size:clamp(2.125rem, min(5.6cqw, 8.5svh), 5.5rem);container-type:inline-size}.page--portfolio.page--case .mission-copy{font-family:var(--font-portfolio);font-size:calc(var(--mission-brand-size) * .9);font-weight:var(--portfolio-heading-weight);letter-spacing:-.035em;padding-inline:0;line-height:1.45}.page--portfolio.page--case .mission-destination{white-space:normal;display:inline}.page--portfolio.page--case .mission-map-group{white-space:nowrap;display:inline-block}@media (width>=768px){.page--portfolio.page--case .section:not(.section--wide) .section-intro,.page--portfolio.page--case #workflows .section-intro{grid-column:1/4}.page--portfolio.page--case .section--sitemap .section-intro{padding-bottom:0}.page--portfolio.page--case .section--text .section-body{grid-column:5/-1}}.page--portfolio.page--case :is(#audience,#palette,#typography,#logo) :is(.media-frame,.carousel-image,.zoom-image,img),.page--portfolio.page--case :is(#wireframes .media-frame,.sitemap-panel){border-radius:0}.page--portfolio.page--case .sitemap-tabs a:after{content:none}.page--portfolio.page--case .sitemap-tabs a{font-weight:400}.page--portfolio.page--case .sitemap-tabs a:is([aria-selected=true],:hover,:focus-visible){font-weight:600}.page--portfolio.page--case :is(#context,#problem) .highlight{color:var(--portfolio-copy);font-family:var(--font-portfolio);font-size:var(--case-body-size);font-weight:400;line-height:var(--portfolio-reading-line-height);letter-spacing:0}.page--portfolio.page--case :is(.workflow-statements>div,.media-frame,.prototype,.video-stage){border-radius:0}.page--portfolio.page--case :is(.prototype-workflow-label,.carousel-header,.sitemap-return-title){color:var(--portfolio-ink)}.page--portfolio.page--case .hero-intro .back-link{min-height:44px;color:var(--portfolio-ink);font-size:var(--project-meta-size);letter-spacing:.04em;grid-area:1/1/auto/-1;justify-self:start;gap:8px;margin:0;line-height:24px}.page--portfolio.page--case .back-link img{filter:brightness(0)invert(.188);width:14px;height:14px}@media (prefers-reduced-motion:reduce){.site-header .nav-label:after{transition:none}}.page--portfolio.page--case .hero-stage{min-height:0}.page--portfolio.page--case .hero-intro{padding-top:var(--case-hero-top-padding);flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:16px clamp(2rem,5vw,6rem);padding-bottom:clamp(1.5rem,4svh,3rem)}.page--portfolio.page--case .hero-intro>div{grid-area:2/1;align-self:end;min-width:0;container-type:inline-size}.page--portfolio.page--case .hero-intro .project-details{grid-area:2/2;align-self:end;min-width:0}.page--portfolio :is(.project-details,.sr-details){font-family:var(--font-project-mono);font-size:var(--project-meta-size)}.page--portfolio :is(.project-details,.sr-details) :is(dt,dd){font-size:inherit;font-weight:400;line-height:1.65}.page--portfolio :is(.project-details,.sr-details)>div{grid-template-columns:13ch minmax(0,1fr);align-items:baseline;column-gap:1rem;display:grid}@media (width>=768px){.page--portfolio.page--case .hero-intro h1,.page--portfolio.page--case .hero-intro .project-details>div:last-child :is(dt,dd){text-box-trim:trim-end;text-box-edge:cap alphabetic}}@media (width<=767px){.page--portfolio.page--case .hero-intro .back-link{margin-bottom:1.25rem}.page--portfolio.page--case .mobile-project-details .project-details{font-size:var(--project-meta-size)}.page--portfolio.page--case .mobile-project-details .project-details>div{grid-template-columns:13ch minmax(0,1fr);gap:.75rem}}.page--portfolio :is(.hero-art,.totem-art) .afterdark-screen{border-radius:9.5% 9.5% 0 0/5.5% 5.5% 0 0}.page--portfolio.page--case .hero-art{background:var(--portfolio-panel);border-radius:0}.page--portfolio.page--case .hero-art .afterdark-screens{translate:0 clamp(.75rem,2.5svh,2rem)}.page--portfolio.page--case .mission-wordmark{font-size:var(--mission-brand-size);filter:brightness(.19)}.page--portfolio.page--case .related-card>.caption{color:var(--portfolio-copy);font:400 .8125rem/1.6 var(--font-project-mono);order:0}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff")}.page--portfolio.page--case[data-afterdark-theme=dark]{--portfolio-paper:#0d0d0d;--portfolio-ink:#f7f7f4;--portfolio-copy:#d0d0cc;--portfolio-panel:#1c1c1e;--portfolio-divider:#ffffff26;--color-accent:var(--afterdark-yellow);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:is(html:has(.page[data-afterdark-theme=dark]:not([data-afterdark-preview])),body:has(.page[data-afterdark-theme=dark]:not([data-afterdark-preview]))){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d0d0d}.page--portfolio[data-afterdark-theme=dark] .site-header{--header-ink:#f7f7f4}.page--portfolio.page--case[data-afterdark-theme=dark] .workflow-statements p{color:#b8b8b4}.page--portfolio.page--case[data-afterdark-theme=dark] .hero-art{background:var(--afterdark-yellow)}.page--portfolio.page--case[data-afterdark-theme=dark] .mission-copy{color:#83837d}.page--portfolio.page--case[data-afterdark-theme] .mission-wordmark{filter:none}.page--portfolio.page--case[data-afterdark-theme=dark] .back-link img{filter:brightness(0)invert(.97)}.page--portfolio[data-afterdark-theme] .afterdark-theme-toggle{right:max(2rem, env(safe-area-inset-right));bottom:max(2rem, env(safe-area-inset-bottom));z-index:90;box-sizing:border-box;background:var(--afterdark-yellow);color:#303030;width:144px;height:144px;box-shadow:none;font:400 12px/1.3 var(--font-project-mono);letter-spacing:.035em;cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;transition:transform .18s,background-color .25s;display:flex;position:fixed}.afterdark-toggle-mark{flex-shrink:0;width:46px;height:auto;display:block}.afterdark-toggle-cutout{transition:transform .65s cubic-bezier(.4,0,.2,1);transform:translate(22px,-22px)}.afterdark-theme-toggle[aria-pressed=true] .afterdark-toggle-cutout{transform:translate(0)}.afterdark-theme-toggle:focus-visible{outline:2px solid var(--portfolio-ink);outline-offset:4px}@media (hover:hover){.afterdark-theme-toggle:hover{transform:translateY(-3px)}}@media (width<=767px){.page--portfolio[data-afterdark-theme] .afterdark-theme-toggle{right:max(1.5rem, env(safe-area-inset-right));bottom:max(1.5rem, env(safe-area-inset-bottom));gap:7px;width:112px;height:112px;padding:20px;font-size:11px}.afterdark-toggle-mark{width:34px}}@media (prefers-reduced-motion:reduce){.page--portfolio[data-afterdark-theme] .afterdark-theme-toggle,.afterdark-toggle-cutout{transition:none}.afterdark-theme-toggle:hover{transform:none}}.page--portfolio[data-afterdark-theme=light] .prototype{background:var(--portfolio-panel)}.page--portfolio[data-afterdark-theme=light] .prototype .dots span{background:#a1a19c}.page--portfolio[data-afterdark-theme=light] .prototype .dots [aria-pressed=true] span{background:var(--portfolio-ink)}.page--portfolio[data-afterdark-theme] .prototype{--prototype-control-inset:24px;--prototype-dot-hit-width:44px;--prototype-dot-size:9px;display:block}.page--portfolio[data-afterdark-theme] .prototype .video-stage{width:100%;height:min(68svh, calc(100svh - var(--header-height) - 8rem));aspect-ratio:auto;justify-content:center;align-items:center;max-height:none;padding:clamp(32px,8svh,80px) 24px;display:flex}.prototype-phone{display:contents}.page--portfolio[data-afterdark-theme] .prototype-phone{--phone-crop-x:104;--phone-crop-y:104;--phone-crop-width:896;--phone-crop-height:1948;height:100%;aspect-ratio:var(--phone-crop-width) / var(--phone-crop-height);border-radius:calc(128 / var(--phone-crop-width) * 100%) / calc(128 / var(--phone-crop-height) * 100%);flex-shrink:0;max-width:100%;display:block;position:relative;overflow:hidden}.page--portfolio[data-afterdark-theme] .prototype .prototype-phone video{inset:auto;left:calc(-100% * var(--phone-crop-x) / var(--phone-crop-width));top:calc(-100% * var(--phone-crop-y) / var(--phone-crop-height));width:calc(100% * 1108 / var(--phone-crop-width));height:calc(100% * 2160 / var(--phone-crop-height));object-fit:fill;max-width:none;max-height:none;margin:0;padding:0}.page--portfolio[data-afterdark-theme] .prototype-workflow-label{left:calc(var(--prototype-control-inset) + (var(--prototype-dot-hit-width) - var(--prototype-dot-size)) / 2)}.page--portfolio[data-afterdark-theme] .prototype .carousel-controls{right:var(--prototype-control-inset);position:absolute;top:50%;transform:translateY(-50%)}.page--portfolio[data-afterdark-theme] .prototype .dots button{width:var(--prototype-dot-hit-width)}.page--portfolio[data-afterdark-theme] .prototype .dots span{width:var(--prototype-dot-size);height:var(--prototype-dot-size)}@media (width<=767px){.page--portfolio[data-afterdark-theme] .prototype{padding:16px;display:flex}.page--portfolio[data-afterdark-theme] .prototype .video-stage{height:min(56svh,27rem);padding:24px 0}.page--portfolio[data-afterdark-theme] .prototype .carousel-controls{position:static;transform:none}}.page--portfolio.page--case[data-afterdark-theme=light] .mission-copy{color:#91918a}.afterdark-toggle-label{text-align:center;text-transform:uppercase}.afterdark-theme-reveal{isolation:isolate;z-index:2147483001;pointer-events:none;position:fixed;inset:0;overflow:hidden}html[data-afterdark-reveal] .afterdark-theme-toggle,html[data-afterdark-reveal] .afterdark-toggle-cutout{transition:none}.sitemap-artwork--themed{aspect-ratio:5812/9000;position:relative}.sitemap-artwork--themed .sitemap-mode-art{width:100%;height:auto;position:absolute;inset:0 auto auto 0}.sitemap-artwork--themed .sitemap-mode-art--light{display:none}.page--portfolio[data-afterdark-theme=light] .sitemap-mode-art--light{display:block}.page--portfolio[data-afterdark-theme=light] .sitemap-mode-art--dark{display:none}