@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--paper:#f5f1e9;--ink:#332d29;--muted:#746a61;--accent:#775443;--line:#d8cfc3;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:5px}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #b77f48;outline-offset:6px}.skip{position:fixed;top:-100px;left:15px;background:white;z-index:10;padding:12px}.skip:focus{top:10px}.demo-bar{text-align:center;background:#39332d;color:#e5ddd2;font-size:10px;letter-spacing:2px;padding:6px 12px}.demo-bar span{margin:0 8px}.header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 5.5%;gap:25px}.brand{font-family:var(--serif);font-size:28px;line-height:1.15;text-decoration:none;white-space:nowrap}.brand span{display:block;font-family:var(--sans);font-size:9px;letter-spacing:3px;margin-top:9px}.header nav{display:flex;gap:30px}.header nav a{text-decoration:none;font-size:13px}.header nav a:hover,.text-link:hover{color:var(--accent)}.header-book{border:1px solid #b5a697;padding:10px 19px;font-size:12px;text-decoration:none;white-space:nowrap}.header-book span{margin-left:20px}.hero{max-width:1440px;margin:auto;padding:20px 5.5% 64px;display:grid;grid-template-columns:1.08fr 1fr;gap:6%;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:600;margin:0 0 22px}.hero-copy{padding:22px 0}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-weight:400;font-size:clamp(66px,6.6vw,96px);line-height:1.06;letter-spacing:-4px;margin:0 0 30px}em{font-weight:400;color:var(--accent)}.lead{font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:30px}.buttons{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:16px 23px;text-decoration:none;font-size:12px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:var(--accent)}.text-link{font-size:12px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}.hero-address{font-size:11px;margin-top:36px;color:var(--muted)}.pin{font-size:23px;vertical-align:middle;margin-right:7px}.hero-art{min-height:570px;height:100%;position:relative;background:linear-gradient(135deg,#b9a68d,#ddcdb8 55%,#a68a70);background-size:cover;background-position:center;border-radius:200px 200px 0 0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:68px 33px 43px;color:#fff8ee}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(49,35,20,.16),transparent 35%,rgba(40,28,20,.7))}.hero-art>*{position:relative}.art-top{text-align:center;font-size:9px;letter-spacing:2px}.art-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px}.art-bottom>span:first-child{font-family:var(--serif);font-size:36px;line-height:1.3}.art-monogram{font-family:var(--serif);font-size:64px;letter-spacing:-9px;line-height:1}.image-caption{position:absolute;bottom:12px;left:33px;font-size:9px;opacity:.85}.service-strip{display:flex;justify-content:center;align-items:center;gap:55px;padding:22px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.service-strip>span:nth-child(even){color:#9b8170;font-size:19px}.section{padding:94px 5.5%;max-width:1440px;margin:auto}h2{font-family:var(--serif);font-size:clamp(36px,4vw,55px);font-weight:400;letter-spacing:-1.8px;line-height:1.18;margin-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-heading>p{font-size:13px;color:var(--muted);margin:0 0 5px;line-height:1.9}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{padding:30px 25px 30px 0;display:flex;flex-direction:column}.service+.service{padding-left:25px;border-left:1px solid var(--line)}.number{font-size:11px;color:#9f8874;letter-spacing:2px;margin-bottom:26px}h3{font-family:var(--serif);font-size:27px;font-weight:400;margin-bottom:15px}.service p{font-size:13px;color:var(--muted);line-height:1.85;margin-bottom:30px}.service-tag{font-size:9px;letter-spacing:2px;margin-top:auto;color:#795941}.price-note{font-size:12px;color:var(--muted);margin:23px 0 0}.personal{background:#eae3d8;display:grid;grid-template-columns:1fr 1.05fr;gap:8%;padding-top:75px;padding-bottom:75px}.personal-copy{max-width:540px}.personal-copy p{font-size:14px;color:var(--muted)}.personal-copy .personal-intro{font-family:var(--serif);font-size:25px;color:var(--ink);line-height:1.4}.signature{display:block;font-family:var(--serif);font-style:italic;font-size:24px;color:var(--accent);margin-top:30px}.info-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:8%}.booking-note{background:#ebe3d8;padding:34px;align-self:start}.booking-note .eyebrow{display:block}.booking-note strong{font-family:var(--serif);font-weight:400;font-size:37px;display:block;line-height:1.2;margin-bottom:22px}.booking-note p{font-size:13px;color:var(--muted)}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:14px}summary::-webkit-details-marker{display:none}summary span{font-size:21px;font-weight:400;color:var(--accent);line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;color:var(--muted);padding:0 25px 20px 0;margin:0;line-height:1.9}.contact{background:#39352e;color:var(--paper);display:grid;grid-template-columns:1.5fr 1fr;gap:8%;padding-top:80px;padding-bottom:85px}.contact em{color:#d5bea5}.contact .eyebrow{color:#c6b9a7}.big-phone{font-family:var(--serif);font-size:clamp(25px,3.2vw,43px);text-decoration:none;display:block;margin:35px 0 25px}.big-phone span{font-family:var(--sans);font-size:26px;margin-left:20px;color:#c6b9a7}.light{background:var(--paper);color:var(--ink)}.light:hover{background:#ddcbb4}.contact-details{border-left:1px solid #6e6355;padding-left:45px;align-self:center}.contact-details>div+div{margin-top:30px}.contact-details .eyebrow{font-size:9px}.contact-details p{font-size:20px;line-height:1.5;margin:12px 0}.contact-details .text-link{color:#e0cdb4}.email{font-size:14px;display:block;margin-top:9px;overflow-wrap:anywhere}.contact-details .appointment-only{font-size:11px;color:#c6b9a7;margin-top:30px}footer{max-width:1440px;margin:auto;padding:35px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:22px}footer .brand span{font-size:8px}footer p,footer>a:last-child{font-size:10px;color:var(--muted);margin:0}footer>a:last-child{text-decoration:none}.mobile-book{display:none}
.hero-art{background-image:url('./salon-atmosphere.png')}
@media(min-width:1500px){body{background:#ece6dc}.header,.hero,.services,.info,footer{background:var(--paper)}}
@media(max-width:1000px){.header nav{gap:17px}.hero{gap:4%}h1{font-size:70px}.hero-art{min-height:540px}.buttons{gap:18px}.hero .buttons{align-items:start;flex-direction:column}.service-strip{gap:28px}.service-grid{grid-template-columns:repeat(2,1fr)}.service:nth-child(3){border-left:0;padding-left:0}.service:nth-child(n+3){border-top:1px solid var(--line)}.section{padding-top:70px;padding-bottom:70px}.info-layout{gap:5%}.contact-details{padding-left:25px}}
@media(max-width:700px){.header{padding:22px 6%;flex-wrap:wrap;gap:20px}.brand{font-size:25px}.header-book{font-size:11px;padding:9px 12px}.header-book span{margin-left:6px}.header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.header nav a{font-size:12px}.hero{grid-template-columns:1fr;padding:8px 6% 35px;gap:30px}.hero-copy{padding:15px 0 0}h1{font-size:clamp(63px,17vw,88px);letter-spacing:-3px}.eyebrow{font-size:9px;margin-bottom:19px}.lead{font-size:14px}.hero .buttons{flex-direction:row;align-items:center;gap:17px}.hero .button{padding:14px 17px;font-size:11px}.hero .text-link{font-size:11px}.hero-address{margin-top:24px}.hero-art{min-height:440px;aspect-ratio:4/4.6;width:100%;padding-top:55px;border-radius:180px 180px 0 0}.art-bottom>span:first-child{font-size:32px}.service-strip{gap:15px;flex-wrap:wrap;padding:19px 6%;font-size:9px;letter-spacing:.6px}.service-strip>span:nth-child(4){display:none}.service-strip>span:last-child{flex-basis:100%;text-align:center}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:22px}h2{font-size:40px;letter-spacing:-1.3px}.service{padding:23px 15px 24px 0}.service+.service{padding-left:16px}.service:nth-child(3){padding-left:0}h3{font-size:24px}.service p{font-size:12px}.number{margin-bottom:20px}.service-tag{font-size:8px;letter-spacing:1.3px}.personal{grid-template-columns:1fr;gap:30px}.personal-copy .personal-intro{font-size:23px}.info-layout{grid-template-columns:1fr;gap:30px}.booking-note{padding:28px}.contact{grid-template-columns:1fr;gap:38px}.contact h2{font-size:39px}.contact-details{border-left:0;border-top:1px solid #6e6355;padding:30px 0 0}.big-phone{font-size:31px}.big-phone span{font-size:22px;margin-left:7px}footer{padding:30px 6% 100px;flex-wrap:wrap}footer p{order:3;width:100%}.mobile-book{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;background:var(--ink);padding:12px 15px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -2px 15px #0001;gap:12px}.mobile-book a{color:var(--paper);font-size:11px;text-align:center;flex:1;padding:7px;text-decoration:none}.mobile-book a+a{border-left:1px solid #766556}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Small creator signature in the footer. */
.techerik-signature{display:block;justify-self:center;width:clamp(145px,13vw,190px);height:auto;max-height:90px;object-fit:contain}
.hero-address{display:inline-block;text-decoration:none}.hero-address:hover{color:var(--accent);text-decoration:underline}
footer{display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr);align-items:center}
footer .brand{justify-self:start;font-size:25px}footer .brand span{font-size:9px}footer>a:last-child{justify-self:end}
@media(max-width:700px){footer{grid-template-columns:1fr auto;align-items:start}footer .techerik-signature{grid-column:1/-1;grid-row:2;justify-self:center;width:min(44vw,180px);max-height:75px;margin-top:14px}}

/* Referenciamunkák */
.work{padding-top:96px;padding-bottom:96px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{margin:0;position:relative;overflow:hidden;background:#e8ded1;aspect-ratio:3/4}.work-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.work-card:hover img{transform:scale(1.035)}.work-card figcaption{position:absolute;inset:auto 0 0;padding:55px 24px 22px;color:#fffaf2;background:linear-gradient(transparent,rgba(28,23,18,.78))}.work-card figcaption span{display:block;font-size:9px;letter-spacing:1.8px;margin-bottom:7px;text-transform:uppercase}.work-card figcaption strong{font-family:var(--serif);font-size:27px;font-weight:400}.work-transformation{margin:18px 0 0;display:grid;grid-template-columns:1.3fr .7fr;background:#e8dfd3;min-height:360px}.work-transformation img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}.work-transformation figcaption{padding:55px 11%;align-self:center}.work-transformation .eyebrow{margin-bottom:18px}.work-transformation h3{font-size:clamp(31px,3.1vw,45px);line-height:1.15;margin:0 0 18px}.work-transformation h3 em{font-style:italic}.work-transformation figcaption>p:last-child{font-size:13px;color:var(--muted);line-height:1.8;margin:0}@media(max-width:700px){.work{padding-top:55px;padding-bottom:55px}.work-grid{grid-template-columns:1fr 1fr;gap:10px}.work-card figcaption{padding:48px 16px 15px}.work-card figcaption strong{font-size:22px}.work-card:nth-child(3){grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}.work-transformation{grid-template-columns:1fr;margin-top:10px}.work-transformation img{min-height:0;aspect-ratio:1/1;object-fit:cover}.work-transformation figcaption{padding:34px 8%}.work-transformation h3{font-size:34px}}

/* Aloldalak */
.header nav a.active{color:var(--accent);text-decoration:underline;text-underline-offset:7px}.page-hero{max-width:1440px;margin:auto;padding:92px 5.5% 78px;background:#eae3d8}.page-hero h1{font-size:clamp(53px,6vw,82px);max-width:900px;margin-bottom:26px}.page-hero>p:last-child{max-width:570px;color:var(--muted);font-size:15px;line-height:1.9;margin:0}.services-page{padding-top:78px;padding-bottom:76px}.page-cta{max-width:1440px;margin:auto;padding:78px 5.5%;background:#39352e;color:var(--paper)}.page-cta em{color:#d5bea5}.page-cta .eyebrow{color:#c6b9a7}.page-cta .buttons{margin-top:32px}@media(max-width:700px){.header nav{justify-content:flex-start;flex-wrap:wrap;gap:12px 18px}.page-hero{padding:58px 6% 52px}.page-hero h1{font-size:clamp(46px,13vw,65px);letter-spacing:-2.6px}.page-hero>p:last-child{font-size:14px}.services-page{padding-top:55px}.page-cta{padding:55px 6%}}

/* Navigációs vonalanimáció */
.header nav a{display:inline-block;position:relative;padding-bottom:8px;transition:color .25s ease}.header nav a::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:right center;transition:transform .3s ease}.header nav a:hover,.header nav a:focus-visible{color:var(--accent)}.header nav a:hover::after,.header nav a:focus-visible::after,.header nav a.active::after{transform:scaleX(1);transform-origin:left center}.header nav a.active{text-decoration:none}