{"id":1392,"date":"2026-09-04T23:33:45","date_gmt":"2026-09-04T23:33:45","guid":{"rendered":"https:\/\/jwwebsites.com\/frederick-young\/?page_id=1392"},"modified":"2026-09-04T23:33:49","modified_gmt":"2026-09-04T23:33:49","slug":"zoom-fade-hero","status":"publish","type":"page","link":"https:\/\/jwwebsites.com\/frederick-young\/zoom-fade-hero\/","title":{"rendered":"Zoom Fade Hero"},"content":{"rendered":"<div id=\"pl-1392\"  class=\"panel-layout\" ><div id=\"pg-1392-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1392-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1392-0-0-0\" class=\"so-panel widget widget_so_protected_block_widget panel-first-child panel-last-child\" data-index=\"0\" ><!-- =========================================================\r\n     TAYOR & HART \u2014 HOME\r\n     JW Websites Protected Block: ads_home\r\n     Self-contained \/ SiteOrigin Standard Row safe\r\n     ========================================================= -->\r\n\r\n<style>\r\n\/* =========================================================\r\n   ADS HOME \u2014 MASTER VARIABLES \/ SAFETY\r\n   ========================================================= *\/\r\n\r\n#ads-home,\r\n#ads-home *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n#ads-home{\r\n    --ads-navy:#172033;\r\n    --ads-deep:#15120f;\r\n    --ads-deeper:#0d0b09;\r\n    --ads-teal:#b58a4a;\r\n    --ads-teal-bright:#d2ad6d;\r\n    --ads-teal-light:#ead8b7;\r\n    --ads-blue:#7f653c;\r\n    --ads-mist:#f7f3ec;\r\n    --ads-line:#ddd1be;\r\n    --ads-white:#ffffff;\r\n    --ads-max:1380px;\r\n\r\n    position:relative;\r\n    isolation:isolate;\r\n\r\n    width:100vw;\r\n    max-width:100vw;\r\n\r\n    margin-left:calc(50% - 50vw);\r\n    margin-right:calc(50% - 50vw);\r\n    margin-top:-30px;\r\n\r\n    padding:0;\r\n\r\n    overflow:hidden;\r\n\r\n    color:#26231f;\r\n    background:#fff;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    line-height:1.6;\r\n}\r\n\r\n#ads-home img{\r\n    max-width:100%;\r\n}\r\n\r\n#ads-home a{\r\n    color:inherit;\r\n    text-decoration:none;\r\n}\r\n\r\n#ads-home .ads-home-breakout{\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n}\r\n\r\n#ads-home .ads-home-wrap{\r\n    width:min(var(--ads-max),calc(100% - 44px));\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLOBAL REVEAL MOTION\r\n   ========================================================= *\/\r\n\r\n#ads-home.js-motion .ads-reveal{\r\n    opacity:0;\r\n    transform:translate3d(0,34px,0);\r\n    transition:\r\n        opacity .72s ease,\r\n        transform .72s cubic-bezier(.22,1,.36,1);\r\n    will-change:opacity,transform;\r\n}\r\n\r\n#ads-home.js-motion .ads-reveal-left{\r\n    opacity:0;\r\n    transform:translate3d(-34px,0,0);\r\n    transition:\r\n        opacity .74s ease,\r\n        transform .74s cubic-bezier(.22,1,.36,1);\r\n    will-change:opacity,transform;\r\n}\r\n\r\n#ads-home.js-motion .ads-reveal-right{\r\n    opacity:0;\r\n    transform:translate3d(34px,0,0);\r\n    transition:\r\n        opacity .74s ease,\r\n        transform .74s cubic-bezier(.22,1,.36,1);\r\n    will-change:opacity,transform;\r\n}\r\n\r\n#ads-home.js-motion .ads-motion-section.is-motion-visible .ads-reveal,\r\n#ads-home.js-motion .ads-motion-section.is-motion-visible .ads-reveal-left,\r\n#ads-home.js-motion .ads-motion-section.is-motion-visible .ads-reveal-right{\r\n    opacity:1;\r\n    transform:translate3d(0,0,0);\r\n}\r\n\r\n#ads-home.js-motion .ads-motion-section.motion-complete .ads-reveal,\r\n#ads-home.js-motion .ads-motion-section.motion-complete .ads-reveal-left,\r\n#ads-home.js-motion .ads-motion-section.motion-complete .ads-reveal-right{\r\n    will-change:auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO ROTATOR\r\n   ========================================================= *\/\r\n\r\n#ads-home .ads-home-hero{\r\n    position:relative;\r\n    isolation:isolate;\r\n    min-height:600px;\r\n    overflow:hidden;\r\n    background:#17130f;\r\n    color:#fff;\r\n}\r\n\r\n#ads-home .ads-hero-slides{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    overflow:hidden;\r\n}\r\n\r\n#ads-home .ads-hero-slide{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    opacity:0;\r\n    width:100%;\r\n    height:100%;\r\n    background-position:center center;\r\n    background-repeat:no-repeat;\r\n    \/* Final frame always reveals the complete source image. *\/\r\n    background-size:contain;\r\n    transform:scale(1.22);\r\n    transform-origin:center center;\r\n    transition:opacity 1.15s ease-in-out;\r\n    will-change:opacity,transform;\r\n    pointer-events:none;\r\n}\r\n\r\n#ads-home .ads-hero-slide.is-active{\r\n    z-index:2;\r\n    opacity:1;\r\n    \/* Incoming image fades in while zooming outward to the complete\r\n       uncropped source image. *\/\r\n    animation:adsHeroZoomOutToFull 4.95s cubic-bezier(.22,.61,.36,1) both;\r\n}\r\n\r\n#ads-home .ads-hero-slide.is-leaving{\r\n    z-index:1;\r\n    opacity:0;\r\n    \/* Keep the completed zoom frame in place while the old image\r\n       fades away underneath the incoming image. *\/\r\n    transform:scale(1);\r\n    animation:none;\r\n}\r\n\r\n@keyframes adsHeroZoomOutToFull{\r\n    0%{transform:scale(1.22)}\r\n    100%{transform:scale(1)}\r\n}\r\n\r\n#ads-home .ads-hero-slide-1{\r\n    \/* image-1 *\/\r\n    background-image:url('https:\/\/jwwebsites.com\/template\/wp-content\/uploads\/sites\/2\/2026\/09\/ChatGPT-Image-Sep-1-2026-12_28_12-PM_optimized.webp');\r\n}\r\n\r\n#ads-home .ads-hero-slide-2{\r\n    \/* image-2 *\/\r\n    background-image:url('https:\/\/jwwebsites.com\/template\/wp-content\/uploads\/sites\/2\/2026\/09\/ChatGPT-Image-Sep-1-2026-12_16_16-PM_optimized.webp');\r\n}\r\n\r\n#ads-home .ads-hero-slide-3{\r\n    \/* image-3 *\/\r\n    background-image:url('https:\/\/jwwebsites.com\/template\/wp-content\/uploads\/sites\/2\/2026\/09\/ChatGPT-Image-Sep-1-2026-10_58_34-AM_optimized.webp?ver=1788280759');\r\n}\r\n\r\n#ads-home .ads-home-hero::after{\r\n    content:none;\r\n    display:none;\r\n}\r\n\r\n#ads-home .ads-hero-content{\r\n    position:relative;\r\n    z-index:3;\r\n    width:100%;\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    padding:64px clamp(22px,4vw,54px) 48px;\r\n}\r\n\r\n#ads-home .ads-hero-copybox{\r\n    width:clamp(300px,46%,585px);\r\n    max-width:100%;\r\n}\r\n\r\n#ads-home .ads-hero-kicker{\r\n    margin:0 0 13px;\r\n    color:#d8b66f;\r\n    font-size:13px;\r\n    line-height:1.4;\r\n    font-weight:700;\r\n    letter-spacing:.09em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n#ads-home .ads-home-hero h1{\r\n    margin:0;\r\n    color:#fff;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:clamp(36px,4.1vw,55px);\r\n    line-height:1.04;\r\n    font-weight:700;\r\n}\r\n\r\n#ads-home .ads-home-hero h1 span{\r\n    display:block;\r\n    color:#d2ad6d;\r\n}\r\n\r\n#ads-home .ads-hero-intro{\r\n    max-width:540px;\r\n    margin:20px 0 0;\r\n    color:#f8f3e9;\r\n    font-size:clamp(15px,1.35vw,17px);\r\n    line-height:1.62;\r\n}\r\n\r\n#ads-home .ads-hero-buttons{\r\n    width:100%;\r\n    max-width:430px;\r\n    margin:34px 0 30px;\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:18px;\r\n}\r\n\r\n#ads-home .ads-image-button{\r\n    display:block;\r\n    position:relative;\r\n    transition:\r\n        transform .22s ease,\r\n        filter .22s ease;\r\n}\r\n\r\n#ads-home .ads-image-button:hover{\r\n    transform:translateY(-5px);\r\n    filter:drop-shadow(0 10px 14px rgba(0,0,0,.22));\r\n}\r\n\r\n#ads-home .ads-image-button:active{\r\n    transform:translateY(-1px);\r\n}\r\n\r\n#ads-home .ads-image-button img{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n    border:0;\r\n}\r\n\r\n#ads-home .ads-hero-benefits{\r\n    width:100%;\r\n    max-width:430px;\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:10px;\r\n    margin-top:34px;\r\n}\r\n\r\n#ads-home .ads-hero-benefit{\r\n    text-align:center;\r\n    color:#fff;\r\n    font-size:10px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.035em;\r\n    text-transform:uppercase;\r\n    transition:\r\n        transform .24s ease,\r\n        filter .24s ease;\r\n}\r\n\r\n#ads-home .ads-hero-benefit:hover{\r\n    transform:translateY(-4px);\r\n    filter:drop-shadow(0 7px 9px rgba(0,0,0,.18));\r\n}\r\n\r\n#ads-home .ads-hero-benefit img{\r\n    display:block;\r\n    width:42px;\r\n    height:42px;\r\n    object-fit:contain;\r\n    margin:0 auto 10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO ENTRANCE SEQUENCE\r\n   SAFE PROGRESSIVE ENHANCEMENT:\r\n   Content is visible by default. JavaScript temporarily adds\r\n   .hero-motion-reset before replaying the entrance sequence.\r\n   ========================================================= *\/\r\n\r\n#ads-home .ads-home-hero .ads-hero-kicker,\r\n#ads-home .ads-home-hero h1,\r\n#ads-home .ads-home-hero .ads-hero-intro,\r\n#ads-home .ads-home-hero .ads-hero-buttons,\r\n#ads-home .ads-home-hero .ads-hero-benefit{\r\n    opacity:1;\r\n    transform:translate3d(0,0,0);\r\n    transition:\r\n        opacity .58s ease,\r\n        transform .68s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n#ads-home .ads-home-hero.hero-motion-reset .ads-hero-kicker,\r\n#ads-home .ads-home-hero.hero-motion-reset h1,\r\n#ads-home .ads-home-hero.hero-motion-reset .ads-hero-intro,\r\n#ads-home .ads-home-hero.hero-motion-reset .ads-hero-buttons,\r\n#ads-home .ads-home-hero.hero-motion-reset .ads-hero-benefit{\r\n    opacity:0;\r\n    transform:translate3d(0,24px,0);\r\n}\r\n\r\n\/* STAGGERED TIMING *\/\r\n\r\n#ads-home .ads-home-hero .ads-hero-kicker{\r\n    transition-delay:.12s;\r\n}\r\n\r\n#ads-home .ads-home-hero h1{\r\n    transition-delay:.26s;\r\n}\r\n\r\n#ads-home .ads-home-hero .ads-hero-intro{\r\n    transition-delay:.44s;\r\n}\r\n\r\n#ads-home .ads-home-hero .ads-hero-buttons{\r\n    transition-delay:.62s;\r\n}\r\n\r\n#ads-home .ads-home-hero .ads-hero-benefit:nth-child(1){\r\n    transition-delay:.82s;\r\n}\r\n\r\n#ads-home .ads-home-hero .ads-hero-benefit:nth-child(2){\r\n    transition-delay:.94s;\r\n}\r\n\r\n#ads-home .ads-home-hero .ads-hero-benefit:nth-child(3){\r\n    transition-delay:1.06s;\r\n}\r\n\r\n#ads-home .ads-home-hero .ads-hero-benefit:nth-child(4){\r\n    transition-delay:1.18s;\r\n}\r\n\r\n\/* ACCESSIBILITY \u2014 NO MOTION WHEN USER REQUESTS REDUCED MOTION *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    #ads-home .ads-home-hero .ads-hero-kicker,\r\n    #ads-home .ads-home-hero h1,\r\n    #ads-home .ads-home-hero .ads-hero-intro,\r\n    #ads-home .ads-home-hero .ads-hero-buttons,\r\n    #ads-home .ads-home-hero .ads-hero-benefit{\r\n        opacity:1!important;\r\n        transform:none!important;\r\n        transition:none!important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIX BENEFITS\r\n   ========================================================= *\/\r\n\r\n#ads-home .ads-benefits-section{\r\n    position:relative;\r\n    isolation:isolate;\r\n    overflow:hidden;\r\n    padding:66px clamp(18px,4vw,58px) 70px;\r\n    background:\r\n        radial-gradient(circle at 15% 15%,rgba(26,166,166,.08),transparent 23%),\r\n        radial-gradient(circle at 88% 15%,rgba(20,120,212,.06),transparent 24%),\r\n        #f7f3ec;\r\n}\r\n\r\n#ads-home .ads-benefits-section::before,\r\n#ads-home .ads-benefits-section::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    z-index:0;\r\n    pointer-events:none;\r\n    border-radius:50%;\r\n    width:430px;\r\n    height:430px;\r\n    opacity:.72;\r\n    background:\r\n        radial-gradient(circle at 50% 50%,\r\n            rgba(53,190,193,.18) 0 7%,\r\n            rgba(53,190,193,.09) 8% 20%,\r\n            transparent 21%),\r\n        radial-gradient(circle at 34% 28%,\r\n            rgba(72,224,220,.26) 0 3px,\r\n            transparent 4px),\r\n        radial-gradient(circle at 70% 22%,\r\n            rgba(20,120,212,.18) 0 4px,\r\n            transparent 5px),\r\n        radial-gradient(circle at 79% 63%,\r\n            rgba(53,190,193,.20) 0 3px,\r\n            transparent 4px),\r\n        radial-gradient(circle at 28% 73%,\r\n            rgba(9,38,85,.12) 0 4px,\r\n            transparent 5px),\r\n        repeating-radial-gradient(circle at 50% 50%,\r\n            transparent 0 42px,\r\n            rgba(26,166,166,.13) 43px 44px,\r\n            transparent 45px 72px);\r\n    filter:drop-shadow(0 0 28px rgba(53,190,193,.08));\r\n}\r\n\r\n#ads-home .ads-benefits-section::before{\r\n    left:-135px;\r\n    top:-125px;\r\n    animation:adsBenefitsOrbitLeft 20s ease-in-out infinite;\r\n}\r\n\r\n#ads-home .ads-benefits-section::after{\r\n    right:-125px;\r\n    bottom:-165px;\r\n    animation:adsBenefitsOrbitRight 23s ease-in-out infinite;\r\n}\r\n\r\n#ads-home .ads-benefits-section > .ads-home-wrap{\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n#ads-home .ads-benefits-heading{\r\n    max-width:840px;\r\n    margin:0 auto 38px;\r\n    text-align:center;\r\n}\r\n\r\n#ads-home .ads-eyebrow{\r\n    margin:0 0 10px;\r\n    color:#ad8245;\r\n    font-size:13px;\r\n    line-height:1.3;\r\n    font-weight:700;\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n#ads-home .ads-benefits-heading h2{\r\n    margin:0;\r\n    color:#2c241a;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:clamp(34px,4vw,48px);\r\n    line-height:1.1;\r\n}\r\n\r\n#ads-home .ads-heading-line{\r\n    width:86px;\r\n    height:3px;\r\n    margin:16px auto 0;\r\n    border-radius:3px;\r\n    background:#c59a57;\r\n}\r\n\r\n#ads-home .ads-benefits-heading p{\r\n    max-width:820px;\r\n    margin:16px auto 0;\r\n    color:#544b3f;\r\n    font-size:16px;\r\n    line-height:1.65;\r\n}\r\n\r\n#ads-home .ads-benefit-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(6,minmax(0,1fr));\r\n    gap:14px;\r\n}\r\n\r\n#ads-home .ads-benefit-card{\r\n    position:relative;\r\n    overflow:hidden;\r\n    min-height:320px;\r\n    padding:22px 18px 26px;\r\n    color:#fff;\r\n    text-align:left;\r\n    background:\r\n        radial-gradient(circle at 100% 0%,rgba(37,185,189,.15),transparent 38%),\r\n        linear-gradient(180deg,#2b241c 0%,#211b15 48%,#17130f 100%);\r\n    border:1px solid #ad8245;\r\n    border-top:4px solid #c59a57;\r\n    border-radius:14px;\r\n    box-shadow:0 10px 24px rgba(4,26,58,.10);\r\n    transition:\r\n        transform .24s ease,\r\n        box-shadow .24s ease,\r\n        border-color .24s ease;\r\n}\r\n\r\n#ads-home .ads-benefit-card:hover{\r\n    transform:translateY(-8px);\r\n    border-color:#dfbd7b;\r\n    box-shadow:\r\n        0 20px 36px rgba(4,26,58,.19),\r\n        0 0 20px rgba(37,185,189,.13);\r\n}\r\n\r\n#ads-home .ads-benefit-top{\r\n    display:grid;\r\n    grid-template-columns:52px 1fr;\r\n    align-items:center;\r\n    margin-bottom:18px;\r\n}\r\n\r\n#ads-home .ads-benefit-icon{\r\n    width:44px;\r\n    height:44px;\r\n    display:grid;\r\n    place-items:center;\r\n    border:1px solid #c59a57;\r\n    border-radius:50%;\r\n    background:#2b241c;\r\n    transition:\r\n        transform .24s ease,\r\n        box-shadow .24s ease;\r\n}\r\n\r\n#ads-home .ads-benefit-card:hover .ads-benefit-icon{\r\n    transform:scale(1.08);\r\n    box-shadow:0 0 16px rgba(37,185,189,.28);\r\n}\r\n\r\n#ads-home .ads-benefit-icon img{\r\n    display:block;\r\n    width:27px;\r\n    height:27px;\r\n    object-fit:contain;\r\n}\r\n\r\n#ads-home .ads-benefit-number{\r\n    color:#c59a57;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:29px;\r\n    line-height:1;\r\n    font-weight:700;\r\n}\r\n\r\n#ads-home .ads-benefit-card h3{\r\n    margin:0 0 12px;\r\n    color:#fff;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:19px;\r\n    line-height:1.12;\r\n}\r\n\r\n#ads-home .ads-benefit-card p{\r\n    margin:0;\r\n    color:#f3eadc;\r\n    font-size:13px;\r\n    line-height:1.55;\r\n}\r\n\r\n\/* slower, deliberate staggered reveal for the six benefit cards *\/\r\n#ads-home.js-motion .ads-benefits-section:not(.motion-complete) .ads-benefit-card{\r\n    transition:\r\n        opacity .85s ease,\r\n        transform .85s cubic-bezier(.22,1,.36,1),\r\n        box-shadow .24s ease,\r\n        border-color .24s ease;\r\n}\r\n\r\n#ads-home.js-motion .ads-benefits-section:not(.motion-complete) .ads-benefit-card:nth-child(1){transition-delay:.10s}\r\n#ads-home.js-motion .ads-benefits-section:not(.motion-complete) .ads-benefit-card:nth-child(2){transition-delay:.55s}\r\n#ads-home.js-motion .ads-benefits-section:not(.motion-complete) .ads-benefit-card:nth-child(3){transition-delay:1.00s}\r\n#ads-home.js-motion .ads-benefits-section:not(.motion-complete) .ads-benefit-card:nth-child(4){transition-delay:1.45s}\r\n#ads-home.js-motion .ads-benefits-section:not(.motion-complete) .ads-benefit-card:nth-child(5){transition-delay:1.90s}\r\n#ads-home.js-motion .ads-benefits-section:not(.motion-complete) .ads-benefit-card:nth-child(6){transition-delay:2.35s}\r\n\r\n\/* restore immediate hover response after the entrance sequence is finished *\/\r\n#ads-home.js-motion .ads-benefits-section.motion-complete .ads-benefit-card{\r\n    transition:\r\n        transform .24s ease,\r\n        box-shadow .24s ease,\r\n        border-color .24s ease;\r\n    transition-delay:0s;\r\n}\r\n\r\n#ads-home .ads-context-button{\r\n    width:min(410px,100%);\r\n    margin:34px auto 0;\r\n}\r\n\r\n#ads-home .ads-context-button img{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n}\r\n\r\n#ads-home .ads-context-button a{\r\n    display:block;\r\n    transition:\r\n        transform .22s ease,\r\n        filter .22s ease;\r\n}\r\n\r\n#ads-home .ads-context-button a:hover{\r\n    transform:translateY(-4px);\r\n    filter:drop-shadow(0 10px 13px rgba(4,26,58,.18));\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIGITAL HOME BASE \/ CUSTOMER PATH\r\n   ========================================================= *\/\r\n\r\n#ads-home .ads-story-section{\r\n    position:relative;\r\n    isolation:isolate;\r\n    overflow:hidden;\r\n    padding:70px clamp(18px,4vw,58px) 74px;\r\n    color:#fff;\r\n    background:\r\n        radial-gradient(circle at 16% 14%,rgba(72,224,220,.11),transparent 24%),\r\n        radial-gradient(circle at 85% 16%,rgba(64,202,198,.13),transparent 27%),\r\n        linear-gradient(115deg,#2c241b 0%,#4a3927 48%,#7a5d34 100%);\r\n}\r\n\r\n#ads-home .ads-story-section::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    z-index:-1;\r\n    width:620px;\r\n    height:620px;\r\n    right:-280px;\r\n    top:-220px;\r\n    border:1px solid rgba(115,234,228,.14);\r\n    border-radius:50%;\r\n    box-shadow:\r\n        inset 0 0 0 90px rgba(115,234,228,.018),\r\n        inset 0 0 0 180px rgba(115,234,228,.014);\r\n    animation:adsHomeAmbientRing 19s ease-in-out infinite;\r\n}\r\n\r\n#ads-home .ads-story-section::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    z-index:-1;\r\n    width:520px;\r\n    height:520px;\r\n    left:-245px;\r\n    bottom:-250px;\r\n    border:1px solid rgba(115,234,228,.13);\r\n    border-radius:50%;\r\n    box-shadow:\r\n        inset 0 0 0 76px rgba(115,234,228,.018),\r\n        inset 0 0 0 152px rgba(115,234,228,.013);\r\n    animation:adsHomeAmbientRing 19s ease-in-out 4.5s infinite;\r\n}\r\n\r\n#ads-home .ads-story-grid{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,.92fr) minmax(320px,1.04fr) minmax(0,.92fr);\r\n    gap:36px;\r\n    align-items:center;\r\n}\r\n\r\n#ads-home .ads-story-kicker{\r\n    margin:0 0 10px;\r\n    color:#ead8b7;\r\n    font-size:12px;\r\n    line-height:1.3;\r\n    font-weight:700;\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n#ads-home .ads-story-section h2{\r\n    margin:0 0 18px;\r\n    color:#fff;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:34px;\r\n    line-height:1.08;\r\n    font-weight:400;\r\n}\r\n\r\n#ads-home .ads-story-section p{\r\n    margin:0 0 24px;\r\n    color:#eefcfd;\r\n    font-size:14px;\r\n    line-height:1.65;\r\n}\r\n\r\n#ads-home .ads-check-list{\r\n    margin:0;\r\n    padding:0;\r\n    list-style:none;\r\n}\r\n\r\n#ads-home .ads-check-list li{\r\n    display:grid;\r\n    grid-template-columns:30px 1fr;\r\n    gap:8px;\r\n    align-items:start;\r\n    margin-bottom:14px;\r\n    color:#fff;\r\n    font-size:13px;\r\n    line-height:1.5;\r\n}\r\n\r\n#ads-home .ads-check-dot{\r\n    width:21px;\r\n    height:21px;\r\n    display:grid;\r\n    place-items:center;\r\n    color:#fff;\r\n    background:#ad8245;\r\n    border-radius:50%;\r\n    font-size:13px;\r\n    line-height:1;\r\n    font-weight:700;\r\n}\r\n\r\n#ads-home .ads-browser{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:390px;\r\n    margin:0 auto;\r\n    overflow:hidden;\r\n    background:linear-gradient(180deg,#ffffff 0%,#fbf8f2 100%);\r\n    border:1px solid rgba(72,224,220,.42);\r\n    border-radius:18px;\r\n    box-shadow:\r\n        0 28px 58px rgba(3,22,49,.27),\r\n        0 0 0 1px rgba(255,255,255,.32) inset;\r\n    transition:\r\n        transform .36s cubic-bezier(.22,1,.36,1),\r\n        box-shadow .36s ease;\r\n    animation:adsWebsitePreviewFloat 6.5s ease-in-out infinite;\r\n}\r\n\r\n#ads-home .ads-browser:hover{\r\n    transform:translateY(-7px) scale(1.015);\r\n    box-shadow:\r\n        0 38px 76px rgba(3,22,49,.36),\r\n        0 0 28px rgba(72,224,220,.13);\r\n}\r\n\r\n#ads-home .ads-browser-top{\r\n    position:relative;\r\n    min-height:48px;\r\n    padding:12px 16px;\r\n    display:flex;\r\n    align-items:center;\r\n    background:linear-gradient(90deg,#061f46 0%,#3d3023 58%,#725734 100%);\r\n    border-bottom:1px solid rgba(72,224,220,.28);\r\n}\r\n\r\n#ads-home .ads-browser-top::before{\r\n    content:\"TAYOR & HART  \u2022  MENSWEAR ATELIER\";\r\n    display:block;\r\n    color:#ffffff;\r\n    font-size:10px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.10em;\r\n}\r\n\r\n#ads-home .ads-browser-top::after{\r\n    content:\"\u2702\";\r\n    margin-left:auto;\r\n    color:#ead8b7;\r\n    font-size:19px;\r\n    line-height:1;\r\n}\r\n\r\n#ads-home .ads-browser-dot,\r\n#ads-home .ads-browser-address{\r\n    display:none;\r\n}\r\n\r\n#ads-home .ads-browser-main{\r\n    margin:10px;\r\n    padding:28px 20px;\r\n    color:#fff;\r\n    background:linear-gradient(135deg,#33291e 0%,#80623a 100%);\r\n    border-radius:12px;\r\n}\r\n\r\n#ads-home .ads-browser-main h3{\r\n    margin:0 0 12px;\r\n    color:#fff;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:25px;\r\n    line-height:1.12;\r\n    font-weight:400;\r\n}\r\n\r\n#ads-home .ads-browser-main p{\r\n    margin:0;\r\n    color:#fff;\r\n    font-size:12px;\r\n    line-height:1.55;\r\n}\r\n\r\n#ads-home .ads-browser-benefits{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:6px;\r\n    padding:0 10px 12px;\r\n}\r\n\r\n#ads-home .ads-browser-card{\r\n    min-height:82px;\r\n    padding:13px 5px 10px;\r\n    text-align:center;\r\n    background:#fbf8f2;\r\n    border:1px solid #e2d8c9;\r\n    border-radius:10px;\r\n}\r\n\r\n#ads-home .ads-browser-card img{\r\n    display:block;\r\n    width:28px;\r\n    height:28px;\r\n    object-fit:contain;\r\n    margin:0 auto 8px;\r\n}\r\n\r\n#ads-home .ads-browser-card strong{\r\n    display:block;\r\n    color:#2c241a;\r\n    font-size:9px;\r\n    line-height:1.25;\r\n    text-transform:uppercase;\r\n}\r\n\r\n#ads-home .ads-customer-flow{\r\n    display:grid;\r\n    grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;\r\n    align-items:start;\r\n    margin-top:8px;\r\n}\r\n\r\n#ads-home .ads-flow-step{\r\n    text-align:center;\r\n}\r\n\r\n#ads-home .ads-flow-circle{\r\n    width:48px;\r\n    height:48px;\r\n    display:grid;\r\n    place-items:center;\r\n    margin:0 auto 9px;\r\n    border-radius:50%;\r\n    transition:\r\n        transform .24s ease,\r\n        box-shadow .24s ease;\r\n}\r\n\r\n#ads-home .ads-flow-step:hover .ads-flow-circle{\r\n    transform:scale(1.10);\r\n    box-shadow:0 0 18px rgba(72,224,220,.24);\r\n}\r\n\r\n#ads-home .ads-flow-circle img{\r\n    display:block;\r\n    width:28px;\r\n    height:28px;\r\n    object-fit:contain;\r\n}\r\n\r\n#ads-home .ads-flow-step strong{\r\n    display:block;\r\n    color:#fff;\r\n    font-size:9px;\r\n    line-height:1.25;\r\n}\r\n\r\n#ads-home .ads-flow-arrow{\r\n    padding-top:15px;\r\n    text-align:center;\r\n    color:#ead8b7;\r\n    font-size:17px;\r\n}\r\n\r\n#ads-home .ads-story-context-button{\r\n    width:min(430px,100%);\r\n    margin:38px auto 0;\r\n    text-align:center;\r\n}\r\n\r\n#ads-home .ads-story-context-button img{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n    border:0;\r\n}\r\n\r\n#ads-home .ads-story-context-button a{\r\n    display:block;\r\n    position:relative;\r\n    border-radius:18px;\r\n    filter:drop-shadow(0 8px 10px rgba(2,19,44,.22));\r\n    transition:\r\n        transform .22s ease,\r\n        filter .22s ease;\r\n}\r\n\r\n#ads-home .ads-story-context-button a:hover{\r\n    transform:translateY(-5px);\r\n    filter:drop-shadow(0 13px 16px rgba(2,19,44,.30));\r\n}\r\n\r\n#ads-home .ads-story-context-button a:active{\r\n    transform:translateY(-1px);\r\n    filter:drop-shadow(0 6px 8px rgba(2,19,44,.24));\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CUSTOMER PATH \u2014 DELIBERATE ENTRANCE SEQUENCE\r\n   ========================================================= *\/\r\n\r\n\/* LEFT SIDE *\/\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-story-left{\r\n    opacity:0;\r\n    transform:translate3d(-58px,0,0);\r\n    transition:\r\n        opacity .88s ease .10s,\r\n        transform 1.00s cubic-bezier(.22,1,.36,1) .10s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section.is-motion-visible:not(.motion-complete) .ads-story-left{\r\n    opacity:1;\r\n    transform:translate3d(0,0,0);\r\n}\r\n\r\n\/* LEFT CHECKMARKS \u2014 FOLLOW THE LEFT PANEL ONE AT A TIME *\/\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-check-list li{\r\n    opacity:0;\r\n    transform:translate3d(-18px,0,0);\r\n    transition:\r\n        opacity .58s ease,\r\n        transform .68s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-check-list li:nth-child(1){\r\n    transition-delay:.55s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-check-list li:nth-child(2){\r\n    transition-delay:.75s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-check-list li:nth-child(3){\r\n    transition-delay:.95s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-check-list li:nth-child(4){\r\n    transition-delay:1.15s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section.is-motion-visible:not(.motion-complete) .ads-check-list li{\r\n    opacity:1;\r\n    transform:translate3d(0,0,0);\r\n}\r\n\r\n\/* CENTER WEBSITE PREVIEW *\/\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-story-center{\r\n    opacity:0;\r\n    transform:translate3d(0,38px,0) scale(.965);\r\n    animation:none;\r\n    transition:\r\n        opacity .88s ease .58s,\r\n        transform 1.00s cubic-bezier(.22,1,.36,1) .58s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section.is-motion-visible:not(.motion-complete) .ads-story-center{\r\n    opacity:1;\r\n    transform:translate3d(0,0,0) scale(1);\r\n}\r\n\r\n\/* RIGHT SIDE *\/\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-story-right{\r\n    opacity:0;\r\n    transform:translate3d(58px,0,0);\r\n    transition:\r\n        opacity .88s ease 1.05s,\r\n        transform 1.00s cubic-bezier(.22,1,.36,1) 1.05s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section.is-motion-visible:not(.motion-complete) .ads-story-right{\r\n    opacity:1;\r\n    transform:translate3d(0,0,0);\r\n}\r\n\r\n\/* CUSTOMER FLOW \u2014 STEP THROUGH THE PATH DELIBERATELY *\/\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-flow-step,\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-flow-arrow{\r\n    opacity:0;\r\n    transform:translate3d(0,16px,0);\r\n    transition:\r\n        opacity .52s ease,\r\n        transform .62s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-customer-flow > :nth-child(1){\r\n    transition-delay:1.48s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-customer-flow > :nth-child(2){\r\n    transition-delay:1.62s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-customer-flow > :nth-child(3){\r\n    transition-delay:1.76s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-customer-flow > :nth-child(4){\r\n    transition-delay:1.90s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-customer-flow > :nth-child(5){\r\n    transition-delay:2.04s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-customer-flow > :nth-child(6){\r\n    transition-delay:2.18s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-customer-flow > :nth-child(7){\r\n    transition-delay:2.32s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section.is-motion-visible:not(.motion-complete) .ads-flow-step,\r\n#ads-home.js-motion .ads-story-section.is-motion-visible:not(.motion-complete) .ads-flow-arrow{\r\n    opacity:1;\r\n    transform:translate3d(0,0,0);\r\n}\r\n\r\n\/* BOTTOM CUSTOMER PATH BUTTON \u2014 LAST ITEM IN THE SEQUENCE *\/\r\n#ads-home.js-motion .ads-story-section:not(.motion-complete) .ads-story-context-button{\r\n    opacity:0;\r\n    transform:translate3d(0,28px,0) scale(.98);\r\n    transition:\r\n        opacity .68s ease 2.50s,\r\n        transform .78s cubic-bezier(.22,1,.36,1) 2.50s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section.is-motion-visible:not(.motion-complete) .ads-story-context-button{\r\n    opacity:1;\r\n    transform:translate3d(0,0,0) scale(1);\r\n}\r\n\r\n\/* RETURN TO NORMAL HOVER \/ FLOAT BEHAVIOR AFTER ENTRANCE *\/\r\n#ads-home.js-motion .ads-story-section.motion-complete .ads-story-left,\r\n#ads-home.js-motion .ads-story-section.motion-complete .ads-story-right,\r\n#ads-home.js-motion .ads-story-section.motion-complete .ads-check-list li,\r\n#ads-home.js-motion .ads-story-section.motion-complete .ads-flow-step,\r\n#ads-home.js-motion .ads-story-section.motion-complete .ads-flow-arrow,\r\n#ads-home.js-motion .ads-story-section.motion-complete .ads-story-context-button{\r\n    opacity:1;\r\n    transform:none;\r\n    transition-delay:0s;\r\n}\r\n\r\n#ads-home.js-motion .ads-story-section.motion-complete .ads-story-center{\r\n    opacity:1;\r\n    animation:adsWebsitePreviewFloat 6.5s ease-in-out infinite;\r\n}\r\n\r\n\r\n\r\n@keyframes adsWebsitePreviewFloat{\r\n    0%,100%{\r\n        transform:translate3d(0,0,0);\r\n    }\r\n    50%{\r\n        transform:translate3d(0,-7px,0);\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   CONSULTATION IMAGE\r\n   ========================================================= *\/\r\n\r\n#ads-home .ads-consultation-section{\r\n    position:relative;\r\n    overflow:hidden;\r\n    padding:0;\r\n    background:#061d43;\r\n}\r\n\r\n#ads-home .ads-consultation-frame{\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin:0;\r\n    overflow:hidden;\r\n    background:#061d43;\r\n}\r\n\r\n#ads-home .ads-consultation-link{\r\n    display:block;\r\n    position:relative;\r\n    overflow:hidden;\r\n    border:0;\r\n    outline:0;\r\n    box-shadow:none;\r\n}\r\n\r\n\/* The consultation image is intentionally borderless.\r\n   The transparent two-card artwork sits directly on the section background. *\/\r\n#ads-home .ads-consultation-link::after{\r\n    content:none;\r\n    display:none;\r\n}\r\n\r\n#ads-home .ads-consultation-image{\r\n    display:block;\r\n    width:100vw;\r\n    border:0;\r\n    outline:0;\r\n    box-shadow:none;\r\n    max-width:100vw;\r\n    height:auto;\r\n    object-fit:contain;\r\n    transform:scale(1);\r\n    transform-origin:center center;\r\n    transition:filter .45s ease;\r\n    will-change:transform;\r\n}\r\n\r\n\/* Noticeable scroll-triggered full-image reveal.\r\n   The image begins strongly zoomed in, then pulls all the way back to\r\n   scale(1) so the complete source image and all lettering are visible. *\/\r\n#ads-home.js-motion .ads-consultation-section.is-motion-visible .ads-consultation-image{\r\n    animation:adsConsultationScrollZoom 2.35s cubic-bezier(.22,.61,.36,1) both;\r\n}\r\n\r\n@keyframes adsConsultationScrollZoom{\r\n    0%{transform:scale(1.22)}\r\n    100%{transform:scale(1)}\r\n}\r\n\r\n\/* Keep the complete image visible after the scroll animation. *\/\r\n#ads-home .ads-consultation-link:hover .ads-consultation-image{\r\n    transform:scale(1);\r\n    filter:brightness(1.03);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n   ========================================================= *\/\r\n\r\n#ads-home .ads-final-cta{\r\n    position:relative;\r\n    overflow:hidden;\r\n    padding:38px 22px 0;\r\n    color:#fff;\r\n    background:#041a3c;\r\n}\r\n\r\n#ads-home .ads-final-card{\r\n    position:relative;\r\n    width:min(1240px,100%);\r\n    margin:0 auto;\r\n    padding:26px 28px;\r\n    overflow:hidden;\r\n    background:\r\n        radial-gradient(circle at 88% 22%,rgba(37,185,189,.11),transparent 28%),\r\n        radial-gradient(circle at 12% 86%,rgba(72,224,220,.055),transparent 26%),\r\n        #041a3c;\r\n    border:1px solid #178e9b;\r\n    border-radius:14px;\r\n    box-shadow:\r\n        0 0 0 1px rgba(23,142,155,.03),\r\n        0 14px 34px rgba(3,22,49,.16);\r\n    animation:adsFinalBorderPulse 9s ease-in-out infinite;\r\n}\r\n\r\n#ads-home .ads-final-card::before,\r\n#ads-home .ads-final-card::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    border-radius:50%;\r\n    pointer-events:none;\r\n}\r\n\r\n#ads-home .ads-final-card::before{\r\n    width:260px;\r\n    height:260px;\r\n    right:-120px;\r\n    top:-120px;\r\n    border:1px solid rgba(72,224,220,.15);\r\n    box-shadow:\r\n        inset 0 0 0 55px rgba(72,224,220,.012),\r\n        inset 0 0 0 110px rgba(72,224,220,.008);\r\n    animation:adsHomeCtaFloat 12s ease-in-out infinite;\r\n}\r\n\r\n#ads-home .ads-final-card::after{\r\n    width:220px;\r\n    height:220px;\r\n    left:-105px;\r\n    bottom:-125px;\r\n    border:1px solid rgba(72,224,220,.11);\r\n    box-shadow:\r\n        0 0 0 46px rgba(72,224,220,.012),\r\n        0 0 0 92px rgba(72,224,220,.008);\r\n    animation:adsHomeCtaFloatLeft 14s ease-in-out infinite;\r\n}\r\n\r\n#ads-home .ads-final-grid{\r\n    position:relative;\r\n    z-index:2;\r\n    display:grid;\r\n    grid-template-columns:16% minmax(0,1fr) 26%;\r\n    gap:26px;\r\n    align-items:center;\r\n}\r\n\r\n#ads-home .ads-final-anchor{\r\n    text-align:center;\r\n}\r\n\r\n#ads-home .ads-final-anchor img{\r\n    display:block;\r\n    width:100%;\r\n    max-width:120px;\r\n    height:auto;\r\n    margin:0 auto;\r\n    animation:adsFinalAnchorFloat 7s ease-in-out infinite;\r\n}\r\n\r\n#ads-home .ads-final-copy h2{\r\n    margin:0 0 12px;\r\n    color:#fff;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:29px;\r\n    line-height:1.14;\r\n}\r\n\r\n#ads-home .ads-final-copy p{\r\n    max-width:680px;\r\n    margin:0;\r\n    color:#e7eef5;\r\n    font-size:14px;\r\n    line-height:1.6;\r\n}\r\n\r\n#ads-home .ads-final-buttons{\r\n    width:100%;\r\n    max-width:255px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n    gap:12px;\r\n}\r\n\r\n#ads-home .ads-final-buttons a{\r\n    display:block;\r\n    position:relative;\r\n    width:100%;\r\n    margin:0;\r\n    padding:0;\r\n    overflow:hidden;\r\n    border-radius:24px;\r\n    filter:drop-shadow(0 5px 7px rgba(1,18,38,.22));\r\n    transition:\r\n        transform .22s ease,\r\n        filter .22s ease;\r\n}\r\n\r\n#ads-home .ads-final-buttons a:hover{\r\n    transform:translateY(-4px);\r\n    filter:drop-shadow(0 8px 10px rgba(1,18,38,.20));\r\n}\r\n\r\n#ads-home .ads-final-buttons img{\r\n    display:block;\r\n    width:100%;\r\n    max-width:255px;\r\n    height:auto;\r\n    margin:0 auto;\r\n    transform:translateY(-1px);\r\n    clip-path:inset(0 0 9% 0 round 24px);\r\n}\r\n\r\n#ads-home .ads-final-divider{\r\n    position:relative;\r\n    z-index:2;\r\n    width:100%;\r\n    height:1px;\r\n    margin-top:18px;\r\n    background:#d9e7ee;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CTA \u2014 DELIBERATE ENTRANCE SEQUENCE\r\n   ========================================================= *\/\r\n\r\n#ads-home.js-motion .ads-final-cta:not(.motion-complete) .ads-final-card{\r\n    opacity:0;\r\n    transform:translate3d(0,24px,0) scale(.985);\r\n    transition:\r\n        opacity .72s ease,\r\n        transform .82s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n#ads-home.js-motion .ads-final-cta.is-motion-visible:not(.motion-complete) .ads-final-card{\r\n    opacity:1;\r\n    transform:translate3d(0,0,0) scale(1);\r\n}\r\n\r\n#ads-home.js-motion .ads-final-cta:not(.motion-complete) .ads-final-anchor{\r\n    opacity:0;\r\n    transform:translate3d(-42px,0,0);\r\n    transition:\r\n        opacity .72s ease .22s,\r\n        transform .82s cubic-bezier(.22,1,.36,1) .22s;\r\n}\r\n\r\n#ads-home.js-motion .ads-final-cta.is-motion-visible:not(.motion-complete) .ads-final-anchor{\r\n    opacity:1;\r\n    transform:translate3d(0,0,0);\r\n}\r\n\r\n#ads-home.js-motion .ads-final-cta:not(.motion-complete) .ads-final-copy{\r\n    opacity:0;\r\n    transform:translate3d(0,26px,0);\r\n    transition:\r\n        opacity .72s ease .48s,\r\n        transform .82s cubic-bezier(.22,1,.36,1) .48s;\r\n}\r\n\r\n#ads-home.js-motion .ads-final-cta.is-motion-visible:not(.motion-complete) .ads-final-copy{\r\n    opacity:1;\r\n    transform:translate3d(0,0,0);\r\n}\r\n\r\n#ads-home.js-motion .ads-final-cta:not(.motion-complete) .ads-final-buttons a{\r\n    opacity:0;\r\n    transform:translate3d(34px,0,0);\r\n}\r\n\r\n#ads-home.js-motion .ads-final-cta:not(.motion-complete) .ads-final-buttons a:nth-child(1){\r\n    transition:\r\n        opacity .72s ease .80s,\r\n        transform .82s cubic-bezier(.22,1,.36,1) .80s,\r\n        filter .22s ease;\r\n}\r\n\r\n#ads-home.js-motion .ads-final-cta:not(.motion-complete) .ads-final-buttons a:nth-child(2){\r\n    transition:\r\n        opacity .72s ease 1.12s,\r\n        transform .82s cubic-bezier(.22,1,.36,1) 1.12s,\r\n        filter .22s ease;\r\n}\r\n\r\n#ads-home.js-motion .ads-final-cta.is-motion-visible:not(.motion-complete) .ads-final-buttons a{\r\n    opacity:1;\r\n    transform:translate3d(0,0,0);\r\n}\r\n\r\n#ads-home.js-motion .ads-final-cta:not(.motion-complete) .ads-final-divider{\r\n    opacity:0;\r\n    transform:scaleX(.35);\r\n    transform-origin:center;\r\n    transition:\r\n        opacity .62s ease 1.40s,\r\n        transform .78s cubic-bezier(.22,1,.36,1) 1.40s;\r\n}\r\n\r\n#ads-home.js-motion .ads-final-cta.is-motion-visible:not(.motion-complete) .ads-final-divider{\r\n    opacity:1;\r\n    transform:scaleX(1);\r\n}\r\n\r\n#ads-home.js-motion .ads-final-cta.motion-complete .ads-final-card,\r\n#ads-home.js-motion .ads-final-cta.motion-complete .ads-final-anchor,\r\n#ads-home.js-motion .ads-final-cta.motion-complete .ads-final-copy,\r\n#ads-home.js-motion .ads-final-cta.motion-complete .ads-final-buttons a,\r\n#ads-home.js-motion .ads-final-cta.motion-complete .ads-final-divider{\r\n    opacity:1;\r\n    transform:none;\r\n    transition-delay:0s;\r\n}\r\n\r\n#ads-home.js-motion .ads-final-cta.motion-complete .ads-final-buttons a{\r\n    transition:\r\n        transform .22s ease,\r\n        filter .22s ease;\r\n}\r\n\r\n\/* slightly more visible ambient motion after entrance *\/\r\n#ads-home .ads-final-card{\r\n    animation:adsFinalBorderPulse 7.5s ease-in-out infinite;\r\n}\r\n\r\n#ads-home .ads-final-anchor img{\r\n    animation:adsFinalAnchorFloat 5.8s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes adsBenefitsOrbitLeft{\r\n    0%,100%{\r\n        transform:translate3d(0,0,0) rotate(0deg) scale(1);\r\n        opacity:.62;\r\n    }\r\n    50%{\r\n        transform:translate3d(42px,28px,0) rotate(8deg) scale(1.06);\r\n        opacity:.82;\r\n    }\r\n}\r\n\r\n@keyframes adsBenefitsOrbitRight{\r\n    0%,100%{\r\n        transform:translate3d(0,0,0) rotate(0deg) scale(1);\r\n        opacity:.58;\r\n    }\r\n    50%{\r\n        transform:translate3d(-46px,-26px,0) rotate(-9deg) scale(1.07);\r\n        opacity:.80;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   AMBIENT KEYFRAMES\r\n   ========================================================= *\/\r\n\r\n@keyframes adsHomeAmbientRing{\r\n    0%,100%{\r\n        opacity:.58;\r\n        transform:translate3d(0,0,0) scale(.98);\r\n    }\r\n    50%{\r\n        opacity:.90;\r\n        transform:translate3d(-24px,20px,0) scale(1.04);\r\n    }\r\n}\r\n\r\n@keyframes adsHomeCtaFloat{\r\n    0%,100%{\r\n        transform:translate3d(0,0,0) scale(1);\r\n        opacity:.55;\r\n    }\r\n    50%{\r\n        transform:translate3d(-18px,17px,0) scale(1.04);\r\n        opacity:.85;\r\n    }\r\n}\r\n\r\n\r\n@keyframes adsFinalBorderPulse{\r\n    0%,100%{\r\n        border-color:#22a8b0;\r\n        box-shadow:\r\n            0 0 0 1px rgba(72,224,220,.08),\r\n            0 14px 34px rgba(3,22,49,.16),\r\n            0 0 10px rgba(72,224,220,.10);\r\n    }\r\n    50%{\r\n        border-color:#ead8b7;\r\n        box-shadow:\r\n            0 0 0 1px rgba(72,224,220,.18),\r\n            0 18px 42px rgba(3,22,49,.18),\r\n            0 0 22px rgba(72,224,220,.24);\r\n    }\r\n}\r\n\r\n@keyframes adsHomeCtaFloatLeft{\r\n    0%,100%{\r\n        transform:translate3d(0,0,0) scale(1);\r\n        opacity:.42;\r\n    }\r\n    50%{\r\n        transform:translate3d(18px,-14px,0) scale(1.05);\r\n        opacity:.72;\r\n    }\r\n}\r\n\r\n@keyframes adsFinalAnchorFloat{\r\n    0%,100%{\r\n        transform:translate3d(0,0,0);\r\n    }\r\n    50%{\r\n        transform:translate3d(0,-5px,0);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n    #ads-home .ads-benefit-grid{\r\n        grid-template-columns:repeat(3,minmax(0,1fr));\r\n    }\r\n\r\n    #ads-home .ads-benefit-card{\r\n        min-height:270px;\r\n    }\r\n\r\n    #ads-home .ads-story-grid{\r\n        grid-template-columns:1fr 1fr;\r\n        gap:42px;\r\n    }\r\n\r\n    #ads-home .ads-browser{\r\n        grid-column:1\/-1;\r\n        width:min(560px,100%);\r\n        max-width:none;\r\n        order:3;\r\n    }\r\n\r\n    #ads-home .ads-final-grid{\r\n        grid-template-columns:100px minmax(0,1fr);\r\n    }\r\n\r\n    #ads-home .ads-final-buttons{\r\n        grid-column:1\/-1;\r\n        display:grid;\r\n        grid-template-columns:1fr 1fr;\r\n        gap:16px;\r\n        max-width:520px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n    #ads-home .ads-home-wrap{\r\n        width:calc(100% - 28px);\r\n    }\r\n\r\n    #ads-home .ads-home-hero{\r\n        min-height:660px;\r\n    }\r\n\r\n    #ads-home .ads-hero-slide{\r\n        background-position:center center;\r\n    }\r\n\r\n    #ads-home .ads-home-hero::after{\r\n        content:none;\r\n        display:none;\r\n        background:none;\r\n    }\r\n\r\n    #ads-home .ads-hero-content{\r\n        padding:54px 20px 42px;\r\n    }\r\n\r\n    #ads-home .ads-hero-copybox{\r\n        width:100%;\r\n    }\r\n\r\n    #ads-home .ads-home-hero h1{\r\n        font-size:42px;\r\n    }\r\n\r\n    #ads-home .ads-hero-buttons{\r\n        grid-template-columns:1fr;\r\n        max-width:330px;\r\n    }\r\n\r\n    #ads-home .ads-hero-benefits{\r\n        grid-template-columns:repeat(2,1fr);\r\n        max-width:330px;\r\n    }\r\n\r\n    #ads-home .ads-benefits-section{\r\n        padding:58px 18px 60px;\r\n    }\r\n\r\n    #ads-home .ads-benefit-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    #ads-home .ads-benefit-card{\r\n        min-height:0;\r\n    }\r\n\r\n    #ads-home .ads-story-section{\r\n        padding:58px 18px 62px;\r\n    }\r\n\r\n    #ads-home .ads-story-grid{\r\n        grid-template-columns:1fr;\r\n        gap:42px;\r\n    }\r\n\r\n    #ads-home .ads-browser{\r\n        grid-column:auto;\r\n        order:initial;\r\n    }\r\n\r\n    #ads-home .ads-customer-flow{\r\n        grid-template-columns:1fr 1fr;\r\n        gap:22px 12px;\r\n    }\r\n\r\n    #ads-home .ads-flow-arrow{\r\n        display:none;\r\n    }\r\n\r\n    #ads-home .ads-consultation-section{\r\n        padding:24px 0 0;\r\n    }\r\n\r\n    #ads-home .ads-final-cta{\r\n        padding:28px 14px 0;\r\n    }\r\n\r\n    #ads-home .ads-final-card{\r\n        padding:24px 20px;\r\n    }\r\n\r\n    #ads-home .ads-final-grid{\r\n        grid-template-columns:1fr;\r\n        text-align:center;\r\n    }\r\n\r\n    #ads-home .ads-final-copy h2,\r\n    #ads-home .ads-final-copy p{\r\n        text-align:center;\r\n        margin-left:auto;\r\n        margin-right:auto;\r\n    }\r\n\r\n    #ads-home .ads-final-buttons{\r\n        grid-template-columns:1fr;\r\n        width:min(280px,100%);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    #ads-home *,\r\n    #ads-home *::before,\r\n    #ads-home *::after{\r\n        animation:none!important;\r\n        scroll-behavior:auto!important;\r\n    }\r\n\r\n    #ads-home.js-motion .ads-reveal,\r\n    #ads-home.js-motion .ads-reveal-left,\r\n    #ads-home.js-motion .ads-reveal-right{\r\n        opacity:1;\r\n        transform:none;\r\n        transition:none;\r\n        will-change:auto;\r\n    }\r\n\r\n    #ads-home .ads-hero-slide{\r\n        animation:none!important;\r\n        transition:none!important;\r\n        transform:scale(1)!important;\r\n    }\r\n\r\n    #ads-home .ads-consultation-image{\r\n        animation:none!important;\r\n        transform:scale(1)!important;\r\n        transition:none!important;\r\n        will-change:auto;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAYOR & HART \u2014 INDUSTRY CONVERSION \/ NAVIGATION SAFETY\r\n   ========================================================= *\/\r\n\r\n:root{\r\n    --jw-admin-bar-offset:0px;\r\n    --jw-custom-nav-height:0px;\r\n    --jw-anchor-offset:0px;\r\n}\r\n\r\n\/* Flash-safe Vantage navigation suppression: exact, theme-scoped selectors only. *\/\r\n#masthead .main-navigation,\r\n#masthead .mobile-nav-frame,\r\n#masthead .so-mobilenav-mobile,\r\n#masthead .so-mobilenav-standard,\r\n#masthead nav.site-navigation.main-navigation{\r\n    display:none!important;\r\n    height:0!important;\r\n    min-height:0!important;\r\n    margin:0!important;\r\n    padding:0!important;\r\n    overflow:hidden!important;\r\n    pointer-events:none!important;\r\n}\r\n\r\n.th-theme-nav-suppressed{\r\n    display:none!important;\r\n    height:0!important;\r\n    min-height:0!important;\r\n    margin:0!important;\r\n    padding:0!important;\r\n    overflow:hidden!important;\r\n    pointer-events:none!important;\r\n}\r\n\r\n#th-custom-navigation{\r\n    position:fixed!important;\r\n    top:var(--jw-admin-bar-offset,0px)!important;\r\n    left:0!important;\r\n    right:0!important;\r\n    width:auto!important;\r\n    max-width:none!important;\r\n    box-sizing:border-box!important;\r\n    z-index:99990!important;\r\n    color:#f9f4ea;\r\n    background:linear-gradient(90deg,#15120f 0%,#211b15 56%,#2c241a 100%);\r\n    border-bottom:1px solid rgba(210,173,109,.36);\r\n    box-shadow:0 10px 28px rgba(15,12,9,.18);\r\n    font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n#th-custom-navigation *{box-sizing:border-box}\r\n#th-custom-navigation a{color:inherit;text-decoration:none}\r\n\r\n#th-custom-navigation .th-nav-inner{\r\n    width:min(1380px,calc(100% - 28px));\r\n    margin:0 auto;\r\n    padding:10px 0 9px;\r\n}\r\n\r\n#th-custom-navigation .th-nav-top{\r\n    display:table;\r\n    width:100%;\r\n    table-layout:fixed;\r\n}\r\n\r\n#th-custom-navigation .th-brand,\r\n#th-custom-navigation .th-call,\r\n#th-custom-navigation .th-mobile-toggle-wrap{\r\n    display:table-cell;\r\n    vertical-align:middle;\r\n}\r\n\r\n#th-custom-navigation .th-brand{width:58%}\r\n#th-custom-navigation .th-call{width:32%;text-align:right}\r\n#th-custom-navigation .th-mobile-toggle-wrap{display:none;width:10%;text-align:right}\r\n\r\n#th-custom-navigation .th-brand strong{\r\n    display:block;\r\n    color:#fff;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:22px;\r\n    line-height:1.05;\r\n    font-weight:400;\r\n    letter-spacing:.025em;\r\n}\r\n\r\n#th-custom-navigation .th-brand span{\r\n    display:block;\r\n    margin-top:3px;\r\n    color:#d8b66f;\r\n    font-size:9px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.18em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n#th-custom-navigation .th-call a{\r\n    display:inline-block;\r\n    padding:8px 14px;\r\n    border:1px solid rgba(216,182,111,.62);\r\n    border-radius:999px;\r\n    color:#fff;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:.03em;\r\n    transition:background .2s ease,color .2s ease,transform .2s ease;\r\n}\r\n#th-custom-navigation .th-call a:hover{background:#d2ad6d;color:#17130f;transform:translateY(-1px)}\r\n\r\n#th-custom-navigation .th-mobile-toggle{\r\n    appearance:none;\r\n    border:1px solid rgba(216,182,111,.58);\r\n    border-radius:9px;\r\n    background:#211b15;\r\n    color:#fff;\r\n    padding:8px 10px;\r\n    font:700 12px\/1 Arial,Helvetica,sans-serif;\r\n    cursor:pointer;\r\n}\r\n\r\n#th-custom-navigation .th-nav-links{\r\n    margin-top:9px;\r\n    padding-top:8px;\r\n    border-top:1px solid rgba(255,255,255,.10);\r\n    text-align:center;\r\n}\r\n\r\n#th-custom-navigation .th-nav-links a{\r\n    display:inline-block;\r\n    margin:2px 2px;\r\n    padding:6px 8px;\r\n    border-radius:7px;\r\n    color:#f5efe4;\r\n    font-size:11px;\r\n    line-height:1.25;\r\n    font-weight:700;\r\n    white-space:nowrap;\r\n    transition:background .2s ease,color .2s ease;\r\n}\r\n#th-custom-navigation .th-nav-links a:hover,\r\n#th-custom-navigation .th-nav-links a:focus{background:#d2ad6d;color:#17130f;outline:none}\r\n\r\n#ads-home .th-nav-spacer{height:calc(var(--jw-custom-nav-height,0px) + 30px);min-height:30px}\r\n#ads-home [id], #contact-us-image-top{scroll-margin-top:var(--jw-anchor-offset,0px)}\r\n\r\n\/* Tailoring palette refinements *\/\r\n#ads-home{\r\n    --ads-navy:#172033;\r\n    --ads-deep:#15120f;\r\n    --ads-deeper:#0d0b09;\r\n    --ads-teal:#b58a4a;\r\n    --ads-teal-bright:#d2ad6d;\r\n    --ads-teal-light:#ead8b7;\r\n    --ads-blue:#7f653c;\r\n    --ads-mist:#f7f3ec;\r\n    --ads-line:#ddd1be;\r\n    --ads-white:#ffffff;\r\n    color:#2c2925;\r\n    background:#fffdf9;\r\n}\r\n\r\n#ads-home .ads-home-hero::after{\r\n    content:none;\r\n    display:none;\r\n    background:none;\r\n}\r\n#ads-home .ads-home-hero h1 span{color:#d8b66f}\r\n#ads-home .ads-hero-kicker{color:#e3c889}\r\n#ads-home .ads-hero-intro{color:#fbf7ef}\r\n\r\n\/* Tailoring CTA buttons \u2014 proportion, lift and image-like treatment modeled after the\r\n   original template's wide graphical buttons while remaining text-editable. *\/\r\n#ads-home .th-btn{\r\n    display:block;\r\n    position:relative;\r\n    width:100%;\r\n    min-height:56px;\r\n    padding:18px 54px 17px 22px;\r\n    overflow:hidden;\r\n    border:1px solid #c79a4b;\r\n    border-radius:10px;\r\n    text-align:left;\r\n    color:#17130f;\r\n    background:\r\n        linear-gradient(105deg,rgba(255,255,255,.38) 0 18%,transparent 19% 100%),\r\n        linear-gradient(180deg,#f0d99d 0%,#d4aa5b 54%,#c4923e 100%);\r\n    box-shadow:\r\n        0 9px 20px rgba(48,35,18,.18),\r\n        inset 0 1px 0 rgba(255,255,255,.62),\r\n        inset 0 -1px 0 rgba(91,58,17,.22);\r\n    font-size:12px;\r\n    line-height:1.15;\r\n    font-weight:800;\r\n    letter-spacing:.07em;\r\n    text-transform:uppercase;\r\n    transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;\r\n}\r\n#ads-home .th-btn::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-35%;\r\n    left:-28%;\r\n    width:46%;\r\n    height:180%;\r\n    background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);\r\n    transform:skewX(-18deg);\r\n    transition:left .42s ease;\r\n    pointer-events:none;\r\n}\r\n#ads-home .th-btn::after{\r\n    content:\"\u2192\";\r\n    position:absolute;\r\n    right:19px;\r\n    top:50%;\r\n    width:27px;\r\n    height:27px;\r\n    margin-top:-14px;\r\n    border:1px solid rgba(52,35,15,.34);\r\n    border-radius:50%;\r\n    text-align:center;\r\n    font:700 16px\/25px Arial,Helvetica,sans-serif;\r\n    transition:transform .22s ease,background .22s ease,color .22s ease;\r\n}\r\n#ads-home .th-btn:hover{\r\n    transform:translateY(-5px);\r\n    box-shadow:\r\n        0 15px 27px rgba(42,29,14,.24),\r\n        inset 0 1px 0 rgba(255,255,255,.7);\r\n    filter:saturate(1.04);\r\n}\r\n#ads-home .th-btn:hover::before{left:88%}\r\n#ads-home .th-btn:hover::after{transform:translateX(3px);background:#272019;color:#f4dd9e}\r\n#ads-home .th-btn:active{transform:translateY(-1px)}\r\n#ads-home .th-btn.th-btn-dark{\r\n    color:#fff;\r\n    background:\r\n        linear-gradient(105deg,rgba(255,255,255,.09) 0 18%,transparent 19% 100%),\r\n        linear-gradient(180deg,#322a21 0%,#1a1612 100%);\r\n    border-color:#9e793f;\r\n}\r\n#ads-home .th-btn.th-btn-dark::after{border-color:rgba(230,199,133,.42);color:#e8cd92}\r\n\r\n#ads-home .th-icon{\r\n    width:42px;\r\n    height:42px;\r\n    display:block;\r\n    margin:0 auto 10px;\r\n    color:#ead8b7;\r\n}\r\n#ads-home .ads-benefit-icon .th-icon{width:27px;height:27px;margin:0;color:#d8b66f}\r\n#ads-home .ads-browser-card .th-icon{width:28px;height:28px;margin:0 auto 8px;color:#7b5c32}\r\n#ads-home .ads-flow-circle .th-icon{width:28px;height:28px;margin:0;color:#ead8b7}\r\n\r\n\/* =========================================================\r\n   SEVEN INDUSTRY DETAIL SECTIONS \u2014 intentionally varied layouts\r\n   ========================================================= *\/\r\n#ads-home .th-service-detail{\r\n    position:relative;\r\n    isolation:isolate;\r\n    overflow:hidden;\r\n    padding:78px clamp(18px,4vw,58px);\r\n    border-top:1px solid #e4d8c6;\r\n}\r\n#ads-home .th-service-shell{\r\n    width:min(var(--ads-max),calc(100% - 44px));\r\n    margin:0 auto;\r\n}\r\n#ads-home .th-detail-kicker{\r\n    margin:0 0 10px;\r\n    color:#9d743c;\r\n    font-size:11px;\r\n    line-height:1.35;\r\n    font-weight:800;\r\n    letter-spacing:.15em;\r\n    text-transform:uppercase;\r\n}\r\n#ads-home .th-service-detail h2{\r\n    margin:0 0 16px;\r\n    color:#2c241a;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:clamp(32px,3.8vw,48px);\r\n    line-height:1.06;\r\n    font-weight:400;\r\n}\r\n#ads-home .th-service-detail p{margin:0 0 18px;color:#544b3f;font-size:15px;line-height:1.72}\r\n#ads-home .th-detail-list{margin:0 0 24px;padding:0;list-style:none}\r\n#ads-home .th-detail-list li{position:relative;margin:9px 0;padding-left:25px;color:#3f382f;font-size:14px;line-height:1.52}\r\n#ads-home .th-detail-list li::before{content:\"\u2713\";position:absolute;left:0;top:0;color:#a4783b;font-weight:800}\r\n#ads-home .th-detail-actions{width:min(350px,100%)}\r\n#ads-home .th-service-detail img{display:block;max-width:100%;object-fit:cover}\r\n\r\n\/* 1 \u2014 CUSTOM SUITS: editorial overlap *\/\r\n#ads-home .th-layout-suit{\r\n    background:\r\n        radial-gradient(circle at 9% 15%,rgba(214,179,111,.16),transparent 24%),\r\n        #fffdf9;\r\n}\r\n#ads-home .th-suit-stage{\r\n    position:relative;\r\n    min-height:520px;\r\n}\r\n#ads-home .th-suit-photo{\r\n    width:67%;\r\n    margin-left:auto;\r\n    border-radius:20px;\r\n    overflow:hidden;\r\n    box-shadow:0 28px 58px rgba(41,32,23,.20);\r\n}\r\n#ads-home .th-suit-photo img{width:100%;height:520px}\r\n#ads-home .th-suit-card{\r\n    position:absolute;\r\n    z-index:2;\r\n    left:0;\r\n    top:50%;\r\n    width:46%;\r\n    padding:38px 40px;\r\n    transform:translateY(-50%);\r\n    background:rgba(255,253,249,.96);\r\n    border:1px solid #dfccb0;\r\n    border-left:5px solid #b8863d;\r\n    border-radius:16px;\r\n    box-shadow:0 24px 48px rgba(44,35,24,.16);\r\n}\r\n#ads-home .th-suit-number{\r\n    position:absolute;\r\n    right:24px;\r\n    top:20px;\r\n    color:rgba(157,116,60,.15);\r\n    font:700 72px\/1 Georgia,\"Times New Roman\",serif;\r\n}\r\n\r\n\/* 2 \u2014 CUSTOM SHIRTS: boutique rack + vertical copy rail *\/\r\n#ads-home .th-layout-shirts{\r\n    background:linear-gradient(115deg,#f5efe5 0%,#fffdf9 58%,#f2eadc 100%);\r\n}\r\n#ads-home .th-shirts-grid{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);\r\n    gap:42px;\r\n    align-items:stretch;\r\n}\r\n#ads-home .th-shirts-photo{\r\n    position:relative;\r\n    min-height:470px;\r\n    overflow:hidden;\r\n    border-radius:18px 80px 18px 18px;\r\n    box-shadow:0 24px 50px rgba(44,35,24,.16);\r\n}\r\n#ads-home .th-shirts-photo img{width:100%;height:100%;min-height:470px}\r\n#ads-home .th-shirts-photo::after{\r\n    content:\"CUSTOM SHIRTS\";\r\n    position:absolute;\r\n    left:18px;\r\n    bottom:16px;\r\n    padding:8px 12px;\r\n    color:#fff;\r\n    background:rgba(24,19,15,.78);\r\n    border:1px solid rgba(226,194,128,.45);\r\n    font-size:10px;\r\n    font-weight:800;\r\n    letter-spacing:.14em;\r\n}\r\n#ads-home .th-shirts-copy{\r\n    align-self:center;\r\n    padding:30px 0 30px 34px;\r\n    border-left:1px solid #cdb58f;\r\n}\r\n#ads-home .th-shirts-points{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:8px;\r\n    margin:24px 0;\r\n}\r\n#ads-home .th-shirts-points span{\r\n    min-height:78px;\r\n    padding:13px 10px;\r\n    text-align:center;\r\n    background:#fff;\r\n    border:1px solid #e0d2bd;\r\n    border-radius:10px;\r\n    color:#3b3126;\r\n    font-size:11px;\r\n    line-height:1.35;\r\n    box-shadow:0 7px 16px rgba(60,43,24,.06);\r\n}\r\n#ads-home .th-shirts-points strong{display:block;margin-bottom:6px;color:#9d743c;font:400 22px\/1 Georgia,\"Times New Roman\",serif}\r\n\r\n\/* 3 \u2014 ALTERATIONS: workshop split with step stamps *\/\r\n#ads-home .th-layout-alterations{\r\n    color:#fff;\r\n    background:\r\n        linear-gradient(105deg,rgba(255,255,255,.04) 0 24%,transparent 24%),\r\n        linear-gradient(120deg,#17130f 0%,#272019 62%,#3a2d20 100%);\r\n}\r\n#ads-home .th-layout-alterations h2,\r\n#ads-home .th-layout-alterations p,\r\n#ads-home .th-layout-alterations .th-detail-list li{color:#fff}\r\n#ads-home .th-layout-alterations .th-detail-kicker{color:#dfbe79}\r\n#ads-home .th-alter-grid{\r\n    display:grid;\r\n    grid-template-columns:minmax(330px,.92fr) minmax(0,1.08fr);\r\n    gap:56px;\r\n    align-items:center;\r\n}\r\n#ads-home .th-alter-photo{\r\n    position:relative;\r\n    padding:14px 14px 58px;\r\n    background:#f6efe2;\r\n    transform:rotate(-1.5deg);\r\n    box-shadow:0 28px 58px rgba(0,0,0,.34);\r\n}\r\n#ads-home .th-alter-photo img{width:100%;height:390px}\r\n#ads-home .th-alter-photo::after{\r\n    content:\"Precision work. Better balance.\";\r\n    position:absolute;\r\n    left:0;\r\n    right:0;\r\n    bottom:17px;\r\n    text-align:center;\r\n    color:#3c3024;\r\n    font:italic 15px\/1.2 Georgia,\"Times New Roman\",serif;\r\n}\r\n#ads-home .th-alter-stamps{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:12px;\r\n    margin:24px 0 28px;\r\n}\r\n#ads-home .th-alter-stamp{\r\n    padding:14px 10px;\r\n    border:1px solid rgba(224,190,121,.35);\r\n    border-radius:10px;\r\n    text-align:center;\r\n    background:rgba(255,255,255,.035);\r\n}\r\n#ads-home .th-alter-stamp b{display:block;color:#dfbe79;font:400 25px\/1 Georgia,\"Times New Roman\",serif}\r\n#ads-home .th-alter-stamp span{display:block;margin-top:5px;color:#eee3d1;font-size:10px;letter-spacing:.08em;text-transform:uppercase}\r\n\r\n\/* 4 \u2014 WEDDING & FORMALWEAR: cinematic full-width image panel *\/\r\n#ads-home .th-layout-formal{\r\n    padding-top:54px;\r\n    padding-bottom:54px;\r\n    background:#efe7da;\r\n}\r\n#ads-home .th-formal-stage{\r\n    position:relative;\r\n    min-height:590px;\r\n    overflow:hidden;\r\n    border-radius:22px;\r\n    background:#18130f;\r\n    box-shadow:0 30px 64px rgba(44,34,24,.22);\r\n}\r\n#ads-home .th-formal-stage img{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    min-height:590px;\r\n    object-position:center 38%;\r\n}\r\n#ads-home .th-formal-stage::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(90deg,rgba(18,14,10,.88) 0%,rgba(18,14,10,.64) 44%,rgba(18,14,10,.20) 74%,rgba(18,14,10,.08) 100%);\r\n}\r\n#ads-home .th-formal-copy{\r\n    position:relative;\r\n    z-index:2;\r\n    width:min(560px,56%);\r\n    padding:68px 58px;\r\n}\r\n#ads-home .th-formal-copy h2,\r\n#ads-home .th-formal-copy p,\r\n#ads-home .th-formal-copy .th-detail-list li{color:#fff}\r\n#ads-home .th-formal-copy .th-detail-kicker{color:#e3c27c}\r\n#ads-home .th-formal-tag{\r\n    display:inline-block;\r\n    margin-bottom:18px;\r\n    padding:7px 12px;\r\n    border:1px solid rgba(231,202,143,.45);\r\n    color:#f4deb2;\r\n    font-size:10px;\r\n    font-weight:800;\r\n    letter-spacing:.13em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n\/* 5 \u2014 FABRICS: tactile magazine composition *\/\r\n#ads-home .th-layout-fabrics{\r\n    background:\r\n        radial-gradient(circle at 87% 15%,rgba(157,116,60,.12),transparent 27%),\r\n        #fffdf9;\r\n}\r\n#ads-home .th-fabric-grid{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);\r\n    gap:52px;\r\n    align-items:center;\r\n}\r\n#ads-home .th-fabric-photo{\r\n    position:relative;\r\n    overflow:hidden;\r\n    border-radius:18px;\r\n    box-shadow:0 24px 52px rgba(44,35,24,.17);\r\n}\r\n#ads-home .th-fabric-photo img{width:100%;height:470px}\r\n#ads-home .th-fabric-photo::after{\r\n    content:\"DETAIL MATTERS\";\r\n    position:absolute;\r\n    right:0;\r\n    bottom:0;\r\n    padding:13px 18px;\r\n    color:#f5e2b9;\r\n    background:#211b16;\r\n    font-size:10px;\r\n    font-weight:800;\r\n    letter-spacing:.16em;\r\n}\r\n#ads-home .th-swatch-row{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:9px;\r\n    margin:22px 0 26px;\r\n}\r\n#ads-home .th-swatch{\r\n    height:58px;\r\n    border-radius:8px;\r\n    border:1px solid rgba(60,46,30,.18);\r\n    box-shadow:0 5px 12px rgba(53,39,23,.09);\r\n}\r\n#ads-home .th-swatch:nth-child(1){background:repeating-linear-gradient(90deg,#1f2d43 0 8px,#263853 8px 15px)}\r\n#ads-home .th-swatch:nth-child(2){background:repeating-linear-gradient(135deg,#8c765d 0 7px,#a28b6f 7px 14px)}\r\n#ads-home .th-swatch:nth-child(3){background:repeating-linear-gradient(90deg,#423a35 0 3px,#62564e 3px 6px)}\r\n#ads-home .th-swatch:nth-child(4){background:repeating-linear-gradient(135deg,#6e2e2a 0 8px,#7f3b34 8px 14px)}\r\n\r\n\/* 6 \u2014 FITTINGS: image + tailoring timeline *\/\r\n#ads-home .th-layout-fittings{\r\n    background:linear-gradient(180deg,#f4ede2 0%,#fffdf9 100%);\r\n}\r\n#ads-home .th-fitting-head{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);\r\n    gap:42px;\r\n    align-items:center;\r\n    margin-bottom:36px;\r\n}\r\n#ads-home .th-fitting-photo{\r\n    overflow:hidden;\r\n    border-radius:80px 18px 18px 18px;\r\n    box-shadow:0 22px 46px rgba(44,35,24,.17);\r\n}\r\n#ads-home .th-fitting-photo img{width:100%;height:370px}\r\n#ads-home .th-fit-timeline{\r\n    position:relative;\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:18px;\r\n    margin-top:18px;\r\n}\r\n#ads-home .th-fit-timeline::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:8%;\r\n    right:8%;\r\n    top:28px;\r\n    height:2px;\r\n    background:linear-gradient(90deg,#b68741,#e0c68e,#b68741);\r\n    transform-origin:left center;\r\n}\r\n#ads-home .th-fit-step{\r\n    position:relative;\r\n    z-index:2;\r\n    padding:0 8px;\r\n    text-align:center;\r\n}\r\n#ads-home .th-fit-step b{\r\n    display:block;\r\n    width:58px;\r\n    height:58px;\r\n    margin:0 auto 13px;\r\n    border-radius:50%;\r\n    color:#fff;\r\n    background:#2d251e;\r\n    border:4px solid #dfbd79;\r\n    box-shadow:0 6px 14px rgba(42,31,19,.16);\r\n    font:400 22px\/50px Georgia,\"Times New Roman\",serif;\r\n}\r\n#ads-home .th-fit-step strong{display:block;color:#30271f;font-size:13px}\r\n#ads-home .th-fit-step span{display:block;margin-top:5px;color:#685c4d;font-size:11px;line-height:1.45}\r\n\r\n\/* 7 \u2014 STYLE CONSULTATION: contained image + protected copy column *\/\r\n#ads-home .th-layout-style{\r\n    background:\r\n        linear-gradient(90deg,#211a15 0 40%,#fffdf9 40% 100%);\r\n}\r\n#ads-home .th-style-grid{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);\r\n    gap:32px;\r\n    align-items:center;\r\n}\r\n#ads-home .th-style-portrait{\r\n    position:relative;\r\n    min-width:0;\r\n    min-height:0;\r\n    margin:0;\r\n    z-index:1;\r\n    display:grid;\r\n    place-items:center;\r\n    overflow:hidden;\r\n    background:#211a15;\r\n    border-radius:18px;\r\n    box-shadow:0 30px 60px rgba(0,0,0,.28);\r\n}\r\n#ads-home .th-style-portrait img{\r\n    display:block;\r\n    width:100%;\r\n    max-width:100%;\r\n    height:auto;\r\n    max-height:560px;\r\n    object-fit:contain;\r\n    object-position:center center;\r\n}\r\n#ads-home .th-style-copy{\r\n    position:relative;\r\n    z-index:2;\r\n    min-width:0;\r\n    min-height:500px;\r\n    padding:58px 54px;\r\n    background:#fff;\r\n    border:1px solid #e0d3c1;\r\n    border-radius:18px;\r\n    box-shadow:0 18px 38px rgba(44,35,24,.10);\r\n}\r\n#ads-home .th-style-notes{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:10px;\r\n    margin:24px 0 28px;\r\n}\r\n#ads-home .th-style-note{\r\n    padding:13px 10px;\r\n    background:#f6f0e7;\r\n    border-top:3px solid #b8863d;\r\n    color:#40372e;\r\n    font-size:11px;\r\n    line-height:1.4;\r\n}\r\n#ads-home .th-style-note strong{display:block;margin-bottom:4px;color:#8e6734;font-size:11px;text-transform:uppercase;letter-spacing:.07em}\r\n\r\n\/* Section-specific entrance motion. Existing observer supplies .is-motion-visible. *\/\r\n#ads-home.js-motion .th-service-detail .th-anim-a,\r\n#ads-home.js-motion .th-service-detail .th-anim-b,\r\n#ads-home.js-motion .th-service-detail .th-anim-c{\r\n    opacity:0;\r\n    transition:opacity .82s ease,transform .9s cubic-bezier(.22,1,.36,1);\r\n}\r\n#ads-home.js-motion .th-service-detail .th-anim-a{transform:translate3d(-46px,0,0)}\r\n#ads-home.js-motion .th-service-detail .th-anim-b{transform:translate3d(46px,0,0)}\r\n#ads-home.js-motion .th-service-detail .th-anim-c{transform:translate3d(0,34px,0)}\r\n#ads-home.js-motion .th-service-detail.is-motion-visible .th-anim-a,\r\n#ads-home.js-motion .th-service-detail.is-motion-visible .th-anim-b,\r\n#ads-home.js-motion .th-service-detail.is-motion-visible .th-anim-c{\r\n    opacity:1;\r\n    transform:translate3d(0,0,0);\r\n}\r\n#ads-home.js-motion .th-service-detail.is-motion-visible .th-anim-b{transition-delay:.16s}\r\n#ads-home.js-motion .th-service-detail.is-motion-visible .th-anim-c{transition-delay:.30s}\r\n#ads-home.js-motion .th-layout-formal .th-formal-stage img{\r\n    transform:scale(1.08);\r\n    transition:transform 2.1s cubic-bezier(.22,1,.36,1);\r\n}\r\n#ads-home.js-motion .th-layout-formal.is-motion-visible .th-formal-stage img{transform:scale(1)}\r\n#ads-home.js-motion .th-layout-fittings .th-fit-timeline::before{\r\n    transform:scaleX(0);\r\n    transition:transform 1.35s .28s ease;\r\n}\r\n#ads-home.js-motion .th-layout-fittings.is-motion-visible .th-fit-timeline::before{transform:scaleX(1)}\r\n#ads-home.js-motion .th-layout-fittings .th-fit-step{\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n    transition:opacity .55s ease,transform .55s ease;\r\n}\r\n#ads-home.js-motion .th-layout-fittings.is-motion-visible .th-fit-step{opacity:1;transform:none}\r\n#ads-home.js-motion .th-layout-fittings.is-motion-visible .th-fit-step:nth-child(1){transition-delay:.45s}\r\n#ads-home.js-motion .th-layout-fittings.is-motion-visible .th-fit-step:nth-child(2){transition-delay:.64s}\r\n#ads-home.js-motion .th-layout-fittings.is-motion-visible .th-fit-step:nth-child(3){transition-delay:.83s}\r\n#ads-home.js-motion .th-layout-fabrics .th-swatch{transform:scale(.84);opacity:.15;transition:transform .46s ease,opacity .46s ease}\r\n#ads-home.js-motion .th-layout-fabrics.is-motion-visible .th-swatch{transform:scale(1);opacity:1}\r\n#ads-home.js-motion .th-layout-fabrics.is-motion-visible .th-swatch:nth-child(1){transition-delay:.42s}\r\n#ads-home.js-motion .th-layout-fabrics.is-motion-visible .th-swatch:nth-child(2){transition-delay:.53s}\r\n#ads-home.js-motion .th-layout-fabrics.is-motion-visible .th-swatch:nth-child(3){transition-delay:.64s}\r\n#ads-home.js-motion .th-layout-fabrics.is-motion-visible .th-swatch:nth-child(4){transition-delay:.75s}\r\n\r\n@media(max-width:960px){\r\n    #ads-home .th-suit-stage{min-height:0}\r\n    #ads-home .th-suit-photo{width:100%;margin:0}\r\n    #ads-home .th-suit-photo img{height:440px}\r\n    #ads-home .th-suit-card{position:relative;left:auto;top:auto;width:calc(100% - 34px);margin:-86px auto 0;transform:none;padding:32px}\r\n    #ads-home .th-shirts-grid,\r\n    #ads-home .th-alter-grid,\r\n    #ads-home .th-fabric-grid,\r\n    #ads-home .th-fitting-head,\r\n    #ads-home .th-style-grid{grid-template-columns:1fr}\r\n    #ads-home .th-shirts-copy{padding:28px 0 0;border-left:0;border-top:1px solid #cdb58f}\r\n    #ads-home .th-alter-photo{max-width:650px;margin:0 auto}\r\n    #ads-home .th-formal-stage{min-height:560px}\r\n    #ads-home .th-formal-copy{width:70%;padding:58px 44px}\r\n    #ads-home .th-style-grid{gap:24px}\r\n    #ads-home .th-style-portrait{min-height:0;margin:0;z-index:1}\r\n    #ads-home .th-style-portrait img{width:100%;height:auto;max-height:none;object-fit:contain}\r\n    #ads-home .th-style-copy{min-height:0;padding:38px 34px;border-radius:18px}\r\n    #ads-home .th-layout-style{background:linear-gradient(180deg,#211a15 0 38%,#fffdf9 38% 100%)}\r\n}\r\n\r\n@media(max-width:680px){\r\n    #ads-home .th-service-detail{padding:58px 16px}\r\n    #ads-home .th-service-shell{width:100%}\r\n    #ads-home .th-service-detail h2{font-size:32px}\r\n    #ads-home .th-btn{min-height:52px;padding:16px 50px 15px 17px;font-size:11px}\r\n    #ads-home .th-suit-photo img,\r\n    #ads-home .th-shirts-photo img,\r\n    #ads-home .th-alter-photo img,\r\n    #ads-home .th-fabric-photo img,\r\n    #ads-home .th-fitting-photo img{height:320px;min-height:0}\r\n    #ads-home .th-suit-card{width:calc(100% - 20px);margin-top:-54px;padding:26px 22px}\r\n    #ads-home .th-suit-number{font-size:54px}\r\n    #ads-home .th-shirts-photo{min-height:0;border-radius:16px 46px 16px 16px}\r\n    #ads-home .th-shirts-points,\r\n    #ads-home .th-alter-stamps,\r\n    #ads-home .th-swatch-row,\r\n    #ads-home .th-fit-timeline,\r\n    #ads-home .th-style-notes{grid-template-columns:1fr}\r\n    #ads-home .th-shirts-points span{min-height:0;text-align:left}\r\n    #ads-home .th-alter-grid{gap:34px}\r\n    #ads-home .th-alter-photo{padding:10px 10px 50px;transform:none}\r\n    #ads-home .th-formal-stage{min-height:620px}\r\n    #ads-home .th-formal-stage img{min-height:620px;object-position:62% center}\r\n    #ads-home .th-formal-stage::after{background:linear-gradient(180deg,rgba(18,14,10,.32) 0%,rgba(18,14,10,.72) 45%,rgba(18,14,10,.94) 100%)}\r\n    #ads-home .th-formal-copy{position:absolute;left:0;right:0;bottom:0;width:100%;padding:34px 24px}\r\n    #ads-home .th-fit-timeline::before{left:29px;right:auto;top:22px;bottom:22px;width:2px;height:auto;transform-origin:center top}\r\n    #ads-home.js-motion .th-layout-fittings .th-fit-timeline::before{transform:scaleY(0)}\r\n    #ads-home.js-motion .th-layout-fittings.is-motion-visible .th-fit-timeline::before{transform:scaleY(1)}\r\n    #ads-home .th-fit-step{text-align:left;padding:0 0 0 78px;min-height:72px}\r\n    #ads-home .th-fit-step b{position:absolute;left:0;top:0;margin:0}\r\n    #ads-home .th-style-portrait{min-height:0;margin:0}\r\n    #ads-home .th-style-portrait img{width:100%;height:auto;max-height:none;object-fit:contain}\r\n    #ads-home .th-style-copy{padding:30px 22px 28px}\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n    #ads-home .th-service-detail *,\r\n    #ads-home .th-service-detail *::before,\r\n    #ads-home .th-service-detail *::after{\r\n        animation:none!important;\r\n        transition:none!important;\r\n    }\r\n    #ads-home.js-motion .th-service-detail .th-anim-a,\r\n    #ads-home.js-motion .th-service-detail .th-anim-b,\r\n    #ads-home.js-motion .th-service-detail .th-anim-c,\r\n    #ads-home.js-motion .th-layout-fittings .th-fit-step{\r\n        opacity:1!important;\r\n        transform:none!important;\r\n    }\r\n}\r\n\r\n\r\n\/* Owner\/about section *\/\r\n#ads-home .th-about-section{padding:70px clamp(18px,4vw,58px);background:linear-gradient(120deg,#17130f 0%,#2b241c 62%,#4c3924 100%);color:#fff}\r\n#ads-home .th-about-grid{width:min(var(--ads-max),calc(100% - 44px));margin:0 auto;display:table;table-layout:fixed}\r\n#ads-home .th-about-copy,#ads-home .th-about-visual{display:table-cell;width:50%;vertical-align:middle}\r\n#ads-home .th-about-copy{padding-right:44px}\r\n#ads-home .th-about-section h2{margin:0 0 16px;color:#fff;font:400 clamp(34px,4vw,48px)\/1.08 Georgia,\"Times New Roman\",serif}\r\n#ads-home .th-about-section p{margin:0 0 16px;color:#f3eadc;font-size:15px;line-height:1.72}\r\n#ads-home .th-owner-line{color:#e0bf78!important;font-weight:700}\r\n#ads-home .th-about-visual img{display:block;width:100%;height:auto;border:0;outline:0;border-radius:0;box-shadow:none;background:transparent}\r\n\r\n\/* FAQ \u2014 premium editorial accordion *\/\r\n#ads-home .th-faq{\r\n    position:relative;\r\n    isolation:isolate;\r\n    overflow:hidden;\r\n    padding:82px clamp(18px,4vw,58px) 88px;\r\n    background:\r\n        radial-gradient(circle at 10% 12%,rgba(181,138,74,.18),transparent 26%),\r\n        radial-gradient(circle at 92% 20%,rgba(15,111,115,.12),transparent 25%),\r\n        radial-gradient(circle at 82% 88%,rgba(109,52,72,.09),transparent 24%),\r\n        linear-gradient(145deg,#fbf8f2 0%,#f3ede3 52%,#fbf8f2 100%);\r\n}\r\n#ads-home .th-faq::before,\r\n#ads-home .th-faq::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    z-index:0;\r\n    width:430px;\r\n    height:430px;\r\n    border-radius:50%;\r\n    pointer-events:none;\r\n    opacity:.55;\r\n}\r\n#ads-home .th-faq::before{\r\n    left:-245px;\r\n    top:-220px;\r\n    border:1px solid rgba(181,138,74,.28);\r\n    box-shadow:inset 0 0 0 68px rgba(181,138,74,.035),inset 0 0 0 136px rgba(181,138,74,.025);\r\n    animation:thFaqOrbLeft 16s ease-in-out infinite;\r\n}\r\n#ads-home .th-faq::after{\r\n    right:-255px;\r\n    bottom:-250px;\r\n    border:1px solid rgba(15,111,115,.20);\r\n    box-shadow:inset 0 0 0 72px rgba(15,111,115,.025),inset 0 0 0 144px rgba(15,111,115,.018);\r\n    animation:thFaqOrbRight 19s ease-in-out infinite;\r\n}\r\n#ads-home .th-faq-inner{\r\n    position:relative;\r\n    z-index:2;\r\n    width:min(1080px,calc(100% - 44px));\r\n    margin:0 auto;\r\n}\r\n#ads-home .th-faq-head{\r\n    position:relative;\r\n    max-width:840px;\r\n    margin:0 auto 42px;\r\n    padding:0 20px;\r\n    text-align:center;\r\n}\r\n#ads-home .th-faq-head .ads-eyebrow{\r\n    display:inline-block;\r\n    margin:0 0 13px;\r\n    padding:7px 13px 6px;\r\n    color:#6f4e24;\r\n    background:rgba(255,255,255,.72);\r\n    border:1px solid rgba(181,138,74,.34);\r\n    border-radius:999px;\r\n    box-shadow:0 6px 18px rgba(73,51,24,.06);\r\n    font-size:11px;\r\n    letter-spacing:.15em;\r\n}\r\n#ads-home .th-faq-head h2{\r\n    margin:0;\r\n    color:#241d16;\r\n    font:400 clamp(38px,4.4vw,54px)\/1.04 Georgia,\"Times New Roman\",serif;\r\n    letter-spacing:-.025em;\r\n}\r\n#ads-home .th-faq-head h2 span{color:#a87939}\r\n#ads-home .th-faq-title-rule{\r\n    width:112px;\r\n    height:3px;\r\n    margin:18px auto 0;\r\n    overflow:hidden;\r\n    border-radius:999px;\r\n    background:linear-gradient(90deg,#b58a4a 0%,#d8b66f 48%,#0f6f73 100%);\r\n    box-shadow:0 4px 12px rgba(181,138,74,.18);\r\n}\r\n#ads-home .th-faq-head p{\r\n    margin:18px auto 0;\r\n    max-width:760px;\r\n    color:#5b5247;\r\n    font-size:15px;\r\n    line-height:1.72;\r\n}\r\n#ads-home .th-faq-list{\r\n    counter-reset:thFaq;\r\n    width:100%;\r\n    margin:0 auto;\r\n}\r\n#ads-home .th-faq details{\r\n    --th-faq-accent:#b58a4a;\r\n    --th-faq-soft:rgba(181,138,74,.10);\r\n    counter-increment:thFaq;\r\n    position:relative;\r\n    margin:0 0 15px;\r\n    overflow:hidden;\r\n    border:1px solid rgba(125,101,60,.20);\r\n    border-radius:17px;\r\n    background:rgba(255,255,255,.88);\r\n    box-shadow:0 10px 30px rgba(55,39,22,.07),0 1px 0 rgba(255,255,255,.90) inset;\r\n    backdrop-filter:blur(8px);\r\n    -webkit-backdrop-filter:blur(8px);\r\n    transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease,background .28s ease;\r\n}\r\n#ads-home .th-faq details:nth-child(2){--th-faq-accent:#0f6f73;--th-faq-soft:rgba(15,111,115,.09)}\r\n#ads-home .th-faq details:nth-child(3){--th-faq-accent:#8b5f37;--th-faq-soft:rgba(139,95,55,.10)}\r\n#ads-home .th-faq details:nth-child(4){--th-faq-accent:#6d3448;--th-faq-soft:rgba(109,52,72,.08)}\r\n#ads-home .th-faq details:nth-child(5){--th-faq-accent:#405d78;--th-faq-soft:rgba(64,93,120,.09)}\r\n#ads-home .th-faq details::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    top:0;\r\n    bottom:0;\r\n    width:5px;\r\n    background:var(--th-faq-accent);\r\n    transform:scaleY(.42);\r\n    transform-origin:center;\r\n    border-radius:0 5px 5px 0;\r\n    transition:transform .30s cubic-bezier(.22,1,.36,1),width .30s ease;\r\n}\r\n#ads-home .th-faq details:hover{\r\n    transform:translateY(-3px);\r\n    border-color:color-mix(in srgb,var(--th-faq-accent) 48%,#ffffff);\r\n    box-shadow:0 18px 42px rgba(55,39,22,.11),0 1px 0 rgba(255,255,255,.95) inset;\r\n}\r\n#ads-home .th-faq details[open]{\r\n    background:linear-gradient(135deg,#ffffff 0%,var(--th-faq-soft) 100%);\r\n    border-color:var(--th-faq-accent);\r\n    box-shadow:0 20px 48px rgba(55,39,22,.12),0 0 0 1px rgba(255,255,255,.72) inset;\r\n}\r\n#ads-home .th-faq details[open]::before{width:6px;transform:scaleY(1)}\r\n#ads-home .th-faq summary{\r\n    cursor:pointer;\r\n    list-style:none;\r\n    position:relative;\r\n    min-height:82px;\r\n    padding:23px 82px 23px 84px;\r\n    color:#30271d;\r\n    font-size:16px;\r\n    line-height:1.42;\r\n    font-weight:700;\r\n    letter-spacing:.002em;\r\n    transition:color .22s ease;\r\n}\r\n#ads-home .th-faq summary::-webkit-details-marker{display:none}\r\n#ads-home .th-faq summary::before{\r\n    content:counter(thFaq,decimal-leading-zero);\r\n    position:absolute;\r\n    left:24px;\r\n    top:50%;\r\n    width:42px;\r\n    height:42px;\r\n    margin-top:-21px;\r\n    display:grid;\r\n    place-items:center;\r\n    color:var(--th-faq-accent);\r\n    background:var(--th-faq-soft);\r\n    border:1px solid color-mix(in srgb,var(--th-faq-accent) 35%,#ffffff);\r\n    border-radius:50%;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:13px;\r\n    line-height:1;\r\n    font-weight:700;\r\n    transition:transform .28s cubic-bezier(.22,1,.36,1),background .28s ease,color .28s ease;\r\n}\r\n#ads-home .th-faq summary::after{\r\n    content:\"+\";\r\n    position:absolute;\r\n    right:24px;\r\n    top:50%;\r\n    width:38px;\r\n    height:38px;\r\n    margin-top:-19px;\r\n    display:grid;\r\n    place-items:center;\r\n    color:#fff;\r\n    background:linear-gradient(135deg,var(--th-faq-accent),#2f271e);\r\n    border-radius:50%;\r\n    box-shadow:0 8px 18px rgba(44,36,26,.16);\r\n    font-size:23px;\r\n    line-height:1;\r\n    font-weight:400;\r\n    transition:transform .30s cubic-bezier(.22,1,.36,1),box-shadow .28s ease;\r\n}\r\n#ads-home .th-faq details:hover summary::before{transform:scale(1.08)}\r\n#ads-home .th-faq details:hover summary::after{box-shadow:0 10px 24px rgba(44,36,26,.22)}\r\n#ads-home .th-faq details[open] summary{color:#211a13}\r\n#ads-home .th-faq details[open] summary::before{color:#fff;background:var(--th-faq-accent);transform:scale(1.08)}\r\n#ads-home .th-faq details[open] summary::after{content:\"\u2013\";transform:rotate(180deg)}\r\n#ads-home .th-faq-answer{\r\n    position:relative;\r\n    margin:0 24px 0 84px;\r\n    padding:0 58px 24px 0;\r\n    border-top:1px solid rgba(91,82,71,.13);\r\n}\r\n#ads-home .th-faq details p{\r\n    margin:0;\r\n    padding:17px 0 0;\r\n    color:#5a5146;\r\n    font-size:14px;\r\n    line-height:1.76;\r\n}\r\n#ads-home .th-faq-answer::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    right:4px;\r\n    top:18px;\r\n    width:26px;\r\n    height:2px;\r\n    border-radius:2px;\r\n    background:var(--th-faq-accent);\r\n    opacity:.55;\r\n}\r\n@keyframes thFaqOrbLeft{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(34px,24px,0) scale(1.05)}}\r\n@keyframes thFaqOrbRight{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-30px,-22px,0) scale(1.06)}}\r\n\r\n\/* Final card tailoring overrides *\/\r\n#ads-home .ads-final-anchor .th-monogram{display:block;width:100%;max-width:180px;height:auto;margin:0 auto;color:#d8b66f}\r\n#ads-home .ads-final-buttons a{display:block}\r\n#ads-home .ads-final-buttons .th-btn{margin-bottom:10px}\r\n\r\n@media(max-width:1100px){\r\n    #th-custom-navigation .th-nav-links a{font-size:10px;padding:5px 6px}\r\n}\r\n\r\n@media(max-width:860px){\r\n    #th-custom-navigation .th-nav-inner{width:min(100% - 22px,1380px);padding:9px 0}\r\n    #th-custom-navigation .th-brand{width:64%}\r\n    #th-custom-navigation .th-call{display:none}\r\n    #th-custom-navigation .th-mobile-toggle-wrap{display:table-cell;width:36%}\r\n    #th-custom-navigation .th-nav-links{display:none;text-align:left;max-height:calc(100vh - var(--jw-admin-bar-offset,0px) - 62px);overflow-y:auto;padding:8px 2px 4px;-webkit-overflow-scrolling:touch}\r\n    #th-custom-navigation.is-open .th-nav-links{display:block}\r\n    #th-custom-navigation .th-nav-links a{display:block;width:100%;margin:2px 0;padding:10px 12px;font-size:12px;white-space:normal}\r\n    #ads-home .th-about-grid{display:block;width:min(100% - 34px,var(--ads-max))}\r\n    #ads-home .th-about-copy,#ads-home .th-about-visual{display:block;width:100%}\r\n    #ads-home .th-about-copy{padding:0 0 28px}\r\n}\r\n\r\n@media(max-width:560px){\r\n    #th-custom-navigation .th-brand strong{font-size:18px}\r\n    #th-custom-navigation .th-brand span{font-size:8px;letter-spacing:.12em}\r\n    #ads-home .th-about-section,#ads-home .th-faq{padding-left:16px;padding-right:16px}\r\n    #ads-home .th-about-grid,#ads-home .th-faq-inner{width:100%}\r\n    #ads-home .th-about-section h2,#ads-home .th-faq-head h2{font-size:32px}\r\n}\r\n\r\n@media(max-width:560px){\r\n    #ads-home .th-faq{padding-top:62px;padding-bottom:66px}\r\n    #ads-home .th-faq-head{padding:0 2px;margin-bottom:30px}\r\n    #ads-home .th-faq-head h2{font-size:36px}\r\n    #ads-home .th-faq-head p{font-size:14px;line-height:1.65}\r\n    #ads-home .th-faq details{margin-bottom:12px;border-radius:14px}\r\n    #ads-home .th-faq summary{min-height:72px;padding:19px 58px 19px 62px;font-size:14px;line-height:1.38}\r\n    #ads-home .th-faq summary::before{left:15px;width:34px;height:34px;margin-top:-17px;font-size:11px}\r\n    #ads-home .th-faq summary::after{right:14px;width:32px;height:32px;margin-top:-16px;font-size:20px}\r\n    #ads-home .th-faq-answer{margin:0 15px 0 62px;padding:0 8px 20px 0}\r\n    #ads-home .th-faq-answer::after{display:none}\r\n    #ads-home .th-faq details p{padding-top:14px;font-size:13px;line-height:1.7}\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n    #th-custom-navigation *, #ads-home .th-btn{transition:none!important;animation:none!important}\r\n    #ads-home .th-faq::before,#ads-home .th-faq::after{animation:none!important}\r\n    #ads-home .th-faq details,#ads-home .th-faq summary::before,#ads-home .th-faq summary::after{transition:none!important}\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAYOR & HART \u2014 DIMENSIONAL SHADOW CTA SYSTEM\r\n   No flashing, glow sweeps, or animation behind the buttons.\r\n   The only ambient motion is a restrained shadow veil moving\r\n   gently across the clipped interior of each button.\r\n   ========================================================= *\/\r\n#ads-home a.th-btn,\r\n#ads-home .ads-image-button.th-btn,\r\n#ads-home .ads-context-button a.th-btn,\r\n#ads-home .ads-story-context-button a.th-btn,\r\n#ads-home .ads-final-buttons a.th-btn,\r\n#ads-home .th-detail-actions a.th-btn{\r\n    --th-btn-accent:#d8ad5e;\r\n    --th-btn-edge:rgba(255,255,255,.42);\r\n    --th-btn-shadow-pass:rgba(7,13,22,.16);\r\n    position:relative;\r\n    display:grid;\r\n    grid-template-columns:54px minmax(0,1fr) 48px;\r\n    align-items:stretch;\r\n    width:100%;\r\n    min-height:66px;\r\n    margin:0;\r\n    padding:0;\r\n    overflow:hidden !important;\r\n    border:1px solid #c9953e;\r\n    border-radius:16px;\r\n    text-align:left;\r\n    text-decoration:none;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    font-size:12px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    letter-spacing:.075em;\r\n    text-transform:uppercase;\r\n    isolation:isolate;\r\n    transform:translate3d(0,0,0);\r\n    filter:none;\r\n    clip-path:none;\r\n    box-shadow:\r\n        0 12px 25px rgba(30,22,13,.18),\r\n        0 2px 5px rgba(30,22,13,.10),\r\n        inset 0 1px 0 var(--th-btn-edge),\r\n        inset 0 -2px 0 rgba(74,48,16,.16),\r\n        inset 1px 0 0 rgba(255,255,255,.12),\r\n        inset -1px 0 0 rgba(55,38,17,.10);\r\n    transition:\r\n        border-color .28s ease,\r\n        box-shadow .28s ease,\r\n        transform .28s cubic-bezier(.22,1,.36,1),\r\n        color .28s ease;\r\n}\r\n\r\n\/* Restrained moving shadow. It is deliberately darker, not brighter,\r\n   and remains clipped to the button's rounded border at all times. *\/\r\n#ads-home a.th-btn::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    z-index:1;\r\n    top:0;\r\n    bottom:0;\r\n    left:-46%;\r\n    width:42%;\r\n    pointer-events:none;\r\n    opacity:.58;\r\n    background:linear-gradient(\r\n        104deg,\r\n        transparent 0%,\r\n        rgba(6,12,20,0) 13%,\r\n        var(--th-btn-shadow-pass) 43%,\r\n        rgba(6,12,20,.09) 58%,\r\n        transparent 82%\r\n    );\r\n    transform:skewX(-13deg) translate3d(0,0,0);\r\n    animation:thBtnGentleShadow 8.8s cubic-bezier(.45,0,.22,1) infinite;\r\n}\r\n\r\n\/* Static inner bevel: adds depth without any flash or exterior glow. *\/\r\n#ads-home a.th-btn::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    z-index:2;\r\n    inset:1px;\r\n    border-radius:14px;\r\n    pointer-events:none;\r\n    border-top:1px solid rgba(255,255,255,.20);\r\n    border-bottom:1px solid rgba(40,27,12,.14);\r\n    box-shadow:\r\n        inset 0 8px 16px rgba(255,255,255,.035),\r\n        inset 0 -10px 18px rgba(17,12,8,.07);\r\n}\r\n\r\n#ads-home .th-btn .th-btn-icon,\r\n#ads-home .th-btn .th-btn-arrow,\r\n#ads-home .th-btn .th-btn-label{\r\n    position:relative;\r\n    z-index:4;\r\n    min-width:0;\r\n}\r\n\r\n#ads-home .th-btn .th-btn-icon{\r\n    display:grid;\r\n    place-items:center;\r\n    padding:0 12px;\r\n    color:var(--th-btn-accent);\r\n    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(0,0,0,.035));\r\n}\r\n\r\n#ads-home .th-btn .th-btn-icon::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    right:0;\r\n    top:11px;\r\n    bottom:11px;\r\n    width:1px;\r\n    background:currentColor;\r\n    opacity:.23;\r\n    pointer-events:none;\r\n}\r\n\r\n#ads-home .th-btn .th-btn-icon svg{\r\n    display:block;\r\n    width:25px;\r\n    height:25px;\r\n    transform-origin:50% 50%;\r\n    transition:\r\n        transform .34s cubic-bezier(.22,1,.36,1),\r\n        filter .34s ease;\r\n}\r\n\r\n#ads-home .th-btn .th-btn-label{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:flex-start;\r\n    padding:13px 17px;\r\n    white-space:normal;\r\n    overflow-wrap:anywhere;\r\n    text-shadow:0 1px 0 rgba(255,255,255,.08);\r\n    transition:\r\n        letter-spacing .32s cubic-bezier(.22,1,.36,1),\r\n        transform .32s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n#ads-home .th-btn .th-btn-arrow{\r\n    display:grid;\r\n    place-items:center;\r\n    align-self:center;\r\n    justify-self:center;\r\n    width:33px;\r\n    height:33px;\r\n    overflow:hidden;\r\n    border:1px solid currentColor;\r\n    border-radius:50%;\r\n    opacity:.94;\r\n    background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(0,0,0,.07));\r\n    box-shadow:\r\n        inset 0 1px 0 rgba(255,255,255,.16),\r\n        inset 0 -1px 0 rgba(0,0,0,.10);\r\n    transition:\r\n        transform .32s cubic-bezier(.22,1,.36,1),\r\n        background .28s ease,\r\n        color .28s ease,\r\n        box-shadow .28s ease;\r\n}\r\n\r\n#ads-home .th-btn .th-btn-arrow::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:4px;\r\n    border:1px solid currentColor;\r\n    border-radius:50%;\r\n    opacity:.16;\r\n    transition:opacity .28s ease,transform .34s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n#ads-home .th-btn .th-btn-arrow svg{\r\n    position:relative;\r\n    z-index:2;\r\n    display:block;\r\n    width:16px;\r\n    height:16px;\r\n    transition:transform .38s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n#ads-home a.th-btn:hover{\r\n    transform:translateY(-2px);\r\n    border-color:#ddb25a;\r\n    box-shadow:\r\n        0 16px 30px rgba(30,22,13,.22),\r\n        0 4px 8px rgba(30,22,13,.12),\r\n        inset 0 1px 0 rgba(255,255,255,.48),\r\n        inset 0 -2px 0 rgba(74,48,16,.18),\r\n        inset 0 0 0 1px rgba(218,174,91,.12);\r\n}\r\n\r\n#ads-home a.th-btn:hover::before{\r\n    opacity:.76;\r\n    animation-duration:5.8s;\r\n}\r\n\r\n#ads-home a.th-btn:hover .th-btn-icon svg{\r\n    transform:scale(1.07);\r\n    filter:drop-shadow(0 2px 2px rgba(0,0,0,.13));\r\n}\r\n\r\n#ads-home a.th-btn:hover .th-btn-label{\r\n    transform:translateX(2px);\r\n    letter-spacing:.092em;\r\n}\r\n\r\n#ads-home a.th-btn:hover .th-btn-arrow{\r\n    transform:translateX(1px);\r\n    box-shadow:\r\n        inset 0 1px 0 rgba(255,255,255,.24),\r\n        inset 0 -2px 0 rgba(0,0,0,.12),\r\n        0 2px 5px rgba(0,0,0,.12);\r\n}\r\n\r\n#ads-home a.th-btn:hover .th-btn-arrow::before{\r\n    opacity:.30;\r\n    transform:scale(.90);\r\n}\r\n\r\n#ads-home a.th-btn:hover .th-btn-arrow svg{\r\n    transform:translateX(2px);\r\n}\r\n\r\n#ads-home a.th-btn:active{\r\n    transform:translateY(0);\r\n    box-shadow:\r\n        0 7px 14px rgba(30,22,13,.16),\r\n        inset 0 2px 5px rgba(0,0,0,.10),\r\n        inset 0 1px 0 rgba(255,255,255,.22);\r\n}\r\n\r\n#ads-home a.th-btn:active .th-btn-label{\r\n    transform:translateX(1px);\r\n}\r\n\r\n#ads-home a.th-btn:active .th-btn-arrow{\r\n    transform:scale(.96);\r\n}\r\n\r\n#ads-home a.th-btn:focus-visible{\r\n    outline:3px solid rgba(225,183,92,.40);\r\n    outline-offset:4px;\r\n}\r\n\r\n\/* Deep navy \/ gold \u2014 dimensional lacquered tailoring finish. *\/\r\n#ads-home a.th-btn.th-btn-luxe-dark{\r\n    --th-btn-accent:#e0b75f;\r\n    --th-btn-edge:rgba(255,255,255,.18);\r\n    --th-btn-shadow-pass:rgba(0,0,0,.28);\r\n    color:#f6e6bd;\r\n    background:transparent 36%),\r\n        linear-gradient(180deg,rgba(255,255,255,.055) 0%,rgba(255,255,255,0) 25%),\r\n        linear-gradient(112deg,#07162a 0%,#102b4d 42%,#0a1f38 69%,#061426 100%);\r\n    border-color:#b98631;\r\n    box-shadow:\r\n        0 13px 28px rgba(2,12,25,.32),\r\n        0 3px 7px rgba(2,12,25,.18),\r\n        inset 0 1px 0 rgba(255,255,255,.13),\r\n        inset 0 -2px 0 rgba(0,0,0,.28),\r\n        inset 0 0 18px rgba(222,181,96,.035);\r\n}\r\n#ads-home a.th-btn.th-btn-luxe-dark .th-btn-icon{color:#e0b75f}\r\n#ads-home a.th-btn.th-btn-luxe-dark .th-btn-arrow{color:#e7c370;background:linear-gradient(180deg,rgba(230,190,106,.08),rgba(0,0,0,.08))}\r\n#ads-home a.th-btn.th-btn-luxe-dark:hover .th-btn-arrow{background:linear-gradient(180deg,#e5c477,#c79742);color:#11213a}\r\n\r\n\/* Warm ivory \u2014 softly raised, tailored stationery finish. *\/\r\n#ads-home a.th-btn.th-btn-luxe-light{\r\n    --th-btn-accent:#a9742b;\r\n    --th-btn-edge:rgba(255,255,255,.92);\r\n    --th-btn-shadow-pass:rgba(98,70,33,.13);\r\n    color:#34291e;\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.34) 22%,transparent 23%),\r\n        linear-gradient(112deg,#fffdf9 0%,#f8f0e2 50%,#ead8b9 100%);\r\n    border-color:#c99a4e;\r\n    box-shadow:\r\n        0 12px 24px rgba(73,52,26,.14),\r\n        0 3px 7px rgba(73,52,26,.08),\r\n        inset 0 1px 0 rgba(255,255,255,.98),\r\n        inset 0 -2px 0 rgba(120,82,33,.14),\r\n        inset 0 0 0 1px rgba(255,255,255,.42);\r\n}\r\n#ads-home a.th-btn.th-btn-luxe-light .th-btn-icon{color:#aa762d}\r\n#ads-home a.th-btn.th-btn-luxe-light .th-btn-arrow{color:#8e6123;background:linear-gradient(180deg,#fff9ec,#ead8b7)}\r\n#ads-home a.th-btn.th-btn-luxe-light:hover .th-btn-arrow{background:linear-gradient(180deg,#39332c,#1f1b17);color:#f1d89e}\r\n\r\n\/* Rich gold \u2014 multi-stop metallic depth without a flashing sheen. *\/\r\n#ads-home a.th-btn.th-btn-luxe-gold{\r\n    --th-btn-accent:#664519;\r\n    --th-btn-edge:rgba(255,255,255,.72);\r\n    --th-btn-shadow-pass:rgba(77,50,15,.18);\r\n    color:#211b15;\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.52) 0%,rgba(255,255,255,.12) 24%,transparent 25%),transparent 29%),\r\n        linear-gradient(112deg,#f4dda1 0%,#e8c777 29%,#d5a64e 61%,#bb7f28 100%);\r\n    border-color:#b67b27;\r\n    box-shadow:\r\n        0 13px 27px rgba(69,48,18,.24),\r\n        0 3px 7px rgba(69,48,18,.11),\r\n        inset 0 1px 0 rgba(255,255,255,.76),\r\n        inset 0 -2px 0 rgba(96,59,15,.22),\r\n        inset 0 0 0 1px rgba(255,244,203,.13);\r\n}\r\n#ads-home a.th-btn.th-btn-luxe-gold .th-btn-icon{color:#624117}\r\n#ads-home a.th-btn.th-btn-luxe-gold .th-btn-arrow{color:#543714;background:linear-gradient(180deg,rgba(255,244,204,.36),rgba(102,65,18,.06))}\r\n#ads-home a.th-btn.th-btn-luxe-gold:hover .th-btn-arrow{background:linear-gradient(180deg,#242c37,#101721);color:#f4d98f}\r\n\r\n@keyframes thBtnGentleShadow{\r\n    0%,14%{left:-46%;opacity:.18}\r\n    28%{opacity:.50}\r\n    58%{opacity:.58}\r\n    76%{left:108%;opacity:.34}\r\n    100%{left:108%;opacity:.12}\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n    #ads-home a.th-btn::before{\r\n        animation:none!important;\r\n        opacity:.18!important;\r\n        left:30%!important;\r\n    }\r\n    #ads-home a.th-btn,\r\n    #ads-home .th-btn .th-btn-icon svg,\r\n    #ads-home .th-btn .th-btn-label,\r\n    #ads-home .th-btn .th-btn-arrow,\r\n    #ads-home .th-btn .th-btn-arrow::before,\r\n    #ads-home .th-btn .th-btn-arrow svg{\r\n        transition:none!important;\r\n    }\r\n}\r\n\r\n\/* Purpose-built widths so no button is squeezed by legacy image-button rules. *\/\r\n#ads-home .th-detail-actions{\r\n    width:min(390px,100%);\r\n    overflow:visible;\r\n    padding-bottom:2px;\r\n}\r\n#ads-home .ads-context-button,\r\n#ads-home .ads-story-context-button{\r\n    width:min(410px,100%);\r\n    overflow:visible;\r\n}\r\n#ads-home .ads-final-buttons{\r\n    width:100%;\r\n    max-width:330px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n    gap:14px;\r\n    overflow:visible;\r\n}\r\n#ads-home .ads-final-buttons a.th-btn{\r\n    max-width:none;\r\n    min-height:66px;\r\n    margin:0;\r\n    padding:0;\r\n    overflow:hidden !important;\r\n    border-radius:16px;\r\n    filter:none;\r\n    clip-path:none;\r\n}\r\n#ads-home .ads-hero-buttons .th-btn{\r\n    min-height:66px;\r\n}\r\n\r\n\/* Correct the first editorial card so its CTA always remains inside the section. *\/\r\n#ads-home .th-suit-stage{min-height:610px}\r\n#ads-home .th-suit-photo img{height:570px}\r\n#ads-home .th-suit-card{padding-bottom:42px}\r\n\r\n@media(max-width:960px){\r\n    #ads-home .th-suit-stage{min-height:0}\r\n    #ads-home .th-suit-photo img{height:440px}\r\n    #ads-home .th-suit-card{padding-bottom:34px}\r\n    #ads-home .ads-final-buttons{max-width:420px}\r\n}\r\n\r\n@media(max-width:680px){\r\n    #ads-home a.th-btn,\r\n    #ads-home .ads-image-button.th-btn,\r\n    #ads-home .ads-context-button a.th-btn,\r\n    #ads-home .ads-story-context-button a.th-btn,\r\n    #ads-home .ads-final-buttons a.th-btn,\r\n    #ads-home .th-detail-actions a.th-btn{\r\n        grid-template-columns:46px minmax(0,1fr) 42px;\r\n        min-height:58px;\r\n        font-size:10px;\r\n        letter-spacing:.06em;\r\n        border-radius:14px;\r\n    }\r\n    #ads-home a.th-btn::after{inset:1px;border-radius:12px}\r\n    #ads-home .th-btn .th-btn-icon{padding:0 10px}\r\n    #ads-home .th-btn .th-btn-icon svg{width:22px;height:22px}\r\n    #ads-home .th-btn .th-btn-label{padding:11px 12px}\r\n    #ads-home .th-btn .th-btn-arrow{width:29px;height:29px}\r\n    #ads-home .ads-hero-buttons{grid-template-columns:1fr}\r\n    #ads-home .ads-final-buttons{max-width:none}\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAYOR & HART \u2014 ENHANCED DIMENSIONAL CTA OVERRIDES\r\n   Stronger internal shadow pass + deeper three-dimensional finish.\r\n   Motion remains fully clipped inside each button.\r\n   ========================================================= *\/\r\n#ads-home a.th-btn,\r\n#ads-home .ads-image-button.th-btn,\r\n#ads-home .ads-context-button a.th-btn,\r\n#ads-home .ads-story-context-button a.th-btn,\r\n#ads-home .ads-final-buttons a.th-btn,\r\n#ads-home .th-detail-actions a.th-btn{\r\n    border-width:1px;\r\n    box-shadow:\r\n        0 15px 30px rgba(35,25,14,.24),\r\n        0 5px 9px rgba(35,25,14,.12),\r\n        inset 0 2px 0 rgba(255,255,255,.52),\r\n        inset 0 -3px 0 rgba(56,36,13,.24),\r\n        inset 2px 0 0 rgba(255,255,255,.11),\r\n        inset -2px 0 0 rgba(49,31,13,.14),\r\n        inset 0 10px 22px rgba(255,255,255,.055),\r\n        inset 0 -14px 24px rgba(24,15,8,.10);\r\n}\r\n\r\n\/* More noticeable, more frequent soft shadow crossing the button face. *\/\r\n#ads-home a.th-btn::before{\r\n    left:-58%;\r\n    width:56%;\r\n    opacity:.76;\r\n    background:linear-gradient(\r\n        106deg,\r\n        transparent 0%,\r\n        rgba(0,0,0,0) 8%,\r\n        rgba(0,0,0,.045) 20%,\r\n        var(--th-btn-shadow-pass) 42%,\r\n        rgba(0,0,0,.19) 53%,\r\n        var(--th-btn-shadow-pass) 64%,\r\n        rgba(0,0,0,.035) 80%,\r\n        transparent 100%\r\n    );\r\n    filter:blur(.15px);\r\n    transform:skewX(-12deg) translate3d(0,0,0);\r\n    animation:thBtnGentleShadowV2 4.6s cubic-bezier(.42,0,.28,1) infinite;\r\n}\r\n\r\n\/* A stronger molded rim makes the control read as a physical object. *\/\r\n#ads-home a.th-btn::after{\r\n    inset:1px;\r\n    border-radius:14px;\r\n    border-top:1px solid rgba(255,255,255,.44);\r\n    border-left:1px solid rgba(255,255,255,.16);\r\n    border-right:1px solid rgba(47,31,13,.10);\r\n    border-bottom:1px solid rgba(47,31,13,.26);\r\n    box-shadow:\r\n        inset 0 7px 13px rgba(255,255,255,.10),\r\n        inset 0 -11px 17px rgba(17,10,5,.11),\r\n        inset 0 0 0 1px rgba(255,255,255,.035);\r\n}\r\n\r\n#ads-home .th-btn .th-btn-icon{\r\n    background:\r\n        linear-gradient(90deg,rgba(255,255,255,.045),transparent 70%),\r\n        linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.07));\r\n    box-shadow:inset -1px 0 0 rgba(0,0,0,.08);\r\n}\r\n\r\n#ads-home .th-btn .th-btn-arrow{\r\n    border-width:1px;\r\n    background:\r\n        radial-gradient(circle at 35% 28%,rgba(255,255,255,.20),transparent 35%),\r\n        linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.11));\r\n    box-shadow:\r\n        0 3px 6px rgba(0,0,0,.13),\r\n        inset 0 2px 0 rgba(255,255,255,.20),\r\n        inset 0 -2px 0 rgba(0,0,0,.16);\r\n}\r\n\r\n#ads-home a.th-btn:hover{\r\n    transform:translateY(-1px);\r\n    box-shadow:\r\n        0 18px 34px rgba(33,23,13,.28),\r\n        0 6px 11px rgba(33,23,13,.14),\r\n        inset 0 2px 0 rgba(255,255,255,.58),\r\n        inset 0 -3px 0 rgba(58,37,13,.27),\r\n        inset 0 12px 24px rgba(255,255,255,.065),\r\n        inset 0 -16px 26px rgba(18,11,6,.12),\r\n        inset 0 0 0 1px rgba(218,174,91,.14);\r\n}\r\n\r\n#ads-home a.th-btn:hover::before{\r\n    opacity:.92;\r\n    animation-duration:3.45s;\r\n}\r\n\r\n#ads-home a.th-btn:active{\r\n    transform:translateY(1px);\r\n    box-shadow:\r\n        0 7px 13px rgba(30,22,13,.18),\r\n        inset 0 4px 8px rgba(0,0,0,.13),\r\n        inset 0 1px 0 rgba(255,255,255,.20),\r\n        inset 0 -1px 0 rgba(0,0,0,.18);\r\n}\r\n\r\n\/* Navy lacquer: stronger top crown and lower edge depth. *\/\r\n#ads-home a.th-btn.th-btn-luxe-dark{\r\n    --th-btn-shadow-pass:rgba(0,0,0,.38);\r\n    background:transparent 38%),\r\n        linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.025) 24%,transparent 25%),\r\n        linear-gradient(180deg,transparent 58%,rgba(0,0,0,.15) 100%),\r\n        linear-gradient(112deg,#0d2340 0%,#16385f 34%,#0b2747 67%,#06172c 100%);\r\n    border-color:#c18e36;\r\n}\r\n\r\n\/* Ivory porcelain: brighter crown, warmer lower bevel. *\/\r\n#ads-home a.th-btn.th-btn-luxe-light{\r\n    --th-btn-shadow-pass:rgba(79,54,27,.22);\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.52) 20%,transparent 21%),transparent 35%),\r\n        linear-gradient(180deg,transparent 62%,rgba(140,96,38,.12) 100%),\r\n        linear-gradient(112deg,#fffefb 0%,#f9f1e3 48%,#e7d2b1 100%);\r\n    border-color:#c89442;\r\n}\r\n\r\n\/* Gold metal: more pronounced raised crown and darker foot. *\/\r\n#ads-home a.th-btn.th-btn-luxe-gold{\r\n    --th-btn-shadow-pass:rgba(70,44,12,.30);\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.68) 0%,rgba(255,255,255,.16) 22%,transparent 23%),transparent 31%),\r\n        linear-gradient(180deg,transparent 58%,rgba(94,55,11,.14) 100%),\r\n        linear-gradient(112deg,#f7e6ad 0%,#ebce7e 28%,#d9ab52 60%,#b87520 100%);\r\n    border-color:#af7320;\r\n}\r\n\r\n@keyframes thBtnGentleShadowV2{\r\n    0%{left:-58%;opacity:.22}\r\n    9%{opacity:.68}\r\n    43%{opacity:.84}\r\n    68%{left:110%;opacity:.74}\r\n    79%,100%{left:110%;opacity:.16}\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n    #ads-home a.th-btn::before{\r\n        animation:none!important;\r\n        left:26%!important;\r\n        opacity:.34!important;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TAYOR & HART \u2014 BUTTON CORRECTIONS V3\r\n   1) Prevent label words from splitting letter-by-letter.\r\n   2) Remove the decorative partial-circle highlight from every CTA.\r\n   3) Start the internal shadow pass exactly when each button enters view.\r\n   ========================================================= *\/\r\n\r\n\/* Give the two hero CTAs enough horizontal room for full professional labels. *\/\r\n#ads-home .ads-hero-buttons{\r\n    max-width:430px;\r\n    grid-template-columns:1fr;\r\n    gap:14px;\r\n}\r\n\r\n\/* Never split a CTA word into individual letters. *\/\r\n#ads-home .th-btn .th-btn-label{\r\n    padding-left:15px;\r\n    padding-right:15px;\r\n    white-space:normal;\r\n    overflow-wrap:normal;\r\n    word-break:normal;\r\n    hyphens:none;\r\n}\r\n\r\n\/* Shadow motion is dormant until IntersectionObserver activates the button. *\/\r\n#ads-home a.th-btn::before{\r\n    animation:none !important;\r\n    left:-34%;\r\n    opacity:0;\r\n}\r\n\r\n#ads-home a.th-btn.is-shadow-active::before{\r\n    animation:thBtnScrollShadowPass 3.6s cubic-bezier(.40,0,.24,1) infinite !important;\r\n}\r\n\r\n#ads-home a.th-btn.is-shadow-active:hover::before{\r\n    animation-duration:2.9s !important;\r\n}\r\n\r\n\/* Remove the upper-left partial circular highlight from every color treatment. *\/\r\n#ads-home a.th-btn.th-btn-luxe-dark{\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.035) 23%,transparent 24%),\r\n        linear-gradient(180deg,transparent 57%,rgba(0,0,0,.17) 100%),\r\n        linear-gradient(112deg,#102946 0%,#173b63 34%,#0c2949 68%,#06172c 100%);\r\n}\r\n\r\n#ads-home a.th-btn.th-btn-luxe-light{\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.56) 20%,transparent 21%),\r\n        linear-gradient(180deg,transparent 61%,rgba(140,96,38,.13) 100%),\r\n        linear-gradient(112deg,#fffefb 0%,#faf2e5 48%,#e7d2b1 100%);\r\n}\r\n\r\n#ads-home a.th-btn.th-btn-luxe-gold{\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.70) 0%,rgba(255,255,255,.18) 22%,transparent 23%),\r\n        linear-gradient(180deg,transparent 57%,rgba(94,55,11,.16) 100%),\r\n        linear-gradient(112deg,#f8e7af 0%,#edcf7e 29%,#d8aa50 60%,#b8741f 100%);\r\n}\r\n\r\n\/* Immediate-on-entry shadow pass: visible at the left edge at frame zero,\r\n   then moves smoothly across the clipped interior before resetting. *\/\r\n@keyframes thBtnScrollShadowPass{\r\n    0%{left:-34%;opacity:.82}\r\n    12%{opacity:.92}\r\n    66%{left:108%;opacity:.78}\r\n    78%{left:108%;opacity:.18}\r\n    100%{left:-34%;opacity:.20}\r\n}\r\n\r\n@media(max-width:680px){\r\n    #ads-home .th-btn .th-btn-label{\r\n        padding-left:11px;\r\n        padding-right:11px;\r\n        overflow-wrap:normal;\r\n        word-break:normal;\r\n    }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n    #ads-home a.th-btn::before,\r\n    #ads-home a.th-btn.is-shadow-active::before{\r\n        animation:none !important;\r\n        left:30% !important;\r\n        opacity:.28 !important;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TAYOR & HART \u2014 FINAL CTA SIZE + SHADOW CORRECTION\r\n   - Removes the upper-left circular artifact from every CTA.\r\n   - Reduces desktop CTA length by about 40%.\r\n   - Uses a clean, non-radial internal shadow band.\r\n   - Shadow starts as soon as any part of the button enters view.\r\n   ========================================================= *\/\r\n\r\n\/* Compact, consistent desktop button proportions. *\/\r\n#ads-home .ads-hero-buttons,\r\n#ads-home .th-detail-actions,\r\n#ads-home .ads-context-button,\r\n#ads-home .ads-story-context-button,\r\n#ads-home .ads-final-buttons{\r\n    width:min(260px,100%) !important;\r\n    max-width:260px !important;\r\n}\r\n\r\n#ads-home .ads-hero-buttons{\r\n    grid-template-columns:1fr !important;\r\n    gap:12px !important;\r\n}\r\n\r\n#ads-home .ads-final-buttons{\r\n    margin-left:auto !important;\r\n    margin-right:auto !important;\r\n}\r\n\r\n#ads-home a.th-btn,\r\n#ads-home .ads-image-button.th-btn,\r\n#ads-home .ads-context-button a.th-btn,\r\n#ads-home .ads-story-context-button a.th-btn,\r\n#ads-home .ads-final-buttons a.th-btn,\r\n#ads-home .th-detail-actions a.th-btn{\r\n    width:100% !important;\r\n    max-width:260px !important;\r\n    min-height:58px !important;\r\n    grid-template-columns:44px minmax(0,1fr) 40px !important;\r\n    border-radius:14px !important;\r\n    font-size:10.5px !important;\r\n    letter-spacing:.055em !important;\r\n}\r\n\r\n#ads-home .th-btn .th-btn-icon{\r\n    padding:0 8px !important;\r\n}\r\n\r\n#ads-home .th-btn .th-btn-icon svg{\r\n    width:21px !important;\r\n    height:21px !important;\r\n}\r\n\r\n#ads-home .th-btn .th-btn-label{\r\n    padding:10px 9px !important;\r\n    white-space:normal !important;\r\n    overflow-wrap:normal !important;\r\n    word-break:normal !important;\r\n    hyphens:none !important;\r\n}\r\n\r\n#ads-home .th-btn .th-btn-arrow{\r\n    width:29px !important;\r\n    height:29px !important;\r\n}\r\n\r\n#ads-home .th-btn .th-btn-arrow svg{\r\n    width:14px !important;\r\n    height:14px !important;\r\n}\r\n\r\n\/* Explicitly remove every old upper-left highlight\/circle source.\r\n   The color treatments use linear gradients only. *\/\r\n#ads-home a.th-btn.th-btn-luxe-dark{\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.035) 24%,transparent 25%),\r\n        linear-gradient(180deg,transparent 57%,rgba(0,0,0,.19) 100%),\r\n        linear-gradient(112deg,#102946 0%,#173b63 34%,#0c2949 68%,#06172c 100%) !important;\r\n}\r\n\r\n#ads-home a.th-btn.th-btn-luxe-light{\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.55) 21%,transparent 22%),\r\n        linear-gradient(180deg,transparent 61%,rgba(140,96,38,.14) 100%),\r\n        linear-gradient(112deg,#fffefb 0%,#faf2e5 48%,#e7d2b1 100%) !important;\r\n}\r\n\r\n#ads-home a.th-btn.th-btn-luxe-gold{\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.70) 0%,rgba(255,255,255,.17) 23%,transparent 24%),\r\n        linear-gradient(180deg,transparent 57%,rgba(94,55,11,.17) 100%),\r\n        linear-gradient(112deg,#f8e7af 0%,#edcf7e 29%,#d8aa50 60%,#b8741f 100%) !important;\r\n}\r\n\r\n\/* Replace the old left-edge shadow shape with a straight, soft angled veil.\r\n   No radial gradients, circles, rounded pseudo-elements, or visible stationary blob. *\/\r\n#ads-home a.th-btn::before{\r\n    content:\"\" !important;\r\n    position:absolute !important;\r\n    z-index:1 !important;\r\n    top:-12% !important;\r\n    bottom:-12% !important;\r\n    left:0 !important;\r\n    width:38% !important;\r\n    height:auto !important;\r\n    border:0 !important;\r\n    border-radius:0 !important;\r\n    opacity:0 !important;\r\n    pointer-events:none !important;\r\n    background:linear-gradient(\r\n        102deg,\r\n        rgba(0,0,0,0) 0%,\r\n        rgba(0,0,0,.035) 18%,\r\n        var(--th-btn-shadow-pass) 46%,\r\n        rgba(0,0,0,.21) 54%,\r\n        var(--th-btn-shadow-pass) 62%,\r\n        rgba(0,0,0,.035) 82%,\r\n        rgba(0,0,0,0) 100%\r\n    ) !important;\r\n    filter:blur(.35px) !important;\r\n    transform:translate3d(-145%,0,0) skewX(-13deg) !important;\r\n    animation:none !important;\r\n}\r\n\r\n#ads-home a.th-btn.is-shadow-active::before{\r\n    animation:thBtnImmediateLinearShadow 3.25s cubic-bezier(.40,0,.24,1) infinite !important;\r\n}\r\n\r\n#ads-home a.th-btn.is-shadow-active:hover::before{\r\n    animation-duration:2.65s !important;\r\n}\r\n\r\n@keyframes thBtnImmediateLinearShadow{\r\n    0%{\r\n        transform:translate3d(-145%,0,0) skewX(-13deg);\r\n        opacity:.88;\r\n    }\r\n    7%{opacity:.95}\r\n    67%{\r\n        transform:translate3d(365%,0,0) skewX(-13deg);\r\n        opacity:.80;\r\n    }\r\n    78%{\r\n        transform:translate3d(365%,0,0) skewX(-13deg);\r\n        opacity:0;\r\n    }\r\n    79%{\r\n        transform:translate3d(-145%,0,0) skewX(-13deg);\r\n        opacity:0;\r\n    }\r\n    100%{\r\n        transform:translate3d(-145%,0,0) skewX(-13deg);\r\n        opacity:.88;\r\n    }\r\n}\r\n\r\n\/* Keep the molded rim dimensional but never circular. *\/\r\n#ads-home a.th-btn::after{\r\n    inset:1px !important;\r\n    border-radius:12px !important;\r\n}\r\n\r\n@media(max-width:680px){\r\n    #ads-home .ads-hero-buttons,\r\n    #ads-home .th-detail-actions,\r\n    #ads-home .ads-context-button,\r\n    #ads-home .ads-story-context-button,\r\n    #ads-home .ads-final-buttons{\r\n        width:min(100%,290px) !important;\r\n        max-width:290px !important;\r\n    }\r\n\r\n    #ads-home a.th-btn,\r\n    #ads-home .ads-image-button.th-btn,\r\n    #ads-home .ads-context-button a.th-btn,\r\n    #ads-home .ads-story-context-button a.th-btn,\r\n    #ads-home .ads-final-buttons a.th-btn,\r\n    #ads-home .th-detail-actions a.th-btn{\r\n        max-width:290px !important;\r\n    }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n    #ads-home a.th-btn::before,\r\n    #ads-home a.th-btn.is-shadow-active::before{\r\n        animation:none !important;\r\n        transform:translate3d(-145%,0,0) skewX(-13deg) !important;\r\n        opacity:0 !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAYOR & HART \u2014 FINAL SIGNATURE CTA BUTTON SYSTEM\r\n   Styled to match the refined compact buttons in the approved\r\n   visual: tailored proportions, raised 3-D construction, clear\r\n   icon compartment, centered label and gold arrow medallion.\r\n   No upper-left decorative circle is used anywhere.\r\n   ========================================================= *\/\r\n\r\n\/* Keep every CTA compact and consistent. *\/\r\n#ads-home .ads-hero-buttons,\r\n#ads-home .th-detail-actions,\r\n#ads-home .ads-context-button,\r\n#ads-home .ads-story-context-button,\r\n#ads-home .ads-final-buttons{\r\n    width:min(252px,100%) !important;\r\n    max-width:252px !important;\r\n}\r\n\r\n#ads-home .ads-hero-buttons{\r\n    grid-template-columns:1fr !important;\r\n    gap:12px !important;\r\n}\r\n\r\n#ads-home a.th-btn,\r\n#ads-home .ads-image-button.th-btn,\r\n#ads-home .ads-context-button a.th-btn,\r\n#ads-home .ads-story-context-button a.th-btn,\r\n#ads-home .ads-final-buttons a.th-btn,\r\n#ads-home .th-detail-actions a.th-btn{\r\n    --th-face-top:#fffefb;\r\n    --th-face-mid:#f8f0e2;\r\n    --th-face-low:#ead8b8;\r\n    --th-ink:#30271e;\r\n    --th-icon:#a8742d;\r\n    --th-separator:rgba(137,92,35,.24);\r\n    --th-arrow-face-top:#fff8e9;\r\n    --th-arrow-face-low:#e5c996;\r\n    --th-arrow-ink:#9c6f2f;\r\n    --th-rim:#c8923d;\r\n    --th-btn-shadow-pass:rgba(53,39,25,.20);\r\n\r\n    position:relative !important;\r\n    display:grid !important;\r\n    grid-template-columns:44px minmax(0,1fr) 40px !important;\r\n    align-items:stretch !important;\r\n    width:100% !important;\r\n    max-width:252px !important;\r\n    min-height:52px !important;\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    overflow:hidden !important;\r\n    border:1px solid var(--th-rim) !important;\r\n    border-radius:12px !important;\r\n    color:var(--th-ink) !important;\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.48) 14%,rgba(255,255,255,0) 30%),\r\n        linear-gradient(180deg,rgba(255,255,255,0) 58%,rgba(87,58,26,.08) 100%),\r\n        linear-gradient(105deg,var(--th-face-top) 0%,var(--th-face-mid) 53%,var(--th-face-low) 100%) !important;\r\n    box-shadow:\r\n        0 10px 17px rgba(48,35,22,.17),\r\n        0 3px 5px rgba(48,35,22,.11),\r\n        inset 0 2px 0 rgba(255,255,255,.82),\r\n        inset 0 -3px 0 rgba(92,60,24,.15),\r\n        inset 0 0 0 1px rgba(255,255,255,.28) !important;\r\n    font-size:10px !important;\r\n    line-height:1.12 !important;\r\n    font-weight:800 !important;\r\n    letter-spacing:.055em !important;\r\n    text-transform:uppercase !important;\r\n    text-align:left !important;\r\n    text-decoration:none !important;\r\n    isolation:isolate !important;\r\n    transform:translate3d(0,0,0) !important;\r\n    transition:\r\n        transform .22s cubic-bezier(.22,1,.36,1),\r\n        box-shadow .22s ease,\r\n        border-color .22s ease,\r\n        filter .22s ease !important;\r\n}\r\n\r\n\/* The ambient shadow pass is a straight clipped band only. *\/\r\n#ads-home a.th-btn::before{\r\n    content:\"\" !important;\r\n    position:absolute !important;\r\n    z-index:1 !important;\r\n    top:-12% !important;\r\n    bottom:-12% !important;\r\n    left:0 !important;\r\n    width:34% !important;\r\n    height:auto !important;\r\n    border:0 !important;\r\n    border-radius:0 !important;\r\n    pointer-events:none !important;\r\n    opacity:0 !important;\r\n    background:linear-gradient(\r\n        104deg,\r\n        rgba(0,0,0,0) 0%,\r\n        rgba(0,0,0,.025) 22%,\r\n        var(--th-btn-shadow-pass) 47%,\r\n        rgba(0,0,0,.17) 54%,\r\n        var(--th-btn-shadow-pass) 62%,\r\n        rgba(0,0,0,.025) 82%,\r\n        rgba(0,0,0,0) 100%\r\n    ) !important;\r\n    filter:blur(.2px) !important;\r\n    transform:translate3d(-155%,0,0) skewX(-11deg) !important;\r\n    animation:none !important;\r\n}\r\n\r\n#ads-home a.th-btn.is-shadow-active::before{\r\n    animation:thBtnTailoredShadowPass 3.15s cubic-bezier(.42,0,.23,1) infinite !important;\r\n}\r\n\r\n#ads-home a.th-btn.is-shadow-active:hover::before{\r\n    animation-duration:2.6s !important;\r\n}\r\n\r\n\/* Raised inner molding; rectangular only, so it cannot create a corner spot. *\/\r\n#ads-home a.th-btn::after{\r\n    content:\"\" !important;\r\n    position:absolute !important;\r\n    z-index:2 !important;\r\n    inset:1px !important;\r\n    border:0 !important;\r\n    border-radius:10px !important;\r\n    pointer-events:none !important;\r\n    background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,0) 28%,rgba(0,0,0,0) 70%,rgba(0,0,0,.055)) !important;\r\n    box-shadow:\r\n        inset 0 1px 0 rgba(255,255,255,.44),\r\n        inset 0 -1px 0 rgba(57,39,18,.14) !important;\r\n}\r\n\r\n#ads-home .th-btn .th-btn-icon,\r\n#ads-home .th-btn .th-btn-label,\r\n#ads-home .th-btn .th-btn-arrow{\r\n    position:relative !important;\r\n    z-index:4 !important;\r\n    min-width:0 !important;\r\n}\r\n\r\n\/* Left icon chamber. *\/\r\n#ads-home .th-btn .th-btn-icon{\r\n    display:grid !important;\r\n    place-items:center !important;\r\n    padding:0 9px !important;\r\n    color:var(--th-icon) !important;\r\n    background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(97,66,27,.045)) !important;\r\n    box-shadow:inset -1px 0 0 var(--th-separator) !important;\r\n}\r\n\r\n#ads-home .th-btn .th-btn-icon::after{\r\n    content:\"\" !important;\r\n    position:absolute !important;\r\n    right:0 !important;\r\n    top:8px !important;\r\n    bottom:8px !important;\r\n    width:1px !important;\r\n    border:0 !important;\r\n    border-radius:0 !important;\r\n    background:linear-gradient(180deg,transparent,var(--th-separator) 22%,var(--th-separator) 78%,transparent) !important;\r\n    opacity:1 !important;\r\n}\r\n\r\n#ads-home .th-btn .th-btn-icon svg{\r\n    width:21px !important;\r\n    height:21px !important;\r\n    filter:drop-shadow(0 1px 0 rgba(255,255,255,.45)) !important;\r\n    transition:transform .24s cubic-bezier(.22,1,.36,1) !important;\r\n}\r\n\r\n\/* Label remains readable and visually centered. *\/\r\n#ads-home .th-btn .th-btn-label{\r\n    display:flex !important;\r\n    align-items:center !important;\r\n    justify-content:flex-start !important;\r\n    padding:9px 10px !important;\r\n    white-space:normal !important;\r\n    overflow-wrap:normal !important;\r\n    word-break:normal !important;\r\n    hyphens:none !important;\r\n    color:inherit !important;\r\n    text-shadow:0 1px 0 rgba(255,255,255,.36) !important;\r\n    transition:transform .24s cubic-bezier(.22,1,.36,1),letter-spacing .24s ease !important;\r\n}\r\n\r\n\/* Raised gold arrow medallion. *\/\r\n#ads-home .th-btn .th-btn-arrow{\r\n    display:grid !important;\r\n    place-items:center !important;\r\n    align-self:center !important;\r\n    justify-self:center !important;\r\n    width:29px !important;\r\n    height:29px !important;\r\n    overflow:hidden !important;\r\n    border:1px solid rgba(155,108,41,.48) !important;\r\n    border-radius:50% !important;\r\n    color:var(--th-arrow-ink) !important;\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.08) 34%,rgba(86,55,18,.06) 100%),\r\n        linear-gradient(180deg,var(--th-arrow-face-top),var(--th-arrow-face-low)) !important;\r\n    box-shadow:\r\n        0 3px 5px rgba(69,47,23,.17),\r\n        inset 0 2px 0 rgba(255,255,255,.74),\r\n        inset 0 -2px 0 rgba(100,65,22,.16),\r\n        inset 0 0 0 2px rgba(255,255,255,.18) !important;\r\n    transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease,background .24s ease !important;\r\n}\r\n\r\n#ads-home .th-btn .th-btn-arrow::before{\r\n    content:none !important;\r\n    display:none !important;\r\n}\r\n\r\n#ads-home .th-btn .th-btn-arrow svg{\r\n    width:14px !important;\r\n    height:14px !important;\r\n    filter:drop-shadow(0 1px 0 rgba(255,255,255,.42)) !important;\r\n    transition:transform .24s cubic-bezier(.22,1,.36,1) !important;\r\n}\r\n\r\n\/* Hover adds depth instead of a distracting glow. *\/\r\n#ads-home a.th-btn:hover{\r\n    transform:translateY(-1px) !important;\r\n    border-color:#d5a34c !important;\r\n    box-shadow:\r\n        0 14px 22px rgba(48,35,22,.21),\r\n        0 5px 7px rgba(48,35,22,.12),\r\n        inset 0 2px 0 rgba(255,255,255,.90),\r\n        inset 0 -4px 0 rgba(92,60,24,.17),\r\n        inset 0 0 0 1px rgba(255,255,255,.34) !important;\r\n    filter:saturate(1.03) !important;\r\n}\r\n\r\n#ads-home a.th-btn:hover .th-btn-icon svg{\r\n    transform:scale(1.06) !important;\r\n}\r\n\r\n#ads-home a.th-btn:hover .th-btn-label{\r\n    transform:translateX(1px) !important;\r\n    letter-spacing:.064em !important;\r\n}\r\n\r\n#ads-home a.th-btn:hover .th-btn-arrow{\r\n    transform:translateX(1px) translateY(-1px) !important;\r\n    box-shadow:\r\n        0 5px 8px rgba(64,43,19,.22),\r\n        inset 0 2px 0 rgba(255,255,255,.82),\r\n        inset 0 -2px 0 rgba(100,65,22,.18) !important;\r\n}\r\n\r\n#ads-home a.th-btn:hover .th-btn-arrow svg{\r\n    transform:translateX(1px) !important;\r\n}\r\n\r\n#ads-home a.th-btn:active{\r\n    transform:translateY(1px) !important;\r\n    box-shadow:\r\n        0 6px 10px rgba(48,35,22,.15),\r\n        inset 0 3px 6px rgba(65,43,20,.12),\r\n        inset 0 1px 0 rgba(255,255,255,.40) !important;\r\n}\r\n\r\n#ads-home a.th-btn:active .th-btn-arrow{\r\n    transform:translateY(1px) scale(.97) !important;\r\n}\r\n\r\n\/* Dark navy version from the approved design. *\/\r\n#ads-home a.th-btn.th-btn-luxe-dark{\r\n    --th-face-top:#16304d;\r\n    --th-face-mid:#0f2947;\r\n    --th-face-low:#071a30;\r\n    --th-ink:#f4d99b;\r\n    --th-icon:#d8ad59;\r\n    --th-separator:rgba(217,174,89,.22);\r\n    --th-arrow-face-top:#d8ad59;\r\n    --th-arrow-face-low:#ad762c;\r\n    --th-arrow-ink:#11243c;\r\n    --th-rim:#b57c27;\r\n    --th-btn-shadow-pass:rgba(0,0,0,.34);\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.025) 22%,rgba(255,255,255,0) 36%),\r\n        linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(0,0,0,.22) 100%),\r\n        linear-gradient(105deg,var(--th-face-top) 0%,var(--th-face-mid) 54%,var(--th-face-low) 100%) !important;\r\n    box-shadow:\r\n        0 11px 18px rgba(3,13,27,.28),\r\n        0 3px 6px rgba(3,13,27,.18),\r\n        inset 0 2px 0 rgba(255,255,255,.13),\r\n        inset 0 -3px 0 rgba(0,0,0,.30),\r\n        inset 0 0 0 1px rgba(214,170,82,.055) !important;\r\n}\r\n\r\n#ads-home a.th-btn.th-btn-luxe-dark .th-btn-label{\r\n    text-shadow:0 1px 0 rgba(0,0,0,.36) !important;\r\n}\r\n\r\n#ads-home a.th-btn.th-btn-luxe-dark .th-btn-icon{\r\n    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.08)) !important;\r\n}\r\n\r\n#ads-home a.th-btn.th-btn-luxe-dark .th-btn-arrow{\r\n    color:#f6d77f !important;\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.11),rgba(0,0,0,.08)),\r\n        linear-gradient(180deg,#183653,#0b2038) !important;\r\n    border-color:#c99940 !important;\r\n    box-shadow:\r\n        0 3px 6px rgba(0,0,0,.28),\r\n        inset 0 2px 0 rgba(255,255,255,.12),\r\n        inset 0 -2px 0 rgba(0,0,0,.30),\r\n        0 0 0 2px rgba(200,153,64,.22) !important;\r\n}\r\n\r\n#ads-home a.th-btn.th-btn-luxe-dark:hover .th-btn-arrow{\r\n    color:#11243c !important;\r\n    background:linear-gradient(180deg,#f2d58e,#c89035) !important;\r\n}\r\n\r\n\/* Ivory version. *\/\r\n#ads-home a.th-btn.th-btn-luxe-light{\r\n    --th-face-top:#fffefb;\r\n    --th-face-mid:#f9f1e5;\r\n    --th-face-low:#e7d3b3;\r\n    --th-ink:#31281f;\r\n    --th-icon:#a9742c;\r\n    --th-rim:#c99545;\r\n    --th-btn-shadow-pass:rgba(76,55,33,.20);\r\n}\r\n\r\n\/* Gold version: slightly richer, still compact and restrained. *\/\r\n#ads-home a.th-btn.th-btn-luxe-gold{\r\n    --th-face-top:#f7e8b7;\r\n    --th-face-mid:#e9cb80;\r\n    --th-face-low:#c98e35;\r\n    --th-ink:#2c2114;\r\n    --th-icon:#6f4917;\r\n    --th-separator:rgba(92,59,18,.26);\r\n    --th-arrow-face-top:#fff1bb;\r\n    --th-arrow-face-low:#d5a24f;\r\n    --th-arrow-ink:#6a4516;\r\n    --th-rim:#ad7421;\r\n    --th-btn-shadow-pass:rgba(72,45,12,.25);\r\n}\r\n\r\n@keyframes thBtnTailoredShadowPass{\r\n    0%{transform:translate3d(-155%,0,0) skewX(-11deg);opacity:.72}\r\n    9%{opacity:.88}\r\n    66%{transform:translate3d(390%,0,0) skewX(-11deg);opacity:.76}\r\n    78%{transform:translate3d(390%,0,0) skewX(-11deg);opacity:0}\r\n    79%{transform:translate3d(-155%,0,0) skewX(-11deg);opacity:0}\r\n    100%{transform:translate3d(-155%,0,0) skewX(-11deg);opacity:.72}\r\n}\r\n\r\n@media(max-width:680px){\r\n    #ads-home .ads-hero-buttons,\r\n    #ads-home .th-detail-actions,\r\n    #ads-home .ads-context-button,\r\n    #ads-home .ads-story-context-button,\r\n    #ads-home .ads-final-buttons{\r\n        width:min(100%,270px) !important;\r\n        max-width:270px !important;\r\n    }\r\n    #ads-home a.th-btn,\r\n    #ads-home .ads-image-button.th-btn,\r\n    #ads-home .ads-context-button a.th-btn,\r\n    #ads-home .ads-story-context-button a.th-btn,\r\n    #ads-home .ads-final-buttons a.th-btn,\r\n    #ads-home .th-detail-actions a.th-btn{\r\n        max-width:270px !important;\r\n        grid-template-columns:42px minmax(0,1fr) 38px !important;\r\n        min-height:50px !important;\r\n        font-size:9.8px !important;\r\n    }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n    #ads-home a.th-btn::before,\r\n    #ads-home a.th-btn.is-shadow-active::before{\r\n        animation:none !important;\r\n        opacity:0 !important;\r\n        transform:translate3d(-155%,0,0) skewX(-11deg) !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CORRECTIONS \u2014 RAISED CUSTOM-SUIT CARD + DEEPER 3-D CTAs\r\n   ========================================================= *\/\r\n\r\n\/* Raise the Custom Suits editorial card on desktop so the entire\r\n   card, including its bottom edge and CTA, remains visible. *\/\r\n@media (min-width:961px){\r\n    #ads-home .th-suit-stage{\r\n        min-height:650px !important;\r\n    }\r\n    #ads-home .th-suit-photo img{\r\n        height:590px !important;\r\n    }\r\n    #ads-home .th-suit-card{\r\n        top:42% !important;\r\n        transform:translateY(-50%) !important;\r\n        padding-bottom:40px !important;\r\n    }\r\n}\r\n\r\n\/* More dimensional button construction.\r\n   All visual layers are linear\/rectangular; no upper-left circle. *\/\r\n#ads-home a.th-btn,\r\n#ads-home .ads-image-button.th-btn,\r\n#ads-home .ads-context-button a.th-btn,\r\n#ads-home .ads-story-context-button a.th-btn,\r\n#ads-home .ads-final-buttons a.th-btn,\r\n#ads-home .th-detail-actions a.th-btn{\r\n    border-width:1px !important;\r\n    background:\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,.98) 0%,\r\n            rgba(255,255,255,.58) 9%,\r\n            rgba(255,255,255,.13) 22%,\r\n            rgba(255,255,255,0) 40%),\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,0) 48%,\r\n            rgba(82,55,24,.055) 68%,\r\n            rgba(67,43,18,.16) 100%),\r\n        linear-gradient(105deg,\r\n            var(--th-face-top) 0%,\r\n            var(--th-face-mid) 50%,\r\n            var(--th-face-low) 100%) !important;\r\n    box-shadow:\r\n        0 14px 22px rgba(48,35,22,.23),\r\n        0 5px 8px rgba(48,35,22,.16),\r\n        0 1px 0 rgba(255,255,255,.68),\r\n        inset 0 3px 0 rgba(255,255,255,.86),\r\n        inset 0 1px 0 rgba(255,255,255,.58),\r\n        inset 0 -4px 0 rgba(91,59,23,.20),\r\n        inset 0 -7px 12px rgba(83,55,23,.08),\r\n        inset 0 0 0 1px rgba(255,255,255,.38) !important;\r\n}\r\n\r\n\/* A crisp internal lower lip adds visible thickness without\r\n   extending beyond the button border. *\/\r\n#ads-home a.th-btn::after{\r\n    content:\"\" !important;\r\n    position:absolute !important;\r\n    z-index:2 !important;\r\n    inset:1px !important;\r\n    pointer-events:none !important;\r\n    border-radius:10px !important;\r\n    background:\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,.22) 0%,\r\n            rgba(255,255,255,.05) 24%,\r\n            rgba(255,255,255,0) 44%,\r\n            rgba(0,0,0,0) 70%,\r\n            rgba(52,34,15,.075) 88%,\r\n            rgba(52,34,15,.14) 100%) !important;\r\n    box-shadow:\r\n        inset 0 1px 0 rgba(255,255,255,.55),\r\n        inset 0 -2px 0 rgba(57,39,18,.18),\r\n        inset 0 -5px 8px rgba(57,39,18,.055) !important;\r\n}\r\n\r\n\/* Give the icon compartment a recessed, machined appearance. *\/\r\n#ads-home .th-btn .th-btn-icon{\r\n    background:\r\n        linear-gradient(90deg,\r\n            rgba(255,255,255,.11),\r\n            rgba(255,255,255,.02) 70%,\r\n            rgba(63,42,18,.06)),\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,.25),\r\n            rgba(255,255,255,.035) 44%,\r\n            rgba(67,44,18,.08) 100%) !important;\r\n    box-shadow:\r\n        inset -1px 0 0 var(--th-separator),\r\n        inset 0 1px 0 rgba(255,255,255,.34),\r\n        inset 0 -2px 0 rgba(65,43,18,.07) !important;\r\n}\r\n\r\n\/* Make the arrow medallion look physically raised. *\/\r\n#ads-home .th-btn .th-btn-arrow{\r\n    border-width:1px !important;\r\n    background:\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,.88) 0%,\r\n            rgba(255,255,255,.30) 27%,\r\n            rgba(255,255,255,0) 44%),\r\n        linear-gradient(180deg,\r\n            var(--th-arrow-face-top) 0%,\r\n            var(--th-arrow-face-low) 100%) !important;\r\n    box-shadow:\r\n        0 5px 8px rgba(69,47,23,.24),\r\n        0 2px 2px rgba(69,47,23,.16),\r\n        inset 0 2px 0 rgba(255,255,255,.82),\r\n        inset 0 -3px 0 rgba(100,65,22,.21),\r\n        inset 0 -5px 7px rgba(100,65,22,.08),\r\n        inset 0 0 0 2px rgba(255,255,255,.20) !important;\r\n}\r\n\r\n\/* Dark buttons need their own stronger sculpted shading. *\/\r\n#ads-home a.th-btn.th-btn-luxe-dark{\r\n    background:\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,.17) 0%,\r\n            rgba(255,255,255,.065) 12%,\r\n            rgba(255,255,255,.015) 27%,\r\n            rgba(255,255,255,0) 42%),\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,0) 48%,\r\n            rgba(0,0,0,.12) 70%,\r\n            rgba(0,0,0,.34) 100%),\r\n        linear-gradient(105deg,\r\n            var(--th-face-top) 0%,\r\n            var(--th-face-mid) 52%,\r\n            var(--th-face-low) 100%) !important;\r\n    box-shadow:\r\n        0 15px 24px rgba(3,13,27,.36),\r\n        0 5px 8px rgba(3,13,27,.24),\r\n        0 1px 0 rgba(221,181,99,.18),\r\n        inset 0 3px 0 rgba(255,255,255,.16),\r\n        inset 0 1px 0 rgba(255,255,255,.08),\r\n        inset 0 -4px 0 rgba(0,0,0,.38),\r\n        inset 0 -7px 12px rgba(0,0,0,.14),\r\n        inset 0 0 0 1px rgba(214,170,82,.075) !important;\r\n}\r\n\r\n#ads-home a.th-btn.th-btn-luxe-dark .th-btn-arrow{\r\n    background:\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,.16),\r\n            rgba(255,255,255,.025) 36%,\r\n            rgba(0,0,0,.14) 100%),\r\n        linear-gradient(180deg,#1d4160,#091b31) !important;\r\n    box-shadow:\r\n        0 5px 9px rgba(0,0,0,.34),\r\n        0 2px 2px rgba(0,0,0,.22),\r\n        inset 0 2px 0 rgba(255,255,255,.16),\r\n        inset 0 -3px 0 rgba(0,0,0,.38),\r\n        inset 0 0 0 2px rgba(200,153,64,.24) !important;\r\n}\r\n\r\n\/* Gold buttons get a richer molded face. *\/\r\n#ads-home a.th-btn.th-btn-luxe-gold{\r\n    background:\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,.72) 0%,\r\n            rgba(255,255,255,.24) 14%,\r\n            rgba(255,255,255,0) 35%),\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,0) 52%,\r\n            rgba(98,59,12,.08) 72%,\r\n            rgba(86,49,8,.20) 100%),\r\n        linear-gradient(105deg,#faedbf 0%,#eccd7e 49%,#c8892d 100%) !important;\r\n}\r\n\r\n\/* Hover deepens the \"raised\" appearance while keeping the motion subtle. *\/\r\n#ads-home a.th-btn:hover{\r\n    transform:translateY(-2px) !important;\r\n    box-shadow:\r\n        0 18px 27px rgba(48,35,22,.27),\r\n        0 7px 10px rgba(48,35,22,.17),\r\n        0 1px 0 rgba(255,255,255,.72),\r\n        inset 0 3px 0 rgba(255,255,255,.94),\r\n        inset 0 -5px 0 rgba(92,60,24,.22),\r\n        inset 0 -8px 14px rgba(83,55,23,.09),\r\n        inset 0 0 0 1px rgba(255,255,255,.42) !important;\r\n}\r\n\r\n#ads-home a.th-btn.th-btn-luxe-dark:hover{\r\n    box-shadow:\r\n        0 19px 29px rgba(3,13,27,.43),\r\n        0 7px 10px rgba(3,13,27,.28),\r\n        0 1px 0 rgba(221,181,99,.20),\r\n        inset 0 3px 0 rgba(255,255,255,.18),\r\n        inset 0 -5px 0 rgba(0,0,0,.42),\r\n        inset 0 -9px 14px rgba(0,0,0,.16),\r\n        inset 0 0 0 1px rgba(214,170,82,.09) !important;\r\n}\r\n\r\n#ads-home a.th-btn:active{\r\n    transform:translateY(1px) !important;\r\n    box-shadow:\r\n        0 5px 8px rgba(48,35,22,.16),\r\n        0 2px 3px rgba(48,35,22,.10),\r\n        inset 0 4px 7px rgba(65,43,20,.15),\r\n        inset 0 1px 0 rgba(255,255,255,.36),\r\n        inset 0 -1px 0 rgba(255,255,255,.10) !important;\r\n}\r\n\r\n\/* Preserve the clean mobile stacking and avoid moving the responsive card. *\/\r\n@media (max-width:960px){\r\n    #ads-home .th-suit-card{\r\n        top:auto !important;\r\n        transform:none !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON PATCH \u2014 ONLY TWO REQUESTED CHANGES\r\n   1) Remove the upper-left decorative spot from every CTA.\r\n   2) Darken the right arrow medallion on button hover.\r\n   ========================================================= *\/\r\n\r\n\/* Remove any upper-left spot\/highlight without changing the rest\r\n   of the existing button construction or animation. *\/\r\n#ads-home a.th-btn::before{\r\n    border-radius:0 !important;\r\n    background:linear-gradient(\r\n        112deg,\r\n        transparent 0%,\r\n        transparent 38%,\r\n        rgba(34,24,15,.22) 47%,\r\n        rgba(34,24,15,.30) 52%,\r\n        rgba(34,24,15,.20) 57%,\r\n        transparent 66%,\r\n        transparent 100%\r\n    ) !important;\r\n    box-shadow:none !important;\r\n}\r\n\r\n\/* Keep the arrow medallion exactly as built until mouse-over,\r\n   then give it a distinctly darker face. *\/\r\n#ads-home a.th-btn:hover .th-btn-arrow{\r\n    background:\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,.24) 0%,\r\n            rgba(255,255,255,.06) 27%,\r\n            rgba(0,0,0,.10) 48%),\r\n        linear-gradient(180deg,#8e6429 0%,#5f3d16 100%) !important;\r\n    color:#fff4d0 !important;\r\n    border-color:#9f762f !important;\r\n}\r\n\r\n\/* Preserve the established darker blue-button hover character. *\/\r\n#ads-home a.th-btn.th-btn-luxe-dark:hover .th-btn-arrow{\r\n    background:\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,.12) 0%,\r\n            rgba(255,255,255,.025) 32%,\r\n            rgba(0,0,0,.18) 100%),\r\n        linear-gradient(180deg,#102c47 0%,#061525 100%) !important;\r\n    color:#f2c85f !important;\r\n    border-color:#b88a35 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL BUTTON CORRECTION\r\n   - Completely remove the unwanted upper-left object.\r\n   - Blue buttons retain the right circular arrow medallion;\r\n     that medallion turns gold on mouse-over.\r\n   - No other button geometry or layout is changed.\r\n   ========================================================= *\/\r\n\r\n\/* The unwanted upper-left object was being drawn by the button's\r\n   animated ::before layer. Remove that layer completely on every CTA. *\/\r\n#ads-home a.th-btn::before,\r\n#ads-home a.th-btn:hover::before,\r\n#ads-home a.th-btn:focus::before,\r\n#ads-home a.th-btn:focus-visible::before,\r\n#ads-home a.th-btn:active::before,\r\n#ads-home a.th-btn.is-shadow-active::before{\r\n    content:none !important;\r\n    display:none !important;\r\n    background:none !important;\r\n    background-image:none !important;\r\n    border:0 !important;\r\n    box-shadow:none !important;\r\n    opacity:0 !important;\r\n    animation:none !important;\r\n    transform:none !important;\r\n}\r\n\r\n\/* Blue\/dark buttons: keep the existing circular arrow control. *\/\r\n#ads-home a.th-btn.th-btn-luxe-dark .th-btn-arrow{\r\n    border-radius:50% !important;\r\n}\r\n\r\n\/* Blue\/dark buttons: on mouse-over, turn the arrow medallion gold. *\/\r\n#ads-home a.th-btn.th-btn-luxe-dark:hover .th-btn-arrow,\r\n#ads-home a.th-btn.th-btn-luxe-dark:focus-visible .th-btn-arrow{\r\n    background:\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,.62) 0%,\r\n            rgba(255,255,255,.18) 24%,\r\n            rgba(255,255,255,0) 43%),\r\n        linear-gradient(180deg,#e6bd62 0%,#c38a2e 58%,#98631d 100%) !important;\r\n    color:#102844 !important;\r\n    border-color:#f0cf7b !important;\r\n    box-shadow:\r\n        0 5px 9px rgba(0,0,0,.32),\r\n        0 2px 2px rgba(0,0,0,.20),\r\n        inset 0 2px 0 rgba(255,255,255,.66),\r\n        inset 0 -3px 0 rgba(100,61,13,.28),\r\n        inset 0 0 0 2px rgba(255,225,154,.24) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SINGLE CORRECTION ONLY:\r\n   Remove the upper-left oval highlight from the button faces.\r\n   No sizing, spacing, typography, borders, shadows, hover behavior,\r\n   arrow behavior, animation, or other button styling is changed.\r\n   ========================================================= *\/\r\n\r\n#ads-home a.th-btn.th-btn-luxe-dark{\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.025) 24%,transparent 25%),\r\n        linear-gradient(180deg,transparent 58%,rgba(0,0,0,.15) 100%),\r\n        linear-gradient(112deg,#0d2340 0%,#16385f 34%,#0b2747 67%,#06172c 100%) !important;\r\n}\r\n\r\n#ads-home a.th-btn.th-btn-luxe-light{\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.52) 20%,transparent 21%),\r\n        linear-gradient(180deg,transparent 62%,rgba(140,96,38,.12) 100%),\r\n        linear-gradient(112deg,#fffefb 0%,#f9f1e3 48%,#e7d2b1 100%) !important;\r\n}\r\n\r\n#ads-home a.th-btn.th-btn-luxe-gold{\r\n    background:\r\n        linear-gradient(180deg,rgba(255,255,255,.68) 0%,rgba(255,255,255,.16) 22%,transparent 23%),\r\n        linear-gradient(180deg,transparent 58%,rgba(94,55,11,.14) 100%),\r\n        linear-gradient(112deg,#f7e6ad 0%,#ebce7e 28%,#d9ab52 60%,#b87520 100%) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SURGICAL FIX ONLY \u2014 REMOVE UPPER-LEFT OVAL\r\n   ========================================================= *\/\r\n#ads-home a.th-btn::before,\r\n#ads-home a.th-btn:hover::before,\r\n#ads-home a.th-btn:focus::before,\r\n#ads-home a.th-btn:focus-visible::before,\r\n#ads-home a.th-btn:active::before,\r\n#ads-home a.th-btn.is-shadow-active::before,\r\n#ads-home a.th-btn.is-shadow-active:hover::before{\r\n    content:none !important;\r\n    display:none !important;\r\n    background:none !important;\r\n    background-image:none !important;\r\n    box-shadow:none !important;\r\n    filter:none !important;\r\n    opacity:0 !important;\r\n    animation:none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SINGLE SURGICAL FIX \u2014 REMOVE ICON-CELL UPPER-LEFT OVAL\r\n   No other button property is changed.\r\n   ========================================================= *\/\r\n#ads-home .th-btn .th-btn-icon,\r\n#ads-home a.th-btn:hover .th-btn-icon,\r\n#ads-home a.th-btn:focus .th-btn-icon,\r\n#ads-home a.th-btn:focus-visible .th-btn-icon,\r\n#ads-home a.th-btn:active .th-btn-icon{\r\n    background:none !important;\r\n    background-image:none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL BUTTON FACE CORRECTION\r\n   Light and gold buttons now use the SAME face construction\r\n   as the blue button, with only the colors changed.\r\n   This removes the visible upper-left oval highlight.\r\n   No sizing, spacing, typography, icon, arrow, border radius,\r\n   layout, or button dimensions are changed.\r\n   ========================================================= *\/\r\n\r\n\/* Keep the icon chamber structurally identical to the blue button:\r\n   transparent face + existing divider\/icon only. *\/\r\n#ads-home .th-btn .th-btn-icon,\r\n#ads-home a.th-btn:hover .th-btn-icon,\r\n#ads-home a.th-btn:focus .th-btn-icon,\r\n#ads-home a.th-btn:focus-visible .th-btn-icon,\r\n#ads-home a.th-btn:active .th-btn-icon{\r\n    background:transparent !important;\r\n    background-image:none !important;\r\n}\r\n\r\n\/* WARM IVORY \u2014 same layered construction as blue, recolored only. *\/\r\n#ads-home a.th-btn.th-btn-luxe-light{\r\n    background:\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,.17) 0%,\r\n            rgba(255,255,255,.065) 12%,\r\n            rgba(255,255,255,.015) 27%,\r\n            rgba(255,255,255,0) 42%),\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,0) 48%,\r\n            rgba(109,75,32,.055) 70%,\r\n            rgba(85,56,22,.13) 100%),\r\n        linear-gradient(105deg,\r\n            #fffdf8 0%,\r\n            #f5ead7 52%,\r\n            #dfc79f 100%) !important;\r\n}\r\n\r\n\/* RICH GOLD \u2014 same layered construction as blue, recolored only. *\/\r\n#ads-home a.th-btn.th-btn-luxe-gold{\r\n    background:\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,.17) 0%,\r\n            rgba(255,255,255,.065) 12%,\r\n            rgba(255,255,255,.015) 27%,\r\n            rgba(255,255,255,0) 42%),\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,0) 48%,\r\n            rgba(101,62,15,.085) 70%,\r\n            rgba(78,45,9,.20) 100%),\r\n        linear-gradient(105deg,\r\n            #f6dda0 0%,\r\n            #e7c46e 52%,\r\n            #bd7e26 100%) !important;\r\n}\r\n\r\n\/* Match the blue button's restrained inner molding so the\r\n   top-left corner cannot form a bright oval on pale faces. *\/\r\n#ads-home a.th-btn.th-btn-luxe-light::after,\r\n#ads-home a.th-btn.th-btn-luxe-gold::after{\r\n    background:\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,.07) 0%,\r\n            rgba(255,255,255,.02) 18%,\r\n            rgba(255,255,255,0) 30%,\r\n            rgba(0,0,0,0) 70%,\r\n            rgba(52,34,15,.06) 90%,\r\n            rgba(52,34,15,.11) 100%) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERIFIED OVAL REMOVAL\r\n   The unwanted shape was not one isolated circle; it was the\r\n   rounded upper-left end of the pale button's top highlight layers.\r\n   These overrides remove ONLY those pale-face highlight layers that\r\n   create the oval while preserving dimensions, typography, icons,\r\n   divider, arrow medallion, borders, shadows, and hover behavior.\r\n   ========================================================= *\/\r\n\r\n\/* Keep the left icon chamber transparent so it cannot create its own\r\n   rounded highlight at the upper-left corner. *\/\r\n#ads-home a.th-btn.th-btn-luxe-light .th-btn-icon,\r\n#ads-home a.th-btn.th-btn-luxe-gold .th-btn-icon,\r\n#ads-home a.th-btn.th-btn-luxe-light:hover .th-btn-icon,\r\n#ads-home a.th-btn.th-btn-luxe-gold:hover .th-btn-icon,\r\n#ads-home a.th-btn.th-btn-luxe-light:focus-visible .th-btn-icon,\r\n#ads-home a.th-btn.th-btn-luxe-gold:focus-visible .th-btn-icon{\r\n    background:transparent !important;\r\n    background-image:none !important;\r\n}\r\n\r\n\/* Pale ivory face: retain depth using base tone + lower molding only.\r\n   No bright top wash = no rounded oval at the upper-left corner. *\/\r\n#ads-home a.th-btn.th-btn-luxe-light{\r\n    background:\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,0) 0%,\r\n            rgba(255,255,255,0) 54%,\r\n            rgba(109,75,32,.045) 74%,\r\n            rgba(85,56,22,.12) 100%),\r\n        linear-gradient(105deg,\r\n            #fffdf8 0%,\r\n            #f5ead7 52%,\r\n            #dfc79f 100%) !important;\r\n}\r\n\r\n\/* Gold face: same construction, recolored. *\/\r\n#ads-home a.th-btn.th-btn-luxe-gold{\r\n    background:\r\n        linear-gradient(180deg,\r\n            rgba(255,255,255,0) 0%,\r\n            rgba(255,255,255,0) 54%,\r\n            rgba(101,62,15,.075) 74%,\r\n            rgba(78,45,9,.19) 100%),\r\n        linear-gradient(105deg,\r\n            #f6dda0 0%,\r\n            #e7c46e 52%,\r\n            #bd7e26 100%) !important;\r\n}\r\n\r\n\/* The inner molding previously added a second bright rounded top wash.\r\n   On pale buttons, preserve only the lower dimensional molding. *\/\r\n#ads-home a.th-btn.th-btn-luxe-light::after,\r\n#ads-home a.th-btn.th-btn-luxe-gold::after{\r\n    background:\r\n        linear-gradient(180deg,\r\n            transparent 0%,\r\n            transparent 68%,\r\n            rgba(52,34,15,.045) 86%,\r\n            rgba(52,34,15,.11) 100%) !important;\r\n    box-shadow:\r\n        inset 0 -2px 0 rgba(57,39,18,.16),\r\n        inset 0 -5px 8px rgba(57,39,18,.045) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SURGICAL OVAL REMOVAL \u2014 BROWSER VERIFIED\r\n   The oval is the parent's rounded top highlight showing through\r\n   the transparent left icon chamber. Give ONLY the pale\/gold icon\r\n   chambers an opaque face matching their existing button colors.\r\n   No dimensions, borders, shadows, typography, divider, arrow,\r\n   hover behavior, or other button properties are changed.\r\n   ========================================================= *\/\r\n\r\n#ads-home a.th-btn.th-btn-luxe-light .th-btn-icon,\r\n#ads-home a.th-btn.th-btn-luxe-light:hover .th-btn-icon,\r\n#ads-home a.th-btn.th-btn-luxe-light:focus .th-btn-icon,\r\n#ads-home a.th-btn.th-btn-luxe-light:focus-visible .th-btn-icon,\r\n#ads-home a.th-btn.th-btn-luxe-light:active .th-btn-icon{\r\n    background:linear-gradient(\r\n        180deg,\r\n        #fffdf8 0%,\r\n        #f5ead7 52%,\r\n        #dfc79f 100%\r\n    ) !important;\r\n}\r\n\r\n#ads-home a.th-btn.th-btn-luxe-gold .th-btn-icon,\r\n#ads-home a.th-btn.th-btn-luxe-gold:hover .th-btn-icon,\r\n#ads-home a.th-btn.th-btn-luxe-gold:focus .th-btn-icon,\r\n#ads-home a.th-btn.th-btn-luxe-gold:focus-visible .th-btn-icon,\r\n#ads-home a.th-btn.th-btn-luxe-gold:active .th-btn-icon{\r\n    background:linear-gradient(\r\n        180deg,\r\n        #f6dda0 0%,\r\n        #e7c46e 52%,\r\n        #bd7e26 100%\r\n    ) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAYOR & HART \u2014 PRIMARY LOGO INTEGRATION\r\n   Uses the supplied optimized WebP logo in stable, contained\r\n   placements without relying on Vantage or SiteOrigin sizing.\r\n   ========================================================= *\/\r\n#ads-home .th-site-logo{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n    object-fit:contain;\r\n    border:0;\r\n}\r\n\r\n#th-custom-navigation .th-brand > a{\r\n    display:table;\r\n    width:auto;\r\n    max-width:100%;\r\n    table-layout:auto;\r\n}\r\n\r\n#th-custom-navigation .th-brand-mark,\r\n#th-custom-navigation .th-brand-copy{\r\n    display:table-cell;\r\n    vertical-align:middle;\r\n}\r\n\r\n\/* Logo sits directly beside the Tayor & Hart lettering.\r\n   Desktop mark is 30% smaller than the prior 192px version and remains locked to the left of the Tayor & Hart lettering. *\/\r\n#th-custom-navigation .th-brand-mark{\r\n    width:158px;\r\n    padding-right:24px;\r\n}\r\n\r\n#th-custom-navigation .th-brand-mark img{\r\n    display:block;\r\n    width:134px;\r\n    height:134px;\r\n    max-width:134px;\r\n    object-fit:contain;\r\n    border:0;\r\n}\r\n\r\n#th-custom-navigation .th-brand-copy{\r\n    width:auto;\r\n    white-space:nowrap;\r\n}\r\n\r\n\/* Hero logo: moved out of the left copy column and anchored on the right.\r\n   Desktop size is exactly 2x the former 78px hero mark. *\/\r\n#ads-home .ads-hero-content{\r\n    position:relative;\r\n}\r\n\r\n#ads-home .ads-hero-brandmark{\r\n    position:absolute;\r\n    z-index:4;\r\n    top:calc(50% + 192px);\r\n    right:calc(clamp(24px,5vw,76px) - 192px);\r\n    width:156px;\r\n    height:156px;\r\n    margin:0;\r\n    transform:translateY(-50%);\r\n    pointer-events:none;\r\n}\r\n\r\n#ads-home .ads-hero-brandmark img{\r\n    display:block;\r\n    width:156px;\r\n    height:156px;\r\n    max-width:156px;\r\n    object-fit:contain;\r\n    border:0;\r\n    filter:drop-shadow(0 12px 26px rgba(0,0,0,.28));\r\n}\r\n\r\n#ads-home .ads-final-anchor .th-site-logo{\r\n    width:100%;\r\n    max-width:150px;\r\n    margin:0 auto;\r\n    border-radius:16px;\r\n    box-shadow:0 14px 30px rgba(0,0,0,.18);\r\n    animation:adsFinalAnchorFloat 5.8s ease-in-out infinite;\r\n}\r\n\r\n@media(max-width:1100px){\r\n    #th-custom-navigation .th-brand-mark{width:123px;padding-right:18px}\r\n    #th-custom-navigation .th-brand-mark img{width:105px;height:105px;max-width:105px}\r\n}\r\n\r\n@media(max-width:860px){\r\n    #th-custom-navigation .th-brand{width:76%}\r\n    #th-custom-navigation .th-mobile-toggle-wrap{width:24%}\r\n    #th-custom-navigation .th-brand-mark{width:92px;padding-right:14px}\r\n    #th-custom-navigation .th-brand-mark img{width:78px;height:78px;max-width:78px}\r\n    #th-custom-navigation .th-brand-copy{white-space:normal}\r\n}\r\n\r\n@media(max-width:560px){\r\n    #th-custom-navigation .th-brand{width:78%}\r\n    #th-custom-navigation .th-mobile-toggle-wrap{width:22%}\r\n    #th-custom-navigation .th-brand-mark{width:65px;padding-right:10px}\r\n    #th-custom-navigation .th-brand-mark img{width:55px;height:55px;max-width:55px}\r\n    #th-custom-navigation .th-brand-copy{white-space:normal}\r\n    #ads-home .ads-hero-brandmark{\r\n        top:34px;\r\n        right:18px;\r\n        width:108px;\r\n        height:108px;\r\n        transform:none;\r\n    }\r\n    #ads-home .ads-hero-brandmark img{\r\n        width:108px;\r\n        height:108px;\r\n        max-width:108px;\r\n    }\r\n    #ads-home .ads-hero-copybox{\r\n        padding-top:108px;\r\n    }\r\n    #ads-home .ads-final-anchor .th-site-logo{max-width:126px}\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n    #ads-home .ads-final-anchor .th-site-logo{animation:none!important}\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAYOR & HART \u2014 HEADER BRAND LOCKED HORIZONTAL\r\n   Definitive override: logo remains LEFT of both brand lines.\r\n   ========================================================= *\/\r\n#th-custom-navigation .th-brand > a{\r\n    display:table!important;\r\n    width:auto!important;\r\n    max-width:100%!important;\r\n    table-layout:auto!important;\r\n    white-space:nowrap!important;\r\n}\r\n#th-custom-navigation .th-brand-mark{\r\n    display:table-cell!important;\r\n    width:110px!important;\r\n    min-width:110px!important;\r\n    padding:0 18px 0 0!important;\r\n    vertical-align:middle!important;\r\n}\r\n#th-custom-navigation .th-brand-mark img.th-site-logo{\r\n    display:block!important;\r\n    width:92px!important;\r\n    min-width:92px!important;\r\n    max-width:92px!important;\r\n    height:92px!important;\r\n    max-height:92px!important;\r\n    margin:0!important;\r\n    padding:0!important;\r\n    object-fit:contain!important;\r\n}\r\n#th-custom-navigation .th-brand-copy{\r\n    display:table-cell!important;\r\n    width:auto!important;\r\n    vertical-align:middle!important;\r\n    white-space:nowrap!important;\r\n}\r\n@media(max-width:860px){\r\n    #th-custom-navigation .th-brand-mark{width:82px!important;min-width:82px!important;padding-right:12px!important}\r\n    #th-custom-navigation .th-brand-mark img.th-site-logo{width:70px!important;min-width:70px!important;max-width:70px!important;height:70px!important;max-height:70px!important}\r\n}\r\n@media(max-width:560px){\r\n    #th-custom-navigation .th-brand-mark{width:60px!important;min-width:60px!important;padding-right:9px!important}\r\n    #th-custom-navigation .th-brand-mark img.th-site-logo{width:51px!important;min-width:51px!important;max-width:51px!important;height:51px!important;max-height:51px!important}\r\n    #th-custom-navigation .th-brand-copy{white-space:normal!important}\r\n}\r\n\r\n<\/style>\r\n\r\n<div id=\"ads-home\">\r\n\r\n<nav id=\"th-custom-navigation\" class=\"th-nav-shell\" aria-label=\"Tayor &amp; Hart primary navigation\">\r\n  <div class=\"th-nav-inner\">\r\n    <div class=\"th-nav-top\">\r\n      <div class=\"th-brand\"><a href=\"#th-top\"><span class=\"th-brand-mark\" aria-hidden=\"true\"><img loading=\"lazy\" class=\"th-site-logo\" src=\"https:\/\/jwwebsites.com\/template\/wp-content\/uploads\/sites\/2\/2026\/09\/ChatGPT-Image-Sep-1-2026-09_10_23-AM_optimized.webp\" alt=\"\" width=\"512\" height=\"512\" decoding=\"async\"><\/span><span class=\"th-brand-copy\"><strong>Tayor &amp; Hart<\/strong><span>Custom Tailoring for Men<\/span><\/span><\/a><\/div>\r\n      <div class=\"th-call\"><a href=\"tel:+16182468822\">Call 618-246-8822<\/a><\/div>\r\n      <div class=\"th-mobile-toggle-wrap\"><button class=\"th-mobile-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"th-nav-links\">Menu<\/button><\/div>\r\n    <\/div>\r\n    <div id=\"th-nav-links\" class=\"th-nav-links\"><a href=\"#th-top\">Home<\/a><a href=\"#service\">Services<\/a><a href=\"#custom-suits\">Custom Suits<\/a><a href=\"#custom-shirts\">Custom Shirts<\/a><a href=\"#alterations\">Alterations<\/a><a href=\"#wedding-formalwear\">Wedding & Formalwear<\/a><a href=\"#fabrics\">Fabrics<\/a><a href=\"#fittings\">Fittings<\/a><a href=\"#style-consultation\">Style Consultation<\/a><a href=\"#process\">Process<\/a><a href=\"#about-us\">About Us<\/a><a href=\"#faq\">FAQ<\/a><a href=\"#contact-us-image-top\">Contact<\/a><\/div>\r\n  <\/div>\r\n<\/nav>\r\n<div class=\"th-nav-spacer\" aria-hidden=\"true\"><\/div>\r\n<div id=\"th-top\" aria-hidden=\"true\"><\/div>\r\n\r\n<!-- =========================================================\r\n     HERO ROTATOR \u2014 master structure preserved\r\n     ========================================================= -->\r\n<section class=\"ads-home-hero ads-home-breakout\">\r\n    <div class=\"ads-hero-slides\" aria-hidden=\"true\">\r\n        <div class=\"ads-hero-slide ads-hero-slide-1 is-active\"><\/div>\r\n        <div class=\"ads-hero-slide ads-hero-slide-2\"><\/div>\r\n        <div class=\"ads-hero-slide ads-hero-slide-3\"><\/div>\r\n    <\/div>\r\n    <div class=\"ads-hero-content\">\r\n        <div class=\"ads-hero-copybox\">\r\n            <div class=\"ads-hero-kicker\">Custom Tailoring for Men<\/div>\r\n            <h1>Fit. Quality.<span>Confidence.<\/span><\/h1>\r\n            <p class=\"ads-hero-intro\">Tayor &amp; Hart helps men build a sharper, more comfortable wardrobe through custom suits, custom shirts, alterations, formalwear guidance, and one-on-one fittings.<\/p>\r\n            <div class=\"ads-hero-buttons\">\r\n                <a class=\"ads-image-button th-btn th-btn-luxe-gold\" href=\"#fittings\"><span class=\"th-btn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4c-2.8 0-5 2-5 4.6 0 1.8 1 3.2 2.5 4.1L5 19.5V24h22v-4.5l-8.5-6.8A4.8 4.8 0 0 0 21 8.6C21 6 18.8 4 16 4Z\"\/><path d=\"M11 24v4m10-4v4M8 20h16\"\/><\/svg><\/span><span class=\"th-btn-label\">Book a Fitting<\/span><span class=\"th-btn-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16h17M18 10l6 6-6 6\"\/><\/svg><\/span><\/a>\r\n                <a class=\"ads-image-button th-btn th-btn-luxe-dark\" href=\"#service\"><span class=\"th-btn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 6h16v20H8z\"\/><path d=\"M12 10h8M12 15h8M12 20h5\"\/><path d=\"M5 9v14m22-14v14\"\/><\/svg><\/span><span class=\"th-btn-label\">Explore Services<\/span><span class=\"th-btn-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16h17M18 10l6 6-6 6\"\/><\/svg><\/span><\/a>\r\n            <\/div>\r\n            <div class=\"ads-hero-benefits\">\r\n                <div class=\"ads-hero-benefit\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 4l4 3 4-3 4 5-4 3v16H12V12L8 9l4-5z\"\/><path d=\"M16 7v21M12 12l4 4 4-4\"\/><\/svg>Custom Suits<\/div>\r\n                <div class=\"ads-hero-benefit\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9h20a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H10a6 6 0 0 1-6-6v-4a6 6 0 0 1 2-4z\"\/><circle cx=\"11\" cy=\"17\" r=\"3\"\/><path d=\"M18 13v4m4-4v3m4-3v4\"\/><\/svg>Measured Fit<\/div>\r\n                <div class=\"ads-hero-benefit\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 27L27 6M8 25l-3 4 4-3M25 8l2-2a2 2 0 0 1 3 3l-2 2\"\/><path d=\"M20 13c2 1 4 3 5 5\"\/><\/svg>Craft Detail<\/div>\r\n                <div class=\"ads-hero-benefit\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 16L5 10v12l10-6zm2 0 10-6v12l-10-6z\"\/><circle cx=\"16\" cy=\"16\" r=\"3\"\/><\/svg>Personal Style<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"ads-hero-brandmark\" aria-hidden=\"true\"><img loading=\"lazy\" class=\"th-site-logo\" src=\"https:\/\/jwwebsites.com\/template\/wp-content\/uploads\/sites\/2\/2026\/09\/ChatGPT-Image-Sep-1-2026-09_10_23-AM_optimized.webp\" alt=\"\" width=\"512\" height=\"512\" decoding=\"async\"><\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- =========================================================\r\n     SIX BENEFITS \/ SERVICES\r\n     ========================================================= -->\r\n<section id=\"service\" class=\"ads-benefits-section ads-home-breakout ads-motion-section\">\r\n  <div class=\"ads-home-wrap\">\r\n    <div class=\"ads-benefits-heading ads-reveal\">\r\n      <div class=\"ads-eyebrow\">Men's Tailoring Services<\/div>\r\n      <h2>Details That Make the Whole Look Work<\/h2>\r\n      <div class=\"ads-heading-line\"><\/div>\r\n      <p>From the first measurement through the final adjustment, each service is centered on proportion, comfort, fabric choice, and the way the finished garment should function in real life.<\/p>\r\n    <\/div>\r\n    <div class=\"ads-benefit-grid\">\r\n      <article class=\"ads-benefit-card ads-reveal\"><div class=\"ads-benefit-top\"><div class=\"ads-benefit-icon\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 4l4 3 4-3 4 5-4 3v16H12V12L8 9l4-5z\"\/><path d=\"M16 7v21M12 12l4 4 4-4\"\/><\/svg><\/div><div class=\"ads-benefit-number\">01<\/div><\/div><h3>Custom Suits<\/h3><p>Plan a suit around your measurements, preferred silhouette, fabric, and occasion.<\/p><\/article>\r\n      <article class=\"ads-benefit-card ads-reveal\"><div class=\"ads-benefit-top\"><div class=\"ads-benefit-icon\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5l4 3 4-3 7 5-4 6-3-2v15H12V14l-3 2-4-6 7-5z\"\/><path d=\"M16 8v8m0 0l-4-4m4 4 4-4\"\/><\/svg><\/div><div class=\"ads-benefit-number\">02<\/div><\/div><h3>Custom Shirts<\/h3><p>Choose collar, cuff, fabric, and fit details designed around how you like a shirt to wear.<\/p><\/article>\r\n      <article class=\"ads-benefit-card ads-reveal\"><div class=\"ads-benefit-top\"><div class=\"ads-benefit-icon\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"10\" r=\"4\"\/><circle cx=\"9\" cy=\"24\" r=\"4\"\/><path d=\"M12 12l17 13M12 22L29 9\"\/><\/svg><\/div><div class=\"ads-benefit-number\">03<\/div><\/div><h3>Alterations<\/h3><p>Refine the fit of existing menswear with measured adjustments to length, shape, and balance.<\/p><\/article>\r\n      <article class=\"ads-benefit-card ads-reveal\"><div class=\"ads-benefit-top\"><div class=\"ads-benefit-icon\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 16L5 10v12l10-6zm2 0 10-6v12l-10-6z\"\/><circle cx=\"16\" cy=\"16\" r=\"3\"\/><\/svg><\/div><div class=\"ads-benefit-number\">04<\/div><\/div><h3>Formalwear<\/h3><p>Coordinate fit and style choices for weddings, black-tie events, and important occasions.<\/p><\/article>\r\n      <article class=\"ads-benefit-card ads-reveal\"><div class=\"ads-benefit-top\"><div class=\"ads-benefit-icon\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 8h22v19H5z\"\/><path d=\"M5 13h22M11 8v19M18 8v19M24 8v19\"\/><\/svg><\/div><div class=\"ads-benefit-number\">05<\/div><\/div><h3>Fabric Guidance<\/h3><p>Compare texture, drape, weight, and color with the garment's purpose in mind.<\/p><\/article>\r\n      <article class=\"ads-benefit-card ads-reveal\"><div class=\"ads-benefit-top\"><div class=\"ads-benefit-icon\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4l2.5 7.5L26 14l-7.5 2.5L16 24l-2.5-7.5L6 14l7.5-2.5L16 4z\"\/><path d=\"M26 5v6M23 8h6\"\/><\/svg><\/div><div class=\"ads-benefit-number\">06<\/div><\/div><h3>Style Consultation<\/h3><p>Work through practical choices so the final garment feels natural, useful, and distinctly yours.<\/p><\/article>\r\n    <\/div>\r\n    <div class=\"ads-context-button ads-reveal\"><a class=\"th-btn th-btn-luxe-gold\" href=\"#fittings\"><span class=\"th-btn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4c-2.8 0-5 2-5 4.6 0 1.8 1 3.2 2.5 4.1L5 19.5V24h22v-4.5l-8.5-6.8A4.8 4.8 0 0 0 21 8.6C21 6 18.8 4 16 4Z\"\/><path d=\"M11 24v4m10-4v4M8 20h16\"\/><\/svg><\/span><span class=\"th-btn-label\">Start With a Fitting<\/span><span class=\"th-btn-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16h17M18 10l6 6-6 6\"\/><\/svg><\/span><\/a><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"custom-suits\" class=\"th-service-detail th-layout-suit ads-home-breakout ads-motion-section\">\r\n  <div class=\"th-service-shell th-suit-stage\">\r\n    <div class=\"th-suit-photo th-anim-b\">\r\n      <img data-jw-image-slot=\"image-4\" src=\"https:\/\/jwwebsites.com\/template\/wp-content\/uploads\/sites\/2\/2026\/09\/ChatGPT-Image-Sep-1-2026-01_05_50-PM_optimized.webp\" alt=\"Stylish man in a tailoring studio beside a sewing machine\" loading=\"lazy\" decoding=\"async\">\r\n    <\/div>\r\n    <div class=\"th-suit-card th-anim-a\">\r\n      <div class=\"th-suit-number\" aria-hidden=\"true\">01<\/div>\r\n      <div class=\"th-detail-kicker\">Made Around the Wearer<\/div>\r\n      <h2>Custom Suits<\/h2>\r\n      <p>Build the garment from the fit outward, with proportion, cloth, construction details, and finishing choices considered together.<\/p>\r\n      <ul class=\"th-detail-list\"><li>Personal measurements and fit notes<\/li><li>Jacket and trouser proportion planning<\/li><li>Fabric, lining, button, and finishing choices<\/li><\/ul>\r\n      <div class=\"th-detail-actions\"><a class=\"th-btn th-btn-luxe-dark\" href=\"#contact-us-image-top\"><span class=\"th-btn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4c-2.8 0-5 2-5 4.6 0 1.8 1 3.2 2.5 4.1L5 19.5V24h22v-4.5l-8.5-6.8A4.8 4.8 0 0 0 21 8.6C21 6 18.8 4 16 4Z\"\/><path d=\"M11 24v4m10-4v4M8 20h16\"\/><\/svg><\/span><span class=\"th-btn-label\">Book a Suit Fitting<\/span><span class=\"th-btn-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16h17M18 10l6 6-6 6\"\/><\/svg><\/span><\/a><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"custom-shirts\" class=\"th-service-detail th-layout-shirts ads-home-breakout ads-motion-section\">\r\n  <div class=\"th-service-shell th-shirts-grid\">\r\n    <div class=\"th-shirts-photo th-anim-a\">\r\n      <img data-jw-image-slot=\"image-5\" src=\"https:\/\/jwwebsites.com\/template\/wp-content\/uploads\/sites\/2\/2026\/09\/ChatGPT-Image-Sep-1-2026-01_08_33-PM_optimized.webp\" alt=\"Menswear shirts and jackets displayed in a clothing boutique\" loading=\"lazy\" decoding=\"async\">\r\n    <\/div>\r\n    <div class=\"th-shirts-copy th-anim-b\">\r\n      <div class=\"th-detail-kicker\">Collar to Cuff<\/div>\r\n      <h2>Custom Shirts<\/h2>\r\n      <p>A shirt should frame the face, sit cleanly through the shoulder, and move comfortably through the body. The details make that possible.<\/p>\r\n      <div class=\"th-shirts-points th-anim-c\"><span><strong>01<\/strong>Collar profile<\/span><span><strong>02<\/strong>Cuff &amp; sleeve<\/span><span><strong>03<\/strong>Body shape<\/span><\/div>\r\n      <ul class=\"th-detail-list\"><li>Collar and cuff style guidance<\/li><li>Sleeve and body fit preferences<\/li><li>Fabric choices suited to work or occasion<\/li><\/ul>\r\n      <div class=\"th-detail-actions\"><a class=\"th-btn th-btn-luxe-dark\" href=\"#contact-us-image-top\"><span class=\"th-btn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 5l5 3 5-3 7 5-4 6-3-2v13H11V14l-3 2-4-6 7-5Z\"\/><path d=\"M16 8v8m0 0-4-4m4 4 4-4\"\/><\/svg><\/span><span class=\"th-btn-label\">Discuss Custom Shirts<\/span><span class=\"th-btn-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16h17M18 10l6 6-6 6\"\/><\/svg><\/span><\/a><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"alterations\" class=\"th-service-detail th-layout-alterations ads-home-breakout ads-motion-section\">\r\n  <div class=\"th-service-shell th-alter-grid\">\r\n    <div class=\"th-alter-photo th-anim-a\">\r\n      <img data-jw-image-slot=\"image-6\" src=\"https:\/\/jwwebsites.com\/template\/wp-content\/uploads\/sites\/2\/2026\/09\/ChatGPT-Image-Sep-1-2026-08_59_19-AM_optimized.webp\" alt=\"Tailor working carefully at a sewing machine in a workshop\" loading=\"lazy\" decoding=\"async\">\r\n    <\/div>\r\n    <div class=\"th-alter-copy th-anim-b\">\r\n      <div class=\"th-detail-kicker\">Refine What You Already Own<\/div>\r\n      <h2>Alterations<\/h2>\r\n      <p>Small changes in length, taper, balance, or sleeve position can substantially improve how a garment looks and feels.<\/p>\r\n      <div class=\"th-alter-stamps th-anim-c\"><div class=\"th-alter-stamp\"><b>Hem<\/b><span>Length<\/span><\/div><div class=\"th-alter-stamp\"><b>Shape<\/b><span>Taper<\/span><\/div><div class=\"th-alter-stamp\"><b>Fit<\/b><span>Balance<\/span><\/div><\/div>\r\n      <ul class=\"th-detail-list\"><li>Jacket, trouser, and shirt adjustments<\/li><li>Hem, waist, sleeve, and taper refinements<\/li><li>Fit review before work begins<\/li><\/ul>\r\n      <div class=\"th-detail-actions\"><a class=\"th-btn th-btn-luxe-light\" href=\"#contact-us-image-top\"><span class=\"th-btn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"9\" r=\"4\"\/><circle cx=\"8\" cy=\"23\" r=\"4\"\/><path d=\"M11.5 11.2 28 24M11.5 20.8 28 8\"\/><\/svg><\/span><span class=\"th-btn-label\">Ask About Alterations<\/span><span class=\"th-btn-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16h17M18 10l6 6-6 6\"\/><\/svg><\/span><\/a><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"wedding-formalwear\" class=\"th-service-detail th-layout-formal ads-home-breakout ads-motion-section\">\r\n  <div class=\"th-service-shell th-formal-stage\">\r\n    <img data-jw-image-slot=\"image-7\" src=\"https:\/\/images.unsplash.com\/photo-1745270029066-8c1dfb37c03c?auto=format&amp;fit=crop&amp;fm=jpg&amp;q=80&amp;w=1800\" alt=\"Groom adjusting a formal tuxedo before a wedding\" loading=\"lazy\" decoding=\"async\">\r\n    <div class=\"th-formal-copy th-anim-a\">\r\n      <span class=\"th-formal-tag\">Wedding \u2022 Black Tie \u2022 Special Events<\/span>\r\n      <div class=\"th-detail-kicker\">Dress for the Occasion<\/div>\r\n      <h2>Wedding &amp; Formalwear<\/h2>\r\n      <p>Coordinate the full look instead of treating the jacket, shirt, tie, and finishing details as separate decisions.<\/p>\r\n      <ul class=\"th-detail-list\"><li>Suit and tuxedo fit planning<\/li><li>Shirt, tie, and accessory coordination<\/li><li>Timing guidance for fittings and final adjustments<\/li><\/ul>\r\n      <div class=\"th-detail-actions\"><a class=\"th-btn th-btn-luxe-dark\" href=\"#contact-us-image-top\"><span class=\"th-btn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 16 5 10v12l10-6Zm2 0 10-6v12l-10-6Z\"\/><circle cx=\"16\" cy=\"16\" r=\"3\"\/><\/svg><\/span><span class=\"th-btn-label\">Plan Formalwear<\/span><span class=\"th-btn-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16h17M18 10l6 6-6 6\"\/><\/svg><\/span><\/a><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"fabrics\" class=\"th-service-detail th-layout-fabrics ads-home-breakout ads-motion-section\">\r\n  <div class=\"th-service-shell th-fabric-grid\">\r\n    <div class=\"th-fabric-copy th-anim-a\">\r\n      <div class=\"th-detail-kicker\">Fabric &amp; Finishing Choices<\/div>\r\n      <h2>Start With How the Garment Should Feel and Perform<\/h2>\r\n      <p>Weight, weave, texture, color, and drape all affect how a garment behaves. Selection should match the season, setting, and intended use.<\/p>\r\n      <div class=\"th-swatch-row\" aria-hidden=\"true\"><span class=\"th-swatch\"><\/span><span class=\"th-swatch\"><\/span><span class=\"th-swatch\"><\/span><span class=\"th-swatch\"><\/span><\/div>\r\n      <ul class=\"th-detail-list\"><li>Weight and seasonality<\/li><li>Texture, drape, and pattern scale<\/li><li>Lining, button, and finishing coordination<\/li><\/ul>\r\n      <div class=\"th-detail-actions\"><a class=\"th-btn th-btn-luxe-light\" href=\"#contact-us-image-top\"><span class=\"th-btn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 7h22v20H5z\"\/><path d=\"M5 12h22M10 7v20M16 7v20M22 7v20\"\/><\/svg><\/span><span class=\"th-btn-label\">Discuss Fabric Options<\/span><span class=\"th-btn-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16h17M18 10l6 6-6 6\"\/><\/svg><\/span><\/a><\/div>\r\n    <\/div>\r\n    <div class=\"th-fabric-photo th-anim-b\">\r\n      <img data-jw-image-slot=\"image-8\" src=\"https:\/\/jwwebsites.com\/template\/wp-content\/uploads\/sites\/2\/2026\/09\/ChatGPT-Image-Sep-1-2026-01_11_16-PM_optimized.webp\" alt=\"Close-up view of tailored suit fabric and jacket buttons\" loading=\"lazy\" decoding=\"async\">\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"fittings\" class=\"th-service-detail th-layout-fittings ads-home-breakout ads-motion-section\">\r\n  <div class=\"th-service-shell\">\r\n    <div class=\"th-fitting-head\">\r\n      <div class=\"th-fitting-photo th-anim-a\">\r\n        <img data-jw-image-slot=\"image-9\" src=\"https:\/\/jwwebsites.com\/template\/wp-content\/uploads\/sites\/2\/2026\/09\/ChatGPT-Image-Sep-1-2026-01_09_19-PM_optimized.webp\" alt=\"Tailor measuring a client during a custom suit fitting\" loading=\"lazy\" decoding=\"async\">\r\n      <\/div>\r\n      <div class=\"th-fitting-copy th-anim-b\">\r\n        <div class=\"th-detail-kicker\">Measure \u2022 Assess \u2022 Refine<\/div>\r\n        <h2>Fittings<\/h2>\r\n        <p>A fitting is more than collecting numbers. It is where posture, garment balance, movement, and the way the cloth sits on the body can be evaluated together.<\/p>\r\n        <div class=\"th-detail-actions\"><a class=\"th-btn th-btn-luxe-dark\" href=\"#contact-us-image-top\"><span class=\"th-btn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4c-2.8 0-5 2-5 4.6 0 1.8 1 3.2 2.5 4.1L5 19.5V24h22v-4.5l-8.5-6.8A4.8 4.8 0 0 0 21 8.6C21 6 18.8 4 16 4Z\"\/><path d=\"M11 24v4m10-4v4M8 20h16\"\/><\/svg><\/span><span class=\"th-btn-label\">Schedule a Fitting<\/span><span class=\"th-btn-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16h17M18 10l6 6-6 6\"\/><\/svg><\/span><\/a><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"th-fit-timeline\">\r\n      <div class=\"th-fit-step\"><b>1<\/b><strong>Measure<\/strong><span>Establish measurements and posture notes.<\/span><\/div>\r\n      <div class=\"th-fit-step\"><b>2<\/b><strong>Try On<\/strong><span>Review balance, ease, and movement.<\/span><\/div>\r\n      <div class=\"th-fit-step\"><b>3<\/b><strong>Refine<\/strong><span>Confirm final adjustments before completion.<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"style-consultation\" class=\"th-service-detail th-layout-style ads-home-breakout ads-motion-section\">\r\n  <div class=\"th-service-shell th-style-grid\">\r\n    <div class=\"th-style-portrait th-anim-a\">\r\n      <img data-jw-image-slot=\"image-10\" src=\"https:\/\/jwwebsites.com\/template\/wp-content\/uploads\/sites\/2\/2026\/09\/ChatGPT-Image-Sep-1-2026-08_49_51-AM_optimized.webp\" alt=\"Stylish man wearing a bold tailored red suit\" loading=\"lazy\" decoding=\"async\">\r\n    <\/div>\r\n    <div class=\"th-style-copy th-anim-b\">\r\n      <div class=\"th-detail-kicker\">Make the Wardrobe Work Together<\/div>\r\n      <h2>Style Consultation<\/h2>\r\n      <p>Choose silhouette, color, fabric, and finishing details with the rest of your wardrobe and the way you actually dress in mind.<\/p>\r\n      <div class=\"th-style-notes th-anim-c\"><div class=\"th-style-note\"><strong>Silhouette<\/strong>Proportion and line<\/div><div class=\"th-style-note\"><strong>Color<\/strong>Useful combinations<\/div><div class=\"th-style-note\"><strong>Occasion<\/strong>Dress with purpose<\/div><\/div>\r\n      <ul class=\"th-detail-list\"><li>Wardrobe and occasion discussion<\/li><li>Fabric and color direction<\/li><li>Coordinated recommendations for a complete look<\/li><\/ul>\r\n      <div class=\"th-detail-actions\"><a class=\"th-btn th-btn-luxe-dark\" href=\"#contact-us-image-top\"><span class=\"th-btn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 7h22v15H14l-6 5v-5H5z\"\/><path d=\"M10 12h12M10 16h8\"\/><path d=\"m24 3 1 2.5L28 7l-3 1.5L24 11l-1-2.5L20 7l3-1.5L24 3Z\"\/><\/svg><\/span><span class=\"th-btn-label\">Request a Consultation<\/span><span class=\"th-btn-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16h17M18 10l6 6-6 6\"\/><\/svg><\/span><\/a><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =========================================================\r\n     CUSTOMER PATH \/ PROCESS \u2014 original three-column structure\r\n     ========================================================= -->\r\n<section id=\"process\" class=\"ads-story-section ads-home-breakout ads-motion-section\">\r\n  <div class=\"ads-home-wrap\">\r\n    <div class=\"ads-story-grid\">\r\n      <div class=\"ads-story-left ads-reveal-left\">\r\n        <div class=\"ads-story-kicker\">A Clear Tailoring Process<\/div>\r\n        <h2>From Conversation to Final Fit<\/h2>\r\n        <p>A good tailoring experience gives each decision a logical place. You begin with how the garment will be used, then move through measurements, selections, fittings, and final adjustments.<\/p>\r\n        <ul class=\"ads-check-list\">\r\n          <li><span class=\"ads-check-dot\">\u2713<\/span><span>Discuss garment purpose, preferences, and timing.<\/span><\/li>\r\n          <li><span class=\"ads-check-dot\">\u2713<\/span><span>Take measurements and review posture and proportion.<\/span><\/li>\r\n          <li><span class=\"ads-check-dot\">\u2713<\/span><span>Select fabric and style details suited to the garment.<\/span><\/li>\r\n          <li><span class=\"ads-check-dot\">\u2713<\/span><span>Review fit and make any needed refinements.<\/span><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"ads-browser ads-story-center ads-reveal\">\r\n        <div class=\"ads-browser-top\"><span class=\"ads-browser-dot\"><\/span><span class=\"ads-browser-address\"><\/span><\/div>\r\n        <div class=\"ads-browser-main\"><h3>Built Around the Man Wearing It<\/h3><p>Tailoring is a sequence of practical choices: what should fit closer, where movement is needed, what the occasion calls for, and how the finished garment should feel when you put it on.<\/p><\/div>\r\n        <div class=\"ads-browser-benefits\">\r\n          <div class=\"ads-browser-card\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9h20a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H10a6 6 0 0 1-6-6v-4a6 6 0 0 1 2-4z\"\/><circle cx=\"11\" cy=\"17\" r=\"3\"\/><path d=\"M18 13v4m4-4v3m4-3v4\"\/><\/svg><strong>Measure<\/strong><\/div>\r\n          <div class=\"ads-browser-card\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 8h22v19H5z\"\/><path d=\"M5 13h22M11 8v19M18 8v19M24 8v19\"\/><\/svg><strong>Select<\/strong><\/div>\r\n          <div class=\"ads-browser-card\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"16\" cy=\"16\" r=\"12\"\/><path d=\"M10 16l4 4 8-9\"\/><\/svg><strong>Refine<\/strong><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ads-story-right ads-reveal-right\">\r\n        <div class=\"ads-story-kicker\">Your Fitting Journey<\/div>\r\n        <h2>A Better Fit Comes From Better Information<\/h2>\r\n        <p>Each stage helps clarify the next so the finished garment reflects both your measurements and the way you want to wear it.<\/p>\r\n        <div class=\"ads-customer-flow\">\r\n          <div class=\"ads-flow-step\"><div class=\"ads-flow-circle\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 5l5 6-3 3c2 4 5 7 9 9l3-3 6 5-3 4c-1 1-3 1-5 0C12 25 7 20 3 11c-1-2-1-4 0-5l6-1z\"\/><\/svg><\/div><strong>Talk<br>Needs<\/strong><\/div><div class=\"ads-flow-arrow\">\u2192<\/div>\r\n          <div class=\"ads-flow-step\"><div class=\"ads-flow-circle\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9h20a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H10a6 6 0 0 1-6-6v-4a6 6 0 0 1 2-4z\"\/><circle cx=\"11\" cy=\"17\" r=\"3\"\/><path d=\"M18 13v4m4-4v3m4-3v4\"\/><\/svg><\/div><strong>Take<br>Measures<\/strong><\/div><div class=\"ads-flow-arrow\">\u2192<\/div>\r\n          <div class=\"ads-flow-step\"><div class=\"ads-flow-circle\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 8h22v19H5z\"\/><path d=\"M5 13h22M11 8v19M18 8v19M24 8v19\"\/><\/svg><\/div><strong>Choose<br>Details<\/strong><\/div><div class=\"ads-flow-arrow\">\u2192<\/div>\r\n          <div class=\"ads-flow-step\"><div class=\"ads-flow-circle\"><svg class=\"th-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"16\" cy=\"16\" r=\"12\"\/><path d=\"M10 16l4 4 8-9\"\/><\/svg><\/div><strong>Review<br>Fit<\/strong><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ads-story-context-button\"><a class=\"th-btn th-btn-luxe-dark\" href=\"#fittings\"><span class=\"th-btn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4c-2.8 0-5 2-5 4.6 0 1.8 1 3.2 2.5 4.1L5 19.5V24h22v-4.5l-8.5-6.8A4.8 4.8 0 0 0 21 8.6C21 6 18.8 4 16 4Z\"\/><path d=\"M11 24v4m10-4v4M8 20h16\"\/><\/svg><\/span><span class=\"th-btn-label\">Schedule the First Fitting<\/span><span class=\"th-btn-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16h17M18 10l6 6-6 6\"\/><\/svg><\/span><\/a><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =========================================================\r\n     CONSULTATION IMAGE \u2014 user-supplied tailoring visual\r\n     ========================================================= -->\r\n<section class=\"ads-consultation-section ads-home-breakout ads-motion-section\">\r\n  <div class=\"ads-consultation-frame ads-reveal\">\r\n    <a class=\"ads-consultation-link\" href=\"#style-consultation\" aria-label=\"View Tayor and Hart style consultation information\">\r\n      <img class=\"ads-consultation-image\" data-jw-image-slot=\"image-11\" src=\"https:\/\/jwwebsites.com\/template\/wp-content\/uploads\/sites\/2\/2026\/09\/ChatGPT-Image-Sep-1-2026-12_43_07-PM_optimized.webp?ver=1788284913\" alt=\"Tailoring website visual featuring custom menswear and tailoring services\" width=\"1536\" height=\"1024\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =========================================================\r\n     ABOUT US \/ OWNER\r\n     ========================================================= -->\r\n<section id=\"about-us\" class=\"th-about-section ads-home-breakout ads-motion-section\">\r\n  <div class=\"th-about-grid\">\r\n    <div class=\"th-about-copy ads-reveal-left\">\r\n      <div class=\"ads-story-kicker\">About Tayor &amp; Hart<\/div>\r\n      <h2>Personal Service for a More Considered Wardrobe<\/h2>\r\n      <p>Tayor &amp; Hart is presented as a men\u2019s tailoring shop focused on the fit decisions, garment details, and one-on-one guidance that help a customer feel confident in what he wears.<\/p>\r\n      <p>Rather than forcing every client into the same silhouette, the process starts with measurements, the intended use of the garment, and the customer\u2019s own preferences.<\/p>\r\n      <p class=\"th-owner-line\">Everett Hart<\/p>\r\n      <div class=\"th-detail-actions\"><a class=\"th-btn th-btn-luxe-dark\" href=\"tel:+16182468822\"><span class=\"th-btn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 5 4.5 7.5c-.8.5-1 1.5-.6 2.5 4.1 9.6 8.5 14 18.1 18.1 1 .4 2 .2 2.5-.6L27 23l-6-4-3 3c-3.6-1.8-6.2-4.4-8-8l3-3-4-6Z\"\/><\/svg><\/span><span class=\"th-btn-label\">Call 618-246-8822<\/span><span class=\"th-btn-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16h17M18 10l6 6-6 6\"\/><\/svg><\/span><\/a><\/div>\r\n    <\/div>\r\n    <div class=\"th-about-visual ads-reveal-right\">\r\n      <img data-jw-image-slot=\"image-12\" src=\"https:\/\/jwwebsites.com\/template\/wp-content\/uploads\/sites\/2\/2026\/09\/ChatGPT-Image-Aug-31-2026-08_56_59-PM_optimized.png?ver=1788287274\" alt=\"Professional tailoring consultation in a menswear workshop\" loading=\"lazy\" decoding=\"async\">\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =========================================================\r\n     FAQ\r\n     ========================================================= -->\r\n<section id=\"faq\" class=\"th-faq ads-home-breakout ads-motion-section\">\r\n  <div class=\"th-faq-inner\">\r\n    <div class=\"th-faq-head ads-reveal\">\r\n      <div class=\"ads-eyebrow\">Common Questions<\/div>\r\n      <h2>Tailoring <span>FAQ<\/span><\/h2>\r\n      <div class=\"th-faq-title-rule\" aria-hidden=\"true\"><\/div>\r\n      <p>These answers explain the general process without making unsupported promises about timing, inventory, or policies.<\/p>\r\n    <\/div>\r\n    <div class=\"th-faq-list\">\r\n      <details class=\"ads-reveal\"><summary>What should I bring to a fitting?<\/summary><div class=\"th-faq-answer\"><p>Bring the shoes, shirt, belt, or other pieces that affect how the garment should fit when practical. For a specific event, it also helps to know the date and expected level of formality.<\/p><\/div><\/details>\r\n      <details class=\"ads-reveal\"><summary>What is the difference between custom tailoring and alterations?<\/summary><div class=\"th-faq-answer\"><p>Custom tailoring begins with measurements and garment choices before the piece is completed. Alterations refine the fit of a garment you already own.<\/p><\/div><\/details>\r\n      <details class=\"ads-reveal\"><summary>Can you help me choose fabric and style details?<\/summary><div class=\"th-faq-answer\"><p>Yes. The consultation can focus on practical considerations such as season, formality, wardrobe use, color, pattern, and the overall silhouette you prefer.<\/p><\/div><\/details>\r\n      <details class=\"ads-reveal\"><summary>Do you work with wedding and formalwear needs?<\/summary><div class=\"th-faq-answer\"><p>Wedding and formalwear planning is included on this page as a service area. Contact Tayor &amp; Hart to discuss the garments, timing, and fitting needs for your event.<\/p><\/div><\/details>\r\n      <details class=\"ads-reveal\"><summary>How do I start?<\/summary><div class=\"th-faq-answer\"><p>Use the Contact link, schedule-related buttons on this page, or call 618-246-8822 to begin a conversation about the garment or alteration you have in mind.<\/p><\/div><\/details>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =========================================================\r\n     FINAL CTA \u2014 original master placement retained\r\n     ========================================================= -->\r\n<section class=\"ads-final-cta ads-home-breakout ads-motion-section\">\r\n  <div class=\"ads-final-card\">\r\n    <div class=\"ads-final-grid\">\r\n      <div class=\"ads-final-anchor ads-reveal-left\">\r\n        <img class=\"th-site-logo\" src=\"https:\/\/jwwebsites.com\/template\/wp-content\/uploads\/sites\/2\/2026\/09\/ChatGPT-Image-Sep-1-2026-09_10_23-AM_optimized.webp\" alt=\"Tayor &amp; Hart tailoring logo\" width=\"512\" height=\"512\" loading=\"lazy\" decoding=\"async\">\r\n      <\/div>\r\n      <div class=\"ads-final-copy ads-reveal\"><h2>Clothing Should Fit the Man\u2014<br>Not the Other Way Around<\/h2><p>Talk with Tayor &amp; Hart about custom suits, shirts, alterations, formalwear, fittings, fabric choices, or the next step in building a more considered wardrobe.<\/p><\/div>\r\n      <div class=\"ads-final-buttons ads-reveal-right\"><a class=\"th-btn th-btn-luxe-gold\" href=\"#fittings\"><span class=\"th-btn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4c-2.8 0-5 2-5 4.6 0 1.8 1 3.2 2.5 4.1L5 19.5V24h22v-4.5l-8.5-6.8A4.8 4.8 0 0 0 21 8.6C21 6 18.8 4 16 4Z\"\/><path d=\"M11 24v4m10-4v4M8 20h16\"\/><\/svg><\/span><span class=\"th-btn-label\">Book a Fitting<\/span><span class=\"th-btn-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16h17M18 10l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"th-btn th-btn-luxe-dark\" href=\"tel:+16182468822\"><span class=\"th-btn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 5 4.5 7.5c-.8.5-1 1.5-.6 2.5 4.1 9.6 8.5 14 18.1 18.1 1 .4 2 .2 2.5-.6L27 23l-6-4-3 3c-3.6-1.8-6.2-4.4-8-8l3-3-4-6Z\"\/><\/svg><\/span><span class=\"th-btn-label\">Call 618-246-8822<\/span><span class=\"th-btn-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16h17M18 10l6 6-6 6\"\/><\/svg><\/span><\/a><\/div>\r\n    <\/div>\r\n    <div class=\"ads-final-divider\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n    'use strict';\r\n    var root=document.getElementById('ads-home');\r\n    var nav=document.getElementById('th-custom-navigation');\r\n    if(!root||!nav){return;}\r\n    root.classList.add('js-motion');\r\n\r\n    \/* HERO ROTATION + SAFE ENTRANCE REPLAY *\/\r\n    var slides=root.querySelectorAll('.ads-hero-slide');\r\n    var hero=root.querySelector('.ads-home-hero');\r\n    var currentSlide=0;\r\n    var heroFadeDuration=1150;\r\n    function replayHeroMotion(){\r\n        if(!hero){return;}\r\n        hero.classList.add('hero-motion-reset');\r\n        void hero.offsetWidth;\r\n        window.requestAnimationFrame(function(){window.requestAnimationFrame(function(){hero.classList.remove('hero-motion-reset');});});\r\n    }\r\n    function showSlide(index){\r\n        var nextSlide=slides[index];\r\n        if(!nextSlide){return;}\r\n\r\n        var outgoing=root.querySelector('.ads-hero-slide.is-active');\r\n\r\n        \/* Initial load: preserve the first active slide without creating\r\n           an unnecessary fade cycle. *\/\r\n        if(outgoing===nextSlide){\r\n            nextSlide.classList.remove('is-leaving','is-zoom-in','is-zoom-out');\r\n            currentSlide=index;\r\n            return;\r\n        }\r\n\r\n        \/* Remove any stale leaving state left by an interrupted or\r\n           throttled browser timer. *\/\r\n        slides.forEach(function(slide){\r\n            if(slide!==outgoing&&slide!==nextSlide){\r\n                slide.classList.remove('is-active','is-leaving','is-zoom-in','is-zoom-out');\r\n            }\r\n        });\r\n\r\n        \/* The old image stays rendered while its opacity transitions\r\n           from 1 to 0. *\/\r\n        if(outgoing){\r\n            outgoing.classList.remove('is-active','is-zoom-in','is-zoom-out');\r\n            outgoing.classList.add('is-leaving');\r\n\r\n            window.setTimeout(function(){\r\n                outgoing.classList.remove('is-leaving');\r\n            },heroFadeDuration+80);\r\n        }\r\n\r\n        \/* The new image starts at opacity 0, then fades to 1 on a layer\r\n           above the outgoing image. Its zoom-out animation runs at the\r\n           same time, creating a true crossfade. *\/\r\n        nextSlide.classList.remove('is-active','is-leaving','is-zoom-in','is-zoom-out');\r\n        void nextSlide.offsetWidth;\r\n        nextSlide.classList.add('is-active');\r\n\r\n        currentSlide=index;\r\n        replayHeroMotion();\r\n    }\r\n    if(slides.length){\r\n        slides.forEach(function(slide,i){\r\n            slide.classList.remove('is-leaving','is-zoom-in','is-zoom-out');\r\n            if(i===0){\r\n                slide.classList.add('is-active');\r\n            }else{\r\n                slide.classList.remove('is-active');\r\n            }\r\n        });\r\n        currentSlide=0;\r\n\r\n        if(slides.length>1){\r\n            window.setInterval(function(){\r\n                showSlide((currentSlide+1)%slides.length);\r\n            },5000);\r\n        }\r\n    }\r\n\r\n    \/* SCROLL REVEAL *\/\r\n    var sections=root.querySelectorAll('.ads-motion-section');\r\n    if(!('IntersectionObserver' in window)){\r\n        sections.forEach(function(section){section.classList.add('is-motion-visible','motion-complete');});\r\n    }else{\r\n        var observer=new IntersectionObserver(function(entries,obs){\r\n            entries.forEach(function(entry){\r\n                if(!entry.isIntersecting){return;}\r\n                var section=entry.target;\r\n                section.classList.add('is-motion-visible');\r\n                window.setTimeout(function(){section.classList.add('motion-complete');},section.classList.contains('ads-benefits-section')?3400:(section.id==='process'?3000:1600));\r\n                obs.unobserve(section);\r\n            });\r\n        },{threshold:.12,rootMargin:'0px 0px -7% 0px'});\r\n        sections.forEach(function(section){observer.observe(section);});\r\n    }\r\n\r\n\r\n\r\n    \/* BUTTON SHADOW \u2014 START\/RESTART THE MOMENT EACH CTA ENTERS VIEW *\/\r\n    (function initButtonShadowOnView(){\r\n        var buttons=root.querySelectorAll('a.th-btn');\r\n        if(!buttons.length){return;}\r\n        var reduceMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n        if(reduceMotion){\r\n            buttons.forEach(function(btn){btn.classList.add('is-shadow-active');});\r\n            return;\r\n        }\r\n        if(!('IntersectionObserver' in window)){\r\n            buttons.forEach(function(btn){btn.classList.add('is-shadow-active');});\r\n            return;\r\n        }\r\n        var buttonObserver=new IntersectionObserver(function(entries){\r\n            entries.forEach(function(entry){\r\n                var btn=entry.target;\r\n                if(entry.isIntersecting){\r\n                    \/* Restart at frame zero so the first shadow pass begins immediately. *\/\r\n                    btn.classList.remove('is-shadow-active');\r\n                    void btn.offsetWidth;\r\n                    btn.classList.add('is-shadow-active');\r\n                }else{\r\n                    \/* Reset off-screen so a fresh pass starts on the next scroll-in. *\/\r\n                    btn.classList.remove('is-shadow-active');\r\n                }\r\n            });\r\n        },{threshold:0,rootMargin:'0px'});\r\n        buttons.forEach(function(btn){buttonObserver.observe(btn);});\r\n    })();\r\n\r\n\r\n    \/* VIEWPORT-FIXED NAVIGATION + ADMIN TOOLBAR OFFSET *\/\r\n    var spacer=root.querySelector('.th-nav-spacer');\r\n    var toggle=nav.querySelector('.th-mobile-toggle');\r\n    var pendingFrame=0;\r\n    var mutationTimer=0;\r\n    var adminBar=null;\r\n\r\n    function measureAdmin(){\r\n        adminBar=document.getElementById('wpadminbar');\r\n        if(!adminBar){return 0;}\r\n        var r=adminBar.getBoundingClientRect();\r\n        if(r.height<=0||r.bottom<=0){return 0;}\r\n        return Math.max(0,Math.round(r.height));\r\n    }\r\n    function recalc(){\r\n        try{\r\n            var admin=measureAdmin();\r\n            document.documentElement.style.setProperty('--jw-admin-bar-offset',admin+'px');\r\n            nav.style.top=admin+'px';\r\n            var navHeight=Math.ceil(nav.getBoundingClientRect().height);\r\n            document.documentElement.style.setProperty('--jw-custom-nav-height',navHeight+'px');\r\n            document.documentElement.style.setProperty('--jw-anchor-offset',(admin+navHeight+2)+'px');\r\n            if(spacer){spacer.style.height=(navHeight+30)+'px';}\r\n            if(adminBar){adminBar.style.zIndex='99999';}\r\n        }catch(e){}\r\n    }\r\n    function scheduleRecalc(){\r\n        if(pendingFrame){return;}\r\n        pendingFrame=window.requestAnimationFrame(function(){pendingFrame=0;recalc();recoverNav();});\r\n    }\r\n    function ancestorBreaksFixed(el){\r\n        var p=el.parentElement;\r\n        while(p&&p!==document.body&&p!==document.documentElement){\r\n            var s=window.getComputedStyle(p);\r\n            if((s.transform&&s.transform!=='none')||(s.filter&&s.filter!=='none')||(s.perspective&&s.perspective!=='none')||(s.contain&&s.contain!=='none')||(s.willChange&&s.willChange.indexOf('transform')!==-1)){return true;}\r\n            p=p.parentElement;\r\n        }\r\n        return false;\r\n    }\r\n    function ensureBodyChild(){\r\n        try{if(nav.parentElement!==document.body||ancestorBreaksFixed(nav)){document.body.appendChild(nav);}}catch(e){}\r\n    }\r\n    function recoverNav(){\r\n        try{\r\n            ensureBodyChild();\r\n            var admin=measureAdmin();\r\n            var cs=window.getComputedStyle(nav);\r\n            var r=nav.getBoundingClientRect();\r\n            if(cs.position!=='fixed'||Math.abs(r.top-admin)>2){\r\n                nav.style.setProperty('position','fixed','important');\r\n                nav.style.setProperty('top',admin+'px','important');\r\n                nav.style.setProperty('left','0','important');\r\n                nav.style.setProperty('right','0','important');\r\n                nav.style.setProperty('width','auto','important');\r\n                nav.style.setProperty('max-width','none','important');\r\n                ensureBodyChild();\r\n                recalc();\r\n            }\r\n        }catch(e){}\r\n    }\r\n\r\n    \/* SAFE, ALLOWLISTED VANTAGE NAVIGATION SUPPRESSION *\/\r\n    function isThemeNav(el){\r\n        if(!(el instanceof Element)){return false;}\r\n        try{\r\n            if(el.matches('#masthead .main-navigation,#masthead .mobile-nav-frame,#masthead .so-mobilenav-mobile,#masthead .so-mobilenav-standard,#masthead nav.site-navigation.main-navigation')){return true;}\r\n            var mast=el.closest('#masthead');\r\n            if(!mast){return false;}\r\n            return el.matches('.main-navigation,.mobile-nav-frame,.so-mobilenav-mobile,.so-mobilenav-standard,.sticky-menu,.sticky-header');\r\n        }catch(e){return false;}\r\n    }\r\n    function safeToSuppress(el){\r\n        if(!(el instanceof Element)){return false;}\r\n        if(el===document.documentElement||el===document.body){return false;}\r\n        if(el===root||el===nav){return false;}\r\n        if(el.contains(root)||root.contains(el)){return false;}\r\n        var ab=document.getElementById('wpadminbar');\r\n        if(el===ab||el.closest('#wpadminbar')){return false;}\r\n        return isThemeNav(el);\r\n    }\r\n    function suppressCandidate(el){if(safeToSuppress(el)){el.classList.add('th-theme-nav-suppressed');}}\r\n    function suppressKnownThemeNav(scope){\r\n        try{\r\n            var base=(scope&&scope.querySelectorAll)?scope:document;\r\n            base.querySelectorAll('#masthead .main-navigation,#masthead .mobile-nav-frame,#masthead .so-mobilenav-mobile,#masthead .so-mobilenav-standard,#masthead nav.site-navigation.main-navigation').forEach(suppressCandidate);\r\n            if(scope instanceof Element){suppressCandidate(scope);}\r\n        }catch(e){}\r\n    }\r\n    suppressKnownThemeNav(document);\r\n\r\n    \/* MOBILE MENU *\/\r\n    function setMenu(open){\r\n        nav.classList.toggle('is-open',open);\r\n        if(toggle){toggle.setAttribute('aria-expanded',open?'true':'false');toggle.textContent=open?'Close':'Menu';}\r\n        scheduleRecalc();\r\n    }\r\n    if(toggle){toggle.addEventListener('click',function(){setMenu(!nav.classList.contains('is-open'));});}\r\n\r\n    \/* CONTROLLED ANCHOR SCROLLING *\/\r\n    function scrollToTarget(target){\r\n        if(!target){return;}\r\n        recalc();\r\n        var offset=parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--jw-anchor-offset'))||0;\r\n        var top=target.getBoundingClientRect().top+window.pageYOffset-offset;\r\n        window.scrollTo({top:Math.max(0,top),behavior:window.matchMedia('(prefers-reduced-motion: reduce)').matches?'auto':'smooth'});\r\n    }\r\n    document.addEventListener('click',function(e){\r\n        var a=e.target.closest('a[href^=\"#\"]');\r\n        if(!a){return;}\r\n        var href=a.getAttribute('href');\r\n        if(!href||href==='#'){return;}\r\n        var target=document.querySelector(href);\r\n        if(!target){return;}\r\n        e.preventDefault();\r\n        if(nav.classList.contains('is-open')){setMenu(false);}\r\n        window.setTimeout(function(){scrollToTarget(target);history.replaceState(null,'',href);},20);\r\n    });\r\n\r\n    \/* INITIAL HASH ALIGNMENT *\/\r\n    function alignHash(){if(location.hash){try{var t=document.querySelector(location.hash);if(t){window.setTimeout(function(){scrollToTarget(t);},60);}}catch(e){}}}\r\n\r\n    \/* RECALC \/ RECOVERY EVENTS *\/\r\n    ['resize','orientationchange','load'].forEach(function(name){window.addEventListener(name,scheduleRecalc,{passive:true});});\r\n    window.addEventListener('scroll',function(){window.clearTimeout(window.__thNavScrollTimer);window.__thNavScrollTimer=window.setTimeout(recoverNav,80);},{passive:true});\r\n    document.addEventListener('DOMContentLoaded',scheduleRecalc);\r\n    if(document.fonts&&document.fonts.ready){document.fonts.ready.then(scheduleRecalc).catch(function(){});}\r\n\r\n    var mo=new MutationObserver(function(records){\r\n        var added=[];\r\n        records.forEach(function(rec){rec.addedNodes.forEach(function(n){if(n instanceof Element){added.push(n);}});});\r\n        if(!added.length){return;}\r\n        window.clearTimeout(mutationTimer);\r\n        mutationTimer=window.setTimeout(function(){added.forEach(function(n){suppressKnownThemeNav(n);});suppressKnownThemeNav(document);scheduleRecalc();},90);\r\n    });\r\n    try{mo.observe(document.body,{childList:true,subtree:true});}catch(e){}\r\n\r\n    ensureBodyChild();\r\n    recalc();\r\n    window.setTimeout(function(){suppressKnownThemeNav(document);recalc();recoverNav();alignHash();},40);\r\n    window.setTimeout(function(){suppressKnownThemeNav(document);recalc();recoverNav();},500);\r\n})();\r\n<\/script><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Tayor &amp; HartCustom Tailoring for Men Call 618-246-8822 Menu HomeServicesCustom SuitsCustom ShirtsAlterationsWedding &#038; FormalwearFabricsFittingsStyle ConsultationProcessAbout UsFAQContact Custom Tailoring for Men Fit. Quality.Confidence. Tayor &amp; Hart helps men build a sharper, more comfortable wardrobe through custom suits, custom shirts, alterations, formalwear guidance, and one-on-one fittings. Book a Fitting Explore Services Custom Suits Measured Fit Craft Detail [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-notitle.php","meta":{"footnotes":""},"folder":[],"class_list":["post-1392","page","type-page","status-publish","hentry","post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Zoom Fade Hero -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jwwebsites.com\/frederick-young\/zoom-fade-hero\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zoom Fade Hero -\" \/>\n<meta property=\"og:description\" content=\"Tayor &amp; HartCustom Tailoring for Men Call 618-246-8822 Menu HomeServicesCustom SuitsCustom ShirtsAlterationsWedding &amp; FormalwearFabricsFittingsStyle ConsultationProcessAbout UsFAQContact Custom Tailoring for Men Fit. Quality.Confidence. Tayor &amp; Hart helps men build a sharper, more comfortable wardrobe through custom suits, custom shirts, alterations, formalwear guidance, and one-on-one fittings. Book a Fitting Explore Services Custom Suits Measured Fit Craft Detail [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jwwebsites.com\/frederick-young\/zoom-fade-hero\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-04T23:33:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/zoom-fade-hero\\\/\",\"url\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/zoom-fade-hero\\\/\",\"name\":\"Zoom Fade Hero -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/#website\"},\"datePublished\":\"2026-09-04T23:33:45+00:00\",\"dateModified\":\"2026-09-04T23:33:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/zoom-fade-hero\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/zoom-fade-hero\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/zoom-fade-hero\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Zoom Fade Hero\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/#website\",\"url\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Zoom Fade Hero -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jwwebsites.com\/frederick-young\/zoom-fade-hero\/","og_locale":"en_US","og_type":"article","og_title":"Zoom Fade Hero -","og_description":"Tayor &amp; HartCustom Tailoring for Men Call 618-246-8822 Menu HomeServicesCustom SuitsCustom ShirtsAlterationsWedding & FormalwearFabricsFittingsStyle ConsultationProcessAbout UsFAQContact Custom Tailoring for Men Fit. Quality.Confidence. Tayor &amp; Hart helps men build a sharper, more comfortable wardrobe through custom suits, custom shirts, alterations, formalwear guidance, and one-on-one fittings. Book a Fitting Explore Services Custom Suits Measured Fit Craft Detail [&hellip;]","og_url":"https:\/\/jwwebsites.com\/frederick-young\/zoom-fade-hero\/","article_modified_time":"2026-09-04T23:33:49+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jwwebsites.com\/frederick-young\/zoom-fade-hero\/","url":"https:\/\/jwwebsites.com\/frederick-young\/zoom-fade-hero\/","name":"Zoom Fade Hero -","isPartOf":{"@id":"https:\/\/jwwebsites.com\/frederick-young\/#website"},"datePublished":"2026-09-04T23:33:45+00:00","dateModified":"2026-09-04T23:33:49+00:00","breadcrumb":{"@id":"https:\/\/jwwebsites.com\/frederick-young\/zoom-fade-hero\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jwwebsites.com\/frederick-young\/zoom-fade-hero\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jwwebsites.com\/frederick-young\/zoom-fade-hero\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jwwebsites.com\/frederick-young\/"},{"@type":"ListItem","position":2,"name":"Zoom Fade Hero"}]},{"@type":"WebSite","@id":"https:\/\/jwwebsites.com\/frederick-young\/#website","url":"https:\/\/jwwebsites.com\/frederick-young\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jwwebsites.com\/frederick-young\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/comments?post=1392"}],"version-history":[{"count":1,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1392\/revisions"}],"predecessor-version":[{"id":1394,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1392\/revisions\/1394"}],"wp:attachment":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/media?parent=1392"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/folder?post=1392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}