/* =========================================================
   MADE IN TIRUPUR ARTICLE
   RESPONSIVE EDITORIAL ARTICLE
   320px → 3840px
========================================================= */

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;

    background: #fff4f7;
    color: #201a1c;
}


/* =========================================================
   PAGE
========================================================= */

.made-in-tirupur-page {
    width: 100%;
    min-height: 100vh;

    background: #fff4f7;

    overflow-x: hidden;
}


/* =========================================================
   ARTICLE HEADER
========================================================= */

.tirupur-article-header {
    width: 100%;

    padding:
        42px 24px
        55px;

    background: #fff4f7;
}

.tirupur-article-header-inner {
    width: 100%;

    max-width: 1100px;

    margin: 0 auto;
}


/* =========================================================
   CATEGORY
========================================================= */

.tirupur-article-category {
    margin:
        0 0 16px;

    color: #a45f75;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

    line-height: 1.4;

    text-transform: uppercase;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.tirupur-article-header h1 {
    max-width: 1000px;

    margin:
        0 0 22px;

    color: #21191c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(42px, 5.2vw, 76px);

    line-height: 1.05;

    font-weight: 400;

    letter-spacing: -0.025em;
}


/* =========================================================
   INTRO
========================================================= */

.tirupur-article-intro {
    max-width: 900px;

    margin: 0;

    color: #51464a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;

    line-height: 1.65;

    font-weight: 400;
}


/* =========================================================
   HERO IMAGE
   FULL IMAGE / NO CROP
========================================================= */

.tirupur-hero-image {
    width:
        min(
            1200px,
            calc(100% - 48px)
        );

    margin: 0 auto;

    overflow: hidden;

    background: transparent;

    line-height: 0;
}


.tirupur-hero-image img {
    display: block;

    width: 100%;

    height: auto;

    max-width: 100%;

    object-fit: contain;

    object-position: center;

    transform: scale(1);

    animation:
        tirupurHeroZoom
        8s
        ease-in-out
        infinite;
}


/* =========================================================
   HERO IMAGE
   SLOW ZOOM IN / ZOOM OUT
========================================================= */

@keyframes tirupurHeroZoom {

    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.025);
    }

    100% {
        transform: scale(1);
    }

}


/* =========================================================
   ARTICLE CONTENT
========================================================= */

.tirupur-article-content {
    width: min(100%, 900px);

    margin: 0 auto;

    padding:
        68px 24px
        85px;
}


/* =========================================================
   ARTICLE PARAGRAPHS
========================================================= */

.tirupur-article-content p {
    max-width: 880px;

    margin:
        0 0 32px;

    color: #40373a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;

    line-height: 1.75;

    font-weight: 400;
}


/* =========================================================
   ARTICLE HEADINGS
========================================================= */

.tirupur-article-content h2 {
    max-width: 900px;

    margin:
        58px 0 18px;

    color: #21191c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 36px;

    line-height: 1.2;

    font-weight: 400;

    letter-spacing: -0.015em;
}


.tirupur-article-content h2:first-child {
    margin-top: 0;
}


/* =========================================================
   BACK TO DISCOVER
========================================================= */

.tirupur-article-back {
    margin-top: 75px;

    padding-top: 28px;

    border-top:
        1px solid
        rgba(70, 48, 55, 0.16);
}


.tirupur-article-back a {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #65575c;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;

    line-height: 1.5;

    text-decoration: none;

    transition:
        color 0.2s ease;
}


.tirupur-article-back a:hover {
    color: #a45f75;
}


/* =========================================================
   MORE FROM JOURNAL
========================================================= */

.tirupur-more-journal {
    width: 100%;

    margin: 0;

    padding:
        82px 5vw
        105px;

    background: #fbf3ed;
}


.tirupur-more-journal-inner {
    width: 100%;

    max-width: 1450px;

    margin: 0 auto;
}


/* =========================================================
   JOURNAL TITLE
========================================================= */

