:root{--ink:#1f1740;--cream:#fff8e9;--coral:#ff684d;--blue:#75d5e8;--yellow:#ffd84b;--green:#b8df72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:2px solid var(--ink);position:relative;z-index:5}.logo{text-decoration:none;line-height:.9;font-size:14px}.logo b{font-size:19px}nav{display:flex;gap:30px;align-items:center}nav a{text-decoration:none;font-weight:700;font-size:13px}.pill,.button{background:var(--coral);color:white;border:2px solid var(--ink);padding:14px 20px;border-radius:100px;text-decoration:none;font-weight:700;box-shadow:4px 4px 0 var(--ink);display:inline-block}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;padding:80px 6vw 110px}.hero-copy{z-index:2}.scribble{font-weight:700;transform:rotate(-2deg);display:inline-block}h1,h2,h3{font-family:Shrikhand,serif;font-weight:400;margin:0;line-height:.92}h1{font-size:clamp(65px,8vw,125px)}h1 em{color:var(--coral);font-style:normal}.hero-copy>p:not(.scribble){font-size:20px;max-width:490px;line-height:1.5}.photo-stack{position:relative;z-index:1;transform:rotate(3deg);align-self:center}.photo-stack img{width:100%;max-height:500px;object-fit:cover;border:3px solid var(--ink);box-shadow:14px 14px 0 var(--blue)}.sticker{position:absolute;right:-25px;bottom:-34px;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;width:130px;height:130px;display:grid;place-content:center;text-align:center;font-weight:800;transform:rotate(-8deg)}.sun{width:410px;height:410px;background:var(--green);border-radius:50%;position:absolute;right:-90px;top:-110px}.keys{position:absolute;bottom:0;left:0;right:0;height:70px;display:flex;border-top:2px solid var(--ink)}.keys i{flex:1;background:white;border-right:2px solid var(--ink)}.keys i:nth-child(2n){background:var(--ink);height:42px;max-width:45px}.marquee{overflow:hidden;background:var(--ink);color:var(--yellow);padding:16px 0;font-weight:800;letter-spacing:.06em;white-space:nowrap}.marquee div{font-size:18px}.welcome{padding:100px 6vw;display:grid;grid-template-columns:1fr .7fr;gap:50px;position:relative}.number{font-weight:800}.welcome h2{font-size:clamp(45px,5vw,78px);max-width:760px}.note{background:white;border:2px solid var(--ink);padding:28px;box-shadow:8px 8px 0 var(--yellow);transform:rotate(2deg)}.note b{text-transform:uppercase}.big-copy{grid-column:1/-1;font-size:clamp(27px,3vw,45px);max-width:1050px;line-height:1.25}.paths{display:grid;grid-template-columns:repeat(3,1fr)}.paths article{min-height:510px;padding:50px 40px;border-top:2px solid var(--ink);border-right:2px solid var(--ink);display:flex;flex-direction:column}.paths .coral{background:var(--coral)}.paths .blue{background:var(--blue)}.paths .yellow{background:var(--yellow)}.paths h3{font-size:72px;margin:auto 0 20px}.paths article>a{font-weight:800;margin-top:20px}.tinatin{display:grid;grid-template-columns:1fr 1fr;padding:120px 6vw;gap:7vw;background:white}.portrait{position:relative}.portrait img{width:100%;display:block;transform:rotate(-2deg);border:3px solid var(--ink)}.portrait span{position:absolute;right:-25px;top:30px;background:var(--green);padding:18px;border:2px solid var(--ink);font-weight:800;transform:rotate(7deg)}.bio{align-self:center}.bio h2{font-size:clamp(42px,5vw,70px)}.bio>p:not(.scribble){font-size:19px;line-height:1.65}.bio blockquote{font-size:24px;font-weight:700;border-left:8px solid var(--coral);padding-left:22px;margin:35px 0}.week{padding:95px 6vw;background:var(--ink);color:white}.week>p{color:var(--yellow);font-weight:800}.song{display:grid;grid-template-columns:70px 1fr 1fr;padding:26px 0;border-top:1px solid #777;font-size:24px}.song small{text-align:right;color:var(--blue)}.trial{text-align:center;padding:120px 20px;background:var(--green);position:relative}.trial h2{font-size:clamp(70px,10vw,145px)}.trial>p:last-child{margin-top:35px}.dark{background:var(--ink)}.star{font-size:65px;color:var(--coral)}footer{padding:35px 5vw;display:flex;justify-content:space-between;border-top:2px solid var(--ink)}@media(max-width:800px){nav>a:not(.pill){display:none}.hero,.tinatin,.welcome{grid-template-columns:1fr}.hero{padding-top:50px}.photo-stack{margin-top:50px}.paths{grid-template-columns:1fr}.paths article{min-height:380px}.welcome .big-copy{grid-column:auto}.song{grid-template-columns:45px 1fr}.song small{display:none}footer{flex-direction:column;gap:12px}.photo-stack .sticker{right:0}}