.mtd-page{--mtd-bg:#fbf6ee;--mtd-bg-soft:#f1e3d0;--mtd-text:#5f5449;--mtd-text-h:#211b16;--mtd-accent:#315f3d;--mtd-accent-soft:#e2ecdf;--mtd-card:#ffffffe0;--mtd-line:#211b161a;--mtd-shadow-warm:0 24px 60px -42px #422b1980, 0 8px 24px -18px #422b1947;--mtd-display:"Fredoka", system-ui, -apple-system, sans-serif;--mtd-hand:"Caveat", "Comic Sans MS", cursive;--mtd-sans:"Quicksand", system-ui, -apple-system, sans-serif;font-family:var(--mtd-sans);color:var(--mtd-text);background:radial-gradient(ellipse 80% 60% at 85% 10%, var(--mtd-bg-soft) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 10% 90%, #ffe4c9 0%, transparent 65%), var(--mtd-bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:18px;line-height:1.5;overflow-x:clip}.mtd-page img,.mtd-page video{max-width:100%}.mtd-page a:focus-visible,.mtd-page button:focus-visible,.mtd-page summary:focus-visible,.mtd-page [tabindex]:focus-visible{outline:3px solid color-mix(in srgb, var(--mtd-accent) 82%, white);outline-offset:4px}.mtd-page h1{font-family:var(--mtd-display);color:var(--mtd-text-h);font-weight:600}.mtd-page p{margin:0}.mtd-page .page{flex-direction:column;display:flex}.mtd-page .hero{box-sizing:border-box;min-height:100vh}.mtd-page .hero.split-v2{box-sizing:border-box;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"media copy";align-items:center;gap:clamp(2rem,6vw,5rem);width:100%;max-width:82rem;margin:0 auto;padding:clamp(5rem,8vh,6.5rem) clamp(1.5rem,5vw,5rem) 4rem;display:grid;position:relative}.mtd-page .hero-nav{z-index:3;position:absolute;top:2rem;right:clamp(1.5rem,5vw,5rem)}.mtd-page .hero-links{gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.mtd-page .hero-links li{opacity:0;animation:.7s cubic-bezier(.34,1.56,.64,1) forwards mtd-link-drop;transform:translateY(-24px)}.mtd-page .hero-links a{font-family:var(--mtd-display);color:var(--mtd-text-h);background:var(--mtd-card);border:1px solid var(--mtd-line);border-radius:999px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s,box-shadow .2s;display:inline-block;box-shadow:0 8px 24px -20px #422b196b,0 1px 2px #422b1914}.mtd-page .hero-links a:hover,.mtd-page .footer-links a:hover{background:var(--mtd-accent);color:#fff;transform:translateY(-1px);box-shadow:0 10px 20px -6px #3f7a3f80,0 2px 4px #78461e1a}.mtd-page .hero-links a[aria-current=page],.mtd-page .footer-links a[aria-current=page]{background:var(--mtd-accent);color:#fff;box-shadow:0 8px 16px -6px #3f7a3f73,0 2px 4px #78461e1a}@keyframes mtd-link-drop{0%{opacity:0;transform:translateY(-24px)rotate(-3deg)}60%{opacity:1;transform:translateY(6px)rotate(1deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@media (width<=900px){.mtd-page .hero-nav{top:.75rem;right:.75rem}.mtd-page .hero-links{gap:.3rem}.mtd-page .hero-links a{padding:.35rem .75rem;font-size:.72rem}}@media (width<=500px){.mtd-page .hero-nav{top:.5rem;right:.5rem}.mtd-page .hero-links{gap:.25rem}.mtd-page .hero-links a{padding:.3rem .6rem;font-size:.65rem}}.mtd-page .cover-text{flex-direction:column;grid-area:copy;align-items:flex-start;gap:1.1rem;min-width:0;max-width:34rem;animation:.85s cubic-bezier(.34,1.56,.64,1) .1s both mtd-cover-in;display:flex}@media (width<=900px){.mtd-page .cover-text{gap:.75rem}}.mtd-page .eyebrow{font-family:var(--mtd-hand);letter-spacing:.01em;color:var(--mtd-accent);background:var(--mtd-accent-soft);border-radius:999px;align-items:center;gap:.55rem;margin:0;padding:.3rem 1rem .35rem;font-size:1.35rem;font-weight:700;display:inline-flex;transform:none}.mtd-page .eyebrow-dot{background:var(--mtd-accent);border-radius:999px;width:.5rem;height:.5rem;animation:2.4s ease-in-out infinite mtd-pulse;box-shadow:0 0 0 4px #3f7a3f40}.mtd-page .cover-name{font-family:var(--mtd-display);letter-spacing:-.035em;color:var(--mtd-text-h);flex-direction:column;margin:.2rem 0 0;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:.92;display:flex}.mtd-page .cover-name span:nth-child(2){color:var(--mtd-accent)}.mtd-page .cover-squiggle{width:min(18rem,80%);height:.85rem;color:var(--mtd-accent);opacity:.9;margin:.2rem 0}.mtd-page .cover-sub{font-family:var(--mtd-display);color:var(--mtd-text);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:500;display:inline-flex}@media (width<=900px){.mtd-page .cover-sub{justify-content:center}}.mtd-page .sub-role{color:var(--mtd-text-h)}.mtd-page .sub-dot{color:var(--mtd-accent);font-weight:700}.mtd-page .sub-loc{align-items:center;gap:.3rem;display:inline-flex}.mtd-page .sub-pin{font-size:1rem}.mtd-page .cover-stage{grid-area:media;justify-self:end;width:min(30rem,100%);position:relative}.mtd-page .cast{margin:0;animation:.9s cubic-bezier(.34,1.56,.64,1) .15s both mtd-cover-in}.mtd-page .cast-frame{aspect-ratio:1;border:1px solid var(--mtd-line);background:var(--mtd-card);border-radius:1.35rem;width:100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;transform:none;box-shadow:0 30px 50px -24px #78461e52,0 6px 16px -6px #78461e24}.mtd-page .cast-me:hover .cast-frame{transform:translateY(-3px)}.mtd-page .cast-video{object-fit:cover;width:100%;height:100%;display:block}.mtd-page .cast-overlay{display:none}.mtd-page video,.mtd-page .mtd-autoplay-fallback{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mtd-page video::-webkit-media-controls{display:none!important}.mtd-page video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mtd-page .cover-bio{font-family:var(--mtd-sans);color:var(--mtd-text);max-width:32rem;margin:.5rem 0 0;font-size:1.05rem;line-height:1.6}.mtd-page .section.work{box-sizing:border-box;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:80rem;margin:0 auto;padding:5rem 2rem;display:grid}@media (width<=900px){.mtd-page .section.work{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 1rem;display:flex}.mtd-page .work-media{order:-1}.mtd-page .work-copy h2{font-size:clamp(1.75rem,7vw,2.25rem)}.mtd-page .work-lead{font-size:1.05rem}.mtd-page .work-body{font-size:.95rem}}.mtd-page .work-media{aspect-ratio:1;border:1px solid var(--mtd-line);background:var(--mtd-card);width:100%;max-width:32rem;box-shadow:var(--mtd-shadow-warm);border-radius:1.25rem;justify-self:start;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;transform:none}.mtd-page .work-media:hover{transform:translateY(-3px)}.mtd-page .work-media:before{content:"";filter:blur(24px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#d3e6d0b3 0%,#0000 70%);width:55%;height:55%;position:absolute;inset:-15% -12% auto auto}@media (width<=900px){.mtd-page .work-media{max-width:min(20rem,75vw);transform:none}}.mtd-page .work-video{object-fit:cover;width:100%;height:100%;display:block}.mtd-page .work-copy{justify-self:end;max-width:32rem}.mtd-page .work-copy h2{font-family:var(--mtd-display);letter-spacing:-.02em;color:var(--mtd-text-h);margin:.5rem 0 1.1rem;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.05}.mtd-page .work-lead{font-family:var(--mtd-display);color:var(--mtd-text-h);margin:0 0 .85rem;font-size:1.2rem;font-weight:500;line-height:1.4}.mtd-page .work-body{color:var(--mtd-text);margin:0;font-size:1rem;line-height:1.65}.mtd-page .work-body code{background:var(--mtd-accent-soft);color:var(--mtd-accent);border-radius:.35rem;padding:.1rem .45rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}.mtd-page .section.about{box-sizing:border-box;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:80rem;margin:0 auto;padding:5rem 2rem;display:grid}@media (width<=900px){.mtd-page .section.about{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 1rem;display:flex}.mtd-page .about-gallery{order:-1}.mtd-page .about-copy h2{font-size:clamp(1.75rem,7vw,2.25rem)}.mtd-page .about-lead{font-size:1.05rem}.mtd-page .about-body{font-size:.95rem}}.mtd-page .about-gallery{grid-template-columns:1fr 1fr;justify-self:end;gap:1rem;width:100%;max-width:34rem;display:grid;position:relative}@media (width<=900px){.mtd-page .about-gallery{grid-template-columns:1fr 1fr;gap:.65rem;max-width:min(22rem,88vw)}.mtd-page .about-gallery>.about-media:first-child,.mtd-page .about-gallery>.about-media:nth-child(2){margin:0}}.mtd-page .about-media{aspect-ratio:1;border:1px solid var(--mtd-line);background:var(--mtd-card);width:100%;box-shadow:var(--mtd-shadow-warm);border-radius:1.1rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.mtd-page .about-gallery>.about-media:first-child{margin-top:1.5rem;transform:none}.mtd-page .about-gallery>.about-media:first-child:hover{transform:translateY(-3px)}.mtd-page .about-gallery>.about-media:nth-child(2){margin-bottom:1.5rem;transform:none}.mtd-page .about-gallery>.about-media:nth-child(2):hover{transform:translateY(-3px)}.mtd-page .about-gallery:after{content:"";filter:blur(26px);z-index:-1;pointer-events:none;background:radial-gradient(at 30% 70%,#d3e6d08c 0%,#0000 55%);position:absolute;inset:-12% -14%}.mtd-page .about-video{object-fit:cover;width:100%;height:100%;display:block}.mtd-page .nala-button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;overflow:visible}.mtd-page .nala-button:focus-visible{outline:3px solid var(--mtd-accent);outline-offset:4px}.mtd-page .nala-clip{border-radius:inherit;width:100%;height:100%;display:block;overflow:hidden}.mtd-page .woof-bubble{font-family:var(--mtd-hand);color:var(--mtd-text-h);opacity:0;pointer-events:none;white-space:nowrap;z-index:5;background:#fff;border-radius:1.25rem;padding:.35rem 1rem .45rem;font-size:1.5rem;font-weight:700;transition:opacity .25s,transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;top:-2rem;left:50%;transform:translate(-50%,6px)rotate(-4deg)scale(.85);box-shadow:0 12px 20px -10px #78461e59,0 3px 6px #78461e1f}.mtd-page .woof-bubble:after{content:"";border:.5rem solid #0000;border-top-color:#fff;position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%)rotate(4deg)}.mtd-page .nala-button.woofing .woof-bubble{opacity:1;transform:translate(-50%)rotate(-4deg)scale(1)}.mtd-page .nala-button.woofing{animation:.55s cubic-bezier(.34,1.56,.64,1) mtd-nala-bounce}@keyframes mtd-nala-bounce{0%{transform:rotate(-2deg)scale(1)}40%{transform:rotate(-2deg)scale(1.04)translateY(-4px)}to{transform:rotate(-2deg)scale(1)}}.mtd-page .about-copy{justify-self:start;max-width:32rem}.mtd-page .about-copy h2{font-family:var(--mtd-display);letter-spacing:-.02em;color:var(--mtd-text-h);margin:.5rem 0 1.1rem;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.05}.mtd-page .accent-word{font-family:var(--mtd-display);color:var(--mtd-accent);letter-spacing:-.01em;font-size:1em;font-weight:700}.mtd-page .about-lead{font-family:var(--mtd-display);color:var(--mtd-text-h);margin:0 0 .85rem;font-size:1.2rem;font-weight:500;line-height:1.4}.mtd-page .about-body{color:var(--mtd-text);margin:0;font-size:1rem;line-height:1.65}.mtd-page .site-footer{border-top:1px dashed #78461e38;margin-top:3rem;padding:3rem 1.5rem 4rem}.mtd-page .footer-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;max-width:70rem;margin:0 auto;display:grid}@media (width<=780px){.mtd-page .footer-inner{text-align:center;grid-template-columns:1fr;justify-items:center;gap:1.5rem}}@media (width<=500px){.mtd-page .site-footer{margin-top:1.5rem;padding:2rem 1rem 2.5rem}.mtd-page .footer-mascot{width:4.25rem}.mtd-page .footer-sign{font-size:1.35rem}.mtd-page .footer-meta{font-size:.78rem}}.mtd-page .footer-mascot{aspect-ratio:1;background:var(--mtd-card);width:5rem;box-shadow:0 10px 18px -10px #78461e59, 0 2px 4px #78461e24, inset 0 0 0 3px var(--mtd-card);border-radius:999px;margin:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;transform:none}.mtd-page .footer-mascot:hover{transform:translateY(-2px)scale(1.03)}.mtd-page .footer-mascot-video{object-fit:cover;width:100%;height:100%;display:block}.mtd-page .footer-text{flex-direction:column;gap:.35rem;display:flex}.mtd-page .footer-sign{font-family:var(--mtd-hand);color:var(--mtd-text-h);margin:0;font-size:1.6rem;font-weight:700;line-height:1.1}.mtd-page .footer-meta{font-family:var(--mtd-sans);color:var(--mtd-text);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.85rem;display:flex}@media (width<=780px){.mtd-page .footer-meta{justify-content:center}}.mtd-page .footer-sep{color:var(--mtd-accent);font-weight:700}.mtd-page .font-sample{color:var(--mtd-text-h);font-weight:600}.mtd-page .font-sample-fredoka{font-family:var(--mtd-display)}.mtd-page .font-sample-caveat{font-family:var(--mtd-hand);font-size:1.1em}.mtd-page .font-sample-quicksand{font-family:var(--mtd-sans)}.mtd-page .footer-links{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.mtd-page .footer-links a{font-family:var(--mtd-display);color:var(--mtd-text-h);background:var(--mtd-card);border-radius:999px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s,box-shadow .2s;display:inline-block;box-shadow:0 3px 8px -3px #78461e33,0 1px 2px #78461e14}.mtd-page .footer-links a:hover{background:var(--mtd-accent);color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px -6px #3f7a3f73,0 2px 4px #78461e1a}@keyframes mtd-cover-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.mtd-page [data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.34,1.56,.64,1),transform .8s cubic-bezier(.34,1.56,.64,1);transform:translateY(24px)}.mtd-page [data-reveal][data-revealed]{opacity:1;transform:translateY(0)}.mtd-page [data-reveal][data-reveal-delay="1"]{transition-delay:.12s}.mtd-page [data-reveal][data-reveal-delay="2"]{transition-delay:.24s}.mtd-page .about-gallery[data-reveal]{transform:translateY(24px)}.mtd-page .about-gallery[data-reveal][data-revealed]{transform:translateY(0)}.mtd-page .work-media[data-reveal]{transform:translateY(24px)}.mtd-page .work-media[data-reveal][data-revealed]{transform:translateY(0)}.mtd-page .work-media[data-reveal][data-revealed]:hover{transform:translateY(-3px)}@keyframes mtd-pulse{0%,to{box-shadow:0 0 0 4px #3f7a3f40}50%{box-shadow:0 0 0 7px #3f7a3f1a}}@media (width<=900px){.mtd-page .page .hero.split-v2{text-align:center;grid-template-areas:none;gap:0;max-width:100%;min-height:auto;padding:4.25rem 1.25rem 2rem;display:block}.mtd-page .hero.split-v2 .cover-stage{justify-self:unset;width:min(19rem,78vw);margin:0 auto 1rem}.mtd-page .hero.split-v2 .cast-frame{aspect-ratio:4/5;border-radius:1.5rem;position:relative;transform:none}.mtd-page .hero.split-v2 .cast-me:hover .cast-frame{transform:translateY(-3px)}.mtd-page .hero.split-v2 .cast-frame:after{content:"";background:linear-gradient(to top, var(--mtd-bg) 0%, #fdf6eae0 40%, #fdf6ea59 75%, transparent 100%);pointer-events:none;z-index:1;border-radius:0 0 1.5rem 1.5rem;height:62%;position:absolute;inset:auto 0 0}.mtd-page .hero.split-v2 .cast-overlay{z-index:2;text-align:center;padding:0 .75rem;display:block;position:absolute;bottom:1rem;left:0;right:0}.mtd-page .cast-overlay-eyebrow{font-family:var(--mtd-hand);color:var(--mtd-accent);background:var(--mtd-accent-soft);border-radius:999px;align-items:center;gap:.45rem;margin:0 auto .5rem;padding:.25rem .85rem .3rem;font-size:1.05rem;font-weight:700;display:inline-flex;transform:rotate(-2deg);box-shadow:0 4px 10px -6px #3f7a3f66}.mtd-page .cast-overlay-name{font-family:var(--mtd-display);color:var(--mtd-text-h);letter-spacing:-.025em;flex-direction:column;margin:0;font-size:clamp(2.25rem,10vw,3.25rem);font-weight:700;line-height:.92;display:flex}.mtd-page .cast-overlay-name span{display:block}.mtd-page .cast-overlay-name span:nth-child(2){color:var(--mtd-accent)}.mtd-page .hero.split-v2 .cover-text>.eyebrow,.mtd-page .hero.split-v2 .cover-text>.cover-name,.mtd-page .hero.split-v2 .cover-text>.cover-squiggle{display:none}.mtd-page .hero.split-v2 .cover-text{text-align:center;align-items:unset;gap:0;width:100%;max-width:100%;margin:0 auto;padding:0;display:block}.mtd-page .hero.split-v2 .cover-text>*{text-align:center;margin-left:auto;margin-right:auto}.mtd-page .hero.split-v2 .cover-sub{flex-wrap:wrap;justify-content:center;gap:.35rem;max-width:24rem;margin:0 auto .75rem;font-size:.9rem;display:inline-flex}.mtd-page .hero.split-v2 .cover-bio{max-width:24rem;margin:0 auto;font-size:.95rem;line-height:1.55}.mtd-page .page .section.work{text-align:center;max-width:100%;padding:2.75rem 1.25rem 3rem;display:block}.mtd-page .section.work .work-copy{text-align:center;justify-self:unset;max-width:24rem;margin:0 auto 2rem}.mtd-page .section.work .work-copy>*{margin-left:auto;margin-right:auto}.mtd-page .section.work .work-copy .eyebrow{margin-bottom:.6rem;padding:.25rem .85rem .3rem;font-size:1rem;display:inline-flex}.mtd-page .section.work h2{margin:.25rem auto .6rem;font-size:clamp(1.4rem,5.5vw,1.85rem);line-height:1.1}.mtd-page .section.work .work-lead{max-width:22rem;margin:0 auto;font-size:.95rem;line-height:1.5}.mtd-page .section.work .work-body{display:none}.mtd-page .section.work .work-media{max-width:min(16.5rem,66vw);aspect-ratio:unset;justify-self:unset;background:#fff;border-radius:.4rem;margin:.5rem auto;padding:.55rem .55rem 1.85rem;position:relative;overflow:visible;transform:none;box-shadow:0 14px 26px -14px #78461e59,0 4px 8px -4px #78461e2e}.mtd-page .section.work .work-media:before{display:none}.mtd-page .section.work .work-media:hover{transform:translateY(-3px)}.mtd-page .section.work .work-media[data-reveal]{transform:translateY(24px)}.mtd-page .section.work .work-media[data-reveal][data-revealed]{transform:translateY(0)}.mtd-page .section.work .work-media[data-reveal][data-revealed]:hover{transform:translateY(-3px)}.mtd-page .section.work .work-media:after{content:"sketch to store";text-align:center;font-family:var(--mtd-hand);color:var(--mtd-text);letter-spacing:.01em;font-size:1rem;font-weight:700;position:absolute;bottom:.45rem;left:0;right:0}.mtd-page .section.work .work-video{aspect-ratio:1;border-radius:.25rem;width:100%;height:auto;display:block}.mtd-page .page .section.about{text-align:center;max-width:100%;padding:2.75rem 1.25rem 3.25rem;display:block}.mtd-page .section.about .about-copy{text-align:center;justify-self:unset;max-width:24rem;margin:0 auto 2.25rem}.mtd-page .section.about .about-copy>*{margin-left:auto;margin-right:auto}.mtd-page .section.about .about-copy .eyebrow{margin-bottom:.6rem;padding:.25rem .85rem .3rem;font-size:1rem;display:inline-flex}.mtd-page .section.about h2{margin:.25rem auto .6rem;font-size:clamp(1.4rem,5.5vw,1.85rem);line-height:1.1}.mtd-page .section.about .about-lead{max-width:22rem;margin:0 auto;font-size:.95rem;line-height:1.5}.mtd-page .section.about .about-body{display:none}.mtd-page .section.about .about-gallery{grid-template-columns:unset;grid-template-rows:unset;justify-content:center;align-items:flex-start;gap:0;justify-self:unset;flex-direction:row;max-width:min(24rem,92vw);margin:.5rem auto;display:flex}.mtd-page .section.about .about-gallery:after{display:none}.mtd-page .section.about .about-gallery>.about-media:first-child{aspect-ratio:unset;z-index:2;background:#fff;border-radius:.4rem;flex:0 0 54%;margin:0;padding:.5rem .5rem 1.6rem;position:relative;transform:none;box-shadow:0 12px 22px -12px #78461e66,0 3px 6px -3px #78461e26}.mtd-page .section.about .about-gallery>.about-media:first-child:hover{transform:translateY(-3px)}.mtd-page .section.about .about-gallery>.about-media:nth-child(2){aspect-ratio:unset;z-index:1;background:#fff;border-radius:.4rem;flex:0 0 48%;margin:1.75rem 0 0 -1.25rem;padding:.5rem .5rem 1.6rem;position:relative;overflow:hidden;transform:none;box-shadow:0 12px 22px -12px #78461e66,0 3px 6px -3px #78461e26}.mtd-page .section.about .about-gallery>.about-media:nth-child(2):hover{transform:translateY(-3px)}.mtd-page .section.about .about-gallery>.about-media:first-child:after{content:"Nala";text-align:center;font-family:var(--mtd-hand);color:var(--mtd-text);font-size:1rem;font-weight:700;position:absolute;bottom:.4rem;left:0;right:0}.mtd-page .section.about .about-gallery>.about-media:nth-child(2):after{content:"side quests";text-align:center;font-family:var(--mtd-hand);color:var(--mtd-text);font-size:.95rem;font-weight:700;position:absolute;bottom:.4rem;left:0;right:0}.mtd-page .section.about .about-video,.mtd-page .section.about .nala-clip{aspect-ratio:1;border-radius:.25rem;width:100%;height:auto;display:block}.mtd-page .section.about .nala-clip{overflow:hidden}.mtd-page .section.about .woof-bubble{padding:.25rem .7rem .3rem;font-size:1rem;top:-1.4rem}.mtd-page .nala-button.woofing{animation:.55s cubic-bezier(.34,1.56,.64,1) mtd-nala-bounce-flat}.mtd-page .woof-bubble{padding:.25rem .75rem .3rem;font-size:1.1rem;top:-1.6rem}.mtd-page .site-footer .footer-mascot{transform:none}.mtd-page .site-footer .footer-mascot:hover{transform:translateY(-2px)scale(1.03)}}@keyframes mtd-nala-bounce-flat{0%{transform:scale(1)}40%{transform:scale(1.05)translateY(-4px)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mtd-page *,.mtd-page :before,.mtd-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mtd-page [data-reveal],.mtd-page [data-reveal][data-revealed]{opacity:1;transform:none!important}}@media (width<=420px){.mtd-page .page .hero.split-v2{padding:3.75rem 1rem 1.75rem}.mtd-page .hero.split-v2 .cover-stage{width:min(13.5rem,58vw);margin-bottom:1rem}.mtd-page .hero.split-v2 .cover-name{font-size:clamp(2.1rem,10.5vw,2.75rem)}.mtd-page .hero.split-v2 .cover-bio{font-size:.88rem}.mtd-page .page .section.work,.mtd-page .page .section.about{padding:2.25rem 1rem 2.75rem}.mtd-page .section.work h2,.mtd-page .section.about h2{font-size:clamp(1.25rem,6vw,1.6rem)}.mtd-page .section.work .work-lead,.mtd-page .section.about .about-lead{font-size:.9rem}.mtd-page .section.work .work-media{max-width:min(15rem,70vw)}.mtd-page .section.about .about-gallery{max-width:min(21rem,92vw)}.mtd-page .section.about .about-gallery>.about-media:nth-child(2){margin-top:1.5rem;margin-left:-1rem}.mtd-page .cast-overlay-name{font-size:clamp(2rem,10vw,2.75rem)}}.mtd-page .section.skills{box-sizing:border-box;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:80rem;margin:0 auto;padding:5rem 2rem;display:flex;position:relative}@media (width<=900px){.mtd-page .section.skills{gap:1.5rem;padding:3rem 1.25rem}}.mtd-page .section.skills:before{content:"";filter:blur(30px);z-index:-1;pointer-events:none;background:radial-gradient(at 50% 60%,#d3e6d073 0%,#0000 65%);position:absolute;inset:30% 5% 0}.mtd-page .skills-head{text-align:center;flex-direction:column;align-items:center;gap:.9rem;max-width:38rem;display:flex}.mtd-page .skills-title{font-family:var(--mtd-display);letter-spacing:-.02em;color:var(--mtd-text-h);margin:.25rem 0 0;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.05}.mtd-page .skills-lead{font-family:var(--mtd-display);color:var(--mtd-text-h);max-width:32rem;margin:0;font-size:1.15rem;font-weight:500;line-height:1.45}.mtd-page .skills-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem .7rem;max-width:60rem;margin:.5rem 0 0;padding:.5rem 0;list-style:none;display:flex}.mtd-page .skills-pill{font-family:var(--mtd-display);color:var(--mtd-text-h);background:var(--mtd-card);cursor:default;white-space:nowrap;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem 1rem .55rem .85rem;font-size:.95rem;font-weight:500;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 10px -4px #78461e33,0 1px 2px #78461e14}.mtd-page .skills-pill[data-tilted]{transform:rotate(var(--skill-tilt,0deg))}.mtd-page .skills-pill:hover{transform:translateY(-2px) rotate(var(--skill-tilt,0deg));color:#fff;background:#ff8a6b;box-shadow:0 10px 20px -6px #ff8a6b8c,0 2px 4px #78461e1a}.mtd-page .skills-pill:hover .skills-dot{box-shadow:0 0 0 2px #ffffffe6,0 0 0 3px}.mtd-page .skills-dot{border-radius:999px;flex-shrink:0;width:.55rem;height:.55rem;transition:box-shadow .2s;box-shadow:0 0 0 2px #ffffffd9}.mtd-page .skills-name{padding-bottom:.05rem;line-height:1;display:inline-block}.mtd-page .skills-pills[data-reveal]{transform:translateY(24px)}.mtd-page .skills-pills[data-reveal][data-revealed]{transform:translateY(0)}.mtd-page .section.projects{box-sizing:border-box;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:80rem;margin:0 auto;padding:5rem 2rem 4rem;display:flex;position:relative}@media (width<=900px){.mtd-page .section.projects{gap:1.75rem;padding:3rem 1.25rem}}.mtd-page .projects-head{text-align:center;flex-direction:column;align-items:center;gap:.9rem;max-width:42rem;display:flex}.mtd-page .projects-title{font-family:var(--mtd-display);letter-spacing:-.02em;color:var(--mtd-text-h);margin:.25rem 0 0;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.05}.mtd-page .projects-lead{font-family:var(--mtd-display);color:var(--mtd-text-h);max-width:36rem;margin:0;font-size:1.15rem;font-weight:500;line-height:1.45}.mtd-page .projects-cta{margin-top:.35rem}.mtd-page .projects-carousel{width:100%;max-width:72rem}.mtd-page .projects-carousel:focus-visible{outline:3px solid color-mix(in srgb, var(--mtd-accent) 82%, white);outline-offset:.75rem;border-radius:1.5rem}.mtd-page .carousel-viewport{touch-action:pan-y;width:100%;transition:height .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.mtd-page .carousel-track{will-change:transform;align-items:flex-start;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.mtd-page .carousel-slide{box-sizing:border-box;flex:0 0 100%;justify-content:center;align-items:center;min-width:100%;padding:1.5rem 1rem;display:flex}.mtd-page .project--shot{grid-template-columns:1fr 1fr;align-items:center;gap:3.5rem;width:100%;max-width:62rem;margin:0 auto;display:grid}.mtd-page .project--macbook{text-align:center;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:60rem;margin:0 auto;display:flex}@media (width<=900px){.mtd-page .project--shot{text-align:center;flex-direction:column;align-items:center;gap:1.75rem;display:flex}.mtd-page .project--shot .project-media{order:-1}}.mtd-page .project-media--shot{justify-content:center;align-items:center;padding:1.5rem 0;display:flex;position:relative}.mtd-page .project-media--shot:before{content:"";filter:blur(34px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#d3e6d0a6 0%,#0000 70%);width:72%;height:62%;margin:auto;position:absolute;inset:0}.mtd-page .shot-stack{aspect-ratio:1284/2778;width:min(12.5rem,44vw);position:relative}.mtd-page .shot{background:#fff;border-radius:1.1rem;margin:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0;overflow:hidden;box-shadow:0 26px 50px -26px #2b1f1766,0 8px 18px -12px #2b1f1738}.mtd-page .shot:first-child,.mtd-page .shot:nth-child(3){box-shadow:0 16px 32px -22px #2b1f1752}.mtd-page .shot img{object-fit:cover;width:100%;height:100%;display:block}.mtd-page .shot:first-child{z-index:1;filter:brightness(.97);transform:translate(-34%,5%)scale(.86)}.mtd-page .shot:nth-child(2){z-index:3;transform:none}.mtd-page .shot:nth-child(3){z-index:2;filter:brightness(.98);transform:translate(34%,4%)scale(.88)}.mtd-page .project-media--shot:hover .shot:first-child{transform:translate(-40%,4%)scale(.86)}.mtd-page .project-media--shot:hover .shot:nth-child(2){transform:translateY(-4px)}.mtd-page .project-media--shot:hover .shot:nth-child(3){transform:translate(40%,3%)scale(.88)}.mtd-page .project-media--macbook{justify-content:center;align-items:center;width:100%;display:flex}.mtd-page .macbook{width:min(46rem,100%);transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:relative;transform:none}.mtd-page .project-media--macbook:hover .macbook{transform:translateY(-4px)}.mtd-page .macbook:before{content:"";filter:blur(32px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#d3e6d080 0%,#0000 70%);width:46%;height:72%;position:absolute;inset:-16% -8% auto auto}.mtd-page .macbook-screen{background:#0c0c0e;border-radius:.95rem .95rem .16rem .16rem;padding:.8rem .8rem .9rem;position:relative;box-shadow:0 30px 55px -30px #2b1f1780,0 12px 24px -16px #2b1f1747,inset 0 0 0 1px #ffffff0d}.mtd-page .macbook-camera{background:#26262b;border-radius:999px;width:.26rem;height:.26rem;position:absolute;top:.34rem;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff12}.mtd-page .macbook-screen img{border-radius:.12rem;width:100%;height:auto;display:block}.mtd-page .macbook-base{background:linear-gradient(#dcd9d4 0%,#c4c0b9 48%,#a8a39b 100%);border-radius:0 0 .7rem .7rem;width:114%;height:.95rem;margin-left:-7%;position:relative;box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 2px #0000001a}.mtd-page .macbook-base:after{content:"";filter:blur(6px);z-index:-1;background:radial-gradient(at 50% 0,#2b1f1738 0%,#0000 72%);height:.85rem;position:absolute;bottom:-.6rem;left:10%;right:10%}.mtd-page .macbook-notch{background:linear-gradient(#a8a39b,#b8b3ab);border-radius:0 0 .5rem .5rem;width:12%;height:.4rem;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 -1px 1px #00000029}.mtd-page .project-copy{max-width:32rem}.mtd-page .project--macbook .project-copy{max-width:42rem}.mtd-page .project-for{font-family:var(--mtd-hand);color:var(--mtd-accent);margin:0 0 .35rem;font-size:1.3rem;font-weight:700;line-height:1.15}.mtd-page .project-brand{align-items:center;gap:.9rem;margin-bottom:1.1rem;display:flex}.mtd-page .project--macbook .project-brand,.mtd-page .project--macbook .project-chips,.mtd-page .project--macbook .project-links{justify-content:center}@media (width<=900px){.mtd-page .project--shot .project-brand,.mtd-page .project--shot .project-chips,.mtd-page .project--shot .project-links{justify-content:center}}.mtd-page .project-icon{background:#f3e6d4;border-radius:.85rem;flex-shrink:0;width:3.4rem;height:3.4rem;box-shadow:inset 0 0 0 1px #2b1f1729,0 6px 14px -6px #78461e59,0 1px 2px #78461e1a}.mtd-page .project-name{font-family:var(--mtd-display);letter-spacing:-.01em;color:var(--mtd-text-h);margin:0 0 .4rem;font-size:1.7rem;font-weight:600}.mtd-page .project-chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.mtd-page .project-chips li{font-family:var(--mtd-sans);letter-spacing:.03em;text-transform:uppercase;color:var(--mtd-accent);background:var(--mtd-accent-soft);border-radius:999px;padding:.22rem .6rem;font-size:.72rem;font-weight:600}.mtd-page .project-tagline{font-family:var(--mtd-display);color:var(--mtd-text-h);margin:0 0 .7rem;font-size:1.35rem;font-weight:600;line-height:1.3}.mtd-page .project-blurb{color:var(--mtd-text);margin:0 0 1.4rem;font-size:1rem;line-height:1.65}.mtd-page .project-links{flex-wrap:wrap;gap:.7rem;display:flex}.mtd-page .project-link{font-family:var(--mtd-display);color:var(--mtd-text-h);background:var(--mtd-card);border-radius:999px;align-items:center;gap:.35rem;padding:.55rem 1.1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 10px -4px #78461e33,0 1px 2px #78461e14}.mtd-page .project-link:hover{transform:translateY(-2px);box-shadow:0 10px 20px -6px #78461e4d,0 2px 4px #78461e1a}.mtd-page .project-link--primary{color:#fff;background:var(--mtd-accent)}.mtd-page .project-link--primary:hover{background:#356b35;box-shadow:0 12px 22px -6px #3f7a3f8c,0 2px 4px #78461e1f}.mtd-page .project-link-arrow{opacity:.7;font-size:.9em;transition:transform .2s}.mtd-page .project-link:hover .project-link-arrow{transform:translate(1px,-1px)}.mtd-page .project-note{font-family:var(--mtd-hand);color:var(--mtd-accent);margin:0;font-size:1.3rem;transform:none}.mtd-page .carousel-controls{justify-content:center;align-items:center;gap:1.25rem;margin-top:.5rem;display:flex}.mtd-page .carousel-arrow{background:var(--mtd-card);width:2.9rem;height:2.9rem;color:var(--mtd-text-h);font-family:var(--mtd-display);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0 0 .15rem;font-size:1.5rem;line-height:1;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s;display:inline-flex;box-shadow:0 5px 12px -4px #78461e47,0 1px 2px #78461e1a}.mtd-page .carousel-arrow:hover{background:var(--mtd-accent);color:#fff;transform:translateY(-2px)}.mtd-page .carousel-arrow:active{transform:translateY(0)}.mtd-page .carousel-dots{align-items:center;gap:.5rem;display:inline-flex}.mtd-page .carousel-dot{cursor:pointer;background:#6b5a4b47;border:none;border-radius:999px;width:.6rem;height:.6rem;padding:0;transition:width .3s cubic-bezier(.34,1.56,.64,1),background .25s}.mtd-page .carousel-dot:hover{background:#3f7a3f8c}.mtd-page .carousel-dot.is-active{background:var(--mtd-accent);width:1.7rem}.mtd-page .visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mtd-page .portfolio-hero{box-sizing:border-box;width:100%;max-width:80rem;margin:0 auto;padding:4.75rem clamp(1.25rem,4vw,2.5rem) 0;position:relative}.mtd-page .portfolio-intro{text-align:center;flex-direction:column;align-items:center;max-width:52rem;margin:0 auto;display:flex}.mtd-page .portfolio-intro .cover-squiggle{width:min(16rem,70%);margin:.35rem auto 0}.mtd-page .portfolio-title{font-family:var(--mtd-display);letter-spacing:-.03em;color:var(--mtd-text-h);margin:.2rem 0 0;font-size:clamp(2.3rem,5vw,3.6rem);font-weight:700;line-height:1.02}.mtd-page .portfolio-sub{font-family:var(--mtd-display);color:var(--mtd-text-h);max-width:36rem;margin:.65rem 0 0;font-size:1.05rem;font-weight:500;line-height:1.4}.mtd-page .stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;width:100%;margin:1rem 0 0;padding:0;list-style:none;display:grid}.mtd-page .stat-row li{background:var(--mtd-card);border-radius:1rem;padding:.7rem .55rem .65rem;box-shadow:0 10px 22px -16px #78461e73,0 1px 2px #78461e14}.mtd-page .stat-row strong{font-family:var(--mtd-display);color:var(--mtd-accent);letter-spacing:-.03em;font-size:clamp(1.45rem,2.4vw,1.85rem);font-weight:700;line-height:1;display:block}.mtd-page .stat-row span{font-family:var(--mtd-sans);color:var(--mtd-text);margin-top:.3rem;font-size:.75rem;line-height:1.3;display:block}.mtd-page .portfolio-tabs{flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:1rem;display:flex}.mtd-page .portfolio-tabs button{font-family:var(--mtd-display);color:var(--mtd-text-h);background:var(--mtd-card);border:1px solid var(--mtd-line);cursor:pointer;border-radius:999px;padding:.5rem 1.15rem;font-size:.95rem;font-weight:600;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s;box-shadow:0 4px 10px -4px #78461e33,0 1px 2px #78461e14}.mtd-page .portfolio-tabs button:hover,.mtd-page .portfolio-tabs button[aria-selected=true]{background:var(--mtd-accent);color:#fff;transform:translateY(-2px)}.mtd-page .portfolio-panel{box-sizing:border-box;width:100%;max-width:80rem;margin:0 auto;padding:1.15rem clamp(1.25rem,4vw,2.5rem) .5rem}.mtd-page .portfolio-anchor,.mtd-page .mini-card,.mtd-page .tool-card,.mtd-page .icon-strip,.mtd-page .panel-head{scroll-margin-top:1rem}.mtd-page .panel-head{text-align:center;margin-bottom:.85rem}.mtd-page .panel-head h2{font-family:var(--mtd-display);letter-spacing:-.02em;color:var(--mtd-text-h);margin:0;font-size:clamp(1.45rem,2.6vw,2rem);font-weight:600;line-height:1.15}.mtd-page .mini-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:.75rem;display:grid}.mtd-page .mini-card,.mtd-page .tool-card{background:var(--mtd-card);border-radius:1.25rem;min-width:0;box-shadow:0 14px 28px -20px #2b1f1766,0 1px 2px #78461e14}.mtd-page .mini-card{flex-direction:column;gap:.65rem;padding:.75rem .75rem .85rem;display:flex}.mtd-page .mini-wide{aspect-ratio:16/10;background:#f3e6d4;border-radius:.9rem;flex:none;width:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #2b1f171f}.mtd-page .mini-wide img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.mtd-page .mini-grid--personal{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.mtd-page .mini-phone{background:#2b1f17;border-radius:1rem;flex:none;width:6.1rem;height:10.4rem;margin:0 auto;overflow:hidden;box-shadow:0 10px 18px -12px #2b1f178c,inset 0 0 0 2px #2b1f17}.mtd-page .mini-phone img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.mtd-page .mini-body{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:.45rem;min-width:0;display:flex}.mtd-page .mini-brand{align-items:center;gap:.45rem;min-width:0;display:flex}.mtd-page .mini-icon{background:#f3e6d4;border-radius:.5rem;flex:none;width:1.85rem;height:1.85rem;box-shadow:inset 0 0 0 1px #2b1f1729}.mtd-page .mini-brand h3{font-family:var(--mtd-display);letter-spacing:-.02em;color:var(--mtd-text-h);margin:0;font-size:1.02rem;font-weight:600;line-height:1.15}.mtd-page .mini-tagline{font-family:var(--mtd-display);color:var(--mtd-text-h);margin:0;font-size:.92rem;font-weight:600;line-height:1.3}.mtd-page .mini-card .project-chips li,.mtd-page .tool-card .project-chips li{padding:.16rem .45rem;font-size:.62rem}.mtd-page .mini-links,.mtd-page .tool-card .project-links,.mtd-page .tool-card>.mini-body>.project-link{margin-top:.15rem}.mtd-page .mini-card .project-link,.mtd-page .tool-card .project-link{padding:.38rem .8rem;font-size:.82rem}.mtd-page button.project-link{cursor:pointer;border:0}.mtd-page .mini-more{border-top:1px dashed #78461e33;width:100%;margin-top:auto;padding-top:.45rem}.mtd-page .mini-more summary{cursor:pointer;font-family:var(--mtd-display);color:var(--mtd-accent);font-size:.82rem;font-weight:600;list-style:none}.mtd-page .mini-more summary::-webkit-details-marker{display:none}.mtd-page .mini-more summary:after{content:" +"}.mtd-page .mini-more[open] summary:after{content:" –"}.mtd-page .mini-more p,.mtd-page .mini-for{font-family:var(--mtd-sans);color:var(--mtd-text);margin:.45rem 0 0;font-size:.84rem;line-height:1.5}.mtd-page .mini-for{font-family:var(--mtd-display);color:var(--mtd-text-h);font-weight:600}.mtd-page .icon-strip{background:var(--mtd-card);border-radius:1.15rem;margin-top:.8rem;padding:.55rem .7rem .6rem;box-shadow:0 14px 28px -20px #2b1f1766,0 1px 2px #78461e14}.mtd-page .icon-strip summary{cursor:pointer;align-items:center;gap:.75rem;min-width:0;list-style:none;display:flex}.mtd-page .icon-strip summary::-webkit-details-marker{display:none}.mtd-page .icon-strip-row{flex:1;gap:.3rem;min-width:0;display:flex;overflow:hidden}.mtd-page .icon-strip[open] .icon-strip-row{display:none}.mtd-page .icon-strip-row img,.mtd-page .app-grid img,.mtd-page .mini-icon{background:#f3e6d4;box-shadow:inset 0 0 0 1px #2b1f1729}.mtd-page .icon-strip-row img{object-fit:cover;border-radius:.45rem;flex:none;width:1.85rem;height:1.85rem}.mtd-page .icon-strip-label{font-family:var(--mtd-display);color:var(--mtd-text-h);white-space:nowrap;font-size:.95rem;font-weight:600}.mtd-page .icon-strip-label:before{content:"+ ";color:var(--mtd-accent)}.mtd-page .icon-strip[open] .icon-strip-label:before{content:"– "}.mtd-page .icon-strip-lead{font-family:var(--mtd-sans);color:var(--mtd-text);max-width:52rem;margin:.65rem .2rem .75rem;font-size:.88rem;line-height:1.5}.mtd-page .app-grid,.mtd-page .site-grid{gap:.55rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.mtd-page .app-grid{grid-template-columns:repeat(auto-fill,minmax(5.6rem,1fr))}.mtd-page .site-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.mtd-page .app-grid a,.mtd-page .site-grid a{text-align:center;color:var(--mtd-text-h);background:#f6ead8;border-radius:.9rem;flex-direction:column;align-items:center;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:inset 0 0 0 1px #2b1f171a}.mtd-page .site-grid a{background:var(--mtd-card);border-radius:1.05rem;align-items:stretch;overflow:hidden;box-shadow:0 14px 28px -20px #2b1f1766,0 1px 2px #78461e14}.mtd-page .app-grid a{box-sizing:border-box;gap:.4rem;height:100%;padding:.55rem .35rem .5rem}.mtd-page .app-grid a:hover,.mtd-page .site-grid a:hover{transform:translateY(-3px)}.mtd-page .app-grid img{border-radius:.6rem;width:2.35rem;height:2.35rem}.mtd-page .app-grid span,.mtd-page .site-grid span{font-family:var(--mtd-display);letter-spacing:-.01em;font-weight:600;line-height:1.2}.mtd-page .app-grid span{font-size:.7rem}.mtd-page .site-grid img{aspect-ratio:16/10;object-fit:cover;object-position:top center;width:100%;display:block}.mtd-page .site-grid span{padding:.55rem .7rem .7rem;font-size:.95rem}.portfolio-page .site-footer{margin-top:1.25rem;padding-top:1.75rem;padding-bottom:2rem}.mtd-page .fan-stack{flex-direction:column;gap:2.25rem;width:100%;display:flex}.mtd-page .mbp{width:100%;max-width:40rem;margin:0 auto}.mtd-page .mbp-lid{background:#141416;border-radius:.95rem .95rem .12rem .12rem;width:91%;margin:0 auto;padding:.55rem .55rem .42rem;position:relative;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #fff3}.mtd-page .mbp-notch{z-index:2;background:#141416;border-radius:0 0 .45rem .45rem;width:20%;height:.82rem;position:absolute;top:.55rem;left:50%;transform:translate(-50%);box-shadow:0 1px #ffffff0f}.mtd-page .mbp-notch:after{content:"";background:radial-gradient(circle at 35% 35%,#3a3a40,#0a0a0c 70%);border-radius:999px;width:.28rem;height:.28rem;position:absolute;top:.22rem;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff29}.mtd-page .mbp-screen{background:#000;border-radius:.18rem;overflow:hidden}.mtd-page .mbp-screen img{width:100%;height:auto;display:block}.mtd-page .mbp-hinge{background:linear-gradient(#8d8983 0%,#4a4744 42%,#2a2826 50%,#6d6964 100%);width:91%;height:.32rem;margin:0 auto}.mtd-page .mbp-base{background:linear-gradient(#f3f1ed 0%,#d8d4cc 42%,#b7b2aa 100%);border-radius:0 0 .8rem .8rem;height:.95rem;margin:0;position:relative;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px 1px #00000024,0 10px 16px -12px #2b1f1773}.mtd-page .mbp-base:before{content:"";background:linear-gradient(#b5b1a9,#d2cec7);border-radius:0 0 .4rem .4rem;width:13%;height:.32rem;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (width<=1100px){.mtd-page .mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1023px){.mtd-page .site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.mtd-page .site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mtd-page .portfolio-hero{padding-top:4.25rem}.mtd-page .portfolio-sub{font-size:.98rem}}@media (width<=640px){.mtd-page .site-grid{grid-template-columns:1fr}.mtd-page .mini-grid{grid-template-columns:1fr 1fr}.mtd-page .mini-phone{width:4.6rem;height:8rem}.mtd-page .mini-grid--personal{grid-template-columns:1fr}.mtd-page .mini-card{padding:.6rem .55rem .7rem}.mtd-page .mini-brand h3{font-size:.92rem}.mtd-page .site-grid{gap:.5rem}}.mtd-page .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1.15rem;width:100%;display:grid}.mtd-page .card-grid .project--shot,.mtd-page .card-grid .project--macbook{text-align:center;box-sizing:border-box;background:var(--mtd-card);border:1px solid var(--mtd-line);border-radius:1.1rem;flex-direction:column;align-items:center;gap:.15rem;width:100%;min-width:0;max-width:none;height:100%;margin:0;padding:.35rem 1rem 1.15rem;display:flex;overflow:hidden;box-shadow:0 14px 28px -20px #2b1f1766,0 1px 2px #78461e14}.mtd-page .card-grid .project-media--shot{width:100%;padding:.85rem 0 .35rem}.mtd-page .card-grid .shot-stack{width:min(7.4rem,36%)}.mtd-page .card-grid .shot{border-radius:1.05rem}.mtd-page .card-grid .shot:first-child{transform:translate(-26%,4%)scale(.82)}.mtd-page .card-grid .shot:nth-child(3){transform:translate(26%,3%)scale(.84)}.mtd-page .card-grid .project-media--shot:hover .shot:first-child{transform:translate(-32%,3%)scale(.82)}.mtd-page .card-grid .project-media--shot:hover .shot:nth-child(3){transform:translate(32%,2%)scale(.84)}.mtd-page .card-grid .project-copy{flex-direction:column;flex:1;align-items:center;width:100%;max-width:32rem;display:flex}.mtd-page .card-grid .project-for{margin-bottom:.2rem;font-size:1.12rem}.mtd-page .card-grid .project-brand,.mtd-page .card-grid .project-chips,.mtd-page .card-grid .project-links{justify-content:center}.mtd-page .card-grid .project-brand{gap:.7rem;margin-bottom:.65rem}.mtd-page .card-grid .project-icon{border-radius:.7rem;width:2.5rem;height:2.5rem}.mtd-page .card-grid .project-name{font-size:1.35rem}.mtd-page .card-grid .project-tagline{margin-bottom:.45rem;font-size:1.08rem}.mtd-page .card-grid .project-blurb{margin-bottom:.9rem;font-size:.92rem;line-height:1.5}.mtd-page .card-grid .project-links{margin-top:auto}.mtd-page .card-grid .project-link:not(.project-link--primary){background:var(--mtd-bg-soft)}.mtd-page .card-grid .project--macbook{container-type:inline-size}.mtd-page .card-grid .project-media--macbook{box-sizing:content-box;justify-content:center;align-items:flex-end;width:100%;height:calc(2.16355*min(7.4rem,36cqi));padding:.85rem 0 .35rem;display:flex}.mtd-page .card-grid .mbp{width:min(100%,28.1rem);max-width:100%;margin:0 auto}@media (width<=420px){.mtd-page .portfolio-title{font-size:clamp(2rem,9vw,2.4rem)}.mtd-page .stat-row{gap:.4rem}.mtd-page .stat-row span{font-size:.68rem}}@media (width<=640px){.mtd-page .card-grid{grid-template-columns:1fr}.mtd-page .card-grid .shot-stack{width:min(8.2rem,40vw)}.mtd-page .card-grid .project-media--macbook{height:auto}}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html,body{background-color:#fdf6ea}*{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{scrollbar-width:thin;scrollbar-color:#fff3 #ffffff0d}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.scroll-smooth{scroll-behavior:smooth}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.paused{animation-play-state:paused}