/* --- logo mask (generated by embed_logo.py, do not edit by hand) --- */
:root{--logo-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201811%20495%22%20fill%3D%22%23000%22%20role%3D%22img%22%20aria-label%3D%22Jager%20Guesthouse%22%3E%3Cg%20transform%3D%22translate(0.000000%2C495.000000)%20scale(0.100000%2C-0.100000)%22%3E%3Cpath%20d%3D%22M2091%204919%20c-46%20-16%20-136%20-40%20-200%20-53%20-382%20-81%20-845%20-345%20-1171%20-668%20-331%20-328%20-583%20-772%20-662%20-1168%20-11%20-58%20-29%20-121%20-40%20-140%20-27%20-50%20-23%20-741%205%20-830%2010%20-30%2026%20-109%2036%20-175%2013%20-87%2029%20-146%2058%20-215%2022%20-52%2050%20-122%2063%20-155%2030%20-76%20131%20-280%20181%20-366%20109%20-184%20490%20-585%20578%20-609%2074%20-20%20165%2017%20186%2074%2014%2042%20-16%2085%20-115%20166%20-78%2063%20-208%20200%20-337%20355%20-150%20180%20-305%20520%20-368%20803%20-13%2063%20-34%20143%20-45%20179%20-25%2082%20-30%20554%20-6%20658%2075%20328%20121%20465%20226%20675%20189%20377%20504%20721%20828%20903%2056%2031%20148%2083%20204%20114%20115%2065%20213%20102%20373%20143%2061%2016%20146%2038%20190%2049%2083%2022%20311%2041%20500%2041%20118%200%20160%2016%20187%2070%2026%2052%2023%20100%20-9%20143%20-28%2036%20-28%2036%20-303%2035%20-274%20-1%20-275%20-1%20-359%20-29z%20M3038%204903%20c-71%20-95%20-87%20-151%20-64%20-226%2035%20-115%20121%20-169%20242%20-151%20158%2023%20212%20243%2093%20387%20-30%2037%20-30%2037%20-133%2037%20-102%200%20-102%200%20-138%20-47z%20M3608%204633%20c-97%20-61%20-54%20-144%20149%20-286%20219%20-153%20455%20-371%20543%20-502%2019%20-27%2046%20-66%2061%20-85%2058%20-75%20179%20-293%20253%20-456%2088%20-195%20127%20-355%20149%20-601%2018%20-210%20-22%20-571%20-83%20-755%20-16%20-48%20-38%20-123%20-49%20-167%20-71%20-285%20-319%20-633%20-686%20-962%20-113%20-101%20-336%20-263%20-390%20-283%20-27%20-10%20-75%20-33%20-105%20-51%20-99%20-59%20-138%20-75%20-268%20-111%20-290%20-81%20-524%20-127%20-667%20-129%20-113%20-2%20-163%20-18%20-192%20-61%20-26%20-41%20-24%20-111%205%20-152%2024%20-33%2024%20-33%20190%20-29%20312%206%20686%2094%20947%20222%2084%2041%20155%2075%20157%2075%2019%200%20265%20149%20358%20217%20193%20140%20424%20364%20547%20528%20140%20187%20304%20502%20338%20649%209%2036%2029%20102%2046%20148%2016%2045%2039%20136%2050%20202%2011%2066%2022%20123%2025%20127%2014%2024%2023%20284%2015%20449%20-13%20246%20-34%20380%20-81%20520%20-22%2063%20-45%20139%20-51%20169%20-13%2064%20-182%20412%20-253%20521%20-170%20264%20-438%20529%20-733%20726%20-153%20101%20-210%20117%20-275%2077z%20M11295%204409%20c-66%20-10%20-150%20-23%20-187%20-29%20-37%20-5%20-127%20-30%20-200%20-54%20-332%20-110%20-522%20-247%20-735%20-530%20-126%20-168%20-151%20-216%20-198%20-376%20-87%20-302%20-60%20-621%2078%20-911%2099%20-207%20389%20-472%20662%20-604%20254%20-124%20455%20-159%20860%20-150%20311%206%20377%2017%20665%20106%2069%2021%20157%2048%20195%2059%20189%2058%20186%2049%20196%20511%207%20300%2011%20375%2025%20410%2044%20119%2046%20128%2037%20156%20-5%2015%20-20%2034%20-34%2040%20-33%2017%20-511%2018%20-542%202%20-53%20-28%20-49%20-64%2013%20-135%2079%20-90%2093%20-156%20116%20-539%2012%20-212%20-20%20-251%20-271%20-325%20-384%20-114%20-651%20-115%20-931%20-4%20-154%2061%20-177%2076%20-301%20202%20-209%20213%20-312%20394%20-363%20642%20-52%20254%20-26%20527%2069%20726%2054%20114%20175%20288%20230%20332%2025%2020%2072%2060%20103%2088%2081%2071%20135%2098%20283%20139%20270%2074%20570%2090%20855%2045%20121%20-19%20335%20-136%20450%20-246%20110%20-106%20131%20-119%20160%20-104%2036%2019%2042%2056%2035%20210%20-9%20220%20-18%20235%20-137%20232%20-53%20-2%20-89%205%20-172%2033%20-58%2019%20-122%2035%20-143%2035%20-21%200%20-92%207%20-158%2015%20-146%2018%20-457%2045%20-505%2044%20-19%20-1%20-89%20-10%20-155%20-20z%20M14389%204416%20c-3%20-3%20-87%20-8%20-185%20-11%20-98%20-2%20-231%20-9%20-294%20-14%20-142%20-13%20-621%20-14%20-793%20-1%20-131%2010%20-172%204%20-183%20-25%20-13%20-32%206%20-64%2057%20-95%2072%20-44%2095%20-72%20120%20-148%2012%20-37%2029%20-80%2037%20-97%2030%20-59%2051%20-597%2051%20-1315%200%20-568%201%20-562%20-144%20-719%20-92%20-99%20-106%20-128%20-81%20-166%2019%20-29%2058%20-32%20174%20-15%2037%205%20405%2011%20817%2014%20791%205%20801%206%20863%2053%2032%2024%2089%20125%20119%20208%207%2022%2032%2070%2054%20107%2049%2081%2052%20133%207%20158%20-41%2022%20-86%20-7%20-163%20-106%20-159%20-203%20-381%20-274%20-768%20-246%20-253%2019%20-403%2066%20-459%20145%20-22%2030%20-23%2043%20-30%20257%20-3%20124%20-11%20263%20-18%20310%20-20%20144%20-1%20277%2045%20320%2024%2023%2031%2024%20258%2027%20233%204%20233%204%20376%20-32%2079%20-20%20165%20-47%20192%20-60%2060%20-31%20102%20-32%20130%20-4%2020%2020%2021%2028%2014%20118%20-5%2073%20-3%20110%209%20156%2036%20134%20-28%20171%20-158%2091%20-39%20-24%20-89%20-49%20-111%20-55%20-46%20-12%20-467%20-25%20-691%20-22%20-64%202%20-83%2035%20-85%20152%20-6%20344%204%20532%2035%20677%2027%20124%2036%20132%20176%20144%20463%2040%20697%206%20850%20-122%2094%20-78%20139%20-44%20121%2092%20-18%20136%20-56%20184%20-164%20208%20-68%2015%20-170%2024%20-178%2016z%20M15875%204397%20c-66%20-5%20-233%20-10%20-372%20-10%20-221%20-2%20-254%20-4%20-269%20-19%20-25%20-25%20-11%20-59%2040%20-95%2057%20-40%2069%20-60%20108%20-169%2031%20-89%2032%20-90%2039%20-364%207%20-232%209%20-464%208%20-680%200%20-25%200%20-243%202%20-485%202%20-547%204%20-539%20-114%20-613%20-77%20-49%20-100%20-74%20-95%20-104%206%20-46%2035%20-50%20306%20-38%20179%208%20270%209%20326%201%20143%20-20%20173%2022%2081%20114%20-82%2081%20-94%20115%20-111%20313%20-7%2092%20-14%20199%20-14%20238%200%20106%20-12%20130%20-77%20161%20-110%2053%20-112%20184%20-3%20230%2018%208%2052%2030%2075%2048%2060%2050%2083%2055%20243%2055%20173%200%20171%201%20270%20-116%2034%20-39%2091%20-105%20129%20-146%2062%20-67%20120%20-139%20253%20-308%20250%20-318%20402%20-452%20659%20-579%20174%20-86%20174%20-86%20345%20-85%20187%202%20270%2015%20356%2059%20101%2051%2045%20105%20-108%20105%20-93%200%20-179%2023%20-310%2084%20-54%2024%20-108%2047%20-122%2052%20-14%204%20-128%20111%20-254%20238%20-326%20330%20-313%20314%20-350%20403%20-19%2046%20-64%20121%20-109%20182%20-111%20151%20-109%20166%2047%20270%20111%2075%20133%2098%20219%20235%2040%2062%2058%20102%2062%20135%203%2025%2010%2075%2015%20111%208%2060%205%20215%20-6%20267%20-3%2015%20-21%2031%20-53%2048%20-61%2031%20-86%2061%20-106%20133%20-30%20101%20-227%20265%20-360%20301%20-136%2036%20-483%2049%20-750%2028z%20m466%20-172%20c167%20-29%20296%20-126%20384%20-290%2048%20-88%2049%20-93%2053%20-191%209%20-231%20-58%20-393%20-201%20-485%20-113%20-73%20-217%20-93%20-538%20-103%20-176%20-6%20-176%20-6%20-220%2023%20-24%2016%20-65%2032%20-90%2035%20-81%2012%20-86%2023%20-93%20231%20-4%2099%20-3%20235%202%20302%209%20140%2019%20158%2097%20187%2059%2023%2075%2052%2084%20150%2011%20111%2024%20132%20100%20157%2035%2012%20328%201%20422%20-16z%20M6746%204363%20c-168%20-3%20-203%20-6%20-218%20-20%20-32%20-29%20-22%20-63%2035%20-118%2080%20-78%2087%20-87%20119%20-182%2033%20-98%2032%20-91%2049%20-553%2026%20-753%201%20-1276%20-72%20-1495%20-6%20-16%20-19%20-73%20-29%20-124%20-37%20-180%20-164%20-323%20-356%20-402%20-129%20-52%20-146%20-64%20-142%20-97%205%20-42%2039%20-54%20138%20-47%20142%2010%20177%20-40%20101%20-146%20-81%20-113%20-116%20-202%20-136%20-344%20-27%20-185%20-18%20-251%2056%20-396%20109%20-217%20261%20-337%20519%20-409%20131%20-36%20172%20-36%20375%20-1%20290%2050%20321%2077%20317%20287%20-2%2077%202%20150%209%20178%2020%2079%2091%20112%20137%2063%2020%20-21%2092%20-245%2092%20-286%200%20-60%2080%20-160%20158%20-200%20148%20-74%20294%20-87%20488%20-43%20139%2031%20196%2069%20266%20176%2064%20100%2080%20207%2078%20556%200%20251%2011%20422%2037%20563%2020%20106%2013%20134%20-39%20160%20-43%2021%20-95%2015%20-127%20-14%20-25%20-24%20-27%20-73%20-6%20-143%2025%20-83%2022%20-837%20-4%20-939%20-49%20-191%20-112%20-236%20-342%20-245%20-175%20-6%20-232%209%20-300%2080%20-114%20118%20-123%20174%20-114%20677%208%20393%208%20393%2042%20438%2068%2089%2036%20131%20-105%20135%20-81%202%20-82%202%20-117%20-32%20-53%20-52%20-54%20-72%20-7%20-117%2039%20-38%2039%20-38%2040%20-218%202%20-345%20-15%20-377%20-202%20-374%20-151%202%20-167%20-13%20-150%20-140%2018%20-142%2012%20-302%20-15%20-344%20-49%20-79%20-84%20-92%20-260%20-95%20-328%20-7%20-534%2095%20-643%20319%20-52%20108%20-61%20151%20-55%20281%209%20220%2068%20330%20253%20471%20214%20165%20409%20203%20645%20126%20112%20-36%20128%20-44%20165%20-85%2059%20-64%2093%20-57%20129%2029%2022%2054%2020%2060%20-37%2099%20-114%2077%20-240%20109%20-460%20117%20-213%208%20-250%2041%20-176%20157%2088%20138%20107%20201%20104%20341%20-3%20104%20-8%20136%20-25%20173%20-16%2035%20-21%2065%20-21%20134%200%2097%20-1%2095%20100%20176%2041%2033%2050%20107%2026%20208%20-14%2056%20-15%2077%20-6%20108%2021%2072%2032%20288%2035%20679%203%20336%2011%20519%2031%20652%203%2018%2023%2056%2044%2085%2083%20109%2049%20149%20-122%20146%20-57%20-2%20-193%20-4%20-302%20-5z%20M8272%204359%20c-59%20-22%20-50%20-85%2022%20-139%2059%20-44%2082%20-74%20121%20-150%2049%20-97%2041%20-125%20-119%20-448%20-76%20-152%20-144%20-293%20-151%20-312%20-17%20-47%20-72%20-157%20-156%20-310%20-38%20-69%20-77%20-150%20-88%20-180%20-10%20-30%20-48%20-115%20-85%20-189%20-36%20-73%20-66%20-139%20-66%20-145%200%20-7%20-16%20-39%20-36%20-72%20-20%20-32%20-56%20-104%20-81%20-159%20-76%20-169%20-165%20-288%20-285%20-381%20-131%20-102%20-111%20-118%20143%20-115%20255%203%20268%2011%20268%20156%20-1%2040%206%2076%2021%20110%2012%2028%2033%2082%2047%20120%2043%20117%20250%20538%20282%20572%2017%2018%2047%2037%2068%2043%2054%2016%20429%2023%20618%2012%20253%20-14%20271%20-30%20381%20-312%2053%20-139%20110%20-272%20139%20-330%2039%20-76%2038%20-129%20-3%20-202%20-42%20-74%20-43%20-122%20-3%20-142%2028%20-15%20617%20-15%20687%200%2057%2011%2034%2065%20-64%20152%20-86%2076%20-123%20140%20-282%20477%20-23%2050%20-84%20176%20-136%20280%20-52%20105%20-94%20197%20-94%20206%200%2022%20-63%20150%20-104%20209%20-20%2029%20-39%2064%20-42%2079%20-4%2014%20-21%2053%20-39%2086%20-18%2033%20-38%2079%20-44%20102%20-11%2039%20-163%20369%20-201%20438%20-10%2016%20-25%2054%20-35%2083%20-9%2029%20-32%2078%20-51%20109%20-19%2031%20-34%2062%20-34%2068%200%207%20-17%2036%20-39%2066%20-21%2030%20-49%2076%20-61%20102%20-27%2058%20-69%2092%20-130%20106%20-56%2013%20-339%2021%20-368%2010z%20m383%20-714%20c13%20-14%2039%20-65%2058%20-113%2019%20-48%2052%20-125%2072%20-172%20148%20-336%20152%20-351%20111%20-389%20-34%20-32%20-106%20-38%20-378%20-33%20-309%206%20-312%2010%20-200%20233%2065%20131%20105%20215%20176%20371%2056%20125%20109%20158%20161%20103z%20M2505%204166%20c-29%20-21%20-23%20-69%2019%20-133%20144%20-224%20143%20-349%20-7%20-863%20-17%20-58%20-40%20-152%20-52%20-210%20-38%20-180%20-224%20-875%20-280%20-1045%20-73%20-221%20-105%20-324%20-111%20-360%20-4%20-22%20-19%20-76%20-35%20-120%20-15%20-44%20-35%20-109%20-44%20-145%20-45%20-176%20-268%20-641%20-368%20-766%20-81%20-101%20-100%20-115%20-267%20-202%20-138%20-71%20-171%20-81%20-329%20-100%20-97%20-12%20-134%20-33%20-139%20-79%20-6%20-56%2031%20-73%20157%20-73%20323%201%20706%20101%20857%20226%2023%2019%2067%2069%2098%20111%2031%2043%2089%20119%20131%20168%2089%20107%20139%20185%20164%20257%2011%2029%2030%2078%2044%20108%2013%2030%2034%2090%2046%20133%2012%2043%2030%2096%2042%20118%2011%2022%2031%2082%2044%20132%2013%2051%2037%20133%2054%20182%2059%20178%20110%20351%20124%20425%208%2041%2027%20111%2041%20155%2015%2044%2042%20127%2061%20185%2019%2058%2039%20145%2044%20193%206%2054%2020%20109%2036%20145%2014%2031%2038%20104%2054%20162%2041%20148%2068%20241%20102%20346%2016%2050%2035%20123%2043%20162%2016%2072%2068%20214%20135%20362%2021%2047%2044%2099%2051%20116%2013%2036%2048%2070%20103%20103%2043%2026%2061%2054%2052%2081%20-10%2030%20-35%2039%20-139%2050%20-53%205%20-113%2014%20-133%2019%20-158%2039%20-285%2076%20-343%20101%20-64%2026%20-203%2070%20-226%2070%20-6%200%20-19%20-6%20-29%20-14z%20M16492%201579%20c-58%20-11%20-142%20-50%20-213%20-99%20-74%20-50%20-100%20-51%20-136%20-4%20-58%2076%20-59%2077%20-129%2072%20-101%20-6%20-122%20-48%20-70%20-138%2026%20-45%2026%20-45%2026%20-457%200%20-412%200%20-412%20-34%20-517%20-44%20-137%20-60%20-162%20-121%20-191%20-110%20-54%20-326%20-55%20-433%20-3%20-47%2022%20-112%2097%20-158%20182%20-28%2050%20-28%2056%20-36%20266%20-4%20118%20-6%20307%20-4%20419%204%20203%204%20203%2042%20277%2033%2064%2036%2076%2026%2099%20-17%2038%20-74%2058%20-148%2053%20-86%20-5%20-99%20-18%20-88%20-88%2017%20-117%2011%20-227%20-16%20-255%20-46%20-49%20-63%20-40%20-179%2094%20-78%2090%20-216%20198%20-275%20216%20-137%2041%20-261%2049%20-411%2026%20-169%20-25%20-226%20-51%20-341%20-152%20-43%20-38%20-82%20-69%20-86%20-69%20-9%200%20-103%20-118%20-156%20-196%20-55%20-82%20-89%20-95%20-131%20-50%20-19%2021%20-23%2035%20-22%2088%201%20133%2010%20164%2058%20218%2036%2040%2045%2057%2045%2087%200%2054%20-24%2069%20-124%2076%20-115%209%20-134%20-4%20-130%20-94%2018%20-468%2016%20-496%20-42%20-526%20-45%20-24%20-667%20-31%20-721%20-9%20-55%2023%20-65%2059%20-65%20228%200%20160%208%20202%2052%20271%2056%2088%2019%20122%20-126%20116%20-65%20-3%20-89%20-8%20-105%20-23%20-25%20-23%20-27%20-58%20-4%20-77%2049%20-41%2051%20-56%2047%20-621%20-2%20-464%20-5%20-533%20-20%20-581%20-33%20-104%207%20-147%20136%20-147%20129%200%20153%2040%2073%20123%20-48%2048%20-48%2048%20-51%20269%20-3%20244%201%20267%2051%20292%2044%2020%20700%2035%20745%2017%2048%20-20%2052%20-43%2052%20-274%200%20-193%20-2%20-217%20-22%20-273%20-35%20-99%200%20-134%20133%20-134%20113%200%20145%2048%2092%20139%20-31%2054%20-74%20210%20-66%20243%209%2035%2043%2068%2072%2068%2030%200%20100%20-71%20165%20-169%2052%20-77%2064%20-89%20175%20-165%20107%20-75%20143%20-90%20271%20-116%20204%20-43%20337%20-26%20505%2063%2076%2041%20253%20210%20300%20287%2064%20106%20128%2091%20162%20-36%2038%20-147%20130%20-255%20249%20-292%20290%20-88%20512%20-55%20686%20105%2064%2059%2086%2057%20152%20-11%20105%20-109%20393%20-145%20572%20-71%2041%2017%20129%20109%20155%20163%2051%20105%2033%20279%20-43%20406%20-59%2099%20-92%20133%20-235%20231%20-214%20147%20-256%20191%20-284%20296%20-16%2058%20-7%2090%2037%20139%2096%20106%20253%20121%20378%2038%20105%20-71%20104%20-70%20125%20-59%2028%2016%2034%2045%2021%20101%20-17%2070%20-38%2085%20-167%20114%20-117%2027%20-141%2029%20-211%2015z%20m-2097%20-174%20c73%20-19%20190%20-77%20228%20-113%2035%20-34%20134%20-198%20166%20-277%2019%20-48%2026%20-89%2034%20-210%2014%20-223%20-8%20-288%20-131%20-391%20-31%20-27%20-79%20-71%20-107%20-98%20-104%20-102%20-224%20-129%20-434%20-97%20-152%2024%20-151%2023%20-239%20103%20-60%2054%20-94%2096%20-177%20218%20-51%2074%20-69%20225%20-36%20307%2010%2026%2024%2073%2030%20104%207%2031%2026%2078%2043%20105%2017%2027%2045%2081%2063%20119%2084%20184%20337%20287%20560%20230z%20m1841%20-424%20c21%20-16%2053%20-43%2069%20-60%2017%20-18%2071%20-58%20120%20-89%20184%20-114%20248%20-175%20297%20-281%2058%20-126%2056%20-175%20-10%20-252%20-50%20-58%20-83%20-69%20-204%20-69%20-144%200%20-171%209%20-243%2084%20-33%2035%20-79%2071%20-102%2081%20-63%2027%20-73%2057%20-72%20212%201%20244%2012%20349%2039%20378%2031%2033%2058%2032%20106%20-4z%20M17460%201573%20c-57%20-14%20-83%20-14%20-201%20-3%20-209%2019%20-248%20-3%20-196%20-112%2042%20-86%2050%20-204%2051%20-694%201%20-441%201%20-441%20-38%20-516%20-53%20-104%20-32%20-139%2077%20-124%2023%203%20136%202%20251%20-2%20422%20-16%20501%200%20562%20113%2044%2083%2049%20110%2024%20135%20-26%2026%20-42%2019%20-110%20-45%20-87%20-82%20-106%20-89%20-251%20-93%20-238%20-7%20-299%2023%20-299%20148%200%2060%20-5%2080%20-31%20131%20-35%2066%20-54%20184%20-38%20228%2020%2050%2027%2052%20268%2049%20223%20-2%20223%20-2%20247%2025%2028%2033%2029%2047%209%2087%20-23%2044%20-64%2051%20-192%2033%20-161%20-23%20-307%206%20-338%2068%20-22%2041%20-19%20157%204%20216%2013%2034%2017%2063%2014%20101%20-5%2050%20-4%2054%2029%2085%2050%2047%2095%2057%20260%2057%20142%200%20146%20-1%20201%20-30%2088%20-47%20127%20-38%20127%2029%200%2048%20-33%2099%20-75%20117%20-47%2019%20-268%2018%20-355%20-3z%20M11340%201508%20c-96%20-4%20-209%20-4%20-251%20-1%20-92%206%20-107%200%20-154%20-70%20-68%20-101%20-37%20-137%2083%20-97%2081%2027%20259%2039%20315%2021%2075%20-25%2072%20-4%2073%20-581%200%20-515%200%20-515%20-29%20-578%20-50%20-107%20-17%20-144%20118%20-135%20154%2010%20180%2044%20112%20150%20-31%2048%20-35%2062%20-46%20180%20-20%20212%20-15%20881%208%20921%2034%2062%20193%2096%20314%2068%20117%20-27%20149%20-23%20202%2028%2051%2048%2051%2067%203%2092%20-31%2016%20-367%2017%20-748%202z%20M9489%201506%20c-3%20-3%20-109%20-7%20-236%20-10%20-127%20-3%20-238%20-9%20-248%20-12%20-35%20-14%20-37%20-52%20-8%20-133%2027%20-76%2027%20-76%2031%20-482%204%20-453%20-4%20-578%20-42%20-682%20-29%20-76%20-23%20-110%2023%20-124%2014%20-4%20179%20-8%20366%20-8%20387%200%20374%20-2%20469%2084%2071%2065%2088%2065%20163%201%20152%20-131%20497%20-131%20647%201%2060%2053%20118%20170%20118%20237%201%2054%20-55%20252%20-82%20297%20-28%2045%20-82%2093%20-215%20191%20-176%20129%20-261%20199%20-285%20239%20-66%20107%2024%20252%20177%20285%20100%2022%20253%20-28%20298%20-96%2036%20-56%2075%20-53%20106%209%2033%2064%2010%20140%20-51%20172%20-42%2021%20-187%2037%20-312%2033%20-132%20-4%20-193%20-28%20-279%20-108%20-120%20-112%20-132%20-315%20-28%20-470%2035%20-51%20115%20-114%20238%20-186%20177%20-103%20271%20-218%20279%20-338%207%20-113%20-27%20-164%20-148%20-226%20-125%20-63%20-298%20-7%20-369%20120%20-42%2075%20-69%2086%20-130%2052%20-20%20-11%20-52%20-22%20-72%20-26%20-24%20-4%20-63%20-28%20-110%20-67%20-115%20-93%20-144%20-104%20-267%20-102%20-187%204%20-326%2064%20-362%20158%20-18%2043%20-18%20331%20-1%20372%2022%2054%2062%2065%20204%2058%2067%20-4%20145%20-13%20174%20-21%20112%20-31%20165%20-11%20165%2062%200%2075%20-14%2079%20-242%2076%20-304%20-5%20-304%20-6%20-305%20233%20-1%2083%20-4%20156%20-8%20162%20-13%2021%2014%2071%2047%2087%2036%2017%20239%2046%20319%2046%2029%20-1%2077%20-10%20107%20-21%20115%20-44%20173%20-33%20173%2031%200%2045%20-45%2084%20-112%2099%20-51%2011%20-183%2015%20-192%207z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
/* --- betutipusok helyben (SIL Open Font License, lasd assets/fonts/*-LICENSE.txt) ---
   Korabban a Google Fonts szolgalta ki oket, ami minden latogato IP-cimet elkuldte
   a Google-nek. Igy nulla harmadik feles keres indul. --- */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-ext-wght-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-latin-opsz-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-latin-ext-opsz-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-latin-opsz-italic.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-latin-ext-opsz-italic.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ==========================================================================
   Jager Guesthouse  ·  Sopron
   Design system: warm minimal, anthracite accent
   ========================================================================== */

/* ---------- 1. Tokens ---------- */
:root{
  --paper:#ffffff;
  --cream:#f8f5f0;
  --cream-2:#f1ece4;
  --sand:#e7dfd3;
  --ink:#17181a;
  --ink-2:#2b2d30;
  --muted:#6f6862;
  --muted-2:#938b83;
  --wood:#b28455;
  --wood-dark:#8f6740;
  --wood-soft:#e9dbc9;
  --line:rgba(23,24,26,.10);
  --line-strong:rgba(23,24,26,.18);

  --ff-display:'Fraunces','Iowan Old Style',Georgia,'Times New Roman',serif;
  --ff-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;

  --step--1:clamp(.78rem,.76rem + .1vw,.85rem);
  --step-0:clamp(.95rem,.92rem + .16vw,1.05rem);
  --step-1:clamp(1.1rem,1.03rem + .35vw,1.35rem);
  --step-2:clamp(1.35rem,1.2rem + .75vw,1.9rem);
  --step-3:clamp(1.75rem,1.4rem + 1.6vw,3rem);
  --step-4:clamp(2.2rem,1.5rem + 3vw,4.4rem);
  --step-5:clamp(2.7rem,1.3rem + 5.6vw,6.6rem);

  --gutter:clamp(1.15rem,4vw,2.5rem);
  --maxw:1220px;
  --maxw-narrow:760px;
  --radius:18px;
  --radius-lg:26px;
  --radius-sm:10px;

  --shadow-1:0 1px 2px rgba(23,24,26,.04),0 4px 14px rgba(23,24,26,.05);
  --shadow-2:0 2px 6px rgba(23,24,26,.05),0 18px 44px rgba(23,24,26,.10);
  --shadow-3:0 30px 80px rgba(23,24,26,.18);

  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:.55s;
  --header-h:76px;
}

/* ---------- 2. Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 14px)}
body{
  margin:0;
  font-family:var(--ff-sans);
  font-size:var(--step-0);
  line-height:1.65;
  color:var(--ink-2);
  background:var(--cream);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,video{max-width:100%;display:block}
img{height:auto}
picture{display:contents}
h1,h2,h3,h4{margin:0;font-family:var(--ff-display);font-weight:500;color:var(--ink);line-height:1.06;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:var(--step-4)}
h2{font-size:var(--step-3)}
h3{font-size:var(--step-2)}
h4{font-size:var(--step-1)}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--wood);outline-offset:3px;border-radius:4px}
::selection{background:var(--ink);color:var(--cream)}

/* ---------- 3. Layout helpers ---------- */
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.wrap-narrow{max-width:var(--maxw-narrow)}
.section{padding-block:clamp(3.5rem,9vw,7.5rem)}
.section--tight{padding-block:clamp(2.5rem,6vw,4.5rem)}
.section--paper{background:var(--paper)}
.section--sand{background:var(--cream-2)}
.section--dark{background:var(--ink);color:#d9d5cf}
.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:#fff}
.stack>*+*{margin-top:1rem}
.center{text-align:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- 4. Type utilities ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:.6em;
  font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--wood-dark);margin:0 0 1.1rem;
}
.eyebrow::before{content:"";width:26px;height:1px;background:currentColor;opacity:.5}
.section--dark .eyebrow{color:var(--wood-soft)}
.lead{font-size:var(--step-1);line-height:1.6;color:var(--muted);max-width:56ch;text-wrap:pretty}
.section--dark .lead{color:#b6b1aa}
.muted{color:var(--muted)}
.display-italic{font-style:italic}
.sec-head{max-width:62ch;margin-bottom:clamp(2rem,4vw,3.25rem)}
.sec-head.center{margin-inline:auto}

/* ---------- 5. Buttons ---------- */
.btn{
  --btn-bg:var(--ink);--btn-fg:#fff;
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  padding:.95em 1.7em;border-radius:999px;
  font-size:.9rem;font-weight:600;letter-spacing:.01em;
  background:var(--btn-bg);color:var(--btn-fg);
  border:1px solid transparent;
  transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),background .3s,color .3s,border-color .3s;
  overflow:hidden;isolation:isolate;white-space:nowrap;
}
.btn::after{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);
  transform:translateX(-120%);transition:transform .8s var(--ease-out);
}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}
.btn:hover::after{transform:translateX(120%)}
.btn:active{transform:translateY(0)}
.btn--accent{--btn-bg:var(--wood);--btn-fg:#fff}
.btn--ghost{--btn-bg:transparent;--btn-fg:var(--ink);border-color:var(--line-strong)}
.btn--ghost:hover{--btn-bg:var(--ink);--btn-fg:#fff;border-color:var(--ink)}
.btn--light{--btn-bg:#fff;--btn-fg:var(--ink)}
.btn--onDark{--btn-bg:transparent;--btn-fg:#fff;border-color:rgba(255,255,255,.32)}
.btn--onDark:hover{--btn-bg:#fff;--btn-fg:var(--ink)}
.btn--lg{padding:1.1em 2.1em;font-size:.95rem}
.btn--block{display:flex;width:100%}
.btn .ico{width:1.05em;height:1.05em;flex:none}
.btn--accent .ico-arrow,.btn .ico-arrow{transition:transform .35s var(--ease-out)}
.btn:hover .ico-arrow{transform:translateX(3px)}

.textlink{
  display:inline-flex;align-items:center;gap:.45em;font-weight:600;font-size:.92rem;
  color:var(--ink);padding-bottom:2px;background-image:linear-gradient(currentColor,currentColor);
  background-size:100% 1px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size .4s var(--ease-out),color .3s;
}
.textlink:hover{background-size:0% 1px;color:var(--wood-dark)}

/* ---------- 6. Header ---------- */
.progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:120;background:transparent;pointer-events:none}
.progress__bar{height:100%;width:0;background:linear-gradient(90deg,var(--wood),var(--ink));transform-origin:0 50%}

.header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  height:var(--header-h);display:flex;align-items:center;
  transition:background .45s var(--ease),box-shadow .45s var(--ease),height .45s var(--ease),border-color .45s;
  border-bottom:1px solid transparent;
}
.header__inner{display:flex;align-items:center;gap:1.25rem;width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.header.is-stuck{
  height:64px;background:rgba(248,245,240,.82);
  backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);
  border-bottom-color:var(--line);
}
.header.is-hidden{transform:translateY(-102%);transition:transform .45s var(--ease)}

/* over a photo: white chrome + a soft scrim so it stays readable */
.header--onDark{color:#fff}
.header--onDark::before{
  content:"";position:absolute;inset:0 0 -34px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,11,12,.58),rgba(10,11,12,.22) 55%,rgba(10,11,12,0));
  transition:opacity .45s var(--ease);
}
.header--onDark:not(.is-stuck) .burger{border-color:rgba(255,255,255,.34)}
.header--onDark.is-stuck{color:var(--ink-2)}
.header--onDark.is-stuck::before{opacity:0}
.header--onDark.is-stuck .lang{border-color:var(--line-strong);background:rgba(255,255,255,.5)}
.header--onDark.is-stuck .lang button{color:var(--muted)}
.header--onDark.is-stuck .lang__pill{background:var(--ink)}
.header--onDark.is-stuck .lang button[aria-pressed="true"]{color:#fff}

/* drawer is light: flip the header back to dark chrome while it is open */
body.menu-open .header--onDark{color:var(--ink-2)}
body.menu-open .header--onDark::before{opacity:0}
body.menu-open .header--onDark .burger{border-color:var(--line-strong)}
body.menu-open .header--onDark .lang{border-color:var(--line-strong);background:rgba(255,255,255,.5)}
body.menu-open .header--onDark .lang button{color:var(--muted)}
body.menu-open .header--onDark .lang__pill{background:var(--ink)}
body.menu-open .header--onDark .lang button[aria-pressed="true"]{color:#fff}
body.menu-open .header{background:transparent;box-shadow:none;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
body.menu-open .header.is-hidden{transform:none}

.brand{display:flex;align-items:center;flex:none;line-height:1}
/* the real Jager Guesthouse mark, painted through a mask so it always
   takes the surrounding text colour (white over photos, ink when stuck) */
.brand__logo{
  display:block;width:118px;height:32px;flex:none;
  background-color:currentColor;
  -webkit-mask:var(--logo-mask) left center/contain no-repeat;
          mask:var(--logo-mask) left center/contain no-repeat;
  transition:opacity .35s var(--ease),transform .5s var(--ease-out);
}
.brand:hover .brand__logo{opacity:.82;transform:translateY(-1px)}
@media (max-width:420px){.brand__logo{width:104px;height:28px}}

.nav{display:flex;align-items:center;gap:.15rem;margin-left:auto}
.nav a{
  position:relative;padding:.55rem .8rem;border-radius:8px;
  font-size:.88rem;font-weight:500;transition:color .3s,background .3s;
}
.nav a::after{
  content:"";position:absolute;left:.8rem;right:.8rem;bottom:.34rem;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:0 50%;
  transition:transform .4s var(--ease-out);
}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.nav a[aria-current="page"]{font-weight:600}

.header__actions{display:flex;align-items:center;gap:.6rem;flex:none}

/* language switcher */
.lang{position:relative;display:flex;align-items:center;padding:3px;border-radius:999px;border:1px solid var(--line-strong);background:rgba(255,255,255,.5);backdrop-filter:blur(8px)}
.lang__pill{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/3);border-radius:999px;background:var(--ink);transition:transform .45s var(--ease-out);z-index:0}
.lang button{
  position:relative;z-index:1;width:40px;padding:.36rem 0;border-radius:999px;
  font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);
  transition:color .35s;
}
.lang button[aria-pressed="true"]{color:#fff}
.header--onDark .lang{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08)}
.header--onDark .lang button{color:rgba(255,255,255,.7)}
.header--onDark .lang__pill{background:#fff}
.header--onDark .lang button[aria-pressed="true"]{color:var(--ink)}

.burger{position:relative;display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line-strong)}
.burger span{position:absolute;left:50%;top:50%;width:18px;height:1.6px;margin:-.8px 0 0 -9px;
  background:currentColor;border-radius:2px;transition:transform .4s var(--ease-out),opacity .25s}
.burger span:nth-child(1){transform:translateY(-5.5px)}
.burger span:nth-child(3){transform:translateY(5.5px)}
body.menu-open .burger span:nth-child(1){transform:rotate(45deg)}
body.menu-open .burger span:nth-child(2){opacity:0}
body.menu-open .burger span:nth-child(3){transform:rotate(-45deg)}

/* mobile drawer */
.drawer{
  position:fixed;inset:0;z-index:99;background:var(--cream);
  display:flex;flex-direction:column;justify-content:center;gap:.2rem;
  padding:calc(var(--header-h) + 2rem) var(--gutter) 2rem;
  clip-path:circle(0% at calc(100% - 44px) 40px);
  transition:clip-path .7s var(--ease-out);
  visibility:hidden;
}
body.menu-open .drawer{clip-path:circle(150% at calc(100% - 44px) 40px);visibility:visible}
.drawer a{
  font-family:var(--ff-display);font-size:clamp(1.7rem,7vw,2.4rem);
  padding:.32em 0;border-bottom:1px solid var(--line);
  opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease),color .3s;
}
body.menu-open .drawer a{opacity:1;transform:none}
body.menu-open .drawer a:nth-child(1){transition-delay:.16s}
body.menu-open .drawer a:nth-child(2){transition-delay:.22s}
body.menu-open .drawer a:nth-child(3){transition-delay:.28s}
body.menu-open .drawer a:nth-child(4){transition-delay:.34s}
body.menu-open .drawer a:nth-child(5){transition-delay:.40s}
body.menu-open .drawer a:nth-child(6){transition-delay:.46s}
.drawer a:hover{color:var(--wood-dark)}
.drawer__foot{margin-top:2rem;display:flex;flex-direction:column;gap:.9rem;opacity:0;transition:opacity .5s .55s}
body.menu-open .drawer__foot{opacity:1}

@media (max-width:1000px){
  .nav{display:none}
  .burger{display:block}
  .header__actions>.btn{display:none}
}
@media (max-width:400px){
  .header__inner{gap:.6rem}
  .lang{padding:2px}
  .lang button{width:33px;font-size:.66rem}
  .lang__pill{top:2px;bottom:2px;left:2px;width:calc((100% - 4px)/3)}
  .brand__logo{width:96px;height:26px}
}

/* ---------- 7. Hero ---------- */
.hero{position:relative;min-height:min(100svh,880px);display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}
.hero__media{position:absolute;inset:-6% 0 0;z-index:0}
.hero__media img{width:100%;height:112%;object-fit:cover;object-position:center 58%;
  transform:scale(1.08);animation:kenburns 26s var(--ease) infinite alternate}
@keyframes kenburns{from{transform:scale(1.06) translate3d(0,0,0)}to{transform:scale(1.16) translate3d(-1.5%,-1.5%,0)}}
.hero__scrim{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(12,13,14,.62) 0%,rgba(12,13,14,.18) 34%,rgba(12,13,14,.45) 66%,rgba(12,13,14,.86) 100%)}
.hero__inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin-inline:auto;
  padding:calc(var(--header-h) + 3rem) var(--gutter) clamp(2.5rem,6vw,4.5rem);color:#fff}
.hero h1{color:#fff;font-size:var(--step-5);max-width:15ch;letter-spacing:-.035em;font-weight:400}
.hero h1 .ln{display:block;overflow:hidden}
.hero h1 .ln>span{display:block;transform:translateY(105%);animation:heroLine 1.1s var(--ease-out) forwards}
.hero h1 .ln:nth-child(2)>span{animation-delay:.12s}
.hero h1 .ln:nth-child(3)>span{animation-delay:.24s}
@keyframes heroLine{to{transform:translateY(0)}}
.hero__tag{max-width:44ch;margin-top:1.15rem;font-size:var(--step-1);color:rgba(255,255,255,.86);
  opacity:0;animation:fadeUp .9s .5s var(--ease-out) forwards}
.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem;opacity:0;animation:fadeUp .9s .68s var(--ease-out) forwards}
.hero__badge{
  display:inline-flex;align-items:center;gap:.7rem;margin-bottom:1.6rem;padding:.5rem .95rem .5rem .55rem;
  border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(10px);font-size:.8rem;letter-spacing:.01em;
  opacity:0;animation:fadeUp .9s .2s var(--ease-out) forwards;
}
.hero__badge b{display:grid;place-items:center;min-width:34px;height:26px;border-radius:999px;background:#fff;color:var(--ink);font-size:.78rem;font-weight:700}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.hero__scroll{position:absolute;left:50%;bottom:1.1rem;z-index:2;transform:translateX(-50%);
  display:grid;place-items:center;gap:.5rem;color:rgba(255,255,255,.6);font-size:.65rem;letter-spacing:.24em;text-transform:uppercase}
.hero__scroll i{display:block;width:1px;height:34px;background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.7));animation:scrollHint 2.2s var(--ease) infinite}
@keyframes scrollHint{0%{transform:scaleY(.25);transform-origin:0 0}45%{transform:scaleY(1);transform-origin:0 0}46%{transform:scaleY(1);transform-origin:0 100%}100%{transform:scaleY(0);transform-origin:0 100%}}

