@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/_astro/PretendardVariable.CJuje-Rk.woff2)format("woff2-variations")}:root{--lime-50:#f4ffe0;--lime-100:#e8ff6f;--lime:#c6ff3d;--lime-600:#8fcc1f;--lime-700:#5a8210;--lime-800:#466410;--n-0:#fff;--n-25:#fcfcfd;--n-50:#f7f8f9;--n-100:#f1f2f4;--n-150:#ebecef;--n-200:#e3e5e9;--n-300:#d2d5db;--n-400:#9aa0aa;--n-500:#6b717c;--n-600:#4b5159;--n-700:#3c4149;--n-800:#23262c;--n-900:#16181d;--n-950:#0c0d0f;--n-1000:#08090a;--csstools-color-scheme--light:initial;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--csstools-color-scheme--light: }}:root[data-theme=light]{--csstools-color-scheme--light:initial;color-scheme:light}:root[data-theme=dark]{--csstools-color-scheme--light: ;color-scheme:dark}:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #08090a;--bg-base:var(--csstools-light-dark-toggle--0,#fcfcfc);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #0c0d0f;--bg-canvas:var(--csstools-light-dark-toggle--1,#fff);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #111317;--bg-surface:var(--csstools-light-dark-toggle--2,#fff);--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #16181d;--bg-raised:var(--csstools-light-dark-toggle--3,#fff);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #1c1f26;--bg-overlay:var(--csstools-light-dark-toggle--4,#fff);--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #16181d;--bg-inset:var(--csstools-light-dark-toggle--5,#f1f2f4);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #f7f8f8;--text-primary:var(--csstools-light-dark-toggle--6,#16181d);--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #b4b8c0;--text-secondary:var(--csstools-light-dark-toggle--7,#3c4149);--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #8a8f98;--text-tertiary:var(--csstools-light-dark-toggle--8,#5b616b);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #5e626b;--text-disabled:var(--csstools-light-dark-toggle--9,#9aa0aa);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #3a3d44;--text-deco:var(--csstools-light-dark-toggle--10,#c4c8ce);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #ffffff0f;--border-subtle:var(--csstools-light-dark-toggle--11,#1012170f);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #ffffff1a;--border:var(--csstools-light-dark-toggle--12,#1012171a);--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #ffffff29;--border-strong:var(--csstools-light-dark-toggle--13,#10121729);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #c6ff3d5c;--border-accent:var(--csstools-light-dark-toggle--14,#46641066);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #c6ff3d;--accent:var(--csstools-light-dark-toggle--15,#466410);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #c6ff3d;--accent-pop:var(--csstools-light-dark-toggle--16,#5a8210);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #e8ff6f;--accent-hover:var(--csstools-light-dark-toggle--17,#2f4908);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #c6ff3d1a;--accent-bg:var(--csstools-light-dark-toggle--18,#4664100f);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #c6ff3d29;--accent-bg-strong:var(--csstools-light-dark-toggle--19,#4664101a);--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #08090a;--accent-on-fill:var(--csstools-light-dark-toggle--20,#fff);--csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #f7f8f8;--primary:var(--csstools-light-dark-toggle--21,#16181d);--csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #fff;--primary-hover:var(--csstools-light-dark-toggle--22,#000);--csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) #08090a;--primary-fg:var(--csstools-light-dark-toggle--23,#fff);--csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) #b4b8c0;--focus-ring:var(--csstools-light-dark-toggle--24,#3c4149);--csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) #f7857d;--semantic-error-fg:var(--csstools-light-dark-toggle--25,#a43b38);--csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #351c1a;--semantic-error-bg:var(--csstools-light-dark-toggle--26,#ffedeb);--csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #de9c31;--semantic-warning-fg:var(--csstools-light-dark-toggle--27,#865900);--csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #2f210c;--semantic-warning-bg:var(--csstools-light-dark-toggle--28,#fcf0e0);--csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #6dadff;--semantic-info-fg:var(--csstools-light-dark-toggle--29,#2063b0);--csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #162537;--semantic-info-bg:var(--csstools-light-dark-toggle--30,#e9f3ff);--csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #5dc47e;--semantic-success-fg:var(--csstools-light-dark-toggle--31,#00773b);--csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #142a1a;--semantic-success-bg:var(--csstools-light-dark-toggle--32,#e6f7ea);--csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) #adb1b9;--semantic-neutral-fg:var(--csstools-light-dark-toggle--33,#505257);--csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #26272b;--semantic-neutral-bg:var(--csstools-light-dark-toggle--34,#f1f1f2);--error:var(--semantic-error-fg);--csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #08090a;--error-contrast:var(--csstools-light-dark-toggle--35,#fff);--csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #e0434b;--error-hover:var(--csstools-light-dark-toggle--36,#b91c1c);--error-bg:var(--semantic-error-bg);--warning:var(--semantic-warning-fg);--csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #08090a;--warning-contrast:var(--csstools-light-dark-toggle--37,#fff);--warning-bg:var(--semantic-warning-bg);--info:var(--semantic-info-fg);--csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #08090a;--info-contrast:var(--csstools-light-dark-toggle--38,#fff);--info-bg:var(--semantic-info-bg);--success:var(--semantic-success-fg);--csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #08090a;--success-contrast:var(--csstools-light-dark-toggle--39,#fff);--success-bg:var(--semantic-success-bg);--neutral:var(--semantic-neutral-fg);--neutral-bg:var(--semantic-neutral-bg);--csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #ffffff0f;--action-hover:var(--csstools-light-dark-toggle--40,#1012170a);--csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) #ffffff1a;--action-selected:var(--csstools-light-dark-toggle--41,#10121712);--csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #ffffff29;--action-active:var(--csstools-light-dark-toggle--42,#1012171f);--csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #ffffff0f;--action-disabled-bg:var(--csstools-light-dark-toggle--43,#1012170d);--selected-bg:var(--action-selected);--selected-border:var(--border-strong);--selected-fg:var(--text-primary);@supports not (color:light-dark(tan, tan)){& *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #08090a;--bg-base:var(--csstools-light-dark-toggle--0,#fcfcfc);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #0c0d0f;--bg-canvas:var(--csstools-light-dark-toggle--1,#fff);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #111317;--bg-surface:var(--csstools-light-dark-toggle--2,#fff);--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #16181d;--bg-raised:var(--csstools-light-dark-toggle--3,#fff);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #1c1f26;--bg-overlay:var(--csstools-light-dark-toggle--4,#fff);--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #16181d;--bg-inset:var(--csstools-light-dark-toggle--5,#f1f2f4);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #f7f8f8;--text-primary:var(--csstools-light-dark-toggle--6,#16181d);--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #b4b8c0;--text-secondary:var(--csstools-light-dark-toggle--7,#3c4149);--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #8a8f98;--text-tertiary:var(--csstools-light-dark-toggle--8,#5b616b);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #5e626b;--text-disabled:var(--csstools-light-dark-toggle--9,#9aa0aa);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #3a3d44;--text-deco:var(--csstools-light-dark-toggle--10,#c4c8ce);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #ffffff0f;--border-subtle:var(--csstools-light-dark-toggle--11,#1012170f);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #ffffff1a;--border:var(--csstools-light-dark-toggle--12,#1012171a);--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #ffffff29;--border-strong:var(--csstools-light-dark-toggle--13,#10121729);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #c6ff3d5c;--border-accent:var(--csstools-light-dark-toggle--14,#46641066);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #c6ff3d;--accent:var(--csstools-light-dark-toggle--15,#466410);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #c6ff3d;--accent-pop:var(--csstools-light-dark-toggle--16,#5a8210);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #e8ff6f;--accent-hover:var(--csstools-light-dark-toggle--17,#2f4908);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #c6ff3d1a;--accent-bg:var(--csstools-light-dark-toggle--18,#4664100f);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #c6ff3d29;--accent-bg-strong:var(--csstools-light-dark-toggle--19,#4664101a);--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #08090a;--accent-on-fill:var(--csstools-light-dark-toggle--20,#fff);--csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #f7f8f8;--primary:var(--csstools-light-dark-toggle--21,#16181d);--csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #fff;--primary-hover:var(--csstools-light-dark-toggle--22,#000);--csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) #08090a;--primary-fg:var(--csstools-light-dark-toggle--23,#fff);--csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) #b4b8c0;--focus-ring:var(--csstools-light-dark-toggle--24,#3c4149);--csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) #f7857d;--semantic-error-fg:var(--csstools-light-dark-toggle--25,#a43b38);--csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #351c1a;--semantic-error-bg:var(--csstools-light-dark-toggle--26,#ffedeb);--csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #de9c31;--semantic-warning-fg:var(--csstools-light-dark-toggle--27,#865900);--csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #2f210c;--semantic-warning-bg:var(--csstools-light-dark-toggle--28,#fcf0e0);--csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #6dadff;--semantic-info-fg:var(--csstools-light-dark-toggle--29,#2063b0);--csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #162537;--semantic-info-bg:var(--csstools-light-dark-toggle--30,#e9f3ff);--csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #5dc47e;--semantic-success-fg:var(--csstools-light-dark-toggle--31,#00773b);--csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #142a1a;--semantic-success-bg:var(--csstools-light-dark-toggle--32,#e6f7ea);--csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) #adb1b9;--semantic-neutral-fg:var(--csstools-light-dark-toggle--33,#505257);--csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #26272b;--semantic-neutral-bg:var(--csstools-light-dark-toggle--34,#f1f1f2);--csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #08090a;--error-contrast:var(--csstools-light-dark-toggle--35,#fff);--csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #e0434b;--error-hover:var(--csstools-light-dark-toggle--36,#b91c1c);--csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #08090a;--warning-contrast:var(--csstools-light-dark-toggle--37,#fff);--csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #08090a;--info-contrast:var(--csstools-light-dark-toggle--38,#fff);--csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #08090a;--success-contrast:var(--csstools-light-dark-toggle--39,#fff);--csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #ffffff0f;--action-hover:var(--csstools-light-dark-toggle--40,#1012170a);--csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) #ffffff1a;--action-selected:var(--csstools-light-dark-toggle--41,#10121712);--csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #ffffff29;--action-active:var(--csstools-light-dark-toggle--42,#1012171f);--csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #ffffff0f;--action-disabled-bg:var(--csstools-light-dark-toggle--43,#1012170d)}}}@supports (color:light-dark(red, red)){:root{--bg-base:light-dark(#fcfcfc,#08090a);--bg-canvas:light-dark(#fff,#0c0d0f);--bg-surface:light-dark(#fff,#111317);--bg-raised:light-dark(#fff,#16181d);--bg-overlay:light-dark(#fff,#1c1f26);--bg-inset:light-dark(#f1f2f4,#16181d);--text-primary:light-dark(#16181d,#f7f8f8);--text-secondary:light-dark(#3c4149,#b4b8c0);--text-tertiary:light-dark(#5b616b,#8a8f98);--text-disabled:light-dark(#9aa0aa,#5e626b);--text-deco:light-dark(#c4c8ce,#3a3d44);--border-subtle:light-dark(#1012170f,#ffffff0f);--border:light-dark(#1012171a,#ffffff1a);--border-strong:light-dark(#10121729,#ffffff29);--border-accent:light-dark(#46641066,#c6ff3d5c);--accent:light-dark(#466410,#c6ff3d);--accent-pop:light-dark(#5a8210,#c6ff3d);--accent-hover:light-dark(#2f4908,#e8ff6f);--accent-bg:light-dark(#4664100f,#c6ff3d1a);--accent-bg-strong:light-dark(#4664101a,#c6ff3d29);--accent-on-fill:light-dark(#fff,#08090a);--primary:light-dark(#16181d,#f7f8f8);--primary-hover:light-dark(#000,#fff);--primary-fg:light-dark(#fff,#08090a);--focus-ring:light-dark(#3c4149,#b4b8c0);--semantic-error-fg:light-dark(#a43b38,#f7857d);--semantic-error-bg:light-dark(#ffedeb,#351c1a);--semantic-warning-fg:light-dark(#865900,#de9c31);--semantic-warning-bg:light-dark(#fcf0e0,#2f210c);--semantic-info-fg:light-dark(#2063b0,#6dadff);--semantic-info-bg:light-dark(#e9f3ff,#162537);--semantic-success-fg:light-dark(#00773b,#5dc47e);--semantic-success-bg:light-dark(#e6f7ea,#142a1a);--semantic-neutral-fg:light-dark(#505257,#adb1b9);--semantic-neutral-bg:light-dark(#f1f1f2,#26272b);--error-contrast:light-dark(#fff,#08090a);--error-hover:light-dark(#b91c1c,#e0434b);--warning-contrast:light-dark(#fff,#08090a);--info-contrast:light-dark(#fff,#08090a);--success-contrast:light-dark(#fff,#08090a);--action-hover:light-dark(#1012170a,#ffffff0f);--action-selected:light-dark(#10121712,#ffffff1a);--action-active:light-dark(#1012171f,#ffffff29);--action-disabled-bg:light-dark(#1012170d,#ffffff0f)}}:root{--spacing:.25rem;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--container:1200px;--gutter:24px;--shell-rail:264px;--bp-xs:0px;--bp-sm:600px;--bp-md:900px;--bp-lg:1200px;--bp-xl:1536px}@media (width>=768px){:root{--gutter:clamp(32px, 4vw, 56px)}}:root{--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--font-sans:"Pretendard Variable", "Pretendard", "Inter", system-ui, sans-serif;--font-display:"Pretendard Variable", "Pretendard", "Inter", system-ui, sans-serif;--font-accent:"Inter", "Pretendard Variable", system-ui, sans-serif;--font-alt:"IBM Plex Sans KR", "Pretendard Variable", sans-serif;--font-mono:"Inter", ui-monospace, "SFMono-Regular", monospace;--fs-display:56px;--fs-h1:40px;--fs-h2:30px;--fs-h3:24px;--fs-h4:20px;--fs-h5:17px;--fs-body:15px;--fs-sm:13px;--fs-caption:12px;--fs-micro:11px;--lh-tight:1.12;--lh-snug:1.32;--lh-normal:1.5;--lh-relaxed:1.7;--tracking-tight:-.02em;--tracking-normal:-.011em;--tracking-label:.01em;--tracking-caps:.06em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900}:root{--csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #0006;--shadow-1:0 1px 2px var(--csstools-light-dark-toggle--44,#1012170d);--csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #0006;--csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #0000004d;--shadow-2:0 1px 3px var(--csstools-light-dark-toggle--45,#1012170f), 0 2px 6px var(--csstools-light-dark-toggle--46,#1012170a);--csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #00000070;--csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #0000004d;--shadow-4:0 4px 10px var(--csstools-light-dark-toggle--47,#10121712), 0 2px 4px var(--csstools-light-dark-toggle--48,#1012170a);--csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #00000080;--csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #00000057;--shadow-8:0 10px 24px var(--csstools-light-dark-toggle--49,#10121717), 0 4px 8px var(--csstools-light-dark-toggle--50,#1012170d);--csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #0000008f;--csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #0006;--shadow-16:0 18px 40px var(--csstools-light-dark-toggle--51,#1012171f), 0 8px 16px var(--csstools-light-dark-toggle--52,#10121712);--csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #c6ff3d4d;--glow-sm:0 0 12px var(--csstools-light-dark-toggle--53,transparent);--csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) #c6ff3d66;--glow-md:0 0 24px var(--csstools-light-dark-toggle--54,transparent);@supports not (color:light-dark(tan, tan)){& *{--csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #0006;--shadow-1:0 1px 2px var(--csstools-light-dark-toggle--44,#1012170d);--csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #0006;--csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #0000004d;--shadow-2:0 1px 3px var(--csstools-light-dark-toggle--45,#1012170f), 0 2px 6px var(--csstools-light-dark-toggle--46,#1012170a);--csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #00000070;--csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #0000004d;--shadow-4:0 4px 10px var(--csstools-light-dark-toggle--47,#10121712), 0 2px 4px var(--csstools-light-dark-toggle--48,#1012170a);--csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #00000080;--csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #00000057;--shadow-8:0 10px 24px var(--csstools-light-dark-toggle--49,#10121717), 0 4px 8px var(--csstools-light-dark-toggle--50,#1012170d);--csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #0000008f;--csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #0006;--shadow-16:0 18px 40px var(--csstools-light-dark-toggle--51,#1012171f), 0 8px 16px var(--csstools-light-dark-toggle--52,#10121712);--csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #c6ff3d4d;--glow-sm:0 0 12px var(--csstools-light-dark-toggle--53,transparent);--csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) #c6ff3d66;--glow-md:0 0 24px var(--csstools-light-dark-toggle--54,transparent)}}}@supports (color:light-dark(red, red)){:root{--shadow-1:0 1px 2px light-dark(#1012170d,#0006);--shadow-2:0 1px 3px light-dark(#1012170f,#0006), 0 2px 6px light-dark(#1012170a,#0000004d);--shadow-4:0 4px 10px light-dark(#10121712,#00000070), 0 2px 4px light-dark(#1012170a,#0000004d);--shadow-8:0 10px 24px light-dark(#10121717,#00000080), 0 4px 8px light-dark(#1012170d,#00000057);--shadow-16:0 18px 40px light-dark(#1012171f,#0000008f), 0 8px 16px light-dark(#10121712,#0006);--glow-sm:0 0 12px light-dark(#0000,#c6ff3d4d);--glow-md:0 0 24px light-dark(#0000,#c6ff3d66)}}:root{--dur-fast:.12s;--dur-base:.18s;--dur-slow:.26s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) #c6ff3d0f;--gradient-app:radial-gradient(120% 80% at 50% -10%, var(--csstools-light-dark-toggle--55,#4664100d) 0%, transparent 60%);--csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #ffffff24;--gradient-hairline:linear-gradient(90deg, transparent, var(--csstools-light-dark-toggle--56,#1012171f) 50%, transparent);--csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) #08090aa3;--scrim:var(--csstools-light-dark-toggle--57,#fcfcfdb8);--scrim-blur:blur(8px) saturate(1.1);--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-overlay:1300;--z-modal:1400;--z-popover:1500;--z-toast:1600;--z-tooltip:1700;@supports not (color:light-dark(tan, tan)){& *{--csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) #c6ff3d0f;--gradient-app:radial-gradient(120% 80% at 50% -10%, var(--csstools-light-dark-toggle--55,#4664100d) 0%, transparent 60%);--csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #ffffff24;--gradient-hairline:linear-gradient(90deg, transparent, var(--csstools-light-dark-toggle--56,#1012171f) 50%, transparent);--csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) #08090aa3;--scrim:var(--csstools-light-dark-toggle--57,#fcfcfdb8)}}}@supports (color:light-dark(red, red)){:root{--gradient-app:radial-gradient(120% 80% at 50% -10%, light-dark(#4664100d,#c6ff3d0f) 0%, transparent 60%);--gradient-hairline:linear-gradient(90deg, transparent, light-dark(#1012171f,#ffffff24) 50%, transparent);--scrim:light-dark(#fcfcfdb8,#08090aa3)}}:root{--accent-fg:var(--accent);--accent-text:var(--accent);--accent-solid:var(--accent-pop);--accent-on-solid:var(--accent-on-fill);--accent-tint:var(--accent-bg);--accent-50:var(--lime-50);--accent-100:var(--lime-100);--accent-lime:var(--lime);--accent-deep:var(--lime-600);--accent-shadow:var(--lime-700);--csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #c6ff3d;--accent-solid-vibrant:var(--csstools-light-dark-toggle--58,#c6ff3d);--csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #08090a;--accent-on-solid-vibrant:var(--csstools-light-dark-toggle--59,#08090a);--csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #c6ff3d66;--accent-glow:var(--csstools-light-dark-toggle--60,transparent);--csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #ffffff1f;--action-focus:var(--csstools-light-dark-toggle--61,#10121724);--csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #ffffff4d;--action-disabled:var(--csstools-light-dark-toggle--62,#10121742);--csstools-light-dark-toggle--63:var(--csstools-color-scheme--light) #c6ff3d1f;--action-accent-hover:var(--csstools-light-dark-toggle--63,#c6ff3d26);--csstools-light-dark-toggle--64:var(--csstools-color-scheme--light) #c6ff3d33;--action-accent-selected:var(--csstools-light-dark-toggle--64,#c6ff3d4d);--csstools-light-dark-toggle--65:var(--csstools-color-scheme--light) #c6ff3d29;--action-accent-focus:var(--csstools-light-dark-toggle--65,#c6ff3d40);--focus-halo:transparent;--duration-fast:var(--dur-fast);--duration-base:var(--dur-base);--duration-slow:var(--dur-slow);--duration-instant:0s;--duration-slower:.4s;--duration-slowest:.6s;--duration-theme-transition:var(--dur-slow);--duration-theme-transition-reduced:var(--dur-fast);--easing-standard:var(--ease-standard);--easing-accel:var(--ease-in);--easing-bounce:var(--ease-out);--easing-decel:cubic-bezier(0, 0, .2, 1);--easing-sharp:cubic-bezier(.4, 0, .6, 1);--elevation-0:none;--elevation-1:var(--shadow-1);--elevation-2:var(--shadow-2);--elevation-4:var(--shadow-4);--elevation-8:var(--shadow-8);--elevation-16:var(--shadow-16);--elevation-24:var(--shadow-16);--glow-accent-sm:var(--glow-sm);--glow-accent-md:var(--glow-md);--csstools-light-dark-toggle--66:var(--csstools-color-scheme--light) #c6ff3d80;--csstools-light-dark-toggle--67:var(--csstools-color-scheme--light) #c6ff3d59;--glow-accent-lg:0 0 60px var(--csstools-light-dark-toggle--66,transparent), 0 0 30px var(--csstools-light-dark-toggle--67,transparent);--glow-lg:var(--glow-accent-lg);--z-raised:1;--z-fixed:1200;--z-snackbar:var(--z-toast);--z-max:9999;--font-body:var(--font-sans);--font-kr:"Pretendard Variable", "Pretendard", "Inter", sans-serif;--fs-h6:var(--fs-h5);--fs-overline:var(--fs-micro);--fs-badge-count:10px;--fs-body-lg:var(--fs-body);--fs-body-md:var(--fs-sm);--fs-body-sm:var(--fs-sm);--lh-none:1;--lh-compact:1.45;--fw-light:300;--tracking-wide:.1em;--tracking-wider:.2em;--radius-none:0;--r:var(--radius-md);--max:var(--container);--px:24px;--pad-compact-y:var(--space-2);--pad-compact-x:var(--space-3);--pad-default-y:var(--space-3);--pad-default-x:var(--space-4);--pad-roomy-y:var(--space-4);--pad-roomy-x:var(--space-6);--semantic-error:var(--semantic-error-fg);--semantic-warning:var(--semantic-warning-fg);--semantic-info:var(--semantic-info-fg);--semantic-success:var(--semantic-success-fg);--success-fg:var(--semantic-success-fg);--error-light:#fca5a5;--error-dark:#dc2626;--warning-light:#fcd34d;--warning-dark:#b45309;--info-light:#dbeafe;--info-dark:#2563eb;--success-light:#86efac;--success-dark:#15803d;--neutral-border:var(--border);--neutral-contrast:var(--bg-base);--surface-edge:var(--border-strong);--surface-depth:var(--shadow-2);--surface-wash:var(--bg-surface);--csstools-light-dark-toggle--68:var(--csstools-color-scheme--light) transparent;--surface-highlight:var(--csstools-light-dark-toggle--68,#ffffffd9);--csstools-light-dark-toggle--69:var(--csstools-color-scheme--light) transparent;--surface-inset:inset 0 1px 0 var(--csstools-light-dark-toggle--69,#ffffffd9);@supports not (color:light-dark(tan, tan)){& *{--csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #c6ff3d;--accent-solid-vibrant:var(--csstools-light-dark-toggle--58,#c6ff3d);--csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #08090a;--accent-on-solid-vibrant:var(--csstools-light-dark-toggle--59,#08090a);--csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #c6ff3d66;--accent-glow:var(--csstools-light-dark-toggle--60,transparent);--csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #ffffff1f;--action-focus:var(--csstools-light-dark-toggle--61,#10121724);--csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #ffffff4d;--action-disabled:var(--csstools-light-dark-toggle--62,#10121742);--csstools-light-dark-toggle--63:var(--csstools-color-scheme--light) #c6ff3d1f;--action-accent-hover:var(--csstools-light-dark-toggle--63,#c6ff3d26);--csstools-light-dark-toggle--64:var(--csstools-color-scheme--light) #c6ff3d33;--action-accent-selected:var(--csstools-light-dark-toggle--64,#c6ff3d4d);--csstools-light-dark-toggle--65:var(--csstools-color-scheme--light) #c6ff3d29;--action-accent-focus:var(--csstools-light-dark-toggle--65,#c6ff3d40);--csstools-light-dark-toggle--66:var(--csstools-color-scheme--light) #c6ff3d80;--csstools-light-dark-toggle--67:var(--csstools-color-scheme--light) #c6ff3d59;--glow-accent-lg:0 0 60px var(--csstools-light-dark-toggle--66,transparent), 0 0 30px var(--csstools-light-dark-toggle--67,transparent);--csstools-light-dark-toggle--68:var(--csstools-color-scheme--light) transparent;--surface-highlight:var(--csstools-light-dark-toggle--68,#ffffffd9);--csstools-light-dark-toggle--69:var(--csstools-color-scheme--light) transparent;--surface-inset:inset 0 1px 0 var(--csstools-light-dark-toggle--69,#ffffffd9)}}}@supports (color:light-dark(red, red)){:root{--accent-solid-vibrant:#c6ff3d;--accent-on-solid-vibrant:#08090a;--accent-glow:light-dark(#0000,#c6ff3d66);--action-focus:light-dark(#10121724,#ffffff1f);--action-disabled:light-dark(#10121742,#ffffff4d);--action-accent-hover:light-dark(#c6ff3d26,#c6ff3d1f);--action-accent-selected:light-dark(#c6ff3d4d,#c6ff3d33);--action-accent-focus:light-dark(#c6ff3d40,#c6ff3d29);--glow-accent-lg:0 0 60px light-dark(#0000,#c6ff3d80), 0 0 30px light-dark(#0000,#c6ff3d59);--surface-highlight:light-dark(#ffffffd9,#0000);--surface-inset:inset 0 1px 0 light-dark(#ffffffd9,#0000)}}@media (width>=768px){:root{--px:clamp(48px, 5vw, 64px)}}:lang(ko){letter-spacing:-.012em}html[data-olun-theme-transition],html[data-olun-theme-transition] *,html[data-olun-theme-transition] :before,html[data-olun-theme-transition] :after{transition-property:color,background-color,border-color,box-shadow,outline-color,text-decoration-color,fill,stroke;transition-duration:var(--olun-theme-transition-duration,var(--duration-theme-transition));transition-timing-function:var(--easing-standard)}@media (prefers-reduced-motion:reduce){html[data-olun-theme-transition],html[data-olun-theme-transition] *,html[data-olun-theme-transition] :before,html[data-olun-theme-transition] :after{transition-duration:var(--duration-theme-transition-reduced)}}@layer base{:where(input[type=checkbox]){accent-color:var(--accent-solid)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:6rem}html[data-gallery-open]{overflow:hidden}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;line-height:var(--lh-relaxed);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:var(--fw-semibold);word-break:keep-all;overflow-wrap:anywhere}h1,h2{letter-spacing:var(--tracking-tight)}h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:var(--lh-snug)}h3{font-size:1.25rem;line-height:var(--lh-snug)}p{word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}a:focus-visible,button:focus-visible,[data-coverflow]:focus-visible,.gallery-viewport:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:var(--radius-xs)}button{font:inherit}[hidden]{display:none!important}img{max-width:100%;height:auto;display:block}::selection{background:var(--accent-bg-strong);color:var(--text-primary)}.container{width:min(calc(100% - 3rem), var(--container));margin-inline:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-3);left:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--primary);color:var(--primary-fg);z-index:10;position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}.olun-logo{align-items:center;gap:var(--space-3);display:inline-flex}.olun-symbol{flex:none;width:3rem;height:auto;display:block}.olun-wordmark{font-family:var(--font-display);font-weight:var(--fw-extrabold);letter-spacing:-.02em;color:var(--text-primary);font-size:1.625rem;line-height:1}.olun-wordmark-dot{color:var(--accent)}.site-header{z-index:5;background:var(--bg-base);border-bottom:1px solid var(--border-subtle);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-6);min-height:5rem;display:flex}.brand-link{flex-shrink:0;display:flex}.site-header nav{gap:var(--space-8);font-size:.9375rem;font-weight:var(--fw-medium);align-items:center;display:flex}.site-header nav a{padding-block:var(--space-3);white-space:nowrap}.site-header nav a:not(.nav-contact),.text-link{text-underline-offset:.35em;transition:color var(--dur-fast) var(--ease-standard), text-decoration-color var(--dur-base) var(--ease-standard);text-decoration:underline 1px #0000}.site-header nav a:not(.nav-contact):is(:hover,:focus-visible),.text-link:is(:hover,:focus-visible){color:var(--accent);text-decoration-color:currentColor}.nav-contact,.button{background:var(--primary);min-height:2.75rem;color:var(--primary-fg);border-radius:var(--radius-md);transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.site-header nav .nav-contact{padding:var(--space-2) var(--space-4)}.nav-contact:is(:hover,:focus-visible),.button:is(:hover,:focus-visible),.nav-contact:active,.button:active{background:var(--primary-hover)}.text-link{align-items:center;gap:var(--space-3);padding-block:var(--space-2);font-size:.9375rem;font-weight:var(--fw-medium);display:inline-flex}.hero{align-items:center;gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);padding-block:clamp(4rem,7vw,6rem);display:grid}.hero h1{font-size:clamp(2.75rem,5.3vw,4rem);line-height:1.22}.hero-copy>p{margin-top:var(--space-8);color:var(--text-secondary);font-size:1.125rem}.hero-actions{gap:var(--space-3) var(--space-8);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero-contact{text-decoration-color:currentColor}.hero-media{isolation:isolate;min-width:0;padding-top:clamp(8rem,12vw,10rem);position:relative}.hero-backdrop{inset:0 0 auto var(--space-6);aspect-ratio:4/3;border-radius:var(--radius-lg);background:var(--bg-inset);position:absolute;overflow:hidden}.hero-backdrop img{object-fit:cover;width:100%;height:100%}.hero-product{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-canvas);width:82%;box-shadow:var(--shadow-16);position:relative;overflow:hidden}.hero-product .screen-question-row{padding-block:var(--space-3)}.hero-product .screen-toolbar{gap:var(--space-1)}.hero-product .screen-control{padding-inline:var(--space-2)}.section{padding-block:clamp(4rem,7vw,6rem)}.about{gap:var(--space-12);border-top:1px solid var(--border);grid-template-columns:1fr 2fr;display:grid}.about>h2,.principles-heading>h2{font-size:1.5rem}.about-lead{font-size:clamp(1.375rem,2.2vw,1.75rem);line-height:var(--lh-relaxed);letter-spacing:var(--tracking-tight)}.about-copy{margin-top:var(--space-6);max-width:40rem;color:var(--text-secondary)}.about-copy p+p{margin-top:var(--space-4)}.product-section{background:var(--bg-canvas);border-block:1px solid var(--border-subtle)}.product-intro{align-items:end;gap:var(--space-16);grid-template-columns:1.35fr 1fr;display:grid}.product-name{margin-bottom:var(--space-6)}.product-name .olun-wordmark{font-size:2.5rem}.product-summary p{color:var(--text-secondary)}.product-summary .text-link{margin-top:var(--space-5)}.product-showcase{margin-top:var(--space-12);min-width:0}.coverflow-picker{justify-content:center;gap:var(--space-2) var(--space-5);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.coverflow-picker button{min-height:2.75rem;padding:var(--space-2) var(--space-1);color:var(--text-secondary);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard), border-color var(--dur-base) var(--ease-standard);background:0 0;border:0;border-bottom:2px solid #0000;font-size:.9375rem}.coverflow-picker button[aria-pressed=true]{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:var(--fw-semibold)}.coverflow-picker button:hover{color:var(--accent)}.coverflow-slide{min-width:0;margin-bottom:var(--space-8)}.preview-window{aspect-ratio:14/9;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-canvas);box-shadow:var(--shadow-4);position:relative;overflow:hidden}.slide-caption{justify-content:space-between;align-items:start;gap:var(--space-6);margin-top:var(--space-5);display:flex}.slide-caption h3{font-size:1.25rem}.slide-caption p{margin-top:var(--space-2);color:var(--text-secondary)}.coverflow-frame{isolation:isolate;position:relative}.product-showcase[data-enhanced] .coverflow-frame:before{content:"";z-index:-1;inset:var(--space-16) var(--space-6) 0;border-radius:var(--radius-lg);background:var(--bg-inset);pointer-events:none;position:absolute}.product-showcase[data-enhanced] .coverflow-slide[aria-hidden=false] .preview-window{box-shadow:var(--shadow-16)}.product-showcase[data-enhanced] .coverflow-stage{z-index:0;perspective:1100px;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;position:relative;overflow:hidden}.product-showcase[data-enhanced] .coverflow-slide{aspect-ratio:14/9;pointer-events:none;transform-origin:50%;transition:transform var(--dur-slow) var(--ease-out), opacity var(--dur-base) var(--ease-standard);margin:0;position:absolute;top:50%;left:50%}.product-showcase[data-enhanced] .coverflow-stage.is-dragging{cursor:grabbing}.product-showcase[data-enhanced] .is-dragging .coverflow-slide{transition:none}.coverflow-meta{align-items:baseline;gap:var(--space-4);width:min(100%,760px);margin:var(--space-5) auto 0;grid-template-columns:minmax(0,1fr) auto;display:grid}.coverflow-description{min-width:0}.coverflow-description .slide-caption{min-height:5.5rem;margin-top:0}.gallery-control{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);width:2.75rem;height:2.75rem;color:var(--text-secondary);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.gallery-control svg{pointer-events:none}.gallery-control:not([aria-disabled=true]):is(:hover,:focus-visible){background:var(--action-hover);border-color:var(--border-strong);color:var(--text-primary)}.gallery-control[aria-disabled=true]{color:var(--text-disabled);cursor:default}.image-zoom{right:var(--space-3);bottom:var(--space-3);box-shadow:var(--shadow-2);position:absolute}.product-showcase[data-enhanced] .coverflow-slide[aria-hidden=false] .image-zoom{pointer-events:auto}.product-showcase[data-enhanced] .coverflow-slide[aria-hidden=true] .image-zoom{visibility:hidden}.coverflow-navigation{z-index:1;pointer-events:none;grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;display:grid;position:absolute;inset:0}.coverflow-navigation button{pointer-events:auto}.coverflow-navigation [data-next]{grid-column:3}[data-count]{text-align:center;white-space:nowrap;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.875rem}.gallery-dialog{width:min(100% - 3rem,1120px);max-width:none;height:min(90dvh,900px);max-height:calc(100dvh - 3rem);padding:var(--space-5);gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-base);color:var(--text-primary);box-shadow:var(--shadow-8);opacity:0;transform:translateY(var(--space-2)) scale(.98);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);margin:auto;transition:none;display:none;overflow:hidden}.gallery-dialog[open]{opacity:1;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);display:grid;transform:none}.gallery-dialog:not([open]){pointer-events:none}.gallery-dialog::backdrop{background:var(--primary);opacity:0;transition:none}.gallery-dialog[open]::backdrop{opacity:.64;transition:opacity var(--dur-fast) var(--ease-standard)}@starting-style{.gallery-dialog[open]{opacity:0;transform:translateY(var(--space-2)) scale(.98)}.gallery-dialog[open]::backdrop{opacity:0}}.gallery-header{align-items:center;gap:var(--space-4);display:flex}.gallery-header h2{margin-right:auto;font-size:1.25rem}.gallery-view{align-items:center;gap:var(--space-4);grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;min-height:0;display:grid}.gallery-viewport{overscroll-behavior:contain;touch-action:pan-y pinch-zoom;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-canvas);min-width:0;height:100%;overflow:auto}.gallery-viewport.is-dragging{cursor:grabbing;user-select:none}.gallery-thumbnails{gap:var(--space-3);width:max-content;max-width:100%;padding:var(--space-1);overscroll-behavior-x:contain;margin-inline:auto;display:flex;position:relative;overflow-x:auto}.gallery-thumbnail{gap:var(--space-2);min-width:0;padding:0 0 var(--space-2);color:var(--text-secondary);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);background:0 0;border:0;border-bottom:2px solid #0000;flex-direction:column;flex:0 0 112px;font-size:.875rem;display:flex}.gallery-thumbnail[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--text-primary);font-weight:var(--fw-semibold)}.gallery-thumbnail:hover{color:var(--accent)}.gallery-thumbnail:focus-visible{outline-offset:-2px}.gallery-thumbnail-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-canvas);pointer-events:none;width:112px;height:72px;display:block;position:relative;overflow:hidden}.gallery-thumbnail-preview .product-screen{transform-origin:0 0;width:560px;min-height:360px;transform:scale(.2)}.capabilities{margin-top:var(--space-12)}.capability{gap:var(--space-12);padding-block:var(--space-6);border-top:1px solid var(--border);grid-template-columns:1fr 2fr;align-items:baseline;display:grid}.capability p{color:var(--text-secondary)}.capability ul{margin:var(--space-3) 0 0;color:var(--text-tertiary);padding:0;font-size:.9375rem;list-style:none}.capability li+li{margin-top:var(--space-1)}.screen-detail{max-width:960px;padding-block:var(--space-8)}.screen-detail h1{margin-top:var(--space-6);font-size:2rem}.screen-detail-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.screen-detail>p{margin-top:var(--space-3)}.screen-detail-preview{margin-block:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.principles-layout{gap:var(--space-12);grid-template-columns:1fr 2fr;display:grid}.principle{padding-block:var(--space-6);border-top:1px solid var(--border)}.principle:first-child{border-top:0;padding-top:0}.principle p{margin-top:var(--space-3);max-width:38rem;color:var(--text-secondary)}.contact-section{color-scheme:dark;background:var(--bg-base);color:var(--text-primary)}.contact-inner{padding-block:clamp(4rem,7vw,6rem)}.contact-layout{gap:var(--space-12);grid-template-columns:1.35fr 1fr;align-items:start;display:grid}.contact-copy p{color:var(--text-secondary)}.button{padding:var(--space-3) var(--space-5);min-height:3rem;font-size:.9375rem;font-weight:var(--fw-semibold);margin-top:var(--space-6)}.contact-address{color:var(--text-tertiary);margin-top:var(--space-4);font-size:.875rem;display:block}.site-footer{padding-top:var(--space-10);padding-bottom:var(--space-6)}.footer-top{align-items:center;gap:var(--space-12);display:flex}.footer-top>p{color:var(--text-tertiary);font-size:.875rem;line-height:1.5}.footer-top .text-link{margin-left:auto}.footer-bottom{justify-content:space-between;gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:.8125rem;display:flex}@media (prefers-reduced-motion:no-preference){[data-reveal-pending]{opacity:0;transform:translateY(var(--space-4))}[data-entered]{animation:content-enter var(--dur-slow) var(--ease-out) backwards}[data-entered][data-reveal-visible]{animation-name:content-settle}[data-entered][data-reveal-step="1"]{animation-delay:calc(var(--dur-fast) / 2)}[data-entered][data-reveal-step="2"]{animation-delay:var(--dur-fast)}.hero-copy>p[data-entered]{animation-duration:var(--dur-base)}.hero-actions[data-entered]{animation-duration:var(--dur-fast)}.coverflow-description[data-direction=next] .slide-caption:not([hidden]),.gallery-viewport[data-direction=next]>.product-screen{animation:screen-next var(--dur-base) var(--ease-out)}.coverflow-description[data-direction=previous] .slide-caption:not([hidden]),.gallery-viewport[data-direction=previous]>.product-screen{animation:screen-previous var(--dur-base) var(--ease-out)}}@keyframes content-enter{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:none}}@keyframes content-settle{0%{transform:translateY(var(--space-2))}to{transform:none}}@keyframes screen-next{0%{opacity:.65;transform:translateX(var(--space-3))}to{opacity:1;transform:none}}@keyframes screen-previous{0%{opacity:.65;transform:translateX(calc(var(--space-3) * -1))}to{opacity:1;transform:none}}@media (width<=900px){.hero,.about,.principles-layout,.capability{gap:var(--space-8)}.desktop-break{display:none}.product-intro{gap:var(--space-10)}}@media (width<=640px){html{scroll-padding-top:7.5rem}.container{width:calc(100% - 2.5rem)}.header-inner{gap:var(--space-2);min-height:4.25rem;padding-block:var(--space-2);flex-wrap:wrap}.site-header .olun-logo{gap:var(--space-1)}.site-header .olun-symbol{width:2.25rem}.site-header .olun-wordmark{font-size:1.375rem}.site-header nav{gap:var(--space-4);font-size:.875rem}.site-header nav .nav-contact{padding-inline:var(--space-3)}.hero{gap:var(--space-8);padding-top:var(--space-12);padding-bottom:var(--space-8);grid-template-columns:1fr}.hero h1{font-size:clamp(2.5rem,9vw,3.5rem)}.hero-copy>p{margin-top:var(--space-6);font-size:1.0625rem}.hero-media{padding-top:var(--space-24)}.hero-backdrop{left:var(--space-4)}.hero-product{width:86%}.about,.product-intro,.principles-layout,.contact-layout{gap:var(--space-6);grid-template-columns:1fr}.product-name{margin-bottom:var(--space-5)}.product-showcase{margin-top:var(--space-8)}.coverflow-picker{gap:var(--space-1) var(--space-3);justify-content:flex-start}.coverflow-picker button{font-size:.875rem}.slide-caption{gap:var(--space-1);flex-direction:column}.slide-caption h3{font-size:1.125rem}.coverflow-description .slide-caption{min-height:7rem}.coverflow-navigation{width:11rem;margin:0 auto var(--space-2);position:relative;inset:auto}.product-showcase[data-enhanced] .coverflow-frame:before{inset:6rem var(--space-2) 0}.image-zoom{right:var(--space-2);bottom:var(--space-2)}.gallery-dialog{width:calc(100% - 1rem);height:calc(100dvh - 1rem);max-height:none;padding:var(--space-3);gap:var(--space-3)}.gallery-view{gap:var(--space-2);grid-template-rows:auto minmax(0,1fr);align-items:stretch}.gallery-view>[data-prev]{grid-area:1/1}.gallery-view>[data-next]{grid-area:1/3}.gallery-viewport{grid-area:2/1/3/-1}.gallery-header{gap:var(--space-2)}.gallery-header h2{font-size:1.125rem}.capabilities{margin-top:var(--space-8)}.capability{gap:var(--space-3);grid-template-columns:1fr}.footer-top{gap:var(--space-6);flex-wrap:wrap}.footer-bottom{gap:var(--space-2);flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.product-screen{background:var(--bg-canvas);min-height:100%;color:var(--text-primary);font-size:.875rem;line-height:1.45;container-type:inline-size}.product-screen strong{font-weight:var(--fw-semibold)}.product-screen small{color:var(--text-tertiary);font-size:.75rem;display:block}.screen-topbar{min-height:3rem;padding:var(--space-3) var(--space-5);align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);background:var(--bg-base);flex-wrap:wrap;display:flex}.screen-topbar>strong{margin-right:auto}.screen-actions,.screen-toolbar,.screen-options{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.screen-control{min-height:1.875rem;padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);white-space:nowrap;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.screen-control.solid{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.screen-control.chosen{background:var(--bg-raised);border-color:var(--border-strong);font-weight:var(--fw-semibold)}.screen-content{min-width:0;padding:var(--space-5)}.screen-explorer{grid-template-columns:155px minmax(0,1fr);display:grid}.screen-folders{gap:var(--space-2);border-right:1px solid var(--border-subtle);padding:var(--space-4) var(--space-3);background:var(--bg-base);flex-direction:column;display:flex}.screen-folders>span:not(.screen-search){padding:var(--space-2) var(--space-3)}.screen-folders>strong{padding:var(--space-2) var(--space-1)}.screen-search{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:.75rem}.folder-current{background:var(--bg-inset);border-radius:var(--radius-sm)}.screen-toolbar{margin-bottom:var(--space-4)}.screen-toolbar .solid{margin-left:auto}.screen-table{border-block:1px solid var(--border)}.screen-table-heading,.screen-question-row{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.screen-table-heading{background:var(--bg-base);color:var(--text-tertiary);padding-block:var(--space-2);font-size:.75rem}.screen-question-row+.screen-question-row{border-top:1px solid var(--border-subtle)}.screen-question-row strong{display:block}.screen-question-row small{margin-top:var(--space-1)}.screen-question-row>span{color:var(--text-secondary);font-size:.75rem}.screen-authoring-form{gap:var(--space-3);flex-direction:column;max-width:640px;margin-inline:auto;display:flex}.screen-field>span{margin-bottom:var(--space-1);color:var(--text-secondary);font-size:.8125rem;display:block}.screen-input{min-height:2rem;padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm)}.screen-editor{border:1px solid var(--border);border-radius:var(--radius-sm)}.screen-editor-tools{align-items:center;gap:var(--space-5);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.75rem;display:flex}.screen-editor>p{padding:var(--space-3)}.screen-authoring-choices{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.screen-choice{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:flex}.screen-choice-number{border:1px solid var(--border);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;font-size:.75rem;display:inline-flex}.screen-choice small{margin-left:auto}.screen-choice.correct{background:var(--success-bg);border-color:var(--success)}.screen-tabs{gap:var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);display:flex}.screen-tabs>*{padding:var(--space-2) 0;color:var(--text-secondary)}.screen-tabs>strong{color:var(--text-primary);border-bottom:2px solid var(--text-primary)}.screen-stats{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.screen-stats>div{gap:var(--space-1);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.screen-stats>div>span{color:var(--text-secondary);font-size:.75rem}.screen-stats strong{font-variant-numeric:tabular-nums;font-size:1.75rem}.screen-stats strong span{color:var(--text-tertiary);font-size:.875rem;font-weight:var(--fw-regular)}.screen-status{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.75rem;display:inline-block}.screen-status.wrong{color:var(--error);border-color:var(--error)}.screen-result-heading{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;justify-content:space-between;display:flex}.result-stats{grid-template-columns:1fr 1fr}.screen-result-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 170px;display:grid}.screen-question>strong{margin-left:var(--space-2)}.screen-question>p{margin-block:var(--space-3);font-weight:var(--fw-medium)}.screen-answer-row{gap:var(--space-4);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-subtle);align-items:center;display:flex}.screen-answer-row>span{color:var(--text-secondary);font-size:.75rem}.screen-answer-row.correct{background:var(--success-bg)}.screen-explanation{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.screen-explanation>strong,.screen-memo>strong{margin-bottom:var(--space-2);color:var(--text-secondary);font-size:.75rem;display:block}.screen-explanation p,.screen-memo p{font-size:.8125rem}.screen-palette>span,.screen-palette>small{color:var(--text-secondary);font-size:.75rem}.screen-palette>div{gap:var(--space-1);margin-block:var(--space-3);grid-template-columns:repeat(5,1fr);display:grid}.screen-palette>div>span{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-xs);place-items:center;font-size:.75rem;display:grid}.screen-palette .wrong{background:var(--error-bg);color:var(--error)}.screen-palette .current{outline:2px solid var(--primary);outline-offset:-2px}.screen-palette>.screen-control{margin-top:var(--space-3);white-space:normal;color:var(--primary-fg);text-align:center}.screen-review-info{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--text-secondary);flex-wrap:wrap;font-size:.75rem;display:flex}.screen-review-choices{gap:var(--space-2);display:grid}.screen-feedback{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--success-bg);color:var(--success);border-radius:var(--radius-sm);font-size:.8125rem}.screen-review-bottom{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.screen-memo{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.screen-memo .screen-control{margin-top:var(--space-2)}@container (width<=580px){.screen-explorer{grid-template-columns:1fr}.screen-folders{display:none}.screen-topbar{padding:var(--space-2) var(--space-3)}.screen-content{padding:var(--space-3)}.screen-result-layout,.screen-review-bottom{grid-template-columns:1fr}.preview-window .screen-classification,.preview-window .screen-editor-tools,.preview-window .screen-review-info{display:none}.preview-window .screen-topbar{min-height:2rem}.preview-window .screen-results .screen-result-heading,.preview-window .screen-result-layout>div:first-child,.preview-window .screen-palette>span,.preview-window .screen-palette>small{display:none}.preview-window .screen-palette>div{margin-block:var(--space-1) 0;grid-template-columns:repeat(10,1fr)}.preview-window .screen-review-choices .screen-choice:not(.correct),.preview-window .review-question>p,.preview-window .screen-feedback,.preview-window .screen-review-bottom .screen-explanation{display:none}.preview-window .screen-review-bottom{display:block}.preview-window .screen-memo{margin-top:var(--space-2)}.preview-window .screen-question-row{padding-block:var(--space-3)}.preview-window .screen-stats{margin-bottom:var(--space-3)}.preview-window .screen-stats strong{font-size:1.25rem}.preview-window .screen-tabs{margin-bottom:var(--space-2)}.preview-window .screen-stats>div{padding:var(--space-2) var(--space-3)}}@container (width<=380px){.preview-window .screen-content{padding:var(--space-2)}.preview-window .screen-topbar{font-size:.75rem}.preview-window .screen-stats>div{padding:var(--space-1) var(--space-2);gap:var(--space-1);line-height:1.15}.preview-window .screen-stats{gap:var(--space-2);margin-bottom:var(--space-2)}.preview-window .screen-memo{padding:var(--space-2)}.preview-window .screen-memo .screen-control{display:none}}