/* Uranyx / angular identity. Display typography, diagonal cuts and focused motion. */
:root{--hero-cut:clamp(78px,12vw,210px);--display:'Space Grotesk','Helvetica Neue',Arial,sans-serif;--orange:#f47b42;--orange-light:#ffad7b;--ease-glide:cubic-bezier(.42,0,.22,1);--ease-reveal:cubic-bezier(.22,.61,.36,1)}
h1,h2,h3,.feature-number{font-family:var(--display);font-weight:600;letter-spacing:-.035em}h1,h2{line-height:1.06}.hero-copy h1{letter-spacing:-.052em;line-height:1.02}.brand-metal{background:#f2f2ed;padding:14px 25px 14px 17px;clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%)}.brand-metal img{width:174px;filter:none}.site-header{gap:25px}
/* Page entrance: the chrome and its items arrive, the underline opens from the
   centre, then the phone, then the call to action. Hidden states live in the
   keyframes so reduced motion (which kills animations) still shows everything. */
.site-chrome::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#ffffff33;animation:chrome-line .85s var(--ease-reveal) .42s both}
@keyframes chrome-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.site-header .brand,.desktop-nav a,.header-contact,.menu-toggle{animation:chrome-item .7s var(--ease-reveal) both}
.site-header .brand{animation-delay:.08s}
.desktop-nav a:nth-child(1){animation-delay:.16s}
.desktop-nav a:nth-child(2){animation-delay:.22s}
.desktop-nav a:nth-child(3){animation-delay:.28s}
.header-contact,.menu-toggle{animation-delay:.34s}
@keyframes chrome-item{from{opacity:0;translate:0 -14px}to{opacity:1;translate:0 0}}
/* translate/scale rather than transform, so the scroll story keeps owning transform */
.phone-stage{animation:phone-in 1.5s var(--ease-reveal) .72s both}
@keyframes phone-in{from{opacity:0;scale:.84;translate:0 28px}to{opacity:1;scale:1;translate:0 0}}

/* The floating contact breathes and sends out a ring so it reads as live. */
.floating-contact{animation:contact-pulse 2.8s var(--ease-glide) 1.6s infinite}
.floating-contact::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid var(--orange);opacity:0;animation:contact-ping 2.8s var(--ease-glide) 1.6s infinite;pointer-events:none}
.floating-contact:hover,.floating-contact:hover::after{animation-play-state:paused}
@keyframes contact-pulse{0%,58%,100%{scale:1}22%{scale:1.09}}
@keyframes contact-ping{0%{transform:scale(1);opacity:.6}62%{transform:scale(1.65);opacity:0}100%{transform:scale(1.65);opacity:0}}
/* A diagonal color sweep and a returning arrow make actions feel deliberate. */
.btn,.header-contact{position:relative;isolation:isolate;overflow:hidden;border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:color .35s,box-shadow .4s,transform .4s;--sweep:var(--orange);--hover-text:var(--ink)}.btn::before,.header-contact::before{content:'';position:absolute;inset:-3px -30%;z-index:-1;background:var(--sweep);transform:translateX(-110%) skewX(-22deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.btn-orange{--sweep:#f1f1eb;--hover-text:var(--ink)}.btn-light{--sweep:var(--orange)}.btn:hover,.btn:focus-visible,.header-contact:hover,.header-contact:focus-visible{color:var(--hover-text)}.btn:hover::before,.btn:focus-visible::before,.header-contact:hover::before,.header-contact:focus-visible::before{transform:translateX(0) skewX(-22deg)}.btn:hover{transform:translateY(-2px)}.btn-orange:hover{background:var(--orange);box-shadow:none}.btn-light:hover{background:var(--paper)}.header-contact{border:0;background:#5c6259;padding:14px 18px}.header-contact::after{content:'';position:absolute;inset:1px;z-index:-2;background:#101211;clip-path:polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%)}.header-contact:hover{background:#5c6259}.btn i,.header-contact i,.circle-link i,.text-link i{display:inline-block}.btn:hover i,.header-contact:hover i,.circle-link:hover i,.text-link:hover i{animation:arrow-pass .65s cubic-bezier(.3,.6,.2,1);transform:none}@keyframes arrow-pass{0%{transform:translate(0,0);opacity:1}40%{transform:translate(16px,-16px);opacity:0}41%{transform:translate(-16px,16px);opacity:0}100%{transform:translate(0,0);opacity:1}}
.text-link{position:relative;transition:color .3s}.text-link::after{content:'';height:2px;position:absolute;left:0;right:0;bottom:-1px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}.text-link:hover::after,.text-link:focus-visible::after{transform:scaleX(1);transform-origin:left}.text-link:hover{color:var(--orange)}.circle-link{border-radius:0;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%);background:#f47b42;color:#141715;border:0;overflow:hidden;transition:background .4s,transform .4s}.circle-link:hover{rotate:0deg;background:#f1f1eb;transform:translateY(-3px)}.rail-hint button{transition:background .4s,color .4s,transform .4s}.rail-hint button:hover{transform:translateX(3px)}.rail-hint button:first-child:hover{transform:translateX(-3px)}
/* The banner closes on the same diagonal cut that shapes the manifesto, the panels and the footer. */
.technology-story{--hero-cut:clamp(78px,12vw,210px);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--hero-cut)),calc(100% - var(--hero-cut)) 100%,0 100%)}
.story-progress{right:calc(var(--gutter) + var(--hero-cut))}
.slash-mark{display:block;width:70px;height:27px;position:relative;margin-bottom:15px;background:repeating-linear-gradient(115deg,var(--orange) 0 12px,transparent 12px 24px);clip-path:polygon(20% 0,100% 0,80% 100%,0 100%)}.world-index{min-width:150px;align-self:end}.home-world .section-heading h2{max-width:920px}.world-editorial{gap:18px;padding-inline:18px;grid-template-columns:1fr 1fr}.world-panel{min-height:760px;clip-path:polygon(28px 0,100% 0,100% calc(100% - 50px),calc(100% - 50px) 100%,0 100%,0 28px);isolation:isolate}.world-panel::after{background:linear-gradient(180deg,#08100825,transparent 28%,#080c0880 58%,#080c08ec 100%);z-index:-1}.world-photo{position:absolute;inset:0;z-index:-2;overflow:hidden}.world-photo>img{width:100%;height:100%;object-fit:cover;transform:scale(1.07);transition:transform 1.8s var(--ease),filter 1.1s}.world-panel:hover .world-photo>img{transform:scale(1.01);filter:saturate(.85)}.world-topline{position:absolute;left:36px;right:36px;top:31px;display:flex;justify-content:flex-end;align-items:center;font:10px monospace;letter-spacing:.15em;border-top:1px solid #ffffff6b;padding-top:15px}.world-cross{font-size:24px;color:var(--orange);line-height:1}.world-product{position:absolute;right:40px;top:94px;width:190px;padding:15px 16px 23px;background:#eff1e8;color:var(--ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);box-shadow:0 24px 44px #0004;transform:translateY(26px) rotate(5deg);opacity:0;transition:transform 1.2s var(--ease-reveal) .22s,opacity .9s var(--ease-reveal) .22s}.world-panel.is-visible .world-product,html:not(.js) .world-product{transform:translateY(0) rotate(3deg);opacity:1}.world-panel:hover .world-product{transform:translateY(-8px) rotate(0);transition-delay:0s}.world-product-label{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.1em;padding-bottom:10px;border-bottom:1px solid #c8cebd}.world-product-label i{font-size:15px}.world-product img{height:160px;width:100%;object-fit:contain;margin:13px 0 15px;filter:drop-shadow(7px 11px 8px #0002);transition:transform 1s var(--ease)}.world-product:hover img{transform:scale(1.06)}.world-product strong{font:500 16px var(--display);display:block}.product-notch{position:absolute;right:0;bottom:0;width:24px;height:24px;background:var(--orange)}.world-content{left:42px;right:42px;bottom:47px}.world-content h3{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(36px,3.5vw,55px);max-width:11em}.world-content .eyebrow{display:flex;align-items:center;gap:12px;color:#f9d7c0;margin-bottom:20px}.world-content .eyebrow i{display:inline-block;height:13px;width:6px;background:var(--orange);transform:skewX(-25deg)}.world-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-top:8px}.world-bottom p{max-width:31ch;margin:10px 0 0}.world-bottom .circle-link{position:relative;flex-shrink:0;bottom:auto;right:auto}.world-content>*{transition:transform 1.2s var(--ease-reveal),opacity .9s var(--ease-reveal)}.world-panel:not(.is-visible) .world-content>*{opacity:0;transform:translateY(30px)}.world-panel.is-visible .world-content>*:nth-child(2){transition-delay:.15s}.world-panel.is-visible .world-content>*:nth-child(3){transition-delay:.3s}
/* The category list opens like a sequence of typographic shutters. */
.universe-intro{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-bottom:66px}.universe-tip{font:10px monospace;color:#687363;display:flex;gap:20px}.universe-tip i{font-size:18px;color:var(--orange)}.category-row{position:relative;border-top:0;isolation:isolate;overflow:hidden;padding-block:39px;grid-template-columns:1.4fr 1fr 44px;transition:padding 1.05s var(--ease-glide),color .55s var(--ease-glide)}.category-row::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:#c8cdbf;transform-origin:left;transition:transform 1.2s var(--ease)}.category-row::after{content:'';position:absolute;z-index:-1;inset:1px -8%;background:linear-gradient(110deg,#e4e7dc 10%,#ebeddf);transform:translateX(-115%) skewX(-20deg);transition:transform 1.05s var(--ease-glide)}.category-row:hover::after,.category-row:focus-visible::after{transform:translateX(0) skewX(-20deg)}.category-row h3{overflow:hidden;font-weight:500;font-size:clamp(28px,3.6vw,54px);line-height:1.2;letter-spacing:-.04em}.category-row h3 span{display:block;transition:transform 1.15s var(--ease-glide)}.js .category-row.waypoint{opacity:1;transform:none;transition:padding 1.05s var(--ease-glide),color .55s var(--ease-glide)}.js .category-row.waypoint:not(.is-visible)::before{transform:scaleX(0)}.js .category-row.waypoint:not(.is-visible) h3 span{transform:translateY(115%) rotate(3deg);transform-origin:left}.category-row p,.category-row>i{transition:opacity .8s .1s,transform 1s var(--ease-glide),color .45s}.js .category-row.waypoint:not(.is-visible) p,.js .category-row.waypoint:not(.is-visible)>i{opacity:0;transform:translateY(13px)}.category-row:hover{padding-left:26px;color:#bc5528}.category-row:hover>i{rotate:0deg;transform:translate(3px,-3px);color:var(--orange)}.category-mobile-image{display:none}.category-preview{position:fixed;left:0;top:0;width:260px;z-index:90;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s;filter:drop-shadow(0 18px 20px #0003);will-change:transform}.category-preview.is-active{visibility:visible;opacity:1}.category-preview-inner{background:#151b17;color:#eff1e8;padding:13px;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);transform:translateY(20px) rotate(3deg) scale(.94);transition:transform .6s var(--ease)}.category-preview.is-active .category-preview-inner{transform:translateY(0) rotate(-3deg) scale(1)}.category-preview-top{display:flex;justify-content:space-between;gap:18px;align-items:center;font:9px monospace;letter-spacing:.08em;margin:1px 22px 13px 0}.category-preview-top small{color:var(--orange);font-size:9px}.category-preview-images{height:245px;background:#e9ece0;position:relative;overflow:hidden}.category-preview-images::before{content:'';position:absolute;inset:65% 13% 14%;background:#93997c55;filter:blur(22px);border-radius:50%}.category-preview-images img{position:absolute;left:10%;top:8%;width:80%;height:82%;object-fit:contain;filter:drop-shadow(7px 14px 7px #0002);opacity:0;transform:translateY(10px) rotate(2deg) scale(.94);transition:opacity .65s,transform .85s var(--ease)}.category-preview-images img.is-visible{opacity:1;transform:translateY(0) rotate(0) scale(1)}.category-preview-caption{font:500 17px var(--display);padding:15px 0 4px;display:flex;justify-content:space-between;gap:12px;align-items:center}.category-preview-caption i{color:var(--orange);font-size:22px}.category-preview-progress{height:2px;background:#ffffff20;margin-top:10px;overflow:hidden}.category-preview-progress span{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(0)}.category-preview-progress span.is-timing{animation:preview-timer 2.8s linear forwards}@keyframes preview-timer{to{transform:scaleX(1)}}
/* Brand geometry gives the final editorial section its own silhouette. */
.brand-manifesto{position:relative;overflow:hidden;padding-block:100px 110px;background:#dfe3d6;isolation:isolate;clip-path:polygon(0 0,calc(100% - 65px) 0,100% 65px,100% 100%,0 100%)}.brand-manifesto>.wrap{position:relative;z-index:2}.brand-manifesto h2{font-size:clamp(44px,6.1vw,92px);max-width:78%;letter-spacing:-.045em}.manifesto-bottom{padding-left:0;justify-content:start;gap:8%;max-width:85%;margin-top:45px}.manifesto-bottom p{max-width:47ch}.brand-signal{position:absolute;inset:18% -4% 6% auto;width:26%;display:flex;gap:18px;align-items:center;transform:rotate(0);pointer-events:none;z-index:1}.brand-signal i{display:block;width:70px;height:86%;background:var(--orange);transform:skewX(-24deg);transition:transform 1.5s var(--ease);flex-shrink:0}.brand-signal i:nth-child(2){background:transparent;border:1px solid #ec814b;height:64%}.brand-signal i:nth-child(3){opacity:.2;height:42%}.brand-signal:not(.is-visible) i{transform:skewX(-24deg) translateY(50%)}.brand-signal span{position:absolute;right:31%;bottom:0;font:9px monospace;letter-spacing:.2em;writing-mode:vertical-rl;color:#77816b}
/* Two opposing diagonal planes form the footer. The original metallic logo stays intact. */
.site-footer{position:relative;background:var(--paper);padding:0;display:grid;grid-template-columns:29% 71%;isolation:isolate;border-bottom:4px solid var(--orange)}.footer-signature{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 30px;overflow:hidden}.footer-signature .brand{width:82%;max-width:310px;position:relative;z-index:2}.footer-signature .brand img{width:100%;height:auto}.footer-signature p{font:8px monospace;letter-spacing:.15em;color:#747e69;margin-top:20px;position:relative;z-index:2}.footer-slashes{position:absolute;right:-35px;bottom:70px;display:flex;gap:15px;transform:rotate(-2deg)}.footer-slashes i{display:block;width:30px;height:135px;transform:skewX(-28deg);background:var(--orange)}.footer-slashes i:nth-child(2){background:transparent;border:1px solid var(--orange)}.footer-slashes i:nth-child(3){background:#f47b4220}.footer-main{position:relative;padding:100px var(--gutter) 28px 65px;background:#101411;color:#e7ebe0;clip-path:polygon(95px 0,100% 0,100% 100%,0 100%,0 110px)}.footer-top{grid-template-columns:1fr 1fr;gap:8%;padding-bottom:45px}.footer-top h2{font-size:clamp(30px,3vw,48px);font-weight:500}.footer-top .eyebrow{margin-bottom:23px;color:#a7b39a}.newsletter>label{font-size:11px}.email-row input{font-size:17px}.email-row button{transition:transform .4s,color .4s}.email-row button:hover{transform:translate(3px,-3px);color:#f8be90}.footer-nav{grid-template-columns:1fr 1.15fr .65fr;gap:28px;padding-block:36px}.footer-nav .eyebrow{color:#a7b39a;font-size:9px}.footer-nav a{transition:color .3s,transform .4s;justify-self:start}.footer-nav a:hover{transform:translateX(5px)}.footer-bottom{font-size:8px;gap:18px;color:#a1ac95;flex-wrap:wrap;line-height:1.6}.footer-bottom>span{flex-basis:100%}.footer-bottom>a:last-child{margin-left:auto}
/* The dark panel grows in from the right edge, then the content arrives behind it,
   ending on the signature at the far left. */
.js .site-footer.waypoint{opacity:1;transform:none}
.js .site-footer.waypoint .footer-main{transition:clip-path 1.15s var(--ease-glide)}
.js .site-footer.waypoint:not(.is-visible) .footer-main{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%,100% 100%)}
.js .site-footer.waypoint .footer-top,.js .site-footer.waypoint .footer-bottom,.js .site-footer.waypoint .footer-nav>div,.js .site-footer.waypoint .footer-signature{transition:opacity .7s var(--ease-glide) var(--footer-delay,0s),transform .95s var(--ease-glide) var(--footer-delay,0s)}
.js .site-footer.waypoint:not(.is-visible) .footer-top,.js .site-footer.waypoint:not(.is-visible) .footer-bottom,.js .site-footer.waypoint:not(.is-visible) .footer-nav>div,.js .site-footer.waypoint:not(.is-visible) .footer-signature{opacity:0;transform:translateX(42px)}
.footer-top{--footer-delay:.48s}
.footer-nav>div:nth-child(1){--footer-delay:.66s}
.footer-nav>div:nth-child(2){--footer-delay:.77s}
.footer-nav>div:nth-child(3){--footer-delay:.88s}
.footer-bottom{--footer-delay:1s}
.footer-signature{--footer-delay:1.08s}
@media(min-width:1800px){.world-panel{min-height:850px}.world-product{width:235px;right:60px;top:110px}.world-product img{height:190px}.footer-main{padding-block:120px 40px}.footer-top h2{font-size:55px}}
@media(max-width:1100px){.world-panel{min-height:720px}.world-product{width:160px;right:26px;top:100px}.world-product img{height:135px}.world-content{left:28px;right:28px}.world-content h3{font-size:39px}.category-row{grid-template-columns:1.4fr 1fr 30px;gap:18px}.brand-manifesto h2{max-width:82%}.manifesto-bottom{max-width:78%;display:block}.manifesto-bottom .btn{margin-top:24px}.brand-signal{right:-10%;width:30%}.footer-main{padding:90px 35px 28px 42px}.footer-top{grid-template-columns:1fr;gap:35px}.footer-top h2{font-size:42px}.footer-signature{padding-inline:15px}.footer-signature p{font-size:6px}.footer-nav{grid-template-columns:1fr 1fr}.footer-nav>div:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;column-gap:24px}.footer-nav>div:last-child>.eyebrow{width:100%}}
@media(max-width:767px){.brand-metal{padding:11px 20px 11px 12px}.brand-metal img{width:145px}.hero-copy h1{font-size:clamp(51px,13.3vw,72px)}.feature-copy h2{font-size:36px;max-width:80%}.world-index{display:flex;gap:18px;align-items:center;margin-top:25px;font-size:8px}.world-index .slash-mark{margin:0;height:24px;width:60px}.world-editorial{grid-template-columns:1fr;padding-inline:12px;gap:18px}.world-panel{min-height:690px;clip-path:polygon(22px 0,100% 0,100% calc(100% - 32px),calc(100% - 32px) 100%,0 100%,0 22px)}.world-topline{left:23px;right:23px;top:24px;font-size:8px}.world-product{width:148px;top:83px;right:25px;padding:12px 12px 19px}.world-product img{height:132px;margin-block:12px}.world-product strong{font-size:14px}.world-content{left:25px;right:25px;bottom:40px}.world-content h3{font-size:38px;line-height:1.08}.world-content .eyebrow{font-size:8px;margin-bottom:18px}.world-bottom{gap:18px}.world-bottom p{font-size:11px}.universe-intro{display:block}.universe-tip{font-size:8px;margin-bottom:25px}.universe-tip i{margin-left:auto}.category-row{grid-template-columns:1fr 56px 22px;gap:10px;padding-block:26px}.category-row h3{font-size:26px}.category-mobile-image{display:block;height:64px;width:56px;object-fit:contain;filter:drop-shadow(3px 7px 4px #0002)}.category-row>i{font-size:20px}.category-row:hover{padding-left:0}.category-row h3 span{padding-block:3px}.category-preview{display:none}.brand-manifesto{padding:60px 0 72px;clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%)}.brand-manifesto h2{font-size:44px;max-width:90%;position:relative}.brand-signal{width:110px;right:-35px;inset-block:5% 8%;gap:10px;opacity:.3!important}.brand-signal i{width:27px;height:66%}.brand-signal i:nth-child(2){height:43%}.brand-signal i:nth-child(3){height:30%}.brand-signal span{display:none}.manifesto-bottom{max-width:90%;margin-top:27px}.manifesto-bottom p{font-size:12px}.manifesto-bottom .btn{font-size:11px;gap:20px;padding-inline:19px}.site-footer{grid-template-columns:1fr}.footer-signature{padding:68px var(--gutter) 74px;align-items:start;min-height:235px;overflow:hidden}.footer-signature .brand{max-width:230px;width:72%}.footer-signature p{font-size:7px;margin-top:18px}.footer-slashes{bottom:12px;right:-28px;gap:12px}.footer-slashes i{width:20px;height:130px}.footer-main{padding:65px var(--gutter) 25px;clip-path:polygon(35px 0,100% 0,100% 100%,0 100%,0 38px)}.footer-top{grid-template-columns:1fr;gap:30px;padding-bottom:30px}.footer-top h2{font-size:41px}.footer-nav{grid-template-columns:1fr 1fr;gap:30px 20px;padding-block:33px}.footer-nav a{font-size:11px}.footer-bottom{gap:17px;font-size:8px}.footer-nav>div:last-child{column-gap:22px}}
@media(prefers-reduced-motion:reduce){.category-row h3 span,.category-row::before,.world-content>*,.world-product{transform:none!important;opacity:1!important}.category-row p,.category-row>i{opacity:1!important;transform:none!important}.brand-signal i{transform:skewX(-24deg)!important}.category-preview-inner{transform:none!important}.category-preview-progress{display:none}.story-pin{min-height:0!important}.world-photo>img{transform:none}.btn:hover{transform:none}}

/* Transparent metallic signature: the original highlights remain visible on the dark header. */
.brand-metal{background:none;padding:10px 0;clip-path:none}.brand-metal img{width:190px;filter:brightness(1.65);transition:filter .4s}.brand-metal:hover img{filter:brightness(2)}

/* About: an editorial opening, layered photography and a continuous band of principles. */
.about-editorial{padding-block:66px 58px;overflow:hidden}.about-topline{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bfc4b7;padding-top:18px;margin-bottom:42px}.about-topline .eyebrow{margin:0}.about-coordinate{font:9px monospace;letter-spacing:.14em;color:#77806e}.about-heading{position:relative;isolation:isolate}.about-heading h1{max-width:1120px;position:relative;z-index:1;font-size:clamp(54px,7vw,106px);line-height:1.04}.about-signal{position:absolute;z-index:0;right:-50px;top:-15px;bottom:-8px;display:flex;gap:17px;opacity:.45;pointer-events:none}.about-signal i{width:52px;height:100%;background:var(--orange);transform:skewX(-25deg);transform-origin:bottom;transition:transform 1.4s var(--ease)}.about-signal i:nth-child(2){background:none;border:1px solid var(--orange);height:75%;align-self:end}.about-signal i:nth-child(3){background:#f47b4230;height:50%;align-self:end}.about-signal:not(.is-visible) i{transform:skewX(-25deg) translateY(85%)}.about-editorial .about-intro-bottom{display:grid;grid-template-columns:1fr 1.5fr;padding-left:0;gap:5%;margin-top:44px;align-items:end}.about-index{font:9px/1.7 monospace;letter-spacing:.1em;color:#6b7462;display:flex;align-items:end;gap:25px}.about-index i{color:var(--orange);font-size:30px}.about-editorial .about-intro-bottom p{font-size:14px;color:#65705f}.about-editorial .text-link{white-space:nowrap;font-size:12px;gap:25px}.about-visual-wrap{padding-bottom:0}.about-photo-framed{height:550px;isolation:isolate;clip-path:polygon(42px 0,100% 0,100% calc(100% - 56px),calc(100% - 56px) 100%,0 100%,0 42px);background:#172019}.about-photo-framed>img{position:absolute;height:calc(100% + 60px);top:-30px;object-position:50% 45%;transform:translateY(var(--photo-shift,0px)) scale(1.035);will-change:transform}.about-photo-framed::after{background:linear-gradient(110deg,#08110cc9,transparent 70%),linear-gradient(transparent 50%,#08110c8a);z-index:0;pointer-events:none}.about-photo-framed::before{content:'';position:absolute;inset:0 auto 0 0;width:6px;background:var(--orange);z-index:2}.about-photo-top{position:absolute;top:28px;left:45px;right:32px;z-index:1;display:flex;align-items:center;justify-content:flex-end;font:9px monospace;letter-spacing:.13em;color:#fff}.about-photo-top i{font-size:26px;color:var(--orange)}.about-photo-framed figcaption{position:absolute;z-index:1;bottom:46px;left:45px;color:var(--paper)}.about-photo-framed figcaption .eyebrow{color:#f5c4a7;font-size:9px;margin-bottom:18px}.about-photo-framed figcaption strong{font:500 clamp(44px,4.8vw,72px)/1.06 var(--display);letter-spacing:-.04em}.about-photo-framed figcaption strong span{color:var(--orange)}.about-photo-framed>.about-photo-note{bottom:70px;left:auto;right:26px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:.18em}.about-mission{padding-top:75px;padding-bottom:90px}.mission-panel{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;background:#141b16;color:#f1f1eb;padding:68px 55px;clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,32px 100%,0 calc(100% - 32px));border-top:3px solid var(--orange)}.mission-heading h2{font-size:clamp(36px,4.3vw,64px)}.mission-heading em{color:var(--orange-light)}.mission-heading .text-link{margin-top:30px;font-size:12px;color:#e1e6d8}.mission-detail{align-self:center}.mission-detail .lead{color:#bfc8b6;font-size:15px;margin:23px 0 26px}.mission-symbol{display:flex;gap:9px;height:24px;margin-left:8px}.mission-symbol i{height:24px;width:15px;background:var(--orange);transform:skewX(-25deg)}.mission-symbol i+ i{background:none;border:1px solid var(--orange)}.about-principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px}.about-principle{position:relative;padding:12px 35px 20px 0;isolation:isolate}.about-principle+ .about-principle{border-left:1px solid #cbd0c3;padding-left:35px}.principle-index{display:flex;justify-content:space-between;align-items:center;font:10px monospace;color:#6c7762;padding-bottom:27px}.principle-index i{font-size:25px;color:#b66842;transition:transform .65s var(--ease),color .4s}.about-principle h3{font-size:31px;transition:color .4s}.about-principle p{font-size:13px;color:#65705e;line-height:1.8;max-width:31ch;margin-top:13px}.about-principle::after{content:'';position:absolute;left:0;right:35px;bottom:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}.about-principle+.about-principle::after{left:35px}.about-principle:hover::after{transform:scaleX(1)}.about-principle:hover .principle-index i{transform:translate(-5px,-3px) rotate(-7deg);color:#c3602c}.about-principle:hover h3{color:#b95425}
.contact-angular{position:relative;clip-path:polygon(0 0,calc(100% - 55px) 0,100% 55px,100% 100%,0 100%);background:#e1e5d9}.contact-angular .contact-grid{gap:8%;align-items:start}.contact-angular h2 em{color:#986040}.contact-intro{padding-top:22px}.contact-channels{margin-top:45px;border-top:1px solid #bfc8b3;padding-top:20px}.contact-channels .contact-address{margin-top:0;font-size:15px;overflow-wrap:anywhere}.contact-form-frame{position:relative;background:var(--paper);padding:32px 38px 38px;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);border-bottom:3px solid var(--orange)}.contact-form-top{display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:.15em;border-bottom:1px solid #c5ceba;padding-bottom:20px;margin-bottom:30px}.contact-form-top i{color:#c86635;font-size:23px}.contact-form .btn{margin-top:6px}.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:var(--orange)}

/* Chamfered gallery frames surround, rather than crop, the original specification images. */
.detail-visual{border:1px solid #bfc7b4;background:#e5e8df;clip-path:polygon(26px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 26px)}.detail-visual::before,.detail-visual::after{content:'';position:absolute;background:var(--orange);pointer-events:none}.detail-visual::before{width:70px;height:3px;top:0;left:26px}.detail-visual::after{width:3px;height:70px;right:0;bottom:30px}.detail-visual .eyebrow{padding-bottom:18px;border-bottom:1px solid #c5ccbb}.spec-row i{color:#b55c30}.gallery-grid{align-items:stretch;gap:26px}.gallery-item{--frame:#a5ae99;padding:16px 16px 0;border:1px solid var(--frame);background:#e4e7dd;clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,25px 100%,0 calc(100% - 25px));display:flex;flex-direction:column;justify-content:center;transition:border-color .4s,background .4s,opacity .95s var(--ease-glide) var(--reveal-delay,0s),transform 1.15s var(--ease-glide) var(--reveal-delay,0s)!important;isolation:isolate}.gallery-item:nth-child(2){--reveal-delay:.16s}.gallery-item::before,.gallery-item::after{content:'';position:absolute;height:3px;width:72px;background:var(--orange);z-index:2;transition:width .6s var(--ease)}.gallery-item::before{top:0;left:0}.gallery-item::after{bottom:0;right:0}.gallery-item>img{height:auto;object-fit:contain;max-height:none;margin-block:auto;width:100%;background:#101411}.gallery-item>.gallery-caption{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:20px 10px 20px 16px;background:transparent;color:var(--ink);text-align:left}.gallery-caption small{font:8px monospace;letter-spacing:.1em;color:#636e58}.gallery-caption>span{display:flex;align-items:center;gap:13px;font-size:12px}.gallery-caption i{font-size:17px;color:#b65d30;transition:transform .45s}.gallery-item:hover,.gallery-item:focus-visible{border-color:var(--orange);background:#ebede5}.gallery-item:hover::before,.gallery-item:hover::after{width:115px}.gallery-item:hover .gallery-caption i{transform:rotate(90deg)}.image-dialog{padding:48px 18px 18px;border:1px solid #819075;border-top:3px solid var(--orange);background:#151b17;box-shadow:0 30px 90px #0008}.image-dialog img{background:#101411}.image-dialog .close-dialog{color:#f1f1eb;right:15px;top:3px;width:34px;height:34px}.close-dialog:hover{color:var(--orange)}

/* A mobile drawer with a diagonal reveal, staggered links and a matching exit. */
.mobile-menu{animation:none;background:#101713;overflow-y:auto;overscroll-behavior:contain;padding:0;clip-path:polygon(0 0,100% 0,100% 0,0 0);opacity:0;transition:clip-path .65s cubic-bezier(.22,.75,.18,1),opacity .2s;isolation:isolate;scrollbar-width:thin;scrollbar-color:#54604c transparent}.mobile-menu::before{content:'';position:absolute;right:-125px;top:34%;width:185px;height:260px;border:1px solid #f47b4235;transform:skewX(-27deg);z-index:-1;pointer-events:none}.mobile-menu.is-open{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}.mobile-menu.is-closing{clip-path:polygon(0 0,100% 0,100% 0,0 8%);opacity:0;transition-duration:.42s,.32s}.mobile-menu-inner{min-height:100%;display:flex;flex-direction:column;padding:26px var(--gutter) max(28px,env(safe-area-inset-bottom))}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:.16em;color:#aebaa3;padding-bottom:23px}.menu-slash{font:bold 23px var(--display);color:var(--orange);letter-spacing:-.15em}.mobile-menu nav{gap:0}.mobile-menu nav>a.menu-main-link{display:grid;grid-template-columns:1fr 22px;gap:10px;align-items:center;font:500 clamp(26px,7vw,36px)/1.2 var(--display);padding:18px 0;border-top:1px solid #ffffff20;letter-spacing:-.025em}.menu-main-link i{font-size:23px;color:var(--orange)}.mobile-menu .menu-categories{display:grid;grid-template-columns:1fr 1fr;gap:0 19px;margin:0 0 23px}.mobile-menu .menu-category{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 0;font:11px/1.5 Manrope,sans-serif;color:#b6c0ab}.menu-category i{font-size:13px;color:#728365}.menu-category:last-child{grid-column:1/-1;justify-content:start;gap:20px}.mobile-menu-contact{margin-top:auto;padding-top:40px}.mobile-menu-contact>a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #738065;margin-top:13px;padding-block:20px;font:500 24px var(--display);color:var(--orange-light)}.mobile-menu-contact i{font-size:24px}.mobile-menu [style*="--menu-order"]{opacity:0;transform:translateY(26px);transition:opacity .4s,transform .6s var(--ease);transition-delay:0s}.mobile-menu.is-open [style*="--menu-order"]{opacity:1;transform:translateY(0);transition-delay:calc(var(--menu-order)*.055s + .1s)}.mobile-menu.is-closing [style*="--menu-order"]{transition-delay:0s;transition-duration:.2s;transform:translateY(-13px)}.mobile-menu a:hover{color:var(--orange)}.menu-open .floating-contact{opacity:0;pointer-events:none}.menu-toggle[aria-expanded="false"] span{transform:none!important}

@media(max-width:1100px){.about-editorial .about-intro-bottom{grid-template-columns:1.5fr 1fr;gap:30px}.about-index{display:none}.about-heading h1{max-width:90%;font-size:clamp(52px,7.4vw,92px)}.about-signal{opacity:.28!important;right:-20px}.about-signal i{width:38px}.mission-panel{padding:50px 35px;gap:7%}.mission-detail .lead{font-size:13px}.about-principle{padding-right:25px}.about-principle+ .about-principle{padding-left:25px}.contact-form-frame{padding:25px}.contact-angular .contact-grid{gap:6%}}
@media(max-width:767px){
 .brand-metal{padding:12px 0}.brand-metal img{width:154px}.menu-toggle{position:relative;width:45px;height:42px;padding:13px 8px;gap:6px;border:1px solid #6b765e;clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%)}.menu-toggle span{width:26px}.menu-toggle[aria-expanded="true"]{border-color:var(--orange)}
 .about-editorial{padding-block:35px 37px}.about-topline{padding-top:14px;margin-bottom:30px;gap:15px}.about-topline .eyebrow{font-size:8px}.about-coordinate{font-size:7px;white-space:nowrap}.about-heading h1{font-size:clamp(37px,9.6vw,58px);max-width:100%;line-height:1.08;letter-spacing:-.055em}.about-signal{right:-18px;gap:10px;opacity:.18!important;top:0;bottom:0}.about-signal i{width:22px}.about-editorial .about-intro-bottom{display:block;margin-top:28px}.about-editorial .about-intro-bottom p{font-size:13px}.about-editorial .text-link{margin-top:16px;font-size:11px;gap:30px}.about-visual-wrap{padding-inline:12px}.about-photo-framed{height:395px;clip-path:polygon(25px 0,100% 0,100% calc(100% - 32px),calc(100% - 32px) 100%,0 100%,0 25px)}.about-photo-top{top:23px;left:25px;right:22px;font-size:7px;letter-spacing:.1em}.about-photo-top i{font-size:21px}.about-photo-framed>img{object-position:57% center}.about-photo-framed figcaption{bottom:32px;left:25px}.about-photo-framed figcaption strong{font-size:46px}.about-photo-framed figcaption .eyebrow{font-size:7px;margin-bottom:14px}.about-photo-framed>.about-photo-note{right:15px;font-size:6px;bottom:52px}.about-mission{padding-block:50px 55px}.mission-panel{grid-template-columns:1fr;gap:35px;padding:34px 25px 40px;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,24px 100%,0 calc(100% - 24px))}.mission-heading h2{font-size:38px}.mission-heading .text-link{font-size:11px;gap:16px;margin-top:20px}.mission-detail{border-top:1px solid #ffffff25;padding-top:28px}.mission-detail .lead{font-size:13px;margin:20px 0}.mission-symbol{height:17px}.mission-symbol i{height:17px;width:11px}.about-principles{grid-template-columns:1fr;margin-top:30px}.about-principle,.about-principle+ .about-principle{display:grid;grid-template-columns:36px 1fr;gap:10px 20px;padding:23px 0;border-left:0;border-bottom:1px solid #cbd0c3}.principle-index{grid-row:1/3;flex-direction:column;align-items:start;justify-content:start;gap:16px;padding:3px 0 0;font-size:8px}.principle-index i{font-size:24px}.about-principle h3{font-size:30px}.about-principle p{margin:0;font-size:12px;max-width:38ch}.about-principle::after,.about-principle+.about-principle::after{left:56px;right:0}.contact-angular{padding-block:45px 55px;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}.contact-intro{padding:0}.contact-angular .contact-grid{gap:35px}.contact-angular h2{font-size:41px}.contact-channels{margin-top:27px}.contact-form-frame{padding:25px 22px 28px}.contact-form-top{font-size:8px;margin-bottom:25px}.contact-form label{font-size:11px}.contact-form input,.contact-form textarea{font-size:16px}.contact-form .btn{font-size:12px}.gallery-item{padding:11px 11px 0;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.gallery-item>.gallery-caption{padding:18px 3px 18px 10px}.gallery-caption small{font-size:7px}.gallery-caption>span{font-size:11px}.detail-visual{padding:28px 23px}.image-dialog{padding:46px 10px 12px;max-width:96vw}.image-dialog>img{max-height:78svh}
 /* Keep the brand and newsletter in one compact footer, without an empty logo panel. */
 .site-footer{background:#101411;display:flex;flex-direction:column;clip-path:polygon(58px 0,100% 0,100% 100%,0 100%,0 66px)}.footer-signature{--footer-delay:0s;min-height:0;padding:56px var(--gutter) 34px;background:#101411;align-items:center;border-top:1px solid #ffffff1e;border-bottom:1px solid #ffffff1e;justify-content:start}.footer-signature .brand{width:184px;max-width:63%}.footer-signature .brand img{filter:brightness(1.65)}.footer-signature p{font-size:7px;letter-spacing:.09em;color:#a1ae93;margin-top:13px}.footer-slashes{right:19px;bottom:0;gap:9px;transform:none}.footer-slashes i{width:14px;height:86px}.footer-slashes i:nth-child(2){height:67px;align-self:end}.footer-slashes i:nth-child(3){display:none}.footer-main{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);padding-top:39px}.js .site-footer.waypoint:not(.is-visible) .footer-main{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.footer-top h2{font-size:39px}.footer-main .eyebrow{font-size:8px}.footer-bottom{padding-bottom:30px}.newsletter input{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.about-photo-framed>img{transform:none;will-change:auto}.about-signal i{transform:skewX(-25deg)!important}.mobile-menu,.mobile-menu [style*="--menu-order"]{transition:none!important}.about-principle::after{transition:none}}

/* Sentido da varredura do botão. Com skewX(-22deg) a borda de baixo chegava ~24px
   depois da de cima, e o último pedaço a sumir era uma lasca laranja colada na base,
   bem no chanfro do canto — que corta em outro ângulo e deixava o resto esfarrapado.
   Espelhando o enviesamento, a base fecha primeiro e junto com o chanfro. Mesma
   animação: mesmo ângulo, mesma duração, mesma curva. */
.btn::before,.header-contact::before{transform:translateX(-110%) skewX(22deg)}
.btn:hover::before,.btn:focus-visible::before,.header-contact:hover::before,.header-contact:focus-visible::before{transform:translateX(0) skewX(22deg)}