@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400&display=swap";:root{--page: 1440px;--column: 720px;--ink: #32404f;--muted: #9c9c9c;--line: #dadada;--panel: #eff1f3;--card: #fafcfd;--card-line: #e6ebec;--accent: #1351c9;--orange: #ff8000;--sans: "Geist", Arial, sans-serif;--mono: "Geist Mono", "Courier New", monospace;--serif: "Test Tiempos Text", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{display:flex;min-height:100vh;flex-direction:column;margin:0;background:#fff;color:var(--muted);font-family:var(--sans);font-size:16px;line-height:1.32}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}p,h1,h2,h3,dl,dd{margin:0}.topbar,.footer{width:100%;min-width:var(--page);height:70px;background:#fff;border-bottom:1px solid var(--line)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0}.topbar>.brand{margin-left:max(38px,calc((100vw - var(--page)) / 2 + 38px))}.topbar>.primary-nav{margin-right:max(38px,calc((100vw - var(--page)) / 2 + 38px))}.brand,.primary-nav,.footer nav,.eyebrow,.case-nav{font-family:var(--mono);font-size:16px;font-weight:400}.brand{color:#000}.primary-nav,.footer nav{display:flex;align-items:center;gap:17px}.primary-nav a,.footer a{color:var(--muted)}.primary-nav a.active{color:var(--orange)}.nav-star{color:#000;font-size:18px;line-height:1;margin-left:29px}.mobile-menu-toggle,.mobile-menu,.experience-list{display:none}.case-nav{position:fixed;z-index:2;top:120px;left:max(37px,calc(50% - 683px));display:flex;width:170px;flex-direction:column;gap:8px;color:var(--muted);font-family:var(--sans);line-height:21px}.case-nav .back{width:fit-content;height:21px;margin-bottom:20px;color:#32404f;font-size:32px;line-height:21px}.case-nav a:not(.back){line-height:21px;transition:color .16s ease,font-weight .16s ease}.case-nav a[aria-current=true]{color:#8e8e8e;font-weight:700}.case-nav a[href="#desktop"]:after{display:block;width:100%;height:1px;margin:18px 0 10px;background:#9c9c9c40;content:""}.landing-page{min-width:var(--page);overflow-x:auto}.nippon-page{min-width:var(--page)}.landing-shell{flex:1 0 auto;width:var(--page);margin:0 auto;padding:164px 38px 80px}.landing-hero{position:relative;min-height:147px}.landing-hero h1{margin:0;max-width:690px;color:var(--ink);font-family:var(--serif);font-size:48px;font-weight:400;line-height:57.2px;letter-spacing:-.48px}.landing-hero em,.work-caption em{font-style:italic}.landing-widgets{position:absolute;top:-4px;left:940px;width:424px;height:152px}.weather-widget,.date-widget{border:1px solid var(--muted);background:#fff}.watch-widget{background:#fff}.weather-widget{position:absolute;top:0;left:0;display:flex;width:68px;height:152px;flex-direction:column;align-items:center;justify-content:center;gap:27px;border-radius:250px}.weather-widget img{width:24px;height:24px}.weather-icon{display:block;color:var(--ink);font-size:24px;line-height:1}.weather-widget img{display:none}.weather-widget span:not(.weather-icon){color:#aeabb1;font-family:var(--sans);font-size:32px;font-weight:400;line-height:1}.watch-widget{position:absolute;top:0;left:102px;display:grid;width:152px;height:152px;place-items:center}.watch-widget img{width:110px;height:110px}.clock-face{position:relative;width:152px;height:152px;border:1px solid var(--muted);border-radius:50%}.clock-hand{position:absolute;left:50%;top:50%;display:block;width:5px;height:54px;border:1px solid var(--muted);border-radius:999px;background:#fff;transform:translate(-50%,-100%) rotate(var(--rotation, 0deg));transform-origin:50% 100%}.clock-hour{width:15px;height:51px}.clock-minute{height:63px}.clock-second-dot{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) translateY(57px);transform-origin:center}.date-widget{position:absolute;top:0;left:272px;display:flex;width:152px;height:152px;flex-direction:column;justify-content:space-between;padding:16px;border-radius:20px;font-family:var(--mono);line-height:27px}.date-widget span{color:var(--ink);font-size:16px;font-weight:400}.date-widget strong{color:var(--muted);font-size:32px;font-weight:400}.work-grid{display:grid;grid-template-columns:668px 670px;gap:30px 26px;margin-top:77px}.work-card{min-width:0}.work-media{position:relative;display:grid;height:383px;place-items:center;overflow:hidden;background:#f0f3f5}.work-media video{width:100%;height:100%;object-fit:cover}.work-media--empty+.work-caption{display:none}.work-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;margin-top:14px}.work-caption h2{margin:0;color:var(--ink);font-family:var(--serif);font-size:16px;font-weight:400;line-height:normal;letter-spacing:-.16px}.work-caption p{margin:0;color:var(--muted);font-family:var(--mono);font-size:16px;line-height:normal;white-space:nowrap}.coming-soon-shell{flex:1 0 auto;width:var(--column);margin:0 auto;padding:50px 0 120px}.coming-soon-hero{display:flex;flex-direction:column;gap:10px}.coming-soon-hero h1{max-width:707px}.lottie-panel{width:720px;margin-top:30px}.lottie-panel dotlottie-wc{display:block;width:100%;height:auto;aspect-ratio:720 / 404}.page-shell{flex:1 0 auto;width:var(--column);margin:0 auto;padding-top:50px}.hero{display:flex;flex-direction:column;gap:40px}.eyebrow{color:var(--muted);line-height:21px;text-transform:uppercase}.hero .eyebrow{text-transform:none}h1,h2{color:var(--ink);font-family:var(--serif);font-weight:400;letter-spacing:0}h1{max-width:707px;font-size:48px;line-height:57.2px}h1 em{font-style:italic}h2{font-size:32px;line-height:42px}h3{color:var(--ink);font-family:var(--serif);font-size:22px;font-weight:400;line-height:30px;letter-spacing:0}.hero-panel{position:relative;display:grid;width:720px;height:404px;margin:0;place-items:center;overflow:hidden;background:#f0f3f5}.hero-panel:before{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background:linear-gradient(90deg,#fff0,#ffffff7a,#fff0),#f0f3f5;content:"";opacity:.7}.hero-panel img{position:relative;width:148px}.hero-panel video{position:relative;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover}.case-meta{display:grid;grid-template-columns:128px 151px 95px 139px;gap:56px;margin-top:62px;color:var(--muted)}.case-meta div{display:flex;flex-direction:column;gap:10px}.case-meta dt{font-family:var(--mono)}.case-meta dd{line-height:21px}.case-section{display:flex;flex-direction:column;gap:0;margin-top:60px;scroll-margin-top:120px}.case-section.compact{margin-top:60px}.section-copy{display:flex;flex-direction:column;gap:30px}.case-section>.section-copy{margin-top:10px}.section-copy+:is(.problem-visual,.wide-media,.desktop-shot,.research-collage,.metric-panel,.testing-gallery){margin-top:30px}.case-section>:is(.desktop-shot,.comparison)+:is(.desktop-shot,.comparison){margin-top:30px}.section-copy p,.case-section>p:not(.eyebrow):not(.proposal),.flow-item p,.two-up p,.three-up p{color:var(--muted);line-height:21px}.problem-visual,.wide-media{margin:0}.problem-stage{position:relative;width:720px;height:404px;overflow:hidden;border:1px solid #e5e5e5;background:#f0f3f5}.problem-device{position:absolute;left:230px;top:143px;width:260px;height:261px;object-fit:cover}.problem-toolbar{position:absolute;left:209px;top:51px;width:302px;height:75px;object-fit:cover}.research-strip{display:grid;grid-template-columns:214px 199px 176px;gap:58px;margin-top:4px;padding-top:14px}.research-strip strong{color:var(--muted);font-weight:600}.proposal{color:var(--ink);font-family:var(--serif);font-size:18px;font-style:italic;line-height:24px}.solution-section{gap:0}.solution-section .proposal,.solution-section .three-up{margin-top:30px}.solution-section .three-up+.section-copy{margin-top:30px}.solution-section .section-copy+.two-up{margin-top:30px}.solution-section .two-up+.wide-media{margin-top:30px}.three-up,.two-up{display:grid;grid-template-columns:207px 165px 195px;gap:47px}.three-up{margin-top:60px}.solution-section .three-up{gap:28px}.two-up{grid-template-columns:207px 223px;gap:47px}.two-up.narrow{grid-template-columns:207px 223px;width:497px}.three-up article,.two-up article,.flow-item div{display:flex;flex-direction:column;gap:20px}.wide-media{width:720px;height:405px;overflow:hidden;background:#f0f3f5}.wide-media img,.wide-media video{width:100%;height:100%;object-fit:cover}.flow-section{margin-top:60px}.flow-list,.consideration-list{display:flex;flex-direction:column;gap:60px}.flow-section .flow-list{margin-top:10px}.flow-item{display:grid;width:601px;grid-template-columns:400px 165px;gap:36px;align-items:start;justify-content:end}.flow-item img,.flow-item video{width:400px;height:400px;background:#f0f3f5;object-fit:cover}.desktop-section{margin-top:60px}.desktop-shot,.research-collage,.comparison{width:720px;object-fit:cover}.desktop-shot,.research-collage,.comparison{height:404px}.insight-section,.testing-section,.feedback-section{gap:0}.metric-panel{width:720px;padding:22px 24px 26px;background:var(--panel)}.survey-note{margin-bottom:34px;color:var(--ink);font-family:var(--serif);font-size:18px;font-style:italic;line-height:42px}.metric-grid{display:grid;grid-template-columns:repeat(2,330px);gap:7px 8px}.metric-grid article{min-height:130px;padding:15px 16px;border:1px solid var(--card-line);background:var(--card)}.metric-grid strong{display:block;margin-bottom:7px;color:var(--accent);font-family:var(--serif);font-size:20px;font-style:italic;font-weight:400;line-height:23px}.metric-grid span{display:block;color:var(--muted);line-height:21px}.testing-gallery{display:grid;grid-template-columns:173px 173px 173px 168px;gap:11px;width:720px;overflow:hidden}.testing-gallery img{width:100%;height:322px;object-fit:cover}.feedback-section .comparison{margin-top:30px}.feedback-section>.two-up{margin-top:10px}.feedback-section .comparison+.two-up{margin-top:30px}.consideration-list{margin-top:30px}.reflection-section{padding-bottom:160px}.reflection-section h2{margin-top:10px}.reflection-section .two-up{margin-top:30px}.footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding-right:max(38px,calc((100vw - var(--page)) / 2 + 38px));border-top:1px solid var(--line)}.footer nav{gap:45px}@media(min-width:901px)and (max-width:1439px){.topbar,.footer{min-width:0}.topbar>.brand{margin-left:38px}.topbar>.primary-nav{margin-right:38px}.landing-page{min-width:0;overflow-x:hidden}.landing-shell{width:100%;padding-right:38px;padding-left:38px}.landing-widgets{right:0;left:auto}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-media{height:auto;aspect-ratio:668 / 383}.work-caption{grid-template-columns:1fr;gap:8px}.work-caption p{white-space:normal}}@media(max-width:900px){:root{--column: min(720px, calc(100vw - 48px) )}body{overflow-x:hidden;font-size:16px;line-height:1.35}.topbar,.footer{min-width:0}.topbar{position:sticky;height:70px;padding:0 24px;gap:18px}.topbar>.brand,.topbar>.primary-nav{margin:0}.brand{font-size:16px}.primary-nav{display:none}.mobile-menu-toggle{position:relative;display:grid;width:44px;height:44px;margin-top:-10px;margin-right:-6px;padding:0;border:0;background:transparent;cursor:pointer;place-items:center}.menu-icon{position:absolute;left:50%;top:50%;width:36px;height:36px;transition:opacity .18s ease,transform .26s ease}.menu-icon-open{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}.menu-icon-close{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.72)}.menu-open .menu-icon-open{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.72)}.menu-open .menu-icon-close{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}.topbar:after{display:none}.topbar{align-items:flex-start;height:70px;padding-top:22px;overflow:hidden;transition:height .24s ease}.landing-page .topbar:after{display:none}.brand{line-height:24px}.mobile-menu{position:absolute;top:91px;left:24px;display:flex;flex-direction:column;gap:24px;color:var(--muted);font-family:var(--mono);font-size:16px;line-height:17px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease 80ms,transform .24s ease}.mobile-menu a.active{color:var(--orange)}.menu-open .topbar{height:306px}.menu-open .mobile-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.landing-page.menu-open .landing-shell{padding-top:8px}.landing-page.menu-open .landing-widgets{display:none}.landing-page.menu-open .landing-hero{gap:0}.case-nav{display:none}.landing-page,.nippon-page{min-width:0;overflow-x:hidden}.landing-shell{width:100%;padding:60px 24px 70px}.landing-hero{display:flex;min-height:0;flex-direction:column;gap:50px}.landing-hero h1{max-width:345px;font-size:32px;line-height:normal;letter-spacing:-.3px}.landing-hero em{font-style:normal}.landing-widgets{position:relative;display:flex;align-items:flex-start;justify-content:space-between;top:auto;left:auto;order:-1;width:100%;height:124px}.weather-widget{position:relative;top:0;left:0;flex:0 0 auto;width:55px;height:124px;gap:22px;border-width:.814px}.weather-widget img{display:none;width:20px;height:20px}.weather-icon{display:block;font-size:20px}.weather-widget span:not(.weather-icon){font-size:26px}.watch-widget{position:relative;top:0;left:auto;flex:0 0 auto;width:124px;height:124px;border:0}.watch-widget img{width:124px;height:124px}.clock-face{width:124px;height:124px;border-width:.814px}.clock-hand{width:4px;height:51px;border-width:.814px}.clock-hour{width:12px;height:42px}.clock-minute{height:52px}.clock-second-dot{width:7px;height:7px;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) translateY(47px)}.date-widget{position:relative;top:0;right:0;left:auto;flex:0 0 auto;width:124px;height:124px;padding:13px;border-width:.814px;border-radius:16px;line-height:22px}.date-widget span{font-size:13px}.date-widget strong{font-size:26px}.experience-list{display:flex;flex-direction:column;gap:20px;margin-top:42px}.experience-list article{display:grid;min-height:46px;grid-template-columns:76px 1fr;gap:61px}.experience-list p{color:var(--muted);font-size:14px;line-height:normal}.experience-list>article>p{font-family:var(--mono);font-style:italic}.experience-list h2{color:var(--ink);font-family:var(--sans);font-size:14px;line-height:normal;letter-spacing:0}.experience-list div{display:flex;flex-direction:column;gap:5px}.landing-page .work-grid{display:flex;flex-direction:column;gap:32px;margin-top:40px}.landing-page .work-caption p{font-family:var(--sans)}.landing-page .work-card{width:100%}.landing-page .work-media{width:100%;height:auto;aspect-ratio:345 / 194}.landing-page .work-media video{width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover}.landing-page .work-media--empty{background:url(/assets/landing-nippon-logo.png) center / 42px auto no-repeat,url(/assets/landing-nippon-bg.png) center / cover no-repeat,#f0f3f5}.landing-page .work-caption,.landing-page .work-media--empty+.work-caption{display:flex;flex-direction:column;gap:8px;margin-top:9px}.landing-page .work-caption h2{color:var(--ink);font-size:16px;line-height:normal;letter-spacing:-.16px}.landing-page .work-caption p{color:var(--muted);font-size:14px;line-height:normal;white-space:normal}.page-shell{width:calc(100vw - 48px);padding-top:29px}.coming-soon-shell{width:calc(100vw - 48px);padding:29px 0 80px}.coming-soon-hero h1{font-size:32px;line-height:1.14;letter-spacing:-.3px}.lottie-panel{width:calc(100vw - 48px);margin-top:30px}.hero{gap:10px}.eyebrow,.case-meta dt{font-size:16px;line-height:normal}h1{max-width:100%;font-size:32px;line-height:1.14;letter-spacing:-.3px;overflow-wrap:anywhere;word-break:normal}h2{font-size:32px;line-height:1.14;letter-spacing:-.3px}h3{font-size:20px;line-height:30px;letter-spacing:-.2px}.hero-panel{margin-top:33px}.hero-panel,.problem-stage,.wide-media,.desktop-shot,.research-collage,.comparison,.metric-panel,.testing-gallery{width:calc(100vw - 48px);max-width:100%}.hero-panel,.problem-stage,.wide-media,.desktop-shot,.research-collage,.comparison{height:auto;aspect-ratio:720 / 404}.hero-panel img{width:110px}.case-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;margin-top:30px;font-size:16px}.case-meta div{gap:10px}.case-meta dd,.section-copy p,.flow-item p,.two-up p,.three-up p{font-size:16px;line-height:1.32}.case-section{margin-top:40px;scroll-margin-top:90px}.case-meta+.case-section{margin-top:89px}.case-section>.section-copy,.reflection-section h2{margin-top:10px}.section-copy{gap:20px}.section-copy+:is(.problem-visual,.wide-media,.desktop-shot,.research-collage,.metric-panel,.testing-gallery){margin-top:20px}.research-strip,.three-up,.two-up,.two-up.narrow,.flow-item,.metric-grid,.testing-gallery{grid-template-columns:1fr;width:100%}.solution-section .three-up{gap:16px}.research-strip{display:flex;flex-direction:column;gap:18px;margin-top:20px;padding:0 0 0 18px}.research-strip p{position:relative;color:var(--muted);font-size:16px;line-height:1.32}.research-strip p:before{position:absolute;top:3px;bottom:3px;left:-18px;width:1px;background:#9c9c9ca6;content:""}.flow-item{gap:20px}.flow-section .flow-item div{order:-1;gap:10px}.flow-item img,.flow-item video{width:100%;height:auto;aspect-ratio:1}.flow-list,.consideration-list{gap:40px}.desktop-shot,.research-collage,.comparison{object-fit:cover}.metric-grid article{min-height:0}.testing-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.testing-gallery img{height:auto;aspect-ratio:83 / 154}.metric-panel{padding:12px}.metric-grid{gap:12px}.footer{height:190px;align-items:flex-start;justify-content:flex-start;padding:30px 24px;border-bottom:0}.footer nav{flex-direction:column;align-items:flex-start;gap:10px;font-size:16px}.problem-device{left:32%;top:35.4%;width:36.1%;height:auto}.problem-toolbar{left:29%;top:12.6%;width:42%;height:auto}}