/* compact page hero */
.phero{position:relative;min-height:clamp(340px,52vh,520px);display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}
.phero__media{position:absolute;inset:0;z-index:0}
.phero__media img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,center 50%);transform:scale(1.04)}
.phero__media--collage{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.phero__media--collage>*{position:relative;overflow:hidden}
.phero__media--collage img{transform:none;animation:collageIn 1.2s var(--ease-out) both}
.phero__media--collage>*:nth-child(2) img{animation-delay:.08s}
.phero__media--collage>*:nth-child(3) img{animation-delay:.16s}
.phero__media--collage>*:nth-child(4) img{animation-delay:.24s}
@keyframes collageIn{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}
@media (max-width:700px){.phero__media--collage{grid-template-columns:repeat(2,1fr)}
  .phero__media--collage>*:nth-child(n+3){display:none}}
.phero__scrim{position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(12,13,14,.72) 0%,rgba(12,13,14,.25) 48%,rgba(12,13,14,0) 78%),
             linear-gradient(180deg,rgba(12,13,14,.55),rgba(12,13,14,.2) 42%,rgba(12,13,14,.8))}
.phero__inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin-inline:auto;
  padding:calc(var(--header-h) + 2.5rem) var(--gutter) clamp(2rem,4vw,3rem);color:#fff}
