.hero{height:240svh;position:relative}@media (max-width:47.99em){.hero{height:200svh}}html:not(.js) .hero,.hero.hero--rm{height:100svh}@media (prefers-reduced-motion:reduce){.hero{height:100svh}}.hero__stage{height:100svh;padding:var(--hero-inset);position:sticky;top:0}.hero__frame{isolation:isolate;background:var(--c-night-bg);height:100%;color:var(--c-on-photo);border-radius:var(--r-1);--hero-pad-b:clamp(1.75rem, .9rem + 3.6vh, 3.75rem);position:relative;overflow:hidden}.hero__media{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.hero__layer{display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hero__img{object-fit:cover;object-position:50% 60%;width:100%;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero__eve{opacity:clamp(0, calc((var(--p) - var(--a,.06)) / var(--d,.38)), 1);will-change:opacity}.hero__tint{background:linear-gradient(180deg, color-mix(in srgb, var(--c-night-bg) 88%, transparent), color-mix(in srgb, var(--c-night-bg) 66%, transparent));mix-blend-mode:multiply;opacity:calc(clamp(0, calc((var(--p) - .06) / .38), 1) * .78);will-change:opacity;position:absolute;top:0;bottom:0;left:0;right:0}.hero__on,.hero__amber{opacity:0;transition:opacity var(--t-light-off) var(--ease-light-off);will-change:opacity}.hero__amber{filter:sepia(.45)saturate(1.35)brightness(.82)hue-rotate(-8deg)}.hero[data-light=on] .hero__on{opacity:1;animation:lf-warm-on var(--t-warm) var(--ease-light-on) both;transition:none}.hero[data-light=on] .hero__amber{animation:lf-amber var(--t-warm) linear both}.hero[data-instant] .hero__on,.hero[data-instant] .hero__amber,.hero[data-instant] .hero__pool,.hero[data-instant] .hero__l2{transition:none!important;animation:none!important}.hero__scrim{pointer-events:none;background:var(--c-photo-scrim);position:absolute;top:0;bottom:0;left:0;right:0}@media (min-width:48em){.hero__scrim{background:var(--c-photo-scrim), var(--c-photo-scrim-side)}}.hero__scrim:after{content:"";background:var(--c-photo-scrim-lit);opacity:0;transition:opacity var(--t-light-off) var(--ease-light-off);position:absolute;top:0;bottom:0;left:0;right:0}.hero[data-light=on] .hero__scrim:after{opacity:1;transition:opacity .9s var(--ease-out)}@media (max-width:47.99em){.hero__scrim{background:var(--c-photo-scrim), linear-gradient(to top, color-mix(in srgb, var(--c-night-bg) 40%, transparent), transparent 70%)}}:root[data-theme=night] .hero__eve{opacity:1}:root[data-theme=night] .hero__tint{opacity:.78}.hero__sky{background:linear-gradient(180deg, var(--c-night-raised), var(--c-night-surface) 55%, var(--c-night-bg));position:absolute;top:0;bottom:0;left:0;right:0}.hero--type .hero__tint{mix-blend-mode:normal;background:var(--c-night-bg)}.hero__pool{opacity:0;background:radial-gradient(60% 50% at 70% 82%, var(--c-light-glow), transparent 70%), radial-gradient(18% 14% at 70% 86%, var(--c-light-ring), transparent 80%);transition:opacity var(--t-light-off) var(--ease-light-off);position:absolute;top:0;bottom:0;left:0;right:0}.hero--type[data-light=on] .hero__pool{opacity:.75;transition:opacity var(--t-warm) var(--ease-light-on)}.hero__copy{z-index:2;width:100%;max-width:64rem;padding:0 var(--page-x) var(--hero-pad-b);transform:translateY(calc(var(--p) * -24px));transition:opacity var(--t-ui) var(--ease-ui);opacity:calc(1 - clamp(0, (var(--x,0) - .18) / .22, 1));position:absolute;bottom:0;left:0}.hero__h{font-size:var(--fs-display);font-weight:var(--fw-light);letter-spacing:var(--ls-display);line-height:var(--lh-display);color:var(--c-on-photo);text-wrap:balance;text-shadow:var(--shadow-photo-text)}.hero__l1,.hero__l2{display:block}.hero__l2{opacity:0;transition:opacity .38s var(--ease-light-off), transform .38s var(--ease-light-off);transform:translateY(8px)}.hero[data-light=on] .hero__l2{opacity:1;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:none}html:not(.js) .hero__l2{opacity:1;transform:none}.hero__sub{margin-top:var(--sp-5);max-width:var(--measure-lead);font-size:var(--fs-md);font-weight:var(--fw-book);line-height:var(--lh-lead);color:var(--c-on-photo)}.hero__cta{margin-top:var(--sp-4);margin-left:-2px}.hero__cue{z-index:2;left:50%;bottom:var(--hero-pad-b);align-items:center;gap:var(--sp-3);color:var(--c-on-photo);pointer-events:none;white-space:nowrap;opacity:clamp(0, calc(1 - var(--p) / .12), 1);flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.hero__cue-line{transform-origin:50% 0;width:1px;height:24px;animation:cue-line 1.6s var(--ease-ui) 3 both;background:currentColor;display:block}@keyframes cue-line{0%{transform:scaleY(0)}50%{transform-origin:50% 0;transform:scaleY(1)}51%{transform-origin:50% 100%}to{transform-origin:50% 100%;transform:scaleY(0)}}@media (max-width:74.99em){.hero__cue{bottom:auto;top:calc(var(--header-h) + var(--sp-4));left:var(--page-x);flex-direction:row-reverse;align-items:center;transform:none}.hero__cue-line{transform-origin:0;width:24px;height:1px;animation-name:cue-line-x}@keyframes cue-line-x{0%{transform:scaleX(0)}50%{transform-origin:0;transform:scaleX(1)}51%{transform-origin:100%}to{transform-origin:100%;transform:scaleX(0)}}}html:not(.js) .hero__cue,.hero--rm .hero__cue{display:none}.hero__switch{z-index:3;right:calc(var(--page-x) - 12px);bottom:calc(var(--hero-pad-b) - 6px);border-radius:var(--r-pill);background:color-mix(in srgb, var(--c-night-bg) 38%, transparent);padding:0 12px;position:absolute}.hero__switch:hover{background:color-mix(in srgb, var(--c-night-bg) 55%, transparent)}.hero__switch{opacity:calc(1 - clamp(0, (var(--x,0) - .45) / .2, 1))}@media (max-width:47.99em){.hero__switch{bottom:auto;top:calc(var(--header-h) + var(--sp-2));right:var(--sp-3);opacity:calc(1 - clamp(0, var(--x,0) / .06, 1))}}.hero--rm .hero__switch .lswitch__label{font-size:var(--fs-sm)}.hero__invite{z-index:4;right:calc(var(--page-x) - 12px);bottom:calc(var(--hero-pad-b) + 44px + var(--sp-4));border-radius:var(--r-1);background:color-mix(in srgb, var(--c-night-bg) 82%, transparent);width:320px;color:var(--c-on-photo);font-size:var(--fs-sm);line-height:var(--lh-ui);opacity:0;transition:opacity var(--t-ui) var(--ease-out), transform var(--t-ui) var(--ease-out);--focus:0 0 0 2px var(--c-night-bg), 0 0 0 4px var(--c-on-photo);padding:20px;position:absolute;transform:translateY(8px)}.hero__invite.is-in{opacity:calc(1 - clamp(0, (var(--x,0) - .12) / .2, 1));transform:none}.hero__invite-t{font-size:var(--fs-base);line-height:var(--lh-lead)}.hero__invite-act{align-items:center;gap:var(--sp-2) var(--sp-5);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.hero__invite-stay{cursor:pointer}.hero__invite-stay:hover span{text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px}@media (max-width:47.99em){.hero__invite{left:var(--page-x);right:var(--page-x);width:auto;bottom:var(--hero-pad-b)}.hero.has-invite .hero__copy{opacity:0;pointer-events:none}}.hero--rm .hero__copy{transform:none}.hero--rm .hero__eve,.hero--rm .hero__tint{opacity:0;transition:opacity .15s linear}.hero--rm[data-light=on] .hero__eve{opacity:1}.hero--rm[data-light=on] .hero__tint{opacity:.78}@media (prefers-reduced-motion:reduce){.hero[data-light=on] .hero__on{transition:opacity .15s linear;animation:none}.hero__amber{display:none}.hero__l2,.hero[data-light=on] .hero__l2{transition:opacity .15s linear;transform:none}.hero__cue-line{animation:none}}#hero-end{top:calc(-1 * (var(--header-h) + 2 * var(--hero-inset)));height:0;position:relative}.kol__rows{gap:clamp(4rem,1.6rem + 7vw,9rem);display:grid}.krow{gap:var(--sp-5);align-items:center;display:grid}.krow__media{position:relative}.krow__fig.lf{aspect-ratio:4/5}@media (max-width:47.99em){[data-light-hover=KAT-bollard] .krow__fig .lf__img{object-position:50% 92%}}.krow__link{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.krow__light,.dene__light{z-index:2;right:var(--sp-2);bottom:var(--sp-2);color:var(--c-on-photo);border-radius:var(--r-pill);background-clip:border-box;background-color:color-mix(in srgb, var(--c-night-bg) 40%, transparent);width:44px;padding:0;position:absolute}.krow__light:hover,.dene__light:hover{background-color:color-mix(in srgb, var(--c-night-bg) 62%, transparent)}.krow__light[aria-pressed=true]{color:var(--c-on-photo)}.krow__h{font-size:calc(var(--fs-h3) * 1.3);font-weight:var(--fw-light);letter-spacing:var(--ls-h2);line-height:var(--lh-heading)}.krow__intro{margin-top:var(--sp-4);max-width:42ch;font-size:var(--fs-md);line-height:var(--lh-body);color:var(--c-text-2)}.krow__foot{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:var(--border)}.krow__count{font-size:var(--fs-sm);font-weight:var(--fw-medium)}.krow__count .num{margin-right:2px}.krow .krow__codes{gap:0 var(--sp-4);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.krow__code{min-height:32px;font:var(--fw-mono) var(--fs-xs)/1 var(--ff-mono);letter-spacing:var(--ls-mono);color:var(--c-text-2);text-underline-offset:.35em;transition:color var(--t-fast) var(--ease-ui), text-decoration-color var(--t-fast) var(--ease-ui);align-items:center;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;display:inline-flex}.krow__code:hover{color:var(--c-ink);text-decoration-color:currentColor}.krow__cta{margin-top:var(--sp-3)}@media (hover:hover) and (pointer:fine){.krow .lf__img{transition:transform var(--t-img) var(--ease-out), opacity var(--t-light-off) var(--ease-light-off)}.krow__media:hover .lf__img{transform:scale(1.025)}}@media (min-width:48em){.krow{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr))}.krow__fig.lf{aspect-ratio:3/2}.krow__media{grid-area:1/1/auto/span 7}.krow__text{padding-left:var(--sp-4);grid-area:1/8/auto/span 5}.krow--flip .krow__media{grid-column:6/span 7}.krow--flip .krow__text{padding-left:0;padding-right:var(--sp-4);grid-column:1/span 5}}@media (min-width:75em){.krow__text{grid-column:9/span 4;padding-left:0}.krow--flip .krow__text{grid-column:2/span 4;padding-right:0}}.strip{padding-block:0 var(--sp-section);container-type:inline-size}.strip__head{align-items:center}.strip__tools{align-items:center;gap:var(--sp-5);display:flex}.strip__nav{gap:var(--sp-1);display:none}@media (hover:hover) and (pointer:fine) and (min-width:48em){.strip__nav:not([hidden]){display:flex}}.strip__nav.is-static{display:none!important}.strip__btn{border:1px solid var(--c-line);border-radius:var(--r-pill);background-clip:border-box}.strip__btn:disabled{opacity:.35;cursor:default}.strip__btn:disabled:hover{background-color:#0000}.strip__sc{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;--strip-x:max(var(--page-x), calc((100cqw - var(--content-max)) / 2));scroll-padding-inline:var(--strip-x);overflow:auto hidden}.strip__sc::-webkit-scrollbar{display:none}.strip__sc:focus-visible{box-shadow:inset var(--focus);border-radius:0}.strip .strip__list{gap:var(--gutter);width:max-content;padding-inline:var(--strip-x);display:flex}.strip__item{scroll-snap-align:start;flex:none}.strip .card--strip{width:clamp(240px,24vw,340px);padding-bottom:0}@media (max-width:47.99em){.strip .card--strip,.strip__end{width:76vw}}.strip__item--end{display:flex}.strip__end{justify-content:flex-end;gap:var(--sp-2);aspect-ratio:4/5;width:clamp(240px,24vw,340px);padding:var(--sp-5);border:var(--border);color:var(--c-ink);transition:background-color var(--t-fast) var(--ease-ui);flex-direction:column;text-decoration:none;display:flex}.strip__end:hover{background:var(--c-surface)}.strip__end-n{font-size:var(--fs-h1);font-weight:var(--fw-light);letter-spacing:0;line-height:1}.strip__end-t{font-size:var(--fs-md);font-weight:var(--fw-medium)}.strip__end .ico{margin-top:var(--sp-3);transition:transform var(--t-ui) var(--ease-out)}.strip__end:hover .ico{transform:translate(4px)}.dene{padding-block:var(--sp-section)}:root[data-theme=night] .dene{background:var(--c-night-surface)}.dene__in{gap:var(--sp-block);align-items:center;display:grid}.dene__media{position:relative}.dene__fig.lf{aspect-ratio:4/5}.dene__p{margin-top:var(--sp-5);max-width:42ch;font-size:var(--fs-md);line-height:var(--lh-body);color:var(--c-text-2)}.dene .dene__steps{margin-top:var(--sp-6);border-top:1px solid var(--c-line);display:grid}.dene__steps li{gap:var(--sp-3);padding-block:var(--sp-3);border-bottom:1px solid var(--c-line);grid-template-columns:7.5rem minmax(0,1fr);align-items:baseline;display:grid}.dene__k{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-ink)}.dene__v{font-size:var(--fs-sm);color:var(--c-text-2)}.dene__act{margin-top:var(--sp-6);display:grid}.dene__cta{gap:10px;width:100%}.dene__cta .ico:last-child{transition:transform var(--t-ui) var(--ease-out)}.dene__cta:hover .ico:last-child{transform:translate(4px)}.dene__note{margin-top:var(--sp-5);max-width:40ch;font-size:var(--fs-sm);color:var(--c-text-3)}@media (min-width:30em){.dene__act{display:flex}.dene__cta{width:auto;min-width:16rem}}@media (min-width:48em){.dene__fig.lf{aspect-ratio:16/9}}@media (min-width:75em){.dene__in{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr))}.dene__media{grid-column:1/span 7}.dene__text{grid-column:9/span 4}}.uretim__in{gap:var(--sp-5) var(--gutter);display:grid}.uretim__p{font-size:var(--fs-lg);font-weight:var(--fw-light);line-height:var(--lh-lead);max-width:36ch}.uretim .uretim__list{gap:0 var(--gutter);margin-block:var(--sp-6) var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.uretim__list li{padding-block:var(--sp-3);border-top:var(--border);font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:var(--lh-ui)}@media (min-width:48em){.uretim__in{grid-template-columns:repeat(12,minmax(0,1fr))}.uretim__h{grid-column:1/span 5}.uretim__body{grid-column:7/span 6}}.teklif{padding-block:var(--sp-section);background:var(--c-surface)}.teklif__h{font-size:var(--fs-h1);max-width:16ch}.teklif__body{gap:var(--sp-6) var(--gutter);margin-top:var(--sp-block);padding-top:var(--sp-5);border-top:var(--border);display:grid}.teklif__p{max-width:46ch;font-size:var(--fs-md);line-height:var(--lh-body);color:var(--c-text-2)}.teklif__act{align-items:center;gap:var(--sp-3) var(--sp-6);flex-wrap:wrap;display:flex}@media (max-width:29.99em){.teklif__wa{width:100%}}@media (min-width:48em){.teklif__body{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}.teklif__p{grid-column:1/span 6}.teklif__act{grid-column:7/span 6;justify-content:flex-end}}.uretim,.teklif{content-visibility:auto;contain-intrinsic-size:auto 640px}body[data-page=home] .ftr{content-visibility:auto;contain-intrinsic-size:auto 900px}body[data-page=home] .ftr__top{display:none}body[data-page=home] .ftr{padding-top:var(--sp-5)}
