/* Virgule Accueil — art direction pass 1
   Direction: DAILY DESK / study desk.
   The connected home is treated as a student's working desk, not a SaaS dashboard:
   editorial index, ruled instruments, one dominant continuation action.
   Additive only: no logic/content changes. */

.acc-page.accueil-art-direction{
  background:var(--ardoise,#091a09);
}

.accueil-art-direction .acc-shell{
  padding-top:72px;
}

.accueil-art-direction .acc-hero{
  max-width:1240px;
  min-height:clamp(230px,32vw,390px);
  max-height:none;
  margin:0 auto;
  padding:clamp(38px,6vw,76px) clamp(20px,5vw,72px) clamp(28px,4vw,52px);
  background:var(--ardoise);
  border-bottom:1px solid var(--craie-doree-border);
  isolation:isolate;
  justify-content:flex-end;
}

.accueil-art-direction .acc-hero::before{
  content:'DAILY DESK / 01';
  position:absolute;
  inset-inline-start:clamp(20px,5vw,72px);
  inset-block-start:24px;
  z-index:2;
  color:var(--craie-doree);
  font:500 10px/1 var(--font-body);
  letter-spacing:.16em;
}

.accueil-art-direction .acc-hero::after{
  content:'،';
  inset:auto clamp(12px,5vw,80px) -55px auto;
  width:auto;
  height:auto;
  background:none;
  color:var(--craie-doree);
  font:400 clamp(180px,24vw,340px)/.65 Georgia,serif;
  opacity:.055;
  pointer-events:none;
}

.accueil-art-direction .acc-greeting{
  width:100%;
  max-width:920px;
  margin-inline:auto;
  align-items:flex-end;
}

.accueil-art-direction .acc-greeting h2{
  font-size:clamp(42px,6.8vw,82px);
  line-height:.9;
  letter-spacing:-.055em;
  font-weight:400;
}

.accueil-art-direction .acc-greeting h2::after{
  content:'';
  display:block;
  width:min(180px,32%);
  height:2px;
  margin-top:18px;
  background:var(--craie-doree);
}

.accueil-art-direction .acc-chip-row{
  margin-top:18px;
  gap:0;
}

.accueil-art-direction .acc-chip{
  border:0;
  border-radius:0;
  padding:0;
  background:transparent;
  color:var(--craie-pale);
  font-size:11px;
  letter-spacing:.05em;
}

.accueil-art-direction .acc-chip + .acc-chip{
  margin-inline-start:14px;
  padding-inline-start:14px;
  border-inline-start:1px solid var(--craie-doree-border);
}

.accueil-art-direction .acc-avatar{
  width:52px;
  height:52px;
  border-radius:0;
  border:1px solid var(--craie-doree-border);
  background:transparent;
}

.accueil-art-direction .acc-streak-line{
  width:min(920px,calc(100% - 40px));
  margin:0 auto;
  padding:15px 0;
  border-bottom:1px solid var(--vgl-v3-line);
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.accueil-art-direction .acc-streak-dot{
  border-radius:0;
  width:7px;
  height:7px;
}

.accueil-art-direction .acc-portals{
  width:min(920px,calc(100% - 40px));
  margin:0 auto;
  padding:0;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border-bottom:1px solid var(--vgl-v3-line);
}

.accueil-art-direction .acc-portal{
  min-height:130px;
  padding:22px 18px 20px;
  border:0;
  border-inline-end:1px solid var(--vgl-v3-line);
  border-radius:0;
  background:transparent;
  gap:13px;
  justify-content:flex-start;
}

.accueil-art-direction .acc-portal:first-child{
  border-inline-start:1px solid var(--vgl-v3-line);
}

.accueil-art-direction .acc-portal::after{
  inset:auto 0 0;
  width:100%;
  height:2px;
  border:0;
  border-radius:0;
  background:var(--craie-doree);
  transform:scaleX(0);
  transform-origin:center;
}

.accueil-art-direction .acc-portal:hover{
  background:rgba(232,245,232,.025);
}

.accueil-art-direction .acc-portal:hover::after{
  opacity:1;
  transform:scaleX(1);
}

.accueil-art-direction .acc-portal-icon{
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--craie-doree);
  justify-content:flex-start;
}

.accueil-art-direction .acc-portal-title{
  font-size:15px;
  font-weight:500;
}

.accueil-art-direction .acc-portal-data{
  font-size:10px;
  color:rgba(232,245,232,.45);
}

.accueil-art-direction .acc-grid{
  width:min(920px,calc(100% - 40px));
  max-width:none;
  margin:0 auto;
  padding:0 0 90px;
  display:block;
}

.accueil-art-direction .acc-main{
  display:block;
}

.accueil-art-direction .acc-surface{
  border:0;
  border-bottom:1px solid var(--vgl-v3-line);
  border-radius:0;
  background:transparent;
  padding:clamp(24px,4vw,42px) 0;
}

.accueil-art-direction #acc-countdown{
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:end;
}

.accueil-art-direction .acc-countdown{
  align-items:end;
}

