{"id":238,"date":"2026-08-12T17:14:17","date_gmt":"2026-08-12T17:14:17","guid":{"rendered":"https:\/\/oe360.dk\/?page_id=238"},"modified":"2026-08-30T19:48:14","modified_gmt":"2026-08-30T19:48:14","slug":"ai-coding","status":"publish","type":"page","link":"https:\/\/oe360.dk\/","title":{"rendered":"AI coding"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- ================================================================\n     \u00d8360 \u2014 HOMEPAGE BODY (unified, self-contained)\n     ================================================================\n\n     CUPRINS \u2014 fiecare sec\u021biune are un id propriu (#sec-...) pe\n     tag-ul <section>. Ca s\u0103 mu\u021bi o sec\u021biune, taie tot blocul HTML\n     de la <section id=\"sec-XXX\"> p\u00e2n\u0103 la <\/section> (inclusiv) \u0219i\n     lipe\u0219te-l unde vrei. CSS-ul e independent de ordine \u2014 poate fi\n     mutat oric\u00e2nd, indiferent unde apare sec\u021biunea \u00een HTML.\n\n       1. #sec-hero      \u2014 Hero (video + titlu + buton)\n       2. #sec-about     \u2014 Om \u00d8360 (poz\u0103 vil\u0103 + logo + plantegning)\n       3. #sec-services  \u2014 \u00c9n pakke. Alt inkluderet (Matterport + iconi\u021be)\n       4. #sec-faq       \u2014 Vores proces (accordion, 5 trin)\n       5. #sec-team      \u2014 M\u00f8d teamet (Sebastian, Marius, Kristian)\n       5.5 #sec-partners  \u2014 Vores samarbejdspartnere (3 carduri, generic)\n       6. #sec-kontakt   \u2014 Kontakt os (formular Formspree)\n       6.5 #sec-portfolio \u2014 Portfolio (carousel infinit, poze placeholder)\n       7. #sec-footer    \u2014 Footer (4 coloane + bar\u0103 copyright)\n\n     Ca s\u0103 sari direct la o sec\u021biune \u00een editor: caut\u0103 (Ctrl+F)\n     dup\u0103 \"sec-hero\", \"sec-about\", etc.\n     ================================================================ -->\n\n<div class=\"oe\">\n\n  <!-- ============================================================\n       1. HERO \u2014 full-bleed video, overlay text + CTA\n       ============================================================ -->\n  <section class=\"oe-hero\" id=\"sec-hero\">\n    <video class=\"oe-hero__video\" autoplay muted loop playsinline>\n      <source src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/07\/Recording-2026-07-27-175721.mp4\" type=\"video\/mp4\" \/>\n    <\/video>\n    <div class=\"oe-hero__overlay\"><\/div>\n    <div class=\"oe-hero__content\">\n      <div class=\"oe-hero__box\">\n        <h1 class=\"oe-hero__title\">Vil du tage din boligfremvisning<br>til nye h\u00f8jder?<\/h1>\n        <a href=\"#sec-kontakt\" class=\"oe-hero__cta\">Kontakt os<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       2. #sec-about \u2014 OM \u00d8360 (villa collage + intro text)\n       ============================================================ -->\n  <section class=\"oe-about\" id=\"sec-about\">\n    <div class=\"oe-about__inner\">\n\n      <div class=\"oe-about__grid\">\n\n        <h2 class=\"oe-about__title\">\n          \u00d8360 hj\u00e6lper ejendomsm\u00e6glere med at pr\u00e6sentere boliger\n          mere <span class=\"oe-accent oe-accent--italic\">professionelt<\/span><span class=\"oe-accent--dark\">,<\/span> <span class=\"oe-accent oe-accent--italic\">eksklusivt<\/span> <span class=\"oe-accent--dark\">og<\/span> <span class=\"oe-accent oe-accent--italic\">realistisk<\/span><span class=\"oe-accent--dark\">.<\/span>\n        <\/h2>\n\n        <div class=\"oe-about__visual\">\n          <img decoding=\"async\" class=\"oe-about__collage-img\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/collage-png.png\" alt=\"\u00d8360 boligpr\u00e6sentation\" \/>\n        <\/div>\n\n        <div class=\"oe-about__text\">\n          <p>\n            \u00d8360 leverer komplette, interaktive boligpr\u00e6sentationer til\n            ejendomsm\u00e6glere. Vi samler 3D-model, professionelle fotos,\n            dronefotos, plantegning og video i \u00e9n eksklusiv l\u00f8sning, der\n            giver potentielle k\u00f8bere et realistisk indblik i boligen inden\n            den fysiske fremvisning.\n          <\/p>\n          <p>\n            K\u00f8beren kan bev\u00e6ge sig digitalt gennem boligen og f\u00e5 en bedre\n            forst\u00e5else af rummenes sammenh\u00e6ng, st\u00f8rrelse og planl\u00f8sning.\n            Det kan skabe mere relevante henvendelser og bedre kvalificerede\n            fremvisninger.\n          <\/p>\n          <p>\n            Samtidig f\u00e5r ejendomsm\u00e6gleren \u00e9n samlet leverand\u00f8r til hele den\n            visuelle pr\u00e6sentation. Vores m\u00e5l er ikke at erstatte den fysiske\n            fremvisning, men at g\u00f8re den mere v\u00e6rdifuld og give b\u00e5de m\u00e6gler,\n            s\u00e6lger og k\u00f8ber et st\u00e6rkere udgangspunkt.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       3. #sec-services \u2014 SERVICES (\"\u00c9n pakke. Alt inkluderet\")\n       ============================================================ -->\n  <section class=\"oe-services\" id=\"sec-services\">\n    <div class=\"oe-services__inner\">\n\n      <header class=\"oe-services__header\">\n        <h2 class=\"oe-services__title\">\u00c9n pakke. Alt inkluderet<\/h2>\n        <span class=\"oe-services__rule\"><\/span>\n        <p class=\"oe-services__lead\">\n          Hos \u00d8360 tror vi p\u00e5 \u00e9n komplet l\u00f8sning. Derfor er alle vores ydelser\n          samlet i \u00e9n pakkel\u00f8sning, s\u00e5 s\u00e6lgers bolig altid pr\u00e6senteres\n          gennemf\u00f8rt, professionelt og fra sin bedste side.\n        <\/p>\n      <\/header>\n\n      <div class=\"oe-featured\">\n        <div class=\"oe-featured__text\">\n          <div class=\"oe-featured__icon\">\n            <img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/oe360-icon-3dview.png\" alt=\"\" \/>\n          <\/div>\n          <span class=\"oe-featured__eyebrow\">Kernen i vores pakke<\/span>\n          <h3 class=\"oe-featured__title\">Interaktiv 3D-rundvisning<\/h3>\n          <p class=\"oe-featured__text-body\">\n            Med vores interaktive 3D-rundvisning kan potentielle k\u00f8bere bev\u00e6ge\n            sig frit gennem hele boligen og f\u00e5 en realistisk fornemmelse af\n            rum, st\u00f8rrelse og sammenh\u00e6ng &ndash; n\u00e5r og hvor det passer dem.\n          <\/p>\n          <p class=\"oe-featured__text-body\">\n            Den digitale 3D-model giver samtidig mulighed for at se boligen\n            fra forskellige vinkler, foretage m\u00e5l direkte i modellen og med\n            AI fjerne m\u00f8bler, s\u00e5 rummenes muligheder bliver lettere at\n            forestille sig.\n          <\/p>\n          <p class=\"oe-featured__text-body\">\n            Det giver k\u00f8beren et langt bedre grundlag for at vurdere boligen\n            allerede inden den fysiske fremvisning.\n          <\/p>\n        <\/div>\n\n        <div class=\"oe-featured__embed\">\n          <div class=\"oe-featured__embed-frame\">\n            <iframe\n              src=\"https:\/\/my.matterport.com\/show\/?m=AiiYigao9jD\"\n              frameborder=\"0\"\n              allowfullscreen\n              allow=\"autoplay; fullscreen; web-share; xr-spatial-tracking;\"\n              loading=\"lazy\"\n            ><\/iframe>\n          <\/div>\n          <p class=\"oe-embed-cta\">Klik p\u00e5 knappen for at opleve boligen i 3D<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"oe-services__grid\">\n\n        <div class=\"oe-feature\">\n          <div class=\"oe-icon\">\n            <img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/oe360-icon-camera.png\" alt=\"\" \/>\n          <\/div>\n          <h3 class=\"oe-feature__title\">Professionel fotografering<\/h3>\n          <p class=\"oe-feature__text\">\n            Med fokus p\u00e5 lys, vinkler og komposition fremh\u00e6ver vi boligens\n            bedste kvaliteter og skaber et st\u00e6rkt f\u00f8rsteh\u00e5ndsindtryk hos\n            potentielle k\u00f8bere.\n          <\/p>\n        <\/div>\n\n        <div class=\"oe-feature\">\n          <div class=\"oe-icon\">\n            <img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/oe360-icon-video.png\" alt=\"\" \/>\n          <\/div>\n          <h3 class=\"oe-feature__title\">Videopr&aelig;sentation<\/h3>\n          <p class=\"oe-feature__text\">\n            Vi fremh\u00e6ver boligens rum, flow og stemning gennem en levende og\n            eksklusiv videopr\u00e6sentation, der giver k\u00f8beren en st\u00e6rkere\n            fornemmelse af boligen allerede inden fremvisningen.\n          <\/p>\n        <\/div>\n\n        <div class=\"oe-feature\">\n          <div class=\"oe-icon\">\n            <img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/oe360-icon-drone.png\" alt=\"\" \/>\n          <\/div>\n          <h3 class=\"oe-feature__title\">Dronefotografering &amp; -video<\/h3>\n          <p class=\"oe-feature__text\">\n            Droneoptagelser fremh\u00e6ver boligens beliggenhed, grund, udsigt og\n            omgivelser og skaber en st\u00e6rk visuel helhedsoplevelse.\n          <\/p>\n        <\/div>\n\n        <div class=\"oe-feature\">\n          <div class=\"oe-icon\">\n            <img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/oe360-icon-floorplan.png\" alt=\"\" \/>\n          <\/div>\n          <h3 class=\"oe-feature__title\">Plantegning<\/h3>\n          <p class=\"oe-feature__text\">\n            En tydelig plantegning skaber overblik over boligens indretning,\n            rumfordeling og m\u00e5l og g\u00f8r det lettere for k\u00f8beren at forst\u00e5\n            boligens muligheder.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       4. #sec-faq \u2014 VORES PROCES (premium accordion, brand green)\n       Text e placeholder \u2014 se \u00eenlocuie\u0219te cu con\u021binut real ulterior.\n       ============================================================ -->\n  <section class=\"oe-faq\" id=\"sec-faq\">\n    <div class=\"oe-faq__inner\">\n\n      <div class=\"oe-faq__left\">\n        <h2 class=\"oe-faq__title\"><span class=\"oe-faq__title-accent\">Fra booking til<\/span><br>f\u00e6rdigt materiale<\/h2>\n        <span class=\"oe-faq__rule\"><\/span>\n        <p class=\"oe-faq__lead\">\n          En enkel og gennemt\u00e6nkt proces,<br>\n          skabt til ejendomsm\u00e6glere og s\u00e6lgere,<br>\n          der forventer, enkelt, kvalitetsbevidst og effektivt<br>\n          hj\u00e6lp til salgsprocessen.\n        <\/p>\n      <\/div>\n\n      <div class=\"oe-faq__right\">\n\n        <div class=\"oe-faq__item\">\n          <button class=\"oe-faq__question\" type=\"button\">\n            <span>1. Booking og afklaring<\/span>\n            <svg class=\"oe-faq__chevron\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/button>\n          <div class=\"oe-faq__answer\">\n            <p>Vi starter med en kort dialog om boligen, jeres \u00f8nsker og de praktiske detaljer. Herefter aftaler vi tidspunkt og det videre forl\u00f8b.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"oe-faq__item\">\n          <button class=\"oe-faq__question\" type=\"button\">\n            <span>2. Planl\u00e6gning og forberedelse<\/span>\n            <svg class=\"oe-faq__chevron\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/button>\n          <div class=\"oe-faq__answer\">\n            <p>Vi forbereder produktionen ud fra boligens st\u00f8rrelse, type og s\u00e6rlige kvaliteter, s\u00e5 bes\u00f8get kan gennemf\u00f8res effektivt og struktureret.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"oe-faq__item\">\n          <button class=\"oe-faq__question\" type=\"button\">\n            <span>3. Optagelse p\u00e5 adressen<\/span>\n            <svg class=\"oe-faq__chevron\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/button>\n          <div class=\"oe-faq__answer\">\n            <p>P\u00e5 dagen producerer vi hele pr\u00e6sentationen samlet. Vi st\u00e5r for professionelle fotos, video, droneoptagelser, plantegning og scanning til den interaktive 3D-rundvisning. Alt bliver produceret med fokus p\u00e5 at fremh\u00e6ve boligens kvaliteter og skabe et gennemf\u00f8rt visuelt udtryk.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"oe-faq__item\">\n          <button class=\"oe-faq__question\" type=\"button\">\n            <span>4. Redigering og bearbejdning<\/span>\n            <svg class=\"oe-faq__chevron\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/button>\n          <div class=\"oe-faq__answer\">\n            <p>Efter bes\u00f8get gennemg\u00e5r og f\u00e6rdigg\u00f8r vi materialet med fokus p\u00e5 kvalitet, ensartethed og et eksklusivt resultat.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"oe-faq__item\">\n          <button class=\"oe-faq__question\" type=\"button\">\n            <span>5. Levering af det f\u00e6rdige materiale<\/span>\n            <svg class=\"oe-faq__chevron\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/button>\n          <div class=\"oe-faq__answer\">\n            <p>Det f\u00e6rdige materiale leveres digitalt og klar til brug p\u00e5 hjemmeside, boligportaler, sociale medier og i den \u00f8vrige markedsf\u00f8ring.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       5. #sec-team \u2014 TEAM (Sebastian + Marius)\n       ============================================================ -->\n  <section class=\"oe-team\" id=\"sec-team\">\n    <div class=\"oe-team__inner\">\n\n      <div class=\"oe-team__header\">\n        <h2 class=\"oe-team__title\">Teamet bag \u00d8360<\/h2>\n        <span class=\"oe-team__rule\"><\/span>\n        <p class=\"oe-team__lead\">\n          Tre partnere med f\u00e6lles ambition om at skabe en mere moderne,\n          eksklusiv m\u00e5de at pr\u00e6sentere boliger p\u00e5.\n        <\/p>\n      <\/div>\n\n      <div class=\"oe-team__grid\">\n\n        <div class=\"oe-person\">\n          <div class=\"oe-person__avatar\">SP<\/div>\n          <div class=\"oe-person__body\">\n            <h3 class=\"oe-person__name\">Sebastian<\/h3>\n            <span class=\"oe-person__role\">Partner<\/span>\n            <span class=\"oe-person__rule\"><\/span>\n            <p class=\"oe-person__text\">\n              Fokus p\u00e5 kundedialog, forretningsudvikling og samarbejdet med\n              vores ejendomsm\u00e6glere.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"oe-person\">\n          <div class=\"oe-person__avatar\">MF<\/div>\n          <div class=\"oe-person__body\">\n            <h3 class=\"oe-person__name\">Marius<\/h3>\n            <span class=\"oe-person__role\">Partner<\/span>\n            <span class=\"oe-person__rule\"><\/span>\n            <p class=\"oe-person__text\">\n              Fokus p\u00e5 produktion, visuel kvalitet og den tekniske udvikling\n              af \u00d8360's l\u00f8sninger.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"oe-person\">\n          <div class=\"oe-person__avatar\">KF<\/div>\n          <div class=\"oe-person__body\">\n            <h3 class=\"oe-person__name\">Kristian<\/h3>\n            <span class=\"oe-person__role\">Partner<\/span>\n            <span class=\"oe-person__rule\"><\/span>\n            <p class=\"oe-person__text\">\n              Fokus p\u00e5 fotografering, drone, video og redigering med \u00f8je for\n              kvalitet og det visuelle udtryk.\n            <\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"oe-section-divider\" aria-hidden=\"true\">\n    <div class=\"oe-section-divider__inner\">\n      <span class=\"oe-section-divider__line\"><\/span>\n      <span class=\"oe-section-divider__dot\"><\/span>\n      <span class=\"oe-section-divider__line\"><\/span>\n    <\/div>\n  <\/div>\n\n  <!-- ============================================================\n       5.5 #sec-partners \u2014 VORES SAMARBEJDSPARTNERE\n       Con\u021binut generic\/placeholder \u2014 se \u00eenlocuie\u0219te cu parteneri reali.\n       ============================================================ -->\n  <section class=\"oe-partners\" id=\"sec-partners\">\n    <div class=\"oe-partners__inner\">\n\n      <div class=\"oe-partners__header\">\n        <span class=\"oe-partners__eyebrow\">Vi skaber v\u00e6rdi i samarbejde<\/span>\n        <h2 class=\"oe-partners__title\">Vores samarbejdspartnere<\/h2>\n      <\/div>\n\n      <div class=\"oe-partners__grid\">\n\n        <div class=\"oe-partner\">\n          <div class=\"oe-partner__photo\">\n            <img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/oe360-about-villa.jpg\" alt=\"Nordic Staging Studio\" \/>\n            <div class=\"oe-partner__badge\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4 17v-4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4M4 17v2M20 17v2M4 13V9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2M14 9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h3 class=\"oe-partner__name\">Nordic Staging Studio<\/h3>\n          <span class=\"oe-partner__category\">Salgsstyling<\/span>\n          <span class=\"oe-partner__rule\"><\/span>\n          <p class=\"oe-partner__text\">Skaber stemning og fremh\u00e6ver boligens potentiale.<\/p>\n        <\/div>\n\n        <div class=\"oe-partner\">\n          <div class=\"oe-partner__photo\">\n            <img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/0z3h6amunt.webp\" alt=\"Pure Clean Service\" \/>\n            <div class=\"oe-partner__badge\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7 21v-6M7 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM17 21v-4M17 13V9M17 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h3 class=\"oe-partner__name\">Pure Clean Service<\/h3>\n          <span class=\"oe-partner__category\">Reng\u00f8ring<\/span>\n          <span class=\"oe-partner__rule\"><\/span>\n          <p class=\"oe-partner__text\">Sikrer en indbydende og pr\u00e6sentabel bolig.<\/p>\n        <\/div>\n\n        <div class=\"oe-partner\">\n          <div class=\"oe-partner__photo\">\n            <img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/02mw7m0t5l.webp\" alt=\"Forma Arkitekter\" \/>\n            <div class=\"oe-partner__badge\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M3 21h18M5 21V10l7-6 7 6v11M9 21v-6h6v6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h3 class=\"oe-partner__name\">Forma Arkitekter<\/h3>\n          <span class=\"oe-partner__category\">Boligarkitekt<\/span>\n          <span class=\"oe-partner__rule\"><\/span>\n          <p class=\"oe-partner__text\">Skaber overblik og skr\u00e6ddersyede l\u00f8sninger.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       6. #sec-kontakt \u2014 KONTAKT OS\n       Formspree endpoint: xbgreroa\n       Poza din .kf-image e placeholder (Unsplash) \u2014 \u00eenlocuie\u0219te cu\n       o fotografie real\u0103 \u00d8360 c\ufffd\ufffdnd o ai.\n       ============================================================ -->\n  <section class=\"kf-section\" id=\"sec-kontakt\">\n    <div class=\"kf-wrap\">\n      <div class=\"kf-left\">\n        <h2 class=\"kf-title\">Kontakt os<\/h2>\n        <p class=\"kf-intro\">\n          Har du sp\u00f8rgsm\u00e5l, eller vil du h\u00f8re mere om, hvordan \u00d8360 kan styrke\n          pr\u00e6sentationen af jeres boliger? Send os en besked, s\u00e5 vender vi\n          tilbage hurtigst muligt.\n        <\/p>\n\n        <form id=\"kf-form\">\n          <div class=\"kf-row\">\n            <div class=\"kf-field\">\n              <label for=\"kf-navn\">Navn *<\/label>\n              <input type=\"text\" id=\"kf-navn\" name=\"Navn\" required>\n            <\/div>\n            <div class=\"kf-field\">\n              <label for=\"kf-virksomhed\">Virksomhed<\/label>\n              <input type=\"text\" id=\"kf-virksomhed\" name=\"Virksomhed\">\n            <\/div>\n          <\/div>\n\n          <div class=\"kf-row\">\n            <div class=\"kf-field\">\n              <label for=\"kf-email\">E-mail *<\/label>\n              <input type=\"email\" id=\"kf-email\" name=\"Email\" required>\n            <\/div>\n            <div class=\"kf-field\">\n              <label for=\"kf-tlf\">Telefonnummer<\/label>\n              <input type=\"tel\" id=\"kf-tlf\" name=\"Telefonnummer\">\n            <\/div>\n          <\/div>\n\n          <div class=\"kf-field kf-field-full\">\n            <label for=\"kf-besked\">Besked *<\/label>\n            <textarea id=\"kf-besked\" name=\"Besked\" required><\/textarea>\n          <\/div>\n\n          <label class=\"kf-checkbox-row\">\n            <input type=\"checkbox\" name=\"Kontakt_telefonisk\" checked>\n            <span>Kontakt mig gerne telefonisk<\/span>\n          <\/label>\n\n          <div class=\"kf-radio-label\">Hvorn\u00e5r passer det bedst?<\/div>\n          <div class=\"kf-radio-group\">\n            <label class=\"kf-radio-option\">\n              <input type=\"radio\" name=\"Tidspunkt\" value=\"Formiddag\" checked>\n              <span>Formiddag<\/span>\n            <\/label>\n            <label class=\"kf-radio-option\">\n              <input type=\"radio\" name=\"Tidspunkt\" value=\"Eftermiddag\">\n              <span>Eftermiddag<\/span>\n            <\/label>\n            <label class=\"kf-radio-option\">\n              <input type=\"radio\" name=\"Tidspunkt\" value=\"N\u00e5r som helst\">\n              <span>N\u00e5r som helst<\/span>\n            <\/label>\n          <\/div>\n\n          <label class=\"kf-checkbox-row\">\n            <input type=\"checkbox\" name=\"Markedsforing_samtykke\" checked>\n            <span>Jeg giver samtykke til, at \u00d8360 gemmer mine kontaktoplysninger til markedsf\u00f8ringsform\u00e5l<\/span>\n          <\/label>\n\n          <button type=\"submit\" class=\"kf-submit\" id=\"kf-submit-btn\">Send besked<\/button>\n          <div class=\"kf-status\" id=\"kf-status\"><\/div>\n        <\/form>\n      <\/div>\n\n      <div class=\"kf-image\"><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       6.5 #sec-portfolio \u2014 PORTFOLIO CAROUSEL (auto-scroll infinit)\n       ============================================================\n       Placeholder-uri deocamdat\u0103 \u2014 se \u00eenlocuiesc cu pozele reale.\n       Fiecare <div class=\"oe-portfolio__item\"> con\u021bine un <img>;\n       schimb\u0103 doar src=\"\" cu link-ul real (sau base64) al fiec\u0103rei\n       poze. Lista se repet\u0103 de 2 ori automat (::before\/duplicate\n       markup) ca bucla s\u0103 fie perfect continu\u0103 \u2014 dac\u0103 adaugi\/sco\u021bi\n       poze, actualizeaz\u0103 AMBELE seturi identic (oe-portfolio__track\n       \u0219i duplicatul lui de mai jos).\n       ============================================================ -->\n  <section class=\"oe-portfolio\" id=\"sec-portfolio\">\n    <div class=\"oe-portfolio__header\">\n      <h2 class=\"oe-portfolio__title\">Et udpluk af vores arbejde<\/h2>\n    <\/div>\n\n    <div class=\"oe-portfolio__viewport\">\n      <div class=\"oe-portfolio__track\">\n\n        <!-- SET 1 -->\n        <div class=\"oe-portfolio__item\"><img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/0z3h6amunt.webp\" alt=\"\u00d8360 projekt\" \/><\/div>\n        <div class=\"oe-portfolio__item\"><img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/02mw7m0t5l.webp\" alt=\"\u00d8360 projekt\" \/><\/div>\n        <div class=\"oe-portfolio__item\"><img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/02nwwxfxp5.webp\" alt=\"\u00d8360 projekt\" \/><\/div>\n        <div class=\"oe-portfolio__item\"><img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/02yl7s22k9.webp\" alt=\"\u00d8360 projekt\" \/><\/div>\n        <div class=\"oe-portfolio__item\"><img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/03ckqno20p.webp\" alt=\"\u00d8360 projekt\" \/><\/div>\n        <div class=\"oe-portfolio__item\"><img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/012g51v1x5.webp\" alt=\"\u00d8360 projekt\" \/><\/div>\n        <div class=\"oe-portfolio__item\"><img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/0jh9fs2j5l.webp\" alt=\"\u00d8360 projekt\" \/><\/div>\n\n        <!-- SET 2 (identisk duplikat \u2014 n\u00f8dvendig for uendelig loop) -->\n        <div class=\"oe-portfolio__item\"><img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/0z3h6amunt.webp\" alt=\"\u00d8360 projekt\" \/><\/div>\n        <div class=\"oe-portfolio__item\"><img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/02mw7m0t5l.webp\" alt=\"\u00d8360 projekt\" \/><\/div>\n        <div class=\"oe-portfolio__item\"><img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/02nwwxfxp5.webp\" alt=\"\u00d8360 projekt\" \/><\/div>\n        <div class=\"oe-portfolio__item\"><img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/02yl7s22k9.webp\" alt=\"\u00d8360 projekt\" \/><\/div>\n        <div class=\"oe-portfolio__item\"><img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/03ckqno20p.webp\" alt=\"\u00d8360 projekt\" \/><\/div>\n        <div class=\"oe-portfolio__item\"><img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/012g51v1x5.webp\" alt=\"\u00d8360 projekt\" \/><\/div>\n        <div class=\"oe-portfolio__item\"><img decoding=\"async\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/0jh9fs2j5l.webp\" alt=\"\u00d8360 projekt\" \/><\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       7. #sec-footer \u2014 FOOTER\n       ============================================================ -->\n  <footer class=\"oe-footer\" id=\"sec-footer\">\n    <div class=\"oe-footer__inner\">\n\n      <div class=\"oe-footer__top\">\n\n        <div class=\"oe-footer__brand\">\n          <img decoding=\"async\" class=\"oe-footer__logo\" src=\"https:\/\/oe360.dk\/wp-content\/uploads\/2026\/08\/Logo-m.-slogan.png\" alt=\"\u00d8360 - Hele vejen rundt\" \/>\n        <\/div>\n\n        <div class=\"oe-footer__col\">\n          <h3 class=\"oe-footer__heading\">For ejendomsm\u00e6glere<\/h3>\n          <p class=\"oe-footer__tagline\">Eksklusiv boligpr\u00e6sentation<br>med 3D, foto, drone og video.<\/p>\n          <ul class=\"oe-footer__list\">\n            <li>\u00c9n komplet pakkel\u00f8sning<\/li>\n            <li>Professionel boligpr\u00e6sentation<\/li>\n            <li>Interaktiv 3D-rundvisning<\/li>\n            <li>\u00c9n fast samarbejdspartner<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"oe-footer__col\">\n          <h3 class=\"oe-footer__heading\">\u00c5bningstider<\/h3>\n          <ul class=\"oe-footer__hours\">\n            <li><span>Mandag<\/span><span>08:00 - 20:00<\/span><\/li>\n            <li><span>Tirsdag<\/span><span>08:00 - 20:00<\/span><\/li>\n            <li><span>Onsdag<\/span><span>08:00 - 20:00<\/span><\/li>\n            <li><span>Torsdag<\/span><span>08:00 - 20:00<\/span><\/li>\n            <li><span>Fredag<\/span><span>08:00 - 20:00<\/span><\/li>\n            <li><span>L\u00f8rdag<\/span><span>09:00 - 20:00<\/span><\/li>\n            <li><span>S\u00f8ndag<\/span><span>09:00 - 20:00<\/span><\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"oe-footer__col\">\n          <h3 class=\"oe-footer__heading\">Kontakt<\/h3>\n          <ul class=\"oe-footer__contact\">\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"2.5\" y=\"4.5\" width=\"19\" height=\"15\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M3 6l9 7 9-7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <a href=\"mailto:info@oe360.dk\">info@oe360.dk<\/a>\n            <\/li>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 4h3.5l1.5 5-2.2 1.5a12 12 0 0 0 6 6l1.5-2.2 5 1.5V19a2 2 0 0 1-2 2C11.5 21 3 12.5 3 6a2 2 0 0 1 2-2Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><\/svg>\n              <a href=\"tel:+4593973734\">+45 939 737 34<\/a>\n            <\/li>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 21s7-6.2 7-11.5A7 7 0 0 0 5 9.5C5 14.8 12 21 12 21Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"9.5\" r=\"2.3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\n              <span>Danmark<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"oe-footer__bottom\">\n        <p class=\"oe-footer__copy\">\u00a9 2026 - \u00d8360 | Alle rettigheder forbeholdes.<\/p>\n        <div class=\"oe-footer__right\">\n          <div class=\"oe-footer__legal\">\n            <a href=\"https:\/\/www.claudeusercontent.com\/privatlivspolitik\">Privatlivspolitik<\/a>\n            <span class=\"oe-footer__sep\">|<\/span>\n            <a href=\"https:\/\/www.claudeusercontent.com\/cookies\">Cookies<\/a>\n          <\/div>\n          <div class=\"oe-footer__social\">\n            <a href=\"#\" aria-label=\"LinkedIn\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"4\"\/><path d=\"M7.5 9.5v7M7.5 6.7v.02M11 16.5v-4.2c0-1.6 1-2.8 2.6-2.8 1.5 0 2.5 1.1 2.5 2.8v4.2\" stroke=\"#faf6f2\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n            <\/a>\n            <a href=\"#\" aria-label=\"Facebook\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M13.5 21v-6.5H15.5L15.9 12H13.5V10.3C13.5 9.6 13.7 9 14.8 9H16V6.7C15.7 6.7 14.8 6.6 13.8 6.6 11.7 6.6 10.3 7.9 10.3 10.1V12H8V14.5H10.3V21\" fill=\"#faf6f2\"\/><\/svg>\n            <\/a>\n            <a href=\"#\" aria-label=\"Instagram\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\"\/><rect x=\"6.5\" y=\"6.5\" width=\"11\" height=\"11\" rx=\"3.5\" stroke=\"#faf6f2\" stroke-width=\"1.4\"\/><circle cx=\"17.3\" cy=\"6.7\" r=\"1\" fill=\"#faf6f2\"\/><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600&display=swap');\n\n  \/* ============================================================\n     GLOBAL BRAND TOKENS \u2014 shared across every section\n     ============================================================ *\/\n  .oe {\n    --oe-cream: #faf6f2;\n    --oe-navy: #0b1c2d;\n    --oe-navy-deep: #10131a;\n    --oe-navy-soft: #161b24;\n    --oe-green: #477050;\n    --oe-gold: #bb9951;\n    --oe-ink-on-cream: #0b1c2d;\n    --oe-ink-on-cream-soft: rgba(11, 28, 45, 0.78);\n    --oe-ink-on-navy: #f4f1ea;\n    --oe-ink-on-navy-soft: rgba(244, 241, 234, 0.75);\n    --oe-hairline-on-cream: rgba(11, 28, 45, 0.12);\n    --oe-hairline-on-navy: rgba(244, 241, 234, 0.14);\n    --oe-max: 1560px;\n\n    font-family: \"Teleneo\", \"Inter\", sans-serif;\n  }\n\n  .oe-accent { color: var(--oe-gold); text-decoration: underline; text-underline-offset: 4px; }\n  .oe-accent--italic,\n  .oe-accent--italic em { font-style: italic; }\n  .oe-accent--upright { font-style: normal; }\n  .oe-accent--dark { color: var(--oe-ink-on-cream); font-style: normal; text-decoration: none; }\n\n  \/* ============================================================\n     SECTION 0 \u2014 HERO\n     ============================================================ *\/\n  .oe-hero {\n    position: relative;\n    width: 100%;\n    height: 92vh;\n    min-height: 520px;\n    max-height: 820px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n  }\n\n  .oe-hero__video {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 0;\n  }\n\n  .oe-hero__overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      100deg,\n      rgba(11, 28, 45, 0.72) 0%,\n      rgba(11, 28, 45, 0.45) 45%,\n      rgba(11, 28, 45, 0.15) 75%\n    );\n    z-index: 1;\n  }\n\n  .oe-hero__content {\n    position: relative;\n    z-index: 2;\n    max-width: var(--oe-max);\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 32px;\n  }\n\n  .oe-hero__box {\n    max-width: 420px;\n  }\n\n  .oe-hero__title {\n    font-family: \"Fraunces\", serif;\n    font-weight: 500;\n    font-size: clamp(28px, 4.2vw, 52px);\n    line-height: 1.2;\n    color: var(--oe-ink-on-navy);\n    margin: 0 0 32px;\n  }\n\n  .oe-hero__cta {\n    display: block !important;\n    width: 100% !important;\n    margin: 0 !important;\n    float: none !important;\n    box-sizing: border-box;\n    text-align: center;\n    font-family: \"Teleneo\", \"Inter\", sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 0.03em;\n    text-decoration: none;\n    color: var(--oe-navy-deep);\n    background: var(--oe-gold);\n    padding: 16px 32px;\n    border-radius: 3px;\n    transition: opacity 0.2s ease;\n  }\n\n  .oe-hero__cta:hover { opacity: 0.85; }\n\n  @media (max-width: 560px) {\n    .oe-hero { height: 80vh; min-height: 460px; }\n    .oe-hero__title { margin-bottom: 24px; }\n    .oe-hero__cta { padding: 14px 26px; font-size: 13px; }\n  }\n\n  \/* ============================================================\n     SECTION 1 \u2014 ABOUT\n     ============================================================ *\/\n  .oe-about {\n    background: var(--oe-cream);\n    color: var(--oe-ink-on-cream);\n    padding: 88px 32px;\n    overflow-x: hidden;\n  }\n\n  .oe-about__inner { max-width: var(--oe-max); margin: 0 auto; }\n\n  .oe-about__title {\n    font-family: \"Fraunces\", serif;\n    font-weight: 500;\n    font-size: clamp(24px, 2.6vw, 32px);\n    line-height: 1.4;\n    letter-spacing: -0.005em;\n    margin: 10px 0 24px;\n    text-align: left;\n    grid-column: 2;\n    grid-row: 1;\n  }\n\n  .oe-about__grid {\n    display: grid;\n    grid-template-columns: minmax(320px, 640px) 1fr;\n    grid-template-rows: auto 1fr;\n    column-gap: 56px;\n    row-gap: 0;\n  }\n\n  .oe-about__visual {\n    position: relative;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    grid-column: 1;\n    grid-row: 1 \/ 3;\n    align-self: start;\n  }\n\n  .oe-about__text { grid-column: 2; grid-row: 2; }\n\n  .oe-about__collage-img {\n    display: block;\n    width: 100%;\n    max-width: 640px;\n    height: auto;\n    margin: -14px auto 0;\n  }\n\n  .oe-about__text p {\n    font-size: 15.5px; line-height: 1.75;\n    color: var(--oe-ink-on-cream-soft);\n    margin: 0 0 24px;\n  }\n  .oe-about__text p:last-child { margin-bottom: 0; }\n\n  \/* ============================================================\n     SECTION 3 \u2014 SERVICES\n     ============================================================ *\/\n  .oe-services {\n    background: var(--oe-green);\n    color: var(--oe-ink-on-navy);\n    padding: 72px 32px;\n  }\n\n  .oe-services__inner { max-width: 1417px; margin: 0 auto; }\n\n  .oe-services__header {\n    text-align: center;\n    max-width: 780px;\n    margin: 0 auto 48px;\n    padding-bottom: 40px;\n  }\n\n  .oe-services__title {\n    font-family: \"Fraunces\", serif;\n    font-weight: 600;\n    font-size: clamp(26px, 3.2vw, 34px);\n    line-height: 1.15;\n    letter-spacing: -0.01em;\n    margin: 0 0 20px;\n    color: #f4f1ea;\n  }\n\n  .oe-services__rule {\n    display: block;\n    width: 245px;\n    max-width: 70%;\n    height: 1px;\n    background: var(--oe-gold, #bb9951);\n    margin: 0 auto 24px;\n  }\n\n  .oe-services__lead {\n    font-size: 15.5px;\n    line-height: 1.7;\n    color: rgba(244, 241, 234, 0.82);\n    margin: 0 auto;\n  }\n\n  .oe-featured {\n    --panel-ink: #0b1c2d;\n    --panel-ink-soft: rgba(11, 28, 45, 0.75);\n    display: grid;\n    grid-template-columns: 0.95fr 1.15fr;\n    align-items: center;\n    gap: 48px;\n    background: rgba(250, 246, 242, 0.88);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border: 1px solid rgba(11, 28, 45, 0.14);\n    border-radius: 4px;\n    padding: 40px;\n    margin-bottom: 56px;\n    color: var(--panel-ink);\n  }\n\n  .oe-featured__text { padding-right: 8px; text-align: center; }\n\n  .oe-featured__text-body {\n    font-size: 14.5px; line-height: 1.65;\n    color: var(--panel-ink-soft);\n    margin: 0 auto 12px;\n    max-width: 42ch;\n  }\n  .oe-featured__text-body:last-child { margin-bottom: 0; }\n\n  .oe-featured__icon {\n    width: 52px; height: 52px;\n    display: flex; align-items: center; justify-content: center;\n    margin: 0 auto 14px;\n  }\n  .oe-featured__icon img { width: 100%; height: 100%; object-fit: contain; }\n\n  .oe-featured__eyebrow {\n    display: block;\n    font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;\n    color: var(--oe-gold);\n    margin-bottom: 8px;\n  }\n\n  .oe-featured__title {\n    font-family: \"Fraunces\", serif;\n    font-weight: 600;\n    font-size: 21px; line-height: 1.25;\n    margin: 0 0 10px;\n    color: var(--panel-ink);\n  }\n\n  .oe-embed-cta {\n    text-align: center;\n    font-family: \"Fraunces\", serif;\n    font-weight: 600;\n    font-size: clamp(14px, 1.5vw, 18px);\n    letter-spacing: 0.01em;\n    text-transform: uppercase;\n    color: var(--oe-gold);\n    margin: 16px 0 0;\n    white-space: nowrap;\n  }\n\n  .oe-featured__embed { width: 100%; }\n\n  .oe-featured__embed-frame {\n    position: relative; width: 100%;\n    aspect-ratio: 853 \/ 480;\n    border-radius: 4px;\n    overflow: hidden;\n    border: 1px solid rgba(11, 28, 45, 0.14);\n  }\n\n  .oe-featured__embed-frame iframe {\n    position: absolute; inset: 0; width: 100%; height: 100%; border: 0;\n  }\n\n  .oe-services__grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    column-gap: 32px;\n  }\n\n  .oe-feature {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    padding: 32px 24px;\n    border: 1.5px solid var(--oe-gold, #bb9951);\n    border-radius: 6px;\n  }\n\n  .oe-icon {\n    width: 54px; height: 54px;\n    display: flex; align-items: center; justify-content: center;\n    margin: 0 auto 16px;\n  }\n  .oe-icon img { width: 100%; height: 100%; display: block; object-fit: contain; }\n\n  .oe-feature__title {\n    font-family: \"Fraunces\", serif;\n    font-weight: 600;\n    font-size: 17px; line-height: 1.3;\n    margin: 0 0 8px;\n    color: #f4f1ea;\n  }\n\n  .oe-feature__text {\n    font-size: 14px; line-height: 1.65;\n    color: rgba(244, 241, 234, 0.82);\n    margin: 0; max-width: 30ch;\n  }\n\n  \/* ============================================================\n     SECTION 3.5 \u2014 SP\u00d8RGSM\u00c5L & SVAR (premium accordion)\n     ============================================================ *\/\n  .oe-faq {\n    --faq-beige: #0B1C2D;\n    --faq-beige-soft: rgba(11, 28, 45, 0.72);\n    --faq-divider: rgba(11, 28, 45, 0.16);\n    background: var(--oe-cream);\n    color: var(--faq-beige);\n    padding: 120px 32px;\n  }\n\n  .oe-faq__inner {\n    max-width: var(--oe-max);\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 0.8fr 1.2fr;\n    gap: 96px;\n  }\n\n  .oe-faq__left { padding-top: 4px; }\n\n  .oe-faq__eyebrow {\n    display: block;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--faq-beige-soft);\n    margin-bottom: 20px;\n  }\n\n  .oe-faq__title {\n    font-family: \"Fraunces\", serif;\n    font-weight: 500;\n    font-size: clamp(36px, 4.2vw, 52px);\n    line-height: 1.1;\n    letter-spacing: -0.01em;\n    color: var(--faq-beige);\n    margin: 0 0 20px;\n  }\n\n  .oe-faq__title-accent {\n    color: var(--oe-gold);\n  }\n\n  .oe-faq__rule {\n    display: flex;\n    align-items: center;\n    color: var(--oe-gold);\n    margin-bottom: 24px;\n  }\n\n  .oe-faq__rule::after {\n    content: \"\";\n    display: block;\n    width: 278px;\n    max-width: 100%;\n    height: 1px;\n    background: var(--oe-gold);\n  }\n\n  .oe-faq__lead {\n    font-size: 15.5px;\n    line-height: 1.75;\n    color: var(--faq-beige-soft);\n    max-width: 42ch;\n    margin: 0;\n  }\n\n  .oe-faq__right { display: flex; flex-direction: column; }\n\n  .oe-faq__item {\n    border-top: 1px solid var(--faq-divider);\n  }\n  .oe-faq__item:last-child { border-bottom: 1px solid var(--faq-divider); }\n\n  .oe-faq__question {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 32px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 30px 4px;\n    font-family: \"Fraunces\", serif;\n    font-weight: 500;\n    font-size: 19px;\n    text-align: left;\n    color: var(--faq-beige);\n    transition: opacity 0.2s ease;\n  }\n\n  .oe-faq__question:hover { opacity: 0.8; }\n\n  .oe-faq__chevron {\n    flex: 0 0 auto;\n    width: 18px; height: 18px;\n    color: var(--faq-beige);\n    transition: transform 0.3s ease;\n  }\n\n  .oe-faq__item.is-open .oe-faq__chevron { transform: rotate(180deg); }\n\n  .oe-faq__answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.35s ease;\n  }\n\n  .oe-faq__item.is-open .oe-faq__answer { max-height: 200px; }\n\n  .oe-faq__answer p {\n    font-size: 14.5px;\n    line-height: 1.75;\n    color: var(--faq-beige-soft);\n    margin: 0 4px 30px;\n    max-width: 60ch;\n  }\n\n  \/* ============================================================\n     SECTION 4 \u2014 TEAM\n     ============================================================ *\/\n  .oe-team {\n    background: var(--oe-navy-deep);\n    color: var(--oe-ink-on-navy);\n    padding: 96px 32px 56px;\n  }\n\n  .oe-team__inner { max-width: 1320px; margin: 0 auto; }\n\n  .oe-team__header { text-align: center; margin: 0 auto 56px; }\n\n  .oe-team__title {\n    font-family: \"Fraunces\", serif;\n    font-weight: 500;\n    font-size: clamp(28px, 3.4vw, 40px);\n    margin: 0 0 20px;\n    color: var(--oe-ink-on-navy);\n  }\n\n  .oe-team__rule {\n    display: block;\n    width: 199px;\n    max-width: 70%;\n    height: 1px;\n    background: var(--oe-gold);\n    margin: 0 auto 20px;\n  }\n\n  .oe-team__lead {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--oe-ink-on-navy-soft);\n    max-width: 480px;\n    margin: 0 auto;\n  }\n\n  .oe-team__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n  }\n\n  .oe-person {\n    border: 1px solid var(--oe-gold);\n    border-radius: 10px;\n    overflow: hidden;\n    text-align: center;\n    background: rgba(244, 241, 234, 0.02);\n  }\n\n  .oe-person__avatar {\n    width: 100%;\n    aspect-ratio: 4 \/ 3.6;\n    background: linear-gradient(155deg, var(--oe-navy-soft) 0%, var(--oe-navy-deep) 100%);\n    color: var(--oe-gold);\n    display: flex; align-items: center; justify-content: center;\n    font-family: \"Fraunces\", serif;\n    font-weight: 500;\n    font-size: 56px;\n    letter-spacing: 0.02em;\n    border-bottom: 1px solid var(--oe-gold);\n  }\n\n  .oe-person__body { padding: 32px 28px 36px; }\n\n  .oe-person__name {\n    font-family: \"Fraunces\", serif;\n    font-weight: 500;\n    font-size: 26px;\n    margin: 0 0 6px;\n    color: var(--oe-ink-on-navy);\n  }\n\n  .oe-person__role {\n    display: block;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--oe-gold);\n  }\n\n  .oe-person__rule {\n    display: block;\n    width: 28px;\n    height: 1px;\n    background: var(--oe-gold);\n    margin: 18px auto;\n  }\n\n  .oe-person__text {\n    font-size: 14px;\n    line-height: 1.65;\n    color: var(--oe-ink-on-navy-soft);\n    margin: 0 0 22px;\n    max-width: 44ch;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  \/* ============================================================\n     RESPONSIVE\n     ============================================================ *\/\n  @media (max-width: 980px) {\n    .oe-about__grid { grid-template-columns: 1fr; grid-template-rows: none; gap: 56px; }\n    .oe-about__title {\n      grid-column: 1;\n      grid-row: auto;\n      order: -2;\n      text-align: center;\n      max-width: 900px;\n      margin: 0 auto 0;\n    }\n    .oe-about__visual {\n      grid-column: 1;\n      grid-row: auto;\n      order: -1;\n      align-self: auto;\n      max-width: 420px; width: 100%; margin: 0 auto; padding: 0;\n    }\n    .oe-about__text { grid-column: 1; grid-row: auto; order: 0; }\n\n    .oe-services__grid { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }\n    .oe-featured { grid-template-columns: 1fr; text-align: center; padding: 28px 24px; gap: 28px; }\n    .oe-featured__text { padding-right: 0; }\n    .oe-featured__icon { margin-left: auto; margin-right: auto; }\n    .oe-embed-cta { font-size: 13px; white-space: normal; }\n\n    .oe-team__grid { grid-template-columns: repeat(2, 1fr); }\n    .oe-partners__grid { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  @media (max-width: 560px) {\n    .oe-about, .oe-services, .oe-team { padding-left: 20px; padding-right: 20px; }\n    .oe-about { padding-top: 64px; padding-bottom: 64px; }\n    .oe-about__title { margin-bottom: 48px; }\n    .oe-about__visual { padding: 0; }\n\n    .oe-services { padding-top: 56px; padding-bottom: 56px; }\n    .oe-services__header { margin-bottom: 36px; padding-bottom: 28px; }\n    .oe-featured { padding: 24px 18px; margin-bottom: 40px; }\n    .oe-services__grid { grid-template-columns: 1fr; row-gap: 36px; }\n\n    .oe-faq { padding: 64px 20px; }\n    .oe-faq__inner { grid-template-columns: 1fr; gap: 40px; }\n    .oe-faq__question { font-size: 17px; }\n\n    .oe-team { padding-top: 64px; padding-bottom: 64px; }\n    .oe-team__grid { grid-template-columns: 1fr; gap: 40px; }\n    .oe-partners { padding-top: 64px; padding-bottom: 64px; }\n    .oe-partners__grid { grid-template-columns: 1fr; gap: 32px; }\n  }\n\n  \/* ============================================================\n     SECTION 5 \u2014 KONTAKT OS\n     ============================================================ *\/\n  .kf-section { background: var(--oe-cream, #faf6f2); width: 100%; }\n\n  .kf-wrap {\n    font-family: 'Teleneo', 'Inter', sans-serif;\n    color: #0B1C2D;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 64px;\n    max-width: 1417px;\n    margin: 0 auto;\n    padding: 88px 40px;\n    align-items: stretch;\n    box-sizing: border-box;\n  }\n  .kf-wrap * { box-sizing: border-box; font-family: inherit; }\n\n  .kf-left { max-width: 620px; }\n\n  .kf-title {\n    font-family: \"Fraunces\", serif;\n    font-weight: 500;\n    font-size: 52px;\n    line-height: 1.1;\n    color: #0B1C2D;\n    margin: 0 0 20px 0;\n  }\n\n  .kf-intro {\n    font-size: 16px;\n    line-height: 1.6;\n    color: rgba(11, 28, 45, 0.72);\n    margin: 0 0 40px 0;\n    max-width: 540px;\n  }\n\n  .kf-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n    margin-bottom: 24px;\n  }\n\n  .kf-field { display: flex; flex-direction: column; }\n\n  .kf-field label {\n    font-size: 14px;\n    font-weight: 500;\n    color: #0B1C2D;\n    margin-bottom: 8px;\n  }\n\n  .kf-field input[type=\"text\"],\n  .kf-field input[type=\"email\"],\n  .kf-field input[type=\"tel\"],\n  .kf-field textarea {\n    font-family: 'Teleneo', sans-serif;\n    font-size: 15px;\n    color: #0B1C2D;\n    background: #FFFFFF;\n    border: 1px solid rgba(11, 28, 45, 0.16);\n    border-radius: 3px;\n    padding: 14px 16px;\n    width: 100%;\n    outline: none;\n    transition: border-color .15s ease, box-shadow .15s ease;\n  }\n\n  .kf-field textarea {\n    resize: vertical;\n    min-height: 120px;\n    font-family: inherit;\n  }\n\n  .kf-field input:focus,\n  .kf-field textarea:focus {\n    border-color: #0B1C2D;\n    box-shadow: 0 0 0 3px rgba(11, 28, 45, 0.08);\n  }\n\n  .kf-field-full { margin-bottom: 28px; }\n\n  .kf-checkbox-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 28px;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .kf-checkbox-row input[type=\"checkbox\"] {\n    appearance: none;\n    -webkit-appearance: none;\n    width: 20px;\n    height: 20px;\n    min-width: 20px;\n    border: 1px solid rgba(11, 28, 45, 0.35);\n    border-radius: 4px;\n    background: #FFFFFF;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    position: relative;\n  }\n\n  .kf-checkbox-row input[type=\"checkbox\"]:checked {\n    background: #0B1C2D;\n    border-color: #0B1C2D;\n  }\n\n  .kf-checkbox-row input[type=\"checkbox\"]:checked::after {\n    content: \"\";\n    position: absolute;\n    left: 6px;\n    top: 2px;\n    width: 5px;\n    height: 10px;\n    border: solid #faf6f2;\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n  }\n\n  .kf-checkbox-row span { font-size: 12px; color: rgba(11, 28, 45, 0.72); line-height: 1.5; white-space: nowrap; }\n  .kf-checkbox-row:first-of-type span { font-size: 15px; }\n\n  .kf-radio-label {\n    font-size: 14px;\n    font-weight: 500;\n    color: #0B1C2D;\n    margin-bottom: 12px;\n  }\n\n  .kf-radio-group {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    border: 1px solid rgba(11, 28, 45, 0.16);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 28px;\n  }\n\n  .kf-radio-option {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 16px 18px;\n    cursor: pointer;\n    border-right: 1px solid rgba(11, 28, 45, 0.16);\n    background: transparent;\n    transition: background .15s ease;\n  }\n\n  .kf-radio-option:last-child { border-right: none; }\n  .kf-radio-option:hover { background: rgba(11, 28, 45, 0.03); }\n\n  .kf-radio-option input[type=\"radio\"] {\n    appearance: none;\n    -webkit-appearance: none;\n    width: 20px;\n    height: 20px;\n    min-width: 20px;\n    border-radius: 50%;\n    border: 1.5px solid rgba(11, 28, 45, 0.4);\n    position: relative;\n    cursor: pointer;\n    background: #FFFFFF;\n  }\n\n  .kf-radio-option input[type=\"radio\"]:checked { border: 6px solid #0B1C2D; }\n  .kf-radio-option span { font-size: 15px; color: #0B1C2D; }\n\n  .kf-submit {\n    font-family: 'Teleneo', sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #faf6f2;\n    background: #0B1C2D;\n    border: none;\n    border-radius: 3px;\n    padding: 18px 32px;\n    width: 100%;\n    max-width: 620px;\n    cursor: pointer;\n    transition: background .15s ease, transform .1s ease;\n  }\n\n  .kf-submit:hover { background: #16283b; }\n  .kf-submit:active { transform: scale(0.99); }\n  .kf-submit:disabled { opacity: .6; cursor: not-allowed; }\n\n  .kf-status { margin-top: 16px; font-size: 14px; }\n  .kf-status.success { color: #2f6b3f; }\n  .kf-status.error { color: #a3392c; }\n\n  .kf-image {\n    width: 100%;\n    height: 100%;\n    min-height: 720px;\n    border-radius: 4px;\n    background-image: url('https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?q=80&w=1200&auto=format&fit=crop');\n    background-size: cover;\n    background-position: center;\n  }\n\n  @media (max-width: 900px) {\n    .kf-wrap { grid-template-columns: 1fr; padding: 48px 24px; gap: 40px; }\n    .kf-row { grid-template-columns: 1fr; gap: 20px; }\n    .kf-radio-group { grid-template-columns: 1fr; }\n    .kf-radio-option { border-right: none; border-bottom: 1px solid rgba(11, 28, 45, 0.16); }\n    .kf-radio-option:last-child { border-bottom: none; }\n    .kf-title { font-size: 38px; }\n    .kf-image { min-height: 320px; order: -1; }\n    .kf-checkbox-row { align-items: flex-start; }\n    .kf-checkbox-row span { white-space: normal !important; }\n  }\n\n  \/* ============================================================\n     SECTION 7 \u2014 FOOTER\n     ============================================================ *\/\n  .oe-footer {\n    background: var(--oe-cream, #faf6f2);\n    color: #0B1C2D;\n    padding: 72px 32px 0;\n  }\n\n  .oe-footer__inner {\n    max-width: var(--oe-max, 1560px);\n    margin: 0 auto;\n  }\n\n  .oe-footer__top {\n    display: grid;\n    grid-template-columns: 1.3fr 1fr 1fr 1fr;\n    gap: 48px;\n    padding-bottom: 56px;\n  }\n\n  .oe-footer__brand { padding-right: 24px; text-align: center; }\n\n  .oe-footer__logo {\n    width: 288px;\n    height: auto;\n    display: block;\n    margin: 0 auto 20px;\n  }\n\n  .oe-footer__tagline {\n    font-size: 15px;\n    line-height: 1.6;\n    color: rgba(11, 28, 45, 0.72);\n    margin: 0 0 18px;\n  }\n\n  .oe-footer__heading {\n    font-family: \"Fraunces\", serif;\n    font-weight: 600;\n    font-size: 21px;\n    color: #0B1C2D;\n    margin: 0 0 14px;\n    padding-bottom: 14px;\n    border-bottom: 2px solid var(--oe-gold, #bb9951);\n    display: inline-block;\n  }\n\n  .oe-footer__list {\n    list-style: none !important;\n    margin: 8px 0 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .oe-footer__list li {\n    list-style: none !important;\n    list-style-type: none !important;\n    font-size: 15px;\n    color: rgba(11, 28, 45, 0.78);\n    padding-left: 16px !important;\n    position: relative;\n  }\n\n  .oe-footer__list li::before {\n    content: \"\";\n    position: absolute !important;\n    left: -6px !important;\n    top: 8px;\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background: var(--oe-gold, #bb9951);\n  }\n\n  .oe-footer__hours {\n    list-style: none;\n    margin: 8px 0 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .oe-footer__hours li {\n    display: flex;\n    justify-content: space-between;\n    gap: 24px;\n    font-size: 15px;\n    color: rgba(11, 28, 45, 0.78);\n    max-width: 220px;\n  }\n\n  .oe-footer__hours li span:first-child {\n    color: #0B1C2D;\n  }\n\n  .oe-footer__contact {\n    list-style: none;\n    margin: 8px 0 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .oe-footer__contact li {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 15px;\n    color: rgba(11, 28, 45, 0.78);\n  }\n\n  .oe-footer__contact svg {\n    width: 20px;\n    height: 20px;\n    flex: 0 0 auto;\n    color: var(--oe-gold, #bb9951);\n  }\n\n  .oe-footer__contact a {\n    color: rgba(11, 28, 45, 0.78);\n    text-decoration: none;\n  }\n\n  .oe-footer__contact a:hover { text-decoration: underline; }\n\n  .oe-footer__bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 28px 0;\n    border-top: 1px solid rgba(11, 28, 45, 0.12);\n  }\n\n  .oe-footer__copy {\n    font-size: 14px;\n    color: rgba(11, 28, 45, 0.72);\n    margin: 0;\n  }\n\n  .oe-footer__right {\n    display: flex;\n    align-items: center;\n    gap: 65px;\n  }\n\n  .oe-footer__legal {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 14px;\n  }\n\n  .oe-footer__legal a {\n    color: rgba(11, 28, 45, 0.72);\n    text-decoration: none;\n  }\n\n  .oe-footer__legal a:hover { text-decoration: underline; }\n\n  .oe-footer__sep { color: rgba(11, 28, 45, 0.3); }\n\n  .oe-footer__social {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .oe-footer__social a {\n    display: flex;\n    color: #0B1C2D;\n    transition: opacity 0.2s ease;\n  }\n\n  .oe-footer__social a:hover { opacity: 0.65; }\n\n  .oe-footer__social svg {\n    width: 30px;\n    height: 30px;\n  }\n\n  @media (max-width: 980px) {\n    .oe-footer__top {\n      grid-template-columns: 1fr 1fr;\n      row-gap: 40px;\n    }\n    .oe-footer__brand { grid-column: 1 \/ -1; }\n  }\n\n  @media (max-width: 560px) {\n    .oe-footer {\n      padding: 48px 20px 0;\n    }\n    .oe-footer__top {\n      grid-template-columns: 1fr;\n      row-gap: 0;\n      padding-bottom: 8px;\n    }\n    .oe-footer__brand {\n      padding-right: 0;\n      padding-bottom: 32px;\n      margin-bottom: 32px;\n      border-bottom: 1px solid rgba(11, 28, 45, 0.12);\n      text-align: center;\n    }\n    .oe-footer__logo {\n      width: 228px;\n      margin: 0 auto 16px;\n    }\n    .oe-footer__col {\n      padding-bottom: 28px;\n      margin-bottom: 28px;\n      border-bottom: 1px solid rgba(11, 28, 45, 0.12);\n    }\n    .oe-footer__col:last-child {\n      border-bottom: none;\n      margin-bottom: 0;\n      padding-bottom: 8px;\n    }\n    .oe-footer__heading {\n      font-size: 18px;\n      margin-bottom: 10px;\n      padding-bottom: 10px;\n    }\n    .oe-footer__list,\n    .oe-footer__hours,\n    .oe-footer__contact {\n      gap: 12px;\n    }\n    .oe-footer__hours li {\n      max-width: none;\n    }\n    .oe-footer__bottom {\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 18px;\n      padding: 28px 0 32px;\n    }\n    .oe-footer__right {\n      flex-direction: column;\n      gap: 18px;\n    }\n    .oe-footer__social {\n      order: -1;\n    }\n    .oe-footer__social svg {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  \/* ============================================================\n     SECTION 6.5 \u2014 PORTFOLIO CAROUSEL (infinite auto-scroll)\n     ============================================================ *\/\n  .oe-portfolio {\n    background: var(--oe-gold, #bb9951);\n    padding: 96px 0;\n    overflow: hidden;\n  }\n\n  .oe-portfolio__header {\n    max-width: var(--oe-max, 1560px);\n    margin: 0 auto;\n    padding: 0 32px;\n    text-align: center;\n    margin-bottom: 56px;\n  }\n\n  .oe-portfolio__eyebrow {\n    display: block;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--oe-gold, #bb9951);\n    margin-bottom: 16px;\n  }\n\n  .oe-portfolio__title {\n    font-family: \"Fraunces\", serif;\n    font-weight: 500;\n    font-size: clamp(28px, 3.2vw, 40px);\n    color: #0B1C2D;\n    margin: 0;\n  }\n\n  .oe-portfolio__viewport {\n    position: relative;\n    width: 100%;\n    -webkit-mask-image: linear-gradient(\n      90deg,\n      transparent 0%,\n      #000 6%,\n      #000 94%,\n      transparent 100%\n    );\n    mask-image: linear-gradient(\n      90deg,\n      transparent 0%,\n      #000 6%,\n      #000 94%,\n      transparent 100%\n    );\n  }\n\n  .oe-portfolio__track {\n    display: flex;\n    align-items: center;\n    gap: 28px;\n    width: max-content;\n    animation: oe-portfolio-scroll 38s linear infinite;\n  }\n\n  .oe-portfolio__viewport:hover .oe-portfolio__track {\n    animation-play-state: paused;\n  }\n\n  @keyframes oe-portfolio-scroll {\n    from { transform: translateX(0); }\n    to { transform: translateX(-50%); }\n  }\n\n  .oe-portfolio__item {\n    flex: 0 0 auto;\n    width: 380px;\n    height: 280px;\n    border-radius: 6px;\n    overflow: hidden;\n    background: linear-gradient(155deg, #161b24 0%, #10131a 100%);\n    box-shadow: 0 20px 40px -18px rgba(0, 0, 0, 0.5);\n  }\n\n  .oe-portfolio__item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.5s ease;\n  }\n\n  .oe-portfolio__item:hover img {\n    transform: scale(1.06);\n  }\n\n  @media (max-width: 900px) {\n    .oe-portfolio { padding: 72px 0; }\n    .oe-portfolio__header { margin-bottom: 40px; }\n    .oe-portfolio__item { width: 280px; height: 210px; }\n    .oe-portfolio__track { animation-duration: 30s; }\n  }\n\n  @media (max-width: 560px) {\n    .oe-portfolio__item { width: 220px; height: 165px; }\n    .oe-portfolio__track { gap: 18px; animation-duration: 24s; }\n  }\n\n  \/* ============================================================\n     SECTION 5.5 \u2014 VORES SAMARBEJDSPARTNERE\n     ============================================================ *\/\n  .oe-section-divider {\n    background: var(--oe-navy-deep, #10131a);\n    width: 100%;\n    padding: 0 32px 10px;\n    box-sizing: border-box;\n  }\n\n  .oe-section-divider__inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    max-width: 1200px;\n    width: 90%;\n    margin: 0 auto;\n  }\n\n  .oe-section-divider__line {\n    flex: 1 1 auto;\n    height: 1px;\n    background: var(--oe-gold, #bb9951);\n    opacity: 0.5;\n  }\n\n  .oe-section-divider__dot {\n    flex: 0 0 auto;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: var(--oe-gold, #bb9951);\n  }\n\n  .oe-partners {\n    background: var(--oe-navy-deep, #10131a);\n    padding: 56px 32px 96px;\n  }\n\n  .oe-partners__inner { max-width: 1200px; margin: 0 auto; }\n\n  .oe-partners__header {\n    text-align: center;\n    margin: 0 auto 56px;\n  }\n\n  .oe-partners__eyebrow {\n    display: block;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--oe-gold, #bb9951);\n    margin-bottom: 16px;\n  }\n\n  .oe-partners__title {\n    font-family: \"Fraunces\", serif;\n    font-weight: 500;\n    font-size: clamp(28px, 3.4vw, 40px);\n    color: #f4f1ea;\n    margin: 0;\n  }\n\n  .oe-partners__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n  }\n\n  .oe-partner {\n    border: 1px solid var(--oe-gold, #bb9951);\n    border-radius: 10px;\n    overflow: hidden;\n    text-align: center;\n    background: rgba(244, 241, 234, 0.02);\n  }\n\n  .oe-partner__photo {\n    position: relative;\n    aspect-ratio: 4 \/ 3.3;\n    background: linear-gradient(155deg, #161b24 0%, #10131a 100%);\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    border-bottom: 1px solid var(--oe-gold, #bb9951);\n  }\n\n  .oe-partner__photo img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 0;\n  }\n\n  .oe-partner__badge {\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    background: var(--oe-navy-deep, #10131a);\n    border: 1.5px solid var(--oe-gold, #bb9951);\n    color: var(--oe-gold, #bb9951);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transform: translateY(50%);\n    position: relative;\n    z-index: 1;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);\n  }\n\n  .oe-partner__badge svg {\n    width: 26px;\n    height: 26px;\n  }\n\n  .oe-partner__name {\n    font-family: \"Fraunces\", serif;\n    font-weight: 500;\n    font-size: 21px;\n    color: #f4f1ea;\n    margin: 40px 0 6px;\n    padding: 0 24px;\n  }\n\n  .oe-partner__category {\n    display: block;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--oe-gold, #bb9951);\n    padding: 0 24px;\n  }\n\n  .oe-partner__rule {\n    display: block;\n    width: 28px;\n    height: 1px;\n    background: var(--oe-gold, #bb9951);\n    margin: 18px auto;\n  }\n\n  .oe-partner__text {\n    font-size: 14px;\n    line-height: 1.6;\n    color: rgba(244, 241, 234, 0.72);\n    margin: 0 !important;\n    padding: 0 32px 64px !important;\n    white-space: nowrap;\n  }\n\n  @media (max-width: 980px) {\n    .oe-partners__grid { grid-template-columns: repeat(2, 1fr); }\n    .oe-partner__text { white-space: normal !important; }\n    .oe-faq__lead br { display: none; }\n  }\n\n  @media (max-width: 560px) {\n    .oe-partners { padding: 64px 20px; }\n    .oe-partners__grid { grid-template-columns: 1fr; gap: 32px; }\n  }\n<\/style>\n\n<script>\n(function() {\n  \/\/ M\u0103soar\u0103 l\u0103\u021bimea real\u0103 a celei mai late linii din titlul hero-ului\n  \/\/ (titlul se rupe pe 3 r\u00e2nduri cu <br>) \u0219i fixeaz\u0103 cutia\n  \/\/ (.oe-hero__box) la exact acea l\u0103\u021bime, ca butonul \"Kontakt os\"\n  \/\/ (width:100% \u00een interior) s\u0103 umple exact aceea\u0219i l\u0103\u021bime ca textul.\n  function sizeHeroBox() {\n    var title = document.querySelector('.oe-hero__title');\n    var box = document.querySelector('.oe-hero__box');\n    if (!title || !box) return;\n\n    var range = document.createRange();\n    range.selectNodeContents(title);\n    var rects = range.getClientRects();\n    var maxWidth = 0;\n    for (var i = 0; i < rects.length; i++) {\n      if (rects[i].width > maxWidth) maxWidth = rects[i].width;\n    }\n    if (maxWidth > 0) {\n      box.style.width = Math.ceil(maxWidth) + 'px';\n    }\n  }\n\n  var attempts = 0;\n  var maxAttempts = 50;\n  function trySizeHeroBox() {\n    var title = document.querySelector('.oe-hero__title');\n    if (!title) {\n      attempts++;\n      if (attempts < maxAttempts) setTimeout(trySizeHeroBox, 100);\n      return;\n    }\n    sizeHeroBox();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', trySizeHeroBox);\n  } else {\n    trySizeHeroBox();\n  }\n  window.addEventListener('load', sizeHeroBox);\n  window.addEventListener('resize', sizeHeroBox);\n  if (document.fonts && document.fonts.ready) {\n    document.fonts.ready.then(sizeHeroBox);\n  }\n})();\n\n(function() {\n  var items = document.querySelectorAll('.oe-faq__item');\n  items.forEach(function(item) {\n    var btn = item.querySelector('.oe-faq__question');\n    btn.addEventListener('click', function() {\n      var wasOpen = item.classList.contains('is-open');\n      items.forEach(function(other) { other.classList.remove('is-open'); });\n      if (!wasOpen) { item.classList.add('is-open'); }\n    });\n  });\n})();\n\n(function() {\n  var attempts = 0;\n  var maxAttempts = 50; \/\/ 50 x 100ms = 5 secunde de a\u0219teptare maxim\u0103\n\n  function initKontaktForm() {\n    var form = document.getElementById('kf-form');\n    var btn = document.getElementById('kf-submit-btn');\n    var status = document.getElementById('kf-status');\n\n    if (!form || !btn || !status) {\n      attempts++;\n      if (attempts < maxAttempts) {\n        setTimeout(initKontaktForm, 100);\n      }\n      return;\n    }\n\n    \/\/ evit\u0103 ata\u0219area de dou\u0103 ori dac\u0103 func\u021bia ruleaz\u0103 din mai multe puncte\n    if (form.dataset.kfBound === '1') return;\n    form.dataset.kfBound = '1';\n\n    form.addEventListener('submit', function(e) {\n      e.preventDefault();\n      status.textContent = '';\n      status.className = 'kf-status';\n      btn.disabled = true;\n      btn.textContent = 'Sender...';\n\n      var data = new FormData(form);\n\n      fetch('https:\/\/formspree.io\/f\/xbgreroa', {\n        method: 'POST',\n        body: data,\n        headers: { 'Accept': 'application\/json' }\n      })\n      .then(function(res) {\n        if (res.ok) {\n          form.reset();\n          status.textContent = 'Tak! Din besked er sendt \u2014 vi vender tilbage hurtigst muligt.';\n          status.className = 'kf-status success';\n        } else {\n          status.textContent = 'Der opstod en fejl. Pr\u00f8v venligst igen.';\n          status.className = 'kf-status error';\n        }\n      })\n      .catch(function() {\n        status.textContent = 'Der opstod en fejl. Pr\u00f8v venligst igen.';\n        status.className = 'kf-status error';\n      })\n      .finally(function() {\n        btn.disabled = false;\n        btn.textContent = 'Send besked';\n      });\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initKontaktForm);\n  } else {\n    initKontaktForm();\n  }\n  window.addEventListener('load', initKontaktForm);\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-238","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oe360.dk\/index.php\/wp-json\/wp\/v2\/pages\/238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oe360.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oe360.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oe360.dk\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/oe360.dk\/index.php\/wp-json\/wp\/v2\/comments?post=238"}],"version-history":[{"count":15,"href":"https:\/\/oe360.dk\/index.php\/wp-json\/wp\/v2\/pages\/238\/revisions"}],"predecessor-version":[{"id":330,"href":"https:\/\/oe360.dk\/index.php\/wp-json\/wp\/v2\/pages\/238\/revisions\/330"}],"wp:attachment":[{"href":"https:\/\/oe360.dk\/index.php\/wp-json\/wp\/v2\/media?parent=238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}