/* */ @charset "UTF-8"; /* /jigsaw_website/static/src/scss/fonts.scss */ @font-face{font-family: "Cormorant Garamond"; font-style: italic; font-weight: 300 700; font-display: block; src: url("/jigsaw_website/static/src/fonts/cormorant_garamond/cormorant-garamond-italic-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Cormorant Garamond"; font-style: italic; font-weight: 300 700; font-display: block; src: url("/jigsaw_website/static/src/fonts/cormorant_garamond/cormorant-garamond-italic-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300 700; font-display: block; src: url("/jigsaw_website/static/src/fonts/cormorant_garamond/cormorant-garamond-normal-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300 700; font-display: block; src: url("/jigsaw_website/static/src/fonts/cormorant_garamond/cormorant-garamond-normal-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Inter"; font-style: italic; font-weight: 300 700; font-display: swap; src: url("/jigsaw_website/static/src/fonts/inter/inter-italic-300-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Inter"; font-style: italic; font-weight: 300 700; font-display: swap; src: url("/jigsaw_website/static/src/fonts/inter/inter-italic-300-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Inter"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/jigsaw_website/static/src/fonts/inter/inter-normal-300-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Inter"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/jigsaw_website/static/src/fonts/inter/inter-normal-300-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Inter Tight"; font-style: italic; font-weight: 300 700; font-display: swap; src: url("/jigsaw_website/static/src/fonts/inter_tight/inter-tight-italic-300-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Inter Tight"; font-style: italic; font-weight: 300 700; font-display: swap; src: url("/jigsaw_website/static/src/fonts/inter_tight/inter-tight-italic-300-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Inter Tight"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/jigsaw_website/static/src/fonts/inter_tight/inter-tight-normal-300-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Inter Tight"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/jigsaw_website/static/src/fonts/inter_tight/inter-tight-normal-300-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Montserrat"; font-style: normal; font-weight: 300 600; font-display: swap; src: url("/jigsaw_website/static/src/fonts/montserrat/montserrat-normal-300-600-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Montserrat"; font-style: normal; font-weight: 300 600; font-display: swap; src: url("/jigsaw_website/static/src/fonts/montserrat/montserrat-normal-300-600-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Playfair Display"; font-style: italic; font-weight: 400; font-display: swap; src: url("/jigsaw_website/static/src/fonts/playfair_display/playfair-display-italic-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Playfair Display"; font-style: italic; font-weight: 400; font-display: swap; src: url("/jigsaw_website/static/src/fonts/playfair_display/playfair-display-italic-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Playfair Display"; font-style: normal; font-weight: 400 500; font-display: swap; src: url("/jigsaw_website/static/src/fonts/playfair_display/playfair-display-normal-400-500-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Playfair Display"; font-style: normal; font-weight: 400 500; font-display: swap; src: url("/jigsaw_website/static/src/fonts/playfair_display/playfair-display-normal-400-500-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 300 600; font-display: swap; src: url("/jigsaw_website/static/src/fonts/plus_jakarta_sans/plus-jakarta-sans-normal-300-600-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 300 600; font-display: swap; src: url("/jigsaw_website/static/src/fonts/plus_jakarta_sans/plus-jakarta-sans-normal-300-600-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "IBM Plex Sans Thai"; font-style: normal; font-weight: 300; font-display: swap; src: url("/jigsaw_website/static/src/fonts/ibm_plex_sans_thai/ibm-plex-sans-thai-normal-300-thai.woff2") format("woff2"); unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;}@font-face{font-family: "IBM Plex Sans Thai"; font-style: normal; font-weight: 400; font-display: swap; src: url("/jigsaw_website/static/src/fonts/ibm_plex_sans_thai/ibm-plex-sans-thai-normal-400-thai.woff2") format("woff2"); unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;}@font-face{font-family: "IBM Plex Sans Thai"; font-style: normal; font-weight: 500; font-display: swap; src: url("/jigsaw_website/static/src/fonts/ibm_plex_sans_thai/ibm-plex-sans-thai-normal-500-thai.woff2") format("woff2"); unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;}@font-face{font-family: "IBM Plex Sans Thai"; font-style: normal; font-weight: 600; font-display: swap; src: url("/jigsaw_website/static/src/fonts/ibm_plex_sans_thai/ibm-plex-sans-thai-normal-600-thai.woff2") format("woff2"); unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;}@font-face{font-family: "Noto Serif Thai"; font-style: normal; font-weight: 300 600; font-display: swap; src: url("/jigsaw_website/static/src/fonts/noto_serif_thai/noto-serif-thai-normal-300-600-thai.woff2") format("woff2"); unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;}@font-face{font-family: "Inter Fallback"; src: local("Arial"), local("ArialMT"); size-adjust: 105.15%; ascent-override: 92.13%; descent-override: 22.94%; line-gap-override: 0%; unicode-range: U+0000-024F, U+2000-206F, U+20AC, U+2122;}@font-face{font-family: "Montserrat Fallback"; src: local("Arial"), local("ArialMT"); size-adjust: 110.69%; ascent-override: 87.45%; descent-override: 22.68%; line-gap-override: 0%; unicode-range: U+0000-024F, U+2000-206F, U+20AC, U+2122;}@font-face{font-family: "Plus Jakarta Sans Fallback"; src: local("Arial"), local("ArialMT"); size-adjust: 103.28%; ascent-override: 100.50%; descent-override: 21.50%; line-gap-override: 0%; unicode-range: U+0000-024F, U+2000-206F, U+20AC, U+2122;}@font-face{font-family: "Playfair Display Fallback"; src: local("Georgia"), local("Georgia"); size-adjust: 100.47%; ascent-override: 107.69%; descent-override: 24.98%; line-gap-override: 0%; unicode-range: U+0000-024F, U+2000-206F, U+20AC, U+2122;}@font-face{font-family: "Cormorant Garamond Fallback"; src: local("Times New Roman"), local("TimesNewRomanPSMT"); size-adjust: 96.28%; ascent-override: 95.97%; descent-override: 29.81%; line-gap-override: 0%; unicode-range: U+0000-024F, U+2000-206F, U+20AC, U+2122;} /* /jigsaw_website/static/src/scss/tokens.scss */ :root{--jg-cream: #f5f1ea; --jg-sand: #f5f1ea; --jg-ink: #2f2925; --jg-brown: #3c352e; --jg-taupe: #6b5e52; --jg-muted: #8c8278; --jg-line: #e5e0d8; --jg-white: #ffffff; --jg-serif: "Playfair Display", "Playfair Display Fallback", Georgia, serif; --jg-display: "Cormorant Garamond", "Cormorant Garamond Fallback", Georgia, serif; --jg-sans: "Inter", "Inter Fallback", "Helvetica Neue", Arial, sans-serif; --jg-gutter: clamp(20px, 5vw, 96px);}:root:lang(th){--jg-serif: "Playfair Display", "Playfair Display Fallback", "Noto Serif Thai", Georgia, serif; --jg-display: "Cormorant Garamond", "Cormorant Garamond Fallback", "Noto Serif Thai", Georgia, serif; --jg-sans: "Inter", "Inter Fallback", "IBM Plex Sans Thai", "Helvetica Neue", Arial, sans-serif;} /* /jigsaw_website/static/src/scss/layout.scss */ body, #wrapwrap, .btn, input, select, textarea{font-family: var(--jg-sans) !important;}h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: var(--jg-serif) !important; font-weight: 400;}#wrapwrap{color: var(--jg-ink); background: var(--jg-cream);}.jg_wrap{max-width: 1920px; margin: 0 auto; padding: 0 var(--jg-gutter);}.jg_kicker{font-family: var(--jg-sans); font-size: 11px; font-weight: 500; line-height: 16.5px; letter-spacing: 2.42px; text-transform: uppercase; color: var(--jg-muted); margin: 0;}.jg_btn{display: inline-flex; align-items: center; gap: 14px; padding: 13px 26px; font-size: 11px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; text-decoration: none; border: 1px solid transparent; transition: background .2s, color .2s, border-color .2s;}.jg_btn_solid{background: var(--jg-brown); color: var(--jg-cream);}.jg_btn_solid:hover{background: var(--jg-taupe); color: var(--jg-cream);}.jg_btn_outline{border-color: rgba(255, 255, 255, 0.85); color: #fff;}.jg_btn_outline:hover{background: #fff; color: var(--jg-ink);}.btn-primary{background: var(--jg-brown) !important; border-color: var(--jg-brown) !important; color: var(--jg-cream) !important; border-radius: 0;}.jg_header{background: var(--jg-sand); position: relative; z-index: 10;}.jg_header a{color: var(--jg-ink); text-decoration: none;}.jg_topbar{border-bottom: 1px solid var(--jg-line); font-size: 11px; letter-spacing: .25em; text-transform: uppercase; color: var(--jg-muted);}.jg_topbar .jg_wrap{display: flex; justify-content: space-between; align-items: center; min-height: 38px;}.jg_topbar a{color: var(--jg-muted);}.jg_topbar a:hover, .jg_topbar a.active{color: var(--jg-ink);}.jg_topbar a.jg_soon{cursor: default;}.jg_topbar a.jg_soon:hover{color: var(--jg-muted);}.jg_topbar_left, .jg_topbar_right{display: flex; align-items: center; gap: 36px;}.jg_langs{display: flex; gap: 8px;}.jg_langs .jg_sep, .jg_langs .jg_lang_off{opacity: .55;}.jg_search{display: flex; align-items: center; gap: 8px; margin: 0;}.jg_search input{border: 0; background: transparent; padding: 0; width: 130px; outline: none; font-size: 11px !important; letter-spacing: .25em; text-transform: uppercase; color: var(--jg-ink);}.jg_search input::placeholder{color: var(--jg-muted);}.jg_masthead{text-align: center; padding: 14px var(--jg-gutter) 14px;}.jg_wordmark{display: inline-block; line-height: 0;}.jg_wordmark img{display: block; width: 220px; height: 65px; object-fit: cover;}.jg_nav{display: flex; justify-content: center; gap: 40px; margin-top: 12px;}.jg_nav a{font-size: 11px; font-weight: 400; letter-spacing: .22em; color: #3a332d; text-transform: uppercase; padding-bottom: 4px; border-bottom: 1px solid transparent;}.jg_nav a:hover, .jg_nav a.active{border-bottom-color: var(--jg-ink);}@media (max-width: 767.98px){.jg_topbar_right{display: none;}.jg_wordmark img{width: 190px; height: 58px;}.jg_nav{flex-wrap: wrap; gap: 8px 12px;}.jg_nav a{font-size: 10px; letter-spacing: 1.2px; white-space: nowrap;}.jg_masthead{padding-bottom: 10px;}}footer#bottom .jg_footer a{color: inherit; text-decoration: none;}footer#bottom .jg_footer a:hover{color: #fff;}.jg_footer{background: #3c352e; color: rgba(245, 241, 234, 0.62); font-size: 13px; font-weight: 300;}.jg_footer .jg_wrap{padding-top: 80px; padding-bottom: 48px;}.jg_footer .jg_kicker{font-size: 9px; font-weight: 600; line-height: 13.5px; letter-spacing: 1.98px; color: #b7a89a; margin-bottom: 28px;}.jg_footer h4{font-family: var(--jg-serif) !important; font-weight: 400; font-size: 30px; line-height: 36px; letter-spacing: 0; color: #f5f1ea; margin: 0 0 24px;}.jg_footer h6{font-family: var(--jg-sans) !important; color: #f5f1ea; font-size: 12px; font-weight: 500; letter-spacing: 2.4px; text-transform: uppercase; margin: 0 0 18px;}.jg_footer p{font-size: 13px; line-height: 20px; margin: 0;}.jg_footer_cols{display: grid; grid-template-columns: 1.3fr 1fr .7fr; gap: 64px;}.jg_footer_office p + p{margin-top: 20px;}.jg_footer_office a{text-decoration: underline !important; text-underline-offset: 3px; color: #f5f1ea !important;}.jg_footer_office a[href^="tel:"]{text-decoration: none !important;}.jg_subscribe{display: flex; gap: 12px; margin: 28px 0 22px;}.jg_subscribe .form-control{flex: 0 1 292px; height: 42px; border-radius: 0; background: transparent; border: 1px solid rgba(245, 241, 234, 0.3); color: #f5f1ea; font-size: 13px; font-weight: 300; padding: 0 16px;}.jg_subscribe .form-control::placeholder{color: rgba(245, 241, 234, 0.45);}.jg_subscribe .form-control:focus{box-shadow: none; border-color: #f5f1ea;}.jg_subscribe .js_subscribe_wrap, .jg_subscribe .js_subscribed_wrap{margin: 0;}.jg_subscribe button{height: 42px; border: 0; background: #6b5e52; color: #f5f1ea; padding: 12.5px 24px 13.5px; font-size: 12px; font-weight: 500; line-height: 16px; letter-spacing: 2.64px; text-transform: uppercase;}.jg_subscribe button:hover:not([disabled]){background: #7c6e61;}.jg_footer .jg_footer_note{font-size: 9px; font-weight: 400; letter-spacing: 1.98px; color: rgba(245, 241, 234, 0.4); margin: 0;}.jg_footer_nav{display: flex; flex-direction: column; gap: 17px;}.jg_footer_nav .jg_kicker{margin-bottom: 11px;}.jg_footer_nav a{color: #f5f1ea !important; font-size: 12px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase;}.jg_footer_bottom{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 64px; padding-top: 38px; border-top: 1px solid rgba(245, 241, 234, 0.15); font-size: 10px; font-weight: 400; letter-spacing: 2.4px; text-transform: uppercase; color: rgba(245, 241, 234, 0.7);}.jg_footer_bottom i{font-style: normal; margin: 0 24px; opacity: .6;}.jg_footer_bottom .jg_footer_cities{color: #f5f1ea; font-weight: 600;}@media (max-width: 991.98px){.jg_footer_cols{grid-template-columns: 1fr 1fr;}.jg_footer_cols .jg_footer_news{grid-column: 1 / -1;}}@media (max-width: 575.98px){.jg_footer .jg_wrap{padding-top: 56px;}.jg_footer_cols{grid-template-columns: 1fr; gap: 40px;}.jg_footer_bottom{flex-direction: column; align-items: flex-start;}.jg_footer_bottom i{margin: 0 10px;}}.jg_page_head{background: var(--jg-sand); padding: 72px 0 48px;}.jg_page_head h1{font-size: clamp(32px, 5vw, 48px);}.jg_page_head p{max-width: 640px; color: var(--jg-muted); font-size: 18px;}:lang(th) main, :lang(th) footer, :lang(th) .jg_search input{letter-spacing: 0 !important;}:lang(th) main *, :lang(th) footer *, :lang(th) .jg_search input *{letter-spacing: 0 !important;}:lang(th) .jg_nav a, :lang(th) .jg_topbar_right a{letter-spacing: 0 !important;}[data-jg-swap]{transition: opacity .2s;}.jg_loading [data-jg-swap]{opacity: .45; pointer-events: none;}html:lang(th) #wrapwrap .jg_kicker, html:lang(th) #wrapwrap .jg_pf_kicker, html:lang(th) #wrapwrap .jg_cat_side_title, html:lang(th) #wrapwrap .jg_cat_side_kicker, html:lang(th) #wrapwrap .jg_cat_materials li, html:lang(th) #wrapwrap .jg_cat_specs p, html:lang(th) #wrapwrap .jg_cat_count, html:lang(th) #wrapwrap .jg_cat_sort > span, html:lang(th) #wrapwrap .jg_cat_card_sub, html:lang(th) #wrapwrap .jg_cat_pager p, html:lang(th) #wrapwrap .jg_ci_back, html:lang(th) #wrapwrap .jg_ci_client, html:lang(th) #wrapwrap .jg_ci_more_label, html:lang(th) #wrapwrap .jg_ci_more_client, html:lang(th) #wrapwrap .jg_scroll, html:lang(th) #wrapwrap .jg_service_tags > *, html:lang(th) #wrapwrap .jg_ex_tags > *, html:lang(th) #wrapwrap .jg_btn, html:lang(th) #wrapwrap .jg_pf_archive_sub, html:lang(th) #wrapwrap .jg_pf_tabs a, html:lang(th) #wrapwrap .jg_pf_pager a, html:lang(th) #wrapwrap .jg_pd_back, html:lang(th) #wrapwrap .jg_pd_label, html:lang(th) #wrapwrap .jg_pd_meta dt, html:lang(th) #wrapwrap .jg_pd_figure figcaption, html:lang(th) #wrapwrap .jg_pd_prev, html:lang(th) #wrapwrap .jg_pd_next span, html:lang(th) #wrapwrap .jg_footer_note, html:lang(th) #wrapwrap .jg_footer_bottom, html:lang(th) #wrapwrap .jg_footer_bottom *, html:lang(th) #wrapwrap .s_website_form_label, html:lang(th) #wrapwrap .jg_sr_count, html:lang(th) #wrapwrap .jg_sr_group h2, html:lang(th) #wrapwrap .jg_sr_empty a, html:lang(th) #wrapwrap .jg_topbar_right a, html:lang(th) #wrapwrap .jg_nav a, html:lang(th) #wrapwrap .jg_search input{font-size: 12px !important; line-height: 1.6 !important;} /* /jigsaw_website/static/src/scss/homepage.scss */ .jg_hero{position: relative; min-height: max(560px, calc(100vh - 149px)); display: flex; align-items: flex-end; background-color: var(--jg-brown); color: #fff;}.jg_hero .jg_hero_media{position: absolute; inset: 0; z-index: 0; overflow: hidden;}.jg_hero .jg_hero_media img{display: block; width: 100%; height: 100%; object-fit: cover;}.jg_hero::before{content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, rgba(25, 20, 16, 0.62) 0%, rgba(25, 20, 16, 0.42) 55%, rgba(25, 20, 16, 0.36) 100%);}.jg_hero .jg_hero_inner{position: relative; z-index: 2; width: 100%; padding-top: 120px; padding-bottom: clamp(56px, 7.66vw, 98px);}.jg_hero .jg_kicker{color: rgba(255, 255, 255, 0.92); font-size: 11px; letter-spacing: .25em;}.jg_hero h1{color: #fff; font-size: clamp(40px, 4.7vw, 60px); line-height: 1.0; margin: 22px 0 24px;}.jg_hero .jg_hero_lead{font-size: 16px; font-weight: 300; max-width: 760px; margin-bottom: 44px; color: rgba(255, 255, 255, 0.9);}.jg_hero .jg_hero_cta{display: flex; flex-wrap: wrap; gap: 16px;}.jg_hero .jg_btn{padding: 0 32px; height: 47px; font-size: 11px; font-weight: 400; letter-spacing: .16em; gap: 18px;}.jg_hero .jg_btn_outline{border-color: rgba(255, 255, 255, 0.8);}.jg_scroll{position: absolute; z-index: 2; right: var(--jg-gutter); bottom: 55px; display: flex; align-items: center; gap: 18px; color: rgba(255, 255, 255, 0.8); text-decoration: none; font-size: 10px; letter-spacing: .25em; text-transform: uppercase;}.jg_scroll span{display: block; width: 47px; height: 1px; background: currentColor;}.jg_scroll:hover{color: #fff;}.jg_philosophy{text-align: center; padding: 120px 0 110px;}.jg_philosophy .jg_kicker{color: rgba(107, 94, 82, 0.8);}.jg_philosophy blockquote{border: 0; padding: 0; font-style: normal; font-family: var(--jg-serif); font-weight: 400; font-size: 36px; line-height: 49.5px; letter-spacing: .9px; text-transform: uppercase; margin: 26px auto 34px; max-width: 900px; color: #3c352e;}.jg_rule{display: inline-block; width: 40px; height: 1px; background: var(--jg-muted); opacity: .6;}.jg_section_title{text-align: center; max-width: 760px; margin: 0 auto 70px;}.jg_section_title .jg_kicker{color: #b7a89a;}.jg_section_title h2{font-weight: 400; font-size: 48px; line-height: 48px; letter-spacing: -1.2px; color: #3c352e; text-transform: uppercase; margin: 14px 0 22px;}.jg_section_title p:not(.jg_kicker){font-family: var(--jg-sans); font-weight: 300; font-size: 16px; line-height: 24px; letter-spacing: 0; color: #6b5e52; max-width: 724px; margin: 0 auto;}.jg_services{border-top: 1px solid var(--jg-line); padding: 100px 0 90px;}.jg_services .jg_wrap{max-width: 1440px;}.jg_services_grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 96px 48px;}.jg_service{display: flex; flex-direction: column; border-top: 1px solid var(--jg-line); padding-top: 30px;}.jg_service h3{font-size: 24px; margin: 22px 0 16px;}.jg_service .jg_service_text{font-size: 13.5px; line-height: 1.6; color: #4d463f; flex: 1; margin-bottom: 26px;}.jg_service .jg_service_tags{border-top: 1px solid var(--jg-line); padding-top: 18px; margin: 0; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--jg-muted);}.jg_work{border-top: 1px solid var(--jg-line); padding: 110px 0 100px;}.jg_work_head{display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; border-bottom: 1px solid var(--jg-line); padding-bottom: 16px; margin-bottom: 64px;}.jg_work_head h2{font-size: clamp(36px, 4.4vw, 52px); text-transform: uppercase; margin: 10px 0 0; line-height: 1;}.jg_work_head > .jg_kicker{color: var(--jg-ink); font-size: 10px; text-align: right;}.jg_work_grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px;}.jg_work_item .jg_work_img{aspect-ratio: 5 / 6; overflow: hidden; margin-bottom: 22px; background: var(--jg-sand);}.jg_work_item img{width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease;}.jg_work_item:hover img{transform: scale(1.04);}.jg_work_item .jg_kicker{font-size: 9.5px;}.jg_work_item h3{font-size: 20px; margin: 8px 0 8px;}.jg_work_item .jg_work_sub{font-size: 12px; line-height: 1.55; color: #5d554d;}.jg_case{background: var(--jg-sand); padding-top: 110px; border-bottom: 1px solid var(--jg-line);}.jg_case + .jg_case{padding-top: 140px;}.jg_case:has(.jg_case_link){position: relative;}.jg_case:has(.jg_case_link) .jg_case_banner::before{transition: opacity .3s;}.jg_case:has(.jg_case_link) .jg_case_gallery img{transition: opacity .3s;}.jg_case:has(.jg_case_link):hover .jg_case_banner::before{opacity: .8;}.jg_case:has(.jg_case_link):hover .jg_case_gallery img{opacity: .9;}.jg_case_link{position: absolute; inset: 0; z-index: 2;}body.editor_enable .jg_case_link{display: none;}.jg_case_banner{position: relative; z-index: 0; aspect-ratio: 16 / 9; max-height: 100vh; width: 100%; display: flex; align-items: flex-end; background-color: var(--jg-brown); background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff;}.jg_case_banner::before{content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(0deg, rgba(20, 16, 12, 0.72) 0%, rgba(20, 16, 12, 0.1) 55%);}.jg_case_banner .jg_case_banner_media{position: absolute; z-index: 0; inset: 0; display: block;}.jg_case_banner .jg_case_banner_media img{display: block; width: 100%; height: 100%; object-fit: cover;}.jg_case_banner .jg_wrap{position: relative; z-index: 2; width: 100%; padding-bottom: 46px;}.jg_case_banner h2{font-family: var(--jg-display) !important; color: #fff; font-size: clamp(28px, 3.8vw, 46px); font-weight: 400; letter-spacing: .04em; text-transform: uppercase; margin: 0 0 12px;}.jg_case_banner p{margin: 0; font-size: 13px; font-weight: 300; color: rgba(255, 255, 255, 0.75);}.jg_case_gallery{display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; padding: 34px 0 40px;}.jg_case_gallery img{width: 100%; aspect-ratio: 1; object-fit: cover;}.jg_clients{background: var(--jg-sand); padding: 134px 0 0;}.jg_clients .jg_wrap{max-width: none; background: var(--jg-white); padding-top: 64px; padding-bottom: 104px; text-align: center; container-type: inline-size;}.jg_clients .jg_kicker{margin-bottom: 44px; color: #b7a89a;}.jg_clients img{height: auto;}.jg_clients_logos{--gw: 96.35cqw; --k: 1; display: grid; grid-template-columns: 201.8fr 198.6fr 194.2fr 184.5fr 168.9fr 161.9fr; grid-auto-rows: calc(var(--gw) * 112 / 1110); align-items: center; justify-items: center; width: var(--gw); margin: 0 auto; transform: translateX(calc(var(--gw) * -5 / 1110));}.jg_clients_logos img{width: calc(var(--w, 100) * var(--k) * var(--gw) / 1110); max-width: 100%; height: auto; display: block;}@media (max-width: 991.98px){.jg_services_grid{grid-template-columns: repeat(2, 1fr);}.jg_work_grid, .jg_case_gallery{grid-template-columns: repeat(2, 1fr);}.jg_work_head{flex-direction: column; align-items: flex-start;}.jg_work_head > .jg_kicker{text-align: left;}.jg_clients_logos{--gw: 100cqw; --k: 1.5; grid-template-columns: repeat(4, 1fr); grid-auto-rows: calc(var(--gw) * 168 / 1110); gap: 0 24px; transform: none;}}@media (max-width: 575.98px){.jg_hero{min-height: 620px;}.jg_scroll{display: none;}.jg_philosophy{padding: 80px 0;}.jg_philosophy blockquote{font-size: 26px; line-height: 36px;}.jg_section_title h2{font-size: 38px; line-height: 40px;}.jg_services, .jg_work{padding: 72px 0;}.jg_services_grid{grid-template-columns: 1fr; gap: 44px;}.jg_work_head{flex-direction: column; align-items: flex-start;}.jg_work_head > .jg_kicker{text-align: left;}.jg_work_grid{gap: 36px 16px;}.jg_case_gallery{gap: 12px;}.jg_case, .jg_case + .jg_case, .jg_clients{padding-top: 72px;}.jg_clients .jg_wrap{padding-top: 48px; padding-bottom: 64px;}.jg_clients_logos{--k: 2; grid-auto-rows: calc(var(--gw) * 224 / 1110); grid-template-columns: repeat(3, 1fr); gap: 0 12px;}.jg_case_banner{aspect-ratio: auto; min-height: 420px;}} /* /jigsaw_website/static/src/scss/expertise.scss */ .jg_ex_intro{text-align: center; padding: 64px 0; border-bottom: 1px solid var(--jg-line);}.jg_ex_intro blockquote{border: 0; padding: 0; margin: 0 auto 24px; max-width: 760px; font-family: var(--jg-serif); font-style: italic; font-weight: 400; font-size: 30px; line-height: 36px; color: #3c352e;}.jg_ex_intro .jg_ex_lead{font-weight: 300; font-size: 16px; line-height: 24px; color: #6b5e52; max-width: 600px; margin: 0 auto 40px;}.jg_ex_tags{display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 48px; list-style: none; padding: 0; margin: 0;}.jg_ex_tags li{font-size: 11px; font-weight: 500; letter-spacing: 2.42px; text-transform: uppercase; color: #b7a89a;}.jg_ex_tags li::before{content: "●"; font-size: 7px; vertical-align: 2px; margin-right: 10px;}.jg_ex_pillar{padding: 112px 0; border-bottom: 1px solid var(--jg-line);}.jg_ex_pillar_grid{display: grid; grid-template-columns: 1fr 1.06fr; gap: 96px; align-items: center;}.jg_ex_pillar_reverse .jg_ex_pillar_grid{grid-template-columns: 1.06fr 1fr;}.jg_ex_pillar_text h2{font-weight: 400; font-size: 44px; line-height: 48px; letter-spacing: -.6px; color: #3c352e; margin: 26px 0 30px;}.jg_ex_pillar_text > p{font-weight: 300; font-size: 15px; line-height: 24px; color: #4d453e; margin: 0 0 16px;}.jg_ex_pillar_kicker{display: flex; align-items: flex-start; gap: 16px;}.jg_ex_pillar_kicker .jg_kicker{font-size: 9px; line-height: 13.5px; letter-spacing: 1.98px; color: #6b5e52;}.jg_ex_pillar_kicker .jg_ex_kicker_main{font-weight: 600; max-width: 230px;}.jg_ex_pillar_kicker .jg_ex_slash{color: #b7a89a; font-size: 14px; line-height: 13.5px;}.jg_ex_specs{display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin: 30px 0 40px; padding-top: 26px; border-top: 1px solid var(--jg-line);}.jg_ex_specs .jg_kicker{font-size: 9px; font-weight: 600; letter-spacing: 1.98px; color: #b7a89a; margin-bottom: 6px;}.jg_ex_specs p:not(.jg_kicker){font-size: 13px; line-height: 25px; font-weight: 400; color: #2f2925; margin: 0;}#wrapwrap .jg_ex_link{display: inline-block; padding-bottom: 4px; border-bottom: 1px solid #3c352e; font-size: 12px; font-weight: 500; letter-spacing: 2.64px; text-transform: uppercase; color: #3c352e; text-decoration: none;}#wrapwrap .jg_ex_link:hover{color: #6b5e52; border-color: #6b5e52;}.jg_ex_pillar_media img{width: 100%; height: auto; display: block;}.jg_ex_caption{display: flex; justify-content: space-between; gap: 24px; margin-top: 14px;}.jg_ex_caption .jg_kicker{font-size: 9px; letter-spacing: 1.98px; color: #6b5e52;}.jg_ex_presentation{padding: 112px 0 96px;}.jg_ex_presentation .jg_section_title{margin-bottom: 56px;}.jg_ex_presentation .jg_section_title p:not(.jg_kicker){max-width: 470px;}.jg_ex_h2{text-transform: none !important; font-size: 44px !important; letter-spacing: -.6px !important;}.jg_ex_lined{display: inline-flex; align-items: center; gap: 16px; color: #6b5e52 !important;}.jg_ex_lined::before, .jg_ex_lined::after{content: ""; width: 24px; height: 1px; background: #b7a89a;}.jg_ex_editions{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;}.jg_ex_edition img{width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; margin-bottom: 26px;}.jg_ex_edition .jg_kicker{font-size: 9px; letter-spacing: 1.98px; color: #6b5e52;}.jg_ex_edition h3{font-weight: 400; font-size: 24px; line-height: 30px; color: #3c352e; margin: 10px 0 10px;}.jg_ex_edition p:not(.jg_kicker){font-weight: 300; font-size: 13px; line-height: 20px; color: #4d453e; margin: 0;}.jg_ex_process{display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin-top: 80px; padding: 48px; border: 1px solid var(--jg-line); background: #f0ebe3;}.jg_ex_process h4{font-weight: 400; font-size: 24px; line-height: 30px; color: #3c352e; margin: 0 0 10px;}.jg_ex_process p{font-weight: 300; font-size: 12px; line-height: 16px; color: #4d453e; margin: 0;}@media (max-width: 991.98px){.jg_ex_pillar_grid, .jg_ex_pillar_reverse .jg_ex_pillar_grid{grid-template-columns: 1fr; gap: 48px;}.jg_ex_pillar_reverse .jg_ex_pillar_media{order: 2;}.jg_ex_editions{gap: 24px;}.jg_ex_edition h3{font-size: 20px; line-height: 26px;}.jg_ex_process{grid-template-columns: 1fr 1fr;}}@media (max-width: 767.98px){.jg_ex_editions{grid-template-columns: 1fr; gap: 40px;}}@media (max-width: 575.98px){.jg_ex_intro blockquote{font-size: 24px; line-height: 30px;}.jg_ex_pillar, .jg_ex_presentation{padding: 72px 0;}.jg_ex_pillar_text h2, .jg_ex_h2{font-size: 34px !important; line-height: 38px;}.jg_ex_editions, .jg_ex_process, .jg_ex_specs{grid-template-columns: 1fr;}.jg_ex_process{padding: 32px 24px;}.jg_ex_caption{flex-direction: column; gap: 6px;}} /* /jigsaw_website/static/src/scss/catalogue.scss */ .jg_cat{font-family: "Montserrat", "Montserrat Fallback", var(--jg-sans);}.jg_cat_wrap{max-width: 1280px; margin: 0 auto; padding: 0 24px;}.jg_cat_head{text-align: center; padding: 128px 0 0;}.jg_cat_head .jg_kicker{font-family: inherit; font-weight: 500; font-size: 11px; line-height: 16.5px; letter-spacing: 3.85px; color: #b7a89a;}.jg_cat_head h1{font-family: var(--jg-display) !important; font-weight: 400; font-size: clamp(40px, 4.7vw, 60px); line-height: 1; letter-spacing: 1.5px; color: #3c352e; margin: 16px 0 18px;}.jg_cat_head .jg_cat_lead{font-family: var(--jg-display); font-style: italic; font-weight: 300; font-size: 24px; line-height: 32px; color: #6b5e52; max-width: 600px; margin: 0 auto;}.jg_cat_rule{display: block; width: 48px; height: 1px; background: #cfc6ba; margin: 34px auto 0;}.jg_cat_body{display: grid; grid-template-columns: 224px 1fr; gap: 64px; padding-top: 80px; padding-bottom: 120px;}.jg_cat_side_title{display: flex; justify-content: space-between; align-items: center; font-size: 11px; font-weight: 500; letter-spacing: 2.4px; text-transform: uppercase; color: var(--jg-ink); padding-bottom: 14px; margin: 0 0 18px; border-bottom: 1px solid #ddd5ca;}.jg_cat_side_title span{width: 12px; height: 1px; background: #b7a89a;}.jg_cat_cats{list-style: none; padding: 0; margin: 0 0 48px;}.jg_cat_cats li{position: relative; padding-left: 12px;}.jg_cat_cats a{display: block; padding: 6px 0; font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: 1.68px; color: #6b5e52; text-decoration: none;}.jg_cat_cats a:hover{color: #3c352e;}.jg_cat_cats li.active a{font-weight: 600; color: #3c352e;}.jg_cat_cats li.active::before{content: "•"; position: absolute; left: 0; top: 6px; font-size: 12px; line-height: 16px; color: #3c352e;}.jg_cat_side_notes{border-top: 1px solid #ddd5ca; padding-top: 28px;}.jg_cat_side_kicker{font-size: 10px; font-weight: 500; line-height: 15px; letter-spacing: 2.5px; text-transform: uppercase; color: #b7a89a; margin: 0 0 16px;}.jg_cat_materials{list-style: none; padding: 0; margin: 0 0 28px;}.jg_cat_materials li{font-size: 10px; line-height: 25px; color: #8c8278; letter-spacing: .3px;}.jg_cat_specs{width: 224px; max-width: 100%; display: flex; flex-direction: column; gap: 2.88px; background: rgba(230, 222, 211, 0.3); border: 1px solid rgba(230, 222, 211, 0.5); padding: 16px 16px 16.75px;}.jg_cat_specs h4{font-family: var(--jg-display) !important; font-style: italic; font-weight: 300; font-size: 14px; line-height: 20px; letter-spacing: 0; color: #3c352e; margin: 0;}.jg_cat_specs p{font-weight: 300; font-size: 11px; line-height: 17.88px; letter-spacing: 0; color: #6b5e52; margin: 0;}.jg_cat_toolbar{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #e3dcd2;}.jg_cat_count{font-size: 10px; letter-spacing: 1.8px; text-transform: uppercase; color: #6b5e52; margin: 0;}.jg_cat_count strong{color: var(--jg-ink); font-weight: 600;}.jg_cat_sort{display: flex; align-items: center; gap: 8px;}.jg_cat_sort > span{font-size: 10px; letter-spacing: 1.8px; text-transform: uppercase; color: #6b5e52;}.jg_cat_select{background: none; border: 0; border-bottom: 1px solid #b7a89a; padding: 2px 18px 2px 0; position: relative; font-size: 12px; letter-spacing: .3px; color: var(--jg-ink); cursor: pointer;}.jg_cat_select::after{content: ""; position: absolute; right: 2px; top: 6px; width: 6px; height: 6px; border: solid #6b5e52; border-width: 0 1px 1px 0; transform: rotate(45deg);}.jg_cat_menu{border-radius: 0; border-color: #e3dcd2; background: #fbf8f3; font-size: 12px; padding: 6px 0;}.jg_cat_menu .dropdown-item{padding: 7px 16px; color: #4d453e;}.jg_cat_menu .dropdown-item.active, .jg_cat_menu .dropdown-item:active{background: #ede7de; color: var(--jg-ink);}.jg_cat_mobile_cats{display: none;}.jg_cat_grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 56px 28px;}#wrapwrap .jg_cat_card{display: block; text-align: center; text-decoration: none; color: var(--jg-ink);}#wrapwrap .jg_cat_card h3{font-family: var(--jg-display) !important; font-weight: 400; font-size: 18px; line-height: 24.75px; letter-spacing: 0; color: #3c352e; margin: 22px 0 4px;}#wrapwrap .jg_cat_card .jg_cat_card_sub{font-weight: 500; font-size: 10px; line-height: 15px; letter-spacing: 2.2px; text-transform: uppercase; color: #6b5e52; margin: 0;}.jg_cat_card_img{background: #ece6dc; padding: 12px; overflow: hidden;}.jg_cat_card_img img{display: block; width: 100%; aspect-ratio: 1; object-fit: cover; background: #efedee; transition: transform .6s ease;}.jg_cat_card:hover .jg_cat_card_img img{transform: scale(1.03);}.jg_cat_empty{color: var(--jg-muted); padding: 40px 0;}.jg_cat_pager{display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 80px; padding-top: 40px; border-top: 1px solid #e3dcd2;}.jg_cat_pager p{font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; color: #6b5e52; margin: 0;}.jg_cat_pager nav{display: flex; align-items: center; gap: 18px;}.jg_cat_pager a{font-size: 12px; color: #6b5e52; text-decoration: none;}.jg_cat_pager a.active{color: var(--jg-ink); font-weight: 600;}.jg_cat_pager a:hover{color: var(--jg-ink);}.jg_ci{background: #fdf9f2; padding-bottom: 120px;}.jg_ci_wrap{max-width: 1280px; margin: 0 auto; padding: 0 50px;}#wrapwrap .jg_ci_back{display: inline-block; margin: 52px 0 0 20px; font-size: 9px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: #4d453e; text-decoration: none;}#wrapwrap .jg_ci_back:hover{color: var(--jg-ink);}.jg_ci_slider{margin-top: 34px;}.jg_ci_slider .carousel-item img{display: block; width: 100%; aspect-ratio: 1180 / 660; object-fit: contain; background: #f0eeef;}.jg_ci_dots{position: static; margin: 26px 0 0; gap: 10px;}.jg_ci_dots [data-bs-target]{width: 8px; height: 8px; border-radius: 50%; margin: 0; border: 1px solid #b7a89a; background: transparent; opacity: 1; text-indent: 0;}.jg_ci_dots [data-bs-target].active{background: #2f2925; border-color: #2f2925;}.jg_ci_head{text-align: center; margin-top: 64px;}.jg_ci_head h1{font-family: var(--jg-display) !important; font-weight: 400; font-size: clamp(32px, 3.5vw, 44px); line-height: 1.15; color: #2f2925; margin: 0 0 18px;}.jg_ci_client{font-size: 10px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #2f2925; margin: 0;}.jg_ci_desc{max-width: 800px; margin: 44px auto 0;}.jg_ci_desc p{font-size: 14px; line-height: 28px; letter-spacing: .3px; color: #4d453e; text-align: justify; text-indent: 50px; margin: 0 0 14px;}.jg_ci_grid{display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin: 84px 15px 0;}.jg_ci_grid img{display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: #f0eeef;}.jg_ci_grid.jg_ci_grid_one{grid-template-columns: minmax(0, 552px); justify-content: center;}.jg_ci_more{margin-top: 160px;}.jg_ci_more .jg_ci_wrap > h2, .jg_ci_more .jg_ci_wrap > .jg_kicker{text-align: center;}.jg_ci_more .jg_ci_wrap{padding-top: 80px; border-top: 0; position: relative;}.jg_ci_more .jg_ci_wrap::before{content: ""; position: absolute; top: 0; left: 88px; right: 88px; height: 1px; background: #e3dcd2;}.jg_ci_more h2{font-family: var(--jg-display) !important; font-size: 32px; color: #2f2925; margin: 0 0 10px;}.jg_ci_more .jg_kicker{font-size: 9px; letter-spacing: 2.4px; color: #6b5e52; margin-bottom: 56px;}.jg_ci_more_grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px;}#wrapwrap .jg_ci_more_card{display: block; text-decoration: none; color: var(--jg-ink);}#wrapwrap .jg_ci_more_card h3{font-family: var(--jg-display) !important; font-size: 18px; line-height: 23px; color: #2f2925; margin: 0 0 8px;}.jg_ci_more_img{overflow: hidden; margin-bottom: 24px;}.jg_ci_more_img img{display: block; width: 100%; aspect-ratio: 272 / 205; object-fit: cover; background: #f0eeef; transition: transform .6s ease;}.jg_ci_more_card:hover .jg_ci_more_img img{transform: scale(1.03);}.jg_ci_more_label, .jg_ci_more_client{font-size: 9px; letter-spacing: 1.8px; text-transform: uppercase; margin: 0;}.jg_ci_more_label{font-weight: 600; color: #6b5e52; margin-bottom: 8px;}.jg_ci_more_client{color: #8c8278;}@media (max-width: 1199.98px){.jg_cat_grid{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 991.98px){.jg_cat_head{padding-top: 72px;}.jg_cat_body{grid-template-columns: 1fr; gap: 0; padding-top: 48px;}.jg_cat_side{display: none;}.jg_cat_mobile_cats{display: block;}.jg_cat_count{display: none;}.jg_cat_grid{grid-template-columns: repeat(2, 1fr); gap: 40px 20px;}.jg_ci_wrap{padding: 0 24px;}#wrapwrap .jg_ci_back{margin-left: 0; margin-top: 32px;}.jg_ci_more_grid{grid-template-columns: repeat(2, 1fr); gap: 40px 20px;}.jg_ci_more{margin-top: 96px;}.jg_ci_more .jg_ci_wrap::before{left: 24px; right: 24px;}.jg_ci_grid{gap: 20px; margin: 56px 0 0;}}@media (max-width: 575.98px){.jg_cat_wrap{padding-left: 16px; padding-right: 16px;}.jg_cat_head{padding-top: 56px;}.jg_cat_head .jg_cat_lead{font-size: 19px; line-height: 28px;}.jg_cat_rule{margin-top: 26px;}.jg_cat_toolbar{margin-bottom: 28px;}.jg_cat_sort > span{display: none;}.jg_cat_grid{grid-template-columns: 1fr; gap: 40px;}.jg_cat_pager{margin-top: 56px; flex-direction: column; align-items: flex-start;}.jg_ci{padding-bottom: 80px;}.jg_ci_wrap{padding: 0 16px;}.jg_ci_slider{margin-top: 20px;}.jg_ci_slider .carousel-item img{aspect-ratio: 4 / 3;}.jg_ci_head{margin-top: 40px;}.jg_ci_desc{margin-top: 28px;}.jg_ci_desc p{text-align: left; text-indent: 0; font-size: 14px; line-height: 25px;}.jg_ci_grid{grid-template-columns: 1fr; margin-top: 40px;}.jg_ci_grid.jg_ci_grid_one{grid-template-columns: 1fr;}.jg_ci_more_grid{grid-template-columns: 1fr;}} /* /jigsaw_website/static/src/scss/portfolio.scss */ .jg_pf, .jg_pd{font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", var(--jg-sans);}.jg_pf_wrap, .jg_pd_wrap{max-width: 1280px; margin: 0 auto; padding: 0 64px;}.jg_pf_head{text-align: center; padding: 118px 0 0;}.jg_pf_head h1{font-family: var(--jg-display) !important; font-weight: 400; font-size: clamp(40px, 4.7vw, 60px); line-height: 1; letter-spacing: 1px; color: #3c352e; margin: 16px 0 22px;}.jg_pf_kicker{font-size: 10px; font-weight: 500; line-height: 15px; letter-spacing: 2.5px; text-transform: uppercase; color: #af8e60; margin: 0;}.jg_pf_lead{font-family: var(--jg-display); font-style: italic; font-weight: 300; font-size: 19px; line-height: 28px; color: #4d453e; max-width: 520px; margin: 0 auto;}.jg_pf_rule{display: block; width: 48px; height: 1px; background: #cfb594; margin: 30px auto 0;}.jg_pf_featured{margin-top: 56px; padding-bottom: 40px; border-bottom: 1px solid #e8e2d8;}#wrapwrap .jg_pf_hero{position: relative; display: block; max-width: 1280px; margin: 0 auto; overflow: hidden; color: #fff; text-decoration: none;}#wrapwrap .jg_pf_hero img{display: block; width: 100%; aspect-ratio: 1280 / 720; object-fit: cover; transition: transform 1s ease;}#wrapwrap .jg_pf_hero::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20, 16, 13, 0) 45%, rgba(20, 16, 13, 0.72) 100%);}#wrapwrap .jg_pf_hero:hover img{transform: scale(1.02);}.jg_pf_hero_text{position: absolute; left: 80px; right: 80px; bottom: 40px; z-index: 1;}.jg_pf_hero_text h2{font-family: var(--jg-display) !important; font-weight: 400; font-size: clamp(26px, 3.4vw, 42px); line-height: 1.15; letter-spacing: 1.5px; text-transform: uppercase; color: #fff; margin: 0 0 10px;}.jg_pf_hero_text p{font-size: 12px; font-weight: 400; letter-spacing: .3px; color: rgba(255, 255, 255, 0.85); margin: 0;}.jg_pf_thumbs{display: flex; justify-content: center; gap: 32px; max-width: 1280px; margin: 40px auto 0; padding: 0 64px;}.jg_pf_thumbs a{flex: 0 1 calc((100% - 96px) / 4);}.jg_pf_thumbs img{display: block; width: 100%; aspect-ratio: 264 / 180; object-fit: cover;}.jg_pf_archive{padding: 120px 0 140px; text-align: center;}.jg_pf_archive h2{font-family: var(--jg-display) !important; font-weight: 400; font-size: 30px; line-height: 36px; letter-spacing: 1px; text-transform: uppercase; color: #2f2925; margin: 0 0 10px;}.jg_pf_archive_sub{font-size: 10px; letter-spacing: 1.8px; text-transform: uppercase; color: #6b5e52; margin: 0 0 32px;}.jg_pf_tabs{display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 32px; margin-bottom: 52px;}.jg_pf_tabs a{font-size: 11px; font-weight: 500; letter-spacing: 1.3px; color: #6b5e52; text-decoration: none; padding-bottom: 4px; border-bottom: 1px solid transparent;}.jg_pf_tabs a:hover{color: #3c352e;}.jg_pf_tabs a.active{color: #3c352e; font-weight: 600; border-bottom-color: #3c352e;}.jg_pf_archive .jg_pf_wrap{padding: 0 48px;}.jg_pf_grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 56px 32px; text-align: left;}#wrapwrap .jg_pf_card{display: block; text-decoration: none; color: #2f2925;}#wrapwrap .jg_pf_card h3{font-family: inherit !important; font-size: 13px; font-weight: 500; line-height: 20px; letter-spacing: 0; color: #2f2925; margin: 22px 0 0;}.jg_pf_card_img{overflow: hidden;}.jg_pf_card_img img{display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #ebe5dc; transition: transform .8s ease;}.jg_pf_card:hover .jg_pf_card_img img{transform: scale(1.03);}.jg_pf_empty{color: var(--jg-muted); padding: 40px 0;}.jg_pf_pager{display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 64px;}.jg_pf_pager a{font-size: 11px; color: #6b5e52; text-decoration: none; padding-bottom: 3px; border-bottom: 1px solid transparent;}.jg_pf_pager a.active{color: #2f2925; font-weight: 600; border-bottom-color: #2f2925;}.jg_pf_pager a:hover{color: #2f2925;}.jg_pd{padding-bottom: 140px;}#wrapwrap .jg_pd_back{display: inline-block; margin-top: 86px; font-size: 9px; font-weight: 500; letter-spacing: 2.4px; text-transform: uppercase; color: #4d453e; text-decoration: none;}#wrapwrap .jg_pd_back:hover{color: #2f2925;}.jg_pd h1{font-family: var(--jg-serif) !important; font-weight: 400; font-size: clamp(32px, 3.9vw, 50px); line-height: 1.2; color: #2f2925; margin: 38px 0 0; padding-bottom: 32px; border-bottom: 1px solid #e8e2d8;}.jg_pd_intro{display: grid; grid-template-columns: 340px 1fr; gap: 88px; padding-top: 34px;}.jg_pd_label, .jg_pd_meta dt{font-size: 9px; font-weight: 500; line-height: 13px; letter-spacing: 2px; text-transform: uppercase; color: #9e8e80; margin: 0 0 10px;}.jg_pd_meta{margin: 0;}.jg_pd_meta dd{font-size: 12px; line-height: 18px; color: #4d453e; margin: 0 0 30px;}.jg_pd_meta dd.jg_pd_meta_main{font-size: 14px; font-weight: 500; color: #3c352e;}.jg_pd_concept_text p{font-size: 14px; line-height: 28px; color: #6b5e52; margin: 0 0 16px;}.jg_pd_concept_text p:first-child{font-size: 21px; font-weight: 300; line-height: 38px; color: #4e4740; margin-bottom: 24px;}.jg_pd_figure{margin: 70px 0 0;}.jg_pd_figure img{display: block; width: 100%; aspect-ratio: 1152 / 644; object-fit: cover;}.jg_pd_figure figcaption{display: flex; justify-content: space-between; gap: 24px; margin-top: 18px; font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: #9e8e80;}.jg_pd_figure .jg_pd_credit{margin-left: auto;}.jg_pd_details{max-width: 1024px; margin-top: 100px; padding-top: 52px; border-top: 1px solid #e8e2d8;}.jg_pd_details h2{font-family: var(--jg-serif) !important; font-weight: 400; font-size: 36px; line-height: 44px; color: #2f2925; margin: 0 0 52px;}.jg_pd_sections{column-count: 2; column-gap: 64px;}.jg_pd_sections h3{break-after: avoid; font-family: inherit !important; font-size: 13px; font-weight: 600; line-height: 18px; letter-spacing: 2.2px; text-transform: uppercase; color: #3c352e; margin: 0 0 22px; padding-bottom: 14px; border-bottom: 1px solid #e3dcd2;}.jg_pd_sections * + h3{margin-top: 44px;}.jg_pd_sections p{font-size: 13px; line-height: 27.6px; color: #6b5e52; margin: 0 0 14px;}.jg_pd_sections strong{font-weight: 400; color: #2f2925;}.jg_pd_pairs{display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin-top: 84px;}.jg_pd_pairs img{display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover;}.jg_pd_pairs img:last-child:nth-child(odd){grid-column: 1 / -1; aspect-ratio: 1152 / 644;}.jg_pd_nav{display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-top: 140px; padding-top: 40px; border-top: 1px solid #e3dcd2;}.jg_pd_nav a{text-decoration: none;}#wrapwrap .jg_pd_prev{font-size: 11px; font-weight: 500; letter-spacing: 2.2px; text-transform: uppercase; color: #4d453e;}#wrapwrap .jg_pd_prev:hover{color: #2f2925;}#wrapwrap .jg_pd_next{margin-left: auto; text-align: right; font-size: 13px; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: #3c352e;}#wrapwrap .jg_pd_next span{display: block; font-size: 9px; font-weight: 500; letter-spacing: 2.4px; color: #af8e60; margin-bottom: 4px;}@media (max-width: 991.98px){.jg_pf_wrap, .jg_pd_wrap, .jg_pf_archive .jg_pf_wrap{padding: 0 24px;}.jg_pf_head{padding-top: 72px;}.jg_pf_hero_text{left: 24px; right: 24px; bottom: 24px;}.jg_pf_thumbs{gap: 16px; padding: 0 24px; margin-top: 24px;}.jg_pf_archive{padding: 80px 0 96px;}.jg_pf_grid{grid-template-columns: repeat(2, 1fr); gap: 40px 20px;}.jg_pd_intro{grid-template-columns: 1fr; gap: 16px;}.jg_pd_figure, .jg_pd_details, .jg_pd_pairs{margin-top: 56px;}.jg_pd_pairs{gap: 20px;}.jg_pd_nav{margin-top: 80px;}}@media (max-width: 575.98px){.jg_pf_wrap, .jg_pd_wrap, .jg_pf_archive .jg_pf_wrap{padding: 0 16px;}.jg_pf_head{padding-top: 56px;}.jg_pf_featured{margin-top: 40px;}.jg_pf_hero img{aspect-ratio: 4 / 3;}.jg_pf_thumbs{flex-wrap: wrap; gap: 12px; padding: 0 16px;}.jg_pf_thumbs a{flex-basis: calc(50% - 6px);}.jg_pf_tabs{gap: 8px 20px;}.jg_pf_grid{grid-template-columns: 1fr;}.jg_pd{padding-bottom: 80px;}#wrapwrap .jg_pd_back{margin-top: 40px;}.jg_pd h1{margin-top: 24px; padding-bottom: 24px;}.jg_pd_concept_text p:first-child{font-size: 18px; line-height: 30px;}.jg_pd_figure img{aspect-ratio: 4 / 3;}.jg_pd_figure figcaption{flex-direction: column; gap: 6px;}.jg_pd_details h2{font-size: 28px; line-height: 36px; margin-bottom: 36px;}.jg_pd_sections{column-count: 1;}.jg_pd_pairs{grid-template-columns: 1fr;}.jg_pd_nav{flex-direction: column; align-items: flex-start;}#wrapwrap .jg_pd_next{margin-left: 0; text-align: left;}} /* /jigsaw_website/static/src/scss/search.scss */ .jg_sr{padding-bottom: 120px;}.jg_sr_wrap{max-width: 1280px; margin: 0 auto; padding: 0 24px;}.jg_sr .jg_cat_grid{grid-template-columns: repeat(3, 1fr); gap: 56px 40px;}.jg_sr_head{text-align: center; padding: 96px 0 0;}.jg_sr_head h1{font-family: var(--jg-display) !important; font-weight: 400; font-size: clamp(34px, 4vw, 52px); line-height: 1.1; letter-spacing: .5px; color: #3c352e; margin: 16px 0 36px; overflow-wrap: anywhere;}.jg_sr_form{display: flex; align-items: center; max-width: 560px; margin: 0 auto; border-bottom: 1px solid #cfb594;}.jg_sr_form input{flex: 1; min-width: 0; border: 0; background: transparent; outline: none; padding: 10px 0; font-family: var(--jg-display); font-size: 20px; color: var(--jg-ink); text-align: center;}.jg_sr_form input::placeholder{color: #a99d91; font-style: italic;}.jg_sr_form input::-webkit-search-cancel-button{display: none;}.jg_sr_form button{border: 0; background: none; padding: 10px 0 10px 12px; color: #6b5e52; font-size: 15px;}.jg_sr_form button:hover{color: var(--jg-ink);}.jg_sr_count{font-size: 11px; line-height: 16px; letter-spacing: 2.2px; text-transform: uppercase; color: #6b5e52; margin: 18px 0 0;}.jg_sr_group{margin-top: 80px;}.jg_sr_group h2{display: flex; align-items: baseline; gap: 12px; padding-bottom: 16px; margin: 0 0 40px; border-bottom: 1px solid #e3dcd2; font-family: inherit !important; font-weight: 500; font-size: 11px; line-height: 16.5px; letter-spacing: 3.85px; text-transform: uppercase; color: #3c352e;}.jg_sr_group h2 span{color: #b7a89a; letter-spacing: 1px;}.jg_sr_pages{list-style: none; padding: 0; margin: 0;}.jg_sr_pages li + li{border-top: 1px solid #ece6dc;}.jg_sr_pages a{display: block; padding: 22px 0; text-decoration: none; color: var(--jg-ink);}.jg_sr_pages a:hover h3{color: #6b5e52;}.jg_sr_pages h3{font-family: var(--jg-display) !important; font-weight: 400; font-size: 22px; line-height: 28px; color: #3c352e; margin: 0 0 6px; transition: color .2s;}.jg_sr_pages p{font-size: 13px; line-height: 22px; color: #6b5e52; margin: 0; max-width: 760px;}.jg_sr_empty{text-align: center; padding: 72px 0 0;}.jg_sr_empty p{font-family: var(--jg-display); font-style: italic; font-size: 20px; line-height: 30px; color: #4d453e; margin: 0 0 28px;}.jg_sr_empty a{display: inline-block; margin: 0 14px; font-size: 11px; letter-spacing: 2.2px; text-transform: uppercase; color: #3c352e; text-decoration: none; border-bottom: 1px solid #cfb594; padding-bottom: 4px;}@media (max-width: 991.98px){.jg_sr_head{padding-top: 72px;}.jg_sr_group{margin-top: 64px;}.jg_sr .jg_cat_grid{grid-template-columns: repeat(2, 1fr); gap: 40px 20px;}}@media (max-width: 575.98px){.jg_sr_wrap{padding: 0 16px;}.jg_sr_head{padding-top: 56px;}.jg_sr_head h1{margin-bottom: 28px;}.jg_sr_form input{font-size: 18px;}.jg_sr .jg_cat_grid{grid-template-columns: 1fr; gap: 40px;}.jg_sr_group{margin-top: 56px;}.jg_sr_group h2{margin-bottom: 28px;}.jg_sr{padding-bottom: 80px;}} /* /jigsaw_website/static/src/scss/contactus.scss */ .jg_ct{font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", var(--jg-sans) !important;}.jg_ct input, .jg_ct select, .jg_ct textarea, .jg_ct .btn{font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", var(--jg-sans) !important;}.jg_ct .jg_kicker{font-family: inherit; font-size: 10px; font-weight: 500; line-height: 15px; letter-spacing: 2.6px; color: #6b5e52;}.jg_ct_main{padding: 64px 0 120px; border-bottom: 1px solid var(--jg-line);}.jg_ct_main .jg_wrap{padding: 0 clamp(20px, 3.75vw, 72px);}.jg_ct_grid{display: grid; grid-template-columns: 559fr 520fr; gap: 104px; align-items: start;}.jg_ct_photo{position: relative; margin: 0;}.jg_ct_photo img{width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block;}.jg_ct_card{position: absolute; top: 32px; left: 32px; width: 448px; max-width: calc(100% - 64px); padding: 18px 26px 16px; background: rgba(245, 241, 234, 0.86); backdrop-filter: blur(6px);}.jg_ct_card .jg_kicker{font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", var(--jg-sans); font-size: 9px; font-weight: 400; line-height: 13.5px; letter-spacing: 2.25px; color: #6b5e52;}.jg_ct_card .jg_ct_card_place{color: rgba(107, 94, 82, 0.8);}.jg_ct_card_quote{font-family: var(--jg-serif); font-style: italic; font-weight: 400; font-size: 18px; line-height: 28px; letter-spacing: .45px; text-transform: uppercase; color: #3c352e; margin: 8px 0 9px; max-width: 340px;}.jg_ct_caption{display: grid; grid-template-columns: 1fr 190px; gap: 40px; margin-top: 23px; padding-top: 14px; border-top: 1px solid var(--jg-line);}.jg_ct_intro{font-size: 15px; font-weight: 400; line-height: 22px; color: #6b5e52; margin: 44px 0 0;}.jg_ct_kickers{display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px;}.jg_ct_kickers .jg_kicker{font-size: 11px; letter-spacing: 3px;}.jg_ct_rule{width: 30px; height: 1px; background: #b7a89a;}.jg_ct_side h1{font-size: 44px; font-weight: 400; line-height: 40px; letter-spacing: -1.1px; color: #3c352e; margin: 22px 0 46px;}#wrapwrap .jg_ct_form .s_website_form_rows{--bs-gutter-x: 40px;}#wrapwrap .jg_ct_form .s_website_form_field{margin-bottom: 38px;}#wrapwrap .jg_ct_form .s_website_form_label{display: block; width: auto; margin: 0 0 4px; font-size: 10px; font-weight: 500; line-height: 15px; letter-spacing: 2.6px; text-transform: uppercase; color: #6b5e52;}#wrapwrap .jg_ct_form .form-control, #wrapwrap .jg_ct_form .form-select{border: 0; border-bottom: 1px solid #cfc7bd; border-radius: 0; background-color: transparent; box-shadow: none; padding: 14px 0 15px; font-size: 14.8px; font-weight: 300; line-height: 1.3; color: var(--jg-ink);}#wrapwrap .jg_ct_form .form-control::placeholder, #wrapwrap .jg_ct_form .form-select::placeholder{color: #a39688; opacity: 1;}#wrapwrap .jg_ct_form .form-control:focus, #wrapwrap .jg_ct_form .form-select:focus{border-bottom-color: var(--jg-ink);}#wrapwrap .jg_ct_form .form-select{font-size: 17px; font-weight: 400; padding-right: 28px; background-position: right 4px center;}#wrapwrap .jg_ct_form .form-select:invalid{color: var(--jg-ink);}#wrapwrap .jg_ct_form textarea.form-control{height: 88px; min-height: 88px; resize: none;}#wrapwrap .jg_ct_form .is-invalid, #wrapwrap .jg_ct_form .o_has_error .form-control, #wrapwrap .jg_ct_form .o_has_error .form-select{border-bottom-color: #a5483b;}.jg_ct_submit_row{display: flex; justify-content: space-between; align-items: center; gap: 32px; margin-top: 2px;}#wrapwrap .jg_ct_consent{display: flex; align-items: flex-start; gap: 14px; margin: 0; max-width: 300px;}#wrapwrap .jg_ct_consent .form-check-input{flex: 0 0 16px; width: 16px; height: 16px; margin: 2px 0 0; border: 1px solid #8c8278; border-radius: 2px; box-shadow: none;}#wrapwrap .jg_ct_consent .form-check-input:checked{background-color: var(--jg-brown); border-color: var(--jg-brown);}#wrapwrap .jg_ct_consent .s_website_form_label{margin: 0; font-size: 13px; font-weight: 300; line-height: 18px; letter-spacing: 0; text-transform: none; color: #6b5e52;}#wrapwrap .jg_ct_consent .s_website_form_label u{text-underline-offset: 3px;}#wrapwrap .jg_ct_send{display: inline-flex; align-items: center; justify-content: center; gap: 18px; width: 150px; height: 46px; padding: 0; font-size: 12px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase;}#wrapwrap .jg_ct_send:hover{background: var(--jg-taupe) !important; border-color: var(--jg-taupe) !important;}.jg_ct_info{display: grid; grid-template-columns: 233px 1fr; gap: 32px; margin-top: 54px; padding-top: 47px; border-top: 1px solid var(--jg-line);}.jg_ct_info > div > .jg_kicker{margin-bottom: 18px;}.jg_ct_dl{display: grid; grid-template-columns: auto 1fr; gap: 0 8px; margin: 0;}.jg_ct_dl dt{font-size: 13px; font-weight: 400; line-height: 21px; color: #8c8278;}.jg_ct_dl dd{font-size: 14px; line-height: 21px; color: var(--jg-ink); margin: 0;}.jg_ct_dl a{color: inherit; text-decoration: none;}.jg_ct_dl a:hover{text-decoration: underline;}.jg_ct_address{font-size: 14px; line-height: 19px; color: var(--jg-ink); margin: 0;}.jg_ct .jg_ct_note{margin-top: 16px; color: #8c8278;}.jg_ct_creed{text-align: center; padding: 56px 0;}.jg_ct_creed blockquote{border: 0; padding: 0; margin: 12px 0 14px; font-family: var(--jg-serif); font-style: italic; font-size: 36px; line-height: 46px; color: var(--jg-ink);}.jg_ct_creed .jg_ct_creed_sub{color: #9a8f84; letter-spacing: 3px;}.jg_ct_thanks{text-align: center; padding: 120px 0 112px; border-bottom: 1px solid var(--jg-line);}.jg_ct_thanks .jg_ct_kickers{justify-content: center;}.jg_ct_thanks h1{font-size: 44px; font-weight: 400; line-height: 40px; letter-spacing: -1.1px; color: #3c352e; margin: 22px 0 28px;}.jg_ct_thanks_lead{max-width: 480px; margin: 0 auto; font-size: 15px; font-weight: 300; line-height: 24px; color: #6b5e52;}.jg_ct_thanks_actions{display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; margin-top: 44px;}.jg_ct_thanks_actions .jg_btn{height: 46px; padding: 0 28px; font-size: 12px; letter-spacing: 4px;}#wrapwrap .jg_ct_btn_line{border-color: #3c352e; color: #3c352e;}#wrapwrap .jg_ct_btn_line:hover{background: #3c352e; color: #f5f1ea;}.jg_ct_thanks_info{margin: 64px auto 0; padding-top: 32px; max-width: 520px; border-top: 1px solid var(--jg-line);}.jg_ct_thanks_info .jg_kicker{margin-bottom: 10px;}.jg_ct_thanks_info p:not(.jg_kicker){font-size: 14px; line-height: 21px; color: var(--jg-ink); margin: 0;}.jg_ct_thanks_info i{font-style: normal; margin: 0 10px; color: #b7a89a;}.jg_ct_thanks_info a{white-space: nowrap; color: inherit; text-decoration: none;}.jg_ct_thanks_info a:hover{text-decoration: underline;}@media (max-width: 1199.98px){.jg_ct_grid{gap: 56px;}.jg_ct_info{grid-template-columns: 1fr 1fr;}}@media (max-width: 991.98px){.jg_ct_main{padding: 40px 0 72px;}.jg_ct_grid{grid-template-columns: 1fr; gap: 56px;}.jg_ct_media{max-width: 560px;}}@media (max-width: 575.98px){.jg_ct_card{top: 16px; left: 16px; width: calc(100% - 32px); padding: 16px 18px;}.jg_ct_card_quote{font-size: 17px; line-height: 23px;}.jg_ct_caption{grid-template-columns: 1fr; gap: 6px;}.jg_ct_side h1{font-size: 38px; line-height: 40px; margin-bottom: 32px;}.jg_ct_submit_row{flex-direction: column; align-items: stretch; gap: 24px;}#wrapwrap .jg_ct_consent{max-width: none;}#wrapwrap .jg_ct_send{width: 100%;}.jg_ct_info{grid-template-columns: 1fr; gap: 32px;}.jg_ct_creed blockquote{font-size: 26px; line-height: 34px;}.jg_ct_thanks{padding: 72px 0;}.jg_ct_thanks h1{font-size: 38px;}.jg_ct_thanks_actions .jg_btn{width: 100%; justify-content: center;}} /* /jigsaw_website/static/src/scss/shop.scss */ #wrapwrap .oe_website_sale .oe_product_cart{border-radius: 0; border: 1px solid var(--jg-line); overflow: hidden; background: var(--jg-white); transition: box-shadow .2s ease;}#wrapwrap .oe_website_sale .oe_product_cart:hover{box-shadow: 0 12px 28px rgba(47, 41, 37, 0.1);}#wrapwrap .oe_website_sale .product_price, #wrapwrap .oe_website_sale .oe_price{color: var(--jg-ink);}#product_detail #add_to_cart, .o_wsale_product_btn .btn-primary{border-radius: 0;}