.tirupur-more-journal-inner > h2 {
    margin:
        0 0 38px;

    color: #21191c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 38px;

    line-height: 1.2;

    font-weight: 400;

    letter-spacing: -0.015em;
}


/* =========================================================
   JOURNAL GRID
========================================================= */

.tirupur-journal-grid {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 32px;
}


/* =========================================================
   JOURNAL CARD
========================================================= */

.tirupur-journal-card {
    width: 100%;

    min-width: 0;
}


/* =========================================================
   JOURNAL IMAGE
   FULL IMAGE / NO CROP
========================================================= */

.tirupur-journal-image {
    display: block;

    width: 100%;

    height: auto;

    aspect-ratio: auto;

    overflow: visible;

    background: transparent;

    line-height: 0;
}


.tirupur-journal-image img {
    display: block;

    width: 100%;

    height: auto;

    max-width: 100%;

    object-fit: contain;

    object-position: center;

    transform: none;

    transition: none;
}


.tirupur-journal-image:hover img {
    transform: none;
}


/* =========================================================
   JOURNAL CONTENT
========================================================= */

.tirupur-journal-content {
    padding-top: 16px;
}


.tirupur-journal-category {
    margin:
        0 0 7px;

    color: #a45f75;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.7px;

    line-height: 1.4;

    text-transform: uppercase;
}


.tirupur-journal-content h3 {
    margin:
        0 0 10px;

    color: #21191c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;

    line-height: 1.3;

    font-weight: 400;
}


.tirupur-journal-content p {
    margin:
        0 0 17px;

    color: #62575b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;

    line-height: 1.65;
}


/* =========================================================
   READ STORY
========================================================= */

.tirupur-journal-link {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #33292d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;

    font-weight: 500;

    text-decoration: none;
}


.tirupur-journal-link span {
    transition:
        transform 0.2s ease;
}


.tirupur-journal-link:hover {
    color: #a45f75;
}


.tirupur-journal-link:hover span {
    transform: translateX(4px);
}


/* =========================================================
   TABLET
   768px - 1024px
========================================================= */

@media (min-width: 701px) and (max-width: 1024px) {

    .tirupur-article-header {
        padding:
            38px 30px
            48px;
    }

    .tirupur-article-header-inner {
        max-width: 760px;
    }

    .tirupur-article-header h1 {
        font-size: 50px;
    }

    .tirupur-article-intro {
        font-size: 17px;
    }

    .tirupur-hero-image {
        width: calc(100% - 48px);

        max-width: 900px;
    }

    .tirupur-hero-image img {
        width: 100%;

        height: auto;

        object-fit: contain;

        animation:
            tirupurHeroZoom
            8s
            ease-in-out
            infinite;
    }

    .tirupur-article-content {
        max-width: 720px;

        padding:
            58px 28px
            75px;
    }

    .tirupur-article-content p {
        font-size: 17px;
    }

    .tirupur-article-content h2 {
        font-size: 30px;
    }

    .tirupur-more-journal {
        padding:
            65px 30px
            80px;
    }

    .tirupur-more-journal-inner {
        max-width: 900px;
    }

    .tirupur-journal-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 28px;
    }
}


/* =========================================================
   MOBILE
   430 / 390 / 375 / 360 / 320
========================================================= */

