/* ==========================================================================
   UNBOUND — sections and motion layered on top of site.css
   hero (kinetic headline, word rotator, orbit), service marquee, story
   (scroll-drawn paths), compare toggle, pillars, manifesto, scroll progress.
   Everything respects prefers-reduced-motion and ?static=1.
   ========================================================================== */

.brand-mark{width:26px;height:26px;color:var(--ink)}
.brand-word{font-weight:600;letter-spacing:.06em;font-size:19px}
.foot-brand .brand-word{font-size:19px}
::selection{background:var(--lilac);color:var(--ink)}
.strip-badge{background:var(--ink);color:#fff}
.btn-dark:hover{background:var(--violet);border-color:var(--violet)}
.cta-band::before{background:radial-gradient(circle at 50% 50%,rgba(255,74,28,.32),rgba(79,43,245,.18) 40%,rgba(79,43,245,0) 65%)}
.ub-em{font-style:italic;font-weight:500;background:linear-gradient(92deg,var(--flame),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.ub-kicker{justify-self:center;color:var(--flame);letter-spacing:.08em;text-transform:uppercase}
.sec-head.center{justify-items:center;text-align:center;margin-left:auto;margin-right:auto}

/* scroll progress */
.ub-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:80;pointer-events:none}
.ub-progress i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--sp,0));background:linear-gradient(90deg,var(--flame),var(--saffron) 45%,var(--violet))}

/* ---------- hero ---------- */
.ub-hero{position:relative;overflow:hidden}
.ub-hero .hero-grid{align-items:center}
.ub-hero-eyebrow{margin-bottom:22px}
.ub-hero-eyebrow::before{background:var(--flame)}
.ub-h1{font-size:clamp(50px,7.6vw,112px);letter-spacing:-.05em;line-height:.95}
.ub-line{display:inline-block}
.ub-unbound{position:relative;font-style:italic;padding-right:.08em;background:linear-gradient(95deg,var(--flame) 0%,var(--flame) 30%,var(--violet) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .ub-hero-lead{margin-top:30px;max-width:44ch}
.ub-rot{position:relative;display:inline-grid;vertical-align:bottom;overflow:hidden;padding-bottom:3px;color:var(--ink);font-weight:600}
.ub-rot-w{grid-area:1/1;white-space:nowrap;opacity:0;transform:translateY(60%);transition:opacity .45s var(--ease),transform .55s var(--ease)}
.ub-rot-w.is-on{opacity:1;transform:none}
.ub-rot-w.is-out{opacity:0;transform:translateY(-60%)}
.ub-rot::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--flame),var(--violet));transform-origin:0 50%;animation:ub-under 2.6s var(--ease) infinite}
@keyframes ub-under{0%{transform:scaleX(0)}40%,80%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}

/* letters of "unbound." rise in, then the word keeps a slow shimmer */
.ub-unbound.is-split{background:none;color:inherit}
.ub-ch{display:inline-block;transform:translateY(105%) rotate(6deg);opacity:0;animation:ub-rise .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 45ms + 250ms)}
@keyframes ub-rise{to{transform:none;opacity:1}}

/* orbit */
.ub-orbit{position:relative;width:min(100%,460px);aspect-ratio:1;margin-left:auto;container-type:inline-size}
.ub-orbit-glow{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(255,74,28,.28),rgba(79,43,245,.18) 45%,rgba(255,255,255,0) 70%);filter:blur(28px);animation:ub-breathe 6s ease-in-out infinite}
@keyframes ub-breathe{50%{transform:scale(1.08);opacity:.8}}
.ub-orbit-rings{position:absolute;inset:0;width:100%;height:100%}
.ub-orbit-rings circle{fill:none;stroke:var(--line-2);stroke-width:1;stroke-dasharray:3 6}
.ub-orbit-rings circle:first-child{animation:ub-spin 60s linear infinite;transform-origin:200px 200px}
.ub-orbit-rings circle:last-child{stroke:var(--line);animation:ub-spin 40s linear infinite reverse;transform-origin:200px 200px}
.ub-orbit-core{position:absolute;inset:31%;display:grid;place-items:center;background:#fff;border-radius:50%;box-shadow:0 30px 60px -28px rgba(10,10,11,.35),0 0 0 1px var(--line)}
.ub-core-mark{width:62%;height:62%;overflow:visible}
.ub-core-ring{stroke-dasharray:75 25;stroke-dashoffset:75;animation:ub-draw 1.4s .3s cubic-bezier(.6,0,.2,1) forwards}
@keyframes ub-draw{to{stroke-dashoffset:0}}
.ub-core-dot{transform-box:fill-box;transform-origin:center;opacity:0;animation:ub-launch 1s 1.45s cubic-bezier(.2,1.4,.4,1) forwards,ub-bob 3.2s 2.6s ease-in-out infinite}
.ub-core-trail{transform-box:fill-box;transform-origin:center;opacity:0;animation:ub-launch .8s 1.3s cubic-bezier(.2,1.4,.4,1) forwards}
@keyframes ub-launch{from{opacity:0;transform:translate(-70%,110%) scale(.3)}to{opacity:1;transform:none}}
@keyframes ub-bob{50%{transform:translate(8%,-10%)}}
.ub-orbit-track{position:absolute;inset:0;animation:ub-spin 38s linear infinite}
.ub-orbit:hover .ub-orbit-track,.ub-orbit:hover .ub-chip{animation-play-state:paused}
.ub-chip{--r:38cqw;position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px 0 12px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md);font-weight:500;font-size:14px;white-space:nowrap;
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1));animation:ub-counter 38s linear infinite}
.ub-chip i{width:9px;height:9px;border-radius:50%;background:var(--d)}
.ub-chip[data-tone="g"] i{background:var(--g)}.ub-chip[data-tone="s"] i{background:var(--mint)}.ub-chip[data-tone="r"] i{background:var(--saffron)}
@keyframes ub-spin{to{transform:rotate(360deg)}}
@keyframes ub-counter{from{transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1))}to{transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1 - 360deg))}}
@media (max-width:900px){.ub-orbit{margin:8px auto 0;width:min(100%,380px)}}
@media (max-width:480px){.ub-chip{height:32px;font-size:12.5px;padding:0 11px 0 9px}}

