@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}:root,:host{--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\/2{top:50%}.top-6{top:calc(var(--spacing)*6)}.right-6{right:calc(var(--spacing)*6)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.z-\[99999\]{z-index:99999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-8{margin-block:calc(var(--spacing)*8)}.my-auto{margin-block:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-\[2px\]{margin-top:2px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing)*4)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-\[1px\]{height:1px}.h-\[15\%\]{height:15%}.h-\[86vh\]{height:86vh}.h-\[850px\]{height:850px}.h-full{height:100%}.min-h-\[600px\]{min-height:600px}.min-h-\[650px\]{min-height:650px}.w-4{width:calc(var(--spacing)*4)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-12{--tw-translate-y:calc(var(--spacing)*12);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-x-110{--tw-scale-x:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-none{cursor:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}: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)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.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-none{--tw-border-style:none;border-style:none}.border-\[var\(--border\)\]{border-color:var(--border)}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-\[\#0c1017\]{background-color:#0c1017}.bg-\[\#020814\]\/70{background-color:#020814b3;background-color:lab(2.0775% -.0683591 -6.30808/.7)}.bg-\[\#e31f1f\]{background-color:#e31f1f}.bg-\[rgba\(255\,255\,255\,0\.01\)\]{background-color:#ffffff03}.bg-\[rgba\(255\,255\,255\,0\.02\)\]{background-color:#ffffff05}.bg-\[rgba\(255\,255\,255\,0\.03\)\]{background-color:#ffffff08}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.p-0{padding:calc(var(--spacing)*0)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-end{text-align:end}.text-left{text-align:left}.text-start{text-align:start}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[clamp\(2rem\,5vw\,3\.5rem\)\]{font-size:clamp(2rem,5vw,3.5rem)}.text-\[clamp\(15px\,1\.6vw\,20px\)\]{font-size:clamp(15px,1.6vw,20px)}.text-\[clamp\(18px\,2\.8vw\,32px\)\]{font-size:clamp(18px,2.8vw,32px)}.text-\[clamp\(20px\,2\.5vw\,28px\)\]{font-size:clamp(20px,2.5vw,28px)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--text\)\]{color:var(--text)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab,var(--color-white)50%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab,var(--color-white)60%,transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-100{opacity:1}.opacity-\[0\.03\]{opacity:.03}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_40px_100px_-20px_rgba\(0\,0\,0\,0\.9\)\]{--tw-shadow:0 40px 100px -20px var(--tw-shadow-color,#000000e6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,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))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}@media (hover:hover){.group-hover\:scale-x-125:is(:where(.group):hover *){--tw-scale-x:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:text-\[var\(--text\)\]:is(:where(.group):hover *){color:var(--text)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing)*0)}@media (hover:hover){.hover\:border-\[\#ff3b30\]:hover{border-color:#ff3b30}.hover\:border-\[var\(--text\)\]:hover{border-color:var(--text)}.hover\:bg-\[\#ff3b30\]:hover{background-color:#ff3b30}.hover\:bg-\[var\(--text\)\]:hover{background-color:var(--text)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-\[var\(--bg\)\]:hover{color:var(--bg)}.hover\:text-\[var\(--text\)\]:hover{color:var(--text)}.hover\:text-black:hover{color:var(--color-black)}}@media (min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media (min-width:48rem){.md\:top-10{top:calc(var(--spacing)*10)}.md\:right-12{right:calc(var(--spacing)*12)}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-9{grid-column:span 9/span 9}.md\:-mx-4{margin-inline:calc(var(--spacing)*-4)}.md\:my-14{margin-block:calc(var(--spacing)*14)}.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:mt-12{margin-top:calc(var(--spacing)*12)}.md\:mt-16{margin-top:calc(var(--spacing)*16)}.md\:mb-0{margin-bottom:calc(var(--spacing)*0)}.md\:mb-6{margin-bottom:calc(var(--spacing)*6)}.md\:mb-10{margin-bottom:calc(var(--spacing)*10)}.md\:mb-14{margin-bottom:calc(var(--spacing)*14)}.md\:mb-16{margin-bottom:calc(var(--spacing)*16)}.md\:block{display:block}.md\:grid{display:grid}.md\:h-14{height:calc(var(--spacing)*14)}.md\:min-h-\[750px\]{min-height:750px}.md\:min-h-\[800px\]{min-height:800px}.md\:w-1\/4{width:25%}.md\:w-3\/4{width:75%}.md\:w-14{width:calc(var(--spacing)*14)}.md\:w-auto{width:auto}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:gap-8{gap:calc(var(--spacing)*8)}:where(.md\:space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*16)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*16)*calc(1 - var(--tw-space-y-reverse)))}.md\:gap-x-8{column-gap:calc(var(--spacing)*8)}.md\:gap-y-8{row-gap:calc(var(--spacing)*8)}.md\:rounded-none{border-radius:0}.md\:border-0{border-style:var(--tw-border-style);border-width:0}.md\:bg-transparent{background-color:#0000}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:px-0{padding-inline:calc(var(--spacing)*0)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:py-0{padding-block:calc(var(--spacing)*0)}.md\:py-6{padding-block:calc(var(--spacing)*6)}.md\:text-center{text-align:center}.md\:text-\[11px\]{font-size:11px}.md\:text-\[12px\]{font-size:12px}.md\:text-\[14px\]{font-size:14px}.md\:text-\[15px\]{font-size:15px}.md\:text-\[16px\]{font-size:16px}.md\:text-\[18px\]{font-size:18px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[22px\]{font-size:22px}.md\:text-\[clamp\(14px\,1\.2vw\,18px\)\]{font-size:clamp(14px,1.2vw,18px)}.md\:leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}
:root{--bg:#f7f8fa;--surface:#fff;--border:#02081414;--muted:#686869;--accent:#4ade80;--text:#020814;--text-secondary:#686869;--btn-bg:#f0f2f5;--btn-hover:#020814;--font-geist:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}@layer base{.noise-overlay{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}}html{scroll-behavior:smooth;background:var(--bg)}body{font-family:var(--font-geist);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none;overflow-x:hidden}::selection{color:var(--text);background:#0208141f}::-webkit-scrollbar{background:0 0;width:0}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}#mouse_cursor{mix-blend-mode:difference;pointer-events:none;z-index:999999;color:#000;text-align:center;letter-spacing:.05em;text-transform:uppercase;background:0 0;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:11px;font-weight:500;transition:width .4s cubic-bezier(.16,1,.3,1),height .4s cubic-bezier(.16,1,.3,1),border-radius .4s,border .4s,background .4s,mix-blend-mode .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:none;position:fixed;top:0;left:0}#mouse_cursor.expanded{-webkit-backdrop-filter:blur(12px);mix-blend-mode:difference;color:#000;background:#ffffffd9;border:1px solid #ffffff0d;width:90px;height:90px;box-shadow:0 10px 40px #00000026}.nav-top-pc{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#f7f8fad9;justify-content:space-between;align-items:center;padding:clamp(.75rem,4vw,1.125rem) clamp(1rem,5vw,2rem);display:flex;position:fixed;top:0;left:0;right:0}@media (max-width:480px){.nav-top-pc .main-nav-left{display:none}}.main-nav-left h4{color:var(--muted);letter-spacing:.03em;font-size:12px;font-weight:400}.main-nav-logo{flex-direction:column;align-items:center;gap:2px;display:flex}.main-nav-logo h3{letter-spacing:.04em;font-size:14px;font-weight:500}.main-nav-logo h4{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:400}.main-nav-call a{align-items:center;gap:8px;display:flex}.main-nav-call .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.main-nav-call h5{color:var(--text-secondary);letter-spacing:.02em;font-size:12px;font-weight:400}.main-nav-call h5 span{color:var(--text)}.main-nav-call h5 i{font-size:12px}.nav-center-pc{z-index:100;width:max-content;max-width:95vw;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}@media (max-width:480px){.nav-center-pc{bottom:1rem}}.nav-center{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);background:#ffffffd9;border-radius:1rem;align-items:center;gap:.25rem;width:100%;padding:.375rem .5rem;display:flex;overflow-x:auto;box-shadow:0 .125rem .75rem #0208140f}.nav-center::-webkit-scrollbar{display:none}.nav-block-text-bottom-main{gap:2px;list-style:none;display:flex}.nav-menu-each{position:relative}.nav-menu-each .nav-link{color:var(--text-secondary);white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:400;transition:all .25s;display:flex}@media (max-width:480px){.nav-menu-each .nav-link{justify-content:center;padding:10px}}.nav-menu-each .nav-link i{margin-top:1px;font-size:16px}@media (max-width:480px){.nav-menu-each .nav-link i{margin-top:0;font-size:18px}.nav-menu-each .nav-link .nav-menu{display:none}}.nav-menu-each.is-active .nav-link{background:var(--btn-bg);color:var(--text)}.nav-menu-each .nav-link:hover{color:var(--text);background:var(--btn-bg)}.nav-search{border:1px solid var(--border);border-radius:12px;align-items:center;gap:6px;margin-left:4px;padding:8px 12px;transition:border-color .2s;display:flex}@media (max-width:480px){.nav-search{justify-content:center;margin-left:2px;padding:10px}}.nav-search:hover,.nav-search:focus-within{border-color:#02081433}.nav-search .search-icon{color:var(--muted);font-size:14px}@media (max-width:480px){.nav-search .search-icon{font-size:18px}}.nav-search input{color:var(--text);font-family:var(--font-geist);background:0 0;border:none;outline:none;width:60px;font-size:13px}@media (max-width:480px){.nav-search input{display:none}}.nav-search input::placeholder{color:var(--muted)}.search-key{align-items:center;gap:3px;display:flex}@media (max-width:480px){.search-key{display:none}}.search-key{color:var(--muted);font-size:11px}.search-key .letter-key{border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:10px}.search-key .plus{margin:0;font-size:10px}.search-key span i{font-size:11px}.search-modal{-webkit-backdrop-filter:blur(8px);z-index:200;background:#000000b3;justify-content:center;align-items:flex-start;padding-top:7.5rem;display:none;position:fixed;inset:0}.search-modal.active{display:flex}.search-modal-wrapper{border:1px solid var(--border);background:#fffffff7;border-radius:1rem;width:90%;max-width:30rem;max-height:60vh;padding:1.75rem 2rem;overflow-y:auto;box-shadow:0 .5rem 2rem #0208141f}@media (max-width:480px){.search-modal-wrapper{width:95%;padding:1.25rem}}.search-modal .search-intro h3{color:var(--muted);margin-bottom:1rem;font-size:.875rem;font-weight:400}.search-modal .search-preview-text{font-size:1rem;font-weight:400;line-height:1.6}.search-modal .search-preview-text .typed{color:var(--text)}.search-modal .search-preview-text .silhouette{color:var(--muted)}.search-modal .search-preview-text .preview-hint{color:var(--text-secondary);cursor:pointer;border-radius:.5rem;margin-top:.25rem;padding:.5rem .75rem;font-size:.875rem;transition:background .15s}.search-modal .search-preview-text .preview-hint:hover,.search-modal .search-preview-text .preview-hint.highlighted{background:var(--btn-bg);color:var(--text)}.search-modal .search-preview-text .search-engine{color:var(--muted);cursor:pointer;border:1px solid var(--border);text-align:center;border-radius:.5rem;margin-top:.75rem;padding:.5rem .75rem;font-size:.8125rem;transition:all .15s}.search-modal .search-preview-text .search-engine:hover{background:var(--btn-bg);color:var(--text)}.search-modal .search-default{margin-top:1rem}.search-modal .search-default h3{color:var(--muted);margin-bottom:.5rem;font-size:.8125rem;font-weight:500}.search-modal .search-default ul{list-style:none}.search-modal .search-default li{color:var(--text-secondary);align-items:center;gap:.375rem;padding:.25rem 0;font-size:.8125rem;display:flex}.search-modal .search-default li span{border:1px solid var(--border);border-radius:.25rem;align-items:center;padding:.125rem .375rem;font-size:.6875rem;display:inline-flex}.hero-section{min-height:100vh;padding-top:0}.hero-landing{justify-content:center;align-items:center;min-height:100vh;padding:64px 24px 48px;display:flex}.hero-landing-content{flex-direction:column;align-items:flex-start;width:100%;max-width:fit-content;margin:0 auto;display:flex}.hero-landing-content .hero-landing-title{letter-spacing:-.02em;color:var(--text);white-space:nowrap;margin-bottom:24px;font-size:clamp(24px,4vw,76px);font-weight:300;line-height:1.05}@media (max-width:768px){.hero-landing-content .hero-landing-title{white-space:normal;font-size:clamp(2rem,10vw,5rem)}}.hero-landing-content .hero-landing-desc{color:var(--text-secondary);max-width:500px;margin-bottom:24px;font-size:14px;font-weight:300;line-height:1.7}@media (max-width:768px){.hero-landing-content .hero-landing-desc{margin-bottom:2rem;font-size:.9375rem}}@media (max-width:480px){.hero-landing-content .hero-landing-desc{font-size:1rem}}.hero-landing-content .hero-landing-barcode{flex-direction:column;align-items:center;gap:.5rem;display:flex}.hero-landing-content .hero-landing-barcode img{opacity:.8;mix-blend-mode:multiply;width:auto;max-width:100%;height:3.5rem;transition:opacity .3s}.hero-landing-content .hero-landing-barcode img:hover{opacity:1}.hero-landing-content .hero-landing-barcode span{color:var(--muted);letter-spacing:.03em;font-size:.75rem}.hero-middle{max-width:1200px;margin:0 auto}.hero-extra{padding:40px 16px}.hero-extra-black{background:0 0;border-radius:0;margin:0;padding:0}.hero-extra-box{max-width:1200px;margin:0 auto}.about-grid{grid-template-columns:2fr 10fr;align-items:start;gap:3rem;width:100%;display:grid}@media (max-width:768px){.about-grid{grid-template-columns:1fr;gap:2rem}}.about-grid .about-label{color:var(--text);align-items:center;gap:1rem;padding-top:.75rem;font-size:.875rem;display:flex}.about-grid .about-label span{text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:500}.about-grid .about-label-circle{border:1px solid var(--text);border-radius:50%;width:1.5rem;height:1.5rem}.about-grid .about-content{flex-direction:column;display:flex}.about-grid .about-text{color:var(--text);max-width:900px;margin-bottom:20px;font-size:clamp(22px,2.5vw,32px);font-weight:300;line-height:1.4}.about-grid .about-text span,.about-text span{color:var(--text-secondary)}.social-pills{gap:1rem;width:100%;margin-top:4rem;display:flex}@media (max-width:768px){.social-pills{flex-direction:column}}.social-pills .social-pill{background:var(--btn-bg);color:var(--text);border-radius:.75rem;flex:1;justify-content:space-between;align-items:center;padding:1.125rem 1.5rem;font-size:.875rem;transition:all .3s;display:flex}.social-pills .social-pill:hover{background:var(--border)}.social-pills .social-pill:hover i{transform:translate(.25rem)}.social-pills .social-pill span{font-weight:400}.social-pills .social-pill i{font-size:1rem;transition:transform .2s}.hero-extra-works-box-black{padding:0}.cs-fullpage-slide{scroll-snap-align:start;width:100vw;height:100vh;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}@media (max-width:480px){.cs-fullpage-slide{height:auto;min-height:100vh}}.cs-fullpage-link{width:100%;height:100%;display:block;position:relative}.cs-fullpage-link:hover .cs-fullpage-thumb-base{clip-path:inset(0 0 100%);transform:scale(.95)}.cs-fullpage-link:hover .cs-fullpage-thumb-hover{clip-path:inset(0);transform:scale(1)}.cs-fullpage-link:hover .cs-fullpage-thumb-container{transform:translateY(-.5rem)scale(1.02);box-shadow:0 2rem 6.25rem #00000080}.cs-fullpage-bg{z-index:0;filter:blur(1.25rem)saturate(.8);position:absolute;inset:0;transform:scale(1.15)}.cs-fullpage-bg img{object-fit:cover;width:100%;height:100%}.cs-fullpage-overlay{z-index:1;background:#00000073;position:absolute;inset:0}.cs-fullpage-content{z-index:2;justify-content:space-between;align-items:flex-end;gap:24px;height:100%;padding:0 32px 40px;display:flex;position:relative}@media (max-width:768px){.cs-fullpage-content{text-align:center;flex-direction:column-reverse;justify-content:center;align-items:center;gap:2rem;padding:6.25rem 1.5rem 4rem}}.cs-fullpage-info{flex-direction:column;gap:.75rem;max-width:26.25rem;padding-bottom:1rem;display:flex}@media (max-width:768px){.cs-fullpage-info{align-items:center}}.cs-fullpage-number{letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;font-size:.6875rem;font-weight:500}.cs-fullpage-title{color:#fff;letter-spacing:-.01em;font-size:clamp(48px,6vw,76px);font-weight:300;line-height:1.05}@media (max-width:480px){.cs-fullpage-title{font-size:2.625rem}}.cs-fullpage-subtitle{color:#fffc;font-size:.9375rem;font-weight:400}.cs-fullpage-tasks{margin-top:.5rem}.cs-fullpage-tasks h5{letter-spacing:.08em;color:#fff6;margin-bottom:.5rem;font-size:.6875rem;font-weight:600}.cs-fullpage-tasks ul{flex-direction:column;gap:.125rem;list-style:none;display:flex}.cs-fullpage-tasks li{color:#ffffffbf;font-size:.8125rem;font-weight:400}.cs-fullpage-btn{color:#fff;border:1px solid #fff6;border-radius:2rem;align-items:center;gap:.75rem;width:fit-content;margin-top:1rem;padding:.625rem .875rem .625rem 1.5rem;font-size:.875rem;font-weight:400;transition:all .3s;display:inline-flex}.cs-fullpage-btn:hover{background:#ffffff1a;border-color:#fff6}.cs-fullpage-btn:hover .cs-fullpage-btn-arrow{color:#000;background:#fff;border-color:#fff}.cs-fullpage-btn-arrow{border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.875rem;transition:all .2s;display:flex}.cs-fullpage-thumb-container{aspect-ratio:4/3;z-index:10;border-radius:.75rem;flex-shrink:0;width:45%;max-width:32.5rem;transition:transform .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s;position:relative;overflow:hidden;box-shadow:0 1.5rem 5rem #0006}@media (max-width:768px){.cs-fullpage-thumb-container{width:80%;margin-bottom:1rem}}@media (max-width:480px){.cs-fullpage-thumb-container{width:100%}}.cs-fullpage-thumb-container .cs-fullpage-thumb-base,.cs-fullpage-thumb-container .cs-fullpage-thumb-hover{width:100%;height:100%;transition:clip-path .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.cs-fullpage-thumb-container .cs-fullpage-thumb-base{clip-path:inset(0);transform:scale(1)}.cs-fullpage-thumb-container .cs-fullpage-thumb-hover{clip-path:inset(100% 0 0);transform:scale(1.05)}.section-indicators-project{margin-bottom:24px}.section-indicators-project h3{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:500}.section-indicators-project h3 span{border:1px solid var(--border);border-radius:20px;padding:4px 10px}.hero-top-intro-para h3{color:var(--text);max-width:800px;font-size:clamp(24px,3.5vw,42px);font-weight:300;line-height:1.4}.hero-top-intro-para h3 span{color:var(--text-secondary)}.hero-extra-goOtherPage{margin-top:32px}.btn-wrapper{border:1px solid var(--border);color:var(--text-secondary);border-radius:24px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:400;transition:all .25s;display:inline-flex}.btn-wrapper:hover{border-color:var(--btn-hover);color:#fff;background:var(--btn-hover)}.btn-wrapper i{font-size:14px}.hero-bottom-intro-details ul{gap:24px;margin-top:48px;list-style:none;display:flex}.hero-bottom-intro-details li a{color:var(--text-secondary);align-items:center;gap:6px;font-size:14px;transition:color .2s;display:flex}.hero-bottom-intro-details li a:hover{color:var(--text)}.hero-bottom-intro-details li a h3{font-size:14px;font-weight:400}.hero-bottom-intro-details li a i{font-size:14px}.work-gallery-each-box{list-style:none}.casestudy-each-list{border-bottom:1px solid var(--border);transition:background .3s}.casestudy-each-list-content{padding:48px 0}.allProjectDetails{align-items:flex-start;gap:40px;display:flex}.allProjectDetails-wrapper{flex:1}.allProjectDetails-top{margin-bottom:24px}.allProjectDetails-top h2{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:500}.allProjectDetails-top h3{margin-bottom:8px;font-size:clamp(28px,4vw,52px);font-weight:400;line-height:1.15}.allProjectDetails-top h4{color:var(--text-secondary);font-size:14px;font-weight:400}.allProjectDetails-bottom{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.allProjectDetails-bottom-roles h5{letter-spacing:.08em;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600}.allProjectDetails-bottom-roles ul{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.allProjectDetails-bottom-roles li{border:1px solid var(--border);color:var(--text-secondary);border-radius:16px;padding:4px 10px;font-size:12px}.cs-btn-wrapper{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;transition:color .2s;display:flex}.cs-btn-wrapper:hover{color:var(--text)}.cs-btn-wrapper i{font-size:14px}.allProjectThumbnails{aspect-ratio:1;border-radius:12px;width:300px;min-width:300px;position:relative;overflow:hidden}.thumbnail-strip{width:100%;height:100%;position:relative}.thumbnail-strip img{object-fit:cover;width:100%;height:100%;transition:clip-path .6s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0}.thumbnail-strip .base-image{z-index:1;clip-path:inset(0)}.thumbnail-strip .hover-image{z-index:0}.allProjectThumbnails.is-hovered .base-image{clip-path:inset(0 100% 0 0)}.allProjectThumbnails.is-leaving .base-image{clip-path:inset(0)}.hero-extra-box-experience .hero-top-intro-para>h3{margin-bottom:2rem}.hero-extra-box-experience ul{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.hero-extra-box-experience .hero-top-intro-para-jobTitle{color:var(--text);margin-bottom:.5rem;font-size:1rem;font-weight:500;display:block}.hero-extra-box-experience .hero-top-intro-para-jobDetail{justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (max-width:768px){.hero-extra-box-experience .hero-top-intro-para-jobDetail{flex-direction:column-reverse;align-items:flex-start;gap:.75rem}}.hero-extra-box-experience .hero-top-intro-para-jobRoles_Dates{gap:1rem;display:flex}@media (max-width:480px){.hero-extra-box-experience .hero-top-intro-para-jobRoles_Dates{flex-direction:column;gap:.25rem}}.hero-extra-box-experience .hero-top-intro-para-jobRoles_Dates .opacity60{color:var(--text-secondary);opacity:.6;font-size:.8125rem}.hero-extra-box-experience .hero-top-intro-para-jobLogo{align-items:center;gap:.625rem;display:flex}.hero-extra-box-experience .hero-top-intro-para-jobLogo .jobLogo_img{background:var(--btn-bg);border:1px solid var(--border);border-radius:.5rem;width:2.25rem;height:2.25rem;overflow:hidden}.hero-extra-box-experience .hero-top-intro-para-jobLogo .jobLogo_img img{object-fit:contain;width:100%;height:100%}.hero-extra-box-experience .hero-top-intro-para-jobLogo .jobLogo_text p{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.hero-extra-box-experience .hero-top-intro-para-jobLogo .jobLogo_text p:first-child{color:var(--text);font-weight:500}.hero-casestudy-title{margin-bottom:32px}.hero-top-intro-para-title h3{color:var(--text);margin-bottom:.25rem;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:300}.hero-top-intro-para-title p{color:var(--text-secondary);max-width:31.25rem;font-size:.9375rem;line-height:1.6}.hero-top-intro-para-title h4{color:var(--text-secondary);font-size:.8125rem;font-weight:400}.hero-top-intro-para-title-wrapper{justify-content:space-between;align-items:flex-end;gap:2.5rem;display:flex}@media (max-width:768px){.hero-top-intro-para-title-wrapper{flex-direction:column;align-items:flex-start;gap:1.5rem}}.hero-top-call-btn{margin-top:1rem}.works-view-toggle{gap:4px;margin-top:16px;display:flex}.works-view-toggle button{color:var(--muted);border-radius:8px;padding:6px 10px;font-size:16px;transition:all .2s}.works-view-toggle button.active{background:var(--btn-bg);color:var(--text)}.hero-extra-works-box ul{list-style:none}.hero-extra-works-box .casestudy-each-list{cursor:pointer;padding:20px 0}.hero-more-projects-thumbnails{justify-content:space-between;align-items:center;gap:24px;display:flex}.hero-more-projects-thumbnails-title{align-items:center;gap:8px;display:flex}.hero-more-projects-thumbnails-title h3{font-size:18px;font-weight:400}.hero-more-projects-thumbnails-title i{color:var(--muted);font-size:16px;transition:transform .2s}.casestudy-each-list:hover .hero-more-projects-thumbnails-title i{transform:translate(4px)}.hero-more-projects-img{gap:8px;display:flex;overflow:hidden}.hero-more-projects-img img{object-fit:cover;border-radius:6px;width:80px;height:56px;transition:transform .3s}.hero-more-projects-img .no-archive-thumbnail{display:none}.hero-extra-works-box.gallery .casestudy-each-list{vertical-align:top;width:calc(50% - 12px);margin-right:12px;display:inline-block}.hero-extra-works-box.gallery .hero-more-projects-img{flex-direction:column}.hero-extra-works-box.gallery .hero-more-projects-img img{width:100%;height:auto}.hero-extra-works-box.gallery .no-archive-thumbnail{display:block!important}.hero-more-projects-text-details{margin-top:8px}.hero-extra-works-text{gap:16px;display:flex}.hero-extra-works-text h4{color:var(--muted);font-size:12px;font-weight:400}.archive-section{min-height:100vh;padding:80px 32px;display:none}.archive-section.is-active{display:block}.goback-btn-wrapper{margin-bottom:40px}.goback-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:24px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;transition:all .2s;display:flex}.goback-btn:hover{border-color:var(--btn-hover);color:#fff;background:var(--btn-hover)}.goback-btn i{font-size:14px}.casestudy-item{display:none}.casestudy-item.page-open{display:block}.casestudy-container-archive{align-items:flex-start;gap:48px;display:flex}.archive-details{flex:0 0 320px;position:sticky;top:100px}.archive-details-top{margin-bottom:24px}.archive-details-top h3{margin-bottom:8px;font-size:28px;font-weight:400}.archive-details-top h4{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.archive-details-top h5{color:var(--muted);font-size:12px}.archive-details-bottom-roles{margin-bottom:16px}.archive-details-bottom-roles h5{letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:600}.archive-details-bottom-roles ul{list-style:none}.archive-details-bottom-roles li{color:var(--text-secondary);padding:2px 0;font-size:13px}.archive-details-imgs{flex:1}.archive-details-imgs-wrapper{flex-direction:column;gap:12px;list-style:none;display:flex}.archive-details-imgs-wrapper img{border-radius:8px;width:100%}.hero-extra-box-contact .hero-top-intro-para-title-wrapper{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.hero-extra-box-contact .hero-top-intro-para-title p{color:var(--text-secondary);margin-top:8px;font-size:14px}.hero-top-call-btn{display:inline-block}.hero-top-call-btn a{border:1px solid var(--border);color:var(--text-secondary);border-radius:24px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;transition:all .25s;display:flex}.hero-top-call-btn a:hover{border-color:var(--btn-hover);color:#fff;background:var(--btn-hover)}.hero-top-call-btn a i{font-size:14px}.gotop-btn{opacity:0;justify-content:center;padding:32px 0;transition:opacity .3s,transform .3s;display:flex;transform:translateY(20px)}.gotop-btn.is-visible{opacity:1;transform:translateY(0)}.gotop-btn button{border:1px solid var(--border);color:var(--text-secondary);border-radius:24px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;transition:all .2s;display:flex}.gotop-btn button:hover{border-color:var(--btn-hover);color:#fff;background:var(--btn-hover)}.gotop-btn button i{font-size:14px}.footer-container{border-top:1px solid var(--border);padding:clamp(2rem,6vw,4rem) clamp(1rem,5vw,2rem)}.footer-container-wrapper{max-width:75rem;margin:0 auto}.footer-container .footer-credit-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2.5rem;display:flex}.footer-container .footer-credit-top-line h3{margin-bottom:.5rem;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:300}.footer-container .footer-credit-top-line h4{color:var(--text-secondary);font-size:.875rem}.footer-container .footer-credit-top-connect{flex-wrap:wrap;gap:3rem;display:flex}@media (max-width:480px){.footer-container .footer-credit-top-connect{justify-content:space-between;gap:2rem;width:100%}}.footer-container .footer-credit-connectBox-title{color:var(--muted);letter-spacing:.04em;margin-bottom:.75rem;font-size:.75rem;font-weight:500}.footer-container .footer-credit-socialmedia ul{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.footer-container .ft-credit-connectBox-each{border:1px solid var(--border);width:2.25rem;height:2.25rem;color:var(--text-secondary);border-radius:.625rem;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.footer-container .ft-credit-connectBox-each:hover{background:var(--btn-bg);color:var(--text)}.footer-container .footer-credit-calls ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-container .footer-credit-calls h5{color:var(--muted);margin-top:-.25rem;font-size:.75rem}.footer-container .ft-credit-call-each{align-items:center;gap:.375rem;display:flex}.footer-container .ft-credit-call-each h4{font-size:.875rem;font-weight:400}.footer-container .ft-credit-call-each i{font-size:.875rem;transition:transform .2s}.footer-container .ft-credit-call-each:hover i{transform:translate(.25rem)}.footer-container .ft-credit-call-each.deactivated{opacity:.4;pointer-events:none}.footer-container .footer-credit-bottom{margin-top:2.5rem}.footer-container-misc{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:75rem;margin:0 auto;padding:1rem clamp(1rem,5vw,2rem);display:flex}@media (max-width:480px){.footer-container-misc{text-align:center;flex-direction:column}}.footer-container-misc ul{flex-wrap:wrap;justify-content:center;gap:1rem;list-style:none;display:flex}.footer-container-misc li{color:var(--muted);font-size:.75rem}.footer-container-misc a{color:var(--muted);transition:color .2s}.footer-container-misc a:hover{color:var(--text)}.about-section{padding-top:5rem}@media (max-width:480px){.about-section{padding-top:3.75rem}}.about-section .about-container{max-width:75rem;margin:0 auto;padding:2.5rem 2rem 7.5rem}@media (max-width:768px){.about-section .about-container{padding:2rem 1.5rem 6.25rem}}@media (max-width:480px){.about-section .about-container{padding:1.5rem 1.25rem 8.75rem}}.about-section h1.text-\[clamp\(rem\(36\)\,6vw\,rem\(72\)\)\]{font-size:2.625rem}@media (max-width:768px){.about-section h1.text-\[clamp\(rem\(36\)\,6vw\,rem\(72\)\)\]{font-size:2.25rem}}@media (max-width:480px){.about-section h1.text-\[clamp\(rem\(36\)\,6vw\,rem\(72\)\)\]{font-size:2rem}}.about-section h1.text-\[clamp\(rem\(36\)\,6vw\,rem\(72\)\)\]{max-width:50rem;line-height:1.1}.about-section .btn-wrapper{border:1px solid var(--border);background:#ffffff08;border-radius:6.25rem;align-items:center;gap:.625rem;margin-bottom:2rem;padding:.625rem 1.5rem;transition:all .3s;display:inline-flex}.about-section .btn-wrapper:hover{border-color:var(--text);background:#ffffff14;transform:translateY(-2px)}.about-section .btn-wrapper h4{color:var(--text);font-size:.8125rem;font-weight:500}.about-section .btn-wrapper i{color:var(--text);font-size:1rem}@media (max-width:480px){.about-section .btn-wrapper{margin-bottom:2.5rem;padding:.5rem 1.25rem}}.about-section .skill-pill{border:1px solid var(--border);background:#ffffff05;border-radius:6.25rem;padding:.25rem 1rem;font-size:.875rem}@media (max-width:480px){.about-section .skill-pill{padding:.1875rem .75rem;font-size:.8125rem}}.about-section .about-myself{margin-bottom:3rem}.about-section .about-myself-title{margin-bottom:1.5rem}.about-section .about-myself h3{color:var(--text-secondary);max-width:43.75rem;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:300;line-height:1.5}.about-section .about-myself-details{gap:3rem;margin-top:2.5rem;display:flex}@media (max-width:768px){.about-section .about-myself-details{flex-direction:column;gap:1.5rem}}.about-section .about-myself-details-each h2{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.about-section .about-myself-details-each ul{list-style:none}.about-section .about-myself-details-each li{color:var(--text-secondary);padding:.1875rem 0;font-size:.875rem}.about-title-highlight{align-items:center;gap:.5rem;display:flex}.about-title-highlight h2{font-size:clamp(3rem,8vw,6rem);font-weight:300}.about-myself-desc-wrapper{margin-top:4rem}@media (max-width:768px){.about-myself-desc-wrapper{margin-top:3rem}}.about-myself-desc-wrapper .about-myself-desc-names{margin-bottom:2rem}.about-myself-desc-wrapper .about-myself-desc-names h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.about-myself-desc-wrapper .about-myself-desc-names ul{list-style:none}.about-myself-desc-wrapper .about-myself-desc-names li{padding:.125rem 0;font-size:1rem}.about-myself-desc-wrapper .about-myself-desc{align-items:flex-start;gap:2.5rem;display:flex}@media (max-width:768px){.about-myself-desc-wrapper .about-myself-desc{flex-direction:column;gap:2rem}}.about-myself-desc-wrapper .about-myself-desc .about-profile-img{border:1px solid var(--border);border-radius:.75rem;width:15rem;min-width:15rem;overflow:hidden}@media (max-width:480px){.about-myself-desc-wrapper .about-myself-desc .about-profile-img{width:100%;min-width:unset}}.about-myself-desc-wrapper .about-myself-desc .about-profile-img img{width:100%;height:auto}.about-myself-desc-wrapper .about-myself-desc-text p{color:var(--text-secondary);max-width:35rem;font-size:.9375rem;line-height:1.7}@media (max-width:480px){.about-myself-desc-wrapper .about-myself-desc-text p{max-width:100%}}.line{background:var(--border);height:1px;margin:3rem 0}.about-container-details{align-items:flex-start;gap:5rem;margin-bottom:0;display:flex}@media (max-width:768px){.about-container-details{flex-direction:column;gap:1.5rem}}.about-container-details .about-details-left{flex:0 0 15rem;position:sticky;top:6.25rem}@media (max-width:768px){.about-container-details .about-details-left{flex:none;position:static}}.about-container-details .about-details-left h3{margin-bottom:.25rem;font-size:1.5rem;font-weight:300}.about-container-details .about-details-left h4{color:var(--muted);font-size:.8125rem}.about-container-details .about-details-right{flex:1;margin-bottom:1.5rem}.about-container-details .about-details-right>h3{margin-bottom:1rem;font-size:1rem;font-weight:500}.about-container-details .about-details-right li{padding:.5rem 0;list-style:none}.about-container-details .about-details-right li h4{margin-bottom:.25rem;font-size:.9375rem;font-weight:400}.about-container-details .about-details-right li h4.italic{color:var(--text-secondary);font-style:italic}.about-container-details .about-each-detail-content{flex-wrap:wrap;gap:.75rem;display:flex}.about-container-details .about-each-detail-content h5{color:var(--muted);font-size:.75rem}.about-container-details .about-each-detail-content h6{color:var(--muted);font-size:.75rem;font-weight:400}.contact-section{flex-direction:column;justify-content:space-between;min-height:100vh;padding-top:5rem;display:flex}.contact-section .contact-box-wrapper{flex:1;justify-content:center;align-items:center;padding:2.5rem 2rem;display:flex}@media (max-width:768px){.contact-section .contact-box-wrapper{padding:2rem 1.25rem}}.contact-section .contact-box{align-items:center;gap:5rem;width:100%;max-width:75rem;display:flex}@media (max-width:768px){.contact-section .contact-box{text-align:center;flex-direction:column-reverse;gap:2.5rem}}.contact-section .contact-socialmedia{flex-direction:column;flex:0 0 17.5rem;gap:1.25rem;list-style:none;display:flex}@media (max-width:768px){.contact-section .contact-socialmedia{flex:none;align-items:center;width:100%}}.contact-section .contact-socialmedia li h4{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:500}.contact-section .contact-socialmedia li a{color:var(--text-secondary);font-size:.9375rem;transition:color .2s}.contact-section .contact-socialmedia li a:hover{color:#fff}.contact-section .contact-intro{flex:1}.contact-section .contact-intro h2{font-size:clamp(3rem,8vw,6rem);font-weight:300;line-height:1.05}.contact-section .contact-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}@media (max-width:480px){.contact-section .contact-footer{flex-direction:column;gap:.75rem;padding:1.5rem 1.25rem}}.contact-section .contact-footer ul{gap:1rem;list-style:none;display:flex}.contact-section .contact-footer li{color:var(--muted);font-size:.75rem}