@layer components{::view-transition-group(wall-frame){animation-duration:var(--spring-modal-duration);animation-timing-function:var(--spring-modal)}::view-transition-group(wall-photo){animation-duration:var(--spring-modal-duration);animation-timing-function:var(--spring-modal)}::view-transition-old(wall-frame){height:100%}::view-transition-new(wall-frame){height:100%}::view-transition-old(wall-photo){height:100%}::view-transition-new(wall-photo){height:100%}html[data-vt=wall-open]::view-transition-old(root){animation:none}html[data-vt=wall-close]::view-transition-new(root){animation:none}html[data-vt=wall-open]::view-transition-new(root){mix-blend-mode:normal;animation:wall-fade-in var(--dur-smooth) var(--ease-smooth) both}html[data-vt=wall-close]::view-transition-old(root){z-index:1;mix-blend-mode:normal;animation:wall-fade-out calc(var(--dur-smooth) * .8) var(--ease-smooth) both}@keyframes wall-fade-in{0%{opacity:0}}@keyframes wall-fade-out{to{opacity:0}}}
@layer components{.EcoSRa_wall{--shadow-print:0 .08em .16em color-mix(in oklch, var(--wall-cast) 26%, transparent), .2em .6em .9em -.2em color-mix(in oklch, var(--wall-cast) 20%, transparent);--shadow-print-lifted:0 .15em .3em color-mix(in oklch, var(--wall-cast) 16%, transparent), .5em 1.6em 2.2em -.4em color-mix(in oklch, var(--wall-cast) 26%, transparent), 1em 3em 4em -1.5em color-mix(in oklch, var(--wall-cast) 18%, transparent);--shadow-print-held:0 .3em .6em color-mix(in oklch, var(--wall-cast) 14%, transparent), .9em 2.6em 3.4em -.6em color-mix(in oklch, var(--wall-cast) 30%, transparent), 1.6em 4.6em 6em -2em color-mix(in oklch, var(--wall-cast) 20%, transparent);--wall-safe:clamp(1rem, 2.5svh, 1.75rem);z-index:calc(var(--z-fade) + 1);pointer-events:none;display:grid;position:relative}@media not (min-width:64rem){.EcoSRa_wall{column-gap:var(--space-xs);padding-inline:var(--space-xs);grid-template-rows:[wall-top]minmax(0,.75fr)[chat foot]minmax(0,1.25fr)[wall-bottom];grid-template-columns:[wall-start crown-start]minmax(0,.6fr)[east-start]minmax(0,1fr)[wall-end];margin-block-start:var(--space-sm)}}.EcoSRa_stamps{grid-area:1/1/-1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;display:grid;position:relative}.EcoSRa_zone{--u:min(100cqw / var(--aw), 100cqh / var(--ah));--ox:calc((100cqw - var(--aw) * var(--u)) * var(--ax));--oy:calc((100cqh - var(--ah) * var(--u)) * var(--ay));--ax:.5;--ay:.5;min-width:0;min-height:0;position:relative;container-type:size}.EcoSRa_zone[data-zone=crown]{--ax:1;--ay:1;grid-area:wall-top/crown-start/chat/east-start;margin-block-start:var(--wall-safe)}@media not (min-width:64rem){.EcoSRa_zone[data-zone=crown]{--ay:0;margin-block-start:0}}.EcoSRa_zone[data-zone=east]{margin:var(--wall-safe) var(--wall-safe) var(--wall-safe) 0;grid-area:wall-top/east-start/wall-bottom/wall-end;container-name:wall-east}@media not (min-width:64rem){.EcoSRa_zone[data-zone=east]{margin:0}}.EcoSRa_zone[data-zone=south]{--ax:0;--ay:0;grid-area:foot/crown-start/wall-bottom/east-start;margin-block-end:var(--wall-safe);container-name:wall-south}.EcoSRa_zone>*{width:calc(var(--w) * var(--k,1) * var(--u));font-size:var(--u);position:absolute;inset-block-start:calc(var(--oy) + (var(--y) + var(--dy,0) + var(--my,0)) * var(--u));inset-inline-start:calc(var(--ox) + (var(--x) + var(--dx,0) + var(--mx,0)) * var(--u))}.EcoSRa_zone[data-zone=south]>*{inset-block-start:calc((var(--y) + var(--dy,0)) * 100cqh / var(--ah) + var(--my,0) * var(--u));inset-inline-start:calc((var(--x) + var(--dx,0)) * 100cqw / var(--aw) + var(--mx,0) * var(--u))}@container wall-south not (min-height:10.5rem){.EcoSRa_zone>[data-stamp=DOH]{display:none}.EcoSRa_zone>:is([data-stamp=SFO],[data-stamp=SYD],[data-frame=sydney]){--k:1.15}.EcoSRa_zone>[data-stamp=LAX]{--dy:-3}}@container wall-east not (min-height:34rem){.EcoSRa_zone>:is([data-frame=time],[data-tag=time],[data-stamp=LHR],[data-stamp=HKG],[data-stamp=CUN]){display:none}.EcoSRa_zone>[data-stamp]{--k:1.4}.EcoSRa_zone>[data-tag=hong-kong]{--dx:3;--dy:4.5}.EcoSRa_zone>[data-tag=distance]{--dy:-2.5}}@media not (min-width:64rem){.EcoSRa_zone>:is([data-stamp=JFK],[data-stamp=DOH]){display:none}.EcoSRa_zone>[data-frame=airports]{--k:.92}.EcoSRa_zone>[data-tag=airports]{--dy:-5}}.EcoSRa_device,.EcoSRa_print{pointer-events:auto}.EcoSRa_device{border-radius:calc(var(--w) * .085em);transition:translate var(--spring-snappy-duration) var(--spring-snappy), scale var(--spring-snappy-duration) var(--spring-snappy), filter var(--dur-smooth) var(--ease-smooth);background:0 0;border:0;padding:0;display:block}.EcoSRa_device:focus-visible{outline:none}.EcoSRa_device:focus-visible:after{content:"";z-index:2;border-radius:calc(var(--w) * .085em + .375rem);box-shadow:0 0 0 .125rem var(--focus);pointer-events:none;position:absolute;inset:-.375rem}.EcoSRa_ledge{border-inline:.25em solid var(--wall-oak-lo);background:repeating-linear-gradient(90deg, color-mix(in oklch, var(--wall-oak-lo) 12%, transparent) 0 .15em, transparent .15em 1.4em), linear-gradient(to bottom, var(--wall-oak-hi) 0 28%, var(--wall-oak-lo) 28% 31%, var(--wall-oak) 31%, color-mix(in oklch, var(--wall-oak) 70%, var(--wall-oak-lo)));height:3.2em;box-shadow:inset 0 -.08em 0 color-mix(in oklch, var(--wall-cast) 20%, transparent), 0 .35em .45em color-mix(in oklch, var(--wall-cast) 26%, transparent), 0 1.4em 2em -.6em color-mix(in oklch, var(--wall-cast) 24%, transparent);border-radius:.15em .15em .3em .3em}.EcoSRa_ledge:after{content:"";background:radial-gradient(closest-side, color-mix(in oklch, var(--wall-cast) 35%, transparent), transparent);height:.6em;transition:opacity var(--dur-smooth) var(--ease-smooth);position:absolute;inset:0 12% auto}.EcoSRa_print{rotate:var(--rot,var(--tilt));transition:translate var(--spring-snappy-duration) var(--spring-snappy), scale var(--spring-snappy-duration) var(--spring-snappy), rotate var(--spring-snappy-duration) var(--spring-snappy);background:0 0;border:0;padding:0;display:block}.EcoSRa_print:focus-visible{z-index:1;outline:.125rem solid var(--focus);outline-offset:.25rem;translate:0 -.5em;scale:1.025}.EcoSRa_print:focus-visible .EcoSRa_paper{box-shadow:0 0 0 .03rem var(--wall-paper-edge), var(--shadow-print-lifted)}.EcoSRa_paper{background-color:var(--wall-paper);box-shadow:0 0 0 .03rem var(--wall-paper-edge), var(--shadow-print);transition:box-shadow var(--dur-smooth) var(--ease-smooth);padding:.9em .9em 1em;display:block;position:relative}.EcoSRa_curl{height:30%;position:absolute;inset:auto 4% .4em}.EcoSRa_curl:before,.EcoSRa_curl:after{content:"";width:46%;height:70%;box-shadow:0 .9em 1.1em color-mix(in oklch, var(--wall-cast) 30%, transparent);position:absolute;inset-block-end:0}.EcoSRa_curl:before{inset-inline-start:0;rotate:-3deg}.EcoSRa_curl:after{inset-inline-end:0;rotate:3deg}.EcoSRa_photo{background-color:var(--wall-glass);border-radius:.06em;width:100%;display:block;position:relative}.EcoSRa_image{object-fit:cover}@media (hover:hover) and (pointer:fine){.EcoSRa_print:hover{translate:0 -.5em;scale:1.025}.EcoSRa_print:hover .EcoSRa_paper{box-shadow:0 0 0 .03rem var(--wall-paper-edge), var(--shadow-print-lifted)}.EcoSRa_device:hover{translate:0 -.35em}}.EcoSRa_print[data-held=pins]:is(:hover,:focus-visible){translate:none;scale:none}.EcoSRa_pin{--pin:var(--wall-pin-red);--needle:linear-gradient(90deg, color-mix(in oklch, var(--wall-pin-hi) 55%, var(--wall-cast)), color-mix(in oklch, var(--wall-cast) 85%, var(--wall-pin-hi)));--needle-w:max(.2em, .09rem);aspect-ratio:1;width:2.5em;position:absolute;inset-block-start:-.2em;inset-inline-start:calc(var(--at) * 100%);translate:-50%}.EcoSRa_pin[data-pin=blue]{--pin:var(--wall-pin-blue)}.EcoSRa_pin[data-pin=yellow]{--pin:var(--wall-pin-yellow)}.EcoSRa_pin[data-pin=green]{--pin:var(--wall-pin-green)}.EcoSRa_pin:before{content:"";background:color-mix(in oklch, var(--wall-cast) 36%, transparent);filter:blur(.08em);transform-origin:top;border-radius:.12em;width:.24em;height:1.7em;position:absolute;inset-block-start:55%;inset-inline-start:55%;rotate:-35deg}.EcoSRa_pin:after{content:"";background:radial-gradient(circle at 33% 29%, var(--wall-pin-hi) 0 8%, color-mix(in oklch, var(--wall-pin-hi) 0%, transparent) 24%), radial-gradient(circle at 40% 36%, color-mix(in oklch, var(--pin) 72%, var(--wall-pin-hi)), var(--pin) 45%, color-mix(in oklch, var(--pin) 60%, var(--wall-cast)) 100%);box-shadow:.25em .45em .5em color-mix(in oklch, var(--wall-cast) 38%, transparent), inset -.12em -.2em .3em color-mix(in oklch, var(--wall-cast) 30%, transparent);border-radius:50%;position:absolute;inset:0}.EcoSRa_tape{width:10em;height:3em;translate:-50%;rotate:var(--angle);filter:drop-shadow(0 .1em .15em color-mix(in oklch, var(--wall-cast) 18%, transparent));position:absolute;inset-block-start:-1.3em;inset-inline-start:calc(var(--at) * 100%)}.EcoSRa_tape[data-tape=washi]{width:11.5em;height:3.2em}.EcoSRa_tape[data-peel=start]{--peel-x:0;--peel-y:1;--sweep-from:260%;--sweep-to:-100%;--curl:to right}.EcoSRa_tape[data-peel=start]>.EcoSRa_strip{transform-origin:100%}.EcoSRa_tape[data-peel=end]{--peel-x:0;--peel-y:-1;--sweep-from:-100%;--sweep-to:260%;--curl:to left}.EcoSRa_tape[data-peel=end]>.EcoSRa_strip{transform-origin:0%}.EcoSRa_tape[data-peel=top]{--peel-x:-1;--peel-y:0;--sweep-from:-100%;--sweep-to:260%;--curl:to bottom}.EcoSRa_tape[data-peel=top]>.EcoSRa_strip{transform-origin:50% 100%}.EcoSRa_strip{background:linear-gradient(to bottom, color-mix(in oklch, var(--wall-pin-hi) 30%, transparent), transparent 40%), var(--wall-tape);clip-path:polygon(2% 0,98% 4%,96% 18%,99.5% 30%,96.5% 46%,99% 62%,96% 78%,98.5% 100%,1% 96%,3.5% 84%,0 70%,3% 54%,.5% 40%,3.5% 24%,0 12%);height:100%;display:block;position:relative}.EcoSRa_strip:after{content:"";background:linear-gradient(var(--curl,to right), color-mix(in oklch, var(--wall-cast) 22%, transparent) 0 18%, transparent 18%), linear-gradient(var(--curl,to right), color-mix(in oklch, var(--wall-pin-hi) 70%, transparent), transparent 55%);opacity:0;transition:opacity var(--dur-smooth) var(--ease-smooth);position:absolute;inset:0}.EcoSRa_strip:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--wall-pin-hi) 60%, transparent), transparent);opacity:0;width:40%;position:absolute;inset-block:0;inset-inline-start:0}[data-tape=washi]>.EcoSRa_strip{background:repeating-linear-gradient(-45deg, color-mix(in oklch, var(--wall-pin-hi) 34%, transparent) 0 .35em, transparent .35em .9em), var(--wall-washi)}.EcoSRa_tag{font-size:clamp(.875rem, .25rem + .9vw, var(--text-hand));width:max(var(--w) * var(--u), var(--w) * .26em);color:var(--ink-2);overflow-wrap:normal;text-wrap:balance;rotate:var(--tilt);margin:0;line-height:1.05}.EcoSRa_tag[data-align=center]{text-align:center;translate:calc((var(--w) * var(--u) - 100%) / 2) 0}.EcoSRa_tag[data-align=end]{text-align:end;translate:calc(var(--w) * var(--u) - 100%) 0}.EcoSRa_stamp{translate:-50% -50%;rotate:var(--rot,var(--tilt));transition:rotate var(--spring-snappy-duration) var(--spring-snappy)}.EcoSRa_zone>[data-grab]{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab}.EcoSRa_zone>[data-drag]{cursor:grabbing}.EcoSRa_zone>.EcoSRa_print[data-drag]{translate:0 -.3em;scale:1.04;rotate:calc(var(--rot,var(--tilt)) * .35 + var(--sway,0deg));transition:translate var(--spring-snappy-duration) var(--spring-snappy), scale var(--spring-snappy-duration) var(--spring-snappy), rotate var(--dur-snappy) var(--ease-smooth)}.EcoSRa_zone>.EcoSRa_print[data-drag] .EcoSRa_paper{box-shadow:0 0 0 .03rem var(--wall-paper-edge), var(--shadow-print-held)}.EcoSRa_zone>.EcoSRa_print[data-drag][data-held=pins]{transition-delay:calc(var(--dur-snappy) * .6), calc(var(--dur-snappy) * .6), 0s}.EcoSRa_zone>.EcoSRa_print[data-drag][data-held=pins] .EcoSRa_paper{transition-delay:calc(var(--dur-snappy) * .6)}.EcoSRa_zone>.EcoSRa_print[data-drag][data-held=tape]{transition-delay:calc(var(--dur-smooth) * .5), calc(var(--dur-smooth) * .5), 0s}.EcoSRa_zone>.EcoSRa_print[data-drag][data-held=tape] .EcoSRa_paper{transition-delay:calc(var(--dur-smooth) * .5)}.EcoSRa_zone>[data-catch]{transition:inset-inline-start var(--spring-snappy-duration) var(--spring-snappy), inset-block-start var(--spring-snappy-duration) var(--spring-snappy), translate var(--spring-snappy-duration) var(--spring-snappy), scale var(--spring-snappy-duration) var(--spring-snappy), rotate var(--spring-snappy-duration) var(--spring-snappy)}.EcoSRa_tag[data-moved]{text-shadow:0 0 .2rem var(--bg), 0 0 .1rem var(--bg)}.EcoSRa_hole{aspect-ratio:1;background:color-mix(in oklch, var(--wall-cast) 70%, transparent);width:max(.42em,.1875rem);box-shadow:.04em .06em 0 color-mix(in oklch, var(--wall-pin-hi) 80%, transparent);opacity:0;transition:opacity var(--dur-snappy) var(--ease-smooth);border-radius:50%;position:absolute;inset-block-start:.85em;inset-inline-start:calc(var(--at) * 100%);translate:-50%}[data-hold=out]>.EcoSRa_hole{opacity:1;transition-delay:calc(var(--dur-snappy) * .3)}[data-hold=out]>.EcoSRa_pin{animation:EcoSRa_pin-out calc(var(--dur-snappy) * .75) var(--ease-smooth) both}[data-hold=out]>.EcoSRa_pin:before{animation:EcoSRa_needle-out var(--dur-smooth) var(--ease-smooth) both}[data-hold=out]>.EcoSRa_pin:after{animation:EcoSRa_dome-out calc(var(--dur-snappy) * .75) var(--ease-smooth) both}[data-hold=in]>.EcoSRa_pin{--pin-at:calc(var(--dur-snappy) * .8 + var(--i) * var(--dur-stagger) / 2);animation:EcoSRa_pin-in var(--dur-smooth) var(--ease-snappy) var(--pin-at) both}[data-hold=in]>.EcoSRa_pin:before{animation:EcoSRa_needle-in var(--dur-smooth) var(--ease-snappy) var(--pin-at) both}[data-hold=in]>.EcoSRa_pin:after{animation:EcoSRa_dome-in var(--dur-smooth) var(--ease-snappy) var(--pin-at) both}[data-hold=out]>.EcoSRa_tape{animation:EcoSRa_tape-lift var(--dur-smooth) var(--ease-smooth) both}[data-hold=out]>.EcoSRa_tape>.EcoSRa_strip{animation:EcoSRa_tape-peel var(--dur-smooth) var(--ease-smooth) both}[data-hold=out]>.EcoSRa_tape>.EcoSRa_strip:after{opacity:1}[data-hold=in]>.EcoSRa_tape{--tape-at:calc(var(--dur-snappy) * .7 + var(--i) * var(--dur-stagger) * .65);animation:EcoSRa_tape-press calc(var(--dur-smooth) * 1.4) var(--ease-smooth) var(--tape-at) both}[data-hold=in]>.EcoSRa_tape>.EcoSRa_strip{animation:EcoSRa_tape-lay calc(var(--dur-smooth) * 1.4) var(--ease-smooth) var(--tape-at) both}[data-hold=in]>.EcoSRa_tape>.EcoSRa_strip:before{animation:EcoSRa_tape-sweep calc(var(--dur-smooth) * 1.4) var(--ease-smooth) calc(var(--tape-at) + var(--dur-stagger)) both}.EcoSRa_zone>.EcoSRa_device[data-drag]{filter:drop-shadow(.6em 2.4em 2.2em color-mix(in oklch, var(--wall-cast) 24%, transparent));translate:0 -1.4em;scale:1.02}.EcoSRa_zone>.EcoSRa_device[data-hold=in]:not([data-drag]){animation:EcoSRa_ipad-seat calc(var(--dur-smooth) * 1.4) var(--ease-smooth) both}.EcoSRa_ledge[data-drag]:after{opacity:.25}.EcoSRa_stamps .EcoSRa_stamp[data-drag]{scale:1.06;rotate:calc(var(--rot,var(--tilt)) + var(--sway,0deg));opacity:1;mix-blend-mode:normal;filter:drop-shadow(.3em .9em .6em color-mix(in oklch, var(--wall-cast) 40%, transparent));transition:scale var(--spring-snappy-duration) var(--spring-snappy), rotate var(--dur-snappy) var(--ease-smooth), transform var(--dur-smooth) var(--ease-smooth), filter var(--dur-smooth) var(--ease-smooth);transform:translate(-50%,50%)skew(-4deg,-3deg)translate(50%,-50%)}.EcoSRa_stamps .EcoSRa_stamp[data-hold=in]:not([data-drag]){animation:EcoSRa_stamp-thunk var(--dur-smooth) var(--ease-snappy) both}.EcoSRa_wall[data-tidy] .EcoSRa_zone>*{transition:inset-inline-start var(--spring-smooth-duration) var(--spring-smooth), inset-block-start var(--spring-smooth-duration) var(--spring-smooth), rotate var(--spring-smooth-duration) var(--spring-smooth)}@keyframes EcoSRa_pin-out{0%{translate:-50%;scale:1}30%{translate:-50% -.4em;scale:1.35}65%{translate:calc(.6em - 50%) -4.2em;scale:1.3}to{translate:calc(.45em - 50%) -3.2em;scale:1.3}}@keyframes EcoSRa_pin-in{0%{translate:calc(.45em - 50%) -3.2em;scale:1.3}55%{translate:-50% .1em;scale:1.15 .88}78%{translate:-50%;scale:.96 1.04}to{translate:-50%;scale:1}}@keyframes EcoSRa_needle-out{0%{opacity:1;filter:blur(.08em);translate:0}25%{opacity:1;filter:blur(.12em);translate:.1em .2em}50%{opacity:0;filter:blur(.5em);background-color:color-mix(in oklch, var(--wall-cast) 36%, transparent);background-image:none;width:.24em;height:1.7em;inset-block-start:55%;inset-inline-start:55%;translate:1.4em 2.6em;rotate:-35deg}55%{opacity:0;filter:none;width:var(--needle-w);background-color:#0000;background-image:var(--needle);height:0;inset-block-start:62%;inset-inline-start:48%;translate:0;rotate:-10deg}to{opacity:1;filter:none;width:var(--needle-w);background-color:#0000;background-image:var(--needle);height:1.5em;inset-block-start:62%;inset-inline-start:48%;translate:0;rotate:-10deg}}@keyframes EcoSRa_needle-in{0%,35%{opacity:1;filter:none;width:var(--needle-w);background-color:#0000;background-image:var(--needle);height:1.5em;inset-block-start:62%;inset-inline-start:48%;translate:0;rotate:-10deg}52%{opacity:0;filter:none;width:var(--needle-w);background-color:#0000;background-image:var(--needle);height:0;inset-block-start:62%;inset-inline-start:48%;translate:0;rotate:-10deg}53%{opacity:0;filter:blur(.08em);background-color:color-mix(in oklch, var(--wall-cast) 36%, transparent);background-image:none;width:.24em;height:1.7em;inset-block-start:55%;inset-inline-start:55%;translate:0;rotate:-35deg}58%,to{opacity:1;filter:blur(.08em);background-color:color-mix(in oklch, var(--wall-cast) 36%, transparent);background-image:none;width:.24em;height:1.7em;inset-block-start:55%;inset-inline-start:55%;translate:0;rotate:-35deg}}@keyframes EcoSRa_dome-out{to{box-shadow:2.2em 4.4em 1.6em color-mix(in oklch, var(--wall-cast) 26%, transparent), inset -.12em -.2em .3em color-mix(in oklch, var(--wall-cast) 30%, transparent)}}@keyframes EcoSRa_dome-in{0%{box-shadow:2.2em 4.4em 1.6em color-mix(in oklch, var(--wall-cast) 26%, transparent), inset -.12em -.2em .3em color-mix(in oklch, var(--wall-cast) 30%, transparent)}55%,to{box-shadow:.25em .45em .5em color-mix(in oklch, var(--wall-cast) 38%, transparent), inset -.12em -.2em .3em color-mix(in oklch, var(--wall-cast) 30%, transparent)}}@keyframes EcoSRa_tape-peel{0%{transform:perspective(14em) rotate3d(var(--peel-x), var(--peel-y), 0, 0deg)}35%{transform:perspective(14em) rotate3d(var(--peel-x), var(--peel-y), 0, 14deg)}to{transform:perspective(14em) rotate3d(var(--peel-x), var(--peel-y), 0, 62deg)}}@keyframes EcoSRa_tape-lay{0%{transform:perspective(14em) rotate3d(var(--peel-x), var(--peel-y), 0, 62deg)}45%{transform:perspective(14em) rotate3d(var(--peel-x), var(--peel-y), 0, 10deg)}to{transform:perspective(14em) rotate3d(var(--peel-x), var(--peel-y), 0, 0deg)}}@keyframes EcoSRa_tape-lift{0%{filter:drop-shadow(0 .1em .15em color-mix(in oklch, var(--wall-cast) 18%, transparent))}to{filter:drop-shadow(.5em 1.1em .7em color-mix(in oklch, var(--wall-cast) 22%, transparent))}}@keyframes EcoSRa_tape-press{0%{filter:drop-shadow(.5em 1.1em .7em color-mix(in oklch, var(--wall-cast) 22%, transparent))}to{filter:drop-shadow(0 .1em .15em color-mix(in oklch, var(--wall-cast) 18%, transparent))}}@keyframes EcoSRa_tape-sweep{0%{opacity:0;translate:var(--sweep-from) 0}25%,70%{opacity:1}to{opacity:0;translate:var(--sweep-to) 0}}@keyframes EcoSRa_ipad-seat{0%{translate:0 -1.4em}55%{translate:0 .25em}78%{translate:0 -.15em}to{translate:0}}@keyframes EcoSRa_stamp-thunk{0%{opacity:1;filter:saturate(1.3)brightness(.8);scale:1.06}45%{scale:.98}to{opacity:var(--stamp-opacity);filter:none;scale:1}}:root[data-js] .EcoSRa_wall[data-state=idle] [data-drop],:root[data-js] .EcoSRa_wall[data-state=idle] [data-tag],:root[data-js] .EcoSRa_wall[data-state=idle] .EcoSRa_stamp{opacity:0}[data-mode=blueprint] .EcoSRa_paper{box-shadow:0 0 0 .0625rem var(--ink)}[data-mode=blueprint] .EcoSRa_photo{background:0 0}[data-mode=blueprint] .EcoSRa_image{filter:var(--photo-filter)}[data-mode=blueprint] .EcoSRa_curl{display:none}[data-mode=blueprint] .EcoSRa_pin:before{display:none}[data-mode=blueprint] .EcoSRa_pin:after{box-shadow:inset 0 0 0 .0625rem var(--ink);background:0 0}[data-mode=blueprint] .EcoSRa_tape{filter:none}[data-mode=blueprint] .EcoSRa_strip{outline:.0625rem dashed var(--ink-2);outline-offset:-.0625rem;clip-path:none;background:0 0}[data-mode=blueprint] .EcoSRa_zone>.EcoSRa_print:is([data-drag],[data-moved]) .EcoSRa_paper{background-color:var(--bg)}[data-mode=blueprint] .EcoSRa_zone>.EcoSRa_print[data-drag] .EcoSRa_paper{box-shadow:0 0 0 .0625rem var(--ink), .7em 1.4em 0 color-mix(in oklch, var(--ink) 22%, transparent)}[data-mode=blueprint] .EcoSRa_zone>.EcoSRa_device[data-drag]{filter:drop-shadow(.7em 1.4em 0 color-mix(in oklch, var(--ink) 22%, transparent))}[data-mode=blueprint] .EcoSRa_stamps .EcoSRa_stamp[data-drag]{filter:drop-shadow(.4em 1em 0 color-mix(in oklch, var(--ink) 22%, transparent))}[data-mode=blueprint] .EcoSRa_hole{box-shadow:inset 0 0 0 .0625rem var(--ink);background:0 0}[data-mode=blueprint] .EcoSRa_ledge{background:var(--bg);box-shadow:inset 0 0 0 .0625rem var(--ink);border-inline:0}[data-mode=blueprint] .EcoSRa_ledge:after{display:none}[data-mode=blueprint] .EcoSRa_ledge:before{content:"";background:var(--ink-2);height:.0625rem;position:absolute;inset-block-start:26%;inset-inline:0}@media (prefers-reduced-motion:reduce){.EcoSRa_print,.EcoSRa_device{transition:none}.EcoSRa_print:is(:hover,:focus-visible){translate:none;scale:none}.EcoSRa_device:hover{translate:none}.EcoSRa_zone>[data-grab]:is([data-drag],[data-hold]),.EcoSRa_zone>[data-catch],.EcoSRa_stamps .EcoSRa_stamp,.EcoSRa_wall[data-tidy] .EcoSRa_zone>*{transition:none}.EcoSRa_zone>.EcoSRa_device[data-hold]{animation:none}.EcoSRa_zone>:is(.EcoSRa_print,.EcoSRa_device)[data-drag]{translate:none;scale:none}.EcoSRa_zone>.EcoSRa_print[data-drag],.EcoSRa_stamps .EcoSRa_stamp[data-drag]{rotate:var(--rot,var(--tilt))}.EcoSRa_stamps .EcoSRa_stamp[data-drag]{transform:none}[data-hold]>:is(.EcoSRa_pin,.EcoSRa_tape),[data-hold]>:is(.EcoSRa_pin,.EcoSRa_tape):before,[data-hold]>:is(.EcoSRa_pin,.EcoSRa_tape):after,[data-hold]>.EcoSRa_tape>.EcoSRa_strip,[data-hold]>.EcoSRa_tape>.EcoSRa_strip:before,.EcoSRa_stamps .EcoSRa_stamp[data-hold]{animation:none}.EcoSRa_hole{display:none}}}
@layer components{.ngymjG_root{position:relative}section>.ngymjG_root{--heading-gap:var(--space-sm);grid-template-columns:[wall-start crown-start] minmax(var(--space-xs), 1fr) [text-start] min(var(--column), 100% - 2 * var(--space-xs)) [text-end east-start] minmax(var(--space-xs), 1fr) [wall-end];grid-template-rows:[wall-top] var(--column-pad-top) [rule] auto [title] auto [chat] auto [foot] minmax(18rem, 1fr) [wall-bottom] 3.5rem;gap:0;max-width:none;padding:0;display:grid}@media (min-width:64rem){section>.ngymjG_root{--text-x:calc(50% - var(--column) / 2);--index-end:max(var(--space-sm) + var(--index-width), var(--text-x) - var(--space-xl));--thread-w:clamp(20rem, 26.5vw, 24.5rem);--heading-gap:clamp(var(--space-sm), 12svh - var(--space-lg), var(--space-xxl) + var(--space-xs));grid-template-columns:[wall-start] var(--index-end) [crown-start] calc(var(--text-x) - var(--index-end)) [text-start] var(--thread-w) [text-end] var(--space-sm) [east-start] minmax(0, 1fr) [wall-end];grid-template-rows:[wall-top] minmax(var(--space-xl), 1fr) [rule] auto [title] auto [chat] auto [foot] minmax(var(--space-xl), 1.25fr) [wall-bottom]}}section>.ngymjG_root>hr{grid-area:rule/text-start/title/text-end}section>.ngymjG_root>h2{grid-area:title/text-start/chat/text-end;margin-block-start:var(--space-sm)}.ngymjG_thread{--bubble-max-width:min(85%, 26rem);grid-area:chat/text-start/foot/text-end;margin-block-start:var(--heading-gap)}@media (min-width:64rem){.ngymjG_thread{--bubble-max-width:100%}}.ngymjG_wall{grid-area:foot/wall-start/wall-bottom/wall-end}@media (min-width:64rem){.ngymjG_wall{grid-area:wall-top/wall-start/wall-bottom/wall-end;grid-template-columns:subgrid;grid-template-rows:subgrid}}.ngymjG_next{z-index:calc(var(--z-fade) + 2);margin-inline:auto;position:absolute;inset-block-end:0;inset-inline:0}@media not (min-height:40rem){.ngymjG_next{display:none}}}
@layer components{.LGnRbW_root{--quiet:var(--ink-2);--radius:calc(var(--radius-sm) * 1.5);position:relative}[data-mode=blueprint] .LGnRbW_root{--quiet:color-mix(in oklch, var(--ink) 90%, transparent)}.LGnRbW_breakout{width:100%}@media (min-width:77rem){.LGnRbW_breakout{width:min(64rem, 50vw + var(--column) / 2 - var(--space-xl))}}.LGnRbW_intro{color:var(--ink)}.LGnRbW_below{container-type:inline-size}.LGnRbW_grid,.LGnRbW_cards{gap:var(--space-xs);display:grid}.LGnRbW_card,.LGnRbW_callout{align-content:start;gap:var(--space-1);padding:.75rem var(--space-xs);border-radius:var(--radius);font-size:var(--text-sm);line-height:1.4;display:grid}.LGnRbW_card{border:1px solid var(--line)}.LGnRbW_cardTitle{color:var(--quiet);font-size:var(--text-sm);font-weight:var(--weight-secondary);line-height:1.4}.LGnRbW_items{display:grid}.LGnRbW_code{font-family:var(--font-mono);font-size:var(--text-sm)}.LGnRbW_callout{align-content:space-between;justify-items:start;gap:var(--space-xs);border:1px dashed var(--ink-3)}@container (min-width:30rem){.LGnRbW_cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width:48rem){.LGnRbW_grid{grid-template-columns:minmax(0,3fr) minmax(0,1.4fr)}}@container not (min-width:30rem){.LGnRbW_grid{gap:var(--space-xxs);margin-inline:calc(-1 * var(--column-pad-inline));padding-inline:var(--column-pad-inline);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--column-pad-inline);scrollbar-width:none;display:flex;overflow-x:auto}.LGnRbW_cards{gap:var(--space-xxs);display:flex}.LGnRbW_card,.LGnRbW_callout{scroll-snap-align:start;flex:none;width:72cqi}}.LGnRbW_next{margin-inline:auto;position:absolute;inset-block-end:0;inset-inline:0}}
