/* Studio-only work surface; brand choices are scoped to the example artwork. */
#seoburo-studio .studio-canvas{--demo-paper:#F7F3EB;--demo-soft:#D8CDBD;--demo-accent:#665344;--demo-ink:#292723;--demo-detail:#B9917C;--demo-heading-font:Georgia,"Times New Roman",serif;--demo-heading-weight:400;--demo-body-font:"SE Text",Arial,sans-serif;--demo-body-weight:400;background-image:linear-gradient(rgba(37,37,31,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(37,37,31,.05) 1px,transparent 1px);background-size:80px 80px;background-position:var(--gutter) 0}
#seoburo-studio .ayla-intro{display:grid;grid-template-columns:.85fr 1.2fr;align-items:center;gap:6vw;padding-top:88px;padding-bottom:80px}
#seoburo-studio .ayla-intro h1{font-size:clamp(38px,4.5vw,68px);line-height:1.02;max-width:580px}
#seoburo-studio .ayla-intro-copy>p:not(.eyebrow){max-width:410px;margin-top:28px;color:var(--sb-muted)}
#seoburo-studio .ayla-intro .text-link{margin-top:22px}
#seoburo-studio .ayla-cover{min-width:0}
#seoburo-studio .ayla-cover .brand-board{width:100%}
#seoburo-studio .ayla-cover figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:18px}
#seoburo-studio .ayla-project-intro{display:grid;grid-template-columns:.7fr 1.5fr .8fr;gap:40px;align-items:start;padding-top:24px;padding-bottom:64px}
#seoburo-studio .ayla-project-intro h2{font-size:26px}
#seoburo-studio .ayla-project-intro p:not(.eyebrow){max-width:570px;margin-top:18px;color:var(--sb-muted)}
#seoburo-studio .ayla-project-intro nav{display:flex;flex-direction:column;align-items:flex-start;font:11px/1.6 var(--sb-mono)}
#seoburo-studio .ayla-project-intro nav a{min-height:40px;padding:8px 0}
#seoburo-studio .ayla-project-intro nav a:hover{text-decoration:underline;text-underline-offset:5px}
#seoburo-studio .ayla-study{display:grid;grid-template-columns:.85fr 1.2fr;gap:6vw;align-items:start;padding-top:72px;padding-bottom:80px;scroll-margin-top:24px}
#seoburo-studio .ayla-study>*{min-width:0}
#seoburo-studio .ayla-study-copy h2{font-size:clamp(28px,3vw,42px);max-width:400px}
#seoburo-studio .ayla-study-copy>p:not(.eyebrow){max-width:370px;margin-top:26px;color:var(--sb-muted)}
#seoburo-studio .ayla-study-copy .ayla-source-note{font-size:12px;line-height:1.8;margin-top:22px;max-width:340px}
#seoburo-studio .ayla-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
#seoburo-studio .ayla-options button{min-height:44px;padding:10px 15px;background:var(--sb-bg);border:1px solid #25251f40;border-radius:0;font:11px/1.4 var(--sb-mono);transition:background .2s,color .2s}
#seoburo-studio .ayla-options button[aria-pressed=true]{background:var(--sb-ink);border-color:var(--sb-ink);color:#fff9f2}
#seoburo-studio .ayla-options button:hover{background:#bfb29f}
#seoburo-studio .ayla-options button[aria-pressed=true]:hover{background:#424037}
#seoburo-studio .ayla-guide-browser figure>.brand-board{width:100%}
#seoburo-studio .ayla-guide-browser figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 20px;min-height:46px;padding-top:12px}
#seoburo-studio .ayla-guide-browser figcaption>span{padding:12px 0;flex:1;min-width:200px}
#seoburo-studio .ayla-guide-browser figcaption>.brand-enlarge{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
#seoburo-studio .ayla-ratio{display:flex;max-width:340px;margin-top:28px;font:11px/1 var(--sb-mono)}
#seoburo-studio .ayla-ratio span:first-child{width:70%;background:var(--demo-paper);color:var(--demo-ink);padding:18px}
#seoburo-studio .ayla-ratio span:last-child{width:30%;background:var(--demo-accent);color:var(--demo-paper);padding:18px}
#seoburo-studio .ayla-pair-preview{display:flex;flex-direction:column;justify-content:space-between;min-height:360px;padding:28px 0;background:transparent;color:var(--demo-ink)}
#seoburo-studio .ayla-pair-label,#seoburo-studio .ayla-pair-caption{font:10px/1.6 var(--sb-mono);letter-spacing:.05em}
#seoburo-studio .ayla-pair-logo{max-width:290px;width:60%;align-self:center;margin:32px 0}
#seoburo-studio .ayla-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px}
#seoburo-studio .ayla-swatch{font:10px/1.6 var(--sb-mono)}
#seoburo-studio .ayla-type-study{padding-bottom:104px}
#seoburo-studio .ayla-type-card{background:transparent;padding:24px 0}
#seoburo-studio .ayla-type-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}
#seoburo-studio .ayla-type-title>span:last-child{font:10px/1.5 var(--sb-mono);white-space:nowrap}
#seoburo-studio .ayla-type-card figcaption{font-size:10px;padding-top:14px}
@media(max-width:1100px){
 #seoburo-studio .ayla-intro{gap:36px}
 #seoburo-studio .ayla-project-intro{grid-template-columns:1.5fr 1fr;gap:20px 36px}
 #seoburo-studio .ayla-project-intro>.eyebrow{grid-column:1/-1;margin:0}
 #seoburo-studio .ayla-study{gap:36px;grid-template-columns:.85fr 1.2fr}
 #seoburo-studio .ayla-pair-preview{padding:24px 0;min-height:320px}
}
@media(max-width:900px){
 #seoburo-studio .ayla-intro{grid-template-columns:1fr;padding-top:60px;gap:42px}
 #seoburo-studio .ayla-intro h1{font-size:clamp(42px,6.8vw,60px)}
 #seoburo-studio .ayla-intro-copy>p:not(.eyebrow){max-width:550px}
 #seoburo-studio .ayla-study{grid-template-columns:1fr;gap:32px}
 #seoburo-studio .ayla-study-copy h2{max-width:560px}
 #seoburo-studio .ayla-study-copy>p:not(.eyebrow){max-width:560px}
 #seoburo-studio .ayla-pair-preview{min-height:360px}
}
@media(max-width:600px){
 #seoburo-studio .studio-canvas{background-size:56px 56px}
 #seoburo-studio .ayla-intro{padding-top:48px;padding-bottom:40px;gap:32px}
 #seoburo-studio .ayla-intro h1{font-size:clamp(36px,9.5vw,52px)}
 #seoburo-studio .ayla-cover figcaption{font-size:8px;gap:10px}
 #seoburo-studio .ayla-project-intro{grid-template-columns:1fr;gap:16px;padding-top:20px;padding-bottom:28px}
 #seoburo-studio .ayla-project-intro h2{font-size:24px}
 #seoburo-studio .ayla-project-intro nav{margin-top:8px}
 #seoburo-studio .ayla-project-intro nav a{min-height:44px}
 #seoburo-studio .ayla-study{padding-top:46px;padding-bottom:46px;gap:28px}
 #seoburo-studio .ayla-study-copy h2{font-size:30px}
 #seoburo-studio .ayla-options{gap:6px}
 #seoburo-studio .ayla-options button{padding:10px 12px;font-size:10px}
 #seoburo-studio .ayla-pair-preview{min-height:290px;padding:24px 0}
 #seoburo-studio .ayla-pair-logo{width:76%}
 #seoburo-studio .ayla-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
 #seoburo-studio .ayla-type-card{padding:22px 0}
 #seoburo-studio .ayla-type-title{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:24px}
 #seoburo-studio .ayla-type-study{padding-bottom:60px}
}

