.p1-real-3d{min-height:100svh}.p1-real-3d .p1-hero[data-layout=editorial]{--hero-inset-top:clamp(104px, 12svh, 136px);--hero-inset-bottom:clamp(40px, 6svh, 72px);min-height:100svh;padding:var(--hero-inset-top) 0 var(--hero-inset-bottom);align-items:center;display:grid}.p1-real-3d .p1-hero[data-layout=editorial] .p1-hero-layout{min-height:0}.p1-real-3d .p1-hero[data-layout=editorial] .p1-store img{height:52px}.p1-real-3d .p1-hero+.p1-story{padding-top:clamp(80px,10svh,120px)}.p1-real-3d .p1-story.management-story{margin:0 auto;padding-bottom:68px}@media (min-width:781px){.p1-real-3d .p1-hero[data-layout=editorial] h1{font-size:clamp(56px,min(6.1vw,9svh),88px)}.p1-real-3d .p1-hero[data-layout=editorial] .p1-hero-scene{width:min(100%, calc((100svh - var(--hero-inset-top) - var(--hero-inset-bottom)) / 1.08));justify-self:center}}.p1-real-3d .p1-phone-3d{opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:-3% -10% -2% 26%}.p1-real-3d .p1-phone-3d[data-ready=true]{opacity:1}.p1-real-3d .p1-phone-3d canvas{width:100%;height:100%;display:block}.p1-real-3d .p1-hero-scene-caption{display:none}.p1-real-3d .p1-hero-notification{transition:opacity .45s,translate .65s cubic-bezier(.16,1,.3,1)}.p1-real-3d .p1-hero-artwork:has(.p1-phone-3d:not([data-reveal=true]):not([data-fallback=true])) .p1-hero-notification{opacity:0;translate:0 10px}.p1-real-3d .p1-3d-preview-footer{max-width:1240px;color:var(--hero-muted,var(--muted-foreground));justify-content:space-between;align-items:center;gap:20px;margin:18px auto 0;padding:0 0 24px;font-size:10px;display:flex}.p1-real-3d .p1-3d-preview-footer a{text-underline-offset:3px;text-decoration:underline}@media (max-width:1300px){.p1-real-3d .p1-3d-preview-footer{margin-inline:3vw}}@media (max-width:780px){.p1-real-3d .p1-hero[data-layout=editorial]{--hero-inset-top:104px;--hero-inset-bottom:32px}.p1-real-3d .p1-hero[data-layout=editorial] .p1-hero-layout{gap:48px}.p1-real-3d .p1-hero[data-layout=editorial] .p1-hero-content{min-height:calc(100svh - var(--hero-inset-top) - max(44px, env(safe-area-inset-bottom,0px)));flex-direction:column;display:flex}.p1-real-3d .p1-hero[data-layout=editorial] :is(.p1-hero-details,.p1-hero-conversion){flex-direction:column;flex:1;display:flex}.p1-real-3d .p1-hero[data-layout=editorial] .p1-hero-availability{margin-top:auto;padding-top:24px}.p1-real-3d .p1-hero[data-layout=editorial] .p1-store img{height:44px}.p1-real-3d .p1-hero+.p1-story{padding-top:64px}.p1-real-3d .p1-phone-3d{inset:-1% -12% -2% 15%}.p1-real-3d .p1-3d-preview-footer{flex-direction:column;align-items:flex-start;gap:12px;padding:0 10px 20px}}@media (max-width:374px){.p1-real-3d .p1-hero[data-layout=editorial] .p1-hero-availability{gap:12px}.p1-real-3d .p1-hero[data-layout=editorial] .p1-store img{height:clamp(34px,10.7vw,40px)}}@media (max-width:374px) and (max-height:620px){.p1-real-3d .p1-hero[data-layout=editorial]{--hero-inset-top:80px}}@media (prefers-reduced-motion:reduce){.p1-real-3d :is(.p1-phone-3d,.p1-hero-notification){transition:none}}
.p1-real-3d .p1-order-notification{--notice-unit:clamp(.75px, .17cqw, 1px);width:min(88%, calc(320 * var(--notice-unit)));padding:calc(20 * var(--notice-unit));border:1px solid var(--phone-line);border-radius:calc(20 * var(--notice-unit));background:var(--phone-white);box-shadow:0 calc(16 * var(--notice-unit)) calc(48 * var(--notice-unit)) calc(-12 * var(--notice-unit)) var(--phone-shadow);left:-5%;transform:rotate(-2deg)}.p1-real-3d .p1-order-notification-header{align-items:center;gap:calc(8 * var(--notice-unit));color:var(--phone-secondary);font-size:calc(12 * var(--notice-unit));line-height:1;display:flex}.p1-real-3d .p1-order-notification-icon{width:calc(24 * var(--notice-unit));height:calc(24 * var(--notice-unit));border-radius:calc(7 * var(--notice-unit));color:var(--phone-white);background:var(--phone-hardware);place-items:center;display:grid}.p1-real-3d .p1-order-notification-icon svg{width:44%;height:60%}.p1-real-3d .p1-order-notification-app{font-weight:550}.p1-real-3d .p1-order-notification-time{font-size:calc(11 * var(--notice-unit));margin-left:auto}.p1-real-3d .p1-order-notification-summary{margin-top:calc(16 * var(--notice-unit))}.p1-real-3d .p1-order-notification-main{justify-content:space-between;align-items:baseline;gap:calc(12 * var(--notice-unit));line-height:1.25;display:flex}.p1-real-3d .p1-order-notification-title{font-size:calc(16 * var(--notice-unit));letter-spacing:-.025em;font-weight:600}.p1-real-3d .p1-order-notification-amount{font-size:calc(22 * var(--notice-unit));letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:650}.p1-real-3d .p1-order-notification-customer{margin-top:calc(6 * var(--notice-unit));color:var(--phone-secondary);font-size:calc(13 * var(--notice-unit));line-height:1.4}.p1-real-3d .p1-order-notification-footer{justify-content:space-between;align-items:center;gap:calc(12 * var(--notice-unit));margin-top:calc(16 * var(--notice-unit));padding-top:calc(14 * var(--notice-unit));border-top:1px solid var(--phone-line);line-height:1.3;display:flex}.p1-real-3d .p1-order-notification-reference{color:var(--phone-secondary);font-size:calc(11 * var(--notice-unit));font-variant-numeric:tabular-nums}.p1-real-3d .p1-order-notification-action{align-items:center;gap:calc(6 * var(--notice-unit));font-size:calc(12 * var(--notice-unit));font-weight:550;display:inline-flex}.p1-real-3d .p1-order-notification-action svg{width:calc(14 * var(--notice-unit));height:calc(14 * var(--notice-unit));stroke-width:1.5px}@media (max-width:780px){.p1-real-3d .p1-order-notification{--notice-unit:clamp(.6px, .136cqw, .8px);top:60%;left:-1%}}
