/* Five timber finishes; all service labels remain real, selectable text. */
.service-tab[data-tab="0"],.service-content[data-wood="0"]{--wood-light:#e9cf9e;--wood-mid:#c8a26a;--wood-dark:#99703c;--carved:#493018;--carve-light:#fff0c6;--carve-shadow:#80572a}
.service-tab[data-tab="1"],.service-content[data-wood="1"]{--wood-light:#dfae7d;--wood-mid:#be8554;--wood-dark:#86512e;--carved:#3e2516;--carve-light:#f3d2a6;--carve-shadow:#704323}
.service-tab[data-tab="2"],.service-content[data-wood="2"]{--wood-light:#c18464;--wood-mid:#a26043;--wood-dark:#703d2c;--carved:#fff1d8;--carve-light:#dba584;--carve-shadow:#482317}
.service-tab[data-tab="3"],.service-content[data-wood="3"]{--wood-light:#a58666;--wood-mid:#816145;--wood-dark:#513b29;--carved:#fff1db;--carve-light:#c6a581;--carve-shadow:#352215}
.service-tab[data-tab="4"],.service-content[data-wood="4"]{--wood-light:#6f6553;--wood-mid:#51493b;--wood-dark:#322b22;--carved:#f7e7ce;--carve-light:#9b8d72;--carve-shadow:#191710}
.service-tabs{gap:14px}
.service-tab,.service-tab:first-child,.service-tab[aria-selected="true"]{position:relative;isolation:isolate;border:1px solid var(--wood-dark);border-radius:12px;padding:24px 22px;background-color:var(--wood-mid);background-image:url('assets/wood-grain.svg'),repeating-linear-gradient(178deg,transparent 0 5px,#36210e0b 6px,transparent 8px 13px),linear-gradient(105deg,var(--wood-light),var(--wood-mid) 70%,var(--wood-light));background-size:720px 110px,100% 100%,100% 100%;box-shadow:inset 0 1px 1px #fff8d97a,inset 0 -2px 3px #29160832,0 5px 0 var(--wood-dark),0 9px 16px #573b2212;transition:transform .18s,box-shadow .18s}
.service-tab[data-tab="1"]{background-position:80px 20px,center,center;background-size:850px 130px,100% 100%,100% 100%}
.service-tab[data-tab="2"]{background-position:180px -28px,center,center}
.service-tab[data-tab="3"]{background-position:-130px 8px,center,center;background-size:570px 95px,100% 100%,100% 100%}
.service-tab[data-tab="4"]{background-position:240px -6px,center,center}
.service-tab strong{color:var(--carved);font-weight:750;letter-spacing:-.35px;text-shadow:0 -1px 1px var(--carve-shadow),0 1px 0 var(--carve-light);line-height:1.4}
.service-tab .num,.service-tab .tab-arrow{color:var(--carved);text-shadow:0 -1px 1px var(--carve-shadow),0 1px 0 var(--carve-light)}
.service-tab .num{font-weight:700}
.service-tab .tab-arrow{width:29px;height:29px;line-height:29px;text-align:center;border-radius:50%}
.service-tab[aria-selected="true"]{outline:2px solid #a0be54;outline-offset:3px;transform:translateX(5px)}
.service-tab[aria-selected="true"] strong{font-weight:800}
.service-tab[aria-selected="true"] .tab-arrow{background:#d3ed96;color:#314327;text-shadow:none;box-shadow:inset 0 1px 2px #49612333,0 1px 0 #fff8}
.service-tab:hover{transform:translateX(5px);box-shadow:inset 0 1px 1px #fff8d97a,inset 0 -2px 3px #29160832,0 5px 0 var(--wood-dark),0 12px 20px #573b2225}
.service-tab:focus-visible{outline:3px solid #416d2c;outline-offset:5px}
.service-content{border-color:#fff9e9;background:linear-gradient(135deg,#fffdf6,#f1ebdb)}
.service-graphic{height:133px;gap:10px;align-items:center}
.service-graphic .graphic-box,.service-graphic .graphic-box:nth-child(2){position:relative;flex-shrink:0;width:83px;height:83px;display:grid;place-items:center;border:0;border-radius:0;background:transparent url('assets/log-cross-section.svg') center/contain no-repeat;box-shadow:none;filter:drop-shadow(0 5px 1px #6c462a25);color:#603d21;text-shadow:0 1px 0 #f8e4b7;font-size:25px;isolation:isolate}
.service-graphic #graphic-icon{width:108px;height:108px;font-size:35px;transform:rotate(-8deg);filter:drop-shadow(0 7px 2px #6c462a28)}
.service-graphic .graphic-box:last-child{transform:rotate(12deg);filter:brightness(.91) saturate(.85) drop-shadow(0 5px 1px #6c462a25)}
.service-graphic .graphic-line{height:3px;width:20px;flex-shrink:1;border-radius:3px;background:#ae8959;box-shadow:0 1px 0 #f8e6c3}
@media(max-width:1050px){.service-tab,.service-tab:first-child{padding:22px 17px}.service-graphic .graphic-box{width:70px;height:70px}.service-graphic #graphic-icon{width:94px;height:94px}.service-graphic{gap:7px}.service-graphic .graphic-line{width:15px}}
@media(max-width:760px){.service-tab,.service-tab:first-child{padding:21px 16px}.service-tab strong{font-size:16px}.service-tab[aria-selected="true"],.service-tab:hover{transform:none}.service-content{margin-top:5px}.service-graphic{justify-content:center}}
@media(prefers-reduced-motion:reduce){.service-tab{transition:none}}
/* Raised timber edging and two inset brass screws on every plank. */
.service-tab,.service-tab:first-child,.service-tab[aria-selected="true"]{border:4px solid var(--wood-dark);background-image:url('assets/plank-grain.svg'),repeating-linear-gradient(178deg,transparent 0 5px,#36210e0e 6px,transparent 8px 13px),linear-gradient(105deg,var(--wood-light),var(--wood-mid) 70%,var(--wood-light));background-size:720px 120px,100% 100%,100% 100%;box-shadow:inset 0 2px 0 #fff0bd73,inset 2px 0 2px #f7d79e45,inset 0 -3px 3px #321b0f55,0 4px 0 var(--wood-dark),0 8px 15px #573b2220}
.service-tab::before,.service-tab::after{content:'';position:absolute;top:6px;width:9px;height:9px;border:1px solid #89601c;border-radius:50%;background-image:linear-gradient(135deg,transparent 42%,#765019 44%,#765019 53%,transparent 55%),radial-gradient(circle at 30% 25%,#fff4c3 0%,#e2bf63 30%,#be8e2c 65%,#8e6118 90%);box-shadow:inset 0 1px 0 #fff3c9,0 1px 1px #2f1a0c80}
.service-tab::before{left:8px}.service-tab::after{right:8px}
.service-tab:hover{box-shadow:inset 0 2px 0 #fff0bd73,inset 2px 0 2px #f7d79e45,inset 0 -3px 3px #321b0f55,0 4px 0 var(--wood-dark),0 10px 20px #573b2230}
.service-tab::before,.service-tab::after{content:none}
.plank-fittings{position:absolute;inset:0;pointer-events:none}
.plank-fittings i{position:absolute;width:9px;height:9px;border:1px solid #89601c;border-radius:50%;background-image:linear-gradient(135deg,transparent 42%,#765019 44%,#765019 53%,transparent 55%),radial-gradient(circle at 30% 25%,#fff4c3 0%,#e2bf63 30%,#be8e2c 65%,#8e6118 90%);box-shadow:inset 0 1px 0 #fff3c9,0 1px 1px #2f1a0c80}
.plank-fittings i:nth-child(1){top:6px;left:8px}.plank-fittings i:nth-child(2){top:6px;right:8px}.plank-fittings i:nth-child(3){bottom:6px;left:8px}.plank-fittings i:nth-child(4){bottom:6px;right:8px}
.woodland-leaf{position:absolute;left:-19px;bottom:-10px;width:39px;height:51px;background:url('assets/woodland-leaves.svg') center/contain no-repeat;filter:drop-shadow(1px 3px 1px #28391d23);transform:rotate(-28deg);pointer-events:none;z-index:1}
.service-tab[data-tab="1"] .woodland-leaf,.service-tab[data-tab="3"] .woodland-leaf{display:none}
.service-tab[data-tab="2"] .woodland-leaf{left:auto;right:-19px;bottom:-12px;transform:rotate(32deg)}
.service-tab[data-tab="4"] .woodland-leaf{width:32px;left:-15px;transform:rotate(-18deg)}
.service-content{position:relative;padding-bottom:48px}
.wood-lotus{position:absolute;bottom:14px;right:17px;display:block;width:23px;height:21px;background:url('assets/lotus-secret.svg') center/contain no-repeat;opacity:.8;transition:transform .2s,opacity .2s}
.wood-lotus:hover{opacity:1;transform:rotate(-6deg) scale(1.15)}
@media(max-width:760px){.woodland-leaf{left:0;width:33px;height:45px}.service-tab[data-tab="2"] .woodland-leaf{right:0}.service-tab[data-tab="4"] .woodland-leaf{left:0}}
/* Selected planks press into their frame; the arrow is carved into the face. */
.service-tab[aria-selected="true"]{outline:none;transform:translateY(2px);box-shadow:inset 0 2px 4px #28170945,inset 0 -1px 0 #ffe4b54a,0 2px 0 var(--wood-dark),0 4px 8px #573b221c}
.service-tab[aria-selected="true"] .tab-arrow{background:transparent;color:var(--carved);text-shadow:0 -1px 1px var(--carve-shadow),0 1px 0 var(--carve-light);box-shadow:inset 0 1px 2px #28170945,0 1px 0 var(--carve-light);border:1px solid #4d2d1629;border-radius:50%}
.service-tab .tab-arrow{box-shadow:inset 0 1px 2px #28170932,0 1px 0 #fff3;border:1px solid #4d2d1622}
.service-tab:focus-visible{outline:3px solid #694728;outline-offset:5px}
.woodland-leaf{--leaf-turn:-28deg;--leaf-drift:10px;transform:rotate(var(--leaf-turn));transition:opacity .35s,transform .4s;opacity:1}
.service-tab[data-tab="1"] .woodland-leaf,.service-tab[data-tab="3"] .woodland-leaf{display:block;width:30px;height:43px;--leaf-turn:-15deg}
.service-tab[data-tab="2"] .woodland-leaf{--leaf-turn:32deg;--leaf-drift:-10px;transform:rotate(var(--leaf-turn))}
.service-tab[data-tab="4"] .woodland-leaf{--leaf-turn:-18deg;transform:rotate(var(--leaf-turn))}
.service-tab[aria-selected="true"] .woodland-leaf{animation:leaf-detach .85s ease-in forwards}
@keyframes leaf-detach{0%{opacity:1;transform:translate(0,0) rotate(var(--leaf-turn))}25%{opacity:1;transform:translate(var(--leaf-drift),12px) rotate(calc(var(--leaf-turn) + 20deg))}65%{opacity:.65;transform:translate(var(--leaf-drift),47px) rotate(calc(var(--leaf-turn) + 65deg))}100%{opacity:0;transform:translate(var(--leaf-drift),85px) rotate(calc(var(--leaf-turn) + 100deg))}}
@media(prefers-reduced-motion:reduce){.woodland-leaf{transition:none}.service-tab[aria-selected="true"] .woodland-leaf{animation:none;opacity:0}}
/* A fine brass lip surrounds a recessed wooden arrow medallion. */
.service-tab .tab-arrow,.service-tab[aria-selected="true"] .tab-arrow{position:relative;display:grid;place-items:center;isolation:isolate;width:29px;height:29px;line-height:1;font-size:0;border:1px solid #a27a3c;border-radius:50%;color:var(--carved);background:radial-gradient(circle at 65% 80%,#fff0b40c,transparent 65%),linear-gradient(145deg,#2e170b16,#fff0c410);box-shadow:inset 0 2px 3px #2f1a0d55,inset 0 -1px 1px #ffe6b950,0 1px 0 #f3d7a56b;text-shadow:none;transition:border-color .2s,box-shadow .2s}
.service-tab .tab-arrow::before{content:'';position:absolute;inset:3px;border:1px solid #f1d4a329;border-top-color:#30180930;border-radius:50%;pointer-events:none}
.service-tab .tab-arrow svg{position:relative;width:19px;height:19px;overflow:visible;filter:drop-shadow(0 1px 0 var(--carve-light)) drop-shadow(0 -1px .25px var(--carve-shadow));transition:transform .22s ease;transform-origin:center}
.service-tab:hover .tab-arrow{border-color:#d4ad61;box-shadow:inset 0 2px 3px #2f1a0d66,inset 0 -1px 1px #ffe6b970,0 1px 0 #f3d7a58a}
.service-tab:hover .tab-arrow svg{transform:translate(1px,-1px)}
.service-tab[aria-selected="true"] .tab-arrow svg{transform:rotate(45deg)}
.service-tab[aria-selected="true"] .tab-arrow{border-color:#c39a50;box-shadow:inset 0 2px 4px #29150b70,inset 0 -1px 1px #ffe6b960,0 1px 0 #f3d7a578}
@media(prefers-reduced-motion:reduce){.service-tab .tab-arrow,.service-tab .tab-arrow svg{transition:none}}
.service-graphic #graphic-icon{transform:none}
.service-symbol{width:49%;height:49%;display:block;color:#573719;overflow:visible;filter:drop-shadow(0 1px 0 #fae5bd) drop-shadow(0 -1px .3px #70431d)}