:root{--ink: #092f2a;--teal: #08745d;--aqua: #12a7c2;--cream: #f7f4ec;--lime: #ddf229;--orange: #f07c35;--tomato: #db4b28;--paper-shadow: rgba(8, 48, 42, .2);color:var(--ink);background:var(--cream);font-family:Trebuchet MS,Arial Rounded MT Bold,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--cream)}button,input{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid var(--lime);outline-offset:4px}.site-shell{overflow:clip}.skip-link{position:fixed;z-index:4;top:.75rem;left:.75rem;padding:.7rem .9rem;transform:translateY(-180%);border:2px solid var(--ink);border-radius:999px;background:var(--lime);box-shadow:3px 4px 0 var(--ink);color:var(--ink);font-size:.82rem;font-weight:900;text-decoration:none}.skip-link:focus{transform:translateY(0)}.site-nav{position:absolute;z-index:3;top:1.35rem;left:50%;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;width:min(1140px,calc(100% - 2.4rem));min-height:56px;padding:.65rem .75rem .65rem 1.25rem;transform:translate(-50%);border:2px solid var(--ink);border-radius:999px;background:#f7f4ecf5;box-shadow:0 10px #092f2a2e,0 18px 38px #092f2a2e}.wordmark{color:var(--ink);font-size:.82rem;font-weight:900;line-height:1.1;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:.3rem}.nav-links a{padding:.45rem .7rem;border-radius:999px;color:var(--ink);font-size:.74rem;font-weight:800;text-decoration:none}.nav-links a:not(.nav-cta):hover{background:#d9ede7}.nav-cta{border:2px solid var(--ink);background:var(--lime);box-shadow:2px 3px 0 var(--ink)}.nav-cta:hover{transform:translate(-1px,-1px);box-shadow:3px 4px 0 var(--ink)}.hero{position:relative;isolation:isolate;display:grid;align-items:end;min-height:min(780px,100svh);color:var(--cream);background:var(--teal)}.hero:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,#022c28eb,#04463ac4 35%,#064d3d33 64%,#064d3d0d),url(/studies/tactile-backyard-lab/impeccable/assets/backyard-fire-table.png) center / cover no-repeat}.hero:after{position:absolute;z-index:-1;right:-7vw;bottom:-15vw;width:min(46vw,540px);aspect-ratio:1;border-radius:46% 54% 55% 45%/50% 42% 58% 50%;background:var(--lime);content:"";mix-blend-mode:multiply;opacity:.8}.hero-inner{display:grid;grid-template-columns:minmax(0,650px) 1fr;gap:2rem;width:min(1140px,calc(100% - 2.4rem));margin:0 auto;padding:clamp(9.5rem,18vw,12.5rem) 0 clamp(3.25rem,7vw,5.5rem)}.hero-copy{position:relative;z-index:1}.hero-copy h1{max-width:9.6ch;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.8rem,8vw,7.35rem);font-weight:900;line-height:.83;letter-spacing:-.075em;text-wrap:balance}.hero-copy h1 em{color:var(--lime);font-style:normal}.hero-copy p{width:min(36rem,90%);margin:1.45rem 0 1.8rem;font-size:clamp(1rem,1.55vw,1.24rem);font-weight:700;line-height:1.45}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.75rem 1.1rem;border:2px solid var(--ink);border-radius:999px;background:var(--lime);box-shadow:4px 5px 0 var(--ink);color:var(--ink);font-size:.88rem;font-weight:900;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 7px 0 var(--ink)}.button:active{transform:translate(1px,1px);box-shadow:2px 3px 0 var(--ink)}.hero-note{font-size:.8rem;font-weight:800}.fire-stamp{align-self:end;justify-self:end;width:clamp(130px,17vw,210px);margin:0 0 1.4rem auto;transform:rotate(8deg);color:var(--ink)}.fire-stamp svg{display:block;width:100%;height:auto;filter:drop-shadow(5px 7px 0 rgba(9,47,42,.22))}.image-disclosure{position:absolute;right:max(1.2rem,calc((100vw - 1140px)/2));bottom:1rem;z-index:1;margin:0;padding:.35rem .55rem;border:1px solid rgba(247,244,236,.72);border-radius:999px;background:#092f2abd;color:var(--cream);font-size:.68rem;font-weight:800;letter-spacing:.01em}.ribbon{display:flex;align-items:center;gap:1rem;min-height:62px;overflow:hidden;padding:.8rem max(1.2rem,calc((100vw - 1140px)/2));background:var(--lime);color:var(--ink);font-size:.88rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.ribbon svg{flex:0 0 auto;width:25px;height:25px}.skills{position:relative;padding:clamp(4.5rem,9vw,8rem) 1.2rem;background:var(--cream)}.skills-wrap{width:min(1140px,100%);margin:0 auto}.section-title{max-width:850px;margin:0 0 clamp(2.4rem,5vw,4.25rem);font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,6.5vw,5.9rem);font-weight:900;line-height:.9;letter-spacing:-.065em;text-wrap:balance}.section-title span{color:var(--orange)}.skill-grid{display:grid;grid-template-columns:minmax(180px,.82fr) minmax(0,2fr);gap:1.25rem 3rem;align-items:start}.side-note{padding:1.05rem 1rem;border-radius:28px 28px 28px 7px;background:var(--aqua);box-shadow:0 12px 20px var(--paper-shadow);color:var(--ink);font-size:1rem;font-weight:800;line-height:1.25;transform:rotate(-2deg)}.skill-list{border-top:2px solid var(--ink)}.skill-row{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(0,1.1fr) 52px;gap:1rem;align-items:center;min-height:88px;padding:.75rem 0;border-bottom:2px solid var(--ink)}.skill-row h3{margin:0;font-size:clamp(1.1rem,1.7vw,1.38rem);letter-spacing:-.035em}.skill-row p{max-width:34ch;margin:0;font-size:.92rem;line-height:1.35}.skill-icon{width:47px;height:47px}.skill-icon path,.skill-icon circle,.skill-icon line{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3}.skill-row:nth-child(2) .skill-icon{color:var(--orange)}.skill-row:nth-child(3) .skill-icon{color:var(--aqua)}.skill-row:nth-child(4) .skill-icon{color:var(--teal)}.skill-row .skill-icon path:first-child,.skill-row .skill-icon circle:first-child{stroke:currentColor}.proof-zone{padding:0 1.2rem clamp(4.5rem,9vw,8rem);background:var(--cream)}.proof-panel{position:relative;display:grid;grid-template-columns:1fr minmax(0,1.2fr);gap:clamp(1.6rem,5vw,5rem);align-items:center;width:min(1140px,100%);min-height:400px;margin:0 auto;padding:clamp(2rem,6vw,5rem);overflow:hidden;border-radius:54px 16px;background:var(--teal);box-shadow:0 23px #064f40,0 35px 45px #092f2a2e;color:var(--cream)}.proof-panel:before{position:absolute;top:-38%;right:-8%;width:350px;aspect-ratio:1;border:26px solid var(--aqua);border-radius:47% 53% 39% 61%/60% 40%;content:"";opacity:.8;transform:rotate(-18deg)}.proof-copy,.proof-dial{position:relative;z-index:1}.proof-copy h2{margin:0 0 1.15rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,5vw,4.6rem);line-height:.92;letter-spacing:-.065em}.proof-copy p{max-width:35ch;margin:0;font-size:1.02rem;font-weight:700;line-height:1.45}.proof-dial{display:grid;place-items:center;justify-self:end;width:min(100%,400px);aspect-ratio:1;border:3px solid var(--ink);border-radius:48% 52% 52% 48%/55% 42% 58% 45%;background:var(--lime);box-shadow:12px 14px 0 var(--ink);color:var(--ink);transform:rotate(4deg)}.proof-dial:before{position:absolute;inset:11%;border:3px dashed var(--ink);border-radius:inherit;content:""}.proof-dial svg{position:absolute;inset:8%;width:84%;height:84%;transform:rotate(-4deg)}.proof-dial svg path{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-width:5}.proof-dial div{position:relative;z-index:1;max-width:8ch;font-size:clamp(1.15rem,2.2vw,1.7rem);font-weight:900;line-height:.95;text-align:center;transform:rotate(-4deg)}.waitlist{position:relative;padding:clamp(4.5rem,9vw,8rem) 1.2rem;background:var(--orange)}.waitlist:after{position:absolute;right:-8vw;bottom:-11vw;width:34vw;aspect-ratio:1;border-radius:50%;background:var(--tomato);content:""}.waitlist-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.8fr);gap:clamp(2rem,7vw,7rem);align-items:center;width:min(1140px,100%);margin:0 auto}.waitlist-copy h2{max-width:8ch;margin:0 0 1.25rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,6vw,5.6rem);line-height:.86;letter-spacing:-.07em}.waitlist-copy p{max-width:33ch;margin:0;font-size:1.05rem;font-weight:800;line-height:1.4}.form-lab{position:relative;padding:clamp(1.25rem,3vw,2rem);border:2px solid var(--ink);border-radius:18px 48px;background:var(--cream);box-shadow:11px 13px 0 var(--ink)}.form-lab h3{margin:0 0 .55rem;font-size:1.5rem;letter-spacing:-.04em}.form-lab>p{margin:0 0 1.4rem;color:#185149;font-size:.9rem;font-weight:700;line-height:1.4}.field-label{display:block;margin-bottom:.45rem;font-size:.82rem;font-weight:900}.email-row{display:flex;gap:.55rem}input[type=email]{flex:1;min-width:0;min-height:49px;padding:.75rem .85rem;border:2px solid var(--ink);border-radius:12px;background:#fffefa;color:var(--ink)}input[type=email]::placeholder{color:#387067;opacity:1}input[type=email]:disabled{border-color:#55524a;background:#e0dbd0;color:#55524a;cursor:not-allowed;opacity:1}.submit-button{flex:0 0 auto;min-height:49px;padding:.7rem .9rem;border:2px solid var(--ink);border-radius:12px;background:var(--aqua);box-shadow:3px 4px 0 var(--ink);color:var(--ink);cursor:pointer;font-size:.82rem;font-weight:900}.submit-button:hover{background:var(--lime)}.submit-button:disabled{background:#b6e6ed;box-shadow:2px 3px #55524a;color:#292823;cursor:not-allowed}.form-message{min-height:1.4em;margin:.85rem 0 0!important;color:var(--teal)!important;font-size:.85rem!important;font-weight:900!important}footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.2rem max(1.2rem,calc((100vw - 1140px)/2));background:var(--ink);color:var(--cream);font-size:.78rem;font-weight:800}footer p{margin:0}.locale-note{color:var(--lime)}@media(max-width:720px){.site-nav{top:.7rem;width:calc(100% - 1.1rem);padding-left:.85rem}.wordmark{max-width:11ch;font-size:.72rem;white-space:normal}.nav-links a{padding:.42rem .5rem;font-size:.68rem}.nav-links a:not(.nav-cta){display:none}.hero{min-height:720px}.hero:before{background:linear-gradient(180deg,#022c28b5,#022c285c 34%,#022c28f5,#022c28fa),url(/studies/tactile-backyard-lab/impeccable/assets/backyard-fire-table.png) 64% center / cover no-repeat}.hero-inner{grid-template-columns:1fr;align-items:end;padding-top:7.6rem;padding-bottom:2.2rem}.hero-copy h1{max-width:8.6ch;font-size:clamp(3.6rem,17vw,5.5rem)}.hero-copy p{width:100%;margin-top:1.15rem;font-size:1rem}.fire-stamp{display:none}.image-disclosure{right:.6rem;bottom:.8rem;padding:.25rem .45rem;font-size:.62rem}.skill-grid{grid-template-columns:1fr;gap:2rem}.side-note{width:min(265px,85%)}.skill-row{grid-template-columns:1fr 42px;gap:.45rem 1rem;padding:1rem 0}.skill-row p{grid-column:1 / -1}.skill-icon{grid-column:2;grid-row:1;width:42px;height:42px}.proof-panel{grid-template-columns:1fr;border-radius:36px 12px}.proof-dial{justify-self:center;width:min(270px,78vw)}.waitlist-wrap{grid-template-columns:1fr}.email-row{flex-direction:column}.submit-button{width:100%}footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button:hover,.nav-cta:hover,.button:active{transform:none}}
