:root{font-family:Inter,"Segoe UI",Arial,sans-serif;scroll-behavior:smooth;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);transition:background .4s,color .4s}body[data-mode="dark"]{--bg:#111314;--fg:#f1ece7;--muted:#c1b7af;--accent:#c7a179;--line:#36383a;--surface:#222427;--sky:#1a2831;--over:#080d10;--haze:#b1784c}body[data-mode="darker"]{--bg:#050505;--fg:#f1e9de;--muted:#aca5a0;--accent:#d6ad7b;--line:#302b26;--surface:#131313;--sky:#0d1217;--over:#040506;--haze:#996334}body[data-mode="light"]{--bg:#eeeae2;--fg:#231f1b;--muted:#665c52;--accent:#8e6744;--line:#c7bdaf;--surface:#ddd5ca;--sky:#e3ddd3;--over:#eae3d9;--haze:#c3a586;color-scheme:light}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip{position:absolute;z-index:30;top:-100px;background:#e8c8a5;color:#15110b;padding:12px}.skip:focus{top:12px}.masthead{height:92px;position:absolute;top:0;left:0;right:0;z-index:12;display:flex;justify-content:space-between;align-items:center;padding:0 4.2%;border-bottom:1px solid #cfa47542;background:#0a0b0b17;backdrop-filter:blur(6px)}.masthead-logo{width:167px;line-height:0}.masthead-logo img{width:100%}.main-nav{display:flex;gap:34px;align-items:center}.main-nav a{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:650;white-space:nowrap}.main-nav a:hover{color:var(--accent)}.controls{display:flex;gap:15px;align-items:center}.mode-control{display:flex;align-items:center;gap:2px;border:1px solid #ccab844f;padding:4px}.mode-control button{background:transparent;border:0;color:var(--fg);font-size:9px;text-transform:uppercase;letter-spacing:.1em;padding:8px 9px}.mode-control button[aria-pressed="true"]{background:var(--accent);color:#16110d;font-weight:750}.menu{display:none;border:0;background:transparent;padding:8px}.menu span{display:block;width:21px;height:1px;margin:5px;background:var(--fg)}
.hero{height:min(920px,100svh);min-height:680px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:165px 7.4% 70px}.hero-sky,.hero-environment,.hero-scrim,.hero-horizon,.hero-structure,.hero-ambient{position:absolute;pointer-events:none}.hero-sky{inset:0;z-index:-8;background:radial-gradient(ellipse at 80% 80%,color-mix(in srgb,var(--haze),transparent 40%) 0%,transparent 40%),linear-gradient(120deg,var(--over),var(--sky) 69%,var(--haze))}.hero-environment{right:-3%;bottom:-4%;width:75%;height:82%;background-image:url('../assets/photography/hero-darker.webp');background-size:cover;background-position:bottom center;z-index:-7;mask-image:linear-gradient(90deg,transparent 0%,black 45%),linear-gradient(0deg,black 60%,transparent 100%);mask-composite:intersect;filter:saturate(.74) contrast(1.13)}body[data-mode="dark"] .hero-environment{background-image:url('../assets/photography/hero-dark.webp')}body[data-mode="light"] .hero-environment{background-image:url('../assets/photography/hero-light.webp');filter:saturate(.75)}.hero-scrim{inset:0;z-index:-4;background:linear-gradient(90deg,var(--over) 0%,#07090988 41%,transparent 86%),linear-gradient(0deg,var(--over) 0%,transparent 45%)}body[data-mode="light"] .hero-scrim{background:linear-gradient(90deg,#eee9e2 0%,#eee9e2b8 38%,transparent 84%),linear-gradient(0deg,#eee9e2 0%,transparent 44%)}.hero-horizon{width:78vw;height:78vw;right:-22vw;bottom:-52vw;border-radius:50%;border-top:2px solid #d7a46a;transform:rotate(-12deg);box-shadow:0 -9px 24px -15px #edc28e,0 -3px 20px -9px #ab723d;z-index:-6;opacity:.72}body[data-mode="light"] .hero-horizon{display:none}.hero-structure{right:7%;bottom:-7%;width:19%;height:67%;z-index:-5;transform:skewX(-13deg);border-left:24px solid color-mix(in srgb,var(--accent),#0b0b0b 67%);border-right:3px solid #caa87b33;background:linear-gradient(90deg,#16181a22,#09090bcf);box-shadow:-2px 0 60px -9px #efbc8c26}body[data-mode="light"] .hero-structure{background:linear-gradient(90deg,#c0ae9fa8,#e3d6c9ad);border-left:30px solid #b8a38b88}.hero-structure span:first-child{position:absolute;top:8%;right:16%;height:60%;border-right:2px solid #cb986e}.hero-structure span:nth-child(2){position:absolute;bottom:5%;right:30%;width:1px;height:88%;background:#b58f6545}.hero-structure span:last-child{position:absolute;bottom:30%;left:-14%;width:130%;height:1px;background:#e0a36a22}.hero-ambient{inset:0;z-index:-2;background:radial-gradient(ellipse at 79% 44%,transparent 0%,#00000042 90%)}body[data-mode="light"] .hero-ambient{background:transparent}.hero-main{position:relative;z-index:2}.hero-index{display:block;font-size:11px;letter-spacing:.33em;color:var(--accent);margin-bottom:35px}.hero h1{margin:0;max-width:1080px}.hero h1 img{display:block;width:min(88%,1000px);filter:drop-shadow(0 8px 7px #0008)}body[data-mode="light"] .hero h1 img{filter:grayscale(1) contrast(2) brightness(.42)}.hero-descriptor{margin:10px 0 66px 5px;font-size:clamp(10px,1.08vw,15px);letter-spacing:.37em;text-transform:uppercase;white-space:nowrap}.hero-message{margin:0;font-size:clamp(46px,6.4vw,102px);font-weight:600;letter-spacing:-.07em;line-height:.95;max-width:850px}.hero-message em{font-style:normal;color:var(--accent)}.hero-lower{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;z-index:2}.industries{display:flex;gap:0;flex-wrap:wrap}.industries span{padding:0 20px;border-right:1px solid var(--accent);font-size:10px;letter-spacing:.21em;font-weight:700}.industries span:first-child{padding-left:0}.industries span:last-child{border:0}.outline-link{font-size:10px;letter-spacing:.16em;white-space:nowrap;font-weight:750;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--accent),transparent 20%);padding:18px 19px;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:#0004}.outline-link:hover{background:var(--accent);color:#080808}.outline-link b{font-size:17px}.vertical-id{position:absolute;right:2%;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.3em;color:var(--muted)}
.intro{padding:130px 7.4% 100px;background:var(--bg)}.intro-top{display:grid;grid-template-columns:1fr 2.6fr 1.7fr;align-items:start;gap:44px}.intro-top>span,.section-header>span,.identity-statement>span,.contact>span{font-size:10px;letter-spacing:.25em;color:var(--accent);font-weight:750}.intro h2,.section-header h2,.identity-statement h2{font-size:clamp(40px,5vw,76px);line-height:1.05;font-weight:550;letter-spacing:-.07em;margin:0}.intro h2 em,.section-header h2 em{font-style:normal;color:var(--accent)}.intro-top p,.identity-statement p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 28px}.intro-top a{display:inline-block;font-size:10px;letter-spacing:.16em;border-bottom:1px solid var(--accent);padding-bottom:15px}.intro-top a span{margin-left:30px}.metrics{margin-top:95px;padding-top:35px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.metrics div{display:flex;flex-direction:column;gap:30px;border-right:1px solid var(--line);padding-left:25px}.metrics div:first-child{padding-left:0}.metrics div:last-child{border:0}.metrics strong{font-size:46px;font-weight:300;color:var(--accent)}.metrics span{font-size:10px;letter-spacing:.18em}
.brands{padding:90px 7.4% 120px;background:var(--surface)}.section-header{display:grid;grid-template-columns:1fr 4.3fr;align-items:start;gap:30px;margin-bottom:60px}.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.brand-card{height:420px;position:relative;overflow:hidden;background:#0a0b0c;color:white;isolation:isolate}.brand-card .brand-scene{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;filter:saturate(.78);transform:scale(1.1);transition:transform .5s}.brand-card:hover .brand-scene{transform:scale(1.16)}.brand-card .brand-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050505 1%,#060607ac 50%,transparent)}.brand-card.signal .brand-scene{background-image:url('../assets/photography/product-signal-rodeo-clean.webp')}.brand-card.praxis .brand-scene{background-image:url('../assets/photography/product-praxis.webp')}.brand-card.argus .brand-scene{background-image:url('../assets/photography/product-argus.webp')}.brand-card.nous .brand-scene{background-image:url('../assets/photography/product-nous.webp')}.brand-card.studios .brand-scene{background-image:url('../assets/photography/product-studios.webp')}.brand-content{position:absolute;inset:auto 20px 23px;display:flex;flex-direction:column;align-items:flex-start}.brand-content .rabbit-logo{width:75px;height:75px;object-fit:contain;display:block}.brand-content .brand-icon{font-size:70px;font-weight:200;line-height:1.2}.brand-content img.brand-monogram{width:70px;height:85px}.brand-card h3{font-size:clamp(19px,1.9vw,28px);text-transform:uppercase;letter-spacing:.035em;line-height:1.1;margin:17px 0}.brand-card p{font-size:13px;line-height:1.55;min-height:60px;color:#d1c7bb;margin:0 0 18px}.brand-card span{font-size:8px;color:#e0ba8d;letter-spacing:.17em}
.identity-preview{padding:125px 7.4%;display:grid;grid-template-columns:1.25fr 2fr;gap:60px}.identity-statement{padding:20px 0}.identity-statement h2{margin:28px 0}.identity-statement p{max-width:390px}.mode-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-preview-grid button{border:1px solid var(--line);padding:0;background:var(--surface);color:var(--fg);text-align:left;display:flex;flex-direction:column;overflow:hidden}.mode-image{height:210px;width:100%;display:block;background-size:cover;background-position:center}.dark-preview{background-image:linear-gradient(#0003,#0007),url('../assets/photography/hero-dark.webp')}.darker-preview{background-image:linear-gradient(#0003,#0006),url('../assets/photography/hero-darker.webp')}.light-preview{background-image:linear-gradient(#fff2,#fff4),url('../assets/photography/hero-light.webp')}.mode-preview-grid strong{padding:20px 20px 2px;letter-spacing:.16em}.mode-preview-grid small{padding:0 20px 20px;color:var(--muted);letter-spacing:.15em}.mode-preview-grid button:hover{border-color:var(--accent)}.contact{padding:120px 7.4%;background:linear-gradient(115deg,var(--surface),var(--bg));display:grid;grid-template-columns:1fr 4.3fr;gap:30px;border-top:1px solid var(--line)}.contact h2{font-size:clamp(45px,7.5vw,115px);line-height:1.0;letter-spacing:-.075em;margin:0 0 55px}.contact a{display:inline-flex;gap:75px;border:1px solid var(--accent);padding:20px 25px;font-size:10px;letter-spacing:.17em}.contact a:hover{background:var(--accent);color:#0c0906}footer{padding:45px 7.4%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer img{width:185px}footer p,footer a{font-size:10px;letter-spacing:.18em}footer>div{display:flex;gap:25px}footer a:hover{color:var(--accent)}
@media(max-width:1250px){.main-nav{gap:14px}.main-nav a{font-size:9px}.brand-grid{grid-template-columns:repeat(3,1fr)}.brand-card{height:320px}.hero-lower{align-items:start;flex-direction:column}.hero{padding-top:185px}.industries span{font-size:9px}}@media(max-width:900px){.masthead{height:74px}.masthead-logo{width:125px}.main-nav{position:absolute;display:none;left:0;right:0;top:74px;background:var(--bg);padding:25px 7%;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:19px}.main-nav.open{display:flex}.menu{display:block}.mode-control button{font-size:8px;padding:7px}.hero{height:740px;padding:170px 7% 50px}.hero h1 img{width:100%}.hero-descriptor{font-size:10px;white-space:normal;line-height:2}.hero-message{font-size:65px}.hero-environment{width:100%}.intro-top,.section-header,.identity-preview,.contact{grid-template-columns:1fr}.intro-top{gap:28px}.metrics{grid-template-columns:repeat(2,1fr);gap:25px}.brand-grid{grid-template-columns:repeat(2,1fr)}.identity-preview{gap:35px}.section-header{gap:25px}}@media(max-width:600px){.masthead{padding:0 5%}.masthead-logo{width:112px}.controls{gap:8px}.mode-control{padding:2px}.mode-control button{font-size:7px;padding:7px 5px}.hero{height:750px;min-height:650px;padding:160px 6% 45px}.hero-index{font-size:9px;letter-spacing:.2em}.hero-descriptor{font-size:8px;letter-spacing:.2em;margin:6px 0 80px}.hero-message{font-size:54px}.hero-environment{height:68%;right:-25%;width:140%;opacity:.7}.hero-structure{right:-3%;height:48%;width:25%}.hero-scrim{background:linear-gradient(90deg,var(--over),transparent 100%),linear-gradient(0deg,var(--over),transparent 65%)}.hero-lower{gap:22px}.industries{gap:11px}.industries span{border:none;font-size:8px;padding:0!important;letter-spacing:.14em}.outline-link{font-size:9px;padding:15px}.vertical-id{display:none}.intro,.brands,.identity-preview,.contact{padding:75px 6%}.intro h2,.section-header h2,.identity-statement h2{font-size:43px}.metrics{margin-top:60px}.metrics strong{font-size:38px}.brand-grid{grid-template-columns:1fr 1fr;gap:8px}.brand-card{height:300px}.brand-content{left:12px;right:12px;bottom:14px}.brand-card h3{font-size:19px}.brand-card p{font-size:11px;min-height:90px}.brand-card span{font-size:7px}.brand-content .brand-icon{font-size:45px}.brand-content .rabbit-logo{width:75px;height:75px;object-fit:contain;display:block}.mode-preview-grid{gap:6px}.mode-image{height:110px}.mode-preview-grid strong{font-size:10px;padding:9px}.mode-preview-grid small{font-size:7px;padding:0 9px 9px}.contact h2{font-size:48px}footer{padding:35px 6%;flex-wrap:wrap}footer p{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

.brand-icon-svg{width:76px;height:83px;display:block;fill:none;stroke:#f1ece5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
