*{margin:0;padding:0;box-sizing:border-box}:root{--parchment: #F4EDE4;--ink: #2C2416;--sepia: #8B7355;--accent: #9E5A3C;--gold: #B8963E;--faded: #A69882}body{font-family:Crimson Pro,Georgia,serif;background:var(--parchment);color:var(--ink);line-height:1.7;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.page{max-width:1080px;margin:0 auto;padding:60px 48px 48px;position:relative}.border-frame{position:absolute;inset:20px;border:1px solid var(--sepia);pointer-events:none;opacity:0;animation:fadeIn .8s ease-out .2s forwards}.border-frame:before{content:"";position:absolute;inset:8px;border:1px solid var(--faded)}.corner{position:absolute;width:28px;height:28px;border:2px solid var(--sepia)}.corner-tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.corner-tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.corner-bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.corner-br{bottom:-2px;right:-2px;border-left:none;border-top:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;margin-bottom:36px;border-bottom:1px solid var(--faded);opacity:0;animation:fadeInUp .6s ease-out .3s forwards}.name{font-family:Cormorant,serif;font-size:1.85rem;font-weight:500;letter-spacing:.03em}.progression-bar{display:flex;align-items:center;gap:16px;color:var(--gold)}.progression-bar svg{height:40px;width:40px;opacity:0;transform:scale(.8)}.progression-bar svg:nth-child(1){animation:scaleIn .4s ease-out 1s forwards}.progression-bar svg:nth-child(2){animation:scaleIn .4s ease-out 1.15s forwards}.progression-bar svg:nth-child(3){animation:scaleIn .4s ease-out 1.3s forwards}.progression-bar svg:nth-child(4){animation:scaleIn .4s ease-out 1.45s forwards}.progression-bar svg:nth-child(5){animation:scaleIn .4s ease-out 1.6s forwards}.main-grid{display:grid;grid-template-columns:1fr 280px;gap:48px}.content-main{display:flex;flex-direction:column}.intro{margin-bottom:36px;opacity:0;animation:fadeInUp .6s ease-out .4s forwards}.photo{width:115px;height:115px;float:left;margin-right:24px;margin-bottom:12px;border:1px solid var(--faded);overflow:hidden;margin-top:9px;shape-outside:margin-box;box-shadow:0 4px 12px #2c241614;transition:box-shadow .3s ease}.photo:hover{box-shadow:0 6px 20px #2c24161f}.photo img{width:100%;height:100%;object-fit:cover}.bio{font-size:1.05rem;line-height:1.8;color:var(--ink);text-align:justify;hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;word-spacing:.02em}.bio p{margin-bottom:1em}.bio p:last-child{margin-bottom:0}.bio a{color:var(--accent);text-decoration:none;position:relative}.bio a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent);transition:width .2s ease}.bio a:hover:after{width:100%}.section{margin-bottom:32px;opacity:0;animation:fadeInUp .6s ease-out .5s forwards}.section-title{font-family:Cormorant,serif;font-size:1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sepia);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--faded);display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:6px;height:6px;background:var(--gold);transform:rotate(45deg);flex-shrink:0}.writing-list{list-style:none}.writing-item{padding:14px 0;display:flex;justify-content:space-between;align-items:baseline;gap:16px;position:relative}.writing-item a{color:var(--ink);text-decoration:none;font-size:1.1rem;line-height:1.45;position:relative;transition:color .2s ease}.writing-item a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .2s ease}.writing-item a:hover{color:var(--accent)}.writing-item a:hover:after{width:100%}.writing-source{font-size:.9rem;color:var(--sepia);flex-shrink:0;font-style:italic;white-space:nowrap}.sidebar{padding-left:36px;border-left:1px solid var(--faded);opacity:0;animation:fadeInUp .6s ease-out .6s forwards}.sidebar-section{margin-bottom:32px}.sidebar-title{font-family:Cormorant,serif;font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sepia);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--faded);display:flex;align-items:center;gap:8px}.sidebar-title:before{content:"";width:5px;height:5px;background:var(--gold);transform:rotate(45deg);flex-shrink:0}.appearances-list{list-style:none}.appearance-item{margin-bottom:14px}.appearance-item a{color:var(--ink);text-decoration:none;font-size:1.05rem;line-height:1.45;background-image:linear-gradient(var(--accent),var(--accent));background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:color .2s ease,background-size .2s ease}.appearance-item a:hover{color:var(--accent);background-size:100% 1px}.appearance-venue{font-size:.85rem;color:var(--sepia);font-style:italic}.links-list{list-style:none}.links-list li{margin-bottom:8px}.links-list a{color:var(--sepia);text-decoration:none;font-size:1rem;position:relative;transition:color .2s ease}.links-list a:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--accent);transition:width .2s ease}.links-list a:hover{color:var(--accent)}.links-list a:hover:after{width:100%}@media(max-width:800px){.page{padding:48px 44px}.border-frame{inset:12px}.border-frame:before{inset:6px}.main-grid{grid-template-columns:1fr;gap:32px}.sidebar{padding-left:0;border-left:none;padding-top:24px;border-top:1px solid var(--faded)}.header{flex-direction:row;align-items:center;gap:12px}.name{font-size:1.5rem}.progression-bar{gap:6px}.progression-bar svg{height:22px;width:22px}.photo{float:none;display:block;margin:0 auto 20px}.bio{text-align:left}}