/* QA refinement: preserve the actual screenshots and show complete device silhouettes. */
.hero-atlas{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.78fr);gap:24px;align-items:center;min-height:440px;height:auto;padding:30px 28px 36px;overflow:visible}
.hero-atlas>div{width:auto;min-width:0}.hero-atlas h2{font-size:clamp(30px,2.65vw,42px);line-height:1.15;letter-spacing:-.045em;margin:20px 0 28px}.hero-atlas img,.hero-atlas:hover img{display:block;width:100%;max-width:180px;max-height:390px;height:auto;object-fit:contain;align-self:center;justify-self:center;margin:0;border:0;transform:none;animation:none;box-shadow:0 18px 35px #061b2c40}
/* The supplied raster includes a square background outside the black bezel.
   Match clipping to the source's circular outer corners, not a small generic radius. */
img[src$="atlas-home.webp"],img[src$="atlas-tracker.webp"]{border-radius:15% / 6.94%;clip-path:inset(0 round 15% / 6.94%);background:transparent}
.product-hero{min-height:0;border-color:#ffffff42;box-shadow:0 20px 45px #173a5e16}.product-hero-label{padding:19px 25px;flex-wrap:wrap}.hero-product-bottom{gap:20px}.hero-product-bottom>span{min-width:0}.hero-product-bottom b{flex-shrink:0}
.atlas-image{height:auto;min-height:570px;display:flex;justify-content:center;align-items:center;gap:24px;padding:35px 30px 78px;overflow:hidden;background:linear-gradient(145deg,#1c405f,#15334e)}
.atlas-image>img,.atlas-image:hover>img{width:auto;height:auto;max-width:43%;max-height:460px;object-fit:contain;align-self:center;margin:0;transform:none;border:0;box-shadow:0 18px 30px #071a2b35}
.atlas-image>img:nth-child(2){margin-top:30px}.screen-caption{padding:18px 24px;background:#112d4699;border-top:1px solid #ffffff20;backdrop-filter:blur(8px);text-align:center}
.portfolio-card{border:1px solid #d8e2d8;border-radius:22px;background:#fcfdf9;box-shadow:0 3px 12px #173a5e04;backdrop-filter:none}.portfolio-card:hover{border-color:#b9cec0;box-shadow:0 14px 32px #173a5e0c;transform:translateY(-4px)}.portfolio-card:before{display:none}
.portfolio-card .portfolio-art{height:390px;min-height:0;margin:0;border:0;border-radius:0;border-bottom:1px solid #173a5e0b;isolation:isolate;padding:26px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.portfolio-art img,.portfolio-card:hover .portfolio-art img{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;transform:none;transition:none;box-shadow:0 12px 26px #173a5e10}
.portfolio-card .atlas-card-art{padding:30px;background:linear-gradient(140deg,#204762,#16354f)}.portfolio-card .atlas-card-art img{max-height:330px;max-width:70%;width:auto;height:auto;box-shadow:0 20px 30px #071c2d40}
.portfolio-card .salon-art{gap:20px;padding:28px 30px;background:#e1e9df}.portfolio-card .salon-art img{width:auto;height:auto;max-width:44%;max-height:330px;align-self:center;margin:0;border-radius:12px;clip-path:inset(0 3.6% 0 0 round 12px);box-shadow:none}.portfolio-card .salon-art img+img{margin-top:0}
.portfolio-card .pulse-art{padding:25px 30px;background:#112538}.portfolio-card .pulse-art img{max-height:340px;max-width:90%;width:auto;margin:0;border-radius:6px}.portfolio-card .retail-art,.portfolio-card .printing-card-art{background:#e6ebe3;padding:28px}.portfolio-card .retail-art img,.portfolio-card .printing-card-art img{border-radius:7px}
.portfolio-card .finance-card-art{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:38px;background:linear-gradient(135deg,#183a58,#112c44)}.finance-card-art h4{margin:18px 0;font-weight:500}.finance-card-art>span{max-width:35ch}.portfolio-copy{padding:28px;background:none;border:0}.portfolio-copy h3{padding-right:24px;position:relative}.portfolio-copy h3>span{position:absolute;right:0;top:0}.portfolio-copy>span{margin-top:22px}
.work-image{border:1px solid #d8e2d8;box-shadow:0 8px 26px #173a5e06}.work-image:after{display:none}.print-image{padding:24px;background:#e7ece4}.print-image>img,.print-image:hover>img{transform:none;border-radius:8px}.image-label{color:#355144}
.case-screens{display:flex;align-items:center;justify-content:center;gap:40px;padding:45px 35px;background:linear-gradient(140deg,#1c405f,#15334e);border-color:#244862;overflow:hidden}.case-screens img{width:auto;height:auto;max-width:40%;max-height:640px;align-self:center;border:0;box-shadow:0 18px 30px #071c2d35}.case-screens img+img{margin:0}
.case-cover{background:#e7ece4;border-color:#d8e2d8;padding:32px}.case-cover>img{max-height:900px;object-fit:contain;width:100%;height:auto;border-radius:8px}.portrait-cover{padding:32px}.portrait-cover>img{width:auto;max-width:100%;max-height:780px;clip-path:inset(0 3.6% 0 0 round 12px);border-radius:12px}
header{background:#f8faf4ed;box-shadow:0 8px 25px #173a5e07}.expertise-grid article,.delivery-grid article,.partner-grid article{border-radius:20px}.contact:after{border-color:#ffffff70}.button{box-shadow:0 5px 15px #173a5e16,inset 0 1px 0 #ffffff32}.button:hover{box-shadow:0 9px 22px #173a5e20,inset 0 1px 0 #ffffff50}
.section-top{gap:30px}.section-top>div,.section-top>p{min-width:0}.case-meta>div{min-width:0}.case-meta dd{overflow-wrap:anywhere}.case-story>div{min-width:0}.case-note{overflow-wrap:anywhere}summary{padding-right:28px;position:relative}summary span{position:absolute;right:0;top:0}input,textarea{min-width:0}dialog .button{width:100%;white-space:normal}.footer-bottom{row-gap:16px}html{scroll-padding-top:118px}
.media-note{display:block;font-size:13px;line-height:1.7;color:#53685a;margin:0 7%;padding:16px 0 0}.portfolio-card .media-note{margin:0;padding:0}
.skip-link{position:fixed;z-index:100;top:12px;left:16px;transform:translateY(-170%);background:#173a5e;color:#fff;padding:12px 20px;border-radius:100px;font-size:16px}.skip-link:focus{transform:translateY(0)}
@media(min-width:1500px){.hero-atlas h2{font-size:42px}.hero-atlas img{max-width:185px}.portfolio-card .portfolio-art{height:410px}}
@media(max-width:1100px){.hero-atlas{gap:18px;padding:28px 22px;min-height:400px}.hero-atlas h2{font-size:32px}.hero-atlas img{max-height:340px;max-width:158px}.product-hero-label{font-size:11px}.portfolio-card .portfolio-art{height:340px}.portfolio-card .salon-art img,.portfolio-card .atlas-card-art img{max-height:285px}.portfolio-card .pulse-art img{max-height:290px}.atlas-image{min-height:500px;padding:30px 25px 78px}.atlas-image>img,.atlas-image:hover>img{max-height:390px}.case-screens img{max-height:560px}}
@media(max-width:900px){.hero-atlas{grid-template-columns:minmax(0,1fr) minmax(140px,.65fr);min-height:440px;padding:32px}.hero-atlas h2{font-size:40px}.hero-atlas img{max-height:360px;max-width:170px}.atlas-image{min-height:550px}.atlas-image>img,.atlas-image:hover>img{max-height:440px}.section-top{display:block}.case-screens{gap:25px}.case-screens img{max-width:44%;max-height:500px}.portrait-cover>img{max-height:700px}}
@media(max-width:600px){.portfolio-card .portfolio-art{height:350px}.portfolio-card .salon-art{padding:25px 20px;gap:15px}.portfolio-card .salon-art img,.portfolio-card .atlas-card-art img{max-height:300px}.portfolio-card .pulse-art img{max-height:300px}.atlas-image{min-height:440px;padding:26px 18px 76px;gap:14px}.atlas-image>img,.atlas-image:hover>img{max-height:335px;max-width:44%}.atlas-image>img:nth-child(2){margin-top:20px}.screen-caption{padding:16px 14px;font-size:11px;line-height:1.7}.hero-atlas{min-height:350px;grid-template-columns:minmax(0,1fr) minmax(110px,.68fr);gap:18px;padding:26px 20px}.hero-atlas h2{font-size:30px;margin:16px 0 20px}.hero-atlas img{max-height:275px;max-width:127px}.hero-atlas small{font-size:10px;letter-spacing:.3px}.hero-atlas span{font-size:14px}.product-hero-label{gap:8px;font-size:10px}.hero-product-bottom{font-size:14px}.case-screens{padding:25px 16px;gap:17px}.case-screens img{max-height:350px;max-width:44%}.case-cover{padding:18px}.portrait-cover>img{max-height:650px}.finance-card-art>span{font-size:11px}.case-meta{padding:22px}.work-copy .button{max-width:100%}}
@media(max-width:380px){.hero-atlas{grid-template-columns:minmax(0,1fr) 105px;padding:24px 16px;gap:12px}.hero-atlas h2{font-size:26px}.hero-atlas img{max-height:230px;max-width:105px}.hero-atlas span{font-size:13px}.hero-atlas small{font-size:10px}.product-hero-label{font-size:10px}.hero-product-bottom{padding:16px;font-size:13px}.portfolio-card .portfolio-art{height:310px}.portfolio-card .atlas-card-art img,.portfolio-card .salon-art img{max-height:260px}.portfolio-card .pulse-art img{max-height:260px}.portfolio-copy{padding:24px}.portfolio-copy h3{font-size:23px}.finance-card-art h4{font-size:38px}}
@media(prefers-reduced-motion:reduce){.hero-atlas img{animation:none;transform:none}}
/* Issues found in the narrow-screen audit. */
.portrait-cover{flex-direction:column;align-items:center;justify-content:flex-start;gap:0}.portrait-cover>img{flex-shrink:0}.portrait-cover>figcaption{width:100%;min-width:0;align-self:stretch;overflow-wrap:anywhere}
.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.partner-grid article{min-width:0}.partner-grid article>div{width:100%;min-width:0}.partner-grid img{width:auto;max-width:100%;height:auto;max-height:112px}.delivery-grid article,.expertise-grid article,.process article{min-width:0}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.partner-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:540px){.portfolio-grid{grid-template-columns:minmax(0,1fr)}.portrait-cover>img{max-width:100%}.partner-grid article{padding:24px}}
@media(max-width:380px){header{gap:6px}header .logo{width:110px}.menu-glass{width:40px;height:40px}.nav-cta{font-size:13px;max-width:104px;padding:10px}.case-hero h1{font-size:38px}.case-story h2{font-size:30px}}
#brief-status{font-size:15px;line-height:1.7;color:#315140}#brief-status:empty{display:none}.brief-save{display:inline-block;width:fit-content;padding:11px 18px;border:1px solid #bbcfbf;border-radius:100px;background:#fff;color:#173a5e;font-size:15px;font-weight:500}
/* Keep footer actions clear of floating browser/hosting controls and device safe areas. */
footer{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.case-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
/* Device silhouettes are clipped inside their SVG asset, so contain/resize cannot expose white corners. */
img.device-image{border-radius:0;clip-path:none;background:transparent;box-shadow:none;filter:drop-shadow(0 12px 18px #061b2c2b)}
.hero-atlas img.device-image,.hero-atlas:hover img.device-image{width:auto;height:390px;max-width:100%;max-height:390px;aspect-ratio:1560/3376;object-fit:contain;box-shadow:none;border:0}
@media(max-width:1100px){.hero-atlas img.device-image,.hero-atlas:hover img.device-image{height:340px;max-height:340px}}
@media(max-width:900px){.hero-atlas img.device-image,.hero-atlas:hover img.device-image{height:360px;max-height:360px}}
@media(max-width:600px){.hero-atlas img.device-image,.hero-atlas:hover img.device-image{height:275px;max-height:275px}}
@media(max-width:380px){.hero-atlas img.device-image,.hero-atlas:hover img.device-image{height:230px;max-height:230px}}