.hero{grid-template-columns:.85fr 1.15fr;gap:45px}.coffee-scene{min-width:0;align-self:center}.coffee-frame{margin:0;border:6px solid #fffdf9;border-radius:25px;overflow:hidden;box-shadow:0 18px 45px #71432222,10px 10px 0 #edb27e}.coffee-frame img{display:block;width:100%;height:auto;aspect-ratio:1280/853;object-fit:contain}.coffee-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px;padding-inline:8px;font-size:13px;color:#84522e}#coffee-toggle{font:inherit;cursor:pointer;color:#263e63;background:#fffdf9;border:1px solid #d8cabb;border-radius:30px;padding:8px 13px}#coffee-toggle:hover{background:#f7e9d9}#coffee-toggle:focus-visible{outline:2px solid #215bcc;outline-offset:4px}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:38px}.coffee-scene{width:100%;max-width:680px;justify-self:center}.coffee-frame{border-width:4px;border-radius:20px;box-shadow:0 12px 30px #71432218,6px 6px 0 #edb27e}.coffee-caption{font-size:12px;margin-top:18px}} 
.project-cra{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center}.cra-cover{display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:280px;padding:32px;background:#203654;color:#fff8f0;border-radius:14px;text-decoration:none}.cra-cover strong{font-size:76px;line-height:1;letter-spacing:-4px}.cra-cover strong span{color:#efb65c}.cra-cover-label{font-size:11px;letter-spacing:2px;color:#efcf9d}.cra-cover small{margin-top:12px;color:#efcf9d}.cra-access{font-size:12px!important;color:#746657}.cra-cover:hover{background:#2a456a}.cra-cover:focus-visible{outline:3px solid #ca6c35;outline-offset:4px}@media(max-width:650px){.project-cra{grid-template-columns:1fr;gap:24px}.cra-cover{min-height:230px}}