@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--ink:#663634;--rose:#ad4f61;--pink:#f6b8c4}*{box-sizing:border-box}html{background:#f8ebec}body{margin:0;color:var(--ink);font-family:Georgia,'Times New Roman',serif}.page{position:relative;isolation:isolate;width:min(100%,560px);min-height:100vh;margin:auto;overflow:hidden;background:radial-gradient(ellipse 74% 40% at 15% 93%,#f7c9d1 0%,transparent 86%),radial-gradient(ellipse 70% 39% at 99% 83%,#ffe0e2 0%,transparent 85%),linear-gradient(180deg,#fff6f4 24%,#fffdfb 46%,#ffefee 100%);box-shadow:0 3px 32px #6d4c4c18}.hero{position:relative;height:clamp(165px,43vw,238px);overflow:hidden;z-index:1}.hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%}.hero:after{content:"";position:absolute;inset:auto 0 0;height:18%;background:linear-gradient(transparent,#fff8f4bb)}.intro,.links{position:relative;z-index:3;text-align:center;padding-inline:clamp(17px,4vw,30px)}.avatar{position:relative;width:clamp(142px,35vw,188px);height:clamp(142px,35vw,188px);margin:-23px auto 0;border:5px solid #fff;border-radius:50%;overflow:hidden;box-shadow:0 4px 16px #865f5f16}.avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(56px,12.8vw,82px);line-height:.98;letter-spacing:.17em;margin:13px -.17em 0 0}.ornament{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:4px}.ornament span{display:block;width:47px;height:1px;background:#986f6c}.ornament b{font-size:32px;font-weight:normal;line-height:1}.bio{max-width:490px;margin:19px auto 0;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(19px,4.4vw,26px);font-weight:500;line-height:1.3}.bio p{margin:0 0 17px}.links{padding-bottom:28px}.links h2{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;margin:7px -15px 19px;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(38px,8.6vw,56px);font-weight:600;color:#af5060;line-height:1.05;white-space:nowrap}.links .heart{font-size:1.15em;color:#f099b1;font-weight:400}.links .spark{position:absolute;left:2%;top:24%;font-size:34px;color:#f0a2b8;transform:rotate(-28deg);font-weight:400}.buttons{display:flex;flex-direction:column;gap:11px;max-width:430px;margin:auto}.link-btn{width:100%;position:relative;display:grid;grid-template-columns:74px 1fr 38px;align-items:center;min-height:65px;padding:6px 17px 6px 32px;border:2px solid #fff;border-radius:100px;text-decoration:none;color:#5f2829;background:#fff8f5dc;box-shadow:0 10px 26px #c4808014;transition:transform .18s,box-shadow .18s}.link-btn:hover,.link-btn:focus-visible{transform:translateY(-2px);box-shadow:0 9px 23px #b5676750;outline-color:#b44b74}.link-btn.onlyfans{background:linear-gradient(120deg,#e6f3ffed,#e9f5ffbd);box-shadow:0 0 27px #9fcbef79}.link-btn.instagram{background:linear-gradient(110deg,#ffe8edef,#ffe6edbd)}.link-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,6vw,37px);font-weight:600}.brand{justify-self:center;display:flex;align-items:center;justify-content:center}.of-brand{color:#05ace8;font-family:Arial,sans-serif;font-weight:900;font-size:29px;font-style:italic;letter-spacing:-8px;padding-right:8px}.instagram-brand{position:relative;width:42px;height:42px;border-radius:11px;background:radial-gradient(circle at 25% 100%,#ffd772,#fa7130 35%,#d329a8 62%,#654bdb 100%)}.instagram-brand:before{content:"";position:absolute;inset:8px;border:3px solid white;border-radius:8px}.instagram-brand:after{content:"";position:absolute;right:10px;top:10px;width:6px;height:6px;border-radius:50%;background:white}.ig-lens{width:13px;height:13px;border:3px solid white;border-radius:50%}.x-brand{height:42px;width:42px;background:black;color:white;border-radius:10px;font-family:Arial,sans-serif;font-size:30px;font-weight:200}.chevron{width:14px;height:14px;border-right:2px solid #682f33;border-top:2px solid #682f33;transform:rotate(45deg);justify-self:center}.link-message{max-width:410px;font-size:13px;line-height:1.5;margin:14px auto 0;padding:10px;border-radius:9px;background:#fff6f1}footer{position:relative;z-index:3;padding:0 12px 21px;text-align:center;color:#966e6c;font:11px/1.5 system-ui,sans-serif}@media(min-width:700px){.page{margin:24px auto;border-radius:9px}.hero{height:233px}}@media(max-width:380px){.bio{font-size:18.5px}.bio p{margin-bottom:16px}.links h2{font-size:37px}.links .spark{display:none}.link-btn{grid-template-columns:60px 1fr 23px;padding-left:17px}.brand.instagram-brand,.x-brand{width:38px;height:38px}}@media(max-width:430px){.large-only{display:none}}@media(prefers-reduced-motion:reduce){.link-btn{transition:none}}

