/* GÉNÉRÉ par tools/port-prototype.py depuis prototype/assets/css/tokens.css + site.css (maquette de Camille). Ne pas modifier à la main. */
@font-face{ font-family: "Bebas Neue"; src: url("fonts/BebasNeue-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face{ font-family: "Barlow"; src: url("fonts/Barlow-Light.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face{ font-family: "Barlow"; src: url("fonts/Barlow-LightItalic.woff2") format("woff2"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face{ font-family: "Barlow"; src: url("fonts/Barlow-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face{ font-family: "Barlow"; src: url("fonts/Barlow-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face{ font-family: "Barlow"; src: url("fonts/Barlow-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face{ font-family: "Barlow"; src: url("fonts/Barlow-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face{ font-family: "Barlow"; src: url("fonts/Barlow-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face{ font-family: "Barlow Condensed"; src: url("fonts/BarlowCondensed-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face{ font-family: "Barlow Condensed"; src: url("fonts/BarlowCondensed-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
:root{
  
  --c-red:        #F90000;  
  --c-red-deep:   #C8102E;  
  --c-red-press:  #A00C24;  
  --c-red-light:  #FF3B3B;  
  --c-black:      #000000;
  --c-carbon-900: #0D0D0D;  
  --c-carbon-800: #141414;  
  --c-carbon-700: #1A1A1A;
  --c-carbon-600: #262626;  
  --c-white:      #F6F3F0;  
  --c-text:       #9E9E9E;  
  --c-text-dim:   #6E6A66;  
  --c-line:       rgba(246, 243, 240, .14);   
  --c-line-red:   rgba(249, 0, 0, .55);       
  --c-fill-card:  rgba(246, 243, 240, .04);   
  --c-fill-ph:    rgba(247, 0, 0, .06);       
  --c-ph-stroke:  rgba(250, 0, 0, .85);       
  --c-overlay:    rgba(0, 0, 0, .55);

  
  --f-display: "Bebas Neue", "Oswald", Impact, sans-serif;            
  --f-body:    "Barlow", "Montserrat", Arial, Helvetica, sans-serif;  
  --f-label:   "Barlow Condensed", "Barlow", Arial, sans-serif;       
  

  
  --fs-display: 96px;  --lh-display: .94;   
  --fs-h1: 72px;       --lh-h1: .96;        
  --fs-h2: 60px;       --lh-h2: .98;        
  --fs-h3: 32px;       --lh-h3: 1.0;        
  --fs-h4: 24px;       --lh-h4: 1.1;
  --fs-lead: 21px;     --lh-lead: 1.45;     
  --fs-body-lg: 18px;  --lh-body-lg: 1.65;
  --fs-body: 16px;     --lh-body: 1.65;
  --fs-small: 14px;    --lh-small: 1.5;
  --fs-xs: 12px;
  --fs-kicker: 13px;   --ls-kicker: .30em;  
  --fs-label: 12px;    --ls-label: .22em;
  --fs-btn: 15px;      --ls-btn: .12em;
  --ls-display: .02em;

  
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;
  --section-y: 112px;       

  
  --container: 1200px;      
  --container-wide: 1360px; 
  --gutter: 40px;           
  --grid-gap: 24px;         

  
  --radius: 0;              
  --radius-btn: 2px;
  --rule-w: 2px;            
  --rule-len: 64px;
  --border: 1px;

  
  --topbar-h: 36px;
  --header-h: 80px;
  --mbar-h: 64px;           

  
  --glow-red: 0 0 0 1px var(--c-red), 0 10px 34px rgba(249, 0, 0, .35);
  --shadow-card: 0 18px 50px rgba(0, 0, 0, .45);
  --t-fast: .18s ease;
}
@media (max-width: 767px){:root{
    --fs-display: 54px;  --fs-h1: 48px;  --fs-h2: 42px;  --fs-h3: 28px;  --fs-h4: 21px;
    --fs-lead: 18px;     --fs-body-lg: 17px;  --fs-body: 16px;  --fs-small: 14px;
    --fs-kicker: 12px;   --ls-kicker: .26em;  --fs-btn: 15px;
    --section-y: 64px;   --gutter: 20px;  --grid-gap: 16px;
    --header-h: 60px;
  }
}
@media (min-width: 768px) and (max-width: 1023px){:root{ --fs-display: 72px; --fs-h1: 60px; --fs-h2: 50px; --section-y: 88px; --gutter: 32px; }
}
body.djr-proto *, body.djr-proto, body.djr-proto *::before, body.djr-proto::before, body.djr-proto *::after, body.djr-proto::after{ box-sizing: border-box; }
html:has(> body.djr-proto){ scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 16px); }
body.djr-proto{
  margin: 0; color: var(--c-text); background: var(--c-carbon-800);
  font: 400 var(--fs-body)/var(--lh-body) var(--f-body);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
body.djr-proto img{ max-width: 100%; display: block; }
body.djr-proto a{ color: inherit; text-decoration: none; }
body.djr-proto p{ margin: 0 0 var(--s-4); }
body.djr-proto h1, body.djr-proto h2, body.djr-proto h3, body.djr-proto h4{ margin: 0; color: var(--c-white); font-family: var(--f-display); font-weight: 400; letter-spacing: var(--ls-display); }
body.djr-proto :focus-visible{ outline: 2px solid var(--c-red-light); outline-offset: 3px; }
body.djr-proto .u-sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.djr-proto .u-desktop{ }
body.djr-proto .u-mobile{ display: none; }
@media (max-width: 1023px){body.djr-proto .u-desktop{ display: none !important; }
body.djr-proto .u-mobile{ display: initial; }
}
body.djr-proto .ico{ width: 1em; height: 1em; flex: none; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.125em; }
body.djr-proto .ico--fill{ fill: currentColor; stroke: none; }
body.djr-proto.bg-carbon, body.djr-proto .bg-carbon{
  background-color: var(--c-carbon-800);
  background-image:
    radial-gradient(120% 90% at 50% 40%, transparent 35%, rgba(0,0,0,.55) 100%),
    url("img/carbone-tuile.png");
  background-size: auto, 224px 224px;
}
body.djr-proto.bg-carbon--halo, body.djr-proto .bg-carbon--halo{           
  background-image:
    radial-gradient(60% 70% at 100% 0%, rgba(200,16,46,.22), transparent 70%),
    radial-gradient(120% 90% at 50% 40%, transparent 35%, rgba(0,0,0,.55) 100%),
    url("img/carbone-tuile.png");
  background-size: auto, auto, 224px 224px;
}
body.djr-proto.bg-carbon--deep, body.djr-proto .bg-carbon--deep{           
  background-image:
    linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
    url("img/carbone-tuile.png");
  background-size: auto, 224px 224px;
}
body.djr-proto .bg-black{ background: var(--c-black); }
body.djr-proto .l-container{ width: 100%; max-width: calc(var(--container) + 2 * var(--gutter)); margin: 0 auto; padding: 0 var(--gutter); }
body.djr-proto .l-container--wide{ max-width: calc(var(--container-wide) + 2 * var(--gutter)); }
body.djr-proto .l-section{ padding: var(--section-y) 0; position: relative; }
body.djr-proto .l-section + .l-section{ border-top: 1px solid rgba(246,243,240,.06); }
body.djr-proto .l-grid{ display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--grid-gap); }
body.djr-proto .l-split{ display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-8); align-items: center; }
body.djr-proto .l-split--55{ grid-template-columns: 5fr 6fr; }
body.djr-proto .l-split--65{ grid-template-columns: 6fr 5fr; }
body.djr-proto .l-cards-4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--grid-gap); }
body.djr-proto .l-cards-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap); }
@media (max-width: 1023px){body.djr-proto .l-split, body.djr-proto .l-split--55, body.djr-proto .l-split--65{ grid-template-columns: 1fr; gap: var(--s-6); }
body.djr-proto .l-cards-4{ grid-template-columns: 1fr 1fr; }
body.djr-proto .l-cards-3{ grid-template-columns: 1fr; }
}
@media (max-width: 767px){body.djr-proto .l-cards-4{ grid-template-columns: 1fr; gap: var(--s-4); }
}
body.djr-proto .t-kicker{ display: block; font: 600 var(--fs-kicker)/1.2 var(--f-label); letter-spacing: var(--ls-kicker); text-transform: uppercase; color: var(--c-red-light); margin-bottom: var(--s-3); }
body.djr-proto .t-display{ font-size: var(--fs-display); line-height: var(--lh-display); }
body.djr-proto .t-h1{ font-size: var(--fs-h1); line-height: var(--lh-h1); }
body.djr-proto .t-h2{ font-size: var(--fs-h2); line-height: var(--lh-h2); }
body.djr-proto .t-h3{ font-size: var(--fs-h3); line-height: var(--lh-h3); }
body.djr-proto .t-h4{ font-size: var(--fs-h4); line-height: var(--lh-h4); }
body.djr-proto .t-lead{ font: 500 var(--fs-lead)/var(--lh-lead) var(--f-body); color: var(--c-red-light); margin: var(--s-4) 0 var(--s-5); }
body.djr-proto .t-body-lg{ font-size: var(--fs-body-lg); line-height: var(--lh-body-lg); font-weight: 300; color: #BDB8B3; }
body.djr-proto .t-body-lg strong, body.djr-proto .t-body strong{ color: var(--c-white); font-weight: 600; }
body.djr-proto .t-small{ font-size: var(--fs-small); line-height: var(--lh-small); }
body.djr-proto .t-label{ font: 600 var(--fs-label)/1.2 var(--f-label); letter-spacing: var(--ls-label); text-transform: uppercase; color: var(--c-red-light); }
body.djr-proto .t-mention{ font: italic 400 var(--fs-xs)/1.4 var(--f-body); color: var(--c-text-dim); }
body.djr-proto .t-white{ color: var(--c-white); }
body.djr-proto .c-rule{ display: block; width: var(--rule-len); height: var(--rule-w); background: var(--c-red); border: 0; margin: var(--s-5) 0; }
body.djr-proto .c-rule--full{ width: 100%; height: 1px; opacity: .9; margin: var(--s-3) 0 var(--s-5); }
body.djr-proto .c-head{ margin-bottom: var(--s-7); max-width: 760px; }
body.djr-proto .c-head--center{ margin-left: auto; margin-right: auto; text-align: center; }
body.djr-proto .c-head--center .c-rule{ margin-left: auto; margin-right: auto; }
body.djr-proto .c-colhead{ font: 600 11px/1 var(--f-label); letter-spacing: .3em; text-transform: uppercase; color: var(--c-red-light); }
body.djr-proto .c-btn{
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding: 0 26px; border-radius: var(--radius-btn); border: 1px solid transparent;
  font: 600 var(--fs-btn)/1 var(--f-label); letter-spacing: var(--ls-btn); text-transform: uppercase;
  cursor: pointer; transition: background var(--t-fast), box-shadow var(--t-fast), color var(--t-fast), border-color var(--t-fast);
  white-space: nowrap;
}
body.djr-proto .c-btn .ico{ font-size: 18px; }
body.djr-proto .c-btn--primary{ background: var(--c-red-deep); color: var(--c-white); }
body.djr-proto .c-btn--primary:hover, body.djr-proto .c-btn--primary.is-hover{ box-shadow: var(--glow-red); background: var(--c-red-press); }
body.djr-proto .c-btn--primary:active, body.djr-proto .c-btn--primary.is-active{ background: var(--c-red-press); box-shadow: none; }
body.djr-proto .c-btn--secondary{ background: transparent; color: var(--c-white); border-color: var(--c-red); }
body.djr-proto .c-btn--secondary:hover, body.djr-proto .c-btn--secondary.is-hover{ background: rgba(249,0,0,.12); }
body.djr-proto .c-btn--secondary:active, body.djr-proto .c-btn--secondary.is-active{ background: rgba(249,0,0,.22); }
body.djr-proto .c-btn--ghost{ background: transparent; color: var(--c-white); padding: 0 2px; min-height: 40px; border-bottom: 1px solid var(--c-line-red); border-radius: 0; }
body.djr-proto .c-btn--ghost:hover, body.djr-proto .c-btn--ghost.is-hover{ color: var(--c-red-light); border-bottom-color: var(--c-red-light); }
body.djr-proto .c-btn--sm{ min-height: 42px; padding: 0 18px; font-size: 13px; }
body.djr-proto .c-btn--lg{ min-height: 58px; padding: 0 32px; font-size: 16px; }
body.djr-proto .c-btn--block{ width: 100%; }
body.djr-proto .c-btn[disabled], body.djr-proto .c-btn.is-disabled{ opacity: .4; pointer-events: none; }
body.djr-proto .c-btn.is-focus{ outline: 2px solid var(--c-red-light); outline-offset: 3px; }
body.djr-proto .c-btn-row{ display: flex; flex-wrap: wrap; gap: var(--s-3) var(--s-4); align-items: center; }
body.djr-proto .c-topbar{ background: var(--c-black); border-bottom: 1px solid rgba(246,243,240,.08); font: 500 13px/var(--topbar-h) var(--f-body); color: var(--c-text); }
body.djr-proto .c-topbar .l-container{ display: flex; justify-content: space-between; align-items: center; }
body.djr-proto .c-topbar__left{ display: flex; gap: 22px; }
body.djr-proto .c-topbar__left span::before{ content: ""; display: inline-block; width: 5px; height: 5px; background: var(--c-red); margin-right: 9px; vertical-align: 2px; }
body.djr-proto .c-topbar__right{ display: flex; gap: 22px; align-items: center; }
body.djr-proto .c-topbar a{ display: inline-flex; gap: 7px; align-items: center; color: #CFCAC5; }
body.djr-proto .c-topbar a:hover{ color: var(--c-red-light); }
body.djr-proto .c-topbar .ico{ font-size: 15px; color: var(--c-red-light); }
body.djr-proto .c-header{ position: sticky; top: 0; z-index: 50; background: #0B0B0B; border-bottom: 1px solid rgba(249,0,0,.35); }
body.djr-proto .c-header__in{ display: flex; align-items: center; gap: var(--s-6); height: var(--header-h); }
body.djr-proto .c-header__logo img{ width: 148px; height: auto; }
body.djr-proto .c-nav{ display: flex; gap: 30px; margin: 0 auto; }
body.djr-proto .c-nav a, body.djr-proto .c-nav__item > span{ font: 600 14px/1 var(--f-label); letter-spacing: .14em; text-transform: uppercase; color: #D9D4CF; padding: 10px 0; position: relative; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
body.djr-proto .c-nav a:hover, body.djr-proto .c-nav a.is-current{ color: var(--c-white); }
body.djr-proto .c-nav a.is-current::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--c-red); }
body.djr-proto .c-nav__item{ position: relative; }
body.djr-proto .c-nav__caret{ font-size: 12px; color: var(--c-red-light); }
body.djr-proto .c-dropdown{ position: absolute; top: calc(100% + 18px); left: -22px; min-width: 260px; background: rgba(12,12,12,.97); border: 1px solid var(--c-line-red); border-top: 2px solid var(--c-red); padding: 10px 0; display: none; box-shadow: var(--shadow-card); }
body.djr-proto .c-nav__item.is-open .c-dropdown{ display: block; }
body.djr-proto .c-dropdown a{ display: flex; justify-content: space-between; padding: 12px 22px; font-size: 13px; width: 100%; }
body.djr-proto .c-dropdown a:hover{ background: rgba(249,0,0,.10); }
body.djr-proto .c-dropdown small{ font: 500 12px var(--f-body); letter-spacing: 0; text-transform: none; color: var(--c-text-dim); }
body.djr-proto .c-header__actions{ display: flex; align-items: center; gap: var(--s-5); }
body.djr-proto .c-header__tel{ display: inline-flex; align-items: center; gap: 8px; font: 400 22px/1 var(--f-display); letter-spacing: .06em; color: var(--c-white); }
body.djr-proto .c-header__tel .ico{ font-size: 18px; color: var(--c-red-light); }
body.djr-proto .c-header__burger, body.djr-proto .c-header__call{ display: none; }
@media (max-width: 1023px){body.djr-proto .c-topbar, body.djr-proto .c-nav, body.djr-proto .c-header__tel, body.djr-proto .c-header__cta{ display: none; }
body.djr-proto .c-header__logo img{ width: 112px; }
body.djr-proto .c-header__in{ justify-content: space-between; }
body.djr-proto .c-header__burger, body.djr-proto .c-header__call{ display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--c-line); background: transparent; color: var(--c-white); font-size: 22px; border-radius: var(--radius-btn); }
body.djr-proto .c-header__call{ color: var(--c-red-light); border-color: var(--c-line-red); font-size: 19px; }
body.djr-proto .c-header__actions{ gap: var(--s-3); }
}
body.djr-proto .c-drawer{ display: none; }
@media (max-width: 1023px){body.djr-proto .c-drawer{ position: fixed; inset: var(--header-h) 0 var(--mbar-h) 0; z-index: 45; display: none; overflow-y: auto; padding: var(--s-5) var(--gutter) var(--s-6); }
body.djr-proto.menu-open .c-drawer{ display: block; }
body.djr-proto .c-drawer a{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--c-line); font: 400 30px/1 var(--f-display); letter-spacing: .03em; color: var(--c-white); }
body.djr-proto .c-drawer a .ico{ font-size: 18px; color: var(--c-red-light); }
body.djr-proto .c-drawer__sub{ padding: 2px 0 8px 16px; border-left: 2px solid var(--c-red); margin: 6px 0 4px; }
body.djr-proto .c-drawer__sub a{ font: 600 14px/1 var(--f-label); letter-spacing: .16em; text-transform: uppercase; color: #CFCAC5; padding: 12px 0; border: 0; }
body.djr-proto .c-drawer__contact{ margin-top: var(--s-6); display: grid; gap: var(--s-3); }
body.djr-proto .c-drawer__contact a{ font: 600 15px/1 var(--f-label); letter-spacing: .12em; text-transform: uppercase; border: 1px solid var(--c-line-red); padding: 16px; justify-content: flex-start; gap: 12px; }
}
body.djr-proto .c-mbar{ display: none; }
@media (max-width: 1023px){body.djr-proto{ padding-bottom: calc(var(--mbar-h) + env(safe-area-inset-bottom)); }
body.djr-proto .c-mbar{
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: grid; grid-template-columns: 1fr 1fr 1.6fr;
    height: calc(var(--mbar-h) + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom);
    background: rgba(8,8,8,.96); backdrop-filter: blur(10px); border-top: 1px solid var(--c-red);
    box-shadow: 0 -12px 30px rgba(0,0,0,.55);
  }
body.djr-proto .c-mbar a{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; font: 600 12px/1 var(--f-label); letter-spacing: .14em; text-transform: uppercase; color: var(--c-white); border-left: 1px solid rgba(246,243,240,.10); }
body.djr-proto .c-mbar a .ico{ font-size: 21px; color: var(--c-red-light); }
body.djr-proto .c-mbar a:first-child{ border-left: 0; }
body.djr-proto .c-mbar a.c-mbar__devis{ flex-direction: row; gap: 10px; background: var(--c-red-deep); border: 0; font-size: 15px; letter-spacing: .12em; }
body.djr-proto .c-mbar a.c-mbar__devis .ico{ color: var(--c-white); font-size: 19px; }
}
body.djr-proto .c-hero{ position: relative; overflow: hidden; }
body.djr-proto .c-hero__grid{ display: grid; grid-template-columns: 560px 1fr; min-height: 760px; }
body.djr-proto .c-hero__media{ position: relative; }
body.djr-proto .c-hero__media img{
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 0% 30%;
  
  -webkit-mask-image: linear-gradient(90deg, #000 72%, transparent 100%); mask-image: linear-gradient(90deg, #000 72%, transparent 100%);
}
body.djr-proto .c-hero__body{ padding: 92px var(--gutter) 64px 56px; max-width: 800px; align-self: center; }
body.djr-proto .c-hero__h1{ font-size: var(--fs-display); line-height: var(--lh-display); }
body.djr-proto .c-hero__h1 em{ font-style: normal; color: var(--c-red-light); }
body.djr-proto .c-hero__text{ max-width: 620px; }
body.djr-proto .c-hero__proof{ display: flex; flex-wrap: wrap; gap: var(--s-3) var(--s-5); align-items: center; margin-top: var(--s-6); }
body.djr-proto .c-hero__price{ font: 600 13px/1 var(--f-label); letter-spacing: .2em; text-transform: uppercase; color: #CFCAC5; display: inline-flex; align-items: center; gap: 9px; }
body.djr-proto .c-hero__price::before{ content: ""; width: 6px; height: 6px; background: var(--c-red); }
@media (max-width: 1023px){body.djr-proto .c-hero__grid{ grid-template-columns: 1fr; min-height: 0; }
body.djr-proto .c-hero__media{ height: 360px; }
body.djr-proto .c-hero__media img{ object-position: 8% 18%; -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent 100%); mask-image: linear-gradient(180deg, #000 70%, transparent 100%); }
body.djr-proto .c-hero__body{ padding: 0 var(--gutter) var(--s-7); margin-top: -46px; position: relative; }
body.djr-proto .c-hero .c-btn-row .c-btn{ flex: 1 1 100%; }
body.djr-proto .c-hero .c-btn-row .c-btn--secondary{ flex: 1 1 calc(50% - 8px); padding: 0 12px; }
body.djr-proto .c-hero__proof{ margin-top: var(--s-5); }
}
body.djr-proto .c-facts{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
body.djr-proto .c-fact{ background: var(--c-fill-card); border: 1px solid var(--c-line-red); border-top: 2px solid var(--c-red); padding: 18px 18px 20px; }
body.djr-proto .c-fact__k{ font: 600 12px/1 var(--f-label); letter-spacing: .22em; text-transform: uppercase; color: var(--c-red-light); margin-bottom: 10px; }
body.djr-proto .c-fact__v{ font: 500 16px/1.35 var(--f-body); color: var(--c-white); }
@media (max-width: 767px){body.djr-proto .c-facts{ grid-template-columns: 1fr 1fr; gap: 10px; }
body.djr-proto .c-fact{ padding: 14px; }
body.djr-proto .c-fact__v{ font-size: 15px; }
}
body.djr-proto .c-card{ position: relative; display: flex; flex-direction: column; background: var(--c-fill-card); border: 1px solid var(--c-line); transition: border-color var(--t-fast), transform var(--t-fast); }
body.djr-proto .c-card:hover, body.djr-proto .c-card.is-hover{ border-color: var(--c-red); }
body.djr-proto .c-card--red{ border-color: var(--c-line-red); border-top: 2px solid var(--c-red); }
body.djr-proto .c-card__media{ aspect-ratio: 4 / 3; overflow: hidden; background: #0b0b0b; }
body.djr-proto .c-card__media img{ width: 100%; height: 100%; object-fit: cover; }
body.djr-proto .c-card__media .c-ph{ height: 100%; border-left: 0; border-right: 0; border-top: 0; }
body.djr-proto .c-card__body{ padding: 22px 22px 24px; display: flex; flex-direction: column; flex: 1; }
body.djr-proto .c-card__title{ font: 400 30px/1 var(--f-display); letter-spacing: .03em; color: var(--c-white); margin-bottom: 10px; }
body.djr-proto .c-card__text{ font-size: 15px; line-height: 1.6; color: var(--c-text); flex: 1; }
body.djr-proto .c-card__link{ margin-top: 14px; font: 600 13px/1 var(--f-label); letter-spacing: .16em; text-transform: uppercase; color: var(--c-red-light); display: inline-flex; gap: 8px; align-items: center; }
body.djr-proto .c-set{ display: grid; grid-template-columns: 96px 1fr auto; align-items: center; background: var(--c-fill-card); border: 1px solid var(--c-line); transition: border-color var(--t-fast); }
body.djr-proto .c-set:hover{ border-color: var(--c-red); }
body.djr-proto .c-set + .c-set{ margin-top: 12px; }
body.djr-proto .c-set img{ width: 96px; height: 96px; object-fit: cover; }
body.djr-proto .c-set__body{ padding: 0 20px; }
body.djr-proto .c-set__name{ font: 400 34px/1 var(--f-display); letter-spacing: .05em; color: var(--c-white); }
body.djr-proto .c-set__meta{ font: 500 13px/1 var(--f-label); letter-spacing: .12em; color: var(--c-text); margin-top: 8px; }
body.djr-proto .c-set__go{ width: 52px; height: 52px; margin-right: 22px; display: grid; place-items: center; border: 1px solid var(--c-line-red); color: var(--c-white); font-size: 18px; border-radius: 50%; }
body.djr-proto .c-set--soon{ border-style: dashed; border-color: var(--c-ph-stroke); background: var(--c-fill-ph); }
body.djr-proto .c-set--soon .c-set__name{ color: var(--c-red-light); }
@media (max-width: 767px){body.djr-proto .c-set{ grid-template-columns: 76px 1fr auto; }
body.djr-proto .c-set img{ width: 76px; height: 76px; }
body.djr-proto .c-set__name{ font-size: 27px; }
body.djr-proto .c-set__body{ padding: 0 14px; }
body.djr-proto .c-set__go{ width: 42px; height: 42px; margin-right: 14px; font-size: 15px; }
}
body.djr-proto .c-list{ list-style: none; margin: 0; padding: 0; }
body.djr-proto .c-list li{ position: relative; padding: 14px 0 14px 26px; border-bottom: 1px solid var(--c-line); font-size: 16px; color: var(--c-text); }
body.djr-proto .c-list li::before{ content: ""; position: absolute; left: 0; top: 22px; width: 8px; height: 8px; background: var(--c-red); }
body.djr-proto .c-list li b{ font-weight: 600; color: var(--c-white); }
body.djr-proto .c-step{ border-top: 2px solid var(--c-red); padding-top: 22px; }
body.djr-proto .c-step__n{ font: 400 64px/.9 var(--f-display); color: var(--c-red-light); letter-spacing: .02em; }
body.djr-proto .c-step__t{ font: 400 30px/1 var(--f-display); color: var(--c-white); margin: 12px 0 10px; letter-spacing: .03em; }
body.djr-proto .c-chips{ display: flex; flex-wrap: wrap; gap: 10px; }
body.djr-proto .c-chip{ display: inline-flex; align-items: center; gap: 8px; padding: 11px 16px; border: 1px solid var(--c-line); font: 600 13px/1 var(--f-label); letter-spacing: .14em; text-transform: uppercase; color: #DCD7D2; background: rgba(0,0,0,.3); }
body.djr-proto .c-chip:hover{ border-color: var(--c-red); color: var(--c-white); }
body.djr-proto .c-chip .ico{ color: var(--c-red-light); font-size: 14px; }
body.djr-proto .c-ph{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 6px; min-height: 120px; padding: 18px; background: var(--c-fill-ph); border: 1.5px dashed var(--c-ph-stroke); }
body.djr-proto .c-ph__label{ font: italic 400 17px/1.3 var(--f-body); color: var(--c-red-light); }
body.djr-proto .c-ph__sub{ font: italic 400 13px/1.4 var(--f-body); color: var(--c-text); max-width: 34ch; }
body.djr-proto .c-ph--photo{ aspect-ratio: 4 / 5; }
body.djr-proto .c-ph--wide{ aspect-ratio: 16 / 10; }
body.djr-proto .c-ph--logo{ aspect-ratio: 1; min-height: 0; width: 120px; padding: 8px; }
body.djr-proto .c-ph--logo .c-ph__label{ font-size: 13px; }
body.djr-proto .c-review{ padding: 26px; min-height: 260px; display: flex; flex-direction: column; background: var(--c-fill-ph); border: 1.5px dashed var(--c-ph-stroke); }
body.djr-proto .c-review__stars{ color: var(--c-red); display: flex; gap: 3px; font-size: 16px; margin-bottom: 18px; opacity: .55; }
body.djr-proto .c-review__label{ font: italic 400 18px/1.35 var(--f-body); color: var(--c-red-light); flex: 1; }
body.djr-proto .c-review__sub{ font: italic 400 13px/1.45 var(--f-body); color: var(--c-text); margin-top: 16px; padding-top: 14px; border-top: 1px dashed rgba(249,0,0,.35); }
body.djr-proto .c-iris{ position: relative; width: var(--iris-d, 460px); aspect-ratio: 1; margin: 0 auto; }
body.djr-proto .c-iris::before{ content: ""; position: absolute; inset: -18%; border-radius: 50%; background: radial-gradient(closest-side, rgba(200,16,46,.55), rgba(200,16,46,.18) 62%, transparent 100%); }
body.djr-proto .c-iris::after{ content: ""; position: absolute; inset: -4.5%; border-radius: 50%; border: 1.5px solid rgba(249,0,0,.85); }
body.djr-proto .c-iris picture{ display: contents; }
body.djr-proto .c-iris img{ position: relative; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0,0,0,.6), 0 0 40px rgba(0,0,0,.7); }
@media (max-width: 767px){body.djr-proto .c-iris{ --iris-d: 260px; }
}
body.djr-proto .c-form{ background: rgba(0,0,0,.5); border: 1px solid var(--c-line-red); border-top: 2px solid var(--c-red); padding: 36px; }
body.djr-proto .c-form__grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 18px 18px; }
body.djr-proto .c-form__full{ grid-column: 1 / -1; }
body.djr-proto .c-field label{ display: block; font: 600 12px/1 var(--f-label); letter-spacing: .2em; text-transform: uppercase; color: #D9D4CF; margin-bottom: 9px; }
body.djr-proto .c-field label i{ font-style: normal; color: var(--c-red-light); }
body.djr-proto .c-field label small{ font: 400 12px var(--f-body); letter-spacing: 0; text-transform: none; color: var(--c-text-dim); }
body.djr-proto .c-input{ width: 100%; height: 52px; padding: 0 16px; background: rgba(246,243,240,.04); border: 1px solid rgba(246,243,240,.22); border-radius: var(--radius-btn); color: var(--c-white); font: 400 16px/1 var(--f-body); appearance: none; }
body.djr-proto .c-input::placeholder{ color: #77726D; }
body.djr-proto textarea.c-input{ height: 108px; padding: 14px 16px; line-height: 1.5; resize: vertical; }
body.djr-proto select.c-input{ background-image: linear-gradient(45deg, transparent 50%, var(--c-red-light) 50%), linear-gradient(135deg, var(--c-red-light) 50%, transparent 50%); background-position: calc(100% - 22px) 23px, calc(100% - 16px) 23px; background-size: 6px 6px; background-repeat: no-repeat; }
body.djr-proto .c-input:hover{ border-color: rgba(246,243,240,.4); }
body.djr-proto .c-input:focus, body.djr-proto .c-input.is-focus{ outline: 0; border-color: var(--c-red-light); box-shadow: 0 0 0 3px rgba(255,59,59,.18); }
body.djr-proto .c-input.is-error{ border-color: var(--c-red); background: rgba(249,0,0,.07); }
body.djr-proto .c-field__help{ font: 400 12px/1.4 var(--f-body); color: var(--c-text-dim); margin-top: 7px; }
body.djr-proto .c-field__error{ font: 500 12px/1.4 var(--f-body); color: var(--c-red-light); margin-top: 7px; }
body.djr-proto .c-check{ display: flex; gap: 12px; align-items: flex-start; font-size: 13px; line-height: 1.5; color: var(--c-text); }
body.djr-proto .c-check__box{ flex: none; width: 20px; height: 20px; border: 1px solid rgba(246,243,240,.4); margin-top: 1px; }
body.djr-proto .c-form__foot{ display: flex; align-items: center; justify-content: space-between; gap: var(--s-5); margin-top: 24px; flex-wrap: wrap; }
body.djr-proto .c-form__note{ font: 400 13px/1.5 var(--f-body); color: var(--c-text); }
@media (max-width: 767px){body.djr-proto .c-form{ padding: 22px 18px; }
body.djr-proto .c-form__grid{ grid-template-columns: 1fr; gap: 16px; }
body.djr-proto .c-form__foot .c-btn{ width: 100%; }
}
body.djr-proto .c-contact{ background: rgba(0,0,0,.45); border: 1px solid var(--c-line-red); padding: 36px; height: 100%; }
body.djr-proto .c-contact__row{ padding: 14px 0; border-bottom: 1px solid var(--c-line); display: flex; justify-content: space-between; align-items: center; gap: 12px; }
body.djr-proto .c-contact__row:last-of-type{ border-bottom: 0; }
body.djr-proto .c-contact__v{ font: 400 28px/1.1 var(--f-display); letter-spacing: .05em; color: var(--c-white); display: block; margin-top: 6px; }
body.djr-proto .c-contact__v--txt{ font: 600 18px/1.2 var(--f-body); letter-spacing: 0; }
body.djr-proto .c-contact__btn{ flex: none; width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--c-line-red); color: var(--c-red-light); font-size: 19px; border-radius: 50%; }
@media (max-width: 767px){body.djr-proto .c-contact{ padding: 22px 18px; }
body.djr-proto .c-contact__v{ font-size: 24px; }
body.djr-proto .c-contact__v--txt{ font-size: 16px; }
}
body.djr-proto .c-cta-band{ border: 1px solid var(--c-line-red); background: linear-gradient(90deg, rgba(200,16,46,.20), rgba(0,0,0,.4) 60%); padding: 40px 48px; display: flex; align-items: center; justify-content: space-between; gap: var(--s-6); }
@media (max-width: 767px){body.djr-proto .c-cta-band{ flex-direction: column; align-items: stretch; padding: 26px 20px; }
}
body.djr-proto .c-press{ display: grid; grid-template-columns: 1fr auto; gap: var(--s-7); align-items: center; }
body.djr-proto .c-press__thumbs{ display: flex; gap: 18px; }
body.djr-proto .c-press__thumb{ width: 300px; border: 1px solid var(--c-line); box-shadow: var(--shadow-card); }
body.djr-proto .c-press__thumb span{ display: block; padding: 10px 12px; font: 600 12px/1 var(--f-label); letter-spacing: .2em; text-transform: uppercase; color: var(--c-white); background: #0b0b0b; display: flex; justify-content: space-between; }
body.djr-proto .c-press__thumb span b{ color: var(--c-red-light); font-weight: 600; }
@media (max-width: 1023px){body.djr-proto .c-press{ grid-template-columns: 1fr; }
body.djr-proto .c-press__thumbs{ gap: 10px; }
body.djr-proto .c-press__thumb{ width: 50%; }
}
body.djr-proto .c-footer{ background: var(--c-black); border-top: 2px solid var(--c-red); padding: 72px 0 0; font-size: 14px; }
body.djr-proto .c-footer__grid{ display: grid; grid-template-columns: 1.3fr 1fr 1.3fr 1.1fr; gap: var(--s-7); }
body.djr-proto .c-footer__logo img{ width: 180px; height: auto; }
body.djr-proto .c-footer__tag{ font: 400 26px/1 var(--f-display); letter-spacing: .06em; color: var(--c-white); margin: 22px 0 8px; }
body.djr-proto .c-footer h4{ font: 600 12px/1 var(--f-label); letter-spacing: .26em; text-transform: uppercase; color: var(--c-red-light); margin-bottom: 18px; }
body.djr-proto .c-footer ul{ list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
body.djr-proto .c-footer ul.c-footer__cities{ grid-template-columns: 1fr 1fr; gap: 10px 18px; }
body.djr-proto .c-footer a:hover{ color: var(--c-white); }
body.djr-proto .c-footer__contact a, body.djr-proto .c-footer__contact span{ display: inline-flex; gap: 10px; align-items: center; color: #CFCAC5; }
body.djr-proto .c-footer__contact .ico{ color: var(--c-red-light); font-size: 16px; }
body.djr-proto .c-social{ display: flex; gap: 10px; margin-top: 18px; }
body.djr-proto .c-social a{ width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--c-line); color: var(--c-white); font-size: 18px; }
body.djr-proto .c-social a:hover{ border-color: var(--c-red); }
body.djr-proto .c-social a.is-soon{ border-style: dashed; color: var(--c-text-dim); font: 600 10px/1 var(--f-label); letter-spacing: .08em; width: auto; padding: 0 10px; }
body.djr-proto .c-footer__bottom{ margin-top: 56px; padding: 22px 0 26px; border-top: 1px solid rgba(246,243,240,.1); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 12.5px; color: var(--c-text-dim); }
body.djr-proto .c-footer__bottom nav{ display: flex; gap: 18px; flex-wrap: wrap; }
@media (max-width: 1023px){body.djr-proto .c-footer__grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px){body.djr-proto .c-footer{ padding-top: 48px; }
body.djr-proto .c-footer__grid{ grid-template-columns: 1fr; gap: var(--s-6); }
body.djr-proto .c-footer__bottom{ flex-direction: column; }
}
body.djr-proto .mk-note{ position: absolute; z-index: 5; font: 600 11px/1.3 var(--f-label); letter-spacing: .08em; text-transform: uppercase; color: #111; background: #FFD84D; padding: 6px 9px; box-shadow: 0 4px 14px rgba(0,0,0,.5); max-width: 260px; }
body.djr-proto.no-notes .mk-note{ display: none; }
body.djr-proto .c-nav__item:hover .c-dropdown, body.djr-proto .c-nav__item:focus-within .c-dropdown{ display: block; }
body.djr-proto .br-d{ display: initial; }
@media (max-width: 1023px){body.djr-proto .br-d{ display: none; }
body.djr-proto .l-split, body.djr-proto .l-split--55, body.djr-proto .l-split--65{ grid-template-columns: minmax(0, 1fr); }
body.djr-proto .l-split > .c-iris{ order: -1; margin: 24px auto 8px; }
body.djr-proto .c-cta-band .c-btn-row .c-btn{ flex: 1 1 100%; }
}
@media (max-width: 1023px){body.djr-proto .l-grid > *{ grid-column: 1 / -1 !important; }
}
@media (max-width: 767px){body.djr-proto .c-hero__media{ height: 300px; }
body.djr-proto .c-hero__body{ display: flex; flex-direction: column; margin-top: -40px; }
body.djr-proto .c-hero__body .t-lead{ margin: 12px 0 18px; }
body.djr-proto .c-hero__body .c-btn-row{ order: 2; margin-top: 0 !important; }
body.djr-proto .c-hero__proof{ order: 3; }
body.djr-proto .c-hero__text{ order: 4; margin-top: 22px; }
body.djr-proto .c-card__media{ aspect-ratio: 16 / 9; }
}
body.djr-proto .c-nav a, body.djr-proto .c-nav__item > span, body.djr-proto .c-header__tel{ white-space: nowrap; }
@media (min-width: 1024px) and (max-width: 1279px){body.djr-proto .c-nav{ gap: 18px; }
body.djr-proto .c-header__tel{ display: none; }
body.djr-proto .c-header__in{ gap: var(--s-5); }
body.djr-proto .c-topbar__left span:nth-child(2){ display: none; }
body.djr-proto .c-hero__grid{ grid-template-columns: 440px 1fr; }
}
@media (max-width: 767px){body.djr-proto .c-ph--photo{ aspect-ratio: 16 / 10; }
body.djr-proto .c-review{ min-height: 170px; }
body.djr-proto .l-cards-3[style*="gap:40px"]{ gap: 28px !important; }
}
body.djr-proto .c-header__cta{ min-height: 46px; padding: 0 20px; }
body.djr-proto .c-lang{ font: 600 13px/1 var(--f-label); letter-spacing: .16em; color: #CFCAC5; padding: 8px 9px; border: 1px solid var(--c-line); }
body.djr-proto .c-lang:hover{ color: var(--c-white); border-color: var(--c-red); }
@media (max-width: 1023px){body.djr-proto .c-header .c-lang{ padding: 12px 10px; }
}
body.djr-proto .c-fab{ position: fixed; right: 28px; bottom: 28px; z-index: 55; display: flex; gap: 10px; align-items: center; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .25s, transform .25s; }
body.djr-proto.show-fab .c-fab{ opacity: 1; transform: none; pointer-events: auto; }
body.djr-proto .c-fab .c-btn{ box-shadow: 0 12px 34px rgba(0,0,0,.6); }
body.djr-proto .c-fab__wa{ width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: #0B0B0B; border: 1px solid var(--c-red); color: var(--c-white); font-size: 22px; box-shadow: 0 12px 34px rgba(0,0,0,.6); }
@media (max-width: 1023px){body.djr-proto .c-fab{ display: none; }
}
body.djr-proto .c-phero{ position: relative; overflow: hidden; }
body.djr-proto .c-phero__in{ display: grid; grid-template-columns: 6fr 5fr; gap: var(--s-8); align-items: center; padding: 88px 0 80px; }
body.djr-proto .c-phero__in--solo{ grid-template-columns: 1fr; max-width: 860px; }
body.djr-proto .c-phero h1{ font-size: var(--fs-h1); line-height: var(--lh-h1); }
body.djr-proto .c-crumb{ font: 500 13px/1 var(--f-label); letter-spacing: .12em; color: var(--c-text-dim); margin-bottom: 22px; display: flex; gap: 8px; }
body.djr-proto .c-crumb a:hover{ color: var(--c-white); }
body.djr-proto .c-crumb span::before{ content: "/"; margin-right: 8px; color: var(--c-red); }
body.djr-proto .c-phero__media{ position: relative; }
body.djr-proto .c-phero__media img.c-photo{ width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 20% 25%; }
@media (max-width: 1023px){body.djr-proto .c-phero__in{ grid-template-columns: minmax(0, 1fr); gap: var(--s-6); padding: 40px 0 48px; }
body.djr-proto .c-phero__media{ order: -1; }
body.djr-proto .c-phero__media img.c-photo{ aspect-ratio: 4 / 3; }
body.djr-proto .c-phero .c-btn-row .c-btn{ flex: 1 1 100%; }
}
body.djr-proto .c-faq{ border-top: 1px solid var(--c-line); }
body.djr-proto .c-faq details{ border-bottom: 1px solid var(--c-line); }
body.djr-proto .c-faq summary{ list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 0; font: 600 18px/1.35 var(--f-body); color: var(--c-white); }
body.djr-proto .c-faq summary::-webkit-details-marker{ display: none; }
body.djr-proto .c-faq summary::after{ content: "+"; font: 400 30px/1 var(--f-display); color: var(--c-red-light); flex: none; }
body.djr-proto .c-faq details[open] summary::after{ content: "–"; }
body.djr-proto .c-faq details p{ margin: -6px 0 22px; max-width: 780px; }
@media (max-width: 767px){body.djr-proto .c-faq summary{ font-size: 16px; padding: 18px 0; }
}
body.djr-proto .c-pack{ padding: 34px 32px; background: rgba(0,0,0,.45); border: 1px solid var(--c-line-red); border-top: 2px solid var(--c-red); display: flex; flex-direction: column; }
body.djr-proto .c-pack__name{ font: 400 56px/1 var(--f-display); color: var(--c-white); letter-spacing: .03em; }
body.djr-proto .c-pack__for{ font: 600 13px/1 var(--f-label); letter-spacing: .2em; text-transform: uppercase; color: var(--c-red-light); margin: 10px 0 18px; }
body.djr-proto .c-pack .c-list{ flex: 1; margin-bottom: 24px; }
body.djr-proto .c-pack__price{ font: 600 13px/1.4 var(--f-label); letter-spacing: .16em; text-transform: uppercase; color: #CFCAC5; margin-bottom: 18px; }
body.djr-proto .c-yt{ position: relative; display: block; aspect-ratio: 16 / 9; background: #000; overflow: hidden; border: 1px solid var(--c-line); cursor: pointer; }
body.djr-proto .c-yt img{ width: 100%; height: 100%; object-fit: cover; opacity: .9; transition: opacity var(--t-fast); }
body.djr-proto .c-yt:hover img{ opacity: 1; }
body.djr-proto .c-yt__play{ position: absolute; left: 50%; top: 50%; width: 78px; height: 78px; margin: -39px 0 0 -39px; border-radius: 50%; background: var(--c-red-deep); color: var(--c-white); display: grid; place-items: center; font-size: 28px; box-shadow: 0 0 0 8px rgba(200,16,46,.25); }
body.djr-proto .c-yt__note{ position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 14px; background: linear-gradient(transparent, rgba(0,0,0,.85)); font: 500 11.5px/1.3 var(--f-body); color: #CFCAC5; }
body.djr-proto .c-yt iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
body.djr-proto .c-ytcard__t{ font: 400 34px/1 var(--f-display); color: var(--c-white); letter-spacing: .04em; margin-top: 16px; }
body.djr-proto .c-ytcard__m{ font: 500 13px/1 var(--f-label); letter-spacing: .12em; color: var(--c-text); margin-top: 8px; }
body.djr-proto .c-video{ position: relative; aspect-ratio: 16 / 9; background: #000; border: 1px solid var(--c-line); overflow: hidden; }
body.djr-proto .c-video video, body.djr-proto .c-video img{ width: 100%; height: 100%; object-fit: cover; display: block; }
body.djr-proto .c-partner{ display: grid; grid-template-columns: 220px 1fr; gap: var(--s-7); padding: 44px 0; border-top: 1px solid var(--c-line); }
body.djr-proto .c-partner:first-of-type{ border-top: 0; padding-top: 0; }
body.djr-proto .c-partner .c-ph--logo{ width: 220px; }
body.djr-proto .c-partner__name{ font: 400 44px/1 var(--f-display); color: var(--c-white); letter-spacing: .03em; }
body.djr-proto .c-partner__role{ display: inline-block; margin: 14px 0 20px; padding: 7px 12px; border: 1px solid var(--c-line-red); font: 600 12px/1 var(--f-label); letter-spacing: .2em; text-transform: uppercase; color: var(--c-red-light); }
body.djr-proto .c-partner__grid{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; }
body.djr-proto .c-partner__grid h4{ font: 600 12px/1 var(--f-label); letter-spacing: .22em; text-transform: uppercase; color: #D9D4CF; margin: 0 0 10px; }
@media (max-width: 1023px){body.djr-proto .c-partner{ grid-template-columns: 1fr; gap: 22px; }
body.djr-proto .c-partner .c-ph--logo{ width: 140px; }
body.djr-proto .c-partner__grid{ grid-template-columns: 1fr; }
body.djr-proto .c-partner__name{ font-size: 36px; }
}
body.djr-proto .mk-tag{ display: inline-flex; align-items: center; gap: 6px; margin-bottom: 14px; padding: 5px 9px; background: #FFD84D; color: #111; font: 700 11px/1 var(--f-label); letter-spacing: .1em; text-transform: uppercase; }
body.djr-proto .mk-tag--common{ background: #9FD3FF; }
body.djr-proto.no-notes .mk-tag{ display: none; }
body.djr-proto .c-meta-row{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
body.djr-proto .c-meta{ padding: 12px 16px; border: 1px solid var(--c-line-red); background: rgba(0,0,0,.4); }
body.djr-proto .c-meta b{ display: block; font: 400 30px/1 var(--f-display); color: var(--c-white); letter-spacing: .04em; }
body.djr-proto .c-meta span{ font: 600 11px/1 var(--f-label); letter-spacing: .2em; text-transform: uppercase; color: var(--c-red-light); }
body.djr-proto .c-pk-cover{ border: 1px solid var(--c-line); box-shadow: var(--shadow-card); }
body.djr-proto .c-toc{ counter-reset: toc; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; }
body.djr-proto .c-toc li{ counter-increment: toc; padding: 14px 0; border-bottom: 1px solid var(--c-line); color: #CFCAC5; display: flex; gap: 14px; align-items: baseline; }
body.djr-proto .c-toc li::before{ content: counter(toc, decimal-leading-zero); font: 400 24px/1 var(--f-display); color: var(--c-red-light); }
@media (max-width: 767px){body.djr-proto .c-toc{ grid-template-columns: 1fr; }
}
body.djr-proto .c-links{ display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap); }
body.djr-proto .c-linkbox{ padding: 24px; border: 1px solid var(--c-line); background: rgba(0,0,0,.3); }
body.djr-proto .c-linkbox h4{ font: 600 12px/1 var(--f-label); letter-spacing: .24em; text-transform: uppercase; color: var(--c-red-light); margin: 0 0 14px; }
body.djr-proto .c-linkbox a{ display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid rgba(246,243,240,.07); color: var(--c-white); font-weight: 500; }
body.djr-proto .c-linkbox a:hover{ color: var(--c-red-light); }
body.djr-proto .c-linkbox a small{ color: var(--c-text-dim); font-weight: 400; }
@media (max-width: 1023px){body.djr-proto .c-links{ grid-template-columns: 1fr; }
}
body.djr-proto .c-footer__grid--v2{ grid-template-columns: 1.25fr 1.1fr 1fr .9fr .9fr; }
body.djr-proto .c-footer__grid--v2 .c-footer__hub{ color: var(--c-white); font-weight: 600; }
body.djr-proto .c-footer__grid--v2 .c-footer__hub small{ display: block; font-weight: 400; font-size: 12px; color: var(--c-text-dim); }
@media (max-width: 1023px){body.djr-proto .c-footer__grid--v2{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px){body.djr-proto .c-footer__grid--v2{ grid-template-columns: 1fr 1fr; gap: 32px 20px; }
body.djr-proto .c-footer__grid--v2 > :first-child, body.djr-proto .c-footer__grid--v2 > :nth-child(2){ grid-column: 1 / -1; }
}
body.djr-proto .c-form__grid--3{ grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 767px){body.djr-proto .c-form__grid--3{ grid-template-columns: 1fr; }
}
body.djr-proto .c-input.is-prefilled{ border-color: var(--c-line-red); }
body.djr-proto .l-cards-2{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--grid-gap); }
@media (max-width: 767px){body.djr-proto .l-cards-2{ grid-template-columns: minmax(0, 1fr); }
}
body.djr-proto .c-hero--iris .c-hero__irisbox{ display: grid; place-items: center; }
@media (max-width: 1023px){body.djr-proto .c-hero--iris .l-split{ padding-top: 32px !important; padding-bottom: 48px !important; }
body.djr-proto .c-hero--iris .c-hero__irisbox{ order: -1; }
body.djr-proto .c-hero--iris .c-hero__irisbox .c-iris{ --iris-d: min(250px, 64vw) !important; }
}
body.djr-proto .c-sigwrap{ position: relative; }
body.djr-proto .c-sig{ position: absolute; right: 10px; bottom: 8px; z-index: 3; white-space: nowrap; font: italic 400 11.5px/1 var(--f-body); letter-spacing: .02em; color: rgba(246,243,240,.8); text-shadow: 0 1px 3px rgba(0,0,0,.85); }
body.djr-proto a.c-sig:hover{ color: var(--c-white); }
body.djr-proto .c-hero__media > .c-sig{ right: auto; left: 14px; bottom: 12px; }
@media (max-width: 1023px){body.djr-proto .c-hero__media > .c-sig{ left: auto; right: 12px; top: 12px; bottom: auto; }
}
body.djr-proto .c-photo--mariage{ width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 32%; display: block; }
@media (max-width: 1023px){body.djr-proto .c-photo--mariage{ aspect-ratio: 4 / 3; object-position: 50% 30%; }
}
body.djr-proto .c-phero__media img.c-photo, body.djr-proto .c-photo--mariage, body.djr-proto .c-card__media img.c-photo{ height: auto; }
body.djr-proto .c-phero__media img.c-photo--mariage, body.djr-proto img.c-photo--mariage{ object-position: 50% 32%; }
@media (max-width: 1023px){body.djr-proto .c-phero__media img.c-photo--mariage, body.djr-proto img.c-photo--mariage{ object-position: 50% 30%; }
}
body.djr-proto .c-review--real{ min-height: 0; background: rgba(0,0,0,.45); border: 1px solid var(--c-line-red); border-top: 2px solid var(--c-red); margin: 0; }
body.djr-proto .c-review--real .c-review__stars{ opacity: 1; margin-bottom: 14px; }
body.djr-proto .c-review__title{ font: 400 30px/1.05 var(--f-display); color: var(--c-white); letter-spacing: .03em; margin-bottom: 12px; }
body.djr-proto .c-review__txt{ margin: 0; flex: 1; }
body.djr-proto .c-review__txt p{ margin: 0; font: 400 15px/1.65 var(--f-body); color: #CFCAC5; white-space: pre-wrap; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; }
body.djr-proto .c-review.is-open .c-review__txt p{ -webkit-line-clamp: unset; display: block; }
body.djr-proto .c-review__more{ align-self: flex-start; margin-top: 10px; padding: 0; background: none; border: 0; border-bottom: 1px solid var(--c-red); color: var(--c-white); font: 600 12px/1.6 var(--f-label); letter-spacing: .16em; text-transform: uppercase; cursor: pointer; }
body.djr-proto .c-review__by{ margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--c-line); font: 500 13.5px/1.4 var(--f-body); color: var(--c-white); }
body.djr-proto .c-review__lang{ color: var(--c-text); font-weight: 400; font-style: italic; }
body.djr-proto .c-pbadges{ display: flex; flex-wrap: wrap; gap: 12px; }
body.djr-proto .c-pbadge{ display: inline-flex; align-items: center; gap: 12px; padding: 10px 16px 10px 10px; border: 1px solid var(--c-line); background: rgba(0,0,0,.45); transition: border-color var(--t-fast); }
body.djr-proto .c-pbadge:hover{ border-color: var(--c-red); }
body.djr-proto .c-pbadge__mark{ flex: none; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; border: 1.5px solid #CFCAC5; color: var(--c-white); font: 700 16px/1 var(--f-body); }
body.djr-proto .c-pbadge--mn .c-pbadge__mark{ border-radius: 4px; }
body.djr-proto .c-pbadge__body{ display: grid; gap: 3px; }
body.djr-proto .c-pbadge__src{ font: 600 10.5px/1 var(--f-label); letter-spacing: .22em; text-transform: uppercase; color: var(--c-red-light); }
body.djr-proto .c-pbadge__line{ display: flex; align-items: center; gap: 8px; }
body.djr-proto .c-pbadge__score{ font: 400 26px/1 var(--f-display); color: var(--c-white); letter-spacing: .02em; }
body.djr-proto .c-pbadge__stars{ display: flex; gap: 2px; color: var(--c-red); font-size: 13px; }
body.djr-proto .c-pbadge__count{ font: 500 12.5px/1.2 var(--f-body); color: #CFCAC5; }
body.djr-proto .c-pbadge__note{ font: italic 400 12px/1.2 var(--f-body); color: var(--c-text); }
body.djr-proto .c-reviews__head{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px 40px; margin-bottom: var(--s-7); }
body.djr-proto .c-reviews__head .c-head{ margin-bottom: 0; }
body.djr-proto .c-reviews{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); align-items: start; }
body.djr-proto .c-reviews--4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.djr-proto .c-review__head{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
body.djr-proto .c-review__head .c-review__stars{ margin: 0; }
body.djr-proto .c-review__src{ padding: 5px 9px; border: 1px solid var(--c-line-red); font: 600 11px/1 var(--f-label); letter-spacing: .18em; text-transform: uppercase; color: var(--c-white); }
body.djr-proto .c-review--google .c-review__src{ border-color: rgba(246,243,240,.35); }
@media (max-width: 1023px){body.djr-proto .c-reviews, body.djr-proto .c-reviews--4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px){body.djr-proto .c-reviews, body.djr-proto .c-reviews--4{ grid-template-columns: minmax(0, 1fr); }
body.djr-proto .c-pbadge{ flex: 1 1 100%; }
}
body.djr-proto .c-portrait{ margin: 0 0 22px; }
body.djr-proto .c-portrait img{ width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 50%; display: block; border: 1px solid var(--c-line); }
body.djr-proto .c-phero__media img.c-photo--portrait{ aspect-ratio: 4 / 5; object-position: 50% 100%; }
@media (max-width: 1023px){body.djr-proto .c-phero__media img.c-photo--portrait, body.djr-proto .c-portrait img{ aspect-ratio: 4 / 3; object-position: 50% 50%; }
}
body.djr-proto .c-duo{ margin: 0 0 24px; max-width: 440px; justify-self: center; width: 100%; }
body.djr-proto .c-duo img{ display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border: 1px solid var(--c-line); }
@media (max-width: 767px){body.djr-proto .c-duo{ max-width: 100%; }
}