.phero{--orb:var(--teal-300);--soft:var(--teal-100);background:linear-gradient(170deg, var(--soft), var(--white) 62%);position:relative;overflow:hidden}.phero-yellow{--orb:var(--yellow-300);--soft:var(--yellow-100)}.phero-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;min-height:min(92svh,920px);padding-block:32px 64px;display:grid}.phero-copy{justify-items:start;gap:22px;display:grid}.phero .au-hero-title{max-width:11ch;font-size:clamp(50px,6vw,100px)}.phero-stage{padding:0 0 8% 10%;position:relative}.phero-photo{aspect-ratio:4/4.4;background:var(--neutral-300);border-radius:36px;margin:0;position:relative;overflow:hidden;box-shadow:0 50px 100px -40px #00000059}.phero-img{object-fit:cover;animation:24s ease-in-out infinite alternate phero-drift}@keyframes phero-drift{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.1)translate(-1.5%,-1%)}}.phero-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#00000038);position:absolute;inset:0}.phero-device{z-index:2;position:absolute;bottom:0;left:0}.phero-device .device-phone{--w:clamp(190px, 16vw, 260px)}.phero-device .device-tablet{--w:clamp(340px, 30vw, 500px)}.phero-chips{z-index:3;pointer-events:none;position:absolute;inset:0 0 8% 10%}.phero-chips .float-chip-pos:first-child{top:24px;right:24px}.phero-chips .float-chip-pos:nth-child(2){top:38%;right:-18px}.phero-credit{z-index:2;color:#ffffffd9;max-width:none;font-size:11px;font-weight:600;position:absolute;bottom:calc(8% + 12px);right:16px}@media (min-width:900px){.phero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);padding-block:24px 48px}}@media (max-width:899px){.phero-grid{gap:28px;min-height:0}.phero-stage{padding:0 0 18%}.phero-photo{aspect-ratio:4/3.4;border-radius:28px}.phero-device{left:12px}.phero-device .device-phone{--w:150px}.phero-device .device-tablet{--w:min(300px, 76vw)}.phero-chips{inset:0 0 18%}.phero-chips .float-chip-pos:nth-child(2){display:none}.phero-credit{inset:12px auto auto 14px}}@media (prefers-reduced-motion:reduce){.phero-img{animation:none}}.pband{padding-block:var(--section);background:var(--white)}.pband-head{gap:12px;margin-bottom:clamp(28px,4vw,48px);display:grid}.pband-title{max-width:22ch}.pband-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.pband-item{max-width:none}.pband-fig{aspect-ratio:3/4;background:var(--neutral-300);border-radius:26px;margin:0;position:relative;overflow:hidden}.pband-img{object-fit:cover;transition:transform 1.2s var(--ease-out)}.pband-fig:hover .pband-img{transform:scale(1.06)}.pband-fig:after{content:"";background:linear-gradient(#0000 55%,#0000008c);position:absolute;inset:0}.pband-cap{z-index:1;color:#fff;letter-spacing:-.01em;font-size:17px;font-weight:700;position:absolute;bottom:16px;left:18px;right:18px}.pband-note{margin-top:16px}@media (max-width:1199px){.pband-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px){.pband-grid{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.pband-item{scroll-snap-align:start;flex:0 0 72vw}}