/* Graphic Design additions reuse MayaWeb's service page design system. */
#graphic-hero-enquiry{scroll-margin-top:140px}
.graphic-design-page .gd-text-link{color:var(--ft-text);font-weight:650;text-underline-offset:5px}
.graphic-design-page .ve-card a:not(.button){color:var(--ft-text);text-underline-offset:4px}
.gd-hero-labels{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}
.gd-hero-labels span{padding:9px 16px;font-size:.8rem;border:1px solid var(--ft-line);border-radius:9px}
.graphic-design-page #graphic-pricing .mw-tier{padding:24px;border-width:1px}
.graphic-design-page .wd-services-grid{grid-auto-rows:1fr}
.gd-definition{align-items:center;gap:48px}
.gd-definition h3,.gd-brief h3{font-size:1.6rem;line-height:1.35;margin-top:0}
.gd-definition p{margin:20px 0}
.gd-brand-board{margin:0;border:1px solid #d9c6e7;overflow:hidden;border-radius:22px;box-shadow:0 20px 50px #54267514}
.gd-board-bar{padding:18px 24px;display:flex;justify-content:space-between;gap:12px;background:#fff;color:#71349b;font-size:.68rem;letter-spacing:.1em;font-weight:650}
.gd-board-art{position:relative;isolation:isolate;min-height:370px;padding:30px;background:#311642;overflow:hidden}
body[data-mw-theme] .gd-board-art :is(span,strong){color:#faf3ff!important}
.gd-board-tag{position:relative;font-size:.62rem;letter-spacing:.14em;font-weight:600}
.gd-board-art>strong{position:relative;display:block;font-size:clamp(3.2rem,5.3vw,5rem);font-weight:750;line-height:.94;letter-spacing:-.07em;margin:28px 0 32px}
body[data-mw-theme] #graphic-what .gd-board-art em{font-style:normal;color:#dba9f5!important}
.gd-orbit{position:absolute;right:-100px;top:50px;width:350px;height:350px;transform:rotate(-30deg);z-index:-1}
.gd-orbit i{position:absolute;inset:0;border:35px solid #8f41b5;border-radius:50%}.gd-orbit i:nth-child(2){inset:50px;border:24px solid #b974d7}.gd-orbit i:nth-child(3){inset:96px;border:16px solid #e3b6fa}
.gd-board-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.7rem;letter-spacing:.02em}
.gd-board-bottom>span:last-child{font-size:2rem;line-height:1}
.gd-brand-board figcaption{display:flex;align-items:center;gap:16px;background:#fff;padding:18px 24px;font-size:.72rem;line-height:1.6;color:#675472}
.gd-colour-dots{display:flex;flex-shrink:0;gap:4px}.gd-colour-dots i{width:14px;height:14px;border-radius:50%;background:#311642}.gd-colour-dots i:nth-child(2){background:#71349b}.gd-colour-dots i:nth-child(3){background:#b974d7}.gd-colour-dots i:nth-child(4){background:#eee1f6;border:1px solid #c7a4db}
.gd-format-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.gd-format-tabs[hidden]{display:none}
.gd-format-tabs button{font:inherit;font-size:.86rem;font-weight:600;padding:12px 20px;min-height:46px;border:1px solid #b27dc8;border-radius:9px;color:var(--ft-text);background:transparent;cursor:pointer;transition:background .18s,color .18s}
.gd-format-tabs button:hover{background:#9e59c128}
.gd-format-tabs button[aria-pressed="true"]{background:#71349b;color:#fff;border-color:#71349b}
.gd-format-tabs button:focus-visible{outline:3px solid #a96bc8;outline-offset:3px}
.gd-format-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px}
.gd-format-art{margin:0;min-width:0;display:grid;place-items:center;padding:30px;border:1px solid var(--ft-line);border-radius:22px;background:#f0e6f7}
.gd-study-canvas{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:26px;width:min(100%,340px);min-height:340px;padding:26px;background:#71349b;border-radius:4px;box-shadow:12px 16px 0 #30174018;transition:background .25s,transform .25s}
body[data-mw-theme] .gd-study-canvas :is(span,strong){color:#fff!important}
.gd-study-brand{position:relative;font-size:1.1rem;font-weight:750;line-height:1.2;letter-spacing:-.04em}
.gd-study-brand>span{display:block;font-size:.38rem;letter-spacing:.08em;margin-top:5px;font-weight:500}
.gd-study-canvas>strong{position:relative;font-size:2.7rem;line-height:1.05;letter-spacing:-.05em;font-weight:750}
body[data-mw-theme] #graphic-design-study .gd-study-canvas em{font-style:normal;color:#f0d2ff!important}
.gd-study-ring{position:absolute;z-index:-1;width:220px;height:220px;right:-90px;top:85px;border:40px solid #ba79d8;border-radius:50%}
.gd-study-footer{display:flex;align-items:center;justify-content:space-between;font-size:.55rem;letter-spacing:.1em;font-weight:600}
.gd-study-footer>span{font-size:1.5rem;line-height:1}
.gd-format-art figcaption{font-size:.72rem;line-height:1.6;color:#675472;margin-top:25px;text-align:center}
.gd-format-copy h3{font-size:1.8rem;line-height:1.3;margin:12px 0 18px}
.gd-format-copy ul{padding-left:20px;line-height:1.8;margin:20px 0}
.gd-format-copy .gd-study-note{font-size:.8rem;line-height:1.65;margin:22px 0}
.gd-format-art[data-format="print"] .gd-study-canvas{background:#311642;transform:rotate(-3deg);border-right:12px solid #e5c9f5}
.gd-format-art[data-format="print"] .gd-study-ring{border-radius:0;transform:rotate(35deg);border-color:#9554b7}
.gd-format-art[data-format="identity"] .gd-study-canvas{background:#faf3ff;border:1px solid #d7b9e8;box-shadow:12px 16px 0 #b977d536}
body[data-mw-theme] .gd-format-art[data-format="identity"] .gd-study-canvas :is(span,strong){color:#311642!important}
body[data-mw-theme] #graphic-design-study .gd-format-art[data-format="identity"] .gd-study-canvas em{color:#71349b!important}
.gd-format-art[data-format="identity"] .gd-study-ring{border-color:#e4c5f4}
.gd-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.gd-output-panel{padding:32px;border:1px solid var(--ft-line);border-radius:20px;background:var(--ft-card)}
.gd-output-label{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.1em;padding:8px 13px;border:1px solid var(--ft-line);border-radius:7px;margin-bottom:8px}
.gd-output-panel h3{font-size:1.5rem;line-height:1.35;margin:14px 0}
.gd-output-panel ul{padding-left:20px;line-height:1.8;margin-bottom:0}
.gd-brief{align-items:center;gap:48px}
.gd-brief .button{margin-top:18px}
.gd-brief-list{list-style:none;display:grid;gap:20px;margin:0;padding:28px;border:1px solid var(--ft-line);border-radius:20px;background:var(--ft-card);counter-reset:brief}
.gd-brief-list li{position:relative;padding-left:42px;counter-increment:brief;margin:0}
.gd-brief-list li:before{content:counter(brief,decimal-leading-zero);position:absolute;left:0;top:2px;font-size:.78rem;font-weight:700;color:#bc85d7}
.gd-brief-list strong{display:block;font-size:.95rem;line-height:1.5}
.gd-brief-list span{display:block;font-size:.84rem;line-height:1.7;margin-top:4px}
@media(max-width:1000px){.gd-definition,.gd-format-layout,.gd-brief{gap:28px}.gd-board-art{padding:24px}.gd-format-art{padding:20px}.gd-study-canvas{padding:20px;min-height:320px}.gd-study-canvas>strong{font-size:2.2rem}}
@media(max-width:900px){.graphic-design-page .mw-organized-hero .si-hero-grid{grid-template-columns:1fr;gap:30px}.gd-definition,.gd-format-layout,.gd-brief{grid-template-columns:1fr}.gd-brand-board{max-width:560px;width:100%;justify-self:center}.gd-board-art>strong{font-size:4.5rem}.gd-format-art{padding:30px}.gd-study-canvas{min-height:340px;padding:26px}.gd-study-canvas>strong{font-size:2.7rem}}
@media(max-width:640px){.graphic-design-page .wd-services-grid{grid-auto-rows:auto}.gd-output-grid{grid-template-columns:1fr}.gd-output-panel{padding:24px}.gd-board-bar{padding:16px 20px;font-size:.6rem}.gd-board-art{min-height:340px}.gd-board-art>strong{font-size:3.7rem}.gd-brand-board figcaption{padding:16px 20px;font-size:.7rem;gap:12px}.gd-format-tabs{gap:7px}.gd-format-tabs button{flex:1;padding:10px 12px;font-size:.77rem}.gd-format-art{padding:24px}.gd-study-canvas{min-height:310px;padding:22px}.gd-study-canvas>strong{font-size:2.3rem}.gd-format-copy h3{font-size:1.55rem}.gd-definition h3,.gd-brief h3{font-size:1.4rem}.gd-brief-list{padding:24px}.gd-hero-labels{margin:24px 0}.graphic-design-page .si-actions{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.gd-format-tabs button,.gd-study-canvas{transition:none}}
