:root{color:#17201f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17201f;--muted:#66736d;--paper:#fffaf1;--line:#17201f24;--accent:#0f766e;--accent-dark:#0b4f4a;--warm:#d9964a;--shadow:0 24px 60px #29201524;background:#f4efe6;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#f4efe6db,#f4efe6),radial-gradient(circle at 18% 8%,#0f766e2e,#0000 30%),radial-gradient(circle at 88% 2%,#d9964a33,#0000 24%);min-width:320px;margin:0}a{color:inherit}.site-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4efe6e6;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand{letter-spacing:0;font-size:19px;font-weight:800;text-decoration:none}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:16px;display:flex}.site-header nav a,.site-footer a{color:var(--muted);font-size:14px;font-weight:700;text-decoration:none}.site-header nav a:hover,.site-footer a:hover{color:var(--ink)}main{flex-direction:column;gap:72px;padding-bottom:56px;display:flex}.hero{isolation:isolate;align-items:center;min-height:min(680px,100svh - 96px);padding:clamp(44px,8vw,120px) clamp(20px,6vw,88px);display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#0d1514e6,#0d151494 48%,#0d151424),linear-gradient(#0000 50%,#0d151457);position:absolute;inset:0}.hero-content{color:#fffaf1;max-width:680px;animation:.72s both rise-in}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:900}.hero .eyebrow{color:#9ee7dc}.hero h1{letter-spacing:0;margin:0;font-size:clamp(42px,8vw,92px);line-height:1.02}.hero p:not(.eyebrow){color:#fffaf1e0;max-width:620px;margin:24px 0 0;font-size:clamp(17px,2vw,21px);line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.primary-link,.secondary-link,.contact-section button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:800;text-decoration:none;display:inline-flex}.primary-link,.contact-section button{color:var(--ink);background:#fffaf1}.secondary-link{color:#fffaf1;border-color:#fffaf17a}.intro-band,.category-strip,.article-index,.essay-stack,.plain-section,.contact-section,.site-footer{width:min(1120px,100% - 40px);margin:0 auto}.intro-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:26px 0;display:grid}.intro-band p{color:var(--muted);margin:0;font-size:18px;line-height:1.85}.intro-band div{text-align:right;min-width:160px}.intro-band strong{color:var(--accent-dark);font-size:58px;line-height:1;display:block}.intro-band span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:800}.category-strip{flex-wrap:wrap;gap:10px;display:flex}.category-strip span{border:1px solid var(--line);color:var(--muted);background:#fffaf19e;border-radius:999px;padding:10px 14px;font-weight:800}.section-heading{max-width:760px;margin-bottom:28px}.section-heading h2,.plain-section h2,.contact-section h2{margin:0;font-size:clamp(34px,4vw,56px);line-height:1.12}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.article-tile{border:1px solid var(--line);background:#fffaf1b8;border-radius:10px;grid-template-columns:56px minmax(0,1fr);gap:8px 18px;min-height:360px;padding:26px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:grid}.article-tile img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;grid-column:1/-1;width:100%;margin-bottom:8px}.article-tile:hover{background:#fffaf1f0;border-color:#0f766e6b;transform:translateY(-3px)}.article-tile span{color:var(--warm);grid-row:2/5;font-size:25px;font-weight:900}.article-tile strong{font-size:22px;line-height:1.35}.article-tile p,.article-tile small,.essay-header p,.essay p,.plain-section p,.contact-section p{color:var(--muted);line-height:1.86}.article-tile p{margin:0}.article-tile small{font-weight:800}.essay-stack{flex-direction:column;gap:34px;display:flex}.essay{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:16px;padding:clamp(28px,5vw,64px);scroll-margin-top:96px}.essay-image{object-fit:cover;border-radius:12px;width:100%;max-height:520px;margin-bottom:clamp(24px,4vw,42px);display:block}.essay-header{max-width:840px}.essay-meta{color:var(--accent-dark);margin:0 0 14px;font-size:14px;font-weight:900}.essay h2{margin:0;font-size:clamp(32px,4vw,54px);line-height:1.18}.essay-header>p:last-child{margin:20px 0 0;font-size:18px}.essay blockquote{border-left:4px solid var(--accent);color:var(--accent-dark);margin:34px 0;padding:22px 0 22px 24px;font-size:22px;font-weight:800;line-height:1.65}.essay section{max-width:850px;margin-top:34px}.essay h3{margin:0 0 12px;font-size:24px}.essay p{margin:0 0 16px;font-size:17px}.plain-section,.contact-section{border-top:1px solid var(--line);padding:clamp(28px,5vw,56px)}.plain-section p{max-width:840px;font-size:18px}.contact-section{color:#fffaf1;background:#17312e;border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(320px,.8fr);gap:36px;display:grid}.contact-section .eyebrow{color:#9ee7dc}.contact-section p{color:#fffaf1c7}.contact-section form{gap:14px;display:grid}.contact-section label{color:#fffaf1db;gap:7px;font-weight:800;display:grid}.contact-section input,.contact-section textarea{color:#fffaf1;width:100%;font:inherit;background:#fffaf114;border:1px solid #fffaf138;border-radius:12px;padding:13px 14px}.contact-section button{cursor:pointer;border:0}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding:32px 0 42px;display:flex}.site-footer p{margin:0}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.site-header{flex-direction:column;align-items:flex-start}.site-header nav{justify-content:flex-start}main{gap:48px}.hero{align-items:flex-end;min-height:600px}.intro-band,.contact-section{grid-template-columns:1fr}.intro-band div{text-align:left}.article-grid,.article-tile{grid-template-columns:1fr}.article-tile span{grid-row:auto}.essay blockquote{font-size:19px}.site-footer{flex-direction:column}}