.portrait-stage{--pointer-x: 0;--pointer-y: 0;position:relative;isolation:isolate;width:100%;height:100svh;height:100dvh;min-height:360px;overflow:hidden;background:#031716}.scene{position:absolute;inset:0;pointer-events:none;overflow:hidden}.depth-layer{will-change:transform}[data-art-pending] .character-enter,[data-art-pending] .name-spine,[data-art-pending] .name-art{animation-play-state:paused}.scene-background{position:absolute;inset:-5%;transform:translate3d(calc(var(--pointer-x) * -8px),calc(var(--pointer-y) * -6px),0)}.scene-background img{width:100%;height:100%;object-fit:cover;object-position:center;animation:background-arrive 1.15s cubic-bezier(.2,.65,.2,1) both}.scene-light{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 94%,#f748181f,transparent 45%);mix-blend-mode:screen;animation:light-breathe 13s ease-in-out infinite alternate}.scene-grain{position:absolute;inset:-15%;z-index:8;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.character-depth{position:absolute;left:-15%;bottom:-35%;width:80%;height:130%;z-index:4;transform:translate3d(calc(var(--pointer-x) * 14px),calc(var(--pointer-y) * 9px),0)}.character-enter{width:100%;height:100%;animation:character-arrive 1.35s .08s cubic-bezier(.12,.77,.18,1) both}.character{width:100%;height:100%;object-fit:contain;object-position:bottom center}.front-fragments{position:absolute;inset:-6%;z-index:6;transform:translate3d(calc(var(--pointer-x) * 26px),calc(var(--pointer-y) * 17px),0)}.fragment{position:absolute;left:var(--x);top:var(--y);width:27px;height:10px;opacity:.82;animation:fragment-drift var(--duration) var(--delay) linear infinite}.fragment i{display:block;width:100%;height:100%;background:linear-gradient(135deg,#ffb16a,#ff481c 44%,#e33513);clip-path:polygon(0 18%,42% 0,100% 48%,74% 100%,27% 72%);transform:rotate(var(--angle)) scale(var(--size))}.fragment:nth-child(4n){filter:blur(2px)}.fragment:nth-child(3n){opacity:.4}.spine-depth{position:absolute;left:47.4%;top:-4%;width:11.1%;height:110%;z-index:5;transform:translate3d(calc(var(--pointer-x) * 8px),calc(var(--pointer-y) * 4px),0);pointer-events:none}.name-spine{position:relative;width:100%;height:100%;overflow:hidden;background:#020c0b;animation:spine-arrive 1.15s .18s cubic-bezier(.16,.84,.21,1) both}.name-spine:before,.name-spine:after{content:"";position:absolute;top:0;bottom:0;width:1.5px;z-index:4}.name-spine:before{left:0;background:linear-gradient(transparent 0% 8%,#fff1db55 12%,#fff1dbb3 24%,#ff643699 28%,#fff1db8c 34%,transparent 42% 52%,#23534c66 58%,#fff1db80 65%,transparent 72% 81%,#ff481c99 90%,transparent 98%)}.name-spine:after{right:0;width:1px;background:linear-gradient(#728b7855 0%,#fff1db55 16%,transparent 30% 44%,#32756b66 51%,transparent 61% 70%,#fff1db6b 78%,#ff481c44 86%,transparent 96%)}.spine-texture{position:absolute;inset:0;background:#020c0b url(/assets/home/ink-material-v2.webp) 46% center / auto 105% no-repeat;opacity:.9}.spine-texture:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#01262338,transparent 32% 80%,#010a09a8)}.name-mask{position:absolute;inset:0;overflow:hidden;clip-path:inset(0)}.name-art{position:absolute;width:206%;max-width:none;height:100%;left:-48%;top:15%;object-fit:contain;animation:lettering-arrive 1.15s .42s cubic-bezier(.16,.8,.2,1) both}.spine-glint{position:absolute;inset:0;background:url(/assets/home/ink-material-v2.webp) 46% center / auto 105% no-repeat;mask-image:linear-gradient(145deg,transparent 28%,#0008 46%,#000 51%,transparent 70%);mask-size:100% 280%;mask-position:0 180%;mix-blend-mode:screen;animation:spine-light 14s 1.8s ease-in-out infinite}.identities{position:absolute;z-index:10;inset:15% -1.4% 24% 67.6%;display:flex;align-items:center;transition:top .56s cubic-bezier(.2,.75,.2,1),bottom .56s}.identity-stack{width:100%;display:flex;flex-direction:column;gap:clamp(22px,3.9vh,50px);transition:gap .56s}.identity-panel{--ink-position: 3%;position:relative;isolation:isolate;transform:skewY(-10deg);translate:0 0;padding-inline:2.6vw 3.8vw;transition:translate .42s cubic-bezier(.2,.75,.2,1),opacity .3s;animation:panel-arrive .95s calc(.36s + var(--order) * .12s) cubic-bezier(.15,.8,.18,1) backwards}.identity-panel:nth-child(2){--ink-position: 12%}.identity-panel:nth-child(3){--ink-position: 20%}.panel-shape{position:absolute;inset:0;z-index:-1;overflow:hidden;clip-path:polygon(5% 0,100% 0,96% 100%,0 100%);background:#e8dcc9b3;transition:background .3s}.panel-shape:before{content:"";position:absolute;inset:1px;clip-path:polygon(5% 0,100% 0,96% 100%,0 100%);background:linear-gradient(110deg,#061c19,#02100f 75%)}.panel-ink{position:absolute;inset:1px;background:url(/assets/home/ink-material-v2.webp) 50% var(--ink-position) / 105% auto no-repeat;mix-blend-mode:screen;opacity:.95;mask-image:linear-gradient(115deg,#000 0%,#0004 9%,transparent 22% 63%,#0004 75%,#000 93%);transition:opacity .35s}.panel-flash{position:absolute;inset:0;transform:translate(-140%) skew(-24deg);background:linear-gradient(90deg,transparent,#ff622329 44%,#fff0da9c 49.8%,transparent 51%);opacity:0}.identity-trigger{display:flex;width:100%;align-items:center;gap:clamp(12px,1.3vw,24px);min-height:clamp(84px,12.7vh,150px);color:var(--paper);border:0;background:transparent;padding:8px 0;cursor:pointer;text-align:left}.identity-number{flex:0 0 1.03em;font-family:var(--font-profile-number);font-size:clamp(56px,5.2vw,96px);font-weight:600;font-variant-numeric:lining-nums tabular-nums;line-height:.95;letter-spacing:-.035em;color:var(--vermilion);transition:color .3s}.identity-divider{flex:0 0 1px;align-self:center;height:clamp(32px,4.7vh,52px);background:#f7ecdc66}.identity-title{font-family:var(--font-profile);font-size:clamp(24px,2.13vw,41px);font-weight:700;letter-spacing:.015em;white-space:nowrap}.identity-panel:has(.identity-trigger:focus-visible) .panel-shape,.identity-panel.is-open .panel-shape{background:#ff6334}@media(hover:hover)and (pointer:fine){.identity-panel:hover{translate:-14px 0;opacity:1}.identity-panel:hover .panel-shape{background:#ff6334}}.identity-panel:has(.identity-trigger:focus-visible){translate:-14px 0;opacity:1}.identity-panel.is-open,.identity-panel.is-open:has(.identity-trigger:focus-visible){translate:var(--panel-open-offset, -22px) 0;z-index:2;opacity:1}.identity-panel.is-open .panel-ink{opacity:1}.identity-panel.is-open .panel-flash{animation:panel-flash .78s cubic-bezier(.15,.65,.25,1) both}.profile-body .identity-trigger:focus-visible{outline:none}.identity-panel:has(.identity-trigger:focus-visible) .panel-shape{background:var(--paper)}.identity-panel:has(.identity-trigger:focus-visible) .panel-shape:before{inset:2.5px}.identity-expansion{display:grid;grid-template-rows:0fr;transition:grid-template-rows .56s cubic-bezier(.2,.75,.2,1)}.identity-overflow{min-height:0;overflow:hidden}.identity-copy{padding:clamp(10px,1.3vh,16px) 0 clamp(28px,3.9vh,40px);font-family:var(--font-profile);font-weight:400;font-size:clamp(14px,.98vw,18px);line-height:2.1;color:#ece5d8}.identity-copy p{margin:.25em 0;text-wrap:pretty;opacity:0;transform:translate(18px,5px);clip-path:inset(0 100% 0 0);transition:opacity .14s,transform .4s cubic-bezier(.2,.75,.2,1),clip-path .42s cubic-bezier(.2,.75,.2,1)}.identity-panel.is-open .identity-expansion{grid-template-rows:1fr}.identity-panel.is-open .identity-copy p{opacity:1;transform:none;clip-path:inset(0);transition-delay:calc(.1s + var(--line) * 65ms)}.has-open-identity .identity-stack{gap:clamp(16px,2.6vh,28px)}.has-open-identity .identity-trigger{min-height:clamp(72px,9.7vh,115px)}.has-open-identity .identity-panel:not(.is-open) .identity-number{color:#e34723}.has-open-identity .identity-panel:not(.is-open):not(:hover):not(:has(.identity-trigger:focus-visible)){opacity:.82}@keyframes background-arrive{0%{opacity:.25;transform:scale(1.09);filter:saturate(.3)}to{opacity:1;transform:scale(1);filter:saturate(1)}}@keyframes character-arrive{0%{opacity:0;transform:translate(-12%,5%) scale(1.05)}to{opacity:1;transform:none}}@keyframes spine-arrive{0%{transform:translateY(-110%) skewY(-14deg)}to{transform:none}}@keyframes lettering-arrive{0%{opacity:0;transform:translateY(11%)}to{opacity:1;transform:none}}@keyframes panel-arrive{0%{opacity:0;transform:translate(115%) skewY(-10deg)}to{opacity:1;transform:translate(0) skewY(-10deg)}}@keyframes panel-flash{0%{transform:translate(-140%) skew(-24deg);opacity:0}18%{opacity:.9}to{transform:translate(140%) skew(-24deg);opacity:0}}@keyframes light-breathe{0%{opacity:.25}to{opacity:1}}@keyframes spine-light{0%,16%{mask-position:0 180%;opacity:0}22%{opacity:.65}42%,to{mask-position:0 -80%;opacity:0}}@keyframes fragment-drift{0%{transform:translate3d(-35px,70px,0) rotate(-15deg);opacity:0}15%{opacity:.8}80%{opacity:.65}to{transform:translate3d(140px,-180px,0) rotate(80deg);opacity:0}}.is-paused *,.is-paused *:before,.is-paused *:after{animation-play-state:paused!important}@media(min-width:761px)and (max-aspect-ratio:3/2){.character-depth{width:87%;left:-18%;bottom:-25%;height:123%}.spine-depth{left:44%;width:12%}.identities{left:61.5%;right:-2%}.identity-title{font-size:clamp(24px,2.7vw,40px)}.identity-copy{font-size:16px;padding-right:1rem}}@media(min-width:761px)and (max-height:650px){.identity-stack{gap:20px}.identities{top:18%;bottom:13%}.identity-trigger{min-height:76px}.has-open-identity .identity-trigger{min-height:60px}.identity-number{font-size:56px}.identity-copy{font-size:14px;line-height:1.85;padding-block:8px 1.4rem}.has-open-identity .identity-stack{gap:14px}}@media(max-width:760px),(orientation:portrait)and (max-width:1100px){.scene-background{inset:-4% -60%}.scene-background img{object-position:48% center}.scene-background:after{content:"";position:absolute;inset:0 22.7272727%;background:url(/assets/home/background-plate.webp) 92% center / cover no-repeat;mask-image:linear-gradient(transparent 0% 43%,#000 78%);animation:background-arrive 1.15s cubic-bezier(.2,.65,.2,1) both}.scene:after{content:"";position:absolute;inset:30% 0 0;z-index:5;background:linear-gradient(transparent 0%,#041b18cc 48%,#021815b3 86%,#021815e8)}.character-depth{width:119%;height:auto;aspect-ratio:1122 / 1402;top:8%;bottom:auto;left:-20%;z-index:4}.character{object-position:center bottom;mask-image:linear-gradient(#000 0% 74%,transparent 96%)}.spine-depth{left:auto;right:9%;top:-3%;width:18%;height:67%;z-index:5}.name-art{width:219%;left:-57.5%;height:92%;top:20%}.name-spine{border-inline-width:1px}.identities{inset:50% -3% 10% 7%;align-items:center}.identity-stack{gap:19px}.identity-panel{padding-inline:7% 8%}.identity-trigger{min-height:73px;gap:16px}.identity-number{font-size:54px}.identity-title{font-size:clamp(24px,6.7vw,33px)}.identity-divider{height:34px}.identity-panel{--panel-open-offset: -6px}.identity-copy{font-size:15px;line-height:2.05;padding:10px 4% 1.5rem 0}.identity-copy p{margin:.3em 0}.identity-clause{display:inline-block;max-width:100%;vertical-align:top}.has-open-identity .identities{top:33%;bottom:10%}.has-open-identity .identity-stack{gap:17px}.has-open-identity .identity-trigger{min-height:63px}.has-open-identity .scene:after{background:linear-gradient(transparent 0%,#041b18e8 27%,#021815b3 86%,#021815eb)}.front-fragments{z-index:7}.fragment{width:20px;height:8px}.spine-glint{animation-duration:17s}}@media(max-width:760px)and (max-height:740px){.name-art{top:17%;transition:top .56s cubic-bezier(.2,.75,.2,1),width .56s cubic-bezier(.2,.75,.2,1),left .56s cubic-bezier(.2,.75,.2,1)}.has-open-identity .name-art{width:198%;left:-40%;top:4%}.character-depth{top:9%}.identities{top:47%;bottom:11%}.identity-stack{gap:16px}.identity-trigger{min-height:64px}.identity-number{font-size:48px}.identity-title{font-size:25px}.has-open-identity .identities{top:25%;bottom:11%}.has-open-identity .identity-trigger{min-height:54px}.has-open-identity .identity-stack{gap:13px}.identity-copy{font-size:14px;line-height:1.9;padding-block:8px 1.2rem}}@media(max-height:560px),(max-width:340px){.identities{top:23%;bottom:16%;overflow-y:auto;overflow-x:hidden;align-items:flex-start;padding-block:2rem;padding-left:1rem}.has-open-identity .identities{top:23%;bottom:16%}.identity-stack{margin-block:auto}.identity-trigger,.has-open-identity .identity-trigger{min-height:54px}.identity-number{font-size:44px}.identity-title{font-size:23px}.identity-copy{font-size:14px}}@media(min-width:600px)and (max-width:760px)and (max-height:560px){.character-depth{width:90%;left:-20%;top:8%}.spine-depth{left:46%;right:auto;top:-4%;width:12%;height:110%}.name-art,.has-open-identity .name-art{width:206%;left:-48%;height:100%;top:15%}.identities,.has-open-identity .identities{inset:20% -2% 16% 61%;padding-block:2.1rem;padding-left:.6rem}.identity-panel{padding-inline:9% 12%}.identity-trigger,.has-open-identity .identity-trigger{gap:12px;min-height:60px}.identity-title{font-size:20px}}@media(orientation:portrait)and (min-width:761px)and (max-width:1100px){.identities{top:53%;bottom:10%}.identity-panel{transform:skewY(-7deg)}.identity-trigger{min-height:100px;gap:24px}.identity-number{font-size:74px}.identity-title{font-size:38px}.identity-stack{gap:24px}.identity-copy{font-size:18px}.has-open-identity .identity-trigger{min-height:78px}.has-open-identity .identities{top:34%;bottom:10%}.has-open-identity .identity-stack{gap:20px}}@media(orientation:landscape)and (max-height:560px){.identities,.has-open-identity .identities{top:21%;bottom:12%;padding-block:12px}.identity-stack,.has-open-identity .identity-stack{gap:14px}.identity-trigger,.has-open-identity .identity-trigger{min-height:54px}}@media(prefers-reduced-motion:reduce){.portrait-stage *,.portrait-stage *:before,.portrait-stage *:after{animation:none!important;transition:none!important}.depth-layer{transform:none!important;will-change:auto}.identity-panel{translate:none!important}.fragment,.spine-glint{display:none}}