.phero h1{color:#fff;max-width:18ch}
.phero p{margin-top:.9rem;max-width:52ch;color:rgba(255,255,255,.82);font-size:var(--step-1)}
.crumbs{display:flex;gap:.5rem;align-items:center;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:1rem}
.crumbs a:hover{color:#fff}

/* ---------- 8. Stats + marquee ---------- */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.stat{background:var(--paper);padding:clamp(1.3rem,3vw,2rem);display:grid;gap:.3rem}
.stat__num{font-family:var(--ff-display);font-size:var(--step-3);color:var(--ink);line-height:1}
.stat__lab{font-size:.8rem;color:var(--muted);letter-spacing:.02em}

.marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--paper);padding-block:1.05rem;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;gap:3rem;width:max-content;animation:marq 38s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.marquee span{display:inline-flex;align-items:center;gap:.6rem;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.marquee span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--wood)}

/* ---------- 9. Grids & cards ---------- */
.grid{display:grid;gap:clamp(1.1rem,2.4vw,1.8rem)}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid--4{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}

.card{
  position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),border-color .5s;
  transform-style:preserve-3d;
}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2);border-color:transparent}
.card__media{position:relative;overflow:hidden;background:var(--cream-2)}
.card__media img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.02);transition:transform 1.1s var(--ease-out),filter .6s}
.card:hover .card__media img{transform:scale(1.06)}
.card__body{padding:clamp(1.15rem,2.4vw,1.6rem);display:flex;flex-direction:column;gap:.55rem;flex:1}
.card__foot{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem}

