@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Caveat:wght@500;600;700&family=DM+Sans:wght@400;500;600&display=swap');
:root{color-scheme:light;--red:#e31725;--blue:#63bde9;--gold:#efc56c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0;background:#f8f7f3;color:#fff;font-family:'DM Sans',sans-serif}header{max-width:1440px;margin:auto;min-height:235px;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:35px;color:#080808;background:#fff}.logo{width:215px;display:block}.invitation{transform:rotate(-6deg);font-family:'Caveat',cursive}.invitation span{font-size:85px;line-height:.95}.invitation h1{font-size:41px;font-weight:500;margin:0;white-space:nowrap}.brush{clip-path:polygon(3% 8%,92% 0,100% 8%,96% 18%,100% 23%,96% 33%,100% 39%,96% 48%,100% 57%,97% 68%,100% 80%,94% 89%,98% 96%,6% 100%,0 91%,3% 81%,0 70%,4% 62%,0 51%,4% 42%,0 32%,5% 24%,0 16%);background:var(--red)}.intro{font-family:'Caveat',cursive;text-align:center;font-size:38px;line-height:1.1;padding:22px 30px;transform:rotate(-8deg)}nav{display:flex;align-items:center;justify-content:center;gap:40px;background:#fff;color:#111;border-top:1px solid #eee;padding:17px 24px;position:sticky;top:0;z-index:10;font-size:13px}nav span{font-size:10px;letter-spacing:2px;color:#777}nav a{color:inherit;text-decoration:none;font-weight:600}nav a:hover{color:var(--red)}main{max-width:1440px;margin:auto}.event{position:relative;overflow:hidden;min-height:530px;background:#090403;border-bottom:6px solid #fff;isolation:isolate}.photo{position:absolute;inset:0 0 0 43%;background-size:cover;background-position:center;z-index:-2}.event:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#060404 0%,#060404 35%,#060404bb 48%,transparent 72%);z-index:-1}.devil .photo{background-image:url('assets/devil.png')}.tennis{background:#05111b}.tennis .photo{background-image:url('assets/tennis.png')}.tennis:after{background:linear-gradient(90deg,#05111b 0%,#05111b 34%,#05111bbb 48%,transparent 72%)}.ball .photo{background-image:url('assets/ball.png')}.ball:after{background:linear-gradient(90deg,#100d06 0%,#100d06 35%,#100d06bb 48%,transparent 76%)}.content{padding:38px 5% 36px;max-width:800px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600;color:#ffffff90;margin-bottom:18px}h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:96px;line-height:.86;letter-spacing:-2px;margin:0 0 20px;font-weight:900;transform:rotate(-2deg);transform-origin:left}.devil h2 span{color:var(--red)}.tennis h2{font-size:80px}.tennis h2 span{color:var(--blue);font-size:103px}.ball h2{font-family:Georgia,serif;color:var(--gold);font-size:105px;font-weight:700;line-height:.95}.ball h2 small{font-size:43px;letter-spacing:-1px}h3{text-transform:uppercase;letter-spacing:3px;font-family:'Barlow Condensed',sans-serif;font-size:29px;margin:-7px 0 17px}.ball h3{font-family:Georgia,serif;color:var(--gold)}.date{position:absolute;left:44%;top:155px;max-width:270px;transform:rotate(-6deg);padding:22px 26px;text-align:center;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;display:flex;flex-direction:column;gap:4px}.date strong{font-size:39px;line-height:1}.date span{font-size:21px;line-height:1.1}.date b{font-size:23px;text-transform:none}.tennis .date{background:#138ac6;top:170px}.ball .date{background:var(--gold);color:#0d0a03;top:165px}p{font-size:16px;line-height:1.6;max-width:510px;margin:25px 0 20px}.note{font-size:13px;color:#a7c5d6;margin-top:-8px;max-width:470px}button{border:1px solid #ffffff55;color:#fff;background:#0003;padding:12px 17px;border-radius:0;font:500 12px 'DM Sans',sans-serif;cursor:pointer;display:flex;gap:26px;align-items:center}button:hover{background:#fff;color:#111}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}footer{position:relative;max-width:1440px;margin:auto;min-height:260px;background:#fff url('assets/footer.png') center bottom/100% auto no-repeat;color:#15263b;text-align:center;padding:30px 20px 100px}footer h2{text-transform:none;font-family:'Caveat',cursive;font-size:56px;letter-spacing:0;transform:rotate(-4deg);margin:0}footer p{font-size:13px;margin:12px auto}footer a{color:inherit;font-size:13px;font-weight:600;text-decoration:none}.top{position:absolute;right:5%;top:48px}@media(min-width:1441px){body{background:#e9e7e2}}@media(max-width:1000px){header{gap:20px;padding:25px 4%;min-height:190px}.logo{width:160px}.invitation span{font-size:65px}.invitation h1{font-size:30px}.intro{font-size:29px;padding:20px}.content{padding:35px 4%;max-width:70%}h2{font-size:76px}.tennis h2{font-size:65px}.tennis h2 span{font-size:85px}.ball h2{font-size:85px}.ball h2 small{font-size:32px}.date{left:auto;right:5%;top:260px;max-width:225px}.tennis .date,.ball .date{top:270px}p{max-width:400px}.event{min-height:560px}.photo{left:35%}}@media(max-width:640px){header{flex-wrap:wrap;gap:15px;padding:22px 20px}.logo{width:120px}.invitation{flex:1}.invitation span{font-size:52px}.invitation h1{font-size:24px;white-space:normal}.intro{width:100%;font-size:27px;transform:none;padding:10px;clip-path:none}.intro br{display:none}nav{gap:18px;padding:15px 10px;font-size:11px}nav span{display:none}.event{min-height:740px}.photo{inset:0 0 auto 0;height:370px;background-position:center}.event:after,.tennis:after,.ball:after{background:linear-gradient(180deg,transparent 0%,#05050544 20%,#080707 48%)}.tennis:after{background:linear-gradient(180deg,transparent,#05111b 49%)}.ball:after{background:linear-gradient(180deg,transparent,#100d06 49%)}.content{padding:280px 25px 30px;max-width:none}.eyebrow{font-size:9px;margin-bottom:14px}h2{font-size:76px}.tennis h2{font-size:61px}.tennis h2 span{font-size:80px}.ball h2{font-size:79px}.ball h2 small{font-size:30px}h3{font-size:23px}.date,.tennis .date,.ball .date{position:relative;top:auto;right:auto;left:auto;transform:rotate(-3deg);max-width:270px;margin:22px 0;padding:16px 23px}.date strong{font-size:33px}.date span{font-size:18px}.date b{font-size:20px}p{font-size:14px;max-width:none}.top{position:static;display:block;margin-top:17px}footer{padding-bottom:90px}footer h2{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}