@font-face{font-family:neoris;src:url(/fonts/neoris.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:departureMono;src:url(/fonts/departure-mono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--cream:#f5f5f2;--cream-2:#e7e7e3;--surface-raised:#fbfbf8;--ink:#262323;--ink-strong:rgba(38,35,35,0.85);--ink-soft:rgba(38,35,35,0.72);--gray:rgba(38,35,35,0.5);--line:rgba(38,35,35,0.11);--line-2:rgba(38,35,35,0.07);--accent:#4f8a14;--accent-deep:#3a6610;--accent-text:#3a6610;--accent-rgb:79,138,20;--accent-lime:#bbf451;--card:#fbfbf8;--sky-top:#2e7dd6;--sky-bot:#6bb0f2;--grass:#7bc74d;--radius:18px;--radius-sm:12px;--maxw:1180px;--grid-line:rgba(38,35,35,0.06);--font-sans:"neoris",ui-sans-serif,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--font-pixel:"departureMono","IBM Plex Mono",ui-monospace,monospace;--font-text:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif}.cf-about-body,.cf-contact-sub,.cf-exp-bullets,.cf-feat-desc,.cf-feat-intro,.cf-feat-sub,.cf-hero-sub,.cf-mini-desc,.cf-mini-sub,.cf-pcard-desc,.cf-pcard-sub,.cf-step-body,.cf-stepper-body,.cf-story-prose,.cf-tools-tab-desc{font-family:var(--font-text)}html{-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-lime);color:#262323}.cf-contact-h2,.cf-footer-h,.cf-h2,.cf-process-h2,.cf-projects-h2,.cf-stepper-title{text-shadow:0 1px 0 rgba(255,255,255,.72),0 -.5px .6px rgba(0,0,0,.1)}.cf-container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 32px}.cf-mono{font-family:var(--mono)}.cf-dim{color:var(--gray)}.cf-accent{color:var(--accent)}.cf-eyebrow{font-family:var(--font-pixel);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--gray);margin-bottom:18px}.cf-h2{font-size:clamp(28px,4vw,46px);line-height:1.04;letter-spacing:-.03em;font-weight:700;margin:0 0 28px}.cf-section{padding:clamp(44px,6vw,84px) 0}.cf-tag{font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:-.005em;color:var(--ink-soft);background:var(--surface-raised);border:1px solid var(--line);border-radius:8px;padding:5px 12px;white-space:nowrap}.cf-tag-hl{border-color:rgba(var(--accent-rgb),.45);color:var(--accent-text);background:rgba(187,244,81,.34)}.cf-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:12px 20px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;white-space:nowrap}.cf-btn:active{transform:translateY(1px)}.cf-btn-solid{background:#fff;color:var(--ink);box-shadow:0 6px 20px rgba(0,0,0,.18)}.cf-btn-solid:hover{box-shadow:0 10px 28px rgba(0,0,0,.24);transform:translateY(-1px)}.cf-btn-glass{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cf-btn-glass:hover{background:rgba(255,255,255,.26)}.cf-btn-ink{background:var(--ink);color:#fff}.cf-btn-ink:hover{background:#000;transform:translateY(-1px)}.cf-btn-line{background:transparent;color:var(--ink);border-color:var(--line)}.cf-btn-line:hover{border-color:var(--ink)}.cf-resume-wrap{position:relative;display:inline-flex}.cf-resume-btn{position:relative;z-index:1}.cf-resume-file{position:absolute;left:50%;bottom:4px;z-index:0;width:72px;height:82px;padding:9px 8px;display:flex;flex-direction:column;gap:5px;background:#fdfdfb;border:1px solid rgba(38,35,35,.08);border-radius:7px;box-shadow:0 12px 24px -8px rgba(8,30,22,.4);transform:translate(-50%,48px) rotate(-5deg);transform-origin:50% 100%;opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .32s ease}.cf-resume-wrap:has(.cf-resume-btn:focus-visible) .cf-resume-file,.cf-resume-wrap:hover .cf-resume-file{transform:translate(-50%,-2px) rotate(-5deg);opacity:1}.cf-resume-file-head{height:9px;width:62%;border-radius:2px;background:var(--accent)}.cf-resume-file-line{height:4px;border-radius:2px;background:#e0e0d9}.cf-resume-file-line.s{width:70%}@media (prefers-reduced-motion:reduce){.cf-resume-file{transition:opacity .2s ease}}.cf-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:background .25s ease,box-shadow .25s ease}.cf-nav[data-overhero=false]{background:rgba(245,245,240,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}.cf-nav-inner{max-width:var(--maxw);margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.cf-nav-brand{font-weight:600;font-size:16px;letter-spacing:-.01em;color:#fff}.cf-nav[data-overhero=false] .cf-nav-brand{color:var(--ink)}.cf-nav-pill{display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13.5px}.cf-nav[data-overhero=false] .cf-nav-pill{background:rgba(255,255,255,.7);border-color:var(--line)}.cf-nav-pill-group{display:flex;align-items:center;gap:2px}.cf-nav-pill-lead{padding:7px 8px 7px 12px;color:rgba(255,255,255,.7)}.cf-nav[data-overhero=false] .cf-nav-pill-lead{color:var(--gray)}.cf-nav-pill a{padding:7px 11px;border-radius:999px;color:rgba(255,255,255,.92);transition:background .15s ease,color .15s ease}.cf-nav[data-overhero=false] .cf-nav-pill a{color:var(--ink-soft)}.cf-nav-pill a:hover{background:rgba(255,255,255,.22)}.cf-nav[data-overhero=false] .cf-nav-pill a:hover{background:rgba(0,0,0,.05)}.cf-nav-pill-sep{width:1px;height:18px;background:rgba(255,255,255,.3);margin:0 4px}.cf-nav[data-overhero=false] .cf-nav-pill-sep{background:var(--line)}.cf-nav-pill-cta{background:#fff!important;color:var(--ink)!important;font-weight:500}.cf-nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px}.cf-nav-burger span{width:22px;height:2px;background:#fff;border-radius:2px;transition:.2s ease}.cf-nav[data-overhero=false] .cf-nav-burger span{background:var(--ink)}.cf-nav-mobile{display:none;flex-direction:column;gap:4px;margin:12px 24px 0;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:14px}.cf-nav-mobile a{padding:10px 12px;border-radius:8px;color:var(--ink)}.cf-nav-mobile a:hover{background:var(--cream-2)}.cf-sky{position:relative;display:flex;flex-direction:column;min-height:92vh;overflow:hidden}.cf-sky-grad{background:linear-gradient(180deg,var(--sky-top) 0,#4a96e6 46%,var(--sky-bot) 100%)}.cf-clouds,.cf-sky-grad{position:absolute;inset:0}.cf-clouds{pointer-events:none;overflow:hidden}.cf-cloud{position:absolute;image-rendering:pixelated}.cf-cloud-a{top:9%;left:-16%;width:280px;animation:cf-drift 56s linear infinite}.cf-cloud-b{top:22%;left:-40%;width:200px;opacity:.92;animation:cf-drift 78s linear infinite}.cf-cloud-c{top:14%;left:-25%;width:150px;opacity:.85;animation:cf-drift 96s linear infinite}.cf-cloud-d{top:30%;left:-55%;width:120px;opacity:.8;animation:cf-drift 120s linear infinite}.cf-cloud-e{top:6%;left:-70%;width:100px;opacity:.75;animation:cf-drift 140s linear infinite}@keyframes cf-drift{0%{transform:translateX(0)}to{transform:translateX(230vw)}}.cf-skyline{bottom:232px;height:120px;pointer-events:none}.cf-hills,.cf-skyline{position:absolute;left:0;right:0;image-rendering:pixelated}.cf-hills{bottom:96px;height:300px}.cf-tree{position:absolute;image-rendering:pixelated;pointer-events:none;transform-origin:50% 100%}.cf-tree-left{left:5%;bottom:188px;width:116px;height:186px;z-index:1}.cf-tree-right{right:-2%;bottom:72px;width:340px;height:544px;z-index:1}.cf-bench{left:12%;bottom:196px;width:116px;height:75px;z-index:1}.cf-bench,.cf-laptop{position:absolute;image-rendering:pixelated;pointer-events:none}.cf-laptop{left:40%;bottom:122px;width:192px;height:144px;z-index:2;filter:drop-shadow(0 9px 0 rgba(0,0,0,.1))}.cf-journal{left:31%;bottom:108px;width:150px;height:84px;filter:drop-shadow(0 7px 0 rgba(0,0,0,.08))}.cf-flower,.cf-journal{position:absolute;image-rendering:pixelated;z-index:2;pointer-events:none}.cf-flower{transform-origin:50% 100%}.cf-flower-1{left:55%;bottom:132px;width:30px;height:66px}.cf-flower-2{left:27%;bottom:118px;width:24px;height:54px}.cf-ladybug{left:49%;bottom:102px;width:24px;height:18px;z-index:2}.cf-foreground,.cf-ladybug{position:absolute;image-rendering:pixelated;pointer-events:none}.cf-foreground{left:0;right:0;bottom:0;height:150px;z-index:1}.cf-grass{position:relative;height:64px;image-rendering:pixelated}.cf-hero-grass{position:absolute;left:0;right:0;bottom:0;z-index:1}.cf-sway{animation:cf-sway 6s ease-in-out infinite}.cf-sway-slow{animation-duration:8.5s}.cf-sway-fast{animation:cf-sway 3.4s ease-in-out infinite}@keyframes cf-sway{0%,to{transform:rotate(-1.1deg)}50%{transform:rotate(1.1deg)}}.cf-bob{animation:cf-bob 5s ease-in-out infinite}.cf-bob-slow{animation-duration:7s}@keyframes cf-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cf-crawl{animation:cf-crawl 14s linear infinite}@keyframes cf-crawl{0%{transform:translateX(0)}50%{transform:translateX(120px)}50.01%{transform:translateX(120px) scaleX(-1)}to{transform:translateX(0) scaleX(-1)}}.cf-hero-bg{position:absolute;inset:-2%;z-index:2;background-image:url(/assets/hero-pixel.png);background-size:cover;background-position:bottom;background-repeat:no-repeat;image-rendering:auto}.cf-hero-kenburns{animation:cf-kenburns 34s ease-in-out infinite alternate;transform-origin:60% 70%}@keyframes cf-kenburns{0%{transform:scale(1.02)}to{transform:scale(1.07) translate(-1.2%,-.8%)}}.cf-hero-scrim{inset:0;z-index:3;background:linear-gradient(95deg,rgba(8,32,58,.24),rgba(8,32,58,.1) 26%,transparent 46%),linear-gradient(0deg,rgba(8,32,58,.14),transparent 26%)}.cf-hero-leak,.cf-hero-scrim{position:absolute;pointer-events:none}.cf-hero-leak{--leak-noise:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='150'%20height='150'%3E%3Cfilter%20id='n'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.22'%20numOctaves='2'%20seed='4'%20stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type='discrete'%20tableValues='0%200%201%201%201'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width='150'%20height='150'%20filter='url(%23n)'/%3E%3C/svg%3E");left:0;right:0;bottom:0;height:86px;z-index:4;background:var(--cream-2);-webkit-mask-image:var(--leak-noise),linear-gradient(to top,transparent 50%,#000 68%,transparent 100%),linear-gradient(to top,#000 0,#000 58%,transparent 80%);-webkit-mask-size:150px 150px,100% 100%,100% 100%;-webkit-mask-repeat:repeat,no-repeat,no-repeat;-webkit-mask-composite:source-in,source-over;mask-image:var(--leak-noise),linear-gradient(to top,transparent 50%,#000 68%,transparent 100%),linear-gradient(to top,#000 0,#000 58%,transparent 80%);mask-size:150px 150px,100% 100%,100% 100%;mask-repeat:repeat,no-repeat,no-repeat;-webkit-mask-composite:source-in,source-over,xor;mask-composite:intersect,add}.cf-hero,.cf-hero-plain{position:relative}.cf-hero-plain{overflow:hidden;background:var(--cream)}.cf-hero-plain-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 92% at 16% -8%,rgba(187,244,81,.16),transparent 52%),linear-gradient(180deg,var(--surface-raised) 0,var(--cream) 58%,var(--cream-2) 100%)}.cf-hero-plain .cf-hero-inner{position:relative;z-index:2;min-height:86vh;padding-top:132px;padding-bottom:84px}.cf-hero-plain .cf-hero-h1{color:var(--ink);text-shadow:none}.cf-hero-plain .cf-hero-h1-dim{color:var(--gray)}.cf-hero-plain .cf-hero-sub{color:var(--ink-soft);text-shadow:none}.cf-hero-plain .cf-chip{color:var(--ink-soft);background:var(--surface-raised);border-color:var(--line);box-shadow:0 12px 30px -14px rgba(20,22,28,.22);-webkit-backdrop-filter:none;backdrop-filter:none}.cf-hero-plain .cf-chip-label{color:var(--ink)}.cf-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 0);background-size:56px 56px;pointer-events:none}.cf-hero-inner{position:relative;z-index:5;flex:1 1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;grid-gap:40px;gap:40px;padding-top:96px;padding-bottom:80px}.cf-hero-text{max-width:560px}.cf-hero-h1{display:flex;flex-direction:column;font-size:clamp(40px,6vw,76px);line-height:1.05;letter-spacing:-.018em;font-weight:480;color:#fff;margin:0 0 24px;text-shadow:0 2px 20px rgba(6,26,48,.55),0 1px 2px rgba(6,26,48,.45)}.cf-hero-h1-dim{color:#fff}.cf-hero-sub{font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:rgba(255,255,255,.92);margin:0 0 32px;max-width:500px;text-shadow:0 1px 12px rgba(6,26,48,.5)}.cf-hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.cf-hero-stage{position:relative;height:460px}.cf-hero-chips{z-index:6;top:6px}.cf-chip,.cf-hero-chips{position:absolute;right:0}.cf-chip{top:0;display:inline-flex;align-items:center;white-space:nowrap;gap:8px;font-size:13px;color:#fff;background:rgba(20,40,25,.42);border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:9px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(0,0,0,.2);opacity:0;animation:cf-chip-cycle 6.6s ease-in-out infinite}.cf-chip-1{animation-delay:0s}.cf-chip-2{animation-delay:2.2s}.cf-chip-3{animation-delay:4.4s}.cf-chip-dot{width:7px;height:7px;border-radius:50%;background:#7be07b;box-shadow:0 0 8px #7be07b}.cf-chip-state{font-family:var(--mono);font-size:12px;color:rgba(255,255,255,.7)}.cf-chip-label{font-weight:600}@keyframes cf-chip-cycle{0%{opacity:0;transform:translateY(12px) translateX(8px) scale(.96)}6%{opacity:1;transform:translateY(0) translateX(0) scale(1)}27%{opacity:1;transform:translateY(0) translateX(0) scale(1)}33%{opacity:0;transform:translateY(-10px) translateX(8px) scale(.96)}to{opacity:0;transform:translateY(12px) translateX(8px) scale(.96)}}.cf-photo-card{position:absolute;z-index:5;right:4%;bottom:6px;margin:0;width:min(330px,78%);padding:9px;background:repeating-conic-gradient(#ffffff 0 25%,#d6d6cf 0 50%) 0 0 /10px 10px;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.3);transform:rotate(-3.5deg);animation:cf-tilt 9s ease-in-out infinite}@keyframes cf-tilt{0%,to{transform:rotate(-3.5deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-8px)}}.cf-photo-frame{position:relative;border-radius:13px;overflow:hidden;background:#ddd}.cf-photo-img{width:100%;height:420px;object-fit:cover;object-position:50% 50%;display:block;transform:scale(2.4);transform-origin:10% 70%}.cf-photo-overlay{position:absolute;left:0;right:0;bottom:0;padding:18px 16px 14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));color:#fff}.cf-photo-name{font-weight:700;font-size:18px}.cf-photo-role{font-size:12.5px;color:rgba(255,255,255,.78);margin-top:2px}.cf-photo-link{display:inline-block;margin-top:10px;font-family:var(--mono);font-size:12.5px;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:6px 12px}.cf-photo-link:hover{background:rgba(255,255,255,.28)}.cf-tools{padding:clamp(80px,11vw,140px) 0;background:var(--cream)}.cf-tools-h2{text-align:center;font-size:clamp(30px,4.4vw,52px);line-height:1.06;letter-spacing:-.02em;font-weight:600;margin:0 0 44px}.cf-tools-tabs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;max-width:980px;margin:0 auto 40px}.cf-tools-tab{text-align:left;background:none;border:0;border-left:2px solid var(--line);padding:4px 18px;cursor:pointer;transition:border-color .2s ease,opacity .2s ease;opacity:.45}.cf-tools-tab.is-active{opacity:1;border-left-color:var(--accent)}.cf-tools-tab-key{display:block;font-weight:600;font-size:15px;margin-bottom:6px}.cf-tools-tab-desc{display:block;font-size:13.5px;line-height:1.5;color:var(--gray)}.cf-tools-tab.is-active .cf-tools-tab-desc{color:var(--ink-soft)}.cf-tools-stage{position:relative;max-width:940px;margin:0 auto;background:linear-gradient(180deg,#eef1f4,#e6eaef);border:1px solid var(--line);border-radius:22px;padding:32px 32px 26px;min-height:440px;flex-direction:column}.cf-tools-panel,.cf-tools-stage{display:flex;align-items:center;justify-content:center}.cf-tools-panel{position:absolute;inset:32px 32px 70px;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.cf-tools-panel.is-on{opacity:1;transform:none;pointer-events:auto}.cf-tools-control{position:absolute;bottom:22px;display:inline-flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 8px;font-size:13px}.cf-tools-arrow{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:16px;line-height:1;color:var(--ink)}.cf-tools-arrow:hover{background:var(--cream-2)}.cf-tools-label{font-family:var(--mono);color:var(--gray)}.cf-tools-count{font-family:var(--mono);color:var(--ink)}.cf-browser{width:100%;max-width:640px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.12)}.cf-browser-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fafafa;border-bottom:1px solid var(--line)}.cf-browser-dots{display:flex;gap:6px}.cf-browser-dots i{width:10px;height:10px;border-radius:50%;background:#e0e0db}.cf-browser-url{flex:1 1;text-align:center;font-family:var(--mono);font-size:12px;color:var(--gray);background:#fff;border:1px solid var(--line);border-radius:7px;padding:4px 10px}.cf-browser-shot{width:100%;height:320px;object-fit:cover;object-position:top;display:block}.cf-phone{position:relative;width:220px;border:8px solid #1a1a1a;border-radius:32px;overflow:hidden;background:#000;box-shadow:0 24px 60px rgba(0,0,0,.25)}.cf-phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:80px;height:18px;background:#1a1a1a;border-radius:0 0 12px 12px;z-index:2}.cf-phone-shot{width:100%;height:380px;object-fit:cover;object-position:top;display:block}.cf-data{width:100%;max-width:680px}.cf-data-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-bottom:22px}.cf-data-stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.cf-data-stat-k{font-size:12px;color:var(--gray)}.cf-data-stat-v{font-size:26px;font-weight:700;margin:4px 0 8px;letter-spacing:-.02em}.cf-data-bar{height:6px;background:#eef0f2;border-radius:4px;overflow:hidden}.cf-data-bar i{display:block;height:100%;background:var(--grass)}.cf-data-stat-d{font-family:var(--mono);font-size:11px;color:#5a9c39;margin-top:8px}.cf-data-chart{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.cf-process{padding:clamp(44px,6vw,80px) 0;background:var(--cream-2)}.cf-process-intro{max-width:640px;margin-bottom:28px}.cf-process-h2{font-size:clamp(26px,3.6vw,40px);line-height:1.1;letter-spacing:-.02em;font-weight:600;margin:0}.cf-steps{display:flex;flex-direction:column;gap:clamp(40px,6vw,72px)}.cf-step{display:grid;grid-template-columns:.9fr 1px 1.1fr;align-items:center;grid-gap:36px;gap:36px}.cf-step-flip{grid-template-columns:1.15fr 1px .85fr}.cf-step-flip .cf-step-text{order:3}.cf-step-flip .cf-step-visual{order:1}.cf-step-text{max-width:420px}.cf-step-title{font-size:clamp(22px,2.6vw,30px);line-height:1.12;letter-spacing:-.02em;font-weight:600;margin:0 0 14px}.cf-step-body{font-size:15.5px;line-height:1.6;color:var(--ink-soft);margin:0 0 20px}.cf-step-cta{font-family:var(--mono);font-size:13px;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px}.cf-step-cta:hover{color:var(--accent);border-color:var(--accent)}.cf-step-divider{align-self:stretch;width:1px;background:var(--line)}.cf-step-flip .cf-step-divider{order:2}.cf-step-visual{display:flex;justify-content:center}.cf-pin-wrap{position:relative}.cf-stepper{--p:0;display:grid;grid-template-columns:1fr 1.05fr;grid-gap:clamp(36px,5vw,88px);gap:clamp(36px,5vw,88px);align-items:center}.cf-pin-wrap .cf-stepper{position:-webkit-sticky;position:sticky;top:0;height:100vh;align-content:center}.cf-stepper-list{gap:4px}.cf-stepper-item,.cf-stepper-list{display:flex;flex-direction:column}.cf-stepper-item{min-height:0;justify-content:center;padding:14px 0;max-width:440px}.cf-stepper-eyebrow{display:flex;align-items:center;gap:16px;font-family:var(--font-pixel);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);margin-bottom:10px;transition:color .45s ease}.cf-stepper-line{flex:1 1;height:1px;background:var(--line);transition:background .4s ease}.cf-stepper-item[data-active=true] .cf-stepper-eyebrow{color:var(--accent)}.cf-stepper-item[data-passed=true] .cf-stepper-line{background:linear-gradient(90deg,var(--accent),rgba(var(--accent-rgb),.12))}.cf-stepper-title{font-size:clamp(26px,3.4vw,40px);line-height:1.08;letter-spacing:-.02em;font-weight:600;margin:0;color:var(--gray);opacity:.5;transition:color .32s cubic-bezier(.16,1,.3,1),opacity .32s cubic-bezier(.16,1,.3,1)}.cf-stepper-item[data-active=true] .cf-stepper-title{color:var(--ink);opacity:1}.cf-stepper-detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s cubic-bezier(.2,.7,.2,1),opacity .4s ease}.cf-stepper-detail-inner{overflow:hidden;min-height:0}.cf-stepper-item[data-active=true] .cf-stepper-detail{grid-template-rows:1fr;opacity:1}.cf-stepper-body{font-size:15.5px;line-height:1.55;color:var(--ink-soft);margin:12px 0 14px;max-width:430px}.cf-stepper-item-visual{display:none}.cf-stepper-visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:26px}.cf-stepper-sticky{position:static;height:auto}.cf-stepper-stage-box,.cf-stepper-sticky{display:flex;align-items:center;justify-content:center;width:100%}.cf-stepper-stage-box{position:relative;max-width:430px;min-height:420px}.cf-pin-progress{width:100%;max-width:430px;display:flex;flex-direction:column;gap:9px}.cf-pin-progress-track{width:100%;height:3px;border-radius:999px;background:var(--line);overflow:hidden}.cf-pin-progress-fill{display:block;width:100%;height:100%;border-radius:999px;transform-origin:left center;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--accent),var(--accent-deep,var(--accent)));will-change:transform}.cf-pin-progress-meta{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--gray)}.cf-pin-progress-meta b{color:var(--ink);font-weight:600}.cf-pin-dots{display:flex;gap:7px}.cf-pin-dots i{width:7px;height:7px;border-radius:50%;background:var(--line);transition:background .3s ease,transform .3s ease}.cf-pin-dots i[data-on=true]{background:var(--accent);transform:scale(1.3)}.cf-pin-dots i[data-done=true]{background:rgba(var(--accent-rgb),.5)}.cf-stepper-pane{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:cf-pane-in .5s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}.cf-stepper-pane .cf-stage{margin:0}@keyframes cf-pane-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}.cf-stepper-pill{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12.5px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 17px;box-shadow:0 12px 28px -12px rgba(20,22,28,.22);white-space:nowrap;z-index:4;animation:cf-pill-in .45s cubic-bezier(.16,1,.3,1) both}@keyframes cf-pill-in{0%{opacity:0;transform:translate(-50%,10px) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}.cf-stepper-pill-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px rgba(var(--accent-rgb),.7)}@keyframes cf-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cf-stage .cf-an-row,.cf-stage .cf-rep-row,.cf-stage .cf-vis-row{animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.cf-stage .cf-vis-search .cf-type{display:inline-block;max-width:28ch;white-space:nowrap;overflow:hidden;vertical-align:bottom;animation:cf-typing .95s steps(28) both}@keyframes cf-typing{0%{max-width:0}to{max-width:28ch}}.cf-stage .cf-rep-head,.cf-stage .cf-rep-label{animation:cf-fade-up .34s cubic-bezier(.16,1,.3,1) both}.cf-stage .cf-rep-big{animation:cf-fade-up .42s cubic-bezier(.16,1,.3,1) .08s both}.cf-stage .cf-rep-legend{animation:cf-fade-up .34s cubic-bezier(.16,1,.3,1) .28s both}.cf-stage .cf-rep-bar i{animation:cf-grow-snap .8s cubic-bezier(.16,1,.3,1) .16s both}@keyframes cf-grow-snap{0%{transform:scaleX(0)}72%{transform:scaleX(1.03)}to{transform:scaleX(1)}}.cf-stage .cf-term-line{animation:cf-fade-up .28s cubic-bezier(.16,1,.3,1) both}.cf-stage .cf-term-line:first-child{animation-delay:.12s}.cf-stage .cf-term-line:nth-child(2){animation-delay:.22s}.cf-stage .cf-term-line:nth-child(3){animation-delay:.32s}.cf-stage .cf-term-line:nth-child(4){animation-delay:.42s}.cf-stage .cf-term-line:nth-child(5){animation-delay:.52s}.cf-stage .cf-term-line:nth-child(6){animation-delay:.62s}.cf-stage .cf-term-stats{animation:cf-fade-up .36s cubic-bezier(.16,1,.3,1) .72s both}.cf-stage .cf-adapt-card{animation:cf-fade-up .4s cubic-bezier(.16,1,.3,1) both}.cf-stage .cf-adapt-before{animation-delay:.1s}.cf-stage .cf-adapt-after{animation-delay:.22s}.cf-stage .cf-adapt-arrow{animation:cf-fade-up .4s cubic-bezier(.16,1,.3,1) .36s both}.cf-vis-adapt.cf-adapt--scrub .cf-adapt-arrow,.cf-vis-adapt.cf-adapt--scrub .cf-adapt-card,.cf-vis-adapt.cf-adapt--scrub .cf-adapt-cta,.cf-vis-adapt.cf-adapt--scrub .cf-adapt-label,.cf-vis-adapt.cf-adapt--scrub .cf-adapt-pills span,.cf-vis-adapt.cf-adapt--scrub .cf-adapt-product{animation:none!important}.cf-vis-adapt.cf-adapt--scrub .cf-adapt-after{position:relative}.cf-vis-adapt.cf-adapt--scrub .cf-adapt-cta,.cf-vis-adapt.cf-adapt--scrub .cf-adapt-label.on,.cf-vis-adapt.cf-adapt--scrub .cf-adapt-pills span,.cf-vis-adapt.cf-adapt--scrub .cf-adapt-product{opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 8px));will-change:opacity,transform}.cf-vis-adapt.cf-adapt--scrub .cf-adapt-before{opacity:calc(.62 - var(--p) * .34)}.cf-vis-adapt.cf-adapt--scrub .cf-adapt-arrow{opacity:clamp(0,calc((var(--p) - .04) / .16),1);transform:translateX(calc(-8px + min(var(--p), .5) * 16px));will-change:opacity,transform}.cf-vis-adapt.cf-adapt--scrub .cf-adapt-label.on{--t:clamp(0,calc((var(--p) - 0.08) / 0.14),1)}.cf-vis-adapt.cf-adapt--scrub .cf-adapt-pills span:first-child{--t:clamp(0,calc((var(--p) - 0.20) / 0.12),1)}.cf-vis-adapt.cf-adapt--scrub .cf-adapt-pills span:nth-child(2){--t:clamp(0,calc((var(--p) - 0.27) / 0.12),1)}.cf-vis-adapt.cf-adapt--scrub .cf-adapt-pills span:nth-child(3){--t:clamp(0,calc((var(--p) - 0.34) / 0.12),1)}.cf-vis-adapt.cf-adapt--scrub .cf-adapt-product{--t:clamp(0,calc((var(--p) - 0.46) / 0.16),1)}.cf-vis-adapt.cf-adapt--scrub .cf-adapt-cta{--t:clamp(0,calc((var(--p) - 0.66) / 0.18),1)}.cf-adapt-skel{position:absolute;inset:12px;display:flex;flex-direction:column;gap:10px;pointer-events:none;z-index:1;opacity:clamp(0,calc((.28 - var(--p)) / .22),1)}.cf-adapt-skel span{height:13px;border-radius:5px;background:linear-gradient(90deg,#ededE7,#f6f6f1,#ededE7);background-size:200% 100%;animation:cf-skel-shimmer 1.4s linear infinite}.cf-adapt-skel span:first-child{width:52%}.cf-adapt-skel span:nth-child(2){width:88%;height:30px}.cf-adapt-skel span:nth-child(3){width:70%}.cf-adapt-skel span:nth-child(4){width:100%;height:30px;margin-top:auto}@keyframes cf-skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cf-stage .cf-an-stat{animation:cf-fade-up .34s cubic-bezier(.16,1,.3,1) both}.cf-stage .cf-an-stat:first-child{animation-delay:.1s}.cf-stage .cf-an-stat:nth-child(2){animation-delay:.2s}.cf-stage .cf-an-stat:nth-child(3){animation-delay:.3s}@media (max-width:900px){.cf-pin-wrap .cf-stepper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100vh;padding:72px 16px 20px;overflow:hidden}.cf-stepper-list{width:100%;max-width:460px;flex:0 0 auto}.cf-stepper-item{display:none;min-height:0;padding:0;max-width:none}.cf-stepper-item[data-active=true]{display:flex}.cf-stepper-detail{grid-template-rows:1fr;opacity:1}.cf-stepper-title{color:var(--ink);opacity:1;font-size:clamp(21px,5.6vw,28px)}.cf-stepper-body{font-size:14.5px;margin:10px 0 0}.cf-step-cta,.cf-stepper-item-visual{display:none}.cf-stepper-visual{display:flex;width:100%;gap:12px}.cf-stepper-sticky,.cf-stepper-visual{flex:1 1 auto;min-height:0}.cf-stepper-stage-box{min-height:0;max-width:340px;margin:0 auto}.cf-stepper-pill{display:none}.cf-pin-progress{max-width:340px;flex:0 0 auto}}.cf-vis{width:100%;max-width:460px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 18px 44px rgba(0,0,0,.08)}.cf-vis-search{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;color:var(--ink-soft);border:1px solid var(--line);border-radius:9px;padding:9px 12px;margin-bottom:12px}.cf-vis-caret{width:2px;height:14px;background:var(--accent);animation:cf-blink 1s steps(1) infinite}@keyframes cf-blink{50%{opacity:0}}.cf-vis-list{display:flex;flex-direction:column;gap:7px}.cf-vis-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;grid-gap:10px;gap:10px;font-family:var(--mono);font-size:12.5px;border:1px solid var(--line-2);border-radius:8px;padding:8px 11px;opacity:0;transform:translateX(-6px);animation:cf-row-in .4s ease forwards}@keyframes cf-row-in{to{opacity:1;transform:none}}.cf-vis-check{color:var(--grass);font-weight:700}.cf-vis-tag{color:var(--ink)}.cf-vis-val{color:var(--gray)}.cf-vis-adapt{display:flex;align-items:center;gap:14px}.cf-adapt-card{flex:1 1;border:1px solid var(--line);border-radius:12px;padding:12px;min-height:150px}.cf-adapt-before{opacity:.6}.cf-adapt-label{font-family:var(--mono);font-size:11px;color:var(--gray);margin-bottom:10px}.cf-adapt-label.on{color:#5a9c39}.cf-adapt-block{height:14px;border-radius:5px;background:#e8e8e2;margin-bottom:8px}.cf-adapt-block.sm{width:70%}.cf-adapt-block.xs{width:45%}.cf-adapt-arrow{color:var(--gray);font-size:20px}.cf-adapt-pills{display:flex;gap:6px;margin-bottom:10px}.cf-adapt-pills span{font-family:var(--mono);font-size:10px;border:1px solid var(--line);border-radius:999px;padding:3px 8px}.cf-adapt-product{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cf-adapt-thumb{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-deep))}.cf-adapt-pname,.cf-adapt-price{font-size:13px;font-weight:600}.cf-adapt-price{color:var(--accent)}.cf-adapt-cta{font-family:var(--mono);font-size:12px;background:var(--ink);color:#fff;border-radius:8px;padding:8px;text-align:center}.cf-vis-ship{padding:0;overflow:hidden}.cf-term{background:#14140f;border-radius:15px 15px 0 0;overflow:hidden}.cf-term-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#1e1e16}.cf-term-bar i{width:10px;height:10px;border-radius:50%;background:#3a3a30}.cf-term-bar span{margin-left:8px;font-family:var(--mono);font-size:11px;color:#6a6a5a}.cf-term-body{padding:14px 16px;font-family:var(--mono);font-size:12.5px;line-height:1.7}.cf-term-line{color:#d6d6c8;white-space:nowrap}.cf-term-line.dim{color:#6a6a5a}.cf-term-line.ok{color:#7bc74d}.cf-term-pre{color:var(--accent);margin-right:6px}.cf-term-cursor{width:8px;height:15px;background:#d6d6c8;display:inline-block}.cf-term-cursor.on{animation:cf-blink 1s steps(1) infinite}.cf-term-stats{display:flex;background:#fff}.cf-term-stats div{flex:1 1;text-align:center;padding:12px;border-right:1px solid var(--line)}.cf-term-stats div:last-child{border-right:0}.cf-term-stats b{display:block;font-size:18px;font-weight:700}.cf-term-stats span{font-family:var(--mono);font-size:11px;color:var(--gray)}.cf-vis-analytics{max-width:480px}.cf-an-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:14px}.cf-an-stat{border:1px solid var(--line-2);border-radius:10px;padding:10px}.cf-an-stat span{font-size:11px;color:var(--gray)}.cf-an-stat b{display:block;font-size:19px;font-weight:700;margin:2px 0;letter-spacing:-.02em}.cf-an-up{font-family:var(--mono);font-size:10px;color:#5a9c39}.cf-an-live{border:1px solid var(--line-2);border-radius:12px;padding:12px}.cf-an-live-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin-bottom:10px}.cf-an-dot{width:8px;height:8px;border-radius:50%;background:var(--grass);box-shadow:0 0 8px var(--grass)}.cf-an-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:7px 0;border-top:1px solid var(--line-2);opacity:0;transform:translateX(-6px);animation:cf-row-in .4s ease forwards}.cf-an-av{width:30px;height:30px;border-radius:50%;background:var(--cream-2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--ink-soft)}.cf-an-name{font-size:13px;font-weight:600}.cf-an-name small{display:block;font-weight:400;font-size:11px;color:var(--gray)}.cf-an-tag{font-family:var(--mono);font-size:10px;color:#3b7fc4;background:rgba(59,127,196,.1);border-radius:999px;padding:3px 8px}:root{--g-stage:#f1f1f3;--g-line:#e8e8eb;--g-green:#1e8e3e;--g-green-bg:#e7f4ea;--g-bar:linear-gradient(90deg,#8fdca6,#41ab63);--g-red:#c5372c;--g-red-bg:#fbeae7;--g-ink:#1f2024;--g-muted:#8a8d94}.cf-stage{position:relative;width:100%;max-width:420px;display:flex;justify-content:center}.cf-stage .cf-vis{width:100%;max-width:none;margin:0;box-shadow:0 16px 36px -14px rgba(20,22,28,.16)}.cf-card,.cf-stage .cf-vis{border:1px solid var(--g-line);border-radius:16px}.cf-card{background:#fff}.cf-card-report{position:absolute;top:0;right:-6px;width:47%;min-width:172px;padding:14px;z-index:3;box-shadow:0 26px 50px -16px rgba(20,22,28,.26);animation:cf-float 6.5s ease-in-out infinite}.cf-rep-head{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:600;color:var(--g-ink);margin-bottom:9px}.cf-rep-x{color:var(--g-muted);font-size:15px;line-height:1}.cf-rep-label{font-size:11px;color:var(--g-muted);margin-bottom:5px}.cf-rep-big{display:flex;align-items:baseline;gap:7px;font-size:clamp(23px,2.4vw,27px);font-weight:700;letter-spacing:-.025em;line-height:1;color:var(--g-ink);margin-bottom:10px}.cf-pill{font-family:var(--mono);font-size:10.5px;font-weight:600;border-radius:999px;padding:2px 7px;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.cf-pill.up{color:var(--g-green);background:var(--g-green-bg)}.cf-pill.down{color:var(--g-red);background:var(--g-red-bg)}.cf-rep-bar{height:32px;border-radius:9px;background:#eef0f2;overflow:hidden;margin-bottom:10px}.cf-rep-bar i{display:block;height:100%;border-radius:9px;background:var(--g-bar);transform:scaleX(0);transform-origin:left;animation:cf-grow 1.1s cubic-bezier(.2,.7,.2,1) forwards}@keyframes cf-grow{to{transform:scaleX(1)}}.cf-rep-legend{display:flex;gap:13px;font-size:10.5px;color:var(--g-muted);margin-bottom:9px}.cf-rep-legend b{color:var(--g-ink);font-weight:600;margin-left:3px}.cf-rep-dot{width:8px;height:8px;border-radius:50%;background:var(--g-green);display:inline-block;margin-right:5px;vertical-align:middle}.cf-rep-dot.muted{background:#cfd2d6}.cf-rep-rows{display:flex;flex-direction:column}.cf-rep-row{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;padding:5.5px 0;border-top:1px solid var(--g-line);opacity:0;transform:translateX(-6px);animation:cf-row-in .4s ease forwards}.cf-rep-row:first-child{border-top:0}.cf-rep-k{color:var(--g-muted)}.cf-rep-v{color:var(--g-ink);font-weight:600;display:flex;align-items:center;gap:7px}.cf-stage .cf-vis-caret{background:var(--g-green)}.cf-stage .cf-adapt-price,.cf-stage .cf-vis-check{color:var(--g-green)}.cf-stage .cf-adapt-thumb{background:linear-gradient(135deg,#43ad65,#2f8a4d)}.cf-stage .cf-adapt-label.on{color:var(--g-green)}.cf-stage .cf-adapt-cta{background:var(--g-green)}.cf-stage .cf-term-pre{color:#7bd496}@media (max-width:600px){.cf-stage{max-width:360px;padding-top:0;margin:0 auto}.cf-stage .cf-vis{width:100%}.cf-card-report{position:relative;top:auto;right:auto;width:84%;margin:-22px 0 0 auto;animation:none}}.cf-projects{padding:clamp(72px,10vw,130px) 0;background:var(--cream)}.cf-projects-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px}.cf-projects-h2{font-size:clamp(28px,4vw,46px);line-height:1.05;letter-spacing:-.02em;font-weight:600;margin:0}.cf-projects-nav{display:flex;gap:8px}.cf-rail-wrap{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}.cf-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px max(32px,calc((100vw - var(--maxw)) / 2 + 32px)) 28px;scrollbar-width:none}.cf-rail::-webkit-scrollbar{display:none}.cf-rail-end{flex:0 0 1px}.cf-pcard{flex:0 0 380px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.cf-pcard:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(0,0,0,.1)}.cf-pcard-peek{height:150px;background:var(--cream-2);overflow:hidden;display:flex;align-items:center;justify-content:center}.cf-pcard-img{width:100%;height:100%;object-fit:cover;object-position:top}.cf-pcard-peek-empty{background:linear-gradient(135deg,#2e7dd6,#6bb0f2)}.cf-pcard-peek-mark{font-family:var(--mono);font-size:40px;font-weight:700;color:rgba(255,255,255,.85)}.cf-pcard-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1 1}.cf-pcard-meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--gray);margin-bottom:12px}.cf-pcard-metric{color:var(--accent)}.cf-pcard-title{font-size:21px;line-height:1.15;letter-spacing:-.01em;font-weight:600;margin:0 0 4px}.cf-pcard-sub{font-size:13px;color:var(--gray);margin-bottom:12px}.cf-pcard-desc{font-size:13.5px;line-height:1.55;color:var(--ink-soft);margin-bottom:14px}.cf-pcard-desc :is(ul){margin:0;padding-left:16px}.cf-pcard-desc strong{color:var(--ink)}.cf-pcard-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.cf-pcard-tags span{font-family:var(--mono);font-size:10.5px;color:var(--gray);border:1px solid var(--line);border-radius:999px;padding:3px 8px}.cf-pcard-link{margin-top:auto;font-family:var(--mono);font-size:13px;color:var(--ink);border-bottom:1px solid transparent;align-self:flex-start}.cf-pcard-link:hover{border-color:var(--ink)}.cf-feat-intro,.cf-pcard-link-off{color:var(--gray)}.cf-feat-intro{font-size:17px;margin:18px 0 0;max-width:560px}.cf-feats{display:flex;flex-direction:column;gap:clamp(64px,9vw,116px);margin-top:clamp(44px,6vw,72px)}.cf-feat{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:clamp(36px,5vw,64px);gap:clamp(36px,5vw,64px);align-items:center}.cf-feat-flip{grid-template-columns:1fr 1.05fr}.cf-feat-flip .cf-feat-visual{order:2}.cf-feat-flip .cf-feat-body{order:1}.cf-feat-visual{min-width:0}.cf-feat-visual .cf-story-figure{margin:0}.cf-feat-stage{position:relative}.cf-feat-bubble{position:absolute;left:4px;bottom:42px;width:96px;height:96px;border-radius:50%;display:block;z-index:5;filter:drop-shadow(0 10px 22px rgba(38,35,35,.3));transition:transform .28s cubic-bezier(.34,1.4,.64,1)}.cf-feat-bubble img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--surface-raised);box-shadow:0 0 0 1px var(--line);background:var(--cream-2)}.cf-feat-bubble:hover{transform:scale(1.07) translateY(-2px)}.cf-feat-bubble:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;animation:cf-bubble-ring 2.8s ease-out infinite}@keyframes cf-bubble-ring{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),.35)}70%{box-shadow:0 0 0 14px rgba(var(--accent-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--accent-rgb),0)}}.cf-feat-bubble-chip{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);font-size:10px;line-height:1;color:#fff;background:rgba(0,0,0,.68);padding:4px 9px;border-radius:999px;white-space:nowrap}@media (max-width:640px){.cf-feat-bubble{width:74px;height:74px;bottom:38px}}@media (prefers-reduced-motion:reduce){.cf-feat-bubble{transition:none}.cf-feat-bubble:after{animation:none}}.cf-feat-body{min-width:0}.cf-feat-role{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray);margin-bottom:18px}.cf-feat-title{font-size:clamp(30px,4vw,46px);line-height:1.02;letter-spacing:-.025em;font-weight:600;margin:0 0 8px}.cf-feat-sub{color:var(--gray);font-size:16px;margin-bottom:18px}.cf-feat-desc{color:var(--ink-soft);font-size:15.5px;line-height:1.65;margin:0 0 22px}.cf-feat-desc strong{color:var(--ink);font-weight:600}.cf-feat-desc ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.cf-feat-metric{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border-radius:8px;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.28);color:var(--accent-text);font-size:12px;margin-bottom:22px}.cf-feat-metric-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.cf-feat-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:26px}.cf-feat-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.cf-feat-story{font-size:13.5px;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px;transition:color .2s ease,border-color .2s ease}.cf-feat-story:hover{color:var(--accent);border-color:var(--accent)}.cf-feat-url{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--gray);transition:color .2s ease}.cf-feat-url:hover{color:var(--accent)}.cf-feat-url-arrow{transition:transform .2s ease}.cf-feat-url:hover .cf-feat-url-arrow{transform:translate(2px,-2px)}.cf-feat-url-off{font-size:13px;color:var(--gray)}.cf-others{margin-top:clamp(64px,9vw,104px)}.cf-others-head{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding-top:26px;margin-bottom:22px}.cf-others-meta{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gray)}.cf-others-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.cf-mini{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cf-mini:hover{transform:translateY(-3px);box-shadow:0 22px 46px rgba(0,0,0,.08)}.cf-mini-logo{width:40px;height:40px;object-fit:contain;border-radius:8px;margin-bottom:12px;background:#fff;border:1px solid var(--line);padding:4px}.cf-mini-title{font-size:19px;font-weight:600;letter-spacing:-.015em;margin-bottom:4px}.cf-mini-sub{font-size:13px;color:var(--gray);margin-bottom:12px}.cf-mini-desc{font-size:14px;line-height:1.6;color:var(--ink-soft);margin:0 0 14px}.cf-mini-desc strong{color:var(--ink);font-weight:600}.cf-mini-desc ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.cf-mini-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.cf-mini-tags span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--gray);border:1px solid var(--line);border-radius:999px;padding:3px 8px}.cf-mini-link{margin-top:auto;font-size:12.5px;color:var(--ink);transition:color .2s ease}.cf-mini:hover .cf-mini-link{color:var(--accent)}.cf-books-wrap{position:relative;margin-top:clamp(36px,5vw,56px);padding:44px 0 12px}.cf-books-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);background-size:104px 80px;-webkit-mask-image:radial-gradient(circle at 50% 46%,#000 34%,rgba(0,0,0,.45) 58%,transparent 80%);mask-image:radial-gradient(circle at 50% 46%,#000 34%,rgba(0,0,0,.45) 58%,transparent 80%)}.cf-books{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-start;gap:clamp(40px,7vw,80px);flex-wrap:wrap}.cf-book{display:block;width:300px;text-decoration:none;cursor:pointer}.cf-book:nth-child(2){margin-top:48px}.cf-book-lift,.cf-book-stage{position:relative}.cf-book-lift{z-index:2;transform:translateY(32px);transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}.cf-book.is-lifted .cf-book-lift,.cf-book:hover .cf-book-lift{transform:translateY(-46px)}.cf-book-card{display:flex;align-items:stretch;min-height:360px;border-radius:4px 12px 12px 4px;background:var(--surface-raised);overflow:hidden;box-shadow:inset 0 2px 1px 0 #fff,0 0 0 1px rgba(38,35,35,.08),0 4px 8px 0 rgba(38,35,35,.03),0 9px 8px 0 rgba(38,35,35,.02)}.cf-book-spine{width:16px;flex-shrink:0;background:linear-gradient(270deg,rgba(210,208,202,.2),rgba(230,228,224,.1) 60%,rgba(245,244,241,.02))}.cf-book-content{flex:1 1;display:flex;flex-direction:column;min-width:0}.cf-book-head{padding:30px 20px 22px}.cf-book-title{margin:0;max-width:210px;font-family:var(--font-sans);font-size:21px;font-weight:500;line-height:1.1;letter-spacing:-.4px;color:var(--ink-strong);white-space:pre-line;text-shadow:0 .5px .5px #fff,0 .3px .3px rgba(0,0,0,.12)}.cf-book-divider-wrap{padding:0 20px}.cf-book-divider{display:block;height:1px;background:rgba(38,35,35,.1);box-shadow:0 .5px 0 0 rgba(255,255,255,.8)}.cf-book-label{padding:0 20px;margin-top:11px;font-size:9px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--gray)}.cf-book-cover{position:relative;margin:12px 20px 0;aspect-ratio:4/3;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:15px 16px;color:#fff}.cf-book-cover-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 0);background-size:15px 15px}.cf-book-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.3))}.cf-book-cover-stat{position:relative;z-index:1;font-size:34px;font-weight:700;letter-spacing:-.025em;line-height:1;text-shadow:0 1px 10px rgba(0,0,0,.25)}.cf-book-cover-label{position:relative;z-index:1;font-size:10px;margin-top:5px;color:rgba(255,255,255,.88)}.cf-book-cover-clay{background:linear-gradient(150deg,#d99a3e,#a9762a 64%,#7d551e)}.cf-book-cover-blue{background:linear-gradient(150deg,#4a90df,#2e6bb8 64%,#224f8a)}.cf-book-foot{display:flex;justify-content:space-between;padding:16px 20px 18px;margin-top:auto}.cf-book-foot span{font-size:8px;font-weight:500;color:var(--gray)}.cf-book-slot{position:absolute;z-index:3;left:-16px;right:-16px;bottom:-72px;height:120px;border-radius:10px 10px 24px 24px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.14));-webkit-backdrop-filter:blur(3px) saturate(1.05);backdrop-filter:blur(3px) saturate(1.05);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 24px 40px -26px rgba(38,35,35,.16);pointer-events:none}.cf-book-read{margin-top:90px;display:flex;align-items:center;justify-content:center}.cf-book-read-text{font-size:12px;color:var(--gray);transition:color .3s ease}.cf-book-read-arrow,.cf-book.is-lifted .cf-book-read-text,.cf-book:hover .cf-book-read-text{color:var(--ink-strong)}.cf-book-read-arrow{margin-left:6px;font-size:12px;opacity:0;transform:translateX(-4px);transition:opacity .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)}.cf-book.is-lifted .cf-book-read-arrow,.cf-book:hover .cf-book-read-arrow{opacity:1;transform:translateX(0)}@media (prefers-reduced-motion:reduce){.cf-book-card,.cf-book-lift,.cf-book-read-arrow{transition:none}}@media (max-width:700px){.cf-book{width:100%;max-width:320px}.cf-book:nth-child(2){margin-top:0}.cf-books{gap:52px}}.cf-story{padding:clamp(108px,13vw,140px) 0 clamp(96px,12vw,128px)}.cf-story-inner{max-width:920px}.cf-story-head{position:relative;text-align:center;padding-top:6px;margin-bottom:40px}.cf-story-back{position:absolute;left:0;top:12px;font-family:var(--mono);font-size:14px;color:var(--ink-soft);transition:color .15s ease}.cf-story-back:hover{color:var(--accent)}.cf-story-pill{display:inline-block;font-family:var(--mono);font-size:12px;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:6px 14px;background:var(--card);margin-bottom:22px}.cf-story-title{font-size:clamp(30px,5vw,54px);line-height:1.05;letter-spacing:-.025em;font-weight:600;margin:0 auto 18px;max-width:760px}.cf-story-pub{font-size:13px;color:var(--gray)}.cf-story-figure{margin:6px 0 0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:44px 44px;padding:18px}.cf-story-figure-phone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;margin:0;background-color:transparent;background-image:none;border:0;border-radius:0;box-shadow:none}.cf-story-figure-phone:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(115% 92% at 50% 50%,transparent 34%,#000 70%);mask-image:radial-gradient(115% 92% at 50% 50%,transparent 34%,#000 70%)}.cf-story-figure-phone .cf-coverflow{position:relative;z-index:1;width:100%}.cf-gallery-shot-wrap{aspect-ratio:16/10;overflow:hidden;background:var(--cream-2)}.cf-gallery-shot{width:100%;height:100%;object-fit:cover;object-position:top;animation:cf-fade .4s ease}@keyframes cf-fade{0%{opacity:.35}to{opacity:1}}.cf-coverflow{position:relative;height:460px;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent)}.cf-coverflow-slide{position:absolute;transition:transform .42s cubic-bezier(.34,1.08,.64,1),opacity .3s ease;will-change:transform,opacity}.cf-coverflow-img{width:208px;display:block;border-radius:20px;box-shadow:0 22px 54px rgba(0,0,0,.22)}.cf-gallery-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}.cf-gallery-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--accent-text);border:1px solid rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.08);border-radius:999px;padding:6px 13px}.cf-gallery-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.cf-gallery-fallback{aspect-ratio:16/9;border-radius:14px;background:linear-gradient(135deg,#2e7dd6,#6bb0f2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.cf-gallery-fallback-mark{font-family:var(--mono);font-size:64px;font-weight:700;color:rgba(255,255,255,.9)}.cf-gallery-fallback-logo{width:96px;height:96px;object-fit:contain;background:#fff;border-radius:16px;padding:14px}.cf-gallery-fallback-label{font-family:var(--mono);font-size:13px;color:rgba(255,255,255,.88)}.cf-gallery-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}.cf-gallery-arrow{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer;font-size:16px;line-height:1;color:var(--ink);transition:background .15s ease,border-color .15s ease}.cf-gallery-arrow:hover{background:var(--cream-2);border-color:var(--ink)}.cf-gallery-label{font-family:var(--mono);font-size:13px;color:var(--ink-soft);min-width:130px;text-align:center}.cf-gallery-count{font-family:var(--mono);font-size:12px;color:var(--gray)}.cf-story-body{max-width:720px;margin:50px auto 0}.cf-story-prose{font-size:17px;line-height:1.72;color:var(--ink-soft)}.cf-story-prose strong{color:var(--ink);font-weight:600}.cf-story-prose-dropcap:first-letter{float:left;font-size:62px;line-height:.8;font-weight:700;color:var(--ink);margin:6px 12px 0 0}.cf-story-prose-list ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:12px}.cf-story-prose-list li{font-size:16.5px;line-height:1.6}.cf-story-stack{margin-top:42px;border-top:1px solid var(--line);padding-top:26px}.cf-story-stack-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);margin-bottom:14px}.cf-story-tags{display:flex;flex-wrap:wrap;gap:8px}.cf-story-cta{margin-top:40px}.cf-story-visit{border-radius:980px;padding:13px 26px;font-size:14.5px;box-shadow:0 10px 24px -10px rgba(38,35,35,.55)}.cf-story-visit:hover{transform:translateY(-1px) scale(1.02)}.cf-story-visit .cf-btn-arrow{display:inline-block;transition:transform .3s cubic-bezier(.23,1,.32,1)}.cf-story-visit:hover .cf-btn-arrow{transform:translate(2px,-2px)}@media (prefers-reduced-motion:reduce){.cf-story-visit,.cf-story-visit .cf-btn-arrow{transition:none}}.cf-story-visit-off{font-family:var(--mono);font-size:14px;color:var(--gray);border:1px dashed var(--line);border-radius:12px;padding:12px 18px;display:inline-block}.cf-story-grid{display:block}.cf-toc{display:none}@media (min-width:1100px){.cf-story-grid{display:grid;grid-template-columns:248px minmax(0,768px);grid-gap:clamp(56px,7vw,104px);gap:clamp(56px,7vw,104px);justify-content:center;align-items:start}.cf-toc{display:block;position:-webkit-sticky;position:sticky;top:112px}}.cf-toc-head{font-size:16px;line-height:1.5;font-weight:400;color:var(--ink-soft);max-width:220px}.cf-toc-btn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 16px;border-radius:10px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:500;white-space:nowrap;box-shadow:0 8px 18px -8px rgba(38,35,35,.5);transition:transform .15s ease,background .15s ease}.cf-toc-btn:hover{background:#000;transform:translateY(-1px)}.cf-toc-nav{margin-top:38px;display:flex;flex-direction:column;gap:28px}.cf-toc-chapter-row{display:flex;align-items:baseline;gap:10px}.cf-toc-roman{font-size:13px;color:var(--gray)}span.cf-toc-chapter-title{font-size:16px;font-weight:600;color:var(--ink)}a.cf-toc-chapter-title{font-size:16px;font-weight:600;color:var(--ink-soft);transition:color .15s ease}a.cf-toc-chapter-title:hover{color:var(--ink)}.cf-toc-list{list-style:none;margin:16px 0 0;padding:0 0 0 34px;display:flex;flex-direction:column;gap:14px}.cf-toc-item{display:flex;align-items:center;gap:12px;font-size:15.5px;line-height:1.35;color:var(--ink-soft);transition:color .15s ease}.cf-toc-item:hover{color:var(--ink)}.cf-toc-dot{width:13px;height:13px;border-radius:50%;flex:0 0 13px;border:1.5px solid rgba(38,35,35,.22);background:transparent;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}.cf-toc-item.is-active{color:var(--ink)}.cf-toc-item.is-active .cf-toc-dot{border-color:#6faede;background:#a8cef1;box-shadow:0 0 0 3px rgba(111,174,222,.22)}.cf-toc-item.is-passed .cf-toc-dot{border-color:rgba(111,174,222,.55);background:rgba(168,206,241,.45)}.cf-story-head-left{text-align:left}.cf-story-head-left .cf-story-title{font-size:clamp(38px,4.8vw,54px);font-weight:450;letter-spacing:-.01em;line-height:1.08;color:var(--ink)}.cf-story-body-left .cf-story-prose{font-size:19px;line-height:1.72;max-width:720px}.cf-story-body-left .cf-story-prose ul li{font-size:18px;line-height:1.65}.cf-story-body-left .cf-story-h2{font-size:clamp(27px,3.2vw,33px);font-weight:500;letter-spacing:-.012em;margin:64px 0 20px}.cf-story-head-left .cf-story-back{position:static;display:inline-block;margin-bottom:18px}@media (min-width:1100px){.cf-story-head-left .cf-story-back{display:none}}.cf-story-head-left .cf-story-title{margin-left:0;margin-right:0;max-width:680px}.cf-story-body-left{margin:44px 0 0;max-width:none}.cf-story-body-left .cf-story-prose{max-width:700px}.cf-story-h2{font-size:clamp(23px,3vw,28px);line-height:1.25;letter-spacing:-.015em;margin:56px 0 16px;max-width:700px}.cf-story-h2,.cf-story-prose h3{font-weight:600;color:var(--ink)}.cf-story-prose h3{font-size:18px;line-height:1.4;margin:28px 0 10px}.cf-story-prose ul{margin:14px 0;padding-left:22px;display:flex;flex-direction:column;gap:9px}.cf-story-prose ul li{font-size:16.5px;line-height:1.62}.cf-story-prose code{font-family:var(--mono);font-size:.88em;background:var(--cream-2);border:1px solid var(--line-2);border-radius:6px;padding:1px 6px}.cf-check{margin:26px 0;max-width:720px}.cf-check-item{display:flex;align-items:flex-start;gap:18px;padding:22px 0}.cf-check-item+.cf-check-item{border-top:1px solid var(--line-2)}.cf-check-box{flex:0 0 26px;width:26px;height:26px;margin-top:1px;border-radius:8px;border:1.5px solid rgba(38,35,35,.16);background:var(--surface-raised);color:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.cf-check-box:hover{border-color:rgba(38,35,35,.32)}.cf-check-item.is-done .cf-check-box{background:#cfe5f8;border-color:#7cb2e0;color:#2f6ca3}.cf-check-title{font-size:19px;font-weight:600;line-height:1.4;color:var(--ink);transition:color .2s ease}.cf-check-item.is-done .cf-check-title{color:var(--gray);text-decoration:line-through;text-decoration-thickness:1.5px}.cf-check-text{margin:8px 0 0;font-size:17px;line-height:1.65;color:var(--ink-soft)}.cf-callout{border:1px solid rgba(var(--accent-rgb),.28);background:rgba(187,244,81,.13);border-radius:14px;padding:16px 20px;margin:24px 0;max-width:700px}.cf-callout p{margin:0;font-size:16px;line-height:1.65;color:var(--ink-strong)}.cf-callout strong{color:var(--ink);font-weight:600}.cf-img{margin:36px 0}.cf-img-mat{background:var(--surface-raised);border:1px solid var(--line-2);border-radius:16px;padding:16px;box-shadow:0 22px 48px -20px rgba(38,35,35,.28),0 4px 14px rgba(38,35,35,.06),inset 0 4px 14px rgba(38,35,35,.16),inset 0 1px 4px rgba(38,35,35,.1),inset 0 -1px 0 rgba(255,255,255,.65)}.cf-img-mat img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--line-2)}.cf-img-pair .cf-img-mat{display:flex;gap:14px}.cf-img-pair .cf-img-mat img{flex:1 1;min-width:0;align-self:flex-start}.cf-img-video .cf-img-mat iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:8px;background:var(--cream-2)}@media (min-width:1100px){.cf-story-grid .cf-img{margin-left:-52px;margin-right:-52px}}.cf-next-ch{display:block;margin-top:40px;border:1px solid var(--line);border-radius:16px;background:var(--card);padding:22px 26px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.cf-next-ch:hover{border-color:rgba(38,35,35,.3);transform:translateY(-2px);box-shadow:0 14px 34px -24px rgba(38,35,35,.3)}.cf-next-ch-label{display:block;font-size:12px;color:var(--gray);margin-bottom:8px}.cf-next-ch-title{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.cf-next-ch-arrow{transition:transform .25s cubic-bezier(.23,1,.32,1)}.cf-next-ch:hover .cf-next-ch-arrow{transform:translateX(4px)}.cf-next-ch-sub{display:block;margin-top:4px;font-size:14px;color:var(--ink-soft)}@media (max-width:640px){.cf-img-pair .cf-img-mat{flex-direction:column}}.cf-collage{margin:30px 0;text-align:center}.cf-collage-row{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap}.cf-collage-shot{display:inline-block;background:#fff;border:1px solid var(--line-2);border-radius:4px;padding:6px 6px 16px;margin:0 -8px;transform:rotate(var(--rot,0deg));box-shadow:0 8px 18px -8px rgba(38,35,35,.3);transition:transform .3s cubic-bezier(.34,1.4,.64,1),z-index 0s;position:relative}.cf-collage-shot:hover{transform:rotate(0deg) scale(1.5);z-index:6}.cf-collage-shot img{display:block;width:88px;height:112px;object-fit:cover;border-radius:2px}.cf-collage-note{margin-top:14px;font-size:12px;color:var(--gray)}@media (prefers-reduced-motion:reduce){.cf-collage-shot{transition:none}.cf-collage-shot:hover{transform:rotate(var(--rot,0deg))}.cf-next-ch,.cf-next-ch-arrow{transition:none}}#introduction,.cf-fig[id],.cf-story-h2[id]{scroll-margin-top:110px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (min-width:1100px){.cf-story-grid .cf-fig{margin-left:0;margin-right:0}}.cf-fig{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(20px,3.4vw,32px);margin:44px 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}@media (min-width:900px){.cf-fig{margin-left:-60px;margin-right:-60px}}.cf-fig-tag{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#3d7fb8;background:#eaf4fc;border:1px solid rgba(61,127,184,.38);border-radius:999px;padding:4px 11px;margin-bottom:14px}.cf-fig-title{font-size:clamp(20px,2.6vw,24px);line-height:1.3;letter-spacing:-.01em;font-weight:600;color:var(--ink);margin:0 0 8px}.cf-fig-caption{font-size:16px;line-height:1.6;color:var(--ink-soft);margin:0 0 18px;max-width:660px}.cf-fig-media-diagram{padding:18px 12px}.cf-diagram{display:block;width:100%;height:auto;font-family:inherit}.cf-fig-media{background:var(--cream);border:1px solid var(--line-2);border-radius:16px;padding:10px;box-shadow:inset 0 3px 10px rgba(38,35,35,.16),inset 0 1px 3px rgba(38,35,35,.11)}.cf-fig-media>img{display:block;width:100%;height:auto;border-radius:9px;border:1px solid var(--line-2)}.cf-fig-video{position:relative;aspect-ratio:16/9}.cf-fig-video iframe{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);border:0;border-radius:9px;background:var(--cream-2)}.cf-fig-phones{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.cf-fig-phones img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px}.cf-fig-notes{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:14px}.cf-fig-note{border:1px solid var(--line);border-radius:12px;background:var(--surface-raised);padding:14px 16px}.cf-fig-note p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-soft)}.cf-fig-note-pill{display:inline-block;font-size:11px;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;background:var(--card);padding:2px 9px;margin-bottom:8px}.cf-fig-note-green{background:rgba(187,244,81,.16);border-color:rgba(var(--accent-rgb),.35)}.cf-fig-note-green .cf-fig-note-pill{color:var(--accent-text);border-color:rgba(var(--accent-rgb),.4);background:rgba(187,244,81,.3)}@media (max-width:640px){.cf-fig-notes,.cf-fig-phones{grid-template-columns:1fr}}.cf-about-grid{display:grid;grid-template-columns:1fr .92fr;grid-gap:48px;gap:48px;align-items:center}.cf-about-body{font-size:16px;line-height:1.65;color:var(--ink-soft);margin:0 0 18px;max-width:540px}.cf-about-certs{margin:26px 0;display:flex;flex-direction:column;gap:10px}.cf-about-certs-label{font-size:11px;color:var(--gray);letter-spacing:.08em;text-transform:uppercase}.cf-about-cert{display:flex;align-items:center;gap:10px;font-size:13.5px;color:inherit;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.cf-about-cert:hover{border-color:rgba(var(--accent-rgb),.5);transform:translateY(-2px);box-shadow:0 10px 26px rgba(38,35,35,.08)}.cf-about-cert-logo{width:22px;height:22px;object-fit:contain;flex-shrink:0}.cf-about-cert-name{flex:1 1;min-width:0}.cf-about-cert-side{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.cf-about-cert-date{font-family:var(--mono);font-size:11px;color:var(--gray)}.cf-about-cert-go{font-size:11px;color:var(--accent-text);white-space:nowrap;transition:transform .2s ease}.cf-about-cert:hover .cf-about-cert-go{transform:translateX(2px)}.cf-about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.cf-about-photo{position:relative;perspective:1200px;padding:clamp(24px,4vw,40px)}.cf-about-photo:before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0);background-size:52px 52px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at center,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at center,#000 50%,transparent 100%);pointer-events:none}.cf-about-photo-frame{position:relative;z-index:1;padding:13px;background:#ffffff;border-radius:26px;box-shadow:0 28px 64px rgba(0,0,0,.16);transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0));transition:transform .2s ease-out,box-shadow .55s cubic-bezier(.2,.7,.2,1)}.cf-about-photo-frame:hover{--ty:-5px;box-shadow:0 40px 84px rgba(0,0,0,.22)}.cf-holo{position:absolute;inset:13px;border-radius:14px;z-index:2;pointer-events:none;opacity:0;transition:opacity .35s ease;background-size:250% 250%;background-position:calc(var(--mx, 50%) * -1) calc(var(--my, 50%) * -1)}.cf-holo-color{mix-blend-mode:color-dodge;background:linear-gradient(115deg,transparent 30%,rgba(255,90,170,.32) 41%,rgba(120,200,255,.34) 50%,rgba(150,255,190,.32) 59%,transparent 70%)}.cf-holo-glare{mix-blend-mode:screen;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.06) 47%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.06) 53%,transparent 60%);background-size:250% 250%;background-position:calc(var(--mx, 50%) * -1) calc(var(--my, 50%) * -1);-webkit-mask-image:none;mask-image:none}.cf-about-photo-frame:hover .cf-photo-px{opacity:.16}.cf-about-photo-frame:hover .cf-holo{opacity:.42}.cf-about-photo-frame:hover .cf-holo-glare{opacity:.9}.cf-about-photo-window{border-radius:14px;overflow:hidden;aspect-ratio:4/5}.cf-about-photo-img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;transform:scale(2.2);transform-origin:10% 73%}.cf-photo-px{position:absolute;inset:13px;z-index:2;pointer-events:none;border-radius:14px;opacity:0;transition:opacity .35s ease;mix-blend-mode:overlay;background:repeating-conic-gradient(#ffffff 0 25%,#3a3a3a 0 50%) 0 0 /5px 5px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='150'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.32' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 7 -2.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='150'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.32' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 7 -2.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cf-about-photo-panel{position:absolute;left:26px;right:26px;bottom:26px;z-index:3;padding:22px 22px 20px;border-radius:18px;background:rgba(22,26,18,.44);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);border:1px solid rgba(255,255,255,.1);color:#fff}.cf-about-photo-panel-text{margin:0 0 16px;font-size:20px;line-height:1.32;font-weight:500;letter-spacing:-.015em}.cf-panel-dim{color:rgba(255,255,255,.55)}.cf-exp-list{display:flex;flex-direction:column}.cf-exp-row{display:grid;grid-template-columns:260px 1fr;grid-gap:40px;gap:40px;padding:32px 0;border-top:1px solid var(--line)}.cf-exp-left{display:flex;gap:14px;align-items:flex-start}.cf-exp-logo{width:44px;height:44px;border-radius:10px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--mono);font-weight:600;font-size:14px;color:var(--ink-soft);overflow:hidden}.cf-exp-logo-img{width:100%;height:100%;object-fit:contain;padding:6px}.cf-exp-org{font-weight:600;font-size:15px}.cf-exp-period{font-size:12px;color:var(--gray);margin-top:2px}.cf-exp-role{font-size:17px;font-weight:600;margin-bottom:4px}.cf-exp-stack{font-size:12px;color:var(--gray);margin-bottom:14px}.cf-exp-bullets{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.cf-exp-bullets li{font-size:14.5px;line-height:1.55;color:var(--ink-soft)}.cf-exp-bullets strong{color:var(--ink)}.cf-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:28px;gap:28px}.cf-skill-group{border-top:1px solid var(--line);padding-top:18px}.cf-skill-label{font-size:12px;color:var(--gray);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.cf-skill-chips{display:flex;flex-wrap:wrap;gap:8px}.cf-contact{text-align:center;position:relative;overflow:hidden;padding-block:clamp(72px,10vw,140px)}.cf-contact:before{inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 68% 72% at 50% 44%,#000 32%,transparent 80%);mask-image:radial-gradient(ellipse 68% 72% at 50% 44%,#000 32%,transparent 80%)}.cf-contact:after,.cf-contact:before{content:"";position:absolute;z-index:0;pointer-events:none}.cf-contact:after{left:50%;top:38%;width:760px;height:440px;max-width:92%;transform:translate(-50%,-50%);background:radial-gradient(ellipse 60% 60% at 38% 35%,rgba(var(--accent-rgb),.12),transparent 70%),radial-gradient(ellipse 55% 55% at 70% 70%,rgba(59,127,196,.1),transparent 72%);filter:blur(8px)}.cf-contact-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:clamp(40px,6vw,76px) clamp(26px,5vw,64px);background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.14));-webkit-backdrop-filter:blur(34px) saturate(170%);backdrop-filter:blur(34px) saturate(170%);border-radius:34px;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 0 1px rgba(255,255,255,.1),0 28px 70px -26px rgba(38,35,35,.22),0 2px 10px rgba(38,35,35,.04);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.cf-contact-inner:hover{transform:translateY(-8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.12),0 44px 100px -30px rgba(38,35,35,.32),0 6px 20px rgba(38,35,35,.06)}.cf-contact .cf-eyebrow{display:inline-block;margin-bottom:20px}.cf-contact-h2{font-size:clamp(30px,4.6vw,54px);line-height:1.06;letter-spacing:-.03em;font-weight:600;margin:0 0 16px}.cf-contact-sub{font-size:17px;line-height:1.5;color:var(--gray);margin:0 auto 36px;max-width:460px}.cf-contact-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.cf-contact .cf-btn{border-radius:980px;padding:13px 26px;font-size:14.5px}.cf-contact .cf-btn-ink{box-shadow:0 10px 24px -10px rgba(38,35,35,.55)}.cf-contact .cf-btn-ink:hover{transform:translateY(-1px) scale(1.02)}.cf-contact .cf-btn-line{background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:rgba(38,35,35,.1)}.cf-contact .cf-btn-line:hover{background:rgba(255,255,255,.82);border-color:rgba(38,35,35,.2);transform:translateY(-1px)}.cf-contact-meta{display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px;color:var(--gray)}.cf-contact-sep{width:1px;height:14px;background:var(--line)}.cf-footer{background:var(--cream-2);padding-top:clamp(60px,8vw,100px);border-top:1px solid var(--line)}.cf-footer-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:40px;gap:40px;padding-bottom:60px}.cf-footer-h{font-size:clamp(26px,3.4vw,40px);line-height:1.08;letter-spacing:-.02em;font-weight:600;margin:0 0 20px}.cf-footer-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:var(--card)}.cf-footer-cols{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.cf-footer-col{display:flex;flex-direction:column;gap:10px}.cf-footer-col-head{font-size:11px;color:var(--gray);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.cf-footer-col a{font-size:14px;color:var(--ink-soft)}.cf-footer-col a:hover{color:var(--accent)}.cf-footer-grass{position:relative;margin-top:20px}.cf-footer-grass-strip{height:56px}.cf-footer-credit{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:12px;color:#2f5e1c}.pf-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.pf-reveal-in{opacity:1;transform:none}@media (max-width:960px){.cf-nav-pill{display:none}.cf-nav-burger,.cf-nav-mobile,.cf-nav[data-overhero=true]+* .cf-nav-mobile{display:flex}.cf-hero-inner{grid-template-columns:1fr;padding-top:110px}.cf-hero-stage{height:420px;margin-top:12px}.cf-photo-card{right:50%;transform:translateX(50%) rotate(-3deg)}@keyframes cf-tilt{0%,to{transform:translateX(50%) rotate(-3deg)}50%{transform:translateX(50%) rotate(-1.5deg) translateY(-6px)}}.cf-tools-tabs{grid-template-columns:repeat(2,1fr);gap:12px 0}.cf-step,.cf-step-flip{grid-template-columns:1fr;gap:26px}.cf-step-flip .cf-step-text{order:1}.cf-step-flip .cf-step-visual{order:2}.cf-step-divider,.cf-step-flip .cf-step-divider{display:none}.cf-about-grid{grid-template-columns:1fr;gap:36px}.cf-about-photo{max-width:420px;margin:0 auto}.cf-exp-row{grid-template-columns:1fr;gap:16px}.cf-footer-grid{grid-template-columns:1fr;gap:32px}.cf-feat,.cf-feat-flip{display:flex;flex-direction:column;gap:0}.cf-feat-body{display:contents}.cf-feat-role{order:1}.cf-feat-title{order:2}.cf-feat-sub{order:3}.cf-feat-flip .cf-feat-visual,.cf-feat-visual{order:4;margin:6px 0 26px}.cf-feat-desc{order:5}.cf-feat-metric{order:6;align-self:flex-start}.cf-feat-tags{order:7}.cf-feat-links{order:8}.cf-others-grid{grid-template-columns:1fr}}@media (max-width:560px){.cf-container,.cf-nav-inner{padding:0 20px}.cf-pcard{flex-basis:85vw}.cf-hero-chips{display:none}.cf-contact-ctas{flex-direction:column;align-items:stretch}.cf-contact .cf-btn{width:100%}.cf-contact-meta{flex-direction:column;gap:8px}.cf-contact-sep{display:none}.cf-footer-cols{grid-template-columns:repeat(2,1fr)}.cf-about-photo-panel{left:20px;right:20px;bottom:20px;padding:18px 18px 16px}.cf-about-photo-panel-text{font-size:17px}.cf-story-back{position:static;display:inline-block;margin-bottom:18px}.cf-story-figure{padding:10px;border-radius:16px}.cf-story-prose{font-size:16px}.cf-gallery-arrow{width:44px;height:44px}.cf-tag{font-size:12px;padding:5px 10px}.cf-books-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cf-books-wrap::-webkit-scrollbar{display:none}.cf-books{flex-wrap:nowrap;justify-content:flex-start;scroll-snap-type:x mandatory;gap:28px;padding:0 24px}.cf-book{flex:0 0 78vw;max-width:300px;scroll-snap-align:center}.cf-book:nth-child(2){margin-top:0}.cf-folder-peek{height:96px}}@media (prefers-reduced-motion:reduce){.cf-chip,.cf-cloud,.cf-photo-card{animation:none!important}.cf-chip{opacity:0!important}.cf-chip-1{opacity:1!important}.cf-about-photo-frame{transform:none!important;transition:none!important}.cf-holo,.cf-photo-px{display:none!important}.cf-an-row,.cf-vis-row{animation:none!important;opacity:1!important;transform:none!important}.cf-stage .cf-adapt-arrow,.cf-stage .cf-adapt-card,.cf-stage .cf-an-stat,.cf-stage .cf-rep-bar i,.cf-stage .cf-rep-big,.cf-stage .cf-rep-head,.cf-stage .cf-rep-label,.cf-stage .cf-rep-legend,.cf-stage .cf-term-line,.cf-stage .cf-term-stats,.cf-stage .cf-vis-search .cf-type,.cf-stepper-line,.cf-stepper-pane,.cf-stepper-pill{animation:none!important;opacity:1!important;transform:none!important;max-width:none!important}.cf-adapt--scrub .cf-adapt-arrow,.cf-adapt--scrub .cf-adapt-before,.cf-adapt--scrub .cf-adapt-cta,.cf-adapt--scrub .cf-adapt-label,.cf-adapt--scrub .cf-adapt-pills span,.cf-adapt--scrub .cf-adapt-product{opacity:1!important;transform:none!important}.cf-adapt-skel{display:none!important}.cf-pin-progress-fill{transform:scaleX(1)!important}.pf-reveal{opacity:1;transform:none}.cf-tools-panel,.pf-reveal{transition:none}.cf-feat-visual{transition:none!important}.cf-coverflow-slide{transition:opacity .3s ease!important}.cf-gallery-shot{animation:none!important}*{scroll-behavior:auto!important}}.cf-ph{isolation:isolate;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:40px;padding:116px 24px 52px;background:var(--cream);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cf-ph,.cf-ph-inner{position:relative;align-items:center}.cf-ph-inner{z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;grid-gap:clamp(28px,5vw,68px);gap:clamp(28px,5vw,68px)}.cf-ph-left{text-align:left}.cf-ph-right{display:flex;justify-content:center;align-items:center}.cf-ph-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.cf-ph-canvas-wrap{position:absolute;inset:0;overflow:hidden}.cf-ph-canvas{display:block;width:100%;height:100%}.cf-ph-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,transparent 30%,var(--cream) 100%);opacity:.7}.cf-ph-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:.16em;margin:0 0 26px;font-size:clamp(3rem,7.6vw,7.2rem);line-height:.92}.cf-ph-title span{color:transparent;background-image:linear-gradient(135deg,#262323,rgba(38,35,35,.74) 26%,rgba(38,35,35,.6) 45%,#262323 58%,rgba(38,35,35,.72) 78%,#262323);background-size:200% auto;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 14px 30px rgba(20,22,28,.16)) drop-shadow(0 4px 9px rgba(20,22,28,.1));animation:cf-ph-shimmer 8s linear infinite}.cf-ph-serif{font-family:ui-serif,Georgia,Times New Roman,serif;font-style:italic;font-weight:500;letter-spacing:-.005em}.cf-ph-sans{font-family:var(--font-sans);font-weight:800;letter-spacing:-.05em}@keyframes cf-ph-shimmer{0%{background-position:200%}to{background-position:0}}.cf-ph-title .cf-ph-serif{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#fff;color:#fff;-webkit-text-stroke:1.1px #8a8a8a;filter:none;animation:text-shadow-pop-bl .7s both}@keyframes text-shadow-pop-bl{0%{text-shadow:0 0 #5f5f5f,0 0 #595959,0 0 #545454,0 0 #4e4e4e,0 0 #484848,0 0 #424242,0 0 #3b3b3b,0 0 #353535;transform:translateX(0) translateY(0)}to{text-shadow:-1px 1px #5f5f5f,-2px 2px #595959,-3px 3px #545454,-4px 4px #4e4e4e,-5px 5px #484848,-6px 6px #424242,-7px 7px #3b3b3b,-8px 8px #353535;transform:translateX(8px) translateY(-8px)}}.cf-ph-desc{margin:0 0 30px;max-width:460px;font-family:var(--font-text);font-size:clamp(15px,1.4vw,18px);font-weight:400;line-height:1.6;color:var(--ink-soft)}.cf-ph-ctas{display:flex;gap:12px;align-items:center;justify-content:flex-start;opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease;transition-delay:.45s}.cf-ph-ctas.is-in{opacity:1;transform:none}.cf-ph-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border-radius:13px;font-size:14px;font-weight:600;letter-spacing:-.005em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.cf-ph-btn:hover{transform:scale(1.02)}.cf-ph-btn:active{transform:scale(.98)}.cf-ph-btn-primary{background:linear-gradient(180deg,#322e2e,var(--ink));color:#fff;box-shadow:inset 0 1px 1px rgba(255,255,255,.16),0 2px 4px rgba(0,0,0,.15),0 14px 28px -10px rgba(0,0,0,.32)}.cf-ph-btn-ghost{background:rgba(255,255,255,.7);color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 1px rgba(255,255,255,.6),0 10px 24px -14px rgba(20,22,28,.3)}.cf-ph-btn-ghost:hover{background:rgba(255,255,255,.92)}.cf-ph-btn-dive{background:linear-gradient(160deg,#3a5063,#22303d);color:#f3e9d2;border:1px solid rgba(201,162,75,.55);box-shadow:inset 0 1px 1px rgba(255,235,190,.22),0 14px 28px -10px rgba(34,48,61,.5)}.cf-ph-btn-dive:hover{box-shadow:inset 0 1px 1px rgba(255,235,190,.3),0 16px 32px -10px rgba(34,48,61,.62)}.cf-ph{transition:transform .95s cubic-bezier(.5,0,.8,.4),opacity .95s ease}.cf-ph.is-diving{transform:scale(1.6);opacity:.35;pointer-events:none}.cf-ph-dive-veil{position:fixed;inset:0;z-index:90;background:radial-gradient(ellipse at 50% 55%,rgba(16,14,12,.4),#100e0c 78%);animation:cf-dive-veil .95s cubic-bezier(.5,0,.7,.5) forwards}@keyframes cf-dive-veil{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.cf-ph{transition:none}.cf-ph.is-diving{transform:none;opacity:1}}.cf-ph-marquee-block{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:22px;opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease;transition-delay:.6s}.cf-ph-marquee-block.is-in{opacity:1;transform:none}.cf-ph-marquee-label{font-family:var(--font-pixel);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--gray)}.cf-ph-marquee{position:relative;width:100%;max-width:880px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.cf-ph-marquee-track{display:flex;width:max-content;gap:56px;padding:6px 0;animation:cf-ph-marquee 26s linear infinite}.cf-ph-marquee-row{display:flex;align-items:center;gap:56px}@keyframes cf-ph-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.cf-ph-logo{height:26px;width:auto;color:var(--ink-soft);opacity:.55;transition:opacity .3s ease}.cf-ph-logo-text{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;white-space:nowrap}.cf-ph-logo-mark{height:22px;width:auto}.cf-ph-logo:hover{opacity:1}.cf-ph-photo.cf-photo-card{position:static;right:auto;bottom:auto;width:100%;max-width:430px;margin:0;padding:12px;transform-origin:center;animation-name:cf-ph-tilt}@keyframes cf-ph-tilt{0%,to{transform:rotate(-3.5deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-8px)}}.cf-ph-right .cf-photo-img{height:clamp(400px,44vw,560px)}.cf-ph-right .cf-photo-name{font-size:21px}.cf-ph-right .cf-photo-role{font-size:13.5px}@media (max-width:920px){.cf-ph{padding:104px 20px 48px;gap:34px}.cf-ph-inner{grid-template-columns:1fr;gap:36px;justify-items:center}.cf-ph-left{text-align:center;width:100%}.cf-ph-title{flex-direction:column;align-items:center;gap:2px}.cf-ph-desc{margin-left:auto;margin-right:auto}.cf-ph-ctas{justify-content:center}.cf-ph-right{order:-1;width:100%}.cf-ph-photo.cf-photo-card{max-width:min(340px,100%)}.cf-ph-right .cf-photo-img{height:380px}}@media (max-width:560px){.cf-ph{padding:92px 18px 44px;gap:26px}.cf-ph-inner{gap:30px}.cf-ph-right{order:0}.cf-ph-title{font-size:clamp(2.75rem,12vw,3.5rem);margin-bottom:18px}.cf-ph-desc{font-size:16px;max-width:340px;margin-bottom:24px}.cf-ph-photo.cf-photo-card{max-width:min(272px,70vw);padding:9px}.cf-ph-right .cf-photo-img{height:320px}.cf-ph-right .cf-photo-name{font-size:18px}.cf-ph-right .cf-photo-role{font-size:12.5px}.cf-ph-ctas{flex-direction:column;align-items:stretch;width:100%;gap:12px}.cf-ph-btn{width:100%;justify-content:center;min-height:48px}.cf-resume-wrap{display:block;width:100%}.cf-resume-btn{width:100%}.cf-ph-marquee-block{margin-top:8px}.cf-ph-marquee-row,.cf-ph-marquee-track{gap:34px}.cf-ph-logo{height:22px}.cf-ph-logo-text{font-size:14px}}@media (prefers-reduced-motion:reduce){.cf-ph-title .cf-ph-serif,.cf-ph-title span{animation:none;background-position:0}.cf-ph-marquee-track{animation:none}.cf-ph-ctas,.cf-ph-marquee-block{transition:none;opacity:1;transform:none}}html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}.cf-srail{position:fixed;top:0;right:6px;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:10px 0;z-index:400;pointer-events:none}.cf-srail.is-hidden{display:none}.cf-srail-tick{--pos:calc(var(--i) / 59);--d:calc(var(--pos) - var(--sp, 0));--ad:max(var(--d),calc(-1 * var(--d)));--t:clamp(0,calc(1 - var(--ad) / 0.045),1);display:block;width:calc(6px + var(--t) * 5px);height:1.5px;border-radius:999px;background:color-mix(in srgb,#2e7dd6 calc(var(--t) * 100%),rgba(38,35,35,.14));transition:width .12s ease;pointer-events:auto;cursor:pointer;touch-action:none}@media (pointer:coarse){.cf-srail{display:none}}@media (prefers-reduced-motion:reduce){.cf-srail-tick{transition:none}}.cf-inset{background:var(--surface-raised);border:1px solid var(--line-2);border-radius:16px;padding:16px;box-shadow:0 22px 48px -20px rgba(38,35,35,.28),0 4px 14px rgba(38,35,35,.06),inset 0 4px 14px rgba(38,35,35,.16),inset 0 1px 4px rgba(38,35,35,.1),inset 0 -1px 0 rgba(255,255,255,.65)}.cf-inset>img{display:block;width:100%;border-radius:8px}.cf-gallery-inset .cf-gallery-shot-wrap{border-radius:8px;border:1px solid var(--line-2)}.cf-folder-grid{margin-top:34px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:26px;gap:26px}.cf-folder{position:relative;display:flex;flex-direction:column;width:100%;text-align:left;border:0;background:none;padding:46px 0 0;cursor:pointer;font:inherit;color:inherit}.cf-folder:before{content:"";position:absolute;top:34px;left:10px;right:10px;height:60px;background:var(--cream-2);border:1px solid var(--line-2);border-radius:14px 14px 0 0}.cf-folder-peek{position:absolute;top:0;left:22px;right:22px;height:116px;overflow:hidden;border-radius:10px 10px 0 0;border:1px solid var(--line);border-bottom:0;background:#fff;box-shadow:0 -6px 18px rgba(38,35,35,.05);transition:transform .45s cubic-bezier(.22,1,.36,1)}.cf-folder-peek img{display:block;width:100%}.cf-folder.is-lifted .cf-folder-peek,.cf-folder:focus-visible .cf-folder-peek,.cf-folder:hover .cf-folder-peek{transform:translateY(-28px)}.cf-folder-body{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px 18px;box-shadow:0 2px 18px rgba(38,35,35,.05);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.cf-folder.is-lifted .cf-folder-body,.cf-folder:hover .cf-folder-body{transform:translateY(-3px);box-shadow:0 10px 30px rgba(38,35,35,.1)}.cf-folder-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--gray)}.cf-folder-fleck{width:8px;height:8px;background:var(--accent-lime);box-shadow:2px 2px 0 rgba(var(--accent-rgb),.45)}.cf-folder-date{margin-left:auto}.cf-folder-title{font-size:21px;font-weight:600;letter-spacing:-.01em;line-height:1.25}.cf-folder-issuer{font-family:var(--font-text);font-size:14px;color:var(--ink-soft)}.cf-folder-link{margin-top:8px;font-size:12.5px;color:var(--gray);transition:color .2s ease}.cf-folder.is-lifted .cf-folder-link,.cf-folder:hover .cf-folder-link{color:var(--accent-text)}.cf-lightbox{position:fixed;inset:0;z-index:500;background:rgba(16,14,12,.55);display:flex;align-items:center;justify-content:center;padding:4vh 4vw;animation:cf-lb-fade .25s ease}.cf-lightbox-panel{position:relative;max-width:min(1100px,92vw);max-height:88vh;display:flex;flex-direction:column;background:var(--surface-raised);border-radius:18px;padding:14px;box-shadow:0 30px 90px rgba(0,0,0,.35);animation:cf-lb-pop .25s cubic-bezier(.22,1,.36,1)}.cf-lightbox-img{display:block;max-width:100%;max-height:calc(88vh - 96px);object-fit:contain;border-radius:10px}.cf-lightbox-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 6px 2px}.cf-lightbox-title{font-weight:600;font-size:15px}.cf-lightbox-verify{font-size:12.5px;color:var(--accent-text)}.cf-lightbox-close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;border:0;cursor:pointer;font-size:15px}@keyframes cf-lb-fade{0%{opacity:0}}@keyframes cf-lb-pop{0%{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.cf-lightbox,.cf-lightbox-panel{animation:none}.cf-folder-body,.cf-folder-peek{transition:none}}