/* room card */
.room__media{aspect-ratio:4/5}
.room__tag{position:absolute;top:.85rem;left:.85rem;z-index:2;padding:.36rem .75rem;border-radius:999px;
  background:rgba(255,255,255,.92);backdrop-filter:blur(8px);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.room__tag--accent{background:var(--wood);color:#fff}
.room__meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}
.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;
  background:var(--cream-2);font-size:.76rem;color:var(--muted);white-space:nowrap}
.chip .ico{width:.92em;height:.92em;opacity:.75}
.price{display:flex;align-items:baseline;gap:.35rem;line-height:1}
.price__from{font-size:.74rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.price__val{font-family:var(--ff-display);font-size:var(--step-2);color:var(--ink)}
.price__unit{font-size:.78rem;color:var(--muted)}

/* room photo strip (per-room lightbox group) */
.room__media{position:relative;margin:0;cursor:zoom-in}
.room__count{position:absolute;right:.85rem;bottom:.85rem;z-index:2;display:inline-flex;align-items:center;gap:.4rem;
  padding:.34rem .7rem;border-radius:999px;background:rgba(12,13,14,.62);color:#fff;font-size:.72rem;font-weight:600;
  backdrop-filter:blur(6px);opacity:.92;transition:opacity .35s,transform .35s var(--ease-out)}
.room__count svg{width:13px;height:13px}
.card:hover .room__count{opacity:1;transform:translateY(-2px)}
.room__strip{display:flex;gap:.4rem;padding:0 clamp(1.15rem,2.4vw,1.6rem) clamp(1.15rem,2.4vw,1.6rem)}
.room__strip>*{flex:1 1 0;min-width:0}
.room__strip figure{position:relative;margin:0;aspect-ratio:1/1;overflow:hidden;border-radius:8px;cursor:zoom-in;
  background:var(--cream-2);transition:transform .4s var(--ease-out),box-shadow .4s}
.room__strip figure:hover{transform:translateY(-2px);box-shadow:var(--shadow-1)}
.room__strip figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}
.room__strip figure:hover img{transform:scale(1.08)}
.room__strip figure.is-extra{display:none}
.room__strip .more{position:absolute;inset:0;display:grid;place-items:center;border-radius:8px;
  background:rgba(23,24,26,.55);color:#fff;font-size:.86rem;font-weight:700;letter-spacing:.02em}

/* feature tile */
.feature{padding:clamp(1.3rem,2.6vw,1.9rem);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),background .4s}
.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-1)}
.feature__ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--cream-2);color:var(--wood-dark);margin-bottom:1rem;transition:background .4s,color .4s,transform .5s var(--ease-out)}
.feature:hover .feature__ico{background:var(--ink);color:#fff;transform:rotate(-5deg)}
.feature__ico svg{width:20px;height:20px}
.feature h4{margin-bottom:.35rem;font-size:1.05rem}
.feature p{font-size:.9rem;color:var(--muted)}
.section--dark .feature{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1)}
.section--dark .feature__ico{background:rgba(255,255,255,.09);color:var(--wood-soft)}
.section--dark .feature p{color:#a8a39c}

/* split media/text */
.split{display:grid;gap:clamp(1.8rem,5vw,4.5rem);align-items:center;grid-template-columns:1fr}
@media (min-width:900px){
  .split{grid-template-columns:1fr 1fr}
  .split--wide-media{grid-template-columns:1.15fr 1fr}
  .split--reverse .split__media{order:2}
}
.split__media{position:relative}
.split__media img{border-radius:var(--radius-lg);width:100%;object-fit:cover;box-shadow:var(--shadow-2)}
.split__media--stack{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.7rem,1.6vw,1.1rem);align-items:start}
.split__media--stack>picture{display:block}
.split__media--stack>picture:first-child{margin-top:clamp(1.2rem,4.5vw,3.5rem)}
.split__media--stack img{width:100%;aspect-ratio:3/4;object-fit:cover}
.badge-float{
  position:absolute;right:-.6rem;bottom:-.9rem;z-index:2;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:var(--shadow-2);display:grid;gap:.15rem;min-width:150px;
}
@media (max-width:900px){.badge-float{right:.7rem;bottom:-.7rem;padding:.85rem 1.05rem;min-width:0}}
.badge-float b{font-family:var(--ff-display);font-size:1.6rem;color:var(--ink);line-height:1}
.badge-float small{font-size:.74rem;color:var(--muted)}

