:root{--green:#234b3b;--ink:#26392f;--paper:#f7f7ef;--muted:#6c756c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b9944a;outline-offset:4px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #dce1d6;background:var(--paper)}.brand{font:italic 42px Georgia,serif;letter-spacing:-2px;display:flex;align-items:center;gap:20px}.brand span{font:12px sans-serif;letter-spacing:1px}nav{display:flex;gap:30px;font-size:14px}nav a:hover{color:#b77e42}.hero{position:relative;padding:75px 6% 0;display:grid;grid-template-columns:1.08fr 1fr;gap:35px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#7d866c}.hero h1{font-size:clamp(36px,4.2vw,65px);line-height:1.35;letter-spacing:-3px;font-weight:500;margin:28px 0}.hero-copy>p:not(.eyebrow){color:var(--muted);margin-bottom:33px}.button{display:inline-block;background:var(--green);color:white;padding:14px 23px;border-radius:4px;font-size:14px}.textlink{display:block;margin-top:20px;font-size:14px;text-decoration:underline;text-underline-offset:6px}.hero-image{height:480px;border-radius:160px 4px 4px 4px;overflow:hidden;position:relative}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#18352966)}.hero-image span{position:absolute;bottom:24px;left:30px;color:white;z-index:1;font-size:14px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;padding:26px 0;border-bottom:1px solid #d6ddcf;margin-top:20px}.section{padding:90px 6%}h2{font-size:clamp(28px,3vw,42px);line-height:1.4;letter-spacing:-1.5px;font-weight:500;margin:15px 0 24px}.news{display:grid;grid-template-columns:1fr 1.15fr;gap:70px}.news p{max-width:650px}.muted{color:var(--muted);font-size:14px}.pill{display:inline-block;padding:5px 14px;border:1px solid #acb9a1;border-radius:30px;font-size:12px}.types{background:#e9eee3}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0}.tabs button{background:transparent;border:1px solid #bfcab7;color:var(--green);padding:10px 24px;border-radius:30px;cursor:pointer}.tabs button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.type-detail{display:grid;grid-template-columns:1fr 2fr;gap:50px;background:#f9faf4;padding:38px}.number{color:#a0ad93;font:italic 60px Georgia}h3{font-size:28px;font-weight:500;margin:0}.type-detail p{font-size:14px;line-height:2;white-space:pre-line;margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:center}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-top:32px}.filters label{font-size:12px;color:var(--muted)}input,select{display:block;width:100%;padding:13px 16px;background:#fff;border:1px solid #d3dace;color:var(--ink);border-radius:4px;margin-top:7px}.legend{font-size:11px;color:#687761;margin-top:25px}.legend span{white-space:nowrap}.table-wrap{max-height:510px;overflow:auto;border:1px solid #d9ded2;border-radius:5px}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:13px}th,td{padding:13px 17px;text-align:center;border-bottom:1px solid #e0e5db}th{background:#e9eee3;position:sticky;top:0;z-index:1}td:first-child,th:first-child{text-align:left}td.good{color:#28604a;background:#eef4e9}td.bad{color:#a96b55}#count{font-size:12px;color:var(--muted)}.note{font-size:12px;color:#798272;border-top:1px solid #d9dfd0;padding-top:20px}.channel{background:var(--green);color:#f7f7ef;display:grid;grid-template-columns:1fr 1fr;gap:70px}.channel .eyebrow{color:#bcc9a4}.light{background:#f1f2df;color:var(--green);margin-top:15px}.videos{display:flex;flex-direction:column;justify-content:center}.videos a{display:flex;gap:25px;border-bottom:1px solid #ffffff30;padding:27px 0;font-size:13px}.videos span{flex:1}.contact{text-align:center}.phone{font-size:clamp(27px,4vw,46px);letter-spacing:-1px;border-bottom:1px solid #9aaa8e}footer{padding:35px 6%;border-top:1px solid #d9dfd0;display:flex;align-items:center;justify-content:space-between;font-size:11px}footer p{color:var(--muted)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){header{height:auto;padding:20px 6%;display:block}.brand{font-size:35px}nav{gap:18px;font-size:12px;margin-top:16px;overflow:auto;white-space:nowrap}.hero{padding-top:40px;grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.hero-image{height:290px;border-radius:100px 4px 4px 4px}.hero-bottom{letter-spacing:0;font-size:10px}.section{padding:55px 6%}.news,.channel,.type-detail{grid-template-columns:1fr;gap:20px}.type-detail{padding:25px}.tabs{gap:7px}.tabs button{padding:8px 15px;font-size:13px}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.section-heading{display:block}.section-heading .pill{margin-bottom:15px}footer{flex-wrap:wrap;gap:20px}footer .brand span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Contemporary Rapha visual system */
:root{--green:#143d32;--ink:#173b31;--paper:#faf9f3;--muted:#66766d;--lime:#d9f879}
body{font-family:"Pretendard Variable","Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
header{height:100px;border-bottom:0;padding:0 5%;gap:25px}
.brand{font-family:Arial,sans-serif;font-style:normal;font-weight:900;font-size:46px;letter-spacing:-4px}
.brand span{font-size:11px;letter-spacing:0;font-weight:500}
nav{gap:28px;font-size:13px;font-weight:600}nav a:last-child{background:var(--green);color:white;border-radius:99px;padding:8px 20px;margin-top:-8px}
.hero{margin:0 24px;padding:65px 4% 0;background:#eaf0e5;border-radius:32px;gap:25px;overflow:hidden}
.hero-copy{padding:10px 0 35px;position:relative;z-index:1}
.hero .eyebrow{color:#46674f;background:#fff8;border-radius:100px;display:inline-block;padding:5px 13px;font-size:10px;letter-spacing:1px}
.hero h1{font-size:clamp(42px,5.3vw,80px);font-weight:800;letter-spacing:-5px;line-height:1.19;margin:23px 0}
.hero h1 em{font-style:normal;display:inline-block;position:relative;background:var(--lime);padding:0 8px;border-radius:10px;transform:rotate(-2deg)}
.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.9}
.button{border-radius:99px;padding:16px 25px;font-size:14px;font-weight:700;box-shadow:0 5px 0 #143d3212;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#2e5c47}
.hero .textlink{display:inline-block;margin-left:18px;font-size:12px}
.hero-image{height:480px;overflow:visible;border-radius:0;position:relative;align-self:center}
.hero-image img{position:absolute;width:73%;height:87%;left:14%;top:3%;border-radius:160px 160px 22px 22px;transform:rotate(5deg);filter:saturate(.65);box-shadow:0 22px 45px #173b3118}
.hero-image:after{inset:auto;width:125px;height:125px;background:var(--lime);border-radius:50%;left:0;bottom:24px;border:8px solid #eaf0e5}
.hero-image:before{content:"RAPHA GARDEN";position:absolute;right:0;top:10px;z-index:2;background:#faf9f3;padding:11px 20px;border-radius:100px;transform:rotate(10deg);font-size:11px;font-weight:800;letter-spacing:1px}
.hero-image span{bottom:0;left:auto;right:10px;transform:rotate(-6deg);background:#fff;color:var(--green);padding:14px 22px;box-shadow:0 10px 30px #173b3110;border-radius:9px;font-weight:700;font-size:13px}
.hero-bottom{border-top:1px solid #173b3120;border-bottom:0;margin:0;padding:22px 0;letter-spacing:1px}
.section{padding:85px 7%}
h2{font-weight:800;font-size:clamp(30px,3.5vw,48px);line-height:1.3;letter-spacing:-2px}
.eyebrow{color:#53755a;font-weight:800;font-size:10px;letter-spacing:2px}
.news{margin:25px 0;gap:80px;align-items:center}.news>div:nth-child(2){border-left:3px solid var(--lime);padding:12px 0 12px 35px}.pill{border:0;background:var(--lime);font-weight:700;color:var(--green);padding:6px 15px}.news .textlink{font-weight:700}
.types{margin:0 24px;border-radius:30px;background:#efece5}.tabs{gap:8px;margin:30px 0 23px}.tabs button{background:#faf9f3;border:0;padding:12px 25px;font-size:14px;font-weight:700;transition:transform .15s}.tabs button:hover{transform:translateY(-2px)}.tabs button[aria-pressed=true]{background:var(--green);color:var(--lime)}
.type-detail{background:var(--paper);border-radius:22px;padding:35px;grid-template-columns:1fr 2.6fr;gap:45px}.type-detail>div:first-child{border-right:1px solid #dce0d2}.number{font-family:Arial,sans-serif;font-weight:900;font-style:normal;font-size:75px;letter-spacing:-6px;color:#a5b28d}h3{font-size:28px;font-weight:800;letter-spacing:-1px}.type-detail p{font-size:14px;color:#4f6157}.type-detail .muted{font-size:11px}
.food h2{margin-bottom:12px}.filters{background:#eaf0e5;border-radius:20px;padding:23px;gap:15px}input,select{border:1px solid transparent;border-radius:10px;padding:14px;color:var(--green);font-size:14px}input:focus,select:focus{outline:2px solid #809d65}.filters label{font-weight:700;color:#3c5e4d}.legend{line-height:2}.table-wrap{border-radius:18px;border-color:#e0e5d8;background:white;max-height:540px}th{background:var(--green);color:white;font-weight:600;font-size:12px;padding:15px}td{padding:15px;font-size:13px}td.good{background:#f1f7e6}tbody tr:hover td{background:#e7f1d5}#count{font-size:12px;text-align:right}.note{font-size:11px}
.channel{margin:0 24px;border-radius:30px;background:var(--green);position:relative;overflow:hidden;align-items:center}.channel:after{content:"r.";position:absolute;font:bold 350px Arial;right:-12px;bottom:-120px;color:#ffffff06;pointer-events:none}.channel h2{font-size:48px}.channel .eyebrow{color:var(--lime)}.channel p:not(.eyebrow){font-size:14px;color:#d4dfce}.light{background:var(--lime);color:var(--green)}.light:hover{background:#e6ffae}.videos{position:relative;z-index:1;gap:12px}.videos a{border:1px solid #ffffff24;border-radius:16px;padding:24px;background:#ffffff06;transition:background .2s}.videos a:hover{background:#ffffff12}.videos span{font-weight:600;font-size:15px}
.contact{padding:100px 7%;background:radial-gradient(ellipse at center,#edf3e1 0,transparent 65%)}.contact h2{font-size:44px}.contact>p:not(.eyebrow){font-size:14px;color:var(--muted)}.phone{display:inline-block;background:var(--lime);padding:5px 24px;margin:15px 0;border:0;border-radius:12px;font-size:42px;font-weight:800;letter-spacing:-2px;transform:rotate(-2deg)}footer{padding:35px 5%;background:#eeeee5;border:0}footer .brand{font-size:35px}footer>a:last-child{padding:10px 18px;border:1px solid #c5cdbd;border-radius:99px}
@media(min-width:1450px){main,header,footer{max-width:1600px;margin-left:auto;margin-right:auto}}
@media(max-width:900px){.hero h1{font-size:51px;letter-spacing:-3px}.hero .textlink{display:block;margin-left:0}.hero-image{height:430px}.tabs button{padding:10px 18px}.news{gap:30px}.channel h2{font-size:36px}}
@media(max-width:760px){header{height:auto;padding:20px 6%;display:block}.brand{font-size:39px;letter-spacing:-3px}.brand span{font-size:10px}nav{gap:22px;margin-top:20px;padding-bottom:6px;font-size:12px}nav a:last-child{margin-top:0;padding:0;background:none;color:var(--green)}.hero{margin:0 12px;padding:30px 6% 0;grid-template-columns:1fr;gap:0;border-radius:24px}.hero-copy{padding-bottom:15px}.hero h1{font-size:clamp(36px,9vw,61px);letter-spacing:-2.5px;margin:22px 0}.hero-copy>p:not(.eyebrow){font-size:13px;margin-bottom:24px}.hero .eyebrow{font-size:8px}.hero .textlink{display:inline-block;margin-left:12px;font-size:10px}.button{font-size:12px;padding:14px 20px}.hero-image{height:310px;margin:15px 0 25px}.hero-image img{width:70%;left:15%;height:94%;top:0}.hero-image:after{width:90px;height:90px;left:3%;bottom:0}.hero-image:before{right:0;font-size:9px;padding:8px 13px}.hero-image span{font-size:11px;right:0;bottom:0;padding:10px 15px}.hero-bottom{font-size:9px;letter-spacing:0;padding:17px 0}.section{padding:50px 6%}.news{gap:16px;margin:10px 0}.news>div:nth-child(2){padding-left:20px}.news p{font-size:14px}.types,.channel{margin:0 12px;border-radius:24px}.tabs{gap:7px}.tabs button{padding:10px 16px;font-size:12px}.type-detail{padding:23px;gap:12px;grid-template-columns:1fr}.type-detail>div:first-child{border:0;display:grid;grid-template-columns:70px 1fr;align-items:center}.number{font-size:48px;letter-spacing:-3px}.type-detail h3{font-size:24px}.type-detail .muted{grid-column:2}.type-detail p{font-size:13px;line-height:1.9}.filters{padding:17px;border-radius:16px;gap:12px}input,select{font-size:13px;padding:12px}.channel h2,.contact h2{font-size:34px}.videos{gap:10px}.videos a{padding:20px;font-size:11px}.videos span{font-size:13px}.phone{font-size:30px;padding:8px 16px}.contact{padding:65px 6%}.contact>p:not(.eyebrow){font-size:12px}footer{padding:30px 6%}footer .brand span{display:block;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Warm palette: cocoa, oat, rose, butter and cream */
:root{--green:#604236;--ink:#50382f;--paper:#fffbf3;--muted:#806e62;--lime:#f9df8d}
header{background:#fffbf3}nav a:hover{color:#ac5e67}
.hero{background:#f2e6d9}.hero .eyebrow{color:#785c49;background:#fff9ef}
.hero h1 em{background:#f5ccd0}
.hero-copy>p:not(.eyebrow){color:#806e62}
.button{box-shadow:0 5px 0 #60423612}.button:hover{background:#7b5546}
.hero-image img{filter:saturate(.55) sepia(.17);box-shadow:0 22px 45px #67452e1a}
.hero-image:after{background:#f9df8d;border-color:#f2e6d9}
.hero-image:before{background:#f5ccd0;color:#604236}
.hero-image span{background:#fff9ef;color:#604236;box-shadow:0 10px 30px #67452e14}
.hero-bottom{border-color:#805c3f25}
.eyebrow{color:#986b55}
.pill{background:#f7df95;color:#604236}
.news>div:nth-child(2){border-left-color:#e7afb5}
.types{background:#f5e3e3}
.tabs button{background:#fff9f0;color:#795343}
.tabs button[aria-pressed=true]{background:#604236;color:#fff1c1}
.type-detail{background:#fffaf2}
.type-detail>div:first-child{border-color:#e8d7ca}
.number{color:#c5a48b}.type-detail p{color:#735e53}
.filters{background:#f3e9d8}.filters label{color:#795f4b}
input,select{background:#fffdf8;color:#604236}
input:focus,select:focus{outline-color:#b77a76}
.legend{color:#806e62}
.table-wrap{background:#fffdf8;border-color:#eadccd}
th{background:#725042;color:#fff8ed}
td,th{border-bottom-color:#eee0d2}
td.good{color:#795a27;background:#fff4cf}
td.bad{color:#a35060;background:#fff4f2}
tbody tr:hover td{background:#f5e5d5}
.note{color:#8a7668;border-top-color:#e7d9ca}
.channel{background:#65463b;color:#fff9ed}
.channel .eyebrow{color:#f7df95}
.channel p:not(.eyebrow){color:#ead6c7}
.light{background:#f7df95;color:#604236}
.light:hover{background:#ffe9ae}
.videos a{background:#fff6e908;border-color:#f5d9c933}
.videos a:hover{background:#f5ccd01a}
.contact{background:radial-gradient(ellipse at center,#fbe3df 0,#fff6df55 45%,transparent 72%)}
.phone{background:#f9df8d;color:#604236}
footer{background:#eee0d0;color:#604236}
footer>a:last-child{border-color:#cdb39c}
a:focus-visible,button:focus-visible{outline-color:#ad6672}
@media(max-width:760px){nav a:last-child{color:#604236}}