/* An inside-out reveal of the exact G01 artwork, then a rising wordmark. */
.brand-entrance[hidden]{display:none}
.brand-entrance{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:#100c10;color:#decaa8;isolation:isolate;opacity:1;transition:opacity 1.1s cubic-bezier(.3,0,.2,1)}
.brand-entrance::before{content:'';position:absolute;inset:-30%;z-index:-1;background:radial-gradient(ellipse at 50% 49%,#815b3424,transparent 43%);opacity:0;transform:scale(.8);transition:opacity 2.5s ease,transform 4.6s cubic-bezier(.16,1,.3,1)}
.intro-running .brand-entrance::before{opacity:1;transform:scale(1.08)}
.entrance-identity{position:relative;display:grid;place-items:center;width:min(82vw,620px);height:240px}
.entrance-emblem-stage{position:absolute;inset:0;display:grid;place-items:center;opacity:1}
.entrance-emblem{display:block;width:clamp(170px,21vw,274px);aspect-ratio:574/352;opacity:0;clip-path:ellipse(0% 12% at 50% 54%);transform:scale(.88);background:linear-gradient(110deg,#8b7252 5%,#d8bd8f 33%,#fff1ce 48%,#b69a71 63%,#e0ca9f 86%);background-size:250% 100%;background-position:100% 0;mask:url('/assets/arlo-rene-monogram.svg') center/contain no-repeat;-webkit-mask:url('/assets/arlo-rene-monogram.svg') center/contain no-repeat;will-change:clip-path,transform,opacity}
.intro-running .entrance-emblem{animation:monogram-unfold 1.7s .12s cubic-bezier(.2,.7,.2,1) both,monogram-lustre 2.7s .2s cubic-bezier(.3,0,.2,1) both}
.intro-running .entrance-emblem-stage{animation:monogram-release 1s 1.9s cubic-bezier(.4,0,.2,1) both}
.entrance-wordmark-window{display:block;width:100%;padding:10px 0;overflow:hidden;transform:translateY(6px)}
.entrance-wordmark{display:block!important;width:100%!important;opacity:0;transform:translateY(130%);background:#e3d0af!important;will-change:transform,opacity}
.intro-running .entrance-wordmark{animation:wordmark-rise 1.35s 2.15s cubic-bezier(.16,1,.3,1) both}
.entrance-skip{position:absolute;bottom:max(32px,env(safe-area-inset-bottom));right:5vw;border:0;border-bottom:1px solid #c7b99e55;background:none;color:#c7b99e;font:400 .875rem/1.5 var(--sans);letter-spacing:.05em;padding:12px 0;cursor:pointer}
.entrance-skip:focus-visible{outline:1px solid #dbc8a4;outline-offset:7px}
.intro-armed #experience{opacity:0;transform:translateY(26px);will-change:transform,opacity}
.intro-leaving #experience{opacity:1;transform:none;transition:opacity 1.1s cubic-bezier(.3,0,.2,1),transform 1.1s cubic-bezier(.16,1,.3,1)}
.intro-leaving .brand-entrance{opacity:0;pointer-events:none}
@keyframes monogram-unfold{0%{opacity:0;clip-path:ellipse(0% 12% at 50% 54%);transform:scale(.88)}22%{opacity:1}100%{opacity:1;clip-path:ellipse(76% 92% at 50% 54%);transform:scale(1)}}
@keyframes monogram-lustre{from{background-position:100% 0}to{background-position:0 0}}
@keyframes monogram-release{0%{opacity:1;transform:scale(1);filter:blur(0)}100%{opacity:0;transform:scale(1.16);filter:blur(2px)}}
@keyframes wordmark-rise{0%{opacity:0;transform:translateY(130%)}35%{opacity:.75}100%{opacity:1;transform:translateY(0)}}
/* Full watch proportions, with no clipped bracelets or enlarged cropped dials. */
.chapter-time .time-layout{grid-template-columns:minmax(260px,.78fr) minmax(0,1.3fr);gap:5%;min-height:calc(100svh - 165px)}
.watch-pair{width:100%;max-width:840px;margin:auto;gap:clamp(14px,2vw,32px);padding-bottom:32px}
.watch-pair .watch-frame{height:auto;width:100%;margin-top:0;align-self:center}
.watch-pair .watch-window{height:auto;aspect-ratio:2/3;max-height:none;min-height:0;background:#151013}
.watch-pair .watch-photo{display:block;width:100%;height:100%;object-fit:contain;transform:none;max-height:none}
.watch-pair .watch-frame figcaption{display:flex;justify-content:center;font-size:.7rem;letter-spacing:.2em}
.signature-gallery img{object-fit:contain;background:#171015}
.privilege-example{color:#d8c5a5;font:400 clamp(1.1rem,1.7vw,1.5rem)/1.5 var(--serif);margin:18px 0 0}
.privilege-amount{font-size:clamp(6rem,11vw,11rem);margin:12px 0 8px;letter-spacing:-.065em}
.privilege-amount .percent-symbol,.invitation-credit .percent-symbol{font-size:.48em;letter-spacing:-.04em;margin-left:.05em;vertical-align:.4em}
.privilege-details .privilege-overline{letter-spacing:.23em}
.invitation-credit{font-size:clamp(5rem,7vw,8rem);line-height:1.05}
.privilege-examples{display:flex;gap:28px;padding:16px 0;margin-top:20px;border-top:1px solid #ddc5a24d;max-width:420px}
.privilege-examples p{font:400 .78rem/1.8 var(--sans);color:#cbbec8}
.privilege-examples strong{display:block;color:#ddc5a2;font:400 1.4rem/1.5 var(--serif)}
@media(min-width:721px){.watch-pair{max-width:min(100%,calc((100svh - 230px)*1.333))}.chapter-time{padding-bottom:50px}.time-copy .chapter-heading{font-size:clamp(3rem,4.8vw,6rem)}}
@media(max-width:720px){.entrance-identity{gap:35px}.entrance-skip{bottom:24px;right:24px}.chapter-time .time-layout{display:flex;min-height:0;gap:27px}.watch-pair{max-width:440px;padding-bottom:0}.watch-pair .watch-window{max-height:none}.watch-pair .watch-frame figcaption{display:flex}.time-copy .chapter-heading{font-size:2.8rem}.privilege-amount{font-size:6rem}.privilege-example{font-size:1.08rem;margin-top:12px}.invitation-credit{font-size:5.5rem}.chapter-invitation .privilege-terms{font-size:.75rem}.chapter-invitation{padding-bottom:50px}.privilege-examples{gap:24px}}
@media(prefers-reduced-motion:reduce){.brand-entrance{display:none!important}.intro-armed #experience{visibility:visible}.entrance-emblem{animation:none!important}}
/* Reduced motion is a complete scrollable editorial page, with no slide controls. */
.experience-readable .story-open{display:inline-flex}
.experience-readable .chapter-controls{display:none!important}
.experience-readable .scene::after,.experience-readable .scene-light,.experience-readable .watch-light{display:none}
.experience-readable .chapter{scroll-margin-top:0}
.experience-readable .chapter,.experience-readable .chapter *{animation:none!important;transition:none!important}

.personal-privilege-note{font:400 .9375rem/1.7 var(--sans);color:#d8c5a5;margin-top:8px}
.consent-heading{font:400 1rem/1.5 var(--serif);color:#34212d;margin:28px 0 12px}
.consent .consent-label{display:block;margin-bottom:7px;color:#34212d;font-weight:500}
.personal-code-card{padding:24px;border:1px solid #aa927055;margin:25px 0;background:#ffffff04}
.personal-code{display:block;font:400 clamp(1rem,2vw,1.3rem)/1.6 var(--sans);letter-spacing:.1em;color:#674f38;overflow-wrap:anywhere;margin:14px 0}
@media(prefers-reduced-motion:reduce){.intro-armed #experience{opacity:1;transform:none}.brand-entrance *{animation:none!important;transition:none!important}}

.consent-sms{margin-top:22px;padding-top:22px;border-top:1px solid #b6a59d66}.personal-code-card h3{margin-top:0}.personal-code-card .eyebrow{margin-bottom:10px}.personal-code-card{background:#e8ddd130}