@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Jacquard+12+Charted&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Jersey+10+Charted&display=swap";@import"https://fonts.googleapis.com/css?family=Montserrat:400,700";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.cont{width:100%}svg{width:100%;height:100%}.nameBox{width:min(85vw,700px);height:clamp(80px,20vh,180px);display:flex;align-items:center;justify-content:center}.nameBox.doodle{height:auto;margin-bottom:.5rem}.nameBox.doodle svg{height:auto;max-height:clamp(80px,20vh,180px)}.path{stroke-dasharray:1000;stroke-dashoffset:1000;width:fit-content;animation-timing-function:linear;animation-play-state:running;animation-duration:8s;animation-fill-mode:both;animation-iteration-count:infinite;animation-direction:alternate;animation-name:draw}.letter-h .path{animation-delay:2s}@keyframes draw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:700}}.linkBoxText{font-size:clamp(1rem,3vw,1.5rem);color:#000;line-height:2.2;letter-spacing:1.7px;text-decoration:none}button{transition-duration:.4s;text-decoration:none;border:none;background-color:transparent;font-family:"Noto Serif",serif;cursor:pointer;padding:4px 12px;border-radius:4px}button:hover{background-color:#3b4340;color:#fff}a{text-decoration:none}.doodle{color:#000}.doodle svg{display:block;width:100%;height:100%;overflow:visible}.doodlePath{stroke-dasharray:1 2;stroke-dashoffset:1.1}.backgroundDoodles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.backgroundDoodles .doodle{position:absolute;opacity:.18}.floating{transform:rotate(var(--rotate, 0deg));animation:doodleFloat 9s ease-in-out infinite;animation-delay:var(--float-delay, 0s)}@keyframes doodleFloat{0%,to{transform:translate(0) rotate(var(--rotate, 0deg))}50%{transform:translate(6px,-12px) rotate(calc(var(--rotate, 0deg) + 6deg))}}@media (max-width: 600px){.hideOnMobile{display:none}}@media (prefers-reduced-motion: reduce){.doodlePath{stroke-dashoffset:0}.floating{animation:none}}.landingPage{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;min-height:calc(100vh - clamp(56px,12vh,80px));padding:2rem 1rem;width:100%}h3{font-size:clamp(1rem,3vw,1.5rem);margin:.5rem 0}.topBox{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center}.bottomBox{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.linkBox{display:flex;flex-direction:column;gap:10px}img{max-width:100%;height:auto}.portrait{height:clamp(150px,30vh,280px);width:clamp(150px,30vh,280px);object-fit:cover}.landscape{height:30px;width:80px}.square{height:75px;width:75px}.shay{border-radius:50%}.landingPage{position:relative}.topBox,.bottomBox{position:relative;z-index:1}.landingSmiley{width:clamp(60px,10vw,90px);height:clamp(60px,10vw,90px);margin-top:1rem}*,*:before,*:after{box-sizing:border-box}body{font-family:"Noto Serif",serif;margin:0;overflow-x:hidden}.App{min-height:100vh}.currentPage{padding-top:clamp(56px,12vh,80px);min-height:calc(100vh - clamp(56px,12vh,80px))}.Header{height:12vh;min-height:56px;max-height:80px;width:100%;background-color:#555;position:fixed;top:0;left:0;z-index:100;display:flex;align-items:center;box-sizing:border-box}.hamburger-icon{position:relative;height:44px;width:44px;min-width:44px;margin-left:clamp(12px,3%,32px);z-index:1001;cursor:pointer;border-radius:50%;background:transparent;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s ease-in-out;flex-shrink:0;padding:0}.hamburger-icon:hover{transform:scale(1.2)}.icon-1,.icon-2,.icon-3{position:absolute;width:26px;height:3px;background-color:#fff;border-radius:2px;transition:all .4s cubic-bezier(.84,.06,.52,1.8)}.icon-1{transform:translateY(-8px)}.icon-3{transform:translateY(8px)}.icon-1.a{transform:rotate(40deg)}.icon-3.b{transform:rotate(-40deg)}.icon-2.c{opacity:0;transform:translate(10px)}.navBox{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#7c7f82;z-index:999;opacity:0;visibility:hidden;pointer-events:none;display:flex;justify-content:center;align-items:center;transition:opacity .35s ease,visibility .35s ease}.navBox.show{opacity:1;visibility:visible;pointer-events:all}.linkList{list-style:none;padding:0;margin:0;text-align:center;display:flex;flex-direction:column;gap:clamp(8px,2vh,20px)}.linkList li{text-transform:uppercase;letter-spacing:1.7px}.linkList li button{font-size:clamp(1.1rem,4vw,1.8rem);color:#fff;background:transparent;border:none;cursor:pointer;font-family:Montserrat,"Noto Serif",sans-serif;letter-spacing:1.7px;text-transform:uppercase;padding:8px 16px;transition:color .2s ease,background .2s ease;border-radius:4px}.linkList li button:hover{background-color:#ffffff26;color:#fff}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998}.Footer{position:relative;z-index:1;width:100%;background-color:#555;color:#eee;padding:1.25rem clamp(16px,4vw,48px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem 2rem;font-size:.9rem}.Footer p{margin:0}.footerContacts{display:flex;flex-wrap:wrap;gap:.5rem 2rem}.footerLabel{color:#bbb;margin-right:.5rem}.Footer a{color:#fff;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}.Footer a:hover,.Footer a:focus-visible{border-bottom-color:#fff}.footerCopyright{color:#bbb}@media (max-width: 600px){.Footer{flex-direction:column;align-items:flex-start}.footerContacts{flex-direction:column}}.carousel{position:relative;display:flex;justify-content:center;align-items:center;width:min(70vw,800px);max-height:40vh;margin-bottom:5vh;margin-top:4vh}.slide{border-radius:.5rem;flex-shrink:0;box-shadow:0 0 7px #666;max-width:100%;max-height:40vh;width:auto;height:auto;object-fit:contain}.slide-hidden{display:none}.arrow:hover{cursor:pointer;color:#000}.arrow{position:absolute;width:2rem;height:2rem;color:#a4a0a0;filter:drop-shadow(0px 0px 5px #555);transition:.3s}.arrow-left{left:.5rem}.arrow-right{right:.5rem}.indicators{display:flex;position:absolute;bottom:1rem}.indicator{background-color:#fff;height:.5rem;width:.5rem;border-radius:100%;border:none;outline:none;box-shadow:0 0 5px #555;margin:0 .2rem;cursor:pointer}.indicator-inactive{background-color:gray}@media (max-width: 768px){.carousel{width:min(92vw,800px);max-height:35vh}.slide{max-height:35vh}}.aboutPageBox{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem 1rem 4rem;width:100%}.aboutHeader{font-size:clamp(1.4rem,4vw,2rem);text-align:center;margin-bottom:1rem}.paragraph{display:flex;flex-direction:column;justify-content:center;align-items:center;width:min(90vw,720px)}.paragraph-me{width:100%;text-align:left;line-height:1.7;font-size:clamp(.95rem,2vw,1.1rem)}.projectsPageBox{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#e0e1dd;min-height:100vh;padding:1rem 1rem 4rem;width:100%}.projectsHeader{font-size:clamp(2rem,6vw,4em);margin-bottom:.25rem;text-align:center}.projectsSubhead{font-size:clamp(.85rem,2vw,1rem);color:#888;letter-spacing:2px;text-transform:uppercase;margin-top:0;margin-bottom:2.5rem;font-family:Montserrat,sans-serif}.projectsBox{display:flex;flex-direction:column;gap:5vh;width:100%;max-width:960px}.project{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background-color:#1b263b;border:2px solid green;padding-bottom:2vh;border-radius:4px;color:#e0e1dd;font-weight:550;font-size:clamp(13px,1.5vw,16px)}.descAndImages{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.projectDesc{width:90%;border:2px solid black;padding:.5rem}.projectImages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4vw;padding:1rem}.projectImage{width:clamp(120px,20vw,280px);height:auto;border-radius:5%}.projectImage:hover{cursor:pointer}.modal{display:none;position:fixed;z-index:200;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3}.modal-content{margin:auto;text-align:center}#modal-image{display:inline-block;width:min(75vw,900px);height:auto}.close{color:#e0e1dd;display:block;font-size:40px;font-weight:700}.close:hover,.close:focus{text-decoration:none;cursor:pointer}ul{list-style:none;align-self:center;padding:0}li{color:#e0e1dd;text-decoration:none}a:visited{color:#e0e1dd}a:hover{color:#000}.collaboratorsBox{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid purple}.tl-wrapper{position:relative;max-width:1000px;width:100%;margin:0 auto;padding:1rem 1rem 5rem}.tl-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,transparent,#1B263B 6%,#1B263B 94%,transparent);transform:translate(-50%);pointer-events:none}.tl-item{display:flex;align-items:flex-start;margin-bottom:2.5rem}.tl-spacer{flex:1}.tl-mid{width:60px;flex-shrink:0;display:flex;justify-content:center;align-items:flex-start;padding-top:22px;position:relative;z-index:1}.tl-dot{width:18px;height:18px;border-radius:50%;border:3px solid #e0e1dd;flex-shrink:0}@keyframes pulse-ring{0%{box-shadow:0 0 #1b263b73}70%{box-shadow:0 0 0 12px #1b263b00}to{box-shadow:0 0 #1b263b00}}.tl-dot-pulse{animation:pulse-ring 2.2s ease-out infinite}.tl-card{flex:1;background:#fff;border-radius:10px;padding:1.4rem 1.6rem;border-top:4px solid;box-shadow:0 3px 16px #00000014;cursor:default;will-change:transform}.tl-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;flex-wrap:wrap}.tl-badge{display:inline-flex;align-items:center;gap:5px;color:#fff;font-size:.62rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:4px;font-family:Montserrat,sans-serif}.tl-period{font-size:.78rem;color:#999;font-weight:600;letter-spacing:.3px}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.tl-current{font-size:.62rem;color:#2d6a4f;font-weight:800;letter-spacing:1.2px;animation:blink 2.2s ease-in-out infinite}.tl-title{margin:0 0 .2rem;font-size:clamp(.95rem,2vw,1.15rem);color:#1b263b;font-family:"Noto Serif",serif;font-weight:700;line-height:1.3}.tl-org{margin:0 0 .8rem;font-size:.8rem;color:#aaa;font-style:italic}.tl-desc{margin:0 0 1rem;font-size:clamp(.8rem,1.4vw,.9rem);line-height:1.65;color:#555}.tl-tags{display:flex;flex-wrap:wrap;gap:5px}.tl-tag{font-size:.67rem;background:#f0f2f4;color:#1b263b;padding:3px 10px;border-radius:20px;font-weight:600;letter-spacing:.2px;border:1px solid #dde1e6;font-family:Montserrat,monospace}@media (max-width: 700px){.tl-line{left:18px;transform:none}.tl-item{margin-bottom:1.8rem}.tl-spacer{display:none}.tl-mid{width:38px;padding-top:18px}.tl-dot{width:14px;height:14px}.tl-card{flex:1;padding:1rem 1.1rem}.tl-right{flex-direction:row}.tl-right .tl-mid{order:1}.tl-right .tl-card{order:2}.tl-left{flex-direction:row}.tl-left .tl-card{order:2}.tl-left .tl-mid{order:1}}.contentContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 1rem 4rem;width:100%}.para{width:min(80%,760px);line-height:1.7;font-size:clamp(.95rem,2vw,1.1rem)}.link{text-decoration:underline}li{color:#000}li:not(:last-child){margin-bottom:10px}@media (max-width: 600px){.para{width:92%}}.doodlePad{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:1rem}.doodlePadHint{margin:0;font-size:.9rem;color:#555}.doodlePadRow{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;align-items:center}.doodlePadCanvas{width:min(90vw,400px);height:min(90vw,400px);background:#fff;border:2px dashed #999;border-radius:8px;touch-action:none;cursor:crosshair}.doodlePadPreview{width:150px;height:150px}.doodlePadControls{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.doodlePadControls input,.doodlePadControls button{font:inherit;padding:.4rem .8rem}.doodlePadOutput{width:min(90vw,700px);max-height:200px;overflow:auto;background:#222;color:#eee;padding:1rem;border-radius:8px;font-size:.75rem;white-space:pre-wrap;word-break:break-all}.doodlePadPen{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;justify-content:center}.doodlePadPen label{display:flex;align-items:center;gap:.5rem}.doodlePadWidth{width:2.5em;font-variant-numeric:tabular-nums}.doodlePadSwatches{display:flex;align-items:center;gap:.4rem}.doodlePadSwatch{width:26px;height:26px;border-radius:50%;border:2px solid white;outline:2px solid transparent;padding:0;cursor:pointer}.doodlePadSwatch.selected{outline-color:#333}.doodlePadSwatches input[type=color]{width:32px;height:30px;padding:0;border:none;background:none;cursor:pointer}.doodlePadPenPreview{width:60px;height:30px}.doodlePadCanvas.wide{width:min(95vw,900px);height:auto;aspect-ratio:3 / 1}.doodlePadPreview.wide{width:300px;height:100px}.doodlePadShapes{display:flex;gap:.25rem}.doodlePadShapes button{font:inherit;padding:.25rem .6rem;border:1px solid #999;border-radius:4px;background:#fff;cursor:pointer}.doodlePadShapes button.selected{background:#333;color:#fff;border-color:#333}.doodlePadShapes button:disabled:not(.selected){opacity:.4;cursor:not-allowed}