@media (max-width: 700px) {

    .tirupur-article-header {
        padding:
            28px 18px
            35px;
    }

    .tirupur-article-category {
        margin-bottom: 9px;

        font-size: 9px;

        letter-spacing: 1.5px;
    }

    .tirupur-article-header h1 {
        margin-bottom: 16px;

        font-size: 35px;

        line-height: 1.08;
    }

    .tirupur-article-intro {
        font-size: 14px;

        line-height: 1.65;
    }


    /* =====================================================
       FULL IMAGE + ZOOM
    ===================================================== */

    .tirupur-hero-image {
        width: 100%;

        max-width: none;

        margin: 0;

        padding: 0;

        border-radius: 0;

        overflow: hidden;
    }

    .tirupur-hero-image img {
        display: block;

        width: 100%;

        height: auto;

        max-width: 100%;

        object-fit: contain;

        object-position: center;

        transform: scale(1);

        animation:
            tirupurHeroZoom
            8s
            ease-in-out
            infinite;
    }


    /* =====================================================
       ARTICLE
    ===================================================== */

    .tirupur-article-content {
        width: 100%;

        padding:
            44px 18px
            60px;
    }

    .tirupur-article-content h2 {
        margin:
            40px 0 15px;

        font-size: 25px;

        line-height: 1.25;
    }

    .tirupur-article-content p {
        margin-bottom: 26px;

        font-size: 15px;

        line-height: 1.72;
    }


    /* =====================================================
       BACK
    ===================================================== */

    .tirupur-article-back {
        margin-top: 50px;

        padding-top: 22px;
    }

    .tirupur-article-back a {
        font-size: 11px;
    }


    /* =====================================================
       JOURNAL
    ===================================================== */

    .tirupur-more-journal {
        padding:
            48px 18px
            60px;
    }

    .tirupur-more-journal-inner > h2 {
        margin-bottom: 25px;

        font-size: 27px;
    }

    .tirupur-journal-grid {
        grid-template-columns: 1fr;

        gap: 36px;
    }

    .tirupur-journal-content {
        padding-top: 12px;
    }

    .tirupur-journal-content h3 {
        font-size: 20px;
    }

    .tirupur-journal-content p {
        font-size: 13px;

        line-height: 1.65;
    }
}


/* =========================================================
   430px
========================================================= */

@media (min-width: 421px) and (max-width: 700px) {

    .tirupur-article-header {
        padding:
            32px 20px
            40px;
    }

    .tirupur-article-header h1 {
        font-size: 38px;
    }

    .tirupur-article-intro {
        font-size: 14.5px;
    }

    .tirupur-hero-image {
        width: 100%;

        height: auto;
    }

    .tirupur-hero-image img {
        width: 100%;

        height: auto;

        animation:
            tirupurHeroZoom
            8s
            ease-in-out
            infinite;
    }

    .tirupur-article-content {
        padding:
            48px 20px
            64px;
    }

    .tirupur-article-content p {
        font-size: 15.5px;
    }

    .tirupur-article-content h2 {
        font-size: 27px;
    }

    .tirupur-more-journal {
        padding:
            52px 20px
            65px;
    }

    .tirupur-more-journal-inner > h2 {
        font-size: 29px;
    }
}


/* =========================================================
   390px
========================================================= */

@media (min-width: 376px) and (max-width: 420px) {

    .tirupur-article-header {
        padding:
            30px 18px
            38px;
    }

    .tirupur-article-header h1 {
        font-size: 36px;
    }

    .tirupur-article-intro {
        font-size: 14px;
    }

    .tirupur-hero-image {
        width: 100%;

        height: auto;
    }

    .tirupur-hero-image img {
        width: 100%;

        height: auto;

        animation:
            tirupurHeroZoom
            8s
            ease-in-out
            infinite;
    }

    .tirupur-article-content {
        padding:
            45px 18px
            60px;
    }

    .tirupur-article-content p {
        font-size: 15px;
    }

    .tirupur-article-content h2 {
        font-size: 25px;
    }
}


/* =========================================================
   375px
========================================================= */

@media (min-width: 361px) and (max-width: 375px) {

    .tirupur-article-header {
        padding:
            28px 17px
            36px;
    }

    .tirupur-article-header h1 {
        font-size: 34px;
    }

    .tirupur-article-intro {
        font-size: 13.5px;
    }

    .tirupur-hero-image {
        width: 100%;

        height: auto;
    }

    .tirupur-hero-image img {
        width: 100%;

        height: auto;

        animation:
            tirupurHeroZoom
            8s
            ease-in-out
            infinite;
    }

    .tirupur-article-content {
        padding:
            42px 17px
            58px;
    }

    .tirupur-article-content p {
        font-size: 14.5px;
    }

    .tirupur-article-content h2 {
        font-size: 24px;
    }

    .tirupur-more-journal {
        padding:
            45px 17px
            58px;
    }
}


