:root{--ink:#25282b;--muted:#6f7377;--sand:#b98b58;--sand-dark:#a27647;--off:#f7f6f3;--line:#e6e2dc;--dark:#1b1e20;--white:#fff;--width:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:15px;line-height:1.7}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.wrap{width:min(var(--width),calc(100% - 48px));margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--sand);margin:0 0 12px}.section{padding:90px 0}.section.sm{padding:64px 0}.h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(31px,4vw,43px);line-height:1.16;letter-spacing:-.025em;margin:0 0 22px;font-weight:700}.h3{font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.25;margin:0 0 12px}.lead{color:var(--muted);font-size:16px;max-width:645px}.topline{background:#17191a;color:#efeeeb;font-size:12px}.topline .wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:8px 0}.topline a{text-decoration:underline;text-underline-offset:3px}.header{position:sticky;top:0;background:white;z-index:50;box-shadow:0 2px 12px rgba(0,0,0,.065)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:90px}.logo{display:flex;align-items:center;justify-content:center;border:2px solid #2b2b2b;height:54px;width:167px;flex:0 0 167px;font-weight:bold;color:#444;font-size:12px;letter-spacing:.19em;transition:border-color .2s}.logo:hover{border-color:var(--sand)}.links{display:flex;align-items:center;gap:26px}.links a{font-size:12px;font-weight:800;letter-spacing:.035em;white-space:nowrap;text-transform:uppercase;transition:color .2s}.links a:hover,.links a[aria-current=page]{color:var(--sand)}.links a.active-section{color:var(--sand)}.nav-phone{padding:10px 15px;border:1px solid var(--line)}.menu-toggle{display:none;background:none;border:0;padding:12px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0}.hero{position:relative;min-height:570px;display:flex;align-items:center;color:#fff;background:linear-gradient(92deg,rgba(13,18,21,.83) 0%,rgba(13,18,21,.63) 55%,rgba(13,18,21,.27) 100%),url('assets/hero.svg') center/cover no-repeat}.hero-content{position:relative;padding:85px 0}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(41px,5vw,64px);line-height:1.12;max-width:720px;letter-spacing:-.02em;margin:0 0 22px}.hero p{font-size:17px;max-width:520px;margin:0 0 30px;color:#f6f4f0}.hero .eyebrow{color:#e8c79d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;padding:12px 24px;border:2px solid var(--sand);background:var(--sand);color:#fff;letter-spacing:.055em;text-transform:uppercase;font-size:11px;font-weight:900;transition:.2s;text-align:center}.btn:hover{background:var(--sand-dark);border-color:var(--sand-dark)}.btn.outline{background:transparent;border-color:#fff;color:#fff}.btn.outline:hover{background:#fff;color:var(--ink)}.btn.dark{background:var(--dark);border-color:var(--dark)}.btn.dark:hover{background:#404447}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.section-title{text-align:center;max-width:760px;margin:0 auto 42px}.section-title .lead{margin-inline:auto}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.two-col.reverse{grid-template-columns:1fr 1fr}.placeholder-img{position:relative;display:block;overflow:hidden;background:linear-gradient(145deg,#cbc8c3,#918b84);aspect-ratio:4/3;border:0;isolation:isolate}.placeholder-img::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,19,19,.62),transparent 53%)}.placeholder-img img{width:100%;height:100%;object-fit:cover}.image-tag{position:absolute;z-index:2;left:22px;bottom:20px;color:white;letter-spacing:.12em;font-size:10px;font-weight:800;text-transform:uppercase;max-width:calc(100% - 44px)}.image-note{display:inline-flex;padding:6px 10px;border:1px solid rgba(255,255,255,.6);color:rgba(255,255,255,.94);letter-spacing:.11em;font-size:10px;text-transform:uppercase;background:rgba(0,0,0,.22)}.image-corner{position:absolute;right:14px;top:14px;background:rgba(255,255,255,.92);color:#5b5751;padding:6px 9px;z-index:2;font-size:10px;letter-spacing:.07em}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card{border:1px solid var(--line);background:white}.service-card .placeholder-img{aspect-ratio:4/3}.card-body{padding:25px}.card-body p{color:var(--muted);margin:0 0 16px}.text-link{display:inline-flex;gap:8px;align-items:center;font-size:11px;letter-spacing:.09em;font-weight:900;text-transform:uppercase;color:var(--sand-dark);border-bottom:1px solid var(--sand);padding-bottom:2px}.muted{background:var(--off)}.center{text-align:center}.spaced-top{margin-top:42px}.quote-band{background:#2a2a28;color:#fff;padding:55px 0}.quote-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.quote-band .h2{font-size:35px;margin:0 0 8px}.quote-band p{margin:0;color:#d9d9d7}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.fact{text-align:center;border-right:1px solid #e2ded7;padding:20px}.fact:last-child{border-right:0}.fact strong{display:block;font-family:Georgia,serif;font-size:26px}.fact span{font-size:13px;color:var(--muted)}.review-panel{padding:28px;border:1px solid var(--line);background:#fff}.review-panel .stars{color:#c39142;font-size:21px;letter-spacing:.09em}.review-panel p{color:#666;margin-bottom:6px}.review-panel small{color:#888}.video-box{aspect-ratio:16/9;background:#333a3b;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px}.video-box .play{width:64px;height:64px;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:19px}.video-box .inner{max-width:260px}.video-box p{font-size:12px;color:#ddd;margin:7px 0 0}.video-box a{display:inline-block;text-decoration:underline;text-underline-offset:3px}.page-hero{background:linear-gradient(90deg,rgba(22,23,23,.85),rgba(22,23,23,.58)),url('assets/hero.svg') center/cover;padding:80px 0;color:white}.page-hero h1{font-family:Georgia,serif;font-size:clamp(38px,5vw,56px);line-height:1.15;margin:0 0 12px}.breadcrumb{text-transform:uppercase;font-size:10px;letter-spacing:.13em;color:#ded5c7}.breadcrumb a:hover{text-decoration:underline}.filters{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:38px}.filter{background:none;border:1px solid var(--line);padding:10px 19px;font-size:11px;font-weight:bold;letter-spacing:.05em;text-transform:uppercase}.filter[aria-pressed=true],.filter:hover{background:var(--dark);border-color:var(--dark);color:white}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gallery-item{display:block;border:0;background:white;padding:0;text-align:left;width:100%;cursor:pointer;transition:transform .15s}.gallery-item:hover{transform:translateY(-3px)}.gallery-item .placeholder-img{aspect-ratio:5/4}.gallery-item .meta{border:1px solid var(--line);border-top:0;padding:14px 18px}.gallery-item .meta strong{display:block;font-family:Georgia,serif;font-size:18px}.gallery-item .meta span{font-size:11px;color:#777;letter-spacing:.06em;text-transform:uppercase}.gallery-item[hidden]{display:none}.contact-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:70px;align-items:start}.form-group{margin-bottom:16px}.form-group label{display:block;color:#555;font-size:12px;font-weight:800;margin-bottom:6px}.form-group input,.form-group textarea{display:block;border:1px solid #dedede;background:white;padding:13px 15px;color:var(--ink);outline:none;width:100%;border-radius:0;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus{border-color:var(--sand)}.form-group textarea{min-height:160px;resize:vertical}.contact-details p{color:var(--muted)}.contact-row{border-top:1px solid var(--line);padding:17px 0;display:flex;gap:14px}.contact-row b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.contact-row span{color:var(--muted);font-size:14px}.contact-mark{font-size:20px;color:var(--sand);min-width:26px}.notice{padding:13px 15px;border-left:3px solid var(--sand);background:var(--off);color:#56504c;font-size:13px;margin:18px 0 0}.field-hint{font-size:12px;color:#85817e;margin-top:7px}.footer{background:#151719;color:#eee;padding-top:55px}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:60px;padding-bottom:42px}.footer .logo{border-color:#9f9f9f;color:white}.footer p,.footer li{color:#adb0b1;font-size:13px}.footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 17px}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:0 0 8px}.footer a:hover{color:white;text-decoration:underline}.copyright{border-top:1px solid #34393b;padding:16px 0;font-size:11px;color:#898d90}.lightbox{position:fixed;inset:0;background:rgba(5,6,7,.91);z-index:99;display:none;align-items:center;justify-content:center;padding:28px}.lightbox.open{display:flex}.lightbox-content{width:min(800px,100%);color:white}.lightbox-content .placeholder-img{max-height:70vh;aspect-ratio:16/10}.lightbox-content h2{font-family:Georgia,serif;font-size:21px}.close-modal{position:absolute;right:25px;top:18px;color:#fff;border:1px solid #ddd;background:none;font-size:25px;line-height:1;width:42px;height:42px}
@media(max-width:1000px){.links{gap:13px}.links a{font-size:10px}.header-inner{min-height:77px}.logo{width:145px;flex-basis:145px;height:49px}.two-col{gap:30px}.contact-grid{gap:35px}}
@media(max-width:760px){.wrap{width:min(var(--width),calc(100% - 34px))}.topline .wrap{gap:6px;flex-direction:column;font-size:10px}.header-inner{min-height:74px}.menu-toggle{display:block}.links{position:absolute;top:100%;left:0;right:0;display:none;background:#fff;padding:15px 24px 28px;box-shadow:0 10px 18px rgba(0,0,0,.09);flex-direction:column;align-items:flex-start;gap:0}.links.open{display:flex}.links a{font-size:13px;width:100%;padding:12px 0;border-bottom:1px solid var(--line)}.hero{min-height:520px}.hero-content{padding:70px 0}.section{padding:60px 0}.two-col,.two-col.reverse,.contact-grid{grid-template-columns:1fr}.two-col.reverse .placeholder-img{order:-1}.cards,.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-inner{align-items:flex-start;flex-direction:column}.foot-grid{grid-template-columns:1fr 1fr;gap:32px}.foot-grid>div:first-child{grid-column:1/-1}.facts{gap:8px}.fact{padding:10px}.h2{font-size:31px}}
@media(max-width:510px){.cards,.gallery{grid-template-columns:1fr}.hero h1{font-size:40px}.hero p{font-size:15px}.page-hero{padding:60px 0}.foot-grid{grid-template-columns:1fr}.foot-grid>div:first-child{grid-column:auto}.filters{gap:8px}.filter{padding:9px 13px}.facts{grid-template-columns:1fr}.fact{border-right:0;border-bottom:1px solid var(--line)}}
/* Folder-first project portfolio and authentic/AI comparison experience */
.featured-project{display:block;color:var(--ink)}.featured-project .placeholder-img{aspect-ratio:4/3}.featured-meta{border:1px solid var(--line);padding:15px 17px}.featured-meta strong{display:block;font-family:Georgia,serif;font-size:18px}.featured-meta span{font-size:11px;color:#777;text-transform:uppercase;letter-spacing:.05em}
.visualization-badge{position:absolute;z-index:3;right:12px;top:12px;padding:7px 10px;background:rgba(23,27,30,.86);color:#fff;font-size:10px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;max-width:calc(100% - 24px)}
.hero-ai-disclosure{position:absolute;right:20px;bottom:14px;background:#192125ce;color:#fff;padding:6px 10px;font-size:10px;letter-spacing:.04em;z-index:2}
.project-modal{position:fixed;inset:0;background:rgba(13,17,19,.85);z-index:110;padding:26px;overflow-y:auto;display:none;align-items:flex-start;justify-content:center}.project-modal.open{display:flex}
.project-dialog{position:relative;background:#fff;color:#26282a;width:min(950px,100%);padding:clamp(20px,4vw,43px);margin:auto;border-radius:5px;box-shadow:0 20px 70px #0005}.project-close{position:absolute;right:17px;top:12px;background:transparent;border:0;font-size:32px;color:#494d4f;line-height:1;z-index:3;padding:5px 12px}.project-dialog-info{padding-right:35px}.project-dialog-info h2{font-family:Georgia,serif;font-size:clamp(26px,3vw,40px);line-height:1.15;margin:5px 0 13px}.project-dialog-info p{margin:6px 0 14px;color:#666}.project-dialog-info #modal-image-count{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#968a7b}
.project-stage{width:100%}.single-photo-stage,.comparison-stage{position:relative;width:100%;aspect-ratio:16/10;background:#e8e8e7;overflow:hidden}.single-photo-stage img,.comparison-stage img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.comparison-stage{background:#222}.comparison-stage img{object-fit:contain}.comparison-stage .actual-layer{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.comparison-stage::before{content:'';position:absolute;top:0;bottom:0;width:3px;left:var(--position);transform:translateX(-50%);background:white;z-index:2;box-shadow:0 0 7px #0007;pointer-events:none}.compare-labels{display:flex;justify-content:space-between;position:absolute;top:12px;left:12px;right:12px;z-index:3;pointer-events:none}.compare-labels span,.single-photo-label{background:#182227db;color:#fff;padding:6px 9px;font-size:10px;letter-spacing:.05em;font-weight:bold}.single-photo-label{position:absolute;bottom:12px;left:12px}.compare-range{position:absolute;inset:0;width:100%;height:100%;cursor:ew-resize;opacity:.01;margin:0;z-index:4;touch-action:pan-y}.compare-range:focus-visible{outline:3px solid #dab280;outline-offset:-6px;opacity:.18}.compare-hint{font-size:12px;color:#686b6d;margin:10px 0 12px}.project-thumbnails{display:flex;overflow-x:auto;gap:10px;padding:12px 0 4px}.project-thumbnails .thumb{position:relative;flex:0 0 96px;width:96px;height:73px;padding:0;border:3px solid transparent;background:#f1f3f1;overflow:hidden}.project-thumbnails .thumb[aria-pressed=true]{border-color:var(--sand)}.project-thumbnails .thumb img{width:100%;height:100%;object-fit:cover}.thumb-badge{position:absolute;right:0;bottom:0;background:#1c292bdd;color:white;padding:2px 4px;font-size:9px;font-weight:bold}.visualization-disclaimer{font-size:12px;color:#747b7b;border-top:1px solid #e7e7e7;margin:18px 0 20px;padding-top:13px}.modal-quote{margin-top:4px}
@media(max-width:650px){.project-modal{padding:8px}.project-dialog{padding:28px 15px;margin:auto 0}.project-dialog-info{padding-right:28px}.comparison-stage,.single-photo-stage{aspect-ratio:4/3}.compare-labels span{font-size:8px}.project-thumbnails .thumb{flex-basis:73px;width:73px;height:62px}.hero-ai-disclosure{font-size:9px}}

/* Editable website elements */
.site-logo-image{display:block;max-width:100%;max-height:84px;object-fit:contain;object-position:left center}
.site-contact-summary span{display:block;white-space:pre-line}
[data-site-text]{white-space:pre-line}
.site-review-link{display:inline-block;margin:12px 0;color:#99714d;text-decoration:underline;text-underline-offset:4px;font-weight:700}
.video-box{overflow:hidden}.site-video-embed{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;background:#171717}