/* v2 typography & spacing refinements, 2026-10-20 */
.page { --text-width: 445px; }
h1 { font-size:clamp(49px, 11vw, 69px); margin-top:11px; }
.ornament { margin-top:5px; }
.ornament b { font-size:27px; }
.bio { max-width:var(--text-width); margin-top:17px; font-size:clamp(17px, 3.65vw, 21px); line-height:1.43; letter-spacing:.006em; }
.bio p { margin:0 auto 16px; text-wrap:pretty; }
.bio p:last-child { margin-bottom:13px; }
.links h2 { display:grid; grid-template-columns:26px max-content 26px; align-items:center; justify-content:center; column-gap:8px; white-space:nowrap; font-size:clamp(27px, 6.3vw, 40px); line-height:1.15; margin:10px auto 17px; }
.links h2 .heading-text { display:block; }
.links h2 .heart { font-size:.82em; line-height:1; }
.links h2 .spark { position:static; transform:none; font-size:.82em; line-height:1; color:#f099b1; }
.buttons { max-width:395px; gap:9px; }
.link-btn { grid-template-columns:55px 1fr 25px; min-height:51px; padding:5px 15px 5px 21px; border-width:1.5px; }

.link-title { font-size:clamp(23px, 4.7vw, 29px); line-height:1; }
.of-brand { font-size:24px; letter-spacing:-6px; padding-right:6px; }
.instagram-brand { width:32px; height:32px; border-radius:9px; }
.instagram-brand:before { inset:6px; border-width:2.5px; border-radius:7px; }
.instagram-brand:after { width:4px; height:4px; right:8px; top:8px; }
.ig-lens { width:11px; height:11px; border-width:2.5px; }
.x-brand { width:33px; height:33px; font-size:24px; border-radius:8px; }
.chevron { width:10px; height:10px; border-width:1.6px; }
.links { padding-bottom:23px; }
@media (max-width:430px) {
  .intro, .links { padding-inline:19px; }
  .bio { max-width:340px; font-size:clamp(17px,4.25vw,19px); line-height:1.42; }
  .bio p { margin-bottom:15px; }
  .links h2 { grid-template-columns:19px max-content 19px; column-gap:5px; font-size:clamp(26px, 7.2vw, 32px); }
  .buttons { max-width:100%; }
  .link-btn { min-height:49px; }
  
  .link-title { font-size:clamp(22px, 5.8vw, 26px); }
  .large-only { display:none; }
}
@media (max-width:350px) {
  .links h2 { font-size:25px; column-gap:4px; }
  .links h2 .spark, .links h2 .heart { font-size:.72em; }
}

/* 2026-10-21: fixed-position visual while the content scrolls. */
html { background:#f8ebec; }
.page { background-attachment:fixed; }
.hero {position:sticky;top:0;z-index:8;}
.intro {padding-top:20px;}
.avatar {margin:0 auto;}
/* The gallery is intentionally not displayed until actual photos are supplied. */

.mini-gallery {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:435px;margin:15px auto 24px;padding:0 19px;}
.mini-gallery img {display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;}


/* 2026-10-21 v2: user-supplied SNS icons + reverted header image with softened bottom blend. */
.hero{height:clamp(200px,50vw,285px);}
.hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.94) 82%,rgba(0,0,0,.55) 91%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.94) 82%,rgba(0,0,0,.55) 91%,transparent 100%);}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:32%;background:linear-gradient(to bottom,rgba(255,246,244,0) 0%,rgba(255,246,244,.45) 42%,rgba(255,248,245,.84) 73%,#fff7f4 100%);pointer-events:none;}
@media(min-width:700px){.hero{height:270px;}}
.icon-wrap{justify-self:center;display:flex;align-items:center;justify-content:center;width:34px;height:34px;}
.brand-icon{display:block;width:100%;height:100%;object-fit:contain;}
.onlyfans-icon,.instagram-icon,.x-icon{border-radius:9px;}
.x-icon{border-radius:50%;}
/* disable previous CSS-drawn icon styling when not used */
.of-brand,.instagram-brand,.x-brand{display:none !important;}
.ig-lens{display:none !important;}
@media (max-width:380px){.icon-wrap{width:31px;height:31px;}}
