.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--paper);cursor:pointer}.intro__depth{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;color:var(--ink);font-family:var(--type-face)}.intro__enter{position:absolute;left:50%;top:var(--frame-pad-top);transform:translate(-50%);display:flex;align-items:center;height:var(--menu-head-h);padding:0;background:none;border:0;font-family:var(--type-face);font-size:var(--menu-type);font-weight:400;letter-spacing:var(--type-track);line-height:1;text-transform:uppercase;color:var(--type-ink)}.intro__enter:hover,.intro__enter:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:var(--menu-mark-w);text-underline-offset:var(--menu-mark-gap)}@media (max-width: 999.98px){.intro__enter{height:var(--menu-mobile-row)}}.frame{display:grid;grid-template-columns:var(--menu-w) minmax(0,1fr);-webkit-font-smoothing:var(--type-smoothing);-moz-osx-font-smoothing:grayscale;column-gap:var(--frame-gap);padding:var(--frame-pad-top) var(--frame-side) 0;min-height:var(--frame-h);box-sizing:border-box;grid-template-rows:minmax(var(--frame-h),auto)}.frame__menu{min-width:0;position:sticky;top:0;align-self:start;height:var(--frame-h)}.frame__content{display:grid;grid-template-columns:repeat(var(--content-columns),minmax(0,1fr));column-gap:var(--content-gap);row-gap:var(--content-row-gap);align-content:start;align-items:start;padding-inline:var(--content-pad);padding-bottom:var(--foot-space);box-sizing:border-box;min-width:0;position:relative;overflow:visible}.frame__bar:has(.ex__closets){overflow:visible}.frame__bar{grid-column:1 / -1;position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--bar-gap);height:var(--menu-head-h);margin-inline:calc(var(--content-gap) / -2);min-width:0;overflow:hidden}.frame__bar{position:sticky;top:0;z-index:var(--bar-z)}.frame__barStart,.frame__barEnd{display:flex;align-items:center;gap:var(--bar-gap);min-width:0}.frame__barStart{justify-content:flex-start}.frame__barEnd{gap:var(--tool-gap)}.frame__barEnd{justify-content:flex-end;flex:none}.frame__barMid{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center}.frame__free{grid-column:1 / -1;position:relative;min-width:0;height:var(--gen-area-h);margin-inline:calc(var(--content-pad) * -1)}.frame__foot{display:none}.frame__item{position:relative;box-sizing:border-box;background-color:transparent;transition:background-color var(--card-fade) ease;min-width:0;margin-inline:calc(var(--content-gap) / -2);margin-block:calc(var(--content-row-gap) / -2);padding:var(--item-pad);aspect-ratio:var(--item-ar);display:grid;grid-template-rows:var(--photo-band) minmax(0,1fr) var(--photo-band)}.frame--full{--content-columns: var(--full-columns);--photo-band: 0px}.frame__item:hover,.frame__item:focus-within{background-color:var(--card-fill)}.frame__band--head{opacity:0;transition:opacity var(--card-fade) ease}.frame__item:hover .frame__band--head,.frame__item:focus-within .frame__band--head{opacity:1}.frame__photo>*{transition:transform var(--card-lift-time) ease}.frame__item:hover .frame__photo>*,.frame__item:focus-within .frame__photo>*{transform:scale(var(--card-lift))}@media (prefers-reduced-motion: reduce){.frame__photo>*,.frame__item:hover .frame__photo>*,.frame__item:focus-within .frame__photo>*{transition:none;transform:none}}.frame__band{display:flex;justify-content:space-between;align-items:flex-start;gap:1em;min-height:0;min-width:0;overflow:hidden}.frame__band>*{min-width:0;text-align:left}.frame__band>*:last-child:not(:first-child){text-align:right}.frame__band--head{align-items:flex-start}.frame__band--foot{align-items:flex-end}.frame__photo{position:relative;min-height:0;min-width:0}.frame__photo>*{display:block;width:100%;height:100%;object-fit:contain}.frame__item:before,.frame__item:after,.frame__marks:before,.frame__marks:after{position:absolute;width:var(--cross-w);height:var(--cross-w);background-color:var(--cross-ink);-webkit-mask-image:var(--cross-img);mask-image:var(--cross-img);-webkit-mask-size:var(--cross-img-size);mask-size:var(--cross-img-size);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none;z-index:2}.frame__item:before,.frame__item:after{top:calc(var(--cross-w) / -2)}.frame__item:before{content:"";left:calc(var(--cross-w) / -2)}.frame__item:after{content:none;right:calc(var(--cross-w) / -2)}.frame__item--rowEnd:after{content:""}.frame__marks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.frame__marks:before,.frame__marks:after{bottom:calc(var(--cross-w) / -2)}.frame__marks:before{content:"";left:calc(var(--cross-w) / -2)}.frame__marks:after{content:none;right:calc(var(--cross-w) / -2)}.frame__item--rowEnd .frame__marks:after,.frame__item--tailEnd .frame__marks:after{content:""}.frame__item--empty{pointer-events:none}.frame__mark{position:absolute;top:0;bottom:0;left:calc(var(--i) * 100% / var(--content-columns));width:0;pointer-events:none}.frame__mark:before,.frame__mark:after{content:"";position:absolute;left:calc(var(--cross-w) / -2);width:var(--cross-w);height:var(--cross-w);background-color:var(--cross-ink);-webkit-mask-image:var(--cross-img);mask-image:var(--cross-img);-webkit-mask-size:var(--cross-img-size);mask-size:var(--cross-img-size);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;z-index:2}.frame__mark:before{top:calc(var(--cross-w) / -2)}.frame__mark:after{bottom:calc(var(--cross-w) / -2)}@media (max-width: 999.98px){.frame{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--menu-mobile-h) minmax(0,auto);row-gap:var(--frame-gap)}.frame__menu{position:static;align-self:stretch;height:auto}.frame__bar{position:relative}.frame__bar{flex-wrap:wrap;align-content:center;row-gap:0;gap:0;height:auto;min-height:0}.frame__barStart,.frame__barEnd{display:none}.frame__item[data-row="0"]:before,.frame__item[data-row="0"]:after{content:none}.frame__foot{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;min-height:var(--menu-mobile-row);margin-inline:calc(var(--content-pad) * -1)}.frame__content:has(.gen){padding-bottom:0}.frame__barMid{position:static;transform:none;order:-1;flex:1 1 100%;display:flex;align-items:center;justify-content:center;min-height:var(--bar-mobile-h)}}.menu{position:relative;display:flex;flex-direction:column;height:100%;min-width:0;box-sizing:border-box;overflow:hidden}.menu:before,.menu:after{content:"";position:absolute;left:calc(100% - var(--rule-w));width:var(--rule-w);background:var(--rule-ink);pointer-events:none;z-index:var(--rule-z)}.menu:before{top:var(--rule-gap);height:calc(var(--menu-head-h) - var(--rule-w) - var(--rule-gap) * 2)}.menu:after{top:calc(var(--menu-head-h) + var(--rule-gap));bottom:var(--rule-gap)}.menu__head{position:relative;display:flex;align-items:center;gap:var(--mark-gap);flex:none;height:var(--menu-head-h);min-width:0;box-sizing:border-box}.menu__head:after{content:"";position:absolute;left:0;right:calc(var(--rule-gap) + var(--rule-w));bottom:0;height:var(--rule-w);background:var(--rule-ink);pointer-events:none;z-index:var(--rule-z)}.menu__trees{position:relative;display:grid;grid-template-columns:minmax(0,var(--menu-tree-a-w)) minmax(0,var(--menu-tree-b-w));flex:1;min-height:0;min-width:0}.menu__trees:before{content:"";position:absolute;left:calc(var(--menu-tree-a-w) - var(--rule-w));top:var(--rule-gap);bottom:var(--rule-gap);width:var(--rule-w);background:var(--rule-ink);pointer-events:none;z-index:var(--rule-z)}.menu__tree{display:flex;flex-direction:column;min-width:0;min-height:0}.menu__foot{margin-top:auto;padding-inline:var(--rule-start) var(--rule-end);padding-bottom:var(--foot-space);min-width:0}.menu__tree--a{--menu-row: var(--menu-tree-a-row);--rule-start: 0px;--rule-end: calc(var(--rule-gap) + var(--rule-w))}.menu__tree--b{--menu-row: var(--menu-tree-b-row);--rule-start: var(--rule-gap);--rule-end: calc(var(--rule-gap) + var(--rule-w))}.menu__cell{position:relative;display:grid;align-items:center;justify-items:var(--menu-cell-align);box-sizing:border-box;overflow:hidden;flex:none;width:100%;height:var(--menu-row);padding-inline:var(--rule-start) var(--rule-end);min-width:0;padding-block:0;border:0;background:none;font:inherit;color:inherit;text-align:var(--menu-cell-align);font-family:var(--type-face);font-size:var(--menu-type);letter-spacing:var(--type-track);color:var(--type-ink);cursor:pointer}.menu__cell:after{content:"";position:absolute;left:var(--rule-start);right:var(--rule-end);bottom:0;height:var(--rule-w);background:var(--rule-ink);pointer-events:none;z-index:var(--rule-z)}.menu__cell:focus-visible{outline:1px solid currentColor;outline-offset:-2px}.menu__cell[aria-current]{text-decoration:underline;text-decoration-thickness:var(--menu-mark-w);text-underline-offset:var(--menu-mark-gap)}.menu__headEnd,.menu__band{display:none}@media (max-width: 999.98px){.menu{height:auto;display:flex;flex-direction:column}.menu:before{content:none}.menu:after{top:auto;right:0;bottom:0;left:0;width:auto;height:var(--rule-w)}.menu__head{height:var(--menu-mobile-row)}.menu__head:after{right:0}.menu__headEnd{display:flex;align-items:center;gap:var(--tool-gap);margin-left:auto}.menu__trees{position:relative;display:flex;flex:none;min-height:0}.menu__trees:before{content:none}.menu__trees:after{content:"";position:absolute;right:0;bottom:0;left:0;height:var(--rule-w);background:var(--rule-ink);z-index:var(--rule-z)}.menu__tree--b,.menu__foot{display:none}.menu__tree--a{flex:1;flex-direction:row;align-items:center;justify-content:space-between;height:var(--menu-mobile-row)}.menu__cell{width:auto;height:var(--menu-mobile-row);padding-inline:0;justify-items:start}.menu__cell:after{content:none}.menu__band{display:flex;align-items:center;justify-content:space-between;height:var(--menu-mobile-row)}}a.menu__cell{color:inherit;text-decoration:none}.gen{display:flex;flex-direction:column;justify-content:center;gap:var(--gen-gap);height:100%;min-width:0;box-sizing:border-box;padding-block:var(--gen-pad-used);position:relative}.gen{--gen-gap: var(--gen-row-gap);--gen-pad-used: var(--gen-pad);--gen-leftover: calc( (var(--gen-area-h) - 2 * var(--gen-pad) - 2 * var(--gen-gap)) * var(--gen-fit) )}@property --gen-fit{syntax: "<number>"; inherits: true; initial-value: 1;}.gen{--gen-side-used: calc(var(--gen-side) * var(--gen-fit))}.gen[data-rows="4"]{--gen-gap: var(--gen-row-gap4);--gen-need: calc(var(--gen-leftover3) / (1 - var(--gen-h4-head)));--gen-leftover3: calc( var(--gen-area-h) - 2 * var(--gen-pad) - 2 * var(--gen-row-gap) );--gen-pad-used: max(var(--gen-pad-min), calc( (var(--gen-area-h) - 3 * var(--gen-gap) - var(--gen-need)) / 2 ));--gen-leftover: calc( (var(--gen-area-h) - 2 * var(--gen-pad-used) - 3 * var(--gen-gap)) * var(--gen-fit) )}.gen__row{flex:0 1 auto;min-height:0}.gen__row[data-row=tops]{height:calc(var(--gen-leftover) * var(--gen-h-tops) * var(--gen-k, 1))}.gen__row[data-row=bottom]{height:calc(var(--gen-leftover) * var(--gen-h-bottom) * var(--gen-k, 1))}.gen__row[data-row=footwear]{height:calc(var(--gen-leftover) * var(--gen-h-footwear) * var(--gen-k, 1))}.gen[data-rows="4"] .gen__row[data-row=head]{height:calc(var(--gen-leftover) * var(--gen-h4-head) * var(--gen-k, 1))}.gen[data-rows="4"] .gen__row[data-row=tops]{height:calc(var(--gen-leftover) * var(--gen-h4-tops) * var(--gen-k, 1))}.gen[data-rows="4"] .gen__row[data-row=bottom]{height:calc(var(--gen-leftover) * var(--gen-h4-bottom) * var(--gen-k, 1))}.gen[data-rows="4"] .gen__row[data-row=footwear]{height:calc(var(--gen-leftover) * var(--gen-h4-footwear) * var(--gen-k, 1))}.gen[data-shorts]{--gen-k: var(--gen-shorts-k3)}.gen[data-shorts][data-rows="4"]{--gen-k: var(--gen-shorts-k4)}.gen[data-shorts] .gen__row[data-row=bottom]{height:calc(var(--gen-leftover) * var(--gen-h-bottom) * var(--gen-shorts-h) * var(--gen-k))}.gen[data-shorts][data-rows="4"] .gen__row[data-row=bottom]{height:calc(var(--gen-leftover) * var(--gen-h4-bottom) * var(--gen-shorts-h) * var(--gen-k))}.gen__row{position:relative;min-width:0;overflow:visible;isolation:isolate}.gen__row:before{content:"";position:absolute;top:calc(var(--gen-gap) / -2);bottom:calc(var(--gen-gap) / -2);left:calc(50% - var(--gen-guide-line) / 2);width:var(--gen-guide-line);background:linear-gradient(to bottom,var(--gen-guide-ink) 0 var(--gen-guide-dash),transparent var(--gen-guide-dash)) 0 var(--guide-phase-y, 0px) / 100% calc(var(--gen-guide-dash) + var(--gen-guide-gap)) repeat-y;pointer-events:none}.gen__row:first-child:before{top:50%}.gen__row:last-child:before{bottom:50%}.gen__spread:before{content:"";position:absolute;z-index:-1;top:calc(50% - var(--gen-guide-line) / 2);height:var(--gen-guide-line);inset-inline:calc((var(--gen-guide-bite) + var(--tie-left, 0px)) * -1) calc((var(--gen-guide-bite) + var(--tie-right, 0px)) * -1);background:linear-gradient(to right,var(--gen-guide-ink) 0 var(--gen-guide-dash),transparent var(--gen-guide-dash)) var(--guide-phase-x, 0px) 0 / calc(var(--gen-guide-dash) + var(--gen-guide-gap)) 100% repeat-x;pointer-events:none}.gen__worn{position:absolute;container-type:size;inset-block:0;inset-inline:var(--gen-side-used);display:flex;align-items:center;justify-content:center;min-width:0;gap:0}.gen__spread{flex:0 var(--gen-spread-give) var(--gen-tops-spread);min-width:var(--gen-spread-min);align-self:stretch;position:relative;pointer-events:none}.gen__room{flex:none;width:var(--room);pointer-events:none}.gen__code{position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:var(--type-face);font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;color:var(--type-fade);text-transform:uppercase;white-space:nowrap;pointer-events:none}.gen__code{display:flex;flex-direction:column;align-items:flex-end;gap:var(--gen-code-gap)}.gen__garment{position:relative;flex:0 1 auto;min-width:0;height:100%;display:block;padding:0;border:0;background:none;font:inherit;color:inherit}.gen__garment--pick{cursor:pointer}.gen__lift,.gen__open{display:block;height:100%;width:100%}.gen__open>*{display:block;height:100%;width:100%;object-fit:contain}@property --gen-f{syntax: "<number>"; inherits: true; initial-value: 1;}@property --gen-g{syntax: "<number>"; inherits: true; initial-value: 1;}@keyframes gen-fade{0%{opacity:0}to{opacity:1}}@keyframes gen-lift{0%{transform:translateY(var(--fly-y, 0px))}to{transform:translateY(0)}}@keyframes gen-lift-code{0%{transform:translateY(calc(-50% + var(--fly-y, 0px)))}to{transform:translateY(-50%)}}@keyframes gen-open{0%{transform:translate(var(--fly-x, 0px))}to{transform:translate(0)}}@keyframes gen-plumb{0%{--gen-f: 0}to{--gen-f: 1}}@keyframes gen-tie{0%{--gen-g: 0}to{--gen-g: 1}}.gen[data-fly=in]{animation:gen-plumb var(--gen-anim-move) var(--gen-anim-ease) var(--gen-anim-hold) both,gen-tie var(--gen-anim-open) var(--gen-anim-ease) calc(var(--gen-anim-hold) + var(--gen-anim-move)) both}.gen[data-fly=in] .gen__lift{animation:gen-fade var(--gen-anim-fade) linear both,gen-lift var(--gen-anim-move) var(--gen-anim-ease) var(--gen-anim-hold) both}.gen[data-fly=in] .gen__code{animation:gen-fade var(--gen-anim-fade) linear both,gen-lift-code var(--gen-anim-move) var(--gen-anim-ease) var(--gen-anim-hold) both}.gen[data-fly=in] .gen__open{animation:gen-open var(--gen-anim-open) var(--gen-anim-ease) calc(var(--gen-anim-hold) + var(--gen-anim-move)) both}.gen[data-fly=out]{opacity:0;transition:opacity var(--gen-anim-out) linear}.gen[data-fly] .gen__row:before{clip-path:inset(clamp(0px,calc(var(--seg-up, 0px) - var(--gen-f) * var(--gen-up-span, 0px)),100%) 0 clamp(0px,calc(var(--seg-down, 0px) - var(--gen-f) * var(--gen-down-span, 0px)),100%) 0)}.gen[data-fly] .gen__spread:before{clip-path:inset(0 calc((1 - var(--gen-g)) * 50%) 0 calc((1 - var(--gen-g)) * 50%))}@media (max-width: 999.98px){.gen__code{display:none}}@media (prefers-reduced-motion: reduce){.gen[data-fly],.gen[data-fly] .gen__lift,.gen[data-fly] .gen__open{animation:none;transition:none}}.gen[data-switching] .gen__row{transition:margin-top var(--gen-anim-move) var(--gen-anim-ease)}.gen[data-switching] .gen__spread{transition:flex-basis var(--gen-anim-move) var(--gen-anim-ease),margin var(--gen-anim-move) var(--gen-anim-ease)}.gen__row:before,.gen__spread:before{transition:opacity var(--gen-anim-fade) linear}.gen[data-view=fit] .gen__row+.gen__row{margin-top:calc(var(--fit-pull-y, 0px) * -1)}.gen[data-view=fit] .gen__spread{flex-basis:0;min-width:0;margin-inline:calc(var(--fit-pull-x, 0px) / -2)}.gen[data-view=fit] .gen__row:before,.gen[data-view=fit] .gen__spread:before{opacity:0}.gen[data-switching] .gen__row:before,.gen[data-switching] .gen__spread:before,.gen[data-switching] .gen__accTie,.gen[data-switching] .gen__accHang{transition:opacity var(--gen-anim-move) var(--gen-anim-ease)}.gen{isolation:isolate}.gen__row[data-row=head]{z-index:4}.gen__row[data-row=footwear]{z-index:3}.gen__row[data-row=tops]{z-index:2}.gen__row[data-row=bottom],.gen__garment[data-slot=outer]{z-index:1}.gen__garment[data-slot=mid]{z-index:2}.gen__garment[data-slot=base],.gen__garment[data-slot=dress]{z-index:3}.gen[data-switching] .gen__garment{transition:translate var(--gen-anim-move) var(--gen-anim-ease),height var(--gen-anim-move) var(--gen-anim-ease)}.gen[data-view=fit] .gen__worn:has(.gen__spread) .gen__garment[data-slot=base]{translate:0 calc(var(--fit-stagger) * -50%)}.gen[data-view=fit] .gen__worn:has(.gen__spread) .gen__garment[data-slot=outer]{translate:0 calc(var(--fit-stagger) * 50%)}@media (prefers-reduced-motion: reduce){.gen__garment,.gen__row,.gen__spread,.gen__row:before,.gen__spread:before{transition:none}}.gen__garment--acc{position:absolute;z-index:5;left:var(--acc-x, 0px);top:var(--acc-y, 0px);translate:-50% -50%;height:var(--acc-h, calc(var(--gen-leftover) * var(--gen-h-tops) * var(--gen-acc-h)))}.gen__garment--slot{pointer-events:none}.gen__worn[data-three]{--wl: calc(var(--al) * 100cqh);--wm: calc(var(--am) * 100cqh);--wr: calc(var(--ar) * 100cqh);--sl: max(var(--gen-spread-min), calc((50cqw - var(--wm) / 2 - var(--wl)) / 2));--sr: max(var(--gen-spread-min), calc((50cqw - var(--wm) / 2 - var(--wr)) / 2))}.gen__edge{flex:none;width:0;pointer-events:none}.gen[data-switching] .gen__edge{transition:width var(--gen-anim-move) var(--gen-anim-ease)}.gen:not([data-view=fit]) .gen__worn[data-three]>.gen__spread--l{flex:0 0 var(--sl)}.gen:not([data-view=fit]) .gen__worn[data-three]>.gen__spread--r{flex:0 0 var(--sr)}.gen:not([data-view=fit]) .gen__worn[data-three]>.gen__edge--l{width:max(0px,calc(var(--wr) + var(--sr) - var(--wl) - var(--sl)))}.gen:not([data-view=fit]) .gen__worn[data-three]>.gen__edge--r{width:max(0px,calc(var(--wl) + var(--sl) - var(--wr) - var(--sr)))}.gen[data-view=fit] .gen__worn[data-three]>.gen__edge--l{width:var(--edge-fit-l, 0px)}.gen[data-view=fit] .gen__worn[data-three]>.gen__edge--r{width:var(--edge-fit-r, 0px)}.gen__drop{display:block;height:100%;width:100%}@keyframes gen-drop{0%{transform:translate(var(--drop-x, 0px),var(--drop-y, 0px))}to{transform:translate(0)}}.gen[data-fly=in] .gen__drop{animation:gen-drop var(--gen-anim-acc) var(--gen-anim-ease) calc(var(--gen-anim-hold) + var(--gen-anim-move) + var(--gen-anim-open)) both}.gen__accHang{position:absolute;z-index:0;left:calc(var(--hang-x, 0px) - var(--gen-guide-line) / 2);top:var(--hang-y, 0px);width:var(--gen-guide-line);height:var(--hang-h, 0px);background:linear-gradient(to bottom,var(--gen-guide-ink) 0 var(--gen-guide-dash),transparent var(--gen-guide-dash)) 0 0 / 100% calc(var(--gen-guide-dash) + var(--gen-guide-gap)) repeat-y;pointer-events:none;transition:opacity var(--gen-anim-fade) linear}.gen[data-view=fit] .gen__accHang{opacity:0}.gen[data-fly=in] .gen__accHang{animation:gen-fade var(--gen-anim-acc) linear calc(var(--gen-anim-hold) + var(--gen-anim-move) + var(--gen-anim-open)) both}.gen[data-acc-glide] .gen__garment--acc{transition:left var(--gen-anim-move) var(--gen-anim-ease),top var(--gen-anim-move) var(--gen-anim-ease)}.gen[data-rows="4"]>.gen__garment--acc{height:var(--acc-h, calc(var(--gen-leftover) * var(--gen-h4-tops) * var(--gen-acc-h)))}.gen__accTie{position:absolute;z-index:-1;top:calc(50% - var(--gen-guide-line) / 2);height:var(--gen-guide-line);left:var(--tie-x, 0px);width:var(--tie-w, 0px);background:linear-gradient(to right,var(--gen-guide-ink) 0 var(--gen-guide-dash),transparent var(--gen-guide-dash)) 0 0 / calc(var(--gen-guide-dash) + var(--gen-guide-gap)) 100% repeat-x;pointer-events:none;transition:opacity var(--gen-anim-fade) linear}.gen[data-fly] .gen__accTie{clip-path:inset(0 calc((1 - var(--gen-g)) * 50%) 0 calc((1 - var(--gen-g)) * 50%))}.gen[data-view=fit] .gen__accTie{opacity:0}.gen{--gen-dress-hb: calc(var(--gen-leftover) * var(--gen-h-bottom));--gen-dress-ht: calc(var(--gen-leftover) * var(--gen-h-tops))}.gen[data-rows="4"]{--gen-dress-hb: calc(var(--gen-leftover) * var(--gen-h4-bottom));--gen-dress-ht: calc(var(--gen-leftover) * var(--gen-h4-tops))}.gen{--gen-dress-under: calc(var(--gen-gap) + var(--gen-dress-hb))}.gen[data-view=fit]{--gen-dress-under: calc(var(--gen-dress-hb) - var(--fit-overlap-y) * min(var(--gen-dress-ht), var(--gen-dress-hb)))}.gen__garment[data-span]{height:calc(100cqh + var(--gen-dress-under));align-self:flex-start}.gen__spread:has(+.gen__garment--slot[data-void]):before{display:none}.gen__worn[data-three][data-span]{--wm: calc(var(--am) * (100cqh + var(--gen-dress-under)))}.spiral{position:relative;width:100%;height:100%;min-width:0;min-height:0}.spiral__sheet{display:block;width:100%;height:100%;overflow:visible}.spiral__bridge{fill:none;stroke:var(--type-ink);stroke-width:1;stroke-dasharray:var(--dash-on) var(--dash-off);opacity:.55}.spiral__slot{cursor:pointer;-webkit-tap-highlight-color:transparent}.spiral__slot image{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;transition:transform var(--spiral-lift-time) ease;transform-box:fill-box;transform-origin:center}.spiral__slot:hover image,.spiral__slot:focus-visible image,.spiral__slot--chosen image{transform:scale(var(--spiral-lift))}.spiral__slot:focus{outline:none}.spiral__slot:focus-visible{outline:1px solid var(--type-ink);outline-offset:3px}.spiral__slot--muted image{opacity:var(--spiral-muted);transition:opacity var(--card-lift-time) ease,transform var(--card-lift-time) ease}.spiral__slot--muted:hover image,.spiral__slot--muted:focus-visible image{opacity:1}@media (prefers-reduced-motion: reduce){.spiral__slot--muted image{transition:none}}@media (prefers-reduced-motion: reduce){.spiral__slot image,.spiral__slot:hover image,.spiral__slot:focus-visible image{transition:none;transform:none}}.spiral__year{font-family:var(--type-face);font-size:var(--spiral-year-type);letter-spacing:var(--type-track-label);fill:var(--type-ink);pointer-events:none;-webkit-user-select:none;user-select:none}.spiral__cage{display:none;fill:none;stroke:#2f6fe0;stroke-width:1;pointer-events:none;vector-effect:non-scaling-stroke}.frame--debug .spiral__cage{display:block}.study{position:relative;box-sizing:border-box;width:100%;height:100%;padding-inline:var(--study-gutter);min-width:0;--study-blur-used: calc(var(--study-blur) * var(--study-scale, 1));--study-grain-tile-used: calc(var(--study-grain-tile) * var(--study-scale, 1));min-height:0;display:grid;place-items:center}@property --p{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@keyframes study-ripple{to{--p: 100%}}.study__sphere{grid-area:1 / 1;display:block;width:min(100%,var(--study-size));height:auto;aspect-ratio:1;border-radius:50%;filter:blur(var(--study-blur-used));box-sizing:content-box;padding:calc(var(--study-blur-used) * 3);margin:calc(var(--study-blur-used) * -3);background-clip:content-box;background-origin:content-box;animation:study-ripple var(--study-cycle) linear infinite}.study__grain{grid-area:1 / 1;width:min(100%,calc(var(--study-size) * 1.06));height:auto;aspect-ratio:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='g' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' seed='7' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0.7 0.7 0 -0.62'/></filter><rect width='180' height='180' filter='url(%23g)'/></svg>");background-repeat:repeat;background-size:var(--study-grain-tile-used) var(--study-grain-tile-used);opacity:var(--study-grain);-webkit-mask-image:radial-gradient(circle closest-side at 50% 50%,#000 0 var(--study-grain-hold),transparent 100%);mask-image:radial-gradient(circle closest-side at 50% 50%,#000 0 var(--study-grain-hold),transparent 100%);pointer-events:none}@keyframes study-grain-jump{0%{background-position:0 0}20%{background-position:calc(var(--study-grain-tile-used) * -.37) calc(var(--study-grain-tile-used) * .53)}40%{background-position:calc(var(--study-grain-tile-used) * .71) calc(var(--study-grain-tile-used) * -.29)}60%{background-position:calc(var(--study-grain-tile-used) * -.13) calc(var(--study-grain-tile-used) * -.83)}80%{background-position:calc(var(--study-grain-tile-used) * .47) calc(var(--study-grain-tile-used) * .19)}}.study__grain{animation:study-grain-jump calc(5s / var(--study-grain-fps)) steps(1,end) infinite}@media (prefers-reduced-motion: reduce){.study__sphere,.study__grain{animation:none}}.ex__vizFacts{position:relative;flex:none;padding:var(--label-inset) var(--content-gap) var(--label-inset) var(--label-inset)}.ex__vizSentence{margin:0;font-family:var(--type-face);font-size:var(--viz-fact-type);font-weight:400;line-height:var(--viz-sentence-line);color:var(--type-fade)}.ex__vizLine{display:inline;position:relative;left:var(--viz-optical, 0px)}.ex__vizFig{font-weight:inherit;color:var(--type-ink)}.ex__vizKeep{white-space:normal}.ex__vizName{color:inherit;text-decoration:none;cursor:pointer}.ex__vizName:hover,.ex__vizName:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:var(--menu-mark-w);text-underline-offset:var(--menu-mark-gap)}@media (min-width: 1000px){.ex__vizFacts{padding-right:calc(100% / var(--viz-columns) + var(--label-inset))}}@page{size:letter portrait;margin:0}.print-sheet{display:none}@media print{html,body{margin:0!important;padding:0!important;height:auto!important;min-height:0!important;overflow:visible!important;background:var(--print-paper)!important}body>*:not(.print-sheet){display:none!important}.print-sheet{display:block;position:relative;width:8.5in;height:10.99in;overflow:hidden;margin:0;background:var(--print-paper);color:var(--print-ink);font-family:var(--type-face);font-size:var(--print-type);line-height:var(--item-line);break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.print-sheet__at{position:absolute;margin:0;white-space:nowrap}.print-sheet__idCode{color:var(--print-code-ink)}.print-sheet__code{display:flex;flex-direction:column;align-items:flex-end;gap:var(--print-code-gap);color:var(--print-code-ink)}.print-sheet__mark,.print-sheet__block{position:absolute}.print-sheet__garment{position:absolute;display:block;object-fit:contain}.print-sheet__guides{position:absolute;left:0;top:0;overflow:visible}.print-sheet__list{position:absolute;bottom:var(--print-margin);margin:0;padding:0;list-style:none}.print-sheet__list li{white-space:nowrap}.print-sheet__credit{line-height:1}.print-sheet__cross{position:absolute;right:calc(100% + var(--print-cross-gap));bottom:calc(100% + var(--print-cross-gap));overflow:visible}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--paper);color:var(--ink);padding-inline:var(--frame-side);padding-top:var(--frame-pad-top);box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.sheet:focus{outline:none}.sheet:focus-visible{outline:var(--rule-w) solid var(--rule-ink);outline-offset:calc(var(--rule-w) * -2)}.sheet__head{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;height:var(--sheet-head-h)}.sheet__head:after{content:"";position:absolute;right:0;bottom:0;left:0;height:var(--rule-w);background:var(--rule-ink);z-index:var(--rule-z)}.sheet__rows{display:flex;flex-direction:column}.sheet__cancel,.sheet__title,.sheet__row{font-family:var(--type-face);font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;color:var(--type-ink);white-space:nowrap}.sheet__cancel,.sheet__row{padding:0;border:0;background:none;cursor:pointer}.sheet__row{display:grid;align-items:center;justify-items:start;height:var(--menu-mobile-row);text-align:left}.sheet__row[aria-current]{text-decoration:underline;text-decoration-thickness:var(--menu-mark-w);text-underline-offset:var(--menu-mark-gap)}.sheet__cancel:focus-visible,.sheet__row:focus-visible{outline:var(--rule-w) solid var(--rule-ink);outline-offset:4px}.sheet--debug .sheet__head{background:#ff70b0}.sheet--debug .sheet__row{background:#73ff00}.sheet--debug .sheet__row:nth-child(2n){background:#73ff0099}.font-lab{position:fixed;right:12px;bottom:12px;z-index:1000;width:300px;background:#000;color:#fff;font:11px/1.5 ui-monospace,SF Mono,Menlo,monospace}.font-lab:not(.font-lab--shut){max-height:calc(100vh - 24px);overflow-y:auto}.font-lab--shut{width:auto;max-width:300px}.font-lab button,.font-lab select,.font-lab input{font:inherit;color:inherit;background:none;border:1px solid #555555;border-radius:0;padding:3px 6px;margin:0}.font-lab button{cursor:pointer}.font-lab button:hover{border-color:#fff}.font-lab__head{display:flex;justify-content:space-between;gap:12px;width:100%;padding:8px 10px!important;border:0!important;text-align:left;text-transform:uppercase}.font-lab__now{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;color:#a0a0a0}.font-lab__body{padding:0 10px 10px}.font-lab__row{display:flex;gap:4px;margin:8px 0 6px}.font-lab__row input{flex:1;min-width:0}.font-lab__tabs{display:flex;gap:4px;margin:0 0 6px}.font-lab__tabs button{flex:1}.font-lab__tabs .font-lab__reload{flex:none}.font-lab__tabs button[aria-selected=true]{background:#fff;color:#000;border-color:#fff}.font-lab__search{width:100%;box-sizing:border-box}.font-lab__list{list-style:none;margin:6px 0 0;padding:0;max-height:280px;overflow-y:auto;border-top:1px solid #333333}.font-lab__list li{display:flex;align-items:stretch;border-bottom:1px solid #222222}.font-lab__list li[aria-current=true]{background:#fff;color:#000}.font-lab .font-lab__star,.font-lab .font-lab__name{border:0}.font-lab__star{flex:none;width:26px;font-size:13px!important;color:#a0a0a0!important}.font-lab__star[aria-pressed=true]{color:#ffd84a!important}li[aria-current=true] .font-lab__star[aria-pressed=true]{color:#b8860b!important}.font-lab__name{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:baseline;gap:8px;text-align:left;padding:5px 6px 5px 0!important}.font-lab__name>span:first-child{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-lab__list li.font-lab__style{padding-left:18px}.font-lab__list li.font-lab__style .font-lab__name>span:first-child{font-size:14px}.font-lab .font-lab__open{flex:none;border:0;padding:0 8px;color:#a0a0a0;font-size:10px}li[aria-current=true] .font-lab__open{color:#505050}.font-lab__src{flex:none;font-size:10px;color:gray}.font-lab__empty{padding:10px 0;color:#a0a0a0}.font-lab__axes{margin:8px 0 0;padding:6px 0 0;border-top:1px solid #333333}.font-lab__axesHead{display:flex;justify-content:space-between;align-items:center;margin:0 0 4px;color:#a0a0a0}.font-lab__axesHead button{padding:1px 6px!important}.font-lab__axesHead button:disabled{opacity:.4;cursor:default}.font-lab__btns{display:flex;gap:4px}.font-lab__axis{display:grid;grid-template-columns:96px 1fr 38px;align-items:center;gap:6px}.font-lab__axis input[type=range]{width:100%;margin:0;padding:0;border:0;accent-color:#ffffff}.font-lab__axis output{text-align:right;color:#a0a0a0}.font-lab__status{margin:6px 0 0;color:#a0a0a0}.font-lab__status--bad{color:#ff7878}.font-lab__hint{margin:0;color:#a0a0a0}.font-lab__drop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:grid;place-items:center;background:#0009;color:#fff;font:14px ui-monospace,SF Mono,Menlo,monospace;pointer-events:none}body:has(.frame-readout) .font-lab{bottom:240px}@media print{.font-lab,.font-lab__drop{display:none}}.font-lab .font-lab__head{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.font-lab[data-dragging] .font-lab__head{cursor:grabbing}.tone-panel{position:fixed;left:0;bottom:0;z-index:200;padding:10px 14px;background:#000;color:#fff;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.6}.tone-panel button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.tone-panel__title{display:block;margin-bottom:4px}.tone-panel__row{display:grid;grid-template-columns:56px minmax(120px,300px) 14px 64px auto;align-items:center;gap:8px}.tone-panel__row input{width:100%;margin:0;accent-color:#ffa7f9}.tone-panel__swatch{width:14px;height:14px;outline:1px solid #555}.tone-panel__was{color:#888}.tone-panel__actions{display:flex;gap:16px;margin-top:6px}.tone-panel__actions button{text-decoration:underline;text-underline-offset:3px}.tone-panel__note{margin:4px 0 0;color:#888}.tone-panel__row--mirror{color:#888}.tone-panel__fine{display:flex;align-items:center;gap:6px}.tone-panel__fine input{flex:1;min-width:0}.tone-panel__fine button{padding:0 2px}input.tone-panel__hex{width:100%;font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid #555;padding:0;outline:none}input.tone-panel__hex:focus{border-bottom-color:#ffa7f9}.tone-panel .tone-panel__title{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.tone-panel[data-dragging] .tone-panel__title{cursor:grabbing}@font-face{font-family:Anonymous Pro;src:url(/fonts/AnonymousPro-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Anonymous Pro;src:url(/fonts/AnonymousPro-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Anonymous Pro;src:url(/fonts/AnonymousPro-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Anonymous Pro;src:url(/fonts/AnonymousPro-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Google Sans Code;src:url(/fonts/GoogleSansCode-Variable.woff2) format("woff2-variations");font-weight:300 800;font-style:normal;font-display:swap}@font-face{font-family:GT Pressura Mono;src:url(/fonts/GT-Pressura-Mono-Regular-TT-nohint.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@property --snap{syntax: "<number>"; inherits: true; initial-value: 1;}@property --fade-dark{syntax: "<color>"; inherits: true; initial-value: #616161;}@property --card-dark{syntax: "<color>"; inherits: true; initial-value: #191919;}@property --rule-w{syntax: "<length>"; inherits: true; initial-value: 1px;}@property --menu-mark-w{syntax: "<length>"; inherits: true; initial-value: 1px;}@property --gen-guide-line{syntax: "<length>"; inherits: true; initial-value: 1px;}@property --cross-w{syntax: "<length>"; inherits: true; initial-value: 9px;}:root{--tone-light: #fbfbfb;--tone-dark: #030303;--paper: var(--tone-light);--ink: var(--tone-dark);--fade-light: #9e9e9e;--fade-dark: rgb(from var(--fade-light) calc(255 - r) calc(255 - g) calc(255 - b) );--card-light: #e6e6e6;--card-dark: rgb(from var(--card-light) calc(255 - r) calc(255 - g) calc(255 - b) );--frame-margin: 20px;--frame-m-margin: 10px;--frame-side: var(--frame-margin);--frame-pad-top: 0px;--foot-space: var(--frame-side);--frame-gap: 20px;--space: 10px;--space-x: var(--space);--space-y: 15px;--space-line: var(--space);--figure-air: 40px;--dash-on: 5px;--dash-off: 7px;--menu-w: 300px;--menu-head-h: 60px;--menu-tree-a-w: calc(var(--menu-w) / 2 - var(--rule-gap));--menu-tree-b-w: calc(var(--menu-w) / 2 + var(--rule-gap));--menu-tree-a-row: 80px;--menu-tree-b-row: 80px;--menu-type: 11px;--menu-mark-w: calc(1px * var(--snap, 1));--menu-mark-gap: 5px;--mark-size: 30px;--mark-gap: 20px;--logo-type: 11px;--logo-mark-h: 30px;--logo-mark-gap: 12px;--bar-gap: 45px;--tool-gap: 45px;--bar-z: 5;--gen-slot-rule: var(--rule-w);--gen-row-gap: 20px;--gen-row-gap4: 10px;--gen-pad: 20px;--gen-pad-min: 0px;--gen-area-h: calc(max(var(--frame-h), var(--content-floor)) - var(--menu-head-h) - var(--foot-space));--info-air: 1;--info-cover-air: 97px;--info-cover-w: 80%;--viz-pane-h: 500px;--page-floor: 680px;--content-floor: 680px;--viz-spiral-ar: 1.5;--viz-columns: 4;--viz-fact-type: 35px;--viz-sentence-line: var(--item-line);--spiral-inset: var(--figure-air);--study-size: 400px;--study-blur: 5px;--study-ref-size: 300px;--study-gutter: 10px;--study-grain: .07;--study-grain-tile: 180px;--study-grain-hold: 76%;--study-cycle: 9s;--study-grain-fps: 6;--study-weight: .4;--spiral-garment: 150px;--spiral-muted: .5;--spiral-pitch: 1.08;--spiral-fill: 1;--spiral-lift: 1.1;--spiral-lift-time: 0s;--spiral-year-type: 9px;--spiral-label-gap: 5px;--spiral-cluster-gap: 1;--spiral-length: 57;--viz-inset: 84px;--viz-garment: 132px;--viz-crowd: .78;--item-side: clamp( var(--item-side-min), 50% - (var(--item-img-w) + 2 * var(--item-inset-x)) / 2, var(--item-side-max) );--item-air: 20px;--item-air-image: var(--figure-air);--item-air-text: var(--item-air);--item-inset-x: 20px;--item-inset-y: 20px;--item-img-w: 650px;--item-img-h: 914px;--item-side-max: 160px;--item-side-min: 150px;--item-line: 1.35;--closet-pad: var(--space);--select-gap: calc(1ch + var(--type-track));--gen-h-tops: .35;--gen-h-bottom: .46;--gen-h-footwear: .19;--gen-h-dress: calc(var(--gen-h-tops) + var(--gen-h-bottom));--gen-h4-head: .15;--gen-h4-tops: .29;--gen-h4-bottom: .42;--gen-h4-footwear: .14;--gen-h4-dress: calc(var(--gen-h4-tops) + var(--gen-h4-bottom));--gen-shorts-ratio: 1.1;--gen-shorts-h: .65;--gen-shorts-k3: calc( (var(--gen-h-tops) + var(--gen-h-bottom) + var(--gen-h-footwear)) / (var(--gen-h-tops) + var(--gen-h-bottom) * var(--gen-shorts-h) + var(--gen-h-footwear)));--gen-shorts-k4: calc( (var(--gen-h4-head) + var(--gen-h4-tops) + var(--gen-h4-bottom) + var(--gen-h4-footwear)) / (var(--gen-h4-head) + var(--gen-h4-tops) + var(--gen-h4-bottom) * var(--gen-shorts-h) + var(--gen-h4-footwear)));--gen-side: 77px;--gen-iter-w: var(--gen-side);--gen-iter-type: 11px;--gen-iter-arrow: 15px;--gen-code-gap: 5px;--gen-print-gap: 90px;--fit-overlap-y: .2;--fit-overlap-x: .4;--fit-stagger: .16;--print-margin: 25pt;--print-head: 20pt;--print-air: 100pt;--print-side: 45pt;--print-type: 6pt;--print-mark-gap: 8pt;--print-logo-type: 7.33pt;--print-paper: var(--tone-light);--print-ink: var(--tone-dark);--print-code-ink: var(--fade-light);--print-code-gap: 2pt;--print-list-col: 65pt;--print-list-gap: 10pt;--print-cross: 6pt;--print-cross-gap: 3pt;--print-tops-spread: 77pt;--print-guide-bite: 108pt;--print-scale: .46;--gen-tops-spread: 180px;--gen-spread-min: 5px;--gen-acc-h: .6;--gen-spread-give: 10000;--gen-guide-ink: var(--fade-light);--gen-guide-w: 1px;--gen-guide-line: calc(var(--gen-guide-w) * var(--snap, 1));--gen-guide-dash: var(--dash-on);--gen-guide-gap: var(--dash-off);--gen-guide-bite: 160px;--gen-anim-out: .0s;--gen-anim-fade: .0s;--gen-anim-hold: .1s;--gen-anim-move: .42s;--gen-anim-open: .34s;--gen-anim-acc: .34s;--gen-anim-ease: cubic-bezier(.32, 0, .16, 1);--menu-cell-align: start;--rule-gap: var(--space);--rule-w: calc(1px * var(--snap, 1));--rule-ink: var(--ink);--rule-z: 2;--content-columns: 4;--full-columns: 8;--content-gap: 20px;--content-pad: calc(var(--content-gap) / 2);--content-rows: 4;--content-row-gap: 0px;--item-ar: 336.5 / 381;--item-pad: calc(var(--content-gap) / 2);--label-inset: calc(var(--content-gap) / 2);--photo-band: 40px;--card-fill: var(--card-light);--card-fade: .18s;--card-lift: 1;--card-lift-time: .25s;--reg-gap: .2em;--reg-rise: .2em;--type-face: "GT Pressura Mono", "Google Sans Code", ui-monospace, "SF Mono", Menlo, monospace;--type-head: 10px;--type-foot: 11px;--type-ink: var(--ink);--type-fade: var(--fade-light);--type-track: .01em;--type-track-head: .04em;--type-track-foot: .02em;--type-track-label: 0;--type-smoothing: antialiased;--cross: 9px;--cross-ink: var(--ink);--cross-w: calc((2 * round(nearest, (var(--cross) / var(--snap, 1) - 1px) / 2, 1px) + 1px) * var(--snap, 1));--cross-img: linear-gradient(#000, #000), linear-gradient(#000, #000);--cross-img-size: var(--rule-w) 100%, 100% var(--rule-w);--frame-h: 100dvh}:root{--break-3: 1320px;--break-2: 1100px;--break-mobile: 1000px}@media (max-width: 1319.98px){:root{--content-columns: 3}}@media (max-width: 1099.98px){:root{--content-columns: 2}}@media (max-width: 999.98px){:root{--content-columns: 2;--menu-mobile-row: 45px;--item-m-frame-h: 354px;--item-m-air: var(--menu-mobile-row);--item-m-gap: var(--item-air-text);--full-columns: 4;--mark-size: 32.666px;--frame-pad-top: 10px;--frame-side: var(--frame-m-margin);--frame-gap: 0px;--sheet-head-h: var(--menu-mobile-row);--menu-mobile-h: calc(3 * var(--menu-mobile-row));--bar-mobile-h: var(--menu-mobile-row);--bar-gap: 20px;--gen-area-h: calc( var(--frame-h) - var(--frame-pad-top) - var(--menu-mobile-h) - var(--bar-mobile-h) );--gen-pad: 10px;--gen-pad-min: var(--gen-pad);--study-size: 288px;--viz-m-spiral-ar: .63;--info-m-cover-scale: .75;--viz-m-cols: 2fr 1fr;--viz-m-fact-type: 25px;--spiral-m-inset: 0px;--spiral-m-garment: 200px;--spiral-m-muted: .5;--spiral-m-pitch: 1.01;--spiral-m-fill: 1;--spiral-m-lift: 1.1;--spiral-m-lift-time: 0s;--spiral-m-year-type: 9px;--spiral-m-label-gap: 3px;--spiral-m-cluster-gap: 1;--spiral-m-length: 45px;--spiral-inset: var(--spiral-m-inset);--spiral-garment: var(--spiral-m-garment);--spiral-muted: var(--spiral-m-muted);--spiral-pitch: var(--spiral-m-pitch);--spiral-fill: var(--spiral-m-fill);--spiral-lift: var(--spiral-m-lift);--spiral-lift-time: var(--spiral-m-lift-time);--spiral-year-type: var(--spiral-m-year-type);--spiral-label-gap: var(--spiral-m-label-gap);--spiral-cluster-gap: var(--spiral-m-cluster-gap);--spiral-length: var(--spiral-m-length);--break-viz-stack: 600px;--gen-side: 0px;--gen-iter-w: 77px;--gen-guide-bite: 32px}}:root[data-theme=dark]{--paper: var(--tone-dark);--ink: var(--tone-light);--gen-guide-ink: var(--fade-dark);--type-fade: var(--fade-dark);--card-fill: var(--card-dark)}html:root{background:var(--paper);color-scheme:light}html:root[data-theme=dark]{color-scheme:dark}@media (max-width: 599.98px){:root{--viz-spiral-ar: var(--viz-m-spiral-ar)}}.frame--debug{--paper: #ffffff;--ink: #000000;--rule-ink: var(--ink);--type-ink: var(--ink);--cross-ink: var(--ink);background:var(--paper)}.frame--debug .frame__menu{background:#0dff00}.frame--debug .menu__head{background:#ff70b0}.frame--debug .menu__tree--a .menu__cell{background:#f5ff70}.frame--debug .menu__tree--b .menu__cell{background:#ffa970}.frame--debug .menu__tree--a .menu__cell:nth-child(2n){background:#f5ff70bf}.frame--debug .menu__tree--b .menu__cell:nth-child(2n){background:#ffa970bf}.frame--debug .ex__slot{background:linear-gradient(#532457,#532457) content-box,#73c2dd}.frame--debug .ex__slotKind,.frame--debug .ex__slotName,.frame--debug .ex__slotFoot{background:#ffa970}.frame--debug .frame__content{background:red}.frame--debug .frame__item[data-parity="0"]{background:#0fb}.frame--debug .frame__item[data-parity="1"]{background:#006eff}.frame--debug .frame__band{background:#ff6200}.frame--debug .frame__photo{background:#8b2929}.ex__kind,.ex__origin{font-family:var(--type-face);color:var(--type-ink);font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;white-space:nowrap}.ex__kind{flex:none;text-transform:capitalize}.ex__origin{overflow:hidden;text-overflow:ellipsis;padding-block:.25em;margin-block:-.25em}.ex__foot{display:flex;flex-direction:column;min-width:0;font-family:var(--type-face);color:var(--type-ink);font-size:var(--type-foot);line-height:var(--item-line)}.ex__brand{font-weight:400;letter-spacing:var(--type-track-foot);text-transform:uppercase}.ex__label{letter-spacing:var(--type-track-label)}.ex__brand,.ex__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex__category{flex:none;padding:0;border:0;background:none;cursor:pointer;font-family:var(--type-face);font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;color:var(--type-ink);white-space:nowrap}.ex__tool{flex:none;padding:0;border:0;background:none;font-family:var(--type-face);font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;color:var(--type-ink);white-space:nowrap;cursor:pointer}.ex__tool[disabled]{cursor:default}.ex__tool[aria-pressed=true],.ex__category[aria-pressed=true]{text-decoration:underline;text-decoration-thickness:var(--menu-mark-w);text-underline-offset:var(--menu-mark-gap)}.ex__tool:focus-visible{outline:var(--rule-w) solid var(--rule-ink);outline-offset:4px}.ex__mark{flex:none;width:var(--mark-size);height:var(--mark-size);display:block;color:var(--type-ink)}.ex__home{display:flex;align-items:center;gap:var(--mark-gap);min-width:0;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-decoration:none}.ex__home:focus:not(:focus-visible){outline:none}.ex__home--logo{gap:var(--logo-mark-gap)}.ex__home--logo .ex__wordmark{font-size:var(--logo-type)}.ex__mark--logo{width:var(--logo-mark-h);height:var(--logo-mark-h)}.ex__visuallyHidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ex__wordmark{flex:none;font-family:var(--type-face);font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;color:var(--type-ink);white-space:nowrap}.ex__about{display:flex;flex-direction:column;gap:1em;font-family:var(--type-face);font-size:var(--menu-type);letter-spacing:var(--type-track);color:var(--type-ink)}.ex__aboutLabel{line-height:1}.ex__reg{margin-left:var(--reg-gap);position:relative;top:calc(var(--reg-rise) * -1)}.ex__reg--tight{margin-right:var(--reg-gap)}.ex__aboutText{margin:0;line-height:var(--item-line)}.ex__wardrobe,.ex__filter,.ex__closet,.ex__expand{flex:none;padding:0;border:0;background:none;font-family:var(--type-face);font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;color:var(--type-ink);white-space:nowrap;cursor:pointer}.ex__closet{flex:1 1 auto;display:flex;align-items:baseline;justify-content:flex-start;gap:var(--select-gap)}.ex__closet--split{justify-content:space-between}.ex__expand:disabled{cursor:default}.ex__wardrobeName{text-decoration:underline;text-decoration-thickness:var(--menu-mark-w);text-underline-offset:var(--menu-mark-gap)}a.ex__wardrobe,a.ex__filter{text-decoration:none}.ex__wardrobe:focus-visible,.ex__filter:focus-visible,.ex__closet:focus-visible,.ex__expand:focus-visible{outline:var(--rule-w) solid var(--rule-ink);outline-offset:4px}.ex__select{flex:none;display:flex;align-items:baseline;gap:var(--select-gap);padding:0;border:0;background:none;font-family:var(--type-face);font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;color:var(--type-ink);white-space:nowrap;cursor:pointer}.ex__selectLabel,.ex__closetLabel{text-transform:none}.ex__select:focus-visible{outline:var(--rule-w) solid var(--rule-ink);outline-offset:4px}.ex__selectValue{position:relative;text-decoration:underline;text-decoration-thickness:var(--menu-mark-w);text-underline-offset:var(--menu-mark-gap)}.ex__closets{position:absolute;top:calc(var(--closet-pad) * -1);left:calc(var(--closet-pad) * -1);z-index:3;display:grid;row-gap:var(--closet-pad);width:max-content;padding:var(--closet-pad);background:transparent;cursor:default}.ex__closetRow{display:block;padding:0;border:0;background:none;font-family:var(--type-face);font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;color:var(--type-ink);white-space:nowrap;text-align:left;cursor:pointer}.ex__closetNum,.ex__closetName{cursor:pointer}.ex__closetRow[aria-current]{text-decoration:underline;text-decoration-thickness:var(--menu-mark-w);text-underline-offset:var(--menu-mark-gap)}.ex__closetRow:focus-visible{outline:var(--rule-w) solid var(--rule-ink);outline-offset:2px}.frame--debug .gen__row{background:#c000b3}.frame--debug .gen__row:after{content:"";position:absolute;z-index:-2;inset-block:0;inset-inline:var(--gen-side-used);background:#ff70f4;pointer-events:none}.ex__generate{padding:0;border:0;background:none;font-family:var(--type-face);font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;color:var(--type-ink);text-transform:uppercase;white-space:nowrap;cursor:pointer}.ex__generate:focus-visible,.ex__print:focus-visible{outline:var(--rule-w) solid var(--rule-ink);outline-offset:4px}.ex__genTools{position:relative;display:flex;align-items:center}.ex__actionCell{height:var(--menu-tree-a-row)}.ex__genTools .ex__expand,.ex__genDetails{display:none}@media (max-width: 999.98px){.ex__genTools{flex:1 1 auto;display:grid;grid-template-columns:1fr auto 1fr}.frame--details .gen{display:none}.frame--details .ex__genDetails{display:block;height:100%;box-sizing:border-box;padding-block:var(--gen-pad);overflow-y:auto}.ex__genDetails .ex__slot{padding-inline:0}.ex__genDetails .ex__slot:after{content:none}.ex__genDetails .ex__slotFoot{width:calc(var(--menu-tree-b-w) - 2 * var(--space-x) - var(--rule-w))}.ex__details[aria-pressed=true]{text-decoration:underline;text-decoration-thickness:var(--menu-mark-w);text-underline-offset:var(--menu-mark-gap)}.ex__genTools .ex__expand{display:block}.ex__genTools .ex__details{justify-self:start}.ex__genTools .ex__save{justify-self:end}}.ex__print{position:absolute;left:calc(100% + var(--gen-print-gap));padding:0;border:0;background:none;font-family:var(--type-face);font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;color:var(--type-ink);text-transform:uppercase;white-space:nowrap;cursor:pointer}.ex__item{position:relative;height:100%;min-width:0}.ex__itemFacts{position:absolute;top:0;bottom:0;left:0;width:var(--item-side);display:flex;flex-direction:column;justify-content:center;gap:var(--item-air-text)}.ex__itemNote{position:absolute;top:0;bottom:0;right:0;width:var(--item-side);display:flex;flex-direction:column;justify-content:center}.ex__itemBlock{display:flex;flex-direction:column;min-width:0}.ex__itemBrand,.ex__itemName,.ex__itemLabel,.ex__itemValue{font-family:var(--type-face);font-size:var(--menu-type);line-height:var(--item-line);color:var(--type-ink)}.ex__itemBrand{font-weight:400;letter-spacing:var(--type-track-foot);text-transform:uppercase}.ex__itemName,.ex__itemValue{letter-spacing:var(--type-track-label)}.ex__itemLabel{letter-spacing:var(--type-track-head);text-transform:uppercase;color:var(--type-fade)}.ex__itemFrame{position:absolute;top:var(--item-air-image);right:var(--item-side);bottom:var(--item-air-image);left:var(--item-side);padding:var(--item-inset-y) var(--item-inset-x);display:flex;min-width:0}.ex__itemFrame>img{display:block;width:100%;height:100%;max-width:var(--item-img-w);max-height:var(--item-img-h);margin:auto;object-fit:contain}.frame__free:has(.ex__item){container-type:inline-size}@container (width < 1010px){.ex__item{display:grid;grid-template-columns:var(--item-side-max) 1fr;grid-template-rows:1fr auto auto 1fr;column-gap:0;row-gap:var(--item-air-text)}.ex__itemFacts,.ex__itemNote{position:static;width:auto;grid-column:1;justify-content:start}.ex__itemFacts{grid-row:2}.ex__itemNote{grid-row:3}.ex__itemFrame{position:static;grid-column:2;grid-row:1 / -1;margin-block:var(--item-air-image)}.ex__itemFrame>img{margin-inline:auto 0}}.ex__vizPage{display:flex;flex-direction:column;height:100%;min-width:0}.ex__viz{position:relative;flex:0 1 var(--viz-pane-h);min-height:0;display:grid;grid-template-columns:repeat(var(--content-columns),minmax(0,1fr));column-gap:0;height:100%;min-width:0}.ex__vizMarks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ex__vizMark{position:absolute;top:0;bottom:0;left:calc(var(--i) * 100% / var(--content-columns));width:0}.ex__vizMark:before,.ex__vizMark:after{content:"";position:absolute;left:calc(var(--cross-w) / -2);width:var(--cross-w);height:var(--cross-w);background-color:var(--cross-ink);-webkit-mask-image:var(--cross-img);mask-image:var(--cross-img);-webkit-mask-size:var(--cross-img-size);mask-size:var(--cross-img-size);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;z-index:2}.ex__vizMark:before{top:calc(var(--cross-w) / -2)}.ex__vizMark:after{bottom:calc(var(--cross-w) / -2)}.ex__vizMark--foot:before{content:none}.ex__vizPane{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.ex__vizPane--timeline{grid-column:1 / -2}.ex__vizPane--study{grid-column:-2 / -1}.ex__vizLabel{padding:var(--label-inset) 0 0 var(--label-inset);position:absolute;top:0;left:0;z-index:2;margin:0;font-family:var(--type-face);font-weight:400;font-size:var(--menu-type);letter-spacing:var(--type-track-label);line-height:var(--item-line);color:var(--type-fade);text-transform:uppercase}.ex__vizPane>.ex__foot.ex__vizCaption{position:absolute;left:var(--label-inset);right:var(--label-inset);bottom:var(--label-inset);z-index:2}.ex__vizBody{flex:1 1 auto;min-width:0;min-height:0}.frame--debug .ex__vizSentence{outline:1px dashed rgba(255,0,0,.45)}.frame--debug .ex__vizPage{background:#007cb1}.frame--debug .ex__vizPane--timeline{background:#78ffd4}.frame--debug .ex__vizPane--study{background:#054941}.frame--debug .ex__vizPane--study .study{background:#ff7878;background-clip:content-box}.frame--debug .ex__vizPane--timeline .ex__vizBody{position:relative}.frame--debug .ex__vizPane--timeline .ex__vizBody:before{content:"";position:absolute;inset:var(--spiral-inset);background:#500060;pointer-events:none}.frame--debug .ex__vizPane--timeline .spiral{position:relative;z-index:1}.frame--debug .ex__kind,.frame--debug .ex__foot{position:relative}.frame--debug .ex__vizLabel:before,.frame--debug .ex__kind:before,.frame--debug .ex__foot:before{content:"";position:absolute;width:var(--label-inset);height:var(--label-inset);background:#00a0ff40;outline:1px solid rgba(0,120,255,.9);outline-offset:-1px;pointer-events:none;z-index:3}.frame--debug .ex__vizLabel:before{top:0;left:0}.frame--debug .ex__kind:before{top:calc(var(--label-inset) * -1);left:calc(var(--label-inset) * -1)}.frame--debug .ex__foot:before{bottom:calc(var(--label-inset) * -1);left:calc(var(--label-inset) * -1)}.frame--debug .ex__vizSentence{position:relative}.frame--debug .ex__vizSentence:before{content:"";position:absolute;left:calc(var(--label-inset) * -1);top:calc(var(--label-inset) * -1);width:var(--label-inset);height:var(--label-inset);background:#00a0ff40;outline:1px solid rgba(0,120,255,.9);outline-offset:-1px;pointer-events:none;z-index:3}.ex__info{position:relative;display:grid;grid-template-columns:repeat(var(--content-columns),minmax(0,1fr));grid-template-rows:1fr auto;column-gap:0;grid-auto-columns:0;height:100%;min-width:0}.ex__infoText{grid-column:1;grid-row:1;align-self:start;display:flex;flex-direction:column;gap:calc(var(--info-air) * var(--item-line) * var(--menu-type));min-width:0}.ex__infoBlock{display:flex;flex-direction:column;min-width:0}.ex__infoQ,.ex__infoA,.ex__infoCredit{margin:0;font-family:var(--type-face);font-size:var(--menu-type);line-height:var(--item-line);letter-spacing:var(--type-track-label);color:var(--type-ink)}.ex__infoQ{margin-bottom:calc(var(--item-line) * 1em)}.ex__infoCover{grid-row:2;width:calc(100% - 2 * var(--item-pad));margin-inline:auto;background:var(--paper);min-width:0;overflow:hidden}.ex__infoCover>img{display:block;width:var(--info-cover-w);height:auto;margin-block:var(--info-cover-air);margin-inline:auto}.frame--debug .ex__info{background:#c099ff}.frame--debug .ex__infoText{background:red}.frame--debug .ex__item{background:#c099ff}.frame--debug .ex__itemFrame{background:#73c2dd}.frame--debug .ex__itemFrame>img{background:#4582eb}.ex__pick{padding:0;border:0;background:none;cursor:pointer}.ex__pick>img{display:block;width:100%;height:100%;object-fit:contain}.ex__pick:focus-visible{outline:var(--rule-w) solid var(--rule-ink);outline-offset:2px}.ex__back{flex:none;padding:0;border:0;background:none;font-family:var(--type-face);font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;color:var(--type-ink);white-space:nowrap;cursor:pointer}.ex__back:focus-visible{outline:var(--rule-w) solid var(--rule-ink);outline-offset:4px}@media (max-width: 999.98px){.frame--item .frame__bar{overflow:visible}.frame--item .frame__barStart{display:block;position:relative;height:0}.frame--item .ex__back{position:absolute;z-index:1;top:0;left:0;height:var(--item-m-air)}}.ex__slot{position:relative;display:flex;flex-direction:column;gap:var(--space-line);padding:var(--space-y) calc(var(--space-x) + var(--rule-w)) var(--space-y) var(--space-x);box-sizing:border-box;flex:none;width:100%;font-family:var(--type-face);color:var(--type-ink);text-align:left}.ex__slot:after{content:"";position:absolute;left:var(--space-x);right:calc(var(--space-x) + var(--rule-w));bottom:0;height:var(--gen-slot-rule);background:var(--rule-ink);pointer-events:none;z-index:var(--rule-z)}.ex__slot:not(.ex__slot~.ex__slot){padding-top:var(--space)}.ex__slot:has(~.ex__slot):after{content:none}.ex__slotKind{font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;text-transform:capitalize}.ex__slotName{font-size:var(--menu-type);letter-spacing:var(--type-track-label);line-height:var(--item-line);margin-block:calc(var(--menu-type) * (1 - var(--item-line)) / 2)}.ex__slotFoot{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space);min-width:0}.ex__slotCode{font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;color:var(--type-fade);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex__slotLock{flex:none;padding:0;border:0;background:none;font-family:var(--type-face);font-size:var(--menu-type);letter-spacing:var(--type-track);line-height:1;color:var(--type-fade);text-transform:uppercase;white-space:nowrap;cursor:pointer}.ex__slotLock[aria-pressed=true]{color:var(--type-ink);text-decoration:underline;text-decoration-thickness:var(--menu-mark-w);text-underline-offset:var(--menu-mark-gap)}.ex__slotLock:focus-visible{outline:var(--rule-w) solid var(--rule-ink);outline-offset:2px}.frame--debug{--band-h: 14px;--band-fill: #00aaff;--band: linear-gradient( to bottom, transparent calc(50% - var(--band-h) / 2), var(--band-fill) calc(50% - var(--band-h) / 2), var(--band-fill) calc(50% + var(--band-h) / 2), transparent calc(50% + var(--band-h) / 2) );position:relative;isolation:isolate}.frame--debug:before{content:"";position:absolute;top:calc(var(--frame-pad-top) + (var(--menu-head-h) - var(--band-h)) / 2);right:0;left:0;z-index:-1;height:var(--band-h);background:var(--band-fill)}.frame--debug .menu__head,.frame--debug .frame__bar{background-image:var(--band)}@media (max-width: 999.98px){.frame--debug{--band-h: 0px}}.frame-readout{position:fixed;right:0;bottom:0;z-index:10;margin:0;padding:10px 14px;background:#000;color:#fff;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.6;white-space:pre;pointer-events:none}.frame-readout b{font-weight:700;color:#ffa7f9}.frame-readout__toggle{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;pointer-events:auto}.frame--item .frame__mark:not(:first-of-type,:last-of-type){display:none}@media (max-width: 999.98px){.frame--item .frame__free{height:auto}.frame--item .frame__mark{display:none}.ex__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none;grid-template-areas:"frame  frame" "name   color" "origin year" "note   note";column-gap:var(--content-gap);row-gap:0;height:auto}.ex__itemFacts{display:contents}.ex__itemFacts>.ex__itemBlock:nth-child(1){grid-area:name}.ex__itemFacts>.ex__itemBlock:nth-child(2){grid-area:color;text-align:right}.ex__itemFacts>.ex__itemBlock:nth-child(3){grid-area:year;text-align:right}.ex__itemFacts>.ex__itemBlock:nth-child(4){grid-area:origin}.ex__itemFacts>.ex__itemBlock:nth-child(5){display:none}.ex__itemFacts>.ex__itemBlock:nth-child(3),.ex__itemFacts>.ex__itemBlock:nth-child(4),.ex__itemNote{margin-top:var(--item-m-gap)}.ex__itemNote{position:static;grid-area:note;width:auto;display:block}.ex__itemFrame{position:static;grid-area:frame;display:block;height:auto;margin:calc(var(--item-m-air) + var(--gen-pad)) 0 var(--item-m-air);padding:0}.ex__itemFrame>img{width:100%;height:auto;max-width:none;max-height:var(--item-m-frame-h);margin:0;object-fit:contain}}@media (max-width: 999.98px){.frame--debug .ex__itemFrame,.frame--debug .ex__itemFacts>.ex__itemBlock:nth-child(4),.frame--debug .ex__itemNote{position:relative;inset:auto}.frame--debug .ex__itemFrame:before,.frame--debug .ex__itemFrame:after{content:"";position:absolute;left:0;right:0;height:var(--item-m-air);background:#73ff00}.frame--debug .ex__itemFrame:before{bottom:calc(100% + var(--gen-pad))}.frame--debug .ex__itemFrame:after{top:100%}.frame--debug .ex__itemFacts>.ex__itemBlock:nth-child(4):before,.frame--debug .ex__itemNote:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:var(--item-m-gap);background:#532457}.frame--debug .ex__itemFacts>.ex__itemBlock:nth-child(4):before{right:calc(-100% - var(--content-gap))}}@media (max-width: 999.98px){.frame--debug .frame__barMid{background:#73ff00}.frame--debug .gen,.frame--debug .ex__genDetails{background:linear-gradient(#0026ff,#0026ff) content-box,#a0f}}@media (hover: hover){:is(button,a[href],[role=button]):not(:disabled,[aria-disabled=true],.frame__item *,.gen__garment,.gen__garment *,.font-lab *,.ex__home,.ex__select,.ex__closet,button.ex__wardrobe):hover{text-decoration:underline;text-decoration-thickness:var(--menu-mark-w);text-underline-offset:var(--menu-mark-gap)}}@media (min-width: 1000px){.ex__vizMark:not(:first-child,:nth-last-child(-n+2)){display:none}}@media (min-width: 1000px){.ex__vizPage{--content-columns: var(--viz-columns)}.ex__vizPage{container-type:inline-size;min-height:calc(var(--content-floor) - var(--menu-head-h) - var(--foot-space))}.ex__viz{flex:0 1 calc((100cqw * (var(--viz-columns) - 1) / var(--viz-columns) - 2 * var(--spiral-inset)) / var(--viz-spiral-ar) + 2 * var(--spiral-inset));min-height:0;height:auto}.ex__vizPane--timeline{container-type:size}.ex__vizPane--timeline .ex__vizBody{flex:none;margin:auto;width:min(100cqw,(100cqh - 2 * var(--spiral-inset)) * var(--viz-spiral-ar) + 2 * var(--spiral-inset));height:min(100cqh,(100cqw - 2 * var(--spiral-inset)) / var(--viz-spiral-ar) + 2 * var(--spiral-inset))}.ex__vizPane--study{container-type:size}.ex__vizPane--study .study__sphere{width:min(100%,var(--study-size),100cqh - 2 * var(--study-gutter))}.ex__vizPane--study .study__grain{width:min(100%,var(--study-size) * 1.06,(100cqh - 2 * var(--study-gutter)) * 1.06)}}@media (max-width: 999.98px){.ex__viz{display:flex;flex-direction:column;flex:none;height:auto}.ex__vizMarks{display:none}.ex__vizLabel{position:static;display:flex;flex:none;align-items:center;height:var(--menu-mobile-row);padding:0;line-height:1}.ex__vizPane--timeline{container-type:inline-size}.ex__vizPane--timeline .ex__vizBody{flex:none;height:calc((100cqw - 2 * var(--spiral-inset)) / var(--viz-spiral-ar) + 2 * var(--spiral-inset))}.ex__vizPane--study .ex__vizBody{flex:none;height:calc(var(--study-size) + 2 * var(--study-gutter))}.ex__vizPane>.ex__foot.ex__vizCaption{display:none}}@media (min-width: 1000px){.frame__menu{height:max(var(--frame-h),var(--page-floor))}}@media (min-width: 600px) and (max-width: 999.98px){.ex__viz{display:grid;grid-template-columns:var(--viz-m-cols)}.ex__vizFacts{padding:0}.ex__vizFacts .ex__vizLabel--analysis{display:flex}.ex__vizPane--study .ex__vizLabel{justify-content:flex-end}.ex__vizPane--study .ex__vizBody{flex:1 1 auto;height:auto;min-height:0;container-type:size}.ex__vizPane--study .study__sphere{width:min(100%,100cqh - 2 * var(--study-gutter))}.ex__vizPane--study .study__grain{width:min(100%,(100cqh - 2 * var(--study-gutter)) * 1.06)}}.ex__vizLabel--analysis{display:none}@media (max-width: 599.98px){.ex__vizPage{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;height:auto}.ex__viz{display:contents}.ex__vizPane--timeline{grid-row:1}.ex__vizPane--study{grid-row:2;padding-top:var(--study-gutter)}.ex__vizFacts{grid-row:3}.ex__vizPane--study .ex__vizBody{height:auto;padding-block:0}.ex__vizPane--study>.ex__vizLabel{align-items:flex-start;height:var(--menu-mobile-row);padding-top:calc((var(--menu-mobile-row) - 1em) / 2);box-sizing:border-box}.ex__vizPane--study[data-picked]>.ex__vizLabel{height:calc(var(--menu-mobile-row) + var(--item-line) * 1em)}.ex__vizPane--study>.ex__foot.ex__vizCaption{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;top:var(--study-gutter);right:0;bottom:auto;left:auto;max-width:65%;height:auto;padding:calc((var(--menu-mobile-row) - var(--item-line) * 1em) / 2) 0 0;font-size:var(--menu-type);line-height:var(--item-line);text-align:right;white-space:nowrap}.ex__vizPane--study .study{padding-inline:0}.ex__vizFacts{display:flex;flex-direction:column;padding:0 0 var(--study-gutter);text-align:left}.ex__vizLabel--analysis{display:flex;justify-content:flex-start}.ex__vizSentence{margin:0;font-size:var(--viz-m-fact-type);line-height:var(--viz-sentence-line)}}@media (max-width: 599.98px){.frame--debug .ex__vizPage,.frame--debug .ex__vizPane--timeline,.frame--debug .ex__vizPane--study,.frame--debug .ex__vizPane--study .study,.frame--debug .ex__vizFacts{background:var(--paper)}.frame--debug .ex__vizPane--timeline .ex__vizBody:before{content:none}.frame--debug .ex__vizLabel{background:#73ff00}.frame--debug .ex__vizPane--study{background:linear-gradient(#6e1d6d,#6e1d6d) top / 100% var(--study-gutter) no-repeat,var(--paper)}.frame--debug .ex__vizFacts{background:linear-gradient(#6e1d6d,#6e1d6d) bottom / 100% var(--study-gutter) no-repeat,var(--paper)}}@media (min-width: 1000px){.ex__vizFacts .ex__vizLabel--analysis{display:block}.ex__vizFacts{padding-top:calc(2 * var(--label-inset) + var(--item-line) * var(--menu-type))}}.ex__infoLink{color:inherit;text-decoration:underline;text-decoration-thickness:var(--menu-mark-w);text-underline-offset:var(--menu-mark-gap)}@media (max-width: 999.98px){.ex__info{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;align-content:start;height:auto;min-height:100%}.ex__infoText{grid-column:1;grid-row:1 / span 4;gap:0}.ex__infoQ,.ex__infoCredit{display:block;height:var(--menu-mobile-row);line-height:var(--menu-mobile-row);margin:0;white-space:nowrap}.ex__infoA{width:auto}.ex__infoCredit{height:auto;padding-block:calc((var(--menu-mobile-row) - 1em) / 2);line-height:var(--item-line);white-space:normal}.ex__infoCover{grid-column:2;grid-row:auto;width:100%;margin:0}.ex__infoCover>img{width:calc(var(--info-m-cover-scale) * 100%);margin-block:var(--content-gap) 0;margin-inline:auto 0}.ex__infoCover:nth-child(2)>img{margin-block-start:calc((var(--menu-mobile-row) - 1em) / 2)}.ex__infoCover:last-child>img{margin-block-end:var(--foot-space)}}@media (min-width: 1000px){.ex__info{grid-template-rows:minmax(min-content,1fr) minmax(0,max-content)}.ex__infoCover{display:flex;flex-direction:column;justify-content:flex-end}.ex__infoCover>img{margin-block:var(--info-cover-air) 0;align-self:center;min-height:0;max-height:calc(100% - var(--info-cover-air));object-fit:contain;object-position:center bottom}}.ex__iters{position:absolute;left:0;bottom:0;z-index:3;width:var(--gen-iter-w);box-sizing:border-box;display:flex;align-items:last baseline;justify-content:space-between;font-family:var(--type-face);letter-spacing:var(--type-track);line-height:1;color:var(--type-fade)}.ex__iters[data-past]{color:var(--type-ink)}.ex__iterNum{font-size:var(--gen-iter-type);line-height:normal;letter-spacing:0;transform:translate(var(--iter-shift, 0px));font-variant-numeric:tabular-nums;text-align:center}.ex__iterStep{padding:0;border:0;background:none;font:inherit;font-size:var(--gen-iter-arrow);line-height:.8;letter-spacing:0;transform:translateY(var(--iter-lift, 0px));color:inherit;cursor:pointer}.ex__iterStep:disabled{cursor:default}@media (hover: hover){.ex__iterStep:not(:disabled):hover{text-decoration:underline;text-decoration-thickness:var(--menu-mark-w);text-underline-offset:var(--menu-mark-gap)}}.ex__iterStep:focus-visible{outline:var(--rule-w) solid var(--rule-ink);outline-offset:2px}@media print{.ex__iters{display:none}}@media (max-width: 999.98px){.ex__iters{display:none}}.frame-readout__toggle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.frame-readout[data-dragging] .frame-readout__toggle{cursor:grabbing}@media (max-width: 999.98px){.ex__origin{display:none}}
