*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--white:#fcfbf8;--off-white:#f4f2ec;--cream:#ede8e1;--light-gray:#d4d0ca;--mid-gray:#9e9a93;--dark-gray:#4a4743;--charcoal:#2a2825;--black:#111110;--ink:#0a0a09;--accent:#1a1a1a;--accent-hover:#333;--link:#06f;--green:#00b368;--orange:#ff6b35;--blue-muted:#4a7aff;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--grid-gap:1px;--border-color:#00000014;--border-color-dark:#ffffff14;--border:1px solid var(--border-color);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--nav-height:52px;--max-width:1280px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14.5px}body{font-family:var(--font-sans);background:var(--white);color:var(--black);line-height:1.5;overflow-x:hidden}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::selection{background:var(--black);color:var(--white)}#scroll-progress{background:var(--black);z-index:9999;height:2px;transition:width 50ms linear;position:fixed;top:0;left:0}#cursor-dot{background:var(--black);pointer-events:none;z-index:99999;width:8px;height:8px;transition:transform var(--transition-fast), opacity var(--transition-fast);mix-blend-mode:difference;opacity:0;position:fixed}body:hover #cursor-dot{opacity:1}#cursor-dot.expanded{background:var(--white);transform:scale(5)}.nav{height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-bottom:var(--border);z-index:1000;justify-content:space-between;align-items:center;gap:var(--space-lg);padding:0 var(--space-lg);transition:transform var(--transition-base);background:#fafafad9;display:flex;position:fixed;top:0;left:0;right:0}.nav.hidden{transform:translateY(-100%)}.nav.nav--open{transform:translateY(0)}.nav__logo{letter-spacing:-.02em;align-items:center;gap:var(--space-sm);flex-shrink:0;font-size:14px;font-weight:700;display:flex}.nav__logo .dot{background:var(--green);width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.nav__links{justify-content:center;gap:var(--space-xl);scrollbar-width:none;min-width:0;list-style:none;display:flex}.nav__links--desktop{flex:auto}.nav__links--mobile{display:none}.nav__drawer{justify-content:center;display:none}.nav__links a{letter-spacing:.05em;text-transform:uppercase;color:var(--dark-gray);transition:color var(--transition-fast);font-size:12px;font-weight:500;position:relative}.nav__links a:after{content:"";background:var(--black);width:0;height:1px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}.nav__links a:hover{color:var(--black)}.nav__links a:hover:after{width:100%}.nav__time{font-family:var(--font-mono);color:var(--mid-gray);letter-spacing:.02em;font-size:11px}.nav__toggle{border:var(--border);width:42px;height:42px;color:var(--black);z-index:1002;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#fcfbf8eb;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;margin-left:auto;display:none;position:relative}.nav__toggle span{width:16px;height:1.5px;transition:transform var(--transition-base), opacity var(--transition-fast);background:currentColor;border-radius:999px}.nav.nav--open .nav__toggle span:first-child{transform:translateY(5.5px)rotate(45deg)}.nav.nav--open .nav__toggle span:nth-child(2){opacity:0}.nav.nav--open .nav__toggle span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.nav-backdrop{opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:999;background:#11111047;position:fixed;inset:0}body.nav-open .nav-backdrop{opacity:1;pointer-events:auto}.grid-overlay{pointer-events:none;z-index:0;justify-content:center;display:flex;position:fixed;inset:0}.grid-overlay__inner{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);grid-template-columns:repeat(12,1fr);display:grid}.grid-overlay__line{border-right:1px solid #00000008}.grid-overlay__line:first-child{border-left:1px solid #00000008}.section{z-index:1;padding:var(--space-4xl) var(--space-lg);position:relative}.section--dark{background:var(--ink);color:var(--white)}.section--dark .section__label{color:var(--mid-gray);border-color:#ffffff1a}.section--cream{background:var(--cream)}.section__inner{max-width:var(--max-width);margin:0 auto}.section__label{letter-spacing:.15em;text-transform:uppercase;color:var(--mid-gray);margin-bottom:var(--space-2xl);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;font-size:10px;font-weight:600;display:flex}.section__label span:last-child{font-family:var(--font-mono);font-size:10px;font-weight:400}.hero{min-height:100vh;padding-top:var(--nav-height);flex-direction:column;justify-content:center;display:flex;position:relative}.hero:before{content:"";background-image:linear-gradient(to right, var(--border-color) 1px, transparent 1px), linear-gradient(to bottom, var(--border-color) 1px, transparent 1px);z-index:-1;opacity:.4;background-size:5rem 5rem;position:absolute;inset:0}.hero__inner{max-width:var(--max-width);width:100%;padding:0 var(--space-lg);margin:0 auto}.hero__layout{row-gap:var(--space-xl);display:grid}.hero__headline{grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.hero__main{min-width:0;max-width:760px}.hero__side{justify-self:end;width:100%;max-width:220px}.hero__photo{aspect-ratio:1;border:var(--border);width:100%;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-fast);background:radial-gradient(circle at 0 0,#d9381e1f,#0000 42%),linear-gradient(145deg,#fffffff5,#f4f4f4f5);border-radius:32px;justify-content:center;align-items:center;padding:14px;display:flex;box-shadow:16px 16px #00000014}.hero__photo:hover{border-color:var(--black);transform:translate(-4px,-4px);box-shadow:20px 20px #0000001a}.hero__name{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(36px,7vw,100px);font-weight:700;line-height:.95}.hero__subtitle{color:var(--dark-gray);max-width:720px;margin-bottom:0;font-size:clamp(15px,1.8vw,20px);font-weight:400;line-height:1.6}.hero__meta{gap:var(--space-lg);padding-top:var(--space-xl);border-top:var(--border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.hero__meta-item{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.hero__meta-item .label{letter-spacing:.1em;text-transform:uppercase;color:var(--mid-gray);font-size:10px;font-weight:600}.hero__meta-item .value{color:var(--black);overflow-wrap:anywhere;font-size:14px;font-weight:500}.hero__meta-item .value a{border-bottom:1px solid var(--light-gray);transition:border-color var(--transition-fast)}.hero__meta-item .value a:hover{border-color:var(--black)}.about__grid{gap:var(--space-3xl);grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:start;display:grid}.about__text h2{letter-spacing:-.03em;margin-bottom:var(--space-lg);font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.1}.about__text p{color:var(--dark-gray);margin-bottom:var(--space-md);font-size:15px;line-height:1.7}.about__stats{gap:var(--grid-gap);background:var(--border-color);grid-template-columns:1fr 1fr;display:grid}.stat-card{background:var(--white);padding:var(--space-xl);gap:var(--space-xs);transition:background var(--transition-fast);flex-direction:column;display:flex}.stat-card:hover{background:var(--off-white)}.stat-card__number{letter-spacing:-.03em;font-size:36px;font-weight:800;line-height:1}.stat-card__label{letter-spacing:.08em;text-transform:uppercase;color:var(--mid-gray);font-size:11px;font-weight:500}.skills__grid{gap:var(--grid-gap);background:var(--border-color);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.skill-tag{padding:var(--space-xl) var(--space-lg);color:var(--black);background:var(--white);transition:all var(--transition-base);text-align:center;cursor:pointer;overflow-wrap:anywhere;border:none;font-size:13px;font-weight:600;position:relative;overflow:hidden}.skill-tag:before{content:"";background:var(--black);width:0;transition:width var(--transition-base);position:absolute;top:0;bottom:0;left:0}.skill-tag:hover{background:var(--off-white)}.skill-tag:hover:before{width:4px}.skill-tag .icon{margin-right:var(--space-xs);opacity:.5;font-size:10px}.projects__list{gap:var(--grid-gap);background:var(--border-color);flex-direction:column;display:flex}.project-row{padding:var(--space-xl) var(--space-lg);background:var(--white);transition:all var(--transition-base);cursor:pointer;grid-template-columns:2fr 1fr 1fr auto;align-items:center;display:grid;position:relative;overflow:hidden}.project-row:before{content:"";background:var(--black);width:0;transition:width var(--transition-base);position:absolute;top:0;bottom:0;left:0}.project-row:hover{background:var(--off-white);padding-left:calc(var(--space-lg) + 4px)}.project-row:hover:before{width:4px}.project-row__name{letter-spacing:-.01em;font-size:18px;font-weight:700}.project-row__name .number{font-family:var(--font-mono);color:var(--mid-gray);margin-right:var(--space-md);font-size:12px;font-weight:400}.project-row__desc{color:var(--mid-gray);font-size:13px;line-height:1.4}.project-row__tech{gap:var(--space-sm);flex-wrap:wrap;display:flex}.project-row__tech span{font-family:var(--font-mono);background:var(--off-white);border:1px solid var(--border-color);color:var(--dark-gray);padding:2px 8px;font-size:10px;font-weight:500}.project-row__arrow{color:var(--mid-gray);transition:all var(--transition-fast);font-size:18px}.project-row:hover .project-row__arrow{color:var(--black);transform:translate(4px)}.project-cards{gap:var(--grid-gap);margin-top:var(--space-2xl);background:#ffffff0f;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-card{padding:var(--space-xl);transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff0f;position:relative;overflow:hidden}.project-card:hover{background:#ffffff0f;border-color:#ffffff1f}.project-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.project-card__number{font-family:var(--font-mono);color:#ffffff4d;font-size:11px}.project-card__links{gap:var(--space-sm);flex-wrap:wrap;display:flex}.project-card__links a{color:#ffffffb3;transition:all var(--transition-fast);letter-spacing:.03em;white-space:nowrap;border:1px solid #ffffff26;padding:4px 10px;font-size:11px;font-weight:500}.project-card__links a:hover{background:var(--white);color:var(--black);border-color:var(--white)}.project-card__name{letter-spacing:-.02em;margin-bottom:var(--space-sm);font-size:22px;font-weight:700}.project-card__desc{color:#fff9;margin-bottom:var(--space-lg);font-size:14px;line-height:1.6}.project-card__tech{gap:var(--space-sm);flex-wrap:wrap;display:flex}.project-card__tech span{font-family:var(--font-mono);color:#ffffff80;border:1px solid #ffffff1a;padding:3px 10px;font-size:10px;font-weight:500}.hackathons__timeline{padding-left:var(--space-2xl);position:relative}.hackathons__timeline:before{content:"";background:var(--border-color);width:1px;position:absolute;top:0;bottom:0;left:0}.hackathon-item{padding:var(--space-lg) 0;border-bottom:var(--border);transition:background var(--transition-fast);position:relative}.hackathon-item__date{font-family:var(--font-mono);color:var(--mid-gray);margin-bottom:var(--space-xs);font-size:11px}.hackathon-item__name{margin-bottom:var(--space-xs);letter-spacing:-.01em;font-size:16px;font-weight:700}.hackathon-item__detail{color:var(--dark-gray);font-size:13px;line-height:1.5}.hackathons__timeline{gap:var(--grid-gap);background:var(--border-color);flex-direction:column;display:flex}.hackathon-item{background:var(--white);padding:var(--space-xl) var(--space-lg);transition:all var(--transition-base);cursor:pointer;border:none;position:relative;overflow:hidden}.hackathon-item:before{content:"";background:var(--black);width:0;transition:width var(--transition-base);position:absolute;top:0;bottom:0;left:0}.hackathon-item:hover{background:var(--off-white);padding-left:calc(var(--space-lg) + 4px)}.hackathon-item:hover:before{width:4px}.hackathon-item__badge{letter-spacing:.05em;text-transform:uppercase;background:var(--black);color:var(--white);margin-left:var(--space-sm);vertical-align:middle;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.opensource__list{gap:var(--grid-gap);background:var(--border-color);flex-direction:column;display:flex}.opensource-item{gap:var(--space-xl);padding:var(--space-lg) var(--space-lg);background:var(--white);transition:all var(--transition-fast);grid-template-columns:minmax(0,200px) minmax(0,1fr) auto;align-items:start;display:grid}.opensource-item:hover{background:var(--off-white)}.opensource-item__repo{font-size:15px;font-weight:700}.opensource-item__desc{color:var(--dark-gray);font-size:13px;line-height:1.4}.opensource-item__meta{gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.opensource-item__type{font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--mid-gray);white-space:nowrap;padding:3px 10px;font-size:10px;font-weight:500}.creative__intro{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.creative__intro h2{letter-spacing:-.03em;font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.1}.creative__intro p{color:var(--dark-gray);font-size:15px;line-height:1.7}.creative__gallery{gap:var(--grid-gap);background:var(--border-color);margin-top:var(--space-2xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.creative__card{background:var(--off-white);padding:var(--space-2xl);gap:var(--space-md);transition:all var(--transition-base);border:1px solid #0000;flex-direction:column;display:flex}.creative__card:hover{background:var(--white);border-color:var(--border-color)}.creative__card-icon{background:var(--black);width:48px;height:48px;color:var(--white);justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.creative__card h3{font-size:16px;font-weight:700}.creative__card p{color:var(--mid-gray);font-size:13px;line-height:1.5}.contact{background:var(--ink);color:var(--white);padding:var(--space-5xl) var(--space-lg)}.contact__inner{max-width:var(--max-width);margin:0 auto}.contact__header{margin-bottom:var(--space-3xl)}.contact__header h2{letter-spacing:-.04em;margin-bottom:var(--space-md);font-size:clamp(36px,5vw,72px);font-weight:900;line-height:1}.contact__header p{color:#ffffff80;max-width:500px;font-size:16px}.contact__grid{gap:var(--grid-gap);background:#ffffff0f;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.contact__item{padding:var(--space-xl);transition:all var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0a}.contact__item:hover{background:#ffffff0f;border-color:#ffffff1f}.contact__item-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff59;margin-bottom:var(--space-sm);font-size:10px;font-weight:600}.contact__item-value{color:#ffffffd9;overflow-wrap:anywhere;word-break:normal;font-size:14px;font-weight:500}.contact__item-value a{transition:border-color var(--transition-fast);border-bottom:1px solid #ffffff26}.contact__item-value a:hover{border-color:var(--white)}.footer{background:var(--ink);padding:var(--space-lg) var(--space-lg);border-top:1px solid #ffffff0f}.footer__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin:0 auto;display:flex}.footer__copy{color:#ffffff4d;font-size:11px;font-family:var(--font-mono)}.footer__links{gap:var(--space-lg);display:flex}.footer__links a{color:#fff6;letter-spacing:.05em;text-transform:uppercase;transition:color var(--transition-fast);font-size:11px;font-weight:500}.footer__links a:hover{color:var(--white)}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.stagger-children .reveal{transition-delay:calc(var(--i,0) * 80ms)}.ticker{height:1em;line-height:1;display:inline-block;overflow:hidden}@media (pointer:coarse){#cursor-dot{display:none}}@media (width<=1180px){.nav{padding:0 var(--space-md)}.nav__links--desktop{justify-content:flex-start;gap:var(--space-lg);white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:2px;overflow-x:auto}.nav__links--desktop::-webkit-scrollbar{display:none}.nav__time{display:none}.hero{min-height:auto;padding-top:calc(var(--nav-height) + var(--space-3xl));padding-bottom:var(--space-3xl)}.hero__meta{grid-template-columns:repeat(2,minmax(0,1fr))}.about__grid,.creative__intro,.project-cards{grid-template-columns:1fr}.creative__gallery,.contact__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-row{gap:var(--space-sm);grid-template-columns:1fr}.project-row__desc,.project-row__arrow{display:none}}@media (width<=860px){:root{--nav-height:60px;--space-4xl:72px;--space-5xl:88px}.nav.hidden{transform:translateY(0)}.nav{gap:var(--space-md)}.nav__toggle{display:inline-flex}.nav__drawer{width:min(82vw,320px);padding:calc(var(--nav-height) + var(--space-lg)) var(--space-lg) var(--space-lg);-webkit-backdrop-filter:blur(24px);border-left:var(--border);transition:transform var(--transition-base);z-index:1001;background:#fcfbf8fa;display:block;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(104%);box-shadow:-24px 0 60px #1111101f}.nav__drawer--open{transform:translate(0)}.nav__links--desktop{display:none}.nav__links--mobile{justify-content:flex-start;align-items:flex-start;gap:var(--space-sm);white-space:normal;flex-direction:column;padding-bottom:0;display:flex;overflow:visible}.nav__links li{width:100%}.nav__links--mobile a{letter-spacing:.08em;border-bottom:1px solid #00000014;align-items:center;width:100%;min-height:44px;padding:0 0 10px;font-size:11px;display:flex}.nav__links--mobile a:after,.nav__time{display:none}.hero__name{font-size:clamp(46px,13vw,82px)}.hero__headline{gap:var(--space-lg);grid-template-columns:minmax(0,1fr) 144px}.hero__side{max-width:144px}.hero__subtitle{max-width:100%}.hero__meta,.about__stats,.creative__gallery,.grid-2x2,.contact__grid{grid-template-columns:1fr}.opensource-item{gap:var(--space-sm);grid-template-columns:1fr}.opensource-item__meta{justify-content:flex-start}.skills__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-tag{padding:16px 10px;font-size:11px;line-height:1.3}.section{padding:var(--space-3xl) var(--space-md)}.contact{padding:var(--space-4xl) var(--space-md)}}@media (width<=640px){:root{--nav-height:56px;--space-4xl:56px;--space-5xl:72px}.nav__toggle{border-radius:12px;width:38px;height:38px}.nav__drawer{width:min(88vw,296px);padding:calc(var(--nav-height) + var(--space-lg)) var(--space-md) var(--space-md)}.hero__headline{grid-template-columns:minmax(0,1fr) 112px;gap:12px}.hero__subtitle{font-size:15px}.hero__side{max-width:112px}.hero__photo{border-radius:20px;padding:8px;box-shadow:10px 10px #00000014}.skills__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-tag{padding:13px 8px;font-size:10.5px;line-height:1.3}.stat-card,.project-card,.creative__card,.contact__item{padding:var(--space-lg)}.project-card__name{font-size:20px}.contact__header h2{font-size:clamp(32px,14vw,56px)}.footer__inner{flex-direction:column;align-items:flex-start}.footer__links{flex-wrap:wrap}}@media (width<=420px){:root{--nav-height:56px;--space-2xl:40px;--space-3xl:52px;--space-4xl:48px}.hero__name{font-size:36px}.hero__headline{grid-template-columns:minmax(0,1fr) 88px;gap:10px}.skills__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav__links--mobile a{min-height:40px;padding:0 0 8px;font-size:10px}.skill-tag{padding:11px 6px;font-size:9.5px}.hero__side{max-width:88px}.hero__photo{border-radius:18px;padding:7px;box-shadow:8px 8px #00000014}.section{padding:var(--space-2xl) var(--space-md)}}.project-card__preview{background:var(--black);border:1px solid #ffffff1a;border-radius:0;margin-top:1.5rem;position:relative;overflow:hidden}.preview-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;align-items:center;gap:6px;height:30px;padding:0 1rem;display:flex}.preview-header .dot{background:#fff3;border-radius:50%;width:8px;height:8px}.preview-header .preview-url{font-family:var(--font-mono);color:#ffffff80;margin-left:10px;font-size:.7rem}.project-card__preview iframe{background:var(--white);border:none;width:100%;height:350px;display:block}.instagram-preview{width:100%}.text-red{color:#d9381e}.hero__avatar{object-fit:cover;border:4px solid var(--black);background:var(--off-white);border-radius:50%;width:100%;height:100%;display:block;box-shadow:10px 10px #00000017}.ig__grid{margin-top:var(--space-2xl)}.grid-2x2{gap:var(--grid-gap);background:var(--border-color);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ig-card{background:var(--off-white);aspect-ratio:1;border:none;display:block;position:relative;overflow:hidden}.ig-card__inner{width:100%;height:100%}.ig-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);display:block}.ig-card__overlay{opacity:0;transition:opacity var(--transition-base);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ig-card__overlay span{font-family:var(--font-mono);color:var(--white);text-transform:uppercase;letter-spacing:.1em;transition:transform var(--transition-base);border:1px solid #ffffff4d;padding:8px 16px;font-size:11px;transform:translateY(10px)}.ig-card:hover img{transform:scale(1.05)}.ig-card:hover .ig-card__overlay{opacity:1}.ig-card:hover .ig-card__overlay span{transform:translateY(0)}.preview-badge{font-family:var(--font-mono);background:var(--charcoal);color:var(--white);border:1px solid var(--charcoal);text-transform:uppercase;letter-spacing:.05em;margin-right:var(--space-md);transition:all var(--transition-fast);white-space:nowrap;text-align:center;padding:4px 12px;font-size:11px}.preview-badge:hover{background:var(--white);color:var(--black)}.section--light{background:var(--white)}