@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#2e2933;background:#eee9f0;font-synthesis:none;--ink: #2e2933;--muted: #7b7280;--paper: #fffefd;--purple: #40244f;--pink: #ff6ca3;--line: rgba(46, 41, 51, .13);--cover-tilt-x: 0deg;--cover-tilt-y: 0deg}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#eee9f0;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid rgba(255,108,163,.55);outline-offset:3px}.app-shell{min-height:100vh}.reading-progress{position:fixed;z-index:120;top:0;left:0;width:100%;height:4px;background:var(--pink);transform-origin:left}.toolbar{position:fixed;z-index:100;top:4px;left:0;right:0;height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;color:#fff;background:#2f1b3be6;border-bottom:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wordmark,.toolbar-actions button,.page-meta button,.back-to-top,.lightbox-bar button{border:0;background:transparent;cursor:pointer}.wordmark{display:flex;align-items:baseline;gap:12px;width:max-content;padding:0;color:#fff}.wordmark strong{font-size:20px;letter-spacing:-.08em}.wordmark span{font-size:9px;letter-spacing:.2em;opacity:.56}.current-page{display:flex;gap:12px;align-items:center;color:#ffffffc2;font-size:12px;letter-spacing:.08em}.current-page span{font-variant-numeric:tabular-nums;color:#ffc2d8}.toolbar-actions{justify-self:end;display:flex;gap:8px}.toolbar-actions button{padding:9px 13px;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:11px}.toolbar-actions button,.wordmark{transition:transform .2s ease,border-color .2s ease,background .2s ease}.toolbar-actions button:hover{transform:translateY(-1px);border-color:#ffffff9e;background:#ffffff14}.wordmark:hover{transform:translate(3px)}.page-index{position:fixed;z-index:90;top:86px;right:18px;width:min(330px,calc(100vw - 36px));max-height:calc(100vh - 106px);overflow:auto;padding:18px;border:1px solid rgba(255,255,255,.55);border-radius:24px;background:#fffefdf2;box-shadow:0 28px 80px #2e1d3438;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;transform:translateY(-10px) scale(.98);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.page-index.is-open{opacity:1;transform:none;pointer-events:auto}.page-index p{margin:2px 8px 12px;color:var(--muted);font-size:9px;letter-spacing:.22em}.page-index button{width:100%;display:flex;align-items:center;gap:12px;padding:9px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.page-index button span{width:24px;color:var(--muted);font-size:10px}.page-index button b{font-size:13px;font-weight:500}.page-index button:hover,.page-index button.is-active{color:#a13e78;padding-left:13px}.page-index small{display:block;margin:16px 8px 2px;color:var(--muted);font-size:10px;line-height:1.7}.portfolio-intro{position:relative;width:min(1220px,calc(100% - 44px));min-height:880px;margin:0 auto;padding:146px 0 108px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);align-items:center;gap:clamp(48px,7vw,110px);scroll-margin-top:0}.intro-copy{position:relative;z-index:2}.intro-eyebrow{margin:0 0 28px;color:#a13e78;font-size:11px;font-weight:700;letter-spacing:.2em}.intro-name{margin:0 0 16px;color:var(--muted);font-size:14px;letter-spacing:.08em}.intro-copy h1{max-width:700px;margin:0;color:var(--ink);font-size:clamp(50px,5.2vw,78px);font-weight:600;line-height:1.08;letter-spacing:-.075em}.intro-summary{max-width:620px;margin:30px 0 0;color:#665e69;font-size:15px;line-height:1.9}.intro-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.intro-actions button{min-width:126px;padding:13px 20px;border-radius:999px;cursor:pointer;font-size:12px;transition:transform .22s ease,box-shadow .22s ease,color .22s ease,background .22s ease}.intro-actions button:hover{transform:translateY(-3px)}.primary-action{border:1px solid var(--purple);background:var(--purple);color:#fff;box-shadow:0 14px 30px #40244f2e}.secondary-action{border:1px solid rgba(64,36,79,.25);background:#ffffff75;color:var(--purple)}.secondary-action:hover{background:#fff;box-shadow:0 14px 30px #40244f1a}.intro-directions{display:grid;grid-template-columns:repeat(3,1fr);max-width:610px;margin:58px 0 0;border-top:1px solid var(--line)}.intro-directions div{padding:18px 18px 0 0}.intro-directions div+div{padding-left:18px;border-left:1px solid var(--line)}.intro-directions dt{color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.08em}.intro-directions dd{margin:6px 0 0;color:var(--muted);font-size:10px}.intro-cover{position:relative;display:block;width:100%;padding:0;border:0;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 42px 100px #40244f3b;cursor:pointer;transform:perspective(1100px) rotateX(var(--cover-tilt-x)) rotateY(var(--cover-tilt-y));transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .3s ease}.intro-cover:hover{box-shadow:0 48px 110px #40244f4d}.intro-cover img{display:block;width:100%;height:auto}.intro-cover span{position:absolute;top:18px;right:18px;padding:9px 12px;border-radius:999px;background:#2f1b3bdb;color:#fff;font-size:9px;letter-spacing:.13em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.intro-scroll-note{position:absolute;left:0;bottom:34px;margin:0;color:#2e293366;font-size:9px;letter-spacing:.18em}.document{width:min(1220px,calc(100% - 44px));margin:0 auto;padding:26px 0 140px}.document-page{scroll-margin-top:96px;margin:0 0 64px;opacity:.16;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.document-page.is-visible{opacity:1;transform:none}.page-meta{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 4px 14px}.page-meta div{display:flex;align-items:baseline;gap:14px}.page-meta span{color:var(--muted);font-size:10px;letter-spacing:.15em}.page-meta h2{margin:0;font-size:17px;letter-spacing:-.03em}.page-meta button{padding:6px 0;border-bottom:1px solid currentColor;color:var(--muted);font-size:11px}.page-canvas{position:relative;width:100%;overflow:hidden;border:1px solid rgba(49,37,53,.08);border-radius:18px;background:var(--paper);box-shadow:0 26px 70px #4c39511a;transition:transform .35s ease,box-shadow .35s ease}.document-page:hover .page-canvas{transform:translateY(-4px);box-shadow:0 34px 86px #4c395129}.page-artwork{display:block;width:100%;height:auto}.embedded-media{position:absolute;z-index:2;display:block;overflow:hidden;border:0;border-radius:var(--media-radius);object-fit:cover;box-shadow:0 6px 20px #201a2329}.embedded-motion{pointer-events:none}.embedded-motion.is-paused{opacity:0}.embedded-video{background:#171419}.motion-cover{object-fit:fill}.motion-float{display:grid;place-items:center;background:#f5f5f5;box-shadow:none;transition:opacity .2s ease,transform .2s ease}.motion-float img{display:block;width:100%;height:100%;object-fit:fill}.motion-float.is-paused{opacity:0}.motion-scene{isolation:isolate;pointer-events:none;background:transparent;box-shadow:none}.motion-scene>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.scene-base{z-index:0}.scene-copy{z-index:1;will-change:transform,opacity,filter}.motion-scene.is-paused .scene-copy,.motion-scene.is-paused .spring-background-glow,.motion-scene.is-paused .spring-background-glow:after,.motion-scene.is-paused .spring-product-sparkles i,.motion-scene.is-paused .lantern-button-shine:after{animation-play-state:paused}.spring-background-glow,.spring-background-glow:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;mix-blend-mode:screen;opacity:0}.spring-background-glow{background:radial-gradient(circle at 7% 18%,rgba(184,255,117,.68) 0 1.2%,transparent 5%),radial-gradient(circle at 29% 9%,rgba(219,255,174,.58) 0 1%,transparent 4.6%),radial-gradient(circle at 49% 24%,rgba(135,255,104,.54) 0 1.1%,transparent 4.8%),radial-gradient(circle at 17% 54%,rgba(201,255,147,.6) 0 1.3%,transparent 5.2%),radial-gradient(circle at 45% 66%,rgba(177,255,127,.5) 0 1.2%,transparent 4.8%),radial-gradient(circle at 73% 18%,rgba(205,255,156,.44) 0 .9%,transparent 4.2%);filter:blur(2px);animation:spring-background-glow-a 4.8s ease-in-out infinite alternate}.spring-background-glow:after{background:radial-gradient(circle at 14% 34%,rgba(224,255,184,.62) 0 1%,transparent 4.5%),radial-gradient(circle at 37% 43%,rgba(157,255,112,.56) 0 1.2%,transparent 5%),radial-gradient(circle at 58% 9%,rgba(207,255,151,.5) 0 .9%,transparent 4%),radial-gradient(circle at 62% 58%,rgba(187,255,132,.46) 0 1.1%,transparent 4.8%),radial-gradient(circle at 27% 80%,rgba(213,255,170,.55) 0 1%,transparent 4.4%),radial-gradient(circle at 84% 35%,rgba(173,255,122,.4) 0 .8%,transparent 3.8%);filter:blur(2.5px);animation:spring-background-glow-b 5.6s 1.1s ease-in-out infinite alternate}.spring-left-leaf{z-index:2;clip-path:polygon(0 48%,9% 47%,14% 58%,13% 68%,9% 73%,0 75%);transform-origin:1% 64%;animation:spring-left-leaf 3.8s ease-in-out infinite alternate}.spring-salad-bowl{z-index:3;clip-path:ellipse(19.5% 29% at 69.5% 49%);transform-origin:69.5% 73%;animation:spring-salad-bowl 4.2s ease-in-out infinite alternate}.spring-product-sparkles{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;pointer-events:none}.spring-product-sparkles i{position:absolute;left:var(--sparkle-x);top:var(--sparkle-y);width:var(--sparkle-size);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 18%,rgba(250,255,235,.96) 20% 34%,rgba(231,255,207,.5) 42%,transparent 72%);mix-blend-mode:screen;opacity:0;transform:translate(-50%,-50%) scale(.55);filter:brightness(1) drop-shadow(0 0 2px rgba(242,255,219,.46));animation:spring-product-sparkle-sequence 12.8s var(--sparkle-delay) linear infinite}.firework-layer{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:50%;pointer-events:none;mix-blend-mode:screen;opacity:.9}.lantern-bowl{z-index:3;clip-path:ellipse(28% 37% at 70% 57%);transform-origin:70% 62%;animation:lantern-bowl 3.2s ease-in-out infinite alternate}.lantern-doll{z-index:4;clip-path:ellipse(14% 27% at 88% 79%);transform-origin:89% 94%;animation:lantern-doll 2.6s ease-in-out infinite alternate}.lantern-plum{z-index:4;clip-path:polygon(0 0,22% 0,19% 24%,0 31%);transform-origin:4% 8%;animation:lantern-plum 2.9s ease-in-out infinite alternate}.lantern-button-shine{position:absolute;z-index:5;left:10.4%;top:63.2%;width:44%;height:13%;overflow:hidden;border-radius:999px}.lantern-button-shine:after{content:"";position:absolute;top:-30%;left:-55%;width:34%;height:160%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.78),transparent);transform:skew(-16deg);animation:lantern-button-shine 4.4s ease-in-out infinite}@keyframes spring-left-leaf{0%{transform:translate3d(0,1px,0)}to{transform:translate3d(0,-2px,0)}}@keyframes spring-salad-bowl{0%{transform:translate3d(-1.5px,0,0) rotate(-.12deg)}to{transform:translate3d(1.5px,0,0) rotate(.12deg)}}@keyframes spring-background-glow-a{0%,18%{opacity:.08}58%{opacity:.58}to{opacity:.22}}@keyframes spring-background-glow-b{0%,24%{opacity:.05}64%{opacity:.48}to{opacity:.16}}@keyframes spring-product-sparkle-sequence{0%,1%{opacity:0;transform:translate(-50%,-50%) scale(.55);filter:brightness(1) drop-shadow(0 0 2px rgba(242,255,219,.4))}5.5%{opacity:1;transform:translate(-50%,-50%) scale(1.18);filter:brightness(1.5) drop-shadow(0 0 8px rgba(255,255,239,1))}11%,to{opacity:0;transform:translate(-50%,-50%) scale(.72);filter:brightness(1.05) drop-shadow(0 0 2px rgba(242,255,219,.4))}}@keyframes lantern-bowl{0%{transform:translate3d(-1.5px,0,0) rotate(-.15deg)}to{transform:translate3d(1.5px,0,0) rotate(.15deg)}}@keyframes lantern-doll{0%{transform:translate3d(-2px,0,0) rotate(-.6deg)}to{transform:translate3d(2px,0,0) rotate(.6deg)}}@keyframes lantern-plum{0%{transform:translate3d(0,-2px,0) rotate(-.25deg)}to{transform:translate3d(0,2px,0) rotate(.25deg)}}@keyframes lantern-button-shine{0%,14%{left:-55%;opacity:0}24%{opacity:1}55%,to{left:125%;opacity:0}}.back-to-top{position:fixed;z-index:70;right:20px;bottom:20px;padding:11px 15px;border-radius:999px;background:#2f1b3be0;color:#fff;font-size:11px;box-shadow:0 10px 30px #2f1b3b38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .2s ease,transform .2s ease}.back-to-top.is-hidden{opacity:0;transform:translateY(10px);pointer-events:none}.site-footer{width:min(1220px,calc(100% - 44px));margin:0 auto;padding:32px 0 70px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);color:var(--muted)}.site-footer span{color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.08em}.site-footer p{margin:0;font-size:10px;letter-spacing:.08em}.lightbox{position:fixed;z-index:140;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:70px 1fr;background:#18141bf7;color:#fff}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid rgba(255,255,255,.14)}.lightbox-bar div{display:flex;align-items:center;gap:14px}.lightbox-bar span{color:#ffffff8c;font-size:10px;letter-spacing:.15em}.lightbox-bar strong{font-size:14px}.lightbox-bar button{padding:8px 13px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;font-size:11px}.lightbox-scroll{overflow:auto;padding:30px max(24px,calc((100vw - 1340px)/2))}.lightbox .page-canvas{border:0;border-radius:12px;box-shadow:none}@media(max-width:760px){.toolbar{grid-template-columns:1fr auto;padding:0 15px}.current-page,.wordmark span{display:none}.toolbar-actions button{padding:8px 10px}.portfolio-intro{width:calc(100% - 28px);min-height:auto;padding:116px 0 96px;display:flex;flex-direction:column;align-items:stretch;gap:46px}.intro-copy h1{font-size:clamp(42px,13vw,62px)}.intro-summary{font-size:13px;line-height:1.8}.intro-actions{margin-top:28px}.intro-actions button{flex:1}.intro-directions{margin-top:42px}.intro-directions div{padding-right:8px}.intro-directions div+div{padding-left:10px}.intro-directions dt{font-size:10px}.intro-directions dd{font-size:9px}.intro-cover{order:-1;border-radius:18px;box-shadow:0 26px 70px #40244f33}.intro-cover span{top:12px;right:12px}.intro-scroll-note{bottom:30px}.document{width:calc(100% - 20px);padding-top:20px}.document-page{margin-bottom:38px;scroll-margin-top:82px}.page-meta{padding-bottom:10px}.page-meta div{display:block}.page-meta span{display:block;margin-bottom:3px}.page-meta h2{font-size:14px}.page-canvas{border-radius:10px}.page-meta button{display:none}.back-to-top{right:10px;bottom:10px}.lightbox-scroll{padding:12px 6px 30px}.lightbox .page-canvas{border-radius:6px}.site-footer{width:calc(100% - 28px);padding-bottom:90px;display:block}.site-footer p{margin-top:8px;line-height:1.6}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.document-page{opacity:1;transform:none}}