/* Home Repairs Plan — planner board: dot grid, graphite, tangerine, sky */
:root{
  --paper:#f4f5f2; --paper2:#eaece6; --white:#ffffff; --note:#fff7e0;
  --graphite:#1f2328; --graphite2:#2c3138; --orange:#ff7a1a; --orange2:#e9650a;
  --sky:#3aa0ff; --mint:#2fbf71; --yellow:#ffe066; --pink:#ffb3c7; --violet:#8f7cf7;
  --ink:#1f2328; --muted:#5d636b; --line:#dcdfd8;
  --ff-h:'Inter',system-ui,sans-serif; --ff-b:'Atkinson Hyperlegible',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--ff-b);background:var(--paper);color:var(--ink);font-size:1.04rem;line-height:1.7}
h1,h2,h3,h4,h5,h6{font-family:var(--ff-h);font-weight:800;color:var(--graphite);line-height:1.1;letter-spacing:-.03em}
a{color:var(--sky)}
a:hover{color:var(--orange2)}
img{max-width:100%}
.hl{background:linear-gradient(transparent 58%,rgba(255,122,26,.3) 58%,rgba(255,122,26,.3) 90%,transparent 90%)}
.hr-check{width:20px;height:20px;flex:none}

/* label & buttons */
.hr-label{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--ff-h);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange2);margin-bottom:1rem}
.hr-label::before{content:"";width:14px;height:14px;border-radius:4px;border:2.5px solid currentColor;background:linear-gradient(currentColor,currentColor) center/6px 6px no-repeat}
.hr-label.sm{font-size:.7rem;margin-bottom:.6rem}
.hr-label.light{color:var(--yellow)}
.hr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-family:var(--ff-h);font-weight:700;font-size:.95rem;padding:.8rem 1.45rem;border-radius:12px;border:2px solid transparent;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,color .2s;cursor:pointer;white-space:nowrap}
.hr-btn.lg{padding:1rem 1.8rem;font-size:1.02rem}
.hr-btn.orange{background:var(--orange);color:#fff;box-shadow:0 6px 0 var(--orange2)}
.hr-btn.orange:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--orange2);color:#fff}
.hr-btn.orange:active{transform:translateY(3px);box-shadow:0 2px 0 var(--orange2)}
.hr-btn.dark{background:var(--graphite);color:#fff;box-shadow:0 6px 0 #000}
.hr-btn.dark:hover{transform:translateY(-2px);box-shadow:0 8px 0 #000;color:#fff}
.hr-btn.ghost{border-color:var(--graphite);color:var(--graphite);background:var(--white)}
.hr-btn.ghost:hover{background:var(--graphite);color:#fff}
.hr-btn span{transition:transform .2s}
.hr-btn:hover span{transform:translateX(4px)}
.hr-more{font-family:var(--ff-h);font-weight:700;text-decoration:none;color:var(--graphite);border-bottom:3px solid var(--orange)}
.hr-more span{display:inline-block;transition:transform .2s}
.hr-more:hover span{transform:translateX(4px)}

/* header */
.hr-head{position:sticky;top:0;z-index:1030;background:var(--white);border-bottom:2px solid var(--graphite);transition:box-shadow .3s}
.hr-head.scrolled{box-shadow:0 8px 24px rgba(31,35,40,.1)}
.hr-head .navbar{padding:.7rem 0}
.hr-logo{display:inline-flex;align-items:center;flex:none}
.hr-logo img{height:46px;width:auto;display:block}
.hr-tabs .nav-link{font-family:var(--ff-h);font-weight:600;color:var(--graphite);padding:.5rem .9rem!important;border-radius:10px;transition:all .2s}
.hr-tabs .nav-link:hover{background:var(--paper)}
.hr-tabs .nav-link.active{background:var(--yellow);color:var(--graphite);box-shadow:inset 0 -3px 0 rgba(0,0,0,.1)}
.navbar-toggler{border:2px solid var(--graphite);border-radius:10px;padding:.5rem .6rem}
.navbar-toggler:focus{box-shadow:none}
.hr-tg{display:block;width:22px;height:2.5px;border-radius:2px;background:var(--graphite);position:relative;margin:7px 0}
.hr-tg::before,.hr-tg::after{content:"";position:absolute;left:0;height:2.5px;border-radius:2px}
.hr-tg::before{top:-7px;width:22px;background:var(--orange)}.hr-tg::after{top:7px;width:14px;background:var(--sky)}
@media(max-width:991px){.hr-head .navbar-collapse{padding:1rem 0}.hr-head .hr-btn{margin-top:.6rem}.hr-logo img{height:40px}}
@media(max-width:400px){.hr-logo img{height:34px}}

/* sections */
.hr-sec{padding:96px 0;position:relative}
.hr-grid{background-color:var(--paper);background-image:radial-gradient(#c9ccc4 1.2px,transparent 1.3px);background-size:22px 22px}
.hr-dark{background:var(--graphite);color:#c3c7cd}
.hr-h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}
.hr-muted{color:var(--muted)}
.hr-lead{font-size:1.16rem;color:var(--muted)}
.hr-dark .hl{background:linear-gradient(transparent 58%,rgba(255,122,26,.55) 58%,rgba(255,122,26,.55) 90%,transparent 90%)}

/* hero */
.hr-hero{padding:70px 0 90px;background-color:var(--paper);background-image:radial-gradient(#c9ccc4 1.2px,transparent 1.3px);background-size:22px 22px;overflow:hidden}
.hr-hero h1{font-size:clamp(2.6rem,5.4vw,4.4rem);margin-bottom:1.3rem}
.hr-hero .hr-lead{margin-bottom:2rem;max-width:560px}
.hr-clip{position:relative;padding:0 0 40px 0}
.hr-clip-board{position:relative;background:#c79a62;border-radius:20px;padding:46px 22px 22px;box-shadow:0 26px 50px rgba(31,35,40,.2);transform:rotate(-2deg);max-width:470px}
.hr-clip-board::before{content:"";position:absolute;inset:34px 16px 16px;background:var(--white);border-radius:8px;box-shadow:0 2px 0 var(--line)}
.hr-clip-top{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:120px;height:44px;border-radius:12px;background:linear-gradient(#c4c8ce,#8d939b);border:3px solid var(--graphite);z-index:2}
.hr-clip-board h4{position:relative;font-size:1.25rem;padding:.5rem 1rem .8rem;margin:0;border-bottom:2px solid var(--paper2)}
.hr-list{position:relative;list-style:none;padding:.4rem 1rem 1rem;margin:0}
.hr-list li{display:flex;align-items:center;gap:.7rem;padding:.6rem 0;border-bottom:1px dashed var(--line);font-size:.98rem}
.hr-list li span:nth-child(2){flex:1}
.hr-list li.done span:nth-child(2){text-decoration:line-through;text-decoration-color:var(--mint);text-decoration-thickness:2px;color:var(--muted)}
.hr-list .box{width:20px;height:20px;border-radius:5px;border:2.5px solid var(--graphite);flex:none}
.hr-list em{font-style:normal;font-family:var(--ff-h);font-weight:700;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:6px;background:var(--paper)}
.hr-list li .hr-check{animation:pop .5s cubic-bezier(.3,1.6,.5,1) both}
.hr-list li:nth-child(2) .hr-check{animation-delay:.25s}.hr-list li:nth-child(3) .hr-check{animation-delay:.5s}
@keyframes pop{from{transform:scale(0)}to{transform:none}}
.hr-clip-photo{position:absolute;right:0;bottom:0;width:44%;border:6px solid #fff;border-radius:10px;box-shadow:0 18px 30px rgba(31,35,40,.2);transform:rotate(4deg);overflow:hidden;background:var(--paper2)}
.hr-clip-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
@media(max-width:575px){.hr-clip-photo{width:52%;bottom:-10px}.hr-list em{display:none}}

/* tickets */
.hr-ticket{position:relative;height:100%;display:flex;flex-direction:column;background:var(--white);border:2px solid var(--graphite);border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s;scroll-margin-top:110px}
.hr-ticket:hover{transform:translateY(-6px);box-shadow:0 8px 0 var(--graphite)}
.hr-ticket-top{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;border-bottom:2px dashed var(--line);position:relative}
.hr-ticket-top::before,.hr-ticket-top::after{content:"";position:absolute;bottom:-11px;width:20px;height:20px;border-radius:50%;background:var(--paper);border:2px solid var(--graphite)}
.hr-ticket-top::before{left:-12px}.hr-ticket-top::after{right:-12px}
.hr-wo{font-family:var(--ff-h);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hr-area{display:inline-block;font-family:var(--ff-h);font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .65rem;border-radius:6px;color:var(--graphite)}
.hr-area.big{font-size:.95rem;padding:.4rem 1rem;border-radius:10px}
.a-inside{background:#ffd7b8}.a-outside{background:#c6e4ff}.a-safety{background:#ffc9d6}.a-systems{background:#c8f0da}.a-planning{background:#e0d9ff}
.hr-ticket-img{margin:1rem 1rem 0;border-radius:10px;overflow:hidden;background:var(--paper2)}
.hr-ticket-img img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .6s}
.hr-ticket:hover .hr-ticket-img img{transform:scale(1.05)}
.hr-ticket-body{padding:1.2rem 1.2rem 1.5rem;display:flex;flex-direction:column;flex:1}
.hr-ticket-body h3{font-size:1.32rem;margin-bottom:.55rem}
.hr-ticket-body p{color:var(--muted);font-size:.97rem}
.hr-signs{background:var(--note);border-left:4px solid var(--orange);border-radius:6px;padding:.6rem .8rem;font-size:.9rem;margin:.2rem 0 1.3rem}
.hr-signs b{font-family:var(--ff-h);color:var(--graphite)}
.hr-ticket-body .hr-btn{margin-top:auto;align-self:flex-start}

/* planner board */
.hr-planner{background:var(--white);border:2px solid var(--graphite);border-radius:22px;padding:1.4rem;box-shadow:0 10px 0 var(--graphite)}
.pb-tray{background:var(--paper);border-radius:16px;padding:1rem;margin-bottom:1.2rem}
.pb-tray-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem;margin-bottom:.7rem}
.pb-tray-head span{font-family:var(--ff-h);font-weight:800;font-size:1.1rem}
.pb-tray-head small{color:var(--muted)}
.pb-pool{display:flex;flex-wrap:wrap;gap:.6rem;min-height:70px}
.pb-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.pb-col{border:2px dashed var(--line);border-radius:16px;padding:.8rem;background:var(--paper);display:flex;flex-direction:column}
.pb-col-head{display:flex;align-items:center;gap:.5rem;font-family:var(--ff-h);font-weight:800;margin-bottom:.6rem}
.pb-col-head .dot{width:12px;height:12px;border-radius:50%}
.c-now .dot{background:var(--orange)}.c-soon .dot{background:var(--sky)}.c-later .dot{background:#9aa1a9}
.c-now{border-color:#ffc49a}.c-soon{border-color:#a9d3ff}
.pb-drop{min-height:150px;display:flex;flex-direction:column;gap:.55rem;flex:1;border-radius:12px;transition:background .2s}
.pb-pool.pb-drop{flex-direction:row;min-height:70px}
.pb-drop.over{background:rgba(255,224,102,.35)}
.pb-empty{margin:auto;color:#9aa1a9;font-size:.88rem;text-align:center}
.pb-drop:has(.pb-note) .pb-empty{display:none}
.pb-note{position:relative;background:var(--note);border-radius:4px 4px 14px 4px;padding:.6rem .7rem .55rem;box-shadow:0 4px 10px rgba(31,35,40,.1);cursor:grab;min-width:150px;border-top:6px solid;transition:transform .2s,box-shadow .2s}
.pb-note:hover{transform:rotate(-1.5deg);box-shadow:0 8px 16px rgba(31,35,40,.15)}
.pb-note.dragging{opacity:.5}
.pb-note:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.pb-note.a-inside{border-top-color:#ff9f5a}.pb-note.a-outside{border-top-color:#5fb2ff}.pb-note.a-safety{border-top-color:#ff6f91}.pb-note.a-systems{border-top-color:#3ccf86}.pb-note.a-planning{border-top-color:#8f7cf7}
.pb-note b{display:block;font-family:var(--ff-h);font-weight:700;font-size:.92rem;line-height:1.2}
.pb-note small{display:block;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;margin-top:.1rem}
.pb-move{display:flex;gap:.25rem;margin-top:.45rem}
.pb-move button{flex:1;border:1.5px solid var(--graphite);background:#fff;border-radius:6px;font-family:var(--ff-h);font-weight:700;font-size:.68rem;padding:.15rem .3rem;transition:all .15s}
.pb-move button:hover{background:var(--graphite);color:#fff}
.pb-move button.cur{background:var(--yellow)}
.pb-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.2rem}
.pb-status{margin:0;font-weight:700;color:var(--graphite)}
.pb-status b{color:var(--orange2)}
@media(max-width:767px){.pb-cols{grid-template-columns:1fr}.pb-drop{min-height:90px}.pb-note{min-width:0;flex:1 1 140px}}

/* photo */
.hr-photo{position:relative;background:#fff;padding:10px;border-radius:12px;box-shadow:0 20px 40px rgba(31,35,40,.15);transform:rotate(1.5deg)}
.hr-photo img{width:100%;aspect-ratio:5/4;object-fit:cover;display:block;border-radius:6px;background:var(--paper2)}
.tape{position:absolute;top:-12px;left:50%;transform:translateX(-50%) rotate(-3deg);width:110px;height:26px;background:rgba(255,224,102,.85);z-index:2;box-shadow:0 2px 4px rgba(0,0,0,.08)}

/* why */
.hr-why{list-style:none;padding:0;margin:1.4rem 0 0}
.hr-why li{display:flex;gap:.8rem;align-items:flex-start;padding:.85rem 0;border-bottom:1px dashed var(--line)}
.hr-why .hr-check{margin-top:.25rem}
.hr-why b{font-family:var(--ff-h)}

/* steps */
.hr-step{height:100%;background:var(--graphite2);border-radius:18px;padding:1.6rem;border:2px solid #3a4048;transition:transform .3s,border-color .3s}
.hr-step:hover{transform:translateY(-5px);border-color:var(--orange)}
.hr-step .st{display:inline-block;font-family:var(--ff-h);font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;background:var(--yellow);color:var(--graphite);padding:.3rem .8rem;border-radius:8px;margin-bottom:1rem}
.hr-step h5{color:#fff;font-size:1.3rem}
.hr-step p{margin:0;font-size:.96rem}

/* posts */
.hr-post{height:100%;display:flex;flex-direction:column;background:var(--white);border:2px solid var(--graphite);border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.hr-post:hover{transform:translateY(-5px);box-shadow:0 8px 0 var(--graphite)}
.hr-post-img{display:block;overflow:hidden;border-bottom:2px solid var(--graphite);background:var(--paper2)}
.hr-post-img img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .6s}
.hr-post:hover .hr-post-img img{transform:scale(1.05)}
.hr-post-body{padding:1.3rem 1.4rem 1.6rem;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.hr-post-body h3{font-size:1.25rem}
.hr-post-body h3 a{color:var(--graphite);text-decoration:none}
.hr-post-body h3 a:hover{color:var(--orange2)}
.hr-post-body p{color:var(--muted);font-size:.96rem}
.hr-post-body .hr-more{margin-top:auto}

/* sticky notes */
.hr-sticky{margin:0;height:100%;padding:1.8rem 1.6rem 1.4rem;border-radius:4px 4px 22px 4px;box-shadow:0 14px 24px rgba(31,35,40,.12);position:relative}
.hr-sticky.y{background:#fff3b0;transform:rotate(-1.5deg)}.hr-sticky.b{background:#d6ebff;transform:rotate(1deg)}.hr-sticky.g{background:#d4f5e2;transform:rotate(-.6deg)}
.hr-sticky::before{content:"";position:absolute;top:-10px;left:50%;width:22px;height:22px;border-radius:50%;background:var(--orange);box-shadow:inset -3px -3px 0 rgba(0,0,0,.15);transform:translateX(-50%)}
.hr-sticky blockquote{font-size:1.08rem;margin-bottom:1rem}
.hr-sticky figcaption{font-family:var(--ff-h);font-weight:700;font-size:.82rem;color:var(--muted)}

/* page top */
.hr-top{padding:56px 0 76px;border-bottom:2px solid var(--graphite);background-color:var(--paper);background-image:radial-gradient(#c9ccc4 1.2px,transparent 1.3px);background-size:22px 22px}
.hr-top h1{font-size:clamp(2.2rem,4.8vw,3.8rem);margin-bottom:1rem}
.hr-top p{font-size:1.14rem;color:var(--muted);max-width:600px}
.hr-crumb{display:flex;align-items:center;gap:.5rem;font-family:var(--ff-h);font-weight:600;font-size:.9rem;color:var(--muted);margin-bottom:1.2rem}
.hr-crumb a{color:var(--sky);text-decoration:none}

/* about */
.hr-prose p{margin-bottom:1.1rem}
.hr-val{height:100%;background:var(--white);border:2px solid var(--graphite);border-radius:16px;padding:1.6rem;transition:transform .3s,box-shadow .3s}
.hr-val:hover{transform:translateY(-5px);box-shadow:0 6px 0 var(--graphite)}
.hr-val .hr-check{width:30px;height:30px;margin-bottom:.8rem}
.hr-val h4{font-size:1.25rem}
.hr-val p{margin:0;color:var(--muted)}
.hr-promise{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;background:var(--yellow);border:2px solid var(--graphite);border-radius:22px;padding:2.4rem;box-shadow:0 10px 0 var(--graphite)}
.hr-promise h2{font-size:clamp(1.8rem,3vw,2.4rem)}
.hr-promise p{margin:0;max-width:600px}

/* services page */
.hr-areanav{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:3.5rem}
.hr-areanav a{font-family:var(--ff-h);font-weight:700;font-size:.95rem;text-decoration:none;color:var(--graphite);padding:.5rem 1.2rem;border-radius:10px;border:2px solid var(--graphite);transition:transform .2s,box-shadow .2s}
.hr-areanav a:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--graphite)}
.hr-area-sec{margin-bottom:4rem;scroll-margin-top:100px}
.hr-area-head{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.6rem;padding-bottom:1rem;border-bottom:2px dashed var(--line)}
.hr-area-head p{margin:0;color:var(--muted);font-size:1.05rem}

/* article */
.hr-article{font-size:1.08rem}
.hr-article h2{font-size:1.6rem;margin:2.3rem 0 .8rem;display:flex;align-items:center;gap:.7rem}
.hr-article h2::before{content:"";flex:none;width:20px;height:20px;border-radius:5px;border:3px solid var(--orange)}
.hr-article p{margin-bottom:1.15rem}
.hr-art-end{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;margin-top:3rem;background:var(--white);border:2px solid var(--graphite);border-radius:18px;padding:2rem;box-shadow:0 8px 0 var(--orange)}
.hr-art-end h4{font-size:1.35rem;margin-bottom:.3rem}
.hr-art-end p{margin:0;color:var(--muted)}
.hr-aside{position:sticky;top:110px}
.hr-check-card{background:#fff3b0;border-radius:4px 4px 22px 4px;padding:1.5rem;margin-bottom:1.4rem;box-shadow:0 10px 20px rgba(31,35,40,.08);transform:rotate(-1deg)}
.hr-check-card h5{font-size:1.15rem}
.hr-mini{list-style:none;padding:0;margin:0}
.hr-mini label{display:flex;gap:.6rem;align-items:center;padding:.35rem 0;cursor:pointer}
.hr-mini input{width:18px;height:18px;accent-color:var(--mint)}
.hr-mini input:checked+span{text-decoration:line-through;color:var(--muted)}
.hr-side{background:var(--white);border:2px solid var(--graphite);border-radius:16px;padding:1.4rem;margin-bottom:1.4rem}
.hr-side h5{font-size:1.1rem;margin-bottom:.9rem}
.hr-side.dark{background:var(--graphite);color:#c3c7cd}
.hr-side.dark h5{color:#fff}
.hr-side-post{display:flex;gap:.8rem;align-items:center;text-decoration:none;color:var(--graphite);padding:.55rem 0;font-family:var(--ff-h);font-weight:700;font-size:.92rem;line-height:1.3}
.hr-side-post img{width:62px;height:54px;object-fit:cover;border-radius:8px;flex:none;background:var(--paper2)}
.hr-side-post:hover{color:var(--orange2)}
.hr-toc{list-style:none;padding:0;margin:0}
.hr-toc a{display:block;padding:.4rem 0;color:var(--ink);text-decoration:none;font-size:.95rem;border-bottom:1px dashed var(--line)}
.hr-toc a:hover{color:var(--orange2)}
.hr-legal{scroll-margin-top:110px}
.hr-legal:first-child h2{margin-top:0}
.hr-legal ul{padding-left:1.2rem}

/* contact */
.hr-contact{position:relative;background:var(--graphite);color:#c3c7cd;border-radius:20px;padding:2.3rem;height:100%}
.hr-contact h3{color:#fff;font-size:1.9rem;margin-bottom:1.2rem}
.hc{display:flex;gap:1rem;align-items:flex-start;padding:1rem 0;border-bottom:1px dashed #3a4048}
.hc .i{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.15rem;flex:none;color:var(--graphite)}
.hc .i.o{background:#ffb27a}.hc .i.b{background:#9ccfff}.hc .i.g{background:#8fe3b5}
.hc small{font-family:var(--ff-h);font-weight:700;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow)}
.hc p{margin:0;color:#fff}
.hc a{color:#fff;text-decoration:none}
.hc a:hover{color:var(--yellow)}
.hr-contact-note{position:relative;margin-top:1.6rem;background:#fff3b0;color:var(--graphite);padding:1rem 1.1rem;border-radius:4px 4px 18px 4px;transform:rotate(-1.2deg);font-size:.95rem}
.pin{position:absolute;top:-9px;left:20px;width:18px;height:18px;border-radius:50%;background:var(--orange);box-shadow:inset -3px -3px 0 rgba(0,0,0,.15)}
.hr-form{background:var(--white);border:2px solid var(--graphite);border-radius:20px;padding:2.2rem;box-shadow:0 10px 0 var(--graphite)}
.hr-form h1,.hr-form h3{font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:1.2rem}
.hr-form .form-label{font-family:var(--ff-h);font-weight:700;font-size:.92rem}
.hr-form .form-control,.hr-form .form-select{border:2px solid var(--line);border-radius:12px;background:var(--paper);padding:.72rem .95rem}
.hr-form .form-control:focus,.hr-form .form-select:focus{border-color:var(--sky);box-shadow:0 0 0 .22rem rgba(58,160,255,.18);background:#fff}
.hr-form .form-check-input:checked{background-color:var(--mint);border-color:var(--mint)}
.hr-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.hr-chips label{cursor:pointer;margin:0}
.hr-chips input{position:absolute;opacity:0;pointer-events:none}
.hr-chips span{display:inline-block;padding:.45rem 1rem;border:2px solid var(--graphite);border-radius:10px;background:#fff;font-family:var(--ff-h);font-weight:600;font-size:.92rem;transition:all .2s}
.hr-chips label:hover span{background:var(--paper)}
.hr-chips input:checked+span{background:var(--yellow)}
.hr-chips .u-now input:checked+span{background:var(--orange);color:#fff}
.hr-chips .u-soon input:checked+span{background:var(--sky);color:#fff}
.hr-chips input:focus-visible+span{outline:3px solid var(--sky);outline-offset:2px}
.form-success{display:none;margin-top:1rem;padding:.9rem 1.1rem;border-radius:12px;background:#dcf7e8;border-left:5px solid var(--mint);color:#17603a}
.form-success.show{display:block}
.hr-map{margin-top:2.2rem;border:2px solid var(--graphite);border-radius:20px;overflow:hidden;box-shadow:0 10px 0 var(--sky)}
.hr-map iframe{width:100%;height:400px;border:0;display:block}
.hr-nl-foot{margin:1.2rem 0 0;font-size:.95rem;color:var(--muted)}

/* footer */
.hr-foot{background:var(--graphite);color:#b1b6bd;padding:80px 0 0}
.hr-foot-cta{display:flex;flex-wrap:wrap;align-items:center;gap:2.5rem;padding-bottom:3.5rem;margin-bottom:3.5rem;border-bottom:2px dashed #3a4048}
.hr-foot-note{position:relative;background:#fff3b0;color:var(--graphite);padding:1.4rem 1.4rem 1.2rem;border-radius:4px 4px 22px 4px;transform:rotate(-3deg);max-width:240px;font-size:1.05rem;box-shadow:0 14px 24px rgba(0,0,0,.25)}
.hr-foot-note b{font-family:var(--ff-h)}
.hr-foot-cta-r{flex:1;min-width:260px}
.hr-foot-cta h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:1.3rem}
.hr-foot-cta h2 span{color:var(--orange)}
.hr-foot h6{font-family:var(--ff-h);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);margin-bottom:1rem}
.hr-foot a:not(.hr-btn):not(.hr-logo){display:block;color:#b1b6bd;text-decoration:none;padding:.22rem 0;transition:color .2s}
.hr-foot a:not(.hr-btn):not(.hr-logo):hover{color:#fff}
.hr-foot .hr-mail{color:#fff!important;display:inline-block!important;border-bottom:3px solid var(--orange)}
.hr-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;padding:1.5rem 0;margin-top:3.5rem;border-top:2px dashed #3a4048;font-size:.9rem}
.hr-up{position:fixed;right:20px;bottom:20px;width:50px;height:50px;border-radius:12px;background:var(--orange);color:#fff;display:grid;place-items:center;text-decoration:none;font-size:1.2rem;font-weight:700;opacity:0;visibility:hidden;transition:all .3s;z-index:1040;box-shadow:0 5px 0 var(--orange2)}
.hr-up.show{opacity:1;visibility:visible}
.hr-up:hover{color:#fff;transform:translateY(-3px)}

/* reveal */
.tick{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.tick.done{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.tick{opacity:1;transform:none;transition:none}.hr-list li .hr-check{animation:none}html{scroll-behavior:auto}}
@media(max-width:767px){.hr-sec{padding:72px 0}.hr-form,.hr-contact,.hr-promise{padding:1.5rem}.hr-planner{padding:1rem}}
.hr-clip-board{z-index:1;max-width:440px}
.hr-clip-photo{z-index:0;top:30px;bottom:auto;width:40%;transform:rotate(5deg)}
@media(max-width:575px){.hr-clip-board{max-width:88%}.hr-clip-photo{width:42%;top:auto;bottom:0}}