:root{--ink:#052d42;--cyan:#27bfd0;--muted:#a0adb4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#e9eaec;font-family:Arial,Helvetica,sans-serif;color:#edf0f2;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #27bfd0;outline-offset:-3px}.skip{position:absolute;top:-100px;left:16px;background:white;color:#052d42;padding:15px;z-index:20}.skip:focus{top:10px}header{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:20px;font-size:13px;color:#38464c}.agency{font-weight:600}.back{color:#526068}.case{max-width:1180px;margin:0 auto 48px;background:#090b0d}.opening{min-height:350px;aspect-ratio:3.3;display:grid;grid-template-columns:47% 53%;overflow:hidden;background:#ffffff;color:#102d3c;border-left:20px solid #217093;position:relative}.cover-copy{align-self:center;padding:45px 0 45px 58px;z-index:1}.eyebrow{font-size:12px;letter-spacing:1px;text-transform:uppercase;line-height:1.7;margin:0 0 18px;color:#4e6c7b}h1{font-weight:400;letter-spacing:-.065em;font-size:clamp(38px,4.25vw,62px);line-height:1.02;margin:0 0 23px}h1 strong{font-weight:700;color:#217093}.client-name{margin:0 0 27px;font-size:17px;letter-spacing:-.3px}.cover-credit{display:flex;align-items:center;gap:28px;font-size:12px;color:#456371}.cover-credit span:first-child{font-weight:700}.cover-collage{position:relative;min-width:0;align-self:stretch;background:#ffffff}.collage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;transform:rotate(-9deg) scale(.93);position:absolute;width:100%;top:50%;translate:0 -50%}.collage-grid img{display:block;width:100%;height:auto}.project-ribbon{display:flex;justify-content:space-between;gap:25px;padding:26px 9%;font-size:12px;color:#9ba6ad;line-height:1.6;text-transform:uppercase;border-bottom:1px solid #ffffff0c}.intro{padding:40px 11% 42px}.intro-heading{margin-bottom:24px}h2{font-size:22px;font-weight:400;letter-spacing:-.025em;line-height:1.35;margin:0;color:#a7afb5}.intro-copy p{font-size:15px;line-height:1.85;margin:0 0 18px;color:#d7dce0}.intro-copy p:last-child{color:#a2b3bd}dl{display:flex;flex-wrap:wrap;gap:15px 38px;margin:26px 0 0;padding-top:24px;border-top:1px solid #ffffff18}dl>div{display:flex;gap:7px;align-items:baseline}dt{font-size:12px;color:#7f98a5}dt:after{content:':' }dd{font-size:12px;margin:0;color:#c1cdd3;line-height:1.6}.gallery{padding:0 0 5px}.gallery-note{padding:12px 11% 24px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#849aa6}.gallery-row{display:grid;gap:5px;margin-bottom:5px;align-items:start}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.art{display:block;position:relative;overflow:hidden;width:100%;padding:0;border:0;background:#052d42;color:white;text-align:left}.art img{display:block;width:100%;height:auto}.zoom{position:absolute;right:10px;bottom:10px;border:1px solid #ffffff80;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#052d42bd;font-size:18px;opacity:0;transition:opacity .2s}.art:hover .zoom,.art:focus-visible .zoom{opacity:1}.identity{padding:45px 11% 48px;background:#0e151b}.identity>div:first-child{display:grid;grid-template-columns:1fr 2fr;gap:30px}.identity p{color:#a2b1ba;font-size:14px;line-height:1.8;margin:0}.swatches{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px}.swatches span{display:flex;align-items:end;background:var(--tone);color:white;height:90px;padding:14px;font-size:12px}.identity .note{font-size:12px;color:#8399a6;margin-top:10px}footer{padding:45px 11% 25px;text-align:center}footer h2{color:#edf1f4;font-size:30px;margin-bottom:24px}.contact{display:inline-flex;gap:25px;align-items:center;font-size:14px;border-bottom:1px solid #27bfd0;padding:12px 0;color:#27bfd0}.contact:hover{color:white;text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:45px;font-size:12px;color:#8297a4}.reveal{animation:enter .45s ease-out}@keyframes enter{from{opacity:.75}to{opacity:1}}@media(max-width:1280px){header,.case{width:92%}.opening{min-height:315px}.cover-copy{padding-left:35px}.cover-credit{gap:18px}}@media(max-width:850px){.opening{min-height:280px}.cover-copy{padding-left:24px}.eyebrow{font-size:12px;letter-spacing:.5px}h1{font-size:42px}.cover-credit{flex-direction:column;align-items:start;gap:6px}.client-name{font-size:15px}.intro{padding-left:8%;padding-right:8%}.project-ribbon,.gallery-note{padding-left:8%;padding-right:8%}}@media(max-width:600px){body{background:#090b0d}header{width:100%;color:#ccd6dc;padding:20px;font-size:12px}.back{color:#a1b2bc}.case{width:100%;margin-bottom:0}.opening{display:block;aspect-ratio:auto;border-left:8px solid #217093}.cover-copy{padding:32px 24px 28px}.eyebrow{font-size:12px;letter-spacing:.6px}h1{font-size:48px;line-height:1.02;margin-bottom:18px}.client-name{font-size:17px;margin-bottom:20px}.cover-credit{flex-direction:row;gap:28px}.cover-collage{height:230px;margin:0 18px 22px;background:none;overflow:hidden}.collage-grid{width:96%;left:2%;transform:rotate(-7deg) scale(.95)}.project-ribbon{padding:20px 24px;font-size:12px;gap:20px}.intro{padding:28px 24px 20px}.intro-copy p{font-size:16px;line-height:1.75}.intro-heading{margin-bottom:20px}dl{display:block;margin-top:22px;padding-top:18px}dl>div{margin-bottom:8px}.gallery-note{font-size:12px;padding:10px 20px 20px;gap:12px}.gallery-row{gap:4px;margin-bottom:4px}.cols-3,.cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-row .art:last-child:nth-child(odd){grid-column:1 / -1;width:50%;justify-self:center}.zoom{opacity:1;right:6px;bottom:6px;width:26px;height:26px}.identity{padding:30px 24px}.identity>div:first-child{grid-template-columns:1fr;gap:18px}.swatches{grid-template-columns:repeat(2,1fr);margin-top:22px}.swatches span{height:80px}.identity p{font-size:15px}footer{padding:34px 24px 25px}footer h2{font-size:28px}.footer-bottom{font-size:12px;margin-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,.reveal{animation:none!important;transition:none!important}}
dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;background:#041a26f7;color:white;padding:22px 4%}dialog::backdrop{background:#041a26}dialog[open]{display:flex;flex-direction:column}.dialog-bar{display:flex;justify-content:space-between;align-items:center;height:45px;flex-shrink:0}.dialog-bar button,.image-stage button{border:0;background:transparent;color:white;min-height:44px;min-width:44px}.image-stage{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:0;flex:1}.image-stage img{width:auto;max-width:calc(100% - 128px);height:auto;max-height:100%;object-fit:contain}.image-stage button{font-size:30px}#caption{text-align:center;font-size:14px;margin:15px 0 0;min-height:20px}@media(max-width:700px){dialog{padding:12px}.image-stage{gap:0;position:relative;justify-content:center}.image-stage img{max-width:100%;max-height:calc(100% - 60px)}.image-stage button{position:absolute;bottom:0;background:#123a4d}.image-stage #previous{left:25%}.image-stage #next{right:25%}}