/*! tailwindcss v4.1.8 | 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)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--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-ease:initial}}}@layer theme{:host,:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-5xl:64rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-inter);--default-mono-font-family:var(--font-mono);--color-accent:#84c49c;--color-gray:#434343;--color-gray-light:#f0f0f0;--font-inconsolata:var(--font-inconsolata)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.article .tech-stack-badge{border-radius:var(--radius-md);width:fit-content;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);color:var(--color-white);flex-shrink:0}.article .tech-stack-badge--html{background-color:#e34f26}.article .tech-stack-badge--css{background-color:#639}.article .tech-stack-badge--sass{background-color:#c69}.article .tech-stack-badge--bem{background-color:#383434}.article .tech-stack-badge--javascript{background-color:#ffc31f}.article .tech-stack-badge--typescript{background-color:#3178c6}.article .tech-stack-badge--react{background-color:#5ed2f3}.article .tech-stack-badge--react-router{background-color:#e43639}.article .tech-stack-badge--vite{background-color:#646cff}.article .tech-stack-badge--nextjs{background-color:#383434}.article .tech-stack-badge--tailwindcss{background-color:#06b6d4}.article .tech-stack-badge--css-modules{background-color:#383434}.article .tech-stack-badge--nodejs{background-color:#5fa04e}.article .tech-stack-badge--microcms{background-color:#2a2b2e}.article .tech-stack-badge--wordpress{background-color:#21759b}.article .tech-stack-badge--php{background-color:#777bb4}.article .tech-stack-badge--eslint{background-color:#6b57c9}.article .tech-stack-badge--prettier{background-color:#f7b93e}.article .tech-stack-badge--husky{background-color:#383434}.article .tech-stack-badge--jest{background-color:#c21325}.article .tech-stack-badge--vitest{background-color:#6e9f18}.article .tech-stack-badge--testing-library{background-color:#e33332}.article .tech-stack-badge--linux{background-color:#f6ab05}.article .tech-stack-badge--docker{background-color:#2496ed}.article .tech-stack-badge--git{background-color:#f05032}.article .tech-stack-badge--github{background-color:#383434}.article .tech-stack-badge--github-actions{background-color:#2088ff}.article .tech-stack-badge--firebase{background-color:#dd2c00}.article .tech-stack-badge--vercel{background-color:#383434}.article .tech-stack-badge--github-pages{background-color:#222}.article .tech-stack-badge--aws{background-color:#f69400}.article .tech-stack-badge--vscode{background-color:#2096e8}.article .tech-stack-badge--cursor{background-color:#383434}.article .tech-stack-badge--figma{background-color:#f24e1e}.article .tech-stack-badge--affinity-designer{background-color:#134881}.article .tech-stack-badge--affinity-photo{background-color:#4e3188}.article .work-hero{margin-bottom:calc(var(--spacing)*16);gap:calc(var(--spacing)*8);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:64rem){.article .work-hero{margin-bottom:calc(var(--spacing)*24);gap:calc(var(--spacing)*16);grid-template-columns:repeat(2,minmax(0,1fr))}}.article .work-hero__thumbnail{box-shadow:10px 10px 0 0 var(--color-gray-light)}@media (min-width:64rem){.article .work-hero__content{padding-top:calc(var(--spacing)*10)}}.article .work-hero__title{margin-bottom:calc(var(--spacing)*8);font-family:var(--font-inconsolata);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));padding-bottom:.5rem;position:relative}.article .work-hero__title:after{content:"";background-color:var(--color-accent);width:40px;height:4px;position:absolute;bottom:0;left:0}.article .work-hero__description{margin-bottom:calc(var(--spacing)*8)}.article .btn-row{justify-content:center;align-items:center;gap:calc(var(--spacing)*3.5);display:flex}@media (min-width:64rem){.article .btn-row{justify-content:flex-start}}.article .btn-center{justify-content:center;align-items:center;gap:calc(var(--spacing)*3.5);display:flex}.article .btn{border-radius:var(--radius-md);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);align-items:center;display:inline-flex}.article .btn--demo-btn{border-style:var(--tw-border-style);background-color:var(--color-white);color:var(--color-gray);border-width:1px;border-color:currentColor}@media (hover:hover){.article .btn--demo-btn:hover{background-color:var(--color-accent);color:var(--color-white)}}.article .btn--demo-btn:before{content:"";background:url(/icons/globe-icon.svg) 50%/contain no-repeat;flex-shrink:0;width:1.2rem;height:1.2rem;margin-right:.3rem;display:inline-block}.article .btn--demo-btn:hover:before{background:url(/icons/globe-icon-white.svg) 50%/contain no-repeat}.article .btn--demo-btn:after{content:"";background:url(/icons/arrow-forward.svg) 50%/contain no-repeat;flex-shrink:0;width:1rem;height:1rem;margin-left:.3rem;display:inline-block}.article .btn--demo-btn:hover:after{background:url(/icons/arrow-forward-white.svg) 50%/contain no-repeat}.article .btn--github-btn{border-style:var(--tw-border-style);background-color:var(--color-gray);color:var(--color-white);border-width:1px;border-color:currentColor}@media (hover:hover){.article .btn--github-btn:hover{background-color:var(--color-accent)}}.article .btn--github-btn:before{background:url(/icons/github-icon.svg) 50%/contain no-repeat;margin-right:.3rem}.article .btn--github-btn:after,.article .btn--github-btn:before{content:"";flex-shrink:0;width:1rem;height:1rem;display:inline-block}.article .btn--github-btn:after{background:url(/icons/arrow-forward-white.svg) 50%/contain no-repeat;margin-left:.3rem}.article .content{margin-bottom:calc(var(--spacing)*16)}.article .content-title{margin-bottom:calc(var(--spacing)*6);border-left-style:var(--tw-border-style);border-left-width:4px;border-color:var(--color-accent);background-color:var(--color-gray-light);padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*1);font-family:var(--font-inconsolata);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.article .sub-title{margin-bottom:calc(var(--spacing)*4);border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-gray-300);padding-left:calc(var(--spacing)*.5);font-family:var(--font-inconsolata);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));position:relative}.article .checklist{padding-left:2rem}.article .checklist__item{margin-bottom:calc(var(--spacing)*4);position:relative}.article .checklist__item:before{content:"";background:var(--color-accent);border-radius:50%;width:1.4em;height:1.4em;position:absolute;top:0;left:-2em}.article .checklist__item:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:10px;height:5px;display:block;position:absolute;top:.5em;left:-1.6em;transform:rotate(-45deg)}.article .dot-list{margin-block:calc(var(--spacing)*1);padding-left:calc(var(--spacing)*5);list-style-type:disc}.article .dot-list ::marker{color:var(--color-gray)}.article .dot-list::marker{color:var(--color-gray)}.article .dot-list ::-webkit-details-marker,.article .dot-list::-webkit-details-marker{color:var(--color-gray)}.article .dot-list__item{margin-bottom:calc(var(--spacing)*2)}@media (min-width:40rem){.article .dot-list__item{margin-bottom:calc(var(--spacing)*1)}}.article .link{text-decoration-line:underline}@media (hover:hover){.article .link:hover{color:var(--color-accent)}}.article .link:after{content:"";vertical-align:middle;background:url(/icons/link-icon.svg) 50%/contain no-repeat;width:1rem;height:1rem;margin-left:.1rem;display:inline-block}.article .link:hover:after{background:url(/icons/link-icon-accent.svg) 50%/contain no-repeat}.article .tech-stack-content{align-items:flex-start;gap:calc(var(--spacing)*8);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:64rem){.article .tech-stack-content{grid-template-columns:repeat(2,minmax(0,1fr))}}.article .tech-stack-table{border-collapse:collapse;text-align:center;order:2;width:100%}@media (min-width:64rem){.article .tech-stack-table{order:1}}.article .tech-stack-table__header{border-bottom-style:var(--tw-border-style);border-bottom-width:3px;border-color:var(--color-accent);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}@media (min-width:40rem){.article .tech-stack-table__header{text-wrap:nowrap}}@media (min-width:48rem){.article .tech-stack-table__header{padding-inline:calc(var(--spacing)*10);padding-block:calc(var(--spacing)*5)}}.article .tech-stack-table__data{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-gray-300);width:100%;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}@media (min-width:48rem){.article .tech-stack-table__data{padding-inline:calc(var(--spacing)*10);padding-block:calc(var(--spacing)*5)}}.article .tech-stack-table__tech-stack-badge-group{align-items:center;gap:calc(var(--spacing)*3);flex-wrap:wrap;display:flex}.article .tech-stack-content__image{order:1}@media (min-width:64rem){.article .tech-stack-content__image{order:2}}.article .img-popup-toggle{display:none}.article .img-popup__image-wrapper{cursor:zoom-in;position:relative}.article .img-popup-toggle:checked+.img-popup__image-wrapper:after{content:"";z-index:50;background:#000000b3;position:fixed;inset:0}.article .img-popup-toggle:checked+.img-popup__image-wrapper img{z-index:51;cursor:zoom-out;max-width:90%;max-height:90%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:1024px){.article .img-popup-toggle:checked+.img-popup__image-wrapper img{max-width:60%;max-height:60%}}.article .img-popup__icon{display:none}@media (min-width:1400px){.article .img-popup__icon{background:var(--color-accent)url(/icons/zoom-icon.svg) no-repeat center/55%;z-index:2;border-radius:50%;width:36px;height:36px;display:block;position:absolute;bottom:8px;right:8px}}.article .half-media{gap:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*12);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:48rem){.article .half-media{gap:calc(var(--spacing)*8);grid-template-columns:repeat(2,minmax(0,1fr))}}.article .half-media__image{width:100%;height:auto;display:block}.article .half-media--reverse .half-media__image{order:1}@media (min-width:48rem){.article .half-media--reverse .half-media__image{order:2}}.article .half-media--reverse .half-media__content{order:2}@media (min-width:48rem){.article .half-media--reverse .half-media__content{order:1}}.article .NotesList{gap:calc(var(--spacing)*9);padding-bottom:calc(var(--spacing)*10);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:64rem){.article .NotesList{gap:calc(var(--spacing)*8);grid-template-columns:repeat(3,minmax(0,1fr))}}.article .NotesList__item{cursor:pointer;gap:calc(var(--spacing)*3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-400);width:100%;padding-bottom:calc(var(--spacing)*2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}@media (hover:hover){.article .NotesList__item:hover{opacity:.7}}@media (min-width:64rem){.article .NotesList__item{border-right-style:var(--tw-border-style);padding-bottom:calc(var(--spacing)*6);border-right-width:1px;display:block}}.article .NotesList__item-thumbnail{object-fit:cover;grid-column:span 1/span 1}@media (min-width:64rem){.article .NotesList__item-thumbnail{aspect-ratio:3/2;width:100%}}.article .NotesList__item-content{padding-right:calc(var(--spacing)*1);grid-column:span 1/span 1}.article .NotesList__item-category{align-items:center;gap:calc(var(--spacing)*1);padding-top:calc(var(--spacing)*0);padding-right:calc(var(--spacing)*1);padding-bottom:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}@media (min-width:64rem){.article .NotesList__item-category{padding-top:calc(var(--spacing)*2)}}.article .NotesList__badge{padding-block:calc(var(--spacing)*.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.article .challenge-list__items{margin-bottom:calc(var(--spacing)*6);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-300);padding-bottom:calc(var(--spacing)*2);padding-left:calc(var(--spacing)*8)}.article .challenge-list__item{margin-bottom:calc(var(--spacing)*1);position:relative}@media (min-width:40rem){.article .challenge-list__item{margin-bottom:calc(var(--spacing)*2)}}.article .challenge-list__item:before{content:"";background:var(--color-accent);border-radius:50%;width:1.4em;height:1.4em;position:absolute;top:0;left:-2em}.article .challenge-list__item--challenge:before{background:#c48484}.article .challenge-list__item--solution:before{background:#84a4c4}.article .challenge-list__item:after{content:"";display:block;position:absolute}.article .challenge-list__item--challenge:after{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white);content:"?";top:-.04em;left:-1.55em}.article .challenge-list__item--solution:after{background:url(/icons/arrow-forward-solution.svg) 50%/contain no-repeat;width:1rem;height:1rem;top:.18em;left:-1.77em}.article .code-inline{background-color:var(--color-gray-100);padding-inline:calc(var(--spacing)*1);padding-block:calc(var(--spacing)*.5);font-family:var(--font-inconsolata);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-red-400);border-radius:.25rem}.article .code-block,.article .code-inline{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.article .code-block{margin-block:calc(var(--spacing)*2);border-radius:var(--radius-lg);background-color:var(--color-gray-800);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*1);color:var(--color-gray-100);overflow-x:auto}.article .margin-b-5{margin-bottom:calc(var(--spacing)*5)}.article .margin-b-10{margin-bottom:calc(var(--spacing)*10)}}@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.bottom-1{bottom:calc(var(--spacing)*1)}.left-\[-80px\]{left:-80px}.z-10{z-index:10}.z-20{z-index:20}.col-span-1{grid-column:span 1/span 1}.mx-auto{margin-inline:auto}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-7{margin-bottom:calc(var(--spacing)*7)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-20{margin-bottom:calc(var(--spacing)*20)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-3\/2{aspect-ratio:3/2}.aspect-square{aspect-ratio:1}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-11{height:calc(var(--spacing)*11)}.h-48{height:calc(var(--spacing)*48)}.h-52{height:calc(var(--spacing)*52)}.h-80{height:calc(var(--spacing)*80)}.h-full{height:100%}.h-px{height:1px}.w-2{width:calc(var(--spacing)*2)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-11{width:calc(var(--spacing)*11)}.w-64{width:calc(var(--spacing)*64)}.w-\[150\%\]{width:150%}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-90{max-width:calc(var(--spacing)*90)}.max-w-94{max-width:calc(var(--spacing)*94)}.shrink-0{flex-shrink:0}.origin-bottom-left{transform-origin:0 100%}.origin-top-left{transform-origin:0 0}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0)}.translate-x-0,.translate-x-full{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%}.translate-y-2{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-\[-8deg\]{rotate:-8deg}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-3\.5{gap:calc(var(--spacing)*3.5)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-9{gap:calc(var(--spacing)*9)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*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)))}:where(.space-y-9>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*9)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*9)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-9>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*9)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*9)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-accent{border-color:var(--color-accent)}.border-gray{border-color:var(--color-gray)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-400{border-color:var(--color-gray-400)}.bg-accent{background-color:var(--color-accent)}.bg-black{background-color:var(--color-black)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-gray{background-color:var(--color-gray)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-white{fill:var(--color-white)}.object-cover{object-fit:cover}.object-bottom{object-position:bottom}.object-left{object-position:left}.object-top{object-position:top}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-7{padding-block:calc(var(--spacing)*7)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-24{padding-top:calc(var(--spacing)*24)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pr-6{padding-right:calc(var(--spacing)*6)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.font-inconsolata{font-family:var(--font-inconsolata)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.text-accent{color:var(--color-accent)}.text-gray{color:var(--color-gray)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-white{color:var(--color-white)}.opacity-60{opacity:.6}.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-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-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:border-accent:hover{border-color:var(--color-accent)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:opacity-70:hover{opacity:.7}}@media (min-width:40rem){.sm\:absolute{position:absolute}.sm\:top-0{top:calc(var(--spacing)*0)}.sm\:right-0{right:calc(var(--spacing)*0)}.sm\:left-\[-230px\]{left:-230px}.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mb-0{margin-bottom:calc(var(--spacing)*0)}.sm\:mb-9{margin-bottom:calc(var(--spacing)*9)}.sm\:mb-14{margin-bottom:calc(var(--spacing)*14)}.sm\:mb-20{margin-bottom:calc(var(--spacing)*20)}.sm\:block{display:block}.sm\:aspect-3\/2{aspect-ratio:3/2}.sm\:h-6{height:calc(var(--spacing)*6)}.sm\:h-60{height:calc(var(--spacing)*60)}.sm\:h-72{height:calc(var(--spacing)*72)}.sm\:h-80{height:calc(var(--spacing)*80)}.sm\:h-96{height:calc(var(--spacing)*96)}.sm\:h-full{height:100%}.sm\:w-3\/5{width:60%}.sm\:w-6{width:calc(var(--spacing)*6)}.sm\:max-w-2xl{max-width:var(--container-2xl)}.sm\:max-w-5xl{max-width:var(--container-5xl)}.sm\:origin-bottom-left{transform-origin:0 100%}.sm\:translate-y-\[-400px\]{--tw-translate-y:-400px;translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:rotate-\[60deg\]{rotate:60deg}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:items-baseline{align-items:baseline}.sm\:items-start{align-items:flex-start}.sm\:justify-center{justify-content:center}.sm\:gap-1{gap:calc(var(--spacing)*1)}.sm\:gap-2\.5{gap:calc(var(--spacing)*2.5)}.sm\:gap-7{gap:calc(var(--spacing)*7)}:where(.sm\:space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}.sm\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.sm\:object-center{object-position:center}.sm\:px-0{padding-inline:calc(var(--spacing)*0)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:py-10{padding-block:calc(var(--spacing)*10)}.sm\:py-14{padding-block:calc(var(--spacing)*14)}.sm\:pt-2{padding-top:calc(var(--spacing)*2)}.sm\:pt-9{padding-top:calc(var(--spacing)*9)}.sm\:pb-4{padding-bottom:calc(var(--spacing)*4)}.sm\:pb-7{padding-bottom:calc(var(--spacing)*7)}.sm\:pb-12{padding-bottom:calc(var(--spacing)*12)}.sm\:pb-28{padding-bottom:calc(var(--spacing)*28)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}@media (min-width:48rem){.md\:mb-14{margin-bottom:calc(var(--spacing)*14)}}@media (min-width:64rem){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:aspect-3\/2{aspect-ratio:3/2}.lg\:aspect-auto{aspect-ratio:auto}.lg\:h-96{height:calc(var(--spacing)*96)}.lg\:h-full{height:100%}.lg\:w-full{width:100%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:items-start{align-items:flex-start}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:gap-10{gap:calc(var(--spacing)*10)}.lg\:border-r-1{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:pt-2{padding-top:calc(var(--spacing)*2)}.lg\:pt-20{padding-top:calc(var(--spacing)*20)}.lg\:pb-6{padding-bottom:calc(var(--spacing)*6)}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:gap-8{gap:calc(var(--spacing)*8)}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-ease{syntax:"*";inherits:false}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}.__variable_e8ce0c{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Inconsolata;font-style:normal;font-weight:200 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/d4fbdff1b926f9f7-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inconsolata;font-style:normal;font-weight:200 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/e1bfc245270dd1fc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inconsolata;font-style:normal;font-weight:200 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/d8c14dc5fcaf3a63-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inconsolata Fallback;src:local("Arial");ascent-override:76.59%;descent-override:16.94%;line-gap-override:0.00%;size-adjust:112.16%}.__className_c86147{font-family:Inconsolata,Inconsolata Fallback;font-style:normal}.__variable_c86147{--font-inconsolata:"Inconsolata","Inconsolata Fallback"}@font-face{font-family:Antonio;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/5182c759b22144c6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Antonio;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/44ca41e4fd5cc616-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Antonio Fallback;src:local("Arial");ascent-override:137.82%;descent-override:16.61%;line-gap-override:0.00%;size-adjust:83.79%}.__className_b9386e{font-family:Antonio,Antonio Fallback;font-style:normal}