/* V5: David rejects both V4 display faces; body typography remains unchanged. */
:root{--ink:#040810;--ivory:#eef2f7;--muted:#bfc9d6;--gold:#becde1;--line:#bed0ee30}
body{background:var(--ink);isolation:isolate}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#040810a8,#040810de),url('assets/v5/cielo-continuo-lossless247.webp') center/cover no-repeat}
#home-view{background:transparent}
h1,h2,h3,.script,.wordmark,.service-aside .price,.tarot-options a>span:first-child{font-family:Manrope,Arial,sans-serif;font-weight:400}
h2{font-size:clamp(2.3rem,4.3vw,4.6rem);letter-spacing:-.055em;line-height:1.13}
h3{letter-spacing:-.04em;line-height:1.2}
.script{font-size:1em;color:inherit;letter-spacing:inherit}
.wordmark{font-size:1.3rem;letter-spacing:.18em;text-transform:uppercase}
.preview-note{background:#0b1220;color:#d3deef}
.preview-note span{color:#a8b5c9}
.site-header{background:linear-gradient(#040810b0,transparent)}
.site-header nav{font-size:.875rem}
.site-header nav.open{background:#07101cf7}
.hero{background:transparent;min-height:790px}
.hero-copy{padding-top:210px}
.hero h1{font-size:clamp(4.2rem,8.3vw,8.6rem);line-height:1.02;letter-spacing:-.045em;max-width:920px}
.hero-art img{object-position:64% 50%}
.hero-shade{background:linear-gradient(90deg,#04081080,transparent 75%),linear-gradient(0deg,#040810,transparent 40%)}
.hero-intro{color:#ced7e5;line-height:1.7;margin-top:35px}
.hero .text-link{margin-top:32px}
.hero-bottom{color:#bac7d8;bottom:80px}
.about{padding-block:130px 110px}
.about-copy{padding-top:8px}
.about-copy .formation{color:var(--muted)}
.consultations{padding-block:65px 100px}
.section-heading>p:last-child{max-width:285px}
.editorial-grid{grid-template-columns:1.08fr .92fr;gap:100px 9%;align-items:start}
.editorial-item{max-width:none;width:100%}
.editorial-item.cycles{padding-top:150px}
.editorial-item.lunar{width:83%;margin-top:-40px}
.editorial-item.transits{padding-top:65px}
.editorial-item.bonds{grid-column:auto;margin-top:-15px;max-width:none}
.editorial-item.horary{grid-column:auto;margin-top:140px;max-width:none;width:90%;justify-self:end}
.image-window{aspect-ratio:5/4;background:transparent;mask-image:linear-gradient(0deg,transparent,#000 8%,#000 96%,transparent)}
.cycles .image-window,.bonds .image-window{aspect-ratio:4/5}
.lunar .image-window{aspect-ratio:1/1}
.image-window img{object-position:70% center}
.transits .image-window img{object-position:50% center}
.horary .image-window img{object-position:55% center}
.image-window:after{background:linear-gradient(0deg,#04081075,transparent 35%)}
.image-action{border-color:#dde8fa80;background:#0408109c;width:46px;height:46px}
.service-label{padding-top:22px}
.service-label h3{font-size:clamp(1.8rem,2.65vw,2.7rem);margin:0}
.service-label p{font-size:1rem;line-height:1.7;margin-top:16px;color:var(--muted)}
.accompaniment{min-height:850px;padding-block:180px}
.scene-art img{object-position:80% center}
.scene-art,.scene-shade{mask-image:linear-gradient(0deg,transparent,#000 22%,#000 78%,transparent)}
.scene-shade{background:linear-gradient(90deg,#040810bc,transparent 85%)}
.scene-copy h2{font-size:clamp(2.2rem,4.55vw,4.8rem);max-width:900px;letter-spacing:-.05em;line-height:1.2}
.scene-copy .scene-secondary{color:var(--muted)}
.tarot{padding-block:100px}
.tarot-art img{height:630px;object-position:15% center}
.tarot-options a>span:first-child{font-size:1.5rem;letter-spacing:-.03em}
.social{padding-block:85px 100px}
.social-intro{max-width:295px}
.social-gallery{width:100%;gap:5%;grid-template-columns:1fr 1fr 1fr}
.social-gallery img{mask-image:linear-gradient(0deg,transparent,#000 3%,#000 97%,transparent)}
.sample-note{color:#a6b5cb}
.process h3{font-size:1.35rem;letter-spacing:-.025em}
.process li{margin-bottom:30px}
.pill-button{background:#dee8f6;color:#08111d;border-color:#c5d6ed;font-size:1rem}
.pill-button:hover{background:#b9cbe3}
.motion-toggle{background:#07101fe8;border-color:#c9d9ef45;color:#d2dff0}
.service-hero{height:670px}
.service-hero:after{background:linear-gradient(0deg,#040810ee,#04081055 45%,#04081010)}
.service-hero-copy{padding-bottom:38px}
.service-hero h1{font-size:clamp(3rem,5.7vw,6rem);max-width:1000px;line-height:1.12;letter-spacing:-.055em}
.back-link{margin-bottom:40px;color:#d0ddef}
.service-intro{font-size:1.2rem;color:#e0e7f1}
.service-body h2{font-size:1.8rem;letter-spacing:-.035em}
.service-body p,.service-body li{color:#c9d2df}
.service-aside h2{font-size:1.7rem;letter-spacing:-.04em}
.service-aside .price{font-size:1.85rem}
.service-aside .small{color:#aab9ce}
.footer>small{color:#a9b8ce}
.page-transition{background:#040810}
.page-transition:after{background:linear-gradient(0deg,#04081040,transparent)}
.editor-tools{position:fixed;z-index:120;bottom:18px;left:18px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 220px);flex-wrap:wrap}
.editor-tools button{min-height:44px;border:1px solid #c9d9ef45;background:#07101ff5;color:#d2dff0;padding:9px 13px;border-radius:4px;font-size:.8rem}
.editor-tools button:hover{background:#172639}
.editor-tools span{width:100%;font-size:.75rem;color:#e3edfa;background:#07101ff5;padding:4px 8px}
.editing-text [data-edit-key]{outline:1px dashed #8badee80;outline-offset:4px;cursor:text}
.editing-text [data-edit-key]:focus{outline:2px solid #bfd4ff;outline-offset:5px}
.edited-copy{white-space:pre-line}
@media(max-width:1000px){
  .section-heading>p:last-child{position:static;max-width:none;margin-top:28px}
  .site-header nav{font-size:1rem}
  .editorial-grid{gap:80px 7%}
  .hero-copy{padding-top:200px}
}
@media(max-width:760px){
  .editor-tools{bottom:12px;left:12px;max-width:calc(100% - 175px);gap:5px}
  .wordmark{font-size:1.05rem;letter-spacing:.14em}
  .hero{min-height:710px}
  .hero-copy{padding-top:195px}
  .hero h1{font-size:clamp(3.1rem,13.7vw,5rem);line-height:1.1}
  .hero-intro{font-size:1rem;max-width:315px}
  .hero-shade{background:linear-gradient(90deg,#04081080,#04081020),linear-gradient(0deg,#040810,transparent 60%)}
  .hero-art img{object-position:55% center}
  h2,.about h2,.section-heading h2,.tarot-copy h2,.social-heading h2,.process h2{font-size:clamp(2rem,9.1vw,3.2rem);line-height:1.15}
  .about{padding-block:80px 70px}
  .about-copy{padding-top:28px}
  .editorial-grid{grid-template-columns:1fr;gap:58px;margin-top:45px}
  .editorial-item.cycles,.editorial-item.lunar,.editorial-item.transits,.editorial-item.bonds,.editorial-item.horary{padding-top:0;margin-top:0;width:100%;grid-column:1}
  .editorial-item:nth-child(even){width:89%;justify-self:end}
  .image-window,.cycles .image-window,.bonds .image-window{aspect-ratio:5/4}
  .lunar .image-window{aspect-ratio:4/3}
  .service-label h3{font-size:clamp(1.5rem,6.5vw,2rem)}
  .service-label p{font-size:1rem}
  .accompaniment{min-height:760px;padding-block:140px 120px}
  .scene-copy h2{font-size:clamp(1.7rem,7.7vw,3.3rem);letter-spacing:-.055em}
  .scene-art img{object-position:85% center}
  .scene-shade{background:linear-gradient(90deg,#040810ce,#04081050)}
  .scene-copy>p:not(.eyebrow){font-size:1rem}
  .tarot{padding-block:25px 60px}
  .tarot-art img{height:350px;object-position:15% center}
  .social-gallery{grid-template-columns:1fr 1fr;gap:25px 18px}
  .service-hero{min-height:510px;height:560px}
  .service-hero h1{font-size:clamp(1.65rem,8.7vw,3.25rem);overflow-wrap:normal}
  .service-aside h2{font-size:clamp(1.5rem,7.8vw,1.7rem)}
  .service-body h2{font-size:1.6rem}
  .service-intro{font-size:1.1rem}
}