.hero{flex-direction:column;justify-content:center;min-height:100svh;padding-top:6rem;padding-bottom:7rem;display:flex;position:relative;overflow:hidden}.hero__inner{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1.5rem}.hero__meta{align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.hero__rule{background:var(--color-border);flex:1;height:1px}.hero__footer{border-top:1px solid var(--color-border);flex-direction:column;gap:2rem;margin-top:2.5rem;padding-top:2rem;display:flex}.hero__blurb{max-width:24rem;color:var(--color-text-muted);font-size:1rem;line-height:1.625}.hero__actions{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.hero__scroll-wrap{display:none}.hero__cta{width:fit-content;min-block-size:var(--size-touch-target);letter-spacing:.025em;text-underline-offset:4px;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline-flex}.hero__cta:hover{text-decoration:underline}.hero__cta-arrow{transition:transform .3s}.hero__cta:hover .hero__cta-arrow{transform:translate(.25rem)}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;font-weight:500;line-height:1.02}.hero-greeting{color:var(--color-text-muted);letter-spacing:-.01em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:500;display:block}.hero-name{min-height:2.24em;font-size:var(--text-hero);letter-spacing:-.03em;line-height:1.12;display:block}.hero-accent{font-family:var(--font-body);color:var(--color-accent);letter-spacing:-.01em;font-style:italic;font-weight:600}.hero-rotate{white-space:pre-wrap}.hero-note{max-width:34ch;font-family:var(--font-body);color:var(--color-text-muted);margin-top:1.75rem;font-size:1.0625rem;line-height:1.6}.hero-title__line{margin-bottom:-.32em;padding-bottom:.32em;display:block;overflow:hidden}.hero-title__word{will-change:transform;display:inline-block}.hero-scroll-hint{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:.75rem;display:inline-flex}.hero-scroll-hint__line{background:var(--color-text-muted);transform-origin:top;width:1px;height:3.5rem;display:block}.hero-marquee{border-top:1px solid var(--color-border);padding:1rem 0;position:absolute;bottom:0;left:0;right:0}@media (width>=48rem){.hero{padding-bottom:8rem}.hero-name{min-height:1.12em;font-size:clamp(2.5rem,6.5vw,4.75rem)}.hero__inner{padding-inline:2.5rem}.hero__footer{flex-direction:row;justify-content:space-between;align-items:flex-end}.hero__actions{justify-content:flex-end}.hero__scroll-wrap{display:block}}[data-marquee]{user-select:none;overflow:hidden}.marquee-track{will-change:transform;width:max-content;display:flex}.marquee-group{align-items:center;padding-right:2rem;display:flex}.marquee-item{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;font-size:.85rem;font-weight:500}.marquee-star{color:var(--color-accent);margin:0 2rem}@media (prefers-reduced-motion:reduce){[data-marquee]{overflow:hidden}.marquee-track{flex-wrap:nowrap}}.section-intro{max-width:72rem;padding:var(--spacing-section) 1.5rem;margin-inline:auto;position:relative;overflow:hidden}.section-intro__title{z-index:10;font-family:var(--font-display);font-size:var(--text-statement);letter-spacing:-.02em;font-weight:500;line-height:1.05;position:relative}.section-intro__accent{color:var(--color-accent-warm);font-style:italic;font-weight:700}.section-intro__lede{z-index:10;max-width:36rem;color:var(--color-text-muted);margin-top:2rem;font-size:1rem;line-height:1.625;position:relative}.section-intro-watermark{z-index:0;pointer-events:none;user-select:none;white-space:nowrap;position:absolute;top:.25em;right:-.04em}.section-intro-watermark:after{content:"Approach";font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-text);opacity:.05;font-size:clamp(4rem,13vw,12rem);font-weight:500;line-height:1;display:block}.section-intro-rule{background:var(--color-accent-warm);transform-origin:0;width:clamp(3rem,8vw,5rem);height:2px;margin-top:1.5rem;transition:transform .9s cubic-bezier(.22,1,.36,1);display:block;transform:scaleX(0)}.section-intro-rule.is-drawn{transform:scaleX(1)}@media (width>=48rem){.section-intro{padding-inline:2.5rem}}@media (prefers-reduced-motion:reduce){.section-intro-rule{transform:scaleX(1)}}.project-index{max-width:72rem;padding:var(--spacing-section) 1.5rem;margin-inline:auto}.project-index__head{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:4rem;display:flex}.project-index__title{max-width:42rem;font-family:var(--font-display);font-size:var(--text-section);letter-spacing:-.025em;margin-top:1rem;font-weight:500}.project-index__hint{color:var(--color-text-muted);font-size:.875rem;line-height:1.25rem;display:none}.project-index__list{border-top:1px solid var(--color-border)}.project-row{border-bottom:1px solid var(--color-border);grid-template-columns:3.5rem 1fr auto;align-items:center;gap:1.5rem;padding:2.25rem 0;display:grid}.project-row__num{font-family:var(--font-display);color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.9rem;transition:color .3s}.project-row__title{font-family:var(--font-display);letter-spacing:-.02em;will-change:transform;font-size:clamp(1.5rem,3.5vw,2.75rem);font-weight:500;transition:transform .5s cubic-bezier(.22,1,.36,1),color .3s}.project-row__meta{color:var(--color-text-muted);font-size:.85rem;display:none}.project-row:hover .project-row__num{color:var(--color-accent)}.project-row:hover .project-row__title{color:var(--color-accent);transform:translate(1.5rem)}.project-row__cover{grid-column:1/-1;margin-top:.5rem;display:block}.showcase-preview{z-index:60;aspect-ratio:4/3;pointer-events:none;opacity:0;will-change:transform;width:min(26rem,40vw);transition:opacity .3s;display:none;position:fixed;top:0;left:0}.showcase-preview.is-active{opacity:1}.showcase-preview__item{opacity:0;transition:opacity .45s,transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(.94)}.showcase-preview__item.is-active{opacity:1;transform:scale(1)}@media (width>=48rem){.project-index{padding-inline:2.5rem}.project-index__head{margin-bottom:6rem}}@media (width>=48rem) and (hover:hover) and (pointer:fine){.project-index__hint{display:block}.project-row__cover{display:none}.showcase-preview{display:block}}@media (width<=767px){.project-row{grid-template-columns:3rem 1fr}}@media (prefers-reduced-motion:reduce){.project-index__hint{display:none}.project-row__cover{display:block}.showcase-preview{display:none}}.about{max-width:72rem;padding:var(--spacing-section) 1.5rem;margin-inline:auto}.about__eyebrow{margin-bottom:2rem}.about__statement{max-width:56rem;font-family:var(--font-display);font-size:var(--text-section);letter-spacing:-.025em;font-weight:500;line-height:1.18}.about__grid{gap:2.5rem;margin-top:4rem;display:grid}.about-card{border-top:1px solid var(--color-border);padding-top:1.5rem}.about-card__title{font-family:var(--font-display);margin-bottom:.75rem;font-size:1.125rem;font-weight:500;line-height:1.75rem}.about-card__text{color:var(--color-text-muted);font-size:.875rem;line-height:1.625}@media (width>=48rem){.about{padding-inline:2.5rem}.about__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem}}.capabilities-marquee{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.capabilities{max-width:72rem;padding:var(--spacing-section) 1.5rem;margin-inline:auto}.capabilities__eyebrow{margin-bottom:2rem}.capabilities__title{max-width:48rem;font-family:var(--font-display);font-size:var(--text-section);letter-spacing:-.025em;margin-bottom:4rem;font-weight:500;line-height:1.08}.capabilities__grid{gap:3rem;display:grid}.capability{border-top:1px solid var(--color-border);padding-top:1.5rem}.capability__head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.capability__name{font-family:var(--font-display);color:var(--color-accent);font-size:.875rem;font-weight:500;line-height:1.25rem}.capability__num{font-family:var(--font-display);color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.875rem;line-height:1.25rem}.capability__tags{color:var(--color-text-muted);flex-direction:column;gap:.25rem;margin-top:1rem;font-size:.875rem;line-height:1.625;display:flex}.capability__tag{transition:color .3s}.capability__tag:hover{color:var(--color-text)}@media (width>=48rem){.capabilities{padding-inline:2.5rem}.capabilities__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}}.contact{background:var(--color-inverse-bg);color:var(--color-inverse-text);position:relative;overflow:hidden}.contact__inner{max-width:72rem;padding:var(--spacing-section) 1.5rem;margin-inline:auto}.contact__eyebrow{color:var(--color-inverse-muted);margin-bottom:2rem}.contact__title{font-family:var(--font-display);font-size:var(--text-contact);letter-spacing:-.03em;font-weight:500;line-height:.98}.contact__title-line{display:block}.contact__accent{font-family:var(--font-body);letter-spacing:-.01em;color:var(--color-accent-inverse);margin-top:.5rem;font-size:.62em;font-style:italic;font-weight:600;display:block}.contact__mail{font-family:var(--font-display);letter-spacing:-.025em;align-items:center;gap:1.25rem;margin-top:3.5rem;font-size:1.5rem;font-weight:500;line-height:2rem;display:inline-flex}.contact-watermark{pointer-events:none;user-select:none;position:absolute;bottom:-.12em;right:-.05em}.contact-watermark:after{content:"MJ.";font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-inverse-muted);opacity:.08;font-size:clamp(8rem,22vw,19rem);font-weight:500;line-height:1;display:block}.contact-mail-underline{text-underline-offset:8px;text-decoration:underline}.contact-arrow{border:1px solid var(--color-inverse-muted);border-radius:9999px;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;font-size:1.25rem;transition:transform .4s cubic-bezier(.22,1,.36,1),background-color .3s,border-color .3s;display:inline-flex}.contact__mail:hover .contact-arrow{background:var(--color-inverse-text);border-color:var(--color-inverse-text);color:var(--color-inverse-bg);transform:translate(4px,-4px)}.contact__socials{color:var(--color-inverse-muted);flex-wrap:wrap;gap:.75rem 2rem;margin-top:4rem;display:flex}.contact__social-link{min-block-size:var(--size-touch-target);text-underline-offset:4px;align-items:center;font-size:.875rem;line-height:1.25rem;transition:color .15s;display:inline-flex}.contact__social-link:hover{color:var(--color-inverse-text);text-decoration:underline}@media (width>=48rem){.contact__inner{padding-inline:2.5rem}.contact__mail{font-size:2.25rem;line-height:2.5rem}}