#seoburo-studio .brand-board{display:block;width:100%;height:auto}
#seoburo-studio .demo-wordmark{font-family:var(--demo-heading-font);font-weight:var(--demo-heading-weight)}
#seoburo-studio .demo-body{font-family:var(--demo-body-font);font-weight:var(--demo-body-weight)}
#seoburo-studio .brand-enlarge{border:0;border-radius:0;background:transparent;padding:8px 0;font:inherit;text-align:left}
#seoburo-studio .brand-preview-name{display:block;font-size:clamp(58px,6.8vw,92px);line-height:1.1;text-align:center;color:var(--demo-accent)}
#seoburo-studio .brand-preview-subtitle{display:block;text-align:center;letter-spacing:.24em;font:14px/1.6 var(--demo-body-font);font-weight:var(--demo-body-weight);margin-top:14px}
#seoburo-studio .brand-colour-label{display:block;margin-bottom:7px;font:inherit}
#seoburo-studio input[data-brand-colour]{height:52px;min-height:52px;padding:0;border:0;background:transparent;cursor:pointer}
#seoburo-studio input[data-brand-colour]::-webkit-color-swatch-wrapper{padding:0}
#seoburo-studio input[data-brand-colour]::-webkit-color-swatch{border:1px solid #25251f20;border-radius:0}
#seoburo-studio input[data-brand-colour]::-moz-color-swatch{border:1px solid #25251f20;border-radius:0}
#seoburo-studio .brand-hex{padding:8px 0;margin-top:3px;min-height:44px;background:transparent;border:0;border-bottom:1px solid #25251f40;font:10px/1.6 var(--sb-mono)}
#seoburo-studio .brand-hex[aria-invalid=true]{border-bottom-color:#8b3025}
#seoburo-studio .brand-input-status{font-size:12px;line-height:1.6;margin-top:16px}
#seoburo-studio [data-brand-font]{width:230px;min-height:44px;background:transparent;padding:7px 28px 7px 10px;font:16px/1.6 var(--sb-sans);border-color:#25251f66}
#seoburo-studio .brand-specimen{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;min-height:230px;color:var(--demo-ink);overflow-wrap:anywhere}
#seoburo-studio .brand-specimen[data-specimen=heading]{font-family:var(--demo-heading-font);font-weight:var(--demo-heading-weight)}
#seoburo-studio .brand-specimen[data-specimen=body]{font-family:var(--demo-body-font);font-weight:var(--demo-body-weight)}
#seoburo-studio .brand-specimen p{font:inherit;font-size:24px;line-height:1.3;max-width:280px}
#seoburo-studio .brand-specimen .brand-alphabet{font-size:12px;line-height:2;margin-top:26px;overflow-wrap:anywhere}
#seoburo-studio .brand-aa{font:inherit;font-size:100px;line-height:1;letter-spacing:-.055em}
#seoburo-studio .brand-guide-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(1200px,94vw);max-width:94vw;max-height:90dvh;border:0;border-radius:0;background:var(--sb-bg);color:var(--sb-ink);box-shadow:0 24px 80px #0005}
#seoburo-studio .brand-guide-dialog::backdrop{background:#25251fb3}
#seoburo-studio .brand-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;font:12px/1.5 var(--sb-mono)}
#seoburo-studio [data-close-guide]{min-height:44px;padding:10px 12px;border:1px solid #25251f44;border-radius:0;background:transparent}
#seoburo-studio .brand-dialog-art{overflow:auto;max-height:calc(90dvh - 72px)}
#seoburo-studio .brand-dialog-art .brand-board{min-width:900px}
@media(max-width:1100px) and (min-width:901px){
 #seoburo-studio .brand-specimen{grid-template-columns:1fr}
 #seoburo-studio .brand-aa{font-size:76px}
}
@media(max-width:600px){
 #seoburo-studio .brand-preview-name{font-size:66px}
 #seoburo-studio .brand-hex{font-size:16px}
 #seoburo-studio .brand-specimen{gap:12px;min-height:210px}
 #seoburo-studio .brand-specimen p{font-size:21px}
 #seoburo-studio .brand-specimen .brand-alphabet{font-size:11px}
 #seoburo-studio .brand-aa{font-size:64px}
 #seoburo-studio .brand-dialog-header{padding:10px 14px}
}

/* Inline studies share the page canvas; the enlarged guide keeps its paper. */
#seoburo-studio .ayla-guide-browser .brand-artboard-paper,
#seoburo-studio .ayla-guide-browser .brand-artboard-tone{fill:transparent}