:root{--coal:#292c2e;--coal2:#222628;--green:#468a4f;--bright:#9bc87d;--cream:#f4f5f2;--line:#d8ddd8;--mute:#617068}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;color:var(--coal);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:-9999px;background:#fff;color:#000;padding:12px;z-index:99}.skip:focus{left:10px;top:10px}.header{height:82px;background:#fff;border-bottom:1px solid #e9ece9;position:sticky;top:0;z-index:20}.header-in{display:flex;align-items:center;justify-content:space-between;height:100%;gap:30px}.logo img{display:block;width:235px;height:auto;max-height:68px;object-fit:contain}.header nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:700}.header nav a:hover,.quiet:hover,.inline-link:hover{color:var(--green)}.nav-cta{border:1px solid var(--coal);padding:9px 17px}.menu{display:none}.hero{color:white;background:var(--coal2);overflow:hidden}.hero-in{min-height:650px;display:flex;flex-direction:column}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:30px;font:700 11px/1.4 Sora,sans-serif;letter-spacing:.14em;color:#a6b3a6}.hero-top{padding:24px 0;border-bottom:1px solid #525c54}.hero-bottom{padding:24px 0;border-top:1px solid #525c54}.hero-main{display:grid;grid-template-columns:1fr 250px;gap:6%;align-items:center;flex:1;padding:72px 0 82px}.micro,.label{font:700 12px/1.4 Sora,sans-serif;letter-spacing:.16em;color:var(--green)}.micro{color:var(--bright)}.micro i{display:inline-block;width:28px;height:2px;background:var(--bright);vertical-align:middle;margin-right:10px}.hero h1,h2,h3,p{margin-top:0}.hero h1,h2,h3{font-family:Sora,sans-serif;letter-spacing:-.05em}.hero h1{font-size:clamp(3.1rem,5.3vw,5.7rem);line-height:1.14;margin:28px 0 30px;font-weight:700}.hero h1 strong{font-weight:700;color:var(--bright)}.hero-main>div>p{font-size:20px;line-height:1.7;color:#d6ded5;max-width:650px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:30px;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--bright);color:#17231b;padding:18px 22px;min-height:60px;font:700 14px Sora,sans-serif;transition:background .2s,transform .2s}.btn:hover{background:#b0db94;transform:translateY(-2px)}.btn span,.quiet span,.inline-link span{font-size:19px}.quiet{color:white;font-weight:700;font-size:14px;display:inline-flex;gap:13px;align-items:center}.hero-side{align-self:stretch;border-left:1px solid #526057;padding:0 0 0 35px;display:flex;flex-direction:column;justify-content:space-between;color:#a7b9a8}.side-index{font:700 13px Sora,sans-serif;color:var(--bright)}.side-rule{height:4px;background:var(--bright);width:55px;margin-top:auto}.hero-side p{font:600 13px/2.35 Sora,sans-serif;letter-spacing:.05em;margin:24px 0 0}.section{padding:112px 0}.section-lead{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:60px}.section h2,.contact h2{font:700 clamp(2.3rem,3.6vw,4rem)/1.2 Sora,sans-serif;letter-spacing:-.055em;margin:0 0 24px}.section-lead p,.process-grid>div>p,.workshop-grid>div>p{font-size:18px;color:var(--mute);max-width:690px}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:100px 1fr 35px;gap:26px;padding:29px 12px 26px 0;border-bottom:1px solid var(--line);align-items:start}.number{font:700 13px Sora,sans-serif;color:var(--green);padding-top:7px}.service-list h3{font:600 clamp(1.35rem,2vw,1.75rem) Sora,sans-serif;letter-spacing:-.04em;margin:0 0 8px}.service-list p{color:var(--mute);margin:0}.symbol{font-size:24px;color:var(--green)}.statement{background:#e8eee8;padding:76px 0}.statement-in{display:grid;grid-template-columns:1fr 3fr;gap:30px}.statement p{font:600 clamp(1.8rem,3vw,3.2rem)/1.35 Sora,sans-serif;letter-spacing:-.045em;margin:0;max-width:850px}.statement em{font-style:normal;color:var(--green)}.process-grid,.workshop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.process-grid h2,.workshop-grid h2{margin:20px 0 25px}.inline-link{display:inline-flex;gap:27px;align-items:center;border-bottom:2px solid var(--green);font-weight:700;padding:10px 0;margin-top:20px}.process-steps{border-top:1px solid var(--line)}.process-steps article{display:grid;grid-template-columns:58px 1fr;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.process-steps article>span{font:700 13px Sora,sans-serif;color:var(--green);padding-top:5px}.process-steps h3{font:600 20px Sora,sans-serif;letter-spacing:-.04em;margin:0 0 8px}.process-steps p{color:var(--mute);margin:0;font-size:15px}.workshop{background:var(--cream)}.workshop-visual{aspect-ratio:1.15;background:#383d3e;color:white;padding:25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.workshop-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff10 1px,transparent 1px),linear-gradient(#ffffff10 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.visual-header,.visual-footer{position:relative;font:700 11px Sora,sans-serif;letter-spacing:.12em;color:#bed2b9}.visual-header{display:flex;justify-content:space-between}.visual-center{position:relative;display:flex;flex-direction:column;gap:6px;font:700 clamp(1.4rem,2.8vw,2.8rem)/1.15 Sora,sans-serif;letter-spacing:-.04em}.visual-center b{font-size:25px;color:var(--bright);margin-left:30%}.workshop-grid>div>p{font-size:17px}.contact{background:#2a2f2c;color:white;padding:100px 0}.contact-in{display:grid;grid-template-columns:1.3fr .8fr;gap:10%;align-items:center}.contact .label{color:var(--bright)}.contact h2{margin:20px 0}.contact p{color:#c3d0c1;font-size:17px;max-width:570px}.contact .btn{margin-top:18px}.contact-info{border-top:3px solid var(--bright);padding:32px 0;display:flex;flex-direction:column;gap:16px}.contact-info>span{font:700 12px Sora,sans-serif;letter-spacing:.14em;color:var(--bright);margin-bottom:10px}.contact-info a{font:600 clamp(16px,1.5vw,20px) Sora,sans-serif;overflow-wrap:anywhere}.contact-info a:hover{color:var(--bright)}.contact-info p{font-size:15px;margin:18px 0 0;border-top:1px solid #667168;padding-top:22px}footer{background:#fff;padding:25px 0}.footer-in{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;color:var(--mute)}.footer-in img{width:160px;height:auto}.footer-in a:hover{color:var(--green)}@media(max-width:900px){.hero-main{grid-template-columns:1fr}.hero-side{display:none}.section-lead{grid-template-columns:1fr;gap:24px}.process-grid,.workshop-grid{gap:50px}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header{height:68px}.logo img{width:190px;max-height:54px}.menu{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:10px}.menu span{width:23px;height:2px;background:var(--coal)}.header nav{display:none;position:absolute;top:68px;left:0;right:0;padding:12px 18px 24px;background:white;box-shadow:0 16px 22px #0002;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{padding:12px}.header nav .nav-cta{text-align:center;margin-top:8px}.hero-in{min-height:auto}.hero-top{font-size:9px}.hero-top span:last-child{display:none}.hero-main{padding:70px 0}.hero h1{font-size:clamp(2.7rem,10vw,4rem)}.hero-main>div>p{font-size:17px}.hero-bottom{font-size:9px;gap:9px;flex-wrap:wrap}.section{padding:75px 0}.section h2,.contact h2{font-size:2.3rem}.service-list article{grid-template-columns:35px 1fr 22px;gap:10px;padding:23px 0}.service-list p{font-size:15px}.statement{padding:64px 0}.statement-in,.process-grid,.workshop-grid,.contact-in{grid-template-columns:1fr;gap:35px}.statement p{font-size:1.8rem}.workshop-visual{aspect-ratio:1.2}.contact{padding:75px 0}.footer-in{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* TRACE brand direction: exact logo charcoal #2f3237 and green #44884c */
:root{--coal:#2f3237;--coal2:#25282d;--green:#44884c;--bright:#44884c;--cream:#f3f5f2;--line:#d3dad4;--mute:#59635c}
.header{height:88px;border-bottom:4px solid var(--green)}.header-in{position:relative}.logo img{width:270px;max-height:72px}.header nav{gap:29px;text-transform:uppercase;font:700 11px Sora,sans-serif;letter-spacing:.08em}.nav-cta{background:var(--green);color:white!important;border:0;padding:15px 21px;clip-path:polygon(0 0,100% 0,100% 75%,90% 100%,0 100%)}.nav-cta:hover{background:#326d3a}
.hero{background:var(--coal);position:relative;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;inset:0 0 0 60%;background:var(--green);clip-path:polygon(35% 0,100% 0,100% 100%,0 100%)}.hero-noise{position:absolute;inset:0;z-index:-1;opacity:.12;background:repeating-linear-gradient(90deg,transparent 0 79px,#fff 80px 81px),repeating-linear-gradient(0deg,transparent 0 79px,#fff 80px 81px);mask-image:linear-gradient(90deg,transparent 23%,black)}.hero-in{min-height:740px}.hero-top,.hero-bottom{color:#cad8c9;border-color:#869d86}.hero-top{padding:24px 0}.hero-main{grid-template-columns:minmax(0,1fr) 235px;gap:8%;padding:90px 0 100px}.hero h1{font-size:clamp(3.4rem,6.2vw,6.8rem);max-width:950px;line-height:1.12;letter-spacing:-.075em;text-transform:uppercase;font-weight:800}.hero h1 strong{display:inline;color:white;background:var(--green);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .12em 0 .08em;margin-left:-.08em}.hero-main>div>p{max-width:580px;font-size:19px;color:#e1e8e0}.micro{color:#b8d8bb}.micro i{background:#b8d8bb}.hero-side{border-left:2px solid #ffffff80;position:relative;color:white;padding-left:23px;min-height:275px}.side-index{color:white;background:#2f3237;padding:10px 13px;align-self:flex-start;border:1px solid #ffffff95}.side-line{width:112px;height:112px;border:2px solid #ffffff9e;transform:rotate(45deg);margin:auto;position:relative}.side-line:before,.side-line:after{content:"";position:absolute;background:#ffffff9e}.side-line:before{height:1px;width:155px;top:50%;left:-22px}.side-line:after{height:155px;width:1px;top:-22px;left:50%}.side-line span{display:block;border:2px solid white;border-radius:50%;width:55px;height:55px;position:absolute;top:26px;left:26px}.side-rule{display:none}.hero-side p{font-size:11px;letter-spacing:.09em;line-height:2.3}.btn{background:#fff;color:var(--coal);font-weight:800;min-height:64px;clip-path:polygon(0 0,100% 0,100% 75%,94% 100%,0 100%);padding-right:35px}.btn:hover{background:#e8f1e7}.quiet{color:white;border-bottom:1px solid #ffffff9c;padding-bottom:7px}.hero-bottom{font-size:11px;font-weight:800}.ticker{background:#e1e7df;border-bottom:1px solid #c7d1c7;overflow:hidden;white-space:nowrap}.ticker>div{width:max-content;padding:16px 0;animation:marquee 32s linear infinite;font:800 13px Sora,sans-serif;letter-spacing:.16em;color:var(--coal)}.ticker span{color:var(--green);font-size:21px;vertical-align:-2px;margin:0 26px}@keyframes marquee{to{transform:translateX(-50%)}}
.expertise{background:#fff}.section-lead{grid-template-columns:200px 1fr;gap:7%;align-items:start}.section h2{font-weight:800;text-transform:uppercase;line-height:1.16;letter-spacing:-.065em}.section-lead h2{max-width:1000px}.section-lead .label,.process .label,.workshop .label{display:flex;align-items:center;gap:15px}.section-lead .label:before,.process .label:before,.workshop .label:before{content:"";display:inline-block;width:29px;height:4px;background:var(--green)}.service-list{border-top:3px solid var(--coal)}.service-list article{grid-template-columns:75px 1fr 70px;gap:20px;transition:background .2s,padding .2s;border-bottom:1px solid #bfc8c0;padding:32px 18px 31px 0}.service-list article:hover{background:#eef4ee;padding-left:18px}.service-list article:hover .symbol{transform:translate(5px,-5px)}.service-list h3{text-transform:uppercase;font-weight:700;letter-spacing:-.045em}.service-list p{max-width:650px}.number{font-size:16px}.symbol{font-size:30px;transition:transform .2s;text-align:right}
.statement{background:var(--green);color:white;position:relative;overflow:hidden;padding:105px 0}.statement:after{content:"T";position:absolute;right:-3%;bottom:-48%;font:800 500px Sora,sans-serif;color:#ffffff13;line-height:1;pointer-events:none}.statement-in{position:relative;z-index:1;grid-template-columns:200px 1fr;gap:7%}.statement .label{color:#e9f4e9}.statement p{font-weight:800;text-transform:uppercase;font-size:clamp(2rem,3.8vw,4.4rem);line-height:1.22;max-width:970px}.statement em{color:#26372a;background:white;padding:0 .09em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.process{background:#f1f3ef}.process-grid{gap:10%}.process-grid h2{max-width:600px}.process-steps{border-top:3px solid var(--green)}.process-steps article{grid-template-columns:64px 1fr;padding:31px 0}.process-steps article>span{font-size:18px}.process-steps h3{text-transform:uppercase;font-weight:700}.inline-link{border-color:var(--green);color:var(--green)}
.workshop{background:var(--coal);color:white}.workshop .label{color:#94c499}.workshop .visual-header,.workshop .visual-footer{color:#d4e5d2}.workshop-visual{background:#f5f6f2;color:var(--coal);border:11px solid var(--green);box-shadow:20px 20px 0 #1d2024;aspect-ratio:1.1;padding:28px}.workshop-visual:before{background:linear-gradient(90deg,#44884c17 1px,transparent 1px),linear-gradient(#44884c17 1px,transparent 1px);background-size:26px 26px}.workshop .visual-header,.workshop .visual-footer{color:var(--green)}.visual-center{font-size:clamp(1.45rem,3vw,3rem);font-weight:800;letter-spacing:-.07em}.visual-center b{color:var(--green)}.workshop-grid>div>p{color:#dae2d8}
.contact{background:#e9eee8;color:var(--coal);border-top:12px solid var(--green)}.contact .label{color:var(--green)}.contact h2{font-size:clamp(2.6rem,4.5vw,5rem);text-transform:uppercase;font-weight:800}.contact p{color:var(--mute)}.contact .btn{background:var(--green);color:white}.contact .btn:hover{background:#326d3a}.contact-info{border-top:4px solid var(--green)}.contact-info>span{color:var(--green)}.contact-info p{border-top-color:#bfc8bf}footer{border-top:1px solid #d2d9d2}
@media(max-width:900px){.hero:before{inset:0 0 0 55%;opacity:.6}.hero-main{grid-template-columns:1fr}.hero-side{display:none}.section-lead{grid-template-columns:1fr}.statement-in{grid-template-columns:1fr;gap:24px}}
@media(max-width:680px){.header{height:70px}.logo img{width:205px;max-height:56px}.header nav{top:70px}.header nav .nav-cta{clip-path:none}.hero:before{inset:0;background:linear-gradient(130deg,transparent 55%,#44884c70 55%)}.hero-noise{opacity:.07}.hero-in{min-height:auto}.hero-main{padding:84px 0 90px}.hero h1{font-size:clamp(2.5rem,10vw,4.2rem);line-height:1.18}.hero-main>div>p{font-size:17px}.hero-bottom{font-size:9px}.ticker>div{font-size:11px}.section{padding:80px 0}.section h2{font-size:clamp(2rem,8.5vw,3rem)}.service-list article{grid-template-columns:34px 1fr 20px;padding:24px 0}.service-list article:hover{padding-left:0}.service-list h3{font-size:1.2rem}.statement{padding:75px 0}.statement p{font-size:clamp(1.8rem,7vw,2.8rem)}.statement:after{font-size:300px;bottom:-25%}.workshop-visual{box-shadow:10px 10px 0 #1d2024}.contact h2{font-size:clamp(2.2rem,9vw,3.5rem)}}
@media(prefers-reduced-motion:reduce){.ticker>div{animation:none}}
.contact-info .phone-label{font:600 13px Sora,sans-serif;letter-spacing:.02em;color:var(--mute);margin:8px 0 -12px}
.designs{background:#fff}.designs-head{display:grid;grid-template-columns:200px 1fr;gap:7%;margin-bottom:52px}.designs-head h2{margin-bottom:18px}.designs-head p{max-width:720px;font-size:18px;color:var(--mute)}.design-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.design-card{position:relative;margin:0;min-height:290px;overflow:hidden;background:#dce0dd}.design-card-large{grid-row:span 2;min-height:600px}.design-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.design-card:hover img{transform:scale(1.04)}.design-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#202426dc)}.design-card figcaption{position:absolute;z-index:1;bottom:28px;left:29px;right:25px;color:#fff;display:flex;flex-direction:column;gap:5px}.design-card figcaption span{font:700 11px Sora,sans-serif;letter-spacing:.12em;color:#c9e3c9}.design-card figcaption strong{font:700 clamp(1.35rem,2vw,2rem) Sora,sans-serif;letter-spacing:-.04em;text-transform:uppercase}.design-detail{margin-top:18px;display:grid;grid-template-columns:.85fr 1.15fr;background:#e9eee8;align-items:center}.design-detail img{display:block;width:100%;height:390px;object-fit:cover;object-position:center}.design-detail>div{padding:55px 8%}.design-detail h3{font:800 clamp(1.7rem,2.6vw,2.8rem)/1.2 Sora,sans-serif;letter-spacing:-.06em;text-transform:uppercase;margin:18px 0}.design-detail p{font-size:17px;max-width:550px;color:var(--mute)}@media(max-width:900px){.designs-head{grid-template-columns:1fr;gap:20px}.design-grid{grid-template-columns:1fr 1fr}.design-card-large{grid-column:span 2;grid-row:auto;min-height:410px}.design-card{min-height:270px}}@media(max-width:680px){.designs-head p{font-size:16px}.design-grid{grid-template-columns:1fr}.design-card-large{grid-column:auto;min-height:330px}.design-card{min-height:250px}.design-detail{grid-template-columns:1fr}.design-detail img{height:300px}.design-detail>div{padding:35px 25px}.design-card figcaption{left:20px;bottom:20px}}
/* The gear uses the supplied TRACE mark; its center stays still while the teeth turn. */
.hero-side{border-left:0;align-items:center;text-align:center;gap:25px;min-height:350px;padding:10px 0}.side-index{background:none;border:0;padding:0;align-self:center;font:800 12px Sora,sans-serif;letter-spacing:.15em}


.logo-reveal{width:240px;height:106px;background:#fff;box-shadow:12px 12px 0 #2f323799;padding:17px 11px;display:flex;flex-direction:column;justify-content:center;gap:16px;overflow:hidden;flex:none}.logo-reveal-trace,.logo-reveal-engineering{display:block;width:218px;background-image:url('trace-logo.png');background-repeat:no-repeat;background-size:369px 125px;clip-path:inset(0 100% 0 0);animation:logo-write 1.1s steps(5,end) .2s forwards}.logo-reveal-trace{height:34px;background-position:-137px -30px}.logo-reveal-engineering{height:14px;background-position:-137px -72px;animation:logo-write .9s ease-out 1.35s forwards}@keyframes logo-write{to{clip-path:inset(0 0 0 0)}}.hero-side p{margin:0;font:700 12px/1.8 Sora,sans-serif;letter-spacing:.15em;color:#fff}
@media(max-width:900px){.hero-side{display:flex;min-height:0;width:240px;margin:55px auto 0;padding:0}}
@media(max-width:680px){.hero-side{margin-top:48px;gap:30px}.hero-side p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.logo-reveal-trace,.logo-reveal-engineering{animation:none;clip-path:none}}

.design-packaging{background:#f3f5f1}.design-packaging img{height:490px;object-fit:contain;background:#fff;padding:20px}@media(max-width:680px){.design-packaging img{height:420px;padding:15px}}