@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-emerald-400:oklch(76.5% .177 163.223);--color-rose-300:oklch(81% .117 11.638);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--radius-md:.375rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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}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:where(:not(iframe)){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}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{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}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-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}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:0}.z-40{z-index:40}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-12{height:calc(var(--spacing) * 12)}.min-h-\[700px\]{min-height:700px}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[1600px\]{max-width:1600px}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.animate-spin{animation:var(--animate-spin)}.resize-none{resize:none}.scroll-mt-6{scroll-margin-top:calc(var(--spacing) * 6)}.scroll-mt-8{scroll-margin-top:calc(var(--spacing) * 8)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-px{gap:1px}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/8{border-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.bg-\[\#0b0d10\]{background-color:#0b0d10}.bg-\[\#0b0d10\]\/90{background-color:#0b0d10e6}.bg-\[\#0c0e11\]{background-color:#0c0e11}.bg-\[\#0e1014\]{background-color:#0e1014}.bg-\[\#090a0d\]{background-color:#090a0d}.bg-\[\#111318\]{background-color:#111318}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-transparent{background-color:#0000}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.bg-white\/8{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:var(--spacing)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.055em\]{--tw-tracking:-.055em;letter-spacing:-.055em}.tracking-\[0\.13em\]{--tw-tracking:.13em;letter-spacing:.13em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-emerald-400{color:var(--color-emerald-400)}.text-rose-300{color:var(--color-rose-300)}.text-white{color:var(--color-white)}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.uppercase{text-transform:uppercase}.accent-white{accent-color:var(--color-white)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:text-zinc-300:is(:where(.group):hover *){color:var(--color-zinc-300)}}.placeholder\:text-zinc-600::placeholder{color:var(--color-zinc-600)}@media(hover:hover){.hover\:text-white:hover{color:var(--color-white)}}@media(min-width:40rem){.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:48rem){.md\:inline{display:inline}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}}@media(min-width:64rem){.lg\:ml-auto{margin-left:auto}.lg\:grid-cols-\[0\.92fr_1\.08fr\]{grid-template-columns:.92fr 1.08fr}.lg\:grid-cols-\[450px_minmax\(0\,1fr\)\]{grid-template-columns:450px minmax(0,1fr)}.lg\:items-center{align-items:center}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:pt-20{padding-top:calc(var(--spacing) * 20)}.lg\:pb-28{padding-bottom:calc(var(--spacing) * 28)}.lg\:text-\[4\.75rem\]{font-size:4.75rem}.lg\:leading-\[0\.98\]{--tw-leading:.98;line-height:.98}}@media(min-width:80rem){.xl\:inline{display:inline}}}:root{color:#f4f4f5;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0d10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.landing-shell{background:radial-gradient(circle at 75% 15%,#ffffff0f,#0000 22rem),linear-gradient(#0b0d10,#090a0c)}.studio-icon-button,.studio-secondary-button,.studio-primary-button,.preview-toggle{justify-content:center;align-items:center;gap:.45rem;transition:all .16s;display:inline-flex}.studio-icon-button{color:#a1a1aa;background:#ffffff05;border:1px solid #ffffff14;border-radius:.75rem;width:2.25rem;height:2.25rem}.studio-icon-button:hover{color:#fff;background:#ffffff0f}.studio-secondary-button,.studio-primary-button{border-radius:.75rem;height:2.35rem;padding:0 .8rem;font-size:.78rem;font-weight:600}.studio-secondary-button{color:#d4d4d8;background:#ffffff06;border:1px solid #ffffff17}.studio-secondary-button:hover{background:#ffffff0f}.studio-primary-button{color:#111318;background:#fff}.studio-primary-button:hover{background:#e4e4e7}.studio-input{color:#e4e4e7;background:#ffffff06;border:1px solid #ffffff14;border-radius:.7rem;outline:none;width:100%;padding:.68rem .75rem;font-size:.82rem;transition:all .15s}.studio-input::placeholder{color:#3f3f46}.studio-input:focus{background:#ffffff0a;border-color:#ffffff38}.preview-toggle{color:#52525b;border-radius:.55rem;width:2rem;height:2rem}.preview-toggle:hover{color:#d4d4d8}.preview-toggle-active{color:#fff;background:#ffffff14}.preview-device{border:1px solid #ffffff14;border-radius:1rem;transition:width .24s;overflow:hidden;box-shadow:0 25px 70px #00000059}.preview-device-desktop{width:min(100%,1100px)}.preview-device-mobile{width:min(100%,390px)}.studio-label{color:#71717a;margin-bottom:.4rem;font-size:.72rem;font-weight:600;display:block}.studio-editor-panel{border-top:1px solid #ffffff12}.studio-editor-panel:first-of-type{border-top:0}.studio-editor-panel>summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:1rem 1.8rem 1rem 0;list-style:none;position:relative}.studio-editor-panel>summary::-webkit-details-marker{display:none}.studio-editor-panel>summary:after{content:"+";color:#52525b;font-size:1rem;position:absolute;top:1rem;right:.2rem}.studio-editor-panel[open]>summary:after{content:"−"}.studio-editor-title{color:#e4e4e7;align-items:center;gap:.5rem;font-size:.82rem;font-weight:650;display:flex}.studio-editor-description{color:#52525b;margin-top:.3rem;font-size:.7rem;line-height:1.45;display:block}.studio-editor-content{gap:.9rem;padding:0 0 1.4rem;display:grid}.template-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.template-option{color:#71717a;text-align:left;background:#ffffff04;border:1px solid #ffffff14;border-radius:.8rem;padding:.55rem;transition:all .16s}.template-option:hover{color:#d4d4d8;border-color:#ffffff29}.template-option-active{color:#fff;background:#ffffff0e;border-color:#ffffff59}.template-option-preview{background:#191b1f;border-radius:.55rem;align-content:center;gap:4px;height:54px;margin-bottom:.5rem;padding:.55rem;display:grid;overflow:hidden}.template-option-preview i{background:#52525b;border-radius:999px;height:3px;display:block}.template-option-preview i:first-child{background:#d4d4d8;width:55%}.template-option-preview i:nth-child(2){width:82%}.template-option-preview i:nth-child(3){width:68%}.template-option-creative .template-option-preview{background:#151515;position:relative;transform:rotate(-1deg)}.template-option-creative .template-option-preview:after{content:"";opacity:.9;background:#f4b942;width:22%;height:38%;position:absolute;top:8px;right:8px}.template-option-modern .template-option-preview{background:#12150f}.template-option-minimal .template-option-preview{background:#f4f3ef}.template-option-minimal .template-option-preview i{background:#b2b2ad}.template-option-minimal .template-option-preview i:first-child{background:#333}.template-option strong{font-size:.68rem;font-weight:600}.studio-choice{color:#71717a;background:#ffffff04;border:1px solid #ffffff14;border-radius:.7rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.3rem;font-size:.72rem;font-weight:600;display:inline-flex}.studio-choice-active{color:#f4f4f5;background:#ffffff0f;border-color:#ffffff38}.accent-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.accent-swatch{border:2px solid #0e1014;border-radius:999px;width:1.65rem;height:1.65rem;box-shadow:0 0 0 1px #ffffff14}.accent-swatch-active{box-shadow:0 0 0 2px #ffffffa6}.accent-custom{cursor:pointer;background:0 0;border:0;border-radius:999px;width:2rem;height:2rem;padding:0;overflow:hidden}.studio-toggle-row{color:#a1a1aa;background:#ffffff04;border:1px solid #fff1;border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;min-height:2.5rem;padding:.55rem .7rem;font-size:.74rem;display:flex}.studio-toggle-row input{accent-color:#fff;width:1rem;height:1rem}.studio-mini-button,.studio-add-button{color:#a1a1aa;background:#ffffff05;border:1px solid #ffffff14;border-radius:.65rem;justify-content:center;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;transition:all .15s;display:inline-flex}.studio-mini-button{padding:.48rem .65rem}.studio-add-button{border-style:dashed;width:100%;padding:.7rem}.studio-mini-button:hover,.studio-add-button:hover{color:#fff;background:#ffffff0d}.project-editor-card,.list-item-editor{background:#ffffff03;border:1px solid #fff1;border-radius:.85rem;padding:.75rem;transition:all .15s}.project-editor-card:not(.project-editor-card-active){opacity:.62}.project-editor-card-active{background:#ffffff08;border-color:#ffffff21}.project-order-button{color:#71717a;background:0 0;border:1px solid #ffffff12;border-radius:.5rem;place-items:center;width:1.65rem;height:1.65rem;display:inline-grid}.project-order-button:hover:not(:disabled){color:#fff;background:#ffffff0d}.project-order-button:disabled{opacity:.25;cursor:default}.project-stats{color:#52525b;margin:0;font-size:.65rem}.editor-divider{background:#ffffff0f;height:1px}.studio-empty{color:#71717a;border:1px dashed #ffffff1a;border-radius:.8rem;padding:1rem;font-size:.75rem;line-height:1.6}.studio-print-portfolio{display:none}.portfolio-root{--portfolio-bg:#11130f;--portfolio-surface:#171a15;--portfolio-text:#f4f1e8;--portfolio-muted:#8b8e84;--portfolio-soft:#62665d;--portfolio-line:#f4f1e81c;--portfolio-accent:#7cdd5b;background:var(--portfolio-bg);min-height:100vh;color:var(--portfolio-text);position:relative;overflow:hidden;container-type:inline-size}.portfolio-mode-light{--portfolio-bg:#f5f3ed;--portfolio-surface:#ebe8df;--portfolio-text:#171915;--portfolio-muted:#65685f;--portfolio-soft:#8a8d85;--portfolio-line:#17191521}.portfolio-font-sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.portfolio-font-editorial{font-family:Georgia,Times New Roman,serif}.portfolio-font-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.portfolio-embedded{min-height:850px}.tpl-page{background:var(--portfolio-bg);min-height:100vh;color:var(--portfolio-text)}.tpl-main,.tpl-nav,.tpl-footer{z-index:2;width:min(1160px,100% - 64px);margin:0 auto;position:relative}.tpl-nav{border-bottom:1px solid var(--portfolio-line);justify-content:space-between;align-items:center;gap:2rem;padding:28px 0;display:flex}.tpl-brand{letter-spacing:-.02em;font-size:.8rem;font-weight:700}.tpl-nav-links{color:var(--portfolio-muted);align-items:center;gap:1.4rem;font-size:.7rem;display:flex}.tpl-nav-links a{transition:all .15s}.tpl-nav-links a:hover{color:var(--portfolio-text)}.tpl-eyebrow{color:var(--portfolio-accent);letter-spacing:.09em;text-transform:uppercase;margin:0 0 1.2rem;font-size:.7rem;font-weight:700}.tpl-profile-meta{color:var(--portfolio-muted);flex-wrap:wrap;gap:.85rem 1.2rem;margin-top:1.8rem;font-size:.72rem;display:flex}.tpl-profile-meta span,.tpl-profile-meta a{align-items:center;gap:.38rem;display:inline-flex}.tpl-profile-meta a:hover{color:var(--portfolio-text)}.tpl-section-index{color:var(--portfolio-soft);letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:.68rem}.tpl-body-copy{max-width:720px;color:var(--portfolio-muted);margin:1.2rem 0 0;font-size:.95rem;line-height:1.8}.tpl-skills{flex-wrap:wrap;gap:.5rem;margin-top:1.6rem;display:flex}.tpl-skills span,.tpl-tech-list span{border:1px solid var(--portfolio-line);color:var(--portfolio-muted);border-radius:999px}.tpl-skills span{padding:.5rem .8rem;font-size:.7rem}.tpl-tech-list{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.tpl-tech-list span{padding:.34rem .55rem;font-size:.6rem}.tpl-project-meta{color:var(--portfolio-soft);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.64rem;display:flex}.tpl-project-meta span{align-items:center;gap:.28rem;display:inline-flex}.tpl-contact-links{flex-wrap:wrap;gap:.65rem;margin-top:1.6rem;display:flex}.tpl-contact-links a{border:1px solid var(--portfolio-line);color:var(--portfolio-muted);border-radius:999px;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.72rem;transition:all .15s;display:inline-flex}.tpl-contact-links a:hover{color:var(--portfolio-text);border-color:var(--portfolio-text)}@supports (color:color-mix(in lab,red,red)){.tpl-contact-links a:hover{border-color:color-mix(in srgb,var(--portfolio-text) 28%,transparent)}}.tpl-contact-links a:hover{transform:translateY(-1px)}.tpl-contact-links-compact{margin-top:1.8rem}.tpl-timeline{margin-top:1.7rem}.tpl-timeline-item{border-top:1px solid var(--portfolio-line);padding:1.35rem 0}.tpl-timeline-heading{justify-content:space-between;gap:1.5rem;display:flex}.tpl-timeline-heading h3{letter-spacing:-.025em;margin:0;font-size:1rem;font-weight:650}.tpl-timeline-heading p{color:var(--portfolio-muted);margin:.25rem 0 0;font-size:.76rem}.tpl-timeline-heading>span{color:var(--portfolio-soft);white-space:nowrap;font-size:.68rem}.tpl-timeline-description{max-width:700px;color:var(--portfolio-muted);margin:.7rem 0 0;font-size:.8rem;line-height:1.65}.tpl-inline-link{color:var(--portfolio-accent);align-items:center;gap:.3rem;margin-top:.65rem;font-size:.68rem;display:inline-flex}.tpl-empty-copy{color:var(--portfolio-muted);font-size:.8rem;line-height:1.6}.tpl-empty-state{border:1px dashed var(--portfolio-line);color:var(--portfolio-muted);border-radius:.8rem;padding:1.4rem;font-size:.78rem}.tpl-footer{border-top:1px solid var(--portfolio-line);color:var(--portfolio-soft);justify-content:space-between;gap:1rem;padding:28px 0 38px;font-size:.62rem;display:flex}.modern-template{position:relative;overflow:hidden}.modern-glow{z-index:0;background:var(--portfolio-accent);border-radius:999px;width:30rem;height:30rem;position:absolute;top:-13rem;right:-9rem}@supports (color:color-mix(in lab,red,red)){.modern-glow{background:color-mix(in srgb,var(--portfolio-accent) 9%,transparent)}}.modern-glow{filter:blur(20px);pointer-events:none}.modern-hero{grid-template-columns:1fr .52fr;align-items:center;gap:5rem;min-height:650px;padding:96px 0;display:grid}.modern-status{color:var(--portfolio-muted);align-items:center;gap:.55rem;margin-bottom:2rem;font-size:.7rem;display:inline-flex}.modern-status span{background:var(--portfolio-accent);width:7px;height:7px;box-shadow:0 0 0 5px var(--portfolio-accent);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.modern-status span{box-shadow:0 0 0 5px color-mix(in srgb,var(--portfolio-accent) 10%,transparent)}}.modern-hero h1{letter-spacing:-.065em;max-width:800px;margin:0;font-size:clamp(4rem,8cqw,7rem);font-weight:620;line-height:.91}.portfolio-font-editorial .modern-hero h1{letter-spacing:-.055em;font-weight:500}.portfolio-font-mono .modern-hero h1{letter-spacing:-.07em}.modern-headline{max-width:720px;color:var(--portfolio-text);margin:1.5rem 0 0}@supports (color:color-mix(in lab,red,red)){.modern-headline{color:color-mix(in srgb,var(--portfolio-text) 78%,var(--portfolio-muted))}}.modern-headline{letter-spacing:-.025em;font-size:clamp(1.2rem,2.1cqw,1.8rem);line-height:1.4}.modern-bio{max-width:640px;color:var(--portfolio-muted);margin:1.1rem 0 0;font-size:.92rem;line-height:1.75}.modern-avatar-wrap{justify-content:flex-end;display:flex}.modern-avatar-ring{aspect-ratio:1;border:1px solid var(--portfolio-line);border-radius:38% 62% 48% 52%/52% 42% 58% 48%;width:min(100%,300px);padding:10px;transform:rotate(4deg)}.modern-avatar-ring img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.modern-section{border-top:1px solid var(--portfolio-line);grid-template-columns:.3fr 1fr;gap:4rem;padding:92px 0;display:grid}.modern-section h2,.modern-project-heading h2{letter-spacing:-.05em;max-width:820px;margin:0;font-size:clamp(2.1rem,4.7cqw,4rem);font-weight:560;line-height:1.03}.modern-projects-section{border-top:1px solid var(--portfolio-line);padding:92px 0}.modern-project-heading{grid-template-columns:.3fr 1fr;gap:4rem;margin-bottom:3rem;display:grid}.modern-project-grid{border-top:1px solid var(--portfolio-line);border-left:1px solid var(--portfolio-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.modern-project-card{border-right:1px solid var(--portfolio-line);border-bottom:1px solid var(--portfolio-line);flex-direction:column;justify-content:space-between;gap:2rem;min-height:310px;padding:1.8rem;transition:all .18s;display:flex}.modern-project-card:hover{background:var(--portfolio-text)}@supports (color:color-mix(in lab,red,red)){.modern-project-card:hover{background:color-mix(in srgb,var(--portfolio-text) 3.5%,transparent)}}.modern-project-top{color:var(--portfolio-soft);justify-content:space-between;font-size:.66rem;display:flex}.modern-project-card h3{letter-spacing:-.035em;margin:0;font-size:1.35rem;font-weight:620}.modern-project-card p{color:var(--portfolio-muted);margin:.7rem 0 0;font-size:.82rem;line-height:1.65}.minimal-template{background:var(--portfolio-bg)}.minimal-main,.minimal-nav{max-width:1040px}.minimal-hero{grid-template-columns:1fr auto;align-items:center;gap:5rem;min-height:570px;padding:95px 0 80px;display:grid}.minimal-hero h1{letter-spacing:-.055em;max-width:780px;margin:0;font-size:clamp(3.6rem,7.5cqw,6.5rem);font-weight:600;line-height:.96}.minimal-headline{max-width:680px;color:var(--portfolio-text);margin:1.35rem 0 0;font-size:1.22rem;line-height:1.5}.minimal-bio{max-width:650px;color:var(--portfolio-muted);margin:1rem 0 0;font-size:.88rem;line-height:1.75}.minimal-avatar{object-fit:cover;filter:grayscale(.25);border-radius:50%;width:152px;height:152px}.minimal-status{color:var(--portfolio-accent);margin:1.25rem 0 0;font-size:.68rem}.minimal-section{border-top:1px solid var(--portfolio-line);grid-template-columns:230px 1fr;gap:3rem;padding:72px 0;display:grid}.minimal-section>h2{letter-spacing:.06em;text-transform:uppercase;color:var(--portfolio-soft);margin:0;font-size:.76rem}.minimal-section-content>:first-child{margin-top:0}.minimal-project-list{margin-top:-1px}.minimal-project-row{border-top:1px solid var(--portfolio-line);grid-template-columns:1fr auto;gap:2rem;padding:1.5rem 0;display:grid}.minimal-project-row h3{letter-spacing:-.03em;margin:0;font-size:1.12rem}.minimal-project-row p{max-width:650px;color:var(--portfolio-muted);margin:.55rem 0 0;font-size:.78rem;line-height:1.65}.minimal-project-side{color:var(--portfolio-soft);flex-direction:column;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.creative-template{background:var(--portfolio-bg);position:relative;overflow:hidden}.creative-nav{border-bottom-color:var(--portfolio-line)}.creative-brand{gap:.15rem;display:grid}.creative-brand strong{letter-spacing:-.02em;font-size:.78rem}.creative-brand span{color:var(--portfolio-soft);font-size:.62rem}.creative-main{position:relative}.creative-hero{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:4.5rem;min-height:690px;padding:76px 0 88px;display:grid}.creative-hero-copy{min-width:0}.creative-hero-topline{border-bottom:1px solid var(--portfolio-line);max-width:760px;color:var(--portfolio-soft);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.8rem;font-size:.62rem;display:flex}.creative-hero-topline span{align-items:center;gap:.4rem;display:inline-flex}.creative-hero-topline span:first-child{color:var(--portfolio-accent);font-weight:700}.creative-name{letter-spacing:-.08em;text-transform:uppercase;margin:1.35rem 0 0;font-size:clamp(4.8rem,10.4cqw,8.8rem);font-weight:760;line-height:.8;display:grid}.creative-name span{display:block}.portfolio-font-editorial .creative-name{letter-spacing:-.055em;font-weight:520;line-height:.86}.portfolio-font-mono .creative-name{letter-spacing:-.065em}.creative-hero-bottom{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);align-items:start;gap:2rem;margin-top:2rem;display:grid}.creative-headline{letter-spacing:-.03em;max-width:650px;margin:0;font-size:clamp(1.25rem,2.35cqw,1.9rem);line-height:1.35}.creative-hero-summary{border-left:1px solid var(--portfolio-line);padding-left:1.35rem}.creative-hero-summary>p{color:var(--portfolio-muted);margin:0;font-size:.8rem;line-height:1.7}.creative-hero-links{flex-wrap:wrap;gap:.9rem 1.15rem;margin-top:1.15rem;display:flex}.creative-hero-links a,.creative-contact-links a{color:var(--portfolio-text);align-items:center;gap:.3rem;font-size:.68rem;font-weight:650;transition:color .16s;display:inline-flex}.creative-hero-links a:hover,.creative-contact-links a:hover{color:var(--portfolio-accent)}.creative-portrait-column{padding:0 0 1.35rem 1.35rem;position:relative}.creative-portrait-accent{background:var(--portfolio-accent);opacity:.88;width:46%;height:40%;position:absolute;top:-12px;right:-12px}.creative-portrait{z-index:1;border:1px solid var(--portfolio-line);background:var(--portfolio-bg);margin:0;padding:10px;position:relative}.creative-portrait img,.creative-avatar-placeholder{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.creative-avatar-placeholder{background:var(--portfolio-surface);color:var(--portfolio-accent);place-items:center;font-size:5rem;font-weight:750;display:grid}.creative-portrait-meta{z-index:2;grid-template-columns:1fr;gap:.3rem;margin-top:.8rem;padding-left:.2rem;display:grid;position:relative}.creative-portrait-meta span{color:var(--portfolio-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.creative-portrait-meta strong{font-size:.72rem;font-weight:600}.creative-ticker{border-top:1px solid var(--portfolio-line);border-bottom:1px solid var(--portfolio-line);background:var(--portfolio-accent);margin:0;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.creative-ticker{background:color-mix(in srgb,var(--portfolio-accent) 5%,transparent)}}.creative-ticker-track{width:max-content;min-width:100%;color:var(--portfolio-muted);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:1.6rem;padding:.72rem 1.6rem;font-size:.62rem;font-weight:650;display:flex}.creative-ticker-track i{background:var(--portfolio-accent);width:5px;height:5px;transform:rotate(45deg)}.creative-section{border-top:1px solid var(--portfolio-line);grid-template-columns:112px minmax(0,1fr);gap:2rem;padding:82px 0;display:grid}.creative-section-marker{flex-direction:column;align-items:flex-start;gap:.75rem;padding-top:.25rem;display:flex}.creative-section-marker strong{color:var(--portfolio-text)}@supports (color:color-mix(in lab,red,red)){.creative-section-marker strong{color:color-mix(in srgb,var(--portfolio-text) 24%,transparent)}}.creative-section-marker strong{letter-spacing:-.06em;font-size:2.7rem;line-height:.9}.creative-section-marker span{color:var(--portfolio-soft);letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl;font-size:.62rem;transform:rotate(180deg)}.creative-section-content{min-width:0}.creative-section-content h2,.creative-contact h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,5.6cqw,5rem);font-weight:620;line-height:.94}.creative-about-layout,.creative-skills-layout,.creative-timeline-layout{grid-template-columns:minmax(240px,.68fr) minmax(0,1fr);gap:3.2rem;display:grid}.creative-large-copy{max-width:680px;color:var(--portfolio-text);letter-spacing:-.02em;margin:0;font-size:clamp(1.05rem,2cqw,1.45rem);line-height:1.62}.creative-facts{border-top:1px solid var(--portfolio-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0 0;padding-top:1rem;display:grid}.creative-facts dt{color:var(--portfolio-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.58rem}.creative-facts dd{color:var(--portfolio-muted);margin:.35rem 0 0;font-size:.72rem;line-height:1.5}.creative-skills-list{border-top:1px solid var(--portfolio-line);margin:0;padding:0;list-style:none}.creative-skills-list li{border-bottom:1px solid var(--portfolio-line);grid-template-columns:55px minmax(0,1fr);align-items:baseline;gap:1rem;padding:.9rem 0;transition:padding-left .17s,color .17s;display:grid}.creative-skills-list li:hover{color:var(--portfolio-accent);padding-left:.55rem}.creative-skills-list li span{color:var(--portfolio-soft);letter-spacing:.13em;font-size:.6rem}.creative-skills-list li strong{letter-spacing:-.02em;font-size:1.05rem;font-weight:620}.creative-timeline{border-top:1px solid var(--portfolio-line)}.creative-timeline-row{border-bottom:1px solid var(--portfolio-line);grid-template-columns:135px minmax(0,1fr);gap:1.4rem;padding:1.25rem 0 1.4rem;display:grid}.creative-timeline-meta{color:var(--portfolio-accent);letter-spacing:.03em;font-size:.75rem;font-weight:700}.creative-timeline-copy h3{letter-spacing:-.025em;margin:0;font-size:1.08rem;font-weight:650}.creative-timeline-subtitle{color:var(--portfolio-soft);text-transform:uppercase;letter-spacing:.08em;margin:.25rem 0 0;font-size:.68rem}.creative-timeline-description{max-width:650px;color:var(--portfolio-muted);margin:.7rem 0 0;font-size:.79rem;line-height:1.7}.creative-timeline-copy a{color:var(--portfolio-accent);align-items:center;gap:.3rem;margin-top:.65rem;font-size:.68rem;display:inline-flex}.creative-work-section{padding-bottom:96px}.creative-work-heading{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:2rem;margin-bottom:2.8rem;display:grid}.creative-work-heading p{color:var(--portfolio-muted);margin:0;font-size:.78rem;line-height:1.7}.creative-featured-project{border-top:2px solid var(--portfolio-text);border-bottom:1px solid var(--portfolio-line);grid-template-columns:95px minmax(0,1fr) 170px;gap:1.6rem;min-height:330px;padding:2rem 0;display:grid;position:relative;overflow:hidden}.creative-featured-project:before{content:"";background:var(--portfolio-accent);transform-origin:top;width:5px;transition:transform .22s;position:absolute;inset:0 auto 0 0;transform:scaleY(0)}.creative-featured-project:hover:before{transform:scaleY(1)}.creative-featured-number{color:var(--portfolio-text)}@supports (color:color-mix(in lab,red,red)){.creative-featured-number{color:color-mix(in srgb,var(--portfolio-text) 26%,transparent)}}.creative-featured-number{letter-spacing:-.07em;font-size:3.4rem;line-height:.9}.creative-project-label{color:var(--portfolio-accent);letter-spacing:.13em;text-transform:uppercase;font-size:.6rem;font-weight:700}.creative-featured-copy h3{letter-spacing:-.06em;margin:.8rem 0 0;font-size:clamp(2.5rem,5.8cqw,5rem);font-weight:630;line-height:.9}.creative-featured-copy>p{max-width:690px;color:var(--portfolio-muted);margin:1.1rem 0 0;font-size:.84rem;line-height:1.75}.creative-featured-meta{color:var(--portfolio-soft);flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.creative-tech-line{color:var(--portfolio-soft);letter-spacing:.1em;text-transform:uppercase;margin-top:1.25rem;font-size:.62rem;line-height:1.6}.creative-project-stats{color:var(--portfolio-soft);flex-wrap:wrap;justify-content:flex-end;gap:.65rem;font-size:.62rem;display:flex}.creative-project-stats span{align-items:center;gap:.25rem;display:inline-flex}.creative-project-list{margin-top:1.2rem}.creative-project-row{border-bottom:1px solid var(--portfolio-line);grid-template-columns:70px minmax(0,1fr) 230px 24px;align-items:center;gap:1.2rem;padding:1.35rem 0;transition:padding-left .18s;display:grid;position:relative}.creative-project-row:before{content:"";background:var(--portfolio-accent);width:0;height:1px;transition:width .22s;position:absolute;bottom:-1px;left:0}.creative-project-row:hover{padding-left:.55rem}.creative-project-row:hover:before{width:100%}.creative-project-row-shift{margin-left:54px}.creative-project-index{color:var(--portfolio-text)}@supports (color:color-mix(in lab,red,red)){.creative-project-index{color:color-mix(in srgb,var(--portfolio-text) 24%,transparent)}}.creative-project-index{letter-spacing:-.05em;font-size:1.5rem;font-weight:650}.creative-project-copy h3{letter-spacing:-.035em;margin:0;font-size:1.35rem;font-weight:630}.creative-project-copy p{max-width:650px;color:var(--portfolio-muted);margin:.45rem 0 0;font-size:.75rem;line-height:1.65}.creative-project-side{text-align:right}.creative-project-side .creative-tech-line{margin-top:0}.creative-project-arrow{color:var(--portfolio-soft);transition:transform .18s,color .18s}.creative-project-row:hover .creative-project-arrow{color:var(--portfolio-accent);transform:translate(2px,-2px)}.creative-contact{border-top:1px solid var(--portfolio-line);grid-template-columns:112px minmax(0,1fr) 220px;align-items:end;gap:2rem;padding:90px 0 96px;display:grid}.creative-contact-index{color:var(--portfolio-text)}@supports (color:color-mix(in lab,red,red)){.creative-contact-index{color:color-mix(in srgb,var(--portfolio-text) 24%,transparent)}}.creative-contact-index{letter-spacing:-.06em;font-size:2.7rem;line-height:.9}.creative-contact-copy>span{color:var(--portfolio-accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem;font-size:.62rem;font-weight:700;display:block}.creative-contact-copy>p{max-width:680px;color:var(--portfolio-muted);margin:1.2rem 0 0;font-size:.82rem;line-height:1.7}.creative-contact-links{border-left:1px solid var(--portfolio-line);gap:.9rem;padding-left:1.2rem;display:grid}.creative-footer{border-top-color:var(--portfolio-line)}@container (max-width:720px){.tpl-nav,.tpl-main,.tpl-footer{width:calc(100% - 36px)}.tpl-nav{padding:20px 0}.tpl-nav-links{display:none}.tpl-footer{flex-direction:column}.tpl-timeline-heading{flex-direction:column;gap:.5rem}.modern-hero{grid-template-columns:1fr;gap:2.5rem;min-height:0;padding:62px 0 70px}.modern-avatar-wrap{order:-1;justify-content:flex-start}.modern-avatar-ring{width:120px;padding:5px}.modern-hero h1{font-size:clamp(3.1rem,16cqw,5rem)}.modern-headline{font-size:1.1rem}.modern-section,.modern-project-heading{grid-template-columns:1fr;gap:1.6rem}.modern-section,.modern-projects-section{padding:66px 0}.modern-project-grid{grid-template-columns:1fr}.modern-project-card{min-height:250px}.minimal-hero{grid-template-columns:1fr;gap:2rem;min-height:0;padding:62px 0}.minimal-avatar{order:-1;width:108px;height:108px}.minimal-hero h1{font-size:clamp(3rem,15cqw,4.8rem)}.minimal-section{grid-template-columns:1fr;gap:1.3rem;padding:58px 0}.minimal-project-row{grid-template-columns:1fr}.minimal-project-side{flex-direction:row;align-items:center}.creative-hero{grid-template-columns:1fr;gap:2.4rem;min-height:0;padding:56px 0 66px}.creative-hero-topline{flex-wrap:wrap;justify-content:flex-start}.creative-name{font-size:clamp(3.6rem,18cqw,6rem)}.creative-hero-bottom{grid-template-columns:1fr;gap:1.3rem}.creative-hero-summary{border-left:0;border-top:1px solid var(--portfolio-line);padding:1rem 0 0}.creative-portrait-column{width:min(78%,300px);margin-left:auto;padding-left:1rem}.creative-ticker{margin-inline:-18px}.creative-section{grid-template-columns:1fr;gap:1.2rem;padding:62px 0}.creative-section-marker{flex-direction:row;align-items:baseline}.creative-section-marker strong{font-size:1.25rem}.creative-section-marker span{writing-mode:horizontal-tb;transform:none}.creative-about-layout,.creative-skills-layout,.creative-timeline-layout{grid-template-columns:1fr;gap:1.8rem}.creative-facts{grid-template-columns:1fr 1fr}.creative-work-heading{grid-template-columns:1fr;gap:1rem}.creative-featured-project{grid-template-columns:54px minmax(0,1fr);gap:1rem;min-height:0}.creative-featured-number{font-size:2rem}.creative-featured-meta{flex-direction:row;grid-column:2;justify-content:space-between;align-items:center}.creative-featured-copy h3{font-size:clamp(2rem,11cqw,3.5rem)}.creative-project-row,.creative-project-row-shift{grid-template-columns:44px minmax(0,1fr) 20px;gap:.9rem;margin-left:0}.creative-project-side{text-align:left;grid-column:2}.creative-project-side .creative-project-stats{justify-content:flex-start}.creative-project-arrow{grid-area:1/3}.creative-contact{grid-template-columns:1fr;gap:1.3rem;padding:66px 0 72px}.creative-contact-index{font-size:1.25rem}.creative-contact-links{border-left:0;border-top:1px solid var(--portfolio-line);padding:1rem 0 0}}@media(prefers-reduced-motion:no-preference){.modern-avatar-ring{animation:7s ease-in-out infinite portfolioFloat}.creative-name span{animation:.62s cubic-bezier(.2,.75,.2,1) both creativeTextReveal}.creative-name span:nth-child(2){animation-delay:80ms}.creative-portrait{animation:.7s cubic-bezier(.2,.75,.2,1) 90ms both creativePortraitIn}.creative-portrait-accent{animation:.7s cubic-bezier(.2,.75,.2,1) .16s both creativeAccentIn}.creative-ticker-track{animation:24s linear infinite creativeTicker}@keyframes portfolioFloat{0%,to{transform:rotate(4deg)translateY(0)}50%{transform:rotate(2deg)translateY(-7px)}}@keyframes creativeTextReveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes creativePortraitIn{0%{opacity:0;transform:translate(12px,18px)}to{opacity:1;transform:translate(0)}}@keyframes creativeAccentIn{0%{opacity:0;transform:scale(.72)}to{opacity:.88;transform:scale(1)}}@keyframes creativeTicker{0%{transform:translate(0)}to{transform:translate(-32%)}}}@media(min-width:901px){.studio-workspace{height:calc(100dvh - 65px);min-height:0;overflow:hidden}.studio-sidebar{height:100%;min-height:0;overflow:hidden}.studio-editor-scroll{overscroll-behavior:contain;scrollbar-color:#52525b #0e1014;scrollbar-width:thin;height:100%;min-height:100%;overflow-y:auto}.studio-editor-scroll::-webkit-scrollbar{width:10px}.studio-editor-scroll::-webkit-scrollbar-track{background:#0e1014}.studio-editor-scroll::-webkit-scrollbar-thumb{background:#4b4d52;border:3px solid #0e1014;border-radius:999px}.studio-preview-panel{height:100%;min-height:0;overflow-y:auto}}@media(max-width:900px){.studio-workspace{display:block}.studio-sidebar{min-height:auto}.studio-editor-scroll{height:auto;min-height:auto;overflow:visible}.studio-preview-panel{min-height:600px}}@media(max-width:560px){.template-picker{grid-template-columns:1fr 1fr 1fr}.studio-header .studio-secondary-button,.studio-header .studio-primary-button{padding-inline:.65rem}.preview-stage{min-height:520px}}@media print{@page{size:A4 portrait;margin:0}html,body,#root{background:0 0!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}body{overflow:visible!important}.studio-header,.studio-workspace{display:none!important}.portfolio-root{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:var(--portfolio-bg)!important;width:100%!important;min-height:297mm!important;color:var(--portfolio-text)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;padding:9mm 11mm!important;overflow:visible!important;container-type:normal!important}.portfolio-root:after{content:"";z-index:-1000;position:fixed;inset:0;background:var(--portfolio-bg)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.portfolio-root .tpl-page{min-height:0!important;color:var(--portfolio-text)!important;background:0 0!important;overflow:visible!important}.tpl-main,.tpl-nav,.tpl-footer{width:100%!important;max-width:none!important;margin-inline:auto!important}.tpl-nav{border-bottom-color:var(--portfolio-line)!important;padding:0 0 5mm!important;position:static!important}.tpl-nav-links{gap:4mm!important;font-size:7pt!important}.tpl-footer{border-top-color:var(--portfolio-line)!important;padding:5mm 0 0!important}a{text-decoration:none!important}.modern-glow{opacity:.7!important;display:block!important}.modern-hero{grid-template-columns:minmax(0,1fr) 43mm!important;gap:9mm!important;min-height:0!important;padding:11mm 0 13mm!important}.modern-hero h1{font-size:42pt!important}.modern-avatar-ring{width:39mm!important}.modern-section,.modern-projects-section{padding:10mm 0!important}.modern-project-heading{gap:8mm!important}.modern-project-card{min-height:0!important}.minimal-hero{grid-template-columns:minmax(0,1fr) 31mm!important;gap:9mm!important;min-height:0!important;padding:11mm 0 12mm!important}.minimal-hero h1{font-size:40pt!important}.minimal-avatar{width:29mm!important;height:29mm!important}.minimal-section{grid-template-columns:38mm minmax(0,1fr)!important;gap:8mm!important;padding:9mm 0!important}.creative-ticker{background:var(--portfolio-accent)!important;margin-inline:-11mm!important;display:block!important}@supports (color:color-mix(in lab,red,red)){.creative-ticker{background:color-mix(in srgb,var(--portfolio-accent) 5%,transparent)!important}}.creative-ticker-track{justify-content:center!important;width:100%!important;min-width:0!important;animation:none!important;overflow:hidden!important;transform:none!important}.creative-ticker-track>:nth-child(n+8){display:none!important}.creative-hero{grid-template-columns:minmax(0,1.3fr) 46mm!important;align-items:center!important;gap:9mm!important;min-height:0!important;padding:11mm 0 13mm!important}.creative-name{letter-spacing:-.075em!important;font-size:44pt!important;line-height:.8!important}.creative-hero-bottom{grid-template-columns:minmax(0,1fr) minmax(37mm,.7fr)!important;gap:6mm!important;margin-top:6mm!important}.creative-hero-summary{border-left:1px solid var(--portfolio-line)!important;border-top:0!important;padding:0 0 0 5mm!important}.creative-portrait-column{padding:0 0 4mm 4mm!important}.creative-portrait-accent{background:var(--portfolio-accent)!important;top:-2.5mm!important;right:-2.5mm!important}.creative-portrait{background:var(--portfolio-bg)!important;border-color:var(--portfolio-line)!important}.creative-section{border-top-color:var(--portfolio-line)!important;grid-template-columns:25mm minmax(0,1fr)!important;gap:6mm!important;padding:9mm 0!important}.creative-section-marker strong{font-size:20pt!important}.creative-about-layout,.creative-skills-layout,.creative-timeline-layout{grid-template-columns:43mm minmax(0,1fr)!important;gap:8mm!important}.creative-section-content h2,.creative-contact h2{font-size:29pt!important}.creative-featured-project{border-top-color:var(--portfolio-text)!important;border-bottom-color:var(--portfolio-line)!important;grid-template-columns:18mm minmax(0,1fr) 34mm!important;min-height:0!important;padding:6mm 0!important}.creative-featured-number{font-size:22pt!important}.creative-featured-copy h3{font-size:29pt!important}.creative-project-row,.creative-project-row-shift{border-bottom-color:var(--portfolio-line)!important;grid-template-columns:14mm minmax(0,1fr) 42mm 5mm!important;margin-left:0!important;padding:5mm 0!important}.creative-contact{border-top-color:var(--portfolio-line)!important;grid-template-columns:25mm minmax(0,1fr) 38mm!important;gap:6mm!important;padding:10mm 0!important}.modern-project-card,.minimal-project-row,.tpl-timeline-item,.creative-timeline-row,.creative-featured-project,.creative-project-row,.creative-portrait{break-inside:avoid-page;page-break-inside:avoid}*,:before,:after{transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}}.studio-save-status{white-space:nowrap;color:#52525b;align-items:center;gap:.3rem;font-size:.62rem;display:inline-flex}.studio-save-status:before{content:"";background:currentColor;border-radius:999px;width:5px;height:5px}.studio-save-saving{color:#a1a1aa}.studio-save-error{color:#fb7185}.studio-save-saved{color:#71717a}.readiness-card{background:#ffffff05;border:1px solid #ffffff13;border-radius:1rem;margin-bottom:1.25rem;padding:1rem}.readiness-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.readiness-eyebrow{color:#71717a;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.64rem;font-weight:650}.readiness-title{color:#e4e4e7;margin:.3rem 0 0;font-size:.84rem;font-weight:650}.readiness-heading>strong{color:#d4d4d8;font-size:.78rem;font-weight:650}.readiness-progress{background:#ffffff0f;border-radius:999px;height:3px;margin-top:.8rem;overflow:hidden}.readiness-progress span{border-radius:inherit;background:#d4d4d8;height:100%;transition:width .22s;display:block}.readiness-list{gap:.45rem;margin-top:.85rem;display:grid}.readiness-list>span{color:#52525b;align-items:center;gap:.48rem;font-size:.68rem;display:flex}.readiness-list>span i{color:#111318;border:1px solid #ffffff1a;border-radius:999px;place-items:center;width:14px;height:14px;font-style:normal;display:inline-grid}.readiness-list>.readiness-item-complete{color:#a1a1aa}.readiness-list>.readiness-item-complete i{background:#d4d4d8;border-color:#a1a1aa}.readiness-preview-button{color:#d4d4d8;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;margin-top:.9rem;padding:0;font-size:.7rem;font-weight:650;display:inline-flex}.readiness-preview-button:hover{color:#fff}.project-feature-button{color:#52525b;background:0 0;border:1px solid #ffffff12;border-radius:.5rem;place-items:center;width:1.65rem;height:1.65rem;transition:all .15s;display:inline-grid}.project-feature-button:hover{color:#d4d4d8;background:#ffffff0d}.project-feature-button-active{color:#facc15;background:#facc150f;border-color:#facc1533}.tpl-featured-label{color:var(--portfolio-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.55rem;font-size:.58rem;font-weight:700;display:inline-block}.tpl-project-actions{flex-wrap:wrap;gap:.55rem 1rem;margin-top:1rem;display:flex}.tpl-project-actions a{color:var(--portfolio-text);align-items:center;gap:.32rem;font-size:.66rem;font-weight:650;transition:color .15s,transform .15s;display:inline-flex}.tpl-project-actions a:hover{color:var(--portfolio-accent);transform:translateY(-1px)}.modern-project-featured{grid-column:1/-1;min-height:270px}.minimal-project-featured{border-top-color:var(--portfolio-accent)}@supports (color:color-mix(in lab,red,red)){.minimal-project-featured{border-top-color:color-mix(in srgb,var(--portfolio-accent) 50%,var(--portfolio-line))}}.creative-featured-copy .tpl-project-actions{margin-top:1.25rem}.creative-project-copy .tpl-project-actions{margin-top:.65rem}.creative-featured-copy .tpl-project-actions a,.creative-project-copy .tpl-project-actions a{font-size:.62rem}@media print{.tpl-project-actions a{color:var(--portfolio-text)!important}.modern-project-featured{grid-column:1/-1!important}}:where(a,button,input,textarea,select,summary):focus-visible{outline-offset:3px;outline:2px solid #ffffffd1}.skip-link{z-index:9999;color:#111318;background:#fff;border-radius:.6rem;padding:.6rem .8rem;font-size:.75rem;font-weight:700;transition:transform .14s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.landing-logo-mark{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.7rem;place-items:center;width:2rem;height:2rem;display:grid}.landing-eyebrow{color:#b4b4bd;background:#ffffff06;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .68rem;font-size:.72rem;font-weight:600;display:inline-flex}.landing-generator{background:#ffffff0b;border:1px solid #ffffff1c;border-radius:1rem;align-items:center;gap:.75rem;padding:.45rem;transition:border-color .16s,background .16s;display:flex;box-shadow:0 24px 65px #00000038}.landing-generator:focus-within{background:#ffffff0f;border-color:#ffffff38}.landing-generate-button,.landing-bottom-cta{color:#111318;cursor:pointer;background:#f4f4f5;border:0;border-radius:.72rem;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;padding:0 1rem;font-size:.78rem;font-weight:700;transition:transform .15s,background .15s;display:inline-flex}.landing-generate-button:hover,.landing-bottom-cta:hover{background:#fff;transform:translateY(-1px)}.landing-example-link{color:#71717a;align-items:center;gap:.45rem;margin-top:1.2rem;font-size:.75rem;transition:color .15s;display:inline-flex}.landing-example-link:hover{color:#d4d4d8}.landing-audience-strip{background:#ffffff03;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.landing-final-cta{background:#ffffff03}.landing-bottom-cta{min-width:9rem}.landing-example-card{isolation:isolate;display:block}.landing-example-card:before{content:"";z-index:-1;border:1px solid #7cdd5b29;position:absolute;inset:10% -5% -8% 18%;transform:rotate(1.5deg)}.landing-browser-frame{background:#0e110d;border:1px solid #ffffff1a;border-radius:1.2rem;transition:transform .22s,border-color .22s;overflow:hidden;box-shadow:0 32px 85px #0006}.landing-example-card:hover .landing-browser-frame{border-color:#ffffff2e;transform:translateY(-4px)}.landing-example-preview{padding:2rem}.landing-preview-kicker{color:#7cdd5b;letter-spacing:.14em;font-size:.58rem;font-weight:700}.landing-preview-name{letter-spacing:-.075em;margin-top:1.2rem;font-size:clamp(2.7rem,7vw,5.7rem);font-weight:760;line-height:.82;display:grid}.landing-preview-name span{display:block}.landing-preview-columns{grid-template-columns:minmax(0,1fr) 88px;align-items:end;gap:1.6rem;margin-top:1.6rem;display:grid}.landing-preview-columns p{color:#b3b5ad;max-width:430px;margin:0;font-size:.82rem;line-height:1.65}.landing-preview-profile{aspect-ratio:1;color:#10130f;background:#7cdd5b;border:1px solid #ffffff1f;place-items:center;font-size:1rem;font-weight:800;display:grid}.landing-preview-rule{background:#ffffff1c;height:1px;margin:1.5rem 0 .3rem}.landing-preview-projects>div{border-bottom:1px solid #ffffff14;grid-template-columns:34px minmax(0,1fr) auto;align-items:baseline;gap:.7rem;padding:.8rem 0;display:grid}.landing-preview-projects span{color:#55594f;font-size:.6rem}.landing-preview-projects strong{color:#e7e7df;font-size:.72rem;font-weight:650}.landing-preview-projects small{color:#6c7166;text-transform:uppercase;letter-spacing:.06em;font-size:.52rem}.example-demo-bar{z-index:20;color:#a1a1aa;background:#0b0d10;border-bottom:1px solid #ffffff17;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:52px;padding:.55rem 1rem;font-size:.7rem;display:grid;position:relative}.example-demo-bar p{text-align:center;margin:0}.example-demo-back,.example-demo-cta{color:#d4d4d8;align-items:center;gap:.42rem;font-weight:650;display:inline-flex}.example-demo-cta{color:#111318;background:#fff;border-radius:.55rem;padding:.5rem .7rem}.tpl-attribution{color:inherit;transition:color .15s}.tpl-attribution:hover{color:var(--portfolio-text)}.public-state-page,.studio-state-page{color:#f4f4f5;background:#0b0d10;place-items:center;min-height:100vh;padding:1.5rem;display:grid}.public-state-card,.studio-state-card{background:#ffffff06;border:1px solid #ffffff17;border-radius:1.2rem;width:min(100%,490px);padding:2rem}.public-state-icon,.studio-state-icon{color:#d4d4d8;background:#ffffff09;border:1px solid #ffffff17;border-radius:.8rem;place-items:center;width:2.8rem;height:2.8rem;display:grid}.public-state-kicker,.studio-state-kicker{letter-spacing:.12em;text-transform:uppercase;margin:1.4rem 0 0;font-weight:700;color:#71717a!important;font-size:.65rem!important}.public-state-card h1,.studio-state-card h1{color:#f4f4f5;letter-spacing:-.04em;margin:.45rem 0 0;font-size:1.6rem;line-height:1.15}.public-state-card>p:not(.public-state-kicker),.studio-state-card>p:not(.studio-state-kicker){color:#71717a;margin:.8rem 0 0;font-size:.82rem;line-height:1.7}.public-state-actions,.studio-state-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;display:flex}.studio-state-steps{color:#52525b;align-items:center;gap:.55rem;margin-top:1.5rem;font-size:.62rem;display:flex}.studio-state-steps i{background:#ffffff17;width:1.5rem;height:1px}.studio-state-example{color:#71717a;margin-top:1.1rem;font-size:.7rem;display:inline-flex}.studio-state-example:hover{color:#d4d4d8}@media(max-width:640px){.landing-generator{flex-direction:column;align-items:stretch}.landing-generate-button{width:100%}.landing-example-preview{padding:1.35rem}.landing-preview-columns{grid-template-columns:1fr 64px;gap:1rem}.landing-preview-projects>div{grid-template-columns:28px minmax(0,1fr)}.landing-preview-projects small{grid-column:2}.landing-audience-strip div{justify-content:flex-start;gap:.7rem 1.2rem}.example-demo-bar{grid-template-columns:1fr auto}.example-demo-bar p{display:none}.example-demo-cta{justify-self:end}.public-state-card,.studio-state-card{padding:1.4rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media print{.skip-link,.example-demo-bar,.tpl-attribution{display:none!important}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value: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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}