{"id":20,"date":"2026-08-20T14:45:56","date_gmt":"2026-08-20T14:45:56","guid":{"rendered":"https:\/\/wordpress.flowforges.my.id\/?page_id=20"},"modified":"2026-08-20T15:18:43","modified_gmt":"2026-08-20T15:18:43","slug":"my-home-page","status":"publish","type":"page","link":"https:\/\/wordpress.flowforges.my.id\/","title":{"rendered":"My Home Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a384614 e-con e-atomic-element e-flexbox-base e-ad2e3d2 \" data-id=\"a384614\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a384614\">\n    \t\t<div class=\"elementor-element elementor-element-b68a679 elementor-widget elementor-widget-html\" data-id=\"b68a679\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     FASHION FORGE \u2014 Homepage\r\n     Paste this entire block into an Elementor \"HTML\" widget.\r\n     Swap the placeholder \".ph-*\" divs for real product photography\r\n     when ready \u2014 search\/replace instructions are in the comments below.\r\n============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;1,6..96,400;1,6..96,500&family=Archivo:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  #ff-home * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  #ff-home {\r\n    --ink: #14120F;\r\n    --ink-soft: #1E1B16;\r\n    --ember: #C1440E;\r\n    --ember-bright: #E86B34;\r\n    --brass: #B8935F;\r\n    --bone: #EDE7DA;\r\n    --bone-soft: #F6F2E8;\r\n    --steel: #403D36;\r\n    --white: #FBF9F5;\r\n\r\n    --serif: 'Bodoni Moda', Georgia, serif;\r\n    --sans: 'Archivo', Helvetica, Arial, sans-serif;\r\n    --mono: 'Space Mono', monospace;\r\n\r\n    font-family: var(--sans);\r\n    color: var(--bone-soft);\r\n    background: var(--ink);\r\n    line-height: 1.5;\r\n    overflow-x: hidden;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  #ff-home a { color: inherit; text-decoration: none; }\r\n  #ff-home img { max-width: 100%; display: block; }\r\n  #ff-home button { font-family: inherit; cursor: pointer; }\r\n  #ff-home .wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; }\r\n  #ff-home .eyebrow {\r\n    font-family: var(--mono);\r\n    font-size: 12px;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--brass);\r\n  }\r\n  #ff-home h1, #ff-home h2, #ff-home h3 { font-family: var(--serif); font-weight: 500; }\r\n  #ff-home .btn {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: var(--sans);\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    letter-spacing: 0.03em;\r\n    padding: 15px 28px;\r\n    border-radius: 2px;\r\n    border: 1px solid transparent;\r\n    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\r\n    overflow: visible;\r\n  }\r\n  #ff-home .btn-primary {\r\n    background: var(--ember);\r\n    color: var(--white);\r\n  }\r\n  #ff-home .btn-primary:hover { background: var(--ember-bright); transform: translateY(-1px); }\r\n  #ff-home .btn-primary:hover .spark { animation: spark-pop .6s ease-out forwards; }\r\n  #ff-home .btn-ghost {\r\n    background: transparent;\r\n    color: var(--bone-soft);\r\n    border-color: rgba(237,231,218,0.35);\r\n  }\r\n  #ff-home .btn-ghost:hover { border-color: var(--brass); color: var(--brass); }\r\n  #ff-home .spark {\r\n    position: absolute; top: 50%; left: 50%;\r\n    width: 4px; height: 4px; border-radius: 50%;\r\n    background: var(--ember-bright);\r\n    opacity: 0; pointer-events: none;\r\n  }\r\n  @keyframes spark-pop {\r\n    0%   { opacity: 1; transform: translate(-50%,-50%) scale(1); }\r\n    100% { opacity: 0; transform: translate(-50%,-50%) translate(var(--dx), var(--dy)) scale(0); }\r\n  }\r\n\r\n  \/* ---------- Reveal ---------- *\/\r\n  #ff-home .reveal { opacity: 0; transform: translateY(18px); transition: opacity .8s ease, transform .8s ease; }\r\n  #ff-home .reveal.is-in { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* ---------- Nav ---------- *\/\r\n  #ff-home .nav {\r\n    position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n    padding: 22px 0;\r\n    background: transparent;\r\n    transition: background .35s ease, padding .35s ease, border-color .35s ease;\r\n    border-bottom: 1px solid transparent;\r\n  }\r\n  #ff-home .nav.scrolled {\r\n    background: rgba(20,18,15,0.92);\r\n    backdrop-filter: blur(6px);\r\n    padding: 14px 0;\r\n    border-bottom: 1px solid rgba(184,147,95,0.2);\r\n  }\r\n  #ff-home .nav .wrap { display: flex; align-items: center; justify-content: space-between; }\r\n  #ff-home .brand { display: flex; align-items: center; gap: 10px; font-family: var(--serif); font-size: 20px; letter-spacing: 0.02em; }\r\n  #ff-home .brand .seal { width: 30px; height: 30px; flex-shrink: 0; }\r\n  #ff-home .nav-links { display: flex; align-items: center; gap: 36px; font-size: 13px; letter-spacing: 0.05em; text-transform: uppercase; }\r\n  #ff-home .nav-links a { position: relative; padding-bottom: 4px; }\r\n  #ff-home .nav-links a::after {\r\n    content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px;\r\n    background: var(--ember-bright); transition: width .3s ease;\r\n  }\r\n  #ff-home .nav-links a:hover::after { width: 100%; }\r\n  #ff-home .nav-cta { display: flex; align-items: center; gap: 18px; }\r\n  #ff-home .burger { display: none; flex-direction: column; gap: 5px; background: none; border: none; }\r\n  #ff-home .burger span { width: 22px; height: 1px; background: var(--bone-soft); }\r\n\r\n  \/* ---------- Hero ---------- *\/\r\n  #ff-home .hero {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    padding-top: 120px;\r\n    background:\r\n      radial-gradient(ellipse 70% 55% at 82% 18%, rgba(193,68,14,0.28), transparent 60%),\r\n      radial-gradient(ellipse 60% 50% at 10% 90%, rgba(184,147,95,0.14), transparent 65%),\r\n      var(--ink);\r\n    overflow: hidden;\r\n  }\r\n  #ff-home .hero-grid {\r\n    position: absolute; inset: 0;\r\n    background-image: linear-gradient(rgba(237,231,218,0.04) 1px, transparent 1px),\r\n                       linear-gradient(90deg, rgba(237,231,218,0.04) 1px, transparent 1px);\r\n    background-size: 64px 64px;\r\n    mask-image: radial-gradient(ellipse 80% 60% at 60% 30%, black, transparent 75%);\r\n  }\r\n  #ff-home .hero .wrap { position: relative; z-index: 2; display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 40px; align-items: end; }\r\n  #ff-home .hero-eyebrow { margin-bottom: 22px; display: flex; align-items: center; gap: 12px; }\r\n  #ff-home .hero-eyebrow .line { width: 34px; height: 1px; background: var(--brass); }\r\n  #ff-home .hero h1 {\r\n    font-size: clamp(44px, 6.4vw, 84px);\r\n    line-height: 0.98;\r\n    letter-spacing: -0.01em;\r\n    color: var(--white);\r\n    max-width: 12ch;\r\n  }\r\n  #ff-home .hero h1 em { color: var(--ember-bright); font-style: italic; }\r\n  #ff-home .hero-sub {\r\n    margin-top: 26px;\r\n    font-size: 17px;\r\n    color: rgba(237,231,218,0.72);\r\n    max-width: 42ch;\r\n    line-height: 1.65;\r\n  }\r\n  #ff-home .hero-actions { margin-top: 38px; display: flex; gap: 16px; flex-wrap: wrap; }\r\n  #ff-home .hero-aside {\r\n    border-left: 1px solid rgba(184,147,95,0.3);\r\n    padding-left: 28px;\r\n    padding-bottom: 6px;\r\n  }\r\n  #ff-home .hero-aside .stamp-lockup { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }\r\n  #ff-home .hero-aside p {\r\n    font-family: var(--serif); font-style: italic; font-size: 19px; line-height: 1.5; color: var(--bone);\r\n  }\r\n  #ff-home .hero-scroll {\r\n    position: absolute; bottom: 30px; left: 32px; z-index: 2;\r\n    display: flex; align-items: center; gap: 10px;\r\n    font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;\r\n    color: rgba(237,231,218,0.5);\r\n  }\r\n  #ff-home .hero-scroll .bar { width: 1px; height: 34px; background: linear-gradient(var(--ember-bright), transparent); }\r\n\r\n  \/* ---------- Section shell ---------- *\/\r\n  #ff-home section { position: relative; }\r\n  #ff-home .section-pad { padding: 120px 0; }\r\n  #ff-home .section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 64px; flex-wrap: wrap; }\r\n  #ff-home .section-head h2 { font-size: clamp(30px, 4vw, 46px); max-width: 14ch; }\r\n  #ff-home .section-head .desc { max-width: 34ch; color: rgba(237,231,218,0.6); font-size: 15px; }\r\n\r\n  \/* ---------- Manifesto ---------- *\/\r\n  #ff-home .manifesto { background: var(--bone-soft); color: var(--ink); }\r\n  #ff-home .manifesto .wrap { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 60px; }\r\n  #ff-home .manifesto .eyebrow { color: var(--ember); }\r\n  #ff-home .manifesto h2 { color: var(--ink); font-size: clamp(30px, 4vw, 42px); margin-top: 16px; line-height: 1.15; }\r\n  #ff-home .manifesto-body p { font-size: 16px; color: rgba(20,18,15,0.72); margin-bottom: 18px; max-width: 46ch; }\r\n  #ff-home .manifesto-body .sign { margin-top: 26px; font-family: var(--serif); font-style: italic; font-size: 18px; color: var(--ink); }\r\n\r\n  \/* ---------- Collections ---------- *\/\r\n  #ff-home .collections { background: var(--ink); }\r\n  #ff-home .coll-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n  #ff-home .coll-card {\r\n    position: relative;\r\n    border-radius: 3px;\r\n    overflow: hidden;\r\n    aspect-ratio: 3\/4;\r\n    display: flex; flex-direction: column; justify-content: flex-end;\r\n    padding: 26px;\r\n    border: 1px solid rgba(184,147,95,0.18);\r\n    transition: transform .4s ease, border-color .4s ease;\r\n  }\r\n  #ff-home .coll-card:hover { transform: translateY(-6px); border-color: rgba(184,147,95,0.5); }\r\n  #ff-home .coll-card .ph { position: absolute; inset: 0; z-index: 0; }\r\n  #ff-home .coll-card .scrim { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20,18,15,0) 30%, rgba(20,18,15,0.92) 100%); z-index: 1; }\r\n  #ff-home .coll-card .content { position: relative; z-index: 2; }\r\n  #ff-home .coll-card .num { font-family: var(--mono); font-size: 11px; color: var(--brass); letter-spacing: 0.12em; }\r\n  #ff-home .coll-card h3 { font-size: 26px; color: var(--white); margin: 8px 0 6px; }\r\n  #ff-home .coll-card .tag { font-size: 13px; color: rgba(237,231,218,0.65); margin-bottom: 14px; }\r\n  #ff-home .coll-card .link { font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; color: var(--bone); }\r\n  #ff-home .coll-card .link .arrow { transition: transform .3s ease; }\r\n  #ff-home .coll-card:hover .link .arrow { transform: translateX(4px); }\r\n\r\n  #ff-home .ph-tailoring { background: repeating-linear-gradient(115deg, #2b2722, #2b2722 2px, #322d27 2px, #322d27 26px), linear-gradient(200deg, #3a352d, #1a1815); }\r\n  #ff-home .ph-outerwear  { background: repeating-linear-gradient(70deg, #241f1c, #241f1c 3px, #2c2621 3px, #2c2621 22px), linear-gradient(160deg, #3d2c22, #1a1815); }\r\n  #ff-home .ph-essentials { background: repeating-linear-gradient(160deg, #2a2621, #2a2621 2px, #302b25 2px, #302b25 30px), linear-gradient(200deg, #33302a, #1a1815); }\r\n\r\n  \/* ---------- Process ---------- *\/\r\n  #ff-home .process { background: var(--ink-soft); border-top: 1px solid rgba(184,147,95,0.15); border-bottom: 1px solid rgba(184,147,95,0.15); }\r\n  #ff-home .process-row { display: grid; grid-template-columns: repeat(4, 1fr); }\r\n  #ff-home .process-step { padding: 46px 34px; border-left: 1px solid rgba(184,147,95,0.18); }\r\n  #ff-home .process-step:first-child { border-left: none; }\r\n  #ff-home .process-step .step-num { font-family: var(--mono); font-size: 13px; color: var(--ember-bright); margin-bottom: 18px; }\r\n  #ff-home .process-step h3 { font-size: 22px; color: var(--white); margin-bottom: 10px; }\r\n  #ff-home .process-step p { font-size: 14px; color: rgba(237,231,218,0.6); line-height: 1.6; }\r\n\r\n  \/* ---------- Quote \/ mood ---------- *\/\r\n  #ff-home .mood {\r\n    padding: 150px 0;\r\n    text-align: center;\r\n    background:\r\n      radial-gradient(ellipse 60% 80% at 50% 0%, rgba(193,68,14,0.18), transparent 60%),\r\n      var(--ink);\r\n  }\r\n  #ff-home .mood .seal { width: 46px; height: 46px; margin: 0 auto 34px; }\r\n  #ff-home .mood blockquote {\r\n    font-family: var(--serif);\r\n    font-style: italic;\r\n    font-size: clamp(26px, 4vw, 44px);\r\n    line-height: 1.35;\r\n    max-width: 18ch;\r\n    margin: 0 auto;\r\n    color: var(--white);\r\n  }\r\n  #ff-home .mood cite { display: block; margin-top: 28px; font-family: var(--mono); font-style: normal; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--brass); }\r\n\r\n  \/* ---------- Newsletter ---------- *\/\r\n  #ff-home .newsletter { background: var(--bone-soft); color: var(--ink); }\r\n  #ff-home .nl-inner { display: flex; justify-content: space-between; align-items: center; gap: 40px; flex-wrap: wrap; padding: 80px 0; }\r\n  #ff-home .nl-copy h2 { font-size: clamp(28px, 3.6vw, 38px); color: var(--ink); max-width: 12ch; }\r\n  #ff-home .nl-copy p { margin-top: 12px; color: rgba(20,18,15,0.65); max-width: 40ch; font-size: 15px; }\r\n  #ff-home .nl-form { display: flex; gap: 0; min-width: 360px; border-bottom: 1px solid rgba(20,18,15,0.35); padding-bottom: 10px; }\r\n  #ff-home .nl-form input {\r\n    flex: 1; background: transparent; border: none; outline: none;\r\n    font-family: var(--sans); font-size: 15px; color: var(--ink); padding: 8px 4px;\r\n  }\r\n  #ff-home .nl-form input::placeholder { color: rgba(20,18,15,0.45); }\r\n  #ff-home .nl-form button {\r\n    background: none; border: none; font-family: var(--sans); font-weight: 700;\r\n    font-size: 13px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ember);\r\n    display: flex; align-items: center; gap: 8px;\r\n  }\r\n  #ff-home .nl-form button:hover { color: var(--ink); }\r\n  #ff-home .nl-fine { font-family: var(--mono); font-size: 11px; color: rgba(20,18,15,0.45); margin-top: 10px; }\r\n\r\n  \/* ---------- Footer ---------- *\/\r\n  #ff-home footer { background: var(--ink); padding: 64px 0 30px; border-top: 1px solid rgba(184,147,95,0.15); }\r\n  #ff-home .foot-top { display: grid; grid-template-columns: 1.4fr 0.6fr 0.6fr 0.6fr; gap: 40px; padding-bottom: 54px; }\r\n  #ff-home .foot-brand { display: flex; align-items: center; gap: 10px; font-family: var(--serif); font-size: 20px; margin-bottom: 14px; }\r\n  #ff-home .foot-brand .seal { width: 26px; height: 26px; }\r\n  #ff-home .foot-col h4 { font-family: var(--mono); font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--brass); margin-bottom: 18px; }\r\n  #ff-home .foot-col a { display: block; font-size: 14px; color: rgba(237,231,218,0.65); margin-bottom: 12px; }\r\n  #ff-home .foot-col a:hover { color: var(--bone); }\r\n  #ff-home .foot-desc { font-size: 14px; color: rgba(237,231,218,0.55); max-width: 34ch; line-height: 1.6; }\r\n  #ff-home .foot-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 26px; border-top: 1px solid rgba(184,147,95,0.15); font-size: 12px; color: rgba(237,231,218,0.4); flex-wrap: wrap; gap: 14px; }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 980px) {\r\n    #ff-home .nav-links, #ff-home .nav-cta .btn-ghost { display: none; }\r\n    #ff-home .burger { display: flex; }\r\n    #ff-home .hero .wrap { grid-template-columns: 1fr; }\r\n    #ff-home .hero-aside { border-left: none; border-top: 1px solid rgba(184,147,95,0.3); padding-left: 0; padding-top: 26px; }\r\n    #ff-home .manifesto .wrap { grid-template-columns: 1fr; }\r\n    #ff-home .coll-grid { grid-template-columns: 1fr; }\r\n    #ff-home .process-row { grid-template-columns: repeat(2, 1fr); }\r\n    #ff-home .process-step:nth-child(3) { border-left: none; }\r\n    #ff-home .foot-top { grid-template-columns: 1fr 1fr; }\r\n  }\r\n  @media (max-width: 560px) {\r\n    #ff-home .wrap { padding: 0 20px; }\r\n    #ff-home .process-row { grid-template-columns: 1fr; }\r\n    #ff-home .process-step { border-left: none; border-top: 1px solid rgba(184,147,95,0.18); }\r\n    #ff-home .process-step:first-child { border-top: none; }\r\n    #ff-home .nl-inner { padding: 60px 0; }\r\n    #ff-home .nl-form { min-width: 100%; }\r\n    #ff-home .foot-top { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"ff-home\">\r\n\r\n  <!-- ===================== NAV ===================== -->\r\n  <nav class=\"nav\" id=\"ffNav\">\r\n    <div class=\"wrap\">\r\n      <a href=\"#\" class=\"brand\">\r\n        <svg class=\"seal\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <circle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"#B8935F\" stroke-width=\"1.2\"\/>\r\n          <circle cx=\"30\" cy=\"30\" r=\"22\" stroke=\"#B8935F\" stroke-width=\"0.6\"\/>\r\n          <path d=\"M20 34 L27 22 L33 32 L40 20\" stroke=\"#E86B34\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n          <circle cx=\"40\" cy=\"20\" r=\"1.8\" fill=\"#E86B34\"\/>\r\n        <\/svg>\r\n        Fashion Forge\r\n      <\/a>\r\n      <div class=\"nav-links\">\r\n        <a href=\"#collections\">Shop<\/a>\r\n        <a href=\"#process\">The Process<\/a>\r\n        <a href=\"#journal\">Journal<\/a>\r\n        <a href=\"#contact\">Contact<\/a>\r\n      <\/div>\r\n      <div class=\"nav-cta\">\r\n        <a href=\"#collections\" class=\"btn btn-ghost\">Sign In<\/a>\r\n        <a href=\"#collections\" class=\"btn btn-primary\">Shop New Arrivals<span class=\"spark\"><\/span><\/a>\r\n      <\/div>\r\n      <button class=\"burger\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- ===================== HERO ===================== -->\r\n  <section class=\"hero\">\r\n    <div class=\"hero-grid\"><\/div>\r\n    <div class=\"wrap\">\r\n      <div class=\"hero-main reveal is-in\">\r\n        <div class=\"hero-eyebrow\"><span class=\"line\"><\/span><span class=\"eyebrow\">For the Deliberate Dresser<\/span><\/div>\r\n        <h1>Wardrobes,<br>forged with <em>intention<\/em>.<\/h1>\r\n        <p class=\"hero-sub\">Fashion Forge designs clothing built to change how a room feels when you walk into it \u2014 and how you feel before you do. Every piece is cut to elevate, not just to cover.<\/p>\r\n        <div class=\"hero-actions\">\r\n          <a href=\"#collections\" class=\"btn btn-primary\">Shop New Arrivals<span class=\"spark\"><\/span><\/a>\r\n          <a href=\"#manifesto\" class=\"btn btn-ghost\">Read Our Story<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero-aside reveal is-in\">\r\n        <div class=\"stamp-lockup\">\r\n          <svg width=\"40\" height=\"40\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <circle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"#B8935F\" stroke-width=\"1\"\/>\r\n            <circle cx=\"30\" cy=\"30\" r=\"22\" stroke=\"#B8935F\" stroke-width=\"0.5\"\/>\r\n            <path d=\"M20 34 L27 22 L33 32 L40 20\" stroke=\"#E86B34\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n          <\/svg>\r\n          <span class=\"eyebrow\" style=\"color:var(--bone);\">Est. Fashion Forge<\/span>\r\n        <\/div>\r\n        <p>&ldquo;Style is a decision. We just make sure it's the right one.&rdquo;<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"hero-scroll\"><span class=\"bar\"><\/span>Scroll<\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== MANIFESTO ===================== -->\r\n  <section class=\"manifesto section-pad\" id=\"manifesto\">\r\n    <div class=\"wrap reveal\">\r\n      <div>\r\n        <span class=\"eyebrow\">The Manifesto<\/span>\r\n        <h2>Every piece starts as raw material \u2014 and a mood we're trying to create.<\/h2>\r\n      <\/div>\r\n      <div class=\"manifesto-body\">\r\n        <p>We don't design clothes to sit quietly in a closet. We design them the way a smith approaches steel: with heat, pressure, and a clear idea of what the finished piece needs to withstand.<\/p>\r\n        <p>That means fabric chosen for how it moves, silhouettes cut to hold their shape through a long day, and details you notice on the second wear, not just the first glance. The goal isn't more clothing. It's better decisions, made faster, every morning.<\/p>\r\n        <p class=\"sign\">\u2014 The Fashion Forge Studio<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== COLLECTIONS ===================== -->\r\n  <section class=\"collections section-pad\" id=\"collections\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-head reveal\">\r\n        <h2>Shop the current forge.<\/h2>\r\n        <p class=\"desc\">Three edits, each built around a single job in your wardrobe \u2014 not a season, not a trend cycle.<\/p>\r\n      <\/div>\r\n      <div class=\"coll-grid reveal\">\r\n        <a href=\"#\" class=\"coll-card\">\r\n          <div class=\"ph ph-tailoring\"><\/div>\r\n          <div class=\"scrim\"><\/div>\r\n          <div class=\"content\">\r\n            <div class=\"num\">Edit 01<\/div>\r\n            <h3>Tailoring<\/h3>\r\n            <p class=\"tag\">Structure that moves with you<\/p>\r\n            <span class=\"link\">Shop the edit <span class=\"arrow\">\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n        <a href=\"#\" class=\"coll-card\">\r\n          <div class=\"ph ph-outerwear\"><\/div>\r\n          <div class=\"scrim\"><\/div>\r\n          <div class=\"content\">\r\n            <div class=\"num\">Edit 02<\/div>\r\n            <h3>Outerwear<\/h3>\r\n            <p class=\"tag\">Armor for the everyday<\/p>\r\n            <span class=\"link\">Shop the edit <span class=\"arrow\">\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n        <a href=\"#\" class=\"coll-card\">\r\n          <div class=\"ph ph-essentials\"><\/div>\r\n          <div class=\"scrim\"><\/div>\r\n          <div class=\"content\">\r\n            <div class=\"num\">Edit 03<\/div>\r\n            <h3>Essentials<\/h3>\r\n            <p class=\"tag\">The quiet foundation<\/p>\r\n            <span class=\"link\">Shop the edit <span class=\"arrow\">\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== PROCESS ===================== -->\r\n  <section class=\"process\" id=\"process\">\r\n    <div class=\"wrap section-pad\" style=\"padding-top:90px; padding-bottom:90px;\">\r\n      <div class=\"section-head reveal\" style=\"margin-bottom:40px;\">\r\n        <h2 style=\"color:var(--white);\">How a piece gets made.<\/h2>\r\n        <p class=\"desc\">Four stages, in order, from first sketch to the hanger.<\/p>\r\n      <\/div>\r\n      <div class=\"process-row reveal\">\r\n        <div class=\"process-step\">\r\n          <div class=\"step-num\">01 \u2014 Design<\/div>\r\n          <h3>Intent<\/h3>\r\n          <p>Every piece begins with a mood we want the wearer to feel, sketched before a single seam is planned.<\/p>\r\n        <\/div>\r\n        <div class=\"process-step\">\r\n          <div class=\"step-num\">02 \u2014 Cut<\/div>\r\n          <h3>Precision<\/h3>\r\n          <p>Patterns are cut for how bodies actually move, not just how fabric lies flat on a table.<\/p>\r\n        <\/div>\r\n        <div class=\"process-step\">\r\n          <div class=\"step-num\">03 \u2014 Stitch<\/div>\r\n          <h3>Construction<\/h3>\r\n          <p>Reinforced seams and finished edges in the places that take the most daily wear.<\/p>\r\n        <\/div>\r\n        <div class=\"process-step\">\r\n          <div class=\"step-num\">04 \u2014 Finish<\/div>\r\n          <h3>The Final Check<\/h3>\r\n          <p>Every garment is inspected by hand before it's cleared to carry the Fashion Forge stamp.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== MOOD QUOTE ===================== -->\r\n  <section class=\"mood\">\r\n    <div class=\"wrap reveal\">\r\n      <svg class=\"seal\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <circle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"#B8935F\" stroke-width=\"1\"\/>\r\n        <circle cx=\"30\" cy=\"30\" r=\"22\" stroke=\"#B8935F\" stroke-width=\"0.5\"\/>\r\n        <path d=\"M20 34 L27 22 L33 32 L40 20\" stroke=\"#E86B34\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n        <circle cx=\"40\" cy=\"20\" r=\"1.8\" fill=\"#E86B34\"\/>\r\n      <\/svg>\r\n      <blockquote>Clothing is the first decision you make every day. We think it should be a good one.<\/blockquote>\r\n      <cite>Fashion Forge<\/cite>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== NEWSLETTER ===================== -->\r\n  <section class=\"newsletter\" id=\"contact\">\r\n    <div class=\"wrap nl-inner reveal\">\r\n      <div class=\"nl-copy\">\r\n        <h2>Join the Forge.<\/h2>\r\n        <p>First access to new drops, restocks, and the occasional discount \u2014 no noise, no daily emails.<\/p>\r\n      <\/div>\r\n      <div>\r\n        <form class=\"nl-form\" onsubmit=\"return false;\">\r\n          <input type=\"email\" placeholder=\"Your email address\" required>\r\n          <button type=\"submit\">Get 10% Off <span>\u2192<\/span><\/button>\r\n        <\/form>\r\n        <p class=\"nl-fine\">One email a week, at most. Unsubscribe anytime.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== FOOTER ===================== -->\r\n  <footer id=\"journal\">\r\n    <div class=\"wrap\">\r\n      <div class=\"foot-top\">\r\n        <div>\r\n          <div class=\"foot-brand\">\r\n            <svg class=\"seal\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <circle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"#B8935F\" stroke-width=\"1\"\/>\r\n              <circle cx=\"30\" cy=\"30\" r=\"22\" stroke=\"#B8935F\" stroke-width=\"0.5\"\/>\r\n              <path d=\"M20 34 L27 22 L33 32 L40 20\" stroke=\"#E86B34\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n            <\/svg>\r\n            Fashion Forge\r\n          <\/div>\r\n          <p class=\"foot-desc\">Clothing designed to elevate your wardrobe, your style, and the mood you walk into a room with.<\/p>\r\n        <\/div>\r\n        <div class=\"foot-col\">\r\n          <h4>Shop<\/h4>\r\n          <a href=\"#collections\">Tailoring<\/a>\r\n          <a href=\"#collections\">Outerwear<\/a>\r\n          <a href=\"#collections\">Essentials<\/a>\r\n        <\/div>\r\n        <div class=\"foot-col\">\r\n          <h4>Studio<\/h4>\r\n          <a href=\"#manifesto\">Our Story<\/a>\r\n          <a href=\"#process\">The Process<\/a>\r\n          <a href=\"#\">Journal<\/a>\r\n        <\/div>\r\n        <div class=\"foot-col\">\r\n          <h4>Connect<\/h4>\r\n          <a href=\"#\">Instagram<\/a>\r\n          <a href=\"#\">Pinterest<\/a>\r\n          <a href=\"#\">Contact<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"foot-bottom\">\r\n        <span>\u00a9 2026 Fashion Forge. All rights reserved.<\/span>\r\n        <span>Designed &amp; forged in-house.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var root = document.getElementById('ff-home');\r\n  if (!root) return;\r\n\r\n  \/\/ Sticky nav background on scroll\r\n  var nav = document.getElementById('ffNav');\r\n  window.addEventListener('scroll', function() {\r\n    if (window.scrollY > 40) nav.classList.add('scrolled');\r\n    else nav.classList.remove('scrolled');\r\n  });\r\n\r\n  \/\/ Scroll reveal\r\n  var reveals = root.querySelectorAll('.reveal');\r\n  var io = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) { e.target.classList.add('is-in'); io.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  reveals.forEach(function(el) { io.observe(el); });\r\n\r\n  \/\/ Spark burst on primary buttons\r\n  root.querySelectorAll('.btn-primary').forEach(function(btn) {\r\n    btn.addEventListener('mouseenter', function() {\r\n      for (var i = 0; i < 5; i++) {\r\n        var s = document.createElement('span');\r\n        s.className = 'spark';\r\n        var angle = Math.random() * Math.PI * 2;\r\n        var dist = 18 + Math.random() * 16;\r\n        s.style.setProperty('--dx', Math.cos(angle) * dist + 'px');\r\n        s.style.setProperty('--dy', Math.sin(angle) * dist + 'px');\r\n        s.style.left = (40 + Math.random() * 20) + '%';\r\n        s.style.top = '50%';\r\n        btn.appendChild(s);\r\n        s.style.animation = 'spark-pop ' + (0.5 + Math.random() * 0.3) + 's ease-out forwards';\r\n        (function(node) { setTimeout(function() { node.remove(); }, 900); })(s);\r\n      }\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fashion Forge Shop The Process Journal Contact Sign In Shop New Arrivals For the Deliberate Dresser Wardrobes,forged with intention. Fashion Forge designs clothing built to change how a room feels when you walk into it \u2014 and how you feel before you do. Every piece is cut to elevate, not just to cover. Shop New [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wordpress.flowforges.my.id\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.flowforges.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress.flowforges.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.flowforges.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.flowforges.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":7,"href":"https:\/\/wordpress.flowforges.my.id\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/wordpress.flowforges.my.id\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/wordpress.flowforges.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}