@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--cream:#f3f1e9;--ink:#242b29;--muted:#6a706a;--line:#d6d8cf;--accent:#9a563e;--orange:#ff7042}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:52px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:var(--cream);color:var(--ink);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}button{color:inherit}p{margin:0 0 24px}h1,h2,h3{margin:0;font-weight:500;line-height:1.05}em{font-weight:400}h2{font-size:clamp(38px,4.1vw,68px);letter-spacing:-2.8px}h3{font-size:23px;letter-spacing:-.5px}small{font-size:12px}.concept{min-height:42px;background:#232b29;color:#f3f1e9;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:18px;font-size:11px;letter-spacing:.4px}.concept>span{opacity:.5;font-size:9px;letter-spacing:2px}.concept nav{display:flex;height:42px;gap:3px}.concept nav a{padding:12px 15px;opacity:.6}.concept nav a[aria-current]{background:var(--cream);color:var(--ink);opacity:1}.concept a:hover{opacity:1;text-decoration:underline}.skip{position:fixed;left:15px;top:-80px;z-index:50;padding:12px;background:white;color:black}.skip:focus{top:15px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:35px;font-weight:700;letter-spacing:-2px;line-height:1}.logo span{font-size:12px;vertical-align:top;margin-left:5px;letter-spacing:0}.mainnav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:500}.mainnav>a:hover{color:var(--accent)}.navcta{border:1px solid var(--line);padding:13px 18px}.navcta span{margin-left:25px}.menutoggle{display:none}.hero{position:relative}.hero-a{display:grid;grid-template-columns:46% 54%;padding:48px 5% 56px;min-height:625px}.herotext{position:relative;z-index:1}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:1.8px;margin:0 0 30px;display:flex;align-items:center;gap:9px}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%}h1{font-size:clamp(55px,5.8vw,98px);letter-spacing:-4px;line-height:1.03}.hero-a h1{margin-top:63px;position:relative;z-index:2;white-space:nowrap}.a h1 em,.a h2 em{font-family:Georgia,'Times New Roman',serif;color:var(--accent)}.intro{margin:28px 0 30px;max-width:380px;font-size:14px;color:var(--muted);line-height:1.8}.heroactions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.btn{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--accent);color:#fff;padding:17px 24px;font-size:12px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.btn:hover{background:#7b402d;transform:translateY(-2px)}.textlink{font-size:11px;border-bottom:1px solid var(--ink);padding:6px 0}.herobottom{display:flex;gap:42px;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-top:48px;color:var(--muted)}.heroimage{margin:0 0 0 16px;position:relative;min-height:510px}.heroimage img{position:absolute;inset:0;object-position:58% center}.heroimage figcaption{position:absolute;left:22px;right:22px;bottom:22px;display:flex;justify-content:space-between;gap:20px;color:white;font-size:11px;line-height:1.5;z-index:1}.heroimage:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0009)}.verticalnote{position:absolute;right:1.4%;top:35%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:var(--muted)}.materialstrip{padding:23px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px}.materialstrip b{color:var(--accent)}.section{padding:100px 7%}.sectionheading{position:relative;margin-bottom:48px}.sectionheading>.eyebrow{margin-bottom:26px}.sectionheading>p:last-child:not(.eyebrow){color:var(--muted);font-size:13px;max-width:280px;position:absolute;right:0;bottom:0;margin:0}.serviceintro{display:grid;grid-template-columns:30% 62%;gap:8%}.serviceintro>p{font-size:14px;color:var(--muted);max-width:260px;padding-top:24px}.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service summary{display:flex;gap:24px;align-items:center;padding:25px 0}.service summary>span{font-size:10px;color:var(--muted)}.service summary h3{font-size:23px;flex:1}.service summary b{font-size:24px;font-weight:400}.service[open] summary b{transform:rotate(45deg)}.service>div{padding:0 30px 25px 38px;max-width:580px}.service>div>p{font-size:13px;color:var(--muted);margin-bottom:16px}.service small{display:block;text-transform:uppercase;font-size:9px;letter-spacing:1px;color:var(--muted)}.service>div>a{display:inline-block;margin-top:15px;font-size:12px;border-bottom:1px solid}.works{background:#e9e9e0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filters button{background:transparent;border:1px solid #c5c9be;border-radius:25px;padding:8px 18px;font-size:11px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:40px 30px}.project{border:0;background:transparent;padding:0;text-align:left;min-width:0}.project[hidden]{display:none}.projectimage{display:block;position:relative;height:360px;overflow:hidden}.project:nth-child(2n) .projectimage{height:440px}.project:nth-child(2n){padding-top:50px}.project img{transition:transform .6s}.project:hover img{transform:scale(1.035)}.projectplus{position:absolute;right:15px;bottom:15px;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:var(--cream);color:var(--ink);font-size:20px}.projectmeta{display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:1px;color:var(--muted);padding:18px 0 9px}.project strong{font-weight:500;font-size:22px;letter-spacing:-.6px}.process{border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps article>span{display:block;font-size:12px;color:var(--accent);margin-bottom:30px}.steps h3{margin-bottom:16px;font-size:23px}.steps p{font-size:13px;color:var(--muted);max-width:290px}.questions{display:grid;grid-template-columns:40% 60%;gap:0}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:25px;font-size:14px}.faq summary span{font-size:20px;line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq p{font-size:13px;color:var(--muted);margin:18px 30px 0 0}.contact{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{font-size:clamp(38px,4vw,66px);margin-bottom:25px}.contact>div>p:not(.eyebrow){font-size:13px;color:#b0b8b2;max-width:340px}.contact .phone{display:block;font-size:28px;letter-spacing:-1px;margin-top:45px}.contact .email{display:block;font-size:17px;margin-top:4px;border-bottom:1px solid #9baca0;width:fit-content}.contact .contactlocation{margin-top:30px;font-size:11px!important}.contact form h3{margin-bottom:32px;font-size:24px}.contact label{display:block;font-size:10px;letter-spacing:.2px;margin-bottom:20px;color:#c9d1cb}.contact input,.contact textarea,.contact select{display:block;width:100%;border:0;border-bottom:1px solid #66746c;background:transparent;color:white;border-radius:0;padding:9px 0;font-size:12px;outline-offset:5px}.contact option{background:#242b29;color:white}.contact input::placeholder,.contact textarea::placeholder{color:#949e96}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact .btn{width:100%}.contact form>small{font-size:10px;color:#aeb7b0;display:block;margin-top:14px;line-height:1.7}.formstatus{font-size:12px;margin-top:15px}footer{padding:45px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px}footer p{margin:0;font-size:12px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}.designnote{padding:15px 5%;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.designnote a{text-decoration:underline}dialog{border:0;padding:0;max-width:900px;width:90vw;max-height:90vh;background:var(--cream);color:var(--ink);overflow:auto}dialog::backdrop{background:#101814cd;backdrop-filter:blur(6px)}dialog>img{height:min(55vh,500px);object-fit:contain;background:#202522}dialog>div{padding:28px 35px}dialog h2{font-size:32px;letter-spacing:-1px}dialog .eyebrow{margin-bottom:14px}dialog .dialogdescription{margin:15px 0 25px;font-size:14px}dialog .close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:var(--cream);color:var(--ink);font-size:27px;z-index:1}
/* 02 / Teras */
.b{--cream:#171a1a;--ink:#f0f0e8;--muted:#9a9f9a;--line:#3a3e3b;--accent:#ff7042;background:#171a1a;color:#f0f0e8}.b .concept{background:#0c0f0e}.b header{height:90px}.b .logo{font-weight:700;letter-spacing:-2px}.b .navcta{background:var(--orange);color:#131a16;border:0}.b .concept nav a[aria-current]{color:#fb8056;background:#242a26}.b .eyebrow{font-size:10px;letter-spacing:2px}.b h1,.b h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;letter-spacing:-1px;text-transform:uppercase}.b h2{font-size:clamp(55px,6.7vw,105px);line-height:.94}.b h2 span{color:#8b938b}.hero-b{min-height:680px;overflow:hidden;padding:60px 5% 90px;display:flex;align-items:center}.bheroimg{position:absolute;inset:0;object-position:center 55%;filter:grayscale(1);width:100%;height:100%}.hero-b:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111a18ed 0%,#111a18a8 45%,#111a1820 90%),linear-gradient(0deg,#121a18c9,transparent 60%)}.herogrid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#ffffff15 25%);z-index:1}.b h1{font-size:clamp(80px,9.1vw,150px);line-height:.86;letter-spacing:-1px;margin-bottom:25px}.b h1 span{color:var(--orange)}.b .hero-b .eyebrow{margin-bottom:35px}.b .hero-b p:not(.eyebrow){font-size:13px;color:#d6dbd5;line-height:1.8;margin-bottom:28px}.b .btn{background:var(--orange);color:#131a16;font-weight:700;font-size:11px;letter-spacing:.7px;padding:18px 23px}.b .btn:hover{background:#ff946f}.herostamp{position:absolute;right:7%;top:45%;border:1px solid #eef4e6a1;border-radius:50%;width:130px;height:130px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:23px;background:#1b24244d}.herostamp span{font-size:10px;line-height:1.5;text-align:center;letter-spacing:2px}.bherofoot{position:absolute;bottom:28px;left:5%;right:5%;z-index:2;display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:1.8px}.bsolutions{display:grid;grid-template-columns:45% 55%;gap:0}.bsolutions .sectionheading>p:last-child{position:static;margin-top:30px;max-width:320px}.bsolutions .service summary h3{font-size:20px}.bsolutions .service>div{padding-left:38px}.b .works{background:#e8ebe2;color:#1c231e;--muted:#666f65;--line:#cbd1c6;--cream:#e8ebe2;--ink:#1c231e}.b .works .sectionheading h2 span{color:#7d897c}.b .filters button{border-radius:0;font-size:10px;text-transform:uppercase}.b .filters button[aria-pressed=true]{background:#202b24;color:#e8ebe2}.b .projects{grid-template-columns:repeat(4,1fr);gap:20px}.b .project:nth-child(n){padding:0}.b .project:nth-child(n) .projectimage{height:340px}.b .project:nth-child(2n){padding-top:70px}.b .project strong{font-size:17px;line-height:1.3;display:block}.b .projectplus{border-radius:0;background:var(--orange);color:#151c17}.b .projectmeta{font-size:8px;letter-spacing:.5px}.bmaterial{border-bottom:1px solid var(--line)}.bmaterial>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.bmaterial article{border-top:1px solid var(--line);padding-top:20px}.bmaterial article>span{display:block;font-size:12px;color:var(--orange);letter-spacing:2px;margin-bottom:25px}.bmaterial h3{font-size:23px;margin-bottom:15px}.bmaterial p{font-size:12px;color:var(--muted);max-width:280px}.b .process{background:#202622}.b .steps article>span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:52px;line-height:1;margin-bottom:25px}.b .contact{background:var(--orange);color:#1a251f;--accent:#1a251f}.b .contact h2{font-size:clamp(52px,5.8vw,90px)}.b .contact>div>p:not(.eyebrow){color:#463c30}.b .contact label{color:#332f24}.b .contact input,.b .contact textarea,.b .contact select{color:#1a251f;border-color:#754b36}.b .contact input::placeholder,.b .contact textarea::placeholder{color:#76523f}.b .contact .btn{background:#1b271f;color:#fff}.b .contact .btn:hover{background:#314839}.b .contact form>small{color:#4e3b2e}.b .contact .email{border-color:#604a36}.b .contact option{background:#ffb18f;color:#151c17}.b .contact form h3{font-size:22px}.b dialog{background:#202622;color:#f0f0e8}.b dialog h2{font-size:40px}.b dialog .btn{color:#1a251f}
@media(min-width:1550px){header,.section,.hero-a,.hero-b,footer{padding-left:max(5%,calc((100vw - 1400px)/2));padding-right:max(5%,calc((100vw - 1400px)/2))}.hero-a{grid-template-columns:46% 54%}.heroimage{min-height:650px}.hero-b{min-height:800px}}
@media(max-width:1050px){.concept>span{display:none}.mainnav{gap:22px}.hero-a{padding-top:34px;min-height:590px}.hero-a h1{font-size:65px;letter-spacing:-3px}.hero-a .eyebrow{font-size:8px;letter-spacing:1px}.heroimage{min-height:500px}.heroactions{gap:18px}.heroactions .btn{font-size:11px;padding:15px}.heroactions .textlink{font-size:10px}.section{padding:75px 5%}.sectionheading>p:last-child:not(.eyebrow){max-width:220px}.serviceintro{grid-template-columns:27% 67%;gap:6%}.service summary h3{font-size:20px}.projectimage{height:300px}.project:nth-child(2n) .projectimage{height:350px}.b .projects{grid-template-columns:1fr 1fr;gap:30px}.b .project:nth-child(n) .projectimage{height:400px}.b .project:nth-child(2n){padding-top:0}.bsolutions{grid-template-columns:40% 60%}.bsolutions .service summary{gap:14px}.bsolutions .service summary h3{font-size:18px}.contact{gap:8%}.steps{gap:25px}.steps h3{font-size:20px}.contact .phone{font-size:23px}.b h1{font-size:110px}.b h2{font-size:70px}}
@media(max-width:700px){.concept{padding:0 4%;gap:8px;font-size:9px}.concept nav a{padding:13px 10px}.concept nav{gap:0}header,.b header{height:78px;padding:0 5%}.logo{font-size:31px}.menutoggle{display:block;border:0;background:transparent;color:inherit;font-size:24px;padding:6px}.mainnav{display:none;position:absolute;top:120px;left:0;right:0;background:var(--cream);padding:25px 5%;z-index:20;border-bottom:1px solid var(--line)}.mainnav.open{display:flex;flex-direction:column;align-items:stretch;gap:18px}.b .mainnav{background:#202622}.navcta{display:flex;justify-content:space-between}.hero-a{display:block;padding:30px 5% 32px;min-height:0}.hero-a h1{margin-top:28px;font-size:clamp(55px,12vw,80px);letter-spacing:-3px}.hero-a .eyebrow{font-size:9px}.intro{margin:22px 0;font-size:13px}.heroactions{gap:20px}.heroactions .btn{font-size:11px;padding:15px 18px}.herobottom{margin:28px 0 25px;font-size:8px;gap:35px}.heroimage{margin:0;height:350px;min-height:0}.heroimage img{object-position:60% center}.heroimage figcaption{font-size:10px;left:17px;right:17px;bottom:17px}.verticalnote{display:none}.materialstrip{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:10px;padding:22px 5%}.materialstrip b{display:none}.section{padding:60px 5%}.sectionheading{margin-bottom:30px}.sectionheading .eyebrow{margin-bottom:20px}.sectionheading h2,h2{font-size:41px;letter-spacing:-1.6px}.sectionheading>p:last-child:not(.eyebrow){position:static;margin-top:22px;font-size:12px;max-width:320px}.serviceintro{display:block}.serviceintro>p{max-width:100%;padding-top:0;font-size:13px;margin-bottom:30px}.service summary{gap:18px;padding:22px 0}.service summary h3{font-size:19px;letter-spacing:-.6px}.service>div{padding-left:31px}.service>div>p{font-size:12px}.projects{gap:30px 16px}.project:nth-child(n){padding:0}.project:nth-child(n) .projectimage{height:220px}.project strong{font-size:16px;line-height:1.3;display:block}.projectmeta{font-size:7px;letter-spacing:.2px;padding-top:13px;gap:10px}.projectplus{width:28px;height:28px;right:9px;bottom:9px;font-size:17px}.filters button{font-size:10px;padding:7px 14px}.steps{grid-template-columns:1fr;gap:18px;margin-top:30px}.steps article{padding-top:18px;display:grid;grid-template-columns:35px 1fr;column-gap:14px}.steps article>span{grid-row:span 2;margin:0}.steps h3{font-size:21px}.steps p{max-width:100%;font-size:12px;margin-bottom:15px}.questions{display:block}.questions>div:first-child{margin-bottom:32px}.faq summary{font-size:13px}.faq p{font-size:12px}.contact{display:block}.contact h2{font-size:44px;letter-spacing:-1.8px}.contact .phone{margin-top:25px;font-size:25px}.contact form{margin-top:45px}.contact .contactlocation{margin-bottom:0}.contact form h3{margin-bottom:25px}.formgrid{gap:18px}.contact label{margin-bottom:20px}.contact input,.contact textarea,.contact select{font-size:16px}.contact form>small{font-size:10px}footer{padding:35px 5%;display:grid;grid-template-columns:1fr 1fr;gap:23px}footer>p{font-size:10px;justify-self:end}footer>a:last-child{justify-self:end}.designnote{font-size:9px;padding:16px 5%}.hero-b{min-height:650px;padding:45px 5% 80px}.b h1{font-size:clamp(76px,17vw,115px)}.b .hero-b .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:30px}.bheroimg{object-position:58% 50%}.hero-b:after{background:linear-gradient(90deg,#111a18e8,#111a1882 70%,#111a1845)}.herostamp{width:80px;height:80px;right:6%;top:70%;font-size:18px}.herostamp span{font-size:7px;letter-spacing:1px}.bherofoot{font-size:7px;letter-spacing:.7px;bottom:20px;flex-direction:column;gap:6px}.b h2{font-size:59px;letter-spacing:-.5px}.bsolutions{display:block}.bsolutions .sectionheading>p:last-child{margin-top:22px;max-width:100%;font-size:13px}.bsolutions .bservices{margin-top:35px}.bsolutions .service summary h3{font-size:20px}.b .projects{gap:30px 16px}.b .project:nth-child(n) .projectimage{height:230px}.b .project strong{font-size:15px}.b .projectmeta{font-size:7px}.bmaterial>div{grid-template-columns:1fr;gap:18px;margin-top:32px}.bmaterial article{display:grid;grid-template-columns:60px 1fr;column-gap:18px}.bmaterial article>span{grid-row:span 2;margin:0;font-size:11px}.bmaterial h3{font-size:22px}.bmaterial p{max-width:100%;font-size:12px}.b .steps article>span{font-size:37px}.b .contact h2{font-size:61px}.b .contact form h3{font-size:23px}.b .contact .phone{font-size:27px}dialog{width:94vw;max-height:93vh}dialog>div{padding:23px}dialog h2{font-size:26px}dialog>img{height:48vh}.b dialog h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}