*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:#f7f3eb;color:#242a27;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #a32d35;outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:#fff;padding:14px}.skip:focus{top:12px}.shell{width:min(1280px,calc(100% - 112px));margin:auto}.header{min-height:116px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dcdcd1;gap:30px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:19px;letter-spacing:-.6px}.brand strong{font-weight:400;color:#a32d35}.header nav{display:flex;gap:36px;font-size:14px}.header nav a{text-decoration:none;padding:12px 0}.header nav a:hover,.text-link:hover{color:#a32d35}.header nav span{margin-left:9px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:64px;padding:88px 0 96px}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;line-height:1.7}.hero .eyebrow{margin:0 0 28px}.hero .eyebrow span{color:#a32d35;font-size:10px;margin-right:9px}h1,h2,p{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(60px,6.8vw,94px);line-height:1.02;letter-spacing:-4px;margin-bottom:28px}h1 em{color:#a32d35;font-weight:400}.intro{color:#62665f;font-size:17px;line-height:1.75;letter-spacing:-.15px;margin-bottom:30px}.button{display:inline-flex;gap:30px;align-items:center;background:#a32d35;color:#fff9f0;text-decoration:none;padding:17px 22px;border-radius:4px;font-size:14px}.button:hover{background:#84232a}.puzzle-art{margin:0;background:#e5e9dd;border:1px solid #d4dacb;border-radius:8px;padding:30px 36px 26px;transform:rotate(2deg);box-shadow:0 18px 0 -8px #dfded2}.art-top{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:1.4px;color:#52614d;margin-bottom:22px;font-weight:700}.board{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;border:2px solid #4f6050;background:#fbfcf7;border-radius:2px;overflow:hidden}.cell{display:flex;align-items:center;justify-content:center;border-right:1px solid #d0d7c9;border-bottom:1px solid #d0d7c9;font-size:clamp(18px,2vw,29px);font-family:Georgia,'Times New Roman',serif;color:#455843;line-height:1;min-width:0}.cell:nth-child(3n){border-right:2px solid #687a64}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #687a64}.cell:nth-child(n+73){border-bottom:0}.cell.selected{background:#ad343c;color:#fff}.cell.selected:after{content:'5';color:#fff}.puzzle-art figcaption{font-family:Georgia,'Times New Roman',serif;font-size:16px;text-align:center;color:#50614b;margin-top:21px;font-style:italic}.work{border-top:1px solid #cccfc1;display:grid;grid-template-columns:.65fr 1.4fr 1.3fr;gap:38px;padding:56px 0 64px;scroll-margin-top:30px}.section-label{display:flex;align-items:baseline;gap:15px;font-size:11px;text-transform:uppercase;letter-spacing:1px;line-height:1.6}.number{color:#8a8f81;font-size:11px}h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.7px;line-height:1.1;font-size:43px;margin-bottom:20px}.status{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#606958;line-height:1.8;display:flex;gap:7px;align-items:baseline}.status span{font-size:8px;color:#647958}.work-description p{color:#62665f;font-size:15px;line-height:1.75;margin-bottom:16px}.text-link{text-decoration:none;font-size:13px;display:inline-block;border-bottom:1px solid #c5c9bb;padding-bottom:6px;margin-top:4px}.text-link span{margin-left:17px}.contact{background:#e8d7cf;border-radius:7px;padding:56px 60px;display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:center;margin:0 0 60px}.contact .eyebrow{color:#7a4b45;margin-bottom:20px}.contact h2{font-size:54px;margin-bottom:18px;color:#58352f}.contact p{font-size:14px;line-height:1.7;color:#715650;margin-bottom:0}.contact-row{padding:20px 0;border-bottom:1px solid #c9b5ac}.contact-row:first-child{padding-top:0}.contact-label{display:block;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;color:#7c5c52;margin-bottom:11px}.contact-row a{display:flex;justify-content:space-between;gap:15px;font-size:19px;text-decoration:none;color:#58352f;line-height:1.5;overflow-wrap:anywhere}.contact-row a:hover{text-decoration:underline}.contact .contact-note{font-size:11px;line-height:1.8;margin-top:22px;max-width:390px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:0 0 35px;font-size:11px;color:#72766b}.footer-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#343e32;font-size:12px}footer p{margin:0}footer>a:last-child{text-decoration:none}footer>a:last-child span{margin-left:14px}@media(min-width:1500px){.hero{padding:110px 0}}@media(max-width:1050px){.shell{width:calc(100% - 64px)}.hero{gap:35px;padding:70px 0}h1{font-size:70px;letter-spacing:-3px}.puzzle-art{padding:25px}.work{grid-template-columns:.7fr 1.4fr;gap:25px}.section-label{grid-column:1 / -1}.contact{padding:42px;gap:35px}.contact-row a{font-size:17px}}@media(max-width:700px){.shell{width:calc(100% - 40px)}.header{min-height:90px;gap:15px}.brand{font-size:15px;gap:9px}.brand img{width:33px;height:33px}.header nav{gap:0;font-size:12px}.header nav a:first-child{display:none}.hero{grid-template-columns:1fr;gap:43px;padding:51px 0 58px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:23px}h1{font-size:67px;letter-spacing:-3.6px}.intro{font-size:15px;line-height:1.8;margin-bottom:25px}.button{padding:15px 20px}.puzzle-art{width:min(100% - 12px,390px);justify-self:center;padding:25px 28px 23px;transform:rotate(1deg)}.cell{font-size:24px}.work{grid-template-columns:1fr;gap:22px;padding:39px 0 42px}.section-label{font-size:10px}.work-title h2{font-size:40px;margin-bottom:13px}.status{margin-bottom:0}.work-description{max-width:460px}.work-description p{font-size:14px}.contact{grid-template-columns:1fr;padding:31px 25px;gap:36px;margin-bottom:33px}.contact h2{font-size:47px}.contact-row a{font-size:17px}.contact .contact-note{max-width:none}.contact p{font-size:13px}footer{flex-wrap:wrap;gap:20px;padding-bottom:28px}footer .footer-brand{flex-basis:100%}footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
