.project-index-motion{padding-block:clamp(3rem,7vw,6.5rem) clamp(4rem,10vw,8rem);position:relative}.project-index-motion__content{transition:opacity .18s ease, transform .3s var(--ease-standard);padding-inline:clamp(3rem,4.5vw,4.5rem)}.project-index-motion:has(.project-case-layer) .project-index-motion__content{opacity:.48;transform:scale(.992)}.project-index-motion__intro{gap:var(--space-8);grid-template-columns:minmax(8rem,.3fr) minmax(0,1fr);margin-block-end:clamp(3rem,7vw,6rem);display:grid}.project-index-motion__intro p,.project-case__identity,.project-case__story p,.project-proof__topline,.project-micro small,.project-micro__note{color:var(--color-text-muted);font-family:var(--font-accent);letter-spacing:.035em;text-transform:uppercase;font-size:.56rem;font-weight:500;line-height:1.35}.project-index-motion h2{letter-spacing:-.065em;max-inline-size:13ch;font-size:clamp(2.35rem,5.1vw,5.75rem);font-weight:500;line-height:.98}.project-index-list{border-block-start:1px solid var(--color-border);list-style:none}.project-index-row-wrap{border-block-end:1px solid var(--color-border);min-block-size:8.8rem;position:relative}.project-index-row,.project-index-row-placeholder{align-items:center;gap:var(--space-4);text-align:start;background:0 0;border:0;border-radius:0;grid-template-columns:4.5rem minmax(8rem,.65fr) minmax(14rem,1.25fr) minmax(13rem,.8fr) 2rem;min-block-size:8.8rem;inline-size:100%;padding:1.3rem 1rem 1.3rem 0;display:grid}.project-index-row{z-index:1;transition:color .25s;position:relative}.project-index-row:hover{color:var(--color-cobalt)}.project-index-row__number,.project-index-row__action,.project-index-row-placeholder span{color:var(--color-text-muted);font-family:var(--font-accent);letter-spacing:.035em;font-size:.58rem}.project-index-row strong{letter-spacing:-.035em;font-size:clamp(1.1rem,1.5vw,1.5rem);font-weight:560;line-height:1.05}.project-index-row__descriptor{max-inline-size:25ch;font-size:.92rem;line-height:1.28}.project-index-row__tags{flex-wrap:wrap;gap:.35rem;list-style:none;display:flex}.project-index-row__tags li{border:1px solid var(--color-border);padding:.25rem .42rem;font-size:.69rem;line-height:1.15}.project-index-row__action{color:var(--color-text);transition:transform .25s var(--ease-standard);justify-self:end;font-size:1.15rem}.project-index-row:hover .project-index-row__action{transform:translate(3px,-3px)}.project-index-row-placeholder{color:#0000}.project-index-row-placeholder span:nth-child(2){grid-column:2}.project-hover-preview{z-index:4;border:1px solid var(--color-border);pointer-events:none;background:#f4f1e9f7;grid-template-columns:8.3rem 15rem;align-items:end;gap:.7rem;max-inline-size:min(30rem,76vw);padding:.65rem;display:grid;position:absolute;inset-block-start:calc(100% - 1rem);inset-inline-end:clamp(2rem,12vw,12rem);box-shadow:0 12px 24px #15151314}.project-hover-preview img{object-fit:cover;block-size:5.9rem;inline-size:8.3rem}.project-hover-preview--restaurant img{object-fit:contain;background:#e6e8ee}.project-hover-preview p{font-size:.7rem;line-height:1.32}.project-index-motion__final{max-inline-size:40rem;margin-block-start:clamp(2.5rem,5vw,4.5rem);font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.35}.project-case-layer{z-index:var(--z-modal);background:#f4f1e961;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.project-case{border-radius:var(--radius-large);background:var(--color-canvas);border:1px solid #15151338;block-size:min(100vh - 4rem,52.25rem);inline-size:min(100vw - 4rem,80rem);overflow:hidden;box-shadow:0 26px 64px #15151324}.project-case--recreative{--case-accent:var(--color-butter)}.project-case--restaurant{--case-accent:var(--color-tomato)}.project-case--shag{--case-accent:var(--color-lilac)}.project-case__content{grid-template-rows:auto minmax(0,1fr);block-size:100%;display:grid}.project-case__content--viewer{display:block}.project-case__header{box-sizing:border-box;border-block-end:1px solid var(--color-border);grid-template-columns:max-content minmax(0,1fr) max-content;align-items:start;gap:.85rem;block-size:6.25rem;padding:.75rem 1.2rem;display:grid;position:relative}.project-case__identity{white-space:nowrap;grid-column:1;gap:.7rem;padding-block-start:.2rem;display:flex}.project-case__identity span:first-child{color:var(--color-text)}.project-case h2{letter-spacing:-.06em;grid-area:1/2;align-self:center;inline-size:100%;min-inline-size:0;max-inline-size:none;margin:0;font-size:clamp(1.95rem,3.1vw,2.55rem);font-weight:520;line-height:.94}.project-case__close{border:0;border-inline-start:1px solid var(--color-border);min-block-size:2rem;color:var(--color-text-muted);font-family:var(--font-accent);letter-spacing:.025em;text-transform:uppercase;background:0 0;grid-column:3;align-items:center;gap:.5rem;padding:.2rem 0 .2rem .55rem;font-size:.54rem;display:inline-flex}.project-case__close i{block-size:1.4rem;inline-size:1.4rem;font-family:var(--font-sans);border:1px solid;border-radius:50%;place-items:center;font-size:1rem;font-style:normal;line-height:1;display:grid}.project-case__body{overscroll-behavior:contain;grid-template-rows:auto auto;grid-template-columns:minmax(19rem,32%) minmax(0,68%);align-content:start;min-block-size:0;display:grid;overflow:hidden auto}.project-case__body[hidden]{display:none}.project-case__primary-media{grid-area:1/2;min-block-size:38rem}.project-case__primary-media:has(.project-proof__stage--fragment){min-block-size:0}.project-case__story{border-inline-end:1px solid var(--color-border);grid-area:1/1/span 2;align-content:start;gap:1.35rem;min-block-size:100%;padding:1.25rem 1.35rem 1.8rem;display:grid}.project-case__story section{gap:.38rem;display:grid}.project-case__concept{border-block-start:1px solid var(--color-border);grid-area:2/2;min-block-size:18rem}.project-case__concept .project-micro{block-size:18rem}.project-proof-viewer{background:#ffffff21;grid-template-rows:3.25rem minmax(0,1fr);block-size:100%;display:grid}.project-proof-viewer__header{border-block-end:1px solid var(--color-border);grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:.55rem;min-block-size:3.25rem;padding:.25rem .55rem;display:grid}.project-proof-viewer__header p{color:var(--color-text-muted);font-family:var(--font-accent);letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:0;font-size:.63rem;font-weight:500;line-height:1.2;overflow:hidden}.project-proof-viewer__back,.project-proof-viewer__actions button{border:1px solid var(--color-border);min-block-size:2.65rem;min-inline-size:2.65rem;color:var(--color-text);font-family:var(--font-accent);letter-spacing:.015em;background:0 0;place-items:center;padding:.35rem .45rem;font-size:.62rem;display:grid}.project-proof-viewer__back{grid-auto-flow:column;gap:.28rem}.project-proof-viewer__actions{gap:.25rem;display:flex}.project-proof-viewer__actions button{min-block-size:2.25rem;min-inline-size:2.25rem;padding:.2rem}.project-proof-viewer__actions button:last-child{border-color:var(--color-text);font-family:var(--font-sans);font-size:1.2rem}.project-proof-viewer__canvas{background:color-mix(in srgb, var(--case-accent) 8%, var(--color-canvas));overscroll-behavior:contain;place-items:start center;min-block-size:0;padding:1rem;display:grid;overflow:auto}.project-proof-viewer__canvas img{background:var(--color-canvas);border:1px solid #1515133d;block-size:auto;max-block-size:100%;max-inline-size:100%;display:block;box-shadow:0 8px 20px #15151314}.project-proof-viewer__canvas--tall{justify-items:center}.project-proof-viewer.is-actual-size .project-proof-viewer__canvas{justify-items:start}.project-proof-viewer.is-actual-size .project-proof-viewer__canvas img{max-block-size:none;max-inline-size:none}.project-micro{border-block-end:1px solid var(--color-border);background:color-mix(in srgb, var(--case-accent) 22%, var(--color-canvas));min-block-size:0;position:relative;overflow:hidden}.project-micro__status,.project-micro__note{margin:0;position:absolute;inset-block-end:.8rem;inset-inline-start:1rem}.project-micro__status{align-items:center;gap:.4rem;font-size:.62rem;display:flex}.project-micro__status i,.ocr-statuses i{background:var(--color-mint);border-radius:50%;block-size:.48rem;inline-size:.48rem}.knowledge-documents{block-size:6.8rem;inline-size:5.2rem;position:absolute;inset:1.35rem auto auto 9%}.knowledge-documents i{border:1px solid var(--color-text);background:var(--color-canvas);animation:docs-to-index .65s .15s var(--ease-standard) both;position:absolute;inset:0;transform:rotate(-8deg)}.knowledge-documents i:nth-child(2){animation-delay:.24s;transform:translate(11px,6px)rotate(5deg)}.knowledge-documents i:nth-child(3){animation-delay:.33s;transform:translate(20px,-5px)rotate(12deg)}.knowledge-index{border:1px solid var(--color-text);background:var(--color-butter);inline-size:10rem;animation:enter-stage .5s .48s var(--ease-standard) both;gap:.35rem;padding:.65rem;display:grid;position:absolute;inset:1.35rem auto auto 35%}.knowledge-index span,.knowledge-proposal small{font-family:var(--font-accent);letter-spacing:.025em;font-size:.46rem}.knowledge-index b,.knowledge-proposal b{font-size:.75rem;font-weight:570}.knowledge-index i,.ocr-next i{background:var(--color-text);border-radius:50%;block-size:.48rem;inline-size:.48rem}.knowledge-query{border:1px solid var(--color-text);background:var(--color-canvas);animation:enter-stage .45s .72s var(--ease-standard) both;padding:.35rem .55rem;font-size:.62rem;position:absolute;inset:7.2rem auto auto 30%}.knowledge-query b{color:var(--color-cobalt)}.knowledge-sources{animation:enter-stage .45s .9s var(--ease-standard) both;gap:.22rem;display:flex;position:absolute;inset:4.6rem auto auto 54%}.knowledge-sources span{border:1px solid var(--color-text);background:var(--color-canvas);block-size:2.2rem;inline-size:2.2rem;font-family:var(--font-accent);place-items:center;font-size:.55rem;display:grid}.knowledge-proposal{border:1px solid var(--color-text);background:var(--color-canvas);inline-size:8.3rem;animation:enter-stage .55s 1.08s var(--ease-standard) both;gap:.35rem;padding:.65rem;display:grid;position:absolute;inset:1.7rem 8% auto auto}.knowledge-proposal i{background:var(--color-border);block-size:1px}.analytics-chart{border-inline-start:1px solid var(--color-text-muted);border-block-end:1px solid var(--color-text-muted);block-size:45%;inline-size:42%;position:absolute;inset:1.4rem auto auto 7%}.analytics-chart svg{block-size:100%;inline-size:100%;overflow:visible}.analytics-chart path{fill:none;stroke:var(--color-cobalt);stroke-width:3px;stroke-dasharray:500;stroke-dashoffset:500px;animation:.75s ease-out .16s forwards draw-chart}.analytics-chart path+path{stroke:var(--color-tomato);animation-delay:.4s}.analytics-outlier,.analytics-hypothesis{border:1px solid var(--color-text);background:var(--color-canvas);animation:enter-stage .45s .72s var(--ease-standard) both;gap:.22rem;padding:.55rem .65rem;display:grid;position:absolute}.analytics-outlier{inset:2.2rem 8% auto auto}.analytics-hypothesis{background:var(--color-butter);max-inline-size:12.5rem;animation-delay:.95s;inset:7.3rem 12% auto auto}.analytics-outlier b,.analytics-hypothesis b{font-size:.74rem;font-weight:600}.analytics-hypothesis span{font-size:.61rem;line-height:1.2}.analytics-pilot{animation:enter-stage .45s 1.18s var(--ease-standard) both;align-items:center;gap:.55rem;display:flex;position:absolute;inset:auto 10% 1.2rem auto}.analytics-pilot span{border:1px solid var(--color-text);background:var(--color-tomato);font-family:var(--font-accent);padding:.35rem .5rem;font-size:.5rem}.analytics-pilot i{border-block-start:1px solid var(--color-text);inline-size:2.4rem}.project-micro__note{color:var(--color-text-muted)}.ocr-paper{border:1px solid var(--color-text);background:var(--color-canvas);block-size:6.2rem;inline-size:9rem;animation:enter-stage .45s .1s var(--ease-standard) both;place-items:center;font-family:cursive;font-size:1.25rem;display:grid;position:absolute;inset:1.2rem auto auto 10%;transform:rotate(-4deg)}.ocr-paper i{border-block-start:1px solid var(--color-tomato);inline-size:55%;position:absolute;inset-block-end:.7rem}.ocr-scan{animation:enter-stage .45s .45s var(--ease-standard) both;gap:.35rem;display:grid;position:absolute;inset:2.1rem auto auto 40%}.ocr-scan i{border-block-start:1px solid var(--color-cobalt);inline-size:6rem;animation:.75s ease-in-out .5s both scan-line}.ocr-structured{border:1px solid var(--color-text);background:var(--color-lilac);animation:enter-stage .45s .75s var(--ease-standard) both;gap:.3rem;padding:.65rem .75rem;display:grid;position:absolute;inset:1.6rem 8% auto auto}.ocr-structured b{letter-spacing:.01em;white-space:nowrap;font-size:.78rem}.ocr-statuses{animation:enter-stage .45s 1s var(--ease-standard) both;gap:.35rem;display:grid;position:absolute;inset:8rem auto auto 30%}.ocr-statuses span{align-items:center;gap:.35rem;font-size:.64rem;display:flex}.ocr-next{border:1px solid var(--color-text);background:var(--color-canvas);min-inline-size:10rem;animation:enter-stage .45s 1.22s var(--ease-standard) both;gap:.25rem;padding:.55rem .65rem;display:grid;position:absolute;inset:auto 7% .9rem auto}.ocr-next b{font-size:.7rem}.project-proof{background:#ffffff21;grid-template-rows:minmax(35rem,1fr) auto;block-size:38rem;min-block-size:0;display:grid}.project-proof__stage{border-block-end:1px solid var(--color-border);background:color-mix(in srgb, var(--case-accent) 6%, var(--color-canvas));min-block-size:35rem;display:grid;overflow:hidden}.project-proof__stage--fragment{min-block-size:0;padding-block:1rem}.project-proof__media-button{block-size:100%;inline-size:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;border-radius:0;place-items:center;margin:0;padding:1rem;display:grid}.project-proof__media-button:focus-visible{z-index:1;outline:2px solid var(--color-cobalt);outline-offset:-3px;position:relative}.project-proof__media-button img{background:var(--color-canvas);border:1px solid #1515133d;block-size:auto;max-block-size:100%;inline-size:auto;max-inline-size:100%;display:block;box-shadow:0 8px 18px #1515130f}.project-proof__media-button--fragment{block-size:auto;min-block-size:0;padding-block:0}.project-proof__media-button--fragment img{max-block-size:none;inline-size:min(100%,50rem)}.project-proof__bar{border-block-end:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) max-content max-content;align-items:center;gap:.65rem;min-block-size:3rem;padding:.35rem .7rem;display:grid}.project-proof__bar p{white-space:nowrap;gap:.45rem;min-inline-size:0;margin:0;font-size:.72rem;line-height:1.2;display:flex;overflow:hidden}.project-proof__bar p small{color:var(--color-text-muted);font-family:var(--font-accent);letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;font-size:.54rem;font-weight:500;overflow:hidden}.project-proof__bar p span{text-overflow:ellipsis;overflow:hidden}.project-proof__counter{color:var(--color-text-muted);font-family:var(--font-accent);letter-spacing:.04em;white-space:nowrap;font-size:.56rem}.project-proof__controls{gap:.25rem;display:flex}.project-proof__controls button{border:1px solid var(--color-border);min-block-size:2rem;min-inline-size:2rem;color:var(--color-text);font-family:var(--font-sans);background:0 0;place-items:center;padding:.2rem;font-size:.85rem;display:grid}@keyframes enter-stage{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes docs-to-index{to{opacity:.72;transform:translate(3.6rem,.2rem)rotate(0)scale(.62)}}@keyframes draw-chart{to{stroke-dashoffset:0}}@keyframes scan-line{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (width<=760px){.project-index-motion{padding-block-start:3.5rem}.project-index-motion__content{padding-inline:var(--page-gutter)}.project-index-motion__intro{gap:var(--space-4);grid-template-columns:1fr;margin-block-end:3rem}.project-index-motion h2{max-inline-size:11ch;font-size:clamp(2.25rem,12vw,3.55rem)}.project-index-row-wrap{min-block-size:auto}.project-index-row,.project-index-row-placeholder{grid-template-columns:2.25rem minmax(0,1fr) 1.5rem;align-items:start;gap:.65rem;min-block-size:0;padding:1.05rem 0}.project-index-row strong{grid-column:2;font-size:1.18rem}.project-index-row__descriptor{grid-column:2/4;max-inline-size:28ch;margin-block-start:.1rem;font-size:.81rem}.project-index-row__tags{grid-column:2/4;margin-block-start:.1rem}.project-index-row__tags li{font-size:.62rem}.project-index-row__action{grid-area:1/3/2}.project-index-row-placeholder span:nth-child(2){grid-column:2}.project-hover-preview{display:none}.project-index-motion__final{margin-block-start:2.5rem;font-size:1rem}.project-case-layer{background:#f4f1e947;align-items:end;padding:0}.project-case{border-block-end:0;border-inline:1px solid #15151338;border-block-start:.45rem solid var(--case-accent);border-radius:1.35rem 1.35rem 0 0;block-size:100svh;inline-size:100%;box-shadow:0 -10px 40px #1515131c}.project-case.is-viewer{block-size:100svh;box-shadow:none;border:0;border-radius:0}.project-case__header{grid-template-columns:minmax(0,1fr) max-content;gap:.5rem;block-size:auto;padding:.7rem 1rem .65rem}.project-case__identity{grid-column:1;padding-block-start:.2rem}.project-case h2{grid-area:2/1/auto/-1;max-inline-size:15ch;font-size:clamp(1.8rem,8.7vw,2.25rem)}.project-case__close span{display:none}.project-case__close{grid-column:2;min-block-size:2.4rem;padding-inline-start:.45rem}.project-case__content{flex-direction:column;display:flex}.project-case__header{flex:none}.project-case__body{overscroll-behavior:contain;flex-direction:column;flex:auto;min-block-size:0;display:flex;overflow:hidden auto}.project-case__primary-media{order:1;min-block-size:auto}.project-case__story{border-inline-end:0;order:2;min-block-size:auto;padding:1.2rem 1rem;display:grid}.project-case__story section+section{margin-block-start:1rem}.project-case__story div{font-size:.82rem;line-height:1.37}.project-case__result{padding-block-start:.8rem}.project-case__concept{order:3;min-block-size:15.5rem}.project-case__concept .project-micro{block-size:15.5rem;min-block-size:15.5rem}.project-proof{grid-template-rows:31.25rem auto;block-size:auto}.project-proof__stage{min-block-size:31.25rem}.project-proof__stage--fragment{min-block-size:0}.project-proof__media-button{padding:.65rem}.project-proof__media-button--tall img{max-inline-size:min(100%,14.5rem)}.project-proof__bar{gap:.4rem;min-block-size:3.2rem;padding:.35rem .55rem}.project-proof__bar p{font-size:.68rem}.project-proof__bar p small{display:none}.project-proof__controls{gap:.18rem}.project-proof__controls button{min-block-size:2.75rem;min-inline-size:2.75rem}.project-proof-viewer{grid-template-rows:3.5rem minmax(0,1fr);block-size:100svh}.project-proof-viewer__header{grid-template-columns:max-content minmax(0,1fr) max-content;min-block-size:3.5rem;padding:.25rem .35rem}.project-proof-viewer__back{min-block-size:2.75rem;min-inline-size:2.75rem}.project-proof-viewer__back span:last-child{display:none}.project-proof-viewer__actions{gap:.1rem}.project-proof-viewer__actions button{min-block-size:2.75rem;min-inline-size:2.75rem}.project-proof-viewer__canvas{padding:0}.project-proof-viewer__canvas--tall img{inline-size:min(100%,24.375rem)}.knowledge-documents{transform-origin:0 0;inset-inline-start:6%;transform:scale(.82)}.knowledge-index{transform-origin:0 0;inset-inline-start:31%;transform:scale(.82)}.knowledge-query{inset-inline-start:25%}.knowledge-sources{inset-inline-start:47%}.knowledge-proposal{transform-origin:100% 0;inset-inline-end:4%;transform:scale(.84)}.analytics-chart{inline-size:48%;inset-inline-start:5%}.analytics-outlier{inset-inline-end:4%}.analytics-hypothesis{inset-inline-end:7%}.ocr-paper{transform-origin:0 0;inset-inline-start:4%;transform:scale(.86)rotate(-4deg)}.ocr-scan{inset-inline-start:35%}.ocr-structured{inset-inline-end:5%}.ocr-statuses{inset-inline-start:22%}.ocr-next{inset-inline-end:5%}}@media (prefers-reduced-motion:reduce){.project-index-motion__content,.project-case-layer{transition-duration:1ms}}.project-index-row{grid-template-columns:4.5rem minmax(10rem,.8fr) minmax(14rem,1.15fr) minmax(10rem,.75fr) 9rem 2rem}.project-index-row:focus-visible{outline:2px solid var(--color-cobalt);outline-offset:-2px}.project-index-row__tags{grid-column:4}.project-index-motif{grid-area:1/5}.project-index-row__action{grid-column:6}.project-case__body{display:block}.project-case-hero{flex:none}.project-case__story{border-block-end:1px solid var(--color-border);border-inline-end:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;min-block-size:0;padding:1.6rem;display:grid}.project-case__story section{align-content:start}.project-case__story div{font-size:clamp(.85rem,1.1vw,1rem);line-height:1.45}.project-case__result{border-block-start:0;padding-block-start:0}.project-case__primary-media{min-block-size:0}.project-proof{block-size:auto;min-block-size:0;display:block}.project-proof__stage{text-align:center;min-block-size:0;padding:1.25rem;display:block;overflow:visible}.project-proof__media-button,.project-proof__media-button--fragment{block-size:auto;min-block-size:0;inline-size:auto;max-inline-size:100%;padding:0;display:inline-block}.project-proof__media-button img,.project-proof__media-button--fragment img{block-size:auto;max-block-size:none;inline-size:auto;max-inline-size:100%;display:block}.project-proof__media-button--tall img{max-inline-size:min(100%,24.375rem)}.project-proof__bar{min-block-size:3.25rem}.project-proof__controls button{min-block-size:2.75rem;min-inline-size:2.75rem}.project-proof-viewer__canvas img{object-fit:contain;max-block-size:100%;max-inline-size:100%}.project-proof-viewer__canvas--tall img{max-block-size:100%;inline-size:auto}@media (width<=1050px) and (width>=761px){.project-index-row{grid-template-columns:3rem minmax(9rem,1fr) minmax(11rem,1.2fr) 7rem 1.5rem}.project-index-row__tags{display:none}.project-index-motif{grid-column:4;transform:scale(.78)}.project-index-row__action{grid-column:5}}@media (width<=760px){.project-index-row{grid-template-columns:2.25rem minmax(0,1fr) 5.7rem;gap:.4rem .55rem;padding:1rem 0}.project-index-row strong{overflow-wrap:anywhere;grid-area:1/2;align-self:center;font-size:clamp(1.02rem,5vw,1.2rem)}.project-index-row__descriptor{grid-area:2/2;max-inline-size:26ch}.project-index-row__tags{grid-area:3/2}.project-index-motif{grid-area:1/3/4;align-self:center}.project-index-row__action{position:absolute;inset:.5rem .1rem auto auto}.project-case__story{grid-template-columns:1fr;gap:1.2rem;padding:1.15rem 1rem;display:grid}.project-case__story section+section{margin-block-start:0}.project-case__story div{font-size:.87rem;line-height:1.43}.project-case__result{border-block-start:1px solid var(--color-border);padding-block-start:.8rem}.project-proof__stage{padding:.65rem}.project-proof__bar{grid-template-columns:minmax(0,1fr) max-content;gap:.4rem}.project-proof__controls{grid-column:1/-1;justify-content:flex-end}.project-proof__controls button{min-block-size:2.75rem;min-inline-size:2.75rem}}.project-case__identity,.project-case__story p{color:var(--color-text)}.project-index-motif{pointer-events:none;flex:none;justify-self:center;block-size:5.5rem;inline-size:8.5rem;display:block;position:relative}.project-index-motif i{box-sizing:border-box;display:block;position:absolute}.project-index-motif--recreative .motif-doc{border:1px solid var(--color-text);background:var(--color-canvas);block-size:3.7rem;inline-size:2.75rem;box-shadow:0 3px #15151314}.project-index-motif--recreative .motif-doc:after{content:"";border-block-start:3px solid var(--color-border);inline-size:65%;box-shadow:0 .45rem var(--color-border), 0 .9rem var(--color-border);margin:1.1rem auto 0;display:block}.motif-doc--one{inset:.7rem auto auto .5rem;transform:rotate(-8deg)}.motif-doc--two{inset:.3rem auto auto 1.6rem;transform:rotate(5deg)}.motif-doc--three{inset:.8rem auto auto 2.65rem;transform:rotate(11deg)}.project-index-motif--recreative .motif-fragment{background:var(--color-butter);border:1px solid var(--color-text);opacity:0;block-size:.38rem;inline-size:2.1rem;inset:2.25rem auto auto 2rem}.project-index-motif--recreative .motif-answer{border:1px solid var(--color-text);background:var(--color-butter);opacity:0;block-size:3.1rem;inline-size:3rem;inset:1.1rem .25rem auto auto}.project-index-motif--recreative .motif-answer:after{content:"";border-block-start:3px solid var(--color-text);box-shadow:0 .55rem var(--color-text), 0 1.1rem var(--color-text);position:absolute;inset:.8rem .35rem auto}.project-index-motif--restaurant .motif-report{border:1px solid var(--color-text);background:var(--color-canvas);opacity:0;block-size:3.6rem;inline-size:2.1rem;padding:.5rem .3rem;inset-block-start:.55rem;transform:translateY(-.45rem)}.project-index-motif--restaurant .motif-report:after{content:"";border-block-start:3px solid var(--color-border);box-shadow:0 .65rem var(--color-border), 0 1.3rem var(--color-border), 0 1.95rem var(--color-border);display:block}.motif-report--one{inset-inline-start:.3rem}.motif-report--two{inset-inline-start:2.55rem}.motif-report--three{inset-inline-start:4.8rem}.project-index-motif--restaurant .motif-difference{border-block-start:4px solid var(--color-tomato);opacity:0;inline-size:2rem;inset:2.25rem auto auto 4.9rem}.project-index-motif--restaurant .motif-hypothesis{border-inline-start:2px solid var(--color-tomato);border-block:1px solid var(--color-text);background:var(--color-butter);opacity:0;block-size:.58rem;inline-size:3rem;inset:4.55rem .05rem auto auto}.project-index-motif--shag .motif-paper{border:1px solid var(--color-text);background:var(--color-canvas);place-items:center;block-size:3.65rem;inline-size:4.3rem;font-family:cursive;font-size:1.15rem;font-style:normal;display:grid;inset:.55rem auto auto .55rem;transform:rotate(-5deg)}.project-index-motif--shag .motif-frame{border:1px solid var(--color-cobalt);opacity:0;block-size:1.3rem;inline-size:2.3rem;inset:1.65rem auto auto 1.45rem}.project-index-motif--shag .motif-result{border:1px solid var(--color-text);background:var(--color-lilac);opacity:0;place-items:center;block-size:3rem;inline-size:3rem;font-size:.8rem;font-style:normal;display:grid;inset:1.05rem .2rem auto auto}.project-index-motion.is-introduced .project-index-row-wrap:first-child .motif-fragment{animation:.5s ease-out .28s both motif-transfer}.project-index-motion.is-introduced .project-index-row-wrap:first-child .motif-answer{animation:.45s ease-out .52s both motif-reveal}.project-index-motion.is-introduced .project-index-row-wrap:nth-child(2) .motif-report{animation:.42s ease-out both motif-report}.project-index-motion.is-introduced .project-index-row-wrap:nth-child(2) .motif-report--one{animation-delay:.78s}.project-index-motion.is-introduced .project-index-row-wrap:nth-child(2) .motif-report--two{animation-delay:.88s}.project-index-motion.is-introduced .project-index-row-wrap:nth-child(2) .motif-report--three{animation-delay:.98s}.project-index-motion.is-introduced .project-index-row-wrap:nth-child(2) .motif-difference{animation:.32s ease-out 1.16s both motif-reveal}.project-index-motion.is-introduced .project-index-row-wrap:nth-child(2) .motif-hypothesis{animation:.32s ease-out 1.32s both motif-reveal}.project-index-motion.is-introduced .project-index-row-wrap:nth-child(3) .motif-frame{animation:.35s ease-out 1.63s both motif-reveal}.project-index-motion.is-introduced .project-index-row-wrap:nth-child(3) .motif-result{animation:.4s ease-out 1.93s both motif-reveal}@keyframes motif-transfer{0%{opacity:0;transform:translate(0)}40%{opacity:1}to{opacity:0;transform:translate(3.1rem)}}@keyframes motif-reveal{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes motif-report{to{opacity:1;transform:translateY(0)}}.project-case-hero{border-block-end:1px solid var(--color-border);background:color-mix(in srgb, var(--case-accent) 14%, var(--color-canvas));min-block-size:20rem;position:relative;overflow:hidden}.project-case-hero__caption{z-index:5;color:var(--color-text-muted);font-family:var(--font-accent);letter-spacing:.035em;justify-content:space-between;font-size:.55rem;display:flex;position:absolute;inset:.8rem .9rem auto}.case-hero-scene{block-size:20rem;inline-size:100%;position:relative}.case-hero-scene small{font-family:var(--font-accent);letter-spacing:.04em;font-size:.5rem;font-weight:520}.knowledge-scene__sources{block-size:15rem;inline-size:53%;position:absolute;inset:2.5rem auto auto 6%}.knowledge-scene__sheet{box-sizing:border-box;border:1px solid var(--color-text);background:var(--color-canvas);opacity:0;flex-direction:column;gap:.48rem;padding:.8rem;display:flex;position:absolute;box-shadow:0 7px 12px #15151317}.knowledge-scene__sheet small{color:var(--color-text-muted)}.knowledge-scene__sheet b{font-size:.95rem;font-weight:600}.knowledge-scene__sheet span{font-size:.63rem}.knowledge-scene__sheet--report{block-size:11rem;inline-size:39%;inset:1rem auto auto 1%;transform:rotate(-6deg)}.knowledge-scene__sheet--material{block-size:11.5rem;inline-size:37%;inset:.1rem auto auto 30%;transform:rotate(5deg)}.knowledge-scene__sheet--note{background:#fff9df;block-size:9.5rem;inline-size:37%;inset:2rem auto auto 61%;transform:rotate(9deg)}.knowledge-scene__marked{background:var(--color-butter);box-shadow:inset 0 -1px var(--color-text);align-self:flex-start;padding:.12rem .25rem}.knowledge-scene__query{z-index:2;border:1px solid var(--color-text);background:var(--color-canvas);opacity:0;padding:.45rem .65rem;font-size:.75rem;position:absolute;inset:auto auto 1.15rem 11%}.knowledge-scene__query span{color:var(--color-cobalt);margin-inline-start:.7rem}.knowledge-scene__fragment{z-index:4;border:1px solid var(--color-text);background:var(--color-butter);opacity:0;padding:.18rem .4rem;font-size:.62rem;position:absolute;inset:9rem auto auto 27%}.knowledge-scene__fragment--two{inset:7rem auto auto 39%}.knowledge-scene__fragment--three{inset:11rem auto auto 47%}.knowledge-scene__answer{z-index:3;box-sizing:border-box;border:1px solid var(--color-text);background:var(--color-butter);opacity:0;gap:.8rem;min-block-size:12rem;inline-size:35%;padding:1.15rem;display:grid;position:absolute;inset:4.05rem 4% auto auto;box-shadow:0 12px 24px #15151317}.knowledge-scene__answer b{font-size:clamp(1rem,2vw,1.5rem);line-height:1.08}.knowledge-scene__answer span{font-size:.7rem}.knowledge-scene__answer em{border-block-start:1px solid var(--color-text);font-family:var(--font-accent);align-self:end;padding-block-start:.5rem;font-size:.52rem;font-style:normal}.project-case-hero.is-playing .knowledge-scene__sheet{animation:.55s ease-out both paper-arrive}.project-case-hero.is-playing .knowledge-scene__sheet--material{animation-delay:.12s}.project-case-hero.is-playing .knowledge-scene__sheet--note{animation-delay:.25s}.project-case-hero.is-playing .knowledge-scene__query{animation:.38s ease-out .57s both rise-in}.project-case-hero.is-playing .knowledge-scene__marked{animation:.4s ease-out 1s both mark-in}.project-case-hero.is-playing .knowledge-scene__fragment{animation:.65s ease-in-out 1.5s both fragment-flight}.project-case-hero.is-playing .knowledge-scene__fragment--two{animation-delay:1.62s}.project-case-hero.is-playing .knowledge-scene__fragment--three{animation-delay:1.74s}.project-case-hero.is-playing .knowledge-scene__answer{animation:.55s ease-out 2.13s both rise-in}@keyframes paper-arrive{0%{opacity:0;translate:0 1.5rem}to{opacity:1;translate:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes mark-in{0%{box-shadow:none;background:0 0}to{background:var(--color-butter);box-shadow:inset 0 -1px var(--color-text)}}@keyframes fragment-flight{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(11rem,-1rem)}}.restaurant-scene__reports{gap:1.2%;block-size:14rem;inline-size:70%;display:flex;position:absolute;inset:2.7rem auto auto 5%}.restaurant-scene__report{box-sizing:border-box;border:1px solid var(--color-text);background:var(--color-canvas);opacity:0;flex-direction:column;flex:1;gap:.65rem;padding:.8rem .7rem;display:flex;box-shadow:0 6px 12px #15151312}.restaurant-scene__report small{color:var(--color-text-muted)}.restaurant-scene__report b{margin-block-end:.2rem;font-size:.85rem;font-weight:590}.restaurant-scene__report div{gap:.28rem;font-size:.58rem;display:grid}.restaurant-scene__report i{border-block-start:3px solid var(--color-border);inline-size:70%}.restaurant-scene__report--3 .restaurant-scene__check{color:var(--color-tomato)}.restaurant-scene__report--3 .restaurant-scene__check i{border-color:var(--color-tomato);inline-size:42%}.restaurant-scene__rule{z-index:2;background:var(--color-cobalt);transform-origin:top;opacity:0;block-size:11.6rem;inline-size:1px;position:absolute;inset:2.9rem auto auto 4%}.restaurant-scene__bracket{border-block:1px solid var(--color-tomato);border-inline-end:1px solid var(--color-tomato);opacity:0;block-size:2rem;inline-size:23%;position:absolute;inset:9.9rem auto auto 51%}.restaurant-scene__bracket span{color:var(--color-tomato);font-family:var(--font-accent);font-size:.5rem;position:absolute;inset:2.15rem 0 auto auto}.restaurant-scene__leader{border-block-start:1px solid var(--color-tomato);transform-origin:0;opacity:0;inline-size:19%;position:absolute;inset:10.8rem 5% auto auto}.restaurant-scene__hypothesis{box-sizing:border-box;border:1px solid var(--color-text);background:var(--color-butter);opacity:0;gap:.8rem;min-block-size:5.5rem;inline-size:22%;padding:.8rem;display:grid;position:absolute;inset:4.4rem 3% auto auto}.restaurant-scene__hypothesis b{font-size:.77rem;line-height:1.18}.project-case-hero.is-playing .restaurant-scene__report{animation:.55s ease-out both report-arrive}.project-case-hero.is-playing .restaurant-scene__report--2{animation-delay:.16s}.project-case-hero.is-playing .restaurant-scene__report--3{animation-delay:.32s}.project-case-hero.is-playing .restaurant-scene__rule{animation:.75s ease-in-out 1.05s both compare-rule}.project-case-hero.is-playing .restaurant-scene__bracket{animation:.4s ease-out 1.8s both rise-in}.project-case-hero.is-playing .restaurant-scene__hypothesis{animation:.45s ease-out 2.35s both rise-in}@keyframes report-arrive{0%{opacity:0;transform:translateY(-1.2rem)rotate(-2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes compare-rule{0%{opacity:0;transform:translateY(0)}10%{opacity:1}to{opacity:.65;transform:translateY(4rem)}}@keyframes line-grow{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.shag-scene__paper{box-sizing:border-box;border:1px solid var(--color-text);opacity:0;background:#fffdf6;block-size:12.7rem;inline-size:46%;padding:1rem;position:absolute;inset:3.1rem auto auto 8%;transform:rotate(-4deg);box-shadow:0 10px 16px #1515131a}.shag-scene__paper small{color:var(--color-text-muted)}.shag-scene__paper span{text-align:center;font-family:cursive;font-size:clamp(1.3rem,3vw,2.2rem);position:absolute;inset:5rem 0 auto}.shag-scene__paper i{border-block-start:1px solid var(--color-border);position:absolute;inset:9rem 16% auto}.shag-scene__frame{z-index:2;border:1px solid var(--color-cobalt);opacity:0;block-size:3.5rem;inline-size:31%;position:absolute;inset:7.55rem auto auto 15%}.shag-scene__frame i{border-color:var(--color-cobalt);border-style:solid;block-size:.6rem;inline-size:.6rem;position:absolute}.shag-scene__frame i:first-child{border-width:2px 0 0 2px;inset:-.2rem auto auto -.2rem}.shag-scene__frame i:nth-child(2){border-width:2px 2px 0 0;inset:-.2rem -.2rem auto auto}.shag-scene__frame i:nth-child(3){border-width:0 0 2px 2px;inset:auto auto -.2rem -.2rem}.shag-scene__frame i:nth-child(4){border-width:0 2px 2px 0;inset:auto -.2rem -.2rem auto}.shag-scene__token{z-index:4;background:var(--color-lilac);white-space:nowrap;opacity:0;padding:.2rem .4rem;font-size:clamp(.9rem,1.8vw,1.25rem);position:absolute;inset:8.45rem auto auto 18%}.shag-scene__product{z-index:3;box-sizing:border-box;border:1px solid var(--color-text);background:var(--color-lilac);opacity:0;gap:.7rem;min-block-size:12.2rem;inline-size:39%;padding:1rem;display:grid;position:absolute;inset:3.3rem 5% auto auto;box-shadow:0 10px 16px #15151317}.shag-scene__product>b{white-space:nowrap;font-size:clamp(.9rem,2vw,1.4rem)}.shag-scene__product>div{border-block-start:1px solid var(--color-text);opacity:0;gap:.4rem;margin-block-start:.5rem;padding-block-start:.7rem;display:grid}.shag-scene__product>div span{justify-content:space-between;font-size:.76rem;display:flex}.shag-scene__product i{font-style:normal}.project-case-hero.is-playing .shag-scene__paper{animation:.5s ease-out both shag-paper}.project-case-hero.is-playing .shag-scene__frame{animation:.45s ease-out .58s both rise-in}.project-case-hero.is-playing .shag-scene__token{animation:.9s ease-in-out 1.12s both shag-token}.project-case-hero.is-playing .shag-scene__product{animation:.5s ease-out 1.95s both rise-in}.project-case-hero.is-playing .shag-scene__product>div{animation:.45s ease-out 2.42s both rise-in}@keyframes shag-paper{0%{opacity:0;transform:translateY(1rem)rotate(-8deg)}to{opacity:1;transform:translateY(0)rotate(-4deg)}}@keyframes shag-token{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(22vw,-4rem)scale(.7)}}@media (width<=760px){.project-index-motif{transform-origin:50%;block-size:4.5rem;inline-size:5.6rem;transform:scale(.68)}.project-case-hero{min-block-size:19.5rem}.case-hero-scene{block-size:19.5rem}.project-case-hero__caption{font-size:.47rem;inset:.65rem .75rem auto}.knowledge-scene__sources{block-size:8.5rem;inline-size:88%;inset:2.1rem auto auto 5%}.knowledge-scene__sheet{gap:.2rem;padding:.45rem}.knowledge-scene__sheet small{font-size:.38rem}.knowledge-scene__sheet b{font-size:.7rem}.knowledge-scene__sheet span{font-size:.48rem}.knowledge-scene__sheet--report{block-size:7.6rem;inline-size:37%}.knowledge-scene__sheet--material{block-size:7.9rem;inline-size:36%;inset-inline-start:31%}.knowledge-scene__sheet--note{block-size:6.8rem;inline-size:37%;inset-inline-start:62%}.knowledge-scene__query{font-size:.6rem;inset:10.3rem auto auto 6%}.knowledge-scene__answer{gap:.3rem;min-block-size:6.8rem;inline-size:61%;padding:.6rem;inset:auto 5% .55rem auto}.knowledge-scene__answer b{font-size:.9rem}.knowledge-scene__answer span{font-size:.55rem}.knowledge-scene__answer em{font-size:.4rem}.knowledge-scene__fragment{font-size:.5rem;inset:7.5rem auto auto 24%}.knowledge-scene__fragment--two{inset:6.2rem auto auto 39%}.knowledge-scene__fragment--three{inset:8.2rem auto auto 52%}.restaurant-scene__reports{gap:1.5%;block-size:9.8rem;inline-size:90%;inset:2.25rem auto auto 5%}.restaurant-scene__report{gap:.36rem;padding:.45rem .32rem}.restaurant-scene__report small{font-size:.43rem}.restaurant-scene__report b{font-size:.64rem}.restaurant-scene__report div{font-size:.44rem}.restaurant-scene__report i{border-width:2px}.restaurant-scene__rule{block-size:9rem;inset-block-start:2.4rem}.restaurant-scene__bracket{block-size:1.55rem;inline-size:32%;inset:7.75rem auto auto 61%}.restaurant-scene__bracket span{font-size:.42rem;inset-block-start:1.7rem}.restaurant-scene__leader{inline-size:16%;inset:14rem auto auto 73%}.restaurant-scene__hypothesis{gap:.35rem;min-block-size:4rem;inline-size:54%;padding:.55rem;inset:auto 5% .65rem auto}.restaurant-scene__hypothesis b{font-size:.65rem}.shag-scene__paper{block-size:9rem;inline-size:67%;padding:.6rem;inset:2.55rem auto auto 6%}.shag-scene__paper span{font-size:1.35rem;inset-block-start:4rem}.shag-scene__paper i{inset-block-start:7rem}.shag-scene__frame{block-size:2.5rem;inline-size:51%;inset:6.45rem auto auto 14%}.shag-scene__token{font-size:1rem;inset:7rem auto auto 17%}.shag-scene__product{gap:.45rem;min-block-size:8.5rem;inline-size:70%;padding:.6rem;inset:auto 4% .65rem auto}.shag-scene__product>b{font-size:.95rem}.shag-scene__product>div{margin-block-start:.2rem;padding-block-start:.4rem}.shag-scene__product>div span{font-size:.63rem}@keyframes fragment-flight{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(5rem,5rem)}}@keyframes compare-rule{0%{opacity:0;transform:translate(0)}8%{opacity:1}to{opacity:.65;transform:translate(85vw)}}@keyframes shag-token{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(42vw,4rem)scale(.7)}}}@media (prefers-reduced-motion:reduce){.project-index-motion .project-index-motif i,.project-case-hero *{transition:none!important;animation:none!important}.project-index-motif .motif-answer,.project-index-motif .motif-report,.project-index-motif .motif-difference,.project-index-motif .motif-hypothesis,.project-index-motif .motif-frame,.project-index-motif .motif-result{opacity:1;transform:none}.project-case-hero .knowledge-scene__sheet,.project-case-hero .knowledge-scene__query,.project-case-hero .knowledge-scene__answer,.project-case-hero .restaurant-scene__report,.project-case-hero .restaurant-scene__rule,.project-case-hero .restaurant-scene__bracket,.project-case-hero .restaurant-scene__leader,.project-case-hero .restaurant-scene__hypothesis,.project-case-hero .shag-scene__paper,.project-case-hero .shag-scene__frame,.project-case-hero .shag-scene__product,.project-case-hero .shag-scene__product>div{opacity:1}.project-case-hero .restaurant-scene__report{transform:none}}.restaurant-scene__rule{background:var(--color-cobalt);transform-origin:50%;block-size:1px;inline-size:70%;inset:6.05rem auto auto 5%}.restaurant-scene__report--3 .restaurant-scene__check,.restaurant-scene__report--3 .restaurant-scene__check i{color:inherit;border-color:var(--color-border)}.project-case-hero.is-playing .restaurant-scene__report--3 .restaurant-scene__check{animation:.35s ease-out 1.76s both difference-text}.project-case-hero.is-playing .restaurant-scene__report--3 .restaurant-scene__check i{animation:.35s ease-out 1.76s both difference-rule}@keyframes difference-text{0%{color:var(--color-text);font-weight:400}to{color:var(--color-text);font-weight:700}}@keyframes difference-rule{to{border-color:var(--color-tomato)}}@media (width<=760px){.restaurant-scene__rule{block-size:1px;inline-size:90%;inset:5rem auto auto 5%}@keyframes compare-rule{0%{opacity:0;transform:translateY(0)}10%{opacity:1}to{opacity:.65;transform:translateY(3.1rem)}}}@media (prefers-reduced-motion:reduce){.restaurant-scene__report--3 .restaurant-scene__check{color:var(--color-tomato)}.restaurant-scene__report--3 .restaurant-scene__check i{border-color:var(--color-tomato)}}.restaurant-scene__hypothesis{inset:12.4rem 3% auto auto}.restaurant-scene__leader{border-inline-start:1px solid var(--color-tomato);transform-origin:top;background:0 0;block-size:.65rem;inline-size:1px;inset:11.85rem 24% auto auto}.project-case-hero.is-playing .restaurant-scene__leader{animation:.35s ease-out 2.12s both leader-down}@keyframes leader-down{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@media (width<=760px){.restaurant-scene__hypothesis{inset:auto 5% .65rem auto}.restaurant-scene__leader{block-size:5.3rem;inset:9.35rem 7% auto auto}}.project-case-hero__caption,.restaurant-scene__bracket span{color:var(--color-text)}@media (prefers-reduced-motion:reduce){.restaurant-scene__report--3 .restaurant-scene__check{color:var(--color-text);font-weight:700}}
