@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&family=Parkinsans:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&family=Caveat:wght@400;500;600;700&display=swap";:root{--color-dark-cyan: #184c53;--color-deep-sea: #2a6c78;--color-teal: #2e9ca3;--color-sky-blue: #66c8e3;--color-light-cyan: #b9eaf7;--color-warm-orange: #f28c1e;--color-warm-orange-hover: #ffb24a;--color-text-primary: #f6fbfd;--color-text-muted: rgba(246, 251, 253, .7);--color-text-subtle: rgba(246, 251, 253, .45);--surface-base: rgba(46, 156, 163, .12);--surface-card: rgba(102, 200, 227, .15);--surface-card-hover: rgba(102, 200, 227, .22);--surface-footer: rgba(24, 76, 83, .7);--border-subtle: rgba(185, 234, 247, .18);--border-card: rgba(102, 200, 227, .3);--border-card-hover: rgba(102, 200, 227, .5);--border-focus: rgba(185, 234, 247, .6);--fg1: var(--color-text-primary);--fg2: var(--color-text-muted);--fg3: var(--color-text-subtle);--accent: var(--color-warm-orange);--accent-hover: var(--color-warm-orange-hover);--bg-page: var(--color-dark-cyan);--bg-card: var(--surface-card);--brand-highlight: var(--color-light-cyan);--gradient-page: linear-gradient(160deg, var(--color-dark-cyan), var(--color-deep-sea));--gradient-shell: linear-gradient(180deg, rgba(185,234,247,.15), rgba(24,76,83,.25));--font-display: "Parkinsans", "Rubik", system-ui, sans-serif;--font-body: "Rubik", system-ui, sans-serif;--font-mono: "Fira Code", "Cascadia Code", ui-monospace, monospace;--font-handwriting: "Caveat", cursive;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 3rem;--text-hero: clamp(2.4rem, 3.2vw + 1rem, 3.6rem);--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-loose: 1.75;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .08em;--tracking-wider: .12em;--tracking-widest: .2em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 999px;--shadow-card: 0 22px 38px -24px rgba(24, 76, 83, .65);--shadow-btn: 0 10px 20px -12px rgba(102, 200, 227, .6);--shadow-link: 0 12px 24px -18px rgba(102, 200, 227, .65);--shadow-glow: 0 0 24px 0 rgba(102, 200, 227, .25);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-medium: .35s ease;--transition-slow: .6s ease;--blur-card: blur(18px);--blur-shell: blur(12px);--blur-sm: blur(6px);--layout-content: min(94vw, 1220px);--layout-nav: min(90vw, 1080px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg1);background:var(--gradient-page);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px;border-radius:4px}#root{min-height:100vh;display:flex;flex-direction:column}.contact-wrapper{position:relative;display:flex;align-items:center}.contact-dropdown{position:absolute;top:calc(100% - 1px);right:0;width:300px;background:#16484f;border:1px solid rgba(242,140,30,.75);border-radius:10px 0 10px 10px;padding:1.25rem;box-shadow:0 20px 48px -8px #00000059,0 0 0 1px #f28c1e14;animation:dropdown-in .2s ease-out forwards;z-index:200}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.contact-dropdown.shake{animation:shake .45s ease}.contact-dropdown-header{position:absolute;top:.45rem;right:.45rem;display:flex;align-items:center;gap:.4rem}.contact-dropdown-title{font-family:var(--font-display);font-size:.8rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent)}.contact-close-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--fg3);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color var(--transition-base),background var(--transition-base)}.contact-close-btn:hover{color:var(--accent)}.contact-close-btn svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.contact-form{display:flex;flex-direction:column;gap:.7rem}.contact-field{display:flex;flex-direction:column;gap:.28rem}.contact-field label{font-size:.68rem;font-weight:var(--weight-medium);letter-spacing:.09em;text-transform:uppercase;color:var(--fg3)}.contact-field input,.contact-field textarea{background:#ffffff0d;border:1px solid rgba(102,200,227,.18);border-radius:6px;padding:.48rem .72rem;font-family:var(--font-body);font-size:.82rem;color:var(--fg1);outline:none;resize:none;transition:border-color var(--transition-base),background var(--transition-base)}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--fg3)}.contact-field input:focus,.contact-field textarea:focus{border-color:#f28c1e80;background:#ffffff12}.contact-submit{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:.52rem 1rem;margin-top:.2rem;border-radius:6px;border:1px solid rgba(242,140,30,.5);background:#f28c1e1f;color:var(--accent);font-family:var(--font-body);font-size:.76rem;font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;width:100%;transition:all var(--transition-base)}.contact-submit:hover{background:#f28c1e38;border-color:#f28c1ebf;color:var(--accent-hover)}.contact-submit svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.contact-success-overlay{position:absolute;inset:0;border-radius:inherit;background:#12383e80;display:flex;align-items:center;justify-content:center;animation:overlay-in .3s ease forwards}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.contact-success-icon{width:72px;height:72px;fill:none;stroke-linecap:round;stroke-linejoin:round}.contact-success-icon circle{stroke:#f28c1e99;stroke-width:2;stroke-dasharray:152;stroke-dashoffset:152;animation:circle-draw .5s ease .1s forwards}.contact-success-icon path{stroke:var(--accent-hover);stroke-width:3.5;stroke-dasharray:30;stroke-dashoffset:30;filter:drop-shadow(0 0 6px rgba(242,140,30,.8));animation:check-draw .4s ease .45s forwards}@keyframes circle-draw{to{stroke-dashoffset:0}}@keyframes check-draw{to{stroke-dashoffset:0}}.contact-field input.input-error,.contact-field textarea.input-error{border-color:#dc505099}.field-error{font-size:.65rem;color:#e07070;letter-spacing:.02em}.contact-error{font-size:.72rem;color:#e07070;margin:0;text-align:center}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-toast{font-size:.67rem;font-weight:var(--weight-medium);letter-spacing:.04em;color:#e07070;white-space:nowrap;pointer-events:none;background:transparent;border:none;border-radius:4px;padding:.18rem .5rem;animation:toast-in .18s ease-out forwards}.contact-toast span{font-weight:var(--weight-bold)}@keyframes toast-in{0%{opacity:0}to{opacity:1}}.contact-toast.fading{animation:toast-out .5s ease forwards}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.contact-close-btn.highlight{color:var(--accent)}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.1rem 0;background:linear-gradient(180deg,rgba(24,76,83,.78) 0%,rgba(24,76,83,.2) 80%,transparent 100%);transition:background .45s ease,backdrop-filter .45s ease}.header.scrolled{background:#184c53bd;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-inner{max-width:1200px;margin:0 auto;padding:0 3rem;display:flex;align-items:center;gap:2rem}.wordmark{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-base);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);text-decoration:none;white-space:nowrap;flex-shrink:0;max-width:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-width .45s ease,opacity .35s ease,margin .45s ease;display:flex;align-items:center;gap:.5rem}.wordmark-icon{height:22px;width:auto;display:none}.wordmark-v-icon{height:1em;width:auto;display:inline-block;vertical-align:middle;margin-left:.05em;position:relative;top:-1px}.header.scrolled .wordmark{max-width:300px;opacity:1;pointer-events:auto}.header-tagline{font-family:var(--font-display);font-weight:var(--weight-black);font-size:.9rem;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--brand-highlight);white-space:nowrap;flex-shrink:0;max-width:0;overflow:hidden;opacity:0;transition:max-width .45s ease,opacity .35s ease,margin .45s ease;margin-left:0}.header.scrolled .header-tagline{max-width:260px;opacity:1;margin-left:.5rem}.nav{display:flex;gap:0;margin-left:auto}.nav-link{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;font-weight:var(--weight-medium);color:var(--fg3);padding:.4rem .8rem;text-decoration:none;position:relative;transition:color var(--transition-base)}.nav-link:after{content:"";position:absolute;bottom:0;left:.8rem;right:.8rem;height:1px;background:var(--color-sky-blue);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.nav-link:hover{color:var(--fg1)}.nav-link:hover:after{transform:scaleX(1)}.nav-link.active{color:var(--fg1)}.nav-link.active:after{transform:scaleX(1);background:var(--accent)}.header-actions{display:flex;gap:1.25rem;align-items:center;flex-shrink:0;margin-left:2.5rem}.btn-text{background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-body);font-size:.76rem;font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--fg2);text-decoration:none;display:inline-flex;align-items:center;gap:4px;position:relative;transition:color var(--transition-base)}.btn-text span{position:relative}.btn-text span:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.btn-text:hover{color:var(--fg1)}.btn-text:hover span:after{transform:scaleX(1)}.btn-text-arrow{width:9px;height:9px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;opacity:.6;transition:opacity var(--transition-base),transform var(--transition-base)}.btn-text:hover .btn-text-arrow{opacity:1;transform:translate(1px,-1px)}.btn-text-li-icon{display:none;width:18px;height:18px;opacity:.7;transition:opacity var(--transition-base)}.btn-text:hover .btn-text-li-icon{opacity:1}.btn-text--accent{color:var(--accent)}.btn-text--accent:hover{color:var(--accent-hover)}.btn-cta{display:inline-flex;align-items:center;gap:6px;padding:.42rem 1rem;border-radius:6px;white-space:nowrap;overflow:hidden;border:1px solid rgba(242,140,30,.5);background:#f28c1e1a;color:var(--accent);font-family:var(--font-body);font-size:.76rem;font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:all var(--transition-base)}.btn-cta:hover{background:#f28c1e33;border-color:#f28c1ebf;color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 18px -8px #f28c1e66}.btn-cta .btn-label{animation:label-in .18s ease}@keyframes label-in{0%{opacity:0}to{opacity:1}}.btn-cta svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.btn-cta-mail-icon{display:none;width:16px;height:16px}.btn-cta:hover svg{opacity:1}@keyframes btn-shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.btn-cta.shake{animation:btn-shake .45s ease}.contact-overlay{position:fixed;inset:0;z-index:99;cursor:default}.header.contact-open{z-index:200}.btn-cta.highlighted{background:#f28c1e47;border-color:var(--accent);color:var(--accent-hover);transition:background .2s ease,border-color .2s ease,color .2s ease}.btn-cta.active.highlighted{background:#f28c1e47;border-color:var(--accent);color:var(--accent-hover);border-bottom-color:transparent;transition:background .5s ease,border-color .5s ease,color .5s ease}.btn-cta.active{background:#f28c1e1a;border-color:#f28c1e80;color:var(--accent);border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-cta.active:hover{background:#f28c1e33;border-color:#f28c1ebf;color:var(--accent-hover);transform:none;box-shadow:none;border-bottom-color:transparent}@media (max-width: 768px){.header{padding:1rem 0}.header-inner{padding:0 1.25rem;gap:0}.wordmark-icon{display:block;height:30px}.wordmark-text{display:none}.header.scrolled .wordmark{max-width:80px;margin-right:1rem}.btn-cta .btn-label,.btn-cta .btn-cta-chevron{display:none}.btn-cta .btn-cta-mail-icon{display:block}.btn-cta{background:none;border:1px solid transparent;padding:0;width:36px;height:36px;justify-content:center;box-shadow:none;transform:none;color:var(--accent);opacity:1;align-self:center;line-height:0;border-radius:6px}.btn-cta:hover{background:none;border-color:transparent;box-shadow:none;transform:none;color:var(--accent-hover)}.btn-cta.active{background:#f28c1e1a;border-color:#f28c1e80;color:var(--accent);opacity:1}.btn-cta.active:hover{background:#f28c1e33;border-color:#f28c1ebf;color:var(--accent-hover)}.btn-cta.active svg{width:15px;height:15px}.btn-cta .btn-cta-mail-icon{width:23px;height:23px}.header-tagline{display:none}.nav{margin-left:0;gap:0}.nav-link{padding:.4rem .5rem}.header-actions .btn-text span,.header-actions .btn-text .btn-text-arrow{display:none}.header-actions .btn-text .btn-text-li-icon{display:block}.header-actions{margin-left:auto}}.photo-wrap{position:relative}.photo-wrap:after{content:"";position:absolute;bottom:-18px;left:10%;right:10%;height:24px;background:#123a40b3;filter:blur(14px);border-radius:50%;z-index:-1}.photo-outer{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden}.photo-outer.hero-frame{max-width:380px}.photo-outer.about-frame{border-radius:var(--radius-md)}.photo-img{width:100%;display:block}@media (max-width: 768px){.hero-wrap{max-width:200px;margin:0 auto}}.work-card{border-radius:16px;border:1px solid var(--border-card);background:#66c8e31a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;transition:all .22s ease;cursor:pointer;text-decoration:none;display:flex;flex-direction:column;color:inherit}.work-card:hover{background:#66c8e329;border-color:var(--border-card-hover);transform:translateY(-3px);box-shadow:0 20px 40px -20px #184c53b3}.work-card__thumb{height:160px;background:#2e9ca32e;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-card);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fg3);transition:background .22s ease;overflow:hidden}.work-card__thumb-img{height:55%;width:auto;object-fit:contain}.work-card:hover .work-card__thumb{background:#2e9ca347}.work-card__thumb.soon{border-style:dashed;border-color:#b9eaf738;background:#2e9ca314}.work-card__body{padding:1.25rem 1.4rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.work-card__title{font-family:var(--font-display);font-size:1.1rem;font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-highlight)}.work-card__desc{font-size:.82rem;color:var(--fg2);line-height:1.55;flex:1}.work-card__tags{display:flex;flex-wrap:wrap;gap:6px}.work-card__tag{display:inline-block;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);border:1px solid rgba(185,234,247,.14);border-radius:4px;padding:2px 7px;align-self:flex-start}.page-container{max-width:1200px;margin:0 auto;padding:0 3rem 6rem}.hero{padding-top:90px;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;min-height:100vh}.hero-left{display:flex;flex-direction:column;gap:.75rem}.hero-eyebrow{animation:fade-up .5s ease-out 2s both;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fg3);font-weight:var(--weight-medium)}.hero-title-group{display:flex;flex-direction:column;gap:.15rem}.hero-title{animation:fade-up .5s ease-out 0s both;font-family:var(--font-display);font-weight:var(--weight-black);font-size:clamp(3.5rem,5.5vw + 1rem,6.5rem);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-highlight);line-height:.92;display:flex;flex-direction:column;gap:0;margin:0}.hero-title span{display:block}.hero-name{animation:fade-up .5s ease-out 1s both;font-family:var(--font-display);font-weight:var(--weight-black);font-size:clamp(1.8rem,2.8vw + .6rem,2.6rem);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-top:.1rem;line-height:.92}.hero-name-v-icon{height:.85em;width:auto;display:inline-block;vertical-align:middle;margin-bottom:.1em}.hero-body{animation:fade-up .5s ease-out 3s both;font-size:var(--text-base);color:var(--fg2);line-height:1.7;max-width:420px;font-weight:var(--weight-light);margin:0}.hero-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tag-link{display:inline-block;padding:.45rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(102,200,227,.28);background:#66c8e314;color:var(--fg2);font-family:var(--font-body);font-size:.8rem;font-weight:var(--weight-medium);text-decoration:none;letter-spacing:.05em;transition:all var(--transition-base)}.tag-link:hover{background:#66c8e329;border-color:#66c8e37a;color:var(--fg1);transform:translateY(-1px)}.hero-right{display:flex;justify-content:center;align-items:center;animation:fade-up .5s ease-out .15s both}.section-label{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fg3);font-weight:var(--weight-medium);margin-bottom:1.5rem;display:flex;align-items:center;gap:12px}.section-label:after{content:"";flex:1;height:1px;background:#b9eaf71f}.work{padding-top:5rem}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.work-more-link{margin-top:1.75rem;display:inline-flex}.about{padding-top:4rem;display:grid;grid-template-columns:1fr 1fr;row-gap:0;column-gap:3rem;align-items:start}.about-text{display:flex;flex-direction:column;gap:1.25rem}.about-text .section-label{margin-bottom:0}.about-heading{font-family:var(--font-display);font-size:2.2rem;font-weight:var(--weight-black);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-highlight);line-height:1;margin:0}.about-body{font-size:.95rem;color:var(--fg2);line-height:1.75;font-weight:var(--weight-light);margin:0}.skills{display:flex;flex-wrap:wrap;gap:8px}.skill{padding:.35rem .85rem;border-radius:6px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:var(--weight-medium);border:1px solid rgba(102,200,227,.22);color:var(--fg2)}.about-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.about-photo-offset{margin-top:2rem}@media (max-width: 768px){.page-container{padding:0 1.25rem 4rem}.hero{grid-template-columns:1fr;min-height:unset;padding-top:180px;gap:.75rem;align-items:start;align-content:start}.hero-title{font-size:clamp(2rem,10.5vw,3.5rem)}.hero-right{justify-content:flex-start;animation:fade-up .5s ease-out 4s both}.work-grid,.about{grid-template-columns:1fr}.about-photos{display:none}}.work-list-item{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:0;border-radius:16px;border:1px solid var(--border-card);background:#66c8e314;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;text-decoration:none;color:inherit;transition:all .22s ease;cursor:pointer}.work-list-item:hover{background:#66c8e329;border-color:var(--border-card-hover);transform:translateY(-2px);box-shadow:0 20px 40px -20px #184c53b3}.work-list-item__thumb{height:100%;min-height:160px;background:linear-gradient(135deg,#2e9ca359,#184c538c);border-right:1px solid var(--border-card);transition:background .22s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.work-list-item:hover .work-list-item__thumb{background:linear-gradient(135deg,#2e9ca37a,#184c53a6)}.work-list-item__thumb-img{width:100%;height:100%;object-fit:contain;padding:20px}.work-list-item__body{padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:.6rem}.work-list-item__meta{display:flex;align-items:center;justify-content:space-between}.work-list-item__index{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.14em;color:var(--fg3)}.work-list-item__date{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}.work-list-item__title{font-family:var(--font-display);font-size:1.25rem;font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-highlight);margin:0;line-height:1.15}.work-list-item__desc{font-size:.85rem;color:var(--fg2);line-height:1.6;font-weight:var(--weight-light);margin:0;max-width:560px}.work-list-item__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:.2rem}.work-list-item__tag{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);border:1px solid rgba(185,234,247,.14);border-radius:4px;padding:2px 7px}@media (max-width: 768px){.work-list-item{grid-template-columns:1fr;grid-template-rows:140px auto}.work-list-item__thumb{min-height:140px;border-right:none;border-bottom:1px solid var(--border-card)}.work-list-item__arrow{display:none}.work-list-item__body{padding:1.25rem 1.4rem}}.work-page{max-width:1200px;margin:0 auto;padding:90px 3rem 6rem}.work-page-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:3rem}.work-page-heading{font-family:var(--font-display);font-weight:var(--weight-black);font-size:clamp(2.4rem,3.5vw + 1rem,4rem);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-highlight);line-height:var(--leading-tight);margin:0}.work-page-sub{font-size:var(--text-sm);color:var(--fg3);font-weight:var(--weight-light);letter-spacing:.04em;margin:0}.work-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2rem}.work-filter-pill{padding:.35rem .9rem;border-radius:var(--radius-pill);border:1px solid rgba(102,200,227,.22);background:#66c8e30f;color:var(--fg2);font-family:var(--font-body);font-size:.72rem;font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base)}.work-filter-pill:hover{background:#66c8e324;border-color:#66c8e36b;color:var(--fg1)}.work-filter-pill.active{background:var(--color-teal);border-color:var(--color-teal);color:var(--color-text-primary);box-shadow:0 4px 14px -4px #2e9ca38c}.work-list{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.work-page{padding:100px 1.25rem 4rem}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes chip-pop{0%{opacity:0;translate:0 18px;scale:.8}65%{scale:1.06}to{opacity:1;translate:0 0;scale:1}}.about-page{max-width:1200px;margin:0 auto;padding:0 3rem 6rem}.ab-eyebrow,.ab-section-label{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fg3);font-weight:var(--weight-medium);margin:0 0 1rem;display:flex;align-items:center;gap:12px}.ab-section-label:after{content:"";flex:1;height:1px;background:#b9eaf71f}.ab-section-heading{font-family:var(--font-display);font-size:clamp(1.8rem,2.8vw + .5rem,2.6rem);font-weight:var(--weight-black);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-highlight);line-height:1;margin:0 0 2rem}.ab-hero{padding-top:100px;padding-bottom:10vh;padding-left:3rem;padding-right:3rem;margin-left:-3rem;margin-right:-3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:100vh;text-align:center;position:relative;overflow:hidden}@keyframes blob-drift-1{0%,to{transform:translate(0) scale(1)}40%{transform:translate(40px,-30px) scale(1.06)}70%{transform:translate(-20px,20px) scale(.96)}}@keyframes blob-drift-2{0%,to{transform:translate(0) scale(1)}35%{transform:translate(-35px,25px) scale(1.04)}65%{transform:translate(25px,-20px) scale(.97)}}@keyframes blob-drift-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-35px) scale(1.05)}}.ab-hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ab-hero-blob{position:absolute;border-radius:50%}.ab-hero-blob--1{width:560px;height:560px;top:-140px;left:-140px;background:radial-gradient(circle,rgba(46,156,163,.38) 0%,transparent 70%);filter:blur(72px);animation:blob-drift-1 22s ease-in-out infinite}.ab-hero-blob--2{width:440px;height:440px;top:10%;right:-120px;background:radial-gradient(circle,rgba(102,200,227,.28) 0%,transparent 70%);filter:blur(64px);animation:blob-drift-2 18s ease-in-out infinite}.ab-hero-blob--3{width:380px;height:380px;bottom:-60px;left:35%;background:radial-gradient(circle,rgba(66,180,190,.22) 0%,transparent 70%);filter:blur(80px);animation:blob-drift-3 26s ease-in-out infinite}.ab-hero-text{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.ab-hero-heading{font-family:var(--font-display);font-weight:var(--weight-black);font-size:clamp(4.5rem,8vw + 1rem,9rem);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-highlight);line-height:.92;display:flex;flex-direction:column;align-items:center;gap:.05em;margin:0}.ab-hero-heading span{display:block}.ab-hi-row{display:inline-flex;gap:.25em;align-items:baseline}.ab-hero-heading .ab-hi-span,.ab-hero-heading .ab-im-span{display:inline}.ab-hero-eyebrow{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--color-teal);font-weight:var(--weight-medium);margin:0;animation:fade-up .5s ease-out .3s both}.ab-hi-span{animation:fade-up .5s ease-out .8s both}.ab-im-span{animation:fade-up .5s ease-out 1.8s both}.ab-heading-accent{color:var(--accent);display:flex;align-items:baseline;gap:.05em}.ab-heading-accent span{display:inline}.ab-daniel-svg{height:1.1em;width:auto;clip-path:inset(0 100% 0 0);animation:reveal-daniel 1s cubic-bezier(.4,0,.2,1) 2.3s both}.ab-daniel-period{opacity:0;animation:fade-in .5s ease-out 3.3s both}.ab-daniel-path{fill:var(--accent)}@keyframes reveal-daniel{to{clip-path:inset(0 0% 0 0)}}.ab-hero-body{font-size:var(--text-base);color:var(--fg2);line-height:1.75;max-width:440px;font-weight:var(--weight-light);margin:0;animation:fade-up .5s ease-out 5s both}.ab-hero-photo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:0;pointer-events:none;animation:fade-up .8s ease-out 0s both;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 55%,transparent 88%);mask-image:linear-gradient(to bottom,black 0%,black 55%,transparent 88%)}.ab-hero-photo>*,.ab-hero-photo .photo-wrap,.ab-hero-photo .photo-outer{width:auto!important;height:auto!important;max-width:none!important;border-radius:0!important;border:none!important;box-shadow:none!important;background:none!important;display:flex!important;align-items:center!important;justify-content:center!important}.ab-hero-photo img{height:82vh!important;width:auto!important;opacity:.4;border-radius:0!important;object-fit:unset}.ab-hero-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 40%,#1238401a,#1238408c 55%,#123840d9)}.ab-hero-chips{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;z-index:1;zoom:1.2;margin-top:1rem}.ab-hero-chips-row{display:flex;flex-wrap:nowrap;gap:14px;justify-content:center;align-items:center}@keyframes chevron-cascade{0%,to{opacity:.1;transform:translateY(-2px)}50%{opacity:.5;transform:translateY(3px)}}.ab-scroll-indicator{position:fixed;bottom:8%;left:50%;translate:-50% 0;color:#b9eaf7e6;display:flex;flex-direction:column;align-items:center;gap:2px;opacity:0;transition:opacity .7s ease-out;pointer-events:none}.ab-scroll-indicator--visible{opacity:1;pointer-events:auto;transition:opacity 1.4s ease-in}.ab-scroll-chevron{display:block}.ab-scroll-chevron--1{animation:chevron-cascade 2s ease-in-out 7.2s infinite}.ab-scroll-chevron--2{animation:chevron-cascade 2s ease-in-out 7.5s infinite}.ab-hero-chip{white-space:nowrap;cursor:default;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease}.ab-hero-chip--design{animation:chip-pop .65s cubic-bezier(.34,1.56,.64,1) 3.8s both;font-family:var(--font-display);font-size:.85rem;font-weight:var(--weight-semibold);letter-spacing:.02em;text-transform:none;color:#e8e8e8;background:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px) 0 0 / 8px 8px,#1e1e1e;border:1.5px solid #18a0fb;border-radius:1px;padding:.22rem .7rem;transform:rotate(2.5deg);box-shadow:2px 4px 12px #00000080;position:relative;overflow:visible}.ab-hero-chip--design:after{content:"Frame 1";position:absolute;bottom:calc(100% + 3px);left:0;font-family:Inter,-apple-system,sans-serif;font-size:7px;font-weight:400;letter-spacing:0;text-transform:none;color:#18a0fb;white-space:nowrap;pointer-events:none}.ab-hero-chip--design:hover{transform:rotate(0) translateY(-4px);box-shadow:3px 8px 20px #0000008c}.ab-hero-chip--code{animation:chip-pop .65s cubic-bezier(.34,1.56,.64,1) 4.3s both;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;text-transform:lowercase;color:#7eeaa0;background:linear-gradient(to bottom,#2a2a2e 0px 16px,#0d1117 16px),#0d1117;border:1px solid rgba(80,80,90,.7);border-radius:6px;padding:.3rem .8rem .3rem .65rem;padding-top:calc(16px + .3rem);transform:rotate(-1.5deg);box-shadow:-2px 4px 14px #00000080;position:relative;overflow:hidden}.ab-hero-chip--code:before{content:"";position:absolute;top:5px;left:7px;width:5px;height:5px;border-radius:50%;background:#ff5f57;box-shadow:9px 0 #ffbd2e,18px 0 #28c840}.ab-hero-chip--code:after{content:"~$";position:absolute;left:.65rem;bottom:.3rem;font-family:var(--font-mono);font-size:.62rem;color:#7eeaa073;pointer-events:none}.ab-hero-chip--code:hover{transform:rotate(0) translateY(-4px);box-shadow:2px 8px 20px #0000008c}.ab-hero-chip--location{animation:chip-pop .65s cubic-bezier(.34,1.56,.64,1) 4.8s both;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;font-weight:var(--weight-bold);color:#1a2a1a;text-shadow:0 1px 3px rgba(255,255,255,.6);border:1px solid rgba(80,120,160,.5);border-radius:var(--radius-pill);padding:.4rem 1.1rem;transform:rotate(3deg);box-shadow:3px 5px 14px #0006;position:relative;overflow:hidden;background:transparent;isolation:isolate}.ab-hero-chip--location:before{content:"";position:absolute;inset:0;background:url(/tampere-map.png) 48% 80% / 256px 256px no-repeat,#d4e3f0;z-index:-1}.ab-hero-chip--location:hover{transform:rotate(0) translateY(-4px);border-color:#5078a0cc;box-shadow:2px 8px 22px #00000073}.ab-hero-chip--academic{animation:chip-pop .65s cubic-bezier(.34,1.56,.64,1) 5.3s both;font-family:var(--font-handwriting);font-size:1.05rem;letter-spacing:.01em;text-transform:none;font-weight:700;color:#2c2060;text-shadow:none;border:1.5px solid rgba(100,130,200,.45);border-radius:2px;padding:.28rem 1.1rem .28rem .65rem;transform:rotate(-2deg);box-shadow:-2px 5px 14px #00000059;background:linear-gradient(to left,transparent 8px,rgba(210,70,70,.55) 8px,rgba(210,70,70,.55) 9.5px,transparent 9.5px),repeating-linear-gradient(0deg,transparent 0px,transparent 9px,rgba(90,120,200,.22) 9px,rgba(90,120,200,.22) 10px),repeating-linear-gradient(90deg,transparent 0px,transparent 9px,rgba(90,120,200,.22) 9px,rgba(90,120,200,.22) 10px),#f2eeea}.ab-hero-chip--academic:hover{transform:rotate(0) translateY(-4px);border-color:#6482c8b3;box-shadow:2px 8px 20px #00000040}.ab-hero-chip--design-systems{animation:chip-pop .65s cubic-bezier(.34,1.56,.64,1) 5.8s both;font-family:var(--font-display);font-size:.68rem;font-weight:var(--weight-bold);letter-spacing:.07em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45);border:1.5px solid rgba(255,255,255,.25);border-radius:var(--radius-sm);padding:.35rem 1.1rem;transform:rotate(-1.8deg) translateZ(0);box-shadow:-2px 5px 14px #00000059;background:linear-gradient(to right,#184c53 0% 13%,#2a6c78 13% 27%,#2e9ca3 27% 47%,#66c8e3 47% 67%,#b9eaf7 67% 85%,#f28c1e 85% 100%);background-origin:border-box;background-repeat:no-repeat;position:relative;overflow:hidden;isolation:isolate}.ab-hero-chip--design-systems:hover{transform:rotate(0) translateY(-4px);box-shadow:2px 8px 20px #0006;border-color:#fff6}.ab-hero-chip--research{animation:chip-pop .65s cubic-bezier(.34,1.56,.64,1) 6.3s both;transform:rotate(2.2deg);border:none;padding:0;background:none;border-radius:0;box-shadow:none}.ab-chip-postit-wrap{display:inline-grid}.ab-chip-postit{grid-area:1 / 1;display:block;height:80px;width:auto}.ab-chip-postit--open{opacity:0;transition:opacity .22s ease}.ab-hero-chip--research:hover .ab-chip-postit--open{opacity:1}.ab-hero-chip--research:hover{transform:rotate(0) translateY(-4px)}.ab-expertise{padding-top:8rem}.ab-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.ab-card{background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:1rem;-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);transition:border-color var(--transition-base),background var(--transition-base)}.ab-card:hover{background:var(--surface-card-hover);border-color:var(--border-card-hover)}.ab-card-icon{width:38px;height:38px;color:var(--color-sky-blue);flex-shrink:0}.ab-card-icon svg{width:100%;height:100%;stroke:currentColor}.ab-card-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:.04em;color:var(--fg1);margin:0}.ab-card-body{font-size:var(--text-sm);color:var(--fg2);line-height:var(--leading-loose);font-weight:var(--weight-light);margin:0;flex:1}.ab-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.ab-tag{padding:.3rem .75rem;border-radius:var(--radius-pill);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;font-weight:var(--weight-medium);border:1px solid rgba(102,200,227,.22);color:var(--fg3);background:#66c8e30f}.ab-journey{padding-top:5rem;display:grid;grid-template-columns:1fr 1fr;column-gap:4rem;row-gap:1.5rem;align-items:start}.ab-journey-header{grid-column:1 / span 2;display:flex;flex-direction:column;gap:0}.ab-journey-header .ab-section-heading,.ab-journey-header .ab-section-label{margin-bottom:0}.ab-journey-paragraphs{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:0}.ab-journey .ab-timeline{grid-column:2;grid-row:2}.ab-journey-body{font-size:.95rem;color:var(--fg2);line-height:1.8;font-weight:var(--weight-light);margin:0 0 1rem}.ab-timeline{display:flex;flex-direction:column;position:relative;padding-left:2rem;padding-top:.25rem}.ab-timeline:before{content:"";position:absolute;left:6px;top:10px;bottom:24px;width:1.5px;background:linear-gradient(to bottom,var(--color-teal),rgba(46,156,163,.2))}.ab-tl-item{position:relative;padding-bottom:2.25rem;display:flex;gap:1rem;align-items:flex-start}.ab-tl-item--next{padding-bottom:0}.ab-tl-dot{position:absolute;left:-2rem;top:4px;width:13px;height:13px;border-radius:50%;background:var(--color-deep-sea);border:2px solid var(--color-teal);flex-shrink:0}.ab-tl-dot--current{background:var(--color-teal);border-color:var(--color-sky-blue);box-shadow:0 0 10px #66c8e380}.ab-tl-dot--future{background:transparent;border:2px dashed rgba(102,200,227,.35)}.ab-tl-content{display:flex;flex-direction:column;gap:.2rem}.ab-tl-year{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-teal);font-weight:var(--weight-semibold)}.ab-tl-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:.04em;color:var(--fg1);margin:0}.ab-tl-sub{font-size:var(--text-sm);color:var(--fg3);font-weight:var(--weight-light);margin:0;line-height:1.6}.ab-drives{padding-top:2rem}.ab-drives-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:center}.ab-quote{font-family:var(--font-display);font-size:clamp(1.1rem,1.5vw + .4rem,1.5rem);font-weight:var(--weight-semibold);letter-spacing:.03em;color:var(--brand-highlight);line-height:1.45;margin:0;padding-left:1.5rem;border-left:3px solid var(--color-teal);align-self:start}.ab-traits{display:flex;flex-direction:column;gap:1.5rem}.ab-trait{display:flex;gap:1rem;align-items:flex-start}.ab-trait-icon{width:36px;height:36px;color:var(--color-sky-blue);flex-shrink:0;margin-top:2px}.ab-trait-icon svg{width:100%;height:100%;stroke:currentColor}.ab-trait-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:.04em;color:var(--fg1);margin:0 0 .35rem}.ab-trait-body{font-size:var(--text-sm);color:var(--fg2);line-height:var(--leading-loose);font-weight:var(--weight-light);margin:0}.ab-next{padding-top:5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.ab-next-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.ab-next-photo-offset{margin-top:2.5rem}.ab-next-text{display:flex;flex-direction:column;gap:0}.ab-next-cta{display:flex;gap:12px;margin-top:1.75rem;align-items:center}.ab-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:.65rem 1.4rem;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-btn)}.ab-btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 14px 28px -14px #66c8e399}@media (max-width: 900px){.ab-cards{grid-template-columns:1fr 1fr}.ab-drives-inner{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.about-page{padding:0 1.5rem 4rem}.ab-hero-heading{font-size:clamp(3.5rem,12vw,5.5rem)}.ab-hero{min-height:100svh;justify-content:flex-start;padding-top:160px;padding-left:1.5rem;padding-right:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem;padding-bottom:5rem;gap:2rem}.ab-journey{grid-template-columns:1fr;gap:2.5rem;row-gap:1.25rem}.ab-journey-header{order:1;grid-column:auto}.ab-journey-header .ab-section-heading{margin-bottom:0}.ab-journey .ab-timeline{order:2;grid-column:auto;grid-row:auto}.ab-journey-paragraphs{order:3;grid-column:auto;grid-row:auto}.ab-next{grid-template-columns:1fr}.ab-next-photos{display:none}.ab-next-text{order:0}}@media (max-width: 600px){.about-page{padding:0 1.25rem 4rem}.ab-hero{padding-left:1.25rem;padding-right:1.25rem;margin-left:-1.25rem;margin-right:-1.25rem}.ab-hero-chips{transform:scale(.75);transform-origin:top center}.ab-cards{grid-template-columns:1fr}}.project-page{max-width:1200px;margin:0 auto;padding:90px 3rem 6rem}.project-header{margin-bottom:2rem}.project-header__meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.project-back{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-sky-blue);text-decoration:none;transition:color var(--transition-base),text-decoration-color var(--transition-base);text-decoration-color:transparent;text-underline-offset:3px}.project-back svg{width:11px;height:11px}.project-back:hover{color:var(--fg1);text-decoration:underline;text-decoration-color:var(--fg1)}.project-header__meta-divider{width:1px;height:12px;background:#b9eaf72e;flex-shrink:0}.project-header__date{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;color:var(--fg3)}.project-header__tags{display:flex;gap:6px}.project-tag{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);border:1px solid rgba(185,234,247,.14);border-radius:4px;padding:2px 7px}.project-header__title{font-family:var(--font-display);font-weight:var(--weight-black);font-size:clamp(2.8rem,4vw + 1rem,5rem);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-highlight);line-height:var(--leading-tight);margin:0 0 1.25rem}.project-header__summary{font-size:var(--text-base);color:var(--fg2);line-height:1.75;font-weight:var(--weight-light);max-width:640px;margin:0}.project-section{margin-bottom:4rem}.project-section__heading{font-family:var(--font-display);font-size:1.1rem;font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-highlight);margin:0 0 .6rem}.project-section__intro{font-size:var(--text-sm);color:var(--fg2);line-height:1.75;font-weight:var(--weight-light);max-width:580px;margin:0 0 2.5rem}.iterations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.iteration-card{border-radius:12px;border:1px solid var(--border-card);background:#66c8e312;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;transition:all .22s ease;cursor:pointer;text-align:left;padding:0}.iteration-card:hover{border-color:var(--border-card-hover);background:#66c8e321;transform:translateY(-2px)}.iteration-card.current{border-color:#66c8e380;background:#66c8e31f}.iteration-card__icon-wrap{height:140px;display:flex;align-items:center;justify-content:center;background:#184c534d;border-bottom:1px solid var(--border-card)}.iteration-card__icon{height:80px;width:auto}.iteration-card__body{padding:.9rem 1rem;display:flex;flex-direction:column;gap:.3rem}.iteration-card__version-row{display:flex;align-items:center;gap:.5rem}.iteration-card__version{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;color:var(--fg3)}.iteration-card__badge{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-teal);border:1px solid var(--color-teal);border-radius:3px;padding:1px 5px}.iteration-card__label{font-size:.8rem;font-weight:var(--weight-medium);color:var(--fg1);margin:0}.iteration-card__note{font-size:.72rem;color:var(--fg3);line-height:1.5;margin:0;font-weight:var(--weight-light)}.icon-preview-backdrop{position:fixed;inset:0;background:#184c53b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.25rem;z-index:100;animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.icon-preview{position:relative;background:#184c53f2;border:1px solid var(--border-card-hover);border-radius:20px;padding:2.5rem;min-width:280px;animation:scale-in .18s ease}@keyframes scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.icon-preview__icon-wrap{width:160px;height:200px;display:flex;align-items:center;justify-content:center;margin:0 auto}.icon-preview__icon{width:auto;height:100%}.icon-preview__version-row{position:absolute;top:1rem;left:1.25rem;display:flex;align-items:center;gap:.4rem}.icon-preview__version{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.14em;color:var(--fg3)}.icon-preview__close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--fg3);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-base)}.icon-preview__close:hover{color:var(--fg1)}.icon-preview__close svg{width:14px;height:14px}.icon-preview__nav{background:#184c53cc;border:1px solid var(--border-card);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--fg2);cursor:pointer;flex-shrink:0;transition:border-color var(--transition-base),color var(--transition-base)}.icon-preview__nav:hover:not(:disabled){border-color:var(--border-card-hover);color:var(--fg1)}.icon-preview__nav:disabled{opacity:.2;cursor:default}.icon-preview__nav svg{width:14px;height:14px}.icon-preview__info{margin-top:1.25rem;text-align:center}.icon-preview__label{font-size:.82rem;font-weight:var(--weight-medium);color:var(--fg1);margin:0 0 .3rem}.icon-preview__note{font-size:.72rem;color:var(--fg3);line-height:1.55;font-weight:var(--weight-light);max-width:220px;margin:0 auto}@media (max-width: 900px){.iterations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.project-page{padding:90px 1.25rem 4rem}.iterations-grid{grid-template-columns:repeat(2,1fr)}}.psp-tech-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.5rem}.psp-tech-item{display:flex;align-items:center;gap:8px;padding:.55rem 1rem;border-radius:8px;border:1px solid rgba(185,234,247,.14);background:#b9eaf70a}.psp-tech-icon{font-size:1.15rem;color:var(--brand-highlight);display:flex;align-items:center}.psp-tech-label{font-size:.82rem;letter-spacing:.04em;color:var(--fg2);font-weight:var(--weight-medium)}.psp-infra-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.5rem}.psp-infra-card{padding:1.5rem;border-radius:12px;border:1px solid rgba(185,234,247,.12);background:#b9eaf70a;display:flex;flex-direction:column;gap:.75rem}.psp-infra-card__header{display:flex;align-items:center;gap:.75rem}.psp-infra-card__icon{font-size:1.6rem;color:var(--accent);display:flex}.psp-infra-card__title{font-family:var(--font-display);font-size:.9rem;font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-highlight);margin:0}.psp-infra-card__body{font-size:.88rem;color:var(--fg2);line-height:1.7;font-weight:var(--weight-light);margin:0}.psp-pipeline{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-top:1.75rem}.psp-pipeline__step-wrap{display:flex;align-items:center}.psp-pipeline__step{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;border-radius:10px;border:1px solid rgba(185,234,247,.12);background:#b9eaf70a;min-width:110px;text-align:center}.psp-pipeline__icon{font-size:1.5rem;color:var(--accent);display:flex}.psp-pipeline__label{font-size:.78rem;font-weight:var(--weight-medium);color:var(--fg1);letter-spacing:.02em}.psp-pipeline__sub{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg3)}.psp-pipeline__arrow{padding:0 .5rem;color:var(--fg3);display:flex;align-items:center}.psp-pipeline__arrow svg{width:20px;height:20px}.psp-section-icon{font-size:1em;vertical-align:middle;margin-right:.4em;color:var(--accent);position:relative;top:-.05em}@media (max-width: 768px){.project-header__title{font-size:clamp(1.75rem,9vw,2.8rem)}.psp-infra-grid{grid-template-columns:1fr}.psp-pipeline{flex-direction:column;align-items:stretch}.psp-pipeline__step-wrap{flex-direction:column;align-items:center}.psp-pipeline__step{width:100%;min-width:unset}.psp-pipeline__arrow{transform:rotate(90deg);padding:.5rem 0}}#root{display:flex;flex-direction:column;min-height:100vh}#root>.routes-outlet{flex:1}