:root{--srp-night-hi:#123d60;--srp-night-mid:#072b47;--srp-night-lo:#021b2d;--srp-first-hi:#0d3352;--srp-first-lo:#33465f;--srp-first-glow:#c99d76;--srp-dawn-1:#6f9fd8;--srp-dawn-2:#9cc3ea;--srp-dawn-3:#c6dbec;--srp-dawn-4:#e3e4df;--srp-dawn-5:#efdec8;--srp-dawn-sun:#f4c9a0;--srp-sand:var(--tint-sand);--srp-frame-r:clamp(20px, 2vw, 28px);--srp-phone:clamp(240px, calc((100svh - 180px) * .4748), 330px);--srp-frame-pad:clamp(16px, 3svh, 36px)}.srp{background:var(--ground);padding-block:clamp(72px,9vw,128px)}.srp-wrap{max-inline-size:var(--container-wide);padding-inline:var(--gutter);gap:clamp(32px,4.5vw,72px);margin-inline:auto;display:grid}.srw{align-content:center;gap:var(--space-4);max-inline-size:34rem;display:grid}.srw[data-center]{text-align:center;justify-items:center;max-inline-size:48rem;margin-inline:auto}.srw-at{font-family:var(--font-mono);font-size:var(--type-kicker-lg);letter-spacing:var(--type-kicker-lg-tracking);text-transform:uppercase;color:var(--meta);white-space:nowrap;margin:0;line-height:1}.srw-for{font-family:var(--font-mono);font-size:var(--type-kicker);letter-spacing:var(--type-kicker-tracking);text-transform:uppercase;color:var(--ink-2);white-space:nowrap;margin:0;line-height:1}.srw-h{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(34px,3.7vw,54px);font-weight:600;line-height:1.06}.srw-line{max-inline-size:32rem;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:clamp(17px,1.3vw,20px);line-height:1.5}.srp-frame{isolation:isolate;border-radius:var(--srp-frame-r);position:relative;overflow:hidden}.srp-frame:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff12}.srp-frame-night{background:radial-gradient(120% 85% at 50% 0%, var(--srp-night-hi) 0%, var(--srp-night-mid) 48%, var(--srp-night-lo) 100%)}.srp-frame-first{background:radial-gradient(90% 55% at 50% 112%, color-mix(in oklch, var(--srp-first-glow) 42%, transparent), transparent 70%), linear-gradient(180deg, var(--srp-first-hi) 0%, color-mix(in oklch, var(--srp-first-hi) 60%, var(--srp-first-lo)) 55%, var(--srp-first-lo) 100%)}.srp-frame-dawn{background:radial-gradient(130% 55% at 50% 112%, var(--srp-dawn-sun) 0%, color-mix(in srgb, var(--srp-dawn-sun) 0%, transparent) 70%), linear-gradient(180deg, var(--srp-dawn-1) 0%, var(--srp-dawn-2) 30%, var(--srp-dawn-3) 58%, var(--srp-dawn-4) 80%, var(--srp-dawn-5) 100%)}.srp-frame-dawn:after{box-shadow:inset 0 0 0 1px #00233b14}main>.srh{--srh-top:calc(var(--nav-h) + var(--nav-inset) + clamp(16px, 3svh, 32px));--srh-foot:clamp(32px, 5svh, 64px);padding-block:var(--srh-top) var(--srh-foot);background:var(--ground)}.srh-wrap{max-inline-size:var(--container-wide);padding-inline:var(--gutter);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,4vw,64px);margin-inline:auto;display:grid}.srh-words{justify-items:start;display:grid}.srh-word{font-family:var(--font-body);letter-spacing:-.045em;color:var(--paper);background:linear-gradient(to bottom, var(--paper) 40%, color-mix(in oklch, var(--paper) 74%, var(--srp-night-hi)) 100%) 0 0 / 100% .94em repeat-y;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;padding-block-end:.08em;font-size:clamp(60px,min(7.4vw,13svh),118px);font-weight:600;line-height:.94}.srh-head{max-inline-size:22ch;font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:clamp(20px,2.2vw,32px) 0 0;font-size:clamp(26px,min(2.5vw,5svh),38px);font-weight:600;line-height:1.12}.srh-line{margin:var(--space-4) 0 0;max-inline-size:30rem;color:var(--ink-2);text-wrap:pretty;font-size:clamp(17px,1.3vw,20px);line-height:1.5}.srh-act{margin:clamp(24px,2.6vw,36px) 0 0}.srh-pic{isolation:isolate;--srh-pad-top:clamp(44px, 7svh, 68px);--srh-pad-foot:clamp(20px, 3.4svh, 40px);padding:var(--srh-pad-top) clamp(20px, 3.2vw, 44px) var(--srh-pad-foot);border-radius:var(--srp-frame-r);justify-items:center;display:grid;position:relative;overflow:hidden}.srh-sky,.srh-dawn{z-index:-1;position:absolute;inset:0}.srh-sky{background:radial-gradient(120% 85% at 50% 0%, var(--srp-night-hi) 0%, var(--srp-night-mid) 48%, var(--srp-night-lo) 100%)}.srh-dawn{background:radial-gradient(130% 55% at 50% 112%, var(--srp-dawn-sun) 0%, color-mix(in srgb, var(--srp-dawn-sun) 0%, transparent) 70%), linear-gradient(180deg, var(--srp-dawn-1) 0%, var(--srp-dawn-2) 30%, var(--srp-dawn-3) 58%, var(--srp-dawn-4) 80%, var(--srp-dawn-5) 100%)}.srh-clock{font-family:var(--font-display);letter-spacing:.01em;color:var(--brand-navy);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(18px,1.5vw,22px);font-weight:600;line-height:1;display:grid;position:absolute;inset:clamp(16px,1.6vw,22px) clamp(20px,2.2vw,30px) auto auto}.srh-clock time{grid-area:1/1;justify-self:end}.srh-clock time:not(:last-child){display:none}.srh-win{inline-size:min(100%, 760px, calc((100svh - var(--srh-top) - var(--srh-foot) - var(--srh-pad-top) - var(--srh-pad-foot)) / .87));min-inline-size:min(100%,580px)}.srg-wrap{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center}.srg-frame{grid-template-columns:repeat(2, minmax(0, var(--srp-phone)));padding:var(--srp-frame-pad) clamp(16px, 3vw, 48px);justify-content:center;gap:clamp(16px,2.4vw,36px);display:grid}.srg-phone{position:relative}.sri{--ground:var(--brand-navy)}.sri-wrap{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center}.sri-wrap>.srw{order:2}.sri-frame{padding:var(--srp-frame-pad);justify-items:center;display:grid}.sri-phone{inline-size:var(--srp-phone)}.srr{--ground:var(--brand-navy);background:linear-gradient(180deg, var(--brand-navy) 0%, color-mix(in oklch, var(--brand-navy) 82%, var(--srp-first-lo)) 100%)}.srw[data-split]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:clamp(32px,5vw,96px);max-inline-size:none}.srw[data-split]>.srw-for,.srw[data-split]>.srw-at,.srw[data-split]>.srw-h{grid-column:1}.srw[data-split]>.srw-line{grid-area:1/2/span 2;align-self:end}.srw[data-split]>.srw-for~.srw-line{grid-row:1/span 3}.srw[data-split]>.srw-ans{gap:var(--space-4);grid-area:1/2/span 3;align-self:end;display:grid}.srr-frame{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(20px,2.4vw,36px);block-size:clamp(520px,46vw,660px);padding:clamp(28px,3vw,44px) clamp(24px,3vw,44px) 0;display:grid}.srr-held{margin-block-start:clamp(40px,5vw,72px)}.srm{--ground:var(--srp-sand);--ground-2:color-mix(in oklch, var(--srp-sand) 70%, var(--paper))}.srm-wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}.srm-frame{padding:var(--srp-frame-pad);justify-items:center;display:grid}.srm-phone{inline-size:var(--srp-phone)}.srq-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.6vw,24px);margin:0;padding:0;list-style:none;display:grid}.srq-card{align-content:start;gap:var(--space-3);display:grid}.srq-pic{aspect-ratio:4/5;border-radius:var(--srp-frame-r);background:radial-gradient(110% 70% at 50% 0%, color-mix(in oklch, var(--paper) 70%, transparent), transparent 70%), var(--srp-sand);margin-block-end:var(--space-2);padding:clamp(18px,1.8vw,28px) clamp(18px,1.8vw,28px) 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00233b0f}.srq-win{block-size:100%;overflow:hidden;-webkit-mask-image:linear-gradient(#000 84%,#0000);mask-image:linear-gradient(#000 84%,#0000)}.srq-words{gap:var(--space-3);display:grid}.srq-q{font-family:var(--font-display);margin:0;font-size:clamp(21px,1.7vw,26px);font-weight:600;line-height:1.2}.srq-line{max-inline-size:30rem;color:var(--ink-2);margin:0;font-size:17px;line-height:1.5}.srx{--ground:var(--paper-2)}.srx-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,1.6vw,24px);margin:0;padding:0;list-style:none;display:grid}.srx-card{border-radius:calc(var(--srp-frame-r) + 8px);background:var(--ground-3,#fff);box-shadow:inset 0 0 0 1px var(--hairline);grid-template-columns:minmax(0,min(300px,46%)) minmax(0,1fr);align-items:center;gap:clamp(20px,2.4vw,36px);padding:clamp(12px,1.2vw,16px);display:grid}.srx-pic{aspect-ratio:3/4;border-radius:var(--srp-frame-r);background:var(--navy-deep);position:relative;overflow:hidden}.srx .srx-pic[data-pic=patrol]>picture.bleed{block-size:auto;inline-size:120%;margin-block-start:-8%;inset:0 auto auto 50%;translate:-50%}.srx .srx-pic[data-pic=patrol]>picture.bleed>img{object-fit:fill;block-size:auto}.srx-words{justify-items:start;gap:var(--space-2);padding-inline-end:var(--space-4);display:grid}.srx-label{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(21px,1.7vw,25px);font-weight:600;line-height:1.2}.srx-link{white-space:nowrap;align-items:center;gap:var(--space-2);color:var(--ink);text-underline-offset:.25em;text-decoration:underline 1px;text-decoration-color:color-mix(in oklch, var(--ink) 35%, transparent);margin-block-start:var(--space-2);font-weight:600;display:inline-flex}.srx-link:hover{text-decoration-color:currentColor}.srx-link svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;inline-size:16px}.src{--ground:var(--srp-sand);background:radial-gradient(70% 80% at 50% 100%, color-mix(in oklch, var(--srp-dawn-sun) 45%, transparent), transparent 72%), var(--srp-sand);padding-block:clamp(96px,11vw,160px)}.src-wrap{justify-items:center;gap:var(--space-6)}.src .srw-h{font-size:clamp(38px,5vw,72px)}.src-act{margin:0}.src-proof{font-size:var(--type-small);color:var(--ink-2);margin:0;font-weight:600}@media (prefers-reduced-motion:no-preference){html[data-js]:not([data-motion=off]) .srh-pic:not(:has(.rd[data-revealed])) .srh-dawn{opacity:0}html[data-js]:not([data-motion=off]) .srh-pic:has(.rd[data-revealed]) .srh-dawn{animation:srh-dawn var(--srh-dawn-dur) var(--ease-morph) var(--srh-dawn-at) backwards}html[data-js]:not([data-motion=off]) .srh-clock time{opacity:0;display:block}html[data-js]:not([data-motion=off]) .srh-pic:not(:has(.rd[data-revealed])) .srh-clock{color:var(--paper)}html[data-js]:not([data-motion=off]) .srh-pic:has(.rd[data-revealed]) .srh-clock{animation:srh-ink var(--srh-dawn-dur) var(--ease-morph) var(--srh-dawn-at) backwards}html[data-js]:not([data-motion=off]) .srh-pic:has(.rd[data-revealed]) .srh-clock time:not(:last-child){animation:srh-hour calc(var(--hold) + .3s) linear var(--at) both}html[data-js]:not([data-motion=off]) .srh-pic:has(.rd[data-revealed]) .srh-clock time:last-child{animation:srh-last .4s var(--ease-out) var(--at) both}html[data-js]:not([data-motion=off]) .srr-frame:not(:has(.srr-board .rd[data-revealed])) .srr-held{opacity:0}html[data-js]:not([data-motion=off]) .srr-frame:has(.srr-board .rd[data-revealed]) .srr-held{animation:srr-held .9s var(--ease-out) var(--srr-held-at) backwards}}@keyframes srh-dawn{0%{opacity:0}}@keyframes srh-ink{0%{color:var(--paper)}}@keyframes srh-hour{0%{opacity:0}12%,88%{opacity:1}to{opacity:0}}@keyframes srh-last{0%{opacity:0}to{opacity:1}}@keyframes srr-held{0%{opacity:0;translate:0 28px}}@supports (animation-timeline:view()){@media (width>=900px) and (height>=620px){html[data-scroll-driver=css] .srg-track{view-timeline:--srg-track block;block-size:170svh}html[data-scroll-driver=css] .srg{padding-block:0}html[data-scroll-driver=css] .srg-stage{block-size:100svh;padding-block:calc(var(--nav-h) + var(--nav-inset) + 12px) 24px;align-items:center;display:grid;position:sticky;inset-block-start:0}html[data-scroll-driver=css] .srg-tasks{animation:linear both srg-tasks}html[data-scroll-driver=css] .srg-check{animation:linear both srg-check}html[data-scroll-driver=css] .srg-frame>.srg-phone{animation-timeline:--srg-track;animation-range:contain}}}@keyframes srg-tasks{0%,22%{translate:calc((var(--srp-phone) + clamp(20px, 2.4vw, 36px)) / 2) 0}50%,to{translate:0}}@keyframes srg-check{0%,48%{opacity:0;translate:0 32px}72%,to{opacity:1;translate:0}}@media (width<=899px){.srh-wrap,.srg-wrap,.sri-wrap,.srm-wrap{grid-template-columns:minmax(0,1fr)}.sri-wrap>.srw{order:0}.srh-pic{margin-inline:calc(8px - var(--gutter));padding:52px 10px 0}.srh-win{max-block-size:640px;inline-size:100%;min-inline-size:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.sri-phone,.srm-phone{inline-size:min(78vw,330px)}.srq-cards,.srx-cards{grid-template-columns:minmax(0,1fr)}.srx-card{grid-template-columns:minmax(0,38%) minmax(0,1fr)}.srx-link{font-size:16px}}@media (width<=1199px){.srw[data-split]{grid-template-columns:minmax(0,1fr);max-inline-size:40rem}.srw[data-split]>.srw-line,.srw[data-split]>.srw-for~.srw-line,.srw[data-split]>.srw-ans{grid-area:auto/1}.srw[data-split]>.srw-ans{margin-block-start:var(--space-6)}.srr-frame{grid-template-columns:minmax(0,1fr);gap:0;block-size:auto;padding:clamp(18px,3vw,36px) clamp(14px,4vw,48px) 0}.srr-board{overflow:hidden}.srr-held{z-index:1;filter:drop-shadow(0 18px 36px #00122073);max-block-size:clamp(420px,92vw,640px);margin:-8px 0 0 8%;position:relative;overflow:hidden}}@media (width<=599px){.srg-frame{grid-template-columns:minmax(0,1fr);padding:20px 4% 0}.srg-phone{grid-area:1/1;inline-size:76%}.srg-tasks{justify-self:start;-webkit-mask-image:linear-gradient(#000 40%,#0000 62%);mask-image:linear-gradient(#000 40%,#0000 62%)}.srg-check{z-index:1;filter:drop-shadow(0 -12px 28px #0012208c);justify-self:end;margin-block-start:72%}}