/* =========================================================
   360px
========================================================= */

@media (min-width: 341px) and (max-width: 360px) {

    .tirupur-article-header {
        padding:
            26px 16px
            34px;
    }

    .tirupur-article-category {
        font-size: 8px;
    }

    .tirupur-article-header h1 {
        font-size: 32px;
    }

    .tirupur-article-intro {
        font-size: 13px;
    }

    .tirupur-hero-image {
        width: 100%;

        height: auto;
    }

    .tirupur-hero-image img {
        width: 100%;

        height: auto;

        animation:
            tirupurHeroZoom
            8s
            ease-in-out
            infinite;
    }

    .tirupur-article-content {
        padding:
            40px 16px
            55px;
    }

    .tirupur-article-content p {
        font-size: 14px;
    }

    .tirupur-article-content h2 {
        font-size: 23px;
    }

    .tirupur-more-journal {
        padding:
            42px 16px
            55px;
    }

    .tirupur-more-journal-inner > h2 {
        font-size: 25px;
    }
}


/* =========================================================
   320px
========================================================= */

@media (max-width: 340px) {

    .tirupur-article-header {
        padding:
            23px 14px
            30px;
    }

    .tirupur-article-category {
        margin-bottom: 8px;

        font-size: 7.5px;

        letter-spacing: 1.3px;
    }

    .tirupur-article-header h1 {
        margin-bottom: 13px;

        font-size: 29px;

        line-height: 1.08;
    }

    .tirupur-article-intro {
        font-size: 12px;

        line-height: 1.6;
    }


    /* =====================================================
       320px HERO
       FULL IMAGE + SLIGHT ZOOM
    ===================================================== */

    .tirupur-hero-image {
        width: 100%;

        max-width: 100%;

        height: auto;

        margin: 0;

        padding: 0;

        overflow: hidden;
    }

    .tirupur-hero-image img {
        display: block;

        width: 100%;

        height: auto;

        max-width: 100%;

        object-fit: contain;

        transform: scale(1);

        animation:
            tirupurHeroZoom
            8s
            ease-in-out
            infinite;
    }


    /* =====================================================
       ARTICLE
    ===================================================== */

    .tirupur-article-content {
        padding:
            34px 14px
            50px;
    }

    .tirupur-article-content h2 {
        margin:
            30px 0 13px;

        font-size: 21px;
    }

    .tirupur-article-content p {
        margin-bottom: 23px;

        font-size: 13px;

        line-height: 1.65;
    }


    /* =====================================================
       BACK
    ===================================================== */

    .tirupur-article-back {
        margin-top: 38px;

        padding-top: 19px;
    }

    .tirupur-article-back a {
        font-size: 10px;
    }


    /* =====================================================
       JOURNAL
    ===================================================== */

    .tirupur-more-journal {
        padding:
            36px 14px
            48px;
    }

    .tirupur-more-journal-inner > h2 {
        margin-bottom: 20px;

        font-size: 22px;
    }

    .tirupur-journal-grid {
        gap: 28px;
    }

    .tirupur-journal-content h3 {
        font-size: 18px;
    }

    .tirupur-journal-content p {
        font-size: 12px;
    }

    .tirupur-journal-link {
        font-size: 10px;
    }
}


/* =========================================================
   LAPTOP
   1280 - 1366
========================================================= */

@media (min-width: 1025px) and (max-width: 1366px) {

    .tirupur-article-header {
        padding:
            40px 24px
            52px;
    }

    .tirupur-article-header-inner {
        max-width: 950px;
    }

    .tirupur-article-header h1 {
        font-size: 55px;
    }

    .tirupur-article-intro {
        font-size: 18px;
    }

    .tirupur-hero-image {
        max-width: 1000px;
    }

    .tirupur-hero-image img {
        width: 100%;

        height: auto;

        animation:
            tirupurHeroZoom
            8s
            ease-in-out
            infinite;
    }

    .tirupur-article-content {
        max-width: 680px;
    }

    .tirupur-article-content p {
        font-size: 18px;
    }

    .tirupur-more-journal-inner {
        max-width: 1250px;
    }
}


