._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_kcqhy_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;pointer-events:none}._topbarLeft_kcqhy_14{pointer-events:all}._siteName_kcqhy_18{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_kcqhy_18:hover ._cristina_kcqhy_32{text-decoration:underline;text-underline-offset:3px}._cristina_kcqhy_32{transition:text-decoration .2s ease}._tagline_kcqhy_41{font-size:13px;color:var(--text);margin-top:6px;max-width:320px;line-height:1.45}._tagline_kcqhy_41 u{text-decoration:underline;text-underline-offset:3px}._topbarRight_kcqhy_54{pointer-events:all}._contactBtn_kcqhy_58{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_kcqhy_58:hover{opacity:.5}._projectsHovered_kcqhy_74{color:#fff}._projectsHovered_kcqhy_74 img{filter:brightness(0) invert(1)}._projectsHovered_kcqhy_74 ._tagline_kcqhy_41,._projectsHovered_kcqhy_74 ._contactBtn_kcqhy_58{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)}body.is-panning-x{cursor:grabbing}#desktop{position:fixed;top:0;right:0;bottom:0;left:0;background:none;overflow:hidden;display:block}#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}.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:pointer;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}.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-close{width:14px;height:14px;border-radius:50%;background:#ff5f57;border:none;cursor:pointer;flex-shrink:0;transition:opacity .2s}.window-close:hover{opacity:.7}#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{flex:1;overflow:auto;padding:28px 32px;position:relative}.archives-description{font-size:28px;font-weight:400;line-height:1.25;text-align:center;max-width:220px;color:var(--text);position:absolute;top:40px;left:50%;transform:translate(-50%);pointer-events:none;z-index:2}.archives-grid{position:relative;min-height:600px;width:100%}.archive-item{position:absolute;border-radius:12px;overflow:hidden;transition:box-shadow .2s}.draggable-item{cursor:grab}.draggable-item:active{cursor:grabbing}.draggable-item:hover{box-shadow:0 8px 28px #0003;z-index:10!important}.not-draggable{cursor:default;opacity:.7}.not-draggable:hover{opacity:.8}.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}#win-contact{width:320px;top:60px;right:40px}.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;padding-top:90px}#page-projects.open{display:flex;overflow:hidden}.page-projects-header{display:flex;align-items:flex-end;justify-content:space-between;width:100%;padding:20px 60px 0 calc(60px + var(--projects-left-gap));flex-shrink:0}.page-projects-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1;overflow-y:auto;padding-left:var(--projects-left-gap)}.projects-kicker{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;padding:40px 60px 60px calc(60px + var(--projects-left-gap))}.proj-card{display:flex;flex-direction:column;gap:20px;width:100%;border:1px solid rgba(255,255,255,.06);border-radius:24px;overflow:hidden;cursor:pointer;background:var(--card-bg);transition:none;border:none;padding:0;color:inherit;font:inherit;text-align:left;position:relative}.proj-card:hover{transform:none;box-shadow:none}.proj-card-thumb{width:100%;aspect-ratio:3/2;height:auto;overflow:hidden;position:relative}.proj-card-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s ease}.thumb-image{opacity:1}.hover-image,.proj-card:hover .thumb-image{opacity:0}.proj-card:hover .hover-image{opacity:1}.proj-chip{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#ffffff29;color:#fff;font-size:12px;line-height:1;pointer-events:none;transform:translate(-50%,-50%);white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 40px #00000014}.proj-card-info{padding:24px}.proj-card-name{font-size:22px;font-weight:400;line-height:1.1}.proj-card-cat{margin-top:8px;font-size:13px;color:var(--muted);line-height:1.6}#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}.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 28px 0 calc(28px + var(--projects-left-gap))}.projects-grid{grid-template-columns:1fr;padding:40px 28px 60px calc(28px + var(--projects-left-gap))}}@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}}