@font-face{font-family:'Kronos Pixel';src:url('/assets/fonts/pixelify-sans-variable.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:'Kronos Text';src:url('/assets/fonts/grantha-sangam-mn-regular.otf') format('opentype');font-weight:400;font-display:swap}
.theme-kronos{--kronos-navy:#002534;--kronos-teal:#00b5a8;--kronos-orange:#f47720;--kronos-mist:#dce6e6;--case-accent:#f47720}
.kronos-intro{background:radial-gradient(ellipse at 82% 30%,#003b454a,transparent 48%);padding-bottom:12px}
.kronos-opening{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:5%;padding:35px 0 30px}
.kronos-opening-copy>.eyebrow{color:#d6aaa0;display:block;margin-bottom:25px}
.kronos-opening-logo{width:clamp(230px,23vw,340px);margin-bottom:32px}
.kronos-opening h1{font-size:clamp(43px,5.2vw,78px);line-height:1.03;letter-spacing:-.055em}
.kronos-opening h1 span{color:var(--case-accent)}
.kronos-opening-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:530px;margin-top:24px}
.kronos-opening-character{position:relative;isolation:isolate;height:460px;display:flex;align-items:center;justify-content:center}
.kronos-opening-character>img{width:88%;height:91%;object-fit:contain;filter:drop-shadow(0 20px 30px #0005)}
.kronos-opening-character .kronos-still{display:none}
.kronos-character-orbit{position:absolute;z-index:-1;width:85%;height:60%;border:1px solid #00b5a833;border-radius:50%;transform:rotate(-23deg);background:radial-gradient(ellipse,#00b5a80a,transparent 68%)}
.kronos-character-note{position:absolute;bottom:0;text-align:center;color:#8fabb0;font-size:10px!important;letter-spacing:.12em}
.kronos-intro .case-spec{padding-top:23px;padding-bottom:24px}
.kronos-intro .case-brief{padding-bottom:28px}
.kronos-section-heading{display:grid;grid-template-columns:.75fr 1.5fr;gap:8%;align-items:start;margin-bottom:50px}
.kronos-section-heading>.eyebrow{padding-top:7px;color:#9c999f}
.kronos-section-heading h2{font:700 clamp(33px,3.8vw,56px)/1.1 var(--display);letter-spacing:-.045em}
.kronos-section-heading p{max-width:640px;font-size:18px;line-height:1.7;color:var(--muted);margin-top:23px}
.kronos-identity{padding-top:68px;padding-bottom:72px}
.kronos-mark-stage{position:relative;display:grid;place-items:center;min-height:290px;padding:60px 7% 85px;background:var(--kronos-mist)}
.kronos-mark-stage>img{width:min(62%,550px)}
.kronos-mark-caption{position:absolute;left:30px;right:30px;bottom:24px;display:flex;justify-content:space-between;gap:16px;font:11px var(--mono);color:#527079}
.kronos-color-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin:40px 0 22px}
.kronos-color-heading h3{font:500 24px/1.2 var(--body)}
.kronos-color-heading>.eyebrow{color:var(--muted);font-size:11px!important}
.kronos-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kronos-palette>div{display:flex;flex-direction:column;justify-content:space-between;min-height:150px;padding:22px;background:var(--swatch);color:var(--ink);border-radius:3px}
.kronos-palette span{font-size:15px}.kronos-palette b{font:12px var(--mono)}
.kronos-type{padding-top:60px;padding-bottom:70px;background:var(--kronos-navy);color:var(--kronos-mist)}
.kronos-type-top{display:flex;align-items:start;justify-content:space-between;gap:40px;padding-bottom:40px;border-bottom:1px solid #dce6e630}
.kronos-type-top>.eyebrow{color:#8cb4b7}
.kronos-type-top h2{font:500 clamp(25px,2.7vw,39px)/1.15 var(--body);letter-spacing:-.04em;width:55%}
.kronos-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:36px}
.kronos-type-grid article{min-width:0}.kronos-type-grid .eyebrow{font-size:12px!important;color:#8cb4b7}
.kronos-type-sample{font-size:clamp(44px,5vw,74px);line-height:1.04;margin:35px 0}
.kronos-type-alphabet{font-size:22px;line-height:1.65;overflow-wrap:anywhere;color:#a5c2c5}
.kronos-type-pixel .kronos-type-sample,.kronos-type-pixel .kronos-type-alphabet{font-family:'Kronos Pixel',monospace}
.kronos-type-pixel .kronos-type-sample{color:var(--kronos-orange)}
.kronos-type-body .kronos-type-sample,.kronos-type-body .kronos-type-alphabet{font-family:'Kronos Text',sans-serif}
.kronos-character-system{padding-top:76px;padding-bottom:65px}
.kronos-pose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 6%;padding:0 4%}
.kronos-pose{min-width:0}.kronos-pose img{width:100%;height:clamp(170px,20vw,260px);object-fit:contain;transition:transform .4s ease;filter:drop-shadow(0 16px 20px #0003)}
.kronos-pose:hover img{transform:translateY(-6px)}
.kronos-pose figcaption{display:flex;gap:12px;align-items:baseline;border-top:1px solid #ffffff17;margin-top:16px;padding:15px 0;font-size:13px;color:#b6b0ba}
.kronos-pose figcaption span{color:var(--kronos-orange);font:10px var(--mono)}
.kronos-workflow-note{display:grid;grid-template-columns:.75fr 1.5fr;gap:8%;padding-top:40px;margin-top:20px;border-top:1px solid var(--line)}
.kronos-workflow-note>.eyebrow{color:#9c999f}.kronos-workflow-note p{font-size:17px;color:var(--muted);line-height:1.7}.kronos-workflow-note .line-link{display:table;margin-top:15px}
.kronos-icon-system{padding-top:60px;padding-bottom:55px;background:radial-gradient(ellipse at 60% 55%,#00444f50,transparent 68%),#071e27}
.kronos-icon-system .kronos-section-heading>.eyebrow{color:#82b2b5}
.kronos-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 5%;padding:8px 4% 0}
.kronos-icon{display:flex;flex-direction:column;align-items:center;min-width:0;padding-top:6px}
.kronos-icon:nth-child(2n){padding-top:24px}
.kronos-icon img{width:100%;height:145px;object-fit:contain;filter:drop-shadow(0 16px 15px #0004);animation:kronos-icon-float var(--float-time,8s) ease-in-out var(--float-delay,0s) infinite alternate paused}
.ambient-active .kronos-icon img{animation-play-state:running}
.kronos-icon figcaption{margin-top:20px;font:11px var(--mono);color:#8eb9bd;text-align:center;letter-spacing:.03em}
@keyframes kronos-icon-float{from{transform:translateY(-5px) rotate(-1.5deg)}to{transform:translateY(5px) rotate(1.5deg)}}
.kronos-product{padding-top:75px;padding-bottom:0}
.kronos-product .gallery{margin:0 auto;padding:0 0 40px;max-width:1100px}
.kronos-product .kronos-product-mobile{max-width:940px;padding-bottom:50px}
.kronos-product .artwork{--art-angle:0deg}
.theme-kronos .next-project{margin-top:45px}
.motion-paused .kronos-icon img{animation-play-state:paused!important}
.motion-paused .kronos-turntable{display:none}
.motion-paused .kronos-still{display:block}
@media(max-width:900px){.kronos-opening{gap:1%;grid-template-columns:1.2fr 1fr}.kronos-opening h1{font-size:clamp(40px,5.4vw,63px)}.kronos-opening-character{height:390px}.kronos-opening-copy>p{font-size:17px}.kronos-section-heading{grid-template-columns:.55fr 1.5fr;gap:5%}.kronos-type-alphabet{font-size:18px}}
@media(max-width:760px){
 .kronos-opening{grid-template-columns:1fr;padding-top:28px;gap:8px}.kronos-opening-copy>.eyebrow{font-size:11px!important;margin-bottom:23px}.kronos-opening-logo{width:250px;margin-bottom:26px}.kronos-opening h1{font-size:clamp(39px,8.8vw,56px)}.kronos-opening-copy>p{font-size:16px;margin-top:20px}
 .kronos-opening-character{height:310px;margin:0 auto;width:85%;max-width:370px}.kronos-opening-character>img{height:90%;width:100%}.kronos-character-note{font-size:9px!important;bottom:0}
 .kronos-section-heading{display:block;margin-bottom:32px}.kronos-section-heading>.eyebrow{display:block;margin-bottom:22px;font-size:12px!important}.kronos-section-heading h2{font-size:35px}.kronos-section-heading p{font-size:16px;margin-top:20px}
 .kronos-identity{padding-top:40px;padding-bottom:45px}.kronos-mark-stage{min-height:210px;padding:42px 8% 66px}.kronos-mark-stage>img{width:100%;max-width:370px}.kronos-mark-caption{left:18px;right:18px;bottom:18px;font-size:8px}
 .kronos-color-heading{display:block;margin-top:30px}.kronos-color-heading h3{font-size:22px;margin-bottom:12px}.kronos-palette{grid-template-columns:1fr 1fr;gap:8px}.kronos-palette>div{min-height:125px;padding:18px}.kronos-palette span{font-size:14px}.kronos-palette b{font-size:11px}
 .kronos-type{padding-top:40px;padding-bottom:40px}.kronos-type-top{display:block;padding-bottom:28px}.kronos-type-top>.eyebrow{font-size:12px!important}.kronos-type-top h2{width:auto;margin-top:22px;font-size:27px}.kronos-type-grid{grid-template-columns:1fr;gap:36px;margin-top:26px}.kronos-type-grid article+article{border-top:1px solid #dce6e630;padding-top:26px}.kronos-type-sample{font-size:50px;margin:25px 0}.kronos-type-alphabet{font-size:21px}
 .kronos-character-system{padding-top:45px;padding-bottom:40px}.kronos-pose-grid{gap:20px 12px;padding:0}.kronos-pose img{height:clamp(125px,27vw,185px)}.kronos-pose figcaption{display:block;font-size:10px;line-height:1.5;margin-top:8px;padding-top:10px}.kronos-pose figcaption span{display:block;margin-bottom:6px}.kronos-workflow-note{display:block;padding-top:26px}.kronos-workflow-note>.eyebrow{font-size:12px!important;display:block;margin-bottom:18px}.kronos-workflow-note p{font-size:16px}
 .kronos-icon-system{padding-top:40px;padding-bottom:38px}.kronos-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14%;padding:0 5%}.kronos-icon img{height:125px}.kronos-icon figcaption{font-size:10px;margin-top:14px}
 .kronos-product{padding-top:45px}.kronos-product .kronos-product-mobile{padding-bottom:32px}.kronos-product .gallery{padding-bottom:20px}.theme-kronos .next-project{margin-top:30px}
}
@media(prefers-reduced-motion:reduce){.kronos-icon img{animation:none!important}.kronos-pose img{transition:none}.kronos-pose:hover img{transform:none}.kronos-turntable{display:none}.kronos-opening-character .kronos-still{display:block}}