{"id":114491,"date":"2026-09-29T20:48:30","date_gmt":"2026-09-30T00:48:30","guid":{"rendered":"https:\/\/poshlibrary.com\/?page_id=114491"},"modified":"2026-10-02T13:16:32","modified_gmt":"2026-10-02T17:16:32","slug":"surfsurf-home","status":"publish","type":"page","link":"https:\/\/poshlibrary.com\/pt_BR\/","title":{"rendered":"Surf&#038;Surf Home"},"content":{"rendered":"<style id=\"ss-home-css\">\n\/* Surf&Surf homepage \u2014 restore via Appearance \u2192 Customize \u2192 Additional CSS *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap');<\/p>\n<p>:root {\n  --ss-sand: #f7f0e6;\n  --ss-foam: #faf7f2;\n  --ss-charcoal: #2c2a28;\n  --ss-warm-gray: #6b6560;\n  --ss-line: rgba(44, 42, 40, 0.12);\n  --ss-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;\n  --ss-sans: 'DM Sans', system-ui, -apple-system, sans-serif;\n}<\/p>\n<p>\/* Soften Uncode chrome around the homepage block *\/\n.page-id-114491 #page-header,\n.home #page-header {\n  display: none !important;\n}\n.page-id-114491 .main-container .row-container,\n.home .main-container .row-container {\n  max-width: none !important;\n}\n.page-id-114491 .post-content,\n.home .post-content,\n.page-id-114491 .uncont,\n.home .uncont {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n.page-id-114491 .row-inner > .wpb_column > .uncol > .uncoltable > .uncell > .uncont,\n.home .row-inner > .wpb_column > .uncol > .uncoltable > .uncell > .uncont {\n  padding: 0 !important;\n}<\/p>\n<p>.ss-home {\n  font-family: var(--ss-sans);\n  color: var(--ss-charcoal);\n  background: var(--ss-sand);\n  margin: 0;\n  padding: 0;\n}<\/p>\n<p>.ss-home p { margin: 0; }<\/p>\n<p>\/* \u2014\u2014 Hero \u2014\u2014 *\/\n.ss-hero {\n  position: relative;\n  min-height: 92vh;\n  min-height: 92dvh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  background: #1a1816;\n  color: #fff;\n}\n.ss-hero video {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 0;\n}\n.ss-hero-scrim {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background: linear-gradient(\n    to bottom,\n    rgba(26, 24, 22, 0.35) 0%,\n    rgba(26, 24, 22, 0.25) 45%,\n    rgba(26, 24, 22, 0.55) 100%\n  );\n  pointer-events: none;\n}\n.ss-hero-content {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  padding: 2rem 1.5rem 4rem;\n  max-width: 44rem;\n}\n.ss-eyebrow {\n  font-family: var(--ss-sans);\n  font-size: 0.72rem;\n  font-weight: 500;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.85);\n  margin-bottom: 1rem !important;\n}\n.ss-hero h1 {\n  font-family: var(--ss-serif) !important;\n  font-weight: 500 !important;\n  font-size: clamp(3rem, 9vw, 5.5rem) !important;\n  letter-spacing: 0.08em;\n  line-height: 1.05 !important;\n  margin: 0 0 1.75rem !important;\n  color: #fff !important;\n  text-transform: uppercase;\n}\n.ss-cta {\n  display: inline-block;\n  font-family: var(--ss-sans);\n  font-size: 0.78rem;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: #fff !important;\n  text-decoration: none !important;\n  border: 1px solid rgba(255, 255, 255, 0.85);\n  padding: 0.85rem 1.6rem;\n  transition: background 0.2s ease, color 0.2s ease;\n}\n.ss-cta:hover {\n  background: #fff;\n  color: var(--ss-charcoal) !important;\n}\n.ss-scroll {\n  position: absolute;\n  z-index: 2;\n  bottom: 1.5rem;\n  left: 50%;\n  transform: translateX(-50%);\n  font-family: var(--ss-sans);\n  font-size: 0.65rem;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.7);\n}<\/p>\n<p>\/* \u2014\u2014 Editorial \u2014\u2014 *\/\n.ss-editorial {\n  background: var(--ss-foam);\n  padding: clamp(3.5rem, 8vw, 6rem) 1.5rem;\n  text-align: center;\n}\n.ss-editorial-inner {\n  max-width: 36rem;\n  margin: 0 auto;\n}\n.ss-editorial h2 {\n  font-family: var(--ss-serif) !important;\n  font-weight: 500 !important;\n  font-style: italic;\n  font-size: clamp(2rem, 4.5vw, 3rem) !important;\n  line-height: 1.2 !important;\n  color: var(--ss-charcoal) !important;\n  margin: 0 0 1rem !important;\n}\n.ss-editorial p {\n  font-family: var(--ss-sans);\n  font-size: 1rem;\n  line-height: 1.65;\n  color: var(--ss-warm-gray);\n}\n.ss-divider {\n  width: 3rem;\n  border: 0;\n  border-top: 1px solid var(--ss-line);\n  margin: 1.75rem auto 0;\n}<\/p>\n<p>\/* \u2014\u2014 Opening Set \u2014\u2014 *\/\n.ss-opening {\n  background: var(--ss-sand);\n  padding: clamp(3rem, 7vw, 5rem) clamp(1.25rem, 4vw, 3rem) clamp(4rem, 8vw, 6rem);\n}\n.ss-opening-inner {\n  max-width: 1120px;\n  margin: 0 auto;\n}\n.ss-opening-header {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 1rem;\n  margin-bottom: 2rem;\n  flex-wrap: wrap;\n}\n.ss-opening-header h2 {\n  font-family: var(--ss-sans) !important;\n  font-weight: 500 !important;\n  font-size: 0.78rem !important;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: var(--ss-charcoal) !important;\n  margin: 0 !important;\n}\n.ss-shop-all {\n  font-family: var(--ss-sans);\n  font-size: 0.78rem;\n  font-weight: 500;\n  letter-spacing: 0.06em;\n  color: var(--ss-charcoal) !important;\n  text-decoration: none !important;\n  border-bottom: 1px solid transparent;\n}\n.ss-shop-all:hover {\n  border-bottom-color: var(--ss-charcoal);\n}<\/p>\n<p>.ss-grid {\n  display: grid !important;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: clamp(1rem, 2.5vw, 1.75rem);\n  align-items: start;\n}\n.ss-product {\n  margin: 0 !important;\n  background: transparent;\n}\n.ss-product-link {\n  display: block;\n  text-decoration: none !important;\n  color: inherit;\n}\n.ss-product-photo {\n  display: block;\n  width: 100% !important;\n  height: auto !important;\n  aspect-ratio: 4 \/ 5;\n  object-fit: cover;\n  background: #ebe4da;\n  border-radius: 2px;\n}\n.ss-product-name {\n  font-family: var(--ss-serif) !important;\n  font-size: 1.15rem !important;\n  font-weight: 500 !important;\n  letter-spacing: 0.02em;\n  color: var(--ss-charcoal) !important;\n  margin: 0.85rem 0 0 !important;\n  text-align: left;\n}<\/p>\n<p>@media (max-width: 900px) {\n  .ss-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n@media (max-width: 520px) {\n  .ss-grid { grid-template-columns: 1fr; }\n  .ss-hero { min-height: 85vh; }\n}<\/p>\n<p>\/* specificity overrides vs Fonts Plugin *\/\n.page-id-114491 .ss-hero h1,\n.home .ss-hero h1,\n.ss-home .ss-hero h1,\n.page-id-114491 .ss-home .ss-hero h1,\n.home .ss-home .ss-hero h1,\n.page-id-114491 .entry-content .ss-hero h1,\n.home .entry-content .ss-hero h1,\n.page-id-114491 .type-page .ss-hero h1 {\n  font-family: var(--ss-serif) !important;\n  font-weight: 500 !important;\n}<\/p>\n<p>.page-id-114491 .ss-editorial h2,\n.home .ss-editorial h2,\n.ss-home .ss-editorial h2,\n.page-id-114491 .ss-home .ss-editorial h2,\n.home .ss-home .ss-editorial h2,\n.page-id-114491 .entry-content .ss-editorial h2,\n.home .post-content .ss-editorial h2,\n.page-id-114491 .type-page .ss-editorial h2 {\n  font-family: var(--ss-serif) !important;\n  font-weight: 500 !important;\n  font-style: italic !important;\n}<\/p>\n<p>.page-id-114491 .ss-product-name,\n.home .ss-product-name,\n.ss-home .ss-product-name,\n.page-id-114491 .ss-home .ss-product-name,\n.home .ss-home .ss-product-name {\n  font-family: var(--ss-serif) !important;\n  font-weight: 500 !important;\n}<\/p>\n<p>\/* \u2014\u2014 Brand story \u2014\u2014 *\/\n.ss-story {\n  background: var(--ss-foam);\n  padding: clamp(3.5rem, 8vw, 6rem) clamp(1.25rem, 4vw, 3rem);\n}\n.ss-story-inner {\n  max-width: 960px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: clamp(2rem, 5vw, 4rem);\n  align-items: center;\n}\n.ss-story-kicker {\n  font-family: var(--ss-sans);\n  font-size: 0.72rem;\n  font-weight: 500;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: var(--ss-warm-gray);\n  margin: 0 0 1rem !important;\n}\n.ss-story h2 {\n  font-family: var(--ss-serif) !important;\n  font-weight: 500 !important;\n  font-style: italic;\n  font-size: clamp(1.85rem, 4vw, 2.75rem) !important;\n  line-height: 1.2 !important;\n  color: var(--ss-charcoal) !important;\n  margin: 0 0 1.25rem !important;\n}\n.ss-story p {\n  font-family: var(--ss-sans);\n  font-size: 1rem;\n  line-height: 1.7;\n  color: var(--ss-warm-gray);\n  margin: 0 0 1rem !important;\n}\n.ss-story p:last-child { margin-bottom: 0 !important; }\n.ss-story-aside {\n  border-left: 1px solid var(--ss-line);\n  padding-left: clamp(1.25rem, 3vw, 2rem);\n}\n.ss-story-aside h3 {\n  font-family: var(--ss-sans) !important;\n  font-size: 0.78rem !important;\n  font-weight: 500 !important;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--ss-charcoal) !important;\n  margin: 0 0 0.75rem !important;\n}\n.ss-story-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.ss-story-list li {\n  font-family: var(--ss-sans);\n  font-size: 0.95rem;\n  line-height: 1.55;\n  color: var(--ss-warm-gray);\n  padding: 0.55rem 0;\n  border-bottom: 1px solid var(--ss-line);\n}\n.ss-story-list li:last-child { border-bottom: 0; }\n.ss-story-list strong {\n  display: block;\n  font-weight: 500;\n  color: var(--ss-charcoal);\n  margin-bottom: 0.15rem;\n}<\/p>\n<p>\/* \u2014\u2014 Soft CTA band \u2014\u2014 *\/\n.ss-cta-band {\n  background: var(--ss-sand);\n  padding: clamp(3rem, 7vw, 5rem) 1.5rem;\n  text-align: center;\n  border-top: 1px solid var(--ss-line);\n}\n.ss-cta-band h2 {\n  font-family: var(--ss-serif) !important;\n  font-weight: 500 !important;\n  font-size: clamp(1.75rem, 3.5vw, 2.4rem) !important;\n  color: var(--ss-charcoal) !important;\n  margin: 0 0 0.75rem !important;\n}\n.ss-cta-band p {\n  font-family: var(--ss-sans);\n  font-size: 1rem;\n  line-height: 1.6;\n  color: var(--ss-warm-gray);\n  max-width: 28rem;\n  margin: 0 auto 1.75rem !important;\n}\n.ss-cta-dark {\n  display: inline-block;\n  font-family: var(--ss-sans);\n  font-size: 0.78rem;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: #fff !important;\n  text-decoration: none !important;\n  background: var(--ss-charcoal);\n  border: 1px solid var(--ss-charcoal);\n  padding: 0.9rem 1.7rem;\n  transition: background 0.2s ease, color 0.2s ease;\n}\n.ss-cta-dark:hover {\n  background: transparent;\n  color: var(--ss-charcoal) !important;\n}<\/p>\n<p>@media (max-width: 760px) {\n  .ss-story-inner { grid-template-columns: 1fr; }\n  .ss-story-aside {\n    border-left: 0;\n    border-top: 1px solid var(--ss-line);\n    padding-left: 0;\n    padding-top: 1.5rem;\n  }\n}<\/p>\n<p>\/* Hero poster fallback while video loads *\/\n.ss-hero {\n  background-image: url(https:\/\/poshlibrary.com\/wp-content\/uploads\/2026\/09\/ss-hero-ocean-poster.jpg);\n  background-size: cover;\n  background-position: center;\n}<\/p>\n<p>\/* Hide WP page title after content was saved outside VC *\/\n.page-id-114491 .post-title-wrapper,\n.home .post-title-wrapper {\n  display: none !important;\n}<\/p>\n<p>\/* Full-bleed home block inside Uncode default row *\/\n.page-id-114491 .post-content > .row-container,\n.home .post-content > .row-container {\n  max-width: none !important;\n  width: 100% !important;\n}\n.page-id-114491 .post-content > .row-container > .row-parent,\n.home .post-content > .row-container > .row-parent {\n  max-width: none !important;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}<\/p>\n<\/style>\n<div class=\"ss-home\">\n<section class=\"ss-hero\" aria-label=\"Surf and Surf coastal introduction\"><video class=\"ss-hero-video\" autoplay muted loop playsinline preload=\"metadata\" poster=\"https:\/\/poshlibrary.com\/wp-content\/uploads\/2026\/09\/ss-hero-ocean-poster.jpg\" aria-hidden=\"true\"><source src=\"https:\/\/poshlibrary.com\/wp-content\/uploads\/2026\/09\/ss-hero-ocean-1280.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<div class=\"ss-hero-scrim\"><\/div>\n<div class=\"ss-hero-content\">\n<p class=\"ss-eyebrow\">OPENING SET \/ VOL. 01<\/p>\n<h1>SURF&amp;SURF<\/h1>\n<p><a class=\"ss-cta\" href=\"https:\/\/surfandsurf.printful.me\" target=\"_blank\" rel=\"noopener\">Shop the drop<\/a><\/p>\n<\/div>\n<div class=\"ss-scroll\">Scroll<\/div>\n<\/section>\n<section class=\"ss-editorial\">\n<div class=\"ss-editorial-inner\">\n<h2>Coastal by nature.<\/h2>\n<p>Curated pieces inspired by the coast, the swell, and days in motion.<\/p>\n<hr class=\"ss-divider\" \/>\n<\/div>\n<\/section>\n<section id=\"shop\" class=\"ss-opening\">\n<div class=\"ss-opening-inner\">\n<div class=\"ss-opening-header\">\n<h2>OPENING SET<\/h2>\n<p><a class=\"ss-shop-all\" href=\"https:\/\/surfandsurf.printful.me\" target=\"_blank\" rel=\"noopener\">Shop all \u2192<\/a><\/p>\n<\/div>\n<div class=\"ss-grid\">\n<article class=\"ss-product\"><a class=\"ss-product-link\" href=\"https:\/\/surfandsurf.printful.me\/product\/unisex-t-shirt\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"ss-product-photo\" src=\"https:\/\/cdn.printful.me\/t\/quick-stores\/products\/18791421-71-6ab32e38d1856\" alt=\"Aloha Tee lifestyle mockup\" \/><\/a><\/p>\n<p class=\"ss-product-name\">Aloha Tee<\/p>\n<p class=\"ss-product-price\">from $45<\/p>\n<\/article>\n<article class=\"ss-product\"><a class=\"ss-product-link\" href=\"https:\/\/surfandsurf.printful.me\/product\/womens-relaxed-t-shirt\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"ss-product-photo\" src=\"https:\/\/poshlibrary.com\/wp-content\/uploads\/2026\/09\/graphish-tee-final.jpg\" alt=\"Graphish Tee lifestyle mockup\" \/><\/a><\/p>\n<p class=\"ss-product-name\">Graphish Tee<\/p>\n<p class=\"ss-product-price\">from $40<\/p>\n<\/article>\n<article class=\"ss-product\"><a class=\"ss-product-link\" href=\"https:\/\/surfandsurf.printful.me\/product\/eco-tote-bag\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"ss-product-photo\" src=\"https:\/\/poshlibrary.com\/wp-content\/uploads\/2026\/09\/tropicat-tote-kuka-final.jpg\" alt=\"Tropicat Tote lifestyle mockup\" \/><\/a><\/p>\n<p class=\"ss-product-name\">Tropicat Tote<\/p>\n<p class=\"ss-product-price\">from $21<\/p>\n<\/article>\n<article class=\"ss-product\"><a class=\"ss-product-link\" href=\"https:\/\/surfandsurf.printful.me\/product\/casual-hat-6ab328e6e0717\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"ss-product-photo\" src=\"https:\/\/poshlibrary.com\/wp-content\/uploads\/2026\/09\/catcap-coastal-final.jpg\" alt=\"CatCap coastal lifestyle mockup\" \/><\/a><\/p>\n<p class=\"ss-product-name\">CatCap<\/p>\n<p class=\"ss-product-price\">from $30<\/p>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"ss-story\" aria-label=\"About Surf and Surf\">\n<div class=\"ss-story-inner\">\n<div>\n<p class=\"ss-story-kicker\">Our shoreline<\/p>\n<h2>Soft pieces for salt air and easy days.<\/h2>\n<p>Surf&amp;Surf started on Florida\u2019s southwest coast \u2014 sand underfoot, warm light, and the kind of calm that sticks with you after you leave the beach.<\/p>\n<p>This first drop is a small set of wearable keepsakes: tees, a tote, and a cap with coastal marks you can live in, not just look at.<\/p>\n<\/div>\n<aside class=\"ss-story-aside\">\n<h3>Opening Set notes<\/h3>\n<ul class=\"ss-story-list\">\n<li><strong>Printed on demand<\/strong> Made when you order \u2014 no warehouse pile-up.<\/li>\n<li><strong>Soft coastal palette<\/strong> Sand, foam, charcoal. Easy with everything you already wear.<\/li>\n<li><strong>Small drops<\/strong> Vol. 01 is the start. More prints as the shop finds its tide.<\/li>\n<\/ul>\n<\/aside>\n<\/div>\n<\/section>\n<section class=\"ss-cta-band\" aria-label=\"Shop Surf and Surf\">\n<h2>Ready for a little coast?<\/h2>\n<p>Browse the Opening Set on our Printful shop \u2014 ships printed to order.<\/p>\n<p><a class=\"ss-cta-dark\" href=\"https:\/\/surfandsurf.printful.me\" target=\"_blank\" rel=\"noopener\">Shop Surf&amp;Surf<\/a><\/p>\n<\/section>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>OPENING SET \/ VOL. 01 SURF&amp;SURF Shop the drop Scroll Coastal by nature. Curated pieces inspired by the coast, the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-114491","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/poshlibrary.com\/pt_BR\/wp-json\/wp\/v2\/pages\/114491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/poshlibrary.com\/pt_BR\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/poshlibrary.com\/pt_BR\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/poshlibrary.com\/pt_BR\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/poshlibrary.com\/pt_BR\/wp-json\/wp\/v2\/comments?post=114491"}],"version-history":[{"count":37,"href":"https:\/\/poshlibrary.com\/pt_BR\/wp-json\/wp\/v2\/pages\/114491\/revisions"}],"predecessor-version":[{"id":114562,"href":"https:\/\/poshlibrary.com\/pt_BR\/wp-json\/wp\/v2\/pages\/114491\/revisions\/114562"}],"wp:attachment":[{"href":"https:\/\/poshlibrary.com\/pt_BR\/wp-json\/wp\/v2\/media?parent=114491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}