:root{--navy:#17252a;--deep:#101a1f;--blue:#32a9dd;--blue2:#68c8ee;--ice:#edf7fb;--paper:#f5f7f8;--white:#fff;--ink:#17252a;--muted:#627078;--line:#cbd8dd;--red:#dc263d;--green:#19785f;--max:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Montserrat,"Segoe UI",Arial,sans-serif}img{max-width:100%;display:block}a{color:inherit}.skip{position:absolute;left:-9999px;top:5px;z-index:100;background:var(--blue);color:#00131c;padding:12px}.skip:focus{left:5px}.site-header{height:82px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,68px);position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff22}.brand img{width:144px;height:auto}.site-header nav{display:flex;gap:27px;align-items:center}.site-header nav a{color:white;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--blue2)}.nav-contact{border:1px solid var(--blue);padding:11px 15px}.menu{display:none;background:none;color:white;border:1px solid #ffffff66;padding:9px 12px}.hero{min-height:calc(100vh - 82px);background:var(--navy);color:white;position:relative;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.hero-art{background:linear-gradient(90deg,var(--navy) 0%,rgba(23,37,42,.86) 15%,rgba(23,37,42,.16) 60%),url('assets/j3j-original-hero.jpg') center/cover no-repeat;grid-column:2;grid-row:1}.hero-content{grid-column:1;grid-row:1;padding:clamp(56px,8vh,105px) 0 130px clamp(20px,6vw,100px);align-self:center;z-index:2}.overline,.eyebrow,.section-label p,.project-text>p,.case-grid article p{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.overline{color:var(--blue2)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(55px,7.3vw,116px);line-height:.89;letter-spacing:-.065em;margin:28px 0 35px}.hero h1 span{color:var(--blue2)}.hero-lede{font-size:clamp(18px,1.7vw,27px);line-height:1.42;max-width:760px;color:#e3edf0}.hero-actions{display:flex;gap:12px;margin-top:38px;flex-wrap:wrap}.button{display:inline-block;text-decoration:none;padding:15px 20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid}.button.primary{background:var(--blue);border-color:var(--blue);color:#07151b}.button.primary:hover,.button.primary:focus-visible{background:#84d7f6}.button.secondary{color:white;border-color:#ffffff66}.hero-index{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ffffff3d;background:#111f24c9;z-index:3}.hero-index span{padding:20px;border-right:1px solid #ffffff2e;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.intro,.work,.earlier-work,.archive{max-width:var(--max);margin:auto;padding:120px clamp(20px,4vw,68px);display:grid;grid-template-columns:180px 1fr;gap:50px}.section-label{display:flex;gap:14px;align-items:flex-start}.section-label span{color:var(--blue);font-weight:800}.section-label p{margin:3px 0}.section-label.light{color:white}.intro-main h2,.work-head h2,.experience-head h2,.design-intro h2,.archive h2,.about h2,.lab-copy h2{font-size:clamp(42px,5.6vw,86px);line-height:.98;letter-spacing:-.055em;margin-bottom:35px}.large-copy{font-size:clamp(21px,2vw,31px);line-height:1.45;max-width:1070px}.practice-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:70px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.practice-grid article{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:220px}.practice-grid b{color:var(--blue)}.practice-grid h3{font-size:24px;margin:35px 0 12px}.practice-grid p{color:var(--muted);line-height:1.55}.identity-band{max-width:none!important;background:var(--blue);display:flex;justify-content:center;gap:28px;padding:24px 30px;flex-wrap:wrap;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.identity-band p{margin:0}.experience{background:var(--navy);color:white;max-width:none;padding:120px max(clamp(20px,4vw,68px),calc((100vw - var(--max))/2 + 68px));display:grid;grid-template-columns:180px 1fr;gap:50px}.experience-head>p:last-child{font-size:21px;line-height:1.5;max-width:920px;color:#c9d6da}.facts{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff35;border-left:1px solid #ffffff35;margin-top:40px}.facts article{padding:28px;border-right:1px solid #ffffff35;border-bottom:1px solid #ffffff35}.facts strong{font-size:clamp(38px,4vw,68px);color:var(--blue2);display:block;letter-spacing:-.05em}.facts span{font-size:13px;line-height:1.4;color:#d2dfe3}.career{grid-column:2;margin-top:60px}.career article{border-top:1px solid #ffffff35;padding:25px 0;display:grid;grid-template-columns:1fr 1.45fr 1.4fr;gap:25px}.career p{color:var(--blue2);font-size:13px}.career h3{font-size:20px}.career h3 small{font-weight:400;color:#9fadb2}.career span{color:#c9d3d6;line-height:1.5}.awards{grid-column:2;color:#9fb0b6;font-size:12px;border-top:1px solid #ffffff35;padding-top:20px}.work{display:block}.work>.section-label,.earlier-work>.section-label{margin-bottom:55px}.work-head{display:grid;grid-template-columns:1.5fr .7fr;gap:8vw;align-items:end;margin-bottom:70px}.work-head>p{font-size:18px;line-height:1.55;color:var(--muted)}.eyebrow.blue{color:#1687b8}.current-projects{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--navy)}.project{min-height:580px;display:grid;grid-template-rows:1fr 265px;overflow:hidden;color:white}.project-wide{grid-column:1/-1;grid-template-columns:1fr 1.25fr;grid-template-rows:none}.project-text{padding:clamp(28px,4vw,58px);display:flex;flex-direction:column}.project-text>p{color:var(--blue2)}.project h3{font-size:clamp(40px,4.3vw,66px);letter-spacing:-.055em;line-height:.92;margin:15px 0 25px}.project-text>span{font-size:17px;line-height:1.5;max-width:570px}.project ul{margin:auto 0 0;padding:24px 0 0;list-style:none;border-top:1px solid #ffffff3d;display:flex;gap:20px;flex-wrap:wrap;font-size:11px;text-transform:uppercase}.project img{width:100%;height:100%;object-fit:cover}.navy{background:#071521}.ocean{background:#12313c}.ink{background:#0b1117}.cobalt{background:#0c2444}.red{background:#cc2338}.green{background:#176f5b}.pale{background:#eaf1f4;color:var(--navy)}.pale .project-text>p{color:#137da9}.pale ul{border-color:#17252a44}.type-art{font-size:clamp(72px,8vw,132px);font-weight:900;line-height:.72;letter-spacing:-.08em;padding:35px;align-self:end}.type-art.year{font-size:clamp(100px,14vw,220px)}.decision-lab{max-width:none;background:#dcecf2;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:110px max(clamp(20px,4vw,68px),calc((100vw - var(--max))/2 + 68px))}.lab-copy>p:last-child{font-size:18px;line-height:1.55}.sim{background:var(--navy);color:white;border-top:7px solid var(--blue);padding:clamp(24px,3vw,42px);align-self:start;box-shadow:0 18px 50px #16313f28}.sim header{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff33}.sim header p,.sim header span{font:11px/1.3 monospace;text-transform:uppercase;color:var(--blue2)}.sim h3{font-size:40px;margin:8px 0 25px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:28px 0}.metrics div{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:10px;text-transform:uppercase}.metrics b{font-family:monospace}.metrics i{grid-column:1/-1;height:3px;background:linear-gradient(90deg,var(--blue2) var(--v),#405158 var(--v))}.decision h4,.outcome h4{font-size:26px;line-height:1.25;margin:20px 0}.choices{display:grid;gap:8px}.choices button,.restart{font:inherit;color:white;text-align:left;background:#203138;border:1px solid #ffffff33;padding:15px;cursor:pointer}.choices button:hover,.choices button:focus-visible,.restart:hover,.restart:focus-visible{border-color:var(--blue2);background:#29434e}.outcome p{line-height:1.5;color:#d9e5e8}.earlier-work{display:block}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.case-grid article{background:white;border:1px solid var(--line)}.case-grid img{width:100%;height:320px;object-fit:cover}.case-grid article>div{padding:30px}.case-grid article p{color:#1687b8}.case-grid h3{font-size:29px;margin:12px 0}.case-grid span{display:block;line-height:1.5;color:var(--muted)}.case-grid b{display:block;color:#117da9;font-size:12px;margin-top:20px}.design{max-width:none;background:var(--deep);color:white;padding:120px max(clamp(20px,4vw,68px),calc((100vw - var(--max))/2 + 68px))}.design>.section-label{margin-bottom:55px}.design-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:7vw;align-items:end}.design-intro>p{font-size:18px;line-height:1.55;color:#c6d1d5}.design-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:320px;gap:12px;margin-top:70px}.design-gallery figure{margin:0;position:relative;overflow:hidden;background:#263940}.design-gallery .g-wide{grid-column:span 2}.design-gallery .g-tall{grid-row:span 2}.design-gallery img{width:100%;height:100%;object-fit:cover;transition:.4s transform}.design-gallery figure:hover img{transform:scale(1.02)}.design-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:50px 20px 18px;background:linear-gradient(transparent,#081216e8);display:flex;justify-content:space-between;gap:20px}.design-gallery figcaption b{font-size:19px}.design-gallery figcaption span{font-size:12px;color:#c9d4d7;max-width:55%;text-align:right}.design-index{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}.design-index span{border:1px solid #ffffff35;padding:10px 12px;font-size:11px;text-transform:uppercase}.archive{padding-top:110px;padding-bottom:110px}.archive-content h2{max-width:900px}.archive-content>p{font-size:21px;line-height:1.55;max-width:1000px}.archive-topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.archive-topics span{background:#dfecef;padding:12px 15px;font-size:12px;text-transform:uppercase}.about{max-width:none;background:#0d1b21;color:white;display:grid;grid-template-columns:1fr 1fr}.about-image img{width:100%;height:100%;object-fit:cover;min-height:800px}.about-copy{padding:100px clamp(30px,6vw,100px)}.about-copy>.section-label{margin-bottom:60px}.about-copy h2{color:var(--blue2)}.about-copy>p{font-size:19px;line-height:1.6;color:#d0dadd}.about-copy .button{margin-top:25px}footer{background:#081318;color:white;padding:50px max(clamp(20px,4vw,68px),calc((100vw - var(--max))/2 + 68px));display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:end}footer img{width:180px}footer p{font-size:12px;text-transform:uppercase;line-height:1.6;color:#b9c6ca}footer div{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:12px}footer a{color:var(--blue2)}@media(max-width:900px){.site-header{height:auto;min-height:70px;flex-wrap:wrap}.menu{display:block}.site-header nav{display:none;flex-basis:100%;flex-direction:column;align-items:flex-start;padding:18px 0 25px}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto}.hero-art{grid-column:1;opacity:.34}.hero-content{grid-column:1;padding:75px 24px 160px}.hero-index{grid-template-columns:1fr 1fr}.hero-index span:nth-child(5){display:none}.intro,.experience,.archive{grid-template-columns:1fr;padding-top:80px;padding-bottom:80px}.facts,.career,.awards{grid-column:1}.facts{grid-template-columns:1fr 1fr}.career article{grid-template-columns:1fr}.work-head,.design-intro,.decision-lab{grid-template-columns:1fr}.current-projects,.case-grid{grid-template-columns:1fr}.project-wide{grid-column:auto;grid-template-columns:1fr;grid-template-rows:1fr 300px}.project{min-height:520px}.design-gallery{grid-template-columns:1fr 1fr}.design-gallery .g-wide{grid-column:span 2}.about{grid-template-columns:1fr}.about-image img{min-height:520px;max-height:620px}footer{grid-template-columns:1fr}footer div{align-items:flex-start}}@media(max-width:560px){.brand img{width:112px}.hero h1{font-size:52px}.hero-index{position:relative;grid-template-columns:1fr}.hero-index span:nth-child(n+4){display:none}.hero-content{padding-bottom:55px}.practice-grid,.facts{grid-template-columns:1fr}.intro,.work,.earlier-work,.archive{padding-top:70px;padding-bottom:70px}.intro-main h2,.work-head h2,.experience-head h2,.design-intro h2,.archive h2,.about h2,.lab-copy h2{font-size:41px}.project{min-height:480px;grid-template-rows:1fr 200px}.project-wide{grid-template-rows:1fr 220px}.case-grid img{height:230px}.metrics{grid-template-columns:1fr 1fr}.sim header{display:block}.design-gallery{grid-template-columns:1fr;grid-auto-rows:260px}.design-gallery .g-wide{grid-column:auto}.design-gallery .g-tall{grid-row:auto}.design-gallery figcaption{display:block}.design-gallery figcaption span{display:block;text-align:left;max-width:100%;margin-top:5px}.about-copy{padding:70px 24px}.about-image img{min-height:360px}footer{padding-top:40px;padding-bottom:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.design-gallery img{transition:none}}