/* ---------- story ---------- */
.ub-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.ub-story-stage{position:sticky;top:110px}
.ub-stage-card{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-xl);padding:20px;aspect-ratio:5/6;overflow:hidden}
.ub-stage-card::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 88%,rgba(79,43,245,calc(var(--sp-story,0) * .22)),transparent 70%),radial-gradient(40% 30% at 18% 6%,rgba(255,74,28,.12),transparent 70%),radial-gradient(40% 30% at 82% 6%,rgba(79,43,245,.12),transparent 70%);pointer-events:none}
.ub-paths{position:absolute;inset:0;width:100%;height:100%}
.ub-path-bg{fill:none;stroke:var(--line-2);stroke-width:2;stroke-dasharray:2 7;stroke-linecap:round}
.ub-path{fill:none;stroke-width:7;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:calc(100 - var(--sp-story,0) * 100)}
.ub-path-a{stroke:url(#ubp-a)}.ub-path-b{stroke:url(#ubp-b)}
.ub-node{stroke:#fff;stroke-width:4}
.ub-node-a{fill:var(--flame)}.ub-node-b{fill:var(--violet)}
.ub-meet-ring{fill:none;stroke:var(--ink);stroke-width:9;stroke-linecap:round;stroke-dasharray:75 100;stroke-dashoffset:75;transition:stroke-dashoffset 1s var(--ease)}
.ub-meet-dot{fill:var(--flame);transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .7s cubic-bezier(.2,1.6,.4,1) .35s}
.ub-story.is-met .ub-meet-ring{stroke-dashoffset:0}
.ub-story.is-met .ub-meet-dot{transform:scale(1)}
.ub-tag{position:absolute;display:grid;gap:1px;padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);font-size:12px;line-height:1.25;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.ub-tag b{font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:-.01em}
.ub-tag span{color:var(--mute);font-family:var(--mono);font-size:10.5px}
.ub-tag-a{left:7%;top:12%}.ub-tag-a b{color:var(--flame)}
.ub-tag-b{right:7%;top:12%;text-align:right}.ub-tag-b b{color:var(--violet)}
.ub-tag-m{left:50%;bottom:4%;transform:translate(-50%,12px);opacity:0;text-align:center}
.ub-story.is-met .ub-tag-m{opacity:1;transform:translate(-50%,0)}
.ub-stage-step{position:absolute;left:20px;top:auto;bottom:18px;font-family:var(--mono);font-size:11px;color:var(--mute)}
.ub-stage-step span{color:var(--ink);font-weight:500}
.ub-chapters{display:grid;gap:clamp(48px,14vh,160px);padding:clamp(20px,8vh,80px) 0 clamp(40px,12vh,140px)}
.ub-chapter{opacity:.28;transform:translateX(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.ub-chapter.is-on{opacity:1;transform:none}
.ub-ch-k{display:inline-block;font-family:var(--mono);font-size:11.5px;color:var(--flame);margin-bottom:12px;letter-spacing:.02em}
.ub-chapter:nth-child(even) .ub-ch-k{color:var(--violet)}
.ub-chapter h3{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.035em;line-height:1.08;margin-bottom:14px}
.ub-chapter p{font-size:clamp(16px,1.25vw,18px);line-height:1.6;color:var(--ink-2);max-width:48ch}
@media (max-width:860px){
  .ub-story-grid{grid-template-columns:1fr}
  .ub-story-stage{top:78px;z-index:2}
  .ub-stage-card{aspect-ratio:auto;height:min(46vh,340px)}
  .ub-chapters{gap:56px;padding-top:24px}
  .ub-chapter{transform:none}
  .ub-tag{padding:7px 10px}.ub-tag b{font-size:13px}
}

/* ---------- 6 tabs and 6 service cards ---------- */
.ub-showcase .tabs{grid-template-columns:repeat(6,auto)}
@media (max-width:1060px){.ub-showcase .tabs{display:grid;grid-template-columns:repeat(3,1fr);width:calc(100% - 8px);border-radius:18px}}
@media (max-width:640px){.ub-showcase .tabs{grid-template-columns:1fr 1fr}}
.ub-svcs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:1060px){.ub-svcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ub-svcs{grid-template-columns:1fr}}

/* ---------- compare ---------- */
.ub-compare{display:grid;gap:clamp(22px,3vw,36px)}
.ub-switch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;background:#fff;border:1px solid var(--line);border-radius:999px;justify-self:center;box-shadow:var(--shadow-sm)}
.ub-switch button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;font-weight:500;font-size:14px;color:var(--mute);transition:color .35s;white-space:nowrap}
.ub-switch button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ub-switch button[aria-pressed="true"]{color:#fff}
.ub-switch i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--ink);transition:transform .6s cubic-bezier(.65,0,.15,1)}
.ub-compare[data-mode="unbound"] .ub-switch i{transform:translateX(100%)}
.ub-compare-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(18px,3vw,44px);align-items:stretch}
.ub-org{position:relative;min-height:440px;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;color:var(--line-2)}
.ub-org::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1.2px);background-size:22px 22px;opacity:.55;-webkit-mask-image:radial-gradient(70% 70% at 50% 45%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 45%,#000,transparent)}
.ub-org-brand{position:absolute;left:50%;top:22px;transform:translateX(-50%);z-index:3;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;padding:9px 14px 9px 9px;background:var(--ink);color:#fff;border-radius:12px;box-shadow:var(--shadow-md);white-space:nowrap}
.ub-org-brand b{font-size:13px;font-weight:600}
.ub-org-brand small{grid-column:2;font-size:11px;color:rgba(255,255,255,.6)}
.ub-org-ico{grid-row:1/3;width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.12);display:grid;place-items:center}
.ub-org-ico svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ub-org-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.ub-org-many path{transition:opacity .5s var(--ease);stroke:var(--line-2);animation:ub-dash 14s linear infinite}
@keyframes ub-dash{to{stroke-dashoffset:-200}}
.ub-org-one-line{stroke:var(--ink);stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .7s var(--ease) .35s}
.ub-org-vendors{position:absolute;inset:0;z-index:2}
.ub-vendor{position:absolute;width:150px;padding:12px 12px 11px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;color:var(--ink);left:calc(var(--x) - 75px);top:var(--y);transform:rotate(var(--rot,0deg));transition:transform .7s cubic-bezier(.65,0,.15,1),opacity .5s var(--ease),left .7s cubic-bezier(.65,0,.15,1),top .7s cubic-bezier(.65,0,.15,1);transition-delay:calc(var(--i) * 55ms)}
.ub-vendor:nth-child(1){--x:18.3%;--y:150px;--rot:-2deg}.ub-vendor:nth-child(2){--x:50%;--y:150px;--rot:1.5deg}.ub-vendor:nth-child(3){--x:81.7%;--y:150px;--rot:-1deg}
.ub-vendor:nth-child(4){--x:18.3%;--y:290px;--rot:1deg}.ub-vendor:nth-child(5){--x:50%;--y:290px;--rot:-1.5deg}.ub-vendor:nth-child(6){--x:81.7%;--y:290px;--rot:2deg}
.ub-vendor-ico{grid-row:1/3;width:30px;height:30px;border-radius:8px;background:var(--bg-2);border:1px solid var(--line);display:grid;place-items:center}
.ub-vendor-ico svg{width:15px;height:15px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ub-vendor b{font-size:12.5px;font-weight:600;line-height:1.2}
.ub-vendor small{font-size:10.5px;color:var(--mute);line-height:1.2;margin-top:2px}
.ub-org-one{position:absolute;left:50%;top:190px;z-index:4;width:min(88%,420px);transform:translate(-50%,24px) scale(.92);opacity:0;pointer-events:none;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:16px;display:grid;gap:14px;transition:transform .7s cubic-bezier(.2,.8,.2,1) .3s,opacity .5s var(--ease) .3s}
.ub-org-one-head{display:flex;align-items:center;gap:12px}
.ub-org-mark{width:34px;height:34px;flex:none;color:var(--ink)}
.ub-org-one-head b{display:block;font-size:13.5px;font-weight:600}
.ub-org-one-head small{display:block;font-size:11.5px;color:var(--mute);margin-top:2px}
.ub-org-roles{display:flex;flex-wrap:wrap;gap:6px}
.ub-org-roles span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);font-size:12px;font-weight:500;opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .5s var(--ease);transition-delay:calc(.45s + var(--i) * 45ms)}
.ub-org-roles svg{width:13px;height:13px;fill:none;stroke:var(--ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ub-org-foot{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;font-weight:500;color:var(--ink)}
.ub-org-foot svg{width:16px;height:16px;padding:3px;border-radius:50%;background:var(--ink);stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.ub-compare[data-mode="unbound"] .ub-vendor{left:calc(50% - 75px);top:230px;transform:scale(.6) rotate(0);opacity:0;transition-delay:calc(var(--i) * 40ms)}
.ub-compare[data-mode="unbound"] .ub-org-many path{opacity:0}
.ub-compare[data-mode="unbound"] .ub-org-one-line{stroke-dashoffset:0}
.ub-compare[data-mode="unbound"] .ub-org-one{opacity:1;transform:translate(-50%,0) scale(1);pointer-events:auto}
.ub-compare[data-mode="unbound"] .ub-org-roles span{opacity:1;transform:none}
.ub-ledger{position:relative;isolation:isolate;border-top:1px solid var(--ink);align-self:center}
.ub-ledger-band{position:absolute;z-index:-1;top:0;bottom:0;left:28%;width:36%;background:var(--bg-2);border-radius:0 0 var(--r-md) var(--r-md);transition:left .6s cubic-bezier(.65,0,.15,1),background .6s}
.ub-compare[data-mode="unbound"] .ub-ledger-band{left:64%;background:var(--ink)}
.ub-lrow{display:grid;grid-template-columns:28% 36% 36%;border-bottom:1px solid var(--line)}
.ub-lrow > span{padding:16px 18px 16px 0;min-width:0;position:relative}
.ub-lrow > span:nth-child(2),.ub-lrow > span:nth-child(3){padding-left:44px}
.ub-lrow > span:nth-child(n+2) > svg{position:absolute;left:16px;top:19px;width:18px;height:18px;padding:3px;border-radius:50%;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;background:var(--bg-3);stroke:var(--mute);transition:background .5s,stroke .5s}
.ub-lrow > span:first-child{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);padding-top:20px}
.ub-lrow em{display:block;font-style:normal;font-family:var(--display);font-weight:500;font-size:clamp(17px,1.4vw,20px);letter-spacing:-.025em;line-height:1.15;margin-bottom:3px;color:var(--ink);transition:color .5s}
.ub-lrow > span:nth-child(n+2){font-size:13px;line-height:1.4;color:var(--mute);transition:color .5s}
.ub-lhead{border-bottom:1px solid var(--ink)}
.ub-lhead > span{padding:12px 18px 12px 0}
.ub-lhead b{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);transition:color .5s}
.ub-compare[data-mode="usual"] .ub-lrow > span:nth-child(3) em,.ub-compare[data-mode="usual"] .ub-lhead > span:nth-child(3) b{color:var(--faint)}
.ub-compare[data-mode="usual"] .ub-lrow > span:nth-child(2) > svg{background:var(--ink);stroke:#fff}
.ub-compare[data-mode="unbound"] .ub-lrow > span:nth-child(2) em,.ub-compare[data-mode="unbound"] .ub-lhead > span:nth-child(2) b{color:var(--faint)}
.ub-compare[data-mode="unbound"] .ub-lrow > span:nth-child(3){color:rgba(255,255,255,.7)}
.ub-compare[data-mode="unbound"] .ub-lrow > span:nth-child(3) em,.ub-compare[data-mode="unbound"] .ub-lhead > span:nth-child(3) b{color:#fff}
.ub-compare[data-mode="unbound"] .ub-lrow > span:nth-child(3) > svg{background:var(--flame);stroke:#fff}
@media (max-width:980px){.ub-compare-body{grid-template-columns:1fr}.ub-org{min-height:420px}}
@media (max-width:640px){
  .ub-vendor{width:124px;padding:9px 10px}.ub-vendor b{font-size:11.5px}.ub-vendor small{display:none}.ub-vendor-ico{width:26px;height:26px}
  .ub-vendor:nth-child(1),.ub-vendor:nth-child(4){--x:22%}.ub-vendor:nth-child(3),.ub-vendor:nth-child(6){--x:78%}
  .ub-compare[data-mode="unbound"] .ub-vendor{left:calc(50% - 62px)}
  .ub-org-brand small{display:none}
  .ub-lrow{grid-template-columns:1fr 1fr}
  .ub-lrow > span:first-child{grid-column:1/-1;padding:14px 0 2px}
  .ub-lrow > span:nth-child(2){padding-left:30px;padding-right:10px}.ub-lrow > span:nth-child(3){padding-left:30px}
  .ub-lrow > span:nth-child(n+2) > svg{left:4px}
  .ub-lhead > span:first-child{display:none}
  .ub-ledger-band{left:0;width:50%}.ub-compare[data-mode="unbound"] .ub-ledger-band{left:50%}
}
.ub-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.ub-pillar{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 22px;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}
.ub-pillar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--flame),var(--violet));transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease)}
.ub-pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.ub-pillar:hover::after{transform:scaleX(1)}
.ub-pillar b{font-family:var(--mono);font-size:11.5px;color:var(--flame);font-weight:500}
.ub-pillar:nth-child(even) b{color:var(--violet)}
.ub-pillar h3{font-size:20px;letter-spacing:-.025em;margin:14px 0 8px}
.ub-pillar p{font-size:14.5px;color:var(--ink-2);line-height:1.5}
@media (max-width:1060px){.ub-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ub-pillars{grid-template-columns:1fr}}

