.passions.passion-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.passion-card{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--line);isolation:isolate;display:flex;flex-direction:column;justify-content:flex-start;background:var(--raise);transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}.passion-card .pc-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;border-radius:inherit;overflow:hidden}.passion-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.passion-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:-1;background:#06080e9e}.passion-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;transition:opacity .35s var(--ease);background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.3),rgba(255,255,255,0) 55%)}.passion-card .glyph{position:absolute;top:10px;left:10px;box-sizing:content-box;width:20px;height:20px;padding:7px;border-radius:50%;background:#06080e73;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);stroke:#fff;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.passion-card .txt{padding:56px 14px 14px}.passion-card h3{margin:0;font-size:1.05rem;letter-spacing:-.03em;line-height:1.15;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.passion-card p{margin:5px 0 0;font-size:.82rem;line-height:1.4;color:#ffffffe0;text-shadow:0 1px 3px rgba(0,0,0,.5)}@media (hover:hover){.passion-card:hover{transform:perspective(900px) translateY(-4px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border-color:var(--accent);box-shadow:0 14px 32px -16px #0000008c}.passion-card:hover img{transform:scale(1.05)}.passion-card:hover:before{opacity:1}}@media (max-width:1100px){.passions.passion-cards{overflow-x:clip}}@media (max-width:900px){.passions.passion-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (max-width:560px){.passion-card{aspect-ratio:3/4}.passion-card .txt{padding:46px 12px 12px}.passion-card h3{font-size:1rem}.passion-card p{font-size:.82rem;line-height:1.35}.passion-card .glyph{top:8px;left:8px}}@media (prefers-reduced-motion:reduce){.passion-card,.passion-card img{transition:none}.passion-card:hover,.passion-card:hover img{transform:none}.passion-card:before{display:none}}.fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.fx-p{position:absolute;opacity:0;width:var(--s,16px);height:auto;left:var(--l);will-change:transform,opacity}.fx-brick{bottom:24%;margin-left:calc(var(--s)/-2)}.fx-star{top:var(--t);margin:calc(var(--s)/-2) 0 0 calc(var(--s)/-2);filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}.fx-cloud{top:var(--t)}.fx-heart{top:var(--t);margin-left:calc(var(--s)/-2)}.fx-fly{position:absolute;left:0;right:0;top:44%;height:0;opacity:0}.fx-arc{position:absolute;left:0;top:0}.fx-plane{position:absolute;left:0;top:-20px;width:40px;height:40px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.fx-trail{position:absolute;left:-120px;top:-2px;width:140px;height:4px;border-radius:2px;background:repeating-linear-gradient(90deg,#fff 0 9px,transparent 9px 16px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 75%);mask-image:linear-gradient(90deg,transparent,#000 75%)}.fx-hop{position:absolute;left:24%;bottom:44%;width:44px;opacity:0;margin-left:-22px}.fx-ball{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}.fx-orbit{position:absolute;left:50%;top:58%;width:0;height:0}.fx-fairy{left:0;top:0;width:42px;margin:-17px 0 0 -21px;filter:drop-shadow(0 0 7px #7cc8ff) drop-shadow(0 0 14px rgba(124,200,255,.8))}.fx-wing{transform-box:fill-box}.fx-wl{transform-origin:100% 60%}.fx-wr{transform-origin:0 60%}@media (prefers-reduced-motion:no-preference){:is(.passion-card:hover,.passion-card:focus-within,.passion-card.fx-on) .fx-brick{animation:fx-brick 2.1s linear var(--d) both}:is(.passion-card:hover,.passion-card:focus-within,.passion-card.fx-on) .fx-star{animation:fx-twinkle 1.1s ease-in-out var(--d) both}:is(.passion-card:hover,.passion-card:focus-within,.passion-card.fx-on) .fx-cloud{animation:fx-cloud 2.2s ease-in-out var(--d) both}:is(.passion-card:hover,.passion-card:focus-within,.passion-card.fx-on) .fx-heart{animation:fx-heart 2s ease-out var(--d) both}:is(.passion-card:hover,.passion-card:focus-within,.passion-card.fx-on) .fx-fly{animation:fx-fly 1.9s cubic-bezier(.45,.05,.55,.95) both}:is(.passion-card:hover,.passion-card:focus-within,.passion-card.fx-on) .fx-arc{animation:fx-arc 1.9s ease-in-out both}:is(.passion-card:hover,.passion-card:focus-within,.passion-card.fx-on) .fx-trail{animation:fx-trail 1.9s ease-out both}:is(.passion-card:hover,.passion-card:focus-within,.passion-card.fx-on) .fx-hop{animation:fx-hop 2.2s linear both}:is(.passion-card:hover,.passion-card:focus-within,.passion-card.fx-on) .fx-ball{animation:fx-wobble 1.1s ease-in-out .85s both}:is(.passion-card:hover,.passion-card:focus-within,.passion-card.fx-on) .fx-orbit{animation:fx-orbit 2.2s linear both}:is(.passion-card:hover,.passion-card:focus-within,.passion-card.fx-on) .fx-fairy{animation:fx-fade 2.2s linear both}:is(.passion-card:hover,.passion-card:focus-within,.passion-card.fx-on) .fx-wl{animation:fx-flapl .18s ease-in-out 13 alternate}:is(.passion-card:hover,.passion-card:focus-within,.passion-card.fx-on) .fx-wr{animation:fx-flapr .18s ease-in-out 13 alternate}}@media (prefers-reduced-motion:reduce){.fx{display:none}}@media (hover:none),(max-width:900px){.fx{display:none}}@keyframes fx-brick{0%{transform:translate(0) rotate(0) scale(.4);opacity:0;animation-timing-function:cubic-bezier(.2,.7,.4,1)}10%{opacity:1}42%{transform:translate(calc(var(--x)*.7),var(--y)) rotate(calc(var(--r)*.6)) scale(1);animation-timing-function:cubic-bezier(.55,0,.9,.6)}85%{opacity:1}to{transform:translate(var(--x),calc(var(--y)*.15 + 130px)) rotate(var(--r)) scale(.95);opacity:0}}@keyframes fx-twinkle{0%{transform:scale(0) rotate(0);opacity:0}45%{transform:scale(1) rotate(90deg);opacity:1}to{transform:scale(0) rotate(180deg);opacity:0}}@keyframes fx-cloud{0%{transform:translate(-16px);opacity:0}30%,70%{opacity:.9}to{transform:translate(24px);opacity:0}}@keyframes fx-heart{0%{transform:translate(0) scale(.5);opacity:0}20%{opacity:1}50%{transform:translate(8px,-40px) scale(1)}to{transform:translate(-6px,-90px) scale(1);opacity:0}}@keyframes fx-fly{0%{transform:translate(-14%);opacity:0}10%,86%{opacity:1}to{transform:translate(104%);opacity:0}}@keyframes fx-arc{0%{transform:translateY(34px) rotate(-8deg)}50%{transform:translateY(-14px) rotate(-14deg)}to{transform:translateY(-62px) rotate(-6deg)}}@keyframes fx-trail{0%{opacity:.9}70%{opacity:.7}to{opacity:0}}@keyframes fx-hop{0%{transform:translateY(170px) scale(.7);opacity:0;animation-timing-function:cubic-bezier(.2,.7,.4,1)}12%{opacity:1}30%{transform:translateY(0) scale(1);animation-timing-function:ease-out}40%{transform:translateY(-30px);animation-timing-function:ease-in}50%{transform:translateY(0);animation-timing-function:ease-out}56%{transform:translateY(-9px);animation-timing-function:ease-in}62%,86%{transform:translateY(0);opacity:1}to{transform:translateY(0);opacity:0}}@keyframes fx-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-22deg)}45%{transform:rotate(18deg)}65%{transform:rotate(-10deg)}82%{transform:rotate(5deg)}}@keyframes fx-orbit{0.0%{transform:translate(-16px,-19px)}4.5%{transform:translate(4px,-27px)}9.1%{transform:translate(24px,-25px)}13.6%{transform:translate(39px,-15px)}18.2%{transform:translate(47px,1px)}22.7%{transform:translate(48px,18px)}27.3%{transform:translate(42px,34px)}31.8%{transform:translate(29px,46px)}36.4%{transform:translate(12px,49px)}40.9%{transform:translate(-7px,44px)}45.5%{transform:translate(-24px,30px)}50.0%{transform:translate(-36px,9px)}54.5%{transform:translate(-43px,-16px)}59.1%{transform:translate(-43px,-43px)}63.6%{transform:translate(-36px,-68px)}68.2%{transform:translate(-24px,-88px)}72.7%{transform:translate(-8px,-101px)}77.3%{transform:translate(8px,-106px)}81.8%{transform:translate(23px,-103px)}86.4%{transform:translate(34px,-94px)}90.9%{transform:translate(39px,-82px)}95.5%{transform:translate(38px,-69px)}100.0%{transform:translate(31px,-58px)}}@keyframes fx-fade{0%{opacity:0}8%{opacity:1}86%{opacity:1}to{opacity:0}}@keyframes fx-flapl{0%{transform:scaleX(1) rotate(0)}to{transform:scaleX(.55) rotate(12deg)}}@keyframes fx-flapr{0%{transform:scaleX(1) rotate(0)}to{transform:scaleX(.55) rotate(-12deg)}}.tl-toggle{background:none;border:0;cursor:pointer}.tl-toggle:focus{outline:none}.tl-toggle:focus-visible{outline:1px solid var(--ink);outline-offset:4px;border-radius:4px}.tl-toggle:hover .arr{transform:translateY(3px)}.tl-toggle[aria-expanded=true]:hover .arr{transform:translateY(-3px)}.tl-top{margin-bottom:8px}.tl-bottom{margin-top:24px}.tl li.tl-in{animation:tl-in .45s var(--ease) both}@keyframes tl-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.tl li.tl-in{animation:none}.tl-toggle:hover .arr{transform:none}}.tl-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}.tl-links .cert-link.in-tl{margin-top:0}@media (max-width:900px){.tl-links .cert-link.in-tl{margin-block:-12px}}
