:root{--ink:#202022;--muted:#68686a;--paper:#fff;--line:#dededb;--accent:#bf191e;--gold:#ffbd00}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bd191e;outline-offset:4px}.wrap{width:min(1280px,90%);margin-inline:auto}.header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-.8px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500}.mark{font-size:32px;position:relative;color:var(--accent);padding:10px 5px}.mark span{color:var(--gold);font-size:45px;position:absolute;left:18px;top:0}.brand img{width:110px;height:94px;object-fit:contain}nav{display:flex;gap:36px;align-items:center;font-size:14px}.nav-contact{border-bottom:1px solid;padding:10px 0}.hero{display:grid;grid-template-columns:1.05fr 1fr;border-top:1px solid var(--line);padding-top:24px;gap:52px;padding-bottom:80px}.hero-copy{padding:52px 0 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--accent)}h1,h2,h3,h4,p{margin-top:0}h1{font-weight:500;font-size:clamp(42px,4.6vw,69px);line-height:1.05;letter-spacing:-3px;margin:28px 0}h2{font-size:clamp(32px,3.3vw,48px);line-height:1.1;letter-spacing:-1.8px;font-weight:500;margin-bottom:0}.lead{color:var(--muted);font-size:16px;max-width:450px;line-height:1.8}.button{background:var(--accent);color:white;display:inline-flex;gap:44px;align-items:center;padding:17px 23px;margin-top:15px;font-size:13px}.button:hover{background:#971319}.hero-note{margin-top:55px;display:flex;gap:35px;border-top:1px solid var(--line);padding-top:22px;align-items:start;font-size:10px;letter-spacing:1.5px}.hero-note>span{color:var(--muted)}.hero-note p{margin:0}.hero-visual{position:relative;min-height:555px;background:#282829;overflow:hidden;color:#fff}.hero-visual>img{position:absolute;width:100%;height:100%;object-fit:cover}.visual-label{position:absolute;left:32px;bottom:64px;font-size:38px;font-weight:500;line-height:1.05;letter-spacing:-1.8px;z-index:1}.caption{position:absolute;left:32px;bottom:26px;font-size:8px;letter-spacing:1.7px}.corner{position:absolute;right:0;bottom:0;padding:11px 23px;background:var(--gold);color:var(--ink);font-size:26px}.conduit{position:absolute;inset:-90px -65px 20px 90px;transform:rotate(30deg);display:flex;gap:21px}.conduit i{display:block;width:47px;height:100%;border:1px solid #999;border-radius:100px;background:linear-gradient(90deg,#343437,#979799 40%,#454548 70%,#242427);box-shadow:12px 0 22px #151517}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}.section-top>p{color:var(--muted);font-size:14px;margin-bottom:0}.expertise{padding-bottom:86px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.picture{height:285px;position:relative;overflow:hidden;background:#c3c3c0}.picture img{height:100%;width:100%;object-fit:cover;transition:transform .25s}.category a:hover img{transform:scale(1.025)}.picture-1{background:#bbc0c3}.picture-2{background:#d9cba9}.number{position:absolute;top:15px;left:17px;background:white;padding:3px 11px;font-size:11px}.photo-pending{position:absolute;bottom:10px;left:14px;color:#333;font-size:10px;background:#ffffffe8;padding:3px 8px}.drawing{position:absolute;inset:55px 32px 30px;border:1px solid #686868;background:repeating-linear-gradient(90deg,transparent 0 33px,#777 34px 35px),repeating-linear-gradient(0deg,transparent 0 47px,#777 48px 49px);transform:skewY(-8deg)}.drawing-1{inset:40px 48px -10px;transform:skewY(-12deg);border:7px solid #666f76;background:repeating-linear-gradient(90deg,transparent 0 43px,#666f76 44px 49px),repeating-linear-gradient(0deg,transparent 0 39px,#666f76 40px 46px)}.drawing-2{inset:46px 42px;transform:rotate(-12deg);background:repeating-linear-gradient(0deg,transparent 0 24px,#a8a18e 25px 26px),repeating-linear-gradient(90deg,transparent 0 24px,#a8a18e 25px 26px);border:10px solid #f3eee1;box-shadow:8px 10px 0 #b5ac98}.category-title{display:flex;justify-content:space-between;gap:18px;align-items:start;padding-top:20px}.category h3{font-size:20px;font-weight:500;letter-spacing:-.5px;line-height:1.2;margin-bottom:10px}.category p{color:var(--muted);font-size:13px;max-width:290px}.about{background:#f2f1ee;padding:65px 0}.about-inner{display:grid;grid-template-columns:.65fr 1.2fr 1fr;gap:45px;align-items:start}.about-inner>div p{font-size:15px;color:#616161}.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:8px;display:inline-block}.portfolio{padding-block:75px}.portfolio>h2{margin-bottom:35px}.project-group{border-top:1px solid var(--line);padding:26px 0}.project-group>h3{font-size:20px;font-weight:500}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.empty{color:var(--muted);font-size:14px;grid-column:1/-1}.project-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.project-grid h4{font-size:19px;margin:14px 0 6px}.project-grid p{font-size:14px;color:var(--muted)}.contact{background:var(--ink);color:white;padding:70px 0}.contact .eyebrow{color:var(--gold)}.contact-inner{display:flex;justify-content:space-between;gap:40px;align-items:center}.contact h2{font-size:clamp(42px,5vw,68px);margin:20px 0}.contact p{color:#ccc}.contact-details{max-width:50%;overflow-wrap:anywhere}.contact-details a{display:block;border-bottom:1px solid #656565;font-size:clamp(18px,2vw,26px);padding:14px 0}.contact-details p{margin:16px 0}address{font-size:14px;font-style:normal;color:#ccc;margin-top:22px}.footer{display:flex;justify-content:space-between;gap:20px;padding-block:25px;font-size:11px;color:var(--muted)}.skip{position:absolute;top:-80px;left:20px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}@media(max-width:900px){.hero{gap:28px}.hero-visual{min-height:500px}.hero-copy{padding-top:25px}.picture{height:220px}.about-inner{grid-template-columns:1fr 1fr}.about-inner>.eyebrow{grid-column:1/-1;margin-bottom:0}.category h3{font-size:18px}}@media(max-width:640px){.header{min-height:95px;flex-wrap:wrap;padding-block:16px;gap:16px}.brand{font-size:20px}nav{gap:22px;font-size:12px;width:100%;justify-content:space-between}.hero{grid-template-columns:1fr;padding-bottom:48px;gap:25px}.hero-copy{padding-top:20px}h1{font-size:48px;letter-spacing:-2px;max-width:430px}.hero-note{margin-top:28px}.hero-visual{min-height:350px}.section-top>p{display:none}.category-grid,.project-grid{grid-template-columns:1fr}.picture{height:300px}.category h3{font-size:23px}.category p{max-width:none}.expertise{padding-bottom:40px}.about-inner{grid-template-columns:1fr;gap:20px}.contact-inner{display:block}.contact-details{max-width:100%;margin-top:35px}.footer{flex-wrap:wrap}.about,.contact{padding-block:45px}.portfolio{padding-block:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Visual refinement: preserve the existing content and layout. */
:root{
 --ink:#292a2b;
 --muted:#70706d;
 --paper:#f8f7f4;
 --line:#dedbd5;
 --accent:#a92229;
 --gold:#d7ad56;
}
body{
 font-family:"Segoe UI",Arial,Helvetica,sans-serif;
 -webkit-font-smoothing:antialiased;
 background:linear-gradient(135deg,#fcfbf8 0%,#f5f3ee 70%,#faf9f6 100%);
}
.wrap{width:min(1280px,90%)}
.header{min-height:122px}
.brand img{width:102px;height:90px;mix-blend-mode:multiply}
nav{font-size:13px;letter-spacing:.3px;gap:38px}
nav>a{transition:color .2s}
nav>a:hover{color:var(--accent)}
.nav-contact{border:1px solid #c9c2b8;padding:11px 21px;border-radius:2px}
.hero{
 border:1px solid #343536;
 background:linear-gradient(115deg,#292b2d,#202224 64%,#303234);
 color:#f4f0e8;
 gap:0;
 padding:0;
 margin-bottom:94px;
 box-shadow:0 24px 50px -35px #28251f80;
 position:relative;
}
.hero-copy{padding:55px 40px 30px 48px}
.hero .eyebrow{color:#dcbd83;font-size:10px;letter-spacing:2.8px}
h1{
 font-weight:400;
 font-size:clamp(42px,4.45vw,66px);
 line-height:1.1;
 letter-spacing:-2.3px;
 margin:27px 0;
 color:#f5f2eb;
}
.hero .lead{color:#c1c0bb;font-size:15px;line-height:1.9;max-width:420px}
.button{
 background:linear-gradient(120deg,#b52a31,#942128);
 border:1px solid #c44549;
 box-shadow:0 6px 15px #0002;
 padding:15px 21px;
 font-size:12px;
 letter-spacing:.4px;
 border-radius:2px;
}
.button:hover{background:#ba3037}
.button span{color:#f3d6b7;font-size:20px}
.hero-note{border-color:#ffffff20;color:#c5c2ba;margin-top:42px;font-size:9px;letter-spacing:1.8px;padding-top:23px}
.hero-note>span{color:#c2a66f}
.hero-visual{
 min-height:600px;
 background:radial-gradient(ellipse at 75% 12%,#72747555,transparent 65%),linear-gradient(145deg,#3e4244,#191d20);
 border-left:1px solid #ffffff15;
}
.hero-visual:after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(0deg,#141719e6,transparent 52%),linear-gradient(90deg,#20222455,transparent 30%);
}
.hero-visual>img{filter:saturate(.85);object-position:center}
.conduit{inset:-90px -65px -15px 72px;gap:24px;transform:rotate(27deg)}
.conduit i{
 width:51px;border-color:#90928e80;
 background:linear-gradient(90deg,#272b2e 0%,#4d5256 17%,#999c99 35%,#c4c4bc 40%,#747975 49%,#343c3f 75%,#1d2427 100%);
 box-shadow:13px 8px 20px #0007,inset 1px 0 2px #ffffff80;
}
.visual-label{z-index:2;font-size:35px;line-height:1.12;letter-spacing:.2px;font-weight:300;bottom:68px;left:35px}
.caption{z-index:2;color:#c4bcae;font-size:8px;letter-spacing:1.7px;left:35px}
.corner{z-index:2;background:#d6b16b;font-size:23px;padding:14px 25px}
.eyebrow{font-size:10px;letter-spacing:2.8px;color:#963038;margin-bottom:18px}
h2{font-weight:400;letter-spacing:-1.4px;line-height:1.16;color:#303234}
.section-top{margin-bottom:37px}
.section-top>p{font-size:13px;color:#7c7a74;line-height:1.8}
.category-grid{gap:28px}
.picture{
 height:290px;
 border:1px solid #33333313;
 box-shadow:0 14px 24px -23px #24232190;
 background:linear-gradient(140deg,#d1d0c9,#a6aaa8);
}
.picture:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,#fff2,transparent 40%,#282d3025)}
.picture-1{background:linear-gradient(145deg,#c0cacf,#8c9aa2)}
.picture-2{background:linear-gradient(145deg,#dfd7c7,#b9ae98)}
.drawing{border-color:#67716e;background-color:#bbc0ba45;box-shadow:14px 18px 18px #26342d22}
.drawing-1{border-color:#5e6d77;box-shadow:16px 18px 20px #33434b30}
.drawing-2{border-color:#f0eadb;box-shadow:9px 12px 0 #a79d8770,19px 25px 22px #5b51302b}
.number{background:#f8f5eced;color:#655842;font-size:10px;letter-spacing:1px;padding:4px 10px;z-index:1;border:1px solid #ffffff60}
.photo-pending{background:#f9f7f0e6;color:#5c5b55;font-size:9px;letter-spacing:.25px;padding:4px 8px;z-index:1}
.category-title{padding-top:23px;gap:15px}
.category-title>span{color:#94733f;font-size:20px}
.category h3{font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.6px;color:#353637}
.category p{font-size:13px;line-height:1.8;color:#74746e}
.expertise{padding-bottom:77px}
.about{
 background:linear-gradient(100deg,#eeebe4,#f2efe9);
 border-block:1px solid #dfd9cf;
 padding:62px 0;
}
.about-inner{gap:40px}
.about-inner>div p{color:#706e68;font-size:14px;line-height:1.9}
.text-link{border-color:#b7a17b;font-size:12px;letter-spacing:.2px;color:#624e30}
.portfolio{padding-block:72px}
.project-group{border-color:#ddd8ce}
.project-group>h3{font-weight:500;font-size:18px;color:#52534f}
.empty{color:#7b7a74;font-size:13px}
.project-grid img{border:1px solid #dedad1;box-shadow:0 14px 24px -22px #3335}
.contact{background:radial-gradient(ellipse at 100% 100%,#4d3d3038,transparent 60%),linear-gradient(110deg,#292c2e,#202224);border-top:3px solid #a72a31;padding:70px 0}
.contact h2{color:#f2efe7;font-weight:350;letter-spacing:-2px}
.contact .eyebrow{color:#d6b87f}
.contact p,.contact address{color:#bdbbb5}
.contact-details a{border-color:#8c837345;font-size:clamp(18px,1.8vw,24px);font-weight:400;color:#e9e5dc}
.contact-details a:hover{color:#e0bd7d}
.footer{font-size:11px;color:#838079;padding-block:28px}
@media(max-width:900px){
 .hero-copy{padding:40px 28px 25px}
 .hero-visual{min-height:575px}
 h1{font-size:48px;letter-spacing:-1.9px}
 .picture{height:240px}
 .category h3{font-size:19px}
}
@media(max-width:640px){
 .header{padding-block:10px 20px;gap:7px}
 .brand img{width:90px;height:82px}
 nav{font-size:12px;gap:18px}
 .nav-contact{padding:8px 14px}
 .hero{margin-bottom:54px}
 .hero-copy{padding:32px 25px 25px}
 h1{font-size:43px;letter-spacing:-1.7px}
 .hero .lead{font-size:14px}
 .hero-note{margin-top:28px}
 .hero-visual{min-height:340px;border-left:0;border-top:1px solid #ffffff15}
 .visual-label{font-size:28px;left:25px}
 .caption{left:25px;font-size:7px}
 .picture{height:285px}
 .category h3{font-size:23px}
 .category-grid{gap:30px}
 .about{padding:44px 0}
 .contact{padding:48px 0}
 .contact h2{font-size:49px}
}


/* Clear company identity in the first viewport. */
.brand{gap:17px;min-width:0}
.brand img{width:88px;height:88px;flex-shrink:0}
.brand-name{font-size:27px;font-weight:650;letter-spacing:-.75px;line-height:1.2;color:#292a2b}
.brand-name small{font-size:9px;letter-spacing:2.1px;font-weight:500;color:#8c5555;margin-top:8px}
.hero-company{display:flex;align-items:center;gap:13px;font-size:21px;line-height:1.35;font-weight:550;letter-spacing:.2px;color:#e5c98f;margin:0 0 25px}
.hero-company:before{content:"";width:27px;height:2px;background:#d6b16b;flex-shrink:0}
@media(max-width:900px){.brand-name{font-size:22px}.brand{gap:11px}.brand img{width:75px;height:75px}nav{gap:22px}.hero-company{font-size:19px}}
@media(max-width:640px){.brand-name{font-size:22px}.brand-name small{font-size:8px;letter-spacing:1.7px}.brand img{width:68px;height:72px}.header{gap:13px;padding-top:14px}.hero-company{font-size:19px}}
@media(max-width:360px){.brand-name{font-size:19px}.brand{gap:8px}.brand img{width:58px}}