.portrait-universe{--px:0;--py:0;--ps:0;--portrait-glow:#ff6538;position:relative;isolation:isolate;overflow:hidden;overflow:clip;background:#29164e;color:#fff1dd;padding:45px 0 65px}.portrait-universe::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:7;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E")}.portrait-aurora{position:absolute;inset:0;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 40% 40%,#a64694,transparent 60%),linear-gradient(145deg,#e64b35,#6b1856 47%,#251345)}.portrait-aurora i{position:absolute;display:block;width:70%;aspect-ratio:1;border-radius:50%;filter:blur(75px);opacity:.7;animation:portrait-drift 18s ease-in-out infinite alternate}.portrait-aurora i:first-child{left:-25%;top:15%;background:#fa4919}.portrait-aurora i:nth-child(2){right:-28%;top:-20%;background:#643bee;animation-delay:-7s}.portrait-aurora i:nth-child(3){right:-15%;bottom:-40%;background:#f55532;animation-delay:-12s}.portrait-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;position:relative;z-index:6}.portrait-topline .eyebrow{color:#ffeac0;margin:0}.portrait-topline>span{font-size:8px;letter-spacing:.18em;color:#fff3d8a1}.portrait-composition{height:clamp(630px,66vw,1040px);position:relative;max-width:1600px;margin:0 auto}.portrait-oversized{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;pointer-events:none;font:clamp(150px,29vw,450px)/.8 var(--serif);letter-spacing:-.075em;color:#f5ddb726;transform:translate3d(calc(var(--px)*-15px),calc(var(--ps)*-55px),0)}.portrait-oversized>span{align-self:flex-start;margin-left:-.01em}.portrait-oversized>em{align-self:flex-end;margin-right:.04em}.portrait-orbits{position:absolute;inset:-1% 6%;width:88%;height:100%;color:#e2d2aab0;transform:rotate(calc(var(--ps)*18deg + var(--px)*4deg));pointer-events:none}.portrait-halo{position:absolute;left:50%;top:50%;width:49%;aspect-ratio:.94;transform:translate(-50%,-50%) rotate(-23deg);border-radius:49% 51% 64% 36% / 49% 35% 65% 51%;padding:4.4%;background:conic-gradient(from 35deg,#b1cc55,#ffb55b,#ff5435,#6c4cca,#abce59);box-shadow:inset 0 0 65px #fff4,0 30px 100px #26051e66;animation:portrait-breathe 10s ease-in-out infinite alternate}.portrait-halo>div{height:100%;border-radius:inherit;border:1px solid #ffefd860;transform:scale(1.08)}.portrait-sculpture{position:absolute;z-index:3;left:50%;top:50%;width:38%;aspect-ratio:.78;transform:translate(calc(-50% + var(--px)*20px),calc(-50% + var(--py)*14px + var(--ps)*20px)) rotate(calc(-6deg + var(--px)*2deg));margin:0}.portrait-face{width:100%;height:100%;border-radius:47% 48% 46% 46% / 40% 44% 53% 58%;overflow:hidden;box-shadow:20px 35px 80px #260e3555;border:1px solid #f2d6c27a;position:relative}.portrait-face::after{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#f9b45c40,transparent 50%,#ff364c40);mix-blend-mode:color;pointer-events:none}.portrait-face img{width:100%;height:100%;object-fit:cover;object-position:38% 50%;transform:scale(1.08);filter:contrast(1.08) saturate(.7)}.portrait-sculpture figcaption{position:absolute;bottom:6%;left:50%;transform:translateX(-50%) rotate(6deg);font-size:7px;letter-spacing:.25em;text-transform:uppercase;white-space:nowrap;background:#352547c7;padding:10px 16px;border:1px solid #e9cdab50}.portrait-fragment{position:absolute;z-index:4;margin:0;padding:9px;background:#ddbc9c;box-shadow:0 25px 50px #28072266;width:17%;transform-style:preserve-3d;will-change:transform}.portrait-fragment img{display:block;width:100%;height:100%;object-fit:cover}.portrait-fragment>span{position:absolute;bottom:16px;left:16px;font-size:7px;letter-spacing:.18em;background:#28193bbe;color:#fff2d9;padding:7px}.fragment-flora{left:9%;top:37%;aspect-ratio:.77;transform:translate3d(calc(var(--px)*-32px),calc(var(--ps)*-65px + var(--py)*-16px),0) rotate(calc(-16deg + var(--px)*-4deg))}.fragment-city{right:8%;top:18%;width:21%;aspect-ratio:1.2;transform:translate3d(calc(var(--px)*35px),calc(var(--ps)*80px + var(--py)*23px),0) rotate(calc(14deg + var(--px)*5deg))}.portrait-petal{position:absolute;z-index:2;background:linear-gradient(125deg,#edf78d,#9bc45f 44%,#547d3c);border-radius:80% 12% 70% 20%;box-shadow:inset -15px -25px 30px #2d631d30,15px 30px 40px #27072b33}.petal-one{width:24%;height:18%;left:15%;top:16%;transform:rotate(calc(-24deg + var(--ps)*16deg))}.petal-two{width:17%;height:26%;right:19%;bottom:9%;transform:rotate(calc(40deg + var(--px)*-10deg));background:linear-gradient(135deg,#ffb26a,#ff5b36 52%,#a72054)}.portrait-star{position:absolute;z-index:5;width:11%;height:auto;right:17%;top:55%;color:#d9ed7d;animation:portrait-spin 65s linear infinite;filter:drop-shadow(0 8px 20px #37134030)}.portrait-marginalia{position:absolute;z-index:5;left:7%;bottom:10%;font:clamp(18px,2.2vw,32px)/1.4 var(--serif);transform:rotate(-6deg);color:#ffe1bc}.portrait-marginalia em{color:#dee88c}.portrait-signature{position:absolute;z-index:5;right:8%;bottom:14%;font:italic clamp(40px,6vw,80px)/1 var(--serif);transform:rotate(-15deg);color:#faddb3}.portrait-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:end;position:relative;z-index:6;border-top:1px solid #f3d9af40;padding-top:40px}.portrait-bottom .eyebrow{color:#e8c9ad}.portrait-bottom h2{font:clamp(42px,5.2vw,80px)/1.05 var(--serif);letter-spacing:-.045em;margin:20px 0 0}.portrait-bottom h2 em{color:#e5ed9e}.portrait-invitation{max-width:345px;justify-self:end}.portrait-invitation p{font-size:13px;line-height:1.9;color:#edcabb;margin:0 0 27px}.portrait-invitation a{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e5c7a858;padding:14px 0;font-size:11px;color:#fff4df}.portrait-invitation a>span{font-size:25px}.portrait-invitation a:hover{color:#ddea8b}.portrait-universe:not(.is-visible) *{animation-play-state:paused!important}[data-motion=paused] .portrait-universe *{animation-play-state:paused!important}[data-motion=paused] .portrait-universe{--px:0!important;--py:0!important;--ps:0!important}
@keyframes portrait-drift{to{transform:translate(8%,15%) scale(1.2)}}@keyframes portrait-breathe{to{transform:translate(-50%,-50%) rotate(-10deg);border-radius:56% 44% 48% 52% / 56% 45% 55% 44%}}@keyframes portrait-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.portrait-universe{padding-top:28px;padding-bottom:45px}.portrait-topline>span{display:none}.portrait-topline .eyebrow{font-size:8px}.portrait-composition{height:700px}.portrait-sculpture{width:53%;top:46%}.portrait-halo{width:67%;top:46%}.portrait-orbits{width:130%;left:-15%;top:-7%}.portrait-oversized{font-size:38vw;justify-content:space-around;padding:80px 0 100px}.fragment-flora{width:21%;left:4%;top:40%}.fragment-city{width:26%;right:3%;top:17%}.petal-one{left:9%;top:18%;width:30%;height:15%}.petal-two{width:22%;height:22%;right:11%;bottom:16%}.portrait-star{width:15%;right:9%;top:57%}.portrait-marginalia{font-size:24px;bottom:10%}.portrait-signature{bottom:8%;right:7%;font-size:58px}.portrait-bottom{gap:30px;grid-template-columns:1.3fr 1fr}.portrait-bottom h2{font-size:48px}.portrait-invitation p{font-size:11px}.portrait-invitation a{font-size:10px}}
@media(max-width:560px){.portrait-composition{height:560px;margin-top:15px}.portrait-sculpture{width:60%;top:43%;aspect-ratio:.72}.portrait-halo{width:80%;top:43%;aspect-ratio:.85}.portrait-orbits{width:150%;left:-25%;top:-11%;height:108%}.portrait-oversized{font-size:39vw;padding:20px 0 100px}.fragment-flora{width:25%;left:0;top:48%;padding:5px}.fragment-city{width:30%;right:-3%;top:9%;padding:5px}.portrait-fragment>span{font-size:5px;padding:4px;left:9px;bottom:9px}.petal-one{width:34%;height:14%;left:-1%;top:11%}.petal-two{width:25%;height:20%;right:7%;bottom:16%}.portrait-star{right:3%;top:55%;width:18%}.portrait-marginalia{left:6%;bottom:4%;font-size:20px}.portrait-signature{right:6%;bottom:6%;font-size:43px}.portrait-sculpture figcaption{font-size:5px;letter-spacing:.15em;padding:8px}.portrait-bottom{grid-template-columns:1fr;gap:30px;padding-top:30px}.portrait-bottom h2{font-size:clamp(38px,10vw,56px)}.portrait-invitation{justify-self:start;max-width:none;width:100%}.portrait-invitation p{max-width:270px;margin-bottom:16px}.portrait-aurora i{filter:blur(40px)}}
@media(prefers-reduced-motion:reduce){.portrait-universe *{animation:none!important}.portrait-universe{--px:0!important;--py:0!important;--ps:0!important}}