@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.resize{resize:both}}:root{--paper:#f4f0e7;--paper-deep:#e8e2d7;--paper-light:#fbf8f1;--ink:#202720;--ink-soft:#334036;--walnut:#70493e;--walnut-light:#9b7164;--leaf:#9eaf62;--leaf-light:#dfe5c7;--muted:#7d8177;--line:#2027202b;--story:0;--line-one:0;--line-two:0;--line-three:0;--root:0;--stem:0;--leaf-open:var(--leaf);--leaf-progress:0;--symbol:0;--logo:0;--brand:0;--serif:"Noto Serif KR", "MaruBuri", "AppleMyungjo", "Batang", serif;--sans:"Pretendard", "SUIT", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,summary{color:inherit;font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}::selection{color:var(--paper-light);background:var(--walnut)}.site{background:var(--paper);min-height:100vh;overflow:clip}.top-anchor{position:absolute;top:0}.skip-link{z-index:300;color:var(--paper);background:var(--ink);padding:13px 18px;transition:top .2s;position:fixed;top:-70px;left:20px}.skip-link:focus{top:20px}.site-header{z-index:100;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:84px;padding:0 4.2vw;transition:height .3s,background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0 0 auto}.site-header.is-scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f0e7e0;height:68px}.brand{align-items:center;gap:13px;display:flex}.brand>span:last-child{gap:4px;display:grid}.brand strong{font-family:var(--serif);letter-spacing:-.05em;font-size:15px;font-weight:700}.brand small{color:var(--muted);letter-spacing:.16em;font-size:8px;font-weight:700}.brand-seed,.footer-seed{border-bottom:2px solid var(--walnut);width:28px;height:32px;display:block;position:relative}.brand-seed:before,.footer-seed:before{content:"";background:var(--walnut);width:2px;height:20px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.brand-seed i,.brand-seed b,.footer-seed i,.footer-seed b{background:var(--leaf-open);width:12px;height:17px;position:absolute;top:2px}.brand-seed i,.footer-seed i{border-radius:100% 0;left:3px;transform:rotate(14deg)}.brand-seed b,.footer-seed b{border-radius:0 100%;right:3px;transform:rotate(-8deg)}nav{align-items:center;gap:clamp(22px,3vw,48px);display:flex}nav a{color:#202720c2;font-size:12px;font-weight:650;position:relative}nav a:after{content:"";background:var(--walnut);height:1px;transition:right .25s;position:absolute;bottom:-9px;left:0;right:100%}nav a:hover:after,nav a:focus-visible:after{right:0}.menu-button{cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;display:none}.menu-button span{background:currentColor;width:23px;height:1px;margin:7px auto;transition:transform .25s;display:block}.word-story{background:var(--paper);height:400svh;position:relative}.story-sticky{isolation:isolate;background:radial-gradient(circle at 50% 62%, #9eaf621a, transparent 26%), var(--paper);height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden}.paper-lines{z-index:-1;opacity:.42;background:repeating-linear-gradient(#0000 0 47px,#70493e0b 48px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 83%,#0000);mask-image:linear-gradient(#0000,#000 18% 83%,#0000)}.story-meta{z-index:20;color:var(--muted);font:750 9px/1 var(--sans);letter-spacing:.2em;justify-content:space-between;display:flex;position:absolute;top:116px;left:4.2vw;right:4.2vw}.story-meta span:last-child{color:var(--walnut)}.verse-copy{z-index:10;text-align:center;width:min(720px,86vw);opacity:clamp(0, calc(1.05 - var(--symbol) * 1.3 - var(--logo) * 1.2), 1);transform:translateX(-50%) translateY(calc(var(--symbol) * -18px));margin:0;position:absolute;top:17%;left:50%}.verse-copy p{font-family:var(--serif);letter-spacing:-.075em;margin:0;font-size:clamp(38px,5.1vw,74px);font-weight:500;line-height:1.16}.verse-line{transform:translateY(calc((1 - var(--line-one)) * 8px))}.line-one{opacity:calc(.7 + var(--line-one) * .3)}.line-two{opacity:var(--line-two);transform:translateY(calc((1 - var(--line-two)) * 8px))}.line-three{color:var(--walnut);opacity:var(--line-three);transform:translateY(calc((1 - var(--line-three)) * 8px))}.verse-copy cite{color:var(--muted);letter-spacing:.15em;opacity:var(--line-three);margin-top:20px;font-size:10px;font-style:normal;font-weight:700;display:block}.living-symbol{z-index:9;left:50%;top:calc(68% - var(--symbol) * 18%);aspect-ratio:1;width:min(420px,43vw);opacity:clamp(0, calc(1.08 - var(--logo) * 2.3), 1);position:absolute;transform:translate(-50%,-50%)}.living-symbol img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.growing-mark{opacity:var(--symbol);transform:translateY(calc((1 - var(--symbol)) * 30px)) scale(calc(.8 + var(--symbol) * .2));transform-origin:56% 62%}.logo-reveal{z-index:16;width:min(880px,78vw);opacity:var(--brand);transform:translate(-50%, -50%) scale(calc(.96 + var(--brand) * .04));position:absolute;top:43%;left:50%}.logo-reveal img{width:100%;height:auto;display:block}.story-conclusion{z-index:18;text-align:center;width:min(720px,88vw);opacity:var(--brand);transform:translate(-50%, calc((1 - var(--brand)) * 18px));pointer-events:none;position:absolute;top:68%;left:50%}.story-conclusion h1{font-family:var(--serif);letter-spacing:-.085em;margin:0;font-size:clamp(42px,6.2vw,84px);font-weight:550;line-height:1.1}.story-conclusion>p{color:var(--ink-soft);letter-spacing:-.02em;margin:18px 0 0;font-size:14px}.story-conclusion a{border-bottom:1px solid var(--ink);pointer-events:auto;align-items:center;gap:40px;margin-top:30px;padding:12px 3px;font-size:12px;font-weight:700;display:inline-flex}.story-conclusion a span{color:var(--walnut)}.scroll-note{z-index:20;color:var(--muted);letter-spacing:.12em;opacity:clamp(0, calc(1 - var(--logo) * 2), 1);align-items:center;gap:12px;margin:0;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:34px;left:4.2vw}.scroll-note i{background:var(--walnut);width:30px;height:1px;animation:1.8s ease-in-out infinite breathe;display:block}.reading-progress{z-index:20;background:var(--line);width:90px;height:1px;position:absolute;bottom:34px;right:4.2vw}.reading-progress i{width:calc(var(--story) * 100%);background:var(--leaf-open);height:100%;display:block}.sr-story{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.section-line{border-top:1px solid var(--line);position:relative}.section-line:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:33.333%}.section-index{color:var(--muted);align-items:center;gap:12px;display:flex}.section-index span{color:var(--walnut);font:500 14px/1 Georgia,serif}.section-index small{letter-spacing:.2em;font-size:9px;font-weight:750}.eyebrow{color:var(--walnut);letter-spacing:.2em;margin:0 0 30px;font-size:10px;font-weight:800}.word-intro{background:var(--paper-light);grid-template-columns:1fr 2fr;min-height:100svh;padding:10vh 4.2vw 12vh;display:grid}.word-intro .section-index{grid-column:1/-1;align-self:start}.word-heading{align-self:center;padding-right:7vw}.word-intro h2{font-family:var(--serif);letter-spacing:-.085em;word-break:keep-all;margin:0;font-size:clamp(44px,5.6vw,84px);font-weight:500;line-height:1.24}.word-intro h2 em{color:var(--walnut);font-style:normal}.word-copy{align-self:end;width:min(560px,84%);margin:0 0 1vh auto}.word-copy p{color:#555c54;word-break:keep-all;margin:0;font-size:16px;line-height:2}.word-copy p+p{margin-top:24px}.word-practice{background:var(--paper-deep);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.word-practice article{border-right:1px solid var(--line);min-height:580px;padding:60px 4.2vw;position:relative;overflow:hidden}.word-practice article:last-child{border-right:0}.word-practice article header{color:var(--muted);justify-content:space-between;display:flex}.word-practice article header span{color:var(--walnut);font:500 14px/1 Georgia,serif}.word-practice article header small{letter-spacing:.18em;font-size:9px;font-weight:800}.word-practice h3{font-family:var(--serif);letter-spacing:-.08em;margin:165px 0 26px;font-size:clamp(42px,5vw,70px);font-weight:500}.word-practice article p{z-index:2;color:#555c54;word-break:keep-all;max-width:330px;margin:0;font-size:14px;line-height:1.9;position:relative}.word-practice article>i{background:var(--leaf-open);border-radius:99px 99px 0 0;width:3px;height:180px;transition:height .5s,bottom .5s;position:absolute;bottom:-80px;left:4.2vw}.word-practice article:hover>i{height:100%;bottom:0}.worship{min-height:100svh;color:var(--paper);background:var(--ink);--line:#f4f0e72e;grid-template-columns:1fr 2fr;padding:10vh 4.2vw;display:grid}.worship .section-index{grid-column:1/-1}.worship .section-index span,.worship .eyebrow{color:var(--leaf-open)}.worship-heading{align-self:center;padding-right:6vw}.worship h2{font-family:var(--serif);letter-spacing:-.085em;margin:0;font-size:clamp(44px,5.8vw,86px);font-weight:500;line-height:1.22}.worship-heading>p:last-child{color:#adb4aa;max-width:330px;margin:32px 0 0;font-size:14px;line-height:1.8}.worship-schedule{align-self:end}.worship-schedule article{border-top:1px solid var(--line);grid-template-columns:70px 1.3fr 1fr;align-items:center;gap:24px;min-height:130px;display:grid}.worship-schedule article:last-child{border-bottom:1px solid var(--line)}.worship-schedule>article>span{color:var(--leaf-open);font:500 12px/1 Georgia,serif}.worship-schedule div{gap:9px;display:grid}.worship-schedule small{color:#90988e;letter-spacing:.16em;font-size:9px;font-weight:800}.worship-schedule strong{font-family:var(--serif);letter-spacing:-.05em;font-size:26px;font-weight:500}.worship-schedule p{color:#90988e;font-size:12px;line-height:1.7}.newcomer{background:var(--leaf-light);grid-template-columns:1fr 1fr;min-height:100svh;padding:10vh 4.2vw;display:grid}.newcomer .section-index{margin-bottom:18vh}.newcomer .section-index span,.newcomer .eyebrow{color:var(--walnut)}.newcomer h2{font-family:var(--serif);letter-spacing:-.09em;margin:0;font-size:clamp(46px,6vw,86px);font-weight:500;line-height:1.2}.newcomer-details{border-top:1px solid #2027204d;align-self:center}.newcomer details{border-bottom:1px solid #2027204d}.newcomer summary{cursor:pointer;grid-template-columns:42px 1fr 32px;align-items:center;min-height:90px;font-size:16px;font-weight:700;list-style:none;display:grid;position:relative}.newcomer summary::-webkit-details-marker{display:none}.newcomer summary span{font:500 11px/1 Georgia,serif}.newcomer summary i:before,.newcomer summary i:after{content:"";background:var(--ink);width:16px;height:1px;transition:transform .25s;position:absolute;top:50%;right:4px}.newcomer summary i:after{transform:rotate(90deg)}.newcomer details[open] summary i:after{transform:rotate(0)}.newcomer details p{color:#202720b8;word-break:keep-all;max-width:520px;margin:-3px 32px 32px 42px;font-size:14px;line-height:1.8}.visit{background:var(--paper-light);grid-template-columns:1fr 2fr;min-height:92svh;padding:10vh 4.2vw;display:grid}.visit .section-index{grid-column:1/-1}.visit-heading{align-self:center;padding-right:6vw}.visit h2{font-family:var(--serif);letter-spacing:-.085em;margin:0;font-size:clamp(48px,6vw,88px);font-weight:500;line-height:1.2}.visit-card{border-top:1px solid var(--line);align-self:end}.visit-card>div{border-bottom:1px solid var(--line);grid-template-columns:120px 1.2fr 1fr;align-items:center;gap:24px;min-height:150px;display:grid}.visit-card small{color:var(--walnut);letter-spacing:.18em;font-size:9px;font-weight:800}.visit-card strong{font-family:var(--serif);letter-spacing:-.04em;font-size:23px;font-weight:600}.visit-card p{color:#686e66;font-size:12px;line-height:1.75}.visit-card>a{border-bottom:1px solid var(--ink);justify-content:space-between;margin-top:36px;padding:18px 0;font-size:12px;font-weight:700;display:flex}.visit-card>a span{color:var(--walnut)}footer{min-height:320px;color:var(--paper);background:var(--ink);grid-template-columns:1.2fr 1fr auto;align-items:end;gap:40px;padding:70px 4.2vw;display:grid}footer>div{grid-template-columns:36px 1fr;align-items:center;column-gap:14px;display:grid}footer .footer-seed{border-color:var(--walnut-light);grid-row:1/3}footer .footer-seed:before{background:var(--walnut-light)}footer>div strong{font-family:var(--serif);letter-spacing:-.06em;font-size:24px;font-weight:600}footer>div small{color:#949b92;letter-spacing:.18em;font-size:8px}footer>p{color:#f4f0e7ad;font-family:var(--serif);margin:0;font-size:14px;line-height:1.8}footer>p span{color:var(--leaf-open);font-family:var(--sans);letter-spacing:.13em;font-size:9px;font-weight:700}footer>small{color:#949b92;letter-spacing:.14em;font-size:8px}@keyframes breathe{0%,to{transform-origin:0;transform:scaleX(.35)}50%{transform-origin:0;transform:scaleX(1)}}@media (max-width:900px){.site-header{height:70px;padding:0 22px}.brand-seed{width:25px;height:28px}.brand strong{font-size:14px}nav{border-bottom:1px solid var(--line);opacity:0;visibility:hidden;background:#f4f0e7fa;gap:0;padding:10px 22px 24px;transition:opacity .25s,visibility .25s,transform .25s;display:grid;position:fixed;inset:69px 0 auto;transform:translateY(-10px)}nav.is-open{opacity:1;visibility:visible;transform:none}nav a{border-bottom:1px solid var(--line);padding:16px 0}.menu-button{display:block}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4px)rotate(-45deg)}.word-story{height:420svh}.story-sticky{min-height:560px}.story-meta{top:94px;left:22px;right:22px}.verse-copy{width:calc(100vw - 44px);top:15%}.verse-copy p{font-size:clamp(37px,11.5vw,54px);line-height:1.12}.verse-copy cite{margin-top:15px}.living-symbol{top:calc(67% - var(--symbol) * 16%);width:min(76vw,360px);height:auto}.logo-reveal{width:94vw;top:40%}.story-conclusion{width:calc(100vw - 40px);top:62%}.story-conclusion h1{font-size:clamp(40px,11vw,56px)}.story-conclusion>p{font-size:13px}.story-conclusion a{margin-top:24px}.scroll-note{bottom:22px;left:22px}.reading-progress{width:64px;bottom:22px;right:22px}.section-line:before{display:none}.word-intro,.worship,.visit{min-height:auto;padding:72px 22px 90px;display:block}.section-index{margin-bottom:90px}.word-heading,.worship-heading,.visit-heading{padding:0}.word-intro h2,.worship h2,.visit h2{font-size:clamp(42px,11vw,62px)}.word-copy{width:100%;margin:70px 0 0}.word-copy p{font-size:15px}.word-practice{display:block}.word-practice article{border-right:0;border-bottom:1px solid var(--line);min-height:430px;padding:42px 22px}.word-practice h3{margin-top:115px}.word-practice article>i{left:22px}.worship-heading>p:last-child{margin-bottom:72px}.worship-schedule article{grid-template-columns:44px 1fr;gap:14px;padding:24px 0}.worship-schedule article>p{grid-column:2;margin:0}.newcomer{min-height:auto;padding:72px 22px 90px;display:block}.newcomer .section-index{margin-bottom:90px}.newcomer h2{font-size:clamp(42px,11vw,62px)}.newcomer-details{margin-top:80px}.newcomer summary{grid-template-columns:36px 1fr 28px;min-height:84px;font-size:14px}.newcomer details p{margin-left:36px;margin-right:18px}.visit-card{margin-top:80px}.visit-card>div{grid-template-columns:1fr;gap:12px;padding:30px 0}.visit-card p{margin:0}footer{grid-template-columns:1fr;align-items:start;min-height:380px;padding:60px 22px;display:grid}footer>small{align-self:end}}@media (max-height:720px) and (min-width:901px){.story-meta{top:92px}.verse-copy{top:15%}.verse-copy p{font-size:min(4.6vw,57px)}.living-symbol{top:calc(67% - var(--symbol) * 17%);width:min(350px,38vw);height:auto}.logo-reveal{width:min(760px,70vw);top:40%}.story-conclusion{top:66%}.story-conclusion h1{font-size:min(5vw,60px)}.story-conclusion a{margin-top:20px}}@media (max-height:700px) and (max-width:900px){.word-story{height:380svh}.verse-copy{top:15%}.living-symbol{top:calc(65% - var(--symbol) * 14%);width:min(66vw,310px);height:auto}.logo-reveal{width:min(92vw,620px);top:38%}.story-conclusion{top:60%}.story-conclusion h1{font-size:clamp(36px,9.5vw,48px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.word-story{height:auto}.story-sticky{min-height:100svh;position:relative}.verse-copy,.living-symbol,.scroll-note,.reading-progress{display:none}.logo-reveal,.story-conclusion{opacity:1;transform:translate(-50%,-50%)}.logo-reveal{top:38%}.story-conclusion{top:68%}}
