@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--color-bg: #0a1a1a;--color-grad1: #1a6b5a;--color-grad2: #0d6b4f;--color-grad3: #0a3d2e;--color-grad4: #8b7931;--color-grad5: #0e4a40;--color-text: #eee8d5;--color-subtext: rgba(238, 232, 213, .75);--color-h3text: rgba(238, 232, 213, .58);--font-display: "Cormorant Garamond", "Garamond", Georgia, serif;--font-body: "Cormorant Garamond", "Garamond", Georgia, serif;--font-h1-size: 96px;--font-h2-size: 36px;--font-h3-size: 26px;--font-h1-weight: 300;--font-h2-weight: 400;--font-h3-weight: 400;--font-h1-spacing: .08em;--font-h2-spacing: .12em;--font-h3-spacing: .18em;--font-h2-style: italic;--text-layer-padding: 80px 60px 80px 40%;--text-layer-align-items: flex-end;--text-layer-justify-content: center;--text-layer-text-align: right;--text-layer-max-width: 100%;--divider-width: 80px;--reflection-opacity: 0;--reflection-glint-opacity: 0;--reflection-rose: rgba(0, 0, 0, 0);--reflection-blue: rgba(0, 0, 0, 0);--reflection-gold: rgba(0, 0, 0, 0);--reflection-surface: rgba(0, 0, 0, 0);--reflection-ink: rgba(0, 0, 0, 0);--anim-gradient: 20s;--anim-noise: 14s;--anim-ease: cubic-bezier(.25, .46, .45, .94)}@font-face{font-family:Collier;src:url(/fonts/Collier-Light.woff2) format("woff2"),url(/fonts/Collier-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Collier;src:url(/fonts/Collier-Regular.woff2) format("woff2"),url(/fonts/Collier-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:1920px;height:1080px;overflow:hidden;background:var(--color-bg);font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{transition:background .6s ease}#scene{position:relative;width:1920px;height:1080px;overflow:hidden}#gradient-layer{position:absolute;inset:0;z-index:0;isolation:isolate}.blob{position:absolute;border-radius:50%;filter:blur(120px);will-change:transform;mix-blend-mode:screen;opacity:.7}.blob--1{width:900px;height:900px;background:radial-gradient(circle,var(--color-grad1),transparent 70%);top:-200px;left:-200px}.blob--2{width:700px;height:700px;background:radial-gradient(circle,var(--color-grad2),transparent 70%);top:200px;right:-100px}.blob--3{width:800px;height:800px;background:radial-gradient(circle,var(--color-grad3),transparent 70%);bottom:-150px;left:300px}.blob--4{width:600px;height:600px;background:radial-gradient(circle,var(--color-grad4),transparent 70%);top:400px;left:600px}.blob--5{width:500px;height:500px;background:radial-gradient(circle,var(--color-grad5),transparent 70%);bottom:100px;right:200px}#reflection-layer{position:absolute;inset:58% 0 0;z-index:1;pointer-events:none;overflow:hidden;opacity:0}body[data-theme=pop-water] #reflection-layer{opacity:var(--reflection-opacity)}#reflection-layer:before,#reflection-layer:after{content:"";position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.9) 42%,rgba(0,0,0,.52) 68%,transparent 100%);mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.9) 42%,rgba(0,0,0,.52) 68%,transparent 100%)}#reflection-layer:before{background:linear-gradient(180deg,transparent 0%,var(--reflection-ink) 10%,var(--reflection-surface) 38%,rgba(255,255,255,.03) 66%,transparent 100%),radial-gradient(72% 120% at 18% 84%,var(--reflection-rose) 0%,transparent 66%),radial-gradient(68% 120% at 72% 82%,var(--reflection-blue) 0%,transparent 68%),radial-gradient(44% 90% at 56% 74%,var(--reflection-surface) 0%,transparent 62%);mix-blend-mode:screen;transform:translate(0) scaleY(1.05);animation:reflectionSheen 26s ease-in-out infinite alternate}#reflection-layer:after{background:radial-gradient(18px 260px at 74% 34%,var(--reflection-gold) 0%,transparent 62%),radial-gradient(18px 300px at 86% 38%,rgba(251,248,244,.24) 0%,transparent 58%),radial-gradient(14px 220px at 94% 42%,var(--reflection-gold) 0%,transparent 62%),repeating-linear-gradient(180deg,transparent 0 18px,rgba(255,255,255,.1) 18px 20px,transparent 20px 34px,var(--reflection-surface) 34px 36px,transparent 36px 62px);background-repeat:no-repeat,no-repeat,no-repeat,repeat;background-size:100% 100%,100% 100%,100% 100%,100% 140%;background-position:0 0,0 0,0 0,0 0;mix-blend-mode:screen;opacity:var(--reflection-glint-opacity);filter:blur(.5px);animation:reflectionGlints 22s linear infinite}@keyframes reflectionSheen{0%{transform:translate(-1.5%) scale(1.01,1.04)}50%{transform:translate(1.5%) scale(1.03,1.06)}to{transform:translate(-.8%) scale(1.02,1.05)}}@keyframes reflectionGlints{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:-12px 0,16px 0,-20px 0,0 120px}}#noise-layer{position:absolute;inset:0;z-index:2;pointer-events:none}#noise-canvas{width:100%;height:100%;opacity:.05;mix-blend-mode:overlay}#text-layer{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:var(--text-layer-align-items);justify-content:var(--text-layer-justify-content);gap:0;padding:var(--text-layer-padding);text-align:var(--text-layer-text-align);overflow:hidden}.text-block{display:block;width:100%;max-width:var(--text-layer-max-width);overflow:hidden}.title-h1{font-family:var(--font-display);font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);letter-spacing:var(--font-h1-spacing);color:var(--color-text);line-height:1.2;white-space:pre-wrap;word-break:keep-all;overflow-wrap:break-word;text-transform:uppercase;margin-bottom:28px;max-width:100%;opacity:0;transform:translateY(30px);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-h2{font-family:var(--font-body);font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);letter-spacing:var(--font-h2-spacing);color:var(--color-subtext);line-height:1.45;max-width:100%;margin-bottom:32px;font-style:var(--font-h2-style);opacity:0;transform:translateY(24px)}.title-divider{width:var(--divider-width);height:1px;background:linear-gradient(90deg,transparent,var(--color-grad1),transparent);margin-bottom:28px;opacity:0;transform:scaleX(0);transform-origin:center}.title-h3{font-family:var(--font-body);font-size:var(--font-h3-size);font-weight:var(--font-h3-weight);letter-spacing:var(--font-h3-spacing);color:var(--color-h3text);line-height:1.4;text-transform:uppercase;opacity:0;transform:translateY(16px)}#lottie-layer{position:absolute;inset:0;z-index:4;pointer-events:none}#vignette{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse 90% 80% at 50% 50%,transparent 40%,rgba(22,22,30,.6) 100%)}body[data-theme=pop-water] .blob{opacity:.82;filter:blur(140px)}body[data-theme=pop-water] .title-h1{line-height:1.08}body[data-theme=pop-water] .title-h2{line-height:1.28;margin-bottom:26px;text-transform:uppercase}body[data-theme=pop-water] .title-h3{line-height:1.24}body[data-theme=pop-water] .title-divider{background:linear-gradient(90deg,transparent,var(--color-grad4),rgba(251,248,244,.72),transparent);margin-bottom:24px}body[data-theme=pop-water] #vignette{background:radial-gradient(ellipse 95% 82% at 50% 50%,transparent 46%,rgba(8,20,30,.32) 100%)}body[data-scene-variant=pop-water-soft] #reflection-layer{inset:60% 0 0}body[data-scene-variant=pop-water-soft] .blob--1{width:1080px;height:760px;top:-240px;left:-220px}body[data-scene-variant=pop-water-soft] .blob--2{width:860px;height:640px;top:40px;right:-140px}body[data-scene-variant=pop-water-soft] .blob--3{width:980px;height:620px;bottom:-180px;left:120px}body[data-scene-variant=pop-water-soft] .blob--4{width:520px;height:420px;top:340px;left:720px}body[data-scene-variant=pop-water-soft] .blob--5{width:620px;height:420px;bottom:-60px;right:220px}body[data-scene-variant=pop-water-blue] #reflection-layer{inset:57% 0 0}body[data-scene-variant=pop-water-blue] #reflection-layer:before{transform:translate(-2%) scale(1.03,1.08)}body[data-scene-variant=pop-water-blue] #reflection-layer:after{animation-duration:20s}body[data-scene-variant=pop-water-blue] .blob--1{width:1180px;height:760px;top:-260px;right:-180px;left:auto}body[data-scene-variant=pop-water-blue] .blob--2{width:860px;height:660px;top:260px;right:240px}body[data-scene-variant=pop-water-blue] .blob--3{width:840px;height:560px;bottom:-160px;left:-20px}body[data-scene-variant=pop-water-blue] .blob--4{width:520px;height:360px;top:420px;left:780px}body[data-scene-variant=pop-water-blue] .blob--5{width:540px;height:420px;bottom:40px;right:80px}body[data-scene-variant=pop-water-warm] #reflection-layer{inset:61% 0 0}body[data-scene-variant=pop-water-warm] #reflection-layer:before{transform:translate(1%) scale(1.01,1.03)}body[data-scene-variant=pop-water-warm] .blob--1{width:920px;height:680px;top:-200px;left:-160px}body[data-scene-variant=pop-water-warm] .blob--2{width:760px;height:540px;top:-10px;right:-80px}body[data-scene-variant=pop-water-warm] .blob--3{width:1120px;height:660px;bottom:-240px;left:260px}body[data-scene-variant=pop-water-warm] .blob--4{width:620px;height:420px;top:360px;left:640px}body[data-scene-variant=pop-water-warm] .blob--5{width:720px;height:420px;bottom:-40px;right:100px}