:root{--ink:#292821;--soft:#69675f;--paper:#f7f5f0;--white:#fffefa;--accent:#a76b4d;--sand:#e9e5dd;--line:#dbd6cb;--dark:#232923;--ease:cubic-bezier(.25,.7,.25,1)}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}::selection{background:#d4af9a;color:#171612}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.wrap{max-width:1390px;margin:0 auto;padding:0 5.2%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.serif{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.045em}.muted{color:var(--soft)}.arrow{display:inline-block;transition:transform .3s var(--ease)}a:hover .arrow,button:hover .arrow{transform:translate(4px,-2px)}.tiny-rule{height:1px;background:var(--line)}
    .topline{height:7px;background:#24251f}.nav{height:87px;display:flex;align-items:center;justify-content:space-between;gap:26px;position:relative}.nav-shell{position:sticky;top:0;background:rgba(247,245,240,.97);z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.logo{font-family:Georgia,serif;font-size:25px;letter-spacing:-.095em;white-space:nowrap;color:#30302a}.logo span{color:var(--accent);font-style:italic}.logo small{font-family:'DM Sans',sans-serif;display:block;letter-spacing:.25em;font-size:7.5px;margin-top:5px;text-align:center;color:#817b71;font-weight:700}.links{display:flex;align-items:center;gap:clamp(16px,2.25vw,34px)}.links a{font-size:10px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;transition:color .2s}.links a:hover{color:var(--accent)}.nav-cta{white-space:nowrap;font-size:10px!important;border:1px solid #38352f;padding:13px 18px;display:inline-flex;gap:18px;align-items:center}.menu-toggle{display:none;border:0;background:none;color:var(--ink);padding:9px}
    .hero{display:grid;grid-template-columns:47% 53%;height:min(720px,74vw);min-height:550px;max-height:810px}.hero-copy{display:flex;flex-direction:column;justify-content:center;position:relative;padding:60px min(4vw,65px) 58px max(5.2vw,calc((100vw - 1245px)/2));}.hero-copy .eyebrow{color:var(--accent);margin-bottom:34px}.hero h1{font-size:clamp(56px,6.25vw,107px);line-height:1.04;margin:0 0 24px;max-width:680px}.hero h1 em{font-weight:400;color:var(--accent)}.hero p{font-size:14px;line-height:1.9;max-width:385px;color:#706c63;margin-bottom:30px}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:13px;align-self:flex-start}.hero-foot{display:flex;gap:28px;align-items:center;position:absolute;bottom:35px;font-size:10px;letter-spacing:.13em;color:#918d83;text-transform:uppercase}.hero-photo{position:relative;overflow:hidden;background:#ac9e8b}.hero-photo img{transition:transform 1.2s var(--ease)}.hero-photo:hover img{transform:scale(1.025)}.hero-caption{position:absolute;bottom:38px;left:40px;right:40px;display:flex;align-items:end;justify-content:space-between;color:#fff;font-size:11px;letter-spacing:.13em;text-shadow:0 1px 15px #111b}.hero-index{font-family:'Playfair Display',serif;font-size:33px;letter-spacing:0}.photo-shade{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(13,14,12,.43));pointer-events:none}
    .trust-bar{background:#ece9e1;border-bottom:1px solid var(--line)}.trust-items{padding-top:25px;padding-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.trust-lead{display:flex;align-items:baseline;gap:17px}.trust-lead strong{font-family:'Playfair Display',Georgia,serif;font-size:56px;line-height:1}.trust-lead span{font-size:10px;line-height:1.7;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:#77736a;max-width:115px}.trust-text{display:flex;gap:60px;font-size:11px;line-height:1.65;color:#77736a}.trust-text b{display:block;color:var(--ink);font-size:12px;margin-bottom:3px}
    .section{padding:112px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:41px}.section-top h2{font-size:clamp(46px,5.35vw,81px);line-height:1.08;margin:12px 0 0}.section-top .lead{max-width:370px;font-size:13px;line-height:1.85;color:var(--soft);margin:0}.section-top .eyebrow{color:var(--accent)}
    .projects-section{background:var(--white)}.project-controls{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 23px;margin:30px 0 28px}.filter-group{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.filter{border:0;background:transparent;color:#888379;padding:5px 0;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;position:relative}.filter.active,.filter:hover{color:var(--ink)}.filter.active:after{content:'';position:absolute;left:0;right:0;bottom:-24px;height:2px;background:var(--accent)}.project-count{font-size:11px;color:#8d877e}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-card{cursor:pointer;min-width:0;text-align:left;border:0;padding:0;background:none;color:var(--ink)}.project-card[hidden]{display:none}.project-image{aspect-ratio:1/1.08;background:#d8d0c2;overflow:hidden;position:relative}.project-image img{transition:transform .85s var(--ease)}.project-card:hover img{transform:scale(1.055)}.project-image:after{content:'Explore project ↗';position:absolute;left:15px;right:15px;bottom:15px;padding:14px 18px;background:rgba(255,254,250,.94);font-size:11px;letter-spacing:.06em;transform:translateY(130%);transition:transform .35s var(--ease)}.project-card:hover .project-image:after,.project-card:focus-visible .project-image:after{transform:translateY(0)}.project-line{display:flex;justify-content:space-between;gap:5px;padding-top:17px;align-items:center}.project-line h3{font-size:16px;font-weight:500;margin:0}.project-line span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#948a7f}.project-card small{display:block;font-size:11px;color:#a49d92;margin-top:9px}.button-outline{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:16px 24px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-size:10px;display:inline-flex;gap:50px;align-items:center;justify-content:center;transition:background .2s,color .2s}.button-outline:hover{background:var(--ink);color:white}.button-outline[hidden]{display:none}.project-more{display:flex;justify-content:center;padding-top:52px}.archive-note{font-size:11px;text-align:center;color:#8f8b82;margin-top:15px}
    .philosophy{padding:120px 0;background:#eae6dd}.philosophy-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:min(10vw,140px);align-items:center}.philosophy h2{font-size:clamp(49px,5.5vw,84px);line-height:1.11;margin:26px 0}.philosophy .statement{font-size:15px;line-height:1.95;color:#77736c;max-width:430px}.philosophy .text-link{margin-top:22px}.philosophy-image{position:relative;aspect-ratio:4/4.8;background:#b7b4ac}.floating-label{position:absolute;bottom:-23px;left:-23px;background:var(--white);min-width:210px;padding:23px 26px;font-family:'Playfair Display',serif;font-size:25px;font-style:italic;box-shadow:0 14px 40px #27221a12}.floating-label small{display:block;font-style:normal;font-family:'DM Sans',sans-serif;text-transform:uppercase;font-size:9px;letter-spacing:.17em;margin-top:8px;color:#887e73}
    .services{background:var(--white)}.services-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:12%;margin-top:35px}.services-intro{font-size:16px;color:#79756e;line-height:1.9;max-width:380px}.services-list{border-top:1px solid var(--line)}.service-item{border-bottom:1px solid var(--line)}.service-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;width:100%;border:0;background:none;text-align:left;color:var(--ink)}.service-head .num{font-size:10px;color:var(--accent);padding-right:15px}.service-head strong{font-size:20px;font-weight:500;flex:1}.service-head .plus{font-size:24px;color:var(--accent);transition:transform .2s}.service-item.open .plus{transform:rotate(45deg)}.service-body{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}.service-body p{padding:0 36px 25px 37px;margin:0;font-size:13px;line-height:1.9;color:#77736b}
    .storyband{background:#2c302b;color:#eeede7;padding:90px 0}.storyband-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.storyband h2{font-size:clamp(35px,4.7vw,65px);margin:14px 0 0;max-width:670px;line-height:1.14}.storyband .eyebrow{color:#bc9a83}.storyband a{flex-shrink:0;border-color:#e7e5dc;color:#e7e5dc}.storyband a:hover{background:#e7e5dc;color:#2c302b}
    .journal{background:var(--paper)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.journal-card{border-top:1px solid #c9c3b8;padding-top:18px;min-height:200px;display:flex;flex-direction:column}.journal-card small{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.journal-card h3{font:400 31px/1.25 'Playfair Display',Georgia,serif;letter-spacing:-.03em;margin:17px 0 24px}.journal-card a{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin-top:auto;align-self:flex-start}
    .contact{background:#e8e3da;padding:110px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{font-size:clamp(56px,6vw,87px);line-height:1.04;margin:18px 0 20px}.contact-copy{font-size:14px;line-height:1.85;color:#746e65;max-width:390px}.contact-detail{font-size:13px;margin-top:45px;line-height:2}.contact-detail span{font-size:10px;text-transform:uppercase;color:#888075;letter-spacing:.13em;display:block;margin-bottom:2px}.contact-detail a{text-decoration:underline;text-underline-offset:4px}.contact form{display:grid;gap:19px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.field input,.field textarea,.field select{background:rgba(255,255,255,.35);border:1px solid #c8c0b5;color:var(--ink);padding:14px 15px;border-radius:0;width:100%;outline:none;font-size:13px}.field textarea{min-height:117px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.contact button[type=submit]{border:0;background:#302f29;color:#f7f6f1;padding:17px 22px;text-align:left;display:flex;justify-content:space-between;align-items:center;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.contact button:hover{background:#4a443a}.form-note{font-size:10px;line-height:1.7;color:#897f74;margin:0}
    footer{background:#262924;color:#efede7;padding:45px 0 25px}.footer-top{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:50px;padding-bottom:55px}.footer-logo{font:400 30px Georgia,serif;letter-spacing:-.09em}.footer-logo span{color:#be937a;font-style:italic}.footer-sub{font-size:13px;line-height:1.8;color:#aaa9a0;max-width:290px}.footer-label{font-size:10px;text-transform:uppercase;letter-spacing:.19em;margin-bottom:19px;color:#c7a58a}.footer-links{display:grid;gap:12px;font-size:13px;color:#c5c4bc}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #585b50;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#b0b1a7}.footer-bottom a{text-decoration:underline;text-underline-offset:2px}
    .modal{border:0;max-width:960px;width:calc(100% - 36px);max-height:min(92vh,940px);padding:0;background:var(--white);color:var(--ink);box-shadow:0 30px 100px #1119}.modal::backdrop{background:rgba(25,25,22,.78);backdrop-filter:blur(5px)}.modal-body{display:grid;grid-template-columns:1fr 1fr;min-height:530px}.modal-photo{height:100%;min-height:500px;background:#d9d3cb}.modal-copy{padding:70px 50px;display:flex;flex-direction:column;align-items:start}.modal-copy h2{font-size:55px;line-height:1.07;margin:16px 0}.modal-copy p{font-size:14px;line-height:1.9;color:#726d66}.modal-copy a{margin-top:auto}.modal-close{position:absolute;right:15px;top:15px;z-index:2;width:38px;height:38px;background:white;color:var(--ink);border:0;font-size:25px}
    .image-placeholder{background:linear-gradient(150deg,#b6aa9b,#d4c7b8 48%,#8e8f82);position:relative}.image-placeholder:before{content:'BRICK & RUG';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:400 15px Georgia,serif;letter-spacing:.25em;color:#fff8;white-space:nowrap}.image-placeholder img{position:relative;z-index:1}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.fade-in.visible{opacity:1;transform:translateY(0)}
    @media(min-width:1500px){.hero-copy{padding-left:max(5.2vw,calc((100vw - 1245px)/2))}}
    @media(max-width:1080px){.links{gap:14px}.links a{font-size:9px}.hero{height:650px}.hero h1{font-size:70px}.hero-copy{padding-left:5vw}.trust-text{gap:22px}.project-grid{gap:17px}}
    @media(max-width:760px){.wrap{padding-left:6%;padding-right:6%}.nav{height:72px}.logo{font-size:23px}.menu-toggle{display:block}.links{display:none;position:absolute;top:71px;left:0;right:0;padding:22px 6% 28px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 25px #0001}.links.open{display:flex}.links a{font-size:12px;padding:13px 0}.nav-cta{margin-top:14px;justify-content:space-between;padding:15px!important}.hero{display:flex;flex-direction:column;height:auto;max-height:none}.hero-copy{min-height:480px;padding:55px 6% 74px}.hero h1{font-size:clamp(58px,12vw,92px)}.hero-copy .eyebrow{margin-bottom:22px}.hero-foot{bottom:22px}.hero-photo{height:390px}.hero-caption{left:21px;right:21px;bottom:20px}.trust-items{align-items:start}.trust-lead strong{font-size:47px}.trust-text{flex-direction:column;gap:10px}.trust-text span:nth-child(2){display:none}.section{padding:72px 0}.section-top{align-items:start;flex-direction:column;margin-bottom:24px}.section-top h2{font-size:58px}.section-top .lead{max-width:490px}.project-controls{align-items:start;flex-direction:column;gap:16px}.filter-group{gap:18px}.filter.active:after{bottom:-12px}.project-grid{grid-template-columns:repeat(2,1fr);gap:27px 14px}.project-line{align-items:start;flex-direction:column;gap:7px}.project-line h3{font-size:14px}.project-line span{font-size:9px}.project-image:after{display:none}.project-more{padding-top:40px}.philosophy{padding:85px 0}.philosophy-grid{grid-template-columns:1fr;gap:44px}.philosophy h2{font-size:61px}.philosophy-image{max-width:560px;width:calc(100% - 23px);margin:0 0 23px 23px}.services-grid{grid-template-columns:1fr;gap:25px}.storyband{padding:65px 0}.storyband-inner{align-items:start;flex-direction:column}.journal-grid{grid-template-columns:1fr;gap:25px}.journal-card{min-height:155px}.journal-card h3{margin:14px 0}.contact{padding:75px 0}.contact-grid{grid-template-columns:1fr;gap:45px}.contact-detail{margin-top:22px}.footer-top{grid-template-columns:1fr 1fr;gap:27px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.modal-body{grid-template-columns:1fr;max-height:87vh;overflow:auto}.modal-photo{min-height:260px;height:260px}.modal-copy{padding:35px 28px;min-height:315px}.modal-copy h2{font-size:43px}}
    @media(max-width:430px){.hero-copy{min-height:450px}.hero h1{font-size:57px}.hero-photo{height:320px}.project-grid{gap:22px 11px}.project-line h3{font-size:13px}.project-line span{font-size:8px}.philosophy h2{font-size:50px}.filter-group{gap:13px}.filter{font-size:9px}.trust-lead{gap:9px}.trust-lead strong{font-size:41px}.trust-lead span{font-size:9px}.trust-text{font-size:9px}.form-row{grid-template-columns:1fr}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fade-in,.fade-in.visible,.project-image img,.hero-photo img,.service-body{opacity:1;transform:none;transition:none}}
  

/* Brick & Rug refinements — 2026 static edition */
:root { color-scheme: light; }
.skip-link{position:absolute;left:14px;top:-70px;z-index:90;background:var(--ink);color:#fff;padding:11px 16px}.skip-link:focus{top:10px}
.nav-shell{isolation:isolate}
.menu-toggle{z-index:5;position:relative;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.menu-toggle .icon-close{display:none}.menu-toggle[aria-expanded="true"] .icon-close{display:block}.menu-toggle[aria-expanded="true"] .icon-menu{display:none}
.menu-backdrop{display:none}
.trust-lead strong{display:flex;align-items:baseline;font-variant-numeric:tabular-nums;white-space:nowrap}
.trust-lead .counter-plus{font-family:'Playfair Display',Georgia,serif;font-size:.56em}
.project-controls{margin-top:35px}.single-tab{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--ink);border-bottom:2px solid var(--accent);padding-bottom:10px;margin-bottom:-23px}
.project-image{background:#b5a79a}
.project-image .image-fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:6px;padding:20px;background:linear-gradient(135deg,#c7c0b4,#dbd1c4 52%,#afa395);color:#5b554d;z-index:0}
.project-image .image-fallback .number{font:400 clamp(35px,5vw,70px) 'Playfair Display',Georgia,serif;color:#796b5e;opacity:.65}
.project-image .image-fallback .placeholder-label{letter-spacing:.25em;font-size:9px;text-transform:uppercase;font-weight:700}
.project-image img{z-index:1;position:relative}
.project-card:nth-child(3n + 2) .image-fallback{background:linear-gradient(138deg,#ada99d,#d6cfbf 48%,#e9ddd1)}
.project-card:nth-child(3n) .image-fallback{background:linear-gradient(138deg,#bbb2a6,#e4ddd1 52%,#a6a59b)}
.photo-frame{position:relative;overflow:hidden;background:#c5b8a7}
.photo-frame img{position:relative;z-index:1}
.photo-frame .frame-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;pointer-events:none;color:#625950;font-size:10px;letter-spacing:.19em;text-transform:uppercase}
.hero-photo .frame-note{font-size:12px;background:linear-gradient(137deg,#c6b3a2,#dfd4c7 55%,#b8a696);letter-spacing:.18em}
.hero-photo .photo-shade,.hero-photo .hero-caption{z-index:2}
.philosophy-image .frame-note{background:linear-gradient(140deg,#d3c6b7,#b7a89a);font-size:11px}
.meet-designer{background:var(--white);padding:115px 0 128px;border-top:1px solid var(--line)}
.designer-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(50px,9vw,143px);align-items:center}
.designer-portrait{aspect-ratio:1/1;max-width:610px;width:100%;background:#d0c6b9}
.designer-portrait .frame-note{background:linear-gradient(135deg,#e1d5c6,#c6b7a8 56%,#ada699)}
.designer-portrait:after{content:'';position:absolute;inset:15px;border:1px solid #ffffff5b;pointer-events:none;z-index:2}
.designer-copy .eyebrow{color:var(--accent)}.designer-copy h2{font-size:clamp(52px,5.7vw,85px);line-height:1.08;margin:26px 0}.designer-copy h2 em{color:var(--accent)}
.designer-role{font-size:10px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:#9b7b6b}
.designer-copy p{font-size:14px;line-height:1.95;color:#79746d;max-width:475px;margin:22px 0 28px}
.designer-copy .text-link{margin-top:4px}
.contact{border-top:1px solid #d3c8bb}
.form-note a{text-decoration:underline;text-underline-offset:3px}
.project-card[hidden]{display:none}
.modal-photo .frame-note{background:linear-gradient(125deg,#c1b2a2,#e2d8cb);font-size:11px}
.modal-photo img{height:100%;width:100%;object-fit:cover}
.no-scroll{overflow:hidden}
@media(max-width:760px){
  .nav-shell{background:#f7f5f0;z-index:40;backdrop-filter:none}
  .nav-shell.menu-is-open{background:#eee9e0;border-bottom:1px solid #c6b9aa;box-shadow:0 6px 24px #1f1a1720}
  .nav{height:74px}
  .menu-toggle{display:flex;background:#eeeae2;border:1px solid #c9c2b7}
  .nav-shell.menu-is-open .menu-toggle{background:#ddd5c9}
  .links{position:absolute;top:calc(100% - 1px);left:0;right:0;background:#eee9e0;padding:18px 6% 25px;border-bottom:2px solid #aa7459;box-shadow:0 18px 35px #28231b29;z-index:4;max-height:calc(100dvh - 76px);overflow-y:auto;backdrop-filter:none}
  .links a{font-size:12px;letter-spacing:.16em;padding:16px 4px;border-bottom:1px solid #d8d0c5}
  .links .nav-cta{border:1px solid #292821;padding:16px 17px!important;margin-top:15px;background:#f7f5f0}
  .menu-backdrop.is-visible{display:block;position:fixed;inset:0;z-index:30;background:#1e1d1b80;border:0;width:100%;height:100%;cursor:default}
  .meet-designer{padding:82px 0 90px}
  .designer-grid{grid-template-columns:1fr;gap:40px}
  .designer-portrait{max-width:560px}
  .designer-copy h2{font-size:clamp(48px,10.5vw,71px);margin:19px 0}
  .single-tab{margin-bottom:-23px}
}
@media(max-width:430px){.hero-foot{gap:13px;font-size:8px}.hero-copy{padding-bottom:78px}.trust-items{gap:12px}.trust-lead{gap:9px}.trust-lead strong{font-size:41px}.trust-text span:nth-child(3){display:none}.project-controls{align-items:center;flex-direction:row}.project-count{font-size:10px}.single-tab{font-size:10px}.meet-designer{padding:70px 0 80px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero-photo img,.project-image img,.fade-in{transition:none!important}.fade-in{opacity:1!important;transform:none!important}}

.philosophy .eyebrow,.contact .eyebrow,.modal-copy .eyebrow{color:var(--accent)}
/* Preserve original large serif numerals in the animated counter. */
.trust-lead #project-counter{font-size:1em;letter-spacing:-.04em;line-height:1;color:var(--ink);font-weight:700}
.trust-lead .counter-plus{font-size:.54em;letter-spacing:0;line-height:1;color:var(--ink)}


/* ================================================================
   PROJECT DETAIL POPUP — vertical layout based on approved sketch
   Every override here matches index.html and main.js.
   ================================================================ */

.project-detail-modal {
    width: min(900px, calc(100% - 34px));
    max-width: 900px;
    max-height: min(92dvh, 1060px);
    margin: auto;
    padding: 0;
    border: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    background: #f9f7f3;
    color: var(--ink);
}

.project-detail-modal::backdrop {
    background: rgba(27, 25, 22, .74);
    backdrop-filter: blur(4px);
}

.project-detail-modal .project-modal-header {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 14px clamp(16px, 4vw, 34px);
    min-height: 67px;
    background: #f9f7f3;
    border-bottom: 1px solid var(--line);
}

.project-modal-header .eyebrow {
    color: var(--accent);
}

.project-detail-modal .modal-close {
    position: static;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 1px solid #c8bfb4;
    background: #fff;
    color: var(--ink);
    font-size: 26px;
    line-height: 1;
}

.project-detail-modal .modal-close:hover {
    background: #ede7de;
}

.project-detail-modal .project-detail-layout {
    display: block;
    max-height: none;
    min-height: 0;
    overflow: visible;
    padding: clamp(15px, 4vw, 35px);
}

.project-detail-gallery {
    width: 100%;
    min-width: 0;
}

.project-detail-modal .project-featured-photo {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #e2d9cb;
}

.project-detail-modal .project-featured-photo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.project-thumbnails {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(7px, 1.5vw, 13px);
    margin-top: 13px;
}

.project-thumbnail {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    padding: 0;
    border: 2px solid transparent;
    background: #ded5c9;
    overflow: hidden;
    transition: border-color .18s ease, opacity .18s ease;
}

.project-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-thumbnail:hover,
.project-thumbnail[aria-pressed="true"] {
    border-color: var(--accent);
}

.project-thumbnail[aria-pressed="true"]::after {
    content: "";
    position: absolute;
    inset: 3px;
    border: 1px solid rgba(255,255,255,.7);
    pointer-events: none;
}

.project-gallery-status {
    margin: 12px 0 0;
    text-align: right;
    font-size: 11px;
    letter-spacing: .07em;
    color: #86796c;
}

.project-detail-modal .project-detail-content {
    display: flex;
    align-items: flex-start;
    min-height: 0;
    padding: clamp(22px, 4vw, 42px) 0 8px;
    border-top: 1px solid var(--line);
    margin-top: 24px;
}

.project-detail-content h2 {
    font-size: clamp(32px, 5vw, 58px);
    line-height: 1.14;
    margin: 14px 0 15px;
}

.project-detail-content p {
    max-width: 720px;
    margin: 0 0 25px;
    font-size: 14px;
    line-height: 1.9;
    color: #716b63;
}

.project-detail-content .text-link {
    margin-top: 8px;
}

/* Hero photo belongs to the right column; no overlay text or dark fade. */
.hero-photo #hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 54% center;
}

/* A little more room for the studio's full two-paragraph philosophy. */
.philosophy .statement + .statement {
    margin-top: 16px;
}

@media (max-width: 760px) {
    .project-detail-modal {
        width: calc(100% - 20px);
        max-height: 94dvh;
    }

    .project-detail-modal .project-modal-header {
        min-height: 58px;
        padding: 9px 14px;
    }

    .project-detail-modal .project-detail-layout {
        display: block;
        max-height: none;
        padding: 12px;
    }

    .project-detail-modal .project-featured-photo {
        height: auto;
        min-height: 0;
        aspect-ratio: 4 / 3;
    }

    .project-thumbnails {
        gap: 7px;
        margin-top: 8px;
    }

    .project-detail-modal .project-detail-content {
        padding: 25px 6px 12px;
    }

    .project-detail-content h2 {
        font-size: clamp(30px, 8vw, 45px);
    }

    .hero-photo #hero-image {
        object-position: 58% center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .project-thumbnail {
        transition: none;
    }
}






/* Horizontal Scrolling Project Thumbnails */

#modal-thumbnails {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: 8px;
}

#modal-thumbnails .project-thumbnail {
    flex: 0 0 160px;
    min-width: 0;
}





/* Header SVG Logo */

.logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.logo-image {
    display: block;
    width: 180px;
    height: auto;
    max-height: 60px;
    object-fit: contain;
}

/* Mobile */

@media (max-width: 768px) {
    .logo-image {
        width: 145px;
        max-height: 50px;
    }
}