/* Actual approved artwork. Do not substitute redrawn lettering. */
:root{--brand-chrome-height:116px}
html{scroll-padding-top:126px}
.site-chrome{height:var(--brand-chrome-height);padding-block:5px}
.site-chrome .maker,.room-machine .site-chrome .maker{width:126px;padding:0;background:#fff;border-radius:3px;line-height:0}
.site-chrome .maker img,.room-machine .site-chrome .maker img{width:126px;height:auto;aspect-ratio:344/290;object-fit:contain}
.room-machine .ambient-player{top:calc(var(--brand-chrome-height) + 12px)}
.studio-art-strip{max-width:1340px;margin:0 auto;padding:50px 5vw 70px}
.studio-art-intro{display:grid;grid-template-columns:1fr auto;gap:10px 30px;align-items:end;margin-bottom:32px}
.studio-art-intro .room-coordinate{grid-column:1/-1;color:#6c695e}.studio-art-intro h2{font-size:32px}.studio-art-intro p{font:13px/1.6 Georgia,serif;color:#6c695e}.studio-art-intro>a{grid-column:2;grid-row:2/4;font:11px/1.5 'Courier New',monospace;text-decoration:underline;text-underline-offset:4px;display:flex;gap:12px;align-items:center}
.studio-art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.studio-art-grid figure{transform:rotate(-1.5deg)}.studio-art-grid figure:nth-child(even){transform:rotate(1.4deg);margin-top:22px}
.studio-art-grid img{width:100%;border:8px solid #eee3cc;box-shadow:3px 5px 0 #544b3020,0 10px 20px #40361612}
.studio-art-grid figcaption{font:italic 13px/1.5 Georgia,serif;margin-top:15px;padding-left:5px}
.artwork-note{font:10px/1.7 'Courier New',monospace;color:#6c695e;margin-top:30px;max-width:700px}
.brand-studio{padding:54px 5vw 80px;background:#f3eddf}.brand-studio-header{max-width:850px;margin:0 auto 30px;text-align:center}.brand-studio-header .room-coordinate{color:#6c695e}.brand-studio-header h1{font-size:clamp(33px,4vw,52px);margin:18px 0}.brand-studio-header p{font:15px/1.7 Georgia,serif}.brand-studio .studio-art-strip{padding:45px 0 60px}.brand-studio .studio-art-intro>a{display:none}
.brand-color-section{max-width:1200px;margin:auto}.brand-color-section>h2{font-size:32px;margin-bottom:15px}.brand-color-section>p{font:14px/1.7 Georgia,serif}.brand-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 28px;margin-top:30px}.brand-color-grid figure{background:#fff;padding:16px;border:1px solid #b5ab9729;box-shadow:3px 5px 0 #6d5c3410}.brand-color-grid img{width:100%;height:auto}.brand-color-grid figcaption{font:11px/1.5 'Courier New',monospace;margin-top:20px;padding-top:12px;border-top:1px solid #b8ac9833}.brand-color-grid figcaption span{color:#958e80;margin-right:9px}
@media(max-width:740px){.site-chrome .maker,.room-machine .site-chrome .maker{width:116px}.site-chrome .maker img,.room-machine .site-chrome .maker img{width:116px;height:49px}.room-machine .site-chrome .maker{padding:2px 6px}.room-machine .site-chrome .maker img{width:104px;height:45px}.studio-art-strip{padding:30px 6vw 45px}.studio-art-intro{display:block;margin-bottom:26px}.studio-art-intro h2{font-size:27px;margin:12px 0}.studio-art-intro>a{display:inline-flex;margin-top:18px}.studio-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.studio-art-grid img{border-width:6px}.studio-art-grid figcaption{font-size:12px}.brand-studio{padding:32px 6vw 55px}.brand-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.brand-color-grid figure{padding:10px}.brand-color-grid figcaption{font-size:10px;margin-top:12px}.brand-color-grid figcaption span{display:block}.brand-studio-header h1{font-size:34px}}
@media(max-width:390px){.brand-color-grid{grid-template-columns:1fr}.brand-color-grid figure{padding:18px}.studio-art-grid{gap:25px 15px}}

@media(max-width:740px){:root{--brand-chrome-height:98px}html{scroll-padding-top:110px}.site-chrome .maker,.room-machine .site-chrome .maker{width:104px;padding:0}.site-chrome .maker img,.room-machine .site-chrome .maker img{width:104px;height:auto}.room-machine .ambient-player{top:calc(var(--brand-chrome-height) + 12px)}}
