:root{--paper:#f3f1ec;--ink:#20211f;--muted:#777771;--line:rgba(32,33,31,.18);--rail:226px;--pad:clamp(22px,3.2vw,58px);--sans:"Manrope","Arial",sans-serif;--serif:"Cormorant Garamond","Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}::selection{background:#c8c5bd;color:var(--ink)}
.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:var(--rail);padding:38px 27px 25px;background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;width:max-content}.brand-name{font-size:29px;line-height:1;letter-spacing:.12em;font-weight:700}.brand-sub{font-size:8px;letter-spacing:.19em;text-transform:uppercase;color:var(--muted)}.side-nav{display:flex;flex-direction:column;gap:14px;margin-top:-80px}.side-nav a,.side-bottom a{font-size:11px;letter-spacing:.06em;color:#545550;transition:color .2s}.side-nav a:hover,.side-nav a.active,.side-bottom a:hover{color:#111;font-weight:700}.side-nav a span{display:inline-block;width:25px;color:#aaa9a2;font-size:9px}.side-bottom{display:flex;flex-direction:column;gap:8px}.side-bottom .locality{margin-bottom:10px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#88877f}.side-bottom .mail{font-size:10px;letter-spacing:.02em}.side-bottom .copyright{margin-top:13px;color:#999890;font-size:9px}.main{margin-left:var(--rail);min-width:0}.mobile-head,.mobile-nav{display:none}
.topline{height:56px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.topline .right{letter-spacing:.1em}.project-list{display:block}.project-card{display:block;position:relative;margin:0;overflow:hidden;background:#d8d7d1}.project-card .cover{position:relative;display:block;height:clamp(510px,82svh,960px);overflow:hidden;background:#ddd}.project-card .cover img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.1s cubic-bezier(.2,.65,.2,1);will-change:transform}.project-card:hover .cover img{transform:scale(1.018)}.project-card .cover:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.42),transparent);pointer-events:none}.project-overlay{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:31px;display:flex;align-items:flex-end;justify-content:space-between;color:white}.project-overlay .overline{font-size:9px;letter-spacing:.16em;text-transform:uppercase;opacity:.84}.project-overlay h2{margin:7px 0 0;font-size:clamp(34px,5vw,66px);line-height:.96;font-weight:400;letter-spacing:-.055em}.project-overlay .view{font-size:9px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:14px var(--pad) 17px;background:var(--paper);border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#6d6d66}.project-caption strong{font-weight:500;color:var(--ink)}
.intro-note{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;padding:clamp(65px,9vw,130px) var(--pad);align-items:end}.intro-note .eyebrow,.section-kicker{font-size:9px;letter-spacing:.19em;text-transform:uppercase;color:var(--muted)}.intro-note h1{font-family:var(--serif);font-size:clamp(42px,6.8vw,94px);line-height:.9;letter-spacing:-.045em;font-weight:400;margin:22px 0 0;max-width:850px}.intro-note p{max-width:390px;font-size:13px;color:#66665f;line-height:1.8;margin:0}.section{padding:clamp(78px,10vw,145px) var(--pad);border-top:1px solid var(--line)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:42px}.section-heading h2{font-family:var(--serif);font-size:clamp(42px,6vw,76px);font-weight:400;letter-spacing:-.04em;line-height:.95;margin:0}.section-heading .number{font-size:9px;letter-spacing:.16em;color:var(--muted)}
.about-grid{display:grid;grid-template-columns:minmax(250px,.82fr) 1.18fr;gap:clamp(34px,7vw,110px);align-items:start}.about-photo{width:100%;max-height:700px;object-fit:cover;object-position:center 30%;filter:grayscale(100%)}.about-copy{max-width:650px}.about-copy .name{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:2px 0 26px}.about-copy .lead{font-family:var(--serif);font-size:clamp(28px,3.5vw,45px);font-weight:400;line-height:1.13;letter-spacing:-.02em;margin:0 0 28px}.about-copy p{max-width:560px;color:#676760;font-size:13px;line-height:1.9;margin:0 0 16px}.about-copy .signature{margin-top:38px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.services-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:70px minmax(200px,.85fr) 1.15fr;gap:25px;padding:26px 0;border-bottom:1px solid var(--line);align-items:start}.service .num{font-size:10px;color:var(--muted);letter-spacing:.1em}.service h3{font-family:var(--serif);font-size:clamp(24px,3vw,36px);font-weight:400;line-height:1;margin:0}.service p{max-width:470px;color:#6a6a63;font-size:12px;line-height:1.85;margin:0}
.contact-section{background:#e9e7e0;padding-top:clamp(85px,12vw,165px);padding-bottom:clamp(85px,12vw,165px)}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:end}.contact-grid h2{font-family:var(--serif);font-size:clamp(48px,7.5vw,100px);font-weight:400;line-height:.9;letter-spacing:-.045em;margin:20px 0 0}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.contact-details p{font-size:12px;color:#686861;line-height:1.8;margin:0 0 10px;max-width:340px}.contact-email{font-size:clamp(17px,2.3vw,28px);border-bottom:1px solid var(--ink);padding-bottom:6px;letter-spacing:-.03em}.contact-secondary{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#77766f}.footer{padding:23px var(--pad);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#85847d}.footer a:hover{color:var(--ink)}
.detail-top{padding:30px var(--pad) 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.back-link:hover{color:var(--ink)}.detail-hero{position:relative;height:clamp(500px,78svh,930px);overflow:hidden;background:#d5d4ce}.detail-hero img{height:100%;width:100%;object-fit:cover}.detail-hero:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.4),transparent)}.detail-hero .hero-title{position:absolute;z-index:2;left:var(--pad);bottom:32px;color:white}.detail-hero .hero-title span{font-size:9px;letter-spacing:.16em;text-transform:uppercase}.detail-hero h1{font-size:clamp(42px,7vw,88px);font-weight:400;letter-spacing:-.05em;line-height:.9;margin:10px 0 0}.detail-meta{padding:25px var(--pad) 34px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;border-bottom:1px solid var(--line)}.detail-meta .meta-label{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:8px}.detail-meta p{font-size:11px;line-height:1.7;margin:0;max-width:420px}.detail-gallery{padding:0}.detail-gallery figure{margin:0;background:#e7e5df}.detail-gallery img{display:block;width:100%;height:auto;max-height:1050px;object-fit:contain;margin:0 auto}.gallery-index{display:flex;justify-content:space-between;padding:10px var(--pad);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#85847c;border-bottom:1px solid var(--line)}.next-project{padding:68px var(--pad);background:#e9e7e0;display:flex;justify-content:space-between;align-items:center;gap:25px}.next-project small{display:block;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.next-project strong{font-family:var(--serif);font-size:clamp(33px,5vw,60px);font-weight:400;letter-spacing:-.04em}.next-project .arrow{font-size:26px}
@media(max-width:900px){:root{--rail:0px;--pad:24px}.sidebar{display:none}.mobile-head{display:flex;position:sticky;top:0;z-index:60;height:62px;background:rgba(243,241,236,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;padding:0 22px}.mobile-head .brand-name{font-size:23px}.mobile-head .brand-sub{font-size:7px}.menu-toggle{border:0;background:none;padding:8px 0 8px 12px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink);cursor:pointer}.mobile-nav{display:none;position:fixed;z-index:59;top:62px;left:0;right:0;background:var(--paper);padding:24px 22px 28px;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.mobile-nav.open{display:flex}.mobile-nav a{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.main{margin-left:0}.topline{height:43px;padding:0 22px;font-size:8px}.project-card .cover{height:68svh;min-height:410px;max-height:760px}.project-overlay{left:22px;right:22px;bottom:22px}.project-overlay h2{font-size:50px}.project-overlay .view{font-size:8px}.intro-note{grid-template-columns:1fr;gap:27px;padding:70px 22px}.intro-note h1{font-size:clamp(44px,11vw,76px)}.intro-note p{max-width:550px}.section{padding:78px 22px}.about-grid{grid-template-columns:.9fr 1.1fr;gap:28px}.about-copy .lead{font-size:34px}.service{grid-template-columns:36px 1fr;gap:12px 20px}.service p{grid-column:2}.contact-grid{grid-template-columns:1fr;gap:38px}.detail-hero{height:67svh;min-height:400px}.detail-meta{grid-template-columns:1fr 1fr}}
@media(max-width:600px){:root{--pad:20px}.project-card .cover{height:64svh;min-height:380px}.project-overlay h2{font-size:42px}.project-overlay .overline{font-size:8px}.project-caption{padding:12px 20px 13px;font-size:8px}.about-grid{grid-template-columns:1fr;gap:34px}.about-photo{width:min(100%,440px);max-height:520px;object-position:center 26%}.about-copy .lead{font-size:34px}.service{padding:23px 0;grid-template-columns:28px 1fr}.service h3{font-size:28px}.detail-meta{grid-template-columns:1fr;gap:21px}.detail-hero{height:62svh;min-height:360px}.detail-hero h1{font-size:56px}.detail-top{padding:20px}.gallery-index{padding:9px 20px}.footer{padding:20px;flex-direction:column;gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* KUND v2 — horizontal navigation + full-bleed imagery */
:root{--rail:0px}
.sidebar,.mobile-head{display:none!important}
.main{margin-left:0!important;width:100%;min-width:0}
.site-header{
  position:sticky;top:0;z-index:100;width:100%;height:76px;
  padding:0 clamp(22px,3.2vw,58px);display:flex;align-items:center;
  justify-content:space-between;gap:32px;background:rgba(243,241,236,.97);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line)
}
.site-header .brand{flex:0 0 auto}
.site-header .brand-name{font-size:28px;letter-spacing:.13em}
.site-header .brand-sub{font-size:7px;letter-spacing:.19em}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(22px,4vw,58px);margin-left:auto}
.desktop-nav a{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#4f504b;transition:color .2s}
.desktop-nav a:hover{color:#111}
.header-mail{font-size:9px;letter-spacing:.1em;white-space:nowrap;color:#66665f}
.header-mail:hover{color:#111}
.site-header .menu-toggle{display:none}
.mobile-nav{display:none}
.project-list{width:100%}
.project-card,.project-card .cover{width:100%;max-width:none}
.project-card .cover{height:clamp(590px,calc(100svh - 76px),1050px);min-height:520px}
.project-card .cover img{width:100%;height:100%;object-fit:cover;object-position:center}
.project-overlay{left:clamp(24px,4.5vw,72px);right:clamp(24px,4.5vw,72px);bottom:clamp(26px,4vw,54px)}
.project-overlay h2{font-size:clamp(44px,6.5vw,86px)}
.project-caption{padding-left:clamp(24px,4.5vw,72px);padding-right:clamp(24px,4.5vw,72px)}
.detail-top{padding-left:clamp(24px,4.5vw,72px);padding-right:clamp(24px,4.5vw,72px)}
.detail-hero{width:100%;height:clamp(590px,calc(100svh - 76px),1050px);min-height:520px}
.detail-hero img{width:100%;height:100%;object-fit:cover}
.detail-hero .hero-title{left:clamp(24px,4.5vw,72px);bottom:clamp(26px,4vw,54px)}
.detail-hero h1{font-size:clamp(50px,7vw,96px)}
.detail-gallery,.detail-gallery figure{width:100%}
.detail-gallery img{width:100%;max-width:none;max-height:none;object-fit:cover}
.detail-meta{padding-left:clamp(24px,4.5vw,72px);padding-right:clamp(24px,4.5vw,72px)}
.next-project{padding-left:clamp(24px,4.5vw,72px);padding-right:clamp(24px,4.5vw,72px)}
@media(max-width:900px){
  .site-header{height:66px;padding:0 22px;gap:12px}
  .site-header .brand-name{font-size:24px}
  .desktop-nav,.header-mail{display:none}
  .site-header .menu-toggle{display:block;border:0;background:none;padding:10px 0 10px 14px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink);cursor:pointer}
  .mobile-nav{position:fixed;z-index:99;top:66px;left:0;right:0;background:var(--paper);padding:24px 22px 28px;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}
  .mobile-nav.open{display:flex}
  .mobile-nav a{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
  .project-card .cover{height:calc(78svh - 66px);min-height:460px;max-height:850px}
  .project-overlay{left:22px;right:22px;bottom:24px}
  .detail-hero{height:calc(78svh - 66px);min-height:450px}
  .detail-hero .hero-title{left:22px;bottom:24px}
  .detail-gallery img{height:auto;object-fit:contain}
}
@media(max-width:600px){
  .site-header{height:62px;padding:0 20px}
  .mobile-nav{top:62px}
  .project-card .cover{height:68svh;min-height:400px}
  .project-overlay h2{font-size:46px}
  .detail-hero{height:65svh;min-height:390px}
  .detail-hero h1{font-size:58px}
}


/* KUND v5 — transparent overlaid navigation, seamless full-bleed project sequence */
.site-header{
  position:absolute;
  top:0;left:0;right:0;
  height:76px;
  z-index:100;
  background:rgba(243,241,236,.28);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  border-bottom:1px solid rgba(32,33,31,.08);
}
.site-header .header-mail{display:none!important}
.project-list{width:100%;margin:0;padding:0}
.project-card{display:block;margin:0;padding:0;border:0}
.project-card .cover{
  display:block;
  width:100%;
  height:clamp(620px,100svh,1180px);
  min-height:560px;
  margin:0;padding:0;
}
.project-card .cover img{display:block;width:100%;height:100%;object-fit:cover}
.project-card .cover:after{inset:48% 0 0}
.project-caption{display:none!important}
.project-card + .project-card{margin-top:0!important;border-top:0!important}
.detail-top{display:none!important}
.detail-hero{
  height:clamp(620px,100svh,1180px);
  min-height:560px;
  margin:0;padding:0;
}
.detail-hero img{display:block;width:100%;height:100%;object-fit:cover}
.detail-gallery{margin:0;padding:0}
.detail-gallery figure{margin:0;padding:0;border:0;line-height:0}
.detail-gallery img{display:block;width:100%;height:auto;max-height:none;margin:0;padding:0;object-fit:cover}
.gallery-index{display:none!important}
@media(max-width:900px){
  .site-header{
    position:absolute;top:0;left:0;right:0;height:66px;
    background:rgba(243,241,236,.3);
  }
  .project-card .cover{height:88svh;min-height:500px}
  .detail-hero{height:88svh;min-height:500px}
}
@media(max-width:600px){
  .site-header{height:62px}
  .project-card .cover{height:82svh;min-height:450px}
  .detail-hero{height:82svh;min-height:450px}
}

/* Final adjustment: keep navigation directly over photography with no light band */
.site-header{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-bottom:0!important;
}
.site-header .brand,
.site-header .desktop-nav a,
.site-header .menu-toggle{
  text-shadow:0 1px 5px rgba(255,255,255,.25);
}