.home-page{background:#f2f3ee;--home-container-width: min(1680px, calc(100% - 48px) );--home-hero-inset: clamp(32px, 5vw, 92px);--home-content-width: calc(var(--home-container-width) - var(--home-hero-inset) - var(--home-hero-inset))}.home-page main .wrap,.home-page .site-footer .wrap,.home-page .home-audiences-inner,.home-page .home-threads-inner{width:var(--home-content-width)}.photo-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(40px,5vw,96px);width:100%;min-height:clamp(600px,48vw,860px);padding:64px max(var(--home-hero-inset),calc((100% - var(--home-content-width)) / 2));overflow:hidden;background:#fff;color:var(--ink)}.photo-hero-scene{position:absolute;inset:0 0 0 auto;width:46%;height:100%;object-fit:cover;object-position:center 60%;z-index:-1}.photo-hero-content{max-width:580px}.photo-hero-content .eyebrow{display:block;margin-bottom:22px;font-family:DM Sans,Arial,sans-serif;font-size:.8125rem;font-weight:700;line-height:1.5;letter-spacing:1.6px;text-transform:uppercase}.photo-hero-content h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(38px,3.6vw,62px);font-weight:650;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.photo-hero-description{max-width:520px;margin-top:24px;font-size:1.0625rem;line-height:1.65}.photo-hero-button{margin-top:34px;background:#20241f;color:#fff;border-radius:6px;min-height:52px;padding-inline:24px;gap:12px;font-size:1rem;font-weight:600}.photo-hero-button:hover{background:#343a33}.photo-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:34px}.photo-hero-actions .photo-hero-button{margin-top:0}.photo-hero-secondary{display:inline-flex;align-items:center;min-height:48px;font-size:.9375rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}.photo-hero-terms{margin-top:14px;font-size:.8125rem;opacity:.75}.photo-hero-product{position:relative;margin:0 4% 6% 0}.photo-hero-product img{display:block;width:100%;height:auto}.photo-hero-tablet{position:relative;padding:2.2%;border:1px solid #777a75;border-radius:26px;background:#171a17;box-shadow:0 30px 70px #171a1733,0 0 0 1px #171a17}.photo-hero-tablet .photo-hero-desktop{border-radius:8px;aspect-ratio:4 / 3;object-fit:cover;object-position:left top}.photo-hero-tablet-camera{position:absolute;top:1.9%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#2c302c;box-shadow:inset 0 0 0 1.5px #0d0f0d}.photo-hero-phone{position:absolute;right:-6%;bottom:-8%;width:29%;padding:5px;border:1px solid #777a75;border-radius:28px;background:#171a17;box-shadow:0 18px 36px #171a1750,0 0 0 1px #171a17}.photo-hero-phone .phone-screen{border-radius:23px}.photo-hero-tablet .hd-screen{border-radius:8px}.home-header{position:relative;z-index:40;width:var(--site-header-width);margin-inline:auto}.home-header .masthead.wrap{width:100%;background:transparent}.home-page .trade-strip{background:#f2f3ee;margin-top:0;border-top:0}.home-page .intro-section{background:#f2f3ee}@media(max-width:1100px){.photo-hero-content h1{font-size:clamp(32px,3.8vw,44px)}.photo-hero-description{font-size:.9375rem}.home-header .masthead-navigation{max-height:calc(100dvh - 120px)}}@media(max-width:900px){.photo-hero{grid-template-columns:minmax(0,1fr);gap:44px;min-height:0;padding-block:48px 64px}.photo-hero-scene{inset:auto 0 0;width:100%;height:46%;object-position:center 62%}.photo-hero-content{max-width:600px}.photo-hero-product{margin:0 6% 6% 0}}@media(max-width:700px){.home-page{--home-container-width: 100%;--home-hero-inset: 24px}.photo-hero{padding:40px 24px 48px;gap:36px}.photo-hero-scene{height:34%}.photo-hero-content .eyebrow{margin-bottom:16px;font-size:.75rem;letter-spacing:1.3px}.photo-hero-content h1{font-size:clamp(30px,8vw,42px)}.photo-hero-description{font-size:.9375rem;line-height:1.6;margin-top:18px}.photo-hero-button{min-height:48px;padding-inline:20px;font-size:.9375rem}.photo-hero-actions{margin-top:27px;gap:8px 22px}.photo-hero-product{margin:0 12px 8% 0}.photo-hero-tablet{border-radius:16px}.photo-hero-tablet .photo-hero-desktop{border-radius:4px}.photo-hero-tablet-camera{width:4px;height:4px}.photo-hero-phone{right:-12px;width:29%;padding:3px;border-radius:17px}.photo-hero-phone .phone-screen{border-radius:13px}.photo-hero-tablet .hd-screen{border-radius:4px}}
