.member-consent{min-height:100svh;display:grid;place-items:center;padding:var(--space-6);background:var(--color-kiln-white);color:var(--color-clay-dark)}.member-consent__card{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4)}.member-consent__card h1{font-family:var(--font-serif);font-size:var(--text-2xl)}.member-consent__card label{display:flex;gap:var(--space-3);align-items:flex-start;line-height:1.7}.member-consent__card input{width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:var(--color-clay-dark)}.member-consent__detail{font-size:var(--text-sm);line-height:1.8;color:var(--text-secondary)}.member-consent__card a{text-decoration:underline;font-size:var(--text-sm)}.member-consent__card button{min-height:44px;border:1px solid var(--border-default);background:transparent;color:inherit;cursor:pointer}.member-consent__card .member-consent__submit{background:var(--color-clay-dark);color:var(--color-kiln-white)}.member-consent__card button:disabled{opacity:.45;cursor:default}.member-consent__card :focus-visible{outline:2px solid var(--color-clay-dark);outline-offset:3px}.promotion-consent-detail{margin-block:var(--space-3) var(--space-6);font-size:var(--text-sm);line-height:1.8;color:var(--text-secondary)}.promotion-consent-detail summary{cursor:pointer;min-height:32px}.promotion-consent-detail p+p{margin-top:var(--space-2)}.promotion-consent-orders{margin-block:var(--space-6);font-size:var(--text-sm);line-height:1.8}.promotion-consent-orders ul{list-style:none;padding:0}.promotion-consent-orders li{padding-block:var(--space-3);border-bottom:1px solid var(--border-default);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.promotion-consent-orders button{min-height:44px;padding-inline:var(--space-3);border:1px solid var(--border-default);background:transparent;color:inherit;cursor:pointer}.member-consent-loading{min-height:100svh;display:grid;place-items:center;background:var(--color-kiln-white)}.member-consent-loading__indicator{width:24px;height:24px;border:2px solid var(--border-default);border-top-color:var(--color-clay-dark);border-radius:50%;animation:member-consent-spin .8s linear infinite}@keyframes member-consent-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.member-consent-loading__indicator{animation:none}}.login-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#2c2a2566;z-index:10001;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-modal-content{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:3rem 2.5rem;width:90%;max-width:400px;max-height:calc(100dvh - 2rem);overflow-y:auto;box-shadow:var(--shadow-floating);position:relative;text-align:center;animation:slideUpFade .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--point-black, #0b0b0b);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;opacity:.5}.modal-close-btn:hover{opacity:1}.modal-title{font-family:var(--font-serif, serif);font-size:1.75rem;font-weight:300;color:var(--point-black, #0b0b0b);margin-bottom:.5rem;letter-spacing:.05em}.modal-subtitle{font-family:var(--font-sans, sans-serif);font-size:.9rem;color:var(--text-secondary, #555);font-weight:300;margin-bottom:2.5rem}.login-modal-content .dynamic-login-btn{width:100%;padding:1rem 1.5rem}.modal-divider{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0;color:var(--text-secondary, #999);font-size:.8rem;font-weight:300}.modal-divider:before,.modal-divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.email-login-form{display:flex;flex-direction:column;gap:.75rem;text-align:left}.email-login-input{width:100%;padding:.875rem 1rem;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.95rem;font-family:var(--font-sans, sans-serif);color:var(--point-black, #0b0b0b);background:#fff;transition:border-color .2s ease}.email-login-input:focus{outline:none;border-color:var(--color-clay-dark, #2c2a25)}.email-login-error{margin:0;color:#c0392b;font-size:.8rem;font-weight:400}.email-login-submit{width:100%;padding:.875rem 1rem;margin-top:.25rem;background:var(--color-clay-dark, #2c2a25);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;font-family:var(--font-sans, sans-serif);cursor:pointer;transition:opacity .2s ease}.email-login-submit:hover:not(:disabled){opacity:.88}.email-login-submit:disabled{opacity:.6;cursor:wait}.social-login-options{display:flex;flex-direction:column;gap:var(--space-3)}.social-login-button{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-action);cursor:pointer;background:var(--color-kiln-white);color:var(--color-clay-dark)}.social-login-button--kakao{background:#fee500;color:#191919;border-color:#fee500}.social-login-button--naver{background:#03c75a;color:#fff;border-color:#03c75a}.social-login-button:focus-visible{outline:2px solid var(--color-clay-dark);outline-offset:3px}.social-login-button:hover:not(:disabled){filter:brightness(.97)}.social-login-button:disabled{cursor:not-allowed;opacity:.55}.social-login-button svg{flex-shrink:0}.social-login-button small{font-size:var(--text-xs)}.social-login-error{margin:var(--space-2) 0 0;color:var(--color-burgundy);font-size:var(--text-sm)}.login-modal-legal{margin:var(--space-4) 0 0;font-family:var(--font-sans, sans-serif);font-size:.6875rem;line-height:1.6;font-weight:300;color:var(--text-secondary, #555)}.login-modal-legal a,.login-modal-legal a:visited{color:inherit;text-decoration:none}.login-modal-legal a:hover{text-decoration:underline}.login-modal-legal a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.login-modal-guest{width:100%;min-height:44px;margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:transparent;color:var(--color-clay-dark);font:inherit;cursor:pointer}.login-modal-guest:hover{background:var(--color-kiln-white)}.login-modal-guest:focus-visible{outline:2px solid var(--color-clay-dark);outline-offset:3px}.login-modal-guest-note{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:var(--text-xs);line-height:1.6}.app-header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s ease;background:transparent;padding:1.5rem 0}.app-header.scrolled{background:var(--color-kiln-white);padding:1rem 0}.header-container{max-width:1200px;margin:0 auto;padding:0 5%;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo .osciloop-logo{height:26px;width:auto;display:block}@media(max-width:560px){.logo .osciloop-logo{height:22px}.header-container .header-actions{gap:var(--space-2)}}.header-actions{display:flex;align-items:center;gap:1rem}.language-selector{position:relative;flex:0 0 auto}.language-selector__trigger{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:0 var(--space-2);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-clay-dark);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-weight-action);letter-spacing:normal;white-space:nowrap;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.language-selector__trigger svg{flex-shrink:0}.language-selector__trigger:hover{background:var(--bg-subtle)}.language-selector__trigger:focus-visible,.language-selector__option:focus-visible{outline:2px solid var(--color-accent-cool);outline-offset:2px}.language-selector__menu{position:absolute;top:calc(100% + var(--space-2));right:0;width:136px;padding:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--color-kiln-white);box-shadow:var(--shadow-floating);z-index:1100}.language-selector__option{width:100%;height:44px;display:flex;align-items:center;padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-read);text-align:left;cursor:pointer}.language-selector__option:hover,.language-selector__option.is-selected{background:var(--bg-subtle);color:var(--color-clay-dark)}.language-selector--hero .language-selector__trigger{color:var(--color-hero-fg);opacity:.72}.language-selector--hero .language-selector__trigger:hover,.language-selector--hero .language-selector__trigger:focus-visible{opacity:1;background:transparent}.language-selector--wizard .language-selector__menu{top:calc(100% + var(--space-1))}.header-divider{width:1px;height:24px;background-color:#0b0b0b33;margin:0 .5rem}.minimal-link{background:transparent;border:none;font-family:var(--font-sans, "Pretendard", sans-serif);font-size:.95rem;font-weight:200;color:var(--point-black, #0b0b0b);cursor:pointer;padding:.5rem .25rem;position:relative;transition:opacity .3s ease}.minimal-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--point-black, #0b0b0b);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.16,1,.3,1)}.minimal-link:hover:after{transform:scaleX(1);transform-origin:left}.minimal-link.loading{opacity:.5;cursor:wait}.dropdown-arrow{transition:transform .3s ease;opacity:.7}.dropdown-arrow.open{transform:rotate(180deg)}.dynamic-login-btn.loading{opacity:.7;cursor:wait}.auth-dropdown-container{position:relative}.auth-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2);display:flex;flex-direction:column;box-shadow:var(--shadow-floating);animation:fadeInDown .2s ease forwards;z-index:1001}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:transparent;border:none;padding:.75rem 1rem;text-align:left;font-family:var(--font-sans, "Pretendard", sans-serif);font-size:.9rem;font-weight:400;color:var(--point-black, #0b0b0b);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease}.dropdown-item:hover{background:#0b0b0b0d}.dropdown-divider{height:1px;background:#0b0b0b14;margin:.25rem .5rem}.dropdown-item.logout{color:#d32f2f}.dropdown-item.logout:hover{background:#d32f2f0d}.mode-toggle{background:transparent;border:none;padding:var(--space-1) var(--space-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--point-black, #0b0b0b);position:relative;transition:color var(--transition-fast);line-height:1}.mode-toggle:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.16,1,.3,1)}.mode-toggle:hover:after{transform:scaleX(1);transform-origin:left}.mode-toggle__icon{display:block;width:18px;height:18px}@media(max-width:560px){.mode-toggle{padding:var(--space-1)}}.app-header.on-hero{--logo-fg: #F5F2EC;--logo-bg: rgba(245, 242, 236, .18);transition:color .25s ease}.app-header.on-hero .minimal-link{color:#f5f2ecb8;transition:color .25s ease}.app-header.on-hero .minimal-link:after{background-color:#f5f2ecb8}.app-header.on-hero .minimal-link:hover{color:#f5f2ecf2}.app-header.on-hero .minimal-link.logged-in,.app-header.on-hero .minimal-link.logged-out{color:#f5f2ec8c}.app-header.on-hero .minimal-link.logged-in:hover,.app-header.on-hero .minimal-link.logged-out:hover{color:#f5f2ecd9}.app-header.on-hero .mode-toggle{color:#f5f2ec8c;transition:color .25s ease}.app-header.on-hero .mode-toggle:hover{color:#f5f2ecd9}@media(max-width:380px){.header-container .header-actions{gap:var(--space-1)}.logo .osciloop-logo{height:18px}}@media(max-width:600px){.header-container{flex-wrap:wrap;gap:var(--space-2)}.header-actions{flex-wrap:wrap;justify-content:flex-end}}.app-header a[href="/gallery"]{text-decoration:none}.app-header a[href="/gallery"]:after{content:none}.header-shop-link{text-decoration:none}.header-shop-link[aria-current=page]{text-decoration:underline;text-underline-offset:5px}@media(max-width:600px){.header-container .header-actions{flex:1 1 100%;justify-content:space-between}}.support-chat{position:fixed;right:max(var(--space-6),env(safe-area-inset-right));bottom:max(var(--space-6),env(safe-area-inset-bottom));z-index:900;color:var(--color-clay-dark);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-base)}.support-chat button,.support-chat input,.support-chat a{font:inherit}.support-chat button,.support-chat a{font-weight:var(--font-weight-action)}.support-chat button{cursor:pointer}.support-chat button:disabled{cursor:default;opacity:.45}.support-chat button:focus-visible,.support-chat a:focus-visible,.support-chat input:focus-visible{outline:2px solid var(--color-clay-dark);outline-offset:3px}.support-chat__launcher{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-left:auto;border:1px solid var(--color-kiln-white);border-radius:var(--radius-full);color:var(--color-kiln-white);background:var(--color-clay-dark);transition:background var(--transition-fast)}.support-chat__launcher:hover{background:var(--color-obsidian)}.support-chat__panel{display:flex;flex-direction:column;width:min(380px,calc(100vw - var(--space-8)));height:min(620px,calc(100dvh - 120px - env(safe-area-inset-bottom)));min-height:0;margin-bottom:var(--space-3);overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--color-kiln-white);box-shadow:var(--shadow-floating)}.support-chat__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-2);flex-shrink:0}.support-chat__eyebrow{margin:0 0 var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.support-chat__header h2{margin:0;font:var(--font-weight-read) var(--text-lg)/var(--leading-lg) var(--font-serif)}.support-chat__icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:0;background:none;color:var(--color-clay-dark)}.support-chat__note{margin:0;padding:0 var(--space-4) var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);border-bottom:1px solid var(--border-default)}.support-chat__conversation{flex:1;min-height:0;padding:var(--space-4);overflow-y:auto;overscroll-behavior:contain}.support-chat__welcome p{margin:0 0 var(--space-4)}.support-chat__suggestions{display:grid;gap:var(--space-2)}.support-chat__suggestions button{min-height:44px;padding:var(--space-2) var(--space-3);text-align:left;border:1px solid var(--border-default);border-radius:var(--radius-md);background:none;color:var(--color-clay-dark)}.support-chat__suggestions button:hover{background:var(--bg-subtle)}.support-chat__message{margin-bottom:var(--space-4);overflow-wrap:anywhere}.support-chat__speaker{display:block;margin-bottom:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.support-chat__message p{margin:0;white-space:pre-wrap}.support-chat__message--user{margin-left:var(--space-8);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-subtle)}.support-chat__message .support-chat__handoff{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}.support-chat__status{color:var(--text-secondary);font-size:var(--text-xs)}.support-chat__error{color:var(--color-burgundy)}.support-chat__error p{margin:0}.support-chat__error button{min-height:44px;margin-right:var(--space-3);border:0;padding:0;background:none;color:inherit;text-decoration:underline}.support-chat__form{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4) 0;border-top:1px solid var(--border-default)}.support-chat__input{flex:1;min-width:0}.support-chat__input input{box-sizing:border-box;width:100%;height:44px;padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--color-kiln-white);color:var(--color-clay-dark);font-size:var(--text-base)}.support-chat__input input::placeholder{color:var(--text-secondary);font-size:var(--text-sm)}.support-chat__send{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:0;border-radius:var(--radius-md);background:var(--color-clay-dark);color:var(--color-kiln-white)}.support-chat__privacy{margin:0;padding:var(--space-2) var(--space-4) var(--space-3);color:var(--text-secondary);font-size:var(--text-xs)}.support-chat__footer{flex-shrink:0;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default);background:var(--bg-subtle)}.support-chat__footer p{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}.support-chat__footer a{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--color-clay-dark);text-decoration:none}.support-chat__footer a:hover{background:var(--color-kiln-white)}.support-chat__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:560px){.support-chat{right:max(var(--space-4),env(safe-area-inset-right));bottom:max(var(--space-4),env(safe-area-inset-bottom))}.support-chat__panel{height:min(580px,calc(100dvh - 104px - env(safe-area-inset-bottom)))}}@media(max-height:520px){.support-chat__panel{height:calc(100dvh - var(--space-8));margin:0}.support-chat:has(.support-chat__panel) .support-chat__launcher{display:none}.support-chat__note,.support-chat__privacy,.support-chat__footer p{display:none}.support-chat__header{padding-top:var(--space-2)}}.everyday-forms,.forms-closing{padding:var(--space-16) var(--space-12);background:var(--section-bg-1);color:var(--section-fg);transition:background-color var(--transition-mode),color var(--transition-mode)}.everyday-forms__inner,.forms-closing__inner{max-width:1024px;margin:0 auto}.everyday-forms__header{margin-bottom:var(--space-8)}.everyday-forms h2,.forms-closing h2{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-regular);line-height:var(--leading-lg);margin:0 0 var(--space-4);word-break:keep-all}.everyday-forms__header p,.forms-closing__copy p{color:var(--section-fg-muted);font-size:var(--text-sm);line-height:var(--leading-base)}.everyday-forms__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8);align-items:start}.everyday-forms__scene{margin:0;min-width:0}.everyday-forms__scene:first-child{grid-column:1 / -1}.everyday-forms__scene img,.forms-closing__photo img{display:block;width:100%;height:auto}.everyday-forms__scene:last-child{width:75%;justify-self:end}.everyday-forms figcaption,.forms-closing figcaption{font-size:var(--text-xs);color:var(--section-fg-muted);line-height:var(--leading-base);margin-top:var(--space-3)}.forms-closing__inner{display:grid;grid-template-columns:3fr 2fr;align-items:center;gap:var(--space-12)}.forms-closing__photo{margin:0}.forms-closing__cta{display:inline-flex;align-items:center;justify-content:center;min-height:var(--space-12);padding:var(--space-3) var(--space-6);margin-top:var(--space-6);color:var(--section-fg);border:1px solid var(--section-fg);text-decoration:none;font-weight:var(--font-weight-action);transition:background-color var(--transition-fast),color var(--transition-fast)}.forms-closing__cta:hover{color:var(--section-bg-1);background:var(--section-fg)}.forms-closing__cta:focus-visible{outline:2px solid var(--section-fg);outline-offset:var(--space-1)}.forms-closing__copy .forms-closing__hint{font-size:var(--text-xs);margin-top:var(--space-4)}@media(max-width:768px){.everyday-forms,.forms-closing{padding:var(--space-12) var(--space-6)}.forms-closing__inner{grid-template-columns:1fr;gap:var(--space-8)}}@media(max-width:768px){.everyday-forms__grid{grid-template-columns:1fr}.everyday-forms__scene:last-child{width:100%}}.feature-cards{background-color:var(--section-bg-1);transition:background-color var(--transition-mode);padding:var(--space-16) 0}.feature-cards__header{text-align:center;max-width:960px;margin:0 auto var(--space-12);padding:0 var(--space-12)}.feature-cards__label{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-xs);color:var(--section-fg-muted);letter-spacing:var(--tracking-widest);margin:0 0 var(--space-4) 0}.feature-cards__title{margin:0;font-family:var(--font-serif);font-weight:var(--weight-regular);font-size:36px;letter-spacing:-.01em;line-height:1.2;color:var(--section-fg);transition:color var(--transition-mode)}.feature-cards__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-12);max-width:1120px;margin:0 auto;padding:0 var(--space-12)}.feature-card{padding-top:var(--space-6);border-top:1px solid var(--section-border);transition:border-color var(--transition-mode)}.feature-card__num{display:flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);color:var(--color-accent-warm);margin-bottom:var(--space-6)}.feature-card__num-text{display:inline-block}.feature-card__dash{opacity:.75}.feature-card__title{font-family:var(--font-sans);font-weight:var(--weight-medium);font-size:var(--text-base);color:var(--section-fg);line-height:1.55;margin:0 0 var(--space-4) 0;word-break:keep-all;transition:color var(--transition-mode)}.feature-card__desc{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-sm);color:var(--section-fg-muted);line-height:var(--leading-base);word-break:keep-all;margin:0;transition:color var(--transition-mode)}@media(max-width:768px){.feature-cards__grid{grid-template-columns:1fr;gap:var(--space-8);padding:0 var(--space-6)}.feature-cards__header{padding:0 var(--space-6)}}.feature-card__image{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;margin-bottom:var(--space-6)}.process-timeline{background-color:var(--section-bg-2);transition:background-color var(--transition-mode);padding:var(--space-16) 0 var(--space-24)}.process-timeline__label{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-xs);color:var(--color-accent-warm);letter-spacing:var(--tracking-widest);text-align:center;text-transform:none;margin:0 0 var(--space-4)}.process-timeline__title{font-family:var(--font-serif);font-weight:var(--weight-regular);font-size:var(--text-xl);color:var(--section-fg);text-align:center;margin:0 0 var(--space-6);transition:color var(--transition-mode)}.process-timeline__strip{font-family:var(--font-sans);font-weight:var(--weight-medium);font-size:var(--text-xs);color:var(--section-fg-muted);letter-spacing:var(--tracking-wide);text-align:center;margin:0 0 var(--space-16);word-break:keep-all;overflow-wrap:break-word;transition:color var(--transition-mode)}.process-timeline__container{max-width:600px;margin:0 auto;padding:0 var(--space-8);position:relative}.process-timeline__line{position:absolute;left:48px;top:6px;bottom:6px;width:1px;background:linear-gradient(to bottom,transparent,var(--color-accent-cool) 5%,var(--color-accent-cool) 95%,transparent);opacity:.38}.process-step{display:flex;gap:var(--space-8);align-items:flex-start;margin-bottom:var(--space-12);position:relative}.process-step:last-child{margin-bottom:0}.process-step__left{width:16px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding-top:var(--space-1);gap:var(--space-1)}.process-step__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-accent-cool);opacity:.65}.process-step__dot--accent{background:var(--color-accent-warm);opacity:.75}.process-step__num{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--color-accent-warm);letter-spacing:var(--tracking-wide)}.process-step__content{flex:1;min-width:0}.process-step__tag{display:inline-block;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--color-accent-cool);letter-spacing:var(--tracking-widest);border:1px solid var(--color-accent-cool);opacity:.95;padding:2px 8px;border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.process-step__title{font-family:var(--font-serif);font-weight:var(--weight-regular);font-size:var(--text-base);color:var(--section-fg);line-height:1.55;margin:0 0 var(--space-2);word-break:keep-all;overflow-wrap:break-word;transition:color var(--transition-mode)}.process-step__rule{display:block;width:20px;height:1px;background:var(--color-accent-warm);opacity:.38;margin-bottom:var(--space-3)}.process-step__desc{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-sm);line-height:var(--leading-base);color:var(--section-fg-muted);margin:0;word-break:keep-all;overflow-wrap:break-word;transition:color var(--transition-mode)}.process-step__desc .emph{color:var(--section-fg);opacity:.7;font-style:normal}@media(max-width:768px){.process-timeline{padding:var(--space-12) 0 var(--space-16)}.process-timeline__title{font-size:var(--text-lg)}.process-timeline__container{padding:0 var(--space-6)}.process-timeline__line{left:36px}.process-step{gap:var(--space-6)}.process-step__title{font-size:var(--text-base)}}:root{--color-kiln-white: #F5F2EC;--color-clay-dark: #2C2A25;--color-obsidian: #0B0B0B;--color-terracotta: #C66B3D;--color-burgundy: #8B3A3A;--color-clay-sanbaek: #E7DECA;--color-clay-sanbaek-speck: #403B34;--color-hero-day-bg: #D08866;--color-hero-day-fg: #FBF1E1;--color-hero-night-bg: #1F1D1B;--color-hero-night-fg: #E8DFD0;--color-hero-bg: var(--color-hero-day-bg);--color-hero-fg: var(--color-hero-day-fg);--color-section-day-bg-1: #EDE8DF;--color-section-day-bg-2: var(--color-kiln-white);--color-section-day-fg: var(--color-clay-dark);--color-section-day-fg-muted: rgba(44, 42, 37, .7);--color-section-day-border: rgba(44, 42, 37, .1);--color-section-day-footer-bg: var(--color-clay-dark);--color-section-day-footer-fg: rgba(245, 242, 236, .62);--color-section-night-bg-1: #252320;--color-section-night-bg-2: var(--color-clay-dark);--color-section-night-fg: var(--color-kiln-white);--color-section-night-fg-muted: rgba(245, 242, 236, .78);--color-section-night-border: rgba(245, 242, 236, .14);--color-section-night-footer-bg: #161412;--color-section-night-footer-fg: rgba(245, 242, 236, .62);--section-bg-1: var(--color-section-day-bg-1);--section-bg-2: var(--color-section-day-bg-2);--section-fg: var(--color-section-day-fg);--section-fg-muted: var(--color-section-day-fg-muted);--section-border: var(--color-section-day-border);--section-footer-bg: var(--color-section-day-footer-bg);--section-footer-fg: var(--color-section-day-footer-fg);--color-accent-warm: #B87B5A;--color-accent-cool: #8FA89B;--text-secondary: rgba(44, 42, 37, .7);--text-tertiary: rgba(44, 42, 37, .5);--text-disabled: rgba(44, 42, 37, .3);--border-subtle: rgba(44, 42, 37, .08);--border-default: rgba(44, 42, 37, .16);--border-strong: rgba(44, 42, 37, .32);--bg-subtle: rgba(44, 42, 37, .04);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-serif: "Noto Serif KR", serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 28px;--text-2xl: 40px;--text-3xl: 56px;--leading-xs: 1.5;--leading-sm: 1.5;--leading-base: 1.6;--leading-lg: 1.4;--leading-xl: 1.2;--leading-2xl: 1.15;--leading-3xl: 1.1;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--font-weight-action: 500;--font-weight-read: 400;--tracking-tight: -.02em;--tracking-normal: -.005em;--tracking-wide: .08em;--tracking-widest: .12em;--tracking-mega: .25em;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-full: 9999px;--shadow-none: none;--shadow-floating: 0 1px 0 rgba(44, 42, 37, .08);--transition-fast: .12s ease-out;--transition-default: .2s ease-out;--transition-slow: .3s cubic-bezier(.16, 1, .3, 1);--transition-mode: .6s ease}body.palette-day{--color-hero-bg: var(--color-hero-day-bg);--color-hero-fg: var(--color-hero-day-fg);--section-bg-1: var(--color-section-day-bg-1);--section-bg-2: var(--color-section-day-bg-2);--section-fg: var(--color-section-day-fg);--section-fg-muted: var(--color-section-day-fg-muted);--section-border: var(--color-section-day-border);--section-footer-bg: var(--color-section-day-footer-bg);--section-footer-fg: var(--color-section-day-footer-fg)}body.palette-night{--color-hero-bg: var(--color-hero-night-bg);--color-hero-fg: var(--color-hero-night-fg);--section-bg-1: var(--color-section-night-bg-1);--section-bg-2: var(--color-section-night-bg-2);--section-fg: var(--color-section-night-fg);--section-fg-muted: var(--color-section-night-fg-muted);--section-border: var(--color-section-night-border);--section-footer-bg: var(--color-section-night-footer-bg);--section-footer-fg: var(--color-section-night-footer-fg)}:root{--bg-color-main: var(--color-kiln-white);--bg-color-alt: #FFFFFF;--foreground: var(--color-clay-dark);--text-primary: var(--color-clay-dark);--point-black: var(--color-obsidian);--transition-normal: var(--transition-default)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:clip}body{font-family:var(--font-sans);background-color:var(--bg-color-main);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:400}.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden}#hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero{background:var(--color-hero-bg);color:var(--color-hero-fg);transition:background var(--transition-slow),color var(--transition-slow);align-items:stretch;justify-content:stretch}.footer{background:var(--section-footer-bg);color:var(--section-footer-fg);padding:var(--space-16) 5% var(--space-8);transition:background-color var(--transition-mode),color var(--transition-mode)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-16);max-width:1200px;margin:0 auto var(--space-16)}.footer-logo{display:block;margin-bottom:var(--space-3);--logo-fg: var(--color-kiln-white);--logo-bg: var(--color-obsidian)}.footer-logo .osciloop-logo{height:30px;width:auto;display:block}.footer-desc{color:var(--section-footer-fg);opacity:.85;margin-bottom:var(--space-8);line-height:var(--leading-base)}.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(245,242,236,.1);padding-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);align-items:center;text-align:center}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}.social-links .social-icon svg{width:24px;height:24px;color:var(--color-kiln-white);transition:opacity var(--transition-default)}.social-links .social-icon:hover svg{opacity:.7}.legal-links{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--section-footer-fg);opacity:.75}.legal-links a{color:var(--section-footer-fg);text-decoration:none;transition:opacity var(--transition-default),color var(--transition-default)}.legal-links a:hover{color:var(--color-kiln-white);opacity:1}.hero-specimen{width:100%;min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-hero-fg);padding:var(--space-16) var(--space-8)}.hero-specimen__obj{position:absolute;top:var(--space-24);left:max(5vw,2rem);font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--tracking-mega);text-transform:uppercase;opacity:.55}.hero-specimen__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.75;mix-blend-mode:screen}body.palette-night .hero-specimen__canvas{opacity:.7}.hero-specimen__plaque{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:min(360px,90vw);text-align:center;border-top:1px solid currentColor;padding-top:var(--space-6)}.hero-specimen__title{font-family:var(--font-serif);font-style:italic;font-size:var(--text-lg);margin:0 0 .6rem;font-weight:var(--weight-regular);letter-spacing:.02em}.hero-specimen__desc{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-base);opacity:.7;margin:0 0 1.5rem;letter-spacing:.03em}.hero-specimen__slogan{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-xs);color:var(--color-hero-fg);opacity:.4;letter-spacing:var(--tracking-widest);margin:0 0 var(--space-6)}.hero-specimen__cta{text-decoration:none;position:relative;background:transparent;border:none;color:var(--color-hero-fg);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--weight-regular);letter-spacing:var(--tracking-widest);cursor:pointer;padding:.4em .7em var(--space-2);border-bottom:1px solid currentColor;opacity:1;z-index:0;overflow:hidden;transition:opacity var(--transition-slow)}.hero-specimen__cta:before{content:"";position:absolute;left:0;right:0;bottom:0;height:0;background-image:repeating-linear-gradient(to top,#f5f2ec1a 0,#f5f2ec1a 2px,#f5f2ec2e 2px,#f5f2ec2e 4px);z-index:-1;transition:height 1.6s cubic-bezier(.32,.72,.32,1)}.hero-specimen__cta:hover:before{height:100%}
