/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@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-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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}}}@layer theme{:root,:host{--font-sans:"Pretendard", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;--font-mono:"SFMono-Regular", Consolas, monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--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);--color-canvas:#f6f2e8;--color-surface:#eae4d7;--color-panel:#fffdf5;--color-ink:#25231f;--color-muted:#635d55;--color-web:#3155ed;--color-unity:#b0492f;--font-display:"Archivo Black", "Arial Black", var(--font-sans)}}@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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}a{color:inherit;text-decoration:none}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-14{top:calc(var(--spacing) * 14)}.right-4{right:calc(var(--spacing) * 4)}.right-\[12\%\]{right:12%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\[16\%\]{bottom:16%}.bottom-\[20\%\]{bottom:20%}.left-0{left:calc(var(--spacing) * 0)}.left-4{left:calc(var(--spacing) * 4)}.left-\[12\%\]{left:12%}.left-\[36\%\]{left:36%}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.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-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.ml-10{margin-left:calc(var(--spacing) * 10)}.ml-12{margin-left:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-\[16\/9\]{aspect-ratio:16/9}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.h-1{height:calc(var(--spacing) * 1)}.h-2{height:calc(var(--spacing) * 2)}.h-10{height:calc(var(--spacing) * 10)}.h-\[38\%\]{height:38%}.h-\[calc\(100\%-2\.5rem\)\]{height:calc(100% - 2.5rem)}.h-full{height:100%}.h-px{height:1px}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[calc\(100svh-64px\)\]{min-height:calc(100svh - 64px)}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-6{width:calc(var(--spacing) * 6)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-28{width:calc(var(--spacing) * 28)}.w-\[72\%\]{width:72%}.w-\[84\%\]{width:84%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.flex-1{flex:1}.flex-none{flex:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.grid-cols-\[32px_1fr\]{grid-template-columns:32px 1fr}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.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-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-16{gap:calc(var(--spacing) * 16)}: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-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-ink\/15{border-color:#25231f26}@supports (color:color-mix(in lab, red, red)){.border-ink\/15{border-color:color-mix(in oklab, var(--color-ink) 15%, transparent)}}.border-ink\/20{border-color:#25231f33}@supports (color:color-mix(in lab, red, red)){.border-ink\/20{border-color:color-mix(in oklab, var(--color-ink) 20%, transparent)}}.border-ink\/25{border-color:#25231f40}@supports (color:color-mix(in lab, red, red)){.border-ink\/25{border-color:color-mix(in oklab, var(--color-ink) 25%, transparent)}}.border-ink\/30{border-color:#25231f4d}@supports (color:color-mix(in lab, red, red)){.border-ink\/30{border-color:color-mix(in oklab, var(--color-ink) 30%, transparent)}}.border-unity{border-color:var(--color-unity)}.border-unity\/70{border-color:#b0492fb3}@supports (color:color-mix(in lab, red, red)){.border-unity\/70{border-color:color-mix(in oklab, var(--color-unity) 70%, transparent)}}.border-web{border-color:var(--color-web)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.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-\[\#292d28\]{background-color:#292d28}.bg-\[\#20231f\]{background-color:#20231f}.bg-\[\#30352f\]{background-color:#30352f}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-canvas{background-color:var(--color-canvas)}.bg-ink{background-color:var(--color-ink)}.bg-panel{background-color:var(--color-panel)}.bg-surface{background-color:var(--color-surface)}.bg-unity{background-color:var(--color-unity)}.bg-unity\/10{background-color:#b0492f1a}@supports (color:color-mix(in lab, red, red)){.bg-unity\/10{background-color:color-mix(in oklab, var(--color-unity) 10%, transparent)}}.bg-unity\/20{background-color:#b0492f33}@supports (color:color-mix(in lab, red, red)){.bg-unity\/20{background-color:color-mix(in oklab, var(--color-unity) 20%, transparent)}}.bg-unity\/60{background-color:#b0492f99}@supports (color:color-mix(in lab, red, red)){.bg-unity\/60{background-color:color-mix(in oklab, var(--color-unity) 60%, transparent)}}.bg-web{background-color:var(--color-web)}.bg-web\/10{background-color:#3155ed1a}@supports (color:color-mix(in lab, red, red)){.bg-web\/10{background-color:color-mix(in oklab, var(--color-web) 10%, transparent)}}.bg-web\/40{background-color:#3155ed66}@supports (color:color-mix(in lab, red, red)){.bg-web\/40{background-color:color-mix(in oklab, var(--color-web) 40%, transparent)}}.bg-web\/70{background-color:#3155edb3}@supports (color:color-mix(in lab, red, red)){.bg-web\/70{background-color:color-mix(in oklab, var(--color-web) 70%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\/30{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[1\.02\]{--tw-leading:1.02;line-height:1.02}.leading-\[1\.04\]{--tw-leading:1.04;line-height:1.04}.leading-\[1\.12\]{--tw-leading:1.12;line-height:1.12}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[-0\.055em\]{--tw-tracking:-.055em;letter-spacing:-.055em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.text-ink{color:var(--color-ink)}.text-ink\/30{color:#25231f4d}@supports (color:color-mix(in lab, red, red)){.text-ink\/30{color:color-mix(in oklab, var(--color-ink) 30%, transparent)}}.text-ink\/80{color:#25231fcc}@supports (color:color-mix(in lab, red, red)){.text-ink\/80{color:color-mix(in oklab, var(--color-ink) 80%, transparent)}}.text-muted{color:var(--color-muted)}.text-panel{color:var(--color-panel)}.text-unity{color:var(--color-unity)}.text-web{color:var(--color-web)}.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}.opacity-20{opacity:.2}.saturate-\[0\.82\]{--tw-saturate:saturate(.82);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,)}.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-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-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-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.group-hover\:-translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:saturate-100:is(:where(.group):hover *){--tw-saturate:saturate(100%);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,)}.hover\:border-web:hover{border-color:var(--color-web)}.hover\:bg-web:hover{background-color:var(--color-web)}.hover\:text-web:hover{color:var(--color-web)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-unity:focus-visible{--tw-ring-color:var(--color-unity)}.focus-visible\:ring-web:focus-visible{--tw-ring-color:var(--color-web)}@media (width>=40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:items-baseline{align-items:baseline}.sm\:gap-x-8{column-gap:calc(var(--spacing) * 8)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-16{padding-block:calc(var(--spacing) * 16)}.sm\:py-28{padding-block:calc(var(--spacing) * 28)}.sm\:pt-40{padding-top:calc(var(--spacing) * 40)}.sm\:pl-8{padding-left:calc(var(--spacing) * 8)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.sm\:odd\:pr-6:nth-child(odd){padding-right:calc(var(--spacing) * 6)}.sm\:even\:border-l:nth-child(2n){border-left-style:var(--tw-border-style);border-left-width:1px}.sm\:even\:pl-6:nth-child(2n){padding-left:calc(var(--spacing) * 6)}}@media (width>=64rem){.lg\:sticky{position:sticky}.lg\:top-28{top:calc(var(--spacing) * 28)}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-start-2{grid-column-start:2}.lg\:col-start-3{grid-column-start:3}.lg\:col-start-9{grid-column-start:9}.lg\:col-start-10{grid-column-start:10}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:items-end{align-items:flex-end}.lg\:gap-x-8{column-gap:calc(var(--spacing) * 8)}.lg\:self-end{align-self:flex-end}.lg\:self-start{align-self:flex-start}.lg\:py-20{padding-block:calc(var(--spacing) * 20)}.lg\:pl-16{padding-left:calc(var(--spacing) * 16)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}}@font-face{font-family:Archivo Black;src:url(/fonts/ArchivoBlack-Regular.ttf)format("truetype");font-weight:400 900;font-style:normal;font-display:swap}:root{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{word-break:keep-all;overflow-wrap:break-word;min-width:320px;margin:0}body:after{content:"";z-index:80;pointer-events:none;opacity:.045;background:url(/paper-grain.svg);position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid}main:focus{outline:none}::selection{color:#25231f;background:#e9ef74}.section-container{width:min(1320px,100% - 96px);margin-inline:auto}.skip-link{z-index:100;color:#fffdf5;background:#25231f;padding:14px 24px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.site-header{z-index:50;background:var(--color-canvas);border-bottom:2px solid var(--color-ink);position:absolute;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;height:88px;display:flex}.brand{letter-spacing:-.08em;align-items:center;gap:12px;min-height:44px;font-size:25px;font-weight:900;display:inline-flex}.brand-mark{color:#3155ed;font-size:42px;line-height:1;transition:transform .4s}.brand:hover .brand-mark{transform:rotate(90deg)}.header-links{gap:12px;margin:0;padding:0;list-style:none;display:flex}.header-links a{border:1.5px solid #25231f;border-radius:50%;justify-content:center;align-items:center;min-height:44px;padding:7px 25px;font-size:16px;font-weight:700;transition:background .2s,transform .2s;display:flex}.header-links li:nth-child(2) a{border-radius:50px}.header-links a:hover,.header-links a[aria-current]{background:#e9ef74;transform:rotate(-4deg)}.scroll-progress{display:none}.portfolio-home{overflow:clip}.hero{border-bottom:2px solid #25231f;padding:150px 0 76px}.hero-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;display:grid}.hero-main{z-index:2;position:relative}.hero-title{font-family:var(--font-display);letter-spacing:-.075em;margin:0;font-size:clamp(80px,10.5vw,166px);font-weight:900;line-height:.88}.hero-period{color:#3155ed}.hero-intro{letter-spacing:-.04em;margin-top:32px;font-size:clamp(18px,1.55vw,23px);line-height:1.7}.hero-intro strong{font-weight:800}.hero-links{align-items:center;gap:30px;margin-top:30px;display:flex}.button-primary{color:#fffdf5;background:#3155ed;border:2px solid #25231f;border-radius:50px;justify-content:center;align-items:center;gap:24px;min-height:54px;padding:0 26px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:4px 4px #25231f}.button-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #25231f}.text-link{align-items:center;gap:9px;min-height:44px;font-size:16px;font-weight:600;display:inline-flex}.text-link svg{flex-shrink:0;transition:transform .2s}.text-link:hover{text-underline-offset:6px;text-decoration:underline}.text-link:hover svg{transform:translate(2px,-2px)}.hero-visual{min-width:0;position:relative}.studio-mascot{width:100%;height:auto;display:block;overflow:visible}.hello-sticker{width:132px;height:132px;font-family:var(--font-display);background:#e9ef74;border:2px solid #25231f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:22px;line-height:1;transition:transform .25s;display:flex;position:absolute;top:5%;right:-1%;transform:rotate(12deg);box-shadow:4px 4px #25231f}.hello-sticker:hover{transform:rotate(-8deg)scale(1.06)}.hello-sticker svg{margin-top:4px}.section-heading{justify-content:space-between;align-items:center;gap:30px;margin-bottom:52px;display:flex}.section-heading h2{font-family:var(--font-display);letter-spacing:-.065em;font-size:clamp(52px,6.3vw,92px);font-weight:900;line-height:.93}.section-heading h2>span,.accent-dot{color:#3155ed}.projects-section{background:#ffaacb;border-bottom:2px solid #25231f;padding:74px 0 90px}.section-arrow{flex-shrink:0;width:100px;height:100px;margin-right:10px}.featured-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.project-card{background:#fffdf5;border:2px solid #25231f;min-width:0;box-shadow:7px 7px #25231f}.project-card article{flex-direction:column;height:100%;display:flex}.project-preview-wrap{border-bottom:2px solid #25231f;overflow:hidden}.project-copy{flex-direction:column;flex:1;padding:30px;display:flex}.project-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.project-copy h3{letter-spacing:-.065em;font-size:42px;font-weight:900;line-height:1.2}.project-card:first-child h3{font-family:var(--font-display)}.round-link{border:1.5px solid #25231f;border-radius:50%;flex-shrink:0;place-items:center;width:50px;height:50px;transition:background .2s,transform .2s;display:inline-grid}.round-link:hover{background:#e9ef74;transform:rotate(8deg)}.project-subtitle{margin-top:15px;font-size:19px;font-weight:700}.project-summary{color:#635d55;margin-top:12px;font-size:16px;line-height:1.8}.tech-tags{flex-wrap:wrap;gap:8px;margin:22px 0 18px;padding:0;list-style:none;display:flex}.tech-tags li{border:1px solid #a6a092;border-radius:30px;padding:5px 12px;font-size:13px}.project-actions{flex-wrap:wrap;gap:28px;margin-top:auto;padding-top:7px;display:flex}.more-projects{margin-top:72px}.more-projects h3{letter-spacing:-.055em;margin-bottom:28px;font-size:28px;font-weight:800}.project-row{border-top:1.5px solid #25231f;grid-template-columns:1.4fr 1fr 50px;align-items:center;gap:26px;padding:27px 0;display:grid}.project-row-title h4{letter-spacing:-.04em;font-size:24px;font-weight:800}.project-row-title a:hover{text-underline-offset:5px;text-decoration:underline}.project-row-title p{margin-top:6px;font-size:15px}.project-row-tech{font-size:15px;line-height:1.7}.about-section{border-bottom:2px solid #25231f;padding-block:105px}.about-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.about-grid h2{letter-spacing:-.08em;font-size:clamp(35px,4.1vw,60px);font-weight:900;line-height:1.35}.about-copy>p{color:#635d55;font-size:17px;line-height:1.95}.about-copy>p+p{margin-top:20px}.about-copy .about-lead{color:#25231f;letter-spacing:-.055em;margin-bottom:27px;font-size:26px;font-weight:800;line-height:1.55}.skills-section{color:#fffdf5;background:#3155ed;border-bottom:2px solid #25231f;padding-block:80px}.skills-section .section-heading h2{font-size:clamp(42px,6.1vw,85px)}.skills-section .section-heading h2>span{color:#e9ef74}.toolbox-flower{color:#e9ef74;font-size:115px;line-height:.8}.primary-skill-list{flex-wrap:wrap;gap:18px;margin-bottom:48px;display:flex}.primary-skill-list span{color:#25231f;letter-spacing:-.04em;background:#f6f2e8;border:2px solid #25231f;border-radius:50px;padding:13px 30px 17px;font-size:clamp(22px,2.5vw,36px);font-weight:800;box-shadow:4px 4px #25231f}.primary-skill-list span:nth-child(2){background:#ffaacb;transform:rotate(-3deg)}.primary-skill-list span:nth-child(3){background:#e9ef74;transform:rotate(2deg)}.skill-row{border-top:1px solid #fffdf580;grid-template-columns:1fr 2fr;gap:24px;padding:24px 0;display:grid}.skill-row h3{font-size:20px;font-weight:700}.skill-row p{font-size:20px;line-height:1.6}.contact-section{background:#ee654a;border-bottom:2px solid #25231f;padding-block:85px}.contact-top{justify-content:space-between;align-items:center;gap:32px;display:flex}.contact-top h2{font-family:var(--font-display);letter-spacing:-.075em;font-size:clamp(70px,9.5vw,138px);line-height:.9}.contact-spark{color:#f6f2e8;font-size:170px;line-height:1}.contact-message{letter-spacing:-.04em;margin-top:35px;font-size:22px;font-weight:600;line-height:1.6}.contact-bottom{border-top:1.5px solid #25231f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;margin-top:40px;padding-top:30px;display:flex}.email-row{align-items:center;gap:15px;min-width:0;display:flex}.contact-email{letter-spacing:-.035em;font-size:clamp(18px,2.6vw,34px);font-weight:800}.copy-button{background:0 0;border:1.5px solid #25231f;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;transition:background .2s;display:grid}.copy-button:hover{background:#f6f2e8}.contact-links{flex-wrap:wrap;gap:28px;display:flex}.copy-feedback{min-height:24px;margin-top:12px;font-size:14px}.site-footer{justify-content:space-between;align-items:center;padding-block:30px;display:flex}.site-footer p{letter-spacing:-.06em;font-size:20px;font-weight:800}.back-to-top{border:1.5px solid #25231f;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .2s,transform .2s;display:grid}.back-to-top:hover{background:#e9ef74;transform:translateY(-4px)}.project-card .project-gallery{background:#dbe4ff}.project-card-1 .project-gallery{background:#e9ef74}.project-card .gallery-track{background:0 0;align-items:center;height:440px;padding:38px 26px 26px}.project-card .gallery-design .gallery-track{grid-template-columns:minmax(0,1fr);place-items:center;display:grid}.project-card .gallery-design .gallery-slide{width:min(100%,318px)}.project-card .gallery-slide figcaption{color:#25231f;font-size:13px}.project-card .screenshot-button{box-shadow:4px 6px #25231f28}.project-card .gallery-footer{background:#dbe4ff}.gallery-icon-button{color:#25231f;border-color:#25231f;border-radius:50%}.lightbox-panel{background:#f6f2e8;border:2px solid #25231f;border-radius:0}.lightbox-stage{background:#eae4d7}.lightbox-header p,.lightbox-navigation>span{color:#635d55}.image-lightbox{color:#25231f}.detail-page h1,.detail-page h2{font-family:var(--font-sans);font-weight:800}@media (width>=1600px){.hero{padding-top:185px;padding-bottom:105px}}@media (width<=1100px){.section-container{width:calc(100% - 64px)}.hero-title{font-size:9.5vw}.hero{padding-top:146px;padding-bottom:64px}.hello-sticker{width:105px;height:105px;font-size:18px}.hello-sticker svg{width:22px;height:22px}.project-card .gallery-track{gap:14px;height:338px;padding-inline:16px}.project-card .gallery-design .gallery-slide{width:min(100%,242px)}.project-copy{padding:25px}.project-copy h3{font-size:36px}.about-grid{gap:50px}.contact-bottom{flex-direction:column;align-items:flex-start}}@media (width<=760px){html{scroll-padding-top:24px}.section-container{width:calc(100% - 40px)}.header-inner{height:76px}.brand{gap:6px;font-size:22px}.brand-mark{font-size:32px}.header-links{gap:6px}.header-links a{padding:6px 14px;font-size:13px}.hero{padding:122px 0 48px}.hero-layout{grid-template-columns:1fr;gap:14px}.hero-title{font-size:clamp(65px,15.4vw,115px)}.hero-intro{margin-top:25px;font-size:18px}.hero-links{gap:25px;margin-top:24px}.button-primary{gap:15px;min-height:50px;padding-inline:20px;font-size:15px}.hero-visual{justify-self:center;width:min(100%,400px);margin-top:4px}.studio-mascot{max-height:370px}.hello-sticker{width:100px;height:100px;font-size:17px;top:3%;right:0}.section-heading{gap:16px;margin-bottom:34px}.section-heading h2{font-size:clamp(48px,11.5vw,78px)}.section-arrow{width:66px;height:66px;margin:0}.projects-section{padding:48px 0 55px}.featured-projects{grid-template-columns:1fr;gap:30px}.project-card{box-shadow:5px 5px #25231f}.project-copy{padding:24px}.project-copy h3{font-size:36px}.project-summary{font-size:15px}.project-card .gallery-track{height:auto}.project-card .gallery-mobile .gallery-track{grid-auto-columns:min(64%,260px);padding:30px 30px 22px}.project-card .gallery-design .gallery-track{padding:28px}.project-card .gallery-design .gallery-slide{width:min(100%,310px)}.more-projects{margin-top:48px}.more-projects h3{font-size:24px}.project-row{grid-template-columns:minmax(0,1fr) 46px;gap:12px;padding-block:22px}.project-row-title h4{font-size:21px}.project-row-title p{font-size:14px}.project-row-tech{grid-column:1;font-size:14px}.project-row>.round-link{grid-area:1/2/3;width:44px;height:44px}.about-section{padding-block:58px}.about-grid{grid-template-columns:1fr;gap:30px}.about-grid h2{font-size:clamp(34px,8.5vw,52px)}.about-copy .about-lead{margin-bottom:20px;font-size:23px}.about-copy>p{font-size:16px}.skills-section{padding-block:50px}.skills-section .section-heading h2{font-size:clamp(31px,7.8vw,56px)}.toolbox-flower{font-size:60px}.primary-skill-list{gap:13px;margin-bottom:35px}.primary-skill-list span{padding:10px 19px 13px;font-size:23px}.skill-row{grid-template-columns:1fr;gap:8px;padding-block:20px}.skill-row h3{font-size:18px}.skill-row p{font-size:17px}.contact-section{padding:50px 0 35px}.contact-top{gap:14px}.contact-top h2{font-size:clamp(48px,11vw,78px)}.contact-spark{font-size:80px}.contact-message{margin-top:28px;font-size:18px}.contact-bottom{gap:18px;margin-top:30px;padding-top:23px}.contact-email{font-size:clamp(17px,4.8vw,26px)}.email-row{gap:10px}.copy-button{width:40px;height:40px}.contact-links{gap:25px}.site-footer{padding-block:22px}.site-footer p{font-size:18px}}@media (width<=380px){.section-container{width:calc(100% - 32px)}.header-links a{padding-inline:10px;font-size:12px}.brand{font-size:19px}.brand-mark{font-size:26px}.hero-intro{font-size:16px}.hero-links{gap:20px}.hero-visual{margin-top:18px}.contact-email{font-size:17px}.contact-email svg{width:18px}.contact-spark{font-size:60px}}@media print{.site-header,.hello-sticker,.back-to-top,body:after{display:none}.hero{padding-top:35px}.project-card{break-inside:avoid;box-shadow: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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@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-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-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}.project-gallery{background:#dbe4ff;overflow:hidden}.gallery-track{background:radial-gradient(at 50% 40%,#f8fbf0 0,#0000 75%);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;padding:48px 28px 34px;display:grid}.gallery-slide{min-width:0;margin:0}.screenshot-button{cursor:zoom-in;background:#f6f2e8;border:5px solid #fefefa;border-radius:18px;width:100%;padding:0;transition:transform .5s,box-shadow .5s;display:block;position:relative;box-shadow:0 13px 24px -9px #334e3838,0 0 0 1px #c5cebb}.screenshot-button img{border-radius:13px;width:100%;height:auto;display:block}.gallery-mobile .gallery-slide:first-child .screenshot-button{transform:translateY(10px)rotate(-4deg)}.gallery-mobile .gallery-slide:nth-child(2) .screenshot-button{transform:translateY(-9px)}.gallery-mobile .gallery-slide:nth-child(3) .screenshot-button{transform:translateY(10px)rotate(4deg)}.gallery-slide .screenshot-button:hover,.gallery-slide .screenshot-button:focus-visible,.gallery-mobile .gallery-slide .screenshot-button:hover,.gallery-mobile .gallery-slide .screenshot-button:focus-visible{z-index:1;transform:translateY(-10px);box-shadow:0 24px 30px -15px #334e3860,0 0 0 1px #94ac80}.screenshot-expand{color:#fff;opacity:0;pointer-events:none;background:#304a3be8;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:9px 4px;font-size:10px;transition:opacity .3s,transform .3s;display:flex;position:absolute;inset:auto 9px 12px;transform:translateY(5px)}.screenshot-button:hover .screenshot-expand,.screenshot-button:focus-visible .screenshot-expand{opacity:1;transform:translateY(0)}.gallery-slide figcaption{color:#25231f;justify-content:center;align-items:center;gap:7px;margin-top:29px;font-size:12px;display:flex}.gallery-footer{color:#635d55;justify-content:flex-end;align-items:center;gap:16px;padding:0 22px 21px;font-size:9px;line-height:1.7;display:none}.gallery-scroll-controls{display:none}.gallery-design{background:#e9ef74}.gallery-design .gallery-track{background:radial-gradient(#f7f4ef,#0000 80%);padding:26px 32px 22px;display:block}.gallery-design .gallery-slide{max-width:420px;margin-inline:auto}.gallery-design .screenshot-button{border-width:0;border-radius:3px;box-shadow:0 15px 25px -14px #503b353b}.gallery-design .screenshot-button img{border-radius:3px}.gallery-design .gallery-slide figcaption{margin-top:18px}.gallery-design .screenshot-expand{padding-inline:14px;inset-inline:auto 15px}.gallery-icon-button{color:#3155ed;background:0 0;border:1px solid #25231f;border-radius:4px;flex-shrink:0;place-items:center;width:40px;height:40px;transition:background .2s;display:inline-grid}.gallery-icon-button:hover{background:#e9ef74}.image-lightbox{color:#25231f;background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:20px;position:fixed;inset:0;overflow:auto}.image-lightbox[open]{place-items:center;display:grid}.image-lightbox::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#25231fe8}.lightbox-panel{background:#f6f2e8;border:1px solid #25231f;border-radius:10px;flex-direction:column;width:min(100%,1080px);height:min(900px,100dvh - 40px);min-height:250px;animation:.25s both gallery-open;display:flex;overflow:hidden;box-shadow:0 30px 90px #0004}.lightbox-header,.lightbox-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex}.lightbox-header{border-bottom:1px solid #bfb8ac}.lightbox-header p{color:#635d55;font:13px var(--font-sans);letter-spacing:.06em}.lightbox-header h2{margin-top:5px;font-size:16px;font-weight:500}.lightbox-stage{overscroll-behavior:contain;scrollbar-color:#9eae92 #eae4d7;background:#eae4d7;flex:1;place-items:center;min-height:0;display:grid;overflow:auto}.lightbox-stage:focus-visible{outline-offset:-3px;outline:2px solid #3155ed}.lightbox-stage img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.lightbox-stage.is-zoomed{display:block}.lightbox-stage.is-zoomed img{width:auto;max-width:none;height:auto;margin-inline:auto}.lightbox-footer{border-top:1px solid #bfb8ac}.lightbox-navigation,.lightbox-tools{align-items:center;gap:16px;display:flex}.lightbox-navigation>span{font:11px var(--font-mono);color:#635d55;white-space:nowrap}.lightbox-tools .text-link{font-size:11px}.detail-page .project-gallery{border:1px solid #25231f}.detail-page .gallery-mobile .gallery-track{gap:36px;padding:50px 60px 35px}.detail-page .gallery-design .gallery-slide{max-width:540px}@keyframes gallery-open{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1100px) and (width>=761px){.gallery-track{gap:12px;padding:35px 14px 25px}.screenshot-button{border-width:3px;border-radius:12px}.screenshot-button img{border-radius:9px}.gallery-slide figcaption{gap:4px}}@media (width<=760px){.gallery-mobile .gallery-track,.detail-page .gallery-mobile .gallery-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#adbd9d #dbe4ff;grid-template-columns:none;grid-auto-columns:76%;grid-auto-flow:column;gap:20px;padding:30px 24px 20px;scroll-padding-inline:24px;overflow-x:auto}.gallery-mobile .gallery-slide{scroll-snap-align:start}.gallery-mobile .gallery-slide:nth-child(n) .screenshot-button{transform:none}.gallery-slide figcaption{margin-top:17px}.gallery-footer{gap:12px;padding:16px;font-size:9px;display:flex}.gallery-scroll-controls{flex-shrink:0;gap:7px;display:flex}.gallery-design .gallery-track{padding:20px 15px 10px}.image-lightbox{padding:12px}.lightbox-panel{height:calc(100dvh - 24px)}.lightbox-header,.lightbox-footer{gap:8px;padding:12px}.lightbox-header h2{font-size:14px}.lightbox-navigation,.lightbox-tools{gap:7px}.lightbox-navigation>span,.lightbox-tools .text-link{font-size:10px}.lightbox-footer .gallery-icon-button{width:34px;height:40px}}@media (prefers-reduced-motion:reduce){.gallery-mobile .gallery-slide:nth-child(n) .screenshot-button{transform:none}}.hero-enter{animation:.8s cubic-bezier(.2,.75,.25,1) both print-arrive}.hero-intro.hero-enter{animation-delay:.1s}.hero-links.hero-enter{animation-delay:.2s}.magnetic{transform:translate(var(--magnet-x,0px), var(--magnet-y,0px));transition:transform .3s ease-out;display:inline-flex}.reveal-section{opacity:1}@media (prefers-reduced-motion:no-preference){.reveal-section{opacity:0;transition:opacity .65s ease var(--reveal-delay,0s), transform .65s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0s);transform:translateY(24px)}.reveal-section.is-visible{opacity:1;transform:translateY(0)}.mascot-body{transform-origin:50% 80%;animation:5s ease-in-out infinite mascot-bob}.mascot-shadow{transform-origin:50%;animation:5s ease-in-out infinite shadow-breathe}.mascot-spark{transform-origin:96px 124px;animation:22s linear infinite spark-turn}}.mascot-pupils{transform:translate(var(--eye-x,0px), var(--eye-y,0px));transition:transform .15s ease-out}@keyframes print-arrive{0%{opacity:0;transform:translateY(22px)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes mascot-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(2deg)}}@keyframes shadow-breathe{0%,to{opacity:.12;scale:1}50%{opacity:.08;scale:.9}}@keyframes spark-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.magnetic{transform:none}}@media print{.reveal-section,.hero-enter{opacity:1;animation:none;transform:none}}