@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f1eee7;color:#171713;font-family:'DM Sans',sans-serif}.nav{height:92px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9c1b2;background:#f1eee7;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.crest{width:44px;height:44px;border:1px solid #a68c62;border-radius:50%;display:grid;place-items:center;font-family:'Playfair Display',serif;font-style:italic;font-size:16px;color:#806946}.brandname{font-size:14px;letter-spacing:.18em}.brandname b{font-weight:600}.nav nav{display:flex;align-items:center;gap:28px}.nav nav a{font-size:11px;letter-spacing:.12em;text-decoration:none;color:#333}.navcta{border:1px solid #1c1c18;padding:14px 18px}.menu{display:none;background:none;border:0;font-size:24px}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr}.hero-copy{padding:100px 8vw 70px 7vw}.eyebrow{font-size:11px;letter-spacing:.2em;color:#806946;font-weight:600}.num{font-family:'Playfair Display';font-size:18px;color:#a68c62;margin-top:70px}.hero h1,.section-head h2,.shop h2,.contact h2{font-family:'Playfair Display',serif;font-weight:500;line-height:.92;margin:14px 0 25px}.hero h1{font-size:clamp(48px,6vw,92px)}.lead{max-width:580px;line-height:1.75;color:#57544d}.button{display:inline-flex;gap:35px;align-items:center;margin-top:28px;padding:17px 20px;background:#171713;color:#fff;text-decoration:none;border:0;font:600 11px 'DM Sans';letter-spacing:.13em;cursor:pointer}.hero-art{background:#1a1916;padding:28px}.photo-placeholder{height:100%;min-height:500px;border:1px solid #5b5245;background:radial-gradient(circle at 70% 20%,#5d5140 0,#292722 32%,#141411 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c8ae80;font-family:'Playfair Display';font-size:44px;letter-spacing:.08em;text-align:center}.photo-placeholder small{font:500 10px 'DM Sans';letter-spacing:.3em;margin-top:15px}.booking,.treatments{padding:110px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.booking{background:#171713;color:#eee9df}.section-head h2,.shop h2,.contact h2{font-size:clamp(44px,5vw,72px)}.section-head>p:last-child{max-width:420px;color:#858077;line-height:1.7}.booking .section-head>p:last-child{color:#aaa397}.booking-card{border-top:1px solid #4a463f}.booking-top{padding:20px 0;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em}.choices{border-top:1px solid #393630}.choice{display:grid;grid-template-columns:1fr auto;gap:8px;padding:20px 0;border-bottom:1px solid #393630;cursor:pointer}.choice strong{font-family:'Playfair Display';font-size:25px;font-weight:500}.choice small{color:#a79f91}.choice .price{grid-row:1/3;grid-column:2;align-self:center;font-size:18px}.choice.selected strong,.choice.selected .price{color:#c6a875}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.fields label{font-size:10px;letter-spacing:.1em;color:#a79f91}.fields input{display:block;width:100%;margin-top:8px;background:#211f1b;border:1px solid #49453d;color:#fff;padding:14px;font:14px inherit}.submit{width:100%;justify-content:space-between}.fine{font-size:11px;color:#817b71}.service-list{border-top:1px solid #bcb4a6}.service{display:grid;grid-template-columns:45px 1fr auto;gap:20px;padding:26px 0;border-bottom:1px solid #c9c1b2;align-items:center}.service .idx{color:#9c8259;font-size:11px}.service h3{font:500 27px 'Playfair Display';margin:0}.service p{margin:5px 0 0;color:#6f6a61;font-size:13px}.meta{text-align:right}.meta b{display:block;font-size:17px}.meta small{font-size:10px;letter-spacing:.12em;color:#8d826f}.shop{display:grid;grid-template-columns:1.2fr .8fr;background:#d8d1c4}.shop-art{padding:28px;min-height:620px}.shop-art .photo-placeholder{min-height:560px}.shop-copy{padding:120px 7vw}.shop-copy>p:last-child{line-height:1.8;max-width:450px}.contact{background:#211f1b;color:#f1eee7;padding:100px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.ghost{border:1px solid #827b70;background:transparent}.hours{padding-top:30px}.hours div{display:flex;justify-content:space-between;border-bottom:1px solid #4a463f;padding:14px 0;font-size:13px}.hours b{font-weight:500}footer{padding:45px 4vw;background:#12120f;color:#e8e1d6;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.15em}.footerbrand{transform:scale(.85);transform-origin:left}.footerbrand .crest{color:#c8ae80}@media(max-width:900px){.nav{height:74px}.nav nav{display:none;position:absolute;top:74px;left:0;right:0;background:#f1eee7;padding:25px;flex-direction:column}.nav.open nav{display:flex}.menu{display:block}.brandname{font-size:11px}.crest{width:34px;height:34px}.hero,.booking,.treatments,.shop,.contact{grid-template-columns:1fr}.hero-copy{padding:70px 7vw}.hero-art{min-height:480px}.booking,.treatments{gap:45px;padding:80px 7vw}.fields{grid-template-columns:1fr}.shop-copy{padding:70px 7vw}.shop-art{min-height:460px}.shop-art .photo-placeholder{min-height:400px}.contact{gap:45px}footer{gap:25px;flex-direction:column;align-items:flex-start}}/* Original Barbershop Rowan identity */
.brand-logo{width:68px;height:68px;object-fit:contain;display:block;border-radius:50%;mix-blend-mode:screen}
.brand{gap:16px}
.brandname{font-family:Georgia,'Times New Roman',serif;letter-spacing:.08em}
.hero-art{background:#111}
.hero-art .real-photo{width:100%;height:100%;min-height:620px;object-fit:cover;display:block;filter:saturate(.9) contrast(1.03)}
.shop-art .real-photo{width:100%;height:100%;min-height:500px;object-fit:cover;display:block}
.logo-showcase{background:#11110f;padding:55px 24px;text-align:center;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.logo-showcase img{width:min(620px,92vw);max-height:460px;object-fit:contain;mix-blend-mode:screen}
.footerbrand .brand-logo{width:52px;height:52px}
@media(max-width:760px){.brand-logo{width:48px;height:48px}.brandname{font-size:16px}.hero-art .real-photo{min-height:430px}.logo-showcase{padding:30px 12px}.footerbrand .brand-logo{width:42px;height:42px}}

/* Gevel-header: logo - tekst - logo */
.nav{background:#17191a;border-bottom:1px solid #313335;color:#f5f3ee;height:112px;padding:0 3vw}
.nav .brand{flex:1;justify-content:center;gap:24px;min-width:0}
.nav .brand-logo{width:88px;height:88px;border-radius:0;mix-blend-mode:normal;object-fit:contain;filter:none}
.nav .brandname{font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,3vw,48px);font-weight:500;letter-spacing:.055em;color:#f5f3ee;white-space:nowrap;text-shadow:0 1px 0 #000}
.nav .brandname b{font-weight:500}
.nav nav{position:absolute;right:2vw;background:#17191a}
.nav nav a{color:#eee}
.nav .navcta{border-color:#ddd}
.menu{color:#f5f3ee}
.logo-showcase{display:none!important}
@media(max-width:900px){.nav{height:92px;padding:0 14px}.nav .brand{gap:10px;justify-content:flex-start}.nav .brand-logo{width:58px;height:58px;flex:0 0 58px}.nav .brandname{font-size:clamp(17px,4.1vw,25px);letter-spacing:.035em;flex:1;text-align:center}.nav nav{top:92px;right:0;background:#17191a}.menu{display:block;flex:0 0 auto;font-size:26px;padding:8px}.nav.open nav a{color:#f5f3ee}}
@media(max-width:480px){.nav{padding:0 8px}.nav .brand{gap:5px}.nav .brand-logo{width:46px;height:46px;flex-basis:46px}.nav .brandname{font-size:15px;letter-spacing:.02em}.menu{font-size:22px;padding:4px}}

/* Seamless facade-style header: fade the photographed logo tile into header */
.nav{overflow:hidden;background:#17191a}
.nav .brand-logo{mix-blend-mode:normal;border-radius:0;object-fit:cover;object-position:center;clip-path:inset(2% 2% 2% 2%);-webkit-mask-image:radial-gradient(ellipse 48% 48% at center,#000 48%,rgba(0,0,0,.94) 60%,rgba(0,0,0,.65) 73%,transparent 94%);mask-image:radial-gradient(ellipse 48% 48% at center,#000 48%,rgba(0,0,0,.94) 60%,rgba(0,0,0,.65) 73%,transparent 94%);transform:scale(1.18)}
@media(max-width:900px){.nav .brand-logo{transform:scale(1.28)}}

/* Final header using clean transparent Rowan logo */
.nav{background:#111314!important;overflow:visible}
.nav .brand-logo{
  width:112px!important;height:82px!important;flex:0 0 112px!important;
  object-fit:contain!important;object-position:center!important;
  border-radius:0!important;clip-path:none!important;-webkit-mask-image:none!important;mask-image:none!important;
  transform:none!important;mix-blend-mode:normal!important;filter:none!important;
}
.nav .brand{gap:22px!important}
@media(max-width:900px){
 .nav{height:94px!important;padding:0 8px!important}
 .nav .brand{gap:4px!important}
 .nav .brand-logo{width:72px!important;height:64px!important;flex:0 0 72px!important}
 .nav .brandname{font-size:clamp(15px,4.15vw,22px)!important;letter-spacing:.02em!important}
}
@media(max-width:390px){
 .nav .brand-logo{width:61px!important;height:58px!important;flex-basis:61px!important}
 .nav .brandname{font-size:14px!important}
}
/* Text-only layout: all content photos removed. Header logo remains brand identity. */
.welcome{min-height:720px;display:flex;align-items:center;padding:110px 7vw;background:#f1eee7}
.welcome-inner{max-width:1050px}
.welcome h1,.hours-section h2,.personal h2{font-family:'Playfair Display',serif;font-weight:500;line-height:.92;margin:14px 0 28px}
.welcome h1{font-size:clamp(52px,7vw,104px)}
.welcome .num{margin-top:65px}
.hours-section{padding:110px 7vw;background:#211f1b;color:#f1eee7;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}
.hours-section h2,.personal h2{font-size:clamp(44px,5vw,72px)}
.section-copy{color:#aaa397;line-height:1.7;max-width:420px}
.hours-section .hours{padding-top:0}
.personal{padding:120px 7vw;background:#d8d1c4}
.personal-inner{max-width:900px;margin-left:auto;margin-right:auto}
.personal p:last-child{max-width:760px;line-height:1.9;color:#57544d;font-size:18px}
/* Remove any old photo sections if cached markup survives */
.hero-art,.shop-art,.logo-showcase{display:none!important}
@media(max-width:900px){.welcome{min-height:auto;padding:90px 7vw}.hours-section{grid-template-columns:1fr;gap:45px;padding:80px 7vw}.personal{padding:85px 7vw}.personal-inner{margin:0}.personal p:last-child{font-size:16px}.welcome .num{margin-top:50px}}
.time-select{appearance:none;-webkit-appearance:none;width:100%;padding:16px 44px 16px 14px;border:1px solid rgba(20,20,18,.22);border-radius:0;background:#fff;color:#151512;font:inherit;background-image:linear-gradient(45deg,transparent 50%,#8e7650 50%),linear-gradient(135deg,#8e7650 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.time-select:disabled{opacity:.55}.slot-note{display:block;margin-top:7px;font-size:12px;color:#746f66;line-height:1.35}
/* Booking fields: identical dimensions */
.fields{align-items:start}
.fields label{display:block;width:100%}
.fields input,.fields select,.time-select{
  display:block;width:100%!important;height:58px!important;min-height:58px!important;
  margin-top:8px!important;padding:0 16px!important;border:1px solid #49453d!important;
  border-radius:0!important;background-color:#211f1b!important;color:#fff!important;
  font:14px 'DM Sans',sans-serif!important;line-height:58px!important;box-shadow:none!important;
}
.fields select,.time-select{padding-right:44px!important;line-height:normal!important;color-scheme:dark}
.fields input[type=date]{appearance:none;-webkit-appearance:none;text-align:left}
.fields input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}
.slot-note{margin-top:8px;min-height:17px;color:#817b71}
@media(max-width:900px){.fields{grid-template-columns:1fr}.fields input,.fields select,.time-select{height:58px!important;min-height:58px!important}}

/* Fotografie */
.photo-feature{padding:0 6vw 7rem;background:#f1eee7}.photo-feature.dark{background:#11110f}.photo-feature img{display:block;width:100%;max-height:720px;object-fit:cover}.photo-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;padding:0 6vw 7rem;background:#f1eee7}.photo-grid img{width:100%;height:560px;object-fit:cover;display:block}.photo-grid img:last-child{object-position:center}.photo-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 6vw 7rem;background:#11110f}.photo-strip img{width:100%;height:520px;object-fit:cover;display:block}.photo-strip .product-photo{object-position:center}
@media(max-width:700px){.photo-feature{padding:0 7vw 4rem}.photo-feature img{max-height:500px}.photo-grid,.photo-strip{grid-template-columns:1fr;padding:0 7vw 4rem;gap:14px}.photo-grid img,.photo-strip img{height:auto;max-height:520px;object-fit:cover}.photo-grid img:nth-child(2){display:none}}
