

.home-nzh .nzpl-card{padding-top:58px}
.home-nzh .nzpl-tag{top:20px;left:30px;padding:5px 11px;border-radius:99px;background:rgba(34,160,84,.12);border:1px solid rgba(34,160,84,.28);color:#177a3f;font-size:12px;font-weight:600;letter-spacing:.01em}
html[data-theme="dark"] .home-nzh .nzpl-tag{background:rgba(52,199,110,.14);border-color:rgba(52,199,110,.3);color:#4ade80}
.nzpl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nzpl-cost{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:22px 0 0}
.nzpl-cost small{font-size:13.5px;font-weight:500;color:#6a6b64}
.nzpl-cost del{font-size:14px;color:#8a8a82;text-decoration-thickness:1.5px}
.nzpl-cost b{display:flex;align-items:flex-end;gap:6px;margin-top:4px;font-family:var(--nz-display);font-size:54px;line-height:.9;font-weight:700;letter-spacing:-.035em;color:var(--nz-ink)}
.nzpl-cost .nzpl-cur{margin-bottom:.12em;font-size:.34em;font-weight:600;letter-spacing:0;color:#6a6b64}
.nzpl-card.is-featured .nzpl-cost b{color:#b0842f}
.nzpl-card.is-featured .nzpl-cost .nzpl-cur{color:#b0842f}
html[data-theme="dark"] .nzpl-cost small{color:#b3afa5}
html[data-theme="dark"] .nzpl-cost del{color:#8f8b82}
html[data-theme="dark"] .nzpl-cost b{color:#f6f3ea}
html[data-theme="dark"] .nzpl-cost .nzpl-cur{color:#b3afa5}
html[data-theme="dark"] .nzpl-card.is-featured .nzpl-cost b,html[data-theme="dark"] .nzpl-card.is-featured .nzpl-cost .nzpl-cur{color:#d6aa4f}
.home-nzh .nzpl-card .nzpl-cta{margin-top:22px}
.home-nzh .nzpl-card ul{margin:24px 0 0}
@media (max-width:760px){.nzpl-cost b{font-size:48px}.home-nzh .nzpl-card{padding-top:54px}.home-nzh .nzpl-tag{left:22px;top:18px}}

.home-nzh .nzcl{padding:42px 0 40px;overflow:hidden}
.nzcl .nzp-inner{max-width:none}
.nzcl .nzp-label{margin-bottom:22px;padding:0 20px}
.nzcl-wrap{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.nzcl-track{display:flex;width:max-content}
.nzcl .nzp-list{flex-wrap:nowrap;justify-content:flex-start;gap:0}
.nzcl .nzp-list li{display:flex;align-items:center;white-space:nowrap;padding-left:30px;font-size:21px;color:#8f7440;letter-spacing:-.015em}
.nzcl .nzp-list li::after{content:'';width:6px;height:6px;margin-left:30px;transform:rotate(45deg);background:linear-gradient(135deg,#e2c27c,#b98a2c);opacity:.7}
.nzcl .nzp-list li:hover{color:#2a2a24}
html[data-theme="dark"] .nzcl .nzp-list li{color:#bda36d}
html[data-theme="dark"] .nzcl .nzp-list li:hover{color:#f3ead8}
.nzcl-dup{display:none}
.nzcl-link{display:inline-flex;gap:8px;margin-top:20px;font-size:13.5px;font-weight:600;color:#8c6522}
.nzcl-link:hover{text-decoration:underline;text-underline-offset:4px}
html[data-theme="dark"] .nzcl-link{color:#d8b56e}

.nzcl-track{justify-content:center;width:auto}
.nzcl .nzp-list{flex-wrap:wrap;justify-content:center;row-gap:10px}
.nzcl .nzp-list li:last-child::after{display:none}

.nzr-on .nzcl-track{justify-content:flex-start;width:max-content;animation:nzclMove 52s linear infinite}
.nzr-on .nzcl .nzp-list{flex-wrap:nowrap}
.nzr-on .nzcl .nzp-list li:last-child::after{display:block}
.nzr-on .nzcl-dup{display:flex}
.nzr-on .nzcl-wrap:hover .nzcl-track{animation-play-state:paused}
@keyframes nzclMove{to{transform:translate3d(-50%,0,0)}}
@media (max-width:760px){.nzcl .nzp-list li{font-size:17px;padding-left:22px}.nzcl .nzp-list li::after{margin-left:22px}.nzr-on .nzcl-track{animation-duration:38s}}

.home-nzh .nzpl{position:relative;isolation:isolate;background:
  radial-gradient(ellipse 55% 45% at 50% 0%,rgba(214,178,106,.18),rgba(214,178,106,0) 70%),
  radial-gradient(ellipse 35% 35% at 8% 100%,rgba(214,178,106,.10),rgba(214,178,106,0) 70%),
  linear-gradient(180deg,#fbf6ea,#fdfbf6 60%,#fbf6ea)}
.home-nzh .nzpl::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(185,138,44,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(185,138,44,.08) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 28%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 28%,#000,transparent 75%)}
html[data-theme="dark"] .home-nzh .nzpl{background:
  radial-gradient(ellipse 55% 45% at 50% 0%,rgba(214,178,106,.16),rgba(214,178,106,0) 70%),
  radial-gradient(ellipse 35% 35% at 8% 100%,rgba(214,178,106,.08),rgba(214,178,106,0) 70%),
  linear-gradient(180deg,#17150f,#12110d 60%,#16140e)}
html[data-theme="dark"] .home-nzh .nzpl::before{background-image:linear-gradient(rgba(214,178,106,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(214,178,106,.06) 1px,transparent 1px)}

@property --nzang{syntax:'<angle>';inherits:false;initial-value:0deg}
.nzpl-card.is-featured::before{
  content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--nzang),rgba(214,178,106,0) 0deg,rgba(236,205,138,.95) 50deg,rgba(214,178,106,0) 110deg,rgba(214,178,106,0) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  opacity:0}
.nzr-on .nzpl-card.is-featured::before{opacity:1;animation:nzAng 7s linear infinite}
@keyframes nzAng{to{--nzang:360deg}}

.nzr-on .nzr-l{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.nzr-on .nzr-i{display:block;transform:translate3d(0,110%,0);transition:transform 1s cubic-bezier(.16,.8,.2,1)}
.nzr-on .is-rev .nzr-i{transform:none}

.nzr-on .home-nzh main>section:not(.nzh)::after{transform:scaleX(0);transform-origin:50% 50%;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.nzr-on .home-nzh main>section.is-line:not(.nzh)::after{transform:scaleX(1)}

.nzspot-host{position:relative;isolation:isolate}
.nzspot{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(214,178,106,.16),rgba(214,178,106,0) 62%)}
.nzspot-host:hover>.nzspot{opacity:1}
html[data-theme="dark"] .nzspot{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(214,178,106,.13),rgba(214,178,106,0) 62%)}

.nzmag{transition:translate .45s cubic-bezier(.2,.7,.2,1)}
.nzmag.is-mag{transition:translate .12s linear}

.nzr-on .project-visual .project-window{transition:transform .6s cubic-bezier(.2,.7,.2,1);transform-origin:50% 100%}
.nzr-on .project-visual.is-tilt .project-window{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-10px);transition:transform .15s linear}
.nzr-on .project-window{position:relative}
.nzr-on .project-window img{transition:transform 2.4s cubic-bezier(.3,.6,.2,1);transform-origin:50% 0}
.nzr-on .project-visual:hover .project-window img{transform:scale(1.06)}
.nzr-on .project-window::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.22) 48%,rgba(255,255,255,0) 60%);
  transform:translateX(-120%);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.nzr-on .project-visual:hover .project-window::after{transform:translateX(120%)}

@media (prefers-reduced-motion:reduce){
  .nzcl-track,.nzpl-card.is-featured::before{animation:none!important}
  .nzr-i{transform:none!important}
}
.home-nzh .nzpl-desc{min-height:0}
