:root{--bg:#f8f6f1;--surface:#fff;--soft:#efede7;--text:#292824;--muted:#625f59;--line:#d8d4cb;--accent:#ad4932;--accent-text:#ad4932;--accent-light:#f3b18d;--contact:#73302e;--focus:#175560;color-scheme:light;font-family:Segoe UI,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}html[data-palette=forest]{--accent:#175560;--accent-text:#175560;--accent-light:#a5d5bd;--contact:#123f47;--bg:#f2f6f0;--soft:#e6ede5}html[data-palette=blue]{--accent:#294a6c;--accent-text:#294a6c;--accent-light:#b4cce2;--contact:#223f5c;--bg:#f4f6f8;--soft:#e7ecf1}html[data-palette=graphite]{--accent:#373737;--accent-text:#373737;--accent-light:#d0c8b9;--contact:#292528;--bg:#f5f4f1;--soft:#eae8e4}html[data-theme=dark]{--bg:#1e201e;--surface:#272a27;--soft:#242723;--text:#f5f1e9;--muted:#c4c0b8;--line:#484b44;--accent-text:var(--accent-light);--focus:#ffdca8;color-scheme:dark}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button{border:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(2rem,3.5vw,3.6rem)}h3{font-size:1.5rem}p{color:var(--muted)}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;left:15px;padding:12px;background:var(--surface);z-index:20}.skip:focus{top:10px}.demo-bar{padding:8px 48px;display:flex;justify-content:space-between;background:var(--soft);font-size:11px;letter-spacing:.04em}.demo-bar a{text-decoration:underline;text-underline-offset:3px}.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:13px;align-items:center;font-size:18px;font-weight:750;letter-spacing:.045em;line-height:1.1}.brand-mark{width:46px;height:46px;background:var(--accent);color:#fff;display:grid;place-content:center;font-size:30px;position:relative}.brand-mark span{position:absolute;right:1px;top:1px;font-size:19px}.brand-sub{display:block;font-size:10px;letter-spacing:.24em;margin-top:7px}.header nav{display:flex;align-items:center;gap:32px;font-size:13px}.header nav a:hover{color:var(--accent-text)}.header nav a:last-child{border-bottom:1px solid var(--text);padding-block:8px}.header-tools{display:flex;gap:8px}.theme,.menu{background:transparent;color:var(--text);font-size:25px;min-width:44px;min-height:44px}.menu{display:none}.appearance{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;color:var(--muted)}.appearance label{display:flex;align-items:center;gap:10px}.appearance select{border:1px solid var(--line);padding:7px 28px 7px 12px;border-radius:4px;background:var(--surface);color:var(--text);font-size:12px;min-height:40px}.theme-label{font-size:12px;display:flex;align-items:center;gap:6px}.hero{position:relative;isolation:isolate;min-height:650px;color:#fff;display:flex;flex-direction:column;justify-content:center}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-image{object-position:center 54%}.hero-shade{z-index:-1;background:linear-gradient(90deg,#181a16d1,#181a1673 48%,#181a1608)}.hero-content{padding-block:65px 85px}.overline{font-size:10px;font-weight:600;letter-spacing:.15em;line-height:1.6}.hero .overline{color:#eee8dc;display:flex;gap:10px;align-items:center}.dot{width:5px;height:5px;border-radius:50%;background:var(--accent-light)}h1{font-size:clamp(3.4rem,5.2vw,5.2rem);margin:28px 0 24px;max-width:800px;letter-spacing:-.055em}h1 span{color:var(--accent-light)}.hero-text{color:#efeee9;font-size:16px;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:58px;padding:17px 24px;font-size:13px;font-weight:600;border-radius:3px;line-height:1.5;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.1);transform:translateY(-2px)}.primary{background:var(--accent);color:#fff}.button span{font-size:21px;line-height:1}.hero-link{display:inline-flex;align-items:center;gap:18px;margin-left:28px;font-size:12px}.hero-bottom{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#fff;text-shadow:0 1px 4px #000}.section{padding-block:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:38px;margin-bottom:48px}.section-heading .overline{margin-bottom:20px}.accent{color:var(--accent-text)}.section-heading>p{font-size:13px;max-width:345px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{padding:28px 24px;background:var(--surface);border:1px solid var(--line);transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-5px);border-color:var(--accent-text)}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;color:var(--muted);font-size:10px}.service-icon{font-size:35px;color:var(--accent-text);line-height:1}.service-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:13px;color:var(--muted);font-size:11px}.service-bottom>span:last-child{font-size:22px;line-height:1;color:var(--accent-text)}.whole{display:flex;justify-content:space-between;gap:20px;font-size:13px;margin-top:20px;border-bottom:1px solid var(--line);padding-block:18px}.whole>span:last-child{color:var(--accent-text)}.works-section{background:var(--soft)}.works-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:30px}.works-grid figure:nth-child(2){margin-top:65px}.work-image{position:relative;overflow:hidden}.work-image img{aspect-ratio:1.45;object-fit:cover;transition:transform .6s}.work-image:hover img{transform:scale(1.025)}.work-image>span{position:absolute;bottom:18px;left:18px;background:#fff0eeed;color:#302a25;padding:7px 10px;font-size:9px;letter-spacing:.1em}figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:22px}figcaption h3{font-size:21px}figcaption p{font-size:12px;margin-top:8px}figcaption>span{font-size:12px;color:var(--muted)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;padding:0;margin:0}.process-grid li{border-top:1px solid var(--line);padding-top:20px}.step-number{display:block;font-size:13px;color:var(--accent-text);margin-bottom:36px}.process-grid h3{font-size:22px;margin-bottom:15px}.process-grid p{font-size:13px;max-width:225px}.contact{display:grid;grid-template-columns:1.25fr 1fr;padding:65px 60px;background:var(--contact);color:#fff;position:relative;overflow:hidden}.contact .overline{color:#f2e5d6;margin-bottom:25px}.contact h2{font-size:clamp(2rem,3.5vw,3.5rem)}.contact p:not(.overline){color:#f0e7de;font-size:14px;margin-top:23px}.cream{background:#f5efe5;color:#302821;margin-top:26px}.contact .contact-note{font-size:10px!important;max-width:360px}.photo-stack{align-self:center;justify-self:center;position:relative;width:80%;max-width:300px}.photo-card{background:#f7f3eb;padding:12px 12px 17px;transform:rotate(7deg);box-shadow:0 12px 35px #0003}.photo-card img{aspect-ratio:1;object-fit:cover}.photo-card span{font-size:9px;letter-spacing:.1em;display:block;color:#423b34;margin-top:12px}.photo-plus{display:grid;place-content:center;background:var(--accent);color:#fff;border:3px solid #f7f3eb;width:60px;height:60px;border-radius:50%;font-size:35px;position:absolute;bottom:-18px;left:-20px}.footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:45px}.footer .brand{font-size:13px;display:block}.footer-brand-sub{display:block;font-size:8px;margin-top:5px}.footer p{font-size:10px;max-width:270px}.footer>a:last-child{font-size:11px}dialog{width:min(520px,calc(100% - 32px));border:1px solid var(--line);padding:44px;background:var(--surface);color:var(--text);border-radius:8px}dialog::backdrop{background:#151810ba}dialog h2{font-size:32px;margin-top:20px}dialog p:not(.overline){font-size:14px;margin:22px 0}.dialog-close{position:absolute;top:10px;right:10px;width:38px;height:38px;background:transparent;color:var(--text);font-size:26px}dialog .button{font-size:12px}@media(min-width:1600px){.hero{min-height:730px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.header nav{gap:18px}.service-grid{grid-template-columns:repeat(2,1fr)}.contact{padding:45px 35px}.demo-bar{padding-inline:28px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.demo-bar{padding:9px 18px;font-size:9px;gap:14px}.demo-bar>span{max-width:175px}.header{height:85px;position:relative}.brand{font-size:16px}.brand-mark{width:39px;height:39px}.menu{display:block}.header nav{display:none;position:absolute;z-index:10;top:77px;left:0;right:0;padding:22px;background:var(--surface);border:1px solid var(--line);align-items:stretch;gap:8px}.header nav.open{display:flex;flex-direction:column}.header nav a{padding:12px}.appearance{gap:8px;justify-content:space-between}.theme-label{font-size:10px}.hero{min-height:660px}.hero-image{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#181a16df,#181a1680)}.hero-content{padding-block:50px 80px}h1{font-size:clamp(3rem,9vw,4.4rem);margin-top:26px}.hero .overline{font-size:9px}.hero-text{font-size:14px;max-width:250px}.hero-link{display:flex;margin:24px 0 0}.hero-bottom{font-size:8px;gap:18px;align-items:flex-end}.hero-bottom span{max-width:145px}.button{padding:17px 18px;gap:16px;font-size:12px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:25px}.service{padding:23px 17px}.service-top{margin-bottom:34px}.service h3{font-size:21px}.service-bottom{font-size:10px;align-items:center}.service-bottom>span:first-child{max-width:110px}.whole{font-size:11px}.works-grid{grid-template-columns:1fr;gap:35px}.works-grid figure:nth-child(2){margin-top:0}.process-grid{grid-template-columns:repeat(2,1fr);gap:30px 24px}.step-number{margin-bottom:22px}.process-grid p{font-size:12px}.contact{grid-template-columns:1fr;padding:38px 25px}.contact h2{font-size:clamp(1.9rem,7vw,2.5rem)}.photo-stack{width:60%;margin-top:45px;margin-bottom:15px}.footer{flex-wrap:wrap;gap:22px}.footer p{max-width:180px}.footer>a:last-child{width:100%}dialog{padding:35px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.header{position:relative;z-index:5}.header-tools{align-items:center}.icon-button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);transition:background .2s,transform .2s}.icon-button:hover{background:var(--soft);transform:translateY(-1px)}.palette-picker{position:relative}.palette-icon{display:flex;gap:3px;transform:rotate(-12deg)}.palette-icon>span{width:6px;height:19px;border-radius:3px;background:var(--accent-text)}.palette-icon>span:nth-child(2){background:var(--accent-light)}.palette-icon>span:nth-child(3){background:var(--text)}.palette-menu{position:absolute;top:calc(100% + 14px);right:0;z-index:30;width:320px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 55px #0002}.palette-menu[hidden]{display:none}.palette-menu>p{margin:3px 9px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:650}.palette-menu>button{display:grid;grid-template-columns:50px 1fr 18px;align-items:center;gap:12px;width:100%;padding:12px 9px;border-radius:11px;background:transparent;color:var(--text);text-align:left}.palette-menu>button:hover,.palette-menu>button[aria-checked=true]{background:var(--soft)}.palette-menu b,.palette-menu small{display:block}.palette-menu b{font-size:13px;font-weight:650}.palette-menu small{font-size:10px;color:var(--muted);margin-top:3px}.palette-swatch{display:flex;width:50px;height:29px;border-radius:7px;overflow:hidden;border:1px solid #0001}.palette-swatch>span{flex:1}.palette-check{opacity:0;color:var(--accent-text);font-weight:700}.palette-menu>button[aria-checked=true] .palette-check{opacity:1}.theme{font-size:23px}.theme span{line-height:1}html[data-theme=dark][data-palette=terracotta]{--bg:#211a18;--surface:#2c2320;--soft:#302621;--line:#55443b}html[data-theme=dark][data-palette=forest]{--bg:#14211e;--surface:#1c2c27;--soft:#20342d;--line:#3d554b}html[data-theme=dark][data-palette=blue]{--bg:#141e29;--surface:#1c2a39;--soft:#203044;--line:#3b5067}html[data-theme=dark][data-palette=graphite]{--bg:#1b1b1b;--surface:#272727;--soft:#303030;--line:#494949}@media(max-width:760px){.header-tools{gap:6px}.header .brand{gap:9px}.icon-button{width:40px;height:40px;min-width:40px}.menu{min-width:34px}.palette-menu{position:fixed;top:126px;right:18px;left:18px;width:auto;max-width:360px;margin-left:auto;max-height:calc(100dvh - 145px);overflow-y:auto}}