/*
Theme Name: MY STUDIO Responsive
Author: MY STUDIO migration
Version: 5.6.0
Description: Responsive MY STUDIO based on the original 2020 website.
*/
:root{--blue:#344e6d;--top:#5289b8;--dark:#282828;--green:#83c000;--link:#4da1dc}*{box-sizing:border-box}body{margin:0;background:var(--blue);color:#eee;font:15px/1.45 Arial,Helvetica,sans-serif}a{color:var(--link)}a:hover{text-decoration:underline}.shell{width:min(825px,100%);margin:10px auto 22px;background:var(--dark);box-shadow:0 5px 12px #17253670}.site-header{background:linear-gradient(#3b6d98,#5b93c1);border-top:6px solid #5ca4e6;padding:20px 27px 0}.head-row{display:flex;align-items:end;justify-content:space-between;gap:16px}.brand img{display:block;width:min(275px,100%);height:auto}.brand small{display:inline-block;font-size:10px;color:#fff;margin-left:5px}.langs{display:flex;gap:10px;align-items:center}.langs img{width:45px;height:29px;object-fit:cover}.strap{background:#171717;color:#fff;padding:2px 27px;font-size:12px}.hero-img{display:block;width:100%;height:auto}.home-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(185px,1fr);gap:55px;padding:38px 27px 55px}.home-main h1{font-size:13px;font-weight:400;color:var(--green);margin:0 0 7px}.intro-copy{font-size:12px;line-height:1.23;margin:0 0 34px}.people{display:grid;grid-template-columns:1fr 1fr;gap:25px}.person img{width:100%;aspect-ratio:285/313;object-fit:cover}.person p{font-size:12px;margin:6px 0 0;line-height:1.25}.person .email{color:var(--green);font-size:11px}.main-nav{display:grid;gap:1px;margin:2px 0 25px}.main-nav a{display:block;background:linear-gradient(#303030,#1f1f1f);padding:6px 14px;text-decoration:none;color:var(--link);font-size:14px;border:1px solid #353535}.main-nav a:hover,.main-nav .current{background:#394d5e}.news-title{font-size:27px;font-weight:800;letter-spacing:-1px;color:#fff;transform:rotate(-3deg);margin:0 0 25px}.years{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 20px}.years a{color:var(--green);font-size:20px;text-decoration:none}.years a:nth-child(4n){color:#a56bd0}.recent-posts{border-top:1px solid #444;padding-top:12px}.recent-posts h2{font-size:13px;color:#bcd0dc;margin:0 0 8px}.recent-posts a{font-size:13px;display:block;margin:8px 0}.site-footer{background:#4d87b8;border-top:2px solid #80b6e4;text-align:center;padding:12px;color:white;font-size:10px;font-weight:bold}.content-page{padding:30px 28px 55px;min-height:450px}.content-page h1{color:#9ed3fb;font-size:25px;margin:0 0 20px}.content-page img{max-width:100%;height:auto}.content-page p{overflow-wrap:anywhere}.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.content-page a{overflow-wrap:anywhere}.mobile-nav-title{display:none}.screen-reader-text{position:absolute;clip-path:inset(50%)}@media(max-width:650px){.shell{margin:0 auto;box-shadow:none}.site-header{padding:16px 16px 0}.brand img{width:min(220px,100%)}.langs img{width:32px;height:22px}.strap{padding:3px 16px}.home-main{grid-template-columns:1fr;gap:30px;padding:24px 20px 38px}.intro-copy{font-size:14px;line-height:1.45}.people{gap:14px}.main-nav{grid-template-columns:1fr 1fr}.main-nav a{font-size:13px}.news-title{margin-top:10px}.content-page{padding:24px 18px}.page-grid{grid-template-columns:1fr}}@media(max-width:350px){.main-nav{grid-template-columns:1fr}.head-row{align-items:start}.langs{gap:4px}}

.brand img{width:min(275px,100%)}

/* v5.1: logo and founding year share one baseline; strap matches logo width. */
.brand-group{display:flex;align-items:flex-end;gap:10px;min-width:0}
.brand{display:block;flex:0 1 275px;min-width:0}
.brand img{width:100%;height:auto}
.founded{font-size:10px;color:#fff;white-space:nowrap;padding-bottom:3px}
.strap-text{display:flex;justify-content:space-between;align-items:center;width:275px;max-width:100%;white-space:nowrap;font-size:11px}
@media(max-width:650px){.brand{flex-basis:220px}.brand-group{gap:6px}.founded{font-size:9px}.strap-text{width:min(220px,100%);font-size:9px}}
@media(max-width:400px){.head-row{align-items:flex-start}.brand-group{flex-wrap:wrap;gap:0}.founded{width:100%;padding:2px 0 0}.strap-text{font-size:8px}}

/* v5.2: subtitle is a precisely aligned graphic matching the wordmark */
.strap-image{display:block;width:275px;max-width:100%;height:auto}.strap{padding-top:1px;padding-bottom:1px}@media(max-width:650px){.strap-image{width:220px}}

/* v5.3: both images have identical visible widths and left edges. */
.brand{flex:0 1 275px;width:275px}.brand img{display:block;width:100%;height:auto}.strap-image{width:275px;max-width:100%;display:block}.strap{padding-left:27px;padding-right:27px}
@media(max-width:650px){.brand{flex-basis:220px;width:220px}.strap-image{width:220px}.strap{padding-left:16px;padding-right:16px}}

/* v5.4: original black wordmark on blue header */

/* v5.5: persistent navigation on all inner pages */
.inner-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:26px;padding:30px 27px 55px;min-height:450px}
.inner-layout .content-page{padding:0;min-width:0;min-height:0}
.inner-sidebar .main-nav{margin:0 0 24px}
.section-nav{border-top:1px solid #555;padding-top:12px}
.section-nav h2{color:#9ed3fb;font-size:15px;margin:0 0 12px}
.section-nav a{display:block;padding:7px 9px;border-bottom:1px solid #404040;font-size:13px;text-decoration:none}
.section-nav a[aria-current="page"]{color:#a6cc55;font-weight:bold}
.entry-content p{margin:0 0 1em;line-height:1.5}
.entry-content a{color:#4da1dc}
@media(max-width:650px){.inner-layout{display:flex;flex-direction:column-reverse;gap:18px;padding:22px 18px 38px}.inner-sidebar .main-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.section-nav{display:flex;flex-wrap:wrap;gap:5px}.section-nav h2{width:100%}.section-nav a{border:1px solid #444}}

/* v5.6: original inner-page hierarchy: horizontal global navigation and local right buttons */
.top-navigation{background:#202020;border-top:1px solid #4d4d4d;border-bottom:1px solid #4d4d4d;padding:0 17px}
.horizontal-menu,.top-navigation ul{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;list-style:none;margin:0;padding:0}
.top-navigation li{list-style:none;margin:0;padding:0}
.top-navigation a{display:block;padding:10px 9px;color:#8fc2eb;text-decoration:none;font-size:12px;border-right:1px solid #3c3c3c}
.top-navigation a:hover,.top-navigation .current-menu-item>a{background:#394d5e;color:white}
.inner-layout{grid-template-columns:minmax(0,1fr) 200px;gap:24px}
.inner-sidebar .local-nav{display:grid;gap:5px;margin:0}
.local-nav a,.local-menu a{display:block;padding:10px 11px;background:linear-gradient(#373737,#222);border:1px solid #454545;color:#9fc9e8;text-decoration:none;font-size:13px}
.local-nav a:hover,.local-nav a[aria-current=page],.local-menu .current-menu-item a{background:#3a5268;color:#fff}
.local-menu{padding:0;margin:0;list-style:none}
.local-menu li{list-style:none;margin:0 0 5px}
.entry-content p{margin:0 0 1em;line-height:1.55}
.entry-content strong,.entry-content b{color:inherit}
@media(max-width:650px){.top-navigation{padding:0 6px}.top-navigation a{padding:9px 8px;font-size:12px}.inner-layout{display:flex;flex-direction:column;gap:18px}.inner-sidebar{order:-1}.inner-sidebar .local-nav{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.content-page{order:0}}