.ox.pg{overflow:clip} .ox .anc{position:relative;top:-80px;display:block} .ox .phero{position:relative;padding-block:clamp(72px,11vw,150px) clamp(48px,7vw,110px);background:var(--ink)} .ox .ph1{font-family:var(--dp);font-weight:800;font-size:clamp(46px,9.2vw,132px);line-height:.92;letter-spacing:-.045em;color:var(--tx);max-width:12ch;margin-bottom:clamp(24px,4vw,44px)} .ox .ph1 em{font-style:normal;color:var(--ac)} .ox .phb{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:end} .ox .phb .cta{display:flex;justify-content:flex-end} @media(max-width:860px){.ox .phb{grid-template-columns:1fr}.ox .phb .cta{justify-content:flex-start}} .ox .pband{margin-top:clamp(40px,7vw,96px)} .ox .pband figure{position:relative;overflow:hidden;background:var(--ink2)} .ox .pband img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;display:block;transition:transform .9s var(--ease)} @media(max-width:640px){.ox .pband img{aspect-ratio:4/3}} .ox .pband figure::after,.ox .case figure::after,.ox .rimg::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(14,17,18,.55) .8px,transparent 1.3px);background-size:3px 3px;mix-blend-mode:multiply;opacity:.14} .ox .pband .cap,.ox .case .cap{position:absolute;left:14px;bottom:14px;z-index:2;font-family:var(--mo);font-size:10px;letter-spacing:.14em;text-transform:uppercase;background:var(--ac);color:var(--ink);padding:6px 9px;border-radius:2px;transform:rotate(-1.5deg);font-weight:600;box-shadow:0 6px 18px -8px rgba(0,0,0,.6)} .ox .rows{margin-top:clamp(32px,5vw,64px);border-top:1px solid var(--ln)} .ox .row{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,.75fr);gap:clamp(16px,3vw,48px);padding-block:clamp(32px,4.5vw,64px);border-bottom:1px solid var(--ln);align-items:start;position:relative;transition:background .4s var(--ease)} .ox .row:hover{background:var(--ink2)} .ox .row:has(.rimg) .rt{padding-right:clamp(0px,2vw,24px)} .ox .row:not(:has(.rimg)){grid-template-columns:72px minmax(0,1fr)} @media(max-width:900px){.ox .row,.ox .row:not(:has(.rimg)){grid-template-columns:48px minmax(0,1fr)}.ox .rimg{grid-column:2}} .ox .rn{font-family:var(--mo);font-size:12px;color:var(--ac);letter-spacing:.14em;padding-top:8px} .ox .rt{display:flex;flex-direction:column;gap:14px} .ox .rt .ptt{font-size:clamp(26px,3.4vw,44px)} .ox .rt .pbd{max-width:54ch} .ox .rimg{position:relative;overflow:hidden;background:var(--ink2);border-radius:2px} .ox .rimg img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:filter .5s var(--ease),transform .9s var(--ease)} .ox .rimg::before{content:"";position:absolute;inset:0;background:var(--ac);mix-blend-mode:multiply;opacity:0;transition:opacity .5s var(--ease);z-index:1;pointer-events:none} .ox .row:hover .rimg::before{opacity:.55} .ox .row:hover .rimg img{filter:grayscale(1) contrast(1.15);transform:scale(1.03)} .ox .cases{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px) clamp(20px,3vw,40px);margin-top:clamp(32px,5vw,64px)} @media(max-width:760px){.ox .cases{grid-template-columns:1fr}} .ox .case{display:flex;flex-direction:column;gap:20px} .ox .case.wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:end} @media(max-width:760px){.ox .case.wide{display:flex}} .ox .case figure{position:relative;overflow:hidden;background:var(--ink2)} .ox .case figure::before{content:"";position:absolute;inset:0;background:var(--ac);mix-blend-mode:multiply;opacity:0;transition:opacity .5s var(--ease);z-index:1;pointer-events:none} .ox .case img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:filter .5s var(--ease),transform .9s var(--ease)} .ox .case.wide img{aspect-ratio:16/10} .ox .case:hover figure::before{opacity:.55} .ox .case:hover img{filter:grayscale(1) contrast(1.15);transform:scale(1.03)} .ox .ctx{display:flex;flex-direction:column;gap:14px} .ox .ctx .ptt{font-size:clamp(24px,2.6vw,34px)} .ox .case.wide .ctx .ptt{font-size:clamp(28px,3.6vw,46px)} .ox .faqw{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start} @media(max-width:900px){.ox .faqw{grid-template-columns:1fr}} .ox .faq{border-top:1px solid var(--ln)} .ox .faq details{border-bottom:1px solid var(--ln)} .ox .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-family:var(--dp);font-weight:700;font-size:clamp(18px,1.8vw,22px);letter-spacing:-.02em;color:var(--tx);line-height:1.2} .ox .faq summary::-webkit-details-marker{display:none} .ox .faq summary i{flex:none;width:28px;height:28px;border:1px solid var(--ln);border-radius:50%;position:relative;transition:transform .4s var(--ease),background .3s} .ox .faq summary i::before,.ox .faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:var(--tx);transform:translate(-50%,-50%)} .ox .faq summary i::after{transform:translate(-50%,-50%) rotate(90deg)} .ox .faq details[open] summary i{transform:rotate(45deg);background:var(--ac);border-color:var(--ac)} .ox .faq details[open] summary i::before,.ox .faq details[open] summary i::after{background:var(--ink)} .ox .fa{padding:0 0 24px;max-width:60ch} .ox .fa p{font-size:15.5px;line-height:1.65;color:var(--tx2)} .ox.paper .faq summary{color:#101314}.ox.paper .fa p{color:#2E3436}.ox.paper .faq,.ox.paper .faq details{border-color:#D5D7D0}.ox.paper .faq summary i{border-color:#C9CBC4}.ox.paper .faq summary i::before,.ox.paper .faq summary i::after{background:#101314} .ox .serpw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:center} @media(max-width:900px){.ox .serpw{grid-template-columns:1fr}} .ox .serpw .args{margin-top:clamp(24px,3vw,40px)} .ox .cgrid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start} @media(max-width:900px){.ox .cgrid{grid-template-columns:1fr}} .ox .cgrid .frm{margin-top:0} .ox .cdl{margin:clamp(24px,3vw,40px) 0 0;display:grid;gap:14px;border-top:1px solid var(--ln);padding-top:24px} .ox .cdl div{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:baseline} .ox .cdl dt{font-family:var(--mo);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)} .ox .cdl dd{margin:0;font-size:15px;color:var(--tx2);line-height:1.5} .ox .cside .args{margin-top:clamp(28px,4vw,48px)} .ox.paper{background:var(--paper);color:#101314} .ox.paper .grain{display:none} .ox.paper .ptt,.ox.paper .stmt,.ox.paper .stmt-meta b,.ox.paper .ag h3,.ox.paper .sv h3,.ox.paper .gc h3{color:#101314} .ox.paper .pbd,.ox.paper .ag p,.ox.paper .sv p,.ox.paper .stmt-meta span,.ox.paper .cdl dd{color:#2E3436} .ox.paper .stmt .wd{color:#A9ADA6}.ox.paper .stmt .wd.on{color:#101314}.ox.paper .stmt .wd.on.hi{color:var(--acd)} .ox.paper .rows,.ox.paper .row,.ox.paper .stmt-meta,.ox.paper .ag,.ox.paper .svc,.ox.paper .sv,.ox.paper .cdl{border-color:#D5D7D0} .ox.paper .row:hover{background:var(--paper2)} .ox.paper .sv:hover{background:var(--paper2)} .ox.paper .pdl li{color:#2E3436;border-color:#C9CBC4} .ox.paper .rn,.ox.paper .sv .n,.ox.paper .ag span,.ox.paper .pnum{color:var(--acd)} .ox.paper .wm{-webkit-text-stroke:1px rgba(16,19,20,.08)} .ox.paper .svc,.ox.paper .facts,.ox.paper .gc,.ox.paper .frm{background-image:none} .ox.paper .tail{border-color:#D5D7D0}.ox.paper .tail p,.ox.paper .tail .mk{color:#101314} .ox .tail .btn{flex:none} .ox.paper .hh,.ox.paper .ph1{color:#101314}.ox.paper .ld,.ox.paper .pbd{color:#2E3436}.ox.paper .kk{color:var(--acd)}.ox.paper .kk::before{background:var(--acd)} .ox.paper .stmt-meta{border-color:#D5D7D0}.ox.paper .tail .btn{background:#101314;color:var(--tx)}.ox.paper .tail .btn:hover{color:#101314}