:root{--color-warm-taupe:#3f342d;--color-terracotta:#c65a3a;--color-plaster-white:#fbf7f2;--color-clay-grey:#ddd6ce;--color-espresso-text:#2a211c;--color-soft-brown-grey:#7a6f68;--color-olive-green:#4d7c0f;--color-white:#fff;--color-soft-panel:#f4ede5;--font-heading:Inter, system-ui, sans-serif;--font-body:Inter, system-ui, sans-serif;--text-hero:clamp(2.35rem, 5vw, 4.8rem);--text-page-title:clamp(2.1rem, 4vw, 3.7rem);--text-section-title:clamp(1.75rem, 3vw, 2.75rem);--text-card-title:1.15rem;--text-body:1rem;--text-small:.92rem;--text-caption:.82rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--section-padding-mobile:3.5rem;--section-padding-tablet:4.5rem;--section-padding-desktop:6rem;--container-width:1180px;--container-padding-mobile:1rem;--container-padding-desktop:1.5rem;--radius-sm:6px;--radius-md:8px;--radius-card:8px;--radius-button:7px;--radius-input:7px;--shadow-card:0 14px 32px #3f342d1a;--shadow-card-hover:0 20px 42px #3f342d26;--shadow-header:0 8px 24px #2a211c24;--transition-fast:.16s ease;--transition-normal:.24s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-plaster-white);color:var(--color-espresso-text);font-family:var(--font-body);font-size:var(--text-body);margin:0;line-height:1.65}body.no-scroll{overflow:hidden}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit}:focus-visible{outline-offset:3px;outline:3px solid #c65a3a73}.app-shell{flex-direction:column;min-height:100vh;display:flex}#main-content{flex:1}.container{width:min(100% - calc(var(--container-padding-mobile) * 2), var(--container-width));margin:0 auto}.section{padding:var(--section-padding-mobile) 0}.section--soft{background:var(--color-soft-panel)}.section--dark{background:var(--color-warm-taupe);color:var(--color-plaster-white)}.section__header{max-width:760px;margin-bottom:var(--space-xl)}.eyebrow{margin:0 0 var(--space-sm);color:var(--color-terracotta);font-size:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;font-weight:800}h1,h2,h3{color:inherit;font-family:var(--font-heading);letter-spacing:0;margin:0;line-height:1.08}p{margin:0}.muted{color:var(--color-soft-brown-grey)}.button{border-radius:var(--radius-button);cursor:pointer;min-height:44px;transition:transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.78rem 1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--color-terracotta);color:#fff;box-shadow:0 12px 24px #c65a3a38}.button--secondary{color:var(--color-warm-taupe);border-color:var(--color-clay-grey);background:#fff}.button--ghost{color:inherit;background:0 0;border-color:currentColor}.site-header{z-index:50;background:var(--color-warm-taupe);color:var(--color-plaster-white);box-shadow:var(--shadow-header);position:sticky;top:0}.skip-link{background:var(--color-plaster-white);color:var(--color-espresso-text);z-index:100;padding:.5rem .75rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}.header__inner{justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:76px;display:flex}.logo{align-items:center;gap:.65rem;font-weight:900;line-height:1.1;text-decoration:none;display:inline-flex}.logo__mark{border-radius:var(--radius-sm);background:var(--color-terracotta);color:#fff;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.logo__tagline{color:var(--color-clay-grey);font-size:var(--text-caption);font-weight:600;display:block}.nav{align-items:center;gap:var(--space-lg);display:flex}.nav a{color:var(--color-plaster-white);transition:color var(--transition-fast);font-weight:700;text-decoration:none}.nav a:hover,.nav a.active{color:#ffd8c8}.header__actions{align-items:center;gap:var(--space-sm);display:flex}.menu-button{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-plaster-white);cursor:pointer;background:0 0;border:1px solid #fbf7f240;display:none}.mobile-menu{display:none}.not-found{max-width:720px}.not-found h1{font-size:var(--text-page-title)}.not-found .muted{margin-top:var(--space-md);font-size:1.1rem}.page-hero{padding:calc(var(--section-padding-mobile) + 1rem) 0 var(--section-padding-mobile);background:var(--color-soft-panel)}.page-hero__content{max-width:840px}.page-hero h1{font-size:var(--text-page-title)}.page-hero p{margin-top:var(--space-md);color:var(--color-soft-brown-grey);font-size:1.12rem}.hero{padding:var(--section-padding-mobile) 0;overflow:hidden}.hero__grid{gap:var(--space-2xl);align-items:center;display:grid}.hero h1{max-width:820px;font-size:var(--text-hero)}.hero__headline{gap:.08em;display:grid}.hero__headline-kicker,.hero__headline-tail{color:var(--color-espresso-text);font-size:clamp(2.15rem,4vw,3.75rem);line-height:1.02;display:block}.hero__headline-highlight{width:fit-content;color:var(--color-terracotta);white-space:nowrap;font-size:clamp(2.65rem,4.9vw,5rem);line-height:.98;display:block}.hero__text{margin-top:var(--space-md);max-width:620px;color:var(--color-soft-brown-grey);font-size:1.12rem}.hero__actions,.cta__actions{gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.hero__trust{gap:var(--space-sm);margin:var(--space-xl) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.hero__trust li,.pill{border:1px solid var(--color-clay-grey);color:var(--color-warm-taupe);font-size:var(--text-caption);background:#fff;border-radius:999px;padding:.35rem .7rem;font-weight:800}.hero__media{position:relative}.hero__image-wrap{border:1px solid var(--color-clay-grey);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}.hero__image-wrap img{aspect-ratio:4/3;object-fit:cover;width:100%}.hero__badge{max-width:220px;padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-warm-taupe);color:var(--color-plaster-white);box-shadow:var(--shadow-card);font-weight:900;position:absolute;bottom:1rem;right:1rem}.trust-bar{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.trust-bar__item,.card,.contact-card,.form-shell{border:1px solid var(--color-clay-grey);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff}.trust-bar__item{padding:var(--space-md);color:var(--color-warm-taupe);text-align:center;font-weight:900}.grid{gap:var(--space-lg);display:grid}.grid--cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{padding:var(--space-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.card__icon{border-radius:var(--radius-sm);width:46px;height:46px;color:var(--color-terracotta);margin-bottom:var(--space-md);background:#f7e3da;place-items:center;display:grid}.card h3{font-size:var(--text-card-title)}.card p,.review-card p,.contact-card p{margin-top:var(--space-sm);color:var(--color-soft-brown-grey)}.card--background{background-image:linear-gradient(180deg, #2a211c1f, #2a211cbd), var(--card-image);min-height:170px;color:var(--color-white);background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.card--background h3,.card--background p{z-index:1;position:relative}.card--background p{color:#ffffffe0}.about-value-card{min-height:220px}.about-stat-card{min-height:148px}.card ul,.detail-block ul,.check-list{gap:var(--space-sm);margin:var(--space-md) 0 0;padding:0;list-style:none;display:grid}.card li,.detail-block li,.check-list li{padding-left:1.35rem;position:relative}.card li:before,.detail-block li:before,.check-list li:before{content:"✓";color:var(--color-olive-green);font-weight:900;position:absolute;left:0}.local-links{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.local-link{min-height:148px;padding:var(--space-lg);border:1px solid var(--color-clay-grey);border-radius:var(--radius-card);background:var(--color-white);color:inherit;box-shadow:var(--shadow-card);transition:transform var(--transition-fast), box-shadow var(--transition-fast);text-decoration:none;display:block}.local-link:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.local-link span{color:var(--color-warm-taupe);font-weight:900}.local-link p{margin-top:var(--space-sm);color:var(--color-soft-brown-grey)}.home-service-summary{gap:var(--space-xl);align-items:center;display:grid}.home-service-summary .section__header{max-width:820px;margin-bottom:0}.home-service-summary .section__header .muted+.muted{margin-top:var(--space-md)}.home-service-summary__actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.home-service-summary__image{border:1px solid var(--color-clay-grey);border-radius:var(--radius-card);background:var(--color-white);box-shadow:var(--shadow-card);overflow:hidden}.home-service-summary__image img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.local-page{gap:var(--space-xl);display:grid}.local-page__copy{gap:var(--space-md);display:grid}.local-page__panel{padding:var(--space-lg);border:1px solid var(--color-clay-grey);border-radius:var(--radius-card);background:var(--color-soft-panel)}.local-page__panel ul{gap:var(--space-sm);margin:var(--space-md) 0 0;padding:0;list-style:none;display:grid}.local-page__panel li{color:var(--color-soft-brown-grey);padding-left:1.25rem;position:relative}.local-page__panel li:before{content:"";background:var(--color-terracotta);border-radius:999px;width:7px;height:7px;position:absolute;top:.65em;left:0}.suburb-list{gap:var(--space-sm);flex-wrap:wrap;display:flex}.suburb-list span{border-radius:var(--radius-sm);color:var(--color-warm-taupe);background:#fbf7f2e6;border:1px solid #3f342d14;padding:.55rem .75rem;font-weight:800}.service-tabs{gap:var(--space-lg);display:grid}.service-tabs-section{background:var(--color-plaster-white);scroll-margin-top:92px}.service-tabs-shell{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.service-tabs-shell .section__header{margin-bottom:var(--space-lg)}.service-tabs__list{gap:var(--space-sm);grid-template-columns:1fr;display:grid}.service-tabs__tab{border-radius:var(--radius-button);min-height:48px;color:var(--color-warm-taupe);font:inherit;text-align:left;cursor:pointer;box-shadow:none;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:#f9f4eeb8;border:1px solid #3f342d0b;padding:.8rem 1rem;font-weight:900}@media (hover:hover) and (pointer:fine){.service-tabs__tab:hover{background:#ffffffeb;border-color:#c65a3a2e;transform:translateY(-1px)}}.service-tabs__tab--active,.service-tabs__tab--active:hover,.service-tabs__tab--active:focus,.service-tabs__tab--active:active{border-color:var(--color-terracotta);background:var(--color-terracotta);color:var(--color-white);box-shadow:0 12px 24px #c65a3a2e}.service-tabs__panel{gap:var(--space-lg);padding:var(--space-lg) 0 0;border-radius:var(--radius-card);box-shadow:none;background:0 0;border:0;display:grid}.service-tabs__content h3{font-size:clamp(1.45rem,2vw,2rem)}.service-tabs__content>.muted{margin-top:var(--space-sm)}.service-tabs__detail{gap:var(--space-lg);margin-top:var(--space-lg);display:grid}.service-tabs__detail h4{color:var(--color-warm-taupe);margin:0;font-size:1rem}.service-tabs__detail ul{gap:var(--space-sm);margin:var(--space-sm) 0 0;padding:0;list-style:none;display:grid}.service-tabs__detail li{color:var(--color-soft-brown-grey);padding-left:1.35rem;position:relative}.service-tabs__detail li:before{content:"✓";color:var(--color-olive-green);font-weight:900;position:absolute;left:0}.service-tabs__detail p{margin-top:var(--space-sm);color:var(--color-soft-brown-grey)}.service-tabs__image{border-radius:var(--radius-card);background:var(--color-soft-panel);overflow:hidden;box-shadow:0 18px 40px #3f342d14}.service-tabs__image img{aspect-ratio:16/11;object-fit:cover;width:100%;height:100%;min-height:240px;display:block}.service-tabs__prep-note{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);background:linear-gradient(135deg,#fff3ea 0%,#fff8f2 100%);border:0;grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.service-tabs__prep-icon{width:42px;height:42px;color:var(--color-terracotta);background:#c65a3a1c;border-radius:999px;place-items:center;display:inline-grid}.service-tabs__prep-note h3{font-size:1.25rem}.service-tabs__prep-note p:not(.eyebrow){color:var(--color-soft-brown-grey);grid-column:1/-1}.services-cta-section{padding-top:3rem}.split{gap:var(--space-2xl);align-items:center;display:grid}.visual-card{border:1px solid var(--color-clay-grey);border-radius:var(--radius-card);padding:var(--space-lg);box-shadow:var(--shadow-card);background:#fff}.sample-board{gap:var(--space-sm);display:grid}.sample-board__row{border-radius:var(--radius-sm);background:var(--color-soft-panel);height:54px}.sample-board__row:nth-child(2){background:var(--color-clay-grey)}.sample-board__row:nth-child(3){background:#ead0c6}.process{counter-reset:step}.process__item{padding:var(--space-lg);min-height:154px;position:relative;overflow:hidden}.process__item:before{z-index:1;counter-increment:step;content:counter(step);width:38px;height:38px;margin-bottom:var(--space-md);background:var(--color-terracotta);color:#fff;border-radius:999px;place-items:center;font-weight:900;display:grid;position:relative}.process__item h3{z-index:1;position:relative}.process__item--image{background-image:linear-gradient(180deg, #2a211c2e, #2a211cb8), var(--process-image);color:var(--color-white);background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;display:flex}.process__item--image:before{background:var(--color-white);color:var(--color-terracotta)}.review-card__stars{color:var(--color-terracotta);letter-spacing:.08em;font-weight:900}.faq{gap:var(--space-sm);display:grid}.faq__item{border:1px solid var(--color-clay-grey);border-radius:var(--radius-card);background:#fff;overflow:hidden}.faq__button{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);color:var(--color-espresso-text);cursor:pointer;text-align:left;background:0 0;border:0;font-weight:900;display:flex}.faq__answer{padding:0 var(--space-md) var(--space-md);color:var(--color-soft-brown-grey)}.cta{border-radius:var(--radius-card);background:var(--color-warm-taupe);color:var(--color-plaster-white);padding:var(--space-2xl)}.cta p{max-width:680px;margin-top:var(--space-md);color:var(--color-clay-grey)}.detail-block{gap:var(--space-xl);align-items:center;display:grid}.detail-block__image{border:1px solid var(--color-clay-grey);border-radius:var(--radius-card);background:linear-gradient(135deg, #c65a3a1f, #4d7c0f1a), var(--color-soft-panel);min-height:280px;box-shadow:var(--shadow-card);overflow:hidden}.detail-block__image img{object-fit:cover;width:100%;height:100%;min-height:280px}.contact-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.contact-card{color:inherit;padding:0;display:block;overflow:hidden}.contact-card__image{background:var(--color-soft-panel);height:160px}.contact-card__image img{object-fit:cover;width:100%;height:100%}.contact-card__body,.form-shell{padding:var(--space-lg)}.form-grid{align-items:start;gap:var(--space-md);display:grid}.form-grid--two{grid-template-columns:1fr}.form-field{align-content:start;gap:.35rem;display:grid}.quote-details{gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-clay-grey);display:grid}.quote-details h3{font-size:var(--text-card-title)}.form-field label,.checkbox-field{font-weight:800}.form-field__required{color:#a73520}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--color-clay-grey);border-radius:var(--radius-input);width:100%;color:var(--color-espresso-text);background:#fff;padding:.78rem .85rem}.form-field textarea{resize:vertical;min-height:140px}.form-field__error{color:#a73520;font-size:var(--text-caption);font-weight:800}.checkbox-field{gap:var(--space-sm);align-items:flex-start;display:flex}.checkbox-field input{width:18px;height:18px;accent-color:var(--color-terracotta);margin-top:.4rem}.success-message{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-card);color:var(--color-olive-green);background:#4d7c0f1a;font-weight:900}.site-footer{background:var(--color-warm-taupe);color:var(--color-plaster-white);padding:var(--space-2xl) 0 var(--space-xl)}.footer__grid{gap:var(--space-xl);align-items:flex-start;display:grid}.footer__brand{gap:var(--space-sm);align-items:flex-start;max-width:360px;display:flex}.footer__brand img{border-radius:var(--radius-sm);background:#fff;flex:none;width:44px;height:44px}.footer__brand h2,.footer__grid h3{line-height:1.15}.footer__grid h3{margin-bottom:.65rem}.footer__grid a{width:fit-content;color:var(--color-clay-grey);margin-top:.45rem;text-decoration:none;display:flex}.footer__grid a:hover{color:#fff}.footer__line{min-height:26px;color:var(--color-clay-grey);align-items:center;gap:.5rem;display:flex}.footer__line svg,.footer__list--icon svg{color:var(--color-terracotta);flex:none}.footer__list{color:var(--color-clay-grey);gap:.45rem;margin:.55rem 0 0;padding-left:1.15rem;display:grid}.footer__list li{padding-left:.25rem}.footer__list--icon{padding-left:0;list-style:none}.footer__list--icon li{align-items:center;gap:.5rem;padding-left:0;display:flex}.footer__muted{color:var(--color-clay-grey)}.footer__bottom{gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);color:var(--color-clay-grey);font-size:var(--text-small);border-top:1px solid #fbf7f22e;flex-wrap:wrap;justify-content:space-between;display:flex}@media (width>=700px){.container{width:min(100% - calc(var(--container-padding-desktop) * 2), var(--container-width))}.section,.hero{padding:var(--section-padding-tablet) 0}.hero__grid,.split,.detail-block,.footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-block--reverse .detail-block__image{order:-1}.form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=980px){.section,.hero{padding:var(--section-padding-desktop) 0}.hero__grid{grid-template-columns:1.05fr .95fr}.footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}@media (width<=860px){.nav,.header__actions .button{display:none}.menu-button{place-items:center;display:inline-grid}.mobile-menu{gap:var(--space-sm);max-height:0;transition:max-height var(--transition-normal);display:grid;overflow:hidden}.mobile-menu.is-open{max-height:420px;padding-bottom:var(--space-md)}.mobile-menu a{padding:var(--space-sm) 0;color:var(--color-plaster-white);border-top:1px solid #fbf7f224;font-weight:800;text-decoration:none}}@media (width<=520px){.hero__actions,.cta__actions{flex-direction:column}.button{width:100%}.hero__badge{margin-top:var(--space-sm);max-width:none;position:static}.cta{padding:var(--space-xl)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.logo__mark img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.service-card{flex-direction:column;display:flex;overflow:hidden}.service-card__image{margin:calc(var(--space-lg) * -1) calc(var(--space-lg) * -1) var(--space-lg);border-bottom:1px solid var(--color-clay-grey);background:var(--color-soft-panel)}.service-card__image img{aspect-ratio:4/3;object-fit:cover;width:100%}.visual-card--image{padding:0;overflow:hidden}.visual-card--image img{aspect-ratio:4/3;object-fit:cover;width:100%}.about-story{align-items:center}.about-story__copy{max-width:620px}.about-story__copy h2{max-width:560px}.about-story__copy .muted{margin-top:var(--space-md);font-size:1.02rem;line-height:1.7}.about-story .visual-card--image img{aspect-ratio:16/10}.hero__actions{gap:.8rem;margin-top:1.65rem}.hero__trust{gap:.65rem .7rem;max-width:620px;margin-top:1.4rem}.hero__trust li,.pill{white-space:normal;background:#ffffffc2;border-color:#3f342d24;align-items:center;width:fit-content;min-height:34px;padding:.42rem .78rem;line-height:1.2;display:inline-flex;box-shadow:0 8px 20px #3f342d0f}.why-copy{max-width:560px}.why-copy .muted{max-width:540px;margin-top:var(--space-sm)}.check-list--benefits{margin-top:var(--space-lg);border-top:1px solid #3f342d1f;gap:0}.check-list--benefits li{min-height:48px;color:var(--color-espresso-text);border-bottom:1px solid #3f342d1f;align-items:flex-start;padding:.78rem 0 .78rem 2rem;font-weight:700;line-height:1.45;display:flex}.check-list--benefits li:before{background:#4d7c0f1f;border-radius:999px;place-items:center;width:1.1rem;height:1.1rem;font-size:.72rem;line-height:1;display:grid;top:.82rem}.split .visual-card--image img{aspect-ratio:4.3/3}@media (width>=700px){.section{padding:4rem 0}.hero{padding:4.75rem 0 4.25rem}.split{gap:3.5rem}.service-tabs__list{grid-template-columns:repeat(4,minmax(0,1fr))}.service-tabs__tab{text-align:center}.service-tabs__detail{grid-template-columns:minmax(0,1fr) minmax(220px,.85fr)}.service-tabs__prep-note{grid-template-columns:auto minmax(220px,.38fr) minmax(0,1fr);align-items:start}.service-tabs__prep-note p:not(.eyebrow){grid-column:auto}}@media (width>=980px){.section{padding:5rem 0}.hero{padding:5.25rem 0 5rem}.hero__grid{gap:4rem}.local-page{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:start}.home-service-summary{grid-template-columns:minmax(0,1fr) minmax(360px,.92fr)}.service-tabs__panel{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:stretch}.services-cta-section{padding-top:3.5rem}}@media (width<=520px){.hero__headline-highlight{white-space:normal}.hero__trust{margin-top:1.15rem}.hero__trust li{max-width:100%}.check-list--benefits li{min-height:auto}}.dev-hint{position:relative}.dev-hint[data-dev-active=true]{outline-offset:3px;outline:1px dashed #c65a3a47}.dev-hint[data-dev-active=true]>*{outline-offset:3px;outline:1px dashed #c65a3a6b}.dev-hint__tooltip{z-index:80;border-radius:var(--radius-sm);max-width:min(320px,100vw - 2rem);color:var(--color-plaster-white);box-shadow:var(--shadow-card);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);pointer-events:none;background:#2a211cf5;padding:.55rem .65rem;font-size:.74rem;line-height:1.35;position:absolute;top:.35rem;left:.35rem;transform:translateY(-4px)}.dev-hint:hover>.dev-hint__tooltip,.dev-hint:focus-within>.dev-hint__tooltip{opacity:1;transform:translateY(0)}.dev-hint__title{color:#fff;font-weight:800;display:block}.dev-hint__meta{color:var(--color-clay-grey);display:block}