.pd{--ink:#252927;--paper:#f2f2ea;--accent:#dfec74;--button-ink:#252927;--content-width:1240px}.pd .pd-hero{height:690px;position:relative;background:#171b19;color:#fff;overflow:hidden}.pd .pd-hero>figure{position:absolute;inset:0}.pd .pd-hero>figure img{object-position:50% 55%;filter:brightness(.8)}.pd .pd-hero>figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10171390,transparent 65%)}.pd .pd-hero>figure figcaption{bottom:25px;left:auto;right:40px;background:#17221bbd;color:#dae0d5;z-index:1}.pd .pd-hero-inner{height:100%;position:relative;padding-top:40px}.pd .pd-hero-inner>.eyebrow{color:#d6dec5}.pd .pd-hero-copy{position:absolute;bottom:140px;left:0;max-width:510px}.pd .pd-hero h1 span{font-size:44px;line-height:1.45;margin-top:18px}.pd .pd-hero-copy>p{color:#d9ded5;margin-top:25px}.pd .pd-hero-copy .chat-note{font-size:12px;margin-top:17px}.pd .pd-hero .motion{position:absolute;bottom:25px;left:0;background:#17201bbd}.pd .pd-lightline{position:absolute;bottom:82px;left:0;right:8%;display:flex;align-items:center;gap:20px;font-size:12px;color:#e4ec9d}.pd .pd-lightline i{height:1px;background:#ddea72;flex:1;transform-origin:left;animation:pdPath 6.8s ease-in-out infinite}.pd .pd-hero:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:18%;background:linear-gradient(90deg,transparent,#e0e8ad13,transparent);transform:skewX(-20deg);animation:pdLight 7s ease-in-out infinite;pointer-events:none}.pd .pd-connect{padding:75px 0}.pd .pd-map-title{max-width:100%;display:grid;grid-template-columns:1fr 1.1fr;gap:20px 80px;align-items:end}.pd .pd-map-title .eyebrow{grid-column:1/-1;margin:0}.pd .pd-map-title nav{display:flex;flex-wrap:wrap;gap:12px;padding-right:50px}.pd .pd-map-title button{font-size:14px;background:none;border:1px solid #aab3a4;padding:10px 17px;border-radius:2px;cursor:pointer;color:#344033}.pd .pd-map-title button[aria-pressed=true]{background:#273a2b;color:#e8f199;border-color:#273a2b}.pd .pd-focus-answer{grid-column:2;min-height:60px;font-size:14px;color:#65725f;padding-right:75px}.pd .pd-network{position:relative;display:grid;grid-template-columns:1.2fr 1fr;column-gap:90px;row-gap:65px;margin-top:35px}.pd .pd-network article{position:relative;z-index:1}.pd .pd-network small{color:#74823e;font-size:13px}.pd .pd-network h3{font-size:26px;margin:14px 0 20px}.pd .pd-network p{font-size:15px;color:#5d665b}.pd .pd-network figure{position:relative;overflow:hidden}.pd .pd-identity figure{height:345px}.pd .pd-identity>div{padding:28px 35px 0 0}.pd .pd-presence{padding-top:80px}.pd .pd-presence>div{padding:0 70px 28px 0}.pd .pd-presence figure{height:340px}.pd .pd-record{display:grid;grid-template-columns:44% 1fr;gap:25px;align-items:center;align-self:start}.pd .pd-record figure{height:355px}.pd .pd-record img{object-position:40% center}.pd .pd-record h3{font-size:23px}.pd .pd-record p{font-size:14px}.pd .pd-price{background:#e3e6d7;padding:30px 80px 30px 30px;position:relative;z-index:1;border-top:3px solid #6f8047}.pd .pd-price h3{font-size:23px;margin:5px 0 25px}.pd .pd-price .price-terms dd{font-size:27px}.pd .pd-price .price-terms>p:last-of-type{font-size:12px;opacity:1;color:#54604a}.pd .pd-join{position:absolute;inset:100px 0;width:100%;height:calc(100% - 160px);pointer-events:none}.pd .pd-join path{stroke:#97a579;stroke-width:1;fill:none;stroke-dasharray:1800;stroke-dashoffset:1800;transition:stroke-dashoffset 4s}.pd .pd-connect[data-seen] .pd-join path{stroke-dashoffset:0}.pd .pd-network [data-node]{transition:box-shadow .3s}.pd .pd-network[data-current=identity] .pd-identity,.pd .pd-network[data-current=record] .pd-record,.pd .pd-network[data-current=presence] .pd-presence{box-shadow:-6px 0 0 #c1cf76;padding-left:16px}.pd .pd-dialogue{padding:65px 0;background:#232c25;color:#edf1e6}.pd .pd-dialogue-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:center}.pd .pd-dialogue figure{height:420px;position:relative;overflow:hidden}.pd .pd-dialogue-inner>div{padding-right:60px}.pd .pd-dialogue p:not(.eyebrow){margin-top:20px;color:#cad3c5}.pd .pd-dialogue details p{font-size:14px;opacity:1}.pd .pd-dialogue summary{font-size:16px}.pd .pd-offers{padding-top:20px}.pd .aux-reference>div{grid-template-columns:1fr}.pd .aux-reference a{border-top:2px solid #77854b;background:#e5e9da}.pd .pd-price .price-terms a{color:#2b482e}@keyframes pdPath{0%,10%{transform:scaleX(.08)}70%,100%{transform:scaleX(1)}}@keyframes pdLight{0%{transform:translateX(-250%) skewX(-20deg);opacity:0}30%{opacity:1}85%,100%{transform:translateX(190%) skewX(-20deg);opacity:0}}@media(max-width:900px){.pd .pd-network{gap:40px}.pd .pd-map-title{gap:20px 30px}.pd .pd-presence>div{padding-right:50px}.pd .pd-record{display:block}.pd .pd-record figure{height:260px;margin-bottom:25px}.pd .pd-price{padding-right:55px}.pd .pd-dialogue-inner{gap:30px}.pd .pd-hero h1 span{font-size:39px}}@media(max-width:680px){.pd .pd-hero{height:auto;padding-bottom:20px}.pd .pd-hero>figure{position:relative;height:270px;inset:auto;margin-top:0}.pd .pd-hero>figure img{object-position:70% center}.pd .pd-hero>figure:after{background:linear-gradient(0deg,#171b19,transparent 45%)}.pd .pd-hero>figure figcaption{right:15px;bottom:20px;font-size:9px}.pd .pd-hero-inner{height:auto;padding-top:0;display:flex;flex-direction:column;margin-top:-5px}.pd .pd-hero-inner>.eyebrow{margin:0 0 18px}.pd .pd-hero-copy{position:static;max-width:310px}.pd .pd-hero h1 span{font-size:30px}.pd .pd-hero-copy>p{font-size:14px;margin-top:20px}.pd .pd-hero .motion{position:static;align-self:start;margin-top:22px}.pd .pd-lightline{position:static;margin:22px 0 0;font-size:10px;gap:10px}.pd .pd-hero:after{display:none}.pd .pd-connect{padding:40px 0}.pd .pd-map-title{display:block}.pd .pd-map-title h2{margin:15px 0 22px}.pd .pd-map-title nav{gap:8px;padding-right:0}.pd .pd-map-title button{font-size:12px;padding:8px 10px}.pd .pd-focus-answer{margin-top:16px;padding-right:50px;min-height:80px;font-size:13px}.pd .pd-network{display:flex;flex-direction:column;gap:35px;margin-top:25px}.pd .pd-join{display:none}.pd .pd-identity figure{height:260px}.pd .pd-identity>div{padding:23px 45px 0 0}.pd .pd-network h3{font-size:24px;margin:12px 0 15px}.pd .pd-presence{padding-top:0;display:flex;flex-direction:column}.pd .pd-presence figure{order:-1;height:250px;margin-bottom:23px}.pd .pd-presence>div{padding-bottom:0;padding-right:45px}.pd .pd-record{display:grid;grid-template-columns:115px 1fr;gap:18px}.pd .pd-record figure{height:280px;margin:0}.pd .pd-record h3{font-size:21px}.pd .pd-record p{font-size:13px}.pd .pd-record .link{font-size:12px}.pd .pd-price{padding:25px 70px 25px 22px}.pd .pd-dialogue{padding:40px 0}.pd .pd-dialogue-inner{display:block}.pd .pd-dialogue figure{height:250px;margin-bottom:25px}.pd .pd-dialogue-inner>div{padding-right:45px}.pd .pd-dialogue h2{font-size:26px}.pd .pd-dialogue p:not(.eyebrow){font-size:14px}.pd .pd-network[data-current=identity] .pd-identity,.pd .pd-network[data-current=record] .pd-record,.pd .pd-network[data-current=presence] .pd-presence{padding-left:10px;box-shadow:-3px 0 0 #c1cf76}}

/* Keep decorative connection lines under the same pause and offscreen controls. */
.pd.motion-paused *::before,.pd.motion-paused *::after,.pd [data-live="false"] *::before,.pd [data-live="false"] *::after{animation-play-state:paused!important}

/* Phase 2: semantic title boundaries and local composition at narrow widths. */
.pd .pd-record-break{display:none}@media(max-width:680px){.pd .pd-record-break{display:initial}}

/* Pause the section pseudo-element itself as well as descendants. */
.pd [data-live="false"]::before,.pd [data-live="false"]::after{animation-play-state:paused!important}
