:root {
  --paper:#f5f5f0; --white:#fff; --ink:#183a33; --teal:#0b5d56;
  --deep:#073f38; --night:#082d28; --muted:#64766b; --line:#d8ded4;
  --lime:#c6d58a; --soft:#e9ede4; --round:5px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:34px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; -webkit-font-smoothing:antialiased; word-break:keep-all; }
a { color:inherit; text-decoration:none; }
button, input { font:inherit; }
button, a, summary { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
button { cursor:pointer; }
img { max-width:100%; }
button { color:inherit; }
button:focus-visible, a:focus-visible, input:focus-visible, [tabindex]:focus-visible { outline:3px solid #97ad5d; outline-offset:5px; }
::selection { color:var(--deep); background:#dce5bc; }
[hidden] { display:none!important; }
h1,h2,h3,h4,p { margin:0; }
.container { width:min(100% - 112px,1248px); margin-inline:auto; }
.section { padding-block:124px; }
.eyebrow { font-size:13px; line-height:1.5; font-weight:550; letter-spacing:.02em; display:flex; align-items:center; gap:10px; }
.status-dot,.lime-dot { width:6px; height:6px; border-radius:50%; background:var(--teal); display:inline-block; flex:none; }
.lime-dot { background:var(--lime); }
.section-index { font-size:11px; font-weight:500; letter-spacing:.03em; color:#7f8c80; }
.muted { color:var(--muted); }
.body-copy { font-size:18px; line-height:1.85; letter-spacing:-.02em; }
.skip-link { position:fixed; top:-100px; left:20px; background:var(--deep); color:white; padding:14px 20px; z-index:100; }
.skip-link:focus { top:10px; }
.site-header { height:96px; position:relative; z-index:20; }
.header-inner { display:flex; height:100%; align-items:center; justify-content:space-between; }
.wordmark { display:inline-flex; align-items:center; gap:13px; color:var(--teal); }
.wordmark img { flex:none; }
.wordmark>span { font-size:28px; font-weight:800; letter-spacing:-1.1px; }
.desktop-nav { display:flex; gap:38px; padding-left:64px; }
.desktop-nav a { font-size:14px; font-weight:500; color:#66796d; padding-block:12px; }
.desktop-nav a:hover,.desktop-nav a[aria-current] { color:var(--teal); }
.header-contact { border:1px solid #b4c2b4; border-radius:30px; padding:12px 19px; display:flex; gap:25px; align-items:center; font-size:13px; font-weight:550; transition:background .2s; }
.header-contact:hover { background:var(--soft); }
.header-contact>span { font-size:17px; }
.menu-toggle,.mobile-nav { display:none; }
.button { min-height:52px; padding:0 24px; border-radius:30px; display:inline-flex; align-items:center; justify-content:space-between; gap:32px; font-size:14px; font-weight:550; line-height:1.2; transition:background .25s, transform .25s; border:0; }
.button:hover { transform:translateY(-2px); }
.button>span { font-size:20px; font-weight:400; }
.button-solid { background:var(--deep); color:white; }
.button-solid:hover { background:var(--teal); }
.button-lime { background:var(--lime); color:var(--night); }
.button-lime:hover { background:#d3e09f; }
.button-white { background:var(--paper); color:var(--deep); }
.button-white:hover { background:white; }
.quiet-link { display:inline-flex; align-items:center; gap:20px; font-size:14px; font-weight:500; }
.quiet-link>span { font-size:18px; }
.quiet-link:hover { color:var(--teal); }
.brand-hero { position:relative; min-height:730px; height:calc(100svh - 96px); max-height:880px; overflow:hidden; isolation:isolate; }
.hero-art { position:absolute; inset:0; z-index:-1; pointer-events:none; }
.hero-art img { position:absolute; width:min(83vw,1220px); max-width:none; height:auto; right:-4%; top:0; mix-blend-mode:multiply; mask-image:linear-gradient(to right,transparent,black 12%); will-change:transform; }
.hero-content { position:relative; padding-top:98px; z-index:2; }
.hero-content>.eyebrow { color:#547567; }
.hero-content h1 { font-size:clamp(60px,6.5vw,94px); font-weight:600; line-height:1.2; letter-spacing:-.065em; margin-top:25px; }
.hero-description { font-size:20px; line-height:1.8; color:#667b6d; margin-top:28px; letter-spacing:-.025em; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:35px; }
.hero-baseline { position:absolute; bottom:30px; left:0; right:0; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #263f2e20; padding-top:21px; }
.hero-baseline>p { font-size:12px; color:#718374; }
.scroll-link { font-size:12px; display:flex; gap:36px; align-items:center; color:#526c59; }
.scroll-link>span { font-size:19px; }
.section-topline { display:flex; justify-content:space-between; align-items:center; }
.section-topline .eyebrow { font-size:13px; color:#6f8674; }
.philosophy { padding-top:112px; }
.philosophy-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:70px; align-items:end; margin-top:43px; }
.philosophy h2,.modular-copy h2,.compose-heading h2,.intelligence-section h2 { font-size:clamp(40px,4vw,58px); font-weight:550; letter-spacing:-.055em; line-height:1.3; }
.philosophy-copy { padding-left:36px; padding-bottom:4px; }
.philosophy-copy>p { font-size:23px; line-height:1.7; letter-spacing:-.035em; }
.philosophy-copy>p.muted { font-size:17px; margin-top:21px; line-height:1.85; }
.principle-row { display:grid; grid-template-columns:repeat(3,1fr); margin-top:78px; padding-top:30px; border-top:1px solid var(--line); gap:50px; }
.principle-row>div { position:relative; padding-left:33px; }
.principle-row>div>span { position:absolute; top:3px; left:0; font-size:10px; color:#8a9a86; }
.principle-row h3 { font-size:20px; font-weight:550; letter-spacing:-.035em; }
.principle-row p { margin-top:12px; font-size:14px; line-height:1.8; color:#6c7f6c; }
.product-chapter { background:var(--deep); color:var(--paper); overflow:hidden; }
.chapter-inner { display:grid; grid-template-columns:1fr 1fr; gap:125px; padding-block:94px 82px; }
.chapter-copy>.eyebrow { color:#acc2ac; }
.chapter-copy h2 { margin-top:30px; font-size:65px; font-weight:500; letter-spacing:-.065em; line-height:1.25; }
.chapter-copy h2>em { color:var(--lime); font-style:normal; }
.chapter-copy>p:not(.eyebrow) { font-size:18px; color:#b1c5b6; line-height:1.9; letter-spacing:-.025em; margin-top:26px; }
.chapter-copy>.button { margin-top:32px; }
.development-label { font-size:11px; color:#89ab95; display:block; margin-top:18px; }
.chapter-visual { padding:22px 0 0 10px; }
.visual-meta { display:flex; justify-content:space-between; font-size:11px; color:#85a58f; padding-bottom:22px; border-bottom:1px solid #a7c2a725; }
.visual-meta>span:last-child { color:#b8cbb9; }
.editorial-timeline { margin-top:31px; }
.editorial-timeline>div { position:relative; margin-left:6px; padding:0 0 25px 34px; }
.editorial-timeline>div:not(:last-child):after { content:''; position:absolute; left:0; top:12px; bottom:1px; width:1px; background:#9ab3994d; }
.editorial-node { width:9px; height:9px; background:#517c61; border-radius:50%; position:absolute; top:4px; left:-4px; }
.editorial-date { font-size:11px; color:#85a38c; position:absolute; right:0; top:4px; }
.editorial-timeline h3 { font-size:23px; font-weight:450; letter-spacing:-.035em; color:#c1d2be; }
.editorial-timeline p { font-size:13px; line-height:1.8; color:#83a28b; margin-top:8px; }
.editorial-timeline>.timeline-current { padding-bottom:0; }
.timeline-current .editorial-node { background:var(--lime); box-shadow:0 0 0 5px #c6d58a13; }
.timeline-current .editorial-date,.timeline-current h3 { color:var(--lime); }
.timeline-current p { color:#a7c09e; }
.visual-caption { display:block; font-size:10px; color:#73977d; margin-top:32px; text-align:right; }
.chapter-bottom { display:flex; align-items:center; gap:42px; border-top:1px solid #b5ccb122; padding-block:28px; font-size:12px; color:#9ab79f; }
.chapter-bottom>a { margin-left:auto; display:flex; gap:30px; color:#c6d2bf; }
.modular-chapter { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:100px; padding-block:130px; }
.modular-copy>.eyebrow { color:#7a8d75; margin-bottom:25px; }
.modular-copy>.body-copy { margin-top:24px; }
.underlined-link { display:inline-flex; font-size:14px; gap:32px; border-bottom:1px solid #b1c0a6; padding-bottom:10px; margin-top:30px; }
.underlined-link:hover { color:var(--teal); }
.module-sculpture { position:relative; display:flex; flex-direction:column; gap:13px; padding:42px 17px; isolation:isolate; }
.module-sculpture:before { content:''; position:absolute; inset:0 -20px; z-index:-1; border-radius:50%; background:radial-gradient(ellipse,#dfe6d4 0%,transparent 65%); }
.module-core { background:#fff; border:1px solid #d5dfcc; border-radius:9px; padding:30px 24px; display:grid; grid-template-columns:45px 1fr; column-gap:25px; align-items:center; box-shadow:0 15px 25px #314f3410; transform:rotate(-3deg); transition:transform .4s; }
.module-core>img { grid-row:1/3; }
.module-core>strong { font-size:22px; font-weight:550; letter-spacing:-.025em; }
.module-core>span { font-size:12px; margin-top:10px; color:#809073; }
.module-attachments { display:grid; grid-template-columns:1fr 1fr; gap:11px; margin-top:5px; padding-left:26px; transform:rotate(-3deg); transition:transform .4s; }
.module-attachments>div { background:#e5ebda; border:1px solid #cfdac2; border-radius:7px; min-height:62px; display:flex; align-items:center; padding:15px; gap:15px; font-size:14px; box-shadow:0 7px 12px #314f3405; }
.module-attachments>div:nth-child(even) { background:#ecf0e5; }
.module-symbol { color:#8eaa6e; font-size:18px; }
.module-sculpture-caption { display:block; text-align:center; margin-top:25px; color:#7a8f6d; font-size:12px; }
.module-sculpture:hover .module-core { transform:rotate(-1deg) translateY(-3px); }
.module-sculpture:hover .module-attachments { transform:rotate(0) translateY(3px); }
.contact-chapter { background:var(--teal); color:var(--paper); }
.contact-inner { padding-block:76px 29px; }
.contact-inner>.eyebrow { color:#b0c8b6; }
.contact-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:70px; align-items:end; margin-top:31px; }
.contact-grid>h2 { font-size:56px; line-height:1.3; font-weight:500; letter-spacing:-.06em; }
.contact-grid>div { padding-left:28px; }
.contact-grid p { font-size:17px; color:#bdd1c0; line-height:1.85; margin-bottom:24px; letter-spacing:-.02em; }
.contact-email { display:inline-block; margin-left:21px; font-size:13px; color:#bad0bb; }
.contact-fineprint { margin-top:65px; border-top:1px solid #c5dac222; padding-top:23px; display:flex; justify-content:space-between; font-size:11px; color:#94b59b; }
.site-footer { padding-block:38px 27px; }
.footer-top { display:flex; align-items:center; gap:31px; }
.footer-top>.wordmark>span { font-size:25px; }
.footer-top>.wordmark img { width:27px; height:25px; }
.footer-top>p { font-size:12px; color:#7b8c75; }
.footer-top>div { margin-left:auto; display:flex; gap:30px; font-size:13px; color:#6f8268; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; font-size:10px; color:#91a087; margin-top:34px; }
.product-page .site-header { border-bottom:1px solid var(--line); }
.product-hero { padding-top:70px; }
.product-hero>.eyebrow { color:#6f8874; }
.product-hero-grid { display:grid; grid-template-columns:1.7fr 1fr; gap:60px; align-items:end; margin-top:26px; }
.product-hero h1 { font-size:clamp(42px,4.3vw,64px); line-height:1.3; font-weight:550; letter-spacing:-.055em; }
.product-hero h1 span { color:var(--teal); }
.product-hero-grid>div>p { font-size:16px; color:#72816a; line-height:1.85; }
.product-hero-grid .quiet-link { font-size:13px; margin-top:20px; }
.product-subnav { margin-top:44px; padding-block:21px; display:flex; gap:28px; align-items:center; border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-size:12px; color:#67805c; }
.product-subnav>span { font-size:11px; margin-left:auto; color:#819274; }
.event-section { padding-block:71px 100px; }
.event-tabs { display:flex; gap:6px; border-bottom:1px solid var(--line); margin-top:24px; }
.event-tab { background:transparent; border:0; border-bottom:2px solid transparent; margin-bottom:-1px; padding:16px 26px 18px; color:#809174; font-size:16px; font-weight:500; transition:color .2s,background .2s; }
.event-tab:first-child { padding-left:4px; padding-right:31px; }
.event-tab.is-active { color:var(--teal); border-color:var(--teal); }
.event-tab:hover { color:var(--teal); }
.event-workspace { border:1px solid #d4decc; background:#fff; border-radius:9px; margin-top:28px; overflow:hidden; box-shadow:0 16px 45px -30px #2d513e20; }
.event-record-top { padding:21px 34px; border-bottom:1px solid #e9ede4; display:flex; align-items:center; justify-content:space-between; gap:24px; background:#fafbf7; }
.event-record-top>p { display:flex; align-items:center; gap:15px; font-size:12px; color:#8a9a7a; }
#event-number { font-size:11px; letter-spacing:.025em; }
.tiny-divider { height:12px; width:1px; background:#d6dfcc; }
.event-status { background:#ecefdf; color:#55652d; font-size:12px; font-weight:500; padding:7px 11px; border-radius:4px; }
.event-record-heading { padding:32px 34px 28px; border-bottom:1px solid #e9ede4; }
.event-record-heading>span { font-size:12px; color:#91a17f; }
.event-record-heading>h3 { font-size:30px; font-weight:550; letter-spacing:-.035em; margin-top:10px; }
.event-record-heading>p { font-size:14px; color:#627456; line-height:1.8; margin-top:14px; }
.event-layout { display:grid; grid-template-columns:1.4fr 1fr; }
.event-timeline-area { padding:31px 34px 34px; }
.record-section-label { font-size:12px; font-weight:500; color:#8a9b77; letter-spacing:.015em; }
.event-timeline { list-style:none; padding:0; margin:27px 0 0 5px; }
.timeline-item { position:relative; padding:0 0 28px 28px; }
.timeline-item:last-child { padding-bottom:0; }
.timeline-item:not(:last-child):before { content:''; width:1px; position:absolute; left:0; top:11px; bottom:0; background:#d5dfca; }
.timeline-dot { width:7px; height:7px; background:#a4b88f; border-radius:50%; position:absolute; left:-3px; top:5px; }
.timeline-time { font-size:11px; color:#99a58b; display:block; }
.timeline-title { font-size:17px; letter-spacing:-.02em; font-weight:550; margin-top:7px; }
.timeline-body { font-size:13px; color:#627456; line-height:1.8; margin-top:8px; max-width:440px; }
.timeline-item.is-current .timeline-dot { background:var(--teal); box-shadow:0 0 0 4px #e7eddb; }
.timeline-item.is-current .timeline-title { color:var(--teal); }
.event-context { padding:31px 30px; border-left:1px solid #e9ede4; background:#fcfdf9; }
.next-action { border:1px solid #dce5cd; background:#f0f5e8; border-radius:6px; padding:21px; }
.next-action .eyebrow { font-size:11px; color:#809969; justify-content:space-between; }
.next-action h4 { font-size:19px; line-height:1.5; font-weight:550; margin-top:15px; letter-spacing:-.03em; }
.next-action p { font-size:13px; line-height:1.8; color:#627456; margin-top:12px; }
.source-context { margin-top:31px; }
#event-sources { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.source-pill { display:inline-flex; align-items:center; gap:7px; padding:9px 10px; border:1px solid #e0e7d5; border-radius:4px; font-size:11px; color:#82956f; background:white; }
.source-pill:before { content:''; width:5px; height:7px; border:1px solid #aab89a; display:block; }
.context-note { display:flex; gap:12px; margin-top:31px; padding-top:23px; border-top:1px solid #e1e8d6; }
.context-note>span { color:#a3b493; font-size:19px; }
.context-note>p { font-size:12px; color:#8a9c77; line-height:1.85; }
.event-bottomline { padding:18px 34px; background:#fafbf6; border-top:1px solid #e5eadc; display:flex; justify-content:space-between; font-size:10px; gap:20px; color:#8e9d7c; }
.demo-explanation { text-align:center; margin-top:22px; color:#829574; font-size:13px; line-height:1.8; }
.compose-section { padding-block:95px 100px; background:#ebefe5; }
.compose-heading { display:flex; justify-content:space-between; align-items:end; gap:50px; }
.compose-heading .eyebrow { color:#849874; font-size:12px; margin-bottom:23px; }
.compose-heading .body-copy { padding-bottom:7px; }
.compose-workspace { display:grid; grid-template-columns:1fr 1.3fr; gap:70px; margin-top:51px; }
.preset-row { display:flex; gap:10px; margin-top:17px; }
.preset-button { border:1px solid #cdd8bd; background:transparent; color:#879b72; padding:9px 14px; border-radius:30px; font-size:12px; }
.preset-button.is-active { color:var(--teal); background:#dce7cd; border-color:#bdceaa; }
.module-options { border:0; margin:27px 0 0; padding:0; }
.module-options legend { font-size:11px; color:#8f9f7d; padding:0 0 13px; }
.module-options label { display:flex; align-items:center; position:relative; gap:16px; padding:18px 0; border-top:1px solid #d5dfc9; cursor:pointer; }
.module-options label:last-child { border-bottom:1px solid #d5dfc9; }
.module-options label>span:last-child { margin-left:auto; color:#a3b68c; }
.module-options label>input { opacity:0; position:absolute; width:100%; height:100%; inset:0; margin:0; cursor:pointer; }
.custom-check { width:18px; height:18px; border:1px solid #afc197; border-radius:3px; position:relative; flex:none; }
.module-options input:checked+.custom-check { background:var(--teal); border-color:var(--teal); }
.module-options input:checked+.custom-check:after { content:''; position:absolute; width:7px; height:4px; border:1.4px solid white; border-top:0; border-right:0; transform:rotate(-45deg); left:4px; top:4px; }
.module-options input:focus-visible+.custom-check { outline:3px solid #97ad5d; outline-offset:4px; }
.module-options label>span:nth-last-child(2) { font-size:16px; font-weight:500; }
.module-options small { font-size:11px; color:#91a27d; margin-left:15px; font-weight:400; }
.compose-result { padding:34px; border-radius:8px; background:#f8faf4; border:1px solid #d6e0c9; display:flex; flex-direction:column; justify-content:center; }
.shared-core { padding:23px 20px; border-radius:6px; background:white; border:1px solid #dce5d0; display:flex; align-items:center; gap:19px; box-shadow:0 8px 25px #5a744607; }
.shared-core img { flex:none; }
.shared-core .record-section-label { font-size:10px; }
.shared-core h3 { font-size:18px; font-weight:550; margin-top:7px; letter-spacing:-.03em; }
.shared-core p { font-size:10px; color:#91a17e; margin-top:9px; }
.core-label { margin-left:auto; font-size:9px; padding:5px 8px; background:#edf3e4; color:#8da375; border-radius:3px; }
.compose-connector { display:flex; justify-content:center; align-items:center; flex-direction:column; gap:3px; font-size:14px; color:#a8bb8f; padding-block:8px; }
.compose-connector>span { height:13px; width:1px; background:#c5d4b3; }
.selected-modules { border:1px dashed #b4c99b; border-radius:6px; padding:23px; min-height:190px; background:#f0f5e7; }
.selected-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.selected-heading h3 { font-size:17px; font-weight:550; letter-spacing:-.03em; }
.selected-heading>span { font-size:11px; color:#8aa274; white-space:nowrap; }
.selected-heading b { color:var(--teal); font-weight:550; margin-right:4px; }
#module-types { margin-top:12px; font-size:11px; color:#91a27e; line-height:1.8; }
#module-fields { display:flex; flex-wrap:wrap; gap:7px; margin-top:21px; }
.module-field { display:block; border:1px solid #d3e0c2; background:#fff; color:#829a6a; padding:7px 10px; border-radius:4px; font-size:11px; }
.compose-result-caption { text-align:center; font-size:10px; color:#91a17c; line-height:1.8; margin-top:22px; }
.intelligence-section { display:grid; grid-template-columns:1fr 1fr; gap:90px; }
.intelligence-section>.intelligence-list { padding-top:3px; }
.intelligence-section .eyebrow { color:#8a9e77; font-size:12px; margin-bottom:23px; }
.intelligence-section .body-copy { font-size:16px; margin-top:25px; }
.intelligence-list>div { display:flex; gap:25px; padding:25px 0; border-top:1px solid var(--line); }
.intelligence-list>div:first-child { padding-top:0; border-top:0; }
.intelligence-list>div:last-child { padding-bottom:0; }
.intelligence-list>div>span { font-size:11px; color:#9bae8b; padding-top:4px; }
.intelligence-list h3 { font-size:21px; font-weight:500; letter-spacing:-.03em; }
.intelligence-list p { font-size:14px; color:#829373; line-height:1.9; margin-top:12px; }
@media(min-width:1600px) { .hero-art img { right:-4%; top:-15%; width:1220px; } .hero-content { padding-top:140px; } .brand-hero { max-height:900px; } }
@media(max-width:1200px) { .container { width:calc(100% - 80px); } .hero-content h1 { font-size:78px; } .hero-art img { width:1080px; right:-31%; top:-1%; } .hero-content { padding-top:110px; } .hero-description { font-size:18px; } .hero-actions { gap:22px; } .hero-actions .quiet-link { font-size:12px; gap:12px; } .chapter-inner { gap:80px; } .chapter-copy h2 { font-size:57px; } .contact-grid>h2 { font-size:48px; } .contact-grid { gap:50px; } .contact-grid>div { padding-left:0; } .contact-email { display:block; margin:20px 0 0; } .philosophy-grid { gap:40px; } .philosophy-copy { padding-left:0; } .philosophy-copy>p { font-size:21px; } .modular-chapter { gap:60px; } .compose-workspace { gap:45px; } .compose-result { padding:25px; } .shared-core { gap:14px; padding:20px 15px; } .shared-core h3 { font-size:16px; } .shared-core p { font-size:9px; } .module-options small { margin-left:10px; font-size:10px; } .product-hero-grid { gap:40px; grid-template-columns:1.6fr 1fr; } }
@media(max-width:960px) { .site-header { height:86px; } .brand-hero { min-height:700px; height:780px; } .hero-content { padding-top:92px; } .hero-content h1 { font-size:68px; } .hero-art img { width:960px; top:5%; right:-44%; opacity:.92; } .hero-content>.eyebrow { font-size:12px; } .hero-description { font-size:17px; } .hero-actions { align-items:flex-start; flex-direction:column; gap:22px; } .hero-baseline { bottom:24px; } .hero-baseline>p,.scroll-link { font-size:11px; } .section { padding-block:95px; } .philosophy-grid { grid-template-columns:1.1fr 1fr; gap:38px; margin-top:32px; } .philosophy h2,.modular-copy h2,.compose-heading h2,.intelligence-section h2 { font-size:40px; } .philosophy-copy>p { font-size:19px; } .philosophy-copy>p.muted { font-size:14px; } .principle-row { gap:24px; margin-top:54px; } .principle-row h3 { font-size:18px; } .principle-row p { font-size:12px; } .principle-row>div { padding-left:24px; } .chapter-inner { gap:54px; padding-block:76px 66px; } .chapter-copy h2 { font-size:47px; } .chapter-copy>p:not(.eyebrow) { font-size:16px; } .chapter-visual { padding-left:0; } .editorial-timeline h3 { font-size:20px; } .editorial-timeline p { font-size:12px; } .editorial-date { font-size:10px; } .chapter-bottom { gap:24px; font-size:11px; } .chapter-bottom>a { gap:15px; font-size:10px; } .modular-chapter { gap:30px; } .body-copy { font-size:16px; } .module-core { gap:17px; padding:27px 20px; } .module-core>strong { font-size:20px; } .module-core>span { font-size:10px; } .module-attachments { padding-left:18px; } .module-attachments>div { font-size:12px; gap:8px; min-height:53px; padding:12px; } .underlined-link { font-size:12px; } .contact-grid>h2 { font-size:41px; } .contact-grid p { font-size:15px; } .contact-grid { gap:45px; } .contact-inner { padding-top:60px; } .contact-fineprint { margin-top:50px; font-size:10px; } .product-hero-grid { grid-template-columns:1fr; gap:25px; } .product-hero h1 { font-size:54px; } .product-hero-grid>div { display:flex; align-items:end; justify-content:space-between; gap:30px; } .product-hero-grid>div>p { font-size:15px; } .product-hero-grid .quiet-link { margin:0 0 5px; } .event-layout { grid-template-columns:1.3fr 1fr; } .event-timeline-area,.event-context { padding:27px; } .event-record-top { padding:20px 27px; } .event-record-heading { padding:28px 27px; } .next-action { padding:17px; } .next-action h4 { font-size:17px; } .next-action p { font-size:12px; } .timeline-body { font-size:12px; } .compose-heading .body-copy { font-size:15px; } .compose-workspace { gap:28px; grid-template-columns:1fr 1.2fr; } .compose-result { padding:18px; } .shared-core img { width:27px; height:25px; } .shared-core h3 { font-size:15px; } .shared-core .record-section-label { font-size:9px; } .core-label { display:none; } .module-options small { display:block; margin:6px 0 0; } .selected-modules { padding:19px; } .selected-heading h3 { font-size:15px; } .module-field { font-size:10px; padding:7px; } .intelligence-section { gap:45px; } .intelligence-section .body-copy { font-size:14px; } .intelligence-list h3 { font-size:18px; } .intelligence-list p { font-size:13px; } }
@media(max-width:700px) { .container { width:calc(100% - 44px); } .site-header { height:76px; } .wordmark { gap:10px; } .wordmark img { width:26px; height:24px; } .wordmark>span { font-size:25px; } .desktop-nav,.header-contact { display:none; } .menu-toggle { display:flex; width:38px; height:38px; flex-direction:column; align-items:center; justify-content:center; gap:6px; border:0; background:transparent; } .menu-toggle>span { width:20px; height:1px; background:var(--deep); transition:transform .2s; } .menu-toggle[aria-expanded=true]>span:first-child { transform:translateY(3.5px) rotate(45deg); } .menu-toggle[aria-expanded=true]>span:last-child { transform:translateY(-3.5px) rotate(-45deg); } .mobile-nav { display:flex; position:absolute; left:0; right:0; top:76px; background:var(--paper); padding:20px 22px 30px; gap:24px; flex-direction:column; border-bottom:1px solid var(--line); box-shadow:0 15px 20px #16382708; } .mobile-nav>a { font-size:15px; color:#486a51; } .brand-hero { height:auto; max-height:none; min-height:0; padding-bottom:94px; } .hero-content { padding-top:37px; } .hero-content>.eyebrow { font-size:11px; gap:8px; } .hero-content h1 { font-size:clamp(46px,10.3vw,69px); letter-spacing:-.065em; line-height:1.2; margin-top:22px; } .hero-description { font-size:16px; margin-top:22px; line-height:1.8; } .hero-actions { flex-direction:row; gap:21px; margin-top:26px; align-items:center; flex-wrap:wrap; } .button { font-size:12px; padding:0 20px; min-height:48px; gap:22px; } .hero-actions .quiet-link { font-size:11px; gap:9px; } .quiet-link>span { font-size:16px; } .hero-art { position:relative; inset:auto; z-index:0; margin-top:3px; height:360px; order:2; } .hero-art img { width:720px; height:auto; max-width:none; right:calc(50% - 295px); top:-32px; opacity:1; mask-image:none; } .brand-hero { display:flex; flex-direction:column; } .hero-content { order:1; } .hero-baseline { order:3; bottom:21px; padding-top:18px; gap:12px; } .hero-baseline>p { font-size:10px; } .scroll-link { font-size:9px; gap:12px; } .scroll-link>span { font-size:15px; } .section { padding-block:70px; } .section-index { font-size:9px; letter-spacing:0; } .section-topline .eyebrow { font-size:11px; } .philosophy-grid { grid-template-columns:1fr; gap:25px; margin-top:28px; } .philosophy h2,.modular-copy h2,.compose-heading h2,.intelligence-section h2 { font-size:clamp(34px,8.4vw,45px); line-height:1.35; } .philosophy-copy>p { font-size:19px; } .philosophy-copy>p.muted { font-size:15px; margin-top:17px; } .principle-row { grid-template-columns:1fr; gap:0; padding-top:0; margin-top:34px; } .principle-row>div { padding:22px 0 22px 31px; border-bottom:1px solid var(--line); } .principle-row>div>span { top:26px; font-size:10px; } .principle-row h3 { font-size:20px; } .principle-row p { font-size:14px; margin-top:8px; } .chapter-inner { grid-template-columns:1fr; padding-block:55px 39px; gap:42px; } .chapter-copy>.eyebrow { font-size:11px; } .chapter-copy h2 { font-size:47px; margin-top:24px; } .chapter-copy>p:not(.eyebrow) { font-size:16px; line-height:1.85; margin-top:23px; } .chapter-copy>.button { margin-top:26px; } .development-label { font-size:10px; display:inline-block; margin-left:16px; } .chapter-visual { padding:0; } .visual-meta { font-size:10px; padding-bottom:17px; } .editorial-timeline { margin-top:25px; } .editorial-timeline>div { padding-left:27px; padding-bottom:26px; } .editorial-timeline h3 { font-size:22px; } .editorial-timeline p { font-size:13px; } .editorial-date { font-size:11px; top:3px; } .visual-caption { font-size:10px; margin-top:24px; text-align:left; } .chapter-bottom { flex-wrap:wrap; gap:19px; padding-block:22px; font-size:11px; } .chapter-bottom>a { width:100%; margin-top:4px; font-size:12px; justify-content:space-between; } .modular-chapter { grid-template-columns:1fr; gap:29px; } .modular-copy>.eyebrow { font-size:11px; margin-bottom:22px; } .modular-copy>.body-copy { font-size:16px; margin-top:21px; } .underlined-link { font-size:13px; margin-top:25px; } .module-sculpture { padding:29px 12px; max-width:450px; width:100%; margin-inline:auto; } .module-core { padding:28px 23px; } .module-core>strong { font-size:23px; } .module-core>span { font-size:12px; } .module-attachments>div { font-size:14px; padding:18px 15px; gap:12px; } .module-sculpture-caption { font-size:11px; margin-top:26px; } .contact-inner { padding-block:49px 25px; } .contact-inner>.eyebrow { font-size:11px; } .contact-grid { grid-template-columns:1fr; gap:25px; margin-top:24px; } .contact-grid>h2 { font-size:36px; letter-spacing:-.055em; } .contact-grid p { font-size:15px; line-height:1.85; margin-bottom:23px; } .contact-email { display:inline-block; font-size:11px; margin:0 0 0 18px; } .contact-fineprint { margin-top:40px; font-size:9px; line-height:1.8; gap:14px; align-items:start; } .contact-fineprint>span:last-child { text-align:right; max-width:150px; } .site-footer { padding-block:30px 24px; } .footer-top { flex-wrap:wrap; gap:17px; } .footer-top>.wordmark>span { font-size:23px; } .footer-top>.wordmark img { width:24px; height:22px; } .footer-top>p { font-size:10px; width:calc(100% - 135px); } .footer-top>div { font-size:12px; margin:6px 0 0; gap:27px; } .footer-bottom { font-size:9px; margin-top:26px; } .footer-bottom>span:nth-child(2) { display:none; } .desktop-only { display:none; } .product-hero { padding-top:40px; } .product-hero>.eyebrow { font-size:11px; } .product-hero-grid { margin-top:24px; gap:21px; } .product-hero h1 { font-size:clamp(29px,7.4vw,47px); letter-spacing:-.055em; line-height:1.4; } .product-hero-grid>div { display:block; } .product-hero-grid>div>p { font-size:15px; line-height:1.85; } .product-hero-grid .quiet-link { margin-top:20px; font-size:12px; } .product-subnav { margin-top:30px; gap:23px; flex-wrap:wrap; font-size:11px; padding-block:18px; row-gap:18px; } .product-subnav>span { width:100%; margin-left:0; font-size:10px; color:#8d9e7e; } .event-section { padding-block:43px 61px; } .event-tabs { gap:0; margin-top:18px; justify-content:space-between; } .event-tab { font-size:12px; padding:14px 8px 16px; } .event-tab:first-child { padding-left:0; padding-right:11px; } .event-workspace { margin-top:20px; border-radius:6px; } .event-record-top { padding:16px; gap:8px; flex-wrap:wrap; row-gap:13px; } .event-record-top>p { font-size:10px; gap:8px; } #event-number { font-size:9px; } .event-status { font-size:10px; padding:6px 8px; } .event-record-heading { padding:23px 18px; } .event-record-heading>span { font-size:11px; } .event-record-heading>h3 { font-size:25px; margin-top:10px; } .event-record-heading>p { font-size:13px; margin-top:12px; line-height:1.85; } .event-layout { grid-template-columns:1fr; } .event-timeline-area { padding:25px 21px 28px; } .record-section-label { font-size:11px; } .timeline-item { padding:0 0 28px 24px; } .timeline-title { font-size:17px; } .timeline-body { font-size:13px; } .timeline-time { font-size:10px; } .event-context { padding:23px 19px; border-left:0; border-top:1px solid #e9ede4; } .next-action { padding:19px; } .next-action h4 { font-size:18px; } .next-action p { font-size:13px; } .source-context { margin-top:25px; } .source-pill { font-size:10px; } .context-note { margin-top:25px; padding-top:19px; } .context-note>p { font-size:11px; } .event-bottomline { padding:15px 18px; font-size:9px; line-height:1.8; } .event-bottomline>span:last-child { display:none; } .demo-explanation { text-align:left; font-size:12px; margin-top:19px; } .compose-section { padding-block:58px 62px; } .compose-heading { flex-direction:column; align-items:start; gap:20px; } .compose-heading .eyebrow { font-size:11px; margin-bottom:20px; } .compose-heading .body-copy { font-size:15px; padding:0; } .compose-workspace { grid-template-columns:1fr; margin-top:34px; gap:28px; } .preset-row { margin-top:15px; } .preset-button { font-size:11px; } .module-options label>span:nth-last-child(2) { font-size:15px; display:flex; flex-direction:column; gap:5px; } .module-options small { margin:0; font-size:11px; } .module-options label { padding-block:16px; } .module-options legend { font-size:11px; } .compose-result { padding:22px 17px; } .shared-core { padding:20px 16px; gap:15px; } .shared-core img { width:30px; height:28px; } .shared-core .record-section-label { font-size:9px; } .shared-core h3 { font-size:16px; } .shared-core p { font-size:9px; line-height:1.7; } .selected-modules { padding:20px 17px; min-height:180px; } .selected-heading h3 { font-size:16px; } .module-field { font-size:11px; } .compose-result-caption { font-size:9px; } .intelligence-section { grid-template-columns:1fr; gap:35px; } .intelligence-section .eyebrow { font-size:11px; margin-bottom:20px; } .intelligence-section .body-copy { font-size:15px; margin-top:23px; } .intelligence-list>div { gap:19px; padding-block:24px; } .intelligence-list h3 { font-size:20px; } .intelligence-list p { font-size:14px; } }
@media(max-width:370px) { .container { width:calc(100% - 36px); } .hero-content h1 { font-size:45px; } .hero-actions { gap:15px; } .hero-actions .quiet-link { font-size:10px; } .button { padding-inline:17px; } .hero-art { height:320px; } .hero-art img { width:650px; right:calc(50% - 265px); top:-20px; } .scroll-link { font-size:8px; gap:7px; } .hero-baseline>p { font-size:9px; } .chapter-copy h2 { font-size:43px; } .product-hero h1 { font-size:28px; } .contact-grid>h2 { font-size:32px; } .contact-email { margin-left:12px; font-size:10px; } .event-tab { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { animation:none!important; transition:none!important; } .hero-art img { transform:none!important; } }
/* Integrate the studio image into the page rather than presenting a rectangular poster. */
@media(min-width:701px) { .hero-art img { mask-image:linear-gradient(to right,transparent,black 12%),linear-gradient(to bottom,transparent,black 4%,black 92%,transparent); mask-composite:intersect; } }
@media(max-width:700px) { .hero-art img { mask-image:linear-gradient(to bottom,transparent,black 4%,black 92%,transparent); } }
.editorial-timeline p { color:#a3bda5; }
.visual-caption { color:#9bb69d; }
/* Field-led brand hero. The photo comes from the user's reference Site. */
.home .site-header { position:absolute; inset:0 0 auto; color:white; }
.home .wordmark { color:#fff; }
.home .wordmark img { filter:brightness(0) invert(1); }
.home .desktop-nav a { color:#dae5dc; }
.home .desktop-nav a:hover { color:white; }
.home .header-contact { border-color:#d8e8d06b; color:#fff; }
.home .header-contact:hover { background:#ffffff12; }
.home .menu-toggle>span { background:white; }
.home .mobile-nav { background:var(--deep); border-color:#ffffff20; }
.home .mobile-nav>a { color:#e5eddf; }
.home .brand-hero { height:100svh; min-height:740px; max-height:1000px; padding:0; display:block; background:#102b25; color:white; }
.home .brand-hero:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#082b24e6 0%,#0c2e25bf 32%,#112e2345 65%,#12251d10 100%),linear-gradient(0deg,#0a251dd9,transparent 33%),linear-gradient(180deg,#091d1760,transparent 23%); pointer-events:none; }
.home .hero-art { position:absolute; inset:0; z-index:-2; width:100%; height:100%; margin:0; }
.home .hero-art img { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:right center; opacity:1; mix-blend-mode:normal; mask-image:none; transform:none!important; will-change:auto; }
.home .hero-content { padding-top:clamp(175px,24svh,260px); }
.home .hero-content>.eyebrow { color:#ccdbca; font-size:13px; }
.home .hero-content .status-dot { background:var(--lime); }
.home .hero-content h1 { font-size:clamp(62px,6vw,88px); line-height:1.25; font-weight:550; letter-spacing:-.06em; margin-top:26px; }
.home .hero-description { color:#d1ddce; font-size:19px; line-height:1.85; margin-top:25px; }
.home .hero-actions { flex-direction:row; align-items:center; gap:29px; margin-top:33px; }
.home .hero-actions .button { background:var(--lime); color:var(--night); }
.home .hero-actions .button:hover { background:#d7e4a3; }
.home .hero-actions .quiet-link { color:#e1e9d9; font-size:14px; }
.home .hero-baseline { bottom:27px; border-color:#d9e4d02a; padding-top:21px; }
.home .hero-baseline>p { color:#b7cdb6; }
.home .scroll-link { color:#d7e3ce; }
.home .philosophy { padding-block:98px 106px; }
.home .philosophy-grid { margin-top:31px; }
.home .chapter-copy h2 { font-size:clamp(43px,4.5vw,62px); }
.home .module-sculpture-caption:empty { display:none; }
.home .contact-inner { padding-bottom:73px; }
@media(max-width:960px) and (min-width:701px) {
 .home .brand-hero { min-height:750px; }
 .home .hero-content { padding-top:185px; }
 .home .hero-content h1 { font-size:64px; }
 .home .hero-description { font-size:18px; }
 .home .hero-art img { object-position:right center; }
 .home .brand-hero:after { background:linear-gradient(90deg,#082b24ed 0%,#0c2e25bf 45%,#112e2355),linear-gradient(0deg,#0a251ddd,transparent 35%); }
}
@media(max-width:700px) {
 .home .brand-hero { height:100svh; min-height:720px; max-height:900px; }
 .home .hero-content { padding-top:clamp(140px,19svh,180px); }
 .home .hero-content>.eyebrow { font-size:11px; }
 .home .hero-content h1 { font-size:clamp(37px,9.7vw,57px); margin-top:24px; line-height:1.35; }
 .home .hero-description { font-size:16px; margin-top:24px; line-height:1.85; }
 .home .hero-actions { flex-direction:column; align-items:flex-start; gap:22px; margin-top:28px; }
 .home .hero-actions .quiet-link { font-size:13px; }
 .home .hero-art img { object-position:right center; }
 .home .brand-hero:after { background:linear-gradient(90deg,#092a23e8 0%,#092c23a6 64%,#112e2370),linear-gradient(0deg,#09271de8,transparent 37%),linear-gradient(180deg,#09271d70,transparent 32%); }
 .home .hero-baseline { bottom:21px; padding-top:17px; }
 .home .hero-baseline>p { font-size:9px; max-width:190px; line-height:1.7; }
 .home .scroll-link { font-size:10px; gap:20px; }
 .home .philosophy { padding-block:62px 66px; }
 .home .philosophy-grid { margin-top:25px; }
 .home .philosophy-copy>p { font-size:18px; }
 .home .philosophy-copy>p.muted { font-size:15px; }
 .home .chapter-copy h2 { font-size:clamp(35px,8.7vw,48px); }
 .home .contact-inner { padding-bottom:48px; }
}
@media(max-width:370px) { .home .hero-content h1 { font-size:34px; } .home .hero-description { font-size:15px; } }
.home .hero-baseline { justify-content:flex-end; }

/* Korean geometric wordmark — approved modular lockup. */
.wordmark>.hangul-wordmark { display:block; width:116px; height:auto; }
.site-footer .wordmark>.hangul-wordmark { width:104px; height:auto; }
@media(max-width:700px) {
 .wordmark>.hangul-wordmark { width:102px; }
 .site-footer .wordmark>.hangul-wordmark { width:96px; }
}

.footer-bottom { gap:18px; flex-wrap:wrap; }
.consent-label a { text-decoration:underline; text-underline-offset:3px; }