@font-face{font-family:PS_regular;src:url(/Ps_handwritten-Regular.otf) format("truetype");font-weight:400;font-style:normal}:root{--primary: #be4b2a;--primary-darker: #883826;--secondary: #5D8B8B;--tertiary: #361E1C;--quaternary: var(--primary);--background: #fcf6ef;--background-dark: #1f1f1f;--surface: #EBECDC;--surface-dark: #2a2a2a;--forest-haze: #4A6D56;--forest-dark: rgba(67, 95, 77, .8);--moss-whisper: #98a789;--sandy-dunes: #efe7dd;--yellow: #c5a148;--neutral-light: #f5f5f5;--text: #110a0a;--text-dark: #2d2926;--bg-paper: #fcf6ee;--gradient: linear-gradient(45deg, var(--background), var(--background-dark));--font-serif: "Instrument Serif", serif;--grid-width: calc(1200px + 2 * var(--grid-gap));--page-padding: 50px;--grid-gap: 20px;--grid-columns: 12;--offset-left: calc(50vw - (var(--grid-width) / 2) + 20px);--offset-right: var(--offset-left);--col-width: calc(calc(var(--grid-width) - var(--page-padding) * 2 - calc(var(--grid-columns) - 1) * var(--grid-gap)) / var(--grid-columns) * 2 + 1 * var(--grid-gap));--sans-font: "OGcourier", Courier, "Liberation Mono", "Nimbus Mono L", monospace;--serif-font: var(--font-serif);--mono-font: "OGcourier", Courier, "Liberation Mono", "Nimbus Mono L", monospace;--mono-font-bold: "OGcourier-Bold", Courier, "Liberation Mono", "Nimbus Mono L", monospace;--standard-border-radius: 8px;--border-width: 1px;--bg: var(--background);--bg-nav: rgba(252, 246, 239, 1);--bg-highlight: #423e3b;--accent-bg: var(--sandy-dunes);--text-light: var(--forest-haze);--border: var(--secondary);--accent: var(--quaternary);--accent-hover: var(--primary);--accent-text: var(--bg);--code: var(--quaternary);--preformatted: var(--forest-haze);--marked: var(--primary);--disabled: var(--surface);--dl-l: .97;--dl-c: .01;--dl-h: 75;--dl-text-l: .2}:root.daylight-mode{--bg: oklch(var(--dl-l) var(--dl-c) var(--dl-h));--text: oklch(var(--dl-text-l) var(--dl-c) var(--dl-h));--accent-bg: oklch(calc(var(--dl-l) * .95) var(--dl-c) var(--dl-h));--surface: oklch(calc(var(--dl-l) * .98) var(--dl-c) var(--dl-h));--border: oklch(calc(var(--dl-l) * .8) var(--dl-c) var(--dl-h))}@media(prefers-color-scheme:dark){:root:not(.light-mode){color-scheme:dark;--bg: var(--surface-dark);--accent-bg: var(--surface-dark);--surface: var(--surface-dark);--text: var(--background);--text-light: var(--secondary);--border: #4a4a4a;--accent: var(--primary);--accent-hover: var(--quaternary);--accent-text: var(--bg);--code: var(--primary);--preformatted: var(--secondary);--disabled: #2b2b2b;--text-dark: #fcf6ee;--bg-paper: #1a1a1a}}:root.dark-mode{color-scheme:dark;--bg: var(--surface-dark);--accent-bg: var(--surface-dark);--surface: var(--surface-dark);--text: var(--background);--text-light: var(--secondary);--border: #4a4a4a;--accent: var(--primary);--accent-hover: var(--quaternary);--accent-text: var(--bg);--code: var(--primary);--preformatted: var(--secondary);--disabled: #2b2b2b;--text-dark: #fcf6ee;--bg-paper: #1a1a1a;--bg-highlight: #423e3b}:root.light-mode{color-scheme:light;--bg: var(--background);--accent-bg: var(--background-dark);--text: #110a0a;--text-light: var(--forest-haze);--accent: var(--quaternary);--accent-hover: var(--primary);--accent-text: var(--bg);--text-dark: #2d2926;--bg-paper: #fcf6ee;--bg-highlight: #ece6dc}*,*:before,*:after{box-sizing:border-box}textarea,select,input,progress{appearance:none;-webkit-appearance:none;-moz-appearance:none}html{font-family:var(--sans-font);scroll-behavior:smooth;margin:0;padding:0}body{color:var(--text);background-color:var(--bg);font-size:1.15rem;line-height:1.5;display:grid;grid-template-columns:1fr min(45rem,90%) 1fr;margin:0;padding:0}body>*{grid-column:2}body>header{background-color:var(--accent-bg);border-bottom:var(--border-width) solid var(--border);text-align:center;padding:0 .5rem 2rem;grid-column:1/-1}body>header>*:only-child{margin-block-start:2rem}body>header h1{max-width:1200px;margin:1rem auto}body>header p{max-width:40rem;margin:1rem auto}main{padding-top:1.5rem}body>footer{margin-top:4rem;padding:2rem 1rem 1.5rem;color:var(--text-light);font-size:.9rem;text-align:center}h1{font-size:3rem}h2{font-size:2.6rem;margin-top:3rem}h3{font-size:2rem;margin-top:3rem}h4{font-size:1.44rem}h5{font-size:1.15rem}h6{font-size:.96rem}p{margin:1.5rem 0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3{line-height:1.1}@media screen and (max-width:720px){h1{font-size:2.5rem}h2{font-size:2.1rem}h3{font-size:1.75rem}h4{font-size:1.25rem}}a,a:visited{color:var(--text);text-decoration:none;position:relative;padding-bottom:2px;transition:color .25s ease-out}a:not(.button):not(.project-card):not(.bmc-button):not(.logo):after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:0;left:0;background-color:var(--quaternary);transform-origin:bottom right;transition:transform .25s ease-out}a:not(.button):not(.project-card):not(.bmc-button):not(.logo):hover{color:var(--quaternary)}a:not(.button):not(.project-card):not(.bmc-button):not(.logo):hover:after{transform:scaleX(1);transform-origin:bottom left}a.link{color:var(--quaternary);text-decoration:none;border-bottom:1px solid var(--quaternary)}.button,a.button,input[type=submit],input[type=reset],input[type=button]{background-color:var(--quaternary);color:#fff!important;font-weight:700;border:none;padding:12px 24px;font-family:var(--sans-font);font-size:1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000001a;display:inline-block;line-height:normal;text-decoration:none}.button[aria-disabled=true],input:disabled,textarea:disabled,select:disabled,button[disabled]{cursor:not-allowed;background-color:var(--disabled);border-color:var(--disabled);color:var(--text-light)}.button:not([aria-disabled=true]):hover,input[type=submit]:enabled:hover,input[type=button]:enabled:hover{transform:translateY(-2px);box-shadow:0 5px 15px #c443244d;background-color:var(--quaternary)}button:active,.button:active,input[type=submit]:active,input[type=button]:active{transform:translateY(0)}header nav{font-size:1rem;line-height:2}header nav ul,header nav ol{align-content:space-around;align-items:center;display:flex;justify-content:center;list-style-type:none;margin:0;padding:0;flex-wrap:wrap}header nav a,header nav a:visited{color:var(--text);text-decoration:none}aside,details,pre,progress{background-color:var(--accent-bg);border:var(--border-width) solid var(--border);border-radius:var(--standard-border-radius);margin-bottom:1rem}aside{font-size:1rem;width:30%;padding:0 15px;margin-inline-start:15px;float:right}@media screen and (max-width:720px){aside{width:100%;float:none;margin-inline-start:0}}article,fieldset,dialog{border:var(--border-width) solid var(--border);padding:1rem;border-radius:var(--standard-border-radius);margin-bottom:1rem}section{padding:2rem 1rem;margin:3rem 0}::selection{background-color:var(--quaternary);color:var(--background)}h2{font-family:var(--font-serif);font-size:4rem;margin:50px 0;font-weight:400}.handwritten,.whatif_intro{font-family:PS_Regular,sans-serif;font-size:3rem;font-weight:400;font-style:italic;color:var(--text);letter-spacing:-4px}.whatif-container{padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:100%;margin:0}.whatif-quote-block{position:relative;max-width:880px;margin-bottom:0}.whatif_intro{font-family:PS_regular,sans-serif;font-size:3.8rem;line-height:1.1;color:var(--text-dark);font-style:italic;text-align:center;opacity:1!important;font-weight:400;margin:0;padding:0;max-width:none}.quote-mark{position:absolute;font-family:"Instrument Serif",serif;font-size:8rem;color:var(--quaternary);color:var(--text);opacity:.15;line-height:1;pointer-events:none}.quote-mark.open{top:-40px;left:-20px}.quote-mark.close{bottom:-80px;right:-20px}strong{font-weight:700}.disclaimer{font-size:1rem;font-style:italic;color:var(--text);opacity:.8;margin-top:80px}@media(max-width:768px){.whatif_intro{font-size:2.5rem}.quote-mark{font-size:5rem}.quote-mark.open{top:-40px;left:0}.quote-mark.close{bottom:-60px;right:0}}.giant-title{position:fixed;top:200px;left:50%;transform:translate(-50%,-50%);z-index:1;margin:0;pointer-events:none;animation:title-fade linear both;animation-timeline:scroll();animation-range:0px 200px}@media(max-width:1024px){.giant-title{top:150px}}@keyframes title-fade{0%{opacity:.95;filter:blur(0px)}to{opacity:.03;filter:blur(5px)}}@keyframes pre-play-hide{0%{transform:scale(1);opacity:1}30%{transform:scale(.7)}to{transform:scale(1.5);opacity:0}}@keyframes appear{to{opacity:1}}@keyframes bounce{0%{bottom:0}50%{bottom:20px}to{bottom:0}}@keyframes nav-slide-in{to{transform:translate(-50%) translateY(0)}}@keyframes toggle-slide{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes active-to-inactive{0%{color:#000;font-weight:600}to{color:#666;font-weight:500}}@keyframes inactive-to-active{0%{color:#666;font-weight:500}to{color:#000;font-weight:600}}@keyframes grow{0%{opacity:.5}to{opacity:1}}@keyframes rise{0%{transform:translateY(5vh)}to{transform:translateY(0)}}@keyframes wipe{to{mask-position:0 0}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes spin-rotate{0%{transform:rotate(-37.86deg)}to{transform:rotate(2180deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes logoSnapReveal{0%{opacity:0;filter:blur(10px) brightness(2);transform:scale(.9) translateY(20px)}to{opacity:1;filter:blur(0px) brightness(1);transform:scale(1) translateY(0)}}@keyframes card-stack{to{transform:scale(.9) translateY(-5vh);filter:brightness(.6)}}@keyframes sketch-reveal{0%{opacity:0;mask-position:0% 0%}10%{opacity:1}to{opacity:1;mask-position:100% 100%}}@keyframes sketch-reveal-left{0%{opacity:0;mask-position:100% 0%}10%{opacity:1}to{opacity:1;mask-position:0% 100%}}@keyframes snap-text-hide{0%,to{opacity:1}20%,80%{opacity:0}}@keyframes snap-slice-top{0%{clip-path:inset(0 0 100% 0);transform:translate(5px,-5px)}20%{clip-path:inset(0 0 40% 0);transform:translate(-8px,5px)}40%{clip-path:inset(0 0 60% 0);transform:translate(10px,-2px)}60%{clip-path:inset(0 0 20% 0);transform:translate(-5px,10px)}80%{clip-path:inset(0 0 80% 0);transform:translate(2px,-8px)}to{clip-path:inset(0 0 100% 0);transform:translate(0)}}@keyframes snap-slice-bottom{0%{clip-path:inset(100% 0 0 0);transform:translate(-5px,5px)}20%{clip-path:inset(40% 0 0 0);transform:translate(8px,-5px)}40%{clip-path:inset(60% 0 0 0);transform:translate(-10px,2px)}60%{clip-path:inset(20% 0 0 0);transform:translate(5px,-10px)}80%{clip-path:inset(80% 0 0 0);transform:translate(-2px,8px)}to{clip-path:inset(100% 0 0 0);transform:translate(0)}}@keyframes rgb-shake{0%{text-shadow:-2px -2px 0 #00ADB5,2px 2px 0 var(--primary)}25%{text-shadow:2px 2px 0 #00ADB5,-2px -2px 0 var(--primary)}50%{text-shadow:-2px 2px 0 #00ADB5,2px -2px 0 var(--primary)}75%{text-shadow:2px -2px 0 #00ADB5,-2px 2px 0 var(--primary)}to{text-shadow:-2px -2px 0 #00ADB5,2px 2px 0 var(--primary)}}@keyframes slice-top{0%{clip-path:inset(0 0 60% 0);transform:translate(-2px)}10%{clip-path:inset(20% 0 30% 0);transform:translate(2px)}30%{clip-path:inset(10% 0 70% 0);transform:translate(2px)}50%{clip-path:inset(80% 0 5% 0);transform:translate(2px)}70%{clip-path:inset(10% 0 80% 0);transform:translate(2px)}to{clip-path:inset(60% 0 0 0);transform:translate(-2px)}}@keyframes slice-bottom{0%{clip-path:inset(60% 0 0 0);transform:translate(2px)}20%{clip-path:inset(80% 0 10% 0);transform:translate(2px)}40%{clip-path:inset(70% 0 0 0);transform:translate(2px)}60%{clip-path:inset(10% 0 60% 0);transform:translate(2px)}80%{clip-path:inset(0 0 70% 0);transform:translate(2px)}to{clip-path:inset(80% 0 0 0);transform:translate(2px)}}@keyframes glitch-idle{0%,96%,to{transform:translate(0);text-shadow:none}97%{transform:translate(-2px) skew(2deg);text-shadow:2px 0 rgba(255,0,0,.5)}98%{transform:translate(2px) skew(-2deg);text-shadow:-2px 0 rgba(0,255,255,.5)}99%{transform:translate(0) skew(0);text-shadow:none}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes offsetDistance{to{offset-distance:100%}}@property --position{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.article-nav{list-style:none;padding:0;margin:0;display:flex;position:relative;z-index:2;width:100%}.article-nav li{margin:0;flex:1}.article-nav a{text-decoration:none;color:#666;font-weight:500;font-size:.95rem;padding:12px 0;display:flex;justify-content:center;align-items:center;transition:color .3s ease;position:relative;text-transform:capitalize}.article-nav a:hover{color:#333}.article-nav a[href="#projects"]{color:#000;font-weight:600;animation:active-to-inactive linear both;animation-timeline:--about-timeline;animation-range:entry 10% entry 80%}.article-nav a[href="#about"]{color:#666;font-weight:500;animation:inactive-to-active linear both;animation-timeline:--about-timeline;animation-range:entry 10% entry 80%}.project-card{display:inline-flex;flex-direction:column;flex-shrink:0;position:relative;text-decoration:none;color:inherit;perspective:1000px;background:transparent!important;transition:transform .65s cubic-bezier(.23,1,.32,1),filter .65s cubic-bezier(.23,1,.32,1);will-change:transform,filter;z-index:1}.project-card:hover{transform:scale(1.025);z-index:2}.project-card.flipped .project-card-inner{transform:rotateY(180deg)}.project-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d;border-radius:12px;box-shadow:0 4px 6px #0000001a}.project-card:hover .project-card-inner{box-shadow:0 15px 17px #0003}.project-card-front,.project-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.project-card-front{z-index:2;transform:rotateY(0)}.project-card-front img,.project-card-front .image-placeholder{object-fit:contain;display:block;width:100%;height:100%;mix-blend-mode:screen;border-radius:6px;margin-top:0;font-size:10rem;text-align:center}.project-card-front .image-placeholder{display:flex;align-items:center;justify-content:center;margin-bottom:0;filter:grayscale(1)}.project-card-front .project-card-content{position:relative;background:transparent!important;width:100%;height:auto;padding:0;opacity:1;margin-top:auto;display:flex;flex-direction:column;color:var(--background)}.project-card-front h3{font-family:"Instrument Serif",serif;font-size:2rem;margin-bottom:5px;margin-top:10px;font-weight:400;text-align:left}.project-card-front .role{font-family:var(--sans-font);font-size:.9rem;font-style:italic;margin:0;text-align:left;font-weight:400;opacity:1;white-space:normal;overflow-wrap:break-word;word-wrap:break-word;max-width:100%;line-height:1.3}.project-card-front:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.5);border-radius:8px;pointer-events:none}.project-card-back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.project-card-back .back-content{text-align:center;color:var(--background);padding:20px}.project-card-back .back-content h3{font-family:"Instrument Serif",serif;font-size:2.5rem;margin:0}.project-card-back .back-content p{font-family:var(--sans-font);margin-top:15px;font-size:1rem;opacity:.8}.project-card-back:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.5);border-radius:8px;pointer-events:none}.card-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.card-tags span{border:1px solid currentColor;border-radius:20px;padding:4px 10px;font-size:.8rem;text-transform:uppercase;font-weight:700;letter-spacing:1px}.card-date{position:absolute;top:24px;right:24px;font-family:inherit;font-size:.9rem;font-weight:700;opacity:1;letter-spacing:1px;z-index:10;color:var(--background)}.project-card .expand-icon{position:absolute;top:18px;right:24px;width:18px;height:18px;z-index:10}.project-card .expand-icon path{fill:currentColor}.project-card.coming-soon{cursor:pointer}.project-card.placeholder{perspective:none;background:transparent!important;cursor:default}.project-card.placeholder .project-card-inner{box-shadow:none;background:transparent!important;pointer-events:none}.project-card.placeholder .project-card-front{background:#00000012!important;border:2px dashed var(--text);box-shadow:none;color:var(--text)!important;opacity:.3;display:flex;align-items:center;justify-content:center}.project-card.placeholder .project-card-front:after{display:none}.project-card.placeholder .project-card-front .project-card-content{text-align:center;position:static;padding:0;background:transparent!important;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text)!important}.project-card.placeholder .project-card-front .project-card-content h3{font-size:5rem;margin:0;opacity:.5;text-align:center}.project-card.placeholder .project-card-front .project-card-content .role{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin:0;font-style:normal;text-align:center}.project-card.placeholder:hover{transform:none}.project-card.placeholder:hover .project-card-inner{box-shadow:none}.project-card{padding:0!important;width:353.6067892504px;height:500px;scroll-snap-align:center}@media(min-width:1025px){.project-card:last-of-type{margin-right:50px}}@media(max-width:1024px){.project-card{min-height:480px;min-width:0}.project-card .project-card-front img{height:auto;max-height:50%;width:100%;object-fit:contain}}.project-card .project-card-front,.project-card .project-card-back{padding:30px}.project-card img{height:250px;max-height:300px;margin-top:20px}.project-card h3{font-size:2.5rem}.project-card.placeholder:first-of-type{margin-left:-50px}@media(max-width:1024px){.project-card.placeholder:first-of-type{margin-left:0}}html,body{timeline-scope:--about-timeline,--hero-logo-timeline}html{scroll-snap-type:none}body{background:var(--bg);font-size:1.125rem;padding:0;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 50px)}.scroll-container{margin:0 auto 370px;padding-bottom:0;padding-top:100px;background:var(--bg);width:100vw;max-width:100vw;z-index:1;border-radius:0 0 25px 25px;position:relative;background-image:url(/natural-paper.png)}:root.dark-mode .scroll-container{background-image:none}section{scroll-snap-align:center;min-height:calc(100vh - 100px)}.nav_logo{position:relative;z-index:101;opacity:0;animation:appear .8s ease-out forwards;animation-delay:4s}.homepage nav{animation:appear .8s ease-out forwards;animation-delay:4s;opacity:0}.nav_logo.is-visible,.homepage nav.is-visible{opacity:1!important;animation:none!important}.nav_logo .logo{box-sizing:content-box;z-index:100;position:fixed;top:15px;left:15px;background:var(--bg);opacity:.8;padding:45px;border-radius:50%;height:50px;width:50px;overflow:visible;cursor:pointer;transition:all .5s ease;border:5px solid transparent}.nav_logo .logo path{fill:var(--text)}.nav_logo:hover .logo{transform:rotate(-20deg);scale:1.05}.nav_logo .text{box-sizing:content-box;z-index:100;position:fixed;top:30px;left:30px;width:120px;height:120px;transition:all 1.3s ease;animation:spin-rotate linear;animation-timeline:scroll();animation-range:entry 0 cover 100%;transform-origin:center;fill:var(--text)}.hero{min-height:100vh;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:0 auto;padding:0 50px;max-width:1200px}.hero:last-of-type{scroll-snap-align:start;padding-top:0!important}@media(min-width:768px){.hero:last-of-type{height:calc(100vh - 370px);min-height:calc(100vh - 370px)}}.hero_intro.famous_ideas{z-index:1;scroll-snap-align:start;scroll-snap-stop:always;position:relative;height:100vh;padding:0 40px;margin-top:-100px}.hero_intro .arrow_down{font-size:2rem;position:absolute;bottom:0;text-decoration:none!important;opacity:0;animation:bounce 5s infinite,appear .5s 3.5s normal both;color:var(--text);width:40px;height:40px}.hero_intro .arrow_down:after{content:none!important}.huge{text-align:center;width:100%;max-width:870px}.newtype{color:var(--text);font-size:2rem;font-weight:400;white-space:pre-line;display:inline;position:relative;line-height:1.4;mask-image:linear-gradient(to right,white 50%,transparent 50%);mask-size:200% 100%;mask-position:100% 0;animation:wipe calc(var(--n) * .05s) steps(var(--n)) forwards}.newtype.payoff{visibility:hidden;animation:none}.newtype.payoff.is-visible{visibility:visible;animation:wipe calc(var(--n) * .05s) steps(var(--n)) forwards}.newtype:after{content:"";display:inline-block;width:2px;height:1em;background:var(--text);margin-left:4px;vertical-align:middle;animation:blinkCursor .8s infinite}.newtype.typing-complete:after{display:none}@keyframes scale{to{transform:scale(calc(1.1 - .1 * var(--reverse-index)))}}.famous_ideas-container{--card-height: 80vh;--card-margin: 20dvh;--card-top-offset: 20px;--numcards: 4;scroll-snap-align:start;scroll-snap-stop:always;max-width:1400px;margin:0 auto;width:100%;padding-bottom:calc(var(--numcards) * var(--card-top-offset));margin-bottom:var(--card-margin);view-timeline-name:--cards-element-scrolls-in-body;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(var(--numcards),var(--card-height));gap:var(--card-margin);box-sizing:border-box}.famous_ideas{--index0: calc(var(--index) - 1);--reverse-index: calc(var(--numcards) - var(--index0));--reverse-index0: calc(var(--reverse-index) - 1);position:sticky;top:0;padding-top:calc(var(--index) * var(--card-top-offset) + 50px);padding-top:50px;scroll-snap-align:start;scroll-snap-stop:always;height:auto;width:100%;margin:0;max-width:100vw;z-index:var(--index);background:transparent!important;border:none!important;box-shadow:none!important}.famous_ideas:nth-child(1) .famous_ideas_content{background:transparent;box-shadow:none;border:none;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.famous_ideas_content{background:var(--background);border-radius:25px;box-shadow:0 -10px 40px #0000000d;overflow:hidden;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(7,1fr);align-items:center;padding:0 100px;box-sizing:border-box;transform-origin:50% 0%;will-change:transform;--start-range: calc(var(--index0) / var(--numcards) * 100%);--end-range: calc((var(--index)) / var(--numcards) * 100%);animation:linear scale forwards;animation-timeline:--cards-element-scrolls-in-body;animation-range:exit-crossing var(--start-range) exit-crossing var(--end-range);height:var(--card-height)}.famous_ideas:nth-child(1){--index: 1}.famous_ideas:nth-child(2){--index: 2;padding-top:150px}.famous_ideas:nth-child(3){--index: 3;padding-top:200px}.famous_ideas:nth-child(4){--index: 4;padding-top:120px;scroll-snap-align:end}.famous_ideas .image{grid-column:5/13;grid-row:4/6;position:relative;z-index:1;view-timeline-name:--famous-ideas-image;view-timeline-axis:block;animation:cubic-bezier(0,0,.56,-.05) grow both;animation-timeline:--famous-ideas-image;animation-range:entry 0% contain 0%;aspect-ratio:1.414;width:100%;max-width:1000px;align-self:center;margin-bottom:0}.famous_ideas:nth-child(3) .image{grid-column:1/9;align-self:center}.famous_ideas .image img{position:absolute;bottom:0;right:0;width:100%;height:auto;transition:all 1s ease-in-out}.famous_ideas:nth-child(2) .image img{right:auto;left:0}.famous_ideas:nth-child(2) .image .image-sketch{-webkit-mask-image:linear-gradient(225deg,rgba(0,0,0,0) 40%,rgb(0,0,0) 60%);mask-image:linear-gradient(225deg,#0000 40%,#000 60%);-webkit-mask-position:100% 0%;mask-position:100% 0%}.famous_ideas.is-visible:nth-child(2) .image-sketch{animation:sketch-reveal-left 1.5s ease-out forwards .2s}.famous_ideas .image .image-sketch{opacity:0;transform:scale(.98);-webkit-mask-image:linear-gradient(135deg,rgba(0,0,0,0) 40%,rgb(0,0,0) 60%);mask-image:linear-gradient(135deg,#0000 40%,#000 60%);-webkit-mask-size:300% 300%;mask-size:300% 300%;-webkit-mask-position:0% 0%;mask-position:0% 0%;transition:transform 1s ease-out}.famous_ideas.is-visible .image-sketch{animation:sketch-reveal 1.5s ease-out forwards .2s}.famous_ideas .image:hover .image-sketch{opacity:1;transform:scale(1);filter:brightness(.95)}.famous_ideas .text{grid-column:1/13;grid-row:2;position:relative;z-index:2;font-family:"Instrument Serif",serif;font-size:clamp(3rem,6vw,8.5rem);line-height:1;margin:0 0 20px;view-timeline-name:--famous-ideas-text;view-timeline-axis:block;animation:ease-in rise both;animation-timeline:--famous-ideas-text;animation-range:entry 0% contain 0%;color:var(--quaternary);text-align:left;pointer-events:none;align-self:center;padding-top:0}.famous_ideas:nth-child(3) .text{text-align:right;align-self:center}.hero.projects{max-width:100vw;padding:0;align-items:flex-start}.hero.projects .content{margin:0 auto;padding:0;width:1200px;max-width:calc(100vw - 100px)}.hero.projects .content h2{margin:50px 0 0}.hero.projects .content p{max-width:780px;opacity:.7;font-style:italic;margin-bottom:0}.projects-gallery-container{width:100%;overflow-x:scroll;white-space:nowrap;scrollbar-width:none;padding-left:var(--offset-left);padding-right:var(--offset-right);padding-top:100px;padding-bottom:120px;display:flex;gap:32px;scroll-padding-inline-start:var(--offset-left);scroll-padding-inline-end:var(--offset-right)}.hero.about{padding:60px 40px;align-items:flex-start;view-timeline-name:--about-timeline;max-width:100vw;width:1280px}.hero.about h2{margin-top:0;margin-bottom:12px}.hero.about p{margin-right:200px;line-height:1.45}.redacted{background-color:var(--text);color:var(--text);padding:2px 0;font-family:PS_regular,cursive;cursor:help;transition:all .3s ease}.redacted:hover{background-color:transparent;color:var(--quaternary)}.buttons{display:flex;gap:20px;justify-content:center;align-items:center;align-self:flex-end;margin-top:40px;position:relative}.buttons:before{content:"";position:absolute;top:-45px;left:-120px;width:80px;height:80px;background-image:url(/images/arrows/to_bottom_right.svg);background-size:contain;background-repeat:no-repeat;pointer-events:none;transform:rotate(-5deg);transition:all .3s ease}:root.dark-mode .buttons:before{filter:invert(1)}#hero_logo{view-timeline-name:--hero-logo-timeline;view-timeline-axis:block}.final-logo-wrapper{opacity:0;transform:translateY(40px);animation:reveal linear both;animation-timeline:--logo-reveal;animation-range:entry 20% contain 40%;display:flex;justify-content:center;align-items:center;padding-right:4px;margin-bottom:50px;fill:#f1e9e1}.final-logo{width:140px;filter:drop-shadow(-1px -1px 0px rgba(163,145,128,.6)) drop-shadow(1px 1px 0px rgb(255,255,255));transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}@media(min-width:1025px)and (max-width:1300px){.projects-gallery-container{padding:60px 40px!important}}@media(max-width:1024px){html{scroll-snap-type:none}body{overflow-x:hidden;width:100%;margin:0;padding:0;max-width:100vw}section{margin:0 20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.nav_logo{zoom:.7}.huge{font-size:1.5rem}.hero_intro .huge{font-size:1.6rem;padding:0}.hero{padding:0 20px}.newtype{font-size:1.6rem}.famous_ideas_content{display:flex;flex-direction:column-reverse;padding:40px 50px;align-items:center;justify-content:center;width:100%;height:100%;background:var(--background);border:1px solid rgba(0,0,0,.05);border-radius:20px;box-shadow:0 -10px 40px #00000014;grid-template-columns:none;grid-template-rows:none}.projects-gallery-container{padding:60px 40px}.famous_ideas .image{grid-column:1/-1;grid-row:auto;width:100%;margin:-30px 0 0;align-self:center!important}.hero,.hero.about{padding:0 40px;margin-top:60px}.hero.projects .content{width:100%;max-width:100%;padding:0 40px}.hero.projects .content p,.hero.about p{font-size:1rem;margin-right:0}.project-card:first-of-type{margin-left:0}.main-footer{height:auto;padding:100px 40px 40px;position:relative;transform:none;left:0;width:100%;margin-top:-50px;flex-direction:column;gap:40px}.footer-column{align-items:center;text-align:center;gap:20px}.right-column{align-items:center;text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:40px}.left-column{align-items:center;text-align:center}.copyright{position:static;margin-top:20px;text-align:center}.scroll-container{margin:0!important;width:100vw!important;max-width:100vw!important;left:0!important;overflow-x:visible!important;padding-bottom:40px!important}}.glitch-effect{position:relative;white-space:nowrap;display:inline-flex;vertical-align:bottom}.glitch-effect:before,.glitch-effect:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;opacity:0;z-index:1}.glitch-effect:before{left:2px;text-shadow:-2px 0 var(--primary);clip-path:inset(0 0 0 0)}.glitch-effect:after{left:-2px;text-shadow:-2px 0 #00ADB5;clip-path:inset(0 0 0 0)}.glitch-effect:hover:before{opacity:1;color:transparent;text-shadow:-2px 0 var(--primary);animation:rgb-shake .4s infinite,slice-top 2s infinite linear alternate-reverse}.glitch-effect:hover:after{opacity:1;color:transparent;text-shadow:-2px 0 #00ADB5;animation:rgb-shake .4s infinite reverse,slice-bottom 3s infinite linear alternate-reverse}.glitch-effect span{display:inline-block;position:relative;z-index:2;transition:color .1s}.glitch-effect:hover span{color:transparent}.glitch-effect span:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:var(--text);opacity:0;white-space:nowrap}.glitch-effect:hover span:before{opacity:1}.glitch-effect{animation:glitch-idle 3s infinite}.dark-mode .projects-gallery .card .info-overlay h3,[data-theme=dark] .projects-gallery .card .info-overlay h3{color:#fff}.dark-mode .projects-gallery .card .info-overlay .tags span,[data-theme=dark] .projects-gallery .card .info-overlay .tags span{color:#fffc;background:#ffffff1a}.lab-interaction{display:flex;align-items:center;gap:40px;margin-top:30px}.lab-text{flex:2}.lab-3d-container{flex:1;height:250px;background:rgba(var(--primary-rgb, 200, 200, 200),.05);border-radius:20px;overflow:hidden;position:relative;border:1px solid rgba(var(--primary-rgb, 200, 200, 200),.1)}.lab-3d-container model-viewer{width:100%;height:100%;--poster-color: transparent}@media(max-width:768px){.lab-interaction{flex-direction:column;gap:20px}.lab-3d-container{width:100%;height:200px}}@media(max-width:768px){.projects-gallery-container{gap:16px!important}}