:root{--ink:#172c31;--muted:#526467;--paper:#faf9f5;--line:#d2dad6;--accent:#275b4c;--soft:#e9eee8;--white:#fff;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding:24px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 system-ui,-apple-system,'Malgun Gothic',sans-serif;word-break:keep-all}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(34px,4.8vw,68px);line-height:1.18;letter-spacing:-.05em}h2{font-size:clamp(26px,3vw,42px);line-height:1.25;letter-spacing:-.04em}h3{font-size:21px;line-height:1.4}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button,.button{min-height:44px;padding:11px 20px;border:1px solid var(--accent);border-radius:8px;color:var(--accent);background:white;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}button:hover,.button:hover{background:var(--soft)}button.primary,.button.primary{background:var(--accent);color:white}button[aria-pressed=true]{background:var(--accent);color:white}button:disabled{opacity:.55;cursor:not-allowed}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b44819;outline-offset:4px}input,select{width:100%;min-height:44px;border:1px solid #849796;border-radius:7px;padding:10px;background:white;color:var(--ink)}label{display:grid;gap:5px;font-size:14px;font-weight:650}img{display:block;width:100%;object-fit:cover;background:#e8e9e3}small,.caption{font-size:13px;line-height:1.6;color:var(--muted)}.wrap{width:min(1280px,calc(100% - 64px));margin:auto}.section{padding:80px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent);margin-bottom:20px}.lead{font-size:18px;max-width:620px;color:var(--muted);margin-top:22px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.skip{position:absolute;left:10px;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:8px}.top{border-bottom:1px solid var(--line);background:var(--paper)}.top .wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-weight:850;font-size:22px;letter-spacing:-.06em}.brand span{font-size:12px;letter-spacing:0;font-weight:500;margin-left:12px}.nav{display:flex;gap:22px;align-items:center}.nav a{font-size:14px;text-decoration:none;min-height:44px;display:flex;align-items:center}.menu{display:none}.notice{font-size:12px;color:var(--muted);padding:9px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-head p{max-width:480px;color:var(--muted)}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.person{background:#e8e1d6;border-radius:110px 110px 12px 12px;overflow:hidden}.person img{aspect-ratio:4/5;object-position:center 30%}.person figcaption{padding:12px 18px;background:#eee8df;font-size:13px;color:#4c504b}.hero-a{display:grid;grid-template-columns:1.03fr 1fr;gap:64px;align-items:center;padding:64px 0 80px}.a h1,.a h2{font-family:Georgia,'Batang',serif;font-weight:500}.a{--accent:#755333;--soft:#eee5d9;--paper:#f9f6f0}.hero-a .people-grid{align-items:start}.hero-a .person:nth-child(2){margin-top:76px}.promise-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:30px}.promise-strip b{display:block;margin:8px 0}.promise-strip span{font-size:13px;color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.photo-link{padding:0;border:0;border-radius:0;display:block;width:100%;position:relative;text-align:left}.photo-link img{aspect-ratio:3/2;transition:transform .25s}.photo-link:hover img{filter:brightness(.96)}.photo-link .tag{position:absolute;bottom:12px;left:12px;background:#fffef0;color:#293d34;padding:4px 9px;font-size:11px;border-radius:4px}.card-body{padding:22px}.meta{font-size:12px;color:var(--muted)}.price{font-size:22px;letter-spacing:-.03em;font-weight:800;margin:8px 0}.facts{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:10px 0 18px}.card-actions{display:flex;gap:8px}.card-actions button{font-size:13px;flex:1;padding:9px}.card .note{font-size:14px;color:var(--muted);margin:10px 0 18px}.sample-line{color:#59665f;font-size:12px;margin:16px 0}.empty{padding:36px;background:white;border:1px solid var(--line);grid-column:1/-1}.empty p{margin:10px 0 18px}.b{--accent:#175bc1;--soft:#eaf1fb;--paper:#f6f8fb;--ink:#172a46}.b .top{background:white}.search-title{padding:28px 0 16px}.b h1{font-size:32px;letter-spacing:-.04em}.search-title p{color:var(--muted);margin-top:5px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:22px;background:white;border:1px solid var(--line);border-radius:14px}.advanced{grid-column:1/-1}.advanced summary{min-height:44px;padding:9px 0;font-size:14px}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filter-bottom{grid-column:1/-1;display:flex;gap:12px;align-items:center}.error{color:#a32424;font-size:13px}.results-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 15px;gap:12px}.results-head h2{font-size:21px}.condition-summary{font-size:12px;color:var(--muted);margin-bottom:16px}.search-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:25px;align-items:start}.b .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.zone-panel{background:#e6ecf0;padding:22px;border-radius:14px}.zone-map{display:grid;gap:14px;margin:24px 0;background:repeating-linear-gradient(45deg,#e6ecf0,#e6ecf0 25px,#f5f8f8 26px,#f5f8f8 40px);padding:14px}.zone-map button{min-height:78px;border-radius:20px}.map-toggle{display:none}.b .card-body{padding:18px}.b .card h3{font-size:19px}.compare-section{background:var(--soft);margin-top:60px;padding:50px 0}.compare-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.compare-heading h2{font-size:28px}.status{font-size:14px;margin:14px 0}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.compare-item{padding:22px;background:white;border:1px solid var(--line);border-radius:12px}.compare-item button{margin-top:15px}.prepare-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px}.prepare-controls{display:grid;gap:18px;margin-top:26px}.choices{display:flex;gap:8px;flex-wrap:wrap}.memo{background:white;border:1px solid var(--line);border-radius:14px;padding:28px}.memo pre{white-space:pre-wrap;word-break:keep-all;font:15px/1.9 inherit;min-height:150px}.memo .actions{margin-top:20px}.guide{display:flex;gap:18px;align-items:center;margin:25px 0}.guide img{width:84px;height:100px;border-radius:12px;flex-shrink:0}.guide p{font-size:14px}.faq{max-width:900px;margin:auto}.faq h2{margin-bottom:30px}.faq details{border-top:1px solid var(--line);padding:6px 0}.faq summary{padding:16px 0;min-height:50px;font-weight:650}.faq details p{padding:4px 0 24px;color:var(--muted)}.production{background:var(--ink);color:white;padding:32px;border-radius:14px;display:flex;justify-content:space-between;gap:24px;align-items:center}.production p{font-size:14px;margin-top:8px}.production a{background:white;color:#172c31;white-space:nowrap}footer{padding:32px 0;border-top:1px solid var(--line);margin-top:60px}footer .wrap{display:flex;justify-content:space-between;gap:20px;font-size:13px}footer .disclaimer{display:block;text-align:center;margin-top:28px;font-size:12px;color:var(--muted)}.c{--accent:#52632f;--soft:#edf0df;--paper:#fcfcf7}.hero-c{position:relative;height:620px;background:#333;overflow:hidden}.hero-c img{width:100%;height:100%;object-position:center}.hero-c:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,28,18,.78),rgba(15,28,18,.12))}.hero-c .hero-copy{position:absolute;z-index:1;left:max(32px,calc((100% - 1280px)/2));top:70px;color:white;max-width:590px;padding-right:24px}.hero-c .eyebrow,.hero-c .lead{color:#fff}.hero-c .photo-caption{position:absolute;bottom:18px;right:24px;color:white;z-index:2;font-size:12px;background:#253224;padding:4px 10px}.themes{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.editorial{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:start}.editorial .card{border:0;background:none;border-radius:0}.editorial .card:nth-child(even){margin-top:100px}.editorial .card .photo-link img{aspect-ratio:4/3}.editorial .card-body{padding:20px 0 40px}.c .section-head h2{font-family:Georgia,'Batang',serif}.c .section{padding:72px 0}.c .compare-section{margin-top:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.step{padding:26px;border:1px solid var(--line);border-radius:14px}.step strong{display:block;margin:14px 0}.step p{font-size:14px;color:var(--muted)}dialog{border:0;border-radius:16px;padding:0;color:var(--ink);background:white;width:min(980px,calc(100% - 32px));max-height:90dvh}dialog::backdrop{background:#142525bb}dialog .dialog-top{padding:16px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;padding:24px}.gallery img{aspect-ratio:3/2;object-fit:cover;border-radius:8px}.gallery-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.gallery-nav button{font-size:13px;padding:8px 12px}.detail-info h2{font-size:27px}.detail-info .price{font-size:28px}.detail-info dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:14px}.detail-info dt{color:var(--muted)}.detail-info dd{margin:0;text-align:right}.dialog-note{padding:0 24px 22px;font-size:13px;color:var(--muted)}#zoom{width:min(1300px,calc(100% - 20px));background:#111;color:white}#zoom img{width:100%;height:min(70vh,800px);object-fit:contain;background:#111}.image-error{display:block;padding:24px;background:#eee;color:#253b38;font-size:14px}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hub-card{padding:32px;border:1px solid var(--line);border-radius:15px}.hub-card h2{margin:15px 0;font-size:30px}.hub-card p{margin-bottom:25px}.hub-card.old{background:#eee}.hub h1{max-width:820px}.hub .lead{margin-bottom:45px}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:1000px){.hero-a{gap:30px}.search-layout{grid-template-columns:1fr 260px}.b .cards{grid-template-columns:1fr}.nav{gap:12px}.brand span{display:none}.hub-grid{grid-template-columns:1fr 1fr}}@media(max-width:799px){.wrap{width:calc(100% - 32px)}.top .wrap{min-height:66px;flex-wrap:wrap}.menu{display:inline-flex}.nav{display:none;width:100%;padding-bottom:16px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:6px 12px}.notice{font-size:11px}.section{padding:48px 0}.hero-a{grid-template-columns:1fr;padding:35px 0 48px;gap:32px}.hero-a .hero-copy{order:0}.hero-a .people-grid{order:1}.hero-a .person:nth-child(2){margin-top:30px}h1{font-size:40px}.lead{font-size:16px;margin-top:18px}.hero-a .people-grid{max-width:540px}.section-head{display:block}.section-head p{margin-top:14px}.cards{grid-template-columns:1fr 1fr}.promise-strip,.steps{grid-template-columns:1fr;gap:12px}.promise-strip{padding-top:20px}.prepare-layout{grid-template-columns:1fr;gap:30px}.compare-grid{grid-template-columns:1fr}.production{display:block;padding:25px}.production a{margin-top:20px}.search-title{padding:20px 0 13px}.b h1{font-size:26px}.search-title p{font-size:14px}.filters{grid-template-columns:1fr 1fr;gap:9px;padding:13px}.filters label:first-child{grid-column:1/-1}.advanced-grid label:first-child{grid-column:auto}.filter-bottom{flex-wrap:wrap}.filter-bottom button{font-size:13px;padding:6px 12px}.advanced summary{padding:5px 0;min-height:38px}.results-head{margin:17px 0 8px}.condition-summary{margin-bottom:12px}.search-layout{display:flex;flex-direction:column}.search-layout .listing{width:100%}.zone-panel{width:100%}.zone-panel:not(.mobile-open){display:none}.map-toggle{display:inline-flex;padding:8px 12px;font-size:13px}.b .cards{grid-template-columns:1fr 1fr}.b .card-actions{flex-direction:column}.b .card .note{display:none}.b .card-body{padding:13px}.b .price{font-size:18px}.b .card h3{font-size:17px}.hero-c{height:630px}.hero-c .hero-copy{left:20px;top:38px;max-width:530px}.hero-c h1{font-size:42px}.hero-c:after{background:linear-gradient(180deg,rgba(15,28,18,.78),rgba(15,28,18,.12))}.editorial{grid-template-columns:1fr;gap:20px}.editorial .card:nth-child(even){margin-top:0}.editorial .card-body{padding-bottom:14px}.detail-grid{grid-template-columns:1fr;gap:24px;padding:18px}dialog .dialog-top{padding:12px 18px}dialog{max-height:92dvh}.detail-info h2{font-size:25px}.hub-grid{grid-template-columns:1fr}footer .wrap{flex-direction:column}.compare-heading{align-items:start}.compare-heading button{flex-shrink:0}.memo{padding:21px}.guide img{width:70px;height:90px}}@media(max-width:460px){.cards{grid-template-columns:1fr}.b .cards{grid-template-columns:1fr}.b .card .photo-link img{aspect-ratio:1.9}.b .card-actions{flex-direction:row}.b .card-body{padding:17px}.b .card h3{font-size:20px}.b .price{font-size:23px}.hero-a h1{font-size:36px}.hero-c h1{font-size:39px}.hero-c{height:590px}.actions{gap:8px}.actions .button{padding:10px 13px;font-size:14px}.person figcaption{padding:10px;font-size:11px}.advanced-grid{grid-template-columns:1fr}.filter-bottom{gap:8px}.section-head h2{font-size:29px}.compare-heading h2{font-size:23px}.themes button{flex:1;padding:9px;font-size:13px}.gallery-nav button{flex:1}.hero-c .lead{max-width:310px}.price{overflow-wrap:anywhere}}@media(max-width:350px){h1,.hero-a h1{font-size:31px}.hero-c h1{font-size:34px}.brand{font-size:19px}.button,button{padding:10px 12px}.wrap{width:calc(100% - 24px)}.top .wrap{gap:10px}.hero-c .hero-copy{left:14px}.filters{padding:10px}.hero-c{height:620px}}

/* R1: intrinsic HTML dimensions reserve ratio, not a fixed rendered height. */
img{height:auto}.hero-c img{height:100%}.guide img{height:100px}#zoom img{height:min(70vh,800px)}@media(max-width:799px){.guide img{height:90px}}
