@font-face { font-family: "Franklin Gothic"; font-weight: 500; font-style: normal; src: url("https://freight.cargo.site/m/R2512894836591410965899130759670/FrankGotBooXCmp.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 500; font-style: italic; src: url("https://freight.cargo.site/m/N2512894836831218638857354930678/FrankGotMedIta.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 900; font-style: normal; src: url("https://freight.cargo.site/m/S2512894836738984918488807172598/FrankGotHea.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 500; font-style: normal; src: url("https://freight.cargo.site/m/F2512894836775878406636226275830/FrankGotMed.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 500; font-style: italic; src: url("https://freight.cargo.site/m/V2512894836517623989604292553206/FrankGotBooCmpIta.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 500; font-style: normal; src: url("https://freight.cargo.site/m/L2512894836794325150709935827446/FrankGotMedCnd.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 500; font-style: normal; src: url("https://freight.cargo.site/m/U2512894836499177245530583001590/FrankGotBooCmp.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 400; font-style: italic; src: url("https://freight.cargo.site/m/V2512894836683644686267678517750/FrankGotDemCndIta.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 400; font-style: normal; src: url("https://freight.cargo.site/m/Q2512894836628304454046549862902/FrankGotDem.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 400; font-style: italic; src: url("https://freight.cargo.site/m/Y2512894836702091430341388069366/FrankGotDemIta.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 900; font-style: italic; src: url("https://freight.cargo.site/m/P2512894836757431662562516724214/FrankGotHeaIta.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 500; font-style: italic; src: url("https://freight.cargo.site/m/F2512894836812771894783645379062/FrankGotMedCndIta.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 400; font-style: normal; src: url("https://freight.cargo.site/m/S2512894836646751198120259414518/FrankGotDemCmp.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 500; font-style: italic; src: url("https://freight.cargo.site/m/E2512894836572964221825421208054/FrankGotBooIta.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 400; font-style: normal; src: url("https://freight.cargo.site/m/N2512894836720538174415097620982/FrankGotDemXCmp.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 500; font-style: italic; src: url("https://freight.cargo.site/m/K2512894836554517477751711656438/FrankGotBooCndIta.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 500; font-style: normal; src: url("https://freight.cargo.site/m/L2512894836536070733678002104822/FrankGotBooCnd.woff2") format("woff2"); } @font-face { font-family: "Franklin Gothic"; font-weight: 400; font-style: normal; src: url("https://freight.cargo.site/m/C2512894836665197942193968966134/FrankGotDemCnd.woff2") format("woff2"); } @font-face { font-family: "Neutra Disp"; font-weight: 500; font-style: normal; src: url("https://freight.cargo.site/m/P2512893843086668644050099825142/NeutraDisp-Medium.woff2") format("woff2"); } @font-face { font-family: "Neutra Disp"; font-weight: 400; font-style: normal; src: url("https://freight.cargo.site/m/B2512893843308029572934614444534/NeutraDisp-Titling.woff2") format("woff2"); } @font-face { font-family: "Neutra Disp"; font-weight: 400; font-style: normal; src: url("https://freight.cargo.site/m/U2512893843252689340713485789686/NeutraDisp-NumAlt.woff2") format("woff2"); } @font-face { font-family: "Neutra Disp"; font-weight: 300; font-style: normal; src: url("https://freight.cargo.site/m/S2512893843271136084787195341302/NeutraDisp-Thin.woff2") format("woff2"); } @font-face { font-family: "Neutra Disp"; font-weight: 700; font-style: normal; src: url("https://freight.cargo.site/m/U2512893842994434923681552067062/NeutraDisp-BoldAlt.woff2") format("woff2"); } @font-face { font-family: "Neutra Disp"; font-weight: 400; font-style: normal; src: url("https://freight.cargo.site/m/V2512893843012881667755261618678/NeutraDisp-Drafting.woff2") format("woff2"); } @font-face { font-family: "Neutra Disp"; font-weight: 700; font-style: normal; src: url("https://freight.cargo.site/m/L2512893842939094691460423412214/NeutraDisp-Bold.woff2") format("woff2"); } @font-face { font-family: "Neutra Disp"; font-weight: 400; font-style: normal; src: url("https://freight.cargo.site/m/Q2512893843031328411828971170294/NeutraDisp-DraftingAlt.woff2") format("woff2"); } @font-face { font-family: "Neutra Disp"; font-weight: 200; font-style: normal; src: url("https://freight.cargo.site/m/B2512893843049775155902680721910/NeutraDisp-Light.woff2") format("woff2"); } @font-face { font-family: "Neutra Disp"; font-weight: 500; font-style: normal; src: url("https://freight.cargo.site/m/M2512893843160455620344938031606/NeutraDisp-MediumAlt.woff2") format("woff2"); } @font-face { font-family: "Neutra Disp"; font-weight: 400; font-style: normal; src: url("https://freight.cargo.site/m/N2512893843234242596639776238070/NeutraDisp-Num.woff2") format("woff2"); } @font-face { font-family: "Neutra Disp"; font-weight: 300; font-style: normal; src: url("https://freight.cargo.site/m/Q2512893843289582828860904892918/NeutraDisp-ThinAlt.woff2") format("woff2"); } ont-face { font-family: "Neutra Disp"; font-weight: 700; font-style: normal; src: url("https://freight.cargo.site/m/T2511521720693121337548363852278/NeutraDisp-BoldAlt.woff") format("woff"); }html { --mobile-scale: 1; --mobile-padding-offset: 0.8; } body { background-color: #000000; --colorfilter-color: #FF0000; --colorfilter-color-opacity: 1; --colorfilter-mix: lighten; --colorfilter-grayscale: 1; --swatch-1: #fffbeb; --swatch-2: #e2d9c4; --swatch-3: #d3c5a3; --swatch-4: #792f17; --swatch-5: #9d743d; --swatch-6: #9ab08a; --swatch-7: #0e4c52; } body.mobile { } a:active, .linked:active, .zoomable::part(media):active { opacity: 0.7; } .page a.active { text-decoration: underline; text-decoration-color: rgba(0, 0, 0, 0.4); color: #b78035; } sub { position: relative; vertical-align: baseline; top: 0.3em; } sup { position: relative; vertical-align: baseline; top: -0.4em; } .small-caps { font-variant: small-caps; text-transform: lowercase; } ol { margin: 0; padding: 0 0 0 2.5em; } ul { margin: 0; padding: 0 0 0 2.0em; } ul.lineated { margin: 0; padding: 0; list-style-type: none; margin: 0 0 0 3em; text-indent: -3em; } blockquote { margin: 0; padding: 0 0 0 2em; } hr { border: 0; height: 2px; display: block; margin-top: 0rem; margin-bottom: 0rem; background: #000000; } .content { border-color: rgba(0,0,0,.85); border-width: 0rem; border-style: solid; margin-left: 0rem; } bodycopy { font-size: 1.2rem; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-family: classico-urw; font-style: normal; line-height: 0.8; letter-spacing: 0em; display: block; } bodycopy a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } bodycopy a:hover { } h1 { font-family: swiss-721-bt; font-style: normal; font-weight: 200; margin: 0; font-size: 2.20rem; line-height: 1.2; color: rgba(0, 0, 0, 0.75); letter-spacing: 0; } h1 a { color: rgba(0, 0, 0, 0.75); text-decoration: none; } h1 a:hover { } h2 { font-family: "Monument Grotesk Variable"; font-style: normal; font-weight: 550; margin: 0; font-size: 1.05rem; line-height: 1.2; color: rgba(0, 0, 0, 0.75); letter-spacing: 0em; font-variation-settings: 'slnt' 0, 'MONO' 0.5; } h2 a { color: rgba(0, 0, 0, 0.75); text-decoration: none; } h2 a:hover { } .caption { font-size: 1.1rem; font-weight: 900; color: rgba(0, 0, 0, 0.85); font-family: pennypacker; font-style: normal; line-height: 1; letter-spacing: 1em; display: inline-block; } .mobile .caption { font-size: 0.75rem; } .caption a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .caption a:hover { } media-item .caption { margin-top: .5em; } gallery-slideshow .caption { margin-top: 4em; } gallery-grid .caption, gallery-columnized .caption, gallery-justify .caption { margin-bottom: 2em; } [thumbnail-index] .caption { text-align: center; } [thumbnail-index] .caption .tags { margin-top: 0.25em; } .page { justify-content: center; } .page-content { padding: 0rem; text-align: center; border-style: solid; border-top-width: 0rem; border-left-width: 0rem; border-color: rgba(0,0,0,.85); height: auto; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } .mobile [id] .page-layout { padding: 0; } .mobile [id] .page-content { border: 0; border-radius: 0; } .page-layout { align-items: flex-end; max-width: 100%; padding: 0rem; } media-item::part(media) { border: 0; padding: 0; border-style: solid; border-radius: 1rem; padding-top: 0rem; } .quick-view { height: 100%; width: 100%; padding: 3rem; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; } .quick-view-background { background-color: #ffffff; } .quick-view .caption { color: rgba(255, 255, 255, 1.0); padding: 20px 0; text-align: center; transition: 100ms opacity ease-in-out; position: absolute; bottom: 0; left: 0; right: 0; } .quick-view .caption-background { padding: 0.5rem 1rem; display: inline-block; background: rgba(0, 0, 0, 0.5); border-radius: .5rem; text-align: left; max-width: 50rem; } .mobile .quick-view { width: 100%; height: 100%; margin: 0; padding: 10px; } .mobile .quick-view .caption { padding: 10px 0; } .product-info-price { --text-style: "*Product Info - Header"; font-size: 2.55rem; font-weight: 900; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.2; letter-spacing: 0em; display: inline-block; padding-top: 0rem; } .mobile .product-info-price { font-size: 2.5rem; } .product-info-price a { color: #000000; text-decoration: none; } .product-info-price a:hover { } .product-info-specs-1 { --text-style: "*Product Info - Specs"; font-size: 1.5rem; font-weight: 400; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.75; letter-spacing: 0em; display: inline-block; padding-top: 0rem; padding-left: 0rem; padding-right: 0rem; } .mobile .product-info-specs-1 { font-size: 1.35rem; } .product-info-specs-1 a { color: #000000; text-decoration: underline; } .product-info-specs-1 a:hover { } .overlay-menu-categories { --text-style: "*Overlay Menu - Categories"; font-size: 1.9rem; font-weight: 700; color: #fffbeb; font-family: pennypacker; font-style: normal; line-height: 2.2; letter-spacing: 0em; display: inline-block; background: rgba(0,0,0,0); } .mobile .overlay-menu-categories { font-size: 1.20rem; } .overlay-menu-categories a { color: #fffbeb; text-decoration: none; } .overlay-menu-categories a:hover { } .footer-linked-info { --text-style: "*Footer - Linked Info"; font-size: 1.20rem; font-weight: 400; color: #000000; font-family: swiss-721-bt; font-style: normal; line-height: 1.15; letter-spacing: 0em; display: inline-block; padding-top: 0rem; padding-left: 0rem; padding-right: 0rem; } .footer-linked-info a { color: #000000; text-decoration: none; } .footer-linked-info a:hover { } .footer-address { --text-style: "*Footer "; font-size: 1.10rem; font-weight: 900; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.45; letter-spacing: 0em; display: inline-block; padding-top: 0rem; padding-left: 0rem; padding-right: 0rem; border-width: 0.0rem; } .footer-address a { color: #000000; text-decoration: underline; } .footer-address a:hover { } .footer-link { --text-style: "*Footer - Link"; font-size: 1.15rem; font-weight: 500; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.55; letter-spacing: 0em; display: inline-block; padding-top: 0rem; padding-left: 0rem; padding-right: 0rem; } .mobile .footer-link { font-size: 1.45rem; } .footer-link a { color: #000000; text-decoration: underline; } .footer-link a:hover { } .top-nav-pre-order { --text-style: "*Top Nav - Pre Order"; font-size: 1.45rem; font-weight: 700; font-family: pennypacker; font-style: normal; line-height: 1.2; letter-spacing: 0em; display: inline-block; border-color: #000000; border-style: solid; border-radius: 999rem; padding-top: 0.5rem; padding-right: 1.4rem; padding-bottom: 0.5rem; padding-left: 1.3rem; border-width: 0.2rem; background: #9ab08a; color: #fffbeb; } .top-nav-pre-order a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .top-nav-pre-order a:hover { } .top-nav-dropdown { --text-style: "*Top Nav-Dropdown"; font-size: 2.55rem; font-weight: 500; color: rgba(0, 0, 0, 0.85); font-family: swiss-721-bt; font-style: normal; line-height: 0.8; letter-spacing: 0em; display: block; } .mobile .top-nav-dropdown { font-size: 2.70rem; } .top-nav-dropdown a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .top-nav-dropdown a:hover { } .button-4-2 { --text-style: "*Top Nav-Dropdown"; font-size: 2.90rem; font-weight: 900; font-family: pennypacker; font-style: normal; line-height: 0.5; letter-spacing: 0.001em; color: #000000; display: inline-block; border-color: rgba(0, 0, 0, 0.85); border-style: solid; border-radius: 10rem; border-width: 0.2rem; padding: 0.5rem; } .button-4-2 a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .button-4-2 a:hover { } .button-4-2 a.active { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .tagline { --text-style: "*Tagline"; font-size: 3.35rem; font-weight: 900; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.65; letter-spacing: 0em; display: block; background: rgba(0,0,0,0); } .mobile .tagline { font-size: 2.80rem; } .tagline a { color: #000000; text-decoration: underline; } .tagline a:hover { } .tagline-italics { --text-style: "*Tagline Italics-Made in USA"; font-size: 3.10rem; font-weight: 700; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.95; letter-spacing: 0em; display: block; background: #e2d9c4; } .tagline-italics a { color: #000000; text-decoration: none; } .tagline-italics a:hover { } .section-header { --text-style: "*Section Header"; font-size: 3.90rem; font-weight: 900; color: #393b37; font-family: pennypacker; font-style: normal; line-height: 1.85; letter-spacing: 0em; display: block; } .section-header a { color: #393b37; text-decoration: none; } .section-header a:hover { } .section-info { --text-style: "*Section Info"; font-size: 2.40rem; font-weight: 900; color: rgba(0, 0, 0, 0.75); font-family: pennypacker; font-style: normal; line-height: 1.85; letter-spacing: 0em; display: block; } .section-info a { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .section-info a:hover { } .button-3 { --text-style: "*MADE IN USA"; font-size: 2.75rem; font-weight: 900; font-family: pennypacker; font-style: normal; line-height: 1.85; letter-spacing: 0em; color: #fffbeb; background: #9d743d; display: inline-block; border-radius: 3rem; border-style: solid; padding: 5.1rem; } .button-3 a { color: #fffbeb; text-decoration: none; } .button-3 a:hover { } .button-3 a.active { color: #ffffff; text-decoration: none; } .button-9 { --text-style: "*MARINE GRADE"; font-size: 2.75rem; font-weight: 900; font-family: pennypacker; font-style: normal; line-height: 1.85; letter-spacing: 0em; color: #fffbeb; background: #9ab08a; display: inline-block; border-radius: 3rem; padding: 3.6rem; border-style: solid; } .button-9 a { color: #fffbeb; text-decoration: none; } .button-9 a:hover { } .button-9 a.active { color: #ffffff; text-decoration: none; } .button-10-1 { --text-style: "*SHORT LEAD TIMES"; font-size: 2.75rem; font-weight: 900; font-family: pennypacker; font-style: normal; line-height: 1.85; letter-spacing: 0em; color: #fffbeb; background: #0e4c52; display: inline-block; border-style: solid; border-radius: 3rem; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; } .button-10-1 a { color: #fffbeb; text-decoration: none; } .button-10-1 a:hover { } .button-10-1 a.active { color: #ffffff; text-decoration: none; } .section-summary { --text-style: "*Section Summary"; font-size: 2.90rem; font-weight: 400; color: #000000; font-family: pennypacker; font-style: italic; line-height: 1.7; letter-spacing: 0em; display: block; background: rgba(0,0,0,0); padding: 0rem; } .section-summary a { color: #000000; text-decoration: none; } .section-summary a:hover { } .tagline-small { --text-style: "*Tagline Small"; font-size: 3.55rem; font-weight: 900; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.65; letter-spacing: 0em; display: block; background: rgba(0,0,0,0); } .tagline-small a { color: #000000; text-decoration: none; } .tagline-small a:hover { } .photo-title { --text-style: "*Photo Title"; font-size: 1.45rem; font-weight: 700; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.25; letter-spacing: 0; display: inline-block; border-width: 0rem; border-style: solid; border-color: rgba(0,0,0,0.85); padding: 0rem; padding-left: 0.5rem; background: rgba(0,0,0,0); } .mobile .photo-title { font-size: 0.75rem; } .photo-title a { color: #000000; text-decoration: underline; } .photo-title a:hover { } .made-in-usa-desc { --text-style: "*Made in USA Desc."; font-size: 2.20rem; font-weight: 500; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.6; letter-spacing: 0em; display: inline-block; filter: drop-shadow(0rem 0rem 0rem #97741e); will-change: filter; background: rgba(0,0,0,0); } .mobile .made-in-usa-desc { font-size: 0.75rem; } .made-in-usa-desc a { color: #000000; text-decoration: none; } .made-in-usa-desc a:hover { } .caption-small { --text-style: "*Caption Small"; font-size: 1rem; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-family: pennypacker; font-style: normal; line-height: 1.5; letter-spacing: 0em; display: inline-block; border-width: 0rem; padding: 0rem; padding-left: 0.5rem; padding-top: 0.0rem; } .mobile .caption-small { font-size: 1.15rem; } .caption-small a { color: rgba(0, 0, 0, 0.85); text-decoration: underline; } .caption-small a:hover { } .made-in-usa-desc-small { --text-style: "*Made in USA Desc. Small"; font-size: 1.50rem; font-weight: 400; color: #000000; font-family: pennypacker; font-style: normal; line-height: 2.35; letter-spacing: 0em; display: inline-block; border-width: 0rem; padding: 0rem; border-radius: 0.2rem; filter: drop-shadow(0rem 0rem 0rem #d3c5a3); will-change: filter; padding-right: 2rem; } .mobile .made-in-usa-desc-small { font-size: 0.75rem; } .made-in-usa-desc-small a { color: #000000; text-decoration: none; } .made-in-usa-desc-small a:hover { } .tagline-paragraph { --text-style: "*Tagline Paragraph"; font-size: 1.65rem; font-weight: 400; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.85; letter-spacing: 0em; display: block; background: rgba(0,0,0,0); } .tagline-paragraph a { color: #000000; text-decoration: underline; } .tagline-paragraph a:hover { } .tagline-italics-marine { --text-style: "*Tagline Italics-Lead"; font-size: 3.10rem; font-weight: 700; color: #fffbeb; font-family: pennypacker; font-style: normal; line-height: 1.95; letter-spacing: 0em; display: block; background: #0e4c52; } .tagline-italics-marine a { color: #fffbeb; text-decoration: none; } .tagline-italics-marine a:hover { } .tagline-italics-marine-grade { --text-style: "*Tagline Italics-Marine Grade"; font-size: 3.10rem; font-weight: 700; color: #fffbeb; font-family: pennypacker; font-style: normal; line-height: 1.95; letter-spacing: 0em; display: block; background: #9d743d; } .tagline-italics-marine-grade a { color: #fffbeb; text-decoration: none; } .tagline-italics-marine-grade a:hover { } .tagline-italics-fabrics { --text-style: "*Tagline Italics-Fabrics"; font-size: 3.10rem; font-weight: 700; color: #fffbeb; font-family: pennypacker; font-style: normal; line-height: 1.95; letter-spacing: 0em; display: block; background: #9ab08a; } .tagline-italics-fabrics a { color: #fffbeb; text-decoration: none; } .tagline-italics-fabrics a:hover { } .tagline-red { --text-style: "*Tagline-Red"; font-size: 4.70rem; font-weight: 900; color: #fffbeb; font-family: pennypacker; font-style: normal; line-height: 1.65; letter-spacing: 0em; display: inline-block; background: rgba(0,0,0,0); } .tagline-red a { color: #fffbeb; text-decoration: none; } .tagline-red a:hover { } .section-text { --text-style: "*Landing Page Body"; font-size: 2rem; font-weight: 700; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.65; letter-spacing: 0em; display: inline-block; background: rgba(0,0,0,0); } .section-text a { color: #000000; text-decoration: underline; } .section-text a:hover { } .info-section { --text-style: "*Materials Section"; font-size: 1.4rem; font-weight: 500; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.65; letter-spacing: 0em; display: block; background: rgba(0,0,0,0); } .info-section a { color: #000000; text-decoration: underline; } .info-section a:hover { } .product-info-shipping { --text-style: "*Product Info - Shipping"; font-size: 1.35rem; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-family: pennypacker; font-style: italic; line-height: 1.2; letter-spacing: 0em; display: inline-block; padding-top: 0rem; } .mobile .product-info-shipping { font-size: 1.75rem; } .product-info-shipping a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .product-info-shipping a:hover { } .product-info-specs-footnote { --text-style: "*Product Info - Specs Footnote"; font-size: 1.30rem; font-weight: 400; color: #000000; font-family: pennypacker; font-style: italic; line-height: 1.75; letter-spacing: 0em; display: inline-block; padding-top: 0rem; padding-left: 0rem; padding-right: 0rem; } .mobile .product-info-specs-footnote { font-size: 1.25rem; } .product-info-specs-footnote a { color: #000000; text-decoration: underline; } .product-info-specs-footnote a:hover { } .tagline-envelope { --text-style: "*Tagline-Envelope"; font-size: 12.65rem; font-weight: 900; color: #fffbeb; font-family: pennypacker; font-style: normal; line-height: 1.65; letter-spacing: 0em; display: block; background: rgba(0,0,0,0); } .tagline-envelope a { color: #fffbeb; text-decoration: none; } .tagline-envelope a:hover { } .tagline-inquiries { --text-style: "*Tagline - Inquiries"; font-size: 2.40rem; font-weight: 700; color: #fffbeb; font-family: pennypacker; font-style: normal; line-height: 1.95; letter-spacing: 0em; display: block; background: #0e4c52; } .tagline-inquiries a { color: #fffbeb; text-decoration: none; } .tagline-inquiries a:hover { } .tagline-white { --text-style: "*Section Title"; font-size: 3.05rem; font-weight: 900; color: #000000; font-family: pennypacker; font-style: normal; line-height: 2; letter-spacing: 0; display: block; background: rgba(0,0,0,0); border-style: solid; border-radius: 1.4rem; padding-top: 15rem; padding-right: 0rem; } .mobile .tagline-white { font-size: 2.55rem; } .tagline-white a { color: #000000; text-decoration: underline; } .tagline-white a:hover { } .specs { --text-style: "*Specs"; font-size: 1.30rem; font-weight: 400; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.65; letter-spacing: 0em; display: block; background: rgba(0,0,0,0); } .specs a { color: #000000; text-decoration: underline; } .specs a:hover { } .button-2 { --text-style: "Pre-Order Button"; font-size: 2.05rem; font-weight: 900; font-family: pennypacker; font-style: normal; line-height: 0.8; letter-spacing: 0em; color: #000000; background: #fffbeb; display: inline-block; border-color: #000000; border-style: solid; border-width: 0.3rem; border-radius: 0.6rem; filter: drop-shadow(0rem 0.5rem 0.6rem rgba(0, 0, 0, 0.3)); will-change: filter; padding: 1.3rem; } .button-2 a { color: #000000; text-decoration: none; } .button-2 a:hover { } .button-2 a.active { color: #ffffff; text-decoration: none; } .info-section-bullet { --text-style: "*Materials Section Bullet"; font-size: 1.25rem; font-weight: 400; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.65; letter-spacing: 0em; display: block; background: rgba(0,0,0,0); } .info-section-bullet a { color: #000000; text-decoration: underline; } .info-section-bullet a:hover { } .overlay-text-305633 { --text-style: "Overlay text 305633"; font-family: "Diatype Variable"; font-style: normal; font-weight: 450; margin: 0; font-size: 2rem; line-height: 1.3; color: #ffffff; letter-spacing: 0; font-variation-settings: 'slnt' 0, 'MONO' 0; } .mobile .overlay-text-305633 { } .overlay-text-305633 a { color: #ffffff; text-decoration: none; } .overlay-text-305633 a:hover { } .overlay-menu-address { --text-style: "*Overlay Menu - Address"; font-size: 1.90rem; font-weight: 700; color: #fffbeb; font-family: pennypacker; font-style: normal; line-height: 1.95; letter-spacing: 0em; display: inline-block; background: rgba(0,0,0,0); } .mobile .overlay-menu-address { font-size: 1.1rem; } .overlay-menu-address a { color: #fffbeb; text-decoration: none; } .overlay-menu-address a:hover { } .product-info-upcoming { --text-style: "*Product Info - Upcoming"; font-size: 1.35rem; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-family: pennypacker; font-style: italic; line-height: 1.2; letter-spacing: 0em; display: inline-block; padding-top: 0rem; } .mobile .product-info-upcoming { font-size: 1.60rem; } .product-info-upcoming a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .product-info-upcoming a:hover { } .button-4 { --text-style: "*Button-Order"; font-size: 1.35rem; font-weight: 700; font-family: pennypacker; font-style: normal; line-height: 1.3; letter-spacing: 0em; color: #000000; display: inline-block; border-color: rgba(0, 0, 0, 0.85); border-style: solid; border-radius: 200rem; border-width: 0.2rem; padding: 1.6rem; } .mobile .button-4 { font-size: 1.10rem; } .button-4 a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .button-4 a:hover { } .button-4 a.active { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .info-section-header { --text-style: "*Info Section Header"; font-size: 2.20rem; font-weight: 900; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.65; letter-spacing: 0em; display: block; background: rgba(0,0,0,0); } .info-section-header a { color: #000000; text-decoration: underline; } .info-section-header a:hover { } .info-section-body { --text-style: "*Info Section Body"; font-size: 1.50rem; font-weight: 400; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.65; letter-spacing: 0em; display: block; background: rgba(0,0,0,0); } .info-section-body a { color: #000000; text-decoration: underline; } .info-section-body a:hover { } .price-lounge-chair { --text-style: "*Price-Lounge Chair"; font-size: 2.25rem; font-weight: 700; color: #000000; font-family: pennypacker; font-style: normal; line-height: 0.75; letter-spacing: 0em; display: inline-block; background: rgba(0,0,0,0); } .price-lounge-chair a { color: #000000; text-decoration: underline; } .price-lounge-chair a:hover { } .info-page-urls { --text-style: "*Info Page - URLS"; font-size: 1.00rem; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-family: pennypacker; font-style: normal; line-height: 1.6; letter-spacing: 0em; display: inline-block; border-width: 0rem; padding: 0rem; padding-left: 0.5rem; padding-top: 0.0rem; } .mobile .info-page-urls { font-size: 1.15rem; } .info-page-urls a { color: rgba(0, 0, 0, 0.85); text-decoration: underline; } .info-page-urls a:hover { } .tagline-lounge-chair { --text-style: "*Tagline-Lounge Chair"; font-size: 3.35rem; font-weight: 900; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1; letter-spacing: 0em; display: block; background: rgba(0,0,0,0); } .mobile .tagline-lounge-chair { font-size: 2.80rem; } .tagline-lounge-chair a { color: #000000; text-decoration: underline; } .tagline-lounge-chair a:hover { } .inquiries-welcome { --text-style: "*Inquiries Welcome"; font-size: 3.35rem; font-weight: 900; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.65; letter-spacing: 0em; display: block; background: rgba(0,0,0,0); } .mobile .inquiries-welcome { font-size: 2.50rem; } .inquiries-welcome a { color: #000000; text-decoration: underline; } .inquiries-welcome a:hover { } .inquiries-list { --text-style: "*Inquiries List"; font-size: 2rem; font-weight: 700; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1.65; letter-spacing: 0em; display: inline-block; background: rgba(0,0,0,0); } .inquiries-list a { color: #000000; text-decoration: underline; } .inquiries-list a:hover { } .lounge-chair-caption { --text-style: "*Lounge Chair Caption"; font-size: 0.95rem; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-family: pennypacker; font-style: normal; line-height: 1.5; letter-spacing: 0em; display: inline-block; border-width: 0rem; padding: 0rem; padding-left: 0.5rem; padding-top: 0.0rem; } .mobile .lounge-chair-caption { font-size: 0.75rem; } .lounge-chair-caption a { color: rgba(0, 0, 0, 0.85); text-decoration: underline; } .lounge-chair-caption a:hover { } .info-designed-by { --text-style: "*INFO - Designed By"; font-size: 2.20rem; font-weight: 900; color: #000000; font-family: pennypacker; font-style: normal; line-height: 1; letter-spacing: 0em; display: block; background: rgba(0,0,0,0); } .mobile .info-designed-by { font-size: 2.15rem; } .info-designed-by a { color: #000000; text-decoration: underline; } .info-designed-by a:hover { } .landing-lc500 { --text-style: "Landing - LC500"; font-size: 1.35rem; font-weight: 900; color: rgba(0, 0, 0, 0.85); font-family: pennypacker; font-style: normal; line-height: 0.8; letter-spacing: 0em; display: block; } .mobile .landing-lc500 { font-size: 1.20rem; } .landing-lc500 a { color: rgba(0, 0, 0, 0.85); text-decoration: underline; } .landing-lc500 a:hover { } .button-6 { --text-style: "Add to Cart Button"; font-size: 1.1rem; font-weight: 700; font-family: swiss-721-bt; font-style: normal; line-height: 1; letter-spacing: 1em; color: #fffbeb; background: #000000; display: inline-block; border-radius: 999rem; padding-top: 0.7rem; padding-right: 1.5rem; padding-bottom: 0.7rem; padding-left: 1.5rem; } .mobile .button-6 { font-size: 0.75rem; } .button-6 a { color: #fffbeb; text-decoration: none; } .button-6 a:hover { } .button-6 a.active { color: #ffffff; text-decoration: none; } .add-to-car { --text-style: "Add To Cart"; font-size: 1.50rem; font-weight: 700; color: rgba(0, 0, 0, 0.85); font-family: swiss-721-bt; font-style: normal; line-height: 0.8; letter-spacing: 0em; display: block; } .add-to-car a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .add-to-car a:hover { } .button-6-1 { --text-style: "button 6-1"; font-size: 1.1rem; font-weight: 900; font-family: pennypacker; font-style: normal; line-height: 1; letter-spacing: 1em; color: #ffffff; background: rgba(0, 0, 0, 0.4); display: inline-block; border-radius: 999rem; padding-top: 0.7rem; padding-right: 1.5rem; padding-bottom: 0.7rem; padding-left: 1.5rem; } .mobile .button-6-1 { font-size: 0.75rem; } .button-6-1 a { color: #ffffff; text-decoration: none; } .button-6-1 a:hover { } .button-6-1 a.active { color: #ffffff; text-decoration: none; } .cart-product-details { --text-style: "Cart Product Freight"; font-size: 1.35rem; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-family: swiss-721-bt; font-style: normal; line-height: 1.2; letter-spacing: 0em; display: block; } .cart-product-details a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .cart-product-details a:hover { } .button-4-1 { --text-style: "Cart Button"; font-size: 1.35rem; font-weight: 400; font-family: swiss-721-bt; font-style: normal; line-height: 0.8; letter-spacing: 0em; color: #000000; display: inline-block; border-color: rgba(0, 0, 0, 0.85); border-style: solid; border-radius: 999rem; padding-top: 0.6rem; padding-right: 1.4rem; padding-bottom: 0.6rem; padding-left: 1.3rem; border-width: 0.2rem; } .button-4-1 a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .button-4-1 a:hover { } .button-4-1 a.active { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .cart-photo-caption { --text-style: "Cart Photo Caption"; font-size: 1.15rem; font-weight: 500; color: rgba(0, 0, 0, 0.85); font-family: swiss-721-bt; font-style: normal; line-height: 0.5; letter-spacing: 0em; display: block; } .cart-photo-caption a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .cart-photo-caption a:hover { } .button-8 { --text-style: "Dropdown Colors"; font-size: 1.45rem; font-weight: 400; font-family: swiss-721-bt; font-style: normal; line-height: 1.2; letter-spacing: 0em; color: rgba(0, 0, 0, 0.85); display: inline-block; border-width: 0.2rem; filter: drop-shadow(0rem 0rem 0rem rgba(0,0,0,0.85)); will-change: filter; border-radius: 0.4rem; padding: 0.8rem; padding-right: 8rem; padding-left: 8rem; border-color: rgba(0,0,0,0.85); border-style: solid; } .button-8 a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .button-8 a:hover { } .button-8 a.active { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .cart-product-header { --text-style: "Cart Product Header"; font-size: 2.65rem; font-weight: 400; color: #000000; font-family: swiss-721-bt-no2; font-style: normal; line-height: 1.2; letter-spacing: 0em; display: block; } .cart-product-header a { color: #000000; text-decoration: none; } .cart-product-header a:hover { } .button-8-1 { --text-style: "button 8"; font-size: 1.65rem; font-weight: 700; font-family: swiss-721-bt; font-style: normal; line-height: 0.8; letter-spacing: 0em; color: rgba(0, 0, 0, 0.85); display: inline-block; border-color: rgba(0, 0, 0, 0.85); border-style: solid; border-width: 0.2rem; filter: drop-shadow(0rem 0rem 0rem rgba(0,0,0,0.85)); will-change: filter; border-radius: 0.5rem; padding: 0.8rem; padding-right: 1rem; padding-left: 1rem; } .button-8-1 a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .button-8-1 a:hover { } .button-8-1 a.active { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .cart-product-price { --text-style: "Cart Product Price"; font-size: 2.40rem; font-weight: 700; color: rgba(0, 0, 0, 0.85); font-family: swiss-721-bt; font-style: normal; line-height: 1.2; letter-spacing: 0em; display: block; } .cart-product-price a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .cart-product-price a:hover { } .cart-product-title { --text-style: "Cart Product Title"; font-size: 2.85rem; font-weight: 900; color: #000000; font-family: pennypacker; font-style: normal; line-height: 0.8; letter-spacing: 0em; display: block; } .cart-product-title a { color: #000000; text-decoration: none; } .cart-product-title a:hover { } .mobile .quick-view .caption-background { max-width: 100vw; } ::part(slideshow-nav) { --button-size: 30px; --button-inset: 20px; --button-icon-color: rgba(255, 255, 255, 0.9); --button-icon-stroke-width: 1.5px; --button-icon-stroke-linecap: none; --button-background-color: rgba(87, 87, 87, 0.35); --button-background-radius: 50%; --button-active-opacity: 0.7; } gallery-slideshow::part(slideshow-nav) { --button-inset: 15px; } .quick-view::part(slideshow-nav) { } .wallpaper-slideshow::part(slideshow-nav) { } .mobile ::part(slideshow-nav) { --button-inset: 10px; } .mobile .quick-view::part(slideshow-nav) { --button-inset: 25px; } audio-player { --text-color: rgba(0, 0, 0, 0.85); --text-padding: 0 1.2em 0 1.0em; --background-color: rgba(255, 255, 255, 0); --buffer-background-color: rgba(0, 0, 0, 0.03); --progress-background-color: rgba(0, 0, 0, 0.075); --border-lines: 1px solid rgba(0, 0, 0, 0.2); font-size: 1.2rem; width: 32rem; height: 2.75em; font-family: "Diatype Variable"; font-style: normal; font-weight: 400; font-variation-settings: 'slnt' 0, 'MONO' 0; line-height: normal; letter-spacing: 0em; margin-bottom: 0.5em; border-radius: 10em; } audio-player::part(button) { --icon-color: rgba(0, 0, 0, 0.85); --icon-size: 32%; --play-text: ''; --pause-text: ''; width: 3.15em; display: inline-flex; justify-content: center; cursor: pointer; } audio-player::part(play-icon) { padding-left: 0.6em; } audio-player::part(pause-icon) { padding-left: 0.4em; } audio-player::part(progress-indicator) { border-right: 1px solid rgba(0, 0, 0, 0); height: 100%; cursor: ew-resize; } audio-player::part(separator) { border-right: var(--border-lines); } body.mobile audio-player { max-width: 100%; }

Lounge Chair

$1,800

Cushion Configuration

.product-box { max-width: 400px; font-family: Arial, sans-serif; } .base-price { font-size: 18px; margin-bottom: 1rem; } .option-group label { display: block; margin-bottom: .5rem; text-transform: uppercase; font-size: 13px; color: #555; } .option-group select { width: 100%; padding: .6rem; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; appearance: none; } .selection-display, .total-price { margin-top: .75rem; font-size: 15px; color: #222; } .product-box { max-width: 400px; font-family: Arial, sans-serif; } .base-price { font-size: 18px; margin-bottom: 1rem; } .option-group label { display: block; margin-bottom: .5rem; text-transform: uppercase; font-size: 13px; color: #555; } .option-group select { width: 100%; padding: .6rem; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; appearance: none; } .selection-display, .total-price { margin-top: .75rem; font-size: 15px; color: #222; }.product-box { max-width: 400px; font-family: Arial, sans-serif; } .base-price { font-size: 18px; margin-bottom: 1rem; } .option-group label { display: block; margin-bottom: .5rem; text-transform: uppercase; font-size: 13px; color: #555; } .option-group select { width: 100%; padding: .6rem; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; appearance: none; } .selection-display, .total-price { margin-top: .75rem; font-size: 15px; color: #222; } .mobile .content { border: 0; margin: 0; }shop-product { font-size: 1inherit.2rem; max-width: 22rem; font-family: swiss-721-bt; font-style: normal; font-weight: 700; letter-spacing: 0em; margin-bottom: 1em; } shop-product::part(price) { color: rgba(0, 0, 0, 0.75); line-height: 2.1; margin-bottom: 0.5em; } shop-product::part(dropdown) { width: 100%; color: rgba(0, 0, 0, 0.85); border: 1px solid #000000; background-color: rgba(255, 255, 255, 0.0); background-image: url(https://static.cargo.site/assets/images/select-line-arrows.svg); background-repeat: no-repeat; background-position: top 0em right .1em; line-height: 1.2; padding: 0.58em 2em 0.55em 0.9em; border-radius: 10em; margin-bottom: 0.5em; } shop-product::part(button) { background: #fbcd11; color: rgba(0, 0, 0, 0.75); text-align: left; line-height: normal; padding: 0em 0em; cursor: pointer; border-radius: 1em; } shop-product::part(button):active { opacity: .7; }