/* Extensions of the existing Dells river-blue, paper, Georgia/Avenir system. */
.website-services{grid-template-columns:repeat(2,minmax(0,1fr))}
.website-services article{min-width:0}
.trade-opening>*,.trade-handoff-inner>*,.trade-marketing>*,.section-heading>*,.contact-inner>*,.projects>*{min-width:0}
h1,h2,h3,.eyebrow,.trade-location,.contact a{overflow-wrap:anywhere}
.form-field,.contact-action{min-width:0}
.form-field select{min-width:0;max-width:100%}
.service-addons{display:grid;grid-template-columns:1fr 1.7fr;gap:clamp(32px,6vw,90px);margin-top:48px;padding-top:48px;border-top:1px solid var(--line)}
.addons-intro h3{font-family:var(--serif);font-weight:400;font-size:2rem;line-height:1.2}
.addons-intro p,.addon-list dd{color:var(--muted)}
.addons-intro p{max-width:32ch}
.addon-list{margin:0}
.addon-list>div{padding-block:22px;border-bottom:1px solid var(--line)}
.addon-list>div:first-child{padding-top:0}
.addon-list dt{font-size:1.2rem;font-weight:600;margin-bottom:10px}
.addon-list dd{margin:0;max-width:66ch}
.addon-list dd a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px;margin-top:10px;color:var(--ink)}
.trade-links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.trade-links a{display:block;padding-block:26px;border-block:1px solid var(--line);text-decoration:none}
.trade-links a:hover{border-color:var(--ink)}
.trade-links a span{display:block}
.trade-links a span:first-child{font-family:var(--serif);font-size:2rem;line-height:1.2;margin-bottom:16px}
.trade-links a span:last-child{color:var(--muted)}
.trade-note{margin:28px 0 0;color:var(--muted)}
.trade-opening{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(36px,6vw,90px);padding-block:70px;align-items:center}
.trade-opening h1{font-size:clamp(2.9rem,1rem + 4vw,4.8rem);letter-spacing:-.035em;margin-top:30px}
.trade-breadcrumb{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;color:var(--muted)}
.trade-opening .intro{max-width:48ch}
.trade-opening .hero-description{max-width:56ch}
.trade-location{font-size:.83rem;color:var(--muted);margin:30px 0 0}
.trade-question-panel{background:var(--sand);padding:clamp(28px,3.5vw,48px)}
.trade-question-panel h2{font-size:clamp(1.8rem,1rem + 1.5vw,2.5rem);letter-spacing:-.025em}
.trade-question-panel ul{list-style:none;padding:0;margin:28px 0}
.trade-question-panel li{padding-block:15px;border-top:1px solid #c4cbc5}
.trade-question-panel>p{font-size:.9rem;margin:0;color:var(--muted)}
.trade-details .section-heading>h2{max-width:19ch}
.trade-detail-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.trade-detail-list article{border-top:1px solid var(--line);padding-top:28px;min-width:0}
.trade-detail-list h3{font-size:1.35rem;font-weight:600;max-width:25ch}
.trade-detail-list p{color:var(--muted);margin-bottom:0}
.trade-handoff{background:var(--ink);color:var(--paper);padding-block:70px}
.trade-handoff-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,8vw,120px)}
.trade-handoff h2 em{color:#c5dce3}
.trade-handoff p,.trade-handoff li{color:#dce6e8;max-width:65ch}
.trade-handoff ul{padding-left:20px}
.trade-handoff li{margin-bottom:16px}
.trade-handoff .text-link{color:var(--paper);border-color:#b5c8ce}
.trade-marketing{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(32px,8vw,120px);align-items:center;border-bottom:1px solid var(--line)}
.trade-marketing p{max-width:65ch;color:var(--muted)}
.trade-related{padding-block:35px;border-bottom:1px solid var(--line)}
.trade-related p{font-weight:600;margin-bottom:12px}
.trade-related ul{display:flex;gap:15px 35px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.trade-related a{display:inline-flex;align-items:center;min-height:44px}
.trade-faq summary{min-height:44px;padding-block:9px}
@media(max-width:1000px){.trade-opening{gap:30px}.trade-detail-list{gap:25px}.service-addons{gap:35px}}
@media(max-width:760px){.trade-opening{grid-template-columns:1fr;padding-block:35px}.trade-opening h1{font-size:clamp(2.6rem,1rem + 6vw,3.8rem)}.trade-opening .hero-actions{gap:18px}.trade-question-panel{padding:28px}.website-services,.service-addons,.trade-links,.trade-detail-list,.trade-handoff-inner,.trade-marketing{grid-template-columns:1fr}.service-addons{margin-top:28px;padding-top:30px}.addons-intro p{max-width:65ch}.trade-links{gap:0}.trade-links a{border-top:0;padding-block:24px}.trade-links li:first-child a{border-top:1px solid var(--line)}.trade-links a span:first-child{font-size:1.8rem;margin-bottom:10px}.trade-detail-list{gap:30px}.trade-handoff{padding-block:45px}.trade-related ul{display:grid;gap:15px}}

/* Scenario-led pages stay inside the established Dells brand. */
h1,h2,h3{text-wrap:balance}
p,li,dd{text-wrap:pretty}
.landing-proof-line{font-size:.875rem;color:var(--muted);max-width:52ch;margin:24px 0 0}
.browser-bar{flex-wrap:wrap}
.browser-bar span{min-width:0;overflow-wrap:anywhere}
.landing-work-proof{min-width:0;margin:0;padding:24px;background:#e0e9e9}
.landing-work-proof img{display:block;width:100%;height:auto}
.landing-work-proof figcaption{font-size:.875rem;color:var(--muted);margin-top:16px;line-height:1.5}
.trade-opening{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding-block:48px;gap:48px}
.trade-opening h1{font-size:clamp(3rem,4.2vw,3.75rem);margin-top:16px;max-width:20ch}
.trade-opening .hero-description{max-width:52ch}
.trade-detail-list{display:block}
.trade-detail-list article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;padding-block:24px}
.trade-detail-list h3{max-width:28ch;margin:0}
.trade-detail-list p{margin:0;max-width:62ch}
.website-process{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;border-top:1px solid var(--line)}
.website-process .section-heading{display:block;margin:0}
.website-process .section-heading h2{margin-bottom:24px}
.website-process .section-heading p{max-width:40ch}
.process-list{margin:0;padding-left:24px}
.process-list li{padding:0 0 24px 16px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.process-list li:last-child{margin-bottom:0}
.process-list li::marker{font-family:var(--serif);color:var(--blue);font-size:1.25rem}
.process-list h3{margin-bottom:8px}
.process-list p{color:var(--muted);max-width:56ch;margin:0}
.landing-tagline{border-top:1px solid var(--line)}
.tagline-reveal{font:400 clamp(2.25rem,4vw,3.75rem)/1.12 var(--serif);letter-spacing:-.035em;max-width:680px;margin:0;overflow-wrap:anywhere}
.tagline-line{display:block}
.tagline-line+.tagline-line{margin-top:24px}
.reveal-word{color:var(--ink)}
.reveal-enhanced{color:var(--ink);opacity:.78;transition:opacity 400ms var(--ease-out);transition-delay:var(--word-delay,0ms)}
.reveal-enhanced.is-revealed{opacity:1}
.landing-faq{border-top:1px solid var(--line)}
.landing-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 64px;margin-top:48px}
.landing-faq-list article{min-width:0;border-top:1px solid var(--line);padding-top:24px}
.landing-faq-list h3{font-size:1.125rem;max-width:40ch;margin-bottom:12px}
.landing-faq-list p{color:var(--muted);max-width:60ch;margin:0}
.handoff-portrait{display:block;width:160px;height:auto;margin-bottom:24px}
.button:active{transform:scale(.97)}
@media(max-width:1000px){.trade-opening{gap:32px}.website-process{gap:32px}.trade-detail-list article{gap:32px}}
@media(max-width:760px){.trade-opening{grid-template-columns:1fr;padding-block:32px}.trade-opening h1{font-size:2.6rem;max-width:20ch}.landing-work-proof{padding:16px}.landing-proof-line{margin-top:24px}.trade-detail-list article,.website-process{grid-template-columns:1fr;gap:16px}.website-process{gap:32px}.landing-faq-list{grid-template-columns:1fr;gap:24px;margin-top:32px}.tagline-reveal{font-size:2.25rem}.process-list li{padding-left:8px}.landing-faq-list h3{max-width:none}}
@media(prefers-reduced-motion:reduce){.reveal-enhanced{opacity:1}}

/* Offer details use the browser's disclosure behavior; key price stays visible. */
.intro-scope>summary{font-size:1.125rem;font-weight:600;min-height:48px;display:flex;align-items:center;padding:8px 40px 8px 0}
.intro-scope>summary:after{top:50%;transform:translateY(-50%)}
.intro-scope-content{padding-top:0}
.intro-inclusions{margin:0;padding:16px 0 0 24px;max-width:72ch}
.intro-inclusions li{margin-bottom:12px}
.intro-offer .intro-scope-content p{font-size:.875rem;color:var(--muted);margin:24px 0 0}

/* A perspective shelf: actual project previews move into the center. */
.projects.website-gallery{display:block;--gallery-duration:500ms}
.website-gallery .gallery-slide{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center;min-width:0}
.website-gallery:not(.is-ready) .gallery-slide+.gallery-slide{margin-top:48px}
.gallery-viewport{overflow:hidden;touch-action:pan-y pinch-zoom}
.website-gallery.is-ready .gallery-slides{position:relative;perspective:1200px;transform-style:preserve-3d;padding-top:24px}
.website-gallery.is-ready .gallery-slide{position:absolute;left:50%;top:24px;display:block;width:min(64%,800px);background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px #173c4926;overflow:hidden;backface-visibility:hidden;pointer-events:none;transition:transform var(--gallery-duration) var(--ease-out),opacity 250ms var(--ease-out)}
.website-gallery.is-ready .gallery-slide[data-position="center"]{transform:translateX(-50%) translateZ(0) rotateY(0);opacity:1;pointer-events:auto}
.website-gallery.is-ready .gallery-slide[data-position="left"]{transform:translateX(-117%) translateZ(-240px) rotateY(32deg);opacity:.62}
.website-gallery.is-ready .gallery-slide[data-position="right"]{transform:translateX(17%) translateZ(-240px) rotateY(-32deg);opacity:.62}
.website-gallery.is-ready .gallery-slide[data-position="rear"]{transform:translateX(-50%) translateZ(-460px) rotateY(0);opacity:0}
.website-gallery .project-meta{padding:24px;min-width:0}
.website-gallery .project-meta h3{font-size:1.6rem;margin-bottom:12px}
.website-gallery .project-meta h3 a{display:block;position:relative;padding-right:32px}
.website-gallery .project-meta h3 a>span[aria-hidden]{position:absolute;right:0;top:0}
.website-gallery .project-meta p:last-child{font-size:.95rem;max-width:60ch}
.website-gallery .project-meta .eyebrow{letter-spacing:.08em}
.website-gallery .project-image img{aspect-ratio:1.6;object-fit:cover;object-position:top;box-shadow:none}
.website-gallery .project-image{min-width:0;padding:16px 16px 0}
.rae-image,.dev-image{background:#e0e9e9}
.gallery-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:24px}
.gallery-controls[hidden]{display:none}
.gallery-control{font:500 .875rem/1.4 var(--sans);color:var(--ink);background:var(--paper);border:1px solid #87999e;padding:12px 16px;min-height:48px;cursor:pointer;transition:background-color 160ms ease,transform 160ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.gallery-control:hover{background:#e0e9e9}}
.gallery-control:active{transform:scale(.97);background:#e0e9e9}
.gallery-control:focus-visible{outline:3px solid #bd753e;outline-offset:4px}
.gallery-count{font-size:.875rem;font-variant-numeric:tabular-nums;min-width:40px;text-align:center}
.gallery-toggle{margin-left:auto}
@media(max-width:760px){.website-gallery .gallery-slide{grid-template-columns:1fr;gap:24px;align-content:start}.website-gallery.is-ready .gallery-slides{perspective:800px}.website-gallery.is-ready .gallery-slide{width:82%}.website-gallery .project-meta{padding:20px}.website-gallery .project-meta h3{font-size:1.3rem}.website-gallery .project-image{padding:8px 8px 0}.website-gallery .browser-bar{font-size:.65rem;padding:8px}.gallery-controls{gap:8px}.gallery-toggle{margin-left:0}}
@media(prefers-reduced-motion:reduce){.website-gallery.is-ready .gallery-slides{perspective:none}.website-gallery.is-ready .gallery-slide{width:min(100%,800px);transform:translateX(-50%)!important;transition:none;box-shadow:none}.website-gallery.is-ready .gallery-slide:not(.is-active){visibility:hidden}}

.website-gallery.instant-change .gallery-slide{transition:none!important}
.button:focus-visible,.gallery-control:focus-visible{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.website-gallery.is-ready .gallery-slide{transition:none}.button:hover,.button:active,.project-image:hover img,.gallery-control:active{transform:none}}

.website-gallery.is-moving .gallery-slide{will-change:transform,opacity}
.website-gallery .project-image:focus-visible{outline-offset:-4px}
.gallery-touch-hint{display:none;font-size:.875rem;color:var(--muted);margin:16px 0 0}
@media(hover:none) and (pointer:coarse){.gallery-touch-hint{display:block}}