*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#082c23;color:#eff8e9;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #ffca6c;outline-offset:7px}header,footer{display:flex;justify-content:space-between;gap:24px;padding:26px 6%;font-size:14px;letter-spacing:.06em;border-bottom:1px solid #ffffff25}header a,footer a{padding:8px 0}header span{align-self:center;color:#b7cab9}section{padding:90px 6%}.label{font-size:13px;letter-spacing:.16em;line-height:1.6;color:#c1d2bd}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(62px,10vw,150px);line-height:.98;letter-spacing:-.055em;font-weight:400;position:relative;z-index:1;margin-bottom:55px}em{font-family:Georgia,serif;font-weight:400;color:#ffca6c}h2{font-size:clamp(42px,6vw,82px);font-weight:400;line-height:1.05;letter-spacing:-.04em}h3{font-size:clamp(26px,3vw,40px);font-weight:400;letter-spacing:-.025em;margin:16px 0}p{font-size:18px;line-height:1.7}.hero{background:radial-gradient(ellipse at 80% 40%,#315840,transparent 65%);padding-top:70px}.logo-stage{position:relative;background:#fff;max-width:1000px;margin-left:auto;box-shadow:0 35px 80px #0005;transform:perspective(1400px) rotateY(-5deg);transition:transform .7s;border-radius:3px;overflow:hidden}.logo-stage:hover{transform:perspective(1400px) rotateY(0deg)}.logo-stage img{display:block;width:100%;height:auto;padding:clamp(14px,4vw,55px)}.glint{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffde9a55 49%,transparent 65%);transform:translateX(-120%);animation:gleam 7s ease-in-out infinite;pointer-events:none}.hero-foot{display:flex;justify-content:space-between;gap:24px;margin-top:55px;font-size:14px;letter-spacing:.1em}.intro{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;border-top:1px solid #ffffff30}.intro p:not(.label){max-width:640px;color:#c5d5c8}.showcase{background:#f0f3ee;color:#233c30}.showcase .label{color:#526553}.section-title{margin-bottom:60px}.showcase figure{margin:0;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:6vw}.showcase figure+figure{margin-top:90px}.image{background:white;overflow:hidden}.image img{display:block;width:100%;height:auto;transition:transform .8s}.image:hover img{transform:scale(1.025)}figcaption span{font-size:13px;letter-spacing:.13em;color:#526553}figcaption p{max-width:440px}.apparel .image{order:2}.finale{padding-top:110px;padding-bottom:110px;background:linear-gradient(125deg,#082c23,#214b35)}.cta{display:flex;justify-content:space-between;gap:30px;max-width:500px;padding:23px 28px;background:#ffca6c;color:#173929;border-radius:60px;font-size:18px}.cta:hover{background:#ffda99}footer{border-top:1px solid #ffffff25;border-bottom:0} @keyframes gleam{0%,35%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}@media(max-width:650px){header{font-size:12px;align-items:center}header span{max-width:140px;text-align:right}section{padding:60px 6%}.hero{padding-top:55px}h1{margin-bottom:40px}.logo-stage{transform:none}.intro,.showcase figure{grid-template-columns:1fr;gap:24px}.apparel .image{order:0}.showcase figure+figure{margin-top:55px}.hero-foot{font-size:12px;letter-spacing:0}.finale{padding:70px 6%}footer{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.logo-stage{transform:none}}
/* Industrial identity: large exhibits, amber accents, and a sculptural brand mark. */
.hero{background:radial-gradient(ellipse at 80% 50%,#426143 0,transparent 55%),#082c23;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:6vw;max-width:1400px;margin:auto;padding:50px 0 70px}.brand-name{color:#ffc565;font-size:clamp(16px,2vw,26px);letter-spacing:.14em;margin-bottom:28px}.hero h1{font-size:clamp(64px,8.6vw,132px);font-weight:700;letter-spacing:-.065em;margin:0 0 36px;line-height:.98}.hero-link{display:inline-flex;gap:40px;align-items:center;border-bottom:1px solid #ffc565;padding:18px 0;font-size:16px}.hero-link span{color:#ffc565;font-size:25px}.symbol-exhibit{perspective:1200px;text-align:center}.symbol-tile{position:relative;max-width:460px;margin:auto;background:#fff;overflow:hidden;border-radius:15%;padding:12%;box-shadow:12px 16px 0 #b9bcb2,18px 28px 0 #526555,30px 50px 80px #0008;transform:rotateY(-16deg) rotateX(10deg) rotateZ(-8deg);animation:brand-float 9s ease-in-out infinite}.symbol-tile img{width:100%;height:auto;display:block}.symbol-exhibit>p{font-size:12px;letter-spacing:.13em;color:#ffcf83;margin:60px 0 0}.hero-foot{border-top:1px solid #d4e8c83b;padding-top:28px;margin-top:0}.intro{background:#12372c}.showcase{background:#fff;color:#27332d;padding-top:85px}.showcase h2{font-size:clamp(54px,8vw,115px)}.showcase h2 em{color:#96601b}.showcase .section-title{padding-bottom:25px;border-bottom:1px solid #27332d30}.showcase figure{display:block}.showcase .image{width:100%;max-width:1200px;margin:auto}.showcase .image img{object-fit:contain}.showcase figcaption{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;border-top:1px solid #27332d30;padding-top:28px;margin-top:20px}.showcase figcaption>span{grid-column:1/-1}.showcase figcaption h3{font-size:clamp(30px,4.5vw,62px)}.showcase figcaption p{padding-top:18px}.showcase figure+figure{margin-top:95px}.usb .image{max-width:900px}.signature{margin-top:80px;border-top:1px solid #27332d30;padding:65px 8% 0}.signature img{display:block;width:100%;height:auto;max-width:900px;margin:auto}.finale{border-top:8px solid #ffc565}.finale h2{font-size:clamp(55px,8vw,110px)}@keyframes brand-float{0%,100%{transform:rotateY(-16deg) rotateX(10deg) rotateZ(-8deg) translateY(0)}50%{transform:rotateY(-8deg) rotateX(6deg) rotateZ(-5deg) translateY(-14px)}}@media(max-width:700px){.hero-layout{grid-template-columns:1fr;gap:58px;padding:24px 0 34px}.hero h1{font-size:clamp(60px,15vw,100px)}.symbol-tile{max-width:290px;padding:32px}.symbol-exhibit>p{margin-top:48px}.showcase figcaption{grid-template-columns:1fr;gap:0}.showcase figcaption p{padding-top:0}.showcase figure+figure{margin-top:55px}.signature{padding:35px 0 0;margin-top:45px}.hero-foot{font-size:11px}.showcase .section-title{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){.symbol-tile{animation:none;transform:none}}