.dev-page{background:#080e16;--dev-line:#ffffff24}.dev-page figure{margin:0}.dev-page h1,.dev-page h2,.dev-page h3{overflow-wrap:normal}.dev-page h2{font-size:clamp(2rem,3.5vw,3.8rem);line-height:1.12}.dev-page h2 span{color:#9aacc0}.dev-page p{line-height:1.75}.dev-eyebrow{font-size:.68rem!important;letter-spacing:.2em;color:#8ab9ff!important;margin-bottom:24px}.dev-hero{min-height:660px;position:relative;display:flex;align-items:center;overflow:hidden;padding:80px 6vw}.dev-hero-photo{position:absolute;inset:0 0 0 30%}.dev-hero-photo img{height:100%;object-position:58% center;animation:dev-settle 1.8s ease-out both}.dev-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080e16 8%,#080e16ed 26%,#080e1680 50%,transparent 78%),linear-gradient(0deg,#080e16 0%,transparent 28%);pointer-events:none}.dev-hero-copy{position:relative;z-index:1;max-width:670px}.dev-hero h1{font-size:clamp(2.8rem,4.9vw,5.3rem);line-height:1.06;letter-spacing:-.045em;margin-bottom:30px}.dev-hero h1 span{color:#8ab9ff}.dev-hero-copy>p:not(.dev-eyebrow){max-width:410px;color:#d0d8e0;font-size:1.1rem}.dev-link{display:inline-flex;gap:38px;align-items:center;margin-top:32px;border-bottom:1px solid #8ab9ff80;padding-bottom:10px;font-size:.9rem}.dev-link span{color:#8ab9ff}.dev-hero-caption{position:absolute;bottom:28px;right:6vw;z-index:1;font-size:.7rem;color:#c5cfda}.dev-process{padding:95px 6vw}.dev-section-heading{margin-bottom:50px}.dev-process-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.dev-process-image{position:sticky;top:210px}.dev-process-image img{aspect-ratio:1.14;object-fit:cover}.dev-process-image figcaption{font-size:.78rem;color:#9aacc0;margin-top:15px}.dev-step{display:grid;grid-template-columns:38px 1fr;gap:18px;border-top:1px solid var(--dev-line);padding:32px 0}.dev-step:first-child{padding-top:25px}.dev-number{font-size:.8rem;color:#8ab9ff;padding-top:6px}.dev-step h3{font-size:1.6rem;margin-bottom:15px}.dev-step p{max-width:470px}.dev-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.dev-tags span{font-size:.69rem;color:#b4c7da;padding:5px 11px;border:1px solid #ffffff20;border-radius:20px}.dev-example{display:grid;grid-template-columns:1fr 1fr;background:#cbd0d4;color:#152435}.dev-example-copy{padding:65px 5vw 65px 6vw;align-self:center}.dev-example h2{font-size:clamp(2rem,3vw,3.2rem)}.dev-example h2 span{color:#425b70}.dev-example .dev-eyebrow{color:#0050aa!important}.dev-example p{color:#425363;max-width:460px;margin-top:25px}.dev-example .dev-example-note{font-size:.75rem;border-top:1px solid #15243530;padding-top:18px}.dev-example figure{background:#e5e6e7;display:flex;align-items:center;overflow:hidden}.dev-example img{width:100%;height:100%;object-fit:cover;min-height:430px}.dev-print{margin:0 6vw;padding:45px 0;display:flex;gap:28px;border-bottom:1px solid var(--dev-line)}.dev-print-icon{width:56px;height:56px;flex-shrink:0;padding:12px;background:#112338;color:#8ab9ff}.dev-print-icon svg{width:100%;height:100%;fill:none;stroke:currentColor}.dev-print h3{font-size:1.3rem;margin-bottom:10px}.dev-print p{max-width:790px;font-size:.93rem}.dev-contact{padding:90px 6vw 110px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.dev-contact p:not(.dev-eyebrow){max-width:410px;margin-top:25px}.dev-mail{display:inline-flex;gap:35px;font-size:clamp(1.2rem,2vw,1.8rem);border-bottom:1px solid #8ab9ff80;padding:20px 0 12px;margin-top:12px}.dev-mail span{color:#8ab9ff}.dev-checklist{list-style:none;padding:0;margin:0}.dev-checklist li{padding:22px 0;border-bottom:1px solid var(--dev-line);font-size:1.05rem;display:flex;gap:20px}.dev-checklist li:before{content:"↗";color:#8ab9ff}.dev-animated .dev-enter{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.dev-animated .dev-enter.dev-visible{opacity:1;transform:none}@keyframes dev-settle{from{transform:scale(1.04)}to{transform:scale(1)}}@media(max-width:900px){.dev-hero{min-height:590px}.dev-hero h1{font-size:3.5rem}.dev-process-grid{gap:35px}.dev-example-copy{padding:45px 6vw}.dev-example h2{font-size:2rem}}@media(max-width:650px){.dev-hero{display:block;padding:40px 22px 290px;min-height:0}.dev-hero h1{font-size:clamp(2.1rem,8vw,3rem)}.dev-hero-photo{inset:230px 0 0}.dev-hero:after{background:linear-gradient(180deg,#080e16 0%,#080e16 38%,#080e1640 65%,#080e16 100%)}.dev-hero-copy>p:not(.dev-eyebrow){font-size:1rem}.dev-hero-caption{right:22px;left:22px;bottom:20px}.dev-process{padding:50px 22px}.dev-process-grid,.dev-example,.dev-contact{grid-template-columns:1fr}.dev-process-image{position:static}.dev-process-image img{aspect-ratio:1.4}.dev-section-heading{margin-bottom:30px}.dev-step{gap:12px}.dev-example-copy{padding:45px 22px}.dev-example img{min-height:0;aspect-ratio:1.4}.dev-print{margin:0 22px;gap:18px}.dev-contact{padding:55px 22px 70px;gap:30px}.dev-page h2{font-size:2rem}}

.dev-hero-drawing{inset:0 0 0 39%;display:flex;align-items:center;background:radial-gradient(ellipse at center,#18345170,transparent 70%)}.dev-hero-drawing img{height:auto;max-height:100%;object-fit:contain;filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}.dev-hero:has(.dev-hero-drawing):after{background:linear-gradient(90deg,#080e16 10%,#080e16e8 30%,transparent 65%)}@media(max-width:650px){.dev-hero-drawing{inset:auto 0 25px;height:260px}.dev-hero:has(.dev-hero-drawing):after{background:linear-gradient(180deg,#080e16 0%,#080e16 45%,transparent 70%)}}

.dev-example figure{background:#b9bec3}.dev-example img{mix-blend-mode:normal;object-fit:contain;padding:25px}.dev-example{background:#b9bec3}

.dev-hero-printer{inset:0}.dev-hero-printer img{width:100%;object-fit:cover;object-position:center}@media(max-width:650px){.dev-hero-printer{inset:auto 0 0;height:330px}.dev-hero-printer img{object-position:75% center}}

/* Keep the complete printer visible at every viewport size. */
.dev-hero-printer img{object-fit:contain;object-position:right center;animation:none;transform:none}@media(max-width:650px){.dev-hero-printer img{object-position:center}}

/* Blend the contained photograph itself so its actual edges stay invisible. */
.dev-hero-printer{display:flex;align-items:center;justify-content:flex-end}.dev-hero-printer img{width:auto;height:auto;max-width:100%;max-height:100%;mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 96%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 82%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 96%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 82%,transparent 100%);-webkit-mask-composite:source-in}