/* ---------- 10. Gallery ---------- */
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.filters button{
  padding:.5rem 1.05rem;border-radius:999px;border:1px solid var(--line-strong);
  font-size:.82rem;font-weight:500;color:var(--muted);transition:all .3s var(--ease)}
.filters button:hover{border-color:var(--ink);color:var(--ink)}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}

.masonry{
  display:grid;grid-auto-flow:dense;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  grid-auto-rows:clamp(104px,12.4vw,156px);
  gap:clamp(.55rem,1.3vw,.95rem);
}
.masonry figure{
  position:relative;margin:0;grid-row:span 2;overflow:hidden;cursor:zoom-in;
  border-radius:var(--radius-sm);background:var(--cream-2);
  transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),opacity .45s;
}
.masonry figure.wide{grid-column:span 2}
.masonry figure.big{grid-column:span 2;grid-row:span 4}
.masonry figure:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);z-index:2}
.masonry figure img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.02);transition:transform 1.1s var(--ease-out)}
.masonry figure:hover img{transform:scale(1.06)}
.masonry figure::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 48%,rgba(12,13,14,.62));
  opacity:0;transition:opacity .45s}
.masonry figure:hover::after,.masonry figure:focus-visible::after{opacity:1}
.masonry figcaption{position:absolute;left:.9rem;right:2.8rem;bottom:.7rem;z-index:2;color:#fff;
  font-size:.82rem;line-height:1.35;text-shadow:0 1px 6px rgba(0,0,0,.35);
  opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s var(--ease-out)}
