*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#242722;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #BE542F;outline-offset:5px}[hidden]{display:none!important}.site-header{max-width:1600px;margin:auto;padding:34px 4.2vw 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:19px;flex-shrink:0}.brand img{width:177px;height:auto}.brand span{font-size:10px;line-height:1.6;color:#777;border-left:1px solid #a4a49e;padding-left:18px;font-weight:400}.site-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:23px;font-size:12px}.site-header nav [aria-current=page]{text-decoration:underline;text-underline-offset:6px}.language{font-size:10px;color:#777;border-left:1px solid #ddd;padding-left:16px}.home-main{max-width:1380px;margin:0 auto;padding:10px 6vw 0}.gallery-heading{display:flex;justify-content:space-between;align-items:center;margin:5px 0 13px}.gallery-heading h1{font-size:12px;font-weight:400;margin:0}.gallery-heading>span{font-size:9px;letter-spacing:.13em;color:#999}.slideshow{position:relative}.slide{margin:0}.play-film{border:0;padding:0;display:block;position:relative;background:#f5f5f1;width:100%;overflow:hidden}.slide .play-film img{display:block;width:100%;height:clamp(350px,58vw,640px);object-fit:cover}.play-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;color:white;background:#0002;backdrop-filter:blur(3px);font-size:17px;padding-left:3px;transition:background .2s}.play-film:hover .play-symbol{background:#0006}.slide figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#777;padding:13px 0}.slide-controls{display:flex;align-items:center;justify-content:center;gap:26px;margin:5px 0 20px}.slide-controls button{border:0;background:none;font-size:22px;padding:8px 16px}.slide-controls span{font-size:10px;letter-spacing:.13em;color:#888}.home-bottom{display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.7;color:#777;padding:20px 0 42px}.home-bottom p{margin:0}.home-bottom a{white-space:nowrap}.photo-note{border-top:1px solid #e5e5e1;padding:22px 0 35px;display:flex;align-items:center;gap:25px;font-size:11px}.photo-note>span{font-family:Georgia,serif;font-size:21px}.photo-note p{color:#999;flex:1}.site-footer{max-width:1600px;margin:45px auto 0;border-top:1px solid #eee;padding:27px 4.2vw;display:flex;justify-content:space-between;align-items:end;gap:35px;font-size:11px}.footer-label{display:block;font:22px Georgia,serif;margin-bottom:10px}.contact-email{font-size:13px}.socials{display:flex;gap:20px}.site-footer small{font-size:9px;color:#999}.collection-main,.about-main{max-width:1380px;margin:auto;padding:48px 6vw 40px;min-height:60vh}.collection-intro{margin-bottom:40px;max-width:700px}.kicker{font-size:9px;letter-spacing:.17em;color:#999}.collection-intro h1,.empty-collection h1{font:clamp(40px,5vw,70px) Georgia,serif;letter-spacing:-.035em;font-weight:400;margin:15px 0}.collection-intro p,.empty-collection p{font-size:14px;line-height:1.8;color:#888}.single-project{max-width:1050px}.project-image{background:#f6f5f1;overflow:hidden}.project-image img{display:block;width:100%;height:500px;object-fit:contain}.card-line{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.card-line h2,.film-card h2{font-size:15px;font-weight:400;margin:0}.project-card>p{font-size:11px;color:#999;margin:9px 0}.project-card:hover{text-decoration:none}.project-card:hover h2{text-decoration:underline;text-underline-offset:4px}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 24px}.film-card .play-film img{display:block;width:100%;height:420px;object-fit:cover}.film-card h2{margin:14px 0 8px}.film-card>a{font-size:10px;color:#888}.empty-collection{padding-bottom:110px}.empty-line{height:1px;background:#ddd;max-width:500px;margin:50px 0}.about-main h1{font:clamp(40px,6vw,78px)/1.1 Georgia,serif;letter-spacing:-.035em;font-weight:400;margin:28px 0 65px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:100px;line-height:1.9;color:#777}.about-columns>p{margin:0;max-width:560px;font-size:17px}.about-columns h2{font:27px Georgia,serif;font-weight:400;color:#242722;margin:0 0 20px}.case-main{max-width:1300px;margin:auto;padding:55px 6vw}.eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#999}.case-title{font:clamp(37px,5vw,67px)/1.1 Georgia,serif;font-weight:400;letter-spacing:-.035em;margin:22px 0}.case-intro{max-width:800px;font-size:17px;line-height:1.8;color:#777}.case-status,.case-note{font-size:12px;line-height:1.8;color:#999}.case-status{margin:25px 0 50px;padding-top:20px;border-top:1px solid #eee}.case-gallery figure{margin:30px 0 55px}.case-gallery img{width:100%;max-height:950px;object-fit:contain;display:block;background:#fafafa}.case-gallery figure:has(img[src*="ki-bag"]){max-width:850px;margin-left:auto;margin-right:auto}.case-gallery figcaption{font-size:10px;color:#999;margin-top:12px}.case-demo{display:inline-block;padding:15px 20px;background:#242722;color:white;font-size:12px}.mail{display:inline-block;margin:35px 0 15px;font:25px Georgia,serif}.draft{font-size:10px;background:#f6f5f1;color:#999;padding:10px 4vw}dialog{border:0;padding:45px 20px 18px;background:#fff;width:min(470px,96vw);max-height:94vh;overflow:auto}dialog::backdrop{background:#000b}.close-player{position:absolute;top:8px;right:13px;background:none;border:0;font-size:28px}#player-frame iframe{display:block;width:100%;height:min(660px,72vh);border:0}#original-video{display:block;margin-top:15px;font-size:12px}
@media(max-width:1050px){.brand span{display:none}.site-header nav{gap:17px}}@media(max-width:700px){.site-header{padding:24px 6vw 16px;display:block}.brand img{width:165px}.site-header nav{margin-top:24px;gap:15px 20px;font-size:11px;line-height:1.6}.language{padding-left:12px}.home-main{padding-top:15px}.gallery-heading>span{font-size:8px}.slide .play-film img{height:450px}.slide figcaption{font-size:9px}.home-bottom{display:block}.home-bottom p{margin-bottom:15px}.photo-note{flex-wrap:wrap;gap:8px 20px}.photo-note p{flex-basis:60%}.site-footer{align-items:start;flex-wrap:wrap;margin-top:20px;padding:25px 6vw}.site-footer small{flex-basis:100%}.collection-main,.about-main{padding-top:40px}.film-grid{grid-template-columns:1fr}.film-card .play-film img{height:430px}.project-image img{height:340px}.about-columns{grid-template-columns:1fr;gap:40px}.about-main h1{margin-bottom:40px}.case-main{padding-top:40px}.case-intro{font-size:15px}}

