.projects{padding:130px var(--pad);background:#11141a}.project-stage{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0b0d12}.project-top{height:55px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:9px 'DM Mono';letter-spacing:.12em;color:#8f949d}.project-status{color:#d7dae0}.project-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid);margin-right:8px}.project-art{height:520px;position:relative;overflow:hidden}.fodmap-art{background:radial-gradient(circle at 50% 55%,rgba(199,255,53,.34),transparent 42%),linear-gradient(145deg,#1a2021,#0b0d12 68%)}.phone{position:absolute;width:260px;height:480px;left:50%;top:70px;transform:translateX(-50%) rotate(-5deg);border:7px solid #292e31;border-radius:42px;background:#f5f1e8;color:#161a19;padding:24px 18px;box-shadow:0 35px 70px #000}.phone-bar{display:flex;justify-content:space-between;align-items:center;font-size:9px}.phone-bar b{background:#18251d;color:var(--acid);width:26px;height:26px;display:grid;place-items:center;border-radius:8px}.phone-bar i{width:20px;height:20px;border:1px solid #b9bdb8;border-radius:50%}.food-card{margin-top:38px;background:#d9ff72;border-radius:18px;padding:18px;display:grid;grid-template-columns:40px 1fr}.food-card span{grid-row:1/3;background:#16251c;color:#fff;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:9px}.food-card b{font:700 15px Syne}.food-card em{font-size:8px;font-style:normal;color:#4c554f}.food-lines{margin:25px 2px}.food-lines i{display:block;height:10px;border-radius:5px;background:#d8d9d2;margin:13px 0}.food-lines i:nth-child(2){width:75%}.food-lines i:nth-child(3){width:88%}.food-score{border-top:1px solid #c5c7c0;padding-top:20px;display:flex;justify-content:space-between;font-size:9px}.food-score strong{color:#5e7e2b}.float-label{position:absolute;border:1px solid rgba(255,255,255,.25);background:rgba(10,12,15,.65);backdrop-filter:blur(8px);padding:10px 14px;border-radius:30px;font:8px 'DM Mono';letter-spacing:.1em}.float-label.l1{top:90px;right:25px}.float-label.l2{bottom:70px;left:25px}.work-art{background:radial-gradient(circle at 65% 45%,rgba(118,92,255,.45),transparent 44%),#0c0c12}.work-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);transform:perspective(500px) rotateX(62deg) rotateZ(-25deg) scale(1.5);opacity:.3}.work-grid i{border:1px solid #6d5ee0;min-height:160px}.task-panel{position:absolute;left:11%;top:90px;width:78%;padding:32px;border:1px solid rgba(255,255,255,.22);background:rgba(15,15,24,.78);backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 30px 80px #000}.task-panel>span{font:9px 'DM Mono';color:#a497ff;letter-spacing:.14em}.task-panel>b{display:block;font:700 36px/1.05 Syne;margin:35px 0 45px;letter-spacing:-.04em}.task-panel>div{display:grid;grid-template-columns:18px 1fr auto;align-items:center;border-top:1px solid rgba(255,255,255,.13);padding:17px 0;font-size:10px}.task-panel div i{width:9px;height:9px;border-radius:50%;background:var(--violet)}.task-panel div em{font-style:normal}.task-panel div strong{font:8px 'DM Mono';color:#7d8189}.work-orbit{position:absolute;right:7%;bottom:45px;width:70px;height:70px;border-radius:50%;background:var(--acid);color:#141810;display:grid;place-items:center;font-size:30px;box-shadow:0 0 45px rgba(199,255,53,.25)}.project-copy{padding:38px;min-height:260px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.project-copy>div>p{font:9px 'DM Mono';letter-spacing:.13em;color:var(--acid)}.project-copy h3{font:700 clamp(30px,3vw,47px)/1 Syne;letter-spacing:-.045em;margin:25px 0 0}.project-copy>p{font-size:12px;line-height:1.7;color:#8f949d;align-self:end}.project-disclaimer{text-align:right;margin-top:18px;color:#777c84;font:8px 'DM Mono';letter-spacing:.08em}footer{position:relative;padding-bottom:58px}footer .legal{position:absolute;left:var(--pad);bottom:20px;color:#666b73}
@media(max-width:900px){.projects{padding:100px var(--pad)}.project-stage{grid-template-columns:1fr}.project-art{height:500px}}
@media(max-width:600px){.projects{padding:90px var(--pad)}.project-art{height:460px}.phone{top:34px;transform:translateX(-50%) rotate(-5deg) scale(.74);transform-origin:top center}.float-label.l1{top:70px;right:14px}.float-label.l2{bottom:48px;left:14px}.task-panel{left:5%;top:54px;width:90%;padding:25px;transform:scale(.92);transform-origin:center top}.task-panel>b{font-size:29px}.work-orbit{right:7%;bottom:28px;width:58px;height:58px}.project-copy{grid-template-columns:1fr;padding:28px;min-height:auto}.project-copy>p{margin-top:20px}.project-disclaimer{text-align:left;line-height:1.5}footer{padding-bottom:78px}footer .legal{max-width:230px;line-height:1.6}}

/* Primary logo integration */
.brand-logo{display:block;width:76px;height:auto;object-fit:contain}.topbar .brand-logo{filter:drop-shadow(0 0 10px rgba(199,255,53,.08))}.demo-core img{width:118px;height:auto;transform:rotate(-45deg)}.signal-orbit i img{width:80%;height:auto}.signal-orbit i{overflow:hidden}footer .brand-logo{width:72px}
@media(max-width:600px){.topbar .brand-logo{width:68px}footer .brand-logo{width:60px}}

/* Keep display typography fully inside narrow iPhone and in-app browser viewports. */
@media(max-width:600px){
  html,body,body>div{max-width:100%;overflow-x:clip}
  .hero-title{font-size:12.2vw;letter-spacing:-.055em}
  .hero-title .line,.hero-title .line>span{max-width:100%}
  .contact{overflow:hidden}
  .contact-title{max-width:100%;font-size:11.5vw;letter-spacing:-.055em;overflow-wrap:normal}
}

@media(max-width:380px){
  .hero-title{font-size:11.9vw}
  .contact-title{font-size:11.2vw}
}