:root{--paper: #f4ede0;--paper-2: #ebe1cf;--ink: #2a2520;--ink-soft: #5a4f44;--accent: oklch(.62 .14 35);--accent-soft: oklch(.78 .08 35);--line: #3a2f26;--screen: #111;--screen-warm: #f6efe2}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;max-width:100%}body{font-family:Fraunces,ui-serif,Georgia,serif;background:var(--paper);color:var(--ink);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .4s ease,color .4s ease}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-feature-settings:"ss01"}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:.22;background-image:radial-gradient(rgba(58,47,38,.18) 1px,transparent 1px);background-size:3px 3px}.tweaks-panel{position:fixed;right:20px;bottom:20px;z-index:50;background:var(--paper-2);border:1.5px solid var(--line);border-radius:12px;padding:16px;width:260px;font-family:IBM Plex Mono,monospace;font-size:12px;box-shadow:4px 6px #3a2f262e;display:none}.tweaks-panel.on{display:block}.tweaks-panel h3{margin:0 0 10px;font-family:Fraunces,serif;font-weight:500;font-size:16px;letter-spacing:.02em}.tweaks-panel label{display:block;margin-top:10px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--ink-soft)}.tweaks-panel .row{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.tweaks-panel .chip{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 10px;cursor:pointer;font:inherit;color:var(--ink)}.tweaks-panel .chip.active{background:var(--ink);color:var(--paper)}.tweaks-panel .swatch{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);cursor:pointer}.tweaks-panel .swatch.active{outline:2px solid var(--ink);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}@keyframes savePulse{0%,to{box-shadow:0 2px 12px #00000026}50%{box-shadow:0 2px 20px #b4783c59}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes phoneScroll{0%{transform:translateY(0)}40%{transform:translateY(-44px)}60%{transform:translateY(-44px)}to{transform:translateY(0)}}@keyframes galleryMediaSwap{0%{opacity:0;transform:translate(22px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}#root{animation:pageEnter .5s ease-out}.anim-fadeIn{animation:fadeIn .18s ease-out both}.anim-slideUp{animation:slideUp .28s cubic-bezier(.16,1,.3,1) both}.chip{transition:transform .15s ease,box-shadow .15s ease}.chip:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.swatch{transition:transform .15s ease}.swatch:hover{transform:scale(1.15)}input:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px #b4783c1f}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px;opacity:.5}button:hover{cursor:pointer}::selection{background:var(--accent);color:#fff}::-moz-selection{background:var(--accent);color:#fff}html{scroll-behavior:smooth}.project-card{position:relative}.project-card-featured{padding:clamp(24px,4vw,42px);border:1.5px solid rgba(58,47,38,.16);border-radius:28px;background:linear-gradient(140deg,#ffffff38,#ebe1cf47),radial-gradient(circle at top right,rgba(198,115,54,.12),transparent 40%);box-shadow:0 22px 48px #14100c14}.project-card-grid-featured{align-items:start!important}.project-card-featured .project-card-media-shell{padding-top:8px}.project-gallery-stack{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.project-gallery-card{position:absolute;top:0;bottom:0;width:calc(100% - 68px);border:1.5px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper-2);box-shadow:0 18px 28px #0000001f;pointer-events:auto;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .24s ease,opacity .24s ease}.project-gallery-stack-right .project-gallery-card{left:0;transform-origin:right center}.project-gallery-stack-left .project-gallery-card{right:0;transform-origin:left center}.project-gallery-card img,.project-gallery-active-media{width:100%;height:100%;object-fit:cover;display:block}.project-gallery-stack-right .project-gallery-card-0{transform:translate(28px) scale(.99);z-index:1;opacity:.72}.project-gallery-stack-right .project-gallery-card-1{transform:translate(44px) scale(.97);z-index:2;opacity:.82}.project-gallery-stack-right .project-gallery-card-2{transform:translate(60px) scale(.95);z-index:3;opacity:.9}.project-gallery-stack-left .project-gallery-card-0{transform:translate(-28px) scale(.99);z-index:1;opacity:.72}.project-gallery-stack-left .project-gallery-card-1{transform:translate(-44px) scale(.97);z-index:2;opacity:.82}.project-gallery-stack-left .project-gallery-card-2{transform:translate(-60px) scale(.95);z-index:3;opacity:.9}.project-gallery-stack-right:hover .project-gallery-card-0{transform:translate(34px) translateY(-2px) scale(1)}.project-gallery-stack-right:hover .project-gallery-card-1{transform:translate(52px) translateY(-5px) scale(.98)}.project-gallery-stack-right:hover .project-gallery-card-2{transform:translate(72px) translateY(-8px) scale(.96)}.project-gallery-stack-left:hover .project-gallery-card-0{transform:translate(-34px) translateY(-2px) scale(1)}.project-gallery-stack-left:hover .project-gallery-card-1{transform:translate(-52px) translateY(-5px) scale(.98)}.project-gallery-stack-left:hover .project-gallery-card-2{transform:translate(-72px) translateY(-8px) scale(.96)}.project-gallery-stack-featured .project-gallery-card{width:calc(100% - 48px);border-radius:20px;box-shadow:0 22px 44px #14100c38}.project-gallery-stack-featured .project-gallery-card-0{opacity:.5}.project-gallery-stack-featured .project-gallery-card-1{opacity:.72}.project-gallery-stack-featured .project-gallery-card-2{opacity:1;z-index:4;box-shadow:0 24px 48px #14100c47}.project-gallery-stack-featured.project-gallery-stack-right .project-gallery-card-0{transform:translate(22px) scale(.94)}.project-gallery-stack-featured.project-gallery-stack-right .project-gallery-card-1{transform:translate(38px) scale(.97)}.project-gallery-stack-featured.project-gallery-stack-right .project-gallery-card-2{transform:translate(48px) scale(1)}.project-gallery-stack-featured.project-gallery-stack-left .project-gallery-card-0{transform:translate(-22px) scale(.94)}.project-gallery-stack-featured.project-gallery-stack-left .project-gallery-card-1{transform:translate(-38px) scale(.97)}.project-gallery-stack-featured.project-gallery-stack-left .project-gallery-card-2{transform:translate(-48px) scale(1)}.project-gallery-stack-featured.project-gallery-stack-right:hover .project-gallery-card-0{transform:translate(16px) scale(.93);opacity:.6}.project-gallery-stack-featured.project-gallery-stack-right:hover .project-gallery-card-1{transform:translate(30px) scale(.96);opacity:.8}.project-gallery-stack-featured.project-gallery-stack-right:hover .project-gallery-card-2{transform:translate(52px) scale(1.01)}.project-gallery-stack-featured.project-gallery-stack-left:hover .project-gallery-card-0{transform:translate(-16px) scale(.93);opacity:.6}.project-gallery-stack-featured.project-gallery-stack-left:hover .project-gallery-card-1{transform:translate(-30px) scale(.96);opacity:.8}.project-gallery-stack-featured.project-gallery-stack-left:hover .project-gallery-card-2{transform:translate(-52px) scale(1.01)}.project-gallery-card:hover{box-shadow:0 24px 44px #0000002e}.gallery-fan{width:100%;padding:8px 0 0}.gallery-fan-track{display:flex;align-items:flex-end;justify-content:center;position:relative;min-height:100px;perspective:900px}.gallery-fan-card{position:relative;flex:0 0 auto;width:clamp(70px,10vw,105px);aspect-ratio:3 / 4;margin:0 -8px;border:1.5px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:0 12px 28px #14100c2e;cursor:pointer;padding:0;transform-origin:center bottom;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .28s ease}.gallery-fan-card:hover{transform:translateY(-16px) scale(1.06) rotate(0)!important;box-shadow:0 22px 44px #14100c47;z-index:20!important}.gallery-fan-card img,.gallery-fan-card video{width:100%;height:100%;object-fit:cover;display:block}.gallery-fan-video-badge{position:absolute;left:8px;bottom:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#14100cb3;color:#fff;font-size:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.gallery-fan-overflow{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#14100c80;color:#fff;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:500;letter-spacing:.04em;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media (max-width: 768px){.gallery-fan-card{width:clamp(80px,20vw,110px);margin:0 -10px}.gallery-fan-track{min-height:200px}}.project-video-preview{width:100%}.project-video-preview-featured{background:linear-gradient(180deg,#fff3,#1111110a)}@media (max-width: 920px){.project-card-featured{padding:26px 22px}.project-gallery-stack-featured .project-gallery-card{width:calc(100% - 38px)}.project-gallery-stack-featured.project-gallery-stack-right .project-gallery-card-0,.project-gallery-stack-featured.project-gallery-stack-left .project-gallery-card-0{transform:translate(12px) scale(.99)}.project-gallery-stack-featured.project-gallery-stack-right .project-gallery-card-1,.project-gallery-stack-featured.project-gallery-stack-left .project-gallery-card-1{transform:translate(20px) scale(.97)}.project-gallery-stack-featured.project-gallery-stack-right .project-gallery-card-2,.project-gallery-stack-featured.project-gallery-stack-left .project-gallery-card-2{transform:translate(28px) scale(.95)}.project-video-preview,.project-video-preview-featured{min-height:300px}}.project-gallery-count{position:absolute;right:14px;bottom:14px;padding:5px 10px;border-radius:999px;background:#14100cbd;color:#fff;font-family:IBM Plex Mono,monospace;font-size:10px}.project-gallery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#120e0a80;display:flex;align-items:center;justify-content:center;padding:24px}.project-gallery-viewer{position:relative;width:min(1100px,calc(100vw - 64px));background:#f4ede0f0;border:1.5px solid var(--line);border-radius:22px;box-shadow:0 28px 70px #0000003d;padding:28px}.project-gallery-layout{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:stretch}.project-gallery-frame{position:relative;border-radius:16px;overflow:hidden;background:#2a252014;min-height:520px;display:flex;align-items:center;justify-content:center}.project-gallery-frame-portrait{min-height:600px}.project-gallery-frame-square{min-height:560px}.project-gallery-active-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:galleryMediaSwap .32s cubic-bezier(.16,1,.3,1)}.project-gallery-active-media{width:100%;max-height:70vh;object-fit:contain}.project-gallery-sidebar{display:flex;flex-direction:column;gap:12px;justify-content:center}.project-gallery-thumb{position:relative;display:flex;align-items:flex-end;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:#f4ede0b8;height:118px;padding:0;opacity:.75;transform:translate(0);transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease,border-color .2s ease}.project-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.project-gallery-thumb:hover,.project-gallery-thumb.is-active{opacity:1;transform:translate(-4px);box-shadow:0 12px 26px #00000026}.project-gallery-thumb.is-active{border-color:var(--accent)}.project-gallery-thumb-caption{position:absolute;left:8px;right:8px;bottom:8px;padding:4px 8px;border-radius:999px;background:#14100cad;color:#fff;font-family:IBM Plex Mono,monospace;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-gallery-nav,.project-gallery-close{position:absolute;border:1.5px solid var(--line);background:#f4ede0f2;color:var(--ink);border-radius:999px;font-family:IBM Plex Mono,monospace;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.project-gallery-nav{top:50%;width:46px;height:46px;transform:translateY(-50%);font-size:26px;z-index:2}.project-gallery-nav-prev{left:16px}.project-gallery-nav-next{right:16px}.project-gallery-close{top:16px;right:16px;padding:8px 12px;font-size:12px;text-transform:uppercase}.project-gallery-nav:hover,.project-gallery-close:hover{background:var(--ink);color:var(--paper)}.project-gallery-meta{position:absolute;right:14px;bottom:14px;padding:6px 10px;border-radius:999px;background:#14100cb3;color:#fff;font-family:IBM Plex Mono,monospace;font-size:11px}.project-gallery-caption{margin-top:14px;padding:10px 14px;border-radius:12px;background:#2a25200f;color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.03em}.project-gallery-fallback{width:100%;height:100%;min-height:120px;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;color:var(--ink-soft);background:linear-gradient(135deg,#2a25200f,#2a25201f);font-family:IBM Plex Mono,monospace;font-size:11px}.mug-companion-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.mug-companion{position:absolute;width:96px;height:96px;margin:-48px 0 0 -48px;padding:0;border:none;background:transparent;pointer-events:auto;cursor:pointer}.mug-companion__sprite,.mug-companion__fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.mug-companion__fx{transform:scale(1.35);opacity:.9}.mug-companion--dying{pointer-events:none}@media (max-width: 768px){.section-inner{padding:0 20px!important}.project-gallery-stack,.project-gallery-stack-mobile{inset:auto 0 -18px 0;height:100%}.project-gallery-card{width:calc(100% - 20px)}.project-card-featured{padding:22px 18px;border-radius:22px}.project-video-preview,.project-video-preview-featured{min-height:240px!important;aspect-ratio:16 / 10!important}.project-gallery-stack-right .project-gallery-card-0,.project-gallery-stack-left .project-gallery-card-0{transform:translate(10px) translateY(0) scale(.985)}.project-gallery-stack-right .project-gallery-card-1,.project-gallery-stack-left .project-gallery-card-1{transform:translate(16px) translateY(8px) scale(.97)}.project-gallery-stack-right .project-gallery-card-2,.project-gallery-stack-left .project-gallery-card-2{transform:translate(22px) translateY(16px) scale(.955)}.project-gallery-stack-featured .project-gallery-card{width:calc(100% - 20px)}.project-gallery-viewer{width:min(100%,calc(100vw - 28px));padding:54px 18px 20px}.project-gallery-layout{grid-template-columns:1fr}.project-gallery-frame{min-height:260px}.project-gallery-sidebar{flex-direction:row;overflow-x:auto;padding-bottom:6px}.project-gallery-thumb{min-width:92px;height:92px}.project-gallery-nav{width:40px;height:40px;top:50%;bottom:auto;transform:translateY(-50%)}.project-gallery-nav-prev{left:10px}.project-gallery-nav-next{right:10px}.mug-companion{width:84px;height:84px;margin:-42px 0 0 -42px}}