.accueil-art-direction .acc-cd-number{
  min-width:96px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  font-size:clamp(38px,5vw,64px);
  line-height:.85;
}

.accueil-art-direction .acc-cd-number::after{
  content:' J';
  font-size:.35em;
  letter-spacing:.04em;
}

.accueil-art-direction .acc-cd-title{
  font-size:14px;
}

.accueil-art-direction .acc-cd-sub{
  margin-top:7px;
  font-size:10px;
}

.accueil-art-direction .acc-cd-tag{
  border:0;
  border-radius:0;
  background:transparent;
  padding:0;
  color:var(--craie-doree);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.accueil-art-direction #acc-continue{
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  margin-top:0;
  padding-block:clamp(32px,5vw,54px);
  border-inline-start:0;
  border-bottom:2px solid var(--craie-doree);
}

.accueil-art-direction .acc-continue::before{
  content:'REPRENDRE / 02';
  position:absolute;
  inset-block-start:12px;
  inset-inline-start:0;
  color:var(--craie-doree);
  font:500 9px/1 var(--font-body);
  letter-spacing:.14em;
}

.accueil-art-direction .acc-continue-icon{
  width:58px;
  height:58px;
  border-radius:0;
  border:1px solid var(--craie-doree-border);
  background:transparent;
}

.accueil-art-direction .acc-continue-kicker{
  font-size:10px;
  letter-spacing:.14em;
}

.accueil-art-direction .acc-continue-path{
  margin-top:7px;
  font-size:clamp(20px,2.5vw,30px);
  letter-spacing:-.025em;
}

.accueil-art-direction .acc-continue-node{
  margin-top:6px;
}

.accueil-art-direction .acc-continue-meta{
  margin-top:16px;
}

.accueil-art-direction .acc-continue-track{
  height:2px;
  border-radius:0;
  background:rgba(232,245,232,.12);
}

.accueil-art-direction .acc-continue-fill{
  border-radius:0;
}

.accueil-art-direction .acc-continue-cta{
  min-height:48px;
  border-radius:0;
  padding:12px 18px;
  background:var(--craie-doree);
}

.accueil-art-direction .acc-section-head{
  margin-bottom:20px;
}

.accueil-art-direction .acc-section-title{
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--craie-doree);
}

.accueil-art-direction .acc-section-link{
  font-size:10px;
}

.accueil-art-direction .acc-subject{
  padding:15px 0;
  border-bottom:1px solid var(--vgl-v3-line);
}

.accueil-art-direction .acc-subject:last-child{
  border-bottom:0;
}

.accueil-art-direction .acc-subject-dot{
  width:6px;
  height:6px;
  border-radius:0;
}

.accueil-art-direction .acc-subject-bar{
  height:2px;
  border-radius:0;
}

.accueil-art-direction .acc-subject-bar-fill{
  border-radius:0;
}

@media (max-width:767px){
  .accueil-art-direction .acc-shell{
    padding-top:64px;
  }
  .accueil-art-direction .acc-hero{
    min-height:300px;
    padding:78px 20px 30px;
  }
  .accueil-art-direction .acc-hero::before{
    inset-inline-start:20px;
    inset-block-start:24px;
  }
  .accueil-art-direction .acc-greeting{
    align-items:flex-start;
  }
  .accueil-art-direction .acc-greeting h2{
    font-size:clamp(42px,13vw,62px);
  }
  .accueil-art-direction .acc-avatar{
    position:absolute;
    inset-inline-end:0;
    inset-block-start:0;
  }
  .accueil-art-direction .acc-portals{
    width:calc(100% - 32px);
    grid-template-columns:1fr 1fr;
  }
  .accueil-art-direction .acc-portal{
    min-height:112px;
    padding:18px 12px;
  }
  .accueil-art-direction .acc-portal:nth-child(2n){
    border-inline-end:1px solid var(--vgl-v3-line);
  }
  .accueil-art-direction .acc-portal:nth-child(n+3){
    border-top:1px solid var(--vgl-v3-line);
  }
  .accueil-art-direction .acc-grid,
  .accueil-art-direction .acc-streak-line{
    width:calc(100% - 32px);
  }
  .accueil-art-direction #acc-countdown{
    grid-template-columns:1fr;
    align-items:start;
  }
  .accueil-art-direction .acc-countdown{
    align-items:flex-start;
  }
  .accueil-art-direction #acc-continue{
    grid-template-columns:44px minmax(0,1fr);
    gap:14px;
  }
  .accueil-art-direction .acc-continue-icon{
    width:44px;
    height:44px;
  }
  .accueil-art-direction .acc-continue-cta{
    grid-column:1 / -1;
    width:100%;
    justify-content:center;
  }
}

@media (prefers-reduced-motion:reduce){
  .accueil-art-direction .acc-enter{
    animation:none;
    opacity:1;
    transform:none;
  }
  .accueil-art-direction .acc-portal::after,
  .accueil-art-direction .acc-continue-fill,
  .accueil-art-direction .acc-subject-bar-fill{
    transition:none;
  }
}