:root{--bg:#f7f5f0;--ink:#20211e;--muted:#73736c;--orange:#e06b44;--line:#dcd9d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-shell{max-width:1600px;margin:auto;padding:0 5.4%}.site-header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:750;font-size:24px;letter-spacing:-1.35px;white-space:nowrap}.brand-icon{color:var(--orange);margin-right:7px;font-size:27px}.brand-light{font-weight:400}.site-header nav{display:flex;align-items:center;gap:40px;font-size:13px;font-weight:600}.site-header nav a:hover,.footer a:hover{color:var(--orange)}.nav-contact{border:1px solid var(--ink);border-radius:40px;padding:13px 18px}.nav-contact span{padding-left:12px}.hero{position:relative;min-height:685px;padding:42px 0 75px;overflow:hidden}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font-weight:700;letter-spacing:.13em;text-transform:uppercase;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:10px}.hero-side{text-align:right;color:var(--muted);font-size:12px;line-height:1.65}.hero h1{position:relative;z-index:1;font-size:clamp(76px,10vw,155px);line-height:.99;letter-spacing:-.087em;font-weight:600;margin:81px 0 54px}.hero h1 em,.section-heading h2 i,.about-section em,.contact-section em{font-family:Georgia,'Playfair Display',serif;font-weight:400;letter-spacing:-.075em}.hero-period{color:var(--orange)}.hero-bottom{align-items:end;position:relative;z-index:1}.hero-bottom p{font-size:17px;line-height:1.55;max-width:340px;margin:0}.round-arrow{width:65px;height:65px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:29px;transition:.2s}.round-arrow:hover{background:var(--ink);color:white}.hero-ornament{position:absolute;right:13%;top:27%;width:190px;height:190px;opacity:.17;transform:rotate(-27deg)}.hero-ornament span{position:absolute;inset:0;border:1px solid var(--orange);border-radius:50%}.hero-ornament span:nth-child(2){transform:scaleX(.35)}.hero-ornament span:nth-child(3){transform:scaleY(.35)}.work-section{padding:78px 0 120px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2{font-size:clamp(43px,5vw,72px);line-height:1.05;letter-spacing:-.06em;font-weight:600;margin:22px 0 0}.section-count{font-size:12px;color:var(--muted);padding-bottom:6px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:69px 25px}.project-image{height:370px;position:relative;overflow:hidden;background:#e5e0d6}.project-large .project-image{height:460px}.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover img{transform:scale(1.035)}.project-number{position:absolute;top:17px;left:18px;padding:10px 12px;background:rgba(247,245,240,.93);font-size:11px;font-weight:700;letter-spacing:.07em}.project-info{display:flex;align-items:center;justify-content:space-between;padding-top:18px}.project-info h3{font-size:23px;letter-spacing:-.03em;margin:0 0 7px}.project-info p{font-size:12px;color:var(--muted);margin:0}.project-symbol{font-size:22px}.demo-note{color:var(--muted);font-size:11px;margin:35px 0 0}.about-section{border-top:1px solid var(--line);padding:90px 0 125px;display:grid;grid-template-columns:1.2fr .8fr;gap:12%}.about-section h2{font-size:clamp(42px,5vw,71px);line-height:1.14;letter-spacing:-.065em;font-weight:600;margin:33px 0 0}.about-copy{padding-top:53px}.about-copy p{font-size:19px;line-height:1.6;letter-spacing:-.02em;max-width:450px}.service-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.service-tags span{padding:11px 15px;border:1px solid #c7c5bd;border-radius:35px;font-size:12px}.contact-section{background:#e9e4d9;padding:75px 6.5% 85px;margin:0 -6.1%}.contact-content{display:flex;justify-content:space-between;align-items:end}.contact-section h2{font-size:clamp(52px,7vw,103px);font-weight:600;letter-spacing:-.07em;line-height:1.1;margin:40px 0 20px}.contact-arrow{font-size:55px;width:98px;height:98px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;flex-shrink:0}.contact-arrow:hover{background:var(--ink)}.contact-notice{font-size:11px;color:#6c6c63;margin-top:36px}.footer{height:120px;display:flex;align-items:center;justify-content:space-between;gap:16px}.footer span:not(.brand-icon):not(.brand-light),.footer>a:last-child{font-size:12px;color:var(--muted)}@media(max-width:780px){.site-shell{padding:0 6%}.site-header{height:80px}.brand{font-size:20px}.site-header nav{gap:17px}.site-header nav a{font-size:12px}.site-header nav a:nth-child(2){display:none}.nav-contact{padding:10px 12px}.hero{min-height:560px;padding-top:30px}.hero h1{font-size:clamp(65px,13vw,100px);margin:105px 0 65px}.hero-side{font-size:10px}.hero-bottom p{font-size:15px;max-width:270px}.hero-ornament{right:8%;top:31%;width:120px;height:120px}.work-section{padding:65px 0}.section-heading{gap:20px}.section-count{max-width:100px;text-align:right;line-height:1.7}.projects{gap:40px 18px}.project-image,.project-large .project-image{height:320px}.about-section{grid-template-columns:1fr;gap:15px;padding:70px 0}.about-copy{padding-top:0}.contact-section{margin:0 -6.8%;padding:65px 7%}.contact-arrow{width:72px;height:72px;font-size:42px}}@media(max-width:550px){.site-header nav>a:first-child{display:none}.hero{min-height:510px}.hero h1{font-size:clamp(55px,12.9vw,75px);margin:108px 0 65px}.hero-bottom p{font-size:14px;max-width:225px}.round-arrow{width:55px;height:55px}.hero-ornament{display:none}.section-heading{align-items:start}.section-heading h2{font-size:43px}.projects{grid-template-columns:1fr;gap:36px}.project-image,.project-large .project-image{height:auto;aspect-ratio:1.23}.about-section h2{font-size:44px}.about-copy p{font-size:16px}.contact-section h2{font-size:48px}.contact-arrow{width:55px;height:55px;font-size:33px}.footer{height:auto;padding:35px 0;display:grid;grid-template-columns:1fr auto;row-gap:20px}.footer>span{grid-column:1/-1;grid-row:2}}