:root{--site-background:#fafcfd;--site-surface:#ffffff;--site-surface-strong:#ecf1f5;--site-text:#2e4150;--site-muted-text:#949ea6;--site-border:rgba(21,21,22,0.06);--site-hairline:0.5px;--site-accent:#1d6f5f;--site-accent-warm:#a24b36;--site-accent-blue:#2d5c9f;--site-font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--site-radius:20px;--site-content-radius:20px;--background:var(--site-background);--surface:var(--site-surface);--surface-strong:var(--site-surface-strong);--text:var(--site-text);--muted:var(--site-muted-text);--border:var(--site-border);--accent:var(--site-accent);--accent-2:var(--site-accent-warm);--accent-3:var(--site-accent-blue);--warning:#7a5b12;--dark:#171717;--radius:var(--site-radius);--container:1120px;--space-1:0.5rem;--space-2:0.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4.5rem}*{box-sizing:border-box}html{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--site-font-family);font-size:16px;font-weight:500;line-height:20px}a{color:inherit}img{display:block;height:auto;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:anywhere}h1{font-size:3.6rem;line-height:.98;max-width:920px}h2{font-size:2rem;line-height:1.1}h3{font-size:1.25rem;line-height:1.2}main{min-height:100vh}.page-shell{margin:0 auto;max-width:var(--container);padding:var(--space-6) var(--space-5) var(--space-7)}.page-hero{display:grid;gap:var(--space-4);padding:var(--space-4) 0 var(--space-6)}.page-hero p{color:var(--muted);font-size:1.15rem;max-width:760px}.page-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.portfolio-page{background:#fafcfd;color:var(--text);min-height:100vh;padding:56px 0 96px}.portfolio-layout{display:grid;gap:0 20px;grid-template-columns:repeat(3,380px);margin:0 auto;max-width:1180px}.portfolio-aside{align-self:start;grid-column:1;padding-left:24px;position:static}.portfolio-aside>.portfolio-logo{left:calc(50% - 566px);position:fixed;top:56px}.portfolio-hero-content{left:calc(50% - 566px);position:fixed;top:144px;width:356px}.portfolio-main{grid-column:2/span 2;min-width:0}.portfolio-logo{appearance:none;background:transparent;border:0;color:var(--text);cursor:pointer;display:block;height:64px;padding:0;width:64px}.portfolio-logo:focus-visible{outline:2px solid rgba(46,65,80,.28);outline-offset:4px}.portfolio-logo__press{transform-origin:center}.portfolio-logo__mark,.portfolio-logo__press{display:block;height:100%;width:100%}.portfolio-logo__path{stroke-dasharray:1;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){.portfolio-logo__path{animation-duration:var(--portfolio-logo-duration,1.2s);animation-fill-mode:both;animation-name:portfolio-logo-trim;animation-timing-function:var(--portfolio-logo-easing,cubic-bezier(.3,0,0,1));stroke-dashoffset:var(--portfolio-logo-offset-from,1)}.portfolio-logo__path[data-animation-cycle=hover]{animation:none}.portfolio-logo__path[data-animation-cycle=hover][data-hover-phase=erase]{stroke-dashoffset:0}.portfolio-logo__path[data-animation-cycle=hover][data-hover-phase=draw]{stroke-dashoffset:1}}@keyframes portfolio-logo-trim{0%{stroke-dashoffset:var(--portfolio-logo-offset-from,1)}to{stroke-dashoffset:var(--portfolio-logo-offset-to,0)}}.portfolio-hero-content{margin-top:0}.portfolio-identity{display:grid;gap:8px}.portfolio-name,.portfolio-section h1,.portfolio-section h2{color:var(--text);font-size:16px;font-weight:700;line-height:20px}.portfolio-intro{color:var(--text);margin-top:8px;max-width:333px}.portfolio-muted{color:var(--muted)}.portfolio-contacts{display:grid;gap:24px;grid-template-columns:84px minmax(0,1fr);margin-top:24px;max-width:340px}.portfolio-contact{display:grid;gap:2px}.portfolio-contact a,.portfolio-socials a{color:var(--text);text-decoration-color:rgba(46,65,80,.14);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .16s cubic-bezier(.22,1,.36,1),text-decoration-color .16s cubic-bezier(.22,1,.36,1)}.portfolio-contact a:hover,.portfolio-socials a:hover{color:#172733;text-decoration-color:rgba(46,65,80,.34)}.portfolio-socials{display:flex;gap:24px;bottom:48px;left:calc(50% - 566px);margin-top:0;position:fixed}.portfolio-section h1,.portfolio-section h2{margin:0}.portfolio-info-list{display:grid;gap:16px;margin-top:20px}.portfolio-info-row{display:grid;gap:20px;grid-template-columns:53px minmax(0,1fr) 380px}.portfolio-info-row--link{text-decoration:none}.portfolio-built-row--link span,.portfolio-info-row--link span:nth-child(2){text-decoration-color:rgba(46,65,80,0);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .16s cubic-bezier(.22,1,.36,1),text-decoration-color .16s cubic-bezier(.22,1,.36,1)}.portfolio-built-row--link:hover span,.portfolio-info-row--link:hover span:nth-child(2){text-decoration-color:rgba(46,65,80,.28)}.portfolio-info-row span{min-width:0}.portfolio-section--awards,.portfolio-section--built{margin-top:64px}.portfolio-built-list{display:grid;margin-top:20px}.portfolio-built-row{display:grid;gap:20px;grid-template-columns:53px minmax(0,1fr)}.portfolio-built-row--link{text-decoration:none}.portfolio-built-row p{max-width:548px}.portfolio-work{margin-top:64px;scroll-margin-top:96px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:20px}.portfolio-filter{color:var(--muted);text-decoration:none}.portfolio-filter[aria-current=true]{color:var(--text)}.portfolio-work-grid{display:grid;column-gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;row-gap:28px}.portfolio-work-column{align-content:start;align-self:start;display:grid;gap:28px}.portfolio-work-item{display:grid;min-width:0}.portfolio-card{background:#ecf1f5;border:0;border-radius:var(--site-content-radius);clip-path:inset(0 round var(--site-content-radius));container-type:inline-size;corner-shape:squircle;overflow:hidden;position:relative}.portfolio-card[role=button]{cursor:zoom-in}.portfolio-card[role=button]:focus-visible{outline:2px solid rgba(46,65,80,.28);outline-offset:4px}@supports (overflow:clip){.portfolio-card{overflow:clip}}.portfolio-card:after{border:var(--site-hairline) solid var(--site-border);border-radius:inherit;box-sizing:border-box;content:"";inset:0;pointer-events:none;position:absolute;transition:border-color .15s cubic-bezier(.22,1,.36,1);z-index:6}.portfolio-card[data-load-phase=blur]:after,.portfolio-card[data-load-phase=idle]:after,.portfolio-card[data-load-phase=skeleton]:after{border-color:rgb(46 65 80/var(--portfolio-skeleton-stroke-alpha,.18))}.portfolio-card--square{aspect-ratio:1}.portfolio-card--medium{aspect-ratio:380/475}.portfolio-card--tall{aspect-ratio:380/676}.portfolio-card--short{aspect-ratio:380/214}.portfolio-card__blur-overlay,.portfolio-card__content,.portfolio-card__loader{border-radius:inherit;clip-path:inset(0 round var(--site-content-radius));inset:0;pointer-events:none;position:absolute}.portfolio-card__content{opacity:0;pointer-events:auto;transition:opacity var(--portfolio-media-fade-duration,.1s) var(--portfolio-media-fade-easing,ease-in-out),filter .15s cubic-bezier(.22,1,.36,1),transform .15s cubic-bezier(.22,1,.36,1);z-index:1}.portfolio-card[data-load-phase=blur] .portfolio-card__content,.portfolio-card[data-load-phase=cover] .portfolio-card__content,.portfolio-card[data-load-phase=poster] .portfolio-card__content,.portfolio-card[data-load-phase=ready] .portfolio-card__content{opacity:1}.portfolio-card__loader{background:#ecf1f5;opacity:1;transition:opacity var(--portfolio-media-fade-duration,.1s) var(--portfolio-media-fade-easing,ease-in-out);z-index:4}.portfolio-card[data-load-phase=blur] .portfolio-card__loader,.portfolio-card[data-load-phase=cover] .portfolio-card__loader,.portfolio-card[data-load-phase=poster] .portfolio-card__loader,.portfolio-card[data-load-phase=ready] .portfolio-card__loader{opacity:0}.portfolio-card:not(:has(img[data-media-ready=true])):has([data-media-ready=false])
.portfolio-card__loader{opacity:1}.portfolio-card__blur-overlay{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(236,241,245,.16);opacity:0;transition:opacity .15s cubic-bezier(.22,1,.36,1);z-index:3}.portfolio-card[data-load-phase=blur] .portfolio-card__blur-overlay{opacity:1}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.portfolio-card[data-load-phase=blur] .portfolio-card__content{filter:blur(18px);transform:scale(1.03)}}.portfolio-qa-panel,.portfolio-reveal-states{left:50%;margin-top:64px;position:relative;scroll-margin-top:96px;transform:translateX(-50%);width:min(780px,calc(100vw - 40px))}.portfolio-qa-panel h2,.portfolio-reveal-states h2{color:var(--text);font-size:16px;font-weight:700;line-height:20px}.portfolio-sweep-tuner{background:rgba(236,241,245,.64);border:1px solid var(--border);border-radius:8px;display:grid;gap:16px;margin-top:20px;padding:16px}.portfolio-sweep-tuner__header{align-items:start;display:grid;gap:4px}.portfolio-sweep-tuner__header h3{color:var(--text);font-size:16px;font-weight:700;line-height:20px;margin:0}.portfolio-sweep-tuner__header p{color:var(--muted)}.portfolio-sweep-tuner__presets{display:flex;flex-wrap:wrap;gap:8px}.portfolio-sweep-tuner__presets button{appearance:none;background:#ffffff;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font:inherit;line-height:20px;padding:6px 10px}.portfolio-sweep-tuner__presets button:focus-visible,.portfolio-sweep-tuner__presets button:hover{border-color:rgba(46,65,80,.22)}.portfolio-sweep-tuner__controls{display:grid;gap:14px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-sweep-tuner__control{display:grid;gap:8px;min-width:0}.portfolio-sweep-tuner__control-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;min-width:0}.portfolio-sweep-tuner__control output{color:var(--muted);flex:0 0 auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.portfolio-sweep-tuner__field{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 74px}.portfolio-sweep-tuner__field--single{grid-template-columns:1fr}.portfolio-sweep-tuner__range{accent-color:var(--text);width:100%}.portfolio-sweep-tuner__number{background:#ffffff;border:1px solid var(--border);border-radius:6px;color:var(--text);font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:20px;min-width:0;padding:5px 7px;width:100%}.portfolio-sweep-tuner__select{appearance:auto}.portfolio-lightbox-tuner__phases{border-top:1px solid var(--border);display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:16px}.portfolio-lightbox-tuner__phase{border:0;display:grid;gap:14px;margin:0;min-width:0;padding:0}.portfolio-lightbox-tuner__phase legend{color:var(--text);font-size:16px;font-weight:700;line-height:20px;margin-bottom:12px;padding:0}.portfolio-logo-tuner__paths{border-top:1px solid var(--border);display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:16px}.portfolio-logo-tuner__click,.portfolio-logo-tuner__duration,.portfolio-logo-tuner__ease,.portfolio-logo-tuner__hover,.portfolio-logo-tuner__path{border:0;display:grid;gap:14px;margin:0;min-width:0;padding:0}.portfolio-logo-tuner__click legend,.portfolio-logo-tuner__duration legend,.portfolio-logo-tuner__ease legend,.portfolio-logo-tuner__hover legend,.portfolio-logo-tuner__path legend{color:var(--text);font-size:16px;font-weight:700;line-height:20px;margin-bottom:0;padding:0}.portfolio-logo-tuner__click,.portfolio-logo-tuner__duration,.portfolio-logo-tuner__ease,.portfolio-logo-tuner__hover{border-top:1px solid var(--border);padding-top:16px}.portfolio-logo-tuner__duration-grid{display:grid;gap:14px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-logo-tuner__click-groups{display:grid;gap:16px}.portfolio-logo-tuner__click-group{display:grid;gap:10px}.portfolio-logo-tuner__click-group h4{color:var(--text);font-size:14px;font-weight:700;line-height:18px;margin:0}.portfolio-logo-tuner__click-grid{display:grid;gap:14px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-logo-tuner__hint{color:var(--muted)}.portfolio-logo-tuner__ease-value{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-lightbox-tuner__segments{background:rgba(46,65,80,.08);border-radius:6px;display:grid;gap:2px;grid-template-columns:repeat(2,minmax(0,1fr));padding:2px}.portfolio-lightbox-tuner__segments button{appearance:none;background:transparent;border:0;border-radius:4px;color:var(--muted);cursor:pointer;font:inherit;line-height:20px;min-width:0;padding:5px 8px}.portfolio-lightbox-tuner__segments button[data-active=true]{background:#ffffff;box-shadow:0 1px 2px rgba(21,21,22,.08);color:var(--text)}.portfolio-lightbox-tuner__segments button:focus-visible{outline:2px solid rgba(46,65,80,.2);outline-offset:1px}.portfolio-lightbox-tuner__bezier,.portfolio-lightbox-tuner__bounce-controls{display:grid;gap:12px;min-width:0}.portfolio-lightbox-tuner__bezier .portfolio-sweep-tuner__control-header output{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-lightbox-tuner__bezier-grid{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-lightbox-tuner__bezier-grid label{display:grid;gap:4px;min-width:0}.portfolio-lightbox-tuner__bezier-grid label>span{color:var(--muted);font-size:13px;line-height:16px}.portfolio-sweep-tuner__number:focus-visible{border-color:rgba(46,65,80,.34);outline:2px solid rgba(46,65,80,.14);outline-offset:1px}.portfolio-reveal-states__grid{display:grid;gap:28px 20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.portfolio-reveal-state{display:grid;gap:12px;min-width:0}.portfolio-reveal-state p{color:var(--muted)}.portfolio-media-reveal-tuner__preview{margin:0 auto;max-width:220px}.portfolio-media-reveal-tuner__replay{justify-self:start}html[data-portfolio-scroll-restoring=pending] body{visibility:hidden}.portfolio-card--reveal-demo{aspect-ratio:1}.portfolio-reveal-demo-cover{display:block}.portfolio-card__media,.portfolio-reveal-demo-cover{height:100%;object-fit:cover;width:100%}video.portfolio-card__media{inset:0;opacity:1;position:absolute;transition:opacity var(--portfolio-media-fade-duration,.1s) var(--portfolio-media-fade-easing,ease-in-out)}video.portfolio-card__media[data-media-ready=false]{opacity:0}.portfolio-mux-player-shell{display:block;inset:0;opacity:0;overflow:hidden;position:absolute;transition:opacity var(--portfolio-media-fade-duration,.1s) var(--portfolio-media-fade-easing,ease-in-out)}.portfolio-mux-player-shell[data-media-ready=true]{opacity:1}.portfolio-mux-player-shell:focus{outline:none}.portfolio-mux-player{--controls:none;--media-object-fit:cover;--media-object-position:center;background:transparent;display:block;height:100%;width:100%}.portfolio-mux-player::part(bottom controls),.portfolio-mux-player::part(center play button),.portfolio-mux-player::part(gesture-layer),.portfolio-mux-player::part(vertical-layer){display:none}.portfolio-card--mockup{background:#ecf1f5}.portfolio-device{--device-aspect:422/876;--device-inner-stroke:1.437cqw;--device-inner-stroke-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20422%20876%22%3E%3Cpath%20d%3D%22M104%2016H318C348%2016%20354%2017%20360%2018C388%2024%20406%2050%20406%2086V790C406%20826%20388%20852%20360%20858C354%20859%20348%20860%20318%20860H104C74%20860%2068%20859%2062%20858C34%20852%2016%20826%2016%20790V86C16%2050%2034%2024%2062%2018C68%2017%2074%2016%20104%2016Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%2216%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--device-outer-stroke:2.513cqw;--device-outer-stroke-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20422%20876%22%3E%3Cpath%20d%3D%22M104%2016H318C348%2016%20354%2017%20360%2018C388%2024%20406%2050%20406%2086V790C406%20826%20388%20852%20360%20858C354%20859%20348%20860%20318%20860H104C74%20860%2068%20859%2062%20858C34%20852%2016%20826%2016%20790V86C16%2050%2034%2024%2062%2018C68%2017%2074%2016%20104%2016Z%22%20fill%3D%22none%22%20stroke%3D%22%23c9ced1%22%20stroke-width%3D%2228%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--device-screen-inset:2.873cqw;--device-screen-bleed:1px;--device-screen-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20390%20844%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M88%200H302C332%200%20338%201%20344%202C372%208%20390%2034%20390%2070V774C390%20810%20372%20836%20344%20842C338%20843%20332%20844%20302%20844H88C58%20844%2052%20843%2046%20842C18%20836%200%20810%200%20774V70C0%2034%2018%208%2046%202C52%201%2058%200%2088%200Z%22%2F%3E%3C%2Fsvg%3E");--device-screen-radius:10.776cqw;--device-width:75.789%;aspect-ratio:var(--device-aspect);left:50%;position:absolute;top:7.368cqw;transform:translateX(-50%);width:var(--device-width);z-index:1}.portfolio-device--android{--device-aspect:392/832;--device-inner-stroke:1.506cqw;--device-inner-stroke-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20392%20832%22%3E%3Cpath%20d%3D%22M52%2016H340C359.882%2016%20376%2032.118%20376%2052V780C376%20799.882%20359.882%20816%20340%20816H52C32.118%20816%2016%20799.882%2016%20780V52C16%2032.118%2032.118%2016%2052%2016Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%2216%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--device-outer-stroke:2.637cqw;--device-outer-stroke-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20392%20832%22%3E%3Cpath%20d%3D%22M52%2016H340C359.882%2016%20376%2032.118%20376%2052V780C376%20799.882%20359.882%20816%20340%20816H52C32.118%20816%2016%20799.882%2016%20780V52C16%2032.118%2032.118%2016%2052%2016Z%22%20fill%3D%22none%22%20stroke%3D%22%23c9ced1%22%20stroke-width%3D%2228%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--device-screen-bleed:0px;--device-screen-inset:3.012cqw;--device-screen-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20800%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M36%200H324C343.882%200%20360%2016.118%20360%2036V764C360%20783.882%20343.882%20800%20324%20800H36C16.118%20800%200%20783.882%200%20764V36C0%2016.118%2016.118%200%2036%200Z%22%2F%3E%3C%2Fsvg%3E");--device-screen-radius:6.779cqw;--device-width:73.806%}.portfolio-card--tall .portfolio-device{--device-inner-stroke:1.49cqw;--device-outer-stroke:2.606cqw;--device-screen-inset:2.98cqw;--device-screen-radius:11.176cqw;--device-width:78.599%}.portfolio-card--tall .portfolio-device--android{--device-inner-stroke:1.569cqw;--device-outer-stroke:2.747cqw;--device-screen-inset:3.137cqw;--device-screen-radius:7.061cqw;--device-width:76.872%}.portfolio-device--bottom{bottom:7.368cqw;top:auto}.portfolio-device:has(.portfolio-device__media[data-media-ready=false]):not(:has(.portfolio-device__media[data-media-ready=true])){opacity:0}.portfolio-device__screen{background:#ffffff;border-radius:calc(var(--device-screen-radius) + var(--device-screen-bleed));clip-path:inset(0 round calc(var(--device-screen-radius) + var(--device-screen-bleed)));corner-shape:squircle;inset:calc(var(--device-screen-inset) - var(--device-screen-bleed));isolation:isolate;mask-image:var(--device-screen-mask);mask-mode:alpha;mask-repeat:no-repeat;mask-size:100% 100%;overflow:hidden;position:absolute;-webkit-mask-image:var(--device-screen-mask);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;z-index:3}.portfolio-device--android .portfolio-device__screen{background:#000000}.portfolio-device--android .portfolio-device__screen:after{content:none}.portfolio-device--safari-edge-fix{--device-screen-bleed:0px;--device-screen-inset:11px;--device-screen-radius:26px}.portfolio-card--tall .portfolio-device--safari-edge-fix{--device-screen-inset:12px;--device-screen-radius:27px}@supports (overflow:clip){.portfolio-device__screen{overflow:clip}}.portfolio-device__media{height:100%;object-fit:cover;width:100%;z-index:1}video.portfolio-device__media{inset:0;opacity:1;position:absolute;transition:opacity var(--portfolio-media-fade-duration,.1s) var(--portfolio-media-fade-easing,ease-in-out)}video.portfolio-device__media[data-media-ready=false]{opacity:0}.portfolio-device__dynamic-island{background:#000000;border-radius:999px;height:4.384%;left:33.9745%;pointer-events:none;position:absolute;right:33.9745%;top:1.303%;z-index:5}.portfolio-device__stroke{background-image:var(--device-stroke-image);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;inset:0;pointer-events:none;position:absolute}.portfolio-device__stroke--outer{--device-stroke-image:var(--device-outer-stroke-image);z-index:1}.portfolio-device__stroke--inner{--device-stroke-image:var(--device-inner-stroke-image);z-index:2}.portfolio-card__meta{margin-top:12px;min-width:0}.portfolio-card__caption{align-items:start;color:var(--text);display:grid;font-size:16px;font-weight:500;gap:12px;grid-template-columns:minmax(0,1fr) auto;line-height:20px;min-width:0}.portfolio-card__caption span:first-child,.portfolio-card__description{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-card__description{color:var(--muted);font-size:16px;font-weight:500;line-height:20px;margin-top:2px}.portfolio-lightbox-open{overflow:hidden}.portfolio-lightbox{color:var(--text);display:grid;inset:0;min-height:100dvh;place-items:center;position:fixed;z-index:60}.portfolio-lightbox__backdrop{-webkit-backdrop-filter:blur(var(--portfolio-lightbox-backdrop-blur,10px));backdrop-filter:blur(var(--portfolio-lightbox-backdrop-blur,10px));background:rgba(250,252,253,var(--portfolio-lightbox-backdrop-opacity,.9));inset:0;opacity:1;position:fixed;will-change:opacity}.portfolio-lightbox[data-phase=opening] .portfolio-lightbox__backdrop{animation:portfolio-lightbox-backdrop-open var(--portfolio-lightbox-backdrop-open-duration,.4s) var(--portfolio-lightbox-backdrop-open-easing,cubic-bezier(.3,1,0,1)) both}.portfolio-lightbox[data-phase=closing] .portfolio-lightbox__backdrop{animation:portfolio-lightbox-backdrop-close var(--portfolio-lightbox-backdrop-close-duration,.3s) var(--portfolio-lightbox-backdrop-close-easing,cubic-bezier(.3,1,0,1)) both}.portfolio-lightbox__media-pane{align-items:center;display:grid;inset:0;justify-items:center;min-height:100dvh;min-width:0;padding:48px;position:fixed;width:100%;z-index:1}.portfolio-lightbox__frame-shell{display:grid;height:100%;place-items:center;width:100%}.portfolio-lightbox__frame{aspect-ratio:var(--portfolio-lightbox-aspect);max-height:calc(100dvh - 96px);width:min(760px,calc(100vw - 96px),calc((100dvh - 96px) * var(--portfolio-lightbox-aspect)));opacity:0}.portfolio-lightbox__frozen-video-frame{display:block;height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:4}@keyframes portfolio-lightbox-backdrop-open{0%{opacity:0}to{opacity:1}}@keyframes portfolio-lightbox-backdrop-close{0%{opacity:1}to{opacity:0}}@media (max-width:1279px){.portfolio-page,html{background:#ffffff}.portfolio-layout{grid-template-columns:minmax(0,780px);max-width:none;width:780px}.portfolio-aside{padding-left:0;position:static;width:780px}.portfolio-aside>.portfolio-logo,.portfolio-hero-content,.portfolio-socials{left:auto;position:static}.portfolio-hero-content,.portfolio-socials{width:auto}.portfolio-aside>.portfolio-logo{display:block;margin:0;transform:none;width:64px}.portfolio-hero-content{margin-top:24px}.portfolio-page{padding-top:52px}.portfolio-hero-content{display:grid;gap:20px;grid-template-columns:repeat(2,380px)}.portfolio-hero-links{grid-column:2;margin-left:-10px}.portfolio-contacts{margin-top:0}.portfolio-socials{margin-top:24px}.portfolio-main{grid-column:1;margin-top:52px}}@media (max-width:833px){.portfolio-page{padding:52px 0 80px}.portfolio-layout{display:block;width:min(352px,calc(100% - 40px))}.portfolio-aside{width:100%}.portfolio-logo{height:64px;width:64px}.portfolio-hero-content{display:block;margin-top:20px}.portfolio-hero-links{margin-left:0}.portfolio-contacts{margin-top:24px}.portfolio-socials{margin-top:26px}.portfolio-main{margin-top:52px}.portfolio-info-list{gap:24px}.portfolio-info-row{gap:0 20px;grid-template-columns:53px minmax(0,1fr)}.portfolio-info-row__detail{grid-column:2;margin-top:4px}.portfolio-section--awards,.portfolio-section--built{margin-top:64px}.portfolio-built-row{gap:4px 20px;grid-template-columns:53px minmax(0,1fr)}.portfolio-built-row p{grid-column:2;max-width:none}.portfolio-work{margin-top:64px}.portfolio-filters{gap:12px}.portfolio-work-grid{grid-template-columns:1fr}.portfolio-work-column{display:contents}.portfolio-reveal-states__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-lightbox__media-pane{padding:20px}.portfolio-lightbox__frame{max-height:calc(100dvh - 40px);width:min(calc(100vw - 40px),760px,calc((100dvh - 40px) * var(--portfolio-lightbox-aspect)))}}@media (max-width:520px){.portfolio-lightbox-tuner__phases,.portfolio-logo-tuner__click-grid,.portfolio-logo-tuner__duration-grid,.portfolio-logo-tuner__paths,.portfolio-reveal-states__grid,.portfolio-sweep-tuner__controls{grid-template-columns:1fr}}.button{align-items:center;border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;font-size:.95rem;font-weight:700;justify-content:center;min-height:42px;padding:0 var(--space-3);text-decoration:none}.button--dark{background:var(--dark);border-color:var(--dark);color:white}.button--light{background:var(--surface)}.section-heading{display:grid;gap:var(--space-2);margin-bottom:var(--space-4);max-width:720px}.section-heading p{color:var(--muted)}.collection-grid,.feature-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.collection-card,.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:var(--space-3);min-height:260px;padding:var(--space-4)}.collection-card--locked,.feature-card--locked{background:var(--surface-strong);border-style:dashed}.feature-card__meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:var(--space-2);justify-content:space-between}.collection-card h3 a,.feature-card h3 a,.text-link{text-decoration:none;transition:color .16s cubic-bezier(.22,1,.36,1)}.collection-card h3 a:hover,.feature-card h3 a:hover,.text-link:hover{color:var(--accent)}.collection-card p,.feature-card p{color:var(--muted)}.feature-card__footer{align-self:end;display:flex;gap:var(--space-3);justify-content:space-between}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem}.tag{background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.78rem;padding:.1rem .45rem}.tag--accent{background:#e2eee9;border-color:#b7d5ca;color:var(--accent)}.feature-detail{display:grid;gap:var(--space-6)}.collection-detail__header,.feature-detail__header{border-bottom:1px solid var(--border);display:grid;gap:var(--space-4);padding-bottom:var(--space-5)}.detail-meta{color:var(--muted);display:flex;flex-wrap:wrap;gap:var(--space-2)}.media-frame{display:grid;gap:var(--space-2);margin:0}.media-frame__visual{aspect-ratio:16/10;background:linear-gradient(135deg,#ecebe2,#ffffff);border:1px solid var(--border);border-radius:var(--radius);clip-path:inset(0 round var(--radius));corner-shape:squircle;overflow:hidden;position:relative}@supports (overflow:clip){.media-frame__visual{overflow:clip}}.media-frame--square .media-frame__visual{aspect-ratio:1/1}.media-frame--portrait .media-frame__visual{aspect-ratio:4/5}.media-frame img{object-fit:cover}.media-frame--diagram img,.media-frame--document img,.media-frame--icon img{object-fit:contain;padding:var(--space-3)}.media-frame video{display:block;height:100%;object-fit:cover;width:100%}.media-frame__label{background:rgba(255,255,255,.88);border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.72rem;font-weight:800;left:var(--space-2);padding:.12rem .45rem;position:absolute;text-transform:uppercase;top:var(--space-2)}.block-caption,.media-frame figcaption{color:var(--muted);font-size:.9rem}.media-frame__placeholder{align-items:center;background:linear-gradient(90deg,rgba(29,111,95,.12) 1px,transparent 0),linear-gradient(0deg,rgba(45,92,159,.1) 1px,transparent 0),#f9f8f1;background-size:28px 28px;color:var(--muted);display:flex;height:100%;justify-content:center;min-height:180px;padding:var(--space-4);text-align:center}.block-stack{display:grid;gap:var(--space-6)}.content-block{display:grid;gap:var(--space-3)}.hero-media-block--fullscreen-crop .media-frame__visual{aspect-ratio:16/8}.large-media-block--editorial .media-frame__visual{aspect-ratio:16/9}.large-media-block--technical .media-frame__visual{background:#fbfbf7}.media-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.media-grid__item--large{grid-column:span 2}.media-grid__item--small .media-frame__visual{aspect-ratio:4/3}.before-after{grid-template-columns:repeat(2,minmax(0,1fr))}.before-after .block-caption{grid-column:1/-1}.comparison-item{display:grid;gap:var(--space-2)}.text-block{max-width:760px}.rich-text,.text-block{display:grid;gap:var(--space-3)}.rich-text{color:var(--muted);font-size:1.08rem}.rich-text h2,.rich-text h3{color:var(--text);margin-top:var(--space-2)}.rich-text ol,.rich-text ul{margin:0;padding-left:var(--space-4)}.rich-text blockquote{border-left:3px solid var(--accent);color:var(--text);margin:0;padding-left:var(--space-3)}.rich-text a{color:var(--accent);font-weight:700}.rich-text code{background:var(--surface-strong);border:1px solid var(--border);border-radius:4px;font-size:.92em;padding:.05rem .3rem}.decision-block{background:#eef3f0;border:1px solid #cbded7;border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:var(--space-4)}.decision-block span,.eyebrow{color:var(--accent);display:block;font-size:.78rem;font-weight:800;margin-bottom:.35rem;text-transform:uppercase}.sequence-item,.sequence-list{display:grid;gap:var(--space-3)}.sequence-item{align-items:start;border-bottom:1px solid var(--border);grid-template-columns:minmax(180px,320px) 1fr;padding-bottom:var(--space-3)}.sequence-item__meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:.9rem;gap:var(--space-2);margin-top:var(--space-1)}.related-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.empty-state,.locked-panel,.notice-panel{align-items:center;background:var(--surface-strong);border:1px dashed var(--border);border-radius:var(--radius);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4)}.empty-state p,.locked-panel p,.notice-panel p{color:var(--muted);max-width:640px}.notice-panel--warning{border-color:color-mix(in srgb,var(--warning) 50%,var(--border))}.notice-panel--warning .eyebrow{color:var(--warning)}.empty-state--compact,.locked-panel--compact{align-items:start}.access-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:var(--space-3);max-width:580px;padding:var(--space-4)}.access-form label{display:grid;font-weight:700;gap:var(--space-2)}.access-form input{border:1px solid var(--border);border-radius:var(--radius);font:inherit;min-height:44px;padding:0 var(--space-3)}.access-form__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.design-token-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.token-swatch{border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:var(--space-2);padding:var(--space-3)}.token-swatch span{border-radius:6px;display:block;height:56px}.lab-section{border-top:1px solid var(--border);display:grid;gap:var(--space-4);padding:var(--space-6) 0;scroll-margin-top:96px}.design-lab{max-width:1240px}.lab-compare-grid,.lab-direction-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.lab-mockup-grid{display:grid;gap:28px 20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.lab-subsection-heading{margin-top:20px}.lab-subsection-heading h3{color:var(--text);font-size:18px;font-weight:700;line-height:24px;margin:0}.lab-mockup-card{display:grid;gap:10px;min-width:0}.lab-mockup-card .portfolio-card{width:min(100%,380px)}.lab-mockup-card p{color:var(--muted);font-size:13px;font-weight:600;line-height:16px}.lab-mockup-screen{background:#ff0000;height:100%;position:relative;width:100%}.lab-mockup-screen:after,.lab-mockup-screen:before{display:none}.lab-mockup-screen--full{position:absolute}.lab-direction,.lab-surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:var(--space-3);min-width:0;padding:var(--space-4)}.lab-direction--quiet{--lab-accent:var(--accent);--lab-bg:#fbfbf7;--lab-line:#d8ddd5;--lab-soft:#eef3f0;--lab-radius:8px}.lab-direction--systems{--lab-accent:var(--accent-3);--lab-bg:#f4f7fb;--lab-line:#cdd8e7;--lab-soft:#e8eef7;--lab-radius:4px}.lab-direction--studio{--lab-accent:var(--accent-2);--lab-bg:#fbf5f0;--lab-line:#e2d2c7;--lab-soft:#f2e5dd;--lab-radius:12px}.lab-direction__intro{display:grid;gap:var(--space-2)}.lab-direction__intro>span{border-radius:999px;display:block;height:8px;width:44px}.lab-direction__hero span,.lab-direction__intro p,.lab-direction__note,.lab-lock-study p,.lab-mini-card span,.lab-surface__header span,.lab-surface__list span{color:var(--muted);font-size:.9rem}.lab-direction__hero{background:var(--lab-bg);border:1px solid var(--lab-line);border-radius:var(--lab-radius);display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(118px,34%);min-height:190px;padding:var(--space-3)}.lab-direction__hero p,.lab-surface__header span{color:var(--lab-accent,var(--accent));font-size:.78rem;font-weight:800;text-transform:uppercase}.lab-direction__hero h4{font-size:clamp(1.35rem,2vw,2rem);line-height:1.05;margin:0 0 var(--space-2);overflow-wrap:anywhere}.lab-artifact{background:linear-gradient(90deg,rgba(255,255,255,.48) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.42) 1px,transparent 1px),var(--lab-soft);background-size:18px 18px;border:1px solid var(--lab-line);border-radius:calc(var(--lab-radius) * .75);display:grid;gap:8px;padding:10px}.lab-artifact i{background:color-mix(in srgb,var(--lab-accent) 22%,white);border-radius:999px;display:block;height:9px}.lab-artifact i:nth-child(2){width:70%}.lab-artifact i:nth-child(3){align-self:end;height:46px}.lab-card-row{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.lab-mini-card{border:1px solid var(--lab-line);border-radius:var(--lab-radius);display:grid;gap:var(--space-1);min-height:122px;padding:var(--space-3)}.lab-mini-card--locked{background:var(--lab-soft);border-style:dashed}.lab-lock-study h3,.lab-mini-card strong,.lab-surface__header strong,.lab-surface__list strong{font-size:.98rem;line-height:1.25}.lab-media-study{display:grid;gap:var(--space-2);grid-template-columns:1.4fr .85fr .85fr}.lab-media-study div,.lab-surface__media div{background:linear-gradient(135deg,color-mix(in srgb,var(--lab-accent,var(--accent)) 18%,white),transparent),var(--lab-soft,var(--surface-strong));border:1px solid var(--lab-line,var(--border));border-radius:var(--lab-radius,var(--radius));min-height:88px}.lab-direction--systems .lab-card-row{grid-template-columns:1fr}.lab-direction--systems .lab-mini-card{min-height:72px}.lab-direction--studio .lab-media-study{grid-template-columns:1.25fr .75fr}.lab-direction--studio .lab-media-study div:first-child{grid-row:span 2;min-height:184px}.lab-surface{min-height:300px}.lab-surface__header{display:flex;gap:var(--space-2);justify-content:space-between}.lab-surface__list{border-top:1px solid var(--border);display:grid}.lab-surface__list div{border-bottom:1px solid var(--border);display:grid;gap:.15rem;padding:var(--space-2) 0}.lab-surface--dense{--lab-accent:var(--accent-3);gap:var(--space-2)}.lab-surface--media{--lab-accent:var(--accent)}.lab-surface--locked{--lab-accent:var(--accent-2)}.lab-surface__media{display:grid;gap:var(--space-2);grid-template-columns:1.2fr .8fr}.lab-surface__media div:first-child{grid-row:span 2;min-height:220px}.lab-lock-study{background:#f5ece5;border:1px dashed #d7baaa;border-radius:12px;display:grid;gap:var(--space-3);margin-top:auto;padding:var(--space-4)}@media (max-width:760px){.page-shell{padding:var(--space-5) var(--space-3) var(--space-6)}.before-after,.sequence-item{grid-template-columns:1fr}.media-grid__item--large{grid-column:span 1}.empty-state,.locked-panel,.notice-panel{align-items:stretch;flex-direction:column}.lab-card-row,.lab-compare-grid,.lab-direction-grid,.lab-direction__hero,.lab-surface__media{grid-template-columns:1fr}.lab-direction--studio .lab-media-study div:first-child,.lab-surface__media div:first-child{grid-row:auto;min-height:150px}.lab-surface__header{display:grid}}