{"id":105674,"date":"2026-08-10T15:35:30","date_gmt":"2026-08-10T07:35:30","guid":{"rendered":"https:\/\/www.jarsking.com\/?p=105674"},"modified":"2026-08-10T16:00:50","modified_gmt":"2026-08-10T08:00:50","slug":"marea-design-project-refillable-airless-cream-jar-packaging","status":"publish","type":"post","link":"https:\/\/www.jarsking.com\/fr\/marea-design-project-refillable-airless-cream-jar-packaging\/","title":{"rendered":"MAREA Design Project | Refillable Airless Cream Jar Packaging"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"105674\" class=\"elementor elementor-105674\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4423ddb elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4423ddb\" 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-0b4371c\" data-id=\"0b4371c\" 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-a2225be elementor-widget elementor-widget-html\" data-id=\"a2225be\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- MAREA \u2014 The Tide Ritual | Elementor HTML Widget -->\n<div id=\"marea-tide-widget\" class=\"marea-widget\">\n<main><header class=\"site-header\"><a class=\"site-header__brand\" href=\"#marea-top\" aria-label=\"Jarsking home\">JARSKING<\/a><nav class=\"site-nav\" aria-label=\"Primary navigation\"><a href=\"#marea-origin\">Concept<\/a><a href=\"#marea-vessel\">Platform<\/a><a href=\"#marea-ritual\">Range<\/a><a href=\"#marea-cmf\">CMF<\/a><a href=\"#marea-channels\">Channels<\/a><a href=\"#marea-build\">Build<\/a><a href=\"https:\/\/www.jarsking.com\/contact-jarsking\/\">Start a project<\/a><\/nav><div class=\"site-header__note\">Marine \u00b7 Refillable \u00b7 System-led<\/div><button class=\"menu-button\" aria-label=\"Toggle menu\" aria-expanded=\"false\">Menu<\/button><\/header><section class=\"hero\" id=\"marea-top\"><img decoding=\"async\" alt=\"MAREA marine skincare concept on the shoreline\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/ocean-inspired-skincare-packaging-brand-story-scaled.webp\"><div class=\"hero__content\"><p class=\"hero__eyebrow\">OBM concept \u00b7 Refillable glass airless skincare packaging<\/p><h1>MAREA \/<br><em>The Tide Ritual<\/em><\/h1><p>One refillable jar family.<br>Four states of skin.<\/p><a class=\"button button--ghost\" href=\"https:\/\/www.jarsking.com\/contact-jarsking\/\">Discuss your packaging project<\/a><\/div><div class=\"hero__facts\"><span>30g + 50g<\/span><span>Glass outer + PP refill<\/span><span>MOQ 10,000 \/ SKU<\/span><\/div><a class=\"hero__scroll\" href=\"#marea-origin\">Scroll to explore<\/a><\/section><section id=\"marea-origin\" class=\"chapter chapter--dark origin\"><aside class=\"chapter__rail\" aria-hidden=\"true\"><span>Chapter<\/span><b>01<\/b><i><\/i><\/aside><div class=\"chapter__content\"><p class=\"chapter__label\">Brand opportunity<\/p><div class=\"origin__media\"><img decoding=\"async\" alt=\"Deep-sea wildlife and sunlit shoreline expressing MAREA's renewal story\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/ocean-inspired-skincare-packaging-color-moodboard.webp\"><\/div><div class=\"origin__copy\"><p>\u201cMarea\u201d means tide in Italian and Spanish. It gives the range one useful organizing idea: skin changes with its environment, so the ritual can change with it.<\/p><blockquote>You don't<br>fight the tide.<br>You keep pace<br>with it.<\/blockquote><p class=\"origin__foot\">Keep the vessel. Renew the core. Let each formula answer a different moment in the cycle.<\/p><\/div><div class=\"positioning-band\"><div><span>End buyer<\/span><strong>Design-aware skincare users seeking efficacy without clinical coldness.<\/strong><\/div><div><span>Benchmark tier<\/span><strong>Mid-premium marine care: sensorial, credible and routine-led.<\/strong><\/div><div><span>Commercial role<\/span><strong>A recognizable shelf system built to expand beyond one hero SKU.<\/strong><\/div><\/div><aside class=\"evidence\"><div><span>Marine ingredient signal<\/span><strong>7.2% CAGR<\/strong><\/div><p>The global algae skincare products market was valued at USD 194.9 million in 2023 and is projected to reach USD 316.5 million by 2030, expanding at a 7.2% CAGR from 2024 to 2030.<\/p><a href=\"https:\/\/www.grandviewresearch.com\/press-release\/global-algae-skincare-products-market\" target=\"_blank\" rel=\"noreferrer\">Source: Grand View Research \u2197<\/a><\/aside><\/div><\/section><section id=\"marea-vessel\" class=\"chapter chapter--light vessel\"><aside class=\"chapter__rail\" aria-hidden=\"true\"><span>Chapter<\/span><b>02<\/b><i><\/i><\/aside><div class=\"chapter__content\"><p class=\"chapter__label\">Refillable platform<\/p><div class=\"vessel__intro\"><h2>A premium object,<br>made to return.<\/h2><p>The clear glass outer vessel remains in the ritual while the compatible PP airless core is replaced. The stepped cylindrical silhouette makes the mechanism visible without turning the pack into a technical object.<\/p><strong>30g + 50g<\/strong><\/div><figure class=\"vessel__figure\"><img decoding=\"async\" alt=\"MAREA refillable glass airless jar color and component system\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/refillable-glass-airless-jar-color-system-scaled.webp\"><figcaption>Final component structure, decoration and formula compatibility: confirm per project.<\/figcaption><\/figure><ol class=\"vessel__steps\"><li><span>01<\/span><p>Keep the<br>glass vessel<\/p><\/li><li><span>02<\/span><p>Replace the<br>formula core<\/p><\/li><li><span>03<\/span><p>Repeat the<br>ritual<\/p><\/li><\/ol><div class=\"platform-table\"><div class=\"platform-table__head\"><span>Component<\/span><span>Proposed specification<\/span><span>Buyer value<\/span><\/div><div><strong>Outer vessel<\/strong><span>High-clarity glass; clear, frosted or coated<\/span><span>Premium weight and a retained shelf signature<\/span><\/div><div><strong>Inner core<\/strong><span>Replaceable PP airless cartridge<\/span><span>Enables replenishment while preserving the recognizable object<\/span><\/div><div><strong>Actuator + cap<\/strong><span>Injection-colored PP; custom CMF<\/span><span>Codes each SKU without changing the core silhouette<\/span><\/div><div><strong>Decoration<\/strong><span>Silk-screen, hot stamp, coating or electroplating<\/span><span>Extends one visual system across vessel, refill and carton<\/span><\/div><\/div><aside class=\"evidence\"><div><span>Refill economy<\/span><strong>USD 11.60B<\/strong><\/div><p>The cosmetics refill and reusable system packaging market is estimated at USD 8.44 billion in 2025 and is projected to reach USD 11.60 billion by 2030, growing at a 6.57% CAGR.<\/p><a href=\"https:\/\/www.mordorintelligence.com\/industry-reports\/cosmetics-refill-and-reusable-system-packaging-market\" target=\"_blank\" rel=\"noreferrer\">Source: Mordor Intelligence \u2197<\/a><\/aside><\/div><\/section><section id=\"marea-ritual\" class=\"chapter chapter--dark ritual\"><aside class=\"chapter__rail\" aria-hidden=\"true\"><span>Chapter<\/span><b>03<\/b><i><\/i><\/aside><div class=\"chapter__content\"><p class=\"chapter__label\">Range architecture<\/p><div class=\"ritual__intro\"><h2>Four moments.<br>One continuous ritual.<\/h2><p>A single recognizable vessel family becomes easy to navigate through short names, distinct formula-core colors and clear time-of-use roles.<\/p><\/div><div class=\"product-grid\"><article class=\"product product--tide\"><img decoding=\"async\" alt=\"TIDE refillable airless cream jar packaging\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/30g-glass-airless-day-cream-jar-scaled.webp\"><div class=\"product__top\"><h3>TIDE<\/h3><span>hydrate<\/span><\/div><div class=\"product__bottom\"><span>Daily hydration<\/span><span>30g or 50g<\/span><\/div><\/article><article class=\"product product--dawn\"><img decoding=\"async\" alt=\"DAWN refillable airless cream jar packaging\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/30g-refillable-glass-airless-eye-cream-jar-scaled.webp\"><div class=\"product__top\"><h3>DAWN<\/h3><span>awaken<\/span><\/div><div class=\"product__bottom\"><span>Targeted eye care<\/span><span>30g<\/span><\/div><\/article><article class=\"product product--depth\"><img decoding=\"async\" alt=\"DEPTH refillable airless cream jar packaging\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/skincare-airless-jar-packaging-campaign-mockups-scaled.webp\"><div class=\"product__top\"><h3>DEPTH<\/h3><span>restore<\/span><\/div><div class=\"product__bottom\"><span>Night barrier care<\/span><span>50g<\/span><\/div><\/article><article class=\"product product--drift\"><img decoding=\"async\" alt=\"DRIFT refillable airless cream jar packaging\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/custom-refillable-glass-skincare-jar-product-line-scaled.webp\"><div class=\"product__top\"><h3>DRIFT<\/h3><span>calm<\/span><\/div><div class=\"product__bottom\"><span>Weekly balm-mask<\/span><span>50g<\/span><\/div><\/article><\/div><div class=\"sku-architecture\"><div class=\"section-intro\"><span>Buyer specification<\/span><h3>One platform, four clearly coded SKUs.<\/h3><p>The system supports cross-selling, routine bundles, replenishment and future extensions without rebuilding the packaging logic for each launch.<\/p><\/div><div class=\"sku-table\" role=\"table\" aria-label=\"MAREA four SKU packaging architecture\"><div class=\"sku-table__head\" role=\"row\"><span>Ritual step<\/span><span>Product<\/span><span>Size<\/span><span>Packaging format<\/span><span>Dispensing and closure direction<\/span><span>Consumer role<\/span><\/div><div class=\"sku-table__row\" role=\"row\"><span role=\"cell\" data-label=\"Ritual step\">Morning<\/span><span role=\"cell\" data-label=\"Product\">TIDE Hydrating Day Cream<\/span><span role=\"cell\" data-label=\"Size\">30g or 50g<\/span><span role=\"cell\" data-label=\"Packaging format\">Refillable glass airless jar with replaceable PP core<\/span><span role=\"cell\" data-label=\"Dispensing\">Press-type airless dispenser, sealing inner lid, collar and cap; confirm per project<\/span><span role=\"cell\" data-label=\"Consumer role\">Daily hydration<\/span><\/div><div class=\"sku-table__row\" role=\"row\"><span role=\"cell\" data-label=\"Ritual step\">Morning \/ evening<\/span><span role=\"cell\" data-label=\"Product\">DAWN Eye Cream<\/span><span role=\"cell\" data-label=\"Size\">30g<\/span><span role=\"cell\" data-label=\"Packaging format\">Refillable glass airless jar with replaceable PP core<\/span><span role=\"cell\" data-label=\"Dispensing\">Controlled airless dispensing; dosage output to be validated<\/span><span role=\"cell\" data-label=\"Consumer role\">Eye-area hydration and care<\/span><\/div><div class=\"sku-table__row\" role=\"row\"><span role=\"cell\" data-label=\"Ritual step\">Evening<\/span><span role=\"cell\" data-label=\"Product\">DEPTH Barrier Night Cream<\/span><span role=\"cell\" data-label=\"Size\">50g<\/span><span role=\"cell\" data-label=\"Packaging format\">Refillable glass airless jar with replaceable PP core<\/span><span role=\"cell\" data-label=\"Dispensing\">Airless system with protective overcap; compatibility testing required<\/span><span role=\"cell\" data-label=\"Consumer role\">Nighttime barrier-support routine<\/span><\/div><div class=\"sku-table__row\" role=\"row\"><span role=\"cell\" data-label=\"Ritual step\">Weekly<\/span><span role=\"cell\" data-label=\"Product\">DRIFT Calming Balm-Mask<\/span><span role=\"cell\" data-label=\"Size\">50g<\/span><span role=\"cell\" data-label=\"Packaging format\">Refillable glass airless jar with replaceable PP core<\/span><span role=\"cell\" data-label=\"Dispensing\">Dispensing geometry matched to formula rheology; confirm by testing<\/span><span role=\"cell\" data-label=\"Consumer role\">Weekly calming ritual<\/span><\/div><\/div><\/div><div class=\"ritual-ladder\"><div><span>Entry<\/span><strong>TIDE<\/strong><p>A daily moisturizer introduces the vessel and refill behavior.<\/p><\/div><div><span>Pair<\/span><strong>TIDE + DAWN<\/strong><p>A morning duo can raise order value without complicating choice.<\/p><\/div><div><span>Routine<\/span><strong>+ DEPTH<\/strong><p>A day-to-night rhythm creates a clearer replenishment ladder.<\/p><\/div><div><span>Complete set<\/span><strong>+ DRIFT<\/strong><p>The weekly treatment makes the full range giftable and content-ready.<\/p><\/div><\/div><\/div><\/section><section id=\"marea-formula\" class=\"chapter chapter--light formula\"><aside class=\"chapter__rail\" aria-hidden=\"true\"><span>Chapter<\/span><b>04<\/b><i><\/i><\/aside><div class=\"chapter__content\"><p class=\"chapter__label\">Formula \u00d7 dispensing<\/p><div class=\"formula__visual\"><img decoding=\"async\" alt=\"Four MAREA products shown with cream textures and users\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/airless-skincare-jar-product-application-series-scaled.webp\"><\/div><div class=\"formula__copy\"><p class=\"chapter__label\">Engineering principle<\/p><h2>The formula and the dispensing path must be designed together.<\/h2><p>Airless is a mechanism, not a performance promise by itself. The actuator, piston path, orifice and intended dose must be assessed against the real bulk formula.<\/p><dl class=\"validation-list\"><div><dt>Bulk formula<\/dt><dd>Viscosity, active sensitivity, particle load and fill temperature<\/dd><\/div><div><dt>Target dose<\/dt><dd>Output per actuation, priming behavior and clean shut-off<\/dd><\/div><div><dt>Pack performance<\/dt><dd>Evacuation, leakage, torque, repeated use and transport<\/dd><\/div><div><dt>Decoration<\/dt><dd>Adhesion, color tolerance, abrasion and formula contact risk<\/dd><\/div><\/dl><\/div><div class=\"test-gates\"><div><span>Gate 01<\/span><strong>Compatibility<\/strong><p>Check formula contact materials, color shift, odor, swelling and active sensitivity.<\/p><\/div><div><span>Gate 02<\/span><strong>Dispensing<\/strong><p>Validate priming, output, shut-off and evacuation at intended storage conditions.<\/p><\/div><div><span>Gate 03<\/span><strong>Use cycle<\/strong><p>Confirm refill insertion, repeated opening, leakage, torque and transport performance.<\/p><\/div><\/div><\/div><\/section><section id=\"marea-cmf\" class=\"chapter chapter--light cmf\"><aside class=\"chapter__rail\" aria-hidden=\"true\"><span>Chapter<\/span><b>05<\/b><i><\/i><\/aside><div class=\"chapter__content\"><p class=\"chapter__label\">Identity and CMF<\/p><div class=\"cmf__intro\"><h2>Inspired by sea.<br>Distilled for shelf.<\/h2><p>The wave crest and the colored inner core create two assets that remain legible on a jar, carton, retail display or social thumbnail.<\/p><\/div><div class=\"cmf__images\"><img decoding=\"async\" alt=\"MAREA wave logo construction\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/ocean-inspired-cosmetic-packaging-logo-design-scaled.webp\"><img decoding=\"async\" alt=\"MAREA marine color and material moodboard\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/marine-skincare-packaging-cmf-moodboard-scaled.webp\"><\/div><div class=\"swatches\" aria-label=\"MAREA color palette\"><div class=\"swatch swatch--deep\"><span>Deep sea<\/span><small>#0D3B66 \u00b7 DEPTH<\/small><\/div><div class=\"swatch swatch--reef\"><span>Reef aqua<\/span><small>#7FB3B3 \u00b7 DAWN<\/small><\/div><div class=\"swatch swatch--mist\"><span>Sea mist<\/span><small>#BBD9E6 \u00b7 CARTON<\/small><\/div><div class=\"swatch swatch--sand\"><span>Warm sand<\/span><small>#E9C89E \u00b7 DRIFT<\/small><\/div><\/div><div class=\"design-rules\"><div><span>01<\/span><h3>Own the silhouette<\/h3><p>The wave crest and stepped airless profile support shelf, thumbnail and search-image recognition.<\/p><\/div><div><span>02<\/span><h3>Code the routine<\/h3><p>Color changes by skin moment while proportion, typography and label hierarchy stay fixed.<\/p><\/div><div><span>03<\/span><h3>Control decoration<\/h3><p>One hero finish plus restrained print preserves clarity and reduces production variables.<\/p><\/div><\/div><div class=\"decoration-matrix\"><div><span>Surface<\/span><span>Direction<\/span><span>Production check<\/span><\/div><div><strong>Glass vessel<\/strong><span>Clear, frosting, coating, silk-screen or hot stamp<\/span><span>Adhesion, abrasion, registration and color tolerance<\/span><\/div><div><strong>PP core + cap<\/strong><span>Injection color, metallization or selective decoration<\/span><span>Resin color, fit, torque and compatibility<\/span><\/div><div><strong>Carton + insert<\/strong><span>Offset print, foil, emboss or deboss<\/span><span>Fit, transit protection and recycling pathway<\/span><\/div><\/div><\/div><\/section><section id=\"marea-secondary\" class=\"chapter chapter--dark secondary\"><aside class=\"chapter__rail\" aria-hidden=\"true\"><span>Chapter<\/span><b>06<\/b><i><\/i><\/aside><div class=\"chapter__content\"><p class=\"chapter__label\">Secondary packaging<\/p><div class=\"secondary__visual\"><img decoding=\"async\" alt=\"MAREA ritual gift set with four coordinated refillable skincare jars\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/refillable-skincare-jar-gift-set-retail-display-scaled.webp\"><\/div><div class=\"secondary__copy\"><h2>Teach the ritual<br>at unboxing.<\/h2><p>The presentation set can elevate gifting and teach the complete routine. A fitted tray makes all four steps legible; a lower compartment can hold refill components, accessories or printed guidance after structural development.<\/p><ul><li>Single-SKU cartons, day-and-night duos and four-step ritual sets<\/li><li>Folding, hinged-lid, sliding or slip-lid structures<\/li><li>Foil, embossing, debossing and precision inserts<\/li><li>Validated refill installation, hygiene and disposal instructions<\/li><\/ul><p class=\"secondary__note\">Primary packaging, cartons, inserts and decoration can be developed through one project team.<\/p><\/div><\/div><\/section><section id=\"marea-channels\" class=\"chapter chapter--dark channels\"><aside class=\"chapter__rail\" aria-hidden=\"true\"><span>Chapter<\/span><b>07<\/b><i><\/i><\/aside><div class=\"chapter__content\"><p class=\"chapter__label\">Channel strategy<\/p><div class=\"channels__intro\"><h2>One system,<br>designed to travel.<\/h2><p>The same SKUs can support different sell-in stories without fragmenting the packaging system.<\/p><\/div><div class=\"channel-grid\"><article><img decoding=\"async\" alt=\"MAREA social campaign system\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/airless-cream-jar-social-media-campaign-design-scaled.webp\"><div><span>DTC + social<\/span><h3>Packaging as the first ad<\/h3><p>Short names, clear product roles and strong color blocks remain recognizable in-feed.<\/p><\/div><\/article><article><img decoding=\"async\" alt=\"MAREA coastal retail and pop-up display\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/custom-skincare-packaging-retail-display-concept-scaled.webp\"><div><span>Retail + activation<\/span><h3>Let shoppers see the system<\/h3><p>A counter or pop-up can demonstrate the refill step and sell the full routine.<\/p><\/div><\/article><article><img decoding=\"async\" alt=\"MAREA launch presentation and product education\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/custom-airless-skincare-jar-launch-presentation-scaled.webp\"><div><span>Clinic + education<\/span><h3>Make the mechanism credible<\/h3><p>Side-by-side components give partners a simple way to explain value.<\/p><\/div><\/article><\/div><figure class=\"social-story\"><img decoding=\"async\" alt=\"MAREA refillable skincare campaign and product storytelling\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/refillable-frosted-glass-cream-jar-concept-scaled.webp\"><figcaption>One content system can move from ingredient story to product education, refill instruction and replenishment reminder.<\/figcaption><\/figure><div class=\"channel-matrix\"><div><span>Channel<\/span><span>Best entry<\/span><span>Packaging and content job<\/span><\/div><div><strong>DTC \/ social<\/strong><span>TIDE + DAWN duo<\/span><span>Thumbnail recognition, education and repeatable lifecycle content<\/span><\/div><div><strong>Prestige retail<\/strong><span>Full four-SKU ritual<\/span><span>Shelf blocking, discovery, guided trade-up and gifting<\/span><\/div><div><strong>Clinic \/ spa<\/strong><span>DEPTH + TIDE<\/span><span>Mechanism explanation and guided routine recommendation<\/span><\/div><div><strong>Travel \/ hospitality<\/strong><span>30g formats<\/span><span>Compact premium ritual; final pack and transport validation required<\/span><\/div><\/div><aside class=\"evidence\"><div><span>Beauty commerce shift<\/span><strong>Nearly 1\/3<\/strong><\/div><p>Online channels are forecast to account for nearly one-third of global beauty sales by 2030, up from 26 percent in 2024, reinforcing the need for packaging that explains itself on a small screen.<\/p><a href=\"https:\/\/www.mckinsey.com\/industries\/consumer-packaged-goods\/our-insights\/state-of-beauty-2025\" target=\"_blank\" rel=\"noreferrer\">Source: McKinsey &amp; Company \u2197<\/a><\/aside><\/div><\/section><section id=\"marea-claims\" class=\"chapter chapter--light claims\"><aside class=\"chapter__rail\" aria-hidden=\"true\"><span>Chapter<\/span><b>08<\/b><i><\/i><\/aside><div class=\"chapter__content\"><p class=\"chapter__label\">Claim governance<\/p><div class=\"claims__media\"><img decoding=\"async\" alt=\"MAREA sustainability and packaging presentation\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/recyclable-glass-airless-night-cream-jar-presentation-scaled.webp\"><\/div><div class=\"claims__copy\"><p class=\"chapter__label\">Evidence before language<\/p><h2>Make the refill story<br>specific and defensible.<\/h2><p>The concept visibly separates the retained glass vessel from the replaceable PP core. That is a strong starting point, but every environmental statement must follow the confirmed bill of materials, refill design and target-market rules.<\/p><div class=\"claims__split\"><div><span>Appropriate at concept stage<\/span><strong>\u201cDesigned with a replaceable inner core.\u201d<\/strong><p>Describes the intended structure without claiming an unverified environmental outcome.<\/p><\/div><div><span>Validate before launch<\/span><strong>Recyclable, reduced-waste, biodegradable or ocean-friendly.<\/strong><p>Require component, process, evidence-boundary and market-specific review.<\/p><\/div><\/div><\/div><div class=\"claim-checklist\"><div><span>Claim area<\/span><span>Evidence required<\/span><span>Decision owner<\/span><\/div><div><strong>Refillability<\/strong><span>Validated removal, insertion, fit, leakage and repeated-use instructions<\/span><span>Packaging engineering + brand<\/span><\/div><div><strong>Recyclability<\/strong><span>Confirmed material composition, separability and local collection pathway<\/span><span>Compliance + target market<\/span><\/div><div><strong>Lower impact<\/strong><span>Defined comparison, refill count, transport boundary and life-cycle evidence<\/span><span>Brand sustainability lead<\/span><\/div><div><strong>Formula \/ ingredient<\/strong><span>Safety, stability, efficacy, sourcing and market-specific substantiation<\/span><span>Brand regulatory team<\/span><\/div><\/div><p class=\"regulatory-note\">The EU Packaging and Packaging Waste Regulation entered into force on 11 February 2025 and generally applies from 12 August 2026. European-market packaging should be reviewed against the final composition, recyclability, reuse, labeling and extended-producer-responsibility requirements. <a href=\"https:\/\/environment.ec.europa.eu\/topics\/waste-and-recycling\/packaging-waste_en\" target=\"_blank\" rel=\"noreferrer\">European Commission \u2197<\/a><\/p><\/div><\/section><section id=\"marea-build\" class=\"chapter chapter--light specs\"><aside class=\"chapter__rail\" aria-hidden=\"true\"><span>Chapter<\/span><b>09<\/b><i><\/i><\/aside><div class=\"chapter__content\"><p class=\"chapter__label\">Development and sourcing<\/p><div class=\"specs__intro\"><h2>From design intent<br>to production control.<\/h2><p>Choose the development model that fits your brief, timeline and ownership needs.<\/p><\/div><div class=\"service-models\"><div><span>OEM<\/span><strong>Build to your specification<\/strong><p>You provide the design and technical direction; Jarsking develops and manufactures it while you retain IP and control.<\/p><small>Typical: 33\u201365 days<\/small><\/div><div><span>ODM<\/span><strong>Customize a proven platform<\/strong><p>Select from 30,000+ existing molds, then tailor CMF, decoration, branding and secondary packs.<\/p><small>Typical: 40\u201360 days<\/small><\/div><div><span>OBM<\/span><strong>Co-develop the whole system<\/strong><p>Brand strategy, industrial design, structure and CMF are developed as one design-led project.<\/p><small>Typical: 84\u2013110 days<\/small><\/div><\/div><dl class=\"spec-grid\"><div><dt>Platform<\/dt><dd>30g + 50g<\/dd><\/div><div><dt>MOQ<\/dt><dd>10,000 units<br>per SKU<\/dd><\/div><div><dt>Artwork<\/dt><dd>AI \/ PDF +<br>Pantone<\/dd><\/div><div><dt>Schedule<\/dt><dd>Shipping<br>excluded<\/dd><\/div><\/dl><div class=\"procurement-brief\"><div class=\"section-intro\"><span>Briefing checklist<\/span><h3>What procurement should define before sampling.<\/h3><\/div><div class=\"procurement-grid\"><div><span>01<\/span><strong>Product architecture<\/strong><p>SKU count, 30g \/ 50g allocation, launch waves and refill model.<\/p><\/div><div><span>02<\/span><strong>Formula inputs<\/strong><p>Bulk samples, viscosity range, fill temperature, target dose and sensitive actives.<\/p><\/div><div><span>03<\/span><strong>CMF standard<\/strong><p>Vector artwork, Pantone or physical color sample, finish hierarchy and tolerance.<\/p><\/div><div><span>04<\/span><strong>Market requirements<\/strong><p>Destination countries, claim strategy, documentation and retail test needs.<\/p><\/div><div><span>05<\/span><strong>Secondary pack<\/strong><p>Single carton, starter set, ritual kit, insert, shipper and gifting calendar.<\/p><\/div><div><span>06<\/span><strong>Quality plan<\/strong><p>Golden samples, AQL ISO 2859 sampling, traceability and third-party audit needs.<\/p><\/div><\/div><\/div><div class=\"capability-intro\"><span>Jarsking delivery system<\/span><h3>One partner across design, component development, production and logistics.<\/h3><\/div><div class=\"capability-strip capability-strip--large\"><div><strong>20+ years<\/strong><span>Founded 2003<\/span><\/div><div><strong>30+ designers<\/strong><span>Packaging + rapid prototyping<\/span><\/div><div><strong>30,000+ molds<\/strong><span>Ready-to-use options<\/span><\/div><div><strong>100,000 m\u00b2<\/strong><span>Self-owned factories<\/span><\/div><div><strong>300+ partners<\/strong><span>Qualified factories worldwide<\/span><\/div><\/div><div class=\"factory-matrix\"><div><span>Capability<\/span><span>Verified Jarsking resource<\/span><span>Project value<\/span><\/div><div><strong>Glass<\/strong><span>52 tons\/day melting, 6 lines, 170+ workers and glass stress testing<\/span><span>High-clarity flint glass development and controlled quality<\/span><\/div><div><strong>Plastic<\/strong><span>10 injection and 8 blow-molding machines; 200+ technicians<\/span><span>PP cores, caps, actuators and coordinated color development<\/span><\/div><div><strong>Decoration<\/strong><span>20 screen-printing, 10 hot-stamping and 3 spraying lines<\/span><span>CMF translation across glass, plastic and secondary packaging<\/span><\/div><div><strong>Quality<\/strong><span>ISO 9001, BSCI, RoHS, CE, REACH, MSDS and LFGB; more per market<\/span><span>AQL sampling, lot traceability and documentation support<\/span><\/div><\/div><\/div><\/section><section class=\"faq\" id=\"marea-faq\"><div class=\"faq__title\"><p class=\"chapter__label\">Buyer FAQ<\/p><h2>Before you brief the system.<\/h2><p>Clear inputs early reduce sampling loops later.<\/p><\/div><div class=\"faq__items\"><article class=\"faq-item is-open\"><button aria-expanded=\"true\"><span>What is the MOQ for this platform?<\/span><i>\u2212<\/i><\/button><div class=\"faq-item__answer\"><p>The standard MOQ is 10,000 units per SKU on existing molds. Full-custom tooling and structures are quoted per project.<\/p><\/div><\/article><article class=\"faq-item\"><button aria-expanded=\"false\"><span>Which sizes and materials are shown?<\/span><i>+<\/i><\/button><div class=\"faq-item__answer\"><p>The referenced platform uses 30g and 50g formats with a glass outer shell and a replaceable PP inner component. Exact glass weight, PP grade, actuator output, collar, cap and gasket are confirmed for the selected configuration.<\/p><\/div><\/article><article class=\"faq-item\"><button aria-expanded=\"false\"><span>How does the refillable airless system work?<\/span><i>+<\/i><\/button><div class=\"faq-item__answer\"><p>The retained outer vessel houses a replaceable formula core with an airless dispensing mechanism. Final instructions and performance claims depend on validated fit, leakage, evacuation, compatibility and transport testing.<\/p><\/div><\/article><article class=\"faq-item\"><button aria-expanded=\"false\"><span>Which formulas can use the platform?<\/span><i>+<\/i><\/button><div class=\"faq-item__answer\"><p>Creams, gels, emulsions and some balm-like textures may be suitable. Jarsking evaluates the real bulk formula against the dispensing path, target dose and evacuation requirement before production.<\/p><\/div><\/article><article class=\"faq-item\"><button aria-expanded=\"false\"><span>Can colors and finishes be customized?<\/span><i>+<\/i><\/button><div class=\"faq-item__answer\"><p>Yes. Frosting, silk-screen printing, hot stamping, electroplating, color coating and 3D printing can be explored. Final Pantone standards, adhesion and tolerances are confirmed through physical samples.<\/p><\/div><\/article><article class=\"faq-item\"><button aria-expanded=\"false\"><span>Can Jarsking supply cartons and gift sets?<\/span><i>+<\/i><\/button><div class=\"faq-item__answer\"><p>Yes. Folding, hinged-lid, sliding and slip-lid boxes, inserts and coordinated decoration can be developed with the primary packaging.<\/p><\/div><\/article><article class=\"faq-item\"><button aria-expanded=\"false\"><span>What are the typical development timelines?<\/span><i>+<\/i><\/button><div class=\"faq-item__answer\"><p>Typical timelines excluding shipping are 33\u201365 days for OEM, 40\u201360 days for ODM and 84\u2013110 days for OBM. The final schedule depends on materials, decoration, testing, tooling and order scope.<\/p><\/div><\/article><article class=\"faq-item\"><button aria-expanded=\"false\"><span>Can the pack be marketed as recyclable or lower impact?<\/span><i>+<\/i><\/button><div class=\"faq-item__answer\"><p>Only after project-specific review. Recyclability depends on material combinations, separability and local collection systems; comparative environmental claims require a defined evidence boundary.<\/p><\/div><\/article><\/div><\/section><section class=\"closing\"><img decoding=\"async\" alt=\"MAREA refillable airless jars in moving seawater\" class=\"zoomable-image\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" src=\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/marine-inspired-airless-glass-cream-jar-collection.webp\"><div class=\"closing__left\"><p class=\"chapter__label\">Concept to shelf<\/p><h2>Build your<br>next ritual.<\/h2><\/div><div class=\"closing__right\"><p>Bring brand strategy, industrial design, CMF, primary packaging and secondary packaging into one coherent system.<\/p><a class=\"button button--ghost\" href=\"https:\/\/www.jarsking.com\/contact-jarsking\/\">Contact Jarsking<\/a><a href=\"mailto:info@jarsking.com\">info@jarsking.com<\/a><\/div><\/section><footer><span>JARSKING \u00b7 The Global Value Integrator<\/span><span>OEM \u00b7 ODM \u00b7 OBM<\/span><span>China \u00b7 USA \u00b7 UAE<\/span><\/footer><\/main>\n<div class=\"image-lightbox\" hidden>\n  <section class=\"image-lightbox__dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Full image\">\n    <button class=\"image-lightbox__close\" type=\"button\" aria-label=\"Close full image\">Close <span aria-hidden=\"true\">\u00d7<\/span><\/button>\n    <img decoding=\"async\" src=\"\" alt=\"\" \/>\n    <p><\/p>\n  <\/section>\n<\/div>\n<\/div>\n<style>\n#marea-tide-widget {\n  --deep: #071f2b;\n  --ocean: #0d3b66;\n  --reef: #7fb3b3;\n  --mist: #bbd9e6;\n  --sand: #e9c89e;\n  --paper: #eaf4f6;\n  --white: #f7fbfc;\n  --ink: #0a2735;\n  --line-dark: rgba(231, 246, 249, 0.24);\n  --line-light: rgba(13, 59, 102, 0.22);\n  --serif: \"Iowan Old Style\", \"Baskerville\", \"Times New Roman\", serif;\n  --sans: \"Avenir Next\", \"Segoe UI\", Arial, sans-serif;\n  font-family: var(--sans);\n  color: var(--white);\n  background: var(--deep);\n  font-synthesis: none;\n}\n\n#marea-tide-widget * { box-sizing: border-box; }\n#marea-tide-widget { scroll-behavior: smooth; background: var(--deep); }\n#marea-tide-widget { margin: 0; min-width: 320px; min-height: 100vh; background: var(--deep); -webkit-font-smoothing: antialiased; }\n#marea-tide-widget, #marea-tide-widget button, #marea-tide-widget input, #marea-tide-widget select, #marea-tide-widget textarea { font-family: var(--sans); }\n#marea-tide-widget button, #marea-tide-widget a { -webkit-tap-highlight-color: transparent; }\n#marea-tide-widget button { cursor: pointer; }\n#marea-tide-widget img { display: block; width: 100%; }\n#marea-tide-widget a { color: inherit; }\n\n#marea-tide-widget .zoomable-image { cursor: zoom-in; }\n#marea-tide-widget .zoomable-image:focus-visible { outline: 3px solid var(--sand); outline-offset: -3px; }\n\n#marea-tide-widget .site-header {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 10;\n  height: 86px;\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  align-items: center;\n  padding: 0 clamp(24px, 4.4vw, 72px);\n  color: #fff;\n  border-bottom: 1px solid rgba(255,255,255,.22);\n}\n#marea-tide-widget .site-header__brand { text-decoration: none; letter-spacing: .16em; font-weight: 600; font-size: 14px; }\n#marea-tide-widget .site-header__note { justify-self: end; font-size: 11px; letter-spacing: .09em; opacity: .82; }\n#marea-tide-widget .site-nav { display: flex; gap: 28px; align-items: center; }\n#marea-tide-widget .site-nav a, #marea-tide-widget .site-nav button { color: #fff; text-decoration: none; font-size: 12px; letter-spacing: .06em; border: 0; background: none; padding: 10px 0; }\n#marea-tide-widget .site-nav a:hover, #marea-tide-widget .site-nav button:hover { color: var(--mist); }\n#marea-tide-widget .menu-button { display: none; min-width: 44px; height: 44px; border: 0; background: transparent; color: #fff; padding: 0; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }\n\n#marea-tide-widget .hero { min-height: 720px; height: 100svh; position: relative; overflow: hidden; background: #362719; }\n#marea-tide-widget .hero > img { height: 100%; object-fit: cover; object-position: center 48%; }\n#marea-tide-widget .hero::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,20,28,.62) 0%, rgba(4,20,28,.18) 42%, transparent 68%); pointer-events: none; }\n#marea-tide-widget .hero__content { position: absolute; z-index: 2; left: clamp(24px, 5vw, 80px); top: 50%; transform: translateY(-44%); }\n#marea-tide-widget .hero__eyebrow { margin: 0 0 24px !important; font-size: 10px !important; letter-spacing: .14em !important; text-transform: uppercase; opacity: .82; }\n#marea-tide-widget .hero h1 { margin: 0; font-family: var(--serif); font-size: clamp(66px, 8.3vw, 136px); font-weight: 400; line-height: .82; letter-spacing: -.045em; text-wrap: balance; }\n#marea-tide-widget .hero h1 em { font-weight: 400; }\n#marea-tide-widget .hero__content > p { margin: 38px 0 28px; font-size: clamp(16px, 1.35vw, 21px); line-height: 1.35; letter-spacing: .01em; }\n#marea-tide-widget .hero__scroll { position: absolute; z-index: 2; right: clamp(24px, 4.5vw, 72px); bottom: 34px; font-size: 11px; text-transform: uppercase; letter-spacing: .14em; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.8); padding-bottom: 7px; }\n#marea-tide-widget .hero__facts { position: absolute; z-index: 2; left: 50%; right: clamp(24px, 4.5vw, 72px); bottom: 31px; display: flex; justify-content: center; gap: 30px; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; opacity: .78; }\n#marea-tide-widget .hero__facts span { padding-left: 18px; border-left: 1px solid rgba(255,255,255,.36); }\n\n#marea-tide-widget .button { min-height: 48px; padding: 0 22px; border-radius: 0; display: inline-flex; align-items: center; gap: 18px; justify-content: center; font-size: 12px; letter-spacing: .05em; transition: background .25s ease, color .25s ease, border-color .25s ease; }\n#marea-tide-widget .button--ghost { color: #fff; border: 1px solid rgba(255,255,255,.68); background: rgba(4,20,28,.1); backdrop-filter: blur(4px); }\n#marea-tide-widget .button--ghost:hover { background: #fff; color: var(--ink); }\n#marea-tide-widget .button--solid { border: 1px solid var(--mist); color: var(--deep); background: var(--mist); }\n#marea-tide-widget .button--solid:hover { background: #fff; border-color: #fff; }\n#marea-tide-widget .button--full { width: 100%; margin-top: 8px; }\n\n#marea-tide-widget .chapter { display: grid; grid-template-columns: clamp(112px, 15vw, 238px) 1fr; position: relative; }\n#marea-tide-widget .chapter--dark { background: var(--deep); color: var(--white); }\n#marea-tide-widget .chapter--light { background: var(--paper); color: var(--ink); }\n#marea-tide-widget .chapter__rail { border-right: 1px solid var(--line-dark); padding: clamp(30px, 4.2vw, 66px) clamp(22px, 3.6vw, 58px); position: relative; }\n#marea-tide-widget .chapter--light .chapter__rail { border-color: var(--line-light); }\n#marea-tide-widget .chapter__rail span, #marea-tide-widget .chapter__label { font-size: 10px; letter-spacing: .14em; text-transform: uppercase; opacity: .68; }\n#marea-tide-widget .chapter__rail b { display: block; margin-top: 8px; font-family: var(--serif); font-size: clamp(72px, 8.5vw, 138px); font-weight: 400; line-height: 1; color: var(--mist); }\n#marea-tide-widget .chapter--light .chapter__rail b { color: var(--reef); }\n#marea-tide-widget .chapter__rail i { position: absolute; left: clamp(22px, 3.6vw, 58px); right: clamp(22px, 3.6vw, 58px); top: clamp(52px, 6.5vw, 103px); height: 1px; background: currentColor; opacity: .24; }\n#marea-tide-widget .chapter__content { min-width: 0; }\n#marea-tide-widget .chapter__label { margin: 0; }\n\n#marea-tide-widget .origin { min-height: 760px; }\n#marea-tide-widget .origin .chapter__content { display: grid; grid-template-columns: 1.08fr .92fr; }\n#marea-tide-widget .origin .chapter__label { position: absolute; left: calc(clamp(112px, 15vw, 238px) + clamp(34px, 4.8vw, 76px)); top: clamp(34px, 4.5vw, 70px); z-index: 2; }\n#marea-tide-widget .origin__media { height: 760px; overflow: hidden; }\n#marea-tide-widget .origin__media img { height: 100%; object-fit: cover; object-position: 0 center; }\n#marea-tide-widget .origin__copy { padding: clamp(92px, 10vw, 152px) clamp(36px, 7vw, 112px) clamp(50px, 7vw, 106px); display: flex; flex-direction: column; }\n#marea-tide-widget .origin__copy > p { max-width: 470px; margin: 0; font-size: clamp(16px, 1.35vw, 21px); line-height: 1.55; color: rgba(247,251,252,.8); }\n#marea-tide-widget .origin blockquote { font-family: var(--serif); font-size: clamp(48px, 5.2vw, 84px); line-height: .92; letter-spacing: -.035em; margin: auto 0; }\n#marea-tide-widget .origin__foot { padding-top: 32px; border-top: 1px solid var(--line-dark); }\n#marea-tide-widget .positioning-band { grid-column: 1 \/ -1; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-dark); }\n#marea-tide-widget .positioning-band > div { min-height: 180px; padding: 34px clamp(28px, 4vw, 64px); border-right: 1px solid var(--line-dark); }\n#marea-tide-widget .positioning-band > div:last-child { border-right: 0; }\n#marea-tide-widget .positioning-band span, #marea-tide-widget .design-rules span, #marea-tide-widget .channel-grid article > div > span, #marea-tide-widget .secondary__copy li, #marea-tide-widget .service-models span, #marea-tide-widget .claims__split span { display: block; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; opacity: .62; }\n#marea-tide-widget .positioning-band strong { display: block; margin-top: 22px; max-width: 350px; font-family: var(--serif); font-size: clamp(21px, 1.8vw, 29px); line-height: 1.18; font-weight: 400; }\n\n#marea-tide-widget .vessel { min-height: 650px; }\n#marea-tide-widget .vessel .chapter__content { padding: clamp(48px, 7vw, 106px); display: grid; grid-template-columns: .74fr 1.2fr .72fr; align-items: center; gap: clamp(28px, 4vw, 64px); }\n#marea-tide-widget .vessel .chapter__label { position: absolute; top: clamp(32px, 4.4vw, 68px); }\n#marea-tide-widget .vessel__intro h2, #marea-tide-widget .cmf__intro h2, #marea-tide-widget .channels__intro h2, #marea-tide-widget .specs__intro h2, #marea-tide-widget .faq__title h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(38px, 3.4vw, 58px); line-height: .98; letter-spacing: -.03em; margin: 0 0 28px; }\n#marea-tide-widget .vessel__intro p, #marea-tide-widget .cmf__intro p, #marea-tide-widget .channels__intro p { color: rgba(10,39,53,.72); line-height: 1.55; font-size: 15px; }\n#marea-tide-widget .vessel__intro strong { display: block; margin-top: 50px; font-family: var(--serif); font-weight: 400; font-size: 26px; }\n#marea-tide-widget .vessel__figure { margin: 0; }\n#marea-tide-widget .vessel__figure img { aspect-ratio: 1.55; object-fit: cover; }\n#marea-tide-widget .vessel__figure figcaption { color: rgba(10,39,53,.58); font-size: 11px; line-height: 1.45; margin-top: 10px; }\n#marea-tide-widget .vessel__steps { list-style: none; padding: 0; margin: 0; }\n#marea-tide-widget .vessel__steps li { display: grid; grid-template-columns: 40px 1fr; padding: 18px 0; border-top: 1px solid var(--line-light); align-items: start; }\n#marea-tide-widget .vessel__steps span { color: var(--reef); font-family: var(--serif); font-size: 24px; }\n#marea-tide-widget .vessel__steps p { margin: 0; line-height: 1.35; }\n#marea-tide-widget .platform-table { grid-column: 1 \/ -1; margin-top: clamp(24px, 4vw, 64px); border-top: 1px solid var(--line-light); }\n#marea-tide-widget .platform-table > div { display: grid; grid-template-columns: .55fr 1fr 1.1fr; gap: 24px; padding: 19px 0; border-bottom: 1px solid var(--line-light); align-items: baseline; }\n#marea-tide-widget .platform-table__head { font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: rgba(10,39,53,.52); }\n#marea-tide-widget .platform-table strong { font-family: var(--serif); font-weight: 400; font-size: 20px; }\n#marea-tide-widget .platform-table span { font-size: 13px; line-height: 1.45; color: rgba(10,39,53,.72); }\n#marea-tide-widget .formula-fit { grid-column: 1 \/ -1; display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(40px, 7vw, 110px); margin-top: clamp(46px, 6vw, 92px); padding-top: clamp(42px, 5vw, 76px); border-top: 1px solid var(--line-light); }\n#marea-tide-widget .formula-fit h3 { font-family: var(--serif); font-size: clamp(33px, 3vw, 50px); line-height: 1; font-weight: 400; margin: 18px 0 22px; }\n#marea-tide-widget .formula-fit p { color: rgba(10,39,53,.68); line-height: 1.58; max-width: 500px; }\n#marea-tide-widget .formula-fit dl { margin: 0; border-top: 1px solid var(--line-light); }\n#marea-tide-widget .formula-fit dl > div { display: grid; grid-template-columns: .36fr 1fr; gap: 24px; padding: 20px 0; border-bottom: 1px solid var(--line-light); }\n#marea-tide-widget .formula-fit dt { font-family: var(--serif); font-size: 20px; }\n#marea-tide-widget .formula-fit dd { margin: 0; color: rgba(10,39,53,.68); line-height: 1.45; }\n\n#marea-tide-widget .ritual { min-height: 980px; }\n#marea-tide-widget .ritual .chapter__content { display: grid; grid-template-columns: minmax(210px, .52fr) 1.48fr; }\n#marea-tide-widget .ritual .chapter__label { position: absolute; top: clamp(32px, 4.5vw, 70px); left: calc(clamp(112px, 15vw, 238px) + clamp(34px, 4vw, 64px)); z-index: 2; }\n#marea-tide-widget .ritual__intro { padding: clamp(90px, 10vw, 152px) clamp(34px, 4vw, 64px); border-right: 1px solid var(--line-dark); display: flex; flex-direction: column; justify-content: flex-end; }\n#marea-tide-widget .ritual__intro h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(42px, 4vw, 66px); line-height: .95; margin: 0 0 28px; }\n#marea-tide-widget .ritual__intro p { color: rgba(247,251,252,.66); line-height: 1.5; max-width: 240px; }\n#marea-tide-widget .product-grid { display: grid; grid-template-columns: 1fr 1fr; }\n#marea-tide-widget .product { min-height: 490px; position: relative; overflow: hidden; isolation: isolate; }\n#marea-tide-widget .product > img { position: absolute; inset: 0; height: 100%; object-fit: cover; z-index: 0; transition: transform .7s cubic-bezier(.2,.7,.2,1); }\n#marea-tide-widget .product::after { content: \"\"; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(4,20,28,.16), transparent 40%, rgba(4,20,28,.64)); }\n#marea-tide-widget .product:hover > img { transform: scale(1.025); }\n#marea-tide-widget .product__top, #marea-tide-widget .product__bottom { position: absolute; z-index: 2; left: 28px; right: 28px; display: flex; justify-content: space-between; align-items: baseline; text-shadow: 0 1px 20px rgba(0,0,0,.42); }\n#marea-tide-widget .product__top { top: 26px; }\n#marea-tide-widget .product__bottom { bottom: 24px; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }\n#marea-tide-widget .product h3 { margin: 0; font-family: var(--serif); font-weight: 400; font-size: 44px; }\n#marea-tide-widget .product__top span { font-family: var(--serif); font-size: 22px; font-style: italic; }\n#marea-tide-widget .product--tide > img { object-position: center 53%; }\n#marea-tide-widget .product--dawn > img { object-position: center 45%; }\n#marea-tide-widget .product--depth > img { object-position: 100% center; }\n#marea-tide-widget .product--drift > img { object-position: center 50%; }\n#marea-tide-widget .ritual-ladder { grid-column: 1 \/ -1; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line-dark); }\n#marea-tide-widget .ritual-ladder > div { min-height: 210px; padding: 32px clamp(20px, 2.8vw, 44px); border-right: 1px solid var(--line-dark); }\n#marea-tide-widget .ritual-ladder > div:last-child { border-right: 0; }\n#marea-tide-widget .ritual-ladder span { font-size: 9px; letter-spacing: .12em; text-transform: uppercase; opacity: .55; }\n#marea-tide-widget .ritual-ladder strong { display: block; font-family: var(--serif); font-weight: 400; font-size: 27px; margin: 28px 0 14px; color: var(--mist); }\n#marea-tide-widget .ritual-ladder p { margin: 0; font-size: 13px; line-height: 1.55; color: rgba(247,251,252,.64); }\n\n#marea-tide-widget .cmf .chapter__content { padding: clamp(52px, 6vw, 94px) clamp(32px, 5vw, 82px); display: grid; grid-template-columns: .62fr 1.12fr 1.1fr; gap: clamp(28px, 4vw, 64px); align-items: end; }\n#marea-tide-widget .cmf .chapter__label { position: absolute; top: 30px; }\n#marea-tide-widget .cmf__images { display: grid; grid-template-columns: .9fr 1.1fr; gap: 10px; }\n#marea-tide-widget .cmf__images img { aspect-ratio: 1; height: 100%; object-fit: cover; }\n#marea-tide-widget .swatches { display: grid; grid-template-columns: repeat(4, 1fr); }\n#marea-tide-widget .swatch { aspect-ratio: .86; padding: 14px 11px; display: flex; flex-direction: column; justify-content: flex-end; text-transform: uppercase; color: #fff; font-size: 10px; letter-spacing: .06em; }\n#marea-tide-widget .swatch small { margin-top: 4px; font-size: 8px; opacity: .72; }\n#marea-tide-widget .swatch--deep { background: #0d3b66; }\n#marea-tide-widget .swatch--reef { background: #7fb3b3; }\n#marea-tide-widget .swatch--mist { background: #bbd9e6; color: var(--ink); }\n#marea-tide-widget .swatch--sand { background: #e9c89e; color: var(--ink); }\n#marea-tide-widget .design-rules { grid-column: 1 \/ -1; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-light); margin-top: 12px; }\n#marea-tide-widget .design-rules > div { padding: 34px clamp(18px, 3vw, 44px) 12px 0; border-right: 1px solid var(--line-light); }\n#marea-tide-widget .design-rules > div + div { padding-left: clamp(18px, 3vw, 44px); }\n#marea-tide-widget .design-rules > div:last-child { border-right: 0; }\n#marea-tide-widget .design-rules h3 { font-family: var(--serif); font-size: 26px; font-weight: 400; margin: 24px 0 12px; }\n#marea-tide-widget .design-rules p { color: rgba(10,39,53,.66); line-height: 1.55; font-size: 13px; }\n\n#marea-tide-widget .secondary .chapter__content { display: grid; grid-template-columns: 1.18fr .82fr; min-height: 720px; }\n#marea-tide-widget .secondary .chapter__label { position: absolute; top: clamp(34px, 4.5vw, 70px); left: calc(clamp(112px, 15vw, 238px) + clamp(34px, 4vw, 64px)); z-index: 2; }\n#marea-tide-widget .secondary__visual { min-height: 720px; overflow: hidden; }\n#marea-tide-widget .secondary__visual img { height: 100%; object-fit: cover; }\n#marea-tide-widget .secondary__copy { padding: clamp(90px, 10vw, 150px) clamp(34px, 6vw, 94px) 60px; display: flex; flex-direction: column; justify-content: center; }\n#marea-tide-widget .secondary__copy h2, #marea-tide-widget .claims__copy h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(44px, 4.4vw, 72px); line-height: .94; letter-spacing: -.035em; margin: 0 0 28px; }\n#marea-tide-widget .secondary__copy > p { color: rgba(247,251,252,.7); line-height: 1.6; max-width: 520px; }\n#marea-tide-widget .secondary__copy ul { list-style: none; padding: 0; margin: 40px 0; border-top: 1px solid var(--line-dark); }\n#marea-tide-widget .secondary__copy li { padding: 18px 0; border-bottom: 1px solid var(--line-dark); opacity: .78; }\n#marea-tide-widget .secondary__note { margin-top: auto; padding-top: 24px; font-family: var(--serif); font-size: 20px; color: var(--mist) !important; }\n\n#marea-tide-widget .channels .chapter__content { display: grid; grid-template-columns: .42fr 1.58fr; }\n#marea-tide-widget .channels .chapter__label { position: absolute; top: 45px; left: calc(clamp(112px, 15vw, 238px) + 42px); z-index: 2; }\n#marea-tide-widget .channels__intro { padding: 112px 42px 50px; border-right: 1px solid var(--line-dark); }\n#marea-tide-widget .channels__intro p { color: rgba(247,251,252,.64); }\n#marea-tide-widget .channel-grid { display: grid; grid-template-columns: repeat(3, 1fr); }\n#marea-tide-widget .channel-grid article { min-height: 610px; position: relative; overflow: hidden; border-right: 1px solid var(--line-dark); }\n#marea-tide-widget .channel-grid img { height: 100%; object-fit: cover; transition: transform .7s ease; }\n#marea-tide-widget .channel-grid article:hover img { transform: scale(1.02); }\n#marea-tide-widget .channel-grid article::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 45%, rgba(4,20,28,.9)); }\n#marea-tide-widget .channel-grid article > div { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 24px; }\n#marea-tide-widget .channel-grid h3 { font-family: var(--serif); font-size: 29px; font-weight: 400; margin: 0 0 8px; }\n#marea-tide-widget .channel-grid p { color: rgba(247,251,252,.72); font-size: 13px; line-height: 1.45; margin: 0; }\n#marea-tide-widget .channel-grid article > div > span { margin-bottom: 16px; }\n#marea-tide-widget .channel-matrix { grid-column: 1 \/ -1; margin: 0; border-top: 1px solid var(--line-dark); }\n#marea-tide-widget .channel-matrix > div { display: grid; grid-template-columns: .5fr .7fr 1.2fr; gap: 24px; padding: 18px clamp(24px, 4vw, 62px); border-bottom: 1px solid var(--line-dark); align-items: baseline; }\n#marea-tide-widget .channel-matrix > div:first-child { font-size: 9px; letter-spacing: .12em; text-transform: uppercase; opacity: .55; }\n#marea-tide-widget .channel-matrix strong { font-family: var(--serif); font-size: 19px; font-weight: 400; }\n#marea-tide-widget .channel-matrix span { font-size: 13px; color: rgba(247,251,252,.68); line-height: 1.45; }\n\n#marea-tide-widget .claims .chapter__content { display: grid; grid-template-columns: 1.08fr .92fr; min-height: 760px; }\n#marea-tide-widget .claims > .chapter__rail { border-color: var(--line-light); }\n#marea-tide-widget .claims .chapter__label:first-child { position: absolute; top: 38px; }\n#marea-tide-widget .claims__media { min-height: 760px; overflow: hidden; }\n#marea-tide-widget .claims__media img { height: 100%; object-fit: cover; }\n#marea-tide-widget .claims__copy { padding: clamp(70px, 8vw, 124px) clamp(34px, 6vw, 90px); align-self: center; }\n#marea-tide-widget .claims__copy .chapter__label { position: static !important; margin-bottom: 24px; }\n#marea-tide-widget .claims__copy > p { color: rgba(10,39,53,.68); line-height: 1.6; }\n#marea-tide-widget .claims__split { display: grid; grid-template-columns: 1fr 1fr; margin-top: 44px; border-top: 1px solid var(--line-light); }\n#marea-tide-widget .claims__split > div { padding: 28px 28px 0 0; }\n#marea-tide-widget .claims__split > div + div { padding-left: 28px; border-left: 1px solid var(--line-light); }\n#marea-tide-widget .claims__split strong { display: block; font-family: var(--serif); font-size: 22px; font-weight: 400; line-height: 1.25; margin: 18px 0 12px; }\n#marea-tide-widget .claims__split p { font-size: 12px; line-height: 1.5; color: rgba(10,39,53,.58); }\n\n#marea-tide-widget .specs .chapter__content { padding: clamp(50px, 6vw, 90px) clamp(30px, 5vw, 78px); display: grid; grid-template-columns: .58fr 1.42fr; align-items: center; gap: 50px; }\n#marea-tide-widget .specs .chapter__label { position: absolute; top: 28px; }\n#marea-tide-widget .specs__intro h2 { margin: 0; }\n#marea-tide-widget .spec-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; }\n#marea-tide-widget .spec-grid div { min-height: 120px; padding: 12px 28px; border-left: 1px solid var(--line-light); }\n#marea-tide-widget .spec-grid dt { text-transform: uppercase; letter-spacing: .1em; font-size: 10px; color: rgba(10,39,53,.6); }\n#marea-tide-widget .spec-grid dd { margin: 22px 0 0; font-family: var(--serif); font-size: clamp(20px, 1.7vw, 28px); line-height: 1.1; }\n#marea-tide-widget .specs .chapter__content { grid-template-columns: .48fr 1.52fr; align-items: start; }\n#marea-tide-widget .specs__intro { padding-top: 42px; }\n#marea-tide-widget .specs__intro > p { color: rgba(10,39,53,.66); line-height: 1.55; max-width: 420px; }\n#marea-tide-widget .service-models { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-light); }\n#marea-tide-widget .service-models > div { min-height: 260px; padding: 28px; border-right: 1px solid var(--line-light); display: flex; flex-direction: column; }\n#marea-tide-widget .service-models > div:last-child { border-right: 0; }\n#marea-tide-widget .service-models strong { display: block; margin: 30px 0 12px; font-family: var(--serif); font-size: 24px; line-height: 1.1; font-weight: 400; }\n#marea-tide-widget .service-models p { color: rgba(10,39,53,.65); line-height: 1.5; font-size: 13px; }\n#marea-tide-widget .service-models small { margin-top: auto; padding-top: 20px; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--ocean); }\n#marea-tide-widget .specs .spec-grid { grid-column: 1 \/ -1; margin-top: 18px; }\n#marea-tide-widget .capability-strip { grid-column: 1 \/ -1; display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--line-light); margin-top: 32px; }\n#marea-tide-widget .capability-strip > div { padding: 30px 22px; border-right: 1px solid var(--line-light); }\n#marea-tide-widget .capability-strip > div:last-child { border-right: 0; }\n#marea-tide-widget .capability-strip strong { display: block; font-family: var(--serif); font-size: clamp(22px, 2vw, 31px); font-weight: 400; }\n#marea-tide-widget .capability-strip span { display: block; margin-top: 8px; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; color: rgba(10,39,53,.56); }\n\n#marea-tide-widget .faq { display: grid; grid-template-columns: .56fr 1.44fr; gap: clamp(60px, 8vw, 130px); padding: clamp(70px, 8vw, 124px) clamp(30px, 7vw, 110px); background: var(--deep); }\n#marea-tide-widget .faq__title { position: sticky; align-self: start; top: 50px; }\n#marea-tide-widget .faq__title h2 { margin-top: 30px; color: var(--white); }\n#marea-tide-widget .faq__items { border-top: 1px solid var(--line-dark); }\n#marea-tide-widget .faq-item { border-bottom: 1px solid var(--line-dark); }\n#marea-tide-widget .faq-item button { width: 100%; color: var(--white); background: none; border: 0; padding: 24px 0; display: flex; align-items: center; justify-content: space-between; text-align: left; font-size: 15px; letter-spacing: .01em; }\n#marea-tide-widget .faq-item button i { font-style: normal; font-family: var(--serif); font-size: 26px; color: var(--reef); }\n#marea-tide-widget .faq-item__answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; }\n#marea-tide-widget .faq-item__answer p { overflow: hidden; margin: 0; color: rgba(247,251,252,.66); max-width: 660px; line-height: 1.6; font-size: 14px; }\n#marea-tide-widget .faq-item.is-open .faq-item__answer { grid-template-rows: 1fr; }\n#marea-tide-widget .faq-item.is-open .faq-item__answer p { padding-bottom: 28px; }\n\n#marea-tide-widget .closing { min-height: 650px; position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: clamp(40px, 7vw, 108px); }\n#marea-tide-widget .closing > img { position: absolute; inset: 0; height: 100%; object-fit: cover; object-position: center; z-index: 0; }\n#marea-tide-widget .closing::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(4,20,28,.62), rgba(4,20,28,.18) 54%, rgba(4,20,28,.48)); z-index: 1; }\n#marea-tide-widget .closing__left, #marea-tide-widget .closing__right { position: relative; z-index: 2; }\n#marea-tide-widget .closing h2 { font-family: var(--serif); font-size: clamp(70px, 8vw, 128px); line-height: .82; font-weight: 400; letter-spacing: -.045em; margin: 0; }\n#marea-tide-widget .closing__right { max-width: 480px; justify-self: end; }\n#marea-tide-widget .closing__right p { font-family: var(--serif); font-size: clamp(23px, 2.2vw, 34px); line-height: 1.2; }\n#marea-tide-widget .closing__right .button { margin: 20px 0 28px; }\n#marea-tide-widget .closing__right > a { display: block; text-decoration: none; font-size: 12px; letter-spacing: .08em; }\n#marea-tide-widget .closing__right > a.button { display: flex; align-items: center; justify-content: flex-start; line-height: 1; }\n\n#marea-tide-widget footer { min-height: 96px; padding: 0 clamp(24px, 5vw, 80px); display: flex; justify-content: space-between; align-items: center; gap: 20px; color: rgba(247,251,252,.62); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; border-top: 1px solid var(--line-dark); }\n\n#marea-tide-widget .dialog-backdrop { position: fixed; inset: 0; z-index: 100; background: rgba(3,15,22,.78); backdrop-filter: blur(12px); display: grid; place-items: center; padding: 20px; }\n#marea-tide-widget .dialog { width: min(720px, 100%); max-height: calc(100svh - 40px); overflow-y: auto; background: var(--paper); color: var(--ink); padding: clamp(34px, 5vw, 70px); position: relative; box-shadow: 0 30px 90px rgba(0,0,0,.4); }\n#marea-tide-widget .dialog h2 { font-family: var(--serif); font-size: clamp(42px, 5vw, 68px); line-height: .92; font-weight: 400; margin: 18px 0 20px; letter-spacing: -.035em; }\n#marea-tide-widget .dialog p { line-height: 1.55; color: rgba(10,39,53,.68); }\n#marea-tide-widget .dialog__close { position: absolute; right: 18px; top: 18px; min-width: 54px; height: 42px; border: 0; background: none; color: var(--ink); padding: 0; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }\n#marea-tide-widget .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 34px 0 18px; }\n#marea-tide-widget .dialog label { display: grid; gap: 9px; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }\n#marea-tide-widget .dialog input, #marea-tide-widget .dialog select, #marea-tide-widget .dialog textarea { border: 1px solid rgba(10,39,53,.28); border-radius: 0; background: rgba(255,255,255,.58); color: var(--ink); min-height: 48px; padding: 12px 14px; font-size: 14px; outline: none; text-transform: none; letter-spacing: 0; }\n#marea-tide-widget .dialog textarea { resize: vertical; }\n#marea-tide-widget .dialog input:focus, #marea-tide-widget .dialog select:focus, #marea-tide-widget .dialog textarea:focus { border-color: var(--ocean); box-shadow: 0 0 0 2px rgba(13,59,102,.12); }\n#marea-tide-widget .dialog__success { min-height: 420px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }\n\n#marea-tide-widget .image-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 200;\n  display: grid;\n  place-items: center;\n  padding: clamp(18px, 3vw, 48px);\n  background: rgba(2, 15, 22, .92);\n  backdrop-filter: blur(16px);\n  animation: lightbox-in .22s ease-out;\n}\n#marea-tide-widget .image-lightbox__dialog { position: relative; display: grid; justify-items: center; max-width: 100%; max-height: 100%; margin: 0; }\n#marea-tide-widget .image-lightbox__dialog img { width: auto; max-width: min(92vw, 1680px); height: auto; max-height: 82svh; object-fit: contain; box-shadow: 0 28px 80px rgba(0,0,0,.48); }\n#marea-tide-widget .image-lightbox__dialog p { max-width: min(78vw, 940px); margin: 14px 0 0; color: rgba(247,251,252,.72); font-size: 11px; line-height: 1.45; letter-spacing: .08em; text-align: center; }\n#marea-tide-widget .image-lightbox__close { position: absolute; z-index: 2; top: 14px; right: 14px; min-width: 92px; height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid rgba(255,255,255,.72); background: rgba(3,20,29,.72); color: #fff; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; backdrop-filter: blur(8px); }\n#marea-tide-widget .image-lightbox__close span { font-size: 20px; line-height: 1; }\n#marea-tide-widget .image-lightbox__close:hover, #marea-tide-widget .image-lightbox__close:focus-visible { background: #fff; color: var(--ink); outline: none; }\n@keyframes lightbox-in { from { opacity: 0; } to { opacity: 1; } }\n\n@media (max-width: 1100px) {\n  #marea-tide-widget .site-header { grid-template-columns: 1fr 1fr; }\n  #marea-tide-widget .site-nav { display: none; }\n  #marea-tide-widget .site-header__note { display: none; }\n  #marea-tide-widget .menu-button { display: block; justify-self: end; }\n  #marea-tide-widget .site-nav.is-open { position: absolute; top: 86px; left: 0; right: 0; padding: 26px 30px; background: rgba(7,31,43,.97); display: grid; gap: 0; }\n  #marea-tide-widget .site-nav.is-open a, #marea-tide-widget .site-nav.is-open button { text-align: left; padding: 16px 0; border-bottom: 1px solid var(--line-dark); }\n  #marea-tide-widget .vessel .chapter__content { grid-template-columns: .8fr 1.2fr; }\n  #marea-tide-widget .vessel__steps { grid-column: 1 \/ -1; display: grid; grid-template-columns: repeat(3, 1fr); }\n  #marea-tide-widget .vessel__steps li { grid-template-columns: 36px 1fr; margin-right: 24px; }\n  #marea-tide-widget .cmf .chapter__content { grid-template-columns: 1fr 1.5fr; }\n  #marea-tide-widget .swatches { grid-column: 1 \/ -1; }\n  #marea-tide-widget .swatch { aspect-ratio: 2.2; }\n  #marea-tide-widget .channels .chapter__content { grid-template-columns: 1fr; }\n  #marea-tide-widget .channels__intro { border-right: 0; border-bottom: 1px solid var(--line-dark); padding-bottom: 46px; }\n  #marea-tide-widget .channels .chapter__label { left: calc(clamp(112px, 15vw, 238px) + 42px); }\n  #marea-tide-widget .channel-grid article { min-height: 480px; }\n  #marea-tide-widget .specs .chapter__content { grid-template-columns: 1fr; }\n  #marea-tide-widget .formula-fit { grid-template-columns: 1fr 1fr; }\n  #marea-tide-widget .secondary .chapter__content, #marea-tide-widget .claims .chapter__content { grid-template-columns: 1fr 1fr; }\n  #marea-tide-widget .service-models { grid-column: 1 \/ -1; }\n  #marea-tide-widget .capability-strip { grid-template-columns: repeat(3, 1fr); }\n  #marea-tide-widget .capability-strip > div:nth-child(3) { border-right: 0; }\n  #marea-tide-widget .capability-strip > div:nth-child(-n+3) { border-bottom: 1px solid var(--line-light); }\n}\n\n@media (max-width: 760px) {\n  #marea-tide-widget .site-header { height: 70px; padding: 0 20px; }\n  #marea-tide-widget .site-nav.is-open { top: 70px; }\n  #marea-tide-widget .hero { min-height: 720px; height: 92svh; }\n  #marea-tide-widget .hero > img { object-position: 59% center; }\n  #marea-tide-widget .hero::after { background: linear-gradient(180deg, rgba(4,20,28,.28), rgba(4,20,28,.12) 42%, rgba(4,20,28,.62)); }\n  #marea-tide-widget .hero__content { top: auto; left: 20px; right: 20px; bottom: 66px; transform: none; }\n  #marea-tide-widget .hero h1 { font-size: clamp(54px, 17vw, 78px); }\n  #marea-tide-widget .hero__content > p { margin: 24px 0 20px; }\n  #marea-tide-widget .hero__scroll { display: none; }\n  #marea-tide-widget .hero__facts { display: none; }\n  #marea-tide-widget .chapter { grid-template-columns: 1fr; }\n  #marea-tide-widget .chapter__rail { border-right: 0; border-bottom: 1px solid; border-color: inherit; height: 112px; padding: 20px; display: flex; align-items: end; justify-content: space-between; }\n  #marea-tide-widget .chapter__rail b { font-size: 72px; margin: 0; line-height: .74; }\n  #marea-tide-widget .chapter__rail i { left: 20px; right: 20px; top: 40px; }\n  #marea-tide-widget .chapter__content { min-width: 0; }\n  #marea-tide-widget .origin { min-height: 0; }\n  #marea-tide-widget .origin .chapter__content { grid-template-columns: 1fr; }\n  #marea-tide-widget .origin .chapter__label, #marea-tide-widget .ritual .chapter__label, #marea-tide-widget .channels .chapter__label { position: static; margin: 0 0 20px; }\n  #marea-tide-widget .origin__media { height: 430px; }\n  #marea-tide-widget .origin__copy { padding: 36px 20px 50px; }\n  #marea-tide-widget .origin blockquote { font-size: 54px; margin: 58px 0; }\n  #marea-tide-widget .positioning-band { grid-template-columns: 1fr; }\n  #marea-tide-widget .positioning-band > div { min-height: 0; padding: 28px 20px; border-right: 0; border-bottom: 1px solid var(--line-dark); }\n  #marea-tide-widget .vessel .chapter__content { padding: 46px 20px 56px; grid-template-columns: 1fr; gap: 34px; }\n  #marea-tide-widget .vessel .chapter__label, #marea-tide-widget .cmf .chapter__label, #marea-tide-widget .specs .chapter__label { position: static; grid-column: 1 \/ -1; }\n  #marea-tide-widget .vessel__intro strong { margin-top: 30px; }\n  #marea-tide-widget .vessel__steps { display: grid; grid-template-columns: 1fr; }\n  #marea-tide-widget .vessel__steps li { margin: 0; }\n  #marea-tide-widget .platform-table > div { grid-template-columns: 1fr; gap: 8px; padding: 20px 0; }\n  #marea-tide-widget .platform-table__head { display: none !important; }\n  #marea-tide-widget .formula-fit { grid-template-columns: 1fr; gap: 28px; margin-top: 44px; }\n  #marea-tide-widget .formula-fit dl > div { grid-template-columns: .45fr 1fr; }\n  #marea-tide-widget .ritual .chapter__content { grid-template-columns: 1fr; }\n  #marea-tide-widget .ritual__intro { padding: 46px 20px; border-right: 0; border-bottom: 1px solid var(--line-dark); }\n  #marea-tide-widget .product-grid { grid-template-columns: 1fr; }\n  #marea-tide-widget .product { min-height: 500px; }\n  #marea-tide-widget .product h3 { font-size: 40px; }\n  #marea-tide-widget .product__top, #marea-tide-widget .product__bottom { left: 20px; right: 20px; }\n  #marea-tide-widget .ritual-ladder { grid-template-columns: 1fr; }\n  #marea-tide-widget .ritual-ladder > div { min-height: 0; padding: 28px 20px; border-right: 0; border-bottom: 1px solid var(--line-dark); }\n  #marea-tide-widget .cmf .chapter__content { padding: 44px 20px 54px; grid-template-columns: 1fr; }\n  #marea-tide-widget .cmf__images { grid-template-columns: 1fr 1fr; }\n  #marea-tide-widget .swatches { grid-column: auto; grid-template-columns: 1fr 1fr; }\n  #marea-tide-widget .swatch { aspect-ratio: 1.5; }\n  #marea-tide-widget .design-rules { grid-template-columns: 1fr; }\n  #marea-tide-widget .design-rules > div, #marea-tide-widget .design-rules > div + div { padding: 28px 0; border-right: 0; border-bottom: 1px solid var(--line-light); }\n  #marea-tide-widget .secondary .chapter__content, #marea-tide-widget .claims .chapter__content { grid-template-columns: 1fr; }\n  #marea-tide-widget .secondary .chapter__label { position: static; margin: 34px 20px 20px; }\n  #marea-tide-widget .secondary__visual, #marea-tide-widget .claims__media { min-height: 440px; height: 440px; }\n  #marea-tide-widget .secondary__copy, #marea-tide-widget .claims__copy { padding: 44px 20px 56px; }\n  #marea-tide-widget .channels__intro { padding: 45px 20px 40px; }\n  #marea-tide-widget .channel-grid { grid-template-columns: 1fr; }\n  #marea-tide-widget .channel-grid article { min-height: 520px; border-right: 0; border-bottom: 1px solid var(--line-dark); }\n  #marea-tide-widget .channel-matrix > div { grid-template-columns: 1fr; gap: 8px; padding: 20px; }\n  #marea-tide-widget .channel-matrix > div:first-child { display: none; }\n  #marea-tide-widget .claims .chapter__label:first-child { position: static; margin: 34px 20px 0; }\n  #marea-tide-widget .claims__split { grid-template-columns: 1fr; }\n  #marea-tide-widget .claims__split > div, #marea-tide-widget .claims__split > div + div { padding: 26px 0; border-left: 0; border-bottom: 1px solid var(--line-light); }\n  #marea-tide-widget .specs .chapter__content { padding: 44px 20px 56px; gap: 28px; }\n  #marea-tide-widget .specs__intro { padding-top: 0; }\n  #marea-tide-widget .service-models { grid-template-columns: 1fr; }\n  #marea-tide-widget .service-models > div { min-height: 230px; border-right: 0; border-bottom: 1px solid var(--line-light); padding: 26px 0; }\n  #marea-tide-widget .spec-grid { grid-template-columns: 1fr 1fr; }\n  #marea-tide-widget .spec-grid div { min-height: 110px; padding: 18px; border-bottom: 1px solid var(--line-light); }\n  #marea-tide-widget .capability-strip { grid-template-columns: 1fr 1fr; }\n  #marea-tide-widget .capability-strip > div, #marea-tide-widget .capability-strip > div:nth-child(3) { padding: 22px 14px; border-right: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }\n  #marea-tide-widget .capability-strip > div:nth-child(even) { border-right: 0; }\n  #marea-tide-widget .faq { grid-template-columns: 1fr; gap: 30px; padding: 64px 20px; }\n  #marea-tide-widget .faq__title { position: static; }\n  #marea-tide-widget .closing { min-height: 760px; grid-template-columns: 1fr; align-content: space-between; padding: 64px 20px; }\n  #marea-tide-widget .closing h2 { font-size: 72px; }\n  #marea-tide-widget .closing__right { justify-self: start; }\n  #marea-tide-widget footer { padding: 24px 20px; flex-direction: column; align-items: flex-start; justify-content: center; }\n  #marea-tide-widget .form-grid { grid-template-columns: 1fr; }\n  #marea-tide-widget .dialog { padding: 50px 22px 28px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #marea-tide-widget { scroll-behavior: auto; }\n  #marea-tide-widget *, #marea-tide-widget *::before, #marea-tide-widget *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }\n}\n\n\/* KUROE-depth content expansion \u2014 preserves the Tide Chapters visual system *\/\n#marea-tide-widget .evidence {\n  grid-column: 1 \/ -1;\n  display: grid;\n  grid-template-columns: .52fr 1.6fr .55fr;\n  gap: clamp(24px, 4vw, 68px);\n  align-items: center;\n  padding: clamp(32px, 4vw, 62px) clamp(28px, 5vw, 80px);\n  border-top: 1px solid var(--line-dark);\n  background: rgba(255,255,255,.035);\n}\n#marea-tide-widget .chapter--light .evidence { border-color: var(--line-light); background: rgba(13,59,102,.045); }\n#marea-tide-widget .evidence div { display: grid; gap: 7px; }\n#marea-tide-widget .evidence span, #marea-tide-widget .section-intro > span, #marea-tide-widget .capability-intro > span {\n  font-size: 9px;\n  letter-spacing: .13em;\n  text-transform: uppercase;\n  opacity: .58;\n}\n#marea-tide-widget .evidence strong { font-family: var(--serif); font-size: clamp(30px, 3.3vw, 54px); line-height: .9; font-weight: 400; color: var(--mist); }\n#marea-tide-widget .chapter--light .evidence strong { color: var(--ocean); }\n#marea-tide-widget .evidence p { margin: 0; max-width: 900px; font-size: clamp(14px, 1.2vw, 18px); line-height: 1.62; color: rgba(247,251,252,.78); }\n#marea-tide-widget .chapter--light .evidence p { color: rgba(10,39,53,.73); }\n#marea-tide-widget .evidence a { justify-self: end; font-size: 10px; line-height: 1.45; letter-spacing: .07em; text-transform: uppercase; text-underline-offset: 5px; opacity: .7; }\n\n#marea-tide-widget .sku-architecture { grid-column: 1 \/ -1; padding: clamp(58px, 7vw, 108px) clamp(28px, 5vw, 78px) clamp(46px, 6vw, 92px); border-top: 1px solid var(--line-dark); }\n#marea-tide-widget .section-intro { display: grid; grid-template-columns: .5fr 1fr 1fr; gap: clamp(22px, 4vw, 62px); align-items: start; margin-bottom: 46px; }\n#marea-tide-widget .section-intro h3, #marea-tide-widget .capability-intro h3 { margin: 0; font-family: var(--serif); font-size: clamp(30px, 3vw, 50px); line-height: .98; font-weight: 400; }\n#marea-tide-widget .section-intro p { margin: 0; color: rgba(247,251,252,.66); line-height: 1.6; }\n#marea-tide-widget .sku-table { border-top: 1px solid var(--line-dark); }\n#marea-tide-widget .sku-table__head, #marea-tide-widget .sku-table__row { display: grid; grid-template-columns: .68fr .9fr .48fr 1.05fr 1.35fr .86fr; }\n#marea-tide-widget .sku-table__head { font-size: 9px; line-height: 1.35; letter-spacing: .11em; text-transform: uppercase; color: rgba(247,251,252,.5); }\n#marea-tide-widget .sku-table__head span, #marea-tide-widget .sku-table__row span { padding: 18px 16px; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }\n#marea-tide-widget .sku-table__head span:first-child, #marea-tide-widget .sku-table__row span:first-child { padding-left: 0; }\n#marea-tide-widget .sku-table__head span:last-child, #marea-tide-widget .sku-table__row span:last-child { border-right: 0; padding-right: 0; }\n#marea-tide-widget .sku-table__row span { font-size: 12px; line-height: 1.5; color: rgba(247,251,252,.72); }\n#marea-tide-widget .sku-table__row span:nth-child(2) { font-family: var(--serif); font-size: 17px; line-height: 1.25; color: var(--white); }\n\n#marea-tide-widget .formula .chapter__content { display: grid; grid-template-columns: 1.08fr .92fr; }\n#marea-tide-widget .formula > .chapter__content > .chapter__label { position: absolute; top: clamp(34px, 4.5vw, 70px); left: calc(clamp(112px, 15vw, 238px) + clamp(34px, 4vw, 64px)); z-index: 2; }\n#marea-tide-widget .formula__visual { min-height: 700px; overflow: hidden; }\n#marea-tide-widget .formula__visual img { height: 100%; object-fit: cover; object-position: center; }\n#marea-tide-widget .formula__copy { padding: clamp(90px, 9vw, 142px) clamp(36px, 6vw, 94px) clamp(56px, 7vw, 108px); align-self: center; }\n#marea-tide-widget .formula__copy .chapter__label { position: static; margin-bottom: 22px; }\n#marea-tide-widget .formula__copy h2 { margin: 0 0 26px; font-family: var(--serif); font-size: clamp(42px, 4.2vw, 70px); line-height: .96; font-weight: 400; letter-spacing: -.035em; }\n#marea-tide-widget .formula__copy > p { color: rgba(10,39,53,.69); line-height: 1.64; max-width: 580px; }\n#marea-tide-widget .validation-list { margin: 42px 0 0; border-top: 1px solid var(--line-light); }\n#marea-tide-widget .validation-list div { display: grid; grid-template-columns: .42fr 1fr; gap: 22px; padding: 18px 0; border-bottom: 1px solid var(--line-light); }\n#marea-tide-widget .validation-list dt { font-family: var(--serif); font-size: 18px; }\n#marea-tide-widget .validation-list dd { margin: 0; font-size: 12px; line-height: 1.5; color: rgba(10,39,53,.66); }\n#marea-tide-widget .test-gates { grid-column: 1 \/ -1; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-light); }\n#marea-tide-widget .test-gates > div { min-height: 230px; padding: 34px clamp(24px, 4vw, 64px); border-right: 1px solid var(--line-light); }\n#marea-tide-widget .test-gates > div:last-child { border-right: 0; }\n#marea-tide-widget .test-gates span { font-size: 9px; letter-spacing: .12em; text-transform: uppercase; opacity: .55; }\n#marea-tide-widget .test-gates strong { display: block; margin: 30px 0 13px; font-family: var(--serif); font-size: 25px; font-weight: 400; }\n#marea-tide-widget .test-gates p { margin: 0; font-size: 13px; line-height: 1.55; color: rgba(10,39,53,.65); }\n\n#marea-tide-widget .decoration-matrix, #marea-tide-widget .claim-checklist, #marea-tide-widget .factory-matrix { grid-column: 1 \/ -1; margin-top: 28px; border-top: 1px solid var(--line-light); }\n#marea-tide-widget .decoration-matrix > div, #marea-tide-widget .claim-checklist > div, #marea-tide-widget .factory-matrix > div { display: grid; grid-template-columns: .55fr 1.25fr 1fr; gap: 28px; padding: 18px 0; border-bottom: 1px solid var(--line-light); align-items: baseline; }\n#marea-tide-widget .decoration-matrix > div:first-child, #marea-tide-widget .claim-checklist > div:first-child, #marea-tide-widget .factory-matrix > div:first-child { font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: rgba(10,39,53,.5); }\n#marea-tide-widget .decoration-matrix strong, #marea-tide-widget .claim-checklist strong, #marea-tide-widget .factory-matrix strong { font-family: var(--serif); font-size: 19px; font-weight: 400; }\n#marea-tide-widget .decoration-matrix span, #marea-tide-widget .claim-checklist span, #marea-tide-widget .factory-matrix span { font-size: 13px; line-height: 1.5; color: rgba(10,39,53,.67); }\n\n#marea-tide-widget .social-story { grid-column: 1 \/ -1; margin: 0; display: grid; grid-template-columns: 1.4fr .6fr; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }\n#marea-tide-widget .social-story img { aspect-ratio: 2.2; height: 100%; object-fit: cover; }\n#marea-tide-widget .social-story figcaption { display: flex; align-items: end; padding: clamp(28px, 5vw, 74px); font-family: var(--serif); font-size: clamp(22px, 2.4vw, 38px); line-height: 1.18; color: var(--mist); }\n\n#marea-tide-widget .claims .chapter__content { align-items: stretch; }\n#marea-tide-widget .claim-checklist { padding: 0 clamp(28px, 5vw, 78px); margin-top: 0; }\n#marea-tide-widget .regulatory-note { grid-column: 1 \/ -1; margin: 0; padding: 32px clamp(28px, 5vw, 78px) clamp(48px, 6vw, 86px); font-size: 13px; line-height: 1.62; color: rgba(10,39,53,.67); }\n#marea-tide-widget .regulatory-note a { color: var(--ocean); text-underline-offset: 4px; }\n\n#marea-tide-widget .procurement-brief, #marea-tide-widget .capability-intro, #marea-tide-widget .factory-matrix { grid-column: 1 \/ -1; }\n#marea-tide-widget .procurement-brief { padding-top: 68px; margin-top: 26px; border-top: 1px solid var(--line-light); }\n#marea-tide-widget .procurement-brief .section-intro { grid-template-columns: .45fr 1.55fr; }\n#marea-tide-widget .procurement-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-light); }\n#marea-tide-widget .procurement-grid > div { min-height: 220px; padding: 28px; border-right: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }\n#marea-tide-widget .procurement-grid > div:nth-child(3n) { border-right: 0; }\n#marea-tide-widget .procurement-grid span { font-family: var(--serif); font-size: 25px; color: var(--reef); }\n#marea-tide-widget .procurement-grid strong { display: block; margin: 28px 0 12px; font-family: var(--serif); font-size: 22px; font-weight: 400; }\n#marea-tide-widget .procurement-grid p { margin: 0; font-size: 12px; line-height: 1.55; color: rgba(10,39,53,.65); }\n#marea-tide-widget .capability-intro { display: grid; grid-template-columns: .45fr 1.55fr; gap: 30px; align-items: start; padding-top: 68px; margin-top: 54px; border-top: 1px solid var(--line-light); }\n#marea-tide-widget .capability-strip--large { margin-top: 42px; }\n#marea-tide-widget .factory-matrix { margin-top: 52px; }\n\n@media (max-width: 1100px) {\n  #marea-tide-widget .evidence { grid-template-columns: .55fr 1.45fr; }\n  #marea-tide-widget .evidence a { grid-column: 2; justify-self: start; }\n  #marea-tide-widget .sku-table__head, #marea-tide-widget .sku-table__row { grid-template-columns: .62fr .82fr .42fr 1fr 1.25fr .78fr; }\n  #marea-tide-widget .sku-table__head span, #marea-tide-widget .sku-table__row span { padding: 15px 10px; }\n  #marea-tide-widget .formula .chapter__content { grid-template-columns: 1fr 1fr; }\n  #marea-tide-widget .formula__visual { min-height: 620px; }\n  #marea-tide-widget .procurement-grid { grid-template-columns: repeat(2, 1fr); }\n  #marea-tide-widget .procurement-grid > div:nth-child(3n) { border-right: 1px solid var(--line-light); }\n  #marea-tide-widget .procurement-grid > div:nth-child(even) { border-right: 0; }\n}\n\n@media (max-width: 760px) {\n  #marea-tide-widget .evidence { grid-template-columns: 1fr; gap: 22px; padding: 34px 20px 42px; }\n  #marea-tide-widget .evidence a { grid-column: auto; justify-self: start; }\n  #marea-tide-widget .section-intro { grid-template-columns: 1fr; gap: 14px; margin-bottom: 32px; }\n  #marea-tide-widget .sku-architecture { padding: 48px 20px; }\n  #marea-tide-widget .sku-table__head { display: none; }\n  #marea-tide-widget .sku-table__row { grid-template-columns: 1fr; padding: 18px 0; border-bottom: 1px solid var(--line-dark); }\n  #marea-tide-widget .sku-table__row span, #marea-tide-widget .sku-table__row span:first-child, #marea-tide-widget .sku-table__row span:last-child { display: grid; grid-template-columns: 112px 1fr; gap: 14px; padding: 8px 0; border: 0; font-size: 12px; }\n  #marea-tide-widget .sku-table__row span::before { content: attr(data-label); font-size: 8px; line-height: 1.5; letter-spacing: .1em; text-transform: uppercase; color: rgba(247,251,252,.46); font-family: var(--sans); }\n  #marea-tide-widget .sku-table__row span:nth-child(2) { font-size: 16px; }\n  #marea-tide-widget .formula .chapter__content { grid-template-columns: 1fr; }\n  #marea-tide-widget .formula > .chapter__content > .chapter__label { position: static; margin: 34px 20px 20px; }\n  #marea-tide-widget .formula__visual { min-height: 380px; height: 380px; }\n  #marea-tide-widget .formula__copy { padding: 44px 20px 54px; }\n  #marea-tide-widget .validation-list div { grid-template-columns: 1fr; gap: 7px; }\n  #marea-tide-widget .test-gates { grid-template-columns: 1fr; }\n  #marea-tide-widget .test-gates > div { min-height: 0; padding: 28px 20px; border-right: 0; border-bottom: 1px solid var(--line-light); }\n  #marea-tide-widget .decoration-matrix > div, #marea-tide-widget .claim-checklist > div, #marea-tide-widget .factory-matrix > div { grid-template-columns: 1fr; gap: 7px; padding: 20px 0; }\n  #marea-tide-widget .decoration-matrix > div:first-child, #marea-tide-widget .claim-checklist > div:first-child, #marea-tide-widget .factory-matrix > div:first-child { display: none; }\n  #marea-tide-widget .social-story { grid-template-columns: 1fr; }\n  #marea-tide-widget .social-story img { aspect-ratio: 1.3; }\n  #marea-tide-widget .social-story figcaption { padding: 30px 20px 40px; }\n  #marea-tide-widget .claim-checklist { padding: 0 20px; }\n  #marea-tide-widget .regulatory-note { padding: 28px 20px 52px; }\n  #marea-tide-widget .procurement-brief { padding-top: 48px; }\n  #marea-tide-widget .procurement-brief .section-intro, #marea-tide-widget .capability-intro { grid-template-columns: 1fr; }\n  #marea-tide-widget .procurement-grid { grid-template-columns: 1fr; }\n  #marea-tide-widget .procurement-grid > div, #marea-tide-widget .procurement-grid > div:nth-child(3n), #marea-tide-widget .procurement-grid > div:nth-child(even) { min-height: 0; padding: 28px 0; border-right: 0; }\n  #marea-tide-widget .capability-intro { padding-top: 48px; margin-top: 34px; }\n  #marea-tide-widget .factory-matrix { margin-top: 36px; }\n}\n\n\/* Chapter 09 \u2014 aerial shoreline sourcing landscape *\/\n#marea-tide-widget .specs {\n  color: var(--white);\n  background-color: #0a4f61;\n  background-image:\n    linear-gradient(100deg, rgba(4, 26, 37, .68) 0%, rgba(5, 44, 57, .48) 42%, rgba(7, 61, 72, .28) 100%),\n    linear-gradient(180deg, rgba(8, 42, 54, .04), rgba(5, 29, 40, .44)),\n    url(\"https:\/\/www.jarsking.com\/wp-content\/uploads\/2026\/08\/seashore-scaled.webp\");\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-attachment: fixed;\n}\n#marea-tide-widget .specs.chapter--light .chapter__rail {\n  color: var(--white);\n  border-color: rgba(241, 250, 251, .28);\n  background: rgba(4, 27, 38, .28);\n  backdrop-filter: blur(8px);\n}\n#marea-tide-widget .specs.chapter--light .chapter__rail b { color: var(--mist); }\n#marea-tide-widget .specs .chapter__content {\n  background: linear-gradient(180deg, rgba(4, 28, 39, .12), rgba(4, 28, 39, .32));\n}\n#marea-tide-widget .specs__intro {\n  padding: 36px;\n  border: 1px solid rgba(241, 250, 251, .2);\n  background: rgba(5, 36, 48, .36);\n  backdrop-filter: blur(12px);\n}\n#marea-tide-widget .specs__intro > p { color: rgba(247, 251, 252, .76); }\n#marea-tide-widget .specs .service-models,\n#marea-tide-widget .specs .spec-grid,\n#marea-tide-widget .specs .procurement-grid,\n#marea-tide-widget .specs .capability-strip,\n#marea-tide-widget .specs .factory-matrix {\n  border-color: rgba(241, 250, 251, .26);\n  background: rgba(5, 35, 47, .42);\n  backdrop-filter: blur(12px);\n}\n#marea-tide-widget .specs .service-models > div,\n#marea-tide-widget .specs .spec-grid div,\n#marea-tide-widget .specs .procurement-grid > div,\n#marea-tide-widget .specs .capability-strip > div {\n  border-color: rgba(241, 250, 251, .22);\n}\n#marea-tide-widget .specs .service-models > div:nth-child(2),\n#marea-tide-widget .specs .procurement-grid > div:nth-child(even),\n#marea-tide-widget .specs .capability-strip > div:nth-child(even) {\n  background: rgba(113, 179, 184, .08);\n}\n#marea-tide-widget .specs .service-models p,\n#marea-tide-widget .specs .procurement-grid p { color: rgba(247, 251, 252, .72); }\n#marea-tide-widget .specs .service-models small,\n#marea-tide-widget .specs .procurement-grid span { color: var(--mist); }\n#marea-tide-widget .specs .spec-grid dt,\n#marea-tide-widget .specs .capability-strip span,\n#marea-tide-widget .specs .section-intro > span,\n#marea-tide-widget .specs .capability-intro > span { color: rgba(247, 251, 252, .64); }\n#marea-tide-widget .specs .procurement-brief,\n#marea-tide-widget .specs .capability-intro,\n#marea-tide-widget .specs .factory-matrix { border-color: rgba(241, 250, 251, .26); }\n#marea-tide-widget .specs .factory-matrix > div { border-color: rgba(241, 250, 251, .22); }\n#marea-tide-widget .specs .factory-matrix > div:first-child { color: rgba(247, 251, 252, .58); }\n#marea-tide-widget .specs .factory-matrix strong { color: var(--white); }\n#marea-tide-widget .specs .factory-matrix span { color: rgba(247, 251, 252, .72); }\n\n@media (max-width: 760px) {\n  #marea-tide-widget .specs {\n    background-attachment: fixed;\n    background-position: 22% center;\n    background-size: auto 100vh;\n  }\n  #marea-tide-widget .specs__intro {\n    padding: 28px 22px;\n  }\n  #marea-tide-widget .specs .service-models,\n  #marea-tide-widget .specs .spec-grid,\n  #marea-tide-widget .specs .procurement-grid,\n  #marea-tide-widget .specs .capability-strip,\n  #marea-tide-widget .specs .factory-matrix {\n    backdrop-filter: blur(9px);\n  }\n}\n\n#marea-tide-widget { position: relative; width: 100%; max-width: none; overflow: clip; }\n#marea-tide-widget, #marea-tide-widget * { box-sizing: border-box; }\n#marea-tide-widget .image-lightbox[hidden] { display: none !important; }\n#marea-tide-widget main[aria-hidden=\"true\"] { pointer-events: none; user-select: none; }\n<\/style>\n<script>\n\n(function () {\n  var root = document.getElementById(\"marea-tide-widget\");\n  if (!root || root.dataset.mareaReady === \"true\") return;\n  root.dataset.mareaReady = \"true\";\n\n  var menuButton = root.querySelector(\".menu-button\");\n  var nav = root.querySelector(\".site-nav\");\n  if (menuButton && nav) {\n    menuButton.addEventListener(\"click\", function () {\n      var open = nav.classList.toggle(\"is-open\");\n      menuButton.setAttribute(\"aria-expanded\", String(open));\n    });\n  }\n\n  root.querySelectorAll('a[href^=\"#marea-\"]').forEach(function (link) {\n    link.addEventListener(\"click\", function (event) {\n      var target = document.querySelector(link.getAttribute(\"href\"));\n      if (!target) return;\n      event.preventDefault();\n      target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      if (nav) nav.classList.remove(\"is-open\");\n      if (menuButton) menuButton.setAttribute(\"aria-expanded\", \"false\");\n    });\n  });\n\n  var faqItems = Array.prototype.slice.call(root.querySelectorAll(\".faq-item\"));\n  faqItems.forEach(function (item) {\n    var button = item.querySelector(\"button\");\n    var indicator = button && button.querySelector(\"i\");\n    if (!button) return;\n    button.addEventListener(\"click\", function () {\n      var willOpen = !item.classList.contains(\"is-open\");\n      faqItems.forEach(function (candidate) {\n        candidate.classList.remove(\"is-open\");\n        var candidateButton = candidate.querySelector(\"button\");\n        var candidateIndicator = candidateButton && candidateButton.querySelector(\"i\");\n        if (candidateButton) candidateButton.setAttribute(\"aria-expanded\", \"false\");\n        if (candidateIndicator) candidateIndicator.textContent = \"+\";\n      });\n      if (willOpen) {\n        item.classList.add(\"is-open\");\n        button.setAttribute(\"aria-expanded\", \"true\");\n        if (indicator) indicator.textContent = \"\u2212\";\n      }\n    });\n  });\n\n  var lightbox = root.querySelector(\".image-lightbox\");\n  var dialog = lightbox && lightbox.querySelector(\".image-lightbox__dialog\");\n  var lightboxImage = lightbox && lightbox.querySelector(\"img\");\n  var caption = lightbox && lightbox.querySelector(\"p\");\n  var closeButton = lightbox && lightbox.querySelector(\".image-lightbox__close\");\n  var lastTrigger = null;\n  var previousOverflow = \"\";\n\n  function openLightbox(trigger) {\n    if (!lightbox || !lightboxImage || !caption || !closeButton) return;\n    lastTrigger = trigger;\n    previousOverflow = document.body.style.overflow;\n    lightboxImage.src = trigger.currentSrc || trigger.src;\n    lightboxImage.alt = trigger.alt || \"MAREA project image\";\n    caption.textContent = lightboxImage.alt;\n    if (dialog) dialog.setAttribute(\"aria-label\", \"Full image: \" + lightboxImage.alt);\n    lightbox.hidden = false;\n    root.querySelector(\"main\").setAttribute(\"aria-hidden\", \"true\");\n    document.body.style.overflow = \"hidden\";\n    closeButton.focus();\n  }\n\n  function closeLightbox() {\n    if (!lightbox || lightbox.hidden) return;\n    lightbox.hidden = true;\n    root.querySelector(\"main\").removeAttribute(\"aria-hidden\");\n    document.body.style.overflow = previousOverflow;\n    if (lastTrigger) lastTrigger.focus();\n  }\n\n  root.querySelectorAll(\"img.zoomable-image\").forEach(function (image) {\n    image.addEventListener(\"click\", function () { openLightbox(image); });\n    image.addEventListener(\"keydown\", function (event) {\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        openLightbox(image);\n      }\n    });\n  });\n\n  if (closeButton) closeButton.addEventListener(\"click\", closeLightbox);\n  if (lightbox) {\n    lightbox.addEventListener(\"mousedown\", function (event) {\n      if (event.target === lightbox) closeLightbox();\n    });\n  }\n  document.addEventListener(\"keydown\", function (event) {\n    if (!lightbox || lightbox.hidden) return;\n    if (event.key === \"Escape\") closeLightbox();\n    if (event.key === \"Tab\") {\n      event.preventDefault();\n      closeButton.focus();\n    }\n  });\n})();\n<\/script>\n<!-- \/MAREA \u2014 The Tide Ritual -->\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>Discover MAREA, a refillable glass airless skincare packaging concept inspired by the rhythm of the sea. Explore its four-SKU ritual, marine-led color system, formula-to-dispenser strategy, secondary packaging, channel applications, sustainability guidance, and Jarsking\u2019s integrated development and manufacturing capabilities for brands.<\/p>","protected":false},"author":22,"featured_media":105659,"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-105674","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-moodboard-series"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.jarsking.com\/fr\/wp-json\/wp\/v2\/posts\/105674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jarsking.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jarsking.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jarsking.com\/fr\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jarsking.com\/fr\/wp-json\/wp\/v2\/comments?post=105674"}],"version-history":[{"count":4,"href":"https:\/\/www.jarsking.com\/fr\/wp-json\/wp\/v2\/posts\/105674\/revisions"}],"predecessor-version":[{"id":105679,"href":"https:\/\/www.jarsking.com\/fr\/wp-json\/wp\/v2\/posts\/105674\/revisions\/105679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jarsking.com\/fr\/wp-json\/wp\/v2\/media\/105659"}],"wp:attachment":[{"href":"https:\/\/www.jarsking.com\/fr\/wp-json\/wp\/v2\/media?parent=105674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jarsking.com\/fr\/wp-json\/wp\/v2\/categories?post=105674"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jarsking.com\/fr\/wp-json\/wp\/v2\/tags?post=105674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}