{"id":3142,"date":"2026-01-07T13:24:07","date_gmt":"2026-01-07T10:24:07","guid":{"rendered":"https:\/\/www.letoon.com.tr\/eng\/?page_id=3142"},"modified":"2026-01-08T14:41:06","modified_gmt":"2026-01-08T11:41:06","slug":"hmsa-heritage-materials-sustainability-platform","status":"publish","type":"page","link":"https:\/\/www.letoon.com.tr\/eng\/hmsa-heritage-materials-sustainability-platform\/","title":{"rendered":"HMSA &#8211; Heritage Materials &amp; Sustainability Platform"},"content":{"rendered":"\n<style>\n  \/* =========================================\n     1. GENERAL SETTINGS & BACKGROUND\n     ========================================= *\/\n  .letoon-main-container {\n    font-family: Arial, sans-serif;\n    color: #444;\n    line-height: 1.6;\n    background-color: #fff;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  \/* Architectural Grid Background *\/\n  .letoon-wrapper {\n    position: relative;\n    padding: 20px 40px;\n    box-sizing: border-box;\n    \/* Millimetric paper effect *\/\n    background-image: \n      linear-gradient(#f8f8f8 1px, transparent 1px),\n      linear-gradient(90deg, #f8f8f8 1px, transparent 1px);\n    background-size: 40px 40px;\n    background-color: #fff;\n  }\n\n  h1, h2, h3 { margin-top: 0; line-height: 1.2; }\n  p { margin-bottom: 20px; font-size: 16px; text-align: justify; color: #555; font-weight: 300; }\n  strong { color: #222; font-weight: 700; }\n\n  \/* =========================================\n     2. HEADER (BANNER) - BORDERLESS\n     ========================================= *\/\n  .hmsa-pro-wrapper {\n    display: block;\n    text-decoration: none;\n    position: relative;\n    width: 100%;\n    height: 340px;\n    margin: 40px 0 60px 0;\n    border: none; \/* Borderless *\/\n    background-color: transparent;\n    border-radius: 8px;\n    overflow: hidden;\n    cursor: pointer;\n    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n  }\n\n  \/* Grid with Vignette Effect *\/\n  .hmsa-pro-wrapper::before {\n    content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n    background-color: #ffffff;\n    background-image: \n      linear-gradient(#f0f0f0 1px, transparent 1px),\n      linear-gradient(90deg, #f0f0f0 1px, transparent 1px);\n    background-size: 40px 40px;\n    z-index: 0;\n    mask-image: radial-gradient(circle, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 90%);\n    -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 90%);\n    opacity: 0.7; transition: transform 0.8s ease;\n  }\n\n  .hmsa-pro-wrapper:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 30px 60px rgba(186, 55, 42, 0.08);\n    background-color: #fff;\n  }\n  .hmsa-pro-wrapper:hover::before { transform: scale(1.1); opacity: 0.4; }\n\n  \/* Giant Background Typography *\/\n  .hmsa-bg-typo {\n    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n    font-family: Arial, sans-serif; font-size: 280px; font-weight: 900; color: transparent;\n    -webkit-text-stroke: 2px rgba(186, 55, 42, 0.03); \n    white-space: nowrap; letter-spacing: -10px; pointer-events: none; z-index: 1;\n    transition: all 0.7s ease;\n  }\n  .hmsa-pro-wrapper:hover .hmsa-bg-typo {\n    transform: translate(-50%, -50%) scale(0.95);\n    -webkit-text-stroke: 2px rgba(186, 55, 42, 0.06); letter-spacing: 15px;\n  }\n\n  \/* Foreground Content *\/\n  .hmsa-content-front {\n    position: relative; z-index: 2; width: 100%; height: 100%;\n    display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;\n  }\n  .hmsa-title-red {\n    font-family: Arial, sans-serif; font-size: 85px; font-weight: 900; margin: 0; line-height: 0.9;\n    color: #ba372a; \n    text-shadow: 4px 4px 0px rgba(230, 230, 230, 0.5), 0 10px 20px rgba(186, 55, 42, 0.15);\n    letter-spacing: 4px; transition: transform 0.4s ease;\n  }\n  .hmsa-pro-wrapper:hover .hmsa-title-red {\n    transform: scale(1.02);\n    text-shadow: 6px 6px 0px rgba(230, 230, 230, 0.8), 0 15px 30px rgba(186, 55, 42, 0.25);\n  }\n  .hmsa-separator {\n    width: 60px; height: 4px; background-color: #34495e; margin: 25px 0;\n    border-radius: 2px; transition: width 0.5s ease;\n  }\n  .hmsa-pro-wrapper:hover .hmsa-separator { width: 150px; background-color: #2c3e50; }\n  .hmsa-subtitle-pro {\n    font-size: 15px; color: #333; font-weight: 700; text-transform: uppercase; letter-spacing: 4px;\n  }\n  .hmsa-desc-pro {\n    font-size: 14px; color: #777; font-weight: 400; margin-top: 8px; letter-spacing: 1px;\n  }\n\n  \/* =========================================\n     3. CONTENT COMPONENTS\n     ========================================= *\/\n  \n  \/* Section Titles *\/\n  .section-title {\n    color: #34495e; font-size: 24px; font-weight: 800;\n    margin-top: 60px; margin-bottom: 25px; display: flex; align-items: center;\n    text-transform: uppercase; letter-spacing: 1px;\n  }\n  .section-title::before {\n    content: \"\"; display: inline-block; width: 20px; height: 4px;\n    background: #ba372a; margin-right: 15px;\n  }\n\n  \/* Mission & Vision Cards *\/\n  .mv-grid {\n    display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px; margin-bottom: 50px;\n  }\n  .mv-card {\n    background: #fff; padding: 40px 30px; border-radius: 12px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.06); position: relative; overflow: hidden;\n    transition: transform 0.4s ease;\n  }\n  .mv-card::before {\n    content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 4px;\n    background: #ba372a; transform: scaleX(0.1); transition: transform 0.4s ease; transform-origin: center;\n  }\n  .mv-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(186, 55, 42, 0.1); }\n  .mv-card:hover::before { transform: scaleX(1); }\n  .mv-title {\n    color: #ba372a; font-weight: 900; font-size: 22px; margin-bottom: 15px;\n    display: block; text-transform: uppercase; letter-spacing: 1px;\n  }\n\n  \/* Focus Areas *\/\n  .focus-tags { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 40px; }\n  .focus-tag {\n    background: #fff; color: #444; padding: 10px 20px; border-radius: 4px;\n    font-size: 13px; font-weight: 600; border: 1px solid #eee;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.03); transition: all 0.3s ease;\n  }\n  .focus-tag:hover {\n    background: #ba372a; color: #fff; border-color: #ba372a; transform: translateY(-2px);\n  }\n\n  \/* =========================================\n     4. ACCORDION SYSTEM (Shared Styles)\n     ========================================= *\/\n  .accordion-container {\n    border: none; background: transparent; box-shadow: none; margin: 30px 0;\n  }\n  .accordion-header {\n    background: #fff; color: #34495e; border-left: 5px solid #ba372a;\n    box-shadow: 0 5px 20px rgba(0,0,0,0.05); padding: 20px 30px;\n    font-size: 18px; font-weight: 800; letter-spacing: 0.5px; border-radius: 6px;\n    margin-bottom: 5px; display: flex; justify-content: space-between;\n    align-items: center; cursor: pointer; transition: all 0.3s ease; user-select: none;\n  }\n  .accordion-header:hover { background: #fdfdfd; transform: translateX(5px); }\n  \/* Active State *\/\n  .accordion-container.active .accordion-header { background: #ba372a; color: #fff; }\n\n  .accordion-body {\n    max-height: 0; opacity: 0; overflow: hidden;\n    transition: max-height 0.5s ease, opacity 0.5s ease, margin-top 0.3s ease;\n    background: #fff; border-radius: 6px; border: 0px solid transparent;\n  }\n  .accordion-container.active .accordion-body {\n    opacity: 1; margin-top: 10px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.03);\n    border: 1px solid #f0f0f0;\n  }\n\n  \/* Content Grid (2 Columns) *\/\n  .accordion-content-inner {\n    padding: 30px;\n    display: grid; grid-template-columns: 1fr; gap: 30px;\n  }\n  @media (min-width: 768px) { .accordion-content-inner { grid-template-columns: 1fr 1fr; } }\n\n  .guide-item { border-bottom: 1px dashed #eee; padding-bottom: 15px; }\n  .guide-title { font-size: 15px; font-weight: 800; color: #ba372a; text-transform: uppercase; margin-bottom: 8px; display: block; }\n\n  \/* =========================================\n     5. WHAT IT DOES \/ DOES NOT DO\n     ========================================= *\/\n  .comparison-grid {\n    display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 40px; margin: 40px 0;\n  }\n  .comp-col {\n    padding: 30px; border-radius: 12px; background: #fff;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.04); transition: transform 0.3s ease;\n  }\n  .comp-col:hover { transform: translateY(-5px); }\n  .comp-col.do { border-top: 4px solid #27ae60; }\n  .comp-col.dont { border-top: 4px solid #ba372a; }\n\n  .comp-header {\n    font-weight: 900; font-size: 20px; margin-bottom: 25px;\n    display: block; text-align: center; letter-spacing: 2px;\n    border-bottom: 1px solid #f0f0f0; padding-bottom: 15px;\n  }\n  .comp-col.do .comp-header { color: #27ae60; }\n  .comp-col.dont .comp-header { color: #ba372a; }\n\n  ul.check-list, ul.cross-list { list-style: none; padding: 0; margin: 0; }\n  ul.check-list li, ul.cross-list li {\n    font-size: 15px; color: #666; margin-bottom: 15px;\n    padding-left: 30px; \/* Indent text *\/\n    position: relative; line-height: 1.5;\n  }\n  \/* Check Icon (Green) *\/\n  ul.check-list li::before {\n    content: \"\\2714\"; color: #27ae60; position: absolute; left: 0; top: 2px;\n    font-weight: bold; font-size: 18px; line-height: 1;\n  }\n  \/* Cross Icon (Red) *\/\n  ul.cross-list li::before {\n    content: \"\\2716\"; color: #ba372a; position: absolute; left: 0; top: 3px;\n    font-weight: bold; font-size: 16px; line-height: 1;\n  }\n\n  \/* =========================================\n     6. BUTTONS\n     ========================================= *\/\n  .action-buttons {\n    display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; margin-top: 50px; margin-bottom: 50px;\n  }\n  .btn {\n    padding: 15px 40px; text-decoration: none; border-radius: 4px;\n    font-weight: 800; font-size: 14px; letter-spacing: 1px; text-transform: uppercase;\n    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n  }\n  .btn-primary { background-color: #ba372a; color: #fff !important; border: 2px solid #ba372a; }\n  .btn-primary:hover { background-color: transparent; color: #ba372a !important; }\n  .btn-secondary { background-color: #34495e; color: #fff !important; border: 2px solid #34495e; }\n  .btn-secondary:hover { background-color: transparent; color: #34495e !important; }\n\n  \/* =========================================\n     7. ETHICS STATEMENT (SPECIAL STYLES - DOCUMENT LOOK)\n     ========================================= *\/\n  .ethics-content-inner {\n    padding: 40px; background: #fff;\n    \/* Vertical red line effect *\/\n    background-image: linear-gradient(to right, transparent 39px, #ba372a 39px, #ba372a 41px, transparent 41px);\n    background-size: 100% 100%;\n  }\n  @media (max-width: 768px) { .ethics-content-inner { background-image: none; padding: 20px; } }\n\n  .ethics-section { margin-bottom: 25px; padding-left: 30px; position: relative; }\n  .ethics-header {\n    font-size: 16px; font-weight: 900; color: #34495e; text-transform: uppercase;\n    margin-bottom: 10px; border-bottom: 1px solid #eee; display: inline-block;\n  }\n  ul.ethics-list { list-style: none; padding: 0; margin: 0; }\n  ul.ethics-list li {\n    font-size: 15px; color: #555; margin-bottom: 8px; padding-left: 20px; position: relative;\n  }\n  ul.ethics-list li::before {\n    content: \"\"; width: 6px; height: 6px; background: #ba372a;\n    position: absolute; left: 0; top: 9px; border-radius: 1px;\n  }\n  .ethics-footer-note {\n    margin-top: 30px; font-size: 13px; font-style: italic; color: #888;\n    text-align: center; border-top: 1px dashed #ccc; padding-top: 15px;\n  }\n  .doc-icon { font-weight: bold; font-size: 18px; color: #ba372a; margin-right: 10px; }\n\n  \/* =========================================\n     8. FOOTER\n     ========================================= *\/\n  .disclaimer-box {\n    background: #34495e; color: rgba(255,255,255,0.8); padding: 30px;\n    border-radius: 8px; margin-top: 60px; font-size: 13px; text-align: center;\n    font-weight: 300; letter-spacing: 0.5px; border-top: 4px solid #ba372a;\n  }\n  .disclaimer-box strong { color: #fff; display: block; margin-bottom: 10px; font-size: 14px; letter-spacing: 1px; }\n\n  \/* Mobile Adjustments *\/\n  @media (max-width: 768px) {\n    .hmsa-pro-wrapper { height: 280px; }\n    .hmsa-bg-typo { font-size: 140px; }\n    .hmsa-title-red { font-size: 55px; }\n    .letoon-wrapper { padding: 15px; }\n  }\n<\/style>\n\n<div class=\"letoon-main-container\">\n\n  <!-- ========================\n       1. TOP HEADER (BANNER)\n       ======================== -->\n  <a href=\"#\" class=\"hmsa-pro-wrapper\">\n    <div class=\"hmsa-bg-typo\">HMSA<\/div>\n    <div class=\"hmsa-content-front\">\n      <div class=\"hmsa-title-red\">HMSA<\/div>\n      <div class=\"hmsa-separator\"><\/div>\n      <div class=\"hmsa-subtitle-pro\">HERITAGE MATERIALS &#038; SUSTAINABILITY PLATFORM<\/div>\n      <div class=\"hmsa-desc-pro\">Materials &#038; Sustainability Platform for Historic Structures<\/div>\n    <\/div>\n  <\/a>\n\n  <!-- ========================\n       2. MAIN CONTENT START\n       ======================== -->\n  <div class=\"letoon-wrapper\">\n\n    <!-- INTRO TEXT -->\n    <p><strong>The HMSA Platform<\/strong> is a <strong>product- and brand-independent<\/strong> information and training platform run by Letoon, aimed at developing sustainable materials and practices in the field of cultural heritage.<\/p>\n    <p>Incorrect material selection and applications in cultural heritage structures can lead to irreversible damage. HMSA focuses on decision-making based on scientific knowledge, understanding material-structure-environment interactions, and developing long-term conservation approaches to mitigate this risk.<\/p>\n\n    <!-- MISSION & VISION -->\n    <div class=\"mv-grid\">\n      <div class=\"mv-card\">\n        <span class=\"mv-title\">M\u0131ss\u0131on<\/span>\n        <p style=\"margin: 0; font-size: 15px;\">Aims to support the research, development, and application of building materials used in cultural heritage structures in accordance with scientific, ethical, and sustainable principles.<\/p>\n      <\/div>\n      <div class=\"mv-card\">\n        <span class=\"mv-title\">V\u0131s\u0131on<\/span>\n        <p style=\"margin: 0; font-size: 15px;\">To be a platform accepted as a reference in material science and sustainability in cultural heritage conservation, generating knowledge and providing direction on a national and international scale.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- FOCUS AREAS -->\n    <div class=\"section-title\">Focus and Act\u0131v\u0131ty Areas<\/div>\n    <div class=\"focus-tags\">\n      <div class=\"focus-tag\">Natural Stone &#038; Lime Systems<\/div>\n      <div class=\"focus-tag\">Cleaning &#038; Conservation Materials<\/div>\n      <div class=\"focus-tag\">Bio-based \/ Low Carbon Products<\/div>\n      <div class=\"focus-tag\">Local &#038; Traditional Materials<\/div>\n      <div class=\"focus-tag\">Life Cycle Assessment (LCA)<\/div>\n      <div class=\"focus-tag\">Sustainable Material Guides<\/div>\n      <div class=\"focus-tag\">Training &#038; Certificate Programs<\/div>\n    <\/div>\n\n    <!-- ACCORDION 1: SUSTAINABLE MATERIALS GUIDE -->\n    <div class=\"accordion-container\" id=\"hmsaGuideAccordion\">\n      <div class=\"accordion-header\" onclick=\"toggleHmsaAccordion()\">\n        <span>HMSA Sustainable Materials Guide &#038; Principles<\/span>\n        <span class=\"accordion-arrow\" style=\"font-size: 12px;\">\u25bc<\/span>\n      <\/div>\n      <div class=\"accordion-body\">\n        <div class=\"accordion-content-inner\">\n          <div class=\"guide-item\">\n            <span class=\"guide-title\">1. Natural and Traditional Materials<\/span>\n            <p style=\"margin-bottom:0; font-size:14px;\">Solutions compatible with the structure&#8217;s original material and reversible. Lime-based mortars and natural stone completion are essential.<\/p>\n          <\/div>\n          <div class=\"guide-item\">\n            <span class=\"guide-title\">2. Bio-based and Ecological Materials<\/span>\n            <p style=\"margin-bottom:0; font-size:14px;\">Natural fiber reinforcements (hemp, flax), plant-based resins, and environmentally friendly approaches are supported.<\/p>\n          <\/div>\n          <div class=\"guide-item\">\n            <span class=\"guide-title\">3. Recyclable Solutions<\/span>\n            <p style=\"margin-bottom:0; font-size:14px;\">Sustainability means reversibility. Removable (reversible) consolidants are prioritized.<\/p>\n          <\/div>\n          <div class=\"guide-item\">\n            <span class=\"guide-title\">4. Sustainability in Cleaning<\/span>\n            <p style=\"margin-bottom:0; font-size:14px;\">pH-controlled, biodegradable cleaners and non-micro-abrasive systems are used.<\/p>\n          <\/div>\n          <div class=\"guide-item\">\n            <span class=\"guide-title\">5. Ethics and Life Cycle<\/span>\n            <p style=\"margin-bottom:0; font-size:14px;\">Questions like &#8220;What will this material do to the surface in 50 years?&#8221; and &#8220;What is the maintenance cost?&#8221; must be asked.<\/p>\n          <\/div>\n          <div class=\"guide-item\" style=\"border-bottom:none;\">\n            <span class=\"guide-title\">6. Golden Rules in Application<\/span>\n            <p style=\"margin-bottom:0; font-size:14px;\">The &#8220;minimum intervention&#8221; principle, compatibility tests, and proper applicator training are parts of the process.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- DO'S \/ DON'TS (GRID LIST) -->\n    <div class=\"section-title\">What Does the Platform Do \/ Not Do?<\/div>\n    <p>The purpose of the HMSA Platform is not sales; it is to generate knowledge, ethics, and awareness.<\/p>\n    \n    <div class=\"comparison-grid\">\n      <!-- DOES (GREEN) -->\n      <div class=\"comp-col do\">\n        <span class=\"comp-header\">WHAT DOES IT DO?<\/span>\n        <ul class=\"check-list\">\n          <li>Generates knowledge based on science, sustainability, and ethics.<\/li>\n          <li>Prepares open-access guides on historic building materials.<\/li>\n          <li>Develops product- and brand-independent training programs.<\/li>\n          <li>Combines field experience with scientific data.<\/li>\n          <li>Encourages qualified and reversible interventions.<\/li>\n        <\/ul>\n      <\/div>\n      <!-- DOES NOT (RED) -->\n      <div class=\"comp-col dont\">\n        <span class=\"comp-header\">WHAT DOES IT NOT DO?<\/span>\n        <ul class=\"cross-list\">\n          <li>Does not promote any product, brand, or company.<\/li>\n          <li>Does not engage in activities with commercial sales or marketing objectives.<\/li>\n          <li>Does not encourage irreversible aggressive interventions.<\/li>\n          <li>Does not allow sponsorships to dictate content.<\/li>\n          <li>Does not claim official authorization or licensing.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- TRAINING APPROACH -->\n    <div class=\"section-title\">HMSA Tra\u0131n\u0131ng Approach<\/div>\n    <p>Our training is product-brand independent, case-based, and includes field experience.<\/p>\n    <ul style=\"list-style: none; padding: 0; margin-bottom: 20px;\">\n      <li style=\"margin-bottom: 10px; display: flex; align-items: center;\">\n        <span style=\"width: 10px; height: 10px; background: #ba372a; border-radius: 50%; display: inline-block; margin-right: 10px;\"><\/span>\n        <span><strong style=\"color:#ba372a\">Level 1:<\/strong> Basic Training (Open Participation)<\/span>\n      <\/li>\n      <li style=\"display: flex; align-items: center;\">\n        <span style=\"width: 10px; height: 10px; background: #34495e; border-radius: 50%; display: inline-block; margin-right: 10px;\"><\/span>\n        <span><strong style=\"color:#ba372a\">Level 2:<\/strong> Specialization Program (Certified)<\/span>\n      <\/li>\n    <\/ul>\n\n    <!-- RELATIONSHIP & COLLABORATION -->\n    <div class=\"section-title\">LETOON &#038; HMSA Relat\u0131onsh\u0131p<\/div>\n    <p>HMSA is run by Letoon but is <strong>independent of commercial activities.<\/strong> The platform generates technical knowledge independent of products, brands, and commercial expectations.<\/p>\n\n    <!-- BUTTONS -->\n    <div class=\"action-buttons\">\n      <a href=\"https:\/\/www.letoon.com.tr\/iletisim\/\" class=\"btn btn-primary\">\n        HMSA Platform &#038; Tra\u0131n\u0131ng Contact\n      <\/a>\n      <a href=\"https:\/\/www.letoon.com.tr\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-secondary\">\n        Letoon Architecture (Commerc\u0131al Serv\u0131ces)\n      <\/a>\n    <\/div>\n\n    <!-- ACCORDION 2: ETHICS STATEMENT (FULL TEXT) -->\n    <div class=\"accordion-container\" id=\"hmsaEthicsAccordion\">\n      <div class=\"accordion-header\" onclick=\"toggleEthicsAccordion()\">\n        <div style=\"display: flex; align-items: center;\">\n          <span class=\"doc-icon\">&#128196;<\/span>\n          <span>HMSA Impartiality and Ethics Statement<\/span>\n        <\/div>\n        <span class=\"accordion-arrow\" style=\"font-size: 12px;\">\u25bc<\/span>\n      <\/div>\n      <div class=\"accordion-body\">\n        <div class=\"ethics-content-inner\">\n          \n          <!-- 1. PURPOSE -->\n          <div class=\"ethics-section\">\n            <span class=\"ethics-header\">1. PURPOSE<\/span>\n            <p style=\"margin:0;\">This statement is prepared to pledge that all training, publishing, research, and capacity-building activities carried out by the Heritage Materials &#038; Sustainability Association (HMSA) Platform will be conducted in accordance with the principles of scientific impartiality, ethical responsibility, and public benefit.<\/p>\n            <p style=\"margin-top:10px;\">While the HMSA Platform is conducted under the umbrella of Letoon Architecture and Restoration, it adopts an approach independent of commercial direction in the processes of knowledge generation and sharing.<\/p>\n          <\/div>\n\n          <!-- 2. PRINCIPLE OF IMPARTIALITY -->\n          <div class=\"ethics-section\">\n            <span class=\"ethics-header\">2. PRINCIPLE OF IMPARTIALITY<\/span>\n            <p style=\"margin-bottom:10px;\">The HMSA Platform;<\/p>\n            <ul class=\"ethics-list\">\n              <li>Does not directly or indirectly promote any product, brand, company, or commercial entity in its training and publication content,<\/li>\n              <li>Evaluates materials, methods, and applications based on scientific data, field observations, and international conservation principles,<\/li>\n              <li>Consciously avoids approaches where a single product or system is mandated.<\/li>\n            <\/ul>\n          <\/div>\n\n          <!-- 3. PREVENTION OF CONFLICT OF INTEREST -->\n          <div class=\"ethics-section\">\n            <span class=\"ethics-header\">3. PREVENTION OF CONFLICT OF INTEREST<\/span>\n            <ul class=\"ethics-list\">\n              <li>Commercial sales, directive, or marketing language is not used in training, guides, and publications offered under HMSA.<\/li>\n              <li>Potential sponsorships, support, or collaborations are clearly stated, and content independence is maintained.<\/li>\n              <li>Information generated by the HMSA Platform does not constitute a direct reference or mandatory link to Letoon&#8217;s commercial services.<\/li>\n            <\/ul>\n          <\/div>\n\n          <!-- 4. SCIENTIFIC AND PROFESSIONAL RESPONSIBILITY -->\n          <div class=\"ethics-section\">\n            <span class=\"ethics-header\">4. SCIENTIFIC AND PROFESSIONAL RESPONSIBILITY<\/span>\n            <ul class=\"ethics-list\">\n              <li>All content is prepared in light of current scientific literature, field experience, and professional ethical rules.<\/li>\n              <li>National legislation regarding cultural heritage, international conservation conventions, and principle decisions are taken as the basis.<\/li>\n              <li>Interventions that are irreversible or damaging to cultural value are not encouraged.<\/li>\n            <\/ul>\n          <\/div>\n\n          <!-- 5. TRANSPARENCY -->\n          <div class=\"ethics-section\">\n            <span class=\"ethics-header\">5. TRANSPARENCY<\/span>\n            <ul class=\"ethics-list\">\n              <li>The scope, method, and evaluation criteria of training programs are clearly defined.<\/li>\n              <li>Sources used in published guides and documents are cited.<\/li>\n              <li>The objectives and working methods of the HMSA Platform are shared publicly.<\/li>\n            <\/ul>\n          <\/div>\n\n          <!-- 6. SCOPE AND BINDINGNESS -->\n          <div class=\"ethics-section\">\n            <span class=\"ethics-header\">6. SCOPE AND BINDINGNESS<\/span>\n            <p style=\"margin:0;\">This statement is binding for all persons and institutions producing content, providing training, providing consultancy, or collaborating within the scope of the HMSA Platform.<\/p>\n          <\/div>\n\n          <!-- 7. COMMITMENT -->\n          <div class=\"ethics-section\">\n            <span class=\"ethics-header\">7. COMMITMENT<\/span>\n            <p style=\"margin:0;\">The HMSA Platform publicly commits to adhering to ethical principles, prioritizing impartial knowledge generation, and prioritizing public benefit in all activities conducted in the field of cultural heritage.<\/p>\n          <\/div>\n\n          <div class=\"ethics-footer-note\">\n            This document is an official reference text defining the corporate stance and working principles of the HMSA Platform.\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- FOOTER DISCLAIMER -->\n    <div class=\"disclaimer-box\">\n      <strong>LEGAL NOTICE AND ETHICS STATEMENT<\/strong>\n      The HMSA Platform is product and brand independent. No content on the platform is intended for commercial direction. All activities are carried out in accordance with the Ethics Statement above.\n    <\/div>\n\n  <\/div> <!-- \/.letoon-wrapper -->\n<\/div> <!-- \/.letoon-main-container -->\n\n<!-- FUNCTIONS -->\n<script>\n  \/\/ Common Open\/Close Function\n  function toggleGenericAccordion(container) {\n    const body = container.querySelector(\".accordion-body\");\n    const arrow = container.querySelector(\".accordion-arrow\");\n    \n    container.classList.toggle(\"active\");\n    \n    if (container.classList.contains(\"active\")) {\n      body.style.maxHeight = body.scrollHeight + \"px\";\n      arrow.style.transform = \"rotate(180deg)\";\n    } else {\n      body.style.maxHeight = 0;\n      arrow.style.transform = \"rotate(0deg)\";\n    }\n  }\n\n  \/\/ 1. Guide Accordion\n  function toggleHmsaAccordion() {\n    const container = document.getElementById(\"hmsaGuideAccordion\");\n    toggleGenericAccordion(container);\n  }\n\n  \/\/ 2. Ethics Statement Accordion\n  function toggleEthicsAccordion() {\n    const container = document.getElementById(\"hmsaEthicsAccordion\");\n    toggleGenericAccordion(container);\n  }\n\n  \/\/ Update heights if window size changes\n  window.addEventListener('resize', function() {\n    const accordions = document.querySelectorAll(\".accordion-container\");\n    accordions.forEach(acc => {\n      if (acc.classList.contains(\"active\")) {\n        const body = acc.querySelector(\".accordion-body\");\n        body.style.maxHeight = \"none\";\n        body.style.maxHeight = body.scrollHeight + \"px\";\n      }\n    });\n  });\n<\/script>\n\n\n\n<!-- ============================================================================== -->\n<!-- =================== FLOATING CTA BLOCK (RIGHT) =============================== -->\n<!-- ============================================================================== -->\n\n<style>\n  \/* \n     KAYAN KART ST\u0130L\u0130 \n     Mevcut tasar\u0131m diliyle (HMSA) uyumlu: K\u0131rm\u0131z\u0131 sol \u00e7izgi, g\u00f6lge, Arial font.\n  *\/\n  .letoon-floating-cta {\n    position: fixed;\n    bottom: 30px;\n    right: 30px; \/* Sa\u011fa yasl\u0131 *\/\n    z-index: 9999; \/* Di\u011fer her \u015feyin \u00fcst\u00fcnde *\/\n    \n    display: flex;\n    align-items: center;\n    gap: 15px;\n    \n    background-color: #ffffff;\n    padding: 20px 25px;\n    border-radius: 8px;\n    \n    \/* Letoon K\u0131rm\u0131z\u0131s\u0131 Sol \u00c7izgi *\/\n    border-left: 5px solid #ba372a;\n    \n    \/* Derin G\u00f6lge *\/\n    box-shadow: 0 10px 40px rgba(0,0,0,0.15);\n    \n    text-decoration: none;\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    \n    \/* Hafif Grid Deseni *\/\n    background-image: \n      linear-gradient(#f8f8f8 1px, transparent 1px),\n      linear-gradient(90deg, #f8f8f8 1px, transparent 1px);\n    background-size: 20px 20px;\n    \n    max-width: 300px;\n  }\n\n  \/* Hover Efekti *\/\n  .letoon-floating-cta:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 50px rgba(186, 55, 42, 0.25); \/* K\u0131rm\u0131z\u0131ms\u0131 g\u00f6lge *\/\n    border-left-width: 8px; \/* \u00c7izgiyi kal\u0131nla\u015ft\u0131r *\/\n  }\n\n  \/* \u0130kon Alan\u0131 *\/\n  .cta-icon-box {\n    width: 40px;\n    height: 40px;\n    background-color: #ba372a;\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    flex-shrink: 0;\n    transition: transform 0.3s ease;\n  }\n  \n  \/* Hover'da ikon hareketi *\/\n  .letoon-floating-cta:hover .cta-icon-box {\n    transform: rotate(-10deg) scale(1.1);\n  }\n\n  \/* Metin Alan\u0131 *\/\n  .cta-content {\n    display: flex;\n    flex-direction: column;\n    font-family: Arial, sans-serif;\n  }\n\n  .cta-label {\n    font-size: 10px;\n    font-weight: 700;\n    color: #999;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 3px;\n  }\n\n  .cta-title {\n    font-size: 15px;\n    font-weight: 800;\n    color: #2c3e50;\n    line-height: 1.2;\n  }\n\n  \/* Ok \u0130konu (Animasyonlu) *\/\n  .cta-arrow {\n    margin-left: 10px;\n    font-size: 18px;\n    color: #ba372a;\n    font-weight: bold;\n    transform: translateX(0);\n    transition: transform 0.3s ease;\n  }\n\n  .letoon-floating-cta:hover .cta-arrow {\n    transform: translateX(5px);\n  }\n\n  \/* Mobil Uyumluluk *\/\n  @media (max-width: 768px) {\n    .letoon-floating-cta {\n      bottom: 20px;\n      right: 20px; \n      padding: 15px 20px;\n      max-width: calc(100% - 40px);\n    }\n    .cta-title { font-size: 14px; }\n  }\n<\/style>\n\n<!-- L\u0130NK -->\n<!-- Link g\u00fcncellendi ve target=\"_blank\" kald\u0131r\u0131ld\u0131 -->\n<a href=\"https:\/\/www.letoon.com.tr\/eng\/academical-articles\/\" class=\"letoon-floating-cta\">\n  \n  <!-- \u0130kon (K\u00fct\u00fcphane\/Belge Sembol\u00fc) -->\n  <div class=\"cta-icon-box\">\n    <!-- Basit bir kitap\/belge ikonu (Unicode) -->\n    &#128214; \n  <\/div>\n\n  <!-- Yaz\u0131 \u0130\u00e7eri\u011fi -->\n  <div class=\"cta-content\">\n    <span class=\"cta-label\">HMSA ACADEMY<\/span>\n    <span class=\"cta-title\">Explore Our Articles<\/span>\n  <\/div>\n\n  <!-- Ok \u0130\u015fareti -->\n  <div class=\"cta-arrow\">&rarr;<\/div>\n<\/a>\n\n\n\n<!-- ============================================================================== -->\n<!-- =================== FLOATING CTA BLOCK (LEFT) ================================ -->\n<!-- ============================================================================== -->\n\n<style>\n  \/* \n     LEFT FLOATING CARD STYLE \n  *\/\n  .letoon-floating-left {\n    position: fixed;\n    bottom: 30px;\n    left: 30px; \/* Left aligned *\/\n    right: auto;\n    z-index: 9999; \/* On top of everything *\/\n    \n    display: flex;\n    align-items: center;\n    gap: 15px;\n    \n    background-color: #ffffff;\n    padding: 20px 25px;\n    border-radius: 8px;\n    \n    \/* Letoon Red Left Border *\/\n    border-left: 5px solid #ba372a;\n    \n    \/* Deep Shadow *\/\n    box-shadow: 0 10px 40px rgba(0,0,0,0.15);\n    \n    text-decoration: none;\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    \n    \/* Light Grid Pattern *\/\n    background-image: \n      linear-gradient(#f8f8f8 1px, transparent 1px),\n      linear-gradient(90deg, #f8f8f8 1px, transparent 1px);\n    background-size: 20px 20px;\n    \n    max-width: 300px;\n  }\n\n  \/* Hover Effect *\/\n  .letoon-floating-left:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 50px rgba(186, 55, 42, 0.25);\n    border-left-width: 8px;\n  }\n\n  \/* Icon Area *\/\n  .left-icon-box {\n    width: 40px;\n    height: 40px;\n    background-color: #ba372a;\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    flex-shrink: 0;\n    transition: transform 0.3s ease;\n  }\n  \n  \/* Icon movement on Hover *\/\n  .letoon-floating-left:hover .left-icon-box {\n    transform: rotate(15deg) scale(1.1);\n  }\n\n  \/* Text Area *\/\n  .left-cta-content {\n    display: flex;\n    flex-direction: column;\n    font-family: Arial, sans-serif;\n  }\n\n  .left-cta-label {\n    font-size: 10px;\n    font-weight: 700;\n    color: #999;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 3px;\n  }\n\n  .left-cta-title {\n    font-size: 15px;\n    font-weight: 800;\n    color: #2c3e50;\n    line-height: 1.2;\n  }\n\n  \/* Arrow Icon (Animated) *\/\n  .left-cta-arrow {\n    margin-left: 10px;\n    font-size: 18px;\n    color: #ba372a;\n    font-weight: bold;\n    transform: translateX(0);\n    transition: transform 0.3s ease;\n  }\n\n  .letoon-floating-left:hover .left-cta-arrow {\n    transform: translateX(5px);\n  }\n\n  \/* Mobile Responsiveness *\/\n  @media (max-width: 768px) {\n    .letoon-floating-left {\n      bottom: 20px;\n      left: 20px;\n      padding: 15px 20px;\n      max-width: calc(100% - 40px);\n    }\n    .left-cta-title { font-size: 14px; }\n  }\n<\/style>\n\n<!-- LINK -->\n<!-- Link updated and target=\"_blank\" removed -->\n<a href=\"https:\/\/www.letoon.com.tr\/eng\/contribute-to-hmsa\/\" class=\"letoon-floating-left\">\n  \n  <!-- Icon (Pen\/Writing Symbol) -->\n  <div class=\"left-icon-box\">\n    <!-- Hand holding pen icon -->\n    &#9997; \n  <\/div>\n\n  <!-- Text Content -->\n  <div class=\"left-cta-content\">\n    <span class=\"left-cta-label\">APPLY NOW<\/span>\n    <span class=\"left-cta-title\">Contribute to HMSA<\/span>\n  <\/div>\n\n  <!-- Arrow -->\n  <div class=\"left-cta-arrow\">&rarr;<\/div>\n<\/a>\n","protected":false},"excerpt":{"rendered":"<p>HMSA HMSA HERITAGE MATERIALS &#038; SUSTAINABILITY PLATFORM Materials &#038; Sustainability Platform for Historic Structures The HMSA Platform is a product-<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3142","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/comments?post=3142"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3142\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=3142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}