@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/frontend-sparkles/particle-flip/fonts/dm-sans.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/frontend-sparkles/particle-flip/fonts/manrope.ttf) format("truetype")}:root{--pastel-blue: #C2D9F0;--pastel-blush: #EFC6C6;--pastel-sage: #CBDEBC;--pastel-lilac: #DCC5EB;--pastel-sand: #F1D9D1;font-family:DM Sans,sans-serif;color:#222321;background:#343638;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{overscroll-behavior-y:none}body{margin:0;min-width:320px}.page-host{min-height:100dvh;display:grid;align-items:center}.page-host.is-transitioning{opacity:0;pointer-events:none}.page-host main{margin-block:24px;transition:box-shadow .5s ease-out}.page-host.is-shadow-muted main{box-shadow:0 24px 65px -42px transparent}.particle-transition{display:none;position:fixed;inset:0;z-index:100;pointer-events:auto}.particle-transition{overflow:hidden}.particle-transition:before{content:"";position:absolute;inset:0;background:#141618;opacity:var(--background-dim, 0);pointer-events:none}.particle-transition canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}svg{display:block}a:focus-visible{outline:3px solid #6651d9;outline-offset:6px}main:focus{outline:none}::selection{background:#d2c7ff;color:#222321}.portfolio-shell{width:min(1320px,calc(100% - 88px));margin:64px auto;padding:36px;background:#faf9f6;border-radius:36px;display:grid;grid-template-columns:minmax(280px,.83fr) minmax(0,1.6fr);gap:36px;box-shadow:0 24px 65px -42px #34312655}.bio-card{background:var(--pastel-blue);border-radius:23px;position:relative;overflow:hidden;display:flex;flex-direction:column}.bio-top{display:flex;align-items:center;gap:9px;padding:25px 27px 0;font-size:13px;font-weight:550}.tiny-flower{font-size:25px;line-height:1}.portrait-scene{height:320px;flex-shrink:0;position:relative;overflow:hidden;margin-top:12px}.portrait-circle{position:absolute;width:235px;height:235px;border-radius:50%;background:color-mix(in srgb,var(--pastel-sage) 45%,white);left:50%;top:58px;transform:translate(-50%)}.portrait-circle:after{content:"";position:absolute;inset:-13px;border:5px solid #fff;border-radius:50%}.portrait{width:355px;max-width:none;height:355px;object-fit:contain;position:absolute;bottom:-7px;left:50%;transform:translate(-50%);clip-path:circle(44% at 50% 53%);filter:grayscale(1) sepia(.25) hue-rotate(-15deg) saturate(1.5) contrast(1.05)}.portrait-spark{position:absolute;right:23px;top:51px;font-size:49px;font-weight:400;color:#f7f0d9;transform:rotate(13deg)}.bio-copy{padding:8px 28px 20px}.intro{display:block;font-size:29px;letter-spacing:-1.4px;line-height:1}.bio-copy h1{font-family:Manrope,sans-serif;font-size:clamp(40px,4.1vw,56px);letter-spacing:-3px;line-height:1.04;font-weight:800;margin:0 0 4px}.name-dot{color:#f8f4ed}.bio-copy p{font-size:17px;line-height:1.55;letter-spacing:-.25px;max-width:270px;margin:0}.bio-bottom{margin:auto 28px 0;border-top:1px solid #22232135;padding:19px 0 22px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.bio-bottom>span:last-child{font-size:22px;line-height:1}.work-section{min-width:0;display:flex;flex-direction:column}.work-header{padding:0 0 27px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;letter-spacing:.3px}.work-header h2{font-family:Manrope,sans-serif;font-size:clamp(40px,4.75vw,66px);font-weight:650;letter-spacing:-3.9px;line-height:1.1;margin:0;display:flex;justify-content:space-between;align-items:center}.heading-arrow{font-family:DM Sans,sans-serif;font-size:49px;font-weight:400;margin-left:10px}.project-grid{display:grid;flex:1;grid-template-columns:minmax(0,1fr) minmax(0,.6fr) minmax(130px,.58fr);gap:18px}.project-card{border-radius:22px;padding:22px;display:flex;flex-direction:column;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-category{font-size:10px;font-weight:500;letter-spacing:.25px}.card-top>svg{width:20px;height:20px;flex-shrink:0}.subtitles-card{grid-column:1 / 3;background:var(--pastel-blush);min-height:294px}.subtitle-art{position:relative;margin:29px 0 24px;padding-left:6px}.caption-line{font-family:Manrope,sans-serif;width:fit-content;font-size:clamp(25px,2.7vw,38px);line-height:1.25;font-weight:800;letter-spacing:-1.5px}.caption-highlight{background:#fdf8e9;border-radius:6px;padding:1px 9px 4px;margin-top:7px;transform:rotate(-3deg)}.caption-icon{position:absolute;right:31px;top:50%;width:77px;height:77px;color:#b65b3a;transform:translateY(-50%) rotate(8deg)}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.card-bottom h3{font-size:19px;font-weight:650;letter-spacing:-.65px;margin:0 0 5px;overflow-wrap:anywhere}.card-bottom p{font-size:11px;margin:0;opacity:.72}.card-bottom .project-mark{width:42px;height:42px;flex-shrink:0}.social-stack{display:grid;grid-template-rows:1fr 1fr;border-radius:22px}.social-card{position:relative;display:flex;align-items:center;justify-content:center;padding:20px}.x-card{background:var(--pastel-sand);border-radius:22px 22px 0 0}.website-card{background:var(--pastel-lilac);border-top:1px solid #22232118;border-radius:0 0 22px 22px}.social-symbol{width:34px;height:34px}.globe{width:43px;height:43px;stroke:currentColor;stroke-width:1.6}.converter-card{grid-column:1 / 2;background:#292a27;color:#faf9f6;min-height:225px}.fonts-card{grid-column:2 / 4;background:var(--pastel-sage);min-height:225px}.small-card-art{flex:1;display:flex;align-items:center;justify-content:center;gap:15px;padding:16px 0 18px}.small-card-art .project-mark{width:66px;height:66px}.font-mark{display:flex;align-items:center;justify-content:center;position:relative;font-family:Georgia,serif;letter-spacing:-8px;font-size:83px;line-height:1}.font-mark>span{font-family:DM Sans,sans-serif;font-size:47px;letter-spacing:0;position:absolute;top:-5px;right:-61px}.fonts-card .small-card-art{padding-right:35px}.domain-suffix{font-weight:450}.detail-shell{width:min(1200px,calc(100% - 88px));margin:64px auto;padding:36px 40px;border-radius:36px;background:#faf9f6;box-shadow:0 24px 65px -42px #34312655}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.back-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;padding:6px 0}.back-link>span{font-size:23px}.detail-signature{font-size:12px;font-weight:600}.detail-signature>span{font-weight:400;color:#7c7e75}.detail-content{display:grid;grid-template-columns:.95fr 1fr;gap:65px;align-items:center;margin-top:45px}.detail-art{border-radius:24px;height:440px;padding:27px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.subtitles{background:var(--pastel-blush)}.converter{background:#292a27;color:#faf9f6}.fonts{background:var(--pastel-sage)}.detail-art-label{font-size:11px;width:100%}.detail-art>.project-mark{width:180px;height:180px}.detail-art>.font-mark{font-size:160px;letter-spacing:-16px;padding-right:20px}.detail-art>.font-mark>span{font-size:88px;right:-26px;top:-10px}.detail-art-bottom{width:100%;font-size:13px;display:flex;align-items:center;justify-content:space-between}.detail-art-bottom>span{font-size:24px}.detail-copy{min-width:0}.detail-copy h1{font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,50px);letter-spacing:-2.5px;line-height:1.13;font-weight:650;overflow-wrap:anywhere;margin:18px 0 16px}.detail-tagline{font-size:23px;letter-spacing:-.7px;line-height:1.4;margin:0 0 23px}.detail-description{font-size:16px;line-height:1.8;color:#73756c;margin:0 0 30px;max-width:410px}.visit-link{display:inline-flex;align-items:center;gap:20px;padding:15px 19px;border-radius:12px;background:#292a27;color:#faf9f6;font-size:13px}.visit-link svg{width:17px;height:17px;flex-shrink:0}.demo-note{font-size:11px;color:#93958d;line-height:1.6;margin:23px 0 0}.detail-footer{margin-top:35px;padding-top:24px;border-top:1px solid #e7e7df;font-size:11px;color:#7c7e75}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.portfolio-shell,.detail-shell{margin-top:100px}}@media(max-width:1100px){.portfolio-shell{width:calc(100% - 48px);padding:25px;gap:24px;grid-template-columns:minmax(245px,.85fr) minmax(0,1.6fr)}.project-grid{gap:13px;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) 115px}.project-card{padding:18px}.card-bottom h3{font-size:17px}.caption-icon{right:18px;width:59px;height:59px}.small-card-art{gap:3px}.bio-copy{padding-left:23px;padding-right:23px}.bio-copy h1{font-size:42px}.bio-copy p{font-size:15px}.portrait{width:320px;height:320px;bottom:7px}.portrait-circle{width:210px;height:210px;top:72px}.portrait-spark{right:17px;font-size:39px}.work-header h2{letter-spacing:-2.5px}.detail-content{gap:35px}}@media(max-width:850px){.portfolio-shell,.detail-shell{width:calc(100% - 48px);max-width:660px;margin:24px auto;height:min(860px,calc(100dvh - 48px));min-height:640px;padding:24px;border-radius:30px}.portfolio-shell{grid-template-columns:1fr;grid-template-rows:minmax(220px,.8fr) minmax(0,1.4fr);gap:20px}.bio-card{display:grid;grid-template-columns:1fr 45%}.bio-top{grid-column:1;padding:20px 22px 0}.portrait-scene{grid-column:2;grid-row:1 / 4;align-self:center;height:230px;width:100%;margin:0}.portrait{width:255px;height:255px;bottom:-3px}.portrait-circle{width:157px;height:157px;top:58px}.portrait-circle:after{inset:-9px;border-width:4px}.portrait-spark{top:35px;right:12px;font-size:30px}.bio-copy{grid-column:1;grid-row:2;padding:8px 22px}.bio-copy h1{font-size:38px}.bio-copy p{font-size:14px;line-height:1.4}.intro{font-size:24px}.bio-bottom{grid-column:1;grid-row:3;margin:0 0 0 22px;padding:10px 0 14px;font-size:10px}.work-header{padding-bottom:14px}.work-header h2{font-size:35px;letter-spacing:-2px}.heading-arrow{font-size:32px}.work-section{min-height:0}.project-grid{min-height:0;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.project-card{min-height:0;padding:16px}.subtitle-art{margin:12px 0}.caption-line{font-size:26px}.caption-icon{right:22px;width:58px;height:58px}.small-card-art{padding:8px 0}.small-card-art .project-mark{width:52px;height:52px}.font-mark{font-size:64px}.font-mark>span{font-size:34px;right:-43px}.detail-shell{display:flex;flex-direction:column}.detail-content{flex:1;min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(170px,1fr) auto;gap:22px;margin-top:20px}.detail-art{height:100%;min-height:0;padding:20px}.detail-art>.project-mark{width:120px;height:120px}.detail-art>.font-mark{font-size:115px}.detail-art>.font-mark>span{font-size:60px}.detail-copy h1{font-size:36px;margin:10px 0}.detail-tagline{font-size:21px;margin-bottom:12px}.detail-description{max-width:none;font-size:15px;line-height:1.55;margin-bottom:18px}.demo-note,.detail-footer{display:none}}@media(max-width:520px){.page-host main{margin-block:12px}.portfolio-shell,.detail-shell{width:calc(100% - 24px);margin:12px auto;height:min(740px,calc(100dvh - 24px));min-height:560px;padding:12px;border-radius:25px}.portfolio-shell{grid-template-rows:minmax(175px,.65fr) minmax(0,1.7fr);gap:14px}.portfolio-shell{height:min(680px,calc(100dvh - 84px));min-height:500px}.bio-card{grid-template-columns:58% 42%;border-radius:18px}.bio-top{padding:10px 15px 0;font-size:11px;gap:6px}.tiny-flower{font-size:20px}.bio-copy{padding:5px 15px 10px}.intro{font-size:20px;letter-spacing:-.8px}.bio-copy h1{font-size:clamp(26px,7.6vw,36px);letter-spacing:-1.8px}.bio-copy p{font-size:12px;line-height:1.45}.bio-bottom,.portrait-spark{display:none}.portrait-scene{height:175px;grid-row:1 / 3}.portrait{width:190px;height:190px;bottom:-1px}.portrait-circle{width:115px;height:115px;top:45px}.portrait-circle:after{inset:-7px;border-width:3px}.work-header{padding:0 3px 10px}.work-header h2{font-size:27px;letter-spacing:-1.5px}.heading-arrow{font-size:26px}.work-section{container-type:size}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr)) calc(25cqh - 12.5px);gap:10px}.project-card{border-radius:17px;padding:12px}.subtitles-card{grid-column:1 / 4}.social-stack{grid-column:4;border-radius:17px}.social-card{padding:10px}.x-card{border-radius:17px 17px 0 0}.website-card{border-radius:0 0 17px 17px}.social-symbol{width:25px;height:25px}.globe{width:30px;height:30px}.converter-card{grid-column:1 / 3}.fonts-card{grid-column:3 / 5}.card-category{font-size:8px}.card-top>svg{width:15px;height:15px}.caption-line{font-size:21px;letter-spacing:-.8px}.caption-icon{right:16px;width:40px;height:40px}.caption-highlight{margin-top:4px;padding:1px 6px 2px}.card-bottom h3,.subtitles-card .card-bottom h3{font-size:13px;letter-spacing:-.3px;margin-bottom:3px}.card-bottom p{font-size:9px}.small-card-art .project-mark{width:42px;height:42px}.font-mark{font-size:53px}.font-mark>span{font-size:29px;right:-36px}.detail-shell{padding:18px}.detail-signature>span{display:none}.detail-signature{font-size:11px}.back-link{font-size:12px;gap:7px}.detail-content{margin-top:14px;gap:16px;grid-template-rows:minmax(130px,1fr) auto}.detail-art{padding:16px;border-radius:18px}.detail-art-label{font-size:9px}.detail-art-bottom{font-size:11px}.detail-art>.project-mark{width:85px;height:85px}.detail-art>.font-mark{font-size:88px;letter-spacing:-9px}.detail-art>.font-mark>span{font-size:45px;right:-15px}.detail-copy h1{font-size:29px;letter-spacing:-1.5px;margin:8px 0}.detail-copy .long-project-name{font-size:clamp(22px,6.5vw,29px)}.detail-copy .eyebrow{font-size:9px}.detail-tagline{font-size:18px;margin-bottom:10px}.detail-description{font-size:13px;line-height:1.5;margin-bottom:14px}.visit-link{gap:12px;padding:12px 14px;font-size:12px}}@media(max-width:520px)and (max-height:650px){.portfolio-shell,.detail-shell{min-height:520px}.portfolio-shell{grid-template-rows:160px minmax(0,1fr);gap:10px}.portfolio-shell{height:calc(100dvh - 39px);min-height:505px}.bio-top{padding-top:8px}.bio-copy{padding-bottom:8px}.bio-copy p{font-size:11px}.portrait-scene{height:160px}.portrait{width:175px;height:175px}.portrait-circle{width:105px;height:105px;top:42px}.work-header h2{font-size:24px}.project-card{padding:10px}.card-bottom h3,.subtitles-card .card-bottom h3{font-size:12px}.card-bottom p{font-size:8px}.subtitle-art{margin:5px 0}.caption-line{font-size:18px}.caption-icon{width:32px;height:32px;right:12px}.small-card-art{padding:4px 0}.small-card-art .project-mark{width:32px;height:32px}.font-mark{font-size:43px}.font-mark>span{font-size:23px;right:-30px}.detail-content{gap:12px;grid-template-rows:minmax(110px,1fr) auto}.detail-copy h1{font-size:26px}.detail-tagline{font-size:16px;margin-bottom:8px}.detail-description{font-size:12px;margin-bottom:12px}.detail-art>.project-mark{width:64px;height:64px}}.social-card:focus-visible{outline-offset:-6px}.project-card,.social-card{position:relative}.project-card,.social-symbol{transition:transform .22s cubic-bezier(.2,.7,.3,1)}.subtitles-card{--hover-rotation: -1deg}.converter-card{--hover-rotation: 1.5deg}.fonts-card{--hover-rotation: -1.3deg}.x-card{--hover-rotation: 8deg}.website-card{--hover-rotation: -8deg}@media(hover:hover){.project-card:hover{transform:rotate(var(--hover-rotation)) scale(1.045);z-index:1}.social-card:hover .social-symbol{transform:rotate(var(--hover-rotation)) scale(1.15)}}@media(prefers-reduced-motion:reduce){.page-host main{transition:none}.project-card,.social-symbol{transition:none}.project-card:hover,.social-card:hover .social-symbol{transform:none}}