[data-proc=tile]{--cut:clamp(4rem, 20vw, 10rem);transform:translateZ(0)}[data-proc=photo]{transform:translateZ(0)}@media (min-width:1024px){[data-proc=tile]{--cut:clamp(3.5rem, 6vw, 7rem)}}@media (max-width:63.999rem){.tile-angle{margin-left:calc(var(--cut) - 1.25rem)}}.tile-cut{clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut))}.tile-tab{width:calc(var(--cut) * .84);height:calc(var(--cut) * .84);z-index:3;pointer-events:none;transition:transform var(--dur-slow) var(--ease-out);position:absolute;bottom:0;right:0}.tile-tab-fill{clip-path:polygon(100% 0,100% 100%,0 100%);background:var(--color-accent-deep);transition:background var(--dur-slow) var(--ease-out);position:absolute;inset:0}.tile-index{z-index:4;font-size:calc(var(--cut) * .84 * .4);color:var(--color-bg);pointer-events:none;-webkit-user-select:none;user-select:none;line-height:.78;position:absolute;bottom:28%;right:28%;transform:translate(50%,50%)}@media (hover:hover) and (pointer:fine){[data-proc=tile]:hover .tile-tab,[data-proc=tile]:focus-within .tile-tab{transform:translate(7%,7%)}[data-proc=tile]:hover .tile-tab-fill,[data-proc=tile]:focus-within .tile-tab-fill{background:var(--color-accent)}}@media (prefers-reduced-motion:reduce){.tile-tab,.tile-tab-fill{transition-duration:.01ms}}.tile-pad{padding-inline:clamp(1rem,2.5vw,1.75rem);padding-right:calc(var(--cut) * .75);padding-bottom:clamp(1rem,2.5vw,1.75rem)}.tile-vignette:after,.tile-sheen:before{content:"";pointer-events:none;position:absolute;inset:0}.tile-vignette:after{z-index:1;background:linear-gradient(#1c110d00 32%,#1c110d57 66%,#1c110dc7 100%),radial-gradient(120% 100% at 70% 0,#1c110d00 40%,#1c110d6b 100%);background:linear-gradient(lab(6.08667% 4.6232 3.91363/0) 32%,lab(6.08667% 4.6232 3.91363/.34) 66%,lab(6.08667% 4.6232 3.91363/.78) 100%),radial-gradient(120% 100% at 70% 0,lab(6.08667% 4.6232 3.91363/0) 40%,lab(6.08667% 4.6232 3.91363/.42) 100%)}.tile-sheen:before{z-index:1;background:linear-gradient(148deg,#ffffff17 0%,#ffffff05 26%,#fff0 52%);background:linear-gradient(148deg,lab(100% 0 0/.09) 0%,lab(100% 0 0/.02) 26%,lab(100% 0 0/0) 52%)}.tile-veil{will-change:opacity;-webkit-mask-image:linear-gradient(#0000 8%,#000 62% 100%);-webkit-mask-image:linear-gradient(lab(0% 0 0/0) 8%,lab(0% 0 0) 62% 100%);background:linear-gradient(#1c110d00 0%,#1c110d33 60%,#1c110d6b 100%);background:linear-gradient(lab(6.08667% 4.6232 3.91363/0) 0%,lab(6.08667% 4.6232 3.91363/.2) 60%,lab(6.08667% 4.6232 3.91363/.42) 100%);mask-image:linear-gradient(oklch(0% 0 0/0) 8%,oklch(0% 0 0) 62% 100%)}.tile-reveal{grid-template-rows:1fr;display:grid}.tile-reveal>*{min-height:0;overflow:hidden}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.tile-veil{background:linear-gradient(#1c110d00 0%,#1c110db8 62%,#1c110df0 100%);background:linear-gradient(lab(6.08667% 4.6232 3.91363/0) 0%,lab(6.08667% 4.6232 3.91363/.72) 62%,lab(6.08667% 4.6232 3.91363/.94) 100%)}}@media (hover:hover) and (pointer:fine){.tile-veil{opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}[data-proc=tile]:hover .tile-veil,[data-proc=tile]:focus-within .tile-veil{opacity:1}.tile-reveal{transition:grid-template-rows var(--dur-slow) var(--ease-out);grid-template-rows:0fr}.tile-reveal>*{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}[data-proc=tile]:hover .tile-reveal,[data-proc=tile]:focus-within .tile-reveal{grid-template-rows:1fr}[data-proc=tile]:hover .tile-reveal>*,[data-proc=tile]:focus-within .tile-reveal>*{opacity:1;transition-delay:.12s}}@media (prefers-reduced-motion:reduce){.tile-veil,.tile-reveal,.tile-reveal>*{transition-duration:.01ms}}.tile-cast{transform:translateZ(0)}.tile-shadow{pointer-events:none;filter:drop-shadow(0 2px 4px #20120d29)drop-shadow(0 14px 26px #20120d38);filter:drop-shadow(0 2px 4px lab(7.07227% 6.45847 5.30929/.16))drop-shadow(0 14px 26px lab(7.07227% 6.45847 5.30929/.22));transition:filter var(--dur-slow) var(--ease-out);position:absolute;inset:0}.tile-shadow-fill{background:var(--color-ink);position:absolute;inset:0}@media (hover:hover){.tile-cast:hover .tile-shadow{filter:drop-shadow(0 4px 8px #20120d33)drop-shadow(0 20px 36px #20120d47);filter:drop-shadow(0 4px 8px lab(7.07227% 6.45847 5.30929/.2))drop-shadow(0 20px 36px lab(7.07227% 6.45847 5.30929/.28))}}.blueprint-grid{-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;background-image:linear-gradient(90deg,#2f221c0a 1px,#0000 1px),linear-gradient(#2f221c0a 1px,#0000 1px),radial-gradient(1.5px at 1px 1px,#2f221c1f 100%,#0000 100%);background-image:linear-gradient(90deg,lab(14.5935% 5.98283 6.19108/.04) 1px,#0000 1px),linear-gradient(lab(14.5935% 5.98283 6.19108/.04) 1px,#0000 1px),radial-gradient(1.5px at 1px 1px,lab(14.5935% 5.98283 6.19108/.12) 100%,#0000 100%);background-size:48px 48px,48px 48px,240px 240px;-webkit-mask-image:radial-gradient(75% 65%,#000 15%,#0000 80%),linear-gradient(#0000 0%,#000 10% 82%,#0000 99%);mask-image:radial-gradient(75% 65%,#000 15%,#0000 80%),linear-gradient(#0000 0%,#000 10% 82%,#0000 99%);-webkit-mask-composite:source-in;mask-composite:intersect}.timeline-ruler-ticks{background-image:repeating-linear-gradient(90deg,#2f221c52 0 1px,#0000 1px 8px);background-image:repeating-linear-gradient(90deg,lab(14.5935% 5.98283 6.19108/.32) 0 1px,#0000 1px 8px)}.slot{--slot-d:1.5em;width:var(--slot-d);height:calc(var(--slot-d) * 1.1115);vertical-align:-.28em;margin:0 .34em;display:inline-block;position:relative}.slot-window{isolate:isolate;width:var(--slot-d);height:var(--slot-d);background:var(--color-accent);border-radius:50%;position:absolute;inset:0 0 auto;overflow:hidden}.slot-window img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.slot-window:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 40%,#1c110d00 55%,#1c110d24 82%,#1c110d4d 100%);background:radial-gradient(circle at 50% 40%,lab(6.08667% 4.6232 3.91363/0) 55%,lab(6.08667% 4.6232 3.91363/.14) 82%,lab(6.08667% 4.6232 3.91363/.3) 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 .1em #1c110d4d,inset 0 0 0 .04em #c93a41e6;box-shadow:inset 0 0 .1em lab(6.08667% 4.6232 3.91363/.3),inset 0 0 0 .04em lab(47.4313% 57.1407 30.758/.9)}.slot-ring{top:calc(var(--slot-d) * .5);width:calc(var(--slot-d) * 1.223);height:calc(var(--slot-d) * 1.223);border:calc(var(--slot-d) * .223) solid var(--color-ink);clip-path:inset(50% 0 0);pointer-events:none;border-radius:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}.on-ink .slot-ring{border-color:var(--color-bg)}@keyframes slot-cycle{0%,28%{opacity:1}36%,92%{opacity:0}to{opacity:1}}.slot-frame{opacity:0;animation:10.5s linear infinite slot-cycle;animation-delay:calc(var(--slot-i) * -3.5s)}@media (prefers-reduced-motion:reduce){.slot-frame{opacity:0;animation:none}.slot-frame:first-child{opacity:1}}.flow-accent{opacity:.5;filter:drop-shadow(0 14px 28px #1b0e0947);filter:drop-shadow(0 14px 28px lab(5.13396% 5.49538 4.07284/.28));transform:translateZ(0)}.tile-photo{position:absolute;inset:-8%;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.tile-photo{inset:0}}[dir=rtl] .tile-cut{clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)))}[dir=rtl] .tile-tab{left:0;right:auto}[dir=rtl] .tile-tab-fill{clip-path:polygon(0 0,0 100%,100% 100%)}[dir=rtl] .tile-index{left:28%;right:auto;transform:translate(-50%,50%)}@media (hover:hover) and (pointer:fine){[dir=rtl] [data-proc=tile]:hover .tile-tab,[dir=rtl] [data-proc=tile]:focus-within .tile-tab{transform:translate(-7%,7%)}}@media (max-width:63.999rem){[dir=rtl] .tile-angle{margin-left:0;margin-right:calc(var(--cut) - 1.25rem)}}[dir=rtl] .tile-sheen:before{background:linear-gradient(212deg,#ffffff17 0%,#ffffff05 26%,#fff0 52%);background:linear-gradient(212deg,lab(100% 0 0/.09) 0%,lab(100% 0 0/.02) 26%,lab(100% 0 0/0) 52%)}[dir=rtl] .flow-accent{transform:rotate(180deg);left:-9rem!important;right:auto!important}@media (min-width:1280px){[dir=rtl] .flow-accent{left:-11rem!important}}[dir=rtl] .tile-pad{padding-right:clamp(1rem,2.5vw,1.75rem);padding-left:calc(var(--cut) * .75);text-align:right}[dir=rtl] .tile-pad h3{line-height:1.25}
