@layer reset{html{color-scheme:light dark;font:clamp(1rem, 1rem + 0.2vw, 1.1rem)/1.4 system-ui,sans-serif;tab-size:2;hanging-punctuation:first allow-end last;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{margin:0;padding:2rem;overflow-x:hidden}*,*::before,*::after{box-sizing:border-box}h1,h2{font-weight:900;letter-spacing:-0.02rem}h1,h2,h3{line-height:1.1}h1,h2,h3,h4,h5,h6{text-wrap:balance;margin-block-start:0}p,li,dd{text-wrap:pretty;max-inline-size:88ch}a{color:oklch(.68 .17 228);text-underline-offset:2px}a:not(:is(:hover,:focus)){text-decoration-color:color-mix(in srgb, currentColor, transparent 50%)}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{inset-block-end:-0.25em}sup{inset-block-start:-0.5em}ul,ol,dl{margin:0;padding:0;list-style-position:inside}ul ul,ul ol,ul dl,ol ul,ol ol,ol dl,dl ul,dl ol,dl dl{padding-inline-start:2ch}img,video,iframe{display:block;max-inline-size:100%;block-size:auto;border-style:none}figure{inline-size:fit-content;margin-inline:auto}figcaption{contain:inline-size;font-size:90%}input,select,textarea,button{font:inherit}label{display:block}input:not(:where([type=submit],[type=checkbox],[type=radio],[type=button],[type=reset])){inline-size:100%}button,input:where([type=submit],[type=reset],[type=button]){background:CanvasText;color:Canvas;border:1px solid rgba(0,0,0,0)}textarea{field-sizing:content;min-block-size:5lh;inline-size:100%;max-inline-size:100%}pre,code,kbd,samp{font-family:ui-monospace,SFMono-Regular,monospace}svg{fill:currentColor}[aria-disabled=true i],[disabled]{cursor:not-allowed}[hidden]{display:none !important}[disabled],label:has(input[disabled]){opacity:.5}[disabled] [disabled],label:has(input[disabled]) [disabled]{opacity:1}pre{white-space:pre-wrap;background:CanvasText;color:Canvas;padding:1.5rem}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible;margin-block:2.5rem}:target{scroll-margin:3rlh}table{caption-side:bottom;border-collapse:collapse}table td{font-size:90%}table td,table th{word-break:normal;border:1px solid gray;padding:.5rem}[role=region][aria-labelledby][tabindex]{overflow:auto}caption{font-size:90%}.screenreader-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline-offset:2px}@media(prefers-reduced-motion: no-preference){@view-transition{navigation:auto}html{interpolate-size:allow-keywords}html:focus-within{scroll-behavior:smooth}}}:root{--ink_1: oklch(28.71% 0.007 67.55);--ink_2: color-mix(in lab, var(--ink_1) 50%, #fff 50%);--ink_3: color-mix(in lab, var(--ink_1), transparent 96%);--ink_inverse: #fff;--background: #f3f4f6}h1,h2,h3,h4,h5,h6{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:500;letter-spacing:.5px}p{font-family:system-ui,sans-serif}.small_title{font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin:1rem 0;color:var(--ink_2)}em{color:var(--ink_2)}body{background:#f3f4f6}main{display:flex;flex-direction:column;gap:3rem;max-width:50ch;margin:0 auto 5rem}main .fadeIn{transition:all 550ms cubic-bezier(0.175, 0.885, 0.32, 1.275)}@starting-style{main .fadeIn{opacity:0;filter:blur(20px);transform:translateY(5rem)}}.section_col{display:flex;flex-direction:column;gap:1rem}.section_card{padding:.5rem;margin:-1rem;border-radius:2rem;corner-shape:squircle;background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px)}:nth-child(1 of .fadeIn){transition-delay:100ms}:nth-child(2 of .fadeIn){transition-delay:200ms}:nth-child(3 of .fadeIn){transition-delay:300ms}:nth-child(4 of .fadeIn){transition-delay:400ms}:nth-child(5 of .fadeIn){transition-delay:500ms}.narrow_paragraph{padding:0;margin:1rlh 0 0;color:var(--ink_1);letter-spacing:-0.025em;font-size:24px;font-style:normal;font-weight:400}.narrow_paragraph span{color:var(--ink_2)}footer{color:var(--ink_2)}footer p{color:currentColor}footer div{display:flex;gap:.75rem}.featured_list{display:flex;flex-direction:column;padding:0;margin:0;list-style:none}.featured_list .list_item{position:relative;padding:.75rem;border-radius:1.8rem;corner-shape:squircle;width:100%;transform-origin:center;transform-style:preserve-3d;background:rgba(0,0,0,0);transition:background 500ms ease}.featured_list .list_item:hover{background:var(--ink_3)}.featured_list .list_item .icon{position:initial;height:56px;aspect-ratio:1;border:1px solid var(--ink_3);border-radius:.75rem;border-radius:50%;corner-shape:squircle;transition:all 250ms ease}.featured_list .list_item .icon:hover{transform:scale(1.2) rotate(4deg)}.featured_list a{display:flex;gap:1rem;color:inherit;text-decoration:none;perspective:1000px;transform:translateZ(10px);z-index:10}.featured_list p{margin:0}.featured_list .title{color:var(--ink_1);margin-bottom:.25rem}.featured_list .copy{color:#b4b4b4;font-size:.875rem;font-weight:400;color:var(--ink_2)}.featured_list .hover_preview{pointer-events:none;position:absolute;top:-200%;left:130%;max-height:60vh;max-width:40vw;background:teal;border-radius:24px;transform-origin:center center;transform-style:preserve-3d;transform:scale(0.8) translateY(5rem) translateZ(100px);opacity:0;filter:blur(50px) grayscale(1);transition:all 300ms linear(0, 0.008 1.1%, 0.034 2.3%, 0.134 4.9%, 0.264 7.3%, 0.683 14.3%, 0.797 16.5%, 0.89 18.6%, 0.967 20.7%, 1.027 22.8%, 1.073 25%, 1.104 27.3%, 1.123 30.6%, 1.119 34.3%, 1.018 49.5%, 0.988 58.6%, 0.985 65.2%, 1 84.5%, 1)}.list_item:hover .hover_preview{transform:scale(1) translateY(0);opacity:1;filter:blur(0) grayscale(0)}#feature_works{--shadow-color: rgba(43, 57, 66, 0.12);--accent: var(--ink_1);display:flex;gap:0px;width:auto;justify-content:center;padding:2rem 0;transition:all var(--spring-duration) var(--spring-easing);--spring-easing: linear( 0, 0, 0.01, 0.03, 0.08, 0.14 4%, 0.28 7%, 0.72 13%, 0.84, 0.94, 1.02, 1.08, 1.12, 1.15, 1.16 26% 28%, 1.15, 1.13 33%, 1.05 40%, 1.02, 1, 0.99, 0.98, 0.98, 0.97 54% 57%, 1 70% 100% );--spring-duration: 600ms}#feature_works .ghostCard{display:none}#feature_works a{display:flex;flex-direction:column;align-items:center;gap:20px;text-decoration:none;color:var(--ink_1)}#feature_works a img{box-sizing:border-box;min-width:250px;min-height:320px;height:100%;background-color:teal;will-change:transform;transform-origin:center center;transition:all var(--spring-duration) var(--spring-easing);border-radius:16px;box-shadow:0px 16px 20px -8px var(--shadow-color),0px 32px 32px -12px var(--shadow-color)}#feature_works a p{text-wrap:nowrap;padding:.75rem 1.5rem;border-radius:999px;background:rgba(0,0,0,0)}#feature_works a:hover img{outline:4px solid var(--accent)}#feature_works a:hover p{background:var(--ink_3)}#feature_works a:nth-child(odd) img{transform:rotate(-6deg);margin:0 -30px}#feature_works a:nth-child(even) img{transform:translateY(-10px) rotate(4deg);margin:0 -30px}@media(max-width: 800px){#feature_works{display:flex;justify-content:start;gap:20px;overflow-x:auto;overscroll-behavior:contain;scroll-snap-type:x mandatory;margin:-2rem}#feature_works:hover{gap:20px}#feature_works .ghostCard{display:block;min-width:2rem;scroll-snap-align:start}#feature_works a{scroll-snap-align:center}#feature_works a p{margin:0}#feature_works a:nth-child(odd) img{transform:rotate(0deg);margin:0}#feature_works a:nth-child(even) img{transform:translateY(0) rotate(0deg);margin:0}}#feature_works:hover{gap:30px}#feature_works:hover a:nth-child(odd) img{transform:rotate(0deg);margin:0 0;animation-delay:100ms}#feature_works:hover a:nth-child(even) img{transform:rotate(0deg);margin:0 0;animation-delay:100ms}@keyframes fadeIn{from{transform:scale(0)}to{transform:scale(1)}}.animate-in{animation:fadeIn .6s ease-out forwards}#feature_works a:nth-child(1){animation-delay:.1s}#feature_works a:nth-child(2){animation-delay:.2s}#feature_works a:nth-child(3){animation-delay:.3s}#feature_works a:nth-child(4){animation-delay:.4s}.link_list{display:flex;gap:.5rem;padding:0}.link_list li{list-style:none}.link_btn{all:unset;min-height:44px;padding:0 1.5rem;border-radius:999px;color:var(--ink_inverse);background:var(--ink_1);cursor:pointer;letter-spacing:.25px;display:grid;place-content:center}.link_btn a{text-decoration:none;color:currentColor;text-box-trim:trim-both}.secondary{color:var(--ink_1);background:var(--ink_inverse)}.work_list .list_item{display:grid;grid-template-columns:auto 2fr 1fr;gap:1.5rem;align-items:center;justify-content:space-between;padding:.5rem 1rem}.work_list .list_item span{font-style:italic;color:var(--ink_2)}.work_list .list_item .date{text-align:right}.work_list .list_item .icon{width:40px;aspect-ratio:1;border:none}p{color:var(--ink_1)}/*# sourceMappingURL=styles.css.map */