.umbrella-landing.photographic-landing{--photo-header-height:85px}.photographic-landing .site-header{color:#f5f3f7;background:#101013f5;border-bottom-color:#ffffff15}.photographic-landing .brand-link{flex-basis:auto;width:auto;display:flex}.photographic-landing .photo-brand-name{letter-spacing:-1px;font-size:20px;font-weight:650}.photographic-landing .desktop-nav a{color:#d1cad9}.photographic-landing .header-contact{color:#fff;white-space:nowrap;background:#8436ec;border:0;border-radius:4px;flex-shrink:0;gap:12px;padding:10px 12px}.photographic-landing .header-contact:hover{background:#7130ce}.photographic-landing .menu-trigger{border-color:#ffffff30;flex-shrink:0}.umbrella-landing .photo-hero-track{color:#f5f3f7;scroll-margin-top:var(--photo-header-height);background:#101013;position:relative}.umbrella-landing .photo-hero-stage{height:calc(100svh - var(--photo-header-height));isolation:isolate;background:radial-gradient(at 76% 43%,#21182d 0,#101013 57%);min-height:640px;position:relative;overflow:hidden}.umbrella-landing .photo-hero-copy{z-index:1;width:42%;position:absolute;top:22%;left:7.4%}.umbrella-landing .photo-hero-eyebrow{text-transform:uppercase;letter-spacing:2.6px;font-size:10px;font-weight:600}.umbrella-landing .photo-hero-eyebrow:before{content:"";background:#b889fa;border-radius:50%;width:5px;height:5px;margin:0 11px 1px 0;display:inline-block}.umbrella-landing .photo-hero-copy h1{letter-spacing:-.073em;max-width:9ch;margin-top:27px;font-size:clamp(44px,5.85vw,110px);font-weight:500;line-height:1.04}.umbrella-landing .photo-hero-support{color:#b5b1bd;width:90%;max-width:400px;margin-top:25px;font-size:clamp(12px,1.02vw,19px);line-height:1.7}.umbrella-landing .photo-hero-actions{flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:28px;display:flex}.umbrella-landing .photo-hero-cta{color:#fff;background:#8436ec;border-radius:4px;justify-content:space-between;align-items:center;gap:32px;min-height:50px;padding:15px 22px;font-size:14px;font-weight:600;display:inline-flex}.umbrella-landing .photo-hero-cta:hover{background:#7130ce}.umbrella-landing .photo-hero-cta span{font-size:21px;line-height:1}.umbrella-landing .photo-hero-work{align-items:center;gap:14px;min-height:44px;font-size:11px;display:inline-flex}.umbrella-landing .photo-hero-product{width:49%;height:79%;position:absolute;top:13%;right:3%}.umbrella-landing .photo-hero-product img{object-fit:contain;width:100%;max-width:none;height:100%}.umbrella-landing .photo-hero-signature{color:#b5b1bd;font-size:10px;position:absolute;bottom:13%;left:7.4%}.umbrella-landing .photo-hero-detail{display:none}.umbrella-landing .photo-hero-bottom{z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:22px;left:7.4%;right:7.4%}.umbrella-landing .photo-hero-bottom button{color:#e2dce9;background:#101013e8;border:1px solid #ffffff30;border-radius:4px;min-height:44px;padding:8px 12px;font-size:10px}.umbrella-landing .photo-hero-bottom button:disabled{cursor:default}.umbrella-landing .photo-hero-scroll{color:#e2dce9;background:#101013d9;border-radius:4px;align-items:center;gap:20px;min-height:44px;padding:0 10px;font-size:10px;display:flex}.umbrella-landing .photo-hero-progress{pointer-events:none;height:2px;position:absolute;bottom:0;left:0;right:0}.umbrella-landing .photo-hero-progress i{width:calc(100% * var(--photo-progress,0));background:#a961ff;height:100%;display:block}.umbrella-landing .photo-hero-track[data-photo-motion=full]{height:360svh}.umbrella-landing [data-photo-motion=full] .photo-hero-stage{top:var(--photo-header-height);position:sticky}.umbrella-landing [data-photo-motion=full] .photo-hero-product{transform-origin:0 0;will-change:transform;top:0;left:0;right:auto}.umbrella-landing [data-photo-motion=full] .photo-hero-copy,.umbrella-landing [data-photo-motion=full] .photo-hero-signature{opacity:var(--photo-copy-alpha,1)}.umbrella-landing [data-photo-motion=full] .photo-hero-detail{letter-spacing:-.6px;max-width:330px;opacity:var(--photo-detail-alpha,0);pointer-events:none;background:#101013ed;border:1px solid #ffffff2b;border-radius:4px;padding:18px 24px;font-size:clamp(20px,2vw,30px);line-height:1.3;display:block;position:absolute;bottom:18%;left:7.4%}@media (width<=800px){.umbrella-landing.photographic-landing{--photo-header-height:75px}.umbrella-landing .photo-hero-stage{min-height:720px}.umbrella-landing .photo-hero-copy{width:86%;top:8%;left:7%}.umbrella-landing .photo-hero-copy h1{margin-top:22px;font-size:50px}.umbrella-landing .photo-hero-eyebrow{font-size:8px}.umbrella-landing .photo-hero-support{max-width:355px;margin-top:20px;font-size:12px}.umbrella-landing .photo-hero-actions{gap:8px 16px;margin-top:20px}.umbrella-landing .photo-hero-cta{gap:20px;padding:12px 16px}.umbrella-landing .photo-hero-work{gap:8px;font-size:10px}.umbrella-landing .photo-hero-product{width:94%;height:44%;top:48%;right:3%}.umbrella-landing .photo-hero-signature{display:none}.umbrella-landing .photo-hero-bottom{bottom:auto;left:7%;right:7%;top:min(calc(100% - 59px), calc(100svh - var(--photo-header-height) - 59px))}.umbrella-landing [data-photo-motion=full] .photo-hero-detail{max-width:270px;padding:15px 18px;font-size:21px;bottom:14%;left:7%}}@media (width<=600px){.umbrella-landing.photographic-landing{--photo-header-height:69px}}@media (width<=360px){.umbrella-landing .photo-hero-stage{min-height:740px}.umbrella-landing .photo-hero-copy h1{font-size:42px}.umbrella-landing .photo-hero-support{font-size:11px}.umbrella-landing .photo-hero-actions{gap:2px 12px}.umbrella-landing .photo-hero-bottom button,.umbrella-landing .photo-hero-scroll{font-size:9px}}@media (prefers-reduced-motion:reduce){.umbrella-landing .photo-hero-track[data-photo-motion=full]{height:auto}}
