:root{color-scheme:light;--pink:#fcf0f4;--ink:#583648;--muted:#784a60}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--pink);color:var(--ink);font-family:Georgia,'Times New Roman',serif}a{color:inherit}a:focus-visible{outline:2px solid var(--muted);outline-offset:10px}.hero{min-height:700px;height:100svh;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,rgba(255,232,241,.55),rgba(254,233,242,.2)),url('assets/lily.jpg') center/cover no-repeat;isolation:isolate}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(252,240,244,.5),transparent 25%);z-index:-1}.identity{text-align:center;margin-top:-24px}.portrait{width:202px;height:202px;border-radius:50%;overflow:hidden;border:6px solid rgba(255,249,252,.8);box-shadow:0 12px 48px #68304920;margin:0 auto 28px;position:relative;background:#ebc6d3}.portrait img{position:absolute;width:190%;max-width:none;height:auto;left:-57%;top:-65%}h1{font-size:clamp(5.4rem,10vw,10rem);font-weight:400;line-height:1.05;letter-spacing:-.055em;margin:0;text-shadow:0 2px 30px #fff5}.period{color:#95637d}.scroll-link{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;font-family:Arial,sans-serif;font-size:.875rem;letter-spacing:.15em}.scroll-link span:last-child{font-size:1.5rem}.portfolio{padding:100px 6vw 116px;background:radial-gradient(ellipse at 50% 35%,#fff8fa,var(--pink) 80%)}h2{text-align:center;font-size:clamp(2.5rem,4.5vw,4.25rem);font-weight:400;letter-spacing:-.04em;margin:0 0 55px}h2 em{font-weight:400;color:#95637d}.projects{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:54px 30px;max-width:1050px;margin:auto}.project{grid-column:span 2;text-align:center;text-decoration:none;display:block}.project:nth-child(4){grid-column:2/span 2}.project:nth-child(5){grid-column:4/span 2}.flower{height:290px;position:relative;overflow:hidden;mix-blend-mode:multiply;transition:transform .35s ease;mask-image:radial-gradient(ellipse 49% 49% at center,#000 68%,transparent 100%)}.flower img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%}.project h3{font-weight:400;font-size:1.375rem;letter-spacing:.02em;margin:20px 0 0;transition:color .2s}.project:hover .flower{transform:translateY(-8px) rotate(-2deg)}.project:hover h3{color:#a65c80}.project-page{min-height:100svh;padding:96px 9vw}.project-page h1{font-size:clamp(3rem,7vw,6rem);letter-spacing:-.04em;text-shadow:none}@media(max-width:600px){.hero{min-height:580px}.portrait{width:162px;height:162px;border-width:5px;margin-bottom:30px}h1{font-size:5rem}.portfolio{padding:72px 18px 80px}h2{font-size:2.45rem;margin-bottom:34px}.projects{gap:35px 8px}.flower{height:170px}.project h3{font-size:1rem;margin-top:12px}.scroll-link{bottom:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flower,.project h3{transition:none}}
/* Frame the upper lily as one flower for each project. */
.flower{height:auto;aspect-ratio:1.1}.flower img{position:absolute;width:160%;height:auto;max-width:none;left:-53%;top:-27%;object-fit:initial}
/* A quiet, two-column introduction that dissolves into the portfolio. */
.hero{background-color:var(--pink)}
.hero:after{background:linear-gradient(to bottom,transparent 42%,rgba(252,240,244,.12) 57%,rgba(252,240,244,.65) 79%,var(--pink) 100%)}
.identity{width:min(1100px,84vw);display:grid;grid-template-columns:1fr 0.8fr;align-items:center;gap:8vw;text-align:left;margin-top:-40px}
.identity h1{grid-column:1;grid-row:1;font-size:clamp(3.5rem,6.8vw,6.5rem);letter-spacing:-.045em;white-space:nowrap}
.portrait{grid-column:2;grid-row:1;width:100%;height:auto;aspect-ratio:3/4;border-radius:3px;border:5px solid rgba(255,249,252,.75);margin:0;box-shadow:0 18px 65px #68304924}
.portrait img{position:static;display:block;width:100%;height:100%;object-fit:cover;max-width:100%}
.portfolio{background:var(--pink)}
@media(max-width:600px){.identity{width:90vw;grid-template-columns:1fr 1fr;gap:5vw;margin-top:-35px}.identity h1{font-size:clamp(2rem,7.7vw,3rem)}.portrait{border-width:3px}.hero:after{background:linear-gradient(to bottom,transparent 40%,rgba(252,240,244,.4) 68%,var(--pink) 100%)}}