a { color:inherit; text-decoration:none }
a:visited { color:inherit }
#scrollbar { position:absolute; right:0; top:2px; width:11px; height:calc(100vh - 4px); background:0 0; z-index:9; opacity:0; visibility:hidden }
#scrollbar .scroller { position:absolute; right:2px; top:0; width:7px; border-radius:4px; background:#404048; cursor:default; opacity:.8 }
div.cursor, div.pointer { position:absolute; left:0; top:0; z-index:101; width:20px; height:20px; opacity:0; pointer-events:none; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
div.pointer svg#pointer { position:absolute; left:0; top:0; width:40px; height:40px; fill:#484040; opacity:0; visibility:hidden; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
div.cursor svg#loader { position:absolute; left:0; top:0; width:48px; height:48px; stroke:#404048; stroke-width:2px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%) }
div.cursor svg#drag { position:absolute; left:0; top:0; width:40px; height:40px; fill:none; stroke:#404048; stroke-width:1px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); opacity:0; visibility:hidden }
.click_mask { display:inline-block; position:absolute; left:0; top:0; width:100vw; height:100vh; z-index:104 }
.header { display:inline-block; position:absolute; left:0; top:0; width:17.5vw; height:15vh; z-index:103; opacity:0 }
.header a.logo { display:inline-block; position:absolute; left:5vw; top:7.5vh; width:12.5vw; cursor:pointer; transform:translateY(-50%); -webkit-transform:translateY(-50%) }
.header svg { width:100%; height:auto }
.header svg circle { opacity:0; visibility:hidden }
#main_page { position:absolute; left:0; top:0; width:100%; max-width:100vw; height:auto; min-height:90vh }
#main_page .content { position:relative; width:100%; height:100%; height:auto; min-height:90vh; overflow:hidden; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
#main_page .scrolling_content { transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.scroll_nav { position:absolute; display:inline-block; z-index:10; left:5vw; bottom:10vh; color:#404044; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.scroll_nav:after { position:relative; content:"\f063"; font-family:FA; font-size:.8em; margin-left:.5em }
.category { position:absolute; display:inline-block; z-index:1; left:5vw; top:25vh; width:30vw; color:#404044 }
.category span { position:relative; display:inline-block; cursor:pointer }
.category span.active { pointer-events:none }
.category span:before { position:absolute; display:inline-block; content:""; left:0; bottom:.1em; width:100%; height:.08em; background:#404044; transform:scaleX(0); -webkit-transform:scaleX(0); transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.category span:hover:before { transform:scaleX(1); -webkit-transform:scaleX(1) }
.category span.active:before { transform:scaleX(1); -webkit-transform:scaleX(1) }
.transition_bg { position:absolute; left:0; top:0; width:100vw; height:0; z-index:10; background:#f2f2f4; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; white-space:nowrap; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none }
.transition_bg .default_transition { position:absolute; left:5vw; top:10vw; height:calc(100vh - 20vw); font-family:Mark-Pro; font-weight:500; font-size:6vw; letter-spacing:-.04em; line-height:1.2em }
.transition_bg .default_transition .text { position:absolute; left:0; bottom:0 }
.transition_bg .default_transition .text div { position:relative; opacity:0; visibility:hidden; transform-origin:0 0; -webkit-transform-origin:0 0 }
.transition_bg .large_text { position:absolute; left:50vw; top:22.5vh; height:55vh; color:#333338; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#333338 }
.transition_bg .large_text div { position:relative; display:block; transform-origin:0 0; -webkit-transform-origin:0 0; opacity:0; visibility:hidden; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.transition_bg .transition_image { position:absolute; left:0; top:0; width:100vw; height:100vh; overflow:hidden; white-space:nowrap; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden; opacity:0; visibility:hidden }
.transition_bg .transition_image .bg { position:absolute; left:0; top:0; width:100vw; height:100vh; background-size:cover; background-position:50% 50%; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.content { position:relative; background:#fbfbfb }
/* .content.index { position:relative; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none } */
.content.index .drag_control { position:absolute; left:0; top:0; width:100vw; height:100vh; cursor:grab!important; cursor:-moz-grab!important; cursor:-webkit-grab!important; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.content.index .drag_control:active { cursor:grabbing!important; cursor:-moz-grabbing!important; cursor:-webkit-grabbing!important }
.content.index .large_bg { position:absolute; left:0; top:0; width:59vw; height:90vh; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden; pointer-events:auto }
.content.index .large_bg .bg { position:absolute; left:0; top:0; width:0; height:90vh; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; white-space:nowrap }
.content.index .large_bg .obj_bg { position:absolute; left:0; top:0; width:59vw; height:90vh; background-size:cover; background-position:50% 50%; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.content.index .small_bg { position:absolute; left:59.0vw; top:0; width:41vw; height:90vh; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden; pointer-events:none }
.content.index .small_bg .bg { position:absolute; left:0; top:0 !important; bottom:0 !important; width:41vw; height:0; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; white-space:nowrap }
.content.index .small_bg .obj_bg { position:absolute; top:0 !important; left:0; width:41vw; height:90vh; background-size:cover; background-position:50% 50%; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.content.index .active_detail { position:absolute; display:inline-block; left:0; padding:0 5vw 0 5vw; width:59vw; top:15.5vh; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden; color:#404044; z-index:10 }
.content.index .next_detail { position:absolute; display:inline-block; left:0; padding:0 5vw 0 5vw; top:16.5vh!important; height:55vh; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden; color:#404044; z-index:10 }
.open_page { position:absolute; display:inline-block; z-index:10; left:5vw; bottom:5vw; color:#404044; cursor:pointer; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden; transform:translateY(50%); -webkit-transform:translateY(50%) }
.open_page span { position:absolute; display:inline-block; width:2em; height:.075em; right:-2.5em; top:60%; transform:translateY(-50%) rotate(.01deg);
-webkit-transform:translateY(-50%) rotate(.01deg);
background:#404044; transform-origin:0 50%; -webkit-transform-origin:0 50%; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swipe_nav { position:absolute; display:none; z-index:10; right:5vw; bottom:5vh; color:#404044; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden; transform:translateY(50%); -webkit-transform:translateY(50%) }
.swipe_nav:before { position:relative; content:"\f060"; font-family:FA; font-size:.8em; margin-right:.5em }
.content.index .cover_title { display:inline-block; position:relative; margin-bottom:.35em; cursor:pointer }
.content.index .active_detail .cover_title div { position:relative; display:inline-block; opacity:0; visibility:hidden; transform-origin:0 0; -webkit-transform-origin:0 0; pointer-events:auto }
.content.index .bg.active .active_detail .cover_title div { opacity:1; visibility:visible }
.content.index .active_detail .cover_title.in_transition, .content.index .active_detail .cover_title:hover, .content.index .next_detail .cover_title, .open_page:hover { -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#fff; color:transparent }
.content.index .next_detail .cover_title { pointer-events:auto }
.content.index .next_detail .cover_title .hover { display:inline; opacity:0 }
.content.index .next_detail .cover_title:hover .hover { opacity:1 }
.content.index .open_link { position:relative; display:block; line-height:1.4em; transform-origin:0 0; -webkit-transform-origin:0 0 }
.content.index .active_detail .open_link div { opacity:0; visibility:hidden }
.content.index .front_nav { position:absolute; left:59.0vw; bottom:0; width:41vw; height:6.5vw; margin-bottom: -1px; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden; background:#f2f2f4; color:#404044; transform:translateY(100%); -webkit-transform:translateY(100%) }
.content.index .front_nav .next_prev { position:absolute; display:inline-block; left:5vw; bottom:3.5vw; transform:translateY(50%); -webkit-transform:translateY(50%) }
.content.index .front_nav .next_prev div { display:inline-block; position:relative; cursor:pointer }
.content.index .front_nav .next_prev div span { position:absolute; bottom:2px; left:0; background:#404044; height:2px; width:calc(100% - .02em); transform:scaleX(0); -webkit-transform:scaleX(0); transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.content.index .front_nav .next_prev .next_btn { margin-left:1.2em }
.content.index .front_nav .slide { position:absolute; right:5vw; bottom:3.5vw; letter-spacing:.2em!important; transform:translateY(50%); -webkit-transform:translateY(50%) }
.content.index .front_nav .slide span { position:relative; display:inline-block }
.content.about .large_text, .content.cate .large_text, .content.contact .large_text { position:absolute; left:50vw; top:22.5vh; color:transparent; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#333338; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.half_img { position:absolute; display:inline-block; left:7.5vw; top:10vh; width:35vw; height:90vh }
.half_img .bg { position:absolute; display:inline-block; left:0; top:0; width:35vw; height:90vh; background-position:50% 50%; background-size:cover; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.half_img .bg.hoverdisplay { opacity:0 }
.half_txt { position:absolute; display:inline-block; left:50vw; top:0; width:50vw; height:auto; vertical-align:text-top; min-height:100vh }
.entry_wrapper { position:relative; width:100%; min-height:50vh }
.half_txt .entry { display:flex; align-items:baseline; position:relative; margin-top:10vh; padding-top:2.5vh; padding-bottom:2.5vh; font-size:0; width:42.5vw }
.half_txt .entry .smalltext { display:inline-block; width:7.5vw; color:#a8a8a8 }
.half_txt .entry .bodytext { display:inline-block; position:relative; width:35vw; max-width:28em }
.half_txt .entry .title { display:inline-block; position:relative; width:35vw }
.half_txt .entry.hover_entry .title { opacity:0; transform:translateY(1em) rotate(-2deg); -webkit-transform:translateY(1em) rotate(-2deg); transform-origin:100% 0; -webkit-transform-origin:100% 0 }
.half_txt .entry.hover_entry .title span { display:inline-block; position:relative; opacity:0; visibility:hidden; transform:translateX(-10px); -webkit-transform:translateX(-10px) }
.half_txt .entry.hover_entry .title span:after { position:relative; content:"\f061"; font-family:FA; font-size:.8em; margin-left:.5em }
.half_txt .entry.hover_entry .cover { display:none }
.half_txt .entry.top { transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.half_txt .entry.top .bodytext { opacity:0; visibility:hidden }
.half_txt .entry.top .bodytext div { opacity:0; visibility:hidden; transform-origin:0 0; -webkit-transform-origin:0 0 }
.contact_entry { position:relative; width:100%; margin-top:24px; font-size:0; display:flex; align-items:baseline }
.contact_entry:nth-of-type(1) {
margin-top:0
}
.contact_entry .smalltext { display:inline-block; width:7.5vw; color:#aaa }
.contact_entry .bodytext { display:inline-block; width:35vw; max-width:600px; opacity:0; visibility:hidden }
.contact_entry .bodytext div { opacity:0; visibility:hidden; transform-origin:0 0; -webkit-transform-origin:0 0 }
.footer { display:block; position:absolute; width:100vw; height:100vh; left:0; top:0; z-index:11; background:#f9edec; transform:translateY(100vh); -webkit-transform:translateY(100vh); transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.footer .subscribe { position:absolute; top:22.5vh; left:5vw }
.subscribe input { margin-top:1.6em; padding-top:.2em; padding-bottom:.2em; border:none; border-bottom:2px solid #333; background:0 0; outline:0; width:12em }
.subscribe .form .submit { position:relative; margin-top:.2em; cursor:pointer }
.subscribe .form .submit:after { position:relative; content:"\f061"; font-family:FA; font-size:.8em; margin-left:.5em }
.footer .social { position:absolute; left:57.5vw; top:22.5vh }
.footer .social a:after { position:relative; display:inline-block; content:"\f061"; font-family:FA; margin-left:.5em; font-size:.8em; opacity:0; transform:translateX(-.2em); -webkit-transform:translateX(-.2em); transition:opacity .2s ease-in-out, transform .2s ease-in-out;
-webkit-transition:opacity .2s ease-in-out, transform .2s ease-in-out
}
.footer .social a:hover:after { opacity:1; transform:translateX(0); -webkit-transform:translateX(0) }
.footer .copyright { position:absolute; left:5vw; bottom:5vh }
.footer .credit { position:absolute; left:57.5vw; bottom:5vh; cursor:pointer }
.footer .credit:before { font-family:FA; position:absolute; left:-1.5em; font-size:.8em; top:55%; transform:translateY(-50%); -webkit-transform:translateY(-50%) }
.footer .credit.open:before { content:"\f067" }
.footer .credit.close:before { content:"\f068" }
.footer .credit_overlay { position:absolute; left:0; bottom:0; width:100vw; height:0; background:#e8e9ec; white-space:nowrap; overflow:hidden }
.footer .credit_overlay .cover_title { position:absolute; bottom:22.5vh; height:55vh; left:5vw; color:transparent; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#404048 }
.footer .credit_overlay .credit_list { position:absolute; bottom:22.5vh; height:55vh; left:50vw; width:45vw }
.footer .credit_overlay .credit_list .row { display:flex; align-items:baseline; margin-bottom:16px }
.footer .credit_overlay .credit_list .smalltext { width:7.5vw; color:#aaa }
.footer .credit_overlay .credit_list .subhead { width:37.5vw }
.cover_text { position:absolute; top:0; left:0; width:90vw; height:70vh; padding:0 5vw 0 5vw; background:#fbfbfb; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none }
.cover_text .article_title { margin-bottom:.5em }
.cover_text .info { position:relative; display:inline-block; width:30vw; vertical-align:text-top }
.cover_text .share { position:relative; display:inline-block; left:5vw; width:55vw; vertical-align:text-top }
.cover_text .c { position:absolute; bottom:5vw }
.ingredients { position:absolute; left:5vw; top:25vh; width:35vw; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.ingredients .subhead { margin-bottom:1em }
.ingredients .bodytext { padding-top:.2em; padding-bottom:.2em; white-space:pre-line }
.ingredients .bodytext:before { content:"—"; margin-right:.4em }
.content_share { position:absolute; display:inline-block; left:5vw; bottom:10vh; z-index:10; opacity:0; visibility:hidden; cursor:pointer; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.content_share div { position:absolute; display:inline-block; left:50%; bottom:100%; font-size:.6em; letter-spacing:.04em; transform:translateX(-50%); -webkit-transform:translateX(-50%); opacity:0; visibility:hidden }
.content_share:hover div { opacity:1; visibility:visible }
.content_share div span { position:relative; display:block; text-align:center; width:100%; margin-bottom:.5em }
.content_share:after { position:relative; content:"\f067"; font-family:FA; font-size:.8em }
span.fb_share, span.tw_share { cursor:pointer }
.main_article { position:absolute; width:100vw; left:0; top:0; font-size:0; line-height:0 }
.main_article .cover_image { position:relative; display:inline-block; width:100vw; left:0; height:100vh; overflow:hidden; transform:translateY(-70vh); -webkit-transform:translateY(-70vh) }
.main_article .cover_image .bg { position:absolute; left:0; bottom:0; width:100%; height:100vh; background-size:cover; background-position:50% 50%; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.main_article .article_content { position:relative; width:42.5vw; left:50vw; font-size:0; margin-top:20vh }
.article_entry { position:relative; padding:2.5vw 0 2.5vw 0; display:flex; align-items:baseline }
.article_entry.small_screen_ingredients { display:none }
.small_screen_ingredients .bodytext span { display:block }
.small_screen_ingredients .bodytext span:before { content:"—"; margin-right:.4em }
.article_entry .bodytext div { opacity:0; transform:translateY(1em) rotate(-3deg); -webkit-transform:translateY(1em) rotate(-3deg); transform-origin:100% 0; -webkit-transform-origin:100% 0 }
.article_entry .smalltext { position:relative; display:inline-block; width:7.5vw; color:#aaa }
.article_entry .bodytext { position:relative; display:inline-block; width:35vw; max-width:28em }
.main_article .gallery { position:relative; margin-top:20vh; padding:0 5vw 0 5vw; width:90vw; height:80vw; background:#fbfbfb }
.main_article .gallery .picture { overflow:hidden }
.main_article .gallery .picture:nth-of-type(1) {
position:absolute;
display:inline-block;
width:60vw;
height:40vw;
left:5vw;
top:0
}
.main_article .gallery .picture:nth-of-type(2) {
position:absolute;
display:inline-block;
width:25vw;
height:40vw;
right:5vw;
top:20vw
}
.main_article .gallery .picture:nth-of-type(3) {
position:absolute;
display:inline-block;
width:35vw;
height:30vw;
left:30vw;
top:45vw
}
.main_article .gallery .picture:nth-of-type(4) {
position:absolute;
display:inline-block;
width:50vw;
height:40vw;
right:5vw;
top:80vw
}
.main_article .gallery .picture:nth-of-type(5) {
position:absolute;
display:inline-block;
width:35vw;
height:40vw;
left:5vw;
top:90vw
}
.main_article .gallery .picture .bg { position:absolute; left:0; bottom:0; width:100%; height:100%; background-size:cover; background-position:50% 50% }
.main_article .gallery .picture .mask { position:absolute; left:-5%; bottom:-5%; width:110%; height:110%; background-color:#fbfbfb; transform-origin:100% 50%; -webkit-transform-origin:100% 50% }
.main_article .next_article { position:relative; width:90vw; height:100vh; padding:0 5vw 0 5vw; background:#fbfbfb; z-index:1 }
.main_article .next_article .article_title { position:absolute; display:inline-block; left:5vw; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%) }
.main_article .next_article .article_title span:before { content:"\f061"; font-family:FA; font-size:.8em; margin-right:.3em; margin-left:.3em }
.main_article .next_article .article_title div { display:inline-block; opacity:0 }
.main_article .next_article .article_title.active div, .main_article .next_article .article_title:hover div { opacity:1 }
.main_article .next_article .cover { position:absolute; opacity:0; visibility:hidden }
.about_cover { position:absolute; left:12.5vw; top:15vh; width:30vw; height:0; z-index:1; white-space:nowrap; overflow:hidden; cursor:grab }
.about_cover .bg { position:absolute; left:0; top:0; width:30vw; height:75vh; background-size:cover; background-position:50% 50%; transform:scale(1.2); -webkit-transform:scale(1.2); transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.insta_follow { position:relative; width:100vw; height:35vw; left:-50vw; padding:0 5vw 0 5vw; background:#fbfbfb; margin-top:20vh; white-space:nowrap; overflow:hidden }
.insta_follow .article_title { position:absolute; display:inline-block; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.insta_follow .article_title span:after { content:"\f061"; font-family:FA; font-size:.8em; margin-right:.3em; margin-left:.3em }
.insta_follow:hover .article_title { color:transparent; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#333338 }
.insta_follow .insta_reel { position:absolute; height:25vw; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); opacity:0; visibility:hidden; transform-style:preserve-3d; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.insta_follow .insta_reel .box { position:relative; display:inline-block; width:25vw; height:25vw; margin-left:2.5vw; margin-right:2.5vw; background-position:50% 50%; background-size:cover; opacity:.5; transition:opacity .2s ease-in-out;
-webkit-transition:opacity .2s ease-in-out
}
.insta_follow .insta_reel .box:hover { opacity:1 }
.contact_cover { position:absolute; left:12.5vw; top:15vh; width:30vw; height:0; z-index:1; white-space:nowrap; overflow:hidden; cursor:grab }
.contact_cover .bg { position:absolute; left:0; top:0; width:30vw; height:75vh; background-size:cover; background-position:50% 50%; transform:scale(1.2); -webkit-transform:scale(1.2) }
.title { font-weight:500; font-size:2.4vw; line-height:1.5em; letter-spacing:-.02em }
.cover_title {  font-weight:500; font-size:6.6vw; line-height:1.025em; letter-spacing:-.02em }
.article_title {  font-weight:500; font-size:4.8vw; line-height:1.05em; letter-spacing:-.03em }
.subhead {  font-weight:500; font-size:30px; line-height:1.8em; letter-spacing:-.02em }
.large_text {  font-weight:500; font-size:6.6vw; line-height:1.025em; letter-spacing:-.02em }
.bodytext {  font-weight:500; font-size:20px; line-height:2em; letter-spacing:-.02em; cursor:default; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
.bodytext i { color:#999; font-style:italic }
.bodytext a, .bodytext a:visited { color:#999; text-decoration:underline }
.smalltext {  font-weight:500; font-size:15px; letter-spacing:.1em }
.parallax_bg { position:relative; width:42.5vw; height:25vw; overflow:hidden; margin:2.5vw 0 2.5vw 0 }
.parallax_bg .bg { position:absolute; width:102%; height:120%; left:-1%; bottom:0; background-size:cover; background-position:60% 100% }
.parallax_bg_alt { position:absolute; overflow:hidden }
.parallax_bg_alt.style1 { width:30vw; height:40vw; left:-42.5vw; top:0 }
.parallax_bg_alt .bg { position:absolute; width:100%; height:120%; left:0; bottom:0; background-size:cover; background-position:60% 100% }
@media only screen and (max-width:1280px) {
.subhead {
font-size:26px
}
div.top_menu {
font-size:20px
}
.bodytext {
font-size:18px
}
.smalltext {
font-size:12px
}
.ingredients .bodytext {
padding-top:.15em;
padding-bottom:.15em
}
}
@media only screen and (max-width:1080px) {
#scrollbar {
width:9px
}
#scrollbar .scroller {
right:2px;
width:5px;
border-radius:3px
}
.cover_title, .loading_text, .transition_bg .default_transition {
font-size:7.2vw
}
.article_title {
font-size:5.6vw
}
.large_text {
font-size:8vw
}
.title {
font-size:3vw
}
.subhead {
font-size:22px
}
div.top_menu {
font-size:18px
}
.bodytext {
font-size:16px
}
.smalltext {
font-size:10px
}
.category, .ingredients {
width:35vw
}
.ingredients .bodytext {
padding-top:.1em;
padding-bottom:.1em
}
.header {
width:30vw
}
.header a.logo {
width:20vw
}
}
@media only screen and (max-width:768px) {
.cover_title, .loading_text, .transition_bg .default_transition {
font-size:10vw
}
.article_title {
font-size:7vw
}
.cover_text .article_title {
margin-bottom:1em
}
.subhead {
font-size:21px
}
.large_text {
font-size:10vw
}
.title {
font-size:4vw;
line-height:1.25em
}
div.mobile_menu .menu_items {
font-size:6vw
}
div.mobile_menu .follow_me {
font-size:4.2vw
}
.content.index .large_bg, .content.index .large_bg .obj_bg {
width:100vw
}
.content.index .active_detail {
padding:0 5vw 0 5vw;
width:90vw
}
.content_share, .open_page, .scroll_nav {
bottom:5vh
}
.swipe_nav {
display:inline-block
}
.content.index .small_bg {
display:none
}
.category, .ingredients {
width:40vw;
top:22.5vh
}
.category span:before {
height:.1em
}
.bodytext {
font-size:15px
}
.smalltext {
font-size:11px
}
.half_img {
display:none
}
.half_txt .entry {
margin-top:5vh;
padding-top:2.5vh;
padding-bottom:2.5vh;
width:45vw
}
.half_txt .entry.hover_entry:nth-of-type(1) {
margin-top:10vh
}
.article_entry .smalltext, .contact_entry .smalltext, .half_txt .entry .smalltext {
width:10vw
}
.parallax_bg {
width:45vw
}
.article_entry .bodytext, .half_txt .entry .bodytext, .half_txt .entry .title {
width:35vw
}
.main_article .article_content {
width:45vw
}
.article_entry {
padding:2.5vh 0 2.5vh 0
}
.about_cover, .contact_cover {
left:5vw;
width:40vw
}
.about_cover .bg, .contact_cover .bg {
width:40vw;
height:75vh
}
}
@media only screen and (max-width:767px) {
.loading_text {
font-weight:500
}
.subhead {
font-size:18px
}
.article_title {
font-size:8vw
}
.title {
font-size:4.8vw
}
.bodytext {
font-size:14px
}
.smalltext {
font-size:10px
}
.cover_title, .large_text {
font-size:18vw
}
.content.about .large_text, .content.cate .large_text, .content.contact .large_text, .transition_bg .large_text {
left:5vw
}
.scroll_nav {
display:none
}
.category, .ingredients {
display:none
}
.article_entry.small_screen_ingredients {
display:inline-block
}
.half_txt, .main_article .article_content {
left:5vw;
width:90vw;
margin-top:10vh
}
.main_article .gallery {
height:auto
}
.main_article .gallery .picture:nth-of-type(1) {
position:relative;
width:90vw;
height:55vw;
left:0;
top:0
}
.main_article .gallery .picture:nth-of-type(2) {
position:relative;
width:90vw;
height:55vw;
right:0;
top:0;
margin-top:5vw
}
.main_article .gallery .picture:nth-of-type(3) {
position:relative;
width:90vw;
height:55vw;
left:0;
top:0;
margin-top:5vw
}
.main_article .gallery .picture:nth-of-type(4) {
position:relative;
width:90vw;
height:55vw;
right:0;
top:0;
margin-top:5vw
}
.main_article .gallery .picture:nth-of-type(5) {
position:relative;
width:90vw;
height:55vw;
left:0;
top:0;
margin-top:5vw
}
.content_share, .main_article .gallery .picture .mask {
display:none
}
.half_txt .entry {
margin-top:5vh;
padding-top:2.5vh;
padding-bottom:2.5vh;
width:90vw
}
.contact_entry {
margin-top:14px
}
.article_entry .smalltext, .contact_entry .smalltext, .half_txt .entry .smalltext {
width:17.5vw
}
.parallax_bg {
width:90vw;
height:50vw;
margin:2.5vh 0 2.5vh 0
}
.parallax_bg_alt {
position:relative
}
.parallax_bg_alt.style1 {
width:90vw;
height:50vw;
left:0;
top:0
}
.insta_follow {
left:-5vw
}
.article_entry .bodytext, .contact_entry .bodytext, .half_txt .entry .bodytext, .half_txt .entry .title {
width:72.5vw
}
.cover_text .info {
display:block;
width:100%
}
.cover_text .share {
display:block;
width:100%;
margin-top:.5em;
left:0
}
.header {
width:35vw
}
.header a.logo {
width:25vw
}
.main_article .next_article .article_title div {
display:none
}
.about_cover, .contact_cover {
display:none
}
.footer .credit, .footer .social {
display:none
}
}