.hero{position:relative;height:100vh;min-height:720px;display:flex;align-items:flex-end;overflow:hidden}.hero-photo-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 40%;z-index:0;transform:scale(1.06);animation:heroPhotoKen 18s ease-in-out infinite alternate}@keyframes heroPhotoKen{0%{transform:scale(1.06) translate(0)}to{transform:scale(1.12) translate(-1.5%)}}.hero-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#00122a4d,#000f2638 35%,#000c227a 65%,#00081cc7),linear-gradient(to right,#000c2399,#00081a47 45%,#0005120a)}.hero-depth-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to bottom,#001e3c00,rgba(0,30,60,var(--depth,0)));pointer-events:none}.hero-sunrays{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.hero-sunrays:before{content:"";position:absolute;top:-20%;left:20%;width:200%;height:150%;background:conic-gradient(from 268deg at 30% 0%,transparent 0deg,rgba(255,255,220,.055) 2deg,transparent 6deg,transparent 11deg,rgba(255,255,220,.04) 13deg,transparent 17deg,transparent 22deg,rgba(255,255,220,.065) 24deg,transparent 27deg,transparent 34deg,rgba(255,255,220,.035) 36deg,transparent 40deg);animation:sunRaysDrift 22s ease-in-out infinite alternate;transform-origin:0% 0%}@keyframes sunRaysDrift{0%{transform:rotate(-4deg) translate(-2%);opacity:.6}50%{transform:rotate(2deg) translate(1.5%);opacity:1}to{transform:rotate(-1deg) translate(-1%);opacity:.75}}.hero-waves{position:absolute;bottom:-2px;left:-5%;width:110%;z-index:3;pointer-events:none}.hw{position:absolute;bottom:0;left:0;width:100%}.hw svg{display:block;width:100%}.hw-1{animation:hw1 15s ease-in-out infinite;bottom:-22px}.hw-2{animation:hw2 11s ease-in-out infinite;bottom:-10px}.hw-3{animation:hw3 8s ease-in-out infinite}.hw-4{animation:hw2 9s ease-in-out infinite;bottom:-5px}@keyframes hw1{0%,to{transform:translate(0) scaleY(1)}50%{transform:translate(-3%) scaleY(1.05)}}@keyframes hw2{0%,to{transform:translate(0) scaleY(1)}50%{transform:translate(4%) scaleY(.94)}}@keyframes hw3{0%,to{transform:translate(0) scaleY(1)}50%{transform:translate(-5%) scaleY(1.08)}}.hero-content{position:relative;z-index:10;width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(2rem,4vw,4rem) clamp(3rem,5vw,5rem)}.hero-left{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem;max-width:580px}.hero-headline{font-family:"Noto Serif JP",serif;font-weight:300;font-size:clamp(2.88rem,3vw + .64rem,6.08rem);line-height:1.3;letter-spacing:.14em;color:#fff;filter:drop-shadow(0 2px 20px rgba(0,15,50,.5));opacity:0;animation:heroFadeUp 1.4s cubic-bezier(.23,1,.32,1) .15s forwards}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-divider{width:72px;height:1px;background:linear-gradient(to right,rgba(255,255,255,.7),transparent);flex-shrink:0;opacity:0;animation:heroFadeUp 1s cubic-bezier(.23,1,.32,1) .55s forwards}.hero-sub{display:flex;flex-direction:column;max-width:400px;opacity:0;animation:heroFadeUp 1.4s cubic-bezier(.23,1,.32,1) .4s forwards}.hero-sub-en{font-family:Lato,sans-serif;font-weight:100;font-size:.96rem;letter-spacing:.4em;color:#ffffff80;text-transform:uppercase;margin-bottom:.9rem;line-height:1;display:block}.hero-desc{font-family:"Noto Serif JP",serif;font-weight:300;font-size:clamp(1.15rem,.7vw + .35rem,1.31rem);line-height:2.2;letter-spacing:.08em;color:#ffffffc7;text-shadow:0 1px 10px rgba(0,15,50,.4);margin-bottom:0}.hero-cta{margin-top:1.4rem;display:flex;flex-direction:row;gap:1rem;align-items:center;flex-wrap:wrap}.btn-bubble-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10;width:200px;height:100px;opacity:0;transition:opacity .1s}.btn-bubble{display:inline-flex;align-items:center;gap:.7rem;width:fit-content;text-decoration:none;cursor:pointer;font-family:"Noto Serif JP",serif;font-weight:400;font-size:clamp(1.36rem,.9vw + .48rem,1.6rem);letter-spacing:.2em;border-radius:50px;position:relative;transition:all .5s cubic-bezier(.23,1,.32,1)}.btn-primary{padding:.85rem 2rem;background:#0064a08c;-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);border:1px solid rgba(160,235,252,.6);color:#fff}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 18px 44px #0064a052;color:#fff}.btn-arr{transition:transform .4s ease;font-size:.9em}.btn-primary:hover .btn-arr{transform:translate(6px)}.scroll-hint{position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.6rem}.scroll-line{width:1px;height:52px;background:linear-gradient(to bottom,rgba(255,255,255,.7),transparent);animation:scrollPulse 2.4s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.5}50%{opacity:1}}.scroll-lbl{font-family:Lato,sans-serif;font-weight:100;font-size:.93rem;letter-spacing:.45em;text-transform:uppercase;color:#ffffff8c}@media(max-width:900px){.hero-headline{font-size:clamp(3.2rem,8vw,4.8rem)}.hero-left{max-width:100%;gap:1.2rem}.hero-content{padding:0 1.8rem clamp(4rem,10vw,6rem)}.hero-cta{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.scroll-hint{display:none}}@media(max-width:480px){.hero-cta{align-items:stretch}.hero-cta .btn-bubble{width:100%;justify-content:center}}@media(max-width:420px){.hero-headline{font-size:clamp(2.4rem,8vw,3rem)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/marea-hero.css.map */