/* Website Development only. Shared navigation, footer and homepage stay untouched. */
.dev-page{padding-top:98px;background:#0b0b0c}.dev-page h2{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.035em}.dev-page p{line-height:1.65;color:#d1cfc9}.dev-page .btn.gold{padding:14px 24px;gap:20px;min-height:49px;font-size:12px}.dev-divider{position:relative}.dev-divider::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#a7833d55 15%,#e1b964b3 50%,#a7833d55 85%,transparent);box-shadow:0 0 8px #d9a4431c;z-index:2;pointer-events:none}.dev-hero{position:relative;isolation:isolate;overflow:hidden;min-height:470px}.dev-hero-media{position:absolute;inset:0;z-index:-2}.dev-hero-photo{width:100%;height:100%;object-fit:cover;object-position:center}.dev-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08090af5 0%,#08090adb 30%,#08090a68 45%,transparent 65%),linear-gradient(0deg,#08090a44,transparent 30%)}.dev-hero-inner{min-height:470px;display:flex;align-items:center;padding:46px 0}.dev-hero-copy{width:47%;max-width:580px}.dev-hero .eyebrow{display:flex;align-items:center;gap:13px;letter-spacing:.04em;font-size:11px;font-weight:600;color:#e8c368;margin-bottom:23px}.dev-hero .eyebrow::before{content:"";width:25px;height:2px;background:#e1bd65}.dev-hero h1{font-size:clamp(34px,3.8vw,56px);line-height:1.12;letter-spacing:-.04em;text-wrap:initial}.dev-hero-copy>p:not(.eyebrow){font-size:14px;max-width:47ch;margin:22px 0 27px}.dev-benefits{padding:31px 0 17px}.dev-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}.dev-benefit-grid article{text-align:center;padding:0 28px;border-right:1px solid #bc9b4a19}.dev-benefit-grid article:last-child{border:0}.dev-benefit-grid svg{height:34px;width:34px;color:#e7bd5e;margin:0 auto 11px}.dev-benefit-grid h2{font-size:14px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}.dev-benefit-grid p{font-size:12px;max-width:25ch;margin:auto;line-height:1.5}.dev-process{padding:39px 0 35px;background:radial-gradient(ellipse at 40% 80%,#6a471111,transparent 65%)}.dev-process-grid{display:grid;grid-template-columns:1fr 2.35fr;gap:45px;align-items:center}.dev-process-grid>div>p{font-size:13px;margin-top:12px;max-width:31ch}.dev-process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.dev-process li{text-align:center;position:relative}.dev-number{display:block;color:#ddb15b;font-size:27px;line-height:1.2;font-weight:400;margin-bottom:7px}.dev-process h3{font-size:13px;letter-spacing:0;font-weight:600}.dev-node{display:block;height:1px;background:linear-gradient(90deg,#8f723740,#c69b50,#8f723740);position:relative;margin:16px 0 19px}.dev-node::after{content:"";width:6px;height:6px;border-radius:50%;background:#f5d48d;box-shadow:0 0 7px #e7b44b66;position:absolute;left:calc(50% - 3px);top:-2.5px}.dev-process li p{font-size:11px;line-height:1.6;max-width:22ch;margin:auto;padding:0 10px}.dev-requirements{display:grid;grid-template-columns:40% 60%;min-height:320px;align-items:center;overflow:hidden}.dev-requirements-media{height:100%;position:relative;min-height:320px}.dev-requirements-media img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 48%}.dev-requirements-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#0b0b0c),linear-gradient(0deg,#0b0b0c4d,transparent 35%)}.dev-requirements-copy{padding:30px 11.7% 30px 5%}.dev-requirements-intro{padding-left:22px;border-left:1px solid #d1ae5a}.dev-requirements h2{font-size:clamp(25px,2.5vw,34px)}.dev-requirements-intro p{font-size:12px;margin-top:11px}.dev-requirements ul{list-style:none;padding:0;margin:23px 0 17px;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.dev-requirements li{font-size:11px;line-height:1.6;display:flex;gap:10px;align-items:flex-start;color:#e5e2db}.dev-requirements li span{color:#e2bb5b;border:1px solid #b3914b;border-radius:3px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;margin-top:1px}.dev-reassurance{font-size:11px;font-style:italic;color:#bfbcb6!important}.dev-closing{padding:37px 0 46px;min-height:210px;text-align:center;isolation:isolate;background:linear-gradient(#08090a3b,#08090a80),url('/assets/showcase-atmosphere.jpg') center 45%/cover}.dev-closing h2{font-size:clamp(24px,2.4vw,33px);margin:0 auto 21px;max-width:29ch}.dev-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dev-project-screen,.dev-phone-screen{position:absolute;overflow:hidden;pointer-events:none}.dev-project-screen img{width:100%;height:100%;object-fit:cover}.dev-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:66% center}
@media(min-width:1600px){.dev-hero-media{max-height:none}.dev-hero{min-height:520px}.dev-hero-inner{min-height:520px}}
@media(max-width:1000px){.dev-hero-copy{width:50%}.dev-hero h1{font-size:38px}.dev-hero-inner,.dev-hero{min-height:430px}.dev-hero-copy>p:not(.eyebrow){font-size:12px}.dev-benefit-grid article{padding:0 16px}.dev-process-grid{grid-template-columns:1fr;gap:26px}.dev-process-grid>div{text-align:center}.dev-process-grid>div>p{max-width:none}.dev-requirements{grid-template-columns:36% 64%}.dev-requirements-copy{padding:32px 10% 32px 4%}.dev-requirements ul{gap:12px}.dev-requirements h2{font-size:25px}}
@media(max-width:950px){.dev-page{padding-top:82px}}
@media(max-width:600px){.dev-page{padding-top:78px}.dev-hero{display:flex;flex-direction:column;min-height:0;padding-bottom:0}.dev-hero-inner{order:0;min-height:0;padding:35px 0 27px}.dev-hero-copy{width:100%;max-width:none}.dev-hero h1{font-size:39px}.dev-hero-copy>p:not(.eyebrow){font-size:13px;max-width:39ch;margin:18px 0 22px}.dev-hero .eyebrow{margin-bottom:17px}.dev-hero-media{position:relative;order:1;height:auto;aspect-ratio:1.75;z-index:0;overflow:hidden}.dev-hero::after{display:none}.dev-hero-photo{object-position:center}.dev-benefits{padding:28px 0 20px}.dev-benefit-grid{grid-template-columns:1fr 1fr;gap:26px 10px}.dev-benefit-grid article{padding:0 10px;border:0}.dev-benefit-grid h2{font-size:13px}.dev-benefit-grid p{font-size:11px}.dev-process{padding:30px 0}.dev-process ol{grid-template-columns:1fr 1fr;gap:27px 0}.dev-process li p{font-size:11px}.dev-requirements{display:flex;flex-direction:column;min-height:0}.dev-requirements-media{height:210px;min-height:0;width:100%}.dev-requirements-copy{padding:25px 6.5% 30px}.dev-requirements-intro{padding-left:17px}.dev-requirements ul{grid-template-columns:1fr;gap:12px;margin:23px 0 20px}.dev-requirements li{font-size:12px}.dev-reassurance{font-size:12px}.dev-closing{padding:35px 0 40px;min-height:195px}.dev-page .btn.gold{font-size:12px;min-height:48px}.dev-requirements-media::after{background:linear-gradient(0deg,#0b0b0c,transparent 35%)} }
@media(prefers-reduced-motion:reduce){.dev-page .btn{transition:none}.dev-page .btn:hover{transform:none}}
/* Photograph coordinates keep actual project screens aligned to the device bezels. */
@media(min-width:601px){.dev-hero-media{inset:auto 0 auto auto;top:50%;width:74%;height:auto;aspect-ratio:1672/941;transform:translateY(-50%)}.dev-hero-photo{position:absolute;inset:0;object-fit:fill}}
.dev-project-screen{left:36.45%;top:21.2%;width:44.7%;height:47.3%;border-radius:3px;background:#030404}
.dev-phone-screen{left:85.95%;top:40.45%;width:8.9%;height:34.4%;border-radius:7px;background:#030404}
@media(max-width:600px){.dev-project-screen{left:36.45%;top:21.2%}.dev-phone-screen{border-radius:4px}.dev-hero-media{aspect-ratio:1672/941}.dev-hero-photo{object-fit:fill}}

/* Compact reference proportions, scoped to this service page. */
.dev-page{background:radial-gradient(ellipse at 85% 45%,#63431b0d,transparent 55%),#0d0e0f}
.dev-benefits{padding:25px 0 15px;background:linear-gradient(110deg,#111213,#0c0d0e 65%,#141310)}

.dev-process{padding:29px 0;background:radial-gradient(ellipse at 45% 90%,#8b5a2320,transparent 65%),linear-gradient(115deg,#101112,#0d0e0f)}
.dev-requirements{min-height:280px;background:radial-gradient(ellipse at 52% 100%,#8b5a2314,transparent 65%),#0e0f10}
.dev-requirements-media{min-height:280px}
.dev-requirements-copy{padding-top:23px;padding-bottom:23px}
.dev-requirements ul{margin-top:18px;margin-bottom:14px;gap:10px 22px}
.dev-closing{min-height:0;padding:30px 0 35px;background-position:center 40%}
.dev-closing h2{margin-bottom:18px}
@media(min-width:601px){
 .dev-hero,.dev-hero-inner{min-height:420px}
 .dev-hero-inner{padding-top:33px;padding-bottom:33px}
 .dev-process-grid{grid-template-columns:1fr 2.35fr;gap:32px}
 .dev-process-grid>div{text-align:left}
 .dev-process-grid>div>p{max-width:31ch}
 .dev-process ol{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:601px) and (max-width:1000px){
 .dev-process-grid{grid-template-columns:.9fr 2.6fr;gap:21px}
 .dev-process-grid h2{font-size:27px}
 .dev-process-grid>div>p{font-size:12px}
 .dev-process li p{font-size:11px;padding:0 5px}
 .dev-process h3{font-size:12px}
 .dev-number{font-size:25px}
 .dev-requirements-copy{padding-top:22px;padding-bottom:22px}
 .dev-requirements-media{min-height:280px}
}
@media(max-width:600px){
 .dev-hero-inner{padding-top:30px;padding-bottom:25px}
 .dev-benefits{padding-top:24px;padding-bottom:18px}
 .dev-process{padding:27px 0}
 .dev-process-grid{gap:22px}
 .dev-process ol{gap:23px 0}
 .dev-requirements{min-height:0}
 .dev-requirements-media{height:195px;min-height:195px}
 .dev-requirements-copy{padding-top:20px;padding-bottom:27px}
 .dev-requirements ul{margin-top:20px;margin-bottom:17px;gap:11px}
 .dev-closing{padding:29px 0 33px}
}

/* Hero/benefits refinement only: one continuous studio environment. */
.dev-hero{background:#171513 url('/assets/development-studio.jpg') center/cover}
.dev-hero::after{background:linear-gradient(90deg,#08090ad1 0%,#08090ab3 29%,#08090a59 48%,transparent 69%),linear-gradient(0deg,#08090a26,transparent 22%)}
.dev-hero-media{mask-image:linear-gradient(90deg,transparent,#000 29%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 29%)}
.dev-hero-copy>p:not(.eyebrow){margin-top:19px;margin-bottom:24px}
.dev-benefits{padding:25px 0 12px;background:radial-gradient(ellipse at 49% 0,#a2742912,transparent 65%),linear-gradient(110deg,#121314,#0d0e0f 65%,#161410)}
.dev-benefits::before,.dev-benefits + .dev-process::before{background:linear-gradient(90deg,#b18b3812,#cba44d40 16%,#e4bd6a99 43%,#f0d393bb 50%,#e4bd6a99 57%,#cba44d40 84%,#b18b3812);box-shadow:0 0 5px #c9973220,0 0 11px #a9742310}
.dev-benefits::after{content:"";position:absolute;left:34%;right:34%;top:-2px;height:5px;pointer-events:none;background:radial-gradient(ellipse,#f4d38a66,transparent 68%);filter:blur(3px)}
.dev-benefit-grid article{border-right-color:#c4a45e1c}

@media(min-width:601px){.dev-hero,.dev-hero-inner{min-height:400px}.dev-hero-inner{padding-top:26px;padding-bottom:26px}}
@media(max-width:600px){
 .dev-hero{background-position:40% top}
 .dev-hero-inner{position:relative;z-index:1;padding-top:26px;padding-bottom:23px}
 .dev-hero-copy{text-shadow:0 1px 12px #0008}
 .dev-hero-media{mask-image:linear-gradient(180deg,transparent,#000 8%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 8%)}
 .dev-hero::before{content:"";position:absolute;inset:0 0 auto;height:65%;background:linear-gradient(90deg,#08090ac7,#08090a80);z-index:0;pointer-events:none}
 .dev-benefits{padding-top:22px;padding-bottom:14px}
 .dev-benefit-grid{gap:23px 10px}
 .dev-benefit-grid article:nth-child(odd){border-right:1px solid #c4a45e1c}
 
}

/* Single photographed studio: remove the competing background plate and masks. */
.dev-hero{background:linear-gradient(110deg,#15120e,#14110e 70%,#19140e)}
.dev-hero::before{content:none}
.dev-hero::after{display:block;background:linear-gradient(90deg,#08090a8c 0%,#08090a66 30%,#08090a16 50%,transparent 72%)}
.dev-hero-media{mask-image:none;-webkit-mask-image:none}
.dev-project-screen{left:50.54%;top:31.35%;width:32.54%;height:36.87%;border-radius:0;clip-path:polygon(3.68% 2.88%,99.6% 0%,96.5% 100%,0% 95.7%)}
.dev-phone-screen{left:86.1%;top:45.4%;width:6.9%;height:28.5%;border-radius:8px}
.dev-benefits{padding-top:23px;padding-bottom:23px}
@media(min-width:601px){
 .dev-hero,.dev-hero-inner{min-height:clamp(380px,27vw,440px)}
 .dev-hero-media{inset:auto 0 auto auto;top:50%;width:90%;max-width:1440px;height:auto;aspect-ratio:1672/941;transform:translateY(-54%)}
 .dev-hero-inner{padding-top:23px;padding-bottom:23px}
}
@media(max-width:600px){
 .dev-hero{background:linear-gradient(125deg,#161310,#0d0e0f)}
 .dev-hero::after{display:none}
 .dev-hero-media{position:relative;inset:auto;transform:none;max-width:none;width:100%;aspect-ratio:1672/941}
 .dev-hero-inner{padding-top:25px;padding-bottom:22px}
 .dev-benefits{padding-top:21px;padding-bottom:22px}
 .dev-phone-screen{border-radius:4px}
}
@media(min-width:601px){.dev-hero,.dev-hero-inner{min-height:365px}.dev-hero-media{width:88%;max-width:1350px}}
@media(min-width:1600px){.dev-hero,.dev-hero-inner{min-height:380px}}
.dev-benefits{padding-top:20px;padding-bottom:20px}
@media(min-width:601px){.dev-hero-media{mask-image:linear-gradient(90deg,transparent,#000 24%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%)}}

/* Requirements photograph uses the homepage's wide SVG curve and amber contour. */
.dev-requirements{grid-template-columns:48% 52%}
.dev-requirements-media{overflow:visible;filter:drop-shadow(4px 1px 8px #b7803220)}
.dev-requirements-media::after{display:none}
.dev-clip-defs{position:absolute;width:0;height:0;overflow:hidden}
.dev-workspace-image{position:absolute;inset:0;width:100%;height:100%;clip-path:url(#development-workspace-curve)}
.dev-workspace-edge{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:#d2a762;stroke-width:.65;opacity:.3;filter:drop-shadow(0 0 3px #c38c4340)}
.dev-requirements-copy{padding-left:0;padding-right:13.5%}
@media(min-width:601px) and (max-width:1000px){.dev-requirements{grid-template-columns:43% 57%}.dev-requirements-copy{padding-left:0;padding-right:9%}}
@media(max-width:600px){.dev-requirements-media{height:210px;min-height:210px}.dev-requirements-copy{padding-left:6.5%;padding-right:6.5%}}

/* Immersive first viewport, scoped to the Website Development page. */
.development-page .dev-page{padding-top:0}
.development-page #header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.development-page #header.solid{background:rgba(9,9,11,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.development-page #header.menu-open{background:#101012f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.dev-hero::after{background:linear-gradient(180deg,#08090a80,transparent 22%),linear-gradient(90deg,#08090a8c 0%,#08090a66 30%,#08090a16 50%,transparent 72%)}
@media(min-width:701px){
 .dev-hero{min-height:max(510px,calc(100svh - var(--dev-benefits-height,150px)))}
 .dev-hero-inner{min-height:max(510px,calc(100svh - var(--dev-benefits-height,150px)));padding-top:calc(var(--dev-header-height,98px) + 20px);padding-bottom:30px}
 .dev-hero-media{width:var(--dev-scene-width,100%);height:var(--dev-scene-height,100%);max-width:none;aspect-ratio:1672/941;top:auto;bottom:0;right:0;transform:none;mask-image:linear-gradient(90deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%)}
}
@media(max-width:700px){.dev-hero-inner{padding-top:calc(var(--dev-header-height,78px) + 26px)}.dev-hero-media{top:auto;bottom:auto}}
@media(min-width:701px) and (max-width:1000px){
 .dev-hero-inner{align-items:flex-start;padding-top:calc(var(--dev-header-height,82px) + 28px)}
 .dev-hero-media{width:88%;height:auto;aspect-ratio:1672/941;mask-image:linear-gradient(180deg,transparent,#000 20%),linear-gradient(90deg,transparent,#000 22%);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%),linear-gradient(90deg,transparent,#000 22%);-webkit-mask-composite:source-in}
}

/* Approved reference: larger editorial type, warm photographic hero and refined benefits. */
.dev-hero-inner,.dev-benefit-grid{width:86%;max-width:1536px}
.dev-hero{background:#17130f}
.dev-hero::after{background:linear-gradient(180deg,#08090a85,transparent 22%),linear-gradient(90deg,#08090a66 0%,#08090a38 32%,transparent 60%)}
.dev-hero .eyebrow{font-size:clamp(12px,1.1vw,19px);gap:17px;margin-bottom:27px;letter-spacing:.01em}
.dev-hero .eyebrow::before{width:35px;height:2px}
.dev-hero h1{font-size:clamp(38px,4.3vw,76px);line-height:1.05;letter-spacing:-.04em}
.dev-hero-copy{width:48%;max-width:760px}
.dev-hero-copy>p:not(.eyebrow){font-size:clamp(14px,1.22vw,22px);line-height:1.6;max-width:49ch;margin-top:25px;margin-bottom:29px}
.dev-hero .btn.gold{font-size:clamp(14px,1.1vw,19px);min-height:58px;padding:17px 30px;gap:25px;background:linear-gradient(115deg,#f1ce70,#d6a72b);border-color:#edc66b;box-shadow:inset 0 1px #fff4}
.dev-benefits{padding:31px 0 33px;background:radial-gradient(ellipse at 50% 10%,#8a5a2415,transparent 70%),linear-gradient(110deg,#121211,#0c0d0e 65%,#16130e)}
.dev-benefit-grid svg{height:44px;width:44px;margin-bottom:13px;color:#efc65e}
.dev-benefit-grid h2{font-size:clamp(15px,1.28vw,22px);margin-bottom:8px;font-weight:600}
.dev-benefit-grid p{font-size:clamp(13px,1.13vw,20px);line-height:1.5;max-width:25ch}
.dev-benefit-grid article{padding:0 30px;border-right-color:#bd98402e}
.dev-benefits::before,.dev-benefits + .dev-process::before{background:linear-gradient(90deg,#b18b3810,#d4a84466 22%,#f2c769b3 43%,#ffe5a6 50%,#f2c769b3 57%,#d4a84466 78%,#b18b3810);box-shadow:0 0 5px #dfaa3a26,0 0 13px #b87c1c1a}
.dev-benefits::after{left:32%;right:32%;height:6px;top:-2px;background:radial-gradient(ellipse,#f4d38a85,transparent 70%);filter:blur(3px)}
@media(min-width:701px) and (max-width:1000px){.dev-hero h1{font-size:38px}.dev-hero .eyebrow{font-size:11px;margin-bottom:20px}.dev-hero-copy>p:not(.eyebrow){font-size:13px;margin-top:19px;margin-bottom:23px}.dev-benefit-grid article{padding:0 13px}.dev-benefit-grid h2{font-size:13px}.dev-benefit-grid p{font-size:11px}.dev-benefit-grid svg{width:34px;height:34px}.dev-benefits{padding:23px 0}}
@media(max-width:700px){.dev-hero-copy{width:100%;max-width:none}.dev-hero h1{font-size:39px;line-height:1.12}.dev-hero .eyebrow{font-size:11px;margin-bottom:19px}.dev-hero-copy>p:not(.eyebrow){font-size:13px;margin-top:19px;margin-bottom:24px}.dev-hero .btn.gold{font-size:13px;min-height:50px;padding:13px 21px;gap:22px}.dev-benefits{padding:25px 0 27px}.dev-benefit-grid article{padding:0 10px}.dev-benefit-grid svg{height:36px;width:36px}.dev-benefit-grid h2{font-size:14px}.dev-benefit-grid p{font-size:12px}}
/* Reference-derived device photograph includes its own screen artwork. */
@media(min-width:1001px){.dev-hero-media{width:72%;max-width:1400px;height:auto;aspect-ratio:1086/1448;top:50%;bottom:auto;transform:translateY(-45%);mask-image:linear-gradient(90deg,transparent,#000 17%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 17%)}}
@media(min-width:701px) and (max-width:1000px){.dev-hero-media{width:72%;height:auto;aspect-ratio:1086/1448;top:auto;bottom:-100px;transform:none;mask-image:linear-gradient(180deg,transparent,#000 23%),linear-gradient(90deg,transparent,#000 17%);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent,#000 23%),linear-gradient(90deg,transparent,#000 17%);-webkit-mask-composite:source-in}}
@media(max-width:700px){.dev-hero-media{aspect-ratio:1.8;overflow:hidden}.dev-hero-photo{height:auto;position:absolute;width:100%;top:50%;transform:translateY(-47%);object-fit:contain}}

/* Keep the reference composition tight: text high, devices close to the divider. */
.development-page #header:not(.solid):not(.menu-open){background:rgba(8,9,10,.22)}
.dev-benefits::after{inset:-3px 28%;height:auto;background:radial-gradient(ellipse 50% 5px at 50% 3px,#f4d38a85,transparent 75%),radial-gradient(ellipse 50% 5px at 50% calc(100% - 3px),#f4d38a85,transparent 75%);filter:blur(3px)}
@media(min-width:1001px){
 .dev-hero-inner{align-items:flex-start;padding-top:calc(var(--dev-header-height,98px) + 48px)}
 .dev-hero-media{transform:translateY(-40%)}
 .dev-benefits{padding:36px 0 38px}
 .dev-benefit-grid svg{width:48px;height:48px;margin-bottom:15px}
 .dev-hero .btn.gold{min-height:54px;padding:15px 29px}
}

/* Centre the hero content lower in the available space above the gold divider. */
@media(min-width:1001px){
 .dev-hero-inner{align-items:center}
 .dev-hero-media{transform:translateY(-38.5%)}
}
@media(min-width:701px) and (max-width:1000px){
 .dev-hero-inner{align-items:center;padding-top:calc(var(--dev-header-height,82px) + 65px)}
 .dev-hero-media{bottom:-260px}
}

/* Let the warm photograph carry farther behind the copy. */
@media(min-width:701px){
 .dev-hero::after{background:linear-gradient(180deg,#08090a50,transparent 24%),linear-gradient(90deg,#08090a38,transparent 65%)}
 .dev-hero-media{mask-image:linear-gradient(90deg,transparent,#000 5%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%)}
 .dev-hero-copy{transform:translate(-10px,-20px)}
}
@media(min-width:701px){
 .dev-hero-media{inset:0;width:100%;max-width:none;height:100%;aspect-ratio:auto;transform:none;mask-image:none;-webkit-mask-image:none}
 .dev-hero-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
}
@media(max-width:700px){.dev-hero-photo{height:100%;top:0;transform:none;object-fit:cover;object-position:right center}}
/* A restrained local shade keeps ivory copy readable over the warm workspace. */
@media(min-width:701px){.dev-hero::after{background:linear-gradient(180deg,#08090a40,transparent 24%),linear-gradient(90deg,#08090a66 0%,#08090a2e 38%,transparent 67%)}}

/* Compact service-page composition, aligned with the final approved render. */
.dev-benefits{padding:24px 0;background:linear-gradient(110deg,#111212,#0d0e0f 70%,#18150f)}
.dev-benefit-grid article{display:flex;align-items:flex-start;gap:21px;text-align:left;padding:0 24px}
.dev-benefit-grid svg{flex-shrink:0;width:40px;height:40px;margin:2px 0 0}
.dev-benefit-grid h2{font-size:15px;margin-bottom:7px;line-height:1.3}
.dev-benefit-grid p{font-size:12px;line-height:1.55;margin:0;max-width:24ch}
.dev-divider::before{box-shadow:0 0 6px #d9a44312}
.dev-benefits::after{opacity:.55}
.dev-process{padding:21px 0 30px}
.dev-process-grid{display:block}
.dev-process-grid>div{text-align:center}
.dev-process-grid #process-title{display:flex;align-items:center;justify-content:center;gap:20px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#e8c368}
.dev-process-grid #process-title::before,.dev-process-grid #process-title::after{content:"";height:1px;width:40px;background:#c6a24c99}
.dev-process-grid>div>p{font-size:11px;margin:8px auto 0;max-width:none;color:#bfbcb6}
.dev-process ol{margin-top:21px;gap:0}
.dev-process li{isolation:isolate}
.dev-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #d0ab55;border-radius:50%;font-size:18px;margin:0 auto 10px;background:#111213;position:relative;z-index:1;box-shadow:inset 0 0 6px #cb9e2310}
.dev-node{position:absolute;top:20px;left:50%;width:100%;margin:0;z-index:-1;background:linear-gradient(90deg,#b28d3e55,#b28d3e22)}
.dev-node::after{display:none}
.dev-process li:last-child .dev-node{display:none}
.dev-process h3{font-size:15px;margin-bottom:7px}
.dev-process li p{font-size:12px;max-width:25ch;line-height:1.5}
.dev-requirements-intro{border:0;padding-left:0}
.dev-requirements h2{font-size:clamp(25px,2.1vw,32px)}
.dev-requirements-intro p{font-size:12px;line-height:1.6}
.dev-requirements-copy{padding:25px 7% 25px 4%}
.dev-requirements ul{gap:12px 26px;margin:24px 0 18px}
.dev-requirements li{font-size:12px;line-height:1.5;gap:12px}
.dev-requirements li span{width:19px;height:19px;font-size:14px}
.dev-workspace-edge{opacity:.65}
@media(min-width:701px){
 .dev-hero,.dev-hero-inner{min-height:clamp(440px,31vw,520px)}
 .dev-hero-inner{width:82%;padding-top:calc(var(--dev-header-height,98px) + 16px);padding-bottom:32px;align-items:center}
 .dev-hero-copy{transform:none;width:46%}
 .dev-hero h1{font-size:clamp(36px,3.3vw,54px);line-height:1.06}
 .dev-hero .eyebrow{font-size:12px;margin-bottom:18px}
 .dev-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;margin:19px 0 22px}
 .dev-hero .btn.gold{font-size:14px;padding:15px 24px;min-height:50px;gap:22px}
}
@media(min-width:701px) and (max-width:1000px){
 .dev-hero-copy{width:49%}
 .dev-hero h1{font-size:34px}
 .dev-hero-copy>p:not(.eyebrow){font-size:12px}
 .dev-benefit-grid article{gap:12px;padding:0 14px}
 .dev-benefit-grid svg{width:30px;height:30px}
 .dev-benefit-grid h2{font-size:12px}
 .dev-benefit-grid p{font-size:10px}
}
@media(max-width:700px){
 .dev-benefits{padding:25px 0}
 .dev-benefit-grid article{gap:12px;padding:0 5px}
 .dev-benefit-grid svg{width:28px;height:28px}
 .dev-benefit-grid h2{font-size:12px}
 .dev-benefit-grid p{font-size:11px}
 .dev-process ol{gap:24px 0}
 .dev-process li:nth-child(2) .dev-node{display:none}
 .dev-process-grid>div>p{max-width:32ch;line-height:1.6}
 .dev-requirements-copy{padding:24px 6.5% 30px}
 .dev-requirements ul{gap:13px}
}

/* Hero-only refinement: 23% more height and a slightly stronger device presence. */
@media(min-width:701px){
 .dev-hero,.dev-hero-inner{min-height:clamp(541px,38.13vw,640px)}
 .dev-hero-photo{transform:scale(1.04);transform-origin:right center}
 .dev-hero-copy>p:not(.eyebrow){margin-top:23px;margin-bottom:27px}
}
@media(max-width:700px){
 .dev-hero-inner{padding-top:calc(var(--dev-header-height,78px) + 38px);padding-bottom:39px}
 .dev-hero-media{aspect-ratio:1.45}
 .dev-hero-photo{width:115%;max-width:none;left:auto;right:0;object-position:right center}
}

/* Additional 16.5% desktop hero height. */
@media(min-width:701px){.dev-hero,.dev-hero-inner{min-height:clamp(630px,44.42vw,746px)}}

/* Fully clear over the hero until the existing scroll threshold is reached. */
.development-page #header:not(.solid):not(.menu-open){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}

/* Compact mountain closing banner, kept separate from the shared footer. */
.dev-closing{padding:30px 0 36px;min-height:185px;background:linear-gradient(180deg,#08090a18,#08090a55),url('/assets/development-cta-mountains-gold.jpg') center 43%/cover}
.dev-closing h2{font-size:clamp(23px,2.35vw,33px);font-weight:600;line-height:1.25;max-width:none;margin:0 auto 20px}
.dev-closing .btn.gold{font-size:14px;padding:15px 28px;min-height:49px;gap:22px;background:linear-gradient(115deg,#f1ce70,#d4a23c);border-color:#e8c469}
@media(max-width:700px){.dev-closing{padding:30px 0 34px;min-height:185px;background-position:center 43%}.dev-closing h2{max-width:24ch;font-size:24px}.dev-closing .btn.gold{font-size:13px}}