.noma-live{margin:0;background:#f4f0e8;color:#33291f;font-family:'Apple SD Gothic Neo','Malgun Gothic',Arial,sans-serif}
.noma-live *{box-sizing:border-box}.noma-live a{color:inherit;text-decoration:none}.noma-live button{font:inherit}
.n-header{height:82px;padding:0 clamp(20px,5vw,84px);display:grid;grid-template-columns:1fr auto 1fr;gap:35px;align-items:center;background:#f4f0e8}
.n-brand{width:max-content;font:normal 32px/.8 Georgia,serif;letter-spacing:-.08em}.n-brand span{display:block;margin-top:9px;font:9px/1.2 Arial,sans-serif;letter-spacing:.22em}
.n-header nav{display:flex;gap:30px;font-size:13px}.n-header nav a:hover,.n-header-visit:hover,.n-section-heading a:hover,.n-beans a:hover,.n-result a:hover{opacity:.6}
.n-header-visit{justify-self:end;border-bottom:1px solid;padding-bottom:5px;font-size:12px}
.n-hero{height:min(67vw,660px);min-height:500px;position:relative;background:#544639;overflow:hidden}.n-hero>img{width:100%;height:100%;object-fit:cover;object-position:right center;transform:scale(1.8);transform-origin:right center;filter:brightness(.66)}
.n-hero-copy{position:absolute;left:clamp(24px,7vw,115px);bottom:13%;color:#fff8ed}.n-hero h1{margin:0;font:normal clamp(46px,5.3vw,86px)/1.12 Georgia,'Batang',serif;letter-spacing:-.065em;text-wrap:balance}.n-hero-copy p{margin:24px 0 0;font-size:15px}
.n-photo-caption{position:absolute;bottom:23px;right:clamp(20px,4vw,72px);color:#fff;font:10px Arial;letter-spacing:.16em}
.n-quick{padding:0 clamp(20px,5vw,84px);min-height:115px;display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;border-bottom:1px solid #c7bdaf;gap:20px}.n-quick p{display:flex;gap:20px;align-items:baseline;margin:0;font-size:13px}.n-quick p span{color:#7e7064}.n-quick b{font-weight:500}.n-quick a{font-size:13px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.n-menu{padding:110px clamp(20px,6vw,100px) 120px}.n-section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #9d8c78;padding-bottom:25px;margin-bottom:40px}.n-section-heading h2{font:normal clamp(36px,4vw,62px)/1.15 Georgia,'Batang',serif;letter-spacing:-.05em;margin:0}.n-section-heading a{font-size:14px;border-bottom:1px solid;padding-bottom:5px}
.n-menu-feature{display:grid;grid-template-columns:47% 1fr;gap:8%;align-items:start}.n-menu figure{margin:0}.n-menu figure img{width:100%;height:610px;object-fit:cover;display:block}.n-menu figcaption{font-size:12px;color:#817469;margin-top:13px}
.n-menu-board{padding-top:5px}.n-menu-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #b4aa9f;padding:24px 0}.n-menu-row:first-child{padding-top:0}.n-menu-row h3{font:normal clamp(25px,2.6vw,37px) Georgia,serif;letter-spacing:-.04em;margin:0}.n-menu-row p{font-size:13px;color:#83766d;margin:7px 0 0}.n-menu-row b{font-size:15px;font-weight:500}.n-menu-note{font-size:12px;line-height:1.7;color:#786e66;margin-top:25px}
.n-beans{display:grid;grid-template-columns:1fr 1fr;background:#dcdbce;min-height:580px}.n-beans-copy{padding:clamp(55px,8vw,125px) clamp(25px,7vw,115px);display:flex;flex-direction:column;align-items:start}.n-beans h2{font:normal clamp(37px,4vw,64px)/1.2 Georgia,'Batang',serif;letter-spacing:-.05em;margin:0 0 30px}.n-beans p{font-size:15px;line-height:1.9;max-width:420px;margin:0}.n-beans a{margin-top:auto;padding-top:40px;border-bottom:1px solid;padding-bottom:6px;font-size:14px}.n-beans img{width:100%;height:100%;min-height:580px;object-fit:cover}
.n-picker{padding:100px clamp(20px,6vw,100px);display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.n-picker h2{font:normal clamp(37px,4vw,60px) Georgia,'Batang',serif;letter-spacing:-.05em;margin:0 0 15px}.n-picker>div>p{font-size:15px;line-height:1.7}.n-choice{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.n-choice button{background:transparent;border:1px solid #9e9387;padding:12px 17px;cursor:pointer}.n-choice button[aria-pressed=true]{background:#392c22;color:#fff;border-color:#392c22}.n-result{border-top:1px solid #918576;padding-top:18px}.n-result span{font-size:12px;color:#776b5d}.n-result strong{display:block;font:normal clamp(35px,4vw,55px) Georgia,serif;margin:20px 0}.n-result p{max-width:420px;line-height:1.8;min-height:65px}.n-result a{display:inline-block;border-bottom:1px solid;margin-top:20px;padding-bottom:6px;font-size:13px}
.n-room{background:#e8e1d4;padding:90px clamp(20px,6vw,100px) 110px}.n-room-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:40px}.n-room h2{font:normal clamp(36px,4vw,60px)/1.2 Georgia,'Batang',serif;letter-spacing:-.05em;margin:0}.n-room-head p{max-width:300px;font-size:14px;line-height:1.9;margin:0}.n-room img{display:block;width:100%;height:600px;object-fit:cover}
.n-visit{padding:110px clamp(20px,6vw,100px) 140px}.n-visit h2{font:normal clamp(40px,4vw,60px) Georgia,'Batang',serif;margin:0 0 40px;letter-spacing:-.05em}.n-visit-list{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.n-visit-list>div{border-top:1px solid #a69a8d;padding-top:18px}.n-visit-list h3{font-size:15px;font-weight:600;margin:0 0 22px}.n-visit-list p{font-size:13px;line-height:1.85;color:#61574d;margin:0}.n-footer{padding:28px clamp(20px,6vw,100px);display:flex;justify-content:space-between;gap:30px;background:#33291f;color:#e7ddd1;font-size:11px;line-height:1.65}.n-footer span{max-width:760px}.n-footer a{white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.n-header{grid-template-columns:1fr auto}.n-header nav{gap:16px}.n-header-visit{display:none}.n-quick{grid-template-columns:repeat(3,1fr)}.n-quick a{grid-column:1/-1;margin-bottom:20px}.n-menu-feature{gap:5%}.n-menu figure img{height:530px}.n-beans-copy{padding:60px 35px}}
@media(max-width:650px){.n-header{height:auto;min-height:76px;padding:17px 20px;display:block}.n-brand{display:block;margin-bottom:18px;font-size:28px}.n-header nav{justify-content:space-between;gap:8px;font-size:12px}.n-hero{height:550px;min-height:0}.n-hero>img{object-position:52% center}.n-hero-copy{left:22px;bottom:57px;right:20px}.n-hero h1{font-size:clamp(39px,10vw,58px)}.n-hero-copy p{font-size:13px}.n-photo-caption{font-size:9px;right:20px;bottom:18px}.n-quick{padding:17px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.n-quick p{display:block;font-size:12px}.n-quick p span,.n-quick p b{display:block}.n-quick p b{margin-top:6px}.n-quick a{margin:6px 0 0;font-size:12px}.n-menu{padding:75px 20px}.n-section-heading{align-items:center;margin-bottom:25px}.n-section-heading h2{font-size:36px}.n-section-heading a{font-size:12px}.n-menu-feature,.n-beans,.n-picker{display:block}.n-menu figure img{height:430px}.n-menu-board{margin-top:35px}.n-menu-row{padding:20px 0}.n-menu-row h3{font-size:29px}.n-beans img{min-height:0;height:400px}.n-beans-copy{padding:65px 25px}.n-beans h2{font-size:38px}.n-beans a{margin-top:22px}.n-picker{padding:70px 20px}.n-result{margin-top:45px}.n-room{padding:70px 20px}.n-room-head{display:block}.n-room h2{font-size:36px}.n-room-head p{margin-top:20px}.n-room img{height:430px}.n-visit{padding:70px 20px 85px}.n-visit h2{font-size:40px}.n-visit-list{grid-template-columns:1fr 1fr;gap:30px 15px}.n-footer{display:block;padding:28px 20px}.n-footer a{display:inline-block;margin-top:18px}}

/* 카페의 연속된 지면 안에서 사진과 메뉴로 흐름을 구분한다. */
.n-hero>img{transform:scale(1.05);transform-origin:center;filter:brightness(.72)}
.n-hero h1{font-size:clamp(40px,4.5vw,66px)}
.n-section-heading h2,.n-picker h2,.n-room h2,.n-visit h2{font-size:clamp(30px,3.2vw,42px)}
.n-beans{display:block;background:transparent;padding:0 clamp(20px,6vw,100px) 60px;min-height:0}
.n-beans-copy{padding:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 70px;border-top:1px solid #c7bdaf}
.n-beans h2{font-size:clamp(30px,3.2vw,42px);margin:0}
.n-beans p{font-size:14px;max-width:520px}
.n-beans a{padding-top:0;margin-top:0;grid-column:2;justify-self:start;font-size:13px}
.n-beans img{min-height:0;height:340px;object-fit:cover}
.n-room{background:transparent;border-top:1px solid #c7bdaf}
.n-choice button{border-radius:25px;font-size:13px;padding:9px 17px}
.n-visit-more{display:inline-block;margin-top:30px;border-bottom:1px solid #9d8c78;padding-bottom:5px;font-size:13px}
.noma-live :focus-visible{outline:2px solid #91563e;outline-offset:5px}
@media(max-width:650px){.n-hero h1{font-size:39px}.n-beans-copy{display:block;padding:28px 0}.n-beans-copy p{margin-top:18px;font-size:13px}.n-beans-copy a{display:inline-block;margin-top:20px}.n-beans img{height:260px}.n-room h2,.n-section-heading h2,.n-picker h2,.n-visit h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.noma-live *{transition:none!important;animation:none!important}}