{"id":105834,"date":"2026-08-12T10:49:45","date_gmt":"2026-08-12T02:49:45","guid":{"rendered":"https:\/\/www.jarsking.com\/?p=105834"},"modified":"2026-08-12T11:18:33","modified_gmt":"2026-08-12T03:18:33","slug":"officina-custom-aromatherapy-gift-set-packaging","status":"publish","type":"post","link":"https:\/\/www.jarsking.com\/pt\/officina-custom-aromatherapy-gift-set-packaging\/","title":{"rendered":"OFFICINA | Custom Aromatherapy Gift Set Packaging"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"105834\" class=\"elementor elementor-105834\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-65768c7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"65768c7\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b11a3eb\" data-id=\"b11a3eb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0de48e9 elementor-widget elementor-widget-html\" data-id=\"0de48e9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- OFFICINA \u00b7 Elementor HTML Widget \u00b7 Paste this entire file into one HTML widget -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap');\n\n#officina-elementor {\n  width: 100%;\n  max-width: none;\n  margin-left: 0;\n  overflow-x: clip;\n  position: relative;\n  isolation: isolate;\n}\n\n#officina-elementor .image-lightbox[hidden] { display: none !important; }\n\n#officina-elementor {\n  --ink: #171711;\n  --charcoal: #24231d;\n  --paper: #eee8db;\n  --paper-bright: #f7f3e8;\n  --line: rgba(38, 33, 24, 0.25);\n  --muted: #625d52;\n  --amber: #8a6741;\n  --honey: #d8ad59;\n  --olive: #48493c;\n  --gold: #9d7a3d;\n  color: var(--ink);\n  font-family: 'Inter', Arial, sans-serif;\n  font-synthesis: none;\n  text-rendering: optimizeLegibility;\n}\n\n#officina-elementor * { box-sizing: border-box; }\n#officina-elementor { scroll-behavior: smooth; }\n#officina-elementor {\n  margin: 0;\n  min-width: 320px;\n  min-height: 100vh;\n  color: var(--ink);\n  background-color: #34382f;\n  background-image: url('https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/classical-garden-ruins-background.png');\n  background-size: 760px auto;\n  background-position: center top;\n  background-repeat: repeat;\n  background-attachment: fixed;\n  -webkit-font-smoothing: antialiased;\n}\n\n#officina-elementor::before {\n  content: '';\n  position: fixed;\n  inset: 0;\n  z-index: -1;\n  background: rgba(24, 28, 22, 0.58);\n}\n\n#officina-elementor button { font: inherit; color: inherit; }\n#officina-elementor button, #officina-elementor a { -webkit-tap-highlight-color: transparent; }\n#officina-elementor a { color: inherit; text-decoration: none; }\n#officina-elementor img { display: block; max-width: 100%; }\n#officina-elementor figure, #officina-elementor blockquote { margin: 0; }\n#officina-elementor p { text-wrap: pretty; }\n#officina-elementor img:not(.officina-nav-mark img) { cursor: zoom-in; }\n#officina-elementor img[role=\"button\"]:focus-visible { outline: 2px solid var(--honey); outline-offset: 4px; }\n#officina-elementor .hero-shade,\n#officina-elementor .architecture-hero::after,\n#officina-elementor .making-visual::after,\n#officina-elementor .closing-shade { pointer-events: none; }\n\n#officina-elementor .image-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 100;\n  padding: max(14px, env(safe-area-inset-top)) clamp(14px, 2.5vw, 40px) max(14px, env(safe-area-inset-bottom));\n  display: grid;\n  place-items: center;\n  background: rgba(12, 12, 10, 0.92);\n  backdrop-filter: blur(10px);\n}\n\n#officina-elementor .image-lightbox-dialog {\n  width: min(100%, 1720px);\n  height: min(100%, 1080px);\n  max-height: calc(100dvh - max(28px, env(safe-area-inset-top)) - max(28px, env(safe-area-inset-bottom)));\n  position: relative;\n  display: grid;\n  grid-template-rows: minmax(0, 1fr) auto;\n  gap: 12px;\n}\n\n#officina-elementor .image-lightbox-dialog img {\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  min-height: 0;\n  justify-self: center;\n  align-self: center;\n  object-fit: contain;\n  cursor: default;\n}\n\n#officina-elementor .image-lightbox-dialog p {\n  max-width: 900px;\n  margin: 0 auto;\n  color: rgba(255, 255, 255, 0.72);\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 9px;\n  line-height: 1.5;\n  letter-spacing: 0.06em;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n#officina-elementor .image-lightbox-close {\n  width: 46px;\n  height: 46px;\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(255, 255, 255, 0.66);\n  border-radius: 50%;\n  color: #fff;\n  background: rgba(16, 16, 13, 0.62);\n  cursor: pointer;\n}\n\n#officina-elementor .image-lightbox-close:hover,\n#officina-elementor .image-lightbox-close:focus-visible { background: #fff; color: var(--ink); outline: none; }\n\n#officina-elementor .paper-section {\n  background-color: var(--paper);\n  background-image: url('https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/archival-paper-texture.png');\n  background-size: 760px auto;\n}\n\n#officina-elementor .section-label,\n#officina-elementor .eyebrow {\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n#officina-elementor .section-label {\n  padding-bottom: 13px;\n  border-bottom: 1px solid var(--line);\n  color: #504b40;\n}\n\n#officina-elementor .eyebrow.light { color: rgba(255,255,255,0.74); }\n#officina-elementor h1, #officina-elementor h2, #officina-elementor h3, #officina-elementor h4 { margin: 0; font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; }\n\n#officina-elementor .plate img { width: 100%; height: 100%; object-fit: cover; }\n#officina-elementor .plate figcaption,\n#officina-elementor .identity-grid figcaption {\n  padding-top: 9px;\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 9px;\n  line-height: 1.5;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n#officina-elementor .outline-button,\n#officina-elementor .text-link {\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n#officina-elementor .outline-button {\n  min-height: 46px;\n  padding: 0 22px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  border: 1px solid var(--ink);\n  background: transparent;\n  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;\n}\n\n#officina-elementor .light-button { border-color: rgba(255,255,255,0.72); }\n#officina-elementor .light-button:hover { color: var(--ink); background: var(--paper-bright); transform: translateY(-1px); }\n#officina-elementor .text-link { display: inline-flex; align-items: center; gap: 10px; padding-block: 9px; border-bottom: 1px solid; }\n\n#officina-elementor .project-nav-wrap { position: sticky; z-index: 20; top: 0; }\n#officina-elementor .project-nav {\n  min-height: 72px;\n  padding: 0 clamp(24px, 5vw, 84px);\n  display: grid;\n  grid-template-columns: 210px 1fr auto;\n  align-items: center;\n  gap: 34px;\n  background: rgba(244, 239, 227, 0.97);\n  border-bottom: 1px solid var(--line);\n  backdrop-filter: blur(10px);\n}\n\n#officina-elementor .officina-nav-mark { width: max-content; min-width: 166px; height: 44px; display: inline-flex; align-items: center; gap: 9px; overflow: visible; color: var(--ink); }\n#officina-elementor .officina-symbol { width: 30px; height: 30px; position: relative; flex: 0 0 30px; display: block; border: 2px solid currentColor; border-radius: 50%; }\n#officina-elementor .officina-symbol::before,\n#officina-elementor .officina-symbol::after { content: ''; width: 15px; height: 1.5px; position: absolute; top: 12.5px; background: currentColor; }\n#officina-elementor .officina-symbol::before { right: calc(100% - 2px); }\n#officina-elementor .officina-symbol::after { left: 100%; }\n#officina-elementor .officina-symbol i,\n#officina-elementor .officina-symbol b { width: 4px; height: 4px; position: absolute; top: 11px; border-radius: 50%; background: currentColor; }\n#officina-elementor .officina-symbol i { left: 6px; }\n#officina-elementor .officina-symbol b { right: 6px; }\n#officina-elementor .officina-wordmark { font-family: 'Cormorant Garamond', serif; font-size: 29px; font-weight: 500; line-height: 1; letter-spacing: -0.055em; }\n#officina-elementor .project-links { display: flex; justify-content: flex-end; gap: clamp(18px, 2.5vw, 42px); }\n#officina-elementor .project-links a,\n#officina-elementor .nav-edition {\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 9px;\n  text-transform: uppercase;\n  letter-spacing: 0.11em;\n}\n#officina-elementor .project-links a { padding-block: 8px; border-bottom: 1px solid transparent; }\n#officina-elementor .project-links a:hover { border-bottom-color: currentColor; }\n#officina-elementor .nav-edition { margin: 0; padding-left: 24px; border-left: 1px solid var(--line); color: var(--muted); white-space: nowrap; }\n#officina-elementor .menu-button { display: none; border: 0; background: transparent; padding: 8px; }\n\n#officina-elementor .hero { position: relative; min-height: min(760px, calc(100vh - 72px)); overflow: hidden; color: #f7f0e4; }\n#officina-elementor .hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 44%; }\n#officina-elementor .hero-shade { position: absolute; inset: 0; background: rgba(10, 12, 9, 0.39); }\n#officina-elementor .hero-copy { position: relative; z-index: 2; width: min(760px, 78vw); padding: clamp(90px, 11vw, 154px) 0 130px clamp(34px, 7vw, 112px); }\n#officina-elementor .hero h1 { margin: 17px 0 27px; font-size: clamp(68px, 7.4vw, 116px); line-height: 0.77; letter-spacing: -0.042em; text-transform: uppercase; text-shadow: 0 2px 18px rgba(0,0,0,0.26); }\n#officina-elementor .hero h1 span { display: inline-block; margin-top: 12px; font-size: 0.48em; letter-spacing: 0.01em; }\n#officina-elementor .hero-intro { width: min(610px, 100%); margin: 0 0 30px; color: rgba(255,255,255,0.88); font-size: 15px; line-height: 1.72; }\n#officina-elementor .hero-spec { position: absolute; z-index: 2; right: clamp(24px, 5vw, 82px); bottom: 34px; display: flex; gap: 20px; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; }\n#officina-elementor .hero-spec span + span::before { content: '\u00b7'; margin-right: 20px; }\n\n#officina-elementor .origin,\n#officina-elementor .atlas,\n#officina-elementor .commerce,\n#officina-elementor .channels {\n  width: min(1380px, calc(100% - clamp(20px, 3vw, 54px)));\n  margin-inline: auto;\n  padding: clamp(54px, 7vw, 108px) clamp(28px, 6vw, 96px);\n}\n\n#officina-elementor .origin { margin-top: 18px; }\n#officina-elementor .origin-lead { margin-top: 44px; display: grid; grid-template-columns: 0.42fr 1.58fr; column-gap: clamp(38px, 7vw, 120px); }\n#officina-elementor .origin-kicker { margin: 10px 0 0; font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }\n#officina-elementor .origin-lead h2 { font-size: clamp(54px, 6vw, 92px); line-height: 0.9; letter-spacing: -0.04em; text-transform: uppercase; }\n#officina-elementor .origin-columns { grid-column: 2; margin-top: 42px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }\n#officina-elementor .origin-columns p { margin: 0; font-size: 13px; line-height: 1.75; color: #514c43; }\n#officina-elementor .origin-columns p:first-child::first-letter { float: left; margin: 4px 8px -2px 0; font-family: 'Cormorant Garamond', serif; font-size: 55px; line-height: 0.76; }\n#officina-elementor .origin-gallery { margin-top: 66px; display: grid; grid-template-columns: 1.32fr 0.68fr; grid-template-rows: 270px 230px; gap: 22px; position: relative; }\n#officina-elementor .origin-world { grid-row: 1 \/ 3; height: 522px; }\n#officina-elementor .origin-world img { object-position: center 52%; }\n#officina-elementor .origin-note { height: 270px; }\n#officina-elementor .origin-note img { object-position: center; }\n#officina-elementor .origin-gallery blockquote { align-self: stretch; padding: 30px; border: 1px solid var(--line); display: flex; flex-direction: column; justify-content: center; font-family: 'Cormorant Garamond', serif; font-size: clamp(29px, 3vw, 44px); line-height: 1.03; }\n#officina-elementor .origin-gallery blockquote span,\n#officina-elementor .origin-gallery blockquote small { font-family: 'IBM Plex Mono', monospace; font-size: 9px; line-height: 1.6; letter-spacing: 0.08em; text-transform: uppercase; }\n#officina-elementor .origin-gallery blockquote span { margin-bottom: 18px; }\n#officina-elementor .origin-gallery blockquote small { margin-top: 18px; color: var(--muted); }\n\n#officina-elementor .thesis-section { width: min(1380px, calc(100% - clamp(20px, 3vw, 54px))); margin: 18px auto; display: grid; grid-template-columns: 1.08fr 0.92fr; position: relative; }\n#officina-elementor .thesis-image { min-height: 720px; overflow: hidden; background: var(--charcoal); }\n#officina-elementor .thesis-image img { width: 100%; height: 100%; object-fit: cover; object-position: 50% center; }\n#officina-elementor .thesis-copy { padding: clamp(58px, 7vw, 104px); display: flex; flex-direction: column; justify-content: center; }\n#officina-elementor .display-quote { margin: 38px 0 28px; font-family: 'Cormorant Garamond', serif; font-size: clamp(48px, 5vw, 78px); line-height: 0.92; letter-spacing: -0.035em; text-transform: uppercase; }\n#officina-elementor .thesis-copy > p:not(.display-quote) { margin: 0 0 17px; color: #514c43; font-size: 13px; line-height: 1.72; }\n#officina-elementor .thesis-copy .text-link { align-self: flex-start; margin-top: 12px; }\n#officina-elementor .thesis-stamp { position: absolute; left: calc(54% - 120px); bottom: 28px; width: 230px; height: 170px; border: 12px solid var(--paper); box-shadow: 0 15px 40px rgba(20,19,15,0.16); overflow: hidden; }\n#officina-elementor .thesis-stamp img { width: 100%; height: 100%; object-fit: cover; }\n\n#officina-elementor .hours-section { width: min(1380px, calc(100% - clamp(20px, 3vw, 54px))); margin: 18px auto; }\n#officina-elementor .hours-heading { padding: 58px clamp(28px, 6vw, 96px) 76px; display: grid; grid-template-columns: 0.47fr 1.53fr; gap: 38px; align-items: start; }\n#officina-elementor .hours-heading .section-label { border-bottom: 0; }\n#officina-elementor .hours-heading h2 { font-size: clamp(52px, 5.8vw, 88px); line-height: 0.91; letter-spacing: -0.038em; text-transform: uppercase; }\n#officina-elementor .hours-heading p { width: min(610px, 100%); margin: 22px 0 0; color: #514c43; line-height: 1.75; font-size: 13px; }\n#officina-elementor .hour-grid { display: grid; grid-template-columns: repeat(4, 1fr); }\n#officina-elementor .hour-card { min-height: 760px; display: flex; flex-direction: column; border-right: 1px solid rgba(0,0,0,0.24); }\n#officina-elementor .hour-card:last-child { border-right: 0; }\n#officina-elementor .hour-image { height: 330px; overflow: hidden; background: #b99b69; }\n#officina-elementor .hour-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(0.83) contrast(0.97); }\n#officina-elementor .hour-1 .hour-image img { object-position: 55% 48%; }\n#officina-elementor .hour-2 .hour-image img { object-position: 47% 65%; }\n#officina-elementor .hour-3 .hour-image img { object-position: 37% 49%; }\n#officina-elementor .hour-4 .hour-image img { object-position: 50% 52%; }\n#officina-elementor .hour-copy { flex: 1; padding: 28px clamp(20px, 2.2vw, 36px) 34px; display: flex; flex-direction: column; align-items: flex-start; }\n#officina-elementor .hour-1 .hour-copy { background: #dfd1af; }\n#officina-elementor .hour-2 .hour-copy { background: #c9a66a; }\n#officina-elementor .hour-3 .hour-copy { background: #856244; color: #f7f0e4; }\n#officina-elementor .hour-4 .hour-copy { background: #2f2d27; color: #f7f0e4; }\n#officina-elementor .hour-topline { width: 100%; padding-bottom: 10px; display: flex; justify-content: space-between; border-bottom: 1px solid currentColor; font-family: 'IBM Plex Mono', monospace; font-size: 9px; text-transform: uppercase; }\n#officina-elementor .hour-topline em { font-style: normal; opacity: 0.75; }\n#officina-elementor .hour-role { margin: 22px 0 4px; font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; }\n#officina-elementor .hour-copy h3 { font-size: clamp(42px, 4vw, 63px); line-height: 1; }\n#officina-elementor .hour-format { margin: 4px 0 20px !important; font-family: 'IBM Plex Mono', monospace; font-size: 9px !important; letter-spacing: 0.05em; text-transform: uppercase; }\n#officina-elementor .hour-copy > p:not(.hour-role) { margin: 0 0 16px; font-size: 12px; line-height: 1.67; opacity: 0.84; }\n#officina-elementor .hour-copy small { margin-top: auto; padding-top: 20px; border-top: 1px solid currentColor; font-family: 'IBM Plex Mono', monospace; font-size: 8px; line-height: 1.6; letter-spacing: 0.05em; text-transform: uppercase; opacity: 0.78; }\n\n#officina-elementor .atlas { margin-top: 18px; }\n#officina-elementor .atlas-grid { margin-top: 46px; display: grid; grid-template-columns: 0.76fr 1.24fr; grid-template-rows: auto auto; gap: 26px; align-items: start; }\n#officina-elementor .atlas-copy { grid-row: 1 \/ 3; padding: 0 clamp(20px, 4vw, 70px) 34px 0; }\n#officina-elementor .atlas-copy h2 { font-size: clamp(50px, 5.4vw, 82px); line-height: 0.92; letter-spacing: -0.04em; text-transform: uppercase; }\n#officina-elementor .atlas-lead { margin: 25px 0 34px; color: #514c43; font-size: 13px; line-height: 1.75; }\n#officina-elementor .facet-list { border-top: 1px solid var(--line); }\n#officina-elementor .facet-list > div { padding: 15px 0; display: grid; grid-template-columns: 78px 74px 1fr; gap: 13px; align-items: baseline; border-bottom: 1px solid var(--line); }\n#officina-elementor .facet-list span { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.08em; }\n#officina-elementor .facet-list strong { font-family: 'Cormorant Garamond', serif; font-size: 21px; }\n#officina-elementor .facet-list p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }\n#officina-elementor .atlas-main { height: 390px; }\n#officina-elementor .atlas-main img { object-position: center 46%; }\n#officina-elementor .atlas-vessels { height: 250px; width: 74%; justify-self: end; }\n#officina-elementor .atlas-vessels img { object-position: center 48%; }\n\n#officina-elementor .architecture { width: min(1380px, calc(100% - clamp(20px, 3vw, 54px))); margin: 18px auto; }\n#officina-elementor .architecture-hero { min-height: 740px; position: relative; overflow: hidden; color: #fff; }\n#officina-elementor .architecture-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }\n#officina-elementor .architecture-hero::after { content: ''; position: absolute; inset: 0; background: rgba(11,12,10,0.31); }\n#officina-elementor .architecture-title { position: absolute; z-index: 1; left: clamp(28px, 6vw, 96px); bottom: clamp(40px, 6vw, 84px); width: min(780px, 78%); }\n#officina-elementor .architecture-title h2 { margin-top: 18px; font-size: clamp(56px, 6.6vw, 100px); line-height: 0.84; letter-spacing: -0.04em; text-transform: uppercase; text-shadow: 0 2px 18px rgba(0,0,0,0.24); }\n#officina-elementor .architecture-body { padding: clamp(54px, 7vw, 98px) clamp(28px, 5vw, 76px); overflow: hidden; }\n#officina-elementor .architecture-intro { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 8vw, 130px); }\n#officina-elementor .architecture-intro p { margin: 0; color: #514c43; font-size: 13px; line-height: 1.75; }\n#officina-elementor .vessel-table { width: 100%; min-width: 0; margin-top: 46px; border-top: 1px solid var(--line); }\n#officina-elementor .vessel-row { min-width: 0; min-height: 66px; display: grid; grid-template-columns: 38px minmax(72px,.7fr) minmax(110px,1fr) 56px minmax(128px,1.15fr) minmax(155px,1.35fr) minmax(145px,1.2fr); align-items: center; border-bottom: 1px solid var(--line); }\n#officina-elementor .vessel-row span { min-width: 0; padding: 12px 10px 12px 0; overflow-wrap: anywhere; font-size: 10px; line-height: 1.45; }\n#officina-elementor .vessel-row span:nth-child(1),\n#officina-elementor .vessel-row span:nth-child(2),\n#officina-elementor .vessel-row span:nth-child(4) { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.05em; text-transform: uppercase; }\n#officina-elementor .vessel-head { min-height: 44px; color: var(--muted); }\n#officina-elementor .vessel-head span { font-family: 'IBM Plex Mono', monospace !important; font-size: 8px !important; text-transform: uppercase; }\n#officina-elementor .validation-note { margin: 28px 0 0; padding: 20px; border: 1px solid var(--line); font-family: 'IBM Plex Mono', monospace; font-size: 9px; line-height: 1.65; text-transform: uppercase; color: var(--muted); }\n\n#officina-elementor .commerce { margin-top: 18px; }\n#officina-elementor .commerce-heading { margin-top: 46px; display: grid; grid-template-columns: 0.78fr 1.22fr; gap: clamp(46px, 9vw, 150px); }\n#officina-elementor .commerce-heading h2 { font-size: clamp(58px, 6vw, 92px); line-height: 0.88; letter-spacing: -0.04em; text-transform: uppercase; }\n#officina-elementor .commerce-heading p { margin: 0 0 17px; color: #514c43; font-size: 13px; line-height: 1.75; }\n#officina-elementor .commercial-grid { margin-top: 58px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }\n#officina-elementor .commercial-grid article { padding: 24px; border-right: 1px solid var(--line); }\n#officina-elementor .commercial-grid article:first-child { padding-left: 0; }\n#officina-elementor .commercial-grid article:last-child { padding-right: 0; border-right: 0; }\n#officina-elementor .commercial-grid figure { height: 320px; overflow: hidden; }\n#officina-elementor .commercial-grid img { width: 100%; height: 100%; object-fit: cover; }\n#officina-elementor .commercial-grid article:nth-child(1) img { object-position: center; }\n#officina-elementor .commercial-grid article:nth-child(2) img { object-position: 50% 52%; }\n#officina-elementor .commercial-grid article:nth-child(3) img { object-position: 50% 52%; }\n#officina-elementor .commercial-grid article > div { padding: 24px 5px 10px; }\n#officina-elementor .commercial-grid span { font-family: 'IBM Plex Mono', monospace; font-size: 8px; letter-spacing: 0.07em; text-transform: uppercase; color: var(--muted); }\n#officina-elementor .commercial-grid h3 { margin: 12px 0; font-size: 34px; line-height: 1; }\n#officina-elementor .commercial-grid p { color: #514c43; font-size: 12px; line-height: 1.67; }\n#officina-elementor .commercial-principles { margin-top: 34px; display: grid; grid-template-columns: repeat(4, 1fr); }\n#officina-elementor .commercial-principles > div { padding: 12px 24px; border-right: 1px solid var(--line); }\n#officina-elementor .commercial-principles > div:first-child { padding-left: 0; }\n#officina-elementor .commercial-principles > div:last-child { border-right: 0; }\n#officina-elementor .commercial-principles strong { font-family: 'Cormorant Garamond', serif; font-size: 23px; }\n#officina-elementor .commercial-principles p { margin: 9px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }\n\n#officina-elementor .identity-section { width: min(1380px, calc(100% - clamp(20px, 3vw, 54px))); margin: 18px auto; display: grid; grid-template-columns: 0.7fr 1.3fr; }\n#officina-elementor .identity-lead { padding: clamp(54px, 6vw, 90px); }\n#officina-elementor .identity-lead h2 { margin: 40px 0 24px; font-size: clamp(46px, 5vw, 76px); line-height: 0.94; letter-spacing: -0.035em; text-transform: uppercase; }\n#officina-elementor .identity-lead > p { color: #514c43; font-size: 13px; line-height: 1.75; }\n#officina-elementor .identity-grid { padding: 34px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; border-left: 1px solid var(--line); }\n#officina-elementor .identity-grid figure { min-height: 280px; }\n#officina-elementor .identity-grid figure:first-child { grid-column: 1 \/ -1; }\n#officina-elementor .identity-grid img { width: 100%; height: 238px; object-fit: cover; }\n#officina-elementor .identity-grid figure:first-child img { height: 310px; object-position: center 44%; }\n#officina-elementor .identity-grid figcaption strong { display: block; color: var(--ink); }\n#officina-elementor .cmf-band { grid-column: 1 \/ -1; padding: 48px clamp(32px, 5vw, 78px); display: grid; grid-template-columns: minmax(200px,.75fr) minmax(260px,.95fr) minmax(360px,1.3fr); align-items: start; gap: clamp(30px, 4vw, 64px); border-top: 1px solid var(--line); }\n#officina-elementor .cmf-band h3 { margin-top: 26px; font-size: 40px; line-height: 0.98; }\n#officina-elementor .swatches { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 22px; }\n#officina-elementor .swatches > div { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 11px; font-family: 'IBM Plex Mono', monospace; font-size: 8px; text-transform: uppercase; }\n#officina-elementor .swatch { display: block; width: 38px; height: 38px; border: 1px solid rgba(0,0,0,0.16); }\n#officina-elementor .smoked { background: #403b34; }#officina-elementor .amber { background: #8a6741; }#officina-elementor .honey { background: #e2b76a; }#officina-elementor .parchment { background: #f2ede0; }#officina-elementor .ink { background: #151510; }#officina-elementor .gold { background: #9d7a3d; }\n#officina-elementor .finish-list { border-top: 1px solid var(--line); }\n#officina-elementor .finish-list p { margin: 0; padding: 12px 0; display: grid; grid-template-columns: 82px minmax(0,1fr); align-items: start; gap: 12px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 10px; line-height: 1.55; }\n#officina-elementor .finish-list strong { min-width: 0; color: var(--ink); font-family: 'IBM Plex Mono', monospace; font-size: 8px; line-height: 1.45; letter-spacing: 0.07em; text-transform: uppercase; }\n\n#officina-elementor .market-signals { width: min(1380px, calc(100% - clamp(20px, 3vw, 54px))); margin: 18px auto; display: grid; grid-template-columns: 1.06fr 0.94fr; }\n#officina-elementor .market-image { min-height: 790px; overflow: hidden; }\n#officina-elementor .market-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 53%; }\n#officina-elementor .market-copy { padding: clamp(58px, 6vw, 94px); }\n#officina-elementor .market-copy h2 { margin: 40px 0 24px; font-size: clamp(48px, 5vw, 76px); line-height: 0.92; letter-spacing: -0.035em; text-transform: uppercase; }\n#officina-elementor .market-copy > p { color: #514c43; font-size: 13px; line-height: 1.72; }\n#officina-elementor .signal-list { margin-top: 34px; border-top: 1px solid var(--line); }\n#officina-elementor .signal-list article { padding: 17px 0; display: grid; grid-template-columns: 86px 1fr; gap: 17px; border-bottom: 1px solid var(--line); }\n#officina-elementor .signal-list strong { grid-row: 1 \/ 3; font-family: 'Cormorant Garamond', serif; font-size: 40px; font-weight: 500; line-height: 1; }\n#officina-elementor .signal-list p { margin: 0; color: #514c43; font-size: 10px; line-height: 1.55; }\n#officina-elementor .signal-list a { align-self: end; font-family: 'IBM Plex Mono', monospace; font-size: 8px; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: underline; text-underline-offset: 3px; }\n#officina-elementor .source-caveat { padding: 16px; border: 1px solid var(--line); font-family: 'IBM Plex Mono', monospace; font-size: 8px !important; line-height: 1.6 !important; text-transform: uppercase; }\n\n#officina-elementor .channels { margin-top: 18px; }\n#officina-elementor .channels-intro { margin-top: 44px; display: grid; grid-template-columns: 1fr 0.8fr; gap: clamp(52px, 8vw, 130px); align-items: end; }\n#officina-elementor .channels-intro h2 { font-size: clamp(54px, 5.8vw, 88px); line-height: 0.9; letter-spacing: -0.04em; text-transform: uppercase; }\n#officina-elementor .channels-intro p { margin: 0 0 16px; color: #514c43; font-size: 13px; line-height: 1.75; }\n#officina-elementor .channel-layout { margin-top: 56px; display: grid; grid-template-columns: 0.68fr 1.32fr; gap: clamp(28px, 4vw, 64px); align-items: start; }\n#officina-elementor .channel-list { border-top: 1px solid var(--line); }\n#officina-elementor .channel-list article { padding: 17px 0; display: grid; grid-template-columns: 38px 0.62fr 1.38fr; gap: 16px; border-bottom: 1px solid var(--line); }\n#officina-elementor .channel-list span { font-family: 'IBM Plex Mono', monospace; font-size: 8px; }\n#officina-elementor .channel-list h3 { font-size: 23px; line-height: 1; }\n#officina-elementor .channel-list p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }\n#officina-elementor .event-triptych { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(10px, 1.4vw, 20px); }\n#officina-elementor .event-panel { min-width: 0; margin: 0; }\n#officina-elementor .event-panel img { display: block; height: 560px; }\n#officina-elementor .event-panel-introduction img { object-position: 0% center; }\n#officina-elementor .event-panel-trial img { object-position: 50% center; }\n#officina-elementor .event-panel-reach img { object-position: 100% center; }\n#officina-elementor .event-panel figcaption { display: flex; justify-content: space-between; gap: 10px; color: var(--ink); }\n#officina-elementor .event-panel figcaption span { color: var(--muted); }\n\n#officina-elementor .making { width: min(1380px, calc(100% - clamp(20px, 3vw, 54px))); margin: 18px auto; }\n#officina-elementor .making-visual { min-height: 720px; position: relative; overflow: hidden; color: #fff; }\n#officina-elementor .making-visual > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 37% 48%; }\n#officina-elementor .making-visual::after { content: ''; position: absolute; inset: 0; background: rgba(12,13,11,0.36); }\n#officina-elementor .making-visual > div { position: absolute; z-index: 1; left: clamp(28px, 6vw, 96px); bottom: clamp(44px, 6vw, 88px); width: min(840px, 80%); }\n#officina-elementor .making-visual h2 { margin-top: 20px; font-size: clamp(56px, 6vw, 92px); line-height: 0.86; letter-spacing: -0.04em; text-transform: uppercase; }\n#officina-elementor .making-body { padding: clamp(56px, 7vw, 102px) clamp(28px, 5vw, 76px); overflow: hidden; }\n#officina-elementor .route-intro { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: clamp(42px, 6vw, 96px); }\n#officina-elementor .route-intro h3 { font-size: clamp(42px, 4.5vw, 68px); line-height: 0.94; }\n#officina-elementor .route-intro p { min-width: 0; margin: 0; color: #514c43; overflow-wrap: anywhere; font-size: 13px; line-height: 1.75; }\n#officina-elementor .route-grid { margin-top: 50px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }\n#officina-elementor .route-grid article { min-width: 0; padding: 28px; border-right: 1px solid var(--line); overflow-wrap: anywhere; }\n#officina-elementor .route-grid article:first-child { padding-left: 0; }\n#officina-elementor .route-grid article:last-child { padding-right: 0; border-right: 0; }\n#officina-elementor .route-grid span,\n#officina-elementor .process-grid span { font-family: 'IBM Plex Mono', monospace; font-size: 8px; letter-spacing: 0.08em; text-transform: uppercase; }\n#officina-elementor .route-grid h4 { margin: 20px 0 12px; font-size: 28px; line-height: 1; }\n#officina-elementor .route-grid p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }\n#officina-elementor .process-grid { margin-top: 50px; display: grid; grid-template-columns: repeat(3, 1fr); }\n#officina-elementor .process-grid article { min-width: 0; min-height: 180px; padding: 24px 28px 30px 0; border-top: 1px solid var(--line); overflow-wrap: anywhere; }\n#officina-elementor .process-grid article:nth-child(3n+2),\n#officina-elementor .process-grid article:nth-child(3n+3) { padding-left: 28px; border-left: 1px solid var(--line); }\n#officina-elementor .process-grid h4 { margin: 16px 0 8px; font-size: 26px; }\n#officina-elementor .process-grid p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.58; }\n#officina-elementor .project-facts { margin-top: 32px; border-top: 1px solid var(--line); }\n#officina-elementor .project-facts p { margin: 0; padding: 13px 0; display: grid; grid-template-columns: 180px 1fr; gap: 24px; border-bottom: 1px solid var(--line); font-size: 10px; line-height: 1.5; }\n#officina-elementor .project-facts strong { font-family: 'IBM Plex Mono', monospace; font-size: 8px; letter-spacing: 0.06em; text-transform: uppercase; }\n#officina-elementor .project-facts span { color: var(--muted); }\n\n#officina-elementor .closing { width: min(1380px, calc(100% - clamp(20px, 3vw, 54px))); min-height: 760px; margin: 18px auto 0; position: relative; overflow: hidden; color: #fff; }\n#officina-elementor .closing > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }\n#officina-elementor .closing-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(16,15,12,0.72) 0%, rgba(16,15,12,0.56) 48%, rgba(16,15,12,0.30) 100%); }\n#officina-elementor .closing-copy { position: relative; z-index: 1; width: min(840px, 80%); padding: clamp(110px, 13vw, 190px) 0 150px clamp(28px, 7vw, 104px); }\n#officina-elementor .closing-copy h2 { margin: 20px 0 28px; font-size: clamp(60px, 7vw, 106px); line-height: 0.84; letter-spacing: -0.045em; text-transform: uppercase; }\n#officina-elementor .closing-copy > p:not(.eyebrow) { width: min(660px, 100%); margin: 0 0 30px; color: rgba(255,255,255,0.82); font-size: 14px; line-height: 1.7; }\n#officina-elementor .closing-note { position: absolute; z-index: 1; right: clamp(24px, 5vw, 76px); bottom: 26px; width: min(560px, 70%); margin: 0; text-align: right; font-family: 'IBM Plex Mono', monospace; font-size: 8px; line-height: 1.6; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(255,255,255,0.65); }\n\n@media (max-width: 1100px) {\n  #officina-elementor .project-nav { grid-template-columns: 180px 1fr auto; }\n  #officina-elementor .project-links { gap: 16px; }\n  #officina-elementor .origin-lead { grid-template-columns: 0.3fr 1.7fr; }\n  #officina-elementor .origin-columns { grid-template-columns: 1fr 1fr; }\n  #officina-elementor .origin-columns p:last-child { grid-column: 1 \/ -1; }\n  #officina-elementor .hour-grid { grid-template-columns: 1fr 1fr; }\n  #officina-elementor .hour-card:nth-child(2) { border-right: 0; }\n  #officina-elementor .hour-card:nth-child(-n+2) { border-bottom: 1px solid rgba(0,0,0,0.24); }\n  #officina-elementor .vessel-table { overflow-x: auto; overscroll-behavior-inline: contain; }\n  #officina-elementor .vessel-row { min-width: 980px; grid-template-columns: 38px 100px 150px 64px 170px 190px 170px; }\n  #officina-elementor .identity-section { grid-template-columns: 1fr; }\n  #officina-elementor .identity-grid { border-left: 0; border-top: 1px solid var(--line); }\n  #officina-elementor .cmf-band { grid-column: auto; }\n  #officina-elementor .market-signals { grid-template-columns: 1fr; }\n  #officina-elementor .market-image { min-height: 620px; }\n  #officina-elementor .channel-layout { grid-template-columns: 1fr; }\n  #officina-elementor .event-panel img { height: 540px; }\n}\n\n@media (max-width: 800px) {\n  #officina-elementor .project-nav { min-height: 64px; padding-inline: 18px; grid-template-columns: 150px 1fr auto; gap: 10px; }\n  #officina-elementor .officina-nav-mark { min-width: 140px; height: 40px; gap: 8px; }\n  #officina-elementor .officina-symbol { width: 26px; height: 26px; flex-basis: 26px; }\n  #officina-elementor .officina-symbol::before, #officina-elementor .officina-symbol::after { width: 12px; top: 10.5px; }\n  #officina-elementor .officina-symbol i, #officina-elementor .officina-symbol b { top: 9px; }\n  #officina-elementor .officina-wordmark { font-size: 25px; }\n  #officina-elementor .nav-edition { display: none; }\n  #officina-elementor .menu-button { display: inline-flex; grid-column: 3; }\n  #officina-elementor .project-links { display: none; position: absolute; top: 64px; left: 0; right: 0; padding: 18px; flex-direction: column; background: var(--paper-bright); border-bottom: 1px solid var(--line); }\n  #officina-elementor .project-links.is-open { display: flex; }\n  #officina-elementor .project-links a { font-size: 11px; padding: 10px; }\n  #officina-elementor .hero { min-height: 720px; }\n  #officina-elementor .hero > img { object-position: 60% center; }\n  #officina-elementor .hero-shade { background: rgba(10,12,9,0.53); }\n  #officina-elementor .hero-copy { width: 100%; padding: 142px 24px 125px; }\n  #officina-elementor .hero h1 { font-size: clamp(58px, 17vw, 88px); }\n  #officina-elementor .hero h1 span { font-size: 0.43em; }\n  #officina-elementor .hero-spec { left: 24px; right: 24px; bottom: 24px; flex-wrap: wrap; gap: 7px 12px; }\n  #officina-elementor .hero-spec span + span::before { margin-right: 12px; }\n  #officina-elementor .origin, #officina-elementor .atlas, #officina-elementor .commerce, #officina-elementor .channels, #officina-elementor .thesis-section, #officina-elementor .hours-section, #officina-elementor .architecture, #officina-elementor .identity-section, #officina-elementor .market-signals, #officina-elementor .making, #officina-elementor .closing { width: calc(100% - 16px); }\n  #officina-elementor .origin, #officina-elementor .atlas, #officina-elementor .commerce, #officina-elementor .channels { padding: 50px 24px; }\n  #officina-elementor .origin-lead { display: block; }\n  #officina-elementor .origin-lead h2 { margin-top: 28px; }\n  #officina-elementor .origin-columns { grid-column: auto; grid-template-columns: 1fr; margin-top: 30px; }\n  #officina-elementor .origin-columns p:last-child { grid-column: auto; }\n  #officina-elementor .origin-gallery { grid-template-columns: 1fr; grid-template-rows: auto; }\n  #officina-elementor .origin-world, #officina-elementor .origin-note { height: 390px; grid-row: auto; }\n  #officina-elementor .thesis-section { grid-template-columns: 1fr; }\n  #officina-elementor .thesis-image { min-height: 540px; }\n  #officina-elementor .thesis-copy { padding: 52px 24px 90px; }\n  #officina-elementor .thesis-stamp { left: auto; right: 20px; bottom: 20px; width: 170px; height: 126px; border-width: 8px; }\n  #officina-elementor .hours-heading { padding: 46px 24px; grid-template-columns: 1fr; }\n  #officina-elementor .hour-grid { grid-template-columns: 1fr; }\n  #officina-elementor .hour-card { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(0,0,0,0.24); }\n  #officina-elementor .hour-image { height: 410px; }\n  #officina-elementor .hour-copy small { margin-top: 24px; }\n  #officina-elementor .atlas-grid { grid-template-columns: 1fr; grid-template-rows: auto; }\n  #officina-elementor .atlas-copy { grid-row: auto; padding-right: 0; }\n  #officina-elementor .atlas-main { height: 410px; }\n  #officina-elementor .atlas-vessels { width: 72%; height: 250px; }\n  #officina-elementor .facet-list > div { grid-template-columns: 70px 65px 1fr; }\n  #officina-elementor .architecture-hero { min-height: 610px; }\n  #officina-elementor .architecture-title { width: calc(100% - 48px); }\n  #officina-elementor .architecture-body { padding: 50px 24px; }\n  #officina-elementor .architecture-intro { grid-template-columns: 1fr; gap: 22px; }\n  #officina-elementor .vessel-table { overflow-x: auto; }\n  #officina-elementor .vessel-row { min-width: 950px; }\n  #officina-elementor .commerce-heading { grid-template-columns: 1fr; gap: 30px; }\n  #officina-elementor .commercial-grid { grid-template-columns: 1fr; }\n  #officina-elementor .commercial-grid article { padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--line); }\n  #officina-elementor .commercial-grid article:last-child { border-bottom: 0; }\n  #officina-elementor .commercial-grid figure { height: 390px; }\n  #officina-elementor .commercial-principles { grid-template-columns: 1fr 1fr; }\n  #officina-elementor .commercial-principles > div { padding: 20px; border-bottom: 1px solid var(--line); }\n  #officina-elementor .commercial-principles > div:nth-child(2) { border-right: 0; }\n  #officina-elementor .identity-lead { padding: 52px 24px; }\n  #officina-elementor .identity-grid { grid-template-columns: 1fr; padding: 24px; }\n  #officina-elementor .identity-grid figure:first-child { grid-column: auto; }\n  #officina-elementor .identity-grid figure:first-child img { height: 238px; }\n  #officina-elementor .cmf-band { padding: 45px 24px; grid-template-columns: 1fr; }\n  #officina-elementor .market-image { min-height: 500px; }\n  #officina-elementor .market-copy { padding: 52px 24px; }\n  #officina-elementor .channels-intro { grid-template-columns: 1fr; gap: 28px; }\n  #officina-elementor .channel-layout { grid-template-columns: 1fr; }\n  #officina-elementor .channel-list { grid-column: auto; }\n  #officina-elementor .channel-list article { grid-template-columns: 34px 0.7fr 1.3fr; }\n  #officina-elementor .event-panel img { height: 460px; }\n  #officina-elementor .making-visual { min-height: 620px; }\n  #officina-elementor .making-visual > div { width: calc(100% - 48px); }\n  #officina-elementor .making-body { padding: 52px 24px; }\n  #officina-elementor .route-intro { grid-template-columns: 1fr; gap: 24px; }\n  #officina-elementor .route-grid { grid-template-columns: 1fr; }\n  #officina-elementor .route-grid article { padding: 26px 0; border-right: 0; border-bottom: 1px solid var(--line); }\n  #officina-elementor .route-grid article:last-child { border-bottom: 0; }\n  #officina-elementor .process-grid { grid-template-columns: 1fr 1fr; }\n  #officina-elementor .process-grid article:nth-child(3n+2), #officina-elementor .process-grid article:nth-child(3n+3) { padding-left: 0; border-left: 0; }\n  #officina-elementor .process-grid article:nth-child(even) { padding-left: 22px; border-left: 1px solid var(--line); }\n  #officina-elementor .project-facts p { grid-template-columns: 130px 1fr; }\n  #officina-elementor .closing { min-height: 720px; }\n  #officina-elementor .closing-copy { width: 100%; padding: 120px 24px 150px; }\n  #officina-elementor .closing-note { left: 24px; right: 24px; width: auto; text-align: left; }\n}\n\n@media (max-width: 520px) {\n  #officina-elementor .origin-world, #officina-elementor .origin-note, #officina-elementor .atlas-main, #officina-elementor .hour-image, #officina-elementor .commercial-grid figure { height: 330px; }\n  #officina-elementor .origin-gallery blockquote { padding: 24px; }\n  #officina-elementor .thesis-image { min-height: 460px; }\n  #officina-elementor .facet-list > div { grid-template-columns: 64px 1fr; }\n  #officina-elementor .facet-list p { grid-column: 1 \/ -1; }\n  #officina-elementor .architecture-hero { min-height: 520px; }\n  #officina-elementor .architecture-title h2 { font-size: 48px; }\n  #officina-elementor .commercial-principles { grid-template-columns: 1fr; }\n  #officina-elementor .commercial-principles > div { border-right: 0; padding-inline: 0; }\n  #officina-elementor .swatches { grid-template-columns: 1fr; }\n  #officina-elementor .signal-list article { grid-template-columns: 70px 1fr; }\n  #officina-elementor .channel-list article { grid-template-columns: 32px 1fr; }\n  #officina-elementor .channel-list p { grid-column: 2; }\n  #officina-elementor .event-triptych { gap: 6px; }\n  #officina-elementor .event-panel img { height: 360px; }\n  #officina-elementor .event-panel figcaption { display: block; font-size: 7px; }\n  #officina-elementor .event-panel figcaption span { display: block; margin-bottom: 2px; }\n  #officina-elementor .market-image { min-height: 0; height: 390px; }\n  #officina-elementor .process-grid { grid-template-columns: 1fr; }\n  #officina-elementor .process-grid article:nth-child(even) { padding-left: 0; border-left: 0; }\n  #officina-elementor .project-facts p { grid-template-columns: 1fr; gap: 8px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #officina-elementor { scroll-behavior: auto; }\n  #officina-elementor *, #officina-elementor *::before, #officina-elementor *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }\n}\n\n\n\/* The full-image viewer is mounted on body so WordPress\/Elementor headers cannot cover it. *\/\n.officina-image-lightbox[hidden] { display: none !important; }\n.officina-image-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483646;\n  padding: max(14px, env(safe-area-inset-top)) clamp(14px, 2.5vw, 40px) max(14px, env(safe-area-inset-bottom));\n  display: grid;\n  place-items: center;\n  background: rgba(12, 12, 10, 0.94);\n  backdrop-filter: blur(10px);\n  pointer-events: auto !important;\n}\n.officina-image-lightbox .image-lightbox-dialog {\n  width: min(100%, 1720px);\n  height: min(100%, 1080px);\n  max-height: calc(100dvh - max(28px, env(safe-area-inset-top)) - max(28px, env(safe-area-inset-bottom)));\n  position: relative;\n  display: grid;\n  grid-template-rows: minmax(0, 1fr) auto;\n  gap: 12px;\n}\n.officina-image-lightbox .image-lightbox-dialog img {\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  min-height: 0;\n  justify-self: center;\n  align-self: center;\n  object-fit: contain;\n  cursor: default;\n}\n.officina-image-lightbox .image-lightbox-dialog p {\n  max-width: 900px;\n  margin: 0 auto;\n  color: rgba(255,255,255,.72);\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 9px;\n  line-height: 1.5;\n  letter-spacing: .06em;\n  text-align: center;\n  text-transform: uppercase;\n}\n.officina-image-lightbox .image-lightbox-close {\n  width: 48px !important;\n  height: 48px !important;\n  min-width: 48px !important;\n  min-height: 48px !important;\n  position: fixed !important;\n  z-index: 2147483647 !important;\n  top: max(16px, env(safe-area-inset-top)) !important;\n  right: max(16px, env(safe-area-inset-right)) !important;\n  display: grid;\n  place-items: center;\n  padding: 0 !important;\n  margin: 0 !important;\n  border: 1px solid rgba(255,255,255,.66) !important;\n  border-radius: 50% !important;\n  color: #151510 !important;\n  background: #fff !important;\n  box-shadow: 0 4px 24px rgba(0,0,0,.32) !important;\n  font: 400 24px\/1 Arial, sans-serif !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  pointer-events: auto !important;\n  touch-action: manipulation;\n  cursor: pointer !important;\n}\n.officina-image-lightbox .image-lightbox-close::before,\n.officina-image-lightbox .image-lightbox-close::after { content: none !important; display: none !important; }\n.officina-image-lightbox .image-lightbox-close span { display:block; transform:translateY(-1px); pointer-events:none; }\n.officina-image-lightbox .image-lightbox-close:hover,\n.officina-image-lightbox .image-lightbox-close:focus-visible { background:#e7dcc6 !important; color:#151510 !important; outline:2px solid #fff !important; outline-offset:3px; }\n<\/style>\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/apothecary-workshop-hero-clean.png\"\/><div id=\"officina-elementor\"><div class=\"project-nav-wrap\"><nav class=\"project-nav\" aria-label=\"OFFICINA project navigation\"><a href=\"#top\" class=\"officina-nav-mark\" aria-label=\"OFFICINA, back to top\"><span class=\"officina-symbol\" aria-hidden=\"true\"><i><\/i><b><\/b><\/span><span class=\"officina-wordmark\">OFFICINA<\/span><\/a><div class=\"project-links \"><a href=\"#origin\">Origin<\/a><a href=\"#hours\">Hours<\/a><a href=\"#architecture\">Architecture<\/a><a href=\"#commerce\">Commerce<\/a><a href=\"#making\">Making<\/a><\/div><p class=\"nav-edition\">Concept study \u00b7 01<\/p><button class=\"menu-button\" aria-label=\"Open menu\" aria-expanded=\"false\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"><\/path><\/svg><\/button><\/nav><\/div><section class=\"hero\" id=\"top\"><img decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/apothecary-workshop-hero-clean.png\" alt=\"OFFICINA apothecary workshop with amber fragrance vessels\"\/><div class=\"hero-shade\" aria-hidden=\"true\"><\/div><div class=\"hero-copy\"><p class=\"eyebrow light\">A Jarsking packaging concept \u00b7 fragrance and ritual<\/p><h1>OFFICINA<br\/><span>The Apothecary Hours<\/span><\/h1><p class=\"hero-intro\">One signature accord, interpreted across the day through mist, oil, diffuser, concentrate, and solid perfume packaging. A brand world built from measured time rather than product noise.<\/p><a class=\"outline-button light-button\" href=\"#origin\">Read the story <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M202.83,146.83l-72,72a4,4,0,0,1-5.66,0l-72-72a4,4,0,0,1,5.66-5.66L124,206.34V40a4,4,0,0,1,8,0V206.34l65.17-65.17a4,4,0,0,1,5.66,5.66Z\"><\/path><\/svg><\/a><\/div><div class=\"hero-spec\"><span>Four hours<\/span><span>Five vessels<\/span><span>One kept system<\/span><\/div><\/section><section class=\"paper-section origin\" id=\"origin\"><div class=\"section-label\">01 \u00b7 Cultural premise<\/div><div class=\"origin-lead\"><p class=\"origin-kicker\">The workshop behind the counter<\/p><h2>When time was part of the remedy.<\/h2><div class=\"origin-columns\"><p>OFFICINA takes its name from the apothecary workshop: a place defined not by spectacle, but by preparation, labeling, measure, and repetition. The concept does not borrow a fictional family crest or claim an invented lineage. It borrows a discipline.<\/p><p>That discipline becomes the brand&#x27;s organizing idea. Scent is not presented as a single decorative spray. It is dispensed through four moments\u2014MANE, MERIDIE, VESPERE, and NOCTE\u2014each matched to the delivery format most natural to its place in the day.<\/p><p>The cultural code therefore does real work. Latin is not surface ornament; it gives the range its clock. Pharmacy labeling is not costume; it makes sequence, use, and format legible. The vessel becomes the lasting object, and the hour becomes the memory.<\/p><\/div><\/div><div class=\"origin-gallery\"><figure class=\"origin-world plate\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/apothecary-fragrance-brand-interior-concept-scaled.webp\" alt=\"OFFICINA packaging arranged in a botanical apothecary workshop\"\/><figcaption>The brand world \u00b7 warm, exact, and inhabited<\/figcaption><\/figure><figure class=\"origin-note plate\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/apothecary-fragrance-packaging-brand-story-scaled.webp\" alt=\"OFFICINA Apothecary Hours brand story on archival paper\"\/><figcaption>A ritual with roots, not a costume of heritage<\/figcaption><\/figure><blockquote><span>Brand doctrine<\/span>\u201cKeep the vessels. Take the hours.\u201d<small>The object stays recognizable; the scent and the day move through it.<\/small><\/blockquote><\/div><\/section><section class=\"thesis-section\"><div class=\"thesis-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/illustrated-apothecary-bottle-packaging-concept.webp\" alt=\"Illustrated OFFICINA amber mist, oil, and diffuser packaging concept\"\/><\/div><div class=\"thesis-copy paper-section\"><div class=\"section-label\">02 \u00b7 Brand thesis<\/div><p class=\"display-quote\">One remedy.<br\/>Four hours.<br\/>Taken in four ways.<\/p><p>The same olfactive signature can remain recognizable while its delivery changes with context: airborne in the morning, measured at midday, ambient in the evening, and skin-close at night. That is what makes the range coherent without making it repetitive.<\/p><p>For the consumer, the four-hour structure reduces choice anxiety and turns separate products into a learnable routine. For the brand, it creates a portfolio framework that can hold gift sets, single vessels, discovery sizes, refills, seasonal editions, and future scent families.<\/p><a class=\"text-link\" href=\"#hours\">Follow the day <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z\"><\/path><\/svg><\/a><\/div><figure class=\"thesis-stamp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/botanical-fragrance-label-marking-elements-scaled.webp\" alt=\"OFFICINA botanical stamps and circular hour mark\"\/><\/figure><\/section><section class=\"hours-section\" id=\"hours\"><header class=\"hours-heading paper-section\"><div class=\"section-label\">03 \u00b7 The daily sequence<\/div><div><h2>The accord stays.<br\/>Its radius changes.<\/h2><p>Each hour has a sensory role, a packaging mechanism, and a commercial job. Together they form a day; separately they remain complete retail propositions.<\/p><\/div><\/header><div class=\"hour-grid\"><article class=\"hour-card hour-1\"><div class=\"hour-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/nature-inspired-fragrance-packaging-campaign-scaled.webp\" alt=\"MANE Morning mist OFFICINA packaging concept\"\/><\/div><div class=\"hour-copy\"><div class=\"hour-topline\"><span>I<\/span><em>In the morning<\/em><\/div><p class=\"hour-role\">Wake \/ broadcast<\/p><h3>MANE<\/h3><p class=\"hour-format\">Morning mist \u00b7 100 ml<\/p><p>The day begins with the format that travels farthest. A fine mist gives the signature accord its brightest expression and makes MANE the visual lead for launch photography, discovery, and daily use.<\/p><small>Hero full-size SKU \u00b7 immediate sensory demonstration \u00b7 strong campaign opener<\/small><\/div><\/article><article class=\"hour-card hour-2\"><div class=\"hour-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/custom-apothecary-bottle-labeling-design-scaled.webp\" alt=\"MERIDIE Midday oil OFFICINA packaging concept\"\/><\/div><div class=\"hour-copy\"><div class=\"hour-topline\"><span>II<\/span><em>At midday<\/em><\/div><p class=\"hour-role\">Pause \/ measure<\/p><h3>MERIDIE<\/h3><p class=\"hour-format\">Midday oil \u00b7 10 ml<\/p><p>At the center of the day, fragrance becomes deliberate and portable. The compact amber dropper gives the ritual a measured gesture: one small action that can live at a desk, in a bag, or beside the diffuser.<\/p><small>Entry-price format \u00b7 travel-friendly discovery \u00b7 natural add-on to the full set<\/small><\/div><\/article><article class=\"hour-card hour-3\"><div class=\"hour-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/botanical-fragrance-bottle-packaging-flatlay-scaled.webp\" alt=\"VESPERE Reed diffuser OFFICINA packaging concept\"\/><\/div><div class=\"hour-copy\"><div class=\"hour-topline\"><span>III<\/span><em>Toward evening<\/em><\/div><p class=\"hour-role\">Dwell \/ atmosphere<\/p><h3>VESPERE<\/h3><p class=\"hour-format\">Reed diffuser \u00b7 100 ml<\/p><p>The evening format changes the scale of the ritual. VESPERE leaves the body and enters the room, extending the same olfactive identity into the domestic landscape through a slower, ambient delivery.<\/p><small>Home-fragrance anchor \u00b7 high gifting relevance \u00b7 bridge between personal and interior scent<\/small><\/div><\/article><article class=\"hour-card hour-4\"><div class=\"hour-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/premium-candle-tin-sleeve-packaging-scaled.webp\" alt=\"NOCTE Solid perfume or balm OFFICINA packaging concept\"\/><\/div><div class=\"hour-copy\"><div class=\"hour-topline\"><span>IV<\/span><em>At night<\/em><\/div><p class=\"hour-role\">Rest \/ keep close<\/p><h3>NOCTE<\/h3><p class=\"hour-format\">Solid perfume or balm \u00b7 25 g<\/p><p>The sequence closes with its most intimate object. The gold-tone tin is warmed by the hand and kept near the pulse, turning the final hour into a tactile personal gesture rather than another spray.<\/p><small>Compact giftable SKU \u00b7 metallic focal point \u00b7 premium counter and travel format<\/small><\/div><\/article><\/div><\/section><section class=\"paper-section atlas\"><div class=\"section-label\">04 \u00b7 Olfactive and color atlas<\/div><div class=\"atlas-grid\"><div class=\"atlas-copy\"><h2>A garden that changes with the light.<\/h2><p class=\"atlas-lead\">The visual proposal imagines one botanical accord moving through four tonal facets. This is a storytelling architecture for the fragrance house and brand to develop\u2014not a finished formula or benefit claim.<\/p><div class=\"facet-list\"><div><span>MANE<\/span><strong>Lift<\/strong><p>Bergamot and rosemary direction \u00b7 parchment cream \u00b7 open air<\/p><\/div><div><span>MERIDIE<\/span><strong>Balance<\/strong><p>Lavender and clary sage direction \u00b7 warm amber \u00b7 measured pause<\/p><\/div><div><span>VESPERE<\/span><strong>Soften<\/strong><p>Chamomile and orris direction \u00b7 apothecary olive \u00b7 room-scale calm<\/p><\/div><div><span>NOCTE<\/span><strong>Settle<\/strong><p>Oakmoss and cedar direction \u00b7 ink and oxblood \u00b7 skin-close depth<\/p><\/div><\/div><\/div><figure class=\"atlas-main plate\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/botanical-apothecary-packaging-moodboard-scaled.webp\" alt=\"OFFICINA botanical moodboard with rosemary, lavender, chamomile, oakmoss, and warm neutral colors\"\/><figcaption>Creative direction \u00b7 botanicals and notes to be finalized by the fragrance owner<\/figcaption><\/figure><figure class=\"atlas-vessels plate\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/illustrated-fragrance-bottle-packaging-concept-scaled.webp\" alt=\"OFFICINA amber mist, dropper, and diffuser vessels with portrait illustrations\"\/><figcaption>One silhouette family across personal and interior fragrance<\/figcaption><\/figure><\/div><\/section><section class=\"architecture\" id=\"architecture\"><div class=\"architecture-hero\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/apothecary-fragrance-gift-set-packaging-scaled.webp\" alt=\"Open OFFICINA gift case with mist, diffuser, oil, mini, reeds, and solid perfume tin\"\/><div class=\"architecture-title\"><p class=\"eyebrow light\">05 \u00b7 Packaging architecture<\/p><h2>A collection designed as a prescription cabinet.<\/h2><\/div><\/div><div class=\"paper-section architecture-body\"><div class=\"architecture-intro\"><p>The open case reveals five visible components, each with a defined role. The packaging images govern the specification below: the gold 25 g pack is a solid perfume or balm tin, not a candle; the 5 ml mini remains an open role until engineering and formula use are confirmed.<\/p><p>The value of the set is not component count alone. A shaped insert makes hierarchy physical: lead formats occupy the field, small formats act as discovery or replenishment tools, and the metallic tin creates the memorable visual punctuation.<\/p><\/div><div class=\"vessel-table\" role=\"table\" aria-label=\"OFFICINA packaging system\"><div class=\"vessel-row vessel-head\" role=\"row\"><span>No.<\/span><span>Hour<\/span><span>Format<\/span><span>Size<\/span><span>Visible structure<\/span><span>Closure \/ accessory<\/span><span>Portfolio role<\/span><\/div><div class=\"vessel-row\" role=\"row\"><span>01<\/span><span>MANE<\/span><span>Morning mist<\/span><span>100 ml<\/span><span>Tall amber bottle<\/span><span>Fine-mist closure to confirm<\/span><span>Hero and first-use format<\/span><\/div><div class=\"vessel-row\" role=\"row\"><span>02<\/span><span>MERIDIE<\/span><span>Midday oil<\/span><span>10 ml<\/span><span>Amber dropper bottle<\/span><span>Ribbed black dropper<\/span><span>Portable entry and add-on<\/span><\/div><div class=\"vessel-row\" role=\"row\"><span>03<\/span><span>VESPERE<\/span><span>Reed diffuser<\/span><span>100 ml<\/span><span>Wide-neck amber bottle<\/span><span>Black reeds; transit closure to confirm<\/span><span>Home-fragrance anchor<\/span><\/div><div class=\"vessel-row\" role=\"row\"><span>04<\/span><span>CONCENTRATE<\/span><span>Mini \/ refill component<\/span><span>5 ml<\/span><span>Small amber vial<\/span><span>Black screw closure<\/span><span>Trial, concentrate, or refill role to confirm<\/span><\/div><div class=\"vessel-row\" role=\"row\"><span>05<\/span><span>NOCTE<\/span><span>Solid perfume or balm<\/span><span>25 g<\/span><span>Gold-tone round tin<\/span><span>Fitted metal lid<\/span><span>Compact gift and metallic accent<\/span><\/div><\/div><p class=\"validation-note\"><strong>Production gate:<\/strong> final materials, fill compatibility, dispensing performance, decoration adhesion, transport closure, refill method, cleaning instructions, and environmental claims must be validated for the selected formulas and markets.<\/p><\/div><\/section><section class=\"paper-section commerce\" id=\"commerce\"><div class=\"section-label\">06 \u00b7 Portfolio and revenue logic<\/div><div class=\"commerce-heading\"><h2>One world.<br\/>Several ways in.<\/h2><div><p>A strong packaging system gives the buyer more than a beautiful launch set. It creates a ladder: a statement gift at the top, hero singles for repeat retail, compact formats for discovery, and a refill direction that can preserve the vessel as a long-term brand asset.<\/p><p>Because the story is shared, every entry point advertises the whole line. A NOCTE tin can introduce the night ritual; a VESPERE diffuser can lead a home-fragrance purchase; the complete chest can convert both into a higher-value gift.<\/p><\/div><\/div><div class=\"commercial-grid\"><article><figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/apothecary-fragrance-gift-set-packaging-scaled.webp\" alt=\"The complete ritual OFFICINA packaging concept\"\/><\/figure><div><span>A \u00b7 Gift set \/ discovery architecture<\/span><h3>The complete ritual<\/h3><p>The fitted presentation case introduces the entire day in one reveal. Each component has a defined place, so the insert teaches sequence while protecting the set from feeling like unrelated stock packaging.<\/p><\/div><\/article><article><figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/reed-diffuser-candle-packaging-lifestyle-scaled.webp\" alt=\"The keeper object OFFICINA packaging concept\"\/><\/figure><div><span>B \u00b7 Single-vessel retail<\/span><h3>The keeper object<\/h3><p>Every format is complete enough to sell alone. Shared amber glass, label framing, typography, and hour marks preserve recognition even when a shopper encounters only one vessel on a shelf.<\/p><\/div><\/article><article><figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/aromatherapy-kit-tin-packaging-design-scaled.webp\" alt=\"The return journey OFFICINA packaging concept\"\/><\/figure><div><span>C \u00b7 Refill and replenishment direction<\/span><h3>The return journey<\/h3><p>A validated refill route can shift value from repeated vessel purchase toward scent replenishment. The commercial premise is simple: keep the recognizable object in the home and let the fragrance renew around it.<\/p><\/div><\/article><\/div><div class=\"commercial-principles\"><div><strong>Range coherence<\/strong><p>One naming and CMF system reduces the visual cost of adding formats.<\/p><\/div><div><strong>Basket building<\/strong><p>Personal, portable, and home formats naturally support cross-category bundles.<\/p><\/div><div><strong>Repurchase memory<\/strong><p>A kept vessel preserves recognition between replenishment cycles.<\/p><\/div><div><strong>Seasonal flexibility<\/strong><p>Sleeves, labels, and gift-box graphics can change while the core objects stay recognizable.<\/p><\/div><\/div><\/section><section class=\"identity-section\"><div class=\"identity-lead paper-section\"><div class=\"section-label\">07 \u00b7 Identity as infrastructure<\/div><h2>The label does not decorate the vessel. It teaches the ritual.<\/h2><p>The O reads as the sun and the open C as the moon, placing the full day-to-night cycle inside the OFFICINA name. Together with the engraved serif, botanical stamps, Latin hour names, and pharmacy label framing, the wordmark creates a grammar that remains legible from a 100 ml bottle to a 5 ml mini. Each code has a job: the sun and moon own time, the border contains information, the botanical mark carries variation, and the hour name explains sequence.<\/p><\/div><div class=\"identity-grid paper-section\"><figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/custom-fragrance-packaging-logo-design-scaled.webp\" alt=\"OFFICINA wordmark with a sun-like O and moon-like C on textured paper\"\/><figcaption><strong>01 \u00b7 Wordmark<\/strong> O as the sun. C as the moon. One name holding the complete cycle.<\/figcaption><\/figure><figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/botanical-fragrance-label-marking-elements-scaled.webp\" alt=\"OFFICINA botanical illustrations framed as vintage postage stamps\"\/><figcaption><strong>02 \u00b7 Marking system<\/strong> Stamp-shaped botanical frames turn each hour into a collectible part of one family.<\/figcaption><\/figure><figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/custom-apothecary-bottle-labeling-design-scaled.webp\" alt=\"Hands applying an OFFICINA label beside bottles, box, and fabric pouch\"\/><figcaption><strong>03 \u00b7 Application<\/strong> One information hierarchy across bottle, box, and accessory.<\/figcaption><\/figure><\/div><div class=\"cmf-band paper-section\"><div><p class=\"section-label\">Color, material, finish<\/p><h3>Material honesty over theatrical nostalgia.<\/h3><\/div><div class=\"swatches\" aria-label=\"OFFICINA color palette\"><div><span class=\"swatch smoked\"><\/span>Smoked ember<\/div><div><span class=\"swatch amber\"><\/span>Amber sandal<\/div><div><span class=\"swatch honey\"><\/span>Honey glow<\/div><div><span class=\"swatch parchment\"><\/span>Parchment<\/div><div><span class=\"swatch ink\"><\/span>Ink<\/div><div><span class=\"swatch gold\"><\/span>Low-key gold<\/div><\/div><div class=\"finish-list\"><p><strong>Vessels<\/strong> Ribbed or pharmacy-coded amber glass; exact material and color confirmed per component.<\/p><p><strong>Labels<\/strong> Cotton-paper or paper-effect stock with fine botanical linework, stamp-shaped edges, and a subtle creasing pattern that gives the label an archival, handled character.<\/p><p><strong>Metal<\/strong> Brushed pewter direction for closures; pressed gold-tone tin as the warm accent.<\/p><p><strong>Secondary pack<\/strong> Rounded cream case, paper belly band, fitted insert, and quieter refill sleeves.<\/p><\/div><\/div><\/section><section class=\"market-signals\"><div class=\"market-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/apothecary-reed-diffuser-social-media-design-scaled.webp\" alt=\"OFFICINA reed diffuser beside a coordinated social media campaign mockup\"\/><\/div><div class=\"paper-section market-copy\"><div class=\"section-label\">08 \u00b7 Why the system is commercially timely<\/div><h2>Fragrance is becoming a daily behavior, not a single bottle.<\/h2><p>The OFFICINA architecture meets three useful market behaviors at once: fragrance used as self-directed ritual, coordinated formats bought as gifts, and smaller sizes used as accessible discovery points.<\/p><div class=\"signal-list\"><article><strong>+15%<\/strong><p>U.S. mass-market fragrance dollar sales growth in 2025, alongside 5% prestige fragrance growth.<\/p><a href=\"https:\/\/www.circana.com\/post\/us-prestige-and-mass-beauty-retail-deliver-a-positive-performance-in-2025-circana-reports\" target=\"_blank\" rel=\"noreferrer\">Circana \u00b7 February 2026<\/a><\/article><article><strong>17%<\/strong><p>of U.S. women 18+ planned to include candles or oil diffusers in their wellness routines; 15% planned fragrance for mood.<\/p><a href=\"https:\/\/www.circana.com\/b-book-2026\" target=\"_blank\" rel=\"noreferrer\">Circana B-Book \u00b7 2026<\/a><\/article><article><strong>+15%<\/strong><p>U.S. prestige mini and travel fragrance unit growth in the first half of 2025\u2014supporting discovery and portable formats.<\/p><a href=\"https:\/\/www.circana.com\/post\/us-beauty-industry-grows-in-the-first-half-of-2025-circana-reports\" target=\"_blank\" rel=\"noreferrer\">Circana \u00b7 August 2025<\/a><\/article><\/div><p class=\"source-caveat\">These figures describe broader category behavior, not forecast sales for OFFICINA. They support the portfolio direction; commercial performance still depends on formula, price, distribution, brand investment, and execution.<\/p><\/div><\/section><section class=\"paper-section channels\" id=\"channels\"><div class=\"section-label\">09 \u00b7 From packaging system to campaign system<\/div><div class=\"channels-intro\"><h2>The hours become the launch experience.<\/h2><div><p>A fragrance experience party gives OFFICINA a stronger launch mechanism than a conventional product reveal. Guided sampling makes the four-hour architecture easy to understand, gives press, creators, retailers, and guests one clear story to repeat, and encourages discovery across multiple formats instead of concentrating attention on a single SKU. That supports cross-selling, gift-set consideration, and movement toward the complete ritual.<\/p><p>Commercially, one activation can produce live trial, retailer education, creator content, gifting conversations, and first-party feedback on preferred hours and formats. The same event script can be reused for pop-ups, wholesale presentations, staff training, and seasonal launches, extending the value of the launch investment beyond one evening.<\/p><\/div><\/div><div class=\"channel-layout\"><div class=\"channel-list\"><article><span>01<\/span><h3>DTC editorial<\/h3><p>The four hours provide a ready-made sequence for product pages, email, and social storytelling without inventing a different campaign idea for every SKU.<\/p><\/article><article><span>02<\/span><h3>Prestige retail<\/h3><p>One master silhouette language helps the family read quickly at shelf distance; Latin hour names create navigation and memorability at close range.<\/p><\/article><article><span>03<\/span><h3>Gifting and travel<\/h3><p>The full chest acts as the statement gift, while the oil, mini, and tin provide smaller price and portability entries into the same world.<\/p><\/article><article><span>04<\/span><h3>Launch experience<\/h3><p>A fragrance experience party turns sampling into range education, gives creators and retail buyers a clear story to repeat, and helps move interest from one format toward the complete ritual.<\/p><\/article><\/div><div class=\"event-triptych\" aria-label=\"Commercial roles of the OFFICINA launch experience\"><figure class=\"event-panel event-panel-introduction plate\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/fragrance-workshop-event-photography.webp\" alt=\"OFFICINA fragrance experience party introduction\"\/><figcaption><span>01<\/span> Range education<\/figcaption><\/figure><figure class=\"event-panel event-panel-trial plate\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/fragrance-workshop-event-photography.webp\" alt=\"Guided OFFICINA fragrance sampling at the launch event\"\/><figcaption><span>02<\/span> Guided trial<\/figcaption><\/figure><figure class=\"event-panel event-panel-reach plate\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/fragrance-workshop-event-photography.webp\" alt=\"Guests gathering at the OFFICINA fragrance launch\"\/><figcaption><span>03<\/span> Social advocacy<\/figcaption><\/figure><\/div><\/div><\/section><section class=\"making\" id=\"making\"><div class=\"making-visual\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/botanical-fragrance-bottle-packaging-flatlay-scaled.webp\" alt=\"OFFICINA amber bottles and cream case arranged with botanical materials\"\/><div><p class=\"eyebrow light\">10 \u00b7 From idea to repeatable production<\/p><h2>A brand world only matters if every component can arrive together.<\/h2><\/div><\/div><div class=\"paper-section making-body\"><div class=\"route-intro\"><h3>Choose the development route by what is already known.<\/h3><p>OFFICINA is best understood as an OBM-style concept because the story, structure, range logic, graphics, and CMF were imagined together. A buyer can still move through ODM or OEM when existing components or locked specifications make those routes more appropriate.<\/p><\/div><div class=\"route-grid\"><article><span>OEM<\/span><h4>Execute a locked system<\/h4><p>For buyers with approved structures, artwork, and technical specifications. Jarsking manufactures against the controlled brief and validation plan.<\/p><\/article><article><span>ODM<\/span><h4>Customize a proven platform<\/h4><p>For buyers who want to adapt existing molds through color, material, finish, labels, closures, and coordinated secondary packaging.<\/p><\/article><article><span>OBM<\/span><h4>Co-develop the brand world<\/h4><p>For projects like OFFICINA, where range architecture, industrial design, CMF, graphics, packaging story, and production logic must be developed as one system.<\/p><\/article><\/div><div class=\"process-grid\"><article><span>01<\/span><h4>Frame<\/h4><p>Target market, category, channel, price architecture, required formats, formula ownership, and claim boundaries.<\/p><\/article><article><span>02<\/span><h4>Systemize<\/h4><p>Define the hour ritual, SKU hierarchy, vessel roles, visual codes, and the relationship between full set, singles, minis, and refills.<\/p><\/article><article><span>03<\/span><h4>Engineer<\/h4><p>Select structures, closures, decoration paths, tray geometry, pack-out logic, and the tests required for the final formulas and markets.<\/p><\/article><article><span>04<\/span><h4>Prototype<\/h4><p>Review color, label scale, tactile finish, assembly sequence, unboxing, transit protection, and compatibility before production approval.<\/p><\/article><article><span>05<\/span><h4>Industrialize<\/h4><p>Lock vector artwork, Pantone standards, tolerances, inspection criteria, packing instructions, and repeatable supplier controls.<\/p><\/article><article><span>06<\/span><h4>Extend<\/h4><p>Use the same platform for future scent editions, seasonal sleeves, travel sizes, and channel-specific sets without dissolving the brand code.<\/p><\/article><\/div><div class=\"project-facts\"><p><strong>Existing-mold MOQ<\/strong><span>10,000 units per SKU<\/span><\/p><p><strong>Project scope<\/strong><span>Primary packs \u00b7 components \u00b7 decoration \u00b7 presentation packaging<\/span><\/p><p><strong>Artwork input<\/strong><span>Vector AI or PDF plus Pantone references or approved physical standards<\/span><\/p><p><strong>Timing<\/strong><span>Confirmed after structure, decoration, testing, approval path, and shipping scope are locked<\/span><\/p><\/div><\/div><\/section><section class=\"closing\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/apothecary-fragrance-gift-set-packaging-1-scaled-e1786444367362.webp\" alt=\"OFFICINA aromatherapy gift set and amber fragrance vessels arranged on a white surface\"\/><div class=\"closing-shade\" aria-hidden=\"true\"><\/div><div class=\"closing-copy\"><p class=\"eyebrow light\">OFFICINA \u00b7 The Apothecary Hours<\/p><h2>Keep the vessel.<br\/>Let the day refill it with meaning.<\/h2><p>The concept turns a multi-format packaging set into a cultural system, a retail ladder, and a repeatable campaign world\u2014without asking the brand to invent four unrelated stories.<\/p><a class=\"outline-button light-button\" href=\"#top\">Return to the first hour <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M218.83,130.83l-72,72a4,4,0,0,1-5.66-5.66L206.34,132H40a4,4,0,0,1,0-8H206.34L141.17,58.83a4,4,0,0,1,5.66-5.66l72,72A4,4,0,0,1,218.83,130.83Z\"><\/path><\/svg><\/a><\/div><p class=\"closing-note\">Concept packaging only. Formula, claims, refill route, material composition, compliance, compatibility, and performance require final project validation.<\/p><\/section><\/div>\n\n<script>\n(() => {\n  const widgetVersion = '2026-08-12-lightbox-3';\n  let root = document.getElementById('officina-elementor');\n  if (!root) return;\n\n  \/* Elementor can re-run an HTML widget without cleaning nodes previously\n     mounted on body. Remove those stale viewers before initializing. *\/\n  const staleLightboxes = [...document.querySelectorAll('body > .officina-image-lightbox')];\n  staleLightboxes.forEach((node) => node.remove());\n  if (staleLightboxes.length) {\n    document.documentElement.style.removeProperty('overflow');\n    document.body.style.removeProperty('overflow');\n  }\n\n  \/* A replaced widget can retain listeners from an older pasted version in\n     the editor. Replacing the static root clears those unreachable handlers. *\/\n  if (root.dataset.widgetReady) {\n    const freshRoot = root.cloneNode(true);\n    root.replaceWith(freshRoot);\n    root = freshRoot;\n  }\n  root.dataset.widgetReady = widgetVersion;\n\n  const projectLinks = root.querySelector('.project-links');\n  const menuButton = root.querySelector('.menu-button');\n  menuButton?.addEventListener('click', () => {\n  const open = projectLinks?.classList.toggle('is-open');\n  menuButton.setAttribute('aria-label', open ? 'Close menu' : 'Open menu');\n  menuButton.setAttribute('aria-expanded', open ? 'true' : 'false');\n  });\n  projectLinks?.querySelectorAll('a').forEach((link) => link.addEventListener('click', () => projectLinks.classList.remove('is-open')));\n\n  const zoomableImages = [...root.querySelectorAll('img:not(.officina-nav-mark img)')];\n  zoomableImages.forEach((image) => {\n    image.tabIndex = 0;\n    image.setAttribute('role', 'button');\n    image.setAttribute('aria-label', 'View full image: ' + (image.alt || 'OFFICINA project image'));\n  });\n\n  let lastFocused = null;\n  let previousOverflow = '';\n  const lightbox = document.createElement('div');\n  lightbox.id = 'officina-global-lightbox';\n  lightbox.className = 'officina-image-lightbox image-lightbox';\n  lightbox.hidden = true;\n  lightbox.innerHTML = '<div class=\"image-lightbox-dialog\" role=\"dialog\" aria-modal=\"true\"><button class=\"image-lightbox-close\" data-officina-lightbox-close type=\"button\" aria-label=\"Close full image preview\" onclick=\"return window.__officinaCloseLightbox(event)\"><span aria-hidden=\"true\">&times;<\/span><\/button><img alt=\"\"><p><\/p><\/div>';\n  document.body.appendChild(lightbox);\n\n  const dialog = lightbox.querySelector('.image-lightbox-dialog');\n  const fullImage = dialog.querySelector('img');\n  const caption = dialog.querySelector('p');\n  const closeButton = dialog.querySelector('.image-lightbox-close');\n\n  const setPageInert = (inert) => {\n    [...root.children].forEach((child) => {\n      if (child !== lightbox) child.inert = inert;\n    });\n  };\n\n  const openLightbox = (image) => {\n    if (!image || image.closest('.project-nav')) return;\n    lastFocused = document.activeElement;\n    previousOverflow = document.body.style.overflow;\n    fullImage.src = image.currentSrc || image.src;\n    fullImage.alt = image.alt || '';\n    caption.textContent = image.alt || '';\n    caption.hidden = !image.alt;\n    lightbox.hidden = false;\n    document.body.style.overflow = 'hidden';\n    setPageInert(true);\n    closeButton.focus();\n  };\n\n  const closeLightbox = () => {\n    lightbox.hidden = true;\n    fullImage.removeAttribute('src');\n    document.body.style.overflow = previousOverflow;\n    setPageInert(false);\n    lastFocused?.focus?.();\n  };\n\n  const closeFromControl = (event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    closeLightbox();\n    return false;\n  };\n\n  \/* The inline callback survives Elementor's event delegation. Capture-phase\n     click handling runs before theme handlers without interrupting the normal\n     pointer-up\/click sequence. *\/\n  window.__officinaCloseLightbox = closeFromControl;\n  closeButton.addEventListener('click', closeFromControl, true);\n\n  if (window.__officinaDocumentCloseHandler) {\n    document.removeEventListener('click', window.__officinaDocumentCloseHandler, true);\n  }\n  window.__officinaDocumentCloseHandler = (event) => {\n    if (event.target.closest?.('[data-officina-lightbox-close]')) closeFromControl(event);\n  };\n  document.addEventListener('click', window.__officinaDocumentCloseHandler, true);\n\n  lightbox.addEventListener('click', (event) => {\n    if (event.target === lightbox) closeLightbox();\n  });\n\n  root.addEventListener('click', (event) => {\n    let image = event.target.closest('img');\n    if (!image && !event.target.closest('a, button')) {\n      const fullBleedSection = event.target.closest('.hero, .architecture-hero, .making-visual, .closing');\n      image = fullBleedSection?.querySelector(':scope > img');\n    }\n    openLightbox(image);\n  });\n\n  root.addEventListener('keydown', (event) => {\n    if ((event.key === 'Enter' || event.key === ' ') && event.target.matches('img[role=\"button\"]')) {\n      event.preventDefault();\n      openLightbox(event.target);\n    }\n  });\n\n  if (window.__officinaEscapeHandler) {\n    document.removeEventListener('keydown', window.__officinaEscapeHandler);\n  }\n  window.__officinaEscapeHandler = (event) => {\n    if (event.key === 'Escape' && !lightbox.hidden) closeLightbox();\n  };\n  document.addEventListener('keydown', window.__officinaEscapeHandler);\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OFFICINA transforms fragrance packaging into a daily ritual shaped by four apothecary hours. Amber vessels, botanical labels, refill-minded formats, and immersive launch experiences create a coherent commercial system designed for storytelling, gifting, discovery, retail education, and lasting brand recognition worldwide.<\/p>","protected":false},"author":22,"featured_media":105836,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[223],"tags":[],"class_list":["post-105834","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-moodboard-series"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.jarsking.com\/pt\/wp-json\/wp\/v2\/posts\/105834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jarsking.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jarsking.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jarsking.com\/pt\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jarsking.com\/pt\/wp-json\/wp\/v2\/comments?post=105834"}],"version-history":[{"count":7,"href":"https:\/\/www.jarsking.com\/pt\/wp-json\/wp\/v2\/posts\/105834\/revisions"}],"predecessor-version":[{"id":105866,"href":"https:\/\/www.jarsking.com\/pt\/wp-json\/wp\/v2\/posts\/105834\/revisions\/105866"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jarsking.com\/pt\/wp-json\/wp\/v2\/media\/105836"}],"wp:attachment":[{"href":"https:\/\/www.jarsking.com\/pt\/wp-json\/wp\/v2\/media?parent=105834"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jarsking.com\/pt\/wp-json\/wp\/v2\/categories?post=105834"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jarsking.com\/pt\/wp-json\/wp\/v2\/tags?post=105834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}