.bg-slide{opacity:0;transition:opacity 1.8s ease}
.bg-slide.is-on{opacity:1}
.page-head.has-image{background:linear-gradient(180deg,rgba(4,18,31,.35),rgba(4,18,31,.55)),var(--head-image) center/cover no-repeat}
.block-text{max-width:760px;margin:0 auto}
.block-text.wide{max-width:1040px}
.block-text .sec-head{margin-bottom:clamp(14px,2vw,22px)}
.block-media{align-items:center}
.block-media.media-left>:first-child{order:2}
.block-media .media img{width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.block-media.media-left>:first-child{order:0}}
.c3d{position:relative;max-width:1180px;margin:0 auto;padding:8px 0 58px;outline:none;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.c3d:focus-visible{outline:3px solid #ffc93c;outline-offset:6px;border-radius:28px}
.c3d-stage{position:relative;height:clamp(260px,44vw,520px);perspective:1500px;perspective-origin:50% 40%}
.c3d-slide{--o:0;--d:0;position:absolute;left:50%;top:0;width:clamp(230px,56%,660px);aspect-ratio:16/10;margin:0;cursor:pointer;
  z-index:calc(10 - var(--d));opacity:calc(1 - var(--d) * .2);
  transform:translate3d(calc(-50% + var(--o) * 56%),0,calc(var(--d) * -200px)) rotateY(clamp(-54deg,calc(var(--o) * -36deg),54deg)) scale(calc(1 - var(--d) * .05));
  transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s ease}
.c3d-slide.is-hidden{opacity:0;pointer-events:none}
.c3d-glass{position:relative;display:block;width:100%;height:100%;padding:10px;border-radius:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(255,255,255,.12) 40%,rgba(255,255,255,.24));
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 34px 60px -24px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(255,255,255,.22)}
.c3d-glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 68%,rgba(255,255,255,.16));mix-blend-mode:screen}
.c3d-glass img{display:block;width:100%;height:100%;object-fit:cover;border-radius:18px;transition:filter .6s}
.c3d-slide:not(.is-active) .c3d-glass img{filter:saturate(.8) brightness(.78)}
.c3d-slide.is-active .c3d-glass{-webkit-box-reflect:below 8px linear-gradient(transparent 64%,rgba(255,255,255,.22))}
.c3d-slide figcaption{position:absolute;left:50%;bottom:-44px;max-width:92%;transform:translateX(-50%);padding:6px 16px;border-radius:99px;
  background:rgba(4,18,31,.62);color:#fff;font-size:.92rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .5s}
.c3d-slide.is-active figcaption{opacity:1}
.c3d-nav{position:absolute;top:calc(clamp(260px,44vw,520px) / 2 - 24px);z-index:20;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:#fff;
  background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 24px -8px rgba(0,0,0,.55);transition:transform .2s,background-color .2s}
.c3d-nav:hover{transform:scale(1.08);background:rgba(255,201,60,.5)}
.c3d-nav svg{width:22px;height:22px}
.c3d-nav.prev{left:4px}
.c3d-nav.next{right:4px}
.c3d-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.c3d-dots button{width:10px;height:10px;padding:0;border-radius:99px;border:0;cursor:pointer;background:rgba(255,255,255,.5);transition:width .3s,background-color .3s}
.c3d-dots button[aria-current="true"]{width:30px;background:linear-gradient(90deg,#ffe066,#ff8a1f)}
@media (max-width:720px){.c3d-slide{width:76%}.c3d-slide{transform:translate3d(calc(-50% + var(--o) * 44%),0,calc(var(--d) * -160px)) rotateY(clamp(-48deg,calc(var(--o) * -34deg),48deg)) scale(calc(1 - var(--d) * .05))}.c3d-nav{width:40px;height:40px}}
@media (prefers-reduced-motion:reduce){.c3d-slide,.bg-slide,.c3d-glass img{transition:none}}
.about-text .lead{margin:0 0 14px}
.about-text .lead:last-child{margin-bottom:0}
.notice{--accent:255,179,64;--accent2:255,92,120;--g1:#c2410c;--g2:#be123c;position:relative;display:grid;overflow:hidden;isolation:isolate;border-radius:calc(var(--r) + 14px);color:var(--fg);background:linear-gradient(115deg,rgba(var(--accent),.42),rgba(255,255,255,.88) 38%,rgba(var(--accent2),.34) 70%,rgba(var(--accent),.42));background-size:220% 100%;border:2px solid rgba(var(--accent),.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 40px 80px -40px rgba(var(--accent2),.85),0 0 0 6px rgba(var(--accent),.14);animation:noticeFlow 12s ease-in-out infinite alternate,noticeGlow 3.2s ease-in-out infinite}
.notice::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 280px at 8% -30%,rgba(255,255,255,.75),transparent 70%)}
.notice-saffron{--accent:255,179,64;--accent2:255,92,120;--g1:#c2410c;--g2:#be123c}
.notice-ocean{--accent:74,168,255;--accent2:25,198,201;--g1:#1d4ed8;--g2:#0e7490}
.notice-jade{--accent:52,200,106;--accent2:74,168,255;--g1:#047857;--g2:#1d4ed8}
.notice-rose{--accent:255,107,90;--accent2:168,85,247;--g1:#be123c;--g2:#7c3aed}
.notice.has-media{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.notice.media-left .notice-media{order:-1}
.notice-media{position:relative;min-height:300px}
.notice-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.notice-media::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);background:linear-gradient(135deg,rgba(255,255,255,.3),transparent 40%)}
.notice-body{display:grid;gap:16px;align-content:center;justify-items:start;padding:clamp(28px,4.6vw,60px)}
.notice-top{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.notice-top .ico{transform:scale(1.25);transform-origin:left center;margin-right:10px;animation:noticeFloat 3.6s ease-in-out infinite}
.notice-badge{position:relative;padding:8px 16px 8px 30px;font-size:.92rem;color:#fff;background:linear-gradient(90deg,var(--g1),var(--g2));box-shadow:0 10px 24px -10px rgba(var(--accent2),.9)}
.notice-badge::before{content:"";position:absolute;left:12px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:#fff;animation:noticePulse 1.6s ease-out infinite}
.notice h2{margin:0;font-size:clamp(2.3rem,5.2vw,4.1rem);line-height:1.04;letter-spacing:-.02em;background:linear-gradient(90deg,var(--g1),var(--g2) 60%,var(--g1));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:noticeFlow 8s linear infinite alternate}
.notice .notice-text{margin:0;max-width:60ch;font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.5;color:var(--fg)}
.notice .notice-tagline{margin:0;font-size:clamp(1.2rem,2.2vw,1.7rem);font-weight:700;letter-spacing:.01em;color:var(--g2)}
.notice .notice-detail{margin:0;max-width:60ch;font-size:1.1rem;font-weight:600;color:var(--fg)}
.notice-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;width:100%;margin:6px 0 0}
.notice-facts div{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid rgba(var(--accent),.5);box-shadow:inset 0 1px 0 #fff}
.notice-facts dt{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-soft)}
.notice-facts dd{margin:3px 0 0;font-size:1.1rem;font-weight:700}
.notice-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}
.notice-actions .btn{padding:16px 30px;font-size:1.15rem}
.btn.notice-primary{position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,var(--g1),var(--g2));box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 18px 34px -14px rgba(var(--accent2),.95);animation:noticeBeat 2.4s ease-in-out infinite}
.btn.notice-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translateX(-120%);animation:noticeShine 3.2s ease-in-out infinite}
.notice-actions .btn.ghost{color:var(--g2);border:2px solid var(--g2);background:rgba(255,255,255,.7)}
@keyframes noticeFlow{to{background-position:100% 0}}
@keyframes noticeGlow{50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 40px 80px -40px rgba(var(--accent2),.85),0 0 0 12px rgba(var(--accent),.06)}}
@keyframes noticeFloat{50%{transform:scale(1.25) translateY(-6px)}}
@keyframes noticePulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.9)}100%{box-shadow:0 0 0 12px rgba(255,255,255,0)}}
@keyframes noticeBeat{50%{transform:scale(1.045)}}
@keyframes noticeShine{55%,100%{transform:translateX(120%)}}
@media (max-width:760px){.notice.has-media{grid-template-columns:1fr}.notice.media-left .notice-media{order:0}.notice-media{min-height:0;aspect-ratio:16/9}.notice-actions .btn{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.notice,.notice h2,.notice-top .ico,.notice-badge::before,.btn.notice-primary,.btn.notice-primary::after{animation:none}}