:root{--wine:#580000;--wine2:#7a0b0b;--black:#060606;--paper:#f3f0ed;--grey:#4f4f4f;--line:rgba(255,255,255,.14);--serif:"Cormorant Garamond",serif;--sans:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:var(--sans)}a{text-decoration:none;color:inherit}.container{width:min(1280px,calc(100% - 64px));margin:auto}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#c6a3a3;font-weight:700}.eyebrow:before{content:"— ";color:#a34c4c}.title{font:500 clamp(50px,7vw,105px)/.85 var(--serif);letter-spacing:-.04em;margin:18px 0 35px}.btn{display:inline-flex;padding:17px 25px;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:700;border:1px solid #fff;transition:.25s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--wine);border-color:var(--wine)}.outline:hover{background:#fff;color:#000}
/* nav */
header{position:absolute;width:100%;z-index:5;border-bottom:1px solid var(--line)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.logo{font:600 25px var(--serif);letter-spacing:.1em}.logo small{display:block;font:8px var(--sans);letter-spacing:.25em;color:#aaa;text-transform:uppercase}nav{display:flex;gap:30px;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#ccc}.navrdv{background:var(--wine);padding:14px 18px;color:#fff!important}
/* hero */
.hero{min-height:100vh;display:flex;align-items:end;padding:150px 0 70px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.92) 38%,rgba(5,5,5,.22) 72%,rgba(5,5,5,.6));z-index:-1}.hero-img{position:absolute;inset:0 0 0 42%;z-index:-2;background:radial-gradient(circle at 50% 35%,#4b4b4b,transparent 25%),linear-gradient(145deg,#1d1d1d,#080808 65%,#580000)}.hero-img:after{content:"EMPLACEMENT PHOTO HERO — LILY EN TRAIN DE TATOUER";position:absolute;inset:0;display:grid;place-items:center;color:#999;font-size:10px;letter-spacing:.15em}.hero p{max-width:550px;color:#bbb;line-height:1.8}.actions{display:flex;gap:12px;margin-top:30px}.stats{display:flex;border-top:1px solid var(--line);margin-top:65px;max-width:700px}.stat{padding:17px 28px 0 0;margin-right:28px;border-right:1px solid var(--line);font-size:11px}.stat span{display:block;color:#777;font-size:9px;margin-top:6px}
/* intro */
.intro{background:var(--paper);color:#181818;padding:130px 0}.intro-grid,.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.copy{font-size:17px;line-height:1.8;color:#555;max-width:580px}.photo{height:620px;background:linear-gradient(145deg,#151515,#3d3d3d 55%,#580000);position:relative}.photo:after,.work:after{content:"EMPLACEMENT PHOTO";position:absolute;inset:0;display:grid;place-items:center;color:#aaa;font-size:10px;letter-spacing:.15em}
/* styles */
.styles{padding:130px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.card{min-height:520px;position:relative;padding:35px;display:flex;align-items:end;overflow:hidden;background:#111}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.94));z-index:1}.card:nth-child(1){background:linear-gradient(150deg,#333,#050505 65%,#580000)}.card:nth-child(2){background:linear-gradient(145deg,#580000,#111 55%,#000)}.card:nth-child(3){background:linear-gradient(160deg,#222,#555 20%,#080808 70%)}.card div{position:relative;z-index:2}.card h3{font:500 48px var(--serif);margin:12px 0}.card p{color:#bbb;line-height:1.7;font-size:13px}
/* portfolio */
.portfolio{background:#111;padding:130px 0}.head{display:flex;justify-content:space-between;align-items:end}.head p{max-width:340px;color:#999;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:110px;gap:12px;margin-top:50px}.work{position:relative;overflow:hidden;background:#333}.work:nth-child(odd){background:linear-gradient(145deg,#222,#555,#111)}.work:nth-child(even){background:linear-gradient(145deg,#580000,#222,#050505)}.work:nth-child(1){grid-column:span 5;grid-row:span 4}.work:nth-child(2){grid-column:span 3;grid-row:span 3}.work:nth-child(3){grid-column:span 4;grid-row:span 5}.work:nth-child(4){grid-column:span 4;grid-row:span 4}.work:nth-child(5),.work:nth-child(6){grid-column:span 4;grid-row:span 3}
/* process */
.process{padding:120px 0;background:var(--wine)}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.35);margin-top:55px}.step{padding:32px 25px;border-right:1px solid rgba(255,255,255,.25);min-height:270px}.num{font:55px var(--serif);color:#e3bbbb}.step h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em}.step p{color:#e2c6c6;font-size:12px;line-height:1.7}
/* about + pricing */
.about{padding:130px 0}.about .photo{height:650px}.about p{color:#aaa;line-height:1.9;max-width:580px}.quote{font:italic 40px/1.1 var(--serif);margin:40px 0}.pricing{background:var(--paper);color:#181818;padding:130px 0}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{border:1px solid #d6cfca;padding:38px;min-height:380px;display:flex;flex-direction:column}.price-card.featured{background:#111;color:#fff}.price-card h3{font:500 40px var(--serif);margin:0}.price-card p,.price-card li{color:#777;font-size:13px;line-height:1.8}.featured p,.featured li{color:#aaa}.price-card ul{padding-left:18px}.price{font-size:24px;font-weight:600;margin:20px 0}.price-card .btn{margin-top:auto;align-self:flex-start}
/* faq */
.faq{padding:120px 0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}details{border-top:1px solid var(--line);padding:20px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600;font-size:14px}details p{color:#999;line-height:1.8;font-size:13px}
/* contact */
.contact{background:var(--wine);display:grid;grid-template-columns:1fr 1fr}.contact-copy{padding:100px max(32px,calc((100vw - 1280px)/2)) 100px max(32px,calc((100vw - 1280px)/2));}.contact-copy p{max-width:480px;color:#e0c3c3;line-height:1.8}.details{line-height:2;color:#e0c3c3;font-size:13px;margin-top:40px}.form{background:var(--paper);color:#181818;padding:90px clamp(35px,8vw,120px)}.form h3{font:500 48px var(--serif);margin:0 0 35px}.field{margin-bottom:20px}.field label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#666;margin-bottom:7px}input,textarea,select{width:100%;padding:12px 0;border:0;border-bottom:1px solid #bbb;background:transparent;font:inherit;outline:none}textarea{min-height:90px;resize:vertical}
/* footer */
footer{padding:40px 0;border-top:1px solid var(--line);color:#777;font-size:10px}.foot{display:flex;justify-content:space-between;align-items:center}.social{display:flex;gap:10px}.social a{border:1px solid #333;padding:9px}
@media(max-width:900px){.container{width:min(100% - 40px,1280px)}nav{display:none}.hero-img{left:20%;opacity:.6}.intro-grid,.about-grid,.faq-grid{grid-template-columns:1fr;gap:45px}.cards,.price-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.grid{grid-template-columns:1fr 1fr;grid-auto-rows:240px}.work:nth-child(n){grid-column:auto;grid-row:auto}.contact{grid-template-columns:1fr}.contact-copy{padding:80px 30px}.head{display:block}}
@media(max-width:550px){.title{font-size:58px}.actions{flex-direction:column;align-items:flex-start}.stats{display:none}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.grid{grid-template-columns:1fr}.foot{flex-direction:column;gap:20px}.photo{height:420px}}