.masonry figure:hover figcaption,.masonry figure:focus-visible figcaption{opacity:1;transform:none}
.masonry .zoom{position:absolute;right:.7rem;bottom:.7rem;z-index:2;width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--ink);
  opacity:0;transform:scale(.8);transition:opacity .4s,transform .4s var(--ease-out)}
.masonry .zoom svg{width:14px;height:14px}
.masonry figure:hover .zoom,.masonry figure:focus-visible .zoom{opacity:1;transform:none}
.masonry figure.is-out{display:none}
@media (max-width:640px){
  .masonry{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:27vw}
}
@media (max-width:420px){
  .masonry{grid-template-columns:1fr;grid-auto-rows:30vw}
  .masonry figure.wide{grid-column:span 1;grid-row:span 2}
  .masonry figure.big{grid-column:span 2;grid-row:span 4}
}
.gal-count{font-size:.82rem;color:var(--muted);margin-left:auto;align-self:center;white-space:nowrap}
@media (max-width:640px){.gal-count{margin-left:0;width:100%}}

/* lightbox */
.lb{position:fixed;inset:0;z-index:200;display:none;place-items:center;background:rgba(10,11,12,.94);
  backdrop-filter:blur(6px);opacity:0;transition:opacity .35s}
.lb.is-open{display:grid;opacity:1}
.lb img{max-width:min(92vw,1200px);max-height:82vh;border-radius:8px;box-shadow:var(--shadow-3);
  animation:lbIn .45s var(--ease-out)}
@keyframes lbIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.lb__close,.lb__nav{position:absolute;z-index:2;display:grid;place-items:center;width:48px;height:48px;
  border-radius:50%;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18);
  transition:background .3s,transform .3s var(--ease-out)}
.lb__close:hover,.lb__nav:hover{background:rgba(255,255,255,.22);transform:scale(1.06)}
.lb__close{top:1.2rem;right:1.2rem}
.lb__nav--prev{left:1.2rem;top:50%;margin-top:-24px}
.lb__nav--next{right:1.2rem;top:50%;margin-top:-24px}
.lb__meta{position:absolute;bottom:1.15rem;left:50%;transform:translateX(-50%);display:grid;gap:.3rem;justify-items:center;text-align:center;padding-inline:4.5rem;max-width:100%}
.lb__cap{color:#fff;font-size:.92rem}
.lb__count{color:rgba(255,255,255,.6);font-size:.76rem;letter-spacing:.14em}
@media (max-width:640px){.lb__nav{width:42px;height:42px}.lb__nav--prev{left:.5rem}.lb__nav--next{right:.5rem}}

/* ---------- 11. Tables / price list ---------- */
.ptable{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.ptable th,.ptable td{padding:1rem 1.1rem;text-align:left;border-bottom:1px solid var(--line);font-size:.92rem;vertical-align:middle}
.ptable thead th{background:var(--cream-2);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.ptable tbody tr{transition:background .3s}
.ptable tbody tr:hover{background:var(--cream)}
.ptable tbody tr:last-child td{border-bottom:0}
.ptable .num{font-family:var(--ff-display);font-size:1.15rem;color:var(--ink);white-space:nowrap}
.ptable .rname{font-weight:600;color:var(--ink)}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius)}

.notice{display:flex;gap:.85rem;padding:1.1rem 1.25rem;border-radius:var(--radius);border:1px solid var(--line);
  background:var(--paper);font-size:.88rem;color:var(--muted)}
.notice .ico{width:20px;height:20px;flex:none;color:var(--wood);margin-top:.1rem}

/* ---------- 12. Reviews ---------- */
.review{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.3rem,2.6vw,1.8rem);display:flex;flex-direction:column;gap:1rem;
  transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}
