/* Sabban&Co · Rebranding & Social Media */
.studio-world h2.gw-section-heading { font-size:clamp(44px,6.4vw,86px); letter-spacing:-.055em; line-height:1.05; margin:0; color:inherit; font-weight:300; }
.project-dialog:is([data-current-project=rebranding],[data-current-project=social]) .project-window { width:min(1440px,calc(100vw - 96px)); height:calc(100dvh - 82px); }
.project-dialog[data-current-project=rebranding] { --project-ink:#531f2b; --project-muted:#735c61; --project-line:#531f2b26; }
.project-dialog[data-current-project=rebranding] :is(.project-window,.project-window-foot) { background:#f2ede4; color:#531f2b; }
.project-dialog[data-current-project=social] { --project-ink:#f3f5ff; --project-muted:#b2b8d0; --project-line:#ffffff29; }
.project-dialog[data-current-project=social] :is(.project-window,.project-window-foot) { background:#101323; color:#f3f5ff; }
.showcase-content.studio-world.social-world { --sw-ink:#f3f5ff; --sw-muted:#b2b8d0; --sw-accent:#a9dceb; --sw-line:#ffffff29; background:#101323; color:var(--sw-ink); }
.rebranding-world p,.social-world p { font-size:16px; }
.rebranding-world .sw-kicker,.social-world .sw-kicker { font-size:12px; }
.rebranding-world .motion-toggle,.social-world .motion-toggle { font-size:12px; }
.rw-hero,.sm-hero { padding:30px clamp(26px,5vw,76px) 25px; }
.rw-hero-layout { display:grid; grid-template-columns:1.3fr 1fr; gap:50px; align-items:center; padding:80px 0 95px; }
.studio-world .rw-hero-copy :is(h1,h2) { font-size:clamp(48px,6.8vw,92px); line-height:1.03; letter-spacing:-.065em; margin:0 0 32px; color:inherit; }
.rw-hero-copy > p { max-width:430px; color:#796369; }
.rw-dna-stage { height:440px; }
.rw-dna-sheet { position:absolute; inset:0 3% 0 0; display:flex; flex-direction:column; justify-content:space-between; align-items:center; padding:32px; background:#531f2b; color:#f2ede4; box-shadow:0 25px 55px #531f2b2b; transform:rotate(6deg) translateZ(10px); }
.rw-dna-sheet > img { width:76%; max-height:275px; opacity:.85; filter:brightness(0) invert(1); }
.rw-dna-sheet > span { align-self:flex-start; font-size:25px; line-height:1.2; letter-spacing:-.04em; }
.rw-dna-note { position:absolute; top:12%; left:-13%; width:75%; background:#fffdf8; padding:23px; transform:rotate(-7deg) translateZ(70px); box-shadow:0 15px 40px #531f2b29; animation:sw-float 10s ease-in-out infinite; }
.rw-dna-note span { display:block; font-size:14px; padding:10px 0; border-bottom:1px solid #531f2b26; }
.rw-dna-note span:last-child { border:0; }
.rw-dna-signature { position:absolute; right:-9%; bottom:-7%; width:70%; padding:30px 25px 20px; background:#d2c3b6; box-shadow:0 25px 45px #531f2b29; transform:rotate(-4deg) translateZ(60px); }
.rw-dna-signature img { width:85%; filter:brightness(.5); }
.rw-dna-signature > span { display:block; font-size:12px; margin-top:24px; }
.rw-approach { background:#531f2b; color:#f2ede4; --sw-accent:#dbc2b6; --sw-muted:#d6bcc3; --sw-line:#f2ede42b; }
.rw-audit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; margin-top:45px; }
.rw-audit-grid > div { border-top:1px solid var(--sw-line); padding-top:25px; }
.rw-audit-grid span { text-transform:uppercase; font-size:12px; letter-spacing:.09em; color:#d6bcc3; }
.rw-audit-grid :is(h4,h3.gw-detail-heading) { font-size:27px; line-height:1.15; letter-spacing:-.04em; margin:23px 0 16px; }
.rw-audit-grid p { color:#d6bcc3; }
.rw-patisserie { background:#242020; color:#f5eee6; --sw-accent:#dbc2b6; --sw-muted:#c4b6b1; }
.rw-patisserie-image { position:relative; overflow:hidden; }
.rw-patisserie-image > img { width:100%; aspect-ratio:1.6; object-fit:cover; }
.rw-patisserie-caption { position:absolute; top:9%; left:7%; max-width:700px; }
.rw-patisserie-caption :is(h3,h2.gw-section-heading) { font-size:clamp(44px,6.5vw,87px); text-shadow:0 2px 20px #0003; }
.rw-patisserie-caption .sw-kicker { margin-bottom:22px; }
.rw-recipe-copy { display:grid; grid-template-columns:1fr 1.15fr; gap:65px; }
.studio-world .rw-recipe-quote { font-size:clamp(27px,3.2vw,43px); line-height:1.25; letter-spacing:-.045em; }
.rw-recipe-copy > div:last-child > p { color:#c4b6b1; margin-bottom:20px; }
.rw-change-spectrum { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:50px; border:1px solid var(--sw-line); }
.rw-change-spectrum > div { padding:30px; border-right:1px solid var(--sw-line); }
.rw-change-spectrum > div:last-child { border:0; }
.rw-change-spectrum > div:nth-child(2) { background:#e4dacf; }
.rw-change-spectrum > div:nth-child(3) { background:#d2c3b6; }
.rw-change-spectrum span { font-size:12px; }
.rw-change-spectrum :is(h4,h3.gw-detail-heading) { font-size:29px; line-height:1.15; letter-spacing:-.04em; margin:30px 0 20px; }
.rw-change-spectrum p { color:#735c61; }
.rw-balance-line { display:flex; justify-content:space-between; gap:25px; padding-top:27px; font-size:14px; }
.rw-evolutions { background:#fffcf7; }
.rw-evolutions .sw-section-head { max-width:960px; }
.studio-world .rw-example-note { font-size:12px; color:#796369; margin-top:18px; }
.rw-example-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 60px; margin-top:60px; }
.rw-example { border-top:1px solid #531f2b30; padding:34px 0 38px; }
.rw-example-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; color:#876c73; }
.rw-example-heading > span { font-size:12px; }
.rw-example-heading > p { font-size:14px; margin:0; }
.rw-example :is(h4,h3.gw-detail-heading) { font-size:30px; line-height:1.15; letter-spacing:-.04em; margin:25px 0 28px; max-width:400px; }
.rw-example :is(.rw-before,.rw-after) > span { font-size:12px; text-transform:uppercase; letter-spacing:.08em; display:block; margin-bottom:9px; }
.rw-before { color:#8a7379; margin-bottom:24px; }
.rw-after { color:#531f2b; }
.rw-example :is(.rw-before,.rw-after) p { margin:0; }
.studio-world .rw-example-purpose { font-family:Georgia,'Times New Roman',serif; font-style:italic; font-size:20px; line-height:1.35; color:#8c5260; margin-top:23px; }
.rw-method { background:#262326; color:#f2ede4; --sw-accent:#c8b1a6; }
.rw-method-list { list-style:none; padding:0; margin:55px 0 0 auto; max-width:800px; }
.rw-method-list li { display:grid; grid-template-columns:40px 1fr; gap:30px; border-top:1px solid #f2ede42b; padding:30px 0; }
.rw-method-list li > span { font-size:12px; padding-top:7px; color:#c8b1a6; }
.rw-method-list :is(h4,h3.gw-detail-heading) { font-size:29px; letter-spacing:-.035em; margin-bottom:16px; }
.rw-method-list p { color:#b9aeb3; }
/* Social Media */
.sm-hero { background:radial-gradient(ellipse at 90% 22%,#283d68,transparent 55%),#101323; }
.sm-hero-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:65px; align-items:center; padding:80px 0 100px; }
.sm-hero-copy { position:relative; z-index:2; }
.studio-world .sm-hero-copy :is(h1,h2) { font-size:clamp(48px,6.9vw,94px); line-height:1.03; letter-spacing:-.065em; margin:0 0 32px; color:inherit; }
.sm-hero-copy > p { max-width:430px; color:#b2b8d0; }
.sm-editorial-stage { height:490px; }
.sm-editorial-main { width:83%; position:absolute; top:0; left:3%; background:#fff; color:#152d52; box-shadow:0 35px 60px #0005; transform:rotate(6deg) translateZ(10px); }
.sm-editorial-main > img { width:100%; aspect-ratio:1; object-fit:cover; }
.sm-editorial-main figcaption { background:#e2edf4; padding:22px; }
.sm-editorial-main figcaption > span { font-size:clamp(25px,3vw,39px); line-height:1; letter-spacing:-.05em; display:block; }
.sm-editorial-main figcaption small { display:block; margin-top:20px; font-size:12px; }
.sm-signal-card { position:absolute; top:4%; right:-5%; width:53%; padding:25px; background:#b4e1d5; color:#12393d; transform:rotate(-7deg) translateZ(75px); box-shadow:0 20px 55px #0004; animation:sw-float 9s ease-in-out infinite; }
.sm-signal-card small { font-size:12px; }
.sm-signal-card > span { display:block; margin:23px 0 15px; font-size:clamp(53px,6vw,80px); letter-spacing:-.06em; line-height:1; font-weight:200; }
.sm-signal-card p { font-size:14px; line-height:1.5; margin:0; }
.sm-editorial-tag { position:absolute; bottom:-2%; left:-7%; padding:18px 24px; background:#394ea1; color:#f0f4ff; font-size:12px; transform:rotate(-5deg) translateZ(65px); box-shadow:0 18px 40px #0005; }
.sm-intelligence { background:#dde8f1; color:#162d4f; --sw-muted:#4b637b; --sw-accent:#42649b; --sw-line:#162d4f26; }
.sm-method-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:50px; border-block:1px solid #162d4f30; }
.sm-method-flow > div { padding:28px 25px; border-right:1px solid #162d4f30; animation:sm-step-light 12s linear infinite; }
.sm-method-flow > div:nth-child(2) { animation-delay:3s; }
.sm-method-flow > div:nth-child(3) { animation-delay:6s; }
.sm-method-flow > div:nth-child(4) { animation-delay:9s; border-right:0; }
.sm-method-flow span { display:block; font-size:12px; }
.sm-method-flow strong { display:block; font-size:30px; font-weight:300; letter-spacing:-.035em; margin:25px 0 10px; }
.sm-method-flow small { font-size:14px; color:#4b637b; }
@keyframes sm-step-light { 0%,23% { background:#bfd0e1; } 27%,100% { background:transparent; } }
.sm-signals { background:#101323; }
.sm-signal-list { margin-top:55px; }
.sm-signal-list > section { display:grid; grid-template-columns:35px 1.2fr 1fr; gap:35px; padding:32px 0; border-top:1px solid var(--sw-line); }
.sm-signal-index { font-size:12px; padding-top:6px; color:#a9dceb; }
.sm-signal-list :is(h4,h3.gw-detail-heading) { font-size:30px; letter-spacing:-.04em; margin-bottom:15px; line-height:1.15; }
.sm-signal-list p { color:#b2b8d0; }
.sm-signal-action { padding-top:4px; }
.sm-signal-action > span { color:#a9dceb; display:block; font-size:12px; margin-bottom:14px; }
.sm-signal-action > p { font-size:16px; }
.sm-creative { background:#394ea1; color:#f3f5ff; --sw-muted:#d6dff5; --sw-accent:#b9e2d6; --sw-line:#ffffff36; }
.sm-section-intro { max-width:600px; color:#d6dff5; margin-top:30px!important; }
.sm-campaign-stage { margin:70px 0 30px; }
.sm-campaign-stage .sw-depth-object { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; align-items:center; }
.sm-campaign-tile { position:relative; box-shadow:0 25px 45px #121d554d; }
.sm-campaign-tile > img { width:100%; }
.sm-campaign-tile figcaption { padding:20px; }
.sm-campaign-tile small { display:block; font-size:12px; margin-bottom:22px; }
.sm-campaign-tile figcaption > span { display:block; font-size:29px; letter-spacing:-.04em; line-height:1.1; }
.sm-campaign-one { background:#dcecf0; color:#173755; transform:rotate(-6deg) translateZ(35px); }
.sm-campaign-two { background:#fff; color:#173755; transform:rotate(4deg) translateZ(65px); animation:sw-float 10s ease-in-out infinite; }
.sm-campaign-three { background:#b4e1d5; color:#183a3e; padding:26px; min-height:390px; transform:rotate(-3deg) translateZ(30px); display:flex; flex-direction:column; }
.sm-campaign-three > img { width:90px; margin:0 0 auto auto; filter:brightness(.35); opacity:.8; }
.sm-campaign-three > small { margin:25px 0; }
.sm-campaign-three > span { font-size:35px; line-height:1.05; letter-spacing:-.05em; }
.sm-campaign-three em { color:#3d6366; display:block; margin-top:20px; }
.studio-world .sm-study-note { font-size:12px; color:var(--sw-muted); margin-top:28px; }
.sm-deliverables { display:flex; flex-wrap:wrap; gap:18px 30px; border-top:1px solid var(--sw-line); padding-top:27px; margin-top:30px; font-size:14px; }
.sm-scenarios { background:#101323; }
.sm-scenario-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px 65px; margin-top:50px; }
.sm-scenario-grid > div { padding-top:25px; border-top:1px solid var(--sw-line); }
.sm-scenario-grid span { font-size:12px; text-transform:uppercase; letter-spacing:.1em; color:#a9dceb; }
.sm-scenario-grid :is(h4,h3.gw-detail-heading) { font-size:30px; letter-spacing:-.04em; margin:20px 0 16px; }
.sm-scenario-grid p { color:#b2b8d0; }
.sm-network { background:#b4e1d5; color:#153c40; --sw-muted:#3e6364; --sw-accent:#39706d; --sw-line:#153c4033; }
.sm-network-fields { display:grid; grid-template-columns:repeat(3,1fr); gap:0 35px; margin-top:45px; }
.sm-network-fields span { padding:24px 0; border-top:1px solid var(--sw-line); font-size:18px; letter-spacing:-.025em; }
.sm-results { background:#192138; }
.sm-measure-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; margin-top:45px; }
.sm-measure-grid > div { padding-top:25px; border-top:1px solid var(--sw-line); }
.sm-measure-grid span { font-size:12px; color:#a9dceb; }
.sm-measure-grid :is(h4,h3.gw-detail-heading) { font-size:28px; letter-spacing:-.04em; margin:25px 0 15px; }
.sm-measure-grid p { color:#b2b8d0; }
.sm-closing { background:#101323; }
body.service-page.rebranding-page,[data-theme=dark] body.service-page.rebranding-page { background:#f2ede4; color:#531f2b; }
body.service-page.social-page,[data-theme=dark] body.service-page.social-page { background:#101323; color:#f3f5ff; }
.service-page:is(.rebranding-page,.social-page) #content { width:100%; max-width:none; padding:0; margin:0; display:block; }
.service-page:is(.rebranding-page,.social-page) .site-header { max-width:none; padding-inline:clamp(26px,5vw,76px); }
.service-page.rebranding-page :is(.site-header,.site-footer) { background:#f2ede4; color:#735c61; border-color:#531f2b26; }
.service-page.social-page :is(.site-header,.site-footer) { background:#101323; color:#b2b8d0; border-color:#ffffff29; }
.service-page:is(.rebranding-page,.social-page) .related { padding:45px clamp(26px,6.8vw,98px); margin:0; border:0; color:inherit; }
.service-page:is(.rebranding-page,.social-page) .related h2 { color:inherit; }
@media(max-width:1100px) {
  .rw-hero-layout,.sm-hero-layout { gap:40px; }
  .rw-dna-stage { height:380px; }
  .rw-dna-note { padding:18px; }
  .rw-dna-note span { font-size:12px; }
  .rw-dna-signature { padding:23px 20px 18px; }
  .rw-dna-signature > span { font-size:12px; }
  .sm-editorial-stage { height:425px; }
  .sm-signal-card { padding:20px; }
  .sm-signal-card > span { font-size:57px; }
  .sm-signal-card p { font-size:13px; }
  .sm-campaign-three { min-height:315px; padding:20px; }
  .sm-campaign-three > span { font-size:28px; }
  .sm-campaign-tile figcaption > span { font-size:24px; }
  .sm-campaign-tile figcaption { padding:17px; }
  .rw-change-spectrum > div { padding:25px; }
  .rw-change-spectrum :is(h4,h3.gw-detail-heading) { font-size:26px; }
}
@media(max-width:800px) {
  .rw-hero-layout,.sm-hero-layout { grid-template-columns:1fr; gap:65px; padding-block:55px 75px; }
  .studio-world :is(.rw-hero-copy,.sm-hero-copy) :is(h1,h2) { font-size:clamp(47px,9vw,72px); max-width:650px; }
  .rw-hero-copy > p,.sm-hero-copy > p { max-width:570px; }
  .rw-dna-stage { width:74%; max-width:400px; height:400px; margin:0 auto 20px; }
  .rw-dna-note { padding:23px; }
  .rw-dna-note span { font-size:14px; }
  .rw-recipe-copy { grid-template-columns:1fr; gap:30px; }
  .rw-audit-grid,.rw-change-spectrum { grid-template-columns:1fr; }
  .rw-audit-grid { gap:25px; }
  .rw-change-spectrum > div { padding:30px; border-right:0; border-bottom:1px solid var(--sw-line); }
  .rw-change-spectrum :is(h4,h3.gw-detail-heading) { font-size:30px; margin-top:20px; }
  .rw-example-grid { gap:0 35px; }
  .rw-example :is(h4,h3.gw-detail-heading) { font-size:27px; }
  .sm-editorial-stage { width:72%; max-width:400px; height:490px; margin:0 auto; }
  .sm-editorial-main { width:85%; }
  .sm-method-flow { grid-template-columns:1fr 1fr; }
  .sm-method-flow > div { border-bottom:1px solid #162d4f30; }
  .sm-method-flow > div:nth-child(2) { border-right:0; }
  .sm-method-flow > div:nth-child(n+3) { border-bottom:0; }
  .sm-signal-list > section { grid-template-columns:25px 1fr; gap:20px; }
  .sm-signal-action { grid-column:2; }
  .sm-campaign-stage .sw-depth-object { grid-template-columns:1fr 1fr; gap:28px; }
  .sm-campaign-three { grid-column:1 / -1; min-height:230px; flex-direction:row; flex-wrap:wrap; align-items:center; gap:25px; margin:15px 0; padding:30px; transform:rotate(-2deg) translateZ(30px); }
  .sm-campaign-three > img { width:80px; margin:0; order:2; }
  .sm-campaign-three > small { margin:0; flex-basis:100%; }
  .sm-campaign-three > span { font-size:37px; flex:1; }
  .sm-network-fields { grid-template-columns:1fr 1fr; }
  .sm-measure-grid { grid-template-columns:1fr; gap:30px; }
}
@media(max-width:520px) {
  .project-dialog:is([data-current-project=rebranding],[data-current-project=social]) .project-window { width:calc(100vw - 22px); height:calc(100dvh - 74px); margin-bottom:10px; }
  .rebranding-world .sw-topline,.social-world .sw-topline { gap:15px; }
  .rebranding-world .sw-topline .sw-kicker,.social-world .sw-topline .sw-kicker { max-width:170px; }
  .rebranding-world .motion-toggle,.social-world .motion-toggle { font-size:12px; padding:7px 9px; white-space:normal; }
  .studio-world :is(.rw-hero-copy,.sm-hero-copy) :is(h1,h2) { font-size:clamp(43px,10.4vw,54px); }
  .rw-dna-stage { width:78%; height:330px; margin-bottom:10px; }
  .rw-dna-sheet { padding:25px; }
  .rw-dna-sheet > span { font-size:23px; }
  .rw-dna-note { width:85%; left:-10%; padding:15px 18px; }
  .rw-dna-note span { font-size:12px; }
  .rw-dna-signature { width:83%; right:-12%; padding:24px 18px 16px; }
  .rw-dna-signature > span { margin-top:17px; }
  .rw-patisserie-image > img { aspect-ratio:.85; object-position:70% center; }
  .rw-patisserie-caption { top:7%; left:7%; right:7%; }
  .rw-patisserie-caption :is(h3,h2.gw-section-heading) { font-size:45px; }
  .rw-balance-line { flex-wrap:wrap; font-size:14px; }
  .rw-example-grid { grid-template-columns:1fr; margin-top:40px; }
  .rw-example :is(h4,h3.gw-detail-heading) { font-size:31px; }
  .rw-example-purpose { font-size:21px; }
  .rw-method-list li { grid-template-columns:25px 1fr; gap:20px; }
  .rw-method-list :is(h4,h3.gw-detail-heading) { font-size:26px; }
  .sm-editorial-stage { width:79%; height:405px; }
  .sm-editorial-main figcaption { padding:18px; }
  .sm-editorial-main figcaption > span { font-size:30px; }
  .sm-editorial-main figcaption small { font-size:12px; margin-top:15px; }
  .sm-signal-card { width:61%; padding:18px; right:-8%; }
  .sm-signal-card > span { font-size:51px; margin:20px 0 13px; }
  .sm-signal-card small,.sm-signal-card p { font-size:12px; }
  .sm-editorial-tag { left:-7%; bottom:0; max-width:95%; font-size:12px; padding:15px; }
  .sm-method-flow > div { padding:24px 18px; }
  .sm-method-flow strong { font-size:27px; }
  .sm-method-flow small { font-size:14px; }
  .sm-signal-list :is(h4,h3.gw-detail-heading) { font-size:28px; }
  .sm-campaign-stage .sw-depth-object { grid-template-columns:1fr; gap:35px; }
  .sm-campaign-tile { width:87%; margin-inline:auto; }
  .sm-campaign-one { margin-left:1%; }
  .sm-campaign-two { margin-right:1%; }
  .sm-campaign-tile figcaption { padding:24px; }
  .sm-campaign-tile figcaption > span { font-size:31px; }
  .sm-campaign-three { width:100%; padding:25px; gap:18px; }
  .sm-campaign-three > span { font-size:30px; }
  .sm-campaign-three > img { width:65px; }
  .sm-scenario-grid { grid-template-columns:1fr; gap:30px; }
  .sm-network-fields { gap:0 25px; }
  .sm-network-fields span { font-size:17px; }
  .rebranding-world :is(h3:not(.gw-detail-heading),h2.gw-section-heading),.social-world :is(h3:not(.gw-detail-heading),h2.gw-section-heading) { font-size:clamp(38px,10vw,52px); }
  .rebranding-world .sw-bottomline,.social-world .sw-bottomline { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .sm-method-flow > div { animation:none; } }

.studio-world .sm-editorial-main,.studio-world .sm-campaign-one,.studio-world .sm-campaign-two { color:#173755; }