{"product_id":"hillside-residence","title":"Hillside Residence","description":"\u003cstyle\u003e\n  \/* =========================================================\n     FIVEM-LAB — HILLSIDE RESIDENCE\n     PREMIUM FULL-WIDTH ARCHITECTURAL PRESENTATION\n     ========================================================= *\/\n\n  .fml-hillside {\n    --gold:#ffd700;\n    --white:#ffffff;\n    --text:rgba(255,255,255,.92);\n    --muted:rgba(255,255,255,.68);\n    --dim:rgba(255,255,255,.42);\n    --line:rgba(255,255,255,.09);\n    --line-soft:rgba(255,255,255,.055);\n    --gold-line:rgba(255,215,0,.32);\n    --panel:rgba(255,255,255,.018);\n\n    position:relative;\n    width:100%;\n    max-width:none;\n    margin:0;\n    padding:16px 24px 26px 28px;\n\n    color:var(--text);\n    font-family:inherit;\n    line-height:1.75;\n  }\n\n  .fml-hillside,\n  .fml-hillside * {\n    box-sizing:border-box;\n  }\n\n  .fml-hillside::before {\n    content:\"\";\n    position:absolute;\n    top:18px;\n    bottom:24px;\n    left:0;\n\n    width:1px;\n\n    background:linear-gradient(\n      to bottom,\n      var(--gold) 0%,\n      rgba(255,215,0,.28) 36%,\n      rgba(255,255,255,.05) 100%\n    );\n  }\n\n  .fml-hillside p {\n    margin:0;\n  }\n\n  .fml-hillside strong,\n  .fml-hillside em {\n    color:var(--white);\n  }\n\n\n  \/* =========================================================\n     INTRO\n     ========================================================= *\/\n\n  .fml-hillside__intro {\n    position:relative;\n    overflow:hidden;\n\n    padding:4px 0 34px;\n  }\n\n  .fml-hillside__intro::after {\n    content:\"\";\n    position:absolute;\n    right:4%;\n    top:-80px;\n\n    width:300px;\n    height:300px;\n\n    pointer-events:none;\n\n    background:radial-gradient(\n      circle,\n      rgba(255,215,0,.07),\n      transparent 68%\n    );\n  }\n\n  .fml-hillside__intro-main {\n    max-width:1050px;\n\n    color:var(--white) !important;\n\n    font-size:clamp(20px,2.1vw,29px);\n    font-weight:780;\n    letter-spacing:-.025em;\n    line-height:1.5;\n  }\n\n  .fml-hillside__intro-sub {\n    max-width:920px;\n    margin-top:18px !important;\n\n    color:var(--muted);\n\n    font-size:16px;\n    line-height:1.82;\n  }\n\n\n  \/* =========================================================\n     DIVIDER LABEL\n     ========================================================= *\/\n\n  .fml-hillside__label {\n    display:flex;\n    align-items:center;\n    gap:14px;\n\n    margin:0 0 18px;\n\n    color:var(--dim);\n\n    font-size:10px;\n    font-weight:850;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n  }\n\n  .fml-hillside__label::after {\n    content:\"\";\n    flex:1;\n\n    height:1px;\n\n    background:linear-gradient(\n      to right,\n      var(--gold-line),\n      var(--line),\n      transparent\n    );\n  }\n\n\n  \/* =========================================================\n     CHARACTER\n     ========================================================= *\/\n\n  .fml-hillside__character {\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:12px;\n\n    margin-bottom:28px;\n  }\n\n  .fml-hillside__character-card {\n    position:relative;\n    overflow:hidden;\n\n    min-height:180px;\n    padding:24px 24px 24px 26px;\n\n    border:1px solid var(--line);\n    border-radius:3px;\n\n    background:\n      linear-gradient(\n        135deg,\n        rgba(255,255,255,.025),\n        transparent 55%\n      ),\n      var(--panel);\n\n    transition:\n      transform .2s ease,\n      border-color .2s ease,\n      background .2s ease;\n  }\n\n  .fml-hillside__character-card::before {\n    content:\"\";\n    position:absolute;\n    top:22px;\n    bottom:22px;\n    left:0;\n\n    width:2px;\n\n    background:var(--gold);\n  }\n\n  .fml-hillside__character-card:hover {\n    transform:translateY(-2px);\n    border-color:var(--gold-line);\n    background:rgba(255,255,255,.027);\n  }\n\n  .fml-hillside__character-card h3 {\n    margin:0 0 14px;\n\n    color:var(--white);\n\n    font-size:18px;\n    font-weight:850;\n    letter-spacing:-.02em;\n  }\n\n  .fml-hillside__character-card p {\n    color:var(--muted);\n\n    font-size:14px;\n    line-height:1.8;\n  }\n\n  .fml-hillside__materials {\n    position:relative;\n\n    margin:0 0 36px;\n    padding:20px 0 20px 18px;\n\n    border-top:1px solid var(--line);\n    border-bottom:1px solid var(--line);\n  }\n\n  .fml-hillside__materials::before {\n    content:\"\";\n    position:absolute;\n    top:26px;\n    left:0;\n\n    width:7px;\n    height:7px;\n\n    border-radius:2px;\n\n    background:var(--gold);\n  }\n\n  .fml-hillside__materials p {\n    max-width:970px;\n\n    color:rgba(255,255,255,.86);\n\n    font-size:15px;\n    line-height:1.82;\n  }\n\n\n  \/* =========================================================\n     ZONES\n     ========================================================= *\/\n\n  .fml-hillside__zones {\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:12px;\n\n    margin-bottom:36px;\n  }\n\n  .fml-hillside__zone {\n    position:relative;\n    overflow:hidden;\n\n    min-height:205px;\n    padding:26px;\n\n    border:1px solid var(--line);\n    border-radius:3px;\n\n    background:\n      radial-gradient(\n        circle at 100% 0,\n        rgba(255,215,0,.045),\n        transparent 42%\n      ),\n      rgba(255,255,255,.016);\n\n    transition:\n      transform .2s ease,\n      border-color .2s ease;\n  }\n\n  .fml-hillside__zone:hover {\n    transform:translateY(-2px);\n    border-color:var(--gold-line);\n  }\n\n  .fml-hillside__zone-index {\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    margin-bottom:35px;\n  }\n\n  .fml-hillside__zone-number {\n    color:var(--gold);\n\n    font-size:11px;\n    font-weight:900;\n    letter-spacing:.12em;\n  }\n\n  .fml-hillside__zone-line {\n    width:42px;\n    height:1px;\n\n    background:var(--gold);\n    opacity:.7;\n  }\n\n  .fml-hillside__zone h3 {\n    margin:0 0 12px;\n\n    color:var(--white);\n\n    font-size:clamp(19px,2vw,24px);\n    font-weight:900;\n    letter-spacing:-.025em;\n    line-height:1.2;\n  }\n\n  .fml-hillside__zone p {\n    color:var(--muted);\n\n    font-size:14px;\n    line-height:1.78;\n  }\n\n\n  \/* =========================================================\n     LOCATION\n     ========================================================= *\/\n\n  .fml-hillside__location {\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(240px,.35fr);\n    gap:14px;\n\n    margin-bottom:36px;\n  }\n\n  .fml-hillside__location-main,\n  .fml-hillside__location-side {\n    padding:26px;\n\n    border:1px solid var(--line);\n    border-radius:3px;\n\n    background:rgba(255,255,255,.016);\n  }\n\n  .fml-hillside__location-main {\n    border-color:var(--gold-line);\n\n    background:\n      linear-gradient(\n        115deg,\n        rgba(255,215,0,.045),\n        transparent 55%\n      ),\n      rgba(255,255,255,.014);\n  }\n\n  .fml-hillside__location-main p {\n    max-width:900px;\n\n    color:var(--muted);\n\n    font-size:15px;\n    line-height:1.86;\n  }\n\n  .fml-hillside__location-side {\n    display:flex;\n    align-items:center;\n\n    color:var(--white);\n\n    font-size:clamp(18px,2.2vw,26px);\n    font-weight:850;\n    letter-spacing:-.025em;\n    line-height:1.35;\n  }\n\n\n  \/* =========================================================\n     DIGITAL EDITION\n     ========================================================= *\/\n\n  .fml-hillside__edition {\n    position:relative;\n    overflow:hidden;\n\n    padding:24px 24px 24px 26px;\n\n    border-top:1px solid var(--gold-line);\n    border-bottom:1px solid var(--line);\n\n    background:\n      radial-gradient(\n        circle at 100% 0,\n        rgba(255,215,0,.08),\n        transparent 34%\n      ),\n      rgba(255,255,255,.012);\n  }\n\n  .fml-hillside__edition::before {\n    content:\"DIGITAL EDITION\";\n\n    display:block;\n\n    margin-bottom:11px;\n\n    color:var(--gold);\n\n    font-size:9px;\n    font-weight:900;\n    letter-spacing:.14em;\n  }\n\n  .fml-hillside__edition p {\n    max-width:970px;\n\n    color:var(--white);\n\n    font-size:16px;\n    font-weight:720;\n    line-height:1.72;\n  }\n\n\n  \/* =========================================================\n     RESPONSIVE\n     ========================================================= *\/\n\n  @media (max-width:900px) {\n    .fml-hillside__character,\n    .fml-hillside__zones,\n    .fml-hillside__location {\n      grid-template-columns:1fr;\n    }\n\n    .fml-hillside__location-side {\n      min-height:120px;\n    }\n  }\n\n  @media (max-width:680px) {\n    .fml-hillside {\n      padding:10px 0 16px 18px;\n    }\n\n    .fml-hillside__intro-main {\n      font-size:19px;\n    }\n\n    .fml-hillside__character-card,\n    .fml-hillside__zone,\n    .fml-hillside__location-main,\n    .fml-hillside__location-side,\n    .fml-hillside__edition {\n      padding:20px;\n    }\n  }\n\n  @media (prefers-reduced-motion:reduce) {\n    .fml-hillside *,\n    .fml-hillside *::before,\n    .fml-hillside *::after {\n      transition-duration:.01ms !important;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-hillside\"\u003e\n\n  \u003csection class=\"fml-hillside__intro\"\u003e\n\n    \u003cp class=\"fml-hillside__intro-main\"\u003e\n      \u003cstrong\u003eHillside Residence is a digital product for visualization and design, representing a complete modern hillside residence.\u003c\/strong\u003e\n    \u003c\/p\u003e\n\n    \u003cp class=\"fml-hillside__intro-sub\"\u003e\n      This is not just a house — it is a way of life: comfort, privacy and harmony between indoor space and open air.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003cdiv class=\"fml-hillside__label\"\u003e\n    Character of the residence\n  \u003c\/div\u003e\n\n\n  \u003csection class=\"fml-hillside__character\"\u003e\n\n    \u003carticle class=\"fml-hillside__character-card\"\u003e\n\n      \u003ch3\u003e\n        ✅ \u003cstrong\u003eOne whole\u003c\/strong\u003e\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Each room has its own purpose… But all zones are connected naturally. No feeling of \"separate boxes\".\n      \u003c\/p\u003e\n\n    \u003c\/article\u003e\n\n\n    \u003carticle class=\"fml-hillside__character-card\"\u003e\n\n      \u003ch3\u003e\n        🌿 \u003cstrong\u003eConnection with nature\u003c\/strong\u003e\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Open-plan living room-kitchen-dining room → smooth transition to the sleeping area → and then directly to the terrace with the pool.\n      \u003c\/p\u003e\n\n    \u003c\/article\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003cdiv class=\"fml-hillside__materials\"\u003e\n\n    \u003cp\u003e\n      Materials are warm: wood, stone… Artificial lighting is soft — no coldness!\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"fml-hillside__label\"\u003e\n    Four main zones\n  \u003c\/div\u003e\n\n\n  \u003csection class=\"fml-hillside__zones\"\u003e\n\n    \u003carticle class=\"fml-hillside__zone\"\u003e\n\n      \u003cdiv class=\"fml-hillside__zone-index\"\u003e\n        \u003cspan class=\"fml-hillside__zone-number\"\u003e01\u003c\/span\u003e\n        \u003cspan class=\"fml-hillside__zone-line\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        \u003cstrong\u003eCommon Area (Living Area)\u003c\/strong\u003e\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Wide bright lounge with large windows. The furniture is cozy, the sofa is the central element.\n      \u003c\/p\u003e\n\n    \u003c\/article\u003e\n\n\n    \u003carticle class=\"fml-hillside__zone\"\u003e\n\n      \u003cdiv class=\"fml-hillside__zone-index\"\u003e\n        \u003cspan class=\"fml-hillside__zone-number\"\u003e02\u003c\/span\u003e\n        \u003cspan class=\"fml-hillside__zone-line\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        \u003cstrong\u003eKitchen \u0026amp; Dining\u003c\/strong\u003e\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Modern island-style kitchen – connected to the dining area without walls! You can feel the elegance…\n      \u003c\/p\u003e\n\n    \u003c\/article\u003e\n\n\n    \u003carticle class=\"fml-hillside__zone\"\u003e\n\n      \u003cdiv class=\"fml-hillside__zone-index\"\u003e\n        \u003cspan class=\"fml-hillside__zone-number\"\u003e03\u003c\/span\u003e\n        \u003cspan class=\"fml-hillside__zone-line\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        \u003cstrong\u003ePrivate Area (Suite)\u003c\/strong\u003e\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        A separate part of the house: bedroom + bathroom located next to each other... This is the quietest place.\n      \u003c\/p\u003e\n\n    \u003c\/article\u003e\n\n\n    \u003carticle class=\"fml-hillside__zone\"\u003e\n\n      \u003cdiv class=\"fml-hillside__zone-index\"\u003e\n        \u003cspan class=\"fml-hillside__zone-number\"\u003e04\u003c\/span\u003e\n        \u003cspan class=\"fml-hillside__zone-line\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        \u003cem\u003eTerrace\u003c\/em\u003e + Pool\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        A completely enclosed outdoor relaxation space! Direct visibility of the mountains or ocean...\n      \u003c\/p\u003e\n\n    \u003c\/article\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003cdiv class=\"fml-hillside__label\"\u003e\n    Location features\n  \u003c\/div\u003e\n\n\n  \u003csection class=\"fml-hillside__location\"\u003e\n\n    \u003cdiv class=\"fml-hillside__location-main\"\u003e\n\n      \u003cp\u003e\n        The residence stands on elevated ground → the view is impressive,\n        while at the same time it is protected by trees\/security fencing,\n        creating a feeling of complete privacy.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003caside class=\"fml-hillside__location-side\"\u003e\n      The shape of the building is concise… But memorable even from a distance!\n    \u003c\/aside\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003csection class=\"fml-hillside__edition\"\u003e\n\n    \u003cp\u003e\n      The digital edition includes all interior\/exterior files in high resolution.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/article\u003e","brand":"redactor.studio","offers":[{"title":"Default Title","offer_id":45867289018477,"sku":null,"price":4.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/3dc057677172f37829d2317493aee27432a82fcb.jpg?v=1789582125","url":"https:\/\/fivem-lab.com\/products\/hillside-residence","provider":"Fivem-Lab","version":"1.0","type":"link"}