@font-face{font-family:KernBrand;src:url(assets/sans.otf) format('opentype');font-weight:400;font-display:swap}@font-face{font-family:KernBrand;src:url(assets/sans-bold.otf) format('opentype');font-weight:700;font-display:swap}@font-face{font-family:KernData;src:url(assets/mono.otf) format('opentype');font-weight:400;font-display:swap}
.kern-case{--signal:#ff4e24;--ceramic:#eeeee7;--carbon:#141512;--titanium:#a8aca5}.svg-defs{position:absolute}.kern-case img{display:block;max-width:100%;height:auto}.kern-case .case-hero-media{inset:-4% 0}.kern-case .case-hero-media>img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.kern-case .hero-shade{background:linear-gradient(#0006,transparent 25%,transparent 60%,#000b)}.kern-case .hero-caption{bottom:5svh}.kern-case .hero-caption h1{font-size:clamp(44px,4.9vw,72px)}.kern-case .hero-caption .eyebrow{margin-bottom:17px}.kern-case .project-roles{align-items:flex-start}.kern-case .chapter{padding-block:65px 90px}.kern-case .showcase-heading{margin-bottom:45px}.kern-case .section-note{max-width:400px}.kern-case .strategy-copy{max-width:510px}.kern-case .image-button{display:block;width:100%;text-align:left;position:relative;overflow:hidden}.kern-case .image-button>img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.kern-case .image-button:hover>img{transform:scale(1.018)}.kern-case .zoom-mark{position:absolute;right:22px;bottom:22px;display:grid;place-items:center;width:38px;height:38px;font-size:19px;border:1px solid #ffffff75;border-radius:50%;background:#0005;color:#eee;backdrop-filter:blur(8px)}
.product-board{background:#eeeee7;color:var(--carbon);position:relative;padding:32px 0 0;overflow:hidden}.product-board-top,.product-board-bottom,.board-caption,.construction-bottom,.naming-bottom{display:flex;align-items:center;justify-content:space-between;padding-inline:36px;font:10px/1.4 KernData,monospace;letter-spacing:.04em}.product-name{font:700 clamp(120px,17vw,260px)/.9 KernBrand,Arial,sans-serif;letter-spacing:-.07em;color:var(--signal);padding:40px 30px 0}.product-board .image-button{height:clamp(300px,43vw,680px);margin-top:-18px}.product-board .image-button>img{object-fit:cover;object-position:center 58%}.product-board .zoom-mark{color:var(--carbon);background:#eeeee760;border-color:#14151270}.product-board-bottom{padding-block:23px;border-top:1px solid #14151225}.product-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin-top:50px}.product-principles article{border-top:1px solid #ffffff2c;padding-top:22px}.product-principles article>span{font-size:10px;color:#777}.kern-case h3{font-weight:450;letter-spacing:-.035em;font-size:23px;line-height:1.2}.product-principles h3{margin:22px 0 15px}.product-principles p{font-size:13px;color:#999;line-height:1.8;max-width:330px}.detail-chapter{display:grid;grid-template-columns:1.15fr 1fr;gap:9vw;align-items:center;padding-block:25px 110px}.detail-chapter .image-button{height:580px}.detail-copy .strategy-copy{margin-top:28px;font-size:14px}.design-targets{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff2c;margin-top:37px;padding-top:23px;gap:20px}.design-targets span{font-size:10px;color:#888;display:block}.design-targets strong{font-size:40px;letter-spacing:-.05em;font-weight:450;display:block;margin-top:8px}.design-targets small{font-size:13px;letter-spacing:-.01em}.kern-case .small-note{font-size:10px;color:#777;line-height:1.7;margin-top:20px;max-width:650px}
.naming-board{border:1px solid #ffffff30;background:#141512;padding-block:30px}.naming-board .board-caption{color:#888}.naming-board>img{width:78%;margin:90px auto 100px}.naming-bottom{font-size:13px;color:#aaa;letter-spacing:-.02em;font-family:Inter,Arial,sans-serif}.platform-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5vw;margin-top:35px}.platform-row>div>span{font-size:9px;color:#777;letter-spacing:.04em}.platform-row p{font-size:16px;line-height:1.6;color:#bbb;max-width:320px;margin-top:18px}.construction-board{background:#e4e6de;color:var(--carbon);padding-block:28px 25px}.construction-board .board-caption{font-size:9px}.board-caption button{display:flex;align-items:center;gap:16px;min-height:36px;font:inherit}.board-caption button:focus-visible{outline-color:var(--carbon)}.board-caption button span{font:20px Inter}.logo-construction{position:relative;margin:65px 36px 60px;padding:28px 0}.logo-construction>img{width:80%;margin:auto;position:relative;z-index:1}.construction-guides{position:absolute;inset:0;opacity:1;transition:opacity .4s;background-image:linear-gradient(#1415120d 1px,transparent 1px),linear-gradient(90deg,#1415120d 1px,transparent 1px);background-size:20px 20px}.construction-board.hide-guides .construction-guides{opacity:0}.guide{display:block;position:absolute;left:0;right:0;height:1px;background:#ff4e2488}.g1{top:28px}.g2{bottom:28px}.g3{top:48%}.g4{top:68%}.guide.vertical{height:auto;width:1px;top:-15px;bottom:-15px;right:auto}.v1{left:10%}.v2{left:29.8%}.v3{left:48.5%}.v4{left:69.3%}.construction-guides>span{position:absolute;font:6px KernData;color:#535a4f;right:0}.construction-guides>span:nth-last-child(2){top:14px}.construction-guides>span:last-child{bottom:14px}.construction-bottom{font-size:8px;color:#626b59}.mark-pair{display:grid;grid-template-columns:1fr 1.6fr;gap:18px;margin-top:18px}.mark-pair>figure{height:360px;position:relative;display:grid;place-items:center}.symbol-panel{border:1px solid #ffffff2c;background:var(--carbon)}.symbol-panel img{width:145px}.wordmark-panel{background:var(--signal)}.wordmark-panel img{width:75%}.mark-pair figcaption{position:absolute;left:26px;bottom:22px;font:8px KernData;letter-spacing:.06em}.wordmark-panel figcaption{color:var(--carbon)}.identity-rationale{display:grid;grid-template-columns:1fr 1fr;gap:13vw;margin-top:40px}.identity-rationale p{font-size:14px;line-height:1.8;color:#999;max-width:460px}
.palette-board{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr}.swatch{height:295px;padding:25px 22px;display:flex;flex-direction:column;justify-content:space-between;font-family:KernData,monospace;color:var(--carbon)}.swatch>span,.swatch>div>span{font-size:9px;letter-spacing:.03em}.swatch>div{display:flex;flex-direction:column;gap:13px}.swatch strong{font:400 27px KernBrand;letter-spacing:-.035em}.signal{background:var(--signal)}.carbon{background:var(--carbon);color:var(--ceramic);border-block:1px solid #ffffff25}.ceramic{background:var(--ceramic)}.titanium{background:var(--titanium)}.type-board{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:18px}.type-main,.type-data{padding:35px;min-height:400px;display:flex;flex-direction:column;justify-content:space-between;background:var(--ceramic);color:var(--carbon)}.type-main>span,.type-data>span{font:9px KernData}.type-main>strong{font:400 145px/.95 KernBrand;letter-spacing:-.09em;padding-block:30px}.type-main>p{font:400 36px/1 KernBrand;letter-spacing:-.04em}.type-data{background:#191a17;color:var(--ceramic);font-family:KernData;border:1px solid #ffffff20}.type-data>strong{font-size:clamp(20px,2.7vw,40px);font-weight:400;letter-spacing:-.04em;line-height:1.15}.type-data>div{font-size:13px;line-height:1.9}.type-data>span:last-child{font-size:7px;color:#888}.system-copy,.applications-copy{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:35px}.system-copy p,.applications-copy p{font-size:14px;line-height:1.8;color:#999;max-width:510px}
.campaign-chapter{padding-block:25px 10px}.kern-case .campaign-image{height:92svh;min-height:650px;max-height:1000px}.campaign-image>img{object-position:center}.campaign-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0007,transparent 75%)}.campaign-layout{position:absolute;inset:55px auto auto var(--g);color:var(--ceramic)}.campaign-layout>img{width:125px;margin-bottom:45px}.campaign-layout>strong{font:700 clamp(80px,9.5vw,150px)/.84 KernBrand;letter-spacing:-.055em;display:block}.campaign-layout>strong span{color:var(--signal)}.campaign-baseline{font:11px KernData;letter-spacing:.15em;display:block;margin-top:30px}.campaign-foot{position:absolute;left:var(--g);right:var(--g);bottom:33px;display:flex;justify-content:space-between;color:var(--ceramic);font:8px KernData}.campaign-image .zoom-mark{right:var(--g);bottom:70px}.art-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.art-pair>figure:nth-child(2){margin-top:100px}.art-pair .image-button{aspect-ratio:1.25}.art-pair .image-button>img{object-position:50% center}.art-pair .frame-caption{font-size:8px}.record-intro{display:grid;grid-template-columns:1fr 1fr;gap:13vw;margin-top:70px}.record-intro>p{font-size:14px;line-height:1.8;color:#999;max-width:460px}.record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.record-grid article{border-top:1px solid #ffffff2c;padding-top:20px}.record-grid article>span{font-size:8px;letter-spacing:.05em;color:#777}.record-grid h4{font-weight:450;font-size:19px;letter-spacing:-.025em;margin:26px 0 10px;line-height:1.2}.record-grid p{font-size:12px;color:#999}.applications-image{aspect-ratio:1.6}.kern-case .outcome{display:grid;grid-template-columns:1fr 1fr;gap:13vw;padding-bottom:80px}.related-case{padding-block:25px 70px}.related-case>a{display:flex;justify-content:space-between;align-items:center;gap:25px;border-block:1px solid #ffffff2c;padding-block:27px;font-size:28px;letter-spacing:-.04em;line-height:1.2}.related-case svg{width:28px;height:28px;flex-shrink:0}.kern-case .case-next{padding-top:50px}.kern-case .case-disclosure{max-width:900px}.kern-case .case-talk svg,.kern-case .next-link svg{flex-shrink:0}
#gallery{width:min(1200px,94vw);max-width:94vw;padding:0;border:1px solid #ffffff30;background:#0a0a0a;color:#eee;max-height:94svh}#gallery::backdrop{background:#000d;backdrop-filter:blur(8px)}#gallery-image{width:100%;max-height:80svh;object-fit:contain}.gallery-close{position:absolute;top:14px;right:14px;z-index:2;border:1px solid #ffffff50;border-radius:50%;height:42px;width:42px;font-size:27px;background:#0009;color:#eee;display:grid;place-items:center}.gallery-bottom{display:flex;justify-content:space-between;padding:18px 24px;font-size:10px;gap:20px}.gallery-bottom a{white-space:nowrap}.motion-off .image-button>img{transition:none}.motion-off .case-hero-media,.motion-off .hero-caption{transform:none!important}
@media(min-width:1750px){.campaign-layout{left:max(var(--g),calc((100vw - 1600px)/2))}.campaign-foot{left:max(var(--g),calc((100vw - 1600px)/2));right:max(var(--g),calc((100vw - 1600px)/2))}}
@media(max-width:1000px){.detail-chapter{gap:5vw}.detail-chapter .image-button{height:520px}.detail-copy h2{font-size:28px}.mark-pair>figure{height:280px}.type-main,.type-data{padding:25px;min-height:360px}.type-main>p{font-size:31px}.swatch{height:250px;padding:22px 17px}.swatch strong{font-size:24px}.swatch>span{font-size:8px}.record-grid h4{font-size:16px}.naming-board>img{margin-block:70px}.construction-bottom{font-size:7px}.kern-case .case-hero-media>img{object-position:53% center}}
@media(max-width:650px){.kern-case .case-header nav{gap:12px}.kern-case .case-header .identity-nav{display:none}.kern-case .case-header .case-brand{width:118px;flex-shrink:0}.kern-case .case-header nav>button{min-width:40px;min-height:40px}.kern-case .case-hero{height:90svh;min-height:640px}.kern-case .case-hero-media{inset:0}.kern-case .case-hero-media>img{object-position:50% 45%}.kern-case .hero-shade{background:linear-gradient(#0008,transparent 25%,transparent 55%,#000c)}.kern-case .hero-caption{bottom:5svh}.kern-case .hero-caption h1{font-size:43px}.kern-case .hero-caption .eyebrow{font-size:7px}.kern-case .hero-line{font-size:12px}.kern-case .strategic-opening{padding-top:60px;padding-bottom:25px}.kern-case .chapter{padding-block:45px 55px}.kern-case .showcase-heading{margin-bottom:30px}.kern-case .project-roles{font-size:8px;gap:25px}.project-roles>span:last-child{text-align:right}.product-board{padding-top:20px;margin-inline:-6px}.product-board-top,.product-board-bottom,.board-caption,.construction-bottom,.naming-bottom{padding-inline:20px;font-size:7px}.product-name{font-size:35vw;padding:32px 18px 0}.product-board .image-button{height:260px;margin-top:5px}.product-board .image-button>img{object-fit:cover;object-position:50% center}.product-board-bottom{padding-block:17px}.kern-case .zoom-mark{width:32px;height:32px;font-size:16px;right:15px;bottom:15px}.product-principles{grid-template-columns:1fr;gap:25px;margin-top:32px}.product-principles article{padding-top:18px;display:grid;grid-template-columns:25px 1fr;gap:0 13px}.product-principles article>span{font-size:8px;padding-top:4px}.product-principles h3{font-size:20px;margin:0 0 12px}.product-principles p{font-size:13px;grid-column:2;max-width:100%}.detail-chapter{grid-template-columns:1fr;padding-block:10px 55px;gap:35px}.detail-chapter .image-button{height:400px}.detail-copy .strategy-copy{font-size:14px;margin-top:22px}.design-targets{margin-top:27px;padding-top:20px}.design-targets strong{font-size:38px}.kern-case .small-note{font-size:9px}.naming-board{padding-block:20px}.naming-board>img{width:84%;margin-block:60px}.naming-board .board-caption{font-size:6px;gap:20px}.naming-bottom{font:10px Inter}.platform-row{grid-template-columns:1fr;gap:25px;margin-top:30px}.platform-row>div{display:grid;grid-template-columns:90px 1fr;gap:20px;padding-bottom:20px;border-bottom:1px solid #ffffff20}.platform-row>div:last-child{border:0;padding-bottom:0}.platform-row>div>span{font-size:8px;padding-top:3px}.platform-row p{font-size:14px;margin:0;max-width:100%}.construction-board{padding-block:15px 20px}.construction-board .board-caption{font-size:6px;gap:15px}.board-caption button{white-space:nowrap;gap:9px;min-height:36px}.logo-construction{margin:33px 15px 35px;padding-block:28px}.logo-construction>img{width:85%}.v1{left:7.5%}.v2{left:28.5%}.v3{left:48.4%}.v4{left:70.5%}.construction-bottom{font-size:5px;gap:8px;padding-inline:15px}.construction-guides>span{font-size:4px}.mark-pair{gap:10px;margin-top:10px;grid-template-columns:1fr 1.4fr}.mark-pair>figure{height:180px}.symbol-panel img{width:85px}.wordmark-panel img{width:80%}.mark-pair figcaption{font-size:5px;left:13px;bottom:16px}.identity-rationale{grid-template-columns:1fr;gap:20px;margin-top:30px}.identity-rationale h3{font-size:23px}.identity-rationale p{font-size:13px;max-width:100%}.palette-board{grid-template-columns:1fr 1fr}.swatch{height:180px;padding:20px}.swatch>span{font-size:7px}.swatch strong{font-size:27px}.swatch>div{gap:8px}.swatch>div>span{font-size:9px}.type-board{grid-template-columns:1fr;margin-top:10px;gap:10px}.type-main,.type-data{padding:25px;min-height:350px}.type-main>strong{font-size:135px}.type-main>p{font-size:35px}.type-main>span,.type-data>span{font-size:8px}.type-data{min-height:320px}.type-data>strong{font-size:32px}.type-data>div{font-size:12px}.system-copy,.applications-copy{grid-template-columns:1fr;gap:20px;margin-top:25px}.system-copy p,.applications-copy p{font-size:13px}.kern-case .campaign-image{height:88svh;min-height:650px;max-height:850px}.campaign-image>img{object-position:60% center}.campaign-shade{background:linear-gradient(#0007,transparent 70%,#0005)}.campaign-layout{inset:35px auto auto 24px}.campaign-layout>img{width:90px;margin-bottom:40px}.campaign-layout>strong{font-size:19vw}.campaign-baseline{font-size:8px;margin-top:22px}.campaign-foot{left:24px;right:24px;bottom:24px;font-size:5px;gap:20px}.campaign-foot>span:last-child{text-align:right}.campaign-image .zoom-mark{bottom:55px;right:24px}.art-pair{grid-template-columns:1fr;gap:30px}.art-pair>figure:nth-child(2){margin-top:0}.art-pair .image-button{aspect-ratio:1.35}.art-pair .frame-caption{font-size:6px}.record-intro{grid-template-columns:1fr;gap:20px;margin-top:42px}.record-intro h3{font-size:23px}.record-intro>p{font-size:13px;max-width:100%}.record-grid{grid-template-columns:1fr 1fr;gap:25px 16px;margin-top:30px}.record-grid article>span{font-size:7px}.record-grid h4{font-size:16px;margin-top:20px}.record-grid p{font-size:11px}.applications-image{aspect-ratio:.88}.applications-image>img{object-position:51% center}.applications-chapter .frame-caption{font-size:6px}.kern-case .outcome{grid-template-columns:1fr;gap:30px;padding-bottom:55px}.kern-case .outcome .strategy-copy{font-size:14px}.kern-case .delivery-list{font-size:8px;gap:12px 18px}.related-case{padding-block:10px 45px}.related-case>a{font-size:24px;max-width:100%;padding-block:23px}.related-case svg{width:23px;height:23px}.kern-case .case-next{padding-top:40px}.kern-case .case-disclosure{font-size:9px}.gallery-bottom{padding:17px;font-size:8px;gap:20px}.gallery-close{width:36px;height:36px;font-size:25px}.gallery-bottom>span{max-width:65%}}
@media(prefers-reduced-motion:reduce){.kern-case .case-hero-media,.kern-case .hero-caption{transform:none!important}.kern-case .image-button>img,.construction-guides{transition:none}}