/* =========================================================
   LARGE DESKTOP
   1440 - 1536
========================================================= */

@media (min-width: 1367px) and (max-width: 1536px) {

    .tirupur-article-header-inner {
        max-width: 1050px;
    }

    .tirupur-article-header h1 {
        font-size: 64px;
    }

    .tirupur-article-intro {
        font-size: 19px;
    }

    .tirupur-hero-image {
        max-width: 1200px;
    }

    .tirupur-hero-image img {
        width: 100%;

        height: auto;

        animation:
            tirupurHeroZoom
            8s
            ease-in-out
            infinite;
    }

    .tirupur-article-content {
        max-width: 760px;
    }

    .tirupur-article-content p {
        font-size: 19px;
    }

    .tirupur-more-journal-inner {
        max-width: 1400px;
    }
}


/* =========================================================
   FULL HD
   1920
========================================================= */

@media (min-width: 1537px) and (max-width: 1920px) {

    .tirupur-article-header {
        padding:
            60px 40px
            75px;
    }

    .tirupur-article-header-inner {
        max-width: 1200px;
    }

    .tirupur-article-category {
        font-size: 14px;
    }

    .tirupur-article-header h1 {
        font-size: 76px;
    }

    .tirupur-article-intro {
        max-width: 1050px;

        font-size: 21px;
    }

    .tirupur-hero-image {
        max-width: 1450px;
    }

    .tirupur-hero-image img {
        width: 100%;

        height: auto;

        animation:
            tirupurHeroZoom
            8s
            ease-in-out
            infinite;
    }

    .tirupur-article-content {
        max-width: 850px;

        padding:
            90px 0
            110px;
    }

    .tirupur-article-content p {
        font-size: 21px;
    }

    .tirupur-article-content h2 {
        font-size: 39px;
    }

    .tirupur-more-journal-inner {
        max-width: 1600px;
    }

    .tirupur-more-journal-inner > h2 {
        font-size: 42px;
    }

    .tirupur-journal-content h3 {
        font-size: 25px;
    }

    .tirupur-journal-content p {
        font-size: 16px;
    }
}


/* =========================================================
   2K
   2560
========================================================= */

@media (min-width: 1921px) and (max-width: 2560px) {

    .tirupur-article-header {
        padding:
            80px 50px
            100px;
    }

    .tirupur-article-header-inner {
        max-width: 1450px;
    }

    .tirupur-article-category {
        font-size: 17px;
    }

    .tirupur-article-header h1 {
        font-size: 92px;
    }

    .tirupur-article-intro {
        max-width: 1250px;

        font-size: 25px;
    }

    .tirupur-hero-image {
        max-width: 1800px;
    }

    .tirupur-hero-image img {
        width: 100%;

        height: auto;

        animation:
            tirupurHeroZoom
            8s
            ease-in-out
            infinite;
    }

    .tirupur-article-content {
        max-width: 1000px;

        padding:
            115px 0
            140px;
    }

    .tirupur-article-content p {
        font-size: 25px;

        line-height: 1.75;
    }

    .tirupur-article-content h2 {
        font-size: 46px;
    }

    .tirupur-more-journal {
        padding:
            125px 5vw
            160px;
    }

    .tirupur-more-journal-inner {
        max-width: 2000px;
    }

    .tirupur-more-journal-inner > h2 {
        font-size: 50px;
    }

    .tirupur-journal-content h3 {
        font-size: 29px;
    }

    .tirupur-journal-content p {
        font-size: 19px;
    }
}


/* =========================================================
   4K
   3840
========================================================= */

