@font-face{font-family:Montserrat;src:url("../../contact/fonts/montserrat-latin-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url("../../contact/fonts/inter-latin-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
.branding-page{background:#08090b;color:#f5f5f5;font-family:Inter,Arial,sans-serif}
.branding-page main{overflow:clip}
.bf-shell{width:min(1600px,88%);margin-inline:auto}
.bf-section{padding:68px 0;border-top:1px solid #ffffff18}
.bf-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.65fr);gap:42px;align-items:center}
.branding-page main h1,.branding-page main h2,.branding-page main h3{font-family:Montserrat,Arial,sans-serif;text-align:left}
.branding-page main h1{font-size:clamp(46px,4.4vw,76px);font-weight:800;line-height:1.04;letter-spacing:-.055em;margin:0 0 26px}
.branding-page main h2{font-size:clamp(30px,2.65vw,44px);font-weight:750;line-height:1.1;letter-spacing:-.045em;margin:0 0 20px}
.branding-page main h3{font-size:20px;font-weight:650;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px}
.branding-page main p{font-size:16px;line-height:1.7;color:#b5b5ba}
.branding-page main em{display:block;color:#ff7034;font-style:normal}
.branding-page main .bf-eyebrow{font:700 12px/1.65 Montserrat,Arial,sans-serif;letter-spacing:.15em;color:#ff7034;text-align:left;margin:0 0 17px;align-self:flex-start;justify-self:start}
.bf-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.bf-button,.bf-button:visited{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:52px;padding:17px 22px;border:1px solid #707075;border-radius:4px;background:#08090b99;color:#f5f5f5;text-decoration:none;font:750 11px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.065em;transition:background .2s,color .2s,border-color .2s}
.bf-button span{font-size:23px;line-height:1;color:#ff7034}
.bf-primary,.bf-primary:visited{background:#ff7034;border-color:#ff7034;color:#08090b}
.bf-primary span{color:#08090b}
.bf-button:hover{background:#ff986d;color:#08090b;border-color:#ff986d}
.bf-button:hover span{color:#08090b}
.branding-page a:focus-visible,.bf-faq summary:focus-visible{outline:2px solid #ff7034;outline-offset:5px}
.bf-skip{position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-200%);padding:15px;background:#ff7034;color:#08090b}
.bf-skip:focus{transform:none}
.bf-hero{position:relative;isolation:isolate;min-height:800px;display:flex;align-items:center;padding:155px 0 80px}
.bf-scene{position:absolute;inset:0;z-index:-1;overflow:hidden}
.bf-forge-map{display:block;width:100%;height:100%}
.bf-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08090bc0,transparent 55%),linear-gradient(0deg,#08090b,transparent 14%);pointer-events:none}
.bf-hero-copy>h1,.bf-hero-copy>.bf-actions{max-width:47%}
.branding-page main .bf-intro{font-size:18px;color:#d5d5d9;margin:0;max-width:43%;line-height:1.65}
.bf-proof{display:flex;flex-wrap:wrap;gap:16px 22px;list-style:none;padding:0;margin:28px 0 0;max-width:48%;font-size:14px;color:#d0d0d5}
.bf-proof li{display:flex;gap:8px;align-items:center}
.bf-proof li::before{content:"";width:8px;height:8px;border:1px solid #ff7034;transform:rotate(45deg);flex-shrink:0}
.bf-energy{opacity:.32}
.bf-floating-board{transform-box:fill-box;transform-origin:center}
.bf-offerings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.bf-offerings article{min-width:0;border:1px solid #ffffff1f;border-radius:5px;padding:18px 18px 22px;background:linear-gradient(140deg,#1c1d2080,#08090b);transition:transform .3s,border-color .3s}
.bf-offerings article:hover{transform:translateY(-4px);border-color:#ff703466}
.bf-offerings p{margin:0}
.bf-specimen{height:150px;position:relative;perspective:600px;margin:5px 0 25px}
.bf-sheet{position:absolute;inset:10px 10% 15px;padding:16px 12px;background:linear-gradient(135deg,#333438,#101114 65%);border:1px solid #686366;box-shadow:5px 6px 0 #151619,6px 7px 0 #5f4538,10px 18px 25px #0009;transform:rotateY(-20deg) rotateZ(-8deg)}
.bf-sheet img{width:70%;height:auto;display:block;margin-bottom:12px}
.bf-sheet span{display:block;font:500 5px/1.8 Montserrat;letter-spacing:.08em;color:#aaa}
.bf-sheet b{font:600 28px/1.4 Montserrat;color:#f5f5f5}
.bf-sheet i{display:inline-block;width:18%;height:9px;background:#ff7034;margin-right:5px}
.bf-sheet i:nth-last-child(2){background:#b5b5ba}.bf-sheet i:last-child{background:#08090b;border:1px solid #555}
.bf-swatch{position:absolute;width:45%;height:34px;bottom:0;right:0;border:1px solid #67554b;background:#141518;transform:rotate(-8deg);box-shadow:0 6px 15px #0008;display:flex;padding:7px;gap:4px}
.bf-swatch i{background:#ff7034;flex:1}.bf-swatch i:nth-child(2){background:#b5b5ba}.bf-swatch i:last-child{background:#08090b}
.bf-specimen-0 .bf-sheet b,.bf-specimen-0 .bf-sheet i{display:none}.bf-specimen-0 .bf-sheet{display:flex;flex-direction:column;justify-content:center;align-items:center}
.bf-specimen-1 .bf-sheet{background:linear-gradient(125deg,#d9d4cb,#aaa59b);transform:rotateY(18deg) rotateZ(9deg)}.bf-specimen-1 .bf-sheet b,.bf-specimen-1 .bf-sheet span{color:#17181c}
.bf-specimen-2 .bf-sheet{inset:25px 0 20px;transform:rotateY(-15deg) rotateZ(-4deg)}.bf-specimen-2 .bf-sheet b{display:none}
.bf-specimen-3 .bf-sheet{inset:0 22%;border-radius:9px;transform:rotateY(-20deg) rotateZ(9deg)}
.bf-benefits-section{position:relative;isolation:isolate;min-height:410px}
.bf-mountains{position:absolute;inset:0;z-index:-2;overflow:hidden}
.bf-mountains svg{width:100%;height:100%;opacity:.7}
.bf-benefits-section::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08090b 5%,#08090be8 30%,#08090b50 70%),linear-gradient(0deg,#08090bea,transparent)}
.bf-backlight{opacity:.3}
.bf-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;align-self:end;padding-top:75px}
.bf-benefits p{color:#d0d0d5!important;margin:0}
.bf-benefit-icon{width:58px;height:58px;border:1px solid #646060;background:linear-gradient(145deg,#343438,#0c0d10);border-radius:10px;display:grid;place-items:center;margin-bottom:22px;box-shadow:5px 5px 0 #090a0c,0 6px 20px #0008}
.bf-benefit-icon svg{width:30px;height:30px;color:#ff7034}
.bf-stages{--progress:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;position:relative;isolation:isolate}
.bf-stages::before,.bf-stages::after{content:"";position:absolute;left:9%;right:9%;top:59px;height:1px;z-index:-1;background:#554238}
.bf-stages::after{background:#ff7034;box-shadow:0 0 7px #ff703470;transform:scaleX(var(--progress));transform-origin:left}
.bf-node{position:relative;height:116px;width:116px;display:grid;place-items:center;margin:0 auto 24px;background:linear-gradient(135deg,#77716c 0%,#17181c 20%,#39322d 21%,#08090b 44%,#524239 45%,#141518 48%,#08090b 75%,#c56634);clip-path:polygon(30% 0,75% 3%,100% 32%,92% 78%,64% 100%,20% 88%,0 52%,7% 20%);filter:drop-shadow(0 10px 10px #000);transform:perspective(600px) rotateY(-8deg)}
.bf-node::before{content:"";position:absolute;inset:14px;background:linear-gradient(145deg,#292b2f,#090a0c);clip-path:polygon(25% 0,80% 6%,100% 42%,77% 100%,20% 87%,0 30%);border:1px solid #ff7034}
.bf-node>span{position:absolute;top:17px;left:29px;font:700 13px/1 Montserrat;color:#ff7034}
.bf-node svg{position:relative;width:35px;height:35px;color:#ff7034;margin-top:18px}
.bf-stages.is-motion li:not(.is-active) .bf-node svg{color:#b5b5ba}
.bf-stages p{margin:0}
.bf-work{overflow:clip}
.bf-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;perspective:1200px}
.bf-project,.bf-project:visited{color:#f5f5f5;text-decoration:none;display:block;border:1px solid #ffffff25;border-radius:5px;background:#0c0d10;min-width:0}
.bf-project figure{margin:0;overflow:hidden}
.bf-project img{width:100%;height:auto;display:block;aspect-ratio:1.5;object-fit:cover;transition:transform .45s}
.bf-project:hover img{transform:scale(1.025)}
.bf-project>div{position:relative;padding:22px 32px 22px 20px}
.bf-project p{margin:0}.bf-project>div>span{position:absolute;right:12px;top:20px;color:#ff7034;font-size:24px}
.bf-order{position:relative;background:radial-gradient(ellipse at right,#ff70341f,transparent 70%)}
.bf-order-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:70px;align-items:center}
.branding-page main .bf-order-note{font-size:14px;max-width:45ch}
.bf-brand-kit{position:relative;min-height:360px;perspective:1000px}
.bf-kit-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 95%,transparent)}
.bf-book{position:absolute;left:35%;top:4%;width:35%;height:85%;background:linear-gradient(120deg,#343235,#111215 40%,#08090b);border:1px solid #896047;border-left:5px solid #ff7034;border-radius:3px;transform:rotateY(-18deg) rotateZ(-13deg);box-shadow:8px 8px 0 #222326,10px 10px 0 #74665d,0 25px 40px #000a;padding:30px 22px}
.bf-book img{display:block;width:75%;margin-bottom:25px}.bf-book span{font:500 clamp(22px,2.4vw,36px)/1.2 Montserrat;color:#f5f5f5}.bf-book small{position:absolute;bottom:22px;left:22px;font:500 8px/1.5 Montserrat;letter-spacing:.13em;color:#ff7034}
.bf-stationery{position:absolute;left:8%;bottom:5%;width:43%;padding:25px;background:linear-gradient(135deg,#27282d,#08090b);border:1px solid #7a5640;transform:rotateZ(-7deg) rotateY(10deg);box-shadow:0 10px 25px #000a}
.bf-stationery img{width:60%}.bf-stationery i{display:block;width:35%;height:2px;background:#ff7034;margin-block:15px}.bf-stationery span{font:600 7px/1.5 Montserrat;letter-spacing:.1em}
.bf-faq{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start}
.bf-faq details{border-bottom:1px solid #ffffff26}
.bf-faq summary{cursor:pointer;list-style:none;position:relative;padding:22px 26px 22px 0;font-size:16px;line-height:1.6}
.bf-faq summary::-webkit-details-marker{display:none}.bf-faq summary:hover{color:#ff9b6e}
.bf-faq summary>span{position:absolute;right:0;top:29px;width:12px;height:12px}
.bf-faq summary>span::before,.bf-faq summary>span::after{content:"";position:absolute;top:5px;width:12px;height:1px;background:#ff7034}
.bf-faq summary>span::after{transform:rotate(90deg)}.bf-faq details[open] summary>span::after{transform:none}
.bf-faq details p{margin:0;padding:0 20px 24px 0}.bf-faq a,.bf-faq a:visited{color:#f5f5f5;text-underline-offset:3px}
.bf-final{position:relative;isolation:isolate;min-height:510px;padding:90px 0;display:flex;align-items:center}
.bf-final-scene{position:absolute;inset:0;z-index:-2}.bf-final-scene svg{width:100%;height:100%}
.bf-final::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08090be8,#08090b99 45%,transparent 75%)}
.bf-final-copy{width:50%}
@media(max-width:1200px){.bf-shell{width:90%}.bf-split{grid-template-columns:1fr;gap:36px}.bf-lead{max-width:690px}.bf-hero{min-height:750px}.bf-benefits{padding-top:20px}.bf-section{padding:56px 0}.bf-order-grid{gap:36px}}
@media(max-width:1024px){.bf-hero{display:flex;flex-direction:column;padding:125px 0 0;min-height:0}.bf-hero-copy{order:-1}.bf-hero-copy>h1,.bf-hero-copy>.bf-actions,.branding-page main .bf-intro{max-width:720px}.bf-proof{max-width:100%}.bf-scene{position:relative;width:100%;aspect-ratio:1.65;z-index:0;margin-top:20px}.bf-forge-map{height:100%;position:absolute;inset:0}.bf-scene::after{background:linear-gradient(0deg,#08090b,transparent 15%),linear-gradient(180deg,#08090b,transparent 10%)}.bf-final-copy{width:65%}.bf-order-grid{grid-template-columns:1fr 1fr}.bf-book{width:46%;left:32%;padding:22px 16px}.bf-stationery{width:55%}}
@media(max-width:768px){.bf-shell{width:auto;margin-inline:24px}.bf-hero-copy{width:calc(100% - 48px)}.bf-section{padding:48px 0}.bf-offerings{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bf-stages{gap:20px}.bf-node{width:100px;height:100px}.bf-projects{gap:15px}.bf-project>div{padding:18px 25px 18px 16px}.branding-page main .bf-project h3{font-size:18px}.bf-order-grid{grid-template-columns:1fr}.bf-brand-kit{min-height:350px}.bf-book{width:33%;left:39%}.bf-stationery{width:36%;left:17%}.bf-final-copy{width:65%}.bf-faq{gap:0 22px}}
@media(max-width:600px){.bf-hero{padding-top:110px}.branding-page main h1{font-size:clamp(40px,9.5vw,56px)}.branding-page main h2{font-size:32px}.branding-page main .bf-intro{font-size:17px}.bf-proof{font-size:13px;gap:12px}.bf-actions{gap:12px}.bf-button{font-size:10px;padding:15px 18px;gap:20px}.bf-scene{aspect-ratio:1.1}.bf-offerings{gap:16px}.bf-offerings article{padding:14px}.bf-offerings h3{font-size:18px!important}.bf-sheet{padding:12px 8px}.bf-sheet span{font-size:4px}.bf-specimen{height:140px}.bf-benefits{grid-template-columns:1fr;gap:28px}.bf-benefits article{padding-left:77px;position:relative}.bf-benefit-icon{position:absolute;left:0;top:0}.bf-benefits-section::after{background:linear-gradient(90deg,#08090bf2,#08090baa)}.bf-stages{grid-template-columns:1fr 1fr;gap:28px}.bf-stages::before,.bf-stages::after{display:none}.bf-node{margin-left:0}.bf-projects{grid-template-columns:1fr;gap:24px}.bf-faq{grid-template-columns:1fr}.bf-final{padding:55px 0 270px;min-height:0}.bf-final-copy{width:100%}.bf-final-scene{top:auto;height:340px}.bf-final-scene svg{width:150%;margin-left:-50%}.bf-final::after{background:linear-gradient(180deg,#08090b 25%,#08090bba 50%,transparent 80%)}.bf-brand-kit{min-height:290px}.bf-book{width:43%;left:38%;padding:22px 15px}.bf-book span{font-size:24px}.bf-book small{font-size:6px;left:15px}.bf-stationery{width:46%;left:4%;padding:20px}}
@media(prefers-reduced-motion:reduce){.branding-page main *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bf-energy{opacity:.35}}