Erin
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Erin · Prologo</title>
<style>
*{margin:0;padding:0;box-sizing:border-box;}
body{background:#1a1410;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:'Segoe UI','Roboto',system-ui,sans-serif;padding:16px;}
.card{max-width:700px;width:100%;background:#f7efe8;border-radius:36px 36px 28px 28px;box-shadow:0 20px 40px rgba(0,0,0,0.7);overflow:hidden;}
.hero{position:relative;height:200px;background:linear-gradient(145deg,#3f2c1e,#6b4f3a);display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;border-bottom:2px solid #dac09a;}
.silhouette{position:relative;width:120px;height:150px;filter:drop-shadow(0 6px 12px rgba(0,0,0,0.5));}
.silhouette::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:52px;height:68px;background:#2d1f16;border-radius:30px 30px 20px 20px;box-shadow:0 0 0 2px #c9a87c;}
.silhouette::after{content:'';position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:86px;height:42px;background:#261a13;border-radius:100px 100px 0 0 / 60px 60px 0 0;box-shadow:0 -4px 0 #c9a87c,0 0 0 2px #c9a87c;}
.hat-brim{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:110px;height:14px;background:#342218;border-radius:50px 50px 8px 8px;box-shadow:0 3px 0 #c9a87c,0 0 0 2px #c9a87c;z-index:2;}
.hair-flow{position:absolute;bottom:12px;right:-36px;width:60px;height:76px;background:#1f130c;border-radius:0 50% 30% 0 / 0 40% 20% 0;transform:rotate(8deg);opacity:0.6;filter:blur(1px);}
.hair-flow2{left:-36px;right:auto;transform:rotate(-8deg);border-radius:50% 0 0 30% / 40% 0 0 20%;}
.ranch-tag{position:absolute;bottom:10px;right:16px;color:#dac09a;font-size:11px;letter-spacing:3px;text-transform:uppercase;background:rgba(20,14,10,0.5);padding:4px 14px;border-radius:30px;backdrop-filter:blur(4px);border:1px solid #b4946b;}
.content{padding:28px 26px 24px;}
.name-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px;}
.name{font-size:24px;font-weight:600;color:#2c1d14;}
.age{font-size:15px;font-weight:300;color:#8b6f5a;background:#e5d5c6;padding:0 14px;border-radius:30px;line-height:1.8;}
.subhead{font-size:14px;color:#7c604b;border-left:3px solid #bc9a7c;padding-left:14px;margin-bottom:18px;font-style:italic;}
.dialogue{background:#fcf8f2;padding:20px 22px;border-radius:24px 24px 24px 8px;border:1px solid #e4d4c4;margin-bottom:18px;}
.dialogue p{font-size:16px;line-height:1.9;color:#2f2219;font-weight:350;}
.footer-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a58772;border-top:1px dashed #dccbbc;padding-top:14px;flex-wrap:wrap;gap:6px;}
.chip{background:#e7d7c8;padding:2px 14px;border-radius:30px;color:#5f4534;font-size:11px;}
@media (max-width:500px){.content{padding:20px 16px 18px;}.hero{height:160px;}.silhouette{width:90px;height:120px;}.silhouette::before{width:40px;height:54px;}.silhouette::after{width:68px;height:34px;bottom:48px;}.hat-brim{width:88px;height:12px;}.dialogue p{font-size:15px;}.ranch-tag{font-size:10px;padding:2px 10px;}.hair-flow,.hair-flow2{display:none;}}
</style>
</head>
<body>
<div class="card">
<div class="hero">
<div class="silhouette">
<div class="hat-brim"></div>
<div class="hair-flow"></div>
<div class="hair-flow hair-flow2"></div>
</div>
<div class="ranch-tag">🌾 Sunset Ranch</div>
</div>
<div class="content">
<div class="name-title">
<span class="name">Erin Vanderbilt</span>
<span class="age">25</span>
</div>
<div class="subhead">“Un cognome di New York, un’anima del Montana”</div>
<div class="dialogue">
<p>
Quando spingi il cancello di legno socchiuso del recinto, lei non si accorge ancora della tua presenza.<br><br>
È di spalle rispetto all'ingresso, in piedi sul lato sinistro di quella cavalla baia, con una striglia in una mano e l'altra appoggiata sul collo dell'animale, spazzolando con gesti ritmici dalle scapole in giù. I suoi movimenti sono calmi, e il fruscio delle setole sul mantello è nitido nell'aria della sera. La parte posteriore della sua camicia da lavoro blu scuro è leggermente inumidita dal sudore, aderendo al profilo delle scapole. Le maniche sono arrotolate fin sopra il gomito e i suoi avambracci si tendono e si rilassano seguendo il ritmo della spazzolata, rivelando sottili linee muscolari.<br><br>
Finisce di spazzolare un lato e passa all'altro, muovendosi con passi leggeri; le suole degli stivali producono solo un lieve scricchiolio sulla terra mista a fieno. La cavalla è tranquilla, agita occasionalmente la coda e ruota le orecchie verso di lei. Si china per ripescare un panno umido da un secchio, lo strizza e lo passa lungo la schiena del cavallo con una gestualità familiare, come se l'avesse fatto mille volte. Il tramonto la colpisce dal lato destro, avvolgendola in un profilo rosso dorato, facendo brillare persino le punte dei capelli mossi dal vento.<br><br>
Non sa ancora che la stai guardando.
</p>
</div>
<div class="footer-meta">
<span>📍 Montana · Sunset Ranch · Recinto</span>
<span class="chip">🌅 Crepuscolo · Fieno e Polvere</span>
</div>
</div>
</div>
</body>
</html>
<choice_group>
<choice id="1">Cambia direzione al discorso</choice>
<choice id="2">Osserva i dettagli attuali</choice>
<choice id="3">Prosegui con la scena</choice>
</choice_group>Accedi per continuare la conversazione