@media (min-width: 2561px) {

    .tirupur-article-header {
        padding:
            120px 70px
            145px;
    }

    .tirupur-article-header-inner {
        max-width: 1800px;
    }

    .tirupur-article-category {
        font-size: 22px;

        letter-spacing: 3px;
    }

    .tirupur-article-header h1 {
        font-size: 115px;
    }

    .tirupur-article-intro {
        max-width: 1550px;

        font-size: 32px;
    }

    .tirupur-hero-image {
        max-width: 2200px;
    }

    .tirupur-hero-image img {
        width: 100%;

        height: auto;

        animation:
            tirupurHeroZoom
            8s
            ease-in-out
            infinite;
    }

    .tirupur-article-content {
        max-width: 1200px;

        padding:
            160px 0
            190px;
    }

    .tirupur-article-content p {
        font-size: 31px;

        line-height: 1.8;
    }

    .tirupur-article-content h2 {
        font-size: 56px;
    }

    .tirupur-more-journal {
        padding:
            170px 5vw
            210px;
    }

    .tirupur-more-journal-inner {
        max-width: 2500px;
    }

    .tirupur-more-journal-inner > h2 {
        font-size: 58px;
    }

    .tirupur-journal-content h3 {
        font-size: 36px;
    }

    .tirupur-journal-content p {
        font-size: 24px;
    }

    .tirupur-journal-link {
        font-size: 21px;
    }
}


/* =========================================================
   SAFETY
========================================================= */

.tirupur-article-header-inner,
.tirupur-article-content,
.tirupur-more-journal-inner,
.tirupur-journal-card {
    min-width: 0;
}


.tirupur-article-intro,
.tirupur-article-content p,
.tirupur-journal-content h3,
.tirupur-journal-content p {
    overflow-wrap: break-word;
}


img {
    max-width: 100%;
}


/* =========================================================
   HERO IMAGE - FINAL FULL IMAGE + ZOOM
========================================================= */

.tirupur-hero-image {
    display: block;

    height: auto;

    aspect-ratio: auto;

    overflow: hidden;

    background: transparent;
}


.tirupur-hero-image img {
    display: block;

    width: 100%;

    height: auto;

    max-width: 100%;

    object-fit: contain;

    object-position: center;

    transform: scale(1);

    animation:
        tirupurHeroZoom
        8s
        ease-in-out
        infinite;
}


/* =========================================================
   JOURNAL IMAGE - FULL IMAGE / NO CROP
========================================================= */

.tirupur-journal-image {
    display: block;

    width: 100%;

    height: auto;

    aspect-ratio: auto;

    overflow: visible;

    background: transparent;
}


.tirupur-journal-image img {
    display: block;

    width: 100%;

    height: auto;

    max-width: 100%;

    object-fit: contain;

    object-position: center;

    transform: none;
}


.tirupur-journal-image:hover img {
    transform: none;
}


/* =========================================================
   MOBILE - FULL IMAGE + ZOOM
========================================================= */

@media (max-width: 700px) {

    .tirupur-hero-image {
        width: 100%;

        height: auto;

        aspect-ratio: auto;

        overflow: hidden;
    }


    .tirupur-hero-image img {
        width: 100%;

        height: auto;

        object-fit: contain;

        object-position: center;

        transform: scale(1);

        animation:
            tirupurHeroZoom
            8s
            ease-in-out
            infinite;
    }


    .tirupur-journal-image {
        width: 100%;

        height: auto;

        aspect-ratio: auto;

        overflow: visible;
    }


    .tirupur-journal-image img {
        width: 100%;

        height: auto;

        object-fit: contain;

        object-position: center;
    }
}


/* =========================================================
   320px - FULL IMAGE + ZOOM
========================================================= */

@media (max-width: 340px) {

    .tirupur-hero-image {
        width: 100%;

        height: auto;
    }


    .tirupur-hero-image img {
        width: 100%;

        height: auto;

        object-fit: contain;

        transform: scale(1);

        animation:
            tirupurHeroZoom
            8s
            ease-in-out
            infinite;
    }


    .tirupur-journal-image {
        width: 100%;

        height: auto;
    }


    .tirupur-journal-image img {
        width: 100%;

        height: auto;

        object-fit: contain;
    }
}