* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #f2efe8; color: #15231d; font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
.hub { min-height: 100vh; padding: clamp(2rem, 6vw, 6rem); background: radial-gradient(circle at 80% 5%, #d9f6e6, transparent 30%), #f2efe8; }
.hub-intro { max-width: 850px; margin-bottom: 4rem; }
.eyebrow { text-transform: uppercase; letter-spacing: .18em; font-size: .75rem; font-weight: 800; color: #37785b; }
.hub h1 { font: 700 clamp(3rem, 8vw, 7.6rem)/.9 Georgia, serif; letter-spacing: -.06em; margin: 1rem 0 1.5rem; }
.hub-intro > p:last-child { max-width: 650px; font-size: 1.15rem; line-height: 1.7; color: #526158; }
.site-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.site-card { min-height: 340px; padding: 2rem; border-radius: 1.4rem; display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s; }
.site-card:hover { transform: translateY(-5px); box-shadow: 0 20px 45px #17302525; }
.card-1 { background: #14382c; color: #f7f4e9; }.card-2 { background: #ff6a3d; color: #241a16; }.card-3 { background: #c8ff4d; color: #17220b; }.card-4 { background: #2e46d8; color: white; }
.card-no { opacity: .65; font-size: .8rem; letter-spacing: .12em; }
.site-card h2 { font: 700 clamp(2rem, 4vw, 4rem)/1 Georgia, serif; margin: 2.5rem 0 .7rem; text-transform: capitalize; }
.site-card p { margin: 0; opacity: .72; }
.site-card strong { font-size: 1.4rem; margin-top: auto; max-width: 430px; }
.card-link { margin-top: 1.4rem; font-size: .85rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
@media (max-width: 700px) { .site-grid { grid-template-columns: 1fr; } .site-card { min-height: 280px; } }

.brand-site { --ink:#16211b; --paper:#f5f0e6; --accent:#ef6b3a; --deep:#16382d; background:var(--paper); color:var(--ink); min-height:100vh; }
.brand-nav { height:82px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(1.25rem,5vw,5rem); border-bottom:1px solid #0002; position:relative; z-index:3; }
.brand-logo { font:800 1.55rem Georgia,serif; text-transform:capitalize; }.brand-logo i, footer i { color:var(--accent); font-style:normal; }
.nav-links { display:flex; gap:2.5rem; font-size:.85rem; font-weight:700; }.nav-links a:hover { color:var(--accent); }
.nav-cta { border:1px solid currentColor; border-radius:99px; padding:.7rem 1.1rem; font-size:.8rem; font-weight:800; }
.brand-hero { min-height:700px; display:grid; grid-template-columns:1.15fr .85fr; gap:5vw; padding:clamp(4rem,8vw,8rem) clamp(1.25rem,5vw,5rem); align-items:center; overflow:hidden; }
.hero-copy { max-width:800px; }.kicker { font-weight:800; text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; color:var(--accent); }
.brand-hero h1 { font:700 clamp(4rem,8.8vw,9.5rem)/.82 Georgia,serif; letter-spacing:-.07em; margin:1.4rem 0 2rem; }
.lead { max-width:670px; font-size:clamp(1.05rem,1.6vw,1.35rem); line-height:1.65; opacity:.75; }
.hero-actions { display:flex; gap:1.5rem; align-items:center; margin-top:2.2rem; flex-wrap:wrap; }.primary-btn { display:inline-flex; justify-content:center; background:var(--accent); color:#fff; padding:1rem 1.4rem; border-radius:99px; font-weight:800; font-size:.86rem; }.text-btn { font-weight:800; font-size:.86rem; }
.hero-art { position:relative; aspect-ratio:4/5; background:var(--deep); border-radius:48% 48% 12% 12%; overflow:hidden; min-height:430px; color:white; box-shadow:20px 30px 0 color-mix(in srgb,var(--accent) 28%,transparent); }
.hero-art img { width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.02); }.hero-art::after { content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0008 0%,transparent 34%,#0004 100%);pointer-events:none; }
.art-label { position:absolute; top:2rem; left:2rem; right:2rem; z-index:2; text-transform:uppercase; letter-spacing:.14em; font-size:.68rem; text-shadow:0 1px 8px #000; }.art-mark { position:absolute; z-index:2; bottom:-.13em; left:-.03em; font:800 clamp(10rem,22vw,22rem)/.8 Georgia,serif; color:#fff2; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); padding:0 clamp(1.25rem,5vw,5rem) 6rem; gap:1px; }.stats div { border-top:1px solid #0003; padding:1.8rem 0; display:flex; flex-direction:column; }.stats div+div { padding-left:2rem; }.stats strong { font:700 2.5rem Georgia,serif; }.stats span { opacity:.62; margin-top:.35rem; }
.section { padding:clamp(5rem,9vw,9rem) clamp(1.25rem,5vw,5rem); }.section-head { display:grid; grid-template-columns:1fr 2fr; align-items:start; margin-bottom:4rem; }.section-head>p { color:var(--accent); font-weight:800; text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; }.section h2,.contact h2 { font:700 clamp(2.8rem,5vw,5.8rem)/.95 Georgia,serif; letter-spacing:-.05em; margin:0; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.service-grid article { background:#fff8; border:1px solid #0001; border-radius:1.2rem; padding:2.2rem; min-height:280px; }.service-grid span { color:var(--accent); font-weight:800; }.service-grid h3 { font:700 1.8rem Georgia,serif; margin:4.5rem 0 1rem; }.service-grid p { line-height:1.65; opacity:.68; }
.quote { padding:clamp(5rem,10vw,10rem); background:var(--deep); color:white; text-align:center; }.quote blockquote { font:500 clamp(2.2rem,4.8vw,5.2rem)/1.12 Georgia,serif; max-width:1200px; margin:0 auto 2rem; letter-spacing:-.035em; }.quote p { color:var(--accent); font-weight:800; text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; }
.programme { display:grid; grid-template-columns:1fr 1fr; gap:9vw; }.programme-copy>p:last-child { line-height:1.7; opacity:.68; max-width:600px; }.programme-copy h2 { margin:1.2rem 0 2rem; }.programme ol { margin:0; padding:0; list-style:none; border-top:1px solid #0003; }.programme li { display:flex; gap:2rem; padding:1.35rem 0; border-bottom:1px solid #0003; font:700 1.35rem Georgia,serif; }.programme li span { color:var(--accent); font:800 .75rem Arial,sans-serif; }
.contact { margin:0 clamp(1rem,3vw,3rem) 3rem; border-radius:2rem; background:var(--accent); color:#fff; display:grid; grid-template-columns:1.5fr 1fr; gap:6vw; padding:clamp(3rem,7vw,7rem); }.contact .kicker { color:inherit; opacity:.75; }.contact>div>p:last-child { max-width:600px; line-height:1.65; }.contact-card { background:#fff; color:var(--ink); border-radius:1.2rem; padding:2rem; display:flex; flex-direction:column; justify-content:center; gap:1.3rem; }.contact-card>a:first-child { font:700 clamp(1.2rem,2vw,2rem) Georgia,serif; overflow-wrap:anywhere; }.contact-card span { opacity:.6; }.contact-card .primary-btn { background:var(--deep); }
footer { display:grid; grid-template-columns:1fr auto; gap:3rem; padding:4rem clamp(1.25rem,5vw,5rem); border-top:1px solid #0002; }footer strong { font:800 1.5rem Georgia,serif; }footer>div:nth-child(2){display:flex;gap:1.5rem;align-items:start;font-size:.8rem;font-weight:700}footer>p{grid-column:1/-1;opacity:.5;font-size:.75rem}
.toqojye { --ink:#211713;--paper:#f8eadc;--accent:#ed592f;--deep:#261a16; }.toqojye .hero-art { border-radius:0; transform:rotate(2deg); }.toqojye .service-grid article { border-radius:0; }.toqojye .primary-btn { border-radius:.2rem; }
.hyderua { --ink:#14200b;--paper:#eff8dd;--accent:#5e35e8;--deep:#17220d; }.hyderua .hero-art { border-radius:2rem; background:linear-gradient(145deg,#5633dc,#191127); }.hyderua .primary-btn { border-radius:.7rem; }.hyderua .service-grid article { border-radius:2rem; }
.javovoi { --ink:#10173d;--paper:#eef1ff;--accent:#2d46db;--deep:#101a55; }.javovoi .hero-art { border-radius:50% 50% 0 0; }.javovoi .orb-a { background:#ffcf3e; }.javovoi .service-grid article { background:#fff; }
@media(max-width:850px){.nav-links{display:none}.brand-hero{grid-template-columns:1fr;min-height:auto}.hero-art{aspect-ratio:5/3;min-height:280px}.stats,.service-grid{grid-template-columns:1fr}.stats div+div{padding-left:0}.section-head,.programme,.contact{grid-template-columns:1fr}.section-head{gap:1rem}.contact-card{min-height:250px}footer{grid-template-columns:1fr}footer>div:nth-child(2){flex-wrap:wrap}footer>p{grid-column:auto}}

.inner-page{min-height:100vh;background:var(--paper);color:var(--ink)}.inner-hero{padding:clamp(4rem,9vw,9rem) clamp(1.25rem,8vw,8rem);background:var(--deep);color:#fff}.inner-hero h1{font:700 clamp(3.5rem,8vw,8rem)/.9 Georgia,serif;letter-spacing:-.06em;max-width:1000px;margin:1rem 0}.inner-body{max-width:900px;margin:auto;padding:clamp(4rem,8vw,8rem) 1.5rem;font-size:1.06rem;line-height:1.8}.inner-body h2{font:700 2.2rem Georgia,serif;margin-top:3rem}.inner-body h3{font:700 1.3rem Georgia,serif;margin-top:2rem}.inner-body a{color:var(--accent);font-weight:700}.contact-form{display:grid;gap:1rem;margin-top:2rem}.contact-form label{font-weight:700}.contact-form input,.contact-form textarea{width:100%;padding:1rem;border:1px solid #0003;border-radius:.6rem;background:#fff;font:inherit}.contact-form textarea{min-height:160px}.contact-form button{border:0;cursor:pointer;width:max-content}.doc-footer{margin-top:5rem;padding-top:2rem;border-top:1px solid #0002;display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.85rem}
.content-photo{width:100%;height:auto;max-height:680px;object-fit:cover;border-radius:1.5rem;display:block;margin:3rem 0}.photo-band{padding:0 clamp(1.25rem,5vw,5rem) clamp(5rem,9vw,9rem)}.photo-band img{width:100%;height:clamp(320px,52vw,720px);object-fit:cover;border-radius:2rem;display:block}

/* BYZADIE — warm, organic editorial */
.byzadie{--paper:#f3ede0;--ink:#17372b;--accent:#e96842;--deep:#17372b}.byzadie .brand-nav{background:#f3ede0}.byzadie .brand-logo{font-style:italic}.byzadie .brand-hero{background:radial-gradient(circle at 16% 20%,#fff8 0 10%,transparent 32%)}.byzadie .hero-art{border-radius:48% 48% 8rem 8rem;transform:rotate(1deg)}.byzadie .service-grid{gap:2rem}.byzadie .service-grid article{border:0;border-radius:50% 50% 1.5rem 1.5rem;padding:3rem;background:#fff7ed}.byzadie .service-grid article:nth-child(2){transform:translateY(3rem)}.byzadie .quote{border-radius:50% 50% 0 0}.byzadie .programme ol{background:#fff7ed;padding:1rem 2rem;border-radius:2rem}.byzadie .contact{border-radius:5rem 5rem 1.5rem 1.5rem}.byzadie .inner-hero{border-radius:0 0 45% 0}.byzadie .inner-body{font-family:Georgia,serif}

/* TOQOJYE — loud brutalist strategy studio */
.toqojye{--paper:#ffeede;--ink:#19110e;--accent:#ff4b1f;--deep:#19110e;font-family:'Arial Black',Arial,sans-serif}.toqojye .brand-nav{height:70px;border:3px solid #19110e;background:#ff4b1f;padding:0 2rem}.toqojye .brand-logo{font:900 1.8rem 'Arial Black',sans-serif;text-transform:uppercase}.toqojye .nav-cta,.toqojye .primary-btn{border:3px solid #19110e;border-radius:0;box-shadow:5px 5px 0 #19110e}.toqojye .brand-hero{grid-template-columns:1fr;padding:4rem 2rem 0;gap:3rem}.toqojye .hero-copy{max-width:1200px}.toqojye .brand-hero h1{font:900 clamp(4.2rem,12vw,12rem)/.78 'Arial Black',sans-serif;text-transform:uppercase;letter-spacing:-.08em}.toqojye .hero-art{aspect-ratio:16/7;min-height:320px;border:3px solid #19110e;border-radius:0;box-shadow:none;transform:none}.toqojye .art-mark{font-family:'Arial Black',sans-serif}.toqojye .stats{padding:0 2rem 5rem;gap:0}.toqojye .stats div{border:3px solid #19110e;padding:1.5rem}.toqojye .stats div+div{padding-left:1.5rem;border-left:0}.toqojye .section{padding-left:2rem;padding-right:2rem}.toqojye .section h2,.toqojye .contact h2{font-family:'Arial Black',sans-serif;text-transform:uppercase}.toqojye .service-grid{gap:0}.toqojye .service-grid article{border:3px solid #19110e;border-radius:0;background:#fff7ed}.toqojye .service-grid article+article{border-left:0}.toqojye .photo-band{padding:0 2rem 5rem}.toqojye .photo-band img{border:3px solid #19110e;border-radius:0;filter:contrast(1.12)}.toqojye .quote{margin:0 2rem;background:#ff4b1f;color:#19110e;border:3px solid #19110e;padding:6rem 2rem}.toqojye .quote blockquote{font-family:'Arial Black',sans-serif;text-transform:uppercase}.toqojye .programme ol{border:3px solid #19110e}.toqojye .programme li{padding:1.4rem;border-bottom:3px solid #19110e}.toqojye .contact{margin:2rem;border:3px solid #19110e;border-radius:0;box-shadow:12px 12px 0 #19110e}.toqojye .contact-card{border:3px solid #19110e;border-radius:0}.toqojye footer{border-top:3px solid #19110e}.toqojye .inner-hero{border:3px solid #19110e;background:#ff4b1f;color:#19110e}.toqojye .inner-hero h1{font-family:'Arial Black',sans-serif;text-transform:uppercase}.toqojye .content-photo{border:3px solid #19110e;border-radius:0;box-shadow:10px 10px 0 #ff4b1f}

/* HYDERUA — dark, luminous no-code lab */
.hyderua{--paper:#0d1014;--ink:#f5f6ef;--accent:#b7ff45;--deep:#171128;background:#0d1014;color:#f5f6ef;font-family:Arial,sans-serif}.hyderua .brand-nav{position:sticky;top:0;background:#0d1014dd;backdrop-filter:blur(16px);border-color:#ffffff20}.hyderua .brand-logo{font-family:Arial,sans-serif;letter-spacing:-.05em}.hyderua .nav-cta{border-color:#b7ff45;color:#b7ff45}.hyderua .brand-hero{background:radial-gradient(circle at 75% 25%,#6535e950,transparent 28%),linear-gradient(180deg,#0d1014,#141021)}.hyderua .brand-hero h1{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.075em}.hyderua .hero-art{border-radius:2rem;border:1px solid #b7ff4566;box-shadow:0 0 80px #6b36ec55}.hyderua .hero-art img{filter:saturate(1.25) contrast(1.08)}.hyderua .stats div{border-color:#ffffff22}.hyderua .stats strong{font-family:Arial,sans-serif;color:#b7ff45}.hyderua .section-head{grid-template-columns:260px 1fr}.hyderua .section h2,.hyderua .contact h2{font-family:Arial,sans-serif}.hyderua .service-grid article{background:linear-gradient(145deg,#171c23,#11141a);border:1px solid #ffffff1e;border-radius:1.2rem;box-shadow:inset 0 1px #ffffff12}.hyderua .service-grid article:hover{border-color:#b7ff45}.hyderua .photo-band img{border-radius:1.2rem;border:1px solid #7141ef;box-shadow:0 0 70px #7141ef33}.hyderua .quote{background:linear-gradient(135deg,#5c31d6,#27105f);margin:0 3vw;border-radius:2rem}.hyderua .programme ol{border-color:#ffffff25}.hyderua .programme li{border-color:#ffffff25;font-family:Arial,sans-serif}.hyderua .contact{background:#b7ff45;color:#111;border-radius:2rem}.hyderua .contact-card{background:#111;color:#fff}.hyderua .contact-card .primary-btn{background:#7141ef}.hyderua footer{border-color:#ffffff20}.hyderua .inner-page{background:#0d1014;color:#f5f6ef}.hyderua .inner-hero{background:radial-gradient(circle at 80%,#7141ef,transparent 35%),#161020}.hyderua .inner-hero h1{font-family:Arial,sans-serif}.hyderua .inner-body h2,.hyderua .inner-body h3{font-family:Arial,sans-serif}.hyderua .contact-form input,.hyderua .contact-form textarea{background:#171c23;color:#fff;border-color:#ffffff30}

/* JAVOVOI — structured corporate magazine */
.javovoi{--paper:#f4f6ff;--ink:#11183e;--accent:#3150d8;--deep:#11183e;font-family:'Trebuchet MS',Arial,sans-serif}.javovoi .brand-nav{border-bottom:6px solid #3150d8;background:#fff}.javovoi .brand-logo{font-family:'Trebuchet MS',Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}.javovoi .brand-hero{grid-template-columns:.85fr 1.15fr;padding-right:0;gap:4rem;background:linear-gradient(90deg,#f4f6ff 0 62%,#dce3ff 62%)}.javovoi .brand-hero h1{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:700;line-height:.9;letter-spacing:-.055em}.javovoi .hero-art{height:100%;min-height:650px;aspect-ratio:auto;border-radius:0;box-shadow:none}.javovoi .stats{background:#fff;padding:0 5rem}.javovoi .stats div{padding:2.5rem 0}.javovoi .stats strong{font-family:'Trebuchet MS',Arial,sans-serif;color:#3150d8}.javovoi .section{border-top:1px solid #3150d844}.javovoi .section-head{grid-template-columns:300px 1fr}.javovoi .section h2,.javovoi .contact h2{font-family:'Trebuchet MS',Arial,sans-serif}.javovoi .service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.javovoi .service-grid article{grid-column:span 4;background:#fff;border-radius:0;border-top:7px solid #3150d8}.javovoi .photo-band{padding:0}.javovoi .photo-band img{border-radius:0;height:680px}.javovoi .quote{display:grid;grid-template-columns:3fr 1fr;text-align:left;padding:8rem;background:#11183e}.javovoi .quote blockquote{font-family:'Trebuchet MS',Arial,sans-serif}.javovoi .programme{background:#dce3ff}.javovoi .programme li{font-family:'Trebuchet MS',Arial,sans-serif}.javovoi .contact{border-radius:0;margin:0;background:#3150d8}.javovoi .contact-card{border-radius:0;border-left:8px solid #ffcf3e}.javovoi footer{background:#fff}.javovoi .inner-hero{display:grid;grid-template-columns:1fr 1fr;align-items:end;border-bottom:12px solid #3150d8}.javovoi .inner-hero h1{font-family:'Trebuchet MS',Arial,sans-serif}.javovoi .inner-body{max-width:1100px}.javovoi .content-photo{border-radius:0;border-left:12px solid #3150d8}
@media(max-width:850px){.toqojye .brand-hero,.javovoi .brand-hero{grid-template-columns:1fr;padding-right:1.25rem}.javovoi .hero-art{min-height:360px}.javovoi .service-grid{grid-template-columns:1fr}.javovoi .service-grid article{grid-column:auto}.hyderua .section-head,.javovoi .section-head,.javovoi .quote,.javovoi .inner-hero{grid-template-columns:1fr}.toqojye .stats div+div{border-left:3px solid #19110e}.byzadie .service-grid article:nth-child(2){transform:none}}

/* Independent design build: byzadie.info */