._bottomBar_k1xjs_1{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:flex-end;justify-content:space-between;padding:0 28px 20px;pointer-events:none}._bioLine_k1xjs_14{font-size:12.5px;color:var(--text);line-height:1.5;pointer-events:all}._bioLine_k1xjs_14 a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}._linkedinLink_k1xjs_27{font-size:12.5px;color:var(--text);text-decoration:underline;text-underline-offset:3px;pointer-events:all}._locationTime_k1xjs_35{font-size:12.5px;color:var(--text);text-align:right;line-height:1.5;pointer-events:all}._basedIn_k1xjs_43{font-size:12.5px;color:var(--text)}._timeDisplay_k1xjs_48{font-family:Courier New,monospace;font-size:12px;color:var(--muted);margin-top:2px}._projectsHovered_k1xjs_55,._projectsHovered_k1xjs_55 a,._projectsHovered_k1xjs_55 ._bioLine_k1xjs_14,._projectsHovered_k1xjs_55 ._linkedinLink_k1xjs_27,._projectsHovered_k1xjs_55 ._locationTime_k1xjs_35,._projectsHovered_k1xjs_55 ._basedIn_k1xjs_43,._projectsHovered_k1xjs_55 ._timeDisplay_k1xjs_48{color:#fff}._topbar_4lg2s_1{position:fixed;top:0;left:0;right:0;z-index:1001;display:flex;align-items:flex-start;justify-content:space-between;padding:20px 28px 0;background:transparent;pointer-events:none}._topbarLeft_4lg2s_15{pointer-events:all}._siteName_4lg2s_19{font-family:var(--font-sans);font-size:18px;font-weight:400;line-height:1;cursor:pointer;text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:6px;transition:none}._siteName_4lg2s_19:hover ._cristina_4lg2s_33,._siteName_4lg2s_19:focus-visible ._cristina_4lg2s_33{text-decoration:underline;text-underline-offset:3px}._tagline_4lg2s_39{font-size:13px;color:var(--text);margin-top:6px;max-width:320px;line-height:1.45}._tagline_4lg2s_39 u{text-decoration:underline;text-underline-offset:3px}._topbarRight_4lg2s_52{pointer-events:all}._contactBtn_4lg2s_56{font-family:var(--font-sans);font-size:16px;font-weight:400;background:none;border:none;cursor:pointer;color:var(--text);padding:4px;transition:opacity .2s}._contactBtn_4lg2s_56:hover{opacity:.5}._projectsHovered_4lg2s_72{color:#fff}._projectsHovered_4lg2s_72 img{filter:brightness(0) invert(1)}._projectsHovered_4lg2s_72 ._tagline_4lg2s_39,._projectsHovered_4lg2s_72 ._contactBtn_4lg2s_56{color:#fff}:root{--ui-scale: 1.06;--bg: #f4f4f4;--card-bg: #ffffff;--text: #1a1a1a;--blue: #2b4eff;--blue-light: #4b6fff;--muted: #888;--border: rgba(0, 0, 0, .08);--shadow: 0 4px 24px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .15);--radius: 16px;--font-sans: "Manrope", sans-serif;--font-hand: "Caveat", cursive;--projects-left-gap: 28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;font-family:var(--font-sans);background:var(--bg);color:var(--text);overflow-x:hidden;overflow-y:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}body,#root{min-height:100vh}#root{zoom:var(--ui-scale)}#root.archives-full-screen{zoom:1}body.is-panning-x{cursor:grabbing}#desktop{position:fixed;top:0;right:0;bottom:0;left:0;background:none;overflow:hidden;display:block;cursor:url(data:image/png;base64,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) 3 45,crosshair}#desktop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");background-repeat:repeat;mix-blend-mode:multiply}.desktop-canvas{position:absolute;left:50%;top:50%;z-index:1;transform-origin:center}.paint-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.paint-clear{position:absolute;left:50%;bottom:24px;z-index:5;transform:translate(-50%);padding:8px 14px;border:1px solid var(--text);border-radius:20px;background:var(--card-bg);color:var(--text);font:inherit;cursor:pointer}.paint-clear:hover{background:var(--text);color:var(--card-bg)}:where(a,button,[role=button],.project-page-sidebar li,.detail-sidebar li):hover{cursor:pointer}.archives-message{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;max-width:980px;margin:auto;padding:40px;color:#1a1a1a;font-family:var(--font-sans);font-size:84px;font-weight:800;line-height:.92;text-transform:uppercase;text-align:center;opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(16px) scale(.96);transition:opacity .9s ease,clip-path .95s cubic-bezier(.77,0,.18,1),transform .95s cubic-bezier(.22,.61,.36,1);pointer-events:none}#desktop:has(.archives-card:hover) .archives-message,#desktop:has(.archives-card.is-open) .archives-message{opacity:1;clip-path:inset(0)}.art-mosaic{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:2px;overflow:hidden;background:var(--bg);pointer-events:none}.art-mosaic img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;opacity:0;transform:scale(.82);animation:mosaic-tile-in .55s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:var(--tile-delay)}.projects-reel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--bg);pointer-events:none;animation:projects-reel-entrance 1.8s ease-out both,projects-reel-subtle-zoom 18s linear infinite}.projects-reel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0000004d;pointer-events:none}.projects-reel img,.projects-reel video{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.2s ease-in-out}.projects-reel-image{z-index:0}.projects-reel-image.is-visible{z-index:1;opacity:1}@keyframes projects-reel-subtle-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes projects-reel-entrance{0%{opacity:0}to{opacity:1}}.projects-preload{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.projects-preload img{width:1px;height:1px}@keyframes mosaic-tile-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@media (max-width: 700px){.archives-message{max-width:100%;padding:24px;font-size:48px}.art-mosaic{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}}[data-drag-scroll-x]{cursor:grab;touch-action:pan-x}.icon-card{position:absolute;background:transparent;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:inherit;transform:scale(1.24);transition:transform .15s,box-shadow .15s,border-radius .8s ease;box-shadow:none;padding:20px 16px 18px;isolation:isolate;color:inherit;text-decoration:none}.icon-card:hover{transform:scale(1.28);box-shadow:none;background-color:#f0b400;cursor:pointer}.icon-card:not(.art-card):hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");mix-blend-mode:multiply;pointer-events:none}.icon-card:nth-child(2):hover{background-color:#37a968}.cv-card:hover{background:transparent!important;border-radius:46% 54% 51% 49%/53% 47% 55% 45%;box-shadow:none;animation:cv-bubble 2.4s ease-in-out infinite alternate}.cv-card:after{content:"";position:absolute;top:-38%;right:-38%;bottom:-38%;left:-38%;z-index:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,#37a968 0 40%,rgba(55,169,104,.86) 56%,rgba(55,169,104,.3) 76%,rgba(55,169,104,.05) 91%,transparent 100%);opacity:0;filter:blur(28px);transform:scale(1.08);pointer-events:none;transition:opacity .25s ease}.cv-card:hover:after{opacity:1}@keyframes cv-bubble{0%{border-radius:24% 76% 68% 32%/66% 34% 72% 28%}50%{border-radius:76% 24% 31% 69%/28% 72% 24% 76%}to{border-radius:35% 65% 78% 22%/78% 22% 58% 42%}}.cv-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.cv-content>img,.cv-content>.label{position:relative;z-index:1}.cv-content>.what-i-do-img-cv{position:absolute;left:90px;top:-30px;z-index:10}.icon-card:nth-child(3):hover{background-color:#934bc2}.icon-card:nth-child(4):hover{background-color:#447bd1}.cv-card:hover .cv-content>img,.about-card:hover>img{filter:brightness(0) invert(1)}.cv-card:hover .cv-content>.label,.about-card:hover>.label{color:#fff}.notes-card:hover>img{filter:brightness(0) invert(1)}.notes-card:hover>.label{color:#fff}.icon-card:nth-child(5):hover{background-color:#f47721}.icon-card:nth-child(6):hover{background-color:#dc1d37}.archives-card:after{content:"";position:absolute;left:50%;top:50%;width:24px;aspect-ratio:1;z-index:0;border-radius:50%;background:#f47721;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(0);transition:opacity .15s ease,transform 1s cubic-bezier(.22,.61,.36,1)}.archives-card:hover,.archives-card.is-open{z-index:3}.archives-card:hover:after,.archives-card.is-open:after{opacity:1;transform:translate(-50%,-50%) scale(140)}.archives-white-circle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:50%;background:#fff;opacity:0;transform:scale(.2);transition:opacity .25s ease .2s,transform .7s cubic-bezier(.22,.61,.36,1) .2s;pointer-events:none}.archives-card:hover .archives-white-circle,.archives-card.is-open .archives-white-circle{opacity:1;transform:scale(1)}.archives-card>img,.archives-card>.label{position:relative;z-index:2}.archives-card>.label{text-decoration:none}.icon-card:hover>.label{text-decoration:underline;text-underline-offset:3px}.projects-card:hover>img:first-child{filter:none}.projects-card:hover>.label{color:#2b4eff}.projects-card:hover{background-color:#fff}#desktop:has(.projects-card:hover) .icon-card>img{filter:brightness(0) invert(1)}#desktop:has(.projects-card:hover) .art-card>.art-image{opacity:0}#desktop:has(.projects-card:hover) .icon-card>.label{color:#fff}#desktop:has(.projects-card:hover) .projects-card>img:first-child{filter:none}#desktop:has(.projects-card:hover) .projects-card>.label{color:#2b4eff}.art-card:hover>.label{color:#fff}.art-card:hover{transform:scale(1.24);background:transparent}.art-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:50%;background:#dc1d37;opacity:0;transform:scale(1.65);transition:opacity .2s ease;pointer-events:none}.art-card:hover:before{opacity:1;transform:scale(1.65)}.art-card>img,.art-card>.label{position:relative;z-index:1}.notes-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.notes-bubbles canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .4s ease}.notes-bubbles.is-active canvas{opacity:.9}.icon-card svg{width:44px;height:44px;stroke:var(--blue);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-card .label{font-size:13px;font-weight:400;color:var(--text);text-align:center}.icon-card .art-image{width:84px;height:auto;max-height:84px;object-fit:contain;display:block}.sketch-label{position:absolute;font-family:var(--font-hand);font-size:15px;color:var(--blue);pointer-events:none;white-space:nowrap}.window{position:absolute;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:none;flex-direction:column;overflow:hidden;z-index:100;min-width:300px}.window.open{display:flex}.window-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:grab;border-bottom:1px solid var(--border);flex-shrink:0}.window-bar:active{cursor:grabbing}.window-title{font-size:13px;font-weight:500;color:var(--muted)}.window-controls{display:flex;align-items:center;gap:8px}.window-control{position:relative;display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer;transition:transform .18s ease,filter .18s ease}.window-control svg{width:15px;height:15px;fill:none;stroke:#25313d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.7);transition:opacity .16s ease,transform .16s ease}.window-controls:hover .window-control svg,.window-controls:focus-within .window-control svg{opacity:1;transform:scale(1)}.window-control:hover{transform:scale(1.12);filter:brightness(.94)}.window-control:focus-visible{outline:2px solid var(--text);outline-offset:2px}.window-control:after{position:absolute;top:calc(100% + 8px);left:50%;z-index:20;padding:5px 8px;border-radius:5px;background:#1a1a1a;color:#fff;content:attr(data-tooltip);font-size:10px;font-weight:500;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .15s ease,transform .15s ease}.window-control:hover:after,.window-control:focus-visible:after{opacity:1;transform:translate(-50%)}.window-close{background:#ff5f57}.window-resize{background:#bdc9d8}.window-home{background:#32c759}.window-home svg{width:15px;height:15px;fill:#25313d;stroke:none}.window--full-screen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;height:auto!important;box-sizing:border-box;max-width:none!important;max-height:none!important;min-width:0;transform:none!important;border-radius:0!important;z-index:10000!important}.window--full-screen .window-bar{box-sizing:border-box;width:100%;min-height:48px;padding:10px 16px;cursor:default}.window--full-screen .window-title{min-width:0}.window--full-screen .window-controls{flex-shrink:0}#win-about{width:min(860px,90vw);height:min(520px,80vh);top:130px;left:160px}.mememe{position:absolute;width:112px;height:100px;transform:scale(1.6)}.circle{position:absolute;width:112px;height:100px;transform:scale(2);transition:transform .5s cubic-bezier(.4,.2,.2,1)}.circle:hover{transform:scale(2) rotate(180deg)}.selection{position:absolute;width:112px;height:100px;transform:scale(.7);left:-60%;top:-50%}.about-inner{display:grid;grid-template-columns:1fr 1.1fr;flex:1;overflow:hidden}.about-photo{height:100%;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;display:block}.about-photo-placeholder{width:100%;height:100%;background:linear-gradient(160deg,#d4d0ca,#bfbbb3);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.about-text{padding:28px 28px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.about-what-label{font-family:var(--font-hand);font-size:16px;color:var(--blue)}.about-text p{font-size:13.5px;line-height:1.65;color:var(--text)}#win-cv{width:min(720px,90vw);height:min(600px,85vh);top:100px;left:50%;transform:translate(-50%)}.what-i-do-img-cv{position:absolute;left:90px;top:-30px;width:50px;height:50px;z-index:10;pointer-events:none}.cv-inner{flex:1;overflow-y:auto;padding:28px 32px;display:flex;flex-direction:column;gap:20px}.cv-header{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.cv-photo{width:72px;height:72px;border-radius:8px;background:#ccc;overflow:hidden;flex-shrink:0}.cv-photo img{width:100%;height:100%;object-fit:cover}.cv-header-info h2{font-size:17px;font-weight:500}.cv-header-info h2 .hand{font-family:var(--font-hand);color:var(--blue);font-size:20px;font-weight:600}.cv-header-info p{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.5}.cv-section h3{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.cv-entry{margin-bottom:12px}.cv-entry-title{font-size:13px;font-weight:500}.cv-entry-sub{font-size:12px;color:var(--muted);margin-top:1px}.cv-skills{display:flex;flex-wrap:wrap;gap:6px}.cv-skill{font-size:12px;background:#2b4eff14;color:var(--blue);padding:3px 10px;border-radius:20px}.cv-download{display:inline-block;margin-top:8px;padding:10px 28px;border:1px solid var(--text);border-radius:40px;font-size:13px;cursor:pointer;background:none;font-family:var(--font-sans);color:var(--text);text-decoration:none;transition:background .2s,color .2s;align-self:flex-start}.cv-download:hover{background:var(--text);color:var(--card-bg)}#win-notes{width:min(740px,90vw);height:min(480px,80vh);top:80px;left:55%}.notes-inner{display:grid;grid-template-columns:260px 1fr;flex:1;overflow:hidden}.notes-list{border-right:1px solid var(--border);overflow-y:auto;padding:12px 0}.note-item{padding:12px 16px;cursor:pointer;border-radius:8px;margin:0 8px;transition:background .15s}.note-item:hover{background:#0000000a}.note-item.active{background:#2b4eff14}.note-item-title{font-size:13px;font-weight:500;color:var(--text)}.note-item.active .note-item-title{color:var(--blue)}.note-item-preview{font-size:11.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item-sub{font-size:11px;color:var(--muted);margin-top:2px}.note-content{padding:24px;overflow-y:auto;flex:1}.note-content h2{font-size:15px;font-weight:500;margin-bottom:14px}.note-content p{font-size:13px;line-height:1.75;color:var(--text)}#win-archives{width:min(1100px,92vw);height:min(640px,85vh);top:80px;left:50%;transform:translate(-50%)}.archives-inner{display:flex;flex:1;min-height:0;gap:28px;overflow:hidden;padding:22px 28px 28px}.archives-sidebar{flex:0 0 164px;overflow-y:auto}.archives-category-list,.archives-category-entry,.archives-client-list{display:flex;flex-direction:column;align-items:stretch}.archives-filter-button{width:100%;padding:3px 0;border:0;background:transparent;color:var(--text);font:inherit;font-size:10px;font-weight:400;line-height:1.5;text-align:left;cursor:pointer}.archives-filter-button:hover,.archives-filter-button.is-active{font-weight:700}.archives-client-list{margin-left:12px}.archives-main{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column}.archives-toolbar{display:flex;min-height:52px;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.archives-description{margin:0 0 6px;color:var(--text);font-size:13px;line-height:1.5}.archives-view-switcher{display:flex;flex:0 0 auto;gap:4px}.archives-view-button{display:grid;width:30px;height:30px;place-items:center;padding:5px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.archives-view-button svg{width:18px;height:18px;fill:currentColor}.archives-view-button:hover,.archives-view-button.is-active{border-color:var(--border);background:#0000000a;color:var(--text)}.archives-grid{position:relative;width:100%;min-height:0;overflow:auto}.archives-grid--loose{min-width:0;min-height:0;aspect-ratio:1400/760}.archives-grid--three-columns,.archives-grid--one-column{display:grid;align-content:start;gap:16px}.archives-grid--three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.archives-grid--one-column{grid-template-columns:minmax(0,1fr)}.archive-item{position:absolute;overflow:hidden;border-radius:8px;transition:box-shadow .2s}.archives-grid--three-columns .archive-item,.archives-grid--one-column .archive-item{position:relative;display:flex;width:100%;height:auto;flex-direction:column}.archives-grid--one-column .archive-item{width:50%;justify-self:center;overflow:visible;border-radius:0;background:transparent;box-shadow:none}.draggable-item{cursor:grab}.draggable-item:active{cursor:grabbing}.draggable-item:hover{box-shadow:0 8px 28px #00000029;z-index:10!important}.not-draggable{cursor:default;opacity:.78}.not-draggable:hover{opacity:1}.archive-item-media{width:100%;height:100%}.archives-grid--three-columns .archive-item-media{aspect-ratio:4/3}.archives-grid--one-column .archive-item-media{height:auto;aspect-ratio:auto}.archives-grid--one-column .archive-item-media img,.archives-grid--one-column .archive-item-media video{height:auto;object-fit:contain}.archives-grid--one-column .archive-item-media iframe{height:auto;object-fit:contain}.archive-item img,.archive-item video,.archive-item iframe{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;border:none;border-radius:inherit}.arc-red{background:#cc1f1f}.arc-olive{background:#6b7a1a}.arc-black{background:#111}.arc-orange{background:#e8581a}.arc-purple{background:#4b2ca0}.arc-dark{background:#1a1a1a}.arc-green{background:#1a4a2a}.arc-yellow{background:#e8c81a}.arc-navy{background:#0e1b6e}@media (max-width: 700px){#win-archives{width:96vw;height:88vh}.archives-inner{flex-direction:column;gap:16px;padding:16px}.archives-sidebar{flex:0 0 auto;max-height:160px}.archives-toolbar{gap:8px}.archives-grid--loose{min-width:0}.archives-grid--three-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 460px){.archives-grid--three-columns{grid-template-columns:minmax(0,1fr)}}#win-contact{position:fixed;width:320px;top:72px;left:auto;right:24px;transform:none}.contact-inner{padding:20px 24px 24px;display:flex;flex-direction:column;gap:10px}.contact-inner a{font-size:14px;color:var(--text);text-decoration:underline;text-underline-offset:3px}.contact-inner p{font-size:13px;color:var(--muted)}#page-projects{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--bg);display:none;flex-direction:column}#page-projects.open{display:flex;overflow:hidden}.page-projects-header{display:flex;align-items:flex-end;justify-content:space-between;width:100%;padding:20px 24px 0;flex-shrink:0}.page-projects-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1;overflow-y:auto;background:var(--bg)}.projects-kicker{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.projects-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:36px 20px;width:100%;padding:130px 24px 60px}.proj-card{display:flex;flex-direction:column;width:100%;overflow:visible;cursor:pointer;border:none;padding:0;background:transparent;color:inherit;font:inherit;text-align:left;position:relative}.proj-card.is-hovered{z-index:2}.proj-card:first-child{grid-column:1/span 2;grid-row:1}.proj-card:nth-child(2){grid-column:3;grid-row:1}.proj-card:nth-child(3){grid-column:4;grid-row:1}.proj-card:nth-child(8){grid-column:1}.proj-card:nth-child(9){grid-column:2}.proj-card:nth-child(10){grid-column:3/span 2}.proj-card:nth-child(10) .proj-card-thumb{aspect-ratio:1.78}.proj-card-thumb{width:100%;aspect-ratio:1;overflow:hidden;position:relative;border-radius:8px;background:var(--card-bg)}.proj-card-thumb.theme-berners{background:#2026a8}.proj-card-thumb.theme-anzest{background:#4b2a1c}.proj-card-thumb.theme-macro{background:#1674e8}.proj-card-thumb.theme-aparkingme{background:#f3bb3d}.proj-card-thumb.theme-fixus{background:#13a975}.proj-card-thumb.theme-datcisions{background:#2639c9}.proj-card-thumb.theme-algonovabien{background:#ec2470}.proj-card-thumb.theme-salta{background:#d75b35}.proj-card-thumb.theme-estamos-solos{background:#151c70}.proj-card-thumb.theme-llongueras{background:#101010}.proj-card:first-child .proj-card-thumb{aspect-ratio:4/3}.proj-card-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease-out}.proj-card:hover .proj-card-thumb img{transform:scale(1.025)}.proj-card:focus-visible{outline:2px solid var(--text);outline-offset:6px}.proj-chip{position:absolute;z-index:5;display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:52px;padding:10px 22px;border:1px solid var(--text);border-radius:999px;background:var(--bg);color:var(--text);font-size:18px;font-weight:400;line-height:1;pointer-events:none;transform:translate(-50%,-50%) scaleX(1);opacity:1;transition:transform .1s ease-in,border-radius .1s ease-in,opacity .1s ease-in;white-space:nowrap}.proj-chip.is-entering{animation:proj-chip-enter .18s cubic-bezier(.2,.7,.3,1) both}.proj-chip-label{opacity:1;transition:opacity 60ms ease-out}.proj-chip.is-entering .proj-chip-label{animation:proj-chip-label-enter .18s ease both}.proj-chip.is-leaving{transform:translate(-50%,-50%) scaleX(.46);border-radius:50%;opacity:0}.proj-chip.is-leaving .proj-chip-label{opacity:0}@keyframes proj-chip-enter{0%{transform:translate(-50%,-50%) scaleX(.46);border-radius:50%}to{transform:translate(-50%,-50%) scaleX(1);border-radius:999px}}@keyframes proj-chip-label-enter{0%,45%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.proj-chip,.proj-chip-label{animation:none;transition:none}.client-list-title:after{transition:none}.client-list-column li:hover .client-list-character,.client-list-column li.is-hovered .client-list-character{animation:none}.proj-chip.is-leaving{opacity:0}}.proj-card-info{padding:12px 0 0}.proj-card-name{font-size:14px;font-weight:400;line-height:1.1}.proj-card-description{margin-top:0;font-size:14px;color:var(--muted);line-height:1.5}.client-list{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;width:100%;padding:0 24px 80px}.client-list-column{display:flex;flex-direction:column;gap:2px;min-width:0;margin:0;padding:0;list-style:none;color:var(--text);font-size:14px;font-weight:400;line-height:1.2}.client-list-column li{overflow-wrap:anywhere;perspective:240px}.client-list-character{display:inline-block;backface-visibility:hidden;transform-origin:center}.client-list-column li:hover .client-list-character,.client-list-column li.is-hovered .client-list-character{animation:client-letter-flip .48s cubic-bezier(.35,0,.2,1) both}.client-list-column li:hover .client-list-character:nth-child(1),.client-list-column li.is-hovered .client-list-character:nth-child(1){animation-delay:0ms}.client-list-column li:hover .client-list-character:nth-child(2),.client-list-column li.is-hovered .client-list-character:nth-child(2){animation-delay:18ms}.client-list-column li:hover .client-list-character:nth-child(3),.client-list-column li.is-hovered .client-list-character:nth-child(3){animation-delay:36ms}.client-list-column li:hover .client-list-character:nth-child(4),.client-list-column li.is-hovered .client-list-character:nth-child(4){animation-delay:54ms}.client-list-column li:hover .client-list-character:nth-child(5),.client-list-column li.is-hovered .client-list-character:nth-child(5){animation-delay:72ms}.client-list-column li:hover .client-list-character:nth-child(6),.client-list-column li.is-hovered .client-list-character:nth-child(6){animation-delay:90ms}.client-list-column li:hover .client-list-character:nth-child(7),.client-list-column li.is-hovered .client-list-character:nth-child(7){animation-delay:108ms}.client-list-column li:hover .client-list-character:nth-child(8),.client-list-column li.is-hovered .client-list-character:nth-child(8){animation-delay:126ms}.client-list-column li:hover .client-list-character:nth-child(9),.client-list-column li.is-hovered .client-list-character:nth-child(9){animation-delay:144ms}.client-list-column li:hover .client-list-character:nth-child(10),.client-list-column li.is-hovered .client-list-character:nth-child(10){animation-delay:162ms}.client-list-column li:hover .client-list-character:nth-child(11),.client-list-column li.is-hovered .client-list-character:nth-child(11){animation-delay:.18s}.client-list-column li:hover .client-list-character:nth-child(12),.client-list-column li.is-hovered .client-list-character:nth-child(12){animation-delay:198ms}.client-list-column li:hover .client-list-character:nth-child(13),.client-list-column li.is-hovered .client-list-character:nth-child(13){animation-delay:216ms}.client-list-column li:hover .client-list-character:nth-child(14),.client-list-column li.is-hovered .client-list-character:nth-child(14){animation-delay:234ms}.client-list-column li:hover .client-list-character:nth-child(15),.client-list-column li.is-hovered .client-list-character:nth-child(15){animation-delay:252ms}.client-list-column li:hover .client-list-character:nth-child(16),.client-list-column li.is-hovered .client-list-character:nth-child(16){animation-delay:.27s}.client-list-column li:hover .client-list-character:nth-child(17),.client-list-column li.is-hovered .client-list-character:nth-child(17){animation-delay:288ms}.client-list-column li:hover .client-list-character:nth-child(18),.client-list-column li.is-hovered .client-list-character:nth-child(18){animation-delay:306ms}.client-list-column li:hover .client-list-character:nth-child(19),.client-list-column li.is-hovered .client-list-character:nth-child(19){animation-delay:324ms}.client-list-column li:hover .client-list-character:nth-child(20),.client-list-column li.is-hovered .client-list-character:nth-child(20){animation-delay:342ms}.client-list-column li:hover .client-list-character:nth-child(21),.client-list-column li.is-hovered .client-list-character:nth-child(21){animation-delay:.36s}.client-list-column li:hover .client-list-character:nth-child(22),.client-list-column li.is-hovered .client-list-character:nth-child(22){animation-delay:378ms}.client-list-column li:hover .client-list-character:nth-child(23),.client-list-column li.is-hovered .client-list-character:nth-child(23){animation-delay:396ms}.client-list-column li:hover .client-list-character:nth-child(24),.client-list-column li.is-hovered .client-list-character:nth-child(24){animation-delay:414ms}.client-list-column li:hover .client-list-character:nth-child(25),.client-list-column li.is-hovered .client-list-character:nth-child(25){animation-delay:432ms}.client-list-column li:hover .client-list-character:nth-child(26),.client-list-column li.is-hovered .client-list-character:nth-child(26){animation-delay:.45s}.client-list-column li:hover .client-list-character:nth-child(27),.client-list-column li.is-hovered .client-list-character:nth-child(27){animation-delay:468ms}.client-list-column li:hover .client-list-character:nth-child(28),.client-list-column li.is-hovered .client-list-character:nth-child(28){animation-delay:486ms}.client-list-column li:hover .client-list-character:nth-child(29),.client-list-column li.is-hovered .client-list-character:nth-child(29){animation-delay:504ms}.client-list-column li:hover .client-list-character:nth-child(30),.client-list-column li.is-hovered .client-list-character:nth-child(30){animation-delay:522ms}@keyframes client-letter-flip{0%,to{transform:rotateX(0)}45%{transform:rotateX(-90deg)}55%{transform:rotateX(90deg)}}.client-list-title:after{position:absolute;right:0;bottom:-.06em;left:0;height:.045em;background:currentColor;content:"";transform:scaleX(0);transform-origin:left;transition:transform .18s ease-out}.client-list-title:hover:after,.client-list-title:focus-visible:after{transform:scaleX(1)}.client-list-title{position:absolute;top:44%;left:50%;z-index:1;max-width:calc(100% - 48px);padding:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:clamp(40px,7vw,100px);font-weight:700;letter-spacing:-.075em;line-height:.9;text-align:center;white-space:nowrap;cursor:pointer;transform:translate(-50%,-50%)}.client-list-title:hover{color:var(--text)}.client-list-title:focus-visible{outline:2px solid var(--text);outline-offset:8px}#page-project-detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--bg);display:none;flex-direction:column;padding-top:90px}#page-project-detail.open{display:flex}#page-project-detail.case-study-detail-overlay{display:block!important;padding:0!important;background:transparent!important;pointer-events:none}.project-case-window{position:absolute;top:82px;right:28px;bottom:24px;left:28px;overflow-y:auto;border-radius:24px;background:var(--card-bg);color:var(--text);font-family:var(--font-sans);pointer-events:auto;box-shadow:0 16px 64px #00000024;transition:inset .45s cubic-bezier(.22,.61,.36,1),border-radius .45s ease}.project-case-window.is-expanded{top:0;right:0;bottom:0;left:0;border-radius:0}.project-case-bar{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-height:58px;padding:0 28px;border-bottom:1px solid var(--border);background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.project-case-close{justify-self:start;padding:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:16px;cursor:pointer}.project-case-close:hover{color:var(--muted)}.project-case-title{justify-self:center;font-size:14px}.project-case-website{justify-self:end;color:var(--text);font-size:16px;text-decoration:none}.project-case-website:hover{color:var(--muted)}.project-case-content{display:flex;flex-direction:column;align-items:stretch;padding:0 28px 32px}.project-case-intro{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(175px,.8fr);align-items:start;gap:clamp(32px,5vw,80px);padding:18px 0 clamp(84px,10vw,150px);text-align:left}.project-case-intro h1{max-width:1180px;padding-top:.15em;font-size:clamp(2.4rem,4.3vw,5rem);font-weight:400;line-height:1.1;letter-spacing:-.07em}.project-case-meta{display:flex;flex-direction:column;gap:20px;padding-top:10px}.project-case-meta span{color:var(--muted);font-size:14px;line-height:1.4}.project-case-meta p{margin-top:2px;font-size:15px;line-height:1.35}.project-case-cover{width:100%;aspect-ratio:1.78;margin:28px 0 52px;overflow:hidden;border-radius:8px}.project-case-cover img,.project-case-cover video{display:block;width:100%;height:100%;object-fit:cover}.project-case-overview{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(2,minmax(0,.8fr));align-items:start;gap:clamp(24px,3vw,48px);padding:20px 0 clamp(88px,10vw,144px)}.project-case-overview h2{max-width:900px;font-size:clamp(2rem,3.2vw,3.7rem);font-weight:400;line-height:1.1;letter-spacing:-.06em}.project-case-overview p{font-size:clamp(14px,1.15vw,17px);line-height:1.45}.project-case-feature,.project-case-pair,.project-case-triptych,.project-case-centered{display:grid;gap:16px;margin:0 0 clamp(48px,8vw,112px)}.project-case-feature{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch}.project-case-feature figure,.project-case-pair figure{min-width:0;margin:0;overflow:hidden;border-radius:8px;background:var(--bg)}.project-case-feature figure{aspect-ratio:1.6}.project-case-feature img,.project-case-feature video,.project-case-pair img,.project-case-pair video{display:block;width:100%;height:100%;object-fit:cover}.project-case-marker{align-self:center;justify-self:center;width:8px;height:8px;border-radius:50%;background:var(--text)}.project-case-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.project-case-pair figure,.project-case-pair>.project-case-color{aspect-ratio:1.2}.project-case-triptych{grid-template-columns:repeat(3,minmax(0,1fr))}.project-case-color{width:100%;aspect-ratio:1;border-radius:8px;background:#d75b35}.project-case-color--orange{background:#d75b35}.project-case-color--blue{background:#2639c9}.project-case-color--pink{background:#ec2470}.project-case-color--yellow{background:#f3bb3d}.project-case-palette--orange .project-case-color{background:#d75b35}.project-case-palette--blue .project-case-color{background:#2639c9}.project-case-palette--pink .project-case-color{background:#ec2470}.project-case-palette--yellow .project-case-color{background:#f3bb3d}.project-case-palette--navy .project-case-color{background:#151c70}.project-case-palette--green .project-case-color{background:#13a975}.project-case-centered{display:flex;justify-content:center}.project-case-centered img,.project-case-centered video{display:block;width:min(100%,680px);max-height:82vh;border-radius:8px;object-fit:contain}.project-case-centered>.project-case-color{width:min(100%,680px);aspect-ratio:1.2}.project-case-pair--final{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch}.project-case-pair--final figure{aspect-ratio:.72}.project-case-pair--final>.project-case-color{align-self:center;aspect-ratio:1.2}.project-case-next{position:relative;width:100%;min-height:min(620px,65vh);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px;margin-top:28px;overflow:hidden;padding:clamp(24px,5vw,72px);border:0;border-radius:16px;background:var(--text);color:#fff;font:inherit;text-align:left;cursor:pointer}.project-case-next:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000a,#0009)}.project-case-next img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.project-case-next-label,.project-case-next-title{position:relative;z-index:1}.project-case-next-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.project-case-next-title{font-size:clamp(3rem,8vw,8rem);line-height:1;letter-spacing:-.06em}.project-case-cover.project-case-palette--orange{background:#d75b35}.project-case-cover.project-case-palette--blue{background:#2639c9}.project-case-cover.project-case-palette--pink{background:#ec2470}.project-case-cover.project-case-palette--yellow{background:#f3bb3d}.project-case-cover.project-case-palette--navy{background:#151c70}.project-case-cover.project-case-palette--green{background:#13a975}.project-case-cover.project-case-palette--orange>.project-case-color,.project-case-cover.project-case-palette--blue>.project-case-color,.project-case-cover.project-case-palette--pink>.project-case-color,.project-case-cover.project-case-palette--yellow>.project-case-color,.project-case-cover.project-case-palette--navy>.project-case-color,.project-case-cover.project-case-palette--green>.project-case-color{background:transparent}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 28px 0;flex-shrink:0}.detail-body{display:grid;grid-template-columns:220px 1fr 1fr;flex:1;overflow:hidden;padding:40px 28px 28px calc(28px + var(--projects-left-gap));gap:40px}.project-page{display:grid;grid-template-columns:220px minmax(420px,1fr) minmax(320px,.9fr);flex:1;overflow:hidden;padding:40px 28px 28px calc(28px + var(--projects-left-gap));gap:40px}.project-page-sidebar{overflow-y:auto}.project-page-sidebar ul{list-style:none;display:flex;flex-direction:column;gap:16px;padding:0;margin:0}.project-page-sidebar li{cursor:pointer;display:flex;flex-direction:column;gap:4px}.project-page-sidebar .s-name{font-size:14px;font-weight:400;color:var(--text);transition:color .15s}.project-page-sidebar li:hover .s-name,.project-page-sidebar li.active .s-name{color:var(--blue)}.project-page-sidebar .s-cat{font-size:11.5px;color:var(--muted)}.project-page-sidebar li.inactive .s-name,.project-page-sidebar li.inactive .s-cat{color:var(--muted);font-style:italic}.project-page-main{overflow-y:auto;display:flex;flex-direction:column;gap:24px;padding-right:12px}.project-page-right{overflow-y:auto;align-self:start}.project-page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:start}.project-page-intro{display:flex;flex-direction:column;gap:24px;max-width:min(720px,100%)}.project-page-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0}.project-page-title{font-size:min(5.5rem,8vw);font-weight:400;line-height:1.02;margin:0;letter-spacing:-.04em}.project-page-category{font-size:.95rem;color:var(--blue-light);margin:0;max-width:48rem}.project-page-lead{font-size:1rem;line-height:1.8;color:var(--text);max-width:60ch;margin:0}.project-page-details{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.project-page-cta{margin-top:18px}.project-page-content{display:flex;flex-direction:column;gap:42px}.project-block{border-top:1px solid var(--border);padding-top:32px;display:flex;flex-direction:column;gap:16px}.project-block h2{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}.project-block p{font-size:15px;line-height:1.9;color:var(--text);margin:0}.project-block ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.project-block li{position:relative;font-size:14px;line-height:1.8;color:var(--text);padding-left:16px}.project-block li:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--blue);position:absolute;left:0;top:.9em}@media (max-width: 1100px){.project-page{grid-template-columns:190px 1fr}.project-page-right{grid-column:1/-1}}@media (max-width: 980px){.page-projects-header{padding:20px 24px 0}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px;padding:130px 24px 60px}.client-list{grid-template-columns:repeat(6,minmax(0,1fr))}.proj-card:first-child{grid-column:span 2;grid-row:auto}.proj-card:nth-child(2),.proj-card:nth-child(3),.proj-card:nth-child(8),.proj-card:nth-child(9),.proj-card:nth-child(10){grid-column:auto;grid-row:auto}.proj-card:first-child .proj-card-thumb{aspect-ratio:3/2}.proj-card:nth-child(10) .proj-card-thumb{aspect-ratio:1}}@media (max-width: 600px){.projects-grid{grid-template-columns:1fr;gap:28px;padding:122px 24px 48px}.client-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding:0 24px 64px}.client-list-column{font-size:13px}.client-list-title{top:38%;max-width:calc(100% - 32px);font-size:clamp(30px,8vw,42px);white-space:normal}.proj-card:first-child{grid-column:auto}.proj-card:first-child .proj-card-thumb,.proj-card-thumb{aspect-ratio:4/3}.proj-card-name,.proj-card-description{font-size:14px}}@media (max-width: 820px){.project-page{grid-template-columns:1fr;padding:24px 16px 16px;gap:24px}.project-page-header{grid-template-columns:1fr;gap:20px}.project-page-title{font-size:3rem}}.detail-sidebar{overflow-y:auto}.detail-sidebar ul{list-style:none;display:flex;flex-direction:column;gap:12px}.detail-sidebar li{cursor:pointer}.detail-sidebar .s-name{font-size:14px;font-weight:400;color:var(--text);transition:color .15s}.detail-sidebar li:hover .s-name,.detail-sidebar li.active .s-name{color:var(--blue)}.detail-sidebar .s-cat{font-size:11.5px;color:var(--muted)}.detail-sidebar li.inactive .s-name{color:var(--muted);font-style:italic}.detail-info{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-right:20px}.detail-role-label{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.detail-role-value{font-size:16px;font-weight:400;margin-top:4px}.detail-desc{font-size:13.5px;line-height:1.7;color:var(--text)}.project-detail-content{display:flex;flex-direction:column;gap:16px}.project-detail-section{display:flex;flex-direction:column;gap:8px}.project-detail-title{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.project-detail-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.project-detail-list li{position:relative;padding-left:14px;font-size:13px;line-height:1.6;color:var(--text)}.project-detail-list li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue);position:absolute;left:0;top:.65em}.detail-cta{display:inline-block;padding:10px 28px;border:1px solid var(--text);border-radius:40px;font-size:13px;cursor:pointer;background:none;font-family:var(--font-sans);color:var(--text);text-decoration:none;transition:background .2s,color .2s;margin-top:auto;align-self:flex-start}.detail-cta:hover{background:var(--text);color:var(--card-bg)}.detail-image{overflow:hidden;border-radius:24px;aspect-ratio:4/5;align-self:start}.detail-image img{width:100%;height:100%;object-fit:cover;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.project-case{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;background:var(--bg)}.case-nav{width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 48px;flex-shrink:0}.case-nav-back{background:none;border:none;font-family:var(--font-sans);font-size:13px;color:var(--muted);cursor:pointer;padding:0;transition:color .15s}.case-nav-back:hover{color:var(--text)}.case-nav-arrows{display:flex;gap:28px}.case-nav-btn{background:none;border:none;font-family:var(--font-sans);font-size:13px;color:var(--muted);cursor:pointer;padding:0;transition:color .15s}.case-nav-btn:hover{color:var(--text)}.case-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 40px 80px;max-width:600px;width:100%;gap:14px}.case-hero-thumb{width:64px;height:64px;border-radius:16px;overflow:hidden;margin-bottom:6px;flex-shrink:0}.case-hero-thumb img{width:100%;height:100%;object-fit:cover;display:block}.case-hero-title{font-size:1.4rem;font-weight:400;letter-spacing:-.01em;margin:0;color:var(--text)}.case-hero-subtitle{font-size:.875rem;color:var(--muted);line-height:1.7;margin:0;max-width:400px}.case-content{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:100px}.case-images{display:flex;gap:16px;width:100%;max-width:860px;padding:0 40px;margin:16px 0;align-items:flex-start}.case-image-card{flex:1;background:var(--card-bg);border-radius:24px;overflow:hidden;aspect-ratio:9/16;display:flex;align-items:center;justify-content:center}.case-image-card.portrait-tall{aspect-ratio:9/16}.case-image-card.portrait{aspect-ratio:3/4}.case-image-card.landscape{aspect-ratio:4/3}.case-image-card.video{aspect-ratio:16/9}.case-image-card.square{aspect-ratio:1/1}.case-image-card img{width:100%;height:100%;object-fit:cover;display:block}.case-images-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:860px;padding:0 40px;margin:16px 0}.case-images-grid .case-image-card{aspect-ratio:3/4}.case-text{max-width:520px;width:100%;text-align:center;padding:72px 40px;display:flex;flex-direction:column;gap:20px}.case-text p{font-size:15px;line-height:1.9;color:var(--text);margin:0}.case-text a{color:var(--blue);text-decoration:none}.case-text a:hover{text-decoration:underline}@media (max-width: 680px){.case-nav{padding:20px 24px}.case-images{flex-direction:column;padding:0 24px}.case-images-grid{grid-template-columns:1fr;padding:0 24px}.case-text{padding:48px 24px}.case-hero{padding:40px 24px 60px}}@media (max-width: 700px){.project-case-window{top:72px;right:10px;bottom:12px;left:10px;border-radius:18px}.project-case-window.is-expanded{top:0;right:0;bottom:0;left:0}.project-case-bar{min-height:52px;padding:0 14px}.project-case-close,.project-case-title,.project-case-website{font-size:12px}.project-case-content{padding:0 14px 16px}.project-case-intro{grid-template-columns:1fr;gap:36px;padding:18px 0 72px}.project-case-intro h1{font-size:clamp(2.5rem,9vw,3.7rem)}.project-case-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;width:100%}.project-case-meta span{font-size:12px}.project-case-meta p{font-size:14px}.project-case-cover{margin:16px 0 36px}.project-case-overview{grid-template-columns:1fr;gap:20px;padding:24px 0 72px}.project-case-overview h2{font-size:clamp(2rem,8vw,3rem)}.project-case-feature,.project-case-pair,.project-case-triptych,.project-case-centered{gap:8px;margin-bottom:40px}.project-case-feature{grid-template-columns:minmax(0,1fr) 16px}.project-case-feature figure{aspect-ratio:1.15}.project-case-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.project-case-pair figure,.project-case-pair>.project-case-color{aspect-ratio:.9}.project-case-triptych{grid-template-columns:repeat(3,minmax(0,1fr))}.project-case-centered img,.project-case-centered video,.project-case-centered>.project-case-color{width:min(100%,520px)}.project-case-pair--final{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.project-case-pair--final figure{aspect-ratio:.72}.project-case-pair--final>.project-case-color{aspect-ratio:.9}.project-case-next{min-height:55vh;margin-top:16px}}
