:root{font-family:Arial,Helvetica,sans-serif;color:#291708;background:#263027;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.scene{min-height:100svh;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.home{background-image:url('assets/home.jpg');background-position:center}.square{background-image:url('assets/square.jpg')}.contact{background-image:url('assets/contact.jpg')}.button,.wood-button,.service-sign,.tab-group a{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border:2px solid #633006;border-radius:3px;background:#d78a16;color:#15110a;box-shadow:inset 2px 2px #f8c166,inset -2px -2px #9c520a,3px 4px 0 #49220c;font-weight:800;text-transform:uppercase;cursor:pointer}.button:focus-visible,.wood-button:focus-visible,.service-sign:focus-visible,.tab-group a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #fff;outline-offset:3px}.button:active,.wood-button:active,.service-sign:active,.tab-group a:active{transform:translate(2px,2px);box-shadow:inset 1px 1px #ad6510,1px 1px 0 #49220c}.home-nav{position:absolute;inset:auto 3.1% 4.8%;display:flex;align-items:center;gap:1rem}.home-button{padding:.8rem 1rem;font-size:clamp(.68rem,1.05vw,1rem);white-space:nowrap}.home-button>span:last-child{margin-left:auto}.home-talk{margin-left:auto;padding:.8rem 2rem;font-size:1rem}.talk{background:#c83519;color:#fff;border-color:#8c1e0d;box-shadow:inset 2px 2px #f87850,inset -2px -2px #8f220f,3px 4px 0 #491a0e}.dot{width:.7rem;height:.7rem;border:1px solid #353026;border-radius:50%;flex:none}.blue{background:#1460b6}.green{background:#087d4f}.purple{background:#a237a6}.scene-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:2rem 2.5rem}.hanging-sign,.service-sign{background:#68300e;color:#ffe5a3;border:5px ridge #a75b20;box-shadow:5px 6px 0 #321506;text-align:center}.hanging-sign{margin:0;padding:.7rem 1.2rem;font-size:clamp(1.4rem,2.6vw,2.8rem);text-transform:uppercase}.hanging-sign span,.service-sign span{display:block;border:2px solid #ad7729;padding:.45rem 1rem;background:#48200b}.scene-nav{display:flex;gap:1rem}.wood-button,.tab-group a{background:#6a2d0e;color:#ffe5ae;border-color:#512006;box-shadow:inset 2px 2px #c47a34,inset -2px -2px #3d1606,3px 4px 0 #321506;padding:.7rem 1.1rem;font-size:.82rem}.wood-button.talk{background:#b83912;border-color:#8f270c;color:#fff3cf}.service-signs{position:absolute;inset:23% 7% auto;display:grid;grid-template-columns:1fr 1fr;gap:11rem 19%;align-items:start}.service-sign{padding:.5rem;display:block;font-size:clamp(.85rem,1.4vw,1.3rem);letter-spacing:.04em}.strategy-sign{grid-column:1;grid-row:1}.websites-sign{grid-column:2;grid-row:1;margin-top:3rem}.technology-sign{grid-column:1 / 3;grid-row:2;justify-self:center;min-width:38%;margin-top:-7rem}.board{position:relative;margin:8vh auto 3rem;width:min(800px,calc(100% - 3rem))}.board-tabs{display:flex;justify-content:space-between;align-items:end;gap:.5rem;padding:0 1rem}.tab-group{display:flex;gap:.3rem}.tab-group a{border-radius:4px 4px 0 0;text-transform:none;padding:.6rem .8rem}.tab-group a[aria-current]{background:#ad5e1c;color:white}.board-frame{background:#74320e;border:5px ridge #9d551f;padding:1rem;box-shadow:6px 7px 0 #321506}.board-paper{background:#fbf4de;border:2px solid #b47b32;padding:2.2rem 2.5rem;color:#35200f}.board-paper h2{margin:0 0 1.3rem;padding-bottom:1rem;border-bottom:2px solid #d9ba7f;color:#5b2405;text-transform:uppercase;font-size:clamp(1.6rem,3vw,2.5rem);text-shadow:2px 2px #d7b67e}.board-paper p{font-size:1.08rem;line-height:1.65}.board-footer{border-top:2px solid #e1c58c;margin-top:1.5rem;padding-top:1rem}.contact-nav{position:absolute;top:2rem;left:2rem;display:flex;gap:.8rem}.contact-nav .button{padding:.65rem 1rem;color:white}.contact-content{min-height:100svh;display:flex;align-items:center;justify-content:space-around;gap:3rem;padding:6rem 8% 3rem}.contact-form{background:#f8f5ed;border:3px ridge #bba985;border-radius:6px;padding:2rem;width:min(510px,100%);box-shadow:4px 5px 0 #453120;color:#1c1b19}.contact-form h1{font-size:2.2rem;margin:0 0 1.2rem;padding-bottom:1rem;border-bottom:2px solid #e6ddcd}.contact-form label{display:block;font-size:.75rem;letter-spacing:.08em;font-weight:bold;text-transform:uppercase;margin:.9rem 0 .4rem}.contact-form input,.contact-form textarea{display:block;width:100%;padding:.65rem;border:2px inset #d0cac0;border-radius:3px;background:white;color:#181818}.contact-form textarea{resize:vertical}.send{width:100%;padding:.8rem;margin-top:1.3rem}.form-notice{font-size:.85rem;line-height:1.4}.contact-details{background:#292526;border:3px ridge #69605b;color:#eee;border-radius:6px;padding:1rem 1.5rem;min-width:300px;box-shadow:4px 5px 0 #201411}.contact-details p{margin:0;padding:.8rem 0;border-bottom:1px solid #4b4343}.contact-details p:last-child{border:0}.contact-details strong,.contact-details span,.contact-details a{display:block}.contact-details strong{color:#e8b323;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.4rem}.contact-details a:hover{text-decoration:underline}
@media(max-width:760px){.home{background-position:34% center}.home-nav{inset:auto 1rem 1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.home-button,.home-talk{font-size:.68rem;white-space:normal;text-align:center;min-height:3.4rem;padding:.6rem}.home-talk{margin:0}.scene-header{padding:1rem;align-items:center}.hanging-sign{font-size:1.1rem;padding:.35rem}.hanging-sign span{padding:.35rem}.scene-nav{gap:.45rem}.scene-nav .wood-button{padding:.6rem;font-size:.65rem}.square{background-position:50% center}.service-signs{position:relative;inset:auto;display:flex;flex-direction:column;gap:1rem;margin:14vh 1rem 0}.service-sign,.technology-sign,.websites-sign{margin:0;width:100%;min-width:0;font-size:.86rem}.board{margin:5rem auto 2rem;width:calc(100% - 1.5rem)}.board-tabs{padding:0;flex-wrap:wrap}.board-tabs .wood-button,.tab-group a{padding:.6rem .45rem;font-size:.7rem}.board-paper{padding:1.25rem}.board-paper p{font-size:1rem;line-height:1.5}.contact{background-position:60% center}.contact-nav{top:1rem;left:1rem}.contact-content{padding:6rem 1rem 2rem;flex-direction:column;gap:1rem}.contact-form{padding:1.3rem}.contact-details{width:min(510px,100%);min-width:0}.contact-details a{overflow-wrap:anywhere}}
@media(min-width:761px){.technology-sign{margin-top:-10rem}}
@media(max-width:760px){.home{background-size:auto 60%;background-position:26% top;background-color:#655641}}
.wall-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;container-type:size}
.wall-image{position:absolute;left:50%;top:50%;width:max(100cqw,179.166667cqh);height:max(55.813953cqw,100cqh);transform:translate(-50%,-50%)}
.wall-picture{position:absolute;left:55.15%;top:17.7%;width:6.55%;height:9.65%;transform:rotate(-3.5deg);background:#e4dccb url('assets/contact-logo-scene.png') 59.1% 19.9% / 1354% 910% no-repeat;overflow:hidden}
.contact-nav{z-index:2}.contact-content{position:relative;z-index:1}
@media(max-width:760px){.wall-image{left:60%;transform:translate(-60%,-50%)}}
.service-list{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;list-style:none;margin:0;padding:.9rem 1rem;background:rgba(38,24,12,.88);color:#fff5da;font-size:clamp(.68rem,.9vw,.95rem);font-weight:800;text-transform:uppercase;letter-spacing:.015em}
.service-list li{display:flex;align-items:center;gap:.55rem}
.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.send:disabled{cursor:wait;opacity:.7}
@media(max-width:760px){.home-nav{display:flex;flex-direction:column;align-items:stretch}.service-list{display:grid;gap:.75rem;padding:1rem}.home-talk{width:100%}}