.archive-prototype{--ink:#293128;--muted:#747c70;--line:#dbe3d7;--green:#608347;min-height:100dvh;color:var(--ink);background:#f7f9f6;padding-bottom:100px;font-family:Wanted Sans,Arial,Noto Sans KR,sans-serif}.archive-prototype *{box-sizing:border-box}.archive-prototype button,.archive-prototype input{font:inherit}.archive-header{border-bottom:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;height:64px;padding:0 max(24px,50vw - 640px);display:flex}.archive-header>a{color:inherit;align-items:center;gap:9px;text-decoration:none;display:flex}.archive-header>a span{width:32px;height:32px;color:var(--green);border:1px solid #bcd0b1;border-radius:10px;place-items:center;display:grid}.archive-header>a svg{width:18px}.archive-header b{font-size:15px}.archive-header small{color:var(--muted);font-size:11px}.archive-header nav{gap:26px;font-size:13px;display:flex}.archive-header nav a{color:#6f796d;text-decoration:none}.archive-header nav strong{color:#3f6034}.archive-hero{background:linear-gradient(112deg,#fbfdfa,#eef6eb 70%,#e3efdf);border:1px solid #d4e1cd;border-radius:24px;justify-content:space-between;align-items:center;width:min(1280px,100% - 48px);min-height:176px;margin:24px auto 16px;padding:34px 40px;display:flex}.archive-hero small{color:#6f944e;letter-spacing:.16em;font-size:11px;font-weight:800}.archive-hero h1{letter-spacing:-.04em;margin:9px 0 7px;font-size:36px}.archive-hero p{color:#687264;margin:0;font-size:14px}.archive-hero>svg{color:#7ca3492e;width:130px;height:130px;transform:rotate(-9deg)}.archive-controls{border:1px solid var(--line);background:#fff;border-radius:17px;justify-content:space-between;align-items:center;gap:20px;width:min(1280px,100% - 48px);margin:auto;padding:15px 17px;display:flex}.archive-tabs{gap:7px;display:flex}.archive-tabs button{border:1px solid var(--line);color:#586256;cursor:pointer;background:#fff;border-radius:999px;height:37px;padding:0 14px;font-size:13px}.archive-tabs button.active{color:#fff;background:#6d9054;border-color:#789a61}.archive-controls label{border:1px solid var(--line);color:#7b8678;background:#fafcf9;border-radius:11px;align-items:center;gap:8px;width:min(330px,100%);height:40px;padding:0 12px;display:flex}.archive-controls input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.archive-summary{width:min(1280px,100% - 48px);height:58px;color:var(--muted);justify-content:space-between;align-items:center;margin:auto;font-size:13px;display:flex}.archive-summary div{align-items:center;gap:7px;display:flex}.archive-summary svg{width:17px}.archive-summary strong{color:var(--ink)}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1280px,100% - 48px);margin:auto;display:grid}.archive-grid article{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:18px;transition:transform .18s ease-out,box-shadow .18s ease-out;overflow:hidden}.archive-grid article:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2d3e261a}.spotlight .featured{grid-column:span 2;grid-template-columns:1.35fr .9fr;display:grid}.video-thumb{aspect-ratio:16/9;background:#8fa18e;place-items:center;display:grid;position:relative;overflow:hidden}.video-thumb:after{content:"";background:linear-gradient(145deg,#0000 38%,#18211638);position:absolute;inset:0}.forest{background:linear-gradient(135deg,#506c5d,#9eaf9e)}.lime{background:linear-gradient(135deg,#91ad68,#d6e3bd)}.blue{background:linear-gradient(135deg,#809aa6,#c9d8da)}.mist{background:linear-gradient(135deg,#aab9b5,#e0ded6)}.rose{background:linear-gradient(135deg,#b88f96,#e2c5c8)}.olive{background:linear-gradient(135deg,#788a5f,#c7d2af)}.video-thumb button{z-index:2;color:#4d6844;cursor:pointer;background:#ffffffe6;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:0 8px 24px #1f2a1d2e}.video-type{z-index:2;color:#46613f;background:#ffffffe6;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:750;position:absolute;top:13px;left:13px}.video-thumb i{z-index:2;color:#ffffffc7;letter-spacing:.12em;font-size:9px;font-style:normal;font-weight:800;position:absolute;bottom:12px;right:14px}.video-copy{padding:17px}.featured .video-copy{flex-direction:column;justify-content:center;padding:24px;display:flex}.video-copy>span{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.video-copy h2{margin:11px 0 4px;font-size:19px}.featured .video-copy h2{font-size:26px}.video-copy strong{color:#64705f;font-size:13px}.video-copy p{color:#7a8276;margin:12px 0 0;font-size:12px;line-height:1.55}.balanced{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.balanced article{border-radius:14px}.balanced .video-copy{min-height:152px}.balanced .video-copy h2{font-size:18px}.balanced .video-type{background:#eef5e9;border:1px solid #fffc}.archive-hybrid{width:min(1280px,100% - 48px);margin:auto}.hybrid-lead{margin-bottom:18px}.hybrid-lead article{background:#fff;border:1px solid #cfdcca;border-radius:20px;grid-template-columns:minmax(0,640px) minmax(280px,1fr);display:grid;overflow:hidden;box-shadow:0 14px 32px #374a3012}.hybrid-lead .video-thumb{aspect-ratio:16/9;width:100%}.hybrid-lead .video-thumb img{object-fit:cover;width:100%;height:100%;display:block}.hybrid-lead .video-copy{flex-direction:column;justify-content:center;padding:28px;display:flex;position:relative;overflow:hidden}.hybrid-lead .video-copy h2{font-size:27px}.hybrid-lead .video-copy p{font-size:13px}.video-copy-watermark{display:none}.variant-4 .hybrid-lead .video-copy{background:radial-gradient(circle at 103% 52%,#c4dcb59e,#0000 54%),linear-gradient(115deg,#fff 0%,#fbfdf9 54%,#eef6e9 100%);padding:46px}.variant-4 .hybrid-lead .video-copy>:not(.video-copy-watermark){z-index:1;position:relative}.variant-4 .hybrid-lead .video-copy-watermark{color:#69914c1a;width:292px;height:292px;display:block;position:absolute;bottom:-76px;right:-58px;transform:rotate(-9deg)}.variant-5 .hybrid-lead article{grid-template-columns:minmax(0,680px) minmax(280px,1fr)}.variant-5 .hybrid-lead .video-copy{background:linear-gradient(90deg,#fff 0%,#fbfdf9 100%);justify-content:flex-start;padding:54px 46px}.variant-5 .hybrid-lead .video-copy:before{content:"";background:#8eae72;border-radius:999px;width:44px;height:3px;margin-bottom:38px}.variant-5 .hybrid-lead .video-copy p{max-width:330px}.variant-6 .hybrid-lead article{grid-template-columns:minmax(0,720px) minmax(280px,1fr)}.variant-6 .hybrid-lead .video-copy{background:#fff;justify-content:center;padding:42px}.variant-6 .hybrid-lead .video-copy:before{content:"";background:#8eae72;border-radius:999px;width:38px;height:3px;margin-bottom:30px}.variant-6 .hybrid-lead .video-copy p{max-width:310px}.hybrid-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hybrid-grid article{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;transition:transform .18s ease-out,box-shadow .18s ease-out;overflow:hidden}.hybrid-grid article:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2d3e261a}.archive-empty{align-content:center;place-items:center;gap:10px;min-height:360px;display:grid}.archive-empty h2{font-size:19px}.archive-empty button{color:#fff;background:#6d9054;border:0;border-radius:10px;padding:10px 14px}.proto-picker{z-index:2147483647;-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#0a0a0ad1;border-radius:999px;align-items:center;gap:2px;padding:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff14,0 8px 24px #0000003d,0 2px 6px #0000001f}.proto-picker-highlight{will-change:transform;background:#ffffff1f;border-radius:999px;height:28px;position:absolute;top:4px;left:0}.proto-picker[data-ready] .proto-picker-highlight{transition:transform .25s cubic-bezier(.23,1,.32,1),width .25s cubic-bezier(.23,1,.32,1)}.proto-picker-item{color:#ffffff8c;height:28px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding:0 12px;transition:color .15s ease-out;display:flex;position:relative}.proto-picker-item:hover{color:#ffffffd9}.proto-picker-item:active{transform:scale(.97)}.proto-picker-item:focus-visible{outline-offset:2px;outline:2px solid #fff6}.proto-picker-item[data-active]{color:#fff}@media (prefers-reduced-motion:reduce){.proto-picker[data-ready] .proto-picker-highlight{transition:none}}@media (max-width:820px){.archive-header{padding:0 15px}.archive-header nav a{display:none}.archive-hero{width:calc(100% - 24px);min-height:132px;margin-top:12px;padding:22px}.archive-hero h1{font-size:28px}.archive-hero>svg{width:85px}.archive-controls{width:calc(100% - 24px);display:grid}.archive-tabs{overflow:auto}.archive-controls label{width:100%}.archive-summary,.archive-grid,.archive-hybrid{width:calc(100% - 24px)}.archive-grid,.hybrid-grid{grid-template-columns:1fr 1fr}.spotlight .featured{grid-column:1/-1;display:block}.hybrid-lead article,.variant-5 .hybrid-lead article,.variant-6 .hybrid-lead article{grid-template-columns:minmax(0,56%) minmax(0,44%)}.hybrid-lead .video-thumb{aspect-ratio:16/9}.variant-4 .hybrid-lead .video-copy,.variant-5 .hybrid-lead .video-copy,.variant-6 .hybrid-lead .video-copy{padding:28px}.variant-5 .hybrid-lead .video-copy:before,.variant-6 .hybrid-lead .video-copy:before{margin-bottom:22px}.proto-picker{bottom:12px}.proto-picker-item{padding:0 8px;font-size:11px}}@media (max-width:680px){.proto-picker-item{padding:0 7px;font-size:10px}}@media (max-width:520px){.archive-header small,.archive-hero>svg{display:none}.archive-grid,.hybrid-grid{grid-template-columns:1fr}.spotlight .featured{grid-column:auto}.featured .video-copy{padding:17px}.hybrid-lead article,.variant-5 .hybrid-lead article,.variant-6 .hybrid-lead article{display:block}.hybrid-lead .video-copy,.variant-4 .hybrid-lead .video-copy,.variant-5 .hybrid-lead .video-copy,.variant-6 .hybrid-lead .video-copy{padding:17px}.variant-4 .hybrid-lead .video-copy-watermark{width:180px;height:180px;bottom:-56px;right:-44px}.variant-5 .hybrid-lead .video-copy:before,.variant-6 .hybrid-lead .video-copy:before{width:34px;margin-bottom:18px}.hybrid-lead .video-copy h2{font-size:20px}.hybrid-lead .video-thumb{aspect-ratio:16/9}}