.dish-detail{--dish-yellow:#ffd326;--dish-dark:#151516;--dish-muted:#5d5d63;color:var(--ink);background:#fff}.dish-detail *{box-sizing:border-box}.dish-detail section[id]{scroll-margin-top:76px}.dish-detail-header{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;border-bottom:1px solid #0b0b0c21;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(22px,4vw,64px);display:grid;position:sticky;top:0}.dish-detail-wordmark{letter-spacing:-.08em;justify-self:start;font-size:1.55rem;font-weight:760}.dish-detail-wordmark span{color:#e8b900}.dish-detail-header nav{gap:clamp(18px,2.5vw,38px);font-size:.82rem;font-weight:600;display:flex}.dish-detail-header nav a:hover,.dish-detail-back:hover{text-underline-offset:5px;text-decoration:underline}.dish-detail-header>button{justify-self:end}.dish-detail-hero{color:#fff;background-color:var(--dish-dark);background-image:linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(#ffffff12 1px,#0000 1px),radial-gradient(circle at 76% 52%,#393417 0,#0000 48%);background-size:62px 62px,62px 62px,100% 100%;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:650px;display:grid;position:relative;overflow:hidden}.dish-detail-hero-copy{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;padding:42px 15px 58px clamp(22px,4vw,64px);display:flex;position:relative}.dish-detail-back{margin-bottom:clamp(35px,5vh,62px);font-size:.78rem;font-weight:650}.dish-detail-eyebrow,.dish-section-heading>p,.dish-tech-intro>p:first-child,.dish-end>p{font-family:var(--font-geist-mono), monospace;letter-spacing:.055em;text-transform:uppercase;margin:0;font-size:.72rem}.dish-detail-eyebrow{text-transform:none;margin-bottom:20px}.dish-detail-hero h1{letter-spacing:-.09em;margin:0;font-size:clamp(4.9rem,8vw,8.6rem);font-weight:720;line-height:.9}.dish-detail-hero h1 span{color:var(--dish-yellow)}.dish-detail-intro{letter-spacing:-.022em;max-width:710px;margin:30px 0 0;font-size:clamp(1.08rem,1.55vw,1.62rem);font-weight:510;line-height:1.52}.dish-detail-hero-actions{flex-wrap:wrap;align-items:center;gap:13px;margin-top:34px;display:flex}.dish-detail-hero-actions>a{border:1px solid var(--dish-yellow);white-space:nowrap;border-radius:99px;align-items:center;gap:22px;min-height:49px;padding:0 20px;font-size:.82rem;font-weight:700;transition:background .2s,color .2s,transform .2s;display:inline-flex}.dish-detail-cta{background:var(--dish-yellow);color:var(--dish-dark)}.dish-detail-github{color:var(--dish-yellow)}.dish-detail-hero-actions>a:hover{color:var(--dish-dark);background:#fff;border-color:#fff;transform:translateY(-3px)}.dish-detail-hero-actions>span{color:#bdbdc2;flex-basis:100%;margin-top:5px;font-size:.75rem}.dish-detail-hero-visual{min-width:0;position:relative;overflow:hidden}.dish-detail-hero-orbit{aspect-ratio:1;border:1px solid #ffd32680;border-radius:50%;width:87%;position:absolute;top:6%;left:4%;box-shadow:0 0 0 68px #ffd32609,0 0 0 136px #ffd32606}.dish-detail-phone{background:#fff;border:6px solid #fff;border-radius:30px;width:clamp(140px,15vw,205px);height:auto;position:absolute;top:20%;box-shadow:0 28px 65px #00000080}.dish-detail-phone-one{z-index:1;animation:5s ease-in-out infinite alternate dish-phone-one;left:5%;transform:translateY(42px)rotate(-10deg)}.dish-detail-phone-two{z-index:3;animation:5.5s ease-in-out infinite alternate dish-phone-two;left:32%;transform:translateY(-4px)}.dish-detail-phone-three{z-index:2;animation:5.2s ease-in-out infinite alternate dish-phone-three;left:59%;transform:translateY(42px)rotate(10deg)}@keyframes dish-phone-one{to{transform:translateY(30px)rotate(-8deg)}}@keyframes dish-phone-two{to{transform:translateY(8px)}}@keyframes dish-phone-three{to{transform:translateY(30px)rotate(8deg)}}.dish-overview{border-bottom:1px solid var(--dish-dark);background:var(--dish-yellow);grid-template-columns:repeat(4,1fr);margin:0;display:grid}.dish-overview>div{border-right:1px solid #15151666;min-width:0;padding:25px clamp(18px,2.3vw,36px) 27px}.dish-overview>div:last-child{border-right:0}.dish-overview dt{font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:.65rem}.dish-overview dd{margin:0;font-size:clamp(.88rem,1.15vw,1.08rem);font-weight:650;line-height:1.35}.dish-story{padding:clamp(92px,10vw,150px) clamp(22px,4vw,64px)}.dish-section-heading{grid-template-columns:minmax(110px,.22fr) minmax(360px,.9fr) minmax(270px,.55fr);align-items:start;gap:clamp(28px,5vw,84px);display:grid}.dish-section-heading h2,.dish-tech-intro h2,.dish-end h2{letter-spacing:-.065em;white-space:pre-line;max-width:760px;margin:0;font-size:clamp(2.65rem,5vw,5.25rem);font-weight:680;line-height:1.02}.dish-section-heading>div>p{color:var(--dish-muted);margin:0;font-size:clamp(1rem,1.35vw,1.28rem);line-height:1.68}.dish-problem{background:#f4f3ee}.dish-problem-statement{border-top:1px solid var(--dish-dark);border-bottom:1px solid var(--dish-dark);grid-template-columns:.22fr 1.45fr;align-items:start;gap:clamp(28px,5vw,84px);margin:clamp(75px,9vw,130px) 0 0;padding:35px 0 40px;display:grid}.dish-problem-statement span{font-family:var(--font-geist-mono), monospace;letter-spacing:.055em;text-transform:uppercase;font-size:.69rem}.dish-problem-statement p{letter-spacing:-.045em;max-width:1040px;margin:0;font-size:clamp(1.8rem,3.25vw,3.8rem);font-weight:620;line-height:1.18}.dish-signal-grid{border-top:1px solid var(--dish-dark);border-left:1px solid var(--dish-dark);grid-template-columns:repeat(3,1fr);margin-top:58px;display:grid}.dish-signal-grid article{border-right:1px solid var(--dish-dark);border-bottom:1px solid var(--dish-dark);min-height:260px;padding:27px}.dish-signal-grid span,.dish-principles span,.dish-build-stages>article>span,.dish-agent-panel span,.dish-tech-flow span,.dish-reflection span{font-family:var(--font-geist-mono), monospace;letter-spacing:.055em;text-transform:uppercase;font-size:.69rem}.dish-signal-grid h3{letter-spacing:-.035em;margin:82px 0 13px;font-size:clamp(1.25rem,2vw,1.75rem)}.dish-signal-grid p{max-width:340px;color:var(--dish-muted);margin:0;font-size:.94rem;line-height:1.55}.dish-evidence-copy{border-top:1px solid #a8a8a3;grid-template-columns:.7fr 1.3fr;gap:70px;margin-top:clamp(85px,9vw,130px);padding-top:28px;display:grid}.dish-evidence-copy h3{letter-spacing:-.05em;max-width:460px;margin:0;font-size:clamp(1.85rem,3.1vw,3.3rem);line-height:1.08}.dish-evidence-copy p{max-width:710px;color:var(--dish-muted);margin:0;font-size:1.04rem;line-height:1.7}.dish-artefact-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:46px;display:grid}.dish-artefact-grid figure{background:#fff;border:1px solid #c4c3bd;margin:0;overflow:hidden}.dish-artefact-grid img{filter:saturate(.9);width:100%;height:auto;transition:transform .55s cubic-bezier(.2,.8,.2,1);display:block}.dish-artefact-grid figure:hover img{transform:scale(1.025)}.dish-artefact-grid figcaption{border-top:1px solid #c4c3bd;justify-content:space-between;padding:16px 18px;font-size:.82rem;font-weight:650;display:flex}.dish-strategy{color:#fff;background:var(--dish-dark)}.dish-strategy .dish-section-heading>div>p{color:#bdbdc2}.dish-loop{border-top:1px solid #ffffff59;border-left:1px solid #ffffff59;grid-template-columns:repeat(4,1fr);margin-top:clamp(75px,9vw,125px);display:grid}.dish-loop article{border-bottom:1px solid #ffffff59;border-right:1px solid #ffffff59;min-height:280px;padding:25px;position:relative}.dish-loop span{color:var(--dish-yellow);font-family:var(--font-geist-mono), monospace;font-size:.72rem}.dish-loop h3{letter-spacing:-.035em;margin:96px 0 12px;font-size:clamp(1.25rem,2vw,1.8rem)}.dish-loop p{color:#aaaab0;max-width:230px;margin:0;font-size:.88rem;line-height:1.5}.dish-loop b{z-index:2;background:var(--dish-yellow);width:32px;height:32px;color:var(--dish-dark);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:49%;right:-16px}.dish-principles{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px;display:grid}.dish-principles article{background:#202022;padding:28px}.dish-principles span{color:var(--dish-yellow)}.dish-principles h3{letter-spacing:-.025em;margin:42px 0 14px;font-size:1.25rem}.dish-principles p{color:#bdbdc2;margin:0;font-size:.93rem;line-height:1.58}.dish-build{background:#fff}.dish-build-stages{border-top:1px solid var(--dish-dark);margin-top:clamp(75px,9vw,125px)}.dish-build-stages article{border-bottom:1px solid #c8c8c8;grid-template-columns:.22fr 1fr;gap:30px;padding:30px 0;display:grid}.dish-build-stages article>span{padding-top:5px}.dish-build-stages article>div{grid-template-columns:.55fr 1fr .35fr;align-items:start;gap:clamp(24px,4vw,70px);display:grid}.dish-build-stages h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.22rem,2vw,1.75rem)}.dish-build-stages p{max-width:650px;color:var(--dish-muted);margin:0;font-size:.97rem;line-height:1.62}.dish-build-stages small{color:#75757a;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:.68rem;line-height:1.5}.dish-agent-panel{border:1px solid var(--dish-dark);background:var(--dish-yellow);grid-template-columns:1fr 1fr;margin-top:68px;display:grid}.dish-agent-panel>div{border-right:1px solid var(--dish-dark);padding:clamp(28px,4vw,56px)}.dish-agent-panel>div:nth-child(2){border-right:0}.dish-agent-panel ul{margin:35px 0 0;padding:0;list-style:none}.dish-agent-panel li{border-top:1px solid #15151659;padding:12px 0;font-size:.96rem;line-height:1.45}.dish-agent-panel>p{border-top:1px solid var(--dish-dark);letter-spacing:-.025em;grid-column:1/-1;margin:0;padding:20px clamp(28px,4vw,56px);font-size:clamp(1.1rem,1.8vw,1.65rem);font-weight:650;line-height:1.45}.dish-tech{color:#fff;background-color:#101011;background-image:linear-gradient(90deg,#ffffff0e 1px,#0000 1px),linear-gradient(#ffffff0e 1px,#0000 1px);background-size:46px 46px;padding:clamp(92px,10vw,150px) clamp(22px,4vw,64px)}.dish-tech-intro{grid-template-columns:.22fr .9fr .55fr;align-items:start;gap:clamp(28px,5vw,84px);display:grid}.dish-tech-intro>p:last-child{color:#bdbdc2;margin:0;font-size:1rem;line-height:1.68}.dish-tech-flow{align-items:stretch;margin-top:clamp(70px,9vw,120px);display:flex}.dish-tech-flow>div{background:#101011d1;border:1px solid #ffffff61;border-right:0;flex-direction:column;flex:1;justify-content:space-between;gap:50px;min-width:0;min-height:170px;padding:22px;display:flex;position:relative}.dish-tech-flow>div:last-child{border-right:1px solid #ffffff61}.dish-tech-flow strong{font-size:clamp(.88rem,1.25vw,1.12rem);line-height:1.4}.dish-tech-flow b{z-index:2;background:var(--dish-yellow);width:30px;height:30px;color:var(--dish-dark);border-radius:50%;place-items:center;display:grid;position:absolute;top:46%;right:-15px}.dish-tech-challenges{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;display:grid}.dish-tech-challenges article{background:#202022;padding:27px}.dish-tech-challenges h3{color:var(--dish-yellow);margin:0 0 30px;font-size:1.12rem}.dish-tech-challenges p{color:#bdbdc2;margin:0;font-size:.9rem;line-height:1.6}.dish-detail .dishroller-case{padding-top:70px}.dish-detail .dishroller-feature{border-top:1px solid #dedee2;padding-top:52px;padding-bottom:86px}.dish-detail .dishroller-gallery{min-width:0}.dish-detail .dishroller-feature-copy h2{font-size:clamp(2.35rem,3.6vw,4.25rem);line-height:1.06}.dish-iteration{background:#f4f3ee}.dish-iteration .dish-section-heading a{border-bottom:1px solid;margin-top:28px;padding-bottom:5px;font-size:.82rem;font-weight:650;display:inline-block}.dish-commit-list{border-top:1px solid var(--dish-dark);margin-top:clamp(70px,9vw,120px)}.dish-commit-list article{border-bottom:1px solid #aaa9a4;grid-template-columns:.2fr .08fr .5fr 1fr;align-items:baseline;gap:30px;padding:27px 0;display:grid}.dish-commit-list span,.dish-commit-list b{font-family:var(--font-geist-mono), monospace;font-size:.68rem;font-weight:500}.dish-commit-list b{color:#969690}.dish-commit-list h3{letter-spacing:-.025em;margin:0;font-size:clamp(1.12rem,1.8vw,1.5rem)}.dish-commit-list p{color:var(--dish-muted);margin:0;font-size:.94rem;line-height:1.55}.dish-reflection{border-top:1px solid var(--dish-dark);border-left:1px solid var(--dish-dark);grid-template-columns:1fr 1fr;margin-top:80px;display:grid}.dish-reflection article{border-right:1px solid var(--dish-dark);border-bottom:1px solid var(--dish-dark);min-height:340px;padding:clamp(28px,4vw,54px)}.dish-reflection h3{letter-spacing:-.045em;max-width:520px;margin:70px 0 18px;font-size:clamp(1.7rem,2.9vw,3rem);line-height:1.12}.dish-reflection p{max-width:600px;color:var(--dish-muted);margin:0;font-size:.98rem;line-height:1.65}.dish-end{background:var(--dish-yellow);padding:clamp(80px,10vw,140px) clamp(22px,4vw,64px) 65px}.dish-end h2{max-width:980px;margin-top:clamp(75px,10vw,145px)}.dish-end>div{border-top:1px solid var(--dish-dark);align-items:center;gap:14px;margin-top:60px;padding-top:24px;display:flex}.dish-end>div>p{max-width:580px;margin:0 auto 0 0;font-size:.98rem}.dish-end a{border:1px solid var(--dish-dark);border-radius:99px;align-items:center;gap:24px;min-height:48px;padding:0 18px;font-size:.8rem;font-weight:700;display:inline-flex}.dish-end a:first-of-type{background:var(--dish-dark);color:#fff}.dish-end a:hover{transform:translateY(-2px)}@media (max-width:1100px){.dish-detail-header nav{gap:20px;font-size:.76rem}.dish-detail-hero{grid-template-columns:1fr .72fr}.dish-detail-phone{width:clamp(125px,16vw,170px)}.dish-detail-phone-one{left:-4%}.dish-detail-phone-two{left:26%}.dish-detail-phone-three{left:56%}.dish-section-heading,.dish-tech-intro{grid-template-columns:120px minmax(0,1fr)}.dish-section-heading>div,.dish-tech-intro>p:last-child{grid-column:2;max-width:720px}.dish-build-stages article>div{grid-template-columns:.55fr 1fr}.dish-build-stages small{grid-column:2}}@media (max-width:820px){.dish-detail-header{grid-template-columns:1fr auto;height:66px}.dish-detail-header nav{display:none}.dish-detail-hero{min-height:0;display:block}.dish-detail-hero-copy{padding:30px 22px 22px}.dish-detail-back{margin-bottom:57px}.dish-detail-hero h1{font-size:clamp(3.65rem,15.5vw,5rem);line-height:.92}.dish-detail-intro{margin-top:28px;font-size:1.08rem}.dish-detail-hero-actions{margin-top:28px}.dish-detail-hero-visual{height:385px}.dish-detail-hero-orbit{width:70%;top:0;left:15%}.dish-detail-phone{border-width:4px;border-radius:23px;width:clamp(118px,33vw,168px);top:15px}.dish-detail-phone-one{left:6%}.dish-detail-phone-two{left:33%}.dish-detail-phone-three{left:60%}.dish-overview{grid-template-columns:1fr 1fr}.dish-overview>div:nth-child(2){border-right:0}.dish-overview>div:nth-child(-n+2){border-bottom:1px solid #15151666}.dish-section-heading,.dish-tech-intro{grid-template-columns:1fr;gap:25px}.dish-section-heading>div,.dish-tech-intro>p:last-child{grid-column:auto}.dish-section-heading h2,.dish-tech-intro h2,.dish-end h2{font-size:clamp(2.5rem,10vw,4rem)}.dish-problem-statement{grid-template-columns:1fr;gap:28px}.dish-signal-grid{grid-template-columns:1fr}.dish-signal-grid article{min-height:0}.dish-signal-grid h3{margin-top:50px}.dish-evidence-copy{grid-template-columns:1fr;gap:22px}.dish-artefact-grid{grid-template-columns:1fr}.dish-loop{grid-template-columns:1fr 1fr}.dish-loop article:nth-child(2){border-right:1px solid #ffffff59}.dish-loop article{min-height:230px}.dish-loop h3{margin-top:70px}.dish-loop b{display:none}.dish-principles{grid-template-columns:1fr}.dish-build-stages article{grid-template-columns:50px 1fr}.dish-build-stages article>div{grid-template-columns:1fr;gap:14px}.dish-build-stages small{grid-column:auto;margin-top:8px}.dish-agent-panel{grid-template-columns:1fr}.dish-agent-panel>div{border-right:0;border-bottom:1px solid var(--dish-dark)}.dish-agent-panel>p{grid-column:auto}.dish-tech-flow{grid-template-columns:1fr 1fr;display:grid}.dish-tech-flow>div{border-right:1px solid #ffffff61;min-height:140px}.dish-tech-flow b{display:none}.dish-tech-challenges{grid-template-columns:1fr}.dish-detail .dishroller-case{padding-top:55px}.dish-detail .dishroller-feature{padding-top:42px}.dish-commit-list article{grid-template-columns:60px 34px 1fr}.dish-commit-list p{grid-column:3}.dish-reflection{grid-template-columns:1fr}.dish-reflection article{min-height:0}.dish-reflection h3{margin-top:55px}.dish-end>div{flex-wrap:wrap}.dish-end>div>p{flex-basis:100%;margin-bottom:14px}}@media (max-width:480px){.dish-detail-hero-actions>a{justify-content:space-between;width:100%}.dish-detail-hero-visual{height:350px}.dish-detail-phone-one{left:-1%}.dish-detail-phone-two{left:29%}.dish-detail-phone-three{left:59%}.dish-overview{grid-template-columns:1fr}.dish-overview>div{border-bottom:1px solid #15151666;border-right:0}.dish-story,.dish-tech{padding-top:82px;padding-bottom:82px}.dish-problem-statement p{font-size:1.7rem}.dish-loop{grid-template-columns:1fr}.dish-loop article{min-height:210px}.dish-tech-flow{grid-template-columns:1fr}.dish-commit-list article{grid-template-columns:54px 1fr;gap:16px}.dish-commit-list h3,.dish-commit-list p{grid-column:2}.dish-end a{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.dish-detail-phone{animation:none}.dish-detail-hero-actions>a,.dish-artefact-grid img{transition:none}}