/* Shared typography and focused refinements. Authentic logo/pack artwork stays intact. */
:root{--klint-turquoise:#7de1de;--klint-black:#2c2a29;--klint-ease-out:cubic-bezier(.23,1,.32,1)}
html,body,button,input,textarea,select,option,code,kbd,samp,pre{font-family:'Aspekta',Arial,sans-serif}
nav#main-nav.klint-overlay-nav a.klint-menu-brand,
body.is-home nav#main-nav.klint-overlay-nav a.klint-menu-brand{
 font-family:'Aspekta',Arial,sans-serif;font-style:normal;text-transform:none;font-weight:700;letter-spacing:-.045em;
}
.klint-overlay-nav .klint-menu-tagline{font-family:'Aspekta',Arial,sans-serif;font-size:12px;font-weight:450;letter-spacing:.015em;color:#d7e1e2}
/* Keep the owner's aurora composition, left form, brand mark and mobile image. */
body.is-contact .contact-content h1{
 font-family:'Aspekta',Arial,sans-serif;font-stretch:normal;font-size:clamp(48px,5.2vw,80px);font-weight:750;
 line-height:1.03;letter-spacing:-.055em;transform:none;white-space:normal;margin:44px 0 20px;
}
body.is-contact .contact-intro{font-size:17px;line-height:1.6;max-width:550px;margin-bottom:16px;text-wrap:pretty}
body.is-contact .contact-send-hint{font-size:12px;line-height:1.65;max-width:560px;margin:0 0 28px;color:#485e5c}
body.is-contact .contact-form .review-field label{color:#2c2a29;font-weight:550;letter-spacing:0}
body.is-contact .contact-form .review-field :is(input,textarea,select){border-radius:4px;border-color:#bacfca;background:#ffffffed}
body.is-contact .contact-form .review-field :is(input,textarea,select)::placeholder{color:#61706e}
body.is-contact .contact-submit{background:var(--klint-turquoise);color:#2c2a29;border:1px solid var(--klint-turquoise);border-radius:4px;font-family:inherit;font-size:16px;font-weight:600;min-height:53px;transition:background 180ms ease;filter:none;transform:none}
body.is-contact .contact-submit:hover{background:#91e6e3;filter:none;transform:none}
body.is-contact .contact-submit:active{background:#64ccc9}
body.is-contact .contact-copy{border-radius:4px;border-color:#087f82}
body.is-contact .contact-channels{gap:10px 24px;padding-top:14px;border-top:1px solid #cadbd5;margin-top:24px}
body.is-contact .contact-channels a{font-size:13px;text-underline-offset:5px;color:#365754}
@media(max-width:850px){body.is-contact .contact-content h1{margin-top:36px;font-size:clamp(48px,8vw,72px)}}
@media(max-width:560px){body.is-contact .contact-content h1{margin:34px 0 17px;font-size:clamp(44px,11vw,58px)}body.is-contact .contact-intro{font-size:15px}body.is-contact .contact-send-hint{margin-bottom:24px}}
/* Page 5: one entrance per product per visit; never hide content awaiting JS. */
@keyframes p5-toolkit-enter{from{opacity:.3;transform:translate3d(0,24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes p5-toolkit-pack{from{transform:translate3d(0,12px,0) rotate(-3deg) scale(.96)}to{transform:translate3d(0,0,0) rotate(0) scale(1)}}
@media(prefers-reduced-motion:no-preference){
 html:not([data-user-reduced-motion=true]) #produk-kami.p5-motion-enabled .p5-is-entering{animation:p5-toolkit-enter var(--p5-reveal-duration,560ms) var(--klint-ease-out) var(--p5-reveal-delay,0ms) backwards}
 html:not([data-user-reduced-motion=true]) #produk-kami.p5-motion-enabled .p5-is-entering .p5-global-media-inner img{animation:p5-toolkit-pack var(--p5-reveal-duration,560ms) var(--klint-ease-out) var(--p5-reveal-delay,0ms) backwards}
}
#produk-kami .p5-global-media-inner img{transition:transform 240ms var(--klint-ease-out)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html:not([data-user-reduced-motion=true]) #produk-kami .p5-global-card:hover .p5-global-media-inner img{transform:translate3d(0,-5px,0) rotate(-2deg) scale(1.025)}
}
@media(prefers-reduced-motion:reduce){
 #produk-kami .p5-is-entering,#produk-kami .p5-is-entering .p5-global-media-inner img{animation:none!important}
 #produk-kami .p5-global-media-inner img{transition:none!important;transform:none!important}
 body.is-contact .contact-submit{transition:none}
}
html[data-user-reduced-motion=true] #produk-kami .p5-global-media-inner img{animation:none!important;transition:none!important;transform:none!important}
html[data-user-reduced-motion=true] body.is-contact .contact-submit{transition:none}