.managed-hero{position:relative;color:#242822;font-family:var(--vm-font-body,Arial,sans-serif)}.managed-slide{position:relative;isolation:isolate;overflow:hidden;min-height:640px;background:#ede9df}.managed-slide[hidden]{display:none}.managed-slide.theme-sage{background:#e4eadf}.managed-art{position:absolute;inset:0 0 0 32%;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 25%)}.managed-art img{width:100%;height:100%;object-fit:cover;object-position:center}.managed-copy{position:relative;padding:76px 3.5% 125px;max-width:1440px;margin:auto;box-sizing:border-box}.managed-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#526b50;margin:0 0 26px}.managed-copy :is(h1,h2){font-family:var(--vm-font-display,'Angst',Georgia,serif);font-weight:400;font-size:clamp(38px,4vw,62px);line-height:1.08;letter-spacing:-.025em;max-width:49%;margin:0 0 28px;text-transform:uppercase;text-wrap:balance}.managed-description{max-width:39%;font-size:18px;line-height:1.6;margin:0 0 30px}.managed-cta{display:inline-flex;align-items:center;gap:28px;padding:19px 25px;border-radius:7px;background:#20553f;color:white!important;text-decoration:none;font-size:15px;font-weight:600;max-width:44%;box-sizing:border-box}.managed-nav{position:absolute;bottom:28px;left:3.5%;display:flex;gap:12px;align-items:center}.managed-nav>div{display:flex;gap:8px;margin-right:16px}.managed-nav button{border:1px solid #9cab95;background:#f8f8f2;color:#20553f;width:42px;height:42px;border-radius:50%;font-size:26px;cursor:pointer}.managed-nav [data-index]{border:0;border-radius:2px;width:26px;height:4px;padding:0;background:#a7b49c}.managed-nav [aria-pressed=true]{background:#20553f}.layout-phone{background:radial-gradient(ellipse at 76% 70%,#b5c7ae,transparent 48%),linear-gradient(120deg,#edf0e7,#dce5d5)!important}.layout-phone .managed-art{inset:40px 4% -100px 48%;mask-image:linear-gradient(0deg,transparent,#000 20%)}.layout-phone .managed-art img{object-fit:contain;filter:drop-shadow(0 22px 25px #3c563d25)}
@media(max-width:700px){.managed-slide{min-height:750px}.managed-copy{padding:32px 22px 380px}.managed-eyebrow{font-size:10px;margin-bottom:18px}.managed-copy :is(h1,h2){max-width:100%;font-size:36px;margin-bottom:18px}.managed-description{max-width:100%;font-size:15px;line-height:1.5;margin-bottom:20px}.managed-cta{max-width:100%;font-size:13px;padding:15px 18px}.managed-art{inset:350px 0 38px;mask-image:linear-gradient(180deg,transparent,#000 18%)}.managed-art img{object-position:70% center}.layout-phone .managed-art{inset:345px 12% -90px;mask-image:linear-gradient(0deg,transparent,#000 30%)}.managed-nav{bottom:22px;left:22px}.managed-nav button{width:36px;height:36px}}
@media(prefers-reduced-motion:no-preference){.managed-slide:not([hidden]) .managed-copy{animation:hero-reveal .35s ease-out}@keyframes hero-reveal{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}}
.managed-art{z-index:0;display:block;pointer-events:none}.managed-copy,.managed-nav{z-index:1}
.layout-phone .managed-art{inset:0 3% -100px 48%;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.layout-phone .managed-art img{transform:scale(1.35);transform-origin:50% 55%}
@media(max-width:700px){.layout-phone .managed-art{inset:330px 4% -60px}.layout-phone .managed-art img{transform:scale(1.25)}}

@media(max-width:700px){.layout-photo .managed-art img{object-fit:contain}.layout-photo .managed-art{mask-image:linear-gradient(180deg,transparent,#000 22%,#000 85%,transparent)}}

/* Keep the portrait focal point above the fold instead of center-cropping the face. */
.managed-art img[src*="tezza-3362"]{object-position:50% 20%}
@media(max-width:700px){.layout-photo .managed-art img[src*="tezza-3362"]{object-fit:cover;object-position:50% 16%}}

/* App editorial composition: original landing screens, no tint over the interface. */
.managed-slide.layout-phone{background:radial-gradient(ellipse at 83% 36%,#f4dfbd 0,transparent 47%),linear-gradient(115deg,#faf8f1,#f0e8d8)!important;min-height:680px}
.layout-phone .managed-copy{padding-top:90px;padding-bottom:150px}
.layout-phone .managed-copy :is(h1,h2){max-width:46%;font-size:clamp(38px,3.8vw,60px)}
.layout-phone .managed-description{max-width:37%;color:#474e45}
.layout-phone .managed-eyebrow{color:#83673a}
.layout-phone .managed-art{inset:24px 2% -85px 47%;mask-image:none;mix-blend-mode:normal;z-index:1}
.layout-phone .managed-art img{object-fit:contain;transform:rotate(-5deg);transform-origin:center;filter:drop-shadow(12px 18px 16px #5d472624);object-position:50% 50%}
.app-orbit{position:absolute;width:510px;height:510px;right:8%;top:85px;border:1px solid #ba965e45;border-radius:50%;background:radial-gradient(circle,#e3c38d66,transparent 70%);z-index:0}
.app-orbit:after{content:'';position:absolute;inset:-28px;border:1px solid #ba965e22;border-radius:50%}
.app-note{position:absolute;z-index:2;display:flex;align-items:center;gap:13px;padding:17px 21px;border:1px solid #fff;border-radius:17px;background:#fffdf7;box-shadow:0 14px 35px #624e2820;color:#234e3b;font-family:var(--vm-font-body,Arial,sans-serif)}
.app-note>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f2e3c7;font-size:23px;color:#9b753a}.app-note strong{display:block;font-size:14px}.app-note small{display:block;font-size:11px;color:#737568;margin-top:5px}.app-note-diary{right:3.5%;top:135px;transform:rotate(4deg)}.app-note-club{right:28%;bottom:90px;transform:rotate(-4deg)}
@media(min-width:1700px){.layout-phone .managed-art{right:8%;left:49%}.app-note-diary{right:9%}.app-note-club{right:30%}}
@media(max-width:700px){.managed-slide.layout-phone{min-height:850px}.layout-phone .managed-copy{padding:32px 22px 470px}.layout-phone .managed-copy :is(h1,h2){max-width:100%;font-size:36px}.layout-phone .managed-description{max-width:100%}.layout-phone .managed-art{inset:370px -12px -12px 12px}.layout-phone .managed-art img{transform:rotate(-5deg)}.app-orbit{width:300px;height:300px;right:18px;top:450px}.app-note{padding:11px 13px;gap:8px;border-radius:12px}.app-note>span{width:28px;height:28px;font-size:18px}.app-note strong{font-size:11px}.app-note small{font-size:9px}.app-note-diary{right:15px;top:435px}.app-note-club{right:15px;bottom:100px}}
@media(max-width:700px){.managed-slide.layout-phone{min-height:790px}.layout-phone .managed-copy{padding-bottom:410px}.layout-phone .managed-art{top:300px}.app-orbit{top:380px}.app-note-diary{top:370px}.app-note-club{bottom:90px}}
/* Compact mobile composition: content-driven copy, full-bleed art with soft edges. */
@media(max-width:700px){
 .managed-hero .managed-slide{height:600px;min-height:600px}
 .managed-hero .managed-copy,.managed-hero .layout-phone .managed-copy{padding:24px 20px 0}
 .managed-hero .managed-eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:14px}
 .managed-hero .managed-copy :is(h1,h2),.managed-hero .layout-phone .managed-copy :is(h1,h2){font-size:30px;line-height:1.08;margin:0 0 14px;max-width:100%}
 .managed-hero .managed-description,.managed-hero .layout-phone .managed-description{font-size:13px;line-height:1.45;margin:0 0 16px;max-width:100%}
 .managed-hero .managed-cta{padding:12px 17px;font-size:12px;min-height:42px}
 .managed-hero .managed-art{inset:270px 0 42px;mask-image:linear-gradient(180deg,transparent 0,#000 23%,#000 72%,transparent 100%)}
 .managed-hero .layout-photo .managed-art img{object-fit:cover;object-position:70% 50%}
 .managed-hero .layout-photo .managed-art img[src*="tezza-3362"]{object-position:50% 17%}
 .managed-hero .layout-photo .managed-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ede9df66,transparent 20%,transparent 85%,#ede9df44);pointer-events:none}
 .managed-hero .layout-phone .managed-art{inset:262px 4px 34px;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 82%,transparent)}
 .managed-hero .layout-phone .managed-art img{object-fit:contain;transform:rotate(-5deg);object-position:center}
 .managed-hero .app-orbit{width:235px;height:235px;top:306px;right:40px}
 .managed-hero .app-note-diary{top:302px;right:15px}
 .managed-hero .app-note-club{bottom:70px;right:16px}
 .managed-hero .app-note{padding:8px 10px;gap:6px}.managed-hero .app-note strong{font-size:10px}.managed-hero .app-note small{font-size:8px}
 .managed-hero .managed-nav{left:20px;bottom:15px;gap:8px}.managed-hero .managed-nav>div{margin-right:12px}.managed-hero .managed-nav button:not([data-index]){width:34px;height:34px}
}
@media(max-width:359px){.managed-hero .managed-copy :is(h1,h2),.managed-hero .layout-phone .managed-copy :is(h1,h2){font-size:27px}.managed-hero .managed-description{font-size:12px}}
/* Desktop portrait uses its complete original frame, not a cover crop. */
@media(min-width:701px){
 .managed-slide:has(img[src*="tezza-3362"]) .managed-art{inset:0 4% 0 48%;mask-image:none;display:flex;justify-content:center}
 .managed-slide:has(img[src*="tezza-3362"]) .managed-art img{width:auto;max-width:100%;height:100%;object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
}
.managed-art img[src*="portrait-wide"]{object-position:50% 10%}
@media(max-width:700px){.managed-hero .layout-photo .managed-art img[src*="portrait-wide"]{object-position:50% 17%}}
@media(min-width:701px){
.managed-slide:has(img[src*="portrait-wide"]) .managed-art{left:auto;width:min(68%,960px)}
.managed-art img[src*="portrait-wide"]{object-fit:contain;object-position:right center}
}
/* Blend the contained portrait edges into the slide at every desktop ratio. */
@media(min-width:701px){
.managed-slide:has(img[src*="portrait-wide"]) .managed-art{width:min(68%,960px);display:flex;align-items:center;justify-content:flex-end}
.managed-art img[src*="portrait-wide"]{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 94%,transparent 100%)}
}