:root{--color-bg:#0a0a0a;--color-bg-rgb:10, 10, 10;--color-surface:#161616;--color-text:#f5f5f3;--color-text-muted:#9a9a95;--color-border:#2a2a28;--color-accent:#4f6bff;--color-accent-ink:#fff;--color-accent-soft:#c9ff5c;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fs-display:clamp(2.75rem, 6vw, 5.25rem);--fs-h1:clamp(2rem, 4vw, 3rem);--fs-h2:clamp(1.5rem, 2.5vw, 2rem);--fs-h3:1.25rem;--fs-body-lg:1.125rem;--fs-body:1rem;--fs-small:.875rem;--fs-meta:.75rem;--lh-tight:1.05;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.65;--ls-tight:-.02em;--ls-normal:0;--ls-wide:.08em;--ls-widest:.14em;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--space-8:80px;--space-9:96px;--space-10:128px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--container-max:1240px;--pad-desktop:64px;--pad-tablet:40px;--pad-mobile:20px;--ease-standard:cubic-bezier(.4, 0, .2, 1);--dur-fast:.2s;--dur-base:.3s;--dur-slow:.5s;--theme-dur:.4s}:root[data-theme=light]{--color-bg:#fafafa;--color-bg-rgb:250, 250, 250;--color-surface:#f2f2f0;--color-text:#0a0a0a;--color-text-muted:#6b6b6b;--color-border:#e2e2e0;--color-accent:#2b4ced;--color-accent-ink:#fff;--color-accent-soft:#4d7a12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background-color var(--theme-dur) var(--ease-standard), color var(--theme-dur) var(--ease-standard);margin:0;overflow-x:hidden}#root{overflow-x:hidden}h1,h2,h3,h4{letter-spacing:var(--ls-tight);color:var(--color-text);margin:0;font-weight:500}p{color:var(--color-text-muted);margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--container-max);padding-inline:var(--pad-desktop);margin:0 auto}@media (width<=1024px){.container{padding-inline:var(--pad-tablet)}}@media (width<=600px){.container{padding-inline:var(--pad-mobile)}}.eyebrow{font-size:var(--fs-meta);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.accent{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}::selection{background:var(--color-accent);color:var(--color-accent-ink)}.reveal{opacity:0;transition:opacity .8s var(--ease-standard), transform .8s var(--ease-standard);transform:translateY(20px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.stagger-fade{opacity:0;transition:opacity .7s var(--ease-standard), transform .7s var(--ease-standard);transition-delay:var(--fade-delay,0s);transform:translateY(20px)}.reveal-group.is-visible .stagger-fade{opacity:1;transform:translateY(0)}.mask-reveal{display:block;overflow:hidden}.mask-reveal__inner{transition:transform .9s var(--ease-standard);transition-delay:var(--mask-delay,0s);display:block;transform:translateY(105%)}.mask-reveal.is-visible .mask-reveal__inner{transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.stagger-fade,.mask-reveal__inner{opacity:1;transition:none;transform:none}[style*=--parallax-y]{transform:none!important}}.logo{align-items:center;gap:var(--space-3);color:var(--color-text);display:inline-flex}.logo__mark{font-size:var(--fs-h3);letter-spacing:var(--ls-tight);font-weight:700;line-height:1;display:inline-flex;position:relative}.logo__dot{background:var(--color-accent-soft);width:5px;height:5px;transition:background var(--dur-base) var(--ease-standard);border-radius:50%;position:absolute;top:-2px;right:-7px}.logo:hover .logo__dot{background:var(--color-accent)}.logo__name{font-size:var(--fs-meta);letter-spacing:var(--ls-wide);font-weight:600;line-height:var(--lh-snug);flex-direction:column;display:flex}@media (width<=600px){.logo__name{display:none}}.arrow{transition:transform var(--dur-fast) var(--ease-standard);display:inline-block}a:hover .arrow,button:hover .arrow{transform:translate(4px)}.mobile-menu{z-index:30;padding:96px var(--pad-mobile) var(--space-6);background:var(--color-bg);opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard), visibility var(--dur-base);flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0;transform:translateY(-8px)}.mobile-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu__links{gap:var(--space-4);flex-direction:column;display:flex}.mobile-menu__link{letter-spacing:var(--ls-tight);font-size:2.5rem;font-weight:500}.mobile-menu__footer{gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.mobile-menu__talk{font-size:var(--fs-body-lg);letter-spacing:var(--ls-wide);color:var(--color-accent);align-items:center;gap:var(--space-2);font-weight:600;display:inline-flex}.mobile-menu__linkedin{font-size:var(--fs-small);letter-spacing:var(--ls-wide);color:var(--color-text-muted);font-weight:600}@media (width>=861px){.mobile-menu{display:none}}.theme-toggle{border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text);transition:border-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.theme-toggle:active{transform:scale(.94)}.theme-toggle__icon{width:18px;height:18px;transition:opacity var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard);position:absolute}.theme-toggle__icon--sun{opacity:0;transform:rotate(-90deg)scale(.4)}.theme-toggle__icon--moon,:root[data-theme=light] .theme-toggle__icon--sun{opacity:1;transform:rotate(0)scale(1)}:root[data-theme=light] .theme-toggle__icon--moon{opacity:0;transform:rotate(90deg)scale(.4)}.navbar{z-index:40;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background-color .4s var(--ease-standard), border-color .4s var(--ease-standard), backdrop-filter .4s var(--ease-standard), box-shadow .4s var(--ease-standard);background:0 0;border-bottom:1px solid #0000;position:sticky;top:0;box-shadow:0 12px 24px -20px #0000}.navbar--scrolled{background:rgba(var(--color-bg-rgb), .85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--color-border);box-shadow:0 12px 24px -20px #0009}.navbar__inner{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-3);display:flex}.navbar__links{align-items:center;gap:var(--space-6);display:flex}.navbar__actions{align-items:center;gap:var(--space-4);display:flex}.navbar__link{font-size:var(--fs-small);letter-spacing:var(--ls-wide);color:var(--color-text);padding-block:var(--space-1);font-weight:600;position:relative}.navbar__link:after{content:"";background:var(--color-accent);height:1px;transition:right var(--dur-fast) var(--ease-standard);position:absolute;bottom:0;left:0;right:100%}.navbar__link:hover:after{right:0}.navbar__toggle{font-size:var(--fs-small);letter-spacing:var(--ls-wide);color:var(--color-text);padding:var(--space-2);background:0 0;border:none;font-weight:600;display:none}@media (width<=860px){.navbar__links{display:none}.navbar__toggle{display:inline-flex}}.footer{border-top:1px solid var(--color-border);padding-block:var(--space-7)}.footer__inner{justify-content:space-between;gap:var(--space-6);display:flex}.footer__name{font-size:var(--fs-body);letter-spacing:var(--ls-wide);font-weight:700}.footer__role{margin-top:var(--space-1);font-size:var(--fs-meta);letter-spacing:var(--ls-wide);color:var(--color-text-muted);text-transform:uppercase;font-weight:600}.footer__location{margin-top:var(--space-1);font-size:var(--fs-small);color:var(--color-text-muted)}.footer__links{gap:var(--space-5);font-size:var(--fs-small);letter-spacing:var(--ls-wide);text-transform:uppercase;align-items:flex-start;font-weight:600;display:flex}.footer__bottom{align-items:flex-end;gap:var(--space-3);font-size:var(--fs-small);color:var(--color-text-muted);flex-direction:column;display:flex}.footer__top{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--fs-small);color:var(--color-text);transition:border-color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);background:0 0;font-weight:600}.footer__top:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}@media (width<=860px){.footer__inner{gap:var(--space-5);flex-direction:column}.footer__bottom{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}}.cursor-dot{background:var(--color-accent);border:1.5px solid var(--color-accent);pointer-events:none;z-index:9999;opacity:0;width:8px;height:8px;transition:opacity .25s ease, width .3s var(--ease-standard), height .3s var(--ease-standard), margin .3s var(--ease-standard), background .3s var(--ease-standard), border-color .3s var(--ease-standard);will-change:transform;border-radius:50%;margin:-4px 0 0 -4px;position:fixed;top:0;left:0}.cursor-dot--visible{opacity:1}.cursor-dot--active{border-color:var(--color-accent-soft);background:0 0;width:26px;height:26px;margin:-13px 0 0 -13px}@media (hover:none),(pointer:coarse){.cursor-dot{display:none}}body.has-custom-cursor,body.has-custom-cursor *{cursor:none}.floating-back{z-index:45;border:1px solid var(--color-border);background:rgba(var(--color-bg-rgb), .85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:52px;color:var(--color-text);box-shadow:0 16px 32px -16px rgba(var(--color-bg-rgb), .6);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard), background var(--dur-base) var(--ease-standard);border-radius:999px;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex;position:fixed;bottom:28px;left:24px;transform:translateY(16px)scale(.9)}.floating-back--visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.floating-back--visible:active{transform:scale(.94)}.floating-back__icon{width:20px;height:20px;transition:transform var(--dur-base) var(--ease-standard);flex-shrink:0}.floating-back__label{white-space:nowrap;max-width:0;font-size:var(--fs-small);letter-spacing:var(--ls-wide);text-transform:uppercase;opacity:0;transition:max-width var(--dur-base) var(--ease-standard), opacity var(--dur-base) var(--ease-standard), margin-left var(--dur-base) var(--ease-standard);font-weight:600;display:inline-block;overflow:hidden}.floating-back:hover,.floating-back:focus-visible{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-surface)}.floating-back:hover .floating-back__label,.floating-back:focus-visible .floating-back__label{opacity:1;max-width:140px;margin-left:10px}.floating-back:hover .floating-back__icon,.floating-back:focus-visible .floating-back__icon{transform:translate(-3px)}@media (width<=640px){.floating-back{height:46px;padding:0 13px;bottom:16px;left:16px}.floating-back__icon{width:18px;height:18px}}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-small);letter-spacing:var(--ls-wide);text-transform:uppercase;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);border:1px solid #0000;padding:14px 28px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn--primary:hover{background:#7188ff;border-color:#7188ff}.btn--secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn--secondary:hover{border-color:var(--color-text)}.btn--text{color:var(--color-text);text-transform:none;letter-spacing:var(--ls-normal);font-size:var(--fs-body);background:0 0;border-color:#0000;padding:8px 0}.btn__label{align-items:center;gap:var(--space-2);display:inline-flex}.hero{padding-block:var(--space-9)}.hero__content{max-width:980px}.hero__headline{letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(2.5rem,8vw,6rem);line-height:.98}.hero__role{margin-top:var(--space-1);color:var(--color-accent-soft);font-family:Caveat,cursive;font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1;display:block}.hero__subtext{margin-top:var(--space-5);max-width:620px;font-size:var(--fs-h3);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--color-text)}.hero__intro{margin-top:var(--space-4);max-width:560px;font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--color-text-muted)}.hero__actions{align-items:center;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero__meta{align-items:center;gap:var(--space-3);margin-top:var(--space-7);font-size:var(--fs-meta);letter-spacing:var(--ls-wide);color:var(--color-text-muted);text-transform:uppercase;font-weight:600;display:flex}.hero__meta-divider{background:var(--color-border);width:24px;height:1px}@media (width<=600px){.hero{padding-block:var(--space-6) var(--space-7)}.hero__actions{align-items:flex-start;gap:var(--space-3);flex-direction:column}.hero__actions .btn{justify-content:center;width:100%}.hero__meta{row-gap:var(--space-2);flex-wrap:wrap}}.project-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);height:100%;transition:transform var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:var(--color-accent);transform:translateY(-4px)}.project-card__image-link{display:block;overflow:hidden}.project-card__image{aspect-ratio:16/10;transition:transform .6s var(--ease-standard);justify-content:center;align-items:center;display:flex;position:relative}.project-card__image--1{background:linear-gradient(135deg,#4f6bff52,#0a0a0aeb)}.project-card__image--2{background:linear-gradient(135deg,#c9ff5c2e,#0a0a0aeb)}.project-card__image--3{background:linear-gradient(135deg,#4f6bff2e,#c9ff5c1f)}.project-card__image--4{background:linear-gradient(135deg,#ffffff1a,#0a0a0aeb)}.project-card__image--photo{background:#f5f5f3}.project-card__image--photo img{object-fit:cover;object-position:center 35%;width:100%;height:100%;display:block}.project-card__badge{top:var(--space-3);left:var(--space-3);background:rgba(var(--color-bg-rgb), .7);border:1px solid var(--color-border);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-text-muted);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute}.project-card__image-label{font-size:var(--fs-h3);letter-spacing:var(--ls-tight);color:var(--color-text-muted);opacity:.55;font-weight:600}.project-card__image-link:hover .project-card__image{transform:scale(1.04)}.project-card__body{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.project-card__meta{align-items:center;gap:var(--space-2);font-size:var(--fs-meta);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-text-muted);font-weight:600;display:flex}.project-card__meta-divider{background:var(--color-text-muted);opacity:.6;border-radius:50%;width:3px;height:3px}.project-card__title{margin-top:var(--space-3);font-size:var(--fs-h3);letter-spacing:var(--ls-tight);color:var(--color-accent);font-weight:700}.project-card__subtitle{margin-top:var(--space-1);font-size:var(--fs-small);color:var(--color-text-muted);font-weight:600}.project-card__description{margin-top:var(--space-2);font-size:var(--fs-small);line-height:var(--lh-relaxed);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-card__divider{padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:auto}.project-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.project-card__role{font-size:var(--fs-small);color:var(--color-text-muted)}.project-card__link{align-items:center;gap:var(--space-2);font-size:var(--fs-small);letter-spacing:var(--ls-wide);color:var(--color-text);transition:color var(--dur-base) var(--ease-standard);font-weight:600;display:inline-flex}.project-card:hover .project-card__link{color:var(--color-accent)}@media (width<=600px){.project-card__body{padding:var(--space-4)}}.work-section{padding-block:var(--space-9);scroll-margin-top:88px}.work-section__heading{max-width:640px}.work-section__title{font-size:var(--fs-h1);letter-spacing:var(--ls-tight)}.work-section__intro{margin-top:var(--space-3);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed)}.work-section__list{margin-top:var(--space-7);gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=760px){.work-section__list{grid-template-columns:1fr}}.work-section__cta{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.work-section__cta-title{font-size:var(--fs-h3);letter-spacing:var(--ls-wide);color:var(--color-text);text-transform:uppercase;font-weight:600}.work-section__cta-text{margin-top:var(--space-2);font-size:var(--fs-body);max-width:480px}@media (width<=600px){.work-section{padding-block:var(--space-7)}.work-section__list{margin-top:var(--space-5)}}.about-teaser{padding-block:var(--space-9);border-top:1px solid var(--color-border);scroll-margin-top:88px}.about-teaser__inner{gap:var(--space-8);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.about-teaser__title{font-size:var(--fs-h1);letter-spacing:var(--ls-tight)}.about-teaser__body{max-width:560px}.about-teaser__body p{font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);margin-bottom:var(--space-4)}.about-teaser__link{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--fs-small);letter-spacing:var(--ls-wide);color:var(--color-accent);font-weight:600;display:inline-flex}@media (width<=860px){.about-teaser__inner{gap:var(--space-4);grid-template-columns:1fr}}@media (width<=600px){.about-teaser{padding-block:var(--space-7)}}.contact-section{padding-block:var(--space-9);border-top:1px solid var(--color-border);scroll-margin-top:88px}.contact-section__inner{gap:var(--space-8);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);display:grid}.contact-section__parallax{transform:translateY(var(--parallax-y,0px))}.contact-section__title{font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);text-transform:uppercase}.contact-section__text{margin-top:var(--space-5);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);max-width:420px}.contact-section__email{align-items:center;gap:var(--space-2);margin-top:var(--space-6);font-size:var(--fs-h3);color:var(--color-accent);border-bottom:1px solid var(--color-accent);padding-bottom:4px;font-weight:500;display:inline-flex}.contact-section__details{gap:var(--space-5);padding-top:var(--space-2);flex-direction:column;display:flex}.contact-section__label{font-size:var(--fs-meta);letter-spacing:var(--ls-widest);color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:600;display:block}.contact-section__details p,.contact-section__linkedin{font-size:var(--fs-body);color:var(--color-text)}@media (width<=860px){.contact-section__inner{gap:var(--space-6);grid-template-columns:1fr}}@media (width<=600px){.contact-section{padding-block:var(--space-7)}.contact-section__email{font-size:var(--fs-body-lg)}}.about-hero{padding-block:var(--space-9) var(--space-7)}.about-hero__title{margin-top:var(--space-3);font-size:var(--fs-display);letter-spacing:var(--ls-tight)}.about-hero__text{margin-top:var(--space-4);max-width:560px;font-size:var(--fs-body-lg);line-height:var(--lh-relaxed)}.about-block{padding-block:var(--space-7);border-top:1px solid var(--color-border)}.about-block__grid{gap:var(--space-6);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);display:grid}.about-block__title{font-size:var(--fs-h3);letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:600}.about-tag-list{gap:var(--space-3);flex-wrap:wrap;display:flex}.about-tag{font-size:var(--fs-small);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-weight:500}.about-experience{gap:var(--space-6);flex-direction:column;display:flex}.about-experience__item{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.about-experience__item:last-child{border-bottom:none;padding-bottom:0}.about-experience__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.about-experience__head h3{font-size:var(--fs-h3);font-weight:600}.about-experience__period{font-size:var(--fs-small);letter-spacing:var(--ls-wide);color:var(--color-text-muted);text-transform:uppercase;font-weight:600}.about-experience__role{margin-top:var(--space-1);font-size:var(--fs-small);color:var(--color-accent);letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:600}.about-experience__description{margin-top:var(--space-3);font-size:var(--fs-body);line-height:var(--lh-relaxed);max-width:560px}@media (width<=860px){.about-block__grid{gap:var(--space-3);grid-template-columns:1fr}}.petsy-case{padding-block:var(--space-9) var(--space-10)}.petsy-case__hero{padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.petsy-case__title{margin-top:var(--space-3);font-size:var(--fs-display);letter-spacing:var(--ls-tight);text-transform:uppercase}.petsy-case__tagline{margin-top:var(--space-4);max-width:640px;font-size:var(--fs-body-lg);line-height:var(--lh-relaxed)}.petsy-case__meta{gap:var(--space-7);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.petsy-case__meta p{font-size:var(--fs-body);color:var(--color-text)}.petsy-case__design-phase{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.petsy-case__phase-title{font-size:var(--fs-h1);letter-spacing:var(--ls-tight);text-transform:uppercase;margin-bottom:var(--space-2)}.petsy-case__note{max-width:640px;margin:0 auto var(--space-2);padding-block:var(--space-6);text-align:center}.petsy-case__note-title{font-size:var(--fs-h2);letter-spacing:var(--ls-tight)}.petsy-case__note p{margin-top:var(--space-3);line-height:var(--lh-relaxed)}.case-competitors{gap:var(--space-6);flex-direction:column;display:flex}.case-competitor{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md)}.case-competitor__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.case-competitor__name{font-size:var(--fs-body-lg);font-weight:600}.case-competitor__head p{margin-top:var(--space-2);line-height:var(--lh-relaxed)}.case-competitor__badge{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);width:48px;height:48px;font-size:var(--fs-small);letter-spacing:var(--ls-wide);color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.case-ia-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(160deg, rgba(var(--color-bg-rgb), .35), transparent)}.case-ia-card__flows{gap:var(--space-3);flex-direction:column;display:flex}.flow-chain{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.flow-node{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--fs-small);line-height:var(--lh-snug);white-space:nowrap;padding:6px 12px}.flow-arrow{width:16px;height:16px;color:var(--color-accent);flex:none}.case-flow{position:relative}.case-flow:before{content:"";background:var(--color-border);width:1px;position:absolute;top:20px;bottom:20px;left:19px}.case-flow__stage{gap:var(--space-4);padding-bottom:var(--space-6);grid-template-columns:40px minmax(0,1fr);display:grid;position:relative}.case-flow__stage:last-child{padding-bottom:0}.case-flow__marker{z-index:1;background:var(--color-surface);border:1px solid var(--color-border);width:40px;height:40px;font-size:var(--fs-small);color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.case-flow__stage:not(:first-child) .case-flow__marker:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--color-accent);width:0;height:0;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.case-flow__title{font-size:var(--fs-body-lg);margin-bottom:var(--space-2);font-weight:600}.case-flow__body p{line-height:var(--lh-relaxed)}.case-flow__branches{margin-top:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.case-flow__branch{align-items:center;gap:var(--space-3);display:flex}.case-flow__branch-glyph{background:var(--color-border);flex:none;width:18px;height:1px;position:relative}.case-flow__branch-glyph:before{content:"";border-top:1px solid var(--color-accent);border-right:1px solid var(--color-accent);width:6px;height:6px;position:absolute;top:50%;right:-3px;transform:translateY(-50%)rotate(45deg)}@media (width<=860px){.case-block__grid{gap:var(--space-3);grid-template-columns:1fr}.case-list--columns{grid-template-columns:1fr}}.case-page{padding-block:var(--space-9) var(--space-10)}.case-page__hero{padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.case-page__title{margin-top:var(--space-3);font-size:var(--fs-display);letter-spacing:var(--ls-tight);text-transform:uppercase}.case-page__subtitle{margin-top:var(--space-2);font-size:var(--fs-body-lg);color:var(--color-text-muted);font-weight:600}.case-page__tagline{margin-top:var(--space-4);max-width:640px;font-size:var(--fs-body-lg);line-height:var(--lh-relaxed)}.case-page__meta{gap:var(--space-7);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.case-page__meta p{font-size:var(--fs-body);color:var(--color-text)}.case-page__note{max-width:640px;margin:0 auto var(--space-2);padding-block:var(--space-6);text-align:center}.case-page__note-title{font-size:var(--fs-h2);letter-spacing:var(--ls-tight)}.case-page__note p{margin-top:var(--space-3);line-height:var(--lh-relaxed)}.case-page__design-phase{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.case-page__phase-title{font-size:var(--fs-h1);letter-spacing:var(--ls-tight);text-transform:uppercase;margin-bottom:var(--space-2)}.case-block__label{font-size:var(--fs-meta);letter-spacing:var(--ls-widest);color:var(--color-text-muted);margin-bottom:var(--space-2);text-transform:uppercase;font-weight:600;display:block}.case-block__grid{gap:var(--space-6);padding-block:var(--space-7);border-top:1px solid var(--color-border);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);display:grid}.case-block__title{font-size:var(--fs-h3);letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:600}.case-block__content{max-width:640px}.case-block__content--wide{max-width:none}.draft-copy{color:var(--color-text-muted);font-style:italic;line-height:var(--lh-relaxed)}.case-list{gap:var(--space-3);flex-direction:column;display:flex}.case-list li{padding-left:var(--space-4);line-height:var(--lh-relaxed);position:relative}.case-list li:before{content:"";background:var(--color-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.case-list--columns{gap:var(--space-3) var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-list--arrow li,.case-list--warn li{padding-left:var(--space-6)}.case-list--arrow li:before,.case-list--warn li:before{content:"→";width:auto;height:auto;color:var(--color-accent);background:0 0;border-radius:0;font-weight:700;top:0}.case-list--warn li:before{color:#ff8a75}.case-process{position:relative}.case-process:before{content:"";background:var(--color-border);width:1px;position:absolute;top:20px;bottom:20px;left:19px}.case-process__stage{gap:var(--space-4);padding-bottom:var(--space-6);grid-template-columns:40px minmax(0,1fr);display:grid;position:relative}.case-process__stage:last-child{padding-bottom:0}.case-process__marker{z-index:1;background:var(--color-surface);border:1px solid var(--color-border);width:40px;height:40px;font-size:var(--fs-small);color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.case-process__title{font-size:var(--fs-body-lg);margin-bottom:var(--space-2);font-weight:600}.case-process__body p{line-height:var(--lh-relaxed)}.case-ia-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.case-ia-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.case-ia-card__title{font-size:var(--fs-body);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3);font-weight:700}.case-page__link{align-items:center;gap:var(--space-2);margin-top:var(--space-6);font-size:var(--fs-small);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-accent);font-weight:600;display:inline-flex}.case-shot-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.case-shot-grid--full{grid-template-columns:1fr}.case-shot-grid--phone{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.case-shot{aspect-ratio:4/3;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-meta);letter-spacing:var(--ls-wide);color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.case-shot span{padding:var(--space-2)}.case-shot img{object-fit:cover;width:100%;height:100%}.case-shot-grid--full .case-shot{aspect-ratio:16/9}.case-shot-grid--phone .case-shot{aspect-ratio:9/16}.case-shot-grid--wide .case-shot{aspect-ratio:16/9}.case-shot-grid--wide .case-shot img{object-fit:contain}.case-shot-grid--wireframe{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start}.case-shot-grid--wireframe .case-shot{aspect-ratio:auto;height:auto}.case-shot-grid--wireframe .case-shot img{object-fit:contain;width:100%;height:auto;display:block}.case-shot-grid--browser{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(360px,1fr));align-items:start}.case-shot-grid--browser .case-shot{aspect-ratio:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:auto;box-shadow:0 24px 48px -28px rgba(var(--color-bg-rgb), .55);transition:transform var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard);padding-top:30px;position:relative}.case-shot-grid--browser .case-shot:before{content:"";background:#ff5f57;border-radius:50%;width:9px;height:9px;position:absolute;top:13px;left:16px;box-shadow:17px 0 #febc2e,34px 0 #28c840}.case-shot-grid--browser .case-shot:hover{border-color:var(--color-accent);box-shadow:0 28px 56px -24px rgba(var(--color-bg-rgb), .7);transform:translateY(-4px)}.case-shot-grid--browser .case-shot img{object-fit:contain;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);width:100%;height:auto;display:block}.case-shot-group__label{margin-bottom:var(--space-3)}.case-shot-group__label--spaced{margin-top:var(--space-6)}.case-shot-grid--device{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-items:start}.case-shot-grid--device .case-shot{aspect-ratio:auto;background:linear-gradient(160deg, rgba(var(--color-bg-rgb), .4), var(--color-surface));border-radius:var(--radius-lg);height:auto;padding:var(--space-4) var(--space-3);transition:transform var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard);box-shadow:inset 0 1px #ffffff05}.case-shot-grid--device .case-shot:hover{border-color:var(--color-accent);box-shadow:0 24px 48px -24px rgba(var(--color-bg-rgb), .65);transform:translateY(-6px)}.case-shot-grid--device .case-shot img{object-fit:contain;width:100%;height:auto;filter:drop-shadow(0 18px 28px rgba(var(--color-bg-rgb), .35));transition:filter var(--dur-base) var(--ease-standard);display:block}.case-shot-grid--device .case-shot:hover img{filter:drop-shadow(0 28px 40px rgba(var(--color-bg-rgb), .5))}@media (width<=860px){.case-block__grid{gap:var(--space-3);grid-template-columns:1fr}.case-list--columns{grid-template-columns:1fr}}.case-study{padding-block:var(--space-9) var(--space-10);min-height:50vh}.case-study__title{margin-top:var(--space-3);font-size:var(--fs-display);letter-spacing:var(--ls-tight)}.case-study__status{margin-top:var(--space-6);font-size:var(--fs-h3);letter-spacing:var(--ls-wide);color:var(--color-accent);font-weight:600}.case-study__text{margin-top:var(--space-3);max-width:480px;font-size:var(--fs-body-lg);line-height:var(--lh-relaxed)}.case-study__back{align-items:center;gap:var(--space-2);margin-top:var(--space-7);font-size:var(--fs-small);letter-spacing:var(--ls-wide);border-bottom:1px solid var(--color-text);padding-bottom:2px;font-weight:600;display:inline-flex}