*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#542808;background:#fbfaf8;font:14px/1.5 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #ec7b25;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:26px 5vw;position:relative;z-index:3}.brand{font-size:26px;letter-spacing:3px;font-weight:800}.brand span{display:block;letter-spacing:2px;font-size:9px;font-weight:400;text-transform:uppercase}.contact-link{border:1px solid #a47c61;border-radius:30px;padding:10px 22px}.explore{position:relative;overflow:hidden;padding-bottom:50px;background:radial-gradient(ellipse at 50% 48%,#edc7aa55,transparent 60%)}.heading{text-align:center;position:relative;z-index:2;padding:18px 20px 0;pointer-events:none}.heading p,.contact p{font-size:10px;letter-spacing:3px;margin:0 0 15px}h1{font:400 clamp(38px,5.5vw,76px)/1.05 Georgia,serif;letter-spacing:-2px;margin:0}h1 em{font-weight:400;color:#ba5615}#stage{position:relative;height:640px;width:100%;max-width:1150px;margin:-15px auto -10px;touch-action:pan-y;cursor:grab;user-select:none}#stage.dragging{cursor:grabbing;touch-action:none}#sphere{position:absolute;inset:0;z-index:1}.tile{position:absolute;left:50%;top:50%;padding:0;border:1px solid #ffffff22;border-radius:5px;overflow:hidden;background:#522709;will-change:transform,opacity;box-shadow:0 5px 15px #0006;width:125px;height:87px;transform-origin:center}.tile img{width:100%;height:100%;object-fit:cover;pointer-events:none}.tile:hover{border:2px solid #f18a3b}.halo{position:absolute;left:25%;right:25%;bottom:20px;height:20px;border-radius:50%;background:#000;filter:blur(18px);opacity:.6}.controls{display:flex;justify-content:center;align-items:center;gap:22px;color:#785c49;font-size:11px;position:relative;z-index:2}.controls button{background:transparent;border:1px solid #c3a590;color:#63310d;border-radius:20px;padding:7px 14px;font-size:11px}.project-links{display:flex;justify-content:center;gap:35px;margin-top:27px}.project-links button{background:none;border:0;border-bottom:1px solid #bc8b68;padding:8px 0;color:#5b2b0b}.project-links span{margin-left:18px}.contact{text-align:center;background:#eeeae6;color:#542808;padding:90px 20px}.contact h2{font:400 clamp(44px,6vw,78px)/1.05 Georgia,serif;letter-spacing:-2px;margin:22px 0 32px}.contact-buttons{display:flex;justify-content:center;gap:12px}.contact-buttons a{border:1px solid #b38b6e;border-radius:30px;padding:14px 30px;min-width:150px}.contact-buttons .whatsapp{background:#9d420e;color:#ffffff;border-color:#9d420e}footer{display:flex;justify-content:space-between;padding:30px 5vw;font-size:11px;color:#785c49}footer b{color:#542808;letter-spacing:2px}dialog{width:min(1020px,94vw);max-height:94vh;padding:25px;background:#fffdfb;color:#542808;border:1px solid #c7a28a;border-radius:18px;overflow:auto}dialog::backdrop{background:#060a07e8;backdrop-filter:blur(8px)}.close{position:absolute;right:22px;top:20px;border:1px solid #8a4b20;border-radius:50%;width:36px;height:36px;color:white;background:#8a4b20}.modal-head span{color:#985025;font-size:10px;letter-spacing:2px;text-transform:uppercase}.modal-head h2{font:400 32px Georgia,serif;margin:6px 45px 20px 0}.main-photo{position:relative}.main-photo img{width:100%;height:min(53vh,520px);object-fit:contain;background:#ece8e3;border-radius:8px}.main-photo button{position:absolute;top:45%;width:40px;height:40px;border:0;border-radius:50%;background:#fffaf3dd;color:#542808}#prev{left:12px}#next{right:12px}.modal-bottom{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:14px 0;color:#79543a}.modal-bottom a{color:#8d3c0a}#thumbs{display:flex;gap:10px}#thumbs button{padding:0;background:none;border:2px solid transparent;border-radius:5px;overflow:hidden}#thumbs button.active{border-color:#ef812b}#thumbs img{display:block;width:90px;height:60px;object-fit:cover}@media(max-width:700px){header{padding:22px 6vw}.brand{font-size:21px}.brand span{font-size:7px}.heading{padding-top:25px}#stage{height:470px;margin-top:0}.tile{width:90px;height:64px}.controls{gap:12px;font-size:10px}.project-links{gap:24px;font-size:12px}.contact{padding:70px 20px}.contact-buttons a{padding:12px 24px;min-width:135px}footer span{display:none}dialog{padding:18px}.modal-bottom{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand img{display:block;width:190px;height:auto}@media(max-width:700px){.brand img{width:145px}}

.all-projects{max-width:1000px;margin:28px auto 0;padding:0 24px}.all-projects summary{text-align:center;cursor:pointer;color:#8d3c0a;font-size:12px}.project-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 24px}.project-links button{text-align:left;font-size:12px}.project-links span{float:right;margin-left:4px}.tile img{display:block}.tile{border-color:#b3805c66}#thumbs:has(button:only-child){display:none}@media(max-width:700px){.project-links{grid-template-columns:repeat(2,minmax(0,1fr))}.all-projects{padding:0 6vw}}

.heading .anniversary{margin:20px 0 10px;font-size:12px;letter-spacing:1px;color:#8d3c0a}.heading p{text-transform:none;font-size:13px;letter-spacing:2px}

/* White pixels blend into the page while the logo remains sharp. */
.brand img{mix-blend-mode:multiply}

.heading .works-caption{margin:18px 0 22px}

/* White pixels blend into the page while the logo remains sharp. */
.brand img{mix-blend-mode:multiply}