:root{color-scheme:light;--bg: #f7f6f2;--bg-elev: #eeede7;--bg-tint: #f0efe9;--fg-faint: #707369;--accent-hover: #97341f;--accent-tint: #f2e5db;--cta-bg: #c64b2e;--code-bg: #eeede7;--page-gutter: 48px;--page-max: 1280px;--header-h: 88px;--pad-head-bottom: 48px;--radius-pill: 9999px;--bg-elev2: #e5e4dd;--border: #d8d8ce;--border-soft: #e7e7df;--fg: #242720;--fg-dim: #62655d;--fg-mute: #707369;--cyan: #a8432b;--magenta: #466448;--accent: #b8452b;--accent-cta: #c64b2e;--accent-2: #466448;--accent-dim: #97341f;--cta-fg: #fffaf3;--danger: #b02f29;--success: #3c664b;--warn: #84601e;--danger-bg: #faeae6;--accent-bg: #f2e5db;--invert-bg: #282e25;--invert-fg: #f8f7ef;--invert-dim: #c5cbbb;--invert-border: #495041;--shadow: 0 6px 24px #24272008;--shadow-pop: 0 16px 40px #24272012;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;--serif: "Noto Serif KR", Georgia, "Times New Roman", serif;--text-h1: clamp(38px, 5.5vw, 68px);--text-h2: clamp(25px, 3vw, 36px);--text-h3: 21px;--text-lead: 18px;--text-body: 16px;--text-desc: 14px;--text-meta: 12px;--text-badge: 11px;--track-eyebrow: .13em;--track-badge: .08em;--leading-body: 1.75;--leading-h1: 1.15;--leading-desc: 1.65;--measure: 62ch;--radius-card: 16px;--radius-btn: 8px;--gap-card: 24px;--pad-section: 80px;--pad-section-sm: 48px}*{box-sizing:border-box}html{background:var(--bg);color-scheme:light;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:var(--text-body);line-height:var(--leading-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button,a{font:inherit}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.25em}a:hover{color:var(--accent-hover)}:where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:10px 14px;background:var(--cta-bg);color:var(--cta-fg);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-shell{width:min(calc(100% - (var(--page-gutter) * 2)),var(--page-max));margin-inline:auto}.eyebrow{margin:0 0 18px;color:var(--accent);font-family:var(--mono);font-size:var(--text-meta);font-weight:600;letter-spacing:var(--track-eyebrow);line-height:1.4;text-transform:uppercase}.display,.section-title,.page-title{margin:0;font-family:var(--sans);font-weight:750;letter-spacing:-.045em;word-break:keep-all}.display{font-size:var(--text-h1);line-height:var(--leading-h1)}.section-title{font-size:var(--text-h2);line-height:1.16}.page-title{font-size:clamp(42px,6vw,76px);line-height:1.1}.lede{max-width:38rem;margin:28px 0 0;color:var(--fg-dim);font-size:var(--text-lead);line-height:1.72;word-break:keep-all}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid var(--border);border-radius:var(--radius-btn);background:transparent;color:var(--fg);cursor:pointer;font-weight:600;text-decoration:none;transition:border-color .18s ease,background .18s ease,color .18s ease}.button:hover{border-color:var(--accent);color:var(--accent-hover)}.button.primary{border-color:var(--cta-bg);background:var(--cta-bg);color:var(--cta-fg)}.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--cta-fg)}.arrow-link{font-weight:600;text-decoration:none}.arrow-link:after{content:" ↗";color:var(--accent)}.arrow-link.local:after{content:" →"}.section{padding:var(--pad-section) 0;border-top:1px solid var(--border-soft)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:72px;align-items:end;margin-bottom:66px}.section-intro{max-width:34rem;margin:0;color:var(--fg-mute);word-break:keep-all}.home-hero{min-height:calc(100svh - var(--header-h));padding:86px 0 74px;display:flex;align-items:center}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:clamp(54px,7vw,112px);align-items:center}.home-hero .display span{display:block}.hero-note{display:flex;gap:18px;align-items:baseline;margin:40px 0 0;color:var(--fg-mute);font-size:var(--text-desc)}.hero-note strong{color:var(--fg);font-weight:600}.hero-visual{margin:0;position:relative}.hero-visual:before{content:"01 / STUDIO";position:absolute;left:-34px;top:24px;z-index:1;padding:7px 9px;background:var(--bg);color:var(--accent);font-family:var(--mono);font-size:10px;letter-spacing:.12em}.hero-visual img{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:54% center;border-radius:140px 140px 16px 16px}.hero-visual figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:12px;color:var(--fg-mute);font-family:var(--mono);font-size:10px;letter-spacing:.08em}.featured-product{padding:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-elev)}.featured-grid{display:grid;grid-template-columns:minmax(360px,.86fr) minmax(0,1.14fr);min-height:680px}.featured-media{margin:0;min-height:100%;overflow:hidden}.featured-media img{width:100%;height:100%;min-height:680px;object-fit:cover;object-position:center 34%;filter:saturate(.76) contrast(1.03)}.featured-copy{padding:clamp(64px,9vw,132px);align-self:center}.featured-copy h2{max-width:10ch;font-family:var(--sans);font-size:clamp(40px,5.3vw,70px);font-weight:750;letter-spacing:-.045em;line-height:1.14;word-break:keep-all}.featured-copy .price{margin:24px 0 0;color:var(--accent);font-family:var(--mono);font-size:var(--text-meta);letter-spacing:.1em}.featured-copy .description{max-width:33rem;margin:24px 0 0;color:var(--fg-dim);font-size:var(--text-lead);word-break:keep-all}.product-groups{border-top:1px solid var(--border)}.product-group{display:grid;grid-template-columns:minmax(190px,.38fr) minmax(0,1fr);border-bottom:1px solid var(--border)}.group-label{padding:34px 34px 34px 0;border-right:1px solid var(--border)}.group-label span{color:var(--accent);font-family:var(--mono);font-size:11px;letter-spacing:.12em}.group-label h3{margin:12px 0 0;font-family:var(--sans);font-size:25px;font-weight:750}.product-list{margin:0;padding:0;list-style:none}.product-row{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(220px,1fr) auto;gap:28px;align-items:start;padding:30px 0 30px 40px;border-bottom:1px solid var(--border-soft)}.product-row:last-child{border-bottom:0}.product-row h4{margin:0;font-size:18px;font-weight:650}.product-row .status{display:block;margin-top:6px;color:var(--fg-faint);font-family:var(--mono);font-size:10px;letter-spacing:.06em}.product-row p{margin:0;color:var(--fg-mute);word-break:keep-all}.store-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}.store-links a{font-size:var(--text-desc);font-weight:600;white-space:nowrap}.books-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(46px,8vw,120px)}.book-lead{padding-right:36px}.book-number{color:var(--accent);font-family:var(--mono);font-size:11px;letter-spacing:.12em}.book-lead h3{margin:18px 0 0;font-family:var(--sans);font-size:clamp(34px,4vw,54px);font-weight:750;letter-spacing:-.035em}.book-lead p{max-width:36rem;margin:22px 0 0;color:var(--fg-dim);font-size:var(--text-lead);word-break:keep-all}.book-stack{border-top:1px solid var(--border)}.book-item{padding:28px 0;border-bottom:1px solid var(--border)}.book-item h3{margin:0;font-family:var(--sans);font-size:24px;font-weight:750}.book-meta{margin:7px 0 14px;color:var(--accent);font-family:var(--mono);font-size:10px;letter-spacing:.08em}.book-item p{margin:0 0 15px;color:var(--fg-mute)}.book-links{display:flex;flex-wrap:wrap;gap:10px 18px}.book-links a{font-size:var(--text-desc);font-weight:600}.tool-directory{margin:0;padding:0;border-top:1px solid var(--border);list-style:none}.tool-row{display:grid;grid-template-columns:72px minmax(200px,.7fr) minmax(260px,1fr) auto;gap:28px;align-items:start;padding:34px 0;border-bottom:1px solid var(--border)}.tool-row>span{color:var(--accent);font-family:var(--mono);font-size:12px}.tool-row h3{margin:0;font-size:19px}.tool-row p{margin:0;color:var(--fg-mute)}.record-band{background:var(--fg);color:var(--cta-fg)}.record-band .section{border:0}.record-band .eyebrow{color:#eab7a8}.record-band .section-intro{color:#c5cbbb}.record-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(248,247,239,.24)}.record-link{padding:28px 28px 30px 0;border-right:1px solid rgba(248,247,239,.24);color:var(--cta-fg);text-decoration:none}.record-link+.record-link{padding-left:28px}.record-link:last-child{border-right:0}.record-link span{display:block;margin-bottom:22px;font-family:var(--mono);font-size:10px;letter-spacing:.1em}.record-link strong{display:block;font-family:var(--sans);font-size:24px;font-weight:600}.record-link small{display:block;margin-top:8px;color:#c5cbbb}.company-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(420px,1.22fr);gap:clamp(60px,10vw,150px)}.company-note p{max-width:31rem;margin:24px 0 0;color:var(--fg-dim);font-size:var(--text-lead);word-break:keep-all}.company-info{margin:0;border-top:1px solid var(--border)}.company-info>div{display:grid;grid-template-columns:150px 1fr;gap:26px;padding:17px 0;border-bottom:1px solid var(--border-soft)}.company-info dt{color:var(--fg-faint);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.company-info dd{margin:0;color:var(--fg-dim)}.subpage-hero{padding:118px 0 108px}.subpage-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);gap:80px;align-items:end}.subpage-mark{align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-end;color:var(--accent);font-family:var(--sans);font-size:clamp(110px,17vw,248px);line-height:.7;opacity:.16}.responsibility-band{padding:42px 0;border-block:1px solid var(--border)}.responsibility-row{display:grid;grid-template-columns:180px 1fr auto;gap:32px;align-items:baseline}.responsibility-row span{color:var(--fg-faint);font-family:var(--mono);font-size:11px;letter-spacing:.1em}.responsibility-row strong{font-family:var(--sans);font-size:clamp(26px,3vw,38px);font-weight:750}.responsibility-row p{margin:0;color:var(--fg-mute)}.principles{margin:0;padding:0;border-top:1px solid var(--border);list-style:none;counter-reset:principle}.principle{counter-increment:principle;display:grid;grid-template-columns:80px minmax(180px,.45fr) minmax(0,1fr);gap:32px;padding:34px 0;border-bottom:1px solid var(--border)}.principle:before{content:"0" counter(principle);color:var(--accent);font-family:var(--mono);font-size:11px}.principle h3{margin:0;font-family:var(--sans);font-size:25px;font-weight:750}.principle p{max-width:42rem;margin:0;color:var(--fg-mute)}.boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border)}.boundary-item{min-height:220px;padding:28px 30px 28px 0;border-right:1px solid var(--border)}.boundary-item+.boundary-item{padding-left:30px}.boundary-item:last-child{border-right:0}.boundary-item span{color:var(--accent);font-family:var(--mono);font-size:10px}.boundary-item h3{margin:36px 0 12px;font-family:var(--sans);font-size:25px;font-weight:750}.boundary-item p{margin:0;color:var(--fg-mute)}.closing-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center;padding:54px 0;border-top:1px solid var(--border)}.closing-callout p{max-width:44rem;margin:0;color:var(--fg-dim);font-size:var(--text-lead);word-break:keep-all}.system-sequence{margin:0;padding:0;border-top:1px solid var(--border);list-style:none}.system-step{display:grid;grid-template-columns:82px minmax(220px,.55fr) minmax(0,1fr);gap:34px;padding:38px 0;border-bottom:1px solid var(--border)}.system-step>span{color:var(--accent);font-family:var(--mono);font-size:11px}.system-step h3{margin:0;font-family:var(--sans);font-size:26px;font-weight:750}.system-step p{max-width:42rem;margin:0;color:var(--fg-mute)}.system-boundary{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:52px 0;border-block:1px solid var(--border)}.system-boundary h3{margin:0;font-family:var(--sans);font-size:30px;font-weight:750}.system-boundary p{margin:0;color:var(--fg-dim)}@media(max-width:980px){:root{--page-gutter: 34px;--pad-section: 112px}.home-hero-grid{grid-template-columns:1fr .85fr;gap:48px}.featured-grid{grid-template-columns:.9fr 1.1fr}.featured-copy{padding:64px}.product-row{grid-template-columns:minmax(120px,.35fr) 1fr}.store-links{grid-column:2;justify-content:flex-start}.tool-row{grid-template-columns:52px minmax(190px,.65fr) 1fr}.tool-row .store-links{grid-column:3}.company-layout{grid-template-columns:.8fr 1.2fr;gap:54px}}@media(max-width:760px){:root{--page-gutter: 24px;--pad-section: 88px;--pad-section-sm: 58px}.home-hero{min-height:auto;padding:72px 0 54px}.home-hero-grid,.section-head,.books-layout,.company-layout,.subpage-hero-grid,.system-boundary{grid-template-columns:1fr}.section-head{gap:24px;margin-bottom:46px}.home-hero-grid{gap:54px}.hero-visual{width:calc(100% + var(--page-gutter))}.hero-visual:before{left:14px}.hero-visual img{aspect-ratio:5 / 4}.featured-grid{grid-template-columns:1fr;min-height:auto}.featured-media img{min-height:0;aspect-ratio:5 / 4}.featured-copy{padding:56px var(--page-gutter) 64px}.product-group{grid-template-columns:1fr}.group-label{padding:28px 0 18px;border-right:0;border-bottom:1px solid var(--border-soft)}.product-row{grid-template-columns:1fr;gap:14px;padding:26px 0}.store-links{grid-column:auto;justify-content:flex-start}.book-lead{padding:0 0 44px}.tool-row{grid-template-columns:42px 1fr;gap:18px}.tool-row p,.tool-row .store-links{grid-column:2}.record-links{grid-template-columns:1fr}.record-link,.record-link+.record-link{padding:24px 0;border-right:0;border-bottom:1px solid rgba(248,247,239,.24)}.record-link:last-child{border-bottom:0}.company-info>div{grid-template-columns:1fr;gap:5px}.subpage-hero{padding:82px 0 72px}.subpage-mark{display:none}.responsibility-row{grid-template-columns:1fr;gap:8px}.principle,.system-step{grid-template-columns:44px 1fr;gap:18px}.principle p,.system-step p{grid-column:2}.boundary-grid{grid-template-columns:1fr}.boundary-item,.boundary-item+.boundary-item{min-height:0;padding:28px 0;border-right:0;border-bottom:1px solid var(--border)}.boundary-item:last-child{border-bottom:0}.boundary-item h3{margin-top:18px}.closing-callout{grid-template-columns:1fr;gap:24px}.system-boundary{gap:24px}.system-boundary h3{font-size:26px;line-height:1.45}}@media(max-width:390px){:root{--page-gutter: 20px}.display{font-size:43px}.page-title{font-size:40px}.lede{font-size:17px}.button-row{align-items:stretch}.button-row .button{flex:1 1 100%}.tool-row{grid-template-columns:32px minmax(0,1fr)}.store-links{gap:8px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}