:root{--color-bg: hsl(220, 25%, 6%);--color-bg-raised: hsl(220, 22%, 8%);--color-surface: hsl(220, 20%, 10%);--color-surface-hover: hsl(220, 20%, 13%);--color-text: hsl(220, 10%, 92%);--color-text-secondary: hsl(220, 8%, 62%);--color-text-tertiary: hsl(220, 8%, 44%);--color-accent: hsl(172, 66%, 44%);--color-accent-hover: hsl(172, 66%, 56%);--color-accent-dim: hsl(172, 40%, 28%);--color-border: hsl(220, 15%, 18%);--color-border-strong: hsl(220, 15%, 26%);--color-accent-soft: color-mix(in srgb, var(--color-accent) 12%, transparent);--color-accent-border: color-mix(in srgb, var(--color-accent) 40%, var(--color-border));--color-surface-translucent: color-mix(in srgb, var(--color-bg) 70%, transparent);--font-display: "Fraunces", "Noto Serif JP", Georgia, "Times New Roman", serif;--font-sans: "Inter", "Noto Sans JP", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-3xl: clamp(2rem, 1.6rem + 2vw, 3rem);--text-4xl: clamp(2.5rem, 1.8rem + 3vw, 4rem);--text-display: clamp(4rem, 2rem + 12vw, 12rem);--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.65;--leading-relaxed: 1.8;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-wide: .08em;--tracking-widest: .2em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--max-width-text: 720px;--max-width-layout: 1200px;--header-height: 64px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--border-hairline: 1px solid var(--color-border);--transition-fast: .18s cubic-bezier(.2, 0, 0, 1);--transition-normal: .22s cubic-bezier(.2, 0, 0, 1);--transition-slow: .4s cubic-bezier(.2, 0, 0, 1);--shadow-soft: 0 1px 2px hsl(220 30% 2% / .4), 0 8px 24px hsl(220 30% 2% / .3)}@media(prefers-contrast:more){:root{--color-text: hsl(220, 10%, 98%);--color-text-secondary: hsl(220, 8%, 78%);--color-border: hsl(220, 15%, 34%);--color-border-strong: hsl(220, 15%, 48%)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;color-scheme:dark;text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11";text-rendering:optimizeLegibility;min-height:100vh;overflow-x:hidden}img,picture,video,svg{display:block;max-width:100%}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:700;letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{word-break:auto-phrase;overflow-wrap:anywhere;text-wrap:pretty}ul,ol{list-style:none}code,kbd{font-family:var(--font-mono);font-size:.92em}kbd{display:inline-block;padding:.15em .5em;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font-size:.85em;line-height:1}::selection{background:var(--color-accent-soft);color:var(--color-text)}.container{width:100%;max-width:var(--max-width-layout);margin-inline:auto;padding-inline:var(--space-6)}@media(min-width:1100px){body:has(.section-rail) .container{padding-right:calc(var(--space-6) + 160px)}}.prose{max-width:var(--max-width-text)}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-accent)}.serif{font-family:var(--font-display);font-weight:500;letter-spacing:var(--tracking-tight)}.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}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--transition-slow),transform .8s var(--transition-slow)}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:var(--progress, 0%);background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);z-index:100;pointer-events:none;transition:width .12s linear}@media(prefers-reduced-motion:reduce){.scroll-progress{transition:none}}.section-rail{position:fixed;right:var(--space-6);top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:var(--space-3);z-index:40}@media(min-width:1100px){.section-rail{display:flex}}.section-rail a{--dot: 8px;position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) 0;color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:color var(--transition-fast)}.section-rail a:before{content:"";width:var(--dot);height:var(--dot);border-radius:50%;background:var(--color-border-strong);transition:background var(--transition-fast),transform var(--transition-fast)}.section-rail a span{opacity:0;transform:translate(-4px);white-space:nowrap;transition:opacity var(--transition-fast),transform var(--transition-fast)}.section-rail a:hover,.section-rail a:focus-visible,.section-rail a.is-active{color:var(--color-text);outline:none}.section-rail a:hover span,.section-rail a:focus-visible span,.section-rail a.is-active span{opacity:1;transform:translate(0)}.section-rail a.is-active:before{background:var(--color-accent);transform:scale(1.3)}@media(prefers-reduced-motion:reduce){.section-rail a,.section-rail a:before,.section-rail a span{transition:none}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-old(root){animation-name:vt-fade-out}::view-transition-new(root){animation-name:vt-fade-in}@keyframes vt-fade-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-fade-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:1ms;animation-name:none}}.site-header{position:fixed;top:0;left:0;right:0;z-index:90;background-color:var(--color-surface-translucent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--color-border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.site-header__logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text);letter-spacing:var(--tracking-tight);transition:color var(--transition-fast)}.site-header__logo:hover{color:var(--color-accent)}.site-header__nav{display:flex;align-items:center;gap:var(--space-6)}.site-header__nav a{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:color var(--transition-fast)}.site-header__nav a:hover{color:var(--color-text)}@media(max-width:640px){.site-header__nav{gap:var(--space-4)}.site-header__nav a:not(.site-header__nav-primary){display:none}}.hero{position:relative;min-height:88vh;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--header-height) + var(--space-16));padding-bottom:var(--space-16)}.hero__eyebrow{margin-bottom:var(--space-6);animation:hero-fade .8s var(--transition-slow) both}.hero__name{font-family:var(--font-display);font-size:var(--text-display);font-weight:600;line-height:.88;letter-spacing:-.04em;margin-bottom:var(--space-8);color:var(--color-text);view-transition-name:hero-title;animation:hero-rise 1s var(--transition-slow) .12s both}.hero__name .accent{color:var(--color-accent);font-style:italic;font-variation-settings:"SOFT" 50}.hero__tagline{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;font-style:italic;line-height:var(--leading-snug);color:var(--color-text-secondary);max-width:46ch;margin-bottom:var(--space-10, var(--space-8));animation:hero-fade .9s var(--transition-slow) .28s both}.hero__tagline strong{color:var(--color-text);font-weight:500}.hero__prompt{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-8);animation:hero-fade .9s var(--transition-slow) .38s both}.hero__prompt:before{content:"$ ";color:var(--color-accent)}.hero__prompt-caret{display:inline-block;width:.55em;height:1em;background:var(--color-accent);vertical-align:text-bottom;margin-left:2px;animation:caret-blink 1s step-end infinite}.hero__links{display:flex;gap:var(--space-3);flex-wrap:wrap;animation:hero-fade .9s var(--transition-slow) .48s both}.hero__link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:border-color var(--transition-normal),background-color var(--transition-normal)}.hero__link:hover{border-color:var(--color-accent);background-color:var(--color-surface-hover);color:var(--color-text)}.hero__link svg{width:16px;height:16px;flex-shrink:0}@keyframes hero-fade{0%{opacity:0}to{opacity:1}}@keyframes hero-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes caret-blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.hero__eyebrow,.hero__name,.hero__tagline,.hero__prompt,.hero__links{animation:none}.hero__prompt-caret{animation:none;opacity:1}}.section{padding-block:var(--space-24);scroll-margin-top:calc(var(--header-height) + var(--space-4))}.section--tight{padding-block:var(--space-16)}.section__heading{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-12);max-width:var(--max-width-text)}.section__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;letter-spacing:-.025em;line-height:var(--leading-tight);color:var(--color-text)}.section__title .accent{color:var(--color-accent);font-style:italic}.section__lede{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:60ch}.bento{display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(220px,auto);gap:var(--space-4)}@media(min-width:640px){.bento{grid-template-columns:repeat(2,1fr);gap:var(--space-5, var(--space-4))}}@media(min-width:1024px){.bento{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}}.bento__tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;text-decoration:none;overflow:hidden;container-type:inline-size;transition:border-color var(--transition-normal),background-color var(--transition-normal)}.bento__tile:hover,.bento__tile:focus-visible{border-color:var(--color-accent-border);background-color:var(--color-surface-hover);color:inherit;outline:none}.bento__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(600px circle at var(--mx, 50%) var(--my, 0%),var(--color-accent-soft),transparent 40%);opacity:0;transition:opacity var(--transition-normal)}.bento__tile:hover:after{opacity:1}@media(prefers-reduced-motion:reduce){.bento__tile:after{display:none}}.bento__tile--lead{grid-column:1 / -1;min-height:320px}@media(min-width:640px){.bento__tile--lead{grid-column:span 2;grid-row:span 2}}@media(min-width:1024px){.bento__tile--lead{grid-column:span 2;grid-row:span 2}}.bento__tile--wide{grid-column:1 / -1}@media(min-width:640px){.bento__tile--wide{grid-column:span 2}}.bento__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.bento__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary)}.bento__meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary)}.bento__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--color-text);margin-bottom:var(--space-3)}.bento__tile--lead .bento__title{font-size:var(--text-3xl)}.bento__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-4)}.bento__tile--lead .bento__desc{font-size:var(--text-base);max-width:50ch}.bento__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto}.bento__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bento__arrow{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);transition:transform var(--transition-fast),color var(--transition-fast)}.bento__tile:hover .bento__arrow{color:var(--color-accent);transform:translate(3px)}@media(prefers-reduced-motion:reduce){.bento__tile:hover .bento__arrow{transform:none}}@container (max-width: 280px){.bento__desc{display:none}.bento__title{font-size:var(--text-xl)}}@media(max-width:639px){.bento__extras{display:none}}.bento__tile--info{background:var(--color-bg-raised)}.bento__list{display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.bento__list li{display:flex;gap:var(--space-2);line-height:1.5}.bento__list li:before{content:"›";color:var(--color-accent);flex-shrink:0}.tag{display:inline-block;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-accent);background-color:var(--color-accent-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);line-height:1.5}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12);max-width:var(--max-width-layout)}@media(min-width:768px){.about-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-16)}}.about-bio{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;line-height:var(--leading-relaxed);color:var(--color-text)}.about-bio p+p{margin-top:var(--space-4)}.about-aside{display:flex;flex-direction:column;gap:var(--space-6)}.about-block__title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-accent);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}.about-block__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.cert-list{display:flex;flex-direction:column;gap:var(--space-3)}.cert-list__item{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.cert-list__year{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);padding-top:.15em;flex-shrink:0;min-width:4ch}.experience-list{display:flex;flex-direction:column;gap:var(--space-8);max-width:var(--max-width-text)}.experience-item{display:grid;grid-template-columns:1fr;gap:var(--space-3);padding-left:var(--space-6);border-left:1px solid var(--color-border);position:relative}.experience-item:before{content:"";position:absolute;left:-5px;top:.6em;width:9px;height:9px;border-radius:50%;background:var(--color-accent)}.experience-item__period{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-accent)}.experience-item__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text)}.experience-item__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.experience-item__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skills-wrap{display:flex;flex-direction:column;gap:var(--space-12)}.skills-group__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-6)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media(min-width:640px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.skills-grid{grid-template-columns:repeat(4,1fr)}}.skill-category{padding:var(--space-5, var(--space-4));border-radius:var(--radius-md);background:var(--color-bg-raised);border:1px solid var(--color-border)}.skill-category__title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-accent);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4)}.skill-category__list{display:flex;flex-direction:column;gap:var(--space-2)}.skill-category__item{font-size:var(--text-sm);color:var(--color-text-secondary)}.site-footer{padding-block:var(--space-12);border-top:1px solid var(--color-border)}.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.site-footer__text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.site-footer__text a{color:var(--color-text-secondary)}.site-footer__text a:hover{color:var(--color-accent)}.site-footer__meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal);border:1px solid transparent}.btn--primary{background-color:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.btn--primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-bg)}.btn--outline{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface)}.btn--outline:hover{border-color:var(--color-accent);color:var(--color-text);background:var(--color-surface-hover)}.project-hero{padding-top:calc(var(--header-height) + var(--space-16));padding-bottom:var(--space-12)}.project-hero__back{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-8)}.project-hero__back:before{content:"←"}.project-hero__back:hover{color:var(--color-accent)}.project-hero__eyebrow{margin-bottom:var(--space-4)}.project-hero__title{font-family:var(--font-display);font-size:clamp(3rem,2rem + 6vw,6rem);font-weight:600;line-height:.95;letter-spacing:-.03em;margin-bottom:var(--space-6);view-transition-name:project-title}.project-hero__subtitle{font-family:var(--font-display);font-size:var(--text-2xl);font-style:italic;font-weight:400;color:var(--color-text-secondary);line-height:var(--leading-snug);max-width:48ch;margin-bottom:var(--space-8)}.project-hero__links{display:flex;gap:var(--space-3);flex-wrap:wrap}.case-study{padding-bottom:var(--space-24)}.case-study .container{max-width:1120px}.case-chapter{padding-block:var(--space-12);border-top:1px solid var(--color-border)}.case-chapter:first-of-type{border-top:none}.case-chapter__eyebrow{margin-bottom:var(--space-3)}.case-chapter__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;letter-spacing:-.025em;margin-bottom:var(--space-6);text-wrap:balance}.case-chapter__body{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text)}.case-chapter__body p+p{margin-top:var(--space-4)}.case-chapter__body strong{color:var(--color-text);font-weight:600}.case-chapter__body em{font-family:var(--font-display);font-style:italic;color:var(--color-text)}.feature-list{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-6)}@media(min-width:640px){.feature-list{grid-template-columns:repeat(2,1fr)}}.feature-item{padding:var(--space-5, var(--space-4));background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md)}.feature-item__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.feature-item__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.tech-stack{display:grid;grid-template-columns:1fr;gap:0;margin-top:var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tech-stack__row{display:grid;grid-template-columns:140px 1fr;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.tech-stack__row:last-child{border-bottom:none}.tech-stack__label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--text-xs);padding-top:.2em}.tech-stack__value{color:var(--color-text)}.learning-list{display:flex;flex-direction:column;gap:var(--space-5, var(--space-4));margin-top:var(--space-6)}.learning-item{padding-left:var(--space-5, var(--space-4));border-left:2px solid var(--color-accent)}.learning-item__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.learning-item__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.case-next{padding-block:var(--space-16);border-top:1px solid var(--color-border);text-align:center}.case-next__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3);display:block}.case-next__link{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;color:var(--color-text);letter-spacing:-.02em}.case-next__link:hover{color:var(--color-accent)}.project-shots{margin-top:var(--space-10, var(--space-8));display:grid;grid-template-columns:1fr;gap:var(--space-8);justify-items:center}@media(min-width:640px){.project-shots{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.project-shots--3{grid-template-columns:repeat(3,1fr)}.project-shots--4{grid-template-columns:repeat(4,1fr)}}.shot{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:260px;width:100%}.shot__frame{position:relative;width:100%;padding:8px;background:linear-gradient(180deg,var(--color-surface-hover),var(--color-bg-raised));border:1px solid var(--color-border-strong);border-radius:32px;box-shadow:var(--shadow-soft);overflow:hidden;transition:border-color var(--transition-normal),transform var(--transition-normal)}.shot__frame:before{content:"";position:absolute;top:14px;left:50%;transform:translate(-50%);width:42px;height:5px;border-radius:3px;background:var(--color-border-strong);z-index:2;pointer-events:none}.shot__frame img{display:block;width:100%;height:auto;border-radius:24px;background:var(--color-bg)}.shot:hover .shot__frame{border-color:var(--color-accent-border)}.shot__caption{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);text-align:center;line-height:1.5}.shot__caption strong{display:block;color:var(--color-text);font-weight:500;margin-bottom:2px}@media(prefers-reduced-motion:reduce){.shot__frame{transition:none}}.project-shots--lead{margin-top:var(--space-8);grid-template-columns:1fr;justify-items:center}.project-shots--lead .shot{max-width:300px}.project-shots--desktop{grid-template-columns:1fr}@media(min-width:900px){.project-shots--desktop{grid-template-columns:repeat(2,1fr)}}.shot--desktop{max-width:640px}.shot--desktop .shot__frame{padding:26px 0 0;border-radius:var(--radius-md);background:var(--color-bg-raised)}.shot--desktop .shot__frame:before{content:"";position:absolute;top:9px;left:14px;transform:none;width:36px;height:8px;border-radius:4px;background:radial-gradient(circle at 6px 4px,hsl(6 60% 52%) 3.5px,transparent 4px),radial-gradient(circle at 18px 4px,hsl(42 80% 58%) 3.5px,transparent 4px),radial-gradient(circle at 30px 4px,hsl(140 55% 48%) 3.5px,transparent 4px)}.shot--desktop .shot__frame img{border-radius:0 0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px);border-top:1px solid var(--color-border)}.terminal{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding-top:calc(var(--header-height) + var(--space-16));padding-bottom:var(--space-16)}.terminal .container{max-width:720px;text-align:center}.terminal__window{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.75;text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);color:var(--color-text-secondary);white-space:pre-wrap;overflow-x:auto}.terminal__prompt{color:var(--color-accent)}.terminal__path{color:var(--color-text)}.terminal__error{color:#e56e61}.terminal__string{color:#eec158}.terminal__link{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-border-strong);text-underline-offset:3px}.terminal__link:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.terminal__caret{display:inline-block;width:.55em;height:1em;background:var(--color-accent);vertical-align:text-bottom;animation:caret-blink 1s step-end infinite}.terminal__code{margin-top:var(--space-12);font-family:var(--font-display);font-size:clamp(5rem,18vw,10rem);font-weight:600;letter-spacing:-.04em;line-height:.9;color:var(--color-text)}.terminal__code .accent{color:var(--color-accent);font-style:italic}.terminal__hint{margin-top:var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary)}@media(prefers-reduced-motion:reduce){.terminal__caret{animation:none;opacity:1}}