:root{--ocean-navy: #355070;--ocean-mauve: #6d597a;--ocean-rose: #b56576;--ocean-coral: #e56b6f;--ocean-peach: #eaac8b;--ink: #2c2c2c;--ink-soft: #444;--ink-faint: #666}@font-face{font-family:Neon;src:url(/fonts/Neon.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Overpass;src:url(/fonts/overpass/overpass-light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Overpass;src:url(/fonts/overpass/overpass-regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Overpass;src:url(/fonts/overpass/overpass-bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%;overflow:hidden}body{font-family:Overpass,sans-serif;font-weight:400;color:var(--ink);margin:0}#container1{height:100%;width:100%;overflow:hidden;position:relative;background:url(/images/textures/background.webp) no-repeat center center fixed;background-size:cover}#container2{position:absolute;inset:0;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}#container2::-webkit-scrollbar{display:none}#container1:before{content:"";position:fixed;inset:0;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.03) 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.03) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.03) 3px);opacity:.35;pointer-events:none;z-index:50}.navbar{position:sticky;top:0;width:100%;background:transparent;padding:1.25rem 2rem;z-index:100}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.nav-links{display:flex;gap:.5rem;align-items:center}.nav-tab{font-family:Overpass,sans-serif;font-weight:700;font-size:1.05rem;color:var(--ink);text-decoration:none;padding:1.1rem 3.2rem 1.1rem 1.4rem;background-position:center;background-repeat:no-repeat;background-size:100% 100%;text-transform:uppercase;letter-spacing:1px;display:inline-block;text-shadow:0 1px 0 rgba(255,255,255,.4);transition:transform .2s ease;transform-origin:center;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.nav-tab:nth-of-type(1){background-image:url(/images/signs/right4.webp)}.nav-tab:nth-of-type(2){background-image:url(/images/signs/right2.webp)}.nav-tab:nth-of-type(3){background-image:url(/images/signs/right3.webp)}.nav-tab:hover{animation:signWiggle .5s ease-in-out}.nav-tab.active{transform:translateY(-2px) scale(1.03)}.nav-social{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);column-gap:1.4rem;row-gap:.9rem;align-items:center;justify-items:center;background:url(/images/signs/rectangle1.webp) center center no-repeat;background-size:100% 100%;padding:1.6rem 2rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.nav-social a{color:var(--ink);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.nav-social a:hover{animation:signWiggle .5s ease-in-out;color:var(--ocean-navy)}.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;margin-top:-60px;padding-top:100px;position:relative}.scroll-indicator{position:absolute;left:12%;top:50%;transform:translateY(-50%);text-align:center;z-index:50}.scroll-indicator p{font-family:Neon,sans-serif;font-size:2rem;color:#fff;margin-bottom:.5rem;text-shadow:2px 2px 0 var(--ocean-coral),4px 4px 0 var(--ocean-peach),6px 6px 15px rgba(0,0,0,.5)}.scroll-indicator .arrow{font-family:Neon,sans-serif;font-size:2.5rem;color:#fff;display:block;text-shadow:2px 2px 0 var(--ocean-coral),4px 4px 0 var(--ocean-peach),6px 6px 15px rgba(0,0,0,.5)}.hero-plank{position:relative;width:min(480px,90vw);aspect-ratio:1029 / 1356;background:url(/images/signs/rectangle2.webp) center center no-repeat;background-size:100% 100%;padding:clamp(58px,12vw,82px) clamp(36px,8vw,56px);animation:fadeIn 1.2s ease-in;cursor:grab;user-select:none;touch-action:none;will-change:transform;filter:drop-shadow(0 10px 25px rgba(0,0,0,.35))}.hero-plank.dragging{cursor:grabbing;transition:none}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;gap:1.2rem}.hero-text-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;width:100%;user-select:none}.hero-intro{font-family:Neon,sans-serif;font-size:1.9rem;line-height:1;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.55);pointer-events:none;white-space:nowrap;margin:0}.hero-name{font-family:Neon,sans-serif;font-size:3rem;line-height:.95;color:#fff;text-shadow:3px 3px 0 var(--ocean-coral),6px 6px 0 var(--ocean-peach),8px 8px 18px rgba(0,0,0,.6);letter-spacing:2px;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:.1em;margin:0}.hero-name span{display:block}.hero-image-link{text-decoration:none;cursor:pointer;z-index:2;display:flex;justify-content:center;align-items:flex-start;align-self:stretch;width:100%;animation:fadeIn 1.5s ease-in .3s both;margin-top:auto;margin-bottom:.4rem;line-height:0;font-size:0}.hero-photo-wrap{position:relative;display:inline-block;line-height:0;font-size:0;transition:transform .3s ease}.hero-image-link:hover .hero-photo-wrap{transform:scale(1.04)}.hero-image{display:block;width:clamp(220px,36vw,290px);height:auto;pointer-events:none;vertical-align:top}.hero-photo-thumbtack{position:absolute;top:28px;left:50%;transform:translate(-50%);width:46px;height:auto;z-index:10;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.projects-section{padding:4rem 2rem;max-width:1400px;margin:0 auto}.section-title{font-family:Overpass,sans-serif;font-weight:700;font-size:3.5rem;color:#fff;text-align:center;text-shadow:3px 3px 10px rgba(0,0,0,.6);margin-bottom:1rem}.section-subtitle{font-family:Overpass,sans-serif;font-weight:400;font-size:1.2rem;color:#fff;text-align:center;margin-bottom:3rem;opacity:.9}.polaroid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;padding:2rem 0}.polaroid-grid.featured{grid-template-columns:minmax(0,380px);justify-content:center}.polaroid{background:#fff;padding:1.2rem;box-shadow:0 8px 20px #0000004d,0 0 0 1px #0000001a;transform:rotate(var(--rotation));transition:all .4s ease;text-decoration:none;color:inherit;display:block;position:relative;animation:polaroidFadeIn .8s ease-in both}.thumbtack{position:absolute;top:-8px;left:var(--thumbtack-position);width:40px;height:auto;z-index:10;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.polaroid:nth-child(1){animation-delay:.1s}.polaroid:nth-child(2){animation-delay:.2s}.polaroid:nth-child(3){animation-delay:.3s}.polaroid:nth-child(4){animation-delay:.4s}.polaroid:nth-child(5){animation-delay:.5s}.polaroid:nth-child(6){animation-delay:.6s}.polaroid:nth-child(7){animation-delay:.7s}.polaroid:nth-child(8){animation-delay:.8s}.polaroid:nth-child(9){animation-delay:.9s}.polaroid:nth-child(10){animation-delay:1s}.polaroid:hover{transform:rotate(0) scale(1.05) translateY(-10px);box-shadow:0 15px 35px #0006,0 0 0 1px #00000026;z-index:10}.polaroid-image{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#f0f0f0;margin-bottom:1rem;border:1px solid #d0d0d0;box-shadow:inset 0 0 5px #0000001a}.polaroid-image img{width:100%;height:100%;object-fit:cover;display:block}.polaroid-caption{text-align:center}.polaroid-caption h3{font-family:Overpass,sans-serif;font-weight:700;font-size:1.6rem;color:var(--ink);margin-bottom:.4rem}.polaroid-caption .date{font-family:Overpass,sans-serif;font-weight:300;font-size:.9rem;color:var(--ink-faint);margin-bottom:.6rem}.polaroid-caption .date .date-logo{height:1.4em;width:auto;vertical-align:middle;margin-left:.4em;position:relative;top:-.05em}.polaroid-caption .description{font-family:Overpass,sans-serif;font-weight:400;font-size:.95rem;color:var(--ink-soft);line-height:1.4}.back-link{display:inline-flex;align-items:center;justify-content:center;font-family:Overpass,sans-serif;font-weight:700;font-size:1rem;color:var(--ink);text-decoration:none;width:200px;height:80px;padding:0 1.2rem 0 2.6rem;background:url(/images/signs/right4.webp) center center no-repeat;background-size:100% 100%;transform:scaleX(-1);transition:transform .2s ease;margin-bottom:2rem;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 0 rgba(255,255,255,.4);filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.back-link>span{display:inline-block;transform:scaleX(-1)}.back-link:hover{animation:signWiggleMirrored .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes polaroidFadeIn{0%{opacity:0}to{opacity:1}}@keyframes signWiggle{0%{transform:rotate(0)}25%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes signWiggleMirrored{0%{transform:scaleX(-1) rotate(0)}25%{transform:scaleX(-1) rotate(-4deg)}50%{transform:scaleX(-1) rotate(4deg)}75%{transform:scaleX(-1) rotate(-3deg)}to{transform:scaleX(-1) rotate(0)}}@media(prefers-reduced-motion:reduce){.nav-tab:hover,.nav-social a:hover,.back-link:hover{animation:none}}@media(max-width:1024px){.polaroid-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}.hero-plank{width:min(420px,92vw)}.hero-name{font-size:2.6rem}.section-title{font-size:3rem}.section-subtitle{font-size:1.1rem}.scroll-indicator{left:8%}.scroll-indicator p{font-size:1.5rem}.scroll-indicator .arrow{font-size:2rem}.nav-tab{font-size:.95rem;padding:.9rem 2.6rem .9rem 1.1rem}}@media(max-width:768px){.polaroid-grid{grid-template-columns:1fr;gap:2rem;padding:1rem 0}.navbar{padding:1rem}.nav-container{flex-direction:column;gap:1rem}.nav-links{gap:.4rem;flex-wrap:wrap;justify-content:center}.nav-tab{font-size:.85rem;padding:.8rem 2.2rem .8rem 1rem}.nav-social{padding:1rem 1.2rem;gap:.8rem}.nav-social svg{width:22px;height:22px}.hero{min-height:80vh;padding:1rem}.hero-plank{width:min(360px,94vw);padding:12% 10% 10%}.hero-intro{font-size:1.3rem}.hero-name{font-size:2.2rem}.hero-image img{max-width:190px}.section-title{font-size:2.5rem}.section-subtitle{font-size:1rem}.scroll-indicator{display:none}.projects-section{padding:3rem 1rem}.polaroid{max-width:400px;margin:0 auto}.polaroid-caption h3{font-size:1.4rem}.polaroid-caption .description{font-size:.9rem}.thumbtack{width:35px;top:-6px}.back-link{width:170px;height:70px;font-size:.9rem}}@media(max-width:480px){.hero-plank{width:min(300px,96vw)}.hero-name{font-size:1.9rem}.hero-intro{font-size:1.1rem}.hero-image img{max-width:160px}.section-title{font-size:2rem}.nav-tab{font-size:.78rem;padding:.7rem 1.9rem .7rem .9rem}.nav-social{padding:.8rem 1rem;gap:.6rem}.nav-social svg{width:18px;height:18px}.thumbtack{width:30px;top:-5px}.back-link{width:150px;height:60px;font-size:.8rem}}