@font-face{font-family: "DS Display";src: url("/portfolio/assets/fonts/ds-display-200.woff2") format("woff2");font-weight: 200;font-display: swap}@font-face{font-family: "DS Serif";src: url("/portfolio/assets/fonts/ds-serif-400.woff2") format("woff2");font-weight: 400;font-display: swap}@font-face{font-family: "DS Text";src: url("/portfolio/assets/fonts/ds-text.woff2") format("woff2");font-weight: 100 900;font-display: swap;unicode-range: U+0-ABFF,U+D7A4-10FFFF,U+AC00,U+AC1C,U+AC74,U+AC8C,U+ACA9-ACB0,U+ACBD,U+ACE0,U+ACFC,U+AD50,U+AD6D,U+ADF8,U+AE08,U+AE30,U+AE4C,U+AEBC,U+B05D,U+B098,U+B0A8-B0AE,U+B108,U+B294,U+B2A5-B2C8,U+B2E4,U+B3C4,U+B4A4-B4E0,U+B4ED,U+B530-B54C,U+B6F0,U+B78C,U+B7A8,U+B824,U+B840-B85C,U+B864,U+B8CC,U+B958,U+B974,U+B97C,U+B9AC,U+B9BD,U+B9C8,U+B9CC,U+B9E1,U+BA3C-BA48,U+BA74,U+BB34,U+BB38,U+BC14,U+BC1C-BC30,U+BC88,U+BCF4-BCF5,U+BCF8,U+BD07,U+BE44,U+BE60,U+C0AC,U+C0C8,U+C11C,U+C18C,U+C218,U+C2A4,U+C2B5,U+C2DC-C2DD,U+C2E4,U+C529,U+C54C,U+C561,U+C57D,U+C5B4-C5B8,U+C5C5,U+C5D0,U+C5EC,U+C624,U+C694,U+C6C0,U+C6F9,U+C73C-C74C,U+C758-C77C,U+C784,U+C788-C791,U+C7A5,U+C800-C804,U+C815-C81C,U+C838,U+C885,U+C904-C90D,U+C9C0-C9C4,U+C9E7,U+CC28,U+CC57-CC98,U+CCB4,U+CD5C-CD94,U+CE69,U+CE74,U+CF1C,U+D06C,U+D14C,U+D1A1,U+D2B8,U+D310,U+D398,U+D3EC,U+D488,U+D504,U+D558,U+D55C-D560,U+D569,U+D574,U+D589,U+D648-D654}@font-face{font-family: "DS Text";src: url("/portfolio/assets/fonts/ds-text-2.woff2") format("woff2");font-weight: 100 900;font-display: swap;unicode-range: U+AC04-AC10,U+AC15-AC16,U+AC70-AC71,U+AC78-AC83,U+ACC4,U+ACE8,U+ACF5,U+AD00,U+AD6C,U+AD8C-ADC0,U+AE00,U+AE38,U+AFC9-AFD4,U+B08C,U+B0B4,U+B110,U+B123-B124,U+B179,U+B192,U+B204,U+B20C-B274,U+B2D8,U+B2E8,U+B2EC-B2F5,U+B300,U+B354-B358,U+B370,U+B3C5,U+B3CC,U+B3D9,U+B418-B41C,U+B450,U+B4E3-B4E4,U+B4F1-B514,U+B77C,U+B798-B79C,U+B7AB,U+B7EC,U+B7FC,U+B808,U+B825,U+B839,U+B85D,U+B86C-B8B0,U+B978,U+B9B4-B9BC,U+B9BF,U+B9C9,U+B9CE-B9D0,U+B9DE,U+B9E4,U+BA54-BA70,U+BA85,U+BAA8,U+BAB0-BABB,U+BB3B-BB3C,U+BBAC-BBF8,U+BC15-BC1B,U+BC84,U+BC94-BC95,U+BCA8-BCD1,U+BCFC-BD05,U+BD80-BE14,U+BE4C,U+BE68,U+C0C1,U+C0C9,U+C0DD,U+C11D,U+C124-C138,U+C140-C158,U+C18D-C1FC,U+C220-C228,U+C2A8,U+C2E0,U+C2ED-C2F6,U+C368,U+C4F0-C4F8,U+C52C-C548,U+C54A,U+C558-C560,U+C57C,U+C591,U+C5C4,U+C5C6-C5C8,U+C5D1,U+C5ED-C601,U+C608,U+C62C,U+C640-C644,U+C6A9-C6B4,U+C6C3-C6D4,U+C704-C720,U+C751,U+C77D,U+C785-C787,U+C798-C7A1,U+C808-C811,U+C870,U+C88B,U+C8FC,U+C918,U+C99D,U+C9C8-C9D1,U+CABD,U+CB64-CBE4,U+CC2E,U+CC3D-CC44,U+CC9C,U+CCAB-CCAD,U+CCD0-CD08,U+CD95-CD9C,U+CDB0,U+CE58,U+CE5C,U+CE78,U+CEA1,U+CEE8,U+CF54,U+D0C0,U+D130,U+D14D-D15C,U+D1B5,U+D2BC,U+D305,U+D3F0-D45C,U+D480,U+D508-D50C,U+D544-D551,U+D559,U+D56D,U+D588,U+D600-D604,U+D615,U+D63C,U+D655-D68D,U+D6C4-D734,U+D799}@font-face{font-family: "DS Text";src: url("/portfolio/assets/fonts/ds-text-3.woff2") format("woff2");font-weight: 100 900;font-display: swap;unicode-range: U+AC01,U+AC11-AC14,U+AC19,U+AC1D-AC24,U+ACA0-ACA8,U+ACBC,U+ACF1-ACF3,U+AD75-AD81,U+ADDC,U+ADFC,U+AE09,U+AE34,U+AE41,U+AE54-AE68,U+AED8-AFC8,U+AFE8-B04C,U+B09C-B0A0,U+B0BC-B0C5,U+B118,U+B137-B178,U+B180,U+B193,U+B208,U+B290,U+B298,U+B2C9-B2CC,U+B2D9,U+B2EB,U+B2F9,U+B313,U+B35C-B35F,U+B3C8,U+B3D5,U+B3FC-B410,U+B420-B429,U+B454-B461,U+B4EC,U+B529,U+B5A0-B5A4,U+B728-B739,U+B77D-B780,U+B7C9,U+B7ED,U+B7FD-B807,U+B828-B838,U+B8E8-B8F9,U+B960,U+B984-B987,U+B9AD-B9B0,U+B9C1,U+B9DD,U+B9E5-BA38,U+BA87,U+BAA9,U+BB36,U+BBA4,U+BBFC-BBFF,U+BC31,U+BCA0,U+BCF6,U+BE48,U+BE5A-BE5B,U+BE7C-BFD0,U+C0B0-C0B4,U+C0D8,U+C11E-C120,U+C139-C13C,U+C168,U+C21C,U+C22B-C27D,U+C2B7-C2B9,U+C313,U+C37C,U+C501-C528,U+C549,U+C555-C557,U+C571,U+C5D4,U+C606,U+C628,U+C635,U+C654-C67C,U+C6B8,U+C6E0-C6F0,U+C724,U+C794,U+C7AC-C7B0,U+C81D,U+C84C,U+C881,U+C88C,U+C900,U+C911,U+C988-C98C,U+C9DC,U+C9F8,U+CB59,U+CC0D-CC1C,U+CC38,U+CC45,U+CCA8,U+CD2C,U+CDA9,U+CDC4,U+CE59,U+CE60-CE68,U+CE6D,U+CE7C,U+CEE4,U+CEEC-CEF4,U+CF24,U+CF58-CF64,U+D070-D0AC,U+D0DC-D0DD,U+D1A0,U+D1B1,U+D1F4-D29C,U+D2C0-D2F0,U+D30C,U+D314-D328,U+D3B4-D3D0,U+D3ED,U+D478,U+D4E8,U+D53C,U+D568,U+D5A5-D5E4,U+D614,U+D638,U+D69F-D6A8,U+D750-D78C}:root{--lacquer: #0a1120;--lacquer-2: #0f182d;--indigo: #16223f;--hanji: #eee8da;--mist: #a3adc2;--gold: #cfae6b;--gold-line: rgba(207,174,107,0.42);--gold-faint: rgba(207,174,107,0.2);--rule: rgba(238,232,218,0.12);--nacre: linear-gradient(115deg,#bfdcd6 0%,#dcc8e6 34%,#ebe2c6 58%,#bcd6e6 82%,#d9cbe8 100%);--serif-d: "DS Display","DS Serif","Noto Serif KR","Nanum Myeongjo",serif;--serif: "DS Serif","Noto Serif KR","Nanum Myeongjo",serif;--sans: "DS Text","Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;--t-swap: clamp(40px,7vw,116px);--t-l2: clamp(27px,3.5vw,58px);--t-h2: clamp(30px,2.4vw + 18px,56px);--t-h3: clamp(25px,1.7vw + 16px,46px);--t-h4: clamp(19px,0.5vw + 15px,23px);--t-lead: clamp(17px,0.4vw + 14.5px,20px);--t-body: 16px;--t-small: 14px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--s9: 96px;--s10: 128px;--s11: 160px;--gutter: 16px;--top-h: 56px;--ease-out: cubic-bezier(0.23,1,0.32,1);--ease-in-out: cubic-bezier(0.77,0,0.175,1);--rail-res: 0px;--ptm-h: 0px;--z-below: -1;--z-cord: 5;--z-grain: 6;--z-scene: 10;--z-rail: 25;--z-header: 30;--z-curtain: 33;--z-intro: 35;--z-toast: 37;--z-cursor: 39;--z-skip: 40;--dur-micro: 160ms;--dur-ui: 280ms;--dur-scene: 600ms;--dur-film: 900ms}@media (min-width: 768px){:root{--gutter: 40px;--top-h: 64px}}*,*::before,*::after{box-sizing: border-box}html{background: var(--lacquer);color: var(--hanji);overflow-x: clip;-webkit-text-size-adjust: 100%;scroll-padding-top: calc(var(--top-h) + 8px)}html:root{color-scheme: dark;color: var(--hanji);background-color: var(--lacquer)}html:root body{color: var(--hanji);background-color: transparent}body{margin: 0;overflow-x: clip;min-height: 100vh;background: transparent;font-family: var(--sans);font-size: var(--t-body);line-height: 1.75;letter-spacing: -0.006em;word-break: keep-all;overflow-wrap: break-word;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-webkit-tap-highlight-color: transparent}.atmos{position: fixed;left: 0;top: 0;z-index: var(--z-below);width: 100%;height: 100vh;height: 100lvh;overflow: hidden;pointer-events: none}.atmos::before{content: "";position: absolute;inset: -12%;background: radial-gradient(46% 44% at 80% 6%,rgba(120,146,205,0.15),rgba(120,146,205,0.05) 52%,transparent 78%),radial-gradient(42% 40% at 10% 94%,rgba(150,172,220,0.075),transparent 76%),radial-gradient(70% 60% at 46% 52%,rgba(176,196,244,0.03),transparent 80%)}@keyframes atmos{from{transform: translate3d(-2%,-1.5%,0) scale(1)}to{transform: translate3d(2.5%,2%,0) scale(1.06)}}.grain{position: fixed;inset: 0;z-index: var(--z-grain);pointer-events: none;opacity: 0.07;mix-blend-mode: soft-light;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}img,video,svg{display: block;max-width: 100%}img,video{height: auto}a{color: inherit}button,input,textarea{font: inherit;color: inherit;letter-spacing: inherit}button{cursor: pointer}h1,h2,h3,h4,p,ol,ul,dl,dd,figure{margin: 0}ol,ul{padding: 0;list-style: none}::selection{background: rgba(207,174,107,0.32);color: var(--hanji)}:focus-visible{outline: 2px solid var(--gold);outline-offset: 3px;border-radius: 2px}[hidden]{display: none !important}.sr{position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.serif{font-family: var(--serif);font-weight: 400;letter-spacing: -0.01em;color: var(--hanji)}.hero-title,.sec-head h2,.intro-copy h2,.contact-head h2,.make-copy h3,.duo b,.menu-group h3,.menu-row dt,.menu-row .won,.promises dt,.steps h3,.card-title,.card-open,.case-copy h3,.case-figs b,.brand,.brand-text,.brand-name,.review blockquote p{color: var(--hanji)}.skip{position: fixed;left: var(--s4);top: -64px;z-index: var(--z-skip);padding: var(--s2) var(--s4);background: var(--hanji);color: var(--lacquer);border-radius: 999px;text-decoration: none;font-weight: 600}.skip:focus{top: var(--s3)}.wrap{width: 100%;max-width: 1440px;margin-inline: auto;padding-inline: var(--gutter)}#cord{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;z-index: var(--z-cord);pointer-events: none;opacity: 0;transition: opacity var(--dur-scene) var(--ease-out)}.gl #cord{opacity: 1}.pill{display: inline-flex;align-items: center;justify-content: center;gap: var(--s2);min-height: 48px;padding: 0 var(--s5);border-radius: 999px;border: 1px solid transparent;font-size: 16px;font-weight: 600;line-height: 1;text-decoration: none;white-space: nowrap;transition: background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),transform 0.12s var(--ease-out)}.pill:active{transform: scale(0.97)}.pill-sm{min-height: 40px;padding: 0 var(--s4);font-size: 15px}.pill-solid{background: var(--hanji);color: var(--lacquer)}.pill-line{border-color: var(--gold-line);color: var(--hanji);background: rgba(10,17,32,0.4)}@media (hover: hover) and (pointer: fine){.pill-solid:hover{background: #fffaf0}.pill-line:hover{border-color: var(--gold)}}.text-link{color: var(--hanji);text-decoration: underline;text-decoration-color: var(--gold-line);text-underline-offset: 5px;text-decoration-thickness: 1px}.text-link:hover{text-decoration-color: var(--gold)}.go{display: inline-flex;align-items: center;gap: 10px;min-height: 44px;padding: 0;border: 0;background: none;font-size: 16px;font-weight: 500;line-height: 1.3;cursor: pointer;text-align: left}.go::after{content: "";flex: none;width: 6px;height: 6px;margin-top: 1px;border-top: 1.5px solid var(--gold);border-right: 1.5px solid var(--gold);transform: rotate(45deg);transition: transform var(--dur-micro) var(--ease-out)}.go.back::after{display: none}.go.back::before{content: "";flex: none;width: 6px;height: 6px;border-bottom: 1.5px solid var(--gold);border-left: 1.5px solid var(--gold);transform: rotate(45deg);transition: transform var(--dur-micro) var(--ease-out)}@media (hover: hover) and (pointer: fine){.go:hover::after{transform: translateX(3px) rotate(45deg)}.go.back:hover::before{transform: translateX(-3px) rotate(45deg)}}.go-sm{font-size: 15px}.mk{display: inline-flex;align-items: center;gap: 8px;font-size: 13px;font-weight: 500;line-height: 1.35;letter-spacing: 0.005em;color: var(--hanji);white-space: nowrap}.mk-quiet{color: var(--mist)}.mk::before,.mk-dot{content: "";display: inline-block;flex: none;width: 6px;height: 6px;box-sizing: border-box}.mk[data-mk="live"]::before,.mk-dot[data-mk="live"]{border-radius: 50%;background: var(--gold)}.mk[data-mk="sim"]::before,.mk-dot[data-mk="sim"]{border-radius: 50%;border: 1px solid var(--gold)}.mk[data-mk="video"]::before,.mk-dot[data-mk="video"]{width: 6px;height: 7px;background: var(--gold);clip-path: polygon(0 0,100% 50%,0 100%)}.mk[data-mk="still"]::before,.mk-dot[data-mk="still"]{border: 1px solid var(--mist)}.make-kind,.card-kind{display: flex;flex-wrap: wrap;align-items: center;gap: 2px 16px}.ds-b2-demo-link[data-demo]::before{content: "";display: inline-block;width: 6px;height: 6px;margin-right: 8px;vertical-align: 0.12em;box-sizing: border-box;border-radius: 50%}.ds-b2-demo-link[data-demo="live"]::before,.ds-b2-demo-link[data-demo="external"]::before{background: var(--gold)}.ds-b2-demo-link[data-demo="simulation"]::before{border: 1px solid var(--gold)}.filter,.make-nav button,.cs-index button,.cmp-chip{position: relative;display: inline-flex;align-items: center;flex: none;min-height: 44px;padding: 0 0 2px;margin: 0;border: 0;border-radius: 0;background: none;color: var(--mist);font-size: 15px;font-weight: 500;line-height: 1.3;white-space: nowrap;transition: color var(--dur-micro) var(--ease-out)}.filter::after,.make-nav button::after,.cs-index button::after,.cmp-chip::after{content: "";position: absolute;left: 0;right: 0;bottom: 8px;height: 1px;background: var(--ds-silk,var(--gold));transform: scaleX(0);transform-origin: 0 50%;transition: transform var(--dur-ui) var(--ease-out)}.filter[aria-pressed="true"],.make-nav button[aria-current="true"],.cmp-chip[aria-pressed="true"]{color: var(--hanji)}.filter[aria-pressed="true"]::after,.make-nav button[aria-current="true"]::after,.cmp-chip[aria-pressed="true"]::after{transform: scaleX(1)}@media (hover: hover) and (pointer: fine){.filter:hover,.make-nav button:hover,.cs-index button:hover,.cmp-chip:hover{color: var(--hanji)}.cs-index button:hover::after{transform: scaleX(1);opacity: 0.5}}.arrow{width: 48px;height: 48px;padding: 0;border: 0;border-radius: 0;background: none;color: var(--hanji);display: inline-grid;place-items: center;transition: color var(--dur-micro) var(--ease-out),transform 0.12s var(--ease-out)}.arrow span{position: relative;display: block;width: 22px;height: 1.5px;background: currentColor}.arrow span::before{content: "";position: absolute;left: 0;top: -4px;width: 8px;height: 8px;border-left: 1.5px solid currentColor;border-bottom: 1.5px solid currentColor;transform: translate(0.5px,0.25px) rotate(45deg)}.arrow[data-dir="1"] span,#case-next span{transform: scaleX(-1)}.arrow:active{transform: scale(0.95)}.arrow:disabled{opacity: 0.3;cursor: not-allowed}@media (hover: hover) and (pointer: fine){.arrow:not(:disabled):hover{color: var(--gold)}}.top{position: fixed;inset: 0 0 auto 0;z-index: var(--z-header);height: var(--top-h);transition: background-color var(--dur-ui) var(--ease-out),border-color var(--dur-ui) var(--ease-out);border-bottom: 1px solid transparent}.top::before{content: "";position: absolute;inset: 0 0 -28px;z-index: -1;pointer-events: none;transition: opacity var(--dur-ui) var(--ease-out);background: linear-gradient(180deg,rgba(10,17,32,0.9),rgba(10,17,32,0.62) 58%,rgba(10,17,32,0))}.top.is-solid::before{opacity: 0}.top.is-solid{background: rgba(10,17,32,0.97);border-bottom-color: var(--rule);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px)}.top::after{content: "";position: absolute;left: 0;right: 0;top: 100%;height: 22px;pointer-events: none;opacity: 0;transition: opacity var(--dur-ui) var(--ease-out);background: linear-gradient(180deg,rgba(10,17,32,0.62),rgba(10,17,32,0))}.top.is-solid::after{opacity: 1}.top-row{height: 100%;display: flex;align-items: center;justify-content: space-between;gap: var(--s4)}.brand{display: inline-flex;align-items: center;gap: 10px;line-height: 1;text-decoration: none;white-space: nowrap}.brand .mark{height: 36px;width: auto;flex: none}.brand-text{display: grid;gap: 5px}.brand-name{font-family: var(--serif);font-size: 16.5px;line-height: 1;letter-spacing: 0.16em;margin-right: -0.16em;color: var(--hanji)}.brand-sub{font-size: 11.5px;font-weight: 500;line-height: 1;letter-spacing: 0.02em;color: var(--mist)}@media (min-width: 768px){.brand .mark{height: 42px}.brand{gap: 12px}.brand-text{gap: 6px}.brand-name{font-size: 19px}.brand-sub{font-size: 12.5px}}@media (max-width: 359px){.brand-sub{display: none}}.top-nav{display: flex;align-items: center;gap: var(--s5);font-size: 15px}.top-nav a:not(.pill){text-decoration: none;color: var(--mist);line-height: 1;padding: var(--s2) 0;transition: color var(--dur-micro) var(--ease-out)}.top-nav a:not(.pill):hover{color: var(--hanji)}@media (max-width: 767px){.top-nav{gap: var(--s4)}.hide-sm{display: none}}@media (max-width: 359px){.hide-xs{display: none}}.hero{position: relative;padding-top: var(--top-h);overflow: clip}.hero-grid{position: relative;display: grid;grid-template-columns: 1fr;min-height: calc(100svh - var(--top-h));align-content: center;gap: var(--s5);padding-block: var(--s4) var(--s8)}.hero-art{position: relative;height: min(38svh,380px);aspect-ratio: 520 / 760;justify-self: center}.hero-art::before{content: "";position: absolute;left: -45%;right: -45%;top: 2%;height: 72%;pointer-events: none;background: radial-gradient(closest-side,rgba(176,196,244,0.1),rgba(176,196,244,0.03) 55%,transparent 78%)}.poster{display: block;width: 100%;height: 100%;transition: opacity var(--dur-film) var(--ease-in-out)}.gl-hero .poster{opacity: 0}.hero-title{font-family: var(--serif-d);font-weight: 200;letter-spacing: -0.02em}.hero-copy{min-width: 0;container-type: inline-size}.swap{display: grid;justify-items: start;position: relative;font-size: var(--t-swap);font-size: min(var(--t-swap),calc(100cqw / var(--swap-em,7.6)));line-height: 1.12;overflow: hidden;overflow: visible clip;padding-bottom: 0.06em}.swap-word{grid-area: 1 / 1;white-space: nowrap}.hero-line2{display: block;font-size: var(--t-l2);line-height: 1.2;margin-top: 0.08em;text-wrap: balance}.lead{margin-top: var(--s5);max-width: 33em;font-size: var(--t-lead);line-height: 1.75;color: #d9d6cf}.actions{margin-top: var(--s6);display: flex;flex-wrap: wrap;align-items: center;gap: var(--s3) var(--s6)}.motion-toggle{margin-top: var(--s5);display: inline-flex;align-items: center;min-height: 44px;padding: 0 var(--s1);background: none;border: 0;color: var(--mist);font-size: 14px;transition: color var(--dur-micro) var(--ease-out)}.motion-toggle:hover{color: var(--hanji)}.mt-label{text-decoration: underline 1px var(--gold-line);text-underline-offset: 6px;transition: text-decoration-color var(--dur-micro) var(--ease-out)}.motion-toggle:hover .mt-label{text-decoration-color: var(--gold)}.rm .motion-toggle{display: none}.hero-light{position: absolute;inset: 0;z-index: 0;overflow: hidden;pointer-events: none;animation: dawn 1.8s var(--ease-out) both;-webkit-mask-image: linear-gradient(180deg,#000 0,#000 76%,transparent 100%);mask-image: linear-gradient(180deg,#000 0,#000 76%,transparent 100%)}.hero-light picture,.hero-light img{display: block;width: 100%;height: 100%}.hero-light img{object-fit: cover;object-position: 50% 30%;opacity: 0.92}.hero-light::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgba(10,17,32,0.55) 0%,rgba(10,17,32,0) 18%,rgba(10,17,32,0) 34%,rgba(10,17,32,0.78) 52%,rgba(10,17,32,0.9) 76%)}@keyframes dawn{from{opacity: 0.25;transform: scale(1.04)}}@keyframes drift{from{transform: translate3d(0,0,0) scale(1.02)}to{transform: translate3d(-1.6%,0.8%,0) scale(1.07)}}.poster img{width: 100%;height: 100%;object-fit: contain;mix-blend-mode: screen;-webkit-mask-image: radial-gradient(56% 50% at 50% 50%,#000 58%,transparent 100%);mask-image: radial-gradient(56% 50% at 50% 50%,#000 58%,transparent 100%)}@media (min-width: 768px){.hero-grid{grid-template-columns: minmax(0,7fr) minmax(0,5fr);align-items: center;gap: var(--s6);padding-block: var(--s6) var(--s9)}.hero-copy{grid-column: 1;grid-row: 1}.hero-art{grid-column: 2;grid-row: 1;height: auto;width: min(100%,calc(min(76svh,760px) * 520 / 760))}.hero-light img{position: absolute;left: 14%;width: 140%;max-width: none;object-position: 50% 42%}.hero-light{-webkit-mask-image: linear-gradient(180deg,#000 0,#000 60%,transparent 100%);mask-image: linear-gradient(180deg,#000 0,#000 60%,transparent 100%)}.hero-light::after{background: linear-gradient(90deg,var(--lacquer) 0%,rgba(10,17,32,0.92) 22%,rgba(10,17,32,0.55) 46%,rgba(10,17,32,0.05) 70%),linear-gradient(180deg,rgba(10,17,32,0.5) 0%,rgba(10,17,32,0) 16%)}}.sec-head h2,.contact-head h2{font-family: var(--serif);font-weight: 400;font-size: var(--t-h2);line-height: 1.24;letter-spacing: -0.02em}.sec-head p,.contact-head p{margin-top: var(--s4);max-width: 34em;color: var(--mist);font-size: 17px}.sec-head h2.chapter-title,.intro-copy h2.chapter-title,.ds-b1-evo-head h2.chapter-title{font-family: var(--serif-d);font-weight: 200;font-size: clamp(44px,4.4vw + 16px,96px);line-height: 1.08;letter-spacing: -0.03em;text-wrap: balance}.make{position: relative}.make-stage{position: relative}.make-grid{position: relative}.make-item{position: relative;display: grid;gap: var(--s8);padding-block: var(--s8)}.make-media{position: relative;justify-self: center;background: #050912;border-radius: 4px}.make-media{--mat: 12px;box-sizing: content-box;padding: var(--mat)}.make-media video,.make-media img{width: 100%;height: 100%;object-fit: cover;border-radius: 2px}.make-media.shape-phone{width: calc(min(72vw,300px) - 2 * var(--mat));aspect-ratio: var(--ar,0.46);border-radius: 26px}.make-media.shape-phone video,.make-media.shape-phone img{border-radius: 14px}.make-media.shape-screen{width: calc(min(100%,620px) - 2 * var(--mat));aspect-ratio: var(--ar,1.5)}.make-media.shape-doc{clip-path: polygon(0 0,calc(100% - var(--cut,40px)) 0,100% var(--cut,40px),100% 100%,0 100%)}.make-media.shape-doc>video{clip-path: polygon(0 0,calc(100% - var(--cut,40px) + 0.586 * var(--mat)) 0,100% calc(var(--cut,40px) - 0.586 * var(--mat)),100% 100%,0 100%)}.shape-slides img{position: absolute;inset: var(--mat);width: calc(100% - 2 * var(--mat));height: calc(100% - 2 * var(--mat));opacity: 0;transition: opacity var(--dur-film) var(--ease-in-out)}.shape-slides img.is-on{opacity: 1}.shape-slides img:first-child{position: relative;inset: auto;width: 100%;height: 100%}.make-kind{font-size: var(--t-small);font-weight: 500;color: var(--mist)}.make-copy h3{margin-top: var(--s3);font-family: var(--serif);font-weight: 400;font-size: var(--t-h3);line-height: 1.3;letter-spacing: -0.02em;text-wrap: balance}.make-copy h3 .h3-l{display: block;text-wrap: balance}.make-copy>p:not(.make-kind){margin-top: var(--s4);max-width: 30em;color: #d9d6cf}.make-more{margin-top: var(--s4)}.duo{margin-top: var(--s5);display: grid;gap: var(--s3);max-width: 28em}.duo-row{display: grid;grid-template-columns: 1fr auto;grid-template-rows: auto auto;column-gap: var(--s4);align-items: center}.duo-label{grid-column: 1 / -1;font-size: var(--t-small);color: var(--mist)}.duo-bar{height: 2px;background: var(--gold-faint);position: relative}.duo-bar::after{content: "";position: absolute;inset: 0 auto 0 0;width: calc(var(--v) * 100%);background: var(--gold);transform-origin: left}.duo b{font-size: 20px;font-weight: 400;min-width: 4.4em;text-align: right}.make-nav{display: none}.rope{position: absolute;pointer-events: none;overflow: visible;z-index: 2}.gl .rope{display: none}.pin .make-item .rope{opacity: 0;transition: opacity 0.18s ease}.pin .make-item.media-on .rope{opacity: 1;transition: opacity 0.5s ease 0.22s}.pin .make-stage{height: 100svh;overflow: hidden}.pin .make-grid{height: 100%}.pin .make-list{position: absolute;inset: 0 var(--gutter)}.pin .make-item{position: absolute;inset: 0;padding: 0;margin: 0;grid-template-columns: minmax(0,1fr);grid-template-rows: 56% 44%;gap: 0}.pin .make-item .make-media{align-self: end;margin-bottom: var(--s7);visibility: hidden;opacity: 0;clip-path: inset(0 0 0 0);transition: opacity 0.18s ease,visibility 0s 0.18s}.pin .make-item.media-on .make-media{visibility: visible;opacity: 1;animation: media-wipe 0.6s var(--ease-in-out) 0.22s both;transition: opacity 0s 0.22s,visibility 0s 0.22s}.pin .make-item.media-on .make-media.shape-doc{animation-name: media-wipe-doc}.pin .make-item .make-media.shape-doc{clip-path: polygon(0 0,calc(100% - var(--cut,40px)) 0,100% var(--cut,40px),100% 100%,0 100%)}@keyframes media-wipe{from{clip-path: inset(0 0 100% 0)}to{clip-path: inset(0 0 0 0)}}@keyframes media-wipe-doc{from{clip-path: polygon(0 0,calc(100% - var(--cut,40px)) 0,100% var(--cut,40px),100% 0,0 0)}to{clip-path: polygon(0 0,calc(100% - var(--cut,40px)) 0,100% var(--cut,40px),100% 100%,0 100%)}}.pin .make-copy{align-self: start;padding-top: var(--s2);visibility: hidden;clip-path: inset(0 -24px 100% -24px);transform: translateY(10px);transition: clip-path 0.22s ease,transform 0.22s ease,visibility 0s 0.22s}.pin .make-item.is-on .make-copy{visibility: visible;clip-path: inset(-24px -24px -24px -24px);transform: none;transition: clip-path 0.6s var(--ease-out) 0.22s,transform 0.6s var(--ease-out) 0.22s,visibility 0s 0.22s}.pin .make-media.shape-phone{height: calc(min(calc(56svh - var(--top-h) - 88px),560px) - 2 * var(--mat));width: auto}.pin .make-media.shape-screen{width: calc(min(100% - 36px,620px,calc((56svh - var(--top-h) - 94px) * var(--ar))) - 2 * var(--mat))}.pin .make-copy>p:not(.make-kind){font-size: 15px;line-height: 1.7}.pin .make-copy h3{margin-top: var(--s2)}.pin .duo{margin-top: var(--s3);gap: var(--s2)}@media (max-height: 700px) and (max-width: 767px){.pin .make-copy h3 .h3-l{display: inline}.pin .duo-label{font-size: 13px}}@media (min-width: 900px){.make-item{grid-template-columns: repeat(12,minmax(0,1fr));align-items: center;padding-block: var(--s9)}.make-media{grid-column: 7 / 13;grid-row: 1}.make-copy{grid-column: 1 / 6;grid-row: 1}.make-media.shape-phone{width: auto;height: calc(min(70vh,640px) - 2 * var(--mat))}.pin .make-list{inset: 0}.pin .make-item{grid-template-columns: repeat(12,minmax(0,1fr));grid-template-rows: 1fr;align-items: center;padding-inline: var(--gutter)}.pin .make-item .make-media{align-self: center;margin: calc(var(--top-h) + 20px) 0 0}.pin .make-copy{align-self: center;padding: 0}.pin .make-media.shape-phone{height: calc(min(calc(100svh - var(--top-h) - 150px),660px) * 0.9 - 2 * var(--mat))}.pin .make-media.shape-screen{width: calc(min(100%,640px,calc((100svh - var(--top-h) - 170px) * var(--ar))) * 0.9 - 2 * var(--mat))}.pin .make-copy>p:not(.make-kind){font-size: 17px;line-height: 1.75}.pin .make-copy h3{margin-top: var(--s3)}.pin .duo{margin-top: var(--s5);gap: var(--s3)}.pin .make-nav{display: flex;position: absolute;left: var(--gutter);bottom: var(--s7);gap: var(--s5);flex-wrap: wrap}.make-nav button{font-size: 14px}}.works{padding-top: var(--s10);position: relative}.works-head{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--s6)}.works-tools{min-width: 0;display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;column-gap: var(--s6);row-gap: var(--s1)}.filters{grid-column: 1 / -1;display: flex;gap: var(--s5);overflow-x: auto;scrollbar-width: none;margin-inline: calc(var(--gutter) * -1);padding: 2px var(--gutter)}.filters::-webkit-scrollbar{display: none}.works-tools .ds-b2-site{grid-column: 1;grid-row: 2}.arrows{display: none;grid-column: 2;grid-row: 2;gap: var(--s1);margin-right: -12px}@media (min-width: 768px){.arrows{display: flex}.filters{margin: 0;padding: 2px}}@media (min-width: 1280px){.works-tools{grid-template-columns: minmax(0,1fr) auto auto}.filters{grid-column: 1}.works-tools .ds-b2-site{grid-column: 2;grid-row: 1}.arrows{grid-column: 3;grid-row: 1}}.reel{--cw: min(calc(100vw - 80px),420px);position: relative;margin-top: var(--s6);overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;overscroll-behavior-x: contain;outline-offset: -4px}.reel::-webkit-scrollbar{display: none}.reel-track{display: flex;align-items: flex-start;gap: var(--s3);padding: var(--s5) calc((100% - var(--cw)) / 2) var(--s4);width: max-content}.js.mo .reel{transition: height var(--dur-ui) var(--ease-out)}@media (min-width: 768px){.reel{--cw: min(58vw,780px)}.reel-track{align-items: stretch;gap: var(--s6);padding-bottom: var(--s5)}}.card{position: relative;flex: none;width: var(--cw);scroll-snap-align: center;transform-origin: 50% 50%;will-change: transform}.card-face{position: relative}.card-stage{position: relative;aspect-ratio: 16 / 10;display: flex;align-items: center;justify-content: center;padding: 5% 6%;border-radius: 2px;overflow: hidden;background: var(--lacquer-2)}.card-stage::before{content: "";position: absolute;z-index: 2;inset: 10px;border-radius: 1px;padding: 1px;background: var(--nacre);opacity: 0;pointer-events: none;-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.card.is-center .card-stage::before{opacity: 0.6}.card-stage>img,.card-stage>video{position: relative;z-index: 1;width: auto;height: auto;max-width: 100%;max-height: 100%;border-radius: 3px;box-shadow: 0 24px 48px -28px rgba(0,0,0,0.7);background: #050912}.card-stage.shape-phone{padding-block: 4%}.card-stage::after{content: "";position: absolute;inset: 0;pointer-events: none;opacity: 0;transition: opacity var(--dur-scene) var(--ease-out);background: radial-gradient(60% 70% at 50% 45%,rgba(176,196,244,0.2),transparent 70%)}.card.is-center .card-stage::after{opacity: 1}.card-stage>.card-peek{position: absolute;z-index: 1;inset: 0;width: 100%;height: 100%;max-width: none;max-height: none;object-fit: cover;object-position: 50% 28%;border-radius: 0;box-shadow: none;background: #0b1224;filter: saturate(0.7) brightness(0.55);opacity: 0;pointer-events: none;transition: opacity var(--dur-scene) var(--ease-out)}.js .card:not(.is-center) .card-stage>.card-peek{opacity: 1;transition-duration: var(--dur-ui)}@media (max-width: 767px){.card-stage.shape-phone{aspect-ratio: 5 / 4}}.card-stage.shape-phone>img,.card-stage.shape-phone>video{border-radius: 14px;box-shadow: 0 0 0 5px #04070f,0 0 0 6px rgba(238,232,218,0.16),0 24px 48px -28px rgba(0,0,0,0.7)}.card-cap{padding: var(--s5) var(--s1) 0;clip-path: inset(-8px -8px -8px -8px);transition: clip-path var(--dur-ui) var(--ease-out),visibility 0s}.card-kind{font-size: var(--t-small);color: var(--mist);font-weight: 500}.card-title{margin-top: var(--s1);font-family: var(--serif);font-weight: 400;font-size: clamp(22px,1vw + 16px,30px);line-height: 1.3;letter-spacing: -0.015em}.card-open{all: unset;cursor: pointer}.card-open::after{content: "";position: absolute;inset: 0;z-index: 1}.card-open:focus-visible{outline: none}.card-open:focus-visible::after{outline: 2px solid var(--gold);outline-offset: 4px;border-radius: 2px}.card-line{margin-top: var(--s2);color: #cfcbc2;font-size: 15px;line-height: 1.65;max-width: 36em}.card-links{margin-top: var(--s3);display: flex;flex-wrap: wrap;gap: var(--s4);font-size: 15px}.card-links a,.card-more{position: relative;z-index: 2}.card-more{color: var(--mist);pointer-events: none}.js .card:not(.is-center) .card-cap{visibility: hidden;clip-path: inset(0 0 100% 0);transition: clip-path var(--dur-micro) var(--ease-out),visibility 0s var(--dur-micro)}.rm .card:not(.is-center) .card-cap{visibility: visible;clip-path: none}@media (hover: hover) and (pointer: fine){.card.is-center:hover .card-stage::before{opacity: 0.8}.card-stage::before{transition: opacity var(--dur-ui) var(--ease-out)}}.reel-status{color: var(--mist);font-size: var(--t-small);min-height: 1lh}.reel-status:empty{min-height: 0}.price{padding-top: var(--s10)}.board{margin-top: var(--s6);display: grid;gap: var(--s6)}.menu-group h3{font-family: var(--serif);font-weight: 400;font-size: 19px;line-height: 1.35;display: flex;align-items: baseline;gap: var(--s3);flex-wrap: wrap}.menu-group h3 small{font-family: var(--sans);font-size: 13px;color: var(--mist);font-weight: 500;letter-spacing: 0}.menu{margin-top: var(--s2);display: grid}.menu-row{display: grid;grid-template-columns: auto 1fr auto;align-items: baseline;column-gap: var(--s3);padding-block: var(--s3);border-top: 1px solid var(--rule)}.menu-row dt{font-size: 16px;font-weight: 600}.menu-row .leader{align-self: end;margin-bottom: 0.42em;border-bottom: 1px dotted rgba(238,232,218,0.18);min-width: 12px}@media (max-width: 339px){.menu-row .leader{min-width: 0}}.menu-row .won{font-size: 16px;font-weight: 600;white-space: nowrap;text-align: right;font-variant-numeric: tabular-nums}.menu-row .won small{font-size: 0.9em;color: var(--mist);margin-left: 1px}.menu-row .desc{grid-column: 1 / -1;margin-top: 2px;color: var(--mist);font-size: 14px;line-height: 1.6}.board-foot{margin-top: var(--s5);display: grid;gap: var(--s1);color: var(--mist);font-size: 14px}.board-foot b{color: var(--hanji);font-weight: 600}@media (min-width: 768px){.board{grid-template-columns: repeat(12,minmax(0,1fr));column-gap: var(--s7);row-gap: var(--s6);align-items: start}.board>.menu-group:first-child{grid-column: 1 / 7;grid-row: 1 / span 2}.board>.menu-group:nth-child(n + 2){grid-column: 7 / 13}}@media (min-width: 1024px){.board>.menu-group:first-child{grid-column: 1 / 8}.board>.menu-group:nth-child(n + 2){grid-column: 8 / 13}}.process{padding-top: var(--s10)}.process-grid{display: grid;gap: var(--s7)}.promises{margin-top: var(--s6);display: grid;gap: var(--s4)}.promises div{padding-top: var(--s4);border-top: 1px solid var(--rule)}.promises dt{font-size: 26px;line-height: 1.3}.promises dd{margin-top: var(--s1);color: var(--mist);font-size: 15px}.thread{position: relative;padding-left: 56px}.thread-svg{position: absolute;left: 0;top: 0;width: 56px;height: 100%;overflow: visible}.thread-base{fill: none;stroke: var(--rule);stroke-width: 1.5}.thread-line{fill: none;stroke: var(--gold);stroke-width: 1.5;stroke-linecap: round}.thread-bead{fill: var(--gold)}.steps{display: grid;gap: var(--s7)}.steps li{position: relative}.steps h3{font-family: var(--serif);font-weight: 400;font-size: var(--t-h4);line-height: 1.35}.steps p{margin-top: var(--s2);color: #cfcbc2;max-width: 30em}@media (min-width: 900px){.process-grid{grid-template-columns: minmax(0,5fr) minmax(0,6fr);column-gap: var(--s9);align-items: start}.process-head{position: sticky;top: calc(var(--top-h) + var(--s7))}.steps{gap: var(--s8);padding-block: var(--s4)}.thread{padding-left: 88px}.thread-svg{width: 88px}}.contact{--cpad: var(--s9);--kh: 300px;position: relative;padding-block: var(--cpad);overflow: clip}.contact-grid{display: grid;gap: var(--s6);align-items: center}.contact-head h2{font-family: var(--serif);font-weight: 400;font-size: var(--t-h2);line-height: 1.24;letter-spacing: -0.02em}.contact-head p{margin-top: var(--s4);max-width: 30em;color: #d9d6cf;font-size: 17px}.contact-head .contact-time{margin-top: var(--s3);color: var(--mist);font-size: 15px}.contact-head .pill{margin-top: var(--s6)}.contact-head .contact-how{margin-top: var(--s3);color: var(--mist);font-size: 13px;line-height: 1.6}.contact-art{order: -1;position: relative;margin: calc(-1 * var(--cpad)) 0 0;padding-top: calc(var(--cpad) + var(--s4));display: flex;justify-content: center;align-items: flex-start;pointer-events: none}.contact-art picture{display: block;height: var(--kh);aspect-ratio: 340 / 890}.contact-art img{width: 100%;height: 100%;mix-blend-mode: screen;-webkit-mask-image: linear-gradient(180deg,transparent 0,#000 16%,#000 93%,transparent),linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite: source-in;mask-image: linear-gradient(180deg,transparent 0,#000 16%,#000 93%,transparent),linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-composite: intersect}.contact-art::before{--cw: calc(var(--kh) * 0.0247);content: "";position: absolute;left: 50%;top: 0;width: var(--cw);transform: translateX(-50%);height: calc(var(--cpad) + var(--s4) + var(--kh) * 0.17);background: repeating-linear-gradient(162deg,rgba(10,17,32,0.22) 0 1px,transparent 1px 5px),linear-gradient(90deg,transparent 0 5%,#e9e0cc 5% 40%,#fff8ea 40% 46%,rgba(233,224,204,0.18) 46% 54%,#ddd3bd 54% 88%,#f4ecdc 88% 95%,transparent 95%);-webkit-mask-image: linear-gradient(180deg,transparent 0,#000 72px,#000 calc(100% - var(--kh) * 0.15),transparent);mask-image: linear-gradient(180deg,transparent 0,#000 72px,#000 calc(100% - var(--kh) * 0.15),transparent)}@media (min-width: 900px){.contact{--kh: clamp(440px,62vh,560px)}.contact-grid{grid-template-columns: minmax(0,7fr) minmax(0,5fr);justify-content: start;column-gap: var(--s6)}.contact-head{grid-column: 1;grid-row: 1}.contact-art{order: 0;grid-column: 2;grid-row: 1;align-self: stretch;margin-block: calc(-1 * var(--cpad));padding: 0;align-items: center}.contact-art::before{height: calc(50% - var(--kh) / 2 + var(--kh) * 0.17)}}.foot{border-top: 1px solid var(--rule);padding-block: var(--s8) calc(var(--s7) + env(safe-area-inset-bottom));color: var(--mist);font-size: var(--t-small)}.foot-grid{display: grid;gap: var(--s5);align-items: end}.foot-logo img{width: 128px;height: auto}.foot-text{display: grid;gap: var(--s2)}.foot-brand{font-family: var(--serif);font-size: 18px;color: var(--hanji);letter-spacing: 0}.foot a{color: var(--hanji);text-underline-offset: 4px;text-decoration-color: var(--gold-line)}.foot-links{display: flex;flex-wrap: wrap;gap: var(--s2) var(--s5)}@media (min-width: 768px){.foot-grid{grid-template-columns: auto 1fr;column-gap: var(--s8)}.foot-logo img{width: 160px}}.case{width: 100vw;height: 100dvh;max-width: none;max-height: none;margin: 0;padding: 0;border: 0;background: var(--lacquer);color: var(--hanji);overflow-y: auto;overscroll-behavior: contain}.case::backdrop{background: rgba(5,9,18,0.7)}.case[open]{animation: case-in var(--dur-ui) var(--ease-out)}@keyframes case-in{from{opacity: 0}}.case-bar{position: sticky;top: 0;z-index: 3;display: flex;align-items: center;justify-content: space-between;gap: var(--s4);padding: var(--s3) var(--gutter);background: rgba(10,17,32,0.9);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border-bottom: 1px solid var(--rule)}.case-count{color: var(--mist);font-size: var(--t-small);font-variant-numeric: tabular-nums}.case-nav{display: flex;gap: var(--s1);margin-right: -12px}.case-close{display: inline-flex;align-items: center;gap: 10px;min-height: 44px;padding: 0 var(--s2) 0 0;border: 0;background: none;color: var(--hanji);font-size: 15px;font-weight: 500;line-height: 1;transition: color var(--dur-micro) var(--ease-out)}.case-close::before{content: "";flex: none;width: 13px;height: 13px;background: linear-gradient(45deg,transparent calc(50% - 0.75px),var(--gold) calc(50% - 0.75px),var(--gold) calc(50% + 0.75px),transparent calc(50% + 0.75px)),linear-gradient(-45deg,transparent calc(50% - 0.75px),var(--gold) calc(50% - 0.75px),var(--gold) calc(50% + 0.75px),transparent calc(50% + 0.75px))}@media (hover: hover) and (pointer: fine){.case-close:hover{color: #fffaf0}}.case-h:focus{outline: none}.case-article{max-width: 1440px;margin: 0 auto;padding: var(--s6) var(--gutter) var(--s9);display: grid;gap: var(--s6)}.case-media{display: grid;gap: var(--s4);align-content: start}.case-media .frame{position: relative;display: flex;justify-content: center;align-items: center;padding: var(--s5);background: var(--lacquer-2);border-radius: 2px}.case-media video,.case-media img{width: auto;max-width: 100%;max-height: 74vh;border-radius: 4px;background: #050912}.case-media .shape-phone video,.case-media .shape-phone img{border-radius: 16px;max-height: 70vh}.case-media figcaption{color: var(--mist);font-size: var(--t-small)}.case-copy h3{margin-top: var(--s2);font-family: var(--serif);font-weight: 400;font-size: var(--t-h2);line-height: 1.22;letter-spacing: -0.02em}.case-kind{color: var(--mist);font-size: var(--t-small);font-weight: 500}.case-line{margin-top: var(--s4);font-size: var(--t-lead);color: #d9d6cf;max-width: 32em}.case-blocks{margin-top: var(--s6);display: grid;gap: var(--s5)}.case-blocks section{padding-top: var(--s4);border-top: 1px solid var(--rule)}.case-blocks h4{display: flex;align-items: center;gap: 10px;font-size: 15px;font-weight: 600;color: var(--hanji)}.case-blocks h4::before{content: "";flex: none;width: 12px;height: 1px;background: var(--gold)}.case-blocks p{margin-top: var(--s2);color: #d9d6cf;max-width: 34em}.case-figs{margin-top: var(--s6);display: flex;flex-wrap: wrap;gap: var(--s6)}.case-figs div{display: grid}.case-figs b{font-family: var(--serif);font-weight: 400;font-size: 40px;line-height: 1.1}.case-figs b small{font-size: 0.5em;margin-left: 2px}.case-figs span{color: var(--mist);font-size: var(--t-small)}.tags{margin-top: var(--s5)}.tags p{font-size: var(--t-small);color: var(--mist)}.tags ul{margin-top: var(--s1);font-size: 14px;line-height: 1.7;color: var(--mist)}.tags li{display: inline}.tags li:not(:last-child)::after{content: ",\20"}.tags .code li{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 13px}.case-links{margin-top: var(--s6);display: flex;flex-wrap: wrap;gap: var(--s3)}.case-note{margin-top: var(--s4);color: var(--mist);font-size: var(--t-small)}@media (min-width: 900px){.case-article{grid-template-columns: minmax(0,7fr) minmax(0,5fr);column-gap: var(--s8);padding-top: var(--s7)}.case-media{position: sticky;top: 80px}}::view-transition-old(case-media),::view-transition-new(case-media){animation-duration: 0.52s;animation-timing-function: var(--ease-in-out)}::view-transition-group(case-media){animation-duration: 0.52s;animation-timing-function: var(--ease-in-out)}.make-intro{display: grid;gap: var(--s6);padding-block: var(--s9) var(--s8);align-items: center}.intro-copy h2{font-family: var(--serif);font-weight: 400;font-size: var(--t-h2);line-height: 1.24;letter-spacing: -0.02em}.intro-copy p{margin-top: var(--s4);max-width: 30em;color: #d9d6cf;font-size: var(--t-lead)}.intro{position: relative}.intro-bg{position: absolute;z-index: -1;left: 0;right: 0;top: -10vh;bottom: 0;overflow: hidden;overflow: clip visible;pointer-events: none}.intro-river{position: absolute;inset: 0}.intro-river picture{position: absolute;left: 0;right: 0;bottom: 0;display: block;aspect-ratio: 800 / 911}.intro-river img{width: 100%;height: 100%;filter: brightness(0.6) saturate(0.82);-webkit-mask-image: linear-gradient(180deg,transparent 0,#000 34%,#000 74%,transparent 100%),linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);-webkit-mask-composite: source-in;mask-image: linear-gradient(180deg,transparent 0,#000 34%,#000 74%,transparent 100%),linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-composite: intersect}.make-intro{min-height: 52svh;align-content: start}@media (min-width: 600px) and (max-width: 899px){.intro-river picture{left: auto;width: min(100%,680px)}}.rm .intro-bg{bottom: 0}@media (max-width: 899px){.rm .intro-river{opacity: 0.4}}@media (min-width: 900px){.intro-bg{top: -22vh;bottom: -22vh}.rm .intro-bg{bottom: 0}.make-intro{grid-template-columns: repeat(12,minmax(0,1fr));min-height: 64svh;align-content: center;padding-block: var(--s9)}.intro-copy{grid-column: 1 / 7}.intro-river picture{left: auto;top: 0;bottom: 0;margin-block: auto;height: min(100%,74vw);width: auto}.intro-river img{-webkit-mask-image: linear-gradient(180deg,transparent 0,#000 26%,#000 70%,transparent 100%),linear-gradient(90deg,transparent 0,#000 40%,#000 94%,transparent 100%);mask-image: linear-gradient(180deg,transparent 0,#000 26%,#000 70%,transparent 100%),linear-gradient(90deg,transparent 0,#000 40%,#000 94%,transparent 100%)}}.inlay{margin-top: var(--s9);display: flex;justify-content: center;padding-inline: var(--gutter);pointer-events: none}.inlay-vine{position: relative;height: clamp(76px,10.5vw,170px);aspect-ratio: 1254 / 280;max-width: 100%}.inlay-vine picture,.inlay-vine img{display: block;width: 100%;height: 100%}.inlay-vine img{object-fit: contain;mix-blend-mode: screen;-webkit-mask-image: linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite: source-in;mask-image: linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-composite: intersect}.inlay + .works{padding-top: var(--s6)}.sweep::after{content: none}@media (min-width: 900px){.js.mo .sweep::after{content: "";position: absolute;inset: 0;pointer-events: none;mix-blend-mode: screen;opacity: 0.55;background: var(--vine) center / contain no-repeat;filter: brightness(1.7) saturate(1.15);-webkit-mask-image: linear-gradient(105deg,transparent 45%,#000 50%,transparent 55%);-webkit-mask-repeat: no-repeat;-webkit-mask-size: 50% 100%;-webkit-mask-position: calc(-50% + var(--sweep,0) * 200%) 0;mask-image: linear-gradient(105deg,transparent 45%,#000 50%,transparent 55%);mask-repeat: no-repeat;mask-size: 50% 100%;mask-position: calc(-50% + var(--sweep,0) * 200%) 0}.inlay-a .sweep{--vine: url("/portfolio/img/brand/najeon-vine-a-1254.webp")}.inlay-b .sweep{--vine: url("/portfolio/img/brand/najeon-vine-b-1254.webp")}}.scene{position: absolute;inset: 0;z-index: -1;overflow: hidden;pointer-events: none}section:has(>.scene){position: relative}.scene picture,.scene img{display: block;width: 100%;height: 100%}.scene img{object-fit: cover;object-position: var(--scene-pos,50% 50%);opacity: var(--scene-o,0.18);filter: saturate(0.85);-webkit-mask-image: linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image: linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}.reviews{position: relative;padding-top: var(--s10);overflow: hidden}.review{position: relative;margin: 0;max-width: 46em;padding-top: var(--s6);border-top: 1px solid var(--gold-line)}.review blockquote{margin: 0}.review blockquote p{font-family: var(--serif);font-size: clamp(19px,0.9vw + 14px,26px);line-height: 1.8;letter-spacing: -0.01em;color: var(--hanji)}.review figcaption{margin-top: var(--s5);color: var(--mist);font-size: 15px}.review-tags{margin-top: var(--s2);font-size: 14px;line-height: 1.7;color: var(--mist)}.review-tags li{display: inline}.review-tags li:not(:last-child)::after{content: ",\20"}.review-more{position: relative;margin: var(--s5) 0 0;max-width: 46rem;font-size: 15px}@media (min-width: 768px){.reviews .wrap{display: grid;grid-template-columns: repeat(12,minmax(0,1fr));column-gap: var(--s6)}.review,.review-more{grid-column: 2 / 12;max-width: none}.review blockquote p{font-size: clamp(21px,1.2vw + 14px,32px);line-height: 1.72}}@media (min-width: 1024px){.review,.review-more{grid-column: 3 / 12}}.case-art{margin: var(--s2) 0 0}.case-art img{width: 100%;max-width: 520px;height: auto;border-radius: 2px;opacity: 0.94}.case-art figcaption{margin-top: var(--s2);color: var(--mist);font-size: var(--t-small)}.pt,.ptm{display: none}.pt{position: fixed;left: 0;top: var(--top-h);bottom: 0;z-index: var(--z-rail);width: calc(var(--rail-res) - 12px);pointer-events: none;color: var(--hanji)}.pt-rail{position: absolute;left: 30px;top: 72px;bottom: 104px;width: 0}.pt-line,.pt-fill,.pt-sheen{position: absolute;pointer-events: none}.pt-line{left: -0.5px;top: -10px;bottom: -10px;width: 1px;background: linear-gradient(180deg,rgba(207,174,107,0),rgba(207,174,107,0.34) 10px,rgba(207,174,107,0.34) calc(100% - 10px),rgba(207,174,107,0))}.pt-fill{left: -1px;top: 0;width: 2px;height: 100%;border-radius: 1px;transform-origin: 50% 0;transform: scaleY(0);background: linear-gradient(90deg,#f6e5bb 0,#d6b675 50%,#8f7444 100%)}.pt-sheen{left: -1px;top: -90px;width: 2px;height: 90px;transform: translate3d(0,0,0);background: linear-gradient(180deg,rgba(255,244,216,0),rgba(255,244,216,0.8))}.pt-knots{position: absolute;inset: 0}.pt-knot{position: absolute;left: -14px;top: -14px;width: 28px;height: 28px;padding: 0;border: 0;border-radius: 999px;background: none;color: rgba(207,174,107,0.6);pointer-events: auto;transition: color var(--dur-ui) var(--ease-out)}.pt-loop{display: block;overflow: visible}.pt-loop path{fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round}.pt-knot.is-past{color: #d6b675}.pt-knot[aria-current]{color: #f4ddaa}.pt-knot:focus-visible{outline-offset: 1px}.pt-tip{position: absolute;left: calc(100% + 4px);top: 50%;padding: 5px 10px;border: 1px solid var(--gold-line);border-radius: 2px;background: rgba(10,17,32,0.96);color: var(--hanji);font-size: 13px;font-weight: 500;line-height: 1.3;white-space: nowrap;opacity: 0;visibility: hidden;transform: translate(-4px,-50%);transition: opacity var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out),visibility 0s var(--dur-micro)}.pt-knot:hover .pt-tip,.pt-knot:focus-visible .pt-tip{opacity: 1;visibility: visible;transform: translate(0,-50%);transition: opacity var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out),visibility 0s}.pt-knot:hover,.pt-knot:focus-visible{z-index: 3}.pt-label{position: absolute;left: 16px;bottom: 20px;width: calc(var(--rail-res) - 40px);margin: 0;display: grid;gap: 3px;pointer-events: auto}.pt-name{font-size: 13.5px;font-weight: 500;line-height: 1.3;color: var(--hanji);text-wrap: balance}.pt-pct{font-size: 12px;line-height: 1.3;color: var(--mist);font-variant-numeric: tabular-nums;white-space: nowrap}@media (hover: hover) and (pointer: fine) and (min-width: 900px){html.js{--rail-res: 136px;--wrap-pl: max(var(--gutter),calc(var(--rail-res) - max(0px,(100vw - 1440px) / 2)))}.js .pt{display: block}.js .wrap{padding-left: var(--wrap-pl)}.js.pin .make-item{padding-left: var(--wrap-pl)}.js.pin .make-nav{left: var(--wrap-pl)}.js .reel{-webkit-mask-image: linear-gradient(90deg,transparent calc(var(--rail-res) - 24px),#000 calc(var(--rail-res) + 16px));mask-image: linear-gradient(90deg,transparent calc(var(--rail-res) - 24px),#000 calc(var(--rail-res) + 16px))}}.ptm{position: fixed;left: 0;right: 0;bottom: 0;z-index: var(--z-rail);height: calc(var(--ptm-h) + env(safe-area-inset-bottom));pointer-events: none;color: var(--hanji);opacity: 0;visibility: hidden;transform: translateY(8px);transition: opacity var(--dur-ui) var(--ease-out),transform var(--dur-ui) var(--ease-out),visibility 0s var(--dur-ui)}.ptm.is-on{opacity: 1;visibility: visible;transform: none;transition: opacity var(--dur-ui) var(--ease-out),transform var(--dur-ui) var(--ease-out),visibility 0s}.ptm::before{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: calc(40px + env(safe-area-inset-bottom));background: linear-gradient(180deg,rgba(10,17,32,0),rgba(10,17,32,0.86) 36%,rgba(10,17,32,0.95))}.ptm-track{position: absolute;left: 20px;right: 20px;bottom: calc(env(safe-area-inset-bottom) + 25px);height: 0}.ptm-line{position: absolute;left: 0;right: 0;top: -0.5px;height: 1px;background: rgba(207,174,107,0.36)}.ptm-fill{position: absolute;left: 0;right: 0;top: -1px;height: 2px;border-radius: 1px;transform-origin: 0 50%;transform: scaleX(0);background: linear-gradient(180deg,#f6e5bb 0,#d6b675 50%,#8f7444 100%)}.ptm-label{position: absolute;left: 20px;right: 20px;bottom: calc(env(safe-area-inset-bottom) + 5px);margin: 0;display: flex;justify-content: space-between;gap: var(--s3);font-size: 11.5px;line-height: 14px;white-space: nowrap;pointer-events: auto}.ptm-name{color: var(--hanji);font-weight: 500;overflow: hidden;text-overflow: ellipsis}.ptm-pct{color: var(--mist);font-variant-numeric: tabular-nums}@media not all and (hover: hover) and (pointer: fine) and (min-width: 900px){html.js{--ptm-h: 66px;scroll-padding-bottom: calc(var(--ptm-h) + env(safe-area-inset-bottom))}.js .ptm{display: block}.js .foot{padding-bottom: calc(var(--s7) + var(--ptm-h) + env(safe-area-inset-bottom))}.js.pin .make-list{bottom: calc(var(--ptm-h) + env(safe-area-inset-bottom))}.js.pin .make-nav{bottom: calc(var(--s7) + var(--ptm-h))}}@media (max-width: 899px){.js.pin .make-media.shape-phone{height: calc(min(calc(56svh - var(--top-h) - 88px - var(--ptm-h) * 0.56),560px) - 2 * var(--mat))}.js.pin .make-media.shape-screen{width: calc(min(100% - 36px,620px,calc((56svh - var(--top-h) - 94px - var(--ptm-h) * 0.56) * var(--ar))) - 2 * var(--mat))}}@media (min-width: 900px) and (hover: none),(min-width: 900px) and (pointer: coarse){.js.pin .make-media.shape-phone{height: calc(min(calc(100svh - var(--top-h) - 150px - var(--ptm-h)),660px) * 0.9 - 2 * var(--mat))}.js.pin .make-media.shape-screen{width: calc(min(100%,640px,calc((100svh - var(--top-h) - 170px - var(--ptm-h)) * var(--ar))) * 0.9 - 2 * var(--mat))}}.pt-walk{position: absolute;left: 0;top: 0;pointer-events: none;will-change: transform}.pw-glow{position: absolute;left: 50%;top: 50%;width: 150%;height: 120%;transform: translate(-50%,-50%);border-radius: 50%;background: radial-gradient(closest-side,rgba(176,196,244,0.13),rgba(176,196,244,0.04) 60%,transparent)}.pw-ledge{position: absolute;height: 1px;background: linear-gradient(90deg,rgba(214,182,117,0.75),rgba(214,182,117,0))}.pw-flip{position: absolute;inset: 0}.pw-win{position: absolute;inset: 0;overflow: hidden}.pw-layer{position: absolute;inset: 0;opacity: 0}.pw-wipe{position: absolute;left: 0;top: 0;width: 100%;height: 300%}.pw-wipe.is-wiping{-webkit-mask: var(--ink) 0 0 / 100% 100% no-repeat;mask: var(--ink) 0 0 / 100% 100% no-repeat}.pw-strip{position: absolute;left: 0;top: 0;max-width: none;height: auto;user-select: none}.pw-ph{position: absolute;inset: 0;opacity: 0;transition: opacity 0.3s ease;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 64'%3E%3Cg fill='none' stroke='%23d6b675' stroke-width='1.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Ccircle cx='30' cy='8.5' r='4.2'/%3E%3Cpath d='M26.4 6.4c-2.6.4-3.8 2.6-3.4 5.2M30 12.7v3M25 16.5h10l2 9h-14z'/%3E%3Cpath d='M23 25.5c-4 9-8.5 22-11 34h34c-2-12-6-25-9-34'/%3E%3Cpath d='M20 59.5l-2 2.6M38 59.5l3 2.4'/%3E%3C/g%3E%3C/svg%3E") var(--ph-x,0) 100% / auto 94% no-repeat}.pt-walk.is-ph .pw-ph{opacity: 1}@media (min-width: 900px){.js.mo .hero-light img{animation: drift 40s ease-in-out infinite alternate}.js.mo .atmos::before{animation: atmos 56s ease-in-out infinite alternate}.js.mo.paused .hero-light img,.js.mo.paused .atmos::before{animation-play-state: paused}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}.rm .swap-word:not(:first-child){display: none}.rm .hero-light{animation: none}:root{--ds-stagger: 70ms;--ds-rise: 18px;--ds-silk: linear-gradient(90deg,#8f7444 0,#d6b675 45%,#f6e5bb 100%);--ds-silk-v: linear-gradient(180deg,#8f7444 0,#d6b675 45%,#f6e5bb 100%);--ds-sheen: rgba(255,244,216,0.85);--ds-moon: radial-gradient(60% 70% at 50% 45%,rgba(176,196,244,0.16),transparent 70%);--ds-glint: linear-gradient(105deg,transparent 42%,rgba(255,244,216,0.14) 50%,transparent 58%);--ds-gold-soft: rgba(214,182,117,0.75)}@media (max-width: 767px){:root{--ds-rise: 12px}}.ds-b1-intro-layer{display: none;--ds-ink-x: 50%;--ds-mx: 50vw;--ds-mw: min(42vw,180px);--ds-mt: 16vh}@media (min-width: 768px){.ds-b1-intro-layer{--ds-mw: clamp(150px,21.4vw,260px);--ds-mt: calc(45vh - var(--ds-mw) * 0.62)}}html.ds-b1-intro .ds-b1-intro-layer{display: block;position: fixed;inset: 0;z-index: var(--z-intro);overflow: hidden;cursor: pointer;-webkit-tap-highlight-color: transparent;animation: ds-b1-intro-fail 0.3s var(--ease-in-out) 2s forwards}@keyframes ds-b1-intro-fail{to{opacity: 0;visibility: hidden;pointer-events: none}}html.ds-b1-intro .ds-b1-intro-layer.ds-b1-hold{animation: none}.ds-b1-intro-layer[hidden]{display: none !important}.ds-b1-intro-bg{position: absolute;inset: 0;background: radial-gradient(52% 46% at var(--ds-ink-x) 40%,rgba(46,62,108,0.42),rgba(16,26,51,0.2) 55%,transparent 80%),linear-gradient(180deg,#070c18,#0a1120 60%,#0b1326);transition: opacity var(--ds-exit,550ms) var(--ease-in-out)}.ds-b1-intro-ink{position: absolute;left: var(--ds-ink-x);top: 44%;width: min(105vw,1300px);aspect-ratio: 560 / 373;background: radial-gradient(50% 50% at 50% 45%,rgba(150,172,226,0.5),rgba(96,118,176,0.28) 60%,rgba(60,80,130,0.1));opacity: 0;transform: translate(-50%,-50%) scale(0.7);will-change: transform,opacity}.ds-b1-ink-img .ds-b1-intro-ink{-webkit-mask-image: url("/portfolio/award/b1/ink-bloom-alpha-560.webp"),radial-gradient(closest-side,#000 55%,transparent);-webkit-mask-size: 100% 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-composite: source-in;mask-image: url("/portfolio/award/b1/ink-bloom-alpha-560.webp"),radial-gradient(closest-side,#000 55%,transparent);mask-size: 100% 100%;mask-repeat: no-repeat;mask-composite: intersect;animation: ds-b1-ink 1.6s var(--ease-out) forwards}@keyframes ds-b1-ink{to{opacity: 0.55;transform: translate(-50%,-50%) scale(1.06)}}@media (max-width: 767px){.ds-b1-intro-ink{width: 200vw;top: 38%}}@media (max-width: 767px){.ds-b1-ink-img .ds-b1-intro-ink{-webkit-mask-image: url("/portfolio/award/b1/ink-bloom-alpha-280.webp"),radial-gradient(closest-side,#000 55%,transparent);mask-image: url("/portfolio/award/b1/ink-bloom-alpha-280.webp"),radial-gradient(closest-side,#000 55%,transparent)}}.ds-b1-intro-thread{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: visible;pointer-events: none}.ds-b1-it-line{fill: none;stroke: url(#ds-b1-silk);stroke-width: 1.7;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: var(--ds-len,2000) var(--ds-len,2000);stroke-dashoffset: var(--ds-len,2000);filter: drop-shadow(0 0 3px rgba(246,229,187,0.35));transition: opacity 0.5s var(--ease-out)}.ds-b1-go .ds-b1-it-line{animation: ds-b1-draw var(--ds-d-thread,800ms) var(--ease-in-out) var(--ds-t-thread,150ms) forwards}.ds-b1-late .ds-b1-it-line{animation-duration: 1ms}@keyframes ds-b1-draw{to{stroke-dashoffset: 0}}.ds-b1-intro-mark{position: absolute;left: 0;top: 0;width: var(--ds-mw);translate: calc(var(--ds-mx) - 50%) var(--ds-mt);transition: opacity 0.5s var(--ease-out),transform 0.55s var(--ease-in-out)}.ds-b1-intro-wipe{position: relative;aspect-ratio: 360 / 447;opacity: 0}.ds-b1-logo-in .ds-b1-intro-wipe{opacity: 1;-webkit-mask: url("/portfolio/img/brand/ink-mask.png") 0 100% / 100% 300% no-repeat;mask: url("/portfolio/img/brand/ink-mask.png") 0 100% / 100% 300% no-repeat}.ds-b1-intro-logo{width: 100%;height: 100%}.ds-b1-logo-in .ds-b1-intro-wipe{animation: ds-b1-wipe var(--ds-d-mark,750ms) var(--ease-out) var(--ds-t-mark,0ms) forwards}@keyframes ds-b1-wipe{to{-webkit-mask-position: 0 0;mask-position: 0 0}}.ds-b1-intro-brush{position: absolute;left: -10%;right: -10%;top: 38%;height: 15%;opacity: 0.3;background: #b8954f;clip-path: inset(0 100% 0 0);transform: rotate(-3deg);transform-origin: 0 50%}.ds-b1-brush-on .ds-b1-intro-brush{background: url("/portfolio/award/opening/gold-leaf-960.webp") 50% 42% / cover no-repeat,#b8954f;-webkit-mask-image: url("/portfolio/award/b1/brush-sweep-alpha-640.webp"),conic-gradient(from 263deg at 100% 52%,transparent 0deg,#000 3deg,#000 11deg,transparent 14deg),linear-gradient(90deg,transparent 0,#000 9%);-webkit-mask-size: 100% 170%,100% 100%,100% 100%;-webkit-mask-position: 0 85%,0 0,0 0;-webkit-mask-repeat: no-repeat;-webkit-mask-composite: source-in,source-in;mask-image: url("/portfolio/award/b1/brush-sweep-alpha-640.webp"),conic-gradient(from 263deg at 100% 52%,transparent 0deg,#000 3deg,#000 11deg,transparent 14deg),linear-gradient(90deg,transparent 0,#000 9%);mask-size: 100% 170%,100% 100%,100% 100%;mask-position: 0 85%,0 0,0 0;mask-repeat: no-repeat;mask-composite: intersect,intersect}.ds-b1-brush-on .ds-b1-intro-brush{animation: ds-b1-brush 0.6s var(--ease-in-out) var(--ds-t-brush,0ms) forwards}@keyframes ds-b1-brush{to{clip-path: inset(0 0 0 0)}}@keyframes ds-b1-intro-rise{to{opacity: 1;transform: none}}.ds-b1-intro-line{position: absolute;left: 0;top: 0;margin: 0;width: max-content;max-width: min(36em,calc(100vw - 48px));translate: calc(var(--ds-mw) / 2 - 50%) calc(var(--ds-mw) * 1.2417 + 22px);text-align: center;text-wrap: balance;font-size: 15px;line-height: 1.6;letter-spacing: 0.01em;color: #c9cfdc;opacity: 0;transform: translateY(8px)}.ds-b1-logo-in .ds-b1-intro-line{animation: ds-b1-intro-rise 0.6s var(--ease-out) var(--ds-t-line,400ms) forwards}.ds-b1-intro-skip{position: absolute;right: max(24px,env(safe-area-inset-right));bottom: calc(22px + env(safe-area-inset-bottom));min-height: 44px;padding: 0 2px;border: 0;border-radius: 0;background: none;color: var(--hanji);font-size: 14px;font-weight: 500;letter-spacing: 0.02em;text-decoration: underline 1px var(--gold-line);text-underline-offset: 6px;opacity: 0;animation: ds-b1-intro-rise var(--dur-ui) var(--ease-out) 0.15s forwards;transition: text-decoration-color var(--dur-micro) ease,opacity var(--dur-ui) var(--ease-out)}.ds-b1-intro-skip:hover{text-decoration-color: var(--gold)}.ds-b1-end .ds-b1-intro-bg,.ds-b1-end .ds-b1-it-line{opacity: 0}.ds-b1-end .ds-b1-intro-skip{animation: ds-b1-intro-out var(--dur-ui) var(--ease-out) forwards}@keyframes ds-b1-intro-out{from{opacity: 1}to{opacity: 0}}.ds-b1-end .ds-b1-intro-ink{opacity: 0;transition: opacity 0.5s var(--ease-out);animation-play-state: paused}.ds-b1-end .ds-b1-intro-mark{opacity: 0;transform: translateY(6px) scale(0.96)}.ds-b1-end,.ds-b1-skip{pointer-events: none;cursor: auto}.ds-b1-skip{opacity: 0;transition: opacity 0.28s var(--ease-out)}.ds-b1-intro-layer.ds-b1-hand{display: block;position: fixed;inset: 0;overflow: hidden;pointer-events: none;cursor: auto;z-index: calc(var(--z-cord) - 1);animation: ds-b1-hand-fail 0.3s var(--ease-in-out) 1.9s forwards}html.ds-b1-intro .ds-b1-intro-layer.ds-b1-hand{z-index: var(--z-intro);animation: ds-b1-hand-fail 0.3s var(--ease-in-out) 1.9s forwards}@keyframes ds-b1-hand-fail{to{opacity: 0;visibility: hidden}}.ds-b1-end.ds-b1-hand .ds-b1-it-line{opacity: 1}.ds-b1-end.ds-b1-hand.ds-b1-landed .ds-b1-it-line{opacity: 0;transition: opacity var(--dur-scene) var(--ease-out)}.ds-b1-end.ds-b1-hand.ds-b1-landed-fast .ds-b1-it-line{opacity: 0;transition: opacity var(--dur-ui) var(--ease-out)}html.ds-b1-cord-in #cord{opacity: 0}html.ds-b1-dawn .hero-light{animation-delay: 1.45s}html.ds-b1-intro .top{animation: ds-b1-top 0.5s var(--ease-out) 2.2s both}@keyframes ds-b1-top{from{opacity: 0}}#ds-intro.ds-b1-end ~ .top{animation: ds-b1-top-back 0.55s var(--ease-out) both}#ds-intro.ds-b1-skip ~ .top{animation: ds-b1-top-back 0.28s var(--ease-out) both}@keyframes ds-b1-top-back{from{opacity: 0}}.ds-b1-slate{position: relative;display: flex;align-items: baseline;gap: 12px;margin: 0 0 var(--s4);padding-left: 40px;line-height: 1;color: var(--mist);font-size: 11.5px;font-weight: 500;letter-spacing: 0.18em;text-transform: uppercase;white-space: nowrap}.ds-b1-slate-n{font-family: var(--serif);font-size: 13px;letter-spacing: 0.06em;color: var(--gold);font-variant-numeric: tabular-nums}.ds-b1-slate::before{content: "";position: absolute;left: 0;top: 50%;width: 28px;height: 1px;background: var(--ds-silk);transform-origin: 0 50%}@media (hover: hover) and (pointer: fine) and (min-width: 900px){.ds-b1-slate{padding-left: 0}.ds-b1-slate::before{left: auto;right: calc(100% + 12px);width: var(--ds-reach,28px);opacity: 0.9;background: linear-gradient(90deg,rgba(143,116,68,0),rgba(143,116,68,0.55) 30%,#d6b675 80%,#f6e5bb)}}.ds-b1-chapline{margin-top: var(--s5);display: flex;gap: 14px;align-items: baseline;max-width: 30em;color: #b9c1d2;font-size: 15px;line-height: 1.7}.ds-b1-chapline::before{content: "";flex: none;width: 24px;height: 1px;background: var(--ds-silk);transform: translateY(-5px)}.ds-b1-cue{display: none}@media (hover: hover) and (pointer: fine) and (min-width: 900px) and (min-height: 700px){.ds-b1-cue{display: flex;position: absolute;z-index: 1;left: 50%;bottom: 22px;transform: translateX(-50%);flex-direction: column;align-items: center;gap: 10px;color: var(--mist);font-size: 12px;letter-spacing: 0.02em;pointer-events: none}.ds-b1-cue i{display: block;width: 1px;height: 44px;background: var(--ds-silk-v);transform-origin: 50% 0}.js.mo .ds-b1-cue span{animation: ds-b1-fade var(--dur-scene) var(--ease-out) 1.1s both}.js.mo .ds-b1-cue i{animation: ds-b1-drop var(--dur-film) var(--ease-in-out) 1.2s both}.js.mo.ds-b1-dawn .ds-b1-cue span{animation-delay: 2.5s}.js.mo.ds-b1-dawn .ds-b1-cue i{animation-delay: 2.6s}}@keyframes ds-b1-drop{from{transform: scaleY(0)}}@keyframes ds-b1-fade{from{opacity: 0}}.ds-b1-railmarks,.ds-b1-ticks{display: none}@media (hover: hover) and (pointer: fine) and (min-width: 900px){.js .ds-b1-railmarks{display: block;position: fixed;left: 0;top: calc(var(--top-h) + 72px);width: 32px;height: 0;z-index: calc(var(--z-rail) - 1);pointer-events: none}.ds-b1-rm{position: absolute;left: 0;top: 0;width: 14px;height: 0;transition: transform var(--dur-ui) var(--ease-out)}.ds-b1-rm b{position: absolute;right: 0;top: -6px;font-family: var(--serif);font-weight: 400;font-size: 9.5px;line-height: 12px;letter-spacing: 0.02em;color: var(--mist);font-variant-numeric: tabular-nums;transition: color var(--dur-ui) ease}.ds-b1-rm::after{content: "";position: absolute;left: calc(100% + 3px);top: -0.5px;width: 6px;height: 1px;background: rgba(207,174,107,0.35);transition: background-color var(--dur-ui) ease}.ds-b1-rm.is-past b{color: #d6b675}.ds-b1-rm.is-on b{color: #f4ddaa}.ds-b1-rm.is-on::after{background: #f4ddaa}.ds-b1-rm-band{position: absolute;left: 27px;top: 0;width: 6px;height: 1px;transform-origin: 50% 0;border-radius: 3px;opacity: 0.55;background: linear-gradient(90deg,rgba(244,221,170,0),rgba(244,221,170,0.22) 50%,rgba(244,221,170,0));transition: transform var(--dur-film) var(--ease-in-out)}.js .pt-knot[data-key="price"] .pt-loop,.js .pt-knot[data-key="reviews"] .pt-loop,.js .pt-knot[data-key="contact"] .pt-loop{opacity: 0}.js .pt-knot[data-key="price"]::before,.js .pt-knot[data-key="reviews"]::before,.js .pt-knot[data-key="contact"]::before{content: "";position: absolute;left: 11px;top: 13.5px;width: 6px;height: 1px;background: currentColor}.ds-b1-rm-loop{position: absolute;left: 16px;top: -14px;width: 28px;height: 28px;color: rgba(207,174,107,0.6);transition: color var(--dur-ui) ease}.ds-b1-rm-loop.is-read{color: #d6b675}.ds-b1-rm-loop.is-here{color: #f4ddaa}.ds-b1-rm:has(.ds-b1-rm-loop)::after{display: none}.pt.ds-b1-rail-alt .pt-knot[aria-current]{color: #d6b675}}@media not all and (hover: hover) and (pointer: fine) and (min-width: 900px){.js .ds-b1-ticks{display: block;position: fixed;left: 20px;right: 20px;bottom: calc(env(safe-area-inset-bottom) + 25px);height: 0;z-index: var(--z-rail);pointer-events: none;opacity: 0;transition: opacity 0.3s ease}.ptm.is-on ~ .ds-b1-ticks{opacity: 1}.ds-b1-tick{position: absolute;top: -7px;width: 1px;height: 5px;background: rgba(207,174,107,0.45);transition: background-color var(--dur-ui) ease}.ds-b1-tick.is-past{background: #f4ddaa}.ds-b1-tick:first-child{display: none}.js .ptm::before{height: calc(var(--ptm-h) + 18px + env(safe-area-inset-bottom));background: linear-gradient(180deg,rgba(10,17,32,0),rgba(10,17,32,0.9) 34%,rgba(10,17,32,0.97) 58%,#0a1120)}}html[data-mode="quick"] .ds-b1-railmarks,html[data-mode="quick"] .ds-b1-ticks,html[data-mode="quick"] .ds-b1-cue{display: none !important}.ds-b1-w{display: inline-block;vertical-align: top;overflow: hidden;padding-bottom: 0.14em;margin-bottom: -0.14em}.ds-b1-wi{display: inline-block}.ds-b1-wait:not(.ds-b1-in) .ds-b1-slate::before{transform: scaleX(0)}.ds-b1-wait:not(.ds-b1-in) .ds-b1-slate>span{opacity: 0}.ds-b1-wait:not(.ds-b1-in) [data-ds-type] .ds-b1-wi{transform: translateY(108%)}[data-ds-reveal="head"].ds-b1-wait:not(.ds-b1-in)>p:not(.ds-b1-slate),[data-ds-reveal=""].ds-b1-wait:not(.ds-b1-in),[data-ds-reveal="fade"].ds-b1-wait:not(.ds-b1-in),[data-ds-reveal="stagger"].ds-b1-wait:not(.ds-b1-in)>*{opacity: 0;transform: translateY(var(--ds-rise))}[data-ds-reveal="fade"].ds-b1-wait:not(.ds-b1-in){transform: none}[data-ds-reveal="mask"].ds-b1-wait:not(.ds-b1-in){clip-path: inset(0 0 100% 0)}[data-ds-reveal="line"].ds-b1-wait:not(.ds-b1-in){transform: scaleX(0);transform-origin: 0 50%}.ds-b1-in:not(.ds-b1-now) .ds-b1-slate::before{animation: ds-b1-thread var(--dur-film) var(--ease-in-out) both}.ds-b1-in:not(.ds-b1-now) .ds-b1-slate>span{animation: ds-b1-fade var(--dur-scene) var(--ease-out) 260ms both}.ds-b1-in:not(.ds-b1-now) [data-ds-type] .ds-b1-wi{animation: ds-b1-line var(--dur-scene) var(--ease-out) both;animation-delay: calc(200ms + var(--ds-l,0) * var(--ds-stagger))}[data-ds-reveal="head"].ds-b1-in:not(.ds-b1-now)>p:not(.ds-b1-slate){animation: ds-b1-rise var(--dur-scene) var(--ease-out) 420ms both}[data-ds-reveal="head"].ds-b1-in:not(.ds-b1-now)>p:not(.ds-b1-slate) ~ p:not(.ds-b1-slate){animation-delay: 500ms}[data-ds-reveal=""].ds-b1-in:not(.ds-b1-now),[data-ds-reveal="fade"].ds-b1-in:not(.ds-b1-now){animation: ds-b1-rise var(--dur-scene) var(--ease-out) var(--ds-delay,0ms) both}[data-ds-reveal="mask"].ds-b1-in:not(.ds-b1-now){animation: ds-b1-unmask var(--dur-scene) var(--ease-out) var(--ds-delay,0ms) both}[data-ds-reveal="line"].ds-b1-in:not(.ds-b1-now){transform-origin: 0 50%;animation: ds-b1-thread var(--dur-film) var(--ease-in-out) var(--ds-delay,0ms) both}[data-ds-reveal="stagger"].ds-b1-in:not(.ds-b1-now)>*{animation: ds-b1-rise var(--dur-scene) var(--ease-out) var(--ds-delay,0ms) both}[data-ds-reveal="stagger"].ds-b1-in:not(.ds-b1-now)>:nth-child(2){animation-delay: calc(var(--ds-delay,0ms) + var(--ds-stagger))}[data-ds-reveal="stagger"].ds-b1-in:not(.ds-b1-now)>:nth-child(3){animation-delay: calc(var(--ds-delay,0ms) + var(--ds-stagger) * 2)}[data-ds-reveal="stagger"].ds-b1-in:not(.ds-b1-now)>:nth-child(4){animation-delay: calc(var(--ds-delay,0ms) + var(--ds-stagger) * 3)}[data-ds-reveal="stagger"].ds-b1-in:not(.ds-b1-now)>:nth-child(n + 5){animation-delay: calc(var(--ds-delay,0ms) + var(--ds-stagger) * 4)}@keyframes ds-b1-thread{from{transform: scaleX(0)}}@keyframes ds-b1-line{from{transform: translateY(108%)}}@keyframes ds-b1-rise{from{opacity: 0;transform: translateY(var(--ds-rise))}}@keyframes ds-b1-unmask{from{clip-path: inset(0 0 100% 0)}}@media (hover: hover) and (pointer: fine) and (min-width: 900px){.ds-b1-slate::before{transform-origin: 0 50%}}.ds-b1-env{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;height: 100lvh;z-index: var(--z-below);overflow: hidden;pointer-events: none}.ds-b1-env-l{position: absolute;inset: 0;opacity: 0;transition: opacity var(--dur-film) var(--ease-in-out)}.ds-b1-env-l.is-on{opacity: var(--o,0.12)}.ds-b1-env-l picture,.ds-b1-env-l img,.ds-b1-env-l video{display: block;width: 100%;height: 100%;object-fit: cover}.ds-b1-env-tile{background-size: 384px 384px;background-repeat: repeat}.ds-b1-env-warm img{filter: saturate(0.6)}.ds-b1-env::after{content: "";position: absolute;inset: 0;background: linear-gradient(90deg,rgba(10,17,32,0.88) 0%,rgba(10,17,32,0.7) 38%,rgba(10,17,32,0.2) 70%,rgba(10,17,32,0.55) 100%)}@media (max-width: 767px){.ds-b1-env::after{background: rgba(10,17,32,0.5)}}.ds-b1-env-still .ds-b1-env-l{transition: none}.ds-b1-env{transition: opacity var(--dur-scene) var(--ease-out)}.ds-b1-env.ds-b1-env-rest{opacity: 0;visibility: hidden;transition: none}html[data-mode="quick"] .ds-b1-env{display: none}@media print{.ds-b1-env{display: none}}.pin .make-item .make-media{transition: opacity var(--dur-film) var(--ease-in-out),visibility 0s var(--dur-film)}.pin .make-item .rope{transition: opacity var(--dur-film) var(--ease-in-out)}.pin .make-item.media-cut .make-media,.pin .make-item.media-cut .rope{transition: none;opacity: 0}.pin .make-item.media-cut .make-media{visibility: hidden}.ds-b1-evo{position: relative;isolation: isolate;padding-top: var(--s8)}.ds-b1-evo-track{position: relative}.ds-b1-evo-stage{position: relative}.ds-b1-evo-svg{position: absolute;left: 0;top: 0;z-index: 0;overflow: visible;pointer-events: none}.ds-b1-evo-lead{fill: none;stroke: #d6b675;stroke-width: 1.4;stroke-linecap: round;opacity: 0.9}.ds-b1-evo-fibre{fill: none;stroke: url(#ds-b1-fibre);stroke-width: 1.25px;stroke-linecap: round;stroke-linejoin: round;opacity: 0.82;transition: opacity var(--dur-ui) var(--ease-out)}.ds-b1-evo-dot{fill: #0a1120;stroke: rgba(207,174,107,0.6);stroke-width: 1;transition: fill var(--dur-ui) ease,stroke var(--dur-ui) ease}.ds-b1-evo-dot.is-lit{fill: var(--gold);stroke: #f6e5bb}.ds-b1-evo[data-hot] .ds-b1-evo-fibre{opacity: 0.25}.ds-b1-evo[data-hot="0"] .ds-b1-evo-fibre[data-k="0"],.ds-b1-evo[data-hot="1"] .ds-b1-evo-fibre[data-k="1"],.ds-b1-evo[data-hot="2"] .ds-b1-evo-fibre[data-k="2"],.ds-b1-evo[data-hot="3"] .ds-b1-evo-fibre[data-k="3"],.ds-b1-evo[data-hot="4"] .ds-b1-evo-fibre[data-k="4"]{opacity: 1}.ds-b1-evo-grid{position: relative;z-index: 1;display: grid;gap: var(--s6);padding-block: var(--s6) var(--s9)}.ds-b1-evo-head h2{font-family: var(--serif);font-weight: 400;font-size: var(--t-h2);line-height: 1.24;letter-spacing: -0.02em;color: var(--hanji)}.ds-b1-evo-head>p:not(.ds-b1-slate){margin-top: var(--s4);max-width: 30em;color: #d9d6cf;font-size: var(--t-lead)}.ds-b1-evo-knot{position: relative;justify-self: center;width: min(46vw,230px);aspect-ratio: 700 / 1023;pointer-events: none}.ds-b1-evo-knot::before{content: "";position: absolute;left: -40%;right: -40%;top: 0;height: 80%;background: radial-gradient(closest-side,rgba(176,196,244,0.1),transparent 75%)}.ds-b1-evo-knot-img{position: relative;width: 100%;height: 100%;object-fit: contain;mix-blend-mode: screen;-webkit-mask-image: radial-gradient(56% 50% at 50% 50%,#000 58%,transparent 100%);mask-image: radial-gradient(56% 50% at 50% 50%,#000 58%,transparent 100%);transform-origin: 50% 40%}.ds-b1-evo.is-3d .ds-b1-evo-knot-img,.ds-b1-evo.is-3d .ds-b1-evo-svg{opacity: 0 !important;transition: opacity var(--dur-scene) var(--ease-out)}.ds-b1-evo-nodes{display: grid;gap: var(--s6);padding-left: 36px}.ds-b1-node{position: relative}.ds-b1-node-h{display: flex;align-items: baseline;gap: 10px;font-family: var(--serif);font-weight: 400;font-size: 21px;line-height: 1.3;letter-spacing: 0.01em;color: var(--hanji)}.ds-b1-node-c{font-family: var(--sans);font-size: 12px;font-weight: 600;color: var(--gold);font-variant-numeric: tabular-nums;transition: color var(--dur-ui) ease}.ds-b1-node.is-lit .ds-b1-node-c{color: #f4ddaa}.ds-b1-node-w{margin-top: 6px;display: flex;flex-wrap: wrap;gap: 2px 16px;font-size: 15px;line-height: 1.7}.ds-b1-node-w a{color: #f3eee3;text-decoration: underline 1px var(--gold-line);text-underline-offset: 5px;transition: color var(--dur-micro) ease,text-decoration-color var(--dur-ui) var(--ease-out)}.ds-b1-node-w a:hover,.ds-b1-node-w a:focus-visible{color: #fffaf0;text-decoration-color: var(--gold)}.ds-b1-node-f{margin-top: 6px;color: #cfcbc2;font-size: 14px;line-height: 1.6}.ds-b1-node-s{margin-top: 4px;color: var(--mist);font-size: 12.5px;letter-spacing: 0.02em;line-height: 1.6}@media (min-width: 900px){.ds-b1-evo-grid{grid-template-columns: repeat(12,minmax(0,1fr));column-gap: var(--s5);row-gap: var(--s6);align-items: start;padding-block: var(--s6) var(--s9)}.ds-b1-evo-head{grid-column: 1 / 8;grid-row: 1}.ds-b1-evo-nodes{grid-column: 1 / 7;grid-row: 2;padding-left: 0;gap: var(--s5)}.ds-b1-evo-knot{grid-column: 8 / 13;grid-row: 1 / 3;align-self: center;width: min(100%,300px)}}@media (min-width: 1100px) and (min-height: 820px) and (hover: hover) and (pointer: fine){.js.mo .ds-b1-evo-track{height: 180svh}.js.mo .ds-b1-evo-stage{position: sticky;top: 0;height: 100svh}.js.mo .ds-b1-evo-grid{height: 100%;align-content: center;padding-block: calc(var(--top-h) + 16px) 16px}}[data-ds-reveal="reel"].ds-b1-wait:not(.ds-b1-in) .card-face{opacity: 0;transform: translateY(28px)}[data-ds-reveal="reel"].ds-b1-in:not(.ds-b1-now) .card-face{animation: ds-b1-rise var(--dur-scene) var(--ease-out) both;animation-delay: calc(var(--ds-o,0) * 90ms)}[data-ds-reveal="reel"].ds-b1-in .card.ds-b1-far .card-face{animation: none}.ds-b1-glint{position: absolute;z-index: 3;inset: 0;pointer-events: none;opacity: 0;background: linear-gradient(105deg,transparent 30%,rgba(255,244,216,0.1) 44%,rgba(255,244,216,0.22) 50%,rgba(255,244,216,0.1) 56%,transparent 70%)}.js .card.is-center .card-stage::after{background: radial-gradient(60% 70% at calc(50% + var(--ds-px,0) * 22%) calc(45% + var(--ds-py,0) * 22%),rgba(176,196,244,calc(0.2 + var(--ds-hover,0) * 0.08)),transparent 70%)}.js.mo .card:not(.is-center) .card-stage.shape-phone ~ .card-cap{clip-path: inset(0 100% 0 0)}html[data-mode="quick"] [data-ds-reveal="reel"] .card-face{opacity: 1 !important;transform: none !important;animation: none !important}.ds-b1-home{position: absolute;left: 0;top: 0;z-index: 1;overflow: visible;pointer-events: none}.ds-b1-home-t{fill: none;stroke: #d6b675;stroke-width: 1.1;stroke-linecap: round;opacity: 0.85}.ds-b1-home-k{fill: #f4ddaa;opacity: 0}.ds-b1-home.is-3d{opacity: 0;transition: opacity var(--dur-scene) var(--ease-out)}.ds-b1-home-moon{position: absolute;z-index: -1;left: 50%;top: calc(var(--cpad) + var(--s4) + var(--kh) * 0.45);width: calc(var(--kh) * 0.9);aspect-ratio: 1;transform: translate(-50%,-50%);pointer-events: none;opacity: 0.25;background: radial-gradient(closest-side,rgba(176,196,244,0.14),rgba(176,196,244,0.04) 60%,transparent)}@media (min-width: 900px){.ds-b1-home-moon{top: 50%}}.ds-b1-finale{display: grid;justify-items: center;gap: var(--s5);padding-block: var(--s2) var(--s8);text-align: center}.ds-b1-finale-note{max-width: 34em;color: #b9c1d2;font-size: 15px;line-height: 1.7}.ds-b1-finale-note + .ds-b1-finale-note{margin-top: calc(var(--s1,4px) - var(--s5))}.ds-b1-finale-tag{display: grid;gap: 8px;margin-top: var(--s3)}.ds-b1-finale-tag::before{content: "";display: block;width: 1px;height: 52px;margin: 0 auto var(--s4);background: var(--ds-silk-v)}.ds-b1-finale-tag span:first-child{font-size: 12px;font-weight: 500;letter-spacing: 0.24em;margin-right: -0.24em;color: var(--gold)}.ds-b1-finale-tag span:last-child{font-family: var(--serif);font-size: clamp(25px,1.4vw + 16px,38px);line-height: 1.2;letter-spacing: -0.01em;color: var(--hanji)}[data-ds-reveal="ink"].ds-b1-wait:not(.ds-b1-in) img{-webkit-mask: url("/portfolio/img/brand/ink-mask.png") 0 100% / 100% 300% no-repeat;mask: url("/portfolio/img/brand/ink-mask.png") 0 100% / 100% 300% no-repeat}[data-ds-reveal="ink"].ds-b1-in:not(.ds-b1-now) img{-webkit-mask: url("/portfolio/img/brand/ink-mask.png") 0 100% / 100% 300% no-repeat;mask: url("/portfolio/img/brand/ink-mask.png") 0 100% / 100% 300% no-repeat;animation: ds-b1-wipe var(--dur-film) var(--ease-out) 200ms both}@keyframes ds-b1-wipe{to{-webkit-mask-position: 0 0;mask-position: 0 0}}@media (hover: hover) and (pointer: fine){.top-nav>a:not(.pill){background: linear-gradient(var(--gold),var(--gold)) 0 100% / 0 1px no-repeat;transition: color var(--dur-micro) ease,background-size var(--dur-ui) var(--ease-out)}.top-nav>a:not(.pill):hover,.top-nav>a:not(.pill):focus-visible{background-size: 100% 1px}.ds-b1-ready .pill,[data-ds-glint]{position: relative;overflow: hidden;isolation: isolate}.ds-b1-ready .pill::after,[data-ds-glint]::after{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;background: var(--ds-glint);background-size: 250% 100%;background-position: 120% 0;opacity: 0}.ds-b1-ready .pill-solid::after{background-image: linear-gradient(105deg,transparent 42%,rgba(207,174,107,0.28) 50%,transparent 58%)}.ds-b1-ready .pill:hover::after,[data-ds-glint]:hover::after{opacity: 1;background-position: -20% 0;transition: background-position var(--dur-scene) var(--ease-out),opacity var(--dur-micro) ease}.text-link{transition: text-decoration-color var(--dur-micro) ease}}.filter:active,.make-nav button:active,.ds-b1-node-w a:active,[data-ds-press]:active{transition: transform var(--dur-micro) var(--ease-out)}.filter:active,.make-nav button:active,[data-ds-press]:active{transform: scale(0.97)}@media (hover: none){.card.is-center:active .card-stage::after{opacity: 1;background: radial-gradient(60% 70% at 50% 45%,rgba(176,196,244,0.32),transparent 70%)}.ds-b1-node-w a:active{color: var(--hanji)}}.ds-b1-cursor{display: none}.ds-b1-cursor-on .ds-b1-cursor{display: block;position: fixed;left: 0;top: 0;z-index: var(--z-cursor);width: 0;height: 0;pointer-events: none;opacity: 0;transition: opacity var(--dur-ui) ease}.ds-b1-cursor.is-on{opacity: 1}.ds-b1-cursor i{position: absolute;left: -14px;top: -14px;width: 28px;height: 28px;border-radius: 50%;border: 1px solid rgba(214,182,117,0.55);transform: scale(calc(0.5 + var(--ds-cs,0) * 0.65));background: rgba(214,182,117,calc(var(--ds-cs,0) * 0.08));transition: border-color var(--dur-micro) ease,opacity var(--dur-micro) ease}.ds-b1-cursor[data-s="text"] i{opacity: 0}.ds-b1-cursor.is-down i{border-color: #f6e5bb}html.ds-b1-intro .ds-b1-cursor i{border-color: rgba(246,229,187,0.7)}.ds-b2-tools{display: contents}.ds-b2-panel{display: contents}.ds-b2-menu,.ds-b2-jump,.ds-b2-k,.ds-b2-sw{display: none}html:not(.js) .ds-b2-mode,html:not(.js) .ds-b2-sound{display: none}.ds-b2-lang,.ds-b2-mode,.ds-b2-sound{display: inline-flex;align-items: center;gap: var(--s2);min-height: 40px;padding: 0;border: 0;background: none;color: var(--mist);font-size: 15px;line-height: 1;text-decoration: none;white-space: nowrap;cursor: pointer;transition: color var(--dur-micro) var(--ease-out)}.ds-b2-lang:hover,.ds-b2-mode:hover,.ds-b2-sound:hover{color: var(--hanji)}@media (min-width: 768px){.top-nav .ds-b2-panel{display: flex;align-items: center;gap: var(--s4)}.top-nav .ds-b2-lang,.top-nav .ds-b2-mode,.top-nav .ds-b2-sound{font-size: 13px;letter-spacing: 0.01em}.top-nav .ds-b2-lang::before{content: "";width: 1px;height: 14px;margin-right: var(--s1);background: var(--rule)}.top-nav .ds-b2-lang{padding: 0}.top-nav .ds-b2-ico svg{width: 16px;height: 16px}}.ds-b2-mode .ds-b2-v{position: relative}.ds-b2-mode .ds-b2-v::after{content: "";position: absolute;left: 0;right: 0;bottom: -6px;height: 1px;background: var(--ds-silk,var(--gold));transform: scaleX(0);transform-origin: 0 50%;transition: transform var(--dur-ui) var(--ease-in-out)}.ds-b2-mode[aria-pressed="true"]{color: var(--hanji)}.ds-b2-mode[aria-pressed="true"] .ds-b2-v::after{transform: scaleX(1)}.ds-b2-sound{width: 40px;justify-content: center}.ds-b2-ico svg{display: block}.ds-b2-ico path{fill: none;stroke: currentColor;stroke-width: 1.4;stroke-linecap: round;stroke-linejoin: round}.ds-b2-ico .s-body{fill: currentColor;fill-opacity: 0.12}.ds-b2-ico .s-w1,.ds-b2-ico .s-w2{opacity: 0;transition: opacity var(--dur-micro) var(--ease-out)}.ds-b2-sound[aria-pressed="true"]{color: var(--gold)}.ds-b2-sound[aria-pressed="true"] .s-w1,.ds-b2-sound[aria-pressed="true"] .s-w2{opacity: 1}.ds-b2-sound[aria-pressed="true"] .s-x{opacity: 0}@media (min-width: 768px){.top-nav .ds-b2-sound{width: auto;gap: 7px}.top-nav .ds-b2-sound .ds-b2-k{display: inline}}.ds-b2-sound-note{position: fixed;right: var(--gutter);top: calc(var(--top-h) + var(--s2));z-index: var(--z-toast);margin: 0;max-width: min(24em,calc(100vw - 2 * var(--gutter)));padding: var(--s3) var(--s4);border-left: 1px solid var(--gold);background: rgba(10,17,32,0.97);color: var(--hanji);font-size: 14px;line-height: 1.5;white-space: normal}.ds-b2-sound-note[hidden]{display: none}@media (max-width: 767px){.js .top-nav:has(.ds-b2-tools){gap: 10px}.js .ds-b2-tools{display: block;position: static}.js .ds-b2-menu{display: inline-grid;place-items: center;width: 36px;height: 40px;padding: 0;border: 0;border-radius: 999px;background: none;color: var(--hanji);transition: color var(--dur-micro) var(--ease-out)}.ds-b2-burger{position: relative;display: block;width: 18px;height: 10px}.ds-b2-burger i{position: absolute;left: 0;right: 0;height: 1.5px;border-radius: 1px;background: currentColor;transition: transform var(--dur-ui) var(--ease-in-out)}.ds-b2-burger i:first-child{top: 0}.ds-b2-burger i:last-child{bottom: 0;right: 5px}.ds-b2-tools.is-open .ds-b2-burger i:first-child{transform: translateY(4.25px) rotate(45deg)}.ds-b2-tools.is-open .ds-b2-burger i:last-child{transform: translateY(-4.25px) rotate(-45deg);right: 0}.js .ds-b2-panel{position: fixed;left: 0;right: 0;top: var(--top-h);display: grid;gap: 2px;padding: var(--s2) var(--gutter) var(--s5);background: rgba(10,17,32,0.985);border-bottom: 1px solid var(--rule);visibility: hidden;opacity: 0;transform: translateY(-8px);transition: opacity var(--dur-ui) var(--ease-out),transform var(--dur-ui) var(--ease-out),visibility 0s var(--dur-ui)}.js .ds-b2-tools.is-open .ds-b2-panel{visibility: visible;opacity: 1;transform: none;transition: opacity var(--dur-ui) var(--ease-out),transform var(--dur-ui) var(--ease-out),visibility 0s}.ds-b2-panel .ds-b2-jump{display: flex;flex-wrap: wrap;gap: 0 var(--s6);padding-bottom: var(--s2);margin-bottom: var(--s1);border-bottom: 1px solid var(--rule)}.top-nav .ds-b2-jump a{display: inline-flex;align-items: center;min-height: 48px;padding: 0;border: 0;color: var(--hanji);text-decoration: none;font-size: 16px}.top-nav .ds-b2-panel .ds-b2-lang,.ds-b2-panel .ds-b2-mode,.ds-b2-panel .ds-b2-sound{display: flex;width: 100%;min-height: 52px;justify-content: space-between;gap: var(--s4);padding: 0 var(--s1);border-bottom: 1px solid var(--rule);color: var(--hanji);font-size: 16px;text-align: left}.ds-b2-panel .ds-b2-k{display: inline;color: var(--mist);font-size: 15px;margin-right: auto}.ds-b2-panel .ds-b2-v{color: var(--hanji)}.ds-b2-panel .ds-b2-mode .ds-b2-v::after{display: none}.ds-b2-panel .ds-b2-sw{display: inline-block;position: relative;width: 34px;height: 20px;border-radius: 999px;border: 1px solid var(--gold-line);flex: none}.ds-b2-panel .ds-b2-sw::after{content: "";position: absolute;left: 3px;top: 3px;width: 12px;height: 12px;border-radius: 50%;background: var(--mist);transition: transform var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}.ds-b2-panel [aria-pressed="true"] .ds-b2-sw{border-color: var(--gold)}.ds-b2-panel [aria-pressed="true"] .ds-b2-sw::after{transform: translateX(14px);background: var(--gold)}.ds-b2-panel .ds-b2-sound .ds-b2-ico{order: 0}html:not(.js) .ds-b2-tools{display: none}}@media (min-width: 768px) and (max-width: 1023.98px){html.js[lang="en"] .top-nav:has(.ds-b2-tools){gap: 10px}html.js[lang="en"] .ds-b2-tools{display: block;position: static}html.js[lang="en"] .ds-b2-menu{display: inline-grid;place-items: center;width: 36px;height: 40px;padding: 0;border: 0;border-radius: 999px;background: none;color: var(--hanji);transition: color var(--dur-micro) var(--ease-out)}html[lang="en"] .ds-b2-burger{position: relative;display: block;width: 18px;height: 10px}html[lang="en"] .ds-b2-burger i{position: absolute;left: 0;right: 0;height: 1.5px;border-radius: 1px;background: currentColor;transition: transform var(--dur-ui) var(--ease-in-out)}html[lang="en"] .ds-b2-burger i:first-child{top: 0}html[lang="en"] .ds-b2-burger i:last-child{bottom: 0;right: 5px}html[lang="en"] .ds-b2-tools.is-open .ds-b2-burger i:first-child{transform: translateY(4.25px) rotate(45deg)}html[lang="en"] .ds-b2-tools.is-open .ds-b2-burger i:last-child{transform: translateY(-4.25px) rotate(-45deg);right: 0}html.js[lang="en"] .ds-b2-panel{position: fixed;left: 0;right: 0;top: var(--top-h);display: grid;gap: 2px;padding: var(--s2) var(--gutter) var(--s5);background: rgba(10,17,32,0.985);border-bottom: 1px solid var(--rule);visibility: hidden;opacity: 0;transform: translateY(-8px);transition: opacity var(--dur-ui) var(--ease-out),transform var(--dur-ui) var(--ease-out),visibility 0s var(--dur-ui)}html.js[lang="en"] .ds-b2-tools.is-open .ds-b2-panel{visibility: visible;opacity: 1;transform: none;transition: opacity var(--dur-ui) var(--ease-out),transform var(--dur-ui) var(--ease-out),visibility 0s}html[lang="en"] .ds-b2-panel .ds-b2-jump{display: flex;flex-wrap: wrap;gap: 0 var(--s6);padding-bottom: var(--s2);margin-bottom: var(--s1);border-bottom: 1px solid var(--rule)}html[lang="en"] .top-nav .ds-b2-jump a{display: inline-flex;align-items: center;min-height: 48px;padding: 0;border: 0;color: var(--hanji);text-decoration: none;font-size: 16px}html[lang="en"] .top-nav .ds-b2-panel .ds-b2-lang,html[lang="en"] .ds-b2-panel .ds-b2-mode,html[lang="en"] .ds-b2-panel .ds-b2-sound{display: flex;width: 100%;min-height: 52px;justify-content: space-between;gap: var(--s4);padding: 0 var(--s1);border-bottom: 1px solid var(--rule);color: var(--hanji);font-size: 16px;text-align: left}html[lang="en"] .ds-b2-panel .ds-b2-k{display: inline;color: var(--mist);font-size: 15px;margin-right: auto}html[lang="en"] .ds-b2-panel .ds-b2-v{color: var(--hanji)}html[lang="en"] .ds-b2-panel .ds-b2-mode .ds-b2-v::after{display: none}html[lang="en"] .ds-b2-panel .ds-b2-sw{display: inline-block;position: relative;width: 34px;height: 20px;border-radius: 999px;border: 1px solid var(--gold-line);flex: none}html[lang="en"] .ds-b2-panel .ds-b2-sw::after{content: "";position: absolute;left: 3px;top: 3px;width: 12px;height: 12px;border-radius: 50%;background: var(--mist);transition: transform var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}html[lang="en"] .ds-b2-panel [aria-pressed="true"] .ds-b2-sw{border-color: var(--gold)}html[lang="en"] .ds-b2-panel [aria-pressed="true"] .ds-b2-sw::after{transform: translateX(14px);background: var(--gold)}html[lang="en"] .ds-b2-panel .ds-b2-sound .ds-b2-ico{order: 0}html[lang="en"] .top-nav .ds-b2-panel .ds-b2-ico svg{width: 20px;height: 20px}html:not(.js)[lang="en"] .ds-b2-tools{display: none}html.js[lang="en"] .top-nav:has(.ds-b2-tools)>a[href="#process"]{display: none}html[lang="en"] .top-nav .ds-b2-panel .ds-b2-lang::before{display: none}}@media (max-width: 374px){.js .top-nav:has(.ds-b2-tools)>a[href="#price"]{display: none}}@media (max-width: 339px){.js .top-nav:has(.ds-b2-tools)>a[href="#work"]{display: none}}@media (prefers-reduced-motion: reduce){.ds-b2-panel,.ds-b2-burger i{transition: none !important}}.rm .ds-b2-panel,.rm .ds-b2-burger i,.rm .ds-b2-mode .ds-b2-v::after{transition: none}@media (max-width: 499px){html.js[lang="en"] .top-nav:has(.ds-b2-tools)>a[href="#price"]{display: none}}@media (max-width: 419px){html.js[lang="en"] .top-nav:has(.ds-b2-tools)>a[href="#work"]{display: none}}.ds-b2-entry{position: relative;margin-top: var(--s4)}.contact-head .ds-b2-entry-row{margin-top: 0;display: flex;flex-wrap: wrap;align-items: center;gap: 0 var(--s6);max-width: none;color: var(--hanji);font-size: 16px}.contact-head .ds-b2-welcome{margin-top: var(--s3);max-width: 30em;color: #d9d6cf;font-size: 15px}.ds-b2-inq{width: min(680px,100vw - 32px);max-width: none;height: fit-content;min-height: min(600px,92dvh);max-height: min(92dvh,900px);margin: auto;padding: 0;border: 0;border-radius: 2px;background: var(--lacquer-2);color: var(--hanji);overflow: hidden;box-shadow: 0 0 0 1px var(--gold-faint)}.ds-b2-inq::backdrop{background: rgba(5,9,18,0.74)}.ds-b2-inq[open]{animation: ds-b2-in var(--dur-ui) var(--ease-out)}@keyframes ds-b2-in{from{opacity: 0;transform: translateY(var(--ds-rise,12px))}}.ds-b2-inq[open]{display: flex;flex-direction: column}.inq{display: flex;flex-direction: column;flex: 1 1 auto;min-height: 0}@media (max-width: 767px){.ds-b2-inq{width: 100vw;height: 100dvh;min-height: 0;max-height: none;border-radius: 0;box-shadow: none}}.inq-bar{position: relative;flex: none;display: grid;grid-template-columns: 1fr auto;align-items: center;gap: var(--s1) var(--s4);padding: var(--s4) var(--s5) var(--s3);border-bottom: 1px solid var(--rule)}.inq-title{font-family: var(--serif);font-weight: 400;font-size: 20px;line-height: 1.3;color: var(--hanji)}.inq-prog{grid-column: 1 / -1;min-height: 1.3em;color: var(--mist);font-size: 13px;font-variant-numeric: tabular-nums}.inq-line{position: absolute;left: 0;right: 0;bottom: -1px;height: 1px;overflow: hidden}.inq-line span{display: block;height: 100%;background: var(--ds-silk,var(--gold));transform: scaleX(0);transform-origin: 0 50%;transition: transform var(--dur-scene) var(--ease-in-out)}.inq-x{position: relative;width: 44px;height: 44px;margin: -6px -10px -6px 0;border: 0;border-radius: 999px;background: none;color: var(--hanji)}.inq-x span::before,.inq-x span::after{content: "";position: absolute;left: 13px;top: 21px;width: 18px;height: 1.5px;background: currentColor;transform: rotate(45deg)}.inq-x span::after{transform: rotate(-45deg)}@media (hover: hover) and (pointer: fine){.inq-x:hover{color: var(--gold)}}.inq-scroll{flex: 1 1 auto;min-height: 0;overflow-y: auto;overscroll-behavior: contain;padding: var(--s5) var(--s5) var(--s6)}.inq-kept{margin-bottom: var(--s4);color: var(--mist);font-size: 13px}.inq-lead{color: #d9d6cf;font-size: 16px;line-height: 1.75;max-width: 36em}.inq-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s3) var(--s5);margin-top: var(--s5)}.inq-note{margin-top: var(--s4);color: var(--mist);font-size: 14px}.inq-draft{margin-top: var(--s5);padding: var(--s4);border: 1px solid var(--gold-line);border-radius: 2px}.inq-draft .inq-row{margin-top: var(--s3)}.inq-privacy{margin-top: var(--s6);border-top: 1px solid var(--rule);padding-top: var(--s4);color: var(--mist);font-size: 14px}.inq-privacy summary{cursor: pointer;min-height: 44px;display: flex;align-items: center;color: var(--hanji);font-size: 15px;list-style: none}.inq-privacy summary::-webkit-details-marker{display: none}.inq-privacy summary::after{content: "";width: 7px;height: 7px;margin-left: var(--s3);border-right: 1.5px solid var(--gold);border-bottom: 1.5px solid var(--gold);transform: translateY(-2px) rotate(45deg);transition: transform var(--dur-micro) var(--ease-out)}.inq-privacy[open] summary::after{transform: translateY(1px) rotate(-135deg)}.inq-privacy ul{display: grid;gap: var(--s2);padding: var(--s2) 0 0 var(--s4);list-style: disc}.inq-direct{margin-top: var(--s5);padding-top: var(--s4);border-top: 1px solid var(--rule);color: var(--mist);font-size: 14px}.inq-direct .inq-row{margin-top: var(--s3)}.inq-step{margin: 0;padding: 0;border: 0;min-width: 0}.inq-step:focus{outline: none}.inq-q{display: grid;gap: var(--s2);padding: 0;margin-bottom: var(--s3)}.inq-lab{display: flex;align-items: center;gap: 10px;color: var(--hanji);font-size: 13px;font-weight: 600;letter-spacing: 0.02em}.inq-lab::before{content: "";flex: none;width: 12px;height: 1px;background: var(--gold)}.inq-lab em{font-style: normal;font-weight: 500;color: var(--mist);margin-left: var(--s1)}.inq-qt{font-family: var(--serif);font-size: clamp(22px,1vw + 17px,27px);line-height: 1.35;letter-spacing: -0.015em;color: var(--hanji)}.inq-help{margin-bottom: var(--s4);color: var(--mist);font-size: 15px;max-width: 36em}.inq-notice{margin-top: var(--s4);color: var(--mist);font-size: 13px}.inq-hint{margin-bottom: var(--s4);padding: var(--s3) var(--s4);border-left: 1px solid var(--gold);color: #d9d6cf;font-size: 14px;background: rgba(207,174,107,0.05)}.inq-hint:empty{display: none}.inq-chips{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,230px),1fr));gap: 0 var(--s6)}.inq-grp + .inq-grp{margin-top: var(--s5)}.inq-grp-t{margin-bottom: var(--s2);color: var(--mist);font-size: 13px;font-weight: 600}.inq-grp[hidden]{display: none}.inq-col{grid-template-columns: 1fr}.inq-chip{position: relative;display: grid;grid-template-columns: auto 1fr;align-items: start;column-gap: var(--s3);min-height: 48px;padding: 12px 0;border: 0;border-radius: 0;cursor: pointer;background: none}.inq-chip input{appearance: none;-webkit-appearance: none;position: relative;width: 18px;height: 18px;margin: 3px 0 0;flex: none;border: 1px solid var(--gold-line);border-radius: 1px;background: transparent;cursor: pointer;transition: background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.inq-chip input[type="radio"]{border-radius: 50%}.inq-chip input:checked{border-color: var(--gold);background: var(--gold)}.inq-chip input[type="checkbox"]:checked::after{content: "";position: absolute;left: 5px;top: 1.5px;width: 5px;height: 10px;border-right: 1.75px solid var(--lacquer);border-bottom: 1.75px solid var(--lacquer);transform: rotate(42deg)}.inq-chip input[type="radio"]:checked::after{content: "";position: absolute;inset: 4.5px;border-radius: 50%;background: var(--lacquer)}.inq-chip input:focus-visible{outline: 2px solid var(--gold);outline-offset: 3px}.inq-chip-t{font-size: 16px;line-height: 1.5;color: #d9d6cf;transition: color var(--dur-micro) var(--ease-out)}.inq-det{grid-column: 2;margin-top: 2px;color: var(--mist);font-size: 14px;line-height: 1.55}.inq-chip:has(input:checked) .inq-chip-t{color: var(--hanji)}@media (hover: hover) and (pointer: fine){.inq-chip:hover .inq-chip-t{color: var(--hanji)}.inq-chip:hover input:not(:checked){border-color: var(--gold)}}.inq-chip:active input{transform: scale(0.94)}.inq-sub{margin: var(--s5) 0 0;padding: 0;border: 0;min-width: 0}.inq-sub legend{padding: 0;margin-bottom: var(--s3);color: var(--mist);font-size: 14px}.inq-field{display: grid;gap: var(--s2);margin-top: var(--s4);color: var(--mist);font-size: 14px}.inq-field[hidden]{display: none}.inq-text,.ds-b2-inq input[type="url"],.ds-b2-inq input[type="date"],.inq-sum{width: 100%;min-height: 48px;padding: 12px 14px;border: 1px solid var(--rule);border-radius: 2px;background: rgba(238,232,218,0.03);color: var(--hanji);font: inherit;font-size: 16px;line-height: 1.6;color-scheme: dark;transition: border-color var(--dur-micro) var(--ease-out)}.inq-text{resize: vertical}.inq-text::placeholder,.ds-b2-inq input::placeholder{color: #8a93a7}.inq-text:focus,.ds-b2-inq input[type="url"]:focus,.ds-b2-inq input[type="date"]:focus,.inq-sum:focus{border-color: var(--gold-line)}[aria-invalid="true"]{border-color: #e0a27a !important}.inq-count{margin-top: var(--s1);text-align: right;color: var(--mist);font-size: 12px;font-variant-numeric: tabular-nums}.inq-refs{display: grid;gap: var(--s2)}.inq-refs .inq-field{margin-top: 0}.inq-more,.inq-linkbtn{min-height: 44px;margin-top: var(--s2);padding: 0;border: 0;background: none;color: var(--hanji);font-size: 15px;text-decoration: underline;text-decoration-color: var(--gold-line);text-underline-offset: 5px}.inq-more[hidden]{display: none}.inq-err{min-height: 0;margin-top: var(--s3);color: #f0b58e;font-size: 15px}.inq-err:empty{margin: 0}.inq-warn{margin-top: var(--s4);padding: var(--s4);border: 1px solid rgba(240,181,142,0.5);border-radius: 2px;color: #f3dccb;font-size: 15px}.inq-warn .inq-row{margin-top: var(--s3)}.inq-st{font-family: var(--serif);font-weight: 400;font-size: clamp(23px,1vw + 18px,28px);line-height: 1.3;color: var(--hanji);outline: none}.inq-st + .inq-lead{margin-top: var(--s3)}.inq-dl{margin: var(--s5) 0 0;display: grid}.inq-dl>div{display: grid;grid-template-columns: minmax(0,1fr) auto;column-gap: var(--s4);padding: var(--s3) 0;border-top: 1px solid var(--rule)}.inq-dl dt{color: var(--mist);font-size: 13px}.inq-dl dd{grid-column: 1;margin: 2px 0 0;color: var(--hanji);font-size: 15px;white-space: pre-wrap;overflow-wrap: anywhere}.inq-dl dd.is-empty{color: var(--mist)}.inq-dl .inq-linkbtn{grid-column: 2;grid-row: 1 / span 2;align-self: center;margin: 0;font-size: 14px}.inq-sum{min-height: 0;font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,"Malgun Gothic","Apple SD Gothic Neo",monospace;font-size: 13.5px;line-height: 1.65;color: #d9d6cf;resize: none;white-space: pre-wrap}.inq-copy .pill{white-space: normal;text-align: center;line-height: 1.35;padding-block: var(--s3)}.inq-copy{position: sticky;bottom: calc(-1 * var(--s6));z-index: 2;margin-bottom: calc(-1 * var(--s3));padding: var(--s5) 0 var(--s4);background: linear-gradient(180deg,rgba(15,24,45,0),var(--lacquer-2) 22px)}.inq-copy .pill[hidden]{display: none}.inq-ok{display: flex;align-items: center;gap: var(--s3)}.inq-tick{position: relative;width: 34px;height: 34px;border-radius: 50%;border: 1px solid var(--gold);flex: none}.inq-tick::after{content: "";position: absolute;left: 11px;top: 8px;width: 9px;height: 15px;border-right: 1.5px solid var(--gold);border-bottom: 1.5px solid var(--gold);transform: rotate(40deg)}[data-screen="done"]:not([hidden]) .inq-tick{animation: ds-b2-mask var(--dur-scene) var(--ease-out) both}@keyframes ds-b2-mask{from{clip-path: inset(0 100% 0 0)}to{clip-path: inset(0 0 0 0)}}.inq-after .inq-body{margin-top: var(--s4);color: #d9d6cf}.inq-after>p:last-child:not(.inq-body){margin-top: var(--s4)}.inq-ol{margin-top: var(--s4);display: grid;gap: var(--s3);counter-reset: s}.inq-ol li{position: relative;padding-left: 34px;color: var(--hanji);counter-increment: s}.inq-ol li::before{content: counter(s);position: absolute;left: 0;top: 1px;width: 24px;height: 24px;border-radius: 50%;border: 1px solid var(--gold-line);color: var(--gold);font-size: 13px;text-align: center;line-height: 22px}.inq-foot{flex: none;display: flex;justify-content: space-between;gap: var(--s3);padding: var(--s3) var(--s5) calc(var(--s3) + env(safe-area-inset-bottom));border-top: 1px solid var(--rule);background: rgba(15,24,45,0.98)}.inq-foot[hidden]{display: none}.inq-foot .pill{min-width: 112px}.inq-foot .go{padding-right: var(--s2)}.inq-foot [data-back][hidden]{visibility: hidden;display: inline-flex}.inq-toast{position: absolute;left: 50%;bottom: calc(var(--s7) + env(safe-area-inset-bottom));z-index: 3;padding: var(--s2) var(--s5);border: 0;border-left: 1px solid var(--gold);border-radius: 0;background: rgba(10,17,32,0.96);color: var(--hanji);font-size: 15px;font-weight: 600;transform: translateX(-50%);animation: ds-b2-toast var(--dur-ui) var(--ease-out);pointer-events: none}@keyframes ds-b2-toast{from{opacity: 0;transform: translate(-50%,8px)}}.ds-b2-inq{position: fixed}.inq-msgs{display: none}.rm .ds-b2-inq[open],.rm .inq-toast,.rm [data-screen="done"] .inq-tick{animation: none !important}.rm .inq-line span{transition: none}@media (prefers-reduced-motion: reduce){.ds-b2-inq[open],.inq-toast,.inq-tick{animation: none !important}}html:not(.js) [data-inq-open],html:not(.js) .ds-b2-js-only{display: none}.card-stage:has(>.ds-b2-dev){container-type: size}.ds-b2-dev{--bar: 0px;position: relative;z-index: 1;flex: none;width: min(100cqw,calc((100cqh - var(--bar)) * var(--ar)));transition: transform var(--dur-micro) var(--ease-out)}@media (hover: hover) and (pointer: fine){.card.is-center .card-stage:hover>.ds-b2-dev{transform: perspective(1000px) rotateX(calc(var(--ds-py,0) * -2.2deg * var(--dk,1))) rotateY(calc(var(--ds-px,0) * 3deg * var(--dk,1)))}}.ds-b2-dev>video,.ds-b2-dev>img{display: block;width: 100%;height: auto;max-width: none;max-height: none;background: #050912}.ds-b2-dev-browser,.ds-b2-dev-window{--bar: 18px;border-radius: 7px;overflow: hidden;background: #0b1224;box-shadow: 0 24px 48px -28px rgba(0,0,0,0.7),0 0 0 1px rgba(238,232,218,0.1)}.ds-b2-bar{display: flex;align-items: center;gap: 5px;height: var(--bar);padding: 0 9px;background: linear-gradient(180deg,#17213b,#0f182d);border-bottom: 1px solid rgba(238,232,218,0.06)}.ds-b2-bar i{width: 6px;height: 6px;border-radius: 50%;background: rgba(238,232,218,0.22);flex: none}.ds-b2-bar b{margin: 0 auto;width: 36%;height: 7px;border-radius: 4px;background: rgba(238,232,218,0.07);transform: translateX(-12px)}.ds-b2-dev-phone>video,.ds-b2-dev-phone>img{border-radius: 14px;box-shadow: 0 0 0 5px #04070f,0 0 0 6px rgba(238,232,218,0.16),0 24px 48px -28px rgba(0,0,0,0.7)}.ds-b2-island{position: absolute;z-index: 2;left: 50%;top: 7px;width: 26%;height: 5px;border-radius: 4px;background: #04070f;transform: translateX(-50%);pointer-events: none}@media (max-width: 767px){.ds-b2-dev-browser,.ds-b2-dev-window{--bar: 14px;border-radius: 5px}.ds-b2-bar i{width: 5px;height: 5px}}.rm .ds-b2-dev,.ds-b2-low .ds-b2-dev{transform: none;transition: none}.case-article:has(>.case-main){display: block}.case-main{display: grid;gap: var(--s6)}@media (min-width: 900px){.case-main{grid-template-columns: minmax(0,7fr) minmax(0,5fr);column-gap: var(--s8)}}.cs{display: grid;gap: var(--s7);margin-top: var(--s8);padding-top: var(--s7);border-top: 1px solid var(--gold-line);position: relative}.cs::before{content: "";position: absolute;left: 0;top: -1px;width: min(240px,40%);height: 1px;background: var(--ds-silk,var(--gold))}.cs-head{display: grid;gap: var(--s4)}.cs-eyebrow{font-family: var(--serif);font-size: var(--t-h3);line-height: 1.25;letter-spacing: -0.02em;color: var(--hanji)}.cs-index ol{display: flex;flex-wrap: wrap;gap: 0 var(--s5)}.cs-index button{font-size: 14px}.cs-secs{display: grid}.cs-sec{display: grid;gap: var(--s4);padding-block: var(--s6);border-top: 1px solid var(--rule);scroll-margin-top: 84px}.cs-sec:first-child{border-top: 0;padding-top: 0}.cs-h{display: flex;align-items: center;gap: var(--s2);font-family: var(--serif);font-weight: 400;font-size: var(--t-h4);line-height: 1.35;color: var(--hanji);outline: none}.cs-n{display: inline-flex;align-items: center;gap: var(--s2);min-width: 2.2em;color: var(--mist);font-family: var(--sans);font-size: 13px;font-weight: 600;letter-spacing: 0.06em;font-variant-numeric: tabular-nums}.cs-n::after{content: "";width: 18px;height: 18px;flex: none;opacity: 0.8;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M14 0V7.4L13.9 9L13.4 10.6L12.8 12L11.9 13.2L10.9 14.2L9.8 14.9L8.7 15.3L7.7 15.4L6.8 15.3L6.2 15L5.7 14.5L5.6 14L5.7 13.5L6.2 13L6.8 12.7L7.7 12.6L8.7 12.7L9.8 13.1L10.9 13.8L11.9 14.8L12.8 16L13.4 17.4L13.9 19L14 20.6V28' fill='none' stroke='%23cfae6b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.cs-b{min-width: 0}.cs-b p{color: #d9d6cf;max-width: 40em}.cs-b .cs-lead{font-size: var(--t-lead);line-height: 1.75;color: var(--hanji)}.cs-sub{display: flex;align-items: center;gap: 10px;margin-bottom: var(--s3);color: var(--hanji);font-size: 14px;font-weight: 600}.cs-sub::before{content: "";flex: none;width: 12px;height: 1px;background: var(--gold)}.cs-list{display: grid;gap: var(--s3);max-width: 42em}.cs-list li{position: relative;padding-left: 22px;color: #d9d6cf}.cs-list li::before{content: "";position: absolute;left: 2px;top: 0.85em;width: 10px;height: 1px;background: var(--gold);opacity: 0.8}.cs-s-features .cs-list{gap: var(--s3) var(--s6)}.cs-tech{display: grid;gap: 0;max-width: 46em}.cs-tech>div{display: grid;grid-template-columns: minmax(0,13em) minmax(0,1fr);gap: var(--s4);padding: var(--s3) 0;border-top: 1px solid var(--rule)}.cs-tech>div:first-child{border-top: 0;padding-top: 0}.cs-tech dt{font-weight: 600;color: var(--hanji)}.cs-tech dd{margin: 0;color: var(--mist)}@media (max-width: 599px){.cs-tech>div{grid-template-columns: 1fr;gap: 2px}}.cs-steps{position: relative;display: grid;gap: var(--s4);max-width: 42em;padding-left: 30px;counter-reset: st}.cs-steps::before{content: "";position: absolute;left: 7px;top: 8px;bottom: 8px;width: 1px;background: var(--gold-line)}.cs-steps li{position: relative;color: #d9d6cf;counter-increment: st}.cs-steps li::before{content: "";position: absolute;left: -28px;top: 0.6em;width: 11px;height: 11px;border-radius: 50%;border: 1px solid var(--gold);background: var(--lacquer)}.cs-cons{margin-top: var(--s5)}.cs-chs{display: grid;gap: var(--s4);max-width: 46em}.cs-chs{gap: 0}.cs-ch{display: grid;gap: var(--s2);padding: var(--s4) 0 var(--s5);border-top: 1px solid var(--rule)}.cs-ch:first-child{border-top: 0;padding-top: 0}.cs-ch-p{color: var(--hanji) !important}.cs-ch-s{color: var(--mist) !important}.cs-ch-l{color: var(--hanji);font-size: 13px;font-weight: 600;margin-right: var(--s1)}.cs-state{justify-self: start;color: var(--mist);font-size: 13px;font-weight: 600;letter-spacing: 0.01em}.cs-ch[data-status="open"] .cs-state{color: var(--hanji)}.cs-demos{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,260px),1fr));gap: var(--s5) var(--s6)}.cs-demo{display: grid;align-content: start;gap: var(--s2);padding-top: var(--s4);border-top: 1px solid var(--rule)}.cs-demo p{font-size: 15px}.cs-demo-t{color: var(--hanji) !important;font-weight: 600}.cs-sim{color: var(--mist) !important;font-size: 14px !important}.cs-demo .go{margin-top: var(--s1)}.cs-demo-note{margin-top: var(--s4);color: var(--mist) !important;font-size: 14px}.cs-rels{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,210px),1fr));gap: var(--s4)}.cs-rel{display: grid;gap: var(--s1);text-decoration: none;color: inherit;border-radius: 2px}.cs-rel-pic{display: flex;align-items: center;justify-content: center;aspect-ratio: 16 / 10;margin-bottom: var(--s2);overflow: hidden;border-radius: 2px;background: var(--lacquer-2);box-shadow: inset 0 0 0 1px rgba(238,232,218,0.08)}.cs-rel-pic img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 24%;opacity: 0.86;transition: opacity var(--dur-micro) var(--ease-out),transform var(--dur-scene) var(--ease-out)}.cs-rel-pic.shape-phone img{width: auto;height: 86%;object-fit: contain;border-radius: 8px}.cs-rel-k{color: var(--mist);font-size: 13px}.cs-rel-t{font-family: var(--serif);font-size: 19px;line-height: 1.35;color: var(--hanji)}@media (hover: hover) and (pointer: fine){.cs-rel:hover .cs-rel-pic img{opacity: 1;transform: scale(1.03)}.cs-rel:hover .cs-rel-t{text-decoration: underline;text-decoration-color: var(--gold-line);text-underline-offset: 5px}}.cs-rel:active{transform: scale(0.98)}.cs-role{display: grid;gap: var(--s6)}@media (min-width: 700px){.cs-role{grid-template-columns: repeat(auto-fit,minmax(0,1fr))}}@media (min-width: 900px){.cs{gap: var(--s8)}.cs-head{grid-template-columns: minmax(0,4fr) minmax(0,8fr);column-gap: var(--s8);align-items: start}.cs-sec{grid-template-columns: minmax(0,4fr) minmax(0,8fr);column-gap: var(--s8);align-items: start}.cs-h{position: sticky;top: 88px}}.cs-display{display: grid;gap: var(--s4)}.cs-dh{font-family: var(--serif);font-weight: 400;font-size: var(--t-h4);color: var(--hanji)}.dd{--p: 0.5;--mx: 0;--my: 0;--k: 1;margin: 0;perspective: 1900px;perspective-origin: 50% 40%}.dd-stage{position: relative;aspect-ratio: 16 / 9;margin-inline: auto;max-width: 1040px;transform-style: preserve-3d;transform: rotateX(calc((var(--rx0) * (1.1 - var(--p) * 0.8) - var(--my) * 2.5) * 1deg * var(--k))) rotateY(calc((var(--ry0) * (1.15 - var(--p) * 0.85) + var(--mx) * 3.5) * 1deg * var(--k)));transition: transform var(--dur-micro) linear}.dd-dev{position: absolute;transform-style: preserve-3d;transition: transform var(--dur-scene) var(--ease-out)}.dd-screen img,.dd-screen picture{display: block;width: 100%;height: auto}.dd-browser,.dd-window,.dd-plain{border-radius: 8px;overflow: hidden;background: #0b1224;box-shadow: 0 24px 48px -28px rgba(0,0,0,0.7),0 0 0 1px rgba(238,232,218,0.12)}.dd-bar{display: flex;align-items: center;gap: 6px;height: 24px;padding: 0 11px;background: linear-gradient(180deg,#17213b,#0f182d);border-bottom: 1px solid rgba(238,232,218,0.06)}.dd-bar i{width: 7px;height: 7px;border-radius: 50%;background: rgba(238,232,218,0.22)}.dd-bar b{margin: 0 auto;width: 34%;height: 8px;border-radius: 4px;background: rgba(238,232,218,0.07)}.dd-phone{padding: 7px;border-radius: 30px;background: #04070f;box-shadow: 0 0 0 1px rgba(238,232,218,0.16),0 24px 48px -28px rgba(0,0,0,0.7)}.dd-phone .dd-screen{border-radius: 23px;overflow: hidden}.dd-island{position: absolute;z-index: 2;left: 50%;top: 15px;width: 28%;height: 7px;border-radius: 4px;background: #04070f;transform: translateX(-50%)}.dd-c-duo .dd-base{left: 0;top: 3%;width: 80%;transform: translateZ(0)}.dd-c-duo .dd-front{right: 1%;bottom: 0;width: 21%;transform: translate3d(0,calc((0.5 - var(--p)) * 26px),70px)}.dd-c-duo.dd-side-left .dd-base{left: auto;right: 0}.dd-c-duo.dd-side-left .dd-front{right: auto;left: 1%}.dd-c-trio .dd-back{left: 0;top: 0;width: 62%;transform: translateZ(-30px);opacity: 0.9}.dd-c-trio .dd-mid{left: 17%;top: 17%;width: 62%;transform: translate3d(0,calc((0.5 - var(--p)) * 14px),24px)}.dd-c-trio .dd-front{right: 1%;bottom: 0;width: 20%;transform: translate3d(0,calc((0.5 - var(--p)) * 30px),80px)}.dd-c-pair .dd-back{left: 0;top: 0;width: 68%;transform: translateZ(-24px);opacity: 0.9}.dd-c-pair .dd-front{right: 0;bottom: 0;width: 68%;transform: translate3d(0,calc((0.5 - var(--p)) * 22px),50px)}.dd-c-window .dd-base{left: 0;top: 0;width: 84%}.dd-c-window .dd-front{left: 6%;bottom: 0;width: 46%;transform: translate3d(0,calc((0.5 - var(--p)) * 24px),70px)}.dd-c-window.dd-side-left .dd-base{left: auto;right: 0}.dd.is-hover .dd-front{transform: translate3d(0,calc((0.5 - var(--p)) * 26px - 6px),96px)}.dd-cap,.dd-note{color: var(--mist);font-size: var(--t-small);text-align: center;margin-top: var(--s4)}.dd-note{margin-top: var(--s1)}@media (max-width: 767px){.dd{--k: 0.55}.dd-bar{height: 16px;gap: 4px;padding: 0 7px}.dd-bar i{width: 5px;height: 5px}.dd-phone{padding: 4px;border-radius: 16px}.dd-phone .dd-screen{border-radius: 12px}.dd-island{top: 7px;height: 4px}}.rm .dd-stage,.ds-b2-low .dd-stage{transform: none;transition: none}.rm .dd-dev,.ds-b2-low .dd-dev{transform: none !important;transition: none}.frame-cmp{display: block !important;padding: var(--s4) !important}.cmp{margin: 0;display: grid;gap: var(--s4)}.cmp-tools{display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--s2) var(--s4);position: relative;z-index: 2}.cmp-group{display: flex;flex-wrap: wrap;gap: 0 var(--s5)}.cmp-chip{font-size: 14px}.cmp-stage{position: relative;width: min(100%,calc(68vh * var(--ar,1.6)));aspect-ratio: var(--ar,16 / 10);margin-inline: auto;overflow: hidden;border-radius: 4px;background: #050912;touch-action: pan-y;user-select: none;-webkit-user-select: none;cursor: ew-resize;box-shadow: 0 0 0 1px rgba(238,232,218,0.12)}.cmp-pair{position: absolute;inset: 0}.cmp-pair picture,.cmp-pair img{position: absolute;inset: 0;display: block;width: 100%;height: 100%;max-width: none !important;max-height: none !important;object-fit: cover;border-radius: 0 !important;pointer-events: none}.cmp-after{clip-path: inset(0 0 0 var(--pos,50%))}.cmp-handle{position: absolute;inset: 0;z-index: 2;outline-offset: -4px}.cmp-handle:focus-visible{outline: 2px solid var(--gold)}.cmp-grip{position: absolute;left: 0;top: 0;bottom: 0;width: 100%;transform: translateX(var(--pos,50%));pointer-events: none}.cmp-grip::before{content: "";position: absolute;left: -1px;top: 0;bottom: 0;width: 2px;background: var(--ds-silk-v,var(--gold));box-shadow: 0 0 12px rgba(0,0,0,0.6)}.cmp-grip::after{content: "";position: absolute;left: -22px;top: 50%;width: 44px;height: 44px;margin-top: -22px;border-radius: 50%;border: 1px solid var(--gold);background: rgba(10,17,32,0.86) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath d='M18 16l-6 6 6 6M26 16l6 6-6 6' fill='none' stroke='%23eee8da' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 44px no-repeat;box-shadow: 0 6px 20px rgba(0,0,0,0.5);transition: transform var(--dur-micro) var(--ease-out)}.cmp-stage.is-drag .cmp-grip::after{transform: scale(1.06)}.cmp-stage.is-jump .cmp-after{transition: clip-path var(--dur-micro) var(--ease-out)}.cmp-stage.is-jump .cmp-grip{transition: transform var(--dur-micro) var(--ease-out)}.cmp-tag{position: absolute;z-index: 1;top: var(--s3);padding: 4px 10px;border-radius: 2px;background: rgba(10,17,32,0.82);color: var(--hanji);font-size: 13px;font-weight: 600;pointer-events: none}.cmp-tag-b{left: var(--s3)}.cmp-tag-a{right: var(--s3)}.cmp-cap{color: var(--mist);font-size: var(--t-small);text-align: center}@media (min-width: 900px){.case-site .case-main{grid-template-columns: minmax(0,8fr) minmax(0,4fr)}}.rm .cmp-stage.is-jump .cmp-after,.rm .cmp-stage.is-jump .cmp-grip{transition: none}.ds-b2-site{margin: 0;min-width: 0;display: flex;flex-wrap: wrap;align-items: center;column-gap: var(--s3);font-size: 14px;line-height: 1.4;color: var(--mist)}.ds-b2-site-k{font-family: var(--serif);font-size: 13.5px;letter-spacing: 0.04em;color: var(--mist)}.ds-b2-site a{display: inline-flex;align-items: center;min-height: 44px}html[data-mode="quick"] *,html[data-mode="quick"] *::before,html[data-mode="quick"] *::after{animation-duration: 0.01ms !important;animation-delay: 0s !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;transition-delay: 0s !important;scroll-behavior: auto !important}html[data-mode="quick"] .hero-grid{min-height: 0;padding-block: var(--s5) var(--s7)}html[data-mode="quick"] .hero-art{height: min(24svh,220px)}html[data-mode="quick"] .make-intro{min-height: 0;padding-block: var(--s8) var(--s5)}html[data-mode="quick"] .make-item{gap: var(--s5);padding-block: var(--s6)}html[data-mode="quick"] .make-media.shape-phone{width: calc(min(52vw,220px) - 2 * var(--mat))}html[data-mode="quick"] .make-media.shape-screen{width: calc(min(100%,520px) - 2 * var(--mat))}html[data-mode="quick"] .works,html[data-mode="quick"] .price,html[data-mode="quick"] .process,html[data-mode="quick"] .reviews{padding-top: var(--s9)}html[data-mode="quick"] .inlay{margin-top: var(--s7)}html[data-mode="quick"] .inlay-vine{height: clamp(56px,7vw,110px)}@media (min-width: 768px){html[data-mode="quick"] .hero-art{height: auto;width: min(100%,300px);justify-self: end}}@media (min-width: 900px){html[data-mode="quick"] .make-list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));column-gap: var(--s8)}html[data-mode="quick"] .make-item{grid-template-columns: minmax(0,1fr);align-items: start;padding-block: var(--s7)}html[data-mode="quick"] .make-media,html[data-mode="quick"] .make-copy{grid-column: 1;grid-row: auto}html[data-mode="quick"] .make-media{justify-self: start}html[data-mode="quick"] .make-media.shape-phone{width: auto;height: calc(min(46vh,400px) - 2 * var(--mat))}html[data-mode="quick"] .make-media.shape-screen{width: calc(min(100%,560px) - 2 * var(--mat))}html[data-mode="quick"] .make-intro{min-height: 0}}.ds-case-back{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s5);padding-block:var(--s5)}