@font-face{font-family:'Host Grotesk';src:url('/assets/fonts/HostGrotesk-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:optional}@font-face{font-family:'Host Grotesk';src:url('/assets/fonts/HostGrotesk-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:optional}:root{--color-bg:#0a0a0a;--color-bg-soft:#111111;--color-bg-card:#121212;--color-bg-invert:#111111;--color-border:#222222;--color-text:#ffffff;--color-text-muted:#858585;--color-text-dim:#444444;--color-accent:#ffffff;--color-whatsapp:#25D366;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:32px;--space-xl:64px;--space-2xl:128px;--space-3xl:200px;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--text-4xl:4rem;--text-hero:6rem;--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:600ms cubic-bezier(0.16,1,0.3,1);--transition-page:400ms cubic-bezier(0.16,1,0.3,1)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:'Host Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400;font-size:var(--text-base);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:'Host Grotesk',sans-serif;font-weight:700;line-height:1.1;color:var(--color-text)}p{line-height:1.7}img,video{display:block;max-width:100%;height:auto}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none;color:inherit}ul,ol{list-style:none}input,textarea{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.text-muted{color:var(--color-text-muted)}.text-dim{color:var(--color-text-dim)}.grain-overlay{position:fixed;inset:0;z-index:999;pointer-events:none;user-select:none;opacity:0.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;transform:translateZ(0)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:12px var(--space-md)}.nav__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:52px;padding:0 var(--space-lg);width:100%;max-width:1200px;margin:0 auto;border-radius:0px;border:1px solid transparent;transition:max-width 0.5s cubic-bezier(0.16,1,0.3,1),border-radius 0.5s cubic-bezier(0.16,1,0.3,1),background 0.5s cubic-bezier(0.16,1,0.3,1),padding 0.5s cubic-bezier(0.16,1,0.3,1),border-color 0.5s cubic-bezier(0.16,1,0.3,1),box-shadow 0.5s cubic-bezier(0.16,1,0.3,1)}.nav.scrolled .nav__inner{max-width:840px;border-radius:100px;background:rgba(10,10,10,0.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:rgba(255,255,255,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.4);padding:0 var(--space-lg)}.nav__logo{display:flex;align-items:center;gap:8px;font-family:'Host Grotesk',sans-serif;font-weight:700;font-size:var(--text-lg);color:var(--color-text);letter-spacing:-0.02em;flex-shrink:0;justify-self:start;transition:opacity var(--transition-fast)}.nav__logo:hover{opacity:0.8}.nav__logo-img{height:26px;width:auto;display:block;flex-shrink:0}.nav__logo-img[src=""],.nav__logo-img:not([src]){display:none}.nav__logo-text{line-height:1}.nav__links{display:none;align-items:center;gap:var(--space-sm);list-style:none;justify-self:center}.nav__link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);letter-spacing:0.02em;padding:5px 12px;border-radius:100px;transition:color var(--transition-fast),background-color var(--transition-fast)}.nav__link:hover{color:var(--color-text)}.nav__link.is-active{color:var(--color-text);background-color:rgba(255,255,255,0.08)}.nav__right{display:flex;align-items:center;gap:var(--space-sm);justify-self:end}.nav__cta{display:none !important;padding:6px 10px !important;font-size:12px !important;min-height:32px !important;height:32px;line-height:1;letter-spacing:0.04em;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.nav__hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;padding:var(--space-sm);cursor:pointer;background:none;border:none;color:var(--color-text)}.nav__hamburger-line{display:block;width:22px;height:1.5px;background-color:var(--color-text);transition:transform var(--transition-base),opacity var(--transition-base);transform-origin:center}.nav__hamburger[aria-expanded="true"] .nav__hamburger-line:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav__hamburger[aria-expanded="true"] .nav__hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.nav__hamburger[aria-expanded="true"] .nav__hamburger-line:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-overlay{position:fixed;inset:0;z-index:99;background-color:var(--color-bg);display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) var(--space-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base)}.nav-overlay.is-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-overlay__links{list-style:none;display:flex;flex-direction:column;gap:var(--space-md)}.nav-overlay__link{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-muted);letter-spacing:-0.03em;line-height:1.1;transition:color var(--transition-fast),transform var(--transition-fast);display:inline-block}.nav-overlay__link:hover,.nav-overlay__link:focus-visible{color:var(--color-text);transform:translateX(8px);outline:none}.nav-overlay__link.is-active{color:var(--color-text)}.nav-overlay__close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);color:var(--color-text-muted);cursor:pointer;background:none;border:none;transition:color var(--transition-fast)}.nav-overlay__close:hover,.nav-overlay__close:focus-visible{color:var(--color-text);outline:none}.nav-overlay__cta{margin-top:var(--space-xl)}body.nav-open{overflow:hidden}@media (max-width:767px){.nav__inner{display:flex !important;justify-content:space-between;align-items:center;padding:0 var(--space-md);max-width:none;margin:0}.nav:not(.scrolled) .nav__inner{border-radius:0;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.nav.scrolled .nav__inner{border-radius:100px;background-color:rgba(10,10,10,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:rgba(255,255,255,0.08);box-shadow:0 4px 24px rgba(0,0,0,0.4);padding:0 var(--space-md) 0 var(--space-lg)}}@media (min-width:768px){.nav__links{display:flex}.nav__cta{display:inline-flex !important}.nav__hamburger{display:none}.nav-overlay{display:none}}.page-container{max-width:1200px;margin:0 auto;padding:80px var(--space-md) var(--space-xl)}.section{padding:var(--space-xl) 0}@media (min-width:768px){.section{padding:var(--space-2xl) 0}}.section-label{display:inline-block;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:var(--space-md)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px var(--space-lg);font-family:'Host Grotesk',sans-serif;font-size:var(--text-sm);font-weight:500;letter-spacing:0.03em;cursor:pointer;border:1px solid transparent;border-radius:9999px;text-decoration:none;white-space:nowrap;min-height:48px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn-primary{background:rgba(255,255,255,0.14);color:var(--color-text);border-color:rgba(255,255,255,0.22)}.btn-ghost{background:rgba(255,255,255,0.14);color:var(--color-text);border-color:rgba(255,255,255,0.22)}.btn-spinner{display:inline-block;width:14px;height:14px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:loader-spin 0.7s linear infinite;flex-shrink:0}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;overflow:hidden;background-color:var(--color-bg);padding:clamp(120px,18vh,200px) var(--space-md) var(--space-xl)}.hero__bg{position:absolute;inset:-25% 0;will-change:transform;z-index:0}.hero__carousel-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease}.hero__carousel-slide.is-active{opacity:1}.hero__carousel-slide::after{content:'';position:absolute;inset:0;background:rgba(10,10,10,0.55)}.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent 0%,rgba(0,0,0,0.55) 100%);z-index:1;pointer-events:none}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.hero__content{position:relative;z-index:2;max-width:500px}.hero__name{font-size:clamp(2rem,5vw,3.5rem);font-weight:400;letter-spacing:-0.02em;line-height:1.1;color:var(--color-text);margin-bottom:var(--space-md);white-space:nowrap}.hero__tagline{font-size:clamp(var(--text-sm),1.8vw,var(--text-base));color:rgba(255,255,255,0.6);line-height:1.7;margin-bottom:var(--space-xl);letter-spacing:0.01em}.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.hero__scroll-indicator{position:absolute;bottom:var(--space-lg);left:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;color:rgba(255,255,255,0.4);z-index:2;white-space:nowrap}.hero__scroll-label{font-size:11px;letter-spacing:0.12em;text-transform:uppercase}.hero__scroll-mouse{display:block;width:18px;height:28px;border:1.5px solid rgba(255,255,255,0.35);border-radius:9px;position:relative;flex-shrink:0}.hero__scroll-dot{display:block;width:3px;height:5px;background:rgba(255,255,255,0.5);border-radius:2px;position:absolute;top:5px;left:50%;transform:translateX(-50%);animation:scrollDot 1.6s ease-in-out infinite}.project-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin:var(--space-lg) 0}@media (min-width:640px){.project-grid{grid-template-columns:repeat(2,1fr)}}.project-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:rgba(255,255,255,0.12) 0px 1px 0px 0px inset;overflow:hidden;cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.project-card:hover{border-color:var(--color-text-dim);box-shadow:rgba(255,255,255,0.18) 0px 1px 0px 0px inset}.project-card__image-wrap{aspect-ratio:16 / 9;overflow:hidden;background-color:var(--color-bg-soft);position:relative}.project-card__image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.project-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);font-size:var(--text-xs);letter-spacing:0.1em;text-transform:uppercase;background:repeating-linear-gradient( 45deg,var(--color-bg-soft),var(--color-bg-soft) 2px,var(--color-bg-card) 2px,var(--color-bg-card) 12px )}.project-card__body{padding:var(--space-md) var(--space-lg) var(--space-lg)}.project-card__name{font-size:var(--text-base);font-weight:700;color:var(--color-text);margin-bottom:var(--space-xs)}.project-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-md);line-height:1.5}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{font-size:11px;font-weight:500;letter-spacing:0.06em;padding:3px 10px;border:1px solid var(--color-border);color:var(--color-text-dim);text-transform:uppercase}.about-strip{border-top:1px solid var(--color-border);padding:var(--space-xl) 0}.about-strip__inner{display:flex;align-items:center;gap:var(--space-2xl)}.about-strip__text-col{flex:1;min-width:0}.about-strip__image-col{flex:0 0 260px}.about-strip__image-frame{width:260px;height:320px;border-radius:8px;overflow:hidden;border:1px solid var(--color-border);box-shadow:rgba(255,255,255,0.08) 0px 1px 0px 0px inset}.about-strip__image-frame img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:767px){.about-strip__inner{flex-direction:column}.about-strip__image-col{flex:none;width:100%}.about-strip__image-frame{width:100%;height:240px}}.about-strip__text{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-lg)}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-text);letter-spacing:0.02em;transition:gap var(--transition-fast)}.link-arrow:hover{gap:var(--space-md)}.link-arrow--muted{opacity:0.35;cursor:default;pointer-events:none}.lymora-block{background-color:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:rgba(255,255,255,0.12) 0px 1px 0px 0px inset;padding:var(--space-xl) var(--space-lg)}@media (min-width:768px){.lymora-block{padding:var(--space-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}}.lymora-block__eyebrow{font-size:var(--text-xs);font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-md)}.lymora-block__name{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--color-text);margin-bottom:var(--space-sm)}.lymora-block__tagline{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.lymora-block__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-lg)}.lymora-block__products{display:flex;flex-direction:column;gap:var(--space-md)}.lymora-product{padding:var(--space-md);border:1px solid var(--color-border);background-color:var(--color-bg-soft);box-shadow:rgba(255,255,255,0.08) 0px 1px 0px 0px inset}.lymora-product__name{font-size:var(--text-sm);font-weight:700;color:var(--color-text);margin-bottom:var(--space-xs)}.lymora-product__desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}.lymora-product--wip{position:relative;overflow:hidden}.lymora-product--wip .lymora-product__blur-content{filter:blur(3px);pointer-events:none;user-select:none}.lymora-product__wip-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,10,10,0.45)}.lymora-wip-badge{font-size:var(--text-xs);font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-muted);border:1px solid var(--color-border);background-color:var(--color-bg-card);padding:6px 14px;border-radius:999px}.cta-section{border-top:1px solid var(--color-border);padding:var(--space-2xl) 0;text-align:center}.cta-section__label{font-size:var(--text-xs);font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.cta-section__heading{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:700;letter-spacing:-0.03em;line-height:1.1;margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.about-layout{display:grid;grid-template-columns:1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}@media (min-width:768px){.about-layout{grid-template-columns:1fr 380px;gap:var(--space-2xl);align-items:start}}.about-portrait{order:2}@media (min-width:768px){.about-portrait{order:unset;position:sticky;top:88px}}.about-portrait__image{width:100%;aspect-ratio:3 / 4;background-color:var(--color-bg-card);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);font-size:var(--text-xs);letter-spacing:0.1em;text-transform:uppercase;overflow:hidden;position:relative}.about-portrait__image img,.about-portrait__image video{width:100%;height:100%;object-fit:cover;filter:contrast(1.05);display:block}.about-portrait__caption{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-dim);letter-spacing:0.06em}.about-bio{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.75;margin-bottom:var(--space-xl)}.skill-pills{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.skill-pill{font-size:var(--text-xs);font-weight:500;letter-spacing:0.06em;padding:6px 14px;border:1px solid var(--color-border);color:var(--color-text-muted);background-color:transparent;white-space:nowrap;transition:border-color var(--transition-fast),color var(--transition-fast)}.skill-pill:hover{border-color:var(--color-text-dim);color:var(--color-text)}.skill-pill--secondary{opacity:0.5}.skill-pills__divider{display:block;width:100%;height:0;margin:4px 0}@keyframes skillPillIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.skill-pills--animated .skill-pill{opacity:0}.skill-pills--animated.is-revealed .skill-pill{animation:skillPillIn 0.55s cubic-bezier(0.16,1,0.3,1) both}.skill-pills--animated.is-revealed .skill-pill--secondary{opacity:0.5}.experience-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-xl)}.experience-table th{font-size:var(--text-xs);font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-dim);text-align:left;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.experience-table td{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-md) 0;border-bottom:1px solid var(--color-bg-card);vertical-align:top;line-height:1.5}.experience-table td:first-child{font-weight:600;color:var(--color-text);padding-right:var(--space-lg)}.experience-table td:last-child{color:var(--color-text-dim);white-space:nowrap;text-align:right}.philosophy-block{border-top:1px solid var(--color-border);padding:var(--space-xl) 0;max-width:720px}.philosophy-block__quote{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(var(--text-lg),2.5vw,var(--text-2xl));color:var(--color-text-muted);line-height:1.65}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);border-top:1px solid var(--color-border);padding:var(--space-xl) 0}@media (min-width:640px){.stats-row{grid-template-columns:repeat(4,1fr)}}.stat{display:flex;flex-direction:column;gap:var(--space-xs)}.stat__number{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--color-text)}.stat__label{font-size:var(--text-xs);font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-dim)}.filter-tabs{display:flex;flex-wrap:nowrap;gap:var(--space-xs);margin-bottom:var(--space-xl);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.filter-tabs::-webkit-scrollbar{display:none}@media (min-width:640px){.filter-tabs{flex-wrap:wrap;overflow-x:visible}}.filter-tab{font-size:var(--text-xs);font-weight:500;letter-spacing:0.08em;text-transform:uppercase;padding:8px 18px;border:1px solid var(--color-border);color:var(--color-text-muted);background:transparent;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.filter-tab:hover{border-color:var(--color-text-dim);color:var(--color-text)}.filter-tab.is-active{border-color:var(--color-text);color:var(--color-text);background-color:var(--color-text);color:var(--color-bg)}.project-card--hidden{display:none}.design-card__placeholder{background:repeating-linear-gradient( -45deg,var(--color-bg-soft),var(--color-bg-soft) 2px,var(--color-bg-card) 2px,var(--color-bg-card) 14px )}.clients-section{margin:var(--space-xl) 0}.clients-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:var(--space-lg)}.client-card{display:block;aspect-ratio:3 / 2;background:var(--color-bg-card);text-decoration:none;overflow:hidden}.client-card img{width:100%;height:100%;object-fit:cover}@media (max-width:479px){.clients-grid{grid-template-columns:1fr}}.what-i-bring{margin:var(--space-xl) 0}.what-i-bring__header{text-align:center;margin-bottom:var(--space-xl)}.what-i-bring__sub{max-width:540px;margin:var(--space-md) auto 0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.7}.what-i-bring__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media (max-width:639px){.what-i-bring__grid{grid-template-columns:1fr}}.wib-card{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.wib-card__icon{font-size:1.5rem;color:var(--color-text);line-height:1;margin-bottom:var(--space-xs)}.wib-card__title{font-weight:700;font-size:var(--text-sm);color:var(--color-text)}.wib-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65}.what-i-bring__cta{text-align:center;margin-top:var(--space-xl)}.lymora-hero{background-color:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:rgba(255,255,255,0.12) 0px 1px 0px 0px inset;padding:var(--space-xl) var(--space-lg);margin-bottom:var(--space-xl)}@media (min-width:768px){.lymora-hero{padding:var(--space-2xl) var(--space-xl)}}.lymora-hero__eyebrow{font-size:var(--text-xs);font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.lymora-hero__name{font-size:clamp(var(--text-3xl),8vw,7rem);font-weight:700;letter-spacing:-0.04em;line-height:1;color:var(--color-text);margin-bottom:var(--space-md)}.lymora-hero__tagline{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(var(--text-lg),3vw,var(--text-2xl));color:var(--color-text-muted);margin-bottom:var(--space-xl)}.lymora-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-md)}.lymora-badge{font-size:var(--text-xs);font-weight:500;letter-spacing:0.08em;text-transform:uppercase;padding:6px 14px;border:1px solid var(--color-border);color:var(--color-text-dim)}.lymora-products{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}@media (min-width:640px){.lymora-products{grid-template-columns:1fr 1fr}}.lymora-product-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:rgba(255,255,255,0.12) 0px 1px 0px 0px inset;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.lymora-product-card__name{font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.lymora-product-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7;flex:1}.lymora-product-card__points{display:flex;flex-direction:column;gap:var(--space-xs)}.lymora-product-card__point{font-size:var(--text-xs);color:var(--color-text-dim);letter-spacing:0.02em;padding-left:var(--space-md);position:relative}.lymora-product-card__point::before{content:'—';position:absolute;left:0;color:var(--color-text-dim)}.lymora-product-card--wip{position:relative;overflow:hidden}.lymora-product-card__blur-content{filter:blur(6px);user-select:none;pointer-events:none}.lymora-product-card__wip-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,10,10,0.45)}.lymora-badge--dev{font-size:var(--text-sm);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:10px 24px;border-radius:999px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:var(--color-text);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.lymora-traction{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-xl) 0;margin-bottom:var(--space-xl)}.lymora-traction__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}@media (min-width:640px){.lymora-traction__grid{grid-template-columns:repeat(4,1fr)}}.lymora-stat__number{font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));font-weight:700;letter-spacing:-0.04em;line-height:1;color:var(--color-text);margin-bottom:var(--space-xs);font-variant-numeric:tabular-nums}.lymora-stat__label{font-size:var(--text-xs);font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-dim)}.lymora-section{padding:var(--space-xl) 0;border-top:1px solid var(--color-border);max-width:720px}.lymora-section__heading{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--space-md)}.lymora-section__text{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.75}.roadmap-section{padding:var(--space-xl) 0;border-top:1px solid var(--color-border)}.roadmap-section__heading{font-size:var(--text-lg);font-weight:700;letter-spacing:-0.02em;margin-bottom:var(--space-xl)}.roadmap-track{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative;overflow-x:auto;padding-bottom:var(--space-md);-webkit-overflow-scrolling:touch}.roadmap-track::before{content:'';position:absolute;top:16px;left:0;right:0;height:1px;background:var(--color-border);z-index:0}.roadmap-track__progress{position:absolute;top:16px;left:0;height:1px;background:var(--color-text-muted);z-index:1;transform-origin:left;transform:scaleX(0);transition:transform 1.2s cubic-bezier(0.16,1,0.3,1)}.roadmap-track.is-revealed .roadmap-track__progress{transform:scaleX(1)}.roadmap-item{display:flex;flex-direction:column;align-items:flex-start;padding:0 var(--space-md) 0 0;position:relative;z-index:2;cursor:default;min-width:150px}.roadmap-item__dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-bg);margin-bottom:var(--space-md);flex-shrink:0;transition:border-color var(--transition-base),background var(--transition-base),transform var(--transition-base)}.roadmap-item--done .roadmap-item__dot{background:var(--color-text);border-color:var(--color-text)}.roadmap-item:hover .roadmap-item__dot{transform:scale(1.35);border-color:var(--color-text)}.roadmap-item__date{font-size:var(--text-xs);font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:var(--space-xs)}.roadmap-item__title{font-size:var(--text-sm);font-weight:700;color:var(--color-text);margin-bottom:var(--space-xs);line-height:1.3}.roadmap-item--upcoming .roadmap-item__title{color:var(--color-text-muted)}.roadmap-item__desc{font-size:var(--text-xs);color:var(--color-text-dim);line-height:1.6;max-height:0;overflow:hidden;opacity:0;transition:max-height var(--transition-base),opacity var(--transition-base)}.roadmap-item:hover .roadmap-item__desc{max-height:120px;opacity:1}@media (max-width:767px){.roadmap-track{grid-template-columns:1fr;overflow-x:visible;padding-left:var(--space-lg)}.roadmap-track::before{top:0;bottom:0;left:7px;right:auto;width:1px;height:auto}.roadmap-track__progress{top:0;left:7px;width:1px;height:100%;transform-origin:top;transform:scaleY(0)}.roadmap-track.is-revealed .roadmap-track__progress{transform:scaleY(1)}.roadmap-item{flex-direction:row;align-items:flex-start;gap:var(--space-md);padding:0 0 var(--space-xl) 0;min-width:unset}.roadmap-item__dot{margin-bottom:0;margin-top:2px;flex-shrink:0}.roadmap-item__content{flex:1}.roadmap-item__desc{max-height:none;opacity:1}}.contact-layout{display:grid;grid-template-columns:1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}@media (min-width:768px){.contact-layout{grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start}}.contact-info__availability{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-xl)}.contact-info__dot{width:8px;height:8px;border-radius:50%;background-color:#22c55e;flex-shrink:0}.contact-info__body{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.75;margin-bottom:var(--space-xl)}.contact-info__email{display:block;font-size:var(--text-lg);font-weight:500;color:var(--color-text);margin-bottom:var(--space-xl);word-break:break-all;transition:opacity var(--transition-fast)}.contact-info__email:hover{opacity:0.7}.contact-social{display:flex;gap:var(--space-md)}.contact-social__link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-muted);font-size:var(--text-xl);transition:border-color var(--transition-fast),color var(--transition-fast)}.contact-social__link:hover{border-color:var(--color-text);color:var(--color-text)}.cal-embed-wrapper{background-color:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:rgba(255,255,255,0.12) 0px 1px 0px 0px inset;padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.cal-embed-wrapper__label{font-size:var(--text-xs);font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-muted)}.cal-embed-wrapper__heading{font-size:var(--text-xl);font-weight:700;letter-spacing:-0.02em;color:var(--color-text);margin-bottom:var(--space-sm)}.cal-embed-wrapper__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-md)}.contact-form{border-top:1px solid var(--color-border);padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}.contact-form__heading{font-size:var(--text-xl);font-weight:700;letter-spacing:-0.02em;margin-bottom:var(--space-xl);color:var(--color-text)}.form-fields{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.form-field{display:flex;flex-direction:column;gap:var(--space-sm)}@media (min-width:640px){.form-fields--row{flex-direction:row}.form-fields--row .form-field{flex:1}}.form-field label{font-size:var(--text-xs);font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-muted)}.form-field input,.form-field textarea{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:var(--text-base);padding:14px var(--space-md);width:100%;transition:border-color var(--transition-fast);resize:none}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--color-text-dim)}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--color-text-muted)}.form-field input.is-invalid,.form-field textarea.is-invalid{border-color:#ef4444}.form-feedback{font-size:var(--text-sm);padding:var(--space-md);margin-top:var(--space-md);border-radius:8px;display:none}.form-feedback.is-visible{display:block}.form-feedback--error{color:#ef4444;border:1px solid rgba(239,68,68,0.3);background-color:rgba(239,68,68,0.05)}.form-feedback--success{color:#22c55e;border:1px solid rgba(34,197,94,0.3);background-color:rgba(34,197,94,0.05)}.contact-success{display:none;padding:var(--space-xl) 0;border-top:1px solid var(--color-border)}.contact-success.is-visible{display:block}.contact-success__icon{font-size:2rem;margin-bottom:var(--space-md);color:#22c55e}.contact-success__heading{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm)}.contact-success__text{font-size:var(--text-base);color:var(--color-text-muted)}#smartsupp-widget-container{display:none !important}body.smartsupp-open #smartsupp-widget-container{display:block !important}.fab{position:fixed;bottom:var(--space-md);right:var(--space-md);z-index:900;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm)}@media (min-width:480px){.fab{bottom:var(--space-xl);right:var(--space-xl)}}.fab__trigger{width:52px;height:52px;border-radius:50%;background-color:var(--color-bg-card);border:1.5px solid var(--color-border);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px rgba(0,0,0,0.4);transition:border-color var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.fab__trigger:hover{border-color:var(--color-whatsapp);transform:scale(1.05)}.fab__icon{font-size:22px;line-height:1}.fab__icon--close{display:none;font-size:18px}.fab.is-open .fab__icon--chat{display:none}.fab.is-open .fab__icon--close{display:block}.fab__menu{display:flex;flex-direction:column;gap:8px;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity 0.18s ease,transform 0.18s ease}.fab.is-open .fab__menu{pointer-events:auto;opacity:1;transform:translateY(0)}.fab__option{display:flex;align-items:center;padding:10px 20px;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text);font-size:var(--text-sm);font-family:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,0.3);transition:border-color 0.18s,background-color 0.18s;align-self:flex-end}.fab__option:hover{border-color:var(--color-whatsapp);background-color:var(--color-bg-elevated,var(--color-bg-card))}.section-h2{font-size:clamp(var(--text-xl),3vw,var(--text-3xl));font-weight:400;letter-spacing:-0.03em;line-height:1.15;margin-bottom:var(--space-xl);color:var(--color-text)}.section-h2 .text-muted{color:var(--color-text-muted);font-weight:400}.testimonials-wrap{overflow:hidden}.testimonials-track{display:flex;gap:var(--space-md);transition:transform var(--transition-base)}.testimonial-card{flex:0 0 calc(33.333% - 11px);background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:rgba(255,255,255,0.12) 0px 1px 0px 0px inset;padding:var(--space-lg);display:flex;flex-direction:column;justify-content:space-between;min-height:220px}.testimonial-card__quote{font-size:var(--text-sm);color:var(--color-text);line-height:1.75;flex:1;margin-bottom:var(--space-lg);font-style:normal}.testimonial-card__footer{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--color-border);padding-top:var(--space-md)}.testimonial-card__name{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:2px}.testimonial-card__role{font-size:var(--text-xs);color:var(--color-text-muted)}.testimonial-card__num{font-size:var(--text-xs);color:var(--color-text-dim);flex-shrink:0}.testimonials-nav{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.testimonials-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.testimonials-btn:hover{border-color:var(--color-text);color:var(--color-text)}@media (max-width:767px){.testimonial-card{flex:0 0 calc(85vw - var(--space-md) * 2)}}.faq-grid{display:grid;grid-template-columns:1fr;gap:0}@media (min-width:768px){.faq-grid{grid-template-columns:1fr 1fr;gap:0 var(--space-2xl);align-items:start}}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item__question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) 0;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;text-align:left;background:none;border:none;font-family:inherit;transition:color var(--transition-fast)}.faq-item__question:hover{color:var(--color-text-muted)}.faq-item__icon{font-size:var(--text-base);color:var(--color-text-muted);flex-shrink:0;line-height:1;transition:transform var(--transition-base)}.faq-item.is-open .faq-item__icon{transform:rotate(45deg)}.faq-item__answer{max-height:0;overflow:hidden;transition:max-height 0.35s cubic-bezier(0.16,1,0.3,1),padding 0.35s cubic-bezier(0.16,1,0.3,1);padding-bottom:0}.faq-item.is-open .faq-item__answer{max-height:300px;padding-bottom:var(--space-lg)}.faq-item__answer p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.75}.cta-banner-section{padding:0 0 var(--space-2xl)}.cta-banner{position:relative;border-radius:16px;overflow:hidden;min-height:300px;background-image:url('/assets/images/profile/bgimage.png');background-size:cover;background-position:center top;display:flex;align-items:flex-end;padding:var(--space-xl);border:1px solid rgba(255,255,255,0.1)}.cta-banner::before{content:'';position:absolute;inset:0;background:linear-gradient( to right,rgba(10,10,10,0.88) 0%,rgba(10,10,10,0.5) 60%,rgba(10,10,10,0.25) 100% );border-radius:inherit}.cta-banner__content{position:relative;z-index:1;max-width:440px}.cta-banner__heading{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:400;letter-spacing:-0.03em;line-height:1.1;color:var(--color-text);margin-bottom:var(--space-md)}.cta-banner__sub{font-size:var(--text-sm);color:rgba(255,255,255,0.6);margin-bottom:var(--space-lg);line-height:1.6}#site-footer{background-color:var(--color-bg-card);border-top:1px solid var(--color-border);box-shadow:rgba(255,255,255,0.06) 0px 1px 0px 0px inset}.footer__inner{display:grid;grid-template-columns:1fr;gap:var(--space-xl);padding-top:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}@media (min-width:768px){.footer__inner{grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start}}@media (min-width:1024px){.footer__inner{grid-template-columns:1.2fr 0.7fr 1.5fr}}.footer__logo{font-family:'Host Grotesk',sans-serif;font-weight:700;font-size:var(--text-lg);color:var(--color-text);letter-spacing:-0.02em;display:inline-block;margin-bottom:var(--space-md);transition:opacity var(--transition-fast)}.footer__logo:hover{opacity:0.7}.footer__tagline{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-lg)}.footer__socials{display:flex;gap:var(--space-sm)}.footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-muted);font-size:var(--text-lg);transition:border-color var(--transition-fast),color var(--transition-fast)}.footer__social-link:hover{border-color:var(--color-text);color:var(--color-text)}.footer__nav-heading{font-size:var(--text-xs);font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.footer__nav-links{display:flex;flex-direction:column;gap:var(--space-sm)}.footer__nav-links a{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.footer__nav-links a:hover{color:var(--color-text)}.footer__bottom{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.footer__bottom-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.footer__copy{font-size:var(--text-xs);color:var(--color-text-dim)}.footer__quote{font-size:var(--text-xs);color:var(--color-text-dim);font-style:italic;text-align:right}.footer__form{display:flex;flex-direction:column;gap:var(--space-sm)}.footer__form-input,.footer__form-textarea{background:rgba(255,255,255,0.05);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:var(--text-sm);font-family:inherit;padding:10px var(--space-md);width:100%;transition:border-color var(--transition-fast),background var(--transition-fast)}.footer__form-input::placeholder,.footer__form-textarea::placeholder{color:var(--color-text-dim)}.footer__form-input:focus,.footer__form-textarea:focus{outline:none;border-color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.08)}.footer__form-textarea{resize:vertical;min-height:72px;line-height:1.5}.footer__form-submit{align-self:flex-start;padding:10px 20px;font-size:var(--text-xs);min-height:38px}.footer__form-feedback{font-size:var(--text-xs);line-height:1.5}.footer__form-feedback--error{color:#ff6b6b}.footer__form-feedback--success{color:#6bffb8}.footer__form-success{font-size:var(--text-sm);color:#6bffb8;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) 0}.footer__contact{}.services-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:rgba(255,255,255,0.12) 0px 1px 0px 0px inset;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);border-radius:4px;transition:border-color var(--transition-fast),transform var(--transition-base)}.service-card:hover{border-color:rgba(255,255,255,0.18);transform:translateY(-3px)}.service-card__icon{font-size:28px;color:var(--color-text-muted);margin-bottom:var(--space-sm);line-height:1}.service-card__title{font-size:var(--text-base);font-weight:600;color:var(--color-text);letter-spacing:-0.01em}.service-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7;flex:1}.service-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-sm)}.process-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width:640px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.process-grid{grid-template-columns:repeat(4,1fr)}}.process-step{padding:var(--space-lg) 0;border-top:1px solid var(--color-border)}.process-step__num{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:0.12em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.process-step__title{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);letter-spacing:-0.01em}.process-step__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.page-loader{position:fixed;inset:0;z-index:9999;background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.page-loader.is-visible{opacity:1;pointer-events:auto}.page-loader__inner{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.page-loader__ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--color-border);border-top-color:var(--color-text);animation:loader-spin 0.75s linear infinite}.page-loader__logo{width:28px;height:28px;object-fit:contain;display:block}@keyframes loader-spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:9998;display:flex;flex-direction:column-reverse;align-items:center;gap:var(--space-sm);pointer-events:none}.toast{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;background-color:rgba(18,18,18,0.9);border:1px solid var(--color-border);border-radius:999px;font-size:var(--text-sm);color:var(--color-text);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:auto;white-space:nowrap;opacity:0;transform:translateY(10px);transition:opacity 0.22s ease,transform 0.22s ease}.toast.is-visible{opacity:1;transform:translateY(0)}.toast--success{border-color:rgba(255,255,255,0.18)}.toast--error{border-color:rgba(255,80,80,0.35);color:#ff6b6b}.toast--error i{color:#ff6b6b}.toast i{font-size:16px;flex-shrink:0}.exp-role-name{display:block;font-weight:700}.exp-role-link{display:inline-block;margin-top:4px;padding:0;background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--text-xs);letter-spacing:0.05em;color:var(--color-text-dim);transition:color var(--transition-fast);line-height:1}.exp-role-link:hover{color:var(--color-text-muted)}.exp-modal-overlay{position:fixed;inset:0;z-index:8500;background:rgba(0,0,0,0.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.25s ease}.exp-modal-overlay.is-open{opacity:1;pointer-events:auto}.exp-modal{background-color:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:rgba(255,255,255,0.06) 0px 1px 0px 0px inset;width:100%;max-width:520px;max-height:80vh;overflow-y:auto;border-radius:16px;padding:var(--space-lg);display:flex;flex-direction:column;transform:translateY(16px);transition:transform 0.32s cubic-bezier(0.16,1,0.3,1)}.exp-modal-overlay.is-open .exp-modal{transform:translateY(0)}.exp-modal__drag-indicator{display:none}.exp-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.exp-modal__role{font-size:var(--text-lg);font-weight:700;color:var(--color-text);letter-spacing:-0.02em;margin-bottom:4px}.exp-modal__company{font-size:var(--text-sm);color:var(--color-text-muted)}.exp-modal__close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:50%;cursor:pointer;color:var(--color-text-muted);font-size:15px;transition:color var(--transition-fast),border-color var(--transition-fast)}.exp-modal__close:hover{color:var(--color-text);border-color:var(--color-text-dim)}.exp-modal__points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.exp-modal__points li{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65;padding-left:var(--space-md);position:relative}.exp-modal__points li::before{content:'—';position:absolute;left:0;color:var(--color-text-dim)}@media (max-width:767px){.exp-modal-overlay{align-items:flex-end}.exp-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;padding:var(--space-sm) var(--space-md) calc(var(--space-lg)+env(safe-area-inset-bottom));transform:translateY(100%);max-height:85vh;overflow-y:auto}.exp-modal-overlay.is-open .exp-modal{transform:translateY(0)}.exp-modal__drag-indicator{display:block;width:36px;height:4px;background-color:var(--color-border);border-radius:999px;margin:10px auto var(--space-md);flex-shrink:0}.exp-modal__header{padding-top:0}}.cs-back{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;padding-top:var(--space-xl);padding-bottom:var(--space-lg);transition:color var(--transition-fast)}.cs-back:hover{color:var(--color-text)}.cs-hero{padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl)}.cs-hero__name{font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));letter-spacing:-0.03em;line-height:1.05;margin-bottom:var(--space-md)}.cs-hero__desc{font-size:var(--text-lg);color:var(--color-text-muted);max-width:600px;margin-bottom:var(--space-lg)}.cs-meta-strip{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.cs-meta-chip{font-size:var(--text-xs);letter-spacing:0.06em;text-transform:uppercase;border:1px solid var(--color-border);border-radius:4px;padding:4px 10px;color:var(--color-text-muted);white-space:nowrap}.cs-hero__links{display:flex;gap:var(--space-md);flex-wrap:wrap}.cs-dev-notice{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-xl)}.cs-dev-notice .ph{font-size:1.1em;flex-shrink:0}.cs-gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-xl);min-height:360px}.cs-gallery__main{grid-row:1 / 3}.cs-gallery__img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px;background:var(--color-bg-card)}.cs-gallery__placeholder{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);font-size:var(--text-sm);letter-spacing:0.04em;width:100%;height:100%;min-height:120px}.cs-gallery__main .cs-gallery__placeholder{min-height:280px}.cs-locked-wrap{position:relative}.cs-page--locked{filter:blur(12px);pointer-events:none;user-select:none}.cs-locked-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background:rgba(8,8,8,0.65);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:100}.cs-locked-badge{font-size:var(--text-base);font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--color-text);border:1px solid var(--color-border);background-color:var(--color-bg-card);padding:10px 24px;border-radius:999px}.cs-locked-hint{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:0.02em}.cs-carousel{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:6px;margin-bottom:var(--space-xl);background:var(--color-bg-card)}.cs-carousel__track{position:relative;width:100%;height:100%}.cs-carousel__slide{position:absolute;inset:0;opacity:0;transition:opacity 0.35s ease;pointer-events:none}.cs-carousel__slide--active{opacity:1;pointer-events:auto}.cs-carousel__img{width:100%;height:100%;object-fit:cover;display:block}.cs-carousel__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);font-size:var(--text-sm);letter-spacing:0.04em}.cs-carousel__btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(10,10,10,0.72);border:1px solid var(--color-border);color:var(--color-text);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background 0.2s;padding:0}.cs-carousel__btn:hover{background:rgba(24,24,24,0.92)}.cs-carousel__btn--prev{left:12px}.cs-carousel__btn--next{right:12px}.cs-carousel__dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}.cs-carousel__dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.3);border:none;cursor:pointer;padding:0;transition:background 0.2s}.cs-carousel__dot--active{background:var(--color-text)}.cs-carousel--blurred{filter:blur(8px);pointer-events:none;user-select:none}.cs-gallery-blur-wrap .cs-carousel{margin-bottom:0}.cs-gallery-blur-wrap{position:relative;overflow:hidden;border-radius:6px;margin-bottom:var(--space-xl)}.cs-gallery-blur-wrap .cs-gallery{margin-bottom:0}.cs-gallery--blurred{filter:blur(8px);pointer-events:none;user-select:none}.cs-gallery-wip-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,10,10,0.45)}.cs-gallery-wip-badge{font-size:var(--text-xs);font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-muted);border:1px solid var(--color-border);background-color:var(--color-bg-card);padding:6px 14px;border-radius:999px}.project-card__placeholder--blurred{filter:blur(6px)}.project-card__image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,10,10,0.45)}.project-card__wip-badge{font-size:var(--text-xs);font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-muted);border:1px solid var(--color-border);background-color:var(--color-bg-card);padding:6px 14px;border-radius:999px}[data-slug="web2stack"],[data-slug="webstarter-cli"]{position:relative}.project-card__star-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:2;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-muted);font-size:14px}.cs-overview{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl);align-items:start}.cs-overview__text{font-size:var(--text-base);line-height:1.75;color:var(--color-text-muted);margin-top:var(--space-sm)}.cs-problem-card{border:1px solid var(--color-border);border-radius:8px;padding:var(--space-lg);background:var(--color-bg-soft)}.cs-problem-card p{font-size:var(--text-base);line-height:1.75;color:var(--color-text-muted);margin-top:var(--space-sm)}.cs-stack{margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.cs-stack__groups{display:flex;flex-wrap:wrap;gap:var(--space-xl);margin-top:var(--space-md)}.cs-stack__group{min-width:120px}.cs-stack__label{font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:var(--space-sm)}.cs-stack__pills{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.cs-features{margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.cs-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-top:var(--space-lg)}.cs-feature-card{border:1px solid var(--color-border);border-radius:8px;padding:var(--space-lg);background:var(--color-bg-soft)}.cs-feature-card__num{font-size:var(--text-xs);letter-spacing:0.1em;color:var(--color-text-dim);display:block;margin-bottom:var(--space-sm);font-variant-numeric:tabular-nums}.cs-feature-card__title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-xs)}.cs-feature-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65}.cs-challenges{margin-bottom:var(--space-2xl)}.cs-challenge-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border)}.cs-challenge-item:first-of-type{border-top:1px solid var(--color-border);margin-top:var(--space-lg)}.cs-challenge__label{font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:var(--space-sm)}.cs-challenge__prob{font-style:italic;font-size:var(--text-base);color:var(--color-text-muted);line-height:1.65}.cs-challenge__sol{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.65}@media (max-width:767px){.cs-gallery{grid-template-columns:1fr;grid-template-rows:auto;min-height:unset}.cs-gallery__main{grid-row:auto}.cs-overview{grid-template-columns:1fr}.cs-features__grid{grid-template-columns:1fr}.cs-challenge-item{grid-template-columns:1fr;gap:var(--space-md)}}.cs-how-to-use{margin-bottom:var(--space-2xl)}.cs-section-heading{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));letter-spacing:-0.02em;margin-bottom:var(--space-xl)}.cs-install-block{margin-bottom:var(--space-lg)}.cs-install-block__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.1em;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.cs-code-block{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-sm) var(--space-md);font-family:'Courier New',Courier,monospace;font-size:var(--text-sm);overflow-x:auto}.cs-code-copy{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;flex-shrink:0;transition:color 0.2s ease}.cs-code-copy:hover{color:var(--color-text)}.cs-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-lg)}.cs-step{display:flex;flex-direction:column;gap:var(--space-sm);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.cs-step:last-child{border-bottom:none}.cs-step__header{display:flex;align-items:center;gap:var(--space-md)}.cs-step__num{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;letter-spacing:0.05em;flex-shrink:0}.cs-step__title{font-size:var(--text-base);font-weight:600;letter-spacing:-0.01em}.cs-step__desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6;padding-left:calc(var(--text-xs)+var(--space-md)+4px)}.dev-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:8500;opacity:0;pointer-events:none;transition:opacity 0.25s ease}.dev-modal-overlay.is-open{opacity:1;pointer-events:auto}.dev-modal{background-color:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:rgba(255,255,255,0.06) 0px 1px 0px 0px inset;width:100%;max-width:420px;border-radius:16px;padding:var(--space-lg);display:flex;flex-direction:column;transform:translateY(16px);transition:transform 0.32s cubic-bezier(0.16,1,0.3,1)}.dev-modal-overlay.is-open .dev-modal{transform:translateY(0)}.dev-modal__drag-indicator{display:none;width:36px;height:4px;background-color:var(--color-border);border-radius:999px;margin:0 auto var(--space-md);flex-shrink:0}.dev-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.dev-modal__icon{font-size:1.75rem;color:var(--color-text-muted);line-height:1}.dev-modal__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-lg);padding:4px;transition:color 0.2s ease;line-height:1}.dev-modal__close:hover{color:var(--color-text)}.dev-modal__heading{font-size:var(--text-xl);font-weight:700;letter-spacing:-0.02em;margin-bottom:var(--space-sm)}.dev-modal__text{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.6}@media (max-width:767px){.dev-modal-overlay{align-items:flex-end}.dev-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;padding:var(--space-sm) var(--space-md) calc(var(--space-lg)+env(safe-area-inset-bottom));transform:translateY(100%);max-height:85vh;overflow-y:auto}.dev-modal-overlay.is-open .dev-modal{transform:translateY(0)}.dev-modal__drag-indicator{display:block}}.ds-hero__category{margin-bottom:var(--space-xs)}.ds-hero__meta{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:0.06em;margin-top:var(--space-sm)}.ds-hero-image{width:100%;aspect-ratio:16 / 7;overflow:hidden;border-radius:var(--radius);margin-bottom:var(--space-xl);background:var(--color-bg-card)}.ds-hero-image--blurred{filter:blur(8px);pointer-events:none;user-select:none}.ds-hero-image__inner{width:100%;height:100%}.ds-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius)}.ds-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-dim);font-size:var(--text-sm);letter-spacing:0.04em;min-height:200px}.ds-pull-quote{margin:var(--space-2xl) 0;padding:var(--space-lg) var(--space-xl);border-left:2px solid var(--color-border)}.ds-pull-quote__text{font-size:clamp(var(--text-base),2.2vw,var(--text-xl));line-height:1.65;color:var(--color-text-muted);font-style:italic}.ds-image-duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-2xl)}.ds-image-duo__slot{aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius);background:var(--color-bg-card)}.cs-page--soccer-flyers .ds-image-duo__slot{aspect-ratio:4 / 5}@media (max-width:480px){.ds-image-duo{grid-template-columns:1fr}}.ds-process{margin-bottom:var(--space-2xl)}.ds-timeline{list-style:none;padding:0;margin:var(--space-lg) 0 0;display:flex;flex-direction:column}.ds-timeline__item{display:flex;gap:var(--space-md);padding-bottom:var(--space-lg);position:relative}.ds-timeline__item:not(:last-child)::before{content:'';position:absolute;left:13px;top:24px;bottom:0;width:1px;background:var(--color-border)}.ds-timeline__num{font-size:var(--text-xs);font-weight:600;letter-spacing:0.1em;color:var(--color-text-muted);min-width:28px;flex-shrink:0;padding-top:1px}.ds-timeline__title{font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-xs)}.ds-timeline__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.ds-outcome-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.ds-outcome-card p:last-child{color:var(--color-text-muted);line-height:1.7;font-size:var(--text-base);margin-top:var(--space-sm)}.ds-tools{margin-bottom:var(--space-2xl)}.ds-next{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) 0;border-top:1px solid var(--color-border);cursor:pointer;transition:background 0.2s ease;text-decoration:none}.ds-next:hover{background:var(--color-surface)}.ds-next__label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:0.05em}.ds-next__name{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));font-weight:600;letter-spacing:-0.02em}.ds-next__arrow{font-size:var(--text-2xl);color:var(--color-text-muted);transition:transform 0.2s ease}.ds-next:hover .ds-next__arrow{transform:translateX(6px)}#app{}.fade-up{opacity:0;transform:translateY(24px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.fade-in{opacity:0;transition:opacity var(--transition-slow)}.fade-up.is-visible,.fade-in.is-visible{opacity:1;transform:translateY(0)}.scale-in{opacity:0;transform:scale(0.94) translateY(12px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.scale-in.is-visible{opacity:1;transform:scale(1) translateY(0)}.slide-right{opacity:0;transform:translateX(-14px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.slide-right.is-visible{opacity:1;transform:translateX(0)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee{overflow:hidden;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-md) 0}.marquee__inner{display:flex;width:max-content;animation:marquee 28s linear infinite;will-change:transform}.marquee:hover .marquee__inner{animation-play-state:paused}.marquee__item{display:flex;align-items:center;gap:var(--space-lg);padding:0 var(--space-lg);white-space:nowrap;color:var(--color-text-dim);font-size:var(--text-sm);font-weight:500;letter-spacing:0.08em;text-transform:uppercase}.marquee__dot{width:4px;height:4px;border-radius:50%;background-color:var(--color-text-dim);flex-shrink:0}#hero-canvas{opacity:0;transition:opacity 1.2s ease 0.2s}#hero-canvas.is-loaded{opacity:1}.hero__tagline,.hero__ctas,.hero__scroll-indicator{opacity:0;transform:translateY(20px);animation:heroEntrance 0.7s cubic-bezier(0.16,1,0.3,1) forwards}.hero__tagline{animation-delay:0.45s}.hero__ctas{animation-delay:0.65s}.hero__scroll-indicator{animation-delay:0.9s}@keyframes heroEntrance{to{opacity:1;transform:translateY(0)}}.hero__name.words-split{opacity:1;transform:none;filter:none;animation:none}.hero__name--word{display:inline-block;opacity:0;transform:translateY(20px);animation:wordReveal 0.9s cubic-bezier(0.16,1,0.3,1) forwards}@keyframes wordReveal{to{opacity:1;transform:translateY(0)}}@keyframes scrollDot{0%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:0;transform:translateX(-50%) translateY(10px)}100%{opacity:0;transform:translateX(-50%) translateY(10px)}}.project-card{transition:transform 400ms ease,box-shadow 400ms ease}.project-card:hover{transform:translateY(-4px)}.project-card__image-wrap img{transition:transform 400ms ease}.project-card:hover .project-card__image-wrap img{transform:scale(1.03)}.btn-primary{transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn-primary:hover{background:rgba(255,255,255,0.22);border-color:rgba(255,255,255,0.35);transform:translateY(-1px)}.btn-ghost{transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn-ghost:hover{background:rgba(255,255,255,0.22);border-color:rgba(255,255,255,0.35);transform:translateY(-1px)}.fab--left{right:auto!important;left:var(--space-md);align-items:flex-start}@media(min-width:480px){.fab--left{right:auto!important;left:var(--space-xl)}}