@font-face{font-family:Cormorant;src:url(cormorant-garamond.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Noto;src:url(noto-sans.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--navy:#0D2238;--ivory:#F7F3EA;--leaf:#86B8AE;--tiffany:#3D786E;--gold:#C8A45E;color:var(--navy);background:var(--ivory);font-family:Noto,Arial,sans-serif;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}body::after{content:'';position:fixed;inset:0;background:url(paper.png);opacity:.24;pointer-events:none;z-index:5}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a,button{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--navy);outline-offset:5px}button{font:inherit}
.scene{position:relative;isolation:isolate;min-height:780px;height:100svh;overflow:hidden}.art{position:absolute;inset:0;pointer-events:none;z-index:-1}.wash{position:absolute;width:44%;height:79%;right:0;top:2%;border-radius:58% 42% 70% 30%;background:var(--leaf);opacity:.115;filter:blur(76px)}.layer{position:absolute}.layer img{width:100%;display:block}.hero>img{position:relative;z-index:1}.branch-reveal{position:absolute;inset:0;animation:branch-in 1.8s ease-out both}.hero{width:min(45vw,57svh);right:4%;top:-9%;transform-origin:100% 0;animation:flex 11s ease-in-out infinite}.twig{width:200px;left:-24px;top:-58px;transform-origin:0 0;animation:twig 8s ease-in-out infinite reverse;opacity:.82}.cluster{display:none}.sprig{width:26.5%;left:43.05%;top:51.69%;transform-origin:85% 85%;animation:sprig 10s ease-in-out infinite}
.copy{position:absolute;left:15.5%;top:50%;transform:translateY(-53%);width:46%;max-width:650px}.identity{display:flex;align-items:center;gap:23px;margin-bottom:58px}.medallion{width:80px}.wordmark{width:190px}.message{animation:copy-in .28s ease-out both}.place{display:flex;align-items:center;gap:13px;font-size:12px;line-height:1.5;letter-spacing:.19em;margin:0 0 24px}.place::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold);flex:none}h1,h2{font-family:Cormorant,Georgia,serif;font-weight:500;font-size:clamp(68px,6.4vw,100px);line-height:1.04;letter-spacing:-.035em;margin:0;max-width:640px;text-wrap:balance}.warm{font-size:16px;line-height:1.7;margin:26px 0 0;max-width:420px;text-wrap:balance}
footer{position:absolute;left:11%;right:11%;bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}small{font-size:11px;letter-spacing:.025em}.languages{display:flex;align-items:center;gap:9px;background:var(--ivory)}.languages a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-decoration:none;font-size:11px;letter-spacing:.1em;position:relative}.languages a[aria-current]{color:var(--tiffany)}.languages a[aria-current]::after{content:'';position:absolute;bottom:5px;left:13px;right:13px;height:1px;background:currentColor}.languages a:hover{text-decoration:underline;text-underline-offset:5px}.languages span{font-size:10px}.pause{position:fixed;right:30px;bottom:31px;width:44px;height:44px;border:1px solid #0d223828;background:var(--ivory);border-radius:50%;display:grid;place-items:center;cursor:pointer;z-index:6}.pause svg{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.play-icon{display:none}.pause[aria-pressed=true] .pause-icon{display:none}.pause[aria-pressed=true] .play-icon{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.petals{position:absolute;inset:0;overflow:hidden}.petal{position:absolute;top:12%;left:75%;width:27px;height:auto;opacity:0;animation:drift 11s ease-in-out forwards}.paused *,.paused *::before,.paused *::after{animation-play-state:paused!important}
@keyframes branch-in{from{opacity:.3;transform:translate(16px,-16px)}to{opacity:1;transform:none}}
@keyframes copy-in{from{opacity:.92;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes flex{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}
@keyframes twig{0%,100%{transform:rotate(-1.8deg)}50%{transform:rotate(1.8deg)}}
@keyframes cluster{0%,100%{transform:rotate(-2.4deg)}50%{transform:rotate(2.4deg)}}
@keyframes sprig{0%,100%{transform:rotate(12.8deg)}50%{transform:rotate(17.2deg)}}
@keyframes drift{0%{opacity:0;transform:translate(0,0) rotate(0)}12%{opacity:.88}55%{transform:translate(-62px,190px) rotate(40deg)}85%{opacity:.8}100%{opacity:0;transform:translate(-130px,380px) rotate(85deg)}}
html:not(.js) *{animation:none!important}html:not(.js) .sprig{transform:rotate(15deg)}html:not(.js) .pause,html:not(.js) .languages{display:none}html:not(.js) .copy{top:70px;transform:none}html:not(.js) h1,html:not(.js) h2{font-size:48px}html:not(.js) .identity{margin-bottom:34px}.fallback{margin-top:34px}.fallback .place{margin-bottom:12px}.fallback .warm{margin-top:12px}html:not(.js) .scene{height:auto;min-height:960px}html:not(.js) footer{position:relative;bottom:auto;padding:25px 0;width:78%}
@media(min-width:1600px){.copy{left:17%}.hero{right:9%}.cluster{right:14%}footer{left:13%;right:13%}.twig{width:235px}}
@media(min-width:701px) and (max-width:1000px){.copy{left:9%;width:52%;top:69%}.hero{width:53vw;right:-8%;top:0}.cluster{right:-3%;top:36%;width:120px}.twig{width:110px;left:-28px}.identity{gap:18px}.medallion{width:70px}.wordmark{width:165px}h1{font-size:76px}.warm{font-size:15px;max-width:300px}footer{left:9%;right:15%}}
@media(max-width:700px){.scene{min-height:770px;height:100svh}.wash{width:78%;height:380px;right:-16%;top:-45px;filter:blur(45px);opacity:.13}.hero{width:300px;right:-48px;top:-84px}.twig{display:none}.cluster{width:88px;right:9px;top:172px}.copy{position:relative;left:auto;top:auto;transform:none;width:auto;max-width:none;margin:0 28px;padding-top:30px}.identity{gap:15px;margin:0}.medallion{width:54px}.wordmark{width:122px}.message{padding-top:347px}.place{font-size:11px;margin-bottom:17px;letter-spacing:.17em}h1{font-size:58px;line-height:1.01;max-width:340px;letter-spacing:-.035em}.warm{font-size:14px;line-height:1.7;max-width:290px;margin-top:22px}footer{left:28px;right:82px;bottom:24px;gap:8px;align-items:center}small{font-size:9px}.languages{gap:0}.languages a{min-width:36px;font-size:10px}.languages a[aria-current]::after{left:10px;right:10px}.pause{right:24px;bottom:24px}.petal{left:78%;top:13%;width:21px}html:not(.js) .copy{top:auto;padding-top:30px}html:not(.js) .message{padding-top:347px}html:not(.js) .scene{min-height:1100px}html:not(.js) h1,html:not(.js) h2{font-size:42px}html:not(.js) footer{left:28px;width:calc(100% - 56px)}}
@media(max-width:374px){.copy{margin:0 25px}.hero{right:-66px}.message{padding-top:337px}h1{font-size:55px}.warm{max-width:275px}footer{left:25px;right:80px}.languages a{min-width:33px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.branch-reveal,.message{opacity:1;transform:none}.sprig{transform:rotate(15deg)}.petals{display:none}.pause{display:none}}