@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--black:#050505;--black-2:#0b0b0b;--black-3:#121212;--white:#f4f4f1;--white-pure:#fff;--grey:#969696;--grey-dark:#555;--line:#2c2c2c;--line-light:#d0d0cc}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{background:var(--black);color:var(--white);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}.site-header{border-bottom:1px solid var(--line);z-index:10;height:88px;color:var(--white);background:#050505f5;justify-content:space-between;align-items:center;padding:0 4.5vw;display:flex;position:relative}.brand{align-items:center;gap:14px;min-width:290px;display:flex}.brand-logo{object-fit:contain;filter:none;flex:none;width:45px;height:45px}.brand-logo-light{filter:none}.brand b{letter-spacing:.18em;font-size:12px;font-weight:700;display:block}.brand small{color:#858585;letter-spacing:.14em;text-transform:uppercase;margin-top:5px;font-size:8px;display:block}.nav{letter-spacing:.08em;text-transform:uppercase;gap:38px;font-size:11px;display:flex}.nav a{color:#b0b0b0;transition:color .2s}.nav a:hover{color:#fff}.header-cta{text-transform:uppercase;letter-spacing:.12em;border:1px solid #555;gap:28px;padding:13px 18px;font-size:10px;transition:all .2s;display:flex}.header-cta:hover{background:var(--white);color:var(--black);border-color:var(--white)}.hero{background:var(--black);min-height:calc(100vh - 88px);color:var(--white);padding:9vh 6vw 0;position:relative;overflow:hidden}.hero-grid{z-index:0;opacity:.72;clip-path:polygon(50% 0,86% 10%,100% 46%,84% 88%,44% 100%,8% 78%,0 35%,18% 8%);background:conic-gradient(from 205deg at 48% 48%,#050505 0deg,#141414 52deg,#080808 105deg,#222 151deg,#070707 208deg,#171717 278deg,#050505 360deg);width:min(63vw,900px);height:min(63vw,900px);position:absolute;top:-9vw;right:-16vw}.hero:before{content:"";z-index:0;border:1px solid #2b2b2b;width:55vw;height:55vw;position:absolute;top:-5vw;right:-11vw;transform:rotate(45deg)}.hero:after{content:"ONYX";color:#0d0d0d;letter-spacing:-.08em;pointer-events:none;font-size:clamp(100px,18vw,310px);font-weight:800;line-height:.7;position:absolute;bottom:7vh;right:3vw}.hero-kicker{z-index:2;color:#898989;text-transform:uppercase;letter-spacing:.22em;align-items:center;gap:14px;font-size:9px;display:flex;position:relative}.hero-kicker span{background:#fff;width:50px;height:1px}.hero h1{z-index:2;letter-spacing:-.07em;text-transform:uppercase;max-width:1200px;margin:6vh 0 4vh;font-size:clamp(58px,7.6vw,124px);font-weight:700;line-height:.86;position:relative}.hero h1 em{color:#696969;font-style:normal;font-weight:300}.hero-bottom{z-index:2;justify-content:space-between;align-items:flex-end;gap:40px;margin-left:31vw;display:flex;position:relative}.hero-bottom>p{color:#a5a5a5;max-width:590px;margin:0;font-size:15px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.button{letter-spacing:.12em;text-transform:uppercase;border:1px solid #565656;justify-content:space-between;align-items:center;gap:36px;min-width:215px;padding:17px 20px;font-size:10px;transition:all .2s;display:inline-flex}.button-primary{background:var(--white);border-color:var(--white);color:var(--black);font-weight:700}.button-primary:hover{background:#d6d6d2}.button-ghost{color:#fff}.button-ghost:hover{border-color:#fff}.hero-specs{z-index:2;border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:7vh;display:grid;position:relative}.hero-specs>div{border-right:1px solid var(--line);align-items:center;gap:18px;padding:25px 26px 30px 0;display:flex}.hero-specs>div+div{padding-left:26px}.hero-specs strong{color:#fff;white-space:nowrap;font-size:25px}.hero-specs span{color:#737373;text-transform:uppercase;letter-spacing:.12em;font-size:9px;line-height:1.5}.section{padding:115px 6vw}.section-head{grid-template-columns:1fr 2fr 1.2fr;align-items:start;gap:5vw;margin-bottom:62px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#777;margin:7px 0;font-size:9px}.section-head h2{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(40px,4.6vw,72px);font-weight:650;line-height:.96}.section-head h2 span{color:#696969;font-weight:300}.section-head>p:last-child{color:#8c8c8c;margin:5px 0;font-size:13px;line-height:1.7}.services{background:var(--black-2);color:var(--white);border-top:1px solid var(--line)}.service-list{border-top:1px solid #363636}.service-card{border-bottom:1px solid #292929;grid-template-columns:80px 1fr 80px;gap:25px;padding:34px 0;transition:all .25s;display:grid}.service-card:hover{background:var(--white);color:var(--black);padding-left:18px;padding-right:18px}.service-index{color:#666;font:italic 15px Georgia,serif}.service-card h3{margin:0 0 12px;font-size:25px;font-weight:500}.service-card p{color:#888;max-width:700px;margin:0;font-size:13px;line-height:1.6}.service-card:hover p{color:#555}.tags{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.tags span{letter-spacing:.1em;text-transform:uppercase;border:1px solid #414141;padding:5px 9px;font-size:8px}.service-card:hover .tags span{border-color:#bcbcb8}.service-arrow{border:1px solid #454545;border-radius:50%;justify-self:end;place-items:center;width:42px;height:42px;transition:all .2s;display:grid}.service-card:hover .service-arrow{background:var(--black);border-color:var(--black);color:#fff}.projects{background:var(--black);color:#fff;border-top:1px solid var(--line)}.projects-inner{padding-top:110px;padding-bottom:100px}.section-head.light{grid-template-columns:1fr 2fr 1.2fr}.section-head.light h2 span{color:#616161}.section-head.light .eyebrow{color:#777}.section-head.light>p:last-child{color:#858585}.portfolio-categories{flex-wrap:wrap;gap:7px;margin-bottom:32px;display:flex}.portfolio-categories button{appearance:none;color:#888;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #353535;padding:11px 13px;font:9px Arial,sans-serif;transition:all .2s}.portfolio-categories button span{color:#777;background:#171717;border-radius:50%;place-items:center;min-width:20px;height:20px;margin-left:10px;display:inline-grid}.portfolio-categories button:hover{color:#fff;border-color:#888}.portfolio-categories button.active{background:var(--white);border-color:var(--white);color:var(--black)}.portfolio-categories button.active span{color:#fff;background:#111}.work-list{border-top:1px solid #353535}.work-item{border-bottom:1px solid #282828;grid-template-columns:70px 170px 1fr;align-items:start;gap:24px;padding:22px 0;transition:all .2s;display:grid}.work-number{color:#555;font:italic 12px Georgia,serif}.work-item>div{flex-direction:column;gap:5px;display:flex}.work-item strong{color:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:11px;line-height:1.5}.work-item small{color:#686868;letter-spacing:.1em;text-transform:uppercase;font-size:8px;line-height:1.4}.work-item p{color:#aaa;max-width:950px;margin:0;font-size:13px;line-height:1.6}.work-item:hover{background:#0d0d0d;padding-left:12px}.case-head{grid-template-columns:1fr 2fr 1.2fr;align-items:start;gap:5vw;margin:105px 0 38px;display:grid}.case-head h3{letter-spacing:-.045em;text-transform:uppercase;margin:0;font-size:clamp(31px,3vw,50px);line-height:1}.case-head>p:last-child{color:#858585;margin:0;font-size:12px;line-height:1.6}.case-list{border-top:1px solid #353535}.case-item{border-bottom:1px solid #292929}.case-item summary{cursor:pointer;grid-template-columns:70px 150px 1fr 45px;align-items:center;gap:24px;padding:26px 0;list-style:none;display:grid}.case-item summary::-webkit-details-marker{display:none}.case-item summary>span{color:#555;font:italic 12px Georgia,serif}.case-item summary>strong{color:#fff;letter-spacing:.1em;font-size:11px}.case-item h4{margin:0;font-size:19px;font-weight:500}.case-item summary i{border:1px solid #444;border-radius:50%;place-items:center;width:38px;height:38px;font:21px Arial;transition:all .2s;display:grid}.case-item[open] summary i{color:#000;background:#fff;border-color:#fff;transform:rotate(45deg)}.case-body{background:#323232;border:1px solid #323232;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 26px 244px;display:grid}.case-body>div{background:#0b0b0b;padding:24px}.case-body small{color:#fff;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:8px;display:block}.case-body p{color:#979797;margin:0;font-size:12px;line-height:1.65}.confidentiality{color:#575757;text-transform:uppercase;letter-spacing:.12em;margin:27px 0 0;font-size:9px;line-height:1.6}.process{background:var(--white);color:var(--black)}.process .section-head{grid-template-columns:1fr 3.2fr}.process .section-head h2 span{color:#8a8a86}.process .eyebrow{color:#656565}.steps{border-top:1px solid #9d9d99;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.steps li{border-right:1px solid #c5c5c1;padding:28px 24px 28px 0}.steps li+li{padding-left:24px}.steps span{color:#777;font:italic 14px Georgia,serif}.steps h3{margin:48px 0 13px;font-size:18px}.steps p{color:#666;margin:0;font-size:12px;line-height:1.6}.cta-section{color:#000;background:#fff;border-top:1px solid #bbb;grid-template-columns:2fr 1fr;align-items:end;gap:8vw;padding:90px 6vw;display:grid}.cta-section .eyebrow{color:#666}.cta-section h2{letter-spacing:-.055em;text-transform:uppercase;margin:22px 0 0;font-size:clamp(37px,4.2vw,68px);line-height:.96}.contact-block{flex-direction:column;align-items:flex-start;gap:13px;display:flex}.contact-mail{border-bottom:1px solid #555;padding-bottom:5px;font-size:24px;font-weight:700}.contact-block>a:nth-child(2){font-size:17px}.contact-block p{color:#666;max-width:350px;font-size:11px;line-height:1.6}footer{background:var(--black);color:#777;border-top:1px solid #252525;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding:48px 6vw;font-size:10px;line-height:1.55;display:grid}.footer-brand{color:#fff}.footer-brand .brand-logo{filter:none}footer>div:last-child{text-align:right}.service-page{background:var(--black);color:var(--white)}.service-hero{background:var(--black);color:#fff;border-bottom:1px solid var(--line);padding:11vh 6vw 12vh;position:relative;overflow:hidden}.service-hero:after{content:"";border:1px solid #252525;width:58vw;height:58vw;position:absolute;top:-20vw;right:-10vw;transform:rotate(45deg)}.service-hero>.hero-grid{z-index:0;opacity:.48;display:block;position:absolute;top:-21vw;right:-22vw}.service-hero>*{z-index:1;position:relative}.service-hero h1{letter-spacing:-.065em;text-transform:uppercase;max-width:1120px;margin:5vh 0 32px;font-size:clamp(52px,7.1vw,110px);line-height:.9}.service-lead{color:#999;max-width:700px;margin:0 0 38px;font-size:16px;line-height:1.7}.service-hero .button{width:max-content}.service-content{background:var(--white);color:var(--black)}.service-content .section-head{grid-template-columns:1fr 2fr 1.2fr}.service-content .section-head h2 span{color:#898985}.service-content .section-head>p:last-child{color:#666}.detail-grid{border-top:1px solid #999;border-left:1px solid #bbb;grid-template-columns:repeat(2,1fr);display:grid}.detail-grid article{border-bottom:1px solid #bbb;border-right:1px solid #bbb;min-height:230px;padding:31px}.detail-grid article>span{color:#777;font:italic 13px Georgia,serif}.detail-grid h3{margin:52px 0 12px;font-size:23px}.detail-grid p{color:#666;max-width:530px;font-size:13px;line-height:1.65}.deliverables{background:var(--black);color:#fff;grid-template-columns:1fr 1fr;gap:8vw;padding:100px 6vw;display:grid}.deliverables h2{letter-spacing:-.055em;text-transform:uppercase;font-size:clamp(40px,4.1vw,66px);line-height:.97}.deliverables ul{border-top:1px solid #3b3b3b;margin:0;padding:0;list-style:none}.deliverables li{color:#aaa;border-bottom:1px solid #303030;padding:21px 0;font-size:14px}.deliverables li:before{content:"↗";color:#fff;margin-right:18px}.keyword-section{background:var(--black-2);padding-top:72px;padding-bottom:72px}.keyword-cloud{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.keyword-cloud span{color:#888;border:1px solid #383838;padding:11px 14px;font-size:11px}.service-page footer a:hover{color:#fff}@media (max-width:900px){.nav{display:none}.site-header{padding:0 22px}.header-cta{gap:0;min-width:43px;font-size:0}.header-cta span{font-size:14px}.brand{min-width:0}.hero{padding:8vh 24px 0}.hero h1{font-size:clamp(48px,12vw,80px)}.hero-bottom{margin-left:0;display:block}.hero-actions{margin-top:26px}.hero-specs{grid-template-columns:1fr;margin-top:52px}.hero-specs>div,.hero-specs>div+div{border-right:0;border-bottom:1px solid var(--line);padding:16px 0}.section{padding:78px 24px}.section-head,.section-head.light,.process .section-head,.service-content .section-head{grid-template-columns:1fr;gap:18px}.section-head{margin-bottom:42px}.service-card{grid-template-columns:45px 1fr 42px;gap:10px}.work-item{grid-template-columns:48px 120px 1fr;gap:14px}.case-head{grid-template-columns:1fr;gap:16px}.case-item summary{grid-template-columns:45px 90px 1fr 40px;gap:10px}.case-body{grid-template-columns:1fr;margin-left:145px}.steps{grid-template-columns:1fr 1fr}.cta-section{grid-template-columns:1fr;padding:70px 24px}.contact-block{margin-top:28px}footer{grid-template-columns:1fr;padding:42px 24px}footer>div:last-child{text-align:left}.service-hero{padding:9vh 24px}.service-hero h1{font-size:clamp(46px,12vw,78px)}.deliverables{grid-template-columns:1fr;padding:75px 24px}.detail-grid{grid-template-columns:1fr}}@media (max-width:540px){.brand small{display:none}.brand-logo{width:40px;height:40px}.site-header{height:72px}.header-cta{padding:11px}.hero{min-height:calc(100vh - 72px)}.hero h1{margin-top:46px;font-size:45px}.button{width:100%}.hero-specs strong{font-size:21px}.service-card{grid-template-columns:35px 1fr}.service-arrow{display:none}.service-card h3{font-size:21px}.portfolio-categories{grid-template-columns:1fr 1fr;display:grid}.portfolio-categories button{text-align:left;justify-content:space-between;align-items:center;display:flex}.work-item{grid-template-columns:35px 1fr}.work-item>div,.work-item p{grid-column:2}.case-head{margin-top:74px}.case-item summary{grid-template-columns:32px 1fr 38px}.case-item summary>strong{grid-column:2}.case-item summary>span{grid-row:1/3}.case-item summary>i{grid-area:1/3/3}.case-item h4{grid-column:2;font-size:17px}.case-body{margin-left:32px}.steps{grid-template-columns:1fr}.steps li,.steps li+li{border-bottom:1px solid #c5c5c1;border-right:0;padding:27px 0}.steps h3{margin-top:18px}.contact-mail{font-size:19px}}