:root{--cream: #FFF3DE;--cream-2: #FFE9C7;--ink: #3E2A20;--coral: #FF6B5B;--yellow: #FFC23C;--teal: #18BFA6;--blue: #4E9BFF;--pink: #FF8FB1;--grape: #8B6BF0;--disp: "Shrikhand", Georgia, serif;--hand: "Caveat", cursive;--sans: "Nunito", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;background:var(--cream)}body{min-height:100%;font-family:var(--sans);color:var(--ink);background:radial-gradient(circle at 1px 1px,rgba(62,42,32,.1) 1.4px,transparent 0) 0 0 / 26px 26px,linear-gradient(160deg,var(--cream) 0%,var(--cream-2) 100%);-webkit-font-smoothing:antialiased}.scene{position:relative;height:100vh;min-height:660px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(20px,3vw,64px);align-items:center;padding:clamp(24px,4vw,60px) clamp(26px,5vw,64px)}.photo-wrap{display:flex;justify-content:center}.polaroid{position:relative;background:#fff;padding:16px 16px 56px;border-radius:6px;box-shadow:0 18px 36px -16px #3e2a2066;transform:rotate(-4deg);transition:transform .4s cubic-bezier(.2,1.3,.4,1);width:min(86%,420px)}.polaroid:hover{transform:rotate(1.5deg) scale(1.02)}.polaroid .slot-img{display:block;width:100%;aspect-ratio:4 / 5;border-radius:3px;background:#fbf1dd;object-fit:cover}.polaroid .cap{font-family:var(--hand);font-size:30px;color:var(--ink);text-align:center;margin-top:12px;line-height:1}.tape{position:absolute;width:110px;height:30px;background:#ffc23ca8;box-shadow:inset 0 0 0 1px #ffffff40}.tape.t1{top:-14px;left:22px;transform:rotate(-7deg);background:#18bfa699}.tape.t2{top:-12px;right:26px;transform:rotate(8deg);background:#ff8fb19e}.tape.t3{top:-13px;left:24px;transform:rotate(6deg);background:#ffc23c9e}.tape.t4{top:-13px;right:24px;transform:rotate(-6deg);background:#8b6bf08c}.content{max-width:620px}.greet{font-family:var(--hand);font-size:clamp(26px,2.6vw,38px);color:var(--coral);font-weight:700;line-height:1;margin-bottom:4px;display:inline-block;transform:rotate(-2deg)}.greet .wave{display:inline-block;transform-origin:70% 70%}.name{font-family:var(--disp);font-weight:400;font-size:clamp(54px,8.5vw,132px);line-height:.88;color:var(--ink);letter-spacing:-.005em;-webkit-text-stroke:0}.name .pop{color:var(--coral);display:inline-block}.fullname{font-size:clamp(15px,1.4vw,20px);font-weight:800;letter-spacing:.01em;margin-top:14px;color:#6a5446}.fullname .dot{color:var(--teal)}.intro{font-size:clamp(16px,1.4vw,20px);font-weight:600;line-height:1.5;margin-top:clamp(14px,1.6vw,22px);color:#5b4538;max-width:30ch;text-wrap:pretty}.row{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:clamp(20px,2.4vw,30px)}.social{display:grid;place-items:center;width:50px;height:50px;border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:#fff;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.social svg{width:26px;height:26px;display:block;fill:currentColor}.social:hover{transform:translate(-1px,-2px) rotate(0)!important;box-shadow:5px 6px 0 var(--ink)}.social.gh{background:var(--ink);border-radius:50%;transform:rotate(-4deg)}.social.x{background:var(--ink);border-radius:50%;transform:rotate(3deg)}.social.li{background:var(--blue);border-radius:13px;transform:rotate(-3deg)}.social.ig{background:linear-gradient(135deg,var(--grape) 0%,var(--pink) 55%,var(--yellow) 100%);border-radius:13px;transform:rotate(2deg)}.social.ig svg,.social.mail svg{fill:none}.social.mail{background:var(--coral);border-radius:50%;width:54px;height:54px;transform:rotate(-3deg);cursor:pointer}.social.mail svg{width:27px;height:27px}.mail-note{font-family:var(--hand);font-weight:700;font-size:20px;color:var(--coral);margin-left:2px;white-space:nowrap;-webkit-user-select:all;user-select:all;opacity:0;transform:translateY(3px);transition:opacity .25s ease,transform .25s ease}.mail-note.show{opacity:1;transform:none}.anim{transition:opacity .7s cubic-bezier(.2,.8,.3,1),transform .7s cubic-bezier(.2,1.2,.4,1);transition-delay:var(--d, 0s)}.preload .anim{opacity:0;transform:translateY(22px) scale(.96)}.preload .photo-wrap.anim{transform:translateY(22px) rotate(-3deg) scale(.94)}.shown .anim{transition:none!important;opacity:1!important;transform:none!important}@keyframes wave{0%,60%,to{transform:rotate(0)}15%{transform:rotate(20deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(16deg)}}.waving{animation:wave 1.6s ease-in-out 1}@media(prefers-reduced-motion:reduce){.anim{transition:none}.preload .anim,.preload .photo-wrap.anim{opacity:1;transform:none}.waving{animation:none}}.scroll-cue{position:absolute;left:50%;bottom:clamp(14px,2.4vw,30px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--hand);font-weight:700;font-size:22px;color:#9a8170}.scroll-cue .arr{font-size:1.15em;animation:bob 1.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.band{max-width:1080px;margin:0 auto;padding:clamp(46px,7vw,104px) clamp(26px,5vw,64px) clamp(8px,2vw,24px)}.band-head{margin-bottom:clamp(26px,3.4vw,46px)}.kicker{display:inline-block;font-family:var(--hand);font-weight:700;font-size:clamp(22px,2.2vw,30px);color:var(--coral);transform:rotate(-2deg);line-height:1}.band-title{font-family:var(--disp);font-weight:400;font-size:clamp(34px,5.4vw,66px);line-height:.96;color:var(--ink);margin-top:4px}.band-title .pop{color:var(--teal)}.band:nth-of-type(odd) .band-title .pop{color:var(--grape)}.gallery{display:flex;flex-wrap:wrap;gap:clamp(22px,3.4vw,50px);justify-content:center}.snap-wrap{flex:1 1 300px;max-width:400px;display:flex;transition:transform .35s cubic-bezier(.2,1.3,.4,1)}.snap-wrap:hover{transform:scale(1.045)!important;z-index:3}.snap{position:relative;flex:1;background:#fff;padding:14px 14px 46px;border-radius:6px;box-shadow:0 18px 36px -16px #3e2a2066;transform-origin:50% 0%;animation:sway 6s ease-in-out infinite;animation-play-state:paused}.snap-wrap.in .snap{animation-play-state:running}.snap-wrap:hover .snap{animation-play-state:paused}.snap .slot-img{display:block;width:100%;aspect-ratio:4 / 3;border-radius:3px;background:#fbf1dd;object-fit:cover}.snap .cap{font-family:var(--hand);font-size:26px;text-align:center;margin-top:10px;line-height:1}.gallery .snap-wrap:nth-child(odd) .snap{--base: -3deg;animation-duration:6.4s}.gallery .snap-wrap:nth-child(2n) .snap{--base: 2.6deg;animation-duration:5.6s;animation-delay:-2.1s}@keyframes sway{0%,to{transform:rotate(var(--base, 0deg))}50%{transform:rotate(calc(var(--base, 0deg) * .32)) translateY(-4px)}}@media(prefers-reduced-motion:reduce){.snap{animation:none;transform:rotate(var(--base, 0deg))}}.work{max-width:880px;margin:0 auto;padding:clamp(46px,7vw,104px) clamp(26px,5vw,64px) clamp(70px,9vw,130px)}.work-list{list-style:none;display:flex;flex-direction:column;gap:22px;margin-top:clamp(22px,3vw,40px)}.work-item{background:#fff;border:2.5px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink);padding:clamp(22px,3vw,34px)}.work-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.work-name{font-weight:800;font-size:clamp(20px,2.1vw,27px);color:var(--ink);line-height:1.1}.work-teaser{margin-top:12px;font-size:clamp(15px,1.5vw,18px);font-weight:600;line-height:1.6;color:#5b4538;text-wrap:pretty}.work-more{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.9,.3,1)}.work-more p{font-size:clamp(15px,1.5vw,18px);line-height:1.65;color:#5b4538;text-wrap:pretty}.work-more p:first-child{margin-top:16px}.work-more p+p{margin-top:14px}.more-btn{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:800;font-size:14.5px;color:var(--ink);background:#fff;border:2.5px solid var(--ink);border-radius:999px;padding:9px 16px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease}.more-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink);background:var(--coral);color:#fff}.more-btn .car{transition:transform .3s ease;display:inline-block}.work-item.open .more-btn .car{transform:rotate(180deg)}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .65s cubic-bezier(.2,1,.3,1);transition-delay:var(--rd, 0s)}.js .reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}@media(max-width:920px){.scene{grid-template-columns:1fr;gap:30px;padding-top:44px;padding-bottom:24px;height:auto;min-height:0}.photo-wrap{order:-1;margin-bottom:24px}.name{font-size:clamp(64px,18vw,110px)}.content{justify-self:center;max-width:100%}.row{justify-content:center}.scroll-cue{position:static;transform:none;margin:6px auto 0}}