*{box-sizing:border-box}body{margin:0;background:#f1e5cb;color:#352e24;font-family:Arial,sans-serif}main{max-width:1600px;margin:auto}.hero{position:relative;background:#898e60}.hero>img{width:100%;display:block}.intro{position:absolute;top:12%;left:6%}.badge{display:inline-block;background:#f1dfae;border:2px solid #352e24;border-radius:50%;padding:11px 21px;font-weight:bold;transform:rotate(-8deg)}h1{font:900 clamp(40px,6.8vw,108px)/1 Georgia,serif;letter-spacing:-.07em;margin:22px 0 12px}h1 span{color:#f2b48b}.intro p{font:italic clamp(19px,2.7vw,39px)/1.05 Georgia,serif;margin:0 0 18px}.intro small{font-size:11px}.join{padding:30px 6%;display:flex;gap:35px;align-items:center;border-bottom:2px solid #352e24}.scribble{font:italic 22px/1.05 Georgia,serif;transform:rotate(-6deg);color:#6b7046}.join p{font-size:13px;line-height:1.8}.links{display:flex;gap:12px;margin-left:auto}a,button{color:#f8eacd;background:#363d2a;border:2px solid #352e24;border-radius:5px;padding:14px 23px;font:bold 12px Arial,sans-serif;text-decoration:none;box-shadow:3px 3px 0 #352e24;cursor:pointer}a+a{background:#e9b28b;color:#352e24}a:hover,button:hover{transform:translateY(-2px)}a:focus-visible,button:focus-visible{outline:3px solid #987342;outline-offset:5px}.gallery{padding:43px 6% 54px;background:repeating-linear-gradient(0deg,transparent,transparent 31px,#a99e7c1a 31px,#a99e7c1a 32px)}.heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:30px}h2{font:700 31px Georgia,serif;letter-spacing:-.04em;margin:0}.heading>span{font:italic 16px Georgia,serif}.pictures{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}figure{margin:0;padding:10px 10px 0;background:#fbefdb;border:1px solid #544b35;box-shadow:5px 6px 0 #898e6033;transform:rotate(-2deg)}figure:nth-child(2){transform:rotate(2deg)}figure:nth-child(3){transform:rotate(-1deg)}figure img{width:100%;aspect-ratio:1;object-fit:cover;display:block}figcaption{padding:19px 5px 22px;font:italic 18px Georgia,serif}figcaption small{display:block;font-size:12px;margin-top:5px}footer{margin:0 6%;border-top:2px dashed #898e60;padding:27px 0;display:flex;align-items:center;gap:25px}footer b{font:italic 23px Georgia,serif;display:block}footer span{display:block;font-size:8px;letter-spacing:.15em;margin-top:8px}code{margin-left:auto;font-size:12px;overflow-wrap:anywhere;min-width:0}button{flex-shrink:0;background:#e9b28b;color:#352e24}.end{padding:15px;text-align:center;background:#898e60;font:italic 14px Georgia,serif}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#352e24;color:#f1e5cb;max-width:calc(100% - 32px);width:max-content;padding:17px 22px;opacity:0;pointer-events:none;font-size:13px;z-index:5}#toast.visible{opacity:1}@media(max-width:760px){.hero{display:flex;flex-direction:column}.intro{position:static;padding:28px 6% 18px;order:-1}h1{font-size:70px;margin:18px 0 12px}.intro p{font-size:25px}.intro p br{display:none}.hero>img{height:230px;object-fit:cover;object-position:right}.join{flex-wrap:wrap;gap:15px}.join p{font-size:12px}.links{margin:0;width:100%}.links a{flex:1;text-align:center}.pictures{grid-template-columns:1fr;gap:30px;max-width:440px;margin:auto}.heading{display:block}.heading>span{display:block;margin-top:10px}h2{font-size:28px}footer{flex-wrap:wrap;gap:16px}footer>div{width:100%}code{margin:0;flex:1}.gallery{padding-top:35px}.scribble{font-size:19px}}@media(prefers-reduced-motion:reduce){a:hover,button:hover{transform:none}}