@font-face{font-family:"Figtree";src:url(fonts/figtree-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Marcellus";src:url(fonts/marcellus-latin-400-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root{--sea:#1f6b45;--sea-2:#275b43;--sea-3:#3b7658;--foam:#c8dccd;--sand:#f7f1e4;--sand-2:#eee3cf;--stone:#d8c5a6;--clay:#bc4815;--clay-d:#973a11;--sun:#f1a04b;--ink:#33271f;--muted:#6c6257;--line:#ddceb5;--r:16px;--rl:22px;--serif:"Marcellus",system-ui,sans-serif;--sans:"Figtree",system-ui,sans-serif;--tc-ink:#33271f;--tc-ink-soft:#6c6257;--tc-paper:#f7f1e4;--tc-surface:#eee3cf;--tc-line:#ddceb5;--tc-accent:#c8dccd;--tc-action:#bc4815;--tc-action-ink:#fff;--tc-link:#3b7658;--tc-star:#f1a04b;--tc-ok:#3b7658;--tc-radius:18px;--font-ui:"Figtree",system-ui,sans-serif;--font-display:"Marcellus",system-ui,sans-serif;}
h1,h2,.h2,.tc-title,.tc-sec h2,.tc-related h2{text-transform:uppercase;letter-spacing:0.08em;}
.hero h1{font-size:clamp(2.8rem,1.2rem + 6vw,64px)}
.brand .brand__mark,.brand svg{height:58px}@media(max-width:420px){.hdr .brand__mark,.hdr .brand svg{height:58px}}
:root{--brand-texture:url("/proposal/portakaltours-a7628a/site/assets/brand-texture.svg");--brand-texture-size:160px;--brand-texture-opacity:0.07;}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--brand-texture);background-size:var(--brand-texture-size);opacity:var(--brand-texture-opacity);pointer-events:none}.tours-sec,.band{position:relative;isolation:isolate}.tours-sec::before,.band::before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--brand-texture);background-size:var(--brand-texture-size);opacity:var(--brand-texture-opacity);pointer-events:none}.tours-sec>.wrap,.band>*{position:relative;z-index:1}
.tc-card,.tc-book,.tc-meet,.mapcard,.faq details{border:3px double var(--line);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--sand) 78%,transparent)}
.hero__img img{object-position:58% 48%}
@media(max-width:600px){.hero__img img{object-position:25% 52%}}
.hero h1{max-width:14ch}@media(max-width:600px){.hero h1{font-size:2.25rem}.hero__img img{object-position:25% 52%!important}}