.review:hover{transform:translateY(-4px);box-shadow:var(--shadow-1)}
.review__stars{display:flex;gap:.15rem;color:var(--wood)}
.review__stars svg{width:15px;height:15px}
.review blockquote{margin:0;font-size:1rem;line-height:1.62;color:var(--ink-2)}
.review__who{display:flex;align-items:center;gap:.7rem;margin-top:auto;padding-top:.4rem}
.review__av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--cream-2);
  font-weight:700;font-size:.85rem;color:var(--wood-dark)}
.review__who b{display:block;font-size:.88rem;color:var(--ink)}
.review__who small{color:var(--muted-2);font-size:.76rem}

.score{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}
.score__big{display:grid;place-items:center;width:74px;height:74px;border-radius:20px 20px 20px 4px;background:var(--ink);color:#fff;
  font-family:var(--ff-display);font-size:1.9rem;line-height:1}
.score__bars{display:grid;gap:.55rem;flex:1;min-width:230px}
.score__row{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;font-size:.83rem;color:var(--muted)}
.score__row b{color:var(--ink);font-weight:600;min-width:96px}
.score__track{height:4px;border-radius:999px;background:var(--sand);overflow:hidden}
.score__fill{height:100%;border-radius:999px;background:var(--wood);width:0;transition:width 1.3s var(--ease-out)}
.section--dark .score__track{background:rgba(255,255,255,.14)}
.section--dark .score__row{color:#a8a39c}
.section--dark .score__row b{color:#fff}
.section--dark .score__big{background:#fff;color:var(--ink)}

/* ---------- 13. Booking CTA panel ---------- */
.bookpanel{
  position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--ink);color:#fff;
  padding:clamp(1.9rem,5vw,3.5rem);
}
.bookpanel::before{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-220px;border-radius:50%;
  background:radial-gradient(circle,rgba(178,132,85,.45),transparent 68%);pointer-events:none}
.bookpanel::after{content:"";position:absolute;width:420px;height:420px;left:-140px;bottom:-220px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.10),transparent 68%);pointer-events:none}
.bookpanel>*{position:relative;z-index:1}
.bookpanel h2{color:#fff;max-width:20ch}
.bookpanel p{color:rgba(255,255,255,.76);max-width:56ch}

.steps{counter-reset:s;display:grid;gap:1rem}
.steps li{counter-increment:s;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;
  padding:1.1rem 1.25rem;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line)}
.steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--ff-display);font-size:1.15rem;color:var(--wood);line-height:1.4}
.steps b{display:block;color:var(--ink);margin-bottom:.15rem}
.steps span{font-size:.9rem;color:var(--muted)}

.trustrow{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;align-items:center;font-size:.83rem;color:var(--muted)}
.trustrow i{display:inline-flex;align-items:center;gap:.45rem;font-style:normal}
.trustrow svg{width:16px;height:16px;color:var(--wood)}
.section--dark .trustrow{color:rgba(255,255,255,.7)}

/* ---------- 14. Contact ---------- */
.infolist{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.infolist>div{background:var(--paper);padding:1.15rem 1.3rem;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}
.infolist .ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--cream-2);color:var(--wood-dark)}
.infolist .ico svg{width:18px;height:18px}
.infolist dt{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:.2rem}
.infolist dd{margin:0;color:var(--ink);font-weight:500}
.infolist dd a:hover{color:var(--wood-dark)}
.map{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--cream-2);min-height:clamp(340px,44vh,560px);height:100%}
.map iframe{display:block;width:100%;height:100%;min-height:340px;border:0;filter:grayscale(.35) contrast(1.02)}
/* A terkep csak kattintasra toltodik be, igy alaphelyzetben semmi nem megy a Google-nek. */
.map__ph{position:relative;width:100%;height:100%;min-height:inherit;display:grid;place-items:center;
  padding:clamp(1.4rem,4vw,2.4rem);text-align:center;gap:.9rem;background:var(--cream-2);cursor:pointer;
  border:0;font:inherit;color:inherit;overflow:hidden}
.map__ph::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:linear-gradient(var(--sand) 1px,transparent 1px),linear-gradient(90deg,var(--sand) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000,transparent 78%);
          mask-image:radial-gradient(ellipse at center,#000,transparent 78%)}
.map__ph>*{position:relative;z-index:1}
.map__pin{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:var(--ink);color:#fff;box-shadow:0 10px 26px rgba(23,24,26,.22)}
.map__pin svg{width:21px;height:21px}
.map__addr{font-family:var(--ff-display);font-size:var(--step-1);color:var(--ink)}
.map__note{font-size:.78rem;color:var(--muted);max-width:42ch;line-height:1.5}
.map__ph .btn{pointer-events:none}

.faq{display:grid;gap:.7rem}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .4s}
.faq details[open]{box-shadow:var(--shadow-1)}
.faq summary{list-style:none;cursor:pointer;padding:1.1rem 1.3rem;font-weight:600;color:var(--ink);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.98rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:9px;height:9px;flex:none;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);
  transform:rotate(45deg) translateY(-2px);transition:transform .35s var(--ease-out)}
.faq details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.faq .faq__body{padding:0 1.3rem 1.25rem;color:var(--muted);font-size:.92rem}

/* ---------- 15. Footer ---------- */
.footer{background:var(--ink);color:#a8a39c;padding-block:clamp(3rem,6vw,4.5rem) 0}
.footer a{transition:color .3s}
.footer a:hover{color:#fff}
.footer__grid{display:grid;gap:2.5rem;grid-template-columns:1fr}
@media (min-width:760px){.footer__grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr}}
.footer .brand__logo{width:148px;height:40px;background-color:#fff}
.footer h5{font-family:var(--ff-sans);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin:0 0 1.1rem;font-weight:700}
.footer li+li{margin-top:.55rem}
.footer li a{font-size:.9rem}
.footer__bottom{margin-top:clamp(2.5rem,5vw,3.5rem);padding-block:1.5rem;border-top:1px solid rgba(255,255,255,.1);
  display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;align-items:center;justify-content:space-between;font-size:.8rem}
.footer__bottom a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.25)}

/* ---------- 16. Reveal animations ---------- */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
[data-reveal].is-in{opacity:1;transform:none}
[data-reveal="left"]{transform:translateX(-24px)}
[data-reveal="right"]{transform:translateX(24px)}
[data-reveal="zoom"]{transform:scale(.95)}
[data-reveal="clip"]{opacity:1;clip-path:inset(0 0 100% 0);transform:none;transition:clip-path 1.1s var(--ease-out)}
[data-reveal="clip"].is-in{clip-path:inset(0 0 0 0)}
[data-stagger]>*{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out)}
[data-stagger].is-in>*{opacity:1;transform:none}
[data-stagger].is-in>*:nth-child(1){transition-delay:.02s}
[data-stagger].is-in>*:nth-child(2){transition-delay:.09s}
[data-stagger].is-in>*:nth-child(3){transition-delay:.16s}
[data-stagger].is-in>*:nth-child(4){transition-delay:.23s}
[data-stagger].is-in>*:nth-child(5){transition-delay:.30s}
[data-stagger].is-in>*:nth-child(6){transition-delay:.37s}
[data-stagger].is-in>*:nth-child(7){transition-delay:.44s}
[data-stagger].is-in>*:nth-child(8){transition-delay:.51s}
[data-stagger].is-in>*:nth-child(n+9){transition-delay:.58s}

/* subtle warm grain */
.grain{position:fixed;inset:0;z-index:150;pointer-events:none;opacity:.028;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}

/* language visibility helper (no-JS safe) */
[data-lang-only]{display:none}
html[lang="hu"] [data-lang-only~="hu"],
html[lang="de"] [data-lang-only~="de"],
html[lang="en"] [data-lang-only~="en"]{display:revert}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  [data-reveal],[data-stagger]>*{opacity:1!important;transform:none!important;clip-path:none!important}
  .hero__media img{animation:none;transform:scale(1.02)}
}
@media print{
  .header,.drawer,.footer,.hero__scroll,.grain,.progress,.lb,.fab{display:none!important}
  body{background:#fff}
}

/* uniform media row (rooms page teaser) */
.media-row img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}

/* ---------- 17. Availability widget (deep-links to Booking.com) ---------- */
.av{
  display:grid;gap:.55rem;padding:.6rem;border-radius:20px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);
  backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);
  box-shadow:0 20px 60px rgba(10,11,12,.28);
  grid-template-columns:1fr;max-width:720px;
}
.av--solid{background:var(--paper);border-color:var(--line);backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:var(--shadow-2);max-width:none}
.av__row{display:grid;gap:.45rem;grid-template-columns:1fr 1fr .62fr auto;align-items:stretch}
@media (max-width:860px){.av--solid .av__row{grid-template-columns:1fr 1fr .7fr;}
  .av--solid .av__go{grid-column:1 / -1}}
