@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-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-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--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);--font-display:"Playfair Display", serif;--font-body:"Space Grotesk", sans-serif;--color-base:#0a0a0a;--color-text-light:#fff;--color-hero-text:#d5dedd;--color-selection:#acacac}}@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,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@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}*,:before,:after{transition-property:none}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-30{z-index:30}.z-40{z-index:40}.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}}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-\[34px\]{margin-top:34px}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.h-\[8vh\]{height:8vh}.h-screen{height:100vh}.min-h-\[44px\]{min-height:44px}.min-h-\[60px\]{min-height:60px}.w-full{width:100%}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}: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)))}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.pr-\[6\.25\%\]{padding-right:6.25%}.pl-\[calc\(6\.25\%\+16px\)\]{padding-left:calc(6.25% + 16px)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.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-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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-600{--tw-duration:.6s;transition-duration:.6s}@media(hover:hover){.hover\:opacity-70:hover{opacity:.7}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:top-4:focus{top:calc(var(--spacing) * 4)}.focus\:left-4:focus{left:calc(var(--spacing) * 4)}.focus\:z-50:focus{z-index:50}.focus\:rounded:focus{border-radius:.25rem}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:text-black:focus{color:var(--color-black)}@media(min-width:64rem){.lg\:block{display:block}}}*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent}html{overscroll-behavior:none}body{background:var(--color-base);color:var(--color-text-light);font-family:var(--font-body);width:100vw;height:100dvh;margin:0;padding:0;overflow:hidden}::selection{background:var(--color-selection)}a{color:inherit;text-decoration:none}#bg-layer:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(65% 50% at 8% 10%,#ffffff24,#0000 58%),linear-gradient(135deg,#ffffff0d,#0000 38% 62%,#0000001a),radial-gradient(50% 40% at 85% 80%,#ffffff0d,#0000 55%),radial-gradient(50% 45% at 3% 92%,#00000040,#0000 65%),radial-gradient(45% 40% at 95% 8%,#0000002e,#0000 55%),radial-gradient(40% 35% at 30% 48%,#ffffff09,#0000 60%);position:absolute;inset:0}.slide{pointer-events:none;visibility:hidden;contain:layout style paint;content-visibility:auto;contain-intrinsic-size:100vw 100dvh;width:100%;height:100dvh;position:absolute;inset:0;overflow:visible;transform:translateY(100%)}.slide.active{pointer-events:auto;visibility:visible;z-index:2;content-visibility:visible;transition:transform .85s;overflow:visible;transform:translateY(0)}.slide.slide-exit-up{visibility:hidden;z-index:1;transition:none;transform:translateY(-100%)}.slide.slide-exit-down{visibility:hidden;z-index:1;transition:none;transform:translateY(100%)}.slide.slide-enter-from-below{visibility:visible;z-index:2;transition:none;transform:translateY(100%)}.slide.slide-enter-from-above{visibility:visible;z-index:2;transition:none;transform:translateY(-100%)}#bg-layer{transition:background-color .9s}.title-display{font-family:var(--font-display);margin:0;font-size:clamp(42px,9.375vw,180px);font-weight:400;line-height:1em}.title-project{letter-spacing:-.03em;text-shadow:0 2px 30px #00000026;font-size:clamp(72px,9vw,160px);font-weight:700;line-height:.9em}.title-solid{color:var(--color-hero-text)}.title-outline{color:#0000;-webkit-text-stroke:1.5px var(--color-hero-text)}.ui-text{font-family:var(--font-body);text-transform:uppercase;letter-spacing:2px;font-weight:700}a.ui-text{border-radius:4px;padding:4px 8px;transition:color .2s,background-color .2s,transform .2s,box-shadow .2s}a.ui-text:hover{color:#fff;background-color:#ffffff14;transform:translateY(-1px);box-shadow:0 0 0 1px #ffffff1a}.ui-text-sm{font-size:14px;line-height:1.5em}.ui-text-md{font-size:16px;line-height:1.5em}.desc-text{font-family:var(--font-body);opacity:.85;max-width:580px;font-size:18px;font-weight:400;line-height:1.7em}.showcase-left .desc-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cta-link{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:100px;align-self:flex-start;align-items:center;gap:.75em;padding:10px 24px;transition:background .3s,border-color .3s,color .3s,transform .2s,box-shadow .3s;display:inline-flex}.cta-link:hover{background:var(--slide-accent,currentColor);color:#0d0d0d;border-color:var(--slide-accent,currentColor);box-shadow:0 6px 16px #0003,0 0 16px var(--slide-accent,currentColor);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.cta-link:hover{box-shadow:0 6px 16px #0003,0 0 16px color-mix(in srgb,var(--slide-accent,currentColor) 18%,transparent)}}.cta-link .cta-arrow{transition:transform .2s ease-in-out}.cta-link:hover .cta-arrow{transform:translate(4px)}.card-work{background-color:var(--card-color);flex-direction:column;display:flex}@supports (color:color-mix(in lab,red,red)){.card-work{background-color:color-mix(in srgb,var(--card-color) 8%,#ffffff0a)}}.card-work{border:1px solid var(--card-color);border-radius:1rem;padding:0 8px 8px}@supports (color:color-mix(in lab,red,red)){.card-work{border:1px solid color-mix(in srgb,var(--card-color) 40%,transparent)}}.card-work{box-shadow:0 20px 40px -10px #00000080,0 0 80px 10px var(--card-color)}@supports (color:color-mix(in lab,red,red)){.card-work{box-shadow:0 20px 40px -10px #00000080,0 0 80px 10px color-mix(in srgb,var(--card-color) 10%,transparent)}}.card-work{transition:box-shadow .5s cubic-bezier(.22,1,.36,1),border-color .5s,transform .5s cubic-bezier(.22,1,.36,1)}.card-work:hover{box-shadow:0 24px 48px -8px #0000008c,0 0 100px 15px var(--card-color)}@supports (color:color-mix(in lab,red,red)){.card-work:hover{box-shadow:0 24px 48px -8px #0000008c,0 0 100px 15px color-mix(in srgb,var(--card-color) 14%,transparent)}}.card-work:hover{border-color:var(--card-color)}@supports (color:color-mix(in lab,red,red)){.card-work:hover{border-color:color-mix(in srgb,var(--card-color) 55%,transparent)}}.card-work:hover{transform:translateY(-3px)scale(1.01)}.card-work-topbar{align-items:center;gap:12px;width:100%;padding:12px 6px;display:flex}.card-work-dots{flex:none;align-items:center;gap:6px;padding:0;display:flex}.card-work-dots span{border-radius:50%;width:8px;height:8px;display:block}.card-work-dots span:first-child{background-color:#ef4444}.card-work-dots span:nth-child(2){background-color:#facc15}.card-work-dots span:nth-child(3){background-color:#4ade80}.card-work-urlbar{background-color:#ffffff14;border-radius:100px;flex:1;align-items:center;gap:6px;min-width:0;padding:6px 14px;display:flex;overflow:hidden}.card-work-globe{color:#ffffff80;flex:0 0 12px;width:12px;height:12px}.card-work-url{font-family:var(--font-body);color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;text-transform:none;letter-spacing:0;font-size:.75rem;font-weight:400;line-height:1;overflow:hidden}.card-work-url-proto{letter-spacing:.08em;color:#ffffff4d;text-transform:uppercase;font-size:.5625rem;font-weight:400}.card-work-capsule{color:#fff9;border:1px solid #ffffff26;border-radius:100px;flex:none;justify-content:center;align-items:center;padding:6px 9px;transition:border-color .3s,color .3s,background .3s;display:flex}.card-work-capsule svg{width:1rem;transition:transform .3s}.card-work:hover .card-work-capsule{background:var(--card-color);color:#0d0d0d;border-color:var(--card-color)}.card-work:hover .card-work-capsule svg{transform:translate(2px)}.card-work-img{border-radius:.5rem;width:100%;overflow:hidden}.card-work-img img{object-fit:cover;object-position:top;width:100%;height:auto;display:block}.card-work-topbar--mini{gap:6px;padding:6px 4px}.card-work-dots--mini span{width:5px;height:5px}.card-work-dots--mini{gap:4px}.card-work-urlbar--mini{gap:4px;padding:3px 8px}.card-work-urlbar--mini .card-work-url{font-size:.5625rem}.card-work-capsule--mini{padding:3px 6px}.card-work-capsule--mini svg{width:.75rem}.showcase-stack{flex-direction:column;gap:1vh;width:100%;max-width:55vh;transition:transform 1s;display:flex;transform:none}.slide.active .showcase-stack{transform:rotateY(-10deg)rotateX(2.5deg)rotate(2.5deg)}.slide.active .showcase-stack.stack-pos-0{transform:rotateY(-10deg)rotateX(2.5deg)rotate(2.5deg)translateY(calc(33.3333% + 10px))}.slide.active .showcase-stack.stack-pos-2{transform:rotateY(-10deg)rotateX(2.5deg)rotate(2.5deg)translateY(calc(-33.3333% - 10px))}.showcase-frame{background-color:var(--card-color);flex-direction:column;display:flex}@supports (color:color-mix(in lab,red,red)){.showcase-frame{background-color:color-mix(in srgb,var(--card-color) 10%,#ffffff08)}}.showcase-frame{border:1px solid var(--card-color);border-radius:.75rem;padding:0 6px 6px}@supports (color:color-mix(in lab,red,red)){.showcase-frame{border:1px solid color-mix(in srgb,var(--card-color) 15%,transparent)}}.showcase-frame{opacity:.55;cursor:pointer;transition:opacity .4s,box-shadow .5s,border-color .5s,transform .5s cubic-bezier(.22,1,.36,1);transform:scale(.97);box-shadow:0 4px 16px #0003}.showcase-frame:hover .card-work-capsule{background:var(--card-color);color:#0d0d0d;border-color:var(--card-color)}.showcase-frame:hover .card-work-capsule svg{transform:translate(2px)}.showcase-frame.frame-active{opacity:1;box-shadow:0 16px 40px #00000073,0 0 60px 8px var(--card-color);transform:scale(1)}@supports (color:color-mix(in lab,red,red)){.showcase-frame.frame-active{box-shadow:0 16px 40px #00000073,0 0 60px 8px color-mix(in srgb,var(--card-color) 12%,transparent)}}.showcase-frame.frame-active{border-color:var(--card-color)}@supports (color:color-mix(in lab,red,red)){.showcase-frame.frame-active{border-color:color-mix(in srgb,var(--card-color) 45%,transparent)}}.showcase-frame.frame-active{z-index:2}.showcase-frame.frame-active:hover{box-shadow:0 20px 48px #00000080,0 0 80px 12px var(--card-color)}@supports (color:color-mix(in lab,red,red)){.showcase-frame.frame-active:hover{box-shadow:0 20px 48px #00000080,0 0 80px 12px color-mix(in srgb,var(--card-color) 16%,transparent)}}.showcase-frame.frame-active:hover{border-color:var(--card-color)}@supports (color:color-mix(in lab,red,red)){.showcase-frame.frame-active:hover{border-color:color-mix(in srgb,var(--card-color) 55%,transparent)}}.showcase-frame.frame-active:hover{transform:scale(1.015)}@media(max-width:1023px){.showcase-stack{flex-direction:row;gap:0;max-width:100%;position:relative;overflow:hidden}.showcase-frame{opacity:0;pointer-events:none;flex:0 0 100%;width:100%;min-width:0;transition:opacity .35s;position:absolute;top:0;left:0;transform:none}.showcase-frame:first-child{position:relative}.showcase-frame.mobile-active{opacity:1;pointer-events:auto;z-index:1}.showcase-stack.stack-pos-0,.showcase-stack.stack-pos-1,.showcase-stack.stack-pos-2{transform:none}}.page-strip{display:none}@media(max-width:1023px){.showcase-cards{flex-direction:column}.page-strip{padding:var(--mg,.75rem) 0 0;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;width:100%;display:flex}.page-strip-item{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:100px;align-items:center;gap:5px;padding:5px 10px;transition:background .3s;display:flex}.page-strip-item:hover,.page-strip-item.active{background:#ffffff14}.page-strip-item.active{box-shadow:none;border:none}.page-strip-dot{opacity:.5;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:opacity .3s}.page-strip-item.active .page-strip-dot{opacity:1}.page-strip-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;white-space:nowrap;font-size:10px;font-weight:700;transition:color .3s}.page-strip-item.active .page-strip-label{color:#ffffffe6}}.showcase-layout{flex-direction:column;height:100%;padding:8vh 6.25% 0 calc(6.25% + 16px);display:flex}@media(min-width:1024px){.showcase-layout{flex-direction:row;align-items:center;gap:3vw;padding-bottom:34px;padding-right:calc(6.25% + 7vw)}}.showcase-left{order:2;grid-template-rows:1fr auto;gap:2vh;width:100%;padding:2rem 0;display:grid}@media(min-width:1024px){.showcase-left{flex-shrink:0;order:1;grid-template-rows:1fr auto;gap:0;width:35%;min-width:0;height:100%;padding:0}}.showcase-content{flex-direction:column;justify-content:center;min-width:0;max-width:100%;display:flex}@media(min-width:1024px){.showcase-content{justify-content:flex-end}}.showcase-cards{order:1;justify-content:center;align-items:center;width:100%;padding:1rem 0;display:flex}@media(min-width:1024px){.showcase-cards{flex:1;order:2;padding:0}}.live-preview:hover{box-shadow:0 16px 40px #00000080,0 0 40px var(--card-color)}@supports (color:color-mix(in lab,red,red)){.live-preview:hover{box-shadow:0 16px 40px #00000080,0 0 40px color-mix(in srgb,var(--card-color) 20%,transparent)}}.live-preview:hover{border-color:var(--card-color)}@supports (color:color-mix(in lab,red,red)){.live-preview:hover{border-color:color-mix(in srgb,var(--card-color) 55%,transparent)}}.live-preview:hover{transform:scale(1.015)}.live-preview:hover .card-work-capsule{background:var(--card-color);color:#0d0d0d;border-color:var(--card-color)}.live-preview:hover .card-work-capsule svg{transform:translate(2px)}.live-preview{background-color:var(--card-color);flex-direction:column;width:15vw;min-width:180px;display:flex}@supports (color:color-mix(in lab,red,red)){.live-preview{background-color:color-mix(in srgb,var(--card-color) 10%,#ffffff08)}}.live-preview{border:1px solid var(--card-color);border-radius:.75rem;padding:0 6px 6px}@supports (color:color-mix(in lab,red,red)){.live-preview{border:1px solid color-mix(in srgb,var(--card-color) 40%,transparent)}}.live-preview{box-shadow:0 12px 32px #0006,0 0 50px 6px var(--card-color)}@supports (color:color-mix(in lab,red,red)){.live-preview{box-shadow:0 12px 32px #0006,0 0 50px 6px color-mix(in srgb,var(--card-color) 10%,transparent)}}.live-preview{flex-shrink:0;transition:box-shadow .5s,border-color .5s,transform .5s cubic-bezier(.22,1,.36,1)}@media(min-width:1024px){.live-preview{width:100%;min-width:0;max-width:100%;margin-top:34px}}.live-preview-viewport{aspect-ratio:16/9;border-radius:8px;width:100%;position:relative;overflow:hidden}.live-preview-video{object-fit:cover;object-position:top;pointer-events:none;border:none;width:100%;height:100%}.slide-nav{transition:opacity .8s,color .9s;position:absolute;top:92px;left:50%;transform:translate(-50%)}@media(min-width:1024px){.slide-nav{top:50%;left:auto;right:6.25%;transform:translateY(-50%)}}.slide-nav-inner{flex-direction:row;align-items:center;gap:8px;display:flex}@media(min-width:1024px){.slide-nav-inner{flex-direction:column;align-items:flex-end;gap:.6vh}}.slide-nav-item{cursor:pointer;min-height:44px;color:inherit;background:0 0;border:none;flex-direction:row;align-items:center;gap:8px;padding:4px;display:flex}.slide-nav-dot{opacity:.35;background:currentColor;border-radius:3px;flex:none;width:4px;height:10px;transition:opacity .6s cubic-bezier(.4,0,.1,1),height .6s cubic-bezier(.4,0,.1,1),box-shadow .6s cubic-bezier(.4,0,.1,1);box-shadow:0 2px 8px #000c}.slide-nav-item.active .slide-nav-dot{opacity:1;height:2.5vh;box-shadow:0 2px 8px #000c,0 0 10px}.slide-nav-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;color:currentColor;white-space:nowrap;opacity:.5;margin-right:.5vw;font-size:clamp(10px,.7vw,14px);font-weight:700;transition:opacity .5s cubic-bezier(.4,0,.1,1);transform:translate(0)}.slide-nav-item:hover .slide-nav-label{opacity:.9}.slide-nav-item.active .slide-nav-label{opacity:1}@media(max-width:1023px){.slide-nav{display:none!important}}.slide-rail,.slide-title-flash,.slide-tray,.slide-tray-toggle{display:none}@media(max-width:767px){.slide-rail{z-index:40;pointer-events:none;width:4px;display:block;position:fixed;top:18%;bottom:40%;right:0}.slide-rail-track{background:#ffffff14;border-radius:2px 0 0 2px;width:3px;margin-left:auto;position:absolute;inset:0}.slide-rail-thumb{background:currentColor;border-radius:2px 0 0 2px;width:3px;height:11.1111%;transition:color .6s;position:absolute;top:0;right:0;box-shadow:0 0 8px,0 0 18px,0 0 0 1px #0000004d}.slide-tray-toggle{cursor:pointer;width:36px;height:36px;color:inherit;z-index:101;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.slide-tray-toggle .hamburger-line{filter:drop-shadow(0 1px 2px #0006);background:currentColor;border-radius:1px;width:18px;height:1.5px;transition:transform .3s,opacity .3s;display:block}.slide-tray-toggle .hamburger-lines{flex-direction:column;gap:4px;display:flex}.slide-tray-toggle.is-open .hamburger-line:first-child{transform:translateY(5.5px)rotate(45deg)}.slide-tray-toggle.is-open .hamburger-line:nth-child(2){opacity:0}.slide-tray-toggle.is-open .hamburger-line:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.slide-title-flash{z-index:39;pointer-events:none;text-align:right;font-family:var(--font-body);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;opacity:0;font-size:clamp(10px,2.5vw,13px);font-weight:700;display:block;position:fixed;right:12px}.slide-tray{z-index:100;pointer-events:none;display:block;position:fixed;inset:0}.slide-tray-backdrop{opacity:0;background:#0009;transition:opacity .4s;position:absolute;inset:0}.slide-tray.open{pointer-events:auto}.slide-tray.open .slide-tray-backdrop{opacity:1}.slide-tray-panel{background:var(--tray-bg,var(--slide-accent,#0a0a0a));perspective:400px;border-left:none;flex-direction:column;justify-content:center;gap:0;width:fit-content;min-width:160px;padding:40px 0;transition:transform .5s cubic-bezier(.16,1,.3,1),background .6s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.slide-tray.open .slide-tray-panel{transform:translate(0)}.slide-tray-item{cursor:pointer;transform-origin:100%;color:var(--tray-text-dim,#0000004d);text-align:right;background:0 0;border:none;justify-content:flex-end;align-items:center;gap:14px;padding:14px 20px;transition:color .3s,opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.slide-tray-item:after{content:"";background:var(--tray-text,#0a0a0a);border-radius:2px;width:3px;height:60%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;right:0;transform:translateY(-50%)scaleY(0)}.slide-tray-item:hover{color:var(--tray-text-hover,#0009)}.slide-tray-item.active{color:var(--tray-text,#0a0a0a)}.slide-tray-item.active:after{box-shadow:0 0 8px var(--tray-text,#0a0a0a);transform:translateY(-50%)scaleY(1)}.slide-tray-number{font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;opacity:.35;min-width:20px;font-size:10px;font-weight:700}.slide-tray-item.active .slide-tray-number{color:var(--tray-text,#0a0a0a);opacity:1}.slide-tray-label{font-family:var(--font-display);letter-spacing:.5px;font-size:18px;font-weight:400}.slide-tray-item[data-distance="1"]{opacity:.7;transform:rotateX(4deg)}.slide-tray-item[data-distance="2"]{opacity:.5;transform:rotateX(8deg)}.slide-tray-item[data-distance="3"]{opacity:.35;transform:rotateX(12deg)}.slide-tray-item[data-distance="4"]{opacity:.25;transform:rotateX(14deg)}.slide-tray-item.active{opacity:1;transform:rotateX(0)}}.accent-bar{z-index:5;opacity:0;transform-origin:bottom;width:3px;height:100%;transition:opacity .3s,transform .8s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scaleY(0);box-shadow:0 0 4px,0 0 12px}.slide.active .accent-bar{opacity:1;transition-delay:.1s;transform:scaleY(1)}.hero-layout{flex-direction:column;height:100%;padding:8vh 6.25% 0 calc(6.25% + 16px);display:flex}@media(min-width:1024px){.hero-layout{flex-direction:row;align-items:center;gap:3vw;padding-right:calc(6.25% + 7vw)}}.hero-left{flex-direction:column;order:2;justify-content:center;width:100%;padding:0;display:flex}@media(min-width:1024px){.hero-left{flex-shrink:0;order:1;width:33%}}.hero-content{flex-direction:column;display:flex}.hero-right{order:1;justify-content:center;align-items:center;width:100%;padding:1rem 0;display:flex}@media(min-width:1024px){.hero-right{flex:1;order:2;padding:0}}.hero-name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(72px,9vw,160px);font-weight:700;line-height:.9em}.hero-featured{flex-direction:column;gap:1.5vh;width:100%;max-width:72vh;display:flex;transform:none}.slide.active .hero-featured{transform:rotateY(-10deg)rotateX(2.5deg)rotate(2.5deg)}.hero-featured-card{cursor:pointer;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .5s}.hero-featured-card:hover{box-shadow:0 24px 48px -10px #00000080,0 0 60px 8px var(--card-color);transform:translateY(-4px)scale(1.01)}@supports (color:color-mix(in lab,red,red)){.hero-featured-card:hover{box-shadow:0 24px 48px -10px #00000080,0 0 60px 8px color-mix(in srgb,var(--card-color) 14%,transparent)}}.hero-featured-card:hover{border-color:var(--card-color)}@supports (color:color-mix(in lab,red,red)){.hero-featured-card:hover{border-color:color-mix(in srgb,var(--card-color) 50%,transparent)}}.hero-card-image{z-index:0;width:100%;transition:transform .7s cubic-bezier(.4,0,.1,1);display:block;position:absolute;top:0;left:0;transform:translateY(100%)}.hero-card-image img{object-fit:cover;object-position:top;width:100%;height:auto;display:block}.hero-card-image:first-child{position:relative}.hero-card-image.active{z-index:2;transform:translateY(0)}.hero-card-image.exit-up{z-index:1;transform:translateY(-100%)}.hero-card-image.exit-down{z-index:1;transform:translateY(100%)}.hero-card-image.enter-from-below{z-index:2;transition:none;transform:translateY(100%)}.hero-card-image.enter-from-above{z-index:2;transition:none;transform:translateY(-100%)}.hero-card-image.exit-left{z-index:1;transform:translate(-100%)}.hero-card-image.exit-right{z-index:1;transform:translate(100%)}.hero-card-image.enter-from-right{z-index:2;transition:none;transform:translate(100%)}.hero-card-image.enter-from-left{z-index:2;transition:none;transform:translate(-100%)}.container-tabs{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;background:#ffffff08;border-bottom:1px solid #ffffff0f;flex-wrap:nowrap;gap:0;padding:0 4px;display:flex;overflow:auto hidden}.container-tabs::-webkit-scrollbar{display:none}.container-tab{cursor:pointer;white-space:nowrap;opacity:.35;background:0 0;border:none;border-radius:6px 6px 0 0;align-items:center;gap:4px;padding:6px 10px;transition:background .2s,opacity .2s;display:flex;position:relative}.container-tab.active{opacity:1;background:#ffffff0f}.container-tab.active:after{content:"";background:var(--tab-accent,var(--card-color,var(--slide-accent)));height:2px;position:absolute;bottom:-1px;left:0;right:0}.container-tab:hover:not(.active){opacity:.55;background:#ffffff08}.container-tab-dot{background:var(--tab-accent,var(--card-color,var(--slide-accent)));border-radius:50%;flex-shrink:0;width:5px;height:5px}.container-tab-label{font-family:var(--font-body);color:#ffffffd9;letter-spacing:.02em;font-size:.6875rem;font-weight:600}.ui-hint{opacity:0;flex-direction:column;align-items:flex-end;gap:.15rem;width:max-content;display:flex;position:absolute}.ui-hint-left{top:89px;right:calc(100% + 10px)}.ui-hint-right{align-items:flex-start;top:-38px;left:calc(100% + 4px)}.ui-hint-text{font-family:var(--font-body);color:#ffffff80;letter-spacing:.02em;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:.5rem;padding:4px 8px;font-size:.65rem;font-weight:600;line-height:1.3;box-shadow:0 2px 8px #00000040}.ui-hint-left .ui-hint-text{text-align:right}.ui-hint-right .ui-hint-text{text-align:left}.ui-hint-arrow{color:#ffffff59;width:34px;height:22px}.ui-hint-left .ui-hint-arrow{align-self:flex-end}.ui-hint-right .ui-hint-arrow{align-self:flex-start}.ui-hint-arrow-flip{transform:scaleY(-1)}.ui-hint-squiggle{stroke-dasharray:100;stroke-dashoffset:100px}.hero-featured{position:relative}@keyframes ui-hint-fade{to{opacity:1}}@keyframes squiggle-draw{to{stroke-dashoffset:0}}@media(max-width:767px){.ui-hint{gap:.1rem}.ui-hint-text{padding:3px 6px;font-size:.55rem}.ui-hint-arrow{width:24px;height:16px}.ui-hint-left{top:70px;right:calc(100% + 6px)}.ui-hint-right{top:-7px;left:calc(100% + 2px)}}.hero-url-cursor{vertical-align:text-bottom;background:#fff9;width:1px;height:1em;margin-left:1px;animation:.6s step-end infinite url-blink;display:inline-block}.card-work-url-name.url-typing{white-space:nowrap;clip-path:inset(0 100% 0 0);animation:.5s steps(10,end) .35s forwards url-type-reveal;display:inline-block!important}@keyframes url-type-reveal{to{clip-path:inset(0)}}@keyframes url-blink{0%,to{opacity:1}50%{opacity:0}}.hero-project-strip{align-items:center;gap:.5rem;padding:0 4px;display:flex}.hero-strip-item{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:100px;align-items:center;gap:6px;padding:6px 10px;transition:background .3s,transform .2s;display:flex}.hero-strip-item:hover{background:#ffffff14;transform:translateY(-1px)}.hero-strip-item.active{background:#ffffff1a;border:1px solid #ffffff1f}.hero-strip-item.active .hero-strip-dot{opacity:1}.hero-strip-item.active .hero-strip-label{color:#ffffffe6}.hero-strip-dot{background:var(--strip-color);opacity:.7;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:opacity .3s}.hero-strip-item:hover .hero-strip-dot{opacity:1}.hero-strip-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;color:#ffffff80;white-space:nowrap;font-size:12px;font-weight:700;transition:color .3s}.hero-strip-item:hover .hero-strip-label{color:#ffffffe6}@media(max-width:1023px){.hero-featured{max-width:100%}.hero-project-strip{flex-wrap:wrap}}.hero-cta-primary{cursor:pointer;color:inherit;background:0 0;border:1px solid;border-radius:100px;align-items:center;gap:.75em;padding:10px 24px;transition:background .3s,color .3s,border-color .3s,transform .2s,box-shadow .3s;display:inline-flex}.hero-cta-primary:hover{background:var(--slide-accent);color:#0d0d0d;border-color:var(--slide-accent);transform:translateY(-1px);box-shadow:0 6px 20px #0003}.hero-cta-primary .cta-arrow{transition:transform .2s ease-in-out}.hero-cta-primary:hover .cta-arrow{transform:translate(4px)}.char-animate{opacity:0;display:inline-block;transform:translateY(40px)}.char-animate.revealed{opacity:1;transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94);transform:translateY(0)}@keyframes pulse-down{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.7;transform:translateY(5px)}}.scroll-indicator-wrap{z-index:30;opacity:.4;align-items:center;gap:8px;transition:opacity .8s,color .9s;display:flex;position:absolute;bottom:28px;right:6.25%}.scroll-label{font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;color:currentColor;font-size:9px;font-weight:700}.scroll-label-mobile{display:none}.scroll-label-desktop{display:inline}@media(max-width:767px){.scroll-label-mobile{display:inline}.scroll-label-desktop{display:none}}.scroll-line-pulse{background:currentColor;border-radius:1px;width:24px;height:2px;animation:2.4s cubic-bezier(.37,0,.63,1) infinite line-drop}@keyframes line-drop{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.8;transform:translateY(6px)}}#slide-8 .showcase-layout{align-items:center}#slide-8 .showcase-left{grid-template-rows:auto;align-content:center;height:auto}#slide-8 .showcase-content{justify-content:center}#slide-8 .showcase-content .desc-text{-webkit-line-clamp:unset;display:block;overflow:visible}#slide-8 .contact-right{align-items:start;padding-top:0}.contact-right{filter:drop-shadow(0 6px 16px #00000080);order:1;justify-content:center;align-items:center;width:100%;padding:1rem 0;display:flex}@media(min-width:1024px){.contact-right{flex:1;order:2;justify-content:center;align-items:center;padding:0}}.contact-form-card{background-color:var(--card-color);flex-direction:column;width:100%;max-width:min(38vw,65vh);display:flex}@supports (color:color-mix(in lab,red,red)){.contact-form-card{background-color:color-mix(in srgb,var(--card-color) 8%,#ffffff0a)}}.contact-form-card{border:1px solid var(--card-color);border-radius:1rem;padding:0 8px 8px}@supports (color:color-mix(in lab,red,red)){.contact-form-card{border:1px solid color-mix(in srgb,var(--card-color) 50%,transparent)}}.contact-form-card{box-shadow:0 20px 40px -10px #00000080,0 0 80px 10px var(--card-color)}@supports (color:color-mix(in lab,red,red)){.contact-form-card{box-shadow:0 20px 40px -10px #00000080,0 0 80px 10px color-mix(in srgb,var(--card-color) 10%,transparent)}}.contact-form-card{transition:box-shadow .4s,border-color .4s,transform .4s cubic-bezier(.22,1,.36,1)}.contact-form-card:hover{box-shadow:0 24px 48px -8px #0000008c,0 0 100px 15px var(--card-color)}@supports (color:color-mix(in lab,red,red)){.contact-form-card:hover{box-shadow:0 24px 48px -8px #0000008c,0 0 100px 15px color-mix(in srgb,var(--card-color) 14%,transparent)}}.contact-form-card:hover{border-color:var(--card-color)}@supports (color:color-mix(in lab,red,red)){.contact-form-card:hover{border-color:color-mix(in srgb,var(--card-color) 60%,transparent)}}.contact-form-card:hover{transform:scale(1.015)}.contact-form-body{background:#ffffff08;border-radius:.5rem;padding:36px 24px}.contact-input{color:#fff;width:100%;font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:14px 18px;font-size:15px;transition:border-color .4s,box-shadow .4s,background .4s}.contact-input::placeholder{color:#fff3;font-weight:300}.contact-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent);background:#ffffff0f;outline:none}@supports (color:color-mix(in lab,red,red)){.contact-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}}.contact-submit{cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.75em;padding:14px 28px;transition:filter .3s,transform .3s,box-shadow .3s;display:inline-flex}.contact-submit:hover{filter:brightness(1.1);box-shadow:0 8px 20px #0003,0 0 16px var(--card-color);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.contact-submit:hover{box-shadow:0 8px 20px #0003,0 0 16px color-mix(in srgb,var(--card-color) 15%,transparent)}}.contact-submit .cta-arrow{transition:transform .2s ease-in-out}.contact-submit:hover .cta-arrow{transform:translate(4px)}@media(max-width:767px){.hero-layout{--mg:calc(var(--rvh,1dvh) * 2.5);padding:calc(var(--rvh,1dvh) * 7) 6.25% calc(var(--mg) * 1.5) calc(6.25% + 16px)!important;justify-content:flex-end!important;gap:var(--mg)!important;padding-right:8%!important}.hero-right{justify-content:center;align-items:center;min-height:0;display:flex;overflow:visible;flex:1 1 0!important;order:1!important;padding:0!important}.hero-featured{align-items:center;max-height:100%;gap:var(--mg)!important;max-width:min(62vw,55dvh)!important;margin-right:0!important;transform:none!important}.hero-featured-card{will-change:transform;isolation:isolate;background:#1a1a1a;border:3px solid #2a2a2a;border-radius:2.5rem;min-width:0;max-width:100%;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 8px 24px #0006,inset 0 0 0 1px #ffffff0f;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);padding:0!important}.hero-featured-card:before{content:"";z-index:10;background:#000;border-radius:10px;width:60px;height:14px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #ffffff0a}.hero-featured-card .card-work-topbar{background:0 0;gap:8px;padding:28px 10px 5px}.hero-featured-card .card-work-dots span{width:6px;height:6px}.hero-featured-card .card-work-urlbar{border-radius:6px;flex:1;align-items:center;min-height:0;padding:4px 10px;display:flex}.hero-featured-card .card-work-globe{display:none}.hero-featured-card .card-work-url{align-items:center;font-size:.65rem;line-height:1.2;display:flex}.hero-featured-card .card-work-url-proto,.hero-featured-card .card-work-url-suffix{display:none}.hero-featured-card .card-work-capsule{padding:3px 7px}.hero-featured-card .card-work-capsule svg{width:.65rem}.hero-featured-card .card-work-img{border-radius:0;overflow:hidden}.hero-featured-card .card-work-img img,.hero-featured-card .hero-card-image img{aspect-ratio:390/750;object-fit:cover;object-position:top}.container-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;padding:2px 6px;overflow-x:auto}.container-tabs::-webkit-scrollbar{display:none}.container-tab{flex-shrink:0;gap:4px;min-width:36px;min-height:28px;padding:5px 9px}.container-tab-dot{width:4px;height:4px}.container-tab-label{letter-spacing:.3px;font-size:.5625rem}.hero-left{border:none;border-left:3px solid var(--slide-accent);box-shadow:none;background:0 0;border-radius:0;flex:none!important;order:2!important;padding:0 0 0 16px!important}.hero-name{white-space:nowrap;letter-spacing:-.02em;font-size:clamp(32px,10vw,48px)!important;line-height:1em!important}.slide-title{white-space:nowrap}.hero-content .desc-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;margin-top:.25rem!important;font-size:clamp(11px,3vw,13px)!important;line-height:1.4!important}.hero-content .ui-text-sm{margin-top:.5rem!important;font-size:14px!important}.hero-content .flex.gap-4{gap:.4rem!important;margin-top:.5rem!important}.hero-cta-primary,.hero-content .cta-link{white-space:nowrap;min-height:36px;background:var(--slide-accent)!important;color:var(--color-base)!important;border-color:var(--slide-accent)!important;padding:8px 14px!important;font-size:10px!important}.live-preview{display:none!important}.showcase-layout{--mg:calc(var(--rvh,1dvh) * 3);padding:calc(var(--rvh,1dvh) * 7) 6.25% calc(var(--mg) * 1.5) 6.25%!important;justify-content:center!important;gap:var(--mg)!important;align-items:stretch!important}.showcase-left{border:none;border-left:3px solid var(--slide-accent);box-shadow:none;background:0 0;border-radius:0;position:relative;flex-direction:column!important;flex:none!important;order:2!important;margin-top:0!important;padding:0 0 0 16px!important;display:flex!important}.showcase-left:before{display:none}.showcase-cards{justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:visible;flex:1 1 0!important;order:1!important;padding:0!important}.showcase-content .title-project{letter-spacing:-.02em;font-size:clamp(32px,10vw,48px)!important;line-height:1em!important}.showcase-content .ui-text-sm{opacity:.6;letter-spacing:4px!important;margin-top:.5rem!important;font-size:11px!important}.showcase-content .desc-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;margin-top:.25rem!important;font-size:clamp(11px,3vw,13px)!important;line-height:1.4!important}.showcase-content .cta-link{min-height:36px;background:var(--slide-accent)!important;color:var(--color-base)!important;border-color:var(--slide-accent)!important;margin-top:.5rem!important;padding:8px 14px!important;font-size:10px!important}.showcase-cards{padding:0!important}.showcase-stack{filter:drop-shadow(0 12px 24px #00000059);align-self:center;max-width:min(62vw,55dvh);max-height:100%;position:relative;margin:0!important;overflow:visible!important}.slide.active .showcase-stack,.slide.active .showcase-stack.stack-pos-0,.slide.active .showcase-stack.stack-pos-1,.slide.active .showcase-stack.stack-pos-2{transform:none}.showcase-frame,.showcase-frame.frame-active,.showcase-frame.frame-active:hover{will-change:transform;isolation:isolate;background:#1a1a1a;border-radius:2.5rem;padding:0;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000);border:3px solid #2a2a2a!important;box-shadow:0 16px 40px #00000059,0 6px 16px #00000040,inset 0 0 0 1px #ffffff0f!important}.showcase-frame:before{content:"";z-index:10;background:#000;border-radius:10px;width:60px;height:14px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #ffffff0a}.showcase-frame .card-work-topbar{background:0 0;gap:8px;padding:28px 10px 5px}.showcase-frame .card-work-dots span{width:6px;height:6px}.showcase-frame .card-work-urlbar{border-radius:6px;flex:1;align-items:center;min-height:0;padding:4px 10px;display:flex}.showcase-frame .card-work-url{align-items:center;font-size:.65rem;line-height:1.2;display:flex}.showcase-frame .card-work-capsule{padding:3px 7px}.showcase-frame .card-work-capsule svg{width:.55rem}.showcase-frame .card-work-img{border-radius:0;overflow:hidden}.showcase-frame .card-work-img img,.showcase-frame .card-work-img picture img{aspect-ratio:390/750;object-fit:cover;object-position:top}.slide-nav-item{min-width:20px!important;min-height:28px!important;padding:2px!important}.slide-nav-dot{filter:drop-shadow(0 0 2px #0009);opacity:.4!important;width:3px!important;height:12px!important}.slide-nav-item.active .slide-nav-dot{filter:drop-shadow(0 0 3px #00000080);opacity:1!important;height:36px!important}#slide-2 .showcase-stack,#slide-5 .showcase-stack{margin:0 auto 0 0}#slide-3 .showcase-stack,#slide-6 .showcase-stack{margin:0 -4% 0 auto}#slide-8 .showcase-layout{--mg:calc(var(--rvh,1dvh) * 1.5);-webkit-overflow-scrolling:touch;padding-top:calc(var(--rvh,1dvh) * 9)!important;padding-bottom:calc(var(--rvh,1dvh) * 3)!important;justify-content:center!important;gap:var(--mg)!important;padding-left:8%!important;padding-right:8%!important;overflow-y:auto!important}#slide-8 .showcase-left{text-align:left;border-radius:0;align-items:flex-start;border-left:3px solid var(--slide-accent)!important;flex:none!important;order:1!important;gap:0!important;padding:0 0 0 16px!important}#slide-8 .showcase-left:before{display:none!important}#slide-8 .showcase-content{align-items:flex-start}#slide-8 .showcase-content .ui-text-sm{color:var(--slide-accent)!important;opacity:1!important}#slide-8 .showcase-content .title-project{margin-top:.3rem!important;font-size:clamp(30px,9vw,42px)!important;line-height:1.1em!important}#slide-8 .showcase-content .desc-text{opacity:.7;-webkit-line-clamp:unset!important;margin-top:.4rem!important;font-size:12px!important;display:block!important;overflow:visible!important}#slide-8 .slide-cta{margin-top:.6rem!important}#slide-8 .slide-meta{display:none!important}.contact-right{flex-direction:column;min-height:0;display:flex;flex:1 1 0!important;order:2!important;margin-top:0!important;padding:0!important}.contact-form-card{border-radius:1.25rem;flex-direction:column;flex:1 1 0;display:flex;background:#ffffff08!important;border:1px solid #ffffff0f!important;max-width:100%!important}.contact-form-card .card-work-topbar{display:none!important}.contact-form-body{border-radius:1.25rem;flex-direction:column;flex:1;display:flex;padding:20px 18px!important}.contact-form-body .space-y-6{flex-direction:column;flex:1;display:flex}.contact-form-body .space-y-6>*+*{margin-top:.5rem!important}.contact-form-body .space-y-6>div:last-of-type{flex-direction:column;flex:1;display:flex}.contact-form-body .space-y-6>div:last-of-type textarea{flex:1}.contact-form-body label{letter-spacing:2.5px;text-transform:uppercase;font-weight:700;color:var(--slide-accent)!important;margin-bottom:.3rem!important;font-size:9px!important}.contact-input{border-radius:.625rem;transition:border-color .3s,background .3s;background:#ffffff0a!important;border:1px solid #ffffff14!important;padding:10px 14px!important;font-size:13px!important}.contact-input:focus{border-color:var(--slide-accent)!important;box-shadow:0 0 0 2px var(--slide-accent)!important;background:#ffffff0f!important}@supports (color:color-mix(in lab,red,red)){.contact-input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--slide-accent) 15%,transparent)!important}}.contact-form-body textarea{resize:none;min-height:70px!important;max-height:none!important}.contact-submit{letter-spacing:2px;border-radius:.625rem;justify-content:center;width:100%;background:var(--slide-accent)!important;color:var(--color-base)!important;border-color:var(--slide-accent)!important;margin-top:auto!important;padding:12px 24px!important;font-size:10px!important}#app-header{text-shadow:0 1px 3px #0006;height:calc(var(--rvh,1dvh) * 7)!important;min-height:44px!important}#app-header .ui-text-sm{box-shadow:none;background:0 0;border:none;border-radius:0;padding:6px 12px;transition:color .3s,opacity .3s;letter-spacing:1.5px!important;font-size:11px!important}#app-header .ui-text-sm:hover{opacity:.7}.scroll-indicator-wrap{bottom:6px!important}.showcase-frame,.hero-featured-card{cursor:pointer}.showcase-frame:hover,.hero-featured-card:hover{border-color:#2a2a2a;transform:none;box-shadow:0 8px 24px #0006,inset 0 0 0 1px #ffffff0f}.showcase-frame:hover .card-work-capsule,.hero-featured-card:hover .card-work-capsule{color:#fff9;background:0 0;border-color:#ffffff26}.contact-form-card{box-shadow:none!important;background-color:#0000!important;border:none!important;transform:none!important}.contact-form-card:hover{box-shadow:none!important;transform:none!important}.contact-input{box-shadow:none;background:#ffffff0f;border:1px solid #ffffff1a}.contact-input:focus{border:1px solid var(--accent);background:#ffffff14}@supports (color:color-mix(in lab,red,red)){.contact-input:focus{border:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}}.contact-input:focus,.contact-submit,.contact-submit:hover{box-shadow:none}.contact-submit:active{box-shadow:none;transform:translateY(0)}.cta-link{box-shadow:none;background:var(--slide-accent)!important;color:var(--color-base)!important;border:1px solid var(--slide-accent)!important}.cta-link:hover{box-shadow:none;opacity:.9}.accent-bar{width:2px!important}}@media(max-width:479px){.hero-name,.showcase-content .title-project{font-size:clamp(44px,14vw,60px)!important}.hero-strip-label{font-size:11px!important}}@media(prefers-reduced-motion:reduce){.char-animate{opacity:1;transform:none}.slide .slide-title,.slide .slide-desc,.slide .slide-cta,.slide .slide-meta,.slide .slide-image,.slide,#bg-layer{transition:none}.scroll-indicator{opacity:.6;animation:none}}@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-duration{syntax:"*";inherits:false}