/*
Theme Name: MexyChatta
Description: Autorski motyw Meksykańskiego Strychu w Józefowie.
Version: 1.0.0
Text Domain: mexychatta
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--cream:#f8f0df;--dark:#292720;--orange:#f6a13d;--rust:#b7472d;--muted:#625c50;--purple:#362447}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--dark);background:var(--cream);font:20px/1.65 'DM Sans',sans-serif}body:before{content:'';position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:fixed;top:-100px;left:12px;z-index:10;background:var(--cream);padding:10px}.skip:focus{top:12px}.nav{min-height:138px;padding:15px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:22px;font-size:26px;font-weight:700;letter-spacing:.7px;line-height:1.25}.brand img{width:108px;height:108px;object-fit:contain;border-radius:0;flex-shrink:0}.brand small{display:block;font-size:12px;font-weight:500;letter-spacing:2.2px;margin-top:6px}.nav nav{display:flex;gap:34px;font-size:18px}.nav nav a:hover{color:var(--rust)}.hero{position:relative;isolation:isolate;min-height:800px;color:var(--cream);overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-image{object-position:50% 55%}.hero-shade{z-index:-1;background:linear-gradient(90deg,#1d152bdb,#22172f60 65%,#22172f15),linear-gradient(0deg,#21172ea0,transparent 45%)}.hero-copy{position:relative;padding:95px 7% 150px;max-width:1200px}.eyebrow{font-size:14px;font-weight:500;letter-spacing:2px;margin:0 0 28px;display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;background:var(--orange);border-radius:50%}h1,h2{font-family:'Fraunces',Georgia,serif;line-height:1.06;font-weight:400;letter-spacing:-3px;margin:0}h1{font-size:clamp(80px,8.5vw,132px)}em{font-weight:400;font-style:italic;color:var(--orange)}h2{font-size:clamp(54px,5vw,80px);letter-spacing:-2px}.intro{font-size:23px;line-height:1.55;margin:35px 0 38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--orange);color:#32261d;padding:18px 28px;border-radius:60% 45% 50% 40% / 12% 25% 15% 20%;font-size:18px;font-weight:500;box-shadow:3px 5px 0 #30192750;transition:transform .2s}.button:hover{transform:translateY(-3px) rotate(-1deg)}.sun-mark{position:absolute;right:6%;top:25px;font:230px/1 Georgia,serif;color:#f6ba58;transform:rotate(-15deg);opacity:.85}.hero-bottom{position:absolute;bottom:35px;left:7%;right:7%;display:flex;justify-content:space-between;gap:20px;font-size:13px;letter-spacing:1.3px}.hero-bottom a{letter-spacing:0;font-size:16px}.ribbon{position:relative;display:flex;align-items:center;justify-content:space-around;gap:20px;padding:24px 4%;background:var(--rust);color:var(--cream);font-size:15px;letter-spacing:1.5px;transform:rotate(-1deg);margin:-10px -0px 0;z-index:1}.ribbon span{font-size:35px;color:#ffd695}.section{padding:110px 7%}.place{display:grid;grid-template-columns:1fr 1fr;gap:8%;position:relative}.place:before{content:'☼';position:absolute;bottom:25px;left:12%;font:130px Georgia;color:var(--rust);opacity:.5;transform:rotate(12deg)}.place h2 em,.gallery h2 em{color:var(--rust)}.place-copy p{max-width:580px;color:var(--muted)}.place-copy .lead{color:var(--dark);font:400 32px/1.4 'Fraunces',Georgia,serif;margin-top:0}.place-copy .handnote{font:italic 26px/1.5 'Fraunces',Georgia,serif;color:var(--rust);margin-top:32px;transform:rotate(-3deg);padding:16px 0;border-bottom:2px solid #b7472d55}.feature{display:grid;grid-template-columns:1.05fr 1fr;background:var(--purple);color:var(--cream);position:relative}.feature>img{width:100%;height:100%;min-height:700px;object-fit:cover;border-radius:0 180px 0 0}.feature-copy{padding:80px 11%}.feature-copy>p:not(.eyebrow){color:#e2d4dc;margin-top:32px}.amenities{list-style:none;padding:0;margin:30px 0}.amenities li{font-size:19px;line-height:1.6;padding:9px 0}.amenities li:before{content:'✳';color:var(--orange);padding-right:14px}.text-link{display:inline-block;font-size:18px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;line-height:1.6}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:65px}.section-heading>p{max-width:350px;color:var(--muted);font-size:21px}.gallery{background:radial-gradient(ellipse at 100% 20%,#f1d5ac90,transparent 50%),var(--cream)}.gallery-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:35px 30px;margin:30px 0 55px;align-items:start}.photo{background:#fffaf0;border:0;padding:10px 10px 0;color:var(--dark);cursor:pointer;position:relative;box-shadow:0 10px 30px #3425181c;transition:transform .25s;text-align:left}.photo img{width:100%;aspect-ratio:4/3;object-fit:cover}.photo span{display:flex;justify-content:space-between;padding:13px 7px;font:italic 21px/1.4 'Fraunces',Georgia,serif}.photo b{font:20px 'DM Sans',sans-serif}.photo-0{grid-column:span 2;grid-row:span 2;transform:rotate(-2deg)}.photo-0 img{aspect-ratio:1.17}.photo-1{transform:rotate(4deg);margin-top:25px}.photo-2{transform:rotate(-3deg)}.photo-3{transform:rotate(3deg)}.photo-4{grid-column:span 2;transform:rotate(-1.5deg)}.photo-4 img{aspect-ratio:2.2}.photo:hover{transform:rotate(0deg) translateY(-5px);z-index:2}.contact{position:relative;background:#9e3e2c;color:var(--cream);border-radius:120px 0 0 0}.contact-top{display:flex;align-items:center;justify-content:space-between;gap:65px}.contact-top p:not(.eyebrow){font-size:22px;margin:28px 0 35px;color:#fff0de}.contact-logo{width:350px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:0;flex-shrink:0;transform:rotate(5deg);background:#faf8f2;padding:14px;box-shadow:10px 14px 0 #6b281d55}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr 1.3fr;gap:30px;margin-top:85px;padding-top:45px;border-top:1px solid #f6dfc160;font-size:18px}.contact-grid h3{font:400 27px/1.3 'Fraunces',Georgia,serif;margin:0 0 20px}.contact-grid p{margin:0 0 12px}.contact-grid a{display:table;margin-bottom:15px;overflow-wrap:anywhere}.contact-grid .muted{font-size:16px;color:#f4d7c6}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 7%;font-size:13px;letter-spacing:1px}dialog{width:min(1150px,95vw);max-height:95svh;border:0;padding:50px 20px 15px;background:#21192a;color:white}dialog::backdrop{background:#170e23ed}dialog img{max-height:75svh;object-fit:contain;margin:auto}dialog p{text-align:center;font-size:18px}#close-photo{position:absolute;right:20px;top:8px;color:white;background:none;border:0;cursor:pointer;padding:5px;font-size:17px}
@media(max-width:1000px){.brand img{width:90px;height:90px}.nav{min-height:120px}.section{padding:85px 6%}.hero{min-height:760px}.sun-mark{font-size:170px;right:4%}.hero-copy{padding-top:95px}.feature-copy{padding:65px 9%}.contact-logo{width:280px}.contact-grid{grid-template-columns:1fr 1fr}.gallery-grid{gap:20px}.place:before{left:6%;font-size:100px}.feature>img{min-height:660px}}
@media(max-width:650px){body{font-size:19px}.nav{padding:12px 5%;min-height:110px;gap:12px}.brand{gap:10px;font-size:19px;letter-spacing:0}.brand img{width:76px;height:76px}.brand small{font-size:9px;letter-spacing:1px}.nav nav{font-size:16px;gap:17px}.nav nav a:not(:last-child){display:none}.hero{min-height:730px}.hero-copy{padding:105px 6% 140px}h1{font-size:clamp(59px,15vw,94px);letter-spacing:-2px}h2{font-size:clamp(43px,11.8vw,65px);letter-spacing:-1.5px}.sun-mark{font-size:95px;right:6%;top:0;opacity:.8}.intro{font-size:21px;margin:30px 0}.eyebrow{font-size:12px;letter-spacing:1.6px}.hero-bottom{left:6%;right:6%;bottom:28px;display:block;font-size:11px}.hero-bottom a{display:block;font-size:16px;margin-top:16px}.button{font-size:18px;padding:17px 23px;gap:20px}.ribbon{gap:9px;flex-wrap:wrap;padding:17px 5%;font-size:12px;letter-spacing:1px}.ribbon span{font-size:23px}.section{padding:70px 6%}.place{grid-template-columns:1fr;gap:35px}.place:before{display:none}.place-copy .lead{font-size:29px}.place-copy .handnote{font-size:24px}.feature{grid-template-columns:1fr}.feature>img{min-height:0;height:390px;border-radius:0 100px 0 0}.feature-copy{padding:60px 6%}.amenities li{font-size:19px}.text-link{font-size:18px}.section-heading{display:block;margin-bottom:40px}.section-heading>p{font-size:20px;margin-top:25px}.gallery-grid{grid-template-columns:1fr 1fr;gap:22px 14px;margin:20px 0 45px}.photo{padding:6px 6px 0}.photo-0{grid-column:span 2;grid-row:span 1}.photo-0 img{aspect-ratio:1.1}.photo-1{margin-top:0;transform:rotate(2deg)}.photo img{aspect-ratio:1}.photo span{font-size:17px;padding:11px 3px}.photo-4{grid-column:span 1;transform:rotate(-2deg)}.photo-4 img{aspect-ratio:1}.contact{border-radius:65px 0 0 0}.contact-top{display:block}.contact-top p:not(.eyebrow){font-size:21px}.contact-logo{margin:55px auto 0;width:min(310px,87%);padding:10px;transform:rotate(3deg)}.contact-grid{grid-template-columns:1fr;gap:30px;margin-top:65px;padding-top:35px;font-size:19px}.contact-grid h3{font-size:28px}.contact-grid .muted{font-size:17px}footer{flex-wrap:wrap;font-size:12px}footer span:nth-child(2){display:none}}
.ribbon{width:calc(100% - 20px);margin-left:10px}
.contact-grid .phone{font-size:25px;font-weight:600;min-height:44px;padding:4px 0;letter-spacing:.3px}
.cinema{background:#2b2534;color:var(--cream)}.cinema .section-heading>p{color:#e2d4dc}.cinema-photo{width:100%;transform:rotate(-.6deg)}.cinema-photo img{aspect-ratio:auto;width:100%;height:auto;max-height:none}.cinema-photo span{font-size:26px;padding:18px 15px}.instagram-photo{transform:rotate(-2deg)}.instagram-photo:nth-child(even){transform:rotate(2deg)}.instagram-photo img{aspect-ratio:1;object-fit:contain;background:#201926}.instagram-photo:hover{transform:rotate(0deg) translateY(-5px)}
@media(max-width:650px){.cinema-photo span{font-size:20px;padding:12px 6px}.instagram-photo span{font-size:16px}.instagram-photo{transform:rotate(-1deg)}.instagram-photo:nth-child(even){transform:rotate(1deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}