@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap";:root{background:#050a09}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:clip}[data-portfolio-root]{--mono: "JetBrains Mono", monospace;--ease: cubic-bezier(.2, .7, .2, 1)}[data-portfolio-root]{--vivid: #6ed5bd;position:relative;isolation:isolate;font-family:DM Sans,sans-serif;transition:background-color .1s linear,color .1s linear}[data-portfolio-root][data-theme=light]{--bg: #EEF1EB;--surface: #F8FAF6;--surface-alt: #DCE8E1;--text: #102620;--text-muted: #587069;--border: #A4B8B0;--accent: #087E6D;--accent-hover: #056454;--on-accent: #071817;--line: #6ED5BD;--accent-soft: #D2EEE7}[data-portfolio-root][data-theme=dark]{--bg: #050A09;--surface: #132622;--surface-alt: #19312C;--text: #E9F2EB;--text-muted: #AFC0B8;--border: #526A61;--accent: #6ED5BD;--accent-hover: #91E6D1;--on-accent: #071817;--line: #6ED5BD;--accent-soft: #173F37}[data-portfolio-root] a{color:var(--accent);text-decoration:none}[data-portfolio-root] a:hover{color:var(--accent-hover)}[data-portfolio-root] h1,[data-portfolio-root] h2,[data-portfolio-root] h3{font-family:Space Grotesk,sans-serif;letter-spacing:-.045em}[data-portfolio-root] a:focus-visible,[data-portfolio-root] button:focus-visible{outline:2px solid var(--vivid);outline-offset:3px}@keyframes pulse-x{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}to{left:calc(100% - 5px);opacity:0}}@keyframes pulse-y{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}to{top:calc(100% - 5px);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[data-portfolio-root] [data-rise]{animation:rise var(--rise-duration, .8s) var(--rise-delay, 0s) var(--ease) backwards}@media (prefers-reduced-motion: reduce){[data-portfolio-root] [data-rise]{animation:none}}[data-portfolio-root] .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border:1px solid transparent;border-radius:6px;font:inherit;font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .2s}[data-portfolio-root] .btn:hover{transform:translateY(-2px)}[data-portfolio-root] .btn--cta{background:var(--accent);color:var(--on-accent)}[data-portfolio-root] .btn--cta:hover{background:var(--accent-hover);color:var(--on-accent)}[data-portfolio-root] .btn--ghost{background:var(--surface);color:var(--text);border-color:var(--border)}[data-portfolio-root] .btn--ghost:hover{border-color:var(--text-muted);color:var(--text)}[data-portfolio-root].notice{min-height:100svh;display:grid;align-content:center;justify-items:center;gap:16px;padding:48px 24px;text-align:center;background:var(--bg);color:var(--text)}[data-portfolio-root] .notice__code{margin:0;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.08em;color:var(--accent)}[data-portfolio-root] .notice__title{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.1;font-weight:700;text-wrap:balance}[data-portfolio-root] .notice__text{margin:0;max-width:46ch;color:var(--text-muted);font-size:17px;line-height:1.55;text-wrap:pretty}[data-portfolio-root] .notice__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px}[data-portfolio-root] .notice__trace{width:100%;max-width:760px;margin:8px 0 0;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-muted);text-align:left;overflow:auto;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word}@media (max-width: 560px){[data-portfolio-root] .notice__actions{flex-direction:column;align-self:stretch}}@media (prefers-reduced-motion: reduce){[data-portfolio-root] .btn:hover{transform:none}}[data-portfolio-root]{--scene-top: 56px;--scene-h: calc(100svh - var(--scene-top));--story-dwell: .85}[data-portfolio-root] [data-story-stage]{scroll-margin-top:88px}[data-portfolio-root] [data-reveal]{opacity:1;transform:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease}[data-portfolio-root] .story-scene:after{content:"";display:block;height:calc(var(--story-dwell) * var(--scene-h))}[data-portfolio-root] .story-scene[data-tall]:after{display:none}[data-portfolio-root] .story-scene[data-story-last]:after{display:none}[data-portfolio-root] .story-scene[data-tall]>.story-frame{position:relative;top:auto}[data-portfolio-root] .story-frame{position:sticky;top:var(--scene-top);min-height:var(--scene-h);display:grid;align-content:center;padding:24px 0}[data-portfolio-root] .story-frame>footer{position:absolute;left:0;right:0;bottom:0}[data-portfolio-root] .story-frame img{max-height:calc(var(--scene-h) - 200px)}@media (max-width: 1023px){[data-portfolio-root] .story-scene:after{display:none}[data-portfolio-root] .story-frame{position:relative;top:auto;min-height:0;padding:56px 0}[data-portfolio-root] .story-frame>footer{position:static}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}[data-portfolio-root] .story-scene:after{display:none}[data-portfolio-root] .story-frame{position:relative;top:auto;min-height:0}[data-portfolio-root] .story-frame>footer{position:static}}[data-portfolio-root].choose{min-height:100svh;display:grid;align-content:center;padding:48px 24px;background:var(--bg);color:var(--text)}[data-portfolio-root] .choose__main{width:100%;max-width:1120px;margin:0 auto}[data-portfolio-root] .choose__eyebrow{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--accent)}[data-portfolio-root] .choose__title{margin:16px 0 0;font-size:clamp(30px,4.4vw,48px);line-height:1.05;letter-spacing:-.02em;font-weight:700;text-wrap:balance}[data-portfolio-root] .choose__title em{font-style:normal;color:var(--accent)}[data-portfolio-root] .choose__lead{margin:20px 0 0;max-width:640px;font-size:19px;line-height:1.5;color:var(--text-muted);text-wrap:pretty}[data-portfolio-root] .choose__lead strong{font-weight:600}[data-portfolio-root] .doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}[data-portfolio-root] .door{display:flex;flex-direction:column;min-height:220px;padding:24px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .2s,transform .2s}[data-portfolio-root] .door:hover{border-color:var(--accent);transform:translateY(-3px)}[data-portfolio-root] .door__number{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--accent)}[data-portfolio-root] .door__title{margin:12px 0 0;font-size:21px;font-weight:500;line-height:1.3;color:var(--text)}[data-portfolio-root] .door__blurb{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--text-muted)}[data-portfolio-root] .door__action{margin-top:auto;padding-top:24px;font-family:var(--mono);font-size:12px;color:var(--accent)}[data-portfolio-root] .chat__paper{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:min(760px,100%);z-index:0;pointer-events:none;opacity:.08;background-image:url(/assistant-wallpaper.png);background-size:100% auto;background-repeat:repeat;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent)}[data-portfolio-root].chat{height:100svh;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}[data-portfolio-root] .chat__header{position:relative;z-index:1;flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px;padding:0 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-portfolio-root] .chat__back,[data-portfolio-root] .chat__who{font-family:var(--mono);font-size:12px;color:var(--text-muted);white-space:nowrap}[data-portfolio-root] .chat__status{display:flex;align-items:center;gap:9px}[data-portfolio-root] .chat__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}[data-portfolio-root] .chat__dot--off{background:var(--text-muted);box-shadow:none}[data-portfolio-root] .chat__scroll{position:relative;z-index:1;flex:1;overflow-y:auto;overscroll-behavior:contain}[data-portfolio-root] .chat__thread{width:100%;max-width:760px;margin:0 auto;padding:28px 24px 16px;min-height:100%;display:grid;gap:14px;align-content:end}[data-portfolio-root] .chat__openers{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;margin-left:40px}[data-portfolio-root] .chat__panel{margin-left:40px}[data-portfolio-root] .chip{padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font:inherit;font-size:13px;cursor:pointer;transition:color .2s,border-color .2s;--rise-duration: .5s}[data-portfolio-root] .chip:hover{color:var(--text);border-color:var(--text-muted)}[data-portfolio-root] .chat__footer{position:relative;z-index:1;flex:none;padding:14px 24px 16px}[data-portfolio-root] .chat__footer-inner{width:100%;max-width:760px;margin:0 auto;display:grid;gap:10px}[data-portfolio-root] .chat__closed{margin:0;font-size:14px;line-height:1.5;color:var(--text-muted)}[data-portfolio-root] .composer{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:border-color .2s}[data-portfolio-root] .composer:focus-within{border-color:var(--accent)}[data-portfolio-root] .composer__input{flex:1;padding:10px 12px;border:none;outline:none;background:transparent;color:var(--text);font:inherit}[data-portfolio-root] .composer__send{flex:none;width:38px;height:38px;display:grid;place-items:center;border:none;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:17px;line-height:1;cursor:pointer;transition:opacity .2s,background-color .2s}[data-portfolio-root] .composer__send:disabled{cursor:not-allowed;opacity:.4}[data-portfolio-root] .chat__legal{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}[data-portfolio-root] .chat__lead-link{padding:0;border:none;background:none;font-family:var(--mono);font-size:12px;color:var(--accent);cursor:pointer}[data-portfolio-root] .chat__notice{margin:0;font-family:var(--mono);font-size:11px;line-height:1.55;color:var(--text-muted)}@media (max-width: 1023px){[data-portfolio-root] .doors{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){[data-portfolio-root] .door:hover{transform:none}}[data-portfolio-root] .bubble{display:flex;gap:10px;--rise-duration: .38s;--rise-delay: 0s}[data-portfolio-root] .bubble--mine{justify-content:flex-end}[data-portfolio-root] .bubble__gutter{flex:none;width:30px}[data-portfolio-root] .bubble__body{max-width:min(80%,540px)}[data-portfolio-root] .bubble__role{margin:0 0 5px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--text-muted)}[data-portfolio-root] .bubble--mine .bubble__role{text-align:right}[data-portfolio-root] .bubble__text{padding:11px 15px;border:1px solid var(--border);border-radius:4px 14px 14px;background:var(--surface);color:var(--text);line-height:1.6;white-space:pre-wrap}[data-portfolio-root] .bubble--mine .bubble__text{border-color:transparent;border-radius:14px 4px 14px 14px;background:var(--accent);color:var(--on-accent)}[data-portfolio-root] .avatar{flex:none;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface)}[data-portfolio-root] .avatar:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}[data-portfolio-root] .caret{display:inline-block;width:.5em;height:1em;margin-left:2px;vertical-align:-.15em;background:var(--accent);animation:blink 1s steps(1) infinite}[data-portfolio-root] .thinking{display:flex;align-items:center;gap:5px;margin-top:21px;padding:13px 15px;border:1px solid var(--border);border-radius:4px 14px 14px;background:var(--surface)}[data-portfolio-root] .thinking__dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:blink 1.1s var(--dot-delay, 0s) ease-in-out infinite}@media (prefers-reduced-motion: reduce){[data-portfolio-root] .caret,[data-portfolio-root] .thinking__dot{animation:none}}[data-portfolio-root] .lead{display:grid;gap:14px;padding:20px 20px 22px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:14px;background:var(--surface);box-shadow:0 18px 40px -28px color-mix(in srgb,var(--accent) 60%,transparent);--rise-duration: .42s;--rise-delay: 0s}[data-portfolio-root] .lead__title{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--accent)}[data-portfolio-root] .lead__intro{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--text-muted)}[data-portfolio-root] .lead__error{margin:0;font-size:14px;line-height:1.5;color:var(--accent-hover)}[data-portfolio-root] .lead__submit{justify-self:start;padding:11px 22px;border:none;border-radius:9px;background:var(--accent);color:var(--on-accent);font:inherit;font-weight:500;cursor:pointer;transition:background-color .2s}[data-portfolio-root] .lead__submit:hover:not(:disabled){background:var(--accent-hover)}[data-portfolio-root] .lead__submit:disabled{cursor:progress}[data-portfolio-root] .field__label{display:block;margin-bottom:6px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--text-muted)}[data-portfolio-root] .field__input{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);font:inherit;font-size:15px}[data-portfolio-root] textarea.field__input{resize:vertical;line-height:1.55}[data-portfolio-root].site{container-type:inline-size;min-height:100vh;background:var(--bg);color:var(--text);font-size:16px;line-height:1.65;overflow-x:clip}[data-portfolio-root] .site-nav{position:sticky;top:0;z-index:10;height:56px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}[data-portfolio-root] .site-nav__inner{max-width:1120px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}[data-portfolio-root] .site-nav__side{display:flex;align-items:center;min-width:0}[data-portfolio-root] .site-nav__side--start{gap:16px}[data-portfolio-root] .site-nav__side--end{gap:8px}[data-portfolio-root] .site-nav__home{display:inline-flex;align-items:center;min-height:44px;font-family:var(--mono);font-size:12px;color:var(--text-muted);white-space:nowrap}[data-portfolio-root] .site-nav__home:hover{color:var(--text)}[data-portfolio-root] .site-nav__brand{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;color:var(--text)}[data-portfolio-root] .site-nav__name{font-size:14px;font-weight:500;white-space:nowrap}[data-portfolio-root] .site-nav__suffix{font-family:var(--mono);font-size:12px;color:var(--text-muted);white-space:nowrap}[data-portfolio-root] .site-nav__links{display:flex;align-items:center;gap:4px}[data-portfolio-root] .site-nav__link{display:inline-flex;align-items:center;height:44px;padding:0 12px;border-radius:6px;font-size:14px;font-weight:500;color:var(--text-muted);transition:color .2s,background-color .2s}[data-portfolio-root] .site-nav__link:hover{color:var(--text);background:var(--surface-alt)}[data-portfolio-root] .site-nav__theme{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:1px solid var(--border);border-radius:6px;background:transparent;font-family:var(--mono);font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .2s,border-color .2s}[data-portfolio-root] .site-nav__theme:hover{color:var(--text);border-color:var(--text-muted)}[data-portfolio-root] .site-nav__theme-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}@media (max-width: 1023px){[data-portfolio-root] .site-nav__links,[data-portfolio-root] .site-nav__suffix{display:none}}@media (max-width: 560px){[data-portfolio-root] .site-nav__name{display:none}}[data-portfolio-root] .hero{position:relative;display:flex;align-items:center;padding:96px 0 128px;overflow:hidden}[data-portfolio-root] .hero[data-story-stage="1"]{min-height:max(720px,calc(100svh - 56px))}[data-portfolio-root] .hero__grid{position:absolute;inset:0;pointer-events:none}[data-portfolio-root] .hero__grid-inner{max-width:1120px;height:100%;margin:0 auto;padding:0 24px}[data-portfolio-root] .hero__grid-lines{height:100%;border-right:1px solid var(--border);background-image:linear-gradient(to right,var(--border) 1px,transparent 1px);background-size:calc(100% / 6) 100%}[data-portfolio-root] .hero__visual-slot{position:absolute;inset:0;pointer-events:none}.fracture-visual{position:absolute;z-index:0;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)}.fracture-visual:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 94%,transparent) 26%,color-mix(in srgb,var(--bg) 36%,transparent) 65%,color-mix(in srgb,var(--bg) 12%,transparent) 100%);pointer-events:none}.fracture-visual:after{content:"";position:absolute;z-index:3;inset:0;background:radial-gradient(ellipse 45% 55% at 76% 42%,color-mix(in srgb,var(--vivid) 20%,transparent),transparent 68%);pointer-events:none;mix-blend-mode:screen}.fracture-visual img{-webkit-mask-image:radial-gradient(ellipse 125% 125% at 88% 15%,#000 42%,transparent 100%);mask-image:radial-gradient(ellipse 125% 125% at 88% 15%,#000 42%,transparent 100%);position:absolute;right:-8%;top:-7%;width:min(69vw,1030px);height:min(69vw,1030px);object-fit:cover;object-position:70% center;opacity:.86;mix-blend-mode:multiply;filter:saturate(.9) contrast(1.06);transform:translate3d(0,calc(var(--scroll-shift, 0px) * -.09),0) rotate(calc(var(--scroll-shift, 0px) * -.004deg));transition:filter .65s ease,opacity .65s ease}[data-portfolio-root][data-theme=light][data-universe=fracture] .fracture-visual img{filter:invert(1) hue-rotate(180deg) saturate(.9) contrast(1.06)}[data-portfolio-root][data-universe=typeflick] .fracture-visual img{filter:grayscale(.65) sepia(.4) hue-rotate(288deg) saturate(1.55) contrast(1.14);opacity:.6;mix-blend-mode:screen}.fracture-visual span,.fracture-visual i{position:absolute;z-index:3;display:block;border:1px solid color-mix(in srgb,var(--vivid) 48%,transparent);border-radius:50%;pointer-events:none}.fracture-visual span{width:70vw;height:22vw;right:-16%;top:29%;transform:rotate(-26deg) translate3d(calc(var(--scroll-shift, 0px) * -.035),calc(var(--scroll-shift, 0px) * .02),0)}.fracture-visual i{width:48vw;height:14vw;right:5%;top:51%;transform:rotate(-26deg) translate3d(calc(var(--scroll-shift, 0px) * .02),calc(var(--scroll-shift, 0px) * -.03),0);border-color:color-mix(in srgb,var(--accent) 43%,transparent)}[data-portfolio-root] .hero__content{position:relative;z-index:1;width:100%;max-width:1120px;margin:0 auto;padding:0 24px}[data-portfolio-root] .hero__eyebrow{margin-bottom:24px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--accent);--rise-duration: .7s}[data-portfolio-root] .hero__cols{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:48px;align-items:end}[data-portfolio-root] .hero__title{margin:0;font-size:66px;line-height:1.05;font-weight:700;text-wrap:balance;--rise-delay: .1s}[data-portfolio-root] .hero__title-accent{color:var(--accent)}[data-portfolio-root] .hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:32px;font-family:var(--mono);font-size:14px;color:var(--text-muted);--rise-delay: .25s}[data-portfolio-root] .hero__sep{color:var(--border)}[data-portfolio-root] .hero__available{display:inline-flex;align-items:center;gap:8px;color:var(--accent)}[data-portfolio-root] .hero__available-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:blink 2s ease-in-out infinite}[data-portfolio-root] .hero__lead{margin:24px 0 0;max-width:640px;font-size:21px;line-height:1.5;text-wrap:pretty;--rise-delay: .35s}[data-portfolio-root] .hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:48px;--rise-delay: .45s}[data-portfolio-root] .hero__facts{margin:0;border-radius:10px;background:color-mix(in srgb,var(--bg) 40%,transparent);backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15);font-size:14px;--rise-delay: .5s}[data-portfolio-root] .hero__fact{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:16px 20px}[data-portfolio-root] .hero__fact dt{margin:0;padding-top:2px;font-family:var(--mono);font-size:12px;color:var(--text-muted)}[data-portfolio-root] .hero__fact dd{margin:0}[data-portfolio-root] .hero__num{font-family:var(--mono);font-size:13px}@media (max-width: 1023px){[data-portfolio-root] .site-section,[data-portfolio-root] .site-section[data-story-pinned]{padding-top:64px;padding-bottom:64px}.fracture-visual img{right:-47%;top:5%;width:112vw;height:112vw;opacity:.62}.fracture-visual:before{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 79%,transparent) 54%,color-mix(in srgb,var(--bg) 28%,transparent) 100%)}.fracture-visual span{width:115vw;height:47vw;right:-68%;top:23%}.fracture-visual i{width:94vw;height:31vw;right:-42%;top:52%}[data-portfolio-root] .hero{padding-top:64px;padding-bottom:64px;min-height:0}[data-portfolio-root] .hero[data-story-stage="1"]{min-height:calc(100svh - 56px)}[data-portfolio-root] .hero__grid{display:none}[data-portfolio-root] .hero__cols{grid-template-columns:minmax(0,1fr);gap:24px}[data-portfolio-root] .hero__title{font-size:37px}[data-portfolio-root] .hero__cta{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion: reduce){[data-portfolio-root] .hero__available-dot{animation:none}.fracture-visual img,.fracture-visual span,.fracture-visual i{transform:none}}[data-portfolio-root] .site-section{padding:128px 0}[data-portfolio-root] .site-section[data-story-pinned]{padding-top:0;padding-bottom:0}[data-portfolio-root] .site-wrap{max-width:1120px;margin:0 auto;padding:0 24px}[data-portfolio-root] .site-eyebrow{margin-bottom:24px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--accent)}[data-portfolio-root] .site-h2{margin:0;font-size:28px;line-height:1.2;font-weight:700}[data-portfolio-root] .site-cols{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}[data-portfolio-root] .site-cols--stepped{margin-top:64px;padding-top:32px;border-top:1px solid var(--border)}[data-portfolio-root] .story-frame>.site-cols{margin-top:0;padding-top:0;border-top:0}[data-portfolio-root] .site-level{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--text-muted)}[data-portfolio-root] .site-level--head{margin-bottom:24px}[data-portfolio-root] .site-prose{display:grid;gap:16px;max-width:680px}[data-portfolio-root] .site-prose--wide{gap:20px}[data-portfolio-root] .site-prose p{margin:0}[data-portfolio-root] .tf-facts{display:grid;gap:8px;margin-top:16px;font-family:var(--mono);font-size:12px;color:var(--text-muted)}[data-portfolio-root] .tf-fact{display:flex;align-items:center;gap:8px}[data-portfolio-root] .tf-fact__live{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:blink 2s ease-in-out infinite}[data-portfolio-root] .tf-fact__strong{color:var(--text)}[data-portfolio-root] .tf-pitch{margin:0;font-size:28px;line-height:1.3;font-weight:400;text-wrap:pretty}[data-portfolio-root] .tf-brick{display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px}[data-portfolio-root] .tf-brick__mark{padding-top:4px;font-family:var(--mono);font-size:12px;color:var(--accent)}[data-portfolio-root] .tf-brick p{margin:0}[data-portfolio-root] .tf-brick strong{font-weight:500}[data-portfolio-root] .tf-stack-tags{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}[data-portfolio-root] .tf-tag{padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-family:var(--mono);font-size:12px;color:var(--text);cursor:default;transition:color .2s,border-color .2s,background-color .2s}[data-portfolio-root] .tf-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}[data-portfolio-root] .tf-figure{margin:64px 0 0;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);transition:border-color .2s}[data-portfolio-root] .tf-figure:hover{border-color:var(--text-muted)}[data-portfolio-root] .tf-figure img{display:block;width:100%;height:auto;border-radius:6px;aspect-ratio:16 / 9;object-fit:cover;object-position:top center}[data-portfolio-root] .tf-figure__caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:12px 8px 4px;font-family:var(--mono);font-size:12px;color:var(--text-muted)}[data-portfolio-root] .tf-panel{margin-top:64px;padding:32px 24px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}[data-portfolio-root] .tf-panel__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-bottom:32px;font-family:var(--mono);font-size:12px;color:var(--text-muted)}[data-portfolio-root] .tf-panel__title{font-weight:500;color:var(--text)}[data-portfolio-root] .tf-pipe{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 48px minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1fr);align-items:center}[data-portfolio-root] .tf-box{height:128px;padding:12px 16px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .2s,transform .2s}[data-portfolio-root] .tf-box:hover{border-color:var(--text);transform:translateY(-2px)}[data-portfolio-root] .tf-box--ai{border-color:var(--vivid)}[data-portfolio-root] .tf-box__head{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--text-muted)}[data-portfolio-root] .tf-box__ai{font-weight:500;color:var(--vivid)}[data-portfolio-root] .tf-box__title{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--text)}[data-portfolio-root] .tf-box__detail{font-family:var(--mono);font-size:12px;color:var(--text-muted)}[data-portfolio-root] .tf-stack{height:272px;display:flex;flex-direction:column;gap:16px}[data-portfolio-root] .tf-par{display:none;font-family:var(--mono);font-size:12px;color:var(--vivid);text-align:center}[data-portfolio-root] .tf-fan{position:relative;height:272px}[data-portfolio-root] .tf-line{position:absolute;background:var(--line);height:1px;width:50%}[data-portfolio-root] .tf-line--spine{left:50%;top:23.5%;height:53%;width:1px}[data-portfolio-root] .tf-line--mid-out{left:0;top:50%}[data-portfolio-root] .tf-line--up-out{left:50%;top:23.5%}[data-portfolio-root] .tf-line--down-out{left:50%;top:76.5%}[data-portfolio-root] .tf-line--up-in{left:0;top:23.5%}[data-portfolio-root] .tf-line--down-in{left:0;top:76.5%}[data-portfolio-root] .tf-line--mid-in{left:50%;top:50%}[data-portfolio-root] .tf-conn{position:relative;height:1px;background:var(--line)}[data-portfolio-root] .tf-mconn{display:none;width:1px;height:24px;margin:0 auto;background:var(--line)}[data-portfolio-root] .tf-pulse{position:absolute;top:-2px;left:0;width:5px;height:5px;background:var(--accent);animation:pulse-x var(--pulse-duration, .5s) var(--pulse-delay, 0s) linear infinite}[data-portfolio-root][data-universe=typeflick] .tf-pulse{box-shadow:0 0 18px color-mix(in srgb,var(--accent) 78%,transparent)}[data-portfolio-root] .tf-legend{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:32px;padding-top:16px;border-top:1px solid var(--border);font-family:var(--mono);font-size:12px;color:var(--text-muted)}[data-portfolio-root] .tf-legend__item{display:inline-flex;align-items:center;gap:8px}[data-portfolio-root] .tf-legend__mark{display:inline-block}[data-portfolio-root] .tf-legend__mark--line{width:16px;height:1px;background:var(--line)}[data-portfolio-root] .tf-legend__mark--dot{width:5px;height:5px;background:var(--accent)}[data-portfolio-root] .tf-legend__mark--frame{width:16px;height:10px;border:1px solid var(--vivid);border-radius:2px}@media (max-width: 1023px){[data-portfolio-root] .site-cols{grid-template-columns:minmax(0,1fr);gap:24px}[data-portfolio-root] .tf-pipe{display:flex;flex-direction:column;align-items:stretch}[data-portfolio-root] .tf-fan,[data-portfolio-root] .tf-pulse{display:none}[data-portfolio-root] .tf-mconn,[data-portfolio-root] .tf-par{display:block}[data-portfolio-root] .tf-conn{width:1px;height:24px;margin:0 auto}[data-portfolio-root] .tf-box{height:auto;min-height:72px}[data-portfolio-root] .tf-stack{height:auto}}@media (prefers-reduced-motion: reduce){[data-portfolio-root] .tf-fact__live,[data-portfolio-root] .tf-pulse{animation:none}}[data-portfolio-root] .sf-intro{margin:24px 0 0;max-width:420px;color:var(--text-muted)}[data-portfolio-root] .sf-list{display:grid;gap:20px}[data-portfolio-root] .sf-craft{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:start}[data-portfolio-root] .sf-craft__label{padding-top:4px;font-family:var(--mono);font-size:12px;color:var(--accent)}[data-portfolio-root] .sf-craft p{margin:0}[data-portfolio-root] .site-num{font-family:var(--mono);font-size:13px;color:var(--text)}[data-portfolio-root] .site-cols--baseline{align-items:end}[data-portfolio-root] .ms-head{margin-bottom:48px}[data-portfolio-root] .ms-intro{margin:0;max-width:560px;color:var(--text-muted)}[data-portfolio-root] .ms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}[data-portfolio-root] .ms-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;padding:24px;border:1px solid var(--border);border-radius:8px;background:var(--surface);transition:border-color .2s,transform .2s}[data-portfolio-root] .ms-card:hover{border-color:var(--accent);transform:translateY(-3px)}[data-portfolio-root] .ms-card__rank{padding-top:6px;font-family:var(--mono);font-size:12px;color:var(--accent)}[data-portfolio-root] .ms-card__title{margin:0;font-size:21px;font-weight:500;line-height:1.3}[data-portfolio-root] .ms-card__detail{margin:8px 0 0;color:var(--text-muted)}[data-portfolio-root] .ms-skills{display:grid;gap:16px}[data-portfolio-root] .ms-skills__intro{margin:0;color:var(--text-muted)}[data-portfolio-root] .ms-skill{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:start}[data-portfolio-root] .ms-skill__label{padding-top:7px;font-family:var(--mono);font-size:12px;color:var(--text-muted)}[data-portfolio-root] .ms-skill__tags{display:flex;flex-wrap:wrap;gap:8px}[data-portfolio-root] .ms-tag{padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-family:var(--mono);font-size:12px;transition:color .2s,border-color .2s}[data-portfolio-root] .ms-tag:hover{border-color:var(--accent);color:var(--accent)}[data-portfolio-root] .ct-intro{margin:24px 0 0;color:var(--text-muted)}[data-portfolio-root] .ct-channels{display:flex;flex-direction:column;border-top:1px solid var(--border)}[data-portfolio-root] .ct-channel{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center;min-height:64px;padding:16px 0;border-bottom:1px solid var(--border);color:var(--text);transition:color .2s,padding-left .2s}[data-portfolio-root] .ct-channel:hover{color:var(--accent);padding-left:8px}[data-portfolio-root] .ct-channel__label{font-family:var(--mono);font-size:12px;color:var(--text-muted)}[data-portfolio-root] .ct-channel__value{font-size:21px;font-weight:500;overflow-wrap:anywhere}[data-portfolio-root] .ct-where{padding-top:16px;font-family:var(--mono);font-size:12px;color:var(--text-muted)}[data-portfolio-root] .site-footer{border-top:1px solid var(--border);padding:24px 0}[data-portfolio-root] .site-footer__inner{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-family:var(--mono);font-size:12px;color:var(--text-muted)}@media (max-width: 1023px){[data-portfolio-root] .ms-grid{grid-template-columns:minmax(0,1fr)}[data-portfolio-root] .ct-channels{flex-direction:column}}