:root{--font-body:"Manrope", sans-serif;--font-display:"Space Grotesk", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#0c0c0c}body,#root{font-family:var(--font-body);color:#d7e2ea;background:#0c0c0c}main{max-width:100%}.hero-heading{background:linear-gradient(#646973 0%,#bbccd7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero{background:radial-gradient(circle at 50% 78%,#21242a 0%,#0c0c0c 38%);flex-direction:column;height:100vh;min-height:650px;display:flex;position:relative;overflow:clip}nav{z-index:20;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;display:flex}.brand{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:#d7e2ea;font-size:1.35rem;font-weight:700;text-decoration:none}.brand span{color:#b600a8}.desktop-nav{gap:clamp(1.25rem,4vw,4rem);display:flex}nav a,.mobile-nav a{letter-spacing:.08em;text-transform:uppercase;color:#d7e2ea;font-size:clamp(.8rem,1.4vw,1.4rem);font-weight:500;text-decoration:none;transition:opacity .2s}nav a:hover,.mobile-nav a:hover{opacity:.7}.menu-button{color:#d7e2ea;background:0 0;border:0;display:none}.hero-title-wrap{z-index:2;width:100%;margin-top:1.5rem;overflow:hidden}.hero h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.035em;word-spacing:.06em;white-space:nowrap;text-align:center;width:100%;font-size:max(4rem,16vw);font-weight:700;line-height:.8}.portrait{z-index:10;width:min(40vw,520px);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.magnet{will-change:transform}.portrait-glow{background:radial-gradient(circle,#dca74c33,#0000 66%);border-radius:45% 45% 18% 18%;padding:10px}.portrait img{filter:drop-shadow(0 18px 30px #0008);mix-blend-mode:lighten;border-radius:48% 48% 20% 20%;width:100%;display:block}.hero-bottom{z-index:15;justify-content:space-between;align-items:end;margin-top:auto;padding:0 1.5rem 1.75rem;display:flex;position:relative}.hero-bottom p{color:#d7e2ea;letter-spacing:.04em;text-transform:uppercase;max-width:160px;font-size:clamp(.75rem,1.4vw,1.5rem);font-weight:300;line-height:1.25}.contact-button{outline-offset:-5px;color:#fff;text-transform:uppercase;letter-spacing:.12em;background:linear-gradient(123deg,#18011f 7%,#b600a8 37%,#7621b0 72%,#be4c00 100%);border:2px solid #fff;border-radius:999px;outline:2px solid #fff;align-items:center;gap:.55rem;padding:.8rem 1.7rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:transform .2s;display:inline-flex;box-shadow:0 4px 4px #b501a740,inset 4px 4px 12px #7721b1}.contact-button:hover{transform:translateY(-3px)}.tech-strip{background:#0c0c0c;flex-wrap:wrap;justify-content:center;gap:.65rem;padding:2rem 1.25rem 4.5rem;display:flex}.tech-strip span{color:#d7e2ea;letter-spacing:.08em;text-transform:uppercase;border:1px solid #d7e2ea40;border-radius:999px;padding:.55rem .9rem;font-size:clamp(.68rem,1.3vw,.88rem);font-weight:500;display:block}.about{place-items:center;min-height:100vh;padding:5rem 1.25rem;display:grid;position:relative;overflow:hidden}.about-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:clamp(4rem,8vw,6rem);max-width:56rem;display:flex;position:relative}.about-copy{flex-direction:column;align-items:center;gap:clamp(2.5rem,6vw,4rem);display:flex}.about h2,.services h2,.projects>h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.035em;word-spacing:.055em;text-align:center;font-size:clamp(3rem,12vw,10rem);font-weight:700;line-height:.8}.animated-copy{color:#d7e2ea;text-align:center;max-width:560px;font-size:clamp(1rem,2vw,1.35rem);font-weight:500;line-height:1.65}.char-word{white-space:nowrap;display:inline-block}.char-space{width:.28em;display:inline-block}.char{white-space:pre;color:#d7e2ea33;display:inline-block;position:relative}.char-top{color:#d7e2ea;position:absolute;inset:0}.float{z-index:0;pointer-events:none;filter:drop-shadow(0 18px 25px #0008);position:absolute}.float img{width:100%;height:auto;display:block}.phone-ui{width:120px;top:4%;left:1%}.notifications{width:120px;top:4%;right:1%}.map-pin{width:100px;bottom:8%;left:3%}.security{width:130px;bottom:8%;right:3%}.experience{color:#d7e2ea;background:#141416;padding:5rem 1.25rem}.experience>div:first-child{max-width:900px;margin:0 auto}.eyebrow{color:#b600a8;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem;font-size:.78rem;font-weight:600}.experience h2{font-family:var(--font-display);letter-spacing:-.035em;word-spacing:.05em;text-transform:uppercase;font-size:clamp(2.25rem,6vw,5.5rem);font-weight:700;line-height:.92}.experience-grid{border-top:1px solid #d7e2ea33;border-left:1px solid #d7e2ea33;grid-template-columns:1fr 1fr;max-width:900px;margin:3rem auto 0;display:grid}.experience-grid>div{border-bottom:1px solid #d7e2ea33;border-right:1px solid #d7e2ea33;flex-direction:column;justify-content:flex-end;gap:.5rem;min-height:140px;padding:1rem;display:flex}.experience-grid strong{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:700;line-height:.9}.experience-grid span{text-transform:uppercase;letter-spacing:.04em;opacity:.75;font-size:clamp(.75rem,1.5vw,1rem);font-weight:300;line-height:1.3}.services{z-index:3;color:#0c0c0c;background:#fff;border-radius:40px 40px 0 0;padding:5rem 1.25rem;position:relative}.services h2{margin-bottom:4rem}.service-list{max-width:1024px;margin:auto}.service{border-top:1px solid #0c0c0c26;grid-template-columns:minmax(5rem,.28fr) 1fr;gap:1rem;padding:2rem 0;display:grid}.service:last-child{border-bottom:1px solid #0c0c0c26}.service>span,.project-number{font-family:var(--font-display);letter-spacing:-.1em;font-size:clamp(3rem,10vw,8.75rem);font-weight:700;line-height:.8}.service h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1rem,2.2vw,2.1rem);font-weight:500}.service p{opacity:.6;max-width:42rem;margin-top:.65rem;font-size:clamp(.85rem,1.6vw,1.25rem);font-weight:300;line-height:1.6}.projects{z-index:4;background:#0c0c0c;border-radius:40px 40px 0 0;margin-top:-2.5rem;padding:5rem 1.25rem 4rem;position:relative}.projects>h2{margin-bottom:3.5rem}.project-shell{isolation:isolate;height:85vh;min-height:560px;position:relative}.project-card{z-index:var(--card-index);transform-origin:50%;will-change:transform;background:#0c0c0c;border:2px solid #d7e2ea;border-radius:40px;padding:1rem;position:sticky;top:1rem}.project-top{align-items:flex-start;gap:1rem;min-height:clamp(6.5rem,9vw,8rem);margin-bottom:1rem;display:flex}.project-top>div{margin-right:auto}.project-type{letter-spacing:.16em;text-transform:uppercase;opacity:.65;font-size:.7rem;font-weight:500}.project-top h3{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1rem,2.4vw,2rem);font-weight:500;line-height:1.05}.project-description{-webkit-line-clamp:2;opacity:.65;-webkit-box-orient:vertical;max-width:38rem;margin-top:.45rem;font-size:clamp(.75rem,1.2vw,1rem);line-height:1.35;display:-webkit-box;overflow:hidden}.project-images{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:.75rem;display:grid}.project-images>div{grid-template-rows:clamp(130px,16vw,230px) clamp(160px,22vw,340px);gap:.75rem;display:grid}.project-images img{object-fit:cover;object-position:center top;border-radius:30px;width:100%;height:100%;display:block}.project-images>img{height:clamp(302px,39vw,580px)}footer{z-index:5;color:#d7e2ea;background:linear-gradient(125deg,#18011f,#111 44%,#310726);grid-template-columns:1fr;gap:3rem;padding:5rem 1.5rem 6rem;display:grid;position:relative}.contact-copy{align-self:center}.contact-copy>p{letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:clamp(.8rem,1.5vw,1rem)}.contact-copy h2{font-family:var(--font-display);letter-spacing:-.04em;word-spacing:.07em;text-transform:uppercase;margin-top:.45rem;font-size:clamp(3rem,7vw,6rem);font-weight:700;line-height:.86}.contact-copy a{color:#d7e2ea;align-items:center;gap:.4rem;margin-top:1.25rem;font-size:clamp(.9rem,1.7vw,1.3rem);text-decoration:none;display:inline-flex}.contact-form{grid-template-columns:1fr;gap:1rem;max-width:620px;display:grid}.contact-form label{letter-spacing:.1em;text-transform:uppercase;gap:.45rem;font-size:.72rem;font-weight:500;display:grid}.contact-form input,.contact-form textarea{color:#fff;width:100%;font:400 1rem var(--font-body), sans-serif;resize:vertical;background:#ffffff0d;border:1px solid #d7e2ea55;border-radius:.75rem;outline:none;padding:.85rem 1rem}.contact-form input:focus,.contact-form textarea:focus{background:#ffffff18;border-color:#d7e2ea}.contact-form ::placeholder{color:#d7e2ea77}.contact-form .contact-button{outline-offset:-5px;cursor:pointer;border:0;outline:2px solid #fff;justify-self:start}.contact-form>p{opacity:.6;font-size:.75rem;line-height:1.4}footer small{letter-spacing:.08em;text-transform:uppercase;opacity:.5;font-size:.7rem;position:absolute;bottom:1.5rem;left:1.5rem}.mobile-nav{display:none}@media (width>=640px){nav{padding:2rem 2.5rem 0}.hero-bottom{padding:0 2.5rem 2rem}.hero-bottom p{max-width:220px}.contact-button{padding:.9rem 2.5rem;font-size:.875rem}.tech-strip{padding-bottom:5.5rem}.phone-ui,.notifications{width:160px}.phone-ui{left:2%}.notifications{right:2%}.map-pin{width:140px;left:6%}.security{width:170px;right:6%}.services,.projects{border-radius:50px 50px 0 0;padding-left:2rem;padding-right:2rem}.services{padding-top:6rem;padding-bottom:6rem}.project-card{border-radius:50px;padding:1.5rem}.project-images img{border-radius:40px}}@media (width>=768px){.hero-title-wrap{margin-top:-1.25rem}.hero-bottom{padding:0 2.5rem 2.5rem}.hero-bottom p{max-width:260px}.tech-strip{padding-top:3rem;padding-bottom:6rem}.phone-ui,.notifications{width:210px}.phone-ui{left:4%}.notifications{right:4%}.map-pin{width:180px;left:10%}.security{width:220px;right:10%}.services,.projects{border-radius:60px 60px 0 0;padding-left:2.5rem;padding-right:2.5rem}.services{padding-top:8rem;padding-bottom:8rem}.services h2{margin-bottom:7rem}.service{gap:2.5rem;padding:3rem 0}.projects{margin-top:-3.5rem;padding-top:8rem}.project-card{border-radius:60px;padding:2rem;top:1.5rem}.project-images img{border-radius:50px}.project-images>img{min-height:400px}footer{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);align-items:center;padding:7rem max(2.5rem,8vw)}}@media (width<=639px){.project-shell{height:auto;min-height:0;margin-bottom:1.25rem}.project-card{position:relative;top:auto}.desktop-nav{display:none}.menu-button{display:block}.mobile-nav{z-index:19;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111d;border:1px solid #d7e2ea55;border-radius:1rem;flex-direction:column;gap:1rem;padding:1rem 1.25rem;display:flex;position:absolute;top:4.5rem;right:1.25rem}.portrait{width:280px;top:50%;bottom:auto;transform:translate(-50%,-50%)}.project-top{gap:.6rem}.project-number{font-size:3.7rem}.project-images>img{min-height:255px}}.hero h1{letter-spacing:-.005em;word-spacing:.12em;font-size:max(3.75rem,15vw)}.about h2,.services h2,.projects h2{letter-spacing:-.005em;word-spacing:.11em;line-height:.86}.experience h2{letter-spacing:-.01em;word-spacing:.1em;line-height:.96}.contact-copy h2{letter-spacing:0;word-spacing:.12em;line-height:.92}.work-heading{margin-bottom:clamp(3rem,6vw,5.5rem);letter-spacing:.005em!important;word-spacing:.14em!important;font-size:clamp(3.6rem,11vw,9.5rem)!important;font-weight:700!important;line-height:.92!important}.project-card--queuecut-consumer{background:linear-gradient(135deg,#10231f 0%,#0c0c0c 42% 100%)}.project-card--queuecut-consumer .project-tile{background:#fff}.project-card--queuecut-consumer .project-images img{background:#f9f9f9;box-shadow:0 12px 34px #0007}.project-card--take-me-bake{background:radial-gradient(circle at 80% 8%,#ba6d3238 0%,#0000 28%),linear-gradient(135deg,#21140e 0%,#0c0c0c 58%)}.project-card--take-me-bake .project-tile{background:#f6eee2}.project-card--take-me-bake .project-images img{object-fit:contain;object-position:center}.project-card--take-me-bake .project-images{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));align-items:start}.project-card--take-me-bake .project-tile:first-child img{aspect-ratio:1213/872}.project-card--take-me-bake .project-tile:not(:first-child) img{aspect-ratio:530/861}.project-confidential{color:#d7e2ea;background:radial-gradient(circle at 82% 18%,#5c184233 0%,#0000 34%),#111;border:1px solid #d7e2ea33;border-radius:30px;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;min-height:clamp(270px,36vw,500px);padding:clamp(1.5rem,5vw,5rem);display:flex}.project-confidential span{letter-spacing:.16em;text-transform:uppercase;opacity:.6;font-size:clamp(.65rem,1vw,.85rem);font-weight:500}.project-confidential strong{letter-spacing:-.03em;max-width:760px;font-size:clamp(1.8rem,5vw,4.6rem);font-weight:700;line-height:.96}.project-confidential p{opacity:.7;max-width:560px;font-size:clamp(.85rem,1.5vw,1.1rem);font-weight:300;line-height:1.55}.project-images{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.project-tile{cursor:zoom-in;background:#161616;border:1px solid #d7e2ea33;border-radius:30px;min-width:0;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.project-tile:hover{transform:translateY(-5px);box-shadow:0 14px 30px #0008}.project-tile:focus-visible{outline-offset:3px;outline:2px solid #fff}.project-tile img{aspect-ratio:9/16;background:#161616;width:100%;height:auto;display:block;object-fit:contain!important;object-position:center!important}.image-modal{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out;background:#000d;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.image-modal-content{cursor:default;place-items:center;max-width:min(94vw,760px);max-height:92vh;display:grid;position:relative}.image-modal-content img{object-fit:contain;border-radius:1.25rem;max-width:100%;max-height:88vh;display:block;box-shadow:0 24px 70px #000}.image-modal-close{z-index:1;color:#fff;cursor:pointer;background:#0c0c0cdd;border:1px solid #ffffff80;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;display:grid;position:absolute;top:.7rem;right:.7rem}.image-modal-close:hover{background:#292929}@media (width>=640px){.project-tile{border-radius:40px}}@media (width>=768px){.project-images{gap:1rem}.project-tile,.project-confidential{border-radius:50px}}