.digital-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 36px}.digital-projects .project-image{aspect-ratio:4/3}.digital-projects .project-image img{width:100%;height:100%;object-fit:contain;background:#f7f7f5}@media(max-width:700px){.digital-projects{grid-template-columns:1fr;gap:40px}}

.digital-projects .packaging-pair{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.digital-projects .packaging-pair img{height:auto;object-fit:contain}

.project-files{margin:64px 0}.project-files h2{font-size:30px;font-weight:400}.project-files ul{padding:0;list-style:none}.project-files li{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #ddd}.project-files li span{font-size:12px;color:#777;white-space:nowrap}@media(max-width:700px){.project-files li{flex-direction:column;gap:8px}}

.presentation-section{margin-top:80px}.presentation-section h2{font-family:Georgia,serif;font-size:clamp(26px,4vw,40px);font-weight:400;margin-bottom:32px}.presentation-section .case-gallery{display:grid;grid-template-columns:1fr;gap:36px}.presentation-section figure{margin:0}.presentation-section img{width:100%;height:auto;display:block}

.video-platform{margin:0 0 90px}.platform-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #ddd;margin-bottom:28px}.platform-heading h2{font-size:28px;font-weight:400}.platform-heading span{font-size:12px;color:#777}.video-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}.archive-video{min-width:0}.archive-video iframe{display:block;width:100%;height:620px;border:1px solid #eee;background:#fafafa;border-radius:2px}.archive-video h3{font-size:14px;font-weight:400;margin:18px 0 8px}.archive-video>a{font-size:11px;color:#777}@media(max-width:1050px){.video-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.video-archive-grid{grid-template-columns:1fr;gap:36px}.archive-video iframe{height:640px}}

/* Compact visual journal */
.compact-home{max-width:1500px;padding:20px 4.2vw 0}.home-intro{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:18px 0 38px}.home-intro h1{font:400 clamp(25px,3vw,40px)/1.15 Georgia,serif;letter-spacing:-.03em;margin:0}.home-intro p{font-size:10px;color:#888}.video-rail-section{margin-bottom:42px;overflow:hidden}.rail-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.rail-kicker{font-size:8px;letter-spacing:.16em;color:#aaa}.rail-heading h2{font-size:15px;font-weight:400;margin:7px 0 0}.rail-actions{display:flex;align-items:center;gap:12px}.rail-actions a{font-size:10px;color:#888;margin-right:12px}.rail-actions button{width:30px;height:30px;border:1px solid #deded8;background:white;border-radius:50%;font-size:16px}.rail-actions button:hover{background:#f4f3ef}.video-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 6px}.video-rail::-webkit-scrollbar{display:none}.rail-card{flex:0 0 205px;scroll-snap-align:start;min-width:0}.rail-card.wide-card{flex-basis:365px}.rail-card .play-film{height:270px;border-radius:2px;background:#eee}.rail-card img{display:block;width:100%;height:100%;object-fit:cover}.rail-card.wide-card img{object-fit:contain;background:#171815}.rail-card .play-symbol{height:36px;width:36px;font-size:11px;background:#0003}.rail-card .video-label{position:absolute;top:11px;left:11px;font-size:8px;letter-spacing:.08em;color:#fff;background:#0003;padding:5px 7px;border-radius:2px}.rail-caption{padding-top:11px}.rail-caption h3{font-size:11px;font-weight:400;margin:0 0 6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rail-caption>span{font-size:9px;color:#aaa}.home-links{display:flex;gap:28px;border-top:1px solid #eee;padding:22px 0;font-size:11px;color:#777}.compact-home+.site-footer{margin-top:20px}@media(min-width:1200px){.rail-card{flex-basis:220px}.rail-card .play-film{height:280px}.rail-card.wide-card{flex-basis:390px}}@media(max-width:700px){.compact-home{padding:12px 6vw 0}.home-intro{display:block;margin:14px 0 28px}.home-intro p{margin-top:12px}.rail-card{flex-basis:175px}.rail-card .play-film{height:230px}.rail-card.wide-card{flex-basis:285px}.rail-heading{margin-bottom:14px}.rail-actions a{display:none}.video-rail-section{margin-bottom:30px}.home-links{flex-wrap:wrap;gap:18px}}

.site-header .brand img{width:270px;height:auto}.site-header .brand{gap:0}@media(max-width:700px){.site-header .brand img{width:250px}}

.site-header .brand img{width:350px;max-width:100%;height:auto}.site-header{align-items:center;padding-top:25px;padding-bottom:20px}@media(max-width:700px){.site-header .brand img{width:300px}.site-header .brand{max-width:100%}}

.site-header .brand img{width:300px;height:auto}@media(max-width:700px){.site-header .brand img{width:280px}}

.site-header .brand img{width:330px;height:auto}@media(max-width:700px){.site-header .brand img{width:308px}}

.ki-context,.ki-collection-context{max-width:820px;margin:30px 0 42px}.ki-context h2,.ki-collection-context h2{font-size:15px;font-weight:400;margin:0 0 14px}.ki-context p,.ki-collection-context p{font-size:14px;line-height:1.9;color:#777;margin:0}
