.portfolio-mobile{--portfolio-mobile-bg: hsl(var(--background));--portfolio-mobile-surface: hsla(0 0% 100% / .72);--portfolio-mobile-surface-strong: hsla(0 0% 100% / .88);--portfolio-mobile-border: hsla(28 78% 48% / .16);--portfolio-mobile-shadow: 0 22px 58px hsla(214 35% 16% / .12);--portfolio-mobile-text: hsl(var(--foreground));--portfolio-mobile-muted: hsl(var(--muted-foreground));--portfolio-mobile-accent: hsl(var(--accent));--portfolio-mobile-accent-soft: hsla(var(--accent) / .13);--portfolio-mobile-overlay: linear-gradient(180deg, hsla(28 35% 98% / .02), hsla(28 42% 91% / .86));container-type:inline-size;position:relative;width:100%;color:var(--portfolio-mobile-text);background:var(--portfolio-mobile-bg);overflow:clip}[data-theme=dark] .portfolio-mobile{--portfolio-mobile-surface: hsla(33 56% 7% / .74);--portfolio-mobile-surface-strong: hsla(33 46% 8% / .9);--portfolio-mobile-border: hsla(28 78% 58% / .22);--portfolio-mobile-shadow: 0 24px 64px hsla(0 0% 0% / .38);--portfolio-mobile-overlay: linear-gradient(180deg, hsla(25 45% 4% / .16), hsla(28 42% 8% / .88))}.portfolio-mobile__intro-chapter,.portfolio-mobile__proof-gallery{position:relative;min-height:100vh;min-height:100svh}.portfolio-mobile__intro-chapter{display:grid;align-items:end;overflow:hidden;background:radial-gradient(circle at 12% 14%,hsla(var(--accent) / .26),transparent 28%),radial-gradient(circle at 88% 12%,hsla(152 45% 25% / .18),transparent 26%),radial-gradient(circle at 72% 84%,hsla(195 65% 38% / .14),transparent 30%),var(--portfolio-mobile-bg)}.portfolio-mobile__atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,hsla(var(--foreground) / .08) 0 1px,transparent 1px 100%),var(--portfolio-mobile-overlay);background-size:28px 28px,auto;opacity:.9;pointer-events:none}.portfolio-mobile__intro-inner{position:relative;z-index:1;display:grid;gap:var(--spacing-md);width:min(100%,43rem);margin:0 auto;padding:calc(var(--nav-height, 56px) + var(--spacing-lg)) var(--spacing-md) var(--spacing-xl)}.portfolio-mobile__eyebrow,.portfolio-mobile__intro-project-count,.portfolio-mobile__proof-meta{color:var(--portfolio-mobile-accent);font-size:.72rem;font-weight:800;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}.portfolio-mobile__eyebrow,.portfolio-mobile__intro-lede,.portfolio-mobile__intro-copy,.portfolio-mobile__proof-description{margin:0}.portfolio-mobile__heading{max-width:100%;margin:0;color:var(--portfolio-mobile-text);font-family:var(--font-heading);font-size:clamp(2.55rem,12.5vw,3.1rem);font-weight:800;letter-spacing:0;line-height:.92;white-space:nowrap}.portfolio-mobile__intro-lede{max-width:36ch;color:var(--portfolio-mobile-text);font-size:1.02rem;font-weight:650;line-height:1.48}.portfolio-mobile__intro-copy{max-width:39ch;color:var(--portfolio-mobile-muted);font-size:.95rem;line-height:1.58}.portfolio-mobile__intro-projects{display:grid;gap:.58rem;margin-top:var(--spacing-xs)}.portfolio-mobile__intro-project{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.14rem .7rem;padding:.72rem .78rem;background:var(--portfolio-mobile-surface);border:1px solid var(--portfolio-mobile-border);border-radius:8px;box-shadow:0 10px 30px #0000000f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.portfolio-mobile__intro-project-count{grid-row:span 2;align-self:start;padding-top:.1rem}.portfolio-mobile__intro-project-name{color:var(--portfolio-mobile-text);font-size:.95rem;font-weight:800;line-height:1.2}.portfolio-mobile__intro-project-type{color:var(--portfolio-mobile-muted);font-size:.78rem;font-weight:650;line-height:1.35}.portfolio-mobile__scroll-cue{display:inline-flex;align-items:center;gap:.48rem;justify-self:start;min-height:44px;margin-top:var(--spacing-xs);color:var(--portfolio-mobile-muted);font-size:.78rem;font-weight:750;letter-spacing:.08em;line-height:1;text-transform:uppercase}.portfolio-mobile__scroll-cue svg{color:var(--portfolio-mobile-accent)}.portfolio-mobile__proof-gallery{display:grid;align-items:center;overflow:hidden;background:linear-gradient(180deg,var(--portfolio-mobile-bg),hsla(var(--accent) / .08)),var(--portfolio-mobile-bg)}.portfolio-mobile__proof-track{display:flex;gap:var(--spacing-md);width:-moz-max-content;width:max-content;height:100%;padding:calc(var(--nav-height, 56px) + var(--spacing-md)) var(--spacing-md) var(--spacing-xl);will-change:transform}.portfolio-mobile__proof-track:focus-visible{outline:3px solid hsla(var(--accent) / .48);outline-offset:-8px}.portfolio-mobile__proof-panel{position:relative;flex:0 0 min(86vw,27rem);min-height:calc(100svh - var(--nav-height, 56px) - var(--spacing-xl) - var(--spacing-md));display:grid;align-content:end;overflow:hidden;color:#fff;background:#241f19;border:1px solid hsla(0 0% 100% / .16);border-radius:8px;box-shadow:var(--portfolio-mobile-shadow)}.portfolio-mobile__proof-image{position:absolute;top:0;right:0;bottom:0;left:0}.portfolio-mobile__proof-image:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,#00000014,#00000052 44%,#000000d6),linear-gradient(90deg,hsla(28 78% 22% / .38),transparent 64%);pointer-events:none}.portfolio-mobile__proof-image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portfolio-mobile__proof-content{position:relative;z-index:1;display:grid;gap:var(--spacing-sm);padding:var(--spacing-md)}.portfolio-mobile__proof-meta{display:flex;justify-content:space-between;gap:var(--spacing-sm);color:#ffb87af5}.portfolio-mobile__proof-meta span:last-child{max-width:18ch;text-align:right}.portfolio-mobile__proof-title{max-width:12ch;margin:0;color:#fff;font-family:Frijole,cursive;font-size:1.65rem;font-weight:400;letter-spacing:0;line-height:1.08}.portfolio-mobile__proof-description{max-width:39ch;color:#ffffffd6;font-size:.9rem;line-height:1.55}.portfolio-mobile__proof-action{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-width:44px;min-height:44px;gap:.45rem;margin-top:var(--spacing-xs);padding:.78rem 1rem;color:#fff;text-decoration:none;background:hsla(var(--accent) / .92);border:1px solid hsla(0 0% 100% / .18);border-radius:999px;font-size:.86rem;font-weight:850;line-height:1}.portfolio-mobile__proof-action:focus-visible{outline:3px solid hsla(0 0% 100% / .72);outline-offset:3px}.portfolio-mobile__proof-action svg{flex:0 0 auto}@container (min-width: 48ch){.portfolio-mobile__intro-inner{padding-inline:var(--spacing-lg)}.portfolio-mobile__heading{font-size:3.65rem}.portfolio-mobile__proof-track{gap:var(--spacing-lg);padding-inline:var(--spacing-lg)}.portfolio-mobile__proof-panel{flex-basis:min(78vw,31rem)}.portfolio-mobile__proof-content{padding:var(--spacing-lg)}}