.ph{--pad:56px;--maxw:clamp(1280px, 92vw, 1520px);--edge:max(var(--pad), (100cqw - var(--maxw)) / 2);--line:color-mix(in srgb, var(--gd-ink) 4%, transparent);--body:color-mix(in srgb, var(--gd-ink) 80%, var(--gd-bone));--mut:color-mix(in srgb, var(--gd-ink) 66%, var(--gd-bone));--ease:cubic-bezier(.2, .8, .2, 1);isolation:isolate;width:100%;min-height:max(100svh,860px);padding-top:var(--gd-hdh);font-family:var(--font-body);color:var(--gd-ink);background-color:var(--gd-bone);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-position:-11px 14px;background-size:68px 68px;flex-direction:column;display:flex;position:relative;overflow:clip}.ph:before{content:"";z-index:3;left:0;right:0;top:var(--gd-hdh);background:color-mix(in srgb, var(--gd-ink) 4.5%, var(--gd-bone));height:2px;position:absolute}.ph-main{padding:36px var(--edge) 51px;flex:1;align-items:center;display:flex;position:relative}.ph-copy{z-index:2;width:min(640px,42cqw);padding-block:63px;position:relative}.ph-eb{letter-spacing:.15em;text-transform:uppercase;color:color-mix(in srgb, var(--gd-ink) 88%, var(--gd-bone));align-items:center;gap:11px;margin:0;font-size:13px;line-height:1.2;display:flex}.ph-eb i,.ph-tag-mk{background:var(--gd-brass);width:10px;height:10px;box-shadow:inset 0 0 0 1.5px var(--gd-ink);flex:none;display:block}.ph-h1{letter-spacing:-.004em;text-transform:uppercase;color:var(--gd-ink);margin:14px 0 0 -3px;font-size:clamp(84px,9.375cqw,150px);line-height:.89}.ph-ln{display:block}.ph-ln:nth-child(3){margin-top:.03em;font-size:.85em;line-height:.92}.ph-lni{white-space:nowrap;transform-origin:0;display:block;scale:.8 1}.ph-acc{background:var(--gd-brass);border-radius:4px;margin:-.06em 0 -.03em -.02em;padding:.06em .1em .03em;display:inline-block}.ph-sub{max-width:420px;color:var(--body);margin:18px 0 0;font-size:18px;line-height:1.42}.ph-btns{flex-wrap:wrap;gap:20px;margin-top:18px;display:flex}.ph .gd-btn{min-height:52px;font-family:var(--font-mono);letter-spacing:.03em;border-radius:7px;font-size:12.5px}.ph .gd-face{box-shadow:inset 0 0 0 1px var(--rim), 0 18px 30px -18px color-mix(in srgb, var(--gd-night) 55%, transparent);gap:22px;padding:7px 25px 7px 7px}.ph .gd-chip{border-radius:4px;width:38px;height:38px}.ph .gd-btn.ph-pro{--face:color-mix(in srgb, var(--gd-cloud) 22%, transparent);--rim:color-mix(in srgb, var(--gd-ink) 28%, transparent);--chip:var(--gd-cloud);--chipfg:var(--gd-ink);--chip2:var(--gd-ink);--chipfg2:var(--gd-brass)}.ph .ph-pro .gd-face{box-shadow:inset 0 0 0 1px var(--rim);gap:16px;padding-left:9px}.ph .ph-pro .gd-chip{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--gd-ink) 22%, transparent), 0 2px 6px -2px color-mix(in srgb, var(--gd-night) 25%, transparent)}.ph-art{width:min(75cqw, (max(100svh, 860px) - var(--gd-hdh) - 178px) * 1.5);position:absolute;bottom:14px;right:0;container-type:inline-size}.ph-pic{aspect-ratio:3/2;position:relative}.ph-pic img{mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}@property --ph-dr{syntax:"<number>";inherits:true;initial-value:1}.ph-art.is-dw{right:var(--edge);width:min(46cqw, (max(100svh, 860px) - var(--gd-hdh) - 135px) * .8372)}@container site (min-width:1100px){.ph-art.is-dw:has(.hs){width:min(52cqw, (max(100svh, 860px) - var(--gd-hdh) - 135px) * 1.13);top:64px;bottom:auto}}.ph-dw{--dr:var(--ph-dr)}.ph-tags{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.ph-tag{--x:0%;--y:0%;--lead:0cqw;--drop:4.2cqw;left:var(--x);top:var(--y);font-family:var(--font-body);white-space:nowrap;color:var(--body);flex-direction:column;padding-left:clamp(16px,2cqw,22px);font-size:clamp(10.5px,1.2cqw,13px);line-height:1.32;display:flex;position:absolute}.ph-tag b{letter-spacing:.02em;text-transform:uppercase;color:var(--gd-ink);margin:-1px 0 3px;font-size:clamp(12px,1.32cqw,14.5px);font-weight:700;line-height:1.1}.ph-tag-mk{width:11px;height:11px;position:absolute;top:0;left:0}.ph-tag:before{content:"";top:3.5px;left:calc(-1 * var(--lead));width:var(--lead);background:linear-gradient(var(--ln), var(--ln)) 0 50% / 100% 1px no-repeat, radial-gradient(circle at 2px 50%, var(--ln) 1.6px, transparent 2.1px);height:4px;position:absolute}.ph-tag:after{content:"";width:1px;height:var(--drop);background:var(--ln);position:absolute;top:11px;left:5px}.ph-tag{--ln:color-mix(in srgb, var(--gd-ink) 78%, transparent)}.ph-tag:first-child{--x:46.8%;--y:-2.1%;--lead:1.1cqw;--drop:14.3cqw}.ph-tag:first-child:before{background:var(--ln);height:1px;top:9px}.ph-tag:nth-child(2){--x:79.2%;--y:4.7%;--lead:7.8cqw;--drop:5.6cqw}.ph-tag:nth-child(3){--x:82.3%;--y:22.3%;--lead:11.2cqw;--drop:4.2cqw}.ph-tag:nth-child(4){--x:84%;--y:39.6%;--lead:6.7cqw;--drop:4.2cqw}.ph-rail{z-index:2;padding:27px var(--edge) 50px;border-top:2px solid var(--gd-ink);position:relative}.ph-steps{grid-template-columns:17fr 18.3fr 17.6fr 19.9fr 18.3fr 20fr;gap:15px;margin:0;padding:0;list-style:none;display:grid}.ph-bar{background:var(--gd-brass);height:9px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gd-ink) 72%, var(--gd-brass));transform-origin:0;border-radius:1px;display:block}.ph-step-t{align-items:baseline;gap:10px;margin:17px 0 0;font-size:13px;line-height:1.2;display:flex}.ph-step-t span{letter-spacing:.04em;color:var(--mut)}.ph-step-t b{letter-spacing:.07em;text-transform:uppercase;font-size:14px;font-weight:600}.ph-step-d{max-width:19em;color:var(--body);margin:10px 0 0 23px;font-size:13.5px;line-height:1.45}.ph-lni,.ph-in,.ph-pic img,.ph-tag,.ph-steps li{animation:ph-rise .9s var(--ease) both paused}.ph-eb{animation-delay:60ms}.ph-sub{animation-delay:.48s}.ph-btns{animation-delay:.56s}.ph-pic img{animation-name:ph-fade;animation-duration:1.4s;animation-delay:.2s}.ph-tag{animation-name:ph-fade;animation-duration:.7s}.ph-tag:first-child{animation-delay:.9s}.ph-tag:nth-child(2){animation-delay:1s}.ph-tag:nth-child(3){animation-delay:1.1s}.ph-tag:nth-child(4){animation-delay:1.2s}.ph-dw{animation:2.8s cubic-bezier(.3,.1,.3,1) .35s both paused ph-draw}.ph-steps li .ph-bar{animation:ph-bar .8s var(--ease) both paused;animation-delay:inherit}html:not([class*=gd-hold]) .ph :is(.ph-lni,.ph-in,.ph-pic img,.ph-tag,.ph-dw,.ph-steps li,.ph-bar){animation-play-state:running}@keyframes ph-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes ph-fade{0%{opacity:0}to{opacity:1}}@keyframes ph-draw{0%{--ph-dr:0}to{--ph-dr:1}}@keyframes ph-bar{0%{transform:scaleX(0)}to{transform:none}}@media (prefers-reduced-motion:reduce){.ph *,.ph :before,.ph :after{animation:none!important}}@container site (max-width:1279.98px){.ph-art{width:min(70cqw, (max(100svh, 860px) - var(--gd-hdh) - 225px) * 1.5)}.ph-sub{max-width:380px;font-size:17px}.ph-step-d{margin-left:0;font-size:13px}}@container site (max-width:1099.98px){.ph{--pad:32px;min-height:0}.ph-main{flex-direction:column;align-items:stretch;padding-top:40px;padding-bottom:40px}.ph-copy{width:100%;padding-block:0}.ph-h1{font-size:clamp(64px,14cqw,132px)}.ph-art{width:calc(100% + var(--edge));margin-top:28px;margin-right:calc(-1 * var(--edge));align-self:flex-end;position:relative;bottom:auto;right:auto}.ph-art.is-dw:has(.hs){width:min(100%,680px)}.ph-art.is-dw{align-self:center;width:min(100%,520px);margin-inline:0;right:auto}.ph-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}}@container site (max-width:809.98px){.ph{--pad:18px;background-size:48px 48px}.ph-main{padding-top:28px}.ph-eb{letter-spacing:.12em;font-size:11px}.ph-h1{margin-top:14px;font-size:clamp(50px,17cqw,96px)}.ph-sub{font-size:16px}.ph-btns{gap:12px}.ph-btns .gd-btn{flex:100%}.ph-art{width:calc(100% + var(--edge) * 2);margin-left:calc(-1 * var(--edge))}.ph-tags{display:none}.ph-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}}