BOX.4 Communication \u2014 Site Under Construction<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --black:#0a0a0a;\n --black-2:#141414;\n --yellow:#e9ff2e;\n --white:#f6f6f2;\n --grey:#8a8a86;\n }\n\n *{margin:0;padding:0;box-sizing:border-box;}\n\n html,body{\n height:100%;\n background:var(--black);\n color:var(--white);\n font-family:\"Space Grotesk\", sans-serif;\n overflow-x:hidden;\n }\n\n .b4-wrap{\n min-height:100vh;\n display:flex;\n flex-direction:column;\n position:relative;\n }\n\n \/* hazard stripe bars, top and bottom \u2014 literal \"under construction\" tape, brand colors *\/\n .b4-tape{\n height:14px;\n width:100%;\n background:repeating-linear-gradient(\n -45deg,\n var(--yellow),\n var(--yellow) 22px,\n var(--black) 22px,\n var(--black) 44px\n );\n flex-shrink:0;\n }\n\n .b4-main{\n flex:1;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n text-align:center;\n padding:64px 24px;\n position:relative;\n }\n\n \/* faint grid texture in the background, echoes \"BOX\" *\/\n .b4-main::before{\n content:\"\";\n position:absolute;\n inset:0;\n background-image:\n linear-gradient(rgba(233,255,46,0.05) 1px, transparent 1px),\n linear-gradient(90deg, rgba(233,255,46,0.05) 1px, transparent 1px);\n background-size:56px 56px;\n mask-image:radial-gradient(circle at center, black 0%, transparent 75%);\n pointer-events:none;\n }\n\n .b4-eyebrow{\n display:inline-flex;\n align-items:center;\n gap:10px;\n font-size:12px;\n letter-spacing:0.28em;\n text-transform:uppercase;\n color:var(--yellow);\n margin-bottom:28px;\n z-index:1;\n }\n\n .b4-dot{\n width:8px;\n height:8px;\n background:var(--yellow);\n border-radius:50%;\n animation:pulse 1.8s ease-in-out infinite;\n }\n\n @keyframes pulse{\n 0%,100%{opacity:1; transform:scale(1);}\n 50%{opacity:0.35; transform:scale(0.8);}\n }\n\n \/* wordmark: BOX. made of type, .4 made of four little fluo squares *\/\n .b4-mark{\n display:flex;\n align-items:center;\n justify-content:center;\n flex-wrap:wrap;\n gap:0.06em;\n z-index:1;\n }\n\n .b4-mark-text{\n font-family:\"Archivo Black\", sans-serif;\n font-size:clamp(52px, 12vw, 128px);\n line-height:0.9;\n letter-spacing:-0.01em;\n color:var(--white);\n }\n\n .b4-four{\n display:inline-grid;\n grid-template-columns:1fr 1fr;\n gap:6px;\n width:clamp(38px, 8vw, 82px);\n height:clamp(38px, 8vw, 82px);\n margin-left:clamp(6px, 1.4vw, 14px);\n transform:translateY(-0.05em);\n }\n\n .b4-four span{\n background:var(--yellow);\n border-radius:2px;\n }\n\n .b4-four span:nth-child(3){background:var(--white);}\n\n .b4-sub{\n margin-top:22px;\n font-size:13px;\n letter-spacing:0.42em;\n text-transform:uppercase;\n color:var(--grey);\n z-index:1;\n }\n\n .b4-headline{\n margin-top:56px;\n font-size:clamp(20px, 3.4vw, 30px);\n font-weight:700;\n max-width:640px;\n z-index:1;\n }\n\n .b4-copy{\n margin-top:14px;\n max-width:480px;\n font-size:15px;\n line-height:1.6;\n color:var(--grey);\n font-weight:400;\n z-index:1;\n }\n\n .b4-actions{\n display:flex;\n flex-wrap:wrap;\n justify-content:center;\n gap:14px;\n margin-top:44px;\n z-index:1;\n }\n\n .b4-btn{\n display:inline-flex;\n align-items:center;\n gap:10px;\n padding:16px 28px;\n font-family:\"Space Grotesk\", sans-serif;\n font-size:14px;\n font-weight:600;\n letter-spacing:0.03em;\n text-decoration:none;\n border-radius:2px;\n border:2px solid transparent;\n transition:transform 0.15s ease, background 0.15s ease, color 0.15s ease, border-color 0.15s ease;\n }\n\n .b4-btn:focus-visible{\n outline:2px solid var(--yellow);\n outline-offset:3px;\n }\n\n .b4-btn-primary{\n background:var(--yellow);\n color:var(--black);\n }\n\n .b4-btn-primary:hover{\n transform:translateY(-2px);\n background:var(--white);\n }\n\n .b4-btn-outline{\n background:transparent;\n color:var(--white);\n border-color:#2a2a2a;\n }\n\n .b4-btn-outline:hover{\n transform:translateY(-2px);\n border-color:var(--yellow);\n color:var(--yellow);\n }\n\n .b4-social{\n margin-top:36px;\n z-index:1;\n }\n\n .b4-social a{\n color:var(--grey);\n text-decoration:none;\n font-size:13px;\n letter-spacing:0.06em;\n display:inline-flex;\n align-items:center;\n gap:8px;\n padding:6px;\n transition:color 0.15s ease;\n }\n\n .b4-social a:hover{\n color:var(--yellow);\n }\n\n .b4-social svg{\n width:16px;\n height:16px;\n flex-shrink:0;\n }\n\n .b4-footer{\n z-index:1;\n padding-bottom:8px;\n font-size:11px;\n letter-spacing:0.14em;\n text-transform:uppercase;\n color:#3a3a3a;\n }\n\n @media (prefers-reduced-motion: reduce){\n .b4-dot{animation:none;}\n .b4-btn, .b4-social a{transition:none;}\n }\n\n @media (max-width: 480px){\n .b4-tape{height:10px;}\n .b4-main{padding:48px 20px;}\n .b4-btn{width:100%; justify-content:center;}\n .b4-actions{flex-direction:column; width:100%; max-width:320px;}\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"b4-wrap\">\n <div class=\"b4-tape\" aria-hidden=\"true\"><\/div>\n\n <main class=\"b4-main\">\n <p class=\"b4-eyebrow\"><span class=\"b4-dot\" aria-hidden=\"true\"><\/span>Site under construction<\/p>\n\n <div class=\"b4-mark\">\n <span class=\"b4-mark-text\">BOX.<\/span>\n <span class=\"b4-four\" aria-hidden=\"true\">\n <span><\/span><span><\/span><span><\/span><span><\/span>\n <\/span>\n <\/div>\n <p class=\"b4-sub\">Communication<\/p>\n\n <h1 class=\"b4-headline\">We're building something new.<\/h1>\n <p class=\"b4-copy\">The full site isn't live yet \u2014 but you can already browse the portfolio, reach out, or follow along on Instagram.<\/p>\n\n <div class=\"b4-actions\">\n <a class=\"b4-btn b4-btn-primary\" href=\"https:\/\/drive.google.com\/file\/d\/15BuqQpDT8mBGzHr6CZhFY0CMCPBkHtk6\/view?usp=sharing\" target=\"_blank\" rel=\"noopener\">View portfolio<\/a>\n <a class=\"b4-btn b4-btn-outline\" href=\"mailto:lucas@box4.fr\">Get in touch<\/a>\n <\/div>\n\n <div class=\"b4-social\">\n <a href=\"https:\/\/www.instagram.com\/lucas.mnier\" target=\"_blank\" rel=\"noopener\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\"\/><\/svg>\n @lucas.mnier\n <\/a>\n <\/div>\n <\/main>\n\n <p class=\"b4-footer\">BOX.4 Communication \u2014 \u00a9 2026<\/p>\n <div class=\"b4-tape\" aria-hidden=\"true\"><\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BOX.4 Communication \u2014 Site Under Construction Site under construction BOX. Communication We’re building something new. The full site isn’t live yet \u2014 but you can already browse the portfolio, reach out, or follow along on Instagram. View portfolio Get in touch @lucas.mnier BOX.4 Communication \u2014 \u00a9 2026<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":11,"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nBOX.4 Communication \u2014 Site Under Construction<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --black:#0a0a0a;\n --black-2:#141414;\n --yellow:#e9ff2e;\n --white:#f6f6f2;\n --grey:#8a8a86;\n }\n\n *{margin:0;padding:0;box-sizing:border-box;}\n\n html,body{\n height:100%;\n background:var(--black);\n color:var(--white);\n font-family:\"Space Grotesk\", sans-serif;\n overflow-x:hidden;\n }\n\n .b4-wrap{\n min-height:100vh;\n display:flex;\n flex-direction:column;\n position:relative;\n }\n\n \/* hazard stripe bars, top and bottom \u2014 literal \"under construction\" tape, brand colors *\/\n .b4-tape{\n height:14px;\n width:100%;\n background:repeating-linear-gradient(\n -45deg,\n var(--yellow),\n var(--yellow) 22px,\n var(--black) 22px,\n var(--black) 44px\n );\n flex-shrink:0;\n }\n\n .b4-main{\n flex:1;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n text-align:center;\n padding:64px 24px;\n position:relative;\n }\n\n \/* faint grid texture in the background, echoes \"BOX\" *\/\n .b4-main::before{\n content:\"\";\n position:absolute;\n inset:0;\n background-image:\n linear-gradient(rgba(233,255,46,0.05) 1px, transparent 1px),\n linear-gradient(90deg, rgba(233,255,46,0.05) 1px, transparent 1px);\n background-size:56px 56px;\n mask-image:radial-gradient(circle at center, black 0%, transparent 75%);\n pointer-events:none;\n }\n\n .b4-eyebrow{\n display:inline-flex;\n align-items:center;\n gap:10px;\n font-size:12px;\n letter-spacing:0.28em;\n text-transform:uppercase;\n color:var(--yellow);\n margin-bottom:28px;\n z-index:1;\n }\n\n .b4-dot{\n width:8px;\n height:8px;\n background:var(--yellow);\n border-radius:50%;\n animation:pulse 1.8s ease-in-out infinite;\n }\n\n @keyframes pulse{\n 0%,100%{opacity:1; transform:scale(1);}\n 50%{opacity:0.35; transform:scale(0.8);}\n }\n\n \/* wordmark: BOX. made of type, .4 made of four little fluo squares *\/\n .b4-mark{\n display:flex;\n align-items:center;\n justify-content:center;\n flex-wrap:wrap;\n gap:0.06em;\n z-index:1;\n }\n\n .b4-mark-text{\n font-family:\"Archivo Black\", sans-serif;\n font-size:clamp(52px, 12vw, 128px);\n line-height:0.9;\n letter-spacing:-0.01em;\n color:var(--white);\n }\n\n .b4-four{\n display:inline-grid;\n grid-template-columns:1fr 1fr;\n gap:6px;\n width:clamp(38px, 8vw, 82px);\n height:clamp(38px, 8vw, 82px);\n margin-left:clamp(6px, 1.4vw, 14px);\n transform:translateY(-0.05em);\n }\n\n .b4-four span{\n background:var(--yellow);\n border-radius:2px;\n }\n\n .b4-four span:nth-child(3){background:var(--white);}\n\n .b4-sub{\n margin-top:22px;\n font-size:13px;\n letter-spacing:0.42em;\n text-transform:uppercase;\n color:var(--grey);\n z-index:1;\n }\n\n .b4-headline{\n margin-top:56px;\n font-size:clamp(20px, 3.4vw, 30px);\n font-weight:700;\n max-width:640px;\n z-index:1;\n }\n\n .b4-copy{\n margin-top:14px;\n max-width:480px;\n font-size:15px;\n line-height:1.6;\n color:var(--grey);\n font-weight:400;\n z-index:1;\n }\n\n .b4-actions{\n display:flex;\n flex-wrap:wrap;\n justify-content:center;\n gap:14px;\n margin-top:44px;\n z-index:1;\n }\n\n .b4-btn{\n display:inline-flex;\n align-items:center;\n gap:10px;\n padding:16px 28px;\n font-family:\"Space Grotesk\", sans-serif;\n font-size:14px;\n font-weight:600;\n letter-spacing:0.03em;\n text-decoration:none;\n border-radius:2px;\n border:2px solid transparent;\n transition:transform 0.15s ease, background 0.15s ease, color 0.15s ease, border-color 0.15s ease;\n }\n\n .b4-btn:focus-visible{\n outline:2px solid var(--yellow);\n outline-offset:3px;\n }\n\n .b4-btn-primary{\n background:var(--yellow);\n color:var(--black);\n }\n\n .b4-btn-primary:hover{\n transform:translateY(-2px);\n background:var(--white);\n }\n\n .b4-btn-outline{\n background:transparent;\n color:var(--white);\n border-color:#2a2a2a;\n }\n\n .b4-btn-outline:hover{\n transform:translateY(-2px);\n border-color:var(--yellow);\n color:var(--yellow);\n }\n\n .b4-social{\n margin-top:36px;\n z-index:1;\n }\n\n .b4-social a{\n color:var(--grey);\n text-decoration:none;\n font-size:13px;\n letter-spacing:0.06em;\n display:inline-flex;\n align-items:center;\n gap:8px;\n padding:6px;\n transition:color 0.15s ease;\n }\n\n .b4-social a:hover{\n color:var(--yellow);\n }\n\n .b4-social svg{\n width:16px;\n height:16px;\n flex-shrink:0;\n }\n\n .b4-footer{\n z-index:1;\n padding-bottom:8px;\n font-size:11px;\n letter-spacing:0.14em;\n text-transform:uppercase;\n color:#3a3a3a;\n }\n\n @media (prefers-reduced-motion: reduce){\n .b4-dot{animation:none;}\n .b4-btn, .b4-social a{transition:none;}\n }\n\n @media (max-width: 480px){\n .b4-tape{height:10px;}\n .b4-main{padding:48px 20px;}\n .b4-btn{width:100%; justify-content:center;}\n .b4-actions{flex-direction:column; width:100%; max-width:320px;}\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"b4-wrap\">\n <div class=\"b4-tape\" aria-hidden=\"true\"><\/div>\n\n <main class=\"b4-main\">\n <p class=\"b4-eyebrow\"><span class=\"b4-dot\" aria-hidden=\"true\"><\/span>Site under construction<\/p>\n\n <div class=\"b4-mark\">\n <span class=\"b4-mark-text\">BOX.<\/span>\n <span class=\"b4-four\" aria-hidden=\"true\">\n <span><\/span><span><\/span><span><\/span><span><\/span>\n <\/span>\n <\/div>\n <p class=\"b4-sub\">Communication<\/p>\n\n <h1 class=\"b4-headline\">We're building something new.<\/h1>\n <p class=\"b4-copy\">The full site isn't live yet \u2014 but you can already browse the portfolio, reach out, or follow along on Instagram.<\/p>\n\n <div class=\"b4-actions\">\n <a class=\"b4-btn b4-btn-primary\" href=\"https:\/\/drive.google.com\/file\/d\/15BuqQpDT8mBGzHr6CZhFY0CMCPBkHtk6\/view?usp=sharing\" target=\"_blank\" rel=\"noopener\">View portfolio<\/a>\n <a class=\"b4-btn b4-btn-outline\" href=\"mailto:lucas@box4.fr\">Get in touch<\/a>\n <\/div>\n\n <div class=\"b4-social\">\n <a href=\"https:\/\/www.instagram.com\/lucas.mnier\" target=\"_blank\" rel=\"noopener\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\"\/><\/svg>\n @lucas.mnier\n <\/a>\n <\/div>\n <\/main>\n\n <p class=\"b4-footer\">BOX.4 Communication \u2014 \u00a9 2026<\/p>\n <div class=\"b4-tape\" aria-hidden=\"true\"><\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BOX.4 Communication \u2014 Site Under Construction Site under construction BOX. Communication We’re building something new. The full site isn’t live yet \u2014 but you can already browse the portfolio, reach out, or follow along on Instagram. View portfolio Get in touch @lucas.mnier BOX.4 Communication \u2014 \u00a9 2026<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":11,"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/box4.fr\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}