@media (max-width:700px){.av__row{grid-template-columns:1fr 1fr .7fr}.av__go{grid-column:1 / -1}}
@media (max-width:460px){.av__row{grid-template-columns:1fr 1fr}.av__field:nth-child(3){grid-column:1 / -1}}
.av__field{
  position:relative;display:grid;gap:.15rem;padding:.6rem .85rem;border-radius:14px;
  background:rgba(255,255,255,.92);min-width:0;
}
.av--solid .av__field{background:var(--cream);border:1px solid var(--line)}
.av__field label{font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}
.av__field input,.av__field select{
  border:0;background:transparent;font:inherit;font-size:.94rem;font-weight:600;color:var(--ink);
  padding:0;width:100%;min-width:0;appearance:none;-webkit-appearance:none;cursor:pointer;
}
.av__field select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 9px) 55%,calc(100% - 4px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:1.2rem}
.av__field input::-webkit-calendar-picker-indicator{opacity:.45;cursor:pointer}
.av__go{align-self:stretch;border-radius:14px;padding-inline:1.4rem;white-space:nowrap}
@media (max-width:620px){.av__go{grid-column:1 / -1}}
.av__meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem;
  padding:.1rem .55rem .35rem;font-size:.75rem;color:rgba(255,255,255,.78)}
.av--solid .av__meta{color:var(--muted)}
.av__nights{font-weight:600}
.av__err{color:#ffb4a2;font-weight:600}
.av--solid .av__err{color:#b3261e}

/* trust strip under the hero CTA */
.trustline{display:flex;flex-wrap:wrap;gap:.45rem .3rem;margin-top:1.15rem}
.trustline span{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:rgba(255,255,255,.8)}
.trustline span+span::before{content:"";width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5;margin-right:.35rem}
.trustline svg{width:14px;height:14px;color:var(--wood-soft)}

/* sticky mobile booking bar */
.stickycta{
  position:fixed;left:0;right:0;bottom:0;z-index:95;display:none;
  align-items:center;gap:.8rem;padding:.7rem clamp(.9rem,4vw,1.2rem);
  padding-bottom:calc(.7rem + env(safe-area-inset-bottom));
  background:rgba(248,245,240,.92);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);
  border-top:1px solid var(--line);
  transform:translateY(110%);transition:transform .45s var(--ease-out);
}
.stickycta.is-in{transform:none}
.stickycta__price{display:grid;gap:.05rem;line-height:1.15;min-width:0}
.stickycta__price b{font-family:var(--ff-display);font-size:1.15rem;color:var(--ink)}
.stickycta__price small{font-size:.68rem;color:var(--muted)}
.stickycta .btn{margin-left:auto;flex:none}
@media (max-width:760px){.stickycta{display:flex} body{padding-bottom:0}}
body.menu-open .stickycta{transform:translateY(110%)}

/* small phones: let the hero grow with its content so nothing is cut off */
@media (max-width:600px){
  .hero{min-height:auto}
  .hero__inner{padding-top:calc(var(--header-h) + 2.2rem);padding-bottom:clamp(2.2rem,9vw,3.2rem)}
  .hero__tag{font-size:1rem;margin-top:1rem}
  .hero__badge{margin-bottom:1.2rem}
  .hero__scroll{display:none}
  .av{padding:.5rem}
  .av__field{padding:.55rem .75rem}
  .av__meta{flex-wrap:wrap;gap:.25rem .7rem;font-size:.72rem}
}

/* --- promo video (index) --- */
.vid{max-width:1040px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;background:#000;
  aspect-ratio:16/9;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.vid video{display:block;width:100%;height:100%;object-fit:cover;background:#000}

/* --- kapcsolat blokk a főoldalon --- */
.hcontact{display:grid;gap:1.8rem;align-items:center;grid-template-columns:1fr;
  padding:clamp(1.6rem,4vw,2.8rem);border-radius:var(--radius-lg);background:var(--cream-2)}
.hcontact h2{max-width:24ch}
.hcontact__btns{display:flex;flex-wrap:wrap;gap:.7rem}
@media (min-width:980px){.hcontact{grid-template-columns:1.1fr 1fr}.hcontact__btns{justify-content:flex-end}}
@media (max-width:420px){.hcontact__btns .btn{width:100%;justify-content:center}}

/* --- napos főoldali hero: az ég és a tetőablakok maradjanak látszani --- */
.hero__media img.hero-sun{object-position:60% 0;transform-origin:50% 0;animation-name:kenburnsSoft}
@keyframes kenburnsSoft{from{transform:scale(1.0)}to{transform:scale(1.07) translate3d(-1%,0,0)}}
@media (max-width:700px){.hero__media img.hero-sun{object-position:66% 10%}}

/* --- jobb oldali foglalási gombok (telefon, WhatsApp, e-mail) --- */
.fab{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:90;
  display:flex;flex-direction:column;gap:.7rem;animation:fabIn .6s .4s var(--ease-out) both}
@keyframes fabIn{from{opacity:0;transform:translate(24px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
.fab__btn{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  color:#fff;box-shadow:0 10px 26px rgba(12,13,14,.28),0 0 0 1px rgba(255,255,255,.14) inset;
  transition:transform .25s var(--ease-out),box-shadow .25s}
.fab__btn svg{width:23px;height:23px;stroke-width:1.8}
.fab__btn--call{background:var(--wood)}
.fab__btn--wa{background:#25D366}
.fab__btn--mail{background:var(--ink)}
.fab__btn:hover,.fab__btn:focus-visible{transform:scale(1.08);box-shadow:0 14px 32px rgba(12,13,14,.34)}
.fab__btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.fab__tip{position:absolute;right:calc(100% + 12px);top:50%;transform:translate(8px,-50%);white-space:nowrap;
  padding:.45rem .8rem;border-radius:999px;background:var(--ink);color:#fff;font-size:.82rem;font-weight:600;
  opacity:0;pointer-events:none;transition:opacity .2s,transform .2s var(--ease-out)}
.fab__btn:hover .fab__tip,.fab__btn:focus-visible .fab__tip{opacity:1;transform:translate(0,-50%)}
body.menu-open .fab{opacity:0;pointer-events:none}
@media (max-width:760px){
  .fab{top:auto;transform:none;right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:.55rem;
    animation-name:fabInM;transition:bottom .35s var(--ease-out)}
  @keyframes fabInM{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
  .fab__btn{width:46px;height:46px}
  .fab__btn svg{width:20px;height:20px}
  .fab__tip{display:none}
  body:has(.stickycta.is-in) .fab{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.fab{animation:none}}

/* mobilon a hero apró szövegei ne fussanak be a jobb oldali gombok alá */
@media (max-width:760px){.hero .av__meta,.hero .trustline{padding-right:58px}}

/* --- napos főoldali hero: sokkal kevesebb sötétítés, csak a szöveg mögött --- */
.hero--sun .hero__scrim{background:
  linear-gradient(90deg,rgba(12,13,14,.40) 0%,rgba(12,13,14,.18) 38%,rgba(12,13,14,0) 62%),
  linear-gradient(180deg,rgba(12,13,14,.24) 0%,rgba(12,13,14,0) 18%,rgba(12,13,14,0) 76%,rgba(12,13,14,.32) 100%)}
.hero--sun .hero__media img{filter:none}
.hero--sun .hero__tag,.hero--sun .trustline{text-shadow:0 2px 16px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.35)}
.hero--sun h1{text-shadow:0 2px 12px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.3)}
/* a sorok felfedő animációja levágná az árnyékot: adjunk neki helyet */
.hero--sun h1 .ln{padding:.16em .3em .16em .16em;margin:0 -.3em -.32em -.16em}
.hero--sun h1 .ln:first-child{margin-top:-.16em}
.hero--sun h1 .ln:last-child{margin-bottom:-.16em}
@media (max-width:760px){
  .hero--sun .hero__scrim{background:linear-gradient(180deg,rgba(12,13,14,.26) 0%,rgba(12,13,14,.10) 40%,rgba(12,13,14,.18) 70%,rgba(12,13,14,.42) 100%)}
}


/* a kádas szoba fő képe: az égő lámpa maradjon a kivágásban */
.room__media img[src*="tub-1-"]{object-position:24% 50%}

/* --- főoldali kapcsolatblokk a „Kapcsolódj ki” grafikával --- */
.hcontact--promo{grid-template-columns:1fr;gap:clamp(1.4rem,3vw,2.6rem);align-items:center}
.hcontact__img{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:0 18px 40px rgba(12,13,14,.18);
  max-width:360px;width:100%;justify-self:center}
.hcontact__img img{display:block;width:100%;height:auto}
.hcontact__body{display:grid;gap:1.6rem}
.hcontact--promo .hcontact__btns{justify-content:flex-start}
@media (min-width:760px){.hcontact--promo{grid-template-columns:minmax(240px,340px) 1fr}
  .hcontact__img{justify-self:stretch}}

/* a szobák galériájában a közös terek fotói külön jelölve */
.room__strip figure.is-shared .shared{position:absolute;left:0;right:0;bottom:0;padding:.22rem .3rem;
  background:rgba(23,24,26,.72);color:#fff;font-size:.56rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;text-align:center}
.room__note{margin:0;padding:0 clamp(1.15rem,2.4vw,1.6rem) clamp(1.15rem,2.4vw,1.6rem);
  font-size:.74rem;line-height:1.45;color:var(--muted)}