._9V3bXq_plate{gap:var(--sp-4);align-content:start;min-width:0;scroll-margin-top:96px;display:grid}._9V3bXq_frame{aspect-ratio:16/9;border-radius:var(--r-chip);box-shadow:0 0 0 1px var(--s-rule);background:var(--x-travertine);overflow:hidden}._9V3bXq_poolFrame{flex-direction:column;justify-content:flex-end;display:flex}._9V3bXq_poolFrame>*{--deck-h:64px;--coping-h:24px;--tile-h:40px;--overlap:16px;--water-h:240px}._9V3bXq_body{gap:var(--sp-2);align-content:start;display:grid}._9V3bXq_name{letter-spacing:-.02em;font-size:clamp(1.5rem,1.2rem + .8vw,1.875rem);font-weight:360;font-stretch:116%;line-height:1.1}._9V3bXq_example{font-family:var(--font-serif);font-size:var(--fs-18);color:var(--s-graphite)}._9V3bXq_description{max-width:58ch;color:var(--s-pencil);font-size:var(--fs-16);line-height:1.5}._9V3bXq_highlights{gap:var(--sp-2);margin-top:var(--sp-1);flex-wrap:wrap;list-style:none;display:flex}._9V3bXq_highlights li{padding:2px var(--sp-2);border:1px solid var(--s-rule-strong);border-radius:var(--r-chip);font-size:var(--fs-14);color:var(--s-graphite);background:var(--s-sheet)}._9V3bXq_meta{color:var(--s-pencil);font-size:var(--fs-14);font-variant-numeric:tabular-nums}._9V3bXq_actions{gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}._9V3bXq_open{min-height:44px;padding:0 var(--sp-4);border-radius:var(--r-control);background:var(--s-accent);color:#fff;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}._9V3bXq_open:hover{background:var(--s-accent-hover)}._9V3bXq_create{min-height:44px;color:var(--s-accent);text-underline-offset:.2em;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}@media (min-width:900px){._9V3bXq_wide{gap:var(--sp-7);grid-column:1/-1;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center}}
.sVm4VG_sampler{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.sVm4VG_tile{gap:var(--sp-2);color:var(--s-graphite);text-decoration:none;display:grid}.sVm4VG_frame{aspect-ratio:4/3;border-radius:var(--r-chip);box-shadow:0 0 0 1px var(--s-rule);display:block;overflow:hidden}.sVm4VG_label{font-size:var(--fs-14);font-weight:500}.sVm4VG_tile:hover .sVm4VG_label{color:var(--s-accent);text-underline-offset:.2em;text-decoration:underline}
.lWDg5G_wrap{max-width:var(--max-width);padding:0 var(--gutter);margin:0 auto}.lWDg5G_introGrid{gap:var(--sp-7);align-items:end;display:grid}@media (min-width:1100px){.lWDg5G_introGrid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.lWDg5G_intro{--s-graphite:#fff;--s-pencil:var(--m-haze);--s-accent:var(--m-window);--s-rule:var(--m-line-strong);--focus-color:var(--m-window);--fade:clamp(110px, 12vw, 190px);isolation:isolate;margin-bottom:calc(var(--fade) + var(--sp-4));padding:calc(var(--header-h) + var(--sp-8)) 0 var(--sp-8);color:#fff;position:relative}.lWDg5G_intro:before{content:"";inset:0 0 calc(var(--fade) * -1);z-index:-1;background:radial-gradient(50% 45% at 85% 80%, #ffb06e4d, transparent 70%), radial-gradient(40% 40% at 8% 80%, #c7739f47, transparent 70%), var(--m-grain), linear-gradient(180deg, var(--m-sky-0), var(--m-sky-1) 60%, #2c2f78);-webkit-mask-image:linear-gradient(180deg, #000 calc(100% - var(--fade)), transparent);-webkit-mask-image:linear-gradient(180deg, #000 calc(100% - var(--fade)), transparent);mask-image:linear-gradient(180deg, #000 calc(100% - var(--fade)), transparent);position:absolute}.lWDg5G_display{letter-spacing:-.03em;max-width:14ch;font-size:clamp(2.5rem,1.2rem + 5vw,5rem);font-weight:320;font-stretch:120%;line-height:1}.lWDg5G_lede{max-width:60ch;margin-top:var(--sp-5);font-family:var(--font-serif);font-size:clamp(1.125rem,1.05rem + .3vw,1.3125rem);line-height:1.55}.lWDg5G_index{gap:var(--sp-5) var(--sp-6);margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid var(--s-graphite);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.lWDg5G_indexGroup ul{margin-top:var(--sp-2);gap:2px;list-style:none;display:grid}.lWDg5G_indexTitle{color:var(--s-pencil);font-size:var(--fs-14);font-weight:500}.lWDg5G_indexGroup a{min-height:32px;color:var(--s-graphite);font-size:var(--fs-18);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.lWDg5G_indexGroup a:hover{color:var(--s-accent);text-underline-offset:.2em;text-decoration:underline}.lWDg5G_group{padding:var(--sp-8) 0;border-top:1px solid var(--s-rule)}.lWDg5G_groupHead{gap:var(--sp-2);margin-bottom:var(--sp-6);display:grid}.lWDg5G_groupTitle{letter-spacing:-.025em;font-size:clamp(1.875rem,1.2rem + 2.4vw,3rem);font-weight:330;font-stretch:116%;line-height:1.05}.lWDg5G_groupDescription{max-width:58ch;color:var(--s-pencil);font-size:var(--fs-18);line-height:1.5}.lWDg5G_plates{gap:var(--sp-8) var(--sp-7);display:grid}@media (min-width:900px){.lWDg5G_plates{grid-template-columns:repeat(2,minmax(0,1fr))}}.lWDg5G_script{padding:var(--sp-8) 0 var(--sp-9);border-top:1px solid var(--s-rule);background:var(--s-sheet)}.lWDg5G_steps{gap:var(--sp-5) var(--sp-7);margin-top:var(--sp-6);list-style:none;display:grid}@media (min-width:768px){.lWDg5G_steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.lWDg5G_steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.lWDg5G_steps li{gap:var(--sp-4);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.lWDg5G_steps p{margin-top:var(--sp-1);color:var(--s-pencil);max-width:44ch}.lWDg5G_stepNo{border:1.5px solid var(--s-graphite);border-radius:var(--r-chip);width:2.5rem;height:2.5rem;font-size:var(--fs-18);place-items:center;font-weight:500;font-stretch:125%;display:grid}.lWDg5G_stepTitle{font-size:var(--fs-18);font-weight:500}.lWDg5G_fine{margin-top:var(--sp-7);max-width:70ch;color:var(--s-pencil);font-size:var(--fs-14)}.lWDg5G_fine a{color:var(--s-accent);font-weight:600}