@font-face{font-family:Pretendard;src:url('/assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:Pretendard,Arial,sans-serif;color:#132444;background:#f8fafc}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 max(6%,calc((100% - 1280px)/2));background:#fff;border-bottom:1px solid #e6ebf1}header>a:last-child{font-size:13px;color:#5a687d}.logo img{width:170px;display:block}.hero{max-width:1280px;margin:auto;padding:85px 0 75px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#ef7739;margin:0 0 20px}h1{font-size:60px;letter-spacing:-3px;line-height:1.18;margin:0 0 24px;font-weight:850}h1 em{font-style:normal;color:#e8773e}.intro{line-height:1.85;color:#68778c;font-size:17px;margin:0}.hero-art{height:275px;position:relative;background:radial-gradient(ellipse,#e5edf8,transparent 65%)}.hero-art>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);height:160px;width:150px;border-radius:30px;background:linear-gradient(145deg,#253d61,#0b1a32);box-shadow:15px 25px 50px #0b1a322b;text-align:center;padding-top:15px;color:#fff;font-size:94px}.hero-art b span{display:block;font-size:7px;letter-spacing:1.5px;margin-top:-3px}.hero-art>span{position:absolute;padding:16px 24px;border:1px solid #dce5ef;background:#fffc;border-radius:12px;font-size:10px;letter-spacing:1px;font-weight:700;box-shadow:0 10px 30px #14264309;z-index:1}.hero-art>span:nth-child(1){top:5%;left:8%}.hero-art>span:nth-child(2){right:0;top:25%}.hero-art>span:nth-child(3){left:10%;bottom:0}.library{max-width:1280px;margin:0 auto;padding-bottom:85px}.library-top{border-top:1px solid #dce3eb;padding-top:36px;display:flex;justify-content:space-between;align-items:center;gap:25px}.library-top .eyebrow{margin-bottom:10px}h2{font-size:30px;letter-spacing:-1px;margin:0}.search{display:flex;gap:12px;align-items:center;border:1px solid #d9e1eb;border-radius:12px;padding:14px 18px;background:#fff;width:340px}.search span{font-size:13px;color:#8995a6}.search input{border:0;background:none;min-width:0;width:100%;font-size:14px}.search input:focus{outline:0}.search:focus-within{outline:2px solid #eb8a54}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 26px}.filters button{border:1px solid #dce3eb;background:#fff;padding:11px 19px;border-radius:30px;font-size:13px;color:#66758a}.filters button[aria-pressed=true]{background:#152948;border-color:#152948;color:#fff}.results-line{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#7c899a;margin-bottom:15px}.results-line select{border:0;background:none;color:#526078;margin-left:5px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.card{background:#fff;border:1px solid #e1e7ee;border-radius:18px;overflow:hidden;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 15px 40px #1324440b;transform:translateY(-3px)}.cover{height:230px;display:flex;flex-direction:column;justify-content:center;padding:34px 38px;position:relative;overflow:hidden}.cover small{font-size:9px;letter-spacing:2px;z-index:1}.cover strong{font-size:30px;line-height:1.35;letter-spacing:-1.2px;margin-top:23px;z-index:1}.cover-mark{position:absolute;font-size:200px;font-weight:900;line-height:1;right:35px;top:40px;opacity:.08;transform:rotate(-10deg)}.briefing{background:radial-gradient(ellipse at 100% 50%,#315579,#0a182b);color:#fff}.briefing strong{color:#b0d9ff}.water{background:linear-gradient(120deg,#dceef4,#f0f9fa);color:#246079}.health{background:linear-gradient(120deg,#e9e4da,#faf7f0);color:#71634c}.wellness{background:linear-gradient(120deg,#e3ece6,#f2f7f3);color:#395a49}.open{position:absolute;right:20px;top:20px;border:1px solid currentColor;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:15px;opacity:.5}.body{padding:27px 30px}.meta{display:flex;align-items:center;gap:12px}.meta>span{font-size:10px;font-weight:800;padding:6px 9px;border-radius:5px;background:#f3eee8;color:#ad693e}.meta small{font-size:11px;color:#8590a1}h3{font-size:24px;letter-spacing:-.7px;margin:18px 0 12px}.body>p{font-size:14px;line-height:1.75;color:#6c7b90;min-height:49px;margin:0}.tags{display:flex;gap:12px;margin:18px 0 24px;font-size:11px;color:#94a0af}.actions{border-top:1px solid #edf0f4;display:flex;justify-content:space-between;align-items:center;padding-top:19px}.actions a{font-size:13px;font-weight:800}.actions button{border:1px solid #dfe5ed;background:#fff;border-radius:7px;padding:9px 13px;color:#647288;font-size:11px}.updated{font-size:10px;color:#97a1b0;margin-top:15px}#empty{text-align:center;padding:80px 15px}#empty p{color:#7c899a}#empty button{border:0;border-radius:8px;padding:12px 20px;background:#152948;color:#fff}.share-note{background:#edf1f6;text-align:center;padding:65px 20px}.share-note>span{font-size:10px;letter-spacing:2px;color:#8794a7}.share-note h2{margin:18px 0;font-size:30px;line-height:1.4}.share-note p{font-size:13px;color:#748196;line-height:1.8}footer{max-width:1280px;margin:auto;padding:35px 0;display:flex;gap:25px;align-items:center}footer>a{font-size:18px;font-weight:900}footer p,footer>span{font-size:11px;color:#8692a3}footer>span{margin-left:auto}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#152948;color:#fff;border-radius:12px;padding:15px 25px;font-size:13px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #ddd;border-radius:15px;padding:25px;max-width:90vw}dialog input{width:100%;padding:12px}dialog button{padding:10px 20px;margin-top:15px}dialog::backdrop{background:#10204077}@media(max-width:1400px){.hero,.library,footer{margin-left:6%;margin-right:6%}}@media(max-width:700px){header{height:75px}.logo img{width:135px}header>a:last-child{font-size:11px}.hero{grid-template-columns:1fr;padding:50px 0 40px;gap:20px}h1{font-size:42px;letter-spacing:-2px}.intro{font-size:14px}.hero-art{display:none}.library-top{display:block}.library-top h2{font-size:25px}.search{margin-top:25px;width:100%}.cards{grid-template-columns:1fr;gap:22px}.cover{height:210px;padding:30px}.cover strong{font-size:28px}.body{padding:24px}.filters{gap:7px}.filters button{padding:9px 13px;font-size:12px}footer{flex-wrap:wrap;gap:10px}footer p{width:100%;order:3}footer>span{margin-left:auto}.share-note h2{font-size:26px}}