{"id":91,"date":"2026-06-27T04:17:51","date_gmt":"2026-06-27T04:17:51","guid":{"rendered":"https:\/\/techcoree.com\/?page_id=91"},"modified":"2026-06-27T04:43:59","modified_gmt":"2026-06-27T04:43:59","slug":"our-services","status":"publish","type":"page","link":"https:\/\/techcoree.com\/?page_id=91","title":{"rendered":"Our Services"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<title>Preview \u2014 Our Services<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500;600;700&amp;family=Inter:wght@400;500;600&amp;family=JetBrains+Mono:wght@400;500&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  \/* ===========================================================\n     TECHCORE ENGINEERING \u2014 OUR SERVICES (PREVIEW)\n     Same design system as Our Projects: blueprint navy + amber,\n     rounded modern cards.\n     =========================================================== *\/\n  *{box-sizing:border-box;margin:0;padding:0;}\n  body{background:#F7F5F0;}\n  :root{\n    --tc-navy:        #0B1F33;\n    --tc-navy-deep:   #071521;\n    --tc-steel:       #3D4852;\n    --tc-steel-light: #6B7785;\n    --tc-concrete:    #EDEAE3;\n    --tc-paper:       #F7F5F0;\n    --tc-ink:         #13171C;\n    --tc-amber:       #D98E2B;\n    --tc-amber-dim:   #B97A22;\n    --tc-line:        rgba(11,31,51,0.14);\n    --tc-line-soft:   rgba(237,234,227,0.16);\n    --tc-ease:        cubic-bezier(.22,.61,.36,1);\n  }\n  #tc-services-root{\n    background: var(--tc-paper);\n    color: var(--tc-ink);\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    overflow-x: clip;\n    isolation: isolate;\n  }\n  #tc-services-root *{ box-sizing: border-box; }\n  #tc-services-root img{ max-width:100%; display:block; }\n  @media (prefers-reduced-motion: no-preference){ #tc-services-root{ scroll-behavior: smooth; } }\n  .tc-display{ font-family:'Oswald','Barlow Condensed','Arial Narrow',sans-serif; text-transform:uppercase; letter-spacing:.02em; font-weight:600; }\n  .tc-mono{ font-family:'JetBrains Mono','Courier New',monospace; letter-spacing:.04em; }\n\n  \/* ---------- HERO ---------- *\/\n  .tc-hero{ position:relative; min-height:38vh; display:flex; flex-direction:column; justify-content:flex-end; background:var(--tc-navy); color:var(--tc-concrete); padding:clamp(36px,5vw,56px) clamp(24px,6vw,72px) 48px; overflow:hidden; }\n  .tc-hero-grid{ position:absolute; inset:0; background-image: linear-gradient(var(--tc-line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--tc-line-soft) 1px, transparent 1px); background-size:56px 56px; opacity:.5; mask-image: linear-gradient(to bottom, black, transparent 92%); will-change:transform; }\n  .tc-hero-beam{ position:absolute; top:-10%; right:-6%; width:min(46vw,620px); height:140%; background:linear-gradient(180deg, transparent, rgba(217,142,43,.10), transparent); transform:rotate(8deg); will-change:transform; pointer-events:none; }\n  .tc-hero-eyebrow{ display:flex; align-items:center; gap:12px; font-size:12.5px; color:var(--tc-amber); margin-bottom:18px; position:relative; z-index:2; }\n  .tc-hero-eyebrow .tc-rule{ width:34px; height:1px; background:var(--tc-amber); display:inline-block; }\n  .tc-hero h1{ position:relative; \n  z-index:2; \n  font-size:clamp(2.2rem,6vw,4.4rem); \n  line-height:.98; \n  margin:0 0 18px;\n   max-width:18ch; color:#ffffff;}\n  .tc-hero h1 span{ color:var(--tc-amber); }\n  .tc-hero p{ position:relative; z-index:2; max-width:58ch; font-size:clamp(1rem,1.5vw,1.1rem); line-height:1.6; color:rgba(237,234,227,.78); }\n\n  \/* ---------- SECTION HEAD ---------- *\/\n  .tc-section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; padding:48px clamp(24px,6vw,72px) 28px; border-bottom:1px solid var(--tc-line); }\n  .tc-section-head h2{ font-size:clamp(1.6rem,3vw,2.1rem); margin:0; color:var(--tc-navy); }\n  .tc-section-head .tc-count{ font-size:12px; color:var(--tc-steel); }\n\n  \/* ---------- GRID ---------- *\/\n  .tc-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:28px; padding: 40px clamp(24px,6vw,72px) 80px; }\n\n  \/* ---------- CARD ---------- *\/\n  .tc-card{\n    position:relative; background:var(--tc-paper);\n    border:1px solid rgba(11,31,51,.08); border-radius:18px; overflow:hidden;\n    opacity:0; transform:translateY(48px);\n    transition:opacity .8s var(--tc-ease), transform .8s var(--tc-ease), box-shadow .35s var(--tc-ease);\n    will-change:transform,opacity; box-shadow:0 1px 2px rgba(11,31,51,.04);\n  }\n  .tc-card.is-visible{ opacity:1; transform:translateY(0); }\n  .tc-card:hover{ box-shadow:0 24px 48px -16px rgba(11,31,51,.22); transform:translateY(-4px); }\n  .tc-card-inner{ perspective:1200px; height:100%; }\n  .tc-card-tilt{ position:relative; height:100%; transform-style:preserve-3d; transition:transform .4s var(--tc-ease); background:var(--tc-paper); display:flex; flex-direction:column; }\n\n  \/* image \/ carousel zone \u2014 this is the zoom+tilt target *\/\n  .tc-img-zone{ position:relative; width:100%; aspect-ratio:4\/3; overflow:hidden; background:var(--tc-steel); cursor:pointer; }\n  .tc-img-zone::after{ content:\"\"; position:absolute; inset:0; background:linear-gradient(180deg, rgba(7,21,33,0) 55%, rgba(7,21,33,.6) 100%); z-index:2; pointer-events:none; }\n  .tc-track{ display:flex; height:100%; width:max-content; animation:tc-scroll linear infinite; will-change:transform; }\n  .tc-track-inner{ display:flex; height:100%; transition: transform .12s linear; transform-origin:center center; will-change:transform; }\n  .tc-track img{ height:100%; width:auto; object-fit:cover; flex-shrink:0; }\n  @keyframes tc-scroll{ from{transform:translateX(0);} to{transform:translateX(var(--tc-shift,-50%));} }\n  #tc-services-root .tc-img-zone:hover .tc-track{ animation-play-state:paused; }\n\n  \/* icon badge floating over the image *\/\n  .tc-icon-badge{\n    position:absolute; top:14px; left:14px; z-index:4;\n    width:42px; height:42px; border-radius:12px;\n    background:rgba(247,245,240,.92); backdrop-filter:blur(4px);\n    display:flex; align-items:center; justify-content:center;\n    box-shadow:0 4px 14px rgba(11,31,51,.18);\n    transform: translateZ(30px);\n  }\n  .tc-icon-badge svg{ width:22px; height:22px; stroke:var(--tc-navy); fill:none; stroke-width:1.7; }\n\n  .tc-num-tag{\n    position:absolute; top:14px; right:14px; z-index:4;\n    font-family:'JetBrains Mono','Courier New',monospace;\n    font-size:11px; color:rgba(247,245,240,.85);\n    letter-spacing:.05em;\n  }\n\n  .tc-card-body{ position:relative; padding:22px 24px 24px; flex:1; display:flex; flex-direction:column; transform:translateZ(10px); }\n  .tc-card-body h3{ margin:0 0 10px; font-size:1.22rem; color:var(--tc-navy); line-height:1.2; }\n  .tc-card-body p{ margin:0 0 20px; font-size:.9rem; line-height:1.55; color:var(--tc-steel); flex:1; }\n\n  .tc-readmore{\n    display:inline-flex; align-items:center; gap:8px;\n    align-self:flex-start;\n    background:none; border:none; cursor:pointer;\n    font-family:'Inter',sans-serif; font-weight:600; font-size:.86rem;\n    color:var(--tc-navy); padding:0;\n    position:relative;\n  }\n  .tc-readmore .tc-plus{\n    display:inline-flex; align-items:center; justify-content:center;\n    width:22px; height:22px; border-radius:50%;\n    border:1.5px solid var(--tc-navy);\n    transition: background .25s var(--tc-ease), transform .25s var(--tc-ease), border-color .25s var(--tc-ease);\n    font-size:13px; line-height:1;\n  }\n  .tc-readmore:hover .tc-plus{ background:var(--tc-amber); border-color:var(--tc-amber); color:var(--tc-navy); transform:rotate(90deg); }\n  .tc-readmore:hover{ color:var(--tc-amber-dim); }\n\n  \/* ---------- STRIP ---------- *\/\n  .tc-strip{ background:var(--tc-navy); color:rgba(237,234,227,.6); padding:28px clamp(24px,6vw,72px); display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:11.5px; }\n\n  @media (max-width:640px){\n    .tc-grid{ grid-template-columns:1fr; }\n    .tc-hero{ min-height:30vh; padding-top:32px; }\n  }\n  @media (prefers-reduced-motion: reduce){\n    .tc-card{ transition:none; opacity:1; transform:none; }\n    .tc-track{ animation:none; }\n    .tc-card-tilt, .tc-track-inner{ transition:none; }\n    .tc-hero-grid, .tc-hero-beam{ transform:none !important; }\n  }\n<\/style>\n\n\n<div id=\"tc-services-root\">\n\n  <!-- ============ HERO ============ -->\n  <section class=\"tc-hero\" id=\"tc-hero\">\n    <div class=\"tc-hero-grid\" id=\"tc-hero-grid\"><\/div>\n    <div class=\"tc-hero-beam\" id=\"tc-hero-beam\"><\/div>\n    <div class=\"tc-hero-eyebrow\"><span class=\"tc-rule\"><\/span> TECHCORE ENGINEERING \u2014 CAPABILITIES<\/div>\n    <h1>Engineering services built on <span>precision<\/span>.<\/h1>\n    <p>From timber framing to steel fabrication detailing \u2014 structural design, analysis, and documentation services for projects of every scale.<\/p>\n  <\/section>\n\n  <div class=\"tc-section-head\">\n    <h2 class=\"tc-display\">What We Do<\/h2>\n    <span class=\"tc-count tc-mono\">9 SERVICES<\/span>\n  <\/div>\n\n  <!-- ============ GRID ============ -->\n  <div class=\"tc-grid\" id=\"tc-grid\">\n\n    <!-- 1 \u2014 Heavy Timber Structural Design -->\n    <article class=\"tc-card\" data-service=\"\">\n      <div class=\"tc-card-inner\">\n        <div class=\"tc-card-tilt\" data-tilt=\"\">\n          <div class=\"tc-img-zone\" data-zoom=\"\">\n            <div class=\"tc-icon-badge\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 20V8l8-5 8 5v12\"><\/path><path d=\"M9 20v-7h6v7\"><\/path><path d=\"M4 12h16\"><\/path><\/svg>\n            <\/div>\n            <span class=\"tc-num-tag\">01<\/span>\n            <div class=\"tc-track\" style=\"--tc-shift:-50%; animation-duration:22s;\">\n              <div class=\"tc-track-inner\" data-track-inner=\"\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1473893604213-3df9c15611c0?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517089596392-fb9a9033e05b?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1473893604213-3df9c15611c0?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517089596392-fb9a9033e05b?w=700&amp;q=60\">\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tc-card-body\">\n            <h3>Heavy Timber Structural Design<\/h3>\n            <p>Detailed structural drawings, load calculations, CAD + 3D timber modelling, and joinery &amp; connector detailing.<\/p>\n            <button class=\"tc-readmore\"><span class=\"tc-plus\">+<\/span> Read More<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- 2 \u2014 Glulam Frame Structures -->\n    <article class=\"tc-card\" data-service=\"\">\n      <div class=\"tc-card-inner\">\n        <div class=\"tc-card-tilt\" data-tilt=\"\">\n          <div class=\"tc-img-zone\" data-zoom=\"\">\n            <div class=\"tc-icon-badge\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M3 21V9l9-6 9 6v12\"><\/path><path d=\"M3 12h18\"><\/path><path d=\"M9 21v-6h6v6\"><\/path><\/svg>\n            <\/div>\n            <span class=\"tc-num-tag\">02<\/span>\n            <div class=\"tc-track\" style=\"--tc-shift:-50%; animation-duration:20s;\">\n              <div class=\"tc-track-inner\" data-track-inner=\"\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518780664697-55e3ad937233?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1505843513577-22bb7d21e455?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518780664697-55e3ad937233?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1505843513577-22bb7d21e455?w=700&amp;q=60\">\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tc-card-body\">\n            <h3>Glulam Frame Structures<\/h3>\n            <p>Laminated timber beams \u2014 stronger than solid timber, lightweight yet durable. Ideal for modern architecture.<\/p>\n            <button class=\"tc-readmore\"><span class=\"tc-plus\">+<\/span> Read More<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- 3 \u2014 Steel Fabrication Drawings -->\n    <article class=\"tc-card\" data-service=\"\">\n      <div class=\"tc-card-inner\">\n        <div class=\"tc-card-tilt\" data-tilt=\"\">\n          <div class=\"tc-img-zone\" data-zoom=\"\">\n            <div class=\"tc-icon-badge\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M14 4l6 6-9 9-6-6z\"><\/path><path d=\"M14 4l-3 3\"><\/path><path d=\"M5 19l3-3\"><\/path><circle cx=\"18.5\" cy=\"5.5\" r=\"1.2\"><\/circle><\/svg>\n            <\/div>\n            <span class=\"tc-num-tag\">03<\/span>\n            <div class=\"tc-track\" style=\"--tc-shift:-50%; animation-duration:24s;\">\n              <div class=\"tc-track-inner\" data-track-inner=\"\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1565008447742-97f6f38c985c?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1565008447742-97f6f38c985c?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?w=700&amp;q=60\">\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tc-card-body\">\n            <h3>Steel Fabrication Drawings<\/h3>\n            <p>Steel fabrication services including cutting, welding, assembly detailing, and shop drawings for all building types.<\/p>\n            <button class=\"tc-readmore\"><span class=\"tc-plus\">+<\/span> Read More<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- 4 \u2014 Concrete Structure Drawings -->\n    <article class=\"tc-card\" data-service=\"\">\n      <div class=\"tc-card-inner\">\n        <div class=\"tc-card-tilt\" data-tilt=\"\">\n          <div class=\"tc-img-zone\" data-zoom=\"\">\n            <div class=\"tc-icon-badge\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"1\"><\/rect><path d=\"M3 9h18\"><\/path><path d=\"M9 9v12\"><\/path><path d=\"M15 9v12\"><\/path><\/svg>\n            <\/div>\n            <span class=\"tc-num-tag\">04<\/span>\n            <div class=\"tc-track\" style=\"--tc-shift:-50%; animation-duration:21s;\">\n              <div class=\"tc-track-inner\" data-track-inner=\"\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=700&amp;q=60\">\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tc-card-body\">\n            <h3>Concrete Structure Drawings<\/h3>\n            <p>Reinforced concrete detailing (RCC), beam framing, concrete shop drawings, and pre-stressed component design.<\/p>\n            <button class=\"tc-readmore\"><span class=\"tc-plus\">+<\/span> Read More<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- 5 \u2014 Pre-Fabrication Drawings -->\n    <article class=\"tc-card\" data-service=\"\">\n      <div class=\"tc-card-inner\">\n        <div class=\"tc-card-tilt\" data-tilt=\"\">\n          <div class=\"tc-img-zone\" data-zoom=\"\">\n            <div class=\"tc-icon-badge\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"7\" width=\"7\" height=\"7\"><\/rect><rect x=\"14\" y=\"7\" width=\"7\" height=\"7\"><\/rect><rect x=\"8.5\" y=\"14\" width=\"7\" height=\"7\"><\/rect><\/svg>\n            <\/div>\n            <span class=\"tc-num-tag\">05<\/span>\n            <div class=\"tc-track\" style=\"--tc-shift:-50%; animation-duration:19s;\">\n              <div class=\"tc-track-inner\" data-track-inner=\"\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581092160562-40aa08e78837?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581092160562-40aa08e78837?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?w=700&amp;q=60\">\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tc-card-body\">\n            <h3>Pre-Fabrication Drawings<\/h3>\n            <p>Complete pre-fab packages \u2014 erection detailing, rebar shop drawings, connection detailing, and roof truss joint detailing.<\/p>\n            <button class=\"tc-readmore\"><span class=\"tc-plus\">+<\/span> Read More<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- 6 \u2014 Structural Consultation -->\n    <article class=\"tc-card\" data-service=\"\">\n      <div class=\"tc-card-inner\">\n        <div class=\"tc-card-tilt\" data-tilt=\"\">\n          <div class=\"tc-img-zone\" data-zoom=\"\">\n            <div class=\"tc-icon-badge\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 8v4l3 2\"><\/path><\/svg>\n            <\/div>\n            <span class=\"tc-num-tag\">06<\/span>\n            <div class=\"tc-track\" style=\"--tc-shift:-50%; animation-duration:18s;\">\n              <div class=\"tc-track-inner\" data-track-inner=\"\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=700&amp;q=60\">\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tc-card-body\">\n            <h3>Structural Consultation<\/h3>\n            <p>On-demand structural consultation, project review, and technical support \u2014 available remotely for clients worldwide.<\/p>\n            <button class=\"tc-readmore\"><span class=\"tc-plus\">+<\/span> Read More<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- 7 \u2014 Seismic & Wind Load Analysis -->\n    <article class=\"tc-card\" data-service=\"\">\n      <div class=\"tc-card-inner\">\n        <div class=\"tc-card-tilt\" data-tilt=\"\">\n          <div class=\"tc-img-zone\" data-zoom=\"\">\n            <div class=\"tc-icon-badge\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M2 12h4l2-7 4 14 2-7h8\"><\/path><\/svg>\n            <\/div>\n            <span class=\"tc-num-tag\">07<\/span>\n            <div class=\"tc-track\" style=\"--tc-shift:-50%; animation-duration:23s;\">\n              <div class=\"tc-track-inner\" data-track-inner=\"\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1431576901776-e539bd916ba2?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1431576901776-e539bd916ba2?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?w=700&amp;q=60\">\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tc-card-body\">\n            <h3>Seismic &amp; Wind Load Analysis<\/h3>\n            <p>Lateral force analysis, base shear calculations, and dynamic modelling to confirm structures perform under seismic and wind loading.<\/p>\n            <button class=\"tc-readmore\"><span class=\"tc-plus\">+<\/span> Read More<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- 8 \u2014 Structural Inspection & Retrofit Reports -->\n    <article class=\"tc-card\" data-service=\"\">\n      <div class=\"tc-card-inner\">\n        <div class=\"tc-card-tilt\" data-tilt=\"\">\n          <div class=\"tc-img-zone\" data-zoom=\"\">\n            <div class=\"tc-icon-badge\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"><\/circle><path d=\"M15.2 15.2L21 21\"><\/path><path d=\"M8 10.5h5\"><\/path><\/svg>\n            <\/div>\n            <span class=\"tc-num-tag\">08<\/span>\n            <div class=\"tc-track\" style=\"--tc-shift:-50%; animation-duration:20s;\">\n              <div class=\"tc-track-inner\" data-track-inner=\"\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1496307653780-42ee777d4833?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1496307653780-42ee777d4833?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?w=700&amp;q=60\">\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tc-card-body\">\n            <h3>Structural Inspection &amp; Retrofit Reports<\/h3>\n            <p>On-site condition assessments, deficiency reporting, and retrofit recommendations for ageing or damaged structures.<\/p>\n            <button class=\"tc-readmore\"><span class=\"tc-plus\">+<\/span> Read More<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- 9 \u2014 Foundation & Geotechnical Design Coordination -->\n    <article class=\"tc-card\" data-service=\"\">\n      <div class=\"tc-card-inner\">\n        <div class=\"tc-card-tilt\" data-tilt=\"\">\n          <div class=\"tc-img-zone\" data-zoom=\"\">\n            <div class=\"tc-icon-badge\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18\"><\/path><path d=\"M5 21V10l7-6 7 6v11\"><\/path><path d=\"M9 21v-6h6v6\"><\/path><\/svg>\n            <\/div>\n            <span class=\"tc-num-tag\">09<\/span>\n            <div class=\"tc-track\" style=\"--tc-shift:-50%; animation-duration:21s;\">\n              <div class=\"tc-track-inner\" data-track-inner=\"\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1565008447742-97f6f38c985c?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?w=700&amp;q=60\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1565008447742-97f6f38c985c?w=700&amp;q=60\">\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tc-card-body\">\n            <h3>Foundation &amp; Geotechnical Design Coordination<\/h3>\n            <p>Footing and foundation design coordinated with soil reports to match structural loads to site-specific ground conditions.<\/p>\n            <button class=\"tc-readmore\"><span class=\"tc-plus\">+<\/span> Read More<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n  <div class=\"tc-strip\">\n    <span>TECHCORE ENGINEERING<\/span>\n    <span class=\"tc-mono\">STRUCTURAL DESIGN &amp; ANALYSIS<\/span>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var root = document.getElementById('tc-services-root');\n  if (!root) return;\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var finePointer = window.matchMedia('(pointer:fine)').matches;\n\n  \/* ---- Scroll-reveal for cards ---- *\/\n  var cards = root.querySelectorAll('.tc-card');\n  if ('IntersectionObserver' in window && !reduceMotion) {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if (entry.isIntersecting) { entry.target.classList.add('is-visible'); io.unobserve(entry.target); }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\n    cards.forEach(function(c,i){ c.style.transitionDelay=(Math.min(i%6,6)*60)+'ms'; io.observe(c); });\n  } else {\n    cards.forEach(function(c){ c.classList.add('is-visible'); });\n  }\n\n  \/* ---- 3D tilt on card hover (subtle\/professional strength) ---- *\/\n  if (!reduceMotion && finePointer) {\n    var tilts = root.querySelectorAll('[data-tilt]');\n    tilts.forEach(function(el){\n      var rect, raf;\n      function onMove(e){\n        if (!rect) rect = el.getBoundingClientRect();\n        var px = (e.clientX - rect.left) \/ rect.width;\n        var py = (e.clientY - rect.top) \/ rect.height;\n        var rx = (py - 0.5) * -5;   \/\/ subtle\n        var ry = (px - 0.5) * 6;\n        cancelAnimationFrame(raf);\n        raf = requestAnimationFrame(function(){\n          el.style.transform = 'rotateX(' + rx + 'deg) rotateY(' + ry + 'deg) translateZ(0)';\n        });\n      }\n      el.addEventListener('mouseenter', function(){ rect = el.getBoundingClientRect(); });\n      el.addEventListener('mousemove', onMove);\n      el.addEventListener('mouseleave', function(){\n        cancelAnimationFrame(raf);\n        el.style.transform = 'rotateX(0deg) rotateY(0deg) translateZ(0)';\n      });\n    });\n  }\n\n  \/* ---- Image zoom on hover + drag-direction tilt inside the image ---- *\/\n  if (!reduceMotion && finePointer) {\n    var zones = root.querySelectorAll('[data-zoom]');\n    zones.forEach(function(zone){\n      var inner = zone.querySelector('[data-track-inner]');\n      if (!inner) return;\n      var rect, raf, isDown = false, startX = 0, startY = 0;\n\n      function setTransform(scale, rx, ry){\n        cancelAnimationFrame(raf);\n        raf = requestAnimationFrame(function(){\n          inner.style.transform = 'scale(' + scale + ') rotateX(' + rx + 'deg) rotateY(' + ry + 'deg)';\n        });\n      }\n\n      zone.addEventListener('mouseenter', function(){\n        rect = zone.getBoundingClientRect();\n        setTransform(1.12, 0, 0); \/\/ gentle zoom in on hover\n      });\n\n      zone.addEventListener('mousemove', function(e){\n        if (!rect) rect = zone.getBoundingClientRect();\n        var px = (e.clientX - rect.left) \/ rect.width - 0.5;\n        var py = (e.clientY - rect.top) \/ rect.height - 0.5;\n        \/\/ subtle directional tilt that follows cursor position across the image\n        var rx = py * -8;\n        var ry = px * 10;\n        setTransform(1.12, rx, ry);\n      });\n\n      zone.addEventListener('mousedown', function(e){\n        isDown = true; startX = e.clientX; startY = e.clientY;\n      });\n      window.addEventListener('mouseup', function(){ isDown = false; });\n      zone.addEventListener('mousemove', function(e){\n        if (!isDown) return;\n        var dx = (e.clientX - startX) \/ rect.width;\n        var dy = (e.clientY - startY) \/ rect.height;\n        var rx = dy * -14;  \/\/ stronger tilt while actively dragging\n        var ry = dx * 16;\n        setTransform(1.16, rx, ry);\n      });\n\n      zone.addEventListener('mouseleave', function(){\n        isDown = false;\n        setTransform(1, 0, 0); \/\/ zoom out, level off\n      });\n    });\n  }\n\n  \/* ---- Scroll-reactive hero parallax ---- *\/\n  if (!reduceMotion) {\n    var hero = document.getElementById('tc-hero');\n    var grid = document.getElementById('tc-hero-grid');\n    var beam = document.getElementById('tc-hero-beam');\n    var ticking = false;\n    function onScroll(){\n      if (ticking) return;\n      ticking = true;\n      requestAnimationFrame(function(){\n        var rect = hero.getBoundingClientRect();\n        var progress = Math.min(Math.max(1 - (rect.bottom \/ (rect.height + window.innerHeight)), 0), 1);\n        if (grid) grid.style.transform = 'translateY(' + (progress * 50) + 'px)';\n        if (beam) beam.style.transform = 'rotate(' + (8 + progress * 8) + 'deg) translateY(' + (progress * -32) + 'px)';\n        ticking = false;\n      });\n    }\n    window.addEventListener('scroll', onScroll, { passive: true });\n    onScroll();\n  }\n\n  \/* ---- Read More buttons (placeholder action) ---- *\/\n  root.querySelectorAll('.tc-readmore').forEach(function(btn){\n    btn.addEventListener('click', function(){\n      var card = btn.closest('[data-service]');\n      var title = card ? card.querySelector('h3').textContent : '';\n      console.log('Read more clicked:', title);\n      \/\/ Hook this up to a modal, anchor link, or dedicated service page as needed.\n    });\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Preview \u2014 Our Services TECHCORE ENGINEERING \u2014 CAPABILITIES Engineering services built on precision. From timber framing to steel fabrication detailing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-91","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/techcoree.com\/index.php?rest_route=\/wp\/v2\/pages\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techcoree.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techcoree.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techcoree.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techcoree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=91"}],"version-history":[{"count":3,"href":"https:\/\/techcoree.com\/index.php?rest_route=\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":192,"href":"https:\/\/techcoree.com\/index.php?rest_route=\/wp\/v2\/pages\/91\/revisions\/192"}],"wp:attachment":[{"href":"https:\/\/techcoree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}