[et_pb_section fb_built= »1″ _builder_version= »4.27.7″ _module_preset= »default » custom_margin_last_edited= »off|desktop » global_colors_info= »{} »][et_pb_row _builder_version= »4.27.7″ _module_preset= »default » global_colors_info= »{} »][et_pb_column type= »4_4″ _builder_version= »4.27.5″ _module_preset= »default » global_colors_info= »{} »][et_pb_code _builder_version= »4.27.7″ _module_preset= »default » custom_margin= »-80px||||false|false » custom_margin_tablet= »-80px||||false|false » custom_margin_phone= »-50px||||false|false » custom_margin_last_edited= »on|phone » hover_enabled= »0″ global_colors_info= »{} » sticky_enabled= »0″]
Page non trouvée | Maison YAMM Genève
:root { --y404-black: #111111; --y404-dark: #292929; --y404-muted: #747474; --y404-gold: #b38b31; --y404-line: rgba(17, 17, 17, .14); --y404-serif: "Nicolas Cochin", "Times New Roman", serif; --y404-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;}body.error404,body.error404 #page-container,body.error404 #main-content,body.error404 #main-content .entry-content { background: #ffffff !important;}body.error404 #main-content .entry-content,body.error404 #main-content .et-l,body.error404 #main-content .et_builder_inner_content,body.error404 #main-content .et_pb_section,body.error404 #main-content .et_pb_row,body.error404 #main-content .et_pb_column { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; background: transparent !important;}body.error404 .et_pb_section_0_tb_header.topheader,body.error404 .et_pb_section_0_tb_header.topheader .et_pb_row,body.error404 .et_pb_section_0_tb_header.topheader .et_pb_column,body.error404 .et_pb_section_0_tb_header.topheader .et_pb_module { background: #ffffff !important;}/* ========================================================= STRUCTURE========================================================= */#yamm-404 { width: 100%; box-sizing: border-box; padding: clamp(28px, 4vw, 64px) 20px clamp(42px, 5vw, 82px); background: #ffffff; color: var(--y404-black); font-family: var(--y404-sans);}#yamm-404 * { box-sizing: border-box;}.yamm-404-shell { width: min(100%, 1320px); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); border: 1px solid var(--y404-line); background: #ffffff;}/* ========================================================= COLONNE TEXTE========================================================= */.yamm-404-content { padding: clamp(42px, 5vw, 76px) clamp(28px, 5.5vw, 92px);}.yamm-404-brand { margin: 0 0 26px; color: var(--y404-gold); font-family: var(--y404-sans); font-size: 10px; font-weight: 400; letter-spacing: .2em; line-height: 1.2; text-transform: uppercase;}.yamm-404-brand span { color: var(--y404-black);}.yamm-404-title { max-width: 600px; margin: 0 0 16px; color: var(--y404-black); font-family: var(--y404-serif); font-size: clamp(42px, 4.7vw, 74px); font-weight: 400; letter-spacing: -.015em; line-height: .98;}.yamm-404-subtitle { max-width: 470px; margin: 0 0 19px; color: var(--y404-dark); font-family: var(--y404-serif); font-size: clamp(24px, 2.1vw, 34px); font-weight: 400; line-height: 1.08;}.yamm-404-description { max-width: 505px; margin: 0; color: var(--y404-dark); font-family: var(--y404-sans); font-size: clamp(14px, 1.06vw, 16px); font-weight: 400; letter-spacing: .004em; line-height: 1.65;}.yamm-404-rule { width: 34px; height: 1px; margin: 28px 0; background: var(--y404-gold);}/* ========================================================= BOUTONS========================================================= */.yamm-404-actions { display: flex; flex-wrap: wrap; gap: 10px;}.yamm-404-button { min-height: 50px; display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 18px 0 20px; border: 1px solid var(--y404-black); border-radius: 4px; font-family: var(--y404-sans); font-size: 10px; font-weight: 400; letter-spacing: .12em; line-height: 1; text-decoration: none; text-transform: uppercase; transition: background-color .2s ease, color .2s ease;}.yamm-404-button--primary { min-width: 230px; background: var(--y404-black); color: #ffffff;}.yamm-404-button--primary::after { content: "→"; font-family: Arial, sans-serif; font-size: 18px; font-weight: 300;}.yamm-404-button--primary:hover { background: #ffffff; color: var(--y404-black);}.yamm-404-button--secondary { min-width: 174px; background: #ffffff; color: var(--y404-black);}.yamm-404-button--secondary:hover { background: var(--y404-black); color: #ffffff;}/* ========================================================= LIENS UTILES========================================================= */.yamm-404-navigation { display: flex; flex-wrap: wrap; gap: 9px 0; margin-top: 27px; font-family: var(--y404-sans); font-size: 10px; font-weight: 400; letter-spacing: .085em; line-height: 1.45; text-transform: uppercase;}.yamm-404-navigation a { padding: 0 12px; color: var(--y404-muted); text-decoration: none; transition: color .2s ease;}.yamm-404-navigation a:first-child { padding-left: 0;}.yamm-404-navigation a + a { border-left: 1px solid var(--y404-line);}.yamm-404-navigation a:hover { color: var(--y404-gold);}/* ========================================================= PANNEAU NOIR — BUREAU========================================================= */.yamm-404-visual { position: relative; display: flex; flex-direction: column; overflow: hidden; min-height: 440px; padding: clamp(34px, 4vw, 68px); background: var(--y404-black); color: #ffffff;}.yamm-404-visual::before { content: ""; position: absolute; inset: 18px; border: 1px solid rgba(255, 255, 255, .18); pointer-events: none;}.yamm-404-visual::after { content: ""; position: absolute; width: 380px; height: 380px; right: -185px; bottom: -190px; border: 1px solid rgba(179, 139, 49, .58); border-radius: 50%; pointer-events: none;}.yamm-404-number { position: relative; z-index: 1; margin: 0; color: rgba(255, 255, 255, .92); font-family: var(--y404-serif); font-size: clamp(130px, 14vw, 235px); font-weight: 400; letter-spacing: -.08em; line-height: .74;}.yamm-404-quote { position: relative; z-index: 1; max-width: 390px; margin: auto 0 24px; padding-left: 20px; border-left: 1px solid var(--y404-gold);}.yamm-404-quote blockquote { margin: 0; color: #ffffff; font-family: var(--y404-serif); font-size: clamp(25px, 2.15vw, 38px); font-weight: 400; letter-spacing: -.005em; line-height: 1.1;}.yamm-404-quote cite { display: block; margin-top: 15px; color: var(--y404-gold); font-family: var(--y404-sans); font-size: 10px; font-style: normal; font-weight: 400; letter-spacing: .18em; line-height: 1.3; text-transform: uppercase;}.yamm-404-visual-nav { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 10px 0; padding-top: 19px; border-top: 1px solid rgba(255, 255, 255, .2); font-family: var(--y404-sans); font-size: 9px; font-weight: 400; letter-spacing: .12em; line-height: 1.45; text-transform: uppercase;}.yamm-404-visual-nav a { padding: 0 11px; color: rgba(255, 255, 255, .72); text-decoration: none; transition: color .2s ease;}.yamm-404-visual-nav a:first-child { padding-left: 0;}.yamm-404-visual-nav a + a { border-left: 1px solid rgba(255, 255, 255, .25);}.yamm-404-visual-nav a:hover { color: var(--y404-gold);}#yamm-404 a:focus-visible { outline: 1px solid var(--y404-gold); outline-offset: 4px;}/* ========================================================= MOBILE — 90 % LARGEUR + 30 PX PLUS BAS========================================================= */@media (max-width: 980px) { #yamm-404 { padding: 60px 0 52px; } .yamm-404-shell { width: 90%; display: block; margin: 0 auto; } .yamm-404-content { padding: 42px 25px 38px; text-align: center; } .yamm-404-brand { margin-bottom: 21px; } .yamm-404-title { margin-right: auto; margin-left: auto; font-size: clamp(43px, 12vw, 62px); } .yamm-404-subtitle { margin-right: auto; margin-left: auto; font-size: 26px; } .yamm-404-description { margin-right: auto; margin-left: auto; font-size: 14px; line-height: 1.58; } .yamm-404-rule { margin: 25px auto; } .yamm-404-actions, .yamm-404-navigation { justify-content: center; } .yamm-404-navigation a:first-child { padding-left: 12px; } .yamm-404-visual { display: none; }}@media (max-width: 540px) { .yamm-404-content { padding: 37px 20px 34px; } .yamm-404-actions { flex-direction: column; } .yamm-404-button, .yamm-404-button--primary, .yamm-404-button--secondary { width: 100%; min-width: 0; } .yamm-404-navigation { gap: 8px 0; } .yamm-404-navigation a { padding: 0 9px; font-size: 9px; }} /* ========================================================= BUREAU — VERSION PLUS COMPACTE========================================================= */@media (min-width: 981px) { #yamm-404 { padding-top: 32px; padding-bottom: 42px; } .yamm-404-content { padding-top: 46px; padding-bottom: 44px; } .yamm-404-brand { margin-bottom: 20px; } .yamm-404-title { margin-bottom: 12px; } .yamm-404-subtitle { margin-bottom: 15px; } .yamm-404-rule { margin: 22px 0; } .yamm-404-navigation { margin-top: 22px; } .yamm-404-visual { min-height: 0; padding-top: 42px; padding-bottom: 42px; } #yamm-404 { padding-top: 112px; padding-bottom: 2px;} @media (max-width: 980px) { body.error404 #mobile_menu.et_mobile_menu { display: none !important; }} /* Masque le menu mobile automatique Divi, partout */html body ul#mobile_menu,html body ul#mobile_menu.et_mobile_menu,html body .mobile_nav ul#mobile_menu.et_mobile_menu,html body .mobile_nav.opened ul#mobile_menu.et_mobile_menu { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important;}
[/et_pb_code][/et_pb_column][/et_pb_row][/et_pb_section]