/* Individual portfolio artwork, without the portfolio sheet's yellow board. */
.website-screenshot{position:absolute;left:6%;right:6%;top:35px;border:1px solid #cdb6e655;border-radius:10px;overflow:hidden;box-shadow:0 20px 45px #0008;rotate:-4deg;transition:rotate .5s,translate .5s;background:#100b17}.website-chrome{height:25px;display:flex;align-items:center;gap:4px;padding:0 10px;background:#23182f}.website-chrome i{height:4px;width:4px;background:#bc9fd2;border-radius:50%}.website-chrome span{font-size:6px;margin-left:auto;letter-spacing:.13em;color:#cdb8df}.website-screenshot img{display:block;width:100%;height:auto}.category-website .work-cover{background:radial-gradient(ellipse at 70% 20%,#67448a55,transparent 70%),#17101f}.category-website:hover .website-screenshot{rotate:0deg;translate:0 -7px}
.section-number{display:none!important}#poster-archive{padding-top:46px;padding-bottom:28px}#poster-archive .sectionhead{align-items:flex-end;max-width:1700px;margin:0 auto 12px;gap:40px}#poster-archive .sectionhead .intro{max-width:400px;text-align:left;padding-bottom:8px}#poster-archive h2{margin-bottom:0}.poster-ring{height:clamp(500px,66vh,650px)!important}.circular-carousel__caption{bottom:12px}.gallery-controls{margin-top:0;display:flex;align-items:center;justify-content:center}
.night-valley #contact h2,#contact h2{line-height:1.19!important;letter-spacing:-.025em!important;word-spacing:.035em;max-width:900px!important;margin:18px 0 28px!important}#contact .intro{line-height:1.9!important}#contact .bottom{margin-top:75px}
/* The supplied 12-path ring treatment, scoped to Emilia's own portrait. */
#about{position:relative;isolation:isolate;overflow:hidden;min-height:900px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 50px;align-content:center;background:radial-gradient(ellipse at 75% 35%,#685273,#1c142a 75%)!important}#about>.about-art{position:absolute;inset:0;z-index:-2;pointer-events:none;max-width:none}.about-art img{position:absolute;right:-3%;bottom:0;height:96%;width:62%;object-fit:contain;object-position:center bottom;filter:saturate(.65);mask-image:linear-gradient(90deg,transparent,black 25%,black 95%,transparent);opacity:.9}.about-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1c142af5 0%,#20172ddc 32%,#261c3566 57%,transparent 80%),linear-gradient(0deg,#1c142add,transparent 28%,transparent 80%,#1c142a66)}.about-rings{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.6}.about-rings path{fill:none;stroke:#e5d6f399;stroke-width:1;vector-effect:non-scaling-stroke}#about>div:not(.about-art){grid-column:1;position:relative;z-index:2;max-width:570px}#about h2{font-size:clamp(32px,3.5vw,52px);line-height:1.12;letter-spacing:-.025em;color:#fff4ff}#about p{color:#ded0e7!important;font-size:16px;line-height:1.85}#about .micro{color:#d4bbeb!important}#about .intro{font-size:14px}#about .skill-tags{max-width:500px}#about .cta{color:#f3e9ff;border-color:#bca0d0}html[data-theme=light] #about{background:radial-gradient(ellipse at 80% 35%,#c6acd3,#e5d9ed 75%)!important}html[data-theme=light] .about-art:after{background:linear-gradient(90deg,#e5d9edf5,#e5d9edcc 35%,#e5d9ed44 65%,transparent),linear-gradient(0deg,#e5d9edcc,transparent 35%)}html[data-theme=light] #about h2,html[data-theme=light] #about p,html[data-theme=light] #about .micro{color:#392745!important}html[data-theme=light] #about .cta{color:#392745}.playground-video-layer video{opacity:1;animation:playground-drift 12s ease-in-out infinite alternate;transform-origin:center}.playground-video-layer:after{background:linear-gradient(180deg,#0e0a18b0 0%,#100b1a44 22%,#100b1a28 55%,#100b1a66 82%,#10111cbb 100%)}@keyframes playground-drift{from{transform:scale(1.01) translateX(-.4%)}to{transform:scale(1.09) translateX(.4%)}}
@media(max-width:900px){#about{min-height:1000px;grid-template-columns:1fr;padding-bottom:70px}.about-art img{opacity:.32;width:85%;right:-20%;height:90%}#about>div:not(.about-art){max-width:600px}.about-art:after{background:linear-gradient(90deg,#1c142aee,#20172dbb 45%,#261c3533)}}
@media(max-width:600px){#poster-archive .sectionhead{display:block;margin-bottom:4px}#poster-archive .sectionhead .intro{margin-top:18px;padding-bottom:0}.poster-ring{height:480px!important}.circular-carousel__caption{bottom:6px}#about{min-height:1100px;padding-top:390px;align-content:start;gap:16px}#about>.about-art{inset:0 0 auto;height:580px}.about-art img{right:0;top:0;height:490px;width:100%;object-position:center top;opacity:.9;mask-image:linear-gradient(black 45%,transparent 100%)}.about-art:after{background:linear-gradient(0deg,#1c142a 0%,#1c142abb 20%,transparent 70%)}.about-rings{height:530px;opacity:.6}#about>div:not(.about-art){z-index:2}#about h2{font-size:32px!important}#about p{font-size:15px}.night-valley #contact h2,#contact h2{line-height:1.24!important;letter-spacing:-.018em!important;font-size:clamp(34px,9vw,46px)!important}#contact .bottom{margin-top:55px}html[data-theme=light] .about-art:after{background:linear-gradient(0deg,#e5d9ed 0%,#e5d9edaa 22%,transparent 75%)}}
@media(prefers-reduced-motion:reduce){.playground-video-layer video{animation:none!important;transform:none!important}.about-rings path{stroke-dasharray:none!important;stroke-dashoffset:0!important}}
@media(max-width:600px){#about>.about-art{mask-image:linear-gradient(black 64%,transparent 100%);-webkit-mask-image:linear-gradient(black 64%,transparent 100%)}}
.poster-ring .circular-carousel__stage{scale:1.15}@media(max-width:600px){.poster-ring .circular-carousel__stage{scale:1.45}}

/* The portrait's original alpha sits directly on the site's theme color. */
html[data-theme=dark] #about { background: #22172f !important; }
html[data-theme=light] #about { background: #e8ddf0 !important; }
#about .about-art::after { content: none; }
#about .about-art img { filter: none; opacity: 1; }
@media (min-width: 601px) and (max-width: 900px) {
  #about .about-art img { opacity: .32; }
}
