/* KERN — identity studies and scroll choreography. Agency copy stays Inter. */
.kern-case main{overflow:clip}.kern-case [data-drift]{transform:translate3d(0,var(--drift,0px),0) rotate(var(--angle,0deg));will-change:transform}.kern-case .case-hero-media{inset:-12% 0}.kern-case .case-hero-media>img{object-position:50% 52%}.kern-case .hero-caption{will-change:transform}.kern-case .image-button>img{transition:none;transform:translate3d(0,var(--image-shift,0px),0) scale(1.13)}.kern-case .image-button:hover>img{transform:translate3d(0,var(--image-shift,0px),0) scale(1.13)}.kern-case .product-board .image-button>img{transform:none}.kern-case .hero-endnote p{line-height:1.8}.identity-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.rule-tile{background:var(--ceramic);color:var(--carbon);padding:28px}.rule-art{height:230px;display:flex;align-items:center;justify-content:center}.rule-module svg{width:185px;height:185px}.rule-tile figcaption>span{font:8px KernData;letter-spacing:.03em}.rule-tile figcaption p{font:13px/1.6 KernBrand;margin-top:14px;color:#585c50}.clear-space{position:relative;width:100%;padding:23px;border:1px dashed #ff4e24}.clear-space img{width:100%}.clear-space i{font:8px KernData;color:#c33418;position:absolute;top:5px;left:7px}.scale-art{gap:24px}.scale-art>img:first-child{width:78px}.scale-art>img:nth-child(2){width:42px}.scale-art>img:nth-child(3){width:22px}.kern-case .graphic-intro{padding-bottom:20px}.graphic-intro .showcase-heading{margin-bottom:30px}
.mark-scroll{height:200svh;position:relative;--mark-progress:0}.mark-sticky{position:sticky;top:0;height:100svh;min-height:620px;background:var(--signal);color:var(--carbon);overflow:clip;isolation:isolate}.mark-top,.mark-bottom{position:absolute;left:var(--g);right:var(--g);z-index:2;display:flex;justify-content:space-between;gap:30px}.mark-top{top:100px;font:9px KernData;letter-spacing:.05em}.mark-bottom{bottom:55px;align-items:end}.mark-counter{font:9px KernData}.kern-case .mark-bottom h3{font:400 clamp(30px,3.5vw,55px)/1.05 KernBrand;letter-spacing:-.045em;margin-top:18px}.mark-bottom p{font:12px/1.6 KernData;text-align:right}.kinetic-field{position:absolute;inset:0;z-index:-1}.kinetic-k{position:absolute;width:min(48vw,54svh);height:min(48vw,54svh);top:45%;left:50%;overflow:visible;will-change:transform}.k-solid{fill:var(--carbon);transform:translate(-50%,-53%)}.k-echo{fill:none;stroke:var(--carbon);stroke-width:.19;transform:translate(-50%,-53%)}.mark-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#14151225}.mark-progress i{display:block;height:100%;width:100%;background:var(--carbon);transform:scaleX(var(--mark-progress));transform-origin:left}.graphic-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;padding-block:45px 55px}.graphic-principles article>span,.type-hierarchy>div>span,.touchpoint-labels>div>span{font-size:8px;color:#777;letter-spacing:.04em}.graphic-principles h3{margin-top:23px}.graphic-principles p{font-size:13px;line-height:1.8;color:#999;max-width:350px;margin-top:16px}
.editorial-specimen{position:relative;background:var(--ceramic);color:var(--carbon);padding:35px 40px 32px;overflow:hidden;isolation:isolate}.specimen-grid{position:absolute;inset:35px 40px 32px;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.6667% - 1px),#ff4e2426 calc(16.6667% - 1px),#ff4e2426 16.6667%);border-inline:1px solid #ff4e2426;z-index:-1}.specimen-label{display:flex;align-items:center;justify-content:space-between;font:9px KernData}.specimen-label img{width:105px}.type-statement{font:700 clamp(68px,11.5vw,180px)/.86 KernBrand;letter-spacing:-.065em;padding-block:70px 65px}.type-statement>span{display:block}.type-statement>span:nth-child(2){margin-left:16.6667%}.type-statement>span:nth-child(3){margin-left:0}.orange-dot{color:var(--signal)}.specimen-footer{display:grid;grid-template-columns:1fr 1.5fr .5fr;gap:30px;align-items:end;border-top:1px solid #141512;padding-top:22px;position:relative}.specimen-footer>span{font:8px/1.6 KernData}.specimen-footer>span:last-child{text-align:right}.specimen-footer>p{font:16px/1.25 KernBrand;letter-spacing:-.02em}.type-hierarchy{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;padding-top:32px}.type-hierarchy strong{display:block;font:400 22px/1.2 KernBrand;margin-top:20px;letter-spacing:-.03em}.type-hierarchy>div:last-child strong{font:17px/1.5 KernData;letter-spacing:-.05em}.type-hierarchy p{font-size:13px;line-height:1.8;color:#999;margin-top:14px;max-width:330px}
.kern-case .campaign-system{padding-top:80px}.poster-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-block:60px 45px}.poster-wrap{min-width:0}.brand-poster{aspect-ratio:.66;padding:24px;position:relative;overflow:hidden;isolation:isolate;background:var(--ceramic);color:var(--carbon);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 45px #0004}.poster-top,.poster-bottom{display:flex;align-items:start;justify-content:space-between;gap:12px;position:relative;z-index:1}.poster-top>img{width:40%}.poster-top>span{font:5.5px/1.5 KernData;text-align:right}.poster-bottom{align-items:end;font:5.5px/1.5 KernData}.poster-bottom>span:last-child{text-align:right}.poster-manifesto{background:var(--signal)}.poster-slogan{font:700 clamp(35px,4.9vw,74px)/.86 KernBrand;letter-spacing:-.06em;margin-top:auto;padding-block:26px 22px}.poster-slogan>span{color:var(--ceramic)}.poster-rule{height:1px;width:100%;background:var(--carbon);margin-bottom:24px}.poster-machine{background:var(--carbon);color:var(--ceramic)}.poster-photo{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:48% center;z-index:-1}.poster-machine:after{content:'';position:absolute;inset:0;background:linear-gradient(#0007,transparent 28%,transparent 60%,#0008);z-index:-1}.poster-machine-name{position:absolute;top:18%;font:400 clamp(55px,8.5vw,130px)/1 KernBrand;letter-spacing:-.07em;color:var(--ceramic)}.poster-machine .poster-bottom>span:first-child{font:700 clamp(12px,1.9vw,27px)/.95 KernBrand;letter-spacing:-.03em}.poster-k{position:absolute;top:24%;left:21%;width:110%;fill:var(--signal);z-index:-1}.poster-signal .poster-bottom>span:first-child{font:700 clamp(14px,2vw,30px)/.94 KernBrand;letter-spacing:-.04em}.poster-wrap>figcaption{font-size:7px;color:#777;letter-spacing:.025em;margin-top:17px}
.brand-desk{height:850px;position:relative;background:#c1c4bb;color:var(--carbon);overflow:clip;isolation:isolate}.brand-desk:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 35% 10%,#e7e9e0,transparent 75%);z-index:-1}.desk-caption{position:absolute;top:30px;left:35px;right:35px;display:flex;justify-content:space-between;font:8px KernData;color:#5b6052;letter-spacing:.04em}.brand-book{position:absolute;left:5%;top:20%;width:70%;aspect-ratio:1.49;display:grid;grid-template-columns:1fr 1fr;box-shadow:1px 20px 25px #14151245,2px 3px 0 #a6a89b,3px 5px 0 #edeee6;--angle:-7deg}.book-left,.book-right{padding:28px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.book-left{background:var(--signal);background-image:linear-gradient(90deg,transparent 92%,#00000030)}.book-right{background:var(--ceramic);background-image:linear-gradient(90deg,#00000020,transparent 8%)}.book-left>span,.book-right>span{font:8px/1.6 KernData;position:relative;z-index:1}.book-left>svg{width:95%;position:absolute;top:28%;left:-13%;fill:var(--carbon)}.book-left>div{display:flex;justify-content:space-between;gap:20px;align-items:end;z-index:1}.book-left>div>img{width:51%}.book-left>div>span{font:6px KernData;white-space:nowrap}.kern-case .book-right h3{font:400 clamp(27px,4vw,58px)/.92 KernBrand;letter-spacing:-.04em;margin-top:12%}.book-right>p{font:11px/1.6 KernBrand;margin-top:5%;color:#53574c}.book-swatches{display:flex;gap:4px;margin-top:auto;margin-bottom:10%;padding-top:10px}.book-swatches>i{display:block;width:19%;aspect-ratio:1;background:var(--signal)}.book-swatches>i:nth-child(2){background:var(--carbon)}.book-swatches>i:nth-child(3){background:var(--titanium)}.book-baseline{display:flex;justify-content:space-between;font:5px KernData;padding-top:15px;border-top:1px solid #14151255}.social-device{position:absolute;right:4%;top:13%;width:24%;background:var(--ceramic);padding:8px;border:1px solid #bbbdb4;border-radius:25px;box-shadow:15px 30px 35px #14151245;--angle:7deg}.social-header{display:flex;gap:8px;align-items:center;padding:15px 10px;font:7px/1.3 KernBrand}.social-header>img{width:23px}.social-header>span:nth-child(2){flex:1}.social-header small{font:4px KernData;color:#6c7065}.social-art{position:relative;aspect-ratio:.67;isolation:isolate;overflow:hidden;background:#181c19}.social-art>img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:58% center;z-index:-1}.social-art:after{content:'';position:absolute;inset:0;background:linear-gradient(#0008,transparent 65%);z-index:-1}.social-art>div{padding:20px 14px;color:var(--ceramic);font:700 clamp(20px,3vw,42px)/.88 KernBrand;letter-spacing:-.05em}.social-art>div>span{color:var(--signal)}.social-folio{position:absolute;bottom:15px;left:14px;color:var(--ceramic);font:5px KernData}.social-caption{font:8px/1.5 KernBrand;padding:16px 10px 12px}.social-caption>span{display:block;font:5px KernData;color:#72776a;margin-top:10px}.crew-credential{position:absolute;width:19%;left:55%;bottom:7%;aspect-ratio:.66;background:var(--signal);border-radius:8px;box-shadow:15px 20px 25px #14151240;padding:29px 22px 22px;display:flex;flex-direction:column;--angle:-5deg}.badge-hole{position:absolute;top:9px;left:50%;width:25px;height:5px;border-radius:8px;background:#8d9285;box-shadow:inset 0 1px 3px #0009;transform:translateX(-50%)}.crew-credential>img{width:64%}.credential-label{font:6px/1.5 KernData;margin-top:25px}.crew-credential>strong{font:700 clamp(26px,3.1vw,44px)/.9 KernBrand;letter-spacing:-.04em;margin-top:auto;padding-top:20px}.crew-credential>strong>span{display:block;font-size:1.4em}.badge-bottom{border-top:1px solid #14151288;margin-top:22px;padding-top:12px;display:flex;align-items:end;justify-content:space-between;gap:15px}.badge-bottom>span{font:4px/1.5 KernData}.barcode{width:38%;height:24px;background:repeating-linear-gradient(90deg,#141512 0px,#141512 2px,transparent 2px,transparent 4px,#141512 4px,#141512 5px,transparent 5px,transparent 8px)}.touchpoint-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:30px}.touchpoint-labels p{font-size:14px;line-height:1.5;letter-spacing:-.02em;color:#bbb;margin-top:15px}
.identity-mosaic{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.identity-mosaic>div{height:280px;position:relative;padding:28px;display:flex;align-items:center;justify-content:center;overflow:hidden}.identity-mosaic>div>span{position:absolute;bottom:20px;left:25px;font:7px KernData}.mosaic-logo{background:var(--carbon);border:1px solid #ffffff25}.mosaic-logo img{width:85%}.mosaic-k{background:var(--ceramic)}.mosaic-k img{width:125px}.mosaic-k>span,.mosaic-type>span,.mosaic-colour>span{color:var(--carbon)}.mosaic-type{background:var(--signal)}.mosaic-type>strong{font:700 100px/.7 KernBrand;letter-spacing:-.07em;color:var(--carbon)}.mosaic-type>strong>span{font:400 55px/1 KernData;letter-spacing:-.08em}.mosaic-stripe{background:var(--carbon)}.mosaic-stripe>div{width:220%;height:160%;flex-shrink:0;background:repeating-linear-gradient(135deg,transparent 0,transparent 12%,var(--signal) 12%,var(--signal) 12.3%)}.mosaic-stripe>span{background:var(--carbon);padding:5px}.mosaic-colour{background:var(--ceramic);padding-bottom:65px!important;gap:0;align-items:stretch!important}.mosaic-colour>i{flex:1;background:var(--signal)}.mosaic-colour>i:nth-child(2){background:var(--carbon)}.mosaic-colour>i:nth-child(3){background:var(--titanium)}.mosaic-colour>i:nth-child(4){background:var(--ceramic);border:1px solid #cccfc3}.mosaic-line{background:var(--carbon);border:1px solid #ffffff25}.mosaic-line strong{font:700 clamp(20px,2.6vw,40px)/.95 KernBrand;letter-spacing:-.04em}
.kern-case.motion-off [data-drift]{transform:rotate(var(--angle,0deg))!important;will-change:auto}.kern-case.motion-off .image-button>img{transform:none!important}.kern-case.motion-off .mark-scroll{height:auto}.kern-case.motion-off .mark-sticky{position:relative}.kern-case.motion-off .kinetic-k{will-change:auto}.kern-case.motion-off .k-solid{transform:translate(-65%,-53%)!important}.kern-case.motion-off .echo-one{transform:translate(-45%,-53%)!important}.kern-case.motion-off .echo-two{transform:translate(-25%,-53%)!important}.kern-case.motion-off .echo-three{transform:translate(-5%,-53%)!important}
@media(min-width:1750px){.brand-desk{height:1000px}.poster-top>span,.poster-bottom{font-size:8px}.brand-poster{padding:35px}}
@media(max-width:1000px){.identity-rules{gap:12px}.rule-tile{padding:22px}.rule-art{height:190px}.rule-tile figcaption p{font-size:12px}.scale-art{gap:15px}.scale-art>img:first-child{width:58px}.scale-art>img:nth-child(2){width:34px}.scale-art>img:nth-child(3){width:18px}.clear-space{padding:16px}.poster-wall{gap:16px}.brand-poster{padding:18px}.poster-top>span,.poster-bottom{font-size:4.5px}.brand-desk{height:680px}.book-left,.book-right{padding:21px}.book-right>p{font-size:9px}.book-left>span,.book-right>span{font-size:6px}.social-header{padding:10px 5px}.social-header small{font-size:3px}.social-caption{font-size:7px;padding:13px 6px}.crew-credential{padding:25px 16px 16px;width:20%;left:54%}.credential-label{margin-top:20px;font-size:5px}.badge-bottom{margin-top:15px;padding-top:8px;gap:8px}.identity-mosaic>div{height:230px;padding:24px}}
@media(max-width:650px){.kern-case .case-hero-media{inset:-8% 0}.kern-case .hero-endnote{display:none}.identity-rules{grid-template-columns:1fr;margin-top:35px;gap:12px}.rule-tile{display:grid;grid-template-columns:1fr 1.1fr;gap:22px;align-items:center;padding:20px}.rule-art{height:155px}.rule-module svg{width:140px;height:140px}.rule-tile figcaption>span{font-size:6px}.rule-tile figcaption p{font-size:12px;margin-top:12px}.scale-art{gap:9px}.scale-art>img:first-child{width:48px}.scale-art>img:nth-child(2){width:28px}.scale-art>img:nth-child(3){width:16px}.clear-space{padding:12px}.clear-space i{font-size:6px;top:3px;left:4px}.mark-scroll{height:170svh}.mark-sticky{min-height:570px}.mark-top{top:100px;left:24px;right:24px;font-size:6px;gap:30px}.mark-top>span:last-child{text-align:right;max-width:100px}.kinetic-k{width:68vw;height:68vw;top:42%}.mark-bottom{bottom:35px;left:24px;right:24px;gap:25px}.kern-case .mark-bottom h3{font-size:35px;margin-top:14px}.mark-counter{font-size:7px}.mark-bottom p{font-size:7px;line-height:1.8;max-width:110px}.graphic-principles{grid-template-columns:1fr;gap:27px;padding-block:30px 20px}.graphic-principles article{display:grid;grid-template-columns:1fr 1.5fr;gap:7px 25px;border-bottom:1px solid #ffffff20;padding-bottom:25px}.graphic-principles article>span{font-size:7px;grid-column:1/-1}.graphic-principles h3{font-size:22px;margin-top:12px}.graphic-principles p{font-size:12px;margin-top:12px}.editorial-specimen{padding:24px 20px}.specimen-grid{inset:24px 20px}.specimen-label{font-size:6px}.specimen-label img{width:65px}.type-statement{font-size:15.5vw;padding-block:70px 60px;letter-spacing:-.065em}.specimen-footer{grid-template-columns:1fr 1.4fr;gap:20px;padding-top:17px}.specimen-footer>span{font-size:5px}.specimen-footer>p{font-size:10px}.specimen-footer>span:last-child{display:none}.type-hierarchy{grid-template-columns:1fr;gap:25px;padding-top:30px}.type-hierarchy>div{display:grid;grid-template-columns:100px 1fr;gap:10px 20px}.type-hierarchy>div>span{font-size:7px;padding-top:4px}.type-hierarchy strong{font-size:20px;margin:0}.type-hierarchy>div:last-child strong{font-size:16px}.type-hierarchy p{grid-column:2;margin:0;font-size:12px}.kern-case .campaign-system{padding-top:40px}.poster-wall{grid-template-columns:1fr;gap:48px;padding:15px 12px 20px}.brand-poster{padding:25px;aspect-ratio:.69}.poster-wrap:nth-child(2){margin-left:20px}.poster-wrap:nth-child(3){margin-right:20px}.poster-top>span,.poster-bottom{font-size:5px}.poster-slogan{font-size:13vw;padding-top:35px}.poster-machine-name{font-size:24vw}.poster-machine .poster-bottom>span:first-child{font-size:25px}.poster-signal .poster-bottom>span:first-child{font-size:27px}.poster-wrap>figcaption{font-size:6px}.brand-desk{height:820px;margin-inline:-6px}.desk-caption{top:24px;left:20px;right:20px;font-size:5px;gap:20px}.brand-book{left:5%;top:15%;width:90%}.book-left,.book-right{padding:17px}.book-left>span,.book-right>span{font-size:4px}.kern-case .book-right h3{font-size:26px;margin-top:14%}.book-right>p{font-size:6px;margin-top:5%}.book-left>div>span{font-size:3px}.book-left>div{gap:10px}.book-baseline{font-size:3px;padding-top:9px}.book-swatches{gap:3px;margin-bottom:8%;padding-top:8px}.social-device{width:42%;right:6%;top:48%;border-radius:17px;padding:5px}.social-header{font-size:5px;padding:11px 6px;gap:6px}.social-header>img{width:18px}.social-header small{font-size:2.5px}.social-art>div{font-size:25px;padding:17px 10px}.social-folio{font-size:3px;bottom:11px;left:10px}.social-caption{font-size:6px;padding:12px 7px}.social-caption>span{font-size:3px;margin-top:6px}.crew-credential{width:32%;left:11%;bottom:13%;padding:25px 16px 16px;border-radius:6px}.credential-label{font-size:4px;margin-top:16px}.crew-credential>strong{font-size:27px;padding-top:22px}.badge-bottom>span{font-size:3px}.barcode{height:20px}.touchpoint-labels{grid-template-columns:1fr;gap:22px}.touchpoint-labels>div{display:grid;grid-template-columns:1fr 1.4fr;gap:25px}.touchpoint-labels>div>span{font-size:6px;padding-top:3px}.touchpoint-labels p{font-size:13px;margin:0}.identity-mosaic{grid-template-columns:1fr 1fr;gap:9px}.identity-mosaic>div{height:190px;padding:20px}.identity-mosaic>div>span{font-size:5px;left:17px;bottom:16px}.mosaic-k img{width:90px}.mosaic-type>strong{font-size:78px}.mosaic-type>strong>span{font-size:42px}.mosaic-line strong{font-size:20px}.mosaic-colour{padding-bottom:50px!important}}
@media(prefers-reduced-motion:reduce){.kern-case [data-drift]{transform:rotate(var(--angle,0deg))!important;will-change:auto}.kern-case .image-button>img{transform:none!important}.mark-scroll{height:auto}.mark-sticky{position:relative}.k-solid{transform:translate(-65%,-53%)!important}.echo-one{transform:translate(-45%,-53%)!important}.echo-two{transform:translate(-25%,-53%)!important}.echo-three{transform:translate(-5%,-53%)!important}}
/* Keep the signature clear of the oversized cover graphic. */
.book-left>div{position:relative;background:var(--signal);padding-top:13px}
@media(max-width:650px){.social-art>div{font-size:19px}.book-left>div{padding-top:8px}}
.clear-space{padding:4.59%}