@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(.928 .006 264.531);--color-gray-600:oklch(.446 .03 256.802);--color-gray-900:oklch(.21 .034 264.665);--color-white:#fff;--spacing:.25rem;--text-base:1rem;--text-base--line-height: 1.5 ;--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-bold:700;--tracking-tight:-.025em;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-\[150px\]{width:150px}.min-w-64{min-width:calc(var(--spacing)*64)}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing)*2)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\[\#eee\]{border-color:#eee}.border-gray-200{border-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-24{padding-block:calc(var(--spacing)*24)}.pt-5{padding-top:calc(var(--spacing)*5)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.text-center{text-align:center}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.font-\[500\]{--tw-font-weight:500;font-weight:500}.font-\[800\]{--tw-font-weight:800;font-weight:800}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (width>=40rem){.sm\:py-32{padding-block:calc(var(--spacing)*32)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-8{padding:calc(var(--spacing)*8)}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background-color:#f3f3f3!important;font-family:Jost,sans-serif!important;overflow-x:hidden!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f3f3f3}::-webkit-scrollbar-thumb{background:#161616;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#161616}::selection{color:#fff;background-color:#353535}:focus{outline:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}.cv-page-shell{min-height:100vh;background:#ebebe9;display:flex;flex-direction:column}.cv-stage{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem 3rem;overflow:auto}.cv-scale-frame{width:210mm;transform-origin:top center}.cv-document{width:210mm;min-height:297mm;background:#fff;color:#161616;box-shadow:0 12px 40px #0000001f;padding:12mm 12mm 11mm;box-sizing:border-box;font-family:Jost,sans-serif;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);column-gap:8mm;position:relative}.cv-main{min-width:0;display:flex;flex-direction:column}.cv-sidebar{min-width:0;display:flex;flex-direction:column;gap:4.2mm;padding-top:1mm}.cv-name{font-size:26pt;font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0 0 2.5mm;color:#111}.cv-title{font-size:10pt;font-weight:500;line-height:1.35;margin:0 0 3.5mm;color:#222}.cv-summary{font-size:8.4pt;font-weight:400;line-height:1.45;margin:0 0 5mm;color:#5a5a5a}.cv-section-label{font-size:8.5pt;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#9a9a9a;margin:0 0 3mm}.cv-entry{margin-bottom:3.8mm}.cv-entry-title{font-size:9.4pt;font-weight:700;line-height:1.25;margin:0 0 .8mm;color:#111}.cv-entry-meta{font-size:8pt;font-style:italic;font-weight:400;line-height:1.3;margin:0 0 1.6mm;color:#6b6b6b}.cv-bullets{margin:0;padding:0 0 0 3.5mm;list-style:disc}.cv-bullets li{font-size:8pt;line-height:1.38;color:#2a2a2a;margin-bottom:1mm}.cv-bullets li::marker{color:#2a2a2a}.cv-contact{display:flex;flex-direction:column;gap:1.2mm;margin-bottom:1mm}.cv-contact-line{font-size:8.2pt;line-height:1.35;color:#222;margin:0}.cv-link{color:#1a5fb4;text-decoration:underline;text-underline-offset:1.5px}.cv-link:hover{color:#0f3f7a}.cv-socials{display:flex;gap:4mm;margin-top:.5mm}.cv-skill-block{margin-bottom:2.4mm}.cv-skill-label{font-size:8.4pt;font-weight:700;margin:0 0 .6mm;color:#111}.cv-skill-items{font-size:7.8pt;line-height:1.35;margin:0;color:#2a2a2a}.cv-award{font-size:7.9pt;line-height:1.4;margin:0 0 2mm;color:#2a2a2a}.cv-award-year{font-weight:700}.cv-languages{font-size:8.2pt;line-height:1.35;margin:0;color:#2a2a2a}.cv-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;align-self:flex-start;background:#161616;color:#fff!important;text-decoration:none!important;font-size:9pt;font-weight:600;padding:2.4mm 5.5mm;border-radius:1px}.cv-cta:hover{background:#000;color:#fff!important}.cv-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;background:#ebebe9eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #d6d6d4}.cv-toolbar-left{display:flex;align-items:center;gap:.75rem;min-width:0}.cv-toolbar-link{color:#5a5a5a;font-size:.85rem;font-weight:500;text-decoration:none;white-space:nowrap}.cv-toolbar-link:hover{color:#161616;text-decoration:underline}.cv-zoom{display:flex;align-items:center;gap:.35rem;background:#fff;border:1px solid #d0d0ce;border-radius:999px;padding:.2rem}.cv-zoom-btn{width:2rem;height:2rem;border:none;border-radius:999px;background:transparent;color:#161616;font-size:1.1rem;font-weight:600;line-height:1;cursor:pointer;font-family:inherit}.cv-zoom-btn:hover:not(:disabled){background:#f3f3f1}.cv-zoom-btn:disabled{opacity:.35;cursor:not-allowed}.cv-zoom-value{min-width:3.25rem;text-align:center;font-size:.85rem;font-weight:600;color:#161616}.cv-toolbar-btn{display:inline-flex;align-items:center;gap:.4rem;background:#fff;color:#161616;border:1px solid #d0d0ce;border-radius:999px;padding:.55rem 1.1rem;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease}.cv-toolbar-btn:hover{background:#f7f7f5;border-color:#bdbdb9}.cv-toolbar-btn--primary{background:#161616;color:#fff;border-color:#161616}.cv-toolbar-btn--primary:hover{background:#000;border-color:#000;color:#fff}@media print{@page{size:A4;margin:0}html,body{background:#fff!important;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cv-no-print{display:none!important}.cv-page-shell{min-height:0!important;background:#fff!important;display:block!important}.cv-stage{padding:0!important;margin:0!important;overflow:visible!important;display:block!important}.cv-scale-frame{width:210mm!important;height:auto!important;transform:none!important;margin:0!important}.cv-document{width:210mm!important;min-height:297mm!important;height:297mm!important;margin:0!important;box-shadow:none!important;border:none!important;page-break-after:avoid;page-break-inside:avoid;break-inside:avoid}.cv-link{color:#1a5fb4!important}.cv-cta{background:#161616!important;color:#fff!important}}.op{--bg: #fbfaf6;--ink: #111111;--muted: #6c6c66;--line: rgb(17 17 17 / .14);--green: #3d7a1e;--green-deep: #0f2f0d;--orange: #ff7a1a;--purple: #7b3cff;--lime: #4cc43a;--yellow: #ffd400;--blue: #2f8cff;--pink: #ff4fa3;--display: "Anton", "Archivo Narrow", Impact, "Arial Narrow", sans-serif;--body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--wrap: 1180px;--gutter: clamp(18px, 5vw, 44px);min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}body:has(.op){background-color:#fbfaf6!important;font-family:Inter,system-ui,sans-serif!important}.op *,.op *:before,.op *:after{box-sizing:border-box}.op :where(h1,h2,h3,p,ul,ol,figure){margin:0;padding:0}.op :where(ul,ol){list-style:none}:where(.op) a{color:inherit;text-decoration:none}.op ::selection{background:var(--yellow);color:var(--ink)}.op :is(a,button):focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:6px}.op-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.op-skip{position:fixed;left:12px;top:-60px;z-index:100;padding:10px 16px;background:var(--ink);color:#fff;border-radius:8px}.op-skip:focus{top:12px}.op-wrap{width:100%;max-width:calc(var(--wrap) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.op-h2{font-family:var(--display);font-weight:400;font-size:clamp(2.5rem,1.4rem + 5.6vw,5.75rem);line-height:.95;letter-spacing:.005em;text-transform:uppercase}.op-h2--center{text-align:center}.op-h2--right{text-align:right}.op-h2--light{color:#fff}.op-green{color:var(--green)}.op-purple{color:var(--purple)}.op-orange{color:var(--orange)}.op-blue{color:var(--blue)}.op-yellow{color:var(--yellow)}.op-pill{display:inline-block;padding:4px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.75rem;font-weight:600;letter-spacing:.02em}.op-lede{max-width:62ch;margin:28px auto 0;text-align:center;color:var(--muted);font-size:1.0625rem}.op-lede--light{color:#ffffffb8}.op-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border:1.5px solid transparent;border-radius:999px;font:600 .9375rem/1 var(--body);cursor:pointer;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}.op-btn:hover{transform:translateY(-3px) rotate(-1deg)}.op-btn--small{padding:10px 18px;font-size:.8125rem}.op-btn--ink{background:var(--ink);color:#fff}.op-btn--ink:hover{background:var(--purple)}.op-btn--pill{background:var(--ink);color:#fff}.op-btn--light{background:#fff;color:var(--ink)}.op-btn--light:hover{background:var(--yellow)}.op-btn--outline{background:transparent;color:#fff;border-color:#ffffff80}.op-btn--outline:hover{border-color:#fff;background:#ffffff1f}.op-icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;border:1.5px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;transition:transform .25s var(--ease),background .25s var(--ease)}.op-icon-btn:hover{background:var(--yellow);transform:rotate(90deg)}.op-link{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;font-weight:600;border-bottom:1.5px solid currentColor}.op-link:hover{color:var(--purple)}.op-sticker{position:absolute;display:block;pointer-events:none;filter:drop-shadow(0 6px 10px rgb(0 0 0 / .12))}.op-sticker svg{display:block;width:100%;height:100%}.op-sticker--spin svg{animation:op-spin 16s linear infinite}@keyframes op-spin{to{transform:rotate(360deg)}}.op-header{position:fixed;inset:0 0 auto 0;z-index:50;color:#fff;transition:background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}.op-header.is-scrolled{background:#fbfaf6db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);box-shadow:0 1px 0 var(--line)}.op-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px}.op-brand{font-family:var(--display);font-size:1.25rem;letter-spacing:.04em;text-transform:uppercase}.op-nav{display:none;align-items:center;gap:28px;font-size:.875rem;font-weight:500}.op-nav a{position:relative}.op-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.op-nav a:hover:after{transform:scaleX(1)}.op-header:not(.is-scrolled) .op-btn--pill{background:#fff;color:var(--ink)}.op-menu-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:inherit;cursor:pointer}.op-mobile-nav{display:grid;gap:4px;padding:8px var(--gutter) 24px;background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}.op-mobile-nav a,.op-mobile-nav button{padding:12px 0;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;font:600 1.25rem/1.2 var(--display);letter-spacing:.03em;text-align:left;text-transform:uppercase;cursor:pointer}@media (min-width: 860px){.op-nav{display:flex}.op-menu-btn,.op-mobile-nav{display:none}}.op-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;align-items:end;min-height:min(100svh,920px);padding-block:110px 56px;background:var(--green-deep);color:#fff}.op-hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.op-hero-glow i{position:absolute;border-radius:50%;filter:blur(80px);animation:op-drift 16s ease-in-out infinite alternate}.op-hero-glow i:nth-child(1){width:60vw;max-width:800px;aspect-ratio:1;top:-25%;left:-12%;background:#3f9a2a;opacity:.7}.op-hero-glow i:nth-child(2){width:46vw;max-width:600px;aspect-ratio:1;right:-10%;bottom:-25%;background:#1d6a1b;opacity:.85;animation-duration:21s;animation-delay:-5s}@keyframes op-drift{to{transform:translate3d(8vw,6vh,0) scale(1.15)}}.op-hero-inner{position:relative}.op-hero-title{font-family:var(--display);font-weight:400;font-size:clamp(3.25rem,16.5vw,15.5rem);line-height:.88;letter-spacing:0;text-transform:uppercase}.op-mask{display:block;overflow:hidden;padding-top:.04em}.op-mask>span{display:block}.op-hero-side{position:absolute;max-width:24ch;font-size:.75rem;line-height:1.5;color:#ffffffc7}.op-hero-side--left{position:static;margin-bottom:18px}.op-hero-side--right{display:none;max-width:40ch;right:var(--gutter);text-align:right}@media (min-width: 760px){.op-hero-side--right{display:block;bottom:-8px}}.op-hero-sub{display:grid;gap:22px;margin-top:clamp(20px,3vw,36px)}.op-hero-tagline{font-family:var(--display);font-size:clamp(1.5rem,1rem + 2vw,2.5rem);line-height:1.05;text-transform:uppercase}.op-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.op-hero-s1{top:6%;right:2%}.op-hero-s2{top:44%;left:-1%}.op-hero-s3{bottom:30%;right:22%}.op-hero-s4{top:24%;left:40%}@media (max-width: 600px){.op-hero-s1{width:84px!important;height:84px!important;top:-2%}.op-hero-s2{width:56px!important;height:56px!important;top:30%}.op-hero-s3,.op-hero-s4{display:none}}.op-ticker{overflow:hidden;background:#000;color:#fff;border-block:1px solid #000}.op-ticker-track{display:flex;width:max-content;animation:op-marquee 36s linear infinite}.op-ticker:hover .op-ticker-track{animation-play-state:paused}.op-ticker-run{display:flex;flex-shrink:0}.op-ticker-run li{display:flex;align-items:center;gap:22px;padding:14px 0 14px 22px;font-size:.8125rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.op-ticker-star{color:var(--yellow);font-size:1.1rem;display:inline-block;animation:op-spin 6s linear infinite}@keyframes op-marquee{to{transform:translate(-25%)}}.op-section{position:relative;padding-block:clamp(72px,11vw,148px)}.op-collage{position:relative;margin-block:clamp(36px,6vw,72px)}.op-collage-s1{top:-14%;right:8%}.op-collage-s2{bottom:-16%;left:10%}.op-collage-s3{top:8%;left:2%}.op-two-col{display:grid;gap:24px;max-width:880px;margin:0 auto clamp(56px,8vw,96px);color:var(--muted)}@media (min-width: 760px){.op-two-col{grid-template-columns:1fr 1fr;gap:48px}}.op-services{margin:clamp(28px,4vw,44px) 0 40px;border-top:1px solid var(--line)}.op-service{position:relative;display:grid;gap:8px 24px;padding:26px 0;border-bottom:1px solid var(--line);color:#b3b3ad;cursor:default;transition:color .3s var(--ease),padding .3s var(--ease)}.op-service-name{font-family:var(--display);font-size:clamp(1.75rem,1.1rem + 2.4vw,3rem);line-height:1;text-transform:uppercase}.op-service-desc{max-width:56ch;font-size:.9375rem;color:var(--muted)}.op-service-tech{display:block;margin-top:8px;font-size:.8125rem;font-weight:600;color:var(--ink)}.op-service-num{font-family:var(--display);font-size:1.5rem}.op-service-sticker{position:relative;display:inline-block;margin-left:14px;vertical-align:middle;transform:scale(0) rotate(-90deg);transition:transform .45s var(--ease)}.op-service:hover,.op-service:focus-visible{color:var(--ink);padding-left:16px}.op-service:hover .op-service-sticker,.op-service:focus-visible .op-service-sticker{transform:scale(1) rotate(0)}@media (min-width: 860px){.op-service{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 40px;align-items:center}.op-service-num{text-align:right}}.op-work{background:#f1eee6}.op-work-s1{top:11%;left:6%}.op-cards{display:grid;gap:clamp(22px,3vw,36px);margin-top:clamp(40px,6vw,72px)}@media (min-width: 700px){.op-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1020px){.op-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.op-card--wide{grid-column:span 2}}.op-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 40px -26px #1116;transform:rotate(var(--tilt, 0deg));transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.op-card:hover{transform:rotate(0) translateY(-8px);box-shadow:0 30px 50px -24px #11111180}.op-card-top{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-height:190px;padding:20px 22px 22px;background:var(--tone);color:var(--tone-ink, #fff);overflow:hidden}.op-card--wide .op-card-top{min-height:240px}.op-card-cat{align-self:flex-start;padding:3px 12px;border:1px solid currentColor;border-radius:999px;font-size:.75rem;font-weight:700}.op-card-name{position:relative;z-index:1;font-family:var(--display);font-weight:400;font-size:clamp(2.5rem,2rem + 2.2vw,4.25rem);line-height:.95;text-transform:uppercase}.op-card-sticker{top:-10px;right:-10px;opacity:.35;filter:none}.op-card:hover .op-card-sticker svg{animation-duration:5s}.op-tone-orange{--tone: var(--orange)}.op-tone-purple{--tone: var(--purple)}.op-tone-lime{--tone: var(--lime);--tone-ink: var(--ink)}.op-tone-yellow{--tone: var(--yellow);--tone-ink: var(--ink)}.op-tone-blue{--tone: var(--blue)}.op-tone-pink{--tone: var(--pink)}.op-card-body{display:flex;flex:1;flex-direction:column;gap:14px;padding:22px}.op-card-tagline{font-size:.8125rem;font-weight:700;color:var(--muted)}.op-card-text{font-size:.9375rem;color:#3d3d39}.op-chips{display:flex;flex-wrap:wrap;gap:6px}.op-chips li{padding:3px 11px;border-radius:999px;background:#f1eee6;font-size:.75rem;font-weight:600}.op-card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:auto;font-size:.8125rem;color:var(--muted)}.op-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}.op-claude-cards{display:grid;gap:18px;margin-top:clamp(36px,5vw,60px)}@media (min-width: 800px){.op-claude-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.op-claude-card{padding:clamp(24px,3vw,38px);border-radius:24px;background:var(--tone);color:#fff;transition:transform .35s var(--ease)}.op-claude-card:hover{transform:translateY(-6px) rotate(-.8deg)}.op-claude-card h3{margin:18px 0 10px;font-family:var(--display);font-weight:400;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);line-height:1;text-transform:uppercase}.op-claude-card p{max-width:46ch;opacity:.94}.op-claude-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#ffffff38;transition:transform .4s var(--ease)}.op-claude-card:hover .op-claude-icon{transform:rotate(-10deg) scale(1.12)}.op-tech{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(28px,4vw,44px)}.op-tech li{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 18px 8px 12px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;font-size:.875rem;font-weight:700;animation:op-float 4.5s ease-in-out infinite;animation-delay:calc(var(--n) * -.55s);transition:background .25s var(--ease)}.op-tech li .op-sticker{position:static;filter:none}.op-tech li:hover{background:var(--yellow)}@keyframes op-float{50%{transform:translateY(-6px)}}.op-steps{display:grid;gap:18px;margin-top:clamp(36px,5vw,60px)}@media (min-width: 800px){.op-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.op-step{position:relative;padding:26px;border:1.5px solid var(--ink);border-radius:20px;background:#fff;transition:background .3s var(--ease),transform .3s var(--ease)}.op-step:hover{background:var(--yellow);transform:translateY(-5px)}.op-step-num{position:absolute;top:18px;right:22px;font-family:var(--display);font-size:1.5rem}.op-step h3{margin:14px 0 6px;font-family:var(--display);font-weight:400;font-size:1.75rem;text-transform:uppercase}.op-step p{font-size:.9375rem;color:#3d3d39}.op-jobs{margin:clamp(32px,5vw,56px) 0 40px;border-top:1px solid var(--line)}.op-job{position:relative;display:grid;gap:6px 32px;padding:26px 0;border-bottom:1px solid var(--line)}.op-job-period{font-size:.8125rem;font-weight:700;color:var(--muted)}.op-job-role{font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);line-height:1.05;text-transform:uppercase;transition:color .25s var(--ease)}.op-job:hover .op-job-role{color:var(--purple)}.op-job-company{margin-top:4px;font-weight:600}.op-job-text{max-width:64ch;margin-top:8px;color:var(--muted);font-size:.9375rem}.op-job-sticker{top:22px;right:0;transform:scale(0);transition:transform .45s var(--ease)}.op-job:hover .op-job-sticker{transform:scale(1) rotate(20deg)}@media (min-width: 800px){.op-job{grid-template-columns:200px minmax(0,1fr)}}.op-contact{padding-block:clamp(80px,12vw,160px) 40px;background:#000;color:#fff}.op-contact-body{display:grid;justify-items:center;gap:22px;text-align:center}.op-email{font-family:var(--display);font-size:clamp(1.5rem,.8rem + 3.2vw,3rem);letter-spacing:.02em;border-bottom:3px solid var(--yellow);overflow-wrap:anywhere;transition:color .25s var(--ease)}.op-email:hover{color:var(--yellow)}.op-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.op-status{min-height:1.5em;font-size:.8125rem;color:var(--yellow)}.op-contact-foot{margin-top:clamp(48px,8vw,96px);padding-top:22px;border-top:1px solid rgb(255 255 255 / .2)}.op-contact-foot nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 24px;font-size:.875rem;font-weight:600}.op-contact-foot a:hover{color:var(--yellow)}.op-footer{overflow:hidden;background:#000;color:#fff}.op-footer-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:18px 22px;font-size:.8125rem;color:#fff9}.op-footer-meta a:hover{color:var(--yellow)}.op-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:min(960px,96vw);max-width:none;max-height:92vh;margin:auto;padding:0;border:0;border-radius:24px;background:var(--bg);color:var(--ink);font-family:var(--body);overflow:hidden;box-shadow:0 40px 100px -20px #0009}.op-modal[open]{display:flex;flex-direction:column;animation:op-pop .42s var(--ease)}.op-modal::backdrop{background:#0a14089e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:op-fade .3s ease}@keyframes op-pop{0%{opacity:0;transform:translateY(24px) scale(.96)}}@keyframes op-fade{0%{opacity:0}}.op-modal-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fff}.op-modal-title{font-family:var(--display);font-weight:400;font-size:1.75rem;text-transform:uppercase}.op-modal-actions{display:flex;align-items:center;gap:10px}.op-cv-stage{flex:1;overflow:auto;padding:16px 12px 28px;background:#e9e6dd}.op-cv-frame{margin-inline:auto}.op-cv-page{transform-origin:top left}.op-modal--project{width:min(720px,96vw)}.op-project{position:relative;display:grid;justify-items:start;gap:16px;padding:clamp(24px,4vw,44px);overflow:auto}.op-project-close{position:absolute;top:16px;right:16px}.op-project-title{font-family:var(--display);font-weight:400;font-size:clamp(2.5rem,2rem + 3vw,4.5rem);line-height:.95;text-transform:uppercase}.op-project-tagline{margin-top:-8px;font-weight:700;color:var(--muted)}.op-project-summary{color:#3d3d39}.op-project-list{display:grid;gap:10px;padding-left:0}.op-project-list li{position:relative;padding-left:26px;font-size:.9375rem}.op-project-list li:before{content:"✳";position:absolute;left:0;color:var(--orange)}.op-project-role{font-size:.9375rem}@media print{.op>:not(.op-modal--cv),.op-no-print{display:none!important}.op-modal--cv{position:static;display:block;width:auto;max-height:none;box-shadow:none;border-radius:0}.op-cv-stage{overflow:visible;padding:0;background:none}.op-cv-frame{width:auto!important;height:auto!important}.op-cv-page{transform:none!important}}@media (prefers-reduced-motion: reduce){.op-hero-glow i,.op-sticker--spin svg,.op-ticker-track,.op-ticker-star,.op-tech li{animation:none}.op-modal[open],.op-modal::backdrop{animation:none}.op-btn:hover,.op-card:hover,.op-claude-card:hover,.op-step:hover{transform:none}}@font-face{font-family:Space Grotesk Fallback;src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Neue Bold");font-weight:600 700;size-adjust:88%}@font-face{font-family:Space Grotesk Fallback;src:local("Arial"),local("ArialMT"),local("Helvetica Neue");font-weight:400 500;size-adjust:92%}.pf{--portfolio-bg: #f6f1e7;--portfolio-surface: #fffaf0;--portfolio-text: #1f1b16;--portfolio-muted: #675f54;--portfolio-accent: #c4532d;--portfolio-accent-bright: #d97757;--portfolio-accent-soft: rgb(217 119 87 / .16);--c-coral: #ff7a59;--c-sun: #ffc233;--c-mint: #2fc99a;--c-sky: #3fa0ff;--c-violet: #8b6cf0;--pf-rainbow: linear-gradient( 90deg, var(--c-coral), var(--c-sun), var(--c-mint), var(--c-sky), var(--c-violet), var(--c-coral) );--portfolio-line: rgb(31 27 22 / .16);--portfolio-line-soft: rgb(31 27 22 / .09);--portfolio-wash: rgb(31 27 22 / .045);--pf-display: "Space Grotesk", "Space Grotesk Fallback", "Helvetica Neue", Arial, sans-serif;--pf-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--pf-ease: cubic-bezier(.22, 1, .36, 1);--pf-width: 1120px;--pf-gutter: clamp(20px, 5vw, 40px);min-height:100vh;background:var(--portfolio-bg);color:var(--portfolio-text);font-size:1.0625rem;line-height:1.65;text-rendering:optimizeLegibility}body:has(.pf){background-color:#f6f1e7!important}.pf *,.pf *:before,.pf *:after{box-sizing:border-box}:where(.pf) :where(h1,h2,h3,p,ul,ol,dl,dd,figure){margin:0;padding:0}:where(.pf) :where(ul,ol){list-style:none}:where(.pf) a{color:inherit;text-decoration:none}.pf ::selection{background:var(--portfolio-accent);color:var(--portfolio-bg)}.pf :is(a,button):focus-visible{outline:2px solid var(--portfolio-accent);outline-offset:3px;border-radius:4px}.pf-ink :is(a,button):focus-visible,.pf-panel :is(a,button):focus-visible{outline-color:var(--portfolio-bg)}.pf-container{width:min(var(--pf-width),100% - 2 * var(--pf-gutter));margin-inline:auto}.pf-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pf-skip{position:absolute;left:16px;top:-64px;z-index:50;padding:10px 16px;border-radius:6px;background:var(--portfolio-text);color:var(--portfolio-bg);font-weight:500}.pf-skip:focus{top:12px}.pf-mono{font-family:var(--pf-mono);font-size:.75rem;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--portfolio-muted)}.pf-display{font-family:var(--pf-display);font-weight:600;letter-spacing:-.03em;line-height:1.02}.pf-h2{font-family:var(--pf-display);font-weight:600;font-size:clamp(2.125rem,1.2rem + 3.6vw,3.75rem);line-height:1.02;letter-spacing:-.035em}.pf-h3{font-family:var(--pf-display);font-weight:600;font-size:clamp(1.75rem,1.2rem + 1.9vw,2.75rem);line-height:1.05;letter-spacing:-.03em}.pf-lede{max-width:54ch;font-size:1.125rem;color:var(--portfolio-muted)}.pf-muted{color:var(--portfolio-muted)}.pf-section{padding-block:clamp(72px,10vw,136px);scroll-margin-top:16px}.pf-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:clamp(36px,6vw,72px)}.pf-section-head .pf-mono{display:block;margin-bottom:16px}.pf-link{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:500;transition:color .22s ease}.pf-link:before,.pf-link:after{content:"";position:absolute;left:0;right:0;top:calc(50% + .78em);transform-origin:left}.pf-link:before{height:1px;background:currentColor;opacity:.4}.pf-link:after{height:2px;margin-top:-.5px;background:var(--portfolio-accent);transform:scaleX(0);transition:transform .26s var(--pf-ease)}.pf-link:hover,.pf-link:focus-visible{color:var(--portfolio-accent)}.pf-link:hover:after,.pf-link:focus-visible:after{transform:scaleX(1)}.pf-ink .pf-link:hover,.pf-ink .pf-link:focus-visible,.pf-panel .pf-link:hover,.pf-panel .pf-link:focus-visible{color:var(--portfolio-bg)}.pf-arrow{flex:none;transition:transform .2s var(--pf-ease)}.pf-hoverable:hover .pf-arrow,.pf-hoverable:focus-within .pf-arrow,.pf-link:hover .pf-arrow,.pf-link:focus-visible .pf-arrow,.pf-btn:hover .pf-arrow,.pf-btn:focus-visible .pf-arrow{transform:translate(4px)}.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:6px;font:inherit;font-size:.9375rem;font-weight:500;line-height:1.2;text-align:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .16s ease}.pf-btn:active{transform:scale(.98)}.pf-btn--primary{background:var(--portfolio-text);color:var(--portfolio-bg)}.pf-btn--primary:hover{background:var(--portfolio-accent)}.pf-btn--ghost{background:transparent;border-color:#1f1b1673;color:var(--portfolio-text)}.pf-btn--ghost:hover{border-color:var(--portfolio-accent);color:var(--portfolio-accent)}.pf-btn--small{min-height:40px;padding:0 16px;font-size:.875rem}.pf-actions{display:flex;flex-wrap:wrap;gap:12px}.pf-ink .pf-btn--primary,.pf-panel .pf-btn--primary{background:var(--portfolio-bg);color:var(--portfolio-text)}.pf-ink .pf-btn--primary:hover,.pf-panel .pf-btn--primary:hover{background:var(--portfolio-accent);color:var(--portfolio-bg)}.pf-ink .pf-btn--ghost{border-color:#f2eee773;color:var(--portfolio-bg)}.pf-ink .pf-btn--ghost:hover{border-color:var(--portfolio-bg);background:#f2eee71a;color:var(--portfolio-bg)}.pf-header{border-bottom:1px solid var(--portfolio-line)}.pf-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px}.pf-brand{display:inline-flex;align-items:center;gap:12px;min-height:44px}.pf-monogram{position:relative;font-family:var(--pf-display);font-size:1.375rem;font-weight:700;letter-spacing:-.05em}.pf-monogram:after{content:"";position:absolute;right:-7px;bottom:5px;width:5px;height:5px;background:var(--portfolio-accent)}.pf-brand-name{display:none;margin-left:6px;font-size:.9375rem;color:var(--portfolio-muted)}.pf-nav{display:none;align-items:center;gap:8px;white-space:nowrap}.pf-nav a:not(.pf-btn){position:relative;display:inline-flex;align-items:center;min-height:44px;padding-inline:12px;color:var(--portfolio-muted);font-size:.9375rem;font-weight:500;transition:color .2s ease}.pf-nav a:not(.pf-btn):after{content:"";position:absolute;left:12px;right:12px;bottom:8px;height:2px;background:var(--portfolio-accent);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--pf-ease)}.pf-nav a:not(.pf-btn):hover,.pf-nav a:not(.pf-btn):focus-visible{color:var(--portfolio-text)}.pf-nav a:not(.pf-btn):hover:after,.pf-nav a:not(.pf-btn):focus-visible:after,.pf-nav a[aria-current=page]:after{transform:scaleX(1)}.pf-nav a[aria-current=page]{color:var(--portfolio-text)}.pf-nav .pf-btn{margin-left:12px}.pf-menu-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;margin-right:-12px;border:0;background:transparent;color:var(--portfolio-text);font:inherit;font-family:var(--pf-mono);font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.pf-mobile-nav{border-top:1px solid var(--portfolio-line);padding-block:4px 20px}.pf-mobile-nav a{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid var(--portfolio-line-soft);font-family:var(--pf-display);font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.pf-mobile-nav a[aria-current=page]{color:var(--portfolio-accent)}@media (min-width: 768px){.pf-nav{display:flex}.pf-menu-btn,.pf-mobile-nav{display:none}}@media (min-width: 1000px){.pf-brand-name{display:inline}}.pf-hero{padding-block:clamp(24px,3.5vw,40px) clamp(56px,8vw,104px)}.pf-hero-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding-bottom:14px;border-bottom:1px solid var(--portfolio-line)}.pf-hero-role{display:inline-flex;align-items:center;gap:10px;color:var(--portfolio-text)}.pf-hero-role:before{content:"";width:8px;height:8px;background:var(--portfolio-accent)}.pf-name{container-type:inline-size;margin-top:clamp(24px,4vw,48px)}.pf-h1{font-family:var(--pf-display);font-weight:700;text-transform:uppercase;font-size:clamp(2.25rem,14.5vw,10rem);font-size:clamp(2.25rem,16.4cqw,11rem);line-height:.88;letter-spacing:-.045em;margin:0}.pf-name-line{display:flex;align-items:flex-end;gap:.12em;overflow:hidden;padding-bottom:.04em}.pf-name-text{display:block}.pf-ruler{position:relative;flex:1;align-self:flex-end;height:.2em;margin-bottom:.12em;min-width:0;border-radius:999px;transform-origin:left;background:var(--pf-rainbow);background-size:200% 100%;animation:pf-flow 6s linear infinite}.pf-ruler:after{content:"";position:absolute;top:50%;right:4%;width:.34em;height:.34em;border-radius:50%;background:var(--portfolio-text);border:.07em solid var(--portfolio-bg);transform:translateY(-50%);animation:pf-bob 2.6s ease-in-out infinite}@keyframes pf-flow{to{background-position:-200% 0}}@keyframes pf-bob{50%{transform:translateY(-80%)}}.pf-hero-body{display:grid;gap:48px;margin-top:clamp(32px,5vw,64px)}.pf-headline{max-width:14ch;font-family:var(--pf-display);font-weight:600;font-size:clamp(1.875rem,1.2rem + 2.4vw,3rem);line-height:1.04;letter-spacing:-.035em}.pf-hero-intro{margin-top:24px;max-width:56ch;font-size:1.125rem;color:var(--portfolio-muted)}.pf-hero .pf-actions{margin-top:32px}.pf-study{width:100%;max-width:560px;justify-self:start;color:var(--portfolio-text)}@media (min-width: 960px){.pf-study{justify-self:end}}.pf-study-svg{display:block;width:100%;height:auto;overflow:visible}.pf-s-fill{fill:currentColor}.pf-s-stroke{fill:none;stroke:currentColor;stroke-width:1.5}.pf-s-surface{fill:var(--portfolio-bg);stroke:currentColor;stroke-width:1.5}.pf-s-accent{fill:var(--portfolio-accent)}.pf-s-conn{fill:none;stroke:var(--portfolio-accent);stroke-width:1.75;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:pf-draw .45s var(--pf-ease) both;animation-delay:var(--conn-delay, .7s)}.pf-s-label{font-family:var(--pf-mono);font-size:11px;letter-spacing:.1em;fill:var(--portfolio-muted)}.pf-s-label--api{fill:var(--portfolio-text)}.pf-study-enter{animation:pf-study-in .6s var(--pf-ease) both;animation-delay:var(--pf-study-delay, .1s);transform-box:fill-box}.pf-s-el{animation:pf-el-in .38s var(--pf-ease) both;animation-delay:calc(var(--el-base, .4s) + var(--e, 0) * 40ms)}.pf-study-point{transform-box:fill-box;transform-origin:center;transform:translate(calc(var(--mx, 0) * var(--k, 1) * 6px),calc(var(--my, 0) * var(--k, 1) * 4px)) rotate(calc(var(--mx, 0) * var(--r, 1) * 1deg));transition:transform .32s var(--pf-ease)}.pf-work{border-top:1px solid var(--portfolio-line)}.pf-show-grid{display:grid;gap:clamp(48px,7vw,88px);margin-top:clamp(48px,7vw,88px)}@media (min-width: 860px){.pf-show-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px);align-items:start}.pf-show-grid>:last-child{margin-top:clamp(40px,8vw,112px)}}.pf-panel{background:var(--portfolio-text);color:var(--portfolio-bg);padding:clamp(16px,3vw,40px);border-radius:6px}.pf-panel .pf-mono,.pf-panel .pf-muted,.pf-panel .pf-pitch{color:#f2eee7c7}.pf-show-meta{display:grid;gap:28px 48px;margin-top:clamp(24px,3.5vw,40px)}@media (min-width: 900px){.pf-show-meta--wide{grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,4fr);align-items:start}}.pf-show-title-row{display:flex;align-items:baseline;gap:14px;margin-bottom:12px}.pf-show .pf-h3{max-width:14ch}.pf-pitch{margin-top:16px;max-width:46ch;color:var(--portfolio-muted)}.pf-pitch--wide{margin-top:0}.pf-facts{display:grid;gap:14px}.pf-facts dt{font-family:var(--pf-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--portfolio-muted)}.pf-panel .pf-facts dt{color:#f2eee7b8}.pf-facts dd{margin-top:2px}.pf-stack{display:flex;flex-wrap:wrap;font-family:var(--pf-mono);font-size:.8125rem;line-height:1.7}.pf-stack li:not(:last-child):after{content:"/";margin-inline:.6em;color:var(--portfolio-accent)}.pf-panel .pf-stack li:not(:last-child):after{color:#f2eee780}.pf-show-links{display:flex;flex-wrap:wrap;gap:0 28px;margin-top:8px}.pf-cover{position:relative;container-type:inline-size;overflow:hidden;aspect-ratio:5 / 6;border-radius:4px;isolation:isolate;--cover-fg: var(--portfolio-text);--cover-accent: var(--portfolio-accent);background:var(--portfolio-wash);color:var(--cover-fg)}.pf-cover--wide{aspect-ratio:4 / 3}@media (min-width: 560px) and (max-width: 859px){.pf-cover:not(.pf-cover--wide){aspect-ratio:16 / 10}}@media (min-width: 720px){.pf-cover--wide{aspect-ratio:2.25 / 1}}.pf-cover--ink{--cover-fg: var(--portfolio-bg);background:#f2eee712}.pf-cover--orange{--cover-fg: var(--portfolio-bg);--cover-accent: var(--portfolio-text);background:var(--portfolio-accent)}.pf-cover-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;transition:transform .7s var(--pf-ease);transform-origin:70% 50%}.pf-cover-art *{vector-effect:non-scaling-stroke}.pf-show:hover .pf-cover-art,.pf-show:focus-within .pf-cover-art{transform:scale(1.025)}.pf-cover .pf-mono{position:absolute;color:var(--cover-fg);opacity:.8}.pf-cover-index{top:16px;left:18px}.pf-cover-cat{top:16px;right:18px;text-align:right}.pf-cover-word{position:absolute;left:18px;bottom:14px;right:18px;font-family:var(--pf-display);font-weight:700;font-size:var(--word-size, 17cqw);line-height:.86;letter-spacing:-.05em;text-transform:uppercase}.pf-cover-word span{display:block}.pf-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--cover-fg);opacity:0;pointer-events:none;transition:opacity .22s ease}.pf-show:hover .pf-cover:after,.pf-show:focus-within .pf-cover:after{opacity:.4}.pf-cover [class*=pf-a-]{transform-box:fill-box}.pf-cover[data-play=pending] [class*=pf-a-]{opacity:0}.pf-cover[data-play=on] [class*=pf-a-]{animation-duration:.64s;animation-timing-function:var(--pf-ease);animation-fill-mode:both;animation-delay:calc(.12s + var(--a, 0) * 70ms)}.pf-cover[data-play=on] .pf-a-ring{animation-name:pf-ring-in;transform-origin:center}.pf-cover[data-play=on] .pf-a-line{animation-name:pf-grow-x;transform-origin:left center}.pf-cover .pf-a-orbit{transform-box:view-box;transform-origin:610px 250px}.pf-cover[data-play=on] .pf-a-orbit{animation-name:pf-orbit;animation-duration:.9s;animation-delay:.52s}.pf-cover[data-play=on] .pf-a-bar{animation-name:pf-bar-in;transform-origin:50% 100%}.pf-cover[data-play=on] .pf-a-pop{animation-name:pf-pop;transform-origin:center;animation-delay:.7s}.pf-cover[data-play=on] .pf-a-row{animation-name:pf-row-in}.pf-cover[data-play=on] .pf-a-pill{animation-name:pf-grow-x;transform-origin:left center;animation-delay:calc(.16s + var(--a, 0) * 70ms)}.pf-s-cover-line{fill:none;stroke:var(--cover-fg);stroke-opacity:.28;stroke-width:1.25}.pf-s-cover-solid{fill:var(--cover-fg);fill-opacity:.3}.pf-s-cover-accent{fill:var(--cover-accent)}.pf-cap-list{border-top:0}.pf-row{position:relative;display:grid;gap:12px 40px;padding-block:clamp(24px,3.4vw,40px)}.pf-row:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--portfolio-line);transform-origin:left;transition:transform .9s var(--pf-ease);transition-delay:var(--pf-delay, 0ms)}.pf-row:last-child{border-bottom:1px solid var(--portfolio-line)}.pf-row-num{font-family:var(--pf-mono);font-size:.8125rem;letter-spacing:.08em;color:var(--portfolio-accent)}.pf-row-title{font-family:var(--pf-display);font-weight:600;font-size:clamp(1.5rem,1.1rem + 1.5vw,2.25rem);line-height:1.05;letter-spacing:-.03em}@media (min-width: 900px){.pf-row--cap{grid-template-columns:56px minmax(0,4.5fr) minmax(0,5fr) minmax(0,3.5fr);align-items:baseline}}.pf-exp-grid{display:grid;gap:40px}@media (min-width: 900px){.pf-exp-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(40px,7vw,96px)}.pf-exp-intro{position:sticky;top:32px;align-self:start}}.pf-exp-intro .pf-lede{margin-top:20px;max-width:34ch}.pf-exp-intro .pf-link{margin-top:12px}.pf-row--exp{transition:background-color .22s ease}@media (min-width: 640px){.pf-row--exp{grid-template-columns:170px minmax(0,1fr);padding-inline:12px;margin-inline:-12px}}.pf-row--exp:hover{background:var(--portfolio-wash)}.pf-period{font-family:var(--pf-mono);font-size:.8125rem;letter-spacing:.04em;color:var(--portfolio-muted)}.pf-job-title{font-family:var(--pf-display);font-weight:600;font-size:1.5rem;line-height:1.15;letter-spacing:-.02em}.pf-job-summary{margin-top:12px;max-width:52ch;color:var(--portfolio-muted)}.pf-page-head{padding-block:clamp(32px,5vw,56px) clamp(40px,6vw,72px)}.pf-page-title{font-family:var(--pf-display);font-weight:700;font-size:clamp(3.5rem,2rem + 9vw,9rem);line-height:.88;letter-spacing:-.05em;text-transform:uppercase}.pf-page-head .pf-lede{margin-top:28px}.pf-project{position:relative;display:grid;gap:20px 48px;padding:clamp(28px,4vw,44px) 12px;margin-inline:-12px;transition:background-color .22s ease}.pf-project:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--portfolio-line)}.pf-project:after{content:"";position:absolute;left:0;top:-1px;bottom:0;width:3px;background:var(--portfolio-accent);transform:scaleY(0);transform-origin:top;transition:transform .26s var(--pf-ease)}.pf-project:hover,.pf-project:focus-within{background:var(--portfolio-wash)}.pf-project:hover:after,.pf-project:focus-within:after{transform:scaleY(1)}.pf-project-list>li:last-child .pf-project{border-bottom:1px solid var(--portfolio-line)}.pf-project-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 20px}.pf-project-num{padding-top:.5em;font-family:var(--pf-mono);font-size:.8125rem;letter-spacing:.08em;color:var(--portfolio-accent)}.pf-project-title{font-family:var(--pf-display);font-weight:600;font-size:clamp(1.75rem,1.2rem + 1.9vw,2.75rem);line-height:1.04;letter-spacing:-.03em;overflow-wrap:anywhere}.pf-project-meta{margin-top:10px;display:grid;gap:2px}.pf-project-body{display:flex;flex-direction:column;gap:16px;min-width:0}.pf-project-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 28px}@media (min-width: 900px){.pf-project{grid-template-columns:minmax(0,5fr) minmax(0,7fr);padding-inline:24px;margin-inline:-24px}}.pf-toggle{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:transparent;color:var(--portfolio-text);font:inherit;font-size:1rem;font-weight:500;cursor:pointer;transition:color .2s ease}.pf-toggle svg{transition:transform .22s var(--pf-ease)}.pf-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.pf-toggle:hover{color:var(--portfolio-accent)}.pf-details{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .24s var(--pf-ease),visibility 0s linear .24s}.pf-details[data-open=true]{grid-template-rows:1fr;visibility:visible;transition-delay:0s}.pf-details>div{overflow:hidden}.pf-details ul{display:grid;gap:10px;padding-top:4px;color:var(--portfolio-muted)}.pf-details li{position:relative;padding-left:20px}.pf-details li:before{content:"";position:absolute;left:0;top:.8em;width:10px;height:1.5px;background:var(--portfolio-accent)}.pf-ink{background:var(--portfolio-text);color:var(--portfolio-bg)}.pf-ink .pf-mono,.pf-ink .pf-muted{color:#f2eee7b8}.pf-contact{padding-block:clamp(80px,12vw,168px) clamp(56px,8vw,96px);scroll-margin-top:0}.pf-contact-title{font-family:var(--pf-display);font-weight:600;font-size:clamp(2.75rem,1.2rem + 7vw,7.5rem);line-height:.98;letter-spacing:-.045em}.pf-contact-body{margin-top:clamp(28px,4vw,48px);max-width:40ch;font-size:1.125rem;color:#f2eee7c7}.pf-email{display:inline-flex;align-items:center;min-height:44px;margin-top:clamp(28px,4vw,44px);font-family:var(--pf-display);font-weight:500;font-size:clamp(1.1rem,.6rem + 2.6vw,2.5rem);letter-spacing:-.02em;overflow-wrap:anywhere;background-image:linear-gradient(var(--portfolio-accent),var(--portfolio-accent)),linear-gradient(#f2eee766,#f2eee766);background-repeat:no-repeat;background-position:0 calc(100% - 6px),0 calc(100% - 6px);background-size:0 3px,100% 2px;transition:background-size .28s var(--pf-ease)}.pf-email:hover,.pf-email:focus-visible{background-size:100% 3px,100% 2px}.pf-contact .pf-actions{margin-top:32px}.pf-contact-status{min-height:1.5em;margin-top:12px}.pf-footer{border-top:1px solid rgb(242 238 231 / .18);padding-block:28px 36px;font-size:.9375rem;color:#f2eee7b8}.pf-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 32px}.pf-footer-links{display:flex;flex-wrap:wrap;gap:0 24px}.pf-footer-links a{display:inline-flex;align-items:center;min-height:44px;transition:color .2s ease}.pf-footer-links a:hover{color:var(--portfolio-bg)}@keyframes pf-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pf-mask-up{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}@keyframes pf-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes pf-grow{0%{transform:scaleX(0)}to{transform:none}}@keyframes pf-el-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pf-ring-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes pf-grow-x{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:none}}@keyframes pf-orbit{0%{opacity:0;transform:rotate(-70deg)}25%{opacity:1}to{opacity:1;transform:none}}@keyframes pf-bar-in{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:none}}@keyframes pf-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes pf-row-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes pf-study-in{0%{opacity:0;transform:translate(var(--pf-from-x, 0),var(--pf-from-y, 16px))}to{opacity:1;transform:none}}.pf-enter{animation:pf-rise .56s var(--pf-ease) both;animation-delay:calc(var(--pf-i, 0) * 80ms)}.pf-hero .pf-name-text{animation:pf-mask-up .76s var(--pf-ease) both;animation-delay:calc(var(--pf-i, 0) * 90ms)}.pf-hero .pf-ruler{animation:pf-grow .9s var(--pf-ease) .24s both,pf-flow 6s linear infinite}.pf-reveal{transition:opacity .56s var(--pf-ease),transform .56s var(--pf-ease);transition-delay:var(--pf-delay, 0ms)}.pf-reveal[data-state=hidden]{opacity:0;transform:translateY(16px)}.pf-mask-line{display:block;overflow:hidden;padding-bottom:.24em;margin-bottom:-.24em}.pf-mask-inner{display:block;transition:transform .76s var(--pf-ease),opacity .76s var(--pf-ease);transition-delay:calc(var(--pf-delay, 0ms) + var(--pf-i, 0) * 90ms)}[data-variant=mask][data-state=hidden] .pf-mask-inner{opacity:0;transform:translateY(34px)}[data-variant=mask]{transition:none}[data-variant=mask][data-state=hidden]{opacity:1;transform:none}[data-variant=row]{transition:none}[data-variant=row]>*{transition:opacity .56s var(--pf-ease),transform .56s var(--pf-ease);transition-delay:calc(var(--pf-delay, 0ms) + .16s)}[data-variant=row][data-state=hidden]{opacity:1;transform:none}[data-variant=row][data-state=hidden]:before{transform:scaleX(0)}[data-variant=row][data-state=hidden]>*{opacity:0;transform:translateY(12px)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto!important}.pf *,.pf *:before,.pf *:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}.pf .pf-reveal[data-state=hidden],.pf [data-variant=row][data-state=hidden]>*,.pf [data-variant=mask][data-state=hidden] .pf-mask-inner{opacity:1;transform:none}.pf [data-variant=row][data-state=hidden]:before{transform:none}.pf .pf-cover[data-play=pending] [class*=pf-a-]{opacity:1}.pf .pf-study-point{transform:none}.pf .pf-arrow,.pf .pf-btn:active,.pf .pf-cover-art{transform:none!important}}.pf-container-wide{width:min(1400px,100% - 2 * var(--pf-gutter));margin-inline:auto}.pf-arrow--back{transition:transform .2s var(--pf-ease)}.pf-hoverable:hover .pf-arrow--back,.pf-hoverable:focus-within .pf-arrow--back,.pf-link:hover .pf-arrow--back,.pf-link:focus-visible .pf-arrow--back{transform:translate(-4px)}.pf-field-label{display:block;font-family:var(--pf-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--portfolio-muted)}.pf-hint{display:block;margin-top:2px;font-size:.875rem;color:var(--portfolio-muted)}.pf-input{display:block;width:100%;min-height:48px;padding:10px 14px;border:1px solid rgb(31 27 22 / .35);border-radius:6px;background:var(--portfolio-bg);color:var(--portfolio-text);font:inherit;font-size:1rem;line-height:1.5;transition:border-color .2s ease,background-color .2s ease}.pf-input:hover{border-color:#1f1b1699}.pf .pf-input:focus,.pf .pf-input:focus-visible{outline:2px solid var(--portfolio-accent);outline-offset:2px;border-color:var(--portfolio-accent)}.pf-input[aria-invalid=true]{border-color:var(--portfolio-accent)}textarea.pf-input{min-height:9rem;resize:vertical}.pf-error{display:flex;align-items:baseline;gap:8px;color:var(--portfolio-accent);font-size:.9375rem;font-weight:500}.pf-error:before{content:"";flex:none;width:7px;height:7px;background:var(--portfolio-accent);transform:translateY(-1px)}.pf-gate{display:grid;align-content:center;min-height:calc(100vh - 69px);padding-block:clamp(40px,8vw,96px)}.pf-gate-inner{width:min(440px,100%)}.pf-gate-title{margin-top:16px;font-family:var(--pf-display);font-weight:600;font-size:clamp(2.25rem,1.4rem + 3.2vw,3.5rem);line-height:1.02;letter-spacing:-.035em}.pf-gate .pf-lede{margin-top:16px}.pf-gate-form{display:grid;gap:12px;margin-top:32px}.pf-gate-form .pf-btn{margin-top:4px}@media print{.pf-skip{display:none!important}}.pf-progress{position:fixed;inset:0 0 auto 0;z-index:40;height:4px;background:var(--pf-rainbow);background-size:200% 100%;transform:scaleX(0);transform-origin:left;pointer-events:none}@supports (animation-timeline: scroll()){.pf-progress{animation:pf-progress linear both,pf-flow 6s linear infinite;animation-timeline:scroll(root),auto}}@keyframes pf-progress{to{transform:scaleX(1)}}.pf-header{position:sticky;top:0;z-index:30;background:#f6f1e7c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pf-hero{position:relative;isolation:isolate;overflow:hidden}.pf-blobs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.pf-blobs i{position:absolute;width:clamp(240px,36vw,520px);aspect-ratio:1;border-radius:46% 54% 58% 42%/48% 42% 58% 52%;filter:blur(70px);opacity:.55;animation:pf-morph 18s ease-in-out infinite alternate}.pf-blobs i:nth-child(1){top:-14%;right:-6%;background:var(--c-coral)}.pf-blobs i:nth-child(2){top:30%;left:-10%;background:var(--c-sky);animation-duration:22s;animation-delay:-6s;opacity:.4}.pf-blobs i:nth-child(3){bottom:-22%;left:34%;background:var(--c-sun);animation-duration:20s;animation-delay:-3s}.pf-blobs i:nth-child(4){bottom:4%;right:4%;width:clamp(160px,22vw,320px);background:var(--c-violet);animation-duration:26s;opacity:.4}@keyframes pf-morph{to{transform:translate3d(6vw,-5vh,0) rotate(40deg) scale(1.18);border-radius:58% 42% 40% 60%/54% 58% 42% 46%}}.pf-band{position:relative;z-index:2;margin-block:clamp(8px,2vw,24px);padding-block:18px;background:var(--portfolio-text);color:var(--portfolio-bg);transform:rotate(-1.4deg);overflow:hidden;box-shadow:0 18px 40px -22px #1f1b168c}.pf-band-track{display:flex;width:max-content;animation:pf-marquee 38s linear infinite}.pf-band:hover .pf-band-track{animation-play-state:paused}.pf-band-list{display:flex;flex-shrink:0;gap:14px;padding-right:14px}.pf-band-item{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;border:1px solid rgb(246 241 231 / .22);font-family:var(--pf-display);font-weight:600;font-size:clamp(1rem,.9rem + .6vw,1.375rem);letter-spacing:-.01em;white-space:nowrap;transition:transform .25s var(--pf-ease),background .25s var(--pf-ease)}.pf-band-item:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--dot, var(--c-coral));box-shadow:0 0 12px var(--dot, var(--c-coral))}.pf-band-item:hover{transform:translateY(-3px) scale(1.04);background:#f6f1e71a}@keyframes pf-marquee{to{transform:translate(-50%)}}.pf-mono:before{content:none}.pf-stack li{transition:color .2s var(--pf-ease)}.pf-row-num{color:var(--accent-n, var(--portfolio-accent))}.pf-cap-list>li:nth-child(5n+1),.pf-claude-steps>li:nth-child(5n+1){--accent-n: #d4452a;--tint: var(--c-coral)}.pf-cap-list>li:nth-child(5n+2),.pf-claude-steps>li:nth-child(5n+2){--accent-n: #b27a00;--tint: var(--c-sun)}.pf-cap-list>li:nth-child(5n+3),.pf-claude-steps>li:nth-child(5n+3){--accent-n: #0d8a65;--tint: var(--c-mint)}.pf-cap-list>li:nth-child(5n+4){--accent-n: #1b72d6;--tint: var(--c-sky)}.pf-cap-list>li:nth-child(5n+5){--accent-n: #6c4bd6;--tint: var(--c-violet)}.pf-row{position:relative}.pf-row:hover .pf-row-title{background:linear-gradient(90deg,var(--tint, var(--c-coral)),var(--c-violet));-webkit-background-clip:text;background-clip:text;color:transparent}.pf-btn--primary{background-image:var(--pf-rainbow);background-size:0% 100%;background-repeat:no-repeat;transition:background-size .5s var(--pf-ease),transform .25s var(--pf-ease),color .25s var(--pf-ease)}.pf-btn--primary:hover{background-size:300% 100%;color:var(--portfolio-text);transform:translateY(-2px)}.pf-btn--ghost{transition:transform .25s var(--pf-ease),border-color .25s var(--pf-ease)}.pf-btn--ghost:hover{transform:translateY(-2px)}.pf-claude{position:relative}.pf-claude-cards{display:grid;gap:16px;margin-top:clamp(32px,5vw,56px)}@media (min-width: 800px){.pf-claude-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.pf-claude-card{position:relative;padding:clamp(24px,3vw,36px);border:1px solid var(--portfolio-line);border-radius:20px;background:var(--portfolio-surface);overflow:hidden;transition:transform .3s var(--pf-ease),box-shadow .3s var(--pf-ease)}.pf-claude-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--pf-rainbow);background-size:200% 100%;animation:pf-flow 6s linear infinite}.pf-claude-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px -28px #1f1b1680}.pf-claude-card h3{margin:14px 0 10px;font-family:var(--pf-display);font-weight:600;font-size:1.5rem;letter-spacing:-.02em}.pf-claude-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--tint, var(--c-coral)) 24%,transparent);color:var(--accent-n, var(--portfolio-accent));transition:transform .4s var(--pf-ease)}.pf-claude-card:hover .pf-claude-icon,.pf-claude-step:hover .pf-claude-icon{transform:rotate(-8deg) scale(1.12)}.pf-claude-tech{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(28px,4vw,44px)}.pf-claude-tech li{padding:7px 16px;border-radius:999px;background:color-mix(in srgb,var(--t) 22%,var(--portfolio-surface));border:1px solid color-mix(in srgb,var(--t) 55%,transparent);font-family:var(--pf-mono);font-size:.875rem;animation:pf-float 4.5s ease-in-out infinite;animation-delay:calc(var(--n) * -.55s);transition:transform .25s var(--pf-ease)}.pf-claude-tech li:hover{transform:translateY(-4px) rotate(-2deg)}@keyframes pf-float{50%{transform:translateY(-5px)}}.pf-claude-steps{display:grid;gap:16px;margin-top:16px}@media (min-width: 800px){.pf-claude-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.pf-claude-step{padding:24px;border:1px solid var(--portfolio-line);border-radius:16px;background:transparent;transition:transform .3s var(--pf-ease),border-color .3s var(--pf-ease),background .3s var(--pf-ease)}.pf-claude-step:hover{transform:translateY(-4px);border-color:var(--tint, var(--c-coral));background:color-mix(in srgb,var(--tint, var(--c-coral)) 10%,transparent)}.pf-claude-step .pf-claude-icon{margin-bottom:14px}.pf-claude-step .pf-row-title{margin-bottom:8px;font-size:1.375rem}#claude .pf-lede{margin-top:24px;max-width:62ch}.pf-claude-chip{position:relative;display:inline-block;width:fit-content;padding:3px 12px;border-radius:999px;background:var(--pf-rainbow);background-size:200% 100%;animation:pf-flow 6s linear infinite;color:var(--portfolio-text);font-family:var(--pf-mono);font-size:.75rem;line-height:1.6}@media (prefers-reduced-motion: reduce){.pf-blobs i,.pf-ruler,.pf-ruler:after,.pf-band-track,.pf-claude-card:before,.pf-claude-tech li,.pf-claude-chip,.pf-progress{animation:none}.pf-band{transform:none}.pf-band-track{flex-wrap:wrap;width:auto}.pf-claude-card:hover,.pf-claude-step:hover,.pf-btn--primary:hover,.pf-btn--ghost:hover{transform:none}}.cl-select{padding-block:clamp(40px,7vw,88px) clamp(64px,9vw,120px)}.cl-select-head{max-width:640px}.cl-select-title{margin-top:16px;font-family:var(--pf-display);font-weight:600;font-size:clamp(2.75rem,1.6rem + 4.4vw,5rem);line-height:1;letter-spacing:-.04em}.cl-select-head .pf-lede{margin-top:20px}.cl-templates{display:grid;gap:20px;margin-top:clamp(32px,5vw,56px)}@media (min-width: 760px){.cl-templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}.cl-template-reveal{height:100%}.cl-template{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--portfolio-line);border-radius:10px;transition:border-color .22s ease,background-color .22s ease,transform .22s var(--pf-ease)}.cl-template:before{content:"";position:absolute;z-index:1;left:0;top:0;bottom:0;width:3px;background:var(--portfolio-accent);transform:scaleY(0);transform-origin:top;transition:transform .26s var(--pf-ease)}.cl-template:hover,.cl-template:focus-visible{border-color:#20211f66;background:var(--portfolio-wash);transform:translateY(-2px)}.cl-template:hover:before,.cl-template:focus-visible:before{transform:scaleY(1)}.pf .cl-template:focus-visible{border-radius:10px;outline-offset:4px}.cl-template-preview{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-height:220px;padding:28px 28px 0;overflow:hidden;background:var(--portfolio-wash);border-bottom:1px solid var(--portfolio-line)}.cl-sheet{display:flex;flex-direction:column;gap:7px;width:150px;height:184px;padding:18px 16px;overflow:hidden;background:var(--portfolio-bg);border:1.5px solid var(--portfolio-text);border-bottom:0;border-radius:6px 6px 0 0;box-shadow:6px 0 #20211f12;transition:transform .26s var(--pf-ease)}.cl-template:hover .cl-sheet,.cl-template:focus-visible .cl-sheet{transform:translateY(-4px)}.cl-sheet-bar{display:block;flex:none;width:100%;height:5px;border-radius:3px;background:#20211f33}.cl-sheet-bar--name{width:54%;height:8px;background:var(--portfolio-text)}.cl-sheet-bar--role{width:36%;background:#20211f59}.cl-sheet-bar--subject{width:72%;margin-top:6px;background:var(--portfolio-accent)}.cl-sheet-gap{flex:none;height:6px}.cl-template-code{align-self:flex-end;margin-bottom:-.08em;font-family:var(--pf-display);font-weight:700;font-size:clamp(5.5rem,4rem + 5vw,8rem);line-height:.8;letter-spacing:-.06em;transition:color .22s ease}.cl-template:hover .cl-template-code,.cl-template:focus-visible .cl-template-code{color:var(--portfolio-accent)}.cl-template-body{display:grid;gap:10px;padding:24px 28px 28px}.cl-template-title{font-family:var(--pf-display);font-weight:600;font-size:1.75rem;line-height:1.1;letter-spacing:-.03em}.cl-open{margin-top:6px;align-self:start;justify-self:start}.cl-template:hover .cl-open,.cl-template:focus-visible .cl-open{color:var(--portfolio-accent)}.cl-template:hover .cl-open:after,.cl-template:focus-visible .cl-open:after{transform:scaleX(1)}.cl-toolbar{position:sticky;top:0;z-index:20;background:var(--portfolio-bg);border-bottom:1px solid var(--portfolio-line)}.cl-toolbar-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;min-height:64px;padding-block:8px}.cl-toolbar-left{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;min-width:0}.cl-toolbar-title{font-family:var(--pf-display);font-weight:600;font-size:1.125rem;line-height:1.2;letter-spacing:-.02em}.cl-toolbar-sep{flex:none;width:1px;height:24px;background:var(--portfolio-line)}.cl-toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.cl-toolbar-group{display:flex;gap:8px}@media (max-width: 639px){.cl-toolbar{position:static}.cl-toolbar .pf-btn{min-height:44px}.cl-toolbar-title{flex-basis:100%}.cl-toolbar-actions{width:100%}.cl-toolbar-sep{display:none}.cl-toolbar-group{flex:1 1 100%}.cl-toolbar-group .pf-btn{flex:1}}.cl-editor-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;padding-block:24px clamp(48px,8vw,96px)}@media (min-width: 960px){.cl-editor-layout{grid-template-columns:minmax(380px,460px) minmax(0,1fr);gap:clamp(24px,3.5vw,56px)}}.cl-editor-layout [data-active=false]{display:none}.cl-editor-panel{display:grid;gap:36px;min-width:0}.cl-group{display:grid;gap:20px;min-width:0}.cl-group-title{padding-bottom:12px;border-bottom:1px solid var(--portfolio-line);font-family:var(--pf-mono);font-size:.75rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--portfolio-accent)}.cl-field{display:grid;gap:6px;min-width:0}.cl-tabs{display:flex;border-bottom:1px solid var(--portfolio-line)}.cl-tab{flex:1;min-height:48px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--portfolio-muted);font:inherit;font-weight:500;cursor:pointer;transition:color .2s ease,border-color .2s ease}.cl-tab:hover{color:var(--portfolio-text)}.cl-tab[aria-selected=true]{color:var(--portfolio-text);border-bottom-color:var(--portfolio-accent)}.cl-preview-panel{min-width:0}@media (min-width: 960px){.cl-preview-panel{position:sticky;top:80px;max-height:calc(100vh - 96px);overflow:auto;overscroll-behavior:contain}}.cl-preview-stage{padding:clamp(12px,2vw,24px);border-radius:8px;background:var(--portfolio-wash)}.cl-preview-measure{width:100%;height:0}.cl-preview-frame{margin-inline:auto}.cl-preview-scale{width:210mm;transform-origin:top left}.cl-document{width:210mm;min-width:210mm;min-height:297mm;box-sizing:border-box;padding:22mm 20mm;background:#fff;color:#20211f;border:1px solid rgb(32 33 31 / .12);box-shadow:0 10px 30px #20211f1a;font-family:Jost,sans-serif}.cl-doc-name{margin:0;font-size:18pt;font-weight:700;line-height:1.2}.cl-doc-role{margin:1.5mm 0 0;font-size:11pt;font-weight:500;color:#20211f}.cl-doc-links{margin:3.5mm 0 0;font-size:9.5pt;line-height:1.5;color:#666860}.cl-doc-links a{color:#20211f;text-decoration:underline;text-underline-offset:1.5px}.cl-doc-heading{margin:8mm 0 0;font-size:12pt;font-weight:700}.cl-doc-subject{margin:5mm 0 0;font-size:10.5pt;font-weight:500;line-height:1.4}.cl-doc-greeting{margin:7mm 0 0;font-size:11pt}.cl-doc-paragraph{margin:4.2mm 0 0;font-size:10.5pt;line-height:1.55;color:#20211f;overflow-wrap:anywhere}.cl-doc-closing{margin:7mm 0 0;font-size:11pt}.cl-doc-signature{margin:6mm 0 0;font-size:11pt;font-weight:600}@media (prefers-reduced-motion: reduce){.pf .cl-template:hover,.pf .cl-template:focus-visible,.pf .cl-template:hover .cl-sheet,.pf .cl-template:focus-visible .cl-sheet{transform:none}}@media print{@page{size:A4;margin:22mm 20mm}html,body,html body:has(.pf){margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pf{min-height:0!important;background:#fff!important}*,*:before,*:after{animation:none!important;transition:none!important}.cl-no-print{display:none!important}.cl-editor-layout{display:block!important;width:auto!important;padding:0!important}.cl-editor-layout .cl-editor-panel{display:none!important}.cl-editor-layout .cl-preview-panel{display:block!important;position:static!important;max-height:none!important;overflow:visible!important;padding:0!important}.cl-preview-stage{padding:0!important;background:none!important}.cl-preview-measure{display:none!important}.cl-preview-frame{width:auto!important;height:auto!important;margin:0!important}.cl-preview-scale{width:auto!important;transform:none!important}.cl-document{width:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}.cl-doc-paragraph{orphans:3;widows:3}.cl-doc-greeting,.cl-doc-closing,.cl-doc-subject{break-after:avoid}.cl-doc-signature{break-before:avoid;break-inside:avoid}}
