:root{--ink:#eeede5;--blue:#d7c296;--muted:#a7a8a5;--paper:#090b0c;--ice:#050606;--line:#2f2f2e;--header-height:68px;--scene-height:calc(100svh - var(--header-height));color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:"Avenir Next","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;letter-spacing:-.035em;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,main:focus-visible{outline:3px solid #d7c296;outline-offset:5px}h1,h2,h3,p{margin:0;word-break:keep-all;overflow-wrap:break-word}p{line-height:1.75}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#6f726b;color:#fff}.skip{position:fixed;left:20px;top:-80px;z-index:20;background:var(--blue);color:white;padding:14px 24px}.skip:focus{top:12px}.header{height:var(--header-height);padding:0 3.2%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #262725;background:#050606;position:relative;z-index:10}.wordmark{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.22em;font-weight:500;white-space:nowrap;text-transform:uppercase}.wordmark svg{width:19px;height:19px;fill:none;stroke:var(--blue);stroke-width:1}.brand-period{color:var(--blue);display:none}.nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:400;letter-spacing:-.02em}.nav a{min-height:44px;display:flex;align-items:center}.nav a:hover{color:var(--blue)}.nav .contact-link{background:#eeece2;color:#121410;border-radius:30px;padding:0 20px;gap:14px}.nav .contact-link:hover{background:#d9cdae;color:#111110}.contact-link span{font-size:18px}main{height:var(--scene-height);overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#434441 #050606}.scene{min-height:var(--scene-height);position:relative;isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;overflow:clip}.section-shell{width:min(1240px,88%);margin:auto;padding:48px 0}.section-label{font-size:13px;font-weight:600;letter-spacing:-.015em}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.sequence{font-size:13px;font-weight:600;letter-spacing:.04em}.sequence span{opacity:.5;margin-left:8px}.status-dot,.connected-dot{display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;flex-shrink:0}.body-copy{font-size:16px;color:var(--muted);line-height:1.85;max-width:420px}.hero{background:var(--ice);padding:95px 35px 125px;min-height:var(--scene-height);align-items:center;justify-content:center;text-align:center}.hero-art-wrap{position:absolute;width:106%;right:-20%;top:-3%;height:105%;z-index:-1;display:grid;place-items:center;opacity:.58}.hero-art{width:100%;height:auto;max-height:100%;object-fit:contain;mix-blend-mode:lighten;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);filter:saturate(.2) sepia(.12)}.hero-art-wrap::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 47%,#050606d9,transparent 63%),linear-gradient(90deg,#050606,transparent 25%);pointer-events:none}.hero-content{width:100%;max-width:750px;position:relative;margin:0 auto;text-shadow:0 3px 22px #000a}.product-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:400;margin-bottom:32px;color:#c6c7ba;justify-content:center;letter-spacing:.025em}.product-label>span:last-child{font-size:11px;letter-spacing:-.02em;margin-left:8px;color:#aaaaa5;font-weight:450}h1{font-size:clamp(42px,4.3vw,62px);font-weight:430;line-height:1.3;letter-spacing:-.067em}h1 strong{font-weight:700;color:#e3d3a5}.hero-description{font-size:17px;line-height:1.9;margin-top:30px;color:#bfc0bc}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid #747570;padding:12px 0;margin-top:22px}.text-link span{font-size:20px;color:var(--blue)}.text-link:hover{color:var(--blue);border-color:var(--blue)}.hero-foot{position:absolute;bottom:0;left:3.2%;right:3.2%;min-height:63px;border-top:1px solid #2f2f2e;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:#a3a49f}.hero-foot>span:first-child{font-weight:600;color:#c9c9c5}.hero-foot p{font-size:11px}.edition{font-size:11px;letter-spacing:.01em}
.intro{background:#080b0b;color:#f2f5fa}.intro-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:6%}.intro-copy .section-label{color:#a5a7a2;margin-bottom:28px}.intro h2{font-size:clamp(32px,3.4vw,49px);font-weight:400;line-height:1.55;letter-spacing:-.055em}.intro h2 span{color:#d6d1ba;font-family:"AppleMyungjo","Batang",serif}.intro .body-copy{color:#b1b2af;margin-top:32px;max-width:380px;font-size:15px}.memory-composition{height:540px;position:relative}.memory-thread{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#797a75;stroke-width:1;stroke-dasharray:3 5}.memory-fragment{position:absolute;border-radius:3px;padding:25px 28px;box-shadow:0 20px 40px #06101e22}.memory-fragment small,.memory-outcome small{font-size:11px;font-weight:550;display:block;margin-bottom:16px}.memory-fragment p{font-size:18px;line-height:1.7}.fragment-note{left:3%;top:40px;background:#d6d6d2;color:#2c2d2b;width:255px;transform:rotate(-8deg)}.fragment-note small{color:#62635f}.fragment-note em{font-size:10px;font-style:normal;display:block;margin-top:25px;color:#787a78}.fragment-pin{position:absolute;width:7px;height:7px;background:#6285a0;border-radius:50%;left:50%;top:12px;box-shadow:1px 2px 3px #0004}.paper-lines{display:block;height:19px;margin-top:13px;background:repeating-linear-gradient(transparent 0 8px,#c7c8c4 8px 9px)}.fragment-thought{right:0;top:150px;width:262px;transform:rotate(5deg);background:#2e302f;color:#eaebe5;padding-top:25px}.fragment-thought small{color:#aeb1aa}.thought-mark{font-family:Georgia,serif;display:block;font-size:85px;line-height:.65;margin-top:33px;color:#757972}.memory-outcome{position:absolute;left:12%;bottom:37px;display:flex;align-items:center;gap:21px}.memory-outcome small{color:#afb2ab;margin-bottom:10px}.memory-outcome p{font-size:23px;font-weight:550;line-height:1.5;color:#e1e3de}.asterisk{font-size:72px;font-weight:400;color:#c1c3b9}.concept-caption{position:absolute;bottom:0;left:12%;color:#a7a9a2;font-size:10px}
.chapter-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:6%;align-items:center}.chapter-heading h2{font-size:clamp(36px,3.2vw,49px);letter-spacing:-.06em;line-height:1.3;font-weight:550;margin-bottom:23px}.blue-period{color:var(--blue)}.subtitle{font-size:23px;line-height:1.5;letter-spacing:-.025em;font-weight:400;margin-bottom:19px;font-family:"AppleMyungjo","Noto Serif CJK KR","Batang",serif;color:#c5c8b9}.chapter-heading .body-copy{font-size:15px;max-width:330px}.visual{min-width:0;position:relative}.visual-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;letter-spacing:-.015em;color:#a4a7a0;line-height:1.6}.chapter-detail{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:23px;margin-top:28px;border-top:1px solid var(--line)}.chapter-detail article{display:block;grid-template-columns:.9fr 1.2fr;gap:25px}.chapter-detail h3{font-size:15px;font-weight:500;line-height:1.6;letter-spacing:-.04em;margin-bottom:9px}.chapter-detail p{font-size:13px;line-height:1.8;color:var(--muted)}.records{background:#090b0c}.archive-stage{height:458px;perspective:1300px}.archive-sheet{position:absolute;width:83%;left:6%;top:29px;padding:22px 28px 16px;background:#171c1a;border:1px solid #444643;border-radius:2px;box-shadow:0 25px 65px #0006;transform:rotate(-3deg)}.archive-back{position:absolute;width:76%;left:13%;height:330px;top:24px;border-radius:6px}.back-one{transform:rotate(7deg);background:#2b2d2a;border:1px solid #4c504a}.back-two{transform:rotate(2deg);background:#30302e;border:1px solid #4d4d48;left:10%}.sheet-top{display:flex;align-items:center;gap:8px;font-size:11px;color:#b4b7b2}.mini-mark{font-size:20px;color:#c3c6bc}.sheet-count{margin-left:auto;color:#abaea8;font-size:10px}.sheet-title{font-size:22px;font-weight:600;line-height:1.45;margin:22px 0 13px;color:#e5e6e1;letter-spacing:-.055em}.archive-row{display:flex;align-items:center;gap:13px;padding:12px 0;border-top:1px solid #353734}.archive-row strong{font-size:12px;font-weight:600;display:block}.archive-row small{font-size:10px;color:#a8aca6;display:block;margin-top:5px;line-height:1.6}.source-type{font-size:9px;margin-left:auto;color:#aaada6;white-space:nowrap}.file-icon{width:29px;height:33px;display:grid;place-items:center;border-radius:3px;flex-shrink:0;font-size:19px}.note-icon{background:#3c3b2a;color:#d9d1a7}.doc-icon{background:#333836;color:#bac4bd}.wiki-icon{background:#373a36;color:#c2c5bb}.sheet-bottom{border-top:1px solid #353734;display:flex;gap:7px;align-items:center;padding-top:12px;margin-top:4px;font-size:10px;color:#b7bab1}.floating-tag{position:absolute;padding:10px 17px;background:#222422;border:1px solid #444842;box-shadow:0 8px 20px #0003;border-radius:2px;font-size:10px;color:#c8cac4}.floating-tag span{color:#c3c6bc;padding-right:5px}.tag-left{left:0;top:5px;transform:rotate(-10deg)}.tag-right{right:0;bottom:57px;transform:rotate(6deg)}
.conversation{background:#0c1010}.conversation-stage{height:447px;padding:8px 10px 34px 46px}.conversation-track{position:absolute;left:28px;top:23px;bottom:65px;width:1px;background:#4a4e4a}.conversation-record{position:relative;padding:0 0 23px 10px}.conversation-record small,.conversation-question small,.conversation-answer small{font-size:10px;display:block;margin-bottom:10px;color:#b7bbb2}.conversation-record p{font-size:16px;color:#acb0aa;line-height:1.6}.conversation-marker{position:absolute;width:8px;height:8px;left:-21px;top:5px;background:#a8aca5;border:2px solid #0c1010;border-radius:50%}.conversation-question{position:relative;padding:22px 25px 24px;background:#1b2420;border-radius:2px;box-shadow:none;margin-bottom:25px;margin-right:55px;border:1px solid #384238}.conversation-question p{font-size:20px;font-weight:550;line-height:1.5;letter-spacing:-.04em}.question-symbol{position:absolute;left:-41px;top:18px;font-size:27px;color:#c4c7bc;background:#0c1010;padding:3px}.conversation-answer{position:relative;margin-left:56px;background:#2f3431;color:white;padding:21px 28px 22px;border-radius:2px;box-shadow:none;border:1px solid #606b59}.conversation-answer small{color:#bec3ba}.conversation-answer p{font-size:25px;font-weight:400;line-height:1.65;letter-spacing:-.035em;font-family:"AppleMyungjo","Batang",serif}.answer-corner{position:absolute;right:22px;top:14px;color:#b7bcb3;font-size:23px}
.wiki{background:#090e10;color:#fff;--line:#373a38;--muted:#aeb2af}.wiki .section-label{color:#bec1bc}.wiki .chapter-heading .body-copy{color:#aeb2af}.wiki .visual-caption{color:#a9aea9}.wiki .subtitle{color:#d2d5d0}.wiki-stage{height:446px;isolation:isolate}.wiki-connectors{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#9eb9ff;stroke-width:1.5;stroke-dasharray:4 4;z-index:-1}.wiki-connectors circle{fill:#cdd9ff;stroke:none}.wiki-page{position:absolute;top:18px;left:2%;width:68%;max-width:393px;background:#1b2825;color:#ebece8;padding:26px 31px;border-radius:3px;box-shadow:12px 18px 0 #92b0ed12,0 26px 44px #0004;transform:rotate(-3deg);overflow:hidden;min-height:354px}.wiki-breadcrumb{font-size:10px;color:#b2b7b3}.wiki-breadcrumb span{margin:0 9px;color:#a0a7b5}.wiki-page-icon{display:block;font-size:29px;margin:25px 0 10px;color:#c3cac2}.wiki-page h3{font-size:22px;line-height:1.5;font-weight:650;letter-spacing:-.06em}.wiki-page .wiki-lead{font-size:17px;line-height:1.6;color:#d1d4cd;padding-left:12px;border-left:2px solid #8a8f85;margin-top:20px;font-weight:500}.wiki-page>p:not(.wiki-lead){font-size:11px;color:#b9beb9;margin-top:19px;line-height:1.7}.wiki-source{border-top:1px solid #464b48;margin-top:22px;padding-top:14px;font-size:10px;color:#c0c3ba;display:flex;gap:8px}.wiki-source strong{margin-left:auto;color:#cfd1c8;font-weight:500}.wiki-margin{position:absolute;width:3px;background:#656b65;inset:0 auto 0 14px;opacity:.5}.source-note{position:absolute;right:0;width:26%;padding:17px 15px;border:1px solid #444944;background:#1f2221;border-radius:3px}.source-top{top:34px;transform:rotate(5deg)}.source-bottom{bottom:54px;transform:rotate(-3deg)}.source-note small{font-size:9px;display:block;color:#bfc3ba;margin-bottom:12px}.source-note strong{font-size:12px;font-weight:500}.source-note p{font-size:10px;margin-top:9px;color:#c5c9c2;line-height:1.7}
.sync{background:#0a0e0f}.sync-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-start}.sync-heading h2{font-size:clamp(32px,3.1vw,46px);font-weight:650;letter-spacing:-.06em;line-height:1.25}.sync-heading .subtitle{margin:14px 0 0;font-size:21px}.sync-heading .body-copy{max-width:360px;font-size:14px}.devices-stage{height:350px;margin:10px auto 0;max-width:950px}.device{background:#1a2220;border:1px solid #5d615d;box-shadow:0 21px 35px #0005}.desktop-device{width:70%;height:274px;position:absolute;left:9%;top:27px;border:7px solid #404441;border-bottom-width:11px;border-radius:11px;transform:perspective(1400px) rotateY(7deg) rotateX(2deg)}.desktop-device::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-20px;height:9px;background:linear-gradient(#676a65,#363936);border-radius:1px 1px 50% 50%;box-shadow:0 7px 7px #0004}.desktop-toolbar{height:36px;border-bottom:1px solid #393d3a;display:flex;align-items:center;gap:50px;padding:0 19px;font-size:9px;color:#bfc3bd}.device-brand{font-size:12px;font-weight:650;color:#c4cbc1}.device-dot{margin-left:auto;width:12px;height:12px;border-radius:50%;background:#656b62}.desktop-inner{display:grid;grid-template-columns:26% 1fr;height:calc(100% - 36px)}.device-sidebar{display:flex;flex-direction:column;gap:10px;padding:20px 12px;background:#171a18;font-size:9px;color:#abb0a8;border-right:1px solid #363a34}.device-sidebar span{padding:5px 8px}.sidebar-active{background:#373c36;color:#d6d8d0;border-radius:3px}.device-document{padding:24px 32px}.device-document small,.phone-device>small{font-size:8px;color:#b6bbb1}.device-document h3{font-size:20px;margin:9px 0 13px;letter-spacing:-.04em}.device-document p{font-size:12px;line-height:1.8;color:#c7cbc2}.device-rule{height:1px;background:#4e524b;width:92%;margin:19px 0 9px}.device-source{font-size:8px;color:#b6bcb0}.phone-device{position:absolute;left:72%;top:69px;width:142px;height:243px;border-radius:21px;border:5px solid #747770;padding:24px 13px 13px;transform:rotate(5deg);box-shadow:0 20px 25px #0005}.phone-speaker{position:absolute;width:41px;height:7px;border-radius:0 0 6px 6px;background:#747770;top:-1px;left:calc(50% - 20px)}.phone-star{display:block;color:#c2c7bb;font-size:18px;margin:12px 0 6px}.phone-device h3{font-size:14px;font-weight:650;line-height:1.35;margin-bottom:10px}.phone-device p{font-size:9px;color:#c7cbc2;line-height:1.7}.phone-device .device-rule{margin:10px 0 5px}.home-bar{position:absolute;width:34px;height:3px;border-radius:5px;background:#8d9288;bottom:6px;left:calc(50% - 17px)}.continuity-line{position:absolute;left:0;top:50%;width:12%;border-top:1px solid #81877d}.continuity-line span{position:absolute;bottom:9px;left:0;font-size:9px;color:#b8bdb3;white-space:nowrap}.sync .chapter-detail{margin-top:9px;border-color:#373b35}
.interlude{background:#080b0a;color:#f0f4fb}.interlude .section-shell{position:relative;padding:100px 0}.interlude .section-label{color:#babdb5;margin-bottom:35px}.interlude h2{position:relative;font-size:clamp(29px,3.2vw,45px);font-weight:450;line-height:1.65;letter-spacing:-.055em;z-index:1;font-family:"AppleMyungjo","Batang",serif}.interlude h2 span{color:#d6d5b7}.vision-foot{margin-top:35px;color:#b2b4ae;font-size:13px}.vision-motif{position:absolute;width:50%;height:490px;right:-5%;top:50%;transform:translateY(-50%);perspective:800px;z-index:-1}.vision-motif span{position:absolute;left:10%;top:10%;width:65%;height:80%;border:1px solid #91aacf4d;border-radius:45% 3% 3% 45%;transform:rotateY(-40deg) rotate(-30deg);transform-origin:88% 55%;background:linear-gradient(100deg,#587bae05,#6d95c80a)}.vision-motif span:nth-child(2){rotate:7deg}.vision-motif span:nth-child(3){rotate:14deg}.vision-motif span:nth-child(4){rotate:21deg}.vision-motif span:nth-child(5){rotate:28deg}.vision-motif span:nth-child(6){rotate:35deg}.vision-motif span:nth-child(7){rotate:42deg}.vision-motif span:nth-child(8){rotate:49deg}.vision-motif span:nth-child(9){rotate:56deg}.vision-motif span:nth-child(10){rotate:63deg}.vision-motif span:nth-child(11){rotate:70deg}.vision-motif span:nth-child(12){rotate:77deg}
.progress{background:#090b0b}.development-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#bdc1ba}.progress-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:35px}.progress-heading h2{font-size:clamp(28px,2.8vw,40px);line-height:1.4;font-weight:600;letter-spacing:-.055em}.progress-heading .body-copy{max-width:375px;font-size:14px}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.progress-column{padding:25px 0 16px;background:transparent;border-radius:0;border-top:1px solid #606754}.progress-column.next{background:transparent}.progress-status{font-size:11px;color:#b5c29e;background:transparent;border-radius:3px;padding:0;display:inline-block}.next .progress-status{color:#cdc49e;background:transparent}.progress-column h3{font-size:24px;line-height:1.4;letter-spacing:-.05em;font-weight:550;margin:20px 0 22px}.next h3{color:#d1d4cb}ul{margin:0;padding:0;list-style:none}.progress-column li{font-size:13px;color:#b7bab5;line-height:1.7;padding:10px 0 10px 16px;border-top:1px solid #353834;position:relative}.progress-column li::before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#acb0a8;left:0;top:19px}.next li{color:#b7bdb3;border-color:#3c4039}.next li::before{background:#b7bdb0}.claude{display:flex;align-items:center;gap:60px;justify-content:space-between;margin-top:27px;padding-top:24px;border-top:1px solid var(--line)}.claude strong{font-size:13px;font-weight:550}.claude p{font-size:12px;color:var(--muted);max-width:515px}.contact{background:#090d0b;color:#e0e1dd}.contact .section-label{color:#bbbeb6;margin-bottom:31px}.contact h2{font-size:clamp(32px,3.1vw,44px);font-weight:450;letter-spacing:-.065em;line-height:1.4}.contact-row{margin-top:34px;display:flex;justify-content:space-between;align-items:center;gap:60px}.contact-row p{font-size:14px;color:#b7b9b3}.email{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 0;border-bottom:1px solid #7a7e76;font-size:23px;letter-spacing:-.035em;min-height:48px}.email:hover{color:var(--blue);border-color:var(--blue)}.email-arrow{font-size:31px;color:#d0d3c8}.footer-word{font-size:clamp(96px,13vw,190px);letter-spacing:-.065em;line-height:1.05;font-weight:400;white-space:nowrap;color:#c1c1ba;margin:55px 0 28px;font-family:"Times New Roman",serif;opacity:.48}.footer-word span{color:#6f726a}footer{border-top:1px solid #363936;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#afb2ab;font-size:11px;padding-top:10px}footer a{display:inline-flex;gap:18px;align-items:center;min-height:44px}
@media(min-width:1600px){.hero-content{margin-left:calc((100vw - 1500px)/2)}.hero-art-wrap{right:calc((100vw - 1750px)/2);width:1150px}}
@media(max-width:1100px){.header{padding:0 5%}.chapter-layout{gap:4%;grid-template-columns:.85fr 1.15fr}.chapter-detail article{display:block}.chapter-detail h3{margin-bottom:9px}.archive-sheet{padding:20px;width:87%;left:3%}.archive-row{gap:8px}.archive-row small{font-size:9px}.sheet-title{font-size:20px}.tag-right{right:-1%}.source-type{display:none}.conversation-stage{padding-left:30px}.conversation-track{left:13px}.conversation-question{margin-right:0}.conversation-question p{font-size:19px}.conversation-answer{margin-left:22px}.conversation-answer p{font-size:22px}.wiki-page{padding:23px;width:70%;left:0}.wiki-page h3{font-size:20px}.source-note{width:26%;padding:13px 10px}.wiki-page .wiki-lead{font-size:15px}.memory-fragment{padding:23px}.fragment-note{width:220px}.fragment-thought{width:225px;top:188px}.memory-fragment p{font-size:16px}.memory-outcome p{font-size:20px}.hero{padding-left:6%}.hero-content{width:52%}.hero-art-wrap{right:-13%;width:80%}.hero-foot .edition{display:none}}
@media(max-width:760px){:root{--header-height:66px}.header{padding:0 21px;gap:14px}.wordmark{font-size:21px;gap:8px;letter-spacing:-1px}.wordmark svg{width:23px;height:23px}.nav{gap:17px;font-size:11px}.nav .hide-mobile{display:none}.nav .contact-link{padding:0 12px;gap:10px;min-height:39px}.contact-link span{font-size:15px}.section-shell{width:calc(100% - 44px);padding:35px 0}.hero{padding:51px 24px 84px;align-items:flex-start;min-height:max(var(--scene-height),700px)}.hero-content{width:100%;max-width:490px}.product-label{margin-bottom:26px;font-size:13px;gap:7px}.product-label>span:last-child{font-size:10px;margin-left:3px}h1{font-size:clamp(37px,10.5vw,59px);line-height:1.24;letter-spacing:-.065em}.hero-description{font-size:14px;line-height:1.8;margin-top:20px;max-width:340px}.text-link{font-size:12px;margin-top:14px;padding:10px 0;gap:25px}.hero-art-wrap{width:118%;height:56%;right:-14%;top:auto;bottom:36px}.hero-art-wrap::after{background:linear-gradient(var(--ice),transparent 23%);height:100%}.hero-foot{left:22px;right:22px;min-height:56px;gap:10px}.hero-foot>span:first-child{font-size:10px}.hero-foot p{font-size:9px;max-width:135px;text-align:right;line-height:1.6}.intro-layout{grid-template-columns:1fr;gap:0}.intro-copy .section-label{margin-bottom:23px;font-size:11px}.intro h2{font-size:34px;line-height:1.35}.intro .body-copy{font-size:14px;margin-top:23px;max-width:100%}.memory-composition{height:425px;max-width:500px;width:100%;margin:20px auto 0}.fragment-note{top:25px;left:3%;width:201px;padding:21px}.fragment-thought{top:133px;right:0;width:195px;padding:19px}.memory-fragment small{font-size:9px;margin-bottom:12px}.memory-fragment p{font-size:15px;line-height:1.6}.fragment-note em{font-size:9px;margin-top:16px}.thought-mark{font-size:65px;margin-top:22px}.memory-outcome{left:4%;bottom:32px;gap:16px}.memory-outcome p{font-size:19px}.memory-outcome small{font-size:9px}.asterisk{font-size:49px}.concept-caption{font-size:9px;left:4%}.section-top{margin-bottom:25px}.section-label,.sequence{font-size:11px}.chapter-layout{grid-template-columns:1fr;gap:22px}.chapter-heading h2{font-size:37px;line-height:1.2;margin-bottom:17px}.chapter-heading h2 br{display:none}.subtitle{font-size:20px;line-height:1.5;margin-bottom:16px}.subtitle br{display:none}.chapter-heading .body-copy{font-size:14px;max-width:100%;line-height:1.8}.visual-caption{font-size:9px}.archive-stage{height:420px;margin-top:4px}.archive-sheet{top:27px;width:91%;left:2%;padding:20px 18px 15px}.archive-back{width:83%;height:303px;left:10%;top:22px}.sheet-title{font-size:20px;margin:18px 0 14px}.sheet-top{font-size:10px}.archive-row{padding:11px 0;gap:10px}.archive-row strong{font-size:11px}.archive-row small{font-size:9px;line-height:1.5}.file-icon{width:25px;height:29px;font-size:16px}.sheet-bottom{font-size:9px;padding-top:10px}.floating-tag{font-size:9px;padding:8px 12px}.tag-left{left:0;top:0}.tag-right{right:-3px;bottom:37px}.chapter-detail{grid-template-columns:1fr;gap:23px;margin-top:25px;padding-top:25px}.chapter-detail article{display:block}.chapter-detail h3{font-size:15px;margin-bottom:8px}.chapter-detail p{font-size:13px;line-height:1.75}.conversation-stage{height:423px;padding:0 0 30px 29px;margin-top:3px}.conversation-track{left:12px;top:6px}.conversation-record{padding-bottom:22px;padding-left:3px}.conversation-marker{left:-20px}.conversation-record p{font-size:14px}.conversation-record small,.conversation-question small,.conversation-answer small{font-size:9px}.conversation-question{padding:18px 19px 20px;margin-bottom:20px;margin-right:15px}.conversation-question p{font-size:17px}.question-symbol{left:-34px;font-size:23px;top:13px}.conversation-answer{margin-left:17px;padding:19px 20px}.conversation-answer p{font-size:20px;line-height:1.5}.answer-corner{font-size:19px;right:15px;top:9px}.wiki-stage{height:405px;margin-top:5px}.wiki-page{width:72%;padding:23px 19px;min-height:330px;top:10px}.wiki-breadcrumb{font-size:8px}.wiki-breadcrumb span{margin:0 5px}.wiki-page-icon{font-size:25px;margin:24px 0 12px}.wiki-page h3{font-size:19px;line-height:1.35;max-width:160px}.wiki-page .wiki-lead{font-size:13px;line-height:1.65;margin-top:20px;padding-left:8px}.wiki-page>p:not(.wiki-lead){font-size:9px;margin-top:19px}.wiki-source{font-size:8px;margin-top:20px;gap:5px}.wiki-margin{left:9px;width:2px}.source-note{width:27%;padding:13px 8px;right:-3px}.source-note small{font-size:8px;margin-bottom:10px;line-height:1.5}.source-note strong{font-size:10px;line-height:1.5;display:block}.source-note p{font-size:8px;line-height:1.7;margin-top:9px}.source-top{top:30px}.source-bottom{bottom:58px}.wiki-connectors{width:112%;left:-4%}.sync-heading{display:block}.sync-heading h2{font-size:32px}.sync-heading .subtitle{font-size:19px;margin-top:17px}.sync-heading .body-copy{font-size:14px;margin-top:17px;max-width:100%}.devices-stage{height:300px;margin-top:23px}.desktop-device{left:0;width:89%;height:216px;top:19px;border-width:5px;border-bottom-width:8px;border-radius:8px;transform:perspective(1000px) rotateY(5deg)}.desktop-toolbar{height:29px;font-size:7px;padding:0 10px;gap:24px}.device-brand{font-size:9px}.desktop-inner{grid-template-columns:24% 1fr;height:calc(100% - 29px)}.device-sidebar{padding:15px 4px;font-size:7px;gap:8px}.device-sidebar span{padding:4px}.device-document{padding:19px 12px}.device-document small{font-size:7px}.device-document h3{font-size:14px;line-height:1.4;margin:10px 0}.device-document p{font-size:9px;line-height:1.8}.device-rule{margin:15px 0 7px}.device-source{font-size:7px}.phone-device{left:auto;right:1%;top:66px;width:102px;height:205px;border-width:4px;border-radius:17px;padding:22px 10px 8px}.phone-device>small{font-size:7px}.phone-star{font-size:14px;margin:8px 0 5px}.phone-device h3{font-size:11px;margin-bottom:8px}.phone-device p{font-size:8px;line-height:1.5}.phone-speaker{width:31px;height:6px;left:calc(50% - 15px)}.home-bar{height:2px;bottom:5px}.continuity-line{display:none}.sync .chapter-detail{margin-top:10px}.interlude .section-shell{padding:80px 0}.interlude .section-label{font-size:11px;margin-bottom:28px}.interlude h2{font-size:30px;line-height:1.5;letter-spacing:-.055em}.vision-foot{font-size:11px;max-width:225px;line-height:1.8}.vision-motif{width:110%;right:-34%;top:62%;height:390px;opacity:.55}.progress-heading{display:block;margin-bottom:28px}.progress-heading h2{font-size:30px;line-height:1.4}.progress-heading .body-copy{margin-top:20px;font-size:14px;max-width:100%}.progress-grid{grid-template-columns:1fr;gap:16px}.progress-column{padding:24px 25px 20px}.progress-column h3{font-size:24px;margin:20px 0}.progress-column li{font-size:13px}.claude{display:block;margin-top:26px;padding-top:23px}.claude strong{font-size:13px}.claude p{font-size:12px;margin-top:12px}.contact h2{font-size:32px;line-height:1.4}.contact .section-label{margin-bottom:25px}.contact-row{display:block;margin-top:28px}.contact-row p{font-size:14px}.email{font-size:21px;margin-top:29px;gap:15px}.email-arrow{font-size:29px}.footer-word{font-size:19.5vw;letter-spacing:-.08em;margin:65px 0 28px}footer{flex-wrap:wrap;font-size:10px;gap:10px;padding-top:16px}footer a{margin-left:auto;gap:12px;min-height:44px}}
@media(max-width:360px){.header{padding:0 16px}.wordmark{font-size:19px;gap:6px}.wordmark svg{width:21px}.nav{gap:12px;font-size:10px}.nav .contact-link{padding:0 9px;gap:5px}.hero{padding-left:22px;padding-right:22px}.product-label{flex-wrap:wrap;row-gap:2px}.product-label>span:last-child{font-size:9px}h1{font-size:36px}.hero-description{font-size:13px}.hero-foot>span:first-child{font-size:9px}.hero-foot p{font-size:8px;max-width:110px}.intro h2{font-size:31px}.fragment-thought{width:177px;top:149px}.memory-outcome p{font-size:17px}.chapter-heading h2{font-size:33px}.sheet-title{font-size:18px}.archive-row small{font-size:8px}.wiki-page h3{font-size:17px}.wiki-page .wiki-lead{font-size:12px}.wiki-source{font-size:7px}.wiki-page{padding-left:17px;padding-right:12px}.conversation-question p{font-size:15px}.conversation-answer p{font-size:18px}.conversation-stage{height:410px}.sync-heading h2{font-size:29px}.interlude h2{font-size:27px}.progress-heading h2{font-size:27px}.contact h2{font-size:28px}.email{font-size:19px}}
@media(prefers-reduced-motion:reduce){main{scroll-behavior:auto}}

.scene::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:url("assets/geometric-field.svg") center/cover no-repeat;opacity:.11;mask-image:radial-gradient(ellipse at center,transparent 12%,#000 85%)}
.hero::before{opacity:.18}.records::before,.sync::before{transform:scaleX(-1);opacity:.13}.hero .status-dot{display:none}.chapter-heading h2 br{display:none}.hero-content .hero-description{max-width:none}.hero .product-label>span:last-child{color:#afb29f}.intro .fragment-note{background:#cacdbb}.contact .section-shell{position:relative}
@media(min-width:1600px){.hero-content{margin:0 auto}.hero-art-wrap{width:1500px;right:-8%}}
@media(max-width:1100px){.hero-content{width:100%;max-width:690px}.hero-art-wrap{width:120%;right:-31%}.hero{padding-left:35px}}
@media(max-width:760px){:root{--header-height:62px}.header{padding:0 20px}.wordmark{font-size:10px;letter-spacing:.18em;gap:9px}.wordmark svg{width:17px;height:17px}.nav{gap:16px;font-size:10px}.nav .contact-link{padding:0 13px;min-height:38px}.hero{min-height:var(--scene-height);padding:86px 22px 113px;align-items:center}.hero-content{width:100%;max-width:460px;margin:0 auto}.hero-art-wrap{width:175%;height:100%;right:-65%;top:0;bottom:auto;opacity:.44}.hero-art{height:100%;max-height:none;object-fit:cover}.hero-art-wrap::after{background:radial-gradient(ellipse at 22% 44%,#050606bb,transparent 72%),linear-gradient(90deg,#050606,transparent 30%)}.hero .product-label{font-size:11px;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.hero .product-label>span:last-child{font-size:10px}.hero h1{font-size:clamp(35px,10.2vw,47px);line-height:1.35}.hero-description{font-size:14px;line-height:1.9;margin:25px auto 0}.hero-foot{left:20px;right:20px;min-height:63px}.hero-foot>span:first-child{font-size:9px}.hero-foot p{font-size:8px}.hero .text-link{font-size:11px;margin-top:23px}.section-shell{width:calc(100% - 44px);padding:38px 0}.chapter-heading h2{font-size:33px;font-weight:550}.subtitle{font-size:20px;line-height:1.65}.conversation-answer p{font-size:21px;line-height:1.65}.progress-grid{gap:12px}.progress-column{padding:22px 0 16px}.footer-word{font-size:19vw;margin:65px 0 28px}.contact h2{font-size:30px}.interlude h2{font-size:28px}.intro h2{line-height:1.45}.scene::before{opacity:.08}}
@media(max-width:360px){.header{padding:0 16px}.wordmark{font-size:9px;gap:7px}.nav{gap:12px}.hero h1{font-size:35px}.hero-description{font-size:13px}.conversation-answer p{font-size:19px}.chapter-heading h2{font-size:30px}.contact h2{font-size:27px}.interlude h2{font-size:25px}}

/* 선택한 조합의 분위기를 유지하면서 예시와 탐색의 가독성을 다듬는다. */
.skip{color:#151713}
.wordmark{min-height:44px}
.nav .contact-link{min-height:44px}
.fragment-pin{background:#8f987f}
.wiki-connectors{stroke:#aaa78c;stroke-dasharray:3 5;stroke-width:1.2}
.wiki-connectors circle{fill:#c6bda0}
.wiki-page{box-shadow:12px 18px 0 #b4b49b0c,0 26px 44px #0004}
.wiki-breadcrumb span{color:#adb1a4}
.vision-motif span{border-color:#c9c3a638;background:linear-gradient(100deg,#b6ad8e03,#b6ad8e08)}
.archive-row strong{font-size:13px}
.archive-row small{font-size:11px}
.sheet-top,.sheet-bottom,.sheet-count{font-size:11px}
.visual-caption,.concept-caption{font-size:11px;color:#b1b4a7}
.source-note small{font-size:11px;line-height:1.5}
.source-note strong{font-size:14px;line-height:1.5}
.source-note p{font-size:12px;line-height:1.65}
.source-note{padding:18px 16px}
.source-bottom{bottom:42px}
.wiki-breadcrumb,.wiki-source{font-size:11px}
.wiki-page>p:not(.wiki-lead){font-size:12px}
.hero-foot>span:first-child{font-weight:400}
.hero-foot p{font-size:11px}
.contact-row .email{transition:color .18s,border-color .18s}
@media(max-width:1100px) and (min-width:761px){
  .archive-stage{height:490px}
  .source-note{padding:14px 12px}
  .source-note small{font-size:10px}
  .source-note strong{font-size:12px}
  .source-note p{font-size:11px}
}
@media(max-width:760px){
  .wordmark{font-size:11px;letter-spacing:.17em}
  .nav{font-size:11px}
  .nav .contact-link{min-height:44px}
  .hero-foot>span:first-child{font-size:10px;max-width:145px;text-align:left;line-height:1.7}
  .hero-foot p{font-size:10px;max-width:156px}
  .archive-stage{height:440px}
  .archive-sheet{width:92%;left:2%;padding:21px 18px 17px;transform:rotate(-2deg)}
  .archive-row strong{font-size:12px}
  .archive-row small{font-size:10.5px;line-height:1.6}
  .sheet-top,.sheet-count,.sheet-bottom{font-size:10px}
  .floating-tag{font-size:10px}
  .tag-right{bottom:47px}
  .visual-caption,.concept-caption{font-size:10px}
  .conversation-record small,.conversation-question small,.conversation-answer small{font-size:10px}
  .conversation-stage{height:440px}
  .wiki-stage{height:562px;margin-top:9px}
  .wiki-page{width:90%;max-width:none;left:3%;top:14px;min-height:345px;padding:25px 25px 22px;transform:rotate(-2deg)}
  .wiki-breadcrumb,.wiki-source{font-size:10px}
  .wiki-page h3{font-size:21px;max-width:none}
  .wiki-page .wiki-lead{font-size:16px;line-height:1.7}
  .wiki-page>p:not(.wiki-lead){font-size:12px}
  .wiki-page-icon{margin:23px 0 14px}
  .source-note{width:44%;padding:14px 13px;min-height:120px;top:auto;bottom:39px}
  .source-note small{font-size:10px;margin-bottom:8px}
  .source-note strong{font-size:12px}
  .source-note p{font-size:11px;margin-top:7px}
  .source-top{left:1%;right:auto;transform:rotate(-3deg)}
  .source-bottom{right:1%;transform:rotate(3deg)}
  .wiki-connectors{display:none}
  .wiki-stage::before{content:"";position:absolute;left:24%;right:24%;top:352px;height:71px;border:1px dashed #8a8e74;border-bottom:0;z-index:-1}
  .devices-stage{height:320px}
  .desktop-device{width:91%;height:230px}
  .desktop-inner{grid-template-columns:1fr}
  .device-sidebar{display:none}
  .device-document{padding:19px 22px;max-width:245px}
  .device-document small{font-size:9px}
  .device-document h3{font-size:17px;max-width:180px}
  .device-document p{font-size:11px}
  .device-source{font-size:9px}
  .phone-device{width:113px;height:222px;top:67px;right:0;padding:23px 11px 10px}
  .phone-device>small{font-size:9px}
  .phone-device h3{font-size:12px}
  .phone-device p{font-size:10px;line-height:1.6}
  .phone-device .device-source{font-size:8px}
}
@media(max-width:360px){
  .wordmark{font-size:10px;letter-spacing:.14em}
  .nav{font-size:10px;gap:12px}
  .hero-foot>span:first-child{font-size:9px;max-width:120px}
  .hero-foot p{font-size:9px;max-width:133px}
  .archive-stage{height:465px}
  .wiki-page{width:91%;left:2%;padding:25px 20px 22px}
  .wiki-page h3{font-size:19px}
  .wiki-page .wiki-lead{font-size:15px}
  .wiki-page>p:not(.wiki-lead){font-size:11px}
  .source-note{padding:13px 10px}
  .device-document{padding-left:15px;max-width:195px}
  .device-document h3{font-size:15px;max-width:155px}
  .device-document p{font-size:10px}
  .phone-device{width:105px;right:-2px}
}
@media(prefers-reduced-motion:reduce){.contact-row .email{transition:none}}

/* 밝은 종이 위 작은 출처 글자의 대비를 확보한다. */
.fragment-note small,.fragment-note em{color:#53564e}

/* 없는 주소에서도 같은 브랜드와 읽기 순서를 유지한다. */
.error-page { min-height: 100svh; height: auto; overflow: auto; }
.error-main { min-height: 100svh; height: auto; overflow: visible; display: grid; place-items: center; padding: 40px 24px; }
.error-content { max-width: 720px; width: 100%; }
.error-content .wordmark { width: fit-content; margin-bottom: 80px; }
.error-code { color: var(--blue); letter-spacing: .15em; font-size: 13px; margin-bottom: 24px; }
.error-content h1 { font-size: clamp(30px, 5vw, 50px); line-height: 1.4; margin-bottom: 24px; }
.error-content .body-copy { max-width: none; }
.error-contact { display: block; width: fit-content; overflow-wrap: anywhere; margin-top: 48px; color: var(--muted); }