/* */ @charset "UTF-8"; /* /viravanna_website/static/src/scss/fonts.scss */ @font-face{font-family: "Playfair Display"; font-style: italic; font-weight: 400; font-display: swap; src: url("/viravanna_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("/viravanna_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("/viravanna_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("/viravanna_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: "Inter"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/viravanna_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("/viravanna_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"; font-style: italic; font-weight: 300 700; font-display: swap; src: url("/viravanna_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("/viravanna_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 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: "IBM Plex Sans Thai"; font-style: normal; font-weight: 300; font-display: swap; src: url("/viravanna_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("/viravanna_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("/viravanna_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("/viravanna_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("/viravanna_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: "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;} /* /viravanna_website/static/src/scss/tokens.scss */ #wrapwrap.vv_site{--vv-ink: #1c1a1a; --vv-serif: "Playfair Display", "Noto Serif Thai", "Playfair Display Fallback", Georgia, serif; --vv-sans: "Inter", "IBM Plex Sans Thai", "Inter Fallback", "Helvetica Neue", Arial, sans-serif; --vv-gutter: 64px; --vv-cream: #fdf9f2; --vv-stone: #f1ede6; --vv-dark: #26201a; --vv-brown: #695c50; --vv-taupe: #cfc5bc; --vv-border: #e3ddd5; --vv-rule: #efe9e1; --vv-frame-bg: #f1ede6; --vv-frame-border: rgba(207, 197, 188, .5); --vv-ui: "Inter", "IBM Plex Sans Thai", "Inter Fallback", "Helvetica Neue", Arial, sans-serif;}@media (max-width: 1199.98px){#wrapwrap.vv_site{--vv-gutter: 40px;}}@media (max-width: 767.98px){#wrapwrap.vv_site{--vv-gutter: 20px;}} /* /viravanna_website/static/src/scss/layout.scss */ #wrapwrap.vv_site, #wrapwrap.vv_site .btn, #wrapwrap.vv_site input, #wrapwrap.vv_site select, #wrapwrap.vv_site textarea{font-family: var(--vv-sans) !important;}#wrapwrap.vv_site{color: var(--vv-ink); background: #fff;}#wrapwrap.vv_site h1, #wrapwrap.vv_site h2, #wrapwrap.vv_site h3, #wrapwrap.vv_site h4, #wrapwrap.vv_site h5, #wrapwrap.vv_site h6, #wrapwrap.vv_site .h1, #wrapwrap.vv_site .h2, #wrapwrap.vv_site .h3, #wrapwrap.vv_site .h4, #wrapwrap.vv_site .h5, #wrapwrap.vv_site .h6{font-family: var(--vv-serif) !important; font-weight: 400;}.vv_wrap{padding: 0 var(--vv-gutter);}.vv_link{position: relative; display: inline-block; padding-bottom: 5px; font-family: var(--vv-sans); font-size: 11px; line-height: 11px; font-weight: 300; letter-spacing: .245em; text-transform: uppercase; color: var(--vv-ink); text-decoration: none; margin-right: -.245em;}.vv_link::after{content: ""; position: absolute; bottom: 0; height: 1px; background: currentColor; left: 13.5%; right: calc(13.5% + .245em); transition: left .25s, right .25s;}.vv_link:hover{color: var(--vv-ink);}.vv_link:hover::after{left: 0; right: .245em;}#wrapwrap.vv_site{background: var(--vv-cream);}.vv_header{position: sticky; top: 0; z-index: 1030;}.vv_header::before{content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: rgba(253, 249, 242, 0.95); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px);}.vv_bar{display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; width: 100%; height: 46px; padding: 8px var(--vv-gutter);}.vv_menu_btn, .vv_menu_close{justify-self: start; display: inline-flex; align-items: center; gap: 9px; border: 0; background: none; padding: 0; color: var(--vv-dark); cursor: pointer; font-family: var(--vv-ui) !important; font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 2.42px; text-transform: uppercase;}.vv_burger{position: relative; display: block; width: 14px; height: 10px;}.vv_burger::before, .vv_burger::after, .vv_burger span{content: ""; position: absolute; left: 0; right: 0; height: 1.5px; background: currentColor;}.vv_burger::before{top: 0;}.vv_burger span{top: 4.25px;}.vv_burger::after{bottom: 0;}.vv_close{position: relative; display: block; width: 12px; height: 12px;}.vv_close::before, .vv_close::after{content: ""; position: absolute; top: 5.25px; left: -1px; right: -1px; height: 1.5px; background: currentColor;}.vv_close::before{transform: rotate(45deg);}.vv_close::after{transform: rotate(-45deg);}.vv_logo{display: block; line-height: 0;}.vv_logo img{display: block; width: auto; height: 30px;}.vv_langs{justify-self: end; display: flex; align-items: center; gap: 6px; font-family: var(--vv-ui); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 2.42px; margin-right: -2.42px;}.vv_langs a, .vv_langs .vv_lang_off{color: var(--vv-brown); text-decoration: none;}.vv_langs a:hover, .vv_langs a.active, .vv_langs .vv_lang_off:hover, .vv_langs .vv_lang_off.active{color: var(--vv-dark);}.vv_langs .vv_sep{color: var(--vv-taupe);}.vv_menu{position: fixed; inset: 0; z-index: 1040; display: flex; flex-direction: column; background: var(--vv-cream); overflow-y: auto;}.vv_menu[hidden]{display: none;}.vv_menu_list{display: flex; flex-direction: column; align-items: center; gap: 18px; margin: auto 0; padding: 48px var(--vv-gutter);}.vv_menu_list a{font-family: var(--vv-serif); font-size: 34px; line-height: 1.15; text-transform: uppercase; letter-spacing: .02em; color: var(--vv-dark); text-decoration: none; transition: color .2s;}.vv_menu_list a:hover{color: var(--vv-brown);}html.vv_menu_open{overflow: hidden;}@media (max-width: 767.98px){.vv_logo img{height: 24px;}.vv_menu_list a{font-size: 26px;}}@media (max-width: 400px){.vv_menu_btn, .vv_menu_close{font-size: 0; letter-spacing: 0; gap: 0;}}#wrapwrap.vv_site footer#bottom{border-top: 0 !important; background: var(--vv-stone);}#wrapwrap.vv_site footer#bottom .o_footer_copyright{display: none;}#wrapwrap.vv_site footer#bottom .vv_footer a{color: var(--vv-dark); text-decoration: none;}#wrapwrap.vv_site footer#bottom .vv_footer a:hover{color: var(--vv-brown);}.vv_footer{background: var(--vv-stone); border-top: 1px solid var(--vv-border); color: var(--vv-brown); font-family: var(--vv-ui);}.vv_footer .vv_wrap{padding-top: 52px; padding-bottom: 96px;}.vv_footer p{margin: 0;}.vv_footer_top{display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-bottom: 20px; border-bottom: 1px solid #e6e0d9;}.vv_footer_logo{display: block; line-height: 0;}.vv_footer_logo img{display: block; width: auto; height: 35px;}.vv_footer_cities{font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 2.2px; text-transform: uppercase;}.vv_footer_cities span::after{content: "ยท"; margin: 0 15px; color: var(--vv-taupe);}.vv_footer_links{display: flex; flex-wrap: wrap; gap: 14px 30px; margin-top: 23px;}.vv_footer_links a{font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 2.16px;}.vv_footer_bottom{display: flex; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; margin-top: 41px; font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 1.1px; text-transform: uppercase;}.vv_footer_bottom .vv_footer_edition{color: #7e766e; letter-spacing: .15em;}@media (max-width: 767.98px){.vv_footer .vv_wrap{padding-top: 40px; padding-bottom: 48px;}.vv_footer_top{flex-direction: column; align-items: flex-start; gap: 16px;}.vv_footer_links{flex-direction: column; gap: 18px;}.vv_footer_bottom{flex-direction: column; margin-top: 36px; line-height: 16px;}}html:lang(th) #wrapwrap.vv_site main, html:lang(th) #wrapwrap.vv_site footer, html:lang(th) #wrapwrap.vv_site .vv_menu{letter-spacing: 0 !important;}html:lang(th) #wrapwrap.vv_site main *, html:lang(th) #wrapwrap.vv_site footer *, html:lang(th) #wrapwrap.vv_site .vv_menu *{letter-spacing: 0 !important;}html:lang(th) #wrapwrap.vv_site .vv_link, html:lang(th) #wrapwrap.vv_site .vv_thanks_kicker, html:lang(th) #wrapwrap.vv_site .vv_gw_label, html:lang(th) #wrapwrap.vv_site .vv_gw_corner, html:lang(th) #wrapwrap.vv_site .vv_gw_kicker, html:lang(th) #wrapwrap.vv_site .vv_gw_eyebrow, html:lang(th) #wrapwrap.vv_site .vv_gw_meta, html:lang(th) #wrapwrap.vv_site .vv_gw_card_kicker, html:lang(th) #wrapwrap.vv_site .vv_gw_enter, html:lang(th) #wrapwrap.vv_site .vv_gw_explore, html:lang(th) #wrapwrap.vv_site .vv_fd_mono, html:lang(th) #wrapwrap.vv_site .vv_fd_eyebrow, html:lang(th) #wrapwrap.vv_site .vv_fd_card_label, html:lang(th) #wrapwrap.vv_site .vv_fd_role, html:lang(th) #wrapwrap.vv_site .vv_pk_eyebrow, html:lang(th) #wrapwrap.vv_site .vv_footer_cities, html:lang(th) #wrapwrap.vv_site .vv_cl_kicker, html:lang(th) #wrapwrap.vv_site .vv_cl_piece_no, html:lang(th) #wrapwrap.vv_site .vv_cl_btn, html:lang(th) #wrapwrap.vv_site .vv_cl_quote_by, html:lang(th) #wrapwrap.vv_site .vv_hm_kicker, html:lang(th) #wrapwrap.vv_site .vv_hm_hero_kicker, html:lang(th) #wrapwrap.vv_site .vv_hm_hero_foot, html:lang(th) #wrapwrap.vv_site .vv_hm_piece_meta, html:lang(th) #wrapwrap.vv_site .vv_hm_piece_sub, html:lang(th) #wrapwrap.vv_site .vv_hm_vertical, html:lang(th) #wrapwrap.vv_site .vv_hm_part_label, html:lang(th) #wrapwrap.vv_site .vv_hm_part figcaption, html:lang(th) #wrapwrap.vv_site .vv_hm_btn, html:lang(th) #wrapwrap.vv_site .vv_hm_textlink, html:lang(th) #wrapwrap.vv_site .vv_florist_kicker, html:lang(th) #wrapwrap.vv_site .vv_florist_hero_kicker{font-size: 12px !important; line-height: 1.6 !important;}html:lang(th) #wrapwrap.vv_site h1, html:lang(th) #wrapwrap.vv_site h2, html:lang(th) #wrapwrap.vv_site h3, html:lang(th) #wrapwrap.vv_site h4, html:lang(th) #wrapwrap.vv_site h5, html:lang(th) #wrapwrap.vv_site h6, html:lang(th) #wrapwrap.vv_site .h1, html:lang(th) #wrapwrap.vv_site .h2, html:lang(th) #wrapwrap.vv_site .h3, html:lang(th) #wrapwrap.vv_site .h4, html:lang(th) #wrapwrap.vv_site .h5, html:lang(th) #wrapwrap.vv_site .h6{line-height: 1.4 !important;} /* /viravanna_website/static/src/scss/homepage.scss */ .vv_gw_enter, .vv_gw_card_kicker, .vv_gw_label, .vv_gw_meta, .vv_gw_eyebrow, .vv_gw_explore, .vv_gw_kicker, .vv_gw_corner{font-family: var(--vv-ui); font-size: 11px; line-height: 11px; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; margin: 0;}.vv_gw_hero{position: relative; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; margin: 72px var(--vv-gutter) 0; min-height: clamp(520px, 56.25vw, 720px); background: #8b8478;}.vv_gw_hero::after{content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.45) 100%);}.vv_gw_hero_media{position: absolute; z-index: 0; inset: 0 0 auto; height: 120%; display: block;}.vv_gw_hero_media img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0;}.vv_gw_corner{position: absolute; z-index: 2; top: 36px; letter-spacing: .25em; color: rgba(253, 249, 242, 0.92);}.vv_gw_corner_l{left: 32px;}.vv_gw_corner_r{right: 32px;}.vv_gw_hero_text{position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; padding: 0 24px 68px; text-align: center; color: var(--vv-cream);}.vv_gw_kicker{font-size: 12px; line-height: 12px; letter-spacing: .25em; margin-right: -.25em; color: rgba(253, 249, 242, 0.92);}#wrapwrap.vv_site .vv_gw_hero_title{font-size: 64px; line-height: 1; letter-spacing: -.03em; text-transform: uppercase; color: var(--vv-cream); margin: 20px 0 0;}.vv_gw_hero_rule{display: block; width: 48px; height: 1px; margin-top: 24px; background: rgba(253, 249, 242, 0.7);}.vv_gw_explore{display: inline-flex; align-items: center; gap: 8px; margin-top: 28px; font-size: 12px; line-height: 12px; letter-spacing: .2em; color: var(--vv-cream); text-decoration: none;}.vv_gw_explore svg{width: 10px; height: 12px; transition: transform .3s;}.vv_gw_explore:hover{color: var(--vv-cream);}.vv_gw_explore:hover svg{transform: translateY(3px);}.vv_gw_portals{padding-bottom: 112px; scroll-margin-top: 46px;}.vv_gw_head_band{border-bottom: 1px solid var(--vv-rule);}.vv_gw_head{display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; padding-top: 76px; padding-bottom: 18px;}.vv_gw_head > div{margin-bottom: 5px;}.vv_gw_eyebrow{color: var(--vv-brown);}#wrapwrap.vv_site .vv_gw_title{font-size: 44px; line-height: 1; letter-spacing: -.015em; color: var(--vv-dark); margin: 11px 0 0;}.vv_gw_meta{display: flex; align-items: center; gap: 24px; letter-spacing: .2em; color: var(--vv-brown); white-space: nowrap;}.vv_gw_meta_line{display: block; width: 32px; height: 1px; background: var(--vv-taupe);}.vv_gw_grid{display: flex; flex-direction: column; gap: 32px; padding-top: 47px;}.vv_gw_row2{display: grid; grid-template-columns: 461fr 659fr; gap: 32px; margin-bottom: 7px;}.vv_gw_stack{display: flex; flex-direction: column; gap: 32px;}.vv_gw_row3{display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;}.vv_gw_card{position: relative; display: block; overflow: hidden; min-width: 0; border: 1px solid var(--vv-border); background: var(--vv-rule); color: var(--vv-cream); text-decoration: none;}.vv_gw_card > img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(0.2, 0.6, 0.2, 1);}.vv_gw_card::after{content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.15); transition: background .4s; pointer-events: none;}.vv_gw_card > span, .vv_gw_card > h3{position: absolute; z-index: 1;}.vv_gw_card:hover{color: var(--vv-cream);}@media (hover: hover){.vv_gw_card:hover > img{transform: scale(1.04);}.vv_gw_card:hover::after{background: rgba(0, 0, 0, 0.25);}}.vv_gw_label{top: 23px; left: 24px; right: 24px; line-height: 16px; letter-spacing: 2.42px; color: rgba(253, 249, 242, 0.9);}#wrapwrap.vv_site .vv_gw_card_title{left: 24px; right: 24px; bottom: 25px; margin: 0; font-size: 22px; line-height: 30px; letter-spacing: .55px; text-transform: uppercase; color: var(--vv-cream);}#wrapwrap.vv_site .vv_gw_card_title_lg{font-size: 30px;}.vv_gw_founder{aspect-ratio: 1152 / 468;}.vv_gw_founder > img{object-position: 50% 43%;}.vv_gw_founder::after{background: rgba(0, 0, 0, 0.2);}.vv_gw_founder .vv_gw_label{top: 39px; left: 32px;}.vv_gw_founder_foot{left: 32px; right: 40px; bottom: 34px; display: flex; justify-content: space-between; align-items: flex-start; gap: 24px;}.vv_gw_card_kicker{display: block; font-size: 12px; line-height: 18px; font-weight: 600; letter-spacing: 2.4px; color: rgba(253, 249, 242, 0.7);}#wrapwrap.vv_site .vv_gw_founder .vv_gw_card_title{position: static; font-size: 44px; line-height: 52px; letter-spacing: -.44px; margin-top: 4px;}.vv_gw_enter{display: inline-flex; align-items: center; gap: 8px; font-size: 12px; line-height: 12px; letter-spacing: .2em; white-space: nowrap;}.vv_gw_enter svg{width: 12px; height: 10px; transition: transform .3s;}.vv_gw_founder:hover .vv_gw_enter svg{transform: translateX(4px);}.vv_gw_couture > img{object-position: 38% 50%;}.vv_gw_cafe{aspect-ratio: 659 / 371;}.vv_gw_cafe > img{object-position: 95% 50%;}.vv_gw_florist{aspect-ratio: 659 / 422;}.vv_gw_florist > img{object-position: 40% 50%;}.vv_gw_tall{aspect-ratio: 362 / 484;}#wrapwrap.vv_site .vv_gw_quote{display: flex; flex-direction: column; align-items: center; text-align: center; border-top: 1px solid var(--vv-rule); padding: 125px var(--vv-gutter) 123px;}#wrapwrap.vv_site .vv_gw_quote .vv_gw_eyebrow{line-height: 16px; letter-spacing: 2.86px; margin-right: -2.86px;}#wrapwrap.vv_site .vv_gw_quote blockquote{font-family: var(--vv-serif); font-style: italic; font-size: 44px; line-height: 52px; letter-spacing: -.44px; color: var(--vv-dark); margin: 18px 0 0; padding: 0; border: 0;}.vv_gw_quote_rule{display: block; width: 40px; height: 1px; margin-top: 28px; background: var(--vv-dark);}@media (max-width: 1199.98px){#wrapwrap.vv_site .vv_gw_hero_title{font-size: 56px;}}@media (max-width: 991.98px){.vv_gw_hero{margin-top: 40px;}.vv_gw_head{flex-direction: column; align-items: flex-start; padding-top: 64px;}#wrapwrap.vv_site .vv_gw_founder .vv_gw_card_title{font-size: 34px; line-height: 1.2;}#wrapwrap.vv_site .vv_gw_card_title{font-size: 20px;}#wrapwrap.vv_site .vv_gw_card_title_lg{font-size: 26px;}.vv_gw_row3{gap: 16px;}.vv_gw_row3 .vv_gw_label{font-size: 10px; letter-spacing: .18em;}#wrapwrap.vv_site .vv_gw_quote blockquote{font-size: 36px; line-height: 1.15;}}@media (max-width: 767.98px){.vv_gw_hero{margin-top: 16px; min-height: min(78svh, 640px);}.vv_gw_corner{top: 20px; font-size: 10px; letter-spacing: .2em;}.vv_gw_corner_l{left: 20px;}.vv_gw_corner_r{right: 20px;}.vv_gw_corner_r{display: none;}.vv_gw_hero_text{padding-bottom: 48px;}#wrapwrap.vv_site .vv_gw_hero_title{font-size: 40px; line-height: 1.05;}.vv_gw_portals{padding-bottom: 72px;}.vv_gw_head{padding-top: 56px;}#wrapwrap.vv_site .vv_gw_title{font-size: 34px;}.vv_gw_meta{gap: 16px;}.vv_gw_grid{gap: 16px; padding-top: 32px;}.vv_gw_row2, .vv_gw_row3{grid-template-columns: 1fr; gap: 16px; margin-bottom: 0;}.vv_gw_stack{gap: 16px;}.vv_gw_founder, .vv_gw_couture, .vv_gw_tall{aspect-ratio: 4 / 5;}.vv_gw_cafe, .vv_gw_florist{aspect-ratio: 4 / 3;}.vv_gw_founder > img{object-position: 60% 30%;}.vv_gw_founder .vv_gw_label{top: 28px; left: 24px;}.vv_gw_founder_foot{left: 24px; right: 24px; bottom: 28px; flex-direction: column; gap: 20px;}#wrapwrap.vv_site .vv_gw_founder .vv_gw_card_title{font-size: 32px;}.vv_gw_row3 .vv_gw_label{font-size: 11px; letter-spacing: .24em;}.vv_gw_quote{padding: 80px var(--vv-gutter);}#wrapwrap.vv_site .vv_gw_quote blockquote{font-size: 30px;}} /* /viravanna_website/static/src/scss/thank_you.scss */ .vv_thanks{text-align: center; padding: 120px var(--vv-gutter);}.vv_thanks p{margin: 0; text-transform: uppercase;}.vv_thanks h2{font-size: 25px; line-height: 28px; letter-spacing: .154em; text-transform: uppercase; color: var(--vv-dark); margin: 16px -.154em 19px 0;}.vv_thanks_kicker{font-size: 10px; line-height: 10px; letter-spacing: .354em; color: var(--vv-brown);}.vv_thanks_text{font-size: 14px; line-height: 20px; letter-spacing: .124em; color: var(--vv-dark);}.vv_thanks_rule{display: block; width: 48px; height: 1px; background: var(--vv-brown); margin: 17px auto 28px;}@media (max-width: 767.98px){.vv_thanks{padding: 80px var(--vv-gutter);}.vv_thanks_text{letter-spacing: .08em;}} /* /viravanna_website/static/src/scss/founder.scss */ .vv_fd_card_foot, .vv_fd_card_sub, .vv_fd_card_label, .vv_fd_eyebrow, .vv_fd_attrib, .vv_fd_role, .vv_fd_mono{font-family: var(--vv-ui); font-size: 11px; line-height: 16px; font-weight: 500; text-transform: uppercase; margin: 0;}.vv_fd_hero{position: relative; overflow: hidden; display: flex; align-items: flex-end; margin: 112px var(--vv-gutter) 0; min-height: clamp(520px, 56.25vw, 720px); background: #4c4239;}.vv_fd_hero::after{content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.24) 50%, rgba(0, 0, 0, 0.62) 100%);}.vv_fd_hero_img{position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover;}.vv_fd_hero_text{position: relative; z-index: 2; padding: 0 48px 52px; color: var(--vv-cream);}.vv_fd_mono{letter-spacing: 3.3px; color: #f2dfd0;}#wrapwrap.vv_site .vv_fd_name{font-size: 64px; line-height: .95; letter-spacing: -.03em; text-transform: uppercase; color: var(--vv-cream); margin: 13px 0 0;}.vv_fd_role{display: flex; align-items: center; gap: 16px; margin-top: 24px; font-size: 12px; line-height: 12px; letter-spacing: .24em; color: #f2dfd0;}.vv_fd_role_line{display: block; width: 40px; height: 1px; background: rgba(242, 223, 208, 0.6);}#wrapwrap.vv_site .vv_fd_quote{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 192px var(--vv-gutter) 98px; border-bottom: 1px solid var(--vv-rule);}#wrapwrap.vv_site .vv_fd_quote blockquote{max-width: 680px; margin: 38px 0 0; padding: 0; border: 0; font-family: var(--vv-serif); font-style: italic; font-size: 44px; line-height: 1.4; letter-spacing: -.01em; color: var(--vv-dark);}.vv_fd_quote_rule{display: block; width: 32px; height: 1px; background: #7e766e;}.vv_fd_attrib{line-height: 11px; letter-spacing: .27em; margin: 44px -.27em 0 0; color: var(--vv-brown);}.vv_fd_story{padding: 96px 0; border-bottom: 1px solid var(--vv-rule);}.vv_fd_story_inner{display: grid; grid-template-columns: 658fr 438fr; gap: 56px; align-items: center;}.vv_fd_story_img{aspect-ratio: 658 / 455; overflow: hidden; background: var(--vv-rule);}.vv_fd_story_img img{display: block; width: 100%; height: 100%; object-fit: cover;}.vv_fd_eyebrow{font-size: 12px; line-height: 18px; font-weight: 600; letter-spacing: 3px; color: var(--vv-brown);}.vv_fd_eyebrow_sm{font-size: 11px; line-height: 11px; font-weight: 500; letter-spacing: .24em;}#wrapwrap.vv_site .vv_fd_story_title{font-size: 30px; line-height: 38px; letter-spacing: -.75px; color: var(--vv-dark); margin: 16px 0 0;}.vv_fd_short_rule{display: block; width: 40px; height: 1px; margin-top: 25px; background: var(--vv-dark);}.vv_fd_body{font-family: var(--vv-ui); font-size: 18px; line-height: 29.25px; font-weight: 300; letter-spacing: -.18px; color: #4c463f; margin: 22px 0 0;}.vv_fd_portfolio{padding: 100px 0 96px;}#wrapwrap.vv_site .vv_fd_house_title{font-size: 44px; line-height: 1; letter-spacing: -.02em; text-transform: uppercase; color: var(--vv-dark); margin: 12px 0 0;}.vv_fd_cards{display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin-top: 53px; align-items: stretch;}.vv_fd_card{display: flex; flex-direction: column; padding: 24px; background: #f7f3ec; border: 1px solid #e7e0d8; color: var(--vv-dark); text-decoration: none; transition: border-color .3s, background .3s;}.vv_fd_card:hover{color: var(--vv-dark); border-color: var(--vv-taupe); background: #f4efe7;}.vv_fd_card_label{letter-spacing: .19em; color: #7e766e;}#wrapwrap.vv_site .vv_fd_card_title{font-size: 22px; line-height: 30px; letter-spacing: 0; text-transform: uppercase; color: var(--vv-dark); margin: 32px 0 0;}.vv_fd_card_sub{letter-spacing: 1.1px; text-transform: none; color: var(--vv-brown); margin-top: 8px;}.vv_fd_card_foot{display: flex; justify-content: space-between; align-items: center; margin-top: 32px; padding-top: 16px; border-top: 1px solid #efe9e2; font-size: 12px; letter-spacing: .11em; color: #7e766e;}.vv_fd_card_foot svg{width: 9px; height: 8px; transition: transform .3s;}.vv_fd_card:hover .vv_fd_card_foot svg{transform: translateX(3px);}@media (max-width: 1199.98px){#wrapwrap.vv_site .vv_fd_name{font-size: 52px;}.vv_fd_cards{gap: 20px;}}@media (max-width: 991.98px){.vv_fd_hero{margin-top: 40px;}.vv_fd_hero_text{padding: 0 32px 40px;}#wrapwrap.vv_site .vv_fd_name{font-size: 44px;}#wrapwrap.vv_site .vv_fd_quote{padding-top: 112px; padding-bottom: 80px;}#wrapwrap.vv_site .vv_fd_quote blockquote{font-size: 36px;}.vv_fd_story_inner{grid-template-columns: 1fr; gap: 40px;}.vv_fd_cards{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 767.98px){.vv_fd_hero{margin-top: 16px; min-height: min(78svh, 640px);}.vv_fd_hero_text{padding: 0 20px 32px;}.vv_fd_mono{font-size: 10px; letter-spacing: .2em;}#wrapwrap.vv_site .vv_fd_name{font-size: clamp(24px, 7.4vw, 32px); line-height: 1.05; overflow-wrap: anywhere;}.vv_fd_role{font-size: 11px; letter-spacing: .18em; gap: 12px;}.vv_fd_role_line{width: 24px;}#wrapwrap.vv_site .vv_fd_quote{padding-top: 72px; padding-bottom: 64px;}#wrapwrap.vv_site .vv_fd_quote blockquote{font-size: 28px;}.vv_fd_attrib{margin-top: 32px;}.vv_fd_story{padding: 64px 0;}#wrapwrap.vv_site .vv_fd_story_title{font-size: 26px; line-height: 34px;}.vv_fd_body{font-size: 16px;}.vv_fd_portfolio{padding: 64px 0 72px;}#wrapwrap.vv_site .vv_fd_house_title{font-size: 30px; line-height: 1.1;}.vv_fd_cards{grid-template-columns: 1fr; gap: 16px; margin-top: 36px;}#wrapwrap.vv_site .vv_fd_card_title{margin-top: 24px;}} /* /viravanna_website/static/src/scss/location.scss */ .vv_loc_city{background: var(--vv-cream); padding-bottom: 112px;}.vv_loc_stone{background: #ece8e1; padding-bottom: 128px;}.vv_loc_intro{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 127px var(--vv-gutter) 81px;}.vv_loc_city:first-child .vv_loc_intro{padding-top: 176px;}.vv_loc_rule{display: block; width: 40px; height: 1px; background: #89837c;}#wrapwrap.vv_site .vv_loc_title{font-size: 64px; line-height: 1; letter-spacing: -.02em; text-transform: uppercase; color: var(--vv-dark); margin: 40px 0 0;}.vv_loc_lead{margin: 25px 0 0; font-family: var(--vv-ui); font-style: italic; font-weight: 300; font-size: 18px; line-height: 28px; color: #4c463f;}.vv_loc_caps, .vv_loc_info{font-family: var(--vv-ui); font-size: 11px; line-height: 16px; text-transform: none; letter-spacing: .2em; color: #4c463f;}.vv_loc_caps{margin: 17px 0 0; font-weight: 500; text-transform: uppercase; letter-spacing: .24em; color: var(--vv-dark);}.vv_loc_info{margin: 8px 0 0;}.vv_loc_caps + .vv_loc_info{margin: 8px 0 0;}.vv_loc_lead + .vv_loc_info{margin: 17px 0 0;}.vv_loc_info + .vv_loc_info{margin: 12px 0 0;}.vv_loc_info a{color: inherit; text-decoration: none;}.vv_loc_info a:hover{color: var(--vv-dark);}.vv_loc_bar{display: inline-block; margin: 0 1.1em; color: #c8b89a;}.vv_loc_wide{aspect-ratio: 1280 / 705; overflow: hidden; background: var(--vv-rule);}.vv_loc_wide img{display: block; width: 100%; height: 100%; object-fit: cover;}.vv_loc_pair{display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding-top: 64px;}.vv_loc_photo{position: relative; margin: 0; aspect-ratio: 4 / 5; overflow: hidden; background: var(--vv-frame-bg); border: 1px solid var(--vv-frame-border);}.vv_loc_photo img{display: block; width: 100%; height: 100%; object-fit: cover;}.vv_loc_photo::after{content: ""; position: absolute; inset: auto 0 0; height: 30%; background: linear-gradient(to top, rgba(0, 0, 0, 0.28), transparent); pointer-events: none;}.vv_loc_photo figcaption{position: absolute; z-index: 1; left: 16px; right: 16px; bottom: 20px; font-family: var(--vv-ui); font-size: 11px; line-height: 11px; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; color: rgba(253, 249, 242, 0.92);}@media (max-width: 991.98px){.vv_loc_intro{padding-top: 96px; padding-bottom: 64px;}.vv_loc_city:first-child .vv_loc_intro{padding-top: 112px;}.vv_loc_pair{gap: 20px; padding-top: 40px;}.vv_loc_city, .vv_loc_stone{padding-bottom: 80px;}}@media (max-width: 767.98px){.vv_loc_intro{padding-top: 64px; padding-bottom: 48px;}.vv_loc_city:first-child .vv_loc_intro{padding-top: 72px;}#wrapwrap.vv_site .vv_loc_title{font-size: 44px; margin-top: 28px;}.vv_loc_lead{font-size: 16px; line-height: 24px;}.vv_loc_caps, .vv_loc_info{letter-spacing: .14em;}.vv_loc_wide{aspect-ratio: 4 / 3;}.vv_loc_pair{grid-template-columns: 1fr; gap: 16px; padding-top: 16px;}.vv_loc_city, .vv_loc_stone{padding-bottom: 64px;}} /* /viravanna_website/static/src/scss/packaging.scss */ .vv_pk_more_sub, .vv_pk_work_hero figcaption, .vv_pk_folio, .vv_pk_back, .vv_pk_dark_btn, .vv_pk_form .s_website_form_label, .vv_pk_card_client, .vv_pk_filter_label, .vv_pk_filter summary, .vv_pk_bar_count, .vv_pk_bar_cat, .vv_pk_brief, .vv_pk_suite, .vv_pk_subscribe button, .vv_pk_label, #wrapwrap.vv_site .vv_pk_feature_title, .vv_pk_textlink, .vv_pk_btn, .vv_pk_eyebrow{font-family: var(--vv-ui); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; margin: 0;}.vv_pk_arrow{display: inline-block; width: 11px; height: 8px; margin-left: 6px; vertical-align: 1px; transition: transform .3s;}a:hover > .vv_pk_arrow{transform: translateX(3px);}.vv_pk_icon{display: block; width: 26px; height: 26px; stroke-width: 1.8; color: var(--vv-dark);}.vv_pk_rule{display: block; width: 40px; height: 1px; margin-top: 16px; background: rgba(253, 249, 242, 0.6);}.vv_pk_rule_light{background: #cfc5bc;}.vv_pk_rule_dark{background: var(--vv-dark);}.vv_pk_eyebrow{letter-spacing: .24em; color: rgba(253, 249, 242, 0.9);}.vv_pk_eyebrow_dark{font-weight: 600; color: var(--vv-brown);}.vv_pk_slide{position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; min-height: clamp(560px, 62.5vw, 800px); padding: 96px var(--vv-gutter); background: #2b2620; color: var(--vv-cream);}.vv_pk_slide::after{content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(24, 19, 14, 0.3), rgba(24, 19, 14, 0.55));}.vv_pk_slide_first{margin-top: -46px; align-items: flex-end; padding-bottom: 96px;}.vv_pk_bg{position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover;}.vv_pk_slide_text{position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 560px;}.vv_pk_slide_left{justify-content: flex-start;}.vv_pk_slide_left .vv_pk_slide_text{align-items: flex-start; text-align: left; max-width: 450px;}.vv_pk_slide:nth-child(2) .vv_pk_slide_text{max-width: 500px;}#wrapwrap.vv_site .vv_pk_title{font-size: 44px; line-height: 52px; letter-spacing: -.01em; text-transform: uppercase; color: var(--vv-cream); margin: 32px 0 0;}#wrapwrap.vv_site .vv_pk_title_xl{font-size: 64px; line-height: 1; letter-spacing: -.02em; white-space: nowrap; margin-top: 30px;}.vv_pk_text{font-family: var(--vv-ui); font-size: 15px; line-height: 26px; font-weight: 300; color: rgba(253, 249, 242, 0.88); margin: 20px 0 0;}.vv_pk_btn{display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 33px; margin-top: 32px; font-size: 12px; letter-spacing: .2em; color: var(--vv-cream); text-decoration: none; border: 1px solid rgba(253, 249, 242, 0.7); transition: background .3s, color .3s;}.vv_pk_btn:hover{background: var(--vv-cream); color: var(--vv-dark);}.vv_pk_btn_sm{height: 38px; padding: 0 25px; margin-top: 26px;}.vv_pk_textlink{margin-top: 28px; padding-bottom: 6px; font-size: 12px; letter-spacing: .2em; color: var(--vv-cream); text-decoration: none; border-bottom: 1px solid rgba(253, 249, 242, 0.7);}.vv_pk_textlink:hover{color: var(--vv-cream); border-color: var(--vv-cream);}.vv_pk_count{position: absolute; z-index: 2; left: 50%; bottom: 0; transform: translateX(-50%); margin: 0; display: flex; flex-direction: column; align-items: center; gap: 6px; font-family: var(--vv-ui); font-size: 9px; line-height: 9px; letter-spacing: .3em; color: rgba(253, 249, 242, 0.6); margin-bottom: 30px;}.vv_pk_count::after{content: ""; display: block; width: 1px; height: 24px; background: rgba(253, 249, 242, 0.4);}.vv_pk_split{display: grid; grid-template-columns: 1fr 1fr;}.vv_pk_tile{position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; min-height: clamp(480px, 54.7vw, 700px); padding: 64px 32px; background: #2b2620;}.vv_pk_tile + .vv_pk_tile{border-left: 1px solid rgba(253, 249, 242, 0.15);}.vv_pk_tile::after{content: ""; position: absolute; z-index: 1; inset: 0; background: rgba(24, 19, 14, 0.42); pointer-events: none;}.vv_pk_tile .vv_pk_bg{transition: transform 1.2s;}.vv_pk_tile:hover .vv_pk_bg{transform: scale(1.03);}.vv_pk_split .vv_pk_tile:first-child .vv_pk_bg{object-position: 59% 50%;}.vv_pk_tile_text{position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; color: var(--vv-cream);}#wrapwrap.vv_site .vv_pk_tile_title{font-size: 32px; line-height: 40px; letter-spacing: .04em; text-transform: uppercase; color: var(--vv-cream); margin: 22px 0 0;}.vv_pk_tile_sub{font-family: var(--vv-ui); font-size: 13px; line-height: 20px; font-weight: 300; color: rgba(253, 249, 242, 0.88); margin: 8px 0 0;}.vv_pk_discipline{padding: 100px 0 104px; background: var(--vv-cream);}.vv_pk_head{display: flex; flex-direction: column; align-items: center; text-align: center;}.vv_pk_head .vv_pk_eyebrow{color: var(--vv-brown);}.vv_pk_head .vv_pk_rule{width: 32px; margin-top: 14px; background: var(--vv-dark);}#wrapwrap.vv_site .vv_pk_h2{font-size: 32px; line-height: 40px; text-transform: uppercase; color: var(--vv-dark); margin: 14px 0 0;}.vv_pk_features{display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; margin-top: 80px;}.vv_pk_feature, .vv_pk_service{display: flex; flex-direction: column; align-items: center; text-align: center;}.vv_pk_feature p, .vv_pk_service p{font-family: var(--vv-ui); font-size: 13px; line-height: 21.5px; font-weight: 300; color: #4c463f; margin: 12px 0 0; max-width: 320px;}#wrapwrap.vv_site .vv_pk_feature_title{font-family: var(--vv-ui) !important; font-size: 12px; font-weight: 600; letter-spacing: .2em; color: var(--vv-dark); margin-top: 32px;}.vv_pk_dispatch{padding: 100px 0 96px; background: var(--vv-stone);}.vv_pk_dispatch_inner{display: grid; grid-template-columns: 448px 373px; justify-content: center; gap: 75px;}.vv_pk_label{font-size: 11px; letter-spacing: .24em; color: var(--vv-brown);}#wrapwrap.vv_site .vv_pk_h3{font-size: 22px; line-height: 28px; text-transform: uppercase; letter-spacing: -.01em; color: var(--vv-dark); margin: 14px 0 0;}.vv_pk_small{font-family: var(--vv-ui); font-size: 13px; line-height: 22px; font-weight: 300; color: #4c463f; margin: 14px 0 0;}.vv_pk_subscribe{display: flex; align-items: center; margin-top: 20px; border-bottom: 1px solid #9c958e;}.vv_pk_subscribe .form-control{flex: 1; height: 36px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-family: var(--vv-ui); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--vv-dark);}.vv_pk_subscribe .form-control::placeholder{color: #8b847c;}.vv_pk_subscribe .form-control:focus{box-shadow: none; background: transparent;}.vv_pk_subscribe .form-control.is-invalid{color: #a33;}.vv_pk_subscribe button{padding: 0; border: 0; background: none; font-size: 12px; font-weight: 600; letter-spacing: .16em; color: var(--vv-dark);}.vv_pk_subscribe button:disabled{color: var(--vv-brown);}.vv_pk_suite{font-size: 13px; font-weight: 500; letter-spacing: .06em; color: var(--vv-dark); margin-top: 22px;}.vv_pk_address{font-family: var(--vv-ui); font-size: 13px; line-height: 26px; color: var(--vv-dark); margin: 6px 0 0;}.vv_pk_note{font-family: var(--vv-ui); font-size: 13px; line-height: 20px; font-weight: 300; color: #4c463f; margin: 14px 0 0;}.vv_pk_brief{display: inline-block; margin-top: 30px; padding-bottom: 4px; font-size: 12px; font-weight: 500; letter-spacing: 1.68px; color: var(--vv-dark); text-decoration: none; border-bottom: 2px solid var(--vv-dark);}.vv_pk_brief:hover{color: var(--vv-dark);}.vv_pk_list_head{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 100px var(--vv-gutter) 48px;}.vv_pk_list_head .vv_pk_eyebrow{letter-spacing: .29em; margin-right: -.29em;}.vv_pk_list_head .vv_pk_rule{margin-top: 24px;}#wrapwrap.vv_site .vv_pk_list_title{font-size: 44px; line-height: 1; letter-spacing: -.01em; text-transform: uppercase; color: var(--vv-dark); margin: 26px 0 0;}.vv_pk_lead{font-family: var(--vv-ui); font-size: 18px; line-height: 30px; font-weight: 300; color: var(--vv-brown); max-width: 640px; margin: 18px 0 0;}.vv_pk_bar{display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 50px; border-top: 1px solid #e5ded6; border-bottom: 1px solid #e5ded6;}.vv_pk_bar_cat{display: flex; align-items: center; gap: 15px; font-weight: 600; color: var(--vv-dark);}.vv_pk_dot{display: block; width: 5px; height: 5px; border-radius: 50%; background: #87827c;}.vv_pk_bar_right{display: flex; align-items: center; gap: 32px;}.vv_pk_bar_count{letter-spacing: .2em; color: var(--vv-brown);}.vv_pk_filter{position: relative;}.vv_pk_filter summary{display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; font-weight: 600; letter-spacing: .2em; color: var(--vv-dark);}.vv_pk_filter summary::-webkit-details-marker{display: none;}.vv_pk_filter summary svg{width: 12px; height: 10px;}.vv_pk_filter_menu{position: absolute; z-index: 5; right: 0; top: calc(100% + 17px); min-width: 220px; padding: 12px 20px 16px; background: var(--vv-cream); border: 1px solid #e5ded6; box-shadow: 0 12px 32px rgba(38, 32, 26, 0.08);}.vv_pk_filter_menu a{display: block; padding: 5px 0; font-family: var(--vv-ui); font-size: 13px; line-height: 18px; color: #4c463f; text-decoration: none;}.vv_pk_filter_menu a:hover, .vv_pk_filter_menu a.active{color: var(--vv-dark);}.vv_pk_filter_menu a.active{font-weight: 600;}.vv_pk_filter_label{font-size: 10px; color: #7e766e; margin: 10px 0 4px;}.vv_pk_grid{display: grid; grid-template-columns: 1fr 1fr; gap: 96px 32px; margin-top: 76px;}.vv_pk_empty{grid-column: 1 / -1; text-align: center; font-family: var(--vv-ui); color: #7e766e;}.vv_pk_card{display: flex; flex-direction: column; align-items: center; text-align: center; color: var(--vv-dark); text-decoration: none;}.vv_pk_card:hover{color: var(--vv-dark);}.vv_pk_card:hover img{transform: scale(1.03);}.vv_pk_card_img{display: block; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: var(--vv-rule);}.vv_pk_card_img img{display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 1s;}.vv_pk_card_title{font-family: var(--vv-serif); font-size: 22px; line-height: 30px; margin-top: 32px;}.vv_pk_card_client{letter-spacing: .24em; color: var(--vv-brown); margin-top: 5px;}.vv_pk_pager{display: flex; justify-content: center; align-items: baseline; gap: 25px; margin-top: 200px; padding-bottom: 32px; font-family: var(--vv-ui); font-size: 13px; line-height: 20px; letter-spacing: .08em;}.vv_pk_pager a{color: #4c463f; text-decoration: none; padding-bottom: 3px; border-bottom: 1px solid transparent;}.vv_pk_pager a.active{color: var(--vv-dark); border-color: var(--vv-dark);}.vv_pk_pager a:hover{color: var(--vv-dark);}.vv_pk_pager .vv_pk_pager_next{margin-left: 8px; letter-spacing: .12em;}.vv_pk_pager_more{color: #c8c1b8;}.vv_pk_grid:last-child{margin-bottom: 96px;}.vv_pk_services{background: #f7f3ec; border-top: 1px solid #e7e0d8; border-bottom: 1px solid #e7e0d8;}.vv_pk_services_inner{display: grid; grid-template-columns: repeat(3, 1fr); padding-top: 96px; padding-bottom: 96px;}.vv_pk_service{padding: 12px 24px 0;}.vv_pk_service + .vv_pk_service{border-left: 1px solid #e0d9d0;}.vv_pk_service .vv_pk_rule{width: 24px; margin-top: 14px;}.vv_pk_commission{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 130px var(--vv-gutter) 96px; scroll-margin-top: 46px;}#wrapwrap.vv_site .vv_pk_form_title{font-size: 32px; line-height: 40px; color: var(--vv-dark); margin: 16px 0 0;}.vv_pk_form_intro{font-family: var(--vv-ui); font-size: 15px; line-height: 26px; font-weight: 300; color: #4c463f; max-width: 520px; margin: 18px 0 0;}.vv_pk_form{width: 100%; max-width: 576px; margin-top: 40px; text-align: left;}.vv_pk_form .s_website_form_rows{--bs-gutter-x: 32px; row-gap: 32px;}.vv_pk_form .s_website_form_label{display: block; width: auto !important; margin-bottom: 8px; font-size: 10px; font-weight: 600; color: var(--vv-brown);}.vv_pk_form .s_website_form_mark{display: none;}.vv_pk_form .form-control{height: 40px; padding: 0; border: 0; border-bottom: 1px solid #c8c1b8; border-radius: 0; background: transparent; box-shadow: none; font-family: var(--vv-ui); font-size: 15px; color: var(--vv-dark);}.vv_pk_form .form-control::placeholder{color: #a49d95;}.vv_pk_form .form-control:focus{border-color: var(--vv-dark); box-shadow: none; background: transparent;}.vv_pk_form .s_website_form_submit{display: flex; flex-direction: column; align-items: center; margin-top: 16px;}.vv_pk_dark_btn{display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 40px; border: 0; border-radius: 0; font-size: 12px; letter-spacing: .24em; color: var(--vv-cream) !important; background: #3d3530; text-decoration: none; transition: background .3s;}.vv_pk_dark_btn:hover{background: var(--vv-dark);}.vv_pk_work_top{display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-top: 86px;}.vv_pk_back{letter-spacing: .2em; color: var(--vv-brown); text-decoration: none;}.vv_pk_back span{margin-right: 10px;}.vv_pk_back:hover{color: var(--vv-dark);}.vv_pk_folio{letter-spacing: .24em; color: #7e766e;}.vv_pk_work_hero{position: relative; margin: 30px 0 0; aspect-ratio: 1152 / 548; overflow: hidden; background: #f1eff0; border: 1px solid var(--vv-border);}.vv_pk_work_hero img{display: block; width: 100%; height: 100%; object-fit: contain;}.vv_pk_work_hero figcaption{position: absolute; right: 32px; bottom: 32px; padding: 9px 16px; background: rgba(253, 249, 242, 0.92); border: 1px solid var(--vv-border); color: var(--vv-dark);}.vv_pk_work_intro{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 96px var(--vv-gutter) 0;}.vv_pk_work_client{font-family: var(--vv-ui); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: .3em; color: var(--vv-brown); margin: 0;}#wrapwrap.vv_site .vv_pk_work_title{font-size: 64px; line-height: 1.1; letter-spacing: -.02em; color: var(--vv-dark); margin: 16px 0 0;}.vv_pk_work_intro .vv_pk_rule{margin-top: 26px;}.vv_pk_work_concept{max-width: 880px; margin-top: 56px; text-align: left; font-family: var(--vv-ui); font-size: 17px; line-height: 30px; font-weight: 300; color: #4c463f;}.vv_pk_work_concept p{margin: 0;}.vv_pk_work_photos{display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 86px;}.vv_pk_work_photos img{display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: contain; border: 1px solid var(--vv-border); background: #f1eff0;}.vv_pk_work_sections{display: grid; grid-template-columns: 1fr 1fr; gap: 48px 64px; margin-top: 60px; padding-bottom: 72px;}#wrapwrap.vv_site .vv_pk_section_title{font-family: var(--vv-ui) !important; font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--vv-dark); margin: 0; padding-bottom: 12px; border-bottom: 1px solid #e3ddd5;}.vv_pk_section_body{margin-top: 18px; font-family: var(--vv-ui); font-size: 15px; line-height: 28px; font-weight: 300; color: #4c463f;}.vv_pk_section_body p{margin: 0 0 12px;}.vv_pk_section_body strong{font-weight: 500; color: var(--vv-dark);}.vv_pk_more{padding: 70px 0 96px; border-top: 1px solid #eae4dc; text-align: center;}.vv_pk_more .vv_pk_dark_btn{margin-top: 44px;}#wrapwrap.vv_site .vv_pk_more_title{font-size: 44px; line-height: 1.2; letter-spacing: -.01em; color: var(--vv-dark); margin: 0;}.vv_pk_more_sub{max-width: 520px; margin: 14px auto 0; letter-spacing: .3em; color: var(--vv-brown);}.vv_pk_more_grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 64px;}.vv_pk_more_grid .vv_pk_card_title{font-size: 18px; line-height: 27px; margin-top: 16px;}.vv_pk_more_grid .vv_pk_card_client{letter-spacing: .2em;}#wrapwrap.vv_site :is(.vv_pk_dark_btn, .vv_pk_form .form-control, .vv_pk_subscribe .form-control, .vv_pk_subscribe button){font-family: var(--vv-ui) !important;}@media (max-width: 1199.98px){.vv_pk_dispatch_inner{grid-template-columns: 1fr 1fr; gap: 48px;}}@media (max-width: 991.98px){#wrapwrap.vv_site .vv_pk_title_xl{font-size: 52px; white-space: normal;}#wrapwrap.vv_site .vv_pk_title{font-size: 40px; line-height: 46px;}.vv_pk_features, .vv_pk_services_inner{gap: 32px;}.vv_pk_grid{gap: 64px 20px;}.vv_pk_more_grid{grid-template-columns: repeat(2, 1fr); gap: 40px 20px;}#wrapwrap.vv_site .vv_pk_work_title{font-size: 48px;}.vv_pk_work_top{padding-top: 48px;}}@media (max-width: 767.98px){.vv_pk_slide{min-height: min(82svh, 640px); padding: 72px 20px 88px;}.vv_pk_slide_left .vv_pk_slide_text{max-width: none;}#wrapwrap.vv_site .vv_pk_title_xl{font-size: 38px;}#wrapwrap.vv_site .vv_pk_title{font-size: 32px; line-height: 38px; margin-top: 24px;}.vv_pk_text{font-size: 14px; line-height: 24px;}.vv_pk_split{grid-template-columns: 1fr;}.vv_pk_tile{min-height: 440px;}.vv_pk_tile + .vv_pk_tile{border-left: 0; border-top: 1px solid rgba(253, 249, 242, 0.15);}#wrapwrap.vv_site .vv_pk_tile_title{font-size: 26px; line-height: 32px;}.vv_pk_discipline{padding: 72px 0;}#wrapwrap.vv_site .vv_pk_h2{font-size: 26px; line-height: 32px;}.vv_pk_features{grid-template-columns: 1fr; gap: 48px; margin-top: 48px;}.vv_pk_dispatch{padding: 64px 0;}.vv_pk_dispatch_inner{grid-template-columns: 1fr; gap: 56px;}.vv_pk_list_head{padding-top: 64px;}#wrapwrap.vv_site .vv_pk_list_title{font-size: 32px;}.vv_pk_lead{font-size: 16px; line-height: 26px;}.vv_pk_bar{flex-wrap: wrap; padding: 12px 0;}.vv_pk_bar_right{gap: 20px;}.vv_pk_grid{grid-template-columns: 1fr; gap: 56px; margin-top: 40px;}.vv_pk_pager{margin-top: 72px;}.vv_pk_services_inner{grid-template-columns: 1fr; gap: 0; padding-top: 32px; padding-bottom: 32px;}.vv_pk_service{padding: 32px 0;}.vv_pk_service + .vv_pk_service{border-left: 0; border-top: 1px solid #e0d9d0;}.vv_pk_commission{padding-top: 72px; padding-bottom: 72px;}#wrapwrap.vv_site .vv_pk_form_title{font-size: 26px; line-height: 32px;}.vv_pk_dark_btn{padding: 0 20px; letter-spacing: .16em;}.vv_pk_work_top{flex-direction: column; align-items: flex-start; padding-top: 32px;}.vv_pk_work_hero{aspect-ratio: 4 / 3;}.vv_pk_work_hero figcaption{right: 12px; bottom: 12px; left: 12px; font-size: 10px; letter-spacing: .16em;}.vv_pk_work_intro{padding-top: 56px;}#wrapwrap.vv_site .vv_pk_work_title{font-size: 34px;}.vv_pk_work_concept{margin-top: 36px; font-size: 16px; line-height: 27px;}.vv_pk_work_photos, .vv_pk_work_sections{grid-template-columns: 1fr; gap: 16px; margin-top: 48px;}.vv_pk_work_sections{gap: 40px;}.vv_pk_more{padding-top: 56px;}#wrapwrap.vv_site .vv_pk_more_title{font-size: 32px;}.vv_pk_more_grid{margin-top: 40px;}}#vv_pk_results{scroll-margin-top: 46px; transition: opacity .2s;}#vv_pk_results.vv_pk_loading{opacity: .45; pointer-events: none;} /* /viravanna_website/static/src/scss/the_florist.scss */ .vv_florist_page{--vv-florist-paper: #f8f5ee; --vv-florist-ink: #29251f; --vv-florist-muted: #777064; background: var(--vv-florist-paper); color: var(--vv-florist-ink); font-family: var(--vv-sans);}.vv_florist_page img{display: block; max-width: 100%;}.vv_florist_hero{position: relative; container-type: inline-size; display: flex; align-items: flex-end; justify-content: center; width: 100%; aspect-ratio: 1280 / 800; overflow: hidden; background: #786f63;}.vv_florist_hero img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}.vv_florist_hero::before{position: absolute; z-index: 1; inset: 0; background: #ededed; content: ""; mix-blend-mode: multiply; pointer-events: none;}.vv_florist_hero::after{position: absolute; z-index: 2; inset: 0; background: linear-gradient(to top, rgba(38, 32, 26, 0.6), rgba(38, 32, 26, 0) 50%, rgba(38, 32, 26, 0.2)); content: ""; pointer-events: none;}.vv_florist_hero_copy{position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; max-width: 70cqw; padding: 0 1.25cqw 7.5cqw; color: #fdf9f2; text-align: center;}.vv_florist_hero_copy .vv_florist_hero_kicker{font-family: "Inter", var(--vv-sans); margin: 0 0 .9375cqw; font-size: .859375cqw; font-weight: 500; line-height: 1.454545; letter-spacing: .300781cqw; opacity: .9; text-transform: uppercase;}.vv_florist_hero_copy h1{margin: 0 0 .9375cqw; font-family: "Playfair Display", var(--vv-serif); font-size: 5cqw; font-weight: 400; line-height: 1.125; letter-spacing: -.05cqw; text-transform: uppercase;}.vv_florist_hero_copy .vv_florist_hero_tagline{margin: 0; font-family: "Playfair Display", var(--vv-serif); font-size: 1.71875cqw; font-style: italic; line-height: 1.363636; opacity: .9;}.vv_florist_hero_copy .vv_florist_rule{width: 3.125cqw; height: .078125cqw; margin-top: 1.875cqw; background: rgba(253, 249, 242, 0.6);}.vv_florist_collection{padding: 104px var(--vv-gutter) 108px; background: var(--vv-florist-paper);}.vv_florist_section_head{display: flex; flex-direction: column; align-items: center; gap: .9375vw; text-align: center;}.vv_florist_installations{text-align: center;}.vv_florist_kicker{margin: 0; color: #8b7b61; font-size: 10px; line-height: 1.5; font-weight: 500; letter-spacing: .34em; text-transform: uppercase;}.vv_florist_section_head h2, .vv_florist_installations h2, .vv_florist_delivery_copy h2{margin: 11px 0 0; color: var(--vv-florist-ink); font-family: "Playfair Display", var(--vv-serif) !important; font-size: 37px; line-height: 1.08; font-weight: 400; letter-spacing: .035em; text-transform: uppercase;}.vv_florist_section_head h2{font-family: "Playfair Display", var(--vv-serif) !important;}.vv_florist_section_head .vv_florist_kicker{font-family: "Inter", var(--vv-sans); color: #695c50; font-size: .9375vw; font-weight: 600; line-height: 1.5; letter-spacing: .234375vw;}.vv_florist_section_head h2{margin: 0; padding-bottom: .9375vw; font-size: 3.4375vw; line-height: 1.181818; letter-spacing: -.0859375vw;}.vv_florist_rule{display: block; width: 38px; height: 1px; margin: 22px auto 0; background: #8b7b61;}.vv_florist_section_head .vv_florist_rule{width: 3.125vw; height: .078125vw; margin: 0 auto; background: #26201a;}.vv_florist_products{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; max-width: 1152px; margin: 58px auto 0;}.vv_florist_product_column{display: flex; flex-direction: column; gap: 156px; min-width: 0;}.vv_florist_product_column_offset{padding-top: 96px;}.vv_florist_product{min-width: 0;}.vv_florist_product img{width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; background: var(--vv-frame-bg); border: 1px solid var(--vv-frame-border);}.vv_florist_product_caption{display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 17px; color: #6d675e; text-transform: uppercase; font-size: 11px; line-height: 1.3; letter-spacing: .09em;}.vv_florist_product_caption h3{margin: 0; color: var(--vv-florist-ink); font: inherit; font-weight: 500;}.vv_florist_product_caption span{white-space: nowrap; font-size: 10px; letter-spacing: .12em;}.vv_florist_installation_image{width: 100%; overflow: hidden; background: #786f63;}.vv_florist_installation_image img{width: 100%; height: auto;}.vv_florist_installations{padding: 66px var(--vv-gutter) 76px; background: #f4f0e8;}.vv_florist_installations h2{margin-top: 9px;}.vv_florist_installations_copy{margin: 13px 0 21px; color: var(--vv-florist-muted); font-size: 14px; line-height: 1.65; letter-spacing: .025em;}.vv_florist_text_link{display: inline-block; padding-bottom: 6px; border-bottom: 1px solid #8b7b61; color: var(--vv-florist-ink); font-size: 10px; line-height: 1.4; letter-spacing: .17em; text-decoration: none; text-transform: uppercase;}.vv_florist_text_link:hover{color: #8b7b61;}.vv_florist_delivery{display: grid; grid-template-columns: 1fr 1fr; align-items: center; background: #f8f5ee;}.vv_florist_delivery > img{width: 100%; height: 100%; min-height: 420px; object-fit: cover;}.vv_florist_delivery_copy{max-width: 530px; padding: 72px 10% 72px 12%;}.vv_florist_delivery_copy h2{margin-top: 11px; font-size: 33px;}.vv_florist_delivery_copy > p:not(.vv_florist_kicker){margin: 13px 0 20px; color: var(--vv-florist-muted); font-size: 12px; line-height: 1.7;}.vv_florist_delivery_copy ul{display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0; padding: 14px 0 0; border-top: 1px solid #ddd7cc; list-style: none;}.vv_florist_delivery_copy li{color: #777064; font-size: 9px; line-height: 1.5; letter-spacing: .14em; text-transform: uppercase;}@media (min-width: 768px){.vv_florist_kicker{font-family: var(--vv-sans); font-size: 12px; font-weight: 600; line-height: 18px; letter-spacing: 3px;}.vv_florist_section_head .vv_florist_kicker{font-size: .9375vw; font-weight: 600; line-height: 1.5; letter-spacing: .234375vw;}.vv_florist_section_head h2, .vv_florist_installations h2, .vv_florist_delivery_copy h2{font-family: "Playfair Display", var(--vv-serif) !important; font-size: 44px; line-height: 52px; letter-spacing: -1.1px;}.vv_florist_section_head h2{font-size: 3.4375vw; line-height: 1.181818; letter-spacing: -.0859375vw;}.vv_florist_product_caption h3{font-family: "Playfair Display", var(--vv-serif); font-size: 22px; font-weight: 500; line-height: 30px; letter-spacing: .55px;}.vv_florist_product_caption span{font-family: var(--vv-sans); font-size: 13px; font-weight: 400; line-height: 22px; letter-spacing: 1.3px;}.vv_florist_installations_copy, .vv_florist_delivery_copy > p:not(.vv_florist_kicker){font-family: var(--vv-sans); font-size: 18px; font-weight: 300; line-height: 30px; letter-spacing: -.18px;}.vv_florist_text_link{font-family: var(--vv-sans); font-size: 12px; font-weight: 500; line-height: 16px; letter-spacing: 1.68px;}.vv_florist_delivery_copy li{font-family: var(--vv-sans); font-size: 11px; font-weight: 500; line-height: 17.9px; letter-spacing: 2.42px;}}@media (max-width: 767.98px){.vv_florist_hero{min-height: 500px; aspect-ratio: auto;}.vv_florist_hero img{width: 100%; height: 500px; object-fit: cover; object-position: center 42%;}.vv_florist_hero_copy{padding: 0 16px 44px;}.vv_florist_hero_copy .vv_florist_hero_kicker{margin-bottom: 12px; font-size: 10px; letter-spacing: 2.4px;}.vv_florist_hero_copy h1{margin: 10px 0 12px; font-size: 38px; line-height: 46px;}.vv_florist_hero_copy .vv_florist_hero_tagline{font-size: 16px; line-height: 24px;}.vv_florist_hero_copy .vv_florist_rule{width: 40px; height: 1px; margin-top: 24px;}.vv_florist_collection{padding: 64px var(--vv-gutter) 72px;}.vv_florist_section_head h2, .vv_florist_installations h2{font-size: 29px;}.vv_florist_section_head{gap: 12px;}.vv_florist_section_head .vv_florist_rule{margin-top: 8px;}.vv_florist_section_head .vv_florist_kicker{font-size: 10px; letter-spacing: 2.4px;}.vv_florist_products{gap: 15px; margin-top: 38px;}.vv_florist_product_column{gap: 74px;}.vv_florist_product_column_offset{padding-top: 54px;}.vv_florist_product_caption{align-items: flex-start; flex-direction: column; gap: 4px; margin-top: 10px; font-size: 14px;}.vv_florist_product_caption span{font-size: 11px;}.vv_florist_installations{padding: 53px var(--vv-gutter) 58px;}.vv_florist_installations_copy{font-size: 14px;}.vv_florist_delivery{grid-template-columns: 1fr;}.vv_florist_delivery > img{min-height: 0; aspect-ratio: 1.26;}.vv_florist_delivery_copy{padding: 43px var(--vv-gutter) 50px;}.vv_florist_delivery_copy h2{font-size: 29px;}.vv_florist_delivery_copy > p:not(.vv_florist_kicker){font-size: 13px;}.vv_florist_delivery_copy li{font-size: 10px;}.vv_florist_delivery_copy ul{gap: 8px 12px;}}@media (max-width: 575.98px){.vv_florist_products{grid-template-columns: 1fr; gap: 48px;}.vv_florist_product_column{gap: 48px;}.vv_florist_product_column_offset{padding-top: 0;}} /* /viravanna_website/static/src/scss/clother.scss */ .vv_cl_quote_by, .vv_cl_piece_no, .vv_cl_btn, .vv_cl_kicker{font-family: var(--vv-ui); font-size: 11px; line-height: 16px; font-weight: 500; text-transform: uppercase; margin: 0;}.vv_cl{padding-top: 26px;}.vv_cl_band{display: block; width: 100%; height: auto; aspect-ratio: 1280 / 675; object-fit: cover;}.vv_cl_band_portrait{aspect-ratio: 1280 / 536;}.vv_cl_house{padding-bottom: 95px;}.vv_cl_house_alt{background: #e8e6e1;}.vv_cl_intro{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 47px var(--vv-gutter) 0;}.vv_cl_kicker{font-size: 12px; line-height: 18px; font-weight: 600; letter-spacing: 3px; margin-right: -3px; color: var(--vv-brown);}.vv_cl_rule{display: block; width: 40px; height: 1px; margin-top: 17px; background: var(--vv-dark);}#wrapwrap.vv_site .vv_cl_title{font-size: 68px; line-height: 1; letter-spacing: -.02em; text-transform: uppercase; color: var(--vv-dark); margin: 26px 0 0;}.vv_cl_lead{font-family: var(--vv-ui); font-size: 18px; line-height: 29.25px; font-weight: 300; letter-spacing: -.18px; color: #4c463f; max-width: 640px; margin: 21px 0 0;}.vv_cl_btn{display: inline-flex; align-items: center; gap: 14px; height: 46px; margin-top: 31px; padding: 0 34px; font-size: 12px; letter-spacing: 2.4px; color: var(--vv-dark); text-decoration: none; border: 1px solid var(--vv-dark); transition: background .3s, color .3s;}.vv_cl_btn span{letter-spacing: 0; transition: transform .3s;}.vv_cl_btn:hover{background: var(--vv-dark); color: var(--vv-cream);}.vv_cl_btn:hover span{transform: translateX(3px);}.vv_cl_pair{display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 49px; scroll-margin-top: 70px;}.vv_cl_piece{margin: 0;}.vv_cl_piece img{display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; background: var(--vv-frame-bg); border: 1px solid var(--vv-frame-border);}.vv_cl_piece figcaption{display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-top: 20px; padding-bottom: 12px; border-bottom: 1px solid var(--vv-border);}.vv_cl_piece em{font-family: var(--vv-ui); font-size: 13px; line-height: 16px; font-style: italic; color: var(--vv-dark); text-align: right;}.vv_cl_piece_no{letter-spacing: .24em; color: var(--vv-brown);}.vv_cl_quote{display: flex; justify-content: space-between; align-items: center; gap: 32px; min-height: 93px; padding: 20px 128px; background: #e7e3dc;}.vv_cl_quote blockquote{margin: 0; padding: 0; border: 0; font-family: var(--vv-serif); font-style: italic; font-size: 24px; line-height: 32px; color: var(--vv-dark);}.vv_cl_quote_by{letter-spacing: .24em; color: var(--vv-brown); white-space: nowrap;}@media (max-width: 1199.98px){.vv_cl_quote{padding-left: var(--vv-gutter); padding-right: var(--vv-gutter);}}@media (max-width: 991.98px){#wrapwrap.vv_site .vv_cl_title{font-size: 52px;}.vv_cl_quote{flex-direction: column; align-items: flex-start; gap: 12px; padding-top: 28px; padding-bottom: 28px;}}@media (max-width: 767.98px){.vv_cl{padding-top: 16px;}.vv_cl_band{aspect-ratio: 4 / 3;}.vv_cl_band_portrait{aspect-ratio: 4 / 3; object-position: 35% center;}.vv_cl_house{padding-bottom: 64px;}.vv_cl_intro{padding-top: 40px;}#wrapwrap.vv_site .vv_cl_title{font-size: 40px; margin-top: 20px;}.vv_cl_lead{font-size: 16px; line-height: 26px;}.vv_cl_pair{grid-template-columns: 1fr; gap: 40px; margin-top: 40px;}.vv_cl_piece figcaption{flex-direction: column; gap: 6px;}.vv_cl_piece em{text-align: left;}.vv_cl_quote blockquote{font-size: 20px; line-height: 28px;}.vv_cl_quote_by{white-space: normal;}} /* /viravanna_website/static/src/scss/homie.scss */ .vv_hm_btn, .vv_hm_textlink, .vv_hm_part_label, .vv_hm_part figcaption, .vv_hm_vertical, .vv_hm_piece_sub, .vv_hm_piece_meta, .vv_hm_hero_foot, .vv_hm_hero_kicker, .vv_hm_kicker{font-family: var(--vv-ui); font-size: 11px; line-height: 16px; font-weight: 500; text-transform: uppercase; margin: 0;}.vv_hm{padding-top: 37px;}.vv_hm_kicker{letter-spacing: .26em; color: var(--vv-brown);}.vv_hm_rule{display: block; width: 40px; height: 1px; background: var(--vv-dark);}.vv_hm_hero{position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; min-height: clamp(520px, 55.08vw, 705px); color: var(--vv-cream); background: #8f877b;}.vv_hm_hero::after{content: ""; position: absolute; z-index: 1; inset: 0; background: rgba(38, 32, 26, 0.12); pointer-events: none;}.vv_hm_hero_img{position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover;}.vv_hm_hero_text{position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 24px 6px;}.vv_hm_hero_kicker{letter-spacing: .3em; margin-right: -.3em; color: rgba(253, 249, 242, 0.95);}#wrapwrap.vv_site .vv_hm_hero_title{font-size: 64px; line-height: 1; letter-spacing: -.01em; text-transform: uppercase; color: var(--vv-cream); margin: 28px 0 0;}.vv_hm_hero_rule{display: block; width: 40px; height: 1px; margin-top: 35px; background: rgba(253, 249, 242, 0.8);}.vv_hm_hero_lead{font-family: var(--vv-ui); font-size: 18px; line-height: 30px; font-weight: 300; color: var(--vv-cream); max-width: 500px; margin: 22px 0 0;}.vv_hm_hero_foot{position: absolute; z-index: 2; left: var(--vv-gutter); right: var(--vv-gutter); bottom: 40px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; letter-spacing: .24em; color: rgba(253, 249, 242, 0.85);}.vv_hm_hero_foot a{justify-self: end; color: inherit; text-decoration: none;}.vv_hm_hero_foot a:hover{color: var(--vv-cream);}.vv_hm_collection{padding: 95px 0; scroll-margin-top: 46px;}.vv_hm_manifesto{display: grid; grid-template-columns: 461fr 659fr; gap: 32px;}#wrapwrap.vv_site .vv_hm_manifesto_title{font-size: 32px; line-height: 41px; letter-spacing: -.01em; color: var(--vv-dark); margin: 5px 0 0; max-width: 320px;}.vv_hm_manifesto_body p{font-family: var(--vv-ui); font-size: 18px; line-height: 29.25px; font-weight: 300; letter-spacing: -.18px; color: #4c463f; margin: 23px 0 0;}.vv_hm_pieces{display: grid; grid-template-columns: 462fr 229fr 462fr; margin-top: 96px;}.vv_hm_piece_low{margin-top: 96px;}.vv_hm_piece img{display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; background: var(--vv-frame-bg); border: 1px solid var(--vv-frame-border);}.vv_hm_piece_meta{display: flex; justify-content: space-between; gap: 16px; margin-top: 30px; padding-bottom: 13px; letter-spacing: .24em; color: var(--vv-dark); border-bottom: 1px solid var(--vv-border);}#wrapwrap.vv_site .vv_hm_piece_title{font-size: 22px; line-height: 30px; letter-spacing: 0; text-transform: uppercase; color: var(--vv-dark); margin: 15px 0 0;}.vv_hm_piece_sub{letter-spacing: .24em; color: var(--vv-brown); margin-top: 4px;}.vv_hm_piece_text{font-family: var(--vv-ui); font-size: 13px; line-height: 22px; color: #4c463f; max-width: 390px; margin: 14px 0 0;}.vv_hm_vertical{display: grid; grid-template-columns: auto auto; grid-template-rows: 115px auto 128px; justify-content: center; column-gap: 2px; row-gap: 12px; margin-top: 337px; letter-spacing: .3em; color: var(--vv-dark);}.vv_hm_vertical::before, .vv_hm_vertical::after{content: ""; grid-column: 1 / -1; justify-self: center; width: 1px; background: var(--vv-taupe);}.vv_hm_vertical::before{grid-row: 1;}.vv_hm_vertical::after{grid-row: 3;}.vv_hm_vertical span{grid-row: 2; writing-mode: vertical-rl;}.vv_hm_vertical span:first-child{grid-column: 2;}.vv_hm_vertical span:last-child{grid-column: 1;}.vv_hm_gifting{padding: 95px 0; background: #f7f3ec; border-top: 1px solid #ebe5dc;}.vv_hm_gifting_head{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 var(--vv-gutter);}.vv_hm_gifting_head .vv_hm_kicker{margin-right: -.26em;}.vv_hm_gifting_head .vv_hm_rule{margin-top: 18px;}#wrapwrap.vv_site .vv_hm_gifting_title{font-size: 48px; line-height: 1; letter-spacing: -.01em; text-transform: uppercase; color: var(--vv-dark); margin: 14px 0 0;}.vv_hm_gifting_lead{font-family: var(--vv-ui); font-size: 18px; line-height: 28px; font-style: italic; font-weight: 300; color: #4c463f; margin: 17px 0 0;}.vv_hm_parts{display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 64px;}.vv_hm_part figure{position: relative; margin: 0;}.vv_hm_part img{display: block; width: 100%; height: auto; aspect-ratio: 560 / 561; object-fit: cover; border: 1px solid var(--vv-border);}.vv_hm_part figcaption{position: absolute; left: 25px; bottom: 26px; padding: 12px 17px; letter-spacing: .08em; color: var(--vv-dark); background: rgba(253, 249, 242, 0.9);}.vv_hm_part_label{font-size: 12px; letter-spacing: .2em; color: var(--vv-brown); margin-top: 29px;}.vv_hm_part_text{font-family: var(--vv-ui); font-size: 14px; line-height: 22px; color: #4c463f; max-width: 450px; margin: 6px 0 0;}.vv_hm_gifting_cta{display: flex; justify-content: center; margin-top: 62px; padding: 0 var(--vv-gutter);}.vv_hm_textlink{display: inline-flex; gap: 14px; padding-bottom: 9px; border-bottom: 2px solid var(--vv-dark); font-size: 13px; letter-spacing: .2em; color: var(--vv-dark); text-decoration: none; text-align: center;}.vv_hm_textlink span{letter-spacing: 0; transition: transform .3s;}.vv_hm_textlink:hover{color: var(--vv-dark);}.vv_hm_textlink:hover span{transform: translateX(3px);}.vv_hm_band{display: block; width: 100%; height: auto; aspect-ratio: 1280 / 522; object-fit: cover;}.vv_hm_viewing{padding: 95px calc(var(--vv-gutter) + 40px) 96px;}.vv_hm_viewing_box{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 48px 64px; align-items: start; padding: 66px 65px; background: #f6f2eb; border: 1px solid #dfd7cf;}.vv_hm_viewing_text{padding-top: 16px;}#wrapwrap.vv_site .vv_hm_viewing_title{font-size: 30px; line-height: 41px; letter-spacing: -.01em; color: var(--vv-dark); margin: 9px 0 0;}.vv_hm_viewing_body{font-family: var(--vv-ui); font-size: 13px; line-height: 22px; color: #4c463f; margin: 17px 0 0;}.vv_hm_viewing_actions{display: flex; gap: 16px; align-items: flex-start;}.vv_hm_btn{display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 210px; min-height: 66px; padding: 8px 32px; font-size: 12px; letter-spacing: .1em; color: var(--vv-dark); text-decoration: none; border: 1px solid var(--vv-dark); transition: background .3s, color .3s;}.vv_hm_btn span:first-child{max-width: 130px;}.vv_hm_btn:hover{background: var(--vv-dark); color: var(--vv-cream);}.vv_hm_btn_dark{width: 222px; min-height: 64px; background: var(--vv-dark); color: var(--vv-cream);}.vv_hm_btn_dark:hover{background: #000; color: var(--vv-cream);}@media (max-width: 1199.98px){.vv_hm_viewing{padding-left: var(--vv-gutter); padding-right: var(--vv-gutter);}.vv_hm_viewing_box{grid-template-columns: 1fr;}}@media (max-width: 991.98px){.vv_hm_manifesto{grid-template-columns: 1fr; gap: 24px;}#wrapwrap.vv_site .vv_hm_manifesto_title{max-width: none;}.vv_hm_pieces{grid-template-columns: 1fr 1fr; gap: 32px;}.vv_hm_vertical{display: none;}.vv_hm_piece_low{margin-top: 64px;}}@media (max-width: 767.98px){.vv_hm{padding-top: 16px;}.vv_hm_hero{min-height: min(78svh, 600px);}.vv_hm_hero::after{background: linear-gradient(to bottom, rgba(38, 32, 26, 0.25), rgba(38, 32, 26, 0.5));}#wrapwrap.vv_site .vv_hm_hero_title{font-size: 44px; margin-top: 20px;}.vv_hm_hero_lead{font-size: 16px; line-height: 26px;}.vv_hm_hero_foot{bottom: 20px; grid-template-columns: 1fr auto; letter-spacing: .16em; white-space: nowrap;}.vv_hm_hero_foot .vv_hm_hero_prov{display: none;}.vv_hm_collection, .vv_hm_gifting{padding: 64px 0;}.vv_hm_manifesto_body p{font-size: 16px; line-height: 27px;}.vv_hm_pieces{grid-template-columns: 1fr; gap: 48px; margin-top: 56px;}.vv_hm_piece_low{margin-top: 0;}#wrapwrap.vv_site .vv_hm_gifting_title{font-size: 34px; line-height: 1.1;}.vv_hm_gifting_lead{font-size: 16px; line-height: 26px;}.vv_hm_parts{grid-template-columns: 1fr; gap: 40px; margin-top: 40px;}.vv_hm_part figcaption{left: 12px; right: 12px; bottom: 12px; font-size: 10px;}.vv_hm_band{aspect-ratio: 16 / 9;}.vv_hm_viewing{padding-top: 56px; padding-bottom: 64px;}.vv_hm_viewing_box{padding: 40px 24px;}#wrapwrap.vv_site .vv_hm_viewing_title{font-size: 26px; line-height: 34px;}.vv_hm_viewing_actions{flex-direction: column; align-items: stretch;}.vv_hm_btn{width: auto;}}