.h3 .cx{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:8px;align-items:center;font-size:clamp(8.5px,1.02vw,15px);min-height:47em}.h3 .cx-stage{position:relative;height:47em;background:radial-gradient(70% 60% at 50% 55%,hsla(0,0%,100%,.9),hsla(0,0%,100%,0))}.h3 .cx-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.h3 .cx-face{position:absolute;inset:0;background:#fff;border:1px solid #1a1a1a;overflow:hidden}.h3 .cx-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.h3 .cx-lines path{fill:none;stroke:#1a1a1a;stroke-width:1;stroke-dasharray:600;stroke-dashoffset:600;transition:opacity .3s ease}.h3 .cx.open .cx-lines path{animation:cx-line .9s var(--hold) .9s forwards}.h3 .cx-lines path.jewel{stroke:var(--mark)}.h3 .cx-lines path.dim{opacity:.15}@keyframes cx-line{to{stroke-dashoffset:0}}.h3 .cx-callouts{list-style:none;margin:0;padding:0;display:grid;gap:2.2em;font-size:14px;opacity:0;transition:opacity .5s ease 1.4s}.h3 .cx.open .cx-callouts{opacity:1}.h3 .cx-callouts li{display:grid;gap:2px;padding-left:12px;border-left:1px solid var(--line);cursor:default;transition:border-color .2s ease,opacity .2s ease;outline-offset:4px}.h3 .cx-callouts li .nm{font:500 11px/1.2 var(--h3-mono),monospace;letter-spacing:.05em;text-transform:uppercase;color:var(--t3)}.h3 .cx-callouts li .vl{font-weight:600;color:var(--t1)}.h3 .cx-callouts li.on{border-color:var(--t1)}.h3 .cx-callouts li.jewel{border-color:var(--mark)}.h3 .cx-callouts li.jewel .nm{color:var(--mark)}.h3 .cx.isolating .cx-callouts li:not(.on){opacity:.4}.h3 .cxf{padding:1.2em 1.2em 2.6em;display:flex;flex-direction:column;justify-content:flex-end;font:500 .8em/1.2 var(--h3-mono),monospace;color:#1a1a1a}.h3 .cxf,.h3 .cxf img{position:absolute;inset:0}.h3 .cxf img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.h3 .cxf .ttl{position:absolute;left:1.2em;bottom:.9em;font-size:.85em;letter-spacing:.06em;text-transform:uppercase;color:#6b6b6b}.h3 .cxf-ux{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,3.2em);gap:1em;align-content:end;padding:1.2em 1.6em 2.8em}.h3 .cxf-ux i{border:1px solid #1a1a1a;border-radius:.3em;background:#f2f2f2}.h3 .cxf-ux i.small{width:34%;height:40%;align-self:center;justify-self:center;position:relative;background:#fff}.h3 .cxf-ia svg{position:absolute;left:1em;right:1em;bottom:2.2em;width:calc(100% - 2em);height:62%}.h3 .cxf-a11y .bar{height:.9em;background:#ececec;margin:.7em 0;width:80%}.h3 .cxf-a11y .bar.s{width:55%}.h3 .cxf-a11y .imgs{display:flex;gap:.8em;margin-top:1.2em}.h3 .cxf-a11y .imgs i{flex:1;height:3.6em;border:1px dashed #1a1a1a;display:grid;place-items:center;font-style:normal;font-size:.8em}.h3 .cxf-a11y .gem{position:absolute;left:84%;bottom:7.4em;width:.9em;height:.9em;border-radius:50%;background:var(--mark);box-shadow:0 0 0 .35em rgba(214,36,110,.15)}.h3 .cxf-speed .row{display:grid;grid-template-columns:5em 1fr;align-items:center;gap:.6em;margin:.45em 0}.h3 .cxf-speed .row b{display:block;height:.7em;background:#1a1a1a;opacity:.85}.h3 .cxf-speed .row b.long{background:#1a1a1a;opacity:1}.h3 .fx-hero{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:32px;align-items:center}.h3 .fx-hero .kicker{font:500 11px/1.3 var(--h3-mono),monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}.h3 .fx-hero h2{margin:10px 0 0;font:800 clamp(40px,5vw,74px)/.9 var(--h3-display),sans-serif;font-variation-settings:"wdth" 78;text-transform:uppercase;letter-spacing:-.01em}.h3 .fx-hero p{color:var(--t2);font-size:18px;max-width:40ch}.h3 .fx-hero ul,.h3 .fx-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px;color:var(--t1);font-size:15.5px}.h3 .fx-hero ul li,.h3 .fx-list li{padding-left:16px;position:relative}.h3 .fx-hero ul li:before,.h3 .fx-list li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:1px;background:var(--t1)}@media (max-width:1000px){.h3 .cx,.h3 .fx-hero{grid-template-columns:minmax(0,1fr)}.h3 .cx{font-size:clamp(8px,2.2vw,13px)}.h3 .cx-lines{display:none}.h3 .cx-callouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (prefers-reduced-motion:reduce){.h3 .cx-lines path{stroke-dashoffset:0}.h3 .cx-callouts{opacity:1}}.h3 .cxf-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.8em;align-content:end;padding-bottom:2.6em}.h3 .cxf-cards i{display:grid;place-items:center;height:2.6em;border:1px solid #1a1a1a;background:#f2f2f2;font-style:normal;font-size:.85em}.h3 .cxf-cards.one{grid-template-columns:1fr;justify-items:center}.h3 .cxf-cards.one i{width:40%;height:4em}.h3 .cxf-cards.many{grid-template-columns:repeat(3,1fr)}.h3 .cxf-cards.many i{height:1.8em}.h3 .cxf-cards.x3{grid-template-columns:repeat(3,1fr)}.h3 .cxf-cards.x3 i{height:4em;background:repeating-linear-gradient(45deg,#fff 0 5px,#ececec 5px 6px)}.h3 .cxf-cards.four-pages{grid-template-columns:repeat(4,1fr)}.h3 .cxf-cards i.dashed{border-style:dashed;background:#fff}.h3 .cxf .gem{position:absolute;right:1.4em;bottom:1.2em;width:.9em;height:.9em;border-radius:50%;background:var(--mark);box-shadow:0 0 0 .35em rgba(214,36,110,.15)}.h3 .cxf-graph svg{position:absolute;left:1em;right:1em;bottom:1.8em;width:calc(100% - 2em);height:70%}.h3 .cxf-lines{gap:.5em}.h3 .cxf-lines span{display:block;font-size:.95em;padding:.25em .5em;border-left:1px solid #1a1a1a;background:#fafafa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h3 .cxf-lines span.x{text-decoration:line-through;color:#9a9a9a}.h3 .cxf-lines .ttl{border:0;background:none;padding:0}.h3 .cxf-wire{gap:.5em}.h3 .cxf-wire i{display:block;height:1.6em;border:1px solid #1a1a1a;background:#f2f2f2}.h3 .cxf-wire i.hero{height:4.4em}.h3 .cxf-wire i.foot{height:1em;background:#1a1a1a}.h3 .cxf-swatch{flex-direction:row;align-items:flex-end;gap:.6em}.h3 .cxf-swatch i{width:3.4em;height:3.4em;border:1px solid #1a1a1a}.h3 .cxf-swatch i.grad{width:7em;background:linear-gradient(135deg,#b9a5e8,#a6b9ec);position:relative}.h3 .cxf-swatch i.grad:after{content:"";position:absolute;left:-10%;right:-10%;top:50%;height:1px;background:#1a1a1a;rotate:-22deg}.h3 .cxf-swatch b{font:600 1.1em var(--h3-ui),sans-serif;padding:0 .6em;align-self:center}.h3 .cxf-url{justify-content:flex-end}.h3 .cxf-url span:first-child{border:1px solid #1a1a1a;padding:.7em .9em;background:#fafafa;font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h3 .cxf-ba{flex-direction:row;gap:.6em;padding-bottom:1.4em}.h3 .cxf-ba img{position:static;width:50%;height:80%;border:1px solid #1a1a1a}.h3 .cxf-report{flex-direction:row;align-items:flex-end;gap:1em}.h3 .cxf-report svg{width:5em;height:5em;flex:0 0 auto}.h3 .cxf-report .cxf-lines{position:static;padding:0;flex:1}.h3 .cxf-tabs{flex-direction:row;flex-wrap:wrap;align-content:flex-end;gap:.4em}.h3 .cxf-tabs i{font-style:normal;border:1px solid #1a1a1a;padding:.35em .55em;background:#fff}.h3 .cxf-tabs i.on{background:#1a1a1a;color:#fff}.h3 .cxf-portrait{flex-direction:row;align-items:flex-end;gap:1em}.h3 .cxf-portrait img{position:static;width:5.6em;height:5.6em;border-radius:50%;border:1px solid #1a1a1a;-o-object-fit:cover;object-fit:cover;filter:grayscale(1)}.h3 .cxf-portrait span{font-size:1em;letter-spacing:.05em;text-transform:uppercase;padding-bottom:.4em}.h3 .cx-layer.on .cxf-portrait img{filter:none}.h3 .costtable{margin-top:34px;overflow-x:auto;border:1px solid var(--line);border-radius:12px}.h3 .costtable table{width:100%;border-collapse:collapse;font-size:15px;min-width:620px}.h3 .costtable td,.h3 .costtable th{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}.h3 .costtable thead th{font:500 11px var(--h3-mono),monospace;letter-spacing:.05em;text-transform:uppercase;color:var(--t3);background:var(--s1)}.h3 .costtable tbody th{font-weight:600}.h3 .costtable tbody tr:last-child td,.h3 .costtable tbody tr:last-child th{border-bottom:0}.h3 .costtable tr.best{background:#fff}.h3 .costtable tr.best th{box-shadow:inset 3px 0 0 var(--mark)}.h3 .costtable td{color:var(--t2)}.h3 .costtable tr.best td{color:var(--t1);font-weight:600}.h3 .fx-hero.flip>div:first-child{order:2}@media (max-width:1000px){.h3 .fx-hero.flip>div:first-child{order:0}}.h3 .board-list{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:2px;max-width:760px}.h3 .board-list li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 70px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);font-size:17px;overflow:hidden}.h3 .board-list b{font:800 26px/1 var(--h3-display),sans-serif;font-variation-settings:"wdth" 80;text-align:right;font-variant-numeric:tabular-nums}.h3 .board-list i{position:absolute;left:0;bottom:0;height:2px;width:var(--w);background:var(--t1);transform-origin:left;transform:scaleX(0)}.h3 .in .board-list i{animation:h3-draw 1.2s var(--hold) both}.h3 .board-list li:first-child i{background:var(--mark)}.h3 .seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px}.h3 .seats div{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--bg)}.h3 .seats h3{margin:0 0 6px;font:600 16px var(--h3-ui),sans-serif}.h3 .seats p{margin:0;color:var(--t2);font-size:14.5px}.h3 .tells{margin-top:34px;overflow-x:auto;border:1px solid var(--line);border-radius:12px}.h3 .tells table{width:100%;border-collapse:collapse;min-width:640px;font-size:15px}.h3 .tells td,.h3 .tells th{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}.h3 .tells thead th{font:500 11px var(--h3-mono),monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--t3);background:var(--s1)}.h3 .tells td:last-child{color:var(--t2)}.h3 .works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:40px}.h3 .work{display:grid;gap:10px;text-decoration:none}.h3 .work .shot{aspect-ratio:16/10;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.h3 .work .shot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform 1.2s var(--strike)}.h3 .work:hover .shot img{transform:scale(1.03)}.h3 .work .meta{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--t2)}.h3 .work .meta b{color:var(--t1)}.h3 .work .idea{font:400 22px/1.3 var(--h3-serif),Georgia,serif;color:var(--t1)}.h3 .work .aha{color:var(--t2);font-size:15px}.h3 .agent{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:36px;padding-block:56px;border-top:1px solid var(--line)}.h3 .agent .say{margin:10px 0 0;font:400 clamp(26px,2.6vw,38px)/1.2 var(--h3-serif),Georgia,serif}.h3 .agent .role{color:var(--t3);font-size:14px}.h3 .agent p{color:var(--t2)}.h3 .agent .shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.h3 .agent .shots figure{margin:0;display:grid;gap:6px}.h3 .agent .shots img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:8px;border:1px solid var(--line);width:100%}.h3 .agent .shots figcaption{font-size:12.5px;color:var(--t2)}@media (max-width:1000px){.h3 .agent,.h3 .seats,.h3 .works{grid-template-columns:minmax(0,1fr)}}.h3 .cx-sheet{display:flex;flex-wrap:wrap;gap:24px;padding:24px}.h3 .cx-face.cx-flat{position:relative;inset:auto;width:26em;height:17em;font-size:20px;border:0;box-shadow:none}.h3 .fx-go{display:flex;flex-wrap:wrap;gap:6px 20px;margin:18px 0 0}.h3 .fx-go a{color:var(--t1);font-weight:500;font-size:15px;text-decoration:none;border-bottom:1px solid var(--t1);padding-bottom:1px}.h3 .fx-go a:after{content:" →"}