About Us | DecorStation4<\/title>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@200;400;700&family=Playfair+Display:ital,wght@1,400..900&display=swap');\r\n\r\n :root {\r\n --gold: #b38e1d; \/* Slightly deeper gold for better contrast on white *\/\r\n --dark: #1a1a1a;\r\n --light-grey: #f9f9f9;\r\n --border: rgba(0, 0, 0, 0.08);\r\n --transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n background: #ffffff;\r\n color: var(--dark);\r\n font-family: 'Outfit', sans-serif;\r\n overflow-x: hidden;\r\n scroll-behavior: smooth;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* NAVIGATION *\/\r\n .ds4-nav {\r\n position: fixed;\r\n top: 0;\r\n width: 100%;\r\n padding: 25px 5%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n z-index: 1000;\r\n backdrop-filter: blur(15px);\r\n background: rgba(255, 255, 255, 0.8);\r\n border-bottom: 1px solid var(--border);\r\n }\r\n\r\n .ds4-logo { \r\n font-weight: 700; \r\n letter-spacing: 5px; \r\n text-transform: uppercase;\r\n font-size: 1.1rem;\r\n color: var(--dark);\r\n }\r\n\r\n .ds4-logo span { color: var(--gold); }\r\n\r\n .ds4-menu-trigger { \r\n font-size: 0.7rem; \r\n letter-spacing: 3px; \r\n cursor: pointer;\r\n font-weight: 700;\r\n }\r\n\r\n \/* HERO SECTION *\/\r\n .wonder-hero {\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n position: relative;\r\n background: #ffffff;\r\n }\r\n\r\n .hero-backdrop {\r\n position: absolute;\r\n font-size: 28vw;\r\n font-weight: 800;\r\n color: #000;\r\n opacity: 0.03;\r\n letter-spacing: -10px;\r\n pointer-events: none;\r\n user-select: none;\r\n }\r\n\r\n .wonder-hero h1 { \r\n font-size: clamp(3rem, 10vw, 9rem); \r\n line-height: 0.85; \r\n margin: 0; \r\n text-transform: uppercase;\r\n z-index: 2;\r\n font-weight: 700;\r\n }\r\n\r\n .wonder-hero em { \r\n font-family: 'Playfair Display', serif; \r\n color: var(--gold); \r\n font-style: italic;\r\n font-weight: 400;\r\n }\r\n\r\n .wonder-hero p {\r\n margin-top: 25px;\r\n letter-spacing: 5px;\r\n text-transform: uppercase;\r\n font-size: 0.8rem;\r\n color: #666;\r\n }\r\n\r\n \/* EDITORIAL STORY SECTIONS *\/\r\n .creation-story { \r\n padding: 140px 10%; \r\n background: #ffffff; \r\n }\r\n\r\n .story-grid { \r\n display: grid; \r\n grid-template-columns: 1fr 1fr; \r\n gap: 100px; \r\n align-items: center; \r\n }\r\n\r\n .story-image { \r\n position: relative; \r\n aspect-ratio: 4\/5;\r\n }\r\n\r\n .story-image img { \r\n width: 100%; \r\n height: 100%; \r\n object-fit: cover; \r\n display: block;\r\n box-shadow: 0 30px 60px rgba(0,0,0,0.1);\r\n }\r\n\r\n .acrylic-frame {\r\n position: absolute;\r\n top: -20px; \r\n left: -20px;\r\n width: 100%; \r\n height: 100%;\r\n border: 1px solid var(--dark);\r\n z-index: 0;\r\n }\r\n\r\n .story-text h2 {\r\n font-size: clamp(2rem, 4vw, 3.2rem);\r\n line-height: 1.1;\r\n margin: 20px 0;\r\n font-weight: 700;\r\n }\r\n\r\n .step-num { \r\n color: var(--gold); \r\n font-weight: 700; \r\n font-size: 0.85rem; \r\n letter-spacing: 3px; \r\n }\r\n\r\n .read-more { \r\n display: inline-block; \r\n margin-top: 40px; \r\n text-decoration: none; \r\n color: var(--dark); \r\n font-weight: 700; \r\n font-size: 0.75rem; \r\n letter-spacing: 2px;\r\n border-bottom: 2px solid var(--gold);\r\n padding-bottom: 5px;\r\n }\r\n\r\n \/* SECTION 02: INVERTED COLOR SCHEME (SOFT GREY) *\/\r\n .creation-story.alt {\r\n background: var(--light-grey);\r\n }\r\n\r\n \/* TESTIMONIAL *\/\r\n .testimonial-vision { \r\n padding: 160px 10%; \r\n text-align: center; \r\n background: #ffffff;\r\n }\r\n\r\n .quote-text { \r\n font-family: 'Playfair Display', serif; \r\n font-size: clamp(1.8rem, 5vw, 2.8rem); \r\n font-style: italic; \r\n max-width: 900px; \r\n margin: 0 auto 30px; \r\n line-height: 1.3;\r\n color: var(--dark);\r\n }\r\n\r\n .quote-author { \r\n letter-spacing: 4px; \r\n font-size: 0.75rem; \r\n text-transform: uppercase; \r\n color: var(--gold); \r\n font-weight: 700;\r\n }\r\n\r\n \/* LOOKBOOK GALLERY *\/\r\n .lookbook { padding: 120px 5%; background: #ffffff; }\r\n \r\n .lookbook-header { text-align: right; margin-bottom: 80px; }\r\n \r\n .outline-text { \r\n font-size: clamp(4rem, 12vw, 8rem); \r\n color: transparent; \r\n -webkit-text-stroke: 1px var(--dark); \r\n line-height: 1; \r\n margin: 0; \r\n opacity: 0.2;\r\n }\r\n\r\n .solid-text { \r\n font-size: clamp(4rem, 12vw, 8rem); \r\n margin-top: -30px; \r\n line-height: 1; \r\n color: var(--dark);\r\n }\r\n\r\n .lookbook-grid { \r\n display: grid; \r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); \r\n gap: 40px; \r\n }\r\n\r\n .grid-item { overflow: hidden; }\r\n\r\n .grid-item img { \r\n width: 100%; \r\n aspect-ratio: 1\/1; \r\n object-fit: cover; \r\n transition: var(--transition);\r\n }\r\n\r\n .grid-item:hover img { \r\n transform: scale(1.05);\r\n }\r\n\r\n .grid-item h3 { \r\n font-weight: 400; \r\n margin-top: 20px; \r\n letter-spacing: 2px; \r\n text-transform: uppercase;\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* CURIOSITIES (FAQ) *\/\r\n .faq-container { \r\n padding: 120px 20%; \r\n background: var(--light-grey); \r\n }\r\n\r\n .faq-title { \r\n font-size: 2.5rem; \r\n margin-bottom: 60px; \r\n font-family: 'Playfair Display', serif;\r\n font-style: italic;\r\n }\r\n\r\n details { \r\n border-bottom: 1px solid var(--border); \r\n padding: 30px 0; \r\n cursor: pointer; \r\n }\r\n\r\n summary { \r\n font-size: 1.1rem; \r\n display: flex; \r\n justify-content: space-between; \r\n list-style: none; \r\n align-items: center; \r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n summary::-webkit-details-marker { display: none; }\r\n\r\n .answer { \r\n padding: 25px 0 10px; \r\n color: #666; \r\n font-size: 1rem;\r\n max-width: 85%;\r\n }\r\n\r\n .plus { \r\n color: var(--gold); \r\n font-size: 1.5rem; \r\n transition: transform 0.4s ease;\r\n }\r\n\r\n details[open] .plus { transform: rotate(45deg); }\r\n\r\n \/* CONTACT FOOTER *\/\r\n .contact-footer { \r\n padding: 160px 10%; \r\n background: #ffffff; \r\n text-align: center; \r\n border-top: 1px solid var(--border); \r\n }\r\n\r\n .contact-footer h2 { \r\n font-size: clamp(2.2rem, 6vw, 4rem); \r\n font-family: 'Playfair Display', serif; \r\n font-style: italic; \r\n margin: 25px 0; \r\n font-weight: 400;\r\n color: var(--dark);\r\n }\r\n\r\n .contact-details { \r\n display: flex; \r\n justify-content: center; \r\n gap: 80px; \r\n margin: 60px 0; \r\n }\r\n\r\n .contact-item small { \r\n display: block; \r\n letter-spacing: 4px; \r\n color: var(--gold); \r\n margin-bottom: 15px; \r\n font-size: 0.7rem; \r\n text-transform: uppercase;\r\n font-weight: 700;\r\n }\r\n\r\n .contact-item p { font-size: 1.1rem; font-weight: 400; }\r\n\r\n .cta-button { \r\n display: inline-block; \r\n padding: 22px 50px; \r\n background: var(--dark);\r\n color: #fff; \r\n text-decoration: none; \r\n letter-spacing: 5px; \r\n font-size: 0.8rem; \r\n transition: var(--transition);\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n }\r\n\r\n .cta-button:hover { \r\n background: var(--gold); \r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 40px rgba(179, 142, 29, 0.2);\r\n }\r\n\r\n \/* RESPONSIVENESS *\/\r\n @media (max-width: 1024px) {\r\n .faq-container { padding: 100px 10%; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .story-grid { grid-template-columns: 1fr; gap: 60px; }\r\n .lookbook-header { text-align: center; }\r\n .contact-details { flex-direction: column; gap: 40px; }\r\n .faq-container { padding: 80px 5%; }\r\n .story-image { aspect-ratio: 1\/1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <nav class=\"ds4-nav\">\r\n <div class=\"ds4-logo\">DECORSTATION<span>4<\/span><\/div>\r\n \r\n <\/nav>\r\n\r\n <section class=\"wonder-hero\">\r\n <div class=\"hero-backdrop\">LIGHT<\/div>\r\n <div class=\"hero-inner\">\r\n <h1>Sculpting <br><em>Transparency<\/em><\/h1>\r\n <p>Handmade acrylic wonders for the curated home<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"creation-story\">\r\n <div class=\"story-grid\">\r\n <div class=\"story-image\">\r\n <div class=\"acrylic-frame\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581783898377-1c85bf937427?auto=format&fit=crop&q=80&w=800\" alt=\"The Craftsmanship\">\r\n <\/div>\r\n <div class=\"story-text\">\r\n <span class=\"step-num\">01<\/span>\r\n <h2>Born from Heat & Hand<\/h2>\r\n <p>Every piece at DecorStation4 begins as a raw sheet of high-grade acrylic. We hand-cut, flame-polish, and bend each item individually. No machines, no shortcuts\u2014just the slow art of perfection.<\/p>\r\n <a href=\"#\" class=\"read-more\">OUR PHILOSOPHY \u2014<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"creation-story alt\">\r\n <div class=\"story-grid\">\r\n <div class=\"story-text\">\r\n <span class=\"step-num\">02<\/span>\r\n <h2>The Essence of Clarity<\/h2>\r\n <p>We use 100% optical-grade material that captures every photon of light. Unlike mass-produced plastics, our acrylic is UV stable and guaranteed to never yellow. It offers the elegance of glass with the resilience of a diamond.<\/p>\r\n <\/div>\r\n <div class=\"story-image\">\r\n <div class=\"acrylic-frame\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1533090161767-e6ffed986c88?auto=format&fit=crop&q=80&w=800\" alt=\"Material Purity\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"testimonial-vision\">\r\n <div class=\"quote-container\">\r\n <p class=\"quote-text\">\"It\u2019s like owning a piece of frozen light. The craftsmanship is invisible yet undeniable.\"<\/p>\r\n <span class=\"quote-author\">\u2014 Julian V., Interior Designer<\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"lookbook\">\r\n <div class=\"lookbook-header\">\r\n <h2 class=\"outline-text\">STYLE<\/h2>\r\n <h2 class=\"solid-text\">LOOKBOOK<\/h2>\r\n <\/div>\r\n <div class=\"lookbook-grid\">\r\n <div class=\"grid-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513519245088-0e12902e5a38?auto=format&fit=crop&q=80&w=800\" alt=\"The Prism Series\">\r\n <h3>The Prism Series<\/h3>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&q=80&w=800\" alt=\"Ethereal Vases\">\r\n <h3>Ethereal Vases<\/h3>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1594913785162-e6786b42dea3?auto=format&fit=crop&q=80&w=800\" alt=\"Floating Art\">\r\n <h3>Floating Art<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"faq-container\">\r\n <h2 class=\"faq-title\">Curiosities<\/h2>\r\n \r\n <details>\r\n <summary>How is it made? <span class=\"plus\">+<\/span><\/summary>\r\n <div class=\"answer\">Every item is handmade in our studio using thermal bending and diamond-paste polishing techniques for a seamless finish.<\/div>\r\n <\/details>\r\n\r\n <details>\r\n <summary>Is it safe for homes with children? <span class=\"plus\">+<\/span><\/summary>\r\n <div class=\"answer\">Absolutely. Our acrylic is rounded at the edges and is much more shatter-resistant than traditional glass decor.<\/div>\r\n <\/details>\r\n\r\n <details>\r\n <summary>How do I care for my piece? <span class=\"plus\">+<\/span><\/summary>\r\n <div class=\"answer\">Simply use a soft microfiber cloth and a dedicated acrylic cleaner. Avoid ammonia-based cleaners to maintain clarity.<\/div>\r\n <\/details>\r\n\r\n <details>\r\n <summary>Can I request a custom size? <span class=\"plus\">+<\/span><\/summary>\r\n <div class=\"answer\">Yes. Because everything is built by hand, we welcome custom dimensions to fit your specific interior needs.<\/div>\r\n <\/details>\r\n <\/section>\r\n\r\n <section class=\"contact-footer\">\r\n <div class=\"footer-content\">\r\n <span class=\"step-num\">CONTACT<\/span>\r\n <h2>Begin a Private Commission<\/h2>\r\n <p>Have a specific vision for your space? Let\u2019s bring it to life through the art of acrylic.<\/p>\r\n \r\n <div class=\"contact-details\">\r\n <div class=\"contact-item\">\r\n <small>INQUIRIES<\/small>\r\n <p>studio@decorstation4.com<\/p>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <small>FOLLOW THE CRAFT<\/small>\r\n <p>@decorstation4<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"mailto:studio@decorstation4.com\" class=\"cta-button\">INQUIRE NOW<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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>About Us | DecorStation4 DECORSTATION4 LIGHT Sculpting Transparency Handmade acrylic wonders for the curated home 01 Born from Heat &<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4400","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/decorstation4.com\/index.php?rest_route=\/wp\/v2\/pages\/4400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/decorstation4.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/decorstation4.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/decorstation4.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/decorstation4.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4400"}],"version-history":[{"count":7,"href":"https:\/\/decorstation4.com\/index.php?rest_route=\/wp\/v2\/pages\/4400\/revisions"}],"predecessor-version":[{"id":27934,"href":"https:\/\/decorstation4.com\/index.php?rest_route=\/wp\/v2\/pages\/4400\/revisions\/27934"}],"wp:attachment":[{"href":"https:\/\/decorstation4.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n About Us | DecorStation4<\/title>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@200;400;700&family=Playfair+Display:ital,wght@1,400..900&display=swap');\r\n\r\n :root {\r\n --gold: #b38e1d; \/* Slightly deeper gold for better contrast on white *\/\r\n --dark: #1a1a1a;\r\n --light-grey: #f9f9f9;\r\n --border: rgba(0, 0, 0, 0.08);\r\n --transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n background: #ffffff;\r\n color: var(--dark);\r\n font-family: 'Outfit', sans-serif;\r\n overflow-x: hidden;\r\n scroll-behavior: smooth;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* NAVIGATION *\/\r\n .ds4-nav {\r\n position: fixed;\r\n top: 0;\r\n width: 100%;\r\n padding: 25px 5%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n z-index: 1000;\r\n backdrop-filter: blur(15px);\r\n background: rgba(255, 255, 255, 0.8);\r\n border-bottom: 1px solid var(--border);\r\n }\r\n\r\n .ds4-logo { \r\n font-weight: 700; \r\n letter-spacing: 5px; \r\n text-transform: uppercase;\r\n font-size: 1.1rem;\r\n color: var(--dark);\r\n }\r\n\r\n .ds4-logo span { color: var(--gold); }\r\n\r\n .ds4-menu-trigger { \r\n font-size: 0.7rem; \r\n letter-spacing: 3px; \r\n cursor: pointer;\r\n font-weight: 700;\r\n }\r\n\r\n \/* HERO SECTION *\/\r\n .wonder-hero {\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n position: relative;\r\n background: #ffffff;\r\n }\r\n\r\n .hero-backdrop {\r\n position: absolute;\r\n font-size: 28vw;\r\n font-weight: 800;\r\n color: #000;\r\n opacity: 0.03;\r\n letter-spacing: -10px;\r\n pointer-events: none;\r\n user-select: none;\r\n }\r\n\r\n .wonder-hero h1 { \r\n font-size: clamp(3rem, 10vw, 9rem); \r\n line-height: 0.85; \r\n margin: 0; \r\n text-transform: uppercase;\r\n z-index: 2;\r\n font-weight: 700;\r\n }\r\n\r\n .wonder-hero em { \r\n font-family: 'Playfair Display', serif; \r\n color: var(--gold); \r\n font-style: italic;\r\n font-weight: 400;\r\n }\r\n\r\n .wonder-hero p {\r\n margin-top: 25px;\r\n letter-spacing: 5px;\r\n text-transform: uppercase;\r\n font-size: 0.8rem;\r\n color: #666;\r\n }\r\n\r\n \/* EDITORIAL STORY SECTIONS *\/\r\n .creation-story { \r\n padding: 140px 10%; \r\n background: #ffffff; \r\n }\r\n\r\n .story-grid { \r\n display: grid; \r\n grid-template-columns: 1fr 1fr; \r\n gap: 100px; \r\n align-items: center; \r\n }\r\n\r\n .story-image { \r\n position: relative; \r\n aspect-ratio: 4\/5;\r\n }\r\n\r\n .story-image img { \r\n width: 100%; \r\n height: 100%; \r\n object-fit: cover; \r\n display: block;\r\n box-shadow: 0 30px 60px rgba(0,0,0,0.1);\r\n }\r\n\r\n .acrylic-frame {\r\n position: absolute;\r\n top: -20px; \r\n left: -20px;\r\n width: 100%; \r\n height: 100%;\r\n border: 1px solid var(--dark);\r\n z-index: 0;\r\n }\r\n\r\n .story-text h2 {\r\n font-size: clamp(2rem, 4vw, 3.2rem);\r\n line-height: 1.1;\r\n margin: 20px 0;\r\n font-weight: 700;\r\n }\r\n\r\n .step-num { \r\n color: var(--gold); \r\n font-weight: 700; \r\n font-size: 0.85rem; \r\n letter-spacing: 3px; \r\n }\r\n\r\n .read-more { \r\n display: inline-block; \r\n margin-top: 40px; \r\n text-decoration: none; \r\n color: var(--dark); \r\n font-weight: 700; \r\n font-size: 0.75rem; \r\n letter-spacing: 2px;\r\n border-bottom: 2px solid var(--gold);\r\n padding-bottom: 5px;\r\n }\r\n\r\n \/* SECTION 02: INVERTED COLOR SCHEME (SOFT GREY) *\/\r\n .creation-story.alt {\r\n background: var(--light-grey);\r\n }\r\n\r\n \/* TESTIMONIAL *\/\r\n .testimonial-vision { \r\n padding: 160px 10%; \r\n text-align: center; \r\n background: #ffffff;\r\n }\r\n\r\n .quote-text { \r\n font-family: 'Playfair Display', serif; \r\n font-size: clamp(1.8rem, 5vw, 2.8rem); \r\n font-style: italic; \r\n max-width: 900px; \r\n margin: 0 auto 30px; \r\n line-height: 1.3;\r\n color: var(--dark);\r\n }\r\n\r\n .quote-author { \r\n letter-spacing: 4px; \r\n font-size: 0.75rem; \r\n text-transform: uppercase; \r\n color: var(--gold); \r\n font-weight: 700;\r\n }\r\n\r\n \/* LOOKBOOK GALLERY *\/\r\n .lookbook { padding: 120px 5%; background: #ffffff; }\r\n \r\n .lookbook-header { text-align: right; margin-bottom: 80px; }\r\n \r\n .outline-text { \r\n font-size: clamp(4rem, 12vw, 8rem); \r\n color: transparent; \r\n -webkit-text-stroke: 1px var(--dark); \r\n line-height: 1; \r\n margin: 0; \r\n opacity: 0.2;\r\n }\r\n\r\n .solid-text { \r\n font-size: clamp(4rem, 12vw, 8rem); \r\n margin-top: -30px; \r\n line-height: 1; \r\n color: var(--dark);\r\n }\r\n\r\n .lookbook-grid { \r\n display: grid; \r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); \r\n gap: 40px; \r\n }\r\n\r\n .grid-item { overflow: hidden; }\r\n\r\n .grid-item img { \r\n width: 100%; \r\n aspect-ratio: 1\/1; \r\n object-fit: cover; \r\n transition: var(--transition);\r\n }\r\n\r\n .grid-item:hover img { \r\n transform: scale(1.05);\r\n }\r\n\r\n .grid-item h3 { \r\n font-weight: 400; \r\n margin-top: 20px; \r\n letter-spacing: 2px; \r\n text-transform: uppercase;\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* CURIOSITIES (FAQ) *\/\r\n .faq-container { \r\n padding: 120px 20%; \r\n background: var(--light-grey); \r\n }\r\n\r\n .faq-title { \r\n font-size: 2.5rem; \r\n margin-bottom: 60px; \r\n font-family: 'Playfair Display', serif;\r\n font-style: italic;\r\n }\r\n\r\n details { \r\n border-bottom: 1px solid var(--border); \r\n padding: 30px 0; \r\n cursor: pointer; \r\n }\r\n\r\n summary { \r\n font-size: 1.1rem; \r\n display: flex; \r\n justify-content: space-between; \r\n list-style: none; \r\n align-items: center; \r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n summary::-webkit-details-marker { display: none; }\r\n\r\n .answer { \r\n padding: 25px 0 10px; \r\n color: #666; \r\n font-size: 1rem;\r\n max-width: 85%;\r\n }\r\n\r\n .plus { \r\n color: var(--gold); \r\n font-size: 1.5rem; \r\n transition: transform 0.4s ease;\r\n }\r\n\r\n details[open] .plus { transform: rotate(45deg); }\r\n\r\n \/* CONTACT FOOTER *\/\r\n .contact-footer { \r\n padding: 160px 10%; \r\n background: #ffffff; \r\n text-align: center; \r\n border-top: 1px solid var(--border); \r\n }\r\n\r\n .contact-footer h2 { \r\n font-size: clamp(2.2rem, 6vw, 4rem); \r\n font-family: 'Playfair Display', serif; \r\n font-style: italic; \r\n margin: 25px 0; \r\n font-weight: 400;\r\n color: var(--dark);\r\n }\r\n\r\n .contact-details { \r\n display: flex; \r\n justify-content: center; \r\n gap: 80px; \r\n margin: 60px 0; \r\n }\r\n\r\n .contact-item small { \r\n display: block; \r\n letter-spacing: 4px; \r\n color: var(--gold); \r\n margin-bottom: 15px; \r\n font-size: 0.7rem; \r\n text-transform: uppercase;\r\n font-weight: 700;\r\n }\r\n\r\n .contact-item p { font-size: 1.1rem; font-weight: 400; }\r\n\r\n .cta-button { \r\n display: inline-block; \r\n padding: 22px 50px; \r\n background: var(--dark);\r\n color: #fff; \r\n text-decoration: none; \r\n letter-spacing: 5px; \r\n font-size: 0.8rem; \r\n transition: var(--transition);\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n }\r\n\r\n .cta-button:hover { \r\n background: var(--gold); \r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 40px rgba(179, 142, 29, 0.2);\r\n }\r\n\r\n \/* RESPONSIVENESS *\/\r\n @media (max-width: 1024px) {\r\n .faq-container { padding: 100px 10%; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .story-grid { grid-template-columns: 1fr; gap: 60px; }\r\n .lookbook-header { text-align: center; }\r\n .contact-details { flex-direction: column; gap: 40px; }\r\n .faq-container { padding: 80px 5%; }\r\n .story-image { aspect-ratio: 1\/1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <nav class=\"ds4-nav\">\r\n <div class=\"ds4-logo\">DECORSTATION<span>4<\/span><\/div>\r\n \r\n <\/nav>\r\n\r\n <section class=\"wonder-hero\">\r\n <div class=\"hero-backdrop\">LIGHT<\/div>\r\n <div class=\"hero-inner\">\r\n <h1>Sculpting <br><em>Transparency<\/em><\/h1>\r\n <p>Handmade acrylic wonders for the curated home<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"creation-story\">\r\n <div class=\"story-grid\">\r\n <div class=\"story-image\">\r\n <div class=\"acrylic-frame\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581783898377-1c85bf937427?auto=format&fit=crop&q=80&w=800\" alt=\"The Craftsmanship\">\r\n <\/div>\r\n <div class=\"story-text\">\r\n <span class=\"step-num\">01<\/span>\r\n <h2>Born from Heat & Hand<\/h2>\r\n <p>Every piece at DecorStation4 begins as a raw sheet of high-grade acrylic. We hand-cut, flame-polish, and bend each item individually. No machines, no shortcuts\u2014just the slow art of perfection.<\/p>\r\n <a href=\"#\" class=\"read-more\">OUR PHILOSOPHY \u2014<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"creation-story alt\">\r\n <div class=\"story-grid\">\r\n <div class=\"story-text\">\r\n <span class=\"step-num\">02<\/span>\r\n <h2>The Essence of Clarity<\/h2>\r\n <p>We use 100% optical-grade material that captures every photon of light. Unlike mass-produced plastics, our acrylic is UV stable and guaranteed to never yellow. It offers the elegance of glass with the resilience of a diamond.<\/p>\r\n <\/div>\r\n <div class=\"story-image\">\r\n <div class=\"acrylic-frame\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1533090161767-e6ffed986c88?auto=format&fit=crop&q=80&w=800\" alt=\"Material Purity\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"testimonial-vision\">\r\n <div class=\"quote-container\">\r\n <p class=\"quote-text\">\"It\u2019s like owning a piece of frozen light. The craftsmanship is invisible yet undeniable.\"<\/p>\r\n <span class=\"quote-author\">\u2014 Julian V., Interior Designer<\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"lookbook\">\r\n <div class=\"lookbook-header\">\r\n <h2 class=\"outline-text\">STYLE<\/h2>\r\n <h2 class=\"solid-text\">LOOKBOOK<\/h2>\r\n <\/div>\r\n <div class=\"lookbook-grid\">\r\n <div class=\"grid-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513519245088-0e12902e5a38?auto=format&fit=crop&q=80&w=800\" alt=\"The Prism Series\">\r\n <h3>The Prism Series<\/h3>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&q=80&w=800\" alt=\"Ethereal Vases\">\r\n <h3>Ethereal Vases<\/h3>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1594913785162-e6786b42dea3?auto=format&fit=crop&q=80&w=800\" alt=\"Floating Art\">\r\n <h3>Floating Art<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"faq-container\">\r\n <h2 class=\"faq-title\">Curiosities<\/h2>\r\n \r\n <details>\r\n <summary>How is it made? <span class=\"plus\">+<\/span><\/summary>\r\n <div class=\"answer\">Every item is handmade in our studio using thermal bending and diamond-paste polishing techniques for a seamless finish.<\/div>\r\n <\/details>\r\n\r\n <details>\r\n <summary>Is it safe for homes with children? <span class=\"plus\">+<\/span><\/summary>\r\n <div class=\"answer\">Absolutely. Our acrylic is rounded at the edges and is much more shatter-resistant than traditional glass decor.<\/div>\r\n <\/details>\r\n\r\n <details>\r\n <summary>How do I care for my piece? <span class=\"plus\">+<\/span><\/summary>\r\n <div class=\"answer\">Simply use a soft microfiber cloth and a dedicated acrylic cleaner. Avoid ammonia-based cleaners to maintain clarity.<\/div>\r\n <\/details>\r\n\r\n <details>\r\n <summary>Can I request a custom size? <span class=\"plus\">+<\/span><\/summary>\r\n <div class=\"answer\">Yes. Because everything is built by hand, we welcome custom dimensions to fit your specific interior needs.<\/div>\r\n <\/details>\r\n <\/section>\r\n\r\n <section class=\"contact-footer\">\r\n <div class=\"footer-content\">\r\n <span class=\"step-num\">CONTACT<\/span>\r\n <h2>Begin a Private Commission<\/h2>\r\n <p>Have a specific vision for your space? Let\u2019s bring it to life through the art of acrylic.<\/p>\r\n \r\n <div class=\"contact-details\">\r\n <div class=\"contact-item\">\r\n <small>INQUIRIES<\/small>\r\n <p>studio@decorstation4.com<\/p>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <small>FOLLOW THE CRAFT<\/small>\r\n <p>@decorstation4<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"mailto:studio@decorstation4.com\" class=\"cta-button\">INQUIRE NOW<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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>About Us | DecorStation4 DECORSTATION4 LIGHT Sculpting Transparency Handmade acrylic wonders for the curated home 01 Born from Heat &<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4400","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/decorstation4.com\/index.php?rest_route=\/wp\/v2\/pages\/4400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/decorstation4.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/decorstation4.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/decorstation4.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/decorstation4.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4400"}],"version-history":[{"count":7,"href":"https:\/\/decorstation4.com\/index.php?rest_route=\/wp\/v2\/pages\/4400\/revisions"}],"predecessor-version":[{"id":27934,"href":"https:\/\/decorstation4.com\/index.php?rest_route=\/wp\/v2\/pages\/4400\/revisions\/27934"}],"wp:attachment":[{"href":"https:\/\/decorstation4.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}