.ph-hero.ph-wrap{width:calc(100% - 48px);max-width:none;padding-top:22px}.ph-showcase .ph-stage-caption{margin:0 8px 18px}.pageon-home .ph-showcase-screen#upload{--ph-screen:#ededef;--lens-x:50%;--lens-y:50%;--lens-radius:clamp(110px,12vw,185px);position:relative;isolation:isolate;width:100%;max-width:none;padding:0;margin:0;border:0;border-radius:20px;background:var(--ph-screen);color:var(--ph-ink);box-shadow:none;overflow:hidden;text-align:left;scroll-margin-top:105px}.ph-showcase-content{position:relative;z-index:0}.ph-showcase-screen .ph-lens-content{background:var(--ph-screen)}.ph-showcase-actions [data-disabled=true]{opacity:.5}.ph-showcase-main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:clamp(470px,40vw,760px)}.ph-showcase-copy{display:flex;flex-direction:column;align-self:center;align-items:flex-start;gap:28px;padding:54px 24px 54px clamp(32px,4vw,88px);position:relative;z-index:8}.pageon-home .ph-showcase-copy .ph-showcase-title{width:100%;max-width:none;margin:0;font-size:clamp(44px,4.5vw,88px);font-weight:500;line-height:1.16;letter-spacing:-.055em}.pageon-home[data-lang=en] .ph-showcase-copy .ph-showcase-title{font-size:clamp(35px,3.6vw,72px);letter-spacing:-.055em}.ph-showcase-copy .ph-showcase-title>span{display:block}.pageon-home .ph-showcase-copy p{max-width:440px;margin:0;font-size:16px;line-height:1.85;color:var(--ph-muted);text-wrap:pretty}.ph-showcase .ph-stage{height:100%;min-height:0;max-height:none;aspect-ratio:auto;border-radius:0;background:transparent;cursor:auto}.ph-showcase .ph-scene{background:radial-gradient(ellipse at 70% 30%,#fafafa 0,transparent 70%),#ededef}.ph-showcase .ph-layer-main{width:52%;left:23%;height:78%;top:12%}.ph-showcase .ph-layer-event{width:35%;left:1%;height:70%;top:20%}.ph-showcase .ph-layer-report{width:35%;right:0;height:72%;top:14%}.ph-showcase .ph-mini{padding:22px}.ph-showcase .ph-mini h3{font-size:clamp(25px,2.5vw,48px)}.ph-showcase .ph-mini-event h3{font-size:clamp(30px,3vw,58px)}.ph-showcase .ph-mini-report h3{font-size:clamp(23px,2.3vw,44px)}.ph-showcase .ph-mini-flower{font-size:clamp(48px,5vw,90px);right:5%}.ph-showcase .ph-mini-projects{gap:8px}.ph-showcase .ph-mini-projects>div{padding:10px}.ph-showcase-footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:26px clamp(32px,4vw,88px);border-top:1px solid #16161610}.ph-showcase-footer .ph-showcase-actions{display:flex;align-items:center;min-width:0;max-width:100%;justify-content:flex-start;gap:28px;flex-wrap:wrap}.pageon-home .ph-showcase-footer .ph-showcase-upload-hint{max-width:265px;font-size:11px;line-height:1.8;color:var(--ph-muted);text-align:right}.ph-showcase-drop{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#f3f6efee;backdrop-filter:blur(8px);border:2px dashed #687f55;border-radius:inherit;font-size:clamp(22px,3vw,44px);color:#23301e;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.ph-showcase-drop>span{font-size:60px;line-height:1}.ph-showcase-screen[data-drag-over=true] .ph-showcase-drop{opacity:1;visibility:visible}.ph-showcase-screen[data-drag-over=true] .ph-lens,.ph-showcase-screen[data-drag-over=true] .ph-lens-ring{opacity:0}.ph-hero.ph-wrap .ph-proof{padding-inline:8px}.dark .pageon-home .ph-showcase-screen#upload{--ph-screen:#202020}.dark .ph-showcase .ph-scene{background:radial-gradient(ellipse at 70% 30%,#333 0,transparent 70%),#202020}.dark .ph-showcase-footer{border-color:#ffffff15}.dark .ph-showcase-drop{background:#20291eee;color:#e9f3e0;border-color:#94ad7e}@media(max-width:1150px){.ph-showcase-footer{flex-wrap:wrap;gap:12px}.pageon-home .ph-showcase-footer .ph-showcase-upload-hint{max-width:none;text-align:left}.ph-showcase-copy{gap:24px}}@media(max-width:900px){.ph-hero.ph-wrap{width:calc(100% - 32px);padding-top:24px}.ph-showcase-main{grid-template-columns:1fr}.ph-showcase-copy{padding:42px 32px 20px;gap:24px}.pageon-home .ph-showcase-copy .ph-showcase-title{font-size:clamp(46px,7.5vw,70px)}.pageon-home[data-lang=en] .ph-showcase-copy .ph-showcase-title{font-size:clamp(34px,6.4vw,56px)}.pageon-home .ph-showcase-copy p{max-width:580px}.ph-showcase .ph-stage{height:420px}.ph-showcase .ph-mini h3{font-size:37px}.ph-showcase .ph-mini-event h3{font-size:46px}.ph-showcase .ph-mini-report h3{font-size:33px}.ph-showcase-footer{padding:24px 32px}}@media(max-width:600px){.ph-hero.ph-wrap{width:calc(100% - 24px);padding-top:18px}.ph-showcase .ph-stage-caption{margin:0 8px 14px;font-size:11px}.pageon-home .ph-showcase-screen#upload{border-radius:16px}.ph-showcase-copy{padding:36px 24px 14px;gap:22px}.pageon-home .ph-showcase-copy .ph-showcase-title{font-size:clamp(34px,9vw,52px)}.pageon-home[data-lang=en] .ph-showcase-copy .ph-showcase-title{font-size:clamp(27px,7vw,40px)}.pageon-home .ph-showcase-copy p{font-size:14px}.ph-showcase .ph-stage{height:320px}.ph-showcase .ph-layer-main{width:58%;height:82%;left:21%;top:8%}.ph-showcase .ph-layer-event{width:35%;height:76%;left:-3%;top:18%}.ph-showcase .ph-layer-report{width:36%;height:76%;right:-3%;top:13%}.ph-showcase .ph-mini{padding:14px}.ph-showcase .ph-mini h3{font-size:27px}.ph-showcase .ph-mini-event h3{font-size:32px}.ph-showcase .ph-mini-report h3{font-size:25px}.ph-showcase .ph-mini-projects>div{padding:7px}.ph-showcase-footer{padding:20px 24px;gap:14px}.ph-showcase-footer .ph-showcase-actions{gap:8px 20px}.pageon-home .ph-showcase-footer .ph-showcase-upload-hint{font-size:10px}}