.site-header .brand{font-size:40px;letter-spacing:-.07em;transform:rotate(-2deg)}.site-footer .brand{font-size:34px}.site-header nav{gap:28px}.text-poem-invitation{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:70px 60px;margin-block:70px 0;background:var(--sea);border-radius:var(--radius);overflow:hidden}.text-poem-invitation h2{font-size:56px}.text-poem-invitation p{margin-block:20px 25px}.invitation-poem{font-size:50px;font-weight:600;line-height:1.2;letter-spacing:-.045em;transform:rotate(4deg);padding-bottom:70px}.invitation-flowers{position:absolute;right:30px;bottom:-30px;width:250px;height:190px}.aquarium-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;padding-block:70px 55px}.aquarium-intro h1{font-size:clamp(58px,7.5vw,110px)}.aquarium-intro p:not(.metadata){font-size:20px;max-width:540px;margin-block:24px 18px}.aquarium-intro .metadata{max-width:550px}.motion-toggle{min-height:48px;white-space:nowrap;background:var(--accent);color:var(--on-accent);border:0;padding:14px 20px;border-radius:var(--radius);font-size:15px}.poem-aquarium{overflow:hidden}.poem-water{position:relative;min-height:850px;display:grid;place-items:center;padding:100px 20px;background:var(--sea);overflow:hidden;isolation:isolate}.poem-water:nth-child(2n){background:var(--bg)}.poem-water:nth-child(3){background:var(--sky)}.water-decoration{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.swimmer{position:absolute;width:220px;height:290px;left:4%;top:12%;transform:rotate(-10deg)}.swimmer-1{width:300px;height:220px;left:auto;right:1%;top:auto;bottom:10%;transform:rotate(10deg)}.swimmer-small{width:100px;height:140px;left:78%;top:8%;opacity:.85;transform:rotate(13deg)}.aquarium-motif{width:100%;height:100%}.floating-poem{position:relative;z-index:1;width:min(700px,75%);text-align:center;padding:35px 25px;background:color-mix(in srgb,var(--sea) 78%,transparent);border-radius:var(--radius)}.poem-water:nth-child(2n) .floating-poem{background:color-mix(in srgb,var(--bg) 82%,transparent)}.poem-water:nth-child(3) .floating-poem{background:color-mix(in srgb,var(--sky) 85%,transparent)}.floating-poem h2{font-size:clamp(30px,3vw,44px);line-height:1.2;max-width:620px;margin:20px auto 36px;letter-spacing:-.035em}.aquarium-lines{display:flex;flex-direction:column;gap:14px;font-size:clamp(19px,2.2vw,30px);line-height:1.4;overflow-wrap:anywhere}.aquarium-lines span:last-child{font-weight:700;font-size:1.3em;padding-top:10px}.floating-poem .text-link{margin-top:35px;font-size:15px}.floating-poem:hover,.floating-poem:focus-within{background:var(--sea)}.poem-water:nth-child(2n) .floating-poem:hover,.poem-water:nth-child(2n) .floating-poem:focus-within{background:var(--bg)}.poem-water:nth-child(3) .floating-poem:hover,.poem-water:nth-child(3) .floating-poem:focus-within{background:var(--sky)}.motion-paused .poem-water *{animation-play-state:paused!important}.poem-water:not(.water-visible) *{animation-play-state:paused!important}
@media(prefers-reduced-motion:no-preference){.water-visible .swimmer-0{animation:swim-left 27s var(--swim-delay) ease-in-out infinite}.water-visible .swimmer-1{animation:swim-right 33s var(--swim-delay) ease-in-out infinite}.water-visible .swimmer-small{animation:swim-small 21s var(--swim-delay) ease-in-out infinite}.water-visible .aquarium-lines span{animation:word-current 8s var(--line-delay) ease-in-out infinite alternate}.floating-poem:hover .aquarium-lines span,.floating-poem:focus-within .aquarium-lines span{animation-play-state:paused}.invitation-poem{animation:word-current 8s ease-in-out infinite alternate}@keyframes swim-left{0%,100%{transform:translate(-25px,40px) rotate(-12deg)}35%{transform:translate(110px,-35px) rotate(4deg)}70%{transform:translate(20px,100px) rotate(-3deg)}}@keyframes swim-right{0%,100%{transform:translate(10px,-20px) rotate(7deg)}50%{transform:translate(-150px,-110px) rotate(-8deg)}}@keyframes swim-small{0%,100%{transform:translate(10px,10px) rotate(15deg)}50%{transform:translate(-100px,130px) rotate(-12deg)}}@keyframes word-current{from{transform:translate(-3px,0) rotate(-.35deg)}to{transform:translate(3px,-4px) rotate(.35deg)}}}
@media(max-width:1100px) and (min-width:768px){.site-header{padding-inline:30px}.site-header .brand{font-size:34px}.site-header nav{gap:20px}.site-header nav a{font-size:15px}.text-poem-invitation{gap:35px;padding:45px}.invitation-poem{font-size:40px}.swimmer{width:150px;height:210px}.swimmer-1{width:210px;height:160px}.floating-poem{width:75%}}
@media(max-width:767px){.site-header .brand{font-size:34px}.site-footer div{flex-wrap:wrap;gap:16px}.text-poem-invitation{grid-template-columns:1fr;padding:35px 25px;gap:35px;margin-top:35px}.text-poem-invitation h2{font-size:43px}.invitation-poem{font-size:38px;padding-bottom:80px}.invitation-flowers{width:200px;right:10px}.aquarium-intro{display:block;padding-block:40px 35px}.aquarium-intro h1{font-size:clamp(45px,12vw,75px)}.aquarium-intro p:not(.metadata){font-size:18px}.motion-toggle{margin-top:24px}.poem-water{min-height:700px;padding:120px 16px}.floating-poem{width:100%;padding:22px 12px;background:color-mix(in srgb,var(--sea) 94%,transparent)}.poem-water:nth-child(2n) .floating-poem{background:color-mix(in srgb,var(--bg) 94%,transparent)}.poem-water:nth-child(3) .floating-poem{background:color-mix(in srgb,var(--sky) 94%,transparent)}.floating-poem h2{font-size:29px;margin-block:18px 30px}.aquarium-lines{font-size:18px;gap:13px}.aquarium-lines span{animation:none!important}.swimmer{width:115px;height:150px;left:-20px;top:0}.swimmer-1{width:160px;height:120px;left:auto;right:-25px;bottom:0}.swimmer-small{width:70px;height:80px;left:78%;top:20px}.floating-poem .metadata{font-size:13px}.floating-poem .text-link{font-size:14px}}
.inline-bird{display:inline-block;width:24px;height:32px;object-fit:contain;vertical-align:middle;margin:0 6px}