/* ---------- manifesto ---------- */
.ub-manifesto{padding-block:clamp(56px,9vw,128px)}
.ub-mani{font-family:var(--display);font-weight:500;font-size:clamp(28px,4.2vw,58px);letter-spacing:-.04em;line-height:1.12;max-width:22ch;margin:0 auto;text-align:center;text-wrap:balance}
.ub-mani .ub-w{color:#D3D3CF;transition:color .35s}
.ub-mani .ub-w.is-on{color:var(--ink)}
.ub-mani .ub-w.is-hot.is-on{color:var(--flame)}
.ub-mani .ub-w.is-hot2.is-on{color:var(--violet)}

/* team: two founders, warmer portraits */
.team .tm-track{gap:56px}
.ub-call .rh-grid{grid-template-rows:1fr}

/* magnetic buttons */
.ub-magnet{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s}

/* ---------- reduced motion / static ---------- */
@media (prefers-reduced-motion:reduce){
  .ub-orbit-track,.ub-chip,.ub-orbit-rings circle,.ub-orbit-glow,.ub-rot::after,.ub-core-dot{animation:none!important}
  .ub-core-ring{animation:none;stroke-dashoffset:0}
  .ub-core-dot,.ub-core-trail{animation:none;opacity:1}
  .ub-ch{animation:none;opacity:1;transform:none}
  .ub-chapter{opacity:1;transform:none}
  .ub-switch i,.ub-ledger-band,.ub-vendor,.ub-org-one,.ub-org-roles span,.ub-org-one-line{transition:none}.ub-org-many path{animation:none}
}
.static .ub-orbit-track,.static .ub-chip{animation:none}
.static .ub-core-ring{animation:none;stroke-dashoffset:0}
.static .ub-core-dot,.static .ub-core-trail{animation:none;opacity:1}
.static .ub-ch{animation:none;opacity:1;transform:none}
.static .ub-chapter{opacity:1;transform:none}

/* section heads wrap normally (site.css keeps the old #what title on one line) */
#what .h2{white-space:normal}

/* card washes in the UNBOUND palette only: flame, ultraviolet, saffron, lilac, mint */
[data-tone="d"] .wash,[data-lane="d"] .wash{--wash:
  radial-gradient(60% 55% at 14% 92%,#FFC4AE 0%,rgba(255,196,174,0) 62%),
  radial-gradient(55% 50% at 78% 82%,#FF8A66 0%,rgba(255,138,102,0) 60%),
  radial-gradient(50% 46% at 50% 38%,#FFE3A0 0%,rgba(255,227,160,0) 62%),
  radial-gradient(42% 42% at 96% 36%,#E6E0FF 0%,rgba(230,224,255,0) 62%)}
[data-tone="g"] .wash,[data-lane="g"] .wash{--wash:
  radial-gradient(60% 55% at 12% 90%,#CBBEFF 0%,rgba(203,190,255,0) 62%),
  radial-gradient(55% 50% at 82% 84%,#9C8BFF 0%,rgba(156,139,255,0) 60%),
  radial-gradient(50% 46% at 48% 40%,#FFC4AE 0%,rgba(255,196,174,0) 62%),
  radial-gradient(42% 42% at 92% 34%,#E6E0FF 0%,rgba(230,224,255,0) 62%)}
[data-tone="s"] .wash,[data-lane="s"] .wash{--wash:
  radial-gradient(60% 55% at 14% 92%,#A6EDD8 0%,rgba(166,237,216,0) 62%),
  radial-gradient(55% 50% at 80% 84%,#CBBEFF 0%,rgba(203,190,255,0) 60%),
  radial-gradient(50% 46% at 50% 40%,#FFE3A0 0%,rgba(255,227,160,0) 62%),
  radial-gradient(42% 42% at 94% 34%,#D5F7EC 0%,rgba(213,247,236,0) 62%)}
[data-tone="r"] .wash,[data-lane="r"] .wash{--wash:
  radial-gradient(60% 55% at 14% 92%,#FFE3A0 0%,rgba(255,227,160,0) 62%),
  radial-gradient(55% 50% at 78% 82%,#FFD36B 0%,rgba(255,211,107,0) 60%),
  radial-gradient(50% 46% at 50% 38%,#FFC4AE 0%,rgba(255,196,174,0) 62%),
  radial-gradient(42% 42% at 96% 36%,#E6E0FF 0%,rgba(230,224,255,0) 62%)}
.footer .wash{--wash:
  radial-gradient(44% 80% at 6% 100%,#FFE3D9 0%,rgba(255,227,217,0) 62%),
  radial-gradient(40% 70% at 36% 100%,#FFF0C7 0%,rgba(255,240,199,0) 62%),
  radial-gradient(40% 70% at 64% 100%,#D5F7EC 0%,rgba(213,247,236,0) 62%),
  radial-gradient(44% 80% at 94% 100%,#E6E0FF 0%,rgba(230,224,255,0) 62%)}
.footer::before{background:linear-gradient(90deg,var(--flame),var(--saffron) 34%,var(--mint) 67%,var(--violet))}
.tm-title em{color:var(--violet);font-style:italic}

/* ---------- seats: the light marquee (same treatment as fourwardhq's logo strip) ---------- */
.ub-seats .sec-head.center{margin-bottom:28px}
.ub-seats .h2{font-size:clamp(28px,3vw,40px)}
.ub-seat{gap:12px;padding:0 40px;color:var(--ink);opacity:.5;filter:grayscale(1);transition:opacity .35s var(--ease),filter .35s var(--ease),transform .35s var(--ease)}
.ub-seat svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ub-seat b{font-family:var(--display);font-weight:600;font-size:clamp(17px,1.5vw,21px);letter-spacing:-.025em;white-space:nowrap}
.ub-seat:hover{opacity:1;filter:none;transform:scale(1.04)}
.ub-seat:nth-child(4n+1):hover{color:var(--flame)}.ub-seat:nth-child(4n+2):hover{color:var(--violet)}.ub-seat:nth-child(4n+3):hover{color:#0E9F77}.ub-seat:nth-child(4n):hover{color:#C98A0C}
.ub-seats .lm-track{animation-duration:52s}

/* ---------- your team: role cards ---------- */
.ub-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ub-role{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 20px 20px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .45s}
.ub-role::before{content:"";position:absolute;inset:auto -30% -55% auto;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--glow,rgba(255,74,28,.22)),transparent 65%);opacity:0;transition:opacity .5s var(--ease)}
.ub-role[data-tone="g"]{--glow:rgba(79,43,245,.2)}.ub-role[data-tone="s"]{--glow:rgba(45,212,167,.24)}.ub-role[data-tone="r"]{--glow:rgba(255,194,58,.3)}
.ub-role:hover{transform:translateY(-6px);background:#fff;box-shadow:var(--shadow-md)}
.ub-role:hover::before{opacity:1}
.ub-role > *{position:relative}
.ub-role-ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--line)}
.ub-role-ico svg{width:18px;height:18px;fill:none;stroke:var(--d);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ub-role[data-tone="g"] .ub-role-ico svg{stroke:var(--violet)}.ub-role[data-tone="s"] .ub-role-ico svg{stroke:#0E9F77}.ub-role[data-tone="r"] .ub-role-ico svg{stroke:#C98A0C}
.ub-role h3{font-size:18px;letter-spacing:-.02em;line-height:1.2;margin-top:6px}
.ub-role p{font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.ub-role ul{display:grid;gap:5px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line-2)}
.ub-role li{font-size:12.5px;color:var(--mute);display:flex;gap:7px;align-items:baseline}
.ub-role li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--d);flex:none;transform:translateY(-1px)}
.ub-role[data-tone="g"] li::before{background:var(--violet)}.ub-role[data-tone="s"] li::before{background:var(--mint)}.ub-role[data-tone="r"] li::before{background:var(--saffron)}
@media (max-width:1180px){.ub-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.ub-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.ub-role-grid{gap:10px}.ub-role{padding:16px 14px}.ub-role p{display:none}.ub-role h3{font-size:15.5px}.ub-role li{font-size:12px}}
@media (max-width:640px){.ub-seat{padding:0 24px}.ub-seat svg{width:22px;height:22px}}

/* ---------- workspace: sample screens in a browser frame ---------- */
.ub-work-grid{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center}
.ub-wtabs{display:grid;gap:8px}
.ub-wtab{position:relative;display:flex;gap:12px;align-items:flex-start;text-align:left;padding:14px 14px 16px;border-radius:var(--r-md);border:1px solid transparent;overflow:hidden;transition:background .35s var(--ease),border-color .35s,box-shadow .35s}
.ub-wtab:hover{background:var(--bg-2)}
.ub-wtab.is-on{background:#fff;border-color:var(--line);box-shadow:var(--shadow-md)}
.ub-wtab-ico{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--line);transition:background .35s,border-color .35s}
.ub-wtab-ico svg{width:16px;height:16px;fill:none;stroke:var(--ink-2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ub-wtab.is-on .ub-wtab-ico{background:var(--ink);border-color:var(--ink)}
.ub-wtab.is-on .ub-wtab-ico svg{stroke:#fff}
.ub-wtab-txt{display:grid;gap:3px;min-width:0}
.ub-wtab-txt b{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.02em}
.ub-wtab-txt small{font-size:13px;line-height:1.45;color:var(--mute);max-height:0;opacity:0;overflow:hidden;transition:max-height .45s var(--ease),opacity .35s}
.ub-wtab.is-on .ub-wtab-txt small{max-height:60px;opacity:1}
.ub-wtab-bar{position:absolute;left:14px;right:14px;bottom:7px;height:2px;border-radius:2px;background:var(--line);opacity:0}
.ub-wtab.is-on .ub-wtab-bar{opacity:1}
.ub-wtab-bar::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--flame),var(--violet));transform-origin:0 50%;transform:scaleX(var(--wp,0))}
.ub-stage3d{perspective:1600px}
.ub-browser{margin:0;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 50px 90px -40px rgba(10,10,11,.4),0 18px 40px -24px rgba(79,43,245,.25);transform-origin:50% 100%;transform:rotateX(var(--tilt,0deg)) scale(var(--tscale,1));will-change:transform}
.ub-browser-bar{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:var(--bg-2);border-bottom:1px solid var(--line)}
.ub-browser-bar > i{width:10px;height:10px;border-radius:50%;background:#E3E3DF}
.ub-browser-bar > i:nth-child(1){background:#FF8A66}.ub-browser-bar > i:nth-child(2){background:#FFD36B}.ub-browser-bar > i:nth-child(3){background:#2DD4A7}
.ub-url{display:inline-flex;align-items:center;gap:6px;margin:0 auto;height:24px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--mute)}
.ub-url svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}
.ub-shots{position:relative;aspect-ratio:16/10;background:var(--bg-2)}
.ub-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transform:scale(1.03) translateY(8px);transition:opacity .7s var(--ease),transform 1s var(--ease)}
.ub-shot.is-on{opacity:1;transform:none}
.ub-shot-note{margin-top:12px;font-size:12.5px;color:var(--mute);text-align:center}
.ub-tools-head{margin-top:clamp(56px,7vw,96px);margin-bottom:28px!important}
.ub-tools-head .h2{font-size:clamp(26px,2.6vw,36px)}
.ub-tool{gap:10px;padding:0 34px}
.ub-tool img{width:24px;height:24px;max-height:none;max-width:none;filter:grayscale(1) brightness(.3);opacity:.55}
.ub-tool b{font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:-.02em;color:var(--ink);opacity:.5;white-space:nowrap;transition:opacity .35s}
.ub-tool:hover img{filter:none;opacity:1}
.ub-tool:hover b{opacity:1}
.ub-tools-track{animation-duration:60s;animation-direction:reverse}
@media (max-width:980px){
  .ub-work-grid{grid-template-columns:1fr}
  .ub-wtabs{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:4px var(--gutter) 8px}
  .ub-wtabs::-webkit-scrollbar{display:none}
  .ub-wtab{padding:10px 12px 14px;align-items:center}
  .ub-wtab-txt small{display:none}
  .ub-wtab-ico{width:28px;height:28px}
}
@media (max-width:640px){.ub-tool{padding:0 20px}.ub-tool b{font-size:15px}.ub-browser-bar{height:30px}.ub-url{display:none}}
@media (prefers-reduced-motion:reduce){.ub-shot{transition:none}.ub-browser{transform:none}}
.nav-links a,.nav-drop-btn{white-space:nowrap}
@media (max-width:1240px) and (min-width:901px){.nav-links a,.nav-drop-btn{padding:0 9px;font-size:14px}.nav-cta .btn-ghost{display:none}}
.ub-org-one,.ub-org-roles span{color:var(--ink)}
@media (max-width:640px){.ub-vendor{width:110px;padding:8px 9px;column-gap:8px}.ub-vendor b{font-size:11px}.ub-vendor:nth-child(1),.ub-vendor:nth-child(4){--x:17%}.ub-vendor:nth-child(3),.ub-vendor:nth-child(6){--x:83%}.ub-compare[data-mode="unbound"] .ub-vendor{left:calc(50% - 55px)}}

/* ---------- services, under the hero: one accent per card, soft light, more air ---------- */
#services{padding-top:clamp(40px,5vw,72px)}
.ub-svcs{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ub-svcs .svc[data-lane="d"]{--acc:var(--flame);--acc-soft:#FFD9CC;--acc-ink:#B8300C}
.ub-svcs .svc[data-lane="g"]{--acc:var(--violet);--acc-soft:#E3DCFF;--acc-ink:#3A1FC2}
.ub-svcs .svc[data-lane="s"]{--acc:#14B88A;--acc-soft:#CDF3E6;--acc-ink:#0B6B4C}
.ub-svcs .svc[data-lane="r"]{--acc:#F2A900;--acc-soft:#FFEBB8;--acc-ink:#7A5408}
.ub-svcs .lane{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 24px 22px;isolation:isolate}
.ub-svcs .lane .wash{display:none}
.ub-svcs .lane::before{content:"";position:absolute;z-index:0;right:-34%;top:-42%;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--acc-soft) 0%,rgba(255,255,255,0) 66%);transform:scale(.92);transition:transform 1s var(--ease)}
.ub-svcs .lane::after{content:"";position:absolute;z-index:0;left:-30%;bottom:-50%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--acc-soft) 0%,rgba(255,255,255,0) 66%);opacity:0;transition:opacity .9s var(--ease),transform 1s var(--ease)}
.ub-svcs .svc:hover .lane::before,.ub-svcs .svc.is-open .lane::before{transform:scale(1.35) translate(-8%,12%)}
.ub-svcs .svc:hover .lane::after,.ub-svcs .svc.is-open .lane::after{opacity:.8;transform:translate(14%,-14%)}
.ub-svcs .svc-card{transition:transform .55s var(--ease),box-shadow .55s var(--ease),border-color .4s}
.ub-svcs .svc:hover .svc-card,.ub-svcs .svc:focus-visible .svc-card,.ub-svcs .svc.is-open .svc-card{transform:translateY(-8px) scale(1.02);background:#fff;border-color:var(--acc-soft);box-shadow:0 36px 60px -34px rgba(10,10,11,.3),0 0 0 4px var(--acc-soft)}
.ub-svcs .svc-ico{width:44px;height:44px;border-radius:14px;background:var(--acc);border:0;box-shadow:0 10px 20px -12px var(--acc)}
.ub-svcs .svc-ico svg{width:20px;height:20px;stroke:#fff;stroke-width:1.8}
.ub-svcs .svc .lane h3,.ub-svcs .svc-card h3{font-size:21px;letter-spacing:-.025em;line-height:1.15;margin:22px 0 8px}
.ub-svcs .what{font-size:14px;line-height:1.5;color:var(--ink-2)}
.ub-svcs .tags{gap:6px;padding-top:14px;border-top:1px solid var(--line)}
.ub-svcs .tags li{font-size:12px;padding:4px 10px;border:0;background:var(--bg-2);color:var(--ink-2)}
.ub-svcs .tags li:nth-child(n+4){display:none}
.ub-svcs .tags li:first-child{background:var(--acc-soft);color:var(--acc-ink);font-weight:500}
.ub-svcs .svc-more li b{color:var(--ink)}
.ub-svcs .svc-more li::before{background:var(--acc)}
.ub-svcs .svc:nth-child(1){transition-delay:0s}.ub-svcs .svc:nth-child(2){transition-delay:.07s}.ub-svcs .svc:nth-child(3){transition-delay:.14s}.ub-svcs .svc:nth-child(4){transition-delay:.21s}.ub-svcs .svc:nth-child(5){transition-delay:.1s}.ub-svcs .svc:nth-child(6){transition-delay:.17s}.ub-svcs .svc:nth-child(7){transition-delay:.24s}.ub-svcs .svc:nth-child(8){transition-delay:.31s}
@media (max-width:1180px){.ub-svcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ub-svcs{grid-template-columns:1fr}}

/* ---------- deliverables: four files, no product frame ---------- */
.ub-deliv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ub-file{position:relative;display:grid;grid-template-rows:auto 1fr;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .55s var(--ease),box-shadow .55s var(--ease)}
.ub-file:hover{transform:translateY(-6px);box-shadow:0 40px 70px -40px rgba(10,10,11,.35)}
.ub-file[data-tone="r"]{--acc:#F2A900;--acc-soft:#FFF0C7}.ub-file[data-tone="d"]{--acc:var(--flame);--acc-soft:#FFE3D9}.ub-file[data-tone="g"]{--acc:var(--violet);--acc-soft:#E6E0FF}.ub-file[data-tone="s"]{--acc:#14B88A;--acc-soft:#D5F7EC}
.ub-file-shot{position:relative;padding:26px 0 0 26px;background:linear-gradient(160deg,var(--acc-soft),#F6F6F4 70%);overflow:hidden;aspect-ratio:16/9}
.ub-file-shot img{display:block;width:100%;height:auto;border-radius:10px 0 0 0;border:1px solid rgba(10,10,11,.08);border-right:0;border-bottom:0;box-shadow:0 30px 50px -30px rgba(10,10,11,.4);transform:translateY(0);transition:transform .9s var(--ease)}
.ub-file:hover .ub-file-shot img{transform:translate(-6px,-6px)}
.ub-file-txt{padding:20px 24px 24px;display:grid;gap:8px;align-content:start}
.ub-file-k{display:inline-flex;align-items:center;gap:7px;justify-self:start;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--acc-soft);padding:5px 10px;border-radius:999px}
.ub-file-k svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ub-file h3{font-size:22px;letter-spacing:-.025em;margin-top:4px}
.ub-file p{font-size:14.5px;line-height:1.55;color:var(--ink-2);max-width:48ch}
.ub-deliv-note{margin-top:16px;font-size:12.5px;color:var(--mute);text-align:center}
@media (max-width:860px){.ub-deliv-grid{grid-template-columns:1fr}.ub-file-shot{padding:18px 0 0 18px}}



/* ---------- team page ---------- */
.ubt-more{display:inline-flex;align-items:center;gap:6px;margin-left:14px;font-weight:500;color:var(--ink);border-bottom:1px solid var(--ink)}
.ubt-more svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ubt-hero{padding:clamp(56px,8vw,112px) 0 clamp(32px,4vw,56px)}
.ubt-hero .ub-kicker{justify-self:start}
.ubt-h1{margin-top:18px;max-width:13ch}
.ubt-hero .lead{margin-top:22px;max-width:54ch}
.ubt-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.ubt-jump a{display:inline-flex;align-items:center;height:38px;padding:0 16px;border:1px solid var(--line-2);border-radius:999px;font-size:14px;font-weight:500;color:var(--ink-2);transition:border-color .25s,color .25s}
.ubt-jump a:hover{border-color:var(--ink);color:var(--ink)}
.ubt-person{padding:clamp(48px,7vw,96px) 0;border-top:1px solid var(--line);scroll-margin-top:72px}
.ubt-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,5vw,80px);align-items:start}
.ubt-portrait{position:sticky;top:96px;margin:0;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:var(--bg-2);box-shadow:0 40px 70px -46px rgba(10,10,11,.45)}
.ubt-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.ubt-copy{min-width:0}
.ubt-role{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--flame)}
.ubt-copy .h2{margin-top:10px}
.ubt-tag{margin-top:16px;max-width:34ch;font-family:var(--display);font-size:clamp(20px,1.8vw,25px);line-height:1.32;letter-spacing:-.02em;color:var(--ink-2)}
.ubt-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}
.ubt-stats div{padding:18px 18px 16px;border:1px solid var(--line);border-radius:16px;background:var(--bg-2)}
.ubt-stats b{display:block;font-family:var(--display);font-size:30px;font-weight:500;letter-spacing:-.03em;line-height:1.1}
.ubt-stats span{display:block;margin-top:6px;font-size:13px;line-height:1.4;color:var(--mute)}
.ubt-bio{display:grid;gap:14px;margin-top:30px;max-width:62ch;font-size:16px;line-height:1.7;color:var(--ink-2)}
.ubt-facts{margin:30px 0 0;border-top:1px solid var(--line)}
.ubt-facts div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.ubt-facts dt{padding-top:2px;font-family:var(--mono);font-size:12px;color:var(--mute)}
.ubt-facts dd{margin:0;font-size:15px;line-height:1.5;color:var(--ink)}
.ubt-copy .btn{margin-top:28px}
.ubt-gallery{margin-top:clamp(48px,6vw,80px)}
.ubt-gh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ubt-gh h3{font-size:clamp(22px,2vw,28px)}
.ubt-gh span{font-size:14px;color:var(--mute)}
.ubt-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ubt-tiles figure{display:flex;flex-direction:column;gap:12px;margin:0;min-width:0}
.ubt-ph{aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:var(--bg-2)}
.ubt-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform 1.2s var(--ease)}
.ubt-tiles figure:hover .ubt-ph img{transform:scale(1.04)}
.ubt-tiles figcaption{display:grid;gap:4px}
.ubt-tiles b{font-family:var(--display);font-size:17px;font-weight:500;letter-spacing:-.01em}
.ubt-tiles span{font-size:13px;line-height:1.45;color:var(--mute)}
.ubt-cta{padding-top:clamp(48px,6vw,80px)!important}
@media (max-width:900px){.ubt-grid{grid-template-columns:1fr}.ubt-portrait{position:static;max-width:440px}.ubt-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ubt-stats{grid-template-columns:1fr}.ubt-facts div{grid-template-columns:1fr;gap:4px}.ubt-more{margin:8px 0 0}}
.ubt-tiles-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}
@media (max-width:900px){.ubt-tiles-2{grid-template-columns:repeat(2,minmax(0,1fr))}}