:root{color-scheme:light}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:Georgia,Times New Roman,serif;color:#102232;background:#87ceeb url(/img/rolling-wave.jpg) 50%/cover no-repeat fixed;overflow-x:hidden}body:before{background:radial-gradient(ellipse at -12% 42%,rgba(217,46,37,.48) 0,rgba(239,94,62,.28) 24%,rgba(239,94,62,0) 58%),radial-gradient(ellipse at 4% 64%,rgba(255,153,78,.32) 0,rgba(255,191,98,.14) 30%,rgba(255,191,98,0) 62%),linear-gradient(90deg,rgba(255,208,127,.22),rgba(255,119,128,.09) 36%,rgba(255,119,128,0) 66%),linear-gradient(180deg,rgba(255,250,236,.12),rgba(255,250,236,0) 32%);mix-blend-mode:soft-light}body:after,body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none}body:after{background:radial-gradient(ellipse at -16% 34%,rgba(236,35,54,.34) 0,rgba(255,91,105,.2) 30%,rgba(255,91,105,0) 60%),radial-gradient(ellipse at 13% 14%,rgba(255,184,41,.3) 0,rgba(255,206,83,.12) 24%,rgba(255,206,83,0) 54%),linear-gradient(90deg,rgba(255,98,143,.18),rgba(255,159,82,.08) 34%,rgba(255,159,82,0) 64%);mix-blend-mode:overlay;opacity:.82}.page{position:relative;z-index:1;width:100%}.hero,.page{min-height:100svh}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;grid-gap:4rem;gap:4rem;width:min(1240px,calc(100% - 1.5rem));margin:0 auto;padding:5vh 0 6vh}.intro{align-self:start;width:-moz-fit-content;width:fit-content;max-width:min(680px,62vw);margin-top:1.5vh;padding:1.25rem 1.45rem 1.3rem;border:1px solid hsla(0,0%,100%,.44);border-radius:22px;background:radial-gradient(ellipse at 0 0,rgba(255,246,222,.44),rgba(255,246,222,0) 58%),linear-gradient(135deg,rgba(232,249,255,.42),rgba(232,249,255,.18));box-shadow:0 18px 48px rgba(7,54,82,.14);-webkit-backdrop-filter:blur(12px) saturate(1.18);backdrop-filter:blur(12px) saturate(1.18)}h1{color:#236f91;font-size:2.4rem;font-weight:700;line-height:.95;white-space:nowrap}h1,p{margin:0}p{color:rgba(16,34,50,.9);font-size:1.12rem;line-height:1.42}.lede{max-width:28rem}.details,.lede{margin-top:1rem}.details{display:grid;grid-gap:.2rem;gap:.2rem;max-width:24rem;padding-top:.85rem;border-top:1px solid rgba(16,34,50,.2)}.details p{font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;font-size:.96rem}.collage-stage{position:relative;justify-self:end;align-self:end;margin:0 clamp(2.5rem,5vw,4.5rem) 0 0;isolation:isolate}.collage-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.collage-stack{position:relative;display:block;cursor:pointer}.portrait-frame{position:relative;z-index:3;padding:.65rem;border:1px solid hsla(0,0%,100%,.86);border-radius:24px;background:hsla(0,0%,100%,.72);box-shadow:0 32px 80px rgba(4,45,78,.32);transform:rotate(1.25deg)}.collage-piece{position:absolute;z-index:1;display:block;object-fit:cover;border:.45rem solid hsla(0,0%,100%,.78);border-radius:18px;box-shadow:0 22px 56px rgba(4,45,78,.24);opacity:.94;pointer-events:none;transition:left .48s ease,right .48s ease,top .48s ease,bottom .48s ease,transform .48s ease,opacity .48s ease}.collage-piece-biei{z-index:2;width:clamp(8.5rem,15vw,13rem);height:auto;left:-38%;bottom:3%;transform:rotate(7deg)}.collage-piece-sakura{width:clamp(8rem,14vw,12rem);height:auto;right:-42%;top:-5%;transform:rotate(8deg)}.collage-piece-mermaid{width:clamp(8.5rem,15vw,12.5rem);aspect-ratio:9/16;left:-46%;top:12%;transform:rotate(9deg)}.collage-piece-video{width:clamp(7.5rem,13vw,11rem);aspect-ratio:9/14;right:-38%;bottom:12%;transform:rotate(-7deg)}.collage-toggle:checked+.collage-stack .collage-piece-biei{left:-84%;bottom:-11%;transform:rotate(16deg)}.collage-toggle:checked+.collage-stack .collage-piece-sakura{right:-88%;top:-17%;transform:rotate(17deg)}.collage-toggle:checked+.collage-stack .collage-piece-mermaid{left:-96%;top:1%;transform:rotate(18deg)}.collage-toggle:checked+.collage-stack .collage-piece-video{right:-82%;bottom:-1%;transform:rotate(-16deg)}.avatar{display:block;width:auto;height:min(66vh,590px);border-radius:18px}@media (max-width:1024px){body{background-position:38%}body:before{background:radial-gradient(ellipse at -18% 28%,rgba(221,51,43,.32) 0,rgba(255,136,82,.16) 34%,rgba(255,136,82,0) 64%),linear-gradient(180deg,rgba(255,249,236,.14),rgba(255,249,236,.04) 42%,rgba(255,249,236,0))}body:after{background:radial-gradient(ellipse at -22% 24%,rgba(235,45,67,.26) 0,rgba(255,118,121,.12) 34%,rgba(255,118,121,0) 66%),radial-gradient(ellipse at 18% 8%,rgba(255,194,54,.22) 0,rgba(255,215,91,.08) 28%,rgba(255,215,91,0) 58%);opacity:.62}.hero{display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem;width:min(560px,calc(100% - 2rem));min-height:100svh;padding:clamp(4.5rem,8svh,6rem) 0;text-align:center}.collage-stage{order:-1;align-self:center;margin:0}.portrait-frame{transform:rotate(.75deg)}.collage-piece{border-width:.35rem;border-radius:15px}.collage-piece-biei{width:clamp(6.25rem,20vw,9.25rem);left:-26%;bottom:6%;transform:rotate(6deg)}.collage-piece-sakura{width:clamp(5.75rem,18vw,8.5rem);right:-26%;top:-4%;transform:rotate(7deg)}.collage-piece-mermaid{width:clamp(6.25rem,20vw,9rem);left:-32%;top:15%;transform:rotate(8deg)}.collage-piece-video{width:clamp(5.75rem,18vw,8.25rem);right:-24%;bottom:14%;transform:rotate(-6deg)}.collage-toggle:checked+.collage-stack .collage-piece-biei{left:-58%;bottom:-7%;transform:rotate(15deg)}.collage-toggle:checked+.collage-stack .collage-piece-sakura{right:-58%;top:-15%;transform:rotate(16deg)}.collage-toggle:checked+.collage-stack .collage-piece-mermaid{left:-66%;top:4%;transform:rotate(17deg)}.collage-toggle:checked+.collage-stack .collage-piece-video{right:-56%;bottom:1%;transform:rotate(-15deg)}.avatar{height:min(55vh,520px)}.intro{width:100%;max-width:none;margin:0;padding:1rem 1.1rem}h1{font-size:2.1rem;white-space:normal}p{font-size:1rem}.details,.lede{max-width:none}}@media (min-width:431px) and (max-width:1024px){.avatar{height:min(60svh,650px)}}@media (max-width:430px){.hero{width:min(360px,calc(100% - 1.25rem));padding:clamp(4rem,7svh,5rem) 0}.portrait-frame{padding:.5rem;border-radius:20px}.collage-piece-biei,.collage-piece-mermaid{left:-18%}.collage-piece-sakura,.collage-piece-video{right:-16%}.collage-piece-biei,.collage-piece-mermaid,.collage-piece-sakura,.collage-piece-video{width:clamp(4.75rem,22vw,6.75rem)}.collage-toggle:checked+.collage-stack .collage-piece-biei,.collage-toggle:checked+.collage-stack .collage-piece-mermaid{left:-44%}.collage-toggle:checked+.collage-stack .collage-piece-sakura,.collage-toggle:checked+.collage-stack .collage-piece-video{right:-42%}.avatar{height:min(53vh,470px);border-radius:15px}h1{font-size:1.95rem}}