:root{--paper:#f1ede7;--ink:#101112;--muted:#b0aaa4;--accent:#efa36f;--line:#ffffff1b;--font:'Montserrat',sans-serif;--sc-canvas:#101112;--sc-ink:#f1ede7;--sc-font-text:var(--font);--sc-font-display:var(--font)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:clip}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit}button,a,video{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,video:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font);font-weight:400;letter-spacing:-.06em;line-height:1.16;text-wrap:balance}h1{font-size:clamp(46px,5.5vw,82px)}h2{font-size:clamp(34px,3.5vw,52px)}h3{font-size:clamp(27px,2.6vw,38px)}p{font-size:14px;line-height:1.7}img{display:block;width:100%;height:auto}header{height:85px;position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;gap:30px}.brand{font-size:27px;font-weight:700;letter-spacing:-1.7px}.brand span{color:var(--accent)}nav{display:flex;gap:32px;font-size:12px;color:#d8d3ce}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 22px;border:1px solid #ffffff30;border-radius:40px;background:#ffffff09;font-size:11px;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{background:#ffffff18;transform:translateY(-2px)}.primary{background:var(--paper);color:var(--ink);padding:18px 28px;font-size:12px;border-color:transparent}.primary:hover{background:#e7c7ae}.overline{font-size:11px;color:#d0c6bd;display:flex;align-items:center;gap:9px}.overline i{width:5px;height:5px;background:var(--accent);border-radius:50%;display:inline-block}.section{max-width:1440px;margin:0 auto;padding:100px 8vw}.landscape-hero{height:195svh;position:relative;background:#22252a}.landscape-stage{height:100svh;position:sticky;top:0;overflow:hidden;perspective:1500px;isolation:isolate}.sky{position:absolute;inset:0;background:linear-gradient(#24282e,#554b4a 70%,#a87252);z-index:-4}.far-land{position:absolute;inset:-10% -6%;background:url('assets/copper-landscape.jpg') center/cover no-repeat;z-index:-3;will-change:transform}.hero-message{position:absolute;top:16vh;left:5vw;right:5vw;text-align:center;z-index:4;will-change:transform,opacity}.hero-message .overline{justify-content:center;margin-bottom:24px}.hero-message h1{max-width:950px;margin:0 auto}.hero-description{margin-top:24px;color:#d3cdc8;font-size:14px;line-height:1.65}.hero-message .button{margin-top:28px}.hero-product{position:absolute;top:65vh;left:14%;width:72%;z-index:1;border:6px solid #282625;border-radius:16px;background:#242322;box-shadow:0 35px 90px #0008;transform-origin:50% 25%;will-change:transform}.hero-product img{border-radius:10px 10px 0 0}.hero-product p{font-size:9px;text-align:center;padding:10px;color:#c7bcb2}.near-land{position:absolute;inset:0 -8% -12%;z-index:3;background:url('assets/copper-landscape.jpg') center bottom/cover no-repeat;clip-path:polygon(0 65%,8% 68%,17% 75%,29% 84%,42% 89%,55% 91%,68% 88%,78% 80%,89% 72%,100% 66%,100% 100%,0 100%);pointer-events:none;will-change:transform}.hero-seam{position:absolute;inset:70% 0 0;z-index:5;background:linear-gradient(transparent,#101112);pointer-events:none}.perspective{display:grid;grid-template-columns:1fr 3fr;gap:50px;padding-top:130px;padding-bottom:140px}.side-label{font-size:11px;color:var(--muted);padding-top:12px}.reading{font-size:clamp(27px,2.7vw,40px);line-height:1.45;letter-spacing:-.04em;max-width:900px}.reading span{color:var(--paper);opacity:.25}.secondary-reading{margin-top:28px;font-size:clamp(20px,1.85vw,28px)}.section-heading{display:flex;justify-content:space-between;gap:65px;align-items:end;margin-bottom:50px}.section-heading h2 span{color:#a8a39e}.section-heading .overline{margin-bottom:25px}.section-heading>p{max-width:330px;color:var(--muted);font-size:13px}.analytics{padding-top:40px}.product-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.product-tabs button{border:1px solid transparent;background:transparent;color:var(--muted);padding:16px 12px;border-radius:35px;font-size:12px;cursor:pointer;transition:background .2s,color .2s}.product-tabs button[aria-selected=true]{background:#ffffff0e;border-color:var(--line);color:var(--paper)}.analytics-window{height:550px;position:relative;background:#1b1a18;border:1px solid #ffffff1c;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;perspective:1500px}.product-land{position:absolute;inset:0;background:linear-gradient(#10111266,#10111222),url('assets/copper-landscape.jpg') center 72%/cover;opacity:.6}.analytics-window>img{position:relative;width:90%;border-radius:9px;box-shadow:0 30px 70px #0007;transform:rotateX(6deg);transition:opacity .18s,transform .35s}.analytics-window>img.changing{opacity:.15;transform:translateY(12px) rotateX(6deg)}.product-caption{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:22px}.product-caption p{font-size:12px;color:#c0b8b0}.product-caption>span{font-size:9px;color:#958e87;white-space:nowrap}.workflow{padding-top:120px;padding-bottom:60px}.stack{position:relative}.workflow-card{min-height:560px;position:sticky;top:100px;display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;background:linear-gradient(130deg,#202021,#141515);border:1px solid #ffffff20;border-radius:18px;overflow:hidden;margin-bottom:80px;transform-origin:center top;box-shadow:0 -12px 50px #0003;will-change:transform}.workflow-card:nth-child(2){top:120px}.workflow-card:nth-child(3){top:140px}.card-copy{padding:65px 0 65px 45px;display:flex;flex-direction:column;justify-content:center}.card-label{font-size:11px;color:var(--accent);margin-bottom:32px}.card-copy h3{margin-bottom:25px}.card-copy>p:not(.card-label){color:var(--muted);font-size:13px;max-width:310px}.card-media{align-self:center;position:relative;padding:50px 25px 50px 0;perspective:1000px}.card-media img{border-radius:8px;box-shadow:0 25px 50px #0007;transform:rotateY(-5deg);transform-origin:left center}.workflow-card:nth-child(2) .card-media{padding-right:45px}.sample-note{font-size:9px;line-height:1.5;color:#99918a;margin-top:25px}.campaigns{padding-top:70px;padding-bottom:110px}.campaign-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:920px;margin:0 auto}.campaign-item{will-change:transform}.campaign-item:nth-child(2){padding-top:65px}.campaign-item:nth-child(3){padding-top:25px}video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border:1px solid #ffffff25;border-radius:12px;background:#151515}.campaign-item figcaption{font-size:11px;margin-top:16px;line-height:1.8}.campaign-item figcaption span{display:block;color:#9f9891;font-size:10px}.closing{height:850px;max-height:110svh;min-height:660px;position:relative;isolation:isolate;overflow:hidden;background:#1a1d20}.close-land{position:absolute;inset:0;background:url('assets/copper-landscape.jpg') center/cover;z-index:-2}.closing:before{content:'';position:absolute;inset:0;background:linear-gradient(#101112 0%,#10111215 45%,#101112 100%);z-index:-1}.close-copy{padding:100px 5vw 0;text-align:center}.close-copy .overline{justify-content:center;margin-bottom:25px}.close-copy h2{font-size:clamp(40px,4.7vw,70px)}.close-copy>p:not(.overline){margin:25px 0;color:#c7beb6}.closing-mark{position:absolute;bottom:0;left:0;right:0;font-size:19vw;line-height:1.1;font-weight:600;letter-spacing:-1.4vw;text-align:center;color:#ede4dc1c;pointer-events:none}footer{padding:36px 6vw;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;border-top:1px solid var(--line)}footer p{font-size:11px;color:var(--muted)}footer>div{display:flex;gap:25px}
@media(min-width:1600px){.hero-product{width:64%;left:18%}.hero-message{top:15vh}}@media(max-width:900px){nav{gap:20px}.section{padding-left:6vw;padding-right:6vw}.workflow-card{gap:25px}.card-copy{padding-left:30px}.section-heading{gap:35px}.hero-product{left:7%;width:86%}.analytics-window{height:430px}}@media(max-width:700px){header{height:78px;padding:0 6vw;gap:15px}.brand{font-size:23px}nav{display:none}.nav-cta{font-size:9px;padding:11px 14px;gap:12px}.section{padding:75px 6vw}.landscape-hero{height:165svh}.hero-message{top:16vh;left:6vw;right:6vw}.hero-message h1{font-size:clamp(37px,9.5vw,59px);letter-spacing:-.065em}.hero-message .overline{font-size:9px;margin-bottom:20px}.hero-description{font-size:12px;max-width:300px;margin:22px auto 0}.hero-message .button{font-size:11px;padding:16px 23px;margin-top:24px}.hero-product{top:66vh;left:-14%;width:128%;border-width:4px;border-radius:10px}.hero-product p{font-size:8px;padding:8px}.far-land{inset:0 -40%;background-position:center bottom}.near-land{inset:0 -20% -8%;clip-path:polygon(0 72%,10% 76%,22% 85%,40% 92%,60% 92%,80% 83%,100% 74%,100% 100%,0 100%)}.perspective{display:block;padding-top:90px;padding-bottom:90px}.side-label{margin-bottom:30px}.reading{font-size:27px}.secondary-reading{font-size:20px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:34px}.section-heading>p{margin-top:24px;font-size:12px}.product-tabs{gap:4px}.product-tabs button{font-size:9px;padding:13px 7px}.analytics-window{height:270px;border-radius:12px}.analytics-window>img{width:95%}.product-caption{display:block}.product-caption>span{display:block;margin-top:12px}.product-caption p{font-size:11px}.workflow{padding-top:55px}.workflow-card{display:block;min-height:0;top:35px;margin-bottom:40px;border-radius:14px}.workflow-card:nth-child(2){top:48px}.workflow-card:nth-child(3){top:61px}.card-copy{padding:30px 25px 15px}.card-label{font-size:10px;margin-bottom:20px}.card-copy h3{font-size:29px;margin-bottom:15px}.card-copy>p:not(.card-label){font-size:11px}.card-media,.workflow-card:nth-child(2) .card-media{padding:20px 20px 30px}.card-media img{transform:none;max-height:240px;object-fit:contain}.sample-note{margin-top:15px}.campaigns{padding-top:30px}.campaign-gallery{gap:12px;grid-template-columns:repeat(2,1fr)}.campaign-item:nth-child(2){padding-top:45px}.campaign-item:nth-child(3){grid-column:1/-1;width:52%;margin:5px auto 0;padding-top:0}.campaign-item figcaption{font-size:9px}.campaign-item figcaption span{font-size:8px}video{border-radius:8px}.closing{height:730px;min-height:620px}.close-copy{padding:90px 6vw 0}.close-copy h2{font-size:39px}.close-copy .overline{font-size:9px}.close-copy>p:not(.overline){font-size:12px}.closing-mark{bottom:45px}footer{flex-wrap:wrap;padding:30px 6vw}footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.landscape-hero{height:1150px;max-height:150svh;min-height:900px}.landscape-stage{height:100%;position:relative}.hero-message,.hero-product,.near-land,.far-land,.campaign-item,.workflow-card,.close-land{transform:none!important;opacity:1!important}.hero-product{top:580px}.reading span{opacity:1!important}.workflow-card{position:relative;top:auto!important}.analytics-window>img{transition:none}.button{transition:none}.hero-message{top:140px}@media(max-width:700px){.landscape-hero{height:900px;min-height:800px}.hero-product{top:510px}.hero-message{top:125px}}}
.hero-seam{inset:88% 0 0}@media(max-width:700px){.far-land{inset:-15% -40%}.desktop{display:none}}

/* Orbit-style product reveal and distinct campaign examples. */
.hero-message{top:19vh}.hero-product{transform-origin:50% 50%}.campaign-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:670px;gap:45px}.competitions{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-top:90px;padding-bottom:110px}.competition-copy .overline{margin-bottom:25px}.competition-copy h2 span{color:#a8a39e}.competition-copy>p:not(.overline){max-width:340px;color:var(--muted);margin:25px 0 30px}.competition-media{max-width:290px;justify-self:center}.competition-media figcaption{font-size:10px;color:var(--muted);margin-top:16px;line-height:1.6}@media(max-width:700px){.hero-message{top:20vh}.campaign-gallery{gap:20px}.competitions{grid-template-columns:1fr;gap:40px;padding-top:60px;padding-bottom:75px}.competition-media{width:70%;max-width:270px}.competition-copy h2{font-size:34px}.competition-copy>p:not(.overline){font-size:12px}.campaigns{padding-bottom:65px}}