/* GBO Studio V6 — motion with purpose. No legal URL or content changes. */
.studio-v2 .brand-mark{position:relative;overflow:hidden;border-color:rgba(164,158,199,.23);background:#ecebf5;box-shadow:0 10px 30px rgba(74,69,116,.12)}
.studio-v2 .brand-mark svg{opacity:0}
.studio-v2 .brand-mark:after{content:"";position:absolute;inset:0;background:url('/logo-v6.svg') center/cover no-repeat}
.studio-v2 .brand-text{font-weight:820;letter-spacing:-.048em}
.studio-v2 .brand:hover .brand-mark:after{transform:rotate(-6deg) scale(1.04)}
.studio-v2 .brand-mark:after{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.header .logo{font-size:0;color:transparent;background:#ecebf5 url('/logo-v6.svg') center/cover no-repeat;border-color:rgba(164,158,199,.23);box-shadow:0 10px 30px rgba(74,69,116,.12)}

/* Center the full mobile footer as a single balanced block. */
@media(max-width:700px){
  .footer{padding:34px 0 42px}
  .footer-row{display:flex;flex-direction:column;align-items:center!important;justify-content:center!important;text-align:center!important;gap:11px}
  .footer-row>.brand{margin:0 auto 4px}
  .footer-row>span,.footer-row>a{max-width:100%;overflow-wrap:anywhere}
  .footer-links{display:flex;justify-content:center!important;align-items:center;gap:9px 17px;width:100%;padding-top:6px;flex-wrap:wrap}
}

/* Opening signature: no blocking overlay and no scroll lock. */
.s-hero{position:relative}
.v6-entrance-stamp{position:absolute;z-index:4;top:8px;left:50%;display:flex;align-items:center;gap:13px;color:#40445f;pointer-events:none;letter-spacing:.22em;font-size:11px;font-weight:750;opacity:0;transform:translate(-50%,-16px)}
.v6-entrance-stamp img{width:48px;height:48px;border-radius:15px;box-shadow:0 12px 28px rgba(70,61,103,.15)}
.v6-entrance-stamp b{font-weight:850}
.v6-entrance-stamp i{width:30px;height:1px;background:linear-gradient(90deg,#9b9dc8,transparent)}
@keyframes v6-signature{0%{opacity:0;transform:translate(-50%,-18px);filter:blur(8px)}22%,68%{opacity:1;transform:translate(-50%,0);filter:blur(0)}100%{opacity:0;transform:translate(-50%,-5px);filter:blur(4px)}}

/* Genuine screenshots, editorial animation. Explicitly not a recorded product video. */
.v6-promo-section{padding:90px 0 78px;position:relative}
.v6-promo-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:21px}
.v6-promo-serial{font-size:10px;letter-spacing:.16em;font-weight:850;color:var(--muted)}
.v6-promo{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);border-radius:38px;overflow:hidden;isolation:isolate;min-height:555px;background:#151622;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 85px rgba(30,29,59,.24)}
.v6-promo-copy{padding:clamp(34px,5vw,80px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:2;background:radial-gradient(circle at 15% 15%,rgba(149,145,219,.18),transparent 52%)}
.v6-promo-kicker{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:780;color:#c3c2e0}
.v6-promo h2{font-size:clamp(44px,5.3vw,78px);line-height:.96;letter-spacing:-.075em;margin:24px 0 19px}
.v6-promo h2 em{font-style:normal;background:linear-gradient(115deg,#e9b4d0,#aabce8 57%,#d3c1ef);-webkit-background-clip:text;background-clip:text;color:transparent}
.v6-promo-copy p{color:#babdd3;line-height:1.75;font-size:15px;max-width:380px;margin:0}
.v6-promo-controls{display:flex;align-items:center;gap:17px;margin-top:30px;width:100%}
.v6-promo-toggle{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.09);color:#fff;font-size:12px;font-weight:800;padding:12px 15px;border-radius:999px;cursor:pointer}
.v6-promo-toggle:hover{background:rgba(255,255,255,.18)}
.v6-promo-toggle:focus-visible,.v6-demo-action:focus-visible,.v6-demo-tabs button:focus-visible{outline:3px solid #b4b4f3;outline-offset:3px}
.v6-promo-progress{flex:1;height:3px;min-width:30px;border-radius:4px;background:#383a4e;overflow:hidden}
.v6-promo-progress i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#b0c8eb,#e8acd2);transform-origin:left center;transform:scaleX(0)}
.v6-promo-stage{min-height:555px;position:relative;perspective:900px;overflow:hidden;background:radial-gradient(circle at 46% 49%,rgba(190,160,225,.24),transparent 55%),linear-gradient(145deg,#22263c,#171923)}
.v6-promo-aura{position:absolute;inset:4% 5%;border:1px solid rgba(216,205,244,.13);border-radius:50%;transform:rotate(-23deg) scaleY(.75)}
.v6-promo-shot{position:absolute;top:50%;left:50%;height:min(67%,365px);aspect-ratio:444/960;border:5px solid rgba(255,255,255,.9);border-radius:26px;overflow:hidden;background:#f1edf7;box-shadow:0 28px 60px rgba(0,0,0,.34);transform-origin:center}
.v6-promo-shot img{display:block;width:100%;height:100%;object-fit:cover}
.v6-promo-shot-one{transform:translate(-120%,-43%) rotate(-18deg);z-index:1}
.v6-promo-shot-two{transform:translate(-31%,-55%) rotate(2deg);z-index:3}
.v6-promo-shot-three{transform:translate(57%,-39%) rotate(17deg);z-index:2}
.v6-promo-seal{position:absolute;right:8%;bottom:8%;display:flex;align-items:center;gap:6px;letter-spacing:.14em;font-size:10px;font-weight:900;color:#c4c6e0}
.v6-promo-seal span{font-size:23px;color:#dbc2e9}
.v6-promo-disclaimer{font-size:11px;text-align:center;color:var(--muted);margin:15px 0 0;line-height:1.5}
@keyframes v6-shot-one{0%,100%{transform:translate(-120%,-43%) rotate(-18deg)}50%{transform:translate(-104%,-48%) rotate(-12deg)}}
@keyframes v6-shot-two{0%,100%{transform:translate(-31%,-55%) rotate(2deg)}50%{transform:translate(-27%,-62%) rotate(-3deg)}}
@keyframes v6-shot-three{0%,100%{transform:translate(57%,-39%) rotate(17deg)}50%{transform:translate(46%,-45%) rotate(11deg)}}
@keyframes v6-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.v6-promo.is-paused *, .v6-promo.is-paused *:before,.v6-promo.is-paused *:after{animation-play-state:paused!important}

/* Mini product lab on the full portfolio page. */
.v6-demo-section{padding:35px 0 70px}
.v6-demo-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:25px}
.v6-demo-heading h2{font-size:clamp(39px,4.7vw,67px);line-height:1;letter-spacing:-.075em;margin:16px 0 0}
.v6-demo-heading h2 em{font-style:normal;color:#8c87bd}
.v6-demo-heading>p{max-width:355px;font-size:15px;color:var(--muted);line-height:1.7;margin:0}
.v6-demo-layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:540px;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#181a25;color:#fff;box-shadow:0 36px 70px rgba(38,38,64,.15);--v6-color:#e8bdcf}
.v6-demo-layout[data-app=conscience]{--v6-color:#b5d7ae}
.v6-demo-layout[data-app=pannego]{--v6-color:#f0d177}
.v6-demo-sidebar{background:#222430;padding:32px 15px;display:flex;flex-direction:column;gap:17px}
.v6-demo-label{font-size:9px;letter-spacing:.17em;font-weight:900;color:#9ba0b8;padding-inline:13px}
.v6-demo-tabs{display:grid;gap:8px}
.v6-demo-tabs button{border:1px solid transparent;border-radius:17px;background:transparent;color:#c5c6d6;display:flex;align-items:center;gap:12px;padding:12px;font-size:13px;font-weight:850;text-align:left;cursor:pointer;transition:background .3s,transform .3s}
.v6-demo-tabs img{width:36px;height:36px;object-fit:cover;border-radius:11px}
.v6-demo-tabs button[aria-selected=true]{background:#343746;border-color:rgba(255,255,255,.15);box-shadow:inset 3px 0 var(--v6-color);color:#fff}
.v6-demo-tabs button:hover{background:#363847;transform:translateX(3px)}
.v6-demo-sidebar p{margin:auto 12px 0;font-size:11px;line-height:1.6;color:#9ca0b3}
.v6-demo-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(215px,.85fr);position:relative;isolation:isolate;min-height:540px;background:radial-gradient(circle at 75% 40%,rgba(168,155,225,.24),transparent 48%),#181a25}
.v6-demo-copy{position:relative;z-index:2;padding:clamp(28px,4vw,55px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.v6-demo-tag{font-size:9px;font-weight:900;letter-spacing:.17em;color:var(--v6-color);text-transform:uppercase}
.v6-demo-copy h3{font-size:clamp(29px,3.3vw,48px);letter-spacing:-.06em;line-height:1.07;margin:19px 0 11px}
.v6-demo-copy>p:not(.v6-demo-result){font-size:13px;line-height:1.7;color:#b6b8cd;margin:0 0 18px}
.v6-demo-object{width:100%;display:grid;gap:6px;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055)}
.v6-demo-object-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:var(--v6-color);color:#252634;font-size:22px;margin-bottom:4px}
.v6-demo-object strong{font-size:14px}.v6-demo-object small{color:#aeb0c4;font-size:11px}
.v6-demo-action{margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:14px 17px;border:0;border-radius:14px;background:var(--v6-color);color:#1c1d2a;font-weight:900;font-size:12px;cursor:pointer;transition:transform .25s,filter .25s}
.v6-demo-action:hover{transform:translateY(-2px);filter:brightness(1.08)}
.v6-demo-result{font-size:12px;line-height:1.5;color:#eeeef9;min-height:35px;margin:10px 0 0}
.v6-demo-link{font-size:12px;font-weight:850;text-decoration:underline;text-underline-offset:4px;margin-top:2px}
.v6-demo-preview{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;overflow:hidden}
.v6-demo-screen{width:clamp(170px,18vw,245px);aspect-ratio:444/960;border:5px solid rgba(255,255,255,.9);border-radius:30px;overflow:hidden;transform:rotate(7deg);box-shadow:0 38px 70px rgba(0,0,0,.32)}
.v6-demo-screen img{display:block;width:100%;height:100%;object-fit:cover}
.v6-demo-preview-caption{position:absolute;bottom:30px;right:20px;font-size:10px;color:#d2cee6;background:rgba(28,29,47,.78);border-radius:999px;padding:8px 12px}
.v6-demo-layout.is-changing .v6-demo-screen{animation:v6-demo-appear .65s cubic-bezier(.2,.8,.2,1) both}
@keyframes v6-demo-appear{from{opacity:.25;transform:rotate(-6deg) translateY(35px) scale(.87)}to{opacity:1;transform:rotate(7deg)}}

/* Verified product details: reusable on individual pages. */
.v6-proof{padding:60px 0 90px}
.v6-proof-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:35px;border-radius:30px;padding:clamp(28px,4vw,55px);background:linear-gradient(140deg,var(--surface),color-mix(in srgb,var(--accent-soft) 53%,var(--surface)));border:1px solid var(--line)}
.v6-proof h2{font-size:clamp(34px,3.3vw,50px);line-height:1.06;letter-spacing:-.065em;margin:15px 0 10px}
.v6-proof p{font-size:15px;line-height:1.7;color:var(--muted)}
.v6-proof-meta{display:grid;gap:12px;align-content:center}
.v6-proof-meta div{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;font-size:14px}
.v6-proof-meta span{color:var(--muted)}.v6-proof-meta strong{text-align:right;font-weight:850}
.v6-proof-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.v6-proof-links a{padding:10px 14px;border-radius:999px;background:var(--text);color:var(--bg);font-size:12px;font-weight:850}

/* Wizard: progressive visual rhythm, no auto-submission or tracking. */
.page-projet .s-form-wrap{position:relative;overflow:hidden;border-radius:31px;box-shadow:0 30px 65px rgba(45,44,78,.10);isolation:isolate}
.page-projet .s-form-wrap:before{content:"";position:absolute;right:-110px;top:-135px;width:330px;height:330px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(189,164,235,.18),transparent 69%);z-index:-1}
.page-projet .s-wizard-step:not([hidden]){animation:v6-step-enter .34s ease both}
.page-projet .s-wizard-progress{height:6px;background:var(--bg-soft);border-radius:99px;overflow:hidden}
.page-projet .s-wizard-progress span{background:linear-gradient(90deg,#9eaadc,#dfa9cd)!important;transition:width .45s cubic-bezier(.25,.8,.25,1)}
.page-projet .s-choice{transition:border-color .25s,transform .25s,box-shadow .25s}
.page-projet .s-choice:hover{transform:translateY(-2px)}
@keyframes v6-step-enter{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* Progressive native browser page transitions; unsupported browsers navigate normally. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:v6-page-out .19s ease both}
::view-transition-new(root){animation:v6-page-in .26s ease both}
@keyframes v6-page-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes v6-page-in{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:none}}

@media(prefers-reduced-motion:no-preference){
  .v6-entrance-stamp{animation:v6-signature 2.6s .2s both}
  .v6-promo-shot-one{animation:v6-shot-one 7s ease-in-out infinite}
  .v6-promo-shot-two{animation:v6-shot-two 7s ease-in-out infinite}
  .v6-promo-shot-three{animation:v6-shot-three 7s ease-in-out infinite}
  .v6-promo-progress i{animation:v6-progress 7s linear infinite}
}
@media(max-width:900px){
  .v6-promo{grid-template-columns:1fr 1fr;min-height:470px}
  .v6-promo-stage{min-height:470px}
  .v6-demo-layout{grid-template-columns:190px 1fr}
  .v6-demo-content{grid-template-columns:1fr .7fr}
  .v6-demo-copy{padding:27px}
  .v6-demo-screen{width:175px}
}
@media(max-width:700px){
  .v6-entrance-stamp{top:-1px;font-size:9px;gap:7px}
  .v6-entrance-stamp img{width:30px;height:30px;border-radius:9px}
  .v6-promo-section{padding:48px 0 48px}
  .v6-promo{grid-template-columns:1fr;min-height:0;border-radius:27px}
  .v6-promo-copy{padding:33px 26px 23px}
  .v6-promo h2{font-size:clamp(40px,10vw,59px);margin:15px 0}
  .v6-promo-copy p{font-size:13px;max-width:100%}
  .v6-promo-stage{min-height:355px}
  .v6-promo-shot{height:270px;border-width:4px;border-radius:19px}
  .v6-promo-controls{margin-top:20px}
  .v6-demo-section{padding:25px 0 50px}
  .v6-demo-heading{display:block}.v6-demo-heading p{margin:13px 0 0;max-width:530px}
  .v6-demo-layout{display:block;border-radius:26px}
  .v6-demo-sidebar{display:block;padding:11px}
  .v6-demo-label,.v6-demo-sidebar>p{display:none}
  .v6-demo-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
  .v6-demo-tabs button{flex:1;min-width:100px;justify-content:center;padding:9px 6px;gap:6px;font-size:11px;white-space:nowrap}
  .v6-demo-tabs img{width:28px;height:28px;border-radius:8px}
  .v6-demo-content{min-height:0;display:flex;flex-direction:column-reverse}
  .v6-demo-preview{height:265px}
  .v6-demo-screen{width:155px;position:absolute;top:15px;left:50%;transform:translateX(-50%) rotate(6deg);border-radius:20px}
  .v6-demo-layout.is-changing .v6-demo-screen{animation:v6-demo-appear-mobile .65s cubic-bezier(.2,.8,.2,1) both}
  .v6-demo-preview-caption{bottom:12px;right:12px}
  .v6-demo-copy{padding:24px}
  .v6-demo-copy h3{font-size:33px}
  .v6-demo-result{min-height:24px}
  .v6-proof{padding:35px 0 55px}.v6-proof-shell{display:block;padding:25px}
  .v6-proof-meta{margin-top:20px}.v6-proof-meta div{font-size:12px}
  .v6-promo-serial{display:none}
}
@media(max-width:360px){.v6-demo-tabs button{min-width:86px;font-size:10px}.v6-demo-tabs img{width:24px;height:24px}.v6-promo-stage{min-height:295px}.v6-promo-shot{height:230px}}
@keyframes v6-demo-appear-mobile{from{opacity:.25;transform:translateX(-50%) rotate(-6deg) translateY(28px) scale(.9)}to{opacity:1;transform:translateX(-50%) rotate(6deg)}}
@media(prefers-reduced-motion:reduce){
  .v6-entrance-stamp{display:none}
  .v6-promo *,.v6-demo-layout *,.page-projet .s-wizard-step:not([hidden]){animation:none!important;transition:none!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}

/* V8 identity: original artwork, genuinely transparent, no pale JPEG slab.
   The globe animates only inside the homepage hero, never in the navigation. */
.header .gbo-brand-animated,
.footer .gbo-brand-animated{
  display:inline-flex;
  width:154px;
  min-width:154px;
  height:91px;
  padding:0;
  align-items:center;
  justify-content:center;
  isolation:isolate;
  text-decoration:none;
  transform:translateZ(0)
}
.gbo-brand-visual{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  isolation:isolate;
  flex:none
}
.gbo-brand-lettering{
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  width:100%;
  height:auto;
  object-fit:contain;
  user-select:none;
  pointer-events:none
}
.gbo-brand-planet-wrap{
  position:absolute;
  z-index:2;
  width:39%;
  aspect-ratio:1;
  top:23%;
  right:-9%;
  overflow:hidden;
  border-radius:50%;
  transform-origin:center;
  pointer-events:none
}
.gbo-brand-planet{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  pointer-events:none;
  user-select:none
}
.gbo-brand-animated:hover .gbo-brand-planet-wrap{filter:drop-shadow(0 4px 7px rgba(18,130,220,.18))}
.gbo-brand-animated:focus-visible{outline:3px solid #1599e5;outline-offset:3px;border-radius:8px}
.studio-v2 .header .gbo-header-wordmark{padding:12px 0;text-decoration:none;min-width:0;white-space:nowrap}
.gbo-header-mark{display:inline-flex;align-items:baseline;gap:7px;color:var(--text);line-height:1}
.gbo-header-mark strong{font-size:25px;font-weight:900;letter-spacing:-.075em}
.gbo-header-mark span{font-size:15px;font-weight:650;letter-spacing:-.035em;color:var(--muted)}
.gbo-header-mark i{align-self:center;width:7px;height:7px;border-radius:50%;margin-left:1px;background:linear-gradient(135deg,#56d5cb,#789cf7);box-shadow:0 0 14px rgba(83,156,244,.3)}
.footer .gbo-brand-footer{width:139px;min-width:139px;height:82px}
.studio-v2 .v6-entrance-stamp{display:none}
/* Dark backgrounds use a silver treatment of the same 3D artwork. */
html[data-theme="dark"] .header .gbo-brand-lettering,
html[data-theme="dark"] .footer .gbo-brand-lettering{filter:invert(1) brightness(1.12)}
html[data-theme="dark"] .header .gbo-brand-visual,
html[data-theme="dark"] .footer .gbo-brand-visual{background:transparent;box-shadow:none}

/* Replace the oversized, square grey hero glow with a precise brand scene. */
.studio-v2 .s-shell::before{background:radial-gradient(ellipse 46% 35% at 76% 28%,rgba(174,194,244,.14),transparent 100%),radial-gradient(ellipse 30% 30% at 96% 3%,rgba(228,188,237,.1),transparent 100%)}
.studio-v2 .s-hero-copy{position:relative;padding-top:145px}
.gbo-hero-brand{
  position:absolute;
  top:-13px;
  left:0;
  width:228px;
  height:149px;
  pointer-events:none;
  isolation:isolate;
  transform:translateZ(0)
}
.gbo-hero-brand::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-25px -33px -20px -28px;
  background:radial-gradient(ellipse at 45% 49%,rgba(251,252,255,.98) 0,rgba(235,238,248,.89) 40%,rgba(195,207,235,.33) 59%,transparent 72%);
  border-radius:50%;
  pointer-events:none
}
.gbo-hero-brand .gbo-brand-visual{width:100%;height:100%}
.gbo-hero-brand .gbo-brand-lettering{top:4px;width:90%;filter:drop-shadow(0 15px 12px rgba(18,20,40,.13))}
.gbo-hero-brand .gbo-brand-planet-wrap{
  width:39%;top:25%;right:-1%;
  filter:drop-shadow(0 12px 12px rgba(0,69,138,.24));
  will-change:transform,opacity
}
.gbo-hero-brand .gbo-brand-planet{width:100%;height:100%}
@keyframes gbo-hero-mark-enter{
  from{opacity:0;transform:translate3d(0,13px,0) scale(.975)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
/* One restrained physical landing: anticipation, impact, tiny recovery, rest. */
@keyframes gbo-hero-earth-land{
  0%{opacity:0;transform:translate3d(-16px,-125px,0) rotate(-24deg) scale(.82)}
  22%{opacity:1}
  65%{transform:translate3d(0,6px,0) rotate(7deg) scale(1.055,.955)}
  81%{transform:translate3d(0,-9px,0) rotate(-3deg) scale(.99,1.01)}
  100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}
}
@media(prefers-reduced-motion:no-preference){
  html.gbo-brand-first-visit .gbo-hero-brand .gbo-brand-lettering{animation:gbo-hero-mark-enter .75s cubic-bezier(.16,1,.3,1) .05s both}
  html.gbo-brand-first-visit .gbo-hero-brand .gbo-brand-planet-wrap{animation:gbo-hero-earth-land 1.2s cubic-bezier(.17,.8,.24,1) .18s both}
}
@media(max-width:700px){
  .gbo-header-mark strong{font-size:22px}
  .gbo-header-mark span{font-size:13px}
  .header .gbo-brand-animated{width:126px;min-width:126px;height:76px}
  .footer .gbo-brand-footer{width:132px;min-width:132px;height:78px}
  .nav{min-height:77px}
  .studio-v2 .s-hero-copy{padding-top:125px}
  .gbo-hero-brand{top:-5px;left:0;width:191px;height:127px}
}
@media(max-width:375px){
  .header .gbo-brand-animated{width:116px;min-width:116px;height:70px}
  .gbo-hero-brand{width:177px;height:117px}
}
@media(prefers-reduced-motion:reduce){.gbo-hero-brand .gbo-brand-lettering,.gbo-hero-brand .gbo-brand-planet-wrap{animation:none!important}}

/* V7 — two upcoming GBO Studio creations, without premature launch links. */
.gbo-coming-next{margin-top:27px;padding:19px 20px;border:1px solid var(--line-strong);border-radius:22px;background:color-mix(in srgb,var(--surface) 78%,transparent);box-shadow:0 12px 34px rgba(53,52,78,.055)}
.gbo-coming-next-title{display:block;margin-bottom:13px;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.gbo-coming-next>div{display:flex;gap:8px;flex-wrap:wrap}
.gbo-coming-next>div>span{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font-size:12px;font-weight:800;color:var(--text)}
.gbo-coming-next>div>span::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#d8ac6c}
.s-directory-card .gbo-upcoming-label{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px dashed var(--line-strong);border-radius:99px;color:var(--muted);font-size:12px;font-weight:750}
.s-directory-card .gbo-upcoming-art{overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;isolation:isolate}
.s-directory-card .gbo-upcoming-art::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at center,rgba(255,255,255,.32),transparent 65%);z-index:-1}
.s-directory-card .gbo-upcoming-art small{position:relative;z-index:2;font-size:12px;line-height:1.2;text-align:center;letter-spacing:.2em;font-weight:900}
.s-directory-card .gbo-museum-art{background:linear-gradient(135deg,#f7f4ed,#ddd4c8 65%,#bbb5ae);color:#47413b}
.gbo-museum-room{display:flex;align-items:center;justify-content:space-around;gap:11px;width:82%;height:96px;transform:perspective(160px) rotateY(-12deg)}
.gbo-museum-room i{display:block;height:86px;flex:1;border:6px solid #fcfaf6;box-shadow:8px 12px 22px rgba(54,48,38,.16),inset 0 0 0 1px rgba(80,70,55,.12);background:rgba(255,255,255,.25)}
.gbo-museum-room i:nth-child(2){height:68px}
.s-directory-card .gbo-motion-art{background:radial-gradient(circle at 45% 40%,#414472,#15172b 69%,#0a0d19);color:#fff}
.gbo-motion-art::after{content:"";position:absolute;left:-40%;right:-40%;top:30%;height:35%;border-top:1px solid rgba(220,222,255,.21);border-bottom:1px solid rgba(220,222,255,.13);transform:rotate(-24deg)}
.s-directory-card .gbo-motion-art .gbo-motion-play{z-index:2;display:grid;place-items:center;width:83px;height:83px;border-radius:25px;transform:rotate(-8deg);font-size:35px;color:#fff;background:linear-gradient(145deg,#aeb1fd,#686ae7);box-shadow:0 15px 40px rgba(4,5,36,.4),inset 0 2px 2px rgba(255,255,255,.45)}
.s-directory-card .gbo-motion-art small{color:#d1d5ff}
@media(max-width:620px){
  .gbo-coming-next{padding:15px 16px;margin-top:21px}
  .s-directory-card .gbo-upcoming-art{min-height:180px}
}

/* V8.2 mobile — small editorial brand, centered and clear of the eyebrow/title. */
@media(max-width:700px){
  .studio-v2 .s-hero-copy{padding-top:90px}
  .gbo-hero-brand{top:0;left:50%;width:116px;height:78px;transform:translateX(-50%)}
  .gbo-hero-brand::before{inset:-9px -13px -8px;opacity:.66}
  .gbo-hero-brand .gbo-brand-planet-wrap{filter:drop-shadow(0 5px 6px rgba(0,69,138,.2))}
}
@media(max-width:375px){
  .studio-v2 .s-hero-copy{padding-top:83px}
  .gbo-hero-brand{width:108px;height:73px}
}

/* V8.3 — Mobile cinematic identity (centered composition, no floating sticker). */
@media(max-width:700px){
  .studio-v2 .s-hero{padding-top:25px}
  .studio-v2 .s-hero-copy{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:0
  }
  .gbo-hero-brand{
    position:relative;
    inset:auto;
    display:block;
    width:min(68vw,278px);
    height:auto;
    aspect-ratio:1241 / 772;
    margin:0 auto 16px;
    transform:none
  }
  .gbo-hero-brand::before{
    inset:-17% -21% -15%;
    border-radius:50%;
    opacity:1;
    background:radial-gradient(ellipse at 50% 49%,rgba(130,133,244,.24),rgba(128,149,244,.11) 42%,transparent 73%)
  }
  .gbo-hero-brand .gbo-brand-lettering{
    top:0;
    left:0;
    width:96%;
    filter:drop-shadow(0 11px 16px rgba(15,19,49,.22))
  }
  .gbo-hero-brand .gbo-brand-planet-wrap{
    top:25%;
    right:-1%;
    width:39%;
    filter:drop-shadow(0 10px 16px rgba(15,88,226,.22))
  }
  .studio-v2 .s-hero-copy>.s-overline{margin-top:4px}
  .studio-v2 .s-hero h1{margin-top:21px}
  html.gbo-brand-first-visit .gbo-hero-brand .gbo-brand-lettering,
  html.gbo-brand-first-visit .gbo-hero-brand .gbo-brand-planet-wrap{animation:none!important}
}
@media(max-width:375px){
  .gbo-hero-brand{width:min(69vw,245px);margin-bottom:14px}
}
@media(max-width:700px){
  html[data-theme="dark"] .gbo-hero-brand::before{
    background:radial-gradient(ellipse at 50% 49%,rgba(97,89,218,.55),rgba(53,81,202,.25) 43%,transparent 73%)
  }
}
@media(max-width:700px) and (prefers-color-scheme:dark){
  html[data-theme="auto"] .gbo-hero-brand::before{
    background:radial-gradient(ellipse at 50% 49%,rgba(97,89,218,.55),rgba(53,81,202,.25) 43%,transparent 73%)
  }
}

/* V8.4 — mobile: one identity only. Keep the compact header wordmark. */
@media(max-width:700px){
  .studio-v2 .gbo-hero-brand{display:none!important}
  .studio-v2 .s-hero{padding-top:38px}
  .studio-v2 .s-hero-copy{padding-top:0}
  .studio-v2 .s-hero-copy